commit 9f4b09d1357630261f970e42b7deb44bb03c8fe0
Author: Jeff Emmett <jeffemmett@gmail.com>
Date:   Thu Jan 8 19:27:14 2026 +0100

    Initial commit: Jeffsi Meet - forked from Jitsi Meet

diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
new file mode 100644
index 0000000..5224197
--- /dev/null
+++ b/.devcontainer/devcontainer.json
@@ -0,0 +1,15 @@
+{
+  "name": "Jitsi Meet Dev Container",
+  "image": "mcr.microsoft.com/devcontainers/universal:2",
+  "features": {
+    "ghcr.io/devcontainers/features/node:1": {
+      "version": "20"
+    }
+  },
+  "hostRequirements": {
+    "cpus": 4,
+    "memory": "8gb",
+    "storage": "32gb" 
+  },
+  "postCreateCommand": "bash -i -c 'nvm use && npm install && cp tsconfig.web.json tsconfig.json'"
+}
diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..4b23962
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,25 @@
+# http://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_size = 4
+indent_style = space
+max_line_length = 120
+trim_trailing_whitespace = true
+
+[*.md]
+trim_trailing_whitespace = false
+
+[Makefile]
+indent_style = tab
+
+[*.{java,kt}]
+indent_size = 4
+
+[*.xml]
+indent_size = 2
+
+[*.{swift,m,mm,h}]
+indent_size = 4
diff --git a/.eslintignore b/.eslintignore
new file mode 100644
index 0000000..e37ebe8
--- /dev/null
+++ b/.eslintignore
@@ -0,0 +1,24 @@
+# The build artifacts of the jitsi-meet project.
+build/*
+
+doc/*
+
+# Third-party source code which we (1) do not want to modify or (2) try to
+# modify as little as possible.
+libs/*
+resources/*
+react/features/stream-effects/virtual-background/vendor/*
+react/features/face-landmarks/resources/*
+
+# ESLint will by default ignore its own configuration file. However, there does
+# not seem to be a reason why we will want to risk being inconsistent with our
+# remaining JavaScript source code.
+!.eslintrc.js
+
+# Not worth it.
+actionTypes.ts
+
+# It's not complete until all files are copied at build time.
+react-native-sdk/
+
+*.d.ts
diff --git a/.eslintrc.js b/.eslintrc.js
new file mode 100644
index 0000000..9401eb3
--- /dev/null
+++ b/.eslintrc.js
@@ -0,0 +1,5 @@
+module.exports = {
+    extends: [
+        '@jitsi/eslint-config'
+    ]
+};
diff --git a/.gitattributes b/.gitattributes
new file mode 100644
index 0000000..c52c733
--- /dev/null
+++ b/.gitattributes
@@ -0,0 +1,3 @@
+*.bundle.js -text -diff
+*.pbxproj -text
+lib-jitsi-meet.js -text -diff
diff --git a/.github/ISSUE_TEMPLATE/1-bug.yml b/.github/ISSUE_TEMPLATE/1-bug.yml
new file mode 100644
index 0000000..f1591f3
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/1-bug.yml
@@ -0,0 +1,53 @@
+name: Bug report
+description: File a bug report and help us improve
+body:
+  - type: markdown
+    attributes:
+      value: |
+        This issue tracker is only for reporting bugs and tracking issues related to the source code.
+
+        **Before posting, please make sure to check if the same or similar bugs have already been reported.**
+
+        ⚠️ General questions regarding usage, installation, etc. should be posted in our [community forum](https://community.jitsi.org).
+  - type: textarea
+    attributes:
+      label: What happened?
+      description: Please describe the problem. Be as detailed as possible.
+    validations:
+      required: true
+  - type: checkboxes
+    attributes:
+      label: Platform
+      description: On what platforms can you reproduce the problem?
+      options:
+        - label: Chrome (or Chromium based)
+        - label: Firefox
+        - label: Safari
+        - label: Other desktop browser
+        - label: Android browser
+        - label: iOS browser
+        - label: Electron app
+        - label: Android mobile app
+        - label: iOS mobile app
+        - label: Custom app using a mobile SDK
+  - type: input
+    attributes:
+      label: Browser / app / sdk version
+      description: Please provide the version of the browser / app / sdk where the problem manifests.
+    validations:
+      required: true
+  - type: textarea
+    attributes:
+      label: Relevant log output
+      description: Please copy and paste any relevant log output. The browser console JS logs (if applicable) is a good start. This will be automatically formatted into code, so no need for backticks.
+      render: shell
+  - type: checkboxes
+    attributes:
+      label: Reproducibility
+      description: Does the problem reproduce on meet.jit.si using Chrome, Firefox or the official mobile apps?
+      options:
+        - label: The problem is reproducible on meet.jit.si
+  - type: textarea
+    attributes:
+      label: More details?
+      description: Please provide more details in case they apply (such as the Jitsi Meet version you are running, if you are hosting your own server).
diff --git a/.github/ISSUE_TEMPLATE/2-feature.yml b/.github/ISSUE_TEMPLATE/2-feature.yml
new file mode 100644
index 0000000..ec67ba1
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/2-feature.yml
@@ -0,0 +1,22 @@
+name: Feature request
+description: Suggest an idea for Jitsi Meet
+labels: ["feature-request"]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thank you for suggesting an idea to make Jitsi Meet better.
+
+        **Note**: the ultimate decision for implementing features lies on the Jitsi team, not all feature requests shall be accepted.
+  - type: textarea
+    attributes:
+      label: What problem are you trying to solve?
+      description: Tell us what problem your feature request would solve.
+  - type: textarea
+    attributes:
+      label: What solution would you like to see?
+      description: Please describe the desired behavior or feature.
+  - type: textarea
+    attributes:
+      label: Is there an alternative?
+      description: Please describe alternative solutions or features you have considered.
diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml
new file mode 100644
index 0000000..35d5e69
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/config.yml
@@ -0,0 +1,5 @@
+blank_issues_enabled: false
+contact_links:
+  - name: Need help with your Jitsi Meet installation?
+    url: https://community.jitsi.org
+    about: Please ask it in our community forum.
diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
new file mode 100644
index 0000000..6ef3510
--- /dev/null
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -0,0 +1,5 @@
+<!--
+Thank you for your pull request. Please provide a thorough description below.
+
+Contributors guide: https://github.com/jitsi/jitsi-meet/blob/master/CONTRIBUTING.md
+-->
diff --git a/.github/dependabot.yml b/.github/dependabot.yml
new file mode 100644
index 0000000..ccfd06d
--- /dev/null
+++ b/.github/dependabot.yml
@@ -0,0 +1,12 @@
+version: 2
+updates:
+  # Monitor GitHub Actions versions
+  - package-ecosystem: "github-actions"
+    directory: "/"
+    schedule:
+      interval: "weekly"
+    labels:
+      - "dependencies"
+      - "github-actions"
+    commit-message:
+      prefix: "chore(ci)"
diff --git a/.github/workflows/ci-lua.yml b/.github/workflows/ci-lua.yml
new file mode 100644
index 0000000..cb5dea8
--- /dev/null
+++ b/.github/workflows/ci-lua.yml
@@ -0,0 +1,26 @@
+name: Lua CI
+
+on: [pull_request]
+
+jobs:
+  luacheck:
+    name: Luacheck
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v6
+
+    - name: Install luarocks
+      run: sudo apt-get --install-recommends -y install luarocks
+
+    - name: Install luacheck
+      run: sudo luarocks install luacheck
+
+    - name: Check lua codes
+      run: |
+        set -o pipefail && luacheck . \
+        --exclude-files=resources/prosody-plugins/mod_firewall/mod_firewall.lua | awk -F: '
+          {
+            print $0
+            printf "::warning file=%s,line=%s,col=%s::%s\n", $1, $2, $3, $4
+          }
+        '
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
new file mode 100644
index 0000000..a007cf5
--- /dev/null
+++ b/.github/workflows/ci.yml
@@ -0,0 +1,203 @@
+name: Simple CI
+
+on: [pull_request]
+
+jobs:
+  lint:
+    name: Lint
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v6
+    - uses: actions/setup-node@v6
+      with:
+        node-version-file: '.nvmrc'
+        cache: 'npm'
+    - name: Check Node / npm versions
+      run: |
+        node -v
+        npm -v
+    - name: Get changed files
+      id: changed-files
+      uses: jitsi/changed-files@main
+    - name: Get changed lang files
+      id: lang-files
+      run: echo "all=$(echo "${{ steps.changed-files.outputs.all_changed_files }}" | grep -oE 'lang\/\S+' | tr '\n' ' ')" >> "$GITHUB_OUTPUT"
+    - run: npm install
+    - name: Check git status
+      run: git status
+    - name: Normalize lang files to ensure sorted
+      if: steps.lang-files.outputs.all
+      run: npm run lang-sort
+    - name: Check lang files are formatted correctly
+      if: steps.lang-files.outputs.all
+      run: npm run lint:lang
+    - name: Check if the git repository is clean
+      run: $(exit $(git status --porcelain --untracked-files=no | head -255 | wc -l)) || (echo "Dirty git tree"; git diff; exit 1)
+    - run: npm run lint:ci && npm run tsc:ci
+  frontend:
+    name: Build Frontend
+    runs-on: ${{ matrix.os }}
+    strategy:
+      fail-fast: false
+      matrix:
+        os: [macos-latest, ubuntu-latest]
+    steps:
+    - uses: actions/checkout@v6
+    - uses: actions/setup-node@v6
+      with:
+        node-version-file: '.nvmrc'
+        cache: 'npm'
+    - name: Check Node / npm versions
+      run: |
+        node -v
+        npm -v
+    - run: npm install
+    - run: make
+    - name: Check config.js syntax
+      run: node config.js
+  android-rn-bundle-build:
+    name: Build mobile bundle (Android)
+    runs-on: macos-15
+    steps:
+    - uses: actions/checkout@v6
+    - uses: actions/setup-node@v6
+      with:
+        node-version-file: '.nvmrc'
+        cache: 'npm'
+    - name: Check Node / npm versions
+      run: |
+        node -v
+        npm -v
+    - run: npm install
+    - run: npx react-native bundle --entry-file react/index.native.js --platform android --bundle-output /tmp/android.bundle --reset-cache
+  ios-rn-bundle-build:
+    name: Build mobile bundle (iOS)
+    runs-on: macos-15
+    steps:
+    - uses: actions/checkout@v6
+    - uses: actions/setup-node@v6
+      with:
+        node-version-file: '.nvmrc'
+        cache: 'npm'
+    - name: Check Node / npm versions
+      run: |
+        node -v
+        npm -v
+    - run: npm install
+    - name: setup Xcode
+      run: |
+        uname -a
+        xcode-select -p
+        sudo xcode-select -s /Applications/Xcode_16.2.app/Contents/Developer
+        xcodebuild -version
+    - name: setup-cocoapods
+      uses: ruby/setup-ruby@v1
+      with:
+        ruby-version: '3.4'
+        bundler-cache: true
+    - run: npx react-native info
+    - name: Install Pods
+      working-directory: ./ios
+      run: bundle exec pod install --repo-update --deployment
+    - run: npx react-native bundle --entry-file react/index.native.js --platform ios --bundle-output /tmp/ios.bundle --reset-cache
+  android-sdk-build:
+    name: Build mobile SDK (Android)
+    runs-on: ubuntu-latest
+    container: 
+      image: reactnativecommunity/react-native-android:v15.0
+      volumes:
+        - /usr:/host/usr
+    steps:
+    - name: Make space in image by removing preinstalled, but unused SDKs
+      run: |
+        df -h /
+        rm -rf /host/usr/local/lib/android
+        rm -rf /host/usr/local/.ghcup
+        rm -rf /host/usr/share/dotnet
+        rm -rf /host/usr/share/swift
+        df -h /
+    - uses: actions/checkout@v6
+    - uses: actions/setup-node@v6
+      with:
+        node-version-file: '.nvmrc'
+        cache: 'npm'
+    - name: Check Node / npm versions
+      run: |
+        node -v
+        npm -v
+    - run: npm install
+    - run: |
+        cd android
+        ./gradlew :sdk:clean
+        ./gradlew :sdk:assembleRelease
+    - run: |
+        git config --global --add safe.directory /__w/jitsi-meet/jitsi-meet
+        git clean -dfx
+  ios-sdk-build:
+    name: Build mobile SDK (iOS)
+    runs-on: macos-15
+    steps:
+    - uses: actions/checkout@v6
+    - uses: actions/setup-node@v6
+      with:
+        node-version-file: '.nvmrc'
+        cache: 'npm'
+    - name: Check Node / npm versions
+      run: |
+        node -v
+        npm -v
+    - run: npm install
+    - name: setup Xcode
+      run: |
+        uname -a
+        xcode-select -p
+        sudo xcode-select -s /Applications/Xcode_16.2.app/Contents/Developer
+        xcodebuild -version
+    - name: clean Xcode
+      run: |
+        rm -rf ios/sdk/out
+        xcodebuild clean \
+          -workspace ios/jitsi-meet.xcworkspace \
+          -scheme JitsiMeetSDK
+    - name: setup-cocoapods
+      uses: ruby/setup-ruby@v1
+      with:
+        ruby-version: '3.4'
+        bundler-cache: true
+    - run: npx react-native info
+    - name: Install Pods
+      working-directory: ./ios
+      run: bundle exec pod install --repo-update --deployment
+    - run: |
+        xcodebuild -downloadPlatform iOS -buildVersion 18.2
+        xcodebuild archive \
+          -workspace ios/jitsi-meet.xcworkspace \
+          -scheme JitsiMeetSDK  \
+          -configuration Release \
+          -sdk iphoneos \
+          -destination 'generic/platform=iOS' \
+          -archivePath ios/sdk/out/ios-device \
+          SKIP_INSTALL=NO \
+          BUILD_LIBRARY_FOR_DISTRIBUTION=YES
+        xcodebuild -create-xcframework \
+          -framework ios/sdk/out/ios-device.xcarchive/Products/Library/Frameworks/JitsiMeetSDK.framework \
+          -output ios/sdk/out/JitsiMeetSDK.xcframework
+    - run: ls -lR ios/sdk/out
+  debian-build:
+    name: Test Debian packages build
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v6
+    - uses: actions/setup-node@v6
+      with:
+        node-version-file: '.nvmrc'
+        cache: 'npm'
+    - name: Check Node / npm versions
+      run: |
+        node -v
+        npm -v
+    - run: npm install
+    - run: make
+    - run: sudo apt-get install -y debhelper
+    - run: dpkg-buildpackage -A -rfakeroot -us -uc -d
+    - run: make source-package
diff --git a/.github/workflows/stale.yml b/.github/workflows/stale.yml
new file mode 100644
index 0000000..037a37b
--- /dev/null
+++ b/.github/workflows/stale.yml
@@ -0,0 +1,21 @@
+name: 'Close stale issues and PRs'
+on:
+  schedule:
+    - cron: '30 1 * * *'
+
+jobs:
+  stale:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/stale@v8
+        with:
+          stale-issue-message: 'This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.'
+          stale-pr-message: 'This PR has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.'
+          stale-issue-label: 'stale'
+          stale-pr-label: 'stale'
+          exempt-issue-labels: 'confirmed,help-needed'
+          exempt-pr-labels: 'confirmed'
+          days-before-issue-stale: 60
+          days-before-pr-stale: 90
+          days-before-issue-close: 10
+          days-before-pr-close: 10
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..0628149
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,120 @@
+*.swp
+.*.tmp
+deploy-local.sh
+libs/
+all.css
+*css.map
+.remote-sync.json
+.sync-config.cson
+
+# CocoaPods
+Pods/
+
+# The following are automatically generated by the react-native command line
+# utility (either with the init or upgrade option which pull in the latest
+# template files recommended by Facebook for React Native).
+
+# OSX
+#
+.DS_Store
+
+# Xcode
+#
+build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.dSYM.zip
+*.xcuserstate
+project.xcworkspace
+**/.xcode.env.local
+
+# Android/IntelliJ
+#
+build/
+.idea
+.gradle
+local.properties
+*.iml
+
+# node.js
+#
+node_modules/
+npm-debug.log
+yarn-error.log
+
+# BUCK
+#
+buck-out/
+\.buckd/
+*.keystore
+
+# fastlane
+#
+.bundle/
+**/fastlane/report.xml
+**/fastlane/Preview.html
+**/fastlane/test_output
+
+# Build artifacts
+*.jsbundle
+*.framework
+android/app/debug
+android/app/release
+ios/sdk/out
+
+# precommit-hook
+.jshintignore
+.jshintrc
+
+# VSCode files
+android/.project
+android/.settings/org.eclipse.buildship.core.prefs
+
+# Secrets
+android/app/dropbox.key
+android/app/google-services.json
+ios/app/dropbox.key
+ios/app/GoogleService-Info.plist
+
+.vscode
+
+# TWA
+twa/*.apk
+twa/*.aab
+twa/assetlinks.json
+
+tsconfig.json
+
+# React Native SDK
+#
+react-native-sdk/*.tgz
+react-native-sdk/android/src
+!react-native-sdk/android/src/main/java/org/jitsi/meet/sdk/JitsiMeetReactNativePackage.java
+!react-native-sdk/android/src/main/java/org/jitsi/meet/sdk/JitsiMeetOngoingConferenceService.java
+!react-native-sdk/android/src/main/java/org/jitsi/meet/sdk/JMOngoingConferenceModule.java
+!react-native-sdk/android/src/main/java/org/jitsi/meet/sdk/RNOngoingNotification.java
+react-native-sdk/images
+react-native-sdk/ios
+react-native-sdk/lang
+react-native-sdk/modules
+react-native-sdk/node_modules
+react-native-sdk/react
+react-native-sdk/service
+react-native-sdk/sounds
+
+# tests
+tests/.env
+test-results
+
diff --git a/.luacheckrc b/.luacheckrc
new file mode 100644
index 0000000..148df09
--- /dev/null
+++ b/.luacheckrc
@@ -0,0 +1,8 @@
+global = false
+unused = false
+redefined = false
+ignore = { "581" }
+max_line_length = false
+color = false
+formatter = "plain"
+quiet = 1
diff --git a/.npmrc b/.npmrc
new file mode 100644
index 0000000..6bc0e13
--- /dev/null
+++ b/.npmrc
@@ -0,0 +1,3 @@
+package-lock=true
+; FIXME Set legacy-peer-deps=false when we upgrade RN.
+legacy-peer-deps=true
diff --git a/.nvmrc b/.nvmrc
new file mode 100644
index 0000000..2bd5a0a
--- /dev/null
+++ b/.nvmrc
@@ -0,0 +1 @@
+22
diff --git a/.watchmanconfig b/.watchmanconfig
new file mode 100644
index 0000000..9e26dfe
--- /dev/null
+++ b/.watchmanconfig
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/CLAUDE.md b/CLAUDE.md
new file mode 100644
index 0000000..57992a6
--- /dev/null
+++ b/CLAUDE.md
@@ -0,0 +1,267 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## Development Commands
+
+### Building and Development
+- `npm run lint-fix` - Automatically fix linting issues
+- `npm run tsc:ci` - Run TypeScript checks for both web and native platforms
+- `npm run tsc:web` - TypeScript check for web platform only
+- `npm run tsc:native` - TypeScript check for native platform only
+- `npm run lint:ci` - Run ESLint without type checking
+- `make dev` - Start development server with webpack-dev-server
+- `make compile` - Build production bundles
+- `make clean` - Clean build directory
+- `make all` - Full build (compile + deploy)
+
+### Testing
+- `npm test` - Run full test suite using WebDriverIO
+- `npm run test-single -- <spec-file>` - Run single test file
+- `npm run test-dev` - Run tests against development environment
+- `npm run test-dev-single -- <spec-file>` - Run single test in dev mode
+
+
+### Language Tools
+- `npm run lang-sort` - Sort language files
+- `npm run lint:lang` - Validate JSON language files
+
+### Platform-Specific TypeScript
+TypeScript configuration is split between web and native platforms with separate tsconfig files.
+
+## Architecture Overview
+
+### Multi-Platform Structure
+Jitsi Meet supports both web and React Native platforms with platform-specific file extensions and directories:
+- `.web.ts/.web.tsx` - Web-specific implementations
+- `.native.ts/.native.tsx` - React Native-specific implementations
+- `.any.ts/.any.tsx` - Shared cross-platform code
+- `.android.ts/.android.tsx` - Android-specific code
+- `.ios.ts/.ios.tsx` - iOS-specific code
+- `web/` directories - Web-specific components and modules
+- `native/` directories - React Native-specific components and modules
+- `react/features/mobile/` - Native-only features
+
+### Core Directories
+- `react/features/` - Main application features organized by domain (83+ feature modules)
+- `modules/` - Legacy JavaScript modules and APIs
+- `css/` - SCSS stylesheets compiled to CSS
+- `libs/` - Compiled output directory for JavaScript bundles
+- `static/` - Static assets and HTML files
+- `tests/` - WebDriverIO end-to-end tests
+
+### Feature-Driven Architecture
+The application is organized under `react/features/` with each feature containing:
+
+- **`actionTypes.ts`** - Redux action type constants
+- **`actions.ts`** - Redux action creators (platform-specific variants with `.any.ts`, `.web.ts`, `.native.ts`)
+- **`reducer.ts`** - Redux reducer functions
+- **`middleware.ts`** - Redux middleware for side effects
+- **`functions.ts`** - Utility functions and selectors
+- **`constants.ts`** - Feature-specific constants
+- **`logger.ts`** - Feature-specific logger instance
+- **`types.ts`** - TypeScript type definitions
+
+### Key Application Files
+- `app.js` - Main web application entry point
+- `webpack.config.js` - Multi-bundle Webpack configuration
+- `Makefile` - Build system for development and production
+- `package.json` - Dependencies and scripts with version requirements
+
+### Bundle Architecture
+The application builds multiple bundles:
+- `app.bundle.js` / `app.bundle.min.js` - Main application bundle (entry: `./app.js`)
+- `external_api.js` / `external_api.min.js` - External API for embedders (entry: `./modules/API/external/index.js`)
+- `alwaysontop.js` / `alwaysontop.min.js` - Always-on-top window functionality (entry: `./react/features/always-on-top/index.tsx`)
+- `close3.js` / `close3.min.js` - Close3 functionality (entry: `./static/close3.js`)
+- `face-landmarks-worker.js` / `face-landmarks-worker.min.js` - Face landmarks detection worker (entry: `./react/features/face-landmarks/faceLandmarksWorker.ts`)
+- `noise-suppressor-worklet.js` / `noise-suppressor-worklet.min.js` - Audio noise suppression worklet (entry: `./react/features/stream-effects/noise-suppression/NoiseSuppressorWorklet.ts`)
+- `screenshot-capture-worker.js` / `screenshot-capture-worker.min.js` - Screenshot capture worker (entry: `./react/features/screenshot-capture/worker.ts`)
+
+### Redux Architecture
+Features follow a Redux-based architecture with:
+- Actions, reducers, and middleware in each feature directory
+- Cross-platform state management
+- Modular feature organization with clear boundaries
+
+The codebase uses a registry-based Redux architecture:
+- **ReducerRegistry** - Features register their reducers independently
+- **MiddlewareRegistry** - Features register middleware without cross-dependencies
+- **IReduxState** - Global state is strongly typed with 80+ feature states
+
+### Dependencies
+- Uses `lib-jitsi-meet` as the core WebRTC library
+- React with TypeScript support
+- React Native for mobile applications
+- Webpack for bundling with development server
+
+### TypeScript Configuration
+- `tsconfig.web.json` - Web platform TypeScript config (excludes native files)
+- `tsconfig.native.json` - React Native TypeScript config (excludes web files)
+- Strict TypeScript settings with ES2024 target
+- Platform-specific module suffixes (`.web`, `.native`)
+
+### Key Base Features
+- **`base/app/`** - Application lifecycle management
+- **`base/conference/`** - Core conference logic
+- **`base/tracks/`** - Media track management
+- **`base/participants/`** - Participant management
+- **`base/config/`** - Configuration management
+- **`base/redux/`** - Redux infrastructure
+
+### Component Patterns
+- **Abstract Components** - Base classes for cross-platform components
+- **Platform-Specific Components** - Separate implementations in `web/` and `native/` directories
+- **Hook-based patterns** - Modern React patterns for component logic
+### Testing Framework
+- WebDriverIO for end-to-end testing
+- Test files are located in `tests/specs/` and use page objects in `tests/pageobjects/`.
+- Environment configuration via `.env` files
+- Support for Chrome, Firefox, and grid testing
+
+## Development Guidelines
+
+### Adding New Features
+1. Create feature directory under `react/features/[feature-name]/`
+2. Follow the standard file structure (actionTypes, actions, reducer, etc.)
+3. Register reducers and middleware using the registry pattern
+4. Define TypeScript interfaces for state and props
+5. Use platform-specific files for web/native differences
+6. Add feature-specific logger for debugging
+
+### Working with Existing Features
+1. Check for existing `.any.ts`, `.web.ts`, `.native.ts` variants
+2. Follow established action-reducer-middleware patterns
+3. Use existing base utilities rather than creating new ones
+4. Leverage abstract components for cross-platform logic
+5. Maintain type safety across the entire state tree
+
+### Testing
+The project uses WebDriver (WebdriverIO) for end-to-end testing. Test files are located in `tests/specs/` and use page objects in `tests/pageobjects/`.
+
+### Build System
+- **Webpack** - Main build system for web bundles
+- **Makefile** - Coordinates build process and asset deployment
+- **Metro** - React Native bundler (configured in `metro.config.js`)
+
+### Platform-Specific Notes
+- Web builds exclude files matching `**/native/*`, `**/*.native.ts`, etc.
+- Native builds exclude files matching `**/web/*`, `**/*.web.ts`, etc.
+- Use `moduleSuffixes` in TypeScript config to handle platform-specific imports
+- Check `tsconfig.web.json` and `tsconfig.native.json` for platform-specific exclusions
+
+## Environment and Setup Requirements
+
+### System Requirements
+- **Node.js and npm** are required
+- Development server runs at https://localhost:8080/
+- Certificate errors in development are expected (self-signed certificates)
+
+### Development Workflow
+- Development server proxies to configurable target (default: https://alpha.jitsi.net)
+- Hot module replacement enabled for development
+- Bundle analysis available via `ANALYZE_BUNDLE=true` environment variable
+- Circular dependency detection via `DETECT_CIRCULAR_DEPS=true`
+
+## Code Quality Requirements
+- All code must pass `npm run lint:ci` and `npm run tsc:ci` with 0 warnings before committing
+- TypeScript strict mode enabled - avoid `any` type
+- ESLint config extends `@jitsi/eslint-config`
+- Prefer TypeScript for new features, convert existing JavaScript when possible
+
+## Code Style and Standards
+
+### Conventional Commits Format
+Follow [Conventional Commits](https://www.conventionalcommits.org) with **mandatory scopes**:
+```
+feat(feature-name): description
+fix(feature-name): description
+docs(section): description
+```
+Available types: build, chore, ci, docs, feat, fix, perf, refactor, revert, style, test
+
+### Feature Layout Structure
+When adding new features:
+```
+react/features/sample/
+├── actionTypes.ts
+├── actions.ts
+├── components/
+│   ├── AnotherComponent.tsx
+│   └── OneComponent.tsx
+├── middleware.ts
+└── reducer.ts
+```
+
+### TypeScript Requirements
+- All new features must be written in TypeScript
+- Convert JavaScript to TypeScript when modifying existing code
+- Import middleware in `react/features/app/middlewares.{any,native,web}.js`
+- Import reducers in appropriate registry files
+- Avoid `index` files
+
+### Bundle Size Management
+- Bundle size limits are enforced to prevent bloat
+- For increases, analyze first: `npx webpack -p --analyze-bundle`
+- Open analyzer: `npx webpack-bundle-analyzer build/app-stats.json`
+- Justify any dependency additions that increase bundle size
+
+## Testing and Quality Assurance
+
+### Tests
+- End-to-end tests are defined in the tests/
+- Tests run automatically for project member PRs via Jenkins
+- Tests cover peer-to-peer, invites, iOS, Android, and web platforms
+- Beta testing available at https://beta.meet.jit.si/
+
+### Manual Testing Checklist
+- Test with 2 participants (P2P mode)
+- Test with 3+ participants (JVB mode)
+- Verify audio/video in both modes
+- Test mobile apps if changes affect mobile
+- Check that TLS certificate chain is complete for mobile app compatibility
+
+## Common Issues and Debugging
+
+### P2P vs JVB Problems
+- **Works with 2 participants, fails with 3+**: JVB/firewall issue, check UDP 10000
+- **Works on web, fails on mobile apps**: TLS certificate chain issue, need fullchain.pem
+- Use the tests from tests/ directory to verify functionality across platforms
+
+### Development Server Issues
+- Certificate warnings are normal for development (self-signed)
+- Use different backend with WEBPACK_DEV_SERVER_PROXY_TARGET environment variable
+- Check firewall settings if local development fails
+
+### Configuration and Customization
+- Extensive configuration options documented in handbook
+- See `config.js` for client-side options
+- Options marked 🚫 are not overwritable through `configOverwrite`
+- Reference [Configuration Guide](https://jitsi.github.io/handbook/docs/dev-guide/dev-guide-configuration) for details
+
+## Architecture Deep Dive
+
+### Core Application Files
+- **`./conference.js`** - Foundation for user-conference interactions (connection, joining, muting)
+- **`./modules/external-api`** - External API for iframe integration and events
+- **`./lang/`** - Translations in `main-[language].json` files
+- **`./css/`** - SCSS files organized by features, matching React feature structure
+
+### State Management Flow
+1. Actions dispatched from components
+2. Middleware processes side effects
+3. Reducers update state
+4. Components re-render based on state changes
+5. Registry pattern keeps features decoupled
+
+### Cross-Platform Strategy
+- Abstract components handle shared logic
+- Platform files (.web.ts, .native.ts) handle platform differences
+- Build system excludes irrelevant platform files
+- TypeScript configs ensure proper platform targeting
+
+## External Resources
+- [Jitsi Handbook](https://jitsi.github.io/handbook/) - Comprehensive documentation
+- [Community Forum](https://community.jitsi.org/) - Ask questions and get support
+- [Architecture Guide](https://jitsi.github.io/handbook/docs/architecture) - System overview
+- [Contributing Guidelines](https://jitsi.github.io/handbook/docs/dev-guide/contributing) - Detailed contribution process
\ No newline at end of file
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
new file mode 100644
index 0000000..db57433
--- /dev/null
+++ b/CONTRIBUTING.md
@@ -0,0 +1,20 @@
+# Follow Our Updated Guide to See How You Can Contribute
+
+**Hello there! 👋**
+
+We're thrilled that you're eager to contribute to **Jitsi Meet! ❤️** 
+
+Your interest in improving our platform means a lot to us. To ensure your contributions align seamlessly with our goals and processes, we've recently updated our guide. This guide will provide you with clear instructions on how to get involved effectively.
+
+### 📖 Get Started
+
+Ready to get started? Head over to our [Jitsi Meet Handbook](https://jitsi.github.io/handbook/docs/dev-guide/dev-guide-contributing/) and let's make **Jitsi Meet** even better together!
+
+### 💬 Join the Discussion
+
+Have questions or need help? Join our community discussions on the [Jitsi Forum](https://community.jitsi.org/) where contributors and maintainers can assist you.
+
+### ❗️Additional Note
+Before sending us your code, double-check that it meets our coding standards. You can do this by running a command: `npm run lint`. If there are any issues, don't worry! You can fix them by running: `npm run lint-fix`. Once your code passes these checks, feel free to submit your pull request.
+
+**Happy coding!**
diff --git a/Gemfile b/Gemfile
new file mode 100644
index 0000000..3fc60dc
--- /dev/null
+++ b/Gemfile
@@ -0,0 +1,16 @@
+source "https://rubygems.org"
+
+ruby ">= 3.4.0"
+
+gem "cocoapods", "~> 1.16"
+
+# (Optional) Fastlane for automation
+gem "fastlane"
+gem "abbrev"
+gem "logger"
+gem "mutex_m"
+gem "csv"
+gem "bigdecimal"
+
+# (Optional) Bundler itself to ensure consistency
+gem "bundler"
diff --git a/Gemfile.lock b/Gemfile.lock
new file mode 100644
index 0000000..edf2a4e
--- /dev/null
+++ b/Gemfile.lock
@@ -0,0 +1,331 @@
+GEM
+  remote: https://rubygems.org/
+  specs:
+    CFPropertyList (3.0.7)
+      base64
+      nkf
+      rexml
+    abbrev (0.1.2)
+    activesupport (7.2.2.1)
+      base64
+      benchmark (>= 0.3)
+      bigdecimal
+      concurrent-ruby (~> 1.0, >= 1.3.1)
+      connection_pool (>= 2.2.5)
+      drb
+      i18n (>= 1.6, < 2)
+      logger (>= 1.4.2)
+      minitest (>= 5.1)
+      securerandom (>= 0.3)
+      tzinfo (~> 2.0, >= 2.0.5)
+    addressable (2.8.7)
+      public_suffix (>= 2.0.2, < 7.0)
+    algoliasearch (1.27.5)
+      httpclient (~> 2.8, >= 2.8.3)
+      json (>= 1.5.1)
+    artifactory (3.0.17)
+    atomos (0.1.3)
+    aws-eventstream (1.3.1)
+    aws-partitions (1.1050.0)
+    aws-sdk-core (3.218.1)
+      aws-eventstream (~> 1, >= 1.3.0)
+      aws-partitions (~> 1, >= 1.992.0)
+      aws-sigv4 (~> 1.9)
+      base64
+      jmespath (~> 1, >= 1.6.1)
+    aws-sdk-kms (1.98.0)
+      aws-sdk-core (~> 3, >= 3.216.0)
+      aws-sigv4 (~> 1.5)
+    aws-sdk-s3 (1.181.0)
+      aws-sdk-core (~> 3, >= 3.216.0)
+      aws-sdk-kms (~> 1)
+      aws-sigv4 (~> 1.5)
+    aws-sigv4 (1.11.0)
+      aws-eventstream (~> 1, >= 1.0.2)
+    babosa (1.0.4)
+    base64 (0.2.0)
+    benchmark (0.4.0)
+    bigdecimal (3.1.9)
+    claide (1.1.0)
+    cocoapods (1.16.2)
+      addressable (~> 2.8)
+      claide (>= 1.0.2, < 2.0)
+      cocoapods-core (= 1.16.2)
+      cocoapods-deintegrate (>= 1.0.3, < 2.0)
+      cocoapods-downloader (>= 2.1, < 3.0)
+      cocoapods-plugins (>= 1.0.0, < 2.0)
+      cocoapods-search (>= 1.0.0, < 2.0)
+      cocoapods-trunk (>= 1.6.0, < 2.0)
+      cocoapods-try (>= 1.1.0, < 2.0)
+      colored2 (~> 3.1)
+      escape (~> 0.0.4)
+      fourflusher (>= 2.3.0, < 3.0)
+      gh_inspector (~> 1.0)
+      molinillo (~> 0.8.0)
+      nap (~> 1.0)
+      ruby-macho (>= 2.3.0, < 3.0)
+      xcodeproj (>= 1.27.0, < 2.0)
+    cocoapods-core (1.16.2)
+      activesupport (>= 5.0, < 8)
+      addressable (~> 2.8)
+      algoliasearch (~> 1.0)
+      concurrent-ruby (~> 1.1)
+      fuzzy_match (~> 2.0.4)
+      nap (~> 1.0)
+      netrc (~> 0.11)
+      public_suffix (~> 4.0)
+      typhoeus (~> 1.0)
+    cocoapods-deintegrate (1.0.5)
+    cocoapods-downloader (2.1)
+    cocoapods-plugins (1.0.0)
+      nap
+    cocoapods-search (1.0.1)
+    cocoapods-trunk (1.6.0)
+      nap (>= 0.8, < 2.0)
+      netrc (~> 0.11)
+    cocoapods-try (1.2.0)
+    colored (1.2)
+    colored2 (3.1.2)
+    commander (4.6.0)
+      highline (~> 2.0.0)
+    concurrent-ruby (1.3.5)
+    connection_pool (2.5.0)
+    csv (3.3.2)
+    declarative (0.0.20)
+    digest-crc (0.7.0)
+      rake (>= 12.0.0, < 14.0.0)
+    domain_name (0.6.20240107)
+    dotenv (2.8.1)
+    drb (2.2.1)
+    emoji_regex (3.2.3)
+    escape (0.0.4)
+    ethon (0.16.0)
+      ffi (>= 1.15.0)
+    excon (0.112.0)
+    faraday (1.10.4)
+      faraday-em_http (~> 1.0)
+      faraday-em_synchrony (~> 1.0)
+      faraday-excon (~> 1.1)
+      faraday-httpclient (~> 1.0)
+      faraday-multipart (~> 1.0)
+      faraday-net_http (~> 1.0)
+      faraday-net_http_persistent (~> 1.0)
+      faraday-patron (~> 1.0)
+      faraday-rack (~> 1.0)
+      faraday-retry (~> 1.0)
+      ruby2_keywords (>= 0.0.4)
+    faraday-cookie_jar (0.0.7)
+      faraday (>= 0.8.0)
+      http-cookie (~> 1.0.0)
+    faraday-em_http (1.0.0)
+    faraday-em_synchrony (1.0.0)
+    faraday-excon (1.1.0)
+    faraday-httpclient (1.0.1)
+    faraday-multipart (1.1.0)
+      multipart-post (~> 2.0)
+    faraday-net_http (1.0.2)
+    faraday-net_http_persistent (1.2.0)
+    faraday-patron (1.0.0)
+    faraday-rack (1.0.0)
+    faraday-retry (1.0.3)
+    faraday_middleware (1.2.1)
+      faraday (~> 1.0)
+    fastimage (2.4.0)
+    fastlane (2.226.0)
+      CFPropertyList (>= 2.3, < 4.0.0)
+      addressable (>= 2.8, < 3.0.0)
+      artifactory (~> 3.0)
+      aws-sdk-s3 (~> 1.0)
+      babosa (>= 1.0.3, < 2.0.0)
+      bundler (>= 1.12.0, < 3.0.0)
+      colored (~> 1.2)
+      commander (~> 4.6)
+      dotenv (>= 2.1.1, < 3.0.0)
+      emoji_regex (>= 0.1, < 4.0)
+      excon (>= 0.71.0, < 1.0.0)
+      faraday (~> 1.0)
+      faraday-cookie_jar (~> 0.0.6)
+      faraday_middleware (~> 1.0)
+      fastimage (>= 2.1.0, < 3.0.0)
+      fastlane-sirp (>= 1.0.0)
+      gh_inspector (>= 1.1.2, < 2.0.0)
+      google-apis-androidpublisher_v3 (~> 0.3)
+      google-apis-playcustomapp_v1 (~> 0.1)
+      google-cloud-env (>= 1.6.0, < 2.0.0)
+      google-cloud-storage (~> 1.31)
+      highline (~> 2.0)
+      http-cookie (~> 1.0.5)
+      json (< 3.0.0)
+      jwt (>= 2.1.0, < 3)
+      mini_magick (>= 4.9.4, < 5.0.0)
+      multipart-post (>= 2.0.0, < 3.0.0)
+      naturally (~> 2.2)
+      optparse (>= 0.1.1, < 1.0.0)
+      plist (>= 3.1.0, < 4.0.0)
+      rubyzip (>= 2.0.0, < 3.0.0)
+      security (= 0.1.5)
+      simctl (~> 1.6.3)
+      terminal-notifier (>= 2.0.0, < 3.0.0)
+      terminal-table (~> 3)
+      tty-screen (>= 0.6.3, < 1.0.0)
+      tty-spinner (>= 0.8.0, < 1.0.0)
+      word_wrap (~> 1.0.0)
+      xcodeproj (>= 1.13.0, < 2.0.0)
+      xcpretty (~> 0.4.0)
+      xcpretty-travis-formatter (>= 0.0.3, < 2.0.0)
+    fastlane-sirp (1.0.0)
+      sysrandom (~> 1.0)
+    ffi (1.17.1)
+    ffi (1.17.1-aarch64-linux-gnu)
+    ffi (1.17.1-aarch64-linux-musl)
+    ffi (1.17.1-arm-linux-gnu)
+    ffi (1.17.1-arm-linux-musl)
+    ffi (1.17.1-arm64-darwin)
+    ffi (1.17.1-x86-linux-gnu)
+    ffi (1.17.1-x86-linux-musl)
+    ffi (1.17.1-x86_64-darwin)
+    ffi (1.17.1-x86_64-linux-gnu)
+    ffi (1.17.1-x86_64-linux-musl)
+    fourflusher (2.3.1)
+    fuzzy_match (2.0.4)
+    gh_inspector (1.1.3)
+    google-apis-androidpublisher_v3 (0.54.0)
+      google-apis-core (>= 0.11.0, < 2.a)
+    google-apis-core (0.11.3)
+      addressable (~> 2.5, >= 2.5.1)
+      googleauth (>= 0.16.2, < 2.a)
+      httpclient (>= 2.8.1, < 3.a)
+      mini_mime (~> 1.0)
+      representable (~> 3.0)
+      retriable (>= 2.0, < 4.a)
+      rexml
+    google-apis-iamcredentials_v1 (0.17.0)
+      google-apis-core (>= 0.11.0, < 2.a)
+    google-apis-playcustomapp_v1 (0.13.0)
+      google-apis-core (>= 0.11.0, < 2.a)
+    google-apis-storage_v1 (0.31.0)
+      google-apis-core (>= 0.11.0, < 2.a)
+    google-cloud-core (1.7.1)
+      google-cloud-env (>= 1.0, < 3.a)
+      google-cloud-errors (~> 1.0)
+    google-cloud-env (1.6.0)
+      faraday (>= 0.17.3, < 3.0)
+    google-cloud-errors (1.4.0)
+    google-cloud-storage (1.47.0)
+      addressable (~> 2.8)
+      digest-crc (~> 0.4)
+      google-apis-iamcredentials_v1 (~> 0.1)
+      google-apis-storage_v1 (~> 0.31.0)
+      google-cloud-core (~> 1.6)
+      googleauth (>= 0.16.2, < 2.a)
+      mini_mime (~> 1.0)
+    googleauth (1.8.1)
+      faraday (>= 0.17.3, < 3.a)
+      jwt (>= 1.4, < 3.0)
+      multi_json (~> 1.11)
+      os (>= 0.9, < 2.0)
+      signet (>= 0.16, < 2.a)
+    highline (2.0.3)
+    http-cookie (1.0.8)
+      domain_name (~> 0.5)
+    httpclient (2.8.3)
+    i18n (1.14.7)
+      concurrent-ruby (~> 1.0)
+    jmespath (1.6.2)
+    json (2.10.1)
+    jwt (2.10.1)
+      base64
+    logger (1.6.6)
+    mini_magick (4.13.2)
+    mini_mime (1.1.5)
+    minitest (5.25.4)
+    molinillo (0.8.0)
+    multi_json (1.15.0)
+    multipart-post (2.4.1)
+    mutex_m (0.3.0)
+    nanaimo (0.4.0)
+    nap (1.1.0)
+    naturally (2.2.1)
+    netrc (0.11.0)
+    nkf (0.2.0)
+    optparse (0.6.0)
+    os (1.1.4)
+    plist (3.7.2)
+    public_suffix (4.0.7)
+    rake (13.2.1)
+    representable (3.2.0)
+      declarative (< 0.1.0)
+      trailblazer-option (>= 0.1.1, < 0.2.0)
+      uber (< 0.2.0)
+    retriable (3.1.2)
+    rexml (3.4.1)
+    rouge (3.28.0)
+    ruby-macho (2.5.1)
+    ruby2_keywords (0.0.5)
+    rubyzip (2.4.1)
+    securerandom (0.4.1)
+    security (0.1.5)
+    signet (0.19.0)
+      addressable (~> 2.8)
+      faraday (>= 0.17.5, < 3.a)
+      jwt (>= 1.5, < 3.0)
+      multi_json (~> 1.10)
+    simctl (1.6.10)
+      CFPropertyList
+      naturally
+    sysrandom (1.0.5)
+    terminal-notifier (2.0.0)
+    terminal-table (3.0.2)
+      unicode-display_width (>= 1.1.1, < 3)
+    trailblazer-option (0.1.2)
+    tty-cursor (0.7.1)
+    tty-screen (0.8.2)
+    tty-spinner (0.9.3)
+      tty-cursor (~> 0.7)
+    typhoeus (1.4.1)
+      ethon (>= 0.9.0)
+    tzinfo (2.0.6)
+      concurrent-ruby (~> 1.0)
+    uber (0.1.0)
+    unicode-display_width (2.6.0)
+    word_wrap (1.0.0)
+    xcodeproj (1.27.0)
+      CFPropertyList (>= 2.3.3, < 4.0)
+      atomos (~> 0.1.3)
+      claide (>= 1.0.2, < 2.0)
+      colored2 (~> 3.1)
+      nanaimo (~> 0.4.0)
+      rexml (>= 3.3.6, < 4.0)
+    xcpretty (0.4.0)
+      rouge (~> 3.28.0)
+    xcpretty-travis-formatter (1.0.1)
+      xcpretty (~> 0.2, >= 0.0.7)
+
+PLATFORMS
+  aarch64-linux-gnu
+  aarch64-linux-musl
+  arm-linux-gnu
+  arm-linux-musl
+  arm64-darwin
+  ruby
+  x86-linux-gnu
+  x86-linux-musl
+  x86_64-darwin
+  x86_64-linux-gnu
+  x86_64-linux-musl
+
+DEPENDENCIES
+  abbrev
+  bigdecimal
+  bundler
+  cocoapods (~> 1.16)
+  csv
+  fastlane
+  logger
+  mutex_m
+
+RUBY VERSION
+   ruby 3.4.2p28
+
+BUNDLED WITH
+   2.6.3
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..da61429
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,219 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   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.
+   
+   
+
+Note:
+
+This project was originally contributed to the community under the MIT license and with the following notice:
+
+The MIT License (MIT)
+
+Copyright (c) 2013 ESTOS GmbH 
+Copyright (c) 2013 BlueJimp SARL
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/Makefile b/Makefile
new file mode 100644
index 0000000..456821e
--- /dev/null
+++ b/Makefile
@@ -0,0 +1,128 @@
+BUILD_DIR = build
+CLEANCSS = ./node_modules/.bin/cleancss
+DEPLOY_DIR = libs
+LIBJITSIMEET_DIR = node_modules/lib-jitsi-meet
+OLM_DIR = node_modules/@matrix-org/olm
+TF_WASM_DIR = node_modules/@tensorflow/tfjs-backend-wasm/dist/
+RNNOISE_WASM_DIR = node_modules/@jitsi/rnnoise-wasm/dist
+EXCALIDRAW_DIR = node_modules/@jitsi/excalidraw/dist/excalidraw-assets
+EXCALIDRAW_DIR_DEV = node_modules/@jitsi/excalidraw/dist/excalidraw-assets-dev
+TFLITE_WASM = react/features/stream-effects/virtual-background/vendor/tflite
+MEET_MODELS_DIR  = react/features/stream-effects/virtual-background/vendor/models
+FACE_MODELS_DIR = node_modules/@vladmandic/human-models/models
+NODE_SASS = ./node_modules/.bin/sass
+NPM = npm
+OUTPUT_DIR = .
+STYLES_BUNDLE = css/all.bundle.css
+STYLES_DESTINATION = css/all.css
+STYLES_MAIN = css/main.scss
+ifeq ($(OS),Windows_NT)
+	WEBPACK = .\node_modules\.bin\webpack --progress
+	WEBPACK_DEV_SERVER = .\node_modules\.bin\webpack serve --mode development --progress
+else
+	WEBPACK = ./node_modules/.bin/webpack --progress
+	WEBPACK_DEV_SERVER = ./node_modules/.bin/webpack serve --mode development --progress
+endif
+
+all: compile deploy
+
+compile: clean
+	NODE_OPTIONS=--max-old-space-size=8192 \
+	$(WEBPACK)
+
+clean:
+	rm -fr $(BUILD_DIR)
+
+.NOTPARALLEL:
+deploy: deploy-init deploy-appbundle deploy-rnnoise-binary deploy-excalidraw deploy-tflite deploy-meet-models deploy-lib-jitsi-meet deploy-olm deploy-tf-wasm deploy-css deploy-local deploy-face-landmarks
+
+deploy-init:
+	rm -fr $(DEPLOY_DIR)
+	mkdir -p $(DEPLOY_DIR)
+
+deploy-appbundle:
+	cp \
+		$(BUILD_DIR)/app.bundle.min.js \
+		$(BUILD_DIR)/app.bundle.min.js.map \
+		$(BUILD_DIR)/external_api.min.js \
+		$(BUILD_DIR)/external_api.min.js.map \
+		$(BUILD_DIR)/alwaysontop.min.js \
+		$(BUILD_DIR)/alwaysontop.min.js.map \
+		$(BUILD_DIR)/face-landmarks-worker.min.js \
+		$(BUILD_DIR)/face-landmarks-worker.min.js.map \
+		$(BUILD_DIR)/noise-suppressor-worklet.min.js \
+		$(BUILD_DIR)/noise-suppressor-worklet.min.js.map \
+		$(BUILD_DIR)/screenshot-capture-worker.min.js \
+		$(BUILD_DIR)/screenshot-capture-worker.min.js.map \
+		$(DEPLOY_DIR)
+	cp \
+		$(BUILD_DIR)/close3.min.js \
+		$(BUILD_DIR)/close3.min.js.map \
+		$(DEPLOY_DIR) || true
+
+deploy-lib-jitsi-meet:
+	cp \
+		$(LIBJITSIMEET_DIR)/dist/umd/lib-jitsi-meet.* \
+		$(DEPLOY_DIR)
+
+deploy-olm:
+	cp \
+		$(OLM_DIR)/olm.wasm \
+		$(DEPLOY_DIR)
+
+deploy-tf-wasm:
+	cp \
+		$(TF_WASM_DIR)/*.wasm \
+		$(DEPLOY_DIR)
+
+deploy-rnnoise-binary:
+	cp \
+		$(RNNOISE_WASM_DIR)/rnnoise.wasm \
+		$(DEPLOY_DIR)
+
+deploy-tflite:
+	cp \
+		$(TFLITE_WASM)/*.wasm \
+		$(DEPLOY_DIR)
+
+deploy-excalidraw:
+	cp -R \
+		$(EXCALIDRAW_DIR) \
+		$(DEPLOY_DIR)/
+
+deploy-excalidraw-dev:
+	cp -R \
+		$(EXCALIDRAW_DIR_DEV) \
+		$(DEPLOY_DIR)/
+
+deploy-meet-models:
+	cp \
+		$(MEET_MODELS_DIR)/*.tflite \
+		$(DEPLOY_DIR)
+
+deploy-face-landmarks:
+	cp \
+		$(FACE_MODELS_DIR)/blazeface-front.bin \
+		$(FACE_MODELS_DIR)/blazeface-front.json \
+		$(FACE_MODELS_DIR)/emotion.bin \
+		$(FACE_MODELS_DIR)/emotion.json \
+		$(DEPLOY_DIR)
+
+deploy-css:
+	$(NODE_SASS) $(STYLES_MAIN) $(STYLES_BUNDLE) && \
+	$(CLEANCSS) --skip-rebase $(STYLES_BUNDLE) > $(STYLES_DESTINATION) && \
+	rm $(STYLES_BUNDLE)
+
+deploy-local:
+	([ ! -x deploy-local.sh ] || ./deploy-local.sh)
+
+.NOTPARALLEL:
+dev: deploy-init deploy-css deploy-rnnoise-binary deploy-tflite deploy-meet-models deploy-lib-jitsi-meet deploy-olm deploy-tf-wasm deploy-excalidraw-dev deploy-face-landmarks
+	$(WEBPACK_DEV_SERVER)
+
+source-package: compile deploy
+	mkdir -p source_package/jitsi-meet/css && \
+	cp -r *.js *.html resources/*.txt fonts images libs static sounds LICENSE lang source_package/jitsi-meet && \
+	cp css/all.css source_package/jitsi-meet/css && \
+	(cd source_package ; tar cjf ../jitsi-meet.tar.bz2 jitsi-meet) && \
+	rm -rf source_package
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..d181cc5
--- /dev/null
+++ b/README.md
@@ -0,0 +1,87 @@
+# <p align="center">Jitsi Meet</p>
+
+Jitsi Meet is a set of Open Source projects which empower users to use and deploy
+video conferencing platforms with state-of-the-art video quality and features.
+
+<hr />
+
+<p align="center">
+<img src="https://raw.githubusercontent.com/jitsi/jitsi-meet/master/readme-img1.png" width="900" />
+</p>
+
+<hr />
+
+Amongst others here are the main features Jitsi Meet offers:
+
+* Support for all current browsers
+* Mobile applications
+* Web and native SDKs for integration
+* HD audio and video
+* Content sharing
+* Raise hand and reactions
+* Chat with private conversations
+* Polls
+* Virtual backgrounds
+
+And many more!
+
+## Using Jitsi Meet
+
+Using Jitsi Meet is straightforward, as it's browser based. Head over to [meet.jit.si](https://meet.jit.si) and give it a try. It's scalable and free to use. All you need is a Google, Facebook or GitHub account in order to start a meeting. All browsers are supported!
+
+Using mobile? No problem, you can either use your mobile web browser or our fully-featured
+mobile apps:
+
+| Android | Android (F-Droid) | iOS |
+|:-:|:-:|:-:|
+| [<img src="resources/img/google-play-badge.png" height="50">](https://play.google.com/store/apps/details?id=org.jitsi.meet) | [<img src="resources/img/f-droid-badge.png" height="50">](https://f-droid.org/packages/org.jitsi.meet/) | [<img src="resources/img/appstore-badge.png" height="50">](https://itunes.apple.com/us/app/jitsi-meet/id1165103905) |
+
+If you are feeling adventurous and want to get an early scoop of the features as they are being
+developed you can also sign up for our open beta testing here:
+
+* [Android](https://play.google.com/apps/testing/org.jitsi.meet)
+* [iOS](https://testflight.apple.com/join/isy6ja7S)
+
+## Running your own instance
+
+If you'd like to run your own Jitsi Meet installation head over to the [handbook](https://jitsi.github.io/handbook/docs/devops-guide/) to get started.
+
+We provide Debian packages and a comprehensive Docker setup to make deployments as simple as possible.
+Advanced users also have the possibility of building all the components from source.
+
+You can check the latest releases [here](https://jitsi.github.io/handbook/docs/releases).
+
+## Jitsi as a Service
+
+If you like the branding capabilities of running your own instance but you'd like
+to avoid dealing with the complexity of monitoring, scaling and updates, JaaS might be
+for you.
+
+[8x8 Jitsi as a Service (JaaS)](https://jaas.8x8.vc) is an enterprise-ready video meeting platform that allows developers, organizations and businesses to easily build and deploy video solutions. With Jitsi as a Service we now give you all the power of Jitsi running on our global platform so you can focus on building secure and branded video experiences.
+
+## Documentation
+
+All the Jitsi Meet documentation is available in [the handbook](https://jitsi.github.io/handbook/).
+
+## Security
+
+For a comprehensive description of all Jitsi Meet's security aspects, please check [this link](https://jitsi.org/security).
+
+For a detailed description of Jitsi Meet's End-to-End Encryption (E2EE) implementation,
+please check [this link](https://jitsi.org/e2ee-whitepaper/).
+
+For information on reporting security vulnerabilities in Jitsi Meet, see [SECURITY.md](./SECURITY.md).
+
+## Contributing
+
+If you are looking to contribute to Jitsi Meet, first of all, thank you! Please
+see our [guidelines for contributing](CONTRIBUTING.md).
+
+<br />
+<br />
+
+<footer>
+<p align="center" style="font-size: smaller;">
+Built with ❤️ by the Jitsi team at <a href="https://8x8.com" target="_blank">8x8</a> and our community.
+</p>
+</footer>
diff --git a/SECURITY.md b/SECURITY.md
new file mode 100644
index 0000000..a9f668a
--- /dev/null
+++ b/SECURITY.md
@@ -0,0 +1,9 @@
+# Security
+
+## Reporting security issues
+
+We take security very seriously and develop all Jitsi projects to be secure and safe.
+
+If you find (or simply suspect) a security issue in any of the Jitsi projects, please report it to us via [HackerOne](https://hackerone.com/8x8-bounty) or send us an email to security@jitsi.org. 
+
+**We encourage responsible disclosure for the sake of our users, so please reach out before posting in a public space.**
diff --git a/_unlock b/_unlock
new file mode 100644
index 0000000..d86bac9
--- /dev/null
+++ b/_unlock
@@ -0,0 +1 @@
+OK
diff --git a/android/README.md b/android/README.md
new file mode 100644
index 0000000..b69457e
--- /dev/null
+++ b/android/README.md
@@ -0,0 +1,3 @@
+# Jitsi Meet SDK for Android
+
+This document has been moved to [The Handbook](https://jitsi.github.io/handbook/docs/dev-guide/dev-guide-android-sdk).
diff --git a/android/app/.classpath b/android/app/.classpath
new file mode 100644
index 0000000..eb19361
--- /dev/null
+++ b/android/app/.classpath
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<classpath>
+	<classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER/org.eclipse.jdt.internal.debug.ui.launcher.StandardVMType/JavaSE-1.8/"/>
+	<classpathentry kind="con" path="org.eclipse.buildship.core.gradleclasspathcontainer"/>
+	<classpathentry kind="output" path="bin/default"/>
+</classpath>
diff --git a/android/app/.project b/android/app/.project
new file mode 100644
index 0000000..ac485d7
--- /dev/null
+++ b/android/app/.project
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+	<name>app</name>
+	<comment>Project app created by Buildship.</comment>
+	<projects>
+	</projects>
+	<buildSpec>
+		<buildCommand>
+			<name>org.eclipse.jdt.core.javabuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+		<buildCommand>
+			<name>org.eclipse.buildship.core.gradleprojectbuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+	</buildSpec>
+	<natures>
+		<nature>org.eclipse.jdt.core.javanature</nature>
+		<nature>org.eclipse.buildship.core.gradleprojectnature</nature>
+	</natures>
+</projectDescription>
diff --git a/android/app/.settings/org.eclipse.buildship.core.prefs b/android/app/.settings/org.eclipse.buildship.core.prefs
new file mode 100644
index 0000000..b1886ad
--- /dev/null
+++ b/android/app/.settings/org.eclipse.buildship.core.prefs
@@ -0,0 +1,2 @@
+connection.project.dir=..
+eclipse.preferences.version=1
diff --git a/android/app/build.gradle b/android/app/build.gradle
new file mode 100644
index 0000000..a83ba38
--- /dev/null
+++ b/android/app/build.gradle
@@ -0,0 +1,187 @@
+apply plugin: 'com.android.application'
+apply plugin: 'kotlin-android'
+
+// Crashlytics integration is done as part of Firebase now, so it gets
+// automagically activated with google-services.json
+if (googleServicesEnabled) {
+    apply plugin: 'com.google.firebase.crashlytics'
+}
+
+// Use the number of seconds/10 since Jan 1 2019 as the versionCode.
+// This lets us upload a new build at most every 10 seconds for the
+// next ~680 years.
+// https://stackoverflow.com/a/38643838
+def vcode = (int) (((new Date().getTime() / 1000) - 1546297200) / 10)
+
+android {
+    compileSdkVersion rootProject.ext.compileSdkVersion
+    buildToolsVersion rootProject.ext.buildToolsVersion
+
+    defaultConfig {
+        applicationId 'org.jitsi.meet'
+        versionCode vcode
+        versionName project.appVersion
+
+        minSdkVersion rootProject.ext.minSdkVersion
+        targetSdkVersion rootProject.ext.targetSdkVersion
+
+        ndk {
+            abiFilters 'armeabi-v7a', 'arm64-v8a', 'x86', 'x86_64'
+        }
+
+        externalNativeBuild {
+            cmake {
+                arguments "-DANDROID_SUPPORT_FLEXIBLE_PAGE_SIZES=ON", "-DANDROID_STL=c++_shared"
+                cppFlags "-std=c++17"
+                cFlags "-DANDROID_PLATFORM=android-26"
+            }
+        }
+    }
+
+    signingConfigs {
+        debug {
+            storeFile file('debug.keystore')
+            storePassword 'android'
+            keyAlias 'androiddebugkey'
+            keyPassword 'android'
+        }
+    }
+
+    buildTypes {
+        debug {
+            buildConfigField "boolean", "GOOGLE_SERVICES_ENABLED", "${googleServicesEnabled}"
+            buildConfigField "boolean", "LIBRE_BUILD", "${rootProject.ext.libreBuild}"
+            applicationIdSuffix ".debug"
+        }
+        release {
+            // Uncomment the following line for signing a test release build.
+            // signingConfig signingConfigs.debug
+            minifyEnabled true
+            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules-release.pro'
+            buildConfigField "boolean", "GOOGLE_SERVICES_ENABLED", "${googleServicesEnabled}"
+            buildConfigField "boolean", "LIBRE_BUILD", "${rootProject.ext.libreBuild}"
+        }
+    }
+
+    sourceSets {
+        main {
+            java {
+                if (rootProject.ext.libreBuild) {
+                    srcDir "src"
+                    exclude "**/GoogleServicesHelper.java"
+                }
+            }
+        }
+    }
+
+    compileOptions {
+        sourceCompatibility rootProject.ext.javaVersion
+        targetCompatibility rootProject.ext.javaVersion
+    }
+
+    kotlinOptions {
+        jvmTarget = rootProject.ext.jvmTargetVersion
+    }
+
+    kotlin {
+        jvmToolchain(rootProject.ext.jvmToolchainVersion)
+    }
+
+    namespace 'org.jitsi.meet'
+}
+
+dependencies {
+    implementation 'androidx.appcompat:appcompat:1.5.1'
+
+    debugImplementation 'com.squareup.leakcanary:leakcanary-android:2.13'
+
+    if (!rootProject.ext.libreBuild) {
+        // Sync with react-native-google-signin
+        implementation 'com.google.android.gms:play-services-auth:20.5.0'
+
+        // Firebase
+        //  - Crashlytics
+        implementation 'com.google.firebase:firebase-analytics:21.3.0'
+        implementation 'com.google.firebase:firebase-crashlytics:18.4.3'
+    }
+
+    implementation project(':sdk')
+}
+
+gradle.projectsEvaluated {
+    // Dropbox integration
+    def dropboxAppKey
+    if (project.file('dropbox.key').exists()) {
+        dropboxAppKey = project.file('dropbox.key').text.trim() - 'db-'
+    }
+
+    if (dropboxAppKey) {
+        android.defaultConfig.resValue('string', 'dropbox_app_key', "${dropboxAppKey}")
+
+        def dropboxActivity = """
+          <activity
+              android:configChanges="keyboard|orientation"
+              android:exported="true"
+              android:launchMode="singleTask"
+              android:name="com.dropbox.core.android.AuthActivity">
+            <intent-filter>
+              <action android:name="android.intent.action.VIEW" />
+              <category android:name="android.intent.category.BROWSABLE" />
+              <category android:name="android.intent.category.DEFAULT" />
+              <data android:scheme="db-${dropboxAppKey}" />
+            </intent-filter>
+          </activity>"""
+
+        android.applicationVariants.all { variant ->
+            variant.outputs.each { output ->
+                output.getProcessManifestProvider().get().doLast {
+                    def outputDir = multiApkManifestOutputDirectory.get().asFile
+                    def manifestPath = new File(outputDir, 'AndroidManifest.xml')
+                    def charset = 'UTF-8'
+                    def text
+                    text = manifestPath.getText(charset)
+                    text = text.replace('</application>', "${dropboxActivity}</application>")
+                    manifestPath.write(text, charset)
+                }
+            }
+        }
+    }
+
+    // Run React packager
+    android.applicationVariants.all { variant ->
+        def targetName = variant.name.capitalize()
+
+        def currentRunPackagerTask = tasks.create(
+            name: "run${targetName}ReactPackager",
+            type: Exec) {
+            group = "react"
+            description = "Run the React packager."
+
+            doFirst {
+                println "Starting the React packager..."
+
+                def androidRoot = file("${projectDir}/../")
+
+                // Set up the call to the script
+                workingDir androidRoot
+
+                // Run the packager
+                commandLine("scripts/run-packager.sh")
+            }
+
+            // Set up dev mode
+            def devEnabled = !targetName.toLowerCase().contains("release")
+
+            // Only enable for dev builds
+            enabled devEnabled
+        }
+
+        def packageTask = variant.packageApplicationProvider.get()
+
+        packageTask.dependsOn(currentRunPackagerTask)
+    }
+}
+
+if (googleServicesEnabled) {
+    apply plugin: 'com.google.gms.google-services'
+}
diff --git a/android/app/proguard-rules-release.pro b/android/app/proguard-rules-release.pro
new file mode 100644
index 0000000..ceedaaf
--- /dev/null
+++ b/android/app/proguard-rules-release.pro
@@ -0,0 +1,10 @@
+-include proguard-rules.pro
+
+# Crashlytics
+-keepattributes *Annotation*
+-keepattributes SourceFile,LineNumberTable
+-keep public class * extends java.lang.Exception
+
+# R8 missing classes - suppress warnings
+-dontwarn com.facebook.memory.config.MemorySpikeConfig
+-dontwarn kotlinx.parcelize.Parcelize
diff --git a/android/app/proguard-rules.pro b/android/app/proguard-rules.pro
new file mode 100644
index 0000000..8d3cc19
--- /dev/null
+++ b/android/app/proguard-rules.pro
@@ -0,0 +1,98 @@
+# Copyright (c) Meta Platforms, Inc. and affiliates.
+#
+# This source code is licensed under the MIT license found in the
+# LICENSE file in the root directory of this source tree.
+
+# Add project specific ProGuard rules here.
+# By default, the flags in this file are appended to flags specified
+# in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt
+# You can edit the include path and order by changing the proguardFiles
+# directive in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# Add any project specific keep options here:
+
+# Disabling obfuscation is useful if you collect stack traces from production crashes
+# (unless you are using a system that supports de-obfuscate the stack traces).
+# -dontobfuscate
+
+# React Native
+
+# Keep our interfaces so they can be used by other ProGuard rules.
+# See http://sourceforge.net/p/proguard/bugs/466/
+-keep,allowobfuscation @interface com.facebook.proguard.annotations.DoNotStrip
+-keep,allowobfuscation @interface com.facebook.proguard.annotations.KeepGettersAndSetters
+
+# Do not strip any method/class that is annotated with @DoNotStrip
+-keep @com.facebook.proguard.annotations.DoNotStrip class *
+-keepclassmembers class * {
+    @com.facebook.proguard.annotations.DoNotStrip *;
+}
+
+-keep @com.facebook.proguard.annotations.DoNotStripAny class * {
+    *;
+}
+
+-keepclassmembers @com.facebook.proguard.annotations.KeepGettersAndSetters class * {
+  void set*(***);
+  *** get*();
+}
+
+-keep class * implements com.facebook.react.bridge.JavaScriptModule { *; }
+-keep class * implements com.facebook.react.bridge.NativeModule { *; }
+-keepclassmembers,includedescriptorclasses class * { native <methods>; }
+-keepclassmembers class *  { @com.facebook.react.uimanager.annotations.ReactProp <methods>; }
+-keepclassmembers class *  { @com.facebook.react.uimanager.annotations.ReactPropGroup <methods>; }
+
+-dontwarn com.facebook.react.**
+-keep,includedescriptorclasses class com.facebook.react.bridge.** { *; }
+-keep,includedescriptorclasses class com.facebook.react.turbomodule.core.** { *; }
+
+# hermes
+-keep class com.facebook.jni.** { *; }
+
+# okio
+-keep class sun.misc.Unsafe { *; }
+-dontwarn java.nio.file.*
+-dontwarn org.codehaus.mojo.animal_sniffer.IgnoreJRERequirement
+-dontwarn okio.**
+
+# yoga
+-keep,allowobfuscation @interface com.facebook.yoga.annotations.DoNotStrip
+-keep @com.facebook.yoga.annotations.DoNotStrip class *
+-keepclassmembers class * {
+    @com.facebook.yoga.annotations.DoNotStrip *;
+}
+
+# WebRTC
+
+-keep class org.webrtc.** { *; }
+-dontwarn org.chromium.build.BuildHooksAndroid
+
+# Jisti Meet SDK
+
+-keep class org.jitsi.meet.** { *; }
+-keep class org.jitsi.meet.sdk.** { *; }
+
+# We added the following when we switched minifyEnabled on. Probably because we
+# ran the app and hit problems...
+
+-keep class com.facebook.react.bridge.CatalystInstanceImpl { *; }
+-keep class com.facebook.react.bridge.ExecutorToken { *; }
+-keep class com.facebook.react.bridge.JavaScriptExecutor { *; }
+-keep class com.facebook.react.bridge.ModuleRegistryHolder { *; }
+-keep class com.facebook.react.bridge.ReadableType { *; }
+-keep class com.facebook.react.bridge.queue.NativeRunnable { *; }
+-keep class com.facebook.react.devsupport.** { *; }
+
+-dontwarn com.facebook.react.devsupport.**
+-dontwarn com.google.appengine.**
+-dontwarn com.squareup.okhttp.**
+-dontwarn javax.servlet.**
+
+# ^^^ We added the above when we switched minifyEnabled on.
+
+# Rule to avoid build errors related to SVGs.
+-keep public class com.horcrux.svg.** {*;}
diff --git a/android/app/src/main/AndroidManifest.xml b/android/app/src/main/AndroidManifest.xml
new file mode 100644
index 0000000..04114e6
--- /dev/null
+++ b/android/app/src/main/AndroidManifest.xml
@@ -0,0 +1,45 @@
+<manifest
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    android:installLocation="auto">
+  <application
+      android:allowBackup="true"
+      android:extractNativeLibs="true"
+      android:icon="@mipmap/ic_launcher"
+      android:label="@string/app_name"
+      android:networkSecurityConfig="@xml/network_security_config"
+      android:theme="@style/AppTheme">
+    <meta-data
+        android:name="android.content.APP_RESTRICTIONS"
+        android:resource="@xml/app_restrictions" />
+    <activity
+        android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|screenSize|smallestScreenSize|uiMode"
+        android:exported="true"
+        android:label="@string/app_name"
+        android:launchMode="singleInstance"
+        android:taskAffinity=""
+        android:name=".MainActivity"
+        android:resizeableActivity="true"
+        android:supportsPictureInPicture="true"
+        android:windowSoftInputMode="adjustResize">
+      <meta-data android:name="firebase_crashlytics_collection_enabled" android:value="false" />
+      <intent-filter>
+        <action android:name="android.intent.action.MAIN" />
+        <category android:name="android.intent.category.LAUNCHER" />
+      </intent-filter>
+      <intent-filter>
+        <action android:name="android.intent.action.VIEW" />
+        <category android:name="android.intent.category.BROWSABLE" />
+        <category android:name="android.intent.category.DEFAULT" />
+        <data android:host="alpha.jitsi.net" android:scheme="https" />
+        <data android:host="beta.meet.jit.si" android:scheme="https" />
+        <data android:host="meet.jit.si" android:scheme="https" />
+      </intent-filter>
+      <intent-filter>
+        <action android:name="android.intent.action.VIEW" />
+        <category android:name="android.intent.category.BROWSABLE" />
+        <category android:name="android.intent.category.DEFAULT" />
+        <data android:scheme="org.jitsi.meet" />
+      </intent-filter>
+    </activity>
+  </application>
+</manifest>
diff --git a/android/app/src/main/java/org/jitsi/meet/GoogleServicesHelper.java b/android/app/src/main/java/org/jitsi/meet/GoogleServicesHelper.java
new file mode 100644
index 0000000..4f80ce1
--- /dev/null
+++ b/android/app/src/main/java/org/jitsi/meet/GoogleServicesHelper.java
@@ -0,0 +1,26 @@
+package org.jitsi.meet;
+
+import android.net.Uri;
+import android.util.Log;
+
+import com.google.firebase.crashlytics.FirebaseCrashlytics;
+
+import org.jitsi.meet.sdk.JitsiMeet;
+import org.jitsi.meet.sdk.JitsiMeetActivity;
+
+/**
+ * Helper class to initialize Google related services and functionality.
+ * This functionality is compiled conditionally and called via reflection, that's why it was
+ * extracted here.
+ *
+ * "Libre builds" (builds with the LIBRE_BUILD flag set) will not include this file.
+ */
+final class GoogleServicesHelper {
+    public static void initialize(JitsiMeetActivity activity) {
+        if (BuildConfig.GOOGLE_SERVICES_ENABLED) {
+            Log.d(activity.getClass().getSimpleName(), "Initializing Google Services");
+
+            FirebaseCrashlytics.getInstance().setCrashlyticsCollectionEnabled(!JitsiMeet.isCrashReportingDisabled(activity));
+        }
+    }
+}
diff --git a/android/app/src/main/java/org/jitsi/meet/MainActivity.java b/android/app/src/main/java/org/jitsi/meet/MainActivity.java
new file mode 100644
index 0000000..3b18fca
--- /dev/null
+++ b/android/app/src/main/java/org/jitsi/meet/MainActivity.java
@@ -0,0 +1,233 @@
+/*
+ * Copyright @ 2017-present 8x8, Inc.
+ *
+ * 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.
+ */
+
+package org.jitsi.meet;
+
+import android.content.BroadcastReceiver;
+import android.content.Context;
+import android.content.Intent;
+import android.content.IntentFilter;
+import android.content.RestrictionEntry;
+import android.content.RestrictionsManager;
+import android.net.Uri;
+import android.os.Bundle;
+import android.provider.Settings;
+import android.util.Log;
+import android.view.KeyEvent;
+
+import androidx.annotation.Nullable;
+
+import com.oney.WebRTCModule.WebRTCModuleOptions;
+
+import org.jitsi.meet.sdk.JitsiMeet;
+import org.jitsi.meet.sdk.JitsiMeetActivity;
+import org.jitsi.meet.sdk.JitsiMeetConferenceOptions;
+import org.webrtc.Logging;
+
+import java.lang.reflect.Method;
+import java.net.URL;
+import java.util.Collection;
+
+/**
+ * The one and only Activity that the Jitsi Meet app needs. The
+ * {@code Activity} is launched in {@code singleTask} mode, so it will be
+ * created upon application initialization and there will be a single instance
+ * of it. Further attempts at launching the application once it was already
+ * launched will result in {@link MainActivity#onNewIntent(Intent)} being called.
+ */
+public class MainActivity extends JitsiMeetActivity {
+    /**
+     * The request code identifying requests for the permission to draw on top
+     * of other apps. The value must be 16-bit and is arbitrarily chosen here.
+     */
+    private static final int OVERLAY_PERMISSION_REQUEST_CODE
+        = (int) (Math.random() * Short.MAX_VALUE);
+
+    /**
+     * ServerURL configuration key for restriction configuration using {@link android.content.RestrictionsManager}
+     */
+    public static final String RESTRICTION_SERVER_URL = "SERVER_URL";
+
+    /**
+     * Broadcast receiver for restrictions handling
+     */
+    private BroadcastReceiver broadcastReceiver;
+
+    /**
+     * Flag if configuration is provided by RestrictionManager
+     */
+    private boolean configurationByRestrictions = false;
+
+    /**
+     * Default URL as could be obtained from RestrictionManager
+     */
+    private String defaultURL;
+
+    // JitsiMeetActivity overrides
+    //
+
+    @Override
+    protected void onCreate(Bundle savedInstanceState) {
+        JitsiMeet.showSplashScreen(this);
+
+        WebRTCModuleOptions options = WebRTCModuleOptions.getInstance();
+        options.loggingSeverity = Logging.Severity.LS_ERROR;
+
+        super.onCreate(null);
+    }
+
+    @Override
+    protected boolean extraInitialize() {
+        Log.d(this.getClass().getSimpleName(), "LIBRE_BUILD="+BuildConfig.LIBRE_BUILD);
+
+        // Setup Crashlytics and Firebase Dynamic Links
+        // Here we are using reflection since it may have been disabled at compile time.
+        try {
+            Class<?> cls = Class.forName("org.jitsi.meet.GoogleServicesHelper");
+            Method m = cls.getMethod("initialize", JitsiMeetActivity.class);
+            m.invoke(null, this);
+        } catch (Exception e) {
+            // Ignore any error, the module is not compiled when LIBRE_BUILD is enabled.
+        }
+
+        // In Debug builds React needs permission to write over other apps in
+        // order to display the warning and error overlays.
+        if (BuildConfig.DEBUG) {
+            if (!Settings.canDrawOverlays(this)) {
+                Intent intent
+                    = new Intent(
+                    Settings.ACTION_MANAGE_OVERLAY_PERMISSION,
+                    Uri.parse("package:" + getPackageName()));
+
+                startActivityForResult(intent, OVERLAY_PERMISSION_REQUEST_CODE);
+
+                return true;
+            }
+        }
+
+        return false;
+    }
+
+    @Override
+    protected void initialize() {
+        broadcastReceiver = new BroadcastReceiver() {
+            @Override
+            public void onReceive(Context context, Intent intent) {
+                // As new restrictions including server URL are received,
+                // conference should be restarted with new configuration.
+                leave();
+                recreate();
+            }
+        };
+        registerReceiver(broadcastReceiver,
+            new IntentFilter(Intent.ACTION_APPLICATION_RESTRICTIONS_CHANGED));
+
+        resolveRestrictions();
+        setJitsiMeetConferenceDefaultOptions();
+        super.initialize();
+    }
+
+    @Override
+    public void onDestroy() {
+        if (broadcastReceiver != null) {
+            unregisterReceiver(broadcastReceiver);
+            broadcastReceiver = null;
+        }
+
+        super.onDestroy();
+    }
+
+    private void setJitsiMeetConferenceDefaultOptions() {
+
+        // Set default options
+        JitsiMeetConferenceOptions defaultOptions
+            = new JitsiMeetConferenceOptions.Builder()
+            .setServerURL(buildURL(defaultURL))
+            .setFeatureFlag("welcomepage.enabled", true)
+            .setFeatureFlag("server-url-change.enabled", !configurationByRestrictions)
+            .build();
+        JitsiMeet.setDefaultConferenceOptions(defaultOptions);
+    }
+
+    private void resolveRestrictions() {
+        RestrictionsManager manager =
+            (RestrictionsManager) getSystemService(Context.RESTRICTIONS_SERVICE);
+        Bundle restrictions = manager.getApplicationRestrictions();
+        Collection<RestrictionEntry> entries = manager.getManifestRestrictions(
+            getApplicationContext().getPackageName());
+        for (RestrictionEntry restrictionEntry : entries) {
+            String key = restrictionEntry.getKey();
+            if (RESTRICTION_SERVER_URL.equals(key)) {
+                // If restrictions are passed to the application.
+                if (restrictions != null &&
+                    restrictions.containsKey(RESTRICTION_SERVER_URL)) {
+                    defaultURL = restrictions.getString(RESTRICTION_SERVER_URL);
+                    configurationByRestrictions = true;
+                // Otherwise use default URL from app-restrictions.xml.
+                } else {
+                    defaultURL = restrictionEntry.getSelectedString();
+                    configurationByRestrictions = false;
+                }
+            }
+        }
+    }
+
+    // Activity lifecycle method overrides
+    //
+
+    @Override
+    public void onActivityResult(int requestCode, int resultCode, Intent data) {
+        if (requestCode == OVERLAY_PERMISSION_REQUEST_CODE) {
+            if (Settings.canDrawOverlays(this)) {
+                initialize();
+                return;
+            }
+
+            throw new RuntimeException("Overlay permission is required when running in Debug mode.");
+        }
+
+        super.onActivityResult(requestCode, resultCode, data);
+    }
+
+    // ReactAndroid/src/main/java/com/facebook/react/ReactActivity.java
+    @Override
+    public boolean onKeyUp(int keyCode, KeyEvent event) {
+        if (BuildConfig.DEBUG && keyCode == KeyEvent.KEYCODE_MENU) {
+            JitsiMeet.showDevOptions();
+            return true;
+        }
+
+        return super.onKeyUp(keyCode, event);
+    }
+
+    @Override
+    public void onPictureInPictureModeChanged(boolean isInPictureInPictureMode) {
+        super.onPictureInPictureModeChanged(isInPictureInPictureMode);
+
+        Log.d(TAG, "Is in picture-in-picture mode: " + isInPictureInPictureMode);
+    }
+
+    // Helper methods
+    //
+
+    private @Nullable URL buildURL(String urlStr) {
+        try {
+            return new URL(urlStr);
+        } catch (Exception e) {
+            return null;
+        }
+    }
+}
diff --git a/android/app/src/main/res/drawable/ic_jitsi_logosvg.xml b/android/app/src/main/res/drawable/ic_jitsi_logosvg.xml
new file mode 100644
index 0000000..cc63663
--- /dev/null
+++ b/android/app/src/main/res/drawable/ic_jitsi_logosvg.xml
@@ -0,0 +1,70 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="262.91376dp"
+    android:height="262.91376dp"
+    android:viewportWidth="262.91376"
+    android:viewportHeight="262.91376">
+  <group>
+    <clip-path
+        android:pathData="m0,0 l262.914,-0L262.914,262.914 0,262.914 0,0Z"/>
+    <path
+        android:pathData="m142.646,105.099c0.117,0.026 0.255,0.036 0.406,0.036 3.186,-0 10.297,-4.615 11.617,-6.721l0.1,-0.17 0.153,-0.135c0.451,-0.441 1.746,-2.773 2.374,-4.17 -6.751,-2.023 -7.49,-5.677 -8.153,-8.919 -0.069,-0.376 -0.138,-0.717 -0.204,-1.019 -0.074,-0.397 -0.153,-0.8 -0.226,-1.112C138.668,86.221 135.593,88.094 133.921,89.483 133.056,90.201 132.542,92.251 135.042,97.926 136.323,100.816 140.727,104.733 142.646,105.099"
+        android:fillColor="#ffffff"
+        android:strokeColor="#00000000"
+        android:fillType="nonZero"/>
+    <path
+        android:pathData="m115.413,146.042c5.934,-0 18.464,-3.543 26.748,-5.887 1.21,-0.336 2.33,-0.66 3.351,-0.944 0.166,-0.046 0.321,-0.091 0.472,-0.124 -0.463,-0.461 -1.239,-1.159 -2.497,-2.216 -5.521,-3.741 -10.736,-5.484 -16.403,-5.484 -1.237,-0 -2.522,0.071 -3.923,0.231 -4.801,0.55 -8.8,1.69 -10.722,2.237 -0.967,0.284 -1.263,0.366 -1.567,0.366 -0.58,-0 -1.079,-0.341 -1.273,-0.878 -0.194,-0.534 -0.027,-1.121 0.425,-1.507l0.024,-0.011c3.316,-2.784 9.489,-7.951 21.198,-10.256 2.027,-0.401 4.202,-0.605 6.454,-0.605 5.242,-0 10.67,1.086 16.125,3.219 7.436,2.899 12.521,6.625 16.602,9.62 2.199,1.609 4.105,3.007 5.755,3.771 0.421,0.2 0.637,0.255 0.746,0.265 0.074,-0.095 0.23,-0.365 0.474,-1.069 0.066,-0.185 0.529,-2.161 -2.806,-13.374 -1.931,-6.51 -4.264,-13.156 -5.479,-16.104 -2.356,-5.711 -1.778,-9.76 -1.051,-12.125 -1.999,0.735 -4.033,1.87 -6.174,3.446L161.758,98.711C160.694,99.506 159.599,100.404 158.426,101.454 151.517,107.64 146.344,110.864 143.035,111.04l-0.093,0.004 -0.093,-0.009c-2.912,-0.245 -7.324,-4.489 -9.133,-6.634 -0.373,-0.251 -0.8,-0.366 -1.366,-0.366 -0.564,-0 -1.202,0.116 -1.82,0.235C130.086,104.354 129.623,104.441 129.167,104.489 127.708,104.632 125.668,105.106 123.694,105.561 122.746,105.777 121.762,106.005 120.864,106.189 120.851,106.19 120.463,106.272 119.774,106.454 114.903,107.891 111.228,109.55 109.432,111.111 109.414,111.127 109.352,111.174 109.266,111.242 108.048,112.105 105.124,114.567 104.248,118.762L104.237,118.795C102.398,126.516 105.187,136.087 108.892,141.554 110.636,144.125 112.513,145.727 114.048,145.959 114.437,146.015 114.891,146.042 115.413,146.042"
+        android:fillColor="#ffffff"
+        android:strokeColor="#00000000"
+        android:fillType="nonZero"/>
+    <path
+        android:pathData="m90.093,173.175c-1.252,-1.472 -1.783,-3.324 -1.574,-5.521 0.884,-10.642 -0.329,-13.215 -0.891,-13.829 -0.131,-0.144 -0.207,-0.144 -0.265,-0.144 -0.022,-0 -0.041,0.003 -0.064,0.003 -1.044,0.248 -8.066,5.002 -9.615,19.171 -0.749,6.845 0.561,15.63 1.679,20.974 0.897,-3.155 2.314,-6.624 5.057,-10.204 2.556,-3.326 5.345,-5.955 8.801,-8.253C92.143,174.93 90.991,174.235 90.093,173.175"
+        android:fillColor="#ffffff"
+        android:strokeColor="#00000000"
+        android:fillType="nonZero"/>
+    <path
+        android:pathData="m94.906,156.389c-0.03,2.229 -0.326,4.36 -0.61,6.445 -0.151,1.119 -0.314,2.286 -0.434,3.46 -0.161,2.341 0.346,3.166 0.571,3.406 0.127,0.136 0.326,0.287 0.76,0.287 0.339,-0 0.741,-0.091 1.161,-0.268 4.202,-1.756 8.195,-4.815 10.115,-6.515C103.522,161.892 98.995,159.058 94.906,156.389"
+        android:fillColor="#ffffff"
+        android:strokeColor="#00000000"
+        android:fillType="nonZero"/>
+    <path
+        android:pathData="m154.002,81.595c-0.031,0.074 -0.065,0.148 -0.101,0.216 -0.821,2.403 0.306,5.664 2.419,6.898 0.561,0.327 1.106,0.526 1.624,0.596 0.072,0.006 0.148,0.009 0.219,0.009 1.645,-0 2.971,-1.199 3.961,-3.561C162.752,83.959 162.836,81.827 162.37,79.904 162.003,78.409 161.057,76.627 160.453,75.738 159.332,76.509 157.111,78.207 155.585,79.553 154.518,80.582 154.136,81.229 154.002,81.595"
+        android:fillColor="#ffffff"
+        android:strokeColor="#00000000"
+        android:fillType="nonZero"/>
+    <path
+        android:pathData="M148.97,77.699C153.957,73.194 156.988,65.754 158.253,61.334 153.915,65.513 148.633,67.758 145.25,69.198 144.084,69.695 143.08,70.124 142.477,70.476 142.224,70.623 141.965,70.77 141.708,70.919 139.654,72.109 136.55,73.905 136.1,75.011l-0.012,0.036 -0.012,0.034c-1.406,2.956 -2.199,7.401 -2.457,9.95 3.266,-1.99 6.625,-3.322 9.416,-4.42C145.628,79.585 147.863,78.703 148.97,77.699"
+        android:fillColor="#ffffff"
+        android:strokeColor="#00000000"
+        android:fillType="nonZero"/>
+    <path
+        android:pathData="m164.464,51.921c-0.84,5.539 -2.205,10.799 -4.751,16.347 2.781,-3.144 4.396,-6.568 4.941,-10.401C164.886,56.275 165.097,54.756 164.464,51.921"
+        android:fillColor="#ffffff"
+        android:strokeColor="#00000000"
+        android:fillType="nonZero"/>
+    <path
+        android:pathData="M148.749,142.639C148.718,142.598 148.684,142.56 148.658,142.519 148.523,142.539 148.307,142.584 147.972,142.683l-0.14,0.04c-1.726,0.644 -4.899,1.708 -8.556,2.946 -4.396,1.479 -9.365,3.154 -13.526,4.649 -5.297,1.975 -7.021,2.755 -7.557,3.024 -0.098,0.266 -0.203,0.599 -0.327,0.965 -1.254,3.816 -4.125,12.541 -18.276,18.653 2.928,2.956 9.289,8.27 21.809,8.27 1.082,-0 2.21,-0.036 3.341,-0.12 9.451,-0.666 18.342,-4.855 25.026,-11.78 6.087,-6.291 9.538,-14.136 9.585,-21.7C157.876,147.509 155.367,147.135 153.043,146.033 153.014,146.02 150.361,144.745 148.749,142.639"
+        android:fillColor="#ffffff"
+        android:strokeColor="#00000000"
+        android:fillType="nonZero"/>
+    <path
+        android:pathData="m189.478,117.853c-0.523,9.749 -2.122,18.424 -4.744,25.8 -2.128,5.988 -4.94,11.134 -8.356,15.316 -5.676,6.931 -11.555,9.256 -12.804,9.304 -0.866,-0 -1.313,-0.309 -3.046,-1.528 -0.17,-0.114 -0.37,-0.252 -0.581,-0.4 -3.313,5.953 -8.505,11.097 -15.065,14.959 -7.079,4.144 -15.297,6.423 -23.157,6.423 -9.078,-0 -17.13,-2.924 -23.341,-8.456 -7.467,4.799 -12.31,9.074 -16.267,27.005l-1.363,6.17 -2.971,-5.564c-0.424,-0.786 -1.929,-3.731 -3.332,-8.887 -1.934,-7.104 -2.86,-15.181 -2.758,-24.01 0.117,-10.049 3.154,-16.526 5.68,-20.186 2.98,-4.314 6.837,-6.994 10.076,-6.994 0.216,-0 0.428,0.006 0.616,0.035 5.159,0.575 8.435,2.75 14.396,6.686l1.899,1.252c2.059,1.344 4.481,2.7 5.259,2.989 0.54,-0.284 1.749,-2.3 2.155,-5.271l0.069,-0.451c0.005,-0.045 0.009,-0.091 0.014,-0.131 -0.036,-0.02 -0.065,-0.029 -0.094,-0.041 -4.008,-1.375 -9.539,-7.7 -12.364,-17.134 -2.684,-9.382 -2.129,-17.185 1.644,-23.193 6.12,-9.736 19.198,-11.974 23.466,-12.702 1.331,-0.266 2.716,-0.511 4.041,-0.717 0.255,-0.061 0.469,-0.121 0.642,-0.168 -0.031,-0.126 -0.071,-0.265 -0.114,-0.43 -0.108,-0.417 -0.23,-0.891 -0.354,-1.447 -1.345,-6.035 -0.664,-11.069 0.181,-15.193 0.928,-4.546 1.489,-7.287 3.747,-9.936 3.029,-4.165 8.319,-5.936 11.479,-6.991 0.746,-0.249 1.511,-0.509 1.894,-0.689 8.988,-4.31 11.82,-8.739 12.615,-11.694 0.656,-2.451 1.699,-8.884 1.251,-13.335 -0.085,-0.805 0.129,-1.521 0.621,-2.065 0.45,-0.505 1.101,-0.794 1.778,-0.794 1.515,-0 2.82,-0 7.511,14.598 2.481,7.698 0.645,14.903 -5.45,21.424l-0.226,0.231c0.024,0.044 0.049,0.09 0.08,0.144 2.57,4.236 3.963,9.54 3.553,13.51 -0.099,0.906 -0.265,1.775 -0.419,2.549 -0.003,0.01 -0.003,0.016 -0.004,0.029 0.516,-0.032 1.119,-0.055 1.775,-0.055 3.052,-0 7.435,0.474 10.989,2.735 2.135,1.352 4.845,3.439 6.835,7.615C189.223,102.942 190.076,109.575 189.478,117.853m4.77,-23.191c-2.916,-6.1 -6.989,-9.177 -9.793,-10.96 -2.355,-1.494 -5.064,-2.584 -8.077,-3.24l-0.676,-0.146 -0.111,-0.689c-0.339,-2.119 -0.918,-4.275 -1.715,-6.406l-0.185,-0.49 0.292,-0.434c5.095,-7.594 6.323,-16.17 3.54,-24.802 -2.191,-6.824 -3.895,-11.211 -5.341,-13.799 -2.954,-5.305 -7.006,-6.417 -9.891,-6.417 -2.964,-0 -5.8,1.261 -7.789,3.457 -2.043,2.254 -2.993,5.207 -2.678,8.31 0.316,3.134 -0.494,8.516 -1.014,10.439 -0.04,0.117 -0.975,2.929 -8.201,6.428 -0.162,0.056 -0.512,0.179 -1.053,0.359 -3.729,1.246 -10.666,3.571 -15.258,9.64 -3.465,4.205 -4.332,8.441 -5.338,13.346 -0.586,2.865 -1.236,6.744 -1.079,11.344l0.026,0.841 -0.824,0.188c-11.646,2.585 -20.025,7.835 -24.909,15.605 -5.054,8.04 -5.919,18.055 -2.543,29.853 0.063,0.204 0.126,0.407 0.189,0.615l0.527,1.608 -1.665,-0.286c-0.561,-0.101 -1.135,-0.18 -1.729,-0.241 -0.493,-0.06 -1.001,-0.082 -1.509,-0.082 -5.633,-0 -11.663,3.585 -16.128,9.592 -3.451,4.641 -7.588,12.849 -7.735,25.601 -0.114,9.573 0.906,18.401 3.038,26.228 1.581,5.795 3.326,9.329 4.004,10.577l13.306,24.94 6.096,-27.619c2.454,-11.09 4.864,-15.262 7.725,-18.111l0.561,-0.563 0.679,0.411c6.605,3.977 14.466,6.084 22.73,6.084 9.286,-0 18.965,-2.682 27.259,-7.551 5.38,-3.16 9.974,-7.036 13.649,-11.531l0.45,-0.369 0.85,-0.02c2.156,-0.068 5.16,-1.164 8.222,-3.004 2.6,-1.555 6.543,-4.428 10.501,-9.262 3.997,-4.884 7.274,-10.854 9.716,-17.734 2.876,-8.073 4.625,-17.489 5.204,-28.004 0.689,-9.668 -0.434,-17.641 -3.327,-23.704"
+        android:fillColor="#ffffff"
+        android:strokeColor="#00000000"
+        android:fillType="nonZero"/>
+    <path
+        android:pathData="m180.026,98.414c-1.67,-2.596 -3.771,-4.206 -5.475,-4.206 -0.313,-0 -0.613,0.051 -0.895,0.161 -0.911,0.361 -2.356,4.532 -1.714,7.566 0.434,2.066 2.938,9.04 4.151,12.394 0.456,1.281 0.68,1.91 0.754,2.142 0.064,0.183 0.145,0.448 0.256,0.774 0.97,2.971 3.467,10.586 4.206,16.761 1.549,-6.579 2.424,-14.512 2.085,-23.997C183.235,105.662 182.04,101.538 180.026,98.414"
+        android:fillColor="#ffffff"
+        android:strokeColor="#00000000"
+        android:fillType="nonZero"/>
+    <path
+        android:pathData="M168.088,142.604C169.896,142.111 171.33,141.705 172.398,141.395 170.213,139.874 167.689,137.979 164.247,135.304c-8.418,-6.546 -17.449,-9.87 -26.839,-9.87 -5.135,-0 -9.611,0.991 -13.156,2.186 0.882,-0.05 1.779,-0.079 2.7,-0.079 1.1,-0 2.247,0.04 3.411,0.119 3.652,0.246 13.061,1.901 21.565,12.047 1.714,2.039 3.559,3.73 8.794,3.73 1.873,-0 4.051,-0.207 6.662,-0.645C167.544,142.751 167.793,142.678 168.088,142.604"
+        android:fillColor="#ffffff"
+        android:strokeColor="#00000000"
+        android:fillType="nonZero"/>
+    <path
+        android:pathData="m164.3,147.583c-0.122,1.563 -0.376,4.509 -0.782,6.76 -0.495,2.719 -1.31,5.02 -1.791,6.226 0.85,0.786 1.694,1.553 2.247,2.043 2.214,-1.447 9.47,-6.96 14.483,-19.474C176.847,144.229 174.59,145.178 171.671,146.018 168.701,146.861 165.82,147.357 164.3,147.583"
+        android:fillColor="#ffffff"
+        android:strokeColor="#00000000"
+        android:fillType="nonZero"/>
+  </group>
+</vector>
diff --git a/android/app/src/main/res/drawable/ic_launcher_monochrome.xml b/android/app/src/main/res/drawable/ic_launcher_monochrome.xml
new file mode 100644
index 0000000..29a1a81
--- /dev/null
+++ b/android/app/src/main/res/drawable/ic_launcher_monochrome.xml
@@ -0,0 +1,70 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="262.91376dp"
+    android:height="262.91376dp"
+    android:viewportWidth="262.91376"
+    android:viewportHeight="262.91376">
+  <group android:scaleX="0.75" android:scaleY="0.75" android:translateX="35" android:translateY="35">
+    <clip-path
+        android:pathData="m0,0 l262.914,-0L262.914,262.914 0,262.914 0,0Z"/>
+    <path
+        android:pathData="m142.646,105.099c0.117,0.026 0.255,0.036 0.406,0.036 3.186,-0 10.297,-4.615 11.617,-6.721l0.1,-0.17 0.153,-0.135c0.451,-0.441 1.746,-2.773 2.374,-4.17 -6.751,-2.023 -7.49,-5.677 -8.153,-8.919 -0.069,-0.376 -0.138,-0.717 -0.204,-1.019 -0.074,-0.397 -0.153,-0.8 -0.226,-1.112C138.668,86.221 135.593,88.094 133.921,89.483 133.056,90.201 132.542,92.251 135.042,97.926 136.323,100.816 140.727,104.733 142.646,105.099"
+        android:fillColor="#ffffff"
+        android:strokeColor="#00000000"
+        android:fillType="nonZero"/>
+    <path
+        android:pathData="m115.413,146.042c5.934,-0 18.464,-3.543 26.748,-5.887 1.21,-0.336 2.33,-0.66 3.351,-0.944 0.166,-0.046 0.321,-0.091 0.472,-0.124 -0.463,-0.461 -1.239,-1.159 -2.497,-2.216 -5.521,-3.741 -10.736,-5.484 -16.403,-5.484 -1.237,-0 -2.522,0.071 -3.923,0.231 -4.801,0.55 -8.8,1.69 -10.722,2.237 -0.967,0.284 -1.263,0.366 -1.567,0.366 -0.58,-0 -1.079,-0.341 -1.273,-0.878 -0.194,-0.534 -0.027,-1.121 0.425,-1.507l0.024,-0.011c3.316,-2.784 9.489,-7.951 21.198,-10.256 2.027,-0.401 4.202,-0.605 6.454,-0.605 5.242,-0 10.67,1.086 16.125,3.219 7.436,2.899 12.521,6.625 16.602,9.62 2.199,1.609 4.105,3.007 5.755,3.771 0.421,0.2 0.637,0.255 0.746,0.265 0.074,-0.095 0.23,-0.365 0.474,-1.069 0.066,-0.185 0.529,-2.161 -2.806,-13.374 -1.931,-6.51 -4.264,-13.156 -5.479,-16.104 -2.356,-5.711 -1.778,-9.76 -1.051,-12.125 -1.999,0.735 -4.033,1.87 -6.174,3.446L161.758,98.711C160.694,99.506 159.599,100.404 158.426,101.454 151.517,107.64 146.344,110.864 143.035,111.04l-0.093,0.004 -0.093,-0.009c-2.912,-0.245 -7.324,-4.489 -9.133,-6.634 -0.373,-0.251 -0.8,-0.366 -1.366,-0.366 -0.564,-0 -1.202,0.116 -1.82,0.235C130.086,104.354 129.623,104.441 129.167,104.489 127.708,104.632 125.668,105.106 123.694,105.561 122.746,105.777 121.762,106.005 120.864,106.189 120.851,106.19 120.463,106.272 119.774,106.454 114.903,107.891 111.228,109.55 109.432,111.111 109.414,111.127 109.352,111.174 109.266,111.242 108.048,112.105 105.124,114.567 104.248,118.762L104.237,118.795C102.398,126.516 105.187,136.087 108.892,141.554 110.636,144.125 112.513,145.727 114.048,145.959 114.437,146.015 114.891,146.042 115.413,146.042"
+        android:fillColor="#ffffff"
+        android:strokeColor="#00000000"
+        android:fillType="nonZero"/>
+    <path
+        android:pathData="m90.093,173.175c-1.252,-1.472 -1.783,-3.324 -1.574,-5.521 0.884,-10.642 -0.329,-13.215 -0.891,-13.829 -0.131,-0.144 -0.207,-0.144 -0.265,-0.144 -0.022,-0 -0.041,0.003 -0.064,0.003 -1.044,0.248 -8.066,5.002 -9.615,19.171 -0.749,6.845 0.561,15.63 1.679,20.974 0.897,-3.155 2.314,-6.624 5.057,-10.204 2.556,-3.326 5.345,-5.955 8.801,-8.253C92.143,174.93 90.991,174.235 90.093,173.175"
+        android:fillColor="#ffffff"
+        android:strokeColor="#00000000"
+        android:fillType="nonZero"/>
+    <path
+        android:pathData="m94.906,156.389c-0.03,2.229 -0.326,4.36 -0.61,6.445 -0.151,1.119 -0.314,2.286 -0.434,3.46 -0.161,2.341 0.346,3.166 0.571,3.406 0.127,0.136 0.326,0.287 0.76,0.287 0.339,-0 0.741,-0.091 1.161,-0.268 4.202,-1.756 8.195,-4.815 10.115,-6.515C103.522,161.892 98.995,159.058 94.906,156.389"
+        android:fillColor="#ffffff"
+        android:strokeColor="#00000000"
+        android:fillType="nonZero"/>
+    <path
+        android:pathData="m154.002,81.595c-0.031,0.074 -0.065,0.148 -0.101,0.216 -0.821,2.403 0.306,5.664 2.419,6.898 0.561,0.327 1.106,0.526 1.624,0.596 0.072,0.006 0.148,0.009 0.219,0.009 1.645,-0 2.971,-1.199 3.961,-3.561C162.752,83.959 162.836,81.827 162.37,79.904 162.003,78.409 161.057,76.627 160.453,75.738 159.332,76.509 157.111,78.207 155.585,79.553 154.518,80.582 154.136,81.229 154.002,81.595"
+        android:fillColor="#ffffff"
+        android:strokeColor="#00000000"
+        android:fillType="nonZero"/>
+    <path
+        android:pathData="M148.97,77.699C153.957,73.194 156.988,65.754 158.253,61.334 153.915,65.513 148.633,67.758 145.25,69.198 144.084,69.695 143.08,70.124 142.477,70.476 142.224,70.623 141.965,70.77 141.708,70.919 139.654,72.109 136.55,73.905 136.1,75.011l-0.012,0.036 -0.012,0.034c-1.406,2.956 -2.199,7.401 -2.457,9.95 3.266,-1.99 6.625,-3.322 9.416,-4.42C145.628,79.585 147.863,78.703 148.97,77.699"
+        android:fillColor="#ffffff"
+        android:strokeColor="#00000000"
+        android:fillType="nonZero"/>
+    <path
+        android:pathData="m164.464,51.921c-0.84,5.539 -2.205,10.799 -4.751,16.347 2.781,-3.144 4.396,-6.568 4.941,-10.401C164.886,56.275 165.097,54.756 164.464,51.921"
+        android:fillColor="#ffffff"
+        android:strokeColor="#00000000"
+        android:fillType="nonZero"/>
+    <path
+        android:pathData="M148.749,142.639C148.718,142.598 148.684,142.56 148.658,142.519 148.523,142.539 148.307,142.584 147.972,142.683l-0.14,0.04c-1.726,0.644 -4.899,1.708 -8.556,2.946 -4.396,1.479 -9.365,3.154 -13.526,4.649 -5.297,1.975 -7.021,2.755 -7.557,3.024 -0.098,0.266 -0.203,0.599 -0.327,0.965 -1.254,3.816 -4.125,12.541 -18.276,18.653 2.928,2.956 9.289,8.27 21.809,8.27 1.082,-0 2.21,-0.036 3.341,-0.12 9.451,-0.666 18.342,-4.855 25.026,-11.78 6.087,-6.291 9.538,-14.136 9.585,-21.7C157.876,147.509 155.367,147.135 153.043,146.033 153.014,146.02 150.361,144.745 148.749,142.639"
+        android:fillColor="#ffffff"
+        android:strokeColor="#00000000"
+        android:fillType="nonZero"/>
+    <path
+        android:pathData="m189.478,117.853c-0.523,9.749 -2.122,18.424 -4.744,25.8 -2.128,5.988 -4.94,11.134 -8.356,15.316 -5.676,6.931 -11.555,9.256 -12.804,9.304 -0.866,-0 -1.313,-0.309 -3.046,-1.528 -0.17,-0.114 -0.37,-0.252 -0.581,-0.4 -3.313,5.953 -8.505,11.097 -15.065,14.959 -7.079,4.144 -15.297,6.423 -23.157,6.423 -9.078,-0 -17.13,-2.924 -23.341,-8.456 -7.467,4.799 -12.31,9.074 -16.267,27.005l-1.363,6.17 -2.971,-5.564c-0.424,-0.786 -1.929,-3.731 -3.332,-8.887 -1.934,-7.104 -2.86,-15.181 -2.758,-24.01 0.117,-10.049 3.154,-16.526 5.68,-20.186 2.98,-4.314 6.837,-6.994 10.076,-6.994 0.216,-0 0.428,0.006 0.616,0.035 5.159,0.575 8.435,2.75 14.396,6.686l1.899,1.252c2.059,1.344 4.481,2.7 5.259,2.989 0.54,-0.284 1.749,-2.3 2.155,-5.271l0.069,-0.451c0.005,-0.045 0.009,-0.091 0.014,-0.131 -0.036,-0.02 -0.065,-0.029 -0.094,-0.041 -4.008,-1.375 -9.539,-7.7 -12.364,-17.134 -2.684,-9.382 -2.129,-17.185 1.644,-23.193 6.12,-9.736 19.198,-11.974 23.466,-12.702 1.331,-0.266 2.716,-0.511 4.041,-0.717 0.255,-0.061 0.469,-0.121 0.642,-0.168 -0.031,-0.126 -0.071,-0.265 -0.114,-0.43 -0.108,-0.417 -0.23,-0.891 -0.354,-1.447 -1.345,-6.035 -0.664,-11.069 0.181,-15.193 0.928,-4.546 1.489,-7.287 3.747,-9.936 3.029,-4.165 8.319,-5.936 11.479,-6.991 0.746,-0.249 1.511,-0.509 1.894,-0.689 8.988,-4.31 11.82,-8.739 12.615,-11.694 0.656,-2.451 1.699,-8.884 1.251,-13.335 -0.085,-0.805 0.129,-1.521 0.621,-2.065 0.45,-0.505 1.101,-0.794 1.778,-0.794 1.515,-0 2.82,-0 7.511,14.598 2.481,7.698 0.645,14.903 -5.45,21.424l-0.226,0.231c0.024,0.044 0.049,0.09 0.08,0.144 2.57,4.236 3.963,9.54 3.553,13.51 -0.099,0.906 -0.265,1.775 -0.419,2.549 -0.003,0.01 -0.003,0.016 -0.004,0.029 0.516,-0.032 1.119,-0.055 1.775,-0.055 3.052,-0 7.435,0.474 10.989,2.735 2.135,1.352 4.845,3.439 6.835,7.615C189.223,102.942 190.076,109.575 189.478,117.853m4.77,-23.191c-2.916,-6.1 -6.989,-9.177 -9.793,-10.96 -2.355,-1.494 -5.064,-2.584 -8.077,-3.24l-0.676,-0.146 -0.111,-0.689c-0.339,-2.119 -0.918,-4.275 -1.715,-6.406l-0.185,-0.49 0.292,-0.434c5.095,-7.594 6.323,-16.17 3.54,-24.802 -2.191,-6.824 -3.895,-11.211 -5.341,-13.799 -2.954,-5.305 -7.006,-6.417 -9.891,-6.417 -2.964,-0 -5.8,1.261 -7.789,3.457 -2.043,2.254 -2.993,5.207 -2.678,8.31 0.316,3.134 -0.494,8.516 -1.014,10.439 -0.04,0.117 -0.975,2.929 -8.201,6.428 -0.162,0.056 -0.512,0.179 -1.053,0.359 -3.729,1.246 -10.666,3.571 -15.258,9.64 -3.465,4.205 -4.332,8.441 -5.338,13.346 -0.586,2.865 -1.236,6.744 -1.079,11.344l0.026,0.841 -0.824,0.188c-11.646,2.585 -20.025,7.835 -24.909,15.605 -5.054,8.04 -5.919,18.055 -2.543,29.853 0.063,0.204 0.126,0.407 0.189,0.615l0.527,1.608 -1.665,-0.286c-0.561,-0.101 -1.135,-0.18 -1.729,-0.241 -0.493,-0.06 -1.001,-0.082 -1.509,-0.082 -5.633,-0 -11.663,3.585 -16.128,9.592 -3.451,4.641 -7.588,12.849 -7.735,25.601 -0.114,9.573 0.906,18.401 3.038,26.228 1.581,5.795 3.326,9.329 4.004,10.577l13.306,24.94 6.096,-27.619c2.454,-11.09 4.864,-15.262 7.725,-18.111l0.561,-0.563 0.679,0.411c6.605,3.977 14.466,6.084 22.73,6.084 9.286,-0 18.965,-2.682 27.259,-7.551 5.38,-3.16 9.974,-7.036 13.649,-11.531l0.45,-0.369 0.85,-0.02c2.156,-0.068 5.16,-1.164 8.222,-3.004 2.6,-1.555 6.543,-4.428 10.501,-9.262 3.997,-4.884 7.274,-10.854 9.716,-17.734 2.876,-8.073 4.625,-17.489 5.204,-28.004 0.689,-9.668 -0.434,-17.641 -3.327,-23.704"
+        android:fillColor="#ffffff"
+        android:strokeColor="#00000000"
+        android:fillType="nonZero"/>
+    <path
+        android:pathData="m180.026,98.414c-1.67,-2.596 -3.771,-4.206 -5.475,-4.206 -0.313,-0 -0.613,0.051 -0.895,0.161 -0.911,0.361 -2.356,4.532 -1.714,7.566 0.434,2.066 2.938,9.04 4.151,12.394 0.456,1.281 0.68,1.91 0.754,2.142 0.064,0.183 0.145,0.448 0.256,0.774 0.97,2.971 3.467,10.586 4.206,16.761 1.549,-6.579 2.424,-14.512 2.085,-23.997C183.235,105.662 182.04,101.538 180.026,98.414"
+        android:fillColor="#ffffff"
+        android:strokeColor="#00000000"
+        android:fillType="nonZero"/>
+    <path
+        android:pathData="M168.088,142.604C169.896,142.111 171.33,141.705 172.398,141.395 170.213,139.874 167.689,137.979 164.247,135.304c-8.418,-6.546 -17.449,-9.87 -26.839,-9.87 -5.135,-0 -9.611,0.991 -13.156,2.186 0.882,-0.05 1.779,-0.079 2.7,-0.079 1.1,-0 2.247,0.04 3.411,0.119 3.652,0.246 13.061,1.901 21.565,12.047 1.714,2.039 3.559,3.73 8.794,3.73 1.873,-0 4.051,-0.207 6.662,-0.645C167.544,142.751 167.793,142.678 168.088,142.604"
+        android:fillColor="#ffffff"
+        android:strokeColor="#00000000"
+        android:fillType="nonZero"/>
+    <path
+        android:pathData="m164.3,147.583c-0.122,1.563 -0.376,4.509 -0.782,6.76 -0.495,2.719 -1.31,5.02 -1.791,6.226 0.85,0.786 1.694,1.553 2.247,2.043 2.214,-1.447 9.47,-6.96 14.483,-19.474C176.847,144.229 174.59,145.178 171.671,146.018 168.701,146.861 165.82,147.357 164.3,147.583"
+        android:fillColor="#ffffff"
+        android:strokeColor="#00000000"
+        android:fillType="nonZero"/>
+  </group>
+</vector>
diff --git a/android/app/src/main/res/drawable/rn_edit_text_material.xml b/android/app/src/main/res/drawable/rn_edit_text_material.xml
new file mode 100644
index 0000000..f35d996
--- /dev/null
+++ b/android/app/src/main/res/drawable/rn_edit_text_material.xml
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Copyright (C) 2014 The Android Open Source Project
+
+     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.
+-->
+<inset xmlns:android="http://schemas.android.com/apk/res/android"
+       android:insetLeft="@dimen/abc_edit_text_inset_horizontal_material"
+       android:insetRight="@dimen/abc_edit_text_inset_horizontal_material"
+       android:insetTop="@dimen/abc_edit_text_inset_top_material"
+       android:insetBottom="@dimen/abc_edit_text_inset_bottom_material">
+
+    <selector>
+        <!-- 
+          This file is a copy of abc_edit_text_material (https://bit.ly/3k8fX7I).
+          The item below with state_pressed="false" and state_focused="false" causes a NullPointerException.
+          NullPointerException:tempt to invoke virtual method 'android.graphics.drawable.Drawable android.graphics.drawable.Drawable$ConstantState.newDrawable(android.content.res.Resources)'
+
+          <item android:state_pressed="false" android:state_focused="false" android:drawable="@drawable/abc_textfield_default_mtrl_alpha"/>
+
+          For more info, see https://bit.ly/3CdLStv (react-native/pull/29452) and https://bit.ly/3nxOMoR.
+        -->
+        <item android:state_enabled="false" android:drawable="@drawable/abc_textfield_default_mtrl_alpha"/>
+        <item android:drawable="@drawable/abc_textfield_activated_mtrl_alpha"/>
+    </selector>
+
+</inset>
diff --git a/android/app/src/main/res/layout/launch_screen.xml b/android/app/src/main/res/layout/launch_screen.xml
new file mode 100644
index 0000000..f61656a
--- /dev/null
+++ b/android/app/src/main/res/layout/launch_screen.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="@color/colorPrimary">
+    <ImageView
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_centerInParent="true"
+        android:src="@drawable/ic_jitsi_logosvg"/>
+</RelativeLayout>
\ No newline at end of file
diff --git a/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml b/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
new file mode 100644
index 0000000..081998b
--- /dev/null
+++ b/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@color/ic_launcher_background"/>
+    <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
+    <monochrome android:drawable="@drawable/ic_launcher_monochrome"/>
+</adaptive-icon>
\ No newline at end of file
diff --git a/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml b/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
new file mode 100644
index 0000000..081998b
--- /dev/null
+++ b/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@color/ic_launcher_background"/>
+    <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
+    <monochrome android:drawable="@drawable/ic_launcher_monochrome"/>
+</adaptive-icon>
\ No newline at end of file
diff --git a/android/app/src/main/res/mipmap-hdpi/ic_launcher.png b/android/app/src/main/res/mipmap-hdpi/ic_launcher.png
new file mode 100644
index 0000000..b738ac7
Binary files /dev/null and b/android/app/src/main/res/mipmap-hdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.png b/android/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.png
new file mode 100644
index 0000000..5575431
Binary files /dev/null and b/android/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.png differ
diff --git a/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png b/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png
new file mode 100644
index 0000000..733f88e
Binary files /dev/null and b/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png differ
diff --git a/android/app/src/main/res/mipmap-mdpi/ic_launcher.png b/android/app/src/main/res/mipmap-mdpi/ic_launcher.png
new file mode 100644
index 0000000..d8d1a59
Binary files /dev/null and b/android/app/src/main/res/mipmap-mdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.png b/android/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.png
new file mode 100644
index 0000000..d9c88d3
Binary files /dev/null and b/android/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.png differ
diff --git a/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png b/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png
new file mode 100644
index 0000000..bb5f602
Binary files /dev/null and b/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png differ
diff --git a/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png b/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png
new file mode 100644
index 0000000..50eb5b1
Binary files /dev/null and b/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.png b/android/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.png
new file mode 100644
index 0000000..ab3898a
Binary files /dev/null and b/android/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.png differ
diff --git a/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png b/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png
new file mode 100644
index 0000000..5f9eed6
Binary files /dev/null and b/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png differ
diff --git a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png
new file mode 100644
index 0000000..4c0eea3
Binary files /dev/null and b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.png b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.png
new file mode 100644
index 0000000..e4c57dc
Binary files /dev/null and b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.png differ
diff --git a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png
new file mode 100644
index 0000000..0183c2a
Binary files /dev/null and b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png differ
diff --git a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png
new file mode 100644
index 0000000..e91898a
Binary files /dev/null and b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.png b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.png
new file mode 100644
index 0000000..7d3e730
Binary files /dev/null and b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.png differ
diff --git a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png
new file mode 100644
index 0000000..2f3c6f9
Binary files /dev/null and b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png differ
diff --git a/android/app/src/main/res/values/colors.xml b/android/app/src/main/res/values/colors.xml
new file mode 100644
index 0000000..7ff1327
--- /dev/null
+++ b/android/app/src/main/res/values/colors.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="colorPrimary">#17A0DB</color>
+    <color name="navigationBarColor">#040404</color>
+    <color name="statusBarColor">#040404</color>
+</resources>
\ No newline at end of file
diff --git a/android/app/src/main/res/values/ic_launcher_background.xml b/android/app/src/main/res/values/ic_launcher_background.xml
new file mode 100644
index 0000000..55c2377
--- /dev/null
+++ b/android/app/src/main/res/values/ic_launcher_background.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="ic_launcher_background">#66A8DD</color>
+</resources>
\ No newline at end of file
diff --git a/android/app/src/main/res/values/strings.xml b/android/app/src/main/res/values/strings.xml
new file mode 100644
index 0000000..bd12652
--- /dev/null
+++ b/android/app/src/main/res/values/strings.xml
@@ -0,0 +1,5 @@
+<resources>
+    <string name="app_name">Jitsi Meet</string>
+    <string name="restriction_server_url_description">URL of Jitsi Meet server instance to connect to</string>
+    <string name="restriction_server_url_title">Server URL</string>
+</resources>
diff --git a/android/app/src/main/res/values/styles.xml b/android/app/src/main/res/values/styles.xml
new file mode 100644
index 0000000..6e4737b
--- /dev/null
+++ b/android/app/src/main/res/values/styles.xml
@@ -0,0 +1,9 @@
+<resources>
+    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
+        <item name="android:editTextBackground">@drawable/rn_edit_text_material</item>
+        <item name="android:forceDarkAllowed">false</item>
+        <item name="android:navigationBarColor">@color/navigationBarColor</item>
+        <item name="android:statusBarColor">@color/statusBarColor</item>
+        <item name="android:windowDisablePreview">true</item>
+   </style>
+</resources>
diff --git a/android/app/src/main/res/xml/app_restrictions.xml b/android/app/src/main/res/xml/app_restrictions.xml
new file mode 100644
index 0000000..d501b94
--- /dev/null
+++ b/android/app/src/main/res/xml/app_restrictions.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<restrictions xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <!-- Server URL configuration -->
+    <restriction
+        android:description="@string/restriction_server_url_description"
+        android:key="SERVER_URL"
+        android:restrictionType="string"
+        android:title="@string/restriction_server_url_title"/>
+</restrictions>
diff --git a/android/app/src/main/res/xml/network_security_config.xml b/android/app/src/main/res/xml/network_security_config.xml
new file mode 100644
index 0000000..cfdf6a5
--- /dev/null
+++ b/android/app/src/main/res/xml/network_security_config.xml
@@ -0,0 +1,12 @@
+<network-security-config> 
+   <base-config> 
+      <trust-anchors> 
+         <certificates src="system" /> 
+         <certificates src="user" /> 
+      </trust-anchors> 
+   </base-config> 
+   <domain-config cleartextTrafficPermitted="true"> 
+      <domain includeSubdomains="false">localhost</domain> 
+      <domain includeSubdomains="false">10.0.2.2</domain> 
+   </domain-config> 
+</network-security-config>
diff --git a/android/build.gradle b/android/build.gradle
new file mode 100644
index 0000000..5bce937
--- /dev/null
+++ b/android/build.gradle
@@ -0,0 +1,217 @@
+import groovy.json.JsonSlurper
+import org.gradle.util.VersionNumber
+
+// Top-level build file where you can add configuration options common to all
+// sub-projects/modules.
+
+buildscript {
+    ext {
+        kotlinVersion = "2.0.21"
+        gradlePluginVersion = "8.6.0"
+        buildToolsVersion = "35.0.0"
+        compileSdkVersion = 35
+        minSdkVersion    = 26
+        targetSdkVersion = 35
+        supportLibVersion = "28.0.0"
+        ndkVersion = "27.1.12297006"
+
+        // The Maven artifact groupId of the third-party react-native modules which
+        // Jitsi Meet SDK for Android depends on and which are not available in
+        // third-party Maven repositories so we have to deploy to a Maven repository
+        // of ours.
+        moduleGroupId = 'com.facebook.react'
+
+        // Maven repo where artifacts will be published
+        mavenRepo = System.env.MVN_REPO ?: ""
+        mavenUser = System.env.MVN_USER ?: ""
+        mavenPassword = System.env.MVN_PASSWORD ?: ""
+
+        // Libre build
+        libreBuild = (System.env.LIBRE_BUILD ?: "false").toBoolean()
+
+        googleServicesEnabled = project.file('app/google-services.json').exists() && !libreBuild
+
+        //React Native and Hermes Version
+        rnVersion = "0.77.2"
+
+        // Java dependencies
+        javaVersion = JavaVersion.VERSION_17
+        jvmToolchainVersion = 17
+        jvmTargetVersion = '17'
+    }
+    repositories {
+        google()
+        mavenCentral()
+    }
+    dependencies {
+        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$rootProject.ext.kotlinVersion"
+        classpath "com.android.tools.build:gradle:$rootProject.ext.gradlePluginVersion"
+        classpath 'com.google.gms:google-services:4.4.0'
+        classpath 'com.google.firebase:firebase-crashlytics-gradle:2.9.9'
+    }
+}
+
+allprojects {
+    repositories {
+        mavenCentral()
+        google()
+        maven { url 'https://www.jitpack.io' }
+    }
+
+    // Make sure we use the react-native version in node_modules and not the one
+    // published in jcenter / elsewhere.
+    configurations.all {
+        resolutionStrategy {
+            eachDependency { DependencyResolveDetails details ->
+                if (details.requested.group == 'com.facebook.react') {
+                    if (details.requested.name == 'react-native') {
+                        details.useTarget "com.facebook.react:react-android:$rnVersion"
+                    }
+                    if (details.requested.name == 'react-android') {
+                        details.useVersion rootProject.ext.rnVersion
+                    }
+                }
+            }
+        }
+    }
+
+    // Third-party react-native modules which Jitsi Meet SDK for Android depends
+    // on and which are not available in third-party Maven repositories need to
+    // be deployed in a Maven repository of ours.
+
+    if (project.name.startsWith('react-native-')) {
+        apply plugin: 'maven-publish'
+        publishing {
+            publications {}
+            repositories {
+                maven {
+                    url rootProject.ext.mavenRepo
+                    if (!rootProject.ext.mavenRepo.startsWith("file")) {
+                        credentials {
+                            username rootProject.ext.mavenUser
+                            password rootProject.ext.mavenPassword
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    // Use the number of seconds/10 since Jan 1 2019 as the version qualifier number.
+    // This will last for the next ~680 years.
+    // https://stackoverflow.com/a/38643838
+    def versionQualifierNumber = (int)(((new Date().getTime()/1000) - 1546297200) / 10)
+
+    afterEvaluate { project ->
+        if (project.plugins.hasPlugin('android') || project.plugins.hasPlugin('android-library')) {
+            project.android {
+                compileSdkVersion rootProject.ext.compileSdkVersion
+                buildToolsVersion rootProject.ext.buildToolsVersion
+            }
+        }
+
+        if (project.name.startsWith('react-native-')) {
+            def npmManifest = project.file('../package.json')
+            def json = new JsonSlurper().parseText(npmManifest.text)
+
+            // Release every dependency the SDK has with a -jitsi-XXX qualified version. This allows
+            // us to pin the dependencies and make sure they are always updated, no matter what.
+
+            project.version = "${json.version}-jitsi-${versionQualifierNumber}"
+
+            task jitsiAndroidSourcesJar(type: Jar) {
+                archiveClassifier = 'sources'
+                from android.sourceSets.main.java.source
+            }
+
+            publishing.publications {
+                aarArchive(MavenPublication) {
+                    groupId rootProject.ext.moduleGroupId
+                    artifactId project.name
+                    version project.version
+
+                    artifact("${project.buildDir}/outputs/aar/${project.name}-release.aar") {
+                        extension "aar"
+                    }
+                    artifact(jitsiAndroidSourcesJar)
+                    pom.withXml {
+                        def pomXml = asNode()
+                        pomXml.appendNode('name', project.name)
+                        pomXml.appendNode('description', json.description)
+                        pomXml.appendNode('url', json.homepage)
+                        if (json.license) {
+                            def license = pomXml.appendNode('licenses').appendNode('license')
+                            license.appendNode('name', json.license)
+                            license.appendNode('distribution', 'repo')
+                        }
+
+                        def dependencies = pomXml.appendNode('dependencies')
+                        configurations.getByName('releaseCompileClasspath').getResolvedConfiguration().getFirstLevelModuleDependencies().each {
+                            def artifactId = it.moduleName
+                            def version = it.moduleVersion
+                            // React Native signals breaking changes by
+                            // increasing the minor version number. So the
+                            // (third-party) React Native modules we utilize can
+                            // depend not on a specific react-native release but
+                            // a wider range.
+                            if (artifactId == 'react-native') {
+                                def versionNumber = VersionNumber.parse(version)
+                                version = "${versionNumber.major}.${versionNumber.minor}"
+                            }
+
+                            def dependency = dependencies.appendNode('dependency')
+                            dependency.appendNode('groupId', it.moduleGroup)
+                            dependency.appendNode('artifactId', artifactId)
+                            dependency.appendNode('version', version)
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+
+// Force the version of the Android build tools we have chosen on all subprojects.
+subprojects { subproject ->
+    afterEvaluate{
+        if ((subproject.plugins.hasPlugin('android')
+                    || subproject.plugins.hasPlugin('android-library'))
+                && rootProject.ext.has('buildToolsVersion')) {
+
+            android {
+                buildToolsVersion rootProject.ext.buildToolsVersion
+
+                buildFeatures {
+                    buildConfig true
+                }
+
+                // Set JVM target across all subprojects
+                compileOptions {
+                    sourceCompatibility rootProject.ext.javaVersion
+                    targetCompatibility rootProject.ext.javaVersion
+                }
+
+                // Disable lint errors for problematic third-party modules
+                // react-native-background-timer
+                // react-native-calendar-events
+                lint {
+                    abortOnError = false
+                }
+            }
+        }
+
+        // Add Kotlin configuration for subprojects that use Kotlin
+        if (subproject.plugins.hasPlugin('kotlin-android')) {
+            subproject.kotlin {
+                jvmToolchain(rootProject.ext.jvmToolchainVersion)
+            }
+
+            // Set Kotlin JVM target
+            subproject.android {
+                kotlinOptions {
+                    jvmTarget = rootProject.ext.jvmTargetVersion
+                }
+            }
+        }
+    }
+}
diff --git a/android/fastlane/Appfile b/android/fastlane/Appfile
new file mode 100644
index 0000000..f4690bf
--- /dev/null
+++ b/android/fastlane/Appfile
@@ -0,0 +1,2 @@
+json_key_file("")
+package_name("org.jitsi.meet")
diff --git a/android/fastlane/Fastfile b/android/fastlane/Fastfile
new file mode 100644
index 0000000..82c5de7
--- /dev/null
+++ b/android/fastlane/Fastfile
@@ -0,0 +1,34 @@
+ENV["FASTLANE_SKIP_UPDATE_CHECK"] = "1"
+opt_out_usage
+
+default_platform(:android)
+
+platform :android do
+    desc "Deploy a new version to Goolge Play (Closed Beta)"
+    lane :deploy do
+        # Cleanup
+        gradle(task: "clean")
+
+        # Build and sign the app
+        gradle(
+            task: "assemble",
+            build_type: "Release",
+            print_command: false,
+            properties: {
+                "android.injected.signing.store.file" => ENV["JITSI_KEYSTORE"],
+                "android.injected.signing.store.password" => ENV["JITSI_KEYSTORE_PASSWORD"],
+                "android.injected.signing.key.alias" => ENV["JITSI_KEY_ALIAS"],
+                "android.injected.signing.key.password" => ENV["JITSI_KEY_PASSWORD"],
+            }
+        )
+
+        # Upload built artifact to the Closed Beta track
+        upload_to_play_store(
+            track: "beta",
+            json_key: ENV["JITSI_JSON_KEY_FILE"],
+            skip_upload_metadata: true,
+            skip_upload_images: true,
+            skip_upload_screenshots: true
+        )
+    end
+end
diff --git a/android/fastlane/README.md b/android/fastlane/README.md
new file mode 100644
index 0000000..e2b1828
--- /dev/null
+++ b/android/fastlane/README.md
@@ -0,0 +1,29 @@
+fastlane documentation
+================
+# Installation
+
+Make sure you have the latest version of the Xcode command line tools installed:
+
+```
+xcode-select --install
+```
+
+Install _fastlane_ using
+```
+[sudo] gem install fastlane -NV
+```
+or alternatively using `brew cask install fastlane`
+
+# Available Actions
+## Android
+### android deploy
+```
+fastlane android deploy
+```
+Deploy a new version to Goolge Play (Closed Beta)
+
+----
+
+This README.md is auto-generated and will be re-generated every time [fastlane](https://fastlane.tools) is run.
+More information about fastlane can be found on [fastlane.tools](https://fastlane.tools).
+The documentation of fastlane can be found on [docs.fastlane.tools](https://docs.fastlane.tools).
diff --git a/android/fastlane/screenshots/Feature-Graphic-1024x500-1-1.png b/android/fastlane/screenshots/Feature-Graphic-1024x500-1-1.png
new file mode 100644
index 0000000..02fc9a3
Binary files /dev/null and b/android/fastlane/screenshots/Feature-Graphic-1024x500-1-1.png differ
diff --git a/android/fastlane/screenshots/Feature-Graphic-1024x500-1.png b/android/fastlane/screenshots/Feature-Graphic-1024x500-1.png
new file mode 100644
index 0000000..26655db
Binary files /dev/null and b/android/fastlane/screenshots/Feature-Graphic-1024x500-1.png differ
diff --git a/android/fastlane/screenshots/Feature-Graphic-1024x500-2.png b/android/fastlane/screenshots/Feature-Graphic-1024x500-2.png
new file mode 100644
index 0000000..b3459a5
Binary files /dev/null and b/android/fastlane/screenshots/Feature-Graphic-1024x500-2.png differ
diff --git a/android/fastlane/screenshots/Feature-Graphic-1024x500-3.png b/android/fastlane/screenshots/Feature-Graphic-1024x500-3.png
new file mode 100644
index 0000000..36de496
Binary files /dev/null and b/android/fastlane/screenshots/Feature-Graphic-1024x500-3.png differ
diff --git a/android/fastlane/screenshots/GroupCall.png b/android/fastlane/screenshots/GroupCall.png
new file mode 100644
index 0000000..b591b2a
Binary files /dev/null and b/android/fastlane/screenshots/GroupCall.png differ
diff --git a/android/fastlane/screenshots/GroupCall_framed.png b/android/fastlane/screenshots/GroupCall_framed.png
new file mode 100644
index 0000000..fe293a3
Binary files /dev/null and b/android/fastlane/screenshots/GroupCall_framed.png differ
diff --git a/android/fastlane/screenshots/More Menu.png b/android/fastlane/screenshots/More Menu.png
new file mode 100644
index 0000000..52b95cb
Binary files /dev/null and b/android/fastlane/screenshots/More Menu.png differ
diff --git a/android/fastlane/screenshots/More Menu_framed.png b/android/fastlane/screenshots/More Menu_framed.png
new file mode 100644
index 0000000..ff6062d
Binary files /dev/null and b/android/fastlane/screenshots/More Menu_framed.png differ
diff --git a/android/fastlane/screenshots/Nexus 9 Body.png b/android/fastlane/screenshots/Nexus 9 Body.png
new file mode 100644
index 0000000..02feb81
Binary files /dev/null and b/android/fastlane/screenshots/Nexus 9 Body.png differ
diff --git a/android/fastlane/screenshots/Nexus-9-Landscape.png b/android/fastlane/screenshots/Nexus-9-Landscape.png
new file mode 100644
index 0000000..433e8ea
Binary files /dev/null and b/android/fastlane/screenshots/Nexus-9-Landscape.png differ
diff --git a/android/fastlane/screenshots/Nexus-9-Portrait.png b/android/fastlane/screenshots/Nexus-9-Portrait.png
new file mode 100644
index 0000000..52eb230
Binary files /dev/null and b/android/fastlane/screenshots/Nexus-9-Portrait.png differ
diff --git a/android/fastlane/screenshots/Video-Call-1-1024x768.png b/android/fastlane/screenshots/Video-Call-1-1024x768.png
new file mode 100644
index 0000000..3cea201
Binary files /dev/null and b/android/fastlane/screenshots/Video-Call-1-1024x768.png differ
diff --git a/android/fastlane/screenshots/Video-Call-1-1280x720.png b/android/fastlane/screenshots/Video-Call-1-1280x720.png
new file mode 100644
index 0000000..e067a90
Binary files /dev/null and b/android/fastlane/screenshots/Video-Call-1-1280x720.png differ
diff --git a/android/fastlane/screenshots/Video-Call-2-1024x768.png b/android/fastlane/screenshots/Video-Call-2-1024x768.png
new file mode 100644
index 0000000..e9d7cc5
Binary files /dev/null and b/android/fastlane/screenshots/Video-Call-2-1024x768.png differ
diff --git a/android/fastlane/screenshots/Video-Call-2-1280x720.png b/android/fastlane/screenshots/Video-Call-2-1280x720.png
new file mode 100644
index 0000000..6d6b635
Binary files /dev/null and b/android/fastlane/screenshots/Video-Call-2-1280x720.png differ
diff --git a/android/fastlane/screenshots/WelcomePage-Calendar.png b/android/fastlane/screenshots/WelcomePage-Calendar.png
new file mode 100644
index 0000000..d37e107
Binary files /dev/null and b/android/fastlane/screenshots/WelcomePage-Calendar.png differ
diff --git a/android/fastlane/screenshots/WelcomePage-Calendar_framed.png b/android/fastlane/screenshots/WelcomePage-Calendar_framed.png
new file mode 100644
index 0000000..b924e50
Binary files /dev/null and b/android/fastlane/screenshots/WelcomePage-Calendar_framed.png differ
diff --git a/android/fastlane/screenshots/WelcomeScreen-1024x768.png b/android/fastlane/screenshots/WelcomeScreen-1024x768.png
new file mode 100644
index 0000000..98404e9
Binary files /dev/null and b/android/fastlane/screenshots/WelcomeScreen-1024x768.png differ
diff --git a/android/fastlane/screenshots/WelcomeScreen-1280x720.png b/android/fastlane/screenshots/WelcomeScreen-1280x720.png
new file mode 100644
index 0000000..a1c6612
Binary files /dev/null and b/android/fastlane/screenshots/WelcomeScreen-1280x720.png differ
diff --git a/android/gradle.properties b/android/gradle.properties
new file mode 100644
index 0000000..0858cd7
--- /dev/null
+++ b/android/gradle.properties
@@ -0,0 +1,36 @@
+# Project-wide Gradle settings.
+
+# IDE (e.g. Android Studio) users:
+# Gradle settings configured through the IDE *will override*
+# any settings specified in this file.
+
+# For more details on how to configure your build environment visit
+# http://www.gradle.org/docs/current/userguide/build_environment.html
+
+# Specifies the JVM arguments used for the daemon process.
+# The setting is particularly useful for tweaking memory settings.
+# Default value: -Xmx1024m -XX:MaxPermSize=256m
+
+org.gradle.jvmargs=-Xmx4048m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8
+
+# When configured, Gradle will run in incubating parallel mode.
+# This option should only be used with decoupled projects. More details, visit
+# http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
+# org.gradle.parallel=true
+
+android.useAndroidX=true
+
+android.enableJetifier=true
+
+# Use this property to enable support to the new architecture.
+# This will allow you to use TurboModules and the Fabric render in
+# your application. You should enable this flag either if you want
+# to write custom TurboModules/Fabric components OR use libraries that
+# are providing them.
+newArchEnabled=false
+
+# Use this property to enable or disable the Hermes JS engine.
+hermesEnabled=true
+
+appVersion=99.0.0
+sdkVersion=0.0.0
diff --git a/android/gradle/wrapper/gradle-wrapper.jar b/android/gradle/wrapper/gradle-wrapper.jar
new file mode 100644
index 0000000..01b8bf6
Binary files /dev/null and b/android/gradle/wrapper/gradle-wrapper.jar differ
diff --git a/android/gradle/wrapper/gradle-wrapper.properties b/android/gradle/wrapper/gradle-wrapper.properties
new file mode 100644
index 0000000..5c82cb0
--- /dev/null
+++ b/android/gradle/wrapper/gradle-wrapper.properties
@@ -0,0 +1,5 @@
+distributionBase=GRADLE_USER_HOME
+distributionPath=wrapper/dists
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.14-bin.zip
+zipStoreBase=GRADLE_USER_HOME
+zipStorePath=wrapper/dists
diff --git a/android/gradlew b/android/gradlew
new file mode 100755
index 0000000..1b6c787
--- /dev/null
+++ b/android/gradlew
@@ -0,0 +1,234 @@
+#!/bin/sh
+
+#
+# Copyright © 2015-2021 the original authors.
+#
+# 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
+#
+#      https://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.
+#
+
+##############################################################################
+#
+#   Gradle start up script for POSIX generated by Gradle.
+#
+#   Important for running:
+#
+#   (1) You need a POSIX-compliant shell to run this script. If your /bin/sh is
+#       noncompliant, but you have some other compliant shell such as ksh or
+#       bash, then to run this script, type that shell name before the whole
+#       command line, like:
+#
+#           ksh Gradle
+#
+#       Busybox and similar reduced shells will NOT work, because this script
+#       requires all of these POSIX shell features:
+#         * functions;
+#         * expansions «$var», «${var}», «${var:-default}», «${var+SET}»,
+#           «${var#prefix}», «${var%suffix}», and «$( cmd )»;
+#         * compound commands having a testable exit status, especially «case»;
+#         * various built-in commands including «command», «set», and «ulimit».
+#
+#   Important for patching:
+#
+#   (2) This script targets any POSIX shell, so it avoids extensions provided
+#       by Bash, Ksh, etc; in particular arrays are avoided.
+#
+#       The "traditional" practice of packing multiple parameters into a
+#       space-separated string is a well documented source of bugs and security
+#       problems, so this is (mostly) avoided, by progressively accumulating
+#       options in "$@", and eventually passing that to Java.
+#
+#       Where the inherited environment variables (DEFAULT_JVM_OPTS, JAVA_OPTS,
+#       and GRADLE_OPTS) rely on word-splitting, this is performed explicitly;
+#       see the in-line comments for details.
+#
+#       There are tweaks for specific operating systems such as AIX, CygWin,
+#       Darwin, MinGW, and NonStop.
+#
+#   (3) This script is generated from the Groovy template
+#       https://github.com/gradle/gradle/blob/master/subprojects/plugins/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt
+#       within the Gradle project.
+#
+#       You can find Gradle at https://github.com/gradle/gradle/.
+#
+##############################################################################
+
+# Attempt to set APP_HOME
+
+# Resolve links: $0 may be a link
+app_path=$0
+
+# Need this for daisy-chained symlinks.
+while
+    APP_HOME=${app_path%"${app_path##*/}"}  # leaves a trailing /; empty if no leading path
+    [ -h "$app_path" ]
+do
+    ls=$( ls -ld "$app_path" )
+    link=${ls#*' -> '}
+    case $link in             #(
+      /*)   app_path=$link ;; #(
+      *)    app_path=$APP_HOME$link ;;
+    esac
+done
+
+APP_HOME=$( cd "${APP_HOME:-./}" && pwd -P ) || exit
+
+APP_NAME="Gradle"
+APP_BASE_NAME=${0##*/}
+
+# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
+
+# Use the maximum available, or set MAX_FD != -1 to use that value.
+MAX_FD=maximum
+
+warn () {
+    echo "$*"
+} >&2
+
+die () {
+    echo
+    echo "$*"
+    echo
+    exit 1
+} >&2
+
+# OS specific support (must be 'true' or 'false').
+cygwin=false
+msys=false
+darwin=false
+nonstop=false
+case "$( uname )" in                #(
+  CYGWIN* )         cygwin=true  ;; #(
+  Darwin* )         darwin=true  ;; #(
+  MSYS* | MINGW* )  msys=true    ;; #(
+  NONSTOP* )        nonstop=true ;;
+esac
+
+CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
+
+
+# Determine the Java command to use to start the JVM.
+if [ -n "$JAVA_HOME" ] ; then
+    if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
+        # IBM's JDK on AIX uses strange locations for the executables
+        JAVACMD=$JAVA_HOME/jre/sh/java
+    else
+        JAVACMD=$JAVA_HOME/bin/java
+    fi
+    if [ ! -x "$JAVACMD" ] ; then
+        die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+    fi
+else
+    JAVACMD=java
+    which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+fi
+
+# Increase the maximum file descriptors if we can.
+if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then
+    case $MAX_FD in #(
+      max*)
+        MAX_FD=$( ulimit -H -n ) ||
+            warn "Could not query maximum file descriptor limit"
+    esac
+    case $MAX_FD in  #(
+      '' | soft) :;; #(
+      *)
+        ulimit -n "$MAX_FD" ||
+            warn "Could not set maximum file descriptor limit to $MAX_FD"
+    esac
+fi
+
+# Collect all arguments for the java command, stacking in reverse order:
+#   * args from the command line
+#   * the main class name
+#   * -classpath
+#   * -D...appname settings
+#   * --module-path (only if needed)
+#   * DEFAULT_JVM_OPTS, JAVA_OPTS, and GRADLE_OPTS environment variables.
+
+# For Cygwin or MSYS, switch paths to Windows format before running java
+if "$cygwin" || "$msys" ; then
+    APP_HOME=$( cygpath --path --mixed "$APP_HOME" )
+    CLASSPATH=$( cygpath --path --mixed "$CLASSPATH" )
+
+    JAVACMD=$( cygpath --unix "$JAVACMD" )
+
+    # Now convert the arguments - kludge to limit ourselves to /bin/sh
+    for arg do
+        if
+            case $arg in                                #(
+              -*)   false ;;                            # don't mess with options #(
+              /?*)  t=${arg#/} t=/${t%%/*}              # looks like a POSIX filepath
+                    [ -e "$t" ] ;;                      #(
+              *)    false ;;
+            esac
+        then
+            arg=$( cygpath --path --ignore --mixed "$arg" )
+        fi
+        # Roll the args list around exactly as many times as the number of
+        # args, so each arg winds up back in the position where it started, but
+        # possibly modified.
+        #
+        # NB: a `for` loop captures its iteration list before it begins, so
+        # changing the positional parameters here affects neither the number of
+        # iterations, nor the values presented in `arg`.
+        shift                   # remove old arg
+        set -- "$@" "$arg"      # push replacement arg
+    done
+fi
+
+# Collect all arguments for the java command;
+#   * $DEFAULT_JVM_OPTS, $JAVA_OPTS, and $GRADLE_OPTS can contain fragments of
+#     shell script including quotes and variable substitutions, so put them in
+#     double quotes to make sure that they get re-expanded; and
+#   * put everything else in single quotes, so that it's not re-expanded.
+
+set -- \
+        "-Dorg.gradle.appname=$APP_BASE_NAME" \
+        -classpath "$CLASSPATH" \
+        org.gradle.wrapper.GradleWrapperMain \
+        "$@"
+
+# Use "xargs" to parse quoted args.
+#
+# With -n1 it outputs one arg per line, with the quotes and backslashes removed.
+#
+# In Bash we could simply go:
+#
+#   readarray ARGS < <( xargs -n1 <<<"$var" ) &&
+#   set -- "${ARGS[@]}" "$@"
+#
+# but POSIX shell has neither arrays nor command substitution, so instead we
+# post-process each arg (as a line of input to sed) to backslash-escape any
+# character that might be a shell metacharacter, then use eval to reverse
+# that process (while maintaining the separation between arguments), and wrap
+# the whole thing up as a single "set" statement.
+#
+# This will of course break if any of these variables contains a newline or
+# an unmatched quote.
+#
+
+eval "set -- $(
+        printf '%s\n' "$DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS" |
+        xargs -n1 |
+        sed ' s~[^-[:alnum:]+,./:=@_]~\\&~g; ' |
+        tr '\n' ' '
+    )" '"$@"'
+
+exec "$JAVACMD" "$@"
diff --git a/android/gradlew.bat b/android/gradlew.bat
new file mode 100644
index 0000000..107acd3
--- /dev/null
+++ b/android/gradlew.bat
@@ -0,0 +1,89 @@
+@rem
+@rem Copyright 2015 the original author or authors.
+@rem
+@rem Licensed under the Apache License, Version 2.0 (the "License");
+@rem you may not use this file except in compliance with the License.
+@rem You may obtain a copy of the License at
+@rem
+@rem      https://www.apache.org/licenses/LICENSE-2.0
+@rem
+@rem Unless required by applicable law or agreed to in writing, software
+@rem distributed under the License is distributed on an "AS IS" BASIS,
+@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+@rem See the License for the specific language governing permissions and
+@rem limitations under the License.
+@rem
+
+@if "%DEBUG%" == "" @echo off
+@rem ##########################################################################
+@rem
+@rem  Gradle startup script for Windows
+@rem
+@rem ##########################################################################
+
+@rem Set local scope for the variables with windows NT shell
+if "%OS%"=="Windows_NT" setlocal
+
+set DIRNAME=%~dp0
+if "%DIRNAME%" == "" set DIRNAME=.
+set APP_BASE_NAME=%~n0
+set APP_HOME=%DIRNAME%
+
+@rem Resolve any "." and ".." in APP_HOME to make it shorter.
+for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi
+
+@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
+
+@rem Find java.exe
+if defined JAVA_HOME goto findJavaFromJavaHome
+
+set JAVA_EXE=java.exe
+%JAVA_EXE% -version >NUL 2>&1
+if "%ERRORLEVEL%" == "0" goto execute
+
+echo.
+echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:findJavaFromJavaHome
+set JAVA_HOME=%JAVA_HOME:"=%
+set JAVA_EXE=%JAVA_HOME%/bin/java.exe
+
+if exist "%JAVA_EXE%" goto execute
+
+echo.
+echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:execute
+@rem Setup the command line
+
+set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
+
+
+@rem Execute Gradle
+"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %*
+
+:end
+@rem End local scope for the variables with windows NT shell
+if "%ERRORLEVEL%"=="0" goto mainEnd
+
+:fail
+rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
+rem the _cmd.exe /c_ return code!
+if  not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
+exit /b 1
+
+:mainEnd
+if "%OS%"=="Windows_NT" endlocal
+
+:omega
diff --git a/android/keystores/BUCK b/android/keystores/BUCK
new file mode 100644
index 0000000..88e4c31
--- /dev/null
+++ b/android/keystores/BUCK
@@ -0,0 +1,8 @@
+keystore(
+    name = "debug",
+    properties = "debug.keystore.properties",
+    store = "debug.keystore",
+    visibility = [
+        "PUBLIC",
+    ],
+)
diff --git a/android/keystores/debug.keystore.properties b/android/keystores/debug.keystore.properties
new file mode 100644
index 0000000..121bfb4
--- /dev/null
+++ b/android/keystores/debug.keystore.properties
@@ -0,0 +1,4 @@
+key.store=debug.keystore
+key.alias=androiddebugkey
+key.store.password=android
+key.alias.password=android
diff --git a/android/scripts/check_elf_alignment.sh b/android/scripts/check_elf_alignment.sh
new file mode 100755
index 0000000..0cd8f92
--- /dev/null
+++ b/android/scripts/check_elf_alignment.sh
@@ -0,0 +1,113 @@
+#!/bin/bash
+progname="${0##*/}"
+progname="${progname%.sh}"
+
+# usage: check_elf_alignment.sh [path to *.so files|path to *.apk]
+
+cleanup_trap() {
+  if [ -n "${tmp}" -a -d "${tmp}" ]; then
+    rm -rf ${tmp}
+  fi
+  exit $1
+}
+
+usage() {
+  echo "Host side script to check the ELF alignment of shared libraries."
+  echo "Shared libraries are reported ALIGNED when their ELF regions are"
+  echo "16 KB or 64 KB aligned. Otherwise they are reported as UNALIGNED."
+  echo
+  echo "Usage: ${progname} [input-path|input-APK|input-APEX]"
+}
+
+if [ ${#} -ne 1 ]; then
+  usage
+  exit
+fi
+
+case ${1} in
+  --help | -h | -\?)
+    usage
+    exit
+    ;;
+
+  *)
+    dir="${1}"
+    ;;
+esac
+
+if ! [ -f "${dir}" -o -d "${dir}" ]; then
+  echo "Invalid file: ${dir}" >&2
+  exit 1
+fi
+
+if [[ "${dir}" == *.apk ]]; then
+  trap 'cleanup_trap' EXIT
+
+  echo
+  echo "Recursively analyzing $dir"
+  echo
+
+  if { zipalign --help 2>&1 | grep -q "\-P <pagesize_kb>"; }; then
+    echo "=== APK zip-alignment ==="
+    zipalign -v -c -P 16 4 "${dir}" | egrep 'lib/arm64-v8a|lib/x86_64|Verification'
+    echo "========================="
+  else
+    echo "NOTICE: Zip alignment check requires build-tools version 35.0.0-rc3 or higher."
+    echo "  You can install the latest build-tools by running the below command"
+    echo "  and updating your \$PATH:"
+    echo
+    echo "    sdkmanager \"build-tools;35.0.0-rc3\""
+  fi
+
+  dir_filename=$(basename "${dir}")
+  tmp=$(mktemp -d -t "${dir_filename%.apk}_out_XXXXX")
+  unzip "${dir}" lib/* -d "${tmp}" >/dev/null 2>&1
+  dir="${tmp}"
+fi
+
+if [[ "${dir}" == *.apex ]]; then
+  trap 'cleanup_trap' EXIT
+
+  echo
+  echo "Recursively analyzing $dir"
+  echo
+
+  dir_filename=$(basename "${dir}")
+  tmp=$(mktemp -d -t "${dir_filename%.apex}_out_XXXXX")
+  deapexer extract "${dir}" "${tmp}" || { echo "Failed to deapex." && exit 1; }
+  dir="${tmp}"
+fi
+
+RED="\e[31m"
+GREEN="\e[32m"
+ENDCOLOR="\e[0m"
+
+unaligned_libs=()
+
+echo
+echo "=== ELF alignment ==="
+
+matches="$(find "${dir}" -type f)"
+IFS=$'\n'
+for match in $matches; do
+  # We could recursively call this script or rewrite it to though.
+  [[ "${match}" == *".apk" ]] && echo "WARNING: doesn't recursively inspect .apk file: ${match}"
+  [[ "${match}" == *".apex" ]] && echo "WARNING: doesn't recursively inspect .apex file: ${match}"
+
+  [[ $(file "${match}") == *"ELF"* ]] || continue
+
+  res="$(objdump -p "${match}" | grep LOAD | awk '{ print $NF }' | head -1)"
+  if [[ $res =~ 2\*\*(1[4-9]|[2-9][0-9]|[1-9][0-9]{2,}) ]]; then
+    echo -e "${match}: ${GREEN}ALIGNED${ENDCOLOR} ($res)"
+  else
+    echo -e "${match}: ${RED}UNALIGNED${ENDCOLOR} ($res)"
+    unaligned_libs+=("${match}")
+  fi
+done
+
+if [ ${#unaligned_libs[@]} -gt 0 ]; then
+  echo -e "${RED}Found ${#unaligned_libs[@]} unaligned libs (only arm64-v8a/x86_64 libs need to be aligned).${ENDCOLOR}"
+elif [ -n "${dir_filename}" ]; then
+  echo -e "ELF Verification Successful"
+fi
+echo "====================="
\ No newline at end of file
diff --git a/android/scripts/logcat.sh b/android/scripts/logcat.sh
new file mode 100755
index 0000000..c7e9ab2
--- /dev/null
+++ b/android/scripts/logcat.sh
@@ -0,0 +1,11 @@
+#!/bin/bash
+
+PKG_NAME=${1:-org.jitsi.meet}
+APP_PID=$(adb shell ps | grep $PKG_NAME | awk '{print $2}')
+
+if [[ -z "$APP_PID" ]]; then
+    echo "App is not running"
+    exit 1
+fi
+
+exec adb logcat --pid=$APP_PID
diff --git a/android/scripts/release-sdk.sh b/android/scripts/release-sdk.sh
new file mode 100755
index 0000000..63536a9
--- /dev/null
+++ b/android/scripts/release-sdk.sh
@@ -0,0 +1,50 @@
+#!/bin/bash
+
+set -e -u
+
+
+THIS_DIR=$(cd -P "$(dirname "$(readlink "${BASH_SOURCE[0]}" || echo "${BASH_SOURCE[0]}")")" && pwd)
+DEFAULT_MVN_REPO="${THIS_DIR}/../../../jitsi-maven-repository/releases"
+THE_MVN_REPO=${MVN_REPO:-${1:-$DEFAULT_MVN_REPO}}
+MVN_HTTP=0
+DEFAULT_SDK_VERSION=$(grep sdkVersion ${THIS_DIR}/../gradle.properties | cut -d"=" -f2)
+SDK_VERSION=${OVERRIDE_SDK_VERSION:-${DEFAULT_SDK_VERSION}}
+
+if [[ $THE_MVN_REPO == http* ]]; then
+    MVN_HTTP=1
+else
+    MVN_REPO_PATH=$(realpath $THE_MVN_REPO)
+    THE_MVN_REPO="file:${MVN_REPO_PATH}"
+fi
+
+export MVN_REPO=$THE_MVN_REPO
+
+echo "Releasing Jitsi Meet SDK ${SDK_VERSION}"
+echo "Using ${MVN_REPO} as the Maven repo"
+
+ if [[ $MVN_HTTP == 0 ]]; then
+    # Check if an SDK with that same version has already been released
+    if [[ -d ${MVN_REPO}/org/jitsi/react/jitsi-meet-sdk/${SDK_VERSION} ]]; then
+        echo "There is already a release with that version in the Maven repo!"
+        exit 1
+    fi
+fi
+
+# Now build and publish the Jitsi Meet SDK and its dependencies
+echo "Building and publishing the Jitsi Meet SDK"
+pushd ${THIS_DIR}/../
+./gradlew clean
+./gradlew assembleRelease
+./gradlew publish
+popd
+
+# The artifacts are now on the Maven repo, commit them
+if [[ $MVN_HTTP == 0 ]]; then
+    pushd ${MVN_REPO_PATH}
+    git add -A .
+    git commit -m "Jitsi Meet SDK + dependencies: ${SDK_VERSION}"
+    popd
+fi
+
+# Done!
+echo "Finished! Don't forget to push the tag and the Maven repo artifacts."
diff --git a/android/scripts/run-packager-helper.command b/android/scripts/run-packager-helper.command
new file mode 100755
index 0000000..cf9ebe0
--- /dev/null
+++ b/android/scripts/run-packager-helper.command
@@ -0,0 +1,5 @@
+#!/bin/bash
+
+THIS_DIR=$(cd -P "$(dirname "$(readlink "${BASH_SOURCE[0]}" || echo "${BASH_SOURCE[0]}")")" && pwd)
+
+exec ${THIS_DIR}/../../node_modules/react-native/scripts/packager.sh --reset-cache
diff --git a/android/scripts/run-packager.sh b/android/scripts/run-packager.sh
new file mode 100755
index 0000000..f7a5bce
--- /dev/null
+++ b/android/scripts/run-packager.sh
@@ -0,0 +1,25 @@
+#!/bin/bash
+
+# This script is executed bt Gradle to start the React packager for Debug
+# targets.
+
+THIS_DIR=$(cd -P "$(dirname "$(readlink "${BASH_SOURCE[0]}" || echo "${BASH_SOURCE[0]}")")" && pwd)
+
+export RCT_METRO_PORT="${RCT_METRO_PORT:=8081}"
+echo "export RCT_METRO_PORT=${RCT_METRO_PORT}" > "${THIS_DIR}/../../node_modules/react-native/scripts/.packager.env"
+
+adb reverse tcp:$RCT_METRO_PORT tcp:$RCT_METRO_PORT
+
+if nc -w 5 -z localhost ${RCT_METRO_PORT} ; then
+  if ! curl -s "http://localhost:${RCT_METRO_PORT}/status" | grep -q "packager-status:running" ; then
+    echo "Port ${RCT_METRO_PORT} already in use, packager is either not running or not running correctly"
+    exit 2
+  fi
+else
+    CMD="$THIS_DIR/run-packager-helper.command"
+    if [[ `uname` == "Darwin"  ]]; then
+        open -g "${CMD}" || echo "Can't start packager automatically"
+    else
+        xdg-open "${CMD}" || echo "Can't start packager automatically"
+    fi
+fi
diff --git a/android/sdk/.classpath b/android/sdk/.classpath
new file mode 100644
index 0000000..eb19361
--- /dev/null
+++ b/android/sdk/.classpath
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<classpath>
+	<classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER/org.eclipse.jdt.internal.debug.ui.launcher.StandardVMType/JavaSE-1.8/"/>
+	<classpathentry kind="con" path="org.eclipse.buildship.core.gradleclasspathcontainer"/>
+	<classpathentry kind="output" path="bin/default"/>
+</classpath>
diff --git a/android/sdk/.project b/android/sdk/.project
new file mode 100644
index 0000000..4736e19
--- /dev/null
+++ b/android/sdk/.project
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+	<name>sdk</name>
+	<comment>Project sdk created by Buildship.</comment>
+	<projects>
+	</projects>
+	<buildSpec>
+		<buildCommand>
+			<name>org.eclipse.jdt.core.javabuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+		<buildCommand>
+			<name>org.eclipse.buildship.core.gradleprojectbuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+	</buildSpec>
+	<natures>
+		<nature>org.eclipse.jdt.core.javanature</nature>
+		<nature>org.eclipse.buildship.core.gradleprojectnature</nature>
+	</natures>
+</projectDescription>
diff --git a/android/sdk/.settings/org.eclipse.buildship.core.prefs b/android/sdk/.settings/org.eclipse.buildship.core.prefs
new file mode 100644
index 0000000..b1886ad
--- /dev/null
+++ b/android/sdk/.settings/org.eclipse.buildship.core.prefs
@@ -0,0 +1,2 @@
+connection.project.dir=..
+eclipse.preferences.version=1
diff --git a/android/sdk/build.gradle b/android/sdk/build.gradle
new file mode 100644
index 0000000..e17903d
--- /dev/null
+++ b/android/sdk/build.gradle
@@ -0,0 +1,318 @@
+apply plugin: 'com.android.library'
+apply plugin: 'maven-publish'
+
+android {
+    compileSdkVersion rootProject.ext.compileSdkVersion
+    ndkVersion rootProject.ext.ndkVersion
+
+    defaultConfig {
+        minSdkVersion rootProject.ext.minSdkVersion
+        targetSdkVersion rootProject.ext.targetSdkVersion
+        buildConfigField "String", "SDK_VERSION", "\"$sdkVersion\""
+    }
+
+    buildTypes {
+        debug {
+            buildConfigField "boolean", "LIBRE_BUILD", "${rootProject.ext.libreBuild}"
+            buildConfigField "boolean", "GOOGLE_SERVICES_ENABLED", "${rootProject.ext.googleServicesEnabled}"
+        }
+        release {
+            minifyEnabled false
+            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
+            buildConfigField "boolean", "LIBRE_BUILD", "${rootProject.ext.libreBuild}"
+            buildConfigField "boolean", "GOOGLE_SERVICES_ENABLED", "${rootProject.ext.googleServicesEnabled}"
+        }
+    }
+
+    sourceSets {
+        main {
+            java {
+                exclude "test/"
+            }
+        }
+    }
+    namespace 'org.jitsi.meet.sdk'
+}
+
+dependencies {
+    implementation fileTree(dir: 'libs', include: ['*.jar'])
+    implementation 'androidx.appcompat:appcompat:1.4.1'
+    implementation 'androidx.fragment:fragment:1.4.1'
+    implementation 'androidx.localbroadcastmanager:localbroadcastmanager:1.0.0'
+    implementation 'androidx.swiperefreshlayout:swiperefreshlayout:1.1.0'
+
+    api "com.facebook.react:react-android:$rootProject.ext.rnVersion"
+    api "com.facebook.react:hermes-android:$rootProject.ext.rnVersion"
+
+    implementation 'com.dropbox.core:dropbox-core-sdk:4.0.1'
+    implementation 'com.jakewharton.timber:timber:5.0.1'
+    implementation 'com.google.code.gson:gson:2.8.6'
+    implementation 'androidx.startup:startup-runtime:1.1.0'
+    implementation 'com.google.j2objc:j2objc-annotations:3.0.0'
+
+    // Only add these packages if we are NOT doing a LIBRE_BUILD
+    if (!rootProject.ext.libreBuild) {
+        implementation project(':react-native-amplitude')
+        implementation project(':react-native-giphy')
+        implementation(project(':react-native-google-signin')) {
+            exclude group: 'com.google.android.gms'
+            exclude group: 'androidx'
+        }
+    }
+
+    implementation project(':react-native-async-storage')
+    implementation project(':react-native-background-timer')
+    implementation project(':react-native-calendar-events')
+    implementation project(':react-native-community_clipboard')
+    implementation project(':react-native-community_netinfo')
+    implementation project(':react-native-default-preference')
+    implementation(project(':react-native-device-info')) {
+        exclude group: 'com.google.firebase'
+        exclude group: 'com.google.android.gms'
+        exclude group: 'com.android.installreferrer'
+    }
+    implementation project(':react-native-gesture-handler')
+    implementation project(':react-native-get-random-values')
+    implementation project(':react-native-keep-awake')
+    implementation project(':react-native-orientation-locker')
+    implementation project(':react-native-pager-view')
+    implementation project(':react-native-performance')
+    implementation project(':react-native-safe-area-context')
+    implementation project(':react-native-screens')
+    implementation project(':react-native-slider')
+    implementation project(':react-native-sound')
+    implementation project(':react-native-splash-view')
+    implementation project(':react-native-svg')
+    implementation project(':react-native-video')
+    implementation project(':react-native-webview')
+    implementation project(':react-native-worklets-core')
+
+    // Use `api` here so consumers can use WebRTCModuleOptions.
+    api project(':react-native-webrtc')
+
+    testImplementation 'junit:junit:4.12'
+}
+
+
+// Here we bundle all assets, resources and React files. We cannot use the
+// react.gradle file provided by react-native because it's designed to be used
+// in an application (it taps into applicationVariants, but the SDK is a library
+// so we need libraryVariants instead).
+android.libraryVariants.all { def variant ->
+    // Create variant and target names
+    def targetName = variant.name.capitalize()
+    def targetPath = variant.dirName
+
+    // React js bundle directories
+    def jsBundleDir = file("$buildDir/generated/assets/react/${targetPath}")
+    def resourcesDir = file("$buildDir/generated/res/react/${targetPath}")
+
+    def jsBundleFile = file("$jsBundleDir/index.android.bundle")
+
+    def currentBundleTask = tasks.create(
+            name: "bundle${targetName}JsAndAssets",
+            type: Exec) {
+        group = "react"
+        description = "bundle JS and assets for ${targetName}."
+
+        // Create dirs if they are not there (e.g. the "clean" task just ran)
+        doFirst {
+            jsBundleDir.deleteDir()
+            jsBundleDir.mkdirs()
+            resourcesDir.deleteDir()
+            resourcesDir.mkdirs()
+        }
+
+        // Set up inputs and outputs so gradle can cache the result
+        def reactRoot = file("${projectDir}/../../")
+        inputs.files fileTree(dir: reactRoot, excludes: ["android/**", "ios/**"])
+        outputs.dir jsBundleDir
+        outputs.dir resourcesDir
+
+        // Set up the call to the react-native cli
+        workingDir reactRoot
+
+        // Set up dev mode
+        def devEnabled = !targetName.toLowerCase().contains("release")
+
+        // Run the bundler
+        // Use full path to node to avoid PATH issues in Gradle
+        def nodePath = System.getenv('NVM_BIN') ? "${System.getenv('NVM_BIN')}/node" : "node"
+
+        // Debug: Print the node path and environment
+        println "Using node path: ${nodePath}"
+        println "NVM_BIN: ${System.getenv('NVM_BIN')}"
+        println "Working directory: ${reactRoot}"
+
+        commandLine(
+                nodePath,
+                "node_modules/react-native/scripts/bundle.js",
+                "--platform", "android",
+                "--dev", "${devEnabled}",
+                "--reset-cache",
+                "--entry-file", "index.android.js",
+                "--bundle-output", jsBundleFile,
+                "--assets-dest", resourcesDir)
+
+        // Disable bundling on dev builds
+        enabled !devEnabled
+    }
+
+    // GRADLE REQUIREMENTS (Gradle 8.7+ / AGP 8.5.0+):
+    
+    // This task requires explicit dependencies on resource tasks from all React Native modules
+    // due to Gradle's strict validation of task dependencies.
+
+    // Without these dependencies,
+    // builds will fail with errors like:
+    // "Task ':sdk:bundleReleaseJsAndAssets' uses the output of task ':react-native-amplitude:packageReleaseResources'
+    // without declaring a dependency on it."
+
+    // The automatic dependency resolution below ensures all required resource tasks are properly
+    // declared as dependencies before this task executes.
+
+    if (variant.name.toLowerCase().contains("release")) {
+        rootProject.subprojects.each { subproject ->
+            if (
+                subproject.name.startsWith("react-native-") ||
+                subproject.name.startsWith("@react-native-") ||
+                subproject.name.startsWith("@giphy/")
+            ) {
+                [
+                    "packageReleaseResources",
+                    "generateReleaseResValues",
+                    "generateReleaseResources",
+                    "generateReleaseBuildConfig",
+                    "processReleaseManifest",
+                    "writeReleaseAarMetadata",
+                    "generateReleaseRFile",
+                    "compileReleaseLibraryResources",
+                    "compileReleaseJavaWithJavac",
+                    "javaPreCompileRelease",
+                    "bundleLibCompileToJarRelease",
+                    "exportReleaseConsumerProguardFiles",
+                    "mergeReleaseGeneratedProguardFiles",
+                    "mergeReleaseJniLibFolders",
+                    "mergeReleaseShaders",
+                    "packageReleaseAssets",
+                    "processReleaseJavaRes",
+                    "prepareReleaseArtProfile",
+                    "copyReleaseJniLibsProjectOnly",
+                    "extractDeepLinksRelease",
+                    "createFullJarRelease",
+                    "generateReleaseLintModel",
+                    "writeReleaseLintModelMetadata",
+                    "generateReleaseLintVitalModel",
+                    "lintVitalAnalyzeRelease",
+                    "lintReportRelease",
+                    "lintAnalyzeRelease",
+                    "lintReportDebug",
+                    "lintAnalyzeDebug"
+                ].each { taskName ->
+                    if (subproject.tasks.findByName(taskName)) {
+                        currentBundleTask.dependsOn(subproject.tasks.named(taskName))
+                    }
+                }
+
+                // Also depend on the main build task to ensure all sub-tasks are completed
+                if (subproject.tasks.findByName("build")) {
+                    currentBundleTask.dependsOn(subproject.tasks.named("build"))
+                }
+            }
+        }
+    }
+
+    currentBundleTask.ext.generatedResFolders = files(resourcesDir).builtBy(currentBundleTask)
+    currentBundleTask.ext.generatedAssetsFolders = files(jsBundleDir).builtBy(currentBundleTask)
+    variant.registerGeneratedResFolders(currentBundleTask.generatedResFolders)
+
+    def mergeAssetsTask = variant.mergeAssetsProvider.get()
+    def mergeResourcesTask = variant.mergeResourcesProvider.get()
+
+    mergeAssetsTask.dependsOn(currentBundleTask)
+    mergeResourcesTask.dependsOn(currentBundleTask)
+
+    mergeAssetsTask.doLast {
+        def assetsDir = mergeAssetsTask.outputDir.get()
+
+        // Bundle sounds
+        //
+        copy {
+            from("${projectDir}/../../sounds")
+            include("*.wav")
+            include("*.mp3")
+            into("${assetsDir}/sounds")
+        }
+
+        // Copy React assets
+        //
+        if (currentBundleTask.enabled) {
+            copy {
+                from(jsBundleFile)
+                into(assetsDir)
+            }
+        }
+    }
+
+    mergeResourcesTask.doLast {
+        // Copy React resources
+        //
+        if (currentBundleTask.enabled) {
+            copy {
+                from(resourcesDir)
+                into(mergeResourcesTask.outputDir.get())
+            }
+        }
+    }
+}
+
+
+publishing {
+    publications {
+        aarArchive(MavenPublication) {
+            groupId 'org.jitsi.react'
+            artifactId 'jitsi-meet-sdk'
+            version System.env.OVERRIDE_SDK_VERSION ?: project.sdkVersion
+
+            artifact("${project.buildDir}/outputs/aar/${project.name}-release.aar") {
+                extension "aar"
+            }
+            pom.withXml {
+                def pomXml = asNode()
+                pomXml.appendNode('name', 'jitsi-meet-sdk')
+                pomXml.appendNode('description', 'Jitsi Meet SDK for Android')
+                def dependencies = pomXml.appendNode('dependencies')
+                configurations.getByName('releaseCompileClasspath').getResolvedConfiguration().getFirstLevelModuleDependencies().each {
+                    // The (third-party) React Native modules that we depend on
+                    // are in source code form and do not have groupId. That is
+                    // why we have a dedicated groupId for them. But the other
+                    // dependencies come through Maven and, consequently, have
+                    // groupId.
+                    def groupId = it.moduleGroup
+                    def artifactId = it.moduleName
+
+                    if (artifactId.startsWith('react-native-')) {
+                        groupId = rootProject.ext.moduleGroupId
+                    }
+
+                    def dependency = dependencies.appendNode('dependency')
+                    dependency.appendNode('groupId', groupId)
+                    dependency.appendNode('artifactId', artifactId)
+                    dependency.appendNode('version', it.moduleVersion)
+                }
+            }
+        }
+
+    }
+    repositories {
+        maven {
+            url rootProject.ext.mavenRepo
+            if (!rootProject.ext.mavenRepo.startsWith("file")) {
+                credentials {
+                    username rootProject.ext.mavenUser
+                    password rootProject.ext.mavenPassword
+                }
+            }
+        }
+    }
+}
diff --git a/android/sdk/src/debug/AndroidManifest.xml b/android/sdk/src/debug/AndroidManifest.xml
new file mode 100644
index 0000000..b239f19
--- /dev/null
+++ b/android/sdk/src/debug/AndroidManifest.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+    <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
+
+    <application android:usesCleartextTraffic="true">
+        <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" android:exported="false"/>
+    </application>
+</manifest>
diff --git a/android/sdk/src/main/AndroidManifest.xml b/android/sdk/src/main/AndroidManifest.xml
new file mode 100644
index 0000000..d869c4e
--- /dev/null
+++ b/android/sdk/src/main/AndroidManifest.xml
@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools">
+    <!-- XXX ACCESS_NETWORK_STATE is required by WebRTC. -->
+    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
+    <uses-permission android:name="android.permission.BLUETOOTH" />
+    <uses-permission android:name="android.permission.CAMERA" />
+    <uses-permission android:name="android.permission.INTERNET" />
+    <uses-permission android:name="android.permission.MANAGE_OWN_CALLS" />
+    <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
+    <uses-permission android:name="android.permission.RECORD_AUDIO" />
+    <uses-permission android:name="android.permission.WAKE_LOCK" />
+    <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
+    <uses-permission android:name="android.permission.FOREGROUND_SERVICE" />
+    <uses-permission android:name="android.permission.FOREGROUND_SERVICE_MICROPHONE" />
+    <uses-permission android:name="android.permission.FOREGROUND_SERVICE_MEDIA_PLAYBACK" />
+    <uses-permission android:name="android.permission.FOREGROUND_SERVICE_MEDIA_PROJECTION" />
+    <uses-permission android:name="android.permission.POST_NOTIFICATIONS" />
+
+    <uses-feature
+        android:glEsVersion="0x00020000"
+        android:required="true" />
+    <uses-feature
+        android:name="android.hardware.camera"
+        android:required="false" />
+    <uses-feature
+        android:name="android.hardware.camera.autofocus"
+        android:required="false" />
+
+    <application
+        android:allowBackup="true"
+        android:label="@string/app_name"
+        android:supportsRtl="true">
+        <activity
+            android:name=".JitsiMeetActivity"
+            android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|screenSize|smallestScreenSize|uiMode"
+            android:launchMode="singleTask"
+            android:theme="@style/JitsiMeetActivityStyle"
+            android:resizeableActivity="true"
+            android:supportsPictureInPicture="true"
+            android:windowSoftInputMode="adjustResize"/>
+
+        <service
+            android:name=".ConnectionService"
+            android:permission="android.permission.BIND_TELECOM_CONNECTION_SERVICE"
+            android:exported="true">
+            <intent-filter>
+                <action android:name="android.telecom.ConnectionService" />
+            </intent-filter>
+        </service>
+
+        <service
+            android:name="org.jitsi.meet.sdk.JitsiMeetOngoingConferenceService"
+            android:foregroundServiceType="mediaPlayback|microphone" />
+
+        <provider
+            android:name="com.reactnativecommunity.webview.RNCWebViewFileProvider"
+            android:authorities="${applicationId}.fileprovider"
+            android:enabled="false"
+            tools:replace="android:authorities">
+        </provider>
+        <provider
+            android:name="androidx.startup.InitializationProvider"
+            android:authorities="${applicationId}.androidx-startup"
+            android:exported="false"
+            tools:node="merge">
+            <meta-data  android:name="org.jitsi.meet.sdk.JitsiInitializer"
+                android:value="androidx.startup" />
+        </provider>
+
+    </application>
+
+</manifest>
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/AndroidSettingsModule.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/AndroidSettingsModule.java
new file mode 100644
index 0000000..5d67388
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/AndroidSettingsModule.java
@@ -0,0 +1,56 @@
+/**
+ * Adapted from
+ * {@link https://github.com/Aleksandern/react-native-android-settings-library}.
+ */
+
+package org.jitsi.meet.sdk;
+
+import android.content.ActivityNotFoundException;
+import android.content.Context;
+import android.content.Intent;
+import android.net.Uri;
+import android.provider.Settings;
+
+import com.facebook.react.bridge.Promise;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactContextBaseJavaModule;
+import com.facebook.react.bridge.ReactMethod;
+import com.facebook.react.module.annotations.ReactModule;
+
+@ReactModule(name = AndroidSettingsModule.NAME)
+class AndroidSettingsModule
+    extends ReactContextBaseJavaModule {
+
+    public static final String NAME = "AndroidSettings";
+
+    public AndroidSettingsModule(ReactApplicationContext reactContext) {
+        super(reactContext);
+    }
+
+    @Override
+    public String getName() {
+        return NAME;
+    }
+
+    @ReactMethod
+    public void open(Promise promise) {
+        Context context = getReactApplicationContext();
+        Intent intent = new Intent();
+
+        intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
+        intent.setAction(Settings.ACTION_APPLICATION_DETAILS_SETTINGS);
+        intent.setData(
+            Uri.fromParts("package", context.getPackageName(), null));
+
+        try {
+            context.startActivity(intent);
+        } catch (ActivityNotFoundException e) {
+            // Some devices may give an error here.
+            // https://developer.android.com/reference/android/provider/Settings.html#ACTION_APPLICATION_DETAILS_SETTINGS
+            promise.reject(e);
+            return;
+        }
+
+        promise.resolve(null);
+    }
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/AppInfoModule.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/AppInfoModule.java
new file mode 100644
index 0000000..7377fc1
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/AppInfoModule.java
@@ -0,0 +1,150 @@
+/*
+ * Copyright @ 2017-present 8x8, Inc.
+ *
+ * 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.
+ */
+
+package org.jitsi.meet.sdk;
+
+import android.content.Context;
+import android.content.pm.ApplicationInfo;
+import android.content.pm.PackageInfo;
+import android.content.pm.PackageManager;
+
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactContextBaseJavaModule;
+import com.facebook.react.module.annotations.ReactModule;
+
+import java.lang.reflect.Field;
+import java.util.HashMap;
+import java.util.Map;
+
+@ReactModule(name = AppInfoModule.NAME)
+class AppInfoModule
+    extends ReactContextBaseJavaModule {
+
+    private static final String BUILD_CONFIG = "org.jitsi.meet.sdk.BuildConfig";
+    public static final String NAME = "AppInfo";
+    public static final boolean GOOGLE_SERVICES_ENABLED = getGoogleServicesEnabled();
+    public static final boolean LIBRE_BUILD = getLibreBuild();
+    public static final String SDK_VERSION = getSdkVersion();
+
+    public AppInfoModule(ReactApplicationContext reactContext) {
+        super(reactContext);
+    }
+
+    /**
+     * Gets a {@code Map} of constants this module exports to JS. Supports JSON
+     * types.
+     *
+     * @return a {@link Map} of constants this module exports to JS
+     */
+    @Override
+    public Map<String, Object> getConstants() {
+        Context context = getReactApplicationContext();
+        PackageManager packageManager = context.getPackageManager();
+        ApplicationInfo applicationInfo;
+        PackageInfo packageInfo;
+
+        try {
+             String packageName = context.getPackageName();
+
+             applicationInfo
+                 = packageManager.getApplicationInfo(packageName, 0);
+             packageInfo = packageManager.getPackageInfo(packageName, 0);
+        } catch (PackageManager.NameNotFoundException e) {
+             applicationInfo = null;
+             packageInfo = null;
+        }
+
+        Map<String, Object> constants = new HashMap<>();
+
+        constants.put(
+            "buildNumber",
+            packageInfo == null ? "" : String.valueOf(packageInfo.versionCode));
+        constants.put(
+            "name",
+            applicationInfo == null
+                ? ""
+                : packageManager.getApplicationLabel(applicationInfo));
+        constants.put(
+            "version",
+            packageInfo == null ? "" : packageInfo.versionName);
+        constants.put("sdkVersion", SDK_VERSION);
+        constants.put("LIBRE_BUILD", LIBRE_BUILD);
+        constants.put("GOOGLE_SERVICES_ENABLED", GOOGLE_SERVICES_ENABLED);
+
+        return constants;
+    }
+
+    @Override
+    public String getName() {
+        return NAME;
+    }
+
+    /**
+     * Checks if libre google services object is null based on build configuration.
+     */
+    private static boolean getGoogleServicesEnabled() {
+        Object googleServicesEnabled = getBuildConfigValue("GOOGLE_SERVICES_ENABLED");
+
+        if (googleServicesEnabled !=null) {
+            return (Boolean) googleServicesEnabled;
+        }
+
+        return false;
+    }
+
+    /**
+     * Checks if libre build field is null based on build configuration.
+     */
+    private static boolean getLibreBuild() {
+        Object libreBuild = getBuildConfigValue("LIBRE_BUILD");
+
+        if (libreBuild !=null) {
+            return (Boolean) libreBuild;
+        }
+
+        return false;
+    }
+
+    /**
+     * Gets the SDK version.
+     */
+    private static String getSdkVersion() {
+        Object sdkVersion = getBuildConfigValue("SDK_VERSION");
+
+        if (sdkVersion !=null) {
+            return (String) sdkVersion;
+        }
+
+        return "";
+    }
+
+    /**
+     * Gets build config value of a certain field.
+     *
+     * @param fieldName Field from build config.
+     */
+    private static Object getBuildConfigValue(String fieldName) {
+        try {
+            Class<?> c = Class.forName(BUILD_CONFIG);
+            Field f  = c.getDeclaredField(fieldName);
+            f.setAccessible(true);
+            return f.get(null);
+        } catch (Exception e) {
+            e.printStackTrace();
+            return null;
+        }
+    }
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/AudioDeviceHandlerConnectionService.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/AudioDeviceHandlerConnectionService.java
new file mode 100644
index 0000000..9b5bb1f
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/AudioDeviceHandlerConnectionService.java
@@ -0,0 +1,185 @@
+/*
+ * Copyright @ 2017-present 8x8, Inc.
+ *
+ * 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.
+ */
+
+package org.jitsi.meet.sdk;
+
+import android.content.Context;
+import android.media.AudioManager;
+import android.telecom.CallAudioState;
+import androidx.annotation.RequiresApi;
+
+import com.facebook.react.bridge.ReactContext;
+
+import java.util.HashSet;
+import java.util.Set;
+
+import org.jitsi.meet.sdk.log.JitsiMeetLogger;
+
+
+/**
+ * {@link AudioModeModule.AudioDeviceHandlerInterface} module implementing device handling for
+ * Android versions >= O when ConnectionService is enabled.
+ */
+class AudioDeviceHandlerConnectionService implements
+        AudioModeModule.AudioDeviceHandlerInterface,
+        RNConnectionService.CallAudioStateListener {
+
+    private final static String TAG = AudioDeviceHandlerConnectionService.class.getSimpleName();
+
+    /**
+     * {@link AudioManager} instance used to interact with the Android audio subsystem.
+     */
+    private AudioManager audioManager;
+
+    /**
+     * Reference to the main {@code AudioModeModule}.
+     */
+    private AudioModeModule module;
+
+    private RNConnectionService rcs;
+
+    /**
+     * Converts any of the "DEVICE_" constants into the corresponding
+     * {@link android.telecom.CallAudioState} "ROUTE_" number.
+     *
+     * @param audioDevice one of the "DEVICE_" constants.
+     * @return a route number {@link android.telecom.CallAudioState#ROUTE_EARPIECE} if
+     * no match is found.
+     */
+    private static int audioDeviceToRouteInt(String audioDevice) {
+        if (audioDevice == null) {
+            return CallAudioState.ROUTE_SPEAKER;
+        }
+        switch (audioDevice) {
+            case AudioModeModule.DEVICE_BLUETOOTH:
+                return CallAudioState.ROUTE_BLUETOOTH;
+            case AudioModeModule.DEVICE_EARPIECE:
+                return CallAudioState.ROUTE_EARPIECE;
+            case AudioModeModule.DEVICE_HEADPHONES:
+                return CallAudioState.ROUTE_WIRED_HEADSET;
+            case AudioModeModule.DEVICE_SPEAKER:
+                return CallAudioState.ROUTE_SPEAKER;
+            default:
+                JitsiMeetLogger.e(TAG + " Unsupported device name: " + audioDevice);
+                return CallAudioState.ROUTE_SPEAKER;
+        }
+    }
+
+    /**
+     * Populates given route mask into the "DEVICE_" list.
+     *
+     * @param supportedRouteMask an integer coming from
+     * {@link android.telecom.CallAudioState#getSupportedRouteMask()}.
+     * @return a list of device names.
+     */
+    private static Set<String> routesToDeviceNames(int supportedRouteMask) {
+        Set<String> devices = new HashSet<>();
+        if ((supportedRouteMask & CallAudioState.ROUTE_EARPIECE) == CallAudioState.ROUTE_EARPIECE) {
+            devices.add(AudioModeModule.DEVICE_EARPIECE);
+        }
+        if ((supportedRouteMask & CallAudioState.ROUTE_BLUETOOTH) == CallAudioState.ROUTE_BLUETOOTH) {
+            devices.add(AudioModeModule.DEVICE_BLUETOOTH);
+        }
+        if ((supportedRouteMask & CallAudioState.ROUTE_SPEAKER) == CallAudioState.ROUTE_SPEAKER) {
+            devices.add(AudioModeModule.DEVICE_SPEAKER);
+        }
+        if ((supportedRouteMask & CallAudioState.ROUTE_WIRED_HEADSET) == CallAudioState.ROUTE_WIRED_HEADSET) {
+            devices.add(AudioModeModule.DEVICE_HEADPHONES);
+        }
+        return devices;
+    }
+
+    /**
+     * Used to store the most recently reported audio devices.
+     * Makes it easier to compare for a change, because the devices are stored
+     * as a mask in the {@link android.telecom.CallAudioState}. The mask is populated into
+     * the {@code availableDevices} on each update.
+     */
+    private int supportedRouteMask = -1;
+
+    public AudioDeviceHandlerConnectionService(AudioManager audioManager) {
+        this.audioManager = audioManager;
+    }
+
+    @Override
+    public void onCallAudioStateChange(final CallAudioState state) {
+        module.runInAudioThread(new Runnable() {
+            @Override
+            public void run() {
+                boolean audioRouteChanged
+                    = audioDeviceToRouteInt(module.getSelectedDevice()) != state.getRoute();
+                int newSupportedRoutes = state.getSupportedRouteMask();
+                boolean audioDevicesChanged = supportedRouteMask != newSupportedRoutes;
+                if (audioDevicesChanged) {
+                    supportedRouteMask = newSupportedRoutes;
+                    Set<String> devices = routesToDeviceNames(supportedRouteMask);
+                    module.replaceDevices(devices);
+                    JitsiMeetLogger.i(TAG + " Available audio devices: " + devices.toString());
+                }
+
+                if (audioRouteChanged || audioDevicesChanged) {
+                    module.resetSelectedDevice();
+                    module.updateAudioRoute();
+                }
+            }
+        });
+    }
+
+    @Override
+    public void start(AudioModeModule audioModeModule) {
+        JitsiMeetLogger.i("Using " + TAG + " as the audio device handler");
+
+        module = audioModeModule;
+        rcs = module.getContext().getNativeModule(RNConnectionService.class);
+
+        if (rcs != null) {
+            rcs.setCallAudioStateListener(this);
+        } else {
+            JitsiMeetLogger.w(TAG + " Couldn't set call audio state listener, module is null");
+        }
+    }
+
+    @Override
+    public void stop() {
+        if (rcs != null) {
+            rcs.setCallAudioStateListener(null);
+            rcs = null;
+        } else {
+            JitsiMeetLogger.w(TAG + " Couldn't set call audio state listener, module is null");
+        }
+    }
+
+    public void setAudioRoute(String audioDevice) {
+        int newAudioRoute = audioDeviceToRouteInt(audioDevice);
+
+        RNConnectionService.setAudioRoute(newAudioRoute);
+    }
+
+    @Override
+    public boolean setMode(int mode) {
+        if (mode != AudioModeModule.DEFAULT) {
+            // This shouldn't be needed when using ConnectionService, but some devices have been
+            // observed not doing it.
+            try {
+                audioManager.setMicrophoneMute(false);
+            } catch (Throwable tr) {
+                JitsiMeetLogger.w(tr, TAG + " Failed to unmute the microphone");
+            }
+        }
+
+        return true;
+    }
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/AudioDeviceHandlerGeneric.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/AudioDeviceHandlerGeneric.java
new file mode 100644
index 0000000..000cf92
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/AudioDeviceHandlerGeneric.java
@@ -0,0 +1,248 @@
+/*
+ * Copyright @ 2017-present 8x8, Inc.
+ *
+ * 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.
+ */
+
+package org.jitsi.meet.sdk;
+
+import android.media.AudioAttributes;
+import android.media.AudioDeviceInfo;
+import android.media.AudioFocusRequest;
+import android.media.AudioManager;
+
+import java.util.HashSet;
+import java.util.Set;
+
+import org.jitsi.meet.sdk.log.JitsiMeetLogger;
+
+
+/**
+ * {@link AudioModeModule.AudioDeviceHandlerInterface} module implementing device handling for
+ * all post-M Android versions. This handler can be used on any Android versions >= M, but by
+ * default it's only used on versions < O, since versions >= O use ConnectionService, but it
+ * can be disabled.
+ */
+class AudioDeviceHandlerGeneric implements
+        AudioModeModule.AudioDeviceHandlerInterface,
+        AudioManager.OnAudioFocusChangeListener {
+
+    private final static String TAG = AudioDeviceHandlerGeneric.class.getSimpleName();
+
+    /**
+     * Reference to the main {@code AudioModeModule}.
+     */
+    private AudioModeModule module;
+
+    /**
+     * Constant defining a Hearing Aid. Only available on API level >= 28.
+     * The value of: AudioDeviceInfo.TYPE_HEARING_AID
+     */
+    private static final int TYPE_HEARING_AID = 23;
+
+    /**
+     * Constant defining a USB headset. Only available on API level >= 26.
+     * The value of: AudioDeviceInfo.TYPE_USB_HEADSET
+     */
+    private static final int TYPE_USB_HEADSET = 22;
+
+    /**
+     * Indicator that we have lost audio focus.
+     */
+    private boolean audioFocusLost = false;
+
+    /**
+     * {@link AudioManager} instance used to interact with the Android audio
+     * subsystem.
+     */
+    private AudioManager audioManager;
+
+    /**
+     * {@link Runnable} for running audio device detection in the audio thread.
+     * This is only used on Android >= M.
+     */
+    private final Runnable onAudioDeviceChangeRunner = new Runnable() {
+        @Override
+        public void run() {
+            Set<String> devices = new HashSet<>();
+            AudioDeviceInfo[] deviceInfos = audioManager.getDevices(AudioManager.GET_DEVICES_ALL);
+
+            for (AudioDeviceInfo info: deviceInfos) {
+                switch (info.getType()) {
+                    case AudioDeviceInfo.TYPE_BLUETOOTH_SCO:
+                        devices.add(AudioModeModule.DEVICE_BLUETOOTH);
+                        break;
+                    case AudioDeviceInfo.TYPE_BUILTIN_EARPIECE:
+                        devices.add(AudioModeModule.DEVICE_EARPIECE);
+                        break;
+                    case AudioDeviceInfo.TYPE_BUILTIN_SPEAKER:
+                    case AudioDeviceInfo.TYPE_HDMI:
+                        devices.add(AudioModeModule.DEVICE_SPEAKER);
+                        break;
+                    case AudioDeviceInfo.TYPE_WIRED_HEADPHONES:
+                    case AudioDeviceInfo.TYPE_WIRED_HEADSET:
+                    case TYPE_HEARING_AID:
+                    case TYPE_USB_HEADSET:
+                        devices.add(AudioModeModule.DEVICE_HEADPHONES);
+                        break;
+                }
+            }
+
+            module.replaceDevices(devices);
+
+            JitsiMeetLogger.i(TAG + " Available audio devices: " + devices.toString());
+
+            module.updateAudioRoute();
+        }
+    };
+
+    private final android.media.AudioDeviceCallback audioDeviceCallback =
+        new android.media.AudioDeviceCallback() {
+            @Override
+            public void onAudioDevicesAdded(
+                AudioDeviceInfo[] addedDevices) {
+                JitsiMeetLogger.d(TAG + " Audio devices added");
+                onAudioDeviceChange();
+            }
+
+            @Override
+            public void onAudioDevicesRemoved(
+                AudioDeviceInfo[] removedDevices) {
+                JitsiMeetLogger.d(TAG + " Audio devices removed");
+                onAudioDeviceChange();
+            }
+        };
+
+    public AudioDeviceHandlerGeneric(AudioManager audioManager) {
+        this.audioManager = audioManager;
+    }
+
+    /**
+     * Helper method to trigger an audio route update when devices change. It
+     * makes sure the operation is performed on the audio thread.
+     */
+    private void onAudioDeviceChange() {
+        module.runInAudioThread(onAudioDeviceChangeRunner);
+    }
+
+    /**
+     * {@link AudioManager.OnAudioFocusChangeListener} interface method. Called
+     * when the audio focus of the system is updated.
+     *
+     * @param focusChange - The type of focus change.
+     */
+    @Override
+    public void onAudioFocusChange(final int focusChange) {
+        module.runInAudioThread(new Runnable() {
+            @Override
+            public void run() {
+                switch (focusChange) {
+                    case AudioManager.AUDIOFOCUS_GAIN: {
+                        JitsiMeetLogger.d(TAG + " Audio focus gained");
+                        // Some other application potentially stole our audio focus
+                        // temporarily. Restore our mode.
+                        if (audioFocusLost) {
+                            module.resetAudioRoute();
+                        }
+                        audioFocusLost = false;
+                        break;
+                    }
+                    case AudioManager.AUDIOFOCUS_LOSS:
+                    case AudioManager.AUDIOFOCUS_LOSS_TRANSIENT:
+                    case AudioManager.AUDIOFOCUS_LOSS_TRANSIENT_CAN_DUCK: {
+                        JitsiMeetLogger.d(TAG + " Audio focus lost");
+                        audioFocusLost = true;
+                        break;
+                    }
+                }
+            }
+        });
+    }
+
+    /**
+     * Helper method to set the output route to a Bluetooth device.
+     *
+     * @param enabled true if Bluetooth should use used, false otherwise.
+     */
+    private void setBluetoothAudioRoute(boolean enabled) {
+        if (enabled) {
+            audioManager.startBluetoothSco();
+            audioManager.setBluetoothScoOn(true);
+        } else {
+            audioManager.setBluetoothScoOn(false);
+            audioManager.stopBluetoothSco();
+        }
+    }
+
+    @Override
+    public void start(AudioModeModule audioModeModule) {
+        JitsiMeetLogger.i("Using " + TAG + " as the audio device handler");
+
+        module = audioModeModule;
+
+        // Setup runtime device change detection.
+        audioManager.registerAudioDeviceCallback(audioDeviceCallback, null);
+
+        // Do an initial detection.
+        onAudioDeviceChange();
+    }
+
+    @Override
+    public void stop() {
+        audioManager.unregisterAudioDeviceCallback(audioDeviceCallback);
+    }
+
+    @Override
+    public void setAudioRoute(String device) {
+        // Turn speaker on / off
+        audioManager.setSpeakerphoneOn(device.equals(AudioModeModule.DEVICE_SPEAKER));
+
+        // Turn bluetooth on / off
+        setBluetoothAudioRoute(device.equals(AudioModeModule.DEVICE_BLUETOOTH));
+    }
+
+    @Override
+    public boolean setMode(int mode) {
+        if (mode == AudioModeModule.DEFAULT) {
+            audioFocusLost = false;
+            audioManager.setMode(AudioManager.MODE_NORMAL);
+            audioManager.abandonAudioFocus(this);
+            audioManager.setSpeakerphoneOn(false);
+            setBluetoothAudioRoute(false);
+
+            return true;
+        }
+
+        audioManager.setMode(AudioManager.MODE_IN_COMMUNICATION);
+        audioManager.setMicrophoneMute(false);
+
+        int gotFocus = audioManager.requestAudioFocus(new AudioFocusRequest.Builder(AudioManager.AUDIOFOCUS_GAIN)
+            .setAudioAttributes(
+                new AudioAttributes.Builder()
+                    .setUsage(AudioAttributes.USAGE_VOICE_COMMUNICATION)
+                    .setContentType(AudioAttributes.CONTENT_TYPE_SPEECH)
+                    .build()
+            )
+            .setAcceptsDelayedFocusGain(true)
+            .setOnAudioFocusChangeListener(this)
+            .build()
+        );
+
+        if (gotFocus == AudioManager.AUDIOFOCUS_REQUEST_FAILED) {
+            JitsiMeetLogger.w(TAG + " Audio focus request failed");
+            return false;
+        }
+
+        return true;
+    }
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/AudioModeModule.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/AudioModeModule.java
new file mode 100644
index 0000000..95c1241
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/AudioModeModule.java
@@ -0,0 +1,529 @@
+/*
+ * Copyright @ 2017-present 8x8, Inc.
+ *
+ * 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.
+ */
+
+package org.jitsi.meet.sdk;
+
+import android.annotation.SuppressLint;
+import android.app.Activity;
+import android.content.Context;
+import android.media.AudioManager;
+
+import com.facebook.react.bridge.Arguments;
+import com.facebook.react.bridge.Promise;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactContextBaseJavaModule;
+import com.facebook.react.bridge.ReactContext;
+import com.facebook.react.bridge.ReactMethod;
+import com.facebook.react.bridge.WritableArray;
+import com.facebook.react.bridge.WritableMap;
+import com.facebook.react.module.annotations.ReactModule;
+import com.facebook.react.modules.core.DeviceEventManagerModule;
+
+
+import org.jitsi.meet.sdk.log.JitsiMeetLogger;
+
+import java.util.HashMap;
+import java.util.HashSet;
+import java.util.Map;
+import java.util.Set;
+import java.util.concurrent.ExecutorService;
+import java.util.concurrent.Executors;
+
+/**
+ * Module implementing a simple API to select the appropriate audio device for a
+ * conference call.
+ *
+ * Audio calls should use {@code AudioModeModule.AUDIO_CALL}, which uses the
+ * builtin earpiece, wired headset or bluetooth headset. The builtin earpiece is
+ * the default audio device.
+ *
+ * Video calls should should use {@code AudioModeModule.VIDEO_CALL}, which uses
+ * the builtin speaker, earpiece, wired headset or bluetooth headset. The
+ * builtin speaker is the default audio device.
+ *
+ * Before a call has started and after it has ended the
+ * {@code AudioModeModule.DEFAULT} mode should be used.
+ */
+@ReactModule(name = AudioModeModule.NAME)
+class AudioModeModule extends ReactContextBaseJavaModule {
+    public static final String NAME = "AudioMode";
+
+    /**
+     * Constants representing the audio mode.
+     * - DEFAULT: Used before and after every call. It represents the default
+     *   audio routing scheme.
+     * - AUDIO_CALL: Used for audio only calls. It will use the earpiece by
+     *   default, unless a wired or Bluetooth headset is connected.
+     * - VIDEO_CALL: Used for video calls. It will use the speaker by default,
+     *   unless a wired or Bluetooth headset is connected.
+     */
+    static final int DEFAULT    = 0;
+    static final int AUDIO_CALL = 1;
+    static final int VIDEO_CALL = 2;
+
+    /**
+     * The {@code Log} tag {@code AudioModeModule} is to log messages with.
+     */
+    static final String TAG = NAME;
+
+    /**
+     * Whether or not the ConnectionService is used for selecting audio devices.
+     */
+    private static boolean useConnectionService_ = true;
+
+    static boolean useConnectionService() {
+        return useConnectionService_;
+    }
+
+    /**
+     * {@link AudioManager} instance used to interact with the Android audio
+     * subsystem.
+     */
+    private AudioManager audioManager;
+
+    private AudioDeviceHandlerInterface audioDeviceHandler;
+
+    /**
+     * {@link ExecutorService} for running all audio operations on a dedicated
+     * thread.
+     */
+    private static final ExecutorService executor = Executors.newSingleThreadExecutor();
+
+    /**
+     * Audio mode currently in use.
+     */
+    private int mode = -1;
+
+    /**
+     * Audio device types.
+     */
+    static final String DEVICE_BLUETOOTH  = "BLUETOOTH";
+    static final String DEVICE_EARPIECE   = "EARPIECE";
+    static final String DEVICE_HEADPHONES = "HEADPHONES";
+    static final String DEVICE_SPEAKER    = "SPEAKER";
+
+    /**
+     * Device change event.
+     */
+    private static final String DEVICE_CHANGE_EVENT = "org.jitsi.meet:features/audio-mode#devices-update";
+
+    /**
+     * List of currently available audio devices.
+     */
+    private Set<String> availableDevices = new HashSet<>();
+
+    /**
+     * Currently selected device.
+     */
+    private String selectedDevice;
+
+    /**
+     * User selected device. When null the default is used depending on the
+     * mode.
+     */
+    private String userSelectedDevice;
+
+    /**
+     * Whether or not audio is disabled.
+     */
+    private boolean audioDisabled;
+
+    /**
+     * Initializes a new module instance. There shall be a single instance of
+     * this module throughout the lifetime of the application.
+     *
+     * @param reactContext the {@link ReactApplicationContext} where this module
+     * is created.
+     */
+    public AudioModeModule(ReactApplicationContext reactContext) {
+        super(reactContext);
+
+        audioManager = (AudioManager)reactContext.getSystemService(Context.AUDIO_SERVICE);
+    }
+
+    @ReactMethod
+    public void addListener(String eventName) {
+        // Keep: Required for RN built in Event Emitter Calls.
+    }
+
+    @ReactMethod
+    public void removeListeners(Integer count) {
+        // Keep: Required for RN built in Event Emitter Calls.
+    }
+
+    /**
+     * Gets a mapping with the constants this module is exporting.
+     *
+     * @return a {@link Map} mapping the constants to be exported with their
+     * values.
+     */
+    @Override
+    public Map<String, Object> getConstants() {
+        Map<String, Object> constants = new HashMap<>();
+
+        constants.put("DEVICE_CHANGE_EVENT", DEVICE_CHANGE_EVENT);
+        constants.put("AUDIO_CALL", AUDIO_CALL);
+        constants.put("DEFAULT", DEFAULT);
+        constants.put("VIDEO_CALL", VIDEO_CALL);
+
+        return constants;
+    }
+
+    /**
+     * Notifies JS land that the devices list has changed.
+     */
+    private void notifyDevicesChanged() {
+        runInAudioThread(new Runnable() {
+            @Override
+            public void run() {
+                WritableArray data = Arguments.createArray();
+                final boolean hasHeadphones = availableDevices.contains(DEVICE_HEADPHONES);
+                for (String device : availableDevices) {
+                    if (hasHeadphones && device.equals(DEVICE_EARPIECE)) {
+                        // Skip earpiece when headphones are plugged in.
+                        continue;
+                    }
+                    WritableMap deviceInfo = Arguments.createMap();
+                    deviceInfo.putString("type", device);
+                    deviceInfo.putBoolean("selected", device.equals(selectedDevice));
+                    data.pushMap(deviceInfo);
+                }
+                getContext().getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class).emit(DEVICE_CHANGE_EVENT, data);
+                JitsiMeetLogger.i(TAG + " Updating audio device list");
+            }
+        });
+    }
+
+    /**
+     * Gets the name for this module to be used in the React Native bridge.
+     *
+     * @return a string with the module name.
+     */
+    @Override
+    public String getName() {
+        return NAME;
+    }
+
+    public ReactContext getContext(){
+        return this.getReactApplicationContext();
+    }
+
+    /**
+     * Initializes the audio device handler module. This function is called *after* all Catalyst
+     * modules have been created, and that's why we use it, because {@link AudioDeviceHandlerConnectionService}
+     * needs access to another Catalyst module, so doing this in the constructor would be too early.
+     */
+    @Override
+    public void initialize() {
+        runInAudioThread(new Runnable() {
+            @Override
+            public void run() {
+                setAudioDeviceHandler();
+            }
+        });
+    }
+
+    private void setAudioDeviceHandler() {
+        if (audioDeviceHandler != null) {
+            audioDeviceHandler.stop();
+        }
+
+        audioDeviceHandler = null;
+
+        if (audioDisabled) {
+            return;
+        }
+
+        if (useConnectionService()) {
+            audioDeviceHandler = new AudioDeviceHandlerConnectionService(audioManager);
+        } else {
+            audioDeviceHandler = new AudioDeviceHandlerGeneric(audioManager);
+        }
+
+        audioDeviceHandler.start(this);
+    }
+
+    /**
+     * Helper function to run operations on a dedicated thread.
+     * @param runnable
+     */
+    void runInAudioThread(Runnable runnable) {
+        executor.execute(runnable);
+    }
+
+    /**
+     * Sets the user selected audio device as the active audio device.
+     *
+     * @param device the desired device which will become active.
+     */
+    @ReactMethod
+    public void setAudioDevice(final String device) {
+        runInAudioThread(new Runnable() {
+            @Override
+            public void run() {
+                if (!availableDevices.contains(device)) {
+                    JitsiMeetLogger.w(TAG + " Audio device not available: " + device);
+                    userSelectedDevice = null;
+                    return;
+                }
+
+                if (mode != -1) {
+                    JitsiMeetLogger.i(TAG + " User selected device set to: " + device);
+                    userSelectedDevice = device;
+                    updateAudioRoute(mode, false);
+                }
+            }
+        });
+    }
+
+    @ReactMethod
+    public void setDisabled(final boolean disabled, final Promise promise) {
+        if (audioDisabled == disabled) {
+            promise.resolve(null);
+            return;
+        }
+
+        JitsiMeetLogger.i(TAG + "  audio disabled: " + disabled);
+
+        audioDisabled = disabled;
+        setAudioDeviceHandler();
+
+        if (disabled) {
+            mode = -1;
+            availableDevices.clear();
+            resetSelectedDevice();
+        }
+
+        promise.resolve(null);
+    }
+
+    /**
+     * Public method to set the current audio mode.
+     *
+     * @param mode the desired audio mode.
+     * @param promise a {@link Promise} which will be resolved if the audio mode
+     * could be updated successfully, and it will be rejected otherwise.
+     */
+    @ReactMethod
+    public void setMode(final int mode, final Promise promise) {
+        if (audioDisabled) {
+            promise.resolve(null);
+            return;
+        }
+
+        if (mode < DEFAULT || mode > VIDEO_CALL) {
+            promise.reject("setMode", "Invalid audio mode " + mode);
+            return;
+        }
+
+        Activity currentActivity = getCurrentActivity();
+        if (currentActivity != null) {
+            if (mode == DEFAULT) {
+                currentActivity.setVolumeControlStream(AudioManager.USE_DEFAULT_STREAM_TYPE);
+            } else {
+                currentActivity.setVolumeControlStream(AudioManager.STREAM_VOICE_CALL);
+            }
+        }
+
+        runInAudioThread(new Runnable() {
+            @Override
+            public void run() {
+                boolean success;
+
+                try {
+                    success = updateAudioRoute(mode, false);
+                } catch (Throwable e) {
+                    success = false;
+                    JitsiMeetLogger.e(e, TAG + " Failed to update audio route for mode: " + mode);
+                }
+                if (success) {
+                    AudioModeModule.this.mode = mode;
+                    promise.resolve(null);
+                } else {
+                    promise.reject("setMode", "Failed to set audio mode to " + mode);
+                }
+            }
+        });
+    }
+
+    /**
+     * Sets whether ConnectionService should be used (if available) for setting the audio mode
+     * or not.
+     *
+     * @param use Boolean indicator of where it should be used or not.
+     */
+    @ReactMethod
+    public void setUseConnectionService(final boolean use) {
+        runInAudioThread(new Runnable() {
+            @Override
+            public void run() {
+                useConnectionService_ = use;
+                setAudioDeviceHandler();
+            }
+        });
+    }
+
+    /**
+     * Updates the audio route for the given mode.
+     *
+     * @param mode the audio mode to be used when computing the audio route.
+     * @return {@code true} if the audio route was updated successfully;
+     * {@code false}, otherwise.
+     */
+    private boolean updateAudioRoute(int mode, boolean force) {
+        JitsiMeetLogger.i(TAG + " Update audio route for mode: " + mode);
+
+        if (!audioDeviceHandler.setMode(mode)) {
+            return false;
+        }
+
+        if (mode == DEFAULT) {
+            selectedDevice = null;
+            userSelectedDevice = null;
+
+            notifyDevicesChanged();
+            return true;
+        }
+
+        boolean bluetoothAvailable = availableDevices.contains(DEVICE_BLUETOOTH);
+        boolean headsetAvailable = availableDevices.contains(DEVICE_HEADPHONES);
+
+        // Pick the desired device based on what's available and the mode.
+        String audioDevice;
+        if (bluetoothAvailable) {
+            audioDevice = DEVICE_BLUETOOTH;
+        } else if (headsetAvailable) {
+            audioDevice = DEVICE_HEADPHONES;
+        } else {
+            audioDevice = DEVICE_SPEAKER;
+        }
+
+        // Consider the user's selection
+        if (userSelectedDevice != null && availableDevices.contains(userSelectedDevice)) {
+            audioDevice = userSelectedDevice;
+        }
+
+        // If the previously selected device and the current default one
+        // match, do nothing.
+        if (!force && selectedDevice != null && selectedDevice.equals(audioDevice)) {
+            return true;
+        }
+
+        selectedDevice = audioDevice;
+        JitsiMeetLogger.i(TAG + " Selected audio device: " + audioDevice);
+
+        audioDeviceHandler.setAudioRoute(audioDevice);
+
+        notifyDevicesChanged();
+        return true;
+    }
+
+    /**
+     * Gets the currently selected audio device.
+     *
+     * @return The selected audio device.
+     */
+    String getSelectedDevice() {
+        return selectedDevice;
+    }
+
+    /**
+     * Resets the current device selection.
+     */
+    void resetSelectedDevice() {
+        selectedDevice = null;
+        userSelectedDevice = null;
+    }
+
+    /**
+     * Adds a new device to the list of available devices.
+     *
+     * @param device The new device.
+     */
+    void addDevice(String device) {
+        availableDevices.add(device);
+        resetSelectedDevice();
+    }
+
+    /**
+     * Removes a device from the list of available devices.
+     *
+     * @param device The old device to the removed.
+     */
+    void removeDevice(String device) {
+        availableDevices.remove(device);
+        resetSelectedDevice();
+    }
+
+    /**
+     * Replaces the current list of available devices with a new one.
+     *
+     * @param devices The new devices list.
+     */
+    void replaceDevices(Set<String> devices) {
+        availableDevices = devices;
+        resetSelectedDevice();
+    }
+
+    /**
+     * Re-sets the current audio route. Needed when devices changes have happened.
+     */
+    void updateAudioRoute() {
+        if (mode != -1) {
+            updateAudioRoute(mode, false);
+        }
+    }
+
+    /**
+     * Re-sets the current audio route. Needed when focus is lost and regained.
+     */
+    void resetAudioRoute() {
+        if (mode != -1) {
+            updateAudioRoute(mode, true);
+        }
+    }
+
+    /**
+     * Interface for the modules implementing the actual audio device management.
+     */
+    interface AudioDeviceHandlerInterface {
+        /**
+         * Start detecting audio device changes.
+         * @param audioModeModule Reference to the main {@link AudioModeModule}.
+         */
+        void start(AudioModeModule audioModeModule);
+
+        /**
+         * Stop audio device detection.
+         */
+        void stop();
+
+        /**
+         * Set the appropriate route for the given audio device.
+         *
+         * @param device Audio device for which the route must be set.
+         */
+        void setAudioRoute(String device);
+
+        /**
+         * Set the given audio mode.
+         *
+         * @param mode The new audio mode to be used.
+         * @return Whether the operation was successful or not.
+         */
+        boolean setMode(int mode);
+    }
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/BroadcastAction.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/BroadcastAction.java
new file mode 100644
index 0000000..81af3cd
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/BroadcastAction.java
@@ -0,0 +1,66 @@
+package org.jitsi.meet.sdk;
+
+import android.content.Intent;
+import android.os.Bundle;
+
+/**
+ * Wraps the name and extra data for events that were broadcasted locally.
+ */
+public class BroadcastAction {
+    private static final String TAG = BroadcastAction.class.getSimpleName();
+
+    private final Type type;
+    private final Bundle data;
+
+    public BroadcastAction(Intent intent) {
+        this.type = Type.buildTypeFromAction(intent.getAction());
+        this.data = intent.getExtras();
+    }
+
+    public Type getType() {
+        return this.type;
+    }
+
+    public Bundle getData() {
+        return this.data;
+    }
+
+    enum Type {
+        SET_AUDIO_MUTED("org.jitsi.meet.SET_AUDIO_MUTED"),
+        HANG_UP("org.jitsi.meet.HANG_UP"),
+        SEND_ENDPOINT_TEXT_MESSAGE("org.jitsi.meet.SEND_ENDPOINT_TEXT_MESSAGE"),
+        TOGGLE_SCREEN_SHARE("org.jitsi.meet.TOGGLE_SCREEN_SHARE"),
+        RETRIEVE_PARTICIPANTS_INFO("org.jitsi.meet.RETRIEVE_PARTICIPANTS_INFO"),
+        OPEN_CHAT("org.jitsi.meet.OPEN_CHAT"),
+        CLOSE_CHAT("org.jitsi.meet.CLOSE_CHAT"),
+        SEND_CHAT_MESSAGE("org.jitsi.meet.SEND_CHAT_MESSAGE"),
+        SET_VIDEO_MUTED("org.jitsi.meet.SET_VIDEO_MUTED"),
+        SET_CLOSED_CAPTIONS_ENABLED("org.jitsi.meet.SET_CLOSED_CAPTIONS_ENABLED"),
+        TOGGLE_CAMERA("org.jitsi.meet.TOGGLE_CAMERA"),
+        SHOW_NOTIFICATION("org.jitsi.meet.SHOW_NOTIFICATION"),
+        HIDE_NOTIFICATION("org.jitsi.meet.HIDE_NOTIFICATION"),
+        START_RECORDING("org.jitsi.meet.START_RECORDING"),
+        STOP_RECORDING("org.jitsi.meet.STOP_RECORDING"),
+        OVERWRITE_CONFIG("org.jitsi.meet.OVERWRITE_CONFIG"),
+        SEND_CAMERA_FACING_MODE_MESSAGE("org.jitsi.meet.SEND_CAMERA_FACING_MODE_MESSAGE");
+
+        private final String action;
+
+        Type(String action) {
+            this.action = action;
+        }
+
+        public String getAction() {
+            return action;
+        }
+
+        private static Type buildTypeFromAction(String action) {
+            for (Type type : Type.values()) {
+                if (type.action.equalsIgnoreCase(action)) {
+                    return type;
+                }
+            }
+            return null;
+        }
+    }
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/BroadcastEmitter.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/BroadcastEmitter.java
new file mode 100644
index 0000000..bc6ed18
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/BroadcastEmitter.java
@@ -0,0 +1,30 @@
+package org.jitsi.meet.sdk;
+
+import android.content.Context;
+import android.content.Intent;
+
+import androidx.localbroadcastmanager.content.LocalBroadcastManager;
+
+import com.facebook.react.bridge.ReadableMap;
+
+/**
+ * Class used to emit events through the LocalBroadcastManager, called when events
+ * from JS occurred. Takes an action name from JS, builds and broadcasts the {@link BroadcastEvent}
+ */
+public class BroadcastEmitter {
+    private final LocalBroadcastManager localBroadcastManager;
+
+    public BroadcastEmitter(Context context) {
+        localBroadcastManager = LocalBroadcastManager.getInstance(context);
+    }
+
+    public void sendBroadcast(String name, ReadableMap data) {
+        BroadcastEvent event = new BroadcastEvent(name, data);
+
+        Intent intent = event.buildIntent();
+
+        if (intent != null) {
+            localBroadcastManager.sendBroadcast(intent);
+        }
+    }
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/BroadcastEvent.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/BroadcastEvent.java
new file mode 100644
index 0000000..6a97671
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/BroadcastEvent.java
@@ -0,0 +1,182 @@
+package org.jitsi.meet.sdk;
+
+import android.content.Intent;
+import android.os.Bundle;
+
+import com.facebook.react.bridge.ReadableMap;
+
+import org.jitsi.meet.sdk.log.JitsiMeetLogger;
+
+import java.util.HashMap;
+
+/**
+ * Wraps the name and extra data for the events that occur on the JS side and are
+ * to be broadcasted.
+ */
+public class BroadcastEvent {
+
+    private static final String TAG = BroadcastEvent.class.getSimpleName();
+
+    private final Type type;
+    private final HashMap<String, Object> data;
+
+    public BroadcastEvent(String name, ReadableMap data) {
+        this.type = Type.buildTypeFromName(name);
+        this.data = data.toHashMap();
+    }
+
+    public BroadcastEvent(Intent intent) {
+        this.type = Type.buildTypeFromAction(intent.getAction());
+        this.data = buildDataFromBundle(intent.getExtras());
+    }
+
+    public Type getType() {
+        return this.type;
+    }
+
+    public HashMap<String, Object> getData() {
+        return this.data;
+    }
+
+    public Intent buildIntent() {
+        if (type != null && type.action != null) {
+            Intent intent = new Intent(type.action);
+
+            for (String key : this.data.keySet()) {
+                try {
+                    intent.putExtra(key, this.data.get(key).toString());
+                } catch (Exception e) {
+                    JitsiMeetLogger.w(TAG + " invalid extra data in event", e);
+                }
+            }
+
+            return intent;
+        }
+
+        return null;
+    }
+
+    private static HashMap<String, Object> buildDataFromBundle(Bundle bundle) {
+        if (bundle != null) {
+            try {
+                HashMap<String, Object> map = new HashMap<>();
+
+                for (String key : bundle.keySet()) {
+                    map.put(key, bundle.get(key));
+                }
+
+                return map;
+            } catch (Exception e) {
+                JitsiMeetLogger.w(TAG + " invalid extra data", e);
+            }
+        }
+
+        return null;
+    }
+
+    public enum Type {
+        CONFERENCE_BLURRED("org.jitsi.meet.CONFERENCE_BLURRED"),
+        CONFERENCE_FOCUSED("org.jitsi.meet.CONFERENCE_FOCUSED"),
+        CONFERENCE_JOINED("org.jitsi.meet.CONFERENCE_JOINED"),
+        CONFERENCE_TERMINATED("org.jitsi.meet.CONFERENCE_TERMINATED"),
+        CONFERENCE_WILL_JOIN("org.jitsi.meet.CONFERENCE_WILL_JOIN"),
+        AUDIO_MUTED_CHANGED("org.jitsi.meet.AUDIO_MUTED_CHANGED"),
+        PARTICIPANT_JOINED("org.jitsi.meet.PARTICIPANT_JOINED"),
+        PARTICIPANT_LEFT("org.jitsi.meet.PARTICIPANT_LEFT"),
+        ENDPOINT_TEXT_MESSAGE_RECEIVED("org.jitsi.meet.ENDPOINT_TEXT_MESSAGE_RECEIVED"),
+        SCREEN_SHARE_TOGGLED("org.jitsi.meet.SCREEN_SHARE_TOGGLED"),
+        PARTICIPANTS_INFO_RETRIEVED("org.jitsi.meet.PARTICIPANTS_INFO_RETRIEVED"),
+        CHAT_MESSAGE_RECEIVED("org.jitsi.meet.CHAT_MESSAGE_RECEIVED"),
+        CHAT_TOGGLED("org.jitsi.meet.CHAT_TOGGLED"),
+        VIDEO_MUTED_CHANGED("org.jitsi.meet.VIDEO_MUTED_CHANGED"),
+        READY_TO_CLOSE("org.jitsi.meet.READY_TO_CLOSE"),
+        TRANSCRIPTION_CHUNK_RECEIVED("org.jitsi.meet.TRANSCRIPTION_CHUNK_RECEIVED"),
+        CUSTOM_BUTTON_PRESSED("org.jitsi.meet.CUSTOM_BUTTON_PRESSED"),
+        CONFERENCE_UNIQUE_ID_SET("org.jitsi.meet.CONFERENCE_UNIQUE_ID_SET"),
+        RECORDING_STATUS_CHANGED("org.jitsi.meet.RECORDING_STATUS_CHANGED");
+
+        private static final String CONFERENCE_BLURRED_NAME = "CONFERENCE_BLURRED";
+        private static final String CONFERENCE_FOCUSED_NAME = "CONFERENCE_FOCUSED";
+        private static final String CONFERENCE_WILL_JOIN_NAME = "CONFERENCE_WILL_JOIN";
+        private static final String CONFERENCE_JOINED_NAME = "CONFERENCE_JOINED";
+        private static final String CONFERENCE_TERMINATED_NAME = "CONFERENCE_TERMINATED";
+        private static final String AUDIO_MUTED_CHANGED_NAME = "AUDIO_MUTED_CHANGED";
+        private static final String PARTICIPANT_JOINED_NAME = "PARTICIPANT_JOINED";
+        private static final String PARTICIPANT_LEFT_NAME = "PARTICIPANT_LEFT";
+        private static final String ENDPOINT_TEXT_MESSAGE_RECEIVED_NAME = "ENDPOINT_TEXT_MESSAGE_RECEIVED";
+        private static final String SCREEN_SHARE_TOGGLED_NAME = "SCREEN_SHARE_TOGGLED";
+        private static final String PARTICIPANTS_INFO_RETRIEVED_NAME = "PARTICIPANTS_INFO_RETRIEVED";
+        private static final String CHAT_MESSAGE_RECEIVED_NAME = "CHAT_MESSAGE_RECEIVED";
+        private static final String CHAT_TOGGLED_NAME = "CHAT_TOGGLED";
+        private static final String VIDEO_MUTED_CHANGED_NAME = "VIDEO_MUTED_CHANGED";
+        private static final String READY_TO_CLOSE_NAME = "READY_TO_CLOSE";
+        private static final String TRANSCRIPTION_CHUNK_RECEIVED_NAME = "TRANSCRIPTION_CHUNK_RECEIVED";
+        private static final String CUSTOM_BUTTON_PRESSED_NAME = "CUSTOM_BUTTON_PRESSED";
+        private static final String CONFERENCE_UNIQUE_ID_SET_NAME = "CONFERENCE_UNIQUE_ID_SET";
+        private static final String RECORDING_STATUS_CHANGED_NAME = "RECORDING_STATUS_CHANGED";
+
+        private final String action;
+
+        Type(String action) {
+            this.action = action;
+        }
+
+        public String getAction() {
+            return action;
+        }
+
+        private static Type buildTypeFromAction(String action) {
+            for (Type type : Type.values()) {
+                if (type.action.equalsIgnoreCase(action)) {
+                    return type;
+                }
+            }
+            return null;
+        }
+
+        private static Type buildTypeFromName(String name) {
+            switch (name) {
+                case CONFERENCE_BLURRED_NAME:
+                    return CONFERENCE_BLURRED;
+                case CONFERENCE_FOCUSED_NAME:
+                    return CONFERENCE_FOCUSED;
+                case CONFERENCE_WILL_JOIN_NAME:
+                    return CONFERENCE_WILL_JOIN;
+                case CONFERENCE_JOINED_NAME:
+                    return CONFERENCE_JOINED;
+                case CONFERENCE_TERMINATED_NAME:
+                    return CONFERENCE_TERMINATED;
+                case AUDIO_MUTED_CHANGED_NAME:
+                    return AUDIO_MUTED_CHANGED;
+                case PARTICIPANT_JOINED_NAME:
+                    return PARTICIPANT_JOINED;
+                case PARTICIPANT_LEFT_NAME:
+                    return PARTICIPANT_LEFT;
+                case ENDPOINT_TEXT_MESSAGE_RECEIVED_NAME:
+                    return ENDPOINT_TEXT_MESSAGE_RECEIVED;
+                case SCREEN_SHARE_TOGGLED_NAME:
+                    return SCREEN_SHARE_TOGGLED;
+                case PARTICIPANTS_INFO_RETRIEVED_NAME:
+                    return PARTICIPANTS_INFO_RETRIEVED;
+                case CHAT_MESSAGE_RECEIVED_NAME:
+                    return CHAT_MESSAGE_RECEIVED;
+                case CHAT_TOGGLED_NAME:
+                    return CHAT_TOGGLED;
+                case VIDEO_MUTED_CHANGED_NAME:
+                    return VIDEO_MUTED_CHANGED;
+                case READY_TO_CLOSE_NAME:
+                    return READY_TO_CLOSE;
+                case TRANSCRIPTION_CHUNK_RECEIVED_NAME:
+                    return TRANSCRIPTION_CHUNK_RECEIVED;
+                case CUSTOM_BUTTON_PRESSED_NAME:
+                    return CUSTOM_BUTTON_PRESSED;
+                case CONFERENCE_UNIQUE_ID_SET_NAME:
+                    return CONFERENCE_UNIQUE_ID_SET;
+                case RECORDING_STATUS_CHANGED_NAME:
+                    return RECORDING_STATUS_CHANGED;
+            }
+
+            return null;
+        }
+    }
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/BroadcastIntentHelper.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/BroadcastIntentHelper.java
new file mode 100644
index 0000000..f912712
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/BroadcastIntentHelper.java
@@ -0,0 +1,157 @@
+package org.jitsi.meet.sdk;
+
+import android.content.Intent;
+import android.os.Bundle;
+
+public class BroadcastIntentHelper {
+    public static Intent buildSetAudioMutedIntent(boolean muted) {
+        Intent intent = new Intent(BroadcastAction.Type.SET_AUDIO_MUTED.getAction());
+        intent.putExtra("muted", muted);
+
+        return intent;
+    }
+
+    public static Intent buildHangUpIntent() {
+        return new Intent(BroadcastAction.Type.HANG_UP.getAction());
+    }
+
+    public static Intent buildSendEndpointTextMessageIntent(String to, String message) {
+        Intent intent = new Intent(BroadcastAction.Type.SEND_ENDPOINT_TEXT_MESSAGE.getAction());
+        intent.putExtra("to", to);
+        intent.putExtra("message", message);
+
+        return intent;
+    }
+
+    public static Intent buildToggleScreenShareIntent(boolean enabled) {
+        Intent intent = new Intent(BroadcastAction.Type.TOGGLE_SCREEN_SHARE.getAction());
+        intent.putExtra("enabled", enabled);
+
+        return intent;
+    }
+
+    public static Intent buildOpenChatIntent(String participantId) {
+        Intent intent = new Intent(BroadcastAction.Type.OPEN_CHAT.getAction());
+        intent.putExtra("to", participantId);
+
+        return intent;
+    }
+
+    public static Intent buildCloseChatIntent() {
+        return new Intent(BroadcastAction.Type.CLOSE_CHAT.getAction());
+    }
+
+    public static Intent buildSendChatMessageIntent(String participantId, String message) {
+        Intent intent = new Intent(BroadcastAction.Type.SEND_CHAT_MESSAGE.getAction());
+        intent.putExtra("to", participantId);
+        intent.putExtra("message", message);
+
+        return intent;
+    }
+
+    public static Intent buildSetVideoMutedIntent(boolean muted) {
+        Intent intent = new Intent(BroadcastAction.Type.SET_VIDEO_MUTED.getAction());
+        intent.putExtra("muted", muted);
+
+        return intent;
+    }
+
+    public static Intent buildSetClosedCaptionsEnabledIntent(boolean enabled) {
+        Intent intent = new Intent(BroadcastAction.Type.SET_CLOSED_CAPTIONS_ENABLED.getAction());
+        intent.putExtra("enabled", enabled);
+
+        return intent;
+    }
+
+    public static Intent buildRetrieveParticipantsInfo(String requestId) {
+        Intent intent = new Intent(BroadcastAction.Type.RETRIEVE_PARTICIPANTS_INFO.getAction());
+        intent.putExtra("requestId", requestId);
+
+        return intent;
+    }
+
+    public static Intent buildToggleCameraIntent() {
+        return new Intent(BroadcastAction.Type.TOGGLE_CAMERA.getAction());
+    }
+
+    public static Intent buildShowNotificationIntent(
+        String appearance, String description, String timeout, String title, String uid) {
+        Intent intent = new Intent(BroadcastAction.Type.SHOW_NOTIFICATION.getAction());
+        intent.putExtra("appearance", appearance);
+        intent.putExtra("description", description);
+        intent.putExtra("timeout", timeout);
+        intent.putExtra("title", title);
+        intent.putExtra("uid", uid);
+
+        return intent;
+    }
+
+    public static Intent buildHideNotificationIntent(String uid) {
+        Intent intent = new Intent(BroadcastAction.Type.HIDE_NOTIFICATION.getAction());
+        intent.putExtra("uid", uid);
+
+        return intent;
+    }
+
+    public enum RecordingMode {
+        FILE("file"),
+        STREAM("stream");
+
+        private final String mode;
+
+        RecordingMode(String mode) {
+            this.mode = mode;
+        }
+
+        public String getMode() {
+            return mode;
+        }
+    }
+
+    public static Intent buildStartRecordingIntent(
+        RecordingMode mode,
+        String dropboxToken,
+        boolean shouldShare,
+        String rtmpStreamKey,
+        String rtmpBroadcastID,
+        String youtubeStreamKey,
+        String youtubeBroadcastID,
+        Bundle extraMetadata,
+        boolean transcription) {
+        Intent intent = new Intent(BroadcastAction.Type.START_RECORDING.getAction());
+        intent.putExtra("mode", mode.getMode());
+        intent.putExtra("dropboxToken", dropboxToken);
+        intent.putExtra("shouldShare", shouldShare);
+        intent.putExtra("rtmpStreamKey", rtmpStreamKey);
+        intent.putExtra("rtmpBroadcastID", rtmpBroadcastID);
+        intent.putExtra("youtubeStreamKey", youtubeStreamKey);
+        intent.putExtra("youtubeBroadcastID", youtubeBroadcastID);
+        intent.putExtra("extraMetadata", extraMetadata);
+        intent.putExtra("transcription", transcription);
+
+        return intent;
+    }
+
+    public static Intent buildStopRecordingIntent(RecordingMode mode, boolean transcription) {
+        Intent intent = new Intent(BroadcastAction.Type.STOP_RECORDING.getAction());
+        intent.putExtra("mode", mode.getMode());
+        intent.putExtra("transcription", transcription);
+
+        return intent;
+    }
+
+    public static Intent buildOverwriteConfigIntent(Bundle config) {
+        Intent intent = new Intent(BroadcastAction.Type.OVERWRITE_CONFIG.getAction());
+        intent.putExtra("config", config);
+
+        return intent;
+    }
+
+    public static Intent buildSendCameraFacingModeMessageIntent(String to, String facingMode) {
+        Intent intent = new Intent(BroadcastAction.Type.SEND_CAMERA_FACING_MODE_MESSAGE.getAction());
+        intent.putExtra("to", to);
+        intent.putExtra("facingMode", facingMode);
+
+        return intent;
+    }
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/BroadcastReceiver.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/BroadcastReceiver.java
new file mode 100644
index 0000000..64cec20
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/BroadcastReceiver.java
@@ -0,0 +1,44 @@
+package org.jitsi.meet.sdk;
+
+import android.content.Context;
+import android.content.Intent;
+import android.content.IntentFilter;
+import android.os.Bundle;
+
+import com.facebook.react.bridge.Arguments;
+
+import androidx.localbroadcastmanager.content.LocalBroadcastManager;
+
+/**
+ * Listens for {@link BroadcastAction}s on LocalBroadcastManager. When one occurs,
+ * it emits it to JS.
+ */
+public class BroadcastReceiver extends android.content.BroadcastReceiver {
+
+    public BroadcastReceiver(Context context) {
+        LocalBroadcastManager localBroadcastManager = LocalBroadcastManager.getInstance(context);
+
+        IntentFilter intentFilter = new IntentFilter();
+
+        for (BroadcastAction.Type type : BroadcastAction.Type.values()) {
+            intentFilter.addAction(type.getAction());
+        }
+
+        localBroadcastManager.registerReceiver(this, intentFilter);
+    }
+
+    @Override
+    public void onReceive(Context context, Intent intent) {
+        BroadcastAction action = new BroadcastAction(intent);
+        String actionName = action.getType().getAction();
+        Bundle data = action.getData();
+            
+        // For actions without data bundle (like hangup), we create an empty map
+        // instead of attempting to convert a null bundle to avoid crashes.
+        if (data != null) {
+            ReactInstanceManagerHolder.emitEvent(actionName, Arguments.fromBundle(data));
+        } else {
+            ReactInstanceManagerHolder.emitEvent(actionName, Arguments.createMap());
+        }
+    }
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/ConnectionService.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/ConnectionService.java
new file mode 100644
index 0000000..d66e1d8
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/ConnectionService.java
@@ -0,0 +1,452 @@
+package org.jitsi.meet.sdk;
+
+import android.content.ComponentName;
+import android.content.Context;
+import android.net.Uri;
+import android.os.Build;
+import android.os.Bundle;
+import android.telecom.CallAudioState;
+import android.telecom.Connection;
+import android.telecom.ConnectionRequest;
+import android.telecom.DisconnectCause;
+import android.telecom.PhoneAccount;
+import android.telecom.PhoneAccountHandle;
+import android.telecom.TelecomManager;
+import android.telecom.VideoProfile;
+
+import androidx.annotation.RequiresApi;
+
+import com.facebook.react.bridge.Promise;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.bridge.WritableNativeMap;
+
+import org.jitsi.meet.sdk.log.JitsiMeetLogger;
+
+import java.util.ArrayList;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+import java.util.Objects;
+
+/**
+ * Jitsi Meet implementation of {@link ConnectionService}. At the time of this
+ * writing it implements only the outgoing call scenario.
+ *
+ * NOTE the class needs to be public, but is not part of the SDK API and should
+ * never be used directly.
+ *
+ * @author Pawel Domas
+ */
+public class ConnectionService extends android.telecom.ConnectionService {
+
+    /**
+     * Tag used for logging.
+     */
+    static final String TAG = "JitsiConnectionService";
+
+    /**
+     * The extra added to the {@link ConnectionImpl} and
+     * {@link ConnectionRequest} which stores the {@link PhoneAccountHandle}
+     * created for the call.
+     */
+    static final String EXTRA_PHONE_ACCOUNT_HANDLE
+        = "org.jitsi.meet.sdk.connection_service.PHONE_ACCOUNT_HANDLE";
+
+    /**
+     * Connections mapped by call UUID.
+     */
+    static private final Map<String, ConnectionImpl> connections
+            = new HashMap<>();
+
+    /**
+     * The start call Promises mapped by call UUID.
+     */
+    static private final HashMap<String, Promise> startCallPromises
+            = new HashMap<>();
+
+    /**
+     * Aborts all ongoing connections. This is a last resort mechanism which forces all resources to
+     * be freed on the system in case of fatal error.
+     */
+    static void abortConnections() {
+        for (ConnectionImpl connection: getConnections()) {
+            connection.onAbort();
+        }
+    }
+
+    /**
+     * Adds {@link ConnectionImpl} to the list.
+     *
+     * @param connection - {@link ConnectionImpl}
+     */
+    static void addConnection(ConnectionImpl connection) {
+        connections.put(connection.getCallUUID(), connection);
+    }
+
+    /**
+     * Returns all {@link ConnectionImpl} instances held in this list.
+     *
+     * @return a list of {@link ConnectionImpl}.
+     */
+    static List<ConnectionImpl> getConnections() {
+        return new ArrayList<>(connections.values());
+    }
+
+    /**
+     * @return {@code true} if running a Samsung device.
+     */
+    static boolean isSamsungDevice() {
+        return android.os.Build.MANUFACTURER.toLowerCase().contains("samsung");
+    }
+
+    /**
+     * Registers a start call promise.
+     *
+     * @param uuid - the call UUID to which the start call promise belongs to.
+     * @param promise - the Promise instance to be stored for later use.
+     */
+    static void registerStartCallPromise(String uuid, Promise promise) {
+        startCallPromises.put(uuid, promise);
+    }
+
+    /**
+     * Removes {@link ConnectionImpl} from the list.
+     *
+     * @param connection - {@link ConnectionImpl}
+     */
+    static void removeConnection(ConnectionImpl connection) {
+        connections.remove(connection.getCallUUID());
+    }
+
+    /**
+     * Used to adjusts the connection's state to
+     * {@link android.telecom.Connection#STATE_ACTIVE}.
+     *
+     * @param callUUID the call UUID which identifies the connection.
+     * @return Whether the connection was set as active or not.
+     */
+    static boolean setConnectionActive(String callUUID) {
+        ConnectionImpl connection = connections.get(callUUID);
+
+        if (connection != null) {
+            connection.setActive();
+            return true;
+        } else {
+            JitsiMeetLogger.w("%s setConnectionActive - no connection for UUID: %s", TAG, callUUID);
+            return false;
+        }
+    }
+
+    /**
+     * Used to adjusts the connection's state to
+     * {@link android.telecom.Connection#STATE_DISCONNECTED}.
+     *
+     * @param callUUID the call UUID which identifies the connection.
+     * @param cause disconnection reason.
+     */
+    static void setConnectionDisconnected(String callUUID, DisconnectCause cause) {
+        ConnectionImpl connection = connections.get(callUUID);
+
+        if (connection != null) {
+            if (isSamsungDevice()) {
+                // Required to release the audio focus correctly.
+                connection.setOnHold();
+                // Prevents from including in the native phone calls history
+                connection.setConnectionProperties(
+                    Connection.PROPERTY_SELF_MANAGED
+                        | Connection.PROPERTY_IS_EXTERNAL_CALL);
+            }
+            // Note that the connection is not removed from the list here, but
+            // in ConnectionImpl's state changed callback. It's a safer
+            // approach, because in case the app would crash on the JavaScript
+            // side the calls would be cleaned up by the system they would still
+            // be removed from the ConnectionList.
+            connection.setDisconnected(cause);
+            connection.destroy();
+        } else {
+            JitsiMeetLogger.e(TAG + " endCall no connection for UUID: " + callUUID);
+        }
+    }
+
+    /**
+     * Unregisters a start call promise. Must be called after the Promise is
+     * rejected or resolved.
+     *
+     * @param uuid the call UUID which identifies the call to which the promise
+     *        belongs to.
+     * @return the unregistered Promise instance or <tt>null</tt> if there
+     *         wasn't any for the given call UUID.
+     */
+    static Promise unregisterStartCallPromise(String uuid) {
+        return startCallPromises.remove(uuid);
+    }
+
+    /**
+     * Used to adjusts the call's state.
+     *
+     * @param callUUID the call UUID which identifies the connection.
+     * @param callState a map which carries the properties to be modified. See
+     *        "KEY_*" constants in {@link ConnectionImpl} for the list of keys.
+     */
+    static void updateCall(String callUUID, ReadableMap callState) {
+        ConnectionImpl connection = connections.get(callUUID);
+
+        if (connection != null) {
+            if (callState.hasKey(ConnectionImpl.KEY_HAS_VIDEO)) {
+                boolean hasVideo
+                        = callState.getBoolean(ConnectionImpl.KEY_HAS_VIDEO);
+
+                JitsiMeetLogger.i(" %s updateCall: %s hasVideo: %s", TAG, callUUID, hasVideo);
+                connection.setVideoState(
+                        hasVideo
+                                ? VideoProfile.STATE_BIDIRECTIONAL
+                                : VideoProfile.STATE_AUDIO_ONLY);
+            }
+        } else {
+            JitsiMeetLogger.e(TAG + " updateCall no connection for UUID: " + callUUID);
+        }
+    }
+
+    @Override
+    public Connection onCreateOutgoingConnection(
+            PhoneAccountHandle accountHandle, ConnectionRequest request) {
+        ConnectionImpl connection = new ConnectionImpl();
+
+        connection.setConnectionProperties(Connection.PROPERTY_SELF_MANAGED);
+        connection.setAddress(
+            request.getAddress(),
+            TelecomManager.PRESENTATION_UNKNOWN);
+        connection.setExtras(request.getExtras());
+
+        connection.setAudioModeIsVoip(true);
+
+        // NOTE there's a time gap between the placeCall and this callback when
+        // things could get out of sync, but they are put back in sync once
+        // the startCall Promise is resolved below. That's because on
+        // the JavaScript side there's a logic to sync up in .then() callback.
+        connection.setVideoState(request.getVideoState());
+
+        Bundle moreExtras = new Bundle();
+
+        moreExtras.putParcelable(
+            EXTRA_PHONE_ACCOUNT_HANDLE,
+            Objects.requireNonNull(request.getAccountHandle(), "accountHandle"));
+        connection.putExtras(moreExtras);
+
+        addConnection(connection);
+
+        Promise startCallPromise
+            = unregisterStartCallPromise(connection.getCallUUID());
+
+        if (startCallPromise != null) {
+            JitsiMeetLogger.d(TAG + " onCreateOutgoingConnection " + connection.getCallUUID());
+            startCallPromise.resolve(null);
+        } else {
+            JitsiMeetLogger.e(
+                TAG + " onCreateOutgoingConnection: no start call Promise for " + connection.getCallUUID());
+        }
+
+        return connection;
+    }
+
+    @Override
+    public Connection onCreateIncomingConnection(
+            PhoneAccountHandle accountHandle, ConnectionRequest request) {
+        throw new RuntimeException("Not implemented");
+    }
+
+    @Override
+    public void onCreateIncomingConnectionFailed(
+            PhoneAccountHandle accountHandle, ConnectionRequest request) {
+        throw new RuntimeException("Not implemented");
+    }
+
+    @Override
+    public void onCreateOutgoingConnectionFailed(
+            PhoneAccountHandle accountHandle, ConnectionRequest request) {
+        PhoneAccountHandle theAccountHandle = request.getAccountHandle();
+        String callUUID = theAccountHandle.getId();
+
+        JitsiMeetLogger.e(TAG + " onCreateOutgoingConnectionFailed " + callUUID);
+
+        if (callUUID != null) {
+            Promise startCallPromise = unregisterStartCallPromise(callUUID);
+
+            if (startCallPromise != null) {
+                startCallPromise.reject(
+                        "CREATE_OUTGOING_CALL_FAILED",
+                        "The request has been denied by the system");
+            } else {
+                JitsiMeetLogger.e(TAG + " startCallFailed - no start call Promise for UUID: " + callUUID);
+            }
+        } else {
+            JitsiMeetLogger.e(TAG + " onCreateOutgoingConnectionFailed - no call UUID");
+        }
+
+        unregisterPhoneAccount(theAccountHandle);
+    }
+
+    private void unregisterPhoneAccount(PhoneAccountHandle phoneAccountHandle) {
+        TelecomManager telecom = getSystemService(TelecomManager.class);
+        if (telecom != null) {
+            if (phoneAccountHandle != null) {
+                telecom.unregisterPhoneAccount(phoneAccountHandle);
+            } else {
+                JitsiMeetLogger.e(TAG + " unregisterPhoneAccount - account handle is null");
+            }
+        } else {
+            JitsiMeetLogger.e(TAG + " unregisterPhoneAccount - telecom is null");
+        }
+    }
+
+    /**
+     * Registers new {@link PhoneAccountHandle}.
+     *
+     * @param context the current Android context.
+     * @param address the phone account's address. At the time of this writing
+     *        it's the call handle passed from the Java Script side.
+     * @param callUUID the call's UUID for which the account is to be created.
+     *        It will be used as the account's id.
+     * @return {@link PhoneAccountHandle} described by the given arguments.
+     */
+    static PhoneAccountHandle registerPhoneAccount(
+            Context context, Uri address, String callUUID) {
+        PhoneAccountHandle phoneAccountHandle
+            = new PhoneAccountHandle(
+                    new ComponentName(context, ConnectionService.class),
+                    callUUID);
+
+        PhoneAccount.Builder builder
+            = PhoneAccount.builder(phoneAccountHandle, address.toString())
+                .setAddress(address)
+                .setCapabilities(PhoneAccount.CAPABILITY_SELF_MANAGED |
+                        PhoneAccount.CAPABILITY_VIDEO_CALLING |
+                        PhoneAccount.CAPABILITY_SUPPORTS_VIDEO_CALLING)
+                .addSupportedUriScheme(PhoneAccount.SCHEME_SIP);
+
+        PhoneAccount account = builder.build();
+
+        TelecomManager telecomManager
+            = context.getSystemService(TelecomManager.class);
+        telecomManager.registerPhoneAccount(account);
+
+        return phoneAccountHandle;
+    }
+
+    /**
+     * Connection implementation for Jitsi Meet's {@link ConnectionService}.
+     *
+     * @author Pawel Domas
+     */
+    class ConnectionImpl extends Connection {
+
+        /**
+         * The constant which defines the key for the "has video" property.
+         * The key is used in the map which carries the call's state passed as
+         * the argument of the {@link RNConnectionService#updateCall} method.
+         */
+        static final String KEY_HAS_VIDEO = "hasVideo";
+
+        /**
+         * Called when system wants to disconnect the call.
+         *
+         * {@inheritDoc}
+         */
+        @Override
+        public void onDisconnect() {
+            JitsiMeetLogger.i(TAG + " onDisconnect " + getCallUUID());
+            WritableNativeMap data = new WritableNativeMap();
+            data.putString("callUUID", getCallUUID());
+            RNConnectionService.getInstance().emitEvent(
+                    "org.jitsi.meet:features/connection_service#disconnect",
+                    data);
+            // The JavaScript side will not go back to the native with
+            // 'endCall', so the Connection must be removed immediately.
+            setConnectionDisconnected(
+                    getCallUUID(),
+                    new DisconnectCause(DisconnectCause.LOCAL));
+        }
+
+        /**
+         * Called when system wants to abort the call.
+         *
+         * {@inheritDoc}
+         */
+        @Override
+        public void onAbort() {
+            JitsiMeetLogger.i(TAG + " onAbort " + getCallUUID());
+            WritableNativeMap data = new WritableNativeMap();
+            data.putString("callUUID", getCallUUID());
+            RNConnectionService.getInstance().emitEvent(
+                    "org.jitsi.meet:features/connection_service#abort",
+                    data);
+            // The JavaScript side will not go back to the native with
+            // 'endCall', so the Connection must be removed immediately.
+            setConnectionDisconnected(
+                    getCallUUID(),
+                    new DisconnectCause(DisconnectCause.CANCELED));
+        }
+
+        @Override
+        public void onHold() {
+            // What ?! Android will still call this method even if we do not add
+            // the HOLD capability, so do the same thing as on abort.
+            // TODO implement HOLD
+            JitsiMeetLogger.w(TAG + " onHold %s - HOLD is not supported, aborting the call...", getCallUUID());
+            this.onAbort();
+        }
+
+        /**
+         * Called when there's change to the call audio state. Either by
+         * the system after the connection is initialized or in response to
+         * {@link #setAudioRoute(int)}.
+         *
+         * @param state the new {@link CallAudioState}
+         */
+        @Override
+        public void onCallAudioStateChanged(CallAudioState state) {
+            JitsiMeetLogger.d(TAG + " onCallAudioStateChanged: " + state);
+            RNConnectionService module = RNConnectionService.getInstance();
+            if (module != null) {
+                module.onCallAudioStateChange(state);
+            }
+        }
+
+        /**
+         * Unregisters the account when the call is disconnected.
+         *
+         * @param state - the new connection's state.
+         */
+        @Override
+        public void onStateChanged(int state) {
+            JitsiMeetLogger.d(
+                "%s onStateChanged: %s %s", TAG, Connection.stateToString(state), getCallUUID());
+
+            if (state == STATE_DISCONNECTED) {
+                removeConnection(this);
+                unregisterPhoneAccount(getPhoneAccountHandle());
+            }
+        }
+
+        /**
+         * Retrieves the UUID of the call associated with this connection.
+         *
+         * @return call UUID
+         */
+        String getCallUUID() {
+            return getPhoneAccountHandle().getId();
+        }
+
+        private PhoneAccountHandle getPhoneAccountHandle() {
+            return getExtras().getParcelable(
+                    ConnectionService.EXTRA_PHONE_ACCOUNT_HANDLE);
+        }
+
+        @Override
+        public String toString() {
+            return String.format(
+                    "ConnectionImpl[address=%s, uuid=%s]@%d",
+                    getAddress(), getCallUUID(), hashCode());
+        }
+    }
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/DefaultHardwareBackBtnHandlerImpl.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/DefaultHardwareBackBtnHandlerImpl.java
new file mode 100644
index 0000000..e31a72f
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/DefaultHardwareBackBtnHandlerImpl.java
@@ -0,0 +1,65 @@
+/*
+ * Copyright @ 2019-present 8x8, Inc.
+ * Copyright @ 2017-2018 Atlassian Pty 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.
+ */
+
+package org.jitsi.meet.sdk;
+
+import android.app.Activity;
+
+import com.facebook.react.modules.core.DefaultHardwareBackBtnHandler;
+
+/**
+ * Defines the default behavior of {@code JitsiMeetFragment} and
+ * {@code JitsiMeetView} upon invoking the back button if no
+ * {@code JitsiMeetView} handles the invocation. For example, a
+ * {@code JitsiMeetView} may (1) handle the invocation of the back button
+ * during a conference by leaving the conference and (2) not handle the
+ * invocation when not in a conference.
+ */
+class DefaultHardwareBackBtnHandlerImpl implements DefaultHardwareBackBtnHandler {
+
+    /**
+     * The {@code Activity} to which the default handling of the back button
+     * is being provided by this instance.
+     */
+    private final Activity activity;
+
+    /**
+     * Initializes a new {@code DefaultHardwareBackBtnHandlerImpl} instance to
+     * provide the default handling of the back button to a specific
+     * {@code Activity}.
+     *
+     * @param activity the {@code Activity} to which the new instance is to
+     * provide the default behavior of the back button
+     */
+    public DefaultHardwareBackBtnHandlerImpl(Activity activity) {
+        this.activity = activity;
+    }
+
+    /**
+     * {@inheritDoc}
+     *
+     * Finishes the associated {@code Activity}.
+     */
+    @Override
+    public void invokeDefaultOnBackPressed() {
+        // Technically, we'd like to invoke Activity#onBackPressed().
+        // Practically, it's not possible. Fortunately, the documentation of
+        // Activity#onBackPressed() specifies that "[t]he default implementation
+        // simply finishes the current activity,"
+        activity.finish();
+    }
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/DropboxModule.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/DropboxModule.java
new file mode 100644
index 0000000..ce137bb
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/DropboxModule.java
@@ -0,0 +1,204 @@
+package org.jitsi.meet.sdk;
+
+import android.content.Context;
+import android.content.pm.ApplicationInfo;
+import android.content.pm.PackageInfo;
+import android.content.pm.PackageManager;
+import android.text.TextUtils;
+
+import com.dropbox.core.DbxException;
+import com.dropbox.core.DbxRequestConfig;
+import com.dropbox.core.android.Auth;
+import com.dropbox.core.oauth.DbxCredential;
+import com.dropbox.core.v2.DbxClientV2;
+import com.dropbox.core.v2.users.FullAccount;
+import com.dropbox.core.v2.users.SpaceAllocation;
+import com.dropbox.core.v2.users.SpaceUsage;
+import com.facebook.react.bridge.Arguments;
+import com.facebook.react.bridge.LifecycleEventListener;
+import com.facebook.react.bridge.Promise;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactContextBaseJavaModule;
+import com.facebook.react.bridge.ReactMethod;
+import com.facebook.react.bridge.WritableMap;
+import com.facebook.react.module.annotations.ReactModule;
+
+import java.util.HashMap;
+import java.util.Map;
+
+/**
+ * Implements the react-native module for the dropbox integration.
+ */
+@ReactModule(name = DropboxModule.NAME)
+class DropboxModule
+        extends ReactContextBaseJavaModule
+        implements LifecycleEventListener {
+
+    public static final String NAME = "Dropbox";
+
+    private String appKey;
+
+    private String clientId;
+
+    private final boolean isEnabled;
+
+    private Promise promise;
+
+    public DropboxModule(ReactApplicationContext reactContext) {
+        super(reactContext);
+
+        String pkg = reactContext.getApplicationContext().getPackageName();
+        int resId = reactContext.getResources()
+            .getIdentifier("dropbox_app_key", "string", pkg);
+        appKey
+            = reactContext.getString(resId);
+        isEnabled = !TextUtils.isEmpty(appKey);
+
+        clientId = generateClientId();
+
+        reactContext.addLifecycleEventListener(this);
+    }
+
+    /**
+     * Executes the dropbox auth flow.
+     *
+     * @param promise The promise used to return the result of the auth flow.
+     */
+    @ReactMethod
+    public void authorize(final Promise promise) {
+        if (isEnabled) {
+            Auth.startOAuth2PKCE(this.getCurrentActivity(), appKey, DbxRequestConfig.newBuilder(clientId).build());
+            this.promise = promise;
+        } else {
+            promise.reject(
+                new Exception("Dropbox integration isn't configured."));
+        }
+    }
+
+    /**
+     * Generate a client identifier for the dropbox sdk.
+     *
+     * @returns a client identifier for the dropbox sdk.
+     * @see {https://dropbox.github.io/dropbox-sdk-java/api-docs/v3.0.x/com/dropbox/core/DbxRequestConfig.html#getClientIdentifier--}
+     */
+    private String generateClientId() {
+        Context context = getReactApplicationContext();
+        PackageManager packageManager = context.getPackageManager();
+        ApplicationInfo applicationInfo = null;
+        PackageInfo packageInfo = null;
+
+        try {
+            String packageName = context.getPackageName();
+
+            applicationInfo = packageManager.getApplicationInfo(packageName, 0);
+            packageInfo = packageManager.getPackageInfo(packageName, 0);
+        } catch (PackageManager.NameNotFoundException e) {
+        }
+
+        String applicationLabel
+            = applicationInfo == null
+                ? "JitsiMeet"
+                : packageManager.getApplicationLabel(applicationInfo).toString()
+                    .replaceAll("\\s", "");
+        String version = packageInfo == null ? "dev" : packageInfo.versionName;
+
+        return applicationLabel + "/" + version;
+    }
+
+    @Override
+    public Map<String, Object> getConstants() {
+        Map<String, Object> constants = new HashMap<>();
+
+        constants.put("ENABLED", isEnabled);
+
+        return constants;
+    }
+
+    /**
+     * Resolves the current user dropbox display name.
+     *
+     * @param token A dropbox access token.
+     * @param promise The promise used to return the result of the auth flow.
+     */
+    @ReactMethod
+    public void getDisplayName(final String token, final Promise promise) {
+        DbxRequestConfig config = DbxRequestConfig.newBuilder(clientId).build();
+        DbxClientV2 client = new DbxClientV2(config, token);
+
+        // Get current account info
+        try {
+            FullAccount account = client.users().getCurrentAccount();
+
+            promise.resolve(account.getName().getDisplayName());
+        } catch (DbxException e) {
+            promise.reject(e);
+        }
+    }
+
+    @Override
+    public String getName() {
+        return NAME;
+    }
+
+    /**
+     * Resolves the current user space usage.
+     *
+     * @param token A dropbox access token.
+     * @param promise The promise used to return the result of the auth flow.
+     */
+    @ReactMethod
+    public void getSpaceUsage(final String token, final Promise promise) {
+        DbxRequestConfig config = DbxRequestConfig.newBuilder(clientId).build();
+        DbxClientV2 client = new DbxClientV2(config, token);
+
+        try {
+            SpaceUsage spaceUsage = client.users().getSpaceUsage();
+            WritableMap map = Arguments.createMap();
+
+            map.putString("used", String.valueOf(spaceUsage.getUsed()));
+
+            SpaceAllocation allocation = spaceUsage.getAllocation();
+            long allocated = 0;
+
+            if (allocation.isIndividual()) {
+                allocated += allocation.getIndividualValue().getAllocated();
+            }
+            if (allocation.isTeam()) {
+                allocated += allocation.getTeamValue().getAllocated();
+            }
+            map.putString("allocated", String.valueOf(allocated));
+
+            promise.resolve(map);
+        } catch (DbxException e) {
+            promise.reject(e);
+        }
+    }
+
+    @Override
+    public void onHostDestroy() {}
+
+    @Override
+    public void onHostPause() {}
+
+    @Override
+    public void onHostResume() {
+        DbxCredential credential = Auth.getDbxCredential();
+
+        if (this.promise != null ) {
+            if (credential != null) {
+                WritableMap result = Arguments.createMap();
+                result.putString("token", credential.getAccessToken());
+                result.putString("rToken", credential.getRefreshToken());
+                result.putDouble("expireDate", credential.getExpiresAt());
+
+                this.promise.resolve(result);
+                this.promise = null;
+            } else {
+                this.promise.reject("Invalid dropbox credentials");
+            }
+
+            this.promise = null;
+        }
+
+    }
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/ExternalAPIModule.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/ExternalAPIModule.java
new file mode 100644
index 0000000..5b24140
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/ExternalAPIModule.java
@@ -0,0 +1,126 @@
+/*
+ * Copyright @ 2017-present 8x8, Inc.
+ *
+ * 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.
+ */
+
+package org.jitsi.meet.sdk;
+
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactContextBaseJavaModule;
+import com.facebook.react.bridge.ReactMethod;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.module.annotations.ReactModule;
+
+import org.jitsi.meet.sdk.log.JitsiMeetLogger;
+
+import java.util.HashMap;
+import java.util.Map;
+
+/**
+ * Module implementing an API for sending events from JavaScript to native code.
+ */
+@ReactModule(name = ExternalAPIModule.NAME)
+class ExternalAPIModule extends ReactContextBaseJavaModule {
+
+    public static final String NAME = "ExternalAPI";
+
+    private static final String TAG = NAME;
+
+    private final BroadcastEmitter broadcastEmitter;
+    private final BroadcastReceiver broadcastReceiver;
+
+    /**
+     * Initializes a new module instance. There shall be a single instance of
+     * this module throughout the lifetime of the app.
+     *
+     * @param reactContext the {@link ReactApplicationContext} where this module
+     * is created.
+     */
+    public ExternalAPIModule(ReactApplicationContext reactContext) {
+        super(reactContext);
+
+        broadcastEmitter = new BroadcastEmitter(reactContext);
+        broadcastReceiver = new BroadcastReceiver(reactContext);
+
+        ParticipantsService.init(reactContext);
+    }
+
+    @ReactMethod
+    public void addListener(String eventName) {
+        // Keep: Required for RN built in Event Emitter Calls.
+    }
+
+    @ReactMethod
+    public void removeListeners(Integer count) {
+        // Keep: Required for RN built in Event Emitter Calls.
+    }
+
+    /**
+     * Gets the name of this module to be used in the React Native bridge.
+     *
+     * @return The name of this module to be used in the React Native bridge.
+     */
+    @Override
+    public String getName() {
+        return NAME;
+    }
+
+    /**
+     * Gets a mapping with the constants this module is exporting.
+     *
+     * @return a {@link Map} mapping the constants to be exported with their
+     * values.
+     */
+    @Override
+    public Map<String, Object> getConstants() {
+        Map<String, Object> constants = new HashMap<>();
+
+        constants.put("SET_AUDIO_MUTED", BroadcastAction.Type.SET_AUDIO_MUTED.getAction());
+        constants.put("HANG_UP", BroadcastAction.Type.HANG_UP.getAction());
+        constants.put("SEND_ENDPOINT_TEXT_MESSAGE", BroadcastAction.Type.SEND_ENDPOINT_TEXT_MESSAGE.getAction());
+        constants.put("TOGGLE_SCREEN_SHARE", BroadcastAction.Type.TOGGLE_SCREEN_SHARE.getAction());
+        constants.put("RETRIEVE_PARTICIPANTS_INFO", BroadcastAction.Type.RETRIEVE_PARTICIPANTS_INFO.getAction());
+        constants.put("OPEN_CHAT", BroadcastAction.Type.OPEN_CHAT.getAction());
+        constants.put("CLOSE_CHAT", BroadcastAction.Type.CLOSE_CHAT.getAction());
+        constants.put("SEND_CHAT_MESSAGE", BroadcastAction.Type.SEND_CHAT_MESSAGE.getAction());
+        constants.put("SET_VIDEO_MUTED", BroadcastAction.Type.SET_VIDEO_MUTED.getAction());
+        constants.put("SET_CLOSED_CAPTIONS_ENABLED", BroadcastAction.Type.SET_CLOSED_CAPTIONS_ENABLED.getAction());
+        constants.put("TOGGLE_CAMERA", BroadcastAction.Type.TOGGLE_CAMERA.getAction());
+        constants.put("SHOW_NOTIFICATION", BroadcastAction.Type.SHOW_NOTIFICATION.getAction());
+        constants.put("HIDE_NOTIFICATION", BroadcastAction.Type.HIDE_NOTIFICATION.getAction());
+        constants.put("START_RECORDING", BroadcastAction.Type.START_RECORDING.getAction());
+        constants.put("STOP_RECORDING", BroadcastAction.Type.STOP_RECORDING.getAction());
+        constants.put("OVERWRITE_CONFIG", BroadcastAction.Type.OVERWRITE_CONFIG.getAction());
+        constants.put("SEND_CAMERA_FACING_MODE_MESSAGE", BroadcastAction.Type.SEND_CAMERA_FACING_MODE_MESSAGE.getAction());
+
+        return constants;
+    }
+
+    /**
+     * Dispatches an event that occurred on the JavaScript side of the SDK to
+     * the native side.
+     *
+     * @param name The name of the event.
+     * @param data The details/specifics of the event to send determined
+     * by/associated with the specified {@code name}.
+     */
+    @ReactMethod
+    public void sendEvent(String name, ReadableMap data) {
+        // Keep track of the current ongoing conference.
+        OngoingConferenceTracker.getInstance().onExternalAPIEvent(name, data);
+
+        JitsiMeetLogger.d(TAG + " Sending event: " + name + " with data: " + data);
+        broadcastEmitter.sendBroadcast(name, data);
+    }
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiInitializer.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiInitializer.java
new file mode 100644
index 0000000..48544a5
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiInitializer.java
@@ -0,0 +1,64 @@
+/*
+ * Copyright @ 2021-present 8x8, Inc.
+ *
+ * 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.
+ */
+package org.jitsi.meet.sdk;
+
+import android.app.Application;
+import android.content.Context;
+import android.util.Log;
+
+import androidx.annotation.NonNull;
+import androidx.startup.Initializer;
+
+import com.facebook.soloader.SoLoader;
+import com.facebook.react.soloader.OpenSourceMergedSoMapping;
+import org.wonday.orientation.OrientationActivityLifecycle;
+
+import java.io.IOException;
+import java.util.Collections;
+import java.util.List;
+
+public class JitsiInitializer implements Initializer<Boolean> {
+
+    @NonNull
+    @Override
+    public Boolean create(@NonNull Context context) {
+        Log.d(this.getClass().getCanonicalName(), "create");
+
+        try {
+            SoLoader.init(context, OpenSourceMergedSoMapping.INSTANCE);
+        } catch (IOException e) {
+            throw new RuntimeException(e);
+        }
+
+        // Register our uncaught exception handler.
+        JitsiMeetUncaughtExceptionHandler.register();
+
+        // Register activity lifecycle handler for the orientation locker module.
+        ((Application) context).registerActivityLifecycleCallbacks(OrientationActivityLifecycle.getInstance());
+
+        // Initialize ReactInstanceManager during application startup
+        // This ensures it's ready before any Activity onCreate is called
+        ReactInstanceManagerHolder.initReactInstanceManager((Application) context);
+
+        return true;
+    }
+
+    @NonNull
+    @Override
+    public List<Class<? extends Initializer<?>>> dependencies() {
+        return Collections.emptyList();
+    }
+}
\ No newline at end of file
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiMeet.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiMeet.java
new file mode 100644
index 0000000..b8873e9
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiMeet.java
@@ -0,0 +1,100 @@
+/*
+ * Copyright @ 2017-present 8x8, Inc.
+ *
+ * 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.
+ */
+package org.jitsi.meet.sdk;
+
+import android.app.Activity;
+import android.content.Context;
+import android.content.SharedPreferences;
+import android.os.Bundle;
+
+import com.facebook.react.ReactInstanceManager;
+
+import com.splashview.SplashView;
+import org.jitsi.meet.sdk.log.JitsiMeetLogger;
+
+public class JitsiMeet {
+
+    /**
+     * Default {@link JitsiMeetConferenceOptions} which will be used for all conferences. When
+     * joining a conference these options will be merged with the ones passed to
+     * {@link JitsiMeetView} join().
+     */
+    private static JitsiMeetConferenceOptions defaultConferenceOptions;
+
+    public static JitsiMeetConferenceOptions getDefaultConferenceOptions() {
+        return defaultConferenceOptions;
+    }
+
+    public static void setDefaultConferenceOptions(JitsiMeetConferenceOptions options) {
+        if (options != null && options.getRoom() != null) {
+            throw new RuntimeException("'room' must be null in the default conference options");
+        }
+        defaultConferenceOptions = options;
+    }
+
+    /**
+     * Returns the current conference URL as a string.
+     *
+     * @return the current conference URL.
+     */
+    public static String getCurrentConference() {
+        return OngoingConferenceTracker.getInstance().getCurrentConference();
+    }
+
+    /**
+     * Helper to get the default conference options as a {@link Bundle}.
+     *
+     * @return a {@link Bundle} with the default conference options.
+     */
+    static Bundle getDefaultProps() {
+        if (defaultConferenceOptions != null) {
+            return defaultConferenceOptions.asProps();
+        }
+
+        return new Bundle();
+    }
+
+    /**
+     * Used in development mode. It displays the React Native development menu.
+     */
+    public static void showDevOptions() {
+        ReactInstanceManager reactInstanceManager
+            = ReactInstanceManagerHolder.getReactInstanceManager();
+
+        if (reactInstanceManager != null) {
+            reactInstanceManager.showDevOptionsDialog();
+        }
+    }
+
+    public static boolean isCrashReportingDisabled(Context context) {
+        SharedPreferences preferences = context.getSharedPreferences("jitsi-default-preferences", Context.MODE_PRIVATE);
+        String value = preferences.getString("isCrashReportingDisabled", "");
+        return Boolean.parseBoolean(value);
+    }
+
+    /**
+     * Helper method to show the SplashScreen.
+     *
+     * @param activity - The activity on which to show the SplashScreen {@link Activity}.
+     */
+    public static void showSplashScreen(Activity activity) {
+        try {
+            SplashView.INSTANCE.showSplashView(activity);
+        } catch (Exception e) {
+            JitsiMeetLogger.e(e, "Failed to show splash screen");
+        }
+    }
+}
\ No newline at end of file
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiMeetActivity.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiMeetActivity.java
new file mode 100644
index 0000000..7c06191
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiMeetActivity.java
@@ -0,0 +1,422 @@
+/*
+ * Copyright @ 2019-present 8x8, Inc.
+ *
+ * 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.
+ */
+
+package org.jitsi.meet.sdk;
+
+import android.annotation.SuppressLint;
+import android.app.Activity;
+import android.content.BroadcastReceiver;
+import android.content.Context;
+import android.content.Intent;
+import android.content.IntentFilter;
+import android.content.res.Configuration;
+import android.net.Uri;
+import android.os.Build;
+import android.os.Bundle;
+import android.view.View;
+import android.view.ViewGroup;
+import android.view.Window;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.appcompat.app.AppCompatActivity;
+import androidx.core.view.ViewCompat;
+import androidx.core.view.WindowInsetsCompat;
+import androidx.localbroadcastmanager.content.LocalBroadcastManager;
+
+import com.facebook.react.modules.core.PermissionListener;
+
+import org.jitsi.meet.sdk.log.JitsiMeetLogger;
+
+import java.util.HashMap;
+
+/**
+ * A base activity for SDK users to embed.  It contains all the required wiring
+ * between the {@code JitsiMeetView} and the Activity lifecycle methods.
+ *
+ * In this activity we use a single {@code JitsiMeetView} instance. This
+ * instance gives us access to a view which displays the welcome page and the
+ * conference itself. All lifecycle methods associated with this Activity are
+ * hooked to the React Native subsystem via proxy calls through the
+ * {@code JitsiMeetActivityDelegate} static methods.
+ */
+public class JitsiMeetActivity extends AppCompatActivity
+    implements JitsiMeetActivityInterface {
+
+    protected static final String TAG = JitsiMeetActivity.class.getSimpleName();
+
+    private static final String ACTION_JITSI_MEET_CONFERENCE = "org.jitsi.meet.CONFERENCE";
+    private static final String JITSI_MEET_CONFERENCE_OPTIONS = "JitsiMeetConferenceOptions";
+
+    private boolean isReadyToClose;
+
+    private final BroadcastReceiver broadcastReceiver = new BroadcastReceiver() {
+        @Override
+        public void onReceive(Context context, Intent intent) {
+            onBroadcastReceived(intent);
+        }
+    };
+
+    /**
+     * Instance of the {@link JitsiMeetView} which this activity will display.
+     */
+    private JitsiMeetView jitsiView;
+
+    // Helpers for starting the activity
+    //
+
+    public static void launch(Context context, JitsiMeetConferenceOptions options) {
+        Intent intent = new Intent(context, JitsiMeetActivity.class);
+        intent.setAction(ACTION_JITSI_MEET_CONFERENCE);
+        intent.putExtra(JITSI_MEET_CONFERENCE_OPTIONS, options);
+        if (!(context instanceof Activity)) {
+            intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
+        }
+        context.startActivity(intent);
+    }
+
+    public static void launch(Context context, String url) {
+        JitsiMeetConferenceOptions options
+            = new JitsiMeetConferenceOptions.Builder().setRoom(url).build();
+        launch(context, options);
+    }
+
+    public static void addTopBottomInsets(@NonNull Window w, @NonNull View v) {
+
+        View decorView = w.getDecorView();
+
+        decorView.post(() -> {
+            WindowInsetsCompat insets = ViewCompat.getRootWindowInsets(decorView);
+            if (insets != null) {
+                ViewGroup.MarginLayoutParams params = (ViewGroup.MarginLayoutParams) v.getLayoutParams();
+                params.topMargin = insets.getInsets(WindowInsetsCompat.Type.systemBars()).top;
+                params.bottomMargin = insets.getInsets(WindowInsetsCompat.Type.systemBars()).bottom;
+                v.setLayoutParams(params);
+
+                decorView.setOnApplyWindowInsetsListener((view, windowInsets) -> {
+                    view.setBackgroundColor(JitsiMeetView.BACKGROUND_COLOR);
+
+                    return windowInsets;
+                });
+            }
+        });
+    }
+
+    // Overrides
+    //
+
+    @Override
+    public void onConfigurationChanged(Configuration newConfig) {
+        super.onConfigurationChanged(newConfig);
+        Intent intent = new Intent("onConfigurationChanged");
+        intent.putExtra("newConfig", newConfig);
+        this.sendBroadcast(intent);
+    }
+
+    @Override
+    protected void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+
+        // ReactInstanceManager is now initialized by JitsiInitializer during application startup
+        // Just call onHostResume since the manager is already ready
+        JitsiMeetActivityDelegate.onHostResume(this);
+
+        setContentView(R.layout.activity_jitsi_meet);
+
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.VANILLA_ICE_CREAM
+            && getApplicationInfo().targetSdkVersion >= Build.VERSION_CODES.VANILLA_ICE_CREAM) {
+            addTopBottomInsets(getWindow(), findViewById(android.R.id.content));
+        }
+
+        this.jitsiView = findViewById(R.id.jitsiView);
+
+        registerForBroadcastMessages();
+
+        if (!extraInitialize()) {
+            initialize();
+        }
+    }
+
+    @Override
+    public void onResume() {
+        super.onResume();
+        JitsiMeetActivityDelegate.onHostResume(this);
+    }
+
+    @Override
+    public void onStop() {
+        JitsiMeetActivityDelegate.onHostPause(this);
+        super.onStop();
+    }
+
+    @Override
+    public void onDestroy() {
+        JitsiMeetLogger.i("onDestroy()");
+
+        // Here we are trying to handle the following corner case: an application using the SDK
+        // is using this Activity for displaying meetings, but there is another "main" Activity
+        // with other content. If this Activity is "swiped out" from the recent list we will get
+        // Activity#onDestroy() called without warning. At this point we can try to leave the
+        // current meeting, but when our view is detached from React the JS <-> Native bridge won't
+        // be operational so the external API won't be able to notify the native side that the
+        // conference terminated. Thus, try our best to clean up.
+        if (!isReadyToClose) {
+            JitsiMeetLogger.i("onDestroy(): leaving...");
+            leave();
+        }
+
+        this.jitsiView = null;
+
+        if (AudioModeModule.useConnectionService()) {
+            ConnectionService.abortConnections();
+        }
+        JitsiMeetOngoingConferenceService.abort(this);
+
+        LocalBroadcastManager.getInstance(this).unregisterReceiver(broadcastReceiver);
+
+        JitsiMeetActivityDelegate.onHostDestroy(this);
+
+        super.onDestroy();
+    }
+
+    @Override
+    public void finish() {
+        if (!isReadyToClose) {
+            JitsiMeetLogger.i("finish(): leaving...");
+            leave();
+        }
+
+        JitsiMeetLogger.i("finish(): finishing...");
+        super.finish();
+    }
+
+    // Helper methods
+    //
+
+    protected JitsiMeetView getJitsiView() {
+        return jitsiView;
+    }
+
+    public void join(@Nullable String url) {
+        JitsiMeetConferenceOptions options
+            = new JitsiMeetConferenceOptions.Builder()
+            .setRoom(url)
+            .build();
+        join(options);
+    }
+
+    public void join(JitsiMeetConferenceOptions options) {
+        if (this.jitsiView != null) {
+            this.jitsiView.join(options);
+        } else {
+            JitsiMeetLogger.w("Cannot join, view is null");
+        }
+    }
+
+    protected void leave() {
+        if (this.jitsiView != null) {
+            this.jitsiView.abort();
+        } else {
+            JitsiMeetLogger.w("Cannot leave, view is null");
+        }
+    }
+
+    private @Nullable
+    JitsiMeetConferenceOptions getConferenceOptions(Intent intent) {
+        String action = intent.getAction();
+
+        if (Intent.ACTION_VIEW.equals(action)) {
+            Uri uri = intent.getData();
+            if (uri != null) {
+                return new JitsiMeetConferenceOptions.Builder().setRoom(uri.toString()).build();
+            }
+        } else if (ACTION_JITSI_MEET_CONFERENCE.equals(action)) {
+            return intent.getParcelableExtra(JITSI_MEET_CONFERENCE_OPTIONS);
+        }
+
+        return null;
+    }
+
+    /**
+     * Helper function called during activity initialization. If {@code true} is returned, the
+     * initialization is delayed and the {@link JitsiMeetActivity#initialize()} method is not
+     * called. In this case, it's up to the subclass to call the initialize method when ready.
+     * <p>
+     * This is mainly required so we do some extra initialization in the Jitsi Meet app.
+     *
+     * @return {@code true} if the initialization will be delayed, {@code false} otherwise.
+     */
+    protected boolean extraInitialize() {
+        return false;
+    }
+
+    protected void initialize() {
+        // Join the room specified by the URL the app was launched with.
+        // Joining without the room option displays the welcome page.
+        join(getConferenceOptions(getIntent()));
+    }
+
+    protected void onConferenceJoined(HashMap<String, Object> extraData) {
+        JitsiMeetLogger.i("Conference joined: " + extraData);
+        // Launch the service for the ongoing notification.
+        JitsiMeetOngoingConferenceService.launch(this, extraData);
+    }
+
+    protected void onConferenceTerminated(HashMap<String, Object> extraData) {
+        JitsiMeetLogger.i("Conference terminated: " + extraData);
+    }
+
+    protected void onConferenceWillJoin(HashMap<String, Object> extraData) {
+        JitsiMeetLogger.i("Conference will join: " + extraData);
+    }
+
+    protected void onParticipantJoined(HashMap<String, Object> extraData) {
+        try {
+            JitsiMeetLogger.i("Participant joined: ", extraData);
+        } catch (Exception e) {
+            JitsiMeetLogger.w("Invalid participant joined extraData", e);
+        }
+    }
+
+    protected void onParticipantLeft(HashMap<String, Object> extraData) {
+        try {
+            JitsiMeetLogger.i("Participant left: ", extraData);
+        } catch (Exception e) {
+            JitsiMeetLogger.w("Invalid participant left extraData", e);
+        }
+    }
+
+    protected void onReadyToClose() {
+        JitsiMeetLogger.i("SDK is ready to close");
+        isReadyToClose = true;
+        finish();
+    }
+
+//    protected void onTranscriptionChunkReceived(HashMap<String, Object> extraData) {
+//        JitsiMeetLogger.i("Transcription chunk received: " + extraData);
+//    }
+
+//    protected void onCustomButtonPressed(HashMap<String, Object> extraData) {
+//         JitsiMeetLogger.i("Custom button pressed: " + extraData);
+//     }
+
+//     protected void onConferenceUniqueIdSet(HashMap<String, Object> extraData) {
+//         JitsiMeetLogger.i("Conference unique id set: " + extraData);
+//     }
+
+//     protected void onRecordingStatusChanged(HashMap<String, Object> extraData) {
+//       JitsiMeetLogger.i("Recording status changed: " + extraData);
+//     }
+
+    // Activity lifecycle methods
+    //
+
+    @Override
+    public void onActivityResult(int requestCode, int resultCode, Intent data) {
+        super.onActivityResult(requestCode, resultCode, data);
+
+        JitsiMeetActivityDelegate.onActivityResult(this, requestCode, resultCode, data);
+    }
+
+    @Override
+    public void onBackPressed() {
+        JitsiMeetActivityDelegate.onBackPressed();
+    }
+
+    @Override
+    public void onNewIntent(Intent intent) {
+        super.onNewIntent(intent);
+
+        JitsiMeetConferenceOptions options;
+
+        if ((options = getConferenceOptions(intent)) != null) {
+            join(options);
+            return;
+        }
+
+        JitsiMeetActivityDelegate.onNewIntent(intent);
+    }
+
+    @Override
+    protected void onUserLeaveHint() {
+        if (this.jitsiView != null) {
+            this.jitsiView.enterPictureInPicture();
+        }
+    }
+
+    // JitsiMeetActivityInterface
+    //
+
+    @Override
+    public void requestPermissions(String[] permissions, int requestCode, PermissionListener listener) {
+        JitsiMeetActivityDelegate.requestPermissions(this, permissions, requestCode, listener);
+    }
+
+    @SuppressLint("MissingSuperCall")
+    @Override
+    public void onRequestPermissionsResult(int requestCode, String[] permissions, int[] grantResults) {
+        JitsiMeetActivityDelegate.onRequestPermissionsResult(requestCode, permissions, grantResults);
+    }
+
+    private void registerForBroadcastMessages() {
+        IntentFilter intentFilter = new IntentFilter();
+
+        for (BroadcastEvent.Type type : BroadcastEvent.Type.values()) {
+            intentFilter.addAction(type.getAction());
+        }
+
+        LocalBroadcastManager.getInstance(this).registerReceiver(broadcastReceiver, intentFilter);
+    }
+
+    private void onBroadcastReceived(Intent intent) {
+        if (intent != null) {
+            BroadcastEvent event = new BroadcastEvent(intent);
+
+            switch (event.getType()) {
+                case CONFERENCE_JOINED:
+                    onConferenceJoined(event.getData());
+                    break;
+                case CONFERENCE_WILL_JOIN:
+                    onConferenceWillJoin(event.getData());
+                    break;
+                case CONFERENCE_TERMINATED:
+                    onConferenceTerminated(event.getData());
+                    break;
+                case PARTICIPANT_JOINED:
+                    onParticipantJoined(event.getData());
+                    break;
+                case PARTICIPANT_LEFT:
+                    onParticipantLeft(event.getData());
+                    break;
+                case READY_TO_CLOSE:
+                    onReadyToClose();
+                    break;
+                // case TRANSCRIPTION_CHUNK_RECEIVED:
+                //    onTranscriptionChunkReceived(event.getData());
+                //    break;
+                // case CUSTOM_BUTTON_PRESSED:
+                //    onCustomButtonPressed(event.getData());
+                //    break;
+                // case CONFERENCE_UNIQUE_ID_SET:
+                //     onConferenceUniqueIdSet(event.getData());
+                //     break;
+                // case RECORDING_STATUS_CHANGED:
+                //     onRecordingStatusChanged(event.getData());
+                //     break;
+            }
+        }
+    }
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiMeetActivityDelegate.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiMeetActivityDelegate.java
new file mode 100644
index 0000000..f933683
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiMeetActivityDelegate.java
@@ -0,0 +1,186 @@
+/*
+ * Copyright @ 2018-present 8x8, Inc.
+ *
+ * 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.
+ */
+
+package org.jitsi.meet.sdk;
+
+import android.app.Activity;
+import android.content.Intent;
+
+import com.facebook.react.ReactInstanceManager;
+import com.facebook.react.bridge.Callback;
+import com.facebook.react.bridge.ReactContext;
+import com.facebook.react.modules.core.PermissionListener;
+
+import org.jitsi.meet.sdk.log.JitsiMeetLogger;
+
+/**
+ * Helper class to encapsulate the work which needs to be done on
+ * {@link Activity} lifecycle methods in order for the React side to be aware of
+ * it.
+ */
+public class JitsiMeetActivityDelegate {
+    /**
+     * Needed for making sure this class working with the "PermissionsAndroid"
+     * React Native module.
+     */
+    private static PermissionListener permissionListener;
+
+    /**
+     * Tells whether or not the permissions request is currently in progress.
+     *
+     * @return {@code true} if the permissions are being requested or {@code false} otherwise.
+     */
+    static boolean arePermissionsBeingRequested() {
+        return permissionListener != null;
+    }
+
+    /**
+     * {@link Activity} lifecycle method which should be called from
+     * {@code Activity#onActivityResult} so we are notified about results of external intents
+     * started/finished.
+     *
+     * @param activity {@code Activity} activity from where the result comes from.
+     * @param requestCode {@code int} code of the request.
+     * @param resultCode {@code int} code of the result.
+     * @param data {@code Intent} the intent of the activity.
+     */
+    public static void onActivityResult(
+            Activity activity,
+            int requestCode,
+            int resultCode,
+            Intent data) {
+        ReactInstanceManager reactInstanceManager
+                = ReactInstanceManagerHolder.getReactInstanceManager();
+
+        if (reactInstanceManager != null) {
+            reactInstanceManager.onActivityResult(activity, requestCode, resultCode, data);
+        }
+    }
+
+    /**
+     * {@link Activity} lifecycle method which should be called from
+     * {@link Activity#onBackPressed} so we can do the required internal
+     * processing.
+     *
+     * @return {@code true} if the back-press was processed; {@code false},
+     * otherwise. If {@code false}, the application should call the
+     * {@code super}'s implementation.
+     */
+    public static void onBackPressed() {
+        ReactInstanceManager reactInstanceManager
+            = ReactInstanceManagerHolder.getReactInstanceManager();
+
+        if (reactInstanceManager != null) {
+            reactInstanceManager.onBackPressed();
+        }
+    }
+
+    /**
+     * {@link Activity} lifecycle method which should be called from
+     * {@code Activity#onDestroy} so we can do the required internal
+     * processing.
+     *
+     * @param activity {@code Activity} being destroyed.
+     */
+    public static void onHostDestroy(Activity activity) {
+        ReactInstanceManager reactInstanceManager
+            = ReactInstanceManagerHolder.getReactInstanceManager();
+
+        if (reactInstanceManager != null) {
+            reactInstanceManager.onHostDestroy(activity);
+        }
+    }
+
+    /**
+     * {@link Activity} lifecycle method which should be called from
+     * {@code Activity#onPause} so we can do the required internal processing.
+     *
+     * @param activity {@code Activity} being paused.
+     */
+    public static void onHostPause(Activity activity) {
+        ReactInstanceManager reactInstanceManager
+            = ReactInstanceManagerHolder.getReactInstanceManager();
+
+        if (reactInstanceManager != null) {
+            try {
+                reactInstanceManager.onHostPause(activity);
+            } catch (AssertionError e) {
+                // There seems to be a problem in RN when resuming an Activity when
+                // rotation is involved and the planets align. There doesn't seem to
+                // be a proper solution, but since the activity is going away anyway,
+                // we'll YOLO-ignore the exception and hope fo the best.
+                // Ref: https://github.com/facebook/react-native/search?q=Pausing+an+activity+that+is+not+the+current+activity%2C+this+is+incorrect%21&type=issues
+                JitsiMeetLogger.e(e, "Error running onHostPause, ignoring");
+            }
+        }
+    }
+
+    /**
+     * {@link Activity} lifecycle method which should be called from
+     * {@code Activity#onResume} so we can do the required internal processing.
+     *
+     * @param activity {@code Activity} being resumed.
+     */
+    public static void onHostResume(Activity activity) {
+        ReactInstanceManager reactInstanceManager
+            = ReactInstanceManagerHolder.getReactInstanceManager();
+
+        if (reactInstanceManager != null) {
+            reactInstanceManager.onHostResume(activity, new DefaultHardwareBackBtnHandlerImpl(activity));
+        }
+    }
+
+    /**
+     * {@link Activity} lifecycle method which should be called from
+     * {@code Activity#onNewIntent} so we can do the required internal
+     * processing. Note that this is only needed if the activity's "launchMode"
+     * was set to "singleTask". This is required for deep linking to work once
+     * the application is already running.
+     *
+     * @param intent {@code Intent} instance which was received.
+     */
+    public static void onNewIntent(Intent intent) {
+        ReactInstanceManager reactInstanceManager
+            = ReactInstanceManagerHolder.getReactInstanceManager();
+
+        if (reactInstanceManager != null) {
+            reactInstanceManager.onNewIntent(intent);
+        }
+    }
+
+    public static void onRequestPermissionsResult(
+            final int requestCode, final String[] permissions, final int[] grantResults) {
+        // Invoke the callback immediately
+        if (permissionListener != null && permissionListener.onRequestPermissionsResult(requestCode, permissions, grantResults)) {  
+            permissionListener = null;
+        }
+    }
+
+    public static void requestPermissions(Activity activity, String[] permissions, int requestCode, PermissionListener listener) {
+        permissionListener = listener;
+
+        // The RN Permissions module calls this in a non-UI thread. What we observe is a crash in ViewGroup.dispatchCancelPendingInputEvents,
+        // which is called on the calling (ie, non-UI) thread. This doesn't look very safe, so try to avoid a crash by pretending the permission
+        // was denied.
+
+        try {
+            activity.requestPermissions(permissions, requestCode);
+        } catch (Exception e) {
+            JitsiMeetLogger.e(e, "Error requesting permissions");
+            onRequestPermissionsResult(requestCode, permissions, new int[0]);
+        }
+    }
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiMeetActivityInterface.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiMeetActivityInterface.java
new file mode 100644
index 0000000..2616594
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiMeetActivityInterface.java
@@ -0,0 +1,15 @@
+package org.jitsi.meet.sdk;
+
+import androidx.core.app.ActivityCompat;
+
+import com.facebook.react.modules.core.PermissionAwareActivity;
+
+/**
+ * This interface serves as the umbrella interface that applications not using
+ * {@code JitsiMeetFragment} must implement in order to ensure full
+ * functionality.
+ */
+public interface JitsiMeetActivityInterface
+    extends ActivityCompat.OnRequestPermissionsResultCallback,
+            PermissionAwareActivity {
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiMeetConferenceOptions.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiMeetConferenceOptions.java
new file mode 100644
index 0000000..22406d3
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiMeetConferenceOptions.java
@@ -0,0 +1,332 @@
+/*
+ * Copyright @ 2019-present 8x8, Inc.
+ *
+ * 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.
+ */
+
+package org.jitsi.meet.sdk;
+
+import android.os.Bundle;
+import android.os.Parcel;
+import android.os.Parcelable;
+
+import java.net.URL;
+import java.util.ArrayList;
+
+
+/**
+ * This class represents the options when joining a Jitsi Meet conference. The user can create an
+ * instance by using {@link JitsiMeetConferenceOptions.Builder} and setting the desired options
+ * there.
+ *
+ * The resulting {@link JitsiMeetConferenceOptions} object is immutable and represents how the
+ * conference will be joined.
+ */
+public class JitsiMeetConferenceOptions implements Parcelable {
+    /**
+     * Server where the conference should take place.
+     */
+    private URL serverURL;
+    /**
+     * Room name.
+     */
+    private String room;
+    /**
+     * JWT token used for authentication.
+     */
+    private String token;
+
+    /**
+     * Config. See: https://github.com/jitsi/jitsi-meet/blob/master/config.js
+     */
+    private Bundle config;
+
+    /**
+     * Feature flags. See: https://github.com/jitsi/jitsi-meet/blob/master/react/features/base/flags/constants.js
+     */
+    private Bundle featureFlags;
+
+    /**
+     * USer information, to be used when no token is specified.
+     */
+    private JitsiMeetUserInfo userInfo;
+
+    public URL getServerURL() {
+        return serverURL;
+    }
+
+    public String getRoom() {
+        return room;
+    }
+
+    public String getToken() {
+        return token;
+    }
+
+    public Bundle getFeatureFlags() {
+        return featureFlags;
+    }
+
+    public JitsiMeetUserInfo getUserInfo() {
+        return userInfo;
+    }
+
+    /**
+     * Class used to build the immutable {@link JitsiMeetConferenceOptions} object.
+     */
+    public static class Builder {
+        private URL serverURL;
+        private String room;
+        private String token;
+
+        private Bundle config;
+        private Bundle featureFlags;
+
+        private JitsiMeetUserInfo userInfo;
+
+        public Builder() {
+            config = new Bundle();
+            featureFlags = new Bundle();
+        }
+
+        /**\
+         * Sets the server URL.
+         * @param url - {@link URL} of the server where the conference should take place.
+         * @return - The {@link Builder} object itself so the method calls can be chained.
+         */
+        public Builder setServerURL(URL url) {
+            this.serverURL = url;
+
+            return this;
+        }
+
+        /**
+         * Sets the room where the conference will take place.
+         * @param room - Name of the room.
+         * @return - The {@link Builder} object itself so the method calls can be chained.
+         */
+        public Builder setRoom(String room) {
+            this.room = room;
+
+            return this;
+        }
+
+        /**
+         * Sets the conference subject.
+         * @param subject - Subject for the conference.
+         * @return - The {@link Builder} object itself so the method calls can be chained.
+         */
+        public Builder setSubject(String subject) {
+            setConfigOverride("subject", subject);
+
+            return this;
+        }
+
+        /**
+         * Sets the JWT token to be used for authentication when joining a conference.
+         * @param token - The JWT token to be used for authentication.
+         * @return - The {@link Builder} object itself so the method calls can be chained.
+         */
+        public Builder setToken(String token) {
+            this.token = token;
+
+            return this;
+        }
+
+        /**
+         * Indicates the conference will be joined with the microphone muted.
+         * @param audioMuted - Muted indication.
+         * @return - The {@link Builder} object itself so the method calls can be chained.
+         */
+        public Builder setAudioMuted(boolean audioMuted) {
+            setConfigOverride("startWithAudioMuted", audioMuted);
+
+            return this;
+        }
+
+        /**
+         * Indicates the conference will be joined in audio-only mode. In this mode no video is
+         * sent or received.
+         * @param audioOnly - Audio-mode indicator.
+         * @return - The {@link Builder} object itself so the method calls can be chained.
+         */
+        public Builder setAudioOnly(boolean audioOnly) {
+            setConfigOverride("startAudioOnly", audioOnly);
+
+            return this;
+        }
+        /**
+         * Indicates the conference will be joined with the camera muted.
+         * @param videoMuted - Muted indication.
+         * @return - The {@link Builder} object itself so the method calls can be chained.
+         */
+        public Builder setVideoMuted(boolean videoMuted) {
+            setConfigOverride("startWithVideoMuted", videoMuted);
+
+            return this;
+        }
+
+        public Builder setFeatureFlag(String flag, boolean value) {
+            this.featureFlags.putBoolean(flag, value);
+
+            return this;
+        }
+
+        public Builder setFeatureFlag(String flag, String value) {
+            this.featureFlags.putString(flag, value);
+
+            return this;
+        }
+
+        public Builder setFeatureFlag(String flag, int value) {
+            this.featureFlags.putInt(flag, value);
+
+            return this;
+        }
+
+        public Builder setUserInfo(JitsiMeetUserInfo userInfo) {
+            this.userInfo = userInfo;
+
+            return this;
+        }
+
+        public Builder setConfigOverride(String config, String value) {
+            this.config.putString(config, value);
+
+            return this;
+        }
+
+        public Builder setConfigOverride(String config, int value) {
+            this.config.putInt(config, value);
+
+            return this;
+        }
+
+        public Builder setConfigOverride(String config, boolean value) {
+            this.config.putBoolean(config, value);
+
+            return this;
+        }
+
+        public Builder setConfigOverride(String config, Bundle bundle) {
+            this.config.putBundle(config, bundle);
+
+            return this;
+        }
+
+        public Builder setConfigOverride(String config, String[] list) {
+            this.config.putStringArray(config, list);
+
+            return this;
+        }
+
+        public Builder setConfigOverride(String config, ArrayList<Bundle> arrayList) {
+            this.config.putParcelableArrayList(config, arrayList);
+
+            return this;
+        }
+
+        /**
+         * Builds the immutable {@link JitsiMeetConferenceOptions} object with the configuration
+         * that this {@link Builder} instance specified.
+         * @return - The built {@link JitsiMeetConferenceOptions} object.
+         */
+        public JitsiMeetConferenceOptions build() {
+            JitsiMeetConferenceOptions options = new JitsiMeetConferenceOptions();
+
+            options.serverURL = this.serverURL;
+            options.room = this.room;
+            options.token = this.token;
+            options.config = this.config;
+            options.featureFlags = this.featureFlags;
+            options.userInfo = this.userInfo;
+
+            return options;
+        }
+    }
+
+    private JitsiMeetConferenceOptions() {
+    }
+
+    private JitsiMeetConferenceOptions(Parcel in) {
+        serverURL = (URL) in.readSerializable();
+        room = in.readString();
+        token = in.readString();
+        config = in.readBundle();
+        featureFlags = in.readBundle();
+        userInfo = new JitsiMeetUserInfo(in.readBundle());
+    }
+
+    Bundle asProps() {
+        Bundle props = new Bundle();
+
+        props.putBundle("flags", featureFlags);
+
+        Bundle urlProps = new Bundle();
+
+        // The room is fully qualified
+        if (room != null && room.contains("://")) {
+            urlProps.putString("url", room);
+        } else {
+            if (serverURL != null) {
+                urlProps.putString("serverURL", serverURL.toString());
+            }
+            if (room != null) {
+                urlProps.putString("room", room);
+            }
+        }
+
+        if (token != null) {
+            urlProps.putString("jwt", token);
+        }
+
+        if (userInfo != null) {
+            props.putBundle("userInfo", userInfo.asBundle());
+        }
+
+        urlProps.putBundle("config", config);
+        props.putBundle("url", urlProps);
+
+        return props;
+    }
+
+    // Parcelable interface
+    //
+
+    public static final Creator<JitsiMeetConferenceOptions> CREATOR = new Creator<JitsiMeetConferenceOptions>() {
+        @Override
+        public JitsiMeetConferenceOptions createFromParcel(Parcel in) {
+            return new JitsiMeetConferenceOptions(in);
+        }
+
+        @Override
+        public JitsiMeetConferenceOptions[] newArray(int size) {
+            return new JitsiMeetConferenceOptions[size];
+        }
+    };
+
+    @Override
+    public void writeToParcel(Parcel dest, int flags) {
+        dest.writeSerializable(serverURL);
+        dest.writeString(room);
+        dest.writeString(token);
+        dest.writeBundle(config);
+        dest.writeBundle(featureFlags);
+        dest.writeBundle(userInfo != null ? userInfo.asBundle() : new Bundle());
+    }
+
+    @Override
+    public int describeContents() {
+        return 0;
+    }
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiMeetOngoingConferenceService.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiMeetOngoingConferenceService.java
new file mode 100644
index 0000000..7535105
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiMeetOngoingConferenceService.java
@@ -0,0 +1,319 @@
+/*
+ * Copyright @ 2019-present 8x8, Inc.
+ *
+ * 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.
+ */
+
+package org.jitsi.meet.sdk;
+
+import static android.Manifest.permission.POST_NOTIFICATIONS;
+import static android.Manifest.permission.RECORD_AUDIO;
+
+import android.app.Activity;
+import android.app.Notification;
+import android.app.NotificationManager;
+import android.app.Service;
+import android.content.ComponentName;
+import android.content.Context;
+import android.content.Intent;
+import android.content.IntentFilter;
+import android.content.pm.PackageManager;
+import android.content.pm.ServiceInfo;
+import android.os.Build;
+import android.os.Bundle;
+import android.os.IBinder;
+
+import androidx.localbroadcastmanager.content.LocalBroadcastManager;
+
+import com.facebook.react.modules.core.PermissionListener;
+
+import org.jitsi.meet.sdk.log.JitsiMeetLogger;
+
+import java.util.ArrayList;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Random;
+
+/**
+ * This class implements an Android {@link Service}, a foreground one specifically, and it's
+ * responsible for presenting an ongoing notification when a conference is in progress.
+ * The service will help keep the app running while in the background.
+ *
+ * See: https://developer.android.com/guide/components/services
+ */
+public class JitsiMeetOngoingConferenceService extends Service implements OngoingConferenceTracker.OngoingConferenceListener {
+    private static final String TAG = JitsiMeetOngoingConferenceService.class.getSimpleName();
+    private static final String ACTIVITY_DATA_KEY = "activityDataKey";
+    private static final String EXTRA_DATA_KEY = "extraDataKey";
+    private static final String EXTRA_DATA_BUNDLE_KEY = "extraDataBundleKey";
+    private static final String IS_AUDIO_MUTED_KEY = "isAudioMuted";
+
+    private static final int PERMISSIONS_REQUEST_CODE = (int) (Math.random() * Short.MAX_VALUE);
+
+    private final BroadcastReceiver broadcastReceiver = new BroadcastReceiver();
+
+    private boolean isAudioMuted;
+    private Class tapBackActivity;
+
+    static final int NOTIFICATION_ID = new Random().nextInt(99999) + 10000;
+
+    private static void doLaunch(Context context, HashMap<String, Object> extraData) {
+        Activity activity = (Activity) context;
+
+        OngoingNotification.createNotificationChannel(activity);
+
+        Intent intent = new Intent(context, JitsiMeetOngoingConferenceService.class);
+
+        Bundle extraDataBundle = new Bundle();
+        extraDataBundle.putSerializable(EXTRA_DATA_KEY, extraData);
+
+        intent.putExtra(EXTRA_DATA_BUNDLE_KEY, extraDataBundle);
+        intent.putExtra(ACTIVITY_DATA_KEY, activity.getClass().getCanonicalName());
+
+        ComponentName componentName;
+
+        try {
+            componentName = context.startForegroundService(intent);
+        } catch (RuntimeException e) {
+            // Avoid crashing due to ForegroundServiceStartNotAllowedException (API level 31).
+            // See: https://developer.android.com/guide/components/foreground-services#background-start-restrictions
+            JitsiMeetLogger.w(TAG + " Ongoing conference service not started", e);
+            return;
+        }
+
+        if (componentName == null) {
+            JitsiMeetLogger.w(TAG + " Ongoing conference service not started");
+        }
+    }
+
+
+    public static void launch(Context context, HashMap<String, Object> extraData) {
+        List<String> permissionsList = new ArrayList<>();
+        Activity activity = (Activity) context;
+
+        PermissionListener listener = new PermissionListener() {
+            @Override
+            public boolean onRequestPermissionsResult(int i, String[] strings, int[] results) {
+                int counter = 0;
+
+                if (results.length > 0) {
+                    for (int result : results) {
+                        if (result == PackageManager.PERMISSION_GRANTED) {
+                            counter++;
+                        }
+                    }
+
+                    if (counter == results.length){
+                        doLaunch(context, extraData);
+                        JitsiMeetLogger.w(TAG + " Service launched, permissions were granted");
+                    } else {
+                        JitsiMeetLogger.w(TAG + " Couldn't launch service, permissions were not granted");
+                    }
+                }
+
+                return true;
+            }
+        };
+
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.TIRAMISU) {
+            permissionsList.add(POST_NOTIFICATIONS);
+            permissionsList.add(RECORD_AUDIO);
+        }
+
+        String[] permissionsArray = new String[ permissionsList.size() ];
+        permissionsArray = permissionsList.toArray( permissionsArray );
+
+        if (permissionsArray.length > 0) {
+            JitsiMeetActivityDelegate.requestPermissions(
+                activity,
+                permissionsArray,
+                PERMISSIONS_REQUEST_CODE,
+                listener
+            );
+        } else {
+            doLaunch(context, extraData);
+            JitsiMeetLogger.w(TAG + " Service launched");
+        }
+    }
+
+    public static void abort(Context context) {
+        Intent intent = new Intent(context, JitsiMeetOngoingConferenceService.class);
+        context.stopService(intent);
+    }
+
+    @Override
+    public void onCreate() {
+        super.onCreate();
+
+        Notification notification = OngoingNotification.buildOngoingConferenceNotification(isAudioMuted, this, tapBackActivity);
+        if (notification == null) {
+            stopSelf();
+            JitsiMeetLogger.w(TAG + " Couldn't start service, notification is null");
+        } else {
+            try {
+                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {
+                    startForeground(NOTIFICATION_ID, notification, ServiceInfo.FOREGROUND_SERVICE_TYPE_MEDIA_PLAYBACK | ServiceInfo.FOREGROUND_SERVICE_TYPE_MICROPHONE);
+                } else if (Build.VERSION.SDK_INT == Build.VERSION_CODES.Q) {
+                    startForeground(NOTIFICATION_ID, notification, ServiceInfo.FOREGROUND_SERVICE_TYPE_MEDIA_PLAYBACK);
+                } else {
+                    startForeground(NOTIFICATION_ID, notification);
+                }
+            } catch (Exception e) {
+                // Handle ForegroundServiceStartNotAllowedException when app is in background and cannot start foreground service.
+                // See: https://developer.android.com/develop/background-work/services/fgs/restrictions-bg-start#wiu-restrictions
+                JitsiMeetLogger.w(TAG + " Failed to start foreground service", e);
+                stopSelf();
+                return;
+            }
+        }
+
+        OngoingConferenceTracker.getInstance().addListener(this);
+
+        IntentFilter intentFilter = new IntentFilter();
+        intentFilter.addAction(BroadcastEvent.Type.AUDIO_MUTED_CHANGED.getAction());
+        LocalBroadcastManager.getInstance(getApplicationContext()).registerReceiver(broadcastReceiver, intentFilter);
+    }
+
+    @Override
+    public void onDestroy() {
+        OngoingConferenceTracker.getInstance().removeListener(this);
+        LocalBroadcastManager.getInstance(getApplicationContext()).unregisterReceiver(broadcastReceiver);
+
+        super.onDestroy();
+    }
+
+    @Override
+    public IBinder onBind(Intent intent) {
+        return null;
+    }
+
+    @Override
+    public int onStartCommand(Intent intent, int flags, int startId) {
+        final String actionName = intent.getAction();
+        final Action action = Action.fromName(actionName);
+
+        if (action != Action.HANGUP) {
+            Boolean isAudioMuted = tryParseIsAudioMuted(intent);
+
+            if (isAudioMuted != null) {
+                this.isAudioMuted = Boolean.parseBoolean(intent.getStringExtra("muted"));
+            }
+
+            if (tapBackActivity == null) {
+                String targetActivityName = intent.getExtras().getString(ACTIVITY_DATA_KEY);
+                Class<? extends Activity> targetActivity = null;
+                try {
+                    targetActivity = Class.forName(targetActivityName).asSubclass(Activity.class);
+                    tapBackActivity = targetActivity;
+                } catch (ClassNotFoundException e) {
+                    JitsiMeetLogger.w(TAG + " Could not find target Activity: " + targetActivityName);
+                }
+            }
+
+            Notification notification = OngoingNotification.buildOngoingConferenceNotification(this.isAudioMuted, this, tapBackActivity);
+            if (notification == null) {
+                stopSelf();
+                JitsiMeetLogger.w(TAG + " Couldn't start service, notification is null");
+            } else {
+                NotificationManager notificationManager = (NotificationManager) getSystemService(Context.NOTIFICATION_SERVICE);
+                notificationManager.notify(NOTIFICATION_ID, notification);
+            }
+        }
+
+        // When starting the service, there is no action passed in the intent
+        if (action != null) {
+            switch (action) {
+                case UNMUTE:
+                case MUTE:
+                    Intent muteBroadcastIntent = BroadcastIntentHelper.buildSetAudioMutedIntent(action == Action.MUTE);
+                    LocalBroadcastManager.getInstance(getApplicationContext()).sendBroadcast(muteBroadcastIntent);
+                    break;
+                case HANGUP:
+                    JitsiMeetLogger.i(TAG + " Hangup requested");
+
+                    Intent hangupBroadcastIntent = BroadcastIntentHelper.buildHangUpIntent();
+                    LocalBroadcastManager.getInstance(getApplicationContext()).sendBroadcast(hangupBroadcastIntent);
+
+                    stopSelf();
+                    break;
+                default:
+                    JitsiMeetLogger.w(TAG + " Unknown action received: " + action);
+                    break;
+            }
+        }
+
+        return START_NOT_STICKY;
+    }
+
+    @Override
+    public void onCurrentConferenceChanged(String conferenceUrl) {
+        if (conferenceUrl == null) {
+            stopSelf();
+            OngoingNotification.resetStartingtime();
+            JitsiMeetLogger.i(TAG + "Service stopped");
+        }
+    }
+
+    public enum Action {
+        HANGUP(TAG + ":HANGUP"),
+        MUTE(TAG + ":MUTE"),
+        UNMUTE(TAG + ":UNMUTE");
+
+        private final String name;
+
+        Action(String name) {
+            this.name = name;
+        }
+
+        public static Action fromName(String name) {
+            for (Action action : Action.values()) {
+                if (action.name.equalsIgnoreCase(name)) {
+                    return action;
+                }
+            }
+            return null;
+        }
+
+        public String getName() {
+            return name;
+        }
+    }
+
+    private Boolean tryParseIsAudioMuted(Intent intent) {
+        try {
+            HashMap<String, Object> extraData = (HashMap<String, Object>) intent.getBundleExtra(EXTRA_DATA_BUNDLE_KEY).getSerializable(EXTRA_DATA_KEY);
+            return Boolean.parseBoolean((String) extraData.get(IS_AUDIO_MUTED_KEY));
+        } catch (Exception ignored) {
+        }
+        return null;
+    }
+
+    private class BroadcastReceiver extends android.content.BroadcastReceiver {
+
+        @Override
+        public void onReceive(Context context, Intent intent) {
+            Class tapBackActivity = JitsiMeetOngoingConferenceService.this.tapBackActivity;
+            isAudioMuted = Boolean.parseBoolean(intent.getStringExtra("muted"));
+            Notification notification = OngoingNotification.buildOngoingConferenceNotification(isAudioMuted, context, tapBackActivity);
+            if (notification == null) {
+                stopSelf();
+                JitsiMeetLogger.w(TAG + " Couldn't update service, notification is null");
+            } else {
+                NotificationManager notificationManager = (NotificationManager) getSystemService(Context.NOTIFICATION_SERVICE);
+                notificationManager.notify(NOTIFICATION_ID, notification);
+
+                JitsiMeetLogger.i(TAG + " audio muted changed");
+            }
+        }
+    }
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiMeetUncaughtExceptionHandler.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiMeetUncaughtExceptionHandler.java
new file mode 100644
index 0000000..bafc02e
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiMeetUncaughtExceptionHandler.java
@@ -0,0 +1,51 @@
+/*
+ * Copyright @ 2018-present 8x8, Inc.
+ * Copyright @ 2017-2018 Atlassian Pty 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.
+ */
+
+package org.jitsi.meet.sdk;
+
+import org.jitsi.meet.sdk.log.JitsiMeetLogger;
+
+class JitsiMeetUncaughtExceptionHandler implements Thread.UncaughtExceptionHandler {
+    private final Thread.UncaughtExceptionHandler defaultUncaughtExceptionHandler;
+
+    public static void register() {
+        Thread.UncaughtExceptionHandler defaultUncaughtExceptionHandler = Thread.getDefaultUncaughtExceptionHandler();
+
+        JitsiMeetUncaughtExceptionHandler uncaughtExceptionHandler
+            = new JitsiMeetUncaughtExceptionHandler(defaultUncaughtExceptionHandler);
+
+        Thread.setDefaultUncaughtExceptionHandler(uncaughtExceptionHandler);
+    }
+
+    private JitsiMeetUncaughtExceptionHandler(Thread.UncaughtExceptionHandler defaultUncaughtExceptionHandler) {
+        this.defaultUncaughtExceptionHandler = defaultUncaughtExceptionHandler;
+    }
+
+    @Override
+    public void uncaughtException(Thread t, Throwable e) {
+        JitsiMeetLogger.e(e, this.getClass().getSimpleName() + " FATAL ERROR");
+
+        // Abort all ConnectionService ongoing calls
+        if (AudioModeModule.useConnectionService()) {
+            ConnectionService.abortConnections();
+        }
+
+        if (defaultUncaughtExceptionHandler != null) {
+            defaultUncaughtExceptionHandler.uncaughtException(t, e);
+        }
+    }
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiMeetUserInfo.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiMeetUserInfo.java
new file mode 100644
index 0000000..7d59909
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiMeetUserInfo.java
@@ -0,0 +1,107 @@
+/*
+ * Copyright @ 2019-present 8x8, Inc.
+ *
+ * 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.
+ */
+
+package org.jitsi.meet.sdk;
+
+import android.os.Bundle;
+
+import java.net.MalformedURLException;
+import java.net.URL;
+
+/**
+ * This class represents user information to be passed to {@link JitsiMeetConferenceOptions} for
+ * identifying a user.
+ */
+public class JitsiMeetUserInfo {
+    /**
+     * User's display name.
+     */
+    private String displayName;
+
+    /**
+     * User's email address.
+     */
+    private String email;
+
+    /**
+     * User's avatar URL.
+     */
+    private URL avatar;
+
+    public JitsiMeetUserInfo() {}
+
+    public JitsiMeetUserInfo(Bundle b) {
+        super();
+
+        if (b.containsKey("displayName")) {
+            displayName = b.getString("displayName");
+        }
+
+        if (b.containsKey("email")) {
+            email = b.getString("email");
+        }
+
+        if (b.containsKey("avatarURL")) {
+            String avatarURL = b.getString("avatarURL");
+            try {
+                avatar = new URL(avatarURL);
+            } catch (MalformedURLException e) {
+            }
+        }
+    }
+
+    public String getDisplayName() {
+        return displayName;
+    }
+
+    public void setDisplayName(String displayName) {
+        this.displayName = displayName;
+    }
+
+    public String getEmail() {
+        return email;
+    }
+
+    public void setEmail(String email) {
+        this.email = email;
+    }
+
+    public URL getAvatar() {
+        return avatar;
+    }
+
+    public void setAvatar(URL avatar) {
+        this.avatar = avatar;
+    }
+
+    Bundle asBundle() {
+        Bundle b = new Bundle();
+
+        if (displayName != null) {
+            b.putString("displayName", displayName);
+        }
+
+        if (email != null) {
+            b.putString("email", email);
+        }
+
+        if (avatar != null) {
+            b.putString("avatarURL", avatar.toString());
+        }
+
+        return b;
+    }
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiMeetView.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiMeetView.java
new file mode 100644
index 0000000..d107d17
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiMeetView.java
@@ -0,0 +1,229 @@
+/*
+ * Copyright @ 2017-present 8x8, Inc.
+ *
+ * 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.
+ */
+
+package org.jitsi.meet.sdk;
+
+import android.app.Activity;
+import android.app.Application;
+import android.content.Context;
+import android.os.Bundle;
+import android.util.AttributeSet;
+import android.widget.FrameLayout;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+import com.facebook.react.ReactRootView;
+
+import org.jitsi.meet.sdk.log.JitsiMeetLogger;
+
+
+public class JitsiMeetView extends FrameLayout {
+
+    /**
+     * Background color. Should match the background color set in JS.
+     */
+    public static final int BACKGROUND_COLOR = 0xFF040404;
+
+    /**
+     * React Native root view.
+     */
+    private ReactRootView reactRootView;
+
+    /**
+     * Helper method to recursively merge 2 {@link Bundle} objects representing React Native props.
+     *
+     * @param a - The first {@link Bundle}.
+     * @param b - The second {@link Bundle}.
+     * @return The merged {@link Bundle} object.
+     */
+    private static Bundle mergeProps(@Nullable Bundle a, @Nullable Bundle b) {
+        Bundle result = new Bundle();
+
+        if (a == null) {
+            if (b != null) {
+                result.putAll(b);
+            }
+
+            return result;
+        }
+
+        if (b == null) {
+            result.putAll(a);
+
+            return result;
+        }
+
+        // Start by putting all of a in the result.
+        result.putAll(a);
+
+        // Iterate over each key in b and override if appropriate.
+        for (String key : b.keySet()) {
+            Object bValue = b.get(key);
+            Object aValue = a.get(key);
+            String valueType = bValue.getClass().getSimpleName();
+
+            if (valueType.contentEquals("Boolean")) {
+                result.putBoolean(key, (Boolean)bValue);
+            } else if (valueType.contentEquals("String")) {
+                result.putString(key, (String)bValue);
+            } else if (valueType.contentEquals("Integer")) {
+                result.putInt(key, (int)bValue);
+            } else if (valueType.contentEquals("Bundle")) {
+                result.putBundle(key, mergeProps((Bundle)aValue, (Bundle)bValue));
+            } else {
+                throw new RuntimeException("Unsupported type: " + valueType);
+            }
+        }
+
+        return result;
+    }
+
+    public JitsiMeetView(@NonNull Context context) {
+        super(context);
+        initialize(context);
+    }
+
+    public JitsiMeetView(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        initialize(context);
+    }
+
+    public JitsiMeetView(Context context, AttributeSet attrs, int defStyle) {
+        super(context, attrs, defStyle);
+        initialize(context);
+    }
+
+    /**
+     * Releases the React resources (specifically the {@link ReactRootView})
+     * associated with this view.
+     *
+     * MUST be called when the {@link Activity} holding this view is destroyed,
+     * typically in the {@code onDestroy} method.
+     */
+    public void dispose() {
+        if (reactRootView != null) {
+            removeView(reactRootView);
+            reactRootView.unmountReactApplication();
+            reactRootView = null;
+        }
+    }
+
+    /**
+     * Enters Picture-In-Picture mode, if possible. This method is designed to
+     * be called from the {@code Activity.onUserLeaveHint} method.
+     *
+     * This is currently not mandatory, but if used will provide automatic
+     * handling of the picture in picture mode when user minimizes the app. It
+     * will be probably the most useful in case the app is using the welcome
+     * page.
+     */
+    public void enterPictureInPicture() {
+        PictureInPictureModule pipModule
+            = ReactInstanceManagerHolder.getNativeModule(
+                PictureInPictureModule.class);
+        if (pipModule != null
+                && pipModule.isPictureInPictureSupported()
+                && !JitsiMeetActivityDelegate.arePermissionsBeingRequested()) {
+            try {
+                pipModule.enterPictureInPicture();
+            } catch (RuntimeException re) {
+                JitsiMeetLogger.e(re, "Failed to enter PiP mode");
+            }
+        }
+    }
+
+    /**
+     * Joins the conference specified by the given {@link JitsiMeetConferenceOptions}. If there is
+     * already an active conference, it will be left and the new one will be joined.
+     * @param options - Description of what conference must be joined and what options will be used
+     *                when doing so.
+     */
+    public void join(@Nullable JitsiMeetConferenceOptions options) {
+        setProps(options != null ? options.asProps() : new Bundle());
+    }
+
+    /**
+     * Internal method which aborts running RN by passing empty props.
+     * This is only meant to be used from the enclosing Activity's onDestroy.
+     */
+    public void abort() {
+        setProps(new Bundle());
+    }
+
+    /**
+     * Creates the {@code ReactRootView} for the given app name with the given
+     * props. Once created it's set as the view of this {@code FrameLayout}.
+     *
+     * @param appName - The name of the "app" (in React Native terms) to load.
+     * @param props - The React Component props to pass to the app.
+     */
+    private void createReactRootView(String appName, @Nullable Bundle props) {
+        if (props == null) {
+            props = new Bundle();
+        }
+
+        if (reactRootView == null) {
+            reactRootView = new ReactRootView(getContext());
+            reactRootView.startReactApplication(
+                ReactInstanceManagerHolder.getReactInstanceManager(),
+                appName,
+                props);
+            reactRootView.setBackgroundColor(BACKGROUND_COLOR);
+            addView(reactRootView);
+        } else {
+            reactRootView.setAppProperties(props);
+        }
+    }
+
+    private void initialize(@NonNull Context context) {
+        // Check if the parent Activity implements JitsiMeetActivityInterface,
+        // otherwise things may go wrong.
+        if (!(context instanceof JitsiMeetActivityInterface)) {
+            throw new RuntimeException("Enclosing Activity must implement JitsiMeetActivityInterface");
+        }
+
+        setBackgroundColor(BACKGROUND_COLOR);
+    }
+
+    /**
+     * Helper method to set the React Native props.
+     * @param newProps - New props to be set on the React Native view.
+     */
+    private void setProps(@NonNull Bundle newProps) {
+        // Merge the default options with the newly provided ones.
+        Bundle props = mergeProps(JitsiMeet.getDefaultProps(), newProps);
+
+        // XXX The setProps() method is supposed to be imperative i.e.
+        // a second invocation with one and the same URL is expected to join
+        // the respective conference again if the first invocation was followed
+        // by leaving the conference. However, React and, respectively,
+        // appProperties/initialProperties are declarative expressions i.e. one
+        // and the same URL will not trigger an automatic re-render in the
+        // JavaScript source code. The workaround implemented below introduces
+        // "imperativeness" in React Component props by defining a unique value
+        // per setProps() invocation.
+        props.putLong("timestamp", System.currentTimeMillis());
+
+        createReactRootView("App", props);
+    }
+
+    @Override
+    protected void onDetachedFromWindow() {
+        dispose();
+        super.onDetachedFromWindow();
+    }
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiVideoDecoderFactory.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiVideoDecoderFactory.java
new file mode 100644
index 0000000..1beaf4c
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiVideoDecoderFactory.java
@@ -0,0 +1,84 @@
+package org.jitsi.meet.sdk;
+
+/*
+ *  Copyright 2017 The WebRTC project authors. All Rights Reserved.
+ *
+ *  Use of this source code is governed by a BSD-style license
+ *  that can be found in the LICENSE file in the root of the source
+ *  tree. An additional intellectual property rights grant can be found
+ *  in the file PATENTS.  All contributing project authors may
+ *  be found in the AUTHORS file in the root of the source tree.
+ */
+
+import android.media.MediaCodecInfo;
+import androidx.annotation.Nullable;
+
+import com.oney.WebRTCModule.webrtcutils.SoftwareVideoDecoderFactoryProxy;
+
+import org.webrtc.EglBase;
+import org.webrtc.HardwareVideoDecoderFactory;
+import org.webrtc.JitsiPlatformVideoDecoderFactory;
+import org.webrtc.Predicate;
+import org.webrtc.VideoCodecInfo;
+import org.webrtc.VideoDecoder;
+import org.webrtc.VideoDecoderFactory;
+import org.webrtc.VideoDecoderFallback;
+
+import java.util.Arrays;
+import java.util.LinkedHashSet;
+
+/**
+ * Custom decoder factory which uses HW decoders and falls back to SW.
+ */
+public class JitsiVideoDecoderFactory implements VideoDecoderFactory {
+    private final VideoDecoderFactory hardwareVideoDecoderFactory;
+    private final VideoDecoderFactory softwareVideoDecoderFactory = new SoftwareVideoDecoderFactoryProxy();
+    private final VideoDecoderFactory platformSoftwareVideoDecoderFactory;
+
+    /**
+     * Predicate to filter out the AV1 hardware decoder, as we've seen decoding issues with it.
+     */
+    private static final String GOOGLE_AV1_DECODER = "c2.google.av1";
+    private static final Predicate<MediaCodecInfo> hwCodecPredicate = arg -> {
+        // Filter out the Google AV1 codec.
+        return !arg.getName().startsWith(GOOGLE_AV1_DECODER);
+    };
+    private static final Predicate<MediaCodecInfo> swCodecPredicate = arg -> {
+        // Noop, just making sure we can customize it easily if needed.
+        return true;
+    };
+
+    /**
+     * Create decoder factory using default hardware decoder factory.
+     */
+    public JitsiVideoDecoderFactory(@Nullable EglBase.Context eglContext) {
+        this.hardwareVideoDecoderFactory = new HardwareVideoDecoderFactory(eglContext, hwCodecPredicate);
+        this.platformSoftwareVideoDecoderFactory = new JitsiPlatformVideoDecoderFactory(eglContext, swCodecPredicate);
+    }
+
+    @Override
+    public @Nullable VideoDecoder createDecoder(VideoCodecInfo codecType) {
+        VideoDecoder softwareDecoder = softwareVideoDecoderFactory.createDecoder(codecType);
+        final VideoDecoder hardwareDecoder = hardwareVideoDecoderFactory.createDecoder(codecType);
+        if (softwareDecoder == null) {
+            softwareDecoder = platformSoftwareVideoDecoderFactory.createDecoder(codecType);
+        }
+        if (hardwareDecoder != null && softwareDecoder != null) {
+            // Both hardware and software supported, wrap it in a software fallback
+            return new VideoDecoderFallback(
+                /* fallback= */ softwareDecoder, /* primary= */ hardwareDecoder);
+        }
+        return hardwareDecoder != null ? hardwareDecoder : softwareDecoder;
+    }
+
+    @Override
+    public VideoCodecInfo[] getSupportedCodecs() {
+        LinkedHashSet<VideoCodecInfo> supportedCodecInfos = new LinkedHashSet<>();
+
+        supportedCodecInfos.addAll(Arrays.asList(softwareVideoDecoderFactory.getSupportedCodecs()));
+        supportedCodecInfos.addAll(Arrays.asList(hardwareVideoDecoderFactory.getSupportedCodecs()));
+        supportedCodecInfos.addAll(Arrays.asList(platformSoftwareVideoDecoderFactory.getSupportedCodecs()));
+
+        return supportedCodecInfos.toArray(new VideoCodecInfo[supportedCodecInfos.size()]);
+    }
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiVideoEncoderFactory.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiVideoEncoderFactory.java
new file mode 100644
index 0000000..5d075ab
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiVideoEncoderFactory.java
@@ -0,0 +1,16 @@
+package org.jitsi.meet.sdk;
+
+import androidx.annotation.Nullable;
+
+import com.oney.WebRTCModule.webrtcutils.H264AndSoftwareVideoEncoderFactory;
+
+import org.webrtc.EglBase;
+
+/**
+ * Custom encoder factory which uses HW for H.264 and SW for everything else.
+ */
+public class JitsiVideoEncoderFactory extends H264AndSoftwareVideoEncoderFactory {
+    public JitsiVideoEncoderFactory(@Nullable EglBase.Context eglContext) {
+        super(eglContext);
+    }
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/LocaleDetector.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/LocaleDetector.java
new file mode 100644
index 0000000..73b5a86
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/LocaleDetector.java
@@ -0,0 +1,58 @@
+/*
+ * Copyright @ 2018-present 8x8, Inc.
+ *
+ * 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.
+ */
+
+/*
+ * Based on https://github.com/DylanVann/react-native-locale-detector
+ */
+
+package org.jitsi.meet.sdk;
+
+import android.content.Context;
+
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactContextBaseJavaModule;
+
+import java.util.HashMap;
+import java.util.Map;
+
+/**
+ * Module which provides information about the system locale.
+ */
+class LocaleDetector extends ReactContextBaseJavaModule {
+
+    public LocaleDetector(ReactApplicationContext reactContext) {
+        super(reactContext);
+    }
+
+    /**
+     * Gets a {@code Map} of constants this module exports to JS. Supports JSON
+     * types.
+     *
+     * @return a {@link Map} of constants this module exports to JS
+     */
+    @Override
+    public Map<String, Object> getConstants() {
+        Context context = getReactApplicationContext();
+        HashMap<String,Object> constants = new HashMap<>();
+        constants.put("locale", context.getResources().getConfiguration().locale.toLanguageTag());
+        return constants;
+    }
+
+    @Override
+    public String getName() {
+        return "LocaleDetector";
+    }
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/LogBridgeModule.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/LogBridgeModule.java
new file mode 100644
index 0000000..2b7d349
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/LogBridgeModule.java
@@ -0,0 +1,73 @@
+/*
+ * Copyright @ 2019-present 8x8, Inc.
+ *
+ * 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.
+ */
+
+package org.jitsi.meet.sdk;
+
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactContextBaseJavaModule;
+import com.facebook.react.bridge.ReactMethod;
+import com.facebook.react.module.annotations.ReactModule;
+
+import org.jitsi.meet.sdk.log.JitsiMeetLogger;
+
+import javax.annotation.Nonnull;
+
+/**
+ * Module implementing a "bridge" between the JS loggers and the native one.
+ */
+@ReactModule(name = LogBridgeModule.NAME)
+class LogBridgeModule extends ReactContextBaseJavaModule {
+    public static final String NAME = "LogBridge";
+
+    public LogBridgeModule(@Nonnull ReactApplicationContext reactContext) {
+        super(reactContext);
+    }
+
+    @Override
+    public String getName() {
+        return NAME;
+    }
+
+    @ReactMethod
+    public void trace(final String message) {
+        JitsiMeetLogger.v(message);
+    }
+
+    @ReactMethod
+    public void debug(final String message) {
+        JitsiMeetLogger.d(message);
+    }
+
+    @ReactMethod
+    public void info(final String message) {
+        JitsiMeetLogger.i(message);
+    }
+
+    @ReactMethod
+    public void log(final String message) {
+        JitsiMeetLogger.i(message);
+    }
+
+    @ReactMethod
+    public void warn(final String message) {
+        JitsiMeetLogger.w(message);
+    }
+
+    @ReactMethod
+    public void error(final String message) {
+        JitsiMeetLogger.e(message);
+    }
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/OngoingConferenceTracker.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/OngoingConferenceTracker.java
new file mode 100644
index 0000000..f603d67
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/OngoingConferenceTracker.java
@@ -0,0 +1,99 @@
+/*
+ * Copyright @ 2019-present 8x8, Inc.
+ *
+ * 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.
+ */
+
+package org.jitsi.meet.sdk;
+
+import com.facebook.react.bridge.ReadableMap;
+
+import java.util.Collection;
+import java.util.Collections;
+import java.util.HashSet;
+
+
+/**
+ * Helper class to keep track of what the current conference is.
+ */
+class OngoingConferenceTracker {
+    private static final OngoingConferenceTracker instance = new OngoingConferenceTracker();
+
+    private static final String CONFERENCE_WILL_JOIN = "CONFERENCE_WILL_JOIN";
+    private static final String CONFERENCE_TERMINATED = "CONFERENCE_TERMINATED";
+
+    private final Collection<OngoingConferenceListener> listeners =
+        Collections.synchronizedSet(new HashSet<OngoingConferenceListener>());
+    private String currentConference;
+
+    public OngoingConferenceTracker() {
+    }
+
+    public static OngoingConferenceTracker getInstance() {
+        return instance;
+    }
+
+    /**
+     * Gets the current active conference URL.
+     *
+     * @return - The current conference URL as a String.
+     */
+    synchronized String getCurrentConference() {
+        return currentConference;
+    }
+
+    synchronized void onExternalAPIEvent(String name, ReadableMap data) {
+        if (!data.hasKey("url")) {
+            return;
+        }
+
+        String url = data.getString("url");
+        if (url == null) {
+            return;
+        }
+
+        switch(name) {
+            case CONFERENCE_WILL_JOIN:
+                currentConference = url;
+                updateListeners();
+                break;
+
+            case CONFERENCE_TERMINATED:
+                if (url.equals(currentConference)) {
+                    currentConference = null;
+                    updateListeners();
+                }
+                break;
+        }
+    }
+
+    void addListener(OngoingConferenceListener listener) {
+        listeners.add(listener);
+    }
+
+    void removeListener(OngoingConferenceListener listener) {
+        listeners.remove(listener);
+    }
+
+    private void updateListeners() {
+        synchronized (listeners) {
+            for (OngoingConferenceListener listener : listeners) {
+                listener.onCurrentConferenceChanged(currentConference);
+            }
+        }
+    }
+
+    public interface OngoingConferenceListener {
+        void onCurrentConferenceChanged(String conferenceUrl);
+    }
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/OngoingNotification.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/OngoingNotification.java
new file mode 100644
index 0000000..63484f9
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/OngoingNotification.java
@@ -0,0 +1,124 @@
+/*
+ * Copyright @ 2019-present 8x8, Inc.
+ *
+ * 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.
+ */
+
+package org.jitsi.meet.sdk;
+
+import org.jitsi.meet.sdk.log.JitsiMeetLogger;
+
+import android.app.Activity;
+import android.app.NotificationChannel;
+import android.app.NotificationManager;
+import android.app.Notification;
+import android.app.PendingIntent;
+import android.content.Context;
+import android.content.Intent;
+
+import androidx.annotation.StringRes;
+import androidx.core.app.NotificationCompat;
+
+
+/**
+ * Helper class for creating the ongoing notification which is used with
+ * {@link JitsiMeetOngoingConferenceService}. It allows the user to easily get back to the app
+ * and to hangup from within the notification itself.
+ */
+class OngoingNotification {
+    private static final String TAG = OngoingNotification.class.getSimpleName();
+
+    private static long startingTime = 0;
+
+    static final String ONGOING_CONFERENCE_CHANNEL_ID = "JitsiOngoingConferenceChannel";
+
+    static void createNotificationChannel(Activity context) {
+        if (context == null) {
+            JitsiMeetLogger.w(TAG + " Cannot create notification channel: no current context");
+            return;
+        }
+
+        NotificationManager notificationManager
+            = (NotificationManager) context.getSystemService(Context.NOTIFICATION_SERVICE);
+
+        NotificationChannel channel
+            = notificationManager.getNotificationChannel(ONGOING_CONFERENCE_CHANNEL_ID);
+
+        if (channel != null) {
+            // The channel was already created, no need to do it again.
+            return;
+        }
+
+        channel = new NotificationChannel(ONGOING_CONFERENCE_CHANNEL_ID, context.getString(R.string.ongoing_notification_channel_name), NotificationManager.IMPORTANCE_DEFAULT);
+        channel.enableLights(false);
+        channel.enableVibration(false);
+        channel.setShowBadge(false);
+
+        notificationManager.createNotificationChannel(channel);
+    }
+
+    static Notification buildOngoingConferenceNotification(Boolean isMuted, Context context, Class tapBackActivity) {
+        if (context == null) {
+            JitsiMeetLogger.w(TAG + " Cannot create notification: no current context");
+            return null;
+        }
+
+        Intent notificationIntent = new Intent(context, tapBackActivity == null ? context.getClass() : tapBackActivity);
+        PendingIntent pendingIntent = PendingIntent.getActivity(context, 0, notificationIntent, PendingIntent.FLAG_IMMUTABLE);
+
+        NotificationCompat.Builder builder = new NotificationCompat.Builder(context, ONGOING_CONFERENCE_CHANNEL_ID);
+
+        if (startingTime == 0) {
+            startingTime = System.currentTimeMillis();
+        }
+
+        builder
+            .setCategory(NotificationCompat.CATEGORY_CALL)
+            .setContentTitle(context.getString(R.string.ongoing_notification_title))
+            .setContentText(context.getString(R.string.ongoing_notification_text))
+            .setPriority(NotificationCompat.PRIORITY_DEFAULT)
+            .setContentIntent(pendingIntent)
+            .setOngoing(true)
+            .setWhen(startingTime)
+            .setUsesChronometer(true)
+            .setAutoCancel(false)
+            .setVisibility(NotificationCompat.VISIBILITY_PUBLIC)
+            .setOnlyAlertOnce(true)
+            .setSmallIcon(context.getResources().getIdentifier("ic_notification", "drawable", context.getPackageName()));
+
+        NotificationCompat.Action hangupAction = createAction(context, JitsiMeetOngoingConferenceService.Action.HANGUP, R.string.ongoing_notification_action_hang_up);
+
+        JitsiMeetOngoingConferenceService.Action toggleAudioAction = isMuted
+            ? JitsiMeetOngoingConferenceService.Action.UNMUTE : JitsiMeetOngoingConferenceService.Action.MUTE;
+        int toggleAudioTitle = isMuted ? R.string.ongoing_notification_action_unmute : R.string.ongoing_notification_action_mute;
+        NotificationCompat.Action audioAction = createAction(context, toggleAudioAction, toggleAudioTitle);
+
+        builder.addAction(hangupAction);
+        builder.addAction(audioAction);
+
+        return builder.build();
+    }
+
+    static void resetStartingtime() {
+        startingTime = 0;
+    }
+
+    private static NotificationCompat.Action createAction(Context context, JitsiMeetOngoingConferenceService.Action action, @StringRes int titleId) {
+        Intent intent = new Intent(context, JitsiMeetOngoingConferenceService.class);
+        intent.setAction(action.getName());
+        PendingIntent pendingIntent
+            = PendingIntent.getService(context, 0, intent, PendingIntent.FLAG_IMMUTABLE);
+        String title = context.getString(titleId);
+        return new NotificationCompat.Action(0, title, pendingIntent);
+    }
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/ParticipantInfo.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/ParticipantInfo.java
new file mode 100644
index 0000000..ad95159
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/ParticipantInfo.java
@@ -0,0 +1,27 @@
+package org.jitsi.meet.sdk;
+
+import com.google.gson.annotations.SerializedName;
+
+public class ParticipantInfo {
+
+    @SerializedName("participantId")
+    public String id;
+
+    @SerializedName("displayName")
+    public String displayName;
+
+    @SerializedName("avatarUrl")
+    public String avatarUrl;
+
+    @SerializedName("email")
+    public String email;
+
+    @SerializedName("name")
+    public String name;
+
+    @SerializedName("isLocal")
+    public boolean isLocal;
+
+    @SerializedName("role")
+    public String role;
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/ParticipantsService.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/ParticipantsService.java
new file mode 100644
index 0000000..667f538
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/ParticipantsService.java
@@ -0,0 +1,90 @@
+package org.jitsi.meet.sdk;
+
+import android.content.Context;
+import android.content.Intent;
+import android.content.IntentFilter;
+
+import androidx.localbroadcastmanager.content.LocalBroadcastManager;
+
+import com.facebook.react.bridge.Arguments;
+import com.facebook.react.bridge.WritableMap;
+import com.google.gson.Gson;
+import com.google.gson.reflect.TypeToken;
+
+import org.jitsi.meet.sdk.log.JitsiMeetLogger;
+
+import java.lang.ref.WeakReference;
+import java.util.ArrayList;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+import java.util.UUID;
+
+import javax.annotation.Nullable;
+
+public class ParticipantsService extends android.content.BroadcastReceiver {
+
+    private static final String TAG = ParticipantsService.class.getSimpleName();
+    private static final String REQUEST_ID = "requestId";
+
+    private final Map<String, WeakReference<ParticipantsInfoCallback>> participantsInfoCallbackMap = new HashMap<>();
+
+    private static ParticipantsService instance;
+
+    @Nullable
+    public static ParticipantsService getInstance() {
+        return instance;
+    }
+
+    private ParticipantsService(Context context) {
+        LocalBroadcastManager localBroadcastManager = LocalBroadcastManager.getInstance(context);
+
+        IntentFilter intentFilter = new IntentFilter();
+        intentFilter.addAction(BroadcastEvent.Type.PARTICIPANTS_INFO_RETRIEVED.getAction());
+        localBroadcastManager.registerReceiver(this, intentFilter);
+    }
+
+    static void init(Context context) {
+        instance = new ParticipantsService(context);
+    }
+
+    public void retrieveParticipantsInfo(ParticipantsInfoCallback participantsInfoCallback) {
+        String callbackKey = UUID.randomUUID().toString();
+        this.participantsInfoCallbackMap.put(callbackKey, new WeakReference<>(participantsInfoCallback));
+
+        String actionName = BroadcastAction.Type.RETRIEVE_PARTICIPANTS_INFO.getAction();
+        WritableMap data = Arguments.createMap();
+        data.putString(REQUEST_ID, callbackKey);
+        ReactInstanceManagerHolder.emitEvent(actionName, data);
+    }
+
+    @Override
+    public void onReceive(Context context, Intent intent) {
+        BroadcastEvent event = new BroadcastEvent(intent);
+
+        switch (event.getType()) {
+            case PARTICIPANTS_INFO_RETRIEVED:
+                try {
+                    List<ParticipantInfo> participantInfoList = new Gson().fromJson(
+                        event.getData().get("participantsInfo").toString(),
+                        new TypeToken<ArrayList<ParticipantInfo>>() {
+                        }.getType());
+
+                    ParticipantsInfoCallback participantsInfoCallback = this.participantsInfoCallbackMap.get(event.getData().get(REQUEST_ID).toString()).get();
+
+                    if (participantsInfoCallback != null) {
+                        participantsInfoCallback.onReceived(participantInfoList);
+                        this.participantsInfoCallbackMap.remove(participantsInfoCallback);
+                    }
+                } catch (Exception e) {
+                    JitsiMeetLogger.w(TAG + "error parsing participantsList", e);
+                }
+
+                break;
+        }
+    }
+
+    public interface ParticipantsInfoCallback {
+        void onReceived(List<ParticipantInfo> participantInfoList);
+    }
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/PictureInPictureModule.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/PictureInPictureModule.java
new file mode 100644
index 0000000..4a95846
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/PictureInPictureModule.java
@@ -0,0 +1,145 @@
+/*
+ * Copyright @ 2017-present 8x8, Inc.
+ *
+ * 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.
+ */
+
+package org.jitsi.meet.sdk;
+
+import android.annotation.TargetApi;
+import android.app.Activity;
+import android.app.ActivityManager;
+import android.app.PictureInPictureParams;
+import android.util.Rational;
+
+import com.facebook.react.bridge.Promise;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactContextBaseJavaModule;
+import com.facebook.react.bridge.ReactMethod;
+import com.facebook.react.module.annotations.ReactModule;
+
+import org.jitsi.meet.sdk.log.JitsiMeetLogger;
+
+import java.util.HashMap;
+import java.util.Map;
+
+import static android.content.Context.ACTIVITY_SERVICE;
+
+@ReactModule(name = PictureInPictureModule.NAME)
+class PictureInPictureModule extends ReactContextBaseJavaModule {
+
+    public static final String NAME = "PictureInPicture";
+    private static final String TAG = NAME;
+
+    private static boolean isSupported;
+    private boolean isEnabled;
+
+    public PictureInPictureModule(ReactApplicationContext reactContext) {
+        super(reactContext);
+
+        ActivityManager am = (ActivityManager) reactContext.getSystemService(ACTIVITY_SERVICE);
+
+        // Android Go devices don't support PiP. There doesn't seem to be a better way to detect it than
+        // to use ActivityManager.isLowRamDevice().
+        // https://stackoverflow.com/questions/58340558/how-to-detect-android-go
+        isSupported = !am.isLowRamDevice();
+    }
+
+    /**
+     * Gets a {@code Map} of constants this module exports to JS. Supports JSON
+     * types.
+     *
+     * @return a {@link Map} of constants this module exports to JS
+     */
+    @Override
+    public Map<String, Object> getConstants() {
+        Map<String, Object> constants = new HashMap<>();
+        constants.put("SUPPORTED", isSupported);
+        return constants;
+    }
+
+    /**
+     * Enters Picture-in-Picture (mode) for the current {@link Activity}.
+     * Supported on Android API >= 26 (Oreo) only.
+     *
+     * @throws IllegalStateException if {@link #isPictureInPictureSupported()}
+     * returns {@code false} or if {@link #getCurrentActivity()} returns
+     * {@code null}.
+     * @throws RuntimeException if
+     * {@link Activity#enterPictureInPictureMode(PictureInPictureParams)} fails.
+     * That method can also throw a {@link RuntimeException} in various cases,
+     * including when the activity is not visible (paused or stopped), if the
+     * screen is locked or if the user has an activity pinned.
+     */
+    public void enterPictureInPicture() {
+        if (!isEnabled) {
+            return;
+        }
+
+        if (!isSupported) {
+            throw new IllegalStateException("Picture-in-Picture not supported");
+        }
+
+        Activity currentActivity = getCurrentActivity();
+
+        if (currentActivity == null) {
+            throw new IllegalStateException("No current Activity!");
+        }
+
+        JitsiMeetLogger.i(TAG + " Entering Picture-in-Picture");
+
+        PictureInPictureParams.Builder builder
+            = new PictureInPictureParams.Builder()
+                .setAspectRatio(new Rational(1, 1));
+
+        // https://developer.android.com/reference/android/app/Activity.html#enterPictureInPictureMode(android.app.PictureInPictureParams)
+        //
+        // The system may disallow entering picture-in-picture in various cases,
+        // including when the activity is not visible, if the screen is locked
+        // or if the user has an activity pinned.
+        if (!currentActivity.enterPictureInPictureMode(builder.build())) {
+            throw new RuntimeException("Failed to enter Picture-in-Picture");
+        }
+    }
+
+    /**
+     * Enters Picture-in-Picture (mode) for the current {@link Activity}.
+     * Supported on Android API >= 26 (Oreo) only.
+     *
+     * @param promise a {@code Promise} which will resolve with a {@code null}
+     * value upon success, and an {@link Exception} otherwise.
+     */
+    @ReactMethod
+    public void enterPictureInPicture(Promise promise) {
+        try {
+            enterPictureInPicture();
+            promise.resolve(null);
+        } catch (RuntimeException re) {
+            promise.reject(re);
+        }
+    }
+
+    @ReactMethod
+    public void setPictureInPictureEnabled(Boolean enabled) {
+        this.isEnabled = enabled;
+    }
+
+    public boolean isPictureInPictureSupported() {
+        return isSupported;
+    }
+
+    @Override
+    public String getName() {
+        return NAME;
+    }
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/ProximityModule.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/ProximityModule.java
new file mode 100644
index 0000000..68e4354
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/ProximityModule.java
@@ -0,0 +1,107 @@
+/*
+ * Copyright @ 2017-present 8x8, Inc.
+ *
+ * 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.
+ */
+
+package org.jitsi.meet.sdk;
+
+import android.content.Context;
+import android.os.PowerManager;
+import android.os.PowerManager.WakeLock;
+
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactContextBaseJavaModule;
+import com.facebook.react.bridge.ReactMethod;
+import com.facebook.react.bridge.UiThreadUtil;
+import com.facebook.react.module.annotations.ReactModule;
+
+/**
+ * Module implementing a simple API to enable a proximity sensor-controlled
+ * wake lock. When the lock is held, if the proximity sensor detects a nearby
+ * object it will dim the screen and disable touch controls. The functionality
+ * is used with the conference audio-only mode.
+ */
+@ReactModule(name = ProximityModule.NAME)
+class ProximityModule extends ReactContextBaseJavaModule {
+
+    public static final String NAME = "Proximity";
+
+    /**
+     * {@link WakeLock} instance.
+     */
+    private final WakeLock wakeLock;
+
+    /**
+     * Initializes a new module instance. There shall be a single instance of
+     * this module throughout the lifetime of the application.
+     *
+     * @param reactContext The {@link ReactApplicationContext} where this module
+     * is created.
+     */
+    public ProximityModule(ReactApplicationContext reactContext) {
+        super(reactContext);
+
+        WakeLock wakeLock;
+        PowerManager powerManager
+            = (PowerManager)
+                reactContext.getSystemService(Context.POWER_SERVICE);
+
+        try {
+            wakeLock
+                = powerManager.newWakeLock(
+                        PowerManager.PROXIMITY_SCREEN_OFF_WAKE_LOCK,
+                        "jitsi:"+NAME);
+        } catch (Throwable ignored) {
+            wakeLock = null;
+        }
+
+        this.wakeLock = wakeLock;
+    }
+
+    /**
+     * Gets the name of this module to be used in the React Native bridge.
+     *
+     * @return The name of this module to be used in the React Native bridge.
+     */
+    @Override
+    public String getName() {
+        return NAME;
+    }
+
+    /**
+     * Acquires / releases the proximity sensor wake lock.
+     *
+     * @param enabled {@code true} to enable the proximity sensor; otherwise,
+     * {@code false}.
+     */
+    @ReactMethod
+    public void setEnabled(final boolean enabled) {
+        if (wakeLock == null) {
+            return;
+        }
+
+        UiThreadUtil.runOnUiThread(new Runnable() {
+            @Override
+            public void run() {
+                if (enabled) {
+                    if (!wakeLock.isHeld()) {
+                        wakeLock.acquire();
+                    }
+                } else if (wakeLock.isHeld()) {
+                    wakeLock.release();
+                }
+            }
+        });
+    }
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/RNConnectionService.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/RNConnectionService.java
new file mode 100644
index 0000000..24451e7
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/RNConnectionService.java
@@ -0,0 +1,255 @@
+package org.jitsi.meet.sdk;
+
+import android.annotation.SuppressLint;
+import android.content.Context;
+import android.net.Uri;
+import android.os.Bundle;
+import android.telecom.DisconnectCause;
+import android.telecom.PhoneAccount;
+import android.telecom.PhoneAccountHandle;
+import android.telecom.TelecomManager;
+import android.telecom.VideoProfile;
+
+import androidx.annotation.Nullable;
+import androidx.annotation.RequiresApi;
+
+import com.facebook.react.bridge.NativeModule;
+import com.facebook.react.bridge.Promise;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactContext;
+import com.facebook.react.bridge.ReactContextBaseJavaModule;
+import com.facebook.react.bridge.ReactMethod;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.module.annotations.ReactModule;
+import com.facebook.react.modules.core.DeviceEventManagerModule;
+
+import org.jitsi.meet.sdk.log.JitsiMeetLogger;
+
+/**
+ * The react-native side of Jitsi Meet's {@link ConnectionService}. Exposes
+ * the Java Script API.
+ *
+ * @author Pawel Domas
+ */
+@ReactModule(name = RNConnectionService.NAME)
+class RNConnectionService extends ReactContextBaseJavaModule {
+
+    public static final String NAME = "ConnectionService";
+
+    private static final String TAG = ConnectionService.TAG;
+
+    private static RNConnectionService sRNConnectionServiceInstance;
+    /**
+     * Handler for dealing with call state changes. We are acting as a proxy between ConnectionService
+     * and other modules such as {@link AudioModeModule}.
+     */
+    private CallAudioStateListener callAudioStateListener;
+
+    /**
+     * Sets the audio route on all existing {@link android.telecom.Connection}s
+     *
+     * @param audioRoute the new audio route to be set. See
+     * {@link android.telecom.CallAudioState} constants prefixed with "ROUTE_".
+     */
+    static void setAudioRoute(int audioRoute) {
+        for (ConnectionService.ConnectionImpl c
+                : ConnectionService.getConnections()) {
+            c.setAudioRoute(audioRoute);
+        }
+    }
+
+    RNConnectionService(ReactApplicationContext reactContext) {
+        super(reactContext);
+        sRNConnectionServiceInstance = this;
+    }
+
+    static RNConnectionService getInstance() {
+        return sRNConnectionServiceInstance;
+    }
+
+    @ReactMethod
+    public void addListener(String eventName) {
+        // Keep: Required for RN built in Event Emitter Calls.
+    }
+
+    @ReactMethod
+    public void removeListeners(Integer count) {
+        // Keep: Required for RN built in Event Emitter Calls.
+    }
+
+    /**
+     * Starts a new outgoing call.
+     *
+     * @param callUUID - unique call identifier assigned by Jitsi Meet to
+     *        a conference call.
+     * @param handle - a call handle which by default is Jitsi Meet room's URL.
+     * @param hasVideo - whether or not user starts with the video turned on.
+     * @param promise - the Promise instance passed by the React-native bridge,
+     *        so that this method returns a Promise on the JS side.
+     *
+     * NOTE regarding the "missingPermission" suppress - SecurityException will
+     * be handled as part of the Exception try catch block and the Promise will
+     * be rejected.
+     */
+    @SuppressLint("MissingPermission")
+    @ReactMethod
+    public void startCall(
+            String callUUID,
+            String handle,
+            boolean hasVideo,
+            Promise promise) {
+        JitsiMeetLogger.d("%s startCall UUID=%s, h=%s, v=%s",
+                            TAG,
+                            callUUID,
+                            handle,
+                            hasVideo);
+
+        ReactApplicationContext ctx = getReactApplicationContext();
+
+        Uri address = Uri.fromParts(PhoneAccount.SCHEME_SIP, handle, null);
+        PhoneAccountHandle accountHandle;
+
+        try {
+            accountHandle
+                = ConnectionService.registerPhoneAccount(getReactApplicationContext(), address, callUUID);
+        } catch (Throwable tr) {
+            JitsiMeetLogger.e(tr, TAG + " error in startCall");
+
+            promise.reject(tr);
+            return;
+        }
+
+        Bundle extras = new Bundle();
+        extras.putParcelable(
+                TelecomManager.EXTRA_PHONE_ACCOUNT_HANDLE,
+                accountHandle);
+        extras.putInt(
+            TelecomManager.EXTRA_START_CALL_WITH_VIDEO_STATE,
+            hasVideo
+                ? VideoProfile.STATE_BIDIRECTIONAL
+                : VideoProfile.STATE_AUDIO_ONLY);
+
+        ConnectionService.registerStartCallPromise(callUUID, promise);
+
+        TelecomManager tm = null;
+
+        try {
+            tm = (TelecomManager) ctx.getSystemService(Context.TELECOM_SERVICE);
+            tm.placeCall(address, extras);
+        } catch (Throwable tr) {
+            JitsiMeetLogger.e(tr, TAG + " error in startCall");
+            if (tm != null) {
+                try {
+                    tm.unregisterPhoneAccount(accountHandle);
+                } catch (Throwable tr1) {
+                    // UnsupportedOperationException: System does not support feature android.software.connectionservice
+                    // was observed here. Ignore.
+                }
+            }
+            ConnectionService.unregisterStartCallPromise(callUUID);
+            promise.reject(tr);
+        }
+    }
+
+    /**
+     * Called by the JS side of things to mark the call as failed.
+     *
+     * @param callUUID - the call's UUID.
+     */
+    @ReactMethod
+    public void reportCallFailed(String callUUID) {
+        JitsiMeetLogger.d(TAG + " reportCallFailed " + callUUID);
+        ConnectionService.setConnectionDisconnected(
+                callUUID,
+                new DisconnectCause(DisconnectCause.ERROR));
+    }
+
+    /**
+     * Called by the JS side of things to mark the call as disconnected.
+     *
+     * @param callUUID - the call's UUID.
+     */
+    @ReactMethod
+    public void endCall(String callUUID) {
+        JitsiMeetLogger.d(TAG + " endCall " + callUUID);
+        ConnectionService.setConnectionDisconnected(
+                callUUID,
+                new DisconnectCause(DisconnectCause.LOCAL));
+    }
+
+    /**
+     * Called by the JS side of things to mark the call as active.
+     *
+     * @param callUUID - the call's UUID.
+     */
+    @ReactMethod
+    public void reportConnectedOutgoingCall(String callUUID, Promise promise) {
+        JitsiMeetLogger.d(TAG + " reportConnectedOutgoingCall " + callUUID);
+        if (ConnectionService.setConnectionActive(callUUID)) {
+            promise.resolve(null);
+        } else {
+            promise.reject("CONNECTION_NOT_FOUND_ERROR", "Connection wasn't found.");
+        }
+    }
+
+    @Override
+    public String getName() {
+        return NAME;
+    }
+
+    /**
+     * Called by the JS side to update the call's state.
+     *
+     * @param callUUID - the call's UUID.
+     * @param callState - the map which carries info about the current call's
+     * state. See static fields in {@link ConnectionService.ConnectionImpl}
+     * prefixed with "KEY_" for the values supported by the Android
+     * implementation.
+     */
+    @ReactMethod
+    public void updateCall(String callUUID, ReadableMap callState) {
+        ConnectionService.updateCall(callUUID, callState);
+    }
+
+    public CallAudioStateListener getCallAudioStateListener() {
+        return callAudioStateListener;
+    }
+
+    public void setCallAudioStateListener(CallAudioStateListener callAudioStateListener) {
+        this.callAudioStateListener = callAudioStateListener;
+    }
+
+    /**
+     * Handler for call state changes. {@code ConnectionServiceImpl} will call this handler when the
+     * call audio state changes.
+     *
+     * @param callAudioState The current call's audio state.
+     */
+    void onCallAudioStateChange(android.telecom.CallAudioState callAudioState) {
+        if (callAudioStateListener != null) {
+            callAudioStateListener.onCallAudioStateChange(callAudioState);
+        }
+    }
+
+    interface CallAudioStateListener {
+        void onCallAudioStateChange(android.telecom.CallAudioState callAudioState);
+    }
+
+    /**
+     * Helper function to send an event to JavaScript.
+     *
+     * @param eventName {@code String} containing the event name.
+     * @param data {@code Object} optional ancillary data for the event.
+     */
+    void emitEvent(
+        String eventName,
+        @Nullable Object data) {
+        ReactContext reactContext = getReactApplicationContext();
+
+        if (reactContext != null) {
+            reactContext
+                .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
+                .emit(eventName, data);
+        }
+    }
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/ReactInstanceManagerHolder.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/ReactInstanceManagerHolder.java
new file mode 100644
index 0000000..cac5e78
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/ReactInstanceManagerHolder.java
@@ -0,0 +1,243 @@
+/*
+ * Copyright @ 2017-present 8x8, Inc.
+ *
+ * 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.
+ */
+
+package org.jitsi.meet.sdk;
+
+import android.annotation.SuppressLint;
+import android.app.Application;
+
+import androidx.annotation.Nullable;
+
+import com.facebook.hermes.reactexecutor.HermesExecutorFactory;
+import com.facebook.react.ReactInstanceManager;
+import com.facebook.react.ReactPackage;
+import com.facebook.react.bridge.NativeModule;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactContext;
+import com.facebook.react.common.LifecycleState;
+import com.facebook.react.modules.core.DeviceEventManagerModule;
+import com.facebook.react.uimanager.ViewManager;
+import com.oney.WebRTCModule.EglUtils;
+import com.oney.WebRTCModule.WebRTCModuleOptions;
+
+import org.jitsi.meet.sdk.log.JitsiMeetLogger;
+import org.webrtc.EglBase;
+
+import java.lang.reflect.Constructor;
+import java.util.ArrayList;
+import java.util.Arrays;
+import java.util.Collections;
+import java.util.List;
+
+class ReactInstanceManagerHolder {
+    private static final String TAG = ReactInstanceManagerHolder.class.getSimpleName();
+
+    /**
+     * FIXME (from linter): Do not place Android context classes in static
+     * fields (static reference to ReactInstanceManager which has field
+     * mApplicationContext pointing to Context); this is a memory leak (and
+     * also breaks Instant Run).
+     *
+     * React Native bridge. The instance manager allows embedding applications
+     * to create multiple root views off the same JavaScript bundle.
+     */
+    private static ReactInstanceManager reactInstanceManager;
+
+    private static List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
+        List<NativeModule> nativeModules
+            = new ArrayList<>(Arrays.<NativeModule>asList(
+                new AndroidSettingsModule(reactContext),
+                new AppInfoModule(reactContext),
+                new AudioModeModule(reactContext),
+                new DropboxModule(reactContext),
+                new ExternalAPIModule(reactContext),
+                new LocaleDetector(reactContext),
+                new LogBridgeModule(reactContext),
+                new PictureInPictureModule(reactContext),
+                new ProximityModule(reactContext),
+                new org.jitsi.meet.sdk.net.NAT64AddrInfoModule(reactContext)));
+
+        if (AudioModeModule.useConnectionService()) {
+            nativeModules.add(new RNConnectionService(reactContext));
+        }
+
+        return nativeModules;
+    }
+
+    private static List<ViewManager> createViewManagers(ReactApplicationContext reactContext) {
+        return Collections.emptyList();
+    }
+
+    static List<ReactPackage> getReactNativePackages() {
+        List<ReactPackage> packages
+            = new ArrayList<>(Arrays.asList(
+            new com.reactnativecommunity.asyncstorage.AsyncStoragePackage(),
+            new com.ocetnik.timer.BackgroundTimerPackage(),
+            new com.calendarevents.RNCalendarEventsPackage(),
+            new com.sayem.keepawake.KCKeepAwakePackage(),
+            new com.facebook.react.shell.MainReactPackage(),
+            new com.reactnativecommunity.clipboard.ClipboardPackage(),
+            new com.reactnativecommunity.netinfo.NetInfoPackage(),
+            new com.reactnativepagerview.PagerViewPackage(),
+            new com.oblador.performance.PerformancePackage(),
+            new com.reactnativecommunity.slider.ReactSliderPackage(),
+            new com.brentvatne.react.ReactVideoPackage(),
+            new com.reactnativecommunity.webview.RNCWebViewPackage(),
+            new com.kevinresol.react_native_default_preference.RNDefaultPreferencePackage(),
+            new com.learnium.RNDeviceInfo.RNDeviceInfo(),
+            new com.oney.WebRTCModule.WebRTCModulePackage(),
+            new com.swmansion.gesturehandler.RNGestureHandlerPackage(),
+            new org.linusu.RNGetRandomValuesPackage(),
+            new com.swmansion.rnscreens.RNScreensPackage(),
+            new com.zmxv.RNSound.RNSoundPackage(),
+            new com.th3rdwave.safeareacontext.SafeAreaContextPackage(),
+            new com.horcrux.svg.SvgPackage(),
+            new org.wonday.orientation.OrientationPackage(),
+            new com.splashview.SplashViewPackage(),
+            new com.worklets.WorkletsCorePackage(),
+            new ReactPackageAdapter() {
+                @Override
+                public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
+                    return ReactInstanceManagerHolder.createNativeModules(reactContext);
+                }
+                @Override
+                public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) {
+                    return ReactInstanceManagerHolder.createViewManagers(reactContext);
+                }
+            }));
+
+        // AmplitudeReactNativePackage
+        try {
+            Class<?> amplitudePackageClass = Class.forName("com.amplitude.reactnative.AmplitudeReactNativePackage");
+            Constructor<?> constructor = amplitudePackageClass.getConstructor();
+            packages.add((ReactPackage)constructor.newInstance());
+        } catch (Exception e) {
+            // Ignore any error, the module is not compiled when LIBRE_BUILD is enabled.
+            JitsiMeetLogger.d(TAG, "Not loading AmplitudeReactNativePackage");
+        }
+
+        // GiphyReactNativeSdkPackage
+        try {
+            Class<?> giphyPackageClass = Class.forName("com.giphyreactnativesdk.RTNGiphySdkPackage");
+            Constructor<?> constructor = giphyPackageClass.getConstructor();
+            packages.add((ReactPackage)constructor.newInstance());
+        } catch (Exception e) {
+            // Ignore any error, the module is not compiled when LIBRE_BUILD is enabled.
+            JitsiMeetLogger.d(TAG, "Not loading GiphyReactNativeSdkPackage");
+        }
+
+        // RNGoogleSignInPackage
+        try {
+            Class<?> googlePackageClass = Class.forName("com.reactnativegooglesignin.RNGoogleSigninPackage");
+            Constructor<?> constructor = googlePackageClass.getConstructor();
+            packages.add((ReactPackage)constructor.newInstance());
+        } catch (Exception e) {
+            // Ignore any error, the module is not compiled when LIBRE_BUILD is enabled.
+            JitsiMeetLogger.d(TAG, "Not loading RNGoogleSignInPackage");
+        }
+
+        return packages;
+    }
+
+    /**
+     * Helper function to send an event to JavaScript.
+     *
+     * @param eventName {@code String} containing the event name.
+     * @param data {@code Object} optional ancillary data for the event.
+     */
+    static void emitEvent(
+            String eventName,
+            @Nullable Object data) {
+        ReactInstanceManager reactInstanceManager
+            = ReactInstanceManagerHolder.getReactInstanceManager();
+
+        if (reactInstanceManager != null) {
+            @SuppressLint("VisibleForTests") ReactContext reactContext
+                = reactInstanceManager.getCurrentReactContext();
+
+            if (reactContext != null) {
+                reactContext
+                    .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
+                    .emit(eventName, data);
+            }
+        }
+    }
+
+    /**
+     * Finds a native React module for given class.
+     *
+     * @param nativeModuleClass the native module's class for which an instance
+     * is to be retrieved from the {@link #reactInstanceManager}.
+     * @param <T> the module's type.
+     * @return {@link NativeModule} instance for given interface type or
+     * {@code null} if no instance for this interface is available, or if
+     * {@link #reactInstanceManager} has not been initialized yet.
+     */
+    static <T extends NativeModule> T getNativeModule(
+            Class<T> nativeModuleClass) {
+        @SuppressLint("VisibleForTests") ReactContext reactContext
+            = reactInstanceManager != null
+                ? reactInstanceManager.getCurrentReactContext() : null;
+
+        return reactContext != null
+                ? reactContext.getNativeModule(nativeModuleClass) : null;
+    }
+
+    static ReactInstanceManager getReactInstanceManager() {
+        return reactInstanceManager;
+    }
+
+    /**
+     * Internal method to initialize the React Native instance manager. We
+     * create a single instance in order to load the JavaScript bundle a single
+     * time. All {@code ReactRootView} instances will be tied to the one and
+     * only {@code ReactInstanceManager}.
+     *
+     * @param app {@code Application}
+     */
+    static void initReactInstanceManager(Application app) {
+        if (reactInstanceManager != null) {
+            return;
+        }
+
+        // Initialize the WebRTC module options.
+        WebRTCModuleOptions options = WebRTCModuleOptions.getInstance();
+        options.enableMediaProjectionService = true;
+        if (options.videoDecoderFactory == null || options.videoEncoderFactory == null) {
+            EglBase.Context eglContext = EglUtils.getRootEglBaseContext();
+            if (options.videoDecoderFactory == null) {
+                options.videoDecoderFactory = new JitsiVideoDecoderFactory(eglContext);
+            }
+            if (options.videoEncoderFactory == null) {
+                options.videoEncoderFactory = new JitsiVideoEncoderFactory(eglContext);
+            }
+        }
+
+        JitsiMeetLogger.d(TAG, "initializing RN");
+
+        reactInstanceManager
+            = ReactInstanceManager.builder()
+                .setApplication(app)
+                .setCurrentActivity(null)
+                .setBundleAssetName("index.android.bundle")
+                .setJSMainModulePath("index.android")
+                .setJavaScriptExecutorFactory(new HermesExecutorFactory())
+                .addPackages(getReactNativePackages())
+                .setUseDeveloperSupport(BuildConfig.DEBUG)
+                .setInitialLifecycleState(LifecycleState.BEFORE_CREATE)
+                .build();
+    }
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/ReactPackageAdapter.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/ReactPackageAdapter.java
new file mode 100644
index 0000000..fe9c4b8
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/ReactPackageAdapter.java
@@ -0,0 +1,41 @@
+/*
+ * Copyright @ 2017-present Atlassian Pty 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.
+ */
+
+package org.jitsi.meet.sdk;
+
+import com.facebook.react.ReactPackage;
+import com.facebook.react.bridge.NativeModule;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.uimanager.ViewManager;
+
+import java.util.Collections;
+import java.util.List;
+
+class ReactPackageAdapter
+    implements ReactPackage {
+
+    @Override
+    public List<NativeModule> createNativeModules(
+            ReactApplicationContext reactContext) {
+        return Collections.emptyList();
+    }
+
+    @Override
+    public List<ViewManager> createViewManagers(
+            ReactApplicationContext reactContext) {
+        return Collections.emptyList();
+    }
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/log/JitsiMeetBaseLogHandler.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/log/JitsiMeetBaseLogHandler.java
new file mode 100644
index 0000000..0a8b288
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/log/JitsiMeetBaseLogHandler.java
@@ -0,0 +1,49 @@
+/*
+ * Copyright @ 2019-present 8x8, Inc.
+ *
+ * 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.
+ */
+
+package org.jitsi.meet.sdk.log;
+
+import android.util.Log;
+
+import org.jetbrains.annotations.NotNull;
+import org.jetbrains.annotations.Nullable;
+
+import java.text.MessageFormat;
+
+import timber.log.Timber;
+
+/**
+ * Base class for all custom log handlers. Implementations must inherit from this class and
+ * implement a `doLog` method which does the actual logging, in addition with a `getTag` method
+ * with which to tag all logs coming into this logger.
+ *
+ * See {@link JitsiMeetDefaultLogHandler} for an example.
+ */
+public abstract class JitsiMeetBaseLogHandler extends Timber.Tree {
+    @Override
+    protected void log(int priority, @Nullable String tag, @NotNull String msg, @Nullable Throwable t) {
+        String errmsg = Log.getStackTraceString(t);
+        if (errmsg.isEmpty()) {
+            doLog(priority, getDefaultTag(), msg);
+        } else {
+            doLog(priority, getDefaultTag(), MessageFormat.format("{0}\n{1}", msg, errmsg));
+        }
+    }
+
+    protected abstract void doLog(int priority, @NotNull String tag, @NotNull String msg);
+
+    protected abstract String getDefaultTag();
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/log/JitsiMeetDefaultLogHandler.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/log/JitsiMeetDefaultLogHandler.java
new file mode 100644
index 0000000..09fb63c
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/log/JitsiMeetDefaultLogHandler.java
@@ -0,0 +1,39 @@
+/*
+ * Copyright @ 2019-present 8x8, Inc.
+ *
+ * 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.
+ */
+
+package org.jitsi.meet.sdk.log;
+
+import android.util.Log;
+
+import org.jetbrains.annotations.NotNull;
+
+/**
+ * Default implementation of a {@link JitsiMeetBaseLogHandler}. This is the main SDK logger, which
+ * logs using the Android util.Log module.
+ */
+public class JitsiMeetDefaultLogHandler extends JitsiMeetBaseLogHandler {
+    private static final String TAG = "JitsiMeetSDK";
+
+    @Override
+    protected void doLog(int priority, @NotNull String tag, @NotNull String msg) {
+        Log.println(priority, tag, msg);
+    }
+
+    @Override
+    protected String getDefaultTag() {
+        return TAG;
+    }
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/log/JitsiMeetLogger.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/log/JitsiMeetLogger.java
new file mode 100644
index 0000000..b0765a9
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/log/JitsiMeetLogger.java
@@ -0,0 +1,107 @@
+/*
+ * Copyright @ 2019-present 8x8, Inc.
+ *
+ * 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.
+ */
+
+package org.jitsi.meet.sdk.log;
+
+import timber.log.Timber;
+
+public class JitsiMeetLogger {
+    static {
+        addHandler(new JitsiMeetDefaultLogHandler());
+    }
+
+    public static void addHandler(JitsiMeetBaseLogHandler handler) {
+        if (!Timber.forest().contains(handler)) {
+            try {
+                Timber.plant(handler);
+            } catch (Throwable t) {
+                Timber.w(t, "Couldn't add log handler");
+            }
+
+        }
+    }
+
+    public static void removeHandler(JitsiMeetBaseLogHandler handler) {
+        if (Timber.forest().contains(handler)) {
+            try {
+                Timber.uproot(handler);
+            } catch (Throwable t) {
+                Timber.w(t, "Couldn't remove log handler");
+            }
+        }
+    }
+
+    public static void v(String message, Object... args) {
+        Timber.v(message, args);
+    }
+
+    public static void v(Throwable t, String message, Object... args) {
+        Timber.v(t, message, args);
+    }
+
+    public static void v(Throwable t) {
+        Timber.v(t);
+    }
+
+    public static void d(String message, Object... args) {
+        Timber.d(message, args);
+    }
+
+    public static void d(Throwable t, String message, Object... args) {
+        Timber.d(t, message, args);
+    }
+
+    public static void d(Throwable t) {
+        Timber.d(t);
+    }
+
+    public static void i(String message, Object... args) {
+        Timber.i(message, args);
+    }
+
+    public static void i(Throwable t, String message, Object... args) {
+        Timber.i(t, message, args);
+    }
+
+    public static void i(Throwable t) {
+        Timber.i(t);
+    }
+
+    public static void w(String message, Object... args) {
+        Timber.w(message, args);
+    }
+
+    public static void w(Throwable t, String message, Object... args) {
+        Timber.w(t, message, args);
+    }
+
+    public static void w(Throwable t) {
+        Timber.w(t);
+    }
+
+    public static void e(String message, Object... args) {
+        Timber.e(message, args);
+    }
+
+    public static void e(Throwable t, String message, Object... args) {
+        Timber.e(t, message, args);
+    }
+
+    public static void e(Throwable t) {
+        Timber.e(t);
+    }
+
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/net/NAT64AddrInfo.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/net/NAT64AddrInfo.java
new file mode 100644
index 0000000..389ab9d
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/net/NAT64AddrInfo.java
@@ -0,0 +1,238 @@
+/*
+ * Copyright @ 2018-present Atlassian Pty 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.
+ */
+package org.jitsi.meet.sdk.net;
+
+import java.net.InetAddress;
+import java.net.UnknownHostException;
+
+/**
+ * Constructs IPv6 addresses for IPv4 addresses in the NAT64 environment.
+ *
+ * NAT64 translates IPv4 to IPv6 addresses by adding "well known" prefix and
+ * suffix configured by the administrator. Those are figured out by discovering
+ * both IPv6 and IPv4 addresses of a host and then trying to find a place where
+ * the IPv4 address fits into the format described here:
+ * https://tools.ietf.org/html/rfc6052#section-2.2
+ */
+public class NAT64AddrInfo {
+    /**
+     * Coverts bytes array to upper case HEX string.
+     *
+     * @param bytes an array of bytes to be converted
+     * @return ex. "010AFF" for an array of {1, 10, 255}.
+     */
+    static String bytesToHexString(byte[] bytes) {
+        StringBuilder hexStr = new StringBuilder();
+
+        for (byte b : bytes) {
+            hexStr.append(String.format("%02X", b));
+        }
+
+        return hexStr.toString();
+    }
+
+    /**
+     * Tries to discover the NAT64 prefix/suffix based on the IPv4 and IPv6
+     * addresses resolved for given {@code host}.
+     *
+     * @param host the host for which the code will try to discover IPv4 and
+     * IPv6 addresses which then will be used to figure out the NAT64 prefix.
+     * @return {@link NAT64AddrInfo} instance if the NAT64 prefix/suffix was
+     * successfully discovered or {@code null} if it failed for any reason.
+     * @throws UnknownHostException thrown by {@link InetAddress#getAllByName}.
+     */
+    public static NAT64AddrInfo discover(String host)
+            throws UnknownHostException {
+        InetAddress ipv4 = null;
+        InetAddress ipv6 = null;
+
+        for(InetAddress addr : InetAddress.getAllByName(host)) {
+            byte[] bytes = addr.getAddress();
+
+            if (bytes.length == 4) {
+                ipv4 = addr;
+            } else if (bytes.length == 16) {
+                ipv6 = addr;
+            }
+        }
+
+        if (ipv4 != null && ipv6 != null) {
+            return figureOutNAT64AddrInfo(ipv4.getAddress(), ipv6.getAddress());
+        }
+
+        return null;
+    }
+
+    /**
+     * Based on IPv4 and IPv6 addresses of the same host, the method will make
+     * an attempt to figure out what are the NAT64 prefix and suffix.
+     *
+     * @param ipv4AddrBytes the IPv4 address of the same host in NAT64 network,
+     * as returned by {@link InetAddress#getAddress()}.
+     * @param ipv6AddrBytes the IPv6 address of the same host in NAT64 network,
+     * as returned by {@link InetAddress#getAddress()}.
+     * @return {@link NAT64AddrInfo} instance which contains the prefix/suffix
+     * of the current NAT64 network or {@code null} if the prefix could not be
+     * found.
+     */
+    static NAT64AddrInfo figureOutNAT64AddrInfo(
+            byte[] ipv4AddrBytes,
+            byte[] ipv6AddrBytes) {
+        String ipv6Str = bytesToHexString(ipv6AddrBytes);
+        String ipv4Str = bytesToHexString(ipv4AddrBytes);
+
+        // NAT64 address format:
+        // +--+---+---+---+---+---+---+---+---+---+---+---+---+---+---+---+---+
+        // |PL| 0-------------32--40--48--56--64--72--80--88--96--104---------|
+        // +--+---+---+---+---+---+---+---+---+---+---+---+---+---+---+---+---+
+        // |32|     prefix    |v4(32)         | u | suffix                    |
+        // +--+---+---+---+---+---+---+---+---+---+---+---+---+---+---+---+---+
+        // |40|     prefix        |v4(24)     | u |(8)| suffix                |
+        // +--+---+---+---+---+---+---+---+---+---+---+---+---+---+---+---+---+
+        // |48|     prefix            |v4(16) | u | (16)  | suffix            |
+        // +--+---+---+---+---+---+---+---+---+---+---+---+---+---+---+---+---+
+        // |56|     prefix                |(8)| u |  v4(24)   | suffix        |
+        // +--+---+---+---+---+---+---+---+---+---+---+---+---+---+---+---+---+
+        // |64|     prefix                    | u |   v4(32)      | suffix    |
+        // +--+---+---+---+---+---+---+---+---+---+---+---+---+---+---+---+---+
+        // |96|     prefix                                    |    v4(32)     |
+        // +--+---+---+---+---+---+---+---+---+---+---+---+---+---+---+---+---+
+        int prefixLength = 96;
+        int suffixLength = 0;
+        String prefix = null;
+        String suffix = null;
+
+        if (ipv4Str.equalsIgnoreCase(ipv6Str.substring(prefixLength / 4))) {
+            prefix = ipv6Str.substring(0, prefixLength / 4);
+        } else {
+            // Cut out the 'u' octet
+            ipv6Str = ipv6Str.substring(0, 16) + ipv6Str.substring(18);
+
+            for (prefixLength = 64, suffixLength = 6; prefixLength >= 32; ) {
+                if (ipv4Str.equalsIgnoreCase(
+                        ipv6Str.substring(
+                                prefixLength / 4, prefixLength / 4 + 8))) {
+                    prefix = ipv6Str.substring(0, prefixLength / 4);
+                    suffix = ipv6Str.substring(ipv6Str.length() - suffixLength);
+                    break;
+                }
+
+                prefixLength -= 8;
+                suffixLength += 2;
+            }
+        }
+
+        return prefix != null ? new NAT64AddrInfo(prefix, suffix) : null;
+    }
+
+    /**
+     * An overload for {@link #hexStringToIPv6String(StringBuilder)}.
+     *
+     * @param hexStr a hex representation of IPv6 address bytes.
+     * @return an IPv6 address string.
+     */
+    static String hexStringToIPv6String(String hexStr) {
+        return hexStringToIPv6String(new StringBuilder(hexStr));
+    }
+
+    /**
+     * Converts from HEX representation of IPv6 address bytes into IPv6 address
+     * string which includes the ':' signs.
+     *
+     * @param str a hex representation of IPv6 address bytes.
+     * @return eg. FE80:CD00:0000:0CDA:1357:0000:212F:749C
+     */
+    static String hexStringToIPv6String(StringBuilder str) {
+        for (int i = 32 - 4; i > 0; i -= 4) {
+            str.insert(i, ":");
+        }
+
+        return str.toString().toUpperCase();
+    }
+
+    /**
+     * Parses an IPv4 address string and returns it's byte array representation.
+     *
+     * @param ipv4Address eg. '192.168.3.23'
+     * @return byte representation of given IPv4 address string.
+     * @throws IllegalArgumentException if the address is not in valid format.
+     */
+    static byte[] ipv4AddressStringToBytes(String ipv4Address) {
+        InetAddress address;
+
+        try {
+            address = InetAddress.getByName(ipv4Address);
+        } catch (UnknownHostException e) {
+            throw new IllegalArgumentException(
+                    "Invalid IP address: " + ipv4Address, e);
+        }
+
+        byte[] bytes = address.getAddress();
+
+        if (bytes.length != 4) {
+            throw new IllegalArgumentException(
+                    "Not an IPv4 address: " + ipv4Address);
+        }
+
+        return bytes;
+    }
+
+    /**
+     * The NAT64 prefix added to construct IPv6 from an IPv4 address.
+     */
+    private final String prefix;
+
+    /**
+     * The NAT64 suffix (if any) used to construct IPv6 from an IPv4 address.
+     */
+    private final String suffix;
+
+    /**
+     * Creates new instance of {@link NAT64AddrInfo}.
+     *
+     * @param prefix the NAT64 prefix.
+     * @param suffix the NAT64 suffix.
+     */
+    private NAT64AddrInfo(String prefix, String suffix) {
+        this.prefix = prefix;
+        this.suffix = suffix;
+    }
+
+    /**
+     * Based on the NAT64 prefix and suffix will create an IPv6 representation
+     * of the given IPv4 address.
+     *
+     * @param ipv4Address eg. '192.34.2.3'
+     * @return IPv6 address string eg. FE80:CD00:0000:0CDA:1357:0000:212F:749C
+     * @throws IllegalArgumentException if given string is not a valid IPv4
+     * address.
+     */
+    public String getIPv6Address(String ipv4Address) {
+        byte[] ipv4AddressBytes = ipv4AddressStringToBytes(ipv4Address);
+        StringBuilder newIPv6Str = new StringBuilder();
+
+        newIPv6Str.append(prefix);
+        newIPv6Str.append(bytesToHexString(ipv4AddressBytes));
+
+        if (suffix != null) {
+            // Insert the 'u' octet.
+            newIPv6Str.insert(16, "00");
+            newIPv6Str.append(suffix);
+        }
+
+        return hexStringToIPv6String(newIPv6Str);
+    }
+}
diff --git a/android/sdk/src/main/java/org/jitsi/meet/sdk/net/NAT64AddrInfoModule.java b/android/sdk/src/main/java/org/jitsi/meet/sdk/net/NAT64AddrInfoModule.java
new file mode 100644
index 0000000..d88872f
--- /dev/null
+++ b/android/sdk/src/main/java/org/jitsi/meet/sdk/net/NAT64AddrInfoModule.java
@@ -0,0 +1,123 @@
+/*
+ * Copyright @ 2018-present Atlassian Pty 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.
+ */
+package org.jitsi.meet.sdk.net;
+
+import com.facebook.react.bridge.Promise;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactContextBaseJavaModule;
+import com.facebook.react.bridge.ReactMethod;
+import com.facebook.react.module.annotations.ReactModule;
+
+import org.jitsi.meet.sdk.log.JitsiMeetLogger;
+
+import java.net.UnknownHostException;
+
+/**
+ * This module exposes the functionality of creating an IPv6 representation
+ * of IPv4 addresses in NAT64 environment.
+ *
+ * See[1] and [2] for more info on what NAT64 is.
+ * [1]: https://tools.ietf.org/html/rfc6146
+ * [2]: https://tools.ietf.org/html/rfc6052
+ */
+@ReactModule(name = NAT64AddrInfoModule.NAME)
+public class NAT64AddrInfoModule
+    extends ReactContextBaseJavaModule {
+
+    public final static String NAME = "NAT64AddrInfo";
+
+    /**
+     * The host for which the module wil try to resolve both IPv4 and IPv6
+     * addresses in order to figure out the NAT64 prefix.
+     */
+    private final static String HOST = "ipv4only.arpa";
+
+    /**
+     * How long is the {@link NAT64AddrInfo} instance valid.
+     */
+    private final static long INFO_LIFETIME = 60 * 1000;
+
+    /**
+     * The {@code Log} tag {@code NAT64AddrInfoModule} is to log messages with.
+     */
+    private final static String TAG = NAME;
+
+    /**
+     * The {@link NAT64AddrInfo} instance which holds NAT64 prefix/suffix.
+     */
+    private NAT64AddrInfo info;
+
+    /**
+     * When {@link #info} was created.
+     */
+    private long infoTimestamp;
+
+    /**
+     * Creates new {@link NAT64AddrInfoModule}.
+     *
+     * @param reactContext the react context to be used by the new module
+     * instance.
+     */
+    public NAT64AddrInfoModule(ReactApplicationContext reactContext) {
+        super(reactContext);
+    }
+
+    /**
+     * Tries to obtain IPv6 address for given IPv4 address in NAT64 environment.
+     *
+     * @param ipv4Address IPv4 address string.
+     * @param promise a {@link Promise} which will be resolved either with IPv6
+     * address for given IPv4 address or with {@code null} if no
+     * {@link NAT64AddrInfo} was resolved for the current network. Will be
+     * rejected if given {@code ipv4Address} is not a valid IPv4 address.
+     */
+    @ReactMethod
+    public void getIPv6Address(String ipv4Address, final Promise promise) {
+        // Reset if cached for too long.
+        if (System.currentTimeMillis() - infoTimestamp > INFO_LIFETIME) {
+            info = null;
+        }
+
+        if (info == null) {
+            String host = HOST;
+
+            try {
+                info = NAT64AddrInfo.discover(host);
+            } catch (UnknownHostException e) {
+                JitsiMeetLogger.e(e, TAG + " NAT64AddrInfo.discover: " + host);
+            }
+            infoTimestamp = System.currentTimeMillis();
+        }
+
+        String result;
+
+        try {
+            result = info == null ? null : info.getIPv6Address(ipv4Address);
+        } catch (IllegalArgumentException exc) {
+            JitsiMeetLogger.e(exc, TAG + " Failed to get IPv6 address for: " + ipv4Address);
+
+            // We don't want to reject. It's not a big deal if there's no IPv6
+            // address resolved.
+            result = null;
+        }
+        promise.resolve(result);
+    }
+
+    @Override
+    public String getName() {
+        return NAME;
+    }
+}
diff --git a/android/sdk/src/main/java/org/webrtc/JitsiPlatformVideoDecoderFactory.java b/android/sdk/src/main/java/org/webrtc/JitsiPlatformVideoDecoderFactory.java
new file mode 100644
index 0000000..97522a3
--- /dev/null
+++ b/android/sdk/src/main/java/org/webrtc/JitsiPlatformVideoDecoderFactory.java
@@ -0,0 +1,40 @@
+/*
+ *  Copyright 2018 The WebRTC project authors. All Rights Reserved.
+ *
+ *  Use of this source code is governed by a BSD-style license
+ *  that can be found in the LICENSE file in the root of the source
+ *  tree. An additional intellectual property rights grant can be found
+ *  in the file PATENTS.  All contributing project authors may
+ *  be found in the AUTHORS file in the root of the source tree.
+ */
+
+package org.webrtc;
+
+import android.media.MediaCodecInfo;
+import androidx.annotation.Nullable;
+
+/** Factory for Android platform software VideoDecoders. */
+public class JitsiPlatformVideoDecoderFactory extends MediaCodecVideoDecoderFactory {
+    /**
+     * Default allowed predicate.
+     */
+    private static final Predicate<MediaCodecInfo> defaultAllowedPredicate =
+        codecInfo -> {
+            // We only want to use the platform software codecs.
+            return MediaCodecUtils.isSoftwareOnly(codecInfo);
+        };
+
+    /**
+     * Creates a PlatformSoftwareVideoDecoderFactory that supports surface texture rendering.
+     *
+     * @param sharedContext The textures generated will be accessible from this context. May be null,
+     *                      this disables texture support.
+     */
+    public JitsiPlatformVideoDecoderFactory(@Nullable EglBase.Context sharedContext) {
+        super(sharedContext, defaultAllowedPredicate);
+    }
+
+    public JitsiPlatformVideoDecoderFactory(@Nullable EglBase.Context sharedContext, @Nullable Predicate<MediaCodecInfo> codecAllowedPredicate) {
+        super(sharedContext, codecAllowedPredicate == null ? defaultAllowedPredicate : codecAllowedPredicate.and(defaultAllowedPredicate));
+    }
+}
diff --git a/android/sdk/src/main/res/drawable-hdpi/ic_notification.png b/android/sdk/src/main/res/drawable-hdpi/ic_notification.png
new file mode 100644
index 0000000..da701e5
Binary files /dev/null and b/android/sdk/src/main/res/drawable-hdpi/ic_notification.png differ
diff --git a/android/sdk/src/main/res/drawable-mdpi/ic_notification.png b/android/sdk/src/main/res/drawable-mdpi/ic_notification.png
new file mode 100644
index 0000000..7540f39
Binary files /dev/null and b/android/sdk/src/main/res/drawable-mdpi/ic_notification.png differ
diff --git a/android/sdk/src/main/res/drawable-xhdpi/ic_notification.png b/android/sdk/src/main/res/drawable-xhdpi/ic_notification.png
new file mode 100644
index 0000000..bed1734
Binary files /dev/null and b/android/sdk/src/main/res/drawable-xhdpi/ic_notification.png differ
diff --git a/android/sdk/src/main/res/drawable-xxhdpi/ic_notification.png b/android/sdk/src/main/res/drawable-xxhdpi/ic_notification.png
new file mode 100644
index 0000000..88bf389
Binary files /dev/null and b/android/sdk/src/main/res/drawable-xxhdpi/ic_notification.png differ
diff --git a/android/sdk/src/main/res/drawable-xxxhdpi/ic_notification.png b/android/sdk/src/main/res/drawable-xxxhdpi/ic_notification.png
new file mode 100644
index 0000000..f071fac
Binary files /dev/null and b/android/sdk/src/main/res/drawable-xxxhdpi/ic_notification.png differ
diff --git a/android/sdk/src/main/res/layout/activity_jitsi_meet.xml b/android/sdk/src/main/res/layout/activity_jitsi_meet.xml
new file mode 100644
index 0000000..e2213b0
--- /dev/null
+++ b/android/sdk/src/main/res/layout/activity_jitsi_meet.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:id="@+id/jitsi_layout"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    tools:context=".JitsiMeetActivity">
+
+    <org.jitsi.meet.sdk.JitsiMeetView
+        android:id="@+id/jitsiView"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent" />
+</FrameLayout>
\ No newline at end of file
diff --git a/android/sdk/src/main/res/values-ru/strings.xml b/android/sdk/src/main/res/values-ru/strings.xml
new file mode 100644
index 0000000..48573ce
--- /dev/null
+++ b/android/sdk/src/main/res/values-ru/strings.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <string name="ongoing_notification_title">Текущая встреча</string>
+    <string name="ongoing_notification_text">Нажмите, чтобы вернуться к встрече.</string>
+    <string name="ongoing_notification_action_hang_up">Отключиться</string>
+    <string name="ongoing_notification_action_mute">Отключить звук</string>
+    <string name="ongoing_notification_action_unmute">Включить звук</string>
+    <string name="ongoing_notification_channel_name">Ongoing Conference Notifications</string>
+</resources>
\ No newline at end of file
diff --git a/android/sdk/src/main/res/values/colors.xml b/android/sdk/src/main/res/values/colors.xml
new file mode 100644
index 0000000..cd07ec8
--- /dev/null
+++ b/android/sdk/src/main/res/values/colors.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="navigationBarColor">#040404</color>
+    <color name="statusBarColor">#040404</color>
+</resources>
\ No newline at end of file
diff --git a/android/sdk/src/main/res/values/strings.xml b/android/sdk/src/main/res/values/strings.xml
new file mode 100644
index 0000000..8bc4c5b
--- /dev/null
+++ b/android/sdk/src/main/res/values/strings.xml
@@ -0,0 +1,12 @@
+<resources>
+    <string name="app_name">Jitsi Meet SDK</string>
+    <string name="dropbox_app_key"></string>
+    <string name="media_projection_notification_title">Media projection</string>
+    <string name="media_projection_notification_text">You are currently sharing your screen.</string>
+    <string name="ongoing_notification_title">Ongoing meeting</string>
+    <string name="ongoing_notification_text">You are currently in a meeting. Tap to return to it.</string>
+    <string name="ongoing_notification_action_hang_up">Hang up</string>
+    <string name="ongoing_notification_action_mute">Mute</string>
+    <string name="ongoing_notification_action_unmute">Unmute</string>
+    <string name="ongoing_notification_channel_name">Ongoing Conference Notifications</string>
+</resources>
diff --git a/android/sdk/src/main/res/values/styles.xml b/android/sdk/src/main/res/values/styles.xml
new file mode 100644
index 0000000..dd4c3ba
--- /dev/null
+++ b/android/sdk/src/main/res/values/styles.xml
@@ -0,0 +1,6 @@
+<resources>
+    <style name="JitsiMeetActivityStyle" parent="Theme.AppCompat.Light.NoActionBar">
+        <item name="android:navigationBarColor">@color/navigationBarColor</item>
+        <item name="android:statusBarColor">@color/statusBarColor</item>
+    </style>
+</resources>
diff --git a/android/sdk/src/test/java/org/jitsi/meet/sdk/net/NAT64AddrInfoTest.java b/android/sdk/src/test/java/org/jitsi/meet/sdk/net/NAT64AddrInfoTest.java
new file mode 100644
index 0000000..c01ecaf
--- /dev/null
+++ b/android/sdk/src/test/java/org/jitsi/meet/sdk/net/NAT64AddrInfoTest.java
@@ -0,0 +1,150 @@
+/*
+ * Copyright @ 2017-present Atlassian Pty 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.
+ */
+package org.jitsi.meet.sdk.net;
+
+import org.junit.Test;
+
+import java.math.BigInteger;
+import java.net.UnknownHostException;
+
+import static org.junit.Assert.*;
+
+/**
+ * Tests for {@link NAT64AddrInfo} class.
+ */
+public class NAT64AddrInfoTest {
+    /**
+     * Test case for the 96 prefix length.
+     */
+    @Test
+    public void test96Prefix() {
+        testPrefixSuffix(
+                "260777000000000400000000", "", "203.0.113.1", "23.17.23.3");
+    }
+
+    /**
+     * Test case for the 64 prefix length.
+     */
+    @Test
+    public void test64Prefix() {
+        String prefix = "1FF2A227B3AAF3D2";
+        String suffix = "BB87C8";
+
+        testPrefixSuffix(prefix, suffix, "48.46.87.34", "23.87.145.4");
+    }
+
+    /**
+     * Test case for the 56 prefix length.
+     */
+    @Test
+    public void test56Prefix() {
+        String prefix = "1FF2A227B3AAF3";
+        String suffix = "A2BB87C8";
+
+        testPrefixSuffix(prefix, suffix, "34.72.234.255", "1.235.3.65");
+    }
+
+    /**
+     * Test case for the 48 prefix length.
+     */
+    @Test
+    public void test48Prefix() {
+        String prefix = "1FF2A227B3AA";
+        String suffix = "72A2BB87C8";
+
+        testPrefixSuffix(prefix, suffix, "97.54.3.23", "77.49.0.33");
+    }
+
+    /**
+     * Test case for the 40 prefix length.
+     */
+    @Test
+    public void test40Prefix() {
+        String prefix = "1FF2A227B3";
+        String suffix = "D972A2BB87C8";
+
+        testPrefixSuffix(prefix, suffix, "10.23.56.121", "97.65.32.21");
+    }
+
+    /**
+     * Test case for the 32 prefix length.
+     */
+    @Test
+    public void test32Prefix()
+        throws UnknownHostException {
+        String prefix = "1FF2A227";
+        String suffix = "20D972A2BB87C8";
+
+        testPrefixSuffix(prefix, suffix, "162.63.65.189", "135.222.84.206");
+    }
+
+    private static String buildIPv6Addr(
+            String prefix, String suffix, String ipv4Hex) {
+        String ipv6Str = prefix + ipv4Hex + suffix;
+
+        if (suffix.length() > 0) {
+            ipv6Str = new StringBuilder(ipv6Str).insert(16, "00").toString();
+        }
+
+        return ipv6Str;
+    }
+
+    private void testPrefixSuffix(
+            String prefix, String suffix, String ipv4, String otherIPv4) {
+        byte[] ipv4Bytes = NAT64AddrInfo.ipv4AddressStringToBytes(ipv4);
+        String ipv4String = NAT64AddrInfo.bytesToHexString(ipv4Bytes);
+        String ipv6Str = buildIPv6Addr(prefix, suffix, ipv4String);
+
+        BigInteger ipv6Address = new BigInteger(ipv6Str, 16);
+
+        NAT64AddrInfo nat64AddrInfo
+            = NAT64AddrInfo.figureOutNAT64AddrInfo(
+                    ipv4Bytes, ipv6Address.toByteArray());
+
+        assertNotNull("Failed to figure out NAT64 info", nat64AddrInfo);
+
+        String newIPv6 = nat64AddrInfo.getIPv6Address(ipv4);
+
+        assertEquals(
+                NAT64AddrInfo.hexStringToIPv6String(ipv6Address.toString(16)),
+                newIPv6);
+
+        byte[] ipv4Addr2 = NAT64AddrInfo.ipv4AddressStringToBytes(otherIPv4);
+        String ipv4Addr2Hex = NAT64AddrInfo.bytesToHexString(ipv4Addr2);
+
+        newIPv6 = nat64AddrInfo.getIPv6Address(otherIPv4);
+
+        assertEquals(
+                NAT64AddrInfo.hexStringToIPv6String(
+                        buildIPv6Addr(prefix, suffix, ipv4Addr2Hex)),
+                newIPv6);
+    }
+
+    @Test
+    public void testInvalidIPv4Format() {
+        testInvalidIPv4Format("256.1.2.3");
+        testInvalidIPv4Format("FE80:CD00:0000:0CDA:1357:0000:212F:749C");
+    }
+
+    private void testInvalidIPv4Format(String ipv4Str) {
+        try {
+            NAT64AddrInfo.ipv4AddressStringToBytes(ipv4Str);
+            fail("Did not throw IllegalArgumentException");
+        } catch (IllegalArgumentException exc) {
+            /* OK */
+        }
+    }
+}
diff --git a/android/settings.gradle b/android/settings.gradle
new file mode 100644
index 0000000..da189df
--- /dev/null
+++ b/android/settings.gradle
@@ -0,0 +1,54 @@
+include ':app', ':sdk'
+
+include ':react-native-amplitude'
+project(':react-native-amplitude').projectDir = new File(rootProject.projectDir, '../node_modules/@amplitude/analytics-react-native/android')
+include ':react-native-async-storage'
+project(':react-native-async-storage').projectDir = new File(rootProject.projectDir, '../node_modules/@react-native-async-storage/async-storage/android')
+include ':react-native-background-timer'
+project(':react-native-background-timer').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-background-timer/android')
+include ':react-native-calendar-events'
+project(':react-native-calendar-events').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-calendar-events/android')
+include ':react-native-community_clipboard'
+project(':react-native-community_clipboard').projectDir = new File(rootProject.projectDir, '../node_modules/@react-native-clipboard/clipboard/android')
+include ':react-native-community_netinfo'
+project(':react-native-community_netinfo').projectDir = new File(rootProject.projectDir, '../node_modules/@react-native-community/netinfo/android')
+include ':react-native-default-preference'
+project(':react-native-default-preference').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-default-preference/android')
+include ':react-native-device-info'
+project(':react-native-device-info').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-device-info/android')
+include ':react-native-gesture-handler'
+project(':react-native-gesture-handler').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-gesture-handler/android')
+include ':react-native-get-random-values'
+project(':react-native-get-random-values').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-get-random-values/android')
+include ':react-native-giphy'
+project(':react-native-giphy').projectDir = new File(rootProject.projectDir, '../node_modules/@giphy/react-native-sdk/android')
+include ':react-native-google-signin'
+project(':react-native-google-signin').projectDir = new File(rootProject.projectDir, '../node_modules/@react-native-google-signin/google-signin/android')
+include ':react-native-keep-awake'
+project(':react-native-keep-awake').projectDir = new File(rootProject.projectDir, '../node_modules/@sayem314/react-native-keep-awake/android')
+include ':react-native-orientation-locker'
+project(':react-native-orientation-locker').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-orientation-locker/android')
+include ':react-native-pager-view'
+project(':react-native-pager-view').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-pager-view/android')
+include ':react-native-performance'
+project(':react-native-performance').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-performance/android')
+include ':react-native-safe-area-context'
+project(':react-native-safe-area-context').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-safe-area-context/android')
+include ':react-native-screens'
+project(':react-native-screens').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-screens/android')
+include ':react-native-slider'
+project(':react-native-slider').projectDir = new File(rootProject.projectDir, '../node_modules/@react-native-community/slider/android')
+include ':react-native-sound'
+project(':react-native-sound').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-sound/android')
+include ':react-native-splash-view'
+project(':react-native-splash-view').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-splash-view/android')
+include ':react-native-svg'
+project(':react-native-svg').projectDir = new File(rootProject.projectDir, 	'../node_modules/react-native-svg/android')
+include ':react-native-video'
+project(':react-native-video').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-video/android')
+include ':react-native-webrtc'
+project(':react-native-webrtc').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-webrtc/android')
+include ':react-native-webview'
+project(':react-native-webview').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-webview/android')
+include ':react-native-worklets-core'
+project(':react-native-worklets-core').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-worklets-core/android')
diff --git a/app.js b/app.js
new file mode 100644
index 0000000..4505556
--- /dev/null
+++ b/app.js
@@ -0,0 +1,70 @@
+/* Jitsi Meet app main entrypoint. */
+
+// Re-export jQuery
+// FIXME: Remove this requirement from torture tests.
+import $ from 'jquery';
+
+window.$ = window.jQuery = $;
+
+import '@matrix-org/olm';
+
+import 'focus-visible';
+
+/*
+* Safari polyfill for createImageBitmap
+* https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/createImageBitmap
+*
+* Support source image types: Canvas.
+*/
+if (!('createImageBitmap' in window)) {
+    window.createImageBitmap = function(data) {
+        return new Promise((resolve, reject) => {
+            let dataURL;
+
+            if (data instanceof HTMLCanvasElement) {
+                dataURL = data.toDataURL();
+            } else {
+                reject(new Error('createImageBitmap does not handle the provided image source type'));
+            }
+            const img = document.createElement('img');
+
+            img.addEventListener('load', () => {
+                resolve(img);
+            });
+            img.src = dataURL;
+        });
+    };
+}
+
+// We need to setup the jitsi-local-storage as early as possible so that we can start using it.
+// NOTE: If jitsi-local-storage is used before the initial setup is performed this will break the use case when we use
+// the  local storage from the parent page when the localStorage is disabled. Also the setup is relying that
+// window.location is not changed and still has all URL parameters.
+import './react/features/base/jitsi-local-storage/setup';
+import conference from './conference';
+import API from './modules/API';
+import UI from './modules/UI/UI';
+import translation from './modules/translation/translation';
+
+// Initialize Olm as early as possible.
+if (window.Olm) {
+    window.Olm.init().catch(e => {
+        console.error('Failed to initialize Olm, E2EE will be disabled', e);
+        delete window.Olm;
+    });
+}
+
+window.APP = {
+    API,
+    conference,
+    translation,
+    UI
+};
+
+// TODO The execution of the mobile app starts from react/index.native.js.
+// Similarly, the execution of the Web app should start from react/index.web.js
+// for the sake of consistency and ease of understanding. Temporarily though
+// because we are at the beginning of introducing React into the Web app, allow
+// the execution of the Web app to start from app.js in order to reduce the
+// complexity of the beginning step.
+import './react';
diff --git a/babel.config.js b/babel.config.js
new file mode 100644
index 0000000..4141f6a
--- /dev/null
+++ b/babel.config.js
@@ -0,0 +1,20 @@
+module.exports = {
+    presets: [ 'module:@react-native/babel-preset' ],
+    env: {
+        production: {
+            plugins: [ 'react-native-paper/babel' ]
+        }
+    },
+
+    // This happens because react native has conflict with @babel/plugin-transform-private-methods plugin
+    // https://github.com/ethers-io/ethers.js/discussions/4309#discussioncomment-6694524
+    plugins: [
+        'optional-require',
+        [
+            '@babel/plugin-transform-private-methods', {
+                'loose': true
+            }
+        ],
+        'react-native-worklets-core/plugin'
+    ]
+};
diff --git a/base.html b/base.html
new file mode 100644
index 0000000..f5d75e2
--- /dev/null
+++ b/base.html
@@ -0,0 +1 @@
+<base href="/" />
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..e69de29
diff --git a/conference.js b/conference.js
new file mode 100644
index 0000000..18560a9
--- /dev/null
+++ b/conference.js
@@ -0,0 +1,2363 @@
+/* global APP, JitsiMeetJS, config, interfaceConfig */
+
+import { jitsiLocalStorage } from '@jitsi/js-utils';
+import Logger from '@jitsi/logger';
+
+import { ENDPOINT_TEXT_MESSAGE_NAME } from './modules/API/constants';
+import mediaDeviceHelper from './modules/devices/mediaDeviceHelper';
+import Recorder from './modules/recorder/Recorder';
+import { createTaskQueue } from './modules/util/helpers';
+import {
+    createDeviceChangedEvent,
+    createScreenSharingEvent,
+    createStartSilentEvent,
+    createTrackMutedEvent
+} from './react/features/analytics/AnalyticsEvents';
+import { sendAnalytics } from './react/features/analytics/functions';
+import {
+    maybeRedirectToWelcomePage,
+    reloadWithStoredParams
+} from './react/features/app/actions';
+import {
+    _conferenceWillJoin,
+    authStatusChanged,
+    conferenceFailed,
+    conferenceJoinInProgress,
+    conferenceJoined,
+    conferenceLeft,
+    conferencePropertiesChanged,
+    conferenceSubjectChanged,
+    conferenceTimestampChanged,
+    conferenceUniqueIdSet,
+    conferenceWillInit,
+    conferenceWillLeave,
+    dataChannelClosed,
+    dataChannelOpened,
+    e2eRttChanged,
+    endpointMessageReceived,
+    kickedOut,
+    lockStateChanged,
+    nonParticipantMessageReceived,
+    onStartMutedPolicyChanged,
+    p2pStatusChanged
+} from './react/features/base/conference/actions';
+import {
+    AVATAR_URL_COMMAND,
+    CONFERENCE_LEAVE_REASONS,
+    EMAIL_COMMAND
+} from './react/features/base/conference/constants';
+import {
+    commonUserJoinedHandling,
+    commonUserLeftHandling,
+    getConferenceOptions,
+    sendLocalParticipant,
+    updateTrackMuteState
+} from './react/features/base/conference/functions';
+import { getReplaceParticipant, getSsrcRewritingFeatureFlag } from './react/features/base/config/functions';
+import { connect } from './react/features/base/connection/actions.web';
+import {
+    checkAndNotifyForNewDevice,
+    getAvailableDevices,
+    notifyCameraError,
+    notifyMicError,
+    updateDeviceList
+} from './react/features/base/devices/actions.web';
+import {
+    areDevicesDifferent,
+    filterIgnoredDevices,
+    flattenAvailableDevices,
+    getDefaultDeviceId,
+    logDevices,
+    setAudioOutputDeviceId
+} from './react/features/base/devices/functions.web';
+import {
+    JitsiConferenceErrors,
+    JitsiConferenceEvents,
+    JitsiE2ePingEvents,
+    JitsiMediaDevicesEvents,
+    JitsiTrackEvents,
+    browser
+} from './react/features/base/lib-jitsi-meet';
+import {
+    gumPending,
+    setAudioAvailable,
+    setAudioMuted,
+    setAudioUnmutePermissions,
+    setInitialGUMPromise,
+    setVideoAvailable,
+    setVideoMuted,
+    setVideoUnmutePermissions
+} from './react/features/base/media/actions';
+import { MEDIA_TYPE, VIDEO_MUTISM_AUTHORITY, VIDEO_TYPE } from './react/features/base/media/constants';
+import {
+    getStartWithAudioMuted,
+    getStartWithVideoMuted,
+    isVideoMutedByUser
+} from './react/features/base/media/functions';
+import { IGUMPendingState } from './react/features/base/media/types';
+import {
+    dominantSpeakerChanged,
+    localParticipantAudioLevelChanged,
+    localParticipantRoleChanged,
+    participantKicked,
+    participantMutedUs,
+    participantPresenceChanged,
+    participantRoleChanged,
+    participantSourcesUpdated,
+    participantUpdated,
+    screenshareParticipantDisplayNameChanged,
+    updateRemoteParticipantFeatures
+} from './react/features/base/participants/actions';
+import {
+    getLocalParticipant,
+    getNormalizedDisplayName,
+    getParticipantByIdOrUndefined,
+    getVirtualScreenshareParticipantByOwnerId
+} from './react/features/base/participants/functions';
+import { updateSettings } from './react/features/base/settings/actions';
+import {
+    addLocalTrack,
+    createInitialAVTracks,
+    destroyLocalTracks,
+    displayErrorsForCreateInitialLocalTracks,
+    replaceLocalTrack,
+    setGUMPendingStateOnFailedTracks,
+    toggleScreensharing as toggleScreensharingA,
+    trackAdded,
+    trackRemoved
+} from './react/features/base/tracks/actions';
+import {
+    createLocalTracksF,
+    getLocalJitsiAudioTrack,
+    getLocalJitsiVideoTrack,
+    getLocalVideoTrack,
+    isLocalTrackMuted,
+    isUserInteractionRequiredForUnmute
+} from './react/features/base/tracks/functions';
+import { getLocalJitsiAudioTrackSettings } from './react/features/base/tracks/functions.web';
+import { downloadJSON } from './react/features/base/util/downloadJSON';
+import { getJitsiMeetGlobalNSConnectionTimes } from './react/features/base/util/helpers';
+import { openLeaveReasonDialog } from './react/features/conference/actions.web';
+import { showDesktopPicker } from './react/features/desktop-picker/actions';
+import { appendSuffix } from './react/features/display-name/functions';
+import { maybeOpenFeedbackDialog, submitFeedback } from './react/features/feedback/actions';
+import { maybeSetLobbyChatMessageListener } from './react/features/lobby/actions.any';
+import { setNoiseSuppressionEnabled } from './react/features/noise-suppression/actions';
+import {
+    hideNotification,
+    showErrorNotification,
+    showNotification,
+    showWarningNotification
+} from './react/features/notifications/actions';
+import {
+    DATA_CHANNEL_CLOSED_NOTIFICATION_ID,
+    NOTIFICATION_TIMEOUT_TYPE
+} from './react/features/notifications/constants';
+import { suspendDetected } from './react/features/power-monitor/actions';
+import { initPrejoin, isPrejoinPageVisible } from './react/features/prejoin/functions';
+import { disableReceiver, stopReceiver } from './react/features/remote-control/actions';
+import { setScreenAudioShareState } from './react/features/screen-share/actions.web';
+import { isScreenAudioShared } from './react/features/screen-share/functions';
+import { toggleScreenshotCaptureSummary } from './react/features/screenshot-capture/actions';
+import { setAudioSettings } from './react/features/settings/actions.web';
+import { AudioMixerEffect } from './react/features/stream-effects/audio-mixer/AudioMixerEffect';
+import { createRnnoiseProcessor } from './react/features/stream-effects/rnnoise';
+import { handleToggleVideoMuted } from './react/features/toolbox/actions.any';
+import { transcriberJoined, transcriberLeft } from './react/features/transcribing/actions';
+import { muteLocal } from './react/features/video-menu/actions.any';
+
+const logger = Logger.getLogger('app:conference-web');
+let room;
+
+/*
+ * Logic to open a desktop picker put on the window global for
+ * lib-jitsi-meet to detect and invoke.
+ *
+ * TODO: remove once the Electron SDK supporting gDM has been out for a while.
+ */
+window.JitsiMeetScreenObtainer = {
+    openDesktopPicker(options, onSourceChoose) {
+        APP.store.dispatch(showDesktopPicker(options, onSourceChoose));
+    }
+};
+
+/**
+ * Known custom conference commands.
+ */
+const commands = {
+    AVATAR_URL: AVATAR_URL_COMMAND,
+    CUSTOM_ROLE: 'custom-role',
+    EMAIL: EMAIL_COMMAND,
+    ETHERPAD: 'etherpad'
+};
+
+/**
+ * Share data to other users.
+ * @param command the command
+ * @param {string} value new value
+ */
+function sendData(command, value) {
+    if (!room) {
+        return;
+    }
+
+    room.removeCommand(command);
+    room.sendCommand(command, { value });
+}
+
+/**
+ * A queue for the async replaceLocalTrack action so that multiple audio
+ * replacements cannot happen simultaneously. This solves the issue where
+ * replaceLocalTrack is called multiple times with an oldTrack of null, causing
+ * multiple local tracks of the same type to be used.
+ *
+ * @private
+ * @type {Object}
+ */
+const _replaceLocalAudioTrackQueue = createTaskQueue();
+
+/**
+ * A task queue for replacement local video tracks. This separate queue exists
+ * so video replacement is not blocked by audio replacement tasks in the queue
+ * {@link _replaceLocalAudioTrackQueue}.
+ *
+ * @private
+ * @type {Object}
+ */
+const _replaceLocalVideoTrackQueue = createTaskQueue();
+
+/**
+ *
+ */
+class ConferenceConnector {
+    /**
+     *
+     */
+    constructor(resolve, reject, conference) {
+        this._conference = conference;
+        this._resolve = resolve;
+        this._reject = reject;
+        this.reconnectTimeout = null;
+        room.on(JitsiConferenceEvents.CONFERENCE_JOINED,
+            this._handleConferenceJoined.bind(this));
+        room.on(JitsiConferenceEvents.CONFERENCE_FAILED,
+            this._onConferenceFailed.bind(this));
+    }
+
+    /**
+     *
+     */
+    _handleConferenceFailed(err) {
+        this._unsubscribe();
+        this._reject(err);
+    }
+
+    /**
+     *
+     */
+    _onConferenceFailed(err, ...params) {
+        APP.store.dispatch(conferenceFailed(room, err, ...params));
+        logger.error('CONFERENCE FAILED:', err, ...params);
+
+        switch (err) {
+
+        case JitsiConferenceErrors.RESERVATION_ERROR: {
+            const [ code, msg ] = params;
+
+            APP.store.dispatch(showErrorNotification({
+                descriptionArguments: {
+                    code,
+                    msg
+                },
+                descriptionKey: 'dialog.reservationErrorMsg',
+                titleKey: 'dialog.reservationError'
+            }));
+            break;
+        }
+
+        case JitsiConferenceErrors.GRACEFUL_SHUTDOWN:
+            APP.store.dispatch(showErrorNotification({
+                descriptionKey: 'dialog.gracefulShutdown',
+                titleKey: 'dialog.serviceUnavailable'
+            }));
+            break;
+
+        // FIXME FOCUS_DISCONNECTED is a confusing event name.
+        // What really happens there is that the library is not ready yet,
+        // because Jicofo is not available, but it is going to give it another
+        // try.
+        case JitsiConferenceErrors.FOCUS_DISCONNECTED: {
+            const [ focus, retrySec ] = params;
+
+            APP.store.dispatch(showNotification({
+                descriptionKey: focus,
+                titleKey: retrySec
+            }, NOTIFICATION_TIMEOUT_TYPE.SHORT));
+            break;
+        }
+
+        case JitsiConferenceErrors.FOCUS_LEFT:
+        case JitsiConferenceErrors.ICE_FAILED:
+        case JitsiConferenceErrors.VIDEOBRIDGE_NOT_AVAILABLE:
+        case JitsiConferenceErrors.OFFER_ANSWER_FAILED:
+            APP.store.dispatch(conferenceWillLeave(room));
+
+            // FIXME the conference should be stopped by the library and not by
+            // the app. Both the errors above are unrecoverable from the library
+            // perspective.
+            room.leave(CONFERENCE_LEAVE_REASONS.UNRECOVERABLE_ERROR).then(() => APP.connection.disconnect());
+            break;
+
+        case JitsiConferenceErrors.INCOMPATIBLE_SERVER_VERSIONS:
+            APP.store.dispatch(reloadWithStoredParams());
+            break;
+
+        default:
+            this._handleConferenceFailed(err, ...params);
+        }
+    }
+
+    /**
+     *
+     */
+    _unsubscribe() {
+        room.off(
+            JitsiConferenceEvents.CONFERENCE_JOINED,
+            this._handleConferenceJoined);
+        room.off(
+            JitsiConferenceEvents.CONFERENCE_FAILED,
+            this._onConferenceFailed);
+        if (this.reconnectTimeout !== null) {
+            clearTimeout(this.reconnectTimeout);
+        }
+    }
+
+    /**
+     *
+     */
+    _handleConferenceJoined() {
+        this._unsubscribe();
+        this._resolve();
+    }
+
+    /**
+     *
+     */
+    connect() {
+        const replaceParticipant = getReplaceParticipant(APP.store.getState());
+
+        // the local storage overrides here and in connection.js can be used by jibri
+        room.join(jitsiLocalStorage.getItem('xmpp_conference_password_override'), replaceParticipant);
+    }
+}
+
+/**
+ * Disconnects the connection.
+ * @returns resolved Promise. We need this in order to make the Promise.all
+ * call in hangup() to resolve when all operations are finished.
+ */
+function disconnect() {
+    const onDisconnected = () => {
+        APP.API.notifyConferenceLeft(APP.conference.roomName);
+
+        return Promise.resolve();
+    };
+
+    if (!APP.connection) {
+        return onDisconnected();
+    }
+
+    return APP.connection.disconnect().then(onDisconnected, onDisconnected);
+}
+
+export default {
+    /**
+     * Flag used to delay modification of the muted status of local media tracks
+     * until those are created (or not, but at that point it's certain that
+     * the tracks won't exist).
+     */
+    _localTracksInitialized: false,
+
+    /**
+     * Flag used to prevent the creation of another local video track in this.muteVideo if one is already in progress.
+     */
+    isCreatingLocalTrack: false,
+
+    isSharingScreen: false,
+
+    /**
+     * Returns an object containing a promise which resolves with the created tracks &
+     * the errors resulting from that process.
+     * @param {object} options
+     * @param {boolean} options.startAudioOnly=false - if <tt>true</tt> then
+     * only audio track will be created and the audio only mode will be turned
+     * on.
+     * @param {boolean} options.startScreenSharing=false - if <tt>true</tt>
+     * should start with screensharing instead of camera video.
+     * @param {boolean} options.startWithAudioMuted - will start the conference
+     * without any audio tracks.
+     * @param {boolean} options.startWithVideoMuted - will start the conference
+     * without any video tracks.
+     * @param {boolean} recordTimeMetrics - If true time metrics will be recorded.
+     * @returns {Promise<JitsiLocalTrack[]>, Object}
+     */
+    createInitialLocalTracks(options = {}, recordTimeMetrics = false) {
+        const errors = {};
+
+        // Always get a handle on the audio input device so that we have statistics (such as "No audio input" or
+        // "Are you trying to speak?" ) even if the user joins the conference muted.
+        const initialDevices = config.startSilent || config.disableInitialGUM ? [] : [ MEDIA_TYPE.AUDIO ];
+        const requestedAudio = !config.disableInitialGUM;
+        let requestedVideo = false;
+
+        if (!config.disableInitialGUM
+                && !options.startWithVideoMuted
+                && !options.startAudioOnly
+                && !options.startScreenSharing) {
+            initialDevices.push(MEDIA_TYPE.VIDEO);
+            requestedVideo = true;
+        }
+
+        let tryCreateLocalTracks = Promise.resolve([]);
+
+        // On Electron there is no permission prompt for granting permissions. That's why we don't need to
+        // spend much time displaying the overlay screen. If GUM is not resolved within 15 seconds it will
+        // probably never resolve.
+        const timeout = browser.isElectron() ? 15000 : 60000;
+        const audioOptions = {
+            devices: [ MEDIA_TYPE.AUDIO ],
+            timeout
+        };
+
+        // Spot uses the _desktopSharingSourceDevice config option to use an external video input device label as
+        // screenshare and calls getUserMedia instead of getDisplayMedia for capturing the media.
+        if (options.startScreenSharing && config._desktopSharingSourceDevice) {
+            tryCreateLocalTracks = this._createDesktopTrack()
+                .then(([ desktopStream ]) => {
+                    if (!requestedAudio) {
+                        return [ desktopStream ];
+                    }
+
+                    return createLocalTracksF(audioOptions)
+                        .then(([ audioStream ]) =>
+                            [ desktopStream, audioStream ])
+                        .catch(error => {
+                            errors.audioOnlyError = error;
+
+                            return [ desktopStream ];
+                        });
+                })
+                .catch(error => {
+                    logger.error('Failed to obtain desktop stream', error);
+                    errors.screenSharingError = error;
+
+                    return requestedAudio ? createLocalTracksF(audioOptions) : [];
+                })
+                .catch(error => {
+                    errors.audioOnlyError = error;
+
+                    return [];
+                });
+        } else if (requestedAudio || requestedVideo) {
+            tryCreateLocalTracks = APP.store.dispatch(createInitialAVTracks({
+                devices: initialDevices,
+                timeout
+            }, recordTimeMetrics)).then(({ tracks, errors: pErrors }) => {
+                Object.assign(errors, pErrors);
+
+                return tracks;
+            });
+        }
+
+        return {
+            tryCreateLocalTracks,
+            errors
+        };
+    },
+
+    startConference(tracks) {
+        tracks.forEach(track => {
+            if ((track.isAudioTrack() && this.isLocalAudioMuted())
+                || (track.isVideoTrack() && this.isLocalVideoMuted())) {
+                const mediaType = track.getType();
+
+                sendAnalytics(
+                    createTrackMutedEvent(mediaType, 'initial mute'));
+                logger.log(`${mediaType} mute: initially muted.`);
+                track.mute();
+            }
+        });
+
+        this._createRoom(tracks);
+
+        // if user didn't give access to mic or camera or doesn't have
+        // them at all, we mark corresponding toolbar buttons as muted,
+        // so that the user can try unmute later on and add audio/video
+        // to the conference
+        if (!tracks.find(t => t.isAudioTrack())) {
+            this.updateAudioIconEnabled();
+        }
+
+        if (!tracks.find(t => t.isVideoTrack())) {
+            this.setVideoMuteStatus();
+        }
+
+        if (config.iAmRecorder) {
+            this.recorder = new Recorder();
+        }
+
+        if (config.startSilent) {
+            sendAnalytics(createStartSilentEvent());
+            APP.store.dispatch(showNotification({
+                descriptionKey: 'notify.startSilentDescription',
+                titleKey: 'notify.startSilentTitle'
+            }, NOTIFICATION_TIMEOUT_TYPE.LONG));
+        }
+
+        // XXX The API will take care of disconnecting from the XMPP
+        // server (and, thus, leaving the room) on unload.
+        return new Promise((resolve, reject) => {
+            new ConferenceConnector(resolve, reject, this).connect();
+        });
+    },
+
+    /**
+     * Open new connection and join the conference when prejoin page is not enabled.
+     * If prejoin page is enabled open an new connection in the background
+     * and create local tracks.
+     *
+     * @param {{ roomName: string, shouldDispatchConnect }} options
+     * @returns {Promise}
+     */
+    async init({ roomName, shouldDispatchConnect }) {
+        const state = APP.store.getState();
+        const initialOptions = {
+            startAudioOnly: config.startAudioOnly,
+            startScreenSharing: config.startScreenSharing,
+            startWithAudioMuted: getStartWithAudioMuted(state) || isUserInteractionRequiredForUnmute(state),
+            startWithVideoMuted: getStartWithVideoMuted(state) || isUserInteractionRequiredForUnmute(state)
+        };
+        const connectionTimes = getJitsiMeetGlobalNSConnectionTimes();
+        const startTime = window.performance.now();
+
+        connectionTimes['conference.init.start'] = startTime;
+
+        logger.debug(`Executed conference.init with roomName: ${roomName} (performance.now=${startTime})`);
+
+        this.roomName = roomName;
+
+        try {
+            // Initialize the device list first. This way, when creating tracks based on preferred devices, loose label
+            // matching can be done in cases where the exact ID match is no longer available, such as -
+            // 1. When the camera device has switched USB ports.
+            // 2. When in startSilent mode we want to start with audio muted
+            await this._initDeviceList();
+        } catch (error) {
+            logger.warn('initial device list initialization failed', error);
+        }
+
+        // Filter out the local tracks based on various config options, i.e., when user joins muted or is muted by
+        // focus. However, audio track will always be created even though it is not added to the conference since we
+        // want audio related features (noisy mic, talk while muted, etc.) to work even if the mic is muted.
+        const handleInitialTracks = (options, tracks) => {
+            let localTracks = tracks;
+
+            if (options.startWithAudioMuted) {
+                // Always add the track on Safari because of a known issue where audio playout doesn't happen
+                // if the user joins audio and video muted, i.e., if there is no local media capture.
+                if (browser.isWebKitBased()) {
+                    this.muteAudio(true, true);
+                } else {
+                    localTracks = localTracks.filter(track => {
+                        if (track.getType() === MEDIA_TYPE.AUDIO) {
+                            track.stopStream();
+
+                            return false;
+                        }
+
+                        return true;
+                    });
+                }
+            }
+
+            return localTracks;
+        };
+        const { dispatch, getState } = APP.store;
+        const createLocalTracksStart = window.performance.now();
+
+        connectionTimes['conference.init.createLocalTracks.start'] = createLocalTracksStart;
+
+        logger.debug(`(TIME) createInitialLocalTracks: ${createLocalTracksStart} `);
+
+        const { tryCreateLocalTracks, errors } = this.createInitialLocalTracks(initialOptions, true);
+
+        tryCreateLocalTracks.then(tr => {
+            const createLocalTracksEnd = window.performance.now();
+
+            connectionTimes['conference.init.createLocalTracks.end'] = createLocalTracksEnd;
+            logger.debug(`(TIME) createInitialLocalTracks finished: ${createLocalTracksEnd} `);
+            const tracks = handleInitialTracks(initialOptions, tr);
+
+            this._initDeviceList(true);
+
+            const { initialGUMPromise } = getState()['features/base/media'];
+
+            if (isPrejoinPageVisible(getState())) {
+                dispatch(gumPending([ MEDIA_TYPE.AUDIO, MEDIA_TYPE.VIDEO ], IGUMPendingState.NONE));
+
+                // Since the conference is not yet created in redux this function will execute synchronous
+                // which will guarantee us that the local tracks are added to redux before we proceed.
+                initPrejoin(tracks, errors, dispatch);
+
+                connectionTimes['conference.init.end'] = window.performance.now();
+
+                // resolve the initialGUMPromise in case connect have finished so that we can proceed to join.
+                if (initialGUMPromise) {
+                    logger.debug('Resolving the initialGUM promise! (prejoinVisible=true)');
+                    initialGUMPromise.resolve({
+                        tracks,
+                        errors
+                    });
+                }
+
+                logger.debug('Clear the initialGUM promise! (prejoinVisible=true)');
+
+                // For prejoin we don't need the initial GUM promise since the tracks are already added to the store
+                // via initPrejoin
+                dispatch(setInitialGUMPromise());
+            } else {
+                APP.store.dispatch(displayErrorsForCreateInitialLocalTracks(errors));
+                setGUMPendingStateOnFailedTracks(tracks, APP.store.dispatch);
+
+                connectionTimes['conference.init.end'] = window.performance.now();
+                if (initialGUMPromise) {
+                    logger.debug('Resolving the initialGUM promise!');
+                    initialGUMPromise.resolve({
+                        tracks,
+                        errors
+                    });
+                }
+            }
+        });
+
+        if (shouldDispatchConnect) {
+            logger.info('Dispatching connect from init since prejoin is not visible.');
+            dispatch(connect());
+        }
+    },
+
+    /**
+     * Check if id is id of the local user.
+     * @param {string} id id to check
+     * @returns {boolean}
+     */
+    isLocalId(id) {
+        return this.getMyUserId() === id;
+    },
+
+    /**
+     * Tells whether the local video is muted or not.
+     * @return {boolean}
+     */
+    isLocalVideoMuted() {
+        // If the tracks are not ready, read from base/media state
+        return this._localTracksInitialized
+            ? isLocalTrackMuted(APP.store.getState()['features/base/tracks'], MEDIA_TYPE.VIDEO)
+            : isVideoMutedByUser(APP.store);
+    },
+
+    /**
+     * Verify if there is an ongoing system audio sharing session and apply to the provided track
+     * as a AudioMixer effect.
+     *
+     * @param {*} localAudioTrack - track to which system audio track will be applied as an effect, most likely
+     * microphone local audio track.
+     */
+    async _maybeApplyAudioMixerEffect(localAudioTrack) {
+
+        // At the time of writing this comment there were two separate flows for toggling screen-sharing
+        // and system audio sharing, the first is the legacy method using the functionality from conference.js
+        // the second is used when both sendMultipleVideoStreams and sourceNameSignaling flags are set to true.
+        // The second flow uses functionality from base/conference/middleware.web.js.
+        // We check if system audio sharing was done using the first flow by verifying this._desktopAudioStream and
+        // for the second by checking 'features/screen-share' state.
+        const { desktopAudioTrack } = APP.store.getState()['features/screen-share'];
+        const currentDesktopAudioTrack = this._desktopAudioStream || desktopAudioTrack;
+
+        // If system audio is already being sent, mix it with the provided audio track.
+        if (currentDesktopAudioTrack) {
+            // In case system audio sharing was done in the absence of an initial mic audio track, there is no
+            // AudioMixerEffect so we have to remove system audio track from the room before setting it as an effect.
+            await room.replaceTrack(currentDesktopAudioTrack, null);
+            this._mixerEffect = new AudioMixerEffect(currentDesktopAudioTrack);
+            logger.debug('Mixing new audio track with existing screen audio track.');
+            await localAudioTrack.setEffect(this._mixerEffect);
+        }
+    },
+
+    /**
+     * Simulates toolbar button click for audio mute. Used by shortcuts and API.
+     *
+     * @param {boolean} mute true for mute and false for unmute.
+     * dialogs in case of media permissions error.
+     * @returns {Promise}
+     */
+    async muteAudio(mute) {
+        const state = APP.store.getState();
+
+        if (!mute
+            && isUserInteractionRequiredForUnmute(state)) {
+            logger.error('Unmuting audio requires user interaction');
+
+            return;
+        }
+
+        await APP.store.dispatch(setAudioMuted(mute, true));
+    },
+
+    /**
+     * Returns whether local audio is muted or not.
+     * @returns {boolean}
+     */
+    isLocalAudioMuted() {
+        // If the tracks are not ready, read from base/media state
+        return this._localTracksInitialized
+            ? isLocalTrackMuted(
+                APP.store.getState()['features/base/tracks'],
+                MEDIA_TYPE.AUDIO)
+            : Boolean(
+                APP.store.getState()['features/base/media'].audio.muted);
+    },
+
+    /**
+     * Simulates toolbar button click for audio mute. Used by shortcuts
+     * and API.
+     * @param {boolean} [showUI] when set to false will not display any error
+     * dialogs in case of media permissions error.
+     */
+    toggleAudioMuted(showUI = true) {
+        this.muteAudio(!this.isLocalAudioMuted(), showUI);
+    },
+
+    /**
+     * Simulates toolbar button click for video mute. Used by shortcuts and API.
+     * @param mute true for mute and false for unmute.
+     * dialogs in case of media permissions error.
+     */
+    muteVideo(mute) {
+        const state = APP.store.getState();
+
+        if (!mute
+                && isUserInteractionRequiredForUnmute(state)) {
+            logger.error('Unmuting video requires user interaction');
+
+            return;
+        }
+
+        APP.store.dispatch(setVideoMuted(mute, VIDEO_MUTISM_AUTHORITY.USER, true));
+    },
+
+    /**
+     * Simulates toolbar button click for video mute. Used by shortcuts and API.
+     * @param {boolean} [showUI] when set to false will not display any error
+     * dialogs in case of media permissions error.
+     * @param {boolean} ensureTrack - True if we want to ensure that a new track is
+     * created if missing.
+     */
+    toggleVideoMuted(showUI = true, ensureTrack = false) {
+        const mute = !this.isLocalVideoMuted();
+
+        APP.store.dispatch(handleToggleVideoMuted(mute, showUI, ensureTrack));
+    },
+
+    /**
+     * Retrieve list of ids of conference participants (without local user).
+     * @returns {string[]}
+     */
+    listMembersIds() {
+        return room.getParticipants().map(p => p.getId());
+    },
+
+    /**
+     * Checks whether the participant identified by id is a moderator.
+     * @id id to search for participant
+     * @return {boolean} whether the participant is moderator
+     */
+    isParticipantModerator(id) {
+        const user = room.getParticipantById(id);
+
+        return user && user.isModerator();
+    },
+
+    /**
+     * Retrieve list of conference participants (without local user).
+     * @returns {JitsiParticipant[]}
+     *
+     * NOTE: Used by jitsi-meet-torture!
+     */
+    listMembers() {
+        return room.getParticipants();
+    },
+
+    /**
+     * Used by Jibri to detect when it's alone and the meeting should be terminated.
+     */
+    get membersCount() {
+        return room.getParticipants()
+            .filter(p => !p.isHidden() || !(config.iAmRecorder && p.isHiddenFromRecorder())).length + 1;
+    },
+
+    /**
+     * Get speaker stats that track total dominant speaker time.
+     *
+     * @returns {object} A hash with keys being user ids and values being the
+     * library's SpeakerStats model used for calculating time as dominant
+     * speaker.
+     */
+    getSpeakerStats() {
+        return room.getSpeakerStats();
+    },
+
+    // used by torture currently
+    isJoined() {
+        return room && room.isJoined();
+    },
+    getConnectionState() {
+        return room && room.getConnectionState();
+    },
+
+    /**
+     * Obtains current P2P ICE connection state.
+     * @return {string|null} ICE connection state or <tt>null</tt> if there's no
+     * P2P connection
+     */
+    getP2PConnectionState() {
+        return room && room.getP2PConnectionState();
+    },
+
+    /**
+     * Starts P2P (for tests only)
+     * @private
+     */
+    _startP2P() {
+        try {
+            room && room.startP2PSession();
+        } catch (error) {
+            logger.error('Start P2P failed', error);
+            throw error;
+        }
+    },
+
+    /**
+     * Stops P2P (for tests only)
+     * @private
+     */
+    _stopP2P() {
+        try {
+            room && room.stopP2PSession();
+        } catch (error) {
+            logger.error('Stop P2P failed', error);
+            throw error;
+        }
+    },
+
+    /**
+     * Checks whether or not our connection is currently in interrupted and
+     * reconnect attempts are in progress.
+     *
+     * @returns {boolean} true if the connection is in interrupted state or
+     * false otherwise.
+     */
+    isConnectionInterrupted() {
+        return room.isConnectionInterrupted();
+    },
+
+    /**
+     * Finds JitsiParticipant for given id.
+     *
+     * @param {string} id participant's identifier(MUC nickname).
+     *
+     * @returns {JitsiParticipant|null} participant instance for given id or
+     * null if not found.
+     */
+    getParticipantById(id) {
+        return room ? room.getParticipantById(id) : null;
+    },
+
+    getMyUserId() {
+        return room && room.myUserId();
+    },
+
+    /**
+     * Will be filled with values only when config.testing.testMode is true.
+     * Its used by torture to check audio levels.
+     */
+    audioLevelsMap: {},
+
+    /**
+     * Returns the stored audio level (stored only if config.debug is enabled)
+     * @param id the id for the user audio level to return (the id value is
+     *          returned for the participant using getMyUserId() method)
+     */
+    getPeerSSRCAudioLevel(id) {
+        return this.audioLevelsMap[id];
+    },
+
+    /**
+     * @return {number} the number of participants in the conference with at
+     * least one track.
+     */
+    getNumberOfParticipantsWithTracks() {
+        return room.getParticipants()
+            .filter(p => p.getTracks().length > 0)
+            .length;
+    },
+
+    /**
+     * Returns the stats.
+     */
+    getStats() {
+        return room.connectionQuality.getStats();
+    },
+
+    // end used by torture
+
+    /**
+     * Download logs, a function that can be called from console while
+     * debugging.
+     * @param filename (optional) specify target filename
+     */
+    saveLogs(filename = 'meetlog.json') {
+        // this can be called from console and will not have reference to this
+        // that's why we reference the global var
+        const logs = APP.connection.getLogs();
+
+        downloadJSON(logs, filename);
+    },
+
+    /**
+     * Download app state, a function that can be called from console while debugging.
+     * @param filename (optional) specify target filename
+     */
+    saveState(filename = 'meet-state.json') {
+        downloadJSON(APP.store.getState(), filename);
+    },
+
+    /**
+     * Exposes a Command(s) API on this instance. It is necessitated by (1) the
+     * desire to keep room private to this instance and (2) the need of other
+     * modules to send and receive commands to and from participants.
+     * Eventually, this instance remains in control with respect to the
+     * decision whether the Command(s) API of room (i.e. lib-jitsi-meet's
+     * JitsiConference) is to be used in the implementation of the Command(s)
+     * API of this instance.
+     */
+    commands: {
+        /**
+         * Known custom conference commands.
+         */
+        defaults: commands,
+
+        /**
+         * Receives notifications from other participants about commands aka
+         * custom events (sent by sendCommand or sendCommandOnce methods).
+         * @param command {String} the name of the command
+         * @param handler {Function} handler for the command
+         */
+        addCommandListener() {
+            // eslint-disable-next-line prefer-rest-params
+            room.addCommandListener(...arguments);
+        },
+
+        /**
+         * Removes command.
+         * @param name {String} the name of the command.
+         */
+        removeCommand() {
+            // eslint-disable-next-line prefer-rest-params
+            room.removeCommand(...arguments);
+        },
+
+        /**
+         * Sends command.
+         * @param name {String} the name of the command.
+         * @param values {Object} with keys and values that will be sent.
+         */
+        sendCommand() {
+            // eslint-disable-next-line prefer-rest-params
+            room.sendCommand(...arguments);
+        },
+
+        /**
+         * Sends command one time.
+         * @param name {String} the name of the command.
+         * @param values {Object} with keys and values that will be sent.
+         */
+        sendCommandOnce() {
+            // eslint-disable-next-line prefer-rest-params
+            room.sendCommandOnce(...arguments);
+        }
+    },
+
+    /**
+     * Used by the Breakout Rooms feature to join a breakout room or go back to the main room.
+     */
+    async joinRoom(roomName, options) {
+        APP.store.dispatch(conferenceWillInit());
+
+        // Restore initial state.
+        this._localTracksInitialized = false;
+        this.roomName = roomName;
+
+        const { tryCreateLocalTracks, errors } = this.createInitialLocalTracks(options);
+        const localTracks = await tryCreateLocalTracks;
+
+        APP.store.dispatch(displayErrorsForCreateInitialLocalTracks(errors));
+        localTracks.forEach(track => {
+            if ((track.isAudioTrack() && this.isLocalAudioMuted())
+                || (track.isVideoTrack() && this.isLocalVideoMuted())) {
+                track.mute();
+            }
+        });
+        this._createRoom(localTracks);
+
+        return new Promise((resolve, reject) => {
+            new ConferenceConnector(resolve, reject, this).connect();
+        });
+    },
+
+    _createRoom(localTracks) {
+        room = APP.connection.initJitsiConference(APP.conference.roomName, this._getConferenceOptions());
+
+        // Filter out the tracks that are muted (except on Safari).
+        let tracks = localTracks;
+
+        if (!browser.isWebKitBased()) {
+            const mutedTrackTypes = [];
+
+            tracks = localTracks.filter(track => {
+                if (!track.isMuted()) {
+                    return true;
+                }
+
+                if (track.getVideoType() !== VIDEO_TYPE.DESKTOP) {
+                    mutedTrackTypes.push(track.getType());
+                }
+
+                return false;
+            });
+            APP.store.dispatch(gumPending(mutedTrackTypes, IGUMPendingState.NONE));
+        }
+
+        this._room = room; // FIXME do not use this
+
+        APP.store.dispatch(_conferenceWillJoin(room));
+
+        this._setLocalAudioVideoStreams(tracks);
+
+        sendLocalParticipant(APP.store, room);
+
+        this._setupListeners();
+    },
+
+    /**
+     * Sets local video and audio streams.
+     * @param {JitsiLocalTrack[]} tracks=[]
+     * @returns {Promise[]}
+     * @private
+     */
+    _setLocalAudioVideoStreams(tracks = []) {
+        const { dispatch } = APP.store;
+        const pendingGUMDevicesToRemove = [];
+        const promises = tracks.map(track => {
+            if (track.isAudioTrack()) {
+                pendingGUMDevicesToRemove.push(MEDIA_TYPE.AUDIO);
+
+                return this.useAudioStream(track);
+            } else if (track.isVideoTrack()) {
+                logger.debug(`_setLocalAudioVideoStreams is calling useVideoStream with track: ${track}`);
+                pendingGUMDevicesToRemove.push(MEDIA_TYPE.VIDEO);
+
+                return this.useVideoStream(track);
+            }
+
+            logger.error('Ignored not an audio nor a video track: ', track);
+
+            return Promise.resolve();
+
+        });
+
+        return Promise.allSettled(promises).then(() => {
+            if (pendingGUMDevicesToRemove.length > 0) {
+                dispatch(gumPending(pendingGUMDevicesToRemove, IGUMPendingState.NONE));
+            }
+
+            this._localTracksInitialized = true;
+            logger.log(`Initialized with ${tracks.length} local tracks`);
+        });
+    },
+
+    _getConferenceOptions() {
+        const options = getConferenceOptions(APP.store.getState());
+
+        options.createVADProcessor = createRnnoiseProcessor;
+
+        return options;
+    },
+
+    /**
+     * Start using provided video stream.
+     * Stops previous video stream.
+     * @param {JitsiLocalTrack} newTrack - new track to use or null
+     * @returns {Promise}
+     */
+    useVideoStream(newTrack) {
+        logger.debug(`useVideoStream: ${newTrack}`);
+
+        return new Promise((resolve, reject) => {
+            _replaceLocalVideoTrackQueue.enqueue(onFinish => {
+                const state = APP.store.getState();
+                const oldTrack = getLocalJitsiVideoTrack(state);
+
+                logger.debug(`useVideoStream: Replacing ${oldTrack} with ${newTrack}`);
+
+                if (oldTrack === newTrack || (!oldTrack && !newTrack)) {
+                    resolve();
+                    onFinish();
+
+                    return;
+                }
+
+                // Add the track to the conference if there is no existing track, replace it otherwise.
+                const trackAction = oldTrack
+                    ? replaceLocalTrack(oldTrack, newTrack, room)
+                    : addLocalTrack(newTrack);
+
+                APP.store.dispatch(trackAction)
+                    .then(() => {
+                        this.setVideoMuteStatus();
+                    })
+                    .then(resolve)
+                    .catch(error => {
+                        logger.error(`useVideoStream failed: ${error}`);
+                        reject(error);
+                    })
+                    .then(onFinish);
+            });
+        });
+    },
+
+    /**
+     * Start using provided audio stream.
+     * Stops previous audio stream.
+     * @param {JitsiLocalTrack} newTrack - new track to use or null
+     * @returns {Promise}
+     */
+    useAudioStream(newTrack) {
+        return new Promise((resolve, reject) => {
+            _replaceLocalAudioTrackQueue.enqueue(onFinish => {
+                const oldTrack = getLocalJitsiAudioTrack(APP.store.getState());
+
+                if (oldTrack === newTrack) {
+                    resolve();
+                    onFinish();
+
+                    return;
+                }
+
+                APP.store.dispatch(replaceLocalTrack(oldTrack, newTrack, room))
+                    .then(() => {
+                        this.updateAudioIconEnabled();
+                    })
+                    .then(resolve)
+                    .catch(reject)
+                    .then(onFinish);
+            });
+        });
+    },
+
+    /**
+     * Returns whether or not the conference is currently in audio only mode.
+     *
+     * @returns {boolean}
+     */
+    isAudioOnly() {
+        return Boolean(APP.store.getState()['features/base/audio-only'].enabled);
+    },
+
+    /**
+     * This fields stores a handler which will create a Promise which turns off
+     * the screen sharing and restores the previous video state (was there
+     * any video, before switching to screen sharing ? was it muted ?).
+     *
+     * Once called this fields is cleared to <tt>null</tt>.
+     * @type {Function|null}
+     */
+    _untoggleScreenSharing: null,
+
+    /**
+     * Creates a Promise which turns off the screen sharing and restores
+     * the previous state described by the arguments.
+     *
+     * This method is bound to the appropriate values, after switching to screen
+     * sharing and stored in {@link _untoggleScreenSharing}.
+     *
+     * @param {boolean} didHaveVideo indicates if there was a camera video being
+     * used, before switching to screen sharing.
+     * @param {boolean} ignoreDidHaveVideo indicates if the camera video should be
+     * ignored when switching screen sharing off.
+     * @return {Promise} resolved after the screen sharing is turned off, or
+     * rejected with some error (no idea what kind of error, possible GUM error)
+     * in case it fails.
+     * @private
+     */
+    async _turnScreenSharingOff(didHaveVideo, ignoreDidHaveVideo) {
+        this._untoggleScreenSharing = null;
+
+        APP.store.dispatch(stopReceiver());
+
+        this._stopProxyConnection();
+
+        APP.store.dispatch(toggleScreenshotCaptureSummary(false));
+        const tracks = APP.store.getState()['features/base/tracks'];
+        const duration = getLocalVideoTrack(tracks)?.jitsiTrack.getDuration() ?? 0;
+
+        // If system audio was also shared stop the AudioMixerEffect and dispose of the desktop audio track.
+        if (this._mixerEffect) {
+            const localAudio = getLocalJitsiAudioTrack(APP.store.getState());
+
+            await localAudio.setEffect(undefined);
+            await this._desktopAudioStream.dispose();
+            this._mixerEffect = undefined;
+            this._desktopAudioStream = undefined;
+
+        // In case there was no local audio when screen sharing was started the fact that we set the audio stream to
+        // null will take care of the desktop audio stream cleanup.
+        } else if (this._desktopAudioStream) {
+            await room.replaceTrack(this._desktopAudioStream, null);
+            this._desktopAudioStream.dispose();
+            this._desktopAudioStream = undefined;
+        }
+
+        APP.store.dispatch(setScreenAudioShareState(false));
+        let promise;
+
+        if (didHaveVideo && !ignoreDidHaveVideo) {
+            promise = createLocalTracksF({ devices: [ 'video' ] })
+                .then(([ stream ]) => {
+                    logger.debug(`_turnScreenSharingOff using ${stream} for useVideoStream`);
+
+                    return this.useVideoStream(stream);
+                })
+                .catch(error => {
+                    logger.error('failed to switch back to local video', error);
+
+                    return this.useVideoStream(null).then(() =>
+
+                        // Still fail with the original err
+                        Promise.reject(error)
+                    );
+                });
+        } else {
+            promise = this.useVideoStream(null);
+        }
+
+        return promise.then(
+            () => {
+                sendAnalytics(createScreenSharingEvent('stopped',
+                    duration === 0 ? null : duration));
+                logger.info('Screen sharing stopped.');
+            },
+            error => {
+                logger.error(`_turnScreenSharingOff failed: ${error}`);
+
+                throw error;
+            });
+    },
+
+    /**
+     * Creates desktop (screensharing) {@link JitsiLocalTrack}
+     *
+     * @return {Promise.<JitsiLocalTrack>} - A Promise resolved with
+     * {@link JitsiLocalTrack} for the screensharing or rejected with
+     * {@link JitsiTrackError}.
+     *
+     * @private
+     */
+    _createDesktopTrack() {
+        const didHaveVideo = !this.isLocalVideoMuted();
+
+        const getDesktopStreamPromise = createLocalTracksF({
+            desktopSharingSourceDevice: config._desktopSharingSourceDevice,
+            devices: [ 'desktop' ]
+        });
+
+        return getDesktopStreamPromise.then(desktopStreams => {
+            // Stores the "untoggle" handler which remembers whether was
+            // there any video before and whether was it muted.
+            this._untoggleScreenSharing
+                = this._turnScreenSharingOff.bind(this, didHaveVideo);
+
+            const desktopAudioStream = desktopStreams.find(stream => stream.getType() === MEDIA_TYPE.AUDIO);
+
+            if (desktopAudioStream) {
+                desktopAudioStream.on(
+                    JitsiTrackEvents.LOCAL_TRACK_STOPPED,
+                    () => {
+                        logger.debug('Local screensharing audio track stopped.');
+
+                        // Handle case where screen share was stopped from  the browsers 'screen share in progress'
+                        // window. If audio screen sharing is stopped via the normal UX flow this point shouldn't
+                        // be reached.
+                        isScreenAudioShared(APP.store.getState())
+                            && this._untoggleScreenSharing
+                            && this._untoggleScreenSharing();
+                    }
+                );
+            }
+
+            return desktopStreams;
+        }, error => {
+            throw error;
+        });
+    },
+
+    /**
+     * Setup interaction between conference and UI.
+     */
+    _setupListeners() {
+        // add local streams when joined to the conference
+        room.on(JitsiConferenceEvents.CONFERENCE_JOINED, () => {
+            this._onConferenceJoined();
+        });
+        room.on(
+            JitsiConferenceEvents.CONFERENCE_JOIN_IN_PROGRESS,
+            () => APP.store.dispatch(conferenceJoinInProgress(room)));
+
+        room.on(
+            JitsiConferenceEvents.CONFERENCE_LEFT,
+            (...args) => {
+                APP.store.dispatch(conferenceTimestampChanged(0));
+                APP.store.dispatch(conferenceLeft(room, ...args));
+            });
+
+        room.on(
+            JitsiConferenceEvents.CONFERENCE_UNIQUE_ID_SET,
+            (...args) => {
+                // Preserve the sessionId so that the value is accessible even after room
+                // is disconnected.
+                room.sessionId = room.getMeetingUniqueId();
+                APP.store.dispatch(conferenceUniqueIdSet(room, ...args));
+            });
+
+        // we want to ignore this event in case of tokenAuthUrl config
+        // we are deprecating this and at some point will get rid of it
+        if (!config.tokenAuthUrl) {
+            room.on(
+                JitsiConferenceEvents.AUTH_STATUS_CHANGED,
+                (authEnabled, authLogin) =>
+                    APP.store.dispatch(authStatusChanged(authEnabled, authLogin)));
+        }
+
+        room.on(JitsiConferenceEvents.PARTCIPANT_FEATURES_CHANGED, user => {
+            APP.store.dispatch(updateRemoteParticipantFeatures(user));
+        });
+        room.on(JitsiConferenceEvents.USER_JOINED, (id, user) => {
+            if (config.iAmRecorder && user.isHiddenFromRecorder()) {
+                return;
+            }
+
+            // The logic shared between RN and web.
+            commonUserJoinedHandling(APP.store, room, user);
+
+            if (user.isHidden()) {
+                return;
+            }
+
+            APP.store.dispatch(updateRemoteParticipantFeatures(user));
+            logger.log(`USER ${id} connected`);
+            APP.UI.addUser(user);
+        });
+
+        room.on(JitsiConferenceEvents.USER_LEFT, (id, user) => {
+            // The logic shared between RN and web.
+            commonUserLeftHandling(APP.store, room, user);
+
+            if (user.isHidden()) {
+                return;
+            }
+
+            logger.log(`USER ${id} LEFT:`, user);
+        });
+
+        room.on(JitsiConferenceEvents.USER_STATUS_CHANGED, (id, status) => {
+            APP.store.dispatch(participantPresenceChanged(id, status));
+
+            const user = room.getParticipantById(id);
+
+            if (user) {
+                APP.UI.updateUserStatus(user, status);
+            }
+        });
+
+        room.on(JitsiConferenceEvents.USER_ROLE_CHANGED, (id, role) => {
+            if (this.isLocalId(id)) {
+                logger.info(`My role changed, new role: ${role}`);
+
+                if (role === 'moderator') {
+                    APP.store.dispatch(maybeSetLobbyChatMessageListener());
+                }
+
+                APP.store.dispatch(localParticipantRoleChanged(role));
+            } else {
+                APP.store.dispatch(participantRoleChanged(id, role));
+            }
+        });
+
+        room.on(JitsiConferenceEvents.TRACK_ADDED, track => {
+            if (!track || track.isLocal()) {
+                return;
+            }
+
+            if (config.iAmRecorder) {
+                const participant = room.getParticipantById(track.getParticipantId());
+
+                if (participant.isHiddenFromRecorder()) {
+                    return;
+                }
+            }
+
+            APP.store.dispatch(trackAdded(track));
+        });
+
+        room.on(JitsiConferenceEvents.TRACK_REMOVED, track => {
+            if (!track || track.isLocal()) {
+                return;
+            }
+
+            APP.store.dispatch(trackRemoved(track));
+        });
+
+        room.on(JitsiConferenceEvents.TRACK_AUDIO_LEVEL_CHANGED, (id, lvl) => {
+            const localAudio = getLocalJitsiAudioTrack(APP.store.getState());
+            let newLvl = lvl;
+
+            if (this.isLocalId(id)) {
+                APP.store.dispatch(localParticipantAudioLevelChanged(lvl));
+            }
+
+            if (this.isLocalId(id) && localAudio?.isMuted()) {
+                newLvl = 0;
+            }
+
+            if (config.testing?.testMode) {
+                this.audioLevelsMap[id] = newLvl;
+                if (config.testing?.debugAudioLevels) {
+                    logger.log(`AudioLevel:${id}/${newLvl}`);
+                }
+            }
+
+            APP.UI.setAudioLevel(id, newLvl);
+        });
+
+        room.on(JitsiConferenceEvents.TRACK_MUTE_CHANGED, (track, participantThatMutedUs) => {
+            if (participantThatMutedUs) {
+                APP.store.dispatch(participantMutedUs(participantThatMutedUs, track));
+            }
+        });
+
+        room.on(JitsiConferenceEvents.TRACK_UNMUTE_REJECTED, track => APP.store.dispatch(destroyLocalTracks(track)));
+
+        room.on(JitsiConferenceEvents.SUBJECT_CHANGED,
+            subject => APP.store.dispatch(conferenceSubjectChanged(subject)));
+
+        room.on(
+            JitsiConferenceEvents.LAST_N_ENDPOINTS_CHANGED,
+            (leavingIds, enteringIds) =>
+                APP.UI.handleLastNEndpoints(leavingIds, enteringIds));
+
+        room.on(
+            JitsiConferenceEvents.P2P_STATUS,
+            (jitsiConference, p2p) =>
+                APP.store.dispatch(p2pStatusChanged(p2p)));
+
+        room.on(
+            JitsiConferenceEvents.DOMINANT_SPEAKER_CHANGED,
+            (dominant, previous, silence) => {
+                APP.store.dispatch(dominantSpeakerChanged(dominant, previous, Boolean(silence), room));
+            });
+
+        room.on(
+            JitsiConferenceEvents.CONFERENCE_CREATED_TIMESTAMP,
+            conferenceTimestamp => {
+                APP.store.dispatch(conferenceTimestampChanged(conferenceTimestamp));
+                APP.API.notifyConferenceCreatedTimestamp(conferenceTimestamp);
+            }
+        );
+
+        room.on(
+            JitsiConferenceEvents.DISPLAY_NAME_CHANGED,
+            (id, displayName) => {
+                const formattedDisplayName
+                    = getNormalizedDisplayName(displayName);
+                const state = APP.store.getState();
+                const {
+                    defaultRemoteDisplayName
+                } = state['features/base/config'];
+
+                APP.store.dispatch(participantUpdated({
+                    conference: room,
+                    id,
+                    name: formattedDisplayName
+                }));
+
+                const virtualScreenshareParticipantId = getVirtualScreenshareParticipantByOwnerId(state, id)?.id;
+
+                if (virtualScreenshareParticipantId) {
+                    APP.store.dispatch(
+                        screenshareParticipantDisplayNameChanged(virtualScreenshareParticipantId, formattedDisplayName)
+                    );
+                }
+
+                APP.API.notifyDisplayNameChanged(id, {
+                    displayName: formattedDisplayName,
+                    formattedDisplayName:
+                        appendSuffix(
+                            formattedDisplayName
+                                || defaultRemoteDisplayName)
+                });
+            }
+        );
+
+        room.on(
+            JitsiConferenceEvents.SILENT_STATUS_CHANGED,
+            (id, isSilent) => {
+                APP.store.dispatch(participantUpdated({
+                    conference: room,
+                    id,
+                    isSilent
+                }));
+            }
+        );
+
+        room.on(
+            JitsiConferenceEvents.BOT_TYPE_CHANGED,
+            (id, botType) => {
+
+                APP.store.dispatch(participantUpdated({
+                    conference: room,
+                    id,
+                    botType
+                }));
+            }
+        );
+
+        room.on(
+            JitsiConferenceEvents.TRANSCRIPTION_STATUS_CHANGED,
+            (status, id, abruptly) => {
+                if (status === JitsiMeetJS.constants.transcriptionStatus.ON) {
+                    APP.store.dispatch(transcriberJoined(id));
+                } else if (status === JitsiMeetJS.constants.transcriptionStatus.OFF) {
+                    APP.store.dispatch(transcriberLeft(id, abruptly));
+                }
+            });
+
+        room.on(
+            JitsiConferenceEvents.ENDPOINT_MESSAGE_RECEIVED,
+            (participant, data) => {
+                APP.store.dispatch(endpointMessageReceived(participant, data));
+                if (data?.name === ENDPOINT_TEXT_MESSAGE_NAME) {
+                    APP.API.notifyEndpointTextMessageReceived({
+                        senderInfo: {
+                            jid: participant.getJid(),
+                            id: participant.getId()
+                        },
+                        eventData: data
+                    });
+                }
+            });
+
+        room.on(
+            JitsiConferenceEvents.NON_PARTICIPANT_MESSAGE_RECEIVED,
+            (id, data) => {
+                APP.store.dispatch(nonParticipantMessageReceived(id, data));
+                APP.API.notifyNonParticipantMessageReceived(id, data);
+            });
+
+        room.on(
+            JitsiConferenceEvents.LOCK_STATE_CHANGED,
+            (...args) => APP.store.dispatch(lockStateChanged(room, ...args)));
+
+        room.on(
+            JitsiConferenceEvents.PROPERTIES_CHANGED,
+            properties => APP.store.dispatch(conferencePropertiesChanged(properties)));
+
+        room.on(JitsiConferenceEvents.KICKED, (participant, reason, isReplaced) => {
+            if (isReplaced) {
+                // this event triggers when the local participant is kicked, `participant`
+                // is the kicker. In replace participant case, kicker is undefined,
+                // as the server initiated it. We mark in store the local participant
+                // as being replaced based on jwt.
+                const localParticipant = getLocalParticipant(APP.store.getState());
+
+                APP.store.dispatch(participantUpdated({
+                    conference: room,
+                    id: localParticipant.id,
+                    isReplaced
+                }));
+
+                // we send readyToClose when kicked participant is replace so that
+                // embedding app can choose to dispose the iframe API on the handler.
+                APP.API.notifyReadyToClose();
+            }
+            APP.store.dispatch(kickedOut(room, participant));
+        });
+
+        room.on(JitsiConferenceEvents.PARTICIPANT_KICKED, (kicker, kicked) => {
+            APP.store.dispatch(participantKicked(kicker, kicked));
+        });
+
+        room.on(JitsiConferenceEvents.PARTICIPANT_SOURCE_UPDATED,
+            jitsiParticipant => {
+                APP.store.dispatch(participantSourcesUpdated(jitsiParticipant));
+            });
+
+        room.on(JitsiConferenceEvents.SUSPEND_DETECTED, () => {
+            APP.store.dispatch(suspendDetected());
+        });
+
+        room.on(
+            JitsiConferenceEvents.AUDIO_UNMUTE_PERMISSIONS_CHANGED,
+            disableAudioMuteChange => {
+                APP.store.dispatch(setAudioUnmutePermissions(disableAudioMuteChange));
+            });
+        room.on(
+            JitsiConferenceEvents.VIDEO_UNMUTE_PERMISSIONS_CHANGED,
+            disableVideoMuteChange => {
+                APP.store.dispatch(setVideoUnmutePermissions(disableVideoMuteChange));
+            });
+
+        room.on(
+            JitsiE2ePingEvents.E2E_RTT_CHANGED,
+            (...args) => APP.store.dispatch(e2eRttChanged(...args)));
+
+        room.addCommandListener(this.commands.defaults.ETHERPAD,
+            ({ value }) => {
+                APP.UI.initEtherpad(value);
+            }
+        );
+
+        room.addCommandListener(this.commands.defaults.EMAIL, (data, from) => {
+            APP.store.dispatch(participantUpdated({
+                conference: room,
+                id: from,
+                email: data.value
+            }));
+        });
+
+        room.addCommandListener(
+            this.commands.defaults.AVATAR_URL,
+            (data, from) => {
+                const participant = getParticipantByIdOrUndefined(APP.store, from);
+
+                // if already set from presence(jwt), skip the command processing
+                if (!participant?.avatarURL) {
+                    APP.store.dispatch(
+                        participantUpdated({
+                            conference: room,
+                            id: from,
+                            avatarURL: data.value
+                        }));
+                }
+            });
+
+        room.on(
+            JitsiConferenceEvents.START_MUTED_POLICY_CHANGED,
+            ({ audio, video }) => {
+                APP.store.dispatch(onStartMutedPolicyChanged(audio, video));
+
+                const state = APP.store.getState();
+
+                updateTrackMuteState(state, APP.store.dispatch, true);
+                updateTrackMuteState(state, APP.store.dispatch, false);
+            }
+        );
+
+        room.on(
+            JitsiConferenceEvents.DATA_CHANNEL_OPENED, () => {
+                APP.store.dispatch(dataChannelOpened());
+                APP.store.dispatch(hideNotification(DATA_CHANNEL_CLOSED_NOTIFICATION_ID));
+            }
+        );
+
+        room.on(
+            JitsiConferenceEvents.DATA_CHANNEL_CLOSED, ev => {
+                const state = APP.store.getState();
+                const { dataChannelOpen } = state['features/base/conference'];
+                const timeout = typeof dataChannelOpen === 'undefined' ? 15000 : 60000;
+
+                // Show the notification only when the data channel connection doesn't get re-established in 60 secs if
+                // it was already established at the beginning of the call, show it sooner otherwise. This notification
+                // can be confusing and alarming to users even when there is no significant impact to user experience
+                // if the the reconnect happens immediately.
+                setTimeout(() => {
+                    const { dataChannelOpen: open } = APP.store.getState()['features/base/conference'];
+
+                    if (!open) {
+                        const descriptionKey = getSsrcRewritingFeatureFlag(state)
+                            ? 'notify.dataChannelClosedDescriptionWithAudio' : 'notify.dataChannelClosedDescription';
+                        const titleKey = getSsrcRewritingFeatureFlag(state)
+                            ? 'notify.dataChannelClosedWithAudio' : 'notify.dataChannelClosed';
+
+                        APP.store.dispatch(dataChannelClosed(ev.code, ev.reason));
+                        APP.store.dispatch(showWarningNotification({
+                            descriptionKey,
+                            titleKey,
+                            uid: DATA_CHANNEL_CLOSED_NOTIFICATION_ID
+                        }, NOTIFICATION_TIMEOUT_TYPE.STICKY));
+                    }
+                }, timeout);
+            }
+        );
+
+        room.on(JitsiConferenceEvents.PERMISSIONS_RECEIVED, p => {
+            const localParticipant = getLocalParticipant(APP.store.getState());
+
+            APP.store.dispatch(participantUpdated({
+                id: localParticipant.id,
+                local: true,
+                features: p
+            }));
+        });
+    },
+
+    /**
+     * Handles audio device changes.
+     *
+     * @param {string} cameraDeviceId - The new device id.
+     * @returns {Promise}
+     */
+    async onAudioDeviceChanged(micDeviceId) {
+        const audioWasMuted = this.isLocalAudioMuted();
+
+        // Disable noise suppression if it was enabled on the previous track.
+        await APP.store.dispatch(setNoiseSuppressionEnabled(false));
+
+        // When the 'default' mic needs to be selected, we need to pass the real device id to gUM instead of
+        // 'default' in order to get the correct MediaStreamTrack from chrome because of the following bug.
+        // https://bugs.chromium.org/p/chromium/issues/detail?id=997689.
+        const isDefaultMicSelected = micDeviceId === 'default';
+        const selectedDeviceId = isDefaultMicSelected
+            ? getDefaultDeviceId(APP.store.getState(), 'audioInput')
+            : micDeviceId;
+
+        logger.info(`Switching audio input device to ${selectedDeviceId}`);
+        sendAnalytics(createDeviceChangedEvent('audio', 'input'));
+        createLocalTracksF({
+            devices: [ 'audio' ],
+            micDeviceId: selectedDeviceId
+        })
+        .then(([ stream ]) => {
+            // if audio was muted before changing the device, mute
+            // with the new device
+            if (audioWasMuted) {
+                return stream.mute()
+                    .then(() => stream);
+            }
+
+            return stream;
+        })
+        .then(async stream => {
+            await this._maybeApplyAudioMixerEffect(stream);
+
+            return this.useAudioStream(stream);
+        })
+        .then(() => {
+            const state = APP.store.getState();
+            const localAudio = getLocalJitsiAudioTrack(state);
+            const settings = getLocalJitsiAudioTrackSettings(state);
+
+            APP.store.dispatch(setAudioSettings(settings));
+
+            if (localAudio && isDefaultMicSelected) {
+                // workaround for the default device to be shown as selected in the
+                // settings even when the real device id was passed to gUM because of the
+                // above mentioned chrome bug.
+                localAudio._realDeviceId = localAudio.deviceId = 'default';
+            }
+        })
+        .catch(err => {
+            logger.error(`Failed to switch to selected audio input device ${selectedDeviceId}, error=${err}`);
+            APP.store.dispatch(notifyMicError(err));
+        });
+    },
+
+    /**
+     * Handles video device changes.
+     *
+     * @param {string} cameraDeviceId - The new device id.
+     * @returns {void}
+     */
+    onVideoDeviceChanged(cameraDeviceId) {
+        const videoWasMuted = this.isLocalVideoMuted();
+        const localVideoTrack = getLocalJitsiVideoTrack(APP.store.getState());
+
+        if (localVideoTrack?.getDeviceId() === cameraDeviceId) {
+            return;
+        }
+
+        sendAnalytics(createDeviceChangedEvent('video', 'input'));
+
+        createLocalTracksF({
+            devices: [ 'video' ],
+            cameraDeviceId
+        })
+        .then(([ stream ]) => {
+            // if we are in audio only mode or video was muted before
+            // changing device, then mute
+            if (this.isAudioOnly() || videoWasMuted) {
+                return stream.mute()
+                    .then(() => stream);
+            }
+
+            return stream;
+        })
+        .then(stream => {
+            logger.info(`Switching the local video device to ${cameraDeviceId}.`);
+
+            return this.useVideoStream(stream);
+        })
+        .catch(error => {
+            logger.error(`Failed to switch to selected camera:${cameraDeviceId}, error:${error}`);
+
+            return APP.store.dispatch(notifyCameraError(error));
+        });
+    },
+
+    /**
+     * Handles audio only changes.
+     */
+    onToggleAudioOnly() {
+        // Immediately update the UI by having remote videos and the large video update themselves.
+        const displayedUserId = APP.UI.getLargeVideoID();
+
+        if (displayedUserId) {
+            APP.UI.updateLargeVideo(displayedUserId, true);
+        }
+    },
+
+    /**
+     * Cleanups local conference on suspend.
+     */
+    onSuspendDetected() {
+        // After wake up, we will be in a state where conference is left
+        // there will be dialog shown to user.
+        // We do not want video/audio as we show an overlay and after it
+        // user need to rejoin or close, while waking up we can detect
+        // camera wakeup as a problem with device.
+        // We also do not care about device change, which happens
+        // on resume after suspending PC.
+        if (this.deviceChangeListener) {
+            JitsiMeetJS.mediaDevices.removeEventListener(
+                JitsiMediaDevicesEvents.DEVICE_LIST_CHANGED,
+                this.deviceChangeListener);
+        }
+    },
+
+    /**
+     * Callback invoked when the conference has been successfully joined.
+     * Initializes the UI and various other features.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onConferenceJoined() {
+        const { dispatch } = APP.store;
+
+        APP.UI.initConference();
+
+        dispatch(conferenceJoined(room));
+
+        const jwt = APP.store.getState()['features/base/jwt'];
+
+        if (jwt?.user?.hiddenFromRecorder) {
+            dispatch(muteLocal(true, MEDIA_TYPE.AUDIO));
+            dispatch(muteLocal(true, MEDIA_TYPE.VIDEO));
+            dispatch(setAudioUnmutePermissions(true, true));
+            dispatch(setVideoUnmutePermissions(true, true));
+        }
+    },
+
+    /**
+     * Updates the list of current devices.
+     * @param {boolean} setDeviceListChangeHandler - Whether to add the deviceList change handlers.
+     * @private
+     * @returns {Promise}
+     */
+    _initDeviceList(setDeviceListChangeHandler = false) {
+        const { mediaDevices } = JitsiMeetJS;
+
+        if (mediaDevices.isDeviceChangeAvailable()) {
+            if (setDeviceListChangeHandler) {
+                this.deviceChangeListener = devices =>
+                    window.setTimeout(() => this._onDeviceListChanged(devices), 0);
+                mediaDevices.addEventListener(
+                    JitsiMediaDevicesEvents.DEVICE_LIST_CHANGED,
+                    this.deviceChangeListener);
+            }
+
+            const { dispatch } = APP.store;
+
+            return dispatch(getAvailableDevices())
+                .then(() => {
+                    this.updateAudioIconEnabled();
+                    this.updateVideoIconEnabled();
+                });
+        }
+
+        return Promise.resolve();
+    },
+
+    /**
+     * Event listener for JitsiMediaDevicesEvents.DEVICE_LIST_CHANGED to
+     * handle change of available media devices.
+     * @private
+     * @param {MediaDeviceInfo[]} devices
+     * @returns {Promise}
+     */
+    async _onDeviceListChanged(devices) {
+        const state = APP.store.getState();
+        const { filteredDevices, ignoredDevices } = filterIgnoredDevices(devices);
+        const oldDevices = state['features/base/devices'].availableDevices;
+
+        if (!areDevicesDifferent(flattenAvailableDevices(oldDevices), filteredDevices)) {
+            return Promise.resolve();
+        }
+
+        logDevices(ignoredDevices, 'Ignored devices on device list changed:');
+
+        const localAudio = getLocalJitsiAudioTrack(state);
+        const localVideo = getLocalJitsiVideoTrack(state);
+
+        APP.store.dispatch(updateDeviceList(filteredDevices));
+
+        // Firefox users can choose their preferred device in the gUM prompt. In that case
+        // we should respect that and not attempt to switch to the preferred device from
+        // our settings.
+        const newLabelsOnly = mediaDeviceHelper.newDeviceListAddedLabelsOnly(oldDevices, filteredDevices);
+        const newDevices
+            = mediaDeviceHelper.getNewMediaDevicesAfterDeviceListChanged(
+                filteredDevices,
+                localVideo,
+                localAudio,
+                newLabelsOnly);
+        const promises = [];
+        const requestedInput = {
+            audio: Boolean(newDevices.audioinput),
+            video: Boolean(newDevices.videoinput)
+        };
+
+        if (typeof newDevices.audiooutput !== 'undefined') {
+            const { dispatch } = APP.store;
+            const setAudioOutputPromise
+                = setAudioOutputDeviceId(newDevices.audiooutput, dispatch)
+                    .catch(err => {
+                        logger.error(`Failed to set the audio output device to ${newDevices.audiooutput} - ${err}`);
+                    });
+
+            promises.push(setAudioOutputPromise);
+        }
+
+        // Handles the use case when the default device is changed (we are always stopping the streams because it's
+        // simpler):
+        // If the default device is changed we need to first stop the local streams and then call GUM. Otherwise GUM
+        // will return a stream using the old default device.
+        if (requestedInput.audio && localAudio) {
+            localAudio.stopStream();
+        }
+
+        if (requestedInput.video && localVideo) {
+            localVideo.stopStream();
+        }
+
+        // Let's handle unknown/non-preferred devices
+        const newAvailDevices = APP.store.getState()['features/base/devices'].availableDevices;
+        let newAudioDevices = [];
+        let oldAudioDevices = [];
+
+        if (typeof newDevices.audiooutput === 'undefined') {
+            newAudioDevices = newAvailDevices.audioOutput;
+            oldAudioDevices = oldDevices.audioOutput;
+        }
+
+        if (!requestedInput.audio) {
+            newAudioDevices = newAudioDevices.concat(newAvailDevices.audioInput);
+            oldAudioDevices = oldAudioDevices.concat(oldDevices.audioInput);
+        }
+
+        // check for audio
+        if (newAudioDevices.length > 0) {
+            APP.store.dispatch(checkAndNotifyForNewDevice(newAudioDevices, oldAudioDevices));
+        }
+
+        // check for video
+        if (requestedInput.video) {
+            APP.store.dispatch(checkAndNotifyForNewDevice(newAvailDevices.videoInput, oldDevices.videoInput));
+        }
+
+        // When the 'default' mic needs to be selected, we need to pass the real device id to gUM instead of 'default'
+        // in order to get the correct MediaStreamTrack from chrome because of the following bug.
+        // https://bugs.chromium.org/p/chromium/issues/detail?id=997689
+        const hasDefaultMicChanged = newDevices.audioinput === 'default';
+
+        // When the local video is muted and a preferred device is connected, update the settings and remove the track
+        // from the conference. A new track will be created and replaced when the user unmutes their camera.
+        if (requestedInput.video && this.isLocalVideoMuted()) {
+            APP.store.dispatch(updateSettings({
+                cameraDeviceId: newDevices.videoinput
+            }));
+            requestedInput.video = false;
+            delete newDevices.videoinput;
+
+            // Remove the track from the conference.
+            if (localVideo) {
+                await this.useVideoStream(null);
+                logger.debug('_onDeviceListChanged: Removed the current video track.');
+            }
+        }
+
+        // When the local audio is muted and a preferred device is connected, update the settings and remove the track
+        // from the conference. A new track will be created and replaced when the user unmutes their mic.
+        if (requestedInput.audio && this.isLocalAudioMuted()) {
+            APP.store.dispatch(updateSettings({
+                micDeviceId: newDevices.audioinput
+            }));
+            requestedInput.audio = false;
+            delete newDevices.audioinput;
+
+            // Remove the track from the conference.
+            if (localAudio) {
+                await this.useAudioStream(null);
+                logger.debug('_onDeviceListChanged: Removed the current audio track.');
+            }
+        }
+
+        // Create the tracks and replace them only if the user is unmuted.
+        if (requestedInput.audio || requestedInput.video) {
+            let tracks = [];
+            const realAudioDeviceId = hasDefaultMicChanged
+                ? getDefaultDeviceId(APP.store.getState(), 'audioInput') : newDevices.audioinput;
+
+            try {
+                tracks = await mediaDeviceHelper.createLocalTracksAfterDeviceListChanged(
+                    createLocalTracksF,
+                    requestedInput.video ? newDevices.videoinput : null,
+                    requestedInput.audio ? realAudioDeviceId : null
+                );
+            } catch (error) {
+                logger.error(`Track creation failed on device change, ${error}`);
+
+                return Promise.reject(error);
+            }
+
+            for (const track of tracks) {
+                if (track.isAudioTrack()) {
+                    promises.push(
+                        this.useAudioStream(track)
+                            .then(() => {
+                                hasDefaultMicChanged && (track._realDeviceId = track.deviceId = 'default');
+                            }));
+                } else {
+                    promises.push(
+                        this.useVideoStream(track));
+                }
+            }
+        }
+
+        return Promise.all(promises)
+            .then(() => {
+                this.updateAudioIconEnabled();
+                this.updateVideoIconEnabled();
+            });
+    },
+
+    /**
+     * Determines whether or not the audio button should be enabled.
+     */
+    updateAudioIconEnabled() {
+        const localAudio = getLocalJitsiAudioTrack(APP.store.getState());
+        const audioMediaDevices = APP.store.getState()['features/base/devices'].availableDevices.audioInput;
+        const audioDeviceCount = audioMediaDevices ? audioMediaDevices.length : 0;
+
+        // The audio functionality is considered available if there are any
+        // audio devices detected or if the local audio stream already exists.
+        const available = audioDeviceCount > 0 || Boolean(localAudio);
+
+        APP.store.dispatch(setAudioAvailable(available));
+    },
+
+    /**
+     * Determines whether or not the video button should be enabled.
+     */
+    updateVideoIconEnabled() {
+        const videoMediaDevices
+            = APP.store.getState()['features/base/devices'].availableDevices.videoInput;
+        const videoDeviceCount
+            = videoMediaDevices ? videoMediaDevices.length : 0;
+        const localVideo = getLocalJitsiVideoTrack(APP.store.getState());
+
+        // The video functionality is considered available if there are any
+        // video devices detected or if there is local video stream already
+        // active which could be either screensharing stream or a video track
+        // created before the permissions were rejected (through browser
+        // config).
+        const available = videoDeviceCount > 0 || Boolean(localVideo);
+
+        APP.store.dispatch(setVideoAvailable(available));
+        APP.API.notifyVideoAvailabilityChanged(available);
+    },
+
+    /**
+     * Disconnect from the conference and optionally request user feedback.
+     * @param {boolean} [requestFeedback=false] if user feedback should be
+     * @param {string} [hangupReason] the reason for leaving the meeting
+     * requested
+     * @param {boolean} [notifyOnConferenceTermination] whether to notify
+     * the user on conference termination
+     */
+    hangup(requestFeedback = false, hangupReason, notifyOnConferenceTermination) {
+        APP.store.dispatch(disableReceiver());
+
+        this._stopProxyConnection();
+
+        APP.store.dispatch(destroyLocalTracks());
+        this._localTracksInitialized = false;
+
+        // Remove unnecessary event listeners from firing callbacks.
+        if (this.deviceChangeListener) {
+            JitsiMeetJS.mediaDevices.removeEventListener(
+                JitsiMediaDevicesEvents.DEVICE_LIST_CHANGED,
+                this.deviceChangeListener);
+        }
+
+        let feedbackResultPromise = Promise.resolve({});
+
+        if (requestFeedback) {
+            const feedbackDialogClosed = (feedbackResult = {}) => {
+                if (!feedbackResult.wasDialogShown && hangupReason && notifyOnConferenceTermination) {
+                    return APP.store.dispatch(
+                        openLeaveReasonDialog(hangupReason)).then(() => feedbackResult);
+                }
+
+                return Promise.resolve(feedbackResult);
+            };
+
+            feedbackResultPromise
+                = APP.store.dispatch(maybeOpenFeedbackDialog(room, hangupReason))
+                    .then(feedbackDialogClosed, feedbackDialogClosed);
+        }
+
+        const leavePromise = this.leaveRoom().catch(() => Promise.resolve());
+
+        Promise.allSettled([ feedbackResultPromise, leavePromise ]).then(([ feedback, _ ]) => {
+            this._room = undefined;
+            room = undefined;
+
+            /**
+             * Don't call {@code notifyReadyToClose} if the promotional page flag is set
+             * and let the page take care of sending the message, since there will be
+             * a redirect to the page anyway.
+             */
+            if (!interfaceConfig.SHOW_PROMOTIONAL_CLOSE_PAGE) {
+                APP.API.notifyReadyToClose();
+            }
+
+            APP.store.dispatch(maybeRedirectToWelcomePage(feedback.value ?? {}));
+        });
+
+
+    },
+
+    /**
+     * Leaves the room.
+     *
+     * @param {boolean} doDisconnect - Whether leaving the room should also terminate the connection.
+     * @param {string} reason - reason for leaving the room.
+     * @returns {Promise}
+     */
+    leaveRoom(doDisconnect = true, reason = '') {
+        APP.store.dispatch(conferenceWillLeave(room));
+
+        const maybeDisconnect = () => {
+            if (doDisconnect) {
+                return disconnect();
+            }
+        };
+
+        if (room && room.isJoined()) {
+            return room.leave(reason).then(() => maybeDisconnect())
+            .catch(e => {
+                logger.error(e);
+
+                return maybeDisconnect();
+            });
+        }
+
+        return maybeDisconnect();
+    },
+
+    /**
+     * Changes the email for the local user
+     * @param email {string} the new email
+     */
+    changeLocalEmail(email = '') {
+        const formattedEmail = String(email).trim();
+
+        APP.store.dispatch(updateSettings({
+            email: formattedEmail
+        }));
+
+        sendData(commands.EMAIL, formattedEmail);
+    },
+
+    /**
+     * Changes the avatar url for the local user
+     * @param url {string} the new url
+     */
+    changeLocalAvatarUrl(url = '') {
+        const formattedUrl = String(url).trim();
+
+        APP.store.dispatch(updateSettings({
+            avatarURL: formattedUrl
+        }));
+
+        sendData(commands.AVATAR_URL, url);
+    },
+
+    /**
+     * Sends a message via the data channel.
+     * @param {string} to the id of the endpoint that should receive the
+     * message. If "" - the message will be sent to all participants.
+     * @param {object} payload the payload of the message.
+     * @throws NetworkError or InvalidStateError or Error if the operation
+     * fails.
+     */
+    sendEndpointMessage(to, payload) {
+        room.sendEndpointMessage(to, payload);
+    },
+
+    /**
+     * Callback invoked by the external api create or update a direct connection
+     * from the local client to an external client.
+     *
+     * @param {Object} event - The object containing information that should be
+     * passed to the {@code ProxyConnectionService}.
+     * @returns {void}
+     */
+    onProxyConnectionEvent(event) {
+        if (!this._proxyConnection) {
+            this._proxyConnection = new JitsiMeetJS.ProxyConnectionService({
+
+                /**
+                 * Pass the {@code JitsiConnection} instance which will be used
+                 * to fetch TURN credentials.
+                 */
+                jitsiConnection: APP.connection,
+
+                /**
+                 * The proxy connection feature is currently tailored towards
+                 * taking a proxied video stream and showing it as a local
+                 * desktop screen.
+                 */
+                convertVideoToDesktop: true,
+
+                /**
+                 * Callback invoked when the connection has been closed
+                 * automatically. Triggers cleanup of screensharing if active.
+                 *
+                 * @returns {void}
+                 */
+                onConnectionClosed: () => {
+                    if (this._untoggleScreenSharing) {
+                        this._untoggleScreenSharing();
+                    }
+                },
+
+                /**
+                 * Callback invoked to pass messages from the local client back
+                 * out to the external client.
+                 *
+                 * @param {string} peerJid - The jid of the intended recipient
+                 * of the message.
+                 * @param {Object} data - The message that should be sent. For
+                 * screensharing this is an iq.
+                 * @returns {void}
+                 */
+                onSendMessage: (peerJid, data) =>
+                    APP.API.sendProxyConnectionEvent({
+                        data,
+                        to: peerJid
+                    }),
+
+                /**
+                 * Callback invoked when the remote peer of the proxy connection
+                 * has provided a video stream, intended to be used as a local
+                 * desktop stream.
+                 *
+                 * @param {JitsiLocalTrack} remoteProxyStream - The media
+                 * stream to use as a local desktop stream.
+                 * @returns {void}
+                 */
+                onRemoteStream: desktopStream => {
+                    if (desktopStream.videoType !== 'desktop') {
+                        logger.warn('Received a non-desktop stream to proxy.');
+                        desktopStream.dispose();
+
+                        return;
+                    }
+
+                    APP.store.dispatch(toggleScreensharingA(undefined, false, { desktopStream }));
+                }
+            });
+        }
+
+        this._proxyConnection.processMessage(event);
+    },
+
+    /**
+     * Sets the video muted status.
+     */
+    setVideoMuteStatus() {
+        APP.UI.setVideoMuted(this.getMyUserId());
+    },
+
+    /**
+     * Dispatches the passed in feedback for submission. The submitted score
+     * should be a number inclusively between 1 through 5, or -1 for no score.
+     *
+     * @param {number} score - a number between 1 and 5 (inclusive) or -1 for no
+     * score.
+     * @param {string} message - An optional message to attach to the feedback
+     * in addition to the score.
+     * @returns {void}
+     */
+    submitFeedback(score = -1, message = '') {
+        if (score === -1 || (score >= 1 && score <= 5)) {
+            APP.store.dispatch(submitFeedback(score, message, room));
+        }
+    },
+
+    /**
+     * Terminates any proxy screensharing connection that is active.
+     *
+     * @private
+     * @returns {void}
+     */
+    _stopProxyConnection() {
+        if (this._proxyConnection) {
+            this._proxyConnection.stop();
+        }
+
+        this._proxyConnection = null;
+    }
+};
diff --git a/config.js b/config.js
new file mode 100644
index 0000000..b560e59
--- /dev/null
+++ b/config.js
@@ -0,0 +1,1928 @@
+/* eslint-disable comma-dangle, no-unused-vars, no-var, prefer-template, vars-on-top */
+
+/*
+ * NOTE: If you add a new option please remember to document it here:
+ * https://jitsi.github.io/handbook/docs/dev-guide/dev-guide-configuration
+ */
+
+var subdir = '<!--# echo var="subdir" default="" -->';
+var subdomain = '<!--# echo var="subdomain" default="" -->';
+
+if (subdomain) {
+    subdomain = subdomain.substr(0, subdomain.length - 1).split('.')
+        .join('_')
+        .toLowerCase() + '.';
+}
+
+// In case of no ssi provided by the webserver, use empty strings
+if (subdir.startsWith('<!--')) {
+    subdir = '';
+}
+if (subdomain.startsWith('<!--')) {
+    subdomain = '';
+}
+
+var enableJaaS = false;
+
+var config = {
+    // Connection
+    //
+
+    hosts: {
+        // XMPP domain.
+        domain: 'jitsi-meet.example.com',
+
+        // When using authentication, domain for guest users.
+        // anonymousdomain: 'guest.example.com',
+
+        // Domain for authenticated users. Defaults to <domain>.
+        // authdomain: 'jitsi-meet.example.com',
+
+        // Focus component domain. Defaults to focus.<domain>.
+        // focus: 'focus.jitsi-meet.example.com',
+
+        // XMPP MUC domain. FIXME: use XEP-0030 to discover it.
+        muc: 'conference.' + subdomain + 'jitsi-meet.example.com',
+    },
+
+    // BOSH URL. FIXME: use XEP-0156 to discover it.
+    bosh: 'https://jitsi-meet.example.com/' + subdir + 'http-bind',
+
+    // Websocket URL (XMPP)
+    websocket: 'wss://jitsi-meet.example.com/' + subdir + 'xmpp-websocket',
+
+    // websocketKeepAliveUrl: 'https://jitsi-meet.example.com/' + subdir + '_unlock',
+
+    // Whether BOSH should be preferred over WebSocket if both are configured.
+    // preferBosh: false,
+
+    // The real JID of focus participant - can be overridden here
+    // Do not change username - FIXME: Make focus username configurable
+    // https://github.com/jitsi/jitsi-meet/issues/7376
+    // focusUserJid: 'focus@auth.jitsi-meet.example.com',
+
+    // Option to send conference requests to jicofo over http (requires nginx rule for it)
+    // conferenceRequestUrl:
+    //   'https://<!--# echo var="http_host" default="jitsi-meet.example.com" -->/' + subdir + 'conference-request/v1',
+
+    // Options related to the bridge (colibri) data channel
+    bridgeChannel: {
+        // If the backend advertises multiple colibri websockets, this options allows
+        // to filter some of them out based on the domain name. We use the first URL
+        // which does not match ignoreDomain, falling back to the first one that matches
+        // ignoreDomain. Has no effect if undefined.
+        // ignoreDomain: 'example.com',
+
+        // Prefer SCTP (WebRTC data channels over the media path) over a colibri websocket.
+        // If SCTP is available in the backend it will be used instead of a WS. Defaults to
+        // false (SCTP is used only if available and no WS are available).
+        // preferSctp: false
+    },
+
+    // Testing / experimental features.
+    //
+
+    testing: {
+        // Allows the setting of a custom bandwidth value from the UI.
+        // assumeBandwidth: true,
+
+        // Enables use of getDisplayMedia in electron
+        // electronUseGetDisplayMedia: false,
+
+        // Enables AV1 codec for FF. Note: By default it is disabled.
+        // enableAV1ForFF: false,
+
+        // Enables the use of the codec selection API supported by the browsers .
+        // enableCodecSelectionAPI: false,
+
+        // P2P test mode disables automatic switching to P2P when there are 2
+        // participants in the conference.
+        // p2pTestMode: false,
+
+        // Enables the test specific features consumed by jitsi-meet-torture
+        // testMode: false,
+
+        // Disables the auto-play behavior of *all* newly created video element.
+        // This is useful when the client runs on a host with limited resources.
+        // noAutoPlayVideo: false,
+
+        // Experiment: Whether to skip interim transcriptions.
+        // skipInterimTranscriptions: false,
+
+        // Dump transcripts to a <transcript> element for debugging.
+        // dumpTranscript: false,
+
+        // Log the audio levels.
+        // debugAudioLevels: true,
+
+        // Will replace ice candidates IPs with invalid ones in order to fail ice.
+        // failICE: true,
+
+        // When running on Spot TV, this controls whether to show the recording consent dialog.
+        // If false (default), Spot instances will not show the recording consent dialog.
+        // If true, Spot instances will show the recording consent dialog like regular clients.
+        // showSpotConsentDialog: false,
+    },
+
+    // Disables moderator indicators.
+    // disableModeratorIndicator: false,
+
+    // Disables the reactions feature.
+    // disableReactions: true,
+
+    // Disables the reactions moderation feature.
+    // disableReactionsModeration: false,
+
+    // Disables the reactions in chat feature.
+    // disableReactionsInChat: false,
+
+    // Disables polls feature.
+    // disablePolls: false,
+
+    // Disables chat feature entirely including notifications, sounds, and private messages.
+    // disableChat: false,
+
+    // Disables demote button from self-view
+    // disableSelfDemote: false,
+
+    // Disables self-view tile. (hides it from tile view and from filmstrip)
+    // disableSelfView: false,
+
+    // Disables self-view settings in UI
+    // disableSelfViewSettings: false,
+
+    // Shows/hides the moderator setting for chat permissions.
+    // showChatPermissionsModeratorSetting: false,
+
+    // screenshotCapture : {
+    //      Enables the screensharing capture feature.
+    //      enabled: false,
+    //
+    //      The mode for the screenshot capture feature.
+    //      Can be either 'recording' - screensharing screenshots are taken
+    //      only when the recording is also on,
+    //      or 'always' - screensharing screenshots are always taken.
+    //      mode: 'recording',
+    // }
+
+    // Disables ICE/UDP by filtering out local and remote UDP candidates in
+    // signalling.
+    // webrtcIceUdpDisable: false,
+
+    // Disables ICE/TCP by filtering out local and remote TCP candidates in
+    // signalling.
+    // webrtcIceTcpDisable: false,
+
+
+    // Media
+    //
+
+    // Audio
+
+    // Disable measuring of audio levels.
+    // disableAudioLevels: false,
+
+    // audioLevelsInterval: 200,
+
+    // Enabling this will run the lib-jitsi-meet no audio detection module which
+    // will notify the user if the current selected microphone has no audio
+    // input and will suggest another valid device if one is present.
+    enableNoAudioDetection: true,
+
+    // Enabling this will show a "Save Logs" link in the GSM popover that can be
+    // used to collect debug information (XMPP IQs, SDP offer/answer cycles)
+    // about the call.
+    // enableSaveLogs: false,
+
+    // Enabling this will hide the "Show More" link in the GSM popover that can be
+    // used to display more statistics about the connection (IP, Port, protocol, etc).
+    // disableShowMoreStats: true,
+
+    // Enabling this will run the lib-jitsi-meet noise detection module which will
+    // notify the user if there is noise, other than voice, coming from the current
+    // selected microphone. The purpose it to let the user know that the input could
+    // be potentially unpleasant for other meeting participants.
+    enableNoisyMicDetection: true,
+
+    // Start the conference in audio only mode (no video is being received nor
+    // sent).
+    // startAudioOnly: false,
+
+    // Every participant after the Nth will start audio muted.
+    // startAudioMuted: 10,
+
+    // Start calls with audio muted. Unlike the option above, this one is only
+    // applied locally. FIXME: having these 2 options is confusing.
+    // startWithAudioMuted: false,
+
+    // Enabling it (with #params) will disable local audio output of remote
+    // participants and to enable it back a reload is needed.
+    // startSilent: false,
+
+    // Enables support for opus-red (redundancy for Opus).
+    // enableOpusRed: false,
+
+    // Specify audio quality stereo and opusMaxAverageBitrate values in order to enable HD audio.
+    // Beware, by doing so, you are disabling echo cancellation, noise suppression and AGC.
+    // Specify enableOpusDtx to enable support for opus-dtx where
+    // audio packets won’t be transmitted while participant is silent or muted.
+    // audioQuality: {
+    //     stereo: false,
+    //     opusMaxAverageBitrate: null, // Value to fit the 6000 to 510000 range.
+    //     enableOpusDtx: false,
+    // },
+
+    // Noise suppression configuration. By default rnnoise is used. Optionally Krisp
+    // can be used by enabling it below, but the Krisp JS SDK files must be supplied in your
+    // installation. Specifically, these files are needed:
+    //   - https://meet.example.com/libs/krisp/krisp.mjs
+    //   - https://meet.example.com/libs/krisp/models/model_8.kw
+    //   - https://meet.example.com/libs/krisp/models/model_nc.kw
+    //   - https://meet.example.com/libs/krisp/models/model_bvc.kw
+    //   - https://meet.example.com/libs/krisp/assets/bvc-allowed.txt
+    //     In case when you have known BVC supported devices and you want to extend allowed devices list
+    //   - https://meet.example.com/libs/krisp/assets/bvc-allowed-ext.txt
+    //     In case when you have known BVC supported devices and you want to extend allowed devices list
+    //   - https://meet.example.com/libs/krisp/models/model_inbound_8.kw
+    //   - https://meet.example.com/libs/krisp/models/model_inbound_16.kw
+    //     In case when you want to use inbound noise suppression models
+    // NOTE: Krisp JS SDK v2.0.0 was tested.
+    // noiseSuppression: {
+    //     krisp: {
+    //         enabled: false,
+    //         logProcessStats: false,
+    //         debugLogs: false,
+    //         useBVC: false,
+    //         bufferOverflowMS: 1000,
+    //         inboundModels: {
+    //             modelInbound8: 'model_inbound_8.kef',
+    //             modelInbound16: 'model_inbound_16.kef',
+    //         },
+    //         preloadInboundModels: {
+    //             modelInbound8: 'model_inbound_8.kef',
+    //             modelInbound16: 'model_inbound_16.kef',
+    //         },
+    //         preloadModels: {
+    //             modelBVC: 'model_bvc.kef',
+    //             model8: 'model_8.kef',
+    //             modelNC: 'model_nc_mq.kef',
+    //         },
+    //         models: {
+    //             modelBVC: 'model_bvc.kef',
+    //             model8: 'model_8.kef',
+    //             modelNV: 'model_nc_mq.kef',
+    //         },
+    //         bvc: {
+    //             allowedDevices: 'bvc-allowed.txt',
+    //             allowedDevicesExt: 'bvc-allowed-ext.txt',
+    //         }
+    //     },
+    // },
+
+    // Video
+
+    // Sets the default camera facing mode.
+    // cameraFacingMode: 'user',
+
+    // Sets the preferred resolution (height) for local video. Defaults to 720.
+    // resolution: 720,
+
+    // DEPRECATED. Please use raisedHands.disableRemoveRaisedHandOnFocus instead.
+    // Specifies whether the raised hand will hide when someone becomes a dominant speaker or not
+    // disableRemoveRaisedHandOnFocus: false,
+
+    // Specifies which raised hand related config should be set.
+    // raisedHands: {
+    //     // Specifies whether the raised hand can be lowered by moderator.
+    //     disableLowerHandByModerator: false,
+
+    //     // Specifies whether there is a notification before hiding the raised hand
+    //     // when someone becomes the dominant speaker.
+    //     disableLowerHandNotification: true,
+
+    //     // Specifies whether there is a notification when you are the next speaker in line.
+    //     disableNextSpeakerNotification: false,
+
+    //     // Specifies whether the raised hand will hide when someone becomes a dominant speaker or not.
+    //     disableRemoveRaisedHandOnFocus: false,
+    // },
+
+    // speakerStats: {
+    //     // Specifies whether the speaker stats is enable or not.
+    //     disabled: false,
+
+    //     // Specifies whether there will be a search field in speaker stats or not.
+    //     disableSearch: false,
+
+    //     // Specifies whether participants in speaker stats should be ordered or not, and with what priority.
+    //     // 'role', <- Moderators on top.
+    //     // 'name', <- Alphabetically by name.
+    //     // 'hasLeft', <- The ones that have left in the bottom.
+    //     order: [
+    //         'role',
+    //         'name',
+    //         'hasLeft',
+    //     ],
+    // },
+
+    // DEPRECATED. Please use speakerStats.disableSearch instead.
+    // Specifies whether there will be a search field in speaker stats or not
+    // disableSpeakerStatsSearch: false,
+
+    // DEPRECATED. Please use speakerStats.order .
+    // Specifies whether participants in speaker stats should be ordered or not, and with what priority
+    // speakerStatsOrder: [
+    //  'role', <- Moderators on top
+    //  'name', <- Alphabetically by name
+    //  'hasLeft', <- The ones that have left in the bottom
+    // ], <- the order of the array elements determines priority
+
+    // How many participants while in the tile view mode, before the receiving video quality is reduced from HD to SD.
+    // Use -1 to disable.
+    // maxFullResolutionParticipants: 2,
+
+    // w3c spec-compliant video constraints to use for video capture. Currently
+    // used by browsers that return true from lib-jitsi-meet's
+    // util#browser#usesNewGumFlow. The constraints are independent from
+    // this config's resolution value. Defaults to requesting an ideal
+    // resolution of 720p.
+    // constraints: {
+    //     video: {
+    //         height: {
+    //             ideal: 720,
+    //             max: 720,
+    //             min: 240,
+    //         },
+    //     },
+    // },
+
+    // Enable / disable simulcast support.
+    // disableSimulcast: false,
+
+    // Every participant after the Nth will start video muted.
+    // startVideoMuted: 10,
+
+    // Start calls with video muted. Unlike the option above, this one is only
+    // applied locally. FIXME: having these 2 options is confusing.
+    // startWithVideoMuted: false,
+
+    // Desktop sharing
+
+    // Optional desktop sharing frame rate options. Default value: min:5, max:5.
+    // Setting higher min/max values will affect the resolution, it makes it worse.
+    // desktopSharingFrameRate: {
+    //     min: 5,
+    //     max: 5,
+    // },
+
+    // Optional screenshare settings that give more control over screen capture in the browser.
+    // screenShareSettings: {
+    //      // Show users the current tab is the preferred capture source, default: false.
+    //      desktopPreferCurrentTab: false,
+    //      // Allow users to select system audio, default: include.
+    //      desktopSystemAudio: 'include',
+    //      // Allow users to seamlessly switch which tab they are sharing without having to select the tab again.
+    //      desktopSurfaceSwitching: 'include',
+    //      // Allow a user to be shown a preference for what screen is to be captured, default: unset.
+    //      desktopDisplaySurface: undefined,
+    //      // Allow users to select the current tab as a capture source, default: exclude.
+    //      desktopSelfBrowserSurface: 'exclude'
+    // },
+
+    // Recording
+
+    // Enable the dropbox integration.
+    // dropbox: {
+    //     appKey: '<APP_KEY>', // Specify your app key here.
+    //     // A URL to redirect the user to, after authenticating
+    //     // by default uses:
+    //     // 'https://jitsi-meet.example.com/static/oauth.html'
+    //     redirectURI:
+    //          'https://jitsi-meet.example.com/subfolder/static/oauth.html',
+    // },
+
+    // configuration for all things recording related. Existing settings will be migrated here in the future.
+    // recordings: {
+    //    // IF true (default) recording audio and video is selected by default in the recording dialog.
+    //    // recordAudioAndVideo: true,
+    //    // If true, shows a notification at the start of the meeting with a call to action button
+    //    // to start recording (for users who can do so).
+    //    // suggestRecording: true,
+    //    // If true, shows a warning label in the prejoin screen to point out the possibility that
+    //    // the call you're joining might be recorded.
+    //    // showPrejoinWarning: true,
+    //    // If true, the notification for recording start will display a link to download the cloud recording.
+    //    // showRecordingLink: true,
+    //    // If true, mutes audio and video when a recording begins and displays a dialog
+    //    // explaining the effect of unmuting.
+    //    // requireConsent: true,
+    //    // If true consent will be skipped for users who are already in the meeting.
+    //    // skipConsentInMeeting: true,
+    //    // Link for the recording consent dialog's "Learn more" link.
+    //    // consentLearnMoreLink: 'https://jitsi.org/meet/consent',
+    // },
+
+    // recordingService: {
+    //     // When integrations like dropbox are enabled only that will be shown,
+    //     // by enabling fileRecordingsServiceEnabled, we show both the integrations
+    //     // and the generic recording service (its configuration and storage type
+    //     // depends on jibri configuration)
+    //     enabled: false,
+
+    //     // Whether to show the possibility to share file recording with other people
+    //     // (e.g. meeting participants), based on the actual implementation
+    //     // on the backend.
+    //     sharingEnabled: false,
+
+    //     // Hide the warning that says we only store the recording for 24 hours.
+    //     hideStorageWarning: false,
+    // },
+
+    // DEPRECATED. Use recordingService.enabled instead.
+    // fileRecordingsServiceEnabled: false,
+
+    // DEPRECATED. Use recordingService.sharingEnabled instead.
+    // fileRecordingsServiceSharingEnabled: false,
+
+    // Local recording configuration.
+    // localRecording: {
+    //     // Whether to disable local recording or not.
+    //     disable: false,
+
+    //     // Whether to notify all participants when a participant is recording locally.
+    //     notifyAllParticipants: false,
+
+    //     // Whether to disable the self recording feature (only local participant streams).
+    //     disableSelfRecording: false,
+    // },
+
+    // Customize the Live Streaming dialog. Can be modified for a non-YouTube provider.
+    // liveStreaming: {
+    //    // Whether to enable live streaming or not.
+    //    enabled: false,
+    //    // Terms link
+    //    termsLink: 'https://www.youtube.com/t/terms',
+    //    // Data privacy link
+    //    dataPrivacyLink: 'https://policies.google.com/privacy',
+    //    // RegExp string that validates the stream key input field
+    //    validatorRegExpString: '^(?:[a-zA-Z0-9]{4}(?:-(?!$)|$)){4}',
+    //    // Documentation reference for the live streaming feature.
+    //    helpLink: 'https://jitsi.org/live'
+    // },
+
+    // DEPRECATED. Use liveStreaming.enabled instead.
+    // liveStreamingEnabled: false,
+
+    // DEPRECATED. Use transcription.enabled instead.
+    // transcribingEnabled: false,
+
+    // DEPRECATED. Use transcription.useAppLanguage instead.
+    // transcribeWithAppLanguage: true,
+
+    // DEPRECATED. Use transcription.preferredLanguage instead.
+    // preferredTranscribeLanguage: 'en-US',
+
+    // DEPRECATED. Use transcription.autoTranscribeOnRecord instead.
+    // autoCaptionOnRecord: false,
+
+    // Transcription options.
+    // transcription: {
+    //     // Whether the feature should be enabled or not.
+    //     enabled: false,
+
+    //     // Translation languages.
+    //     // Available languages can be found in
+    //     // ./lang/translation-languages.json.
+    //     translationLanguages: ['en', 'es', 'fr', 'ro'],
+
+    //     // Important languages to show on the top of the language list.
+    //     translationLanguagesHead: ['en'],
+
+    //     // If true transcriber will use the application language.
+    //     // The application language is either explicitly set by participants in their settings or automatically
+    //     // detected based on the environment, e.g. if the app is opened in a chrome instance which
+    //     // is using french as its default language then transcriptions for that participant will be in french.
+    //     // Defaults to true.
+    //     useAppLanguage: true,
+
+    //     // Transcriber language. This settings will only work if "useAppLanguage"
+    //     // is explicitly set to false.
+    //     // Available languages can be found in
+    //     // ./src/react/features/transcribing/transcriber-langs.json.
+    //     preferredLanguage: 'en-US',
+
+    //     // Enables automatic turning on transcribing when recording is started
+    //     autoTranscribeOnRecord: false,
+
+    //     // Enables automatic request of subtitles when transcriber is present in the meeting, uses the default
+    //     // language that is set
+    //     autoCaptionOnTranscribe: false,
+    //
+    //     // Disables everything related to closed captions - the tab in the chat area, the button in the menu,
+    //     // subtitles on stage and the "Show subtitles on stage" checkbox in the settings.
+    //     // Note: Starting transcriptions from the recording dialog will still work.
+    //     disableClosedCaptions: false,
+
+    // },
+
+    // Misc
+
+    // Default value for the channel "last N" attribute. -1 for unlimited.
+    channelLastN: -1,
+
+    // Connection indicators
+    // connectionIndicators: {
+    //     autoHide: true,
+    //     autoHideTimeout: 5000,
+    //     disabled: false,
+    //     disableDetails: false,
+    //     inactiveDisabled: false
+    // },
+
+    // Provides a way for the lastN value to be controlled through the UI.
+    // When startLastN is present, conference starts with a last-n value of startLastN and channelLastN
+    // value will be used when the quality level is selected using "Manage Video Quality" slider.
+    // startLastN: 1,
+
+    // Specify the settings for video quality optimizations on the client.
+    // videoQuality: {
+    //
+    //    // Provides a way to set the codec preference on desktop based endpoints.
+    //    codecPreferenceOrder: [ 'AV1', 'VP9', 'VP8', 'H264' ],
+    //
+    //    // Provides a way to set the codec for screenshare.
+    //    screenshareCodec: 'AV1',
+    //    mobileScreenshareCodec: 'VP8',
+    //
+    //    // Enables the adaptive mode in the client that will make runtime adjustments to selected codecs and received
+    //    // videos for a better user experience. This mode will kick in only when CPU overuse is reported in the
+    //    // WebRTC statistics for the outbound video streams.
+    //    enableAdaptiveMode: false,
+    //
+    //    // Codec specific settings for scalability modes and max bitrates.
+    //    av1: {
+    //      maxBitratesVideo: {
+    //          low: 100000,
+    //          standard: 300000,
+    //          high: 1000000,
+    //          fullHd: 2000000,
+    //          ultraHd: 4000000,
+    //          ssHigh: 2500000
+    //      },
+    //      scalabilityModeEnabled: true,
+    //      useSimulcast: false,
+    //      useKSVC: true
+    //    },
+    //    h264: {
+    //      maxBitratesVideo: {
+    //          low: 200000,
+    //          standard: 500000,
+    //          high: 1500000,
+    //          fullHd: 3000000,
+    //          ultraHd: 6000000,
+    //          ssHigh: 2500000
+    //      },
+    //      scalabilityModeEnabled: true
+    //    },
+    //    vp8: {
+    //      maxBitratesVideo: {
+    //          low: 200000,
+    //          standard: 500000,
+    //          high: 1500000,
+    //          fullHd: 3000000,
+    //          ultraHd: 6000000,
+    //          ssHigh: 2500000
+    //      },
+    //      scalabilityModeEnabled: false
+    //    },
+    //    vp9: {
+    //      maxBitratesVideo: {
+    //          low: 100000,
+    //          standard: 300000,
+    //          high: 1200000,
+    //          fullHd: 2500000,
+    //          ultraHd: 5000000,
+    //          ssHigh: 2500000
+    //      },
+    //      scalabilityModeEnabled: true,
+    //      useSimulcast: false,
+    //      useKSVC: true
+    //    },
+    //
+    //    // The options can be used to override default thresholds of video thumbnail heights corresponding to
+    //    // the video quality levels used in the application. At the time of this writing the allowed levels are:
+    //    //     'low' - for the low quality level (180p at the time of this writing)
+    //    //     'standard' - for the medium quality level (360p)
+    //    //     'high' - for the high quality level (720p)
+    //    // The keys should be positive numbers which represent the minimal thumbnail height for the quality level.
+    //    //
+    //    // With the default config value below the application will use 'low' quality until the thumbnails are
+    //    // at least 360 pixels tall. If the thumbnail height reaches 720 pixels then the application will switch to
+    //    // the high quality.
+    //    minHeightForQualityLvl: {
+    //        360: 'standard',
+    //        720: 'high',
+    //    },
+    //
+    //    // Provides a way to set the codec preference on mobile devices, both on RN and mobile browser based endpoint
+    //    mobileCodecPreferenceOrder: [ 'VP8', 'VP9', 'H264', 'AV1' ],
+    // },
+
+    // Notification timeouts
+    // notificationTimeouts: {
+    //     short: 2500,
+    //     medium: 5000,
+    //     long: 10000,
+    //     extraLong: 60000,
+    //     sticky: 0,
+    // },
+
+    // // Options for the recording limit notification.
+    // recordingLimit: {
+    //
+    //    // The recording limit in minutes. Note: This number appears in the notification text
+    //    // but doesn't enforce the actual recording time limit. This should be configured in
+    //    // jibri!
+    //    limit: 60,
+    //
+    //    // The name of the app with unlimited recordings.
+    //    appName: 'Unlimited recordings APP',
+    //
+    //    // The URL of the app with unlimited recordings.
+    //    appURL: 'https://unlimited.recordings.app.com/',
+    // },
+
+    // Disables or enables RTX (RFC 4588) (defaults to false).
+    // disableRtx: false,
+
+    // Moves all Jitsi Meet 'beforeunload' logic (cleanup, leaving, disconnecting, etc) to the 'unload' event.
+    // disableBeforeUnloadHandlers: true,
+
+    // Disables or enables TCC support in this client (default: enabled).
+    // enableTcc: true,
+
+    // Disables or enables REMB support in this client (default: enabled).
+    // enableRemb: true,
+
+    // Enables forced reload of the client when the call is migrated as a result of
+    // the bridge going down.
+    // enableForcedReload: true,
+
+    // Use TURN/UDP servers for the jitsi-videobridge connection (by default
+    // we filter out TURN/UDP because it is usually not needed since the
+    // bridge itself is reachable via UDP)
+    // useTurnUdp: false
+
+    // Enable support for encoded transform in supported browsers. This allows
+    // E2EE to work in Safari if the corresponding flag is enabled in the browser.
+    // Experimental.
+    // enableEncodedTransformSupport: false,
+
+    // UI
+    //
+
+    // Disables responsive tiles.
+    // disableResponsiveTiles: false,
+
+    // DEPRECATED. Please use `securityUi?.hideLobbyButton` instead.
+    // Hides lobby button.
+    // hideLobbyButton: false,
+
+    // DEPRECATED. Please use `lobby?.autoKnock` instead.
+    // If Lobby is enabled starts knocking automatically.
+    // autoKnockLobby: false,
+
+    // DEPRECATED. Please use `lobby?.enableChat` instead.
+    // Enable lobby chat.
+    // enableLobbyChat: true,
+
+    // DEPRECATED! Use `breakoutRooms.hideAddRoomButton` instead.
+    // Hides add breakout room button
+    // hideAddRoomButton: false,
+
+    // Require users to always specify a display name.
+    // requireDisplayName: true,
+
+    // Enables webhid functionality for Audio.
+    // enableWebHIDFeature: false,
+
+    // DEPRECATED! Use 'welcomePage.disabled' instead.
+    // Whether to use a welcome page or not. In case it's false a random room
+    // will be joined when no room is specified.
+    // enableWelcomePage: true,
+
+    // Configs for welcome page.
+    // welcomePage: {
+    //     // Whether to disable welcome page. In case it's disabled a random room
+    //     // will be joined when no room is specified.
+    //     disabled: false,
+    //     // If set, landing page will redirect to this URL.
+    //     customUrl: ''
+    // },
+
+    // Configs for the lobby screen.
+    // lobby: {
+    //     // If Lobby is enabled, it starts knocking automatically. Replaces `autoKnockLobby`.
+    //     autoKnock: false,
+    //     // Enables the lobby chat. Replaces `enableLobbyChat`.
+    //     enableChat: true,
+    //     // Shows the hangup button in the lobby screen.
+    //     showHangUp: true,
+    // },
+
+    // Configs for the security related UI elements.
+    // securityUi: {
+    //     // Hides the lobby button. Replaces `hideLobbyButton`.
+    //     hideLobbyButton: false,
+    //     // Hides the possibility to set and enter a lobby password.
+    //     disableLobbyPassword: false,
+    // },
+
+    // Disable app shortcuts that are registered upon joining a conference
+    // disableShortcuts: false,
+
+    // Disable initial browser getUserMedia requests.
+    // This is useful for scenarios where users might want to start a conference for screensharing only
+    // disableInitialGUM: false,
+
+    // Enabling the close page will ignore the welcome page redirection when
+    // a call is hangup.
+    // enableClosePage: false,
+
+    // Disable hiding of remote thumbnails when in a 1-on-1 conference call.
+    // Setting this to null, will also disable showing the remote videos
+    // when the toolbar is shown on mouse movements
+    // disable1On1Mode: null | false | true,
+
+    // Default local name to be displayed
+    // defaultLocalDisplayName: 'me',
+
+    // Default remote name to be displayed
+    // defaultRemoteDisplayName: 'Fellow Jitster',
+
+    // Hides the display name from the participant thumbnail
+    // hideDisplayName: false,
+
+    // Hides the dominant speaker name badge that hovers above the toolbox
+    // hideDominantSpeakerBadge: false,
+
+    // Default language for the user interface. Cannot be overwritten.
+    // For iframe integrations, use the `lang` option directly instead.
+    // defaultLanguage: 'en',
+
+    // Disables profile and the edit of all fields from the profile settings (display name and email)
+    // disableProfile: false,
+
+    // Hides the email section under profile settings.
+    // hideEmailInSettings: false,
+
+    // When enabled the password used for locking a room is restricted to up to the number of digits specified
+    // default: roomPasswordNumberOfDigits: false,
+    // roomPasswordNumberOfDigits: 10,
+
+    // Message to show the users. Example: 'The service will be down for
+    // maintenance at 01:00 AM GMT,
+    // noticeMessage: '',
+
+    // Enables calendar integration, depends on googleApiApplicationClientID
+    // and microsoftApiApplicationClientID
+    // enableCalendarIntegration: false,
+
+    // Whether to notify when the conference is terminated because it was destroyed.
+    // notifyOnConferenceDestruction: true,
+
+    // The client id for the google APIs used for the calendar integration, youtube livestreaming, etc.
+    // googleApiApplicationClientID: '<client_id>',
+
+    // Configs for prejoin page.
+    // prejoinConfig: {
+    //     // When 'true', it shows an intermediate page before joining, where the user can configure their devices.
+    //     enabled: true,
+    //     // Hides the participant name editing field in the prejoin screen.
+    //     // If requireDisplayName is also set as true, a name should still be provided through
+    //     // either the jwt or the userInfo from the iframe api init object in order for this to have an effect.
+    //     hideDisplayName: false,
+    //     // List of buttons to hide from the extra join options dropdown.
+    //     hideExtraJoinButtons: ['no-audio', 'by-phone'],
+    //     // Configuration for pre-call test
+    //     // By setting preCallTestEnabled, you enable the pre-call test in the prejoin page.
+    //     // ICE server credentials need to be provided over the preCallTestICEUrl
+    //     preCallTestEnabled: false,
+    //     preCallTestICEUrl: '',
+    //     // Shows the hangup button in the lobby screen.
+    //     showHangUp: true,
+    // },
+
+    // When 'true', the user cannot edit the display name.
+    // (Mainly useful when used in conjunction with the JWT so the JWT name becomes read only.)
+    // readOnlyName: false,
+
+    // If etherpad integration is enabled, setting this to true will
+    // automatically open the etherpad when a participant joins.  This
+    // does not affect the mobile app since opening an etherpad
+    // obscures the conference controls -- it's better to let users
+    // choose to open the pad on their own in that case.
+    // openSharedDocumentOnJoin: false,
+
+    // If true, shows the unsafe room name warning label when a room name is
+    // deemed unsafe (due to the simplicity in the name) and a password is not
+    // set or the lobby is not enabled.
+    // enableInsecureRoomNameWarning: false,
+
+    // Array with avatar URL prefixes that need to use CORS.
+    // corsAvatarURLs: [ 'https://www.gravatar.com/avatar/' ],
+
+    // Base URL for a Gravatar-compatible service. Defaults to Gravatar.
+    // DEPRECATED! Use `gravatar.baseUrl` instead.
+    // gravatarBaseURL: 'https://www.gravatar.com/avatar/',
+
+    // Setup for Gravatar-compatible services.
+    // gravatar: {
+    //     // Defaults to Gravatar.
+    //     baseUrl: 'https://www.gravatar.com/avatar/',
+    //     // True if Gravatar should be disabled.
+    //     disabled: false,
+    // },
+
+    // App name to be displayed in the invitation email subject, as an alternative to
+    // interfaceConfig.APP_NAME.
+    // inviteAppName: null,
+
+    // Moved from interfaceConfig(TOOLBAR_BUTTONS).
+    // The name of the toolbar buttons to display in the toolbar, including the
+    // "More actions" menu. If present, the button will display. Exceptions are
+    // "livestreaming" and "recording" which also require being a moderator and
+    // some other values in config.js to be enabled. Also, the "profile" button will
+    // not display for users with a JWT.
+    // Notes:
+    // - it's possible to reorder the buttons in the maintoolbar by changing the order of the mainToolbarButtons
+    // - 'desktop' controls the "Share your screen" button
+    // - if `toolbarButtons` is undefined, we fallback to enabling all buttons on the UI
+    // toolbarButtons: [
+    //    'camera',
+    //    'chat',
+    //    'closedcaptions',
+    //    'desktop',
+    //    'download',
+    //    'embedmeeting',
+    //    'etherpad',
+    //    'feedback',
+    //    'filmstrip',
+    //    'fullscreen',
+    //    'hangup',
+    //    'help',
+    //    'highlight',
+    //    'invite',
+    //    'linktosalesforce',
+    //    'livestreaming',
+    //    'microphone',
+    //    'noisesuppression',
+    //    'participants-pane',
+    //    'profile',
+    //    'raisehand',
+    //    'recording',
+    //    'security',
+    //    'select-background',
+    //    'settings',
+    //    'shareaudio',
+    //    'sharedvideo',
+    //    'shortcuts',
+    //    'stats',
+    //    'tileview',
+    //    'toggle-camera',
+    //    'videoquality',
+    //    'whiteboard',
+    // ],
+
+    // Holds values related to toolbar visibility control.
+    // toolbarConfig: {
+    //     // Moved from interfaceConfig.INITIAL_TOOLBAR_TIMEOUT
+    //     // The initial number of milliseconds for the toolbar buttons to be visible on screen.
+    //     initialTimeout: 20000,
+    //     // Moved from interfaceConfig.TOOLBAR_TIMEOUT
+    //     // Number of milliseconds for the toolbar buttons to be visible on screen.
+    //     timeout: 4000,
+    //     // Moved from interfaceConfig.TOOLBAR_ALWAYS_VISIBLE
+    //     // Whether toolbar should be always visible or should hide after x milliseconds.
+    //     alwaysVisible: false,
+    //     // Indicates whether the toolbar should still autohide when chat is open
+    //     autoHideWhileChatIsOpen: false,
+    //     // Default background color for the main toolbar. Accepts any valid CSS color.
+    //     // backgroundColor: '#ffffff',
+    // },
+
+    // Overrides the buttons displayed in the main toolbar. Depending on the screen size the number of displayed
+    // buttons varies from 2 buttons to 8 buttons. Every array in the mainToolbarButtons array will replace the
+    // corresponding default buttons configuration matched by the number of buttons specified in the array. Arrays with
+    // more than 8 buttons or less then 2 buttons will be ignored. When there there isn't an override for a certain
+    // configuration (for example when 3 buttons are displayed) the default jitsi-meet configuration will be used.
+    // The order of the buttons in the array is preserved.
+    // mainToolbarButtons: [
+    //     [ 'microphone', 'camera', 'desktop', 'chat', 'raisehand', 'reactions', 'participants-pane', 'tileview' ],
+    //     [ 'microphone', 'camera', 'desktop', 'chat', 'raisehand', 'participants-pane', 'tileview' ],
+    //     [ 'microphone', 'camera', 'desktop', 'chat', 'raisehand', 'participants-pane' ],
+    //     [ 'microphone', 'camera', 'desktop', 'chat', 'participants-pane' ],
+    //     [ 'microphone', 'camera', 'chat', 'participants-pane' ],
+    //     [ 'microphone', 'camera', 'chat' ],
+    //     [ 'microphone', 'camera' ]
+    // ],
+
+    // Overrides the buttons displayed in the main toolbar for reduced UI.
+    // When there isn't an override for a certain configuration the default jitsi-meet configuration will be used.
+    // The order of the buttons in the array is preserved.
+    // reducedUImainToolbarButtons: [ 'microphone', 'camera' ],
+
+    // Toolbar buttons which have their click/tap event exposed through the API on
+    // `toolbarButtonClicked`. Passing a string for the button key will
+    // prevent execution of the click/tap routine; passing an object with `key` and
+    // `preventExecution` flag on false will not prevent execution of the click/tap
+    // routine. Below array with mixed mode for passing the buttons.
+    // buttonsWithNotifyClick: [
+    //     'camera',
+    //     {
+    //         key: 'chat',
+    //         preventExecution: false
+    //     },
+    //     {
+    //         key: 'closedcaptions',
+    //         preventExecution: true
+    //     },
+    //     'desktop',
+    //     'download',
+    //     'embedmeeting',
+    //     'end-meeting',
+    //     'etherpad',
+    //     'feedback',
+    //     'filmstrip',
+    //     'fullscreen',
+    //     'hangup',
+    //     'hangup-menu',
+    //     'help',
+    //     {
+    //         key: 'invite',
+    //         preventExecution: false
+    //     },
+    //     'livestreaming',
+    //     'microphone',
+    //     'mute-everyone',
+    //     'mute-video-everyone',
+    //     'noisesuppression',
+    //     'participants-pane',
+    //     'profile',
+    //     {
+    //         key: 'raisehand',
+    //         preventExecution: true
+    //     },
+    //     'recording',
+    //     'security',
+    //     'select-background',
+    //     'settings',
+    //     'shareaudio',
+    //     'sharedvideo',
+    //     'shortcuts',
+    //     'stats',
+    //     'tileview',
+    //     'toggle-camera',
+    //     'videoquality',
+    //     // The add passcode button from the security dialog.
+    //     {
+    //         key: 'add-passcode',
+    //         preventExecution: false
+    //     },
+    //     'whiteboard',
+    // ],
+
+    // Participant context menu buttons which have their click/tap event exposed through the API on
+    // `participantMenuButtonClick`. Passing a string for the button key will
+    // prevent execution of the click/tap routine; passing an object with `key` and
+    // `preventExecution` flag on false will not prevent execution of the click/tap
+    // routine. Below array with mixed mode for passing the buttons.
+    // participantMenuButtonsWithNotifyClick: [
+    //     'allow-video',
+    //     {
+    //         key: 'ask-unmute',
+    //         preventExecution: false
+    //     },
+    //     'conn-status',
+    //     'flip-local-video',
+    //     'grant-moderator',
+    //     {
+    //         key: 'kick',
+    //         preventExecution: true
+    //     },
+    //     {
+    //         key: 'hide-self-view',
+    //         preventExecution: false
+    //     },
+    //     'mute',
+    //     'mute-others',
+    //     'mute-others-video',
+    //     'mute-video',
+    //     'pinToStage',
+    //     'privateMessage',
+    //     {
+    //         key: 'remote-control',
+    //         preventExecution: false
+    //     },
+    //     'send-participant-to-room',
+    //     'verify',
+    // ],
+
+    // List of pre meeting screens buttons to hide. The values must be one or more of the 5 allowed buttons:
+    // 'microphone', 'camera', 'select-background', 'invite', 'settings'
+    // hiddenPremeetingButtons: [],
+
+    // An array with custom option buttons for the participant context menu
+    // type:  Array<{ icon: string; id: string; text: string; }>
+    // customParticipantMenuButtons: [],
+
+    // An array with custom option buttons for the toolbar
+    // type:  Array<{ icon: string; id: string; text: string; backgroundColor?: string; }>
+    // customToolbarButtons: [],
+
+    // Stats
+    //
+
+    // Whether to enable stats collection or not in the TraceablePeerConnection.
+    // This can be useful for debugging purposes (post-processing/analysis of
+    // the webrtc stats) as it is done in the jitsi-meet-torture bandwidth
+    // estimation tests.
+    // gatherStats: false,
+
+    // The interval at which PeerConnection.getStats() is called. Defaults to 10000
+    // pcStatsInterval: 10000,
+
+    // Enables sending participants' display names to stats
+    // enableDisplayNameInStats: false,
+
+    // Enables sending participants' emails (if available) to stats and other analytics
+    // enableEmailInStats: false,
+
+    // faceLandmarks: {
+    //     // Enables sharing your face coordinates. Used for centering faces within a video.
+    //     enableFaceCentering: false,
+
+    //     // Enables detecting face expressions and sharing data with other participants
+    //     enableFaceExpressionsDetection: false,
+
+    //     // Enables displaying face expressions in speaker stats
+    //     enableDisplayFaceExpressions: false,
+
+    //     // Enable rtc stats for face landmarks
+    //     enableRTCStats: false,
+
+    //     // Minimum required face movement percentage threshold for sending new face centering coordinates data.
+    //     faceCenteringThreshold: 10,
+
+    //     // Milliseconds for processing a new image capture in order to detect face coordinates if they exist.
+    //     captureInterval: 1000,
+    // },
+
+    // Controls the percentage of automatic feedback shown to participants.
+    // The default value is 100%. If set to 0, no automatic feedback will be requested
+    // feedbackPercentage: 100,
+
+    // Privacy
+    //
+
+    // If third party requests are disabled, no other server will be contacted.
+    // This means avatars will be locally generated and external stats integration
+    // will not function.
+    // disableThirdPartyRequests: false,
+
+
+    // Peer-To-Peer mode: used (if enabled) when there are just 2 participants.
+    //
+
+    p2p: {
+        // Enables peer to peer mode. When enabled the system will try to
+        // establish a direct connection when there are exactly 2 participants
+        // in the room. If that succeeds the conference will stop sending data
+        // through the JVB and use the peer to peer connection instead. When a
+        // 3rd participant joins the conference will be moved back to the JVB
+        // connection.
+        enabled: true,
+
+        // Sets the ICE transport policy for the p2p connection. At the time
+        // of this writing the list of possible values are 'all' and 'relay',
+        // but that is subject to change in the future. The enum is defined in
+        // the WebRTC standard:
+        // https://www.w3.org/TR/webrtc/#rtcicetransportpolicy-enum.
+        // If not set, the effective value is 'all'.
+        // iceTransportPolicy: 'all',
+
+        // Provides a way to set the codec preference on mobile devices, both on RN and mobile browser based
+        // endpoints.
+        // mobileCodecPreferenceOrder: [ 'H264', 'VP8', 'VP9', 'AV1' ],
+        //
+        // Provides a way to set the codec preference on desktop based endpoints.
+        // codecPreferenceOrder: [ 'AV1', 'VP9', 'VP8', 'H264 ],
+
+        // Provides a way to set the codec for screenshare.
+        // screenshareCodec: 'AV1',
+        // mobileScreenshareCodec: 'VP8',
+
+        // How long we're going to wait, before going back to P2P after the 3rd
+        // participant has left the conference (to filter out page reload).
+        // backToP2PDelay: 5,
+
+        // The STUN servers that will be used in the peer to peer connections
+        stunServers: [
+
+            // { urls: 'stun:jitsi-meet.example.com:3478' },
+            { urls: 'stun:meet-jit-si-turnrelay.jitsi.net:443' },
+        ],
+    },
+
+    analytics: {
+        // True if the analytics should be disabled
+        // disabled: false,
+
+        // Matomo configuration:
+        // matomoEndpoint: 'https://your-matomo-endpoint/',
+        // matomoSiteID: '42',
+
+        // The Amplitude APP Key:
+        // amplitudeAPPKey: '<APP_KEY>',
+
+        // Obfuscates room name sent to analytics (amplitude, rtcstats)
+        // Default value is false.
+        // obfuscateRoomName: false,
+
+        // Configuration for the rtcstats server:
+        // By enabling rtcstats server every time a conference is joined the rtcstats
+        // module connects to the provided rtcstatsEndpoint and sends statistics regarding
+        // PeerConnection states along with getStats metrics polled at the specified
+        // interval.
+        // rtcstatsEnabled: false,
+        // rtcstatsStoreLogs: false,
+
+        // In order to enable rtcstats one needs to provide a endpoint url.
+        // rtcstatsEndpoint: wss://rtcstats-server-pilot.jitsi.net/,
+
+        // The interval at which rtcstats will poll getStats, defaults to 10000ms.
+        // If the value is set to 0 getStats won't be polled and the rtcstats client
+        // will only send data related to RTCPeerConnection events.
+        // rtcstatsPollInterval: 10000,
+
+        // This determines if rtcstats sends the SDP to the rtcstats server or replaces
+        // all SDPs with an empty string instead.
+        // rtcstatsSendSdp: false,
+
+        // Array of script URLs to load as lib-jitsi-meet "analytics handlers".
+        // scriptURLs: [
+        //      "https://example.com/my-custom-analytics.js",
+        // ],
+
+        // By enabling watchRTCEnabled option you would want to use watchRTC feature
+        // This would also require to configure watchRTCConfigParams.
+        // Please remember to keep rtcstatsEnabled disabled for watchRTC to work.
+        // watchRTCEnabled: false,
+    },
+
+    // Logs that should go be passed through the 'log' event if a handler is defined for it
+    // apiLogLevels: ['warn', 'log', 'error', 'info', 'debug'],
+
+    // Information about the jitsi-meet instance we are connecting to, including
+    // the user region as seen by the server.
+    // deploymentInfo: {
+    //     shard: "shard1",
+    //     region: "europe",
+    //     userRegion: "asia",
+    // },
+
+    // Array<string> of disabled sounds.
+    // Possible values:
+    // - 'ASKED_TO_UNMUTE_SOUND'
+    // - 'E2EE_OFF_SOUND'
+    // - 'E2EE_ON_SOUND'
+    // - 'INCOMING_MSG_SOUND'
+    // - 'KNOCKING_PARTICIPANT_SOUND'
+    // - 'LIVE_STREAMING_OFF_SOUND'
+    // - 'LIVE_STREAMING_ON_SOUND'
+    // - 'NO_AUDIO_SIGNAL_SOUND'
+    // - 'NOISY_AUDIO_INPUT_SOUND'
+    // - 'OUTGOING_CALL_EXPIRED_SOUND'
+    // - 'OUTGOING_CALL_REJECTED_SOUND'
+    // - 'OUTGOING_CALL_RINGING_SOUND'
+    // - 'OUTGOING_CALL_START_SOUND'
+    // - 'PARTICIPANT_JOINED_SOUND'
+    // - 'PARTICIPANT_LEFT_SOUND'
+    // - 'RAISE_HAND_SOUND'
+    // - 'REACTION_SOUND'
+    // - 'RECORDING_OFF_SOUND'
+    // - 'RECORDING_ON_SOUND'
+    // - 'TALK_WHILE_MUTED_SOUND'
+    // disabledSounds: [],
+
+    // DEPRECATED! Use `disabledSounds` instead.
+    // Decides whether the start/stop recording audio notifications should play on record.
+    // disableRecordAudioNotification: false,
+
+    // DEPRECATED! Use `disabledSounds` instead.
+    // Disables the sounds that play when other participants join or leave the
+    // conference (if set to true, these sounds will not be played).
+    // disableJoinLeaveSounds: false,
+
+    // DEPRECATED! Use `disabledSounds` instead.
+    // Disables the sounds that play when a chat message is received.
+    // disableIncomingMessageSound: false,
+
+    // Information for the chrome extension banner
+    // chromeExtensionBanner: {
+    //     // The chrome extension to be installed address
+    //     url: 'https://chrome.google.com/webstore/detail/jitsi-meetings/kglhbbefdnlheedjiejgomgmfplipfeb',
+    //     edgeUrl: 'https://microsoftedge.microsoft.com/addons/detail/jitsi-meetings/eeecajlpbgjppibfledfihobcabccihn',
+
+    //     // Extensions info which allows checking if they are installed or not
+    //     chromeExtensionsInfo: [
+    //         {
+    //             id: 'kglhbbefdnlheedjiejgomgmfplipfeb',
+    //             path: 'jitsi-logo-48x48.png',
+    //         },
+    //         // Edge extension info
+    //         {
+    //             id: 'eeecajlpbgjppibfledfihobcabccihn',
+    //             path: 'jitsi-logo-48x48.png',
+    //         },
+    //     ]
+    // },
+
+    // e2ee: {
+    //   labels: {
+    //     description: '',
+    //     label: '',
+    //     tooltip: '',
+    //     warning: '',
+    //   },
+    //   externallyManagedKey: false,
+    //   disabled: false,
+    // },
+
+    // Options related to end-to-end (participant to participant) ping.
+    // e2eping: {
+    //   // Whether ene-to-end pings should be enabled.
+    //   enabled: false,
+    //
+    //   // The number of responses to wait for.
+    //   numRequests: 5,
+    //
+    //   // The max conference size in which e2e pings will be sent.
+    //   maxConferenceSize: 200,
+    //
+    //   // The maximum number of e2e ping messages per second for the whole conference to aim for.
+    //   // This is used to control the pacing of messages in order to reduce the load on the backend.
+    //   maxMessagesPerSecond: 250,
+    // },
+
+    // If set, will attempt to use the provided video input device label when
+    // triggering a screenshare, instead of proceeding through the normal flow
+    // for obtaining a desktop stream.
+    // NOTE: This option is experimental and is currently intended for internal
+    // use only.
+    // _desktopSharingSourceDevice: 'sample-id-or-label',
+
+    // DEPRECATED! Use deeplinking.disabled instead.
+    // If true, any checks to handoff to another application will be prevented
+    // and instead the app will continue to display in the current browser.
+    // disableDeepLinking: false,
+
+    // The deeplinking config.
+    // deeplinking: {
+    //
+    //     // The desktop deeplinking config, disabled by default.
+    //     desktop: {
+    //         appName: 'Jitsi Meet',
+    //         appScheme: 'jitsi-meet,
+    //         download: {
+    //             linux:
+    //               'https://github.com/jitsi/jitsi-meet-electron/releases/latest/download/jitsi-meet-x86_64.AppImage',
+    //             macos: 'https://github.com/jitsi/jitsi-meet-electron/releases/latest/download/jitsi-meet.dmg',
+    //             windows: 'https://github.com/jitsi/jitsi-meet-electron/releases/latest/download/jitsi-meet.exe'
+    //         },
+    //         enabled: false
+    //     },
+    //     // If true, any checks to handoff to another application will be prevented
+    //     // and instead the app will continue to display in the current browser.
+    //     disabled: false,
+
+    //     // whether to hide the logo on the deep linking pages.
+    //     hideLogo: false,
+
+    //     // The ios deeplinking config.
+    //     ios: {
+    //         appName: 'Jitsi Meet',
+    //         // Specify mobile app scheme for opening the app from the mobile browser.
+    //         appScheme: 'org.jitsi.meet',
+    //         // Custom URL for downloading ios mobile app.
+    //         downloadLink: 'https://itunes.apple.com/us/app/jitsi-meet/id1165103905',
+    //     },
+
+    //     // The android deeplinking config.
+    //     android: {
+    //         appName: 'Jitsi Meet',
+    //         // Specify mobile app scheme for opening the app from the mobile browser.
+    //         appScheme: 'org.jitsi.meet',
+    //         // Custom URL for downloading android mobile app.
+    //         downloadLink: 'https://play.google.com/store/apps/details?id=org.jitsi.meet',
+    //         // Android app package name.
+    //         appPackage: 'org.jitsi.meet',
+    //         fDroidUrl: 'https://f-droid.org/en/packages/org.jitsi.meet/',
+    //     }
+    // },
+
+    // // The terms, privacy and help centre URL's.
+    // legalUrls: {
+    //     helpCentre: 'https://web-cdn.jitsi.net/faq/meet-faq.html',
+    //     privacy: 'https://jitsi.org/meet/privacy',
+    //     terms: 'https://jitsi.org/meet/terms'
+    // },
+
+    // A property to disable the right click context menu for localVideo
+    // the menu has option to flip the locally seen video for local presentations
+    // disableLocalVideoFlip: false,
+
+    // A property used to unset the default flip state of the local video.
+    // When it is set to 'true', the local(self) video will not be mirrored anymore.
+    // doNotFlipLocalVideo: false,
+
+    // Mainly privacy related settings
+
+    // Disables all invite functions from the app (share, invite, dial out...etc)
+    // disableInviteFunctions: true,
+
+    // Disables storing the room name to the recents list. When in an iframe this is ignored and
+    // the room is never stored in the recents list.
+    // doNotStoreRoom: true,
+
+    // Deployment specific URLs.
+    // deploymentUrls: {
+    //    // If specified a 'Help' button will be displayed in the overflow menu with a link to the specified URL for
+    //    // user documentation.
+    //    userDocumentationURL: 'https://docs.example.com/video-meetings.html',
+    //    // If specified a 'Download our apps' button will be displayed in the overflow menu with a link
+    //    // to the specified URL for an app download page.
+    //    downloadAppsUrl: 'https://docs.example.com/our-apps.html',
+    // },
+
+    // Options related to the remote participant menu.
+    // remoteVideoMenu: {
+    //     // Whether the remote video context menu to be rendered or not.
+    //     disabled: true,
+    //     // If set to true the 'Switch to visitor' button will be disabled.
+    //     disableDemote: true,
+    //     // If set to true the 'Kick out' button will be disabled.
+    //     disableKick: true,
+    //     // If set to true the 'Grant moderator' button will be disabled.
+    //     disableGrantModerator: true,
+    //     // If set to 'all' the 'Private chat' button will be disabled for all participants.
+    //     // If set to 'allow-moderator-chat' the 'Private chat' button will be available for chats with moderators.
+    //     // If set to 'disable-visitor-chat' the 'Private chat' button will be disabled for visitor-main participant
+    //     // conversations.
+    //     disablePrivateChat: 'all' | 'allow-moderator-chat' | 'disable-visitor-chat',
+    // },
+
+
+    // If set to true all muting operations of remote participants will be disabled.
+    // disableRemoteMute: true,
+
+    /**
+     External API url used to receive branding specific information.
+     If there is no url set or there are missing fields, the defaults are applied.
+     The config file should be in JSON.
+     None of the fields are mandatory and the response must have the shape:
+    {
+        // Whether participant can only send group chat message if `send-groupchat` feature is enabled in jwt.
+        groupChatRequiresPermission: false,
+        // Whether participant can only create polls if `create-polls` feature is enabled in jwt.
+        pollCreationRequiresPermission: false,
+        // The domain url to apply (will replace the domain in the sharing conference link/embed section)
+        inviteDomain: 'example-company.org',
+        // The hex value for the colour used as background
+        backgroundColor: '#fff',
+        // The url for the image used as background
+        backgroundImageUrl: 'https://example.com/background-img.png',
+        // The anchor url used when clicking the logo image
+        logoClickUrl: 'https://example-company.org',
+        // The url used for the image used as logo
+        logoImageUrl: 'https://example.com/logo-img.png',
+        // Endpoint that enables support for salesforce integration with in-meeting resource linking
+        // This is required for:
+        // listing the most recent records - salesforceUrl/records/recents
+        // searching records - salesforceUrl/records?text=${text}
+        // retrieving record details - salesforceUrl/records/${id}?type=${type}
+        // and linking the meeting - salesforceUrl/sessions/${sessionId}/records/${id}
+        // salesforceUrl: 'https://api.example.com/',
+        // Overwrite for pool of background images for avatars
+        avatarBackgrounds: ['url(https://example.com/avatar-background-1.png)', '#FFF'],
+        // The lobby/prejoin screen background
+        premeetingBackground: 'url(https://example.com/premeeting-background.png)',
+        // A list of images that can be used as video backgrounds.
+        // When this field is present, the default images will be replaced with those provided.
+        virtualBackgrounds: ['https://example.com/img.jpg'],
+        // Object containing customized icons that should replace the default ones.
+        // The keys need to be the exact same icon names used in here:
+        // https://github.com/jitsi/jitsi-meet/blob/master/react/features/base/icons/svg/index.ts
+        // To avoid having the icons trimmed or displayed in an unexpected way, please provide svg
+        // files containing svg xml icons in the size that the default icons come in.
+        customIcons: {
+            IconArrowUp: 'https://example.com/arrow-up.svg',
+            IconDownload: 'https://example.com/download.svg',
+            IconRemoteControlStart: 'https://example.com/remote-start.svg',
+        },
+        // Object containing a theme's properties. It also supports partial overwrites of the main theme.
+        // For a list of all possible theme tokens and their current defaults, please check:
+        // https://github.com/jitsi/jitsi-meet/tree/master/resources/custom-theme/custom-theme.json
+        // For a short explanations on each of the tokens, please check:
+        // https://github.com/jitsi/jitsi-meet/blob/master/react/features/base/ui/Tokens.ts
+        // IMPORTANT!: This is work in progress so many of the various tokens are not yet applied in code
+        // or they are partially applied.
+        customTheme: {
+            palette: {
+                ui01: "orange !important",
+                ui02: "maroon",
+                surface02: 'darkgreen',
+                ui03: "violet",
+                ui04: "magenta",
+                ui05: "blueviolet",
+                action01: 'green',
+                action01Hover: 'lightgreen',
+                disabled01: 'beige',
+                success02: 'cadetblue',
+                action02Hover: 'aliceblue',
+            },
+            typography: {
+                labelRegular: {
+                    fontSize: 25,
+                    lineHeight: 30,
+                    fontWeight: 500,
+                }
+            }
+        }
+    }
+    */
+    // dynamicBrandingUrl: '',
+
+    // A list of allowed URL domains for shared video.
+    //
+    // NOTE:
+    // '*' is allowed value and it will allow any URL to be used for shared video. We do not recommend using '*',
+    // use it at your own risk!
+    // sharedVideoAllowedURLDomains: [ ],
+
+    // Options related to the participants pane.
+    // participantsPane: {
+    //     // Enables feature
+    //     enabled: true,
+    //     // Hides the moderator settings tab.
+    //     hideModeratorSettingsTab: false,
+    //     // Hides the more actions button.
+    //     hideMoreActionsButton: false,
+    //     // Hides the mute all button.
+    //     hideMuteAllButton: false,
+    // },
+
+    // Options related to the breakout rooms feature.
+    // breakoutRooms: {
+    //     // Hides the add breakout room button. This replaces `hideAddRoomButton`.
+    //     hideAddRoomButton: false,
+    //     // Hides the auto assign participants button.
+    //     hideAutoAssignButton: false,
+    //     // Hides the join breakout room button.
+    //     hideJoinRoomButton: false,
+    // },
+
+    // When true, virtual background feature will be disabled.
+    // disableVirtualBackground: false,
+
+    // When true the user cannot add more images to be used as virtual background.
+    // Only the default ones from will be available.
+    // disableAddingBackgroundImages: false,
+
+    // Sets the background transparency level. '0' is fully transparent, '1' is opaque.
+    // backgroundAlpha: 1,
+
+    // The URL of the moderated rooms microservice, if available. If it
+    // is present, a link to the service will be rendered on the welcome page,
+    // otherwise the app doesn't render it.
+    // moderatedRoomServiceUrl: 'https://moderated.jitsi-meet.example.com',
+
+    // If true, tile view will not be enabled automatically when the participants count threshold is reached.
+    // disableTileView: true,
+
+    // If true, the tiles will be displayed contained within the available space rather than enlarged to cover it,
+    // with a 16:9 aspect ratio (old behaviour).
+    // disableTileEnlargement: true,
+
+    // Controls the visibility and behavior of the top header conference info labels.
+    // If a label's id is not in any of the 2 arrays, it will not be visible at all on the header.
+    // conferenceInfo: {
+    //     // those labels will not be hidden in tandem with the toolbox.
+    //     alwaysVisible: ['recording', 'raised-hands-count'],
+    //     // those labels will be auto-hidden in tandem with the toolbox buttons.
+    //     autoHide: [
+    //         'subject',
+    //         'conference-timer',
+    //         'participants-count',
+    //         'e2ee',
+    //         'video-quality',
+    //         'insecure-room',
+    //         'highlight-moment',
+    //         'top-panel-toggle',
+    //     ]
+    // },
+
+    // Hides the conference subject
+    // hideConferenceSubject: false,
+
+    // Hides the conference timer.
+    // hideConferenceTimer: false,
+
+    // Hides the recording label
+    // hideRecordingLabel: false,
+
+    // Hides the participants stats
+    // hideParticipantsStats: true,
+
+    // Sets the conference subject
+    // subject: 'Conference Subject',
+
+    // Sets the conference local subject
+    // localSubject: 'Conference Local Subject',
+
+    // This property is related to the use case when jitsi-meet is used via the IFrame API. When the property is true
+    // jitsi-meet will use the local storage of the host page instead of its own. This option is useful if the browser
+    // is not persisting the local storage inside the iframe.
+    // useHostPageLocalStorage: true,
+
+    // Etherpad ("shared document") integration.
+    //
+    // If set, add a "Open shared document" link to the bottom right menu that
+    // will open an etherpad document.
+    // etherpad_base: 'https://your-etherpad-installati.on/p/',
+
+    // To enable information about dial-in access to meetings you need to provide
+    // dialInNumbersUrl and dialInConfCodeUrl.
+    // dialInNumbersUrl returns a json array of numbers that can be used for dial-in.
+    // {"countryCode":"US","tollFree":false,"formattedNumber":"+1 123-456-7890"}
+    // dialInConfCodeUrl is the conference mapper converting a meeting id to a PIN used for dial-in
+    // or the other way around (more info in resources/cloud-api.swagger)
+
+    // You can use external service for authentication that will redirect back passing a jwt token
+    // You can use tokenAuthUrl config to point to a URL of such service.
+    // The URL for the service supports few params which will be filled in by the code.
+    // tokenAuthUrl:
+    //      'https://myservice.com/auth/{room}?code_challenge_method=S256&code_challenge={code_challenge}&state={state}'
+    // Supported parameters in tokenAuthUrl:
+    //      {room} - will be replaced with the room name
+    //      {code_challenge} - (A web only). A oauth 2.0 code challenge that will be sent to the service. See:
+    //          https://datatracker.ietf.org/doc/html/rfc7636. The code verifier will be saved in the sessionStorage
+    //          under key: 'code_verifier'.
+    //      {state} - A json with the current state before redirecting. Keys that are included in the state:
+    //          - room (The current room name as shown in the address bar)
+    //          - roomSafe (the backend safe room name to use (lowercase), that is passed to the backend)
+    //          - tenant (The tenant if any)
+    //          - config.xxx (all config overrides)
+    //          - interfaceConfig.xxx (all interfaceConfig overrides)
+    //          - ios=true (in case ios mobile app is used)
+    //          - android=true (in case android mobile app is used)
+    //          - electron=true (when web is loaded in electron app)
+    // If there is a logout service you can specify its URL with:
+    // tokenLogoutUrl: 'https://myservice.com/logout'
+    // You can enable tokenAuthUrlAutoRedirect which will detect that you have logged in successfully before
+    // and will automatically redirect to the token service to get the token for the meeting.
+    // tokenAuthUrlAutoRedirect: false
+    // An option to respect the context.tenant jwt field compared to the current tenant from the url
+    // tokenRespectTenant: false,
+    // An option to get for user info (name, picture, email) in the token outside the user context.
+    // Can be used with Firebase tokens.
+    // tokenGetUserInfoOutOfContext: false,
+
+    // You can put an array of values to target different entity types in the invite dialog.
+    // Valid values are "phone", "room", "sip", "user", "videosipgw" and "email"
+    // peopleSearchQueryTypes: ["user", "email"],
+    // Directory endpoint which is called for invite dialog autocomplete
+    // peopleSearchUrl: "https://myservice.com/api/people",
+    // Endpoint which is called to send invitation requests
+    // inviteServiceUrl: "https://myservice.com/api/invite",
+
+    // For external entities (e. g. email), the localStorage key holding the token value for directory authentication
+    // peopleSearchTokenLocation: "mytoken",
+
+
+    // Options related to visitors.
+    // visitors: {
+    //     // Starts audio/video when the participant is promoted from visitor.
+    //     enableMediaOnPromote: {
+    //         audio: true,
+    //         video: true
+    //     },
+    //     // Hides the visitor count for visitors.
+    //     // hideVisitorCountForVisitors: false,
+    //     // Whether to show the join meeting dialog when joining as a visitor.
+    //     // showJoinMeetingDialog: true,
+    // },
+    // The default type of desktop sharing sources that will be used in the electron app.
+    // desktopSharingSources: ['screen', 'window'],
+
+    // Disables the echo cancelation for local audio tracks.
+    // disableAEC: true,
+
+    // Disables the auto gain control for local audio tracks.
+    // disableAGC: true,
+
+    // Disables the audio processing (echo cancelation, auto gain control and noise suppression) for local audio tracks.
+    // disableAP: true,
+
+    // Disables the anoise suppression for local audio tracks.
+    // disableNS: true,
+
+    // Replaces the display name with the JID of the participants.
+    // displayJids: true,
+
+    // Enables disables talk while muted detection.
+    // enableTalkWhileMuted: true,
+
+    // Sets the peer connection ICE transport policy to "relay".
+    // forceTurnRelay: true,
+
+    // List of undocumented settings used in jitsi-meet
+    /**
+     _immediateReloadThreshold
+     deploymentInfo
+     dialOutAuthUrl
+     dialOutCodesUrl
+     dialOutRegionUrl
+     disableRemoteControl
+     iAmRecorder
+     iAmSipGateway
+     microsoftApiApplicationClientID
+     */
+
+    /**
+     * This property can be used to alter the generated meeting invite links (in combination with a branding domain
+     * which is retrieved internally by jitsi meet) (e.g. https://meet.jit.si/someMeeting
+     * can become https://brandedDomain/roomAlias)
+     */
+    // brandingRoomAlias: null,
+
+    // List of undocumented settings used in lib-jitsi-meet
+    /**
+     _peerConnStatusOutOfLastNTimeout
+     _peerConnStatusRtcMuteTimeout
+     avgRtpStatsN
+     desktopSharingSources
+     disableLocalStats
+     hiddenDomain
+     hiddenFromRecorderFeatureEnabled
+     ignoreStartMuted
+     websocketKeepAlive
+     websocketKeepAliveUrl
+     */
+
+    /**
+     * Default interval (milliseconds) for triggering mouseMoved iframe API event
+     */
+    mouseMoveCallbackInterval: 1000,
+
+    /**
+        Use this array to configure which notifications will be shown to the user
+        The items correspond to the title or description key of that notification
+        Some of these notifications also depend on some other internal logic to be displayed or not,
+        so adding them here will not ensure they will always be displayed
+
+        A falsy value for this prop will result in having all notifications enabled (e.g null, undefined, false)
+    */
+    // notifications: [
+    //     'connection.CONNFAIL', // shown when the connection fails,
+    //     'dialog.cameraConstraintFailedError', // shown when the camera failed
+    //     'dialog.cameraNotSendingData', // shown when there's no feed from user's camera
+    //     'dialog.kickTitle', // shown when user has been kicked
+    //     'dialog.liveStreaming', // livestreaming notifications (pending, on, off, limits)
+    //     'dialog.lockTitle', // shown when setting conference password fails
+    //     'dialog.maxUsersLimitReached', // shown when maximmum users limit has been reached
+    //     'dialog.micNotSendingData', // shown when user's mic is not sending any audio
+    //     'dialog.passwordNotSupportedTitle', // shown when setting conference password fails due to password format
+    //     'dialog.recording', // recording notifications (pending, on, off, limits)
+    //     'dialog.remoteControlTitle', // remote control notifications (allowed, denied, start, stop, error)
+    //     'dialog.reservationError',
+    //     'dialog.screenSharingFailedTitle', // shown when the screen sharing failed
+    //     'dialog.serviceUnavailable', // shown when server is not reachable
+    //     'dialog.sessTerminated', // shown when there is a failed conference session
+    //     'dialog.sessionRestarted', // show when a client reload is initiated because of bridge migration
+    //     'dialog.tokenAuthFailed', // show when an invalid jwt is used
+    //     'dialog.tokenAuthFailedWithReasons', // show when an invalid jwt is used with the reason behind the error
+    //     'dialog.transcribing', // transcribing notifications (pending, off)
+    //     'dialOut.statusMessage', // shown when dial out status is updated.
+    //     'liveStreaming.busy', // shown when livestreaming service is busy
+    //     'liveStreaming.failedToStart', // shown when livestreaming fails to start
+    //     'liveStreaming.unavailableTitle', // shown when livestreaming service is not reachable
+    //     'lobby.joinRejectedMessage', // shown when while in a lobby, user's request to join is rejected
+    //     'lobby.notificationTitle', // shown when lobby is toggled and when join requests are allowed / denied
+    //     'notify.audioUnmuteBlockedTitle', // shown when mic unmute blocked
+    //     'notify.chatMessages', // shown when receiving chat messages while the chat window is closed
+    //     'notify.connectedOneMember', // show when a participant joined
+    //     'notify.connectedThreePlusMembers', // show when more than 2 participants joined simultaneously
+    //     'notify.connectedTwoMembers', // show when two participants joined simultaneously
+    //     'notify.dataChannelClosed', // shown when the bridge channel has been disconnected
+    //     'notify.hostAskedUnmute', // shown to participant when host asks them to unmute
+    //     'notify.invitedOneMember', // shown when 1 participant has been invited
+    //     'notify.invitedThreePlusMembers', // shown when 3+ participants have been invited
+    //     'notify.invitedTwoMembers', // shown when 2 participants have been invited
+    //     'notify.kickParticipant', // shown when a participant is kicked
+    //     'notify.leftOneMember', // show when a participant left
+    //     'notify.leftThreePlusMembers', // show when more than 2 participants left simultaneously
+    //     'notify.leftTwoMembers', // show when two participants left simultaneously
+    //     'notify.linkToSalesforce', // shown when joining a meeting with salesforce integration
+    //     'notify.localRecordingStarted', // shown when the local recording has been started
+    //     'notify.localRecordingStopped', // shown when the local recording has been stopped
+    //     'notify.moderationInEffectCSTitle', // shown when user attempts to share content during AV moderation
+    //     'notify.moderationInEffectTitle', // shown when user attempts to unmute audio during AV moderation
+    //     'notify.moderationInEffectVideoTitle', // shown when user attempts to enable video during AV moderation
+    //     'notify.moderator', // shown when user gets moderator privilege
+    //     'notify.mutedRemotelyTitle', // shown when user is muted by a remote party
+    //     'notify.mutedTitle', // shown when user has been muted upon joining,
+    //     'notify.newDeviceAudioTitle', // prompts the user to use a newly detected audio device
+    //     'notify.newDeviceCameraTitle', // prompts the user to use a newly detected camera
+    //     'notify.noiseSuppressionFailedTitle', // shown when failed to start noise suppression
+    //     'notify.participantWantsToJoin', // shown when lobby is enabled and participant requests to join meeting
+    //     'notify.participantsWantToJoin', // shown when lobby is enabled and participants request to join meeting
+    //     'notify.passwordRemovedRemotely', // shown when a password has been removed remotely
+    //     'notify.passwordSetRemotely', // shown when a password has been set remotely
+    //     'notify.raisedHand', // shown when a participant used raise hand,
+    //     'notify.screenShareNoAudio', // shown when the audio could not be shared for the selected screen
+    //     'notify.screenSharingAudioOnlyTitle', // shown when the best performance has been affected by screen sharing
+    //     'notify.selfViewTitle', // show "You can always un-hide the self-view from settings"
+    //     'notify.startSilentTitle', // shown when user joined with no audio
+    //     'notify.suboptimalExperienceTitle', // show the browser warning
+    //     'notify.unmute', // shown to moderator when user raises hand during AV moderation
+    //     'notify.videoMutedRemotelyTitle', // shown when user's video is muted by a remote party,
+    //     'notify.videoUnmuteBlockedTitle', // shown when camera unmute and desktop sharing are blocked
+    //     'prejoin.errorDialOut',
+    //     'prejoin.errorDialOutDisconnected',
+    //     'prejoin.errorDialOutFailed',
+    //     'prejoin.errorDialOutStatus',
+    //     'prejoin.errorStatusCode',
+    //     'prejoin.errorValidation',
+    //     'recording.busy', // shown when recording service is busy
+    //     'recording.failedToStart', // shown when recording fails to start
+    //     'recording.unavailableTitle', // shown when recording service is not reachable
+    //     'toolbar.noAudioSignalTitle', // shown when a broken mic is detected
+    //     'toolbar.noisyAudioInputTitle', // shown when noise is detected for the current microphone
+    //     'toolbar.talkWhileMutedPopup', // shown when user tries to speak while muted
+    //     'transcribing.failed', // shown when transcribing fails
+    // ],
+
+    // List of notifications to be disabled. Works in tandem with the above setting.
+    // disabledNotifications: [],
+
+    // Prevent the filmstrip from autohiding when screen width is under a certain threshold
+    // disableFilmstripAutohiding: false,
+
+    // filmstrip: {
+    //     // Disable the vertical/horizontal filmstrip.
+    //     disabled: false,
+    //     // Disables user resizable filmstrip. Also, allows configuration of the filmstrip
+    //     // (width, tiles aspect ratios) through the interfaceConfig options.
+    //     disableResizable: false,
+
+    //     // Disables the stage filmstrip
+    //     // (displaying multiple participants on stage besides the vertical filmstrip)
+    //     disableStageFilmstrip: false,
+
+    //     // Default number of participants that can be displayed on stage.
+    //     // The user can change this in settings. Number must be between 1 and 6.
+    //     stageFilmstripParticipants: 1,
+
+    //     // Disables the top panel (only shown when a user is sharing their screen).
+    //     disableTopPanel: false,
+
+    //     // The minimum number of participants that must be in the call for
+    //     // the top panel layout to be used.
+    //     minParticipantCountForTopPanel: 50,
+
+    //     // The width of the filmstrip on joining meeting. Can be resized afterwards.
+    //     initialWidth: 400,
+
+    //     // Whether the draggable resize bar of the filmstrip is always visible. Setting this to true will make
+    //     // the filmstrip always visible in case `disableResizable` is false.
+    //     alwaysShowResizeBar: true,
+    // },
+
+    // Tile view related config options.
+    // tileView: {
+    //     // Whether tileview should be disabled.
+    //     disabled: false,
+    //     // The optimal number of tiles that are going to be shown in tile view. Depending on the screen size it may
+    //     // not be possible to show the exact number of participants specified here.
+    //     numberOfVisibleTiles: 25,
+    // },
+
+    // Specifies whether the chat emoticons are disabled or not
+    // disableChatSmileys: false,
+
+    // Settings for the GIPHY integration.
+    // giphy: {
+    //     // Whether the feature is enabled or not.
+    //     enabled: false,
+    //     // SDK API Key from Giphy.
+    //     sdkKey: '',
+    //     // Display mode can be one of:
+    //     // - tile: show the GIF on the tile of the participant that sent it.
+    //     // - chat: show the GIF as a message in chat
+    //     // - all: all of the above. This is the default option
+    //     displayMode: 'all',
+    //     // How long the GIF should be displayed on the tile (in milliseconds).
+    //     tileTime: 5000,
+    //     // Limit results by rating: g, pg, pg-13, r. Default value: g.
+    //     rating: 'pg',
+    // },
+
+    // Logging
+    // logging: {
+    //      // Default log level for the app and lib-jitsi-meet.
+    //      defaultLogLevel: 'trace',
+    //      // Option to disable LogCollector.
+    //      //disableLogCollector: true,
+    //      // Individual loggers are customizable.
+    //      loggers: {
+    //          // The following are too verbose in their logging with the default level.
+    //          'modules/RTC/TraceablePeerConnection.js': 'info',
+    //          'modules/xmpp/strophe.util.js': 'log',
+    //      },
+    // },
+
+    // Application logo url
+    // defaultLogoUrl: 'images/watermark.svg',
+
+    // Settings for the Excalidraw whiteboard integration.
+    // whiteboard: {
+    //     // Whether the feature is enabled or not.
+    //     enabled: true,
+    //     // The server used to support whiteboard collaboration.
+    //     // https://github.com/jitsi/excalidraw-backend
+    //     collabServerBaseUrl: 'https://excalidraw-backend.example.com',
+    //     // The user access limit to the whiteboard, introduced as a means
+    //     // to control the performance.
+    //     userLimit: 25,
+    //     // The url for more info about the whiteboard and its usage limitations.
+    //     limitUrl: 'https://example.com/blog/whiteboard-limits',
+    // },
+
+    // The watchRTC initialize config params as described :
+    // https://testrtc.com/docs/installing-the-watchrtc-javascript-sdk/#h-set-up-the-sdk
+    // https://www.npmjs.com/package/@testrtc/watchrtc-sdk
+    // watchRTCConfigParams: {
+    //         /** Watchrtc api key */
+    //         rtcApiKey: string;
+    //         /** Identifier for the session */
+    //         rtcRoomId?: string;
+    //         /** Identifier for the current peer */
+    //         rtcPeerId?: string;
+    //         /**
+    //          * ["tag1", "tag2", "tag3"]
+    //          * @deprecated use 'keys' instead
+    //          */
+    //         rtcTags?: string[];
+    //         /** { "key1": "value1", "key2": "value2"} */
+    //         keys?: any;
+    //         /** Enables additional logging */
+    //         debug?: boolean;
+    //         rtcToken?: string;
+    //         /**
+    //          * @deprecated No longer needed. Use "proxyUrl" instead.
+    //          */
+    //         wsUrl?: string;
+    //         proxyUrl?: string;
+    //         console?: {
+    //             level: string;
+    //             override: boolean;
+    //         };
+    //         allowBrowserLogCollection?: boolean;
+    //         collectionInterval?: number;
+    //         logGetStats?: boolean;
+    // },
+
+    // Hide login button on auth dialog, you may want to enable this if you are using JWT tokens to authenticate users
+    // hideLoginButton: true,
+
+    // If true remove the tint foreground on focused user camera in filmstrip
+    // disableCameraTintForeground: false,
+
+    // File sharign service.
+    // fileSharing: {
+    //     // The URL of the file sharing service API. See resources/file-sharing.yaml for more details.
+    //     apiUrl: 'https://example.com',
+    //     // Whether the file sharing service is enabled or not.
+    //     enabled: true,
+    //     // Maximum file size limit (-1 value disables any file size limit check)
+    //     maxFileSize: 50,
+    // },
+};
+
+// Set the default values for JaaS customers
+if (enableJaaS) {
+    config.dialInNumbersUrl = 'https://conference-mapper.jitsi.net/v1/access/dids';
+    config.dialInConfCodeUrl = 'https://conference-mapper.jitsi.net/v1/access';
+    config.roomPasswordNumberOfDigits = 10; // skip re-adding it (do not remove comment)
+}
diff --git a/css/404.scss b/css/404.scss
new file mode 100644
index 0000000..9c2a956
--- /dev/null
+++ b/css/404.scss
@@ -0,0 +1,15 @@
+.error_page {
+    width: 60%;
+    margin: 20% auto;
+    text-align: center;
+
+    h2 {
+        font-size: 3rem;
+        color : #f2f2f2;
+    }
+
+    &__message {
+        font-size: 1.5rem;
+        margin-top: 20px;
+    }
+}
diff --git a/css/_base.scss b/css/_base.scss
new file mode 100644
index 0000000..ea5a83d
--- /dev/null
+++ b/css/_base.scss
@@ -0,0 +1,190 @@
+/**
+ * Safari will limit input in input elements to one character when user-select
+ * none is applied. Other browsers already support selecting within inputs while
+ * user-select is none. As such, disallow user-select except on inputs.
+ */
+* {
+    -webkit-user-select: none;
+    user-select: none;
+
+    // Firefox only
+    scrollbar-width: thin;
+    scrollbar-color: rgba(0, 0, 0, .5) transparent;
+}
+
+input,
+textarea {
+    -webkit-user-select: text;
+    user-select: text;
+}
+
+html {
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
+}
+
+body {
+    margin: 0px;
+    width: 100%;
+    height: 100%;
+    font-size: 0.75rem;
+    font-weight: 400;
+    overflow: hidden;
+    color: #F1F1F1;
+    background: #040404; // should match DEFAULT_BACKGROUND from interface_config
+}
+
+/**
+ * This will hide the focus indicator if an element receives focus via the mouse,
+ * but it will still show up on keyboard focus, thus preserving accessibility.
+ */
+.js-focus-visible :focus:not(.focus-visible) {
+  outline: none;
+}
+
+.jitsi-icon {
+    &-default svg {
+        fill: white;
+    }
+}
+
+.disabled .jitsi-icon svg {
+    fill: #929292;
+}
+
+.jitsi-icon.gray svg {
+    fill: #5E6D7A;
+    cursor: pointer;
+}
+
+p {
+    margin: 0;
+}
+
+body, input, textarea, keygen, select, button {
+    font-family: $baseFontFamily !important;
+}
+
+button, input, select, textarea {
+    margin: 0;
+    vertical-align: baseline;
+    font-size: 1em;
+}
+
+button, select, input[type="button"],
+input[type="reset"], input[type="submit"] {
+    cursor: pointer;
+}
+
+textarea {
+    word-wrap: break-word;
+    resize: none;
+    line-height: 1.5em;
+}
+
+input[type='text'], input[type='password'], textarea {
+    outline: none; /* removes the default outline */
+    resize: none; /* prevents the user-resizing, adjust to taste */
+}
+
+button {
+    color: #FFF;
+    background-color: #44A5FF;
+    border-radius: $borderRadius;
+
+    &.no-icon {
+        padding: 0 1em;
+    }
+}
+
+button,
+form {
+    display: block;
+}
+
+.watermark {
+    display: block;
+    position: absolute;
+    top: 15;
+    width: $watermarkWidth;
+    height: $watermarkHeight;
+    background-size: contain;
+    background-repeat: no-repeat;
+    z-index: $watermarkZ;
+}
+
+.leftwatermark {
+    max-width: 140px;
+    max-height:70px;
+    left: 32px;
+    top: 32px;
+    background-position: center left;
+    background-repeat: no-repeat;
+    background-size: contain;
+
+    &.no-margin {
+        left:0;
+        top:0;
+    }
+}
+
+.rightwatermark {
+    right: 32px;
+    top: 32px;
+    background-position: center right;
+}
+
+.poweredby {
+    position: absolute;
+    left: 25;
+    bottom: 7;
+    font-size: 0.875rem;
+    color: rgba(255,255,255,.50);
+    text-decoration: none;
+    z-index: $watermarkZ;
+}
+
+/**
+ * Re-style default OS scrollbar.
+ */
+::-webkit-scrollbar {
+    background: transparent;
+    width: 7px;
+    height: $scrollHeight;
+}
+
+::-webkit-scrollbar-button {
+    display: none;
+}
+
+::-webkit-scrollbar-track {
+    background: transparent;
+}
+
+::-webkit-scrollbar-track-piece {
+    background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+    background: #3D3D3D;
+    border-radius: 4px;
+}
+
+/* Necessary for the new icons to work properly. */
+.jitsi-icon svg path {
+    fill: inherit !important;
+}
+
+.sr-only {
+    border: 0 !important;
+    clip: rect(1px, 1px, 1px, 1px) !important;
+    clip-path: inset(50%) !important;
+    height: 1px !important;
+    margin: -1px !important;
+    overflow: hidden !important;
+    padding: 0 !important;
+    position: absolute !important;
+    width: 1px !important;
+    white-space: nowrap !important;
+}
diff --git a/css/_chat.scss b/css/_chat.scss
new file mode 100644
index 0000000..b59db4b
--- /dev/null
+++ b/css/_chat.scss
@@ -0,0 +1,220 @@
+@use './variables';
+
+#chat-conversation-container {
+    // extract message input height
+    box-sizing: border-box;
+    height: calc(100% - 64px);
+    overflow: hidden;
+    position: relative;
+}
+
+#chatconversation {
+    box-sizing: border-box;
+    flex: 1;
+    font-size: 0.75rem;
+    height: calc(100% - 10px);
+    line-height: 1.25rem;
+    overflow: auto;
+    padding: 16px;
+    text-align: left;
+    word-wrap: break-word;
+
+    display: flex;
+    flex-direction: column;
+
+    &.focus-visible {
+        outline: 0;
+        margin: 4px;
+        border-radius: 0 0 variables.$borderRadius variables.$borderRadius;
+        box-shadow: 0px 0px 0px 2px #4687ed; // focus01/primary07
+    }
+
+    & > :first-child {
+        margin-top: auto;
+    }
+
+    a {
+        display: block;
+    }
+
+    a:link {
+        color: rgb(184, 184, 184);
+    }
+
+    a:visited {
+        color: white;
+    }
+
+    a:hover {
+        color: rgb(213, 213, 213);
+    }
+
+    a:active {
+        color: black;
+    }
+}
+
+.chat-input-container {
+    padding: 0 16px 24px;
+}
+
+#chat-input {
+    display: flex;
+    align-items: flex-end;
+    position: relative;
+}
+
+.chat-input {
+    flex: 1;
+    margin-right: 8px;
+}
+
+#nickname {
+    text-align: center;
+    color: #9d9d9d;
+    font-size: 1rem;
+    margin: auto 0;
+    padding: 0 16px;
+
+    label[for="nickinput"] {
+        > div > span {
+            color: #B8C7E0;
+        }
+    }
+    input {
+        height: 40px;
+    }
+
+    label {
+        line-height: 1.5rem;
+    }
+}
+
+.mobile-browser {
+    #nickname {
+        input {
+            height: 48px;
+        }
+    }
+
+    .chatmessage .usermessage {
+        font-size: 1rem;
+    }
+}
+
+.chatmessage {
+    &.error {
+        border-radius: 0px;
+
+        .timestamp,
+        .display-name {
+            display: none;
+        }
+
+        .usermessage {
+            color: #ffffff;
+            padding: 0;
+        }
+    }
+
+    .messagecontent {
+        max-width: 100%;
+        overflow: hidden;
+    }
+}
+
+#smileys {
+    font-size: 1.625rem;
+    margin: auto;
+    cursor: pointer;
+}
+
+#smileys img {
+    width: 22px;
+    padding: 2px;
+}
+
+.smiley-input {
+    display: flex;
+    position: absolute;
+    top: 0;
+    left: 0;
+}
+
+#smileysContainer .smiley {
+    font-size: 1.625rem;
+}
+
+.smileyContainer {
+    width: 40px;
+    height: 40px;
+    display: inline-block;
+    text-align: center;
+}
+
+.smileyContainer:hover {
+    background-color: rgba(255, 255, 255, 0.15);
+    border-radius: 5px;
+    cursor: pointer;
+}
+
+.chat-message-group {
+    &.local {
+        align-items: flex-end;
+
+        .display-name {
+            display: none;
+        }
+
+        .timestamp {
+            text-align: right;
+        }
+    }
+
+    &.error {
+        .display-name {
+            display: none;
+        }
+    }
+}
+
+.chat-dialog {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    margin-top: -5px; // Margin set by atlaskit.
+
+    &-header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin: 16px;
+        width: calc(100% - 32px);
+        box-sizing: border-box;
+        color: #fff;
+        font-weight: 600;
+        font-size: 1.5rem;
+        line-height: 2rem;
+
+        .jitsi-icon {
+            cursor: pointer;
+        }
+    }
+
+    #chatconversation {
+        width: 100%;
+    }
+}
+
+
+/**
+ * Make header close button more easily tappable on mobile.
+ */
+.mobile-browser .chat-dialog-header .jitsi-icon {
+    display: grid;
+    place-items: center;
+    height: 48px;
+    width: 48px;
+    background: #36383C;
+    border-radius: 3px;
+}
diff --git a/css/_chrome-extension-banner.scss b/css/_chrome-extension-banner.scss
new file mode 100644
index 0000000..f65568f
--- /dev/null
+++ b/css/_chrome-extension-banner.scss
@@ -0,0 +1,93 @@
+.chrome-extension-banner {
+  position: fixed;
+  width: 406px;
+  height: $chromeExtensionBannerHeight;
+  background: #FFF;
+  box-shadow: 0px 2px 48px rgba(0, 0, 0, 0.25);
+  border-radius: 4px;
+  z-index: 1000;
+  float: right;
+  display: flex;
+  flex-direction: column;
+  padding: 20px 20px;
+  top: $chromeExtensionBannerTop;
+  right: $chromeExtensionBannerRight;
+    &__pos_in_meeting {
+      top: $chromeExtensionBannerTopInMeeting;
+      right: $chromeExtensionBannerRightInMeeeting;
+    }
+
+    &__container {
+      display: flex;
+      justify-content: space-between;
+      margin-bottom: 16px;
+    }
+
+    &__button-container {
+      display: flex;
+    }
+
+    &__checkbox-container {
+        display: $chromeExtensionBannerDontShowAgainDisplay;
+        margin-left: 45px;
+        margin-top: 16px;
+    }
+
+    &__checkbox-label {
+        font-size: 0.875rem;
+        line-height: 1.125rem;
+        display: flex;
+        align-items: center;
+        letter-spacing: -0.006em;
+        color: #1C2025;
+    }
+
+    &__icon-container {
+      display: flex;
+      background: url('../images/chromeLogo.svg');
+      background-repeat: no-repeat;
+      width: 27px;
+      height: 27px;
+    }
+
+    &__text-container {
+      font-size: 0.875rem;
+      line-height: 1.125rem;
+      display: flex;
+      align-items: center;
+      letter-spacing: -0.006em;
+      color: #151531;
+      width: 329px;
+    }
+
+    &__close-container {
+      display: flex;
+      width: 12px;
+      height: 12px;
+    }
+
+    &__gray-close-icon {
+      fill: #5E6D7A;
+      width: 12px;
+      height: 12px;
+      cursor: pointer;
+    }
+
+    &__button-open-url {
+      background: #0A57EB;
+      border-radius: 24px;
+      margin-left: 45px;
+      width: 236px;
+      height: 40px;
+      cursor: pointer;
+    }
+
+    &__button-text {
+      font-weight: 600;
+      font-size: 0.875rem;
+      line-height: 2.5rem;
+      text-align: center;
+      letter-spacing: -0.006em;
+      color: #FFFFFF;
+    }
+}
\ No newline at end of file
diff --git a/css/_functions.scss b/css/_functions.scss
new file mode 100644
index 0000000..8075204
--- /dev/null
+++ b/css/_functions.scss
@@ -0,0 +1,6 @@
+/* Functions */
+
+/* Pixels to Ems function */
+@function em($value, $base: 16) {
+    @return #{$value / $base}em;
+}
\ No newline at end of file
diff --git a/css/_inlay.scss b/css/_inlay.scss
new file mode 100644
index 0000000..f6593b0
--- /dev/null
+++ b/css/_inlay.scss
@@ -0,0 +1,30 @@
+.inlay {
+    margin-top: 14%;
+    @include border-radius(4px);
+    padding: 40px 38px 44px;
+    color: #fff;
+    background: lighten(#474747, 20%);
+    text-align: center;
+
+    &__title {
+        margin: 17px 0;
+        padding-bottom: 17px;
+        color: #ffffff;
+        font-size: 1.25rem;
+        letter-spacing: 0.3px;
+        border-bottom: 1px solid lighten(#FFFFFF, 10%);
+    }
+
+    &__text {
+        color: #ffffff;
+        display: block;
+        margin-top: 22px;
+        font-size: 1rem;
+    }
+
+    &__icon {
+        margin: 0 10px;
+        font-size: 3.125rem;
+    }
+
+}
diff --git a/css/_login_menu.scss b/css/_login_menu.scss
new file mode 100644
index 0000000..2326081
--- /dev/null
+++ b/css/_login_menu.scss
@@ -0,0 +1,4 @@
+a.disabled {
+    color: gray !important;
+    pointer-events: none;
+}
diff --git a/css/_meetings_list.scss b/css/_meetings_list.scss
new file mode 100644
index 0000000..9de962e
--- /dev/null
+++ b/css/_meetings_list.scss
@@ -0,0 +1,185 @@
+.meetings-list {
+    font-size: 0.875rem;
+    color: #253858;
+    line-height: 1.25rem;
+    text-align: left;
+    text-overflow: ellipsis;
+    display: flex;
+    flex-direction: column;
+    position: relative;
+    overflow-y: auto;
+    flex-grow: 1;
+
+    .meetings-list-empty {
+        text-align: center;
+        align-items: center;
+        justify-content: center;
+        display: flex;
+        flex-grow: 1;
+        flex-direction: column;
+
+        .description {
+            color: #2f3237;
+            font-size: 0.875rem;
+            line-height: 1.125rem;
+            margin-bottom: 16px;
+            max-width: 436px;
+        }
+    }
+
+    .meetings-list-empty-image {
+        text-align: center;
+        margin: 24px 0 20px 0;
+    }
+
+    .meetings-list-empty-button {
+        align-items: center;
+        color: #0163FF;
+        cursor: pointer;
+        display: flex;
+        font-size: 0.875rem;
+        line-height: 1.125rem;
+        margin: 24px 0 32px 0;
+    }
+
+    .meetings-list-empty-icon {
+        display: inline-block;
+        margin-right: 8px;
+    }
+
+    .button {
+        background: #0074E0;
+        border-radius: 4px;
+        color: #FFFFFF;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        padding: 8px;
+        cursor: pointer;
+    }
+
+    .calendar-action-buttons {
+        .button {
+            margin: 0px 10px;
+        }
+    }
+
+    .item {
+        background: #fff;
+        box-sizing: border-box;
+        border-radius: 4px;
+        display: inline-flex;
+        margin: 4px 4px 0 4px;
+        min-height: 60px;
+        width: calc(100% - 8px);
+        word-break: break-word;
+        display: flex;
+        flex-direction: row;
+        text-align: left;
+
+        &:first-child {
+            margin-top: 0px;
+        }
+
+        .left-column {
+            order: -1;
+            display: flex;
+            flex-direction: column;
+            flex-grow: 0;
+            padding-left: 16px;
+            padding-top: 13px;
+        }
+
+        .right-column {
+            display: flex;
+            flex-direction: column;
+            align-items: flex-start;
+            flex-grow: 1;
+            padding-left: 16px;
+            padding-top: 13px;
+            position: relative;
+        }
+
+        .title {
+            font-size: 0.75rem;
+            font-weight: 600;
+            line-height: 1rem;
+            margin-bottom: 4px;
+        }
+
+        .subtitle {
+            color: #5E6D7A;
+            font-weight: normal;
+            font-size: 0.75rem;
+            line-height: 1rem;
+        }
+
+
+        .actions {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            flex-grow: 0;
+            margin-right: 16px;
+        }
+
+        &.with-click-handler {
+            cursor: pointer;
+        }
+
+        &.with-click-handler:hover,
+        &.with-click-handler:focus {
+            background-color: #c7ddff;
+        }
+
+        .add-button {
+            width: 30px;
+            height: 30px;
+            padding: 0px;
+        }
+
+        i {
+            cursor: inherit;
+        }
+
+        .join-button {
+            display: none;
+        }
+
+        &:hover .join-button {
+            display: block
+        }
+    }
+
+    .delete-meeting {
+        display: none;
+        margin-right: 16px;
+        position: absolute;
+
+        &>svg {
+            fill: #0074e0;
+        }
+    }
+
+    .item:hover,
+    .item:focus,
+    .item:focus-within {
+        .delete-meeting {
+            display: block;
+        }
+
+        .delete-meeting:hover {
+            &>svg {
+                fill: #4687ED;
+            }
+        }
+    }
+
+    @media (max-width: 1024px) {  /* Targets iPads and smaller devices */
+        .item {
+            .delete-meeting {
+                display: block !important;
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/css/_meter.scss b/css/_meter.scss
new file mode 100644
index 0000000..57b4281
--- /dev/null
+++ b/css/_meter.scss
@@ -0,0 +1,30 @@
+.jitsi-icon {
+    &.metr {
+        display: inline-block;
+
+        & > svg {
+            fill: #525252;
+            width: 38px;
+        }
+    }
+
+    &.metr--disabled {
+        & > svg {
+            fill: #525252;
+        }
+    }
+}
+
+.metr-l-0 {
+    rect:first-child {
+        fill: #1EC26A;
+    }
+}
+
+@for $i from 1 through 7 {
+    .metr-l-#{$i} {
+        rect:nth-child(-n+#{$i+1}) {
+            fill: #1EC26A;
+        }
+    }
+}
diff --git a/css/_mini_toolbox.scss b/css/_mini_toolbox.scss
new file mode 100644
index 0000000..14f8737
--- /dev/null
+++ b/css/_mini_toolbox.scss
@@ -0,0 +1,30 @@
+.always-on-top-toolbox {
+    background-color: $newToolbarBackgroundColor;
+    border-radius: 3px;
+    display: flex;
+    z-index: $toolbarZ;
+
+    .toolbox-icon {
+        cursor: pointer;
+        padding: 7px;
+        width: 22px;
+        height : 22px;
+
+        &.toggled {
+            background: none;
+        }
+
+        &.disabled {
+            cursor: initial;
+        }
+    }
+}
+
+.always-on-top-toolbox {
+    flex-direction: row;
+    left: 50%;
+    position: absolute;
+    bottom: 10px;
+    transform: translateX(-50%);
+    padding: 3px !important;
+}
diff --git a/css/_mixins.scss b/css/_mixins.scss
new file mode 100644
index 0000000..673cd54
--- /dev/null
+++ b/css/_mixins.scss
@@ -0,0 +1,209 @@
+/**
+ * Animation mixin.
+ */
+@mixin animation($animate...) {
+    $max: length($animate);
+    $animations: '';
+
+    @for $i from 1 through $max {
+        $animations: #{$animations + nth($animate, $i)};
+
+        @if $i < $max {
+            $animations: #{$animations + ", "};
+        }
+    }
+    -webkit-animation: $animations;
+    -moz-animation:    $animations;
+    -o-animation:      $animations;
+    animation:         $animations;
+}
+
+@mixin flex() {
+    display: -webkit-box;
+    display: -moz-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+}
+
+/**
+ * Keyframes mixin.
+ */
+@mixin keyframes($animationName) {
+    @-webkit-keyframes #{$animationName} {
+        @content;
+    }
+    @-moz-keyframes #{$animationName} {
+        @content;
+    }
+    @-o-keyframes #{$animationName} {
+        @content;
+    }
+    @keyframes #{$animationName} {
+        @content;
+    }
+}
+
+@mixin circle($diameter) {
+    width: $diameter;
+    height: $diameter;
+    border-radius: 50%;
+}
+
+/**
+* Absolute position the element at the top left corner
+**/
+@mixin topLeft() {
+    position: absolute;
+    top: 0;
+    left: 0;
+}
+
+@mixin absoluteAligning() {
+    top: 50%;
+    left: 50%;
+    position: absolute;
+    @include transform(translate(-50%, -50%));
+}
+
+/**
+* Defines the maximum width and height
+**/
+@mixin maxSize($value) {
+    max-width: $value;
+    max-height: $value;
+}
+
+@mixin transform($func) {
+    -moz-transform: $func;
+    -ms-transform: $func;
+    -webkit-transform: $func;
+    -o-transform: $func;
+    transform: $func;
+}
+
+@mixin transition($transition...) {
+    -moz-transition:    $transition;
+    -o-transition:      $transition;
+    -webkit-transition: $transition;
+    transition:         $transition;
+}
+
+/**
+ * Mixin styling a placeholder.
+ **/
+@mixin placeholder() {
+    $selectors: (
+        "::-webkit-input-placeholder",
+        "::-moz-placeholder",
+        ":-moz-placeholder",
+        ":-ms-input-placeholder"
+    );
+
+    @each $selector in $selectors {
+        #{$selector} {
+            @content;
+        }
+    }
+}
+
+/**
+ * Mixin styling a slider track for different browsers.
+ **/
+@mixin slider() {
+    $selectors: (
+        "input[type=range]::-webkit-slider-runnable-track",
+        "input[type=range]::-moz-range-track",
+        "input[type=range]::-ms-track"
+    );
+
+    @each $selector in $selectors {
+        #{$selector} {
+            @content;
+        }
+  }
+}
+
+/**
+ * Mixin styling a slider thumb for different browsers.
+ **/
+@mixin slider-thumb() {
+    $selectors: (
+        "input[type=range]::-webkit-slider-thumb",
+        "input[type=range]::-moz-range-thumb",
+        "input[type=range]::-ms-thumb"
+    );
+
+    @each $selector in $selectors {
+        #{$selector} {
+            @content;
+        }
+    }
+}
+
+@mixin box-shadow($h, $y, $blur, $color, $inset: false) {
+    @if $inset {
+        -webkit-box-shadow: inset $h $y $blur $color;
+        -moz-box-shadow: inset $h $y $blur $color;
+        box-shadow: inset $h $y $blur $color;
+    } @else {
+        -webkit-box-shadow: $h $y $blur $color;
+        -moz-box-shadow: $h $y $blur $color;
+        box-shadow: $h $y $blur $color;
+    }
+}
+
+@mixin no-box-shadow {
+    -webkit-box-shadow: none;
+    -moz-box-shadow: none;
+    box-shadow: none;
+}
+
+@mixin box-sizing($box-model) {
+    -webkit-box-sizing: $box-model; // Safari <= 5
+    -moz-box-sizing: $box-model; // Firefox <= 19
+    box-sizing: $box-model;
+}
+
+@mixin border-radius($radius) {
+    -webkit-border-radius: $radius;
+    border-radius: $radius;
+    /* stops bg color from leaking outside the border: */
+    background-clip: padding-box;
+}
+
+@mixin opacity($opacity) {
+    opacity: $opacity;
+    $opacity-ie: $opacity * 100;
+    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie);
+    filter: alpha(opacity=$opacity-ie); //IE8
+}
+
+@mixin text-truncate {
+    display: block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+/**
+ * Creates a semi-transparent background with the given color and alpha
+ * (opacity) value.
+ */
+@mixin transparentBg($color, $alpha) {
+    background-color: rgba(red($color), green($color), blue($color), $alpha);
+}
+
+/**
+ * Change the direction of the current element to LTR, but do not change the direction
+ * of its children; Keep them RTL.
+ */
+@mixin ltr {
+    body[dir=rtl] & {
+        direction: ltr;
+
+        & > * {
+            direction: rtl;
+        }
+    }
+}
diff --git a/css/_navigate_section_list.scss b/css/_navigate_section_list.scss
new file mode 100644
index 0000000..ba1b454
--- /dev/null
+++ b/css/_navigate_section_list.scss
@@ -0,0 +1,77 @@
+%navigate-section-list-text {
+    width: 100%;
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    color: $welcomePageTitleColor;
+    text-align: left;
+    font-family: 'open_sanslight', Helvetica, sans-serif;
+}
+%navigate-section-list-tile-text {
+    @extend %navigate-section-list-text;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    float: left;
+}
+.navigate-section-list-tile {
+    background-color: #1754A9;
+    border-radius: 4px;
+    box-sizing: border-box;
+    display: inline-flex;
+    margin-bottom: 8px;
+    margin-right: 8px;
+    min-height: 100px;
+    padding: 16px;
+    width: 100%;
+
+    &.with-click-handler {
+        cursor: pointer;
+    }
+
+    &.with-click-handler:hover {
+        background-color: #1a5dbb;
+    }
+
+    i {
+        cursor: inherit;
+    }
+
+    .element-after {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .join-button {
+        display: none;
+    }
+
+    &:hover .join-button {
+        display: block
+    }
+}
+.navigate-section-tile-body {
+    @extend %navigate-section-list-tile-text;
+    font-weight: normal;
+    line-height: 1.5rem;
+}
+.navigate-section-list-tile-info {
+    flex: 1;
+    word-break: break-word;
+}
+.navigate-section-tile-title {
+    @extend %navigate-section-list-tile-text;
+    font-weight: bold;
+    line-height: 1.5rem;
+}
+.navigate-section-section-header {
+    @extend %navigate-section-list-text;
+    font-weight: bold;
+    margin-bottom: 16px;
+    display: block;
+}
+.navigate-section-list {
+    position: relative;
+    margin-top: 36px;
+    margin-bottom: 36px;
+    width: 100%;
+}
diff --git a/css/_participants-pane.scss b/css/_participants-pane.scss
new file mode 100644
index 0000000..4ef4d3b
--- /dev/null
+++ b/css/_participants-pane.scss
@@ -0,0 +1,6 @@
+.jitsi-icon {
+    &-dominant-speaker {
+        background-color: #1EC26A;
+        border-radius: 3px;
+    }
+}
diff --git a/css/_plan-limit.scss b/css/_plan-limit.scss
new file mode 100644
index 0000000..e69de29
diff --git a/css/_policy.scss b/css/_policy.scss
new file mode 100644
index 0000000..a370f46
--- /dev/null
+++ b/css/_policy.scss
@@ -0,0 +1,15 @@
+.policy {
+    &__logo {
+        display: block;
+        width: 200px;
+        height: 50px;
+        margin: 30px auto 0;
+    }
+
+    &__text {
+        text-align: center;
+        font-size: 0.875rem;
+        line-height: 1.25rem;
+        font-weight: 300;
+    }
+}
\ No newline at end of file
diff --git a/css/_popover.scss b/css/_popover.scss
new file mode 100644
index 0000000..c152590
--- /dev/null
+++ b/css/_popover.scss
@@ -0,0 +1,35 @@
+.popover {
+    z-index: 8;
+
+    .popover-content {
+        position: relative;
+    }
+
+    &.hover {
+        margin: -16px -24px;
+
+        .popover-content {
+            margin: 16px 24px;
+
+            &.top {
+                bottom: 8px;
+            }
+
+            &.bottom {
+                top: 4px;
+            }
+
+            &.left {
+                right: 4px;
+            }
+
+            &.right {
+                left: 4px;
+            }
+        }
+    }
+}
+
+.excalidraw .popover {
+    margin: 0;
+}
diff --git a/css/_popup_menu.scss b/css/_popup_menu.scss
new file mode 100644
index 0000000..17d1ca9
--- /dev/null
+++ b/css/_popup_menu.scss
@@ -0,0 +1,19 @@
+/**
+* Initialize
+**/
+
+.popupmenu__contents {
+    .popupmenu__volume-slider {
+            &::-webkit-slider-runnable-track {
+                background-color: #246FE5;
+            }
+
+            &::-moz-range-track {
+                background-color: #246FE5;
+            }
+
+            &::-ms-fill-lower {
+                background-color: #246FE5;
+            }
+        }
+}
diff --git a/css/_promotional-footer.scss b/css/_promotional-footer.scss
new file mode 100644
index 0000000..16aa956
--- /dev/null
+++ b/css/_promotional-footer.scss
@@ -0,0 +1 @@
+/** Insert custom CSS for any additional content in the promotional footer **/
diff --git a/css/_reactions-menu.scss b/css/_reactions-menu.scss
new file mode 100644
index 0000000..3406c25
--- /dev/null
+++ b/css/_reactions-menu.scss
@@ -0,0 +1,214 @@
+@use 'sass:math';
+
+.reactions-menu {
+	width: 330px;
+	background: #242528;
+	box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.6), 0px 0px 4px 1px rgba(0, 0, 0, 0.25);
+	border-radius: 6px;
+	padding: 16px;
+
+	&.with-gif {
+		width: 380px;
+
+		.reactions-row .toolbox-button:last-of-type {
+			top: 3px;
+
+			& .toolbox-icon.toggled {
+				background-color: #000000;
+			}
+		}
+	}
+
+	&.overflow {
+		width: 100%;
+
+		.toolbox-icon {
+			width: 48px;
+			height: 48px;
+
+			span.emoji {
+				width: 48px;
+				height: 48px;
+			}
+		}
+
+		.reactions-row {
+			display: flex;
+			flex-direction: row;
+			justify-content: space-around;
+
+			.toolbox-button {
+				margin-right: 0;
+			}
+
+			.toolbox-button:last-of-type {
+				top: 0;
+			}
+		}
+	}
+
+	.toolbox-icon {
+		width: 40px;
+		height: 40px;
+		border-radius: 6px;
+
+		span.emoji {
+			width: 40px;
+			height: 40px;
+			font-size: 1.375rem;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			transition: font-size ease .1s;
+
+			@for $i from 1 through 12 {
+				&.increase-#{$i}{
+					font-size: calc(1.25rem + #{$i}px);
+				}
+			}
+		}
+	}
+
+	.reactions-row {
+		.toolbox-button {
+			margin-right: 8px;
+			touch-action: manipulation;
+			position: relative;
+		}
+
+		.toolbox-button:last-of-type {
+			margin-right: 0;
+		}
+	}
+
+	.raise-hand-row {
+		margin-top: 16px;
+
+		.toolbox-button {
+			width: 100%;
+		}
+
+		.toolbox-icon {
+			width: 100%;
+			flex-direction: row;
+			align-items: center;
+
+			span.text {
+				font-style: normal;
+				font-weight: 600;
+				font-size: 0.875rem;
+				line-height: 1.5rem;
+				margin-left: 8px;
+			}
+		}
+	}
+}
+
+.reactions-animations-overflow-container {
+	position: absolute;
+	width: 20%;
+	bottom: 0;
+	left: 40%;
+	height: 0;
+}
+
+.reactions-menu-popup-container {
+	display: inline-block;
+	position: relative;
+}
+
+.reactions-animations-container {
+	left: 50%;
+	bottom: 0px;
+	display: inline-block;
+	position: absolute;
+}
+
+$reactionCount: 20;
+
+@function random($min, $max) {
+  @return math.random() * ($max - $min) + $min;
+}
+
+.reaction-emoji {
+	position: absolute;
+	font-size: 1.5rem;
+	line-height: 2rem;
+	width: 32px;
+	height: 32px;
+	top: 0;
+	left: 20px;
+	opacity: 0;
+	z-index: 1;
+
+	&.reaction-0 {
+		animation: flowToRight 5s forwards ease-in-out;
+	}
+
+	@for $i from 1 through $reactionCount {
+	&.reaction-#{$i} {
+		animation: animation-#{$i} 5s forwards ease-in-out;
+		top: #{random(-40, 10)}px;
+		left: #{random(0, 30)}px;
+	}
+}
+}
+
+@keyframes flowToRight {
+	0% {
+		transform: translate(0px, 0px) scale(0.6);
+		opacity: 1;
+	}
+
+	70% {
+		transform: translate(40px, -70dvh) scale(1.5);
+		opacity: 1;
+	}
+
+	75% {
+		transform: translate(40px, -70dvh) scale(1.5);
+		opacity: 1;
+	}
+
+	100% {
+		transform: translate(140px, -50dvh) scale(1);
+		opacity: 0;
+	}
+}
+
+@mixin animation-list {
+	@for $i from 1 through $reactionCount {
+		$topX: random(-100, 100);
+		$topY: random(65, 75);
+		$bottomX: random(150, 200);
+		$bottomY: random(40, 50);
+
+		@if $topX < 0 {
+			$bottomX: -$bottomX;
+		}
+
+		@keyframes animation-#{$i} {
+			0% {
+				transform: translate(0, 0) scale(0.6);
+				opacity: 1;
+			}
+
+			70% {
+				transform: translate(#{$topX}px, -#{$topY}dvh) scale(1.5);
+				opacity: 1;
+			}
+
+			75% {
+				transform: translate(#{$topX}px, -#{$topY}dvh) scale(1.5);
+				opacity: 1;
+			}
+
+			100% {
+				transform: translate(#{$bottomX}px, -#{$bottomY}dvh) scale(1);
+				opacity: 0;
+			}
+		}
+	}
+}
+
+@include animation-list;
diff --git a/css/_recording.scss b/css/_recording.scss
new file mode 100644
index 0000000..681c407
--- /dev/null
+++ b/css/_recording.scss
@@ -0,0 +1,199 @@
+.recording-dialog {
+    flex: 0;
+    flex-direction: column;
+
+    .recording-header {
+        align-items: center;
+        display: flex;
+        flex: 0;
+        flex-direction: row;
+        justify-content: space-between;
+
+        .recording-title {
+            display: inline-flex;
+            align-items: center;
+            font-size: 0.875rem;
+            margin-left: 16px;
+            max-width: 70%;
+
+            &-no-space {
+                margin-left: 0;
+            }
+        }
+
+        &.space-top {
+            margin-top: 10px;
+        }
+    }
+
+    .recording-header-line {
+        border-top: 1px solid #5e6d7a;
+        padding-top: 16px;
+        margin-top: 16px;
+    }
+
+    .local-recording-warning {
+        margin-top: 8px;
+        display: block;
+        font-size: 0.875rem;
+        line-height: 1.25rem;
+        padding: 8px 16px;
+
+        &.text {
+            color: #fff;
+            background-color: #3D3D3D;
+        }
+
+        &.notification {
+            color: #040404;
+            background-color: #F8AE1A;
+        }
+    }
+
+    .recording-icon-container {
+        display: inline-flex;
+        align-items: center;
+    }
+
+    .file-sharing-icon-container {
+        background-color: #525252;
+        border-radius: 4px;
+        height: 40px;
+        justify-content: center;
+        width: 42px;
+    }
+
+    .cloud-content-recording-icon-container {
+        background-color: #FFFFFF;
+        border-radius: 4px;
+        height: 40px;
+        justify-content: center;
+        width: 40px;
+    }
+
+    .jitsi-recording-header {
+        margin-bottom: 16px;
+    }
+
+    .jitsi-content-recording-icon-container-with-switch {
+        background-color: #FFFFFF;
+        border-radius: 4px;
+        height: 40px;
+        width: 40px;
+    }
+
+    .jitsi-content-recording-icon-container-without-switch {
+        background-color: #FFFFFF;
+        border-radius: 4px;
+        height: 40px;
+        width: 46px;
+    }
+
+    .recording-icon {
+        height: 40px;
+        object-fit: contain;
+        width: 40px;
+    }
+
+    .content-recording-icon {
+        height: 18px;
+        margin: 10px 0 0 10px;
+        object-fit: contain;
+        width: 18px;
+    }
+
+    .recording-file-sharing-icon {
+        height: 18px;
+        object-fit: contain;
+        width: 18px;
+    }
+
+    .recording-info{
+        background-color: #FFD740;
+        color: black;
+        display: inline-flex;
+        margin: 32px 0;
+        width: 100%;
+    }
+
+    .recording-info-icon {
+        align-self: center;
+        height: 14px;
+        margin: 0 24px 0 16px;
+        object-fit: contain;
+        width: 14px;
+    }
+
+    .recording-info-title {
+        display: inline-flex;
+        font-size: 0.875rem;
+        width: 290px
+    }
+
+    .recording-switch {
+        margin-left: auto;
+    }
+
+    .authorization-panel {
+        display: flex;
+        flex-direction: column;
+        margin: 0 40px 10px 40px;
+        padding-bottom: 10px;
+
+        .logged-in-panel {
+            padding: 10px;
+        }
+    }
+}
+
+.live-stream-dialog {
+    /**
+     * Set font-size to be consistent with Atlaskit FieldText.
+     */
+    font-size: 0.875rem;
+
+    .broadcast-dropdown {
+        text-align: left;
+    }
+
+    .form-footer {
+        display: flex;
+        margin-top: 5px;
+        text-align: right;
+        flex-direction: column;
+
+        .help-container {
+            display: flex;
+        }
+    }
+
+    .live-stream-cta {
+        a {
+            cursor: pointer;
+        }
+    }
+
+    .google-api {
+        margin-top: 10px;
+        min-height: 36px;
+        text-align: center;
+        width: 100%;
+    }
+
+    .google-error {
+        color: #c61600;
+    }
+
+    .google-panel {
+        align-items: center;
+        border-bottom: 2px solid rgba(0, 0, 0, 0.3);
+        display: flex;
+        flex-direction: column;
+        padding-bottom: 10px;
+    }
+
+    .warning-text {
+        color:#FFD740;
+        font-size: 0.75rem;
+    }
+}
diff --git a/css/_redirect_page.scss b/css/_redirect_page.scss
new file mode 100644
index 0000000..1fbe474
--- /dev/null
+++ b/css/_redirect_page.scss
@@ -0,0 +1,40 @@
+.redirectPageMessage {
+    width: 30%;
+    margin: 20% auto;
+    text-align: center;
+    font-size: 1.5rem;
+
+    .thanks-msg {
+        border-bottom: 1px solid #FFFFFF;
+        padding-left: 30px;
+        padding-right: 30px;
+        p {
+            margin: 30px auto;
+            font-size: 1.5rem;
+            line-height: 1.5rem;
+        }
+    }
+    .hint-msg {
+        p {
+            margin: 26px auto;
+            font-weight: 600;
+            font-size: 1rem;
+            line-height: 1.125rem;
+            .hint-msg__holder{
+                font-weight: 200;
+            }
+        }
+        .happy-software{
+            width: 120px;
+            height: 86px;
+            margin: 0 auto;
+            background: transparent;
+        }
+    }
+    .forbidden-msg {
+        p {
+            font-size: 1rem;
+            margin-top: 15px;
+        }
+    }
+}
diff --git a/css/_reset.scss b/css/_reset.scss
new file mode 100644
index 0000000..ae1fe50
--- /dev/null
+++ b/css/_reset.scss
@@ -0,0 +1,231 @@
+/* Fonts and line heights */
+/**
+ * RESET
+ */
+html,
+body,
+p,
+div,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+img,
+pre,
+form,
+fieldset {
+  margin: 0;
+  padding: 0;
+}
+ul,
+ol,
+dl {
+  margin: 0;
+}
+img,
+fieldset {
+  border: 0;
+}
+@-moz-document url-prefix() {
+  img {
+    font-size: 0;
+  }
+  img:-moz-broken {
+    font-size: inherit;
+  }
+}
+/* https://github.com/necolas/normalize.css */
+/* Customised to remove styles for unsupported browsers */
+details,
+main,
+summary {
+  display: block;
+}
+audio,
+canvas,
+progress,
+video {
+  display: inline-block;
+  transition: object-position 0.5s ease 0s;
+  vertical-align: baseline;
+}
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+[hidden],
+template {
+  display: none;
+}
+input[type="button"],
+input[type="submit"],
+input[type="reset"] {
+  -webkit-appearance: button;
+}
+/**
+ * TYPOGRAPHY - 14px base font size, agnostic font stack
+ */
+body {
+  color: #333;
+  font-family: Arial, sans-serif;
+  font-size: 0.875rem;
+  line-height: 1.42857142857143;
+}
+/* International Font Stacks*/
+[lang|=en] {
+  font-family: Arial, sans-serif;
+}
+[lang|=ja] {
+  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana, Arial, sans-serif;
+}
+/* Default margins */
+p,
+ul,
+ol,
+dl,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+blockquote,
+pre {
+  margin: 10px 0 0 0;
+}
+/* No top margin to interfere with box padding */
+p:first-child,
+ul:first-child,
+ol:first-child,
+dl:first-child,
+h1:first-child,
+h2:first-child,
+h3:first-child,
+h4:first-child,
+h5:first-child,
+h6:first-child,
+blockquote:first-child,
+pre:first-child {
+  margin-top: 0;
+}
+/* Headings: desired line height in px / font size = unitless line height */
+h1 {
+  color: #333;
+  font-size: 2rem;
+  font-weight: normal;
+  line-height: 1.25;
+  text-transform: none;
+  margin: 30px 0 0 0;
+}
+h2 {
+  color: #333;
+  font-size: 1.5rem;
+  font-weight: normal;
+  line-height: 1.25;
+  text-transform: none;
+  margin: 30px 0 0 0;
+}
+h3 {
+  color: #333;
+  font-size: 1.25rem;
+  font-weight: normal;
+  line-height: 1.5;
+  text-transform: none;
+  margin: 30px 0 0 0;
+}
+h4 {
+  font-size: 1rem;
+  font-weight: bold;
+  line-height: 1.25;
+  text-transform: none;
+  margin: 20px 0 0 0;
+}
+h5 {
+  color: #333;
+  font-size: 0.875rem;
+  font-weight: bold;
+  line-height: 1.42857143;
+  text-transform: none;
+  margin: 20px 0 0 0;
+}
+h6 {
+  color: #707070;
+  font-size: 0.75rem;
+  font-weight: bold;
+  line-height: 1.66666667;
+  text-transform: uppercase;
+  margin: 20px 0 0 0;
+}
+h1:first-child,
+h2:first-child,
+h3:first-child,
+h4:first-child,
+h5:first-child,
+h6:first-child {
+  margin-top: 0;
+}
+/* Nice styles for using subheadings */
+h1 + h2,
+h2 + h3,
+h3 + h4,
+h4 + h5,
+h5 + h6 {
+  margin-top: 10px;
+}
+
+
+/* Other typographical elements */
+small {
+  color: #707070;
+  font-size: 0.75rem;
+  line-height: 1.33333333333333;
+}
+code,
+kbd {
+  font-family: monospace;
+}
+var,
+address,
+dfn,
+cite {
+  font-style: italic;
+}
+cite:before {
+  content: "\2014 \2009";
+}
+blockquote {
+  border-left: 1px solid #ccc;
+  color: #707070;
+  margin-left: 19px;
+  padding: 10px 20px;
+}
+blockquote > cite {
+  display: block;
+  margin-top: 10px;
+}
+q {
+  color: #707070;
+}
+q:before {
+  content: open-quote;
+}
+q:after {
+  content: close-quote;
+}
+abbr {
+  border-bottom: 1px #707070 dotted;
+  cursor: help;
+}
+
+a {
+  color: #44A5FF;
+  text-decoration: none;
+  font-weight: bold;
+}
+a:focus,
+a:hover,
+a:active {
+  text-decoration: underline;
+}
diff --git a/css/_responsive.scss b/css/_responsive.scss
new file mode 100644
index 0000000..626af69
--- /dev/null
+++ b/css/_responsive.scss
@@ -0,0 +1,62 @@
+@media only screen and (max-width: $verySmallScreen) {
+    .welcome {
+        display: block;
+
+        #enter_room {
+            .welcome-page-button {
+                font-size: 1rem;
+                left: 0;
+                text-align: center;
+                width: 100%;
+            }
+        }
+
+        .header {
+            background-color: #002637;
+
+            .insecure-room-name-warning {
+                width: 100%;
+            }
+
+            #enter_room {
+                width: 100%;
+
+                .join-meeting-container {
+                    padding: 0;
+                    flex-direction: column;
+                    background: transparent;
+                }
+
+                .enter-room-input-container {
+                    padding-right: 0;
+                    margin-bottom: 10px;
+                }
+            }
+        }
+
+        .header-text-title {
+            text-align: center;
+        }
+
+        .welcome-cards-container {
+            padding: 0;
+        }
+
+        &.without-content {
+            .header {
+            height: 100%;
+            }
+        }
+
+        #moderated-meetings {
+            display: none;
+        }
+
+        .welcome-footer-row-block {
+            display: flex;
+            flex-direction: column;
+            gap:12px;
+            align-items: center;
+        }
+    }
+}
diff --git a/css/_settings-button.scss b/css/_settings-button.scss
new file mode 100644
index 0000000..aa68f8b
--- /dev/null
+++ b/css/_settings-button.scss
@@ -0,0 +1,74 @@
+.settings-button-container {
+    position: relative;
+
+    .toolbox-icon {
+        align-items: center;
+        border-radius: 3px;
+        cursor: pointer;
+        display: flex;
+        justify-content: center;
+
+        &.disabled, .disabled & {
+            cursor: initial;
+            color: #929292;
+            background-color: #36383c;
+
+            &:hover {
+                background-color: #36383c;
+            }
+        }
+    }
+}
+
+.settings-button-small-icon {
+    background: #36383C;
+    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
+    border-radius: 3px;
+    cursor: pointer;
+    padding: 1px;
+    position: absolute;
+    right: -4px;
+    top: -3px;
+
+    &:hover {
+        background: #F2F3F4;
+        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
+
+        & svg {
+            fill: #040404;
+        }
+
+        &.settings-button-small-icon--disabled {
+            background: #36383C;
+
+            & svg {
+                fill: #929292;
+            }
+        }
+    }
+
+    & svg {
+        fill: #fff;
+    }
+
+    &--disabled {
+        background-color: #36383c;
+        cursor: default;
+
+        & svg {
+            fill: #929292;
+        }
+    }
+}
+
+.settings-button-small-icon-container {
+    position: absolute;
+    right: -4px;
+    top: -3px;
+
+    & .settings-button-small-icon {
+        position: relative;
+        top: 0;
+        right: 0;
+    }
+}
diff --git a/css/_subject.scss b/css/_subject.scss
new file mode 100644
index 0000000..5efb9b6
--- /dev/null
+++ b/css/_subject.scss
@@ -0,0 +1,64 @@
+.subject {
+    color: #fff;
+    transition: opacity .6s ease-in-out;
+    z-index: $toolbarZ + 2;
+    margin-top: 20px;
+    opacity: 0;
+
+    &.visible {
+        opacity: 1;
+    }
+
+    &#autoHide.with-always-on {
+        overflow: hidden;
+        animation: hideSubject forwards .6s ease-out;
+
+        & > .subject-info-container {
+            justify-content: flex-start;
+        }
+
+        &.visible {
+            animation: showSubject forwards .6s ease-out;
+        }
+    }
+}
+
+.subject-info-container {
+    display: flex;
+    justify-content: center;
+    margin: 0 auto;
+    height: 28px;
+
+    @media (max-width: 500px) {
+        flex-wrap: wrap;
+    }
+}
+
+.details-container {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    position: absolute;
+    top: 0;
+    height: 48px;
+}
+
+@keyframes hideSubject {
+    0% {
+        max-width: 100%;
+    }
+
+    100% {
+        max-width: 0;
+    }
+}
+
+@keyframes showSubject {
+    0% {
+        max-width: 0%;
+    }
+
+    100% {
+        max-width: 100%;
+    }
+}
diff --git a/css/_toolbars.scss b/css/_toolbars.scss
new file mode 100644
index 0000000..d1327a9
--- /dev/null
+++ b/css/_toolbars.scss
@@ -0,0 +1,204 @@
+/**
+ * Round badge.
+ */
+.badge-round {
+    background-color: #165ECC;
+    border-radius: 50%;
+    box-sizing: border-box;
+    color: #FFFFFF;
+    // Do not inherit the font-family from the toolbar button, because it's an
+    // icon style.
+    font-family: $baseFontFamily;
+    font-size: 0.5rem;
+    font-weight: 700;
+    line-height: 0.75rem;
+    min-width: 13px;
+    overflow: hidden;
+    text-align: center;
+    text-overflow: ellipsis;
+    vertical-align: middle;
+}
+
+/**
+ * TODO: when the old filmstrip has been removed, remove the "new-" prefix.
+ */
+.new-toolbox {
+    bottom: calc((#{$newToolbarSize} * 2) * -1);
+    left: 0;
+    position: absolute;
+    right: 0;
+    transition: bottom .3s ease-in;
+    width: 100%;
+    pointer-events: none;
+    z-index: $toolbarZ + 2;
+
+    &.shift-up {
+        bottom: calc(((#{$newToolbarSize} + 30px) * 2) * -1);
+
+        .toolbox-content {
+            margin-bottom: 46px;
+        }
+    }
+
+    &.visible {
+        bottom: 0;
+    }
+
+    &.no-buttons {
+        display: none;
+    }
+}
+
+.toolbox-content {
+    align-items: center;
+    box-sizing: border-box;
+    display: flex;
+    margin-bottom: 16px;
+    position: relative;
+    z-index: $toolbarZ;
+    pointer-events: none;
+
+    .toolbox-button-wth-dialog {
+        display: inline-block;
+    }
+}
+
+.toolbar-button-with-badge {
+    display: inline-block;
+    position: relative;
+
+    .badge-round {
+        bottom: -5px;
+        font-size: 0.75rem;
+        line-height: 1.25rem;
+        min-width: 20px;
+        pointer-events: none;
+        position: absolute;
+        right: -5px;
+    }
+}
+
+.toolbox-content-wrapper {
+    display: flex;
+    flex-direction: column;
+    margin: 0 auto;
+    max-width: 100%;
+    pointer-events: all;
+    border-radius: 6px;
+
+    .toolbox-content-items {
+        @include ltr;
+    }
+}
+
+.toolbox-content-wrapper::after {
+    content: '';
+    background: $newToolbarBackgroundColor;
+    padding-bottom: env(safe-area-inset-bottom, 0);
+}
+
+.overflow-menu-hr {
+    border-top: 1px solid #4C4D50;
+    border-bottom: 0;
+    margin: 8px 0;
+}
+
+div.hangup-button {
+    background-color: #CB2233;
+
+    @media (hover: hover) and (pointer: fine) {
+        &:hover {
+            background-color: #E04757;
+        }
+
+        &:active {
+            background-color: #A21B29;
+        }
+    }
+
+    svg {
+        fill: #fff;
+    }
+}
+
+div.hangup-menu-button {
+    background-color: #CB2233;
+
+    @media (hover: hover) and (pointer: fine) {
+        &:hover {
+            background-color: #E04757;
+        }
+
+        &:active {
+            background-color: #A21B29;
+        }
+    }
+
+    svg {
+        fill: #fff;
+    }
+}
+
+.profile-button-avatar {
+    align-items: center;
+}
+
+/**
+ * START of fade in animation for main toolbar
+ */
+.fadeIn {
+    opacity: 1;
+
+    @include transition(all .3s ease-in);
+}
+
+.fadeOut {
+    opacity: 0;
+
+    @include transition(all .3s ease-out);
+}
+
+/**
+ * Audio and video buttons do not have toggled state.
+ */
+.audio-preview,
+.video-preview {
+    .toolbox-icon.toggled {
+        background: none;
+
+        &:hover {
+            background: rgba(255, 255, 255, 0.2);
+        }
+    }
+
+}
+
+/**
+ * On small mobile devices make the toolbar full width and pad the invite prompt.
+ */
+.toolbox-content-mobile {
+    @media (max-width: 500px) {
+        margin-bottom: 0;
+
+        .toolbox-content-wrapper {
+            width: 100%;
+        }
+
+        .toolbox-content-items {
+            @include ltr;
+            border-radius: 0;
+            display: flex;
+            justify-content: space-evenly;
+            padding: 8px 0;
+            width: 100%;
+        }
+
+        .invite-more-container {
+            margin: 0 16px 8px;
+        }
+
+        .invite-more-container.elevated {
+            margin-bottom: 52px;
+        }
+    }
+}
diff --git a/css/_utils.scss b/css/_utils.scss
new file mode 100644
index 0000000..ce26463
--- /dev/null
+++ b/css/_utils.scss
@@ -0,0 +1,58 @@
+.flip-x {
+    transform: scaleX(-1);
+}
+
+.hidden {
+    display: none;
+}
+
+/**
+ * Hides an element.
+ */
+.hide {
+    display: none !important;
+}
+
+.invisible {
+    visibility: hidden;
+}
+
+/**
+ * Shows an element.
+ */
+.show {
+    display: block !important;
+}
+
+/**
+ * resets default button styles,
+ * mostly intended to be used on interactive elements that
+ * differ from their default styles (e.g. <a>) or have custom styles
+ */
+.invisible-button {
+    background: none;
+    border: none;
+    color: inherit;
+    cursor: pointer;
+    padding: 0;
+}
+
+
+/**
+ * style an element the same as an <a>
+ * useful on some cases where we visually have a link but it's actually a <button>
+ */
+.as-link {
+    @extend .invisible-button;
+
+    display: inline;
+    color: #44A5FF;
+    text-decoration: none;
+    font-weight: bold;
+
+    &:focus,
+    &:hover,
+    &:active {
+        text-decoration: underline;
+    }
+}
diff --git a/css/_variables.scss b/css/_variables.scss
new file mode 100644
index 0000000..f3f2bc5
--- /dev/null
+++ b/css/_variables.scss
@@ -0,0 +1,161 @@
+/**
+ * Style variables
+ */
+$baseFontFamily: -apple-system, BlinkMacSystemFont, 'open_sanslight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+
+/**
+ * Size variables.
+ */
+
+// Video layout.
+$thumbnailsBorder: 2px;
+
+/**
+ * Toolbar
+ */
+$newToolbarBackgroundColor: #131519;
+$newToolbarSize: 48px;
+$newToolbarSizeMobile: 60px;
+$newToolbarSizeWithPadding: calc(#{$newToolbarSize} + 24px);
+
+/**
+ * Chat
+ */
+$chatBackgroundColor: #131519;
+
+/**
+ * Misc.
+ */
+$borderRadius: 4px;
+$scrollHeight: 7px;
+
+/**
+ * Z-indexes. TODO: Replace this by a function.
+ */
+$zindex0: 0;
+$zindex1: 1;
+$zindex2: 2;
+$zindex3: 3;
+$toolbarZ: 250;
+$watermarkZ: 253;
+
+// Place filmstrip videos over toolbar in order
+// to make connection info visible.
+$filmstripVideosZ: $toolbarZ + 1;
+
+/**
+ * Unsupported browser
+ */
+$primaryUnsupportedBrowserButtonBgColor: #0052CC;
+$unsupportedBrowserButtonBgColor: rgba(9, 30, 66, 0.04);
+$unsupportedBrowserTextColor: #4a4a4a;
+$unsupportedBrowserTextSmallFontSize: 1rem;
+$unsupportedBrowserTitleColor: #fff;
+$unsupportedBrowserTitleFontSize: 1.5rem;
+$unsupportedDesktopBrowserTextColor: rgba(255, 255, 255, 0.7);
+$unsupportedDesktopBrowserTextFontSize: 1.25rem;
+
+/**
+ * The size of the default watermark.
+ */
+$watermarkWidth: 71px;
+$watermarkHeight: 32px;
+
+$welcomePageWatermarkWidth: 71px;
+$welcomePageWatermarkHeight: 32px;
+
+/**
+ * Welcome page variables.
+ */
+$welcomePageDescriptionColor: #fff;
+$welcomePageFontFamily: inherit;
+$welcomePageBackground: none;
+$welcomePageTitleColor: #fff;
+
+$welcomePageHeaderBackground: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('../images/welcome-background.png');
+$welcomePageHeaderBackgroundPosition: center;
+$welcomePageHeaderBackgroundRepeat: none;
+$welcomePageHeaderBackgroundSize: cover;
+$welcomePageHeaderPadding: 1rem;
+$welcomePageHeaderTitleMaxWidth: initial;
+$welcomePageHeaderTextAlign: center;
+$welcomePageButtonBg: #0074E0;
+$welcomePageButtonHoverBg: #4687ED;
+$welcomePageButtonFocusOutline: #00225A;
+
+$welcomePageHeaderContainerMarginTop: 104px;
+$welcomePageHeaderContainerDisplay: flex;
+$welcomePageHeaderContainerMargin: $welcomePageHeaderContainerMarginTop auto 0;
+
+$welcomePageHeaderTextTitleMarginBottom: 0;
+$welcomePageHeaderTextTitleFontSize: 2.625rem;
+$welcomePageHeaderTextTitleFontWeight: normal;
+$welcomePageHeaderTextTitleLineHeight: 3.125rem;
+$welcomePageHeaderTextTitleOpacity: 1;
+
+$welcomePageEnterRoomDisplay: flex;
+$welcomePageEnterRoomWidth: calc(100% - 32px);
+$welcomePageEnterRoomPadding: 4px;
+$welcomePageEnterRoomMargin: 0 auto;
+
+$welcomePageTabContainerDisplay: flex;
+$welcomePageTabContentDisplay: inherit;
+$welcomePageTabButtonsDisplay: flex;
+$welcomePageTabDisplay: block;
+
+/**
+ * Deep-linking page variables.
+ */
+$deepLinkingMobileLogoHeight: 40px;
+
+$deepLinkingMobileHeaderBackground: #f1f2f5;
+
+$deepLinkingMobileLinkColor: inherit;
+$deepLinkingMobileTextFontSize: inherit;
+$deepLinkingMobileTextLineHeight: inherit;
+
+$deepLinkingDialInConferenceIdMargin: 10px 0 10px 0;
+$deepLinkingDialInConferenceIdPadding: inherit;
+$deepLinkingDialInConferenceIdBackgroundColor: inherit;
+$deepLinkingDialInConferenceIdBorderRadius: inherit;
+
+$deepLinkingDialInConferenceDescriptionFontSize: 0.8em;
+$deepLinkingDialInConferenceDescriptionLineHeight: inherit;
+$deepLinkingDialInConferenceDescriptionMarginBottom: none;
+
+$deepLinkingDialInConferencePinFontSize: inherit;
+$deepLinkingDialInConferencePinLineHeight: inherit;
+
+$depLinkingMobileHrefLineHeight: 2.2857142857142856em;
+$deepLinkingMobileHrefFontWeight: bolder;
+$deepLinkingMobileHrefFontSize: inherit;
+
+$deepLinkingMobileButtonHeight: 2.2857142857142856em;
+$deepLinkingMobileButtonLineHeight: 2.2857142857142856em;
+$deepLinkingMobileButtonMargin: 18px auto 10px;
+$deepLinkingMobileButtonWidth: auto;
+$deepLinkingMobileButtonFontWeight: bold;
+$deepLinkingMobileButtonFontSize: inherit;
+
+$primaryDeepLinkingMobileButtonBorderRadius: inherit;
+
+/**
+* Chrome extension banner variables.
+*/
+$chromeExtensionBannerDontShowAgainDisplay: flex;
+$chromeExtensionBannerHeight: 128px;
+$chromeExtensionBannerTop: 80px;
+$chromeExtensionBannerRight: 16px;
+$chromeExtensionBannerTopInMeeting: 10px;
+$chromeExtensionBannerRightInMeeeting: 10px;
+
+/**
+* media type thresholds
+*/
+$verySmallScreen: 500px;
+
+/**
+* Prejoin / premeeting screen
+*/
+
+$prejoinDefaultContentWidth: 336px;
diff --git a/css/_videolayout_default.scss b/css/_videolayout_default.scss
new file mode 100644
index 0000000..1c72cbf
--- /dev/null
+++ b/css/_videolayout_default.scss
@@ -0,0 +1,355 @@
+#videoconference_page {
+    min-height: 100%;
+    position: relative;
+    transform: translate3d(0, 0, 0);
+    width: 100%;
+}
+
+#layout_wrapper {
+    @include ltr;
+    display: flex;
+    height: 100%;
+}
+
+#videospace {
+    display: block;
+    height: 100%;
+    width: 100%;
+    min-height: 100%;
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    right: 0px;
+    overflow: hidden;
+}
+
+#largeVideoBackgroundContainer,
+.large-video-background {
+    height: 100%;
+    left: 0;
+    overflow: hidden;
+    position: absolute;
+    top: 0;
+    width: 100%;
+
+    #largeVideoBackground {
+        min-height: 100%;
+        min-width: 100%;
+    }
+}
+#largeVideoBackgroundContainer {
+    filter: blur(40px);
+}
+
+.videocontainer {
+    position: relative;
+    text-align: center;
+    overflow: 'hidden';
+}
+
+#localVideoWrapper {
+    display:inline-block;
+}
+
+.flipVideoX {
+    transform: scale(-1, 1);
+    -moz-transform: scale(-1, 1);
+    -webkit-transform: scale(-1, 1);
+    -o-transform: scale(-1, 1);
+}
+
+#localVideoWrapper video,
+#localVideoWrapper object {
+    border-radius: $borderRadius !important;
+    cursor: hand;
+    object-fit: cover;
+}
+
+#largeVideo,
+#largeVideoWrapper,
+#largeVideoContainer {
+    overflow: hidden;
+    text-align: center;
+
+    &.transition {
+        transition: width 1s, height 1s, top 1s;
+    }
+}
+
+.animatedFadeIn {
+    opacity: 0;
+    animation: fadeInAnimation 0.3s ease forwards;
+}
+
+@keyframes fadeInAnimation {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
+}
+
+.animatedFadeOut {
+    opacity: 1;
+    animation: fadeOutAnimation 0.3s ease forwards;
+}
+
+@keyframes fadeOutAnimation {
+    from {
+        opacity: 1;
+    }
+
+    to {
+        opacity: 0;
+    }
+}
+
+#largeVideoContainer {
+    height: 100%;
+    width: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    margin: 0 !important;
+}
+
+#largeVideoWrapper {
+    box-shadow: 0 0 20px -2px #444;
+}
+
+#largeVideo,
+#largeVideoWrapper
+{
+    object-fit: cover;
+}
+
+#sharedVideo video {
+    width: 100%;
+    height: 100%;
+}
+
+#sharedVideo.disable-pointer {
+    pointer-events: none;
+}
+
+#sharedVideo,
+#etherpad,
+#localVideoWrapper video,
+#localVideoWrapper object,
+#localVideoWrapper,
+#largeVideoWrapper,
+#largeVideoWrapper>video,
+#largeVideoWrapper>object,
+.videocontainer>video,
+.videocontainer>object {
+    position: absolute;
+    left: 0;
+    top: 0;
+    z-index: $zindex1;
+    width: 100%;
+    height: 100%;
+}
+
+#etherpad {
+    text-align: center;
+}
+
+#etherpad {
+    z-index: $zindex0;
+}
+
+#alwaysOnTop .displayname {
+    font-size: 0.875rem;
+    position: inherit;
+    width: 100%;
+    left: 0px;
+    top: 0px;
+    margin-top: 10px;
+}
+
+/**
+ * Audio indicator on video thumbnails.
+ */
+.videocontainer>span.audioindicator,
+.videocontainer>.audioindicator-container {
+    position: absolute;
+    display: inline-block;
+    left: 6px;
+    top: 50%;
+    margin-top: -17px;
+    width: 6px;
+    height: 35px;
+    z-index: $zindex2;
+    border: none;
+
+    .audiodot-top,
+    .audiodot-bottom,
+    .audiodot-middle {
+        opacity: 0;
+        display: inline-block;
+        @include circle(5px);
+        background: rgba(9, 36, 77, 0.9);
+        margin: 1px 0 1px 0;
+        transition: opacity .25s ease-in-out;
+        -moz-transition: opacity .25s ease-in-out;
+    }
+
+    span.audiodot-top::after,
+    span.audiodot-bottom::after,
+    span.audiodot-middle::after {
+        content: "";
+        display: inline-block;
+        width: 5px;
+        height: 5px;
+        border-radius: 50%;
+        -webkit-filter: blur(0.5px);
+        filter: blur(0.5px);
+        background: #44A5FF;
+    }
+}
+
+#dominantSpeaker {
+    visibility: hidden;
+    width: 300px;
+    height: 300px;
+    margin: auto;
+    position: relative;
+    top: 50%;
+    transform: translateY(-50%);
+}
+
+#dominantSpeakerAvatarContainer,
+.dynamic-shadow {
+    width: 200px;
+    height: 200px;
+}
+
+#dominantSpeakerAvatarContainer {
+    top: 50px;
+    margin: auto;
+    position: relative;
+    overflow: hidden;
+    visibility: inherit;
+}
+
+.dynamic-shadow {
+    border-radius: 50%;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    margin: -100px 0 0 -100px;
+    transition: box-shadow 0.3s ease;
+}
+
+.avatar-container {
+    @include maxSize(60px);
+    @include absoluteAligning();
+    display: flex;
+    justify-content: center;
+    height: 50%;
+    width: auto;
+    overflow: hidden;
+
+    .userAvatar {
+        height: 100%;
+        object-fit: cover;
+        width: 100%;
+        top: 0px;
+        left: 0px;
+        position: absolute;
+    }
+}
+
+#videoNotAvailableScreen {
+    text-align: center;
+    #avatarContainer {
+        border-radius: 50%;
+        display: inline-block;
+        height: 50dvh;
+        margin-top: 25dvh;
+        overflow: hidden;
+        width: 50dvh;
+
+        #avatar {
+            height: 100%;
+            object-fit: cover;
+            width: 100%;
+        }
+    }
+}
+
+.sharedVideoAvatar {
+    position: absolute;
+    left: 0px;
+    top: 0px;
+    height: 100%;
+    width: 100%;
+    object-fit: cover;
+}
+
+#remotePresenceMessage,
+#remoteConnectionMessage {
+    position: absolute;
+    width: auto;
+    z-index: $zindex2;
+    font-weight: 600;
+    font-size: 0.875rem;
+    text-align: center;
+    color: #FFF;
+    left: 50%;
+    transform: translate(-50%, 0);
+}
+#remotePresenceMessage .presence-label,
+#remoteConnectionMessage {
+    opacity: .80;
+    text-shadow:    0px 0px 1px rgba(0,0,0,0.3),
+                    0px 1px 1px rgba(0,0,0,0.3),
+                    1px 0px 1px rgba(0,0,0,0.3),
+                    0px 0px 1px rgba(0,0,0,0.3);
+
+    background: rgba(0,0,0,.5);
+    border-radius: 5px;
+    padding: 5px;
+    padding-left: 10px;
+    padding-right: 10px;
+}
+#remoteConnectionMessage {
+    display: none;
+}
+
+.display-video {
+    .avatar-container {
+        visibility: hidden;
+    }
+
+    video {
+        visibility: visible;
+    }
+}
+
+.display-avatar-only {
+    .avatar-container {
+        visibility: visible;
+    }
+
+    video {
+        visibility: hidden;
+    }
+}
+
+.presence-label {
+    color: #fff;
+    font-size: 0.75rem;
+    font-weight: 100;
+    left: 0;
+    margin: 0 auto;
+    overflow: hidden;
+    pointer-events: none;
+    right: 0;
+    text-align: center;
+    text-overflow: ellipsis;
+    top: calc(50% + 30px);
+    white-space: nowrap;
+    width: 100%;
+}
diff --git a/css/_welcome_page.scss b/css/_welcome_page.scss
new file mode 100644
index 0000000..e6188e0
--- /dev/null
+++ b/css/_welcome_page.scss
@@ -0,0 +1,354 @@
+body.welcome-page {
+    background: inherit;
+    overflow: auto;
+}
+
+.welcome {
+    background-image: $welcomePageBackground;
+    background-color: #fff;
+    display: flex;
+    flex-direction: column;
+    font-family: $welcomePageFontFamily;
+    justify-content: space-between;
+    min-height: 100dvh;
+    position: relative;
+
+    .header {
+        background-image: $welcomePageHeaderBackground;
+        background-position: $welcomePageHeaderBackgroundPosition;
+        background-repeat: $welcomePageHeaderBackgroundRepeat;
+        background-size: $welcomePageHeaderBackgroundSize;
+        padding: $welcomePageHeaderPadding;
+        background-color: #131519;
+        overflow: hidden;
+        position: relative;
+
+        .header-container {
+            display: $welcomePageHeaderContainerDisplay;
+            flex-direction: column;
+            margin: $welcomePageHeaderContainerMargin;
+            z-index: $zindex2;
+            align-items: center;
+            position: relative;
+            max-width: 688px;
+        }
+
+        .header-watermark-container {
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            margin-top: calc(20px - #{$welcomePageHeaderContainerMarginTop});
+        }
+
+        .header-text-title {
+            color: $welcomePageTitleColor;
+            font-size: $welcomePageHeaderTextTitleFontSize;
+            font-weight: $welcomePageHeaderTextTitleFontWeight;
+            line-height: $welcomePageHeaderTextTitleLineHeight;
+            margin-bottom: $welcomePageHeaderTextTitleMarginBottom;
+            max-width: $welcomePageHeaderTitleMaxWidth;
+            opacity: $welcomePageHeaderTextTitleOpacity;
+            text-align: $welcomePageHeaderTextAlign;
+        }
+
+        .header-text-subtitle {
+            color: #fff;
+            font-size: 1.25rem;
+            font-weight: 600;
+            line-height: 1.625rem;
+            margin: 16px 0 32px 0;
+            text-align: $welcomePageHeaderTextAlign;
+
+        }
+
+        .not-allow-title-character-div {
+            color: #f03e3e;
+            background-color: #fff;
+            font-size: 0.75rem;
+            font-weight: 600;
+            margin: 10px 0px 5px 0px;
+            text-align: $welcomePageHeaderTextAlign;
+            border-radius: 5px;
+            padding: 5px;
+            .not-allow-title-character-text {
+                float: right;
+                line-height: 1.9;
+            };
+            .jitsi-icon {
+                margin-right: 9px;
+                float: left;
+
+
+                svg {
+                    fill:#f03e3e;
+
+                    & > *:first-child {
+                        fill: none !important;
+                    }
+                }
+            }
+
+        }
+
+        .insecure-room-name-warning {
+            align-items: center;
+            color: rgb(215, 121, 118);
+            font-weight: 600;
+            display: flex;
+            flex-direction: row;
+            margin-top: 15px;
+            max-width: 480px;
+            width: $welcomePageEnterRoomWidth;
+
+            .jitsi-icon {
+                margin-right: 15px;
+
+                svg {
+                    fill: rgb(215, 121, 118);
+
+                    & > *:first-child {
+                        fill: none !important;
+                    }
+                }
+            }
+        }
+
+        ::placeholder {
+            color: #253858;
+        }
+
+        #enter_room {
+            display: $welcomePageEnterRoomDisplay;
+            align-items: center;
+            max-width: 480px;
+            width: $welcomePageEnterRoomWidth;
+            z-index: $zindex2;
+            height: fit-content;
+
+            .join-meeting-container {
+                margin: $welcomePageEnterRoomMargin;
+                padding: $welcomePageEnterRoomPadding;
+                border-radius: 4px;
+                background-color: #fff;
+                display: flex;
+                width: 100%;
+                text-align: left;
+                color: #253858;
+            }
+
+            .enter-room-input-container {
+                flex-grow: 1;
+                padding-right: 4px;
+
+                .enter-room-input {
+                    border-radius: 4px;
+                    border: 0;
+                    background: #fff;
+                    display: inline-block;
+                    height: 50px;
+                    width: 100%;
+                    font-size: 0.875rem;
+                    padding-left: 10px;
+
+                    &.focus-visible {
+                        outline: auto 2px #005fcc;
+                    }
+                }
+            }
+
+        }
+
+        #moderated-meetings {
+            max-width: calc(100% - 40px);
+            padding: 16px 0 0;
+            width: $welcomePageEnterRoomWidth;
+            text-align: center;
+
+            a {
+                color: inherit;
+                font-weight: 600;
+            }
+        }
+    }
+
+    .tab-container {
+        font-size: 1rem;
+        position: relative;
+        text-align: left;
+        display: $welcomePageTabContainerDisplay;
+        flex-direction: column;
+
+        .tab-content{
+            display: $welcomePageTabContentDisplay;
+            height: 250px;
+            margin: 5px 0px;
+            overflow: hidden;
+            flex-grow: 1;
+            position: relative;
+        }
+
+        .tab-buttons {
+            background-color: #c7ddff;
+            border-radius: 6px;
+            color: #0163FF;
+            font-size: 0.875rem;
+            line-height: 1.125rem;
+            margin: 4px;
+            display: $welcomePageTabButtonsDisplay;
+
+            [role="tab"] {
+                background-color: #c7ddff;
+                border-radius: 7px;
+                cursor: pointer;
+                display: $welcomePageTabDisplay;
+                flex-grow: 1;
+                margin: 2px;
+                padding: 7px 0;
+                text-align: center;
+                color: inherit;
+                border: 0;
+
+                &[aria-selected="true"] {
+                    background-color: #FFF;
+                }
+            }
+
+        }
+    }
+
+    .welcome-page-button {
+        border: 0;
+        font-size: 0.875rem;
+        background: $welcomePageButtonBg;
+        border-radius: 3px;
+        color: #FFFFFF;
+        cursor: pointer;
+        padding: 16px 20px;
+        transition: all 0.2s;
+        &:focus-within {
+            outline: auto 2px $welcomePageButtonFocusOutline;
+        }
+
+        &:hover {
+            background-color: $welcomePageButtonHoverBg;
+        }
+    }
+
+    .welcome-page-settings {
+        background: rgba(255, 255, 255, 0.38);
+        border-radius: 3px;
+        color: $welcomePageDescriptionColor;
+        padding: 4px;
+        position: absolute;
+        top: calc(35px - #{$welcomePageHeaderContainerMarginTop});
+        right: 0;
+        z-index: $zindex2;
+
+        * {
+            cursor: pointer;
+            font-size: 2rem;
+        }
+
+        .toolbox-icon {
+            height: 24px;
+            width: 24px;
+        }
+    }
+
+    .welcome-watermark {
+        position: absolute;
+        width: 100%;
+        height: 100%;
+
+        .watermark.leftwatermark {
+            width: $welcomePageWatermarkWidth;
+            height: $welcomePageWatermarkHeight;
+        }
+    }
+
+    &.without-content {
+        .welcome-card {
+            max-width: 100dvw;
+        }
+    }
+
+    &.without-footer {
+        justify-content: start;
+    }
+
+    .welcome-cards-container {
+        color:#131519;
+        padding-top: 40px;
+    }
+
+    .welcome-card-column {
+        display: flex;
+        justify-content: center;
+        flex-direction: column;
+        align-items: center;
+        max-width: 688px;
+        margin: auto;
+
+        > div {
+            margin-bottom: 16px;
+        }
+    }
+
+    .welcome-card-text {
+        padding: 32px;
+    }
+
+    .welcome-card {
+        width: 100%;
+        border-radius: 8px;
+
+        &--dark {
+            background: #444447;
+            color: #fff;
+        }
+
+        &--blue {
+            background: #D5E5FF;
+        }
+
+        &--grey {
+            background: #F2F3F4;
+        }
+    }
+
+    .welcome-footer {
+        background: #131519;
+        color: #fff;
+        margin-top: 40px;
+        position: relative;
+    }
+
+    .welcome-footer-centered {
+        max-width: 688px;
+        margin: 0 auto;
+    }
+
+    .welcome-footer-padded {
+        padding: 0px 16px;
+    }
+
+    .welcome-footer-row-block {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        border-bottom: 1px solid #424447;
+
+        &:last-child {
+            border-bottom: none;
+        }
+    }
+
+    .welcome-footer--row-1 {
+        padding: 40px 0 24px 0;
+    }
+
+    .welcome-footer-row-1-text {
+        max-width: 200px;
+        text-align: center;
+    }
+}
diff --git a/css/_welcome_page_content.scss b/css/_welcome_page_content.scss
new file mode 100644
index 0000000..985b19a
--- /dev/null
+++ b/css/_welcome_page_content.scss
@@ -0,0 +1 @@
+/** Insert custom CSS for any additional content in the welcome page **/
diff --git a/css/_welcome_page_settings_toolbar.scss b/css/_welcome_page_settings_toolbar.scss
new file mode 100644
index 0000000..c0e8925
--- /dev/null
+++ b/css/_welcome_page_settings_toolbar.scss
@@ -0,0 +1 @@
+/** Insert custom CSS for any additional content in the welcome page settings toolbar **/
diff --git a/css/components/_input-slider.scss b/css/components/_input-slider.scss
new file mode 100644
index 0000000..689f108
--- /dev/null
+++ b/css/components/_input-slider.scss
@@ -0,0 +1,43 @@
+$rangeInputThumbSize: 14;
+
+/**
+ * Disable the default webkit styles for range inputs (sliders).
+ */
+input[type=range]{
+    -webkit-appearance: none;
+    background: none;
+}
+
+/**
+ * Show focus for keyboard accessibility.
+ */
+input[type=range]:focus {
+    outline: 1px solid white !important;
+}
+
+/**
+ * Include the mixin for a range input style.
+ */
+@include slider {
+    background: #474747;
+    border: none;
+    border-radius: 3px;
+    cursor: pointer;
+    height: 6px;
+    width: 100%;
+}
+
+/**
+ * Include the mixin for a range input thumb style.
+ */
+@include slider-thumb {
+    -webkit-appearance: none;
+    background: white;
+    border: 1px solid #3572b0;
+    border-radius: 50%;
+    box-shadow: 0px 0px 1px #3572b0;
+    cursor: pointer;
+    height: 14px;
+    margin-top: -4px;
+    width: 14px;
+}
diff --git a/css/deep-linking/_desktop.scss b/css/deep-linking/_desktop.scss
new file mode 100644
index 0000000..aa3d719
--- /dev/null
+++ b/css/deep-linking/_desktop.scss
@@ -0,0 +1,81 @@
+.deep-linking-desktop {
+    background-color: #fff;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-flow: column;
+    .header {
+        width: 100%;
+        height: 55px;
+        background-color: #f1f2f5;
+        padding-top: 15px;
+        padding-left: 50px;
+        display: flex;
+        flex-flow: row;
+        flex: 0 0 55px;
+        .logo {
+            height: 40px;
+        }
+    }
+    .content {
+        padding-top: 40px;
+        padding-bottom: 40px;
+        left: 0px;
+        right: 0px;
+        display: flex;
+        width: 100%;
+        height: 100%;
+        flex-flow: row;
+        .leftColumn {
+            left: 0px;
+            width: 50%;
+            min-height: 156px;
+            display: flex;
+            flex-flow: column;
+            .leftColumnContent{
+                padding: 20px;
+                display: flex;
+                flex-flow: column;
+                height: 100%;
+                .image {
+                    background-image: url('../images/deep-linking-image.png');
+                    background-repeat: no-repeat;
+                    background-position: center;
+                    background-size: contain;
+                    height: 100%;
+                    width: 100%;
+                }
+            }
+
+        }
+        .rightColumn {
+            top: 0px;
+            width: 50%;
+            min-height: 156px;
+            display: flex;
+            flex-flow: row;
+            align-items: center;
+            .rightColumnContent {
+                display: flex;
+                flex-flow: column;
+                padding: 20px 20px 20px 60px;
+                .title {
+                    color: #1c2946;
+                }
+                .description {
+                    color: #606a80;
+                    margin-top: 8px;
+                }
+                .buttons {
+                    margin-top: 16px;
+                    display: flex;
+                    align-items: center;
+
+                    &>button:first-child {
+                        margin-right: 8px;
+                    }
+                }
+            }
+        }
+    }
+}
diff --git a/css/deep-linking/_main.scss b/css/deep-linking/_main.scss
new file mode 100644
index 0000000..262088e
--- /dev/null
+++ b/css/deep-linking/_main.scss
@@ -0,0 +1,3 @@
+@import 'desktop';
+@import 'mobile';
+@import 'no-mobile-app';
diff --git a/css/deep-linking/_mobile.scss b/css/deep-linking/_mobile.scss
new file mode 100644
index 0000000..52e8e41
--- /dev/null
+++ b/css/deep-linking/_mobile.scss
@@ -0,0 +1,160 @@
+.deep-linking-mobile {
+    background-color: #fff;
+    height: 100dvh;
+    overflow: auto;
+    position: relative;
+    width: 100vw;
+
+    .header {
+        width: 100%;
+        height: 70px;
+        background-color: $deepLinkingMobileHeaderBackground;
+        text-align: center;
+        .logo {
+            margin-top: 15px;
+            margin-left: auto;
+            margin-right: auto;
+            height: $deepLinkingMobileLogoHeight;
+        }
+    }
+
+    a {
+        text-decoration: none;
+        color: $deepLinkingMobileLinkColor;
+    }
+
+    &__body {
+        color: $unsupportedBrowserTextColor;
+        margin: auto;
+        max-width: 40em;
+        padding: 35px 0 40px 0;
+        text-align: center;
+        width: 90%;
+
+        a:active {
+            text-decoration: none;
+        }
+
+        .image {
+            max-width: 80%;
+        }
+    }
+
+    &__text {
+        font-weight: bolder;
+        font-size: $deepLinkingMobileTextFontSize;
+        line-height: $deepLinkingMobileTextLineHeight;
+        padding: 10px 10px 0px 10px;
+    }
+
+    &__text,
+    .deep-linking-dial-in  {
+        font-size: 1em;
+        line-height: em(29px, 21px);
+        margin-bottom: 0.65em;
+
+        &_small {
+            font-size: 1.5em;
+            margin-bottom: 1em;
+            margin-top: em(21, 18);
+
+            strong {
+                font-size: em(21, 18);
+            }
+        }
+
+        table {
+            font-size: 1em;
+        }
+
+
+        .dial-in-conference-id {
+            text-align: center;
+            min-width: 200px;
+            margin-top: 40px;
+        }
+
+        .dial-in-conference-id {
+            margin: $deepLinkingDialInConferenceIdMargin;
+            padding: $deepLinkingDialInConferenceIdPadding;
+            background-color: $deepLinkingDialInConferenceIdBackgroundColor;
+            border-radius: $deepLinkingDialInConferenceIdBorderRadius;
+        }
+
+        .dial-in-conference-description {
+            font-size: $deepLinkingDialInConferenceDescriptionFontSize;
+            line-height: $deepLinkingDialInConferenceDescriptionLineHeight;
+            margin-bottom: $deepLinkingDialInConferenceDescriptionMarginBottom;
+        }
+
+        .toll-free-list {
+            min-width: 80px;
+        }
+
+        .numbers-list {
+            min-width: 150px;
+        }
+
+        li.toll-free:empty:before {
+            content: '.';
+            visibility: hidden;
+        }
+    }
+
+    &__href {
+        height: 2.2857142857142856em;
+        line-height: $depLinkingMobileHrefLineHeight;
+        margin: 18px auto 20px;
+        max-width: 300px;
+        width: auto;
+        font-weight: $deepLinkingMobileHrefFontWeight;
+        font-size: $deepLinkingMobileHrefFontSize;
+    }
+
+    &__button {
+        border: 0;
+        height: $deepLinkingMobileButtonHeight;
+        line-height: $deepLinkingMobileButtonLineHeight;
+        margin: $deepLinkingMobileButtonMargin;
+        padding: 0px 10px 0px 10px;
+        max-width: 300px;
+        width: $deepLinkingMobileButtonWidth;
+        @include border-radius(3px);
+        background-color: $unsupportedBrowserButtonBgColor;
+        color: #505F79;
+        font-weight: $deepLinkingMobileButtonFontWeight;
+        font-size: $deepLinkingMobileButtonFontSize;
+
+        &:active {
+            background-color: $unsupportedBrowserButtonBgColor;
+        }
+
+        &_primary {
+            background-color: $primaryUnsupportedBrowserButtonBgColor;
+            color: #FFFFFF;
+            border-radius: $primaryDeepLinkingMobileButtonBorderRadius;
+            &:active {
+                background-color: $primaryUnsupportedBrowserButtonBgColor;
+            }
+        }
+    }
+
+    .deep-linking-dial-in {
+        display: none;
+
+        &.has-numbers {
+            align-items: center;
+            display: flex;
+            flex-direction: column;
+        }
+
+        .dial-in-numbers-list {
+            color: $unsupportedBrowserTextColor;
+            padding-left: 20px;
+        }
+
+        .dial-in-numbers-body {
+            vertical-align: top;
+        }
+    }
+}
diff --git a/css/deep-linking/_no-mobile-app.scss b/css/deep-linking/_no-mobile-app.scss
new file mode 100644
index 0000000..128ca3c
--- /dev/null
+++ b/css/deep-linking/_no-mobile-app.scss
@@ -0,0 +1,21 @@
+.no-mobile-app {
+    margin: 30% auto 0;
+    max-width: 25em;
+    text-align: center;
+    width: auto;
+
+    &__title {
+        border-bottom: 1px solid lighten(#FFFFFF, 10%);
+        color: $unsupportedBrowserTitleColor;
+        font-weight: 400;
+        letter-spacing: 0.5px;
+        padding-bottom: em(17, 24);
+    }
+
+    &__description {
+        font-size: $unsupportedBrowserTextSmallFontSize;
+        font-weight: 300;
+        letter-spacing: 1px;
+        margin-top: 1em;
+    }
+}
diff --git a/css/filmstrip/_horizontal_filmstrip.scss b/css/filmstrip/_horizontal_filmstrip.scss
new file mode 100644
index 0000000..9e7c1fc
--- /dev/null
+++ b/css/filmstrip/_horizontal_filmstrip.scss
@@ -0,0 +1,89 @@
+%align-right {
+    @include flex();
+    flex-direction: row-reverse;
+    flex-wrap: nowrap;
+    justify-content: flex-start;
+}
+
+.horizontal-filmstrip .filmstrip {
+    padding: 10px 5px;
+    @extend %align-right;
+    z-index: $filmstripVideosZ;
+    box-sizing: border-box;
+    width: 100%;
+    position: fixed;
+
+    /*
+     * Firefox sets flex items to min-height: auto and min-width: auto,
+     * preventing flex children from shrinking like they do on other browsers.
+     * Setting min-height and min-width 0 is a workaround for the issue so
+     * Firefox behaves like other browsers.
+     * https://bugzilla.mozilla.org/show_bug.cgi?id=1043520
+     */
+     @mixin minHWAutoFix() {
+        min-height: 0;
+        min-width: 0;
+    }
+
+    &.reduce-height {
+        bottom: calc(#{$newToolbarSizeWithPadding} + #{$scrollHeight});
+    }
+
+    &__videos {
+        position:relative;
+        padding: 0;
+        /* The filmstrip should not be covered by the left toolbar. */
+        bottom: 0;
+        width:auto;
+
+        &#remoteVideos {
+            border: $thumbnailsBorder solid transparent;
+            transition: bottom 2s;
+            flex-grow: 1;
+            display: flex;
+            flex-direction: row-reverse;
+            @include minHWAutoFix()
+        }
+
+        /**
+         * The local video identifier.
+         */
+        &#filmstripLocalVideo,
+        &#filmstripLocalScreenShare {
+            align-self: flex-end;
+            display: block;
+            margin-bottom: 8px;
+        }
+
+        &.hidden {
+            bottom: calc(-196px - #{$newToolbarSizeWithPadding} + 50px);
+        }
+    }
+
+    .remote-videos {
+        overscroll-behavior: contain;
+
+        & > div {
+            transition: opacity 1s;
+            position: absolute;
+        }
+
+        &.is-not-overflowing > div {
+            right: 2px;
+        }
+    }
+
+    &.hide-videos {
+        .remote-videos  {
+            & > div {
+                opacity: 0;
+                pointer-events: none;
+            }
+        }
+    }
+
+    .videocontainer {
+        margin-bottom: 10px;
+    }
+}
+
diff --git a/css/filmstrip/_small_video.scss b/css/filmstrip/_small_video.scss
new file mode 100644
index 0000000..4671a06
--- /dev/null
+++ b/css/filmstrip/_small_video.scss
@@ -0,0 +1,24 @@
+.filmstrip__videos .videocontainer {
+    display: inline-block;
+    position: relative;
+    background-size: contain;
+    border: 2px solid transparent;
+    border-radius: $borderRadius;
+    margin: 0 2px;
+
+    &:hover {
+        cursor: hand;
+    }
+
+    & > video {
+        cursor: hand;
+        border-radius: $borderRadius;
+        object-fit: cover;
+        overflow: hidden;
+    }
+
+    .presence-label {
+        position: absolute;
+        z-index: $zindex3;
+    }
+}
diff --git a/css/filmstrip/_tile_view.scss b/css/filmstrip/_tile_view.scss
new file mode 100644
index 0000000..d461737
--- /dev/null
+++ b/css/filmstrip/_tile_view.scss
@@ -0,0 +1,93 @@
+/**
+ * CSS styles that are specific to the filmstrip that shows the thumbnail tiles.
+ */
+.tile-view {
+    .remote-videos {
+        align-items: center;
+        box-sizing: border-box;
+        overscroll-behavior: contain;
+    }
+
+    .filmstrip__videos .videocontainer {
+        &:not(.active-speaker),
+        &:hover:not(.active-speaker) {
+            border: none;
+            box-shadow: none;
+        }
+    }
+
+    #remoteVideos {
+        /**
+         * Height is modified with an inline style in horizontal filmstrip mode
+         * so !important is used to override that.
+         */
+        height: 100% !important;
+        width: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        transition: margin-bottom .3s ease-in;
+    }
+
+    .filmstrip {
+        align-items: center;
+        display: flex;
+        height: 100%;
+        justify-content: center;
+        left: 0;
+        position: absolute;
+        top: 0;
+        width: 100%;
+
+        &.collapse {
+            #remoteVideos {
+                height: calc(100% - #{$newToolbarSizeMobile}) !important;
+                margin-bottom: $newToolbarSizeMobile;
+            }
+
+            .remote-videos {
+                // !important is needed here as overflow is set via element.style in a FixedSizeGrid.
+                overflow: hidden auto !important;
+            }
+        }
+    }
+
+    /**
+     * Regardless of the user setting, do not let the filmstrip be in a hidden
+     * state.
+     */
+    .filmstrip__videos.hidden {
+        display: block;
+    }
+
+    .filmstrip__videos.has-scroll {
+        padding-left: 7px;
+    }
+
+    .remote-videos {
+        box-sizing: border-box;
+
+
+        /**
+        * The size of the thumbnails should be set with javascript, based on
+        * desired column count and window width. The rows are created using flex
+        * and allowing the thumbnails to wrap.
+        */
+        & > div {
+            align-content: center;
+            align-items: center;
+            box-sizing: border-box;
+            display: flex;
+            margin-top: auto;
+            margin-bottom: auto;
+            justify-content: center;
+
+            .videocontainer {
+                border: 0;
+                box-sizing: border-box;
+                display: block;
+                margin: 2px;
+            }
+        }
+    }
+}
diff --git a/css/filmstrip/_tile_view_overrides.scss b/css/filmstrip/_tile_view_overrides.scss
new file mode 100644
index 0000000..e24376b
--- /dev/null
+++ b/css/filmstrip/_tile_view_overrides.scss
@@ -0,0 +1,38 @@
+/**
+ * Various overrides outside of the filmstrip to style the app to support a
+ * tiled thumbnail experience.
+ */
+.tile-view,
+.whiteboard-container,
+.stage-filmstrip {
+    /**
+     * Let the avatar grow with the tile.
+     */
+    .avatar-container {
+        max-height: initial;
+        max-width: initial;
+    }
+
+    /**
+     * Hide various features that should not be displayed while in tile view.
+     */
+    #dominantSpeaker,
+    #largeVideoElementsContainer,
+    #sharedVideo {
+        display: none;
+    }
+
+    /**
+     * The follow styling uses !important to override inline styles set with
+     * javascript.
+     *
+     * TODO: These overrides should be more easy to remove and should be removed
+     * when the components are in react so their rendering done declaratively,
+     * making conditional styling easier to apply.
+     */
+    #largeVideoElementsContainer,
+    #remoteConnectionMessage,
+    #remotePresenceMessage {
+        display: none !important;
+    }
+}
diff --git a/css/filmstrip/_vertical_filmstrip.scss b/css/filmstrip/_vertical_filmstrip.scss
new file mode 100644
index 0000000..f63afc8
--- /dev/null
+++ b/css/filmstrip/_vertical_filmstrip.scss
@@ -0,0 +1,177 @@
+.vertical-filmstrip, .stage-filmstrip {
+    span:not(.tile-view) .filmstrip {
+        &.hide-videos {
+            .remote-videos {
+                & > div {
+                    opacity: 0;
+                    pointer-events: none;
+                }
+            }
+        }
+
+        /*
+         * Firefox sets flex items to min-height: auto and min-width: auto,
+         * preventing flex children from shrinking like they do on other browsers.
+         * Setting min-height and min-width 0 is a workaround for the issue so
+         * Firefox behaves like other browsers.
+         * https://bugzilla.mozilla.org/show_bug.cgi?id=1043520
+         */
+        @mixin minHWAutoFix() {
+            min-height: 0;
+            min-width: 0;
+        }
+
+        @extend %align-right;
+        align-items: flex-end;
+        bottom: 0;
+        box-sizing: border-box;
+        display: flex;
+        flex-direction: column-reverse;
+        height: 100%;
+        width: 100%;
+        padding: 0;
+        /**
+         * fixed positioning is necessary for remote menus and tooltips to pop
+         * out of the scrolling filmstrip. AtlasKit dialogs and tooltips use
+         * a library called popper which will position its elements fixed if
+         * any parent is also fixed.
+         */
+        position: fixed;
+        top: 0;
+        right: 0;
+        z-index: $filmstripVideosZ;
+
+        &.no-vertical-padding {
+            padding: 0;
+        }
+
+        /**
+         * Hide videos by making them slight to the right.
+         */
+        .filmstrip__videos {
+            @extend %align-right;
+            bottom: 0;
+            padding: 0;
+            position:relative;
+            right: 0;
+            width: auto;
+
+            /**
+             * An id selector is used to match id specificity with existing
+             * filmstrip styles.
+             */
+            &#remoteVideos {
+                border: $thumbnailsBorder solid transparent;
+                padding-left: 0;
+                border-left: 0;
+                width: 100%;
+                height: 100%;
+                justify-content: center;
+            }
+        }
+
+        /**
+         * Re-styles the local Video to better fit vertical filmstrip layout.
+         */
+        #filmstripLocalVideo {
+            align-self: initial;
+            margin-bottom: 5px;
+            display: flex;
+            flex-direction: column-reverse;
+            height: auto;
+            justify-content: flex-start;
+            width: 100%;
+
+            #filmstripLocalVideoThumbnail {
+                width: calc(100% - 15px);
+
+                .videocontainer {
+                    height: 0px;
+                    width: 100%;
+                }
+            }
+        }
+
+        #filmstripLocalScreenShare {
+            align-self: initial;
+            margin-bottom: 5px;
+            display: flex;
+            flex-direction: column-reverse;
+            height: auto;
+            justify-content: flex-start;
+            width: 100%;
+
+            #filmstripLocalScreenShareThumbnail {
+                width: calc(100% - 15px);
+
+                .videocontainer {
+                    height: 0px;
+                    width: 100%;
+                }
+            }
+        }
+
+        /**
+         * Remove unnecessary padding that is normally used to prevent horizontal
+         * filmstrip from overlapping the left edge of the screen.
+         */
+        #filmstripLocalVideo,
+        #filmstripLocalScreenShare,
+        .remote-videos {
+            padding: 0;
+        }
+
+        #remoteVideos {
+            @include minHWAutoFix();
+
+            flex-direction: column;
+            flex-grow: 1;
+        }
+
+        .resizable-filmstrip #remoteVideos .videocontainer {
+            border-left: 0;
+            margin: 0;
+        }
+
+        &.reduce-height {
+            height: calc(100% - calc(#{$newToolbarSizeWithPadding} + #{$scrollHeight}));
+        }
+
+        .filmstrip__videos.vertical-view-grid#remoteVideos {
+            align-items: 'center';
+            border: 0px;
+            padding-right: 7px;
+
+            &.has-scroll {
+                padding-right: 0px;
+            }
+
+            .remote-videos > div {
+                left: 0px; // fixes an issue on FF - the div is aligned to the right by default for some reason
+            }
+
+            .videocontainer {
+                border: 0px;
+                margin: 2px;
+            }
+        }
+
+        .remote-videos {
+            display: flex;
+            overscroll-behavior: contain;
+
+            &.height-transition {
+                transition: height .3s ease-in;
+            }
+
+            & > div {
+                position: absolute;
+                transition: opacity 1s;
+            }
+
+            &.is-not-overflowing > div {
+                bottom: 0px;
+            }
+        }
+    }
+}
diff --git a/css/filmstrip/_vertical_filmstrip_overrides.scss b/css/filmstrip/_vertical_filmstrip_overrides.scss
new file mode 100644
index 0000000..6dbf469
--- /dev/null
+++ b/css/filmstrip/_vertical_filmstrip_overrides.scss
@@ -0,0 +1,57 @@
+/**
+ * Overrides for video containers that should not be centered aligned to avoid=
+ * clashing with the filmstrip.
+ */
+.vertical-filmstrip #etherpad,
+.stage-filmstrip #etherpad,
+.vertical-filmstrip #sharedvideo,
+.stage-filmstrip #sharedvideo {
+    text-align: left;
+}
+
+/**
+ * Overrides for small videos in vertical filmstrip mode.
+ */
+.vertical-filmstrip .filmstrip__videos .videocontainer,
+.stage-filmstrip .filmstrip__videos .videocontainer {
+    .self-view-mobile-portrait video {
+        object-fit: contain;
+    }
+}
+
+/**
+ * Overrides for quality labels in filmstrip only mode. The styles adjust the
+ * labels' positioning as the filmstrip itself or filmstrip's remote videos
+ * appear and disappear.
+ *
+ * The class with-filmstrip is for when the filmstrip is visible.
+ * The class without-filmstrip is for when the filmstrip has been toggled to
+ * be hidden.
+ * The class opening is for when the filmstrip is transitioning from hidden
+ * to visible.
+ */
+.vertical-filmstrip .large-video-labels,
+.stage-filmstrip .large-video-labels {
+    &.with-filmstrip {
+        right: 150px;
+    }
+
+    &.with-filmstrip.opening {
+        transition: 0.9s;
+        transition-timing-function: ease-in-out;
+    }
+
+    &.without-filmstrip {
+        transition: 1.2s ease-in-out;
+        transition-delay: 0.1s;
+    }
+}
+
+/**
+ * Overrides for self view when in portrait mode on mobile.
+ * This is done in order to keep the aspect ratio.
+ */
+.vertical-filmstrip .self-view-mobile-portrait #localVideo_container,
+.stage-filmstrip .self-view-mobile-portrait #localVideo_container {
+    object-fit: contain;
+}
diff --git a/css/main.scss b/css/main.scss
new file mode 100644
index 0000000..dbc4365
--- /dev/null
+++ b/css/main.scss
@@ -0,0 +1,80 @@
+/* Functions BEGIN */
+
+@import 'functions';
+
+/* Functions END */
+
+/* Variables BEGIN */
+
+@import 'variables';
+
+/* Variables END */
+
+/* Mixins BEGIN */
+
+@import "mixins";
+
+/* Mixins END */
+
+/* Animations END */
+
+/* Flags BEGIN */
+$flagsImagePath: "../images/";
+@import "../node_modules/bc-css-flags/dist/css/bc-css-flags.scss";
+/* Flags END */
+
+/* Modules BEGIN */
+@import 'reset';
+@import 'base';
+@import 'utils';
+@import 'overlay/overlay';
+@import 'inlay';
+@import 'reload_overlay/reload_overlay';
+@import 'mini_toolbox';
+@import 'modals/desktop-picker/desktop-picker';
+@import 'modals/dialog';
+@import 'modals/invite/info';
+@import 'modals/screen-share/share-audio';
+@import 'modals/screen-share/share-screen-warning';
+@import 'modals/whiteboard';
+@import 'videolayout_default';
+@import 'subject';
+@import 'popup_menu';
+@import 'recording';
+@import 'login_menu';
+@import 'chat';
+@import 'ringing/ringing';
+@import 'welcome_page';
+@import 'welcome_page_content';
+@import 'welcome_page_settings_toolbar';
+@import 'toolbars';
+@import 'redirect_page';
+@import 'components/input-slider';
+@import '404';
+@import 'policy';
+@import 'popover';
+@import 'filmstrip/horizontal_filmstrip';
+@import 'filmstrip/small_video';
+@import 'filmstrip/tile_view';
+@import 'filmstrip/tile_view_overrides';
+@import 'filmstrip/vertical_filmstrip';
+@import 'filmstrip/vertical_filmstrip_overrides';
+@import 'unsupported-browser/main';
+@import 'deep-linking/main';
+@import '_meetings_list.scss';
+@import 'navigate_section_list';
+@import 'third-party-branding/google';
+@import 'third-party-branding/microsoft';
+@import 'promotional-footer';
+@import 'chrome-extension-banner';
+@import 'settings-button';
+@import 'meter';
+@import 'premeeting/main';
+@import 'modals/invite/invite_more';
+@import 'modals/security/security';
+@import 'responsive';
+@import 'participants-pane';
+@import 'reactions-menu';
+@import 'plan-limit';
+
+/* Modules END */
diff --git a/css/modals/_dialog.scss b/css/modals/_dialog.scss
new file mode 100644
index 0000000..4432272
--- /dev/null
+++ b/css/modals/_dialog.scss
@@ -0,0 +1,26 @@
+.modal-dialog-form {
+    margin-top: 5px !important;
+
+    .input-control {
+        background: #fafbfc;
+        border: 1px solid #f4f5f7;
+        color: inherit;
+    }
+
+    &-error {
+        margin-bottom: 8px;
+    }
+}
+
+/**
+ * Styling shared video dialog errors.
+ */
+.shared-video-dialog-error {
+    color: #E04757;
+    margin-top: 2px;
+    display: block;
+}
+
+.dialog-bottom-margin {
+    margin-bottom: 5px;
+}
diff --git a/css/modals/_whiteboard.scss b/css/modals/_whiteboard.scss
new file mode 100644
index 0000000..5a133e6
--- /dev/null
+++ b/css/modals/_whiteboard.scss
@@ -0,0 +1,7 @@
+.whiteboard {
+
+    .excalidraw-wrapper {
+        height: 100vh;
+        width: 100vw;
+    }
+}
diff --git a/css/modals/desktop-picker/_desktop-picker.scss b/css/modals/desktop-picker/_desktop-picker.scss
new file mode 100644
index 0000000..2ad2db4
--- /dev/null
+++ b/css/modals/desktop-picker/_desktop-picker.scss
@@ -0,0 +1,70 @@
+.desktop-picker-pane {
+    height: 320px;
+    overflow-x: hidden;
+    overflow-y: auto;
+    width: 100%;
+
+    &.source-type-screen {
+        .desktop-picker-source {
+            margin-left: auto;
+            margin-right: auto;
+            width: 50%;
+        }
+
+        .desktop-source-preview-thumbnail {
+            width: 100%;
+        }
+
+        .desktop-source-preview-label {
+            display: none;
+        }
+    }
+
+    &.source-type-window {
+        .desktop-picker-source {
+            display: inline-block;
+            width: 30%;
+        }
+    }
+
+    &-spinner {
+        justify-content: center;
+        display: flex;
+        height: 100%;
+        align-items: center;
+    }
+}
+
+.desktop-picker-source {
+    margin-top: 10px;
+    text-align: center;
+
+    &.is-selected {
+        .desktop-source-preview-image-container {
+            background: rgba(255,255,255,0.3);
+            border-radius: $borderRadius;
+        }
+    }
+}
+
+.desktop-source-preview-label {
+    margin-top: 3px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.desktop-source-preview-thumbnail {
+    box-shadow: 5px 5px 5px grey;
+    height: auto;
+    max-width: 100%;
+}
+
+.desktop-source-preview-image-container {
+    padding: 10px;
+}
+
+.desktop-picker-tabs-container {
+    width: 65%;
+    margin-top: 3px;
+}
diff --git a/css/modals/invite/_add-people.scss b/css/modals/invite/_add-people.scss
new file mode 100644
index 0000000..be9c10e
--- /dev/null
+++ b/css/modals/invite/_add-people.scss
@@ -0,0 +1,43 @@
+/**
+ * Styles errors and links in the AddPeopleDialog.
+ */
+.modal-dialog-form {
+    .add-people-form-wrap {
+        margin-top: 8px;
+
+        .error {
+            padding-left: 5px;
+
+            a {
+                padding-left: 5px;
+            }
+        }
+
+        .add-telephone-icon {
+            display: flex;
+            height: 28px;
+            transform: scaleX(-1);
+            width: 28px;
+
+            i {
+                line-height: 1.75rem;
+                margin: auto;
+            }
+        }
+
+        .footer-text-wrap {
+            display: flex;
+        }
+
+        .footer-telephone-icon {
+            display: flex;
+            transform: scaleX(-1);
+            padding-left: 10px;
+
+            i {
+                line-height: 1.25rem;
+                margin: auto;
+            }
+        }
+    }
+}
diff --git a/css/modals/invite/_info.scss b/css/modals/invite/_info.scss
new file mode 100644
index 0000000..bcec7de
--- /dev/null
+++ b/css/modals/invite/_info.scss
@@ -0,0 +1,137 @@
+.info-dialog {
+    cursor: default;
+    display: flex;
+    font-size: 0.875rem;
+
+    .info-dialog-column {
+        margin-right: 10px;
+        overflow: hidden;
+
+        a,
+        a:active,
+        a:focus,
+        a:hover {
+            text-decoration: none;
+        }
+    }
+
+    .info-dialog-password,
+    .info-password,
+    .info-password-form {
+        align-items: baseline;
+        display: flex;
+    }
+
+    .info-label {
+        font-weight: bold;
+    }
+
+    .info-password-field {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        margin-right: 5px;
+    }
+
+    .info-password-none,
+    .info-password-remote {
+        color: #fff;
+    }
+
+    .info-password-local {
+        user-select: text;
+    }
+}
+
+.dial-in-number {
+    display: flex;
+    justify-content: space-between;
+    padding-right: 8px;
+}
+
+.dial-in-numbers-list {
+    max-width: 334px;
+    width: 100%;
+    margin-top: 20px;
+    font-size: 0.75rem;
+    line-height: 1.5rem;
+    border-collapse: collapse;
+
+    * {
+        user-select: text;
+    }
+
+    thead {
+        text-align: left;
+    }
+
+    .flag-cell {
+        vertical-align: top;
+        width: 30px;
+    }
+    .flag {
+        display: block;
+        margin: 5px 5px 0px 5px;
+    }
+
+    .country {
+        font-weight: bold;
+        vertical-align: top;
+        padding: 0 20px 0 0;
+    }
+
+    ul {
+        padding: 0px 0px 0px 0px;
+    }
+
+    .numbers-list {
+        list-style: none;
+        padding: 0 20px 0 0;
+    }
+
+    .toll-free-list {
+        font-weight: bold;
+        list-style: none;
+        vertical-align: top;
+        text-align: right;
+    }
+
+    li.toll-free:empty:before {
+        content: '.';
+        visibility: hidden;
+    }
+}
+
+.dial-in-page {
+    align-items: center;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    font-size: 0.75rem;
+    max-height: 100%;
+    overflow: auto;
+    padding: 15pt;
+    position: absolute;
+    transform: translateY(-50%);
+    top: 50%;
+    width: 100%;
+
+    .dial-in-conference-id {
+        text-align: center;
+        min-width: 200px;
+        margin-top: 40px;
+    }
+
+    .dial-in-conference-description {
+        margin: 12px;
+    }
+}
+
+.info-dialog,
+.dial-in-page {
+    * {
+        user-select: text;
+        -moz-user-select: text;
+        -webkit-user-select: text;
+    }
+}
diff --git a/css/modals/invite/_invite_more.scss b/css/modals/invite/_invite_more.scss
new file mode 100644
index 0000000..dd85bd6
--- /dev/null
+++ b/css/modals/invite/_invite_more.scss
@@ -0,0 +1,54 @@
+.invite-more {
+    &-dialog {
+        color: #fff;
+        font-size: 0.875rem;
+        line-height: 1.5rem;
+
+        &.separator {
+            margin: 24px 0 24px -20px;
+            padding: 0 20px;
+            width: 100%;
+            height: 1px;
+            background: #5E6D7A;
+        }
+
+        &.stream {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 8px 8px 8px 16px;
+            margin-top: 8px;
+            width: calc(100% - 26px);
+            height: 22px;
+
+            background: #2A3A4B;
+            border: 1px solid #5E6D7A;
+            border-radius: 3px;
+            cursor: pointer;
+
+            &:hover {
+                font-weight: 600;
+            }
+
+            &-text {
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+                max-width: 292px;
+
+                &.selected {
+                    font-weight: 600;
+                }
+            }
+
+            &.clicked {
+                background: #31B76A;
+                border: 1px solid #31B76A;
+            }
+
+            & > div > svg > path {
+                fill: #fff;
+            }
+        }
+    }
+}
diff --git a/css/modals/screen-share/_share-audio.scss b/css/modals/screen-share/_share-audio.scss
new file mode 100644
index 0000000..071e5c0
--- /dev/null
+++ b/css/modals/screen-share/_share-audio.scss
@@ -0,0 +1,20 @@
+.share-audio-dialog {
+    .share-audio-animation {
+        width: 100%;
+        height: 90%;
+        object-fit: contain;
+        margin-bottom: 10px;
+    }
+
+    .separator-line {
+        margin: 24px 0 24px -20px;
+        padding: 0 20px;
+        width: 100%;
+        height: 1px;
+        background: #5E6D7A;
+
+        &:last-child {
+            display: none;
+        }
+    }
+}
\ No newline at end of file
diff --git a/css/modals/screen-share/_share-screen-warning.scss b/css/modals/screen-share/_share-screen-warning.scss
new file mode 100644
index 0000000..277432f
--- /dev/null
+++ b/css/modals/screen-share/_share-screen-warning.scss
@@ -0,0 +1,23 @@
+.share-screen-warn-dialog {
+    font-size: 0.875rem;
+
+    .separator-line {
+        margin: 24px 0 24px -20px;
+        padding: 0 20px;
+        width: 100%;
+        height: 1px;
+        background: #5E6D7A;
+
+        &:last-child {
+            display: none;
+        }
+    }
+
+    .header {
+        font-weight: 600;
+    }
+
+    .description {
+        margin-top: 16px;
+    }
+}
\ No newline at end of file
diff --git a/css/modals/security/_security.scss b/css/modals/security/_security.scss
new file mode 100644
index 0000000..78f6791
--- /dev/null
+++ b/css/modals/security/_security.scss
@@ -0,0 +1,58 @@
+.security {
+    &-dialog {
+        color: #fff;
+        font-size: 0.875rem;
+        line-height: 1.5rem;
+
+        &.password-section {
+            display: flex;
+            flex-direction: column;
+
+            .description {
+                font-size: 0.75rem;
+            }
+
+            .password {
+                align-items: flex-start;
+                display: flex;
+                justify-content: flex-start;
+                margin-top: 15px;
+                flex-direction: column;
+
+                &-actions {
+                    margin-top: 10px;
+                    button {
+                        cursor: pointer;
+                        text-decoration: none;
+                        font-size: 0.875rem;
+                        color: #6FB1EA;
+                    }
+
+                    & > :not(:last-child) {
+                        margin-right: 24px;
+                    }
+                }
+            }
+        }
+
+        .separator-line {
+            margin: 24px 0 24px -20px;
+            padding: 0 20px;
+            width: 100%;
+            height: 1px;
+            background: #5E6D7A;
+
+            &:last-child {
+                display: none;
+            }
+        }
+    }
+}
+
+.new-toolbox .toolbox-content .toolbox-icon.toggled.security-toolbar-button {
+    border-width: 0;
+
+    &:not(:hover) {
+        background: unset;
+    }
+}
\ No newline at end of file
diff --git a/css/overlay/_overlay.scss b/css/overlay/_overlay.scss
new file mode 100644
index 0000000..67eae8f
--- /dev/null
+++ b/css/overlay/_overlay.scss
@@ -0,0 +1,44 @@
+.overlay {
+    &__container,
+    &__container-light {
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        position: fixed;
+        z-index: 1016;
+        background: #474747;
+    }
+
+    &__container-light {
+        @include transparentBg(#474747, 0.7);
+    }
+
+    &__content {
+        position: absolute;
+        margin: 0 auto;
+        height: 100%;
+        width: 56%;
+        left: 50%;
+        @include transform(translateX(-50%));
+
+        &_bottom {
+            position: absolute;
+            bottom: 0;
+        }
+    }
+
+    &__policy {
+        position: absolute;
+        bottom: 24px;
+        width: 100%;
+    }
+
+    &__spinner-container {
+        display: flex;
+        width: 100%;
+        height: 100%;
+        justify-content: center;
+        align-items: center;
+    }
+}
diff --git a/css/premeeting/_lobby.scss b/css/premeeting/_lobby.scss
new file mode 100644
index 0000000..bfaf9b6
--- /dev/null
+++ b/css/premeeting/_lobby.scss
@@ -0,0 +1,233 @@
+.lobby-screen {
+    font-size: 1rem;
+    font-weight: 400;
+    line-height: 1.625rem;
+
+    &-content {
+        align-items: center;
+        display: flex;
+        flex-direction: column;
+
+        .spinner {
+            margin: 8px;
+        }
+
+        .lobby-chat-container {
+            background-color: $chatBackgroundColor;
+            width: 100%;
+            height: 314px;
+            display: flex;
+            flex-direction: column;
+            align-items: stretch;
+            margin-bottom: 16px;
+            border-radius: 5px;
+            .lobby-chat-header {
+                display: none;
+            }
+        }
+
+        .joining-message {
+            color: white;
+            margin: 24px auto;
+            text-align: center;
+        }
+
+        .open-chat-button {
+            display: none;
+        }
+    }
+}
+
+#lobby-section {
+    display: flex;
+    flex-direction: column;
+
+    .description {
+        font-size: 0.75rem;
+    }
+
+    .control-row {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        margin-top: 15px;
+
+        label {
+            font-size: 0.875rem;
+            font-weight: bold;
+        }
+    }
+}
+
+#notification-participant-list {
+    background-color: $newToolbarBackgroundColor;
+    border: 1px solid rgba(255, 255, 255, .4);
+    border-radius: 8px;
+    left: 0;
+    margin: 20px;
+    max-height: 600px;
+    overflow: hidden;
+    overflow-y: auto;
+    position: fixed;
+    top: 30px;
+    z-index: $toolbarZ + 1;
+
+    &:empty {
+        border: none;
+    }
+
+    &.toolbox-visible {
+        // Same as toolbox subject position
+        top: 120px;
+    }
+
+    &.avoid-chat {
+        left: 315px;
+    }
+
+    .title {
+        background-color: rgba(0, 0, 0, .2);
+        font-size: 1.2em;
+        padding: 15px
+    }
+
+    button {
+        align-self: stretch;
+        margin-bottom: 8px 0;
+        padding: 12px;
+        transition: .2s transform ease;
+
+        &:disabled {
+            opacity: .5;
+        }
+
+        &:hover {
+            transform: scale(1.05);
+
+            &:disabled {
+                transform: none;
+            }
+        }
+
+        &.borderLess {
+            background-color: transparent;
+            border-width: 0;
+        }
+
+        &.primary {
+            background-color: rgb(3, 118, 218);
+            border-width: 0;
+        }
+    }
+}
+
+.knocking-participants-container {
+    list-style-type: none;
+    padding: 0 15px 15px 15px;
+}
+
+.knocking-participant {
+    align-items: center;
+    display: flex;
+    flex-direction: row;
+    margin: 8px 0;
+
+    .details {
+        display: flex;
+        flex: 1;
+        flex-direction: column;
+        justify-content: space-evenly;
+        margin: 0 30px 0 10px;
+    }
+
+    button {
+        align-self: unset;
+        margin: 0 5px;
+    }
+}
+
+@media (max-width: 300px) {
+    #knocking-participant-list {
+        margin: 0;
+        text-align: center;
+        width: 100%;
+
+        .avatar {
+            display: none;
+        }
+    }
+
+    .knocking-participant {
+        flex-direction: column;
+
+        .details {
+            margin: 0;
+        }
+    }
+}
+
+@media (max-width: 1000px) {
+    .lobby-screen-content {
+
+        .lobby-chat-container {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            z-index: 255;
+
+            &.hidden {
+                display: none;
+            }
+
+            .lobby-chat-header {
+                display: flex;
+                flex-direction: row;
+                padding-top: 20px;
+                padding-left: 16px;
+                padding-right: 16px;
+
+                .title {
+                    flex: 1;
+                    color: #fff;
+                    font-size: 1.25rem;
+                    font-weight: 600;
+                    line-height: 1.75rem;
+                    letter-spacing: -1.2%;
+                }
+            }
+        }
+
+        .open-chat-button {
+            display: block;
+        }
+    }
+}
+
+.lobby-button-margin {
+    margin-bottom: 16px;
+}
+
+.lobby-prejoin-error {
+    background-color: #E04757;
+    border-radius: 6px;
+    box-sizing: border-box;
+    color: white;
+    font-size: 0.75rem;
+    line-height: 1rem;
+    margin-bottom: 16px;
+    margin-top: -8px;
+    padding: 4px;
+    text-align: center;
+    width: 100%;
+}
+
+.lobby-prejoin-input {
+    margin-bottom: 16px;
+    width: 100%;
+
+    & input {
+        text-align: center;
+    }
+}
diff --git a/css/premeeting/_main.scss b/css/premeeting/_main.scss
new file mode 100644
index 0000000..334b88c
--- /dev/null
+++ b/css/premeeting/_main.scss
@@ -0,0 +1,3 @@
+@import 'lobby';
+@import 'premeeting-screens';
+@import 'prejoin-third-party';
diff --git a/css/premeeting/_prejoin-third-party.scss b/css/premeeting/_prejoin-third-party.scss
new file mode 100644
index 0000000..dcdf84b
--- /dev/null
+++ b/css/premeeting/_prejoin-third-party.scss
@@ -0,0 +1,42 @@
+$sidePanelWidth: 300px;
+
+.prejoin-third-party {
+  flex-direction: column-reverse;
+  z-index: auto;
+  align-items: center;
+
+  .content {
+      height: auto;
+      margin: 0 auto;
+      width: auto;
+
+      .new-toolbox {
+          width: auto;
+      }
+  }
+
+  #preview {
+      background-color: transparent;
+      bottom: 0;
+      left: 0;
+      position: absolute;
+      right: 0;
+      top: 0;
+
+      .avatar {
+          display: none;
+      }
+  }
+
+  &.splash {
+      .content {
+          margin-left: calc((100% - #{$prejoinDefaultContentWidth} + #{$sidePanelWidth}) / 2)
+      }
+  }
+
+  &.guest {
+      .content {
+          margin-bottom: auto;
+      }
+  }
+}
diff --git a/css/premeeting/_premeeting-screens.scss b/css/premeeting/_premeeting-screens.scss
new file mode 100644
index 0000000..bdf1972
--- /dev/null
+++ b/css/premeeting/_premeeting-screens.scss
@@ -0,0 +1,133 @@
+.premeeting-screen {
+    .action-btn {
+        border-radius: 6px;
+        box-sizing: border-box;
+        color: #fff;
+        cursor: pointer;
+        display: inline-block;
+        font-size: 0.875rem;
+        font-weight: 600;
+        line-height: 1.5rem;
+        margin-bottom: 16px;
+        padding: 7px 16px;
+        position: relative;
+        text-align: center;
+        width: 100%;
+
+        &.primary {
+            background: #0376DA;
+            border: 1px solid #0376DA;
+        }
+
+        &.secondary {
+            background: #3D3D3D;
+            border: 1px solid transparent;
+        }
+
+        &.text {
+            width: auto;
+            font-size: 0.75rem;
+            margin: 0;
+            padding: 0;
+        }
+
+        &.disabled {
+            background: #5E6D7A;
+            border: 1px solid #5E6D7A;
+            color: #AFB6BC;
+            cursor: initial;
+
+            .icon {
+                & > svg {
+                    fill: #AFB6BC;
+                }
+            }
+        }
+
+        .options {
+            border-radius: 3px;
+            align-items: center;
+            display: flex;
+            height: 100%;
+            justify-content: center;
+            position: absolute;
+            right: 0;
+            top: 0;
+            width: 36px;
+
+            &:hover {
+                background-color: #0262B6;
+            }
+
+            svg {
+                pointer-events: none;
+            }
+        }
+    }
+
+    #new-toolbox {
+        bottom: 0;
+        position: relative;
+        transition: none;
+
+        .toolbox-content {
+            margin-bottom: 4px;
+        }
+
+        .toolbox-content-items {
+            @include ltr;
+            background: transparent;
+            box-shadow: none;
+            display: flex;
+            justify-content: space-between;
+            padding: 8px 0;
+        }
+
+        .toolbox-content,
+        .toolbox-content-wrapper,
+        .toolbox-content-items {
+            box-sizing: border-box;
+            width: auto;
+        }
+    }
+
+    @media (max-width: 400px) {
+        .device-status-error {
+            border-radius: 0;
+            margin: 0 -16px;
+        }
+
+        .action-btn {
+            font-size: 1rem;
+            margin-bottom: 8px;
+            padding: 11px 16px;
+        }
+    }
+}
+
+#preview {
+    background: #040404;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    width: 100%;
+
+    .avatar {
+        text {
+            fill: white;
+        }
+    }
+
+    video {
+        height: 100%;
+        object-fit: cover;
+        width: 100%;
+    }
+}
+
+@mixin flex-centered() {
+    align-items: center;
+    display: flex;
+    justify-content: center;
+}
diff --git a/css/reload_overlay/_reload_overlay.scss b/css/reload_overlay/_reload_overlay.scss
new file mode 100644
index 0000000..89e68ad
--- /dev/null
+++ b/css/reload_overlay/_reload_overlay.scss
@@ -0,0 +1,26 @@
+.reload_overlay_title {
+    display: block;
+    font-size: 1rem;
+    line-height: 1.25rem;
+}
+
+.reload_overlay_text {
+    display: block;
+    font-size: 0.75rem;
+    line-height: 1.875rem;
+}
+
+#reloadProgressBar {
+    background: #e9e9e9;
+    border-radius: 3px;
+    height: 5px;
+    margin: 5px auto;
+    overflow: hidden;
+    width: 180px;
+
+    .progress-indicator-fill {
+        background: #0074E0;
+        height: 100%;
+        transition: width .5s;
+    }
+}
diff --git a/css/ringing/_ringing.scss b/css/ringing/_ringing.scss
new file mode 100644
index 0000000..0663c8c
--- /dev/null
+++ b/css/ringing/_ringing.scss
@@ -0,0 +1,45 @@
+.ringing {
+    display: block;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    position: fixed;
+    z-index: 300;
+    @include transparentBg(#283447, 0.95);
+
+    &.solidBG {
+        background: #040404;
+    }
+
+    &__content {
+        position: absolute;
+        width: 400px;
+        height: 250px;
+        left: 50%;
+        top: 50%;
+        margin-left: -200px;
+        margin-top: -125px;
+        text-align: center;
+        font-weight: normal;
+        color: #FFFFFF;
+    }
+
+    &__avatar {
+        width: 128px;
+        height: 128px;
+        border-radius: 50%;
+        border: 2px solid #1B2638;
+    }
+
+    &__status{
+        margin-top: 15px;
+        font-size: 0.875rem;
+        line-height: 1.25rem;
+    }
+
+    &__name {
+        font-size: 1.5rem;
+        line-height: 2rem;
+    }
+}
diff --git a/css/third-party-branding/google.scss b/css/third-party-branding/google.scss
new file mode 100644
index 0000000..e8bc7a3
--- /dev/null
+++ b/css/third-party-branding/google.scss
@@ -0,0 +1,32 @@
+/**
+ * The Google sign in button must follow Google's design guidelines.
+ * See: https://developers.google.com/identity/branding-guidelines
+ */
+.google-sign-in {
+    background-color: #4285f4;
+    border-radius: 2px;
+    cursor: pointer;
+    display: inline-flex;
+    font-family: Roboto, arial, sans-serif;
+    font-size: 0.875rem;
+    padding: 1px;
+
+    .google-cta {
+        color: white;
+        display: inline-block;
+        /**
+         * Hack the line height for vertical centering of text.
+         */
+        line-height: 2rem;
+        margin: 0 15px;
+    }
+
+    .google-logo {
+        background-color: white;
+        border-radius: 2px;
+        display: inline-block;
+        padding: 8px;
+        height: 18px;
+        width: 18px;
+    }
+}
diff --git a/css/third-party-branding/microsoft.scss b/css/third-party-branding/microsoft.scss
new file mode 100644
index 0000000..ccaa1ff
--- /dev/null
+++ b/css/third-party-branding/microsoft.scss
@@ -0,0 +1,28 @@
+/**
+ * The Microsoft sign in button must follow Microsoft's brand guidelines.
+ * See: https://docs.microsoft.com/en-us/azure/active-directory/
+ *     develop/active-directory-branding-guidelines
+ */
+.microsoft-sign-in {
+    align-items: center;
+    background: #FFFFFF;
+    border: 1px solid #8C8C8C;
+    box-sizing: border-box;
+    cursor: pointer;
+    display: inline-flex;
+    font-family: Segoe UI, Roboto, arial, sans-serif;
+    height: 41px;
+    padding: 12px;
+
+    .microsoft-cta {
+        display: inline-block;
+        color: #5E5E5E;
+        font-size: 0.875rem;
+        line-height: 2.5rem;
+    }
+
+    .microsoft-logo {
+        display: inline-block;
+        margin-right: 12px;
+    }
+}
diff --git a/css/unsupported-browser/_main.scss b/css/unsupported-browser/_main.scss
new file mode 100644
index 0000000..d40c011
--- /dev/null
+++ b/css/unsupported-browser/_main.scss
@@ -0,0 +1 @@
+@import 'unsupported-desktop-browser';
diff --git a/css/unsupported-browser/_unsupported-desktop-browser.scss b/css/unsupported-browser/_unsupported-desktop-browser.scss
new file mode 100644
index 0000000..ae6a328
--- /dev/null
+++ b/css/unsupported-browser/_unsupported-desktop-browser.scss
@@ -0,0 +1,39 @@
+.unsupported-desktop-browser {
+    @include absoluteAligning();
+
+    display: block;
+    text-align: center;
+
+    &__title {
+        color: $unsupportedBrowserTitleColor;
+        font-weight: 300;
+        font-size: $unsupportedBrowserTitleFontSize;
+        letter-spacing: 1px;
+    }
+
+    &__description {
+        color: $unsupportedDesktopBrowserTextColor;
+        font-size: $unsupportedDesktopBrowserTextFontSize;
+        font-weight: 300;
+        letter-spacing: 1px;
+        margin-top: 16px;
+
+        &_small {
+            @extend .unsupported-desktop-browser__description;
+            font-size: $unsupportedBrowserTextSmallFontSize;
+        }
+    }
+
+    &__link {
+        color: #489afe;
+        @include transition(color .1s ease-out);
+
+        &:hover {
+            color: #287ade;
+            cursor: pointer;
+            text-decoration: none;
+
+            @include transition(color .1s ease-in);
+        }
+    }
+}
diff --git a/custom.d.ts b/custom.d.ts
new file mode 100644
index 0000000..69f3859
--- /dev/null
+++ b/custom.d.ts
@@ -0,0 +1,9 @@
+declare module '*.svg' {
+    const content: any;
+    export default content;
+}
+
+declare module '*.svg?raw' {
+    const content: string;
+    export default content;
+}
diff --git a/debian/changelog b/debian/changelog
new file mode 100644
index 0000000..da40ffb
--- /dev/null
+++ b/debian/changelog
@@ -0,0 +1,5 @@
+jitsi-meet-web (1.0.1-1) unstable; urgency=low
+
+  * Initial release. (Closes: #760485)
+
+ -- Damian Minkov <damencho@jitsi.org>  Wed, 22 Oct 2014 10:30:00 +0200
diff --git a/debian/compat b/debian/compat
new file mode 100644
index 0000000..48082f7
--- /dev/null
+++ b/debian/compat
@@ -0,0 +1 @@
+12
diff --git a/debian/control b/debian/control
new file mode 100644
index 0000000..b4569a4
--- /dev/null
+++ b/debian/control
@@ -0,0 +1,58 @@
+Source: jitsi-meet-web
+Section: net
+Priority: extra
+Maintainer: Jitsi Team <dev@jitsi.org>
+Uploaders: Emil Ivov <emcho@jitsi.org>, Damian Minkov <damencho@jitsi.org>
+Build-Depends: debhelper (>= 8.0.0)
+Standards-Version: 3.9.6
+Homepage: https://jitsi.org/meet
+
+Package: jitsi-meet-web
+Replaces: jitsi-meet (<= 1.0.1525-1)
+Architecture: all
+Depends: ${misc:Depends}
+Description: WebRTC JavaScript video conferences
+ Jitsi Meet is a WebRTC JavaScript application that uses Jitsi
+ Videobridge to provide high quality, scalable video conferences.
+ .
+ It is a web interface to Jitsi Videobridge for audio and video
+ forwarding and relaying.
+
+Package: jitsi-meet-web-config
+Architecture: all
+Pre-Depends: nginx | nginx-full | nginx-extras | openresty | apache2
+Depends: openssl, curl
+Description: Configuration for web serving of Jitsi Meet
+ Jitsi Meet is a WebRTC JavaScript application that uses Jitsi
+ Videobridge to provide high quality, scalable video conferences.
+ .
+ It is a web interface to Jitsi Videobridge for audio and video
+ forwarding and relaying, using a webserver Nginx or Apache2.
+ .
+ This package contains configuration for Nginx to be used with
+ Jitsi Meet.
+
+Package: jitsi-meet-prosody
+Architecture: all
+Depends: openssl, prosody (>= 0.12.0) | prosody-trunk | prosody-0.12 | prosody-13.0, lua-sec, lua-basexx, lua-luaossl, lua-cjson, lua-inspect
+Replaces: jitsi-meet-tokens
+Description: Prosody configuration for Jitsi Meet
+ Jitsi Meet is a WebRTC JavaScript application that uses Jitsi
+ Videobridge to provide high quality, scalable video conferences.
+ .
+ It is a web interface to Jitsi Videobridge for audio and video
+ forwarding and relaying.
+ .
+ This package contains configuration for Prosody to be used with
+ Jitsi Meet.
+
+Package: jitsi-meet-tokens
+Architecture: all
+Depends: ${misc:Depends}, prosody-trunk | prosody-0.12 | prosody-13.0 | prosody (>= 0.12.0), jitsi-meet-prosody
+Description: Prosody token authentication plugin for Jitsi Meet
+
+Package: jitsi-meet-turnserver
+Architecture: all
+Pre-Depends: jitsi-meet-web-config
+Depends: ${misc:Depends}, jitsi-meet-prosody, coturn, dnsutils
+Description: Configures coturn to be used with Jitsi Meet
diff --git a/debian/copyright b/debian/copyright
new file mode 100644
index 0000000..782cfaa
--- /dev/null
+++ b/debian/copyright
@@ -0,0 +1,38 @@
+Format: http://dep.debian.net/deps/dep5
+Upstream-Name: Jitsi Meet
+Upstream-Contact: Emil Ivov <emcho@jitsi.org>
+Source: https://github.com/jitsi/jitsi-meet
+
+Files: *
+Copyright: 2015 Atlassian Pty Ltd
+License: Apache-2.0
+
+License: Apache-2.0
+On Debian systems, the full text of the Apache
+ License version 2 can be found in the file
+ '/usr/share/common-licenses/Apache-2.0'.
+ Note:
+ This project was originally contributed to the community under the MIT license
+ and with the following notice:
+ .
+ The MIT License (MIT)
+ .
+ Copyright (c) 2013 ESTOS GmbH
+ Copyright (c) 2013 BlueJimp SARL
+ .
+ Permission is hereby granted, free of charge, to any person obtaining a copy of
+ this software and associated documentation files (the "Software"), to deal in
+ the Software without restriction, including without limitation the rights to
+ use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ the Software, and to permit persons to whom the Software is furnished to do so,
+ subject to the following conditions:
+ .
+ The above copyright notice and this permission notice shall be included in all
+ copies or substantial portions of the Software.
+ .
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/debian/jitsi-meet-prosody.README.Debian b/debian/jitsi-meet-prosody.README.Debian
new file mode 100644
index 0000000..c0127d6
--- /dev/null
+++ b/debian/jitsi-meet-prosody.README.Debian
@@ -0,0 +1,7 @@
+Prosody configuration for Jitsi Meet for Debian
+----------------------------
+
+Jitsi Meet is a WebRTC video conferencing application. This package contains 
+configuration of prosody which are needed for Jitsi Meet to work.
+
+ -- Yasen Pramatarov <yasen@bluejimp.com>  Mon, 30 Jun 2014 23:05:18 +0100
diff --git a/debian/jitsi-meet-prosody.docs b/debian/jitsi-meet-prosody.docs
new file mode 100644
index 0000000..63f794a
--- /dev/null
+++ b/debian/jitsi-meet-prosody.docs
@@ -0,0 +1 @@
+doc/debian/jitsi-meet-prosody/README
diff --git a/debian/jitsi-meet-prosody.install b/debian/jitsi-meet-prosody.install
new file mode 100644
index 0000000..6661443
--- /dev/null
+++ b/debian/jitsi-meet-prosody.install
@@ -0,0 +1,3 @@
+doc/debian/jitsi-meet-prosody/prosody.cfg.lua-jvb.example   /usr/share/jitsi-meet-prosody/
+doc/debian/jitsi-meet-prosody/jaas.cfg.lua                  /usr/share/jitsi-meet-prosody/
+resources/prosody-plugins/                                  /usr/share/jitsi-meet/
diff --git a/debian/jitsi-meet-prosody.postinst b/debian/jitsi-meet-prosody.postinst
new file mode 100644
index 0000000..536281b
--- /dev/null
+++ b/debian/jitsi-meet-prosody.postinst
@@ -0,0 +1,310 @@
+#!/bin/bash
+# postinst script for jitsi-meet-prosody
+#
+# see: dh_installdeb(1)
+
+set -e
+
+# summary of how this script can be called:
+#        * <postinst> `configure' <most-recently-configured-version>
+#        * <old-postinst> `abort-upgrade' <new version>
+#        * <conflictor's-postinst> `abort-remove' `in-favour' <package>
+#          <new-version>
+#        * <postinst> `abort-remove'
+#        * <deconfigured's-postinst> `abort-deconfigure' `in-favour'
+#          <failed-install-package> <version> `removing'
+#          <conflicting-package> <version>
+# for details, see http://www.debian.org/doc/debian-policy/ or
+# the debian-policy package
+
+function generateRandomPassword() {
+    cat /dev/urandom | tr -dc 'a-zA-Z0-9' | head -c 16
+}
+
+case "$1" in
+    configure)
+
+        # loading debconf
+        . /usr/share/debconf/confmodule
+
+        # try to get host from jitsi-videobridge
+        db_get jitsi-videobridge/jvb-hostname
+        if [ -z "$RET" ] ; then
+            # server hostname
+            db_set jitsi-videobridge/jvb-hostname "localhost"
+            db_input critical jitsi-videobridge/jvb-hostname || true
+            db_go
+        fi
+        JVB_HOSTNAME=$(echo "$RET" | xargs echo -n)
+
+        db_get jitsi-videobridge/jvbsecret
+        if [ -z "$RET" ] ; then
+            db_input critical jitsi-videobridge/jvbsecret || true
+            db_go
+        fi
+        JVB_SECRET="$RET"
+
+        JICOFO_AUTH_USER="focus"
+
+        db_get jicofo/jicofo-authpassword
+        if [ -z "$RET" ] ; then
+            # if password is missing generate it, and store it
+            JICOFO_AUTH_PASSWORD=`generateRandomPassword`
+            db_set jicofo/jicofo-authpassword "$JICOFO_AUTH_PASSWORD"
+        else
+            JICOFO_AUTH_PASSWORD="$RET"
+        fi
+
+        JICOFO_AUTH_DOMAIN="auth.$JVB_HOSTNAME"
+
+        # detect dpkg-reconfigure, just delete old links
+        db_get jitsi-meet-prosody/jvb-hostname
+        JVB_HOSTNAME_OLD=$(echo "$RET" | xargs echo -n)
+        if [ -n "$RET" ] && [ ! "$JVB_HOSTNAME_OLD" = "$JVB_HOSTNAME" ] ; then
+            rm -f /etc/prosody/conf.d/$JVB_HOSTNAME_OLD.cfg.lua
+            rm -f /etc/prosody/certs/$JVB_HOSTNAME_OLD.key
+            rm -f /etc/prosody/certs/$JVB_HOSTNAME_OLD.crt
+        fi
+
+        # stores the hostname so we will reuse it later, like in purge
+        db_set jitsi-meet-prosody/jvb-hostname "$JVB_HOSTNAME"
+
+        db_get jitsi-meet-prosody/turn-secret
+        if [ -z "$RET" ] ; then
+            # 8-chars random secret used for the turnserver
+            TURN_SECRET=`generateRandomPassword`
+            db_set jitsi-meet-prosody/turn-secret "$TURN_SECRET"
+        else
+            TURN_SECRET="$RET"
+        fi
+
+        SELF_SIGNED_CHOICE="Generate a new self-signed certificate"
+        # In the case of updating from an older version the configure of -prosody package may happen before the -config
+        # one, so if JAAS_INPUT is empty (the question is not asked), let's ask it now.
+        # If db_get returns an error (workaround for strange Debian failure) continue without stopping the config
+        db_get jitsi-meet/cert-choice || CERT_CHOICE=$SELF_SIGNED_CHOICE
+        CERT_CHOICE="$RET"
+        if [ -z "$CERT_CHOICE" ] ; then
+            db_input critical jitsi-meet/cert-choice || true
+            db_go
+            db_get jitsi-meet/cert-choice
+            CERT_CHOICE="$RET"
+        fi
+        if [ "$CERT_CHOICE" != "$SELF_SIGNED_CHOICE" ]; then
+            db_get jitsi-meet/jaas-choice
+            JAAS_INPUT="$RET"
+            if [ -z "$JAAS_INPUT" ] ; then
+                db_subst jitsi-meet/jaas-choice domain "${JVB_HOSTNAME}"
+                db_set jitsi-meet/jaas-choice false
+                db_input critical jitsi-meet/jaas-choice || true
+                db_go
+                db_get jitsi-meet/jaas-choice
+                JAAS_INPUT="$RET"
+            fi
+        fi
+
+        # and we're done with debconf
+        db_stop
+
+        PROSODY_CONFIG_PRESENT="true"
+        PROSODY_CREATE_JICOFO_USER="false"
+        PROSODY_HOST_CONFIG="/etc/prosody/conf.avail/$JVB_HOSTNAME.cfg.lua"
+        PROSODY_CONFIG_OLD="/etc/prosody/prosody.cfg.lua"
+        # if there is no prosody config extract our template
+        # check for config in conf.avail or check whether it wasn't already configured in main config
+        if [ ! -f $PROSODY_HOST_CONFIG ] && ! grep -q "VirtualHost \"$JVB_HOSTNAME\"" $PROSODY_CONFIG_OLD; then
+            PROSODY_CONFIG_PRESENT="false"
+            mkdir -p /etc/prosody/conf.avail/
+            mkdir -p /etc/prosody/conf.d/
+            cp /usr/share/jitsi-meet-prosody/prosody.cfg.lua-jvb.example $PROSODY_HOST_CONFIG
+            sed -i "s/jitmeet.example.com/$JVB_HOSTNAME/g" $PROSODY_HOST_CONFIG
+            sed -i "s/focusUser/$JICOFO_AUTH_USER/g" $PROSODY_HOST_CONFIG
+            sed -i "s/__turnSecret__/$TURN_SECRET/g" $PROSODY_HOST_CONFIG
+            if [ ! -f /etc/prosody/conf.d/$JVB_HOSTNAME.cfg.lua ]; then
+                ln -s $PROSODY_HOST_CONFIG /etc/prosody/conf.d/$JVB_HOSTNAME.cfg.lua
+            fi
+            PROSODY_CREATE_JICOFO_USER="true"
+        fi
+
+        if ! grep -q "VirtualHost \"$JVB_HOSTNAME\"" $PROSODY_CONFIG_OLD; then
+            # on some distributions main prosody config doesn't include configs
+            # from conf.d folder enable it as this where we put our config by default
+            # also when upgrading to new prosody version from prosody repo we need to add it again
+            if ! grep -q "Include \"conf\.d\/\*\.cfg.lua\"" $PROSODY_CONFIG_OLD; then
+                echo -e "\nInclude \"conf.d/*.cfg.lua\"" >> $PROSODY_CONFIG_OLD
+
+                # trigger a restart
+                PROSODY_CONFIG_PRESENT="false"
+            fi
+        fi
+
+        # Check whether prosody config has the internal muc, if not add it,
+        # as we are migrating configs
+        if [ -f $PROSODY_HOST_CONFIG ] && ! grep -q "internal.$JICOFO_AUTH_DOMAIN" $PROSODY_HOST_CONFIG; then
+            echo -e "\nComponent \"internal.$JICOFO_AUTH_DOMAIN\" \"muc\"" >> $PROSODY_HOST_CONFIG
+            echo -e "    storage = \"memory\"" >> $PROSODY_HOST_CONFIG
+            echo -e "    modules_enabled = { \"ping\"; }" >> $PROSODY_HOST_CONFIG
+            echo -e "    admins = { \"$JICOFO_AUTH_USER@$JICOFO_AUTH_DOMAIN\", \"jvb@$JICOFO_AUTH_DOMAIN\" }" >> $PROSODY_HOST_CONFIG
+            echo -e "    muc_room_locking = false" >> $PROSODY_HOST_CONFIG
+            echo -e "    muc_room_default_public_jids = true" >> $PROSODY_HOST_CONFIG
+        fi
+
+        # Convert the old focus component config to the new one.
+        # Old:
+        # Component "focus.jitmeet.example.com"
+        #     component_secret = "focusSecret"
+        # New:
+        # Component "focus.jitmeet.example.com" "client_proxy"
+        #    target_address = "focus@auth.jitmeet.example.com"
+        if grep -q "Component \"focus.$JVB_HOSTNAME\"" $PROSODY_HOST_CONFIG && ! grep -q "Component \"focus.$JVB_HOSTNAME\" \"client_proxy\"" $PROSODY_HOST_CONFIG ;then
+            sed -i "s/Component \"focus.$JVB_HOSTNAME\"/Component \"focus.$JVB_HOSTNAME\" \"client_proxy\"\n    target_address = \"$JICOFO_AUTH_USER@$JICOFO_AUTH_DOMAIN\"/g" $PROSODY_HOST_CONFIG
+            PROSODY_CONFIG_PRESENT="false"
+        fi
+
+        # Start using the polls component
+        if ! grep -q "Component \"polls.$JVB_HOSTNAME\"" $PROSODY_HOST_CONFIG ;then
+            echo -e "\nComponent \"polls.$JVB_HOSTNAME\" \"polls_component\"" >> $PROSODY_HOST_CONFIG
+            PROSODY_CONFIG_PRESENT="false"
+        fi
+        if ! grep -q -- '--"polls";' $PROSODY_HOST_CONFIG ;then
+            sed -i "s/\"polls\";/--\"polls\";/g" $PROSODY_HOST_CONFIG
+            PROSODY_CONFIG_PRESENT="false"
+        fi
+
+        # Old versions of jitsi-meet-prosody come with the extra plugin path commented out (https://github.com/jitsi/jitsi-meet/commit/e11d4d3101e5228bf956a69a9e8da73d0aee7949)
+        # Make sure it is uncommented, as it contains required modules.
+        if grep -q -- '--plugin_paths = { "/usr/share/jitsi-meet/prosody-plugins/" }' $PROSODY_HOST_CONFIG ;then
+            sed -i 's#--plugin_paths = { "/usr/share/jitsi-meet/prosody-plugins/" }#plugin_paths = { "/usr/share/jitsi-meet/prosody-plugins/" }#g' $PROSODY_HOST_CONFIG
+            PROSODY_CONFIG_PRESENT="false"
+        fi
+
+        # Updates main muc component
+        MAIN_MUC_PATTERN="Component \"conference.$JVB_HOSTNAME\" \"muc\""
+        if ! grep -A 2 -- "${MAIN_MUC_PATTERN}" $PROSODY_HOST_CONFIG | grep -q "restrict_room_creation" ;then
+            sed -i "s/${MAIN_MUC_PATTERN}/${MAIN_MUC_PATTERN}\n    restrict_room_creation = true/g" $PROSODY_HOST_CONFIG
+            PROSODY_CONFIG_PRESENT="false"
+        fi
+
+        if ! grep -q -- 'unlimited_jids' $PROSODY_HOST_CONFIG ;then
+            sed -i "1s/^/unlimited_jids = { \"$JICOFO_AUTH_USER@$JICOFO_AUTH_DOMAIN\", \"jvb@$JICOFO_AUTH_DOMAIN\" }\n/" $PROSODY_HOST_CONFIG
+            sed -i "s/VirtualHost \"$JICOFO_AUTH_DOMAIN\"/VirtualHost \"$JICOFO_AUTH_DOMAIN\"\n    modules_enabled = { \"limits_exception\"; }/g" $PROSODY_HOST_CONFIG
+            PROSODY_CONFIG_PRESENT="false"
+        fi
+
+        # Since prosody 13 admins are not automatically room owners and we expect that for jicofo
+        if ! grep -q -- 'component_admins_as_room_owners = ' $PROSODY_HOST_CONFIG ;then
+            sed -i "1s/^/component_admins_as_room_owners = true\n/" $PROSODY_HOST_CONFIG
+            PROSODY_CONFIG_PRESENT="false"
+        fi
+
+        JAAS_HOST_CONFIG="/etc/prosody/conf.avail/jaas.cfg.lua"
+        if [ "${JAAS_INPUT}" = "true" ] && [ ! -f $JAAS_HOST_CONFIG ]; then
+            sed -i "s/enabled = false -- Jitsi meet components/enabled = true -- Jitsi meet components/g" $PROSODY_HOST_CONFIG
+            PROSODY_CONFIG_PRESENT="false"
+        fi
+
+        # For those deployments that don't have the config in the jitsi-meet prosody config add the new jaas file
+        if [ ! -f $JAAS_HOST_CONFIG ] && ! grep -q "VirtualHost \"jigasi.meet.jitsi\"" $PROSODY_HOST_CONFIG; then
+            PROSODY_CONFIG_PRESENT="false"
+            cp /usr/share/jitsi-meet-prosody/jaas.cfg.lua $JAAS_HOST_CONFIG
+            sed -i "s/jitmeet.example.com/$JVB_HOSTNAME/g" $JAAS_HOST_CONFIG
+        fi
+
+        if [ "${JAAS_INPUT}" = "true" ]; then
+            JAAS_HOST_CONFIG_ENABLED="/etc/prosody/conf.d/jaas.cfg.lua "
+            if [ ! -f $JAAS_HOST_CONFIG_ENABLED ] && ! grep -q "VirtualHost \"jigasi.meet.jitsi\"" $PROSODY_HOST_CONFIG; then
+                if [ -f $JAAS_HOST_CONFIG ]; then
+                    ln -s $JAAS_HOST_CONFIG $JAAS_HOST_CONFIG_ENABLED
+                    PROSODY_CONFIG_PRESENT="false"
+                fi
+            fi
+        fi
+
+        if [ ! -f /var/lib/prosody/$JVB_HOSTNAME.crt ]; then
+            # prosodyctl takes care for the permissions
+            # echo for using all default values
+            echo | prosodyctl cert generate $JVB_HOSTNAME
+
+            ln -sf /var/lib/prosody/$JVB_HOSTNAME.key /etc/prosody/certs/$JVB_HOSTNAME.key
+            ln -sf /var/lib/prosody/$JVB_HOSTNAME.crt /etc/prosody/certs/$JVB_HOSTNAME.crt
+        fi
+
+        CERT_ADDED_TO_TRUST="false"
+
+        if [ ! -f /var/lib/prosody/$JICOFO_AUTH_DOMAIN.crt ]; then
+            # prosodyctl takes care for the permissions
+            # echo for using all default values
+            echo | prosodyctl cert generate $JICOFO_AUTH_DOMAIN
+
+            AUTH_KEY_FILE="/etc/prosody/certs/$JICOFO_AUTH_DOMAIN.key"
+            AUTH_CRT_FILE="/etc/prosody/certs/$JICOFO_AUTH_DOMAIN.crt"
+
+            ln -sf /var/lib/prosody/$JICOFO_AUTH_DOMAIN.key $AUTH_KEY_FILE
+            ln -sf /var/lib/prosody/$JICOFO_AUTH_DOMAIN.crt $AUTH_CRT_FILE
+            ln -sf /var/lib/prosody/$JICOFO_AUTH_DOMAIN.crt /usr/local/share/ca-certificates/$JICOFO_AUTH_DOMAIN.crt
+
+            # we need to force updating certificates, in some cases java trust
+            # store not get re-generated with latest changes
+            update-ca-certificates -f
+
+            CERT_ADDED_TO_TRUST="true"
+
+            # don't fail on systems with custom config ($PROSODY_HOST_CONFIG is missing)
+            if [ -f $PROSODY_HOST_CONFIG ]; then
+                # now let's add the ssl cert for the auth. domain (we use # as a sed delimiter cause filepaths are confused with default / delimiter)
+                sed -i "s#VirtualHost \"$JICOFO_AUTH_DOMAIN\"#VirtualHost \"$JICOFO_AUTH_DOMAIN\"\n    ssl = {\n        key = \"$AUTH_KEY_FILE\";\n        certificate = \"$AUTH_CRT_FILE\";\n    \}#g" $PROSODY_HOST_CONFIG
+            fi
+
+            # trigger a restart
+            PROSODY_CONFIG_PRESENT="false"
+        fi
+
+        if [ "$PROSODY_CONFIG_PRESENT" = "false" ]; then
+            invoke-rc.d prosody restart || true
+
+            # give it some time to warm up
+            sleep 10
+
+            if [ "$PROSODY_CREATE_JICOFO_USER" = "true" ]; then
+                # create 'focus@auth.domain' prosody user
+                echo -e "$JICOFO_AUTH_PASSWORD\n$JICOFO_AUTH_PASSWORD" | prosodyctl adduser $JICOFO_AUTH_USER@$JICOFO_AUTH_DOMAIN > /dev/null || true
+
+                # trigger a restart
+                PROSODY_CONFIG_PRESENT="false"
+            fi
+
+            # creates the user if it does not exist
+            echo -e "$JVB_SECRET\n$JVB_SECRET" | prosodyctl adduser jvb@$JICOFO_AUTH_DOMAIN > /dev/null || true
+
+            # Make sure the focus@auth user's roster includes the proxy component (this is idempotent)
+            prosodyctl mod_roster_command subscribe focus.$JVB_HOSTNAME $JICOFO_AUTH_USER@$JICOFO_AUTH_DOMAIN
+
+            # To make sure the roster command is loaded
+            # Once we have https://issues.prosody.im/1908 we can start using prosodyctl shell roster subscribe
+            # and drop the wait and the prosody restart
+            sleep 1
+            invoke-rc.d prosody restart || true
+
+            # In case we had updated the certificates and restarted prosody, let's restart and the bridge and jicofo if possible
+            if [ -d /run/systemd/system ] && [ "$CERT_ADDED_TO_TRUST" = "true" ]; then
+                systemctl restart jitsi-videobridge2.service >/dev/null || true
+                systemctl restart jicofo.service >/dev/null || true
+            fi
+        fi
+    ;;
+
+    abort-upgrade|abort-remove|abort-deconfigure)
+    ;;
+
+    *)
+        echo "postinst called with unknown argument \`$1'" >&2
+        exit 1
+    ;;
+esac
+
+# dh_installdeb will replace this with shell code automatically
+# generated by other debhelper scripts.
+
+#DEBHELPER#
+
+exit 0
diff --git a/debian/jitsi-meet-prosody.postrm b/debian/jitsi-meet-prosody.postrm
new file mode 100644
index 0000000..33d676c
--- /dev/null
+++ b/debian/jitsi-meet-prosody.postrm
@@ -0,0 +1,78 @@
+#!/bin/sh
+# postrm script for jitsi-meet-prosody
+#
+# see: dh_installdeb(1)
+
+set -e
+
+# summary of how this script can be called:
+#        * <postrm> `remove'
+#        * <postrm> `purge'
+#        * <old-postrm> `upgrade' <new-version>
+#        * <new-postrm> `failed-upgrade' <old-version>
+#        * <new-postrm> `abort-install'
+#        * <new-postrm> `abort-install' <old-version>
+#        * <new-postrm> `abort-upgrade' <old-version>
+#        * <disappearer's-postrm> `disappear' <overwriter>
+#          <overwriter-version>
+# for details, see http://www.debian.org/doc/debian-policy/ or
+# the debian-policy package
+
+# Load debconf
+. /usr/share/debconf/confmodule
+
+
+case "$1" in
+    remove)
+        if [ -x "/etc/init.d/prosody" ]; then
+            invoke-rc.d prosody reload || true
+        fi
+    ;;
+
+    purge)
+        db_get jitsi-meet-prosody/jvb-hostname
+        JVB_HOSTNAME=$(echo "$RET" | xargs echo -n)
+        if [ -n "$RET" ]; then
+            rm -f /etc/prosody/conf.avail/$JVB_HOSTNAME.cfg.lua
+            rm -f /etc/prosody/conf.d/$JVB_HOSTNAME.cfg.lua
+            rm -f /etc/prosody/conf.avail/jaas.cfg.lua
+            rm -f /etc/prosody/conf.d/jaas.cfg.lua
+
+            JICOFO_AUTH_DOMAIN="auth.$JVB_HOSTNAME"
+            # clean up generated certificates
+            rm -f /etc/prosody/certs/$JVB_HOSTNAME.crt
+            rm -f /etc/prosody/certs/$JVB_HOSTNAME.key
+            rm -f /etc/prosody/certs/$JICOFO_AUTH_DOMAIN.crt
+            rm -f /etc/prosody/certs/$JICOFO_AUTH_DOMAIN.key
+            rm -rf /var/lib/prosody/$JICOFO_AUTH_DOMAIN.*
+            rm -rf /var/lib/prosody/$JVB_HOSTNAME.*
+
+            # clean created users, replace '.' with '%2e', replace '-' with '%2d'
+            rm -rf /var/lib/prosody/`echo $JICOFO_AUTH_DOMAIN | sed -e "s/\./%2e/g"| sed -e "s/-/%2d/g"`
+
+            # clean the prosody cert from the trust store
+            rm -rf /usr/local/share/ca-certificates/$JICOFO_AUTH_DOMAIN.*
+            update-ca-certificates -f
+        fi
+
+        # Clear the debconf variable
+        db_purge
+    ;;
+
+    upgrade|failed-upgrade|abort-install|abort-upgrade|disappear)
+    ;;
+
+    *)
+        echo "postrm called with unknown argument \`$1'" >&2
+        exit 1
+    ;;
+esac
+
+# dh_installdeb will replace this with shell code automatically
+# generated by other debhelper scripts.
+
+#DEBHELPER#
+
+db_stop
+
+exit 0
diff --git a/debian/jitsi-meet-prosody.templates b/debian/jitsi-meet-prosody.templates
new file mode 100644
index 0000000..a2225a0
--- /dev/null
+++ b/debian/jitsi-meet-prosody.templates
@@ -0,0 +1,24 @@
+Template: jitsi-meet-prosody/jvb-hostname
+Type: string
+_Description: The domain of the current installation (e.g. meet.jitsi.com):
+ The value of the domain that is set in the Jitsi Videobridge installation.
+
+Template: jitsi-videobridge/jvb-hostname
+Type: string
+_Description: The domain of the current installation (e.g. meet.jitsi.com):
+ The value of the domain that is set in the Jitsi Videobridge installation.
+
+Template: jitsi-videobridge/jvbsecret
+Type: password
+_Description: Jitsi Videobridge Component secret:
+ The secret used by Jitsi Videobridge to connect to xmpp server as component.
+
+Template: jicofo/jicofo-authpassword
+Type: password
+_Description: Jicofo user password:
+ The secret used to connect to xmpp server as jicofo user.
+
+Template: jitsi-meet-prosody/turn-secret
+Type: string
+_Description: The turn server secret
+ The secret used to connect to turnserver server.
diff --git a/debian/jitsi-meet-tokens.README.Debian b/debian/jitsi-meet-tokens.README.Debian
new file mode 100644
index 0000000..0a54726
--- /dev/null
+++ b/debian/jitsi-meet-tokens.README.Debian
@@ -0,0 +1,7 @@
+Token authentication plugin for Jitsi Meet
+----------------------------
+
+Jitsi Meet is a WebRTC video conferencing application. This package contains
+Prosody plugin which enables token authentication in Jitsi Meet installation.
+
+ -- Pawel Domas <pawel.domas@jitsi.org>  Mon, 2 Nov 2015 14:45:00 -0600
diff --git a/debian/jitsi-meet-tokens.config b/debian/jitsi-meet-tokens.config
new file mode 100644
index 0000000..db965ce
--- /dev/null
+++ b/debian/jitsi-meet-tokens.config
@@ -0,0 +1,10 @@
+#!/bin/sh -e
+
+# Source debconf library.
+. /usr/share/debconf/confmodule
+
+db_input critical jitsi-meet-tokens/appid || true
+db_go
+
+db_input critical jitsi-meet-tokens/appsecret || true
+db_go
\ No newline at end of file
diff --git a/debian/jitsi-meet-tokens.docs b/debian/jitsi-meet-tokens.docs
new file mode 100644
index 0000000..e69de29
diff --git a/debian/jitsi-meet-tokens.postinst b/debian/jitsi-meet-tokens.postinst
new file mode 100644
index 0000000..3df2f9f
--- /dev/null
+++ b/debian/jitsi-meet-tokens.postinst
@@ -0,0 +1,91 @@
+#!/bin/bash
+# postinst script for jitsi-meet-tokens
+#
+# see: dh_installdeb(1)
+
+set -e
+
+# summary of how this script can be called:
+#        * <postinst> `configure' <most-recently-configured-version>
+#        * <old-postinst> `abort-upgrade' <new version>
+#        * <conflictor's-postinst> `abort-remove' `in-favour' <package>
+#          <new-version>
+#        * <postinst> `abort-remove'
+#        * <deconfigured's-postinst> `abort-deconfigure' `in-favour'
+#          <failed-install-package> <version> `removing'
+#          <conflicting-package> <version>
+# for details, see http://www.debian.org/doc/debian-policy/ or
+# the debian-policy package
+
+
+case "$1" in
+    configure)
+
+        # loading debconf
+        . /usr/share/debconf/confmodule
+
+        db_get jitsi-meet-prosody/jvb-hostname
+        JVB_HOSTNAME=$(echo "$RET" | xargs echo -n)
+
+        db_get jitsi-meet-tokens/appid
+        if [ "$RET" = "false" ] ; then
+            echo "Application ID is mandatory"
+            exit 1
+        fi
+        APP_ID=$RET
+
+        db_get jitsi-meet-tokens/appsecret
+        if [ "$RET" = "false" ] ; then
+            echo "Application secret is mandatory"
+        fi
+        # Not allowed unix special characters in secret: /, \, ", ', `
+        if echo "$RET" | grep -q "[/\\\"\`\']" ; then
+            echo "Application secret contains invalid characters: /, \\, \", ', \`"
+            exit 1
+        fi
+        APP_SECRET=$RET
+
+        PROSODY_HOST_CONFIG="/etc/prosody/conf.avail/$JVB_HOSTNAME.cfg.lua"
+
+        # Store config filename for purge
+        db_set jitsi-meet-prosody/prosody_config "$PROSODY_HOST_CONFIG"
+
+        db_stop
+
+        if [ -f "$PROSODY_HOST_CONFIG" ] ; then
+            # search for the token auth, if this is not enabled this is the
+            # first time we install tokens package and needs a config change
+            if ! egrep -q '^\s*authentication\s*=\s*"token" -- do not delete me' "$PROSODY_HOST_CONFIG"; then
+                # enable tokens in prosody host config
+                sed -i 's/--plugin_paths/plugin_paths/g' $PROSODY_HOST_CONFIG
+                sed -i 's/authentication = "jitsi-anonymous" -- do not delete me/authentication = "token" -- do not delete me/g' $PROSODY_HOST_CONFIG
+                sed -i "s/ --app_id=\"example_app_id\"/ app_id=\"$APP_ID\"/g" $PROSODY_HOST_CONFIG
+                sed -i "s/ --app_secret=\"example_app_secret\"/ app_secret=\"$APP_SECRET\"/g" $PROSODY_HOST_CONFIG
+                sed -i 's/ --modules_enabled = { "token_verification" }/ modules_enabled = { "token_verification" }/g' $PROSODY_HOST_CONFIG
+                sed -i '/^\s*--\s*"token_verification"/ s/--\s*//' $PROSODY_HOST_CONFIG
+
+                if [ -x "/etc/init.d/prosody" ]; then
+                    invoke-rc.d prosody restart || true
+                fi
+            fi
+        else
+            echo "Prosody config not found at $PROSODY_HOST_CONFIG - unable to auto-configure token authentication"
+        fi
+
+    ;;
+
+    abort-upgrade|abort-remove|abort-deconfigure)
+    ;;
+
+    *)
+        echo "postinst called with unknown argument \`$1'" >&2
+        exit 1
+    ;;
+esac
+
+# dh_installdeb will replace this with shell code automatically
+# generated by other debhelper scripts.
+
+#DEBHELPER#
+
+exit 0
diff --git a/debian/jitsi-meet-tokens.postrm b/debian/jitsi-meet-tokens.postrm
new file mode 100644
index 0000000..e0f3030
--- /dev/null
+++ b/debian/jitsi-meet-tokens.postrm
@@ -0,0 +1,74 @@
+#!/bin/sh
+# postrm script for jitsi-meet-tokens
+#
+# see: dh_installdeb(1)
+
+set -e
+
+# summary of how this script can be called:
+#        * <postrm> `remove'
+#        * <postrm> `purge'
+#        * <old-postrm> `upgrade' <new-version>
+#        * <new-postrm> `failed-upgrade' <old-version>
+#        * <new-postrm> `abort-install'
+#        * <new-postrm> `abort-install' <old-version>
+#        * <new-postrm> `abort-upgrade' <old-version>
+#        * <disappearer's-postrm> `disappear' <overwriter>
+#          <overwriter-version>
+# for details, see http://www.debian.org/doc/debian-policy/ or
+# the debian-policy package
+
+# Load debconf
+. /usr/share/debconf/confmodule
+
+
+case "$1" in
+    remove)
+
+        db_get jitsi-meet-prosody/prosody_config
+        PROSODY_HOST_CONFIG=$RET
+
+        if [ -f "$PROSODY_HOST_CONFIG" ] ; then
+
+            db_get jitsi-meet-tokens/appid
+            APP_ID=$RET
+
+            db_get jitsi-meet-tokens/appsecret
+            APP_SECRET=$RET
+
+            # Revert prosody config
+            sed -i 's/authentication = "token" -- do not delete me/authentication = "jitsi-anonymous" -- do not delete me/g' $PROSODY_HOST_CONFIG
+            sed -i "s/ app_id=\"$APP_ID\"/ --app_id=\"example_app_id\"/g" $PROSODY_HOST_CONFIG
+            sed -i "s/ app_secret=\"$APP_SECRET\"/ --app_secret=\"example_app_secret\"/g" $PROSODY_HOST_CONFIG
+            sed -i '/^\s*"token_verification"/ s/"token_verification"/-- "token_verification"/' $PROSODY_HOST_CONFIG
+
+            if [ -x "/etc/init.d/prosody" ]; then
+                invoke-rc.d prosody restart || true
+            fi
+        fi
+
+        db_stop
+    ;;
+
+    purge)
+        # Clear the debconf variable
+        db_purge
+    ;;
+
+    upgrade|failed-upgrade|abort-install|abort-upgrade|disappear)
+    ;;
+
+    *)
+        echo "postrm called with unknown argument \`$1'" >&2
+        exit 1
+    ;;
+esac
+
+# dh_installdeb will replace this with shell code automatically
+# generated by other debhelper scripts.
+
+#DEBHELPER#
+
+db_stop
+
+exit 0
diff --git a/debian/jitsi-meet-tokens.templates b/debian/jitsi-meet-tokens.templates
new file mode 100644
index 0000000..de31185
--- /dev/null
+++ b/debian/jitsi-meet-tokens.templates
@@ -0,0 +1,14 @@
+Template: jitsi-meet-tokens/appid
+Type: string
+_Description: The application ID to be used by token authentication plugin:
+  Application ID:
+
+Template: jitsi-meet-tokens/appsecret
+Type: password
+_Description: The application secret to be used by token authentication plugin:
+  Application secret:
+
+Template: jitsi-meet-prosody/prosody_config
+Type: string
+_Description: The location of Jitsi Meet Prosody config file
+  Jitsi-meet Prosody config file location:
\ No newline at end of file
diff --git a/debian/jitsi-meet-turnserver.install b/debian/jitsi-meet-turnserver.install
new file mode 100644
index 0000000..6bf8fb6
--- /dev/null
+++ b/debian/jitsi-meet-turnserver.install
@@ -0,0 +1,2 @@
+doc/debian/jitsi-meet-turn/turnserver.conf          /usr/share/jitsi-meet-turnserver/
+doc/debian/jitsi-meet/jitsi-meet.conf               /usr/share/jitsi-meet-turnserver/
diff --git a/debian/jitsi-meet-turnserver.postinst b/debian/jitsi-meet-turnserver.postinst
new file mode 100644
index 0000000..57f9b01
--- /dev/null
+++ b/debian/jitsi-meet-turnserver.postinst
@@ -0,0 +1,150 @@
+#!/bin/bash
+# postinst script for jitsi-meet-turnserver
+#
+# see: dh_installdeb(1)
+
+set -e
+
+# summary of how this script can be called:
+#        * <postinst> `configure' <most-recently-configured-version>
+#        * <old-postinst> `abort-upgrade' <new version>
+#        * <conflictor's-postinst> `abort-remove' `in-favour' <package>
+#          <new-version>
+#        * <postinst> `abort-remove'
+#        * <deconfigured's-postinst> `abort-deconfigure' `in-favour'
+#          <failed-install-package> <version> `removing'
+#          <conflicting-package> <version>
+# for details, see http://www.debian.org/doc/debian-policy/ or
+# the debian-policy package
+
+case "$1" in
+    configure)
+        # loading debconf
+        . /usr/share/debconf/confmodule
+
+        # try to get host from jitsi-videobridge
+        db_get jitsi-videobridge/jvb-hostname
+        if [ -z "$RET" ] ; then
+            # server hostname
+            db_set jitsi-videobridge/jvb-hostname "localhost"
+            db_input critical jitsi-videobridge/jvb-hostname || true
+            db_go
+        fi
+        JVB_HOSTNAME=$(echo "$RET" | xargs echo -n)
+
+        TURN_CONFIG="/etc/turnserver.conf"
+        JITSI_MEET_CONFIG="/etc/jitsi/meet/$JVB_HOSTNAME-config.js"
+
+        # if there was a turn config backup it so we can configure
+        # we cannot recognize at the moment is this a user config or default config when installing coturn
+        if [[ -f $TURN_CONFIG ]] && ! grep -q "jitsi-meet coturn config" "$TURN_CONFIG" ; then
+            mv $TURN_CONFIG $TURN_CONFIG.bak
+        fi
+
+        # detect dpkg-reconfigure, just delete old links
+        db_get jitsi-meet-turnserver/jvb-hostname
+        JVB_HOSTNAME_OLD=$(echo "$RET" | xargs echo -n)
+        if [ -n "$RET" ] && [ ! "$JVB_HOSTNAME_OLD" = "$JVB_HOSTNAME" ] ; then
+            if [[ -f $TURN_CONFIG ]] && grep -q "jitsi-meet coturn config" "$TURN_CONFIG" ; then
+                rm -f $TURN_CONFIG
+            fi
+        fi
+
+        if [[ -f $TURN_CONFIG ]] ; then
+            echo "------------------------------------------------"
+            echo ""
+            echo "turnserver is already configured on this machine."
+            echo ""
+            echo "------------------------------------------------"
+
+            if grep -q "jitsi-meet coturn config" "$TURN_CONFIG" && ! grep -q "jitsi-meet coturn relay disable config" "$TURN_CONFIG" ; then
+                echo "Updating coturn config"
+                echo "# jitsi-meet coturn relay disable config. Do not modify this line
+no-multicast-peers
+no-cli
+no-loopback-peers
+no-tcp-relay
+denied-peer-ip=0.0.0.0-0.255.255.255
+denied-peer-ip=10.0.0.0-10.255.255.255
+denied-peer-ip=100.64.0.0-100.127.255.255
+denied-peer-ip=127.0.0.0-127.255.255.255
+denied-peer-ip=169.254.0.0-169.254.255.255
+denied-peer-ip=127.0.0.0-127.255.255.255
+denied-peer-ip=172.16.0.0-172.31.255.255
+denied-peer-ip=192.0.0.0-192.0.0.255
+denied-peer-ip=192.0.2.0-192.0.2.255
+denied-peer-ip=192.88.99.0-192.88.99.255
+denied-peer-ip=192.168.0.0-192.168.255.255
+denied-peer-ip=198.18.0.0-198.19.255.255
+denied-peer-ip=198.51.100.0-198.51.100.255
+denied-peer-ip=203.0.113.0-203.0.113.255
+denied-peer-ip=240.0.0.0-255.255.255.255" >> $TURN_CONFIG
+
+                invoke-rc.d coturn restart || true
+            fi
+
+            db_stop
+            exit 0
+        fi
+
+        # stores the hostname so we will reuse it later, like in purge
+        db_set jitsi-meet-turnserver/jvb-hostname "$JVB_HOSTNAME"
+
+        # try to get turnserver password
+        db_get jitsi-meet-prosody/turn-secret
+        if [ -z "$RET" ] ; then
+            db_input critical jitsi-meet-prosody/turn-secret || true
+            db_go
+        fi
+        TURN_SECRET="$RET"
+
+        # no turn config exists, lt's copy template and fill it in
+        cp /usr/share/jitsi-meet-turnserver/turnserver.conf $TURN_CONFIG
+        sed -i "s/jitsi-meet.example.com/$JVB_HOSTNAME/g" $TURN_CONFIG
+        sed -i "s/__turnSecret__/$TURN_SECRET/g" $TURN_CONFIG
+
+        # SSL settings
+        db_get jitsi-meet/cert-choice
+        CERT_CHOICE="$RET"
+
+        UPLOADED_CERT_CHOICE="I want to use my own certificate"
+        LE_CERT_CHOICE="Let's Encrypt certificates"
+        if [ "$CERT_CHOICE" = "$UPLOADED_CERT_CHOICE" ]; then
+            db_get jitsi-meet/cert-path-key
+            CERT_KEY="$RET"
+            db_get jitsi-meet/cert-path-crt
+            CERT_CRT="$RET"
+
+            # replace self-signed certificate paths with user provided ones
+            CERT_KEY_ESC=$(echo $CERT_KEY | sed 's/\./\\\./g')
+            CERT_KEY_ESC=$(echo $CERT_KEY_ESC | sed 's/\//\\\//g')
+            sed -i "s/pkey=\/etc\/jitsi\/meet\/.*key/pkey=$CERT_KEY_ESC/g" $TURN_CONFIG
+            CERT_CRT_ESC=$(echo $CERT_CRT | sed 's/\./\\\./g')
+            CERT_CRT_ESC=$(echo $CERT_CRT_ESC | sed 's/\//\\\//g')
+            sed -i "s/cert=\/etc\/jitsi\/meet\/.*crt/cert=$CERT_CRT_ESC/g" $TURN_CONFIG
+        elif [ "$CERT_CHOICE" = "$LE_CERT_CHOICE" ]; then
+            /usr/share/jitsi-meet/scripts/coturn-le-update.sh ${JVB_HOSTNAME}
+        fi
+
+        sed -i "s/#TURNSERVER_ENABLED/TURNSERVER_ENABLED/g" /etc/default/coturn
+        invoke-rc.d coturn restart || true
+
+        # and we're done with debconf
+        db_stop
+    ;;
+
+    abort-upgrade|abort-remove|abort-deconfigure)
+    ;;
+
+    *)
+        echo "postinst called with unknown argument \`$1'" >&2
+        exit 1
+    ;;
+esac
+
+# dh_installdeb will replace this with shell code automatically
+# generated by other debhelper scripts.
+
+#DEBHELPER#
+
+exit 0
diff --git a/debian/jitsi-meet-turnserver.postrm b/debian/jitsi-meet-turnserver.postrm
new file mode 100644
index 0000000..6e1308e
--- /dev/null
+++ b/debian/jitsi-meet-turnserver.postrm
@@ -0,0 +1,47 @@
+#!/bin/sh
+# postrm script for jitsi-meet-turnserver
+#
+# see: dh_installdeb(1)
+
+set -e
+
+# summary of how this script can be called:
+#        * <postrm> `remove'
+#        * <postrm> `purge'
+#        * <old-postrm> `upgrade' <new-version>
+#        * <new-postrm> `failed-upgrade' <old-version>
+#        * <new-postrm> `abort-install'
+#        * <new-postrm> `abort-install' <old-version>
+#        * <new-postrm> `abort-upgrade' <old-version>
+#        * <disappearer's-postrm> `disappear' <overwriter>
+#          <overwriter-version>
+# for details, see http://www.debian.org/doc/debian-policy/ or
+# the debian-policy package
+
+# Load debconf
+. /usr/share/debconf/confmodule
+
+
+case "$1" in
+    purge)
+        rm -rf /etc/turnserver.conf
+        # Clear the debconf variable
+        db_purge
+    ;;
+    remove|upgrade|failed-upgrade|abort-install|abort-upgrade|disappear)
+    ;;
+
+    *)
+        echo "postrm called with unknown argument \`$1'" >&2
+        exit 1
+    ;;
+esac
+
+# dh_installdeb will replace this with shell code automatically
+# generated by other debhelper scripts.
+
+#DEBHELPER#
+
+db_stop
+
+exit 0
diff --git a/debian/jitsi-meet-turnserver.templates b/debian/jitsi-meet-turnserver.templates
new file mode 100644
index 0000000..8947ea3
--- /dev/null
+++ b/debian/jitsi-meet-turnserver.templates
@@ -0,0 +1,9 @@
+Template: jitsi-meet-turnserver/jvb-hostname
+Type: string
+_Description: The domain of the current installation (e.g. meet.jitsi.com):
+ The value of the domain that is set in the Jitsi Videobridge installation.
+
+Template: jitsi-videobridge/jvb-hostname
+Type: string
+_Description: The domain of the current installation (e.g. meet.jitsi.com):
+ The value of the domain that is set in the Jitsi Videobridge installation.
diff --git a/debian/jitsi-meet-web-config.dirs b/debian/jitsi-meet-web-config.dirs
new file mode 100644
index 0000000..0bb2ab3
--- /dev/null
+++ b/debian/jitsi-meet-web-config.dirs
@@ -0,0 +1 @@
+etc/jitsi/meet/
diff --git a/debian/jitsi-meet-web-config.docs b/debian/jitsi-meet-web-config.docs
new file mode 100644
index 0000000..690648e
--- /dev/null
+++ b/debian/jitsi-meet-web-config.docs
@@ -0,0 +1 @@
+doc/debian/jitsi-meet/README
diff --git a/debian/jitsi-meet-web-config.install b/debian/jitsi-meet-web-config.install
new file mode 100644
index 0000000..75c8210
--- /dev/null
+++ b/debian/jitsi-meet-web-config.install
@@ -0,0 +1,6 @@
+doc/debian/jitsi-meet/jitsi-meet.example        /usr/share/jitsi-meet-web-config/
+doc/debian/jitsi-meet/jitsi-meet.example-apache /usr/share/jitsi-meet-web-config/
+config.js                                       /usr/share/jitsi-meet-web-config/
+doc/jaas/nginx-jaas.conf                        /usr/share/jitsi-meet-web-config/
+doc/jaas/index-jaas.html                        /usr/share/jitsi-meet-web-config/
+doc/jaas/8x8.vc-config.js                        /usr/share/jitsi-meet-web-config/
diff --git a/debian/jitsi-meet-web-config.postinst b/debian/jitsi-meet-web-config.postinst
new file mode 100644
index 0000000..a24a71e
--- /dev/null
+++ b/debian/jitsi-meet-web-config.postinst
@@ -0,0 +1,318 @@
+#!/bin/bash
+# postinst script for jitsi-meet-web-config
+#
+# see: dh_installdeb(1)
+
+set -e
+
+# summary of how this script can be called:
+#        * <postinst> `configure' <most-recently-configured-version>
+#        * <old-postinst> `abort-upgrade' <new version>
+#        * <conflictor's-postinst> `abort-remove' `in-favour' <package>
+#          <new-version>
+#        * <postinst> `abort-remove'
+#        * <deconfigured's-postinst> `abort-deconfigure' `in-favour'
+#          <failed-install-package> <version> `removing'
+#          <conflicting-package> <version>
+# for details, see http://www.debian.org/doc/debian-policy/ or
+# the debian-policy package
+
+case "$1" in
+    configure)
+
+        # loading debconf
+        . /usr/share/debconf/confmodule
+
+        # try to get host from jitsi-videobridge
+        db_get jitsi-videobridge/jvb-hostname
+        if [ -z "$RET" ] ; then
+            # server hostname
+            db_set jitsi-videobridge/jvb-hostname "localhost"
+            db_input critical jitsi-videobridge/jvb-hostname || true
+            db_go
+            db_get jitsi-videobridge/jvb-hostname
+        fi
+        JVB_HOSTNAME=$(echo "$RET" | xargs echo -n)
+
+        # detect dpkg-reconfigure
+        RECONFIGURING="false"
+        db_get jitsi-meet/jvb-hostname
+        JVB_HOSTNAME_OLD=$(echo "$RET" | xargs echo -n)
+        if [ -n "$RET" ] && [ ! "$JVB_HOSTNAME_OLD" = "$JVB_HOSTNAME" ] ; then
+            RECONFIGURING="true"
+            rm -f /etc/jitsi/meet/$JVB_HOSTNAME_OLD-config.js
+        fi
+
+        # stores the hostname so we will reuse it later, like in purge
+        db_set jitsi-meet/jvb-hostname $JVB_HOSTNAME
+
+        NGINX_INSTALL_CHECK="$(dpkg-query -f '${Status}' -W 'nginx' 2>/dev/null | awk '{print $3}' || true)"
+        NGINX_FULL_INSTALL_CHECK="$(dpkg-query -f '${Status}' -W 'nginx-full' 2>/dev/null | awk '{print $3}' || true)"
+        NGINX_EXTRAS_INSTALL_CHECK="$(dpkg-query -f '${Status}' -W 'nginx-extras' 2>/dev/null | awk '{print $3}' || true)"
+        if [ "$NGINX_INSTALL_CHECK" = "installed" ] \
+           || [ "$NGINX_INSTALL_CHECK" = "unpacked" ] \
+           || [ "$NGINX_FULL_INSTALL_CHECK" = "installed" ] \
+           || [ "$NGINX_FULL_INSTALL_CHECK" = "unpacked" ] \
+           || [ "$NGINX_EXTRAS_INSTALL_CHECK" = "installed" ] \
+           || [ "$NGINX_EXTRAS_INSTALL_CHECK" = "unpacked" ] ; then
+            FORCE_NGINX="true"
+        fi
+        OPENRESTY_INSTALL_CHECK="$(dpkg-query -f '${Status}' -W 'openresty' 2>/dev/null | awk '{print $3}' || true)"
+        if [ "$OPENRESTY_INSTALL_CHECK" = "installed" ] || [ "$OPENRESTY_INSTALL_CHECK" = "unpacked" ] ; then
+            FORCE_OPENRESTY="true"
+        fi
+        APACHE_INSTALL_CHECK="$(dpkg-query -f '${Status}' -W 'apache2' 2>/dev/null | awk '{print $3}' || true)"
+        if [ "$APACHE_INSTALL_CHECK" = "installed" ] || [ "$APACHE_INSTALL_CHECK" = "unpacked" ] ; then
+            FORCE_APACHE="true"
+        fi
+        # In case user enforces apache and if apache is available, unset nginx.
+        RET=""
+        db_get jitsi-meet/enforce_apache || RET="false"
+        if [ "$RET" = "true" ] && [ "$FORCE_APACHE" = "true" ]; then
+            FORCE_NGINX="false"
+        fi
+
+        UPLOADED_CERT_CHOICE="I want to use my own certificate"
+        LE_CERT_CHOICE="Let's Encrypt certificates"
+        # if first time config ask for certs, or if we are reconfiguring
+        if [ -z "$JVB_HOSTNAME_OLD" ] || [ "$RECONFIGURING" = "true" ] ; then
+            RET=""
+            # ask the question only if there is nothing stored, option to pre-set it on install in automations
+            db_get jitsi-meet/cert-choice
+            CERT_CHOICE="$RET"
+            if [ -z "$CERT_CHOICE" ] ; then
+                db_input critical jitsi-meet/cert-choice || true
+                db_go
+                db_get jitsi-meet/cert-choice
+                CERT_CHOICE="$RET"
+            fi
+
+            if [ "$CERT_CHOICE" = "$UPLOADED_CERT_CHOICE" ]; then
+                RET=""
+                db_get jitsi-meet/cert-path-key
+                if [ -z "$RET" ] ; then
+                    db_set jitsi-meet/cert-path-key "/etc/ssl/$JVB_HOSTNAME.key"
+                    db_input critical jitsi-meet/cert-path-key || true
+                    db_go
+                    db_get jitsi-meet/cert-path-key
+                fi
+                CERT_KEY="$RET"
+                RET=""
+                db_get jitsi-meet/cert-path-crt
+                if [ -z "$RET" ] ; then
+                    db_set jitsi-meet/cert-path-crt "/etc/ssl/$JVB_HOSTNAME.crt"
+                    db_input critical jitsi-meet/cert-path-crt || true
+                    db_go
+                    db_get jitsi-meet/cert-path-crt
+                fi
+                CERT_CRT="$RET"
+            else
+                # create self-signed certs (we also need them for the case of LE so we can start nginx)
+                CERT_KEY="/etc/jitsi/meet/$JVB_HOSTNAME.key"
+                CERT_CRT="/etc/jitsi/meet/$JVB_HOSTNAME.crt"
+                HOST="$( (hostname -s; echo localhost) | head -n 1)"
+                DOMAIN="$( (hostname -d; echo localdomain) | head -n 1)"
+                openssl req -new -newkey rsa:4096 -days 3650 -nodes -x509 -subj \
+                    "/O=$DOMAIN/OU=$HOST/CN=$JVB_HOSTNAME/emailAddress=webmaster@$HOST.$DOMAIN" \
+                    -keyout $CERT_KEY \
+                    -out $CERT_CRT \
+                    -reqexts SAN \
+                    -extensions SAN \
+                    -config <(cat /etc/ssl/openssl.cnf \
+                        <(printf "[SAN]\nsubjectAltName=DNS:localhost,DNS:$JVB_HOSTNAME"))
+
+                if [ "$CERT_CHOICE" = "$LE_CERT_CHOICE" ]; then
+                    db_subst jitsi-meet/email domain "${JVB_HOSTNAME}"
+                    db_input critical jitsi-meet/email || true
+                    db_go
+                    db_get jitsi-meet/email
+                    EMAIL="$RET"
+                    if [ ! -z "$EMAIL" ] ; then
+                        ISSUE_LE_CERT="true"
+                    fi
+                fi
+            fi
+        fi
+
+        # jitsi meet
+        JITSI_MEET_CONFIG="/etc/jitsi/meet/$JVB_HOSTNAME-config.js"
+        if [ ! -f $JITSI_MEET_CONFIG ] ; then
+            cp /usr/share/jitsi-meet-web-config/config.js $JITSI_MEET_CONFIG
+            # replaces needed config for multidomain as it works only with nginx
+            if [[ "$FORCE_NGINX" = "true" ]] ; then
+                sed -i "s/conference.jitsi-meet.example.com/conference.<\!--# echo var=\"subdomain\" default=\"\" -->jitsi-meet.example.com/g" $JITSI_MEET_CONFIG
+            fi
+            sed -i "s/jitsi-meet.example.com/$JVB_HOSTNAME/g" $JITSI_MEET_CONFIG
+        fi
+
+        if [ "$CERT_CHOICE" = "$LE_CERT_CHOICE" ] || [ "$CERT_CHOICE" = "$UPLOADED_CERT_CHOICE" ]; then
+            # Make sure jaas-choice is not answered already
+            db_get jitsi-meet/jaas-choice
+            JAAS_INPUT="$RET"
+            if [ -z "$JAAS_INPUT" ] ; then
+                db_subst jitsi-meet/jaas-choice domain "${JVB_HOSTNAME}"
+                db_set jitsi-meet/jaas-choice false
+                db_input critical jitsi-meet/jaas-choice || true
+                db_go
+                db_get jitsi-meet/jaas-choice
+                JAAS_INPUT="$RET"
+            fi
+        fi
+
+        if [ "${JAAS_INPUT}" = "true" ] && ! grep -q "^var enableJaaS = true;$" $JITSI_MEET_CONFIG;  then
+            if grep -q "^var enableJaaS = false;$" $JITSI_MEET_CONFIG; then
+                sed -i "s/^var enableJaaS = false;$/var enableJaaS = true;/g" $JITSI_MEET_CONFIG
+            else
+                # old config, let's add the lines at the end. Adding var enableJaaS to avoid adding it on update again
+                echo "var enableJaaS = true;" >> $JITSI_MEET_CONFIG
+                echo "config.dialInNumbersUrl = 'https://conference-mapper.jitsi.net/v1/access/dids';" >> $JITSI_MEET_CONFIG
+                echo "config.dialInConfCodeUrl = 'https://conference-mapper.jitsi.net/v1/access';" >> $JITSI_MEET_CONFIG
+
+                # Sets roomPasswordNumberOfDigits only if there was not already set
+                if ! cat $JITSI_MEET_CONFIG | grep roomPasswordNumberOfDigits | grep -qv //; then
+                    echo "config.roomPasswordNumberOfDigits = 10; // skip re-adding it (do not remove comment)" >> $JITSI_MEET_CONFIG
+                fi
+            fi
+        fi
+
+        if [[ "$FORCE_OPENRESTY" = "true" ]]; then
+            NGX_COMMON_CONF_PATH="/usr/local/openresty/nginx/conf/$JVB_HOSTNAME.conf"
+            NGX_SVC_NAME=openresty
+            OPENRESTY_NGX_CONF="/usr/local/openresty/nginx/conf/nginx.conf"
+        else
+            NGX_COMMON_CONF_PATH="/etc/nginx/sites-available/$JVB_HOSTNAME.conf"
+            NGX_SVC_NAME=nginx
+        fi
+
+        if [[ ( "$FORCE_NGINX" = "true" || "$FORCE_OPENRESTY" = "true" ) && ( -z "$JVB_HOSTNAME_OLD" || "$RECONFIGURING" = "true" ) ]] ; then
+
+            # this is a reconfigure, lets just delete old links
+            if [ "$RECONFIGURING" = "true" ] ; then
+                rm -f /etc/nginx/sites-enabled/$JVB_HOSTNAME_OLD.conf
+                rm -f /etc/jitsi/meet/$JVB_HOSTNAME_OLD-config.js
+                if [[ "$FORCE_OPENRESTY" = "true" ]]; then
+                    sed -i "/include.*$JVB_HOSTNAME_OLD/d" "$OPENRESTY_NGX_CONF"
+                fi
+            fi
+
+            # nginx conf
+            if [ ! -f "$NGX_COMMON_CONF_PATH" ] ; then
+                cp /usr/share/jitsi-meet-web-config/jitsi-meet.example "$NGX_COMMON_CONF_PATH"
+                if [ ! -f /etc/nginx/sites-enabled/$JVB_HOSTNAME.conf ] && ! [[ "$FORCE_OPENRESTY" = "true" ]] ; then
+                    ln -s "$NGX_COMMON_CONF_PATH" /etc/nginx/sites-enabled/$JVB_HOSTNAME.conf
+                fi
+                sed -i "s/jitsi-meet.example.com/$JVB_HOSTNAME/g" "$NGX_COMMON_CONF_PATH"
+
+                if [[ "$FORCE_OPENRESTY" = "true" ]]; then
+                    OPENRESTY_NGX_CONF_MD5_ORIG=$(dpkg-query -s openresty | sed -n '/\/nginx\.conf /{s@.* @@;p}')
+                    OPENRESTY_NGX_CONF_MD5_USERS=$(md5sum "$OPENRESTY_NGX_CONF" | sed 's@ .*@@')
+                    if [[ "$OPENRESTY_NGX_CONF_MD5_USERS" = "$OPENRESTY_NGX_CONF_MD5_ORIG" ]]; then
+                       sed -i "/^http \x7b/,/^\x7d/s@^\x7d@\tinclude $NGX_COMMON_CONF_PATH;\n\x7d@" "$OPENRESTY_NGX_CONF"
+                    fi
+                fi
+            fi
+
+            if [ "$CERT_CHOICE" = "$UPLOADED_CERT_CHOICE" ] ; then
+                # replace self-signed certificate paths with user provided ones
+                CERT_KEY_ESC=$(echo $CERT_KEY | sed 's/\./\\\./g')
+                CERT_KEY_ESC=$(echo $CERT_KEY_ESC | sed 's/\//\\\//g')
+                sed -i "s/ssl_certificate_key\ \/etc\/jitsi\/meet\/.*key/ssl_certificate_key\ $CERT_KEY_ESC/g" \
+                    "$NGX_COMMON_CONF_PATH"
+                CERT_CRT_ESC=$(echo $CERT_CRT | sed 's/\./\\\./g')
+                CERT_CRT_ESC=$(echo $CERT_CRT_ESC | sed 's/\//\\\//g')
+                sed -i "s/ssl_certificate\ \/etc\/jitsi\/meet\/.*crt/ssl_certificate\ $CERT_CRT_ESC/g" \
+                    "$NGX_COMMON_CONF_PATH"
+            fi
+
+            invoke-rc.d $NGX_SVC_NAME reload || true
+        elif [[ "$FORCE_APACHE" = "true" && ( -z "$JVB_HOSTNAME_OLD" || "$RECONFIGURING" = "true" ) ]] ; then
+
+            # this is a reconfigure, lets just delete old links
+            if [ "$RECONFIGURING" = "true" ] ; then
+                a2dissite $JVB_HOSTNAME_OLD.conf
+                rm -f /etc/jitsi/meet/$JVB_HOSTNAME_OLD-config.js
+            fi
+
+            # apache2 config
+            if [ ! -f /etc/apache2/sites-available/$JVB_HOSTNAME.conf ] ; then
+                # when creating new config, make sure all needed modules are enabled
+                a2enmod rewrite ssl headers proxy_http proxy_wstunnel include
+                cp /usr/share/jitsi-meet-web-config/jitsi-meet.example-apache /etc/apache2/sites-available/$JVB_HOSTNAME.conf
+                a2ensite $JVB_HOSTNAME.conf
+                sed -i "s/jitsi-meet.example.com/$JVB_HOSTNAME/g" /etc/apache2/sites-available/$JVB_HOSTNAME.conf
+            fi
+
+            if [ "$CERT_CHOICE" = "$UPLOADED_CERT_CHOICE" ] ; then
+                # replace self-signed certificate paths with user provided ones
+                CERT_KEY_ESC=$(echo $CERT_KEY | sed 's/\./\\\./g')
+                CERT_KEY_ESC=$(echo $CERT_KEY_ESC | sed 's/\//\\\//g')
+                sed -i "s/SSLCertificateKeyFile\ \/etc\/jitsi\/meet\/.*key/SSLCertificateKeyFile\ $CERT_KEY_ESC/g" \
+                    /etc/apache2/sites-available/$JVB_HOSTNAME.conf
+                CERT_CRT_ESC=$(echo $CERT_CRT | sed 's/\./\\\./g')
+                CERT_CRT_ESC=$(echo $CERT_CRT_ESC | sed 's/\//\\\//g')
+                sed -i "s/SSLCertificateFile\ \/etc\/jitsi\/meet\/.*crt/SSLCertificateFile\ $CERT_CRT_ESC/g" \
+                    /etc/apache2/sites-available/$JVB_HOSTNAME.conf
+            fi
+
+            invoke-rc.d apache2 reload || true
+        fi
+
+        # If scripts fail they will print suggestions for next steps, do not fail install
+        # those can be re-run later
+        # run the scripts only on new install or when re-configuring
+        if [[ "$ISSUE_LE_CERT" = "true" && ( -z "$JVB_HOSTNAME_OLD" || "$RECONFIGURING" = "true" ) ]] ; then
+            /usr/share/jitsi-meet/scripts/install-letsencrypt-cert.sh $EMAIL $JVB_HOSTNAME || true
+        fi
+        JAAS_REG_ERROR=0
+        if [[ "${JAAS_INPUT}" = "true" && ( -z "$JVB_HOSTNAME_OLD" || "$RECONFIGURING" = "true" ) ]] ; then
+            /usr/share/jitsi-meet/scripts/register-jaas-account.sh $EMAIL $JVB_HOSTNAME || JAAS_REG_ERROR=$?
+        fi
+
+        echo ""
+        echo ""
+        echo "       ;dOocd;"
+        echo "     .dNMM0dKO."
+        echo "     lNMMMKd0K,"
+        echo "    .xMMMMNxkNc"
+        echo "     dMMMMMkxXc"
+        echo "     cNMMMNl.."
+        if [ "${JAAS_INPUT}" != "true" ] || [ ${JAAS_REG_ERROR} -ne 0 ]; then
+            echo "     .kMMMX;             Interested in adding telephony to your Jitsi meetings?"
+            echo "      ;XMMMO'"
+            echo "       lNMMWO'           Sign up on https://jaas.8x8.vc/components?host=${JVB_HOSTNAME}"
+            echo "        lNMMM0,                        and follow the guide in the dev console."
+        else
+            echo "     .kMMMX;"
+            echo "      ;XMMMO'            Congratulations! Now you can use telephony in your Jitsi meetings!"
+            echo "       lNMMWO'             We have created a free JaaS (Jitsi as a Service) account for you. "
+            echo "        lNMMM0,              You can login to https://jaas.8x8.vc/components to check our developer console and your account details."
+        fi
+        echo "         lXMMMK:."
+        echo "          ;KMMMNKd.  'oo,"
+        echo "           'xNMMMMXkkkkOKOl'"
+        echo "             :0WMMMMMMNOkk0Kk,"
+        echo "              .cdOWMMMMMWXOkOl"
+        echo "                 .;dKWMMMMMXc."
+        echo "                    .,:cll:'"
+        echo ""
+        echo ""
+
+        # and we're done with debconf
+        db_stop
+    ;;
+
+    abort-upgrade|abort-remove|abort-deconfigure)
+    ;;
+
+    *)
+        echo "postinst called with unknown argument \`$1'" >&2
+        exit 1
+    ;;
+esac
+
+# dh_installdeb will replace this with shell code automatically
+# generated by other debhelper scripts.
+
+#DEBHELPER#
+
+exit 0
diff --git a/debian/jitsi-meet-web-config.postrm b/debian/jitsi-meet-web-config.postrm
new file mode 100644
index 0000000..2877b65
--- /dev/null
+++ b/debian/jitsi-meet-web-config.postrm
@@ -0,0 +1,69 @@
+#!/bin/sh
+# postrm script for jitsi-meet-web-config
+#
+# see: dh_installdeb(1)
+
+set -e
+
+# summary of how this script can be called:
+#        * <postrm> `remove'
+#        * <postrm> `purge'
+#        * <old-postrm> `upgrade' <new-version>
+#        * <new-postrm> `failed-upgrade' <old-version>
+#        * <new-postrm> `abort-install'
+#        * <new-postrm> `abort-install' <old-version>
+#        * <new-postrm> `abort-upgrade' <old-version>
+#        * <disappearer's-postrm> `disappear' <overwriter>
+#          <overwriter-version>
+# for details, see http://www.debian.org/doc/debian-policy/ or
+# the debian-policy package
+
+# Load debconf
+. /usr/share/debconf/confmodule
+
+
+case "$1" in
+    remove)
+        if [ -x "/etc/init.d/openresty" ]; then
+            invoke-rc.d openresty reload || true
+        fi
+        if [ -x "/etc/init.d/nginx" ]; then
+            invoke-rc.d nginx reload || true
+        fi
+        if [ -x "/etc/init.d/apache2" ]; then
+            invoke-rc.d apache2 reload || true
+        fi
+    ;;
+    purge)
+        db_get jitsi-meet/jvb-hostname
+        JVB_HOSTNAME=$(echo "$RET" | xargs echo -n)
+        if [ -n "$RET" ]; then
+            rm -f /etc/jitsi/meet/$JVB_HOSTNAME-config.js
+            rm -f /etc/nginx/sites-available/$JVB_HOSTNAME.conf
+            rm -f /etc/nginx/sites-enabled/$JVB_HOSTNAME.conf
+            rm -f /usr/local/openresty/nginx/conf/$JVB_HOSTNAME.conf
+            rm -f /etc/apache2/sites-available/$JVB_HOSTNAME.conf
+            rm -f /etc/apache2/sites-enabled/$JVB_HOSTNAME.conf
+            rm -f /etc/jitsi/meet/$JVB_HOSTNAME.key
+            rm -f /etc/jitsi/meet/$JVB_HOSTNAME.crt
+        fi
+        # Clear the debconf variable
+        db_purge
+    ;;
+    upgrade|failed-upgrade|abort-install|abort-upgrade|disappear)
+    ;;
+
+    *)
+        echo "postrm called with unknown argument \`$1'" >&2
+        exit 1
+    ;;
+esac
+
+# dh_installdeb will replace this with shell code automatically
+# generated by other debhelper scripts.
+
+#DEBHELPER#
+
+db_stop
+
+exit 0
diff --git a/debian/jitsi-meet-web-config.templates b/debian/jitsi-meet-web-config.templates
new file mode 100644
index 0000000..eb74a32
--- /dev/null
+++ b/debian/jitsi-meet-web-config.templates
@@ -0,0 +1,49 @@
+Template: jitsi-meet/cert-choice
+Type: select
+__Choices: Let's Encrypt certificates, I want to use my own certificate, Generate a new self-signed certificate
+_Description: SSL certificate
+ .
+ Jitsi Meet requires an SSL certificate. This installer can generate one automatically for your using "Let’s Encrypt". This is the recommended and simplest option for most installations.
+ .
+ In the event you need to use a certificate of your own, you can configure its location which defaults to /etc/ssl/--domain.name--.key for the key and /etc/ssl/--domain.name--.crt for the certificate.
+ .
+ If you are a developer and are only looking for a quick way to test basic Jitsi Meet functionality then this installer can also generate a self-signed certificate.
+
+Template: jitsi-meet/cert-path-key
+Type: string
+_Description: Full local server path to the SSL key file:
+ The full path to the SSL key file on the server.
+ If it has not been uploaded, now is a good time to do so.
+
+Template: jitsi-meet/cert-path-crt
+Type: string
+_Description: Full local server path to the SSL certificate file:
+ The full path to the SSL certificate file on the server.
+ If you haven't uploaded it, now is a good time to upload it in another console.
+
+Template: jitsi-meet/jvb-hostname
+Type: string
+_Description: The domain of the current installation (e.g. meet.jitsi.com):
+ The value of the domain that is set in the Jitsi Videobridge installation.
+
+Template: jitsi-videobridge/jvb-hostname
+Type: string
+_Description: Hostname:
+ The Jitsi Meet web config package needs the DNS hostname of your instance.
+
+Template: jitsi-meet/jaas-choice
+Type: boolean
+_Description: Add telephony to your Jitsi meetings?
+ You can easily add dial-in support to your meetings. To allow this we would need your permission to create a free JaaS (Jitsi as a Service) account for you.
+
+Template: jitsi-meet/email
+Type: string
+_Description: Enter your email:
+ To successfully issue Let's Encrypt certificates:
+ .
+ You need a working DNS record pointing to this machine(for hostname ${domain})"
+ .
+ You need to agree to the ACME server's Subscriber Agreement (https://letsencrypt.org/documents/LE-SA-v1.1.1-August-1-2016.pdf)
+ by providing an email address for important account notifications.
+ .
+ We will use the email for creating your JaaS (Jitsi as a Service) account if that option was selected.
diff --git a/debian/jitsi-meet-web.README.Debian b/debian/jitsi-meet-web.README.Debian
new file mode 100644
index 0000000..e79c133
--- /dev/null
+++ b/debian/jitsi-meet-web.README.Debian
@@ -0,0 +1,8 @@
+Jitsi Meet for Debian
+----------------------------
+
+This is a WebRTC frontend of the video conferencing tool Jitsi Meet. It depends on the
+jitsi-videobridge package, which is a SFU (Selective Forwarding Unit) and both packages
+are designed to work together.
+
+ -- Yasen Pramatarov <yasen@bluejimp.com>  Mon, 30 Jun 2014 23:05:18 +0100
diff --git a/debian/jitsi-meet-web.docs b/debian/jitsi-meet-web.docs
new file mode 100644
index 0000000..b43bf86
--- /dev/null
+++ b/debian/jitsi-meet-web.docs
@@ -0,0 +1 @@
+README.md
diff --git a/debian/jitsi-meet-web.install b/debian/jitsi-meet-web.install
new file mode 100644
index 0000000..c09a355
--- /dev/null
+++ b/debian/jitsi-meet-web.install
@@ -0,0 +1,15 @@
+interface_config.js		/usr/share/jitsi-meet/
+*.html					/usr/share/jitsi-meet/
+libs					/usr/share/jitsi-meet/
+static                  /usr/share/jitsi-meet/
+css/all.css 			/usr/share/jitsi-meet/css/
+sounds					/usr/share/jitsi-meet/
+fonts					/usr/share/jitsi-meet/
+images					/usr/share/jitsi-meet/
+lang					/usr/share/jitsi-meet/
+resources/robots.txt	/usr/share/jitsi-meet/
+resources/*.sh			/usr/share/jitsi-meet/scripts/
+pwa-worker.js			/usr/share/jitsi-meet/
+manifest.json			/usr/share/jitsi-meet/
+doc/jaas/move-to-jaas.sh        /usr/share/jitsi-meet/scripts/
+doc/jaas/update-asap-daily.sh   /usr/share/jitsi-meet/scripts/
diff --git a/debian/po/POTFILES.in b/debian/po/POTFILES.in
new file mode 100644
index 0000000..6ddfac3
--- /dev/null
+++ b/debian/po/POTFILES.in
@@ -0,0 +1 @@
+[type: gettext/rfc822deb] jitsi-meet-web-config.templates
diff --git a/debian/po/templates.pot b/debian/po/templates.pot
new file mode 100644
index 0000000..35d837a
--- /dev/null
+++ b/debian/po/templates.pot
@@ -0,0 +1,113 @@
+# SOME DESCRIPTIVE TITLE.
+# Copyright (C) YEAR THE PACKAGE'S COPYRIGHT HOLDER
+# This file is distributed under the same license as the jitsi-meet-web package.
+# FIRST AUTHOR <EMAIL@ADDRESS>, YEAR.
+#
+#, fuzzy
+msgid ""
+msgstr ""
+"Project-Id-Version: jitsi-meet-web\n"
+"Report-Msgid-Bugs-To: jitsi-meet-web@packages.debian.org\n"
+"POT-Creation-Date: 2016-11-15 22:39+0000\n"
+"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
+"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
+"Language-Team: LANGUAGE <LL@li.org>\n"
+"Language: \n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=CHARSET\n"
+"Content-Transfer-Encoding: 8bit\n"
+
+#. Type: select
+#. Choices
+#: ../jitsi-meet-web-config.templates:1001
+msgid "Generate a new self-signed certificate"
+msgstr ""
+
+#. Type: select
+#. Choices
+#: ../jitsi-meet-web-config.templates:1001
+msgid "I want to use my own certificate"
+msgstr ""
+
+#. Type: select
+#. Description
+#: ../jitsi-meet-web-config.templates:1002
+msgid "SSL certificate for the Jitsi Meet instance"
+msgstr ""
+
+#. Type: select
+#. Description
+#: ../jitsi-meet-web-config.templates:1002
+msgid ""
+"Jitsi Meet is best to be set up with an SSL certificate. Having no "
+"certificate, a self-signed one will be generated. Having a certificate "
+"signed by a recognised CA, it can be uploaded on the server and point its "
+"location. The default filenames will be /etc/ssl/--domain.name--.key for the "
+"key and /etc/ssl/--domain.name--.crt for the certificate."
+msgstr ""
+
+#. Type: string
+#. Description
+#: ../jitsi-meet-web-config.templates:2001
+msgid "Full local server path to the SSL key file:"
+msgstr ""
+
+#. Type: string
+#. Description
+#: ../jitsi-meet-web-config.templates:2001
+msgid ""
+"The full path to the SSL key file on the server. If it has not been "
+"uploaded, now is a good time to do so."
+msgstr ""
+
+#. Type: string
+#. Description
+#: ../jitsi-meet-web-config.templates:3001
+msgid "Full local server path to the SSL certificate file:"
+msgstr ""
+
+#. Type: string
+#. Description
+#: ../jitsi-meet-web-config.templates:3001
+msgid ""
+"The full path to the SSL certificate file on the server. If you haven't "
+"uploaded it, now is a good time to upload it in another console."
+msgstr ""
+
+#. Type: string
+#. Description
+#: ../jitsi-meet-web-config.templates:4001
+msgid "The hostname of the current installation:"
+msgstr ""
+
+#. Type: string
+#. Description
+#: ../jitsi-meet-web-config.templates:4001
+msgid ""
+"The value of the domain that is set in the Jitsi Videobridge installation."
+msgstr ""
+
+#. Type: boolean
+#. Description
+#: ../jitsi-meet-web-config.templates:5001
+msgid "for internal use"
+msgstr ""
+
+#. Type: boolean
+#. Description
+#: ../jitsi-meet-web-config.templates:5001
+msgid "for internal use."
+msgstr ""
+
+#. Type: string
+#. Description
+#: ../jitsi-meet-web-config.templates:6001
+msgid "Hostname:"
+msgstr ""
+
+#. Type: string
+#. Description
+#: ../jitsi-meet-web-config.templates:6001
+msgid ""
+"The Jitsi Meet web config package needs the DNS hostname of your instance."
+msgstr ""
diff --git a/debian/rules b/debian/rules
new file mode 100755
index 0000000..60f3ae4
--- /dev/null
+++ b/debian/rules
@@ -0,0 +1,31 @@
+#!/usr/bin/make -f
+
+# Uncomment this to turn on verbose mode.
+#export DH_VERBOSE=1
+
+LANGUAGES := $(shell node -p "Object.keys(require('./lang/languages.json')).join(' ')")
+COUNTRIES_DIR := node_modules/i18n-iso-countries/langs
+
+%:
+	dh $@
+
+# we skip making Makefile exists for updating browserify modules when developing
+override_dh_auto_build:
+
+override_dh_install: $(LANGUAGES)
+	dh_installdirs
+	dh_install
+
+$(LANGUAGES):
+	LOCALE=$$(echo $@ | cut -c1-2) ; \
+	if [ -f $(COUNTRIES_DIR)/$@.json ] ; \
+	then \
+		dh_install -pjitsi-meet-web $(COUNTRIES_DIR)/$@.json usr/share/jitsi-meet/lang/; \
+		mv debian/jitsi-meet-web/usr/share/jitsi-meet/lang/$@.json debian/jitsi-meet-web/usr/share/jitsi-meet/lang/countries-$@.json; \
+	else \
+		if [ -f $(COUNTRIES_DIR)/$$LOCALE.json ] ; \
+		then \
+			dh_install -pjitsi-meet-web $(COUNTRIES_DIR)/$$LOCALE.json usr/share/jitsi-meet/lang/; \
+			mv debian/jitsi-meet-web/usr/share/jitsi-meet/lang/$$LOCALE.json debian/jitsi-meet-web/usr/share/jitsi-meet/lang/countries-$@.json; \
+		fi; \
+	fi;
diff --git a/debian/source/format b/debian/source/format
new file mode 100644
index 0000000..163aaf8
--- /dev/null
+++ b/debian/source/format
@@ -0,0 +1 @@
+3.0 (quilt)
diff --git a/debian/watch b/debian/watch
new file mode 100644
index 0000000..e33c057
--- /dev/null
+++ b/debian/watch
@@ -0,0 +1,2 @@
+version=3
+opts="uversionmangle=s/^/1.0./" https://github.com/jitsi/jitsi-meet/releases/ /jitsi/jitsi-meet/archive/(\S+)\.tar\.gz
\ No newline at end of file
diff --git a/doc/README.md b/doc/README.md
new file mode 100644
index 0000000..3d943e0
--- /dev/null
+++ b/doc/README.md
@@ -0,0 +1,3 @@
+# Documentation
+
+The Jitsi documentation has been moved to [The Handbook](https://jitsi.github.io/handbook/). The repo is https://github.com/jitsi/handbook.
diff --git a/doc/api.md b/doc/api.md
new file mode 100644
index 0000000..8091b84
--- /dev/null
+++ b/doc/api.md
@@ -0,0 +1,3 @@
+# Jitsi Meet API
+
+This document has been moved [here](https://jitsi.github.io/handbook/docs/dev-guide/dev-guide-iframe).
diff --git a/doc/debian/jitsi-meet-prosody/README b/doc/debian/jitsi-meet-prosody/README
new file mode 100644
index 0000000..d141f6b
--- /dev/null
+++ b/doc/debian/jitsi-meet-prosody/README
@@ -0,0 +1 @@
+Prosody configuration for Jitsi Meet
diff --git a/doc/debian/jitsi-meet-prosody/jaas.cfg.lua b/doc/debian/jitsi-meet-prosody/jaas.cfg.lua
new file mode 100644
index 0000000..20df64a
--- /dev/null
+++ b/doc/debian/jitsi-meet-prosody/jaas.cfg.lua
@@ -0,0 +1,12 @@
+-- Enables dial-in for Jitsi meet components customers
+VirtualHost "jigasi.meet.jitsi"
+    modules_enabled = {
+        "ping";
+        "bosh";
+        "muc_password_check";
+    }
+    authentication = "token"
+    app_id = "jitsi";
+    asap_key_server = "https://jaas-public-keys.jitsi.net/jitsi-components/prod-8x8"
+    asap_accepted_issuers = { "jaas-components" }
+    asap_accepted_audiences = { "jigasi.jitmeet.example.com" }
diff --git a/doc/debian/jitsi-meet-prosody/prosody.cfg.lua-jvb.example b/doc/debian/jitsi-meet-prosody/prosody.cfg.lua-jvb.example
new file mode 100644
index 0000000..bfd5e6a
--- /dev/null
+++ b/doc/debian/jitsi-meet-prosody/prosody.cfg.lua-jvb.example
@@ -0,0 +1,167 @@
+-- We need this for prosody 13.0
+component_admins_as_room_owners = true
+
+plugin_paths = { "/usr/share/jitsi-meet/prosody-plugins/" }
+
+-- domain mapper options, must at least have domain base set to use the mapper
+muc_mapper_domain_base = "jitmeet.example.com";
+
+external_service_secret = "__turnSecret__";
+external_services = {
+     { type = "stun", host = "jitmeet.example.com", port = 3478 },
+     { type = "turn", host = "jitmeet.example.com", port = 3478, transport = "udp", secret = true, ttl = 86400, algorithm = "turn" },
+     { type = "turns", host = "jitmeet.example.com", port = 5349, transport = "tcp", secret = true, ttl = 86400, algorithm = "turn" }
+};
+
+cross_domain_bosh = false;
+consider_bosh_secure = true;
+consider_websocket_secure = true;
+-- https_ports = { }; -- Remove this line to prevent listening on port 5284
+
+-- by default prosody 0.12 sends cors headers, if you want to disable it uncomment the following (the config is available on 0.12.1)
+--http_cors_override = {
+--    bosh = {
+--        enabled = false;
+--    };
+--    websocket = {
+--        enabled = false;
+--    };
+--}
+
+-- https://ssl-config.mozilla.org/#server=haproxy&version=2.1&config=intermediate&openssl=1.1.0g&guideline=5.4
+ssl = {
+    protocol = "tlsv1_2+";
+    ciphers = "ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-AES256-GCM-SHA384:ECDHE-RSA-AES256-GCM-SHA384:ECDHE-ECDSA-CHACHA20-POLY1305:ECDHE-RSA-CHACHA20-POLY1305:DHE-RSA-AES128-GCM-SHA256:DHE-RSA-AES256-GCM-SHA384"
+}
+
+unlimited_jids = {
+    "focusUser@auth.jitmeet.example.com",
+    "jvb@auth.jitmeet.example.com"
+}
+
+-- https://prosody.im/doc/modules/mod_smacks
+smacks_max_unacked_stanzas = 5;
+smacks_hibernation_time = 60;
+smacks_max_old_sessions = 1;
+
+VirtualHost "jitmeet.example.com"
+    authentication = "jitsi-anonymous" -- do not delete me
+    -- Properties below are modified by jitsi-meet-tokens package config
+    -- and authentication above is switched to "token"
+    --app_id="example_app_id"
+    --app_secret="example_app_secret"
+    -- Assign this host a certificate for TLS, otherwise it would use the one
+    -- set in the global section (if any).
+    -- Note that old-style SSL on port 5223 only supports one certificate, and will always
+    -- use the global one.
+    ssl = {
+        key = "/etc/prosody/certs/jitmeet.example.com.key";
+        certificate = "/etc/prosody/certs/jitmeet.example.com.crt";
+    }
+    -- we need bosh
+    modules_enabled = {
+        "bosh";
+        "websocket";
+        "smacks";
+        "ping"; -- Enable mod_ping
+        "external_services";
+        "features_identity";
+        "conference_duration";
+        "muc_lobby_rooms";
+        "muc_breakout_rooms";
+    }
+    c2s_require_encryption = false
+    lobby_muc = "lobby.jitmeet.example.com"
+    breakout_rooms_muc = "breakout.jitmeet.example.com"
+    main_muc = "conference.jitmeet.example.com"
+    -- muc_lobby_whitelist = { "recorder.jitmeet.example.com" } -- Here we can whitelist jibri to enter lobby enabled rooms
+
+Component "conference.jitmeet.example.com" "muc"
+    restrict_room_creation = true
+    storage = "memory"
+    modules_enabled = {
+        "muc_hide_all";
+        "muc_meeting_id";
+        "muc_domain_mapper";
+        --"token_verification";
+        "muc_rate_limit";
+        "muc_password_whitelist";
+    }
+    admins = { "focusUser@auth.jitmeet.example.com" }
+    muc_password_whitelist = {
+        "focusUser@auth.jitmeet.example.com"
+    }
+    muc_room_locking = false
+    muc_room_default_public_jids = true
+
+Component "breakout.jitmeet.example.com" "muc"
+    restrict_room_creation = true
+    storage = "memory"
+    modules_enabled = {
+        "muc_hide_all";
+        "muc_meeting_id";
+        "muc_domain_mapper";
+        "muc_rate_limit";
+        "polls";
+    }
+    admins = { "focusUser@auth.jitmeet.example.com" }
+    muc_room_locking = false
+    muc_room_default_public_jids = true
+
+-- internal muc component
+Component "internal.auth.jitmeet.example.com" "muc"
+    storage = "memory"
+    modules_enabled = {
+        "muc_hide_all";
+        "ping";
+    }
+    admins = { "focusUser@auth.jitmeet.example.com", "jvb@auth.jitmeet.example.com" }
+    muc_room_locking = false
+    muc_room_default_public_jids = true
+
+VirtualHost "auth.jitmeet.example.com"
+    modules_enabled = {
+        "limits_exception";
+        "smacks";
+    }
+    authentication = "internal_hashed"
+    smacks_hibernation_time = 15;
+
+VirtualHost "recorder.jitmeet.example.com"
+    modules_enabled = {
+      "smacks";
+    }
+    authentication = "internal_hashed"
+    smacks_max_old_sessions = 2000;
+
+-- Proxy to jicofo's user JID, so that it doesn't have to register as a component.
+Component "focus.jitmeet.example.com" "client_proxy"
+    target_address = "focusUser@auth.jitmeet.example.com"
+
+Component "speakerstats.jitmeet.example.com" "speakerstats_component"
+    muc_component = "conference.jitmeet.example.com"
+
+Component "endconference.jitmeet.example.com" "end_conference"
+    muc_component = "conference.jitmeet.example.com"
+
+Component "avmoderation.jitmeet.example.com" "av_moderation_component"
+    muc_component = "conference.jitmeet.example.com"
+
+Component "filesharing.jitmeet.example.com" "filesharing_component"
+    muc_component = "conference.jitmeet.example.com"
+
+Component "lobby.jitmeet.example.com" "muc"
+    storage = "memory"
+    restrict_room_creation = true
+    muc_room_locking = false
+    muc_room_default_public_jids = true
+    modules_enabled = {
+        "muc_hide_all";
+        "muc_rate_limit";
+    }
+
+Component "metadata.jitmeet.example.com" "room_metadata_component"
+    muc_component = "conference.jitmeet.example.com"
+    breakout_rooms_component = "breakout.jitmeet.example.com"
+
+Component "polls.jitmeet.example.com" "polls_component"
diff --git a/doc/debian/jitsi-meet-turn/README b/doc/debian/jitsi-meet-turn/README
new file mode 100644
index 0000000..c64c0f4
--- /dev/null
+++ b/doc/debian/jitsi-meet-turn/README
@@ -0,0 +1 @@
+Coturn configuration for Jitsi Meet
diff --git a/doc/debian/jitsi-meet-turn/turnserver.conf b/doc/debian/jitsi-meet-turn/turnserver.conf
new file mode 100644
index 0000000..02914e8
--- /dev/null
+++ b/doc/debian/jitsi-meet-turn/turnserver.conf
@@ -0,0 +1,46 @@
+# jitsi-meet coturn config. Do not modify this line
+use-auth-secret
+keep-address-family
+static-auth-secret=__turnSecret__
+realm=jitsi-meet.example.com
+cert=/etc/jitsi/meet/jitsi-meet.example.com.crt
+pkey=/etc/jitsi/meet/jitsi-meet.example.com.key
+no-multicast-peers
+no-cli
+no-loopback-peers
+no-tcp-relay
+no-tcp
+no-dtls
+listening-port=3478
+tls-listening-port=5349
+no-tlsv1
+no-tlsv1_1
+# https://ssl-config.mozilla.org/#server=haproxy&version=2.1&config=intermediate&openssl=1.1.0g&guideline=5.4
+cipher-list=ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-AES256-GCM-SHA384:ECDHE-RSA-AES256-GCM-SHA384:ECDHE-ECDSA-CHACHA20-POLY1305:ECDHE-RSA-CHACHA20-POLY1305:DHE-RSA-AES128-GCM-SHA256:DHE-RSA-AES256-GCM-SHA384
+# without it there are errors when running on Ubuntu 20.04
+dh2066
+# jitsi-meet coturn relay disable config. Do not modify this line
+denied-peer-ip=0.0.0.0-0.255.255.255
+denied-peer-ip=10.0.0.0-10.255.255.255
+denied-peer-ip=100.64.0.0-100.127.255.255
+denied-peer-ip=127.0.0.0-127.255.255.255
+denied-peer-ip=169.254.0.0-169.254.255.255
+denied-peer-ip=127.0.0.0-127.255.255.255
+denied-peer-ip=172.16.0.0-172.31.255.255
+denied-peer-ip=192.0.0.0-192.0.0.255
+denied-peer-ip=192.0.2.0-192.0.2.255
+denied-peer-ip=192.88.99.0-192.88.99.255
+denied-peer-ip=192.168.0.0-192.168.255.255
+denied-peer-ip=198.18.0.0-198.19.255.255
+denied-peer-ip=198.51.100.0-198.51.100.255
+denied-peer-ip=203.0.113.0-203.0.113.255
+denied-peer-ip=240.0.0.0-255.255.255.255
+denied-peer-ip=::1
+denied-peer-ip=64:ff9b::-64:ff9b::ffff:ffff
+denied-peer-ip=::ffff:0.0.0.0-::ffff:255.255.255.255
+denied-peer-ip=100::-100::ffff:ffff:ffff:ffff
+denied-peer-ip=2001::-2001:1ff:ffff:ffff:ffff:ffff:ffff:ffff
+denied-peer-ip=2002::-2002:ffff:ffff:ffff:ffff:ffff:ffff:ffff
+denied-peer-ip=fc00::-fdff:ffff:ffff:ffff:ffff:ffff:ffff:ffff
+denied-peer-ip=fe80::-febf:ffff:ffff:ffff:ffff:ffff:ffff:ffff
+syslog
diff --git a/doc/debian/jitsi-meet/README b/doc/debian/jitsi-meet/README
new file mode 100644
index 0000000..a198dca
--- /dev/null
+++ b/doc/debian/jitsi-meet/README
@@ -0,0 +1,13 @@
+Jitsi Meet
+
+====
+
+A WebRTC-powered multi-user videochat. For a live demo, check out either
+https://meet.estos.de/ or https://meet.jit.si/.
+
+Built using colibri.js[0] and strophe.jingle[1], powered by the jitsi-videobridge[2]
+
+
+[0] https://github.com/ESTOS/colibri.js
+[1] https://github.com/ESTOS/strophe.jingle
+[3] https://github.com/jitsi/jitsi-videobridge
diff --git a/doc/debian/jitsi-meet/jitsi-meet.conf b/doc/debian/jitsi-meet/jitsi-meet.conf
new file mode 100644
index 0000000..59e9a53
--- /dev/null
+++ b/doc/debian/jitsi-meet/jitsi-meet.conf
@@ -0,0 +1,34 @@
+# this is jitsi-meet nginx module configuration
+# this forward all http traffic to the nginx virtual host port
+# and the rest to the turn server
+#
+# Multiplexing based on ALPN is DEPRECATED. ALPN does not play well with websockets on some browsers and reverse proxies.
+# To migrate away from using it read: https://jitsi.org/multiplexing-to-bridge-ws-howto
+# This file will be removed at some point and if deployment is still using it, will break.
+#
+stream {
+    upstream web {
+        server 127.0.0.1:4444;
+    }
+    upstream turn {
+        server 127.0.0.1:5349;
+    }
+    # since 1.13.10
+    map $ssl_preread_alpn_protocols $upstream {
+        ~\bh2\b         web;
+        ~\bhttp/1\.     web;
+        default         turn;
+    }
+
+    server {
+        listen 443;
+        listen [::]:443;
+
+        # since 1.11.5
+        ssl_preread on;
+        proxy_pass $upstream;
+
+        # Increase buffer to serve video
+        proxy_buffer_size 10m;
+    }
+}
diff --git a/doc/debian/jitsi-meet/jitsi-meet.example b/doc/debian/jitsi-meet/jitsi-meet.example
new file mode 100644
index 0000000..0ea213d
--- /dev/null
+++ b/doc/debian/jitsi-meet/jitsi-meet.example
@@ -0,0 +1,226 @@
+server_names_hash_bucket_size 64;
+
+types {
+# nginx's default mime.types doesn't include a mapping for wasm or wav.
+    application/wasm     wasm;
+    audio/wav            wav;
+}
+upstream prosody {
+    zone upstreams 64K;
+    server 127.0.0.1:5280;
+    keepalive 2;
+}
+upstream jvb1 {
+    zone upstreams 64K;
+    server 127.0.0.1:9090;
+    keepalive 2;
+}
+map $arg_vnode $prosody_node {
+    default prosody;
+    v1 v1;
+    v2 v2;
+    v3 v3;
+    v4 v4;
+    v5 v5;
+    v6 v6;
+    v7 v7;
+    v8 v8;
+}
+server {
+    listen 80;
+    listen [::]:80;
+    server_name jitsi-meet.example.com;
+
+    location ^~ /.well-known/acme-challenge/ {
+        default_type "text/plain";
+        root         /usr/share/jitsi-meet;
+    }
+    location = /.well-known/acme-challenge/ {
+        return 404;
+    }
+    location / {
+        return 301 https://$host$request_uri;
+    }
+}
+server {
+    listen 443 ssl http2;
+    listen [::]:443 ssl http2;
+    server_name jitsi-meet.example.com;
+
+    # Mozilla Guideline v5.4, nginx 1.17.7, OpenSSL 1.1.1d, intermediate configuration
+    ssl_protocols TLSv1.2 TLSv1.3;
+    ssl_ciphers ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-AES256-GCM-SHA384:ECDHE-RSA-AES256-GCM-SHA384:ECDHE-ECDSA-CHACHA20-POLY1305:ECDHE-RSA-CHACHA20-POLY1305:DHE-RSA-AES128-GCM-SHA256:DHE-RSA-AES256-GCM-SHA384;
+    ssl_prefer_server_ciphers off;
+
+    ssl_session_timeout 1d;
+    ssl_session_cache shared:SSL:10m;  # about 40000 sessions
+    ssl_session_tickets off;
+
+    add_header Strict-Transport-Security "max-age=63072000" always;
+    set $prefix "";
+    set $custom_index "";
+    set $config_js_location /etc/jitsi/meet/jitsi-meet.example.com-config.js;
+
+    ssl_certificate /etc/jitsi/meet/jitsi-meet.example.com.crt;
+    ssl_certificate_key /etc/jitsi/meet/jitsi-meet.example.com.key;
+
+    root /usr/share/jitsi-meet;
+
+    # ssi on with javascript for multidomain variables in config.js
+    ssi on;
+    ssi_types application/x-javascript application/javascript;
+
+    index index.html index.htm;
+    error_page 404 /static/404.html;
+
+    gzip on;
+    gzip_types text/plain text/css application/javascript application/json image/x-icon application/octet-stream application/wasm;
+    gzip_vary on;
+    gzip_proxied no-cache no-store private expired auth;
+    gzip_min_length 512;
+
+    include /etc/jitsi/meet/jaas/*.conf;
+
+    location = /config.js {
+        alias $config_js_location;
+    }
+
+    location = /external_api.js {
+        alias /usr/share/jitsi-meet/libs/external_api.min.js;
+    }
+
+    location = /_api/room-info {
+        proxy_pass http://prosody/room-info?prefix=$prefix&$args;
+        proxy_http_version 1.1;
+        proxy_set_header X-Forwarded-For $remote_addr;
+        proxy_set_header Host $http_host;
+    }
+
+    location ~ ^/_api/public/(.*)$ {
+        autoindex off;
+        alias /etc/jitsi/meet/public/$1;
+    }
+
+    # ensure all static content can always be found first
+    location ~ ^/(libs|css|static|images|fonts|lang|sounds|.well-known)/(.*)$
+    {
+        add_header 'Access-Control-Allow-Origin' '*';
+        alias /usr/share/jitsi-meet/$1/$2;
+
+        # cache all versioned files
+        if ($arg_v) {
+            expires 1y;
+        }
+    }
+
+    # BOSH
+    location = /http-bind {
+        proxy_pass http://$prosody_node/http-bind?prefix=$prefix&$args;
+        proxy_http_version 1.1;
+        proxy_set_header X-Forwarded-For $remote_addr;
+        proxy_set_header Host $http_host;
+        proxy_set_header Connection "";
+    }
+
+    # xmpp websockets
+    location = /xmpp-websocket {
+        proxy_pass http://$prosody_node/xmpp-websocket?prefix=$prefix&$args;
+        proxy_http_version 1.1;
+        proxy_set_header Upgrade $http_upgrade;
+        proxy_set_header Connection "upgrade";
+        proxy_set_header Host $http_host;
+        tcp_nodelay on;
+    }
+
+    # colibri (JVB) websockets for jvb1
+    location ~ ^/colibri-ws/default-id/(.*) {
+        proxy_pass http://jvb1/colibri-ws/default-id/$1$is_args$args;
+        proxy_http_version 1.1;
+        proxy_set_header Upgrade $http_upgrade;
+        proxy_set_header Connection "upgrade";
+        tcp_nodelay on;
+    }
+
+    # load test minimal client, uncomment when used
+    #location ~ ^/_load-test/([^/?&:'"]+)$ {
+    #    rewrite ^/_load-test/(.*)$ /load-test/index.html break;
+    #}
+    #location ~ ^/_load-test/libs/(.*)$ {
+    #    add_header 'Access-Control-Allow-Origin' '*';
+    #    alias /usr/share/jitsi-meet/load-test/libs/$1;
+    #}
+
+    location = /_unlock {
+        add_header 'Access-Control-Allow-Origin' '*';
+        add_header Strict-Transport-Security 'max-age=63072000; includeSubDomains';
+        add_header "Cache-Control" "no-cache, no-store";
+    }
+
+    location ~ ^/conference-request/v1(\/.*)?$ {
+        proxy_pass http://127.0.0.1:8888/conference-request/v1$1;
+        add_header "Cache-Control" "no-cache, no-store";
+        add_header 'Access-Control-Allow-Origin' '*';
+        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
+        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Content-Type';
+    }
+    location ~ ^/([^/?&:'"]+)/conference-request/v1(\/.*)?$ {
+        rewrite ^/([^/?&:'"]+)/conference-request/v1(\/.*)?$ /conference-request/v1$2;
+    }
+
+    location ~ ^/([^/?&:'"]+)$ {
+        set $roomname "$1";
+        try_files $uri @root_path;
+    }
+
+    location @root_path {
+        rewrite ^/(.*)$ /$custom_index break;
+    }
+
+    location ~ ^/([^/?&:'"]+)/config.js$
+    {
+        set $subdomain "$1.";
+        set $subdir "$1/";
+
+        alias $config_js_location;
+    }
+
+    # Matches /(TENANT)/pwa-worker.js or /(TENANT)/manifest.json to rewrite to / and look for file
+    location ~ ^/([^/?&:'"]+)/(pwa-worker.js|manifest.json)$ {
+        set $subdomain "$1.";
+        set $subdir "$1/";
+        rewrite ^/([^/?&:'"]+)/(pwa-worker.js|manifest.json)$ /$2;
+    }
+
+    # BOSH for subdomains
+    location ~ ^/([^/?&:'"]+)/http-bind {
+        set $subdomain "$1.";
+        set $subdir "$1/";
+        set $prefix "$1";
+
+        rewrite ^/(.*)$ /http-bind;
+    }
+
+    # websockets for subdomains
+    location ~ ^/([^/?&:'"]+)/xmpp-websocket {
+        set $subdomain "$1.";
+        set $subdir "$1/";
+        set $prefix "$1";
+
+        rewrite ^/(.*)$ /xmpp-websocket;
+    }
+
+    location ~ ^/([^/?&:'"]+)/_api/room-info {
+        set $subdomain "$1.";
+        set $subdir "$1/";
+        set $prefix "$1";
+
+        rewrite ^/(.*)$ /_api/room-info;
+    }
+
+    # Anything that didn't match above, and isn't a real file, assume it's a room name and redirect to /
+    location ~ ^/([^/?&:'"]+)/(.*)$ {
+        set $subdomain "$1.";
+        set $subdir "$1/";
+        rewrite ^/([^/?&:'"]+)/(.*)$ /$2;
+    }
+}
diff --git a/doc/debian/jitsi-meet/jitsi-meet.example-apache b/doc/debian/jitsi-meet/jitsi-meet.example-apache
new file mode 100644
index 0000000..86027db
--- /dev/null
+++ b/doc/debian/jitsi-meet/jitsi-meet.example-apache
@@ -0,0 +1,57 @@
+
+<VirtualHost *:80>
+    ServerName jitsi-meet.example.com
+    Redirect permanent / https://jitsi-meet.example.com/
+</VirtualHost>
+
+<VirtualHost *:443>
+    ServerName jitsi-meet.example.com
+
+    # enable HTTP/2, if available
+    Protocols h2 http/1.1
+
+    SSLEngine on
+    SSLProxyEngine on
+    SSLCertificateFile /etc/jitsi/meet/jitsi-meet.example.com.crt
+    SSLCertificateKeyFile /etc/jitsi/meet/jitsi-meet.example.com.key
+
+    Header always set Strict-Transport-Security "max-age=63072000"
+
+    DocumentRoot "/usr/share/jitsi-meet"
+    <Directory "/usr/share/jitsi-meet">
+        Options Indexes MultiViews Includes FollowSymLinks
+        AddOutputFilter Includes html
+        AllowOverride All
+        Order allow,deny
+        Allow from all
+    </Directory>
+
+    ErrorDocument 404 /static/404.html
+
+    Alias "/config.js" "/etc/jitsi/meet/jitsi-meet.example.com-config.js"
+    <Location /config.js>
+        Require all granted
+    </Location>
+
+    Alias "/external_api.js" "/usr/share/jitsi-meet/libs/external_api.min.js"
+    <Location /external_api.js>
+        Require all granted
+    </Location>
+
+    ProxyPreserveHost on
+    ProxyPass /http-bind http://localhost:5280/http-bind
+    ProxyPassReverse /http-bind http://localhost:5280/http-bind
+    ProxyPass /xmpp-websocket ws://localhost:5280/xmpp-websocket
+    ProxyPassReverse /xmpp-websocket ws://localhost:5280/xmpp-websocket
+    ProxyPass /colibri-ws/default-id ws://localhost:9090/colibri-ws/default-id
+    ProxyPassReverse /colibri-ws/default-id ws://localhost:9090/colibri-ws/default-id
+
+    RewriteEngine on
+    RewriteRule ^/([a-zA-Z0-9]+)$ /index.html
+</VirtualHost>
+
+# Mozilla Guideline v5.4, Apache 2.4.41, OpenSSL 1.1.1d, intermediate configuration, no OCSP
+SSLProtocol         all -SSLv3 -TLSv1 -TLSv1.1
+SSLCipherSuite      ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-AES256-GCM-SHA384:ECDHE-RSA-AES256-GCM-SHA384:ECDHE-ECDSA-CHACHA20-POLY1305:ECDHE-RSA-CHACHA20-POLY1305:DHE-RSA-AES128-GCM-SHA256:DHE-RSA-AES256-GCM-SHA384
+SSLHonorCipherOrder off
+SSLSessionTickets   off
diff --git a/doc/examples/api.html b/doc/examples/api.html
new file mode 100644
index 0000000..8871d3f
--- /dev/null
+++ b/doc/examples/api.html
@@ -0,0 +1,21 @@
+<html itemscope itemtype="http://schema.org/Product" prefix="og: http://ogp.me/ns#" xmlns="http://www.w3.org/1999/html">
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="content-type" content="text/html;charset=utf-8">
+    </head>
+    <body>
+        <script src="https://meet.jit.si/external_api.js"></script>
+        <script>
+            var domain = "meet.jit.si";
+            var options = {
+                roomName: "JitsiMeetAPIExample",
+                width: 700,
+                height: 180,
+                parentNode: undefined,
+                configOverwrite: {},
+                interfaceConfigOverwrite: {}
+            }
+            var api = new JitsiMeetExternalAPI(domain, options);
+        </script>
+    </body>
+</html>
diff --git a/doc/jaas/8x8.vc-config.js b/doc/jaas/8x8.vc-config.js
new file mode 100644
index 0000000..47e8a8f
--- /dev/null
+++ b/doc/jaas/8x8.vc-config.js
@@ -0,0 +1,7 @@
+</script>
+<script src="https://8x8.vc/<!--# echo var="subdir" default="" -->config.js" onload="{
+config.p2p.disabledCodec='VP9';
+config.videoQuality.disabledCodec='VP9';
+config.e2ee = { externallyManagedKey: true };
+}"/>
+<script>
diff --git a/doc/jaas/README.md b/doc/jaas/README.md
new file mode 100644
index 0000000..6c830fc
--- /dev/null
+++ b/doc/jaas/README.md
@@ -0,0 +1,22 @@
+## How to switch your deployment to [JaaS](https://jaas.8x8.vc) in one easy step
+
+Note: By default it will have e2ee(end-to-end) encryption enabled that works only on chromium based browsers (Chrome, Edge, ...). If a participant joins from another browser or mobile the e2ee is turned off. 
+
+In order to use your deployment with JaaS you first need to login to your [JaaS Developer console](https://jaas.8x8.vc/#/apikeys) and generate a key pair.
+Use `Add API key` button and then `Generate API key pair`. Make sure you download the generated private key from:
+
+<img src="generated_key_dialog.png" height="250">
+
+Make sure you transfer this downloaded private key to your server. Copy the key id from:
+
+<img src="api_keys_kid.png" height="200">
+
+Now on your server run the helper script passing the private key file and the key id:
+
+```
+sudo /usr/share/jitsi-meet/scripts/move-to-jaas.sh /my/path/test-key.pk <key_id>
+```
+
+More information about JaaS Api keys at: https://developer.8x8.com/jaas/docs/jaas-console-api-keys
+
+If you want to adjust the enabled services you can do that in /etc/jits/meet/jaas/nginx-jaas.conf. The part after `proxy_set_body` is the jwt token content that will be used for the client tokens. More info about the JaaS tokens: https://developer.8x8.com/jaas/docs/api-keys-jwt
diff --git a/doc/jaas/api_keys_kid.png b/doc/jaas/api_keys_kid.png
new file mode 100644
index 0000000..1a7b4fb
Binary files /dev/null and b/doc/jaas/api_keys_kid.png differ
diff --git a/doc/jaas/generated_key_dialog.png b/doc/jaas/generated_key_dialog.png
new file mode 100644
index 0000000..6228bf5
Binary files /dev/null and b/doc/jaas/generated_key_dialog.png differ
diff --git a/doc/jaas/index-jaas.html b/doc/jaas/index-jaas.html
new file mode 100644
index 0000000..5b36cd3
--- /dev/null
+++ b/doc/jaas/index-jaas.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <script src='external_api.js' async></script>
+        <style>html, body, #jaas-container { height: 100%; }</style>
+        <script type="text/javascript">
+            function getRoomName(pathname) {
+                const contextRootEndIndex = pathname.lastIndexOf('/');
+
+                return pathname.substring(contextRootEndIndex + 1);
+            }
+            window.onload = () => {
+                const jaasJwt = <!--#include virtual="/jaas-jwt" -->;
+                const api = new JitsiMeetExternalAPI(
+                    window.location.host, {
+                        roomName: `${jaasJwt.tenant}/${jaasJwt.confId}`,
+                        parentNode: document.querySelector('#jaas-container'),
+                        jwt: jaasJwt.token,
+                        e2eeKey: jaasJwt.e2eeKey
+                    });
+                api.addListener('videoConferenceJoined', () => {
+                    if (jaasJwt.e2eeKey) {
+                        console.info('Toggling e2ee on!')
+                        api.executeCommand('toggleE2EE', true);
+                    }
+                });
+            }
+        </script>
+    </head>
+    <body>
+        <div id="jaas-container" />
+    </body>
+</html>
diff --git a/doc/jaas/move-to-jaas.sh b/doc/jaas/move-to-jaas.sh
new file mode 100755
index 0000000..a7ba43c
--- /dev/null
+++ b/doc/jaas/move-to-jaas.sh
@@ -0,0 +1,59 @@
+#!/bin/bash
+
+set -e
+
+PRIVATE_KEY=$1
+JAAS_KEY_ID=$2
+
+if [ ! -f "${PRIVATE_KEY}" ] ; then
+  echo "You need to specify a correct path for the private key as a first argument."
+  exit 1;
+fi
+
+if [[ ! "${JAAS_KEY_ID}" =~ ^vpaas-magic-cookie-[0-9a-z]+/[0-9a-z]+$ ]]; then
+    echo "Invalid key id passed as a second argument."
+    exit 2;
+fi
+
+command -v node >/dev/null 2>&1 || { echo >&2 "You must install node first, go to https://nodejs.org. Aborting."; exit 4; }
+
+NODE_VER=$(node -v);
+NODE_MAJOR_VER=$(echo ${NODE_VER:1} |  cut -d. -f1);
+
+if [ "$NODE_MAJOR_VER" -lt "18" ]; then
+    echo "Please install latest LTS version of node (18+)";
+    exit 3;
+fi
+
+# we need this util for debconf-set-selections
+sudo apt install debconf-utils
+
+# Let's pre-set some settings for token-generator
+cat << EOF | sudo debconf-set-selections
+token-generator token-generator/private-key string ${PRIVATE_KEY}
+token-generator token-generator/kid  string ${JAAS_KEY_ID}
+EOF
+
+apt install token-generator
+
+mkdir -p /etc/jitsi/meet/jaas
+
+VPAAS_COOKIE=$(echo -n ${JAAS_KEY_ID}| cut -d/ -f1)
+cp /usr/share/jitsi-meet-web-config/nginx-jaas.conf /etc/jitsi/meet/jaas
+sed -i "s/jaas_magic_cookie/${VPAAS_COOKIE}/g" /etc/jitsi/meet/jaas/nginx-jaas.conf
+
+cp /usr/share/jitsi-meet-web-config/8x8.vc-config.js /etc/jitsi/meet/jaas/
+echo "set \$config_js_location /etc/jitsi/meet/jaas/8x8.vc-config.js;" >> /etc/jitsi/meet/jaas/jaas-vars
+echo "set \$custom_index index-jaas.html;" >> /etc/jitsi/meet/jaas/jaas-vars
+
+ln -s /usr/share/jitsi-meet-web-config/index-jaas.html /usr/share/jitsi-meet/index-jaas.html
+
+# let's create the daily key now
+/usr/share/jitsi-meet/scripts/update-asap-daily.sh
+
+# let's add to cron daily the update of the asap key
+if [ -d /etc/cron.daily ]; then
+  ln -s /usr/share/jitsi-meet/scripts/update-asap-daily.sh /etc/cron.daily/update-jaas-asap.sh
+else
+  echo "No /etc/cron.daily. Please add to your cron jobs to execute as root daily the script: /usr/share/jitsi-meet/scripts/update-asap-daily.sh"
+fi
diff --git a/doc/jaas/nginx-jaas.conf b/doc/jaas/nginx-jaas.conf
new file mode 100644
index 0000000..94d0df4
--- /dev/null
+++ b/doc/jaas/nginx-jaas.conf
@@ -0,0 +1,23 @@
+include /etc/jitsi/meet/jaas/jaas-vars;
+location = /jaas-jwt {
+  include /etc/jitsi/token-generator/daily-key;
+  ssi on;
+  proxy_method POST;
+  proxy_set_header content-type "application/json";
+  proxy_set_header Accept-Encoding "";
+  proxy_set_header Authorization "Bearer $jaas_asap_key";
+  proxy_pass_request_body off;
+  proxy_set_body '{"sub":"jaas_magic_cookie","context":{"features":{"livestreaming":false,"outbound-call":false,"sip-outbound-call":false,"transcription":false,"recording":false},"user":{"moderator":true}},"room": "$roomname"}';
+  proxy_pass http://127.0.0.1:8017/generate/client?e2eeKey=true&confId=true;
+}
+
+location @magic_root_path {
+    rewrite ^/(.*)$ /index.html break;
+}
+
+# Anything that didn't match above, and isn't a real file, assume it's a room name and redirect to /
+location ~ ^/jaas_magic_cookie/(.*)$ {
+    set $subdomain "jaas_magic_cookie.";
+    set $subdir "jaas_magic_cookie/";
+    try_files $1 @magic_root_path;
+}
diff --git a/doc/jaas/update-asap-daily.sh b/doc/jaas/update-asap-daily.sh
new file mode 100755
index 0000000..f7c3e1d
--- /dev/null
+++ b/doc/jaas/update-asap-daily.sh
@@ -0,0 +1,9 @@
+JWT_KID=$(cat /etc/jitsi/token-generator/config | grep  SYSTEM_ASAP_BASE_URL_MAPPINGS | cut -d= -f2- | jq -r .[].kid)
+JWT_DATE=$(echo -n $JWT_KID | cut -d/ -f2-)
+JWT_DATE=${JWT_DATE#jwt-}
+KEY_FILE=/etc/jitsi/token-generator/daily-key
+echo -n "set \$jaas_asap_key " > ${KEY_FILE}
+ASAP_KEY=$(ASAP_SIGNING_KEY_FILE=/etc/jitsi/token-generator/asap-${JWT_DATE}.key ASAP_JWT_KID="${JWT_KID}" ASAP_EXPIRES_IN="1 day" node /usr/share/token-generator/jwt.js| tail -n1)
+echo -n "${ASAP_KEY};" >> ${KEY_FILE}
+
+service nginx reload
diff --git a/doc/quick-install.md b/doc/quick-install.md
new file mode 100644
index 0000000..0d97ee9
--- /dev/null
+++ b/doc/quick-install.md
@@ -0,0 +1,3 @@
+# Jitsi Meet quick install
+
+This document has been moved [here](https://jitsi.github.io/handbook/docs/devops-guide/devops-guide-quickstart).
diff --git a/fonts.html b/fonts.html
new file mode 100644
index 0000000..e69de29
diff --git a/fonts/.placeholder b/fonts/.placeholder
new file mode 100644
index 0000000..e69de29
diff --git a/giphy-analytics-stub.js b/giphy-analytics-stub.js
new file mode 100644
index 0000000..f9f2936
--- /dev/null
+++ b/giphy-analytics-stub.js
@@ -0,0 +1,16 @@
+// Stub replacement for @giphy/js-analytics to prevent beforeunload handlers
+// This completely disables all Giphy analytics functionality
+
+export const pingback = () => {
+    // Completely disabled - do nothing
+
+};
+
+export const mergeAttributes = (attributes, newAttributes) => {
+    // Return merged attributes without any analytics calls
+    return { ...attributes,
+        ...newAttributes };
+};
+
+// Ensure no beforeunload handlers are ever registered
+export default pingback;
diff --git a/globals.d.ts b/globals.d.ts
new file mode 100644
index 0000000..aec042b
--- /dev/null
+++ b/globals.d.ts
@@ -0,0 +1,42 @@
+import { IStore } from "./react/features/app/types";
+import { IConfig } from "./react/features/base/config/configType";
+
+export {};
+
+declare global {
+    const APP: {
+        store: IStore;
+        UI: any;
+        API: any;
+        conference: any;
+        debugLogs: any;
+    };
+    const interfaceConfig: any;
+
+    interface Window {
+        config: IConfig;
+        JITSI_MEET_LITE_SDK?: boolean;
+        interfaceConfig?: any;
+        JitsiMeetJS?: any;
+        PressureObserver?: any;
+        PressureRecord?: any;
+        ReactNativeWebView?: any;
+        // selenium tests handler
+        _sharedVideoPlayer: any;
+        alwaysOnTop: { api: any };
+    }
+
+    interface Document {
+        mozCancelFullScreen?: Function;
+        webkitExitFullscreen?: Function;
+    }
+
+    const config: IConfig;
+
+    const JitsiMeetJS: any;
+
+    interface HTMLMediaElement {
+        setSinkId: (id: string) => Promise<undefined>;
+        stop: () => void;
+    }
+}
diff --git a/globals.native.d.ts b/globals.native.d.ts
new file mode 100644
index 0000000..8e7d1bc
--- /dev/null
+++ b/globals.native.d.ts
@@ -0,0 +1,52 @@
+import { IConfig } from "./react/features/base/config/configType";
+
+export {};
+
+interface ILocation extends URL {
+    assign(url: string);
+    replace(url: string);
+    reload();
+};
+
+interface IWindow {
+    JITSI_MEET_LITE_SDK: boolean;
+    JitsiMeetJS: any;
+    config: IConfig;
+    document: any;
+    innerHeight: number;
+    innerWidth: number;
+    interfaceConfig: any;
+    location: ILocation;
+    PressureObserver?: any;
+    PressureRecord?: any;
+    ReactNativeWebView?: any;
+    TextDecoder?: any;
+    TextEncoder?: any;
+    self: any;
+    top: any;
+
+    onerror: (event: string, source: any, lineno: any, colno: any, e: Error) => void;
+    onunhandledrejection: (event: any) => void;
+
+    setInterval: typeof setInterval;
+    clearInterval: typeof clearInterval;
+    setTimeout: typeof setTimeout;
+    clearTimeout: typeof clearTimeout;
+    setImmediate: typeof setImmediate;
+    clearImmediate: typeof clearImmediate;
+    addEventListener: Function;
+    removeEventListener: Function;
+}
+
+interface INavigator {
+    product: string;
+    userAgent: string;
+}
+
+declare global {
+    const APP: any;
+    const document: any;
+    const interfaceConfig: any;
+    const navigator: INavigator;
+    const window: IWindow;
+}
diff --git a/head.html b/head.html
new file mode 100644
index 0000000..e69de29
diff --git a/images/GIPHY_icon.png b/images/GIPHY_icon.png
new file mode 100644
index 0000000..575628c
Binary files /dev/null and b/images/GIPHY_icon.png differ
diff --git a/images/GIPHY_logo.png b/images/GIPHY_logo.png
new file mode 100644
index 0000000..0441134
Binary files /dev/null and b/images/GIPHY_logo.png differ
diff --git a/images/app-store-badge.png b/images/app-store-badge.png
new file mode 100644
index 0000000..c774c29
Binary files /dev/null and b/images/app-store-badge.png differ
diff --git a/images/apple-touch-icon.png b/images/apple-touch-icon.png
new file mode 100644
index 0000000..ab94faf
Binary files /dev/null and b/images/apple-touch-icon.png differ
diff --git a/images/avatar.png b/images/avatar.png
new file mode 100644
index 0000000..eaaffcd
Binary files /dev/null and b/images/avatar.png differ
diff --git a/images/btn_google_signin_dark_normal.png b/images/btn_google_signin_dark_normal.png
new file mode 100644
index 0000000..f27bb24
Binary files /dev/null and b/images/btn_google_signin_dark_normal.png differ
diff --git a/images/calendar.svg b/images/calendar.svg
new file mode 100644
index 0000000..133f2dd
--- /dev/null
+++ b/images/calendar.svg
@@ -0,0 +1,21 @@
+<svg width="68" height="72" viewBox="0 0 68 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="1" y="5.64514" width="65.3548" height="65.3548" rx="7" stroke="#A4B8D1" stroke-width="2"/>
+<rect y="23.2258" width="67.3548" height="2.0213" fill="#A4B8D1"/>
+<rect x="14.5161" width="2.32258" height="14.5161" fill="#A4B8D1"/>
+<rect x="11.6129" y="12.1935" width="8.12903" height="2.32258" fill="#A4B8D1"/>
+<rect x="50.5161" width="2.32258" height="14.5161" fill="#A4B8D1"/>
+<rect x="47.6129" y="12.1935" width="8.12903" height="2.32258" fill="#A4B8D1"/>
+<circle cx="24.387" cy="37.7419" r="2.32258" fill="#A4B8D1"/>
+<circle cx="33.6774" cy="37.7419" r="2.32258" fill="#A4B8D1"/>
+<circle cx="42.9677" cy="37.7419" r="2.32258" fill="#A4B8D1"/>
+<circle cx="52.258" cy="37.7419" r="2.32258" fill="#A4B8D1"/>
+<circle cx="24.387" cy="47.0322" r="2.32258" fill="#A4B8D1"/>
+<circle cx="15.0968" cy="47.0322" r="2.32258" fill="#A4B8D1"/>
+<circle cx="33.6774" cy="47.0322" r="2.32258" fill="#A4B8D1"/>
+<circle cx="42.9677" cy="47.0322" r="2.32258" fill="#A4B8D1"/>
+<circle cx="24.387" cy="56.3226" r="2.32258" fill="#A4B8D1"/>
+<circle cx="15.0968" cy="56.3226" r="2.32258" fill="#A4B8D1"/>
+<circle cx="33.6774" cy="56.3226" r="2.32258" fill="#A4B8D1"/>
+<circle cx="42.9677" cy="56.3226" r="2.32258" fill="#A4B8D1"/>
+<circle cx="52.258" cy="47.0322" r="2.32258" fill="#A4B8D1"/>
+</svg>
diff --git a/images/chromeLogo.svg b/images/chromeLogo.svg
new file mode 100644
index 0000000..9753e82
--- /dev/null
+++ b/images/chromeLogo.svg
@@ -0,0 +1,9 @@
+<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect x="0.333313" y="0.333302" width="26.6667" height="26.6667" fill="url(#pattern0)"/>
+<defs>
+<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0" transform="scale(0.00130208)"/>
+</pattern>
+<image id="image0" width="768" height="768" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAwAAAAMACAYAAACTgQCOAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QA/wD/AP+gvaeTAACAAElEQVR42uy9d4AsR3U9fG51T9j4ctLTk54SQogkEBmEbDBCBgewZSxAGZ4SAgQYAwb7kYwTtj+TcUAm2gQnjMDwM2ByEFkCIQmkl/Pu2zipu+73x6QOVd09s7O7M7v3YFnandkO1dVV59y69xRBIBAIBH2Buy67LD+2ZWwjQW8gld+oWK/zidcDWK/hrCPitQByIDUGQsFhFDUwTOA8KRoFk6sVjQEAGEoRjzCHz0FEQ8xww7+Dx8wlwyXNMsAAQMwzRPBY8yyDqwpqXgMlBqpgPaPAVc100mF/UjMmQGoSjAnAO8FQJ2aOzBw//xOfqMpTFggEguUHSRMIBALB4oB373YPHdu3nfK5Lex5p1bBp7jkbGaFbUy0STFvIFKbQLSeFcbAVOz9RfByt0JgwqESM8+C9QSDjwJ0wmE+4jEf1b4+4ih1yHXd/Tw3f3jbZOkAfeITvvQigUAgEAEgEAgEfYNDt1yzid386fD1Dh/6HOU42xm0FeDTWbk7FPEWZnKWl3/3jwDo4m9noHk/Me9l4iPM6iB87z5H0YEa672nbfjA3bQbWnqiQCAQiAAQCASCnuCuyy7Lj5+67ly35j/Yd50HgXAOE51BoNOY6BQiyi86Bx54EcCLeeQqaT6otd7jAL9g8n+BGt+jXXX3zKHpeyTlSCAQCEQACAQCgRH7b3nRqVr7j1aucz4pdT6DzmClTlOErYweRPAXyoFZg7UGNAPaB8D1n7meoc/ar59D+wAzOEr4fd8uCsgwDTgqPFEQ1acL5QAEUOPfIAVSqn4MpQBFIFIAqWVXQAT4zHwIrPewzw84Cnd6vv4pgDtOe+c/HZReLxAIRAAIBALBKsCR171sS3V+/lFQ6uGk+Xw49CAi52wGNizqiTlMxtn36qTd88GNn+H7daLva0Dr+ue68TMPWJYLUV0YKNUQCwRynPrPjgs4qv6z44Icp/W7RW/7lvbRM+z5+4lwD2m+S3v+nT5Xf7Dz/R/7OS3/eo1AIBCIABAIBIJusOc1t57p1EpPIlYXgvQjodT5zItI9LUGex64VqsTes8He7X677QPeB7Y9/sgJ38ZkOWemyLBUSDlglwX5OYAty4QKJer/6w6nLa4k8vUs9D6PtL+j9jz79Ce983TTv3oD6TOQCAQiAAQCASCfuKWu3e7h6cOP6rK3hMdUo8COQ+FonMBGu6aCdoIfq1W/8ertf/b94CalxqlZ17lgeVe3T8pUM4BObm6KGj+4+ZAubxZIPBCLlvPK1Y/Y67dyb7+vqvUt7Zu2PF92r3bk7dPIBCIABAIBIIlwMGbrzvdL7hPUXAeA4VHgugCZoxloHLZSH612ib4gf825tF3TCZXsQhYonsnx2mIgnxAHLigfMFQm9C1Giyxzz8n7f1IV73vEjmf3/G+2+6Vt1MgEIgAEAgEggXi3lsuLYxgx1M14cnsqsdCqUcQaOsCWGiI6OtaBVytgSuVOsn3aovMgUUALOe5yc2B8jlQvgDK56HyeVCuUC9gXugpwIe07/9Aaf0d7Xtfnz1e+oq4EAkEAhEAAoFAkIKjN900WsnXnqKUeiqU8wQmuhCM4QXRMq8GLlegqxVwuQyuVQFv+bI3RAT037lbwqBQhMoXQMVCvd5gIVMkcZk9fTfXat/ygf8ZmvW/sPVDH5qTt1wgEIgAEAgEqxr33vKC8REafhq7zsVM/Dgm9wIC8t0drUH2S2XoagWolKEr1Xhu/jITcBEAA3JuosYqQaEuDIqFrtOIGAwF9lnzPdrTXyHCV5zq/OdPef/HjssoIBAIRAAIBIIVjTt27cqdUvSfxq7765qcixXhId367LNXrZP9Srkd2c9C8kQAiADoesYkUL4AVShAFYdAQ0WQm65X2VB/osC+Zr6TfP6Sgv7swYr7pQvf//6ajBICgUAEgEAgGHjsufXF57tMzwI5T+OceiI0Rjs+iNZ1ol8pgcsVcKVct9QcRCIqImBlnVcpqEIelC9CDQ1BFYcBx0kVAHFBQCXW3o98xpeJcftp7/iHr8roIRAIRAAIBIKBwL5br1vvsPNcrdQziZwns6ItnRKxeipPCbpcApdL9QLdlUBCRQAM/ipAlok1l4MaGm6sEgwBrtvNtR6C9r/GWn+W/eJ/nP6e90zK6CIQCEQACASCvsGeV17/ENfnZ2ulnu047uM1kOuEiLUIf6UMnp8HL7IbTz9sxrVqRcAqEACxidZ1G3UEQ1BDQ0Ch0OFEzZo1/1gzf459/xM73/WB78uoIxAIRAAIBIKl5VG7d7uHy8efrGv8XE14BhGd29Hf16rQ8/Pg0nw9wt8Dj/1BEwEiAFbZuQNpQOS4oOJQfZVgeBjI5To7lNYH2Kv9P9/T/z4/Ufqs2I0KBAIRAAKBYFFw7NXXjpXK6neV4/wOuc5FDDWW+Y99v57OMz8HXZoHe97yR+FFAKy+tu8TARCbiN0c1PAw1NAIaHi4s30JNKZZe/+ndO1T7jR/UqxGBQKBCACBQLAgnNh9y/jsnP/bjsbvkkNPY6aMnvwMXSrVI/ylUt2WM0q++oEAiwhYfe2+bOfOel6CKhShhodBQ8OgoWInU3UFnv9N1Kqf0uR95PT3fFTqBgQCgQgAgUCQjkO3XLPJU7nLlXKeBVddxKBipj8MRPn9uVlA674n4CIARAD0pwgIQtVXB0ZGoEZGACdrQTFX4fM34dc+A19/dMd7P3hARjeBQCACQCAQtLDnxhvXqbx/hcqp3yPlPk4zMrEMrlbqaT1zc9CV8sAR8OW+BkkDEgHQ6ZStisW6GBgeBfLZ9sxTgKd9/xvsef9a8/IfOev975+SUU8gEAEgEAhWIfbdeusQaP53iJzfI0VPZ9BQFgKjS/Pg2dl6Ea/vDTghg6wCrMZ27/s0oIwTuJODGhmGGhkDDQ/Zp3QOy3Z4tW+wV/1QJTfxkXPe8dmKjIYCgQgAgUCwkjnXbqjDx198iZen55OTezZAazOT/rk56NkZcJbUHhEAIgBEACy6AAjP5grO6CjU8ChoZBggleHUPMu+/0Vi/OupG3d8nHbv9iAQCEQACASClYEDr7jhAjBuhOs8h0Eb03mKrkf452bhz89ly+cXESACQATA8gmAqBgYGamvDDTFAKeRAX1Ue/6/+Vq/74x33/ZDGTUFAhEAAoFgALHv1uvWEzlXKpX7fU302NT3vUH69ewM9Pw8wHrpLlZWAUQErJrnvdTnVvWagdFRqOGR+MqAcSjwfka+/wGth/5BdiAWCEQACASCAcDel11/kcqpl5Byns2MoTQywuUy9Mx0dueelSgAlvkaRACspnMvo+ghBTU8AjU+XhcDqRSAq0rrL/qa37fjnf/4n7RsFy8QCEQACASCGA6/5EVnVHL0MsfJXwaiU1K5QKVO+vXc7PLswtuPIkAEgAiAlS4AgpO/40CNjEGNjYOKWer/9X7W/r+6mt5xyrv+cY+MugKBCACBQLA8NIL2v/z655Dj3KAc9Stp1p3s1eqkf2YG7NWEDPbZ+VelCBAB0Bf3TG4Oamy8LgZyqdaimmq1b3tav/P099z2MVkVEAhEAAgEgiXAwV2Xb+ThsWuRy93AoDOSJ3xdL+SdnYWenxNC2Mfnl1WA1dTX+veeKV+EMz4ONToOOE7yd5n3+aw/wuXy3+18/4cPyegsEIgAEAgEPUYztx/k/CaAQuI830jx8WdmlraYVwSACAARAAMtANrsIHu9ABGq5Ptf9DW/77R3/uN/yGgtEIgAEAgEC8C+W28dYp69kZzcDaTUOYlzu++Bp6fhz0z3Z4rPIBAzSQOS5y0CIE4Ucjk4Y+OgsTUgN5f8Za3v0br2bj2L951x221lCAQCEQACgSAbDr5s12k1R93sOs61ab79XJqHPz1VT/FZCQRSVgFEAIgA6Nv7VUMjUGvWQI2MJlMI4kmqef/q+/jL09/zT7+UUV0gEAEgEAgs2POym57s5PilTM5vEWCtxmPtg2em4U9NDXa0XwSACIDlbHMpBO6ePLgu1NgaqPHkVQECaqT9/+Vq5S9Pfe+HviijvEAgAkAgEADg3bvdg9OHr4RyX8KECxK/u9Ki/f0oAiQNSATAShYBvb5nIqjhUag1a6GGhhPPy75/B7T/rh2bb/sg7YaGQCAQASAQrDbs++tbh+hg+XpS7q0ATrOSP9bQMzPwpybBtdrqaBxZBRABsOLPvfJED+XzcMbXQo2tAZSyn5f5IHuV97r7Jt9+yqc/PS+zgUAgAkAgWPHYc+ON69whfhkc52aQ2mgjgOx50DNT8KdOLt8OvUIKRQDIsxYB0CmUgjM6DrV2XXtfAfN5J8H+B13Wb932jg8ck9lBIBABIBCsOOy/5UWnUj73anbda4gxavueLpfgn5xc+Wk+QgpFAPRDm4sAWFwtMDQCtXYt1NCInYiQnoPnf9LxePe29972gMwWAoEIAIFg4HH41l0P85T6Y3Jzvwm2FPayhj87A396ClyprG7i3w8CQESACAARAL0lG/kC1Jq1cMbGACjLl7hKnv9vWtFbT/u7f7xTBkGBQASAQDBw2PuqGx6q4PyJUvQcBpm31PR9+NNT8KdPgn2/vwjwahcBIgBEAIgI6PntkqOg1qyDs3YdQDYhAI1q9fMe8Noz3n3bD2UgFAhEAAgEfY89r7zx0S7oT+CoZ9lmOPY96OlpeFOT9vx+EQAiAORZr/Bzrz4B0GYfCmp8HM66dSDHbCNKRJp87/M14HU73/GPP5ABUSAQASAQ9B323nr9hY5y/jiR+Fcr9Yj/zHS2SXi1iwBJA5JnLQJgZQqANsuHGh2rC4FcIVkIaP1HO9/1ge/LbCMQiAAQCJYdh15502M08IZE4l8pw5ucqBf2DhIBFmIoAmBVEFMRAP1wuzQyAnfdelBhyCoEWPtf9T3/dTvf/YFvyOAoEIgAEAiWHAdeduO5nMObSTm/k0j8J45Dl0qDSYBFAIgAEAEgAmCJb5eGinDWrocaHrUKAfK9z/uEP5BiYYFABIBAsCTYd+sN2xXwJ8jnrrK5+vSE+IsAWNUiQASACIDVKgAyCwEFD77/SeXjNae86x/3yEApEIgAEAh6jvv/4Katec2vg+tcB6bhRSf+IgJWtQBYlSJAnIBEBHQnBMqoebc5xH8sG4oJBCIABIKe4Nirrx2b9/Kvd3K5m2wbeOnSPPyJE9CV8gokKCIARADIcxYBsPy3S8UinHVJqUF6Dp7+kO8XXnf6e94zKbOXQCACQCDoGHfs2pXbOkqvgpN7FRGtXxbiLyKgDwiLCAB5ziIA+ul2qViEs2EjVHHYdo4Tfq3856dvOfNvaPduT2YzgUAEgECQCftefv1zKZf7C1J0lmnCWrRUHxEA/Xn/UgcgAkAEQN/dLg0V4W7YZHcNYv8B8v03b3/Xbf8ks5pAIAJAILBi763XX6iU8zfkOk82TVpcq8KbOAE9N7v6SLAIABEAIgBEAPTh7dLwMNyNm6z7CMD3v03kv/zUd9z2LZnlBAIRAAJBC4defsNO33X+ghz1OwBilp7sefAnJ7Jv4CUCQASAiAARACIAlvR2aXS0viLgxncWJoLWNf/THkovO/NdHxXHIIEIAGkCwWrGvbe8YHw4v/YtcNWLARRjX/A1vMkTdeKvtRBhIYciAETorQwRsAIFQJPpq/E1cNdvAJQTOzER5lHz3pPn2d2b3/2JWQgEIgAEgtWFfa+4/oXKzf0liLaaPvenpuBNnggT/34gYyIAVtW5JQ1IBICIgG7YjYKzbh2cdetQX9TlCPnhY1Tz37T93R94p8yGAhEAAsEqwAOvuOGCnOO8C0o9wfS5npuDd+I42Kv1L/lerSJABIA8ZxEAIgA6ITmuC7V+A5yxNeYTa/+7rtI3b/v/bvuuzI4CEQACwQrE/puv3ED54bdRLnc1E2JJolxuOPuUy/1PvmUVYFW1uaQBiQAQAbBAslNsOAYViwYixD58/8Ng/5WnvuuDJ2S2FIgAEAhWApcAaP+t17+Ucrk/IaJ1sc9rtc6dfZabkIkAEAEgz1gEgAiAjt8j1SwUzuVM3zjBlcrbdmz90N/QbmgIBCIABILBxN6X3XyRk8e7odT5sQ811wt8p6c6nwhlFWB13rekAYkAEAEw0AKgznwIzrp1cNetB0jFv6f1j7Svb9r57g98Q2ZRgQgAgWCAcOzV145Va/m3I5+7DgZbz8Q8/0Eh4CIARADIMxYBIAKg6/eIXBfu+o1Q4+MGclRPC/L94q2nv+c9kzKrCkQACAR9joa7z1+BaEtsAqhU4J04lp7nPygEXESACAB5xivgvCIAlvM9UsUi3I2bjfUBAB9n33/1ae/8wAdkdhWIABAI+hCHXn7DTp1T74dyfi32oa/hTU7An5nq7aQnqwBCDkUEyDMeVFYsAiAEZ3wc7oZNgOPE/1b7/0d+9UU73v3h+2S2FYgAEAj6gSd8/DLnwHc2vppc9/VgDMe4//Q0vInji7ORlwiA1XffsgogAmBlsWIRAEFS5Dhw1m+Es2aN6e/LqHl/vWPLzj+h3bs9mX0FIgAEgmXCnpfd9GS3QP8IUg+KDdaVCrzjx6Ar5cW9CBEBIgBEAIgAEAHQ97fbyTukikW4m7eC8vn4hxp3EWovOvUdt31LZmGBCACBYAlx12WX5cdP2/Rmx3FujXn6M9fTfaZOLs3kJgJACKIIAHm+IgBWlACoMySCs2YN3PUbAaUi5Il9XfP+3p/HrWfcdlsZAoEIAIFgcbHnlTc92VHqn0ipc6KziJ6fh3f82MLcfQaNhIsAEAEgz1cEgAiARXuPyHXhbtwMNToa/1Dr+1DzX7zjvbd9WWZngQgAgWARcPhVrxrx9ezfIJe7rm3eXB/M2ffr6T6dbOa1kki4pAGJAJDnKwJABMCivkdqZATups0gNxchUuzD8z6U57lbNr/7E7MQCEQACAS9wcFbdj2Di/m/h1KnRWcRf+okvIkJgJdx40YRAKvrnkUErNx2FgEgAiBRBSi4GzbCWbM2/pnW+5xqZdcp7/vw52TWFogAEAgWgKM33TRaG8I7KJe7kplDSZjs1eAdPVIv8l3tnvwiAEQAyDMe8POKABikd0gNFeFu3gbK5aJn0Nrz/ylXy73slPe/f15mcYEIAIGgQxx+xY2P91z3w0R0VnTm8KdOwpucbEf9ZVMuEQEiAOT5Dvy7JHsBDNQ7RAruhvVw1q6L0ymt72fPv+q099z2VZnNBSIABIIMuGPXrtyWMfctjuveygg7/HCtCu/YUbO1p6wCiAAQASDPVwSACIAlfoeoUERu8xZQoRAhWOxD63ds33DaH8i+AQIRAAJBAva88vqHKMp9VDnqEdHZoh71n7BPWCIARACIAJDnKwJgMO53BQmAOpsiOOvWwV2/IU6tNP8EldILdrz/Iz+RWV4gAkAgCM8FdOAV17+G8oU3gDEU+qxaQe3YEXC12v8kWASAEEQRAPJ8RQCsPgHQJFWFAnKbt8ZWA5hRQa38lh3v+dBbadnuXiAQASDoIxx6+Q07/Zz6KJT7BGrMC9SYIfyTk/BOTmafoGQVQAiiiAB5viIARAAs5/tDBHfDhnBtQOO07Ne+4jC9cPu7P7BPZn+BCADBqsX+W170uxgeeh+A9c0uSQDY8+AdOwxd7mKDRVkFEBEgAkCerQiAAWjnlf3+qGIR7paGUxAHb1uf9H3/xjPeddu/CAsQiAAQrCrcddll+bU7Nr0defcmMCsOdEk9M43aieOgbn39RQCIABABIM9XBIAIgH54f0jB3bgRzvja+KXo2gcrdOT6c97x2YqwAoEIAMGKx4FX3HABO+pfodxzmjMAob6bb+3YUej5edBCe+ZqFQEiAEQAyPMVASACoO/eHzU0DHfLVpDjRi5I/5Rr1eed9t4P3SnsQLCkfVKaQLCU2H/rDbdyLvd1KOec4Ojvz86gsm8P9PxcXQxIiVSXkl40vUAg75HA/miX59nq0hxqex+AnpuJXJB6iCoUvrX3pqtvkqcjWNJ3QZpAsBS467rr1o+P5z6MXO7S4PjLvoY/cRz+7DSaBcD1/0cgChYEd4HVmoojEeIVfV5ZAVjJ55UVgJX7DrXP6YytgbtpM0DhGCz7+j8rJ8tXnvORj0wLaxCIABAMPPa+7PqLVN79KJTaHiT0ulKBd+Qw2KuFyD5zvRSYscBAnKQBCUEUASDPVwSACIA+EwAAQLk8clu3gfLF8O9Z73G1ft7Wd33g28IeBIsJSQESLC75f/n1r0Ah/3ko2o4AwfemplA7uB/s1eLzDwEcGCy7HqplGX91YLmes/QvQe87lTTBatG1tSqq+/fCnzwe/j2p06uO85W9N131SmklgYw2goHD4Ve9aqTkzXzYzed+O5ryUzt2FDw/Z+2RplSg7kdZSQNaHbPp6omcygrASn+HVlHR8ypeAQhCDY0YC4TZ1/9Z5OkXbn73J2aFVQhEAAj6Hvtf/uJH6lz+U0R0ZrCn8fw8aseOAb5nz+2n6HhJIWEgJFwEgJBE2QtABIAIgMF8f+znJeXA3bIVang08if651p7v3P6u/75LmEXgl5CUoAEPcUDr7r+Op0vfo2UOpOpvQOiP3EC1cMHAb/W4vnxMbi9QTq1/h8vTKkuZ5qGpIgIBAKBIIs00D5qhw7AnzgeFgqkzlVO7tv333jVNdJKgp5SFGkCQS9w12WX5cd2bPgA5XKXc7BfeR5qRw6Dy6VAFJ+ausDYAXteELwaI/GyArCizysrACv5HZIVgJX7/mQ7b33PgG3RlCDW2v+HY1X35gvf//6asA6BCADBsuPeF73g1PyaNf+lXOeCFnEHwOUSakcOA54XI/YtEcAWYm+pBejKFlQEgJBEEQDybEUA9N/9igCwkzPlwN12ClRxODI18vfI85+z/d0f2CfsQyACQLBsuP/WFz/VyRX/lYEt1E7Xh3fyJLyJ462fmbmV1tMk9pTW/XpZELzaSIQIABEA8mxFAIgAGFgBUJ8DCe669XDWbQz/mv2juupfdtr7/vkrwkIE3UJqAARdY8/Ldr2U3MLnGdjS5OXs+6geOgh/4lhjsONw1J7jUfxOx+KBoj5iUSkQSF8WCLoUZd7ECdQOHQB8v/1rcjajkPvCvpuueYk0kqDroVWaQNDxmLR7t7vv5KG/14X81YE6XehKGf6Rw2DfAwWc/FuR/gbTD8/nlNA1uXerAJIGtComy9XSxmIFupLfH1kBWLnvT/fnJTeH3LZTYhuH+dXKx47r4lVSFyAQASBYVNz9kmtPGcrn/gtu/tGt3sOAnp2Gd+xYYIDjNnFvyoDgoJuxIDhqC7qggmBJAxKSKAJAnq0IABEAg/psieBu2gxnbG341+x/zQE/d9s7PnBMWIpABICg59jz8uueRG7xk6xoa5u4M/wTx+BPTbU7FFGD/HMo35+BlghYloJgEQBCElfIeUUAiAAQAbAKBUADzpq1cDduDs2AxHqfrlafe9r7PnSHsBVBFkgNgCAT7r3xmhciP/R5VrSVmwOZ78E7fADe9FRscOXYsMehITA4/nLI/N+sUoNkv20PKhAIBIKBhQziXcGfOonagX1g32vPo6R2qGLhy/ffdNXl0kICEQCCnmDvS699Q2F0+DZmDLdsPqsVVPfvg54vBTbtikblKU7c0342BEhCv6O4mBAIBILek1Nhp4L+hS6XUNu3F1wpBeZKGnHd3IcfuOHqN0gLCUR/C7oG797t3j954KOqkL+stUsvATw7jeqxYyDWaObntIg8B4g9UUsGRGsBmt/PVhDc/nhBBcGrrRBY0kRW7HklBWgln3e1pSpiFb0/i3BeUsht2gw1tiZ8Ju3/y9Gqe6UUBwtEAAg6ws+uvHJDcePw7eQ4j22F+JnhHz8Ob+ZkpOMQggXBrY5F7V+GCoKj6TtdFgS3fkEddGSpAxCSuELOK3sBiAAQASACoAln7Tq4GzaFJ0rf+wbB/81T3/XBE8JqBCIABKn45cuufDhyo59RpE6t9xIGaw3v6BHoublQrwkRd2qvArQ+NxUER/YCyFYQ3CNbUBEAQhJFAMizFQEgAmAF3qwaGkFu6ymACmR3s76vqmvPOutdH7xH2I0g1F+kCQQh8n/jtb+pcqNfa5F/AFytoXZwH/T8HDgQym//J0d+DnxuKgimDPMOmQfOrHUDAoFAIBCsJujSHKoH9oK9QNYPqbNzKvfN/Tdd+SvSQgIRAAIj7r/lmusxOvRJEI01aTtXyqgdPABdqSJK5dnA0ZvZQnGiTsaof0gsRIm+FAQLBAKBQJAZXK2gtm9PqDiYiNZrN/e5vTdffa20kEAEgCBM/l967dtUceTdCsg1LTb17DSqBw9A+15rN18CElcBmv8VjPK3VwEo9LvQ9w22oNbUnmAKUSPnSGxBBQKBQCAAWPuoHtgHPdO26CZQnhzn7/fdcPVrpIUEYUYmWJ0DBUC/eOmL3u8UCi8K/t6fnEBt8kSY+Ldy8APh+1gBbsaCYG4fILEguNebg0kNwAruzFIDIM92JZxXagBW7ruz9Od11q2Hu35jRCB4/7zjnbddQ7JwLgJAsDqx79bLhmpY82ly8k9rsWzWqB09Cn92pvErCnUWpgBxj7DtLAXBoUGQOUr/M9qCLrAgeDVZcgpJFAEgz1YEgAiAVSsAAEANjyK3bVtoTmXf/8+Zo7O/d/4nPlEVNiQCQLCK8OPnP3/d2JaxL8BxHt1i3r6PypFD4HKpNVY1RUA7p58b5J5ajj6LvgqAbLagrWtK69UiAIQkigCQZysCQATAKnq2qjiE3LbtgOMEf/8t7ZV+/fT3fHRSWJEIAMEqwL6XXn1O1S38P+W4p7WIuOehcvgguFY1dJDerAI0RUDLFrS5IRhRKIc/my1oWCx0lAokAkBIoggAebYiAEQArLJnS/k8cqecCnJz7SlU+3dXufLMM9/10T3CjlYXpAh4leGXL3vRw2u5oa8o1z2tORzpWhWVA/sAA/nnNrMO+PhnKwgmw3BntAXNUBBsY/M2W1BRtgKBQCAQBObTahW1/XvBlXL7d8p5sEtD39hz81XnSwuJABCsUNx30zVPpFz+y6TUVm6wZl2aR+3APmjfixPxAPHmqAkoRyw4ORp155AtKBD9nBI2A8vu9y+2oIL28xfZJxAIBIkiwPNQ3b8Pem62PXQqOoWU+3+HbrjysdJCIgAEK438v/jKS1Vx6H+YaF2TWPsz06gePgitdZuYc9SwMx5Rr/99O5+fKf45oj9HbEEROYtpFYAiRxxoW1AhpwKBINtgIU0gWGQVoFE7fBD+dMAmlGiDl8t9Yf/1L3iaNJAIAMEKwS9uuupyWjP6b3BotPm72skTqB490iL8bCPugfkomrxDodz+CBEPMPO4eLD9zKGfm6sKSBAXSZ/JDsECgUAgEJgmTIZ39DD8yYnApE7jKA5/eu+NL/xtaSARAIJBJ/8vufoGGhr+ZyIqNol17cRxeBMTgfSbSKlvxlWAtktPWBrExARH04naEf/YDsHobodgRMWIJAAJBAKBwACSFdkWvBPH4B07GpjreYhyxY/vfck110jriAAQDCh+efO1r8PQyLugKNd4sVE9chj+1KSRqHMCbSayFQQHiHoHBcFN96F4hJ+jQQrDxViuEdnqBgQCgUAgENThT03CO3woOEvnSKl/2HvDVbdK64gAEAwY7rvl6rdiuPgWAituMOnq4cPg2Znw5lwNIt5kzW1LzawFwWQtCI4w+1Z0Pk7UzQXBUWKftgogBcECgUAgSANLZCguAmanUTt0EGDdnEQV5XNvf2DXlW+Q1hEBIBgQ/OKl1/0tFYdfx80APTMqhw/An59JjvhH/fMjqUBRi802kQ/bgpKFuLfOGSkIjiYcJdmCroiCYIFAILDTU2kCwbJAz82idugAoHWLFTjF/Bv33XDln0jriAAQ9DnuveXad6JQeFlrKvE8VA/sgy7Nh4h5tDg3OueYim+z2IKSiYgHftFtQTB44UW+yzqtSsRJ2lggEAj6XQTMz6N6YB/g+y0RgHx+996brvpLaR0RAIK+Jf/XvVsVije3+FDNQ+XAfuhKJcT8E3fJTVkFaP7KZgvKDVvQmHCIEnlDQXBzbwAEhYrx56RVAJJVAIFAIBAIugRXyqge2Av2au2Z1c29au+uF75bWkcEgKDPcN/NV39AFQs3tsl/DZWD+4HmC2wg3uH8mnCIPc0WtNOC4BBxtxL78M8xd6FMtqDmvH8pCBYIBAKBIKMIqFZR278PXAuIgGLxxr03XvUeaR0RAII+wb03X/1BGh6+usl0daWKaoP8pxXTGsz+rQXBZPh6mGi3VwGilNy2ChA/R28KgqO2oFIQLBAIBAJBByLAq6F2ICICcrkb9tx09fuldUQACJYZP3/JNZ9Sw8NXNEmtrlZRO7gfulZDrPg2sAEvg1OdEKKWmtF/m1cBwgXBabag4Qi/wRY0oSCY40sMsRuI2YJqllQggUAgEAgyi4C94Fq1TRxd98V7b7rqH6R1RAAIlgn3vuSajzjFoec289tb5F97Bqce888BTm5m/ojm6WcvCG6TeENBcJOIk+mUlFgQ3JXfv6wCCAQCgUDQhQjwUNu/F1yttKdUN3ediAARAIJlwH03X/1BKg49v/mzrpRRObAP2vdCxNu6ChCn7RbS3H1BMBoFwRQVDlHtEbEFRewsiN2DFAQLBAKBQLBEIsD3Ud2/F1wuhUTAvpuu/ltpHREAgiXCPTdf9QEUh6+gEPk/AGi//bKG/Pgjzj+68XOUuQd/6KAguCkngrSdIjn4xoLgBdiCLqQgGJCCYIFAIBAIOoLWqB7cHxIBcN2XiUWoCADBEuDnt1z9TjU0fHXTiUeXy/UXUvsxUhzPmYehoNfEhCn2n1lXAdpiIWALigQxkWALGisIRm8KgiUBSCAQCASC3ogAcnOv2nfDlW+TxhEBIFgk3H3DC//WKQzd3CS9ulJG7dABcHvXvsCevGi57AAAsQ6xY2OmTUJInRNoM3VqC9oq9mU7sTcVBEfdhVK0CwxioaO6AYFAIBAIBKkiAPn8ax648eq3SuOIABD0GPfecMVfOyOjL2tGx3WlguqhA9Dt3fpapJhDxLpecGsl2iamHxUBFlvQkDAwFgSTtSA4eg4KCJYwUe+NLShH/mhVFASLwsHKfbTybAUCQR+IgEq59Ssn5752z41XvVYaRwSAoEe454Yr3oLhkZc3mSpXyqgc3Af261afsY20uG7xybGIf7ItaJT3hw/aWUFwm8iHbUEpQXxw4ztBkhM9S5ItaHJBMNq1D61DLlFBsJA1gUAgEKxAEVA7uD/oDkQql3vrnhuueqk0jggAwQJx964rXoqhkdc2eaquVlE5dADcivxz3dueuRFej5PaxIJgNtuCJtmEZikINtmCUpMMm2xBF1AQDF54ka9QdIFAIMJdIOjwNfH9+mZhQRGQd/9m741XXSOtIwJA0CXuu/55Vzpjw28nYkVg6Fp9h1/2vBjxjs5VnIEUh37MUhy7QFtQbtiCBj/LWhDc3BsgeLnRn4N3JbagAoFAIBAsoQhobRZGilz3fftuuuK50joiAAQd4u5rnvdb/sjav2eGy4Qw+WcL6Y3T3db/z7IKgB7ZgnZUEIx4Dj+MxD78s6kgOM0WNJr3LwXBgoXPfNJxBILu3x9pgpUnAmrNX+VY5T9y5MYrny6tIwJAkBF3vejyX3XWrP0ogfIAAM9D9dABsOfZLTWtqwAB0hv4TmcFwfHteqMFwWT4evho9ZOn1hoExEj8HN0XBDNz4HjhP5IdggUCgUAgQYoFnsrz6iLAqzXn6GI1l/+3/Te+4PHyIEQACFJw9/VXXJgfG/s3VhgGAGhG5eCBVtpPlMRmiaDHLTbDVDetINj4oiMcQY/+27wKEC4ITrqH6CqD0RY0oSCY48skibUPzWuWVCCBQCAQCLoVAbW6CGjWKTKPsVv4r/tfcvWDpXVEAAgs+PGuqx+sioXPaaI1AMBao3JgH3S1CsCc0x8iycTGVYAQySWTU4/5Z/NJ46Sas9iCtkLxZltQY0EwmU5JiQXBWfz+zQ5Hi7QKICkiSzTrSDvLsxUIBH3xytZqqB3cD7T2KKJNDqkvHNx15WnSOiIABBHcd8NzNhcLzudZORvAAGuu+/w3KuuZ24WticSdzFHseEQ9THU7XgVYYEEwGgXBZLk+IF6XwMbdy+yCx1QQ3L7mFV4QLKRJIBAIBMs1BVXKdRHAujHj0qlewf1/+667bL20jggAQQNfuvjionbXfBE5d0eTpVaPHIQul+KkmOI8LxYRZxsRz14QTD0qCK6fX4doe7AgGJFUoOA5OrUFjbZJXDgEr9ke8RfuLBAIBALBwqDLJdQOHUQ7vZfOQXHss/dffXVRWkcEgKhkgLY+9PT/4Vzh/KZbTvXoIfhz83HSy/ZUl44LghHNmW8jU0Fw4D8TVwE0G64xYAuKBDGRYAsaKwhGZ7scm2opMlmhCgQCwYqbiGTcEyySCJifQ+3wofbcquixahiflJI7EQCrHvfceMUnVa54UfPn6okj8GdnjaS4lc9OdhKbuSA4sgpgnAsoWblYiXvwnD2wBY0XMXOqxadxPrMUBGepGxAIBAKBQNCFCJidgXfsaJt4Os6z9t1w1d9Jy4gAWLW4a9fz/grF4dZGGd6JE/Cmp9vpNxFSzGb+bf6dZRUgRKSNxNtMxI0nTbAFRZCoG3cIJmtBcOgEHK5tCBN1sy0oRcRC0j3ExEIvC4JFRQgEAoFg4bPJwMOfOgl/8kR7qs25L9l7/VWvl34hAmD1kf8bnv9Sd2Ttrc0hwZuZQq3xcmSJTlOWVQCyrwIspCDY7KITSQVizpC+FLYFtaXztK4pUhAcXedIsgVFJ7agg14QLMJjZdMIeb4CgWAA4Z04Dn9mqk0d8s4b99x01ZXSMiIAVg1+8qLLnucOjf4VMxQB8OdnUTt2NBxBpziXS1sFMEXQ7QXBjZ+zFARHeHSSTWhqQXBUTjRWAezn7K4gmJKCLh20qcRtBCK0BEvYqaQJBCtbBBw9Aj031yQGSjnu+/bfcMWvSsssPaQIY4nxsxuf/2guDv+fAzUCJvjVEioH9wM6HDEHEYjNOfuBr7S+EI5eBx8uGVh8+HgUcP7hRlw+ZisazOUhSy9qEvWWiKHY3EaRi6xH/9vLDcSWewiKlWAqUzRfCoHUIGbD9ZLlJSAEV004cM/UzVuynORwtRHT5brfZTovy/NdweflVdbGWEXvEMv705p0FfLbd4CKLTOgk7qqn3T6+z7wU2GJSwdZAVhC/ORFv7kFueFPO3BGAEB7VVQOHgB0O9s+vLFXfPiI2V0mpAIFBx2ykt5sqwDIagtqLNBt64GFFgQnUfnADgMdjbsmW1ApCBYIBAKBYDHEgUbt0H5wrdb8zVrK0X/vv/I5G6RxRACsvP6+a1cuP7T+88pxtjEA9j1UDu0DfB0vzg2oZ1NBcBIJNoqFLLagXRcEBzw6o849HP45trFX5C5Saw0CYiR+jqgtqG0rs2y2oK12W6wdggUCQR8P2PK2r9xHK8+2L56D76N2cB/Y9xtch87A2Lr/uGPXrpy0jgiAFYWfO+VPs1N4eL0+llE5dBBc84AU0msm4oGfe2ULGpr3Oi8IjhbgUkSgxCPq0VWAcEFwmi1odKMvThjkY8S+k4LgwDUPRL6cTG4CgUAgGITpqlaDd+hAa7dgVvTkzbny30vLiABYMbj7+svfxYXiJU3iWTtyEH6lgmYoO5pmYlsFWEhBMBMbVwHsBcHJbkTNkzatNqNipC0eOH7NKQXBsBDxqC1ojLhHc/87LAg2fqWbVQAh4QKBCFqBQJAKXS6hduRwe8pVuav23HjVa6VlRAAMPH523fOux/D4Dc2fqxNH4c3OhQklxUly0FIzzZnHZAtqJO5kjmIvZBWgSfBD12SyBUWKGxHatqAAhy0/kbxDMEJCI2ucPmkVgFaWLahAIBAIBH0q3PXsDLyJ421i6jpvuf+GK35fGlIEwMDip9f+3tMxNvZ3DFZA3evfm5yMEPkm5QwTzBjppQzEneJfiFlkWm1BsxcEt1ckIgXA4MRVitA1U7gOIehIhCDxzlDUnCiYDKsMabIgKeIvAcnBnmgG/bySvyxYOe+uNIGgDX/iRGCPAFJurvD3D+x64aOkZUQADBzu2nXZaRgd/VdA5cGALpVQaWyFzaacfEoo8M26ChD4O4aFiGcpCEY83Sh4TZoZ3MjZowirp8jFJ60CBH/mCLWPpgelrQIE043iBcFYUEEwxW+0/wipqBOBQCAQDDC8o0egS6XmhDaq8vn/fmDXC7dJy4gAGJzAxq5dOcoN307KWQ8wuFpF5ciBGJFvB9ADqS9Jef4JtqA9LQiOrAIEoXVkozIDpU5bBWidpge2oCFxwmyxIU0qCI6qrWw7MQsEAsHKmLBkQBP0T1+sHdoPrlYbHIG2ubncJ3n3blcaRwTAQOBnNPdvyOXPB+pWV5VD+4Gm1VUSie2gIDhKijvazdayChA6Z5R4N8i1VUxE/94oRrIWBFOsINi0y3GwIDhO1COrAJb90GyrACYxk1oQLBOpQCAQCETcdQ9d3yOgyZlYqSfuO3L/O+RhigDoe9z1ot/fjaHhZzdJc/XwAWivBhPNDefMk7UgOPgyZ4lOU5ZVALKvAsQ2G4sMItGCYFOqTrcFwe17CtuCJqXzxPL2OZ5k1TNb0H4tCBbxIRAMOluTJhAIULcHrR052HonyHWv37fryhdJy4gA6Fv85LrLnqWGR1/XHMq9Y0fhl0uI2VE2aHMi6U3I6UcPbEGTC4JtRDn8oc0W1MZJkwqC4/IIrVUAe+1DYxXAsgdB/OfObEE7XlkRiOgRCAQCwYKh5+fhNeomARAXcu/cs+vKJ0vLiADoO/zyuuef7gyPfEgrygGAf/IkatMnUzgKg6HjBbfE2V1uOrQFjRJvY0FwFuYbIu8pzjwLtAXlDm1Bw/sPdFgQTIbba94AElYBhIyK8BDI8xUIkuYXQUfwp062nIEIKFAh9/G9L7n2FGkZEQB9gy9dfHGxlM99EU5uHaHh+HPiaHL0OUSSOUDsF14Q3CLyCalAwUGJggfguDtR0pgWJd6xCHpGW9CuC4IDbkSc4bI5decvU7vadzkWriBYOl7Kq+2G5aELBKsc3tEj4HK5OeduI82fumPXrpy0jAiAvsDmc0/5FBXyZwL13LXy4QOtySvNUjNUTNsstGXuuiA4C3fnCFlvcOiweIDxQmNYaEFwqO7AVhBsIO7RouKgHVL8HOaC4MQoTYItaPOXrWsyOA8JURIIBAKBYOHzW+3wAbDn1X921OM3O5W/k4YRAbDs+Nm1l72ChkYuZQDQGpXDBwDtx4l+JLoNJOTEt3JzNJqrA8nfN0fAY8Q7cEjiDmxBYblgZCsIjh6CIgIlVsQcuQbicEFwmi1oeCXEYAvaq4LgpjSRHYIFAoFgALikBEsG8rl5HmqHDrRX/F33+j03XXWltMzCILxlAfjR1c97vDM++n+kVB4AaocPoTY73XauiUSR69HpdjQ6+u9mAlAoNciSw14/HoVXCShaUMyt1JrGT+3PyUCyo/nvlMDeI99rp+u0zxGN+lPjP6L3YBIGsaLogOcnMUKrJKFWNq2KBJZKKCK0zOlOFLvf8DUHxIduXKnVZnTxoyOrNSq02s4tKUArvW+tsvvl1fQOsbxDPYAzNg53y7Ym8ZjRFf/xp7/vAz8VNtodZAWgS9x7ywvGcyNDnyKiPAD4Jyda5D9IGKPvhDGVpfXfbKi9jduCZi8IpkhBcIKNKJnJa7erAItVEBy3Uk0uCA4P+lnpedIqAA2GLahABJdA0LfvkTSBoHP4M9Pwp042x+IxlaN/P3zFFSPSMiIAlhTVKm5n1z0FAPT8HConjscGOLKlkaSRZEQj4JEdhGG2BUVETAQ/ZEM0Py2VhbsoCCZrQTBnLghuZkBF3fybkX+KKCxjUXNiu8ZbKcukZNpvQLihYGl0h3QugQhagcA7frRVFAyiB3njzj9Iq4gAWDLcdd1lb8fQ0JNA9dy0yuFD5jx9NuTE2zeeDRHMtILejm1BW3+XkKdvswWFjanHr8leEEyxDJukVQCYBA8HxAQSxESCLSh1agsa+U+joxJlUA8yeQsEQogTwwsCgbxDWY5fO3wA3Nop2Pn9PTdc9VJpeBEAi44fXf2cZ2Jk/KVAc6ffg9C+F3O1aZFeshH5jKQ3lPpiJ71mW9AA6TU68SQQdyOxh72CGeFUIKvAsawCxM7ZrS0o2Ejsmzszx68pqSA4fnGtZmS27sQsEOEjkGcsEAgWaXjwPHjBnYJzzl8+8OJrnigtIwJg0XDX1b++1Rld81EQuQBQO3EMXqUUI7nRX8Q2sWIDocxKYk0/J9iCptYVGCw/TasAWVOBurUFjTrzxGxBw4UGkVSc+C7HgZphQzubbUHjt2Vfrok+x5AtKCSeJxAIBAIR0YsFPT8Pb+JEc07PO3l89N4XvGBcHrwIgMVBYd1/kOOsAwB/ZgbeyckQgTSvAiRYdGYuCCZrQXDwZbcW+KK9CmDbIThE3HtcEBy95o4Lgjm6EVfYFjSx8DpywPYqAIV+F/p+mi0osznlaikLgiVCKhOqQCAQrGL4Eyeg52YbbFadPrQ290/SKiIAeo47r33e21AsPo4BcK2KytEjZuJuyPtfSEGw2RIzgfRSnKtwpLIgdRWgVwXBkd+FfHxSNuSNxtJNO/gyONGfH9x5QTAliBsk7cycRTAJhIQLBILVNmhJEywiakcOgWv1TcJYOb9z//VX3yCtkg3iXJgBP7v28if4o8P/ByAH1ijv3wtdrSDo/x4iuUTxBibLJldNb3uYVw2iXvhkeGxhYk6BTb4QiOYHvPADJ2vuDRA8SNDu0lQQECPJlr0B2t+hds5+8E8oLg5Cf8zc/jxykfXjtS+A2HIPCKwSBFORDHsDRFODjIqH2XAOjuxADJjqP4QED/i9i///yn/O4hO/Ym9X9gBYueelQhH5U3cApEDgea5UHr/j/R/5ibDXZMgKQAruuuyyUX8o/0kQcgBQPXa8Qf7TX4BYBLxHtqALKQhGhoLg4KCV6EZEyU0QdeKJRdCTbEEDKymLURBsHqY5ddxma7tKQbBAIBD0Kx8WrOAuVSnDO36s0b1omHP5j917y6UFaRkRAAvrWOtyn4LrngIQ/NlZeNOTYcrI8Zx2O6lNLwgOktReFwRnGY07tgW1+2h2XRBc3103UCAcEhLh2ggTcbfWKpChnSwFwcZ2ajr/JNiCtvvBIhUEi6pYpoFA2n3Ft7VEiAWCgYV/8iT03Ex9Clbq/IK3+W+lVUQAdI2fXfu8W2ho6NcAgGs1VI4djo3XTUJINiKOzgqCTS6bJtKLFNKbLCZ6aAuaMIdlKQiOHoIigoVS2pk4XBCctgqQVK/R/F3olrh9M61KCttKTobN1QRCWAQCgUDQew1dO3wY7NXq87TrXn//DVf8vjSOCICO8f1rLnuIPzz8Z8x1tlw5cgCsfUO/ixBxshNMjjFGpDj32Ap+KVlcRFYBzAXBwffGXhDMtLCCYNM9gA2pMqG6BEt6EJnvIWoLmlgQbLAFRTT3H9k2V0vUP5SqjwSCDJpHeo5AIBBkgtbwDrf2ByDXdd+5/0UvOFUaRgRAJ2KS8oXCJ6HUMADUThyHLpdjhauIkFibr3yqc0+LeGe1BY0T9xipTd0hOGoLmlCHQImiO5HlmlYBYucI+IOanHiSxEesNoIMwiHSBlFLzzQVE7L9TFwFoMW1BRUyKBAIBIL+jVgsvwYoleGfONGY1tUGXch/TBbiRQBkxl3XPe/vkC+cBwD+/BxqkxNh+heL7iYQd2azJWaPCoKpw4Lg8PWS+TuGguCe2IKaCoI5bgtqSw9qcWxGyNg0ljpEyFTUnMUWtCkQ4lap6QXBUYEoGNCJRR6eQCCQ8XJg4E2cgJ6fa2gA9eR9N155q3QKEQCp+P7lz3kCD49cz8xg30flyGEDKaY4y7MUBJON1DJnLgiOEsxEZx4YNtaiCBG3EPlEMbEYBcG6/ampINgsRhCyIjUVBKcWYkcfoa0gGBkKsxMKgqnVD3pQECwkVCDERSAQCLKJgCOHwX59fwCVy79l7w1XPFRaRQSAFbdfemkhNz76cUbd8rN8+CDY9wxknG21uB0UBFMCkU8m+ox4yXDiKoBBTCxnQXDDUCfxT4L3YDyn0Ra0s4Lg8PXFC4J1pCA4WksRvbjUtC9ZhxR0xIWFDIvwEAz2uyT9atmeuefBawRwmXmIHfdDvHu3Ky0jAsCIU7ePfZDzuVMJQG1qEv78bH3gaJJDTiC9hped0wpBE2xB7XUDvbEFbZLYTgqCbasAHRUERx2PMtiCLqQg2LTLcVJBcHMVoPWsKRuxj4mXXtqCrnZyIuk/gpXbuVdXv5bXSbCE0HNz8KdP1smuUo/cf/iXb5ZWEQEQw13XPO+31PDo7wKArlVQPXEsQug4RmY7KQju1BY0e0EwxYk7zJtq2QqCKVYQnCA+yMzx01YBmAHWYUJsWrWwpVB1WhDcXAVILLyOHLC5ChASHIbNy7IVBGNxC4IFAoFAIBAkwjt6DFyr1ufqfO5Ve697/kXSKiIAWrhj12Vr/GL+7zVDEbie9691mOShnhLCmq0EsknOrcTdYgvau4LgFLchS0FwMLmHI2F5UwS904Lg0OeRguCArmhfT4b0oOB5om1ODQEVLAi22oImtqv552wFwQnXzx0EwiQCLRAIBAJBd2CN2qFDTe7iopi/7fAVV4xIw4gAAADkffVxuO4mAKhNnIAul2Ci9S0CqA358B0UBMcIpnFDqpQ+bRQanHqONG/7aEEwWYh3akFws504nvqSXOtAC14FWEhBcFTgdVIQHNdAFCsItn1fyL+0ASLBAnnWAoFA0IOhpVKGP1G3BiXlnFEZVX8trSICAD+6/Lcvp+GRpwMAl0uoTp5IIN3BjWG5HdG3FAQnTXIx0tujVQB0aAsatq9ceEFwq20CYiQqJtjoxBO5poy2oES2guDANWctCGYkPvs0rpJmC5pUNyAQQiqQ5ywQCDp9f7N9zZuYADeCu04u96ID17/w10QArGLcddNlo7Ru/B0MVmBG+chB82Rgity2lYBl/jCvAlhJbUJBcLSP97ogmDK+WWkFwVpz2DnHSLwTxESGguDo8ewFwWSQQ+ZaBbLcdiylihZmC9ruBxkKgoWUCATCXAQCEdI9u77a4UMAazCz8h33/Qd37RoWAbBKMTeLT8JxNwBA9dgRcLVmHpNTo9GN/0XyYHpVEBw3/YyeO0x6kUJ6k0lsB6sA1LxGbqUs2HY5jhUpG3YItraxwYkn+m+T/WpWW1DTDsHg5Ki/zRZUCoJX0YQiEMh71fd6Z9VZgMq4aW+aWg3esaP1udpxdtao/GciAFYhvva857ygOjb6ax4zdKmE2tRU5hfaTorRtg1l7qoguCNfeZhy1ClZXERWAXgBtqDMGpo5OSef7HUFpnsAd2ax2aktaJaCYNNTt9dWmGspOpkGWAZwIUl9QVgEAoFgZcOfmmrtEuzk3Zv2vuiFTxEBsJrI/7W/OYbx4b9jQJU8H6Ujh6z56Ca6Zi1MpQgJbnhfmlYB0ok8IsQ7qy1onLjHSWtaQXDUFjTw/YDA6YTUJhL5wCqAlWgv0BYUMOy8HLxQyypAFmSzBSVZBRgQAi6Q5y0QCFYuvCNHAK3BIAfF3D/ee8ulBREAqwTkFT/B+fx6AJg7fhTlRuqPiWB2RHIjBJJDDJ5jbj/McdLbW1vQzgqC22do30jbFpRhy4+yuwm1j2F1F4rYgsYLgjlzQTAyFAQHFRZFqn87XQUICzQkCDR73n9slUOIkEAgwkMgECzea+/V4B1vpAKROqfgbfhTEQCrALv+Zfcz5tev+TUA8ObnUJ2awjyHC04TpwQykN5QNJoiJLjx/eCqQKNegJjNpJY5c0FwlGCaUn9g+tlQEBwTG4FrJHBiu6StWjDFdzkOkeAoEQ+welNBcLzd4zdsKgjmiPBIsgWNnqOXBcFNMRLetVjIyGonhdIHBAKBYPERTAUit3DLoZuufowIgBWMi7+0261sHHvvDx+8WWmtUTp6uDXpzjOyrQJkKAgOpgJFg7uxVB+tgQbR5kBOjJ3Ip1hwGn6TvkkVB2QEA9Ctq0gqUkaGa0oqao7xLbILHFjuwXhO4yoAWYl4kqNSSBhYOKKtILijeg5JBeoLAi4QLFEnlyYQCJYZ3pEjAGsAyNUU/RPv3u2KAFih2FTOv9lxcmfcfc5m3FedgV+ttT4rMcNHPLKbNoAnFQSbCGbrr8kyHTTThXRTkbRTh5gTCGQCiaUI0acm0Wdd/5lM4ialINjQHiaSHLpG6nBjrQy2oB0XBHPyLsct/WZg47ZVgDRiHxMvJltQZqEFAhF8gpXZ1vKIBX3Yr+qpQMca87l66N4j9/+BCIAViGd//s3n1ICX+VpjTlfxxYdvxCSHI8mz2pAKxJ33vyaBNNpTdmsL2lwl0AxmHa4rCP23bpBcDtByHSKYsXQj2AuCm6sANpJrvHdDG8XT3Du3BV1wQTCHC4ITC69jB8y2CpCtIBipOzELQREyKhAIFvo6iwWojJvJ8E+ehC7N1wmx6/zRoRuu3ikCYKXBw/tBPDRbK+Hw/CTuP20dDp6+HicDxM5jRoXTSW70JTdt+MQwbOzVhS1opoJgSiKYZBYfiHvtx++OQ8k9WVcBurUFjRYEN38XTGbqpCAYwTaPFP4GC4J7aQuarSDYPk2Y/l4gZEUgpEUgECwSPTxyuJERQSOeoneLAFhBeOZndl/tKnUxABycn8BMrb4d9NeefCZqSoVEwJxm+B2tAnCH0WjzDsF2n3lOtdQEm64oAuLUcyRGp5FA3FNiH7FaCMBK5JNrHSjUbsja7hw/YurmYym2oEnWrVkKglsP3pByJLUAAsGKVh7SBAJBP72RtRr8iYn6D466dO/NV/++CIAVgEtv3z1eUO7bAKDieThRnsFsrQyAMbF2GHc/4hT4QEsEMIBK1oLgJAKJSD56QmQ35swTJb0LXAUIxdATIuimuoSgLehCC4KDrJ0iR41F0K22oMi8CkAZbEGTdgi2FQRnETz2hxxoV85WN7B6RmFJ/5FnLhAIBEsPb3ICXK00uIP663tf8IJxEQADDgLeQURbAeDA3HEwGJo15mv1B/2dC0/H/HAhJALmdb0gGF0UBAcZIUWYn20VgAnp0eg0W9AsJJaS7CnjtqAmIp/IhFNIcdQWFF3ZgtoLgkPH46Rdjim+Q7CF7HdaEJx0D6Z2jxcEZ21hwcriwfK0BSK2BILlfD+8I4ebE/q2wrj75yIABhi//pk/uihPuRcCwInyDEp+tfXZvFeB1j6qeQc/eMIZdeMdAFMNEVDSSN79yUJ602xBoyS2q4JgmO0uo5cYzplvsuVk0ptMYntrCwp0XxAcJc3BCDo4faflUG1EwipA67+6KAgO9QFE6jnYknJFhs+FnAg5EsjzHti2liYQDAZ0uQx/6mSdHLvOi/fdfMXjRAAM5qBDjjP0LhCUp30cLU3FiPmsVwYA/PTczTixrb7a0xQBZWZUOYnk2klvki1om8R2XhDcka88TDnqFBEPkc8jqwDcA1vQbguCTfcAzmKxyVaxYLQFjeQX9bIg2Ob0A84+N8rcKRAIBN1ovFXmACToCbzjx8C+BwY5Gu57V3IsbsUKgGd95o2vcEAPBYCDcxPQ9c0eQqj4NdT8GpiAb1x0FnQjwu1zXQTMaK7b8feiINgY2WXjKkA6kQ8TykQxYcj7N60CZC8Ipo4KgrMMj4le+YFVACvRbrUbx8RYMlEP24LahENaQXAQ1p2X065pNa8CrPJo7KpN/1mV9y3kULDC3qeVtreE1vCOHqkTZKUe+cANV90gAmCAcMnndq93Hed1ADBbK7dcf0yY8eoFwYc3jWHPeZtancrnek1AqYuCYCPJjbC/lE2GW6sAFPlC72xBF1YQnK0ZklYBqHWerLag8YLgxj1w++rSLDg7KQi2EXfTcyNbOwbThdh8Tba8/1VdECxEVCAQCATLAD07Cz03CwBwXfXmfdddtl4EwIDA8elviWi9ZsbBuYnE7/raR8mr1wZ84wlnolbMtT9j4LAPeNFVABvIQHoNBcGd2IIaN+7KWBBsI73NH6zR6gwFwaZVgMxiyFAQzF0VBFPs3MbvJ14TBaSKnZgnrQJ0VRBs+jyyYrQqCoKFfAukz8k9CwR9Bu/Y0freAKQ2cGHkT0UADAB+7T93X5h33MsB4HhpGjXtpf7NnFcGmDE7lMePL9ge7gTMOOTXxUDqKkCqPSUbbUGtm3QZC4LJSCARJb2UNAdktAU13t7iFARHi5pj4sYowDi1iBkZiHhzh+BubUEzFQSz7YozpH3JDsErlhhJ+o9gZT9naQLBgHbdwN4A5DjX3n/T1Y8UAdDnyOec9wBwK76HY5HC36RJeLaRJvT9C3Zgeu1Q6PMSM074gKbeFgS3rCCjtJZSxlBDQXA0gk6pJJa6sgVtkthuCoKj83+I5FKW2ofmlYc9PrO0a6cFwZxUEEz2p76geg6sMltQIYECYcMCEdaCPoU3OQmu1QAg5xKvuB2CV5QAeOZn3nh9TqkLAeDQ/GQjR5wzDQYlvwpf+9CK8K2nnh37fJaBCQ/wMxcEmz+mNveOk+Ae2IIupCDYmG4Ee0EwxQqCkVgQTJY24hgnTLIF1UbibC/47a4gOKneN0tBsGllRQqCBUJSBAIReYJBeZwa3vGjDbbsPmHfjVe+UARAH+LS23eP50m9GQCmK/OYrc53PNk2i4Xv37EOh3eGaz48ZpQZOOkDHrKQMfMqQIsQmnaGtRF3iy1o7wqCLSlICcy9HUEPFgQvni1oXYxw6J7TViU4ZWiOtjlFXZsWbAvKyfUcyF4QDCTvJj2A7FeuQSDPXO5ZMMjPeKU5ABkQLAiGcv7s8BVXjIgA6Lcb0XirUmqTZsbh0klLX01eDahpD5XGZmFfffKZ0CrcPCVm1Bg4qQEfC7QFNZLg5ILgOJE3kN4U1mss1yVOPUeitz2y24KmkVpTUTPH0pdMdQXUvQVn5BupYiJTQXDayo3981hfoUQtJhAIWREIBIJFQrsgmLZXRuj1IgD6CM/87O6djuO+CACOl6dQ9Wsp8499Apqt1W1BJ9YO4+5Hbo+R1yrXC4InNENnVKPWyC9ZSDCbCKGF9JKd9GZZBchcEJxiC7rQguD2TsVBMVHfjpmi7WK1BUXqKkAaEU+yBe2qIBjcUeAieM22gmAhgIN/DZL+s+pUj9yyQDCoXblWgz9ZLwh2cs4tB675/R0iAPoEDtTfKqJixfdwvDSdeQI2TcKaNeZrFQDAdy88DeWRQps0ElCBhg/AB2FCM/yMo2CSLWiUuIdoOSE9Gp3RFjSRxHZREEywrCikjPxJtqB14s0Zah9MtqDp3zcLBQ7bgnIG4p5QEJxW8JvVFnRVFQQLBAKBiGtBn8KbmAR7NTDTiC7m/0wEQB/gmZ9+wxPy5P4GAByen4Tu8OU3CYF5rwJmjXLewfefsDNAfuu0sNII2fsAJpsioKtVgLAtaIgA9qAgOB7jj5DeAPu37RAc/dnuatMLW1COOfEkFwRny/u3iSuy3lM2W9DWf1GkP8UkXbL4iLbHii4Iluj/amdn8twFAsEAjl0a3rFj9f92nN8/+JIrLhQBsMxwnNzfMFjN1cqYiRT+disEGNwqCL7z3C04vm08ROKqYHjMIBA8DoiARPqfbgvaJoidFwSDshL1DKQ3YRXAJFi6tQUN1z5wBwXB8XsAp1tsJgmyNFvQLAXBDE50I0p2K0q/ZnT4uaBfObA8OYGInhXY2PKMVzj03Ay4XAJAymP1dhEAy4hf+883vDCnnMcBwKH5kz2bnJkZFb+Gml8DE/CNJ58FHYlwl5oRdAJ0oybA77Yg2BjZZeMqQEe+8gu0BY2R1NSCYOqsIJjjMXtOGdvi7kTZiPVCbUFtwqHZBkxt2cNsr42A8edVsgog0X+BEEOBQMTlAMM7fqzByZyL9l3//OeKAFgGXPyl3W7Bzb8JACbLcyh7lR73bcZ0rQSAcWjLGPacuzmsBFEvCCamVmrKZKoIsJDcCPtLy6pnNhDrntqCLqwgOHi9ZG0BHSe9HK6NyLIKYC8I7swWtNOC4PAR2ELswz93c022vP8VUxC86uZMXs03L2RFNI9AMKB9q35iXS5Bz9RrTdnN/+Udu3blRAAsMYbn6Q9cR52hmXGkNLko5/C1j3mvCoDxjSedCT8ffs6V1ipAneL5SelApmi1oSC4E1tQ48ZdGQuCbaS3+YMpFSg4kZoKgpPER5sAc+g8sQh/dEdeiu9yHCLBkXsIHjzT9xPHF4rcQbzduaFE4mKEW1fRi4Lg6IrRwBUECwETCAQisAUrAN6J4wBrEKkzN7uVl4gAWEJcevvu8Rw5rwKA4+VpeNpftHPN10pgZswO5fDDR+2IFOIyyg0G1iR5moFJ3yACEiLqLSJpsAW1btJlLAimbAXBlMTPyEgrUzepCpFYigkTHbipNCKedg8xcUNJ12T+2X7O6CqAvSBYB1rFnILFibagtoJgWMSUzRZU9gYQESIQSH8XCJbo1fJq8CfrgWci53VHb7psVATAEoEIf0KK1te0j+OlqUU9l2Zu7A0AfO+C7ZhaOwzihk0lM6rQ0ACI2qRXBzYLA8xKIK0guGUFGSXilExyTQXB0WNSqi0odWUL2iSx3CK/DeIfcfYJpxOxcRUgRHIpS+1DZ7agnNkWFLGCYOY6+TcWBJtSrCyrAB3Vc2CAbUGFiLQEoZDRVXfj0vHlOQtWILzJCbDvAYSNZT30ahEAS4CnfPy1m3LIvxgAjnRh+9kNSl4FnvbBivDtp5wdnsuYMc+6VRDcHAq0ZpzUaG8WFhksTFdNbe4dJ8E9sAVdSEEwI70gWDdEETcagwN1CYmkl8xR7Bgx79AW1KCHelQQbHc4MtmCInIWk/hYsQXB/UL8RISI+BAIF5a+LehZ22v4J07U52vXednBXZdvFAGwyBgZGfpTIh4rezWcrMwt2XlnqnVb0PtPX4dDOzeEPvOZUW28iPXIcOO/GZi0ioD4KkCLEMZcZ7Lbgja/0OuCYEoUDuG9FGIFwVHSbLDUjJ0j+nMWW1DLRXZafGuSaMSBvyRktAVFZlvQhRQEyzwwCPO0PCCBQCDCYyXBn5kCVysAaNxX7hsG7foHKn344n/fvXO8mLtbEQoPzBzD7AJ8/7vBeGEYRSeP9SdLeO7HvgfX90MNOaYUiAAKRseJ4BJhjQIcQ/OT7Wk003QiX6Bg6ge3zxE/RN2VPpbrTu3zGtODAuk/rW8E2Xf0xScCcbyAOEhtKXCy1jVR9LYJRs9QMhRNE0IJOISATSoH7o/sHZ1SXgMyPRAKLTeY7yHYXMFUJKJW3Uiwre2pQBQTDaZVE7b2FZkk+uk6ei0Amj5aPjM06qtvuhF00K3P2t/XWofMCtrCmFZB+/OKee4DcMvL+LxX43Nebf2L++75uqNjGDplO4i54lQqD77gtn95YFA4tTtIAmA4jz9XhMJ8rbLk5B8AZqtlFIdymFg7hJ8/fBvO/8H+ULesMqMQIXVghgdgygfWKGotuVCkcDUWKW5GmTlMgoOpRiFnHqIYqaUIyzeJAzZFs7lJYglg3UjrISvB5Mh5OET1qb7JFyEYPK9zaQqSWrYKk9a3KFi/EBY4rXYJ3A8iaVlhWWJXwNFrCqgXIxu33UM4hYtjDJ2NyT/Zhr7gOVr/5j4UAYKuyEGd4DNqjR3HPWZ4XCfv9X93uuO5jSzwUjSAkH8RAKuSHIoAWPnPuDozDXd+Ldyh4QI7/BcAfm9Q5qaBoQuX/sfuhxSKuR8CyP1y+gjmG4W5S42R3BBGcgUUqj4u//B3UZwP7z8wphRUg421c/br1NBFXQQ4CEd6KUj6Q56fkWLbALHPtgrQIPLxoH2UWodXLQLnoMAqQCzNJnDAUMEwRXcY7s0qQFQ8xIprTasACAumziPu0XUUjntxUlSsBP4VytlfrFWAtg8pWZpw9ZCA/ruOpMmDAdSYUQNQ04wq1/+tVwpBEQGwum57FT5rEQDyjJ2hYYzsOA0Ae45fe/Sj/+FjPx4EXj0wNQBOnv4KQG66Mr9s5B8A5mtlaNao5B3c8YSdsf5YYh134mmIAR/AScM+AUEy3/yn2eGI60H4Vvo5M1hz9oLgZn5+45/m3zcj+81/7AXBZNwh2PRa2l1tKLZyYXZAYmNBMGHhBcG2HHtb8S0FnptVM1P8GmPXFOkH0RLfJDeizguCuT8KgiU/1PKOMMrMmPY1TvgahzyN/TUfR2oaEzWNGZ9R6TH5FwEmEKzUAUXerX6BX5qHNzsLgFxP488H5boHYgXg2Z/e/dhcLv9NzazumzqEil9d1uspODmsKYyAGLjsUz/E+sNTIeI9ogg5ohaBpEi4WwFY20gHiq0CBL4asuyMRHZNqwD1CD3FSHh0FSB8OWRMJ4lHk3mBqwAAUZugcnTlA2HvfYrYXEbPSaH0nngtxcJXASL7AWRYBYjVFZg2Swt4p5r2cIi/nGQQK8HjcURQ9cEqgET/AdTTdspcJ/UVBjy9uNejikW4IyNwx0bhDo+C8kUo1wHyBQCAWyyAnPpmhu7ICNh1y3yKO60crXRpVgOA53lgr8QMQNcqmthjeBXtl6Z9XZvyeH7KZ6/MzW6syB6SI7JH7LJGnqJiyFGKdcZAIEXCdknXagzIWMaerGKv+Y6qyJuoM5zXZmhgn7251a6dOuNxpH2U4YykFDIpU9bG4E30njhTw3fe3ml/Rikdj1QXIWYNECnO3NKGB81dkTT7XxGlf9MyjXOn71Xr+CrZjGMhJJSbs23g1ETdtExjHKE2IwofRlsOEt7xlKPvMQMqN6QKGx9UBMAb15auyj/jQ3f0O7cejBoA13kzg9XJytyyk38AqPg1VP0a8k4OX7noLPzWx38Q6i0lzXBUnYjF88nrHeekZqxtpQNFKGYw7z9QCxAaQDkgAsi8WZjt5+Df214abhcCtC+JOL4RQeCATBQio0yWc3I8hx8RAcQGBpt2DxzWNY2VjXBdQce2oMa8+sCaRECpxOoKmm0QqkvgxsBFiZMWRa7Q+nmgnbl5zwn1GkL+Fw9VZpQ1o8KManOlrweXoYpDyK9fj/ymTShs2IT85s3Ird8Md3wcufFxqDVrkBtfC5XreEf6YuOfDpqVob0KapUpcGkKXmUKujwDr3Qc3vxh6LljqM0ehj9/DMqfhyKGarwDSrV7c1L/TCKKxH7y3yUcmEIrdmx+Zw3nVESZOSpZCIPpAEpR/COTo1n0MJRAeSiFAEfvIRCksNZ4tcZ+e82UiYoTJR8zOHyayRxbbyL2dQsxbK+QhwNqtraJBp6s/YciFXXkZyC4bOD/lEjciexDGVEngwslCloOhKGoo/eSYwE8y4Gt5yZrn6NI+3D8PrgzgdMeJzKIp8A7wRx5XhwfO5SqAEPHQblxaNZvBXBJv1Prvl8B+LX/3H3haCH/bc2s7p06iKpf64vrcpSDDcVRAIRLvnAPzvj5odDnQ0qh0IiA2RxnmisBTvQFjShNig6W0cGt+XnwxUkZ+Y2rABSdtygyqXDj/8i6CmCbVUOrAGhH6EODemgEsK0CBLYrS1sFACxWQBZSHWD70VQbIgNNMDyopVsFsOzszIG6gqV+u/tpSXoJrkUzo6QbUf5GkW5HYaggycy7KGzZhuL2HRg69TQUtmxDYWv9H2dsHIMGZkatNA1v5iCqM4dQmzmE6vQe6Km98Gb2Q6ECRQSlAEe1yWLUGjcefUSc3CUQquB3CfYdPChJfie8R8r6yNkgOuLXGtt7pSU6ksi4adwNnI85QczAYNhgbk+KtitbI7PW1R7TZpHBMHPyGMVWQm4TACERGMkBjQZ/LJdm6T9kPGyW58wJA4IyPGg2P1rDtbF1rKGkUH6CuDTRf6ugi6ThNp8VZ7r2rO8txR4iGd6DJAFgHifsoiooGhsDfex6WjV90T6hcqDRM0EE7ddqj88/6SPf7edxuu9XAPIu3sxgdaIy0zfkHwB87WPeq2HYzePrT9qJ7b88hnzNa71EFWbk0VSwbEzJ0ACmNWPcITicsAoQGOOyrgLEo9GNCD3HIzCGd9nuatNIrzFGxptuRM2oReo9RJx8IuKEY7UUaKW8ICBYwistYb0TuofATcS+3yyCDjgqsYlgxxSV2cnHtArQKghunYMiBcEZ7gGG9KSgGxGhtRFbXDSsEiwi+a80Ivylxt4f3Zwqv2YNiltPwdD2HSieeSZGdp6J/OlnQOXyK+YREBHyw2uQH16D4S3nhcc930Nt9jCqk/ejdOLnqE7uRW3mAHhuPxzScJ161J1UPD0QaWkkFmJgz6KhGBnMlHGT8Rpi/IXTrzn1+EmpD5ETRJ3gogeMEv60sSJK3K1/w+FIbuZBiLK1r5HYsX1TxM6eXXxlJq1PEDrrl1muQ6nk4Y1S77C7qC8bhHMr3sXZ+kTa8SllRSKpcTrqExmeB9s0TWi1ThmPHzu2rgG1k0B+rVIKbwJwaV+P0/18cc/49zc9emTI/Y7PWt1z8gA87ffV9SkibCiOg4jw2Dv241Hf+kWoY+eJMKTakV5bsztougOlrwI0Pwy54gTcb+KOM3FjoRjBDJLiRVoFCNc6BF2ByOht34zem1YBwsQ92AZkdsnhwIATi35wbLU+Gj0JW2wmFiPE76Hxi1A9R3BitKwCmIUAxZzbydAuvByrACs4+l9tRPrnNMPLeuzms3YVitu2Y/TsB2Pkwedh7BGPQm7tOgjixNUrz6B6/GcoHb0T5SM/RXnybiiuwVGAqwDHMUfGiSJk0/I8ojzUFu1mw7uVJcoYPUIsSMJRcWAnmpQUGbUx7sYeNJ1M/GnRbw7MdYnHYrQDXZRO7lr3qbJS0TD5CgmbmOiJB5VMKwBGwp+SmhaP7rP1PgnxaJBtxYoogcxqk2jlbA84Q/cJRfhh7+yxqT2iCIyrNY12V1lS8zhNjMX7Q3TVIek+w+OE7ZzcSFdU7ayLlHcqlkqtcqCRM0EK2q/29ypAX68A5PP8Zgaricps35F/oJ4CMFsrYyw/hDsuOAXn/OwgxqfKIeJQQJ3Ym7bcab7GPoApzY3NwijBKz8SDYt23YTl3ZCSYPMEGBUR5uhzPZTd6SpAYHqIXE4gWh2N+FO8kCB4zmiBc1rtA0XO0Yr6R9skkgoEhO+BomHIiAgIXzK3hIx5B+HwKkD0DOF7YKPff3TPAyz1KsAKJP9dkX4A7tgYRs44GyPnPBhjDzkfQ+c8uJvc/FUHIkJuaBy5HY/DyI7HAQD8WhnlYz9H6dhdKB/9KWZP/BzKO9kSA45DUCFSSFayncBrUolR0qRPGbpe1shv2BAhIRUDlokgJbqfFvEzpeWkR/dD0aHkcYaytQsiwaDWMMrph+VMz47MoovMohEp825SW3W0QoT4SrytL6RdRFItgzFib2HRoe9Stj4Uq2vIGCxJHyPi9SucQaxxQtu2grkqEKKk5OOnFljrGri5CuDgjQB+vW/H3X69sKd/5k0PG1Hqhwz0ZfQ/iPXFMbjKwRl7JnHJf/0k1EEcAkZVMNIbJndBcZ8DMB5YCSDDUyK2OOfEIsDofhXAJAwCOwS3CCsnOM50tENwwiqA6ZoWugoQLb6lUBAt8U23rwIERgzT/gYUqedA1LWJrasAFFNwppc4sFka4q5Ag0C6l/taPK4T/jnmzI49pBSGt5+K8Uc8Cmse83gMn/Ng2Y1tsQIuWqM6tR9z+7+J+f3fQeXEzwDUkCPAdYBcToVWCJIKdm3BGNPfGVMxLBHlYFQ0NnwY8rRtecwEMuctcworNxgZJAkcTiCjoXEvYUXRGpGmtMLiNPXFVtISrn9jK8EPBnd0CplWKcQuXARsmEcsV9xe5chWqtqul4v/Waj4NoHBJRYzZ6CERNmEbH01n+zn5PRzJhfr2lvW1H9ioteyqqBUswaH0w0JmLMFBYJfatQCsCLt+Pqx9Ph//l4/jql9uwIwBLwNgJooz6Cm/b7OVZqplrCuOIr7T1+HQzvX45Q9E63Pmjt3ukSxsVsjTHZrqNcExDcLC3S+lMr3sFc+20ksmyhlBzsEg+ukNclxhkxRqfYOwQA3IvjxVYDQNUVSgWIR8IQdgqNOPNEESg5G6JGwM3Pkb+KrADHFZF4FsFD58OKMqTaCre5F0c/ZwIkXjZMOOPlnAPO+xlzDwSfToDk2hvHzHorxRz8Gay54zEAW6Q4ilFIorjsNxXWnYcPDnge/No/Soe9hZt+3MH/weyjNT8BR9ZWBvFNfJQiRxoxBRyPRyRzdZzvVS3B80aYIZqdF5SlkJkq6KS0aG1nmSB1COhljOnggxkiu9dmFx/JervhQxvqENOejsOjIbmXZSSlF1rEPWfqE9ebYLqiiDyvDhZvy6ynleWSJ7jf7RPP7KkAOKGVVKin9xyQwWj/qGrh6EpRfqzz4bwTw7H4cU/uSV1/y6Tc9ouiq72uwuufkwVb0v59FwHhhGEUnj/UnS/jdj30Pjq9DjTzutOO0GuZ0HmqofweMNUrBsT0pS2V99h2C2fjqdrIKgMAOwUlvafZVgO53CI62CUfO0szjC+0NED3HUqwCBJuLIwMUEnYIZo6selCM2Jt3CMbirgL020Y0HVxPrRnt9zWyrC0Wt52CtRc+Fuse/xQMnXm2sHH026NnVE7ci9m9X8X83q+jNr0f1KgdyOeo5TRk5aIRcc5sHgJs9pymGKFKCCmn1ecQKJWXxw4eEABZyR0HAkFKUXaiEHN4YztfNDDtbPVJnELIyRidJetSR7hd0yP8aY3AicScDY4Q0edKCRazSiHjhglxfpDVzjSp36XXc3D6Odn+3mRxgmoLOk5c0YumARLaKy9J7sCpoo45G+E3HbdRC8CKtF/yLyhc9MG+2x24L1cAXMLrAajJcjj3vwMxueSYrZZRHMphYu0Q7n74Npz/gwOha61ooKDC5D+ocpsLt/WaAGrUBAQ3C4tMHByPlpt22w262oRec5MtaEQcZFkFQMoqgLkugRt+w4ElOEZC7QNbhUko9SWyCtA6p+ZQ1XQ0Z97oiATrRikN4h0tWIB1FcDqqIT2jsMgk5t2e4Jj605gBoKAuKtQz1cBBpD8awbmmTGnNSoZov2F9Rux9pGPwronPgXD5z9cWHYfg4hQ3PggFDc+CHjUdShP/AKzD3wZc3u+itmZg1CK4DpA3q2nCyXYyMdzpClbdDZpdooSeJVyvE7deaKiglI4ddSdp+fRfRPT68EzDh63o+g+dZaPzxmEYqxZO8zdN7rtZP1+tG0zEtP0/kPpj7yLg6eUqxifBwefs+WBxAUK1x3EMqQwZXL84oxk39RMjVoAyq9VTt5/A4DL+m7c7LcL+tXP/NHpo2roHgbng9H/vr9wACO5IYzkCihUfVz+4e9ieD68admoQ7FirOaLoQIR3+a/HdT3CSCY/d6NyjrzKkB8h+D2V8lKJMM7zbZXAbrfIZjbpBrdrwJExQPQ3ok52C6pOwRHxUig/WzOPOEwSGR2oqhYCfzL6NrEceIevYfAQTpdBehZQfAApf5oALO+xozW8FMuO7d2HdZecCHWPfEijD5USP+gg5lRnrgPc3u+grk9X4E3exhEXK8ZcAg5N4PbT4KTSuKmSkFiGWEbsRWH2LxA6bN2aOjR8evh+Dicdq1p95tKgDgjOUKWPQAyROs5XvNgsgcFkjehs9Y3JBbrckSk2ZeYoolhNicoU6CPOmHgHaTamM5tvAe22WGzmbQjvoFZ0mU1a2yMG+9GagCihJ+UXZhRJ5ayNhHFnJ3wm47bqAUAoarc8rl0wb880E/jY9+tAOSRez0B+YlysvNPP64GzNfKGHJzqOQd3PH4nXjKF+8JKd+SZgwbdn+0LUv6qO8YvKa1WVh4cIg68QQjvRx4CY3e9rC75ESj2/Ydghux9sAOwSaCyVYxgc5WAcienhRW3hy6h1DEP+KQY+xLkUJpGFZRkncINv9nyPEo8p32KkB7eSc4tcWcfpo9x1ZXsJg7BPdb9N+CGjNmfMY8ayQF/FUujzWPuhCbnn6pkP4VBiLC0IZzMLThHGy44FrMH/whZn7xWczt+wZqXhVOrZ4ilHe5lXZnSjXoxKo8Rtw69N63pf9QmpXPQrz3FzIucE8eVObDWrKKMh2Wuo3mmuwiYY+WZ914yqLVsj8S6qKN07pGwoZv1sN2WB9h9d6PvLvtfZTaefyKkJ67j86i+131Cct4E/6SB65NgXJr835V/RGAF/fV+NhPF/O0f3vthuGhkT0EjNxz8gBqHTj/9MuNFJw81hSGQQz87qd+iI2Hp0MkdVgRcoFILHHbd95Gkl003YEQtpzniKI3RUCMjjOB80RWAYw7BCNpFaDNNrtfBWjsEBxZBTAuaVt3CG6P1Kk7BBt2IQ61yyKsAnS0QzDr5B2Cyb4KEH2OPV8FGIDUn0qD+JdYJ15uYes2bHjCU7Dhkmcht2atsOVVBL8yg9n7/xdT93wWten7AdRXBFyXkXcpMZWGo9FLzkZ2iLNGJynVItOWbE0ZFg5MqYOJRg4wFCRnnHutKyREqSsASeQ66s4SIs8W96W0Dahsm2ICpmJdtpJjomTGGe4/9rwjMhh+UGiO6VxUxefLZPFp1A8JKxrRKD5l8EY1rYYw2vn/inTMMasn0f0sTcbZi/qNx284AqnRMwBgTqnKTrrwY8f7ZRzsqxUAN1d4rQJGJiqzHZH/+AuyfKj4VVT9HPJODl+56Ez89sd/BBXoPiXNcJ1GBnwzyhthcFF17IMwo4FxBahg3n+gFiDrDsFpqwA2QmlfBWi+rAxie/iEg9H7uL1/+5xscPJBOLXFuENw1CXH4JUf9s+O1xUk2aV2vgoQropK2iG4XZfQLl/myAQYfWahKc0Y5aJGu/dwFaDPI//zmjGtNaoJ4X6nWMSaRz8Omy5+OkYk2r9q4RTGsObBv401D/5tlI79FLP3fwGzD/wfatU5VGr1OoFiPm4NGXPn6ZH3fipvS4ruZ30vqcPPOYHEWelvh2FUy+EW5NiUcHvW73dAhDt157Hm+qd57xsfTUZzT+qgw6W0b3wvnPRnEXXnSdqALbiZFymCAtf/TXZBvGiEP3Td3BnhNwl8AsA1cG0alFszoj3nDwH8Qb+Mg32zAvCM//nLkaKu7CFgw71TB1HxvYG9MUc52FAcAwBc8oW7cebPj4Y+HyaFHMVJqynFRQXupr5jcHtSCvnKZ1gFCJ4jKaJkXAVYpB2Cw4MtWyP04Y02A6sAHIx8Bcqp01YBAIMVUIRUx9rEkOZkdAVi41bOph2Cg21CIUXBna0CwFIjHE0PW8gOwX0a/S8z46Tno5pwefkNm7Dlkl/HhqdfCjU0JAxYEINXmcX0fZ/FzD3/BW++PmbnXKDgAjknhRzBvvNocFho76ybRBLJsNlWEuNtM8lUT/PIAGHcWdf0d2ynPpSww1eWGomsTDWWj2+JzsYIeUQ8sYXsZ61XsO0BYCP8kWXYGKm0tYfZx56Td7y2zOlZtZgiyp5ORRxrH46x//ZxTe2jVN2TP5jWEyf7nM7zFlKs2wWHtBJ+2/dVHjRyBqB40jnh76BLPjTXD2Ne36wAOP7cy4jcDVPV+QWTf5uKXir42se8V8Wwm8fXn3Qmtt9/AoVqey+DEjNcEEhRK9ebDBGjaKTXBzDdXAmg5Kh90ipAPBrdiNBzRLVblkStrjaGuoToBUV3CLYb25i88AOrAJrjqwAU8MKn9j3YVz0C9xC4iZBrDpsdlRhI2IglWPWXELsJrAKQ5sg5wjsEk3Ulh+PXDFNRNBa2Q3Afkv8KM076yY4+QztOw6Zn/Do2/MozQI4jLFdgnwwLo1h//mVYd95zMbv/G5j66cdRPXEPPK++oWM+XxcCRNmi+yFyZBnvrLSjI3eeLlYAuDevNCXt9rXQY3cS3SfrbcZIWzfRfSLzt6zbJqS48wQjxNRhQ2RZyOEud9fN7M6DdO992307iqCIQ/78yHoNCW26EMJPCZt/mMh+0iZsxj7BVcCfBdHoOr0OL0V9n6tlR1+sAFz8pd3uWMl5QBFtv2/6MMpedeBvVBFhQ3EcRITH3rEfF37rl6HPc1AYUs0ISrjHRNNKI/sC12sCHLS+RxGGHHLFCbjfxB1nOtwheJFWAcI7/qbsENxMk7HUAixoh2CyR77IELEJDrb2vQFSVgGaEZ1owTAFd48Ox6rMuybHN5ozrRh0tQrQZ+S/ysBJz7Nv3EUK4w95KLb+9mVS1CtYEEpHf4qpu/8DpQNfBWsNRUA+V18ViO4QHCQ5lBQWDq3YkpU0GCcxI1HRsffd5IRDlE5UrESKzTNpaiC6yxWAYHQZRlKefUyikEFF8v4KaX7xwasyEv4IdOi4nIkoB2v1rMb6aQIggexn2QfAlNMfXwlqO/M0v6+jfQ6AcuppPc1ofyd3RMFls8Um/FFhw5ypj2d9j+AMgYZPA7Pe7zzmn08niu3/t/RBj34YZItlukoRbZ+tlReF/Bs456JDM2O2VsZYfgh3XHAKHvTTgxifLrc+r0GjAAWHwnaVQVIf/neb3nkAZnxgLCoCEl5+NjrOREceGHcIDkaTTdcU3iiMO14FAAK+96HLCUSroxF/ihcSxCLgZCDWSPg5uo+CYdfk4EniuZGmHYLDIiB0ydzYnD6yRwGFhj+27hBsd3GKP1aEhF4HqwB9RP49Zkz6GiXfPG46uRzWPfEibPnN56JwyqnCXgULxtDmh2Bo80NQPrkHUz/7FOb3fBHlag2VGiOfIxRygKNS5hYOvNsULzDmhUStLCSlZ68tpSVCUHd/ugBSRdH9XCKBt06Om5pdZfp+wpbEUXGjMtxndu997qhvdBPdt53ORp5NZQyK6hF+paj1bsAgdK1dosfpPJmLddFZdN/UhxK5p18C+/MgZ/hU/44rrwY++E/LPb71xQrAs25/8w9cokfeP3MUc7Xyirrx9cUxuMrBGXsm8Mz/ujPUcR0QRlSbNLeui1J242387KItAoBwxDv0N2Twle92FcB2TYSwjz0nOM5k3SFYB7cNgzGCTli8VYBF3SE4UPAb+sjo2sTWWgCi5F4d2ywNHewQ3CfknxmY1hozvoY2XJNyHKx53JNwyuVXorBxk7BWwaKhOnMEUz/7F8ze/wVA10Bg5F2gkGs4ugT3Z7HsLGVztcmUGx8QEK2AhMELPzYGZCC3tpNTUv4/ZRQA1EEwjtorACZSGnQAooQVCTa1fSabpLhTjikFyFbPYWO1ptx9SmCy8RUAeyciS1+yPROra49pDokU60avhwhwFYEUw1GUSshD15wa3efeE/4sufuG+pIsK+bWvt38wB0BDZ0KMP/QedxtF6x6AXDJf7/hKUWn8JWSV8Uvpg+vuEbIKRfriqMAgN/6zzuxfd9E6HNTQXCyLWiYxLrEGAtuFsbd2YLGWL1x8uhdKlCiLSjXffzbqw5hW1BrQXDoRV36guBUW9DACNSRLWiPC4IREABZBsHlxJyuF/j6xtlcYe0jHoXtL7wGhe0S8RcspRA4hKk7P4KZB/4XYB8gRsFRdecgRYkpQGQhxNZ3MSm3J1gADPuqgjG6nVKs27UAIGQibUmbJzdtoeOHJqsFaKxYN3bCDOk/CYWzHAxOZeAPTVebJCpMZLfWSRIAaSTf1KcYyRagdTGjrB8HxYMiwHHCu+72KrofflS8NIQ/Jhq5N4Tf1CdGd4JUEdopPzX3qI9+ZTnHsWVPAcpR7tUAcKw8vXwRxkUUAjXtoexXUXTy+OpFZ+F3P3YSrm6nMJRYwyXVcH6w24Kai2MZHgMzui0CDH+eWBAcOz4bim852SOZjU4QCROHyRY0wcaT0gqCTbagwYJgwz10UhAc/OKCbEEDjZ/ZFtRUEJzxHmwFwUFbUPta5/KS/6pmTHo+KsbtIRvE//IrUDhtp7BRwZIjP7YNm57wKoyffzmm7vwoZvd8ERVfo1piFFxgqECpu+tmjkgljKPRMTHxrc3iC9/xrNndvVHKIU35+qH5w3APSZtnacR3b86SztNJsW5n6Txht6fUZluCYl2GvXZAEcN1KeTWwwlpPUtarBsj7+E+0VGxboc8kZDcf2DqE9VJoLgN5Dl/AGBZBcCyrgBcfPvuU9dQ7hdVXcvfe/JQot3TIDeMIoWNQ2MACE/92i9w/g8PhD4vEqEQKPoM9kqTT38out1UcgSMNjcLs2xAlVQQbDm8IWLV44JgzbEGp6wFwUBHBcHdrQIELteyChBqtiRbULbtcty+iE4LgmP3kLIKEE8HMxQELyP59wGc9DTmYnn+9Wta8/BHYfvlV6K48wxhoYK+QXniF5j80T+hdPiOVpFqMa9QyCU5nSHmrZ6c/RNxFOMwe6UkokQphKaTFYAAu0tNAbKc1xwcCq5I2CO/BHt0lgxksF38Sqmej2lFwMH0nzT70PBcml4AbJy7OJk+24p1bUN4cOOx+GOlAGdhOC7BVcge4e854efFie5nEb0BkdlRdD+TmibQ6BmAk6spKp9Dj/ronuUat5Z1BWCY8RoQ5yfKs31F/uMDzsKgWWOuVsVIroBvP3YnzrjnOIbnK+3JgxkuEdxIQbDdak4jmgrkMzDbWAlQKdfNBONSXCwanWALml4QDKstKDO37S4NtqBpBcGxd9C6ChAYg8lGvNNWAZBqCxq6HlNBMDcLrwMEPcbQuSVkWu0Wusbe2IIizRZ0Gcn/vK8x6WmYtgAsbNmGU59/NdY89vHCNgV9h+L6s7DtV96K+YN3YPIH70N1Zi9KVUa1Vq8PKOTITLY5PpZlmZOivyUKr5ByJwGtTvYO6OQ4hnQTznDSZvqn7TrSNpftplg3C3mkeLgr60NKbrYOovs24WhMITJ479uO7Th1st/05GckCYX4B4sd3bcS/ozvS0fFutGamoyEnzK/HwyuTYHUxpzvq1cDuHm5xq1lWwF4wsdvHdo4tmE/s15/z8mD8HnZHZEWtcEIhA1DY1Ck8NCfHsZT/vee0MvhEjBCKlwQbAzNxHVp0FnLIWBMEZw+KwiO0vpgBD1cqNuhLSgWtyA4tEdDNwXBgX0emLgdcU9bBQAyFwRH78HWU422oGi3LS2TCPeYMeFpo62nOzKMLc9+Djb/xnPFx18wEGDtY+b+z+Pkj/8JujINZsBVwHCB4DopgaaUAuD4u8ypTl6m41qjoRk3o2qNIUlFrIaljkwrHYoTI7OJxbqG62gKIqU6cCyytLUJClmcnOL5+4mrJ5F/c4bATLBYV6fcZ9OL33EaO+6m1UYvixUnZxaiPSvWrUdsU8l+luMnrwwp0MhZYKIp54S3fbk2Blu2FYC1w2M3KWD9icrcwJB/44Cd+e8YM9Uy1hSGcdd5W/GQuw5j45HpFgnzuJ7+4FKd4qm0JMnGsB+1AfUZmNaMcWqvBHDakUw1Bwm2oMH4ti0nXTO3o/k2McLhnbrYaAsaFA+BaLUhgs6RVKDYykPIFjRSuRB3FY1NYmkWm9HNwTTrmC1oUwSYzxlYBUg5h8kW1HQPzPZNmNkwsTKWNiowpxkTnh9bslaugw1P+VWccvkVcMbGhVUKBgakHIyfdSlGtj8Rk3d9BLP33Q5P1zDdqg8w21Va370WsWuTaBshpE6jVtTBC08WArcgH1N0ZAmqopNaluh+JrLW/aiXlo/PGb9Phqi+LX+/k+h+c4p1VD3ST6rpXER9Rvgjx12M6L5dlyX2Cer03Uj5KrMGe9Og3No1eh1uAPD2ZRmrlmuQfPZn3nSPUuqce6cOotqDnX/7YuDPInwKI8g7OZxyeAq/9ckfh6KuCsB4wziXskZ2DMWxQH1FYawhAkw+ylFXIGPEo5NVAI5Io8gqQJSZxmodstiCtsQIxaJare9bkt87WQVoR8QNZQEZVwFYc2wFp7kK0PyJ2HIPweYyWtiF1wCijk9JPdJoC8qczRa0h6gyY9Iz7+I7/pCHYcdVL0LhtNOFTQoGHuXJX2LijvegevzHrbG9WR9gjGanJ6IHbDDZLupjx7UTqI7mNM6S/2/+jLOQcjJEfgOBmyTCb8vX5oiAittx2lkjpbDFxA3YEv62uSJh9DmIKgFQZqLRNPJRqpnWw9bVj37x3k86Kme8jiTCn3ZzoT6RJQ22g3nSai6lcqCRM0HQ96oLb3vQqhEAz/zvP76k4OQ/N10tYe/ssZUdDYr87CgHG4pjAIBLvnA3zvr50dB3h1XUFpQzkDlzpDjXEAFOBlvQFhFP6b1k6tGxHp69IJhMoY9IQXDwQsmSChScYZbVFjSQPxgsCA7m6NfJfXoqUGxCWAxb0OZKTTc7BHeJGV/jpK9j46w7Oortz3shNjz9mcIaBSsOs/f/LyZ+8B7oykx9LiBguEhw3QysuDGoRS0wGfY9AMheRJZtzwHYrCjTi1/JEn5PTL1o5eNzQljd7gtPFq3SstVOK1jmJOLLxvOlGvkE5o7YNJfwxyrwWWy1h8zPmage5VdOfQMuaxv1Q3Q/lbxn24V3wWQ/QeB2RfapMw8NGj4FcMegVPUZdMGHv7DUY9KypAC55L4EAI5Xls/6c6kQ7Que9jHvVTHs5vH1J52JHb+cQKHWXgGZZ8Y4qDFoafvgHpoCyEjwfFDLItTJaAsae5l0w7LTUhBsftGyFQRHU4FMBcG2ezZlZma2Be26IJgSC4JjhVzGiFtzXSShqLmpmRqWa61Vi5b1aG8Kgiki4jraIbgL+ABO1Hxjrv/aCx6NHbtegtzadcIUBSsSo2c8DUPbLsTkD9+PuQe+CA+M6TKQdxlDhfAYDYtgt3njJJE1WkjYj7sId6b8Scz/P2s6TwZv9o5SNzoseYpqhEypP2QnwqZnl2rnShE//kZaj1LxDcm6995fBMI/KOk8zAuK7ieRf1PGHFdPgtwx+DX1UgBLLgCWfAXgks+9dVuB+YGKX8vfN3VoVU4EiggbCmMgIjz2+/vxmG/8MvRi5YkwpBpRg8jjImssIvJSBKL+DtcLgxUFs+oD39FxW9DsBcEpXavLVYAFFQRntAXtdofgaMSomUbTjDSFBgfjKkCHBcEd2IKa24RiRICCoxVh0VcBbA4/hfUbcOo1u7DmwscJQxSsGswfvAMnvv8OeLNHANRXA0aKaK8GJLLE8OpwWio+qXQSZZ1L2E7XTMe1EsSIg1zizGErAjYIAOuGlrHLTR7QjNHy0JyRbMOZ/AzY2DbJrqTtFZ/WqnKD/LsuwTGk9fSL935WzUUZ1FniilFG7/2OWHBK+J460I1Z7FMBAMOng5xiVdVKp9HjP3ZkSbnokisOv3YLAfkT5ZlVO/hrZsx6ZQDA9x6xHdNrioH+p1HRPnzmRsScW9u9UyNyTC1fg2YkWTcIYfjz5s8+GNNag5lb/wQOEcp2YcMmK1H2mC06zJEXhkJEM/ZCcWQyC0UtDNH1YI5gZMWYDbtIxjY/I1PE3P5zNOWHA1ZKzQE6ulTLoYmPYyvpbLiHcEFwfBPh4PQcL8xOuadIqIINoxsn5F5229dPeD6OR8k/Kax/0lNw3l+9U8i/YNVh+JQLceol78X4Ob8FggIzMFMCZsuA1pZ0E9RXAaN2nwzzrrZEhpVaDqyycujI6aN6B1+NfY9DmxZbv5vkAMSGm0tyIWpMi9lSuil+f4lFtYbvsuGBUOMam/+AyPjMrM+OGK4LFIuE4SHCUJGQcxu7TTfEVPMfcOd9wvT92DVHu1CbkrSbgCy7TUe6mrFfxr7Psa4Ru1A29wlK6hOmPtxh/UvHfcIi7qi12xEBtWkAyGvHeemSB6OX9GwMypHzAp81pqpzq3oCKHlVeFrDdwhfe+o5DfLY7i4lHSe9zBx7saIkOboc1iSQGsCUDm9uEYrqk5kEJynf9IGVI0Q+HP5hmHYhjuxHECW9sR2CLaSXsr3AHFmv5OB9kYG4B89hWi40bVFv3Hm5PTNyJOXf6BoREWlpUa3wOSP5lKF2pnA7U/u5LXQRoMrA4ZrGnB++o8KmTTj39W/Gzpe8EmpoSNigYFWCckPY8OgbseVX/hzO6GYAQK3GmC0zah4byUScrCWQO44OKh2wHyPhT0g5ih4ukeVmu4QQuUOy5aiV+WYg/KTSUmM49P3WKVIIf5TsJxFyCjBpxyXk83WyP1wkFPKNDbkihJ+5sz5haqYo2TftDBwj/NRrwo90wg874e+VaM26AbeJ8Cd1uyjhD90Woy4AtAaTewXz0mblLKmx9qWP2/27LjkvnqjMYKZWXvUTgMc+htw8Tq4ZwvYjsxifKrUjpwAcIjjR5U0iK+klQxpIi3A2OmkNQK5V7GtOx+HACB91OIi9MJQmm4OpQEEPGnsqUNSXOrTHQOPvmOIuSLaC4NjAH01PosA1RS6ITHZDgUKFxF2OEX9IFDgHBdsl9J3I8JGUMgUY08QQa5N2kbK1INjw3LpNBZrTjOOeH7NU3vDYJ+Cs1+5G4ZRThAEKBAByo1swesYzoWszqE3eC2ZC1avbkeccCrmTmIhdK5WE48QjHJZMHqayREBD46I1W4kSI66UwKoowDCtTj2cVhdniHQG818pZbgO3B9RMhtUKkz4ky4o+uwY9XRgxyHkXIVCjlBwCW6jZs+wiJJIRk3RfdOzSYruR3P3kwg/GwRVmjiIcQrYUs0C6V1ZCX+H+tYYNctI+JPfm0iEP0FVNHcNh3JB7tAave/cH73pH+68e6nGniVdAVBMNwHAZGVWRn0ANe2j7NcAAF956lnwHBXqy/Nah0YoDXOaiWrTO/sqQAM+AzPcLC+ORHrJ7CYUfEHiqxJpstngUpFU4Ju6ChCtRzBcU/B+DKlAbIv4w7bqEbgHzXGiTdkGkniUv/3UOCEqAo6mEwXdhijjyg2HHH9in3NUDHSXAKQZOOH5OFELe/s7w0PY+eKbcfqtfyhRf4EgOjfmhrDhwpdi/eNeDcqPAACqNWB2nsHaFN1vr6424xEU+V937D6BWEUHqAVE9xOZq2kKMaV+JBx2sdN5kJLOY4ruN8dwpYCcSxgu1P8p5gh5px6NXfZ0nuWI7ofSebAk0f0s3bKrdJ5ghD9yj7H2Da7s1SYbA0FhSXcFXrLlhov/fffONUPuvbPVsvvAzFEZ8ZvEiBQ2FEcBEC7+2i/w0B/uD31eIEJRtV1fQtES48OMRIYt61qKgDVEUAgXJBHHC4JjJzHZgiZ8p9e2oItREJxqC6qTIztpZsW9sAVdUEFwgsOPKQ2sm4Jgr0H+o97+o+eci50vfRXyGzfJCy8QpAWG5k7gxHf/ApWjP2q9ocUcUMiF0x8Bc1qMKTJrC3DYGAFRZMyLFbLaD2LdAwDpxZnG3cg52RLSekjDHgCmwkyyEsH27uiccl5jdLy16y6gHMBV7VSe6EFtxcP9X6wb/5vO7DgXh612VaybZbflFOe+pH6ZVN1CBGDoNMAZ9pVbPYce8aH7lyTwsFSDWsHhlzHDPVFe+dafncBnjTmvCgD41mN3ojScD31eZoYPGB1mov+ORqvjy8LtHqkBTDNDR43lKFnFx4qG0dkqQHSzrywFwSG3nZSCYNMtm1YBQueMOvrEiHskZm8rCLadBEkFwWQtCA43ukXgwLwZWFjgcLxvGNwionu5dVIQXGbGkaoXIv/KdbD12b+NB73xbUL+BYKMyI1swJanvg1rHnYtiFyAgUqVMV9maG2O6YTzuhv/KHRVrJs5ut8BIUu09e8ydz8tut/8fjD9xxbdbxH+Lot1Q+2vCLkcoVggjBYJIwXCkEPIUSC6zyuhWNfQPVKj++1/iBfaCOgAAIAASURBVDL2y7RiXeqgvyF7dL8dcEzI3w9G+BP6ROoKERqrAMSOV+WXLNVYszQrAAx69mffvM/X/vZ7pg5anOtXLwiEDcUxKCI8/GeH8ZT/9/NQ1DpH9Q3CQByKAActO8MPNNsqAKi+7LiGVGhTk1CBcM9sQdvsNbhDMAci9OHc+MadcMSyNKDDM68CGOxTM9mCNvPlLbagHBybbImahjDAgm1Bm8eJRrciwsJ0D7bX3rTqwYGRO+nZTvsaU5GNvfLr1uPMl/8Bhh90nrzgS4RSDZitUN1NpgLMloCZClDz6znl1UYxdqlK0CHVylBEGMrXP887hLwL5BzGWAEYHQJGC8DYEDBaYAzlpK2XCuVjd+HEt/4U/vyJxnDC9c3DnCAJzD67c0oevX3eSNlzIMVn3ZA4aTgEGw/LnL4pFCES3Q9G/9PqH5I2CANbI7nN36vGpluuU393oivCnVpx2gJbvd9sK9t3I5QhE9Puu+h+lu9yagwzaVpfgEAJvB2jZwGM/erR/3waUU+M+JZfAFzyX3/0W4Xc0H8cLZ3E0dJUjPwKgIKTw5r8MIiB3/vk97HxSNgmdUQp5BQCHtCBHQ6DRBKG4tjok468zS6AMVKtHYNhJZhBwhp+YShTb6K4tzKH00zCqSsUjlbHCoLrkwZzuIg3erzmzGfeITgyADStPU2pQFE7HjIIoAz7lsfuoSFmWgXBkfuNMfPAM0zcIZiRUhCcobCbTc+t/dGEpzHnh3IFMHr2OTjjFa9Fbt16ebF7BF8DE3OE47PA0Wng2AxwfIZwdJZwfJoxXSZ4epHiN9Edmx1gvMjYNE7YNMrYNMbYNIb6P+PA+mGGo+SZ9ezZl07i+LfeivLRn7R2pS3mgKGiSiZ2Kv6Blcgl1q9GiKiijglFVgEQ88bn9J1/GYZi3Uj6j6041kSqwzXMbBzSHQU4Tr1I28lIBjtL58lA3hcpnad77/0BI/zBdB7mJST80e8GOmt+I1DYAKbas9wLPnT7Yo8tS7ITsOPkr2MGJgzFv+2tzFe3EKj4NVR9D3nHxVcuOge//YkfQIVsQTVypFrbvrKBwXEkcmE172++UY0/9wHMsMYYAiKAbPaVBqIeGKvTNvfggOclNwd9tuzxy41diAMRDibLORmt/XGN12zdIThyPM2xySJU7MvhXY7N30lulOiv2pt1NZKDojsvI1IUTe17bvYDImpNV9QqpI4XCIfOaJz02w++nR7FrZWaJjQzjnk6nO9PhM2/9kxsv/JFIMeBoDvMVYD9k8ADxwn7J4EDkwoPHAeq/tLHcUxpsZ5fFyMTc8DPDevzrgK2rAFOXcfYvo5xxkbg1PXA5jGWh9vN/Dm0Fpuf+mc4+ZN/xszPPwGAUa4BPtdXA4JuQKH88iROk5ZS0W0SeCfEjgzpmik93LoTLyeQeuqMsJkSHx0FOC4h5wDuohB+uwmlNbqf4fiLt7NuB6PPAsl+Wvtm2Z3ZlLvPGQl/WnZa54Q/fuDW92tToPwGKK1eDGDRBcCis+5LPrd7fV67B2e9UmFPhuLf1SwEHOVgQ2EUAPDML9yNs34e3hRuWCnkG4rRVBAcfJEpPazT3mmw8ZEDwrii0ABAkXMkva3LURAcvFCypAK179e2CkAA18OnmQqC2TT6BUj1EhQEhyJAoXbSxoLg2D1YCoKjz9FUEOw1yH8tQP6doSJ2XHM91j/lV4SxdSL8PcIvjgL3HCbccwTYc4IwXQL6hSpzDy9kfAg4YyPjnC3AuVsZZ20GCq6Igo7E4d6vYOJ7b4eulaEUQSlgON9OCbKO9ZSt8BVoRPjZTmUoISSbRHpVSk5DMAUoWpiZaPFpCoKxhaxStgtWCnWy3yD8qbst97xYNz3tyUb4s35/RafzdFqsy9nq3RZE9o3fNxTzD+0AnJGSWjO1jc76xNRijieLvgJAvr6OFAqTGXf+Xc31Ab72UfKrGHLy+NqTz8Tp90/ArdZan5eYkQOBFIUGxmZrKUT2AOCkLXwbiSeBaLTPjGkfGHcoFDUn28DRjNBzOFJBlPR2MMwuNYhs8tV0veGWP3TAfj9h+4HYfrohUhtrEl33XaO2RrAQb4SIejvHvn3wELFPWAWIbewVGQ7Zcg/BXzRXAVq1CyFbUA6lJRnrNSL3EG/38I1z40arDByt+iGDkMKWLTjr5X+I4s4zhaGlYLoE/Owg4d6jhJ8fBvZOELTONqEMMvlv3vuP9hF+tK/eqRwFnL6B8aAtwIO2Ms7bxhgXh9hEjJx2Edzx0zD5rbegNrMf2gfmyhrDBYLrBpxusu5wmpXRBHclz9gvKBI9zbKxUui7mo0XHSV3mTZsslxDa+5s5PC7DYtOaqWCWv6ul4R/AdH9NL5t8963XayJ7FOPyH7W9rIRfu6A8GeN7i8q4ecu+0TtJMgZHtKThesA/PWi8vPFHrB+4/Y3/dhjftg9Jw8Ysumyq7jVAkWEDYUxEBEe9719uPCbvwx9XiCFIVXvVhTpUGkFwcYnHhljCQSFtggw2YIuvCB4YasACyoIbq4CcDjalFoQHD2epSDYFiEzuThxLwqCm23STPvJagsKGNOE4gShfa0lzTjhhX2jxh/6cJz5iteKt38CiX7gBOGuA4Qf7CHcezSdWK9UAZAlwrdzA+P87YyHnwqcu43hSi2BEboyg+PfehvKR7/fGh6LOaBYsLNCDozhqaOzZQUgyYrTlgHEEdJjtOIkNm7THq0/SyJeUQKmE65XUd2S03HqhL9Zs8KWzr/ohN9y1KWJ7lP20WcQo/tpd8e8cHHAaeLAXh3DpvsbOQvE/EN14T9fMLAC4JJPv+kRBdf5wfHyFB2en1zARa4uITDk5jGWG4LjM57/se9g/GQ59MDGnEauPnPLxzWtINj61AO1AMEdhV0CRlRdDNgKgluH6IuCYA5Fu20FwcyNmoO03SADbNlosclhYr0YBcEAhcSItSBYc1wsWURA/M/jBcEmsTDla5z0dOieNz35Ipx6/UuhXBeCNuYrwPf3EX64l3DnAcJcB5uer1byb8JoAXjYDsYjdzAedToj4pAs4lL7mPjB32H+/v9p/S7nEoaLwUgyxYlkQqcjQnr6Dwz5+0jeOTg2/sWIWjwVIi39J0r8k9J/CIBDgOsquG490o+kfQUML8DSee9z56k/XRP+NAa9Agl/7NbS03+ypfN00Cda12A5Y2ELKL+Wya09kh72wR8v1hiyqDO3In0zoGiyvLCdf1dboXDJq2LIKQCOwjefdA6e8ZmfhNJw5jVjVFGsENRWEBxLq4qEaoLR6KbjrcfAbOM8jjWNxPyz4XLMT9VQENzMr7emG8FWEFxPi7IVBFNwh2GyFxvF7yG8gVbQ+5MXuSAYMKRYIbpLMocmbQ4UBCcNf0kFwSHhyIwprTHVsphhMBS2Pfu3cMoLrhYW1kDVI9x5APj6fYTv7yF4fjfjnJD/IGYqwDfuI3zjvnrx5cO2Mx57JuMxOxlDIgZAysGGR98Kd/RUTN35ARA0aj5jtkwYKTb873vQ0UJkv4NceI6MaaY/Cq4KhFI3mJNJWAZyp4iQzwGu06iR6HAjsaVO51mcYl3Kzuc7LeDmbM+jk2LdIM/rtFg3O+HPfs3BIGlvCH/y2Vu/qZ4EcmuJy7gJwA2LNoYs2ui0e7d69mPV4bJf2/TL6cM9vuiVLwRyysG6RkHwc/7rTpyy90Q4OqYUcikFwamrAJE3UlE82g0A44qgUlYBlqogOJMtKJppPNTKje+oILgpOJegIDjIuCkS62gWBIe/Y1EsWWxBuygIbnr8N+Hkcjjtuhux/qlPE9LvEb73APDt+wk/3k+oeQsk3iIAMrVF3gEesYPxhLMYF5zOKMgCFGb3fhknv/d2sK4BRFCKMVJULYtKzjjhU4jwp6fBEJmDJzHb0chmVfFhMXKuWGWUnagFbbFzTt2xx3XNAigT2Q+lhCy19z5bCX/ay5Flp+Vk9pccMBrM6H4Wsm8O6XeazsMdE2wOW3ZHvzy8E1D5o+qCf9q6WHsCLBqTbnr/H5g7gcnK7KINfCtZDIznh1F0clg/VcLvffQOOL5udT4FYKyxChCObscdgWKPO/ZhO8ociwQ3BtigCDBv+mIu36aMqUDhWYNMdvttgcPxHYWDTLi+jT2HiXvseGS1wIleTrMWAOgsFaibzcFCAy5x+PlQe4IKEXcy7FBMFN5wDWk7BsdTgU56GjOBCtXc6AjOePkfYuz8R6xqsnVgEvjqvYQv/1x1lN4j5L/37TGUA554lsbTHgLs3Li6HYXKx+/CiW++Ebo60yI2IwWC4yZv0kVkmi/MEXgjuWPbcQOshdL9/8P9kK3XTIEx03XrEX7HMTghocvovi39Z0k22uJMF9sp2c/m5JNNdA0+4TcPeL2N7id8nyP+/7bv59aCClug/Oqz6DGLsyfAosVOlMq9UDNjujq/yBPFyk0PmquVUXRcTKwZwt0POwUP/dGB1mcaQFkzhhRZvfM7mlmb6UQWr/xpzVjT2p2XDQXB8Yg3ZQwlcCAC3lxvC/rORycnNu60WKf6dTehYCoQLMW08fSd4OUF3YmaAzOHNg5B24KJLd7FnG3wb9UuUMQhKZDm1K6zYOs9hFKyTOlGsKQzRZ5PfYMvH/MBF47i1q045zW7kd+ybXWSqxrw3QcIX7+3XtC7HGR3taCT9ijVgP+9W+F/765bjD7lHMaTH8QYLay+dituPB+bnvo3OP7118OfPwxmwmyZMVwAcjmKkf0Y+SQzyeXI2JCUyhP8mC2BKCK7ADER8CBXch3AdeuOR44yH6tjwm/7frQtKFufXYp0nk6999N2fR447/2uCT8WKZ0nnfBTyh9GN1QjfxqgzdCOcwUWaU+ARWHNZ99+S+E82nJ0qjo3vn/2+JIOgitNCIzkihhxCyjUNF7woe9guFQNfT6m6gW7HNkh2N7DyNjhg44y5gJZggJjjAhO5K1KKgjOFgEJFgS3VwEyFwRHoty2guBOVwHilpjLXBCs2bzLcWDZwuzaxKH0rVA9R2QVgAGcqPooBS64uP00POj1b0Ru7erb2ffgSeBzPyF84xcKldryE95FJd4DFv23EmEXeNLZGpc+nHHK2tUnBPzSCRz96h/Bm9kDonqwaChPKKbUTSgKB1SC/4oTbZvxcvxZRlNxktJ/qNkRG79yFCHn1t16XJegaJHIfoscckfR/WzzW9Z0HrYS/l4yOXN0nzMT/izcqz+i+1n6BPec7GfpE0Hvn8TvFk8BnLGpXx4+uOWcX/9spddjxaJs1/nYy5/5Qlc5zzs8N4mq9pZtIFwJYsDTPobcPLSj4BdcnHb/ibBSZiDXkJdBW0y73SeF24fML3uIZLaIJMEDI0cNdyCDLWjMUhNZlx+ptQrAAdFBtg1sqJ3fH7cFjYqHBFtQMqctGVcFIpadrctufT9sC4rAOa1r75FnFLcFpfY+CWS5h4AtaFR8NENXZHgzomlUDOC4xygHmODQjtNx7hvegtyadauKRN1zGPjotxU++A2F+48TfL2yyX+/gHsyZgL3Hyd84S6Fnx8mjBSAbatICKjcMEZ2XITKsR/BK0/U28SvN24umA5Egch2KF0x/hSUonYevyV4YTouUfLgT5F/VCOtp1AgjBQJxQLVbTqd+qZnzWMnefs3yV3wn1gfi0T3CfbIPRvuzXQdSWSfEA+Mxcg+tU+QSP7J8E+vOJOpTyTwK2pVrlEq4Q/+k0b4jd0y4Xqjz66rPpFyDTbCT4GAYWqfCLwXtu/G+kRurLhhZOinb3zfj+7s9VixKClAjnIu97TGnFdZ1oFwJaQHMRgztRLW5Ifxk/O24iE/PYSNR2ZahK2GumNPnsgciTFKcWVNjYl3wkh0CYQZzfUdgw3OQxTZCKuT3eFjUXwY7Ck5kMRiSFtihHNzgqkyrShnpFqNIwXBMWceQypQyInHUJxLwethyraTYuwemtGweEFw+Jzxc8QcjUKRH/M9THgaZd2O/42edQ7Oee0b4YyMrA7yycAP9hI+/SPCfUdWl/Uwr0AlwgDuPFC3Yt25gfHMhzGedDa3PN9XtAjIj2PTU/4Mx77xJ6icuBMEoOrVx69ikWJEODhm29J5rGTNkrqRJc2FiOE6QM6pp/W4TiCsIek8Gb8Qn0Ozkv3oZXaVzmOK7mdM5zEF4Tvy3uduvPfjRe6Lns6T4fjGPuHNAVqDGS8A8LFejxM9n+We9d+vWafU6KGJykzh0PxE3w2MgyoG1uZHkHdcbDs6i+d84vsIzmEO6kW6oEgKSOIjp1jqTrT3KhVvuWbHVlwXAcrUabvaHAxorwK001bCF2bYpCpLQXBLjPSuINjklY9gKlD0HN0UBAd8sK0FwUCmguB2C5gLgid9jVmtW8caP+9hOPPVr4dTLK54suTrelHvf36fcHx26caHfuLc/e780ytsHmM851GMJ5+zOoSA75Ux8e23oHz0e60GLrjAUJFC40PbUjo5FYQyBIni41mYPNZ3262vRrhONBLKCyf7UWGTsc9lMVpZHO/96EUvHeG3XfyipfMYOtDSe+8nX2miM08GwZjt+2y+ZlPBd2ELKL+mrMrlLfT4j0z3cnzoeQrQWS94+i5XqWcfmpuExz76GYMkBmqsMezmMTuSx8apEtafmAvlqatmbj4iBJBs9NleJUQqbAdHRsFAqIGRR9txJulFt9qCmn5BAd/oRFtQ+y0FlyWTUoFCf2GpfQiJAYrUFQTFglldJA8OUZ/mlngyFPg2U6TIvkOwKQUL1mhT/fgnG+S/+fnYQx+Js//wDXAKK7uSkhn47v2Ev/t/Dr56D2G+KuR/pWOuSvjeHsLX7iEUXMLpG7NtujSoUMrF0PYnwzv5ALzZ/QAAzfU6oJxLqYyFqJ6Wk7SzSFAcEMdd2xQxCm69BmFkiDBUIORzBMdZ5HQeSidrWVIxEBlPs6XzUIfpPJyadkMd+vRT5jQhjqTy9DCdx9DGg5TOk9gnOk7nafaHoONUUp9ozvEayK1xSem9b3zfj+/oLQfuMX79s2/6mu/7T7p36uBADZSDIAbG8kMYcvIYm6/hBR/+LnJB43EirIlEf8nGvKPVqiYSG8ivj7ZSkGAqMMaUau9IHOj2wU2sMg1iHCWxWQqCYdwbYFFWAbAEBcHBqD8iBcEdrgJkKQie9MLkf92jH4+dL3/1it7dlwH8YA/hk3cQ9k3Qsl2DkP/lb4/t64DfeITGU85Z2UKAtYcT3/kzlA59o/W7nMMYLqr6Sq/BmjBp7wDTHlet76u6H3/OrW/EZVtpMRWipkXKF9WOk3kZvPftJ1g6K05OJPtZ39OMAe3wdxlL6r0fdZvqqICbso9lyUYsXey2PHwmGPR/7qNuu7hvBcDFn9m9dVzl9h8tTTpHS1MDO1j2qxhQRNhQGAMR4XHf34vHfvOB0Od5IgxHHywlPeZIPFgFOnBQSJgi6MHraogAB/GdcNNSgZjNJDb75mDht9S0ahHeLTehINiyOViI6HP7HmypQPV7DhcEhzZX4/jgxlHybywIrouA1nOwrAKAwq5O4Q3c2gJg2teY0u2f1z7sApz16jesaPL/04OED39z+Yh/P5F/EQBt7NzAeOETNB5yykoWAT6Of/utKB/+VmssyrvASKsmgK2zhC1ySo1xxVVALlcn/Tk3+zMmssd6l857H5m2tV0c7/2A+MFyee/z0hH+qN7g7GTfdPzOvfeTr7T3ZN/0/Q5Gu+ah8xtB+Q01muOt9MR/7FlufU+zIIvwnw+wM1WZxyCDI//rF2hmzHr1nYfueMQOTK8phlR0VTP8AGlNL3RiY7jBVhDM0V2Hm9cFwozW8E3jiqEwlRs2byZxEPTT4QChJYNYYINIYY4+R/s9cyT/kInj8wAbbE6jgibhZ0Tv0aCgmLl14Yzws4v1wGiebqzmgxFwDkX8MdTFw5xmTAUKftee+xCc9ao/WrHkf2KO8N4vK7ztM0rIv5D/GB44TnjLpx385ecUjk6vzKUAUg42PPY1GNp8QWuOqHjAfInNaRNcJwjRYC2j7sc/nCeMjyisHyesGSMMF8PknyP/NMldUupGcyhsjrtpbjvB8TJLKgabhA2bL7blopYllSd4wKADUqbQG6eS52g6j62wNu7MQ+3bitwjob0JG0WOazq+KfXH9v1YOk8znZcRvp4sfSLwT5Z0ntCxkZ7Owwg/M0rjTbY+YezwHfSJJHcnbxoMzumR2u/3ckzoqQBw2HlOyaugomsrauDsJ0FQ8qrwtIbvEL7+pLPBEXvCUiCNxjTFRl9Ujm7jGEsfCgzGSeIEwIzWoRe1eQhtaEFOKPZicITII5R0GT1HjASzgfSG3ITYTtwpm+8ws6FdAy89R84RI+IUVCEciv5bxUcomsOhQuPYgM1xEdjcXbOk63n/TYyccTbOes2fQOXzK470VDzCv32f8KqPK3z93tXl7CPoHD/YQ3jlx+v2r5EtV1YElJPH+se9Abl157VIR9UHymVdT0Nv/BMiaqjXARRzwPgwYcMahbVjCiPD9RQfGxmMErtoMXCQ8Dcj4DYSz4tJ+LOQuwyEP0sgN4vojRL+RBedCOEP3VaU8KcQ+CSyn/T9KNlvtjEb+lGmPmHnz1ayn4Xw8zIQ/iQmYRJ11j6hqyC/CvLVc3saFOjVgeruPyOHj5RO5o+Xp1fVpLHUKUN5x8XafN2a8Tmfvgun7jkR+nxEKeSN+ZzxlBUk/D6YCqQiqTW2Tu000oEoc6cLuOaETBAWlgoUTo1pFgNze4fd4FOL2XiaU4FC6xIh61FDQTBgsAIK0HgCWEdsyIKbskVUA4WeUdwW1FTUHEuPAlBl4KivW6s5Q6efgQe/4U9XnNUnA/javYR//bbCVEki3TAKWGmTpItYNwI8/3EaTzpn5VVJc20eR7/2R/BO/rwVHCjmgWKhbZxQcAn5fGMjLpXeZB1bcSYccUHpPBmebSh1I8vL0GEBbifvV3Ne6pRr9Madh61tvOjuPB2mwnfrzkMZO0Wn6Twd0z7KPuKRqVvmNwCFjRVVKm3ulRtQz1YAarp4ORHlp6qDnf7T3fxh/t9ioep7qPj1AuD/u+hMeJHRudSIxAeos50wt+7AYHkZJOgMixOwbsl9Ym6lA2nEj2+LzLBhIGHEI+Km6Lz5mmFYBYimHCVck2EA50jqDQPxVYrgyxuSXfGDa82hAuHgiGi7x6hrMae0a3QVwANwwvdb5L+4bTsetAJ9/o/NEP7idoX3f1nIv6B7TM4B7/qiwp/drnBsZmWtHlFuGJue9CY4Y6e3ctV9XffiXzeusGmtwvho3bnHUQOczhN8/5Yqus/J4iAc+eXM0f30dB5kSudpf487S+dBcnQ/qU/Ejs+Dn86TJgKzft/Ud419yJsGAQUUnN/r1TjQMwHgOnhOyaugtow7/64mYTBbKwFgTKwZwt0P2xb6TAMoazYs7XFibYBpUK3nGDU2o9LczlfncC9t5+TXRcBcSARQggMoG0VJKEMmQoOZE8SEcem4vf4RzMGP1RGYiLuR2CNS8MvmCcC00Qqzpb7CPJm0o0kRd6DgNVPyPTDq9SPHPR9e47EVNm/FuX/8p8itWbty3jcGvnS3wms/pXDnAUn3yRp5W9WiKMNF/Hgf4VUfJ3z6hwp6BSk5lR/D5ie/FWs3bsO68TrhZwZ8f6HpPMicztMkwVnEQRppCubuSzqPifCHi4c7TudJIftJhD+ND7MhqJYlnSeaX58uDgx9wqB+eIGEP8tOx6G6CLYdN9C27IH9Knx2f6dngYBeHOQ3//PVY5wbO3qkdLK42tJ/FjVKk/J4RnJFjLgF5Gs+rvjQHRier4Q6/Bqnac8ZJNkUIqMxH3k09woOE1iKbawSSGUJ/Cp4DhVJB7K4bIb+PyPJ2757W9DQDsMBd6KQkw9FrslwwbFzZrQFbVnMWWxBw/cQTwUy2oIGqn2D7kThF7u+b8CJmt+oDwFywyM4701/juKpp62Yd2XfCeAfvqbwy6P9R/wl9WewBUAQp29g7LqYccbGlaME9PwhVL53K7g20/rd+HDdq9/aZD115zGn/yyJFWfKC7FYzjzB2ZYz9MvFcefhJdhsK2UcWnA6Txd9wmg91EH3oU6ecfCUnOHYlPx88xuA/MaSOlzeRJd8aG7BQYBeDCAVlf9dIipOV0sQ9HJuSv7fXK0MnzUqOQffefxprQh9M0o/5/uhnzUzWOuY60zsxbH05JaDDyJ2ldEXo3VsahUGmwbTaLTaNJiEC4LJWhAc/EWyM0+0INj8/SYrT1qahOXljhUEs05u56jW6LAguLkKQJZ2nvQ05hsfOLk8zn7la1cM+dcM/McPFN7wH46Q/4Ea2wbzIvacIPzxvyv8x/dXzmqAGt6GwsP/BKRyrQDpbIlR8+PR/d6n8/CqLNZtJqEao/voJp0n3Z1nsYp109x5oqk/oUey5Ok83HmfWIrofuMfq7tT8yv+DIh4yN9Cz+nJu9+Lg7gq/ztlr4rqCnP/GQSBMFOt24Leed5WHNsyGhrEPAZ8bvvMp9lXtpwYYE6N4RjxTiDu3BzYCbOaW+lAVlecYB2Cwb7SGAFnO+lFoi1oe8OsJFvQZrpRIhGneF0BBdgpJ/hLR92ObIIsdD/RLds5Ys8aEUCzWmNOc6vVztj1Eoyd//AV0f+PzxLedruDT32P4GshuanXI6k/PYGvgY9/l/DG/1Q4MrUiXiWoNechf96tYCgw14X1zJyG1p2m86Dn6TzoamddSDpPohUnd1bPge7TeShK+DmZ7GdJ57H2iR6k86BDwh/N3c9K+G3P2PScW9/VVbCuQrFzWV8IgEe/b1fOUeqi1Vj82w+o6Cpq2oMmwteeek4sn3xe60bee3tpKUpKOfRe2AqC2UKCIySZoser1yTMaQ6VDicOuhwXOiZbUKuYSLUFNRcEk4V4mwuCIwNYZEmAYzucmeoKaMGrAKGC4EjQo8oBu08GdjzvBVj/lItXRL//zv2E1/+bwt2HIGH2ASL/K0md3XuE8Np/c/C1FWIv62x5KnJnvDBEOmbmdGilo9+99zsh+2BeJu99LJ/3fg8IP7IS/kH33s8gVLuJ7qeKOlOfCPYhbwZw3Yv5S7sXvGnPggXApq2bL2Xw2LQIgGXDTK2eerV/6zh+ee6mGPmusYkUc4yo2x1lAok6ZCbBZmUcLkSd1Sne+CmrAO17WHhBMHpQEBy3KgWoke4TFVChgmC2iwdOEEidFARr1B1/dOMIm5/8VGz77d8b+L5ergLv/bLCO/5XYa7av+Rf+PbqaJdyFXj3FxX+vy8ozFYG/35yO58HZ+slrWflMTAzx4vkzsOruFiXxXs/URxki+533CeWKJ2HLRwqi6gL3muwbVvf92bAzONY/8DTl10AsOP8VsWroexX4+kOgiWBp32UvPrs85WnnI1qIRf6vMTcWgVgwwAZ+ncsWs1mf37YVwGiRTLNjq0DIiCrLah9h2B0tENwzCY0hZpE04nSbUEb6+ZIKhwz2YLGdwgOOioFf7bvEBxcu6l/74Tn14UfgDXnPxKn3/jyge/ne04QXvfvCl+/r8Nqu1VOcmVYXvwH9O1fEl7/bw72TAz+akDu3Juh1l3QIh+eZsyVdCrZb5GmjNH9XqbzdOJjbyOCg5vO02l0n3sS3c/izhMTjKaU10h/oKTG6LRPZLRcBbpL50GH6Typ0X1D+8a+r6uArgHK/a1lFwA5Uk+fqs0HJhuZbZYDc14ZzIzZoTx++KhTIwSAUQFC4XQyMINwNNpmWsrG/PomiVVREcBhDdwUAUAG73wkFwTX/8WJg37yOTpYBbDsQcCRUcJUEBxeBeDUFCi2iTPYax+I2/JsSmuUG/P10KatOPsVfwhynIHu31+/j/Cm/6K2H7uQf+HdfYaj08Af/7vCl+4ebBFAykHhoa8DDbfnkUoNKFW4h8W6nE7408haRpFrTOex/MHie+/3tlg3ifB3WqybRviB7IQ/cQxYIu/9TqL76HWxrqVPBO/TGN3P0icIIH8WzPyMZRUAz/jv3Q8lpU6Luv8wswiBJYZmxmytXhD83UeeiqnxQmigrDZ8+Sm+X6yh2JZjRDzpbWpGFWzDu2YOvc/BlQAb6c1WtBwuCI4R/cgqgLkgOHi99oJgjtY6NPZFyFwQbIs2RIg9ouMhs3mwNdwDuL4J3ExDYDn5Is555WvgjIwObL/2NfCv3yG898sKVb+/yX9fkm5pqyVVITUP+Pv/U/iHrxA8f4DbyR1G7vzXAc5Q61fzZYbnQbz3Fxzd555F91ez9z6WLZ3H/pzN6TycPbqf0H9C3/dnwaAz+a5rHrJsAoCgf8/TPspexTL5iBBYSpT8Cjztw3cVvvHUs0MklgGUdLgQwFwQzPZh1pA/FN3RL5oKpAPvsULY53+OGdoiJmyntRUEwyIm0guCo7agCXUKzRvklFUHU7MZVgGstRBdFgT7TDiuGxu3KcKZL7oJQzvPGtj+PDEHvPW/Ff77x2ogwsiS+jM4bbPY+OLPFN763w4m5wb3HpzR05E792WhkWe2URScmLqRhexTdrKf1H+6KtYNMM2shB99m87TaXSflzS6HyL8GstYrMtm+/8OinWjz67TdJ7MBdypiyIE8ssg1oBPC9oUbEECQJHzzCze/yIElg7NVYB7d27EwZ0bQi+Fzwyv7udpKAjmltMPJQzE0TctaBsaJe46wkZMTjxzHHYH6rYgmDosCA6LHTJ/h0Oc3XoPFDmGdRUgtSCYMxcEN+sSgm1+wvdbjb7t0t/A+ot+ZWD78S+OEf74Pxzce5SE/A84eJVeyM8PA6//dwe/PDa4KUHulqfA3f6brZlBgzAzx8gUsreSNU4k/MsS3UeG1A0LWetr7/1FKta1Ef4U5joAxboJpHyB6TxJ/cf+jOP/a92nNwfW6pnLIgAu+dzu9TnlPLLpQJMtIiVCYLFR1TVU/Pp+DF+66Cz4jgq9a3PNjblCO85xrENEC4JNo3OTfJtsQaOjO9mIOTNmIyLAVhCMiNAggxgxTiyGguAstqBAODJjm6BiBcEUd/axsRGKsHpTQXAwnGu75ymfUW2M3qPnPBinvuDage3D33uA8Kf/TZgqDQbD7sdLk2G2PzA5B7zpvwh33D/AIuDs6+CsfWTrZ08jXBTcofd+J+/PyvLeD6f/LIn3frfFuilkP9Wdp9M+0c/e++iyWDeh/9g1UoTsG4RNq4n1LMihC/mrz1+35AJA1/zn+qxzc7XOd/8VIbC4mK2VADAm1g7hZw87JfZ5pbGGG4z6JxcEm19CjhQEc+RvQ6lBERIbdLAJWoSGSS5HxEhETHC8ZDhxFcA48aQUBMP+M1I+r7eBRUBR0jWZ78FchAxUmTGj6xNyfs06POiVfwQ1oEW//3Mn4f/730C+f5+T/74UJJL601cXUvUIf/sFhc/9ZDBFACkH+Yf8AVDc1Bp4Kh5Q9rhz7/2EB7Ek3vuNXyym9z73rfc+L190n8NttrTe+7xw73102SeIrRrJSPijZD9I+KPX7M2DmfMYL/zmkgsAR6lLZ6tl6AXMNiIEFgc+a8zV6nUZX3/c6ZgdKYQFADM0OLRDcJCom3YIDr08bCe9OkrcYfbjjwlKALM+G8cVNp6zN7agiA4QbCgIzkLUo848lLBLsUngZLAFNRUEMxgTvg+AQU4O57zyNcitXTdwfVYz8KFvKHz4W2qgotcyegmy9u9//obCP39DhTbWGhgRUFiL/Hl/AKj23kPz8xwrdB70Yt1eeO+byH6vvPejxFi893tZrItFS+cxkX0j4beQffMO3Brsl6ChLl1yAeDCfdKM15vNv0QI9B7zXgWaNSp5F999/OkxOltu7BBMiQXBGSaGwKivOVLwa9obILoKQO2XTlNbBNjqCpJsQaMFwbHBIKUgmEAZ3Yds0S1TilNcTGSxBc1aEHxS15fkAWD7c34Xo+c+ZOD6asUD/r8vKHz+px2aeQv5N4yl0j79/KA+9xPC33xeoeIN3pzirH0Icjt/PzQAzs7rDOmOnUX3g2QJK8Z7vx1oWiorzqzpPIvrvY+V4b2f0H+yEn4YhI01up8i6lrf1bNQRE9ZUgHw9NvfdAEpbJmtlno7TjeEgIiBXsx5jJlqvSD4zvO24tiW0VBXrgHwuRPSGyHugUekYYryJxB35hD5D0X7GyJAYyEFwWav/CTmzpHKgqyrAInOPB0UBEcbKVoQbJpc5zRjXmuAgLFzz8P23/n9AST/dUL0/b1C/lcS+RfY+8sdDxD+/HYHpdrg3Yd72u9BrTm/1d98DcyXOJXwszHUESdKUcKPhXjvx/7hVey9D/HeX6j3fuqiyALSeZDwSJLEgTcHTXQK//DF5y+ZACBP/0bZq6KmF8/oWIRAD8iVrqKmPWgifO2is9uuPI1ONM+6tUNwq+MlrgJwiqVmlNNGvPMpzZKzMUAHRACnMC+j0CC2W2ym2oJGBZDZstNGBE0Fw2lEHqai5uCODYZVAA3gZNPvf2gYZ9/yB4BSA9U/5yvAn99OuOugkP+VTHjlQuL42SHgLZ9WmCkP2IMlhfx5rwLckdavyjVGtcbLn85j4K2LEd3vznufjWQ/jfAPvPd+wP5zedJ5eEmi++Z0Hu4gncdM9lP7BNdAugYN/zeWTADkHPrVmdrSjFwiBBaGpkvTvq1r8Itzt4RecA2gxiZSnE56bcurQNrgHw5XJpHeudBmYZ2tApgLgttXxsaXkAO0P3zNnRYEBxP4u7cFhbWoedLXred0xtW7kN+0eaD65XQJ+NPPqLDNpzDsBYyTQv4HTQz98hjhrf+twm5Xg6ABipvgnnNjiAjOlRm+obghnADRY+/9jgg/L6P3PpbPez8lur+43vs2At+/3vudRvd7ms6TpU9E2xoA/DkowtOWRAA8+n27cgr0mNna0oYuJD2oO3jaR6mxUdtXnnImqvlc6POWDz+ZSW9oTwBTzjoHxwYykOL4KoCxcxtUAqMuAnR0wOu4ILh+lpgbUaQgmDJO4VkKgqO2oLAUTkePkqUgeF4zyn79Sxuf9FRsuPjpA9UnT5aAP7vdwZ6JwSP/kvqzAph3H2HPCcKb/8vBxOxgNW1uy8VwNl/cDiYxMDu/iN77hn+W2nsfGFTvfRbv/UUq1u1pOg+SU9lMDVbfFXgO7LiP5y/tdhddAGzcuvlpTBiery3f2qUIgc4w55XrfvtDBfzwgh2RF5VRZsTyYNhiCxr16w+PP2yce2Mbi1GYuZBhgA2eZ74lAqKmn+FzBwuC6yNEOIkoibjHxcTCVwHMOwR3XhAcPKhmxlQj0lbYsAlnXHfTQPXFyXngrZ92sG9y8AibkP8BaiMenMs4cBJ486cHb9fg3Dk3QRW3tUhSzQdKFR6odJ4ksraQ6H740OH0n9Xivd9k8Mvnvc+LXqxrJ/zceTpPhkdnXPHRZQB6FGvuf+qiCwDluL8+V6tYC3qWQwiIGEiGZm7tEPydC07F9Jpi6PMKa/gIJeCESCwZhjIiQFEyKW53WLaPLswxy8/oSXVABNiKlJtVDBTyWkiyBQ2vArDNFhTpBcGMBRYE2wbb4DU3fj6puW4jqAhn3/wKOCMjA9MPp8vAn9/u4PC0kP+VCGmj7nF4ui4CTs4PzjWTOwz33JeDoVre+/MlhudFI7PcYbFur733MbDpPCnMteti3cX33k8n+4vnvW/XSEbCvxTFuhbukBTdT+0TQYbklwHX+fXFFwCKfmW21n+jlIiBZJT8Cjztw3cVvn7RWZEXmlBitq4CmJZY2UJio2JBBVl9QshcIdlyUyOeDtQk60GTtZglHcVXMqy1DrEmoEwFwdQBKTIWBBtWAUznqDAw37jGrU97JkbPf9jg9L8q8FefVThwMmVEFGLbwZgn41o/P7BOL+PQFPC2zyjMDlBhsLP2fLjbLgmRulKZFy26v1q99zst1m0Tfhbv/Z5673derGsk/J32ibTxxZ8DQ/3KogqAp3/8D9cocs6brfX3CCViwIzmc7t35yYcPH1DiIl7XLcGjVbHcoQkEyGxQNjAZ9MnQkPRMdj0UhHmWDepfmtXxzixj9qCpuwQbLEFDbZPalEzklYBqHWe7guCGZMNw//c2nXY8cJrBqbfVTzCX33ewf0nMuwIJ1xyIMm/jLS9wd4Jwl98Tg2URWjurGuB4ubWuFr1GeVqu2csbzrPcnvvB9aPl7BYlzOS/UX13ufFK9ZNJ/xYxmJdjj1C65hp6xMZEPqmPw8o9TC+66bRRRMANFx4Rs2vORV/cEYnEQNtVHUNzWf35SefBabw45/X4YLg6EuoKNrx7KsAzZcvnApjXgUgCzEHc5ucc/1Zat0uXDa65iQUBBtfHkNBcBZbUKuYMBC1aEEwd1EQPKPr+zYwA2e++GaooeEBIf/AX/0P4Z7DwhgFq0eJLOQy7j1CePvnBmizMKeI3Fm7QqSnVNaRDR37x3ufsbLSeTjhKhYS3V9K733bcReczoP+KNZN7RPdDDBBQaUrAHsuqqWO3IA6EgAu06/2e/Q/qxhYrYJgtlYCwDi+fhh3PvyU0GcaQIXjG1ARkEp6Q4M62kUwbRJsnh1jOfmBj7kxQrMhH36O47agITHBsd8krwLY4zY9LwgOuxMFzmdaBQDgA5htiLMNj38y1j3m8QPR1zQD7/6iwt2HBi/y38+XKdH/lY+7DhLe9UU1MGlezsbHwdn0pFZ/0AzMzOtl9t6PfJ8NXLtH3vvmYl1eFu/9TqP7i53OY9M8wGJ472PxvffReXS/o3SeDITf2Cf8eWhFv7poAkAp5wlzDUvJFREsWoWCwGeNuVr9GX79cTsxP1wIfV7iuhCIdtosOwS3VEQiSY44+URqDnTkeRCHw/dBm7W5xrVSqi0oRWxBLeLDYC/UbUFwlLCF2o3sOy9Hz0QApnwNzYA7MoKd1+wamL72kW8advgV8i/kf4VfTK8u47v3Ez78zcHZ3C9/9g1Afqz1s+cxqh4voztPJBWjT6L7i+29n4XsL7r3Pi+n9z4n8uflK9ZNEW6WC6asgtGfg3LVExZFAFz2pd2jjlLnzdUGbNcSEQQxzHsVaNao5F1853GnxwaNEoeN8TPtZmsYSajNvUP58C0i3mrnOvGPrgIEt4+Jvoya6+5GcxFr0hBxTygINqYbwV4QTLGCYKT+nNZEWWxBqwyUdL1vnnHFdcivWz8QfeyzPyZ8/qdC/lcy+ZeHtviXcftPCJ/9CQ3GM8ivhXvGVe0dABiYK9XTNlef9z6W2XsfK9Z7H7SE6TyJgtHUJ7jzMYGTCT+n9J9WH9IlMOgRfMeuzPnBmQXA1Kz39Ipfy9e0v3rmlBUqCBiMmWo9lesnD9mK41vCdSM1rhcFZyO5FI/AR1NtCK1UnmCU3/SCMHNrOAiSYorYgrbs4pgxa0idsRcEGyLyiVI8uAoQLAiOi4lsBcGNnzMWBE9qDWbG2vMfho2/+oyB6F8/3Ev4l+8qIf/CuQU9wIe+qfDd+wdDBLhbLwGtfXhrTNQaKFV5FXrvczKLX0zvfVpO730suvd+mqhbEu/9bot1M3T6NMIf/W5bpNUA9vIYql7UcwHgKvdX5gY4/38xBMEgi4KKrqKmPWgifPWis2Odbl5zaAdaNkYgKUb2qcl2df0tptaoFe/Z0R2CGYAKlwzHLDtDewZw+zhzbFqlMDwfYjtRT7UFRaItaLaC4Mg4kFCXMK8ZVa2hXAdnXH39QPSr+48T3vm/BM1C/ns79khb9fvF8CI++3d9UeHeo4MhAvJn7wIpt0WUyhWg5nderJtG+IEUcife+x1572eJ7mdK5+Hl9N63p/8Y27rTPtHNoNBNOg8i0f00d6fWpmAlgJyLey4AGPTElZT/v5iiYFCEwUwjnWvf1jX45blbQp9pAFU2kODGW6eYWiSf/3/23jtOkqu6F/+eW909cXc256jdFcoZlCWiJCRAmCATbD8/h4efbbBJBtsPI/Pez+k9km3AJjgCBoTBGIyQECjsLsoBZWkVNmlzmtCpwj2/P6pDVXVVd89M93RV9fnyGbQ93VN98/2ec8/5Xs8sZg6j3RR+fW/DYPTfykURz2iMm3cvxypwPacgjMi3nRAcuuiwh/b7F5PpJgR7K0KBp1LNc8Y44bgJFctfdRWGNmyM/Xg6lgc+eYtC2SEh/ykm/4IeOGxs4NO3qETcFkwj65FZ8Tof98kX9bSTdVsR/uhkXW5hHHRbex891t7nrifrxl17PygM0hXt/bB3u+XdbzYmQBXeCbBdBBiXddQA2PzD9w4YZJzZ7ycAnTAM4mQg2NpBqWLU3XnpSSjnDN/7RV2P0a+SfGIGVX5PrUgvt141meuyoUzRCbVhNwQHNwvNQF7DJz+HJrKg00kIbndJ4BYLRpgsqPc7qhedTVYOUTKjo1j7zl+J/Xi3NfC52w2MFxPCqoX8p6O9uH+KcbwAfPrHCnYConCNDb8MlR2t8RnHAcoWNyX8c+HdnxvtfW5K9ruqvY9eau+TK9rRE+39kLae7phox7htUuBuefcbxgTId3Lig1MAkDmXn3h7rmMGwPrSwissbQ1YOinCxMk3EDptOEQ9b9IqQrPGxHAWj5y3Fqz93vxSdXBTJYeW0VCOcNJL0bMnQLzB1HDRmPcUQAcW0qaSmgwUmKF9yzH7ZEGjbggOvo5WPOqsLGjVeKkaBhrApOO+Wve2dyIzb37sx/O/3u3R+k/A7b5C/oX8JxE7DhK+ek/8lYEoOx/Gul/0dVWhzNVD4zkj/C2Ya+y8+3HX3p+Od3/utfc5YvzMTThP28m60/Tuewl/g9BKQ5tZYLaGbWewLTWgtlYSI8tXiPc/nYaDZq7dEHzfOWswPjboI62mZuiKZR9GcsNOAQgzDwEJJgTr4PNDTgH8ZXDJfoGr1D8siZkCxkPwOwIqSB2QBY1KCGYAOhAK5JJ/xsjK1Vh29RtjPya3P0f46VMqcaRMImsESRxHtzxOuPOZ+OcDGCvfCBpeW3fkOEDJ5JRr73OPtfc5Nsm6vdbep7nQ3o942kzCeVp69xFlAPrzI6ELyKjc5R0zALJG5uUFif9PLYp2GbZ24GQUtl++yZesygwUnbCE4MbhTx4SHjk3PMzXd6OwV5mH6l7/6iCNMja8pJo9f6WricE1it5cFrTBtmiZEExNE4KDzws7YdAhddBwL/0CgHW//OtQmUysx87uY4R/2EpC/jtu6EubifUWjX/YpvDikXgbAaQMZE76Dd/vSmXtqsBBtPebkf1uh/PM+GbdZuE83D7hb8a3Q9t6umOinfHZhPB3PVk3hPCjbcIfYTBWf5wiwHxhxwwAYnXOlJwApBrV/t1x0hK8tGGxb5RZzLAqep5RJJnCSHQbMy9sIOsAE2p4Jjd6LsiTLVD9vIZ7EqDBTWRBZ5cQ3IyLUMTratyrNyG4Kgta9f4vPPt8LIr5jb+FMvCZHxNMh4T8C/nvS/SqXUwb+OyPFYpmvNvHWHQe1KLzPcSFUChzm3Hd0yX8nLBk3ZndrBsdzsOxSNade+39xpk4Z9r7007WRfvhPE0If5jNWvusLoIzmXM6YgC88rs3brDhLDcl/j/VMB0LpuP28R2XnwQdmLUFresTMMLRUqOzYWZ7iNg+h5wC+BZpREtsgtlDzjlUUhOVRNqqEdAsITiUuLeREBx2ChBlTGhuvAjM+xc2uQaAIsKGd//32I+Zf/6ZwuEJEnYo5F+skR7g4ATwj9vinw+Q2fDfQKRq62jZdEUDfN3ZbrJuU+391mS/u9r73JVk3SgCH0oa0T7hR4hh0w/a+2He/dmp83D4mJhROE97hJ8REf7DAGkTpPUafuRXVs/aABjMOa8sWuVwEiZIFSbNAgDGkYXDeOLsVb73NIBShcH6vP7MTbXtI6c3eUmwnwApz6APJgR7phqC6VIUmJDVic4Ait5wIA7+RYtTgFD+MZ2E4OBVYuGfn6zsiotffhGGN54U67Gy/TnCz56jxI1xSfpNuoUkRfFi6w7Cth3xnodqdCOMJRf62q1YRoeTdTmSrDUjib3Q3vfWs2Pa++il9j4iw39C27pNwj+ridkh736nwnk65t1vcIQGPlsdE04RyGVb5gG0dh+wurhgm007V5AOOKyRt9y+3nbhBhRGBnzvm5UYdUUUSmKjVHNa7ZjksWaDt+VG/zk3lQWtPlN53it48gTIaybMQBYUaCMhmAOfIG68rKwygZ3KSQUpwrobfinW4+TIJOGftqvEjW9Zs6TN0tYuzIx/2Eo4PBlvIyCz/lcAlamRO9NiWDZEex+d0t5Hn2rvI0R6CHOkvd9+OM90vPuRY4JDjIOoMaFLgKMumbUBQKDz806peUcKUoOCVYJmjfJABvdduN6vsw9GSeu2EoK9JLnpioxGWbhgQnDwFKDZqCPUQ2uCjqV6ToBumhDcoNwz3YRg9t+TECxg2O8nKyFWSy+5HIPr43vpFzPwxTsVSmayxrXE/aegzWSzCV+zTeBvfxq4fTtmoOE1MBZf4mMppTJ3UHu/OdlPtfY+RHu/d9r73N6YaEL4uV3C3+rEx9O2xCVA6QtmZQC88vYbM0qp00q22XJdlrU5LZ4txqTpGnyPnr4CR1eM+gatyYDF9dCXRonN8Ndhm3hwEeEQgyEoCxp6qhAiC1q9FjxYBg1POFBEQnBkahGFt5e3BsEo0MYNp/E7tGbkNUCGgbUx9/5/72GFp/YL+U87+ZdOjH9RvI6XZ/a7czPOyKz/5copgLtcmjbDcrhtws9NeqS32vvcY+197qH2fuOe3nfa+x0K52nbu18rb7Dcns87JUBlzuLbb8zM2AAYKOO8smMN6TZ3KDEE0oGyY8LSNjQRtl6xpaFPi7VTgLo/PkoWNHTLDEumbSILWp1girg9BkXNSZUbDsSNpxMUneDb9BSgdnFac1nQqPJNVXIrll56JQZXrYntuNhzjPAfDycr7l/IfzrbTdCIbz8A7IyxNCgNrYCxzB+WXCxxJAPqdLJut9V5ANHen1vtff8T51Z7v/PhPE3HhNe7H2jfhiYjgEgDujyClfvPmbEBwI6+dCYXgIkhkHxMmUUAwK6V8/HCKct87zkAyozGUJgASQ4bBxy5mocnBNcGKnGTJ9SZe1A9CBH6/ABQZKp5T9pOCCav14cDcf7kC4/yXV4W0grVR+U1oLJZrHvHL8eaqP7DNoKjk0P8hfynhPyL9z9k7DSWxNHAl++KdyhQZu27AJWpkSnLgXsKMGPtfW5K9lOvvY/2CX876+S0w3mQLu396Xj3vSdPXQ3nCXr30eZty04JsK0LZ2wAKODcom3OarEUQyCZsLSDaujXHZdshpnznyQVq8SZ2r0huNGDHrYshCn5UBN5Nd/HVWDscfjGrWpjU6PIgavLWiUEM9d1f3wJxzw9ulA5BShoNy152aVXYmDp8tiOh5sfIzx3MBne/ySsOUL+k4cktM1zh9ybguMKGlwOY+mVvrYslrkp4Rft/Wbefe6h9v4050cLhac4aO9Px7tP6ECybgjZb0b462UNuUsjaDTqIkDGuTM2AAjGmQWn3JGFU4yB5GHKKoKZMTmaxcMXrG2Ixy9y5e4VivZMcVuLAzckBANVrz+3VheqToyQxY05aEwEtPmhUXCoUm6KvCHYuws1z32YxikAVcJ/FGH1m98W23FweIrwnYeSofoj5F9Yd+qbpMUA+rd7CYcm4msEZNbcAFB9PbFt+BSB2k/WRdeSdaPIWhhpbM5vRXt/ut79ajFah/Nw45iYE+399rz77RL+ZjZSZB+HnBI1jAkuAQbOnJkBwCCAt1Qvh+rkei5rejKgmWs3BN97zhpMjA35JrrFGk7I1PeSYq8BQG3KgqJCwpsmBAdi/zjIzAMvVWCRqpWxkhBcYoJm9iQEA6zZ4/X3qxGFGSytZUH9VSxpDVsDi845H4Nr1sV2HPzDXYSyJVxRuHb/FijOoT9BmDbwla1xzgVYCWPB+T4SUyrrSLLfS+395t597q32PjjcOAgQ2K5p73N0gdOvvc9zG84TMoZanvhoE6xxapQgYVMD4OoffOKskmONdHNBlQ07/ijaZdjagZNR2HbZSb6Bx3BDWBqINzf66SmEuEd+yHcfQHgMPwXK0XhKEJg8YcYE17/BYUYRlZwAroqGhhsTbcmCsjcfITwheEq7K+XqN8XX+791B+Hxl+If+pOUtURCfwRzgZ/vQawvCMusvt5vtFiA5umE83DsknV7qb3fjne/q+E8XdbeRxK09zHTcJ6QS9Waeve5+Zjw1pHL8/DMr508bQPAYevC2cT/T9cQkA0ovqieAjy7aQle2rDY954NhgX4bu2qqgIFwvKjVXFqI5ZBittehJhDiDU3LpjtJAQTM9jRKHgGI7WbEAy/V8j7rUwNtk1lfrmSqqMnnYT5Z5wVy34vWcC37ot/6I+Q/xS2n3j/Q9e76eDr9xJKMT25o7GzYMzb4vPul8ocC+399pJ1Idr7PUzWDeZexEJ7fxbefUzTux9J+IMf0mXApoumbQBklDq/ZJtzvtCKMRA/mI6FaijY7Vdsgg6MyHzlEitvQrB3MPr+G7ZqccWq9RJnbkLcA17/xiM6BlPgfQ4QMfZsqv5foFA5CYhKCPayueANwU2lTb1GlXZfr37DW2Lb7//xsMKJgpD/NJN/6dR0jK8wHJsCvhdj2V616k2+9i1ZGqzbCd3gGSTromvJuj3R3g8J/5lT7X1uj/B3K1m3d9r7fv39yD5Gh8N5MMMEbi4DhnHetA0Agjqz2IEE4NmOQUE8MGkWADCOLBjC42etauirouZgeHwtVAYRRLw+udlPk0NkQcmz0Hpfe28IZu/oRURCcDWmvyLfSSFEjZlRhAq9eKzhFCCUMHBtEwlLCGYG8poxuHgJFl16ZSz7+9AkxVpNRMi/ENy+solmOIj+61HC4cl4zmNjyeWggWUe0kMo2Zy4ZN24a+9Pl/D3JJwH0YQ/Odr7MwnnQfvhPAjJowwbE95x7JQB5rNnYADg1HKHE4BnOzYFvYPDGgXLPRHaeuEG5IcHfP1Trk2E9mVBQQwi9nkUQpV8EBLDT9FEpuYpCeYl6HpCrwagOKRMlde6agRUjIRIWVA0ngJUDZmohOCiZmgGVr7+TVCGEcv+/vo9BNsR4irkv38LlYY9x7TduRxLkIKx6jrfHl8qu6cAPsLv8+5zDLT3uW3C34zTBMld++E8nSNV0wrngf8Uvjfa+4EEXMQvnKfb3v0owh/aYNoEiE6dlgHwyu/euKGkrQVx3BvEGOgd8lYJmjXKAxnce9F634UzDEaBtc/jHXVDsDvCw2i9h8B7wm98xoP3NTWeAvieU03o9VzVzgzogOc/qC7EnvCgIgjsSQhmzDYh2PX+G4MDWHn1dbHs56f2Ex7cGV/vv5B/If/9BJ7lQLr7eeDJffGsW2b51YDKedZnguVwz8J5puvdT7X2PsK95C0Jf2q190MScGfh3Q/pjvbGRDPCHxibIAa0uYyf+NUVbRsAuYx9TtEux3tRFGOgB23OmDTdhOBHT1uBI8tH/d4mBuzK8IzSyqeK1z84yYNxhQz44vgBNJcFrbN236pOniOFQHquT00IDcS+Hq5TBAEV4ybKcACFt5fvGwmwmVFmYMnLL4YaGo4laf3Xnwn5F/Lf34VK277ytbtVPOtkDMFYfKmPrJVMjrH2Ps8oWTcR2vtRdWlC+Odee5/DCf8MvfutCX/jB5sR/qZjAjMYEz6jlRHpMSW/Qep/YAlQdHbbBgBz5qy5TgDulDEgBkF3UXZMWNqGJsIdV2xqaO+Crp4CUL1vaskBjCiaHFTJIUTdGsx+Il5x66vARV016EatZuZWuz03eOCKRL4/nN4pQP3kIl+5SXjlNW+IZf/e9wJhzzGK7RwX8i/oJ/LPHRpMzx8G7n8hprkAK672zW/bcaM1G7373IVwniY8oiPJuq0J/4xH52y09yMIfzOy30vt/el495sR/riF88zOu9/aqHM5UBkg46y2DQBD4dSithK9gIsx0D1MmUUAwN6VC/DclmW+9xy4+QBeEuwq/Oi2CZ7vxt6Q+How1y7pIu8tF8FQoNqMDVclCjsFCBaq+kQ3HAjQmiNJaStZUM3uvQnDq9Zg3imnx65fNQPfeVjFcj4nZu2JeWHF+5+ksdTZhrnpAYrl+FTzToUaXucjVd5TgPho73Nytfen4VCJo/Y+mnx+brT30RC5AMzMu+8dEzRNwj+j/A9dBphOa9sAAOhk07HSsYiKQdBxWNpB9YTorss2wcr6E1mLVfUf9z7qthlA2CkAakdfjauQ8hDvgH1Qj+NH5bbf4LFxwJFCHJy0jepCDEYJ5DMCWiUEk8cIKLObfLz8tdfEsl9/9jxh33HhhkL++7dQad4j9hwD7nk+pqcAy1/r26fLZjXksh7IQwF38pxp7wfIXe+093n6ybotxvX0tPfRY+19DiX8UVyv0979pmMCbYwJtCb80eE8s1iZdBkAv6xtA8Bh5ySd0nNsMQg6gymrCGbGxGgOD1+wPqCzzyhCu5kA1B5DIoQweGYw69BTAIWIhGDtUfJB9A3BdWUfbjpa6kWmmpJPqXpPAMJlQMNyHwCgpBmUzWH5q6+KXX9qBv4zZt5/If9CbPu1jbhLA+pbDxAcHb+2V0tfDaJcjSAxK1gW4qG9HzI6uu3dn004Tzq196nj2vuUxHCembPezW0ZAK/9/o3rTCd+CkBzZRDIRtkuYWTkK4ni95yzGuNjQ54JwrA0+xKCW7In1h59fjSVBQUiEoI96j0aAbshKAuKsJCg6AXWvdVY1f64yHUjIHgK4L3HoNZeYBQ1sPiCC5GZNz92/XnXs4T9J4SMCfmXgqUZ+08A25+L3ykAZeZBLX6Fj/CXzbrnN+na+9SKeLQM5+HIZ4n2fre198MXq8559+eCsJlL+ee/taylAWCwdW4xJeE/YhR0FwWrBEc7cDIK2y87yedGYLge7wZZUK1r0pwcWIm4SUKwl1T7YvjZr/sflkcQdQrgPoJajobqUXR90nNNHYgbEoDDE4LNSvjPqqveGLt+dDTwvYcoVnNPyH8fLLJSnIgx1d3SfOdB8kk4xwXG0qt85M5yuJYM3Gx/nqtwnk4Rimlp70cYO83Ifi+Sdbuvvc+JStbFNPp4TlYnXQZy5jktDQBWxhllJzkKQL00CmTvByYtVxb02U1LsGf9Qh8zsrSGrd2LXbQvMJ8bBh+HeBIaF+SQKeH5sE+jP0jEq4sT+WcoteGuqU509vwFgcHabwQ0SwguOBq5JUsw/8yzYteH975AODJFsZhjiVoTOBnrlhQqSWOq+41zYBy4/8X4nQKoBWdDDS71rdFlU8/Yu9857X2e3vCd45t1KUbJut3R3kePtfcx7WRdxG16sQlAndnSADCYTiv1+QlAJwwD7pO6lx0LZdsCM3Dn5ZvhBJjRlPYkBAfWQwT/63HJRCYEA36vvydOv7oAcRPPD5gr9wt4ZUqbERRCWEJw7aIyDTcnAGhUI/KcWpRBWHbhpbHsx1ueEPIv5L+/1/B+w38+HM9kYFp0kW8PtWxu37ufMO19r/e9qXHA/uTXudfejyD8c6a9zz3U3kf8wnlmAl0GoE5vaQAw0UbTsWVX6LJxEGcjgadZ9kmrCIBxaOEIHj97daORoOsXWCiPp4sb53k0cUcl7r+66OiG6wEaQ304hLiDoAJ5CRRG6EK0Qb0JwdUvrRocpUqID4cQizIzHGYsu/LVsevrp/YTXjhEPR9vQv77pE0l9KfJuJq70jx/GHh6f/yGR2bJFT7ZRVvDl7Q899r73HRznFayboDwt+3dF+39PknW7eIKpU0AemNLA8B07HUsvqPYke25/JkuHNYoVBKCt164AYWRAf+YqmXdhxBvhMXoB5NrEfoaQOjtAhwRM+mz6qn5FCOm5mUCeayZuhEANMqCljRjaOlyjGw6OXbj74ePUs/HvpB/If+Cucd/PRq/Oz9odAtoYLlvyJRMnrF3v6fa+zMI52nw7mvuc+391vvGtE98pkX4Of7e/XYXX7bXNzUAzv/7/5G12V4uS6NgushbZWjWKOeyuPfCDT6PuwZQDEsI5sbYyuAlXcFZT75kAdebXyPmYbKgtXyDcOPD97rBwx/06HtkQWtf5L8YrBi8sAxASQNLLr4sdn22/wTw8z3Uq+UoeUuokP9UFaxfvf9VPPAi8NKx+PULLbrI53CxTO5asm7zcB7ufDgPkqa9H074o8h+57X3uSPa+009nEkL55kptL2Gb78xE2kALFyz5pSy42SEzgqmv5lyJRQIeOS0lTi8Yp5vmpoM2OyS9iitfIqYm6Fe/5BFKHJzD9s/AgnBDP+lG8EbgsNlQ6nhC6pGQPVkwtQMTcDSy18Vuz67+bHe3Awq5F/aVdqqt+S/2gY3Px4/tpNZcqXvtcOA7cRMe3+m4TzTSdatFCrO2vvTSdbtL+39GK5SbGWxfOfGSAOA2D7F0pIALJgZyo4FW9vQRLjjsi0Nwzdfy9b1JuAymi3hzHUne3URUV4PfchdY+Tj54RIPQdvHkLUmtGw6nJLNxLDvfW3mv8wtGo1Rk/aHKu+KlnA3c/PbQhAUpPjRepTLJO0YtsOQjFuW/7wRtDAKh+xM210PVm3mdZPR8J5euXdj7Z5Qgl/ExupRbJu2rT3U7ZwsQWwOjXSANCOPqUkBoBgFqieAuxZOYYdJ/vvndDsngTUJTU917s3mX+M6q2+FNDj9xsGQcJW/XQwIdi7OlBghQyGIPlygalRnSjsFACV8haZUWDGkpdfErt+uvt5hdIcTvWkLqVJIf8S+pPMInGPB1jJAu6J4cVgasklPjJqmjz9Tu6Qd79T4TzTStatOMba8e4nJZwnWdr7KVyl2ARIvSzSAMgaapNpW5AkYMFMYWkHpUpC8J2XboKd9XuZC1V9fmoyQwPujKrXP5gQHOXtIdRzA5iaexyCU41DXhPX5IB9CcGhBQiUO8/Akksuj10//fQpIadC/oX8C4CfPkUxmnNuDxmLLvb93ma/GlArwj+7ZF0W7f2eau8jBtr7KVwptAmQ2hRpAGjGBoudGn3hplNBIAjHlF0CM2NidAAPXrCugVSVfDd2BeZbiBQoBRJ4gwuAN4G35i1pkhBMaNSNDk8QDuj5+76bG08ByF+JombkxhZgdNOWWPXPnmOEnUe6v+kn+T4MIf/pA8dujMWjRDsOYU7Wg2m1x/AmqNwC35psWhzKLruivR8g0EnX3p+ud78V4W9nvW9PnQcNCk99n6zbtQlmA3CicwBMba8L7ygxBATTMDSZkXfcG4LvOWcdTowNeWkyypphB4k3N5J/8i2P0bKgjODr6GhOrlwEBoomBb6EX+LIpOXG1anqKnH/ZTGw6MyzY7dS/eTJuSH/iV0nhfyLZdIn5L/aVbc/Hb82onln+fYGu6IG1N1kXe/pdI+0973hPx3y7gNxCefxE/50JOsmaPFka324AcAgS9urmhdLDAFBeyhYZTjagZ1R2HbZSb5hzQCKuu5ZqHFm9q4H1CjBifAbgokavf61BGLP6uRV+om+g6D9qckN8kLsSxIuMWPpea+IVb+UbeDuF7q7mgr5F/IvRUrWONq6g2DaPbwTJGTiqbHzfOE8luaWp4pxTNaNIuRzmazbG+19eMJ5pkf4e+szS/FqoZ21oQbAxT/441Wmdgbaax4xBAStMWm7CcHPnLQUu9cv9L1nsXvLI3R9jWfPShBcDKnJQuQN50HTBb/O8sK8+BTx3yhZUP8X+ktpORpMCovPvzBWffLgTkKh3L1lU8i/kH8p0vTJbq+RLwMP7YpXmWjBeQD5fJSwbG4g5Z1L1uUGst/Kux9G+GcVzuNRpuud9j5mqL2PcO++hPPEaPGxhvmZdy5pMACGSZ1kOdOTBZE8AUEzmI4NszKm7rh8E3Rglk9VFjumxlCehv967noP3sFFnv+POgUIyzluXJu4wZBgDuH5zZ5S2VEsBsY2bUZ23rxY9cl9L3ZnpU36CiDkXwZBv5H/YEl+9lzM2iQzD2p0s48z2jZ3V3t/mt59QryTdburvQ8J50naIsoWQPM2NRgAGcZGU+tZFFsMAUEjpuwSAMbhhaN47OzVvvfcG4LRcDmY1wsSRsSjxl+YLGikZyGYEIyAbKhnIWQOGB8U+GZmsObKRua+aTJj8dkXxKovShbw6N7Orr5J9/oL+ZftVODi4T2YU2ngdqDGzvH1pS8ROITwzzych7uSrNsu4fcuRL3V3m9B4JH2ZN2UrxhsAWY9EbhmAFjgjdM9AWhmCIgxIAAAWzsoVGRBt79iPcrD/igzs7bIUWhoT2PybfOEYO/fe08N/G/UmV/w1CEYGxRahloyg4ZmRkOSMgg2gGUXXhyrvnhgF8GyZan0En8h/+ktoIT+TK9tTJvw4E6KVZvQgvN9rx0maO6S9j4g2vuYnnc/tOEE8YW2AKXWNxgABow1VQnQzi0yYggIgLxVhmaN4kAWP7tovY90aTAKrOFxntdiIcPWGSBEp5n9pJ9CuH6jdeDxMiFKBjRAFqvefmYw68YkZa7WCVDz5mHeppNj1Q/3Pk8dmtfi9RfyL+Q/TeS/irufj1e70cgWqOyo5xJIgmlyh8N5uPfa++CeJevWL9uafrJuugg/p//72QaAdQ0GgM3Oqm6RdTkV6G8wuHZD8COnrcSRFaN+zxMDTiUZIMzjrgKvmyr3EHzittxkYlGFCYaF9QePcMHVEB93HAcTgr15CaZmzN98SqzOPgtl4PGXKAlLlJB/If+CHuGRPYSCGSejiEDzTvPxUcvhUMKfKu19oIvJuv6bdZverivJuqljY4C5qsEAcLS9cq7IoBgD/YeyY8HWNjQRbr98S0Pv52tufPIR9yg1IITIghI1RPj4Ph9cKaPuIqv+sWaPxx/+XIDohGDAArDglNNi1f4P7SHYzuyWDSH/wq2TUEDx/s+8bSwHeGhXvFieMe8UHxd1bO5gOA93zbsPtBnOU5E37V44j5/why/mLMm6/bJqsW40ACzHWTn3VRZDoJ9QPQXYs3IMO7Ys9b3nMMPkOk9XFE70g2uX17Pi93LUCV9Y7CbgzSPwxPDXSD8aYogocF1xMCG4+k9TAwtPPzNWbf/IbprxspSWGSrkX8i/oDUe3h0zo2j0FN9a5GiCw80JfxQhT7/2fvve/Xhp78vKMWfQjt8AeOXtN2Yc4iW9a3o5FegHWNpBqZIQvPWyTbAzhu/9QmV1Vm0mBKMSN6moMSHYu0xSxCRnqm9GXPX4e7+Xq5/xqDMEbyvmoIeJ4WRzGNtyanzmOwNPzCD8J02zUci/oDfjjhM3rh7dQ12dL9Nuk5EtoOyg71e2xR0I5+HeJ+uGKP8ECT+mQfink6xLJCtOf8Jewexyf/f/CtZq27Ez8VikWAyCFGPKLoGZcWJ0EA9esNZP0plRDInJ50a1fiCwmIeNI5BXxtNjPFSZvDeLLEQW1H3NkbKgQW8TANjMmLduA1QuF5s2f/4QMFWaHlFIk9dfyH9/FFJCfzrTNhMl4IXDcXIHZ2AMb/HxV8vm2GrvT8e7zyHcvOma3Cbhl3CeJK0cc/z9bGfw1C8trxsAhJWmtmPaNWIMpAmaGXnHZaP3nLsOE/OHfOuTqRl2ZXmLOgXwef1byIJyYENm1tGMsOH+AQ5NCK6Xt/FGYRuEsZedGqs2n472v3j9hcAK+U8X+Z8JHtkTs3YZfZmPNNs2ZpmsG03IZ6u9345ThQAQc8fCeWaerCu8qv/sHRtQI6trBoDBxmrTceJfbjEGUoGCVYajHdgZha1XnORb0xhAsZoUBfIsnvVr2huXrcaEYFQW2OpqzZqbJgSHjbWoBGFqQi4tZiw67fRYtffP91Abc0vIvxBYIf+p3O9nYgDsjlcd1OhmH8d1nPocj1L+SZ72vnj3ZXbOxVdagO2K/ii4k2mVw07Cmk1ChZKMSdtNCH5641LsWbfQ957NDNsTG+nVa26m3FON5ffGfXCA4LccKawRVB/yngIE8xF8xgdVTgBOPzs27TxRAnYeob4h/kL+hfz3fvwlf0Y9d4gwWYpPu9DoKSCV861ZtsMzDOfhnifrMnPtgb1L1hXe1JdtwA5gcN0AANEyO2EGgBgEyYbp2DArN0/ffsVmOIFVLR9yCuDl8nXd/eqqrX2/D0sIbiUL6heHa5QFDRoSwYRgMKAWLsbAgoWxaeenXgpP6Esr8RfyL3ukkP/Zd51m4Ml98XEtszEfNLjKR/htLdr7AsGMDABW9RwA07GWps+uE4Mg7piySwAYhxeO4IkzV/s3IACWJ2yndmmX1j4vfxgRD00ibiIL2rBVhiQEV++hjEoIrv7/6Jr1sWrjZw9SX/C5JDpdhfyLXRLn9nnmQLwMIzW6zkf4HYdnoL3PvQ/nYQ4YB+hBOI/Mnr5L/vVNBL20ZgA42lma/q5mMQpiBls7KFRlQS/agNLwgO/9IjM065o+v494o/E0oFVCcPDvEdD1D94ixsE1ORB/FCyDxcDo+ngZAM8cbG4cCfkX8ipbd3xIbqzWjgMxa5eBNQ2JwNPT3ueea++Ld18Qj8XKXFIzAGx2lvRlG4hR0HPkrTI0axQGDPzsFet8i6YGUPTEYtYW6IAx0NirjUyhGqNf9dqTb5cILNCBtTrcePATUAbD0ox5G06KTduWbcKeY5Ra4i/kvz8LKuR/btpo5xGCaceHodLQGpAyanxbe0P+5iBZN4rwT0d7Px4LlvCc/vX+V7/erhsAzLxEBoQYBb1oXw2NScvNNnv4jJU4vHzUT2IZsAGAKaD007xfgkS9tthT0FDg6L8PuZMgKAtasxm4cgfASZtj09bPHQIcnV7iL+RfCiroXtfZGthxiGc5Tzs4kAbXgowBH+G3nXaTdVm09wWCGrwhQMyLpEGmZxSIcTCzNgtDySnD1jY0EX56+eaGT+WrmwiF3e4b9e3+0B3/eswtE4KbqQ15w4N8O0VuAMNr4xMC9OyBdO5ASY20EPKfzqKlLfTHix0HY7SGDK4EZUZ9hN/RPO1k3Z6F84j3XxCbRcteXDMANDsLpEU6bxyk2UDodL0nTVcWdPeqMTx3sv9AymGg5Fm72j0FaFy3uWVCsDemnz3f4T9RIChqXE8HV62GMjKx6aMdB4X8C3EV8t9P5L/TpXl6f5zaRoGGVvuIdvX6oubhPBy9N4h3vy9ZW19/PzMAPQYAavMP3zvgQA/KoOgNUY6LwdDrclrsoFRJCL79ss2wM8r3fqlKxIna/HZug8g3JhDXXlH0lCUA0I3TeGj1uliNvWb6/0kk/kL+hfwL+Z/bNnrxMMWqbWhwtY/AOw4DmKZ3vxfa+yyed0GcFgs9j2+/MaOWOvOX2FoGZ1INhk79Lw6YskpgZoyPDOCBC9b5QneYgUIldMebEBy2sHKgPUNXeGqQ/g8kCLuLvvc7VOALvMaEA2BozdrYjKPjBfcSsLSQ/+TOZylo37RhCnGiCIwX4lMeGlgBUKa2L+gI7lIn/O5K7SP7favOIzNJvP/V67MdwqIDi9R8DCyxtSPjQtBzaDDylVOAe85di8mxgdraDACmdhOCCdQQo++dXnVirv1EPUIW1G8sREzVakIwe42P+kahGRhduTo2bbnnWPJ3sCR7/YX8p5xG9IH3v4rd01xLuto22cUgI1d76TjkqgHVCH8Mw3nE+y+I3QKmAdKLFLNezKylQQSxQNEuQ2sHVkbhzss2+eL0Ge7dAFy93hF1D3201z8kYRcVbz6FMn1/gjB5/sN+I8P7SAfA0MpVsWnH3UeTT/4TXX4paGqLx31G6GK1luSWACrnI+7MUYTf4/Hpe+19MUKkDbxN4QBkLVLI2ItslhMAQVymKNdkQZ/atBR71i/0vW8xYFVUe3zXeNWUeTh0urOHuPt4f4vNgLx/7Mkj8D6YyD2ZGF61JjbtuDfBJwBC/qWgsl3Hp532HIuRcZRbAmUM+Mi+drhx0SaOR7KueP8FcVnRfGNRA4qWKG3zIi1LrSBGKGsLpmMBAH5yxWYE76LJaze4h4kCus7ceEOwx3UfFsPvTyjwfICrl2SgJgsaNCZ8e87ICLLz5semDZN4ApCGkB8h/+kuXj+F/lSx62iM2saYD2Tm+ervMIs6j5jSgmkNCQdQtFAVbT1fWkMQN0xZJQCMwwuH8fgZ/th6DaDsiQ2iMAMXdae990bfhlt8vdqfgRNj1m3IglZiTgcWL41N2zka2D+erJ1QvP5SWCH/8Wynl064cfZxgRpcUkvwde8CiOkIEu+/rCpx+f6wsajNMeWwPcbMfRfXKIg3bHZQsEwAwNaLNqA0lPOR/TK75J2oUaLTewqgalMvKAsaIPbev+fGzd4rC1q7IdgTTDqwZFls2u5YnmAlJK0n6V5/If9C/tOOsg0cz1N82iczH6Tq961oSWFMy+okmEs49gLlaGfUR2zEEBDEBHm7BGaN4mAG21+x3pMQzNBgFLhRFpSDXnzfUsiROWLVP+DgZWAhsqBU05KuPz+3ND4GwOHJ5JB/2V6lsIL4d+XBiRgNHmMMUNm6AeDEcJALj5KFL+7I6BHlQA+FWfNiDAh6P20Zk5YrC/rQmStxeNmobzKb7KrvVBOCa0Q9+Brhr5utE4wIWdCq+hD78w3iZAAcirkBkAavv5D//iliv4b++J0KFJ/2ySwAeQ0A4SlCfKUfpm+MsjOoNHio1eInhoCgVyg5ZdjaBhPhJ6/cjOBpb76eARya/xUk/z5ZUPKxfXgvjvd9vnoKUIk75cCfagCDMcoBOBJjAyAtS4mQfyH//YSoU8WetE92IUAeA0BX1xXx/gvECGobjjWkHK0H210IxRgQ9AKTZhEAsGfFGJ47eYl/DDOjjEavv1cm1MfxvZZBw/rA4Z8nArtK0z6jwrvQZ8YWxGizjl8CcJq8/kL+hfz3W1vFKqwwMwpSuUBfSSKAEF/ph2kZo5qGFLMemsnCKIaAYK5gsYNS5Ybgn162BVZGeYg8oYhqbH7zhOCqF5+oPSZX8/ojOiEYcG8Bzs0bi48BMBUfAyAtxD+RW6qQf6ESXXQq9IwDGPN8OQDuGhyTNU94kcyYpIB4SIEwOPOxLqcCgrnBlFUCM2NiZAAPXLAe3isdmeEaAREJwV5jod11waX95H8dkhAMZmgAuYULY9NWR2KSsJemZUHIf38VUfY0Pw6Oc3zaR434cgAABsdBpzQ2Y0bGrvRDO8XTg4qZhju1YIoxIOgWNBj5yinAPeesxeT8gRoxB1xZUBvRXn9VYezEbUxLIjCRbxqHJgRXy8Y6VpeATZR66w1Lk9dfyL+Qf2kvYKIco7DC7Hx3ZSflWYNljxQIpmmQDs8oBEiMAUEvULTL0NqBlVW449JNvjh/RvgpQHAHbYf8B+dQaEIwc+XmYYYaGoGRy8WjjUzA1nFec5LFo4X8C/mX9gJMGyjbFI82oixABogytdbpeZnE+y+zJnkYVkw82N15IcaAoFNTmjFplQAAT21eil3rFvjetxiwqnOfAFU9DtAcUPYJWx5C7pGn+trOXkrI7L8DIEbe/8keeerE6y+FTnyfyx7VFBPFGLWRGgTIqL2MTQ6ALACCOPRFW/OUBxWDhuauTGIMCGaHsrZgOhYA4KdXbIYTeD9fzQYGeYh7RGhQkOk3zNt6tjD5zhr8yMybF5v2mSoJ8RfyL8WUsZj8taUpjGHAcxtwT3MAhM/IrElmOw0rZp3rzZwRY0Aww43IKgFgHF44gsfPXN1A10u6rglKnvHW3hLBnh/tOwUIniBUX2fnx0cBaLI0l3NYtg4pdDqKKaE/rTFRjlGJ1CDIdwIgpFcgfTEtEA8oh9mIw+IrxoCgXdjsoGCZAIC7LtyA8lDODeCp8PYyu0nD5PHbew2ExmAfL+kPn7/k+5T/A2p4KDZtMxdeurR6/YX8C/mX9oou0FQxRuVRWV8IEPeqxYSzyMyJ34LW3uc0G4rQewMgyhgQg0AQhbxdArNGcTCD7a9YB9b1qa8BFDhMFpQbLv+NDOzhOvGvSn76ZEA9xoTK5mLTLlNlIf59s2UI+U8l+Y8rJuMUAgTlOwHgvs4BkDEsfTEDEBsKgBHr5hSDQBA6zRiTlst2HzpjFY4uHfG9b1ZkQcH+UwBmbsgFCCYII/CeBhrSBLweJzIysWmXqlKHEH8h/1LMZJJ/jmmBurG2zJy8ZHwnANSbASQbscycuC1q0/msoTjmBoAYBIIolJwybG1DE+HWKzdDBybCVEX9B0SgkOXBR/7J/3vyzCXy/H+DLCgAlYmPAWA53NG1JM3EX8i/FFParP0C2U6cCqZ89wDM+Tolsp+CpPcFsaGYk2UAiEEg8GLSdANT96waw3OblvhYKzPDrCp3ejk++yNGg7cG68qPf2pziCxoNQQoG5v2cJxOzStZpqXw6S2mxP331rkwe/5v+AwA4cFCvqUJptkGGsk7ARCDQODtX1PbKFZuCL7t8pNgZVWNmANAgRkaAFF0QrD3dVA21JsL4P17j+8pVjkA9ixjYdPs9RfyL8WMK/lPQkc6cYqzVxm/ARBnoiWrmSCeE9xQiqBSXcWAQSCLf/r6b8oqgpkxOW8Q95+/DoGgf5SYQxOC/cYwGk4FgqiGCikEEoJVfKaQ5cy0ndNP/IX8SzEl7n/mBbJiFQJkgGCIUSeIyexJ5PjLJD4EqFOkUhaQ5BprmhlTlVOAu89dh4mxAd/7Zc1wgJosaNDrj1avfbkAAAcSgikXoxOAaR7Tp534J3ZpTqDlIuQ/3ePTtGNUUurRCYB4/wXxXNxm8ieGAmtDWk8Mg1638WzbuWiV4WgNO0u48/ItDfOhoKunAFRbPnVILkBwia0ZCwEjoDrnCIDKxCgHQFPb60U/EH/x+ktRhfx3plC2jk8IEKkcfDe60JwMItnAZQalxxhjbSiWK/R6RlqlvTo5BRmTlpsQ/OSmxdi9bqF/82KGXcneDaoFBWVAuZ3p7kkIrhoVSXEU9MOwZamAFDXm5F86sxOWAEknCfqdcM2YMykGOdKC3SG7aTQU4lzXsmOh7NgAgB9fucm9B8CDKc0VTf/WCcGgwGvPukv+34JtKzb9Yyjua+Iv5F+KKm3XHWRUfErM2pzbxpTQH5lBaesPhqMYLAZAjAyFbhHrTnx/EgyZKasIgHFk0QgeP2u1b91mAKbmhpu/QusV+DsOsZ5rz7DiYwBkDOpr4i/kX4oaXPek7TpTqFwmRt52rrp3+vkGYIEQS57Fn7KjNGstrZh+I6JfYGsHecv1Dt1x0UYUh/0JukV227GaEAzPNsKoy3u2kxBctSPYtmNT/6xRJ/39FPnAUgkpqpD/rhYqG6dswZrfsnIe281QIPH+yyxKY38Q2Qqk5ARAkCrkrRI0M0qDBrZdtDawfnPFCIBPFhTMkXkAjOBFYpXk38r+wzE6ATCovzaJ1Hj9hfz3BflPMmK1tlRPALqdAyDjSBDfRW6WBgAcRRICJEgdKWRMWiUAwENnrMaRZSO+901maAbA5PP6RyUEt3qt7TiFAPUX+ZdKSHGTRP45wYXKGjEKt9FOhcPMoQqQjBxpi3T1h6MAiAEgSB1KdhmWdgAi3HrlFgTj3CYrHn/yyIL6jWPPfz0nBSow/wkAO/GZQrHapLu49Ar5l+IK+Z/bQsXLueBfc7tyECDef0Ga91ENW1E9m0YgSBUmzQIAYM+qMezYvKSBKJgVJukP72m8G6Cq908R5FNbZmzqnMuke9NiqYgUV8h/Two1EKe1pRa4wOlaF9K96qWkLWJQhk6sdUSO0hqSBCxIJSztoGi75Py2yzfBzPpvjsyzKwtKTWRBq7H+zRKC45QDMG8gvcu+kH8prpD/3mH+UJxK4/jaljqdnyDef0HKoTVrRRICJEgxpqwimBmT8wZx/3nr/Os6M8rMDQnBVTJBERt4wwlAsRgfA2AoXf2XOuIv5F+Q0I4dHYwTe7F8RJ06mQQQK/IvMzBebZES77/7HFsRyJSBJUitlcuMKbsMALj7/HWYGPO7yEua4VQ2kDCvvzcXIOoUwJ4cj019R1N0ApCqrY+lyN3bD8X7PxeFmh8rAyDvq4xKZeqTkH9BF0FUVpp1gWWoCVKMolWGozXsDOHOyzY3GNAFR1dOAage5x/4UNgpgJtEDOjJidjUdd5g8vsrdeuRkH8h/ykoVKxOACpOnWqFqFMWgIT+yGyK94LXybWzqIhRCm680tSCdC0dXLkhGHhy8xLsXbPAv5cAcMCgiITgqPsBQO5reyJGJwCDnPC+kn1LiizkP46I1QkAl3yESKXu/hNhYdInXV8/i4qZi1FVlSEoSAtKjoWy4wpe3frqzbA9JB4E5HVF/adJQnD1NaguO0cAnGIeOiaJwEPZmN3YOY2lNXVefyH/Qv5TUrBcBsga8agZa7OiAlSfZB25CVi8/zKj4r3odfZ5mgpKKRTa2cekCwRJh3sKwDi8cASPn7Xa954DoMzccNOXl2gQoeHCmerccGIVBpSc2ZrKtYWl2EL+01Ww+UPxqRk5E+5CzHUBw1lHAEnir6DP+oSJCwq6HgLU7mYtw1OQRNjaQb6i2X/HRRtRHMq5G0rl/RIDGlxLCK5tOJX/a5YQbMfIAFg6PxkZcalcR4T89y35TzOWzYvRmuJMVcZsXcCQUpMFLONb2mNuDFR2UFKM5icAYgwI0oS8VYJmRmnQwLaL1tcuAgNc8l9k+GRB3f9GJQRz5X+AnoqRATAa71mZWq+/kP++Jv+c4oItnR+j2tmTDaRoVjkAYlQK+tAIYYMKiliXOtE8YgwIkjGVGZOWO+QfPGMljiwZ8b1f5opficnn9W9MCPa8ZoY9ESMDYB7HtO3F6y9FF/KfxIItG41Rleypyj/qIUAzzgGQ0B+ZVf3aupqLijUXOt1lYgwI4oySXYalHYAIt7xyS8NYnWKuxPtTyDLEboAQM4jro908eig29VsyGq/2TvV6IORfyH8fFCxeJwAnKvVzQ4CUqosyCASpm91dWv80o6QMqFI3m06MAUEcMWm6du+eVWPYsWkJgPolYJoZ5crA9Xn9teOSkcqEZM/cNA8diE3dls0X4i+VS0fRhfzHo2CxCis0j1fGRsUAEO+/EG/BtEFQRQXG5FxuOmIQCOIASzso2m5C8I8v3ww7o3zvF5ihK+SfWdeOm8NkQXXMDICl82T5lsolv+hC/uOD5WNxSgKu3LtSNQCMGQ0uGUmC+PdLF8epaeopBTgnetW0YhAIeomqLOjkvAHcf/46d65VPPysNUpVjz95xmxgQlajUEsxMgAWjXDP7gJI/XwW8i/kv886OpcBFo7EKQQoYAAo6XIZwIJp29FMxxUcGo9Ll4sxIJhLaGZMmCUwA9vOXYuJeTnfiCxphg3UZEGpEiREHuIPuPaBeXB/bOplKGDVAu7J/E31niTkX8h/3NuzCwVbs4gRqxB7Z7IyTpzaejfNASYjSRD/funyOHUcHle6pI/FTQZLTgcEczW2irYJRzuwMwo/vWxzhXzUR13B0RVZUHcL1AA0Nz5T5/Nw8lOxqee6xcKLZY8W8i/kf/ZYvzhGdbTHAV3R/68ZADSdASaboMyuvofWgKP1cUWD+hhx/IeEGAWCbhiTDMaU7ebBP7V5KfauXejfb0CwK39czQmoPrguA+r+uxyjU4C1i3hO2rUvBo9sp0L++5ierF0Yo1pbhz0sxgIAKINkdgrS1S/d9v5rIKv1UWVb2ePEyewiMQgEnTAUS44F03E3kx+9cgtsAHVNIGBKuwnBoMANwBVBoOr2Yx6ITx5At04A+ma+sVRByH+C2rOLhYvTCQCXj3jGjLtSt30AIKE/MsMEtalgZdUxpXT+KGtOxdARo0DI/kwxaZcAMA4vHMFjZ62p7RUMwAFQ1vDL/7B/PyEQyof2xaZ9Ou2166s5xemYG0L+hfx3ZC1ZFJ/ak32sUmcHYA3DaPMOAAn9kRmWlHLMwVjVDsMo54+rXePGUeL0DikxCqQf24GtHeStMgDg9os2ojic8/H9UtXbHyD+ypMYXN6zMzZttmAYmD8sxL/fKpu04gv5j3fhFo4A84diVN3S/sq4qYT/KJJZKpB+ma4BANIriycdV7jxJpMdXexnMinTUfoGAPJ2GZo1SgMZbL9ovasIWp0wzCjoCvknz0GAh8AUdr4Qq/bcMAvPXd/NCwn5EfIv5L9xDVkcsxao5gBoN/zHMNoaaLK5yixLyqI4NwYA8yTdcJOjAIDAJ2QIinHQ7+3sTQh+8PRVOLZ0xLc+lZnhMEBM/huCmcEAzN07wY4Tm7Z+2Uoh/v1SYSH/0qZxWUO6N2YcwJ6o/Ns9AWgpARq7cSajSmZ776E1jwOAawCwOiIDYGakVYyE6bVV3FG0TVjahibCrZdtrl4ADFQIf75aiUrgqbdO2rJQ3r83NnU5eTlPu99kzZdqCPmXTq8ZAMt1fOpc2lu7kb2qAJTJKOk0GcgpaQqew1anwzUDAOwcldbvvpGQVJKV5rqFYcpyTwF2rl2IHScv9egBAQ4zSpXKhp0ClGIUBrRpGdBqf+xb4s9SDSH/CaUlc1S4jAI2L49RjH2p7lxhxwTAzU8AxNAUiBESCm2z1wDgQzII4kmo4/DTbzC1jZJjAgBuvXwTzIw/0LTEriwoEfllQQEUdsXHABjIMNaFxPD29cmVeP2F/Av5bwsblzKyRoxaw6yrrLE2YSiKVgCS0B+ZaclaHOf06xzWdQOALByWHhAI6pi0igAYk6ODuP/la33zUzOjzFxLCK4tZcwoxywR+OTljcS/r61u2TaF/Av5bwtxiv93DYAqTdEA2zAyJDNWIH0zA9gO6gaAwY4YAAIB/CR/shIKtP3cdZicP+B7v6QZNqoCoNWjNKAYNwNgBQvx53RVR8i/kP+5cR7oeLWB6UYqs3ZPZzNRNwBL6I/MtmQtkHP+dWx5cgBs4gOkpUMEAi+KtglHO7AzCj+9bJNvnjKAoqMriQD1hGDz8EHYkxOxqcNpK7m9i3JkjxE7Rsi/oAJFwOmrYlQgexxw8u6/nXLFAEgC+ZeRFd826c++0Qww4VDNAIBtHCAZpwJBYHmoy4I+uWUZXlq7qPYeAbABWJXLAmrRQMzIP/VYbOowbwjYuJj7rePE6y/kPz3t24MCbl7OGBmIURPkn6n/u3IC0NYdADKyBPFeJOf8Kx0H0HD21wyAXCazH46WzhAIAig5FkzHlZy7+ZWb4MCj/AMgr90QG3gSgqeeejxWdThnXR9tRCzVEfIv5H/Wa8bauC3EO+tN4pSRMajxFmAJ/ZEZJ8ZZWwYAqdy+mgFQsIsvSQiQQBCOSbsEgHF40QgeO2u1PyEYQFFrnyZo8eknY1X+s9f2QSelMNFByL+Qf3EaVFD0SIDqEjIZxJz8C58StFwoe2QAMLLlwoGaAbB3DQ4oN6dRIBAEYGsHecuNO73jog0oD2WBOt+HyQTNDIJ7ClB47ilo04xN+TctY8wbSGnnpJT4C/kX8t8rzB8CTlrKMRpTFmBX7iplC2CNjFcBSMh/glY2KUev4TCsZW+613MPwA03OZpxUAaoQBCOvF2GZo3CYBZbL16PSug/AECDUWB3HyIC2LJQfHFHbMquCDhjTQoXPalSrIi/kP90FPDstfFqISrsALQbosyVBOBsVvYkQZIX+t7NMe3QfiLougHg/uOA9IpAELUn1xOC7z9jFY4sG/G9bzLDcbcrMIB8zPIAzl0nkjjC+7pH/qWN01PA2K0VhRfrzeOUYBiAqkqbifdfZp70z/QMAK33enh/dWLpl2SQCgTRKNomLG2DSeHHl2+u7z3k/kx5flF4+olYlf389YyckfAOSDHxF/IvW38ckM0A562PV0txeU/AABDyL+Q/weXo8bi1HOxrMADI4r0sicACQVNMVS4He3HNQjx78lKfJJDDjFJlCuWffiJWG9RQDjgzqWFAKb7JLMnVEvKfvkKet44xmI1Zo5QP1P7NuoRspl8vNhEIZm97OBxyAgDoPVSJ40xSPKdAMJcwtY2S4yb43nr5JpiB22iKWkMDsE8cR3Hn87Eq+0UnJXBOp5j4C/mXIRS3Ql68OWbe/8LzgOM6XViXAdbIZkm8/zL7klmOHo9b2wEU692NBoBSuxE4ARBjQCBoxKRVBMCYGB3EfResbZQFZfdugImH7otVuc/bwBhIShiQeP2F/Av5n1NkM4zz1sesbabqoZTslGAowCAh/wLBTOA4DFjcaACQop3N7gIQY0AgqJB8ZkxWQoG2n7sOk/P9Gptl7WrqTj50f6zKPZQFzlob8/mbYuIv5F/aOs6FvGA9kDPilgD8vM8AEPUfWe0SW44YrJ22w4BSOxsMANssvKjazAFgCRUS9DmKtglHO7AzCj+9dJNvbjMzCraD/FOPwZmajFW5L94U0/naB8Q/6SE/Qv7TXciLN+t4NY8zCViHPa+LbviPdKIMbsGM4DjASMZ5scEA2PX73zlADkqz2RzEGBD0z/JWlwV9cvMyvLRmAcAMYgYBsAFYto2pxx6OVbnPXc8YzQkzlq1weuu7tHe6Czk8AJyzLmZtNPlYzWvK2gSxiaxB0omC5PVRTNZQ2+b82DV3H2swAEBgYn5p9vUUY0DQB8sKM4q2ibJjQRPj5ss3QcO/OU1pxnjM8gAGMjFJ9OsT4i/kXyhZEgp55ctiKBOcf7b2T+0UkMkQSASAZIAnbxGNTVEczbu8r5X3hbadXZ3ePMQgEKSF8IeN5WpC8MGlo/j5WatqNwQzAAfAofvviZ1ixWtO62F5+oD4p2ULFPLfP4V81SkxTKyt6P8zM2AXYib/KXxGJlvy4NjYGWkAEPACdfEuADEIBEkn/EHY2kHecmVBf3LxRuSHc9W55BoIR46guPvFWNVt3SLGSUvmeP71CfEX8i9tnjRsWc5YtyhmLVjcBdj5ev86ReRiE/8voy3+bSOhPw3kXwMO0YvRBgDjeczhZWBiEAiSRvjDkLdKYGaUBjLYfuG62ikAAGgwDv/srtjV99WnCvGXqgr5l4ICrz41fgXjiYc963IJimwYSvYpGeCCmcKyNAx2nos0AGBjB/XwNmAxCARJHGuMuizoA2euxtFlI7739931k9jV/5LNGkMZYcOy9TXOCWn3/inoQDZ+l38BAIrP1MYi2wUMDCjpSEGy+ihma6njAA7h2UgDwB5RTykdn0IHSZoYBYK4GpdFuwxL29BE+NFlm8HshgERgMKe3ZjaFa8woMGsawQI8ZfqVueHbPP9V9ArtjAGMzErVGknuHzcQ0ymMBCL8B/hH9I2yYVlA5wbeCbSANj90NM7lAMrSUROjAJBXMbIlOmeAuxcuxDPnbzU996hu34au3a69mzunKpGnxH/NG15Qv77s6BEwHVn6/g12fgDnlcOiEsxCP8RniETblqLauxaxrG0ufbo4p2RBgC++KDFtt4vhE+Q1H7vZd+b2kbJce3nmy/fDDNT19U7eNdtsWu/lWPAeetm2V59SvyF/AsVS3pBL9jAWDEWw2bzyH+ynY9R+I9AjKPkwtbYTTfc5EQbAADAelca+jNu5FDQH0bepFkAwJgYHcB9F6yrOQKK+/dh8sXnYlfea8+coQewD4l/mra6pK6HQv47V7w3xtH7X3gOsMb9BkDPw3+ENySjbcT736xIts07g78PMQDwgkoxURbDIHl9k6T+0cyYssoAgO3nrsXUvMHae4fujF8Y0KmrgM1Lp9G+fUz8xesv23tayP/mZYyTV8SwcJOPeFdTKBR6HP4j3EAmXfJh2wwY6oWWBgARPQWn/xqzGfkUA0HaeDooWGU42oGZVfjx5SfVHAIHt/40lt6Ba89qo0xC/IX8y/aeCvIPANefy/Es3VQ9R5GdAgaysvfKYE/UAhvLYpk2Q2n9ZEsDAI5+XDlaOnKa5LXfjQRpH++yyJiqyII+sWUZ9q5bCAAoHdyP8acej115X76RsWweR7PfPh3anMI5Kv0g5H/lGPDyDTEMU8g/BbYn6q+tSQzkpENlsCekLDFeX20b0I5+rKUBYGXwMGwxALpFguNOjNNQhzig5FgwHRsAcPNlm+BU7gZ+6ZYfxK6shgLefB43Ev8+3to4heuS9IOQfwB42wW6c+pfncSJezwvNAxVgOpZQWVPE6QHpsUwSkZrA2DPe7+xjzQflyaLP+nuxo+gc5i0igAYB5eO4tGzV4EZOLTtDliTk7Er6xUnM1aOyb4nXn/phzQXds1C4NI4Xvxl590E4GqTOkUM5Vg6VAZ8MsoS83XWtvnQyhu2Hm5pAAAAaXpO5oBAMMtJpx0UbFcW9LaLNqIwnIMul2IpCaoIeMt5/Xvyl8ZDDyH/UthgEd/+8nh6/3l8O6A9CoXOBLIGQSAQQ2120JrhaHomdN8P3zj0M0q8wQLBrDFlFsHMKA1ksO1CVxb0pZv/M5ZlvWQzY+1iIf5pIP5C/qWwwSKuWwRcuDGeheaJR72UBTmV75GhIrxH2mfaC26si2c7AAx+um0DgKCelDwAgaATyyVjspIQ/MCZq3F02QjyO5/H5I6nY1dW6rNTgDRuZUkO4xPy390i3vCKmHr/izsAsx6doO1JDOZIOlUGvfRVB2BZDCNEASjSAGBHP64caWCBoBMo2mXY2oEmws2XbQGYYpkMDACvOImxfnG6535ac5yF/Etho4q4aSnjgg0xLfiJe30vs5jsgfa/8B3BjBbd2BfRtBisncfbNgDKXHiE5ARAIOgYJs0iAGDn2gV4dstSHLzjNjjFYuzKSQB+9TKNNEbfppn4C/mXwkYVkQD8yiXxnNPslMBTT3vKbiJnlGTDkIEf/7IkZM01LUbG4cfaNgD2ffB7e5TNR2XQCwQdmoTaRslxE4JvvXwTyqaJ/bfdHMuyvmyFezeAEP9kkH+hFVLYZkW8dAvjlJUxLfDxrYC26saKPYlchqRjZeBLX3UIjoUDy6+/92DbBgAAaOInSUtjCwSdwpTpyoIenzeIe1++Bru/+y2wV/kiRviVSxjZTPLnf5pXsKR7/YX8d7+IAxngnRfGNPFXO8D4/b4aDKjJOc5TEI4jmNHim4hiWhbDAUfePtok0o5+LmFAAkEHLXHWmLLKAICt56/HwcIxHLl7WyzLumiUce1ZQjDjSvwl5EcK3E4R33QOY8loTCsw+QDYHq+/1gUMZmzpWBn80l8dgmkzstnMI9M2AAj6YUkEFgg6i4JVhqMdWBmFn16+CTtv+npsy3r9OYyFI0L840b+hU5Igdsp4qJhxpvOjW8F+Pjdvtc5jIOUaP/L4I/9IpwcA8BkaG0/NG0DwM4Z95AjJwACQWeXVMZURRb0ic3L8GTpAMafeiyWZR3MAu+6UCekXdNP/IX8S4Gng1+5jJEzYhr+k38KKO/3/MbCQKYonSuQ/uogLBvQlLl/2gbA7vd87Smy9JQ0oUDQWZQcC6Zjgwm4+YrN2Pndb8W2rJduYZy7PsZexD7YGpglF0MKPL1inruOcfFJMa7E8a2+lxlMzKH0p5DJZLVRjMqSsLXYNPXEmqvveH7aBgAIDMbTkggsEHQek5abEHxwyShuz7+Awr69sS3rf7+UMZCVLaoXxD8NXn8h/3NbzKEs8D+ujHElzP3g/AueX2gM0IR0rkyAuC/IiSquZTOI1ONE0R3a1OZmQxKBBYJuwNYOCrYJZuCWC9fhhR98J7ZlXTKPccMF8VkHxOsvNELIfzTedZHGopEYn9od+amvBgZPIWsIzxCIMdJRO9tiwOCfN/tM80M3rR8mW0sXCAQdJK7Vn0mzCAajOJDDN/NPoHTkUGzLfs2ZjJNXcCzaL/XjRMi/FHqGxdyyjPG602JcEesIeMqvSjioTkgHyySId1kSuCaXTQZrPDxjA4DYuK96AsB9tAELBN0g/WHvPi3RlAAAgABJREFUuaFAwM9OXYbHf/DN2NaDCPi1yzQMQ4h/N4m/kH8p9EyLmTGA97xSz7GO/jTLf/iHANe9/QYKyBqWdLBMAkGHYZqMgYxx/4wNgBdObHkQDueD1g+LQSAQtCT87cyNom3CZgcOKfwdvYDigX2xrdu6xcBbz+M5b8u+GDfMqRn/UujeFPOGlzPWLoozIzkAnnrK96sh44R0sCDefZbAtVlrhm1jaunr7nh0xgYAbrxRE6nHyOaOkh6BIK2kfyaYNAsAgOdWzMc9t3831nW9/lyNU1bxnLRnvxD/tHj9hfz3rpinrgTedHa84+j58M1+778qIUNFCGQixHiBTmSxTYsBooeJoGduAAAA6fvVNBOBxSAQ9Avh78T4NrWDkjYBAH+b24P83t2xrTsR8LuvZowMCInsBPkX6iAFn20xRwaA331NvEN/XOWfZ32/GqTj0skyEaTPuoCyychk1L2tPtfSACCoWV8IJgaBQAh/c0yZrizo0dEB3Hr/D2PdHotGGL95he54+/YT8RfyLwXvVDF/4wqNJaPxrpA+/F8+73/GMJGlgnSyIL59luA12rQALpv3zNoAsODcoWzueBeLQSBIAtmfq/HpMCNvlwEAfzf4EsZ3vRDrdnrFSYxLt3BH2lqIv2zVcz7BU9K+rzqFccmmeFeIS7uBqed8v+u+8o8wC2mn/oVpMRvsbJu1AbDnvd/Yx1q/1M0LwXpFugSCOI27vFWCww7KSuFbT94a+7b7tcs0ls2feXv31ThLGfGXeP/eF3XFGPCrlyVAP//ID301yhoWMjwlHS0TIr7lSfB6bdkMaOxafv29B2dtAAAAER4mS8/5UBCjQNBPY4oBTFVkQb+u9mPfkw/Huj2HcsAHrtbIZbjttu+7MSdefyl4F4o6kGF88GoHg5mY1yX/ODj/opdLYChzXHZ0gZD/LsE0GVB4oJ3PtmUAKI37DEfHYoiIUSBI81gpOTZMbYEBfOrFH4MdJ9blXbeI8T+uZCH+EeRftmgpeDeK+htXMtYtinldtA0+dLPfcMlaUM6kdLZMCkGXUDYZBH1vO59tywBwMtg61ycAYhQIZtr/SR8D7uVgjAcyeTz6wE9iX95LNjOuPoOF+HuIv4T8CM/pVlGvO5txxZYEVOzYTwDzSJ1sGMAAjklny6SIb3lSsG6XyhpMme0dMwB28vjd0FykBCVPpZEYCtHvj/60tUbRcWVBb5x8oJS3S1bcy/zuizVOWSXzTLz+UvhuFvVlKxjvvij+cf9T5bzjHL+35P3dYKYM0lPS2QLpt25xBwfQmvIHdk91LgQI77u5DKJHyHRSMdzEOJC+if0GahXBYBx3yoNffu4n2biXN6OA977awcLh/iX+Qv6l8N0s6qIR4INXaxgU/zod2fMDQ3FpsLY+ZAi5rnn/ZfeWturIIp74KpTKGgDuv+A9D7blNFTtPti2nZ/FIQ+gVwRUpk1321ba1w/N9YTg7+95AC9MHIh9mReOAB96vcZApn96M63EX8h/vIqayzA+dLXG2FD867Tn+F6sJb/s51CmCDiF/u5smRjxLU9K1nDTjf/f2u7n2zYAFOEncc0DiBOJ7ScyK+3RXRRsEzY7sLXG55+9JRFlPmkJ432vZSjqg/HPnMo5LZZLvNpaEfC+1zI2LUtG5QaOfB/e6Z/LAoY+Igu6zGwx3LqMUlkDmu/ouAGwi/UdSnOZpN86To7nikDHsUyC5pg0CwAYDxx9AT966eFElPm89Yxfuzy9IySNXv9UkP+UFvdXL9V4+YZkVPCRF7ZhiTpWq6VSwJAxCeiydLogrgt6KqphO4CjqWTNy/2s4wYAPnBTUQOPpyEPoF8NCkHyYGoHU7abS/f5Z36EY+XJRJT7NadqvP7MlIXGpJj4C/mPZ3HfdE6jwlZccSw/gS32XZVKlgHWGBwAyDkmnS4TJJ7lSdF6XiprKMKDG191R6nzBgAAEG1Pex6AQBA3FKwyHHYwYZXwuWduSUy5f/lijQs2JH+BTSvxTwWNSjH5v/AkxrsuTM5+u2PHtzBkVMxJx3QTf6kAsC2jViaI9F2XYZoMw1Dbp/M30zIA2OHb5QRAIJj7JXPCdBPofrL/MWw99FQiyk0E/N5rNc5ek9xFP63EX8h/vIt7xmrGe1+jQQnJpbl7xyM4b/gl94UugYgxPATAOiKjVhDXxT1V1SmZDNsxb++aAaDK9u0EOOTIJBQI5tS61w5K2r0b4G+fvhkFu5yIcmcM4ANXM05ZmTzin2avv5D/+Bb35OWMP3i9RtZIRt2KVhnzJn4Aw8gAsABtYWiAoOwTAFv92+kySaT/5giWxXActrKZeVun83fTMgBe+OhN48z8qLLkFEAgmGtMme4NwQeL4/jycz9JTLlzGcaHr3GwcUn8N4A0E/9UbMEJtF6mU9z1ixgfvU5jIJOc+t10z004daxSS6fkhv5kHcA+BoHM9FiWJ2VrfLGsQaweXHH1rfmuGQAAoAzjp2SLJScQzDUcZkxW7gb43u778djxXYkp+3AO+Oi1GmsWCfEX3tw/1st0irxqAfDHb9QYySWnfg/vehqvGn0CRArQZRAYw4MEWMcA1v3d+TJR4rrYp65K5TJAhp62V3DaBoClrR8ZliNjTCDoAQq2CVNbcFjjzx//DvJ2KTFlnz8E/NG1DlbMF+IvdEDIvxcrxoA/eZOTiIu+qsiXi7jv8X/D6vmjADSgy27oD8qAPS4jWCD9NwfQmlE2GYoyP+q6AbD78efvZPAU2aIGJBD0Au4pAGNf4QT++ukfJqrsC0eAP7newdrF8SD/ad92hfzHv8irFwIff5ODhcPJquP/u+1f8K6NFR7gFJHNEHI56nDir5DHZLeXhP50G6bJYKLxlZNL7+66AYAvPmhpTfcYYgAIBD2BrXXtboBbXvo5bt3/82QZAcPAn7zR6dnNpuL1l4rEpcgblzD+9HoHi0aSVcdbn7wHZ2eewsjAIMBlKHIwNAjAmQKcgoximSwxbJ50tk+xzFDEW+mGm6adnKtm8oVk8G0kicACQc+Qt8qwtA0G47NP/gAHCscTVf7RAeCPrtM4ecXcLcr9QPxTQwMSenwxnSKfshL4+PUa8waTVccDk8fwT1u/ies2LgSgAcfE0CBBKQDmERnFMuulD+cQ5TJDMd82k7+dkQFg28YPlcMg6V+BYI6X1Pr/xq0CAMaUXcb/efw7cDhZp3LDOeCPrmOcubq7C0k/EX8J+UlGsU9bxfjD6xwMZZNVR82M//P9L+GDZxqu7KdTxEAOyGYIsE50SPZTiIVM4o5vAqlsZdsBLJvhZNWMYoFnZADs/cDXHtPMLym5FEwgmFPS75v82sGk6YYCPXZ8F77+4rbE1W0gw/jQNRov39j5BbpfiH+qKFNCvf7TveH3j9+gMZhJXl3/Ydt/wpraiXOWjQHaDf0ZHCD3tt+OyH4K+Zc2E/LfLkolDUXYtfaqu3bMmQFQadWtZEkegEDQTcLPLRb3glOG6bhet395/g48cWJP4uqbywDvv0rjred3Zj3pN+Iv5D85Rb72TMb7X6eRUcmr6893P4Nv3H8r/tfLx0DEIC5jZFi5txV3XPZTkNxJIwbJXKFYYiBDP53p3894GSKVvVnkQAWCzpP+6WLCKoKZYWobH//5N3G8PJm4+hOAt13A+M0rGcYMV6V+Iv6p2mb7IN5fEfDrl2v8t0u1S5gThiOTx/Gn3/8irlqjsHr+PMApYGiQ3LmqOyX7KWRCyH+ni5PeMVWV/wToRzN9xswNgEL5ewQylagBCQSzIvw8y0XTYY0J01XeOFyawMd/fhNsnczwvFefovHhazQGpxEb3Y/EX7z+ySn2QIbxoas1rjo9mZW1HRsf/88v4kQpj/95xgJAFzGQBXLZiiVjHhbyLxDyP8comQADpdyAmrEW+IwNgBc+etO4Zn2/EjUggWDapL/ji4G2ULTLAICfH9+JL+74cWLb6ey1jP/1Rt1SF12Iv/CFuBd70QjwiV9gnL8huT332dv+DU/sewHvO2MQIzkDGWW7cf+AK/upi0L+ZfII5toAKGmQwvZlr7pjas4NAABQWv9ImXICIBC0Ivw8Bwv2pFWqef6/tfNu/Hj/o4ltu01LGX/+Ngenr+K+J/6p2+4TbMlMp9inrgT+7K0ONixObu/9+Kl78YPHtmNsQOG6jWNQXMLwICphTNwB2U8hsuloM/H+zzWKZQaxM6ubQGdlADgjw9+G1iBbTgEEgrkm/GHfX5UGZTA++eR/4rmJA4ltz7Eh4A+v03jj2bqvib94/ZNX9NeeqvGxBN7u68Xzh/fi0z/+GpiBPzl/BAZMjAwBSlW8/7OW/RTyL+RfyP9MUDYZ2mHowcHv9cwA2Pmef3qageeVpXtOfgSCfiP8YbC1g/GyeyRftE18/NFvYtIqJraNDQW86yLG775aYyDTb+NLKpS0og9kgN9+tXaT2Sm59c2Xi/j49/4OhXIZLxsjnLN0AEMDDKNaqVnLfgpHEAhmilKZAaKn1r3mp8/3zAAAAA38mELuA+CQ/wkEQvjnYHHQJgqWez/A3vxRfCLBScFVXLqF8YlfYCwf6w/iL+Q/eUVfMQb8n7c4uPLkZPee7Tj4+Pe+iL3HDwMg/PEFwxjIOBjIeSwa6+gsZD+FC6Sn3cT73wsUixoZAz+a7XNmbQAoQ/+HchjkcBtDRQwCQTLJftLG66Rdqt0PcN/R5/DJJ/8z8X2yfjHjL96m8ZpTOaVjLqXEn9Nf9CtOZvzl2x2sW5T8Lvt/t/4rHtj1JADgmrWEjWNZDA16yL8uA/aEkH8h/0L+e2Gg2wzLZpCB7832WbM2AHYu59uYMT6TW4HllEAgZL97GLcK0BUv3Q9fehhfe2Fr4us0lAV+80rG+69ijA7K9i6V6m3Rh3PAe1+j8TuvTubNvkH8w/bv40eP311hB4zfPTOHoVrSbwUzlv2U/V3Iv2C2KJQYIDq24sSKbT03AHDDTY4ivn0mBoAYBQIh+92DZsa4Wagt1l9+7jb89MDjqajbhScx/uJtjNNWJX9rF/KfzKKfvJzxV2/XuGxLOnrw5ifvxlfvcUVFmBi/e4rGioVD9aRfoEOynwIh2p1upv5pp0JRQyn8mG64adakuzMXkqvst5XDIM1dmgIshoFAxswMYGq7lhSsmfGXj38XPz++KxV1WzLq3hfwjguBjEriGE0pX0k5+c8YbmL6J96ssXReOnrx0Zd24NO3fg1auyeGOSrjnWcugPK5/mcj+yn7tRglQv5nC8tmWBZD2c5NHaHunXhIaWD8u0woqLIzx8NQSJ4sRTIGWs5PbSJfSQouORY+9si/YVf+SCrqpgh487kaf/ZWjS3LhSMLL+hu8U9ezviLtzq4/hztD4tJMHYfP4iP/ccXYFpuzlDBKuOTlwxjKBu4jnvGsp+yHqdnQklf9hKFogYR5Z0S/7ATzzM68ZDJHzxrLbz2jEvAOFkPGLFuQALJKEogyRfMDqa2kVUKGWWg7Fh48OjzeOXy0zGUyaWifmPDwKtOYSwaITy1D7B1HMex8JSkViGXYbzjFcBvvVJjbDg9XXc4P44PfetTODLlJvWajo11Y2X84UXLQV4Lh23APDCDzpa1W8h/N4vUX+PrxIQGE/9g7Zt/9rVOPK9jB+ca+I6yddfCgDpJJpv9TxC/fhF0BuNmEZa2AQC780fwgQf+CSfMfGrqRwS85jSNT75D4+Ub47VtCvmPb/FbVeHcdYzPvJPxphR5/QFgvDiFD3/709h34ijADFvbOG4X8cVXL/aTf2CGsp+ydourQMh/p1AN/yHg2516ZscMAKPg/DuISp1KBo6rgSCEtPPtKW06d31xwszDqdwJ8OLUIfzBg19F3i6lqp6LRoAPXq3xu69hLBqVrVwqN7PiLxph/P5VGh+9VmPxSLp6cqpcwPu/+xnsPOzeFO5A47hdwDtPyWDdWGDSzEj2U9b0dE0q6c9eo1jSAFDMDma+3zHe3qkHHb/tyfLY609/JTGdFPcwoF4gDaFHQtTTsb2UtY0hIwciwtHyJB45vhOvXnkmsipd83bdYuB1pwFDOcKOg3MbFiTEP7lVGMgA152l8YGrGRsWp6/7SraJD33/b/DsS7sBBjRrjJsF6AzjW69bgoFMIPa/fMANAZLRL0ZJbIrUf2Ps+LgGlPrRytfd+c+demZHtTOItBsG5MgCEEaek/4/QTrgsMZxcwpcWUSfOLEHf/TQV1F2rNTVNZdxQzc++Q7G5Sej62Z4qsN9+oD8n7ee8cl3aLz7IsZAJn3dZ9o2PvrDL+CJvS8AmsHQGDenUFaMP3/5COYPBhIcpi37KftEuiaXkP84oBr+A83f6eRzO2oADKqhbxGRZSQ8DEggSP2Coh3fHQEPHduJGx/9Fmydzrm7eITxO6/W+JPrNTYtFeLfrxWMqsKmpYxPvNnBR16vsXQ0nT1pawcfu/VLeGjPMyCbAQJOmAWUFGPpsMI7Tl7Y2FrTkv0U8t/XlrWQ/66hUGSAqGyZxn908rkdPfM/8sOfF8euOePVpHmDM5iRwSoQxBgOaziaMVg58t+TP4o9+SO4bNmpUKRSWeel84DXnMY4ZQWw+yjhRAfuNEr9lpRi4r92EfDrl2v8yqWMJaPp7ULbsfEnt3wJP9v5OMhmkAbGzTyK5AAgfPXK+Vi/IOD9t064JwAyC/p0gkmfxgXHTzhg0I/Xv+nOr3TyuR1n6Q7pb2a0eqWyNXRGSc8JBDFGSZsgkzA/NwQAuP3gEyg8YuITZ78Dg0Y2tfU+Yw3jz9/OeGgn4Zv3EXYfk+0xrRUMq8bqhcD152pcsYVTpewTBtO28ce3/D3u3fUkSAPkMCbtEgpw4/rPWaxw0eqxQKPZgH1MZoKQ/xgVqT/HWdlk2A5DZfnfOv3sji99m//63fNt7RzQA8aQPZKV+S0QJABDxgDm54ZquR5nL9yAvzzvlzCcGUh93TUDW58lfPchwoFxoTtpJv8rx4C3XaBx6eb0E38AKFplfPS/voCH9+0AAChTY7JcxJQu1yjAvb+wuFH5xzzYpvKPkP/0TTQh/3HCsXEHhQLnDS4sW/XGBwudfHbHZT+O3fxYeeHrT7+QHLzMGcxA7t0SCOIPS9tgADnDPRQ8WDqBR47vxJUrTkdOpTucjwjYsAS4+gzGSUuBI1OEo1N9THVSSP5PWsJ450WM91ypsX4x+oL8580iPvz9v8XPDzzvjnPNmCqVMMVmjfy/e0sGb9+yJGARlwHzkJB/mWiCGNg9x8c1SPF/rL7u3o6fAHRlZyfK/hu0/UZlOdA5kQQVCOK5uPg3oLzl3gcwmh0EADx+Yjd+776v4P9d8KtYmBtJfXsQAedvYJy/gfHCEcLNjxK27wD6RtQsZcSfyL3E67ozGWes6S+yNV6awge//7d49vCe+vwulV3Pf2XeG4rx8fMWNf6xeVjIa99ONvH+xwmlMkM7DCPDX+vG87vjB7nx7bkNY8YhHlBj1mhO5rpAEFPSH4aR7GDNCACADaPL8Mnz/huWDs3vu/bafwL4r0cJ23YQilaaB0Z6qjGUBS7fwrjubI0VY/03xw/nx/HB//wsdh4/WPtdwS5hslD0kCnCX104jF8+NSCJ5UwB5f1C/oX8C/mPAY4ed1Ao8bFDLxVWXPCeBzu+A3XtIHT9Z9/xNcV4V3nhQH+ctwoECSb9QQxnBjCvkhgMAGuHl+Avz/8lrBle3JdtaNrAQ7sItz0FPLY3RetZivbXjUsYrz0duGyLTqWGfzt48fh+/OF//S32TZyodfAkl1GYKlakXN0OXzps4MG3rkTWyPgHQ3Fni0u/hPwL+RfyPxfQmrHvoAMY6strX3/nb3bjO7q3TCr+Khx6l2FqOHIzsEAQe9LvRcF2kwSrRsCewhH8z3v+Hp84+504d/HGvmvPXAa4aBPjok3AS8cYdzxLuONpwkRJuEgvMZQDLtmk8bozgA2L+5swPPLSM/jYrV/GeLGSJ0iMCbZQLJd85B8gfPHSeQHyD1f2U8i/TDhBLFAoMpgZWUN/tVvf0T1X1o03qg0Ln97HhlpuzZcwIIEgzoQ/kmBlBmoSoQAwYGTxodPehKtXndP3bV49FfjZc8AjewhlW3jIXCCbYZy/HrhkM+PcdYys+Jfwo2fuxafu/DpKdmUQKmBcl1G0y6Ci4zMAzlls4IdvWAPynsyzDZR2AayFvPbdxBPvfxxx4LAN2+aX1ly3bS1Rdzqpe0vnHXfw2DVnrFeaX8E5A6wkDEggSALp98LWDhztYDDjGvEOa2w79DRs1jh/8Ul93f6GAtYsAi7eDFx7FmPLMsAg4MAE4OgYrncJ3lOzGeCctYxfOJ/xP1/FuGwLY/VCtw/6HV996Ef4m+3fhuXUyftxLqHomFBlDWj4vP//+frFGBsMOOWsw4AuCfkX8i/kPwawLMbEpEY2Z/z9vM27ftyt7+lqpKSjjS8qw/kdVXZID8vNwAJBEkh/ECXHgi5NYcHAKIgABuNfX7gDR8rj+PBp1yOjxAU7kKkqCAG/ZgIP7gIe3uXmC4zHIUwogXvq/CHgrLWM89YxztvAkMvlG43z/3vnV/Gjp+6rneWzIhzTRZiOCWJ2Jaw85P/dWzJYOz+g6KXLTTT/hYwJ+RfMNaYKGiCw1uor3fyerrupNnzmHQ+B6FxzwYDcCSAQJIDwRyGrDCwcmOfL6b9wyRbcePYNGMkMSmeF9h/w4hHC4y8Bj+4FntpHsLXs8WFQBKxfwjhzDeP8dYyXrZTxE4WJ0hQ+dutX8MjeZwFyxxkbhKO6AMt2xUJUUbu33NVkP4Gn3r4c84aGAhb+XkAXhSAK+Y/Hgil7BvYdsgHQ3WuuveuSbn5X930qiv6FNJ+rbA2dlfNagSBJpN8LSzs4WprAgoFRZJQ7l+89sgO/efff40/PvgFb5gtjC4IIOGmpe8HYm84BJkuMJ/cBzxwgPHvANQ66ZhDEfC/NKGDjUsbJK4GXLWecvooxMiBjphWeO7oXH7/lS9h74ojrVCOGkyEcNfNw2HHHne0n/wDhL18x3Ej+nSkh/2J9C/mPEYoV7X+VoX/u+v7U7S846S/ePqaHjH06Ywzb87LSuwJBQgh/9KJBWDgw4lMRGcrk8OHTrsdrV54lHToNmDZhxyHGswcIzxwAXjxMOFFMJ+9YMOwaQyevAF62XGPTckDuiZwebttxHz5557+hYJluPxtAyWCcKOWhUSH8DKhA4u/SYQMPvmUlspl2ZD+FiKWb/Evcf5xx+KiDclkXBhfyiqWXbZ9MtAEAABs/+4vfBtNbzYWDYAkDEgjhT3wdCIT5uaFacnD1d9evfTnee8q1yEpewIwxVQb2HgP2HifsPe4aBS8cYZg2JWJfzyhgxQJXl3/tImD1QsZJSxkLh6VvZwrbsfG57f+O7z6xFQyX5HOGUCAbE+Wiu6aQS6SUpQHT7/3/7uvGcNHqBf6HWscA66iQ/74yACT0J97zHNh/0AJl6KtrX7/1l7u+Vs9J32bUl8nit6qiBWdYTgEEQviTv70xxs0CbNa1W4MZjP/Ycx+emzyIT5x9A5YMzpfOnwFGB4BTVgKnrORaa2sGjuWBQxOMw5OEQ5PA4Qng8BTh0DhjvESw5kiGNJsB5g8yls8nLJnHWD4PWDqfsXSUsXyMsHCEJd2rgziWH8fHf/wVPLr/hfr8yypMwsRUuQAw1cg/MQDLT/7PWWzgwlWBK5HZBuzjQv6F/Av5jxHyBTceNGPgy3PxfTRH4442fOYXd8FQa80xSQYWCOFPEwaMLMZyI77k4KUDY/jEOb+I0xeslQExR2PNdAiTJWCyCIyXgKkSMFlyw4wcDRQt97Mli+BoRpWmExiGIgxm3feHsgRDAbkMY94gMG8ImD/g/nfeIJAzZMOeKzy89xl84qf/hGP5SiQAaehsBifsAkpWuU7+K0RKlXRA+UfhvrcsblT+MQ8GlH+kT4X8C/nvdVPsP2RBO3hxzRu2beqW9r8XcyOsRmB8hr5Omj8iycACIfzpQtmxcKw8iQW5ERiV5ODD5XG89/6v4J0bLsevbX4VDJI53+1xlzMYi0eAxSOtNn8O+T0LGYwRNGt8/aFb8E8P/AiWdhN7YQB2JoPjpSnYbMPnSWMOkf1U+JWTc23Ifkp/p5v8x5jxCmoolhmOAxDxv84F+XdXiDmCWXI+TwTbKNnS04JEk67gj8DVJD9amoTp2L7f/esLd+D37vtHHCqekEbq8BgUpBP7J4/id7/7SXzpvv+qkH8GDyiUMoyjxXHYbLv9z6iF/gAAlbxjgmAojY+dtyBkMz4spLWvyL/0cRIwldcAwRp08Pdz9Z1zlqk3eduT4/OvOe0S0tjsZJUr+iwQxJxoCaaHkmOCQMh5FIIOlk7gv156CIsH5olUqIxHQRPc/My9+F83/x1emjha5fHQwxnkHRMTxTyYquOAau8Druwn2VXvPwEg/L+LhnH+ikDsvzPlif2X8STkv2eLmQwbDyybMT7hQBn0XyvfuO1Lc/W9c3q3oob6ggFcY5gObKPRACASo0Ag5CrxngyrCNOxMDYwAlWZ03m7jD9//Du4/+hz+OBpb5SLw2RsCjzIm0V8+q5v4Mc7Hqz3e4bg5BTGywWYVrmR11W9/wyQWU/6BYClI4QbNi1sJIM177+MKSH/Qv5js2fm3eRfre3Pz+X30hyPR1r/2Xe8AKIN5lgWaJPwi2EgEEKVPCgiLMj57wsAgNVDi/GHZ/wCzlq0XhpJxmrf44HdT+Ov7vxXHJwar2x4DB7IwITGidIUtHZqhN8N/fF4/2uyn/Ap//zH1fNx4coF/i+qyX7KmBLyL+Q/LtCase+QAzA/v+a6bVvmKv4fmMMcgMq6xMT6n4kZhqWnMWZYYq8FMyJPMm56uLAx41h5CvmA9/Kl4lG874Gv4M8f+w7ydkkaqsnYFaQXJauMz9z1DfzBDz+Hg3mX/HOWwEMZTDkmjhUnXPIfvpd6ZD/95P/sxQqvWBEm+3lMyL9AyH/MUCwxWDOI+StzSf6BOQ4BAgAi4wsAf1SVnAFnltdARm2QcmLQX0RJEG9UQ4Lm54ZrKkGaGTfvexj3HXkO7z319Xj1ijOloWQ89w3ufOEh/PW2b+NIYaJG6HnAgKOA8VIepm155D3h9/57E39NbuD0X7pyYeMeaB0BWEvDd26mStkEHcFkXgNEJaNAX57r757z6zpP/Ojx/IJrzjiXGKfqjAKMuSfrYiAIKRLMLRzWKNomDFLIKKPmDCo4Ju448ASem9yPcxZtxHBmQMa4ILU4XpzEJ+/8Or5y/w9RqJyMcYbAgxmUtI0TpUnYjuOL768H6npCfwggZlDZf+nXL508gLdtDsT+6zJgHpLGF/LfywVOhk0ISmWNySkNZdC3V79567/M9fdnejIWBuhzVOa3GGUbdjYXu81WDAQhPoLOQ4Nxwixg0LEwlh325QBtPfg0Hjm2E7+x5bV4y7oLZQ4IUtfHP3r2Xnz+7n/HRKlYI/J60IAmYKKUR9k2I/mbz/tf+RAF8oINpfHx80Nu3xbyL+RfyH8sMZl320aR8blefH/PmO76z/zikwQ61RzLgRMsCSrGgpAawfS3JUWE+bkhDKhGB8D5i0/Ce095PTbNWyFzRJB4PHNoF/5m+7fx2MEXK5sGg7MZcIZgahvjxTw0sztTAuo+DYm/yn2PrEbv/ycvHsK7XrbU/+XOJFDeL50g5F/If8xg2YwDh2yQwuNrr9vWkxjYTM9qr/TnoY2/MUo27OFs327icTUghJwIurkdaWacKBcwaDSeBjx49AX8xt1/h9etOAvvednrsHhgnhB/QeJwvDiJL933PdzyzH2wtRt/zxkCshk4BEyaBZTMsn/SUARpIjTKfnrIf2vZT4GQf0GcUJX+JIW/6VUZesc+b3zl4PoFK/YQ0RJzfjbRpwACgWDmW1Gz04B52UHcsP4SvOuky5FTmWS3jRD/voDt2Pj3J+/EVx+6BRPFQnWQQw8YgCKUHRsTpUlo7dXub+L9B3kSghnKYiDg/f/e1WN4xcqA8o91tCL7KUg3wRbvf9KgNWP/IQfMOGqPGGs2vuqOnsjhGT1rgTt22ouuPXM5mC9hA+CMklEhEPTh9sgASo4Fm23klAGi+lpgahsPH3sRPz3wOJYPjmH96FIh/oLYYvuLj+FjP/4SbtvxIMqWBSiAcwZ4wIAGY8IsYqpcAAdnTZD8AxWRbr/mP2k0hP68YpnCB89d6j9NZhswD0C8w0L+hfzHD5N5jVKJoRR/dv1VW2/pVTl66nZf+zfvWJVx8IImDJhjAz0ujUAg6PW2QyCMZAcwkhkIXZ4uXLYZ79l8FbbMXynEXxAbPHXwRfz9/d/Hwy89W5shnDXcWH9iFMwy8uVihfg3Snc2GAAqXPZTlRiw/QbAA29ZjNXzR/zPMw8A9oR0jJB/If8xbJ79hyw4DptDGhuXXr99X18aAACw/rPvuIkYb7NGstA5OQUQCGS7ATJKYX52CFnVmB+kiHDpslPwm1teg42jy4X8C3qGHUf34l8f/BG27XoMjtZugm/GAGcJIILlaIyXpuD4LvSqGgARoT/KE/rjeY80gwqNsp//95LAHNBloLRLOkfIv5D/GCJf1Dh23AYpfH3tddvf3cuy9D6oVtOnQPw2o2xD53IyOgQC2Wpga41j5TwGjQzmZYegqB6tqJmx9eBT2H7oaVyy7GX4rS1XxSY0SIh/f2D3iUP4l4duxu3PPwS7esFWhsADGTAAzRoTpWJF2pNDyD/85B9odMcFkoL9sp8ksp9C/gUJxOSUu14YyH6612WJRdDNus/ecK9i9QpzNAvOyimAQCBbjHeRIgxmspifGfKpBVWRVQauXH46fn3zq7FmZLEQf0HX8NLEEfzDA9/HHS88AtvRbpy+UuABBSYCg5Evl1Awy264TyT593j/K9KeobKfVe9/iOznpy4dxDu3LPMXUGQ/hfz3zvshw6cFSiWNw8dskKKta6/bdkWvyxMLWQ2izF+D9VczZRtWVk4BBALZWrzlYhRtE2XHwmh2EENGzue7sLSD2/Y/iq2HnsJrV56Jd268DOtH5uZEQIh/f2DH0b345iO34Y5dj8CyHdcQzShwTrkGQGWMTpWqmv7UghCFkH94jYM6+Yf2y34SEZYMATdsXNT4TJH9lBVayH9sMVGR/sxo/dex4N6xaJVvvd1Y/5LxPBHWW/Oy0KIIJBD0+5YSCYMIo9lBDBoDoe8rIlywZBPevu5iXLT0ZCH+ghnjsf3P4abH76jH+Cu4Mf4GgQwFMFzibxbdOH/2xPREev9ROwCIvPTLm/jrkf2kil3xvavn4xUrA7r/IvuZ8tVQ4v6TDNNiHDxsgQjPr7lu+8lE0GIAVLDhMze8H1CfcrIEe1ROAQQCIfzNkVEKo9nB0PsDqtg0bznetv5iXLPqHGTU7FWPhfinH47WuOPFh/Fvj/4EO47sre2UnCOwMmpym6a2MVkqwNJ2gAiFef+rJD9a87/2CF/iL0BFDeg6+X/5csL3rlnbKPtZ2gmwlg4U8i/kP4Y4fMxGqaShDPXba67d+oU4lCk+wps3vnJw/diyXURqmTU/B22IJqhAIKS/NbJKYTQ7hJyKvlF85dACvGXdRXjT2gswnBkQ4i9owFS5iP946i7859PbcXDyhPtLg9y8NMNzN4VtY8oqwrLtup6/l/w3EKNAsq/v/q8W3v8SgxzX+19VBnJlP0f9hRfZTyH/YgDEFpatceCQDQAHysb8DVuuvbksBkAA6z9zw/8mqP+lcwrWSFZGjUAgpH9ahsBIixOBAZXFy5duwvVrXt5WeJAQ//Tj0QPP4T+e2Ibtux9DybHdXVEBOmf4vOymY2OqXHQ9/lXe7zMAIsi/b7vl5qE/HsOANEMVGax17e9/ZUsOf3lp4A4Mkf0U8i/kP9Z9eOyEg3xBQxn44zXXbv+zuJQsVgbAus+/ayGV7V1Eap45lgMrOQUQCITwTw/10KBs0yVu3chivHbl2XjzuldgYW5EiH8fYaKUx8077sMPn7kbO8cPumTGUOCMAivyiU2VbAt5swhbOx7yjva9/8GJ6vHwR3v/CUZRg22n9mxDaTz9iyswOjDkf2ZpD6CL0qlC/oX8xxC2wzhwyAYTTlj54oZNNzw4LgZABNZ/9h1/S4zfcQYU7GE5BRAIhPTPDIoIw5kBjBgDofKhVQyoLC5ffiresOZ8nLdoozRcSqFZ4949T+K/nrkH9+x9qha7z5mKoo9SoAqxYTBKloW8Vapf4hVG/oHOef8J1V+AbA0q6YDs55DIfgr5F/KfsHF2bNxBPq9hZIz/t/r1d304TqWLnQGw5lNvX51RmecAHjQXDNRORQUCWUoEM1vkCEOZLEYzgyBSTVt26eAYLll6Ml614kwxBtIwZ5jx7JHduO2Fh3HnzkdwcOq4y7ENqnn8yUPgHe2gYJVRtMr+UyAO8vgQ739Y4m/wZdPEX6q9pwo2oOt/v2yI8dBb18DIZP0PLL7oJgALhPwL+Y9dPzoa2H/QBjMXB5V50rLr7j8gBkALrP/sO75GjHfJKYBAlhBBJzFoZDCUGagkDDdv3SWD83Hp0peJMZBAPHt0D3783IO4a+cjOJD3kH5luB7/6uZXIf+mYyFvlmHZlt+730DeZxH6A0R4/5X/xl9Tg0ztkwRyZT8Duv8i+ynkXwyAWPdl1ftPir6y9rptvxG3EsbSAFj3d+8+TZWdR8Ew5BRAINuToLN7GMMghaHMAEYyOb+cYgTWDi/GFctPxytXno6XzVsljRgzaNZ44uBO3L7zYdy95wnsmzxaIf3KDe+paPaTZ4ZprVG0TBRt06Phj2jyD7Tp/W839Kf6t9XXGsQMVdCAJ/HXlf1cJ7KffbG6ivc/LWOt6v0HYCOnTlt71V07xABoExs+845/B/AWOQUQyJYk6BTxb1wACQNGBkOZHAaMTFtL4lhuGKePrcOly1+GK5adhrHssDRuD3C8NIV79j6BB/Y8gwf3P4vj5SmACGwQOKMA5fX012db2bZQtE2Yllmff83ITacSf+E1AMgX+88VIm8UHcDWvmc/8JYlIvsp5F/If8LGWi32X+Hrq6/b/u44ljS2BoCcAghkCxJ0i/iHQRFh0MhhOJNr+9IwRYQNo0tx3qJNuHzZqThn0UbIUtW9ftxxZA+27n4MD+17Fs8c2wuLtasWV1HvAYVvbLZjo2ib9dj+pgS+BfmvfX4mib/UkPjLqNzyq7Xr/feUzZX9DJw4ieynkH8h/7Hux5r3n+AYOXXmqtfd9ZQYANPEhk//4ndB9GY5BRDItiPoBumPQkYZGDRyGDIyMKZxg/D87BBOGVuDMxesw5kL1+P0BWsxoDLSITNA0SrjsQMv4rFDL+DxQzux4+hLmNJFMAicJbBSvl2sFtNf4d2OdlC0LZQtE7a2Q0gNtSY4rbz/bSf+wpcHUA3vZ+JaGI9R0C5zqHzIlf1chdGBQf8zRfZTyL+Q/1j3Zd37z/+2+rqfvSuupY31zuSo3McMWG80ytpwhiCnAAJZwgVdJf5V2NrBlC5iyqobA4NGpuXJwIRVxH1HduC+I264p0EK60eX4swF63DWgvU4f8kmLMqNSkeF9NtEuYBHj7yAxw6/iMeP7MKOg7thMbuefUVAjsDIukScADC5Mf01gs1w2EHRtFC2y7CrcfTchNREjhfyGRONicE0s1XA4/1nqnv7ydI+1R8A+ORFo43k35kU8i/kX8h/jPvS0UChwACRY5P6P3Eucewp9YbP/OJ3ATkFEMiyLeg+8W8FgxRyRhaDRqbtnIEgFg3Mw9rhxdgwbxleNn8VThpZgc3zlyPXJycFlmNjX/4onju+H0+d2I3dJw7ipcJRvFQ4DqaKLr8mwEKd3NdmnK6R/ypBt2wbJcuE6Viw2fFPTg7M1lahP15v/bQSf73fEwz98T9PV0OQPEnBRsHxGACEZcPAQ29ZLbKfQv7FAEjYeKt6/5XCN9dct/0dcS517Hcci40/zZJ+k1HWyhlkuR1YIMu0YE5JvxcOaxTtMop2uZZAPGBkMWBkoELvGGjEsfIkjpUn8fPjO+sLMRlYO7oYG0dWYOO8pVg9tAgrhxdh1dDChluKk9I3R4uT2DN1GPvzR7Fv6ih2TR7GrvwhvJQ/BhvsynKiIs9JAIYztclGZZfou3djcS1OHgQ4jobp2CjbFkxtgTX7vPV1WZ2o0gXIPwXJPNVnfbPE38hVwq/z74VmJ3DjL6Asbijrl6+YHyD/AKxjQv6F/Av5j3FfWjbXvP+Okf3fcS95Itj0hk/f8J8g9UadU7BG5BRAIERfiH/8UD0dGDAyGFCZtuRF28GgkcOyoQVYMTiGlUMLsHJoIZYOzMeCgREsyI5gLDeMBbmROTlBYGaUbBPHypOYKOVxwpzC0dIUjpYmcaB0AgeKJ3C4eAIHi+Mow3F5uFIux1bVSUZ+otzwb0CVNKDd3zvswHRsmLYNU1twHO0n/NV/h/Dwpt7/IOEJeutrNoDXAJhu4m/1eQzNuh7HWjEA6rKf9bK9fAXhe1eL7KeQfyH/SRtzR487KBQ1lMK31ly3/RfjXvJEnDmbhvp4TuM6ZWqlBhnakFMAgRB9If3xgvd0AHBzB7Iqg5wykFVG28pCQZQcE7unDmH31KGm43jQyGI0O4iF2RHMyw5hJDMABjCaGQQDGFDuaQUAjGYHYcA9sXCgMWW6ceUly0TZsQAAebsEAlCwy5gwCzhhFzBlllDWNphcLzYR3H8HkQMAI8DtQ7zkIeTfcRyUTRNl24alrbpGfzCZttnE5oiZXj2lCeYBUIDAI4z8hxCkBsMjQP5rNQ/8TdX7X2If+QeAv7tkcaPxaB0R8i/kX8h/jPvTshiFogYROQ7Rnyah9Ilh0us/c8N3APoFJ2PAnpdNVuEFstQKUkv8219sCblKInFWGciSmpbCUGLHdcUDXvf+1wm/ww4sbcN0HNja/TdM7YYABcl3IPbf5/33hv4EDQBfiE9I7D5z6LObyn5SmPHi9f67/+XKZ72yn7XEX80i+ynkX8h/Ssbc4aMOSuV46/4HkZisM2cw85FMSb/BsJ2sYxngrGo6ncQ4kGVfIKQ/XmOVUXasmoe9ahRklQFDGciQQlYpZJQRmk/ASZ2glfAX29GwWcPWNmzHgaUdANrDOxgMgtIcvqAHyX/Uql/j6sFwnVahP9wGMeImm4s/F4EbThb8/1Rl/30EhtL42AWLGh9rHpJFQci/kP8Y92fZZJTKGgDMzMDQx5JSi8QYAHt/6+s71n3mHV8j4FczRRtWNjer6SYGgiztAiH+cTAKTG0DAZ16AiGjFAxSICJklAGDVO2nU/kFnew7h7X/R2s42qko8/gE9UNnN1cSd8nyxPlwE8Id9P6T8pD/CNnOZrKf4HDNfwoYFz7CH/Zv/+lBzfuv6t9PpgacNmQ/bZH9FPIv5D/uODHhuEZ9hv5x+Wtve0EMgG6MUwN/DBtvV44eUZaGzqquTkkxEoTYC4T098owsLQDC3bk6qSo+qNAIBhKQYFARCAAROR57a5mKmA4uEr6frLKle+v/luzrjjIGRoMzQyukHzN7uvQGe0L/YnmHr4UWifKCx8S+uNThKPw1YVbfHloKFHEBhCa+OuX++FqfatCRMxuCJIXGlCm3/u/bBh420kLGxvQOiyTQci/IMZ9WiwxTJNBQGHA5E8kqSaJMgD2vPcb+9Z95oavAPQ+o2BBjw3EauqSTAmBQEj/nMworpBvAHC9T9X/xBON3n8Osw10iPffS9CDITXtJP6Gef+jEn+pHdlPRpj3n4PGDgVshGrir92Y+Cuyn7Lj9GgxljaY5bgbr3n/1eeWvn7rviTVRiWt+Yczg59gxrjSDFV2Yjc0uvUT9zIKBO0QfyH/7c7QFFQjmPjbqpYMkB2isFNRHIqS6WyL3ETG91feUzWzpInxwCHkn8L/TgUSf6uf1uyG/3hw4XIDFywPeP/ZBuzjMh0STf4l9Cft4y5f0LBsBohOmCXjz5JWo8QZAE//7r8cJaX/FgAyRbtvBrEQdUGSSb8Q/z4h/l7yH7F/csX737CpMoM0B35PzfMAfI9p4v0PEp+gcRFJjrgivxmtPcqR5aOG56lyo/f/85ctFNlPIf9C/hMGrRnjU+4cVYo/tfEX7jghBsAcwBos/RlrfYiYkSk5MhIFAiH9QvxjyYHqoT/hNa2H8jSS/4imomaEP4TgBHX7a6FEEbKf3OKyAa8hg0qMP/lVfpi5IfSHHAZs/3N/45QsVs0bDTCLMmBPyNQQ8i/kP8Z9OplnODYD4IMZY+RTSaxVIg2Afe/5fkEp+gsAMEq2Z+MQCARC+oX497RaIYm/vqu1OGJvdUKMg6YXgIVo/vsIDjWS/qgbhH190jp0iGuk36Pt7038DR4JcLjs50fOXdz4cJH9FPIv5D/WfWo7wGTF+29k1CdWXH1rXgyAOcTOVfzXzPwMAGQKkiglEAjpF+IfL1BDuE/0UOGKAhC3eqSf8LcM/Yki8/7wHIYONx4arRtwVWaU0USiFH7vv+WX/WQifOriEZH9FPIv5D+BfTo+4VQVvp5aNbny75Nau8QaALjhJocc+iMAUJYDZUu8pEAgpF+If0+r6En85Xbqy3Uy7T/JDfH++xJ/aWYkp/Y8XSlrm6pBhJo8aqN3P+D952jZTyYCk8LyYcZbNy5qbAyR/RTyL+Q/1jAtRqFYif0n5w/ohpsSG4euktwRuz70ze8w660AYMgpgEAgpF+If8/5j6/GbXn/EfD+dyrxNyj7GU74G2U/q5+n2g8H9UYDHv6G7/bKfloVyVOq65h++fJ5IvuZmnkj5L+fjM8TE1Xyj9vWXHf3D5JcQ5X0LiKo3wfgKEdDmXIKIBAI6RcC05MaU5XkBzX/WxN4ijrBnWnib6QGWkTir29LrCf1umm+unldfN7/gGHAjYm/Fy1XuGB5wPsvsp/JIdSJLatgtv1aKDHKZQ1S5CCX/XDSa5l4A2DX+7/5kGb+FgBkCqZYuwKBkH4h/nNcZabmDLllZE6N/1dibYgqoTTBY4BWib8hfRBM/I3c7/0nB9F3AqAh8df3vqcEqtQo+/l3Ivsp5H/uFnUZUh3qV2ZgfNypTuV/XnPVHY+IARAHZNSHmHmKGCILKhAI6Rfi34tah3r/mxHuqjxmhfhSCOH3kndf4m+wBNwGMfOG59S+PTSvoE7+G2/8jZpHqIT/V+cSaW5QNvqNl2WwYlRkP4X8C/lPWr9OTGnYDgNE+UGLP5aG2qbCANjz3m/s08DngYosqCMDXyBoRfiF9Avxn/VW2XDjbxs8JOi9r5JkphYynd6MYM/lXNwiLCj4PI42DhjaT/7RaBwEvf+aGczUGExUCsh+koOPiuynkH8h/4mDT/bTwP9dev32fWIAxAiWfeITDN4PSEKwQBBF+gVC/Ltbc2478bdKVKhKpkM/zJ6LuXgGib8hBN77KfbdUNCE6zXG9ze0Q5TsJ7unDJ++cFRkP4X8C/lPYN8eH3dlPwnYrSedv0pLjVNjABz88K15dtQfAYBhO1CmhAIJhPAL6e8G9RXiX/uFz/s/vcTf6ms3/r/y91WlnppMZwvSxW2E/nAw8bfReOCwMCKONh44KPtJ/g8o099gy4cZb928sLEx+l72U8i/kP94922xxCiVXO9/hvSH1t5wd2osdpWmLtzzwW/8U1UWNFOwJUFf0JekX9B16iu1r5L/Jn/FLfMAKt5/jQrhR9PwnEhjgKgx+qhpuE/9M9X/tZL5YW98P4eUzUO+VJk9l3657//DlfNhGCL7KeRfyH+S+pYZOFFJ/CVFW1e+4e6b0lRzlbautA3j9wDYxAyjaMnYFqSe8AvpF+LfM9rTlvc/hMBXCbqO2HWbyX7WcoW5JtcZTX4ivP/M4Zd6VQvKLc57grKfun6ZGYXIfp63LOD9Z9s1AGRkSVmF/Me2byfz1cRfWMyZ305b7VNnAOx73zceZqJ/AIBM2QncLikQCOEXCPGfVQv4Qn/CPxCe+BvCo21uIdPp8e6TJ6Z/uom//tI1Xuzle9ejEFSrLxpv/K1fD1zfUBtkPzla9rNvx5iQfyH/8YftABOTlUu/FH1+3RvueFwMgCRUSpc+AujDAGDkJSFYIIRfIMS/Oy3QKPvJ3IJM1bz/7NH/9zxOef7d9AKwEO8/Ryj31Dz6fmWeYL39XxXU+Q98WMOf+Ku9l365f/Q/Ts1hxTyR/RTyL+Q/af1bS/wlHLbKmRtTyZXTWKmd7/+PE4C6EagmBMsFKwIh/IJmlFfanNv9UDDxt60Hh6Te6srfK88H23lky1vF0CD7qYNef6KKOI/3t9GJv6jmKiAi8RcAlfzlMpSDj5y7qLF8fSn7mbQ5JuS/n1e7gifxV2XoIxt/4Y4TYgAkCLt+75tfYMYDAJApWG6ymUAQQ7IvhF8ISSJaglv9vr3EX5eUE2DrqKsDWhoPkd7/mgHReKlXjfBX7/7i5om/ta/VHMhVCCT+EoFs9tw/477/mYvnYSQnsp/Jm2dC/vt5PGrNOF5L/MUDq67e9k9pbYnUGgAgsDIy7wXBIWa5G0AQG8IvEOKf2JZoW/YzIvHX+wntudm3VeJvGPFpkfjLxNAANLnkP5TAhxH+qEOhYOIv4CYh64ryjwcrRoC3nCSyn0L+hfwnrX9PTGpoh0FEtsH0W0Tp3TBUmrt65/u+dg+T+jIAGKbjXs4iEMwh2RfCHyeqK30xY+I/k8TfKLuAyVXL8ZL/VsaDj/hQOCkigOHu1i7pp/aNh9oQiU78rRF+8hdBWY2Jv1+5Yh4MI+P/jr6T/RTyL0gWyiYjn3d5Iil8btUbtj2Y5vqq1Hdo+egHGbwXcEOBZI4LhOwL1ZXWmA0aE3+j+VQg8bf6UYdDH1n/fLPv9hD4inuOidwfVEJ+akXkaOOBPQZIMPE35GvZZxhUfq25wbF00fKMyH4K+e/WpiMLWZf6mBk4fsKpLisvTVn8sbS3SOoNgIMfvjVPDn4fAJRmGCUJBRLMnugL2Y87zZX+6Ri9aUj8bYOXNIvdZ3bDf0JlOim81FyN4yf/j++x3OICsAqL11GEnwLF4NouyRFDSpXDZD8X9Lnsp5B/If/J6+OJKQdWRcUrw/z7p1y/fVIMgBRg1we/9e8A/wgAMiVb7gYQTIvsC5JE/AXdb5V2ZT89xCWg80/N7gmoGg9Bsk+qkQhVYv3DLvWqef81+739rUiCakIYvMaFzUDN+y+yn0L+hfwntY8tmzE5VVmbCN9b+caffbsfWkb1yxCwSvweZp4EgMyU3BAsRF+8+umht9JvXSP+YbKf3MbfNFHuIa54zQM39Lrx+yHe/Sax+/UQH/LdLlxL1o2S9fQaMoR6bH9D3T3efy/5Z0CZIvuZbANcyL+QfxfHx7W7ZhBNGQND7+uX1ukbA2DfR2/aTYS/AADlaAkF6mOSL0RfyIa0zDTIf5MPTEv2s5qoa7Of8AezapvJfnqIP7OuEX6flz+KPHn/TQgk83J04m9YaWwNsv3e/8/2rewnS5mF/Ce2jyenNMpldy5nDP6TVa+7bbcYACnErlX8l8x4DAAyJUdCgVJM8IXkp5XaSr/OuUkU6v1vQ7mnIb6/8skGj3or2U9/4q/Pu+/NS2iV+Osj/RwSdhTx9UHvf4Ts5y/0pewny0wR8p9YWDZjfLJy4ZeiB1des/2z/VT/vjIAcMNNjsHGb4BhsdbI5CUUSAi+QEi/EP/QBxO3LcnflAsGwnPImUbir2cI+OZ9MK8gzFsfJPyhBQ0k/nq8/1FLTE32sxY6xPjHK8b6UPZTQn6E/Ce7r2uhP4CZy2Z+gwh9pRWv+m1YvPiBr98HQ/01AJDlQJUsIZoxIvXS7gIh/XFroUbvP3OLjTck8RdAXf0nbI8OevY93n1mHUGO/LKe3PBwasEPWoT7hMp+OpXPu3908fIMzlk2Fvi7tMt+CvkX8p/svp7K10N/lEH/d9lVdzzSby2l+nF47Hr82T8E8ZMAkCk6blJah0hrv5BYaQ9BdyitjJGeE/+wxN+29twmsfvVx9hVZR6EkP1GElSL9Y+wSfyJxFFhSQHvf1RicND777sAzP1R5eCpCOPvL+kn2U9J9hXyn/y+th3UQn9A9NT41PFP9GNr9aUBgC8+aCmV+3UANpi7Ggo0G+Mhzj8CgZD+FNIubvX7mSX+1qC57S/mps8OIfBhf9lK9jOY+OuzHwLJyTYDgcTf95w6gGXz+0X2U5J9hfyno6+Pn3CgNYOInAHD+PXTb3jCFAOgj7DzfV+7B6AvAICyNIyyqAIJBEL6+5T4+4hvu7KfEYm/URXRup4A3KRWzDokkTfku0O9/81Cf9qQMCWqfCX5n8eNib8ZxfjoOQsbn5FK2U8h/0L+09HXU3mNUj3051PLX3/n3f3aaqqfh8zu8YN/oIl3AECmIBeECQRC+vuY+LdM/OX2eErQ+18J1SEn8CHyb97+cB8KJ0mtEn/bIlUew6X2PKqQ//CEALI0yPGWjfHZi0cx1Beyn0L+hfynA5bNODGhq7b+c3rS/ng/t0dfGwC48Y4SFH4TgAPADQWSuSgQCOnvJ+IfzeJbJ/6GyX62ShCmxs9xmDJP5AVgM0n8Dcp+UmOIT1R5deOlX8uHCW/euKDx86mT/RTyL+Q/Hf3NDBw74YCZQYoclVO/uvaGu4v93HKq34fO3vfddCcTvgQAytbISCiQQCCkv9+If6cTf0O89WQ3EnRGO+E+fpukuaERlfhbJfuqkRXUEn/Dvf/KZE/ugvvF/5R62c+kzmMh/0L+wzExpWFWDHlF/PnVV23d3u+tp2QAAXtOHHo/wM8AgFG0oRwtjSIQCOnvD5o1rcTfJmSmWXhONcym9nEGh0puR3j/CQ3GQ6VkjZWoEfmG637RkPjbolFqsp+e7750hUq57CdLuYX8p6q/yyZjYrIyj4l36Cn9EWk/MQBc3HhHiZD57wSyACAzZckEFQiE9Keb+Pt4d7uJv969N8xzT4FKVrz/Tr3GHPZwbkO5h6mJ7KeX6IcQ/hDjoVbGBu9//bmq1Cj7+YWLF6ZY9lPIv5D/dPW31ozjJ2oJSGbWyL6730N/xAAIYNf7/+1uTc7/BVyvT6YooUACgZD+lBP/auhPkw/MOPHXC4crdefG0CFuErsfcaFYqHO/JS8Ikf2kJsaBT/bT/fvfOm0Ay+bPCzCMtMh+CvkX8p++/j4xoWFVwg+NDP3Zytffeb+0oRgADdhz4oyPAbgfAIyyA2U50igCIfxC+tNH/EP31MbE3+jPBhJ/o8gOAawZ0LrF3k3RBIngJux6QvjZI8/ZkvC3qg6HfIgBZWpfz2UU4yNnL2z8jlTIfrLMKiH/qRunxRIjX6io/ig8sGpy5f+RNhQDIBw33qidLP0SQHkAyOTt5s4xgSC1pF+QeorSkPjbBmeJzBcIT/xlZvemdabwh0R59anKwtFG4m9Y2SLCkgLe/8bEX7fHyHZAtl/2868vCcp+cgpkPyXZV8h/Ovvc0cCxcac6gwtGJvvLdMNN4tUVAyAaL/3uN59VxB8DAGJGJm9Kowj6gPDLBiW0ittM/A2R/Qx8uHZjOAO1XN+qwREk+lXv/nQTf9vKU/DUKyzxt2pokKegGlAl/30EK0YUrt+wsHHeWEf6hlBJuYX8JwnHjjvQTiWZ31AfWnX1HU9Lq4gB0BI7f/9bnwbzT4HKLcElyQcQpJH0C/q2ZcNkP6eT+NvIomvhPqy131uvERGvP9vE3yhO2CLxFwyoigpRiPKnshoTf+uyn543Ei37KeRfyH96+31iqn7bLxHdsubarV+QNhQDoG1o4FcYOAoAmaLtOQ4WCJJKS2Uz6mYLJ6rAbSf+cjSxCST+cthN6uyKKrQ0HkKf3SYf4DZ6R1U9/FGKRR7ZTzMg+7lS4eyl8/1/yzZgHZfRKuRfyH/M+r1sMsYnaqE/hwao/KvShmIATAt7P3DTS4r5N6ujLztlurGsAoEQfkEaWrgt7z95Phue+FsL92kg7xxtZ3hj7yPX1QjvfzuEnzw/oY8NDwtS5Ubv/+dTI/vJSR+sQv6F/DeF1oyjx2uncpqy/GvLrrv/gLSjGADTxq4P3PRdJvw94O4jRl5CgQRC+KXFE9zSvtCf8A+0m/jLGv5wn4Y/JPcG3UjZzwji1OxCsaj6NBB+j+HSMvG3ApsBqx77zxXZz+XzwmQ/J4VAS9mF/Mes34+dcOBUDvBUVv31mmt+9l/SjmIAzBh7TvDvEeERADAsB0ZZjACBEP5+bvX0oFH2s53EXwaHh/t4Hll7aUe1WsSNv8H3gUDsPwcSiQOxQGGJv5GGg+c7GVAme8g/kFXAR85Z1Pi35mEh0GJqC/mP2ZidnNIoliqhfEQ/H584Jrf9igEwS9x4k2kNGe8EMAUAmYINpWWSC4Tw91Prp6YywcTftvZh9vAbj4c9zFvfKja/FUHyPq+q+e8l/FHGQ7PE36D3nxutArIZZOt6fxPwNxePYCg74P9gomQ/Jd5fyH9/9L1pMcYndWW9oEnk1NtPv+EJkXAUA2D22Peef3uamd5XfZ2ZlHwAgRD+fuiB1O+pbXn/K3H+tXAfais8h3Q73n+qF6T6z6osaDOCxS0yhIOhP8Hv9nr/NaBKDpgIIAUQYcUw4fqTQi79Sozsp4T8zCnxFz7Qs77XmnH0mFNzTmQy+L21V921Q9pSDICOYc8HvvmPIPr36sYm+QCCzpN92UTi0BupxQxkP5l1xWveRH4zkPhb35m5DQIfkjfQVPaTogl/07pHJP4SQBaDA5eB/esV86BUxv+MxMh+CvmfU/Iv6GnfHz2hYdf0/vG11dds+0dpSzEAOo6pExO/BtBOoJIPIPcDCITsC/FPQgWnmfjrU/bxcu+wG3/DCHpV/rOBKFHzjZ+5NdFqphpUqy98oT91tg//j8Mgy3/j7+UrDJy5dEHg+5Mg+5n0kSzkXzA9jE86KNUu7cNzWWPkPdIqYgB0BcduvHkiw/R2gIqA3A8gELKfhh7qLzQm/oYS/zDZT27+SHhkOimUz7Uh++krIrdnPHDYv4M2AXuezbWoDVVuLOfnLh5LoOwnp2BGCvnv7xV5eiiVNSYqcf8EFNVA9u0rrr41L20pBkDX8MIHvvGABmr5ANkpq/mdOgIh+4LY9VZfVdgX+hPOZfxa/lEbMrWQ6fS80LpNshTw7EcaGhGJv2HfHdD2Z/gTf2tv2QzYfu///zw1l0DZT5YZKeS/r8i/o93Qn9qUzxjvX3PVHY9IW04PhjTB9DFxyxMPzbvq1JcR0ZkEgGwNnTNaa1YL+mqREkjPxQI+9Ry/x1y3UjTzEf5Grh2u/MMgJ3gJWJsEPuixb+r9D/luiiJoVCmaR/azXC2j++ysAr71umXIqMC2WD4Q09h/8foL+e+/1ZkZOHLcgW25f6sM+sc11279E2nL6UNOAGaIvUS/DvATAKBsjYzkA6RoQRKvfpp6sa8boUniL4eRmWbefy/hj0r8rX5ahxCm6d7428p4iJL99H3K9f43PNF2jRTvJ//2omEMZnL+D8ZW9lPIv5B/9OUYODHhoFyuhP4Q/dwayvy2tKUYAHOLD9xU1LmBNzNoHACMkg1lOtIuiSb5ssCnpWelIYCo2EQ33Ed7+EyTxNuwxN8o46Dq/Y+S3oza/GeV+OsxBkK8/8zkERzyyH6Wta9sK4cV3pQY2U8h/0L++5P854saU/nK3FVqHDn19o2vuqMk7SkGwJxj7+989Tli/h/V0ZzNW1COJAULyRf0qqcFYfusy9xZc7jXP0DgfeS/qWEQsZH7vP8h3nvy/ne2ib/RHa853DBQVtBAYfzLFaMJkP1MwygX8i+YWXuaFuN4Ne6fwDnS7xG9fzEAeordH/jWt5joC9XXGUkKjgHBlw4Q0t/njeOR/WyU9Ay59CvyorD2ZT9rD6leABaU3CQPGY9MJG5FwFon/jJXyH/Ig0mHyH4uM3DWsgWB74yb7CenZMYK+ZfFafpwHMaRY3b9si9lfGrFtdu/Ke0pBkDPsefJ536fiO6pbjCZKVOYSVfJvTRuv48MQTvcpUr0uc0bf0NkP8M+HJH4W3s7GJsfGcpDvmdMP/HXr/PfcF9Zg/efoMqNikifu2ys8btiJfspXn8h//1L/qtJv04lwpoMunPl1PKPSHuKARAPfPFBK2OZ1zNjD+AmBWcLlrTLtAi9kHtB69EjaN1YDA3WjObi/dEEvoGghyb+hoM0t47dD3nebBN/WYfIflLg6MFm98fzyd8+LYflo3GV/ZSQHyH//U3+AeD4hAPTrNz0S7Q3Z1m/SDfcJAmXYgDEB89/+LuHGPw2BooMBpk2VMlKOMnlDv0IBEL6u95mUTH+od7/aST+Tsd4aOa99xkQ1Jp4tZH4yz7yXyX9qtGAYECZ/sTfnAI+cs7ixkebh4U492sdGo6RBL0cB1N5jXy+dtlXwQDevPz6ew9Km4oBEDvs/cBN95Gj3lMd8ZmiDVi6y+S6mz8CgZD++HMWD/FvIvvpR0Tib2THtEj8rT7VmYXs5zQSfxkErhL+qqefUL/FOJD4Gyb7+bmLRmIo+5kWr7/E+wtmR/5LZY0TE/Wk30zW+J+r3rDtQWlTMQBii90f+sa/Mvjz1dfZvAU4srAIBEL6u0j8A4m/YS3dFr8Jk/1sJ/HXR9JbeP+nk/hbi+Cpk30G+Um+L9835MEaUGXHW0GsGVV4w0kLGkdjT2U/xesv5F/IPwDYjnvTrzfpd+U1d/2LtKkYALHH3vEz3gfgDgAgZmSnzIoyhkAgENLfQeIfzeL9ybKR+3NI4m+TR9Y/H/IRJ0L2s53E35pqEPkVg7yfrUZncJSNESH7aXPD4eY/XjovZrKfQv6F/Av5BwCtGUeO2tAVxykpSfoVAyBJuPFGPVDEDQzsBirKQHlLGI9ASL80xaxIf2SMfzD0pxXHaZb429RbTxGbPNf1/5vuNFz/dwPRp9DCso7gaB7C75J/aqgjOQwqO762uXy5gbOWjwU+2yvZz7TMCiH/gtmPBWbg6HENq5KsT8CL8w3nLZL0KwZAovDcH910WGvjzQyaAlxloIwoAwmE9AtmQPynvde2Jfvp2XWbyX6GcP2wLyaueO+9dwB4CX9QuScs96DhJt8wYyeinNVf6frphyrrRtnPyxegUfbzcA9GKqdolgv5F8wex8cdlKq3dCuagDKuH7vm7mPSMmIAJA77PviNh7XSvwQiBwCU6UAVbWkYQeoJv2ytXSb+fubdZuJvCIEPC88Jlf1srshDtfsGogwIak/208PNmFsYOBWewJoBTaGJvzXZT3Lb6bdPy2H5yKj/WboM2FNCmvvJgBHyH7sxMTHlIF+oKP4QOQrOu9ded9dj0qbdgyFN0F1M/ujJZxZcdcY4iK8B3JMAbSjAIGkcgVAAQQPxn1bjE0eS6EbZz4g1Jyzxt+GRTRJ/AZBG4w3ovpOFqCJ63uAWNxS3SvwNPFuVtVsmqst+fvN1y5BRgW2vfGAOY/9ZZr6Qf9kNAiiUGMdP1KN8Moo/vPq6u/9Z2rS7kBOAOcDuD3zzsyD1j9XX2bwJsrU0jCCxy7x4+TtP/HmmxCTU+9+Gck8zNZ4w738zSVGN5rKfviIGTh/YVfVhHRhcujW3qLWZqnyoqggaO9nPNM2YBIf8CPmP3ZgwLcax43Xyrwz1d6uu+9mnpE3FAEgN9qzSv8mMn9Qs3CmRBxUkj/DLiI0J8W8p+4nm3nTf72eR+Fvl3c28/1UFNI3Q60aY2XeTL9DMjqgTfgbXvPs+aDfc0mt1rBkxeij7ySlbCRJK/gWxG9+2Axw+5tTWQFJ0++qpFb8rbSoGQLpww01O3jz+VgKeAUQeVJAc0i/oDunnjpGSRu8/c4vNukOJvwCBmAGtPZ57z4kBRyf+tnTIehWCVMT3h8l+mrpyelD/7n+6fLQHsp/i9RfyL+Q/Cg1yn0TPasZbRfFHDIBU4vhHbxvXuYE3MOMo4JUHlQVKEB/CL6Oxu8S/I53VQvYzfJ+OkP30PqbVfQBhG7/T3g3CVfLPtVj/CsPn6dbdI/sZOAAgzYHwSsYVKzM4c9lcy35yylYHIf+Czo0LZtfzX5P7VHQ4Nzj4+vVv2HZc2lUMgNRi7+989Tlk8FZAFQE3KdiYsoV1CYTwC/Fvn/xH7sXBxN+I3TeY+Dsb48EJyHgSVTz/Cn6xf2pU9mnVLsHE3+B3B56hSn7ZTwbwuUsWYO5kP9Pm9RfyL+g8+T9y3IFp1rT+iypLv7D8tbe9IO0qBkD6jYD33XSnhv6VqjyoYTvuSYBAMEekX5Aw4h+6/7aS/ZxG4u80ZT9rD9EMCpD82nd7nqdZV7z2UXJAbYKib/wlm8EOe8Y543dOHcCykRH/M7om+ylefyH/Qv5b4fi4g1KpckpH5Kic8d9XX7V1u7Tr3ENkQHuEyVuefHLB686YqMqDUiVulrNikwlkC08y6e9qh/oSf5vJfjYZBGGyn8yBRzaX/ay+T5pBGn7jghEI1Ylk8m3UF403/la9+4HcZKrKflYKUZX9zHZd9pNl5RDiL7tKGxif1JjK10P0lEF/sOb1W78k7dobCNvsIXZ/8JufYeK/rlljJRuqLPkvgpktyxLW01viz3NKPmaZ+Nvkkf4/axL6w1yX6gxcKFZrjzDZz3a8/+y3QXw/lfD/oPfflf2sn0B84ZIRDHVd9pNTuIoI+Rd0fqxP5TUmJuv8hhT91Zprt31S2lUMgL7F3t/79u8DdFP1daZggUy5I0AwPcIv6B3pnxPi3+nE3zDZz+kk/laf5FUxI/dWXta69Y2/gTbjqJ+g95+jZD+1z7BYNwpct2FBY/k7JvuZtpknIT+C7o2PQolxfLxO/g2Fr6+9bttHpF3FAOhvEHjPOP8SiO6q/iqbN0GmnAQIhPDHmfj3fO9ty/vvIUidTPytev8rz2NUtfwpus08pL7peA6J7/d9d1D209L+S8MA/OPl87so+ykhP0L+hfy3i1LZf9EXKbp9/97Sr0q7igEgAIAbbzKnSsfeBOYn60aABVhyEiBkXwh/nEg/94psBL3/3MYgagi9CRto00n89ROuapF0jdBXQn+oah9wYPzSzCZDs8RfzSDLX+4rVhk4c2k3ZD/T6PUX8i/oJvnXOOK/6OuxEllvvuA9D4rqiRgAgiqOf/S2cYeta5ixx2sEkNwWLGRf0HPi39MB0vTGX26PA4Ul/oZ+CC0Tf6vQjvaF+0QbGt4EY0aoaFCA8HsTf5sZD6qsG+ry+YsXoPOyn+L1jx3xF/If6zFiWoyjx3Vt/VSEnYM2X7Pl2nsnpG3FABAEsO+D39ujBrOvZMZ+wL0tODNpRl+0IxCyL+ga6efYEYzGxN/ofbuF7Kf3Pd/nm303Kjf4uj/EXiJfuZSrsqMwcYDwU2uOwdH9ES77qQHbP7Pee1ouRPazNAvZzzTOVPH6C7o7RiybcfiYA13LEeKDnMm+bun12/dJ24oBIIjA7t/++guajeuYcaJqBGQny4CWRU/IvmAuiH+sBpEv9KcNLhQVysMRib9Bgt+ElfvaJxg+1NbJQhttGyb7WUv89cwm5opYQv2ZOQV86JxFjc80j8yiA9K4Kgn5F3Rv3DsaOHzUhq46LomOq+zA1WuvueM5aVsxAAQtsO+D33iYFF0PqDwqHCA7aQqLFLIv6BLp50QQC55h4i+a5wG0MB7caAtu9L5HhOdwq9yDqO+uefhDfqjx+ymgk9A52U/x+gv5F/I/U/J/6LANx6lyf5oysuoNa665/efStmIACNrEnt//1l0M5+0EKgNuslt2Qk4C4kb0pTeSTfxjPdhmk/jrg1c9B20n/jJrj8efw3lC4GShPdlP9hD9kJkV9P4HDz80oEz/93RG9jOtM1ri/QXdHydaMw4fsWHXPP+wsuS8c/XVd/1M2lYMAME0sff9376ZM+q/gVxfF2l2TwLECJhzki8tnh7SH3tvf5X8N/kAt8wD4Bkn/lZEPf3v+3b6QBhQ2OxhDpD9JpUNJv4GyxYwIJRV/Ruq5R780xXzZin7mVbiLyE/grkh/wePOLDsmtqPk8vQr6647u4fSNuKASCYIfa89xvfBOP3qjOUNCMzJUaAkHxBqkh/5J7cyvsfotwz3cTfulkRCN8Jj92noPe+Ep7DLROJ0ViXyHvKKt+vqqcXLtknroQfeR7wmpUZnLFkYeBr2pX9FK+/kH/ZEWdL/g8ddWDbtedoUvjtFdds+7q0bbxhSBPEHxO3PHH/gqvPPAHiqwFQdRPUWSNaXUOWM0Efk/5ED16f7GejTmZ44m+IXRCW+Ot7JHnai0OIF4WSMmJULgFDmxeKhb3whCUpz+8UVeweFVoEo1i99Kt+pPGDqxdiJDvg/6B1ENBmH64SnJZJLAtZAsYLa1ftx7Jqawsrg/5gzbXb/lbaVgwAQYcwfssT945dfYYFwmtQ4Qj9agTI1iBIHfFHIzcOk/1kbjErfB5+aiTRnlAgrj27xY2/AVJGjkeZJxj777UdKPBvingvrO7V2H9v4q+lK5d+1f/ovacN4PXrA8o/utRC+UfIvxB/QSfI/6FjDkxPPk7WwMdXX7v9L6RtxQAQdBgTtzyxdeHrT3MY9OqaEeAwdE4l3giQZV/Q16S/OgmCib9tTRwOIdEUKdPJzZ7bzPtf+UKy4YnbDzzPS+6D3v+wU41a+dA88ZfdS7/I0zY5BXzzNUuRCcb+lw9ExP6neZUR8i+Yu7ESRv4NA59Yde32P5X2FQNA0CWM/+jJuxZccxoAeiXg5gSQzdDZ+BgBsowLhPTPcNIEpTVDvf8RsTdhib/et4lbGw++7+aGZ5MGoKm5jdDOIsAB8u81XGoc3+/9VwHv/5cuHcFpi+f7n2tPAvYJIf5C/gVzSP6VQf/fmmu3/4m0rxgAgm4bAbc8eefYtWfOB/PFdSOgvXAgWWYFQvpjirZlPyMSf0NJtCvn6U/8pRYkjMIJGQFwCKTbPE3wrjpN7Iz6V3Jo6A80YJQdX9usGwX+6sJlIFL+7ynvQyVJQMi/kH9Bh8eLrsT8e8k/Kfqrtddt+yNpXzEABHOEiR89cev815+2CEwXukYAoEwNnTPAkhgsENKfrH15uom/UXaBx/vvu7yLmhgPQfIfRtAqhJ9snmbib4ThEgj98b0feL4qO5VLv+phUd99zXwsHxnxf9A6Bjh5If5C/AVdIv+HjnoSfgEog76w9rpt75f2TSZEBjTB2Pv73/49VvT3te1TMzITZnMJcYEg5qQ/sbKdHUFj4m/0fh6W+BvU8Uej7GdLgs7hJI09JwMz8v5zk2sLAvcBeNY0sv1/9NpVWZyxZEHgAVXZz7QL+gr5F8z9mHE0cOhIgPxn6PNrrt3229K+yYWcACQckz964ge+cCAGlOmAcyIRKkgO6e/rvdkX+tMGVwrT8KdaFm1j4m+Q4AdJQavE36r332lD5382ib8hRTBKjbKf34+U/SwLiRPyL+gG+T/sueEXgGHgb9Zcu/290r7JhpwApAB7fu+bH2Tm/13bX6snAXJZmCCmhF88/VF7c7uyn9W21C755ybEipsbDz7mHZL4W33f91bYM9q5AIwo+nNB77+tATsg+3n6AJYOjfr/Tpfc5F8hcUL+BR0dN7YTQv4V/fXqa7e/T9o3+ZATgJRg8tYnb5931WkGEV0JVE4CypWTACUnAYLek35BGOltN/HXT+AbQnwCib+NN/7OIvG3EvpDGhGhPxT+fPZeAFD58UqENkv8DZH9HFTAN3yyn5XPR8p+CoET4i/kf6awbMbhozYcB17y/xerr9v2IWlfMQAEMTQC5l91GkD0yuq2qUwNZBVYjACBkP547c8UcjOu5wNhsp/sjXEPk/0MfWRE4m/kdwcMiMpPjYwTAuGF1JrgeeP720j8DZX9vGwEpy2a76+DPQXYx4XACfkXdHDsmJar9qM95D9j0P+3+rptfyztmx5ICFDKsPeD3/5TIvpwdRUgZmQmLZClpXEEXSf8Etozk726VeIvuT5/DiH/UYSrncRf9hBsbhaXU/l/342/LfIGuDUfiUr8BQPK8kt5rh8FXr9uQeODrcMpHBBC/gW9I/+lssbhow60U1MQ44yiP1x17bb/Je2bLsgJQAoxccsTP5t/9ZkFgF9b3aEN0wFnFNiQkwBBZ0m/YAZ7dFPZz6qjnJvv62He/04k/ga9/1RJAOYIA6GdMRDw/v//7Z17mCR1ee+/76+qe247e2NnLzOzu6IoIBgUkAQFARXYCyuXvSBJjrma6EkMIJzkaOIJSY7HEBARL5FHD3rEoFzU5IlEohhW2GUf0M1RA0fFjSh3FvY2t77V733PH9XdU1VdVd090zvT3fN+9tlnZ6e6Lv3r6qrv+9b7fn8SDD6itp9F6882HHik8Y9vW4xVA/3hF5YOBWw/Vbyp8NcLy2zJ5QUHDnHwus6ug2uGN+++Uce3+9AnAF3KM++/8wYx5r0gVB/iueNFmILVwVFmJfg1y99KarP/LJJgsRlj+3mUG3+r6/Mssv+UFgghYvvJoEDpj4jg/GEXJ61YElnX833/u0a4qfhX5lf8T+YYBw7Z6es6kXUyzp8Mb9p9s45vd6JPALqY8fse37t00yk/gfA7ALhA+dE6AeJq7Kc0LvqVFt6no42/1UUJQjBOwNdt/G1EoKU1/k4LdBJAWOoHD2lxRjT7LxQbGFRsPyXwnv95w3IMZLLhF5b2d4ntp3TbxUK/4x14Dk1MMg4dDiUHi27G+e2RDQ/epuPbvagK7HKeuvLLdwlwCYCJ6k12yoOT83RwlETBr1n+ublPV2r7K+Jf6k4AFtP4W3efM2j8DS7npInBmmz8jdt3ZZ/k236Kx9O7J+Cqk3sx1BeZ8ZcLXWD72YVZf71WdKT4PzLOOHTEBr+dU1nDW4c3PHiHjm93owXhC4Thj132ZgPnnyFYVr2PZh14Axk9C1Tw6yDM1b26nP2Xyi8iE2elTvpVfTSP5Nr/qO1nNABIy/4nuQp5HCk3alH2P9L4S1NeebIxf8d9DuGJHavR60ay//lnAM4taNHWduJf6bhzSAQ4dMRicirQcG/osOuai4cvfPBBHePuR58ALBCeu/pru4tszhORF6sfftHCnSiC9AK+4AS/ZvjnR/xLSn1/vPiPE9RUpw+gAfEfpwbiGomDQUfwL6T2d6HlSG/8Db9zoGhD4h8A/v7NA7Xi35voYPHfZVl/Ff8dK/6ZBS8fCot/MrTfFbxdxb8GAEoXsv+aO39IA9mzIfLL6glQYjhjxbAluaKCX2nh7Xr6T0AZNzjjb0zjL5ICg+Dr0yIIpJTyUESvHr3G3+qY1Nh+AusHCRvXLqlduWNtP7tQ+Ou1pCPPI8vA/gMW+XxA/IOeNibzluGLdu3VMdYAQOlSnnnPHT9jlM4myP+rngRW4B4plDNwSjeJfRX88y/80xp/0+/zCQI+sfQnTaDX2WfS9qRO8JCmSeJKf4LjUrn+5C3A4bH54tlLYKoz/pYpHerAGX8166+0j/gvlQQvvlRCqRRw3jL0o16WXxvZ+MBPdYw1AFC6nOeu+aenJ8cmzwRhZ/UiwAJ3rKgThnW44FfaQ/RL2gRcod9LfT2V6vPfZPAQFXBxtp+B91JTYtRM42/c2FA4c0yWQV74kcEFIxm89pjFkZU7zfazS4W/XmM6VvznC4wXD1jYgNkPGXrIK7rnDF28+zkd44WH2oAuUHI79xXG1vfdsXjFklcB9LrK7d8pWoijE4a1q9hX2lf4JxLN/tcV/IEbfrAGP9X2M6XupiHbz/CThcr7IY4PDlJ1CYWDARaubfwt/+NMcU32/xsXHIP+jrb9lG68+OiXvIPPp8kc42B4gi8Yg7vGJg9f+ppt35vUMdYAQFlo7H2ex+778deXfO/kAQjeVL0wFP0UgWT0AZEKfmVGor8qgBPq6ytbaOQjjmv8rdnkbBt/a19GLAEL0AZm/GWEGn+l8t6FYkuKqCSgIod2etVJvdiwfllkuwWg+FJHnBFdeiHSL3sHn1NjE4zDR8ITgDqGbhnZtPv3V578ks4MuoBRhbfQIcjTV97138DmT4KzBjs5D+5EsWvvae0o9rWcp3OEvzTzxYjN/qfN4Btp/E0SZbGNv0kRRJqQCz9ZqL43WykBoukgIfiXIz/HjI8E+gCi+6diZYG//z7H4JpfWVZ7eCr+50/463WoY88pEeDgYYsjY8GaH7Kui/ePbN51JZHe3TUAUBQAz1x75yfIdX4DoKrHniky3PGinwlUjprQV7HfOaK/YeFf0/gbf4Nu6H6f5PkfFfDRjaSdV6mNxNHABQ0JQSGBCMc2/taEHEWpsf38zJsH0JvpNNvPLqz1b/DzVtr3nLJWsP+AF7b5BHIZ4XcOb9z9MR1jRQMAJcTT7/vKnSDeBMiB6gniMdyxIow6BLVE7CtdLPrr3dRnavspkvrS6Z9b1PgL1A/6JXKeU0q2OGbSL1MM9yy8YpCwYd3i2p20re1nFwt/vU7N83k1O0olwYsveygWQ04/+02POX/Nlofv0TFWNABQYnnm6nt2Opm+NwZtQisOQUYdghoW+ir2O1/4z+oePpvG3zgBn9j4myLk4n4OvSa+8Xf6eNJtPwUxfRBxM/5GbzoFDvQWdKLtp9b6K+15XuXzjP1Rpx+in2R7s28aueCh3TrGigYASiq/fN/tT06OTZ4pRPcHbw7ueBFO3luw46JCv/tF/6yz/TWNvzF7qtsHIOmNv9HgoF7wELvtOkKQJVEUTo9TpL5fEvYdtP1kAZXC2f8LR1ycuGIwspN2tP3s0qy/iv+uEP9jExYvHbRgDjn9POCV3DNXve3f/lPHWImiLkBKLLmd+wrjv/faOxZPYDkEZ1QvKCUGWQZnnPp+5B0q8pWFI/qPClWBXS/7HyPg48pzKE6817P9TKndr1iKxmX/y0KemOLHq16cEc3+R/bv5KTG9vPeDcvb3Pazi68Jer3r+PNLBDh0xGJ8IvyE3hi6faQ/s23Zxp1TOsYK6ly6FSWWtTftuFogfweg+oyeHYIdzEJM551CKvJV9B+1+zhJZFbeOrX/0acBSdn/4HwAabX/UdvPuNp/icQPkQCABIA3va6Eji/yvoLZ/4r4B8U6/5AHmCkbehN/9roeXPuGVeEx4QKQf0rFv4p/Ff91sAy8fDBS709kjSMfGNm4+wYdX0UDAGXWDN+0Y4uBfAlAtVNPiOAtyrTVfAEq7pU5Ff2JAUAD4j8q4EMZfqrv1BNX+pOU/Q8FECnZfwBkCeBoeZvU7jv4ZCKu9j/yhs0kg+z0BvocwhM7VtU6/+SfaQPnHxX+SnufY4Wi4OVDFmyDzb5m0jHyX4Y37vq6jq9SD+0BUBriufff9c8FwjmAVFNzJILMHPYFJNXgaz2+kiT851X8N3T/T6ipacSms1lhF7O92vGhshFMkvin2n3Wa/wl8m0/ubxf8v+99az+NrT97OI6fxX/bST8Z/c5jE8w9r/shcU/8CRAZ6r4VzQAUFrOS1ff/YMJ8k4RwreDv3emZj5pWCOiXsW90qzol7kUcVLv9zNs/J1p8BAVetEnCwn7l/L3EcwAUcLf8jaqpX/BZWb658quCABzwEHMFz/rBwUXrl1S+6bm1fazy4W/XkPbRPzP7mM8eNji8Fh4Al8y9MDiDJ++dvOD/6FjrDSKlgApM7mG0dqP77hBWN4vgZl+xCF4izqzL0DpbNE/7/f0VNvPpNr/iNNOUu1/XONvWu2/SP3gIpD9l+r65GfpbUrpT/AwGi39ydmA84+/7KGNS3HCikgAUDoIlA6o8D8a4l/pePFf8gQHDlmUShJUcOIQfWJ4066riaA+3UpT6BMAZSZhozx91V3XCuF3Cag+rycryIwVYYp6HVKOvuif80x/XfGfcKTS0HcqufE39CLUb/yNFf+125OQ+C+TOAEYJYr/xH0DIMsgLyz+N6x1ccKKyKRf82L7uQDKfVT8d4X4z+UFL74cFv8ETLlZ866RzbuuVPGvzEzKKcosWHvj5W9k8r4KorXB33OPA68vo2eY0jLB37b39ZTGX8Tp+Bk1/gbcdRAXACRN2lWb/ZeYxt/K+hSa7C+m8RdoKvvvTNryE4XpAOCn24awvK8/fJzFFwBvvCPEWMeIf6Xjxb8IMDbBGBu3UeH2lEN02fBFu/bq+CozRZ8AKLPi6Wvv/J4tTJ0Gwa7QiVWwyEwU0+dEUpQ6or8tsvwNi/8GdFizjb/B5UgS/ynqoRKTiFRjgNh9A37tf6xoofCPceI/bqslqRH/f3Zyb63454KK/1YKfxX/bXSBmPlnYRl46aCtEf/GNXt6TPFXVfwrs0UnAlNmzcR39k2Nv6LvS4Mrli4j0BsrioFY4BQs2DGAo48ClMZEf0cRKoFpwPYzQaAjroqnEdvP4Eoxjb8SXE6RMY70DZAgPuNfDXYi+wi+9+gyFpgCgwLBQb9LuP3cIbhO5LZTeMEvAVLhP3vxr7SR+J85+TzjpYMWXqTe3zj4+MjEmisWXfrtcR1jpWW3L0VpBSOfuHw7efxZEQl1+NleB7YvowOkdL7orwriWTT+hgKA1jf+Sp3G3+n1p4MHsjK9j7jJzJoo/aECwxQ4FMXcfvYANrxiRXhMvAmg+LwKfxX+Kv7LjE0wjtS6/IxnYP9w9eY9X9bxVVqFlgApLeXZ9915NznmNAL9MPh7J68lQcq04G/78p5GxH/aO5yJ7WdaeU697H9gb5LaSBwjGkVSDlUaavwNOYWKwJRCL8T6QcIF65bWbvuo2X52eYOviv+uE/+Wgf0HbIz4x2OEntNV/CutRkuAlJYz9s3HD42dufILg9n+1UQ4tXohK5cEiWMgWhK04ER/VxHy1Zf45twkAR+q7w+X5yRm/2OFH5V/lIS4gELHmtT4i0o8U5P9R21p0rTpLwjkW/9H3jPla51/7n37UgwNRGr/S4cAO9lWIkyFvzIf510uL7UlPwCMQ3c7nL9o5KLdL+j4KkfjNqYoR401H9/+B46VmwXoC10qsw5K/eoSpIK/A+/xlFAiU3nnkqQLos4/KY2/abX/IlUJXiMGo30Fge0l1f5XgvOqBWg0sKkp8Qk4EkWXeQwzGS792bDWxe3nDodvN+IBuV+0WKwvEFGs4r9rhL8IcHjMYmIy7OJJhvKu61yz5sLvflrHV9EAQOlY1t70ztNF7F1Ccmzo4ucQvIGsPg1Q0d+hAUCDjb9Jtp8SjiFiS4FiSn8kyfYzZUKxxOx/+f+GAWGOb/xFTAAQV/svAjPFgIfgFGP46baVOKavLzwmLbX9VOGvdJ74L5UEBw5HJvbyv3L7KJPdNrrhgR/q+CpHE+0BUI46T7//K9/nRfmTRfC50IXOCjJjBTh5TwepQwV/R9fyt0L8N6QPUmr308R/ZDPV+v40QRizPUksS5rO+DNztcRfykU9wX1O/18gQn58gchfDxAvNL8wPvi6nlrx3zLbzwVS56/iv+vE/2SOayb2AgBDdM8k41QV/8pcoKlXZU4Zufnydxm2n2AgNBWoZA28vgzE6CnZzoJ/wd/rG8r+Jzj3xJX+AKnZ/5oxT8v+J0wollb6U92/5fq2n2nLWEBTDLLTL+pzCPt2rEaPmw2vn38G4Ny8CC8V/sp8in9mwcHDFrl8ZH2iCceYK0c2PXibjq0yV+gTAGVOefaqO78oPb2nGdC/h65/RUZmrAhT0hnN20nwL6gMf910SZrtZ+iF8eI/SUfUNP4m5LalkQnAGiz9Cb0tblDPSHJgUCzbiAbE0efe3F8r/r3xWYj/BZbxV/HfpsJ/Zp9LPs944SWvRvwT0Q8dJ3O6in9lrlEXIGXOGfuXHx0cW9/3+SUrl/dCcGZQlZiihWEBZ4zvKajMqeBXEu75NY2/kZFrZOiSGn8ruj0peKgj4BMbf9MChOBvODKbcVrjb9whsMDkKzMC++usHyT87RkrQWTC2yg8B4Bn8AEspPNNv4fteyFoHmbBoTHG4TEOf7QEIYc+l6fBy16x6dsv6vgqc40qLGVeGfnY9s0Qvg2glaEFhlDqz0Ay+pBKBX87BQDxtp+pk36llOdAJKCbJRgJxAQArW389X/2m3bjdD5Eqm6iaZN+mZwFSmHbz12bluKE5UvCY1I6CJQOqPhX4b9gxH+xJDhw0MKzNesfcMG/P7xlzz/q2CrzhaorZV559uq77yWYU8HynXDaRJCZKMLNe1Cd2jrBryU9LRD/9XRbWuNvWaD7FR5l8R9cjiTxn0JDjcQx4r/s5uNP4EXhybwQI/7jtupxjfjfOOrihOWLI2Pi+QFAUwOv4l/pTPEvAhwZZ7z4klcj/snQfb2meLKKf2W+0ScAStuw9uNb3yPW3CiQgdDF1CHYgSxY7UKbEvtKi+77LbT9lAYaf9Fs4y/QWPY/JlIhG3g/0dIfQXr2v2L7acMD9sTWlVg+Y9tPLfdROlf4Ayn2nkSTjuN8cHjjd2/RsVXaAX0CoLQNT1/51c+gP/MGAj0aunBagTtW0KcBdQS/ZvePRoqk0cbfBPGPsLVmvPiXxgRiYiMxNWb7GT3QapKd4t9HndIf8gBEGn///HU9teK/IdvPBZjxV/HfVeJfBBibsLH2ngD9u5NxT1fxr7QT2gSstBVj3/iPg2Nn7rhtqftiCcacHTxHyWOYogVcs6DtQlXgz9H9nyRFRCfYfkYlRFzjb80mW9D4G3uIadl/fznFZf8l5tjiGn8LHCoN6nMIt587BNdEbiuFF/wSoBYJra4Q/0pXif9iSfDyAYupXE3W33Mcc+Po1Jp3Lr74X17SsVXaCa2pUNqWdTduP80avh2gE6PLuMeB1+d2vVOQiv15DgCabPyVaOkPEO/8M5vG31AAMIPG3/J7qbr/hGYklsay/3kGFRnBqOYfzl6EC9cfEz5Ob9wv/1Hhr8K/C8W/n/VnjI3bOHX1RJboXas373pEx1VpR7QESGlbnrr27r3PwpwmJH+PQKUxAJiCRXasCOqieQMk5o/SDuI/XctJQDfXvjBB/AdUQqz4kDplQQ3OIBwr/uMu/3HiPyk/xALywo2/r1zk4Py1S2sHsvRyzOAuwDp/Ff8d8KVv7jPKFxgv7PdqxD8Zso6DT9iBzCkq/pV2Rp8AKB3Bmpsve4th538DclyNHumwpwEq7DstAIhv/JXoOgmNvwhsZs4bf+MCgIpzqJWZNf7mGSiFA4r6tp8L9JxX4d8hX/gmXs2CQ+OMycna5BMRPeE47u8Nb9y5S8dVaXf0CYDSETx/1dcefHYMJ0HwNwQqhU7i8tMAU7BtJ/Q1q99N4n9a0yeK/7j8SjPZ+jjBn3ScjTT+Joh/IOj5Wf4LAkylWdkApvY1xACVAALBX4OwcW2a7ecCzPhXxl3Ff9eJ/3xB8PxLXo34JyLrGLrFG3BPUfGvdAr6BEDpONbeePkbxeHbROTk6DLOOLD97pw2Cauo7zLxX9UFvrqWWNvPYIY+ICTiavOB1mb/YyYUa9T2s5r950iGP7pa3GzAInCmghOH+ct+um0Flvf2h3dVfL5B288uFP5K1wl/zwKHjljk83FZf/wk67i/u2rjd/fouCqdhLoAKR3H2Lcef25sfd/nFh+zDER0ZvA8JhY4BQsigB3T0hBXhf4CSYkIytNgpdl+poj/4PK0xt9EAUnJYpIaFP9xgiewOZIYd58GbD+pEG78/eDrMnjr6PKwruI8UFqAhicq/rtO/IsAE5OMg/G+/p5j6JM5s3jruk33/0LHVenE252idCxrb3rn6QL7OYGcUnPxdgi2PwN2G690U5G/cDWBUKREpt6kX1HnngRnnuqK9bL/abX70b4CCur6ZrL//jKq6viYxt+47D/7k36RnT7m/gzhZ9tWIWuy4V0VnvKDABX+SgeL/0JRcPCwhefVrmMM7UXG/f3RC3b+QMdU0QBAUebvmk5rb9r6HgF9RAhLoou5x4Ht9cuCVOAriRq+VTP+guo79TRb+lM9rNk1/vpfiMCFvwnbT1MIT/r1D+f044LRFeH3YMcSbD9V+CudIfyZBUfGGRMxTb5CNJ518eHVY2tupB13Wx1XRQMARWkDll+/cbQv038zBFtjLtywfX4goKgUqPlFVPxHooP47H9chp4as+mcbfY/2vibWDpU+1SDrPhNvXHiv/qycPbfmWSAy2MBwbEDhEfeMQITmvRLgPyTKZN+qfhX2lf8iwBTOcbhcQbbmHUM3Z/pd9+95rydv9AxVTQAUJQ2ZM1Ht24lwc1EGI0uY4fg9WcgGTXAUgkQWNCS7H97N/5W/kvRiQsqqzESbT+pWNlf2fZz81KcsCzysM07ELD9VOGvdI74LxQFh47U1vn7Xw962oG9cnjLnq/reCrdhKogpet4/pqvfhWDxePJMTfUWIZaQXa8CHe85DuhKF1962/IhDLF9jNZU0i6IIxt/G1AVCYKTGrM9jNN/EcHpfIWWOLFP8pzBZTY748gf/8bRh2csCzJ9rOLhb+K/w789qdjGTh42GL/y15ck68lhz6bd0onq/hXuhF9AqB0NaM3bT8DIp8WyGm1Zz/B6y2XBek3oWtu+029uNnG37gAIK70B2gs+99M6U/oEJts/K38LBUL0MguYxp/hRlOjstzcE///omtK7C8dyC8q1KX2n6q6O/Kq4AIMD5pMTYu5eb36K2BHnWA/zp80a69Op6KBgCK0rn3Axr52NZ3CeMjRFhTs9gQvIEMWMuCul/0JwYAteI/Vv/NqPE34K6DuAAgwfYzIbiYUeNvpY9Yytn+hMbfoBiiksDkLYJRzF+cksVVJ0e+Qpz3nX9U+CsdcDWYyguOHLHwbFy5D/Y7WfdDay747meJ1DFC0QBAUbqCFde/Y7C3p+dDsHKlQLLR5ewaeH2u9gd0s+hPFP9AY7afTTT+Rg+0BY2/5SOrEzzUTmZW2QZ58Y2/Aqm1/cxHbD9dwr7tq5A1PeFx6TbbTxX/XXlFKJYEh8cYhULcZF7kweDzXsH902Mv3XlYx1PRAEBRupDVN11xkiPFTwA4L265zTiwA3M7m7AyB6I/NQCYhe1npDynZY2/QOuy/+SLeopk/yWh8ZcKAlMK237ecc5Ad9t+qvDvyiuDZeDImMXkFMcuN0S74Gb+eHTDAz/UsVQ0AFCUBcC6j1+xw/OKNxKwNvbG0ePA9rsQ0q9Jxwv+hsV/QgAwI9vPoMCPWb9yCW629CcteEBCTwOVa//LFT3MPF36E90Gi1/7z9PHfOwA8OjFoyDqQttPFf5deZVgFoxPCsYnOL7OH3iKHPrQ6KZdX9RxVBYijg6BslA5ct9jjw9uPe5WKbhCRKcBCJUFGSswBX/WJHGMhsudLPqj4j8xBxIU/xKfI0lr/A1tMkH8J+4byU8WYgUr1RevweZey4GO32CMELH9LFZKf6aP+xvnL8VQX394295BwE6q8Ffa6kohAkxMMg4cZuTz8ZN5uS79rUzyFWsveVibfJUFi0oaRQGw6oZLVzrG+TCR/A6kNjAWAmx/Bjbr6LemkwR/UgAw0+x/SnlOc9n/uWv8rdT3kyf1Z/z1BCYXbvzdNOLgi+eOhm8X4vnZ/07sk1Th37VXjdQGXyILwh29nvz3oYt3P6fjqGgAoChKlZU3X/ErLhc/TIKLYm89huD1ueAefXjWMaI/VvzHBQBJ4j8mAIgT/0BrbT9Dvcn1bD9rG3+FZVrks5R/DDgSxWT/nRwDXviYfdvPReFx6UTbTxX+XXv1mMoLxsYsSl78cjL0kCO4Wm09FUUDAEVJZfUNl202RDcS4YS45ewQbF8GnFXHoLYV/KkBwCwbf1NtPxPEf1WEJoj/6mHNPPtfrXUOBRDl5l9IcvZfBOQBJsehT+1Dp/Tgym6w/VTx35VXkXyBcWScUSxKksDZ5zD+bPji3V/TMVQUDQAUpTHu2u4MP0d/JNb7oAGtig0E1Dq0fQV/PfEfOthWNf7WWT9JwCfYfjba+CtcM1PYtMgvT+Irkt74a3IR288MsG/bms62/VTh35VXlEJRcGQ83tKzvM6LTsb5n8MXPvRpIrCOoaJoAKAozXPLxp4RO/BeWPwFSI7RQKADBH/cATaU/U+o3Y8T/0BrbT9jnizUK/2RSlNvnO2nBGb/rbzHhNIfKghMMWz7+ZXzBvH24cjp3im2nyr8u1b4j03EN/cCAAwdJpFbHMlfP7xl75SOoaJoAKAos2b5dRsX9w70XUvGXA3IooUcCEinHexsG3+rq86/7acwhw807tiDAQD8HoCkxl+wwJmK2n4aPHrxSOfZfqrw78orTD3hT0DOGPrsIsf+1ZINew7q+CmKBgCK0nJWfvgdq9z+7J8blj8QoCcpELB9LrgLAgHp9INvtvE3LgBog8ZfkTiBK7Ez/lbFP5XfPkti9t/kGVQKH/PDm5fhNUuXhHflHQBKB1T4K3Mr/McZ+aRSH0KJiL5C+dIHR7c+8oyOn6JoAKAoR511n/71V5byhb8ywBVx1qGdGgh0lZSq0/iLBE3dfONvwF0HcQHAzBp/p7P9Tcz4i3AA4Pv/p9h+TkVsP0cz+OI5w+gI208V/l0p/usKf4CNQ/dCeq4d3fydJ3TsFEUDAEWZc4Y//ZvHSz73F6mBgEOwve1pH9q1EqpG/AON2X420fgbHcAWNP4CAAunBw8pM/4Gxb9wxQEI8bafU+zPDtxptp8q/LtS/OcLgiPjNtHVpyL8md0Prrto52M6boqiAYCizDsjn7z8NVz0PpQWCIgh2F4Htsedt2/fgpBOTTX+Jgj4pFl5W9n4i+ngQipWnnU9/6MBAGrLe6oBAIPYJNt+5sO2n//j9T34k9eujkiuNrL9VOHfdV9UEWAqzxgf50Qf/4rwtybzgfUbHnhcx01RNABQlM4MBIjAvQ5srwOho/c1XLByqUMaf4XRUOPvjLL/IiBOmHGY/Rl//eX+skUu8LOtq5Fx2tD2U4V/18HMmJwSjE9aWJsgUAhsDN3rqfBXFA0AFKVTGP3Mr7+aJ/J/SYbeWTcQ6HEgZnZfR5VIEfFfHZQW2X4KIssSgoeo+I8K2EC2HzX2/bPM/kdiBrJItv0shW0/73rLAN46uiK8q/m2/VTh33VYy5iYEoxPcmD+iqjwJ88x+Doy5i+Hz3/wxzpqiqIBgKJ0HMOf/s3jkc9/gBiXg6Q36XWcdfyGYaf+11JlUQMBwGwbf4HGsv8NNv5Oz9Irs57xt+ZEiMn+g8nfQpztZy5s+/nKfsIj7WT7qcK/6yiV/Gz/VE6mvwu1yj9PBnfAuB9Zu2HnPh01RdEAQFE6nqG/27S6JzvwfmG8G8JLEwMB1/gNwxkT1pdKk+I/PgCIF/8xAUALGn9FpOHG3/rZ/4SnGnHiHzTd/Btn++mFj3nPxiV49bLIKTkftp8q/LuOfEEwPmHTHH1ARBMw+LIpFv5m5JLvPa2jpigaAChK17H8uo2L+/r7/pgNvc8QVsdqUZQbhnsccAvKgxZmADB/jb8i8eI76cnCjLP/MbafftBRzv5zpPTHAiYXbvzdPOri/7xlnm0/Vfh3FcyCXF4wPsEoeSnC39DLhui2Rca7XifwUhQNABRlYXDLxp41Xu/vkJhrAByX/C0l2Kz/VEAc/co2Jf5D+rwFtp8p64ez/Wkz/iKU/W9142/F85+4NgBxclHbT8G+rUNY2jMQPta5sv1U4d9VlDzBxCRjKidgThb+xuCXjkN/743ZW9bu2JPTkVMUDQAUZeFx3XVmeOnj28FyJUTOTHspZwxsz3R5kBIR/1Vt26LGXyA1+y/CMYK2juc/Gsj+N9v4G1ytYmAUbfwtCUw+3Pj7oVN6cOVJ82D7qcK/e756AuQKgsnBBWNvAAAOrElEQVTJ4MRd8Z+vIdrlwN6yevOerxKBdfQURQMARVEAjN60/YyS8PscoW1pDcOtdA/qqgBgDmw/RWLWryfgW9n4GxcARLP/ElmH/Rl/g7afgy7wxFzbfqrw7xosA5NTFhOTHLDxlDiVUTKgfzLkXj+8eef3deQURQMARVESWPGxy9ZkPbxXiN5NkT6BKAv+qcDRbvwFpm070YD4jwrduNIfYAbZ//qNv5X/E8fYfhYldMx3nzOA80bmwPZTRX9XkS/4/v25fNTNp+ZzPuAY+gfK9n50+Pz7n9KRUxQNABRFaZTrzu1ds3jZb0Pojwl0UqrOIoB73YX3VKCVjb+B8hxhSbH9bGLG3+phHf3GXxAAlvCFnQXOVNj28zWDgt0XrT26tp8q/LsGzwKTU4zJqbhJu8KfMxk8Rsb5ZE4GvvDqTd8s6OgpigYAiqLMguGPbnuThbzXAbYC6Et7LbsG3OPAZg1AXfw1b3HjrzA31fhbV8A3bPvZgsbfysuYQYHtmTyDSsFjFuzZuPTo2X6q8O+Or1ZsbX+i+C8ah/4Vhm8d3fDwvTp6iqIBgKIoLWbdRzYvs719v8Ui7yHB8fVez1kDr8eFZEz3iX9g1tl/v7yn8cbfprL/R6vxN/D/UPZfpNoLXbX9nJoj208V/l1BsSSYmGLkcgJmSf3yEfAkCLdnivKp1Zc9vF9HT1E0AFAUZQ4Y/ttLz6KMuUqAiwG4qfqs2+YVmEXjb8iys4HG31jXoHoCvl7jb1rwMIPG38r6wQDAmZoD208V/h2PX+JjMTUl8Gydz5OkZAzdB8O3jlz48L8Q6VyFiqIBgKIo88Ly6zeO9jgDfwiS3yDg2HqvZ9eAswac7dBgoCnbz4pOlfq2nxIV77XBQ6z4jwrhlAnFWtX4W91EZBmVF8TZfv7lG3rxvhNXRU6GGdp+qvDvaKwVTOUEU3lGsVj/sySSnwP4Uq/FrUMX735OR1BRNABQFKWNmO4VoEsBGejKYKBO429Fn4ZcSuLEP9BY9j/qGlQVwBQvhltp+xkKINKz/9UAgAUmF7H9dICfbVsN18zC9lNFf0cjLJgq+MK/UIi6+MSJfpogg/tg7Bc0268oGgAoitIJXLelf/Uid7sh824Ab2rk+24zBtzjgjPUvs3DNeJ/WjRLOSU+6xl/Iy+f08bf6j9NNP4Gt8Fl289S2PbznnMGcN7wDG0/Vfh3LMyCfBGYmrLIF1BX9AOA69B/gMznMoPe54fO2j2uo6goGgAoitKBrPnU5Sei4L2bBDsAjDSyjs2UnwpkDaSdgoFIACDCM7f9jJTntKzxF2it7Wedxt+g+IcATi5i+7lI8PBMbD9V+HcklUx/LscNi34iesbNOF+xnvPZ0c3feUJHUVE0AFAUpYsY/ui2N4ngd4hwCSArGlmnbcqEyuJfOJBab2bG31AA0M6Nvw1k/ylyPOX3YPIM8oLHLHhk0zIct2RJ+FiTbD9V9HckzIJcE+U9AABDhw3hfi3xURQNABRFWShcd667rm/ZeSWi3yLHXNJIvwDgzzzMmbkNBqoNvA03/iYI+Nk2/qYJ+KNp+xldLfpkoLxt8gCTq7X9/OLZDdh+qvDvODwL5POMXF5SvPojN31DeWPo28aWbj84NfZPJ+14vKgjqSgaACiKsgAZvnVLP0+6l5PQFQbmHIFkGxLmhvwJx1zT8nkGajKYs7D9DAl0YJbZ/zlo/I0LANJKf8rbi7P9/PllQ1iSZvupwr9jEPF9+nN5QT7PKHkNfnZEBSI8QCRfNjZ3z/CWvVM6moqiAYCiKEqVVTdcMOA6SzcDdocIbWj0yYAQQTIEzjjgjGn66UBqyUJI/McFAEniPyYAiBP/gU3GBg/1BHxc4y/QYPa/icbfiiNRXPa/KDCFcOPvX78+iz86cU14XDgP5H+pJ3qHUGnizecZuYKAbcOiPw/CLmPonlLe3HnspTsP62gqiqIBgKIodRm+dUs/TfZdBLE7BLgAwGDDwsU1YNcPCMQ1NVcbaSbzXMf2s6nGX6Rl/xPEf1XAJ4j/6mG1sPEXaCz7LwKwP+MvBRp/B11gX43tpwD5Jmw/lTmnkuUvFAX5gqDQYGmPr/mRM8bsch26xwx4X1YHH0VRNABQFGV23LS9bwS0RchuA9PbAVnWsKgh8oOBSkDgNHHpiRP/IX3eqsbfOusnCfgE2885afwt/0x5wBQZwdKfu88ZxFtHjgm/D69B209lTil5fuNuvsAoFP2sfxOq/5Ax+JZj7T35RdlvHHveTo3uFEXRAEBRlKPAddeZ4f4fnQnHXCKwGwjmpLjrSVKWXwyVm4kdiEvJ5UJV3S2tbfwFWmv7OY+NvxDAmbQh28/jBwW742w/c3VsP5U5wTJQKPrZ/VyeYW1z6xuDp4xL/+oS/+NQJvMtOm+nfqiKomgAoCjK3LLylstflbF2i7VykYGcJUBPM+uLIYjruwuJa8BOQMjPtvG3umo7234mBAANNP6aHINKlQnQ/H8f3bwcxy2N2H6WEmw/lTkT/PkCo1iQxpt3q3dqKhDRo8T2m5m+vjtXvf3+n+uoKoqiAYCiKG3DiuvfMZjN9l7E4m0kwTkQrGt2G0KAuA44S2DHlEuGZlP7PweNv6EYpZnsf3LpT3UTSY2/1q/9F55OIV+83sXnzxpBje1nLmL7qRw1Sp6gWJSq6G82w18+K35JGecBQL7pUu+9qy/81qSOrKIoGgAoitIZAcEnL39NplDaJKC3EXAWRJY2FgVgOvtPBuzAfzrgGohTfmrQiO1n3cbfgLsO4gKAOWr8BZrK/oswnMmy7adMe/8/uW01lvT0hcel8DxgtR/0aMAsKHlAoejX7xdLTTj1hG/GUzBmL7H9pvQ496y94MGf6egqiqIBgKIonc9d253Vz3hnWcYGB/RWAk4F4KaK/7CnZvVnrpQNOf4cBEw0PVFYKABIEP8Rrd+Kxl9/C5IePDRj+ykUDgwq2xcBlQQmJwHxD/zNqX34oxNXRRRq3nf+UWaNCOB5fma/WPKz/E2X80zffUskZi85/B1D7n1rxof20I67rY6yoigaACiK0tWsuuGCAccdPJMtn03knAeWN4Kkd0a2nyCIET8oML4NKQxBKCii0brGX6Cx7H8zjb+B/wez/xIQ+ZUgwUyWbT/LywYzwH9uXQPXibRfqO3njGAWeHa6nKfkAcWiNGdfGzw7iTwi/JgMPWDAu/J599vqza8oigYAiqIof3BaZvi49Wcw8YUG5s0COR3A4qYaf4MiXQhiyqVDhvzSIdeUg4L5bvytn/0Xktj9UyE66Zfga+cO4NzhofBr1fazITwLeCVG0ROUSkCpNIvM/vSnm4Mx33cd2QPYB70x+be1O/bkdLQVRdEAQFEUpU5AsOaE0V9j65xlhM4A2VOFK03FTdh+Su2Vjw0BDk0HBk5g9uJGbD9n1fiL8FsIiv9KgJNq+8kh28/XLiY8tHlEbT+bEPqe52f3Pa9J3/0EDNEvYLCXiB8RuLteeGri+6f/4d6SjrqiKBoAKIqizJKRD7ztGFnef5ZI9hwCv54Fp0J4SUigo04AkBQ8EMAGABmI45cSwZQbjg3Vz/7PsPFXhJu0/QxuQPC9zcvwqiVq+wkA1vqlO571xb3nCTzrZ/ZnWr4Tc+OcItc8boz8wGH7oCHnO0MbHnpev52KomgAoCiKMhdcd51Zt+jxN+RR/FWydCqA10FwIjEPxov/qAhvsPEXADsAyA8GxCkHBURgkukAYVrV16r9QE+DVAOISOlPxZEoyfZzkkPHfMk6F7edNYyFYvvJLLA2KPQBz+Pyv60T+dWhJBpziB6Dgx9B+P9mHffRofN3/ogIrF8+RVE0AFAURWkjVn/sklcYz7xJRM5gK6+H2OMINJIo/quCf4a2n1Re5Dj+vxCIY/zXGUCI/MohCvv8N2T7Wf65avsZyP4/uXVVV9h+igAsAJfFvS077nD5X+sJLLemXCflhrgfxvw0k8WPiWkvMuaRlec98KPyR6coiqIBgKIoSscFBf9r4xDQ+1rjeKeIpZPBOB6OvEoYw5CA52Zi4y9Ctp8SW9BfG1hIQLSKKS92KgFB4C8MYMqboemgAQjYfgbE/4ff0IP3nrgmfKxtYPvJ5YomYX8WXGFf0Pv/90U9l5dxWezHeufL0dHd5JgjRHgCkJ84JI8D/FimJD9YsWXPs/otURRFAwBFUZQFwMoPv22VcfpPFcYpQuZEw/JKgNfBDwzcpAnFJCDGpy+pZckeyuDHxAkikT4AJDf+AqC8gLj8BAGERRlg1+aVyDpZEAEggiECFZ8BSSFyoScYE9HWCTcBX7xHJx3zAxEuH3MlWw/xfydlcV9xJZ11GU4rhD+hRMDTMPQkObTPePxjZvuYQfGHw1v2vqxnvaIoGgAoiqIotdy13TnmRX61cyR3EsE5XgivJuZXiGCdgQyLoDcopSuTdMUq7aQAoIHGXyoKTElCG/vUr/bjjSuXhV9rJ4BiB2vbJoU/AVMgPAUyT8Lg547YfZbwBCjzxOjY0JM6sZaiKIoGAIqiKC1l6FPnLrKFY9Y7U/nXGuDVQmZE2K4GY50BhkRkNUR66or/lMZfAHCmOPT74xYRvnTOKhgTsf3MP9t5tp8Jop+IPBAOAniRDP1CSF6Ax8+Tof8EOT8zbubZNW+//2mtz1cURdEAQFEUpY3ELWjZ9VvWZot2DbtmrbCMkrUr4ZgheLwGRMtJZDlYlgswAJb+qDg2BQZ5lejB5yvnLravHBx0Qq/1DgOlw+09HETjBhgjwn4WOWAIL8PgBZR4PznOiyyl53oyPS8Q2xdXXPjQCyruFUVRNABQFEXp+oBh6E83rfKWuitNoThEhocyRXeNx94x8LDMGFk21GP67n7LMUNLHTrARAPC6AWQReEZF2BXWJZMGxnRAAy5oX0w9wHIRvZchDHhWWpZPCKZLB+XkKExMEpCmBThvHFMnsATDPIM6BBBrAgOM8whx6VDzPYQxBwEuwcMHz645qK9B1TQK4qitAf/HyItZxoWzEQdAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE5LTEyLTA1VDE0OjI5OjE5KzAwOjAwH2WhCAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOS0xMi0wNVQxNDoyOToxOSswMDowMG44GbQAAAAASUVORK5CYII="/>
+</defs>
+</svg>
diff --git a/images/downloadLocalRecording.png b/images/downloadLocalRecording.png
new file mode 100644
index 0000000..3e499cd
Binary files /dev/null and b/images/downloadLocalRecording.png differ
diff --git a/images/dropboxLogo_square.png b/images/dropboxLogo_square.png
new file mode 100644
index 0000000..2ea9093
Binary files /dev/null and b/images/dropboxLogo_square.png differ
diff --git a/images/f-droid-badge.png b/images/f-droid-badge.png
new file mode 100644
index 0000000..6efa1c2
Binary files /dev/null and b/images/f-droid-badge.png differ
diff --git a/images/favicon.svg b/images/favicon.svg
new file mode 100644
index 0000000..2a42fab
--- /dev/null
+++ b/images/favicon.svg
@@ -0,0 +1,13 @@
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path d="M45.4181 23.2445C45.0316 22.4169 44.4086 21.7223 43.6277 21.2487C42.6993 20.6602 41.5397 20.5354 40.7313 20.5354C40.4591 20.5354 40.1871 20.5495 39.9163 20.5776H39.8961C39.9105 20.4663 39.9393 20.3223 39.9633 20.2051C40.0037 19.9997 40.0497 19.7664 40.0757 19.5235C40.1832 18.4819 39.8126 17.0803 39.1301 15.9543C39.0216 15.7747 39.0254 15.7133 39.0254 15.7133C39.0596 15.6624 39.0995 15.6157 39.1445 15.5741L39.2069 15.5088C40.8206 13.7808 41.3083 11.881 40.6545 9.85058C39.4152 6.00002 39.083 6.00002 38.8401 6.00002C38.786 5.99948 38.7323 6.01041 38.6827 6.03209C38.633 6.05376 38.5886 6.08569 38.5521 6.12578C38.5118 6.1746 38.4823 6.23142 38.4656 6.29249C38.4489 6.35356 38.4454 6.41747 38.4552 6.48002C38.5809 7.75682 38.2929 9.58466 38.1009 10.2807C37.8657 11.1562 37.0449 12.4618 34.4529 13.7031C34.2709 13.7806 34.0851 13.8489 33.8961 13.9075C33.0504 14.1907 31.6373 14.664 30.852 15.745C30.2597 16.4391 30.1166 17.1341 29.8603 18.3888C29.6318 19.5043 29.4475 20.8627 29.8085 22.4842C29.8449 22.6445 29.8795 22.7789 29.9112 22.8989C29.9333 22.9843 29.9525 23.0583 29.9669 23.1226L29.9976 23.1159L29.9659 23.1245C29.9899 23.2205 29.9745 23.2435 29.94 23.2675C29.8153 23.3169 29.6869 23.3564 29.556 23.3856C29.172 23.4471 28.788 23.5152 28.4213 23.5872C27.2539 23.7879 23.7249 24.3965 22.0997 26.9837C21.0965 28.5792 20.9544 30.6634 21.6753 33.1853C22.4232 35.6813 23.9073 37.3968 24.923 37.7462L24.9393 37.752C25.0123 37.7846 25.0824 37.8125 25.1505 37.8355C25.1505 37.9056 25.1438 37.991 25.1352 38.087C25.1281 38.1293 25.1214 38.1754 25.115 38.2253C25.0037 39.0394 24.6197 39.9168 24.228 39.9398C24.0216 39.8995 23.2037 39.4358 22.6248 39.0557C22.4392 38.9347 22.2632 38.8189 22.0968 38.7082C20.4811 37.6387 19.5902 37.0502 18.2289 36.8986C18.1824 36.8936 18.1356 36.891 18.0888 36.8909C16.6488 36.8909 14.0568 39.3158 14.0021 44.1485C13.9742 46.5696 14.2277 48.7824 14.7576 50.7264C15.1358 52.1203 15.539 52.9142 15.6561 53.1264L16.1227 54L16.3358 53.04C17.459 47.952 18.8453 46.7261 21.1521 45.2592C22.8427 46.8432 25.0632 47.6784 27.5918 47.6784C29.723 47.6784 31.9531 47.0592 33.8693 45.9341C35.7518 44.8301 37.2053 43.3421 38.0933 41.6227C38.2411 41.7187 38.4197 41.8435 38.5377 41.9261C38.9601 42.2218 39.0494 42.2842 39.2001 42.2842H39.2136C39.3787 42.2774 40.9358 41.7552 42.5304 39.8074C43.4568 38.6755 44.2209 37.2758 44.8008 35.6448C45.5189 33.6288 45.9528 31.248 46.1006 28.5706C46.2638 26.3223 46.0353 24.5319 45.4219 23.2493L45.4181 23.2445ZM39.4449 10.3027C39.5788 10.8426 39.5962 11.4049 39.4958 11.952C39.3461 13.0157 38.8949 13.968 38.1249 14.8368C38.7811 13.3969 39.2257 11.8698 39.4449 10.3027V10.3027ZM38.3313 16.9047C38.5659 17.2594 38.7449 17.6479 38.8622 18.0567C38.9924 18.5927 38.9691 19.1546 38.795 19.6781C38.5195 20.3338 38.1499 20.665 37.6958 20.665H37.6353C37.4753 20.6409 37.3219 20.5847 37.1841 20.4999C36.6005 20.1581 36.2846 19.2519 36.5121 18.5875C36.5217 18.5683 36.5304 18.5482 36.539 18.5271C36.5765 18.4311 36.683 18.2467 36.9787 17.9616C37.4011 17.5882 38.0184 17.1168 38.3294 16.9056L38.3313 16.9047ZM31.5729 16.7242L31.5787 16.7136V16.704C31.7035 16.3968 32.5627 15.8995 33.1329 15.5703C33.204 15.528 33.275 15.4867 33.3461 15.4464C33.5958 15.3153 33.8522 15.1971 34.1141 15.0922C35.052 14.6928 36.5141 14.0707 37.7179 12.912C37.3685 14.137 36.5275 16.2 35.1451 17.449C34.8379 17.7264 34.2177 17.9722 33.4987 18.2563C32.724 18.5616 31.7928 18.9283 30.8894 19.4823C30.9595 18.7757 31.1774 17.5431 31.5681 16.7242H31.5729ZM30.9729 20.7159C31.4376 20.3319 32.2881 19.8115 35.075 18.8919C35.0942 18.9783 35.1163 19.0896 35.1374 19.2C35.1547 19.2835 35.1729 19.3786 35.1941 19.4823C35.3765 20.3827 35.5781 21.3946 37.4529 21.9562C37.2782 22.3402 36.9192 22.9891 36.7944 23.113L36.7531 23.1485L36.7243 23.1955C36.3595 23.7811 34.3877 25.0589 33.5045 25.0589C33.4665 25.0593 33.4286 25.0564 33.3912 25.0503C32.8593 24.9475 31.6382 23.8627 31.2792 23.0611C30.5851 21.4877 30.7272 20.9203 30.9681 20.7197L30.9729 20.7159ZM24.0293 35.1581C23.0078 33.6384 22.2341 30.983 22.7409 28.848V28.8384C22.9857 27.6768 23.7969 26.9933 24.132 26.7533L24.18 26.7178C24.6773 26.2839 25.6949 25.8259 27.0465 25.4256C27.2385 25.3757 27.3441 25.3536 27.3489 25.3536C27.5976 25.3018 27.8693 25.2394 28.1333 25.1789C28.6328 25.0513 29.1392 24.9523 29.6501 24.8823C29.7768 24.8688 29.9054 24.8448 30.0283 24.8208C30.1944 24.7844 30.3634 24.7625 30.5333 24.7555C30.6688 24.7483 30.8031 24.7839 30.9173 24.8573C31.4184 25.4525 32.6453 26.6275 33.4497 26.6967H33.4737H33.5006C34.4165 26.6477 35.8517 25.7539 37.7678 24.0384C38.0933 23.7504 38.3957 23.4989 38.6923 23.2791L38.7288 23.2512C39.2517 22.8546 39.8275 22.533 40.4395 22.296C40.2389 22.9527 40.0795 24.0749 40.7275 25.656C41.0645 26.4739 41.7115 28.3171 42.2481 30.1219C43.1717 33.2304 43.043 33.7776 43.0248 33.8285C42.9992 33.9341 42.9574 34.0351 42.9009 34.128C42.8289 34.1141 42.7593 34.0895 42.6945 34.055C42.2289 33.84 41.7067 33.456 41.0961 33.0048C39.9633 32.1744 38.555 31.1414 36.4939 30.336C34.98 29.7456 33.4747 29.4451 32.0222 29.4451C31.4203 29.4441 30.8198 29.5013 30.2289 29.616C26.9822 30.2563 25.2705 31.6877 24.3518 32.4576L24.3451 32.4634C24.2847 32.5123 24.2409 32.5787 24.2198 32.6534C24.1987 32.7282 24.2012 32.8077 24.227 32.881C24.2535 32.9531 24.3017 33.0152 24.365 33.0587C24.4283 33.1022 24.5035 33.125 24.5803 33.1238C24.6638 33.1238 24.7454 33.1008 25.0152 33.023C25.988 32.7332 26.9835 32.5257 27.9912 32.4029C28.3522 32.3608 28.7154 32.3393 29.0789 32.3386C30.6504 32.3386 32.0961 32.8186 33.6264 33.8582C33.9768 34.151 34.1909 34.345 34.3205 34.4726L34.188 34.5072L33.2597 34.7693C30.9614 35.4192 27.4872 36.4013 25.8427 36.4013C25.7166 36.4023 25.5906 36.3949 25.4654 36.3792C25.0392 36.3168 24.5189 35.8714 24.036 35.159L24.0293 35.1581ZM17.2507 46.8173C16.6038 47.6606 16.1274 48.6219 15.8481 49.6474C15.539 48.1661 15.1761 45.7296 15.3825 43.8326C15.8126 39.9024 17.7595 38.5862 18.0485 38.5171H18.0667C18.083 38.5171 18.1022 38.5171 18.1406 38.5584C18.2961 38.7274 18.6321 39.4406 18.3873 42.3907C18.3297 42.9984 18.4757 43.513 18.8232 43.92C19.0586 44.1892 19.3548 44.3985 19.6872 44.5306C18.7501 45.1495 17.9249 45.923 17.2469 46.8182L17.2507 46.8173ZM20.5598 42.96C20.4584 43.0054 20.3492 43.0308 20.2382 43.0349C20.1992 43.0383 20.1599 43.0329 20.1233 43.0189C20.0867 43.0049 20.0538 42.9828 20.027 42.9542C19.9646 42.889 19.8235 42.6662 19.8686 42.0086C19.9003 41.6851 19.9454 41.3626 19.9877 41.0486C20.0819 40.4573 20.1384 39.8606 20.1566 39.2621C21.2913 40.0051 22.5489 40.7923 23.363 41.1552C22.8312 41.6266 21.7243 42.4742 20.5598 42.9619V42.96ZM35.3678 42.8544C33.5373 44.7625 31.0651 45.9252 28.428 46.1184C28.115 46.1414 27.803 46.153 27.5025 46.153C24.0302 46.153 22.2657 44.6794 21.4545 43.8586C25.3781 42.1661 26.1739 39.7459 26.5214 38.689C26.555 38.5862 26.5857 38.497 26.6174 38.4202C26.7672 38.3453 27.2433 38.1322 28.7121 37.5821C29.8641 37.1674 31.2456 36.7027 32.4638 36.2918C33.4785 35.9501 34.355 35.6534 34.8341 35.4778L34.8734 35.4653C34.9694 35.4384 35.027 35.4259 35.0654 35.4192L35.0923 35.4538C35.5387 36.0355 36.275 36.3898 36.2817 36.3946C36.8353 36.6416 37.4273 36.791 38.0318 36.8362C38.0174 38.9338 37.0593 41.1091 35.3736 42.8534L35.3678 42.8544ZM38.411 35.6726C36.9585 35.6726 36.4488 35.2051 35.9736 34.6397C33.6149 31.8278 31.0075 31.367 29.9947 31.2989C29.6702 31.2778 29.3525 31.2672 29.0481 31.2672C28.7928 31.2672 28.5432 31.2739 28.2993 31.2893C29.4742 30.8898 30.7064 30.6849 31.9473 30.6826C34.5489 30.6826 37.0536 31.6042 39.3893 33.4205C40.3416 34.1606 41.0424 34.6858 41.6481 35.1072C41.3531 35.1949 40.9547 35.3069 40.4529 35.4432L40.2609 35.496C39.651 35.6044 39.0333 35.6635 38.4139 35.6726H38.411ZM39.3163 40.9901C39.1637 40.8557 38.9323 40.6416 38.6933 40.4237C38.9129 39.8647 39.0788 39.2861 39.1886 38.6957C39.3019 38.0726 39.3729 37.2557 39.4056 36.8227C40.0954 36.7196 40.7783 36.5744 41.4504 36.3878C42.2597 36.1555 42.8846 35.8915 43.3301 35.591C41.9409 39.0595 39.9288 40.583 39.3163 40.9882V40.9901ZM44.123 33.0576C43.9166 31.3478 43.2245 29.2339 42.9537 28.4122C42.9249 28.3162 42.9009 28.2471 42.8846 28.1962C42.8645 28.1309 42.8021 27.9571 42.6734 27.6019C42.3403 26.6717 41.6453 24.7383 41.5214 24.1661C41.3438 23.3251 41.7451 22.1683 42.0014 22.0675C42.0806 22.0378 42.1645 22.0225 42.2491 22.0224C42.7214 22.0224 43.3051 22.4688 43.7669 23.1888C44.3256 24.0528 44.6568 25.1981 44.7 26.4039C44.796 29.0352 44.5521 31.2336 44.124 33.0576"/>
+	  <style>
+	    path {
+	      fill: #727272;
+	    }
+	    @media (prefers-color-scheme: dark) {
+	      path {
+	        fill: #FFF;
+	      }
+	    }
+	  </style>
+</svg>
\ No newline at end of file
diff --git a/images/flags.png b/images/flags.png
new file mode 100644
index 0000000..c5df72d
Binary files /dev/null and b/images/flags.png differ
diff --git a/images/flags@2x.png b/images/flags@2x.png
new file mode 100644
index 0000000..f56257a
Binary files /dev/null and b/images/flags@2x.png differ
diff --git a/images/google-play-badge.png b/images/google-play-badge.png
new file mode 100644
index 0000000..c778da6
Binary files /dev/null and b/images/google-play-badge.png differ
diff --git a/images/googleLogo.svg b/images/googleLogo.svg
new file mode 100644
index 0000000..1e74ba4
--- /dev/null
+++ b/images/googleLogo.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 48 48" class="abcRioButtonSvg">
+  <g>
+    <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"></path>
+    <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"></path>
+    <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"></path>
+    <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"></path>
+    <path fill="none" d="M0 0h48v48H0z"></path>
+  </g>
+</svg>
diff --git a/images/icon-cloud.png b/images/icon-cloud.png
new file mode 100644
index 0000000..6ea1b95
Binary files /dev/null and b/images/icon-cloud.png differ
diff --git a/images/icon-info.png b/images/icon-info.png
new file mode 100644
index 0000000..a3be45a
Binary files /dev/null and b/images/icon-info.png differ
diff --git a/images/icon-users.png b/images/icon-users.png
new file mode 100644
index 0000000..0944953
Binary files /dev/null and b/images/icon-users.png differ
diff --git a/images/jitsilogo.png b/images/jitsilogo.png
new file mode 100644
index 0000000..51a3854
Binary files /dev/null and b/images/jitsilogo.png differ
diff --git a/images/logo-deep-linking-mobile.png b/images/logo-deep-linking-mobile.png
new file mode 100644
index 0000000..4225c83
Binary files /dev/null and b/images/logo-deep-linking-mobile.png differ
diff --git a/images/logo-deep-linking.png b/images/logo-deep-linking.png
new file mode 100644
index 0000000..69ca9c5
Binary files /dev/null and b/images/logo-deep-linking.png differ
diff --git a/images/microsoftLogo.svg b/images/microsoftLogo.svg
new file mode 100644
index 0000000..1f73976
--- /dev/null
+++ b/images/microsoftLogo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><title>MS-SymbolLockup</title><rect x="1" y="1" width="9" height="9" fill="#f25022"/><rect x="1" y="11" width="9" height="9" fill="#00a4ef"/><rect x="11" y="1" width="9" height="9" fill="#7fba00"/><rect x="11" y="11" width="9" height="9" fill="#ffb900"/></svg>
\ No newline at end of file
diff --git a/images/share-audio.gif b/images/share-audio.gif
new file mode 100644
index 0000000..756493d
Binary files /dev/null and b/images/share-audio.gif differ
diff --git a/images/virtual-background/background-1.jpg b/images/virtual-background/background-1.jpg
new file mode 100644
index 0000000..03461c1
Binary files /dev/null and b/images/virtual-background/background-1.jpg differ
diff --git a/images/virtual-background/background-2.jpg b/images/virtual-background/background-2.jpg
new file mode 100644
index 0000000..a7716df
Binary files /dev/null and b/images/virtual-background/background-2.jpg differ
diff --git a/images/virtual-background/background-3.jpg b/images/virtual-background/background-3.jpg
new file mode 100644
index 0000000..d56ed0c
Binary files /dev/null and b/images/virtual-background/background-3.jpg differ
diff --git a/images/virtual-background/background-4.jpg b/images/virtual-background/background-4.jpg
new file mode 100644
index 0000000..e43c0e0
Binary files /dev/null and b/images/virtual-background/background-4.jpg differ
diff --git a/images/virtual-background/background-5.jpg b/images/virtual-background/background-5.jpg
new file mode 100644
index 0000000..bdb2e00
Binary files /dev/null and b/images/virtual-background/background-5.jpg differ
diff --git a/images/virtual-background/background-6.jpg b/images/virtual-background/background-6.jpg
new file mode 100644
index 0000000..849e30c
Binary files /dev/null and b/images/virtual-background/background-6.jpg differ
diff --git a/images/virtual-background/background-7.jpg b/images/virtual-background/background-7.jpg
new file mode 100644
index 0000000..b781c15
Binary files /dev/null and b/images/virtual-background/background-7.jpg differ
diff --git a/images/watermark.svg b/images/watermark.svg
new file mode 100644
index 0000000..7286107
--- /dev/null
+++ b/images/watermark.svg
@@ -0,0 +1,8 @@
+<svg width="71" height="32" viewBox="0 0 71 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.9454 11.4963C20.6878 10.9446 20.2724 10.4816 19.7518 10.1658C19.1329 9.77345 18.3598 9.69025 17.8209 9.69025C17.6394 9.69028 17.458 9.69968 17.2775 9.71841H17.2641C17.2737 9.64417 17.2929 9.54817 17.3089 9.47009C17.3358 9.33313 17.3665 9.17761 17.3838 9.01569C17.4555 8.32129 17.2084 7.38689 16.7534 6.63617C16.6811 6.51649 16.6836 6.47553 16.6836 6.47553C16.7064 6.44162 16.733 6.41047 16.763 6.38273L16.8046 6.33921C17.8804 5.18721 18.2055 3.92065 17.7697 2.56705C16.9435 1.24512e-05 16.722 1.24425e-05 16.5601 1.24425e-05C16.524 -0.000343533 16.4882 0.00694248 16.4551 0.021392C16.422 0.0358415 16.3924 0.0571276 16.3681 0.0838524C16.3412 0.116401 16.3216 0.154283 16.3104 0.194993C16.2993 0.235704 16.2969 0.278316 16.3035 0.320012C16.3873 1.17121 16.1953 2.38977 16.0673 2.85377C15.9105 3.43745 15.3633 4.30785 13.6353 5.13537C13.5139 5.18707 13.3901 5.23257 13.2641 5.27169C12.7003 5.46049 11.7582 5.77601 11.2347 6.49665C10.8398 6.95937 10.7444 7.42273 10.5735 8.25921C10.4212 9.00289 10.2983 9.90849 10.539 10.9894C10.5633 11.0963 10.5863 11.1859 10.6075 11.2659C10.6222 11.3229 10.635 11.3722 10.6446 11.415L10.6651 11.4106L10.6439 11.4163C10.6599 11.4803 10.6497 11.4957 10.6267 11.5117C10.5435 11.5446 10.4579 11.5709 10.3707 11.5904C10.1147 11.6314 9.85865 11.6768 9.61417 11.7248C8.83593 11.8586 6.4833 12.2643 5.39978 13.9891C4.73098 15.0528 4.63626 16.4422 5.1169 18.1235C5.61546 19.7875 6.6049 20.9312 7.28202 21.1642L7.2929 21.168C7.34154 21.1898 7.38826 21.2083 7.4337 21.2237C7.4337 21.2704 7.42922 21.3274 7.42346 21.3914C7.41876 21.4195 7.41428 21.4502 7.41002 21.4835C7.33578 22.0262 7.07978 22.6112 6.81866 22.6266C6.68106 22.5997 6.13578 22.2906 5.74986 22.0371C5.62612 21.9565 5.50879 21.8793 5.39786 21.8054C4.32074 21.0925 3.72682 20.7002 2.8193 20.599C2.78826 20.5957 2.75707 20.594 2.72586 20.5939C1.76586 20.5939 0.0378581 22.2106 0.00137814 25.4323C-0.0171819 27.0464 0.151778 28.5216 0.505058 29.8176C0.757218 30.7469 1.02602 31.2762 1.1041 31.4176L1.41514 32L1.55722 31.36C2.30602 27.968 3.23018 27.1507 4.7681 26.1728C5.89514 27.2288 7.37546 27.7856 9.06122 27.7856C10.482 27.7856 11.9687 27.3728 13.2462 26.6227C14.5012 25.8867 15.4702 24.8947 16.0622 23.7485C16.1607 23.8125 16.2798 23.8957 16.3585 23.9507C16.6401 24.1478 16.6996 24.1894 16.8001 24.1894H16.8091C16.9191 24.185 17.9572 23.8368 19.0203 22.5382C19.6379 21.7837 20.1473 20.8506 20.5339 19.7632C21.0126 18.4192 21.3019 16.832 21.4004 15.047C21.5092 13.5482 21.3569 12.3546 20.9479 11.4995L20.9454 11.4963ZM16.9633 2.86849C17.0525 3.22843 17.0641 3.60325 16.9972 3.96801C16.8974 4.67713 16.5966 5.31201 16.0833 5.89121C16.5207 4.93129 16.8171 3.91319 16.9633 2.86849ZM16.2209 7.26977C16.3772 7.50628 16.4966 7.76526 16.5748 8.03777C16.6616 8.39515 16.6461 8.76975 16.53 9.11873C16.3463 9.55585 16.0999 9.77665 15.7972 9.77665H15.7569C15.6502 9.76061 15.5479 9.72316 15.4561 9.66657C15.067 9.43873 14.8564 8.83457 15.0081 8.39169C15.0145 8.37889 15.0203 8.36545 15.026 8.35137C15.051 8.28737 15.122 8.16449 15.3191 7.97441C15.6007 7.72545 16.0123 7.41121 16.2196 7.27041L16.2209 7.26977ZM11.7153 7.14945L11.7191 7.14241V7.13601C11.8023 6.93121 12.3751 6.59969 12.7553 6.38017C12.8027 6.35201 12.85 6.32449 12.8974 6.29761C13.0639 6.21019 13.2348 6.13137 13.4094 6.06145C14.0347 5.79521 15.0094 5.38049 15.8119 4.60801C15.579 5.42465 15.0183 6.80001 14.0967 7.63265C13.8919 7.81761 13.4785 7.98145 12.9991 8.17089C12.4827 8.37441 11.8619 8.61889 11.2596 8.98817C11.3063 8.51713 11.4516 7.69537 11.7121 7.14945H11.7153ZM11.3153 9.81057C11.6251 9.55457 12.1921 9.20769 14.05 8.59457C14.0628 8.65217 14.0775 8.72641 14.0916 8.80001C14.1031 8.85569 14.1153 8.91905 14.1294 8.98817C14.251 9.58849 14.3854 10.263 15.6353 10.6374C15.5188 10.8934 15.2795 11.3261 15.1963 11.4086L15.1687 11.4323L15.1495 11.4637C14.9063 11.8541 13.5918 12.7059 13.003 12.7059C12.9777 12.7062 12.9524 12.7042 12.9275 12.7002C12.5729 12.6317 11.7588 11.9085 11.5195 11.3741C11.0567 10.3251 11.1515 9.94689 11.3121 9.81313L11.3153 9.81057ZM6.68618 19.4387C6.00522 18.4256 5.48938 16.6554 5.8273 15.232V15.2256C5.9905 14.4512 6.5313 13.9955 6.75466 13.8355L6.78666 13.8118C7.11818 13.5226 7.79658 13.2173 8.6977 12.9504C8.8257 12.9171 8.8961 12.9024 8.89929 12.9024C9.06505 12.8678 9.24617 12.8262 9.42217 12.7859C9.75522 12.7009 10.0928 12.6349 10.4334 12.5882C10.5179 12.5792 10.6036 12.5632 10.6855 12.5472C10.7963 12.5229 10.9089 12.5083 11.0222 12.5037C11.1125 12.4989 11.2021 12.5226 11.2782 12.5715C11.6123 12.9683 12.4302 13.7517 12.9665 13.7978H12.9825H13.0004C13.611 13.7651 14.5678 13.1693 15.8452 12.0256C16.0622 11.8336 16.2638 11.6659 16.4615 11.5194L16.4859 11.5008C16.8344 11.2364 17.2183 11.022 17.6263 10.864C17.4926 11.3018 17.3863 12.0499 17.8183 13.104C18.043 13.6493 18.4743 14.8781 18.8321 16.0813C19.4478 18.1536 19.362 18.5184 19.3499 18.5523C19.3328 18.6227 19.3049 18.6901 19.2673 18.752C19.2193 18.7427 19.1729 18.7263 19.1297 18.7034C18.8193 18.56 18.4711 18.304 18.0641 18.0032C17.3089 17.4496 16.37 16.761 14.9959 16.224C13.9867 15.8304 12.9831 15.6301 12.0148 15.6301C11.6136 15.6294 11.2132 15.6676 10.8193 15.744C8.65482 16.1709 7.5137 17.1251 6.90122 17.6384L6.89674 17.6422C6.85648 17.6748 6.8273 17.7191 6.8132 17.769C6.79911 17.8188 6.80079 17.8718 6.81802 17.9206C6.83565 17.9687 6.86779 18.0101 6.90998 18.0391C6.95218 18.0681 7.00234 18.0833 7.05354 18.0826C7.10922 18.0826 7.16362 18.0672 7.34346 18.0154C7.99201 17.8221 8.65569 17.6838 9.32746 17.6019C9.56815 17.5738 9.81025 17.5595 10.0526 17.559C11.1003 17.559 12.0641 17.879 13.0843 18.5722C13.3179 18.7674 13.4606 18.8966 13.547 18.9818L13.4587 19.0048L12.8398 19.1795C11.3076 19.6128 8.99146 20.2675 7.89514 20.2675C7.81106 20.2682 7.72704 20.2633 7.64362 20.2528C7.35946 20.2112 7.01258 19.9142 6.69066 19.4394L6.68618 19.4387ZM2.16714 27.2115C1.73589 27.7737 1.41829 28.4146 1.2321 29.0982C1.02602 28.1107 0.784098 26.4864 0.921698 25.2218C1.20842 22.6016 2.50634 21.7242 2.69898 21.6781H2.71114C2.72202 21.6781 2.73482 21.6781 2.76042 21.7056C2.8641 21.8182 3.0881 22.2938 2.9249 24.2605C2.8865 24.6656 2.98378 25.0086 3.21546 25.28C3.37241 25.4595 3.56986 25.599 3.79146 25.687C3.16674 26.0997 2.61663 26.6154 2.16458 27.2122L2.16714 27.2115ZM4.37322 24.64C4.30562 24.6703 4.23283 24.6872 4.15882 24.6899C4.13281 24.6922 4.10662 24.6886 4.08222 24.6793C4.05783 24.67 4.03587 24.6552 4.01802 24.6362C3.97642 24.5926 3.88234 24.4442 3.91242 24.0058C3.93354 23.7901 3.96362 23.575 3.99178 23.3658C4.05462 22.9715 4.09225 22.5737 4.10442 22.1747C4.8609 22.6701 5.6993 23.1949 6.24202 23.4368C5.88746 23.751 5.14954 24.3162 4.37322 24.6413V24.64ZM14.2452 24.5696C13.0249 25.8417 11.3767 26.6168 9.61866 26.7456C9.41002 26.761 9.20202 26.7686 9.0017 26.7686C6.68682 26.7686 5.5105 25.7862 4.9697 25.239C7.58538 24.1107 8.11594 22.4973 8.34762 21.7926C8.37002 21.7242 8.3905 21.6646 8.41162 21.6134C8.51146 21.5635 8.82889 21.4214 9.80809 21.0547C10.5761 20.7782 11.4971 20.4685 12.3092 20.1946C12.9857 19.9667 13.57 19.769 13.8894 19.6518L13.9156 19.6435C13.9796 19.6256 14.018 19.6173 14.0436 19.6128L14.0615 19.6358C14.3591 20.0237 14.85 20.2598 14.8545 20.263C15.2235 20.4278 15.6182 20.5274 16.0212 20.5574C16.0116 21.9558 15.3729 23.4061 14.2491 24.569L14.2452 24.5696ZM16.274 19.7818C15.3057 19.7818 14.9659 19.4701 14.6491 19.0931C13.0766 17.2186 11.3383 16.9114 10.6631 16.8659C10.4468 16.8518 10.235 16.8448 10.0321 16.8448C9.86185 16.8448 9.69545 16.8493 9.53289 16.8595C10.3161 16.5932 11.1376 16.4566 11.9649 16.455C13.6993 16.455 15.3691 17.0694 16.9262 18.2803C17.5611 18.7738 18.0283 19.1238 18.4321 19.4048C18.2354 19.4633 17.9698 19.5379 17.6353 19.6288L17.5073 19.664C17.1007 19.7363 16.6889 19.7757 16.2759 19.7818H16.274ZM16.8775 23.3267C16.7758 23.2371 16.6215 23.0944 16.4622 22.9491C16.6086 22.5765 16.7192 22.1907 16.7924 21.7971C16.8679 21.3818 16.9153 20.8371 16.9371 20.5485C17.3969 20.4797 17.8522 20.3829 18.3003 20.2586C18.8398 20.1037 19.2564 19.9277 19.5534 19.7274C18.6273 22.0397 17.2859 23.0554 16.8775 23.3254V23.3267ZM20.082 18.0384C19.9444 16.8986 19.483 15.4893 19.3025 14.9414C19.2833 14.8774 19.2673 14.8314 19.2564 14.7974C19.243 14.7539 19.2014 14.6381 19.1156 14.4013C18.8935 13.7811 18.4302 12.4922 18.3476 12.1107C18.2292 11.5501 18.4967 10.7789 18.6676 10.7117C18.7204 10.6919 18.7763 10.6817 18.8327 10.6816C19.1476 10.6816 19.5367 10.9792 19.8446 11.4592C20.2171 12.0352 20.4379 12.7987 20.4667 13.6026C20.5307 15.3568 20.3681 16.8224 20.0827 18.0384" fill="white"/>
+<path d="M30.2977 7.67042V26.3136C30.2977 27.8534 29.9282 29.0287 29.1892 29.8394C28.4502 30.65 27.3622 31.0554 25.9252 31.0554C25.3735 31.0557 24.826 30.9577 24.3086 30.7661L24.3393 29.2544C24.7892 29.3872 25.2558 29.4545 25.7249 29.4541C27.5515 29.4541 28.465 28.4015 28.4654 26.2963V7.67234L30.2977 7.67042ZM29.3896 1.61986C29.7902 1.61986 30.1034 1.73975 30.3291 1.97954C30.5536 2.21644 30.6753 2.53257 30.6676 2.8589C30.6718 3.01948 30.6441 3.1793 30.586 3.32906C30.5278 3.47882 30.4405 3.61552 30.3291 3.73122C30.1034 3.96631 29.7902 4.08343 29.3896 4.08258C28.9992 4.08258 28.6939 3.96546 28.4737 3.73122C28.2526 3.49551 28.1337 3.18194 28.1428 2.8589C28.1344 2.53388 28.2531 2.2184 28.4737 1.97954C28.6943 1.73975 28.9996 1.61986 29.3896 1.61986Z" fill="white"/>
+<path d="M35.3953 2.8589C35.3873 2.53251 35.509 2.21625 35.7339 1.97954C35.9592 1.73975 36.267 1.61986 36.6574 1.61986C37.0478 1.61986 37.3584 1.73975 37.5893 1.97954C37.7025 2.09573 37.7915 2.23335 37.851 2.38434C37.9104 2.53533 37.9392 2.69667 37.9355 2.8589C37.9396 3.02013 37.911 3.18051 37.8515 3.33041C37.792 3.48032 37.7028 3.61665 37.5893 3.73122C37.3584 3.96631 37.0478 4.08364 36.6574 4.08322C36.267 4.08279 35.9592 3.96546 35.7339 3.73122C35.6223 3.61561 35.5349 3.47892 35.4768 3.32914C35.4187 3.17936 35.391 3.0195 35.3953 2.8589ZM37.5656 24.3277H35.7153V7.67042H37.5624L37.5656 24.3277Z" fill="white"/>
+<path d="M45.4317 3.40545V7.67041H48.8801V9.17889H45.4317V20.2912C45.4317 21.2162 45.5986 21.9046 45.9322 22.3565C46.2659 22.8083 46.8227 23.0345 47.6026 23.0349C47.9102 23.0349 48.408 22.9835 49.0957 22.8806L49.1725 24.3763C48.69 24.547 48.0331 24.6334 47.202 24.6355C45.9399 24.6355 45.0213 24.2686 44.4461 23.5347C43.871 22.8009 43.5847 21.7207 43.5873 20.2944V9.17889H40.5204V7.67041H43.5873V3.40545H45.4317Z" fill="white"/>
+<path d="M62.0435 20.096C62.0435 19.1825 61.6768 18.4487 60.9434 17.8944C60.2099 17.3402 59.104 16.9065 57.6256 16.5933C56.1472 16.2801 55.0001 15.9211 54.1843 15.5162C53.3685 15.1113 52.7631 14.6153 52.368 14.0282C51.9725 13.4432 51.7749 12.7352 51.7754 11.904C51.7754 10.5899 52.3245 9.50444 53.4227 8.6477C54.521 7.79095 55.927 7.36172 57.641 7.36002C59.4982 7.36002 60.989 7.81932 62.1133 8.73794C63.2375 9.65655 63.7995 10.8548 63.799 12.3328H61.9514C61.9514 11.3583 61.5435 10.5476 60.7277 9.90082C59.9119 9.25399 58.883 8.93079 57.641 8.93122C56.4292 8.93122 55.4566 9.20065 54.7232 9.73953C53.9898 10.2784 53.6228 10.9786 53.6224 11.84C53.6224 12.6716 53.9277 13.3156 54.5382 13.7722C55.1488 14.2287 56.2624 14.6471 57.879 15.0272C59.4957 15.4065 60.707 15.8119 61.513 16.2432C62.3189 16.6746 62.9163 17.193 63.305 17.7984C63.6949 18.4039 63.8899 19.1377 63.8899 20C63.8899 21.408 63.3229 22.5319 62.1888 23.3715C61.0547 24.2112 59.5742 24.6319 57.7472 24.6336C55.8076 24.6336 54.2347 24.1643 53.0285 23.2256C51.8223 22.2869 51.2194 21.0989 51.2198 19.6615H53.0669C53.1386 20.7392 53.5928 21.5785 54.4294 22.1792C55.2661 22.78 56.3721 23.0801 57.7472 23.0797C59.0306 23.0797 60.0672 22.7975 60.857 22.233C61.6467 21.6685 62.0422 20.9562 62.0435 20.096Z" fill="white"/>
+<path d="M67.6097 2.8589C67.6016 2.53251 67.7234 2.21625 67.9483 1.97954C68.174 1.73975 68.482 1.61986 68.8724 1.61986C69.2628 1.61986 69.5732 1.73975 69.8036 1.97954C69.9166 2.0958 70.0053 2.23348 70.0643 2.3845C70.1233 2.53552 70.1515 2.69681 70.1473 2.8589C70.1515 3.02015 70.123 3.18057 70.0635 3.3305C70.004 3.48042 69.9147 3.61673 69.8011 3.73122C69.5698 3.96631 69.2594 4.08364 68.8699 4.08322C68.4803 4.08279 68.1723 3.96546 67.9457 3.73122C67.8341 3.61561 67.7467 3.47892 67.6886 3.32914C67.6305 3.17936 67.6028 3.0195 67.6071 2.8589H67.6097ZM69.778 24.3277H67.9329V7.67042H69.7806L69.778 24.3277Z" fill="white"/>
+</svg>
diff --git a/images/welcome-background.png b/images/welcome-background.png
new file mode 100644
index 0000000..e948826
Binary files /dev/null and b/images/welcome-background.png differ
diff --git a/index.android.js b/index.android.js
new file mode 100644
index 0000000..5640833
--- /dev/null
+++ b/index.android.js
@@ -0,0 +1,2 @@
+import './react/index.native';
+
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..c624ca3
--- /dev/null
+++ b/index.html
@@ -0,0 +1,215 @@
+<html itemscope itemtype="http://schema.org/Product" prefix="og: http://ogp.me/ns#" xmlns="http://www.w3.org/1999/html">
+  <head>
+    <!--#include virtual="head.html" -->
+    <meta charset="utf-8">
+    <meta http-equiv="content-type" content="text/html;charset=utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+    <meta name="theme-color" content="#2A3A4B">
+    <!--#include virtual="base.html" -->
+
+    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
+    <link rel="stylesheet" href="css/all.css">
+    <!--#include virtual="fonts.html"-->
+    <link rel="manifest" id="manifest-placeholder">
+
+    <script>
+        function contextRoot(pathname) {
+            const contextRootEndIndex = pathname.lastIndexOf('/');
+
+            return (
+                contextRootEndIndex === -1
+                ? '/'
+                : pathname.substring(0, contextRootEndIndex + 1)
+            );
+        }
+        window.EXCALIDRAW_ASSET_PATH = 'libs/';
+        // Dynamically generate the manifest location URL. It must be served from the document origin, and we may have
+        // the base pointing to the CDN. This way we can generate a full URL which will bypass the base.
+        document.querySelector('#manifest-placeholder').setAttribute('href', window.location.origin + contextRoot(window.location.pathname) + 'manifest.json');
+
+        document.addEventListener('DOMContentLoaded', () => {
+            if (!JitsiMeetJS.app) {
+                return;
+            }
+
+            JitsiMeetJS.app.renderEntryPoint({
+                Component: JitsiMeetJS.app.entryPoints.APP
+            })
+
+            const isEmbedded = () => {
+                try {
+                    return window.self !== window.top;
+                } catch (e) {
+                    return true;
+                }
+            };
+
+            const isElectron = navigator.userAgent.includes('Electron');
+            const shouldRegisterWorker = !isElectron && !isEmbedded() && 'serviceWorker' in navigator;
+
+            if (shouldRegisterWorker) {
+                navigator.serviceWorker
+                    .register(window.location.origin + contextRoot(window.location.pathname) + 'pwa-worker.js')
+                    .then(reg => {
+                        console.log('Service worker registered.', reg);
+                    })
+                    .catch(err => {
+                        console.log(err);
+                    });
+            }
+        });
+    </script>
+    <script>
+        // IE11 and earlier can be identified via their user agent and be
+        // redirected to a page that is known to have no newer js syntax.
+        if (window.navigator.userAgent.match(/(MSIE|Trident)/)) {
+            var roomName = encodeURIComponent(window.location.pathname);
+            window.location.pathname = 'static/recommendedBrowsers.html';
+        }
+
+        window.indexLoadedTime = window.performance.now();
+        console.log("(TIME) index.html loaded:\t", indexLoadedTime);
+        window.addEventListener('load', function() {
+            window.loadedEventTime = window.performance.now();
+            console.log("(TIME) window loaded event:\t", loadedEventTime);
+        });
+
+        // XXX the code below listeners for errors and displays an error message
+        // in the document body when any of the required files fails to load.
+        // The intention is to prevent from displaying broken page.
+        var criticalFiles = [
+            "config.js",
+            "utils.js",
+            "do_external_connect.js",
+            "interface_config.js",
+            "lib-jitsi-meet.min.js",
+            "app.bundle.min.js",
+            "all.css"
+        ];
+        var loadErrHandler = function(e) {
+            var target = e.target;
+            // Error on <script> and <link>(CSS)
+            // <script> will have .src and <link> .href
+            var fileRef = (target.src ? target.src : target.href);
+            if (("SCRIPT" === target.tagName || "LINK" === target.tagName)
+                && criticalFiles.some(
+                    function(file) { return fileRef.indexOf(file) !== -1 })) {
+                window.onload = function() {
+                    // The whole complex part below implements page reloads with
+                    // "exponential backoff". The retry attempt is passes as
+                    // "rCounter" query parameter
+                    var href = window.location.href;
+
+                    var retryMatch = href.match(/.+(\?|&)rCounter=(\d+)/);
+                    var retryCountStr = retryMatch ? retryMatch[2] : "0";
+                    var retryCount = Number.parseInt(retryCountStr);
+
+                    if (retryMatch == null) {
+                        var separator = href.indexOf("?") === -1 ? "?" : "&";
+                        var hashIdx = href.indexOf("#");
+
+                        if (hashIdx === -1) {
+                            href += separator + "rCounter=1";
+                        } else {
+                            var hashPart = href.substr(hashIdx);
+
+                            href = href.substr(0, hashIdx)
+                                + separator + "rCounter=1" + hashPart;
+                        }
+                    } else {
+                        var separator = retryMatch[1];
+
+                        href = href.replace(
+                            /(\?|&)rCounter=(\d+)/,
+                            separator + "rCounter=" + (retryCount + 1));
+                    }
+
+                    var delay = Math.pow(2, retryCount) * 2000;
+                    if (isNaN(delay) || delay < 2000 || delay > 60000)
+                        delay = 10000;
+
+                    var showMoreText = "show more";
+                    var showLessText = "show less";
+
+                    document.body.innerHTML
+                        = "<div style='"
+                        + "position: absolute;top: 50%;left: 50%;"
+                        + "text-align: center;"
+                        + "font-size: medium;"
+                        + "font-weight: 400;"
+                        + "transform: translate(-50%, -50%)'>"
+                        + "Uh oh! We couldn't fully download everything we needed :("
+                        + "<br/> "
+                        + "We will try again shortly. In the mean time, check for problems with your Internet connection!"
+                        + "<br/><br/> "
+                        + "<div id='moreInfo' style='"
+                        + "display: none;'>" + "Missing " + fileRef
+                        + "<br/><br/></div>"
+                        + "<a id='showMore' style='"
+                        + "text-decoration: underline;"
+                        + "font-size:small;"
+                        + "cursor: pointer'>" + showMoreText + "</a>"
+                        + "&nbsp;&nbsp;&nbsp;"
+                        + "<a id ='reloadLink' style='"
+                        + "text-decoration: underline;"
+                        + "font-size:small;"
+                        + "'>reload now</a>"
+                        + "</div>";
+
+                    var reloadLink = document.getElementById('reloadLink');
+                    reloadLink.setAttribute('href', href);
+
+                    var showMoreElem = document.getElementById("showMore");
+                    showMoreElem.addEventListener('click', function () {
+                            var moreInfoElem
+                                    = document.getElementById("moreInfo");
+
+                            if (showMoreElem.innerHTML === showMoreText) {
+                                moreInfoElem.setAttribute(
+                                    "style",
+                                    "display: block;"
+                                    + "color:#FF991F;"
+                                    + "font-size:small;"
+                                    + "user-select:text;");
+                                showMoreElem.innerHTML = showLessText;
+                            }
+                            else {
+                                moreInfoElem.setAttribute(
+                                    "style", "display: none;");
+                                showMoreElem.innerHTML = showMoreText;
+                            }
+                        });
+
+                    window.setTimeout(
+                        function () { window.location.replace(href); }, delay);
+
+                    // Call extra handler if defined.
+                    if (typeof postLoadErrorHandler === "function") {
+                        postLoadErrorHandler(fileRef);
+                    }
+                };
+                window.removeEventListener(
+                    'error', loadErrHandler, true /* capture phase */);
+            }
+        };
+        window.addEventListener(
+            'error', loadErrHandler, true /* capture phase type of listener */);
+    </script>
+    <script><!--#include virtual="/config.js" --></script><!-- adapt to your needs, i.e. set hosts and bosh path -->
+    <script><!--#include virtual="/interface_config.js" --></script>
+    <script src="libs/lib-jitsi-meet.min.js?v=139"></script>
+    <script src="libs/app.bundle.min.js?v=139"></script>
+    <!--#include virtual="title.html" -->
+    <!--#include virtual="plugin.head.html" -->
+    <!--#include virtual="static/welcomePageAdditionalContent.html" -->
+    <!--#include virtual="static/welcomePageAdditionalCard.html" -->
+    <!--#include virtual="static/settingsToolbarAdditionalContent.html" -->
+  </head>
+  <body>
+    <noscript aria-hidden="true">
+        <div>JavaScript is disabled. </br>For this site to work you have to enable JavaScript.</div>
+    </noscript>
+    <!--#include virtual="body.html" -->
+    <div id="react" role="main"></div>
+  </body>
+</html>
diff --git a/index.ios.js b/index.ios.js
new file mode 100644
index 0000000..5640833
--- /dev/null
+++ b/index.ios.js
@@ -0,0 +1,2 @@
+import './react/index.native';
+
diff --git a/inlang.config.js b/inlang.config.js
new file mode 100644
index 0000000..bbc5cd6
--- /dev/null
+++ b/inlang.config.js
@@ -0,0 +1,23 @@
+/**
+ * @type { import("@inlang/core/config").DefineConfig }
+ */
+export async function defineConfig(env) {
+    const { default: i18nextPlugin } = await env.$import(
+        'https://cdn.jsdelivr.net/npm/@inlang/plugin-i18next@2/dist/index.js'
+    );
+
+    const { default: standardLintRules } = await env.$import(
+        'https://cdn.jsdelivr.net/npm/@inlang/plugin-standard-lint-rules@3/dist/index.js'
+    );
+
+    return {
+        referenceLanguage: 'main',
+        plugins: [
+            i18nextPlugin({
+                pathPattern: 'lang/{language}.json',
+                ignore: [ 'languages.json', 'translation-languages.json' ]
+            }),
+            standardLintRules()
+        ]
+    };
+}
diff --git a/interface_config.js b/interface_config.js
new file mode 100644
index 0000000..1e774b3
--- /dev/null
+++ b/interface_config.js
@@ -0,0 +1,251 @@
+/* eslint-disable no-unused-vars, no-var, max-len */
+/* eslint sort-keys: ["error", "asc", {"caseSensitive": false}] */
+
+/**
+ * !!!IMPORTANT!!!
+ *
+ * This file is considered deprecated. All options will eventually be moved to
+ * config.js, and no new options should be added here.
+ */
+
+var interfaceConfig = {
+    APP_NAME: 'Jitsi Meet',
+    AUDIO_LEVEL_PRIMARY_COLOR: 'rgba(255,255,255,0.4)',
+    AUDIO_LEVEL_SECONDARY_COLOR: 'rgba(255,255,255,0.2)',
+
+    /**
+     * A UX mode where the last screen share participant is automatically
+     * pinned. Valid values are the string "remote-only" so remote participants
+     * get pinned but not local, otherwise any truthy value for all participants,
+     * and any falsy value to disable the feature.
+     *
+     * Note: this mode is experimental and subject to breakage.
+     */
+    AUTO_PIN_LATEST_SCREEN_SHARE: 'remote-only',
+    BRAND_WATERMARK_LINK: '',
+
+    CLOSE_PAGE_GUEST_HINT: false, // A html text to be shown to guests on the close page, false disables it
+
+    DEFAULT_BACKGROUND: '#040404',
+    DEFAULT_WELCOME_PAGE_LOGO_URL: 'images/watermark.svg',
+
+    DISABLE_DOMINANT_SPEAKER_INDICATOR: false,
+
+    /**
+     * If true, notifications regarding joining/leaving are no longer displayed.
+     */
+    DISABLE_JOIN_LEAVE_NOTIFICATIONS: false,
+
+    /**
+     * If true, presence status: busy, calling, connected etc. is not displayed.
+     */
+    DISABLE_PRESENCE_STATUS: false,
+
+    /**
+     * Whether the speech to text transcription subtitles panel is disabled.
+     * If {@code undefined}, defaults to {@code false}.
+     *
+     * @type {boolean}
+     */
+    DISABLE_TRANSCRIPTION_SUBTITLES: false,
+
+    /**
+     * Whether or not the blurred video background for large video should be
+     * displayed on browsers that can support it.
+     */
+    DISABLE_VIDEO_BACKGROUND: false,
+
+    DISPLAY_WELCOME_FOOTER: true,
+    DISPLAY_WELCOME_PAGE_ADDITIONAL_CARD: false,
+    DISPLAY_WELCOME_PAGE_CONTENT: false,
+    DISPLAY_WELCOME_PAGE_TOOLBAR_ADDITIONAL_CONTENT: false,
+
+    ENABLE_DIAL_OUT: true,
+
+    FILM_STRIP_MAX_HEIGHT: 120,
+
+    GENERATE_ROOMNAMES_ON_WELCOME_PAGE: true,
+
+    /**
+     * Hide the invite prompt in the header when alone in the meeting.
+     */
+    HIDE_INVITE_MORE_HEADER: false,
+
+    JITSI_WATERMARK_LINK: 'https://jitsi.org',
+
+    LANG_DETECTION: true, // Allow i18n to detect the system language
+    LOCAL_THUMBNAIL_RATIO: 16 / 9, // 16:9
+
+    /**
+     * Maximum coefficient of the ratio of the large video to the visible area
+     * after the large video is scaled to fit the window.
+     *
+     * @type {number}
+     */
+    MAXIMUM_ZOOMING_COEFFICIENT: 1.3,
+
+    /**
+     * Whether the mobile app Jitsi Meet is to be promoted to participants
+     * attempting to join a conference in a mobile Web browser. If
+     * {@code undefined}, defaults to {@code true}.
+     *
+     * @type {boolean}
+     */
+    MOBILE_APP_PROMO: true,
+
+    // Names of browsers which should show a warning stating the current browser
+    // has a suboptimal experience. Browsers which are not listed as optimal or
+    // unsupported are considered suboptimal. Valid values are:
+    // chrome, chromium, electron, firefox , safari, webkit
+    OPTIMAL_BROWSERS: [ 'chrome', 'chromium', 'firefox', 'electron', 'safari', 'webkit' ],
+
+    POLICY_LOGO: null,
+    PROVIDER_NAME: 'Jitsi',
+
+    /**
+     * If true, will display recent list
+     *
+     * @type {boolean}
+     */
+    RECENT_LIST_ENABLED: true,
+    REMOTE_THUMBNAIL_RATIO: 1, // 1:1
+
+    SETTINGS_SECTIONS: [ 'devices', 'language', 'moderator', 'profile', 'calendar', 'sounds', 'more' ],
+
+    /**
+     * Specify which sharing features should be displayed. If the value is not set
+     * all sharing features will be shown. You can set [] to disable all.
+     */
+    // SHARING_FEATURES: ['email', 'url', 'dial-in', 'embed'],
+
+    SHOW_BRAND_WATERMARK: false,
+
+    /**
+     * Decides whether the chrome extension banner should be rendered on the landing page and during the meeting.
+     * If this is set to false, the banner will not be rendered at all. If set to true, the check for extension(s)
+     * being already installed is done before rendering.
+     */
+    SHOW_CHROME_EXTENSION_BANNER: false,
+
+    SHOW_JITSI_WATERMARK: true,
+    SHOW_POWERED_BY: false,
+    SHOW_PROMOTIONAL_CLOSE_PAGE: false,
+
+    /*
+     * If indicated some of the error dialogs may point to the support URL for
+     * help.
+     */
+    SUPPORT_URL: 'https://community.jitsi.org/',
+
+    // Browsers, in addition to those which do not fully support WebRTC, that
+    // are not supported and should show the unsupported browser page.
+    UNSUPPORTED_BROWSERS: [],
+
+    /**
+     * Whether to show thumbnails in filmstrip as a column instead of as a row.
+     */
+    VERTICAL_FILMSTRIP: true,
+
+    // Determines how the video would fit the screen. 'both' would fit the whole
+    // screen, 'height' would fit the original video height to the height of the
+    // screen, 'width' would fit the original video width to the width of the
+    // screen respecting ratio, 'nocrop' would make the video as large as
+    // possible and preserve aspect ratio without cropping.
+    VIDEO_LAYOUT_FIT: 'both',
+
+    /**
+     * If true, hides the video quality label indicating the resolution status
+     * of the current large video.
+     *
+     * @type {boolean}
+     */
+    VIDEO_QUALITY_LABEL_DISABLED: false,
+
+    /**
+     * How many columns the tile view can expand to. The respected range is
+     * between 1 and 5.
+     */
+    // TILE_VIEW_MAX_COLUMNS: 5,
+
+    // List of undocumented settings
+    /**
+     INDICATOR_FONT_SIZES
+     PHONE_NUMBER_REGEX
+    */
+
+    // -----------------DEPRECATED CONFIGS BELOW THIS LINE-----------------------------
+
+    /**
+     * Specify URL for downloading ios mobile app.
+     */
+    // MOBILE_DOWNLOAD_LINK_IOS: 'https://itunes.apple.com/us/app/jitsi-meet/id1165103905',
+
+    /**
+     * Specify custom URL for downloading android mobile app.
+     */
+    // MOBILE_DOWNLOAD_LINK_ANDROID: 'https://play.google.com/store/apps/details?id=org.jitsi.meet',
+
+    /**
+     * Specify mobile app scheme for opening the app from the mobile browser.
+     */
+    // APP_SCHEME: 'org.jitsi.meet',
+
+    // NATIVE_APP_NAME: 'Jitsi Meet',
+
+    /**
+     * Hide the logo on the deep linking pages.
+     */
+    // HIDE_DEEP_LINKING_LOGO: false,
+
+    /**
+     * Specify the Android app package name.
+     */
+    // ANDROID_APP_PACKAGE: 'org.jitsi.meet',
+
+    /**
+     * Specify custom URL for downloading f droid app.
+     */
+    // MOBILE_DOWNLOAD_LINK_F_DROID: 'https://f-droid.org/packages/org.jitsi.meet/',
+
+    // Connection indicators (
+    // CONNECTION_INDICATOR_AUTO_HIDE_ENABLED,
+    // CONNECTION_INDICATOR_AUTO_HIDE_TIMEOUT,
+    // CONNECTION_INDICATOR_DISABLED) got moved to config.js.
+
+    // Please use disableModeratorIndicator from config.js
+    // DISABLE_FOCUS_INDICATOR: false,
+
+    // Please use defaultLocalDisplayName from config.js
+    // DEFAULT_LOCAL_DISPLAY_NAME: 'me',
+
+    // Please use defaultLogoUrl from config.js
+    // DEFAULT_LOGO_URL: 'images/watermark.svg',
+
+    // Please use defaultRemoteDisplayName from config.js
+    // DEFAULT_REMOTE_DISPLAY_NAME: 'Fellow Jitster',
+
+    // Moved to config.js as `toolbarConfig.initialTimeout`.
+    // INITIAL_TOOLBAR_TIMEOUT: 20000,
+
+    // Please use `liveStreaming.helpLink` from config.js
+    // Documentation reference for the live streaming feature.
+    // LIVE_STREAMING_HELP_LINK: 'https://jitsi.org/live',
+
+    // Moved to config.js as `toolbarConfig.alwaysVisible`.
+    // TOOLBAR_ALWAYS_VISIBLE: false,
+
+    // This config was moved to config.js as `toolbarButtons`.
+    // TOOLBAR_BUTTONS: [],
+
+    // Moved to config.js as `toolbarConfig.timeout`.
+    // TOOLBAR_TIMEOUT: 4000,
+
+    // Allow all above example options to include a trailing comma and
+    // prevent fear when commenting out the last value.
+    // eslint-disable-next-line sort-keys
+    makeJsonParserHappy: 'even if last key had a trailing comma'
+
+    // No configuration value should follow this line.
+};
+
+/* eslint-enable no-unused-vars, no-var, max-len */
diff --git a/ios/.xcode.env b/ios/.xcode.env
new file mode 100644
index 0000000..94f5fa4
--- /dev/null
+++ b/ios/.xcode.env
@@ -0,0 +1,6 @@
+THIS_DIR=$(cd -P "$(dirname "$(readlink "${BASH_SOURCE[0]}" || echo "${BASH_SOURCE[0]}")")" && pwd)
+
+. ${THIS_DIR}/../node_modules/react-native/scripts/find-node-for-xcode.sh
+
+export NODE_BINARY=$(command -v node)
+export ENTRY_FILE="${PROJECT_DIR}/../../index.ios.js"
diff --git a/ios/Podfile b/ios/Podfile
new file mode 100644
index 0000000..c81916b
--- /dev/null
+++ b/ios/Podfile
@@ -0,0 +1,106 @@
+# Resolve react_native_pods.rb with node to allow for hoisting.
+require Pod::Executable.execute_command('node', ['-p',
+  'require.resolve(
+    "react-native/scripts/react_native_pods.rb",
+    {paths: [process.argv[1]]},
+  )', __dir__]).strip
+
+platform :ios, '15.1'
+workspace 'jitsi-meet'
+
+install! 'cocoapods', :deterministic_uuids => false
+
+def cocoa_utilities
+    pod 'CocoaLumberjack', '3.7.4'
+end
+
+target 'JitsiMeet' do
+  project 'app/app.xcodeproj'
+
+  pod 'Firebase/Analytics', '~> 8.0'
+  pod 'Firebase/Crashlytics', '~> 8.0'
+end
+
+target 'JitsiMeetSDK' do
+  project 'sdk/sdk.xcodeproj'
+
+  # React Native and its dependencies
+  #
+
+  config = use_native_modules!
+  flags = get_default_flags()
+  use_react_native!(
+    :path => config[:reactNativePath],
+    :hermes_enabled => true,
+    :fabric_enabled => false,
+    :new_arch_enabled => false,
+    # An absolute path to your application root.
+    :app_path => "#{Pod::Config.instance.installation_root}/.."
+  )
+
+  # We use auto linking, but some dependencies are excluded from the lite build
+  # (see react-native.config.js) so we add them here.
+
+  pod 'giphy-react-native-sdk', :path => '../node_modules/@giphy/react-native-sdk'
+  pod 'RNCalendarEvents', :path => '../node_modules/react-native-calendar-events'
+  pod 'RNGoogleSignin', :path => '../node_modules/@react-native-google-signin/google-signin'
+
+  # Native pod dependencies
+  #
+
+  cocoa_utilities
+  pod 'ObjectiveDropboxOfficial', '6.2.3'
+end
+
+target 'JitsiMeetSDKLite' do
+    project 'sdk/sdk.xcodeproj'
+
+    # This is a more lightweight target, which removes some functionality.
+    # Check the react-native.config.js for the list of excluded packages.
+
+    # React Native and its dependencies
+    #
+
+    config = use_native_modules!
+    use_react_native!(
+      :path => config[:reactNativePath],
+      :hermes_enabled => true,
+      :fabric_enabled => false,
+      :new_arch_enabled => false,
+      # An absolute path to your application root.
+      :app_path => "#{Pod::Config.instance.installation_root}/.."
+    )
+
+    # Native pod dependencies
+    #
+
+    cocoa_utilities
+end
+
+post_install do |installer|
+
+  react_native_post_install(
+    installer,
+    use_native_modules![:reactNativePath],
+    :mac_catalyst_enabled => false,
+    # :ccache_enabled => true
+  )
+  installer.pods_project.targets.each do |target|
+    # https://github.com/CocoaPods/CocoaPods/issues/11402
+    if target.respond_to?(:product_type) and target.product_type == "com.apple.product-type.bundle"
+      target.build_configurations.each do |config|
+        config.build_settings['CODE_SIGNING_ALLOWED'] = 'NO'
+      end
+    end
+
+    target.build_configurations.each do |config|
+      config.build_settings['SUPPORTS_MACCATALYST'] = 'NO'
+      config.build_settings['IPHONEOS_DEPLOYMENT_TARGET'] = '15.1'
+      config.build_settings['OTHER_SWIFT_FLAGS'] = '$(inherited) -no-verify-emitted-module-interface'
+    end
+  end
+
+  # Patch SocketRocket to support TLS 1.3
+  %x(patch Pods/SocketRocket/SocketRocket/SRSecurityPolicy.m -N < patches/ws-tls13.diff)
+
+end
diff --git a/ios/Podfile.lock b/ios/Podfile.lock
new file mode 100644
index 0000000..b2fd038
--- /dev/null
+++ b/ios/Podfile.lock
@@ -0,0 +1,2325 @@
+PODS:
+  - amplitude-react-native (1.4.13):
+    - React-Core
+  - AppAuth (1.7.6):
+    - AppAuth/Core (= 1.7.6)
+    - AppAuth/ExternalUserAgent (= 1.7.6)
+  - AppAuth/Core (1.7.6)
+  - AppAuth/ExternalUserAgent (1.7.6):
+    - AppAuth/Core
+  - boost (1.84.0)
+  - CocoaLumberjack (3.7.4):
+    - CocoaLumberjack/Core (= 3.7.4)
+  - CocoaLumberjack/Core (3.7.4)
+  - DoubleConversion (1.1.6)
+  - fast_float (6.1.4)
+  - FBLazyVector (0.77.2)
+  - Firebase/Analytics (8.15.0):
+    - Firebase/Core
+  - Firebase/Core (8.15.0):
+    - Firebase/CoreOnly
+    - FirebaseAnalytics (~> 8.15.0)
+  - Firebase/CoreOnly (8.15.0):
+    - FirebaseCore (= 8.15.0)
+  - Firebase/Crashlytics (8.15.0):
+    - Firebase/CoreOnly
+    - FirebaseCrashlytics (~> 8.15.0)
+  - FirebaseAnalytics (8.15.0):
+    - FirebaseAnalytics/AdIdSupport (= 8.15.0)
+    - FirebaseCore (~> 8.0)
+    - FirebaseInstallations (~> 8.0)
+    - GoogleUtilities/AppDelegateSwizzler (~> 7.7)
+    - GoogleUtilities/MethodSwizzler (~> 7.7)
+    - GoogleUtilities/Network (~> 7.7)
+    - "GoogleUtilities/NSData+zlib (~> 7.7)"
+    - nanopb (~> 2.30908.0)
+  - FirebaseAnalytics/AdIdSupport (8.15.0):
+    - FirebaseCore (~> 8.0)
+    - FirebaseInstallations (~> 8.0)
+    - GoogleAppMeasurement (= 8.15.0)
+    - GoogleUtilities/AppDelegateSwizzler (~> 7.7)
+    - GoogleUtilities/MethodSwizzler (~> 7.7)
+    - GoogleUtilities/Network (~> 7.7)
+    - "GoogleUtilities/NSData+zlib (~> 7.7)"
+    - nanopb (~> 2.30908.0)
+  - FirebaseCore (8.15.0):
+    - FirebaseCoreDiagnostics (~> 8.0)
+    - GoogleUtilities/Environment (~> 7.7)
+    - GoogleUtilities/Logger (~> 7.7)
+  - FirebaseCoreDiagnostics (8.15.0):
+    - GoogleDataTransport (~> 9.1)
+    - GoogleUtilities/Environment (~> 7.7)
+    - GoogleUtilities/Logger (~> 7.7)
+    - nanopb (~> 2.30908.0)
+  - FirebaseCrashlytics (8.15.0):
+    - FirebaseCore (~> 8.0)
+    - FirebaseInstallations (~> 8.0)
+    - GoogleDataTransport (~> 9.1)
+    - GoogleUtilities/Environment (~> 7.7)
+    - nanopb (~> 2.30908.0)
+    - PromisesObjC (< 3.0, >= 1.2)
+  - FirebaseInstallations (8.15.0):
+    - FirebaseCore (~> 8.0)
+    - GoogleUtilities/Environment (~> 7.7)
+    - GoogleUtilities/UserDefaults (~> 7.7)
+    - PromisesObjC (< 3.0, >= 1.2)
+  - fmt (11.0.2)
+  - Giphy (2.2.16):
+    - libwebp
+  - giphy-react-native-sdk (4.1.0):
+    - DoubleConversion
+    - Giphy (= 2.2.16)
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - Yoga
+  - glog (0.3.5)
+  - GoogleAppMeasurement (8.15.0):
+    - GoogleAppMeasurement/AdIdSupport (= 8.15.0)
+    - GoogleUtilities/AppDelegateSwizzler (~> 7.7)
+    - GoogleUtilities/MethodSwizzler (~> 7.7)
+    - GoogleUtilities/Network (~> 7.7)
+    - "GoogleUtilities/NSData+zlib (~> 7.7)"
+    - nanopb (~> 2.30908.0)
+  - GoogleAppMeasurement/AdIdSupport (8.15.0):
+    - GoogleAppMeasurement/WithoutAdIdSupport (= 8.15.0)
+    - GoogleUtilities/AppDelegateSwizzler (~> 7.7)
+    - GoogleUtilities/MethodSwizzler (~> 7.7)
+    - GoogleUtilities/Network (~> 7.7)
+    - "GoogleUtilities/NSData+zlib (~> 7.7)"
+    - nanopb (~> 2.30908.0)
+  - GoogleAppMeasurement/WithoutAdIdSupport (8.15.0):
+    - GoogleUtilities/AppDelegateSwizzler (~> 7.7)
+    - GoogleUtilities/MethodSwizzler (~> 7.7)
+    - GoogleUtilities/Network (~> 7.7)
+    - "GoogleUtilities/NSData+zlib (~> 7.7)"
+    - nanopb (~> 2.30908.0)
+  - GoogleDataTransport (9.4.1):
+    - GoogleUtilities/Environment (~> 7.7)
+    - nanopb (< 2.30911.0, >= 2.30908.0)
+    - PromisesObjC (< 3.0, >= 1.2)
+  - GoogleSignIn (7.1.0):
+    - AppAuth (< 2.0, >= 1.7.3)
+    - GTMAppAuth (< 5.0, >= 4.1.1)
+    - GTMSessionFetcher/Core (~> 3.3)
+  - GoogleUtilities/AppDelegateSwizzler (7.13.3):
+    - GoogleUtilities/Environment
+    - GoogleUtilities/Logger
+    - GoogleUtilities/Network
+    - GoogleUtilities/Privacy
+  - GoogleUtilities/Environment (7.13.3):
+    - GoogleUtilities/Privacy
+    - PromisesObjC (< 3.0, >= 1.2)
+  - GoogleUtilities/Logger (7.13.3):
+    - GoogleUtilities/Environment
+    - GoogleUtilities/Privacy
+  - GoogleUtilities/MethodSwizzler (7.13.3):
+    - GoogleUtilities/Logger
+    - GoogleUtilities/Privacy
+  - GoogleUtilities/Network (7.13.3):
+    - GoogleUtilities/Logger
+    - "GoogleUtilities/NSData+zlib"
+    - GoogleUtilities/Privacy
+    - GoogleUtilities/Reachability
+  - "GoogleUtilities/NSData+zlib (7.13.3)":
+    - GoogleUtilities/Privacy
+  - GoogleUtilities/Privacy (7.13.3)
+  - GoogleUtilities/Reachability (7.13.3):
+    - GoogleUtilities/Logger
+    - GoogleUtilities/Privacy
+  - GoogleUtilities/UserDefaults (7.13.3):
+    - GoogleUtilities/Logger
+    - GoogleUtilities/Privacy
+  - GTMAppAuth (4.1.1):
+    - AppAuth/Core (~> 1.7)
+    - GTMSessionFetcher/Core (< 4.0, >= 3.3)
+  - GTMSessionFetcher/Core (3.5.0)
+  - hermes-engine (0.77.2):
+    - hermes-engine/Pre-built (= 0.77.2)
+  - hermes-engine/Pre-built (0.77.2)
+  - JitsiWebRTC (124.0.2)
+  - libwebp (1.5.0):
+    - libwebp/demux (= 1.5.0)
+    - libwebp/mux (= 1.5.0)
+    - libwebp/sharpyuv (= 1.5.0)
+    - libwebp/webp (= 1.5.0)
+  - libwebp/demux (1.5.0):
+    - libwebp/webp
+  - libwebp/mux (1.5.0):
+    - libwebp/demux
+  - libwebp/sharpyuv (1.5.0)
+  - libwebp/webp (1.5.0):
+    - libwebp/sharpyuv
+  - nanopb (2.30908.0):
+    - nanopb/decode (= 2.30908.0)
+    - nanopb/encode (= 2.30908.0)
+  - nanopb/decode (2.30908.0)
+  - nanopb/encode (2.30908.0)
+  - ObjectiveDropboxOfficial (6.2.3)
+  - PromisesObjC (2.4.0)
+  - RCT-Folly (2024.11.18.00):
+    - boost
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - RCT-Folly/Default (= 2024.11.18.00)
+  - RCT-Folly/Default (2024.11.18.00):
+    - boost
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+  - RCT-Folly/Fabric (2024.11.18.00):
+    - boost
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+  - RCTDeprecation (0.77.2)
+  - RCTRequired (0.77.2)
+  - RCTTypeSafety (0.77.2):
+    - FBLazyVector (= 0.77.2)
+    - RCTRequired (= 0.77.2)
+    - React-Core (= 0.77.2)
+  - React (0.77.2):
+    - React-Core (= 0.77.2)
+    - React-Core/DevSupport (= 0.77.2)
+    - React-Core/RCTWebSocket (= 0.77.2)
+    - React-RCTActionSheet (= 0.77.2)
+    - React-RCTAnimation (= 0.77.2)
+    - React-RCTBlob (= 0.77.2)
+    - React-RCTImage (= 0.77.2)
+    - React-RCTLinking (= 0.77.2)
+    - React-RCTNetwork (= 0.77.2)
+    - React-RCTSettings (= 0.77.2)
+    - React-RCTText (= 0.77.2)
+    - React-RCTVibration (= 0.77.2)
+  - React-callinvoker (0.77.2)
+  - React-Core (0.77.2):
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - RCTDeprecation
+    - React-Core/Default (= 0.77.2)
+    - React-cxxreact
+    - React-featureflags
+    - React-hermes
+    - React-jsi
+    - React-jsiexecutor
+    - React-jsinspector
+    - React-perflogger
+    - React-runtimescheduler
+    - React-utils
+    - SocketRocket (= 0.7.1)
+    - Yoga
+  - React-Core/CoreModulesHeaders (0.77.2):
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - RCTDeprecation
+    - React-Core/Default
+    - React-cxxreact
+    - React-featureflags
+    - React-hermes
+    - React-jsi
+    - React-jsiexecutor
+    - React-jsinspector
+    - React-perflogger
+    - React-runtimescheduler
+    - React-utils
+    - SocketRocket (= 0.7.1)
+    - Yoga
+  - React-Core/Default (0.77.2):
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - RCTDeprecation
+    - React-cxxreact
+    - React-featureflags
+    - React-hermes
+    - React-jsi
+    - React-jsiexecutor
+    - React-jsinspector
+    - React-perflogger
+    - React-runtimescheduler
+    - React-utils
+    - SocketRocket (= 0.7.1)
+    - Yoga
+  - React-Core/DevSupport (0.77.2):
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - RCTDeprecation
+    - React-Core/Default (= 0.77.2)
+    - React-Core/RCTWebSocket (= 0.77.2)
+    - React-cxxreact
+    - React-featureflags
+    - React-hermes
+    - React-jsi
+    - React-jsiexecutor
+    - React-jsinspector
+    - React-perflogger
+    - React-runtimescheduler
+    - React-utils
+    - SocketRocket (= 0.7.1)
+    - Yoga
+  - React-Core/RCTActionSheetHeaders (0.77.2):
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - RCTDeprecation
+    - React-Core/Default
+    - React-cxxreact
+    - React-featureflags
+    - React-hermes
+    - React-jsi
+    - React-jsiexecutor
+    - React-jsinspector
+    - React-perflogger
+    - React-runtimescheduler
+    - React-utils
+    - SocketRocket (= 0.7.1)
+    - Yoga
+  - React-Core/RCTAnimationHeaders (0.77.2):
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - RCTDeprecation
+    - React-Core/Default
+    - React-cxxreact
+    - React-featureflags
+    - React-hermes
+    - React-jsi
+    - React-jsiexecutor
+    - React-jsinspector
+    - React-perflogger
+    - React-runtimescheduler
+    - React-utils
+    - SocketRocket (= 0.7.1)
+    - Yoga
+  - React-Core/RCTBlobHeaders (0.77.2):
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - RCTDeprecation
+    - React-Core/Default
+    - React-cxxreact
+    - React-featureflags
+    - React-hermes
+    - React-jsi
+    - React-jsiexecutor
+    - React-jsinspector
+    - React-perflogger
+    - React-runtimescheduler
+    - React-utils
+    - SocketRocket (= 0.7.1)
+    - Yoga
+  - React-Core/RCTImageHeaders (0.77.2):
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - RCTDeprecation
+    - React-Core/Default
+    - React-cxxreact
+    - React-featureflags
+    - React-hermes
+    - React-jsi
+    - React-jsiexecutor
+    - React-jsinspector
+    - React-perflogger
+    - React-runtimescheduler
+    - React-utils
+    - SocketRocket (= 0.7.1)
+    - Yoga
+  - React-Core/RCTLinkingHeaders (0.77.2):
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - RCTDeprecation
+    - React-Core/Default
+    - React-cxxreact
+    - React-featureflags
+    - React-hermes
+    - React-jsi
+    - React-jsiexecutor
+    - React-jsinspector
+    - React-perflogger
+    - React-runtimescheduler
+    - React-utils
+    - SocketRocket (= 0.7.1)
+    - Yoga
+  - React-Core/RCTNetworkHeaders (0.77.2):
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - RCTDeprecation
+    - React-Core/Default
+    - React-cxxreact
+    - React-featureflags
+    - React-hermes
+    - React-jsi
+    - React-jsiexecutor
+    - React-jsinspector
+    - React-perflogger
+    - React-runtimescheduler
+    - React-utils
+    - SocketRocket (= 0.7.1)
+    - Yoga
+  - React-Core/RCTSettingsHeaders (0.77.2):
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - RCTDeprecation
+    - React-Core/Default
+    - React-cxxreact
+    - React-featureflags
+    - React-hermes
+    - React-jsi
+    - React-jsiexecutor
+    - React-jsinspector
+    - React-perflogger
+    - React-runtimescheduler
+    - React-utils
+    - SocketRocket (= 0.7.1)
+    - Yoga
+  - React-Core/RCTTextHeaders (0.77.2):
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - RCTDeprecation
+    - React-Core/Default
+    - React-cxxreact
+    - React-featureflags
+    - React-hermes
+    - React-jsi
+    - React-jsiexecutor
+    - React-jsinspector
+    - React-perflogger
+    - React-runtimescheduler
+    - React-utils
+    - SocketRocket (= 0.7.1)
+    - Yoga
+  - React-Core/RCTVibrationHeaders (0.77.2):
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - RCTDeprecation
+    - React-Core/Default
+    - React-cxxreact
+    - React-featureflags
+    - React-hermes
+    - React-jsi
+    - React-jsiexecutor
+    - React-jsinspector
+    - React-perflogger
+    - React-runtimescheduler
+    - React-utils
+    - SocketRocket (= 0.7.1)
+    - Yoga
+  - React-Core/RCTWebSocket (0.77.2):
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - RCTDeprecation
+    - React-Core/Default (= 0.77.2)
+    - React-cxxreact
+    - React-featureflags
+    - React-hermes
+    - React-jsi
+    - React-jsiexecutor
+    - React-jsinspector
+    - React-perflogger
+    - React-runtimescheduler
+    - React-utils
+    - SocketRocket (= 0.7.1)
+    - Yoga
+  - React-CoreModules (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - RCT-Folly (= 2024.11.18.00)
+    - RCTTypeSafety (= 0.77.2)
+    - React-Core/CoreModulesHeaders (= 0.77.2)
+    - React-jsi (= 0.77.2)
+    - React-jsinspector
+    - React-NativeModulesApple
+    - React-RCTBlob
+    - React-RCTFBReactNativeSpec
+    - React-RCTImage (= 0.77.2)
+    - ReactCommon
+    - SocketRocket (= 0.7.1)
+  - React-cxxreact (0.77.2):
+    - boost
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - React-callinvoker (= 0.77.2)
+    - React-debug (= 0.77.2)
+    - React-jsi (= 0.77.2)
+    - React-jsinspector
+    - React-logger (= 0.77.2)
+    - React-perflogger (= 0.77.2)
+    - React-runtimeexecutor (= 0.77.2)
+    - React-timing (= 0.77.2)
+  - React-debug (0.77.2)
+  - React-defaultsnativemodule (0.77.2):
+    - hermes-engine
+    - RCT-Folly
+    - React-domnativemodule
+    - React-featureflagsnativemodule
+    - React-idlecallbacksnativemodule
+    - React-jsi
+    - React-jsiexecutor
+    - React-microtasksnativemodule
+    - React-RCTFBReactNativeSpec
+  - React-domnativemodule (0.77.2):
+    - hermes-engine
+    - RCT-Folly
+    - React-Fabric
+    - React-FabricComponents
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-RCTFBReactNativeSpec
+    - ReactCommon/turbomodule/core
+    - Yoga
+  - React-Fabric (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-Fabric/animations (= 0.77.2)
+    - React-Fabric/attributedstring (= 0.77.2)
+    - React-Fabric/componentregistry (= 0.77.2)
+    - React-Fabric/componentregistrynative (= 0.77.2)
+    - React-Fabric/components (= 0.77.2)
+    - React-Fabric/core (= 0.77.2)
+    - React-Fabric/dom (= 0.77.2)
+    - React-Fabric/imagemanager (= 0.77.2)
+    - React-Fabric/leakchecker (= 0.77.2)
+    - React-Fabric/mounting (= 0.77.2)
+    - React-Fabric/observers (= 0.77.2)
+    - React-Fabric/scheduler (= 0.77.2)
+    - React-Fabric/telemetry (= 0.77.2)
+    - React-Fabric/templateprocessor (= 0.77.2)
+    - React-Fabric/uimanager (= 0.77.2)
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+  - React-Fabric/animations (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+  - React-Fabric/attributedstring (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+  - React-Fabric/componentregistry (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+  - React-Fabric/componentregistrynative (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+  - React-Fabric/components (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-Fabric/components/legacyviewmanagerinterop (= 0.77.2)
+    - React-Fabric/components/root (= 0.77.2)
+    - React-Fabric/components/view (= 0.77.2)
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+  - React-Fabric/components/legacyviewmanagerinterop (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+  - React-Fabric/components/root (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+  - React-Fabric/components/view (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - Yoga
+  - React-Fabric/core (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+  - React-Fabric/dom (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+  - React-Fabric/imagemanager (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+  - React-Fabric/leakchecker (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+  - React-Fabric/mounting (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+  - React-Fabric/observers (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-Fabric/observers/events (= 0.77.2)
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+  - React-Fabric/observers/events (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+  - React-Fabric/scheduler (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-Fabric/observers/events
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-performancetimeline
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+  - React-Fabric/telemetry (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+  - React-Fabric/templateprocessor (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+  - React-Fabric/uimanager (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-Fabric/uimanager/consistency (= 0.77.2)
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererconsistency
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+  - React-Fabric/uimanager/consistency (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererconsistency
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+  - React-FabricComponents (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-Fabric
+    - React-FabricComponents/components (= 0.77.2)
+    - React-FabricComponents/textlayoutmanager (= 0.77.2)
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - Yoga
+  - React-FabricComponents/components (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-Fabric
+    - React-FabricComponents/components/inputaccessory (= 0.77.2)
+    - React-FabricComponents/components/iostextinput (= 0.77.2)
+    - React-FabricComponents/components/modal (= 0.77.2)
+    - React-FabricComponents/components/rncore (= 0.77.2)
+    - React-FabricComponents/components/safeareaview (= 0.77.2)
+    - React-FabricComponents/components/scrollview (= 0.77.2)
+    - React-FabricComponents/components/text (= 0.77.2)
+    - React-FabricComponents/components/textinput (= 0.77.2)
+    - React-FabricComponents/components/unimplementedview (= 0.77.2)
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - Yoga
+  - React-FabricComponents/components/inputaccessory (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - Yoga
+  - React-FabricComponents/components/iostextinput (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - Yoga
+  - React-FabricComponents/components/modal (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - Yoga
+  - React-FabricComponents/components/rncore (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - Yoga
+  - React-FabricComponents/components/safeareaview (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - Yoga
+  - React-FabricComponents/components/scrollview (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - Yoga
+  - React-FabricComponents/components/text (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - Yoga
+  - React-FabricComponents/components/textinput (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - Yoga
+  - React-FabricComponents/components/unimplementedview (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - Yoga
+  - React-FabricComponents/textlayoutmanager (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - Yoga
+  - React-FabricImage (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - RCTRequired (= 0.77.2)
+    - RCTTypeSafety (= 0.77.2)
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-jsi
+    - React-jsiexecutor (= 0.77.2)
+    - React-logger
+    - React-rendererdebug
+    - React-utils
+    - ReactCommon
+    - Yoga
+  - React-featureflags (0.77.2)
+  - React-featureflagsnativemodule (0.77.2):
+    - hermes-engine
+    - RCT-Folly
+    - React-featureflags
+    - React-jsi
+    - React-jsiexecutor
+    - React-RCTFBReactNativeSpec
+    - ReactCommon/turbomodule/core
+  - React-graphics (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - React-jsi
+    - React-jsiexecutor
+    - React-utils
+  - React-hermes (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - React-cxxreact (= 0.77.2)
+    - React-jsi
+    - React-jsiexecutor (= 0.77.2)
+    - React-jsinspector
+    - React-perflogger (= 0.77.2)
+    - React-runtimeexecutor
+  - React-idlecallbacksnativemodule (0.77.2):
+    - hermes-engine
+    - RCT-Folly
+    - React-jsi
+    - React-jsiexecutor
+    - React-RCTFBReactNativeSpec
+    - React-runtimescheduler
+    - ReactCommon/turbomodule/core
+  - React-ImageManager (0.77.2):
+    - glog
+    - RCT-Folly/Fabric
+    - React-Core/Default
+    - React-debug
+    - React-Fabric
+    - React-graphics
+    - React-rendererdebug
+    - React-utils
+  - React-jserrorhandler (0.77.2):
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-jsi
+    - ReactCommon/turbomodule/bridging
+  - React-jsi (0.77.2):
+    - boost
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+  - React-jsiexecutor (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - React-cxxreact (= 0.77.2)
+    - React-jsi (= 0.77.2)
+    - React-jsinspector
+    - React-perflogger (= 0.77.2)
+  - React-jsinspector (0.77.2):
+    - DoubleConversion
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - React-featureflags
+    - React-jsi
+    - React-perflogger (= 0.77.2)
+    - React-runtimeexecutor (= 0.77.2)
+  - React-jsitracing (0.77.2):
+    - React-jsi
+  - React-logger (0.77.2):
+    - glog
+  - React-Mapbuffer (0.77.2):
+    - glog
+    - React-debug
+  - React-microtasksnativemodule (0.77.2):
+    - hermes-engine
+    - RCT-Folly
+    - React-jsi
+    - React-jsiexecutor
+    - React-RCTFBReactNativeSpec
+    - ReactCommon/turbomodule/core
+  - react-native-background-timer (2.4.1):
+    - React-Core
+  - react-native-get-random-values (1.11.0):
+    - React-Core
+  - react-native-keep-awake (1.3.1):
+    - React-Core
+  - react-native-netinfo (11.1.0):
+    - React-Core
+  - react-native-orientation-locker (1.5.0):
+    - React-Core
+  - react-native-pager-view (6.8.1):
+    - DoubleConversion
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - Yoga
+  - react-native-performance (5.1.2):
+    - React-Core
+  - react-native-safe-area-context (5.5.2):
+    - React-Core
+  - react-native-slider (4.5.6):
+    - DoubleConversion
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - Yoga
+  - react-native-video (6.13.0):
+    - DoubleConversion
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - react-native-video/Video (= 6.13.0)
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - Yoga
+  - react-native-video/Video (6.13.0):
+    - DoubleConversion
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - Yoga
+  - react-native-webrtc (124.0.7):
+    - JitsiWebRTC (~> 124.0.0)
+    - React-Core
+  - react-native-webview (13.13.5):
+    - DoubleConversion
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - Yoga
+  - react-native-worklets-core (1.6.2):
+    - DoubleConversion
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - Yoga
+  - React-nativeconfig (0.77.2)
+  - React-NativeModulesApple (0.77.2):
+    - glog
+    - hermes-engine
+    - React-callinvoker
+    - React-Core
+    - React-cxxreact
+    - React-jsi
+    - React-jsinspector
+    - React-runtimeexecutor
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+  - React-perflogger (0.77.2):
+    - DoubleConversion
+    - RCT-Folly (= 2024.11.18.00)
+  - React-performancetimeline (0.77.2):
+    - RCT-Folly (= 2024.11.18.00)
+    - React-cxxreact
+    - React-featureflags
+    - React-timing
+  - React-RCTActionSheet (0.77.2):
+    - React-Core/RCTActionSheetHeaders (= 0.77.2)
+  - React-RCTAnimation (0.77.2):
+    - RCT-Folly (= 2024.11.18.00)
+    - RCTTypeSafety
+    - React-Core/RCTAnimationHeaders
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFBReactNativeSpec
+    - ReactCommon
+  - React-RCTAppDelegate (0.77.2):
+    - RCT-Folly (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-CoreModules
+    - React-debug
+    - React-defaultsnativemodule
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-hermes
+    - React-nativeconfig
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-RCTFBReactNativeSpec
+    - React-RCTImage
+    - React-RCTNetwork
+    - React-rendererdebug
+    - React-RuntimeApple
+    - React-RuntimeCore
+    - React-RuntimeHermes
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon
+  - React-RCTBlob (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - React-Core/RCTBlobHeaders
+    - React-Core/RCTWebSocket
+    - React-jsi
+    - React-jsinspector
+    - React-NativeModulesApple
+    - React-RCTFBReactNativeSpec
+    - React-RCTNetwork
+    - ReactCommon
+  - React-RCTFabric (0.77.2):
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-FabricComponents
+    - React-FabricImage
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-jsi
+    - React-jsinspector
+    - React-nativeconfig
+    - React-performancetimeline
+    - React-RCTImage
+    - React-RCTText
+    - React-rendererconsistency
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - Yoga
+  - React-RCTFBReactNativeSpec (0.77.2):
+    - hermes-engine
+    - RCT-Folly
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-jsi
+    - React-jsiexecutor
+    - React-NativeModulesApple
+    - ReactCommon
+  - React-RCTImage (0.77.2):
+    - RCT-Folly (= 2024.11.18.00)
+    - RCTTypeSafety
+    - React-Core/RCTImageHeaders
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFBReactNativeSpec
+    - React-RCTNetwork
+    - ReactCommon
+  - React-RCTLinking (0.77.2):
+    - React-Core/RCTLinkingHeaders (= 0.77.2)
+    - React-jsi (= 0.77.2)
+    - React-NativeModulesApple
+    - React-RCTFBReactNativeSpec
+    - ReactCommon
+    - ReactCommon/turbomodule/core (= 0.77.2)
+  - React-RCTNetwork (0.77.2):
+    - RCT-Folly (= 2024.11.18.00)
+    - RCTTypeSafety
+    - React-Core/RCTNetworkHeaders
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFBReactNativeSpec
+    - ReactCommon
+  - React-RCTSettings (0.77.2):
+    - RCT-Folly (= 2024.11.18.00)
+    - RCTTypeSafety
+    - React-Core/RCTSettingsHeaders
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFBReactNativeSpec
+    - ReactCommon
+  - React-RCTText (0.77.2):
+    - React-Core/RCTTextHeaders (= 0.77.2)
+    - Yoga
+  - React-RCTVibration (0.77.2):
+    - RCT-Folly (= 2024.11.18.00)
+    - React-Core/RCTVibrationHeaders
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFBReactNativeSpec
+    - ReactCommon
+  - React-rendererconsistency (0.77.2)
+  - React-rendererdebug (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - RCT-Folly (= 2024.11.18.00)
+    - React-debug
+  - React-rncore (0.77.2)
+  - React-RuntimeApple (0.77.2):
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - React-callinvoker
+    - React-Core/Default
+    - React-CoreModules
+    - React-cxxreact
+    - React-featureflags
+    - React-jserrorhandler
+    - React-jsi
+    - React-jsiexecutor
+    - React-jsinspector
+    - React-Mapbuffer
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-RCTFBReactNativeSpec
+    - React-RuntimeCore
+    - React-runtimeexecutor
+    - React-RuntimeHermes
+    - React-runtimescheduler
+    - React-utils
+  - React-RuntimeCore (0.77.2):
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - React-cxxreact
+    - React-Fabric
+    - React-featureflags
+    - React-jserrorhandler
+    - React-jsi
+    - React-jsiexecutor
+    - React-jsinspector
+    - React-performancetimeline
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+  - React-runtimeexecutor (0.77.2):
+    - React-jsi (= 0.77.2)
+  - React-RuntimeHermes (0.77.2):
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - React-featureflags
+    - React-hermes
+    - React-jsi
+    - React-jsinspector
+    - React-jsitracing
+    - React-nativeconfig
+    - React-RuntimeCore
+    - React-utils
+  - React-runtimescheduler (0.77.2):
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - React-callinvoker
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-jsi
+    - React-performancetimeline
+    - React-rendererconsistency
+    - React-rendererdebug
+    - React-runtimeexecutor
+    - React-timing
+    - React-utils
+  - React-timing (0.77.2)
+  - React-utils (0.77.2):
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - React-debug
+    - React-jsi (= 0.77.2)
+  - ReactAppDependencyProvider (0.77.2):
+    - ReactCodegen
+  - ReactCodegen (0.77.2):
+    - DoubleConversion
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-FabricImage
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-NativeModulesApple
+    - React-RCTAppDelegate
+    - React-rendererdebug
+    - React-utils
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+  - ReactCommon (0.77.2):
+    - ReactCommon/turbomodule (= 0.77.2)
+  - ReactCommon/turbomodule (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - React-callinvoker (= 0.77.2)
+    - React-cxxreact (= 0.77.2)
+    - React-jsi (= 0.77.2)
+    - React-logger (= 0.77.2)
+    - React-perflogger (= 0.77.2)
+    - ReactCommon/turbomodule/bridging (= 0.77.2)
+    - ReactCommon/turbomodule/core (= 0.77.2)
+  - ReactCommon/turbomodule/bridging (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - React-callinvoker (= 0.77.2)
+    - React-cxxreact (= 0.77.2)
+    - React-jsi (= 0.77.2)
+    - React-logger (= 0.77.2)
+    - React-perflogger (= 0.77.2)
+  - ReactCommon/turbomodule/core (0.77.2):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - React-callinvoker (= 0.77.2)
+    - React-cxxreact (= 0.77.2)
+    - React-debug (= 0.77.2)
+    - React-featureflags (= 0.77.2)
+    - React-jsi (= 0.77.2)
+    - React-logger (= 0.77.2)
+    - React-perflogger (= 0.77.2)
+    - React-utils (= 0.77.2)
+  - RNCalendarEvents (2.2.0):
+    - React-Core
+  - RNCAsyncStorage (1.23.1):
+    - React-Core
+  - RNCClipboard (1.14.3):
+    - React-Core
+  - RNDefaultPreference (1.4.4):
+    - React-Core
+  - RNDeviceInfo (12.1.0):
+    - React-Core
+  - RNGestureHandler (2.24.0):
+    - DoubleConversion
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - Yoga
+  - RNGoogleSignin (10.1.0):
+    - GoogleSignIn (~> 7.0)
+    - React-Core
+  - RNScreens (4.11.1):
+    - DoubleConversion
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-RCTImage
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - Yoga
+  - RNSound (0.11.2):
+    - React-Core
+    - RNSound/Core (= 0.11.2)
+  - RNSound/Core (0.11.2):
+    - React-Core
+  - RNSVG (15.11.2):
+    - React-Core
+  - SocketRocket (0.7.1)
+  - SplashView (0.0.18):
+    - DoubleConversion
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - Yoga
+  - Yoga (0.0.0)
+
+DEPENDENCIES:
+  - "amplitude-react-native (from `../node_modules/@amplitude/analytics-react-native`)"
+  - boost (from `../node_modules/react-native/third-party-podspecs/boost.podspec`)
+  - CocoaLumberjack (= 3.7.4)
+  - DoubleConversion (from `../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec`)
+  - fast_float (from `../node_modules/react-native/third-party-podspecs/fast_float.podspec`)
+  - FBLazyVector (from `../node_modules/react-native/Libraries/FBLazyVector`)
+  - Firebase/Analytics (~> 8.0)
+  - Firebase/Crashlytics (~> 8.0)
+  - fmt (from `../node_modules/react-native/third-party-podspecs/fmt.podspec`)
+  - "giphy-react-native-sdk (from `../node_modules/@giphy/react-native-sdk`)"
+  - glog (from `../node_modules/react-native/third-party-podspecs/glog.podspec`)
+  - hermes-engine (from `../node_modules/react-native/sdks/hermes-engine/hermes-engine.podspec`)
+  - ObjectiveDropboxOfficial (= 6.2.3)
+  - RCT-Folly (from `../node_modules/react-native/third-party-podspecs/RCT-Folly.podspec`)
+  - RCT-Folly/Fabric (from `../node_modules/react-native/third-party-podspecs/RCT-Folly.podspec`)
+  - RCTDeprecation (from `../node_modules/react-native/ReactApple/Libraries/RCTFoundation/RCTDeprecation`)
+  - RCTRequired (from `../node_modules/react-native/Libraries/Required`)
+  - RCTTypeSafety (from `../node_modules/react-native/Libraries/TypeSafety`)
+  - React (from `../node_modules/react-native/`)
+  - React-callinvoker (from `../node_modules/react-native/ReactCommon/callinvoker`)
+  - React-Core (from `../node_modules/react-native/`)
+  - React-Core/RCTWebSocket (from `../node_modules/react-native/`)
+  - React-CoreModules (from `../node_modules/react-native/React/CoreModules`)
+  - React-cxxreact (from `../node_modules/react-native/ReactCommon/cxxreact`)
+  - React-debug (from `../node_modules/react-native/ReactCommon/react/debug`)
+  - React-defaultsnativemodule (from `../node_modules/react-native/ReactCommon/react/nativemodule/defaults`)
+  - React-domnativemodule (from `../node_modules/react-native/ReactCommon/react/nativemodule/dom`)
+  - React-Fabric (from `../node_modules/react-native/ReactCommon`)
+  - React-FabricComponents (from `../node_modules/react-native/ReactCommon`)
+  - React-FabricImage (from `../node_modules/react-native/ReactCommon`)
+  - React-featureflags (from `../node_modules/react-native/ReactCommon/react/featureflags`)
+  - React-featureflagsnativemodule (from `../node_modules/react-native/ReactCommon/react/nativemodule/featureflags`)
+  - React-graphics (from `../node_modules/react-native/ReactCommon/react/renderer/graphics`)
+  - React-hermes (from `../node_modules/react-native/ReactCommon/hermes`)
+  - React-idlecallbacksnativemodule (from `../node_modules/react-native/ReactCommon/react/nativemodule/idlecallbacks`)
+  - React-ImageManager (from `../node_modules/react-native/ReactCommon/react/renderer/imagemanager/platform/ios`)
+  - React-jserrorhandler (from `../node_modules/react-native/ReactCommon/jserrorhandler`)
+  - React-jsi (from `../node_modules/react-native/ReactCommon/jsi`)
+  - React-jsiexecutor (from `../node_modules/react-native/ReactCommon/jsiexecutor`)
+  - React-jsinspector (from `../node_modules/react-native/ReactCommon/jsinspector-modern`)
+  - React-jsitracing (from `../node_modules/react-native/ReactCommon/hermes/executor/`)
+  - React-logger (from `../node_modules/react-native/ReactCommon/logger`)
+  - React-Mapbuffer (from `../node_modules/react-native/ReactCommon`)
+  - React-microtasksnativemodule (from `../node_modules/react-native/ReactCommon/react/nativemodule/microtasks`)
+  - react-native-background-timer (from `../node_modules/react-native-background-timer`)
+  - react-native-get-random-values (from `../node_modules/react-native-get-random-values`)
+  - "react-native-keep-awake (from `../node_modules/@sayem314/react-native-keep-awake`)"
+  - "react-native-netinfo (from `../node_modules/@react-native-community/netinfo`)"
+  - react-native-orientation-locker (from `../node_modules/react-native-orientation-locker`)
+  - react-native-pager-view (from `../node_modules/react-native-pager-view`)
+  - react-native-performance (from `../node_modules/react-native-performance`)
+  - react-native-safe-area-context (from `../node_modules/react-native-safe-area-context`)
+  - "react-native-slider (from `../node_modules/@react-native-community/slider`)"
+  - react-native-video (from `../node_modules/react-native-video`)
+  - react-native-webrtc (from `../node_modules/react-native-webrtc`)
+  - react-native-webview (from `../node_modules/react-native-webview`)
+  - react-native-worklets-core (from `../node_modules/react-native-worklets-core`)
+  - React-nativeconfig (from `../node_modules/react-native/ReactCommon`)
+  - React-NativeModulesApple (from `../node_modules/react-native/ReactCommon/react/nativemodule/core/platform/ios`)
+  - React-perflogger (from `../node_modules/react-native/ReactCommon/reactperflogger`)
+  - React-performancetimeline (from `../node_modules/react-native/ReactCommon/react/performance/timeline`)
+  - React-RCTActionSheet (from `../node_modules/react-native/Libraries/ActionSheetIOS`)
+  - React-RCTAnimation (from `../node_modules/react-native/Libraries/NativeAnimation`)
+  - React-RCTAppDelegate (from `../node_modules/react-native/Libraries/AppDelegate`)
+  - React-RCTBlob (from `../node_modules/react-native/Libraries/Blob`)
+  - React-RCTFabric (from `../node_modules/react-native/React`)
+  - React-RCTFBReactNativeSpec (from `../node_modules/react-native/React`)
+  - React-RCTImage (from `../node_modules/react-native/Libraries/Image`)
+  - React-RCTLinking (from `../node_modules/react-native/Libraries/LinkingIOS`)
+  - React-RCTNetwork (from `../node_modules/react-native/Libraries/Network`)
+  - React-RCTSettings (from `../node_modules/react-native/Libraries/Settings`)
+  - React-RCTText (from `../node_modules/react-native/Libraries/Text`)
+  - React-RCTVibration (from `../node_modules/react-native/Libraries/Vibration`)
+  - React-rendererconsistency (from `../node_modules/react-native/ReactCommon/react/renderer/consistency`)
+  - React-rendererdebug (from `../node_modules/react-native/ReactCommon/react/renderer/debug`)
+  - React-rncore (from `../node_modules/react-native/ReactCommon`)
+  - React-RuntimeApple (from `../node_modules/react-native/ReactCommon/react/runtime/platform/ios`)
+  - React-RuntimeCore (from `../node_modules/react-native/ReactCommon/react/runtime`)
+  - React-runtimeexecutor (from `../node_modules/react-native/ReactCommon/runtimeexecutor`)
+  - React-RuntimeHermes (from `../node_modules/react-native/ReactCommon/react/runtime`)
+  - React-runtimescheduler (from `../node_modules/react-native/ReactCommon/react/renderer/runtimescheduler`)
+  - React-timing (from `../node_modules/react-native/ReactCommon/react/timing`)
+  - React-utils (from `../node_modules/react-native/ReactCommon/react/utils`)
+  - ReactAppDependencyProvider (from `build/generated/ios`)
+  - ReactCodegen (from `build/generated/ios`)
+  - ReactCommon/turbomodule/core (from `../node_modules/react-native/ReactCommon`)
+  - RNCalendarEvents (from `../node_modules/react-native-calendar-events`)
+  - "RNCAsyncStorage (from `../node_modules/@react-native-async-storage/async-storage`)"
+  - "RNCClipboard (from `../node_modules/@react-native-clipboard/clipboard`)"
+  - RNDefaultPreference (from `../node_modules/react-native-default-preference`)
+  - RNDeviceInfo (from `../node_modules/react-native-device-info`)
+  - RNGestureHandler (from `../node_modules/react-native-gesture-handler`)
+  - "RNGoogleSignin (from `../node_modules/@react-native-google-signin/google-signin`)"
+  - RNScreens (from `../node_modules/react-native-screens`)
+  - RNSound (from `../node_modules/react-native-sound`)
+  - RNSVG (from `../node_modules/react-native-svg`)
+  - SplashView (from `../node_modules/react-native-splash-view`)
+  - Yoga (from `../node_modules/react-native/ReactCommon/yoga`)
+
+SPEC REPOS:
+  trunk:
+    - AppAuth
+    - CocoaLumberjack
+    - Firebase
+    - FirebaseAnalytics
+    - FirebaseCore
+    - FirebaseCoreDiagnostics
+    - FirebaseCrashlytics
+    - FirebaseInstallations
+    - Giphy
+    - GoogleAppMeasurement
+    - GoogleDataTransport
+    - GoogleSignIn
+    - GoogleUtilities
+    - GTMAppAuth
+    - GTMSessionFetcher
+    - JitsiWebRTC
+    - libwebp
+    - nanopb
+    - ObjectiveDropboxOfficial
+    - PromisesObjC
+    - SocketRocket
+
+EXTERNAL SOURCES:
+  amplitude-react-native:
+    :path: "../node_modules/@amplitude/analytics-react-native"
+  boost:
+    :podspec: "../node_modules/react-native/third-party-podspecs/boost.podspec"
+  DoubleConversion:
+    :podspec: "../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec"
+  fast_float:
+    :podspec: "../node_modules/react-native/third-party-podspecs/fast_float.podspec"
+  FBLazyVector:
+    :path: "../node_modules/react-native/Libraries/FBLazyVector"
+  fmt:
+    :podspec: "../node_modules/react-native/third-party-podspecs/fmt.podspec"
+  giphy-react-native-sdk:
+    :path: "../node_modules/@giphy/react-native-sdk"
+  glog:
+    :podspec: "../node_modules/react-native/third-party-podspecs/glog.podspec"
+  hermes-engine:
+    :podspec: "../node_modules/react-native/sdks/hermes-engine/hermes-engine.podspec"
+    :tag: hermes-2024-11-25-RNv0.77.0-d4f25d534ab744866448b36ca3bf3d97c08e638c
+  RCT-Folly:
+    :podspec: "../node_modules/react-native/third-party-podspecs/RCT-Folly.podspec"
+  RCTDeprecation:
+    :path: "../node_modules/react-native/ReactApple/Libraries/RCTFoundation/RCTDeprecation"
+  RCTRequired:
+    :path: "../node_modules/react-native/Libraries/Required"
+  RCTTypeSafety:
+    :path: "../node_modules/react-native/Libraries/TypeSafety"
+  React:
+    :path: "../node_modules/react-native/"
+  React-callinvoker:
+    :path: "../node_modules/react-native/ReactCommon/callinvoker"
+  React-Core:
+    :path: "../node_modules/react-native/"
+  React-CoreModules:
+    :path: "../node_modules/react-native/React/CoreModules"
+  React-cxxreact:
+    :path: "../node_modules/react-native/ReactCommon/cxxreact"
+  React-debug:
+    :path: "../node_modules/react-native/ReactCommon/react/debug"
+  React-defaultsnativemodule:
+    :path: "../node_modules/react-native/ReactCommon/react/nativemodule/defaults"
+  React-domnativemodule:
+    :path: "../node_modules/react-native/ReactCommon/react/nativemodule/dom"
+  React-Fabric:
+    :path: "../node_modules/react-native/ReactCommon"
+  React-FabricComponents:
+    :path: "../node_modules/react-native/ReactCommon"
+  React-FabricImage:
+    :path: "../node_modules/react-native/ReactCommon"
+  React-featureflags:
+    :path: "../node_modules/react-native/ReactCommon/react/featureflags"
+  React-featureflagsnativemodule:
+    :path: "../node_modules/react-native/ReactCommon/react/nativemodule/featureflags"
+  React-graphics:
+    :path: "../node_modules/react-native/ReactCommon/react/renderer/graphics"
+  React-hermes:
+    :path: "../node_modules/react-native/ReactCommon/hermes"
+  React-idlecallbacksnativemodule:
+    :path: "../node_modules/react-native/ReactCommon/react/nativemodule/idlecallbacks"
+  React-ImageManager:
+    :path: "../node_modules/react-native/ReactCommon/react/renderer/imagemanager/platform/ios"
+  React-jserrorhandler:
+    :path: "../node_modules/react-native/ReactCommon/jserrorhandler"
+  React-jsi:
+    :path: "../node_modules/react-native/ReactCommon/jsi"
+  React-jsiexecutor:
+    :path: "../node_modules/react-native/ReactCommon/jsiexecutor"
+  React-jsinspector:
+    :path: "../node_modules/react-native/ReactCommon/jsinspector-modern"
+  React-jsitracing:
+    :path: "../node_modules/react-native/ReactCommon/hermes/executor/"
+  React-logger:
+    :path: "../node_modules/react-native/ReactCommon/logger"
+  React-Mapbuffer:
+    :path: "../node_modules/react-native/ReactCommon"
+  React-microtasksnativemodule:
+    :path: "../node_modules/react-native/ReactCommon/react/nativemodule/microtasks"
+  react-native-background-timer:
+    :path: "../node_modules/react-native-background-timer"
+  react-native-get-random-values:
+    :path: "../node_modules/react-native-get-random-values"
+  react-native-keep-awake:
+    :path: "../node_modules/@sayem314/react-native-keep-awake"
+  react-native-netinfo:
+    :path: "../node_modules/@react-native-community/netinfo"
+  react-native-orientation-locker:
+    :path: "../node_modules/react-native-orientation-locker"
+  react-native-pager-view:
+    :path: "../node_modules/react-native-pager-view"
+  react-native-performance:
+    :path: "../node_modules/react-native-performance"
+  react-native-safe-area-context:
+    :path: "../node_modules/react-native-safe-area-context"
+  react-native-slider:
+    :path: "../node_modules/@react-native-community/slider"
+  react-native-video:
+    :path: "../node_modules/react-native-video"
+  react-native-webrtc:
+    :path: "../node_modules/react-native-webrtc"
+  react-native-webview:
+    :path: "../node_modules/react-native-webview"
+  react-native-worklets-core:
+    :path: "../node_modules/react-native-worklets-core"
+  React-nativeconfig:
+    :path: "../node_modules/react-native/ReactCommon"
+  React-NativeModulesApple:
+    :path: "../node_modules/react-native/ReactCommon/react/nativemodule/core/platform/ios"
+  React-perflogger:
+    :path: "../node_modules/react-native/ReactCommon/reactperflogger"
+  React-performancetimeline:
+    :path: "../node_modules/react-native/ReactCommon/react/performance/timeline"
+  React-RCTActionSheet:
+    :path: "../node_modules/react-native/Libraries/ActionSheetIOS"
+  React-RCTAnimation:
+    :path: "../node_modules/react-native/Libraries/NativeAnimation"
+  React-RCTAppDelegate:
+    :path: "../node_modules/react-native/Libraries/AppDelegate"
+  React-RCTBlob:
+    :path: "../node_modules/react-native/Libraries/Blob"
+  React-RCTFabric:
+    :path: "../node_modules/react-native/React"
+  React-RCTFBReactNativeSpec:
+    :path: "../node_modules/react-native/React"
+  React-RCTImage:
+    :path: "../node_modules/react-native/Libraries/Image"
+  React-RCTLinking:
+    :path: "../node_modules/react-native/Libraries/LinkingIOS"
+  React-RCTNetwork:
+    :path: "../node_modules/react-native/Libraries/Network"
+  React-RCTSettings:
+    :path: "../node_modules/react-native/Libraries/Settings"
+  React-RCTText:
+    :path: "../node_modules/react-native/Libraries/Text"
+  React-RCTVibration:
+    :path: "../node_modules/react-native/Libraries/Vibration"
+  React-rendererconsistency:
+    :path: "../node_modules/react-native/ReactCommon/react/renderer/consistency"
+  React-rendererdebug:
+    :path: "../node_modules/react-native/ReactCommon/react/renderer/debug"
+  React-rncore:
+    :path: "../node_modules/react-native/ReactCommon"
+  React-RuntimeApple:
+    :path: "../node_modules/react-native/ReactCommon/react/runtime/platform/ios"
+  React-RuntimeCore:
+    :path: "../node_modules/react-native/ReactCommon/react/runtime"
+  React-runtimeexecutor:
+    :path: "../node_modules/react-native/ReactCommon/runtimeexecutor"
+  React-RuntimeHermes:
+    :path: "../node_modules/react-native/ReactCommon/react/runtime"
+  React-runtimescheduler:
+    :path: "../node_modules/react-native/ReactCommon/react/renderer/runtimescheduler"
+  React-timing:
+    :path: "../node_modules/react-native/ReactCommon/react/timing"
+  React-utils:
+    :path: "../node_modules/react-native/ReactCommon/react/utils"
+  ReactAppDependencyProvider:
+    :path: build/generated/ios
+  ReactCodegen:
+    :path: build/generated/ios
+  ReactCommon:
+    :path: "../node_modules/react-native/ReactCommon"
+  RNCalendarEvents:
+    :path: "../node_modules/react-native-calendar-events"
+  RNCAsyncStorage:
+    :path: "../node_modules/@react-native-async-storage/async-storage"
+  RNCClipboard:
+    :path: "../node_modules/@react-native-clipboard/clipboard"
+  RNDefaultPreference:
+    :path: "../node_modules/react-native-default-preference"
+  RNDeviceInfo:
+    :path: "../node_modules/react-native-device-info"
+  RNGestureHandler:
+    :path: "../node_modules/react-native-gesture-handler"
+  RNGoogleSignin:
+    :path: "../node_modules/@react-native-google-signin/google-signin"
+  RNScreens:
+    :path: "../node_modules/react-native-screens"
+  RNSound:
+    :path: "../node_modules/react-native-sound"
+  RNSVG:
+    :path: "../node_modules/react-native-svg"
+  SplashView:
+    :path: "../node_modules/react-native-splash-view"
+  Yoga:
+    :path: "../node_modules/react-native/ReactCommon/yoga"
+
+SPEC CHECKSUMS:
+  amplitude-react-native: d0039a3ce502eb441ba818af1b8c8ba710ef16e7
+  AppAuth: d4f13a8fe0baf391b2108511793e4b479691fb73
+  boost: 7e761d76ca2ce687f7cc98e698152abd03a18f90
+  CocoaLumberjack: 543c79c114dadc3b1aba95641d8738b06b05b646
+  DoubleConversion: cb417026b2400c8f53ae97020b2be961b59470cb
+  fast_float: 06eeec4fe712a76acc9376682e4808b05ce978b6
+  FBLazyVector: 4c16dde959a9d6b24f2aa32cb87cb919a1ace3f3
+  Firebase: 5f8193dff4b5b7c5d5ef72ae54bb76c08e2b841d
+  FirebaseAnalytics: 7761cbadb00a717d8d0939363eb46041526474fa
+  FirebaseCore: 5743c5785c074a794d35f2fff7ecc254a91e08b1
+  FirebaseCoreDiagnostics: 92e07a649aeb66352b319d43bdd2ee3942af84cb
+  FirebaseCrashlytics: feb07e4e9187be3c23c6a846cce4824e5ce2dd0b
+  FirebaseInstallations: 40bd9054049b2eae9a2c38ef1c3dd213df3605cd
+  fmt: a40bb5bd0294ea969aaaba240a927bd33d878cdd
+  Giphy: 55914215541027873875757f350530e6d8986fba
+  giphy-react-native-sdk: 733177b2537b527cfa55979c396cc1f2046eb457
+  glog: eb93e2f488219332457c3c4eafd2738ddc7e80b8
+  GoogleAppMeasurement: 4c19f031220c72464d460c9daa1fb5d1acce958e
+  GoogleDataTransport: 6c09b596d841063d76d4288cc2d2f42cc36e1e2a
+  GoogleSignIn: d4281ab6cf21542b1cfaff85c191f230b399d2db
+  GoogleUtilities: ea963c370a38a8069cc5f7ba4ca849a60b6d7d15
+  GTMAppAuth: f69bd07d68cd3b766125f7e072c45d7340dea0de
+  GTMSessionFetcher: 5aea5ba6bd522a239e236100971f10cb71b96ab6
+  hermes-engine: 8eb265241fa1d7095d3a40d51fd90f7dce68217c
+  JitsiWebRTC: b47805ab5668be38e7ee60e2258f49badfe8e1d0
+  libwebp: 02b23773aedb6ff1fd38cec7a77b81414c6842a8
+  nanopb: a0ba3315591a9ae0a16a309ee504766e90db0c96
+  ObjectiveDropboxOfficial: fe206ce8c0bc49976c249d472db7fdbc53ebbd53
+  PromisesObjC: f5707f49cb48b9636751c5b2e7d227e43fba9f47
+  RCT-Folly: e78785aa9ba2ed998ea4151e314036f6c49e6d82
+  RCTDeprecation: 85b72250b63cfb54f29ca96ceb108cb9ef3c2079
+  RCTRequired: 567cb8f5d42b990331bfd93faad1d8999b1c1736
+  RCTTypeSafety: 5e57924492a5e0a762654f814dd018953274eca9
+  React: 53c9bd6f974c5dd019ee466e46477eb679149c38
+  React-callinvoker: d6484472c1c742917b51338525336d6a74ab8a9f
+  React-Core: 4ddb741e08144902ce4e0e66b7c67c6f2dc5bfc7
+  React-CoreModules: 0a31ca662ac169edd0c210efd324e19b3012d7ed
+  React-cxxreact: f8ecc64ebf8b795c550ae8b65ba4908ffe7350d0
+  React-debug: bcb3ad3ac30170b3dad4a35b4b85db17ff9553b2
+  React-defaultsnativemodule: 6f82446e1c372d904fd06f7c405fcb04f76e3d24
+  React-domnativemodule: 6af75363e305253251475a82df996cde8a53e066
+  React-Fabric: 0a8ef32ba4f8516c89d89126434ead8c0c564da1
+  React-FabricComponents: 7c69a91400e6c1766ad9d44b7fa73871559ead30
+  React-FabricImage: dc71846e7a8b0825890faacf88a2a1cf771c7108
+  React-featureflags: 1d15b368330ec96edc02e68cdae0f266efad5ebe
+  React-featureflagsnativemodule: 45f51f78d54579087e1233dc8bae31e2536c4208
+  React-graphics: 235f82ac0ca6b4533049e10baf202f521804baef
+  React-hermes: 104bc85f9903f1caa91db6b09a5f97ceda6c50af
+  React-idlecallbacksnativemodule: 47f766f119cccd4486081f88ebc30e3046130ce0
+  React-ImageManager: 0190f64acb02be89d57764f608989297409eba30
+  React-jserrorhandler: 30f3a3a2e54ac2528bf93b59f764a8ae1bcd88eb
+  React-jsi: 0a6dd1eafe243a6c19c5207103aa0fba3c45a46d
+  React-jsiexecutor: 9aba4e775cc17d9c4311caf1bf2158a570380a9a
+  React-jsinspector: 6982d464d92181217de063cebc4a992d99d85b7f
+  React-jsitracing: a6569c6c0dadecdce4821f87a420b409a19e42d3
+  React-logger: 592d84bed2e04db64c0b3725f9970b437473f3d3
+  React-Mapbuffer: 595c88852c1dcb1c4faafad88148de8690a70aae
+  React-microtasksnativemodule: b56986b155ae82e9bcb1d1c0ca8726bac52dbb6e
+  react-native-background-timer: 4638ae3bee00320753647900b21260b10587b6f7
+  react-native-get-random-values: d16467cf726c618e9c7a8c3c39c31faa2244bbba
+  react-native-keep-awake: 03b74eebe4f2bb5e8478fc8f420651a92463b6f8
+  react-native-netinfo: 5364263f903da576bdef9c84a76fe243ab06812c
+  react-native-orientation-locker: dbd3f6ddbe9e62389cb0807dc2af63f6c36dec36
+  react-native-pager-view: 11662c698c8f11d39e05891316d2a144fa00adc4
+  react-native-performance: 125a96c145e29918b55b45ce25cbba54f1e24dcd
+  react-native-safe-area-context: 0f7bf11598f9a61b7ceac8dc3f59ef98697e99e1
+  react-native-slider: 1205801a8d29b28cacc14eef08cb120015cdafcb
+  react-native-video: eb861d67a71dfef1bbf6086a811af5f338b13781
+  react-native-webrtc: e8f0ce746353adc2744a2b933645e1aeb41eaa74
+  react-native-webview: 079eca50edf657503318b66687dadfb903731aa8
+  react-native-worklets-core: b59cf88762c8fb6132d8796babd4cec15217d6f0
+  React-nativeconfig: ecf4dc92c40b97e2b3f0c619938f78bfd6507b08
+  React-NativeModulesApple: f457bbfb30fb3bc41979b1a87b99d292d7340d39
+  React-perflogger: 1111b5feb064c4cc83df88fb403efda54b387951
+  React-performancetimeline: f04d09d6c0da5c31c9c3a10afe6fcfdaddbb8624
+  React-RCTActionSheet: 150cfe1df4275db2251a2a4a1b22be3294e94ef7
+  React-RCTAnimation: 1de976f7a660429c39e20a81a728eb0102226f9b
+  React-RCTAppDelegate: 4d0243b352cd6c12744ffaa1b7e6aa90eaa3c291
+  React-RCTBlob: 27c8f8fa6cb47cd4cb422d74d015722f01835493
+  React-RCTFabric: fd2345f7a3c1415f988df0640d0e525d62fa4932
+  React-RCTFBReactNativeSpec: e7554dd3838a0d17e2e361e737ede98dfe2ebc9c
+  React-RCTImage: 148afd89e4de0c36b87df0d1e8c0007fa89fb055
+  React-RCTLinking: 389458d08b891fa0a03e4c2cee545ebff341d06f
+  React-RCTNetwork: a78572948341ef0f9438b2d1cd685be564256518
+  React-RCTSettings: 484e4ec805ff8ab6c0af21fe90f415a8fae89f43
+  React-RCTText: 0d6fbf6ebe6eaa749bc7d672ba01a3e96553e941
+  React-RCTVibration: 4baa58b79be7062096e0f0b7575d4f0507952449
+  React-rendererconsistency: 5f7773101a5d744d37967faabdb1b259c8f0b481
+  React-rendererdebug: d6da0f1dd47e4a087396ec7e7c37d2f0a469d2bd
+  React-rncore: 679835b31b637897cfd0b2ede7f9c206b9a688ff
+  React-RuntimeApple: 532438b9b2a0438639ebfae26117a23615b89d09
+  React-RuntimeCore: 8cb8fa729bf409730fc38a019556afc02e45989b
+  React-runtimeexecutor: e6e7af01f9989f931289250ee9060604bc0f0144
+  React-RuntimeHermes: 825d11cbef3dac839016830bdb93d815492bbe94
+  React-runtimescheduler: a3560dd66614edaf2f2fb90697474802f8bdd358
+  React-timing: d9adb125887c734222f455da146e2ff1a7b2b9c1
+  React-utils: 5642285f8379e4d024f1f158ffcc77d9c52c877c
+  ReactAppDependencyProvider: f334cebc0beed0a72490492e978007082c03d533
+  ReactCodegen: 6f764a42662ad6379fd3fbb9c09baff6e4797b20
+  ReactCommon: 7763e59534d58e15f8f22121cdfe319040e08888
+  RNCalendarEvents: 62e1ac89d3afbfa77cf2dafa8727af93fa70825f
+  RNCAsyncStorage: aa75595c1aefa18f868452091fa0c411a516ce11
+  RNCClipboard: 7c3e3b5f71d84ef61690ad377b6c50cf27864ff5
+  RNDefaultPreference: ee13d69e6693d193cd223d10e15e5b3c012d31ba
+  RNDeviceInfo: 723e97dd98af9b7913477e7a40252c15517c258c
+  RNGestureHandler: 9f3109e11ed88fe5bed280bf7762b25e4c52f396
+  RNGoogleSignin: 30e1aee80140dc0706cd78a4951c411376c88329
+  RNScreens: 9ef996b6041d0960a4794a845f7d0808b171b4ef
+  RNSound: 314cc5226453ef4a3314a196c65e8a65e5106a7b
+  RNSVG: 67de7abef81f367387b708ba6d2acefe7d4f5895
+  SocketRocket: d4aabe649be1e368d1318fdf28a022d714d65748
+  SplashView: ed71a114c3ffe60dc3a9e5aa2cefb352c3794a70
+  Yoga: 31a098f74c16780569aebd614a0f37a907de0189
+
+PODFILE CHECKSUM: 7c37a89916893e11159576c8b308b7b5c25246c9
+
+COCOAPODS: 1.16.2
diff --git a/ios/README.md b/ios/README.md
new file mode 100644
index 0000000..b01171d
--- /dev/null
+++ b/ios/README.md
@@ -0,0 +1,3 @@
+# Jitsi Meet SDK for iOS
+
+This document has been moved to [The Handbook](https://jitsi.github.io/handbook/docs/dev-guide/dev-guide-ios-sdk).
diff --git a/ios/app/PrivacyInfo.xcprivacy b/ios/app/PrivacyInfo.xcprivacy
new file mode 100644
index 0000000..f5d4160
--- /dev/null
+++ b/ios/app/PrivacyInfo.xcprivacy
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>NSPrivacyAccessedAPITypes</key>
+	<array>
+		<dict>
+			<key>NSPrivacyAccessedAPIType</key>
+			<string>NSPrivacyAccessedAPICategoryFileTimestamp</string>
+			<key>NSPrivacyAccessedAPITypeReasons</key>
+			<array>
+				<string>C617.1</string>
+			</array>
+		</dict>
+		<dict>
+			<key>NSPrivacyAccessedAPIType</key>
+			<string>NSPrivacyAccessedAPICategoryUserDefaults</string>
+			<key>NSPrivacyAccessedAPITypeReasons</key>
+			<array>
+				<string>1C8F.1</string>
+				<string>C56D.1</string>
+				<string>CA92.1</string>
+			</array>
+		</dict>
+		<dict>
+			<key>NSPrivacyAccessedAPIType</key>
+			<string>NSPrivacyAccessedAPICategorySystemBootTime</string>
+			<key>NSPrivacyAccessedAPITypeReasons</key>
+			<array>
+				<string>35F9.1</string>
+			</array>
+		</dict>
+		<dict>
+			<key>NSPrivacyAccessedAPIType</key>
+			<string>NSPrivacyAccessedAPICategoryDiskSpace</string>
+			<key>NSPrivacyAccessedAPITypeReasons</key>
+			<array>
+				<string>85F4.1</string>
+			</array>
+		</dict>
+	</array>
+	<key>NSPrivacyCollectedDataTypes</key>
+	<array/>
+	<key>NSPrivacyTracking</key>
+	<false/>
+</dict>
+</plist>
diff --git a/ios/app/app.entitlements b/ios/app/app.entitlements
new file mode 100644
index 0000000..953aafd
--- /dev/null
+++ b/ios/app/app.entitlements
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>com.apple.developer.associated-domains</key>
+	<array>
+		<string>applinks:alpha.jitsi.net</string>
+		<string>applinks:beta.meet.jit.si</string>
+		<string>applinks:meet.jit.si</string>
+	</array>
+	<key>com.apple.developer.siri</key>
+	<true/>
+	<key>com.apple.security.application-groups</key>
+	<array>
+		<string>group.org.jitsi.meet.appgroup</string>
+	</array>
+</dict>
+</plist>
diff --git a/ios/app/app.xcodeproj/project.pbxproj b/ios/app/app.xcodeproj/project.pbxproj
new file mode 100644
index 0000000..b7ff161
--- /dev/null
+++ b/ios/app/app.xcodeproj/project.pbxproj
@@ -0,0 +1,832 @@
+// !$*UTF8*$!
+{
+	archiveVersion = 1;
+	classes = {
+	};
+	objectVersion = 60;
+	objects = {
+
+/* Begin PBXBuildFile section */
+		13B07FBD1A68108700A75B9A /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB11A68108700A75B9A /* LaunchScreen.storyboard */; };
+		13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; };
+		2681BB562C7A0B42CFBA6719 /* libPods-JitsiMeet.a in Frameworks */ = {isa = PBXBuildFile; fileRef = D6152FF9E9F7B0E86F70A21D /* libPods-JitsiMeet.a */; };
+		361974E2A13624D7735D619D /* PrivacyInfo.xcprivacy in Resources */ = {isa = PBXBuildFile; fileRef = 5C1BE20ECD5DEEB48FED90B5 /* PrivacyInfo.xcprivacy */; };
+		4341A9062CF0D63200940D93 /* hermes.xcframework in Frameworks */ = {isa = PBXBuildFile; fileRef = 4341A9052CF0D63200940D93 /* hermes.xcframework */; };
+		4341A9072CF0D63200940D93 /* hermes.xcframework in Embed Frameworks */ = {isa = PBXBuildFile; fileRef = 4341A9052CF0D63200940D93 /* hermes.xcframework */; settings = {ATTRIBUTES = (CodeSignOnCopy, RemoveHeadersOnCopy, ); }; };
+		4E90F9402632D1AB001102D4 /* Atomic.swift in Sources */ = {isa = PBXBuildFile; fileRef = 4E90F93F2632D1AB001102D4 /* Atomic.swift */; };
+		4EB06024260E026600F524C5 /* ReplayKit.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 4EC49B8625BED71300E76218 /* ReplayKit.framework */; };
+		4EB06027260E026600F524C5 /* SampleHandler.swift in Sources */ = {isa = PBXBuildFile; fileRef = 4EB06026260E026600F524C5 /* SampleHandler.swift */; };
+		4EB0602B260E026600F524C5 /* JitsiMeetBroadcastExtension.appex in Embed App Extensions */ = {isa = PBXBuildFile; fileRef = 4EB06023260E026600F524C5 /* JitsiMeetBroadcastExtension.appex */; settings = {ATTRIBUTES = (RemoveHeadersOnCopy, ); }; };
+		4EB0603C260E09D000F524C5 /* SocketConnection.swift in Sources */ = {isa = PBXBuildFile; fileRef = 4EB06039260E09D000F524C5 /* SocketConnection.swift */; };
+		4EB0603D260E09D000F524C5 /* DarwinNotificationCenter.swift in Sources */ = {isa = PBXBuildFile; fileRef = 4EB0603A260E09D000F524C5 /* DarwinNotificationCenter.swift */; };
+		4EB0603E260E09D000F524C5 /* SampleUploader.swift in Sources */ = {isa = PBXBuildFile; fileRef = 4EB0603B260E09D000F524C5 /* SampleUploader.swift */; };
+		DEA0B7122D7EF16E0062A9F6 /* ViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = DEA0B7112D7EF16E0062A9F6 /* ViewController.swift */; };
+		DEA0B7142D7EF7590062A9F6 /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = DEA0B7132D7EF7590062A9F6 /* AppDelegate.swift */; };
+		DEA9F289258A6EA800D4CD74 /* JitsiMeetSDK.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = DEA9F288258A6EA800D4CD74 /* JitsiMeetSDK.framework */; };
+		DEA9F28A258A6EA800D4CD74 /* JitsiMeetSDK.framework in Embed Frameworks */ = {isa = PBXBuildFile; fileRef = DEA9F288258A6EA800D4CD74 /* JitsiMeetSDK.framework */; settings = {ATTRIBUTES = (CodeSignOnCopy, RemoveHeadersOnCopy, ); }; };
+		DED016F128ECBC9D009D5E8D /* WebRTC.xcframework in Frameworks */ = {isa = PBXBuildFile; fileRef = DED016F028ECBC9D009D5E8D /* WebRTC.xcframework */; };
+		DED016F228ECBC9D009D5E8D /* WebRTC.xcframework in Embed Frameworks */ = {isa = PBXBuildFile; fileRef = DED016F028ECBC9D009D5E8D /* WebRTC.xcframework */; settings = {ATTRIBUTES = (CodeSignOnCopy, RemoveHeadersOnCopy, ); }; };
+		FD572B9827EDF32300A800FB /* GiphyUISDK.xcframework in Frameworks */ = {isa = PBXBuildFile; fileRef = FD572B9727EDF32300A800FB /* GiphyUISDK.xcframework */; };
+		FD572B9927EDF32300A800FB /* GiphyUISDK.xcframework in Embed Frameworks */ = {isa = PBXBuildFile; fileRef = FD572B9727EDF32300A800FB /* GiphyUISDK.xcframework */; settings = {ATTRIBUTES = (CodeSignOnCopy, RemoveHeadersOnCopy, ); }; };
+/* End PBXBuildFile section */
+
+/* Begin PBXContainerItemProxy section */
+		4EB06029260E026600F524C5 /* PBXContainerItemProxy */ = {
+			isa = PBXContainerItemProxy;
+			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
+			proxyType = 1;
+			remoteGlobalIDString = 4EB06022260E026600F524C5;
+			remoteInfo = "JitsiMeetBroadcast Extension";
+		};
+/* End PBXContainerItemProxy section */
+
+/* Begin PBXCopyFilesBuildPhase section */
+		0B26BE701EC5BC3C00EEFB41 /* Embed Frameworks */ = {
+			isa = PBXCopyFilesBuildPhase;
+			buildActionMask = 2147483647;
+			dstPath = "";
+			dstSubfolderSpec = 10;
+			files = (
+				DEA9F28A258A6EA800D4CD74 /* JitsiMeetSDK.framework in Embed Frameworks */,
+				4341A9072CF0D63200940D93 /* hermes.xcframework in Embed Frameworks */,
+				FD572B9927EDF32300A800FB /* GiphyUISDK.xcframework in Embed Frameworks */,
+				DED016F228ECBC9D009D5E8D /* WebRTC.xcframework in Embed Frameworks */,
+			);
+			name = "Embed Frameworks";
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		0BEA5C491F7B8F73000D0AB4 /* Embed Watch Content */ = {
+			isa = PBXCopyFilesBuildPhase;
+			buildActionMask = 2147483647;
+			dstPath = "$(CONTENTS_FOLDER_PATH)/Watch";
+			dstSubfolderSpec = 16;
+			files = (
+			);
+			name = "Embed Watch Content";
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		4EC49B9025BED71300E76218 /* Embed App Extensions */ = {
+			isa = PBXCopyFilesBuildPhase;
+			buildActionMask = 2147483647;
+			dstPath = "";
+			dstSubfolderSpec = 13;
+			files = (
+				4EB0602B260E026600F524C5 /* JitsiMeetBroadcastExtension.appex in Embed App Extensions */,
+			);
+			name = "Embed App Extensions";
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXCopyFilesBuildPhase section */
+
+/* Begin PBXFileReference section */
+		0B26BE6D1EC5BC3C00EEFB41 /* JitsiMeet.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; path = JitsiMeet.framework; sourceTree = BUILT_PRODUCTS_DIR; };
+		0BD6B4361EF82A6B00D1F4CD /* WebRTC.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = WebRTC.framework; path = "../../node_modules/react-native-webrtc/ios/WebRTC.framework"; sourceTree = "<group>"; };
+		13B07F961A680F5B00A75B9A /* jitsi-meet.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = "jitsi-meet.app"; sourceTree = BUILT_PRODUCTS_DIR; };
+		13B07FB21A68108700A75B9A /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = src/Base.lproj/LaunchScreen.storyboard; sourceTree = "<group>"; };
+		13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Images.xcassets; sourceTree = "<group>"; };
+		13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
+		3E0F4ED943C0B12BE77F6B45 /* Pods-JitsiMeet.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-JitsiMeet.release.xcconfig"; path = "Target Support Files/Pods-JitsiMeet/Pods-JitsiMeet.release.xcconfig"; sourceTree = "<group>"; };
+		4341A9052CF0D63200940D93 /* hermes.xcframework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.xcframework; name = hermes.xcframework; path = "../Pods/hermes-engine/destroot/Library/Frameworks/universal/hermes.xcframework"; sourceTree = "<group>"; };
+		4E90F93F2632D1AB001102D4 /* Atomic.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Atomic.swift; sourceTree = "<group>"; };
+		4EB06023260E026600F524C5 /* JitsiMeetBroadcastExtension.appex */ = {isa = PBXFileReference; explicitFileType = "wrapper.app-extension"; includeInIndex = 0; path = JitsiMeetBroadcastExtension.appex; sourceTree = BUILT_PRODUCTS_DIR; };
+		4EB06026260E026600F524C5 /* SampleHandler.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SampleHandler.swift; sourceTree = "<group>"; };
+		4EB06028260E026600F524C5 /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
+		4EB06032260E08CC00F524C5 /* extension.entitlements */ = {isa = PBXFileReference; lastKnownFileType = text.plist.entitlements; path = extension.entitlements; sourceTree = "<group>"; };
+		4EB06039260E09D000F524C5 /* SocketConnection.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = SocketConnection.swift; sourceTree = "<group>"; };
+		4EB0603A260E09D000F524C5 /* DarwinNotificationCenter.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = DarwinNotificationCenter.swift; sourceTree = "<group>"; };
+		4EB0603B260E09D000F524C5 /* SampleUploader.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = SampleUploader.swift; sourceTree = "<group>"; };
+		4EC49B8625BED71300E76218 /* ReplayKit.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = ReplayKit.framework; path = System/Library/Frameworks/ReplayKit.framework; sourceTree = SDKROOT; };
+		5C1BE20ECD5DEEB48FED90B5 /* PrivacyInfo.xcprivacy */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xml; path = PrivacyInfo.xcprivacy; sourceTree = "<group>"; };
+		756FCE06C08D9B947653C98A /* Pods-JitsiMeet.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-JitsiMeet.debug.xcconfig"; path = "Target Support Files/Pods-JitsiMeet/Pods-JitsiMeet.debug.xcconfig"; sourceTree = "<group>"; };
+		B3B083EB1D4955FF0069CEE7 /* app.entitlements */ = {isa = PBXFileReference; lastKnownFileType = text.plist.entitlements; path = app.entitlements; sourceTree = "<group>"; };
+		D6152FF9E9F7B0E86F70A21D /* libPods-JitsiMeet.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-JitsiMeet.a"; sourceTree = BUILT_PRODUCTS_DIR; };
+		DE050388256E904600DEE3A5 /* WebRTC.xcframework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.xcframework; name = WebRTC.xcframework; path = "../../node_modules/react-native-webrtc/apple/WebRTC.xcframework"; sourceTree = "<group>"; };
+		DEA0B7112D7EF16E0062A9F6 /* ViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ViewController.swift; sourceTree = "<group>"; };
+		DEA0B7132D7EF7590062A9F6 /* AppDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = "<group>"; };
+		DEA9F288258A6EA800D4CD74 /* JitsiMeetSDK.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; path = JitsiMeetSDK.framework; sourceTree = BUILT_PRODUCTS_DIR; };
+		DED016F028ECBC9D009D5E8D /* WebRTC.xcframework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.xcframework; name = WebRTC.xcframework; path = ../Pods/JitsiWebRTC/WebRTC.xcframework; sourceTree = "<group>"; };
+		DEFDBBDB25656E3B00344B23 /* WebRTC.xcframework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.xcframework; name = WebRTC.xcframework; path = "../../node_modules/react-native-webrtc/ios/WebRTC.xcframework"; sourceTree = "<group>"; };
+		FD572B9727EDF32300A800FB /* GiphyUISDK.xcframework */ = {isa = PBXFileReference; expectedSignature = "AppleDeveloperProgram:925PGC4MV7:Giphy, Inc."; lastKnownFileType = wrapper.xcframework; name = GiphyUISDK.xcframework; path = ../Pods/Giphy/GiphySDK/GiphyUISDK.xcframework; sourceTree = "<group>"; };
+/* End PBXFileReference section */
+
+/* Begin PBXFrameworksBuildPhase section */
+		13B07F8C1A680F5B00A75B9A /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				DED016F128ECBC9D009D5E8D /* WebRTC.xcframework in Frameworks */,
+				DEA9F289258A6EA800D4CD74 /* JitsiMeetSDK.framework in Frameworks */,
+				FD572B9827EDF32300A800FB /* GiphyUISDK.xcframework in Frameworks */,
+				2681BB562C7A0B42CFBA6719 /* libPods-JitsiMeet.a in Frameworks */,
+				4341A9062CF0D63200940D93 /* hermes.xcframework in Frameworks */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		4EB06020260E026600F524C5 /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				4EB06024260E026600F524C5 /* ReplayKit.framework in Frameworks */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXFrameworksBuildPhase section */
+
+/* Begin PBXGroup section */
+		0B26BE711EC5BC4D00EEFB41 /* Frameworks */ = {
+			isa = PBXGroup;
+			children = (
+				4341A9052CF0D63200940D93 /* hermes.xcframework */,
+				DED016F028ECBC9D009D5E8D /* WebRTC.xcframework */,
+				FD572B9727EDF32300A800FB /* GiphyUISDK.xcframework */,
+				DEA9F288258A6EA800D4CD74 /* JitsiMeetSDK.framework */,
+				DE050388256E904600DEE3A5 /* WebRTC.xcframework */,
+				0B26BE6D1EC5BC3C00EEFB41 /* JitsiMeet.framework */,
+				DEFDBBDB25656E3B00344B23 /* WebRTC.xcframework */,
+				0BD6B4361EF82A6B00D1F4CD /* WebRTC.framework */,
+				4EC49B8625BED71300E76218 /* ReplayKit.framework */,
+				D6152FF9E9F7B0E86F70A21D /* libPods-JitsiMeet.a */,
+			);
+			name = Frameworks;
+			sourceTree = "<group>";
+		};
+		13B07FAE1A68108700A75B9A /* src */ = {
+			isa = PBXGroup;
+			children = (
+				DEA0B7132D7EF7590062A9F6 /* AppDelegate.swift */,
+				13B07FB51A68108700A75B9A /* Images.xcassets */,
+				13B07FB61A68108700A75B9A /* Info.plist */,
+				DEA0B7112D7EF16E0062A9F6 /* ViewController.swift */,
+			);
+			path = src;
+			sourceTree = "<group>";
+		};
+		4EB06025260E026600F524C5 /* JitsiMeetBroadcast Extension */ = {
+			isa = PBXGroup;
+			children = (
+				4EB06032260E08CC00F524C5 /* extension.entitlements */,
+				4EB06026260E026600F524C5 /* SampleHandler.swift */,
+				4EB0603B260E09D000F524C5 /* SampleUploader.swift */,
+				4EB06039260E09D000F524C5 /* SocketConnection.swift */,
+				4EB0603A260E09D000F524C5 /* DarwinNotificationCenter.swift */,
+				4E90F93F2632D1AB001102D4 /* Atomic.swift */,
+				4EB06028260E026600F524C5 /* Info.plist */,
+			);
+			indentWidth = 4;
+			name = "JitsiMeetBroadcast Extension";
+			path = "broadcast-extension";
+			sourceTree = "<group>";
+			tabWidth = 4;
+		};
+		83CBB9F61A601CBA00E9B192 = {
+			isa = PBXGroup;
+			children = (
+				B3B083EB1D4955FF0069CEE7 /* app.entitlements */,
+				0B26BE711EC5BC4D00EEFB41 /* Frameworks */,
+				83CBBA001A601CBA00E9B192 /* Products */,
+				13B07FAE1A68108700A75B9A /* src */,
+				4EB06025260E026600F524C5 /* JitsiMeetBroadcast Extension */,
+				CDD71F5E1157E9F283DF92A8 /* Pods */,
+				5C1BE20ECD5DEEB48FED90B5 /* PrivacyInfo.xcprivacy */,
+				DEAC44E22E97D2C200AD7BEE /* Recovered References */,
+			);
+			indentWidth = 2;
+			sourceTree = "<group>";
+			tabWidth = 2;
+		};
+		83CBBA001A601CBA00E9B192 /* Products */ = {
+			isa = PBXGroup;
+			children = (
+				13B07F961A680F5B00A75B9A /* jitsi-meet.app */,
+				4EB06023260E026600F524C5 /* JitsiMeetBroadcastExtension.appex */,
+			);
+			name = Products;
+			sourceTree = "<group>";
+		};
+		CDD71F5E1157E9F283DF92A8 /* Pods */ = {
+			isa = PBXGroup;
+			children = (
+				756FCE06C08D9B947653C98A /* Pods-JitsiMeet.debug.xcconfig */,
+				3E0F4ED943C0B12BE77F6B45 /* Pods-JitsiMeet.release.xcconfig */,
+			);
+			name = Pods;
+			path = ../Pods;
+			sourceTree = "<group>";
+		};
+		DEAC44E22E97D2C200AD7BEE /* Recovered References */ = {
+			isa = PBXGroup;
+			children = (
+				13B07FB11A68108700A75B9A /* LaunchScreen.storyboard */,
+			);
+			name = "Recovered References";
+			sourceTree = "<group>";
+		};
+/* End PBXGroup section */
+
+/* Begin PBXNativeTarget section */
+		13B07F861A680F5B00A75B9A /* JitsiMeet */ = {
+			isa = PBXNativeTarget;
+			buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "JitsiMeet" */;
+			buildPhases = (
+				69BC5020DBE393B56BD76636 /* [CP] Check Pods Manifest.lock */,
+				0BBA83C41EC9F7600075A103 /* Run React packager */,
+				13B07F871A680F5B00A75B9A /* Sources */,
+				13B07F8C1A680F5B00A75B9A /* Frameworks */,
+				13B07F8E1A680F5B00A75B9A /* Resources */,
+				0B26BE701EC5BC3C00EEFB41 /* Embed Frameworks */,
+				0BEA5C491F7B8F73000D0AB4 /* Embed Watch Content */,
+				4EC49B9025BED71300E76218 /* Embed App Extensions */,
+				4E81688528A408E600F8FA9E /* Update App Entitlements */,
+				DE11877A21EE09640078D059 /* Setup Google reverse URL handler */,
+				0BB7DA181EC9E695007AAE98 /* Adjust ATS */,
+				DE4F6D6E22005C0400DE699E /* Setup Dropbox */,
+				E9D850368D253EFA8AB3B8D1 /* [CP] Copy Pods Resources */,
+			);
+			buildRules = (
+			);
+			dependencies = (
+				4EB0602A260E026600F524C5 /* PBXTargetDependency */,
+			);
+			name = JitsiMeet;
+			productName = "Jitsi Meet";
+			productReference = 13B07F961A680F5B00A75B9A /* jitsi-meet.app */;
+			productType = "com.apple.product-type.application";
+		};
+		4EB06022260E026600F524C5 /* JitsiMeetBroadcastExtension */ = {
+			isa = PBXNativeTarget;
+			buildConfigurationList = 4EB0602C260E026700F524C5 /* Build configuration list for PBXNativeTarget "JitsiMeetBroadcastExtension" */;
+			buildPhases = (
+				4EB0601F260E026600F524C5 /* Sources */,
+				4EB06020260E026600F524C5 /* Frameworks */,
+				4EB06021260E026600F524C5 /* Resources */,
+			);
+			buildRules = (
+			);
+			dependencies = (
+			);
+			name = JitsiMeetBroadcastExtension;
+			productName = "JitsiMeetBroadcast Extension";
+			productReference = 4EB06023260E026600F524C5 /* JitsiMeetBroadcastExtension.appex */;
+			productType = "com.apple.product-type.app-extension";
+		};
+/* End PBXNativeTarget section */
+
+/* Begin PBXProject section */
+		83CBB9F71A601CBA00E9B192 /* Project object */ = {
+			isa = PBXProject;
+			attributes = {
+				LastSwiftUpdateCheck = 1240;
+				LastUpgradeCheck = 1020;
+				ORGANIZATIONNAME = Jitsi;
+				TargetAttributes = {
+					13B07F861A680F5B00A75B9A = {
+						LastSwiftMigration = 1620;
+						SystemCapabilities = {
+							com.apple.SafariKeychain = {
+								enabled = 1;
+							};
+							com.apple.Siri = {
+								enabled = 1;
+							};
+						};
+					};
+					4EB06022260E026600F524C5 = {
+						CreatedOnToolsVersion = 12.4;
+					};
+				};
+			};
+			buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "app" */;
+			compatibilityVersion = "Xcode 12.0";
+			developmentRegion = en;
+			hasScannedForEncodings = 0;
+			knownRegions = (
+				en,
+				Base,
+			);
+			mainGroup = 83CBB9F61A601CBA00E9B192;
+			productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */;
+			projectDirPath = "";
+			projectRoot = "";
+			targets = (
+				13B07F861A680F5B00A75B9A /* JitsiMeet */,
+				4EB06022260E026600F524C5 /* JitsiMeetBroadcastExtension */,
+			);
+		};
+/* End PBXProject section */
+
+/* Begin PBXResourcesBuildPhase section */
+		13B07F8E1A680F5B00A75B9A /* Resources */ = {
+			isa = PBXResourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */,
+				13B07FBD1A68108700A75B9A /* LaunchScreen.storyboard in Resources */,
+				361974E2A13624D7735D619D /* PrivacyInfo.xcprivacy in Resources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		4EB06021260E026600F524C5 /* Resources */ = {
+			isa = PBXResourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXResourcesBuildPhase section */
+
+/* Begin PBXShellScriptBuildPhase section */
+		0BB7DA181EC9E695007AAE98 /* Adjust ATS */ = {
+			isa = PBXShellScriptBuildPhase;
+			alwaysOutOfDate = 1;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputPaths = (
+				$BUILT_PRODUCTS_DIR/$INFOPLIST_PATH,
+			);
+			name = "Adjust ATS";
+			outputPaths = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "../scripts/fixup-ats.sh\n";
+		};
+		0BBA83C41EC9F7600075A103 /* Run React packager */ = {
+			isa = PBXShellScriptBuildPhase;
+			alwaysOutOfDate = 1;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputPaths = (
+			);
+			name = "Run React packager";
+			outputPaths = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "../scripts/run-packager.sh\n";
+		};
+		4E81688528A408E600F8FA9E /* Update App Entitlements */ = {
+			isa = PBXShellScriptBuildPhase;
+			alwaysOutOfDate = 1;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+				$PROJECT_DIR/app.entitlements,
+			);
+			name = "Update App Entitlements";
+			outputFileListPaths = (
+			);
+			outputPaths = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "#if test \"$PRODUCT_BUNDLE_IDENTIFIER\" = \"com.atlassian.JitsiMeet.ios\"; then\n#    ENTITLEMENTS_PLIST=\"$PROJECT_DIR/app.entitlements\"\n#    \n#    /usr/libexec/PlistBuddy -c \"Add :com.apple.developer.avfoundation.multitasking-camera-access bool 1\" $ENTITLEMENTS_PLIST\n#fi\n";
+		};
+		69BC5020DBE393B56BD76636 /* [CP] Check Pods Manifest.lock */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
+				"${PODS_ROOT}/Manifest.lock",
+			);
+			name = "[CP] Check Pods Manifest.lock";
+			outputFileListPaths = (
+			);
+			outputPaths = (
+				"$(DERIVED_FILE_DIR)/Pods-JitsiMeet-checkManifestLockResult.txt",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
+			showEnvVarsInLog = 0;
+		};
+		DE11877A21EE09640078D059 /* Setup Google reverse URL handler */ = {
+			isa = PBXShellScriptBuildPhase;
+			alwaysOutOfDate = 1;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+				$BUILT_PRODUCTS_DIR/$INFOPLIST_PATH,
+			);
+			name = "Setup Google reverse URL handler";
+			outputFileListPaths = (
+			);
+			outputPaths = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "GOOGLE_PLIST_NAME=\"GoogleService-Info.plist\"\nGOOGLE_PLIST=\"$PROJECT_DIR/$GOOGLE_PLIST_NAME\"\nBUILD_APP_DIR=\"$BUILT_PRODUCTS_DIR/$PRODUCT_NAME.app\"\nINFO_PLIST=\"$BUILT_PRODUCTS_DIR/$INFOPLIST_PATH\"\n\nif [[ -f $GOOGLE_PLIST ]]; then\n    cp $GOOGLE_PLIST \"$BUILD_APP_DIR/$GOOGLE_PLIST_NAME\"\n    REVERSED_CLIENT_ID=$(/usr/libexec/PlistBuddy -c \"Print :REVERSED_CLIENT_ID:\" $GOOGLE_PLIST)\n    /usr/libexec/PlistBuddy -c \"Set :CFBundleURLTypes:1:CFBundleURLSchemes:0 $REVERSED_CLIENT_ID\" $INFO_PLIST\nfi\n";
+		};
+		DE4F6D6E22005C0400DE699E /* Setup Dropbox */ = {
+			isa = PBXShellScriptBuildPhase;
+			alwaysOutOfDate = 1;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+				$BUILT_PRODUCTS_DIR/$INFOPLIST_PATH,
+			);
+			name = "Setup Dropbox";
+			outputFileListPaths = (
+			);
+			outputPaths = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "INFO_PLIST=\"$BUILT_PRODUCTS_DIR/$INFOPLIST_PATH\"\nDROPBOX_KEY_FILE=\"$PROJECT_DIR/dropbox.key\"\n\nif [[ -f $DROPBOX_KEY_FILE ]]; then\n    /usr/libexec/PlistBuddy -c \"Delete :LSApplicationQueriesSchemes\" $INFO_PLIST\n    /usr/libexec/PlistBuddy -c \"Add :LSApplicationQueriesSchemes array\" $INFO_PLIST\n    /usr/libexec/PlistBuddy -c \"Add :LSApplicationQueriesSchemes:0 string 'dbapi-2'\" $INFO_PLIST\n    /usr/libexec/PlistBuddy -c \"Add :LSApplicationQueriesSchemes:1 string 'dbapi-8-emm'\" $INFO_PLIST\n\n    DROPBOX_KEY=$(head -n 1 $DROPBOX_KEY_FILE)\n    /usr/libexec/PlistBuddy -c \"Add :CFBundleURLTypes:2:CFBundleURLName string dropbox\" $INFO_PLIST\n    /usr/libexec/PlistBuddy -c \"Add :CFBundleURLTypes:2:CFBundleURLSchemes array\" $INFO_PLIST\n    /usr/libexec/PlistBuddy -c \"Add :CFBundleURLTypes:2:CFBundleURLSchemes:0 string $DROPBOX_KEY\" $INFO_PLIST\nfi\n";
+		};
+		E9D850368D253EFA8AB3B8D1 /* [CP] Copy Pods Resources */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-JitsiMeet/Pods-JitsiMeet-resources-${CONFIGURATION}-input-files.xcfilelist",
+			);
+			name = "[CP] Copy Pods Resources";
+			outputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-JitsiMeet/Pods-JitsiMeet-resources-${CONFIGURATION}-output-files.xcfilelist",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-JitsiMeet/Pods-JitsiMeet-resources.sh\"\n";
+			showEnvVarsInLog = 0;
+		};
+/* End PBXShellScriptBuildPhase section */
+
+/* Begin PBXSourcesBuildPhase section */
+		13B07F871A680F5B00A75B9A /* Sources */ = {
+			isa = PBXSourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				DEA0B7122D7EF16E0062A9F6 /* ViewController.swift in Sources */,
+				DEA0B7142D7EF7590062A9F6 /* AppDelegate.swift in Sources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		4EB0601F260E026600F524C5 /* Sources */ = {
+			isa = PBXSourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				4EB0603C260E09D000F524C5 /* SocketConnection.swift in Sources */,
+				4EB0603E260E09D000F524C5 /* SampleUploader.swift in Sources */,
+				4EB0603D260E09D000F524C5 /* DarwinNotificationCenter.swift in Sources */,
+				4EB06027260E026600F524C5 /* SampleHandler.swift in Sources */,
+				4E90F9402632D1AB001102D4 /* Atomic.swift in Sources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXSourcesBuildPhase section */
+
+/* Begin PBXTargetDependency section */
+		4EB0602A260E026600F524C5 /* PBXTargetDependency */ = {
+			isa = PBXTargetDependency;
+			target = 4EB06022260E026600F524C5 /* JitsiMeetBroadcastExtension */;
+			targetProxy = 4EB06029260E026600F524C5 /* PBXContainerItemProxy */;
+		};
+/* End PBXTargetDependency section */
+
+/* Begin PBXVariantGroup section */
+		13B07FB11A68108700A75B9A /* LaunchScreen.storyboard */ = {
+			isa = PBXVariantGroup;
+			children = (
+				13B07FB21A68108700A75B9A /* Base */,
+			);
+			name = LaunchScreen.storyboard;
+			sourceTree = "<group>";
+		};
+/* End PBXVariantGroup section */
+
+/* Begin XCBuildConfiguration section */
+		13B07F941A680F5B00A75B9A /* Debug */ = {
+			isa = XCBuildConfiguration;
+			baseConfigurationReference = 756FCE06C08D9B947653C98A /* Pods-JitsiMeet.debug.xcconfig */;
+			buildSettings = {
+				ASSETCATALOG_COMPILER_APPICON_NAME = AppIconDebug;
+				CLANG_ENABLE_MODULES = YES;
+				CODE_SIGN_ENTITLEMENTS = app.entitlements;
+				CODE_SIGN_IDENTITY = "Apple Development";
+				CODE_SIGN_STYLE = Automatic;
+				CURRENT_PROJECT_VERSION = 1;
+				DEAD_CODE_STRIPPING = NO;
+				DEVELOPMENT_TEAM = FC967L3QRG;
+				"EXCLUDED_ARCHS[sdk=iphonesimulator*]" = "";
+				INFOPLIST_FILE = src/Info.plist;
+				LD_RUNPATH_SEARCH_PATHS = (
+					"$(inherited)",
+					"@executable_path/Frameworks",
+				);
+				OTHER_LDFLAGS = (
+					"$(inherited)",
+					"-ObjC",
+					"-lc++",
+				);
+				PRODUCT_BUNDLE_IDENTIFIER = org.jitsi.meet;
+				PRODUCT_NAME = "jitsi-meet";
+				PROVISIONING_PROFILE_SPECIFIER = "";
+				SUPPORTED_PLATFORMS = "iphoneos iphonesimulator";
+				SUPPORTS_MACCATALYST = NO;
+				SUPPORTS_MAC_DESIGNED_FOR_IPHONE_IPAD = NO;
+				SUPPORTS_XR_DESIGNED_FOR_IPHONE_IPAD = NO;
+				SWIFT_OPTIMIZATION_LEVEL = "-Onone";
+				SWIFT_VERSION = 6.0;
+				TARGETED_DEVICE_FAMILY = "1,2";
+			};
+			name = Debug;
+		};
+		13B07F951A680F5B00A75B9A /* Release */ = {
+			isa = XCBuildConfiguration;
+			baseConfigurationReference = 3E0F4ED943C0B12BE77F6B45 /* Pods-JitsiMeet.release.xcconfig */;
+			buildSettings = {
+				ASSETCATALOG_COMPILER_APPICON_NAME = AppIconRelease;
+				CLANG_ENABLE_MODULES = YES;
+				CODE_SIGN_ENTITLEMENTS = app.entitlements;
+				CODE_SIGN_IDENTITY = "Apple Development";
+				CODE_SIGN_STYLE = Automatic;
+				CURRENT_PROJECT_VERSION = 1;
+				DEVELOPMENT_TEAM = FC967L3QRG;
+				"EXCLUDED_ARCHS[sdk=iphonesimulator*]" = "";
+				INFOPLIST_FILE = src/Info.plist;
+				LD_RUNPATH_SEARCH_PATHS = (
+					"$(inherited)",
+					"@executable_path/Frameworks",
+				);
+				OTHER_LDFLAGS = (
+					"$(inherited)",
+					"-ObjC",
+					"-lc++",
+				);
+				PRODUCT_BUNDLE_IDENTIFIER = org.jitsi.meet;
+				PRODUCT_NAME = "jitsi-meet";
+				PROVISIONING_PROFILE_SPECIFIER = "";
+				SUPPORTED_PLATFORMS = "iphoneos iphonesimulator";
+				SUPPORTS_MACCATALYST = NO;
+				SUPPORTS_MAC_DESIGNED_FOR_IPHONE_IPAD = NO;
+				SUPPORTS_XR_DESIGNED_FOR_IPHONE_IPAD = NO;
+				SWIFT_VERSION = 6.0;
+				TARGETED_DEVICE_FAMILY = "1,2";
+			};
+			name = Release;
+		};
+		4EB0602D260E026700F524C5 /* Debug */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++14";
+				CLANG_ENABLE_OBJC_WEAK = YES;
+				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+				CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES;
+				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
+				CODE_SIGN_ENTITLEMENTS = "broadcast-extension/extension.entitlements";
+				CODE_SIGN_IDENTITY = "Apple Development";
+				CODE_SIGN_STYLE = Automatic;
+				DEBUG_INFORMATION_FORMAT = dwarf;
+				DEVELOPMENT_TEAM = FC967L3QRG;
+				GCC_C_LANGUAGE_STANDARD = gnu11;
+				INFOPLIST_FILE = "broadcast-extension/Info.plist";
+				IPHONEOS_DEPLOYMENT_TARGET = 14.4;
+				LD_RUNPATH_SEARCH_PATHS = (
+					"$(inherited)",
+					"@executable_path/Frameworks",
+					"@executable_path/../../Frameworks",
+				);
+				MTL_ENABLE_DEBUG_INFO = INCLUDE_SOURCE;
+				MTL_FAST_MATH = YES;
+				PRODUCT_BUNDLE_IDENTIFIER = org.jitsi.meet.broadcast.extension;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SKIP_INSTALL = YES;
+				SUPPORTED_PLATFORMS = "iphoneos iphonesimulator";
+				SUPPORTS_MACCATALYST = NO;
+				SUPPORTS_MAC_DESIGNED_FOR_IPHONE_IPAD = NO;
+				SUPPORTS_XR_DESIGNED_FOR_IPHONE_IPAD = NO;
+				SWIFT_ACTIVE_COMPILATION_CONDITIONS = DEBUG;
+				SWIFT_OPTIMIZATION_LEVEL = "-Onone";
+				SWIFT_VERSION = 5.0;
+				TARGETED_DEVICE_FAMILY = "1,2";
+			};
+			name = Debug;
+		};
+		4EB0602E260E026700F524C5 /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++14";
+				CLANG_ENABLE_OBJC_WEAK = YES;
+				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+				CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES;
+				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
+				CODE_SIGN_ENTITLEMENTS = "broadcast-extension/extension.entitlements";
+				CODE_SIGN_IDENTITY = "Apple Development";
+				CODE_SIGN_STYLE = Automatic;
+				COPY_PHASE_STRIP = NO;
+				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
+				DEVELOPMENT_TEAM = FC967L3QRG;
+				GCC_C_LANGUAGE_STANDARD = gnu11;
+				INFOPLIST_FILE = "broadcast-extension/Info.plist";
+				IPHONEOS_DEPLOYMENT_TARGET = 14.4;
+				LD_RUNPATH_SEARCH_PATHS = (
+					"$(inherited)",
+					"@executable_path/Frameworks",
+					"@executable_path/../../Frameworks",
+				);
+				MTL_FAST_MATH = YES;
+				PRODUCT_BUNDLE_IDENTIFIER = org.jitsi.meet.broadcast.extension;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SKIP_INSTALL = YES;
+				SUPPORTED_PLATFORMS = "iphoneos iphonesimulator";
+				SUPPORTS_MACCATALYST = NO;
+				SUPPORTS_MAC_DESIGNED_FOR_IPHONE_IPAD = NO;
+				SUPPORTS_XR_DESIGNED_FOR_IPHONE_IPAD = NO;
+				SWIFT_OPTIMIZATION_LEVEL = "-O";
+				SWIFT_VERSION = 5.0;
+				TARGETED_DEVICE_FAMILY = "1,2";
+			};
+			name = Release;
+		};
+		83CBBA201A601CBA00E9B192 /* Debug */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				CC = "";
+				CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;
+				CLANG_CXX_LANGUAGE_STANDARD = "c++20";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				CLANG_WARN_UNREACHABLE_CODE = YES;
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
+				COPY_PHASE_STRIP = NO;
+				CXX = "";
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				ENABLE_TESTABILITY = YES;
+				"EXCLUDED_ARCHS[sdk=iphonesimulator*]" = "";
+				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_DYNAMIC_NO_PIC = NO;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_OPTIMIZATION_LEVEL = 0;
+				GCC_PREPROCESSOR_DEFINITIONS = (
+					"DEBUG=1",
+					"$(inherited)",
+					_LIBCPP_ENABLE_CXX17_REMOVED_UNARY_BINARY_FUNCTION,
+				);
+				GCC_SYMBOLS_PRIVATE_EXTERN = NO;
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				HEADER_SEARCH_PATHS = (
+					"$(inherited)",
+					/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include,
+				);
+				IPHONEOS_DEPLOYMENT_TARGET = 15.1;
+				LD = "";
+				LDPLUSPLUS = "";
+				MTL_ENABLE_DEBUG_INFO = YES;
+				ONLY_ACTIVE_ARCH = YES;
+				OTHER_CFLAGS = "$(inherited)";
+				OTHER_CPLUSPLUSFLAGS = "$(inherited)";
+				OTHER_LDFLAGS = "$(inherited)";
+				REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native";
+				SDKROOT = iphoneos;
+				SWIFT_ACTIVE_COMPILATION_CONDITIONS = "$(inherited) DEBUG";
+				TARGETED_DEVICE_FAMILY = "1,2";
+				USE_HERMES = true;
+			};
+			name = Debug;
+		};
+		83CBBA211A601CBA00E9B192 /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				CC = "";
+				CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;
+				CLANG_CXX_LANGUAGE_STANDARD = "c++20";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				CLANG_WARN_UNREACHABLE_CODE = YES;
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
+				COPY_PHASE_STRIP = YES;
+				CXX = "";
+				ENABLE_NS_ASSERTIONS = NO;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				"EXCLUDED_ARCHS[sdk=iphonesimulator*]" = "";
+				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_PREPROCESSOR_DEFINITIONS = (
+					"$(inherited)",
+					_LIBCPP_ENABLE_CXX17_REMOVED_UNARY_BINARY_FUNCTION,
+				);
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				HEADER_SEARCH_PATHS = (
+					"$(inherited)",
+					/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include,
+				);
+				IPHONEOS_DEPLOYMENT_TARGET = 15.1;
+				LD = "";
+				LDPLUSPLUS = "";
+				MTL_ENABLE_DEBUG_INFO = NO;
+				OTHER_CFLAGS = "$(inherited)";
+				OTHER_CPLUSPLUSFLAGS = "$(inherited)";
+				OTHER_LDFLAGS = "$(inherited)";
+				REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native";
+				SDKROOT = iphoneos;
+				SWIFT_COMPILATION_MODE = wholemodule;
+				TARGETED_DEVICE_FAMILY = "1,2";
+				USE_HERMES = true;
+				VALIDATE_PRODUCT = YES;
+			};
+			name = Release;
+		};
+/* End XCBuildConfiguration section */
+
+/* Begin XCConfigurationList section */
+		13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "JitsiMeet" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				13B07F941A680F5B00A75B9A /* Debug */,
+				13B07F951A680F5B00A75B9A /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+		4EB0602C260E026700F524C5 /* Build configuration list for PBXNativeTarget "JitsiMeetBroadcastExtension" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				4EB0602D260E026700F524C5 /* Debug */,
+				4EB0602E260E026700F524C5 /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+		83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "app" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				83CBBA201A601CBA00E9B192 /* Debug */,
+				83CBBA211A601CBA00E9B192 /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+/* End XCConfigurationList section */
+	};
+	rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */;
+}
diff --git a/ios/app/app.xcodeproj/xcshareddata/xcschemes/JitsiMeet.xcscheme b/ios/app/app.xcodeproj/xcshareddata/xcschemes/JitsiMeet.xcscheme
new file mode 100644
index 0000000..811a144
--- /dev/null
+++ b/ios/app/app.xcodeproj/xcshareddata/xcschemes/JitsiMeet.xcscheme
@@ -0,0 +1,101 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Scheme
+   LastUpgradeVersion = "1020"
+   version = "1.3">
+   <BuildAction
+      parallelizeBuildables = "NO"
+      buildImplicitDependencies = "YES">
+      <BuildActionEntries>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "0BD906E41EC0C00300C8C18E"
+               BuildableName = "JitsiMeetSDK.framework"
+               BlueprintName = "JitsiMeetSDK"
+               ReferencedContainer = "container:../sdk/sdk.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+               BuildableName = "jitsi-meet.app"
+               BlueprintName = "JitsiMeet"
+               ReferencedContainer = "container:app.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+      </BuildActionEntries>
+   </BuildAction>
+   <TestAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      shouldUseLaunchSchemeArgsEnv = "YES">
+      <MacroExpansion>
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "jitsi-meet.app"
+            BlueprintName = "JitsiMeet"
+            ReferencedContainer = "container:app.xcodeproj">
+         </BuildableReference>
+      </MacroExpansion>
+      <Testables>
+      </Testables>
+   </TestAction>
+   <LaunchAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      launchStyle = "0"
+      useCustomWorkingDirectory = "NO"
+      ignoresPersistentStateOnLaunch = "NO"
+      debugDocumentVersioning = "YES"
+      debugServiceExtension = "internal"
+      allowLocationSimulation = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "jitsi-meet.app"
+            BlueprintName = "JitsiMeet"
+            ReferencedContainer = "container:app.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </LaunchAction>
+   <ProfileAction
+      buildConfiguration = "Release"
+      shouldUseLaunchSchemeArgsEnv = "YES"
+      savedToolIdentifier = ""
+      useCustomWorkingDirectory = "NO"
+      debugDocumentVersioning = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "jitsi-meet.app"
+            BlueprintName = "JitsiMeet"
+            ReferencedContainer = "container:app.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </ProfileAction>
+   <AnalyzeAction
+      buildConfiguration = "Debug">
+   </AnalyzeAction>
+   <ArchiveAction
+      buildConfiguration = "Release"
+      revealArchiveInOrganizer = "YES">
+   </ArchiveAction>
+</Scheme>
diff --git a/ios/app/broadcast-extension/Atomic.swift b/ios/app/broadcast-extension/Atomic.swift
new file mode 100644
index 0000000..159dd95
--- /dev/null
+++ b/ios/app/broadcast-extension/Atomic.swift
@@ -0,0 +1,30 @@
+
+import Foundation
+
+@propertyWrapper
+struct Atomic<Value> {
+
+    private var value: Value
+    private let lock = NSLock()
+
+    init(wrappedValue value: Value) {
+        self.value = value
+    }
+
+    var wrappedValue: Value {
+      get { return load() }
+      set { store(newValue: newValue) }
+    }
+
+    func load() -> Value {
+        lock.lock()
+        defer { lock.unlock() }
+        return value
+    }
+
+    mutating func store(newValue: Value) {
+        lock.lock()
+        defer { lock.unlock() }
+        value = newValue
+    }
+}
diff --git a/ios/app/broadcast-extension/DarwinNotificationCenter.swift b/ios/app/broadcast-extension/DarwinNotificationCenter.swift
new file mode 100644
index 0000000..eb97ec1
--- /dev/null
+++ b/ios/app/broadcast-extension/DarwinNotificationCenter.swift
@@ -0,0 +1,37 @@
+/*
+ * Copyright @ 2021-present 8x8, Inc.
+ *
+ * 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 Foundation
+
+enum DarwinNotification: String {
+    case broadcastStarted = "iOS_BroadcastStarted"
+    case broadcastStopped = "iOS_BroadcastStopped"
+}
+
+class DarwinNotificationCenter {
+    
+    static var shared = DarwinNotificationCenter()
+    
+    private var notificationCenter: CFNotificationCenter
+    
+    init() {
+        notificationCenter = CFNotificationCenterGetDarwinNotifyCenter()
+    }
+    
+    func postNotification(_ name: DarwinNotification) {
+        CFNotificationCenterPostNotification(notificationCenter, CFNotificationName(rawValue: name.rawValue as CFString), nil, nil, true)
+    }
+}
diff --git a/ios/app/broadcast-extension/Info.plist b/ios/app/broadcast-extension/Info.plist
new file mode 100644
index 0000000..6222dd8
--- /dev/null
+++ b/ios/app/broadcast-extension/Info.plist
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>$(DEVELOPMENT_LANGUAGE)</string>
+	<key>CFBundleDisplayName</key>
+	<string>Jitsi Meet Broadcast Extension</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>$(PRODUCT_BUNDLE_PACKAGE_TYPE)</string>
+	<key>CFBundleShortVersionString</key>
+	<string>99.0.0</string>
+	<key>CFBundleVersion</key>
+	<string>1</string>
+	<key>NSExtension</key>
+	<dict>
+		<key>NSExtensionPointIdentifier</key>
+		<string>com.apple.broadcast-services-upload</string>
+		<key>NSExtensionPrincipalClass</key>
+		<string>$(PRODUCT_MODULE_NAME).SampleHandler</string>
+		<key>RPBroadcastProcessMode</key>
+		<string>RPBroadcastProcessModeSampleBuffer</string>
+	</dict>
+</dict>
+</plist>
diff --git a/ios/app/broadcast-extension/SampleHandler.swift b/ios/app/broadcast-extension/SampleHandler.swift
new file mode 100644
index 0000000..5e96a9c
--- /dev/null
+++ b/ios/app/broadcast-extension/SampleHandler.swift
@@ -0,0 +1,116 @@
+/*
+ * Copyright @ 2021-present 8x8, Inc.
+ *
+ * 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 ReplayKit
+
+private enum Constants {
+    // the App Group ID value that the app and the broadcast extension targets are setup with. It differs for each app.
+    static let appGroupIdentifier = "group.org.jitsi.meet.appgroup"
+}
+
+class SampleHandler: RPBroadcastSampleHandler {
+    
+    private var clientConnection: SocketConnection?
+    private var uploader: SampleUploader?
+    
+    private var frameCount: Int = 0
+    
+    var socketFilePath: String {
+      let sharedContainer = FileManager.default.containerURL(forSecurityApplicationGroupIdentifier: Constants.appGroupIdentifier)
+        
+        return sharedContainer?.appendingPathComponent("rtc_SSFD").path ?? ""
+    }
+    
+    override init() {
+      super.init()
+        if let connection = SocketConnection(filePath: socketFilePath) {
+          clientConnection = connection
+          setupConnection()
+          
+          uploader = SampleUploader(connection: connection)
+        }
+    }
+
+    override func broadcastStarted(withSetupInfo setupInfo: [String: NSObject]?) {
+        // User has requested to start the broadcast. Setup info from the UI extension can be supplied but optional.
+        print("broadcast started")
+        
+        frameCount = 0
+        
+        DarwinNotificationCenter.shared.postNotification(.broadcastStarted)
+        openConnection()
+    }
+    
+    override func broadcastPaused() {
+        // User has requested to pause the broadcast. Samples will stop being delivered.
+    }
+    
+    override func broadcastResumed() {
+        // User has requested to resume the broadcast. Samples delivery will resume.
+    }
+    
+    override func broadcastFinished() {
+        // User has requested to finish the broadcast.
+        DarwinNotificationCenter.shared.postNotification(.broadcastStopped)
+        clientConnection?.close()
+    }
+    
+    override func processSampleBuffer(_ sampleBuffer: CMSampleBuffer, with sampleBufferType: RPSampleBufferType) {
+        switch sampleBufferType {
+        case RPSampleBufferType.video:
+            // very simple mechanism for adjusting frame rate by using every third frame
+            frameCount += 1
+            if frameCount % 3 == 0 {
+                uploader?.send(sample: sampleBuffer)
+            }
+        default:
+            break
+        }
+    }
+}
+
+private extension SampleHandler {
+  
+    func setupConnection() {
+        clientConnection?.didClose = { [weak self] error in
+            print("client connection did close \(String(describing: error))")
+          
+            if let error = error {
+                self?.finishBroadcastWithError(error)
+            } else {
+                // the displayed failure message is more user friendly when using NSError instead of Error
+                let JMScreenSharingStopped = 10001
+                let customError = NSError(domain: RPRecordingErrorDomain, code: JMScreenSharingStopped, userInfo: [NSLocalizedDescriptionKey: "Screen sharing stopped"])
+                self?.finishBroadcastWithError(customError)
+            }
+        }
+    }
+    
+    func openConnection() {
+        let queue = DispatchQueue(label: "broadcast.connectTimer")
+        let timer = DispatchSource.makeTimerSource(queue: queue)
+        timer.schedule(deadline: .now(), repeating: .milliseconds(100), leeway: .milliseconds(500))
+        timer.setEventHandler { [weak self] in
+            guard self?.clientConnection?.open() == true else {
+                return
+            }
+            
+            timer.cancel()
+        }
+        
+        timer.resume()
+    }
+}
diff --git a/ios/app/broadcast-extension/SampleUploader.swift b/ios/app/broadcast-extension/SampleUploader.swift
new file mode 100644
index 0000000..8c545b9
--- /dev/null
+++ b/ios/app/broadcast-extension/SampleUploader.swift
@@ -0,0 +1,154 @@
+/*
+ * Copyright @ 2021-present 8x8, Inc.
+ *
+ * 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 Foundation
+import ReplayKit
+
+private enum Constants {
+    static let bufferMaxLength = 10240
+}
+
+class SampleUploader {
+    
+    private static var imageContext = CIContext(options: nil)
+    
+    @Atomic private var isReady: Bool = false
+    private var connection: SocketConnection
+  
+    private var dataToSend: Data?
+    private var byteIndex = 0
+  
+    private let serialQueue: DispatchQueue
+    
+    init(connection: SocketConnection) {
+        self.connection = connection
+        self.serialQueue = DispatchQueue(label: "org.jitsi.meet.broadcast.sampleUploader")
+      
+        setupConnection()
+    }
+  
+    @discardableResult func send(sample buffer: CMSampleBuffer) -> Bool {
+        guard isReady == true else {
+            return false
+        }
+        
+        isReady = false
+
+        dataToSend = prepare(sample: buffer)
+        byteIndex = 0
+
+        serialQueue.async { [weak self] in
+            self?.sendDataChunk()
+        }
+        
+        return true
+    }
+}
+
+private extension SampleUploader {
+    
+    func setupConnection() {
+        connection.didOpen = { [weak self] in
+            self?.isReady = true
+        }
+        connection.streamHasSpaceAvailable = { [weak self] in
+            self?.serialQueue.async {
+                self?.isReady = !(self?.sendDataChunk() ?? true)
+            }
+        }
+    }
+    
+    @discardableResult func sendDataChunk() -> Bool {
+        guard let dataToSend = dataToSend else {
+            return false
+        }
+      
+        var bytesLeft = dataToSend.count - byteIndex
+        var length = bytesLeft > Constants.bufferMaxLength ? Constants.bufferMaxLength : bytesLeft
+
+        length = dataToSend[byteIndex..<(byteIndex + length)].withUnsafeBytes {
+            guard let ptr = $0.bindMemory(to: UInt8.self).baseAddress else {
+                return 0
+            }
+          
+            return connection.writeToStream(buffer: ptr, maxLength: length)
+        }
+
+        if length > 0 {
+            byteIndex += length
+            bytesLeft -= length
+
+            if bytesLeft == 0 {
+                self.dataToSend = nil
+                byteIndex = 0
+            }
+        } else {
+            print("writeBufferToStream failure")
+        }
+      
+        return true
+    }
+    
+    func prepare(sample buffer: CMSampleBuffer) -> Data? {
+        guard let imageBuffer = CMSampleBufferGetImageBuffer(buffer) else {
+            print("image buffer not available")
+            return nil
+        }
+        
+        CVPixelBufferLockBaseAddress(imageBuffer, .readOnly)
+        
+        let scaleFactor = 2.0
+        let width = CVPixelBufferGetWidth(imageBuffer)/Int(scaleFactor)
+        let height = CVPixelBufferGetHeight(imageBuffer)/Int(scaleFactor)
+        let orientation = CMGetAttachment(buffer, key: RPVideoSampleOrientationKey as CFString, attachmentModeOut: nil)?.uintValue ?? 0
+                                    
+        let scaleTransform = CGAffineTransform(scaleX: CGFloat(1.0/scaleFactor), y: CGFloat(1.0/scaleFactor))
+        let bufferData = self.jpegData(from: imageBuffer, scale: scaleTransform)
+        
+        CVPixelBufferUnlockBaseAddress(imageBuffer, .readOnly)
+        
+        guard let messageData = bufferData else {
+            print("corrupted image buffer")
+            return nil
+        }
+              
+        let httpResponse = CFHTTPMessageCreateResponse(nil, 200, nil, kCFHTTPVersion1_1).takeRetainedValue()
+        CFHTTPMessageSetHeaderFieldValue(httpResponse, "Content-Length" as CFString, String(messageData.count) as CFString)
+        CFHTTPMessageSetHeaderFieldValue(httpResponse, "Buffer-Width" as CFString, String(width) as CFString)
+        CFHTTPMessageSetHeaderFieldValue(httpResponse, "Buffer-Height" as CFString, String(height) as CFString)
+        CFHTTPMessageSetHeaderFieldValue(httpResponse, "Buffer-Orientation" as CFString, String(orientation) as CFString)
+        
+        CFHTTPMessageSetBody(httpResponse, messageData as CFData)
+        
+        let serializedMessage = CFHTTPMessageCopySerializedMessage(httpResponse)?.takeRetainedValue() as Data?
+      
+        return serializedMessage
+    }
+    
+    func jpegData(from buffer: CVPixelBuffer, scale scaleTransform: CGAffineTransform) -> Data? {
+        var image = CIImage(cvPixelBuffer: buffer)
+        image = image.transformed(by: scaleTransform)
+        
+        guard let colorSpace = image.colorSpace else {
+            return nil
+        }
+      
+        let options: [CIImageRepresentationOption: Float] = [kCGImageDestinationLossyCompressionQuality as CIImageRepresentationOption: 1.0]
+        let imageData = SampleUploader.imageContext.jpegRepresentation(of: image, colorSpace: colorSpace, options: options)
+      
+        return imageData
+    }
+}
diff --git a/ios/app/broadcast-extension/SocketConnection.swift b/ios/app/broadcast-extension/SocketConnection.swift
new file mode 100644
index 0000000..bb5746d
--- /dev/null
+++ b/ios/app/broadcast-extension/SocketConnection.swift
@@ -0,0 +1,205 @@
+/*
+ * Copyright @ 2021-present 8x8, Inc.
+ *
+ * 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 Foundation
+
+class SocketConnection: NSObject {
+    var didOpen: (() -> Void)?
+    var didClose: ((Error?) -> Void)?
+    var streamHasSpaceAvailable: (() -> Void)?
+
+    private let filePath: String
+    private var socketHandle: Int32 = -1
+    private var address: sockaddr_un?
+
+    private var inputStream: InputStream?
+    private var outputStream: OutputStream?
+    
+    private var networkQueue: DispatchQueue?
+    private var shouldKeepRunning = false
+
+    init?(filePath path: String) {
+        filePath = path
+        socketHandle = Darwin.socket(AF_UNIX, SOCK_STREAM, 0)
+
+        guard socketHandle != -1 else {
+            print("failure: create socket")
+            return nil
+        }
+    }
+
+    func open() -> Bool {
+        print("open socket connection")
+
+        guard FileManager.default.fileExists(atPath: filePath) else {
+            print("failure: socket file missing")
+            return false
+        }
+      
+        guard setupAddress() == true else {
+            return false
+        }
+        
+        guard connectSocket() == true else {
+            return false
+        }
+
+        setupStreams()
+        
+        inputStream?.open()
+        outputStream?.open()
+
+        return true
+    }
+
+    func close() {
+        unscheduleStreams()
+
+        inputStream?.delegate = nil
+        outputStream?.delegate = nil
+
+        inputStream?.close()
+        outputStream?.close()
+        
+        inputStream = nil
+        outputStream = nil
+    }
+
+    func writeToStream(buffer: UnsafePointer<UInt8>, maxLength length: Int) -> Int {
+        return outputStream?.write(buffer, maxLength: length) ?? 0
+    }
+}
+
+extension SocketConnection: StreamDelegate {
+
+    func stream(_ aStream: Stream, handle eventCode: Stream.Event) {
+        switch eventCode {
+        case .openCompleted:
+            print("client stream open completed")
+            if aStream == outputStream {
+                didOpen?()
+            }
+        case .hasBytesAvailable:
+            if aStream == inputStream {
+                var buffer: UInt8 = 0
+                let numberOfBytesRead = inputStream?.read(&buffer, maxLength: 1)
+                if numberOfBytesRead == 0 && aStream.streamStatus == .atEnd {
+                    print("server socket closed")
+                    close()
+                    notifyDidClose(error: nil)
+                }
+            }
+        case .hasSpaceAvailable:
+            if aStream == outputStream {
+                streamHasSpaceAvailable?()
+            }
+        case .errorOccurred:
+            print("client stream error occurred: \(String(describing: aStream.streamError))")
+            close()
+            notifyDidClose(error: aStream.streamError)
+
+        default:
+            break
+        }
+    }
+}
+
+private extension SocketConnection {
+  
+    func setupAddress() -> Bool {
+        var addr = sockaddr_un()
+        guard filePath.count < MemoryLayout.size(ofValue: addr.sun_path) else {
+            print("failure: fd path is too long")
+            return false
+        }
+
+        _ = withUnsafeMutablePointer(to: &addr.sun_path.0) { ptr in
+            filePath.withCString {
+                strncpy(ptr, $0, filePath.count)
+            }
+        }
+        
+        address = addr
+        return true
+    }
+
+    func connectSocket() -> Bool {
+        guard var addr = address else {
+            return false
+        }
+        
+        let status = withUnsafePointer(to: &addr) { ptr in
+            ptr.withMemoryRebound(to: sockaddr.self, capacity: 1) {
+                Darwin.connect(socketHandle, $0, socklen_t(MemoryLayout<sockaddr_un>.size))
+            }
+        }
+
+        guard status == noErr else {
+            print("failure: \(status)")
+            return false
+        }
+        
+        return true
+    }
+
+    func setupStreams() {
+        var readStream: Unmanaged<CFReadStream>?
+        var writeStream: Unmanaged<CFWriteStream>?
+
+        CFStreamCreatePairWithSocket(kCFAllocatorDefault, socketHandle, &readStream, &writeStream)
+
+        inputStream = readStream?.takeRetainedValue()
+        inputStream?.delegate = self
+        inputStream?.setProperty(kCFBooleanTrue, forKey: Stream.PropertyKey(kCFStreamPropertyShouldCloseNativeSocket as String))
+
+        outputStream = writeStream?.takeRetainedValue()
+        outputStream?.delegate = self
+        outputStream?.setProperty(kCFBooleanTrue, forKey: Stream.PropertyKey(kCFStreamPropertyShouldCloseNativeSocket as String))
+
+        scheduleStreams()
+    }
+  
+    func scheduleStreams() {
+        shouldKeepRunning = true
+        
+        networkQueue = DispatchQueue.global(qos: .userInitiated)
+        networkQueue?.async { [weak self] in
+            self?.inputStream?.schedule(in: .current, forMode: .common)
+            self?.outputStream?.schedule(in: .current, forMode: .common)
+            
+            var isRunning = false
+                        
+            repeat {
+                isRunning = self?.shouldKeepRunning ?? false && RunLoop.current.run(mode: .default, before: .distantFuture)
+            } while (isRunning)
+        }
+    }
+    
+    func unscheduleStreams() {
+        networkQueue?.sync { [weak self] in
+            self?.inputStream?.remove(from: .current, forMode: .common)
+            self?.outputStream?.remove(from: .current, forMode: .common)
+        }
+        
+        shouldKeepRunning = false
+    }
+    
+    func notifyDidClose(error: Error?) {
+        if didClose != nil {
+            didClose?(error)
+        }
+    }
+}
diff --git a/ios/app/broadcast-extension/extension.entitlements b/ios/app/broadcast-extension/extension.entitlements
new file mode 100644
index 0000000..2bebc0b
--- /dev/null
+++ b/ios/app/broadcast-extension/extension.entitlements
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>com.apple.security.application-groups</key>
+	<array>
+		<string>group.org.jitsi.meet.appgroup</string>
+	</array>
+</dict>
+</plist>
diff --git a/ios/app/src/AppDelegate.swift b/ios/app/src/AppDelegate.swift
new file mode 100644
index 0000000..e9fe234
--- /dev/null
+++ b/ios/app/src/AppDelegate.swift
@@ -0,0 +1,78 @@
+import UIKit
+import Firebase
+import JitsiMeetSDK
+
+@main
+class AppDelegate: UIResponder, UIApplicationDelegate {
+
+    var window: UIWindow?
+
+    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
+        self.window = UIWindow(frame: UIScreen.main.bounds)
+
+        let jitsiMeet = JitsiMeet.sharedInstance()
+
+        // jitsiMeet.webRtcLoggingSeverity = .verbose
+
+        jitsiMeet.conferenceActivityType = "org.jitsi.JitsiMeet.ios.conference" // Must match the one defined in Info.plist{}
+        jitsiMeet.customUrlScheme = "org.jitsi.meet"
+        jitsiMeet.universalLinkDomains = ["meet.jit.si", "alpha.jitsi.net", "beta.meet.jit.si"]
+
+        jitsiMeet.defaultConferenceOptions = JitsiMeetConferenceOptions.fromBuilder { builder in
+            // For testing configOverrides a room needs to be set
+            // builder.room = "https://meet.jit.si/test0988test"
+
+            builder.setFeatureFlag("welcomepage.enabled", withBoolean: true)
+            builder.setFeatureFlag("ios.screensharing.enabled", withBoolean: true)
+            builder.setFeatureFlag("ios.recording.enabled", withBoolean: true)
+        }
+
+        jitsiMeet.application(application, didFinishLaunchingWithOptions: launchOptions ?? [:])
+
+        if self.appContainsRealServiceInfoPlist() {
+            print("Enabling Firebase")
+            FirebaseApp.configure()
+            Crashlytics.crashlytics().setCrashlyticsCollectionEnabled(!jitsiMeet.isCrashReportingDisabled())
+        }
+
+        let vc = ViewController()
+        self.window?.rootViewController = vc
+        jitsiMeet.showSplashScreen()
+
+        self.window?.makeKeyAndVisible()
+
+        return true
+    }
+
+    func applicationWillTerminate(_ application: UIApplication) {
+        print("Application will terminate!")
+        if let rootController = self.window?.rootViewController as? ViewController {
+            rootController.terminate()
+        }
+    }
+
+    // MARK: Linking delegate methods
+
+    func application(_ application: UIApplication, continue userActivity: NSUserActivity, restorationHandler: @escaping ([UIUserActivityRestoring]?) -> Void) -> Bool {
+        return JitsiMeet.sharedInstance().application(application, continue: userActivity, restorationHandler: restorationHandler)
+    }
+
+    func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) -> Bool {
+        if url.absoluteString.contains("google/link/?dismiss=1&is_weak_match=1") {
+            return false
+        }
+
+        return JitsiMeet.sharedInstance().application(app, open: url, options: options)
+    }
+
+    func application(_ application: UIApplication, supportedInterfaceOrientationsFor window: UIWindow?) -> UIInterfaceOrientationMask {
+        return JitsiMeet.sharedInstance().application(application, supportedInterfaceOrientationsFor: window)
+    }
+}
+
+// Firebase utilities
+extension AppDelegate {
+    func appContainsRealServiceInfoPlist() -> Bool {
+        return InfoPlistUtil.containsRealServiceInfoPlist(in: Bundle.main)
+    }
+}
diff --git a/ios/app/src/Base.lproj/LaunchScreen.storyboard b/ios/app/src/Base.lproj/LaunchScreen.storyboard
new file mode 100644
index 0000000..b0ff42f
--- /dev/null
+++ b/ios/app/src/Base.lproj/LaunchScreen.storyboard
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="23504" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="01J-lp-oVM">
+    <device id="retina4_7" orientation="portrait" appearance="light"/>
+    <dependencies>
+        <deployment identifier="iOS"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="23506"/>
+        <capability name="Safe area layout guides" minToolsVersion="9.0"/>
+        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
+    </dependencies>
+    <scenes>
+        <!--View Controller-->
+        <scene sceneID="EHf-IW-A2E">
+            <objects>
+                <viewController id="01J-lp-oVM" sceneMemberID="viewController">
+                    <view key="view" contentMode="scaleToFill" id="iN0-l3-epB">
+                        <rect key="frame" x="0.0" y="0.0" width="480" height="480"/>
+                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+                        <subviews>
+                            <imageView opaque="NO" userInteractionEnabled="NO" contentMode="center" image="LaunchScreen" translatesAutoresizingMaskIntoConstraints="NO" id="4B8-Xf-NDE">
+                                <rect key="frame" x="0.0" y="0.0" width="480" height="480"/>
+                            </imageView>
+                        </subviews>
+                        <color key="backgroundColor" red="0.090196078431372548" green="0.62745098039215685" blue="0.85882352941176465" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                        <constraints>
+                            <constraint firstAttribute="bottom" secondItem="4B8-Xf-NDE" secondAttribute="bottom" id="aFF-BR-glX"/>
+                            <constraint firstItem="4B8-Xf-NDE" firstAttribute="leading" secondItem="iN0-l3-epB" secondAttribute="leading" id="glR-YN-1GF"/>
+                            <constraint firstAttribute="trailing" secondItem="4B8-Xf-NDE" secondAttribute="trailing" id="tva-gl-jRX"/>
+                            <constraint firstItem="4B8-Xf-NDE" firstAttribute="top" secondItem="iN0-l3-epB" secondAttribute="top" id="yaV-1V-oEh"/>
+                        </constraints>
+                        <nil key="simulatedStatusBarMetrics"/>
+                        <freeformSimulatedSizeMetrics key="simulatedDestinationMetrics"/>
+                        <point key="canvasLocation" x="548" y="455"/>
+                    </view>
+                </viewController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="iYj-Kq-Ea1" userLabel="First Responder" sceneMemberID="firstResponder"/>
+            </objects>
+            <resources>
+                <image name="LaunchScreen" width="480" height="480"/>
+            </resources>
+        </scene>
+    </scenes>
+</document>
diff --git a/ios/app/src/Images.xcassets/AppIconDebug.appiconset/AppIcon-1024@1x.png b/ios/app/src/Images.xcassets/AppIconDebug.appiconset/AppIcon-1024@1x.png
new file mode 100644
index 0000000..c4aa223
Binary files /dev/null and b/ios/app/src/Images.xcassets/AppIconDebug.appiconset/AppIcon-1024@1x.png differ
diff --git a/ios/app/src/Images.xcassets/AppIconDebug.appiconset/AppIcon-29@2x.png b/ios/app/src/Images.xcassets/AppIconDebug.appiconset/AppIcon-29@2x.png
new file mode 100644
index 0000000..6f2feef
Binary files /dev/null and b/ios/app/src/Images.xcassets/AppIconDebug.appiconset/AppIcon-29@2x.png differ
diff --git a/ios/app/src/Images.xcassets/AppIconDebug.appiconset/AppIcon-29@3x.png b/ios/app/src/Images.xcassets/AppIconDebug.appiconset/AppIcon-29@3x.png
new file mode 100644
index 0000000..df0b0b1
Binary files /dev/null and b/ios/app/src/Images.xcassets/AppIconDebug.appiconset/AppIcon-29@3x.png differ
diff --git a/ios/app/src/Images.xcassets/AppIconDebug.appiconset/AppIcon-40@2x.png b/ios/app/src/Images.xcassets/AppIconDebug.appiconset/AppIcon-40@2x.png
new file mode 100644
index 0000000..1cd4e64
Binary files /dev/null and b/ios/app/src/Images.xcassets/AppIconDebug.appiconset/AppIcon-40@2x.png differ
diff --git a/ios/app/src/Images.xcassets/AppIconDebug.appiconset/AppIcon-60@2x.png b/ios/app/src/Images.xcassets/AppIconDebug.appiconset/AppIcon-60@2x.png
new file mode 100644
index 0000000..11fe05a
Binary files /dev/null and b/ios/app/src/Images.xcassets/AppIconDebug.appiconset/AppIcon-60@2x.png differ
diff --git a/ios/app/src/Images.xcassets/AppIconDebug.appiconset/AppIcon-60@3x.png b/ios/app/src/Images.xcassets/AppIconDebug.appiconset/AppIcon-60@3x.png
new file mode 100644
index 0000000..07a9fcc
Binary files /dev/null and b/ios/app/src/Images.xcassets/AppIconDebug.appiconset/AppIcon-60@3x.png differ
diff --git a/ios/app/src/Images.xcassets/AppIconDebug.appiconset/AppIcon-76@1x.png b/ios/app/src/Images.xcassets/AppIconDebug.appiconset/AppIcon-76@1x.png
new file mode 100644
index 0000000..85b7578
Binary files /dev/null and b/ios/app/src/Images.xcassets/AppIconDebug.appiconset/AppIcon-76@1x.png differ
diff --git a/ios/app/src/Images.xcassets/AppIconDebug.appiconset/AppIcon-76@2x.png b/ios/app/src/Images.xcassets/AppIconDebug.appiconset/AppIcon-76@2x.png
new file mode 100644
index 0000000..7f26813
Binary files /dev/null and b/ios/app/src/Images.xcassets/AppIconDebug.appiconset/AppIcon-76@2x.png differ
diff --git a/ios/app/src/Images.xcassets/AppIconDebug.appiconset/AppIcon-83.5@2x.png b/ios/app/src/Images.xcassets/AppIconDebug.appiconset/AppIcon-83.5@2x.png
new file mode 100644
index 0000000..c885af6
Binary files /dev/null and b/ios/app/src/Images.xcassets/AppIconDebug.appiconset/AppIcon-83.5@2x.png differ
diff --git a/ios/app/src/Images.xcassets/AppIconDebug.appiconset/Contents.json b/ios/app/src/Images.xcassets/AppIconDebug.appiconset/Contents.json
new file mode 100644
index 0000000..6ea7d6c
--- /dev/null
+++ b/ios/app/src/Images.xcassets/AppIconDebug.appiconset/Contents.json
@@ -0,0 +1,110 @@
+{
+  "images" : [
+    {
+      "idiom" : "iphone",
+      "size" : "20x20",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "20x20",
+      "scale" : "3x"
+    },
+    {
+      "size" : "29x29",
+      "idiom" : "iphone",
+      "filename" : "AppIcon-29@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "29x29",
+      "idiom" : "iphone",
+      "filename" : "AppIcon-29@3x.png",
+      "scale" : "3x"
+    },
+    {
+      "size" : "40x40",
+      "idiom" : "iphone",
+      "filename" : "AppIcon-40@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "40x40",
+      "idiom" : "iphone",
+      "filename" : "AppIcon-60@2x.png",
+      "scale" : "3x"
+    },
+    {
+      "size" : "60x60",
+      "idiom" : "iphone",
+      "filename" : "AppIcon-60@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "60x60",
+      "idiom" : "iphone",
+      "filename" : "AppIcon-60@3x.png",
+      "scale" : "3x"
+    },
+    {
+      "idiom" : "ipad",
+      "size" : "20x20",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "ipad",
+      "size" : "20x20",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "ipad",
+      "size" : "29x29",
+      "scale" : "1x"
+    },
+    {
+      "size" : "29x29",
+      "idiom" : "ipad",
+      "filename" : "AppIcon-29@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "ipad",
+      "size" : "40x40",
+      "scale" : "1x"
+    },
+    {
+      "size" : "40x40",
+      "idiom" : "ipad",
+      "filename" : "AppIcon-40@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "76x76",
+      "idiom" : "ipad",
+      "filename" : "AppIcon-76@1x.png",
+      "scale" : "1x"
+    },
+    {
+      "size" : "76x76",
+      "idiom" : "ipad",
+      "filename" : "AppIcon-76@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "83.5x83.5",
+      "idiom" : "ipad",
+      "filename" : "AppIcon-83.5@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "1024x1024",
+      "idiom" : "ios-marketing",
+      "filename" : "AppIcon-1024@1x.png",
+      "scale" : "1x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}
diff --git a/ios/app/src/Images.xcassets/AppIconRelease.appiconset/AppIcon-1024@1x.png b/ios/app/src/Images.xcassets/AppIconRelease.appiconset/AppIcon-1024@1x.png
new file mode 100644
index 0000000..5f5f64a
Binary files /dev/null and b/ios/app/src/Images.xcassets/AppIconRelease.appiconset/AppIcon-1024@1x.png differ
diff --git a/ios/app/src/Images.xcassets/AppIconRelease.appiconset/AppIcon-29@2x.png b/ios/app/src/Images.xcassets/AppIconRelease.appiconset/AppIcon-29@2x.png
new file mode 100644
index 0000000..b708df1
Binary files /dev/null and b/ios/app/src/Images.xcassets/AppIconRelease.appiconset/AppIcon-29@2x.png differ
diff --git a/ios/app/src/Images.xcassets/AppIconRelease.appiconset/AppIcon-29@3x.png b/ios/app/src/Images.xcassets/AppIconRelease.appiconset/AppIcon-29@3x.png
new file mode 100644
index 0000000..3b568f7
Binary files /dev/null and b/ios/app/src/Images.xcassets/AppIconRelease.appiconset/AppIcon-29@3x.png differ
diff --git a/ios/app/src/Images.xcassets/AppIconRelease.appiconset/AppIcon-40@2x.png b/ios/app/src/Images.xcassets/AppIconRelease.appiconset/AppIcon-40@2x.png
new file mode 100644
index 0000000..60440ca
Binary files /dev/null and b/ios/app/src/Images.xcassets/AppIconRelease.appiconset/AppIcon-40@2x.png differ
diff --git a/ios/app/src/Images.xcassets/AppIconRelease.appiconset/AppIcon-60@2x.png b/ios/app/src/Images.xcassets/AppIconRelease.appiconset/AppIcon-60@2x.png
new file mode 100644
index 0000000..1f2c834
Binary files /dev/null and b/ios/app/src/Images.xcassets/AppIconRelease.appiconset/AppIcon-60@2x.png differ
diff --git a/ios/app/src/Images.xcassets/AppIconRelease.appiconset/AppIcon-60@3x.png b/ios/app/src/Images.xcassets/AppIconRelease.appiconset/AppIcon-60@3x.png
new file mode 100644
index 0000000..ab94faf
Binary files /dev/null and b/ios/app/src/Images.xcassets/AppIconRelease.appiconset/AppIcon-60@3x.png differ
diff --git a/ios/app/src/Images.xcassets/AppIconRelease.appiconset/AppIcon-76@1x.png b/ios/app/src/Images.xcassets/AppIconRelease.appiconset/AppIcon-76@1x.png
new file mode 100644
index 0000000..9ef135e
Binary files /dev/null and b/ios/app/src/Images.xcassets/AppIconRelease.appiconset/AppIcon-76@1x.png differ
diff --git a/ios/app/src/Images.xcassets/AppIconRelease.appiconset/AppIcon-76@2x.png b/ios/app/src/Images.xcassets/AppIconRelease.appiconset/AppIcon-76@2x.png
new file mode 100644
index 0000000..b593142
Binary files /dev/null and b/ios/app/src/Images.xcassets/AppIconRelease.appiconset/AppIcon-76@2x.png differ
diff --git a/ios/app/src/Images.xcassets/AppIconRelease.appiconset/AppIcon-83.5@2x.png b/ios/app/src/Images.xcassets/AppIconRelease.appiconset/AppIcon-83.5@2x.png
new file mode 100644
index 0000000..df93e50
Binary files /dev/null and b/ios/app/src/Images.xcassets/AppIconRelease.appiconset/AppIcon-83.5@2x.png differ
diff --git a/ios/app/src/Images.xcassets/AppIconRelease.appiconset/Contents.json b/ios/app/src/Images.xcassets/AppIconRelease.appiconset/Contents.json
new file mode 100644
index 0000000..6ea7d6c
--- /dev/null
+++ b/ios/app/src/Images.xcassets/AppIconRelease.appiconset/Contents.json
@@ -0,0 +1,110 @@
+{
+  "images" : [
+    {
+      "idiom" : "iphone",
+      "size" : "20x20",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "20x20",
+      "scale" : "3x"
+    },
+    {
+      "size" : "29x29",
+      "idiom" : "iphone",
+      "filename" : "AppIcon-29@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "29x29",
+      "idiom" : "iphone",
+      "filename" : "AppIcon-29@3x.png",
+      "scale" : "3x"
+    },
+    {
+      "size" : "40x40",
+      "idiom" : "iphone",
+      "filename" : "AppIcon-40@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "40x40",
+      "idiom" : "iphone",
+      "filename" : "AppIcon-60@2x.png",
+      "scale" : "3x"
+    },
+    {
+      "size" : "60x60",
+      "idiom" : "iphone",
+      "filename" : "AppIcon-60@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "60x60",
+      "idiom" : "iphone",
+      "filename" : "AppIcon-60@3x.png",
+      "scale" : "3x"
+    },
+    {
+      "idiom" : "ipad",
+      "size" : "20x20",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "ipad",
+      "size" : "20x20",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "ipad",
+      "size" : "29x29",
+      "scale" : "1x"
+    },
+    {
+      "size" : "29x29",
+      "idiom" : "ipad",
+      "filename" : "AppIcon-29@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "ipad",
+      "size" : "40x40",
+      "scale" : "1x"
+    },
+    {
+      "size" : "40x40",
+      "idiom" : "ipad",
+      "filename" : "AppIcon-40@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "76x76",
+      "idiom" : "ipad",
+      "filename" : "AppIcon-76@1x.png",
+      "scale" : "1x"
+    },
+    {
+      "size" : "76x76",
+      "idiom" : "ipad",
+      "filename" : "AppIcon-76@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "83.5x83.5",
+      "idiom" : "ipad",
+      "filename" : "AppIcon-83.5@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "1024x1024",
+      "idiom" : "ios-marketing",
+      "filename" : "AppIcon-1024@1x.png",
+      "scale" : "1x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}
diff --git a/ios/app/src/Images.xcassets/CallKitIcon.imageset/CallKit@1x.png b/ios/app/src/Images.xcassets/CallKitIcon.imageset/CallKit@1x.png
new file mode 100644
index 0000000..9a64f10
Binary files /dev/null and b/ios/app/src/Images.xcassets/CallKitIcon.imageset/CallKit@1x.png differ
diff --git a/ios/app/src/Images.xcassets/CallKitIcon.imageset/CallKit@2x.png b/ios/app/src/Images.xcassets/CallKitIcon.imageset/CallKit@2x.png
new file mode 100644
index 0000000..06d3757
Binary files /dev/null and b/ios/app/src/Images.xcassets/CallKitIcon.imageset/CallKit@2x.png differ
diff --git a/ios/app/src/Images.xcassets/CallKitIcon.imageset/CallKit@3x.png b/ios/app/src/Images.xcassets/CallKitIcon.imageset/CallKit@3x.png
new file mode 100644
index 0000000..9c7a72b
Binary files /dev/null and b/ios/app/src/Images.xcassets/CallKitIcon.imageset/CallKit@3x.png differ
diff --git a/ios/app/src/Images.xcassets/CallKitIcon.imageset/Contents.json b/ios/app/src/Images.xcassets/CallKitIcon.imageset/Contents.json
new file mode 100644
index 0000000..a2a8391
--- /dev/null
+++ b/ios/app/src/Images.xcassets/CallKitIcon.imageset/Contents.json
@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "filename" : "CallKit@1x.png",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "CallKit@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "CallKit@3x.png",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}
\ No newline at end of file
diff --git a/ios/app/src/Images.xcassets/Contents.json b/ios/app/src/Images.xcassets/Contents.json
new file mode 100644
index 0000000..da4a164
--- /dev/null
+++ b/ios/app/src/Images.xcassets/Contents.json
@@ -0,0 +1,6 @@
+{
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}
\ No newline at end of file
diff --git a/ios/app/src/Images.xcassets/LaunchScreen.imageset/Contents.json b/ios/app/src/Images.xcassets/LaunchScreen.imageset/Contents.json
new file mode 100644
index 0000000..56b6f90
--- /dev/null
+++ b/ios/app/src/Images.xcassets/LaunchScreen.imageset/Contents.json
@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "filename" : "LaunchScreen-480@1x.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "LaunchScreen-480@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "LaunchScreen-480@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/ios/app/src/Images.xcassets/LaunchScreen.imageset/LaunchScreen-480@1x.png b/ios/app/src/Images.xcassets/LaunchScreen.imageset/LaunchScreen-480@1x.png
new file mode 100644
index 0000000..294440d
Binary files /dev/null and b/ios/app/src/Images.xcassets/LaunchScreen.imageset/LaunchScreen-480@1x.png differ
diff --git a/ios/app/src/Images.xcassets/LaunchScreen.imageset/LaunchScreen-480@2x.png b/ios/app/src/Images.xcassets/LaunchScreen.imageset/LaunchScreen-480@2x.png
new file mode 100644
index 0000000..e4eb4e7
Binary files /dev/null and b/ios/app/src/Images.xcassets/LaunchScreen.imageset/LaunchScreen-480@2x.png differ
diff --git a/ios/app/src/Images.xcassets/LaunchScreen.imageset/LaunchScreen-480@3x.png b/ios/app/src/Images.xcassets/LaunchScreen.imageset/LaunchScreen-480@3x.png
new file mode 100644
index 0000000..6b67740
Binary files /dev/null and b/ios/app/src/Images.xcassets/LaunchScreen.imageset/LaunchScreen-480@3x.png differ
diff --git a/ios/app/src/Info.plist b/ios/app/src/Info.plist
new file mode 100644
index 0000000..18ac649
--- /dev/null
+++ b/ios/app/src/Info.plist
@@ -0,0 +1,107 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>en</string>
+	<key>CFBundleDisplayName</key>
+	<string>Jitsi Meet</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>APPL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>99.0.0</string>
+	<key>CFBundleSignature</key>
+	<string>????</string>
+	<key>CFBundleURLTypes</key>
+	<array>
+		<dict>
+			<key>CFBundleTypeRole</key>
+			<string>Viewer</string>
+			<key>CFBundleURLName</key>
+			<string>org.jitsi.meet</string>
+			<key>CFBundleURLSchemes</key>
+			<array>
+				<string>org.jitsi.meet</string>
+			</array>
+		</dict>
+		<dict>
+			<key>CFBundleTypeRole</key>
+			<string>Editor</string>
+			<key>CFBundleURLName</key>
+			<string>com.googleusercontent.apps</string>
+			<key>CFBundleURLSchemes</key>
+			<array>
+				<string>com.googleusercontent.apps.your-id-here</string>
+			</array>
+		</dict>
+	</array>
+	<key>CFBundleVersion</key>
+	<string>1</string>
+	<key>FirebaseCrashlyticsCollectionEnabled</key>
+	<string>false</string>
+	<key>FirebaseScreenReportingEnabled</key>
+	<false/>
+	<key>ITSAppUsesNonExemptEncryption</key>
+	<false/>
+	<key>LSRequiresIPhoneOS</key>
+	<true/>
+	<key>NSAppTransportSecurity</key>
+	<dict>
+		<key>NSExceptionDomains</key>
+		<dict>
+			<key>localhost</key>
+			<dict>
+				<key>NSTemporaryExceptionAllowsInsecureHTTPLoads</key>
+				<true/>
+			</dict>
+		</dict>
+	</dict>
+	<key>NSCalendarsUsageDescription</key>
+	<string>See your scheduled meetings in the app.</string>
+	<key>NSCameraUsageDescription</key>
+	<string>Participate in meetings with video.</string>
+	<key>NSLocalNetworkUsageDescription</key>
+	<string>Local network is used for establishing Peer-to-Peer connections.</string>
+	<key>NSMicrophoneUsageDescription</key>
+	<string>Participate in meetings with voice.</string>
+	<key>NSUserActivityTypes</key>
+	<array>
+		<string>org.jitsi.JitsiMeet.ios.conference</string>
+	</array>
+	<key>RTCAppGroupIdentifier</key>
+	<string>group.org.jitsi.meet.appgroup</string>
+	<key>RTCScreenSharingExtension</key>
+	<string>org.jitsi.meet.broadcast.extension</string>
+	<key>UIBackgroundModes</key>
+	<array>
+		<string>audio</string>
+		<string>fetch</string>
+		<string>voip</string>
+	</array>
+	<key>UILaunchStoryboardName</key>
+	<string>LaunchScreen</string>
+	<key>UIRequiredDeviceCapabilities</key>
+	<array>
+		<string>arm64</string>
+	</array>
+	<key>UIStatusBarStyle</key>
+	<string>UIStatusBarStyleLightContent</string>
+	<key>UISupportedInterfaceOrientations</key>
+	<array>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationPortraitUpsideDown</string>
+	</array>
+	<key>UIViewControllerBasedStatusBarAppearance</key>
+	<false/>
+</dict>
+</plist>
diff --git a/ios/app/src/ViewController.swift b/ios/app/src/ViewController.swift
new file mode 100644
index 0000000..7cda625
--- /dev/null
+++ b/ios/app/src/ViewController.swift
@@ -0,0 +1,94 @@
+/*
+ * Copyright @ 2025-present 8x8, Inc.
+ *
+ * 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 CoreSpotlight
+import Intents
+import MobileCoreServices
+import UIKit
+
+import JitsiMeetSDK
+
+@objcMembers
+class ViewController: UIViewController {
+    
+    override func loadView() {
+        let jitsiView = JitsiMeetView(frame: UIScreen.main.bounds)
+        self.view = jitsiView
+    }
+    
+    override func viewDidLoad() {
+        super.viewDidLoad()
+        
+        guard let view = self.view as? JitsiMeetView else { return }
+        view.delegate = self
+        view.join(JitsiMeet.sharedInstance().getInitialConferenceOptions())
+    }
+    
+    // MARK: - Helper Methods
+    
+    func terminate() {
+        guard let view = self.view as? JitsiMeetView else { return }
+        view.leave()
+    }
+}
+
+
+extension ViewController: @preconcurrency JitsiMeetViewDelegate {
+
+    // MARK: - Private Helper Methods
+    
+    private func onJitsiMeetViewDelegateEvent(_ name: String, withData data: [AnyHashable: Any]?) {
+        NSLog("[%@:%d] JitsiMeetViewDelegate %@ %@", #file, #line, name, data ?? [:])
+        
+        #if DEBUG
+        assert(Thread.isMainThread, "JitsiMeetViewDelegate \(name) method invoked on a non-main thread")
+        #endif
+    }
+
+    // MARK: - JitsiMeetViewDelegate
+    
+    func conferenceJoined(_ data: [AnyHashable: Any]) {
+        onJitsiMeetViewDelegateEvent("CONFERENCE_JOINED", withData: data)
+        
+        // Register a NSUserActivity for this conference so it can be invoked as a Siri shortcut.
+        // Must match the one defined in Info.plist
+        let userActivity = NSUserActivity(activityType: "org.jitsi.JitsiMeet.ios.conference")
+        
+        if let urlStr = data["url"] as? String,
+           let url = URL(string: urlStr),
+           let conference = url.pathComponents.last {
+            
+            userActivity.title = "Join \(conference)"
+            userActivity.suggestedInvocationPhrase = "Join my Jitsi meeting"
+            userActivity.userInfo = ["url": urlStr]
+            userActivity.isEligibleForSearch = true
+            userActivity.isEligibleForPrediction = true
+            userActivity.persistentIdentifier = urlStr
+            
+            // Subtitle
+            let attributes = CSSearchableItemAttributeSet(contentType: UTType.item)
+            attributes.contentDescription = urlStr
+            userActivity.contentAttributeSet = attributes
+            
+            self.userActivity = userActivity
+            userActivity.becomeCurrent()
+        }
+    }
+    
+    func ready(toClose data: [AnyHashable: Any]) {
+        onJitsiMeetViewDelegateEvent("READY_TO_CLOSE", withData: data)
+    }
+}
diff --git a/ios/apple-app-site-association b/ios/apple-app-site-association
new file mode 100644
index 0000000..db7bb55
--- /dev/null
+++ b/ios/apple-app-site-association
@@ -0,0 +1,15 @@
+{
+    "applinks": {
+        "apps": [],
+        "details": [
+            {
+                "appID": "BQNXB4G3KQ.org.jitsi.JitsiMeet.ios",
+                "paths": [ "*" ]
+            },
+            {
+                "appID": "UPXU4CQZ5P.com.atlassian.JitsiMeet.ios",
+                "paths": [ "*" ]
+            }
+        ]
+    }
+}
diff --git a/ios/fastlane/Appfile b/ios/fastlane/Appfile
new file mode 100644
index 0000000..5366593
--- /dev/null
+++ b/ios/fastlane/Appfile
@@ -0,0 +1,4 @@
+app_identifier("com.atlassian.JitsiMeet.ios") # The bundle identifier of your app
+itc_team_id("304592") # App Store Connect Team ID
+team_id("FC967L3QRG") # Developer Portal Team ID
+
diff --git a/ios/fastlane/Fastfile b/ios/fastlane/Fastfile
new file mode 100644
index 0000000..fc44ef1
--- /dev/null
+++ b/ios/fastlane/Fastfile
@@ -0,0 +1,81 @@
+ENV["FASTLANE_SKIP_UPDATE_CHECK"] = "1"
+opt_out_usage
+
+default_platform(:ios)
+
+platform :ios do
+  desc "Push a new beta build to TestFlight"
+  lane :deploy do
+    # Make sure we are on a clean tree
+    ensure_git_status_clean
+
+    # Connect to Apple Store Connect
+    app_store_connect_api_key(
+      key_id: ENV["ASC_KEY_ID"],
+      issuer_id: ENV["ASC_ISSUER_ID"],
+      key_content: ENV["ASC_KEY_CONTENT"],
+      duration: 1200,
+      in_house: false
+    )
+
+    # Set the app identifier
+    update_app_identifier(
+      xcodeproj: "app/app.xcodeproj",
+      plist_path: "src/Info.plist",
+      app_identifier: "com.atlassian.JitsiMeet.ios"
+    )
+
+    # Set the broadcast extension identifier
+    update_app_identifier(
+      xcodeproj: "app/app.xcodeproj",
+      plist_path: "broadcast-extension/Info.plist",
+      app_identifier: "com.atlassian.JitsiMeet.ios.broadcast"
+    )
+    update_info_plist(
+      xcodeproj: "app/app.xcodeproj",
+      plist_path: "src/Info.plist",
+      block: proc do |plist|
+        plist["RTCScreenSharingExtension"] = "com.atlassian.JitsiMeet.ios.broadcast"
+      end
+    )
+
+    # Increment the build number by 1
+    increment_build_number(
+      build_number: Time.now.to_i,
+      xcodeproj: "app/app.xcodeproj"
+    )
+
+    # Actually build the app
+    build_app(
+        scheme: "JitsiMeet",
+        include_symbols: true,
+        export_xcargs: "-allowProvisioningUpdates",
+        xcodebuild_formatter: ""
+    )
+
+    # Upload the build to TestFlight
+    upload_to_testflight(
+      beta_app_description: ENV["JITSI_CHANGELOG"],
+      beta_app_feedback_email: ENV["JITSI_REVIEW_EMAIL"],
+      beta_app_review_info: {
+        contact_email: ENV["JITSI_REVIEW_EMAIL"],
+        contact_first_name: ENV["JITSI_REVIEW_NAME"],
+        contact_last_name: ENV["JITSI_REVIEW_SURNAME"],
+        contact_phone: ENV["JITSI_REVIEW_PHONE"],
+        demo_account_name: ENV["JITSI_DEMO_ACCOUNT"],
+        demo_account_password: ENV["JITSI_DEMO_PASSWORD"],
+      },
+      changelog: ENV["JITSI_CHANGELOG"],
+      demo_account_required: false,
+      distribute_external: true,
+      groups: ENV["JITSI_BETA_TESTING_GROUPS"],
+      uses_non_exempt_encryption: false
+    )
+
+    upload_symbols_to_crashlytics
+
+    # Cleanup
+    clean_build_artifacts
+    reset_git_repo(skip_clean: true)
+  end
+end
diff --git a/ios/fastlane/README.md b/ios/fastlane/README.md
new file mode 100644
index 0000000..ed34c15
--- /dev/null
+++ b/ios/fastlane/README.md
@@ -0,0 +1,29 @@
+fastlane documentation
+================
+# Installation
+
+Make sure you have the latest version of the Xcode command line tools installed:
+
+```
+xcode-select --install
+```
+
+Install _fastlane_ using
+```
+[sudo] gem install fastlane -NV
+```
+or alternatively using `brew cask install fastlane`
+
+# Available Actions
+## iOS
+### ios deploy
+```
+fastlane ios deploy
+```
+Push a new beta build to TestFlight
+
+----
+
+This README.md is auto-generated and will be re-generated every time [fastlane](https://fastlane.tools) is run.
+More information about fastlane can be found on [fastlane.tools](https://fastlane.tools).
+The documentation of fastlane can be found on [docs.fastlane.tools](https://docs.fastlane.tools).
diff --git a/ios/fastlane/screenshots/Feature-Graphic-1024x500-1-1.png b/ios/fastlane/screenshots/Feature-Graphic-1024x500-1-1.png
new file mode 100644
index 0000000..ca0b042
Binary files /dev/null and b/ios/fastlane/screenshots/Feature-Graphic-1024x500-1-1.png differ
diff --git a/ios/fastlane/screenshots/Feature-Graphic-1024x500-1.png b/ios/fastlane/screenshots/Feature-Graphic-1024x500-1.png
new file mode 100644
index 0000000..d1daf0e
Binary files /dev/null and b/ios/fastlane/screenshots/Feature-Graphic-1024x500-1.png differ
diff --git a/ios/fastlane/screenshots/Feature-Graphic-1024x500-2.png b/ios/fastlane/screenshots/Feature-Graphic-1024x500-2.png
new file mode 100644
index 0000000..ec9d6d1
Binary files /dev/null and b/ios/fastlane/screenshots/Feature-Graphic-1024x500-2.png differ
diff --git a/ios/fastlane/screenshots/Feature-Graphic-1024x500-3.png b/ios/fastlane/screenshots/Feature-Graphic-1024x500-3.png
new file mode 100644
index 0000000..e3a7ca5
Binary files /dev/null and b/ios/fastlane/screenshots/Feature-Graphic-1024x500-3.png differ
diff --git a/ios/fastlane/screenshots/GroupCallIphone8Plus.png b/ios/fastlane/screenshots/GroupCallIphone8Plus.png
new file mode 100644
index 0000000..7f6544e
Binary files /dev/null and b/ios/fastlane/screenshots/GroupCallIphone8Plus.png differ
diff --git a/ios/fastlane/screenshots/GroupCallIphone8PlusDevice.png b/ios/fastlane/screenshots/GroupCallIphone8PlusDevice.png
new file mode 100644
index 0000000..99ecb9e
Binary files /dev/null and b/ios/fastlane/screenshots/GroupCallIphone8PlusDevice.png differ
diff --git a/ios/fastlane/screenshots/MoreMenu8Plus.png b/ios/fastlane/screenshots/MoreMenu8Plus.png
new file mode 100644
index 0000000..f4e673d
Binary files /dev/null and b/ios/fastlane/screenshots/MoreMenu8Plus.png differ
diff --git a/ios/fastlane/screenshots/MoreMenu8PlusDevice.png b/ios/fastlane/screenshots/MoreMenu8PlusDevice.png
new file mode 100644
index 0000000..33a2e50
Binary files /dev/null and b/ios/fastlane/screenshots/MoreMenu8PlusDevice.png differ
diff --git a/ios/fastlane/screenshots/WelcomePage8Plus.png b/ios/fastlane/screenshots/WelcomePage8Plus.png
new file mode 100644
index 0000000..bbd38f0
Binary files /dev/null and b/ios/fastlane/screenshots/WelcomePage8Plus.png differ
diff --git a/ios/fastlane/screenshots/WelcomePage8PlusDevice.png b/ios/fastlane/screenshots/WelcomePage8PlusDevice.png
new file mode 100644
index 0000000..35829ba
Binary files /dev/null and b/ios/fastlane/screenshots/WelcomePage8PlusDevice.png differ
diff --git a/ios/fastlane/screenshots/iPad-9.7-inch-In-Call-1.png b/ios/fastlane/screenshots/iPad-9.7-inch-In-Call-1.png
new file mode 100644
index 0000000..a0ea791
Binary files /dev/null and b/ios/fastlane/screenshots/iPad-9.7-inch-In-Call-1.png differ
diff --git a/ios/fastlane/screenshots/iPad-9.7-inch-In-Call-2.png b/ios/fastlane/screenshots/iPad-9.7-inch-In-Call-2.png
new file mode 100644
index 0000000..bc06106
Binary files /dev/null and b/ios/fastlane/screenshots/iPad-9.7-inch-In-Call-2.png differ
diff --git a/ios/fastlane/screenshots/iPad-9.7-inch-Welcome.png b/ios/fastlane/screenshots/iPad-9.7-inch-Welcome.png
new file mode 100644
index 0000000..8e06f9c
Binary files /dev/null and b/ios/fastlane/screenshots/iPad-9.7-inch-Welcome.png differ
diff --git a/ios/fastlane/screenshots/iPadCall.png b/ios/fastlane/screenshots/iPadCall.png
new file mode 100644
index 0000000..cc98c01
Binary files /dev/null and b/ios/fastlane/screenshots/iPadCall.png differ
diff --git a/ios/fastlane/screenshots/iPadCallDevice.png b/ios/fastlane/screenshots/iPadCallDevice.png
new file mode 100644
index 0000000..33fdac5
Binary files /dev/null and b/ios/fastlane/screenshots/iPadCallDevice.png differ
diff --git a/ios/fastlane/screenshots/iPhone 8 Plus Calendar.png b/ios/fastlane/screenshots/iPhone 8 Plus Calendar.png
new file mode 100644
index 0000000..cdf550a
Binary files /dev/null and b/ios/fastlane/screenshots/iPhone 8 Plus Calendar.png differ
diff --git a/ios/fastlane/screenshots/iPhone 8 Plus Group Call.png b/ios/fastlane/screenshots/iPhone 8 Plus Group Call.png
new file mode 100644
index 0000000..ec43876
Binary files /dev/null and b/ios/fastlane/screenshots/iPhone 8 Plus Group Call.png differ
diff --git a/ios/fastlane/screenshots/iPhone 8 Plus More.png b/ios/fastlane/screenshots/iPhone 8 Plus More.png
new file mode 100644
index 0000000..b70e14d
Binary files /dev/null and b/ios/fastlane/screenshots/iPhone 8 Plus More.png differ
diff --git a/ios/fastlane/screenshots/iPhone-5.5-inch-In-Call-2.png b/ios/fastlane/screenshots/iPhone-5.5-inch-In-Call-2.png
new file mode 100644
index 0000000..1b99365
Binary files /dev/null and b/ios/fastlane/screenshots/iPhone-5.5-inch-In-Call-2.png differ
diff --git a/ios/fastlane/screenshots/iPhone-5.5-inch-In-Call.png b/ios/fastlane/screenshots/iPhone-5.5-inch-In-Call.png
new file mode 100644
index 0000000..15814de
Binary files /dev/null and b/ios/fastlane/screenshots/iPhone-5.5-inch-In-Call.png differ
diff --git a/ios/fastlane/screenshots/iPhone-5.5-inch-Welcome.png b/ios/fastlane/screenshots/iPhone-5.5-inch-Welcome.png
new file mode 100644
index 0000000..440466a
Binary files /dev/null and b/ios/fastlane/screenshots/iPhone-5.5-inch-Welcome.png differ
diff --git a/ios/jitsi-meet.xcworkspace/contents.xcworkspacedata b/ios/jitsi-meet.xcworkspace/contents.xcworkspacedata
new file mode 100644
index 0000000..8145e61
--- /dev/null
+++ b/ios/jitsi-meet.xcworkspace/contents.xcworkspacedata
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Workspace
+   version = "1.0">
+   <FileRef
+      location = "group:app/app.xcodeproj">
+   </FileRef>
+   <FileRef
+      location = "group:sdk/sdk.xcodeproj">
+   </FileRef>
+   <FileRef
+      location = "group:Pods/Pods.xcodeproj">
+   </FileRef>
+</Workspace>
diff --git a/ios/jitsi-meet.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist b/ios/jitsi-meet.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist
new file mode 100644
index 0000000..18d9810
--- /dev/null
+++ b/ios/jitsi-meet.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>IDEDidComputeMac32BitWarning</key>
+	<true/>
+</dict>
+</plist>
diff --git a/ios/jitsi-meet.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings b/ios/jitsi-meet.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings
new file mode 100644
index 0000000..f9b0d7c
--- /dev/null
+++ b/ios/jitsi-meet.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>PreviewsEnabled</key>
+	<false/>
+</dict>
+</plist>
diff --git a/ios/patches/ws-tls13.diff b/ios/patches/ws-tls13.diff
new file mode 100644
index 0000000..1f04e2e
--- /dev/null
+++ b/ios/patches/ws-tls13.diff
@@ -0,0 +1,15 @@
+diff --git a/SocketRocket/SRSecurityPolicy.m b/SocketRocket/SRSecurityPolicy.m
+index 3759d26e..271477e8 100644
+--- a/SocketRocket/SRSecurityPolicy.m
++++ b/SocketRocket/SRSecurityPolicy.m
+@@ -56,8 +56,8 @@ - (instancetype)init
+ 
+ - (void)updateSecurityOptionsInStream:(NSStream *)stream
+ {
+-    // Enforce TLS 1.2
+-    [stream setProperty:(__bridge id)CFSTR("kCFStreamSocketSecurityLevelTLSv1_2") forKey:(__bridge id)kCFStreamPropertySocketSecurityLevel];
++    // Enforce TLS >= 1.2
++    [stream setProperty:(__bridge id)kCFStreamSocketSecurityLevelNegotiatedSSL forKey:(__bridge id)kCFStreamPropertySocketSecurityLevel];
+ 
+     // Validate certificate chain for this stream if enabled.
+     NSDictionary<NSString *, id> *sslOptions = @{ (__bridge NSString *)kCFStreamSSLValidatesCertificateChain : @(self.certificateChainValidationEnabled) };
diff --git a/ios/scripts/fixup-ats.sh b/ios/scripts/fixup-ats.sh
new file mode 100755
index 0000000..0816188
--- /dev/null
+++ b/ios/scripts/fixup-ats.sh
@@ -0,0 +1,36 @@
+#!/bin/bash
+
+# This script gets executed from Xcode to disable ATS (App Transport Security)
+# on Debug builds. Doing this allows loading resources over HTTP, such as the
+# JS bundle.
+
+
+set -x
+
+case "$CONFIGURATION" in
+  Debug)
+    # Speed up build times by skipping the creation of the offline package for debug
+    # builds on the simulator since the packager is supposed to be running anyways.
+    if [[ "$PLATFORM_NAME" == *simulator ]]; then
+      echo "Skipping bundling for Simulator platform"
+      exit 0;
+    fi
+
+    DEV=true
+    ;;
+  "")
+    echo "$0 must be invoked by Xcode"
+    exit 1
+    ;;
+  *)
+    DEV=false
+    ;;
+esac
+
+DEST=$CONFIGURATION_BUILD_DIR/$UNLOCALIZED_RESOURCES_FOLDER_PATH
+
+if [[ "$CONFIGURATION" = "Debug" && ! "$PLATFORM_NAME" == *simulator ]]; then
+  PLISTBUDDY='/usr/libexec/PlistBuddy'
+  PLIST=$TARGET_BUILD_DIR/$INFOPLIST_PATH
+  `$PLISTBUDDY -c "Add NSAppTransportSecurity:NSAllowsArbitraryLoads bool true" "$PLIST"` || true
+fi
diff --git a/ios/scripts/release-sdk-lite.sh b/ios/scripts/release-sdk-lite.sh
new file mode 100755
index 0000000..13f39c5
--- /dev/null
+++ b/ios/scripts/release-sdk-lite.sh
@@ -0,0 +1,67 @@
+#!/bin/bash
+
+set -e -u -x
+
+THIS_DIR=$(cd -P "$(dirname "$(readlink "${BASH_SOURCE[0]}" || echo "${BASH_SOURCE[0]}")")" && pwd)
+PROJECT_REPO=$(realpath ${THIS_DIR}/../..)
+RELEASE_REPO=$(realpath ${THIS_DIR}/../../../jitsi-meet-ios-sdk-releases)
+DEFAULT_SDK_VERSION=$(/usr/libexec/PlistBuddy -c "Print CFBundleShortVersionString" ${THIS_DIR}/../sdk/src/Lite-Info.plist)
+SDK_VERSION=${OVERRIDE_SDK_VERSION:-${DEFAULT_SDK_VERSION}}
+
+echo "Releasing Jitsi Meet SDK Lite ${SDK_VERSION}"
+
+pushd ${RELEASE_REPO}
+
+# Generate podspec file
+cat JitsiMeetSDKLite.podspec.tpl | sed -e s/VERSION/${SDK_VERSION}-lite/g > JitsiMeetSDKLite.podspec
+
+# Cleanup
+rm -rf lite/Frameworks/*
+
+popd
+
+# Build the SDK
+pushd ${PROJECT_REPO}
+rm -rf ios/sdk/out
+xcodebuild clean \
+    -workspace ios/jitsi-meet.xcworkspace \
+    -scheme JitsiMeetSDKLite
+xcodebuild archive \
+    -workspace ios/jitsi-meet.xcworkspace \
+    -scheme JitsiMeetSDKLite  \
+    -configuration Release \
+    -sdk iphonesimulator \
+    -destination='generic/platform=iOS Simulator' \
+    -archivePath ios/sdk/out/ios-simulator \
+    SKIP_INSTALL=NO \
+    BUILD_LIBRARY_FOR_DISTRIBUTION=YES
+xcodebuild archive \
+    -workspace ios/jitsi-meet.xcworkspace \
+    -scheme JitsiMeetSDKLite  \
+    -configuration Release \
+    -sdk iphoneos \
+    -destination='generic/platform=iOS' \
+    -archivePath ios/sdk/out/ios-device \
+    SKIP_INSTALL=NO \
+    BUILD_LIBRARY_FOR_DISTRIBUTION=YES
+xcodebuild -create-xcframework \
+    -framework ios/sdk/out/ios-device.xcarchive/Products/Library/Frameworks/JitsiMeetSDK.framework \
+    -framework ios/sdk/out/ios-simulator.xcarchive/Products/Library/Frameworks/JitsiMeetSDK.framework \
+    -output ios/sdk/out/JitsiMeetSDK.xcframework
+popd
+
+pushd ${RELEASE_REPO}
+
+# Put the new files in the repo
+cp -a ${PROJECT_REPO}/ios/sdk/out/JitsiMeetSDK.xcframework lite/Frameworks/
+cp -a ${PROJECT_REPO}/ios/Pods/hermes-engine/destroot/Library/Frameworks/universal/hermes.xcframework lite/Frameworks/
+
+# Add all files to git
+git add -A .
+git commit --allow-empty -m "${SDK_VERSION} lite"
+git tag "${SDK_VERSION}-lite"
+
+popd
+
+echo "Finished! Don't forget to push the tags and releases repo artifacts."
+echo "The new pod can be pushed to CocoaPods by doing: pod trunk push JitsiMeetSDKLite.podspec"
diff --git a/ios/scripts/release-sdk.sh b/ios/scripts/release-sdk.sh
new file mode 100755
index 0000000..5ff5227
--- /dev/null
+++ b/ios/scripts/release-sdk.sh
@@ -0,0 +1,67 @@
+#!/bin/bash
+
+set -e -u -x
+
+THIS_DIR=$(cd -P "$(dirname "$(readlink "${BASH_SOURCE[0]}" || echo "${BASH_SOURCE[0]}")")" && pwd)
+PROJECT_REPO=$(realpath ${THIS_DIR}/../..)
+RELEASE_REPO=$(realpath ${THIS_DIR}/../../../jitsi-meet-ios-sdk-releases)
+DEFAULT_SDK_VERSION=$(/usr/libexec/PlistBuddy -c "Print CFBundleShortVersionString" ${THIS_DIR}/../sdk/src/Info.plist)
+SDK_VERSION=${OVERRIDE_SDK_VERSION:-${DEFAULT_SDK_VERSION}}
+
+echo "Releasing Jitsi Meet SDK ${SDK_VERSION}"
+
+pushd ${RELEASE_REPO}
+
+# Generate podspec file
+cat JitsiMeetSDK.podspec.tpl | sed -e s/VERSION/${SDK_VERSION}/g > JitsiMeetSDK.podspec
+
+# Cleanup
+rm -rf Frameworks/*
+
+popd
+
+# Build the SDK
+pushd ${PROJECT_REPO}
+rm -rf ios/sdk/out
+xcodebuild clean \
+    -workspace ios/jitsi-meet.xcworkspace \
+    -scheme JitsiMeetSDK
+xcodebuild archive \
+    -workspace ios/jitsi-meet.xcworkspace \
+    -scheme JitsiMeetSDK  \
+    -configuration Release \
+    -sdk iphonesimulator \
+    -destination='generic/platform=iOS Simulator' \
+    -archivePath ios/sdk/out/ios-simulator \
+    SKIP_INSTALL=NO \
+    BUILD_LIBRARY_FOR_DISTRIBUTION=YES
+xcodebuild archive \
+    -workspace ios/jitsi-meet.xcworkspace \
+    -scheme JitsiMeetSDK  \
+    -configuration Release \
+    -sdk iphoneos \
+    -destination='generic/platform=iOS' \
+    -archivePath ios/sdk/out/ios-device \
+    SKIP_INSTALL=NO \
+    BUILD_LIBRARY_FOR_DISTRIBUTION=YES
+xcodebuild -create-xcframework \
+    -framework ios/sdk/out/ios-device.xcarchive/Products/Library/Frameworks/JitsiMeetSDK.framework \
+    -framework ios/sdk/out/ios-simulator.xcarchive/Products/Library/Frameworks/JitsiMeetSDK.framework \
+    -output ios/sdk/out/JitsiMeetSDK.xcframework
+popd
+
+pushd ${RELEASE_REPO}
+
+# Put the new files in the repo
+cp -a ${PROJECT_REPO}/ios/sdk/out/JitsiMeetSDK.xcframework Frameworks/
+cp -a ${PROJECT_REPO}/ios/Pods/hermes-engine/destroot/Library/Frameworks/universal/hermes.xcframework Frameworks/
+
+# Add all files to git
+git add -A .
+git commit --allow-empty -m "${SDK_VERSION}"
+git tag "${SDK_VERSION}"
+
+popd
+
+echo "Finished! Don't forget to push the tags and releases repo artifacts."
+echo "The new pod can be pushed to CocoaPods by doing: pod trunk push JitsiMeetSDK.podspec"
diff --git a/ios/scripts/run-packager-helper.command b/ios/scripts/run-packager-helper.command
new file mode 100755
index 0000000..cf9ebe0
--- /dev/null
+++ b/ios/scripts/run-packager-helper.command
@@ -0,0 +1,5 @@
+#!/bin/bash
+
+THIS_DIR=$(cd -P "$(dirname "$(readlink "${BASH_SOURCE[0]}" || echo "${BASH_SOURCE[0]}")")" && pwd)
+
+exec ${THIS_DIR}/../../node_modules/react-native/scripts/packager.sh --reset-cache
diff --git a/ios/scripts/run-packager.sh b/ios/scripts/run-packager.sh
new file mode 100755
index 0000000..70405bc
--- /dev/null
+++ b/ios/scripts/run-packager.sh
@@ -0,0 +1,20 @@
+#!/bin/bash
+
+# This script is executed from Xcode to start the React packager for Debug
+# targets.
+
+THIS_DIR=$(cd -P "$(dirname "$(readlink "${BASH_SOURCE[0]}" || echo "${BASH_SOURCE[0]}")")" && pwd)
+
+export RCT_METRO_PORT="${RCT_METRO_PORT:=8081}"
+echo "export RCT_METRO_PORT=${RCT_METRO_PORT}" > "${SRCROOT}/../../node_modules/react-native/scripts/.packager.env"
+
+if [[ "$CONFIGURATION" = "Debug" ]]; then
+  if nc -w 5 -z localhost ${RCT_METRO_PORT} ; then
+    if ! curl -s "http://localhost:${RCT_METRO_PORT}/status" | grep -q "packager-status:running" ; then
+      echo "Port ${RCT_METRO_PORT} already in use, packager is either not running or not running correctly"
+      exit 2
+    fi
+  else
+    open -g "$THIS_DIR/run-packager-helper.command" || echo "Can't start packager automatically"
+  fi
+fi
diff --git a/ios/sdk/sdk.xcodeproj/project.pbxproj b/ios/sdk/sdk.xcodeproj/project.pbxproj
new file mode 100644
index 0000000..e14b5a8
--- /dev/null
+++ b/ios/sdk/sdk.xcodeproj/project.pbxproj
@@ -0,0 +1,1042 @@
+// !$*UTF8*$!
+{
+	archiveVersion = 1;
+	classes = {
+	};
+	objectVersion = 54;
+	objects = {
+
+/* Begin PBXBuildFile section */
+		0B412F181EDEC65D00B1A0A6 /* JitsiMeetView.h in Headers */ = {isa = PBXBuildFile; fileRef = 0B412F161EDEC65D00B1A0A6 /* JitsiMeetView.h */; settings = {ATTRIBUTES = (Public, ); }; };
+		0B412F191EDEC65D00B1A0A6 /* JitsiMeetView.m in Sources */ = {isa = PBXBuildFile; fileRef = 0B412F171EDEC65D00B1A0A6 /* JitsiMeetView.m */; };
+		0B412F221EDEF6EA00B1A0A6 /* JitsiMeetViewDelegate.h in Headers */ = {isa = PBXBuildFile; fileRef = 0B412F1B1EDEC80100B1A0A6 /* JitsiMeetViewDelegate.h */; settings = {ATTRIBUTES = (Public, ); }; };
+		0B93EF7E1EC9DDCD0030D24D /* RCTBridgeWrapper.h in Headers */ = {isa = PBXBuildFile; fileRef = 0B93EF7C1EC9DDCD0030D24D /* RCTBridgeWrapper.h */; };
+		0B93EF7F1EC9DDCD0030D24D /* RCTBridgeWrapper.m in Sources */ = {isa = PBXBuildFile; fileRef = 0B93EF7D1EC9DDCD0030D24D /* RCTBridgeWrapper.m */; };
+		0BA13D311EE83FF8007BEF7F /* ExternalAPI.m in Sources */ = {isa = PBXBuildFile; fileRef = 0BA13D301EE83FF8007BEF7F /* ExternalAPI.m */; };
+		0BB9AD771F5EC6CE001C08DB /* CallKit.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 0BB9AD761F5EC6CE001C08DB /* CallKit.framework */; settings = {ATTRIBUTES = (Weak, ); }; };
+		0BB9AD791F5EC6D7001C08DB /* Intents.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 0BB9AD781F5EC6D7001C08DB /* Intents.framework */; settings = {ATTRIBUTES = (Weak, ); }; };
+		0BB9AD7B1F5EC8F4001C08DB /* CallKit.m in Sources */ = {isa = PBXBuildFile; fileRef = 0BB9AD7A1F5EC8F4001C08DB /* CallKit.m */; };
+		0BB9AD7D1F60356D001C08DB /* AppInfo.m in Sources */ = {isa = PBXBuildFile; fileRef = 0BB9AD7C1F60356D001C08DB /* AppInfo.m */; };
+		0BC4B8691F8C03A700CE8B21 /* CallKitIcon.png in Resources */ = {isa = PBXBuildFile; fileRef = 0BC4B8681F8C01E100CE8B21 /* CallKitIcon.png */; };
+		0BCA495F1EC4B6C600B793EE /* AudioMode.m in Sources */ = {isa = PBXBuildFile; fileRef = 0BCA495C1EC4B6C600B793EE /* AudioMode.m */; };
+		0BCA49601EC4B6C600B793EE /* POSIX.m in Sources */ = {isa = PBXBuildFile; fileRef = 0BCA495D1EC4B6C600B793EE /* POSIX.m */; };
+		0BCA49611EC4B6C600B793EE /* Proximity.m in Sources */ = {isa = PBXBuildFile; fileRef = 0BCA495E1EC4B6C600B793EE /* Proximity.m */; };
+		0BD906EA1EC0C00300C8C18E /* JitsiMeet.h in Headers */ = {isa = PBXBuildFile; fileRef = 0BD906E81EC0C00300C8C18E /* JitsiMeet.h */; settings = {ATTRIBUTES = (Public, ); }; };
+		3453F4A32680898C4A40E821 /* libPods-JitsiMeetSDK.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 927ED7DF018DE5E12C4C3404 /* libPods-JitsiMeetSDK.a */; };
+		4E0EF63028CA2FB3005D1B03 /* JMCallKitEmitter.h in Headers */ = {isa = PBXBuildFile; fileRef = 4E0EF62E28CA2FB3005D1B03 /* JMCallKitEmitter.h */; };
+		4E0EF63128CA2FB3005D1B03 /* JMCallKitEmitter.h in Headers */ = {isa = PBXBuildFile; fileRef = 4E0EF62E28CA2FB3005D1B03 /* JMCallKitEmitter.h */; };
+		4E0EF63228CA2FB3005D1B03 /* JMCallKitEmitter.m in Sources */ = {isa = PBXBuildFile; fileRef = 4E0EF62F28CA2FB3005D1B03 /* JMCallKitEmitter.m */; };
+		4E0EF63328CA2FB3005D1B03 /* JMCallKitEmitter.m in Sources */ = {isa = PBXBuildFile; fileRef = 4E0EF62F28CA2FB3005D1B03 /* JMCallKitEmitter.m */; };
+		4E0EF63528CA317E005D1B03 /* JMCallKitListener.h in Headers */ = {isa = PBXBuildFile; fileRef = 4E0EF63428CA317E005D1B03 /* JMCallKitListener.h */; settings = {ATTRIBUTES = (Public, ); }; };
+		4E0EF63628CA317E005D1B03 /* JMCallKitListener.h in Headers */ = {isa = PBXBuildFile; fileRef = 4E0EF63428CA317E005D1B03 /* JMCallKitListener.h */; settings = {ATTRIBUTES = (Public, ); }; };
+		4E0EF63928CA4069005D1B03 /* JMCallKitProxy.h in Headers */ = {isa = PBXBuildFile; fileRef = 4E0EF63728CA4069005D1B03 /* JMCallKitProxy.h */; settings = {ATTRIBUTES = (Public, ); }; };
+		4E0EF63A28CA4069005D1B03 /* JMCallKitProxy.h in Headers */ = {isa = PBXBuildFile; fileRef = 4E0EF63728CA4069005D1B03 /* JMCallKitProxy.h */; settings = {ATTRIBUTES = (Public, ); }; };
+		4E0EF63B28CA4069005D1B03 /* JMCallKitProxy.m in Sources */ = {isa = PBXBuildFile; fileRef = 4E0EF63828CA4069005D1B03 /* JMCallKitProxy.m */; };
+		4E0EF63C28CA4069005D1B03 /* JMCallKitProxy.m in Sources */ = {isa = PBXBuildFile; fileRef = 4E0EF63828CA4069005D1B03 /* JMCallKitProxy.m */; };
+		4E51B76425E5345E0038575A /* ScheenshareEventEmiter.h in Headers */ = {isa = PBXBuildFile; fileRef = 4E51B76225E5345E0038575A /* ScheenshareEventEmiter.h */; };
+		4E51B76525E5345E0038575A /* ScheenshareEventEmiter.m in Sources */ = {isa = PBXBuildFile; fileRef = 4E51B76325E5345E0038575A /* ScheenshareEventEmiter.m */; };
+		4E812F3328F9A4290087ACC9 /* JitsiMeetView+Private.h in Headers */ = {isa = PBXBuildFile; fileRef = 4E812F3228F9A4290087ACC9 /* JitsiMeetView+Private.h */; };
+		4E812F3428F9A4290087ACC9 /* JitsiMeetView+Private.h in Headers */ = {isa = PBXBuildFile; fileRef = 4E812F3228F9A4290087ACC9 /* JitsiMeetView+Private.h */; };
+		4E812F3928F9A4ED0087ACC9 /* JitsiMeetView+Private.m in Sources */ = {isa = PBXBuildFile; fileRef = 4E812F3628F9A4ED0087ACC9 /* JitsiMeetView+Private.m */; };
+		4E812F3A28F9A4ED0087ACC9 /* JitsiMeetView+Private.m in Sources */ = {isa = PBXBuildFile; fileRef = 4E812F3628F9A4ED0087ACC9 /* JitsiMeetView+Private.m */; };
+		4ED4FFF32721B9B90074E620 /* JitsiAudioSession.h in Headers */ = {isa = PBXBuildFile; fileRef = 4ED4FFF12721B9B90074E620 /* JitsiAudioSession.h */; settings = {ATTRIBUTES = (Public, ); }; };
+		4ED4FFF42721B9B90074E620 /* JitsiAudioSession.m in Sources */ = {isa = PBXBuildFile; fileRef = 4ED4FFF22721B9B90074E620 /* JitsiAudioSession.m */; };
+		6F08DF7D4458EE3CF3F36F6D /* BuildFile in Frameworks */ = {isa = PBXBuildFile; };
+		9A8EE79C77C17743BB66E8BD /* libPods-JitsiMeetSDKLite.a in Frameworks */ = {isa = PBXBuildFile; fileRef = B46497DE9A95BDF5E312AF48 /* libPods-JitsiMeetSDKLite.a */; };
+		A4A934E9212F3ADB001E9388 /* Dropbox.m in Sources */ = {isa = PBXBuildFile; fileRef = A4A934E8212F3ADB001E9388 /* Dropbox.m */; };
+		C6245F5D2053091D0040BE68 /* image-resize@2x.png in Resources */ = {isa = PBXBuildFile; fileRef = C6245F5B2053091D0040BE68 /* image-resize@2x.png */; };
+		C6245F5E2053091D0040BE68 /* image-resize@3x.png in Resources */ = {isa = PBXBuildFile; fileRef = C6245F5C2053091D0040BE68 /* image-resize@3x.png */; };
+		C6A34261204EF76800E062DD /* DragGestureController.swift in Sources */ = {isa = PBXBuildFile; fileRef = C6A3425E204EF76800E062DD /* DragGestureController.swift */; };
+		C6CC49AF207412CF000DFA42 /* PiPViewCoordinator.swift in Sources */ = {isa = PBXBuildFile; fileRef = C6CC49AE207412CF000DFA42 /* PiPViewCoordinator.swift */; };
+		C81E9AB925AC5AD800B134D9 /* ExternalAPI.h in Headers */ = {isa = PBXBuildFile; fileRef = C81E9AB825AC5AD800B134D9 /* ExternalAPI.h */; };
+		C8AFD27F2462C613000293D2 /* InfoPlistUtil.h in Headers */ = {isa = PBXBuildFile; fileRef = C8AFD27D2462C613000293D2 /* InfoPlistUtil.h */; settings = {ATTRIBUTES = (Public, ); }; };
+		C8AFD2802462C613000293D2 /* InfoPlistUtil.m in Sources */ = {isa = PBXBuildFile; fileRef = C8AFD27E2462C613000293D2 /* InfoPlistUtil.m */; };
+		DE65AACA2317FFCD00290BEC /* LogUtils.h in Headers */ = {isa = PBXBuildFile; fileRef = DE65AAC92317FFCD00290BEC /* LogUtils.h */; };
+		DE65AACC2318028300290BEC /* JitsiMeetBaseLogHandler+Private.h in Headers */ = {isa = PBXBuildFile; fileRef = DE65AACB2318028300290BEC /* JitsiMeetBaseLogHandler+Private.h */; };
+		DE762DB422AFDE76000DEBD6 /* JitsiMeetUserInfo.h in Headers */ = {isa = PBXBuildFile; fileRef = DE762DB322AFDE76000DEBD6 /* JitsiMeetUserInfo.h */; settings = {ATTRIBUTES = (Public, ); }; };
+		DE762DB622AFDE8D000DEBD6 /* JitsiMeetUserInfo.m in Sources */ = {isa = PBXBuildFile; fileRef = DE762DB522AFDE8D000DEBD6 /* JitsiMeetUserInfo.m */; };
+		DE81A2D42316AC4D00AE1940 /* JitsiMeetLogger.h in Headers */ = {isa = PBXBuildFile; fileRef = DE81A2D22316AC4D00AE1940 /* JitsiMeetLogger.h */; settings = {ATTRIBUTES = (Public, ); }; };
+		DE81A2D52316AC4D00AE1940 /* JitsiMeetLogger.m in Sources */ = {isa = PBXBuildFile; fileRef = DE81A2D32316AC4D00AE1940 /* JitsiMeetLogger.m */; };
+		DE81A2D92316AC7600AE1940 /* LogBridge.m in Sources */ = {isa = PBXBuildFile; fileRef = DE81A2D72316AC7600AE1940 /* LogBridge.m */; };
+		DE81A2DE2317ED5400AE1940 /* JitsiMeetBaseLogHandler.h in Headers */ = {isa = PBXBuildFile; fileRef = DE81A2DC2317ED5400AE1940 /* JitsiMeetBaseLogHandler.h */; settings = {ATTRIBUTES = (Public, ); }; };
+		DE81A2DF2317ED5400AE1940 /* JitsiMeetBaseLogHandler.m in Sources */ = {isa = PBXBuildFile; fileRef = DE81A2DD2317ED5400AE1940 /* JitsiMeetBaseLogHandler.m */; };
+		DE9A0130289A9A9A00E41CBB /* JitsiMeetUserInfo.h in Headers */ = {isa = PBXBuildFile; fileRef = DE762DB322AFDE76000DEBD6 /* JitsiMeetUserInfo.h */; settings = {ATTRIBUTES = (Public, ); }; };
+		DE9A0131289A9A9A00E41CBB /* JitsiMeetView.h in Headers */ = {isa = PBXBuildFile; fileRef = 0B412F161EDEC65D00B1A0A6 /* JitsiMeetView.h */; settings = {ATTRIBUTES = (Public, ); }; };
+		DE9A0132289A9A9A00E41CBB /* RCTBridgeWrapper.h in Headers */ = {isa = PBXBuildFile; fileRef = 0B93EF7C1EC9DDCD0030D24D /* RCTBridgeWrapper.h */; };
+		DE9A0133289A9A9A00E41CBB /* JitsiMeetBaseLogHandler.h in Headers */ = {isa = PBXBuildFile; fileRef = DE81A2DC2317ED5400AE1940 /* JitsiMeetBaseLogHandler.h */; settings = {ATTRIBUTES = (Public, ); }; };
+		DE9A0134289A9A9A00E41CBB /* JitsiMeetSDK.h in Headers */ = {isa = PBXBuildFile; fileRef = DEA9F283258A5D9900D4CD74 /* JitsiMeetSDK.h */; settings = {ATTRIBUTES = (Public, ); }; };
+		DE9A0135289A9A9A00E41CBB /* ScheenshareEventEmiter.h in Headers */ = {isa = PBXBuildFile; fileRef = 4E51B76225E5345E0038575A /* ScheenshareEventEmiter.h */; };
+		DE9A0136289A9A9A00E41CBB /* JitsiMeetBaseLogHandler+Private.h in Headers */ = {isa = PBXBuildFile; fileRef = DE65AACB2318028300290BEC /* JitsiMeetBaseLogHandler+Private.h */; };
+		DE9A0138289A9A9A00E41CBB /* JitsiMeetViewDelegate.h in Headers */ = {isa = PBXBuildFile; fileRef = 0B412F1B1EDEC80100B1A0A6 /* JitsiMeetViewDelegate.h */; settings = {ATTRIBUTES = (Public, ); }; };
+		DE9A0139289A9A9A00E41CBB /* JitsiAudioSession.h in Headers */ = {isa = PBXBuildFile; fileRef = 4ED4FFF12721B9B90074E620 /* JitsiAudioSession.h */; settings = {ATTRIBUTES = (Public, ); }; };
+		DE9A013B289A9A9A00E41CBB /* JitsiMeet.h in Headers */ = {isa = PBXBuildFile; fileRef = 0BD906E81EC0C00300C8C18E /* JitsiMeet.h */; settings = {ATTRIBUTES = (Public, ); }; };
+		DE9A013C289A9A9A00E41CBB /* JitsiMeetLogger.h in Headers */ = {isa = PBXBuildFile; fileRef = DE81A2D22316AC4D00AE1940 /* JitsiMeetLogger.h */; settings = {ATTRIBUTES = (Public, ); }; };
+		DE9A013D289A9A9A00E41CBB /* LogUtils.h in Headers */ = {isa = PBXBuildFile; fileRef = DE65AAC92317FFCD00290BEC /* LogUtils.h */; };
+		DE9A013F289A9A9A00E41CBB /* JitsiMeetConferenceOptions.h in Headers */ = {isa = PBXBuildFile; fileRef = DEAD3224220C497000E93636 /* JitsiMeetConferenceOptions.h */; settings = {ATTRIBUTES = (Public, ); }; };
+		DE9A0140289A9A9A00E41CBB /* ExternalAPI.h in Headers */ = {isa = PBXBuildFile; fileRef = C81E9AB825AC5AD800B134D9 /* ExternalAPI.h */; };
+		DE9A0141289A9A9A00E41CBB /* InfoPlistUtil.h in Headers */ = {isa = PBXBuildFile; fileRef = C8AFD27D2462C613000293D2 /* InfoPlistUtil.h */; settings = {ATTRIBUTES = (Public, ); }; };
+		DE9A0143289A9A9A00E41CBB /* CallKit.m in Sources */ = {isa = PBXBuildFile; fileRef = 0BB9AD7A1F5EC8F4001C08DB /* CallKit.m */; };
+		DE9A0144289A9A9A00E41CBB /* JitsiMeetBaseLogHandler.m in Sources */ = {isa = PBXBuildFile; fileRef = DE81A2DD2317ED5400AE1940 /* JitsiMeetBaseLogHandler.m */; };
+		DE9A0146289A9A9A00E41CBB /* JitsiAudioSession.m in Sources */ = {isa = PBXBuildFile; fileRef = 4ED4FFF22721B9B90074E620 /* JitsiAudioSession.m */; };
+		DE9A0147289A9A9A00E41CBB /* AppInfo.m in Sources */ = {isa = PBXBuildFile; fileRef = 0BB9AD7C1F60356D001C08DB /* AppInfo.m */; };
+		DE9A0148289A9A9A00E41CBB /* LogBridge.m in Sources */ = {isa = PBXBuildFile; fileRef = DE81A2D72316AC7600AE1940 /* LogBridge.m */; };
+		DE9A0149289A9A9A00E41CBB /* RNRootView.m in Sources */ = {isa = PBXBuildFile; fileRef = DEAFA778229EAD520033A7FA /* RNRootView.m */; };
+		DE9A014A289A9A9A00E41CBB /* JitsiMeetUserInfo.m in Sources */ = {isa = PBXBuildFile; fileRef = DE762DB522AFDE8D000DEBD6 /* JitsiMeetUserInfo.m */; };
+		DE9A014B289A9A9A00E41CBB /* JitsiMeetConferenceOptions.m in Sources */ = {isa = PBXBuildFile; fileRef = DEAD3225220C497000E93636 /* JitsiMeetConferenceOptions.m */; };
+		DE9A014C289A9A9A00E41CBB /* RCTBridgeWrapper.m in Sources */ = {isa = PBXBuildFile; fileRef = 0B93EF7D1EC9DDCD0030D24D /* RCTBridgeWrapper.m */; };
+		DE9A014D289A9A9A00E41CBB /* ExternalAPI.m in Sources */ = {isa = PBXBuildFile; fileRef = 0BA13D301EE83FF8007BEF7F /* ExternalAPI.m */; };
+		DE9A014E289A9A9A00E41CBB /* POSIX.m in Sources */ = {isa = PBXBuildFile; fileRef = 0BCA495D1EC4B6C600B793EE /* POSIX.m */; };
+		DE9A014F289A9A9A00E41CBB /* InfoPlistUtil.m in Sources */ = {isa = PBXBuildFile; fileRef = C8AFD27E2462C613000293D2 /* InfoPlistUtil.m */; };
+		DE9A0150289A9A9A00E41CBB /* PiPViewCoordinator.swift in Sources */ = {isa = PBXBuildFile; fileRef = C6CC49AE207412CF000DFA42 /* PiPViewCoordinator.swift */; };
+		DE9A0151289A9A9A00E41CBB /* LocaleDetector.m in Sources */ = {isa = PBXBuildFile; fileRef = DEFC743D21B178FA00E4DD96 /* LocaleDetector.m */; };
+		DE9A0152289A9A9A00E41CBB /* AudioMode.m in Sources */ = {isa = PBXBuildFile; fileRef = 0BCA495C1EC4B6C600B793EE /* AudioMode.m */; };
+		DE9A0153289A9A9A00E41CBB /* Proximity.m in Sources */ = {isa = PBXBuildFile; fileRef = 0BCA495E1EC4B6C600B793EE /* Proximity.m */; };
+		DE9A0155289A9A9A00E41CBB /* ReactUtils.m in Sources */ = {isa = PBXBuildFile; fileRef = DEFE535521FB2E8300011A3A /* ReactUtils.m */; };
+		DE9A0157289A9A9A00E41CBB /* DragGestureController.swift in Sources */ = {isa = PBXBuildFile; fileRef = C6A3425E204EF76800E062DD /* DragGestureController.swift */; };
+		DE9A0158289A9A9A00E41CBB /* ScheenshareEventEmiter.m in Sources */ = {isa = PBXBuildFile; fileRef = 4E51B76325E5345E0038575A /* ScheenshareEventEmiter.m */; };
+		DE9A015C289A9A9A00E41CBB /* JitsiMeetLogger.m in Sources */ = {isa = PBXBuildFile; fileRef = DE81A2D32316AC4D00AE1940 /* JitsiMeetLogger.m */; };
+		DE9A015E289A9A9A00E41CBB /* JitsiMeetView.m in Sources */ = {isa = PBXBuildFile; fileRef = 0B412F171EDEC65D00B1A0A6 /* JitsiMeetView.m */; };
+		DE9A015F289A9A9A00E41CBB /* JitsiMeet.m in Sources */ = {isa = PBXBuildFile; fileRef = DEFE535321FB1BF800011A3A /* JitsiMeet.m */; };
+		DE9A0162289A9A9A00E41CBB /* Intents.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 0BB9AD781F5EC6D7001C08DB /* Intents.framework */; settings = {ATTRIBUTES = (Weak, ); }; };
+		DE9A0163289A9A9A00E41CBB /* CallKit.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 0BB9AD761F5EC6CE001C08DB /* CallKit.framework */; settings = {ATTRIBUTES = (Weak, ); }; };
+		DE9A0166289A9A9A00E41CBB /* CallKitIcon.png in Resources */ = {isa = PBXBuildFile; fileRef = 0BC4B8681F8C01E100CE8B21 /* CallKitIcon.png */; };
+		DE9A0167289A9A9A00E41CBB /* image-resize@2x.png in Resources */ = {isa = PBXBuildFile; fileRef = C6245F5B2053091D0040BE68 /* image-resize@2x.png */; };
+		DE9A0168289A9A9A00E41CBB /* image-resize@3x.png in Resources */ = {isa = PBXBuildFile; fileRef = C6245F5C2053091D0040BE68 /* image-resize@3x.png */; };
+		DEA9F284258A5D9900D4CD74 /* JitsiMeetSDK.h in Headers */ = {isa = PBXBuildFile; fileRef = DEA9F283258A5D9900D4CD74 /* JitsiMeetSDK.h */; settings = {ATTRIBUTES = (Public, ); }; };
+		DEAD3226220C497000E93636 /* JitsiMeetConferenceOptions.h in Headers */ = {isa = PBXBuildFile; fileRef = DEAD3224220C497000E93636 /* JitsiMeetConferenceOptions.h */; settings = {ATTRIBUTES = (Public, ); }; };
+		DEAD3227220C497000E93636 /* JitsiMeetConferenceOptions.m in Sources */ = {isa = PBXBuildFile; fileRef = DEAD3225220C497000E93636 /* JitsiMeetConferenceOptions.m */; };
+		DEAFA779229EAD520033A7FA /* RNRootView.m in Sources */ = {isa = PBXBuildFile; fileRef = DEAFA778229EAD520033A7FA /* RNRootView.m */; };
+		DEFC743F21B178FA00E4DD96 /* LocaleDetector.m in Sources */ = {isa = PBXBuildFile; fileRef = DEFC743D21B178FA00E4DD96 /* LocaleDetector.m */; };
+		DEFE535421FB1BF800011A3A /* JitsiMeet.m in Sources */ = {isa = PBXBuildFile; fileRef = DEFE535321FB1BF800011A3A /* JitsiMeet.m */; };
+		DEFE535621FB2E8300011A3A /* ReactUtils.m in Sources */ = {isa = PBXBuildFile; fileRef = DEFE535521FB2E8300011A3A /* ReactUtils.m */; };
+/* End PBXBuildFile section */
+
+/* Begin PBXFileReference section */
+		09A78016288AF50ACD28A10D /* Pods-JitsiMeetSDK.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-JitsiMeetSDK.debug.xcconfig"; path = "../Pods/Target Support Files/Pods-JitsiMeetSDK/Pods-JitsiMeetSDK.debug.xcconfig"; sourceTree = "<group>"; };
+		0B412F161EDEC65D00B1A0A6 /* JitsiMeetView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = JitsiMeetView.h; sourceTree = "<group>"; };
+		0B412F171EDEC65D00B1A0A6 /* JitsiMeetView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = JitsiMeetView.m; sourceTree = "<group>"; };
+		0B412F1B1EDEC80100B1A0A6 /* JitsiMeetViewDelegate.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = JitsiMeetViewDelegate.h; sourceTree = "<group>"; };
+		0B93EF7A1EC608550030D24D /* CoreText.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = CoreText.framework; path = System/Library/Frameworks/CoreText.framework; sourceTree = SDKROOT; };
+		0B93EF7C1EC9DDCD0030D24D /* RCTBridgeWrapper.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTBridgeWrapper.h; sourceTree = "<group>"; };
+		0B93EF7D1EC9DDCD0030D24D /* RCTBridgeWrapper.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTBridgeWrapper.m; sourceTree = "<group>"; };
+		0BA13D301EE83FF8007BEF7F /* ExternalAPI.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = ExternalAPI.m; sourceTree = "<group>"; };
+		0BB9AD761F5EC6CE001C08DB /* CallKit.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = CallKit.framework; path = System/Library/Frameworks/CallKit.framework; sourceTree = SDKROOT; };
+		0BB9AD781F5EC6D7001C08DB /* Intents.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = Intents.framework; path = System/Library/Frameworks/Intents.framework; sourceTree = SDKROOT; };
+		0BB9AD7A1F5EC8F4001C08DB /* CallKit.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = CallKit.m; sourceTree = "<group>"; };
+		0BB9AD7C1F60356D001C08DB /* AppInfo.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = AppInfo.m; sourceTree = "<group>"; };
+		0BC4B8681F8C01E100CE8B21 /* CallKitIcon.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; name = CallKitIcon.png; path = "../../react/features/mobile/call-integration/CallKitIcon.png"; sourceTree = "<group>"; };
+		0BCA495C1EC4B6C600B793EE /* AudioMode.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = AudioMode.m; sourceTree = "<group>"; };
+		0BCA495D1EC4B6C600B793EE /* POSIX.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = POSIX.m; sourceTree = "<group>"; };
+		0BCA495E1EC4B6C600B793EE /* Proximity.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = Proximity.m; sourceTree = "<group>"; };
+		0BD906E51EC0C00300C8C18E /* JitsiMeetSDK.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; includeInIndex = 0; path = JitsiMeetSDK.framework; sourceTree = BUILT_PRODUCTS_DIR; };
+		0BD906E81EC0C00300C8C18E /* JitsiMeet.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = JitsiMeet.h; sourceTree = "<group>"; };
+		0BD906E91EC0C00300C8C18E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
+		4E0EF62E28CA2FB3005D1B03 /* JMCallKitEmitter.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = JMCallKitEmitter.h; sourceTree = "<group>"; };
+		4E0EF62F28CA2FB3005D1B03 /* JMCallKitEmitter.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = JMCallKitEmitter.m; sourceTree = "<group>"; };
+		4E0EF63428CA317E005D1B03 /* JMCallKitListener.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = JMCallKitListener.h; sourceTree = "<group>"; };
+		4E0EF63728CA4069005D1B03 /* JMCallKitProxy.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = JMCallKitProxy.h; sourceTree = "<group>"; };
+		4E0EF63828CA4069005D1B03 /* JMCallKitProxy.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = JMCallKitProxy.m; sourceTree = "<group>"; };
+		4E51B76225E5345E0038575A /* ScheenshareEventEmiter.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = ScheenshareEventEmiter.h; sourceTree = "<group>"; };
+		4E51B76325E5345E0038575A /* ScheenshareEventEmiter.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = ScheenshareEventEmiter.m; sourceTree = "<group>"; };
+		4E812F3228F9A4290087ACC9 /* JitsiMeetView+Private.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = "JitsiMeetView+Private.h"; sourceTree = "<group>"; };
+		4E812F3628F9A4ED0087ACC9 /* JitsiMeetView+Private.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = "JitsiMeetView+Private.m"; sourceTree = "<group>"; };
+		4ED4FFF12721B9B90074E620 /* JitsiAudioSession.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = JitsiAudioSession.h; sourceTree = "<group>"; };
+		4ED4FFF22721B9B90074E620 /* JitsiAudioSession.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = JitsiAudioSession.m; sourceTree = "<group>"; };
+		4ED4FFF52721BAE10074E620 /* JitsiAudioSession+Private.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "JitsiAudioSession+Private.h"; sourceTree = "<group>"; };
+		86389F55993FAAF6AEB3FA3E /* Pods-JitsiMeetSDKLite.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-JitsiMeetSDKLite.release.xcconfig"; path = "../Pods/Target Support Files/Pods-JitsiMeetSDKLite/Pods-JitsiMeetSDKLite.release.xcconfig"; sourceTree = "<group>"; };
+		891FE43DAD30BC8976683100 /* Pods-JitsiMeetSDK.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-JitsiMeetSDK.release.xcconfig"; path = "../Pods/Target Support Files/Pods-JitsiMeetSDK/Pods-JitsiMeetSDK.release.xcconfig"; sourceTree = "<group>"; };
+		8F48C340DE0D91D1012976C5 /* Pods-JitsiMeetSDKLite.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-JitsiMeetSDKLite.debug.xcconfig"; path = "../Pods/Target Support Files/Pods-JitsiMeetSDKLite/Pods-JitsiMeetSDKLite.debug.xcconfig"; sourceTree = "<group>"; };
+		927ED7DF018DE5E12C4C3404 /* libPods-JitsiMeetSDK.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-JitsiMeetSDK.a"; sourceTree = BUILT_PRODUCTS_DIR; };
+		98E09B5C73D9036B4ED252FC /* Pods-JitsiMeet.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-JitsiMeet.debug.xcconfig"; path = "../Pods/Target Support Files/Pods-JitsiMeet/Pods-JitsiMeet.debug.xcconfig"; sourceTree = "<group>"; };
+		9C77CA3CC919B081F1A52982 /* Pods-JitsiMeet.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-JitsiMeet.release.xcconfig"; path = "../Pods/Target Support Files/Pods-JitsiMeet/Pods-JitsiMeet.release.xcconfig"; sourceTree = "<group>"; };
+		A4A934E8212F3ADB001E9388 /* Dropbox.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = Dropbox.m; sourceTree = "<group>"; };
+		A4A934EB21349A06001E9388 /* Dropbox.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = Dropbox.h; sourceTree = "<group>"; };
+		B46497DE9A95BDF5E312AF48 /* libPods-JitsiMeetSDKLite.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-JitsiMeetSDKLite.a"; sourceTree = BUILT_PRODUCTS_DIR; };
+		C6245F5B2053091D0040BE68 /* image-resize@2x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; name = "image-resize@2x.png"; path = "src/picture-in-picture/image-resize@2x.png"; sourceTree = "<group>"; };
+		C6245F5C2053091D0040BE68 /* image-resize@3x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; name = "image-resize@3x.png"; path = "src/picture-in-picture/image-resize@3x.png"; sourceTree = "<group>"; };
+		C6A3425E204EF76800E062DD /* DragGestureController.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = DragGestureController.swift; sourceTree = "<group>"; };
+		C6CC49AE207412CF000DFA42 /* PiPViewCoordinator.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = PiPViewCoordinator.swift; sourceTree = "<group>"; };
+		C81E9AB825AC5AD800B134D9 /* ExternalAPI.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = ExternalAPI.h; sourceTree = "<group>"; };
+		C8AFD27D2462C613000293D2 /* InfoPlistUtil.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = InfoPlistUtil.h; sourceTree = "<group>"; };
+		C8AFD27E2462C613000293D2 /* InfoPlistUtil.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = InfoPlistUtil.m; sourceTree = "<group>"; };
+		DE65AAC92317FFCD00290BEC /* LogUtils.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = LogUtils.h; sourceTree = "<group>"; };
+		DE65AACB2318028300290BEC /* JitsiMeetBaseLogHandler+Private.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "JitsiMeetBaseLogHandler+Private.h"; sourceTree = "<group>"; };
+		DE762DB322AFDE76000DEBD6 /* JitsiMeetUserInfo.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = JitsiMeetUserInfo.h; sourceTree = "<group>"; };
+		DE762DB522AFDE8D000DEBD6 /* JitsiMeetUserInfo.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = JitsiMeetUserInfo.m; sourceTree = "<group>"; };
+		DE762DB722AFE166000DEBD6 /* JitsiMeetUserInfo+Private.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "JitsiMeetUserInfo+Private.h"; sourceTree = "<group>"; };
+		DE81A2D22316AC4D00AE1940 /* JitsiMeetLogger.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = JitsiMeetLogger.h; sourceTree = "<group>"; };
+		DE81A2D32316AC4D00AE1940 /* JitsiMeetLogger.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = JitsiMeetLogger.m; sourceTree = "<group>"; };
+		DE81A2D72316AC7600AE1940 /* LogBridge.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = LogBridge.m; sourceTree = "<group>"; };
+		DE81A2DC2317ED5400AE1940 /* JitsiMeetBaseLogHandler.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = JitsiMeetBaseLogHandler.h; sourceTree = "<group>"; };
+		DE81A2DD2317ED5400AE1940 /* JitsiMeetBaseLogHandler.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = JitsiMeetBaseLogHandler.m; sourceTree = "<group>"; };
+		DE9A016F289A9A9A00E41CBB /* JitsiMeetSDK.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; includeInIndex = 0; path = JitsiMeetSDK.framework; sourceTree = BUILT_PRODUCTS_DIR; };
+		DE9A0170289A9A9A00E41CBB /* Lite-Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; name = "Lite-Info.plist"; path = "/Users/saghul/work/jitsi/jitsi-meet-prs/ios/sdk/src/Lite-Info.plist"; sourceTree = "<absolute>"; };
+		DEA9F283258A5D9900D4CD74 /* JitsiMeetSDK.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = JitsiMeetSDK.h; sourceTree = "<group>"; };
+		DEAD3224220C497000E93636 /* JitsiMeetConferenceOptions.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = JitsiMeetConferenceOptions.h; sourceTree = "<group>"; };
+		DEAD3225220C497000E93636 /* JitsiMeetConferenceOptions.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = JitsiMeetConferenceOptions.m; sourceTree = "<group>"; };
+		DEAD3228220C734300E93636 /* JitsiMeetConferenceOptions+Private.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "JitsiMeetConferenceOptions+Private.h"; sourceTree = "<group>"; };
+		DEAFA777229EAD3B0033A7FA /* RNRootView.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = RNRootView.h; sourceTree = "<group>"; };
+		DEAFA778229EAD520033A7FA /* RNRootView.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = RNRootView.m; sourceTree = "<group>"; };
+		DEFC743D21B178FA00E4DD96 /* LocaleDetector.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = LocaleDetector.m; sourceTree = "<group>"; };
+		DEFE535321FB1BF800011A3A /* JitsiMeet.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = JitsiMeet.m; sourceTree = "<group>"; };
+		DEFE535521FB2E8300011A3A /* ReactUtils.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = ReactUtils.m; sourceTree = "<group>"; };
+		DEFE535721FB2E9E00011A3A /* ReactUtils.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = ReactUtils.h; sourceTree = "<group>"; };
+		DEFE535821FB311F00011A3A /* JitsiMeet+Private.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "JitsiMeet+Private.h"; sourceTree = "<group>"; };
+/* End PBXFileReference section */
+
+/* Begin PBXFrameworksBuildPhase section */
+		0BD906E11EC0C00300C8C18E /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				0BB9AD791F5EC6D7001C08DB /* Intents.framework in Frameworks */,
+				0BB9AD771F5EC6CE001C08DB /* CallKit.framework in Frameworks */,
+				6F08DF7D4458EE3CF3F36F6D /* BuildFile in Frameworks */,
+				3453F4A32680898C4A40E821 /* libPods-JitsiMeetSDK.a in Frameworks */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		DE9A0161289A9A9A00E41CBB /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				DE9A0162289A9A9A00E41CBB /* Intents.framework in Frameworks */,
+				DE9A0163289A9A9A00E41CBB /* CallKit.framework in Frameworks */,
+				9A8EE79C77C17743BB66E8BD /* libPods-JitsiMeetSDKLite.a in Frameworks */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXFrameworksBuildPhase section */
+
+/* Begin PBXGroup section */
+		0BCA49681EC4BBE500B793EE /* Resources */ = {
+			isa = PBXGroup;
+			children = (
+				0BC4B8681F8C01E100CE8B21 /* CallKitIcon.png */,
+				C6245F5B2053091D0040BE68 /* image-resize@2x.png */,
+				C6245F5C2053091D0040BE68 /* image-resize@3x.png */,
+			);
+			name = Resources;
+			sourceTree = "<group>";
+		};
+		0BD906DB1EC0C00300C8C18E = {
+			isa = PBXGroup;
+			children = (
+				9C3C6FA2341729836589B856 /* Frameworks */,
+				C5E72ADFC30ED96F9B35F076 /* Pods */,
+				0BD906E61EC0C00300C8C18E /* Products */,
+				0BCA49681EC4BBE500B793EE /* Resources */,
+				0BD906E71EC0C00300C8C18E /* src */,
+			);
+			sourceTree = "<group>";
+		};
+		0BD906E61EC0C00300C8C18E /* Products */ = {
+			isa = PBXGroup;
+			children = (
+				0BD906E51EC0C00300C8C18E /* JitsiMeetSDK.framework */,
+				DE9A016F289A9A9A00E41CBB /* JitsiMeetSDK.framework */,
+			);
+			name = Products;
+			sourceTree = "<group>";
+		};
+		0BD906E71EC0C00300C8C18E /* src */ = {
+			isa = PBXGroup;
+			children = (
+				0BB9AD7C1F60356D001C08DB /* AppInfo.m */,
+				0BCA495C1EC4B6C600B793EE /* AudioMode.m */,
+				C69EFA02209A0EFD0027712B /* callkit */,
+				A4A934E7212F3AB8001E9388 /* dropbox */,
+				0BD906E91EC0C00300C8C18E /* Info.plist */,
+				0BD906E81EC0C00300C8C18E /* JitsiMeet.h */,
+				DEFE535821FB311F00011A3A /* JitsiMeet+Private.h */,
+				DEA9F283258A5D9900D4CD74 /* JitsiMeetSDK.h */,
+				DEFE535321FB1BF800011A3A /* JitsiMeet.m */,
+				4ED4FFF12721B9B90074E620 /* JitsiAudioSession.h */,
+				4ED4FFF52721BAE10074E620 /* JitsiAudioSession+Private.h */,
+				4ED4FFF22721B9B90074E620 /* JitsiAudioSession.m */,
+				DEAD3224220C497000E93636 /* JitsiMeetConferenceOptions.h */,
+				DEAD3228220C734300E93636 /* JitsiMeetConferenceOptions+Private.h */,
+				DEAD3225220C497000E93636 /* JitsiMeetConferenceOptions.m */,
+				DE762DB322AFDE76000DEBD6 /* JitsiMeetUserInfo.h */,
+				DE762DB722AFE166000DEBD6 /* JitsiMeetUserInfo+Private.h */,
+				DE762DB522AFDE8D000DEBD6 /* JitsiMeetUserInfo.m */,
+				DE81A2D22316AC4D00AE1940 /* JitsiMeetLogger.h */,
+				DE81A2D32316AC4D00AE1940 /* JitsiMeetLogger.m */,
+				DE81A2DC2317ED5400AE1940 /* JitsiMeetBaseLogHandler.h */,
+				DE65AACB2318028300290BEC /* JitsiMeetBaseLogHandler+Private.h */,
+				DE81A2DD2317ED5400AE1940 /* JitsiMeetBaseLogHandler.m */,
+				4E812F3228F9A4290087ACC9 /* JitsiMeetView+Private.h */,
+				4E812F3628F9A4ED0087ACC9 /* JitsiMeetView+Private.m */,
+				0B412F161EDEC65D00B1A0A6 /* JitsiMeetView.h */,
+				0B412F171EDEC65D00B1A0A6 /* JitsiMeetView.m */,
+				DE81A2D72316AC7600AE1940 /* LogBridge.m */,
+				DE65AAC92317FFCD00290BEC /* LogUtils.h */,
+				DEAFA777229EAD3B0033A7FA /* RNRootView.h */,
+				DEAFA778229EAD520033A7FA /* RNRootView.m */,
+				0B412F1B1EDEC80100B1A0A6 /* JitsiMeetViewDelegate.h */,
+				DEFC743D21B178FA00E4DD96 /* LocaleDetector.m */,
+				C6A3426B204F127900E062DD /* picture-in-picture */,
+				0BCA495D1EC4B6C600B793EE /* POSIX.m */,
+				0BCA495E1EC4B6C600B793EE /* Proximity.m */,
+				DEFE535721FB2E9E00011A3A /* ReactUtils.h */,
+				DEFE535521FB2E8300011A3A /* ReactUtils.m */,
+				0B93EF7C1EC9DDCD0030D24D /* RCTBridgeWrapper.h */,
+				0B93EF7D1EC9DDCD0030D24D /* RCTBridgeWrapper.m */,
+				C8AFD27D2462C613000293D2 /* InfoPlistUtil.h */,
+				C8AFD27E2462C613000293D2 /* InfoPlistUtil.m */,
+				C81E9AB825AC5AD800B134D9 /* ExternalAPI.h */,
+				0BA13D301EE83FF8007BEF7F /* ExternalAPI.m */,
+				4E51B76225E5345E0038575A /* ScheenshareEventEmiter.h */,
+				4E51B76325E5345E0038575A /* ScheenshareEventEmiter.m */,
+				DE9A0170289A9A9A00E41CBB /* Lite-Info.plist */,
+			);
+			path = src;
+			sourceTree = "<group>";
+		};
+		9C3C6FA2341729836589B856 /* Frameworks */ = {
+			isa = PBXGroup;
+			children = (
+				0BB9AD761F5EC6CE001C08DB /* CallKit.framework */,
+				0B93EF7A1EC608550030D24D /* CoreText.framework */,
+				0BB9AD781F5EC6D7001C08DB /* Intents.framework */,
+				B46497DE9A95BDF5E312AF48 /* libPods-JitsiMeetSDKLite.a */,
+				927ED7DF018DE5E12C4C3404 /* libPods-JitsiMeetSDK.a */,
+			);
+			name = Frameworks;
+			sourceTree = "<group>";
+		};
+		A4A934E7212F3AB8001E9388 /* dropbox */ = {
+			isa = PBXGroup;
+			children = (
+				A4A934EB21349A06001E9388 /* Dropbox.h */,
+				A4A934E8212F3ADB001E9388 /* Dropbox.m */,
+			);
+			path = dropbox;
+			sourceTree = "<group>";
+		};
+		C5E72ADFC30ED96F9B35F076 /* Pods */ = {
+			isa = PBXGroup;
+			children = (
+				98E09B5C73D9036B4ED252FC /* Pods-JitsiMeet.debug.xcconfig */,
+				9C77CA3CC919B081F1A52982 /* Pods-JitsiMeet.release.xcconfig */,
+				09A78016288AF50ACD28A10D /* Pods-JitsiMeetSDK.debug.xcconfig */,
+				891FE43DAD30BC8976683100 /* Pods-JitsiMeetSDK.release.xcconfig */,
+				8F48C340DE0D91D1012976C5 /* Pods-JitsiMeetSDKLite.debug.xcconfig */,
+				86389F55993FAAF6AEB3FA3E /* Pods-JitsiMeetSDKLite.release.xcconfig */,
+			);
+			name = Pods;
+			sourceTree = "<group>";
+		};
+		C69EFA02209A0EFD0027712B /* callkit */ = {
+			isa = PBXGroup;
+			children = (
+				0BB9AD7A1F5EC8F4001C08DB /* CallKit.m */,
+				4E0EF62E28CA2FB3005D1B03 /* JMCallKitEmitter.h */,
+				4E0EF62F28CA2FB3005D1B03 /* JMCallKitEmitter.m */,
+				4E0EF63428CA317E005D1B03 /* JMCallKitListener.h */,
+				4E0EF63728CA4069005D1B03 /* JMCallKitProxy.h */,
+				4E0EF63828CA4069005D1B03 /* JMCallKitProxy.m */,
+			);
+			path = callkit;
+			sourceTree = "<group>";
+		};
+		C6A3426B204F127900E062DD /* picture-in-picture */ = {
+			isa = PBXGroup;
+			children = (
+				C6A3425E204EF76800E062DD /* DragGestureController.swift */,
+				C6CC49AE207412CF000DFA42 /* PiPViewCoordinator.swift */,
+			);
+			path = "picture-in-picture";
+			sourceTree = "<group>";
+		};
+/* End PBXGroup section */
+
+/* Begin PBXHeadersBuildPhase section */
+		0BD906E21EC0C00300C8C18E /* Headers */ = {
+			isa = PBXHeadersBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				DE762DB422AFDE76000DEBD6 /* JitsiMeetUserInfo.h in Headers */,
+				0B412F181EDEC65D00B1A0A6 /* JitsiMeetView.h in Headers */,
+				0B93EF7E1EC9DDCD0030D24D /* RCTBridgeWrapper.h in Headers */,
+				DE81A2DE2317ED5400AE1940 /* JitsiMeetBaseLogHandler.h in Headers */,
+				DEA9F284258A5D9900D4CD74 /* JitsiMeetSDK.h in Headers */,
+				4E51B76425E5345E0038575A /* ScheenshareEventEmiter.h in Headers */,
+				DE65AACC2318028300290BEC /* JitsiMeetBaseLogHandler+Private.h in Headers */,
+				0B412F221EDEF6EA00B1A0A6 /* JitsiMeetViewDelegate.h in Headers */,
+				4E0EF63528CA317E005D1B03 /* JMCallKitListener.h in Headers */,
+				4E0EF63028CA2FB3005D1B03 /* JMCallKitEmitter.h in Headers */,
+				4ED4FFF32721B9B90074E620 /* JitsiAudioSession.h in Headers */,
+				4E0EF63928CA4069005D1B03 /* JMCallKitProxy.h in Headers */,
+				0BD906EA1EC0C00300C8C18E /* JitsiMeet.h in Headers */,
+				DE81A2D42316AC4D00AE1940 /* JitsiMeetLogger.h in Headers */,
+				DE65AACA2317FFCD00290BEC /* LogUtils.h in Headers */,
+				DEAD3226220C497000E93636 /* JitsiMeetConferenceOptions.h in Headers */,
+				C81E9AB925AC5AD800B134D9 /* ExternalAPI.h in Headers */,
+				C8AFD27F2462C613000293D2 /* InfoPlistUtil.h in Headers */,
+				4E812F3328F9A4290087ACC9 /* JitsiMeetView+Private.h in Headers */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		DE9A012F289A9A9A00E41CBB /* Headers */ = {
+			isa = PBXHeadersBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				DE9A0130289A9A9A00E41CBB /* JitsiMeetUserInfo.h in Headers */,
+				DE9A0131289A9A9A00E41CBB /* JitsiMeetView.h in Headers */,
+				DE9A0132289A9A9A00E41CBB /* RCTBridgeWrapper.h in Headers */,
+				DE9A0133289A9A9A00E41CBB /* JitsiMeetBaseLogHandler.h in Headers */,
+				DE9A0134289A9A9A00E41CBB /* JitsiMeetSDK.h in Headers */,
+				DE9A0135289A9A9A00E41CBB /* ScheenshareEventEmiter.h in Headers */,
+				DE9A0136289A9A9A00E41CBB /* JitsiMeetBaseLogHandler+Private.h in Headers */,
+				DE9A0138289A9A9A00E41CBB /* JitsiMeetViewDelegate.h in Headers */,
+				4E0EF63628CA317E005D1B03 /* JMCallKitListener.h in Headers */,
+				4E0EF63128CA2FB3005D1B03 /* JMCallKitEmitter.h in Headers */,
+				DE9A0139289A9A9A00E41CBB /* JitsiAudioSession.h in Headers */,
+				4E0EF63A28CA4069005D1B03 /* JMCallKitProxy.h in Headers */,
+				DE9A013B289A9A9A00E41CBB /* JitsiMeet.h in Headers */,
+				DE9A013C289A9A9A00E41CBB /* JitsiMeetLogger.h in Headers */,
+				DE9A013D289A9A9A00E41CBB /* LogUtils.h in Headers */,
+				DE9A013F289A9A9A00E41CBB /* JitsiMeetConferenceOptions.h in Headers */,
+				DE9A0140289A9A9A00E41CBB /* ExternalAPI.h in Headers */,
+				DE9A0141289A9A9A00E41CBB /* InfoPlistUtil.h in Headers */,
+				4E812F3428F9A4290087ACC9 /* JitsiMeetView+Private.h in Headers */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXHeadersBuildPhase section */
+
+/* Begin PBXNativeTarget section */
+		0BD906E41EC0C00300C8C18E /* JitsiMeetSDK */ = {
+			isa = PBXNativeTarget;
+			buildConfigurationList = 0BD906ED1EC0C00300C8C18E /* Build configuration list for PBXNativeTarget "JitsiMeetSDK" */;
+			buildPhases = (
+				26796D8589142D80C8AFDA51 /* [CP] Check Pods Manifest.lock */,
+				0BD906E21EC0C00300C8C18E /* Headers */,
+				0BD906E01EC0C00300C8C18E /* Sources */,
+				0BD906E11EC0C00300C8C18E /* Frameworks */,
+				0BD906E31EC0C00300C8C18E /* Resources */,
+				DE17D0D426E0B86300F77E2E /* Copy sounds */,
+				0BCA49651EC4B77500B793EE /* Package React bundle */,
+				C7BC10B338C94EEB98048E64 /* [CP] Copy Pods Resources */,
+			);
+			buildRules = (
+			);
+			dependencies = (
+			);
+			name = JitsiMeetSDK;
+			productName = "Jitsi Meet SDK";
+			productReference = 0BD906E51EC0C00300C8C18E /* JitsiMeetSDK.framework */;
+			productType = "com.apple.product-type.framework";
+		};
+		DE9A012D289A9A9A00E41CBB /* JitsiMeetSDKLite */ = {
+			isa = PBXNativeTarget;
+			buildConfigurationList = DE9A016C289A9A9A00E41CBB /* Build configuration list for PBXNativeTarget "JitsiMeetSDKLite" */;
+			buildPhases = (
+				DE9A012E289A9A9A00E41CBB /* [CP] Check Pods Manifest.lock */,
+				DE9A012F289A9A9A00E41CBB /* Headers */,
+				DE9A0142289A9A9A00E41CBB /* Sources */,
+				DE9A0161289A9A9A00E41CBB /* Frameworks */,
+				DE9A0165289A9A9A00E41CBB /* Resources */,
+				DE9A0169289A9A9A00E41CBB /* Copy sounds */,
+				DE9A016A289A9A9A00E41CBB /* Package React bundle */,
+				DE9A016B289A9A9A00E41CBB /* [CP] Copy Pods Resources */,
+			);
+			buildRules = (
+			);
+			dependencies = (
+			);
+			name = JitsiMeetSDKLite;
+			productName = "Jitsi Meet SDK";
+			productReference = DE9A016F289A9A9A00E41CBB /* JitsiMeetSDK.framework */;
+			productType = "com.apple.product-type.framework";
+		};
+/* End PBXNativeTarget section */
+
+/* Begin PBXProject section */
+		0BD906DC1EC0C00300C8C18E /* Project object */ = {
+			isa = PBXProject;
+			attributes = {
+				LastUpgradeCheck = 1020;
+				ORGANIZATIONNAME = Jitsi;
+				TargetAttributes = {
+					0BD906E41EC0C00300C8C18E = {
+						CreatedOnToolsVersion = 8.3.2;
+						LastSwiftMigration = 1010;
+						ProvisioningStyle = Automatic;
+					};
+				};
+			};
+			buildConfigurationList = 0BD906DF1EC0C00300C8C18E /* Build configuration list for PBXProject "sdk" */;
+			compatibilityVersion = "Xcode 12.0";
+			developmentRegion = en;
+			hasScannedForEncodings = 0;
+			knownRegions = (
+				en,
+				Base,
+			);
+			mainGroup = 0BD906DB1EC0C00300C8C18E;
+			productRefGroup = 0BD906E61EC0C00300C8C18E /* Products */;
+			projectDirPath = "";
+			projectRoot = "";
+			targets = (
+				0BD906E41EC0C00300C8C18E /* JitsiMeetSDK */,
+				DE9A012D289A9A9A00E41CBB /* JitsiMeetSDKLite */,
+			);
+		};
+/* End PBXProject section */
+
+/* Begin PBXResourcesBuildPhase section */
+		0BD906E31EC0C00300C8C18E /* Resources */ = {
+			isa = PBXResourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				0BC4B8691F8C03A700CE8B21 /* CallKitIcon.png in Resources */,
+				C6245F5D2053091D0040BE68 /* image-resize@2x.png in Resources */,
+				C6245F5E2053091D0040BE68 /* image-resize@3x.png in Resources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		DE9A0165289A9A9A00E41CBB /* Resources */ = {
+			isa = PBXResourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				DE9A0166289A9A9A00E41CBB /* CallKitIcon.png in Resources */,
+				DE9A0167289A9A9A00E41CBB /* image-resize@2x.png in Resources */,
+				DE9A0168289A9A9A00E41CBB /* image-resize@3x.png in Resources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXResourcesBuildPhase section */
+
+/* Begin PBXShellScriptBuildPhase section */
+		0BCA49651EC4B77500B793EE /* Package React bundle */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputPaths = (
+			);
+			name = "Package React bundle";
+			outputPaths = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "WITH_ENVIRONMENT=\"../../node_modules/react-native/scripts/xcode/with-environment.sh\"\nREACT_NATIVE_XCODE=\"../../node_modules/react-native/scripts/react-native-xcode.sh\"\n\n/bin/sh -c \"$WITH_ENVIRONMENT $REACT_NATIVE_XCODE\"\n";
+		};
+		26796D8589142D80C8AFDA51 /* [CP] Check Pods Manifest.lock */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputPaths = (
+				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
+				"${PODS_ROOT}/Manifest.lock",
+			);
+			name = "[CP] Check Pods Manifest.lock";
+			outputPaths = (
+				"$(DERIVED_FILE_DIR)/Pods-JitsiMeetSDK-checkManifestLockResult.txt",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
+			showEnvVarsInLog = 0;
+		};
+		C7BC10B338C94EEB98048E64 /* [CP] Copy Pods Resources */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-JitsiMeetSDK/Pods-JitsiMeetSDK-resources-${CONFIGURATION}-input-files.xcfilelist",
+			);
+			name = "[CP] Copy Pods Resources";
+			outputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-JitsiMeetSDK/Pods-JitsiMeetSDK-resources-${CONFIGURATION}-output-files.xcfilelist",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-JitsiMeetSDK/Pods-JitsiMeetSDK-resources.sh\"\n";
+			showEnvVarsInLog = 0;
+		};
+		DE17D0D426E0B86300F77E2E /* Copy sounds */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+			);
+			name = "Copy sounds";
+			outputFileListPaths = (
+			);
+			outputPaths = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "SOUNDS_DIR=\"${PROJECT_DIR}/../../sounds\"\n\ncp $SOUNDS_DIR/* ${CONFIGURATION_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/\n";
+		};
+		DE9A012E289A9A9A00E41CBB /* [CP] Check Pods Manifest.lock */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputPaths = (
+				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
+				"${PODS_ROOT}/Manifest.lock",
+			);
+			name = "[CP] Check Pods Manifest.lock";
+			outputPaths = (
+				"$(DERIVED_FILE_DIR)/Pods-JitsiMeetSDKLite-checkManifestLockResult.txt",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
+			showEnvVarsInLog = 0;
+		};
+		DE9A0169289A9A9A00E41CBB /* Copy sounds */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+			);
+			name = "Copy sounds";
+			outputFileListPaths = (
+			);
+			outputPaths = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "SOUNDS_DIR=\"${PROJECT_DIR}/../../sounds\"\n\ncp $SOUNDS_DIR/* ${CONFIGURATION_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/\n";
+		};
+		DE9A016A289A9A9A00E41CBB /* Package React bundle */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputPaths = (
+			);
+			name = "Package React bundle";
+			outputPaths = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "WITH_ENVIRONMENT=\"../../node_modules/react-native/scripts/xcode/with-environment.sh\"\nREACT_NATIVE_XCODE=\"../../node_modules/react-native/scripts/react-native-xcode.sh\"\n\n/bin/sh -c \"$WITH_ENVIRONMENT $REACT_NATIVE_XCODE\"\n";
+		};
+		DE9A016B289A9A9A00E41CBB /* [CP] Copy Pods Resources */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-JitsiMeetSDKLite/Pods-JitsiMeetSDKLite-resources-${CONFIGURATION}-input-files.xcfilelist",
+			);
+			name = "[CP] Copy Pods Resources";
+			outputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-JitsiMeetSDKLite/Pods-JitsiMeetSDKLite-resources-${CONFIGURATION}-output-files.xcfilelist",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-JitsiMeetSDKLite/Pods-JitsiMeetSDKLite-resources.sh\"\n";
+			showEnvVarsInLog = 0;
+		};
+/* End PBXShellScriptBuildPhase section */
+
+/* Begin PBXSourcesBuildPhase section */
+		0BD906E01EC0C00300C8C18E /* Sources */ = {
+			isa = PBXSourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				0BB9AD7B1F5EC8F4001C08DB /* CallKit.m in Sources */,
+				DE81A2DF2317ED5400AE1940 /* JitsiMeetBaseLogHandler.m in Sources */,
+				4E0EF63B28CA4069005D1B03 /* JMCallKitProxy.m in Sources */,
+				4ED4FFF42721B9B90074E620 /* JitsiAudioSession.m in Sources */,
+				4E812F3928F9A4ED0087ACC9 /* JitsiMeetView+Private.m in Sources */,
+				0BB9AD7D1F60356D001C08DB /* AppInfo.m in Sources */,
+				DE81A2D92316AC7600AE1940 /* LogBridge.m in Sources */,
+				DEAFA779229EAD520033A7FA /* RNRootView.m in Sources */,
+				DE762DB622AFDE8D000DEBD6 /* JitsiMeetUserInfo.m in Sources */,
+				DEAD3227220C497000E93636 /* JitsiMeetConferenceOptions.m in Sources */,
+				0B93EF7F1EC9DDCD0030D24D /* RCTBridgeWrapper.m in Sources */,
+				0BA13D311EE83FF8007BEF7F /* ExternalAPI.m in Sources */,
+				0BCA49601EC4B6C600B793EE /* POSIX.m in Sources */,
+				C8AFD2802462C613000293D2 /* InfoPlistUtil.m in Sources */,
+				C6CC49AF207412CF000DFA42 /* PiPViewCoordinator.swift in Sources */,
+				DEFC743F21B178FA00E4DD96 /* LocaleDetector.m in Sources */,
+				0BCA495F1EC4B6C600B793EE /* AudioMode.m in Sources */,
+				0BCA49611EC4B6C600B793EE /* Proximity.m in Sources */,
+				4E0EF63228CA2FB3005D1B03 /* JMCallKitEmitter.m in Sources */,
+				DEFE535621FB2E8300011A3A /* ReactUtils.m in Sources */,
+				C6A34261204EF76800E062DD /* DragGestureController.swift in Sources */,
+				4E51B76525E5345E0038575A /* ScheenshareEventEmiter.m in Sources */,
+				A4A934E9212F3ADB001E9388 /* Dropbox.m in Sources */,
+				DE81A2D52316AC4D00AE1940 /* JitsiMeetLogger.m in Sources */,
+				0B412F191EDEC65D00B1A0A6 /* JitsiMeetView.m in Sources */,
+				DEFE535421FB1BF800011A3A /* JitsiMeet.m in Sources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		DE9A0142289A9A9A00E41CBB /* Sources */ = {
+			isa = PBXSourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				DE9A0143289A9A9A00E41CBB /* CallKit.m in Sources */,
+				DE9A0144289A9A9A00E41CBB /* JitsiMeetBaseLogHandler.m in Sources */,
+				DE9A0146289A9A9A00E41CBB /* JitsiAudioSession.m in Sources */,
+				4E0EF63C28CA4069005D1B03 /* JMCallKitProxy.m in Sources */,
+				DE9A0147289A9A9A00E41CBB /* AppInfo.m in Sources */,
+				DE9A0148289A9A9A00E41CBB /* LogBridge.m in Sources */,
+				DE9A0149289A9A9A00E41CBB /* RNRootView.m in Sources */,
+				DE9A014A289A9A9A00E41CBB /* JitsiMeetUserInfo.m in Sources */,
+				DE9A014B289A9A9A00E41CBB /* JitsiMeetConferenceOptions.m in Sources */,
+				DE9A014C289A9A9A00E41CBB /* RCTBridgeWrapper.m in Sources */,
+				DE9A014D289A9A9A00E41CBB /* ExternalAPI.m in Sources */,
+				DE9A014E289A9A9A00E41CBB /* POSIX.m in Sources */,
+				DE9A014F289A9A9A00E41CBB /* InfoPlistUtil.m in Sources */,
+				DE9A0150289A9A9A00E41CBB /* PiPViewCoordinator.swift in Sources */,
+				DE9A0151289A9A9A00E41CBB /* LocaleDetector.m in Sources */,
+				DE9A0152289A9A9A00E41CBB /* AudioMode.m in Sources */,
+				DE9A0153289A9A9A00E41CBB /* Proximity.m in Sources */,
+				4E812F3A28F9A4ED0087ACC9 /* JitsiMeetView+Private.m in Sources */,
+				DE9A0155289A9A9A00E41CBB /* ReactUtils.m in Sources */,
+				DE9A0157289A9A9A00E41CBB /* DragGestureController.swift in Sources */,
+				DE9A0158289A9A9A00E41CBB /* ScheenshareEventEmiter.m in Sources */,
+				DE9A015C289A9A9A00E41CBB /* JitsiMeetLogger.m in Sources */,
+				4E0EF63328CA2FB3005D1B03 /* JMCallKitEmitter.m in Sources */,
+				DE9A015E289A9A9A00E41CBB /* JitsiMeetView.m in Sources */,
+				DE9A015F289A9A9A00E41CBB /* JitsiMeet.m in Sources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXSourcesBuildPhase section */
+
+/* Begin XCBuildConfiguration section */
+		0BD906EB1EC0C00300C8C18E /* Debug */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				CC = "";
+				CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
+				CLANG_CXX_LANGUAGE_STANDARD = "c++20";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				CLANG_WARN_UNREACHABLE_CODE = YES;
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
+				COPY_PHASE_STRIP = NO;
+				CURRENT_PROJECT_VERSION = 1;
+				CXX = "";
+				DEBUG_INFORMATION_FORMAT = dwarf;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				ENABLE_TESTABILITY = YES;
+				"EXCLUDED_ARCHS[sdk=iphonesimulator*]" = "";
+				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_DYNAMIC_NO_PIC = NO;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_OPTIMIZATION_LEVEL = 0;
+				GCC_PREPROCESSOR_DEFINITIONS = (
+					"DEBUG=1",
+					"$(inherited)",
+					_LIBCPP_ENABLE_CXX17_REMOVED_UNARY_BINARY_FUNCTION,
+				);
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				IPHONEOS_DEPLOYMENT_TARGET = 15.1;
+				LD = "";
+				LDPLUSPLUS = "";
+				MTL_ENABLE_DEBUG_INFO = YES;
+				ONLY_ACTIVE_ARCH = YES;
+				OTHER_CFLAGS = "$(inherited)";
+				OTHER_CPLUSPLUSFLAGS = "$(inherited)";
+				OTHER_LDFLAGS = "$(inherited)";
+				REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native";
+				SDKROOT = iphoneos;
+				SWIFT_ACTIVE_COMPILATION_CONDITIONS = "$(inherited) DEBUG";
+				TARGETED_DEVICE_FAMILY = "1,2";
+				USE_HERMES = true;
+				VERSIONING_SYSTEM = "apple-generic";
+				VERSION_INFO_PREFIX = "";
+			};
+			name = Debug;
+		};
+		0BD906EC1EC0C00300C8C18E /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				CC = "";
+				CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
+				CLANG_CXX_LANGUAGE_STANDARD = "c++20";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				CLANG_WARN_UNREACHABLE_CODE = YES;
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
+				COPY_PHASE_STRIP = NO;
+				CURRENT_PROJECT_VERSION = 1;
+				CXX = "";
+				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
+				ENABLE_NS_ASSERTIONS = NO;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				"EXCLUDED_ARCHS[sdk=iphonesimulator*]" = "";
+				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_PREPROCESSOR_DEFINITIONS = (
+					"$(inherited)",
+					_LIBCPP_ENABLE_CXX17_REMOVED_UNARY_BINARY_FUNCTION,
+				);
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				IPHONEOS_DEPLOYMENT_TARGET = 15.1;
+				LD = "";
+				LDPLUSPLUS = "";
+				MTL_ENABLE_DEBUG_INFO = NO;
+				OTHER_CFLAGS = "$(inherited)";
+				OTHER_CPLUSPLUSFLAGS = "$(inherited)";
+				OTHER_LDFLAGS = "$(inherited)";
+				REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native";
+				SDKROOT = iphoneos;
+				SWIFT_COMPILATION_MODE = wholemodule;
+				TARGETED_DEVICE_FAMILY = "1,2";
+				USE_HERMES = true;
+				VALIDATE_PRODUCT = YES;
+				VERSIONING_SYSTEM = "apple-generic";
+				VERSION_INFO_PREFIX = "";
+			};
+			name = Release;
+		};
+		0BD906EE1EC0C00300C8C18E /* Debug */ = {
+			isa = XCBuildConfiguration;
+			baseConfigurationReference = 09A78016288AF50ACD28A10D /* Pods-JitsiMeetSDK.debug.xcconfig */;
+			buildSettings = {
+				ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES = NO;
+				CLANG_ALLOW_NON_MODULAR_INCLUDES_IN_FRAMEWORK_MODULES = YES;
+				CLANG_ENABLE_MODULES = YES;
+				CODE_SIGN_IDENTITY = "";
+				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "";
+				DEFINES_MODULE = YES;
+				DEVELOPMENT_TEAM = "";
+				DYLIB_COMPATIBILITY_VERSION = 1;
+				DYLIB_CURRENT_VERSION = 1;
+				DYLIB_INSTALL_NAME_BASE = "@rpath";
+				"EXCLUDED_ARCHS[sdk=iphonesimulator*]" = "";
+				INFOPLIST_FILE = src/Info.plist;
+				LD_RUNPATH_SEARCH_PATHS = (
+					"$(inherited)",
+					"@executable_path/Frameworks",
+					"@loader_path/Frameworks",
+				);
+				PRODUCT_BUNDLE_IDENTIFIER = org.jitsi.JitsiMeetSDK.ios;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				PROVISIONING_PROFILE_SPECIFIER = "";
+				SKIP_INSTALL = YES;
+				SUPPORTED_PLATFORMS = "iphoneos iphonesimulator";
+				SUPPORTS_MACCATALYST = NO;
+				SUPPORTS_MAC_DESIGNED_FOR_IPHONE_IPAD = NO;
+				SUPPORTS_XR_DESIGNED_FOR_IPHONE_IPAD = NO;
+				SWIFT_OPTIMIZATION_LEVEL = "-Onone";
+				SWIFT_VERSION = 5.0;
+				TARGETED_DEVICE_FAMILY = "1,2";
+			};
+			name = Debug;
+		};
+		0BD906EF1EC0C00300C8C18E /* Release */ = {
+			isa = XCBuildConfiguration;
+			baseConfigurationReference = 891FE43DAD30BC8976683100 /* Pods-JitsiMeetSDK.release.xcconfig */;
+			buildSettings = {
+				ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES = NO;
+				CLANG_ALLOW_NON_MODULAR_INCLUDES_IN_FRAMEWORK_MODULES = YES;
+				CLANG_ENABLE_MODULES = YES;
+				CODE_SIGN_IDENTITY = "";
+				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "";
+				DEFINES_MODULE = YES;
+				DEVELOPMENT_TEAM = "";
+				DYLIB_COMPATIBILITY_VERSION = 1;
+				DYLIB_CURRENT_VERSION = 1;
+				DYLIB_INSTALL_NAME_BASE = "@rpath";
+				"EXCLUDED_ARCHS[sdk=iphonesimulator*]" = "";
+				INFOPLIST_FILE = src/Info.plist;
+				LD_RUNPATH_SEARCH_PATHS = (
+					"$(inherited)",
+					"@executable_path/Frameworks",
+					"@loader_path/Frameworks",
+				);
+				PRODUCT_BUNDLE_IDENTIFIER = org.jitsi.JitsiMeetSDK.ios;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				PROVISIONING_PROFILE_SPECIFIER = "";
+				SKIP_INSTALL = YES;
+				SUPPORTED_PLATFORMS = "iphoneos iphonesimulator";
+				SUPPORTS_MACCATALYST = NO;
+				SUPPORTS_MAC_DESIGNED_FOR_IPHONE_IPAD = NO;
+				SUPPORTS_XR_DESIGNED_FOR_IPHONE_IPAD = NO;
+				SWIFT_VERSION = 5.0;
+				TARGETED_DEVICE_FAMILY = "1,2";
+			};
+			name = Release;
+		};
+		DE9A016D289A9A9A00E41CBB /* Debug */ = {
+			isa = XCBuildConfiguration;
+			baseConfigurationReference = 8F48C340DE0D91D1012976C5 /* Pods-JitsiMeetSDKLite.debug.xcconfig */;
+			buildSettings = {
+				ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES = NO;
+				CLANG_ALLOW_NON_MODULAR_INCLUDES_IN_FRAMEWORK_MODULES = YES;
+				CLANG_ENABLE_MODULES = YES;
+				CODE_SIGN_IDENTITY = "";
+				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "";
+				DEFINES_MODULE = YES;
+				DEVELOPMENT_TEAM = "";
+				DYLIB_COMPATIBILITY_VERSION = 1;
+				DYLIB_CURRENT_VERSION = 1;
+				DYLIB_INSTALL_NAME_BASE = "@rpath";
+				"EXCLUDED_ARCHS[sdk=iphonesimulator*]" = "";
+				GCC_PREPROCESSOR_DEFINITIONS = (
+					"$(inherited)",
+					"COCOAPODS=1",
+					"JITSI_MEET_SDK_LITE=1",
+				);
+				INFOPLIST_FILE = "src/Lite-Info.plist";
+				LD_RUNPATH_SEARCH_PATHS = (
+					"$(inherited)",
+					"@executable_path/Frameworks",
+					"@loader_path/Frameworks",
+				);
+				PRODUCT_BUNDLE_IDENTIFIER = org.jitsi.JitsiMeetSDK.ios;
+				PRODUCT_NAME = JitsiMeetSDK;
+				PROVISIONING_PROFILE_SPECIFIER = "";
+				SKIP_INSTALL = YES;
+				SUPPORTED_PLATFORMS = "iphoneos iphonesimulator";
+				SUPPORTS_MACCATALYST = NO;
+				SUPPORTS_MAC_DESIGNED_FOR_IPHONE_IPAD = NO;
+				SUPPORTS_XR_DESIGNED_FOR_IPHONE_IPAD = NO;
+				SWIFT_OPTIMIZATION_LEVEL = "-Onone";
+				SWIFT_VERSION = 5.0;
+				TARGETED_DEVICE_FAMILY = "1,2";
+			};
+			name = Debug;
+		};
+		DE9A016E289A9A9A00E41CBB /* Release */ = {
+			isa = XCBuildConfiguration;
+			baseConfigurationReference = 86389F55993FAAF6AEB3FA3E /* Pods-JitsiMeetSDKLite.release.xcconfig */;
+			buildSettings = {
+				ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES = NO;
+				CLANG_ALLOW_NON_MODULAR_INCLUDES_IN_FRAMEWORK_MODULES = YES;
+				CLANG_ENABLE_MODULES = YES;
+				CODE_SIGN_IDENTITY = "";
+				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "";
+				DEFINES_MODULE = YES;
+				DEVELOPMENT_TEAM = "";
+				DYLIB_COMPATIBILITY_VERSION = 1;
+				DYLIB_CURRENT_VERSION = 1;
+				DYLIB_INSTALL_NAME_BASE = "@rpath";
+				"EXCLUDED_ARCHS[sdk=iphonesimulator*]" = "";
+				GCC_PREPROCESSOR_DEFINITIONS = (
+					"$(inherited)",
+					"COCOAPODS=1",
+					JITSI_MEET_SDK_LITE,
+				);
+				INFOPLIST_FILE = "src/Lite-Info.plist";
+				LD_RUNPATH_SEARCH_PATHS = (
+					"$(inherited)",
+					"@executable_path/Frameworks",
+					"@loader_path/Frameworks",
+				);
+				PRODUCT_BUNDLE_IDENTIFIER = org.jitsi.JitsiMeetSDK.ios;
+				PRODUCT_NAME = JitsiMeetSDK;
+				PROVISIONING_PROFILE_SPECIFIER = "";
+				SKIP_INSTALL = YES;
+				SUPPORTED_PLATFORMS = "iphoneos iphonesimulator";
+				SUPPORTS_MACCATALYST = NO;
+				SUPPORTS_MAC_DESIGNED_FOR_IPHONE_IPAD = NO;
+				SUPPORTS_XR_DESIGNED_FOR_IPHONE_IPAD = NO;
+				SWIFT_VERSION = 5.0;
+				TARGETED_DEVICE_FAMILY = "1,2";
+			};
+			name = Release;
+		};
+/* End XCBuildConfiguration section */
+
+/* Begin XCConfigurationList section */
+		0BD906DF1EC0C00300C8C18E /* Build configuration list for PBXProject "sdk" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				0BD906EB1EC0C00300C8C18E /* Debug */,
+				0BD906EC1EC0C00300C8C18E /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+		0BD906ED1EC0C00300C8C18E /* Build configuration list for PBXNativeTarget "JitsiMeetSDK" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				0BD906EE1EC0C00300C8C18E /* Debug */,
+				0BD906EF1EC0C00300C8C18E /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+		DE9A016C289A9A9A00E41CBB /* Build configuration list for PBXNativeTarget "JitsiMeetSDKLite" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				DE9A016D289A9A9A00E41CBB /* Debug */,
+				DE9A016E289A9A9A00E41CBB /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+/* End XCConfigurationList section */
+	};
+	rootObject = 0BD906DC1EC0C00300C8C18E /* Project object */;
+}
diff --git a/ios/sdk/sdk.xcodeproj/xcshareddata/xcschemes/JitsiMeetSDK.xcscheme b/ios/sdk/sdk.xcodeproj/xcshareddata/xcschemes/JitsiMeetSDK.xcscheme
new file mode 100644
index 0000000..779a942
--- /dev/null
+++ b/ios/sdk/sdk.xcodeproj/xcshareddata/xcschemes/JitsiMeetSDK.xcscheme
@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Scheme
+   LastUpgradeVersion = "1020"
+   version = "1.3">
+   <BuildAction
+      parallelizeBuildables = "YES"
+      buildImplicitDependencies = "YES">
+      <BuildActionEntries>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "0BD906E41EC0C00300C8C18E"
+               BuildableName = "JitsiMeetSDK.framework"
+               BlueprintName = "JitsiMeetSDK"
+               ReferencedContainer = "container:sdk.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+      </BuildActionEntries>
+   </BuildAction>
+   <TestAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      shouldUseLaunchSchemeArgsEnv = "YES">
+      <Testables>
+      </Testables>
+   </TestAction>
+   <LaunchAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      launchStyle = "0"
+      useCustomWorkingDirectory = "NO"
+      ignoresPersistentStateOnLaunch = "NO"
+      debugDocumentVersioning = "YES"
+      debugServiceExtension = "internal"
+      allowLocationSimulation = "YES">
+      <MacroExpansion>
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "0BD906E41EC0C00300C8C18E"
+            BuildableName = "JitsiMeetSDK.framework"
+            BlueprintName = "JitsiMeetSDK"
+            ReferencedContainer = "container:sdk.xcodeproj">
+         </BuildableReference>
+      </MacroExpansion>
+   </LaunchAction>
+   <ProfileAction
+      buildConfiguration = "Release"
+      shouldUseLaunchSchemeArgsEnv = "YES"
+      savedToolIdentifier = ""
+      useCustomWorkingDirectory = "NO"
+      debugDocumentVersioning = "YES">
+      <MacroExpansion>
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "0BD906E41EC0C00300C8C18E"
+            BuildableName = "JitsiMeetSDK.framework"
+            BlueprintName = "JitsiMeetSDK"
+            ReferencedContainer = "container:sdk.xcodeproj">
+         </BuildableReference>
+      </MacroExpansion>
+   </ProfileAction>
+   <AnalyzeAction
+      buildConfiguration = "Debug">
+   </AnalyzeAction>
+   <ArchiveAction
+      buildConfiguration = "Release"
+      revealArchiveInOrganizer = "YES">
+   </ArchiveAction>
+</Scheme>
diff --git a/ios/sdk/sdk.xcodeproj/xcshareddata/xcschemes/JitsiMeetSDKLite.xcscheme b/ios/sdk/sdk.xcodeproj/xcshareddata/xcschemes/JitsiMeetSDKLite.xcscheme
new file mode 100644
index 0000000..6388fa7
--- /dev/null
+++ b/ios/sdk/sdk.xcodeproj/xcshareddata/xcschemes/JitsiMeetSDKLite.xcscheme
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Scheme
+   LastUpgradeVersion = "1340"
+   version = "1.3">
+   <BuildAction
+      parallelizeBuildables = "YES"
+      buildImplicitDependencies = "YES">
+      <BuildActionEntries>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "DE9A012D289A9A9A00E41CBB"
+               BuildableName = "JitsiMeetSDK.framework"
+               BlueprintName = "JitsiMeetSDKLite"
+               ReferencedContainer = "container:sdk.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+      </BuildActionEntries>
+   </BuildAction>
+   <TestAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      shouldUseLaunchSchemeArgsEnv = "YES">
+      <Testables>
+      </Testables>
+   </TestAction>
+   <LaunchAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      launchStyle = "0"
+      useCustomWorkingDirectory = "NO"
+      ignoresPersistentStateOnLaunch = "NO"
+      debugDocumentVersioning = "YES"
+      debugServiceExtension = "internal"
+      allowLocationSimulation = "YES">
+   </LaunchAction>
+   <ProfileAction
+      buildConfiguration = "Release"
+      shouldUseLaunchSchemeArgsEnv = "YES"
+      savedToolIdentifier = ""
+      useCustomWorkingDirectory = "NO"
+      debugDocumentVersioning = "YES">
+      <MacroExpansion>
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "DE9A012D289A9A9A00E41CBB"
+            BuildableName = "JitsiMeetSDK.framework"
+            BlueprintName = "JitsiMeetSDKLite"
+            ReferencedContainer = "container:sdk.xcodeproj">
+         </BuildableReference>
+      </MacroExpansion>
+   </ProfileAction>
+   <AnalyzeAction
+      buildConfiguration = "Debug">
+   </AnalyzeAction>
+   <ArchiveAction
+      buildConfiguration = "Release"
+      revealArchiveInOrganizer = "YES">
+   </ArchiveAction>
+</Scheme>
diff --git a/ios/sdk/src/AppInfo.m b/ios/sdk/src/AppInfo.m
new file mode 100644
index 0000000..6a3fcc5
--- /dev/null
+++ b/ios/sdk/src/AppInfo.m
@@ -0,0 +1,102 @@
+/*
+ * Copyright @ 2017-present 8x8, Inc.
+ *
+ * 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 <AVFoundation/AVFoundation.h>
+
+#import <React/RCTBridgeModule.h>
+#import <React/RCTLog.h>
+
+#import "InfoPlistUtil.h"
+
+@interface AppInfo : NSObject<RCTBridgeModule>
+@end
+
+@implementation AppInfo
+
+RCT_EXPORT_MODULE();
+
++ (BOOL)requiresMainQueueSetup {
+    return NO;
+}
+
+- (NSDictionary *)constantsToExport {
+    NSDictionary<NSString *, id> *infoDictionary
+        = [[NSBundle mainBundle] infoDictionary];
+
+    // calendarEnabled
+    BOOL calendarEnabled = NO;
+#if !defined(JITSI_MEET_SDK_LITE)
+    calendarEnabled = infoDictionary[@"NSCalendarsUsageDescription"] != nil;
+#endif
+
+    // name
+    NSString *name = infoDictionary[@"CFBundleDisplayName"];
+
+    if (name == nil) {
+        name = infoDictionary[@"CFBundleName"];
+        if (name == nil) {
+            name = @"";
+        }
+    }
+
+    // sdkBundlePath
+    NSString *sdkBundlePath = [[NSBundle bundleForClass:self.class] bundlePath];
+
+    // version
+    NSString *version = infoDictionary[@"CFBundleShortVersionString"];
+
+    if (version == nil) {
+        version = infoDictionary[@"CFBundleVersion"];
+        if (version == nil) {
+            version = @"";
+        }
+    }
+
+    // SDK version
+    NSDictionary<NSString *, id> *sdkInfoDictionary
+        = [[NSBundle bundleForClass:self.class] infoDictionary];
+    NSString *sdkVersion = sdkInfoDictionary[@"CFBundleShortVersionString"];
+    if (sdkVersion == nil) {
+        sdkVersion = @"";
+    }
+
+    // build number
+    NSString *buildNumber = infoDictionary[@"CFBundleVersion"];
+    if (buildNumber == nil) {
+        buildNumber = @"";
+    }
+
+    // google services (sign in)
+    BOOL isGoogleServiceEnabled = [InfoPlistUtil containsRealServiceInfoPlistInBundle:[NSBundle mainBundle]];
+    
+    // lite SDK
+    BOOL isLiteSDK = NO;
+#if defined(JITSI_MEET_SDK_LITE)
+    isLiteSDK = YES;
+#endif
+
+    return @{
+        @"calendarEnabled": [NSNumber numberWithBool:calendarEnabled],
+        @"buildNumber": buildNumber,
+        @"isLiteSDK": [NSNumber numberWithBool:isLiteSDK],
+        @"name": name,
+        @"sdkBundlePath": sdkBundlePath,
+        @"sdkVersion": sdkVersion,
+        @"version": version,
+        @"GOOGLE_SERVICES_ENABLED": [NSNumber numberWithBool:isGoogleServiceEnabled]
+    };
+};
+@end
diff --git a/ios/sdk/src/AudioMode.m b/ios/sdk/src/AudioMode.m
new file mode 100644
index 0000000..f5fc71d
--- /dev/null
+++ b/ios/sdk/src/AudioMode.m
@@ -0,0 +1,430 @@
+/*
+ * Copyright @ 2017-present 8x8, Inc.
+ *
+ * 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 <AVFoundation/AVFoundation.h>
+
+#import <React/RCTEventEmitter.h>
+#import <React/RCTLog.h>
+#import <WebRTC/WebRTC.h>
+
+#import "JitsiAudioSession+Private.h"
+#import "callkit/JMCallKitProxy.h"
+
+
+// Audio mode
+typedef enum {
+    kAudioModeDefault,
+    kAudioModeAudioCall,
+    kAudioModeVideoCall
+} JitsiMeetAudioMode;
+
+// Events
+static NSString * const kDevicesChanged = @"org.jitsi.meet:features/audio-mode#devices-update";
+
+// Device types (must match JS and Java)
+static NSString * const kDeviceTypeBluetooth  = @"BLUETOOTH";
+static NSString * const kDeviceTypeCar        = @"CAR";
+static NSString * const kDeviceTypeEarpiece   = @"EARPIECE";
+static NSString * const kDeviceTypeHeadphones = @"HEADPHONES";
+static NSString * const kDeviceTypeSpeaker    = @"SPEAKER";
+static NSString * const kDeviceTypeUnknown    = @"UNKNOWN";
+
+
+@interface AudioMode : RCTEventEmitter<RTCAudioSessionDelegate>
+
+@property(nonatomic, strong) dispatch_queue_t workerQueue;
+
+@end
+
+@implementation AudioMode {
+    JitsiMeetAudioMode activeMode;
+    RTCAudioSessionConfiguration *defaultConfig;
+    RTCAudioSessionConfiguration *audioCallConfig;
+    RTCAudioSessionConfiguration *videoCallConfig;
+    RTCAudioSessionConfiguration *earpieceConfig;
+    BOOL audioDisabled;
+    BOOL forceSpeaker;
+    BOOL forceEarpiece;
+    BOOL isSpeakerOn;
+    BOOL isEarpieceOn;
+}
+
+RCT_EXPORT_MODULE();
+
++ (BOOL)requiresMainQueueSetup {
+    return NO;
+}
+
+- (NSArray<NSString *> *)supportedEvents {
+    return @[ kDevicesChanged ];
+}
+
+- (NSDictionary *)constantsToExport {
+    return @{
+        @"DEVICE_CHANGE_EVENT": kDevicesChanged,
+        @"AUDIO_CALL" : [NSNumber numberWithInt: kAudioModeAudioCall],
+        @"DEFAULT"    : [NSNumber numberWithInt: kAudioModeDefault],
+        @"VIDEO_CALL" : [NSNumber numberWithInt: kAudioModeVideoCall]
+    };
+};
+
+- (instancetype)init {
+    self = [super init];
+    if (self) {
+        dispatch_queue_attr_t attributes =
+        dispatch_queue_attr_make_with_qos_class(DISPATCH_QUEUE_SERIAL, QOS_CLASS_USER_INITIATED, -1);
+        _workerQueue = dispatch_queue_create("AudioMode.queue", attributes);
+
+        activeMode = kAudioModeDefault;
+
+        defaultConfig = [[RTCAudioSessionConfiguration alloc] init];
+        defaultConfig.category = AVAudioSessionCategoryAmbient;
+        defaultConfig.categoryOptions = 0;
+        defaultConfig.mode = AVAudioSessionModeDefault;
+
+        audioCallConfig = [[RTCAudioSessionConfiguration alloc] init];
+        audioCallConfig.category = AVAudioSessionCategoryPlayAndRecord;
+        audioCallConfig.categoryOptions = AVAudioSessionCategoryOptionAllowBluetooth | AVAudioSessionCategoryOptionDefaultToSpeaker;
+        audioCallConfig.mode = AVAudioSessionModeVoiceChat;
+
+        videoCallConfig = [[RTCAudioSessionConfiguration alloc] init];
+        videoCallConfig.category = AVAudioSessionCategoryPlayAndRecord;
+        videoCallConfig.categoryOptions = AVAudioSessionCategoryOptionAllowBluetooth;
+        videoCallConfig.mode = AVAudioSessionModeVideoChat;
+
+        // Manually routing audio to the earpiece doesn't quite work unless one disables BT (weird, I know).
+        earpieceConfig = [[RTCAudioSessionConfiguration alloc] init];
+        earpieceConfig.category = AVAudioSessionCategoryPlayAndRecord;
+        earpieceConfig.categoryOptions = 0;
+        earpieceConfig.mode = AVAudioSessionModeVoiceChat;
+
+        forceSpeaker = NO;
+        forceEarpiece = NO;
+        isSpeakerOn = NO;
+        isEarpieceOn = NO;
+
+        RTCAudioSession *session = JitsiAudioSession.rtcAudioSession;
+        [session addDelegate:self];
+    }
+
+    return self;
+}
+
+- (dispatch_queue_t)methodQueue {
+    // Use a dedicated queue for audio mode operations.
+    return _workerQueue;
+}
+
+- (BOOL)setConfigWithoutLock:(RTCAudioSessionConfiguration *)config
+                       error:(NSError * _Nullable *)outError {
+    RTCAudioSession *session = JitsiAudioSession.rtcAudioSession;
+
+    return [session setConfiguration:config error:outError];
+}
+
+- (BOOL)setConfig:(RTCAudioSessionConfiguration *)config
+            error:(NSError * _Nullable *)outError {
+
+    RTCAudioSession *session = JitsiAudioSession.rtcAudioSession;
+    [session lockForConfiguration];
+    BOOL success = [self setConfigWithoutLock:config error:outError];
+    [session unlockForConfiguration];
+
+    return success;
+}
+
+#pragma mark - Exported methods
+
+RCT_EXPORT_METHOD(setDisabled:(BOOL)disabled
+                  resolve:(RCTPromiseResolveBlock)resolve
+                   reject:(RCTPromiseRejectBlock)reject) {
+    if (audioDisabled == disabled) {
+        resolve(nil);
+        return;
+    }
+
+    RCTLogInfo(@"[AudioMode] audio disabled: %d", disabled);
+
+    audioDisabled = disabled;
+    JMCallKitProxy.enabled = !disabled;
+
+    RTCAudioSession *session = JitsiAudioSession.rtcAudioSession;
+    if (disabled) {
+        [session removeDelegate:self];
+    } else {
+        [session addDelegate:self];
+    }
+    session.useManualAudio = disabled;
+}
+
+RCT_EXPORT_METHOD(setMode:(int)mode
+                  resolve:(RCTPromiseResolveBlock)resolve
+                   reject:(RCTPromiseRejectBlock)reject) {
+    if (audioDisabled) {
+        resolve(nil);
+        return;
+    }
+
+    RTCAudioSessionConfiguration *config = [self configForMode:mode];
+    NSError *error;
+
+    if (config == nil) {
+        reject(@"setMode", @"Invalid mode", nil);
+        return;
+    }
+
+    // Reset.
+    if (mode == kAudioModeDefault) {
+        forceSpeaker = NO;
+        forceEarpiece = NO;
+    }
+
+    activeMode = mode;
+
+    if ([self setConfig:config error:&error]) {
+        resolve(nil);
+    } else {
+        reject(@"setMode", error.localizedDescription, error);
+    }
+    
+    [self notifyDevicesChanged];
+}
+
+RCT_EXPORT_METHOD(setAudioDevice:(NSString *)device
+                  resolve:(RCTPromiseResolveBlock)resolve
+                  reject:(RCTPromiseRejectBlock)reject) {
+    if (audioDisabled) {
+        resolve(nil);
+        return;
+    }
+
+    RCTLogInfo(@"[AudioMode] Selected device: %@", device);
+    
+    RTCAudioSession *session = JitsiAudioSession.rtcAudioSession;
+    [session lockForConfiguration];
+    BOOL success;
+    NSError *error = nil;
+    
+    // Reset these, as we are about to compute them.
+    forceSpeaker = NO;
+    forceEarpiece = NO;
+    
+    // The speaker is special, so test for it first.
+    if ([device isEqualToString:kDeviceTypeSpeaker]) {
+        forceSpeaker = YES;
+        success = [session overrideOutputAudioPort:AVAudioSessionPortOverrideSpeaker error:&error];
+    } else {
+        // Here we use AVAudioSession because RTCAudioSession doesn't expose availableInputs.
+        AVAudioSession *_session = [AVAudioSession sharedInstance];
+        AVAudioSessionPortDescription *port = nil;
+
+        // Find the matching input device.
+        for (AVAudioSessionPortDescription *portDesc in _session.availableInputs) {
+            if ([portDesc.UID isEqualToString:device]) {
+                port = portDesc;
+                break;
+            }
+        }
+
+        if (port != nil) {
+            // First remove the override if we are going to select a different device.
+            if (isSpeakerOn) {
+                [session overrideOutputAudioPort:AVAudioSessionPortOverrideNone error:nil];
+            }
+            
+            // Special case for the earpiece.
+            if ([port.portType isEqualToString:AVAudioSessionPortBuiltInMic]) {
+                forceEarpiece = YES;
+                [self setConfigWithoutLock:earpieceConfig error:nil];
+            } else if (isEarpieceOn) {
+                // Reset the config.
+                RTCAudioSessionConfiguration *config = [self configForMode:activeMode];
+                [self setConfigWithoutLock:config error:nil];
+            }
+
+            // Select our preferred input.
+            success = [session setPreferredInput:port error:&error];
+        } else {
+            success = NO;
+            error = RCTErrorWithMessage(@"Could not find audio device");
+        }
+    }
+    
+    [session unlockForConfiguration];
+    
+    if (success) {
+        resolve(nil);
+    } else {
+        reject(@"setAudioDevice", error != nil ? error.localizedDescription : @"", error);
+    }
+}
+
+RCT_EXPORT_METHOD(updateDeviceList) {
+    if (audioDisabled) {
+        return;
+    }
+
+    [self notifyDevicesChanged];
+}
+
+#pragma mark - RTCAudioSessionDelegate
+
+- (void)audioSessionDidChangeRoute:(RTCAudioSession *)session
+                            reason:(AVAudioSessionRouteChangeReason)reason
+                     previousRoute:(AVAudioSessionRouteDescription *)previousRoute {
+    RCTLogInfo(@"[AudioMode] Route changed, reason: %lu", (unsigned long)reason);
+
+    // Update JS about the changes.
+    [self notifyDevicesChanged];
+
+    dispatch_async(_workerQueue, ^{
+        switch (reason) {
+            case AVAudioSessionRouteChangeReasonNewDeviceAvailable:
+            case AVAudioSessionRouteChangeReasonOldDeviceUnavailable:
+                // If the device list changed, reset our overrides.
+                self->forceSpeaker = NO;
+                self->forceEarpiece = NO;
+                break;
+            case AVAudioSessionRouteChangeReasonCategoryChange:
+                // The category has changed, re-apply our config.
+                // NB: It's tempting to doa  category check here and skip the processing,
+                // but that won't work. If the config changes but the category remains
+                // the same we'll still find ourselves here.
+                break;
+            default:
+                return;
+        }
+
+        // We don't want to touch the category when in default mode.
+        // This is to play well with other components which could be integrated
+        // into the final application.
+        if (self->activeMode != kAudioModeDefault) {
+            RCTLogInfo(@"[AudioMode] Route changed, reapplying RTCAudioSession config");
+            RTCAudioSessionConfiguration *config = [self configForMode:self->activeMode];
+            [self setConfig:config error:nil];
+            if (self->forceSpeaker && !self->isSpeakerOn) {
+                [session lockForConfiguration];
+                [session overrideOutputAudioPort:AVAudioSessionPortOverrideSpeaker error:nil];
+                [session unlockForConfiguration];
+            }
+        }
+    });
+}
+
+- (void)audioSession:(RTCAudioSession *)audioSession didSetActive:(BOOL)active {
+    RCTLogInfo(@"[AudioMode] Audio session didSetActive:%d", active);
+}
+
+#pragma mark - Helper methods
+
+- (RTCAudioSessionConfiguration *)configForMode:(int) mode {
+    if (mode != kAudioModeDefault && forceEarpiece) {
+        return earpieceConfig;
+    }
+
+    switch (mode) {
+        case kAudioModeAudioCall:
+            return audioCallConfig;
+        case kAudioModeDefault:
+            return defaultConfig;
+        case kAudioModeVideoCall:
+            return videoCallConfig;
+        default:
+            return nil;
+    }
+}
+
+// Here we convert input and output port types into a single type.
+- (NSString *)portTypeToString:(AVAudioSessionPort) portType {
+    if ([portType isEqualToString:AVAudioSessionPortHeadphones]
+            || [portType isEqualToString:AVAudioSessionPortHeadsetMic]) {
+        return kDeviceTypeHeadphones;
+    } else if ([portType isEqualToString:AVAudioSessionPortBuiltInMic]
+            || [portType isEqualToString:AVAudioSessionPortBuiltInReceiver]) {
+        return kDeviceTypeEarpiece;
+    } else if ([portType isEqualToString:AVAudioSessionPortBuiltInSpeaker]) {
+        return kDeviceTypeSpeaker;
+    } else if ([portType isEqualToString:AVAudioSessionPortBluetoothHFP]
+            || [portType isEqualToString:AVAudioSessionPortBluetoothLE]
+            || [portType isEqualToString:AVAudioSessionPortBluetoothA2DP]) {
+        return kDeviceTypeBluetooth;
+    } else if ([portType isEqualToString:AVAudioSessionPortCarAudio]) {
+        return kDeviceTypeCar; 
+    } else {
+        return kDeviceTypeUnknown;
+    }
+}
+
+- (void)notifyDevicesChanged {
+    dispatch_async(_workerQueue, ^{
+        NSMutableArray *data = [[NSMutableArray alloc] init];
+        // Here we use AVAudioSession because RTCAudioSession doesn't expose availableInputs.
+        AVAudioSession *session = [AVAudioSession sharedInstance];
+        NSString *currentPort = @"";
+        AVAudioSessionRouteDescription *currentRoute = session.currentRoute;
+        
+        // Check what the current device is. Because the speaker is somewhat special, we need to
+        // check for it first.
+        if (currentRoute != nil) {
+            AVAudioSessionPortDescription *output = currentRoute.outputs.firstObject;
+            AVAudioSessionPortDescription *input = currentRoute.inputs.firstObject;
+            if (output != nil && [output.portType isEqualToString:AVAudioSessionPortBuiltInSpeaker]) {
+                currentPort = kDeviceTypeSpeaker;
+                self->isSpeakerOn = YES;
+            } else if (input != nil) {
+                currentPort = input.UID;
+                self->isSpeakerOn = NO;
+                self->isEarpieceOn = [input.portType isEqualToString:AVAudioSessionPortBuiltInMic];
+            }
+        }
+        
+        BOOL headphonesAvailable = NO;
+        for (AVAudioSessionPortDescription *portDesc in session.availableInputs) {
+            if ([portDesc.portType isEqualToString:AVAudioSessionPortHeadsetMic] || [portDesc.portType isEqualToString:AVAudioSessionPortHeadphones]) {
+                headphonesAvailable = YES;
+                break;
+            }
+        }
+
+        for (AVAudioSessionPortDescription *portDesc in session.availableInputs) {
+            // Skip "Phone" if headphones are present.
+            if (headphonesAvailable && [portDesc.portType isEqualToString:AVAudioSessionPortBuiltInMic]) {
+                continue;
+            }
+            id deviceData
+                = @{
+                    @"type": [self portTypeToString:portDesc.portType],
+                    @"name": portDesc.portName,
+                    @"uid": portDesc.UID,
+                    @"selected": [NSNumber numberWithBool:[portDesc.UID isEqualToString:currentPort]]
+                };
+            [data addObject:deviceData];
+        }
+
+        // We need to manually add the speaker because it will never show up in the
+        // previous list, as it's not an input.
+        [data addObject:
+            @{ @"type": kDeviceTypeSpeaker,
+               @"name": @"Speaker",
+               @"uid": kDeviceTypeSpeaker,
+               @"selected": [NSNumber numberWithBool:[kDeviceTypeSpeaker isEqualToString:currentPort]]
+        }];
+        
+        [self sendEventWithName:kDevicesChanged body:data];
+    });
+}
+
+@end
diff --git a/ios/sdk/src/ExternalAPI.h b/ios/sdk/src/ExternalAPI.h
new file mode 100644
index 0000000..2e29db0
--- /dev/null
+++ b/ios/sdk/src/ExternalAPI.h
@@ -0,0 +1,41 @@
+/* Copyright @ 2021-present 8x8, Inc.
+*
+* 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/RCTBridgeModule.h>
+#import <React/RCTEventEmitter.h>
+
+static NSString * const sendEventNotificationName = @"org.jitsi.meet.SendEvent";
+
+@interface ExternalAPI : RCTEventEmitter<RCTBridgeModule>
+
+- (void)sendHangUp;
+- (void)sendSetAudioMuted:(BOOL)muted;
+- (void)sendEndpointTextMessage:(NSString*)message :(NSString*)to;
+- (void)toggleScreenShare:(BOOL)enabled;
+- (void)retrieveParticipantsInfo:(void (^)(NSArray*))completion;
+- (void)openChat:(NSString*)to;
+- (void)closeChat;
+- (void)sendChatMessage:(NSString*)message :(NSString*)to;
+- (void)sendSetVideoMuted:(BOOL)muted;
+- (void)sendSetClosedCaptionsEnabled:(BOOL)enabled;
+- (void)toggleCamera;
+- (void)showNotification:(NSString*)appearance :(NSString*)description :(NSString*)timeout :(NSString*)title :(NSString*)uid;
+- (void)hideNotification:(NSString*)uid;
+- (void)startRecording:(NSString*)mode :(NSString*)dropboxToken :(BOOL)shouldShare :(NSString*)rtmpStreamKey :(NSString*)rtmpBroadcastID :(NSString*)youtubeStreamKey :(NSString*)youtubeBroadcastID :(NSDictionary*)extraMetadata :(BOOL)transcription;
+- (void)stopRecording:(NSString*)mode :(BOOL)transcription;
+- (void)overwriteConfig:(NSDictionary*)config;
+- (void)sendCameraFacingModeMessage:(NSString*)to :(NSString*)facingMode;
+
+@end
diff --git a/ios/sdk/src/ExternalAPI.m b/ios/sdk/src/ExternalAPI.m
new file mode 100644
index 0000000..b818f71
--- /dev/null
+++ b/ios/sdk/src/ExternalAPI.m
@@ -0,0 +1,260 @@
+/*
+ * Copyright @ 2017-present 8x8, Inc.
+ *
+ * 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 "ExternalAPI.h"
+
+// Events
+static NSString * const hangUpAction = @"org.jitsi.meet.HANG_UP";
+static NSString * const setAudioMutedAction = @"org.jitsi.meet.SET_AUDIO_MUTED";
+static NSString * const sendEndpointTextMessageAction = @"org.jitsi.meet.SEND_ENDPOINT_TEXT_MESSAGE";
+static NSString * const toggleScreenShareAction = @"org.jitsi.meet.TOGGLE_SCREEN_SHARE";
+static NSString * const retrieveParticipantsInfoAction = @"org.jitsi.meet.RETRIEVE_PARTICIPANTS_INFO";
+static NSString * const openChatAction = @"org.jitsi.meet.OPEN_CHAT";
+static NSString * const closeChatAction = @"org.jitsi.meet.CLOSE_CHAT";
+static NSString * const sendChatMessageAction = @"org.jitsi.meet.SEND_CHAT_MESSAGE";
+static NSString * const setVideoMutedAction = @"org.jitsi.meet.SET_VIDEO_MUTED";
+static NSString * const setClosedCaptionsEnabledAction = @"org.jitsi.meet.SET_CLOSED_CAPTIONS_ENABLED";
+static NSString * const toggleCameraAction = @"org.jitsi.meet.TOGGLE_CAMERA";
+static NSString * const showNotificationAction = @"org.jitsi.meet.SHOW_NOTIFICATION";
+static NSString * const hideNotificationAction = @"org.jitsi.meet.HIDE_NOTIFICATION";
+static NSString * const startRecordingAction = @"org.jitsi.meet.START_RECORDING";
+static NSString * const stopRecordingAction = @"org.jitsi.meet.STOP_RECORDING";
+static NSString * const overwriteConfigAction = @"org.jitsi.meet.OVERWRITE_CONFIG";
+static NSString * const sendCameraFacingModeMessageAction = @"org.jitsi.meet.SEND_CAMERA_FACING_MODE_MESSAGE";
+
+@implementation ExternalAPI
+
+static NSMapTable<NSString*, void (^)(NSArray* participantsInfo)> *participantInfoCompletionHandlers;
+
+__attribute__((constructor))
+static void initializeViewsMap(void) {
+    participantInfoCompletionHandlers = [NSMapTable strongToStrongObjectsMapTable];
+}
+
+RCT_EXPORT_MODULE();
+
+- (NSDictionary *)constantsToExport {
+    return @{
+        @"HANG_UP": hangUpAction,
+        @"SET_AUDIO_MUTED" : setAudioMutedAction,
+        @"SEND_ENDPOINT_TEXT_MESSAGE": sendEndpointTextMessageAction,
+        @"TOGGLE_SCREEN_SHARE": toggleScreenShareAction,
+        @"RETRIEVE_PARTICIPANTS_INFO": retrieveParticipantsInfoAction,
+        @"OPEN_CHAT": openChatAction,
+        @"CLOSE_CHAT": closeChatAction,
+        @"SEND_CHAT_MESSAGE": sendChatMessageAction,
+        @"SET_VIDEO_MUTED" : setVideoMutedAction,
+        @"SET_CLOSED_CAPTIONS_ENABLED": setClosedCaptionsEnabledAction,
+        @"TOGGLE_CAMERA": toggleCameraAction,
+        @"SHOW_NOTIFICATION": showNotificationAction,
+        @"HIDE_NOTIFICATION": hideNotificationAction,
+        @"START_RECORDING": startRecordingAction,
+        @"STOP_RECORDING": stopRecordingAction,
+        @"OVERWRITE_CONFIG": overwriteConfigAction,
+        @"SEND_CAMERA_FACING_MODE_MESSAGE": sendCameraFacingModeMessageAction
+    };
+};
+
+/**
+ * Make sure all methods in this module are invoked on the main/UI thread.
+ */
+- (dispatch_queue_t)methodQueue {
+    return dispatch_get_main_queue();
+}
+
++ (BOOL)requiresMainQueueSetup {
+    return NO;
+}
+
+- (NSArray<NSString *> *)supportedEvents {
+    return @[ hangUpAction,
+              setAudioMutedAction,
+              sendEndpointTextMessageAction,
+              toggleScreenShareAction,
+              retrieveParticipantsInfoAction,
+              openChatAction,
+              closeChatAction,
+              sendChatMessageAction,
+              setVideoMutedAction,
+              setClosedCaptionsEnabledAction,
+              toggleCameraAction,
+              showNotificationAction,
+              hideNotificationAction,
+              startRecordingAction,
+              stopRecordingAction,
+              overwriteConfigAction,
+              sendCameraFacingModeMessageAction
+    ];
+}
+
+/**
+ * Dispatches an event that occurred on JavaScript to the view's delegate.
+ *
+ * @param name The name of the event.
+ * @param data The details/specifics of the event to send determined
+ * by/associated with the specified `name`.
+ * @param scope
+ */
+RCT_EXPORT_METHOD(sendEvent:(NSString *)name
+                       data:(NSDictionary *)data) {
+    if ([name isEqual: @"PARTICIPANTS_INFO_RETRIEVED"]) {
+        [self onParticipantsInfoRetrieved: data];
+        return;
+    }
+    
+    [[NSNotificationCenter defaultCenter] postNotificationName:sendEventNotificationName
+                                                        object:nil
+                                                      userInfo:@{@"name": name, @"data": data}];
+}
+
+- (void) onParticipantsInfoRetrieved:(NSDictionary *)data {
+    NSArray *participantsInfoArray = [data objectForKey:@"participantsInfo"];
+    NSString *completionHandlerId = [data objectForKey:@"requestId"];
+    
+    void (^completionHandler)(NSArray*) = [participantInfoCompletionHandlers objectForKey:completionHandlerId];
+    completionHandler(participantsInfoArray);
+    [participantInfoCompletionHandlers removeObjectForKey:completionHandlerId];
+}
+
+- (void)sendHangUp {
+    [self sendEventWithName:hangUpAction body:nil];
+}
+
+- (void)sendSetAudioMuted:(BOOL)muted {
+    NSDictionary *data = @{ @"muted": [NSNumber numberWithBool:muted]};
+
+    [self sendEventWithName:setAudioMutedAction body:data];
+}
+
+- (void)sendEndpointTextMessage:(NSString*)message :(NSString*)to {
+    NSMutableDictionary *data = [[NSMutableDictionary alloc] init];
+    data[@"to"] = to;
+    data[@"message"] = message;
+    
+    [self sendEventWithName:sendEndpointTextMessageAction body:data];
+}
+
+- (void)toggleScreenShare:(BOOL)enabled {
+    NSMutableDictionary *data = [[NSMutableDictionary alloc] init];
+    data[@"enabled"] = [NSNumber numberWithBool:enabled];
+    
+    [self sendEventWithName:toggleScreenShareAction body:data];
+}
+
+- (void)retrieveParticipantsInfo:(void (^)(NSArray*))completionHandler {
+    NSString *completionHandlerId = [[NSUUID UUID] UUIDString];
+    NSDictionary *data = @{ @"requestId": completionHandlerId};
+    
+    [participantInfoCompletionHandlers setObject:[completionHandler copy] forKey:completionHandlerId];
+    
+    [self sendEventWithName:retrieveParticipantsInfoAction body:data];
+}
+
+- (void)openChat:(NSString*)to {
+    NSMutableDictionary *data = [[NSMutableDictionary alloc] init];
+    data[@"to"] = to;
+    
+    [self sendEventWithName:openChatAction body:data];
+}
+
+- (void)closeChat {
+    [self sendEventWithName:closeChatAction body:nil];
+}
+
+- (void)sendChatMessage:(NSString*)message :(NSString*)to {
+    NSMutableDictionary *data = [[NSMutableDictionary alloc] init];
+    data[@"to"] = to;
+    data[@"message"] = message;
+    
+    [self sendEventWithName:sendChatMessageAction body:data];
+}
+
+- (void)sendSetVideoMuted:(BOOL)muted {
+    NSDictionary *data = @{ @"muted": [NSNumber numberWithBool:muted]};
+
+    [self sendEventWithName:setVideoMutedAction body:data];
+}
+
+- (void)sendSetClosedCaptionsEnabled:(BOOL)enabled {
+    NSDictionary *data = @{ @"enabled": [NSNumber numberWithBool:enabled]};
+
+    [self sendEventWithName:setClosedCaptionsEnabledAction body:data];
+}
+
+- (void)toggleCamera {
+    [self sendEventWithName:toggleCameraAction body:nil];
+}
+
+- (void)showNotification:(NSString*)appearance :(NSString*)description :(NSString*)timeout :(NSString*)title :(NSString*)uid {
+    NSMutableDictionary *data = [[NSMutableDictionary alloc] init];
+    data[@"appearance"] = appearance;
+    data[@"description"] = description;
+    data[@"timeout"] = timeout;
+    data[@"title"] = title;
+    data[@"uid"] = uid;
+    
+    [self sendEventWithName:showNotificationAction body:data];
+}
+
+- (void)hideNotification:(NSString*)uid {
+    NSMutableDictionary *data = [[NSMutableDictionary alloc] init];
+    data[@"uid"] = uid;
+    
+    [self sendEventWithName:hideNotificationAction body:data];
+}
+
+- (void)startRecording:(NSString*)mode :(NSString*)dropboxToken :(BOOL)shouldShare :(NSString*)rtmpStreamKey :(NSString*)rtmpBroadcastID :(NSString*)youtubeStreamKey :(NSString*)youtubeBroadcastID :(NSDictionary*)extraMetadata :(BOOL)transcription {
+    NSDictionary *data = @{
+        @"mode": mode,
+        @"dropboxToken": dropboxToken,
+        @"shouldShare": @(shouldShare),
+        @"rtmpStreamKey": rtmpStreamKey,
+        @"rtmpBroadcastID": rtmpBroadcastID,
+        @"youtubeStreamKey": youtubeStreamKey,
+        @"youtubeBroadcastID": youtubeBroadcastID,
+        @"extraMetadata": extraMetadata,
+        @"transcription": @(transcription)
+    };
+    
+    [self sendEventWithName:startRecordingAction body:data];
+}
+
+- (void)stopRecording:(NSString*)mode :(BOOL)transcription {
+    NSDictionary *data = @{
+        @"mode": mode,
+        @"transcription": @(transcription)
+    };
+    
+    [self sendEventWithName:stopRecordingAction body:data];
+}
+
+- (void)overwriteConfig:(NSDictionary*)config {
+    NSDictionary *data = @{
+        @"config": config
+    };
+
+    [self sendEventWithName:overwriteConfigAction body:data];
+}
+
+- (void)sendCameraFacingModeMessage:(NSString*)to :(NSString*)facingMode {
+    NSDictionary *data = @{
+        @"to": to,
+        @"facingMode": facingMode
+    };
+    
+    [self sendEventWithName:sendCameraFacingModeMessageAction body:data];
+}
+@end
diff --git a/ios/sdk/src/Info.plist b/ios/sdk/src/Info.plist
new file mode 100644
index 0000000..0e197ec
--- /dev/null
+++ b/ios/sdk/src/Info.plist
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>en</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>FMWK</string>
+	<key>CFBundleShortVersionString</key>
+	<string>99.0.0</string>
+	<key>CFBundleVersion</key>
+	<string>$(CURRENT_PROJECT_VERSION)</string>
+	<key>NSPrincipalClass</key>
+	<string></string>
+</dict>
+</plist>
diff --git a/ios/sdk/src/InfoPlistUtil.h b/ios/sdk/src/InfoPlistUtil.h
new file mode 100644
index 0000000..f7d5bb8
--- /dev/null
+++ b/ios/sdk/src/InfoPlistUtil.h
@@ -0,0 +1,23 @@
+/*
+* Copyright @ 2019-present 8x8, Inc.
+*
+* 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 <Foundation/Foundation.h>
+
+@interface InfoPlistUtil : NSObject
+
++ (BOOL)containsRealServiceInfoPlistInBundle:(NSBundle *)bundle;
+
+@end
diff --git a/ios/sdk/src/InfoPlistUtil.m b/ios/sdk/src/InfoPlistUtil.m
new file mode 100644
index 0000000..1c98522
--- /dev/null
+++ b/ios/sdk/src/InfoPlistUtil.m
@@ -0,0 +1,52 @@
+/*
+* Copyright @ 2019-present 8x8, Inc.
+*
+* 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 "InfoPlistUtil.h"
+
+// Plist file name.
+NSString *const kGoogleServiceInfoFileName = @"GoogleService-Info";
+// Plist file type.
+NSString *const kGoogleServiceInfoFileType = @"plist";
+NSString *const kGoogleAppIDPlistKey = @"GOOGLE_APP_ID";
+
+@implementation InfoPlistUtil
+
++ (BOOL)containsRealServiceInfoPlistInBundle:(NSBundle *)bundle {
+  NSString *bundlePath = bundle.bundlePath;
+  if (!bundlePath.length) {
+    return NO;
+  }
+
+  NSString *plistFilePath = [bundle pathForResource:kGoogleServiceInfoFileName
+                                             ofType:kGoogleServiceInfoFileType];
+  if (!plistFilePath.length) {
+    return NO;
+  }
+
+  NSDictionary *plist = [NSDictionary dictionaryWithContentsOfFile:plistFilePath];
+  if (!plist) {
+    return NO;
+  }
+
+  // Perform a very naive validation by checking to see if the plist has the dummy google app id
+  NSString *googleAppID = plist[kGoogleAppIDPlistKey];
+  if (!googleAppID.length) {
+    return NO;
+  }
+
+  return YES;
+}
+@end
diff --git a/ios/sdk/src/JitsiAudioSession+Private.h b/ios/sdk/src/JitsiAudioSession+Private.h
new file mode 100644
index 0000000..b6f7d15
--- /dev/null
+++ b/ios/sdk/src/JitsiAudioSession+Private.h
@@ -0,0 +1,24 @@
+/*
+ * Copyright @ 2017-present 8x8, Inc.
+ *
+ * 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 "JitsiAudioSession.h"
+#import <WebRTC/WebRTC.h>
+
+@interface JitsiAudioSession (Private)
+
++ (RTCAudioSession *)rtcAudioSession;
+
+@end
diff --git a/ios/sdk/src/JitsiAudioSession.h b/ios/sdk/src/JitsiAudioSession.h
new file mode 100644
index 0000000..b271a98
--- /dev/null
+++ b/ios/sdk/src/JitsiAudioSession.h
@@ -0,0 +1,26 @@
+/*
+ * Copyright @ 2017-present 8x8, Inc.
+ *
+ * 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 <Foundation/Foundation.h>
+
+@class AVAudioSession;
+
+@interface JitsiAudioSession : NSObject
+
++ (void)activateWithAudioSession:(AVAudioSession *)session;
++ (void)deactivateWithAudioSession:(AVAudioSession *)session;
+
+@end
diff --git a/ios/sdk/src/JitsiAudioSession.m b/ios/sdk/src/JitsiAudioSession.m
new file mode 100644
index 0000000..049f13d
--- /dev/null
+++ b/ios/sdk/src/JitsiAudioSession.m
@@ -0,0 +1,34 @@
+/*
+ * Copyright @ 2017-present 8x8, Inc.
+ *
+ * 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 "JitsiAudioSession.h"
+#import "JitsiAudioSession+Private.h"
+
+@implementation JitsiAudioSession
+
++ (RTCAudioSession *)rtcAudioSession {
+    return [RTCAudioSession sharedInstance];
+}
+
++ (void)activateWithAudioSession:(AVAudioSession *)session {
+    [self.rtcAudioSession audioSessionDidActivate:session];
+}
+
++ (void)deactivateWithAudioSession:(AVAudioSession *)session {
+    [self.rtcAudioSession audioSessionDidDeactivate:session];
+}
+
+@end
diff --git a/ios/sdk/src/JitsiMeet+Private.h b/ios/sdk/src/JitsiMeet+Private.h
new file mode 100644
index 0000000..3ba7ee0
--- /dev/null
+++ b/ios/sdk/src/JitsiMeet+Private.h
@@ -0,0 +1,28 @@
+/*
+ * Copyright @ 2019-present 8x8, Inc.
+ *
+ * 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/RCTBridge.h>
+
+#import "ExternalAPI.h"
+#import "JitsiMeet.h"
+
+@interface JitsiMeet ()
+
+- (NSDictionary *)getDefaultProps;
+- (RCTBridge *)getReactBridge;
+- (ExternalAPI *)getExternalAPI;
+
+@end
diff --git a/ios/sdk/src/JitsiMeet.h b/ios/sdk/src/JitsiMeet.h
new file mode 100644
index 0000000..30e338d
--- /dev/null
+++ b/ios/sdk/src/JitsiMeet.h
@@ -0,0 +1,108 @@
+/*
+ * Copyright @ 2017-present 8x8, Inc.
+ *
+ * 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 UIKit;
+@import Foundation;
+
+#import <JitsiMeetSDK/JitsiMeetConferenceOptions.h>
+
+// Matches RTCLoggingSeverity from RTCLogging.h
+typedef NS_ENUM(NSInteger, WebRTCLoggingSeverity) {
+  WebRTCLoggingSeverityVerbose,
+  WebRTCLoggingSeverityInfo,
+  WebRTCLoggingSeverityWarning,
+  WebRTCLoggingSeverityError,
+  WebRTCLoggingSeverityNone,
+};
+
+@interface JitsiMeet : NSObject
+
+/**
+ * Name for the conference NSUserActivity type. This is used when integrating with
+ * SiriKit or Handoff, for example.
+ */
+@property (copy, nonatomic, nullable) NSString *conferenceActivityType;
+
+/**
+ * Custom URL scheme used for deep-linking.
+ */
+@property (copy, nonatomic, nullable) NSString *customUrlScheme;
+
+/**
+ * List of domains used for universal linking.
+ */
+@property (copy, nonatomic, nullable) NSArray<NSString *> *universalLinkDomains;
+
+/**
+ * Default conference options used for all conferences. These options will be merged
+ * with those passed to JitsiMeetView.join when joining a conference.
+ */
+@property (nonatomic, nullable) JitsiMeetConferenceOptions *defaultConferenceOptions;
+
+/**
+ * Custom RTCAudioDevice implementation.
+ * https://github.com/jitsi/webrtc/blob/M124/sdk/objc/components/audio/RTCAudioDevice.h
+ * https://github.com/mstyura/RTCAudioDevice
+ */
+@property (nonatomic, strong, nullable) id rtcAudioDevice;
+
+/**
+ * Specify WebRTC logging severity.
+ */
+@property (nonatomic, assign) WebRTCLoggingSeverity webRtcLoggingSeverity;
+
+#pragma mark - This class is a singleton
+
++ (instancetype _Nonnull)sharedInstance;
+
+#pragma mark - Methods that the App delegate must call
+
+-             (BOOL)application:(UIApplication *_Nonnull)application
+  didFinishLaunchingWithOptions:(NSDictionary *_Nonnull)launchOptions;
+
+-    (BOOL)application:(UIApplication *_Nonnull)application
+  continueUserActivity:(NSUserActivity *_Nonnull)userActivity
+    restorationHandler:(void (^_Nullable)(NSArray<id<UIUserActivityRestoring>> *_Nonnull))restorationHandler;
+
+- (BOOL)application:(UIApplication *_Nonnull)app
+            openURL:(NSURL *_Nonnull)url
+            options:(NSDictionary<UIApplicationOpenURLOptionsKey,id> *_Nonnull)options;
+
+- (UIInterfaceOrientationMask)application:(UIApplication *_Nonnull)application
+  supportedInterfaceOrientationsForWindow:(UIWindow *_Nullable)window;
+
+#pragma mark - Utility methods
+
+/**
+ * Once  the react native bridge is destroyed you are responsible for reinstantiating it back. Use this method to do so.
+ */
+- (void)instantiateReactNativeBridge;
+
+/**
+ * Helper method to destroy the react native bridge, cleaning up resources in the process. Once the react native bridge is destroyed you are responsible for reinstantiating it back using `instantiateReactNativeBridge` method.
+ */
+- (void)destroyReactNativeBridge;
+
+- (JitsiMeetConferenceOptions *_Nonnull)getInitialConferenceOptions;
+
+- (BOOL)isCrashReportingDisabled;
+
+/**
+ * Shows the splash screen.
+ */
+- (void)showSplashScreen;
+
+@end
diff --git a/ios/sdk/src/JitsiMeet.m b/ios/sdk/src/JitsiMeet.m
new file mode 100644
index 0000000..bc7f5f3
--- /dev/null
+++ b/ios/sdk/src/JitsiMeet.m
@@ -0,0 +1,270 @@
+/*
+ * Copyright @ 2019-present 8x8, Inc.
+ *
+ * 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 <Intents/Intents.h>
+
+#import "Orientation.h"
+
+#import "JitsiMeet+Private.h"
+#import "JitsiMeetConferenceOptions+Private.h"
+#import "JitsiMeetView+Private.h"
+#import "RCTBridgeWrapper.h"
+#import "ReactUtils.h"
+#import "ScheenshareEventEmiter.h"
+
+#import <react-native-webrtc/WebRTCModuleOptions.h>
+
+#if !defined(JITSI_MEET_SDK_LITE)
+#import <RNGoogleSignin/RNGoogleSignin.h>
+#import "Dropbox.h"
+#endif
+
+@implementation JitsiMeet {
+    RCTBridgeWrapper *_bridgeWrapper;
+    NSDictionary *_launchOptions;
+    ScheenshareEventEmiter *_screenshareEventEmiter;
+}
+
+#pragma mak - This class is a singleton
+
++ (instancetype)sharedInstance {
+    static JitsiMeet *sharedInstance = nil;
+    static dispatch_once_t onceToken;
+
+    dispatch_once(&onceToken, ^{
+        sharedInstance = [[self alloc] init];
+    });
+
+    return sharedInstance;
+}
+
+- (instancetype)init {
+    if (self = [super init]) {
+        // Initialize WebRTC options.
+        self.rtcAudioDevice = nil;
+        self.webRtcLoggingSeverity = WebRTCLoggingSeverityNone;
+
+        // Initialize the listener for handling start/stop screensharing notifications.
+        _screenshareEventEmiter = [[ScheenshareEventEmiter alloc] init];
+
+        // Register a fatal error handler for React.
+        registerReactFatalErrorHandler();
+
+        // Register a log handler for React.
+        registerReactLogHandler();
+    }
+
+    return self;
+}
+
+#pragma mark - Methods that the App delegate must call
+
+-             (BOOL)application:(UIApplication *)application
+  didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
+
+    _launchOptions = [launchOptions copy];
+
+#if !defined(JITSI_MEET_SDK_LITE)
+    [Dropbox setAppKey];
+#endif
+
+    return YES;
+}
+
+-    (BOOL)application:(UIApplication *)application
+  continueUserActivity:(NSUserActivity *)userActivity
+    restorationHandler:(void (^)(NSArray<id<UIUserActivityRestoring>> *))restorationHandler {
+
+    JitsiMeetConferenceOptions *options = [self optionsFromUserActivity:userActivity];
+    if (options) {
+        [JitsiMeetView updateProps:[options asProps]];
+        return true;
+    }
+
+    return false;
+}
+
+- (BOOL)application:(UIApplication *)app
+            openURL:(NSURL *)url
+            options:(NSDictionary<UIApplicationOpenURLOptionsKey,id> *)options {
+
+#if !defined(JITSI_MEET_SDK_LITE)
+    if ([Dropbox application:app openURL:url options:options]) {
+        return YES;
+    }
+
+    if ([RNGoogleSignin application:app
+                            openURL:url
+                            options:options]) {
+        return YES;
+    }
+#endif
+
+    if (_customUrlScheme == nil || ![_customUrlScheme isEqualToString:url.scheme]) {
+        return NO;
+    }
+
+    JitsiMeetConferenceOptions *conferenceOptions = [JitsiMeetConferenceOptions fromBuilder:^(JitsiMeetConferenceOptionsBuilder *builder) {
+        builder.room = [url absoluteString];
+    }];
+    [JitsiMeetView updateProps:[conferenceOptions asProps]];
+
+    return true;
+}
+
+- (UIInterfaceOrientationMask)application:(UIApplication *)application supportedInterfaceOrientationsForWindow:(UIWindow *)window {
+    return [Orientation getOrientation];
+}
+
+#pragma mark - Utility methods
+
+- (void)instantiateReactNativeBridge {
+    if (_bridgeWrapper != nil) {
+        return;
+    };
+
+    // Initialize WebRTC options.
+    WebRTCModuleOptions *options = [WebRTCModuleOptions sharedInstance];
+    options.audioDevice = _rtcAudioDevice;
+    options.loggingSeverity = (RTCLoggingSeverity)_webRtcLoggingSeverity;
+
+    // Initialize the one and only bridge for interfacing with React Native.
+    _bridgeWrapper = [[RCTBridgeWrapper alloc] init];
+}
+
+- (void)destroyReactNativeBridge {
+    [_bridgeWrapper invalidate];
+    _bridgeWrapper = nil;
+}
+
+- (JitsiMeetConferenceOptions *)getInitialConferenceOptions {
+    if (_launchOptions[UIApplicationLaunchOptionsURLKey]) {
+        NSURL *url = _launchOptions[UIApplicationLaunchOptionsURLKey];
+        return [JitsiMeetConferenceOptions fromBuilder:^(JitsiMeetConferenceOptionsBuilder *builder) {
+            builder.room = [url absoluteString];
+        }];
+    } else {
+        NSDictionary *userActivityDictionary
+            = _launchOptions[UIApplicationLaunchOptionsUserActivityDictionaryKey];
+        NSUserActivity *userActivity
+            = [userActivityDictionary objectForKey:@"UIApplicationLaunchOptionsUserActivityKey"];
+        if (userActivity != nil) {
+            return [self optionsFromUserActivity:userActivity];
+        }
+    }
+
+    return nil;
+}
+
+- (BOOL)isCrashReportingDisabled {
+    NSUserDefaults *userDefaults = [[NSUserDefaults alloc] initWithSuiteName:@"jitsi-default-preferences"];
+    return [userDefaults stringForKey:@"isCrashReportingDisabled"];
+}
+
+- (JitsiMeetConferenceOptions *)optionsFromUserActivity:(NSUserActivity *)userActivity {
+    NSString *activityType = userActivity.activityType;
+
+    if ([activityType isEqualToString:NSUserActivityTypeBrowsingWeb]) {
+        // App was started by opening a URL in the browser
+        NSURL *url = userActivity.webpageURL;
+        if ([_universalLinkDomains containsObject:url.host]) {
+            return [JitsiMeetConferenceOptions fromBuilder:^(JitsiMeetConferenceOptionsBuilder *builder) {
+                builder.room = [url absoluteString];
+            }];
+        }
+    } else if ([activityType isEqualToString:@"INStartAudioCallIntent"]
+               || [activityType isEqualToString:@"INStartVideoCallIntent"]) {
+        // App was started by a CallKit Intent
+        INIntent *intent = userActivity.interaction.intent;
+        NSArray<INPerson *> *contacts;
+        NSString *url;
+        BOOL audioOnly = NO;
+
+        if ([intent isKindOfClass:[INStartAudioCallIntent class]]) {
+            contacts = ((INStartAudioCallIntent *) intent).contacts;
+            audioOnly = YES;
+        } else if ([intent isKindOfClass:[INStartVideoCallIntent class]]) {
+            contacts = ((INStartVideoCallIntent *) intent).contacts;
+        }
+
+        if (contacts && (url = contacts.firstObject.personHandle.value)) {
+            return [JitsiMeetConferenceOptions fromBuilder:^(JitsiMeetConferenceOptionsBuilder *builder) {
+                builder.audioOnly = audioOnly;
+                builder.room = url;
+            }];
+        }
+    } else if (self.conferenceActivityType && [activityType isEqualToString:self.conferenceActivityType]) {
+        // App was started by continuing a registered NSUserActivity (SiriKit, Handoff, ...)
+        NSString *url;
+
+        if ((url = userActivity.userInfo[@"url"])) {
+            return [JitsiMeetConferenceOptions fromBuilder:^(JitsiMeetConferenceOptionsBuilder *builder) {
+                builder.room = url;
+            }];
+        }
+    }
+
+    return nil;
+}
+
+- (void)showSplashScreen {
+    Class splashClass = NSClassFromString(@"SplashView");
+    if (splashClass && [splashClass respondsToSelector:@selector(sharedInstance)]) {
+        id splashInstance = [splashClass performSelector:@selector(sharedInstance)];
+        if (splashInstance && [splashInstance respondsToSelector:@selector(showSplash)]) {
+            [splashInstance performSelector:@selector(showSplash)];
+            NSLog(@"✅ Splash Screen Shown Successfully");
+        }
+    } else {
+        NSLog(@"⚠️ SplashView module not found");
+    }
+}
+
+#pragma mark - Property getter / setters
+
+- (NSArray<NSString *> *)universalLinkDomains {
+    return _universalLinkDomains ? _universalLinkDomains : @[];
+}
+
+- (void)setDefaultConferenceOptions:(JitsiMeetConferenceOptions *)defaultConferenceOptions {
+    
+    // For testing configOverrides a room needs to be set,
+    // thus the following check needs to be commented out
+    if (defaultConferenceOptions != nil && defaultConferenceOptions.room != nil) {
+        @throw [NSException exceptionWithName:@"RuntimeError"
+                                       reason:@"'room' must be null in the default conference options"
+                                     userInfo:nil];
+    }
+    _defaultConferenceOptions = defaultConferenceOptions;
+}
+
+#pragma mark - Private API methods
+
+- (NSDictionary *)getDefaultProps {
+    return _defaultConferenceOptions == nil ? @{} : [_defaultConferenceOptions asProps];
+}
+
+- (RCTBridge *)getReactBridge {
+    // Initialize bridge lazily.
+    [self instantiateReactNativeBridge];
+    return _bridgeWrapper.bridge;
+}
+
+- (ExternalAPI *)getExternalAPI {
+    return [_bridgeWrapper.bridge moduleForClass:ExternalAPI.class];
+}
+
+@end
diff --git a/ios/sdk/src/JitsiMeetBaseLogHandler+Private.h b/ios/sdk/src/JitsiMeetBaseLogHandler+Private.h
new file mode 100644
index 0000000..e16edaf
--- /dev/null
+++ b/ios/sdk/src/JitsiMeetBaseLogHandler+Private.h
@@ -0,0 +1,24 @@
+/*
+ * Copyright @ 2019-present 8x8, Inc.
+ *
+ * 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 "LogUtils.h"
+#import "JitsiMeetBaseLogHandler.h"
+
+@interface JitsiMeetBaseLogHandler ()
+
+@property (nonatomic, retain) id<DDLogger> logger;
+
+@end
diff --git a/ios/sdk/src/JitsiMeetBaseLogHandler.h b/ios/sdk/src/JitsiMeetBaseLogHandler.h
new file mode 100644
index 0000000..09ac8bf
--- /dev/null
+++ b/ios/sdk/src/JitsiMeetBaseLogHandler.h
@@ -0,0 +1,28 @@
+/*
+ * Copyright @ 2019-present 8x8, Inc.
+ *
+ * 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 <Foundation/Foundation.h>
+
+@interface JitsiMeetBaseLogHandler : NSObject
+
+// These are "abstract".
+- (void)logVerbose:(NSString *)msg;
+- (void)logDebug:(NSString *)msg;
+- (void)logInfo:(NSString *)msg;
+- (void)logWarn:(NSString *)msg;
+- (void)logError:(NSString *)msg;
+
+@end
diff --git a/ios/sdk/src/JitsiMeetBaseLogHandler.m b/ios/sdk/src/JitsiMeetBaseLogHandler.m
new file mode 100644
index 0000000..526672b
--- /dev/null
+++ b/ios/sdk/src/JitsiMeetBaseLogHandler.m
@@ -0,0 +1,105 @@
+/*
+ * Copyright @ 2019-present 8x8, Inc.
+ *
+ * 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 "JitsiMeetBaseLogHandler+Private.h"
+
+@interface PrivateLogger : DDAbstractLogger <DDLogger>
+@end
+
+@implementation PrivateLogger {
+    JitsiMeetBaseLogHandler *_delegate;
+}
+
+- (instancetype)initWithDelegate:(JitsiMeetBaseLogHandler *)delegate {
+    if (self = [super init]) {
+        _delegate = delegate;
+    }
+
+    return self;
+}
+
+#pragma mark - DDAbstractLogger interface
+
+- (void)logMessage:(DDLogMessage *)logMessage {
+    NSString *logMsg = logMessage.message;
+    
+    if (_logFormatter)
+        logMsg = [_logFormatter formatLogMessage:logMessage];
+    
+    if (logMsg && _delegate) {
+        switch (logMessage.flag) {
+            case DDLogFlagError:
+                [_delegate logError:logMsg];
+                break;
+            case DDLogFlagWarning:
+                [_delegate logWarn:logMsg];
+                break;
+            case DDLogFlagInfo:
+                [_delegate logInfo:logMsg];
+                break;
+            case DDLogFlagDebug:
+                [_delegate logDebug:logMsg];
+                break;
+            case DDLogFlagVerbose:
+                [_delegate logVerbose:logMsg];
+                break;
+        }
+    }
+}
+
+@end
+
+
+@implementation JitsiMeetBaseLogHandler
+
+#pragma mark - Proxy logger not to expose the CocoaLumberjack headers
+
+- (instancetype)init {
+    if (self = [super init]) {
+        self.logger = [[PrivateLogger alloc] initWithDelegate:self];
+    }
+
+    return self;
+}
+
+#pragma mark - Public API
+
+- (void)logVerbose:(NSString *)msg {
+    // Override me!
+    [self doesNotRecognizeSelector:_cmd];
+}
+
+- (void)logDebug:(NSString *)msg {
+    // Override me!
+    [self doesNotRecognizeSelector:_cmd];
+}
+
+- (void)logInfo:(NSString *)msg {
+    // Override me!
+    [self doesNotRecognizeSelector:_cmd];
+}
+
+- (void)logWarn:(NSString *)msg {
+    // Override me!
+    [self doesNotRecognizeSelector:_cmd];
+}
+
+- (void)logError:(NSString *)msg {
+    // Override me!
+    [self doesNotRecognizeSelector:_cmd];
+}
+
+@end
diff --git a/ios/sdk/src/JitsiMeetConferenceOptions+Private.h b/ios/sdk/src/JitsiMeetConferenceOptions+Private.h
new file mode 100644
index 0000000..905569a
--- /dev/null
+++ b/ios/sdk/src/JitsiMeetConferenceOptions+Private.h
@@ -0,0 +1,23 @@
+/*
+ * Copyright @ 2019-present 8x8, Inc.
+ *
+ * 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 "JitsiMeetConferenceOptions.h"
+
+@interface JitsiMeetConferenceOptions ()
+
+- (NSMutableDictionary *)asProps;
+
+@end
diff --git a/ios/sdk/src/JitsiMeetConferenceOptions.h b/ios/sdk/src/JitsiMeetConferenceOptions.h
new file mode 100644
index 0000000..222dad0
--- /dev/null
+++ b/ios/sdk/src/JitsiMeetConferenceOptions.h
@@ -0,0 +1,80 @@
+/*
+ * Copyright @ 2019-present 8x8, Inc.
+ *
+ * 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 <Foundation/Foundation.h>
+
+#import "JitsiMeetUserInfo.h"
+
+
+@interface JitsiMeetConferenceOptionsBuilder : NSObject
+
+/**
+ * Server where the conference should take place.
+ */
+@property (nonatomic, copy, nullable) NSURL *serverURL;
+/**
+ * Room name.
+ */
+@property (nonatomic, copy, nullable) NSString *room;
+/**
+ * JWT token used for authentication.
+ */
+@property (nonatomic, copy, nullable) NSString *token;
+
+/**
+ * Feature flags. See: https://github.com/jitsi/jitsi-meet/blob/master/react/features/base/flags/constants.js
+ */
+@property (nonatomic, readonly, nonnull) NSDictionary *featureFlags;
+
+@property (nonatomic, readonly, nonnull) NSDictionary *config;
+
+/**
+ * Information about the local user. It will be used in absence of a token.
+ */
+@property (nonatomic, nullable) JitsiMeetUserInfo *userInfo;
+
+- (void)setFeatureFlag:(NSString *_Nonnull)flag withBoolean:(BOOL)value;
+- (void)setFeatureFlag:(NSString *_Nonnull)flag withValue:(id _Nonnull)value;
+
+- (void)setConfigOverride:(NSString *_Nonnull)config withBoolean:(BOOL)value;
+- (void)setConfigOverride:(NSString *_Nonnull)config withValue:(id _Nonnull)value;
+- (void)setConfigOverride:(NSString *_Nonnull)config withDictionary:(NSDictionary * _Nonnull)dictionary;
+- (void)setConfigOverride:(NSString *_Nonnull)config withArray:( NSArray * _Nonnull)array;
+
+- (void)setAudioOnly:(BOOL)audioOnly;
+- (void)setAudioMuted:(BOOL)audioMuted;
+- (void)setVideoMuted:(BOOL)videoMuted;
+- (void)setCallHandle:(NSString *_Nonnull)callHandle;
+- (void)setCallUUID:(NSUUID *_Nonnull)callUUID;
+- (void)setSubject:(NSString *_Nonnull)subject;
+
+@end
+
+@interface JitsiMeetConferenceOptions : NSObject
+
+@property (nonatomic, copy, nullable, readonly) NSURL *serverURL;
+
+@property (nonatomic, copy, nullable, readonly) NSString *room;
+@property (nonatomic, copy, nullable, readonly) NSString *token;
+
+@property (nonatomic, readonly, nonnull) NSDictionary *featureFlags;
+
+@property (nonatomic, nullable) JitsiMeetUserInfo *userInfo;
+
++ (instancetype _Nonnull)fromBuilder:(void (^_Nonnull)(JitsiMeetConferenceOptionsBuilder *_Nonnull))initBlock;
+- (instancetype _Nonnull)init NS_UNAVAILABLE;
+
+@end
diff --git a/ios/sdk/src/JitsiMeetConferenceOptions.m b/ios/sdk/src/JitsiMeetConferenceOptions.m
new file mode 100644
index 0000000..2872d83
--- /dev/null
+++ b/ios/sdk/src/JitsiMeetConferenceOptions.m
@@ -0,0 +1,159 @@
+/*
+ * Copyright @ 2019-present 8x8, Inc.
+ *
+ * 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/RCTUtils.h>
+
+#import "JitsiMeetConferenceOptions+Private.h"
+#import "JitsiMeetUserInfo+Private.h"
+
+@implementation JitsiMeetConferenceOptionsBuilder {
+    NSMutableDictionary *_featureFlags;
+    NSMutableDictionary *_config;
+}
+
+- (instancetype)init {
+    if (self = [super init]) {
+        _serverURL = nil;
+        _room = nil;
+        _token = nil;
+
+        _config = [[NSMutableDictionary alloc] init];
+        _featureFlags = [[NSMutableDictionary alloc] init];
+
+        _userInfo = nil;
+    }
+    
+    return self;
+}
+
+- (void)setFeatureFlag:(NSString *)flag withBoolean:(BOOL)value {
+    [self setFeatureFlag:flag withValue:[NSNumber numberWithBool:value]];
+}
+
+- (void)setFeatureFlag:(NSString *)flag withValue:(id)value {
+    _featureFlags[flag] = value;
+}
+
+- (void)setAudioOnly:(BOOL)audioOnly {
+    [self setConfigOverride:@"startAudioOnly" withBoolean:audioOnly];
+}
+
+- (void)setAudioMuted:(BOOL)audioMuted {
+    [self setConfigOverride:@"startWithAudioMuted" withBoolean:audioMuted];
+}
+
+- (void)setVideoMuted:(BOOL)videoMuted {
+    [self setConfigOverride:@"startWithVideoMuted" withBoolean:videoMuted];
+}
+
+- (void)setCallHandle:(NSString *_Nonnull)callHandle {
+    [self setConfigOverride:@"callHandle" withValue:callHandle];
+}
+
+- (void)setCallUUID:(NSUUID *_Nonnull)callUUID {
+    [self setConfigOverride:@"callUUID" withValue:[callUUID UUIDString]];
+}
+
+- (void)setSubject:(NSString *_Nonnull)subject {
+    [self setConfigOverride:@"subject" withValue:subject];
+}
+
+- (void)setConfigOverride:(NSString *_Nonnull)config withBoolean:(BOOL)value {
+    [self setConfigOverride:config withValue:[NSNumber numberWithBool:value]];
+}
+
+- (void)setConfigOverride:(NSString *_Nonnull)config withDictionary:(NSDictionary*)dictionary {
+    _config[config] = dictionary;
+}
+
+- (void)setConfigOverride:(NSString *_Nonnull)config withArray:( NSArray * _Nonnull)array {
+    _config[config] = array;
+}
+
+- (void)setConfigOverride:(NSString *_Nonnull)config withValue:(id _Nonnull)value {
+    _config[config] = value;
+}
+
+@end
+
+@implementation JitsiMeetConferenceOptions {
+    NSDictionary *_featureFlags;
+    NSDictionary *_config;
+}
+
+#pragma mark - Internal initializer
+
+- (instancetype)initWithBuilder:(JitsiMeetConferenceOptionsBuilder *)builder {
+    if (self = [super init]) {
+        _serverURL = builder.serverURL;
+        _room = builder.room;
+        _token = builder.token;
+
+        _config = builder.config;
+
+        _featureFlags = [NSDictionary dictionaryWithDictionary:builder.featureFlags];
+
+        _userInfo = builder.userInfo;
+    }
+
+    return self;
+}
+
+#pragma mark - API
+
++ (instancetype)fromBuilder:(void (^)(JitsiMeetConferenceOptionsBuilder *))initBlock {
+    JitsiMeetConferenceOptionsBuilder *builder = [[JitsiMeetConferenceOptionsBuilder alloc] init];
+    initBlock(builder);
+    return [[JitsiMeetConferenceOptions alloc] initWithBuilder:builder];
+}
+
+#pragma mark - Private API
+
+- (NSDictionary *)asProps {
+    NSMutableDictionary *props = [[NSMutableDictionary alloc] init];
+
+    props[@"flags"] = [NSMutableDictionary dictionaryWithDictionary:_featureFlags];
+
+    NSMutableDictionary *urlProps = [[NSMutableDictionary alloc] init];
+
+    // The room is fully qualified.
+    if (_room != nil && [_room containsString:@"://"]) {
+        urlProps[@"url"] = _room;
+    } else {
+        if (_serverURL != nil) {
+            urlProps[@"serverURL"] = [_serverURL absoluteString];
+        }
+
+        if (_room != nil) {
+            urlProps[@"room"] = _room;
+        }
+    }
+
+    if (_token != nil) {
+        urlProps[@"jwt"] = _token;
+    }
+
+    if (_userInfo != nil) {
+        props[@"userInfo"] = [self.userInfo asDict];
+    }
+
+    urlProps[@"config"] = _config;
+    props[@"url"] = urlProps;
+
+    return props;
+}
+
+@end
diff --git a/ios/sdk/src/JitsiMeetLogger.h b/ios/sdk/src/JitsiMeetLogger.h
new file mode 100644
index 0000000..4b604e2
--- /dev/null
+++ b/ios/sdk/src/JitsiMeetLogger.h
@@ -0,0 +1,27 @@
+/*
+ * Copyright @ 2019-present 8x8, Inc.
+ *
+ * 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 <Foundation/Foundation.h>
+
+#import "JitsiMeetBaseLogHandler.h"
+
+
+@interface JitsiMeetLogger : NSObject
+
++ (void)addHandler:(JitsiMeetBaseLogHandler *)handler;
++ (void)removeHandler:(JitsiMeetBaseLogHandler *)handler;
+
+@end
diff --git a/ios/sdk/src/JitsiMeetLogger.m b/ios/sdk/src/JitsiMeetLogger.m
new file mode 100644
index 0000000..03a2a38
--- /dev/null
+++ b/ios/sdk/src/JitsiMeetLogger.m
@@ -0,0 +1,42 @@
+/*
+ * Copyright @ 2019-present 8x8, Inc.
+ *
+ * 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 "LogUtils.h"
+#import "JitsiMeetLogger.h"
+#import "JitsiMeetBaseLogHandler+Private.h"
+
+
+@implementation JitsiMeetLogger
+
+/**
+* This gets called automagically when the program starts.
+*/
+__attribute__((constructor))
+static void initializeLogger() {
+    NSString *mainBundleId = [NSBundle mainBundle].bundleIdentifier;
+    DDOSLogger *osLogger = [[DDOSLogger alloc] initWithSubsystem:mainBundleId category:@"JitsiMeetSDK"];
+    [DDLog addLogger:osLogger];
+}
+
++ (void)addHandler:(JitsiMeetBaseLogHandler *)handler {
+    [DDLog addLogger:handler.logger];
+}
+
++ (void)removeHandler:(JitsiMeetBaseLogHandler *)handler {
+    [DDLog removeLogger:handler.logger];
+}
+
+@end
diff --git a/ios/sdk/src/JitsiMeetSDK.h b/ios/sdk/src/JitsiMeetSDK.h
new file mode 100644
index 0000000..2283532
--- /dev/null
+++ b/ios/sdk/src/JitsiMeetSDK.h
@@ -0,0 +1,26 @@
+/*
+ * Copyright @ 2020-present 8x8, Inc.
+ *
+ * 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 <JitsiMeetSDK/JitsiMeet.h>
+#import <JitsiMeetSDK/JitsiMeetView.h>
+#import <JitsiMeetSDK/JitsiMeetViewDelegate.h>
+#import <JitsiMeetSDK/JitsiMeetConferenceOptions.h>
+#import <JitsiMeetSDK/JitsiMeetLogger.h>
+#import <JitsiMeetSDK/JitsiMeetBaseLogHandler.h>
+#import <JitsiMeetSDK/JitsiAudioSession.h>
+#import <JitsiMeetSDK/InfoPlistUtil.h>
+#import <JitsiMeetSDK/JMCallKitListener.h>
+#import <JitsiMeetSDK/JMCallKitProxy.h>
diff --git a/ios/sdk/src/JitsiMeetUserInfo+Private.h b/ios/sdk/src/JitsiMeetUserInfo+Private.h
new file mode 100644
index 0000000..9a46f73
--- /dev/null
+++ b/ios/sdk/src/JitsiMeetUserInfo+Private.h
@@ -0,0 +1,23 @@
+/*
+ * Copyright @ 2019-present 8x8, Inc.
+ *
+ * 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 "JitsiMeetUserInfo.h"
+
+@interface JitsiMeetUserInfo ()
+
+- (NSMutableDictionary *)asDict;
+
+@end
diff --git a/ios/sdk/src/JitsiMeetUserInfo.h b/ios/sdk/src/JitsiMeetUserInfo.h
new file mode 100644
index 0000000..d9ab837
--- /dev/null
+++ b/ios/sdk/src/JitsiMeetUserInfo.h
@@ -0,0 +1,38 @@
+/*
+ * Copyright @ 2019-present 8x8, Inc.
+ *
+ * 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 <Foundation/Foundation.h>
+
+@interface JitsiMeetUserInfo : NSObject
+
+/**
+ * User display name.
+ */
+@property (nonatomic, copy, nullable) NSString *displayName;
+/**
+ * User email.
+ */
+@property (nonatomic, copy, nullable) NSString *email;
+/**
+ * URL for the user avatar.
+ */
+@property (nonatomic, copy, nullable) NSURL *avatar;
+
+- (instancetype _Nullable)initWithDisplayName:(NSString *_Nullable)displayName
+                                     andEmail:(NSString *_Nullable)email
+                                    andAvatar:(NSURL *_Nullable) avatar;
+
+@end
diff --git a/ios/sdk/src/JitsiMeetUserInfo.m b/ios/sdk/src/JitsiMeetUserInfo.m
new file mode 100644
index 0000000..3811890
--- /dev/null
+++ b/ios/sdk/src/JitsiMeetUserInfo.m
@@ -0,0 +1,55 @@
+/*
+ * Copyright @ 2019-present 8x8, Inc.
+ *
+ * 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 "JitsiMeetUserInfo+Private.h"
+
+@implementation JitsiMeetUserInfo
+
+- (instancetype)initWithDisplayName:(NSString *)displayName
+                           andEmail:(NSString *)email
+                          andAvatar:(NSURL *_Nullable) avatar {
+    self = [super init];
+    if (self) {
+        self.displayName = displayName;
+        self.email = email;
+        self.avatar = avatar;
+    }
+
+    return self;
+}
+
+- (NSDictionary *)asDict {
+    NSMutableDictionary *dict = [[NSMutableDictionary alloc] init];
+
+    if (self.displayName != nil) {
+        dict[@"displayName"] = self.displayName;
+    }
+
+    if (self.email != nil) {
+        dict[@"email"] = self.email;
+    }
+
+    if (self.avatar != nil) {
+        NSString *avatarURL = [self.avatar absoluteString];
+        if (avatarURL != nil) {
+            dict[@"avatarURL"] = avatarURL;
+        }
+    }
+
+    return dict;
+}
+
+@end
diff --git a/ios/sdk/src/JitsiMeetView+Private.h b/ios/sdk/src/JitsiMeetView+Private.h
new file mode 100644
index 0000000..83e2b8d
--- /dev/null
+++ b/ios/sdk/src/JitsiMeetView+Private.h
@@ -0,0 +1,29 @@
+/*
+ * Copyright @ 2022-present 8x8, Inc.
+ *
+ * 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 <JitsiMeetSDK/JitsiMeetSDK.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+static NSString * const updateViewPropsNotificationName = @"org.jitsi.meet.UpdateViewProps";
+
+@interface JitsiMeetView (Private)
+
++ (void)updateProps:(NSDictionary *_Nonnull)newProps;
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/ios/sdk/src/JitsiMeetView+Private.m b/ios/sdk/src/JitsiMeetView+Private.m
new file mode 100644
index 0000000..bec01f4
--- /dev/null
+++ b/ios/sdk/src/JitsiMeetView+Private.m
@@ -0,0 +1,25 @@
+/*
+ * Copyright @ 2022-present 8x8, Inc.
+ *
+ * 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 "JitsiMeetView+Private.h"
+
+@implementation JitsiMeetView (Private)
+
++ (void)updateProps:(NSDictionary *_Nonnull)newProps {
+    [[NSNotificationCenter defaultCenter] postNotificationName:updateViewPropsNotificationName object:nil userInfo:@{@"props": newProps}];
+}
+
+@end
diff --git a/ios/sdk/src/JitsiMeetView.h b/ios/sdk/src/JitsiMeetView.h
new file mode 100644
index 0000000..4983145
--- /dev/null
+++ b/ios/sdk/src/JitsiMeetView.h
@@ -0,0 +1,61 @@
+/*
+ * Copyright @ 2018-present 8x8, Inc.
+ * Copyright @ 2017-2018 Atlassian Pty 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 <Foundation/Foundation.h>
+#import <UIKit/UIKit.h>
+
+#import "JitsiMeetConferenceOptions.h"
+#import "JitsiMeetViewDelegate.h"
+
+typedef NS_ENUM(NSInteger, RecordingMode) {
+    RecordingModeFile,
+    RecordingModeStream
+};
+
+@interface JitsiMeetView : UIView
+
+@property (nonatomic, nullable, weak) id<JitsiMeetViewDelegate> delegate;
+
+/**
+ * Joins the conference specified by the given options. The given options will
+ * be merged with the defaultConferenceOptions (if set) in JitsiMeet. If there
+ * is an already active conference it will be automatically left prior to
+ * joining the new one.
+ */
+- (void)join:(JitsiMeetConferenceOptions *_Nullable)options;
+/**
+ * Leaves the currently active conference.
+ */
+- (void)leave;
+- (void)hangUp;
+- (void)setAudioMuted:(BOOL)muted;
+- (void)sendEndpointTextMessage:(NSString * _Nonnull)message :(NSString * _Nullable)to;
+- (void)toggleScreenShare:(BOOL)enabled;
+- (void)retrieveParticipantsInfo:(void (^ _Nonnull)(NSArray * _Nullable))completionHandler;
+- (void)openChat:(NSString * _Nullable)to;
+- (void)closeChat;
+- (void)sendChatMessage:(NSString * _Nonnull)message :(NSString * _Nullable)to;
+- (void)setVideoMuted:(BOOL)muted;
+- (void)setClosedCaptionsEnabled:(BOOL)enabled;
+- (void)toggleCamera;
+- (void)showNotification:(NSString * _Nonnull)appearance :(NSString * _Nullable)description :(NSString * _Nullable)timeout :(NSString * _Nullable)title :(NSString * _Nullable)uid;
+- (void)hideNotification:(NSString * _Nullable)uid;
+- (void)startRecording:(RecordingMode)mode :(NSString * _Nullable)dropboxToken :(BOOL)shouldShare :(NSString * _Nullable)rtmpStreamKey :(NSString * _Nullable)rtmpBroadcastID :(NSString * _Nullable)youtubeStreamKey :(NSString * _Nullable)youtubeBroadcastID :(NSDictionary * _Nullable)extraMetadata :(BOOL)transcription;
+- (void)stopRecording:(RecordingMode)mode :(BOOL)transcription;
+- (void)overwriteConfig:(NSDictionary * _Nonnull)config;
+- (void)sendCameraFacingModeMessage:(NSString * _Nonnull)to :(NSString * _Nullable)facingMode;
+@end
diff --git a/ios/sdk/src/JitsiMeetView.m b/ios/sdk/src/JitsiMeetView.m
new file mode 100644
index 0000000..ba3ba05
--- /dev/null
+++ b/ios/sdk/src/JitsiMeetView.m
@@ -0,0 +1,311 @@
+/*
+ * Copyright @ 2018-present 8x8, Inc.
+ * Copyright @ 2017-2018 Atlassian Pty 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.
+ */
+
+#include <mach/mach_time.h>
+
+#import <UIKit/UIKit.h>
+
+#import "ExternalAPI.h"
+#import "JitsiMeet+Private.h"
+#import "JitsiMeetConferenceOptions+Private.h"
+#import "JitsiMeetView+Private.h"
+#import "ReactUtils.h"
+#import "RNRootView.h"
+
+
+#pragma mark UIColor helpers
+
+@interface UIColor (Hex)
+
++ (UIColor *)colorWithHex:(uint32_t)hex;
++ (UIColor *)colorWithHex:(uint32_t)hex alpha:(CGFloat)alpha;
+
+@end
+
+@implementation UIColor (Hex)
+
++ (UIColor *)colorWithHex:(uint32_t)hex {
+    return [self colorWithHex:hex alpha:1.0];
+}
+
++ (UIColor *)colorWithHex:(uint32_t)hex alpha:(CGFloat)alpha {
+    CGFloat red   = ((hex >> 16) & 0xFF) / 255.0;
+    CGFloat green = ((hex >> 8) & 0xFF) / 255.0;
+    CGFloat blue  = (hex & 0xFF) / 255.0;
+
+    return [UIColor colorWithRed:red green:green blue:blue alpha:alpha];
+}
+
+@end
+
+#pragma mark UIColor helpers end
+
+/**
+ * Backwards compatibility: turn the boolean prop into a feature flag.
+ */
+static NSString *const PiPEnabledFeatureFlag = @"pip.enabled";
+
+/**
+ * Forward declarations.
+ */
+static NSString *recordingModeToString(RecordingMode mode);
+
+
+@implementation JitsiMeetView {
+    /**
+     * React Native view where the entire content will be rendered.
+     */
+    RNRootView *rootView;
+}
+
+#pragma mark Initializers
+
+- (instancetype)initWithCoder:(NSCoder *)coder {
+    self = [super initWithCoder:coder];
+    if (self) {
+        [self doInitialize];
+    }
+
+    return self;
+}
+
+- (instancetype)initWithFrame:(CGRect)frame {
+    self = [super initWithFrame:frame];
+    if (self) {
+        [self doInitialize];
+    }
+
+    return self;
+}
+
+/**
+ * Internal initialization:
+ *
+ * - sets the background color
+ * - registers necessary observers
+ */
+- (void)doInitialize {
+    // Set a background color which matches the one used in JS.
+    self.backgroundColor = [UIColor colorWithHex:0x040404 alpha:1];
+    
+    [self registerObservers];
+}
+
+- (void)dealloc {
+    [[NSNotificationCenter defaultCenter] removeObserver:self];
+}
+
+#pragma mark API
+
+- (void)join:(JitsiMeetConferenceOptions *)options {
+    [self setProps:options == nil ? @{} : [options asProps]];
+}
+
+- (void)leave {
+    [self setProps:@{}];
+}
+
+- (void)hangUp {
+    ExternalAPI *externalAPI = [[JitsiMeet sharedInstance] getExternalAPI];
+    [externalAPI sendHangUp];
+}
+
+- (void)setAudioMuted:(BOOL)muted {
+    ExternalAPI *externalAPI = [[JitsiMeet sharedInstance] getExternalAPI];
+    [externalAPI sendSetAudioMuted:muted];
+}
+
+- (void)sendEndpointTextMessage:(NSString * _Nonnull)message :(NSString * _Nullable)to {
+    ExternalAPI *externalAPI = [[JitsiMeet sharedInstance] getExternalAPI];
+    [externalAPI sendEndpointTextMessage:message :to];
+}
+
+- (void)toggleScreenShare:(BOOL)enabled {
+    ExternalAPI *externalAPI = [[JitsiMeet sharedInstance] getExternalAPI];
+    [externalAPI toggleScreenShare:enabled];
+}
+
+- (void)retrieveParticipantsInfo:(void (^ _Nonnull)(NSArray * _Nullable))completionHandler {
+    ExternalAPI *externalAPI = [[JitsiMeet sharedInstance] getExternalAPI];
+    [externalAPI retrieveParticipantsInfo:completionHandler];
+}
+
+- (void)openChat:(NSString*)to  {
+    ExternalAPI *externalAPI = [[JitsiMeet sharedInstance] getExternalAPI];
+    [externalAPI openChat:to];
+}
+
+- (void)closeChat  {
+    ExternalAPI *externalAPI = [[JitsiMeet sharedInstance] getExternalAPI];
+    [externalAPI closeChat];
+}
+
+- (void)sendChatMessage:(NSString * _Nonnull)message :(NSString * _Nullable)to {
+    ExternalAPI *externalAPI = [[JitsiMeet sharedInstance] getExternalAPI];
+    [externalAPI sendChatMessage:message :to];
+}
+
+- (void)setVideoMuted:(BOOL)muted {
+    ExternalAPI *externalAPI = [[JitsiMeet sharedInstance] getExternalAPI];
+    [externalAPI sendSetVideoMuted:muted];
+}
+
+- (void)setClosedCaptionsEnabled:(BOOL)enabled {
+    ExternalAPI *externalAPI = [[JitsiMeet sharedInstance] getExternalAPI];
+    [externalAPI sendSetClosedCaptionsEnabled:enabled];
+}
+
+- (void)toggleCamera {
+    ExternalAPI *externalAPI = [[JitsiMeet sharedInstance] getExternalAPI];
+    [externalAPI toggleCamera];
+}
+
+- (void)showNotification:(NSString *)appearance :(NSString *)description :(NSString *)timeout :(NSString *)title :(NSString *)uid {
+    ExternalAPI *externalAPI = [[JitsiMeet sharedInstance] getExternalAPI];
+    [externalAPI showNotification:appearance :description :timeout :title :uid];
+}
+
+-(void)hideNotification:(NSString *)uid {
+    ExternalAPI *externalAPI = [[JitsiMeet sharedInstance] getExternalAPI];
+    [externalAPI hideNotification:uid];
+}
+
+- (void)startRecording:(RecordingMode)mode :(NSString * _Nullable)dropboxToken :(BOOL)shouldShare :(NSString * _Nullable)rtmpStreamKey :(NSString * _Nullable)rtmpBroadcastID :(NSString * _Nullable)youtubeStreamKey :(NSString * _Nullable)youtubeBroadcastID :(NSDictionary * _Nullable)extraMetadata :(BOOL)transcription {
+    ExternalAPI *externalAPI = [[JitsiMeet sharedInstance] getExternalAPI];
+    [externalAPI startRecording:recordingModeToString(mode) :dropboxToken :shouldShare :rtmpStreamKey :rtmpBroadcastID :youtubeStreamKey :youtubeBroadcastID :extraMetadata :transcription];
+}
+
+- (void)stopRecording:(RecordingMode)mode :(BOOL)transcription {
+    ExternalAPI *externalAPI = [[JitsiMeet sharedInstance] getExternalAPI];
+    [externalAPI stopRecording:recordingModeToString(mode) :transcription];
+}
+
+- (void)overwriteConfig:(NSDictionary * _Nonnull)config {
+    ExternalAPI *externalAPI = [[JitsiMeet sharedInstance] getExternalAPI];
+    [externalAPI overwriteConfig:config];
+}
+
+- (void)sendCameraFacingModeMessage:(NSString * _Nonnull)to :(NSString * _Nullable)facingMode {
+    ExternalAPI *externalAPI = [[JitsiMeet sharedInstance] getExternalAPI];
+    [externalAPI sendCameraFacingModeMessage:to :facingMode];
+}
+
+#pragma mark Private methods
+
+- (void)registerObservers {
+    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(handleUpdateViewPropsNotification:) name:updateViewPropsNotificationName object:nil];
+    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(handleSendEventNotification:) name:sendEventNotificationName object:nil];
+ }
+
+- (void)handleUpdateViewPropsNotification:(NSNotification *)notification {
+    NSDictionary *props = [notification.userInfo objectForKey:@"props"];
+    [self setProps:props];
+}
+
+- (void)handleSendEventNotification:(NSNotification *)notification {
+    NSString *eventName = notification.userInfo[@"name"];
+    NSString *eventData = notification.userInfo[@"data"];
+
+    SEL sel = NSSelectorFromString([self methodNameFromEventName:eventName]);
+    if (sel && [self.delegate respondsToSelector:sel]) {
+        [self.delegate performSelector:sel withObject:eventData];
+    }
+}
+
+/**
+  * Converts a specific event name i.e. redux action type description to a
+  * method name.
+  *
+  * @param eventName The event name to convert to a method name.
+  * @return A method name constructed from the specified `eventName`.
+  */
+ - (NSString *)methodNameFromEventName:(NSString *)eventName {
+    NSMutableString *methodName
+        = [NSMutableString stringWithCapacity:eventName.length];
+
+    for (NSString *c in [eventName componentsSeparatedByString:@"_"]) {
+        if (c.length) {
+            [methodName appendString:
+                methodName.length ? c.capitalizedString : c.lowercaseString];
+        }
+    }
+    [methodName appendString:@":"];
+
+    return methodName;
+ }
+
+/**
+ * Passes the given props to the React Native application. The props which we pass
+ * are a combination of 3 different sources:
+ *
+ * - JitsiMeet.defaultConferenceOptions
+ * - This function's parameters
+ * - Some extras which are added by this function
+ */
+- (void)setProps:(NSDictionary *_Nonnull)newProps {
+    NSMutableDictionary *props = mergeProps([[JitsiMeet sharedInstance] getDefaultProps], newProps);
+
+    // Set the PiP flag if it wasn't manually set.
+    NSMutableDictionary *featureFlags = props[@"flags"];
+    if (featureFlags[PiPEnabledFeatureFlag] == nil) {
+        featureFlags[PiPEnabledFeatureFlag]
+            = [NSNumber numberWithBool:
+               self.delegate && [self.delegate respondsToSelector:@selector(enterPictureInPicture:)]];
+    }
+
+    // This method is supposed to be imperative i.e. a second
+    // invocation with one and the same URL is expected to join the respective
+    // conference again if the first invocation was followed by leaving the
+    // conference. However, React and, respectively,
+    // appProperties/initialProperties are declarative expressions i.e. one and
+    // the same URL will not trigger an automatic re-render in the JavaScript
+    // source code. The workaround implemented below introduces imperativeness
+    // in React Component props by defining a unique value per invocation.
+    props[@"timestamp"] = @(mach_absolute_time());
+
+    if (rootView) {
+        // Update props with the new URL.
+        rootView.appProperties = props;
+    } else {
+        RCTBridge *bridge = [[JitsiMeet sharedInstance] getReactBridge];
+        rootView
+            = [[RNRootView alloc] initWithBridge:bridge
+                                      moduleName:@"App"
+                               initialProperties:props];
+        rootView.backgroundColor = self.backgroundColor;
+
+        // Add rootView as a subview which completely covers this one.
+        [rootView setFrame:[self bounds]];
+        rootView.autoresizingMask
+            = UIViewAutoresizingFlexibleWidth
+                | UIViewAutoresizingFlexibleHeight;
+        [self addSubview:rootView];
+    }
+}
+
+@end
+
+static NSString *recordingModeToString(RecordingMode mode) {
+    switch (mode) {
+        case RecordingModeFile:
+            return @"file";
+        case RecordingModeStream:
+            return @"stream";
+        default:
+            return nil;
+    }
+}
diff --git a/ios/sdk/src/JitsiMeetViewDelegate.h b/ios/sdk/src/JitsiMeetViewDelegate.h
new file mode 100644
index 0000000..0e3e925
--- /dev/null
+++ b/ios/sdk/src/JitsiMeetViewDelegate.h
@@ -0,0 +1,147 @@
+/*
+ * Copyright @ 2017-present 8x8, Inc.
+ *
+ * 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.
+ */
+
+@protocol JitsiMeetViewDelegate <NSObject>
+
+@optional
+
+/**
+ * Called when a conference was joined.
+ *
+ * The `data` dictionary contains a `url` key with the conference URL.
+ */
+- (void)conferenceJoined:(NSDictionary *)data;
+
+/**
+ * Called when the active conference ends, be it because of user choice or
+ * because of a failure.
+ *
+ * The `data` dictionary contains an `error` key with the error and a `url` key
+ * with the conference URL. If the conference finished gracefully no `error`
+ * key will be present. The possible values for "error" are described here:
+ * https://github.com/jitsi/lib-jitsi-meet/blob/master/JitsiConnectionErrors.js
+ * https://github.com/jitsi/lib-jitsi-meet/blob/master/JitsiConferenceErrors.js
+ */
+- (void)conferenceTerminated:(NSDictionary *)data;
+
+/**
+ * Called before a conference is joined.
+ *
+ * The `data` dictionary contains a `url` key with the conference URL.
+ */
+- (void)conferenceWillJoin:(NSDictionary *)data;
+
+/**
+ * Called when entering Picture-in-Picture is requested by the user. The app
+ * should now activate its Picture-in-Picture implementation (and resize the
+ * associated `JitsiMeetView`. The latter will automatically detect its new size
+ * and adjust its user interface to a variant appropriate for the small size
+ * ordinarily associated with Picture-in-Picture.)
+ *
+ * The `data` dictionary is empty.
+ */
+- (void)enterPictureInPicture:(NSDictionary *)data;
+
+/**
+ * Called when a participant has joined the conference.
+ *
+ * The `data` dictionary contains a `participantId` key with the id of the participant that has joined.
+ */
+- (void)participantJoined:(NSDictionary *)data;
+
+/**
+ * Called when a participant has left the conference.
+ *
+ * The `data` dictionary contains a `participantId` key with the id of the participant that has left.
+ */
+- (void)participantLeft:(NSDictionary *)data;
+
+/**
+ * Called when audioMuted state changed.
+ *
+ * The `data` dictionary contains a `muted` key with state of the audioMuted for the localParticipant.
+ */
+- (void)audioMutedChanged:(NSDictionary *)data;
+
+/**
+ * Called when an endpoint text message is received.
+ *
+ * The `data` dictionary contains a `senderId` key with the participantId of the sender and a 'message' key with the content.
+ */
+- (void)endpointTextMessageReceived:(NSDictionary *)data;
+
+/**
+ * Called when a participant toggled shared screen.
+ *
+ * The `data` dictionary contains a `participantId` key with the id of the participant  and a 'sharing' key with boolean value.
+ */
+- (void)screenShareToggled:(NSDictionary *)data;
+
+/**
+ * Called when a chat message is received.
+ *
+ * The `data` dictionary contains `message`, `senderId` and  `isPrivate` keys.
+ */
+- (void)chatMessageReceived:(NSDictionary *)data;
+
+/**
+ * Called when the chat dialog is displayed/hidden.
+ *
+ * The `data` dictionary contains a `isOpen` key.
+ */
+- (void)chatToggled:(NSDictionary *)data;
+
+/**
+ * Called when videoMuted state changed.
+ *
+ * The `data` dictionary contains a `muted` key with state of the videoMuted for the localParticipant.
+ */
+- (void)videoMutedChanged:(NSDictionary *)data;
+
+/**
+ * Called when the SDK is ready to be closed. No meeting is happening at this point.
+ */
+- (void)readyToClose:(NSDictionary *)data;
+
+/**
+ * Called when the transcription chunk was received.
+ *
+ * The `data` dictionary contains a `messageID`, `language`, `participant` key.
+ */
+- (void)transcriptionChunkReceived:(NSDictionary *)data;
+
+/**
+ * Called when the custom overflow menu button is pressed.
+ *
+ * The `data` dictionary contains a `id`, `text` key.
+ */
+- (void)customButtonPressed:(NSDictionary *)data;
+
+/**
+ * Called when the unique identifier for conference has been set.
+ *
+ * The `data` dictionary contains a `sessionId` key.
+ */
+- (void)conferenceUniqueIdSet:(NSDictionary *)data;
+
+/**
+ * Called when the recording status has changed.
+ *
+ * The `data` dictionary contains a `sessionData` key.
+ */
+- (void)recordingStatusChanged:(NSDictionary *)data;
+
+@end
diff --git a/ios/sdk/src/Lite-Info.plist b/ios/sdk/src/Lite-Info.plist
new file mode 100644
index 0000000..0e197ec
--- /dev/null
+++ b/ios/sdk/src/Lite-Info.plist
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>en</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>FMWK</string>
+	<key>CFBundleShortVersionString</key>
+	<string>99.0.0</string>
+	<key>CFBundleVersion</key>
+	<string>$(CURRENT_PROJECT_VERSION)</string>
+	<key>NSPrincipalClass</key>
+	<string></string>
+</dict>
+</plist>
diff --git a/ios/sdk/src/LocaleDetector.m b/ios/sdk/src/LocaleDetector.m
new file mode 100644
index 0000000..a1a1619
--- /dev/null
+++ b/ios/sdk/src/LocaleDetector.m
@@ -0,0 +1,40 @@
+/*
+ * Copyright @ 2018-present 8x8, Inc.
+ *
+ * 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.
+ */
+
+/*
+ * Based on https://github.com/DylanVann/react-native-locale-detector
+ */
+
+#import <Foundation/Foundation.h>
+
+#import <React/RCTBridgeModule.h>
+
+@interface LocaleDetector : NSObject <RCTBridgeModule>
+@end
+
+@implementation LocaleDetector
+
+RCT_EXPORT_MODULE();
+
++ (BOOL)requiresMainQueueSetup {
+    return NO;
+}
+
+- (NSDictionary *)constantsToExport {
+    return @{ @"locale": [[NSLocale preferredLanguages] objectAtIndex:0] };
+}
+
+@end
diff --git a/ios/sdk/src/LogBridge.m b/ios/sdk/src/LogBridge.m
new file mode 100644
index 0000000..42d13f7
--- /dev/null
+++ b/ios/sdk/src/LogBridge.m
@@ -0,0 +1,57 @@
+/*
+ * Copyright @ 2019-present 8x8, Inc.
+ *
+ * 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/RCTBridgeModule.h>
+
+#import "LogUtils.h"
+
+
+@interface LogBridge : NSObject<RCTBridgeModule>
+@end
+
+@implementation LogBridge
+
+RCT_EXPORT_MODULE();
+
++ (BOOL)requiresMainQueueSetup {
+    return NO;
+}
+
+RCT_EXPORT_METHOD(trace:(NSString *)msg) {
+    DDLogDebug(@"%@", msg);
+}
+
+RCT_EXPORT_METHOD(debug:(NSString *)msg) {
+    DDLogDebug(@"%@", msg);
+}
+
+RCT_EXPORT_METHOD(info:(NSString *)msg) {
+    DDLogInfo(@"%@", msg);
+}
+
+RCT_EXPORT_METHOD(log:(NSString *)msg) {
+    DDLogInfo(@"%@", msg);
+}
+
+RCT_EXPORT_METHOD(warn:(NSString *)msg) {
+    DDLogWarn(@"%@", msg);
+}
+
+RCT_EXPORT_METHOD(error:(NSString *)msg) {
+    DDLogError(@"%@", msg);
+}
+
+@end
diff --git a/ios/sdk/src/LogUtils.h b/ios/sdk/src/LogUtils.h
new file mode 100644
index 0000000..d47b226
--- /dev/null
+++ b/ios/sdk/src/LogUtils.h
@@ -0,0 +1,23 @@
+/*
+ * Copyright @ 2019-present 8x8, Inc.
+ *
+ * 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.
+ */
+
+#ifndef JM_LOG_UTILS_H
+#define JM_LOG_UTILS_H
+
+#import <CocoaLumberjack/CocoaLumberjack.h>
+static const DDLogLevel ddLogLevel = DDLogLevelVerbose;
+
+#endif
diff --git a/ios/sdk/src/POSIX.m b/ios/sdk/src/POSIX.m
new file mode 100644
index 0000000..0780866
--- /dev/null
+++ b/ios/sdk/src/POSIX.m
@@ -0,0 +1,110 @@
+/*
+ * Copyright @ 2017-present Atlassian Pty 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/RCTBridgeModule.h>
+
+#include <arpa/inet.h>
+#include <netdb.h>
+#include <string.h>
+#include <sys/types.h>
+#include <sys/socket.h>
+
+@interface POSIX : NSObject<RCTBridgeModule>
+@end
+
+@implementation POSIX
+
+RCT_EXPORT_MODULE();
+
+RCT_EXPORT_METHOD(getaddrinfo:(NSString *)hostname
+                     servname:(NSString *)servname
+                      resolve:(RCTPromiseResolveBlock)resolve
+                       reject:(RCTPromiseRejectBlock)reject) {
+    int err;
+    const char *hostname_ = hostname ? hostname.UTF8String : NULL;
+    const char *servname_ = servname ? servname.UTF8String : NULL;
+    struct addrinfo hints;
+    struct addrinfo *res;
+    NSString *rejectCode;
+
+    memset(&hints, 0, sizeof(hints));
+    hints.ai_family = PF_UNSPEC;
+    hints.ai_flags = AI_DEFAULT;
+    if (0 == (err = getaddrinfo(hostname_, servname_, &hints, &res))) {
+        char addr_[MAX(INET_ADDRSTRLEN, INET6_ADDRSTRLEN)];
+        NSMutableArray *res_ = [[NSMutableArray alloc] init];
+
+        for (struct addrinfo *ai = res; ai; ai = ai->ai_next) {
+            int af = ai->ai_family;
+            struct sockaddr *sa = ai->ai_addr;
+            void *addr;
+
+            switch (af) {
+            case AF_INET:
+                addr = &(((struct sockaddr_in *) sa)->sin_addr);
+                break;
+            case AF_INET6:
+                addr = &(((struct sockaddr_in6 *) sa)->sin6_addr);
+                break;
+            default:
+                addr = NULL;
+                break;
+            }
+            if (addr) {
+                if (inet_ntop(af, addr, addr_, sizeof(addr_))) {
+                    [res_ addObject:@{
+                        @"ai_addr": [NSString stringWithUTF8String:addr_],
+                        @"ai_family": [NSNumber numberWithInt:af],
+                        @"ai_protocol":
+                            [NSNumber numberWithInt:ai->ai_protocol],
+                        @"ai_socktype": [NSNumber numberWithInt:ai->ai_socktype]
+                    }];
+                } else {
+                    err = errno;
+                    rejectCode = @"inet_ntop";
+                }
+            } else {
+                err = EAFNOSUPPORT;
+                rejectCode = @"EAFNOSUPPORT";
+            }
+        }
+
+        freeaddrinfo(res);
+
+        // resolve
+        if (res_.count) {
+            resolve(res_);
+            return;
+        }
+
+        if (!err) {
+            err = ERANGE;
+            rejectCode = @"ERANGE";
+        }
+    } else {
+        rejectCode = @"getaddrinfo";
+    }
+
+    // reject
+    NSError *error
+        = [NSError errorWithDomain:NSPOSIXErrorDomain
+                              code:err
+                          userInfo:nil];
+
+    reject(rejectCode, error.localizedDescription, error);
+}
+
+@end
diff --git a/ios/sdk/src/Proximity.m b/ios/sdk/src/Proximity.m
new file mode 100644
index 0000000..6288fb7
--- /dev/null
+++ b/ios/sdk/src/Proximity.m
@@ -0,0 +1,44 @@
+/*
+ * Copyright @ 2017-present Atlassian Pty 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 <UIKit/UIKit.h>
+
+#import <React/RCTBridgeModule.h>
+
+@interface Proximity : NSObject<RCTBridgeModule>
+@end
+
+@implementation Proximity
+
+RCT_EXPORT_MODULE();
+
+- (dispatch_queue_t)methodQueue {
+    return dispatch_get_main_queue();
+}
+
+/**
+ * Enables / disables the proximity sensor monitoring. On iOS enabling the
+ * proximity sensor automatically dims the screen and disables touch controls,
+ * so there is nothing else to do (unlike on Android)!
+ *
+ * @param enabled `YES` to enable proximity (sensor) monitoring; `NO`,
+ * otherwise.
+ */
+RCT_EXPORT_METHOD(setEnabled:(BOOL)enabled) {
+    [[UIDevice currentDevice] setProximityMonitoringEnabled:enabled];
+}
+
+@end
diff --git a/ios/sdk/src/RCTBridgeWrapper.h b/ios/sdk/src/RCTBridgeWrapper.h
new file mode 100644
index 0000000..0b0bcb0
--- /dev/null
+++ b/ios/sdk/src/RCTBridgeWrapper.h
@@ -0,0 +1,39 @@
+/*
+ * Copyright @ 2017-present Atlassian Pty 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 <Foundation/Foundation.h>
+
+#import <React/RCTBridge.h>
+#import <React/RCTBridgeDelegate.h>
+
+/**
+ * A wrapper around the `RCTBridge` which implements the delegate methods
+ * that allow us to serve the JS bundle from within the framework's resources
+ * directory. This is the recommended way for those cases where the builtin API
+ * doesn't cut it, as is the case.
+ *
+ * In addition, we will create a single bridge and then create all root views
+ * off it, thus only loading the JS bundle a single time. This class is not a
+ * singleton, however, so it's possible for us to create multiple instances of
+ * it, though that's not currently used.
+ */
+@interface RCTBridgeWrapper : NSObject<RCTBridgeDelegate>
+
+@property (nonatomic, readonly, strong)  RCTBridge *bridge;
+
+- (void)invalidate;
+
+@end
diff --git a/ios/sdk/src/RCTBridgeWrapper.m b/ios/sdk/src/RCTBridgeWrapper.m
new file mode 100644
index 0000000..28a645d
--- /dev/null
+++ b/ios/sdk/src/RCTBridgeWrapper.m
@@ -0,0 +1,130 @@
+/*
+ * Copyright @ 2017-present Atlassian Pty 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.
+ */
+
+#include "RCTBridgeWrapper.h"
+
+/**
+ * Wrapper around RCTBridge which also implements the RCTBridgeDelegate methods,
+ * allowing us to specify where the bundles are loaded from.
+ */
+@implementation RCTBridgeWrapper
+
+- (instancetype)init {
+    self = [super init];
+    if (self) {
+        _bridge
+            = [[RCTBridge alloc] initWithDelegate:self
+                                    launchOptions:nil];
+    }
+
+    return self;
+}
+
+- (void)invalidate {
+    [_bridge invalidate];
+}
+
+#pragma mark helper methods for getting the packager URL
+
+#if DEBUG
+static NSURL *serverRootWithHost(NSString *host) {
+    return
+        [NSURL URLWithString:
+                [NSString stringWithFormat:@"http://%@:8081/", host]];
+}
+
+- (BOOL)isPackagerRunning:(NSString *)host {
+    NSURL *url = [serverRootWithHost(host) URLByAppendingPathComponent:@"status"];
+
+    NSURLSession *session = [NSURLSession sharedSession];
+    NSURLRequest *request = [NSURLRequest requestWithURL:url];
+    __block NSURLResponse *response;
+    __block NSData *data;
+
+    dispatch_semaphore_t semaphore = dispatch_semaphore_create(0);
+    [[session dataTaskWithRequest:request
+                completionHandler:^(NSData *d,
+                                    NSURLResponse *res,
+                                    __unused NSError *err) {
+                    data = d;
+                    response = res;
+                    dispatch_semaphore_signal(semaphore);
+                }] resume];
+    dispatch_semaphore_wait(semaphore, DISPATCH_TIME_FOREVER);
+
+    NSString *status = [[NSString alloc] initWithData:data encoding:NSUTF8StringEncoding];
+    return [status isEqualToString:@"packager-status:running"];
+}
+
+- (NSString *)guessPackagerHost {
+    static NSString *ipGuess;
+    static dispatch_once_t dispatchOncePredicate;
+
+    dispatch_once(&dispatchOncePredicate, ^{
+        NSString *ipPath
+            = [[NSBundle bundleForClass:self.class] pathForResource:@"ip"
+                                                             ofType:@"txt"];
+
+        ipGuess
+            = [[NSString stringWithContentsOfFile:ipPath
+                                         encoding:NSUTF8StringEncoding
+                                            error:nil]
+                    stringByTrimmingCharactersInSet:
+                            [NSCharacterSet newlineCharacterSet]];
+    });
+
+    NSString *host = ipGuess ?: @"localhost";
+
+    if ([self isPackagerRunning:host]) {
+        return host;
+    }
+
+    return nil;
+}
+#endif
+
+#pragma mark RCTBridgeDelegate methods
+
+- (NSURL *)sourceURLForBridge:(RCTBridge *)bridge {
+#if DEBUG
+    // In debug mode, try to fetch the bundle from the packager, or fallback to
+    // the one inside the framework. The IP address for the packager host is
+    // fetched from the ip.txt file inside the framework.
+    //
+    // This duplicates some functionality present in RCTBundleURLProvider, but
+    // that mode is not designed to work inside a framework, because all
+    // resources are loaded from the main bundle.
+    NSString *host = [self guessPackagerHost];
+
+    if (host != nil) {
+        NSString *path = @"/index.bundle";
+        NSString *query = @"platform=ios&dev=true&minify=false";
+        NSURLComponents *components
+            = [NSURLComponents componentsWithURL:serverRootWithHost(host)
+                         resolvingAgainstBaseURL:NO];
+
+        components.path = path;
+        components.query = query;
+
+        return components.URL;
+    }
+#endif
+
+    return [[NSBundle bundleForClass:self.class] URLForResource:@"main"
+                                                  withExtension:@"jsbundle"];
+}
+
+@end
diff --git a/ios/sdk/src/RNRootView.h b/ios/sdk/src/RNRootView.h
new file mode 100644
index 0000000..808ffd5
--- /dev/null
+++ b/ios/sdk/src/RNRootView.h
@@ -0,0 +1,20 @@
+/*
+ * Copyright @ 2019-present 8x8, Inc.
+ *
+ * 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/RCTRootView.h>
+
+@interface RNRootView : RCTRootView
+@end
diff --git a/ios/sdk/src/RNRootView.m b/ios/sdk/src/RNRootView.m
new file mode 100644
index 0000000..2264ac0
--- /dev/null
+++ b/ios/sdk/src/RNRootView.m
@@ -0,0 +1,45 @@
+/*
+ * Copyright @ 2019-present 8x8, Inc.
+ *
+ * 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/RCTRootContentView.h>
+#import <React/RCTLog.h>
+
+#import "RNRootView.h"
+
+@implementation RNRootView
+
+// Monkey-patch RCTRootView.runApplication to avoid logging initial props.
+- (void)runApplication:(RCTBridge *)bridge
+{
+    NSString *moduleName = [self valueForKey:@"_moduleName"] ?: @"";
+    RCTRootContentView *_contentView = [self valueForKey:@"_contentView"];
+    NSNumber *reactTag = [_contentView valueForKey:@"reactTag"];
+
+    NSDictionary *appParameters = @{
+                                    @"rootTag": reactTag,
+                                    @"initialProps": self.appProperties ?: @{},
+                                    };
+#if DEBUG
+    RCTLogInfo(@"Running application %@ (%@)", moduleName, appParameters);
+#endif
+
+    [bridge enqueueJSCall:@"AppRegistry"
+                   method:@"runApplication"
+                     args:@[moduleName, appParameters]
+               completion:NULL];
+}
+
+@end
diff --git a/ios/sdk/src/ReactUtils.h b/ios/sdk/src/ReactUtils.h
new file mode 100644
index 0000000..327e6ea
--- /dev/null
+++ b/ios/sdk/src/ReactUtils.h
@@ -0,0 +1,24 @@
+/*
+ * Copyright @ 2019-present 8x8, Inc.
+ *
+ * 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.
+ */
+
+#ifndef JM_REACTUTILS_H
+#define JM_REACTUTILS_H
+
+NSMutableDictionary* mergeProps(NSDictionary *a, NSDictionary *b);
+void registerReactFatalErrorHandler(void);
+void registerReactLogHandler(void);
+
+#endif /* JM_REACTUTILS_H */
diff --git a/ios/sdk/src/ReactUtils.m b/ios/sdk/src/ReactUtils.m
new file mode 100644
index 0000000..27c397b
--- /dev/null
+++ b/ios/sdk/src/ReactUtils.m
@@ -0,0 +1,153 @@
+/*
+ * Copyright @ 2019-present 8x8, Inc.
+ *
+ * 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/RCTAssert.h>
+#import <React/RCTLog.h>
+
+#import "LogUtils.h"
+#import "ReactUtils.h"
+
+#pragma mark - Utility functions
+
+/**
+ * Merges 2 sets of props into a single one.
+ */
+NSMutableDictionary* mergeProps(NSDictionary *a, NSDictionary *b) {
+    if (a == nil) {
+        return [NSMutableDictionary dictionaryWithDictionary:b == nil ? @{} : b];
+    }
+
+    if (b == nil) {
+        return [NSMutableDictionary dictionaryWithDictionary:a];
+    }
+
+    // Both have values, let's merge them, the strategy is to take the value from a first,
+    // then override it with the one from b. If the value is a dictionary, merge them
+    // recursively. Same goes for arrays.
+    NSMutableDictionary *result = [NSMutableDictionary dictionaryWithDictionary:a];
+
+    for (NSString *key in b) {
+        id value = b[key];
+        id aValue = result[key];
+
+        if (aValue == nil) {
+            result[key] = value;
+            continue;
+        }
+
+        if ([value isKindOfClass:NSArray.class]) {
+            result[key] = [aValue arrayByAddingObjectsFromArray:value];
+        } else if ([value isKindOfClass:NSDictionary.class]) {
+            result[key] = mergeProps(aValue, value);
+        } else {
+            result[key] = value;
+        }
+    }
+
+    return result;
+}
+
+/**
+ * A `RCTFatalHandler` implementation which swallows JavaScript errors. In the
+ * Release configuration, React Native will (intentionally) raise an unhandled
+ * `NSException` for an unhandled JavaScript error. This will effectively kill
+ * the application. `_RCTFatal` is suitable to be in accord with the Web i.e.
+ * not kill the application.
+ */
+RCTFatalHandler _RCTFatal = ^(NSError *error) {
+    id jsStackTrace = error.userInfo[RCTJSStackTraceKey];
+    NSString *name
+        = [NSString stringWithFormat:@"%@: %@", RCTFatalExceptionName, error.localizedDescription];
+    NSString *message
+        = RCTFormatError(error.localizedDescription, jsStackTrace, -1);
+    DDLogError(@"FATAL ERROR: %@\n%@", name, message);
+};
+
+/**
+ * Helper function to register a fatal error handler for React. Our handler
+ * won't kill the process, it will swallow JS errors and print stack traces
+ * instead.
+ */
+void registerReactFatalErrorHandler() {
+#if !DEBUG
+    // In the Release configuration, React Native will (intentionally) raise an
+    // unhandled `NSException` for an unhandled JavaScript error. This will
+    // effectively kill the application. In accord with the Web, do not kill the
+    // application.
+    if (!RCTGetFatalHandler()) {
+        RCTSetFatalHandler(_RCTFatal);
+    }
+#endif
+}
+
+/**
+ * A `RTCLogFunction` implementation which uses CocoaLumberjack.
+ */
+RCTLogFunction _RCTLog
+    = ^(RCTLogLevel level, __unused RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message)
+{
+    // Convert RN log levels into Lumberjack's log flags.
+    //
+    DDLogFlag logFlag;
+    switch (level) {
+        case RCTLogLevelTrace:
+            logFlag = DDLogFlagDebug;
+            break;
+        case RCTLogLevelInfo:
+            logFlag = DDLogFlagInfo;
+            break;
+        case RCTLogLevelWarning:
+            logFlag = DDLogFlagWarning;
+            break;
+        case RCTLogLevelError:
+            logFlag = DDLogFlagError;
+            break;
+        case RCTLogLevelFatal:
+            logFlag = DDLogFlagError;
+            break;
+        default:
+            // Just in case more are added in the future.
+            logFlag = DDLogFlagInfo;
+            break;
+    }
+
+    // Build the message object we want to log.
+    //
+    DDLogMessage *logMessage
+        = [[DDLogMessage alloc] initWithMessage:message
+                                          level:LOG_LEVEL_DEF
+                                           flag:logFlag
+                                        context:0
+                                           file:fileName
+                                       function:nil
+                                           line:[lineNumber integerValue]
+                                            tag:nil
+                                        options:0
+                                      timestamp:nil];
+
+    // Log the message. Errors are logged synchronously, and other async, as the Lumberjack defaults.
+    //
+    [DDLog log:logFlag != DDLogFlagError
+       message:logMessage];
+};
+
+/**
+ * Helper function which registers a React Native log handler.
+ */
+void registerReactLogHandler() {
+    RCTSetLogFunction(_RCTLog);
+    RCTSetLogThreshold(RCTLogLevelInfo);
+}
diff --git a/ios/sdk/src/ScheenshareEventEmiter.h b/ios/sdk/src/ScheenshareEventEmiter.h
new file mode 100644
index 0000000..aa998ef
--- /dev/null
+++ b/ios/sdk/src/ScheenshareEventEmiter.h
@@ -0,0 +1,25 @@
+/*
+ * Copyright @ 2021-present 8x8, Inc.
+ *
+ * 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 <Foundation/Foundation.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface ScheenshareEventEmiter : NSObject
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/ios/sdk/src/ScheenshareEventEmiter.m b/ios/sdk/src/ScheenshareEventEmiter.m
new file mode 100644
index 0000000..137bb3e
--- /dev/null
+++ b/ios/sdk/src/ScheenshareEventEmiter.m
@@ -0,0 +1,72 @@
+/*
+ * Copyright @ 2021-present 8x8, Inc.
+ *
+ * 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 "ScheenshareEventEmiter.h"
+#import "JitsiMeet+Private.h"
+#import "ExternalAPI.h"
+
+NSNotificationName const kBroadcastStartedNotification = @"iOS_BroadcastStarted";
+NSNotificationName const kBroadcastStoppedNotification = @"iOS_BroadcastStopped";
+
+@implementation ScheenshareEventEmiter {
+    CFNotificationCenterRef _notificationCenter;
+}
+
+- (instancetype)init {
+    self = [super init];
+    if (self) {
+        _notificationCenter = CFNotificationCenterGetDarwinNotifyCenter();
+        [self setupObserver];
+    }
+    
+    return self;
+}
+
+- (void)dealloc {
+    [self clearObserver];
+}
+
+// MARK: Private Methods
+
+- (void)setupObserver {
+    CFNotificationCenterAddObserver(_notificationCenter, (__bridge const void *)(self), broadcastStartedNotificationCallback, (__bridge CFStringRef)kBroadcastStartedNotification, NULL, CFNotificationSuspensionBehaviorDeliverImmediately);
+    CFNotificationCenterAddObserver(_notificationCenter, (__bridge const void *)(self), broadcastStoppedNotificationCallback, (__bridge CFStringRef)kBroadcastStoppedNotification, NULL, CFNotificationSuspensionBehaviorDeliverImmediately);
+}
+
+- (void)clearObserver {
+    CFNotificationCenterRemoveObserver(_notificationCenter, (__bridge const void *)(self), (__bridge CFStringRef)kBroadcastStartedNotification, NULL);
+    CFNotificationCenterRemoveObserver(_notificationCenter, (__bridge const void *)(self), (__bridge CFStringRef)kBroadcastStoppedNotification, NULL);
+}
+
+void broadcastStartedNotificationCallback(CFNotificationCenterRef center,
+                                          void *observer,
+                                          CFStringRef name,
+                                          const void *object,
+                                          CFDictionaryRef userInfo) {
+    ExternalAPI *externalAPI = [[JitsiMeet sharedInstance] getExternalAPI];
+    [externalAPI toggleScreenShare:true];
+}
+
+void broadcastStoppedNotificationCallback(CFNotificationCenterRef center,
+                                          void *observer,
+                                          CFStringRef name,
+                                          const void *object,
+                                          CFDictionaryRef userInfo) {
+    ExternalAPI *externalAPI = [[JitsiMeet sharedInstance] getExternalAPI];
+    [externalAPI toggleScreenShare:false];
+}
+
+@end
diff --git a/ios/sdk/src/callkit/CallKit.m b/ios/sdk/src/callkit/CallKit.m
new file mode 100644
index 0000000..9fa88f0
--- /dev/null
+++ b/ios/sdk/src/callkit/CallKit.m
@@ -0,0 +1,347 @@
+//
+// Based on RNCallKit
+//
+// Original license:
+//
+// Copyright (c) 2016, Ian Yu-Hsun Lin
+//
+// Permission to use, copy, modify, and/or distribute this software for any
+// purpose with or without fee is hereby granted, provided that the above
+// copyright notice and this permission notice appear in all copies.
+//
+// THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+// WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+// MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+// ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+// WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+// ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+// OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+//
+
+#import <AVFoundation/AVFoundation.h>
+#import <CallKit/CallKit.h>
+#import <Foundation/Foundation.h>
+#import <UIKit/UIKit.h>
+
+#import <React/RCTBridge.h>
+#import <React/RCTEventEmitter.h>
+#import <React/RCTUtils.h>
+#import <React/RCTLog.h>
+#import <WebRTC/WebRTC.h>
+
+#import "../JitsiAudioSession.h"
+#import "JMCallKitProxy.h"
+
+
+// The events emitted/supported by RNCallKit:
+static NSString * const RNCallKitPerformAnswerCallAction
+    = @"performAnswerCallAction";
+static NSString * const RNCallKitPerformEndCallAction
+    = @"performEndCallAction";
+static NSString * const RNCallKitPerformSetMutedCallAction
+    = @"performSetMutedCallAction";
+static NSString * const RNCallKitProviderDidReset
+    = @"providerDidReset";
+
+@interface RNCallKit : RCTEventEmitter <JMCallKitListener>
+@end
+
+@implementation RNCallKit
+
+RCT_EXPORT_MODULE();
+
+- (NSArray<NSString *> *)supportedEvents {
+    return @[
+        RNCallKitPerformAnswerCallAction,
+        RNCallKitPerformEndCallAction,
+        RNCallKitPerformSetMutedCallAction,
+        RNCallKitProviderDidReset
+    ];
+}
+
+- (void)dealloc {
+    [JMCallKitProxy removeListener:self];
+}
+
+- (dispatch_queue_t)methodQueue {
+    // Make sure all our methods run in the main thread.
+    return dispatch_get_main_queue();
+}
+
+// End call
+RCT_EXPORT_METHOD(endCall:(NSString *)callUUID
+                  resolve:(RCTPromiseResolveBlock)resolve
+                   reject:(RCTPromiseRejectBlock)reject) {
+    RCTLogInfo(@"[RNCallKit][endCall] callUUID = %@", callUUID);
+
+    NSUUID *callUUID_ = [[NSUUID alloc] initWithUUIDString:callUUID];
+
+    if (!callUUID_) {
+        reject(nil, [NSString stringWithFormat:@"Invalid UUID: %@", callUUID], nil);
+        return;
+    }
+
+    CXEndCallAction *action
+        = [[CXEndCallAction alloc] initWithCallUUID:callUUID_];
+    [self requestTransaction:[[CXTransaction alloc] initWithAction:action]
+                     resolve:resolve
+                      reject:reject];
+}
+
+// Mute / unmute (audio)
+RCT_EXPORT_METHOD(setMuted:(NSString *)callUUID
+                     muted:(BOOL)muted
+                   resolve:(RCTPromiseResolveBlock)resolve
+                    reject:(RCTPromiseRejectBlock)reject) {
+    RCTLogInfo(@"[RNCallKit][setMuted] callUUID = %@", callUUID);
+
+    NSUUID *callUUID_ = [[NSUUID alloc] initWithUUIDString:callUUID];
+
+    if (!callUUID_) {
+        reject(nil, [NSString stringWithFormat:@"Invalid UUID: %@", callUUID], nil);
+        return;
+    }
+
+    CXSetMutedCallAction *action
+        = [[CXSetMutedCallAction alloc] initWithCallUUID:callUUID_ muted:muted];
+    [self requestTransaction:[[CXTransaction alloc] initWithAction:action]
+                     resolve:resolve
+                      reject:reject];
+}
+
+RCT_EXPORT_METHOD(setProviderConfiguration:(NSDictionary *)dictionary) {
+    RCTLogInfo(@"[RNCallKit][setProviderConfiguration:] dictionary = %@", dictionary);
+
+    if (![JMCallKitProxy isProviderConfigured]) {
+        JMCallKitProxy.enabled = true;
+        [self configureProviderFromDictionary:dictionary];
+    }
+
+    // register to receive CallKit proxy events
+    [JMCallKitProxy addListener:self];
+}
+
+// Start outgoing call
+RCT_EXPORT_METHOD(startCall:(NSString *)callUUID
+                     handle:(NSString *)handle
+                      video:(BOOL)video
+                    resolve:(RCTPromiseResolveBlock)resolve
+                     reject:(RCTPromiseRejectBlock)reject) {
+    RCTLogInfo(@"[RNCallKit][startCall] callUUID = %@", callUUID);
+
+    NSUUID *callUUID_ = [[NSUUID alloc] initWithUUIDString:callUUID];
+
+    if (!callUUID_) {
+        reject(nil, [NSString stringWithFormat:@"Invalid UUID: %@", callUUID], nil);
+        return;
+    }
+
+    // Don't start a new call if there's an active call for the specified
+    // callUUID. JitsiMeetView was configured for an incoming call.
+    if ([JMCallKitProxy hasActiveCallForUUID:callUUID]) {
+        resolve(nil);
+        return;
+    }
+
+    CXHandle *handle_
+        = [[CXHandle alloc] initWithType:CXHandleTypeGeneric value:handle];
+    CXStartCallAction *action
+        = [[CXStartCallAction alloc] initWithCallUUID:callUUID_
+                                               handle:handle_];
+    action.video = video;
+    CXTransaction *transaction = [[CXTransaction alloc] initWithAction:action];
+    [self requestTransaction:transaction resolve:resolve reject:reject];
+}
+
+// Indicate call failed
+RCT_EXPORT_METHOD(reportCallFailed:(NSString *)callUUID
+                           resolve:(RCTPromiseResolveBlock)resolve
+                            reject:(RCTPromiseRejectBlock)reject) {
+    NSUUID *callUUID_ = [[NSUUID alloc] initWithUUIDString:callUUID];
+
+    if (!callUUID_) {
+        reject(nil, [NSString stringWithFormat:@"Invalid UUID: %@", callUUID], nil);
+        return;
+    }
+
+    [JMCallKitProxy reportCallWith:callUUID_
+                           endedAt:nil
+                            reason:CXCallEndedReasonFailed];
+    resolve(nil);
+}
+
+// Indicate outgoing call connected.
+RCT_EXPORT_METHOD(reportConnectedOutgoingCall:(NSString *)callUUID
+                                      resolve:(RCTPromiseResolveBlock)resolve
+                                       reject:(RCTPromiseRejectBlock)reject) {
+    NSUUID *callUUID_ = [[NSUUID alloc] initWithUUIDString:callUUID];
+
+    if (!callUUID_) {
+        reject(nil, [NSString stringWithFormat:@"Invalid UUID: %@", callUUID], nil);
+        return;
+    }
+
+    [JMCallKitProxy reportOutgoingCallWith:callUUID_
+                               connectedAt:nil];
+    resolve(nil);
+}
+
+// Update call in case we have a display name or video capability changes.
+RCT_EXPORT_METHOD(updateCall:(NSString *)callUUID
+                     options:(NSDictionary *)options
+                     resolve:(RCTPromiseResolveBlock)resolve
+                      reject:(RCTPromiseRejectBlock)reject) {
+    RCTLogInfo(@"[RNCallKit][updateCall] callUUID = %@ options = %@", callUUID, options);
+
+    NSUUID *callUUID_ = [[NSUUID alloc] initWithUUIDString:callUUID];
+
+    if (!callUUID_) {
+        reject(nil, [NSString stringWithFormat:@"Invalid UUID: %@", callUUID], nil);
+        return;
+    }
+
+    NSString *displayName = options[@"displayName"];
+    BOOL hasVideo = [(NSNumber*)options[@"hasVideo"] boolValue];
+
+    [JMCallKitProxy reportCallUpdateWith:callUUID_
+                                  handle:nil
+                             displayName:displayName
+                                hasVideo:hasVideo];
+
+    resolve(nil);
+}
+
+#pragma mark - Helper methods
+
+- (void)configureProviderFromDictionary:(NSDictionary* )dictionary {
+    RCTLogInfo(@"[RNCallKit][providerConfigurationFromDictionary: %@]", dictionary);
+
+    if (!dictionary) {
+        dictionary = @{};
+    }
+
+    // localizedName
+    NSString *localizedName = dictionary[@"localizedName"];
+    if (!localizedName) {
+        localizedName
+            = [[NSBundle mainBundle] infoDictionary][@"CFBundleDisplayName"];
+    }
+
+    // iconTemplateImageData
+    NSString *iconTemplateImageName = dictionary[@"iconTemplateImageName"];
+    NSData *iconTemplateImageData;
+    UIImage *iconTemplateImage;
+    if (iconTemplateImageName) {
+        // First try to load the resource from the main bundle.
+        iconTemplateImage = [UIImage imageNamed:iconTemplateImageName];
+
+        // If that didn't work, use the one built-in.
+        if (!iconTemplateImage) {
+            iconTemplateImage = [UIImage imageNamed:iconTemplateImageName
+                                           inBundle:[NSBundle bundleForClass:self.class]
+                      compatibleWithTraitCollection:nil];
+        }
+
+        if (iconTemplateImage) {
+            iconTemplateImageData = UIImagePNGRepresentation(iconTemplateImage);
+        }
+    }
+
+    NSString *ringtoneSound = dictionary[@"ringtoneSound"];
+
+    [JMCallKitProxy
+        configureProviderWithLocalizedName:localizedName
+                             ringtoneSound:ringtoneSound
+                     iconTemplateImageData:iconTemplateImageData];
+}
+
+- (void)requestTransaction:(CXTransaction *)transaction
+                   resolve:(RCTPromiseResolveBlock)resolve
+                    reject:(RCTPromiseRejectBlock)reject {
+    RCTLogInfo(@"[RNCallKit][requestTransaction] transaction = %@", transaction);
+
+    [JMCallKitProxy request:transaction
+                 completion:^(NSError * _Nullable error) {
+        if (error) {
+            RCTLogError(@"[RNCallKit][requestTransaction] Error requesting transaction (%@): (%@)", transaction.actions, error);
+            reject(nil, @"Error processing CallKit transaction", error);
+        } else {
+            resolve(nil);
+        }
+    }];
+}
+
+#pragma mark - JMCallKitListener
+
+// Called when the provider has been reset. We should terminate all calls.
+- (void)providerDidReset {
+    RCTLogInfo(@"[RNCallKit][CXProviderDelegate][providerDidReset:]");
+
+    [self sendEventWithName:RNCallKitProviderDidReset body:nil];
+}
+
+// Answering incoming call
+- (void) performAnswerCallWithUUID:(NSUUID *)UUID {
+    RCTLogInfo(@"[RNCallKit][CXProviderDelegate][provider:performAnswerCallAction:]");
+
+    [self sendEventWithName:RNCallKitPerformAnswerCallAction
+                       body:@{ @"callUUID": UUID.UUIDString }];
+}
+
+// Call ended, user request
+- (void) performEndCallWithUUID:(NSUUID *)UUID {
+    RCTLogInfo(@"[RNCallKit][CXProviderDelegate][provider:performEndCallAction:]");
+
+    [self sendEventWithName:RNCallKitPerformEndCallAction
+                       body:@{ @"callUUID": UUID.UUIDString }];
+}
+
+// Handle audio mute from CallKit view
+- (void) performSetMutedCallWithUUID:(NSUUID *)UUID
+                             isMuted:(BOOL)isMuted {
+    RCTLogInfo(@"[RNCallKit][CXProviderDelegate][provider:performSetMutedCallAction:]");
+
+    [self sendEventWithName:RNCallKitPerformSetMutedCallAction
+                       body:@{
+                           @"callUUID": UUID.UUIDString,
+                           @"muted": @(isMuted)
+                       }];
+}
+
+// Starting outgoing call
+- (void) performStartCallWithUUID:(NSUUID *)UUID
+                          isVideo:(BOOL)isVideo {
+    RCTLogInfo(@"[RNCallKit][CXProviderDelegate][provider:performStartCallAction:]");
+
+    [JMCallKitProxy reportOutgoingCallWith:UUID
+                       startedConnectingAt:nil];
+}
+
+- (void) providerDidActivateAudioSessionWithSession:(AVAudioSession *)session {
+    RCTLogInfo(@"[RNCallKit][CXProviderDelegate][provider:didActivateAudioSession:]");
+
+    [JitsiAudioSession activateWithAudioSession:session];
+}
+
+- (void) providerDidDeactivateAudioSessionWithSession:(AVAudioSession *)session {
+    RCTLogInfo(@"[RNCallKit][CXProviderDelegate][provider:didDeactivateAudioSession:]");
+
+    [JitsiAudioSession deactivateWithAudioSession:session];
+}
+
+- (void) providerTimedOutPerformingActionWithAction:(CXAction *)action {
+    RCTLogWarn(@"[RNCallKit][CXProviderDelegate][provider:timedOutPerformingAction:]");
+}
+
+
+// The bridge might already be invalidated by the time a CallKit event is processed,
+// just ignore it and don't emit it.
+- (void)sendEventWithName:(NSString *)name body:(id)body {
+    if (!self.bridge) {
+        return;
+    }
+
+    [super sendEventWithName:name body:body];
+}
+
+@end
diff --git a/ios/sdk/src/callkit/JMCallKitEmitter.h b/ios/sdk/src/callkit/JMCallKitEmitter.h
new file mode 100644
index 0000000..fdd908e
--- /dev/null
+++ b/ios/sdk/src/callkit/JMCallKitEmitter.h
@@ -0,0 +1,35 @@
+/*
+ * Copyright @ 2022-present 8x8, Inc.
+ * Copyright @ 2018-present Atlassian Pty 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 <CallKit/CallKit.h>
+#import <Foundation/Foundation.h>
+#import "JMCallKitListener.h"
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface JMCallKitEmitter : NSObject <CXProviderDelegate>
+
+#pragma mark Add/Remove listeners
+- (void)addListener:(id<JMCallKitListener>)listener;
+- (void)removeListener:(id<JMCallKitListener>)listener;
+
+#pragma mark Add mute action
+- (void)addMuteAction:(NSUUID *)actionUUID;
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/ios/sdk/src/callkit/JMCallKitEmitter.m b/ios/sdk/src/callkit/JMCallKitEmitter.m
new file mode 100644
index 0000000..12a4b22
--- /dev/null
+++ b/ios/sdk/src/callkit/JMCallKitEmitter.m
@@ -0,0 +1,117 @@
+/*
+ * Copyright @ 2022-present 8x8, Inc.
+ * Copyright @ 2018-present Atlassian Pty 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 "JMCallKitEmitter.h"
+
+@interface JMCallKitEmitter()
+
+@property(nonatomic, strong) NSMutableArray<id<JMCallKitListener>> *listeners;
+@property(nonatomic, strong) NSMutableSet<NSUUID *> *pendingMuteActions;
+
+@end
+
+@implementation JMCallKitEmitter
+
+- (instancetype)init {
+    self = [super init];
+    if (self) {
+        self.listeners = [[NSMutableArray alloc] init];
+        self.pendingMuteActions = [[NSMutableSet alloc] init];
+    }
+    return self;
+}
+
+#pragma mark Add/Remove listeners
+
+- (void)addListener:(id<JMCallKitListener>)listener {
+    if (![self.listeners containsObject:listener]) {
+        [self.listeners addObject:listener];
+    }
+}
+
+- (void)removeListener:(id<JMCallKitListener>)listener {
+    [self.listeners removeObject:listener];
+}
+
+#pragma mark Add mute action
+
+- (void)addMuteAction:(NSUUID *)actionUUID {
+    [self.pendingMuteActions addObject:actionUUID];
+}
+
+#pragma mark CXProviderDelegate
+
+- (void)providerDidReset:(CXProvider *)provider {
+    for (id listener in self.listeners) {
+        [listener providerDidReset];
+    }
+    [self.pendingMuteActions removeAllObjects];
+}
+
+- (void)provider:(CXProvider *)provider performAnswerCallAction:(CXAnswerCallAction *)action {
+    for (id listener in self.listeners) {
+        [listener performAnswerCallWithUUID:action.callUUID];
+    }
+    [action fulfill];
+}
+
+- (void)provider:(CXProvider *)provider performEndCallAction:(CXEndCallAction *)action {
+    for (id listener in self.listeners) {
+        [listener performEndCallWithUUID:action.callUUID];
+    }
+    [action fulfill];
+}
+
+- (void)provider:(CXProvider *)provider performSetMutedCallAction:(CXSetMutedCallAction *)action {
+    NSUUID *uuid = ([self.pendingMuteActions containsObject:action.UUID]) ? action.UUID : nil;
+    [self.pendingMuteActions removeObject:action.UUID];
+    
+    // Avoid mute actions ping-pong: if the mute action was caused by
+    // the JS side (we requested a transaction) don't call the delegate
+    // method. If it was called by the provider itself (when the user presses
+    // the mute button in the CallKit view) then call the delegate method.
+    //
+    // NOTE: don't try to be clever and remove this. Been there, done that.
+    // Won't work.
+    if (uuid == nil) {
+        for (id listener in self.listeners) {
+            [listener performSetMutedCallWithUUID:action.callUUID isMuted:action.isMuted];
+        }
+    }
+    [action fulfill];
+}
+
+- (void)provider:(CXProvider *)provider performStartCallAction:(CXStartCallAction *)action {
+    for (id listener in self.listeners) {
+        [listener performStartCallWithUUID:action.callUUID isVideo:action.isVideo];
+    }
+    [action fulfill];
+}
+
+- (void)provider:(CXProvider *)provider didActivateAudioSession:(AVAudioSession *)audioSession {
+    for (id listener in self.listeners) {
+        [listener providerDidActivateAudioSessionWithSession:audioSession];
+    }
+}
+
+- (void)provider:(CXProvider *)provider didDeactivateAudioSession:(AVAudioSession *)audioSession {
+    for (id listener in self.listeners) {
+        [listener providerDidDeactivateAudioSessionWithSession:audioSession];
+    }
+}
+
+@end
diff --git a/ios/sdk/src/callkit/JMCallKitListener.h b/ios/sdk/src/callkit/JMCallKitListener.h
new file mode 100644
index 0000000..fcc5916
--- /dev/null
+++ b/ios/sdk/src/callkit/JMCallKitListener.h
@@ -0,0 +1,34 @@
+/*
+ * Copyright @ 2022-present 8x8, Inc.
+ * Copyright @ 2018-present Atlassian Pty 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 <AVKit/AVKit.h>
+#import <CallKit/CallKit.h>
+#import <Foundation/Foundation.h>
+
+@protocol JMCallKitListener <NSObject>
+
+@optional
+- (void)providerDidReset;
+- (void)performAnswerCallWithUUID:(nonnull NSUUID *)UUID;
+- (void)performEndCallWithUUID:(nonnull NSUUID *)UUID;
+- (void)performSetMutedCallWithUUID:(nonnull NSUUID *)UUID isMuted:(BOOL)isMuted;
+- (void)performStartCallWithUUID:(nonnull NSUUID *)UUID isVideo:(BOOL)isVideo;
+- (void)providerDidActivateAudioSessionWithSession:(nonnull AVAudioSession *)session;
+- (void)providerDidDeactivateAudioSessionWithSession:(nonnull AVAudioSession *)session;
+- (void)providerTimedOutPerformingActionWithAction:(nonnull CXAction *)action;
+
+@end
diff --git a/ios/sdk/src/callkit/JMCallKitProxy.h b/ios/sdk/src/callkit/JMCallKitProxy.h
new file mode 100644
index 0000000..82cd72c
--- /dev/null
+++ b/ios/sdk/src/callkit/JMCallKitProxy.h
@@ -0,0 +1,87 @@
+/*
+ * Copyright @ 2022-present 8x8, Inc.
+ * Copyright @ 2018-present Atlassian Pty 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 <CallKit/CallKit.h>
+#import <Foundation/Foundation.h>
+#import "JMCallKitListener.h"
+
+NS_ASSUME_NONNULL_BEGIN
+
+@protocol CXProviderProtocol <NSObject>
+
+@property (nonatomic, readwrite, copy) CXProviderConfiguration* configuration;
+
+- (void)setDelegate:(nullable id<CXProviderDelegate>)delegate queue:(nullable dispatch_queue_t)queue;
+- (void)reportNewIncomingCallWithUUID:(NSUUID *)uuid update:(CXCallUpdate *)update completion:(void (^)(NSError *))completion;
+- (void)reportCallWithUUID:(NSUUID *)uuid updated:(CXCallUpdate *)update;
+- (void)reportCallWithUUID:(NSUUID *)uuid endedAtDate:(NSDate *)dateEnded reason:(CXCallEndedReason)endedReason;
+- (void)reportOutgoingCallWithUUID:(NSUUID *)uuid startedConnectingAtDate:(NSDate *)dateStartedConnecting;
+- (void)reportOutgoingCallWithUUID:(NSUUID *)uuid connectedAtDate:(NSDate *)dateConnected;
+- (void)invalidate;
+
+@end
+
+#pragma mark -
+@protocol CXCallControllerProtocol <NSObject>
+
+@property (nonatomic, readonly) NSArray<CXCall*> *calls;
+
+- (void)requestTransaction:(CXTransaction *)transaction completion:(void (^)(NSError *_Nullable))completion;
+
+@end
+
+#pragma mark -
+
+/// JitsiMeet CallKit proxy
+// NOTE: The methods this class exposes are meant to be called in the UI thread.
+// All delegate methods called by JMCallKitEmitter will be called in the UI thread.
+@interface JMCallKitProxy : NSObject
+
+/// Enables the proxy in between CallKit and the consumers of the SDK.
+/// Defaults to disabled. Set to true when you want to use CallKit.
+@property (class) BOOL enabled;
+@property (class) id<CXProviderProtocol> callKitProvider;
+@property (class) id<CXCallControllerProtocol> callKitCallController;
+
++ (void)configureProviderWithLocalizedName:(nonnull NSString *)localizedName
+                             ringtoneSound:(nullable NSString *)ringtoneSound
+                    iconTemplateImageData:(nullable NSData*)imageData
+NS_SWIFT_NAME(configureProvider(localizedName:ringtoneSound:iconTemplateImageData:));
++ (BOOL)isProviderConfigured;
++ (void)addListener:(nonnull id<JMCallKitListener>)listener NS_SWIFT_NAME(addListener(_:));
++ (void)removeListener:(nonnull id<JMCallKitListener>)listener NS_SWIFT_NAME(removeListener(_:));
++ (BOOL)hasActiveCallForUUID:(nonnull NSString *)callUUID NS_SWIFT_NAME(hasActiveCallForUUID(_:));
++ (void)reportNewIncomingCallWithUUID:(nonnull NSUUID *)uuid
+                               handle:(nullable NSString*)handle
+                          displayName:(nullable NSString*)displayName
+                             hasVideo:(BOOL)hasVideo
+                           completion:(nonnull void (^)(NSError *_Nullable))completion
+NS_SWIFT_NAME(reportNewIncomingCall(UUID:handle:displayName:hasVideo:completion:));
++ (void)reportCallUpdateWith:(nonnull NSUUID *)uuid
+                      handle:(nullable NSString *)handle
+                 displayName:(nullable NSString *)displayName
+                    hasVideo:(BOOL)hasVideo;
++ (void)reportCallWith:(nonnull NSUUID *)uuid
+               endedAt:(nullable NSDate *)dateEnded
+                reason:(CXCallEndedReason)endedReason;
++ (void)reportOutgoingCallWith:(nonnull NSUUID *)uuid startedConnectingAt:(nullable NSDate *)dateStartedConnecting;
++ (void)reportOutgoingCallWith:(nonnull NSUUID *)uuid connectedAt:(nullable NSDate *)dateConnected;
++ (void)request:(nonnull CXTransaction *)transaction completion:(nonnull void (^)(NSError *_Nullable))completion;
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/ios/sdk/src/callkit/JMCallKitProxy.m b/ios/sdk/src/callkit/JMCallKitProxy.m
new file mode 100644
index 0000000..c18f9c8
--- /dev/null
+++ b/ios/sdk/src/callkit/JMCallKitProxy.m
@@ -0,0 +1,284 @@
+/*
+ * Copyright @ 2022-present 8x8, Inc.
+ * Copyright @ 2018-present Atlassian Pty 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 "JMCallKitProxy.h"
+#import "JMCallKitEmitter.h"
+
+#pragma mark -
+@interface CXProvider(CXProviderProtocol) <CXProviderProtocol>
+@end
+
+@implementation CXProvider(CXProviderProtocol)
+@end
+
+#pragma mark -
+@interface CXCallController(CXCallControllerProtocol) <CXCallControllerProtocol>
+
+@property (nonatomic, readonly) NSArray<CXCall*> *calls;
+
+@end
+
+@implementation CXCallController(CXCallControllerProtocol)
+
+@dynamic calls;
+
+- (NSArray<CXCall*> *)calls {
+    return self.callObserver.calls;
+}
+
+@end
+
+#pragma mark -
+@interface JMCallKitProxy ()
+    
+@property (class) CXProvider *defaultProvider;
+@property (class) CXProviderConfiguration *providerConfiguration;
+
+@end
+
+@interface JMCallKitProxy (Helpers)
+
++ (CXCallUpdate *)makeCXUpdateWithHandle:(nullable NSString *)handle displayName:(nullable NSString *)displayName hasVideo:(BOOL)hasVideo;
+
+@end
+
+@implementation JMCallKitProxy
+
+@dynamic callKitProvider, callKitCallController, enabled;
+@dynamic defaultProvider, providerConfiguration;
+
+static id<CXProviderProtocol> _callKitProvider = nil;
+static id<CXCallControllerProtocol> _callKitCallController = nil;
+static BOOL _enabled = false;
+static CXProvider *_defaultProvider = nil;
+static CXProviderConfiguration *_providerConfiguration = nil;
+
+#pragma mark CallJit proxy
+
++ (id<CXProviderProtocol>)callKitProvider {
+    return _callKitProvider;
+}
+
++ (void)setCallKitProvider:(id<CXProviderProtocol>)callKitProvider {
+    if (_callKitProvider != callKitProvider) {
+        _callKitProvider = callKitProvider;
+    }
+}
+
++ (id<CXCallControllerProtocol>)callKitCallController {
+    return  _callKitCallController;
+}
+
++ (void)setCallKitCallController:(id<CXCallControllerProtocol>)callKitCallController {
+    if (_callKitCallController != callKitCallController) {
+        _callKitCallController = callKitCallController;
+    }
+}
+
++ (BOOL)enabled {
+    return _enabled;
+}
+
++ (void)setEnabled:(BOOL)enabled {
+    _enabled = enabled ;
+    
+    if (!self.callKitProvider) {
+        [self.provider invalidate];
+    }
+    
+    if (enabled) {
+        CXProviderConfiguration *configuration = self.providerConfiguration? self.providerConfiguration : [[CXProviderConfiguration alloc] initWithLocalizedName:@""];
+        if (!self.callKitProvider) {
+            self.defaultProvider = [[CXProvider alloc] initWithConfiguration: configuration];
+        }
+        
+        [self.provider setDelegate:self.emitter queue:nil];
+    } else {
+        [self.provider setDelegate:nil queue:nil];
+    }
+}
+
++ (CXProvider *)defaultProvider {
+    return _defaultProvider;
+}
+
++ (void)setDefaultProvider:(CXProvider *)defaultProvider {
+    if (_defaultProvider != defaultProvider) {
+        _defaultProvider = defaultProvider;
+    }
+}
+
++ (id<CXProviderProtocol>)provider {
+    return self.callKitProvider != nil ? self.callKitProvider : self.defaultProvider;
+}
+
++ (id<CXCallControllerProtocol>)callController {
+    return self.callKitCallController != nil ? self.callKitCallController : self.defaultCallController;
+}
+
++ (CXProviderConfiguration *)providerConfiguration {
+    return _providerConfiguration;
+}
+
++ (void)setProviderConfiguration:(CXProviderConfiguration *)providerConfiguration {
+    if (_providerConfiguration != providerConfiguration) {
+        _providerConfiguration = providerConfiguration;
+        
+        if (providerConfiguration) {
+            self.provider.configuration = providerConfiguration;
+            [self.provider setDelegate:self.emitter queue:nil];
+        }
+    }
+}
+
++ (CXCallController *)defaultCallController {
+    static dispatch_once_t once;
+    static CXCallController *defaultCallController;
+    dispatch_once(&once, ^{
+        defaultCallController = [[CXCallController alloc] init];
+    });
+    
+    return defaultCallController;
+}
+
++ (JMCallKitEmitter *)emitter {
+    static dispatch_once_t once;
+    static JMCallKitEmitter *emitter;
+    dispatch_once(&once, ^{
+        emitter = [[JMCallKitEmitter alloc] init];
+    });
+    
+    return emitter;
+}
+
++ (void)configureProviderWithLocalizedName:(nonnull NSString *)localizedName
+                             ringtoneSound:(nullable NSString *)ringtoneSound
+                    iconTemplateImageData:(nullable NSData*)imageData {
+    if (!self.enabled) {
+        return;
+    }
+    
+    CXProviderConfiguration *configuration = [[CXProviderConfiguration alloc] initWithLocalizedName:localizedName];
+    configuration.iconTemplateImageData = imageData;
+    configuration.maximumCallGroups = 1;
+    configuration.maximumCallsPerCallGroup = 1;
+    configuration.ringtoneSound = ringtoneSound;
+    configuration.supportedHandleTypes = [NSSet setWithArray:@[@(CXHandleTypeGeneric)]];
+    configuration.supportsVideo = true;
+    
+    self.providerConfiguration = configuration;
+}
+
++ (BOOL)isProviderConfigured {
+    return self.providerConfiguration != nil;
+}
+
++ (void)addListener:(nonnull id<JMCallKitListener>)listener {
+    [self.emitter addListener:listener];
+}
+
++ (void)removeListener:(nonnull id<JMCallKitListener>)listener {
+    [self.emitter removeListener:listener];
+}
+
++ (BOOL)hasActiveCallForUUID:(nonnull NSString *)callUUID {
+    CXCall *activeCallForUUID = [[self.callController calls] filteredArrayUsingPredicate:[NSPredicate predicateWithBlock:^BOOL(CXCall *evaluatedObject, NSDictionary<NSString *,id> *bindings) {
+        return [evaluatedObject.UUID.UUIDString isEqualToString:callUUID];
+    }]].firstObject;
+    
+    if (!activeCallForUUID) {
+        return false;
+    }
+    return true;
+}
+
++ (void)reportNewIncomingCallWithUUID:(nonnull NSUUID *)uuid
+                               handle:(nullable NSString*)handle
+                          displayName:(nullable NSString*)displayName
+                             hasVideo:(BOOL)hasVideo
+                           completion:(nonnull void (^)(NSError *_Nullable))completion {
+    if (!self.enabled) {
+        return;
+    }
+    
+    CXCallUpdate *callUpdate = [self makeCXUpdateWithHandle:handle displayName:displayName hasVideo:hasVideo];
+    [self.provider reportNewIncomingCallWithUUID:uuid update:callUpdate completion:completion];
+}
+
++ (void)reportCallUpdateWith:(nonnull NSUUID *)uuid
+                      handle:(nullable NSString *)handle
+                 displayName:(nullable NSString *)displayName
+                    hasVideo:(BOOL)hasVideo {
+    if (!self.enabled) {
+        return;
+    }
+    
+    CXCallUpdate *callUpdate = [self makeCXUpdateWithHandle:handle displayName:displayName hasVideo:hasVideo];
+    [self.provider reportCallWithUUID:uuid updated:callUpdate];
+}
+
++ (void)reportCallWith:(nonnull NSUUID *)uuid
+               endedAt:(nullable NSDate *)dateEnded
+                reason:(CXCallEndedReason)endedReason {
+    [self.provider reportCallWithUUID:uuid endedAtDate:dateEnded reason:endedReason];
+}
+
++ (void)reportOutgoingCallWith:(nonnull NSUUID *)uuid startedConnectingAt:(nullable NSDate *)dateStartedConnecting {
+    [self.provider reportOutgoingCallWithUUID:uuid startedConnectingAtDate:dateStartedConnecting];
+}
+
++ (void)reportOutgoingCallWith:(nonnull NSUUID *)uuid connectedAt:(nullable NSDate *)dateConnected {
+    [self.provider reportOutgoingCallWithUUID:uuid connectedAtDate:dateConnected];
+}
+
++ (void)request:(nonnull CXTransaction *)transaction completion:(nonnull void (^)(NSError *_Nullable))completion {
+    if (!self.enabled) {
+        return;
+    }
+    
+    // XXX keep track of muted actions to avoid "ping-pong"ing. See
+    // JMCallKitEmitter for details on the CXSetMutedCallAction handling.
+    for (CXAction *action in transaction.actions) {
+        if ([action isKindOfClass:[CXSetMutedCallAction class]]) {
+            [self.emitter addMuteAction:action.UUID];
+        }
+    }
+    
+    [self.callController requestTransaction:transaction completion:completion];
+}
+
+@end
+
+@implementation JMCallKitProxy (Helpers)
+
++ (CXCallUpdate *)makeCXUpdateWithHandle:(nullable NSString *)handle displayName:(nullable NSString *)displayName hasVideo:(BOOL)hasVideo {
+    CXCallUpdate *update = [[CXCallUpdate alloc] init];
+    update.supportsDTMF = false;
+    update.supportsHolding = false;
+    update.supportsGrouping = false;
+    update.supportsUngrouping = false;
+    update.hasVideo = hasVideo;
+    update.localizedCallerName = displayName;
+    
+    if (handle) {
+        update.remoteHandle = [[CXHandle alloc] initWithType:CXHandleTypeGeneric value:handle];
+    }
+    
+    return update;
+}
+
+@end
diff --git a/ios/sdk/src/dropbox/Dropbox.h b/ios/sdk/src/dropbox/Dropbox.h
new file mode 100644
index 0000000..5a53b5f
--- /dev/null
+++ b/ios/sdk/src/dropbox/Dropbox.h
@@ -0,0 +1,27 @@
+/*
+ * Copyright @ 2018-present Atlassian Pty 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/RCTBridge.h>
+
+@interface Dropbox : NSObject<RCTBridgeModule>
+
++ (BOOL)application:(UIApplication *)app
+            openURL:(NSURL *)url
+            options:(NSDictionary<UIApplicationOpenURLOptionsKey,id> *)options;
+
++ (void)setAppKey;
+
+@end
diff --git a/ios/sdk/src/dropbox/Dropbox.m b/ios/sdk/src/dropbox/Dropbox.m
new file mode 100644
index 0000000..87b6eb8
--- /dev/null
+++ b/ios/sdk/src/dropbox/Dropbox.m
@@ -0,0 +1,180 @@
+/*
+ * Copyright @ 2017-present Atlassian Pty 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/RCTBridgeModule.h>
+#import <ObjectiveDropboxOfficial/ObjectiveDropboxOfficial.h>
+
+#import "Dropbox.h"
+
+RCTPromiseResolveBlock currentResolve = nil;
+RCTPromiseRejectBlock currentReject = nil;
+
+@implementation Dropbox
+
++ (NSString *)getAppKey{
+    NSArray *urlTypes
+        = [[NSBundle mainBundle] objectForInfoDictionaryKey:@"CFBundleURLTypes"];
+
+    for (NSDictionary<NSString *, NSArray *> *urlType in urlTypes) {
+        NSArray *urlSchemes = urlType[@"CFBundleURLSchemes"];
+
+        if (urlSchemes) {
+            for (NSString *urlScheme in urlSchemes) {
+                if (urlScheme && [urlScheme hasPrefix:@"db-"]) {
+                    return [urlScheme substringFromIndex:3];
+                }
+            }
+        }
+    }
+   
+    return nil;
+}
+
+RCT_EXPORT_MODULE();
+
++ (BOOL)requiresMainQueueSetup {
+    return NO;
+}
+
+- (NSDictionary *)constantsToExport {
+    BOOL enabled = [Dropbox getAppKey] != nil;
+    
+    return @{
+        @"ENABLED": [NSNumber numberWithBool:enabled]
+    };
+};
+
+RCT_EXPORT_METHOD(authorize:(RCTPromiseResolveBlock)resolve
+                  reject:(__unused RCTPromiseRejectBlock)reject) {
+    currentResolve = resolve;
+    currentReject = reject;
+    
+    dispatch_async(dispatch_get_main_queue(), ^{
+        DBScopeRequest *scopeRequest = [[DBScopeRequest alloc] initWithScopeType:DBScopeTypeUser
+                                                                          scopes:@[]
+                                                            includeGrantedScopes:NO];
+        [DBClientsManager authorizeFromControllerV2:[UIApplication sharedApplication]
+                                         controller:[[self class] topMostController]
+                              loadingStatusDelegate:nil
+                                            openURL:^(NSURL *url) { [[UIApplication sharedApplication] openURL:url options:@{} completionHandler:nil]; }
+                                       scopeRequest:scopeRequest];
+    });
+}
+
+RCT_EXPORT_METHOD(getDisplayName: (NSString *)token
+                  resolve: (RCTPromiseResolveBlock)resolve
+                  reject:(RCTPromiseRejectBlock)reject) {
+    DBUserClient *client = [[DBUserClient alloc] initWithAccessToken:token];
+    [[client.usersRoutes getCurrentAccount] setResponseBlock:^(DBUSERSFullAccount *result, DBNilObject *routeError, DBRequestError *networkError) {
+        if (result) {
+            resolve(result.name.displayName);
+        } else {
+            NSString *msg = @"Failed!";
+            if (networkError) {
+                msg = [NSString stringWithFormat:@"Failed! Error: %@", networkError];
+            }
+            reject(@"getDisplayName", @"Failed", nil);
+        }
+    }];
+
+}
+
+RCT_EXPORT_METHOD(getSpaceUsage: (NSString *)token
+                  resolve: (RCTPromiseResolveBlock)resolve
+                  reject:(RCTPromiseRejectBlock)reject) {
+    DBUserClient *client = [[DBUserClient alloc] initWithAccessToken:token];
+    [[client.usersRoutes getSpaceUsage] setResponseBlock:^(DBUSERSSpaceUsage *result, DBNilObject *routeError, DBRequestError *networkError) {
+        if (result) {
+            DBUSERSSpaceAllocation *allocation = result.allocation;
+            NSNumber *allocated = 0;
+            NSNumber *used = 0;
+            if ([allocation isIndividual]) {
+                allocated = allocation.individual.allocated;
+                used = result.used;
+            } else if ([allocation isTeam]) {
+                allocated = allocation.team.allocated;
+                used = allocation.team.used;
+            }
+            id objects[] = { used, allocated };
+            id keys[] = { @"used", @"allocated" };
+            NSDictionary *dictionary = [NSDictionary dictionaryWithObjects:objects
+                                            forKeys:keys
+                                            count:2];
+            resolve(dictionary);
+        } else {
+            NSString *msg = @"Failed!";
+            if (networkError) {
+                msg = [NSString stringWithFormat:@"Failed! Error: %@", networkError];
+            }
+            reject(@"getSpaceUsage", msg, nil);
+        }
+    }];
+
+}
+
++ (BOOL)application:(UIApplication *)app
+            openURL:(NSURL *)url
+            options:(NSDictionary<UIApplicationOpenURLOptionsKey,id> *)options {
+    if (currentReject == nil || currentResolve == nil) {
+        return NO;
+    }
+    
+    BOOL canHandle = [DBClientsManager handleRedirectURL:url completion:^(DBOAuthResult *authResult) {
+        if (authResult) {
+            if ([authResult isSuccess]) {
+                NSInteger msTimestamp = authResult.accessToken.tokenExpirationTimestamp * 1000;
+                NSDictionary *authInfo = @{@"token": authResult.accessToken.accessToken,
+                                           @"rToken": authResult.accessToken.refreshToken,
+                                           @"expireDate": @(msTimestamp)
+                };
+                currentResolve(authInfo);
+            } else {
+                NSString *msg;
+                if ([authResult isError]) {
+                    msg = [NSString stringWithFormat:@"%@, error type: %zd", [authResult errorDescription], [authResult errorType]];
+                } else {
+                    msg = @"OAuth canceled!";
+                }
+                currentReject(@"authorize", msg, nil);
+            }
+            currentResolve = nil;
+            currentReject = nil;
+        }
+    }];
+    
+    return canHandle;
+}
+
++ (UIViewController *)topMostController {
+    UIViewController *topController
+        = [UIApplication sharedApplication].keyWindow.rootViewController;
+    
+    while (topController.presentedViewController) {
+        topController = topController.presentedViewController;
+    }
+    
+    return topController;
+}
+
++ (void)setAppKey {
+    NSString *appKey = [self getAppKey];
+
+    if (appKey) {
+        [DBClientsManager setupWithAppKey:appKey];
+    }
+}
+
+@end
diff --git a/ios/sdk/src/picture-in-picture/DragGestureController.swift b/ios/sdk/src/picture-in-picture/DragGestureController.swift
new file mode 100644
index 0000000..ea59f6e
--- /dev/null
+++ b/ios/sdk/src/picture-in-picture/DragGestureController.swift
@@ -0,0 +1,135 @@
+/*
+ * Copyright @ 2017-present Atlassian Pty 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 UIKit
+
+final class DragGestureController {
+    var insets: UIEdgeInsets = UIEdgeInsets.zero
+    var currentPosition: PiPViewCoordinator.Position? = nil
+
+    private var frameBeforeDragging: CGRect = CGRect.zero
+    private weak var view: UIView?
+    private lazy var panGesture: UIPanGestureRecognizer = {
+        UIPanGestureRecognizer(target: self,
+                               action: #selector(handlePan(gesture:)))
+    }()
+
+    func startDragListener(inView view: UIView) {
+        self.view = view
+        view.addGestureRecognizer(panGesture)
+        panGesture.isEnabled = true
+    }
+
+    func stopDragListener() {
+        panGesture.isEnabled = false
+        view?.removeGestureRecognizer(panGesture)
+        view = nil
+    }
+
+    @objc private func handlePan(gesture: UIPanGestureRecognizer) {
+        guard let view = view else { return }
+
+        let translation = gesture.translation(in: view.superview)
+        let velocity = gesture.velocity(in: view.superview)
+        var frame = frameBeforeDragging
+
+        switch gesture.state {
+        case .began:
+            frameBeforeDragging = view.frame
+
+        case .changed:
+            frame.origin.x = floor(frame.origin.x + translation.x)
+            frame.origin.y = floor(frame.origin.y + translation.y)
+            view.frame = frame
+
+        case .ended:
+            let currentPos = view.frame.origin
+            let finalPos = calculateFinalPosition()
+
+            let distance = CGPoint(x: currentPos.x - finalPos.x,
+                                   y: currentPos.y - finalPos.y)
+            let distanceMagnitude = magnitude(vector: distance)
+            let velocityMagnitude = magnitude(vector: velocity)
+            let animationDuration = 0.5
+            let initialSpringVelocity =
+                    velocityMagnitude / distanceMagnitude / CGFloat(animationDuration)
+
+            frame.origin = CGPoint(x: finalPos.x, y: finalPos.y)
+
+            UIView.animate(withDuration: animationDuration,
+                           delay: 0,
+                           usingSpringWithDamping: 0.9,
+                           initialSpringVelocity: initialSpringVelocity,
+                           options: .curveLinear,
+                           animations: {
+                view.frame = frame })
+
+        default:
+            break
+        }
+    }
+
+    private func calculateFinalPosition() -> CGPoint {
+        guard
+            let view = view,
+            let bounds = view.superview?.frame
+        else {
+            return CGPoint.zero
+        }
+
+        let currentSize = view.frame.size
+        let adjustedBounds = bounds.inset(by: insets)
+        let threshold: CGFloat = 20.0
+        let velocity = panGesture.velocity(in: view.superview)
+        let location = panGesture.location(in: view.superview)
+
+        let goLeft: Bool
+        if abs(velocity.x) > threshold {
+            goLeft = velocity.x < -threshold
+        } else {
+            goLeft = location.x < bounds.midX
+        }
+
+        let goUp: Bool
+        if abs(velocity.y) > threshold {
+            goUp = velocity.y < -threshold
+        } else {
+            goUp = location.y < bounds.midY
+        }
+
+        if (goLeft && goUp) {
+            currentPosition = .upperLeftCorner
+        }
+
+        if (!goLeft && goUp) {
+            currentPosition = .upperRightCorner
+        }
+
+        if (!goLeft && !goUp) {
+            currentPosition = .lowerRightCorner
+        }
+
+        if (goLeft && !goUp) {
+            currentPosition = .lowerLeftCorner
+        }
+        
+        return currentPosition!.getOriginIn(bounds: adjustedBounds, size: currentSize)
+    }
+
+    private func magnitude(vector: CGPoint) -> CGFloat {
+        sqrt(pow(vector.x, 2) + pow(vector.y, 2))
+    }
+}
diff --git a/ios/sdk/src/picture-in-picture/PiPViewCoordinator.swift b/ios/sdk/src/picture-in-picture/PiPViewCoordinator.swift
new file mode 100644
index 0000000..cea9a21
--- /dev/null
+++ b/ios/sdk/src/picture-in-picture/PiPViewCoordinator.swift
@@ -0,0 +1,255 @@
+/*
+ * Copyright @ 2017-present 8x8, Inc.
+ *
+ * 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 UIKit
+
+public typealias AnimationCompletion = (Bool) -> Void
+
+public protocol PiPViewCoordinatorDelegate: class {
+
+    func exitPictureInPicture()
+}
+
+/// Coordinates the view state of a specified view to allow
+/// to be presented in full screen or in a custom Picture in Picture mode.
+/// This object will also provide the drag and tap interactions of the view
+/// when is presented in Picture in Picture mode.
+public class PiPViewCoordinator {
+    
+    public enum Position {
+        case lowerRightCorner
+        case upperRightCorner
+        case lowerLeftCorner
+        case upperLeftCorner
+    }
+    
+    /// Limits the boundaries of view position on screen when minimized
+    public var dragBoundInsets: UIEdgeInsets = UIEdgeInsets(top: 25,
+                                                            left: 5,
+                                                            bottom: 5,
+                                                            right: 5) {
+        didSet {
+            dragController.insets = dragBoundInsets
+        }
+    }
+
+    public var initialPositionInSuperView: Position = .lowerRightCorner
+
+    // Unused. Remove on the next major release.
+    @available(*, deprecated, message: "The PiP window size is now fixed to 150px.")
+    public var c: CGFloat = 0.0
+
+    public weak var delegate: PiPViewCoordinatorDelegate?
+
+    private(set) var isInPiP: Bool = false // true if view is in PiP mode
+    private(set) var view: UIView
+    private var currentBounds: CGRect = CGRect.zero
+
+    private var tapGestureRecognizer: UITapGestureRecognizer?
+    private var exitPiPButton: UIButton?
+
+    private let dragController: DragGestureController = DragGestureController()
+
+    public init(withView view: UIView) {
+        self.view = view
+        // Required because otherwise the view will not rotate correctly.
+        view.autoresizingMask = [.flexibleWidth, .flexibleHeight]
+
+        // Otherwise the enter/exit pip animation looks odd
+        // when pip window is bottom left, top left or top right,
+        // because the jitsi view content does not animate, but jumps to the new size immediately.
+        view.clipsToBounds = true
+    }
+
+    /// Configure the view to be always on top of all the contents
+    /// of the provided parent view.
+    /// If a parentView is not provided it will try to use the main window
+    public func configureAsStickyView(withParentView parentView: UIView? = nil) {
+        guard
+            let parentView = parentView ?? UIApplication.shared.keyWindow
+        else {
+            return
+        }
+
+        parentView.addSubview(view)
+        currentBounds = parentView.bounds
+        view.frame = currentBounds
+        view.layer.zPosition = CGFloat(Float.greatestFiniteMagnitude)
+    }
+
+    /// Show view with fade in animation
+    public func show(completion: AnimationCompletion? = nil) {
+        if view.isHidden || view.alpha < 1 {
+            view.isHidden = false
+            view.alpha = 0
+
+            animateTransition(animations: { [weak self] in
+                self?.view.alpha = 1
+            }, completion: completion)
+        }
+    }
+
+    /// Hide view with fade out animation
+    public func hide(completion: AnimationCompletion? = nil) {
+        if view.isHidden || view.alpha > 0 {
+            animateTransition(animations: { [weak self] in
+                self?.view.alpha = 0
+                self?.view.isHidden = true
+            }, completion: completion)
+        }
+    }
+
+    /// Resize view to and change state to custom PictureInPicture mode
+    /// This will resize view, add a  gesture to enable user to "drag" view
+    /// around screen, and add a button of top of the view to be able to exit mode
+    public func enterPictureInPicture() {
+        isInPiP = true
+        // Resizing is done by hand when in pip.
+        view.autoresizingMask = []
+
+        animateViewChange()
+        dragController.startDragListener(inView: view)
+        dragController.insets = dragBoundInsets
+
+        // add single tap gesture recognition for displaying exit PiP UI
+        let exitSelector = #selector(toggleExitPiP)
+        let tapGestureRecognizer = UITapGestureRecognizer(target: self,
+                                                          action: exitSelector)
+        self.tapGestureRecognizer = tapGestureRecognizer
+        view.addGestureRecognizer(tapGestureRecognizer)
+    }
+
+    /// Exit Picture in picture mode, this will resize view, remove
+    /// exit pip button, and disable the drag gesture
+    @objc public func exitPictureInPicture() {
+        isInPiP = false
+        // Enable autoresizing again, which got disabled for pip.
+        view.autoresizingMask = [.flexibleWidth, .flexibleHeight]
+
+        animateViewChange()
+        dragController.stopDragListener()
+
+        // hide PiP UI
+        exitPiPButton?.removeFromSuperview()
+        exitPiPButton = nil
+
+        // remove gesture
+        let exitSelector = #selector(toggleExitPiP)
+        tapGestureRecognizer?.removeTarget(self, action: exitSelector)
+        tapGestureRecognizer = nil
+
+        delegate?.exitPictureInPicture()
+    }
+
+    /// Reset view to provide bounds, use this method on rotation or
+    /// screen size changes
+    public func resetBounds(bounds: CGRect) {
+        currentBounds = bounds
+
+        // Is required because otherwise the pip window is buggy when rotating the device.
+        // When not in pip then autoresize will do the job.
+        if (isInPiP) {
+            view.frame = changeViewRect()
+        }
+    }
+
+    /// Stop the dragging gesture of the root view
+    public func stopDragGesture() {
+        dragController.stopDragListener()
+    }
+
+    /// Customize the presentation of exit pip button
+    open func configureExitPiPButton(target: Any,
+                                     action: Selector) -> UIButton {
+        let buttonImage = UIImage.init(named: "image-resize",
+                                       in: Bundle(for: type(of: self)),
+                                       compatibleWith: nil)
+        let button = UIButton(type: .custom)
+        let size: CGSize = CGSize(width: 44, height: 44)
+        button.setImage(buttonImage, for: .normal)
+        button.backgroundColor = .gray
+        button.layer.cornerRadius = size.width / 2
+        button.frame = CGRect(origin: CGPoint.zero, size: size)
+        button.center = view.convert(view.center, from: view.superview)
+        button.addTarget(target, action: action, for: .touchUpInside)
+        return button
+    }
+
+    // MARK: - Interactions
+    @objc private func toggleExitPiP() {
+        if exitPiPButton == nil {
+            // show button
+            let exitSelector = #selector(exitPictureInPicture)
+            let button = configureExitPiPButton(target: self,
+                                                action: exitSelector)
+            view.addSubview(button)
+            exitPiPButton = button
+
+        } else {
+            // hide button
+            exitPiPButton?.removeFromSuperview()
+            exitPiPButton = nil
+        }
+    }
+
+    func animateViewChange() {
+        UIView.animate(withDuration: 0.25) {
+            self.view.frame = self.changeViewRect()
+        }
+    }
+
+    private func changeViewRect() -> CGRect {
+        let bounds = currentBounds
+
+        if !isInPiP {
+            return bounds
+        }
+
+        // resize to suggested ratio and position to the bottom right
+        let adjustedBounds = bounds.inset(by: dragBoundInsets)
+        let size = CGSize(width: 150, height: 150)
+        let origin = (dragController.currentPosition ?? initialPositionInSuperView).getOriginIn(bounds: adjustedBounds, size: size)
+
+        return CGRect(x: origin.x, y: origin.y, width: size.width, height: size.height)
+    }
+
+    // MARK: - Animation helpers
+    private func animateTransition(animations: @escaping () -> Void,
+                                   completion: AnimationCompletion?) {
+        UIView.animate(withDuration: 0.1,
+                       delay: 0,
+                       options: .beginFromCurrentState,
+                       animations: animations,
+                       completion: completion)
+    }
+
+}
+
+// MARK: -
+extension PiPViewCoordinator.Position {
+    func getOriginIn(bounds: CGRect, size: CGSize) -> CGPoint {
+        switch self {
+        case .lowerLeftCorner:
+            return CGPoint(x: bounds.minX, y: bounds.maxY - size.height)
+        case .lowerRightCorner:
+            return CGPoint(x: bounds.maxX - size.width, y: bounds.maxY - size.height)
+        case .upperLeftCorner:
+            return CGPoint(x: bounds.minX, y: bounds.minY)
+        case .upperRightCorner:
+            return CGPoint(x: bounds.maxX - size.width, y: bounds.minY)
+        }
+    }
+}
diff --git a/ios/sdk/src/picture-in-picture/image-resize@2x.png b/ios/sdk/src/picture-in-picture/image-resize@2x.png
new file mode 100644
index 0000000..d66dd8a
Binary files /dev/null and b/ios/sdk/src/picture-in-picture/image-resize@2x.png differ
diff --git a/ios/sdk/src/picture-in-picture/image-resize@3x.png b/ios/sdk/src/picture-in-picture/image-resize@3x.png
new file mode 100644
index 0000000..7a4244f
Binary files /dev/null and b/ios/sdk/src/picture-in-picture/image-resize@3x.png differ
diff --git a/lang/languages.json b/lang/languages.json
new file mode 100644
index 0000000..1ba559f
--- /dev/null
+++ b/lang/languages.json
@@ -0,0 +1,61 @@
+{
+    "af": "Afrikaans",
+    "ar": "العربية",
+    "be": "Беларуская",
+    "bg": "Български",
+    "ca": "Català",
+    "cs": "Čeština",
+    "da": "Dansk",
+    "de": "Deutsch",
+    "dsb": "Dolnoserbšćina",
+    "el": "Ελληνικά",
+    "en": "English",
+    "eo": "Esperanto",
+    "es": "Español",
+    "es-US": "Español (Latinoamérica)",
+    "et": "Eesti",
+    "eu": "Euskara",
+    "fa": "فارسی",
+    "fi": "Suomi",
+    "fr": "Français",
+    "fr-CA": "Français (Canada)",
+    "gl": "Galego",
+    "he": "עברית",
+    "hi": "हिन्दी",
+    "hr": "Hrvatski",
+    "hsb": "Hornjoserbšćina",
+    "hu": "Magyar",
+    "hy": "Հայերեն",
+    "id": "Bahasa",
+    "is": "Íslenska",
+    "it": "Italiano",
+    "ja": "日本語",
+    "kab": "Taqbaylit",
+    "ko": "한국어",
+    "lt": "Lietuvių",
+    "lv": "Latviešu",
+    "ml": "മലയാളം",
+    "mn": "Монгол",
+    "mr": "मराठी",
+    "nb": "Norsk bokmål",
+    "nl": "Nederlands",
+    "no": "Norsk",
+    "oc": "Occitan",
+    "pl": "Polski",
+    "pt": "Português",
+    "pt-BR": "Português (Brasil)",
+    "ro": "Română",
+    "ru": "Русский",
+    "sc": "Sardu",
+    "sk": "Slovenčina",
+    "sl": "Slovenščina",
+    "sq": "Shqip",
+    "sr": "Српски",
+    "sv": "Svenska",
+    "te": "తెలుగు",
+    "tr": "Türkçe",
+    "uk": "Українська",
+    "vi": "Tiếng Việt",
+    "zh-CN": "中文（简体）",
+    "zh-TW": "中文（繁體）"
+}
diff --git a/lang/main-af.json b/lang/main-af.json
new file mode 100644
index 0000000..b902b62
--- /dev/null
+++ b/lang/main-af.json
@@ -0,0 +1,710 @@
+{
+    "addPeople": {
+        "add": "Nooi uit",
+        "countryNotSupported": "Ons ondersteun nog nie dié bestemming nie.",
+        "countryReminder": "",
+        "disabled": "U kan nie mense nooi nie.",
+        "failedToAdd": "",
+        "footerText": "",
+        "loading": "",
+        "loadingNumber": "Valideer tans foonnommer",
+        "loadingPeople": "",
+        "noResults": "Geen soekresultate wat pas nie",
+        "noValidNumbers": "Gee asseblief ’n foonnommer",
+        "searchNumbers": "Voeg foonnommers by",
+        "searchPeople": "Soek mense",
+        "searchPeopleAndNumbers": "Soek mense of voeg hulle foonnommers by",
+        "telephone": "Telefoon: {{number}}",
+        "title": "Nooi mense na dié vergadering"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "headphones": "Oorfone",
+        "phone": "Foon",
+        "speaker": "Luidspreker"
+    },
+    "audioOnly": {
+        "audioOnly": "Net klank"
+    },
+    "calendarSync": {
+        "addMeetingURL": "Voeg ’n vergaderingskakel by",
+        "confirmAddLink": "Wil u ’n Jitsi-skakel by dié geleentheid voeg?",
+        "error": {
+            "appConfiguration": "",
+            "generic": "",
+            "notSignedIn": ""
+        },
+        "join": "Sluit aan",
+        "joinTooltip": "Sluit aan by die vergadering",
+        "nextMeeting": "volgende vergadering",
+        "noEvents": "Geen komende geleenthede is geskeduleer nie.",
+        "ongoingMeeting": "vergadering onderweg",
+        "permissionButton": "Open instellings",
+        "permissionMessage": "",
+        "refresh": "Verfris kalender",
+        "today": "Vandag"
+    },
+    "chat": {
+        "error": "",
+        "messagebox": "",
+        "nickname": {
+            "popover": "Kies ’n bynaam",
+            "title": "",
+            "titleWithPolls": ""
+        },
+        "title": "",
+        "titleWithPolls": ""
+    },
+    "connectingOverlay": {
+        "joiningRoom": ""
+    },
+    "connection": {
+        "ATTACHED": "",
+        "AUTHENTICATING": "Verifieer",
+        "AUTHFAIL": "",
+        "CONNECTED": "Gekoppel",
+        "CONNECTING": "Koppel tans",
+        "CONNFAIL": "Koppeling het misluk",
+        "DISCONNECTED": "Ontkoppeld",
+        "DISCONNECTING": "Ontkoppel tans",
+        "ERROR": "Fout",
+        "RECONNECTING": "’n Netwerkprobleem het voorgekom. Herkoppel tans…"
+    },
+    "connectionindicator": {
+        "address": "Adres:",
+        "bandwidth": "Geraamde bandwydte:",
+        "bitrate": "Bistempo:",
+        "bridgeCount": "Aantal bedieners: ",
+        "connectedTo": "Gekoppel aan:",
+        "framerate": "Raampietempo:",
+        "less": "Wys minder",
+        "localaddress": "Plaaslike adres:",
+        "localaddress_plural": "Plaaslike adresse:",
+        "localport": "Plaaslike poort:",
+        "localport_plural": "Plaaslike poorte:",
+        "more": "Wys meer",
+        "packetloss": "Pakkies verloor:",
+        "quality": {
+            "good": "Goed",
+            "inactive": "Onaktief",
+            "lost": "",
+            "nonoptimal": "",
+            "poor": "Swak"
+        },
+        "remoteaddress": "Afgeleë adres:",
+        "remoteaddress_plural": "Afgeleë adresse:",
+        "remoteport": "Afgeleë poort:",
+        "remoteport_plural": "Afgeleë poorte:",
+        "resolution": "Resolusie:",
+        "status": "Verbinding:",
+        "transport": "",
+        "transport_plural": "",
+        "turn": ""
+    },
+    "dateUtils": {
+        "earlier": "Vroeër",
+        "today": "Vandag",
+        "yesterday": "Gister"
+    },
+    "deepLinking": {
+        "appNotInstalled": "",
+        "description": "",
+        "descriptionWithoutWeb": "",
+        "downloadApp": "",
+        "launchWebButton": "",
+        "openApp": "",
+        "title": "",
+        "tryAgainButton": ""
+    },
+    "defaultLink": "bv. {{url}}",
+    "deviceError": {
+        "cameraError": "Toegang na u kamera het misluk",
+        "cameraPermission": "Fout met verkryging van kameratoestemming",
+        "microphoneError": "Toegang na u mikrofoon het misluk",
+        "microphonePermission": "Fout met verkryging van mikrofoontoestemming"
+    },
+    "deviceSelection": {
+        "noPermission": "Toestemming nie gegee nie",
+        "previewUnavailable": "Voorskou nie beskikbaar nie",
+        "selectADevice": "Kies 'n toestel",
+        "testAudio": "Speel ’n toetsklank"
+    },
+    "dialOut": {
+        "statusMessage": "is nou {{status}}"
+    },
+    "dialog": {
+        "Back": "Terug",
+        "Cancel": "Kanselleer",
+        "IamHost": "Ek is die gasheer",
+        "Ok": "Regso",
+        "Remove": "Verwyder",
+        "Share": "Deel",
+        "Submit": "Dien in",
+        "WaitForHostMsg": "",
+        "WaitingForHost": "Wag tans vir die gasheer …",
+        "Yes": "Ja",
+        "accessibilityLabel": {
+            "liveStreaming": "Regstreekse stroom"
+        },
+        "allow": "Laat toe",
+        "alreadySharedVideoMsg": "",
+        "alreadySharedVideoTitle": "Slegs een gedeelde video op ’n slag word toegelaat",
+        "applicationWindow": "Toepassingsvenster",
+        "cameraConstraintFailedError": "Die kamera voldoen nie aan sekere van die vereistes nie.",
+        "cameraNotFoundError": "Kamera is nie gevind nie.",
+        "cameraNotSendingData": "Ons kry nie toegang tot u kamera nie. Kontroleer of ’n ander toepassing dié toestel gebruik, kies asb. ’n ander toestel by die instellingskieslys of probeer om die toepassing op nuut te laai.",
+        "cameraNotSendingDataTitle": "Kan nie toegang tot kamera kry nie",
+        "cameraPermissionDeniedError": "U het nie toestemming gegee om u kamera te gebruik nie. U kan steeds by die konferensie aansluit, maar ander sal u nie kan sien nie. Gebruik die kameraknoppie in die adresbalk om dit reg te stel.",
+        "cameraUnknownError": "Kan weens onbekende rede nie die kamera gebruik nie.",
+        "cameraUnsupportedResolutionError": "Die kamera ondersteun nie die nodige videoresolusie nie.",
+        "close": "Sluit",
+        "conferenceDisconnectMsg": "Kontroleer dalk die netwerkverbinding. Gaan oor {{seconds}} sekondes weer koppel…",
+        "conferenceDisconnectTitle": "Die verbinding is verbreek.",
+        "conferenceReloadMsg": "Ons probeer om dit reg te stel. Gaan herkoppel oor {{seconds}} sekondes…",
+        "conferenceReloadTitle": "Iets het ongelukkig skeefgeloop.",
+        "confirm": "Bevestig",
+        "confirmNo": "Nee",
+        "confirmYes": "Ja",
+        "connectError": "Oeps! Iets het skeefgeloop en ons kon nie aan die konferensie koppel nie.",
+        "connectErrorWithMsg": "Oeps! Iets het skeefgeloop en ons kon nie aan die konferensie koppel nie: {{msg}}",
+        "connecting": "Koppel tans",
+        "contactSupport": "Kontak ondersteuning",
+        "copy": "Kopieer",
+        "dismiss": "Weier",
+        "displayNameRequired": "",
+        "done": "Klaar",
+        "enterDisplayName": "",
+        "error": "Fout",
+        "externalInstallationMsg": "U moet ons uitbreiding vir werkskermdeling installeer.",
+        "externalInstallationTitle": "Uitbreiding is nodig",
+        "goToStore": "Gaan na die webwinkel",
+        "gracefulShutdown": "Ons diens is tans buite werking t.w.v. onderhoud. Probeer gerus weer later.",
+        "incorrectPassword": "Verkeerde gebruikernaam of wagwoord",
+        "incorrectRoomLockPassword": "",
+        "inlineInstallExtension": "Installeer nou",
+        "inlineInstallationMsg": "U moet ons uitbreiding vir werkskermdeling installeer.",
+        "internalError": "Oeps! Iets het skeefgeloop. Die volgende fout het voorgekom: {{error}}",
+        "internalErrorTitle": "Interne fout",
+        "kickMessage": "",
+        "kickParticipantButton": "",
+        "kickParticipantDialog": "",
+        "kickParticipantTitle": "",
+        "kickTitle": "",
+        "liveStreaming": "Regstreekse stroom",
+        "liveStreamingDisabledForGuestTooltip": "Gaste kan nie regstreekse strome begin nie.",
+        "liveStreamingDisabledTooltip": "Begin van regstreekse stroom gedeaktiveer.",
+        "lockMessage": "Kon nie die konferensie sluit nie.",
+        "lockRoom": "",
+        "lockTitle": "Sluit het misluk",
+        "logoutQuestion": "Wil u definitief afmeld en die konferensie stop?",
+        "logoutTitle": "Meld af",
+        "maxUsersLimitReached": "",
+        "maxUsersLimitReachedTitle": "",
+        "micConstraintFailedError": "Die mikrofoon voldoen nie aan sekere van die vereistes nie.",
+        "micNotFoundError": "Mikrofoon is nie gevind nie.",
+        "micNotSendingData": "",
+        "micNotSendingDataTitle": "",
+        "micPermissionDeniedError": "U het nie toestemming gegee om u mikrofoon te gebruik nie. U kan steeds by die konferensie aansluit, maar ander sal u nie kan hoor nie. Gebruik die kameraknoppie in die adresbalk om dit reg te stel.",
+        "micUnknownError": "Kan weens onbekende rede nie die mikrofoon gebruik nie.",
+        "muteParticipantBody": "U sal hulle nie kan ontdemp nie, maar hulle sal hulself enige tyd kan ontdemp.",
+        "muteParticipantButton": "Demp",
+        "muteParticipantDialog": "",
+        "muteParticipantTitle": "",
+        "passwordLabel": "",
+        "passwordNotSupported": "Die instel van ’n vergaderingwagwoord word nie ondersteun nie.",
+        "passwordNotSupportedTitle": "",
+        "passwordRequired": "",
+        "popupError": "U blaaier blokkeer opspringers vanaf hierdie werf. Aktiveer opspringers in die blaaier se sekuriteitopsies en probeer weer.",
+        "popupErrorTitle": "Opspringer geblok",
+        "recording": "Neem tans op",
+        "recordingDisabledForGuestTooltip": "Gaste kan nie opnames begin nie.",
+        "recordingDisabledTooltip": "Begin van opname gedeaktiveer.",
+        "rejoinNow": "Sluit nou weer aan",
+        "remoteControlAllowedMessage": "",
+        "remoteControlDeniedMessage": "",
+        "remoteControlErrorMessage": "",
+        "remoteControlRequestMessage": "",
+        "remoteControlShareScreenWarning": "",
+        "remoteControlStopMessage": "",
+        "remoteControlTitle": "",
+        "removePassword": "",
+        "removeSharedVideoMsg": "Wil u definitief u gedeelde video verwyder?",
+        "removeSharedVideoTitle": "Verwyder gedeelde video",
+        "reservationError": "",
+        "reservationErrorMsg": "Foutkode: {{code}}, boodskap: {{msg}}",
+        "retry": "Herprobeer",
+        "screenSharingFailedToInstall": "Oeps! Die uitbreiding vir skermdeling kon nie installeer nie.",
+        "screenSharingFailedToInstallTitle": "Uitbreiding vir skermdeling kon nie installeer nie",
+        "screenSharingFirefoxPermissionDeniedError": "Iets het skeefgeloop toe ons die skerm probeer deel het. Maak seker dat ons dei toestemming gegee word om dit te doen. ",
+        "screenSharingFirefoxPermissionDeniedTitle": "Oeps! Ons kon nie skermdeling begin nie!",
+        "screenSharingPermissionDeniedError": "",
+        "serviceUnavailable": "Diens nie beskikbaar nie",
+        "sessTerminated": "Oproep gestaak",
+        "shareVideoLinkError": "Gee asb. ’n korrekte skakel.",
+        "shareVideoTitle": "Deel ’n video",
+        "shareYourScreen": "Deel u skerm",
+        "shareYourScreenDisabled": "Skermdeling gedeaktiveer.",
+        "shareYourScreenDisabledForGuest": "Gaste kan nie skerms deel nie.",
+        "startLiveStreaming": "Begin regstreekse stroom",
+        "startRecording": "Begin opname",
+        "startRemoteControlErrorMessage": "",
+        "stopLiveStreaming": "Stop regstreekse stroom",
+        "stopRecording": "Stop opname",
+        "stopRecordingWarning": "Wil u definitief die opname stop?",
+        "stopStreamingWarning": "Wil u definitief die regstreekse stroom stop?",
+        "streamKey": "Sleutel vir regstreekse stroom",
+        "thankYou": "Dankie dat u {{appName}} gebruik!",
+        "token": "",
+        "tokenAuthFailed": "Jammer! U mag nie by dié oproep aansluit nie.",
+        "tokenAuthFailedTitle": "",
+        "transcribing": "Transkribering",
+        "unlockRoom": "",
+        "userPassword": "gebruikerwagwoord",
+        "yourEntireScreen": "U hele skerm"
+    },
+    "feedback": {
+        "average": "Gemiddeld",
+        "bad": "Sleg",
+        "detailsLabel": "Vertel ons meer.",
+        "good": "Goed",
+        "rateExperience": "",
+        "veryBad": "Baie sleg",
+        "veryGood": "Baie goed"
+    },
+    "incomingCall": {
+        "answer": "Antwoord",
+        "audioCallTitle": "Inkomende oproep",
+        "decline": "Weier",
+        "productLabel": "vanaf Jitsi Meet",
+        "videoCallTitle": "Inkomende video-oproep"
+    },
+    "info": {
+        "accessibilityLabel": "Wys inligting",
+        "addPassword": "",
+        "cancelPassword": "",
+        "conferenceURL": "Skakel:",
+        "country": "Land",
+        "dialANumber": "",
+        "dialInConferenceID": "PIN:",
+        "dialInNotSupported": "Jammer. Inbel word nie tans ondersteun nie.",
+        "dialInNumber": "Inbel:",
+        "dialInSummaryError": "",
+        "dialInTollFree": "",
+        "genericError": "Oeps! Iets het skeefgeloop.",
+        "inviteLiveStream": "Om die regstreekse stroom van dié vergadering te sien, klik dié skakel: {{url}}",
+        "invitePhone": "",
+        "invitePhoneAlternatives": "",
+        "inviteURLFirstPartGeneral": "",
+        "inviteURLFirstPartPersonal": "",
+        "inviteURLSecondPart": "",
+        "label": "",
+        "liveStreamURL": "Regstreekse stroom:",
+        "moreNumbers": "Meer nommers",
+        "noNumbers": "Geen inbelnommers.",
+        "noPassword": "Geen",
+        "noRoom": "Geen kamer is gegee om na in te bel nie.",
+        "numbers": "Inbelnommers",
+        "password": "",
+        "title": "Deel",
+        "tooltip": "Deelskakel en inbelinligting vir dié vergadering"
+    },
+    "inlineDialogFailure": {
+        "msg": "Ons het gestruikel.",
+        "retry": "Probeer weer",
+        "support": "Ondersteuning",
+        "supportMsg": "Indien dit aanhou, maak kontak met"
+    },
+    "inviteDialog": {
+        "alertText": "",
+        "header": "Nooi uit",
+        "searchCallOnlyPlaceholder": "",
+        "searchPeopleOnlyPlaceholder": "",
+        "searchPlaceholder": "",
+        "send": ""
+    },
+    "keyboardShortcuts": {
+        "focusLocal": "Fokus op u video",
+        "focusRemote": "Fokus op ’n ander persoon se video",
+        "fullScreen": "Bekyk of verlaat volskerm",
+        "keyboardShortcuts": "Sleutelbordkortpaaie",
+        "localRecording": "Wys of versteek kontroles vir plaaslike opname",
+        "mute": "Demp of ontdemp jou mikrofoon",
+        "pushToTalk": "Druk om te praat",
+        "raiseHand": "Steek hand op of laat sak hom",
+        "showSpeakerStats": "Wys sprekerstatistiek",
+        "toggleChat": "Maak gesels oop of toe",
+        "toggleFilmstrip": "Wys of versteek duimnaels vir video’s",
+        "toggleScreensharing": "Wissel tussen kamera- en skermdeling",
+        "toggleShortcuts": "Wys of versteek sleutelbordkortpaaie",
+        "videoMute": "Begin of stop u kamera"
+    },
+    "liveStreaming": {
+        "busy": "",
+        "busyTitle": "Alle opnemers is tans besig",
+        "changeSignIn": "Wissel rekeninge.",
+        "choose": "Kies ’n regstreekse stroom",
+        "chooseCTA": "Kies ’n stroomopsie. U is tans aangemeld as {{email}}.",
+        "enterStreamKey": "Gee u sleutel vir regstreekse stroom by YouTube hier.",
+        "error": "Kon nie regstreeks stroom nie. Probeer gerus weer.",
+        "errorAPI": "’n Fout het voorgekom tydens toegang tot u YouTube-uitsendings. Probeer om weer aan te meld.",
+        "errorLiveStreamNotEnabled": "Regstreekse stroom is nie geaktiveer op {{email}} nie. Aktiveer asb. regstreekse strome of meld aan met ’n rekening met regstreekse strome geaktiveer.",
+        "expandedOff": "Die regstreekse stroom het gestop",
+        "expandedOn": "Die vergadering word tans gestroom na YouTube.",
+        "expandedPending": "Die regstreekse stroom begin tans…",
+        "failedToStart": "Regstreekse stroom kon nie begin nie",
+        "getStreamKeyManually": "",
+        "invalidStreamKey": "",
+        "off": "Regstreekse stroom het gestop",
+        "on": "Regstreekse stroom",
+        "pending": "Begin tans regstreekse stroom…",
+        "serviceName": "Regstreekse stroomdiens",
+        "signIn": "Meld aan met Google",
+        "signInCTA": "Meld aan of gee u sleutel vir regstreekse stroom vanaf YouTube.",
+        "signOut": "Meld af",
+        "signedInAs": "U is tans aangemeld as:",
+        "start": "Begin ’n regstreekse stroom",
+        "streamIdHelp": "Wat’s dié?",
+        "title": "Regstreekse stroom",
+        "unavailableTitle": "Regstreekse strome nie beskikbaar nie"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Af",
+            "on": "Aan",
+            "unknown": "Onbekend"
+        },
+        "dialogTitle": "Kontroles vir plaaslike opname",
+        "duration": "Duur",
+        "durationNA": "",
+        "encoding": "Enkodering",
+        "label": "",
+        "labelToolTip": "",
+        "localRecording": "Plaaslike opname",
+        "me": "Ek",
+        "messages": {
+            "engaged": "",
+            "finished": "",
+            "finishedModerator": "",
+            "notModerator": "U is nie die moderator nie. U kan nie ’n plaaslike opname begin of stop nie."
+        },
+        "moderator": "Moderator",
+        "no": "Nee",
+        "participant": "Deelnemer",
+        "participantStats": "Deelnemerstatistiek",
+        "sessionToken": "",
+        "start": "Begin opname",
+        "stop": "Stop opname",
+        "yes": "Ja"
+    },
+    "lockRoomPassword": "Wagwoord",
+    "lockRoomPasswordUppercase": "Wagwoord",
+    "me": "ek",
+    "notify": {
+        "connectedOneMember": "",
+        "connectedThreePlusMembers": "",
+        "connectedTwoMembers": "",
+        "disconnected": "ontkoppel",
+        "focus": "",
+        "focusFail": "",
+        "grantedTo": "{{to}} is nou moderator!",
+        "invitedOneMember": "",
+        "invitedThreePlusMembers": "",
+        "invitedTwoMembers": "",
+        "kickParticipant": "",
+        "me": "Ek",
+        "moderator": "U is ou moderator!",
+        "muted": "U het die gesprek gedemp begin.",
+        "mutedRemotelyDescription": "",
+        "mutedRemotelyTitle": "",
+        "mutedTitle": "U is gedemp!",
+        "newDeviceAction": "",
+        "newDeviceAudioTitle": "",
+        "newDeviceCameraTitle": "",
+        "passwordRemovedRemotely": "",
+        "passwordSetRemotely": "",
+        "raisedHand": "",
+        "somebody": "Iemand",
+        "startSilentDescription": "",
+        "startSilentTitle": "",
+        "suboptimalExperienceDescription": "Gits… ons is bevrees u ervaring met {{appName}} gaan nie so goed wees hier nie. Ons soek maniere om dit die hoof te bied, maar probeer intussen een van die <a href='{{recommendedBrowserPageLink}}' target='_blank'>volledig ondersteunde blaaiers</a>.",
+        "suboptimalExperienceTitle": "Blaaierwaarskuwing",
+        "unmute": ""
+    },
+    "passwordDigitsOnly": "",
+    "passwordSetRemotely": "",
+    "polls": {
+        "errors": {
+            "notUniqueOption": "Opsies moet uniek wees"
+        }
+    },
+    "poweredby": "aangedryf deur",
+    "presenceStatus": {
+        "busy": "Besig",
+        "calling": "Bel tans…",
+        "connected": "Gekoppel",
+        "connecting": "Koppel tans…",
+        "connecting2": "Koppel tans*…",
+        "disconnected": "Ontkoppeld",
+        "expired": "Verval",
+        "ignored": "Geïgnoreer",
+        "initializingCall": "Inisialiseer tans oproep…",
+        "invited": "Uitgenooi",
+        "rejected": "Geweier",
+        "ringing": "Lui tans…"
+    },
+    "profile": {
+        "setDisplayNameLabel": "Stel u vertoonnaam",
+        "setEmailInput": "Gee e-posadres",
+        "setEmailLabel": "Stel u Gravatar-e-posadres",
+        "title": "Profiel"
+    },
+    "recording": {
+        "authDropboxText": "Laai op na Dropbox",
+        "availableSpace": "Beskikbare spasie: {{spaceLeft}} MB (ongeveer {{duration}} minute se opname)",
+        "beta": "",
+        "busy": "",
+        "busyTitle": "Alle opnemers is tans besig",
+        "error": "Opname het misluk. Probeer gerus weer.",
+        "expandedOff": "Opname het gestop",
+        "expandedOn": "Die vergadering word tans opgeneem.",
+        "expandedPending": "Opname word begin…",
+        "failedToStart": "Kon nie begin opneem nie",
+        "fileSharingdescription": "",
+        "live": "",
+        "loggedIn": "Aangemeld as {{name}}",
+        "off": "Opname gestop",
+        "on": "Neem tans op",
+        "pending": "Berei voor om vergadering op te neem…",
+        "rec": "",
+        "serviceDescription": "",
+        "serviceName": "Opneemdiens",
+        "signIn": "meld aan",
+        "signOut": "Meld af",
+        "title": "Neem tans op",
+        "unavailable": "",
+        "unavailableTitle": ""
+    },
+    "sectionList": {
+        "pullToRefresh": ""
+    },
+    "settings": {
+        "calendar": {
+            "about": "",
+            "disconnect": "Ontkoppel",
+            "microsoftSignIn": "Meld aan met Microsoft",
+            "signedIn": "",
+            "title": "Kalender"
+        },
+        "devices": "Toestelle",
+        "followMe": "Almal volg my",
+        "language": "Taal",
+        "loggedIn": "Aangemeld as {{name}}",
+        "moderator": "Moderator",
+        "more": "Meer",
+        "name": "Naam",
+        "noDevice": "Geen",
+        "selectAudioOutput": "Klankafvoer",
+        "selectCamera": "Kamera",
+        "selectMic": "Mikrofoon",
+        "startAudioMuted": "Almal begin gedemp",
+        "startVideoMuted": "Almal begin versteek",
+        "title": "Instellings"
+    },
+    "settingsView": {
+        "alertOk": "Regso",
+        "alertTitle": "Waarskuwing",
+        "alertURLText": "Die gegewe bediener-URL is ongeldig",
+        "buildInfoSection": "",
+        "conferenceSection": "Konferensie",
+        "displayName": "Vertoonnaam",
+        "email": "E-pos",
+        "header": "Instellings",
+        "profileSection": "Profiel",
+        "serverURL": "Bediener-URL",
+        "startWithAudioMuted": "Begin met klank gedemp",
+        "startWithVideoMuted": "Begin met video gedemp",
+        "version": ""
+    },
+    "share": {
+        "dialInfoText": "",
+        "mainText": "Klik die volgende skakel om by die vergadering aan te sluit:\n{{roomUrl}}"
+    },
+    "speaker": "Luidspreker",
+    "speakerStats": {
+        "hours": "{{count}}h",
+        "minutes": "{{count}}m",
+        "name": "Naam",
+        "search": "Soek",
+        "searchHint": "Soek deelnemers",
+        "seconds": "{{count}}s",
+        "speakerStats": "Sprekerstatistiek",
+        "speakerTime": "Sprekertyd"
+    },
+    "startupoverlay": {
+        "policyText": "",
+        "title": "{{app}} benodig u mikrofoon en kamera."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Sluit weer aan",
+        "text": "Druk die <i>Sluit weer aan</i>-knoppie om te herkoppel.",
+        "title": "U video-oproep is onderbreek omdat die rekenaar gaan slaap het."
+    },
+    "toolbar": {
+        "Settings": "Instellings",
+        "accessibilityLabel": {
+            "Settings": "Wissel instellings",
+            "audioOnly": "Wissel Net klank",
+            "audioRoute": "Kies die klanktoestel",
+            "callQuality": "",
+            "cc": "Wissel onderskrifte",
+            "chat": "Wissel geselsvenster",
+            "document": "Wissel gedeelde dokument",
+            "feedback": "Laat terugvoer",
+            "fullScreen": "Wissel volskerm",
+            "hangup": "Verlaat die oproep",
+            "invite": "Nooi mense",
+            "kick": "",
+            "localRecording": "Wissel kontroles vir plaaslike opname",
+            "lockRoom": "",
+            "moreActions": "Wissel kieslys vir meer aksies",
+            "moreActionsMenu": "Kieslys vir meer aksies",
+            "mute": "",
+            "pip": "Wissel Prent-in-Prent-modus",
+            "profile": "Redigeer u profiel",
+            "raiseHand": "Wissel handopsteek",
+            "recording": "Wissel opname",
+            "remoteMute": "",
+            "shareRoom": "Nooi iemand",
+            "shareYourScreen": "Wissel skermdeling",
+            "sharedvideo": "Wissel videodeling",
+            "shortcuts": "Wissel kortpaaie",
+            "show": "",
+            "speakerStats": "Wissel sprekerstatistiek",
+            "tileView": "Wissel teëlaansig",
+            "toggleCamera": "Wissel kamera",
+            "videoblur": "",
+            "videomute": ""
+        },
+        "addPeople": "Voeg mense by die oproep",
+        "audioOnlyOff": "Deaktiveer Net klank-modus",
+        "audioOnlyOn": "Deaktiveer Net klank-modus",
+        "audioRoute": "Kies die klanktoestel",
+        "authenticate": "Verifieer",
+        "callQuality": "Bestuur oproepkwaliteit",
+        "chat": "Open / sluit gesels",
+        "closeChat": "",
+        "documentClose": "Sluit gedeelde dokument",
+        "documentOpen": "Open gedeelde dokument",
+        "enterFullScreen": "Volskermaansig",
+        "enterTileView": "",
+        "exitFullScreen": "Verlaat volskerm",
+        "exitTileView": "",
+        "feedback": "Laat terugvoer",
+        "hangup": "Verlaat",
+        "invite": "Nooi mense",
+        "login": "Meld aan",
+        "logout": "Meld af",
+        "lowerYourHand": "",
+        "moreActions": "Meer aksies",
+        "mute": "Demp / ontdemp",
+        "openChat": "",
+        "pip": "Betree Prent-in-Prent-modus",
+        "profile": "Redigeer u profiel",
+        "raiseHand": "Lig / laat sak u hand",
+        "raiseYourHand": "",
+        "shareRoom": "Nooi iemand",
+        "sharedvideo": "Deel ’n video",
+        "shortcuts": "Sien kortpaaie",
+        "speakerStats": "Sprekerstatistiek",
+        "startScreenSharing": "",
+        "startSubtitles": "",
+        "startvideoblur": "",
+        "stopScreenSharing": "",
+        "stopSharedVideo": "Stop video",
+        "stopSubtitles": "",
+        "stopvideoblur": "",
+        "talkWhileMutedPopup": "Besig om te praat? U is gedemp.",
+        "tileViewToggle": "Wissel teëlaansig",
+        "toggleCamera": "Wissel kamera",
+        "videomute": "Begin / stop kamera"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "",
+        "error": "Opname het misluk. Probeer gerus weer.",
+        "expandedLabel": "",
+        "failedToStart": "",
+        "labelToolTip": "Die vergadering word getranskribeer",
+        "off": "",
+        "pending": "Berei tans voor om die vergadering te transkribeer…",
+        "start": "",
+        "stop": "",
+        "tr": ""
+    },
+    "userMedia": {
+        "grantPermissions": "Gee asb. toestemming vir die gebruik van u kamera en mikrofoon."
+    },
+    "videoSIPGW": {
+        "busy": "Ons probeer tans hulpbronne vry te stel. Probeer gerus weer oor ’n paar minute.",
+        "busyTitle": "Die Kamerdiens is tans besig",
+        "errorAlreadyInvited": "{{displayName}} is reeds genooi",
+        "errorInvite": "Konferensie is nog nie gestig nie. Probeer gerus weer later.",
+        "errorInviteFailed": "Ons werk aan ’n oplossing vir die probleem. Probeer gerus weer later.",
+        "errorInviteFailedTitle": "Kon nie {{displayName}} nooi nie",
+        "errorInviteTitle": "",
+        "pending": "{{displayName}} is genooi"
+    },
+    "videoStatus": {
+        "audioOnly": "",
+        "audioOnlyExpanded": "U is in Net klank-modus. Dié modus spaar bandwydte maar u sal nie video’s van ander sien nie.",
+        "callQuality": "",
+        "hd": "HD",
+        "highDefinition": "Hoëdefinisie",
+        "labelTooiltipNoVideo": "Geen video",
+        "labelTooltipAudioOnly": "Net klank-modus geaktiveer",
+        "ld": "LD",
+        "lowDefinition": "Laedefinisie",
+        "onlyAudioAvailable": "Net klank is beskikbaar",
+        "onlyAudioSupported": "Op dié blaaier ondersteun ons slegs klank.",
+        "sd": "SD",
+        "standardDefinition": "Standaarddefinisie"
+    },
+    "videothumbnail": {
+        "domute": "Demp",
+        "flip": "Swaai om",
+        "kick": "Skop uit",
+        "moderator": "Moderator",
+        "mute": "",
+        "muted": "Gedemp",
+        "remoteControl": "",
+        "show": "",
+        "videomute": ""
+    },
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Raak om aan te sluit",
+            "roomname": "Gee kamernaam"
+        },
+        "appDescription": "Hou gerus ’n videogesprek met die hele span. Om die waarheid te sê, nooi sommer almal. {{app}} is ’n 100% oopbronoplossing vir geënkripteerde videokonferensies wat mens heeldag, elke dag gratis kan geniet — geen rekening nodig nie.",
+        "audioVideoSwitch": {
+            "audio": "Stem",
+            "video": "Video"
+        },
+        "calendar": "Kalender",
+        "connectCalendarButton": "Koppel u kalender",
+        "connectCalendarText": "",
+        "enterRoomTitle": "Begin ’n nuwe vergadering",
+        "go": "GAAN",
+        "info": "",
+        "join": "SLUIT AAN",
+        "privacy": "Privaatheid",
+        "recentList": "Onlangs",
+        "recentListDelete": "Skrap",
+        "recentListEmpty": "Die lys van onlangse gesprekke is leeg. Gesels met u span en al u onlangse gesprekke sal hier wys.",
+        "reducedUIText": "",
+        "roomname": "Gee kamernaam",
+        "roomnameHint": "Gee die naam of URL van die kamer waar u wil aansluit. Dink gerus enige naam uit. Laat weet net die mense wat u ontmoet wat dit is sodat hulle die selfde naam gee.",
+        "sendFeedback": "Stuur terugvoer",
+        "terms": "Voorwaardes",
+        "title": "Veilige en volledig gratis videokonferensies propvol funksionaliteit"
+    }
+}
diff --git a/lang/main-ar.json b/lang/main-ar.json
new file mode 100644
index 0000000..bbb34da
--- /dev/null
+++ b/lang/main-ar.json
@@ -0,0 +1,1357 @@
+{
+    "addPeople": {
+        "add": "ادع",
+        "addContacts": "ادع كل جهات الاتصال لدي",
+        "contacts": "جهات اتصال",
+        "copyInvite": "انسخ دعوةً للمُلتقى",
+        "copyLink": "انسخ رابط المُلتقى",
+        "copyStream": "انسخ رابط البث المباشر",
+        "countryNotSupported": "لا ندعم هذه الوجهة حاليًا.",
+        "countryReminder": "أتريد الاتصال بمن هو خارج الولايات المتحدة؟ تأكد من الابتداء برمز الدولة أولًا!",
+        "defaultEmail": "بريدك الافتراضي",
+        "disabled": "لا يمكنك دعوة أحد.",
+        "failedToAdd": "فشل إضافة مشاركين",
+        "googleEmail": "بريد غوغل",
+        "inviteMoreHeader": "أنت بمفردك في هذا المُلتقى",
+        "inviteMoreMailSubject": "ضم {{appName}} للمُلتقى",
+        "inviteMorePrompt": "ادعُ أشخاصًا آخرين",
+        "linkCopied": "نُسِخ الرابط",
+        "noResults": "لم يُعثَر على أي نتيجة بحث متطابقة",
+        "outlookEmail": "بريد مايكروسوفت",
+        "phoneNumbers": "أضف ارقام هواتف",
+        "searching": "يبحث",
+        "shareInvite": "شارك دعوةً للمُلتقى",
+        "shareLink": "شارك رابط المُلتقى لدعوة الأخرين",
+        "shareStream": "شارك رابط البث المباشر للمُلتقى",
+        "sipAddresses": "sip عنوان",
+        "telephone": "رقم الهاتف: {{number}}",
+        "title": "ادعُ أحدًا لهذا المُلتقى",
+        "yahooEmail": "بريد ياهوو"
+    },
+    "audioDevices": {
+        "bluetooth": "بلوتوث",
+        "car": "مسجل السيارة",
+        "headphones": "سماعات رأس",
+        "none": "لا يوجد أي أجهزة صوت",
+        "phone": "هاتف",
+        "speaker": "مكبر الصوت"
+    },
+    "audioOnly": {
+        "audioOnly": "معدل تبادل البيانات منخفض"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "أضف غرفة جانبية",
+            "autoAssign": "التخصيص التلقائي للغرف الجانبية",
+            "close": "أغلق",
+            "join": "انضم",
+            "leaveBreakoutRoom": "اترك الغرفة الجانبية",
+            "more": "أكثر",
+            "remove": "إزالة",
+            "sendToBreakoutRoom": "أرسل المشارك إلى:"
+        },
+        "defaultName": "غرفة المُلتقيات الفرعية رقم {{index}}",
+        "mainRoom": "الغرفة الرئيسية",
+        "notifications": {
+            "joined": " الغرفة الجانبيةالانضمام إلى {{index}}",
+            "joinedMainRoom": "الانضمام للغرفة الرئيسية",
+            "joinedTitle": "غرف جانبية"
+        }
+    },
+    "calendarSync": {
+        "addMeetingURL": "أضف رابطًا لمُلتقى",
+        "confirmAddLink": "هل تريد إضافة رابط جيستسي لهذا الحدث؟",
+        "error": {
+            "appConfiguration": "لم تُضبَط عملية إضافة الرزنامة ضبطًا صحيحًا.",
+            "generic": "حصل خطأُ. تحقق من إعدادات رزنامتك أو جرب تحديثها، رجاءً.",
+            "notSignedIn": "حدث خطأ أثناء إجراء عملية الاستيثاق للوصول إلى تفاصيل الأحداث المسجلة في الرزنامة. تحقق رجاءً من إعدادات رزنامتك وجرب التسجيل مرة أخرى."
+        },
+        "join": "انضم",
+        "joinTooltip": "انضم إلى المُلتقى",
+        "nextMeeting": "المُلتقى التالي",
+        "noEvents": "لا يوجد أي أحدات آتية مجدولة.",
+        "ongoingMeeting": "مُلتقى قائم",
+        "permissionButton": "افتح الإعدادات",
+        "permissionMessage": "يطلب إذن الوصول إلى الرزنامة لرؤية مواعيد مُلتقياتك.",
+        "refresh": "حدِّث الرزنامة",
+        "today": "اليوم"
+    },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "حدد جهاز الصوت"
+        },
+        "labels": {
+            "buttonLabel": "وضع السيارة",
+            "title": "وضع السيارة",
+            "videoStopped": "تم إيقاف الفيديو الخاص بك"
+        }
+    },
+    "chat": {
+        "enter": "أدخل الغرفة",
+        "error": "خطأ: لم تُرسَل رسالتك. السبب: {{error}}",
+        "fieldPlaceHolder": "اكتب رسالتك هنا",
+        "lobbyChatMessageTo": "رسالة دردشة لوبي إلى {{recipient}}",
+        "message": "رسالة",
+        "messageAccessibleTitle": "{{user}} مقولة:",
+        "messageAccessibleTitleMe": "أنا أقول:",
+        "messageTo": "أرسل رسالة خاصة إلى {{recipient}}",
+        "messagebox": "اكتب رسالة",
+        "newMessages": "رسائل جديدة",
+        "nickname": {
+            "popover": "اختر لقبًا",
+            "title": "اكتب لقبًا لاعتماده في المحادثة",
+            "titleWithPolls": "اكتب لقبًا لاعتماده في المحادثة"
+        },
+        "noMessagesMessage": "لا يوجد أي رسالة في المُلتقى بعد. ابدأ محادثة هنا.",
+        "privateNotice": "أرسل رسالة خاصة إلى {{recipient}}",
+        "sendButton": "أرسل",
+        "smileysPanel": "واجهة الإيموجي",
+        "tabs": {
+            "chat": "دردشة",
+            "polls": "تصويت"
+        },
+        "title": "محادثة",
+        "titleWithPolls": "محادثة",
+        "you": "أنت"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "نزِّل إضافة متصفح كروم",
+        "buttonTextEdge": "قم بتثبيت ملحق Edge",
+        "close": "إغلق",
+        "dontShowAgain": "لا ترني هذه مرة أخرى",
+        "installExtensionText": "نزِّل الإضافة للدمج مع رزنامة غوغل ورزنامة أوفيس 365"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "قيد وصلك بالإجتماع…"
+    },
+    "connection": {
+        "ATTACHED": "رُبِط",
+        "AUTHENTICATING": "قيد إجراء الاستيثاق",
+        "AUTHFAIL": "فشل عملية الاستيثاق",
+        "CONNECTED": "وُصِل",
+        "CONNECTING": "قيد الوصل",
+        "CONNFAIL": "فشل عملية الوصل",
+        "DISCONNECTED": "فُصِل",
+        "DISCONNECTING": "قيد الفصل",
+        "ERROR": "خطأ",
+        "FETCH_SESSION_ID": "قيد الحصول على مُعرِّف الجلسة…",
+        "GET_SESSION_ID_ERROR": "خطأ في الحصول على مُعرِّف الجلسة: {{code}}",
+        "GOT_SESSION_ID": "جرى الحصول على مُعرِّف الجلسة",
+        "LOW_BANDWIDTH": "أوقف فيديو {{displayName}} لتوفير كمية البيانات المتبادلة"
+    },
+    "connectionindicator": {
+        "address": "العنوان:",
+        "audio_ssrc": "مصدر الصوت:",
+        "bandwidth": "مُعدَّل البيانات المتبادلة:",
+        "bitrate": "مُعدَّل البث:",
+        "bridgeCount": "عدد المخدِّمات: ",
+        "codecs": "المرماز (A/V): ",
+        "connectedTo": "وصل إلى:",
+        "framerate": "مُعدَّل الإطارات:",
+        "less": "اخف",
+        "localaddress": "العنوان المحلي:",
+        "localaddress_plural": "العناوين المحلية::",
+        "localport": "المنفذ المحلي:",
+        "localport_plural": "المنافذ المحلية:",
+        "maxEnabledResolution": "أرسل أقصى دقة",
+        "more": "اظهر المزيد",
+        "packetloss": "مُعدَّل الفقد:",
+        "participant_id": "معرّف المشترك:",
+        "quality": {
+            "good": "جيد",
+            "inactive": "خامل",
+            "lost": "مفقود",
+            "nonoptimal": "غير مثالي",
+            "poor": "رديء"
+        },
+        "remoteaddress": "العنوان البعيد:",
+        "remoteaddress_plural": "العناوين البعيدة:",
+        "remoteport": "المنفذ البعيد:",
+        "remoteport_plural": "المنافذ البعيدة:",
+        "resolution": "الدقة:",
+        "savelogs": "خزن الوقوعات",
+        "status": "الاتصال:",
+        "transport": "النقل:",
+        "transport_plural": "النواقل:",
+        "video_ssrc": "مصدر الصورة:"
+    },
+    "dateUtils": {
+        "earlier": "سابقًا",
+        "today": "اليوم",
+        "yesterday": "البارحة"
+    },
+    "deepLinking": {
+        "appNotInstalled": "تحتاج إلى تطبيق الجوال {{app}} للانضمام إلى إلى هذا المُلتقى على هاتفك.",
+        "description": "ألم يحدث شيء؟ جربنا عقد مُلتقىك على تطبيق الحاسوب {{app}}. جرب مرة أخرى أو اعقد المُلتقى على تطبيق الويب {{app}}.",
+        "descriptionWithoutWeb": "ألم يحدث شيء؟ جربنا عقد مُلتقىك على تطبيق الحاسوب {{app}}.",
+        "downloadApp": "نزِّل التطبيق",
+        "ifDoNotHaveApp": "إن لم تملك التطبيق بعد:",
+        "ifHaveApp": "إن كان لديك التطبيق:",
+        "joinInApp": "انضم للمُلتقى عبر تطبيق الجوال",
+        "launchWebButton": "افتح تطبيق الويب",
+        "title": "قيد عقد مُلتقىك في {{app}}…",
+        "tryAgainButton": "جرب مرة أخرى في تطبيق الحاسوب",
+        "unsupportedBrowser": "يبدو أنك تستخدم متصفحًا لا ندعمه."
+    },
+    "defaultLink": "{{url}} مثلًا",
+    "defaultNickname": "محمد علي مثلًا",
+    "deviceError": {
+        "cameraError": "فشل الوصول إلى كاميرتك",
+        "cameraPermission": "خطأ في تحصيل إذن استخدام كاميرتك",
+        "microphoneError": "فشل الوصول إلى المايكروفون",
+        "microphonePermission": "خطأ في تحصيل إذن استخدام المايكروفون"
+    },
+    "deviceSelection": {
+        "noPermission": "لم يُمنَح الإذن",
+        "previewUnavailable": "المعاينة غير متاحة",
+        "selectADevice": "اختر جهازًا",
+        "testAudio": "اختبر الصوت"
+    },
+    "dialIn": {
+        "screenTitle": "ملخص الطلب"
+    },
+    "dialOut": {
+        "statusMessage": "{{status}} الآن"
+    },
+    "dialog": {
+        "Back": "عد للخلف",
+        "Cancel": "ِألغ",
+        "IamHost": "أنا المضيف",
+        "Ok": "تمام",
+        "Remove": "أزل",
+        "Share": "شارك",
+        "Submit": "أرسل",
+        "WaitForHostMsg": "لم يبدأ المؤتمر بعد. إن كنت المضيف والراعي، فنرجو تأكيد ذلك عبر الاستيثاق أو انتظر وصول المضيف رجاءً. ",
+        "WaitingForHostTitle": "في انتظار المضيف…",
+        "Yes": "نعم",
+        "accessibilityLabel": {
+            "liveStreaming": "بث حي مباشر"
+        },
+        "add": "أضف",
+        "addMeetingNote": "أضف ملاحظة حول هذا المُلتقى",
+        "addOptionalNote": "أضف ملاحظة (اختياري)",
+        "allow": "اسمح",
+        "alreadySharedVideoMsg": "يشارك أحد الحضور الفيديو حاليًا، ولا يسمح هذا الإجتماع سوى بمشاركة فيديو واحد في آن واحد",
+        "alreadySharedVideoTitle": "لا يُسمَح سوى بفيديو مشارك واحد على الأكثر في آن واحد.",
+        "applicationWindow": "نافذة التطبيق",
+        "authenticationRequired": "يستلزم التوثيق",
+        "cameraConstraintFailedError": "لا تتوافق كاميرتك مع بعض الشروط المطلوبة.",
+        "cameraNotFoundError": "لم يُعثَر على اي كاميرا",
+        "cameraNotSendingData": "لا نتمكن من الوصول إلى كاميرتك. تحقَّق رجاءً إن كان أي تطبيق آخر يستعملها، أو اختر جهازًا آخر من القائمة أو جرب تحميل التطبيق مجدَّدًا.",
+        "cameraNotSendingDataTitle": "يصعب الوصول الوصول إلى كاميرتك",
+        "cameraPermissionDeniedError": "لم تُمنَح إذن استعمال الكاميرا. لا يزال بإمكانك حضور المؤتمر ولكن لن يراك الآخرون. استعمال زر الكاميرا في شريط العنوان لمحاول إصلاح المشكلة.",
+        "cameraTimeoutError": "تعذر بدء مصدر الفيديو. انتهت المهلة!",
+        "cameraUnknownError": "يصعب استعمال الكاميرا لأسباب مجهولة.",
+        "cameraUnsupportedResolutionError": "لا تدعم كاميرتك دقة الفيديو المطلوبة.",
+        "close": "أغلق",
+        "conferenceDisconnectMsg": "قد تضطر للتحقق من اتصال الشبكة لديك. سيعاد الاتصال خلال {{seconds}} ثانية…",
+        "conferenceDisconnectTitle": "فُصِل الاتصال لديك.",
+        "conferenceReloadMsg": "نحاول إصلاح الأمر. سيعاد الاتصال خلال {{seconds}} ثانية…",
+        "conferenceReloadTitle": "لم تسر الأمور على ما يرام، نأسف لذلك!",
+        "confirm": "أكِّد",
+        "confirmNo": "لا",
+        "confirmYes": "نعم",
+        "connectError": "عجبًا! لم بسر الأمر على ما يرام فلم نتصل بالمؤتمر.",
+        "connectErrorWithMsg": "عجبًا! لم تسر الأمر على ما يرام فلم نتصل بالمؤتمر: {{msg}}",
+        "connecting": "قيد الاتصال",
+        "contactSupport": "اتصل بالدعم",
+        "copied": "نُسِخ!",
+        "copy": "انسخ",
+        "dismiss": "تجاهل",
+        "displayNameRequired": "السلام عليكم! ما اسمك؟",
+        "done": "اُنجِز",
+        "e2eeDescription": "<p>عملية التعمية من طرف لطرف <strong>قيد التجريب</strong> حاليًا. زر رجاءً <a href='https://jitsi.org/blog/e2ee/' target='_blank'>هذا المنشور</a> لمزيد من التفاصيل.</p><br/><p>ضع في ذهنك أن تشغيل عملية التعمية من طرف لطرف ستعطل عمل بعض الخدمات التي يقدمها المُخدِّم مثل: التسجيل، والبث الحي، الاشتراك عبر الهاتف. أضف إلى ذلك أن المُلتقى سيعمل مع الأشخاص المنضمين من المتصفح التي تدعم قابلية الدخول إلى البث.</p>",
+        "e2eeDisabledDueToMaxModeDescription": "لا يمكن تمكين التشفير من طرف إلى طرف بسبب العدد الكبير من المشاركين في المؤتمر.",
+        "e2eeLabel": "المفتاح",
+        "e2eeWarning": "تحذير: لا يبدو أن جميع المشاركين في هذا المُلتقى لديهم دعم للتشفير من طرف إلى طرف. إذا قمت بتمكينه فلن يتمكنوا من رؤيتك أو سماعك.",
+        "e2eeWillDisableDueToMaxModeDescription": "تحذير: سيتم تعطيل التشفير من طرف إلى طرف تلقائيًا إذا انضم المزيد من المشاركين إلى المؤتمر.",
+        "embedMeeting": "تضمين المُلتقى",
+        "enterDisplayName": "أدخل اسمك هنا، رجاءً",
+        "error": "خطأ",
+        "gracefulShutdown": "خدمتنا متوقفة حاليًا لعمليات الصيانة. جرب مرة أخرى في وقت لاحق.",
+        "grantModeratorDialog": "أما زلت راغب بجعل هذا المشارك رئيس الجلسة؟",
+        "grantModeratorTitle": "اجعله رئيس الجلسة",
+        "hideShareAudioHelper": "لا تظهر هذا الحوار مرة أخرى",
+        "incorrectPassword": "اسم المستخدم أو كلمة المرور خطأ",
+        "incorrectRoomLockPassword": "كلمة مرور خطأ",
+        "internalError": "عجبًا! لم تسر الأمور على ما يرام. حصل الخطأ التالي: {{error}}",
+        "internalErrorTitle": "خطأ داخلي",
+        "kickMessage": "يمكنك التواصل مع {{participantDisplayName}} لمزيد من التفاصيل.",
+        "kickParticipantButton": "اطرد",
+        "kickParticipantDialog": "أمتأكد من طرد هذا المشارك؟",
+        "kickParticipantTitle": "أتريد طرد هذا المشارك؟",
+        "kickTitle": "عذرًا! تم طردك {{participantDisplayName}} من المُلتقى",
+        "linkMeeting": "ربط المُلتقى",
+        "linkMeetingTitle": "ربط المُلتقى بـ Salesforce",
+        "liveStreaming": "البث المباشر الحي",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "غير ممكن أثناء التسجيل",
+        "localUserControls": "ضوابط المستخدم المحلي",
+        "lockMessage": "فشل جعل المؤتمر مغلقًا.",
+        "lockRoom": "أضف المُلتقى $t(lockRoomPasswordUppercase)",
+        "lockTitle": "فشلت عملية القفل والإغلاق",
+        "login": "تسجيل الدخول",
+        "logoutQuestion": "أمتأكد من رغبتك في الخروج وإيقاف المؤتمر؟",
+        "logoutTitle": "الخروج",
+        "maxUsersLimitReached": "وصل عدد المشاركين إلى الحد الأقصى. المؤتمر مكتمل الحضور. اتصل رجاءً براعي المؤتمر أو جرب مرة أخرى لاحقًا.",
+        "maxUsersLimitReachedTitle": "وصل عدد المشاركين إلى الحد الأقصى",
+        "micConstraintFailedError": "لا يوافق المايكروفون لديك بعض القيود المطلوبة.",
+        "micNotFoundError": "لم يُعثَر على أي مايكروفون",
+        "micNotSendingData": "اذهب إلى إعدادات حاسوبك لإلغاء كتم المايكروفون وضبط مستواه",
+        "micNotSendingDataTitle": "كتم ضبط الإعدادات لديك المايكروفون",
+        "micPermissionDeniedError": "لم تعط إذن استعمال المايكروفون الخاص بك. ما يزال بإمكانك الإنضمام إلى المؤتمر ولكن دون أن يسمعك الآخرون. جرب استعمال زر الكاميرا في شريط العنوان لإصلاح هذه المشكلة.",
+        "micTimeoutError": "تعذر بدء مصدر الصوت. انقضت المهلة!",
+        "micUnknownError": "لا يمكن استخدام الميكروفون لسبب غير معروف.",
+        "moderationAudioLabel": "السماح للحاضرين بإعادة الصوت بأنفسهم",
+        "moderationVideoLabel": "السماح للحاضرين ببدء الفيديو الخاص بهم",
+        "muteEveryoneDialog": "أمتأكد من رغبتك بكتم الجميع؟ لن تتمكن من إلغاء الكتم ولكن يمكنهم إلغاء كتم أنفسهم في أي وقت.",
+        "muteEveryoneDialogModerationOn": "يمكن للمشاركين إرسال طلب للتحدث في أي وقت.",
+        "muteEveryoneElseDialog": "بمجرد أن تكتمهم، لن تتمكن نم إلغاء الكتم هذا، ولكن يمكنهم إلغاء كتم أنفسهم في أي وقت.",
+        "muteEveryoneElseTitle": "أتريد كتم الجميع باستثناء {{whom}}?",
+        "muteEveryoneElsesVideoDialog": "بمجرد تعطيل الكاميرا ، لن تتمكن من إعادة تشغيلها ، ولكن يمكنهم إعادة تشغيلها في أي وقت.",
+        "muteEveryoneElsesVideoTitle": "وقف فيديو الجميع باستثناء {{whom}}?",
+        "muteEveryoneSelf": "اكتم نفسك أيضًا",
+        "muteEveryoneStartMuted": "البدء مع كتم الجميع من الآن فصاعدًا",
+        "muteEveryoneTitle": "أتريد كتم الجميع؟",
+        "muteEveryonesVideoDialog": "يمكن للمشاركين تشغيل الفيديو الخاص بهم في أي وقت.",
+        "muteEveryonesVideoDialogModerationOn": "يمكن للمشاركين إرسال طلب لتشغيل الفيديو الخاص بهم في أي وقت.",
+        "muteEveryonesVideoDialogOk": "إبطال",
+        "muteEveryonesVideoTitle": "وقف فيديو الجميع؟",
+        "muteParticipantBody": "لن تتكمن من إلغاء كتمهم، ولكن يمكنهم إلغاء كتم أنفسهم في أي وقت.",
+        "muteParticipantButton": "كتم",
+        "muteParticipantsVideoBody": "لن تتمكن من إعادة تشغيل الكاميرا ، ولكن يمكنهم إعادة تشغيلها في أي وقت.",
+        "muteParticipantsVideoBodyModerationOn": "لن تكون قادرًا على إعادة تشغيل الكاميرا ولن يفعلوا ذلك أيضًا.",
+        "muteParticipantsVideoButton": "وقف الكاميرا",
+        "muteParticipantsVideoDialog": "هل أنت متأكد أنك تريد إيقاف تشغيل كاميرا هذا المشارك؟ لن تتمكن من إعادة تشغيل الكاميرا ، ولكن يمكنهم إعادة تشغيلها في أي وقت.",
+        "muteParticipantsVideoDialogModerationOn": "هل أنت متأكد أنك تريد إيقاف تشغيل كاميرا هذا المشارك؟ لن تكون قادرًا على إعادة تشغيل الكاميرا ولن يفعلوا ذلك أيضًا.",
+        "muteParticipantsVideoTitle": "تعطيل الكاميرا لهذا المشارك؟",
+        "noDropboxToken": "لا يوجد رمز مميز صالح لـ Dropbox",
+        "password": "كلمه السر",
+        "passwordLabel": "جعل عضو ما هذا المُلتقى مغلقًا. أدخل رجاءً $t(lockRoomPassword) للإنضمام.",
+        "passwordNotSupported": "ضبط مُلتقى $t(lockRoomPassword) غير مدعوم.",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) غير مدعوم",
+        "passwordRequired": "يُطلَب $t(lockRoomPasswordUppercase)",
+        "permissionCameraRequiredError": "مطلوب إذن الكاميرا للمشاركة في المؤتمرات بالفيديو. يرجى منحه في الإعدادات",
+        "permissionErrorTitle": "الإذن مطلوب",
+        "permissionMicRequiredError": "مطلوب إذن الميكروفون للمشاركة في المؤتمرات مع الصوت. يرجى منحه في الإعدادات",
+        "popupError": "يمنع متصفحك النوافذ المنبثقة من هذا الموقع. فعِّل رجاءً النوافذ المنبثقة في المتصفح من إعدادات الحماية وحاول مرة أخرى.",
+        "popupErrorTitle": "النوافذ المنبثقة محجوبة.",
+        "readMore": "أكثر",
+        "recentlyUsedObjects": "الأشياء المستخدمة مؤخرًا",
+        "recording": "قيد التسجيل",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "ليس بالإمكان ما دمت قيد البث المباشر",
+        "rejoinNow": "انضم مجدَّدًا الآن",
+        "remoteControlAllowedMessage": "قبل {{user}} طلب إمكانية التحكم البعيد!",
+        "remoteControlDeniedMessage": "رفض {{user}} طلب إمكانية التحكم البعيد!",
+        "remoteControlErrorMessage": "حصل خطأ أثناء محاولة طلب إذن التحكم البعيد من {{user}}",
+        "remoteControlRequestMessage": "أتسمح بأن يتحكم {{user}} بحاسوبك عن بعد؟",
+        "remoteControlShareScreenWarning": "انتبه إلى أنَّ شاشتك ستُشارَك بمجرد ضغطك على \"اسمح\"!",
+        "remoteControlStopMessage": "انتهت جلسة التحكم البعيدة!",
+        "remoteControlTitle": "التحكم البعيد بالحاسوب",
+        "remoteUserControls": "ضوابط المستخدم عن بعد لـ {{username}}",
+        "removePassword": "أزل $t(lockRoomPassword)",
+        "removeSharedVideoMsg": "أمتأكد من رغبتك بإزالة الفيديو المشارك الخاص بك؟",
+        "removeSharedVideoTitle": "أزل الفيديو المشارك",
+        "reservationError": "خطأ في نظام الحجز",
+        "reservationErrorMsg": "رمز الخطأ: {{code}}، الرسالة: {{msg}}",
+        "retry": "أعد",
+        "screenSharingAudio": "شارك الصوت",
+        "screenSharingFailed": "عجبًا! حصل خطأ ما، فلن نتمكن من مشاركة الشاشة للأسف!",
+        "screenSharingFailedTitle": "فشلت عملية مشاركة الشاشة!",
+        "screenSharingPermissionDeniedError": "عجبًا! حصل خطأ ما متعلق بأذونات إضافة مشاركة الشاشة. أعد التحميل وجرِّب مرة أخرى، رجاءً.",
+        "searchInSalesforce": "ابحث في Salesforce",
+        "searchResults": "نتائج البحث ({{count}})",
+        "searchResultsDetailsError": "حدث خطأ ما أثناء استرداد بيانات المالك.",
+        "searchResultsError": "حدث خطأ ما أثناء استرداد البيانات.",
+        "searchResultsNotFound": "لم يتم العثور على نتائج عن البحث.",
+        "searchResultsTryAgain": "حاول استخدام كلمات رئيسية بديلة.",
+        "sendPrivateMessage": "وصلتك رسالة خاصة للتو، أتنوي الرد عليها ردًا خاصًا أم تريد إرسال رسالتك على المجموعة؟",
+        "sendPrivateMessageCancel": "أرسل إلى المجموعة",
+        "sendPrivateMessageOk": "أرسل ردًا خاصًا",
+        "sendPrivateMessageTitle": "أترسل ردًا خاصًا؟",
+        "serviceUnavailable": "الخدمة غير متاحة",
+        "sessTerminated": "أُنهيَت المكالمة",
+        "sessionRestarted": "إعادة الاتصال من الجسر",
+        "shareAudio": "استمر",
+        "shareAudioTitle": "كيفية مشاركة الصوت",
+        "shareAudioWarningD1": "تحتاج إلى إيقاف مشاركة الشاشة قبل مشاركة الصوت الخاص بك.",
+        "shareAudioWarningD2": "تحتاج إلى إعادة تشغيل مشاركة الشاشة والتحقق من خيار مشاركة الصوت .",
+        "shareAudioWarningH1": "إذا كنت تريد مشاركة الصوت فقط:",
+        "shareAudioWarningTitle": "تحتاج إلى إيقاف مشاركة الشاشة قبل مشاركة الصوت",
+        "shareMediaWarningGenericH2": "إذا كنت ترغب في مشاركة شاشتك والصوت",
+        "shareScreenWarningD1": "تحتاج إلى إيقاف مشاركة الصوت قبل مشاركة شاشتك.",
+        "shareScreenWarningD2": "تحتاج إلى إيقاف مشاركة الصوت وبدء مشاركة الشاشة وتحديد خيار مشاركة الصوت .",
+        "shareScreenWarningH1": "إذا كنت تريد مشاركة شاشتك فقط:",
+        "shareScreenWarningTitle": "تحتاج إلى إيقاف مشاركة الصوت قبل مشاركة شاشتك",
+        "shareVideoLinkError": "زودنا برابط يوتيوب صحيح",
+        "shareVideoTitle": "شارك فيديو",
+        "shareYourScreen": "شارك شاشتك",
+        "shareYourScreenDisabled": "مشاركة الشاشة مُعطَّلة",
+        "sharedVideoDialogError": "خطأ: رابط غير صالح",
+        "sharedVideoLinkPlaceholder": "رابط اليوتيوب او رابط الفيديو المباشر",
+        "start": "إبدأ",
+        "startLiveStreaming": "ابدأ بثًا حيًا",
+        "startRecording": "ابدأ التسجيل",
+        "startRemoteControlErrorMessage": "حصل خطأٌ أثناء محاولة بدء جلسة تحكم بعيد!",
+        "stopLiveStreaming": "أوقف البث الحي",
+        "stopRecording": "أوقف التسجيل",
+        "stopRecordingWarning": "أمتأكد من رغبتك بإيقاف التسجيل؟",
+        "stopStreamingWarning": "أمتأكد من رغبتك بإيقاف البث الحي؟",
+        "streamKey": "مفتاح البث الحي",
+        "thankYou": "نشكرك لاستعمال {{appName}}!",
+        "token": "مفتاح الأمان المساعد",
+        "tokenAuthFailed": "عذرًا، لا يسمح لك بالإنضام إلى هذه المكالمة.",
+        "tokenAuthFailedTitle": "فشلت عملية الاستيثاق",
+        "transcribing": "يذاع",
+        "unlockRoom": "إزل المُلتقى $t(lockRoomPassword)",
+        "user": "مستخدم",
+        "userIdentifier": "معرف المستخدم",
+        "userPassword": "كلمة مرور المستخدم",
+        "videoLink": "رابط الفيديو",
+        "viewUpgradeOptions": "عرض خيارات الترقية",
+        "viewUpgradeOptionsContent": "للحصول على وصول غير محدود إلى الميزات المتميزة مثل التسجيل والنسخ وتدفق RTMP والمزيد ، ستحتاج إلى ترقية خطتك.",
+        "viewUpgradeOptionsTitle": "لقد اكتشفت ميزة مميزة!",
+        "yourEntireScreen": "شاشتك كاملةً"
+    },
+    "documentSharing": {
+        "title": "الملف المشارك"
+    },
+    "e2ee": {
+        "labelToolTip": "فعَّل كل المشاركين في هذا الإجتماع عملية التعمية طرف لطرف"
+    },
+    "embedMeeting": {
+        "title": "ضمِّن هذا المُلتقى"
+    },
+    "feedback": {
+        "average": "المتوسط",
+        "bad": "سيئة",
+        "detailsLabel": "أخبرنا المزيد عن تجربتك.",
+        "good": "جيدة",
+        "rateExperience": "قيِّم تجربتك مع هذا الإجتماع",
+        "star": "نجمة",
+        "veryBad": "سيئة للغاية",
+        "veryGood": "ممتازة"
+    },
+    "giphy": {
+        "noResults": "لم يتم العثور على نتائج :(",
+        "search": "ابحث في GIPHY"
+    },
+    "helpView": {
+        "title": "مركز المساعدة"
+    },
+    "incomingCall": {
+        "answer": "أجب",
+        "audioCallTitle": "مكالمة صوتية واردة",
+        "decline": "ارفض",
+        "productLabel": "مُلتقى جيتسي",
+        "videoCallTitle": "مكالمة مرئية واردة"
+    },
+    "info": {
+        "accessibilityLabel": "أظهر المعلومات",
+        "addPassword": "أضف $t(lockRoomPassword)",
+        "cancelPassword": "ألغ $t(lockRoomPassword)",
+        "conferenceURL": "رابط:",
+        "copyNumber": "إنسخ الرقم",
+        "country": "البلد",
+        "dialANumber": "إن أردت الإنضمام إلى المُلتقى، اتصل بأحد الأرقام التالية ثم أدخل رمز المرور",
+        "dialInConferenceID": "رمز المرور (PIN):",
+        "dialInNotSupported": "عذرًا، الاتصال غير مدعوم حاليًا.",
+        "dialInNumber": "اتصل:",
+        "dialInSummaryError": "خطأ في تحصيل معلومات الاتصال. جرب مرة أخرى لاحقًا.",
+        "dialInTollFree": "رقم هاتف مجاني",
+        "genericError": "عفوًا، شيء ما لم يسر على ما يرام.",
+        "inviteLiveStream": "لمشاهدة البث الحي لهذا المُلتقى، اضط على هذا الرابط: {{url}}",
+        "invitePhone": "للإنضمام من الهاتف، استعمل: {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "أتبحث عن رقم اتصال مختلف؟\nأنظر أرقام الوصول إلى هذا الإجتماع: {{url}}\n\n\nإن كنت أيضًا تتصل عبر غرفة اتصال (room phone)، انضم دون الاتصال بالصوت: {{silentUrl}}",
+        "inviteSipEndpoint": "للانضمام باستخدام عنوان SIP ، أدخل هذا: {{sipUri}}",
+        "inviteTextiOSInviteUrl": "انقر فوق الرابط التالي للانضمام: {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "إذا كنت تقوم بالاتصال من خلال هاتف الغرفة ، فاستخدم هذا الارتباط للانضمام دون الاتصال بالصوت: {{silentUrl}}.",
+        "inviteTextiOSPersonal": "{{name}} يدعوك إلى مُلتقى.",
+        "inviteTextiOSPhone": "للانضمام عبر الهاتف ، استخدم هذا الرقم: {{number}},,{{conferenceID}}#. إذا كنت تبحث عن رقم مختلف ، فهذه هي القائمة الكاملة: {{didUrl}}.",
+        "inviteURLFirstPartGeneral": "دُعيِت للإنضمام إلى مُلتقى",
+        "inviteURLFirstPartPersonal": "دعاك {{name}} لمُلتقى.\n",
+        "inviteURLSecondPart": "\nانضم للمُلتقى:\n{{url}}\n",
+        "label": "تفاصيل المُلتقى",
+        "liveStreamURL": "بث حي:",
+        "moreNumbers": "أرقام إضافية",
+        "noNumbers": "لا يوجد أرقام اتصال.",
+        "noPassword": "لا يوجد",
+        "noRoom": "لم تُخصَّص غرفة للاتصال إليها",
+        "numbers": "أرقام الاتصال",
+        "password": "$t(lockRoomPasswordUppercase):",
+        "sip": "SIP عنوان",
+        "title": "شارك",
+        "tooltip": "شارك رابط وتفاصيل الاتصال لهذا المُلتقى"
+    },
+    "inlineDialogFailure": {
+        "msg": "تعثرث معنا بعض الأمور :(",
+        "retry": "حاول مرة أخرى",
+        "support": "الدعم",
+        "supportMsg": "إن تكرَّر حصول هذا، تواصل مع"
+    },
+    "inviteDialog": {
+        "alertText": "فشلت عملية دعوة بعض المشاركين",
+        "header": "ادعُ",
+        "searchCallOnlyPlaceholder": "أدخل رقم هاتف",
+        "searchPeopleOnlyPlaceholder": "ابحث عن مشاركين",
+        "searchPlaceholder": "مشارك أو رقم هاتف",
+        "send": "أرسل"
+    },
+    "jitsiHome": "{{logo}} الشعار ، رابط إلى الصفحة الرئيسية",
+    "keyboardShortcuts": {
+        "focusLocal": "ركز على الفيديو الخاص بك",
+        "focusRemote": "ركز على فيديو مشارك آخر",
+        "fullScreen": "استعمل/اخرج من وضع الشاشة الكاملة",
+        "giphyMenu": "تبديل قائمة GIPHY",
+        "keyboardShortcuts": "اختصارات لوحة المفاتيح",
+        "localRecording": "اظهِر أو اخفِ التحكم بالتسجيل المحلي",
+        "mute": "اكتم أو ألغ كتم المايكروفون الخاص بك",
+        "pushToTalk": "اضغط للتحدث",
+        "raiseHand": "ارفع/اخفض يدك",
+        "showSpeakerStats": "اظهر حالة مكبر الصوت",
+        "toggleChat": "افتح/أغلق المحادثة",
+        "toggleFilmstrip": "أظهِر/اخفِ إطار الفيديو المُصغَّر",
+        "toggleParticipantsPane": "إظهار أو إخفاء قائمة المشاركين",
+        "toggleScreensharing": "بدِّل بين الكاميرا ومشاركة الشاشة",
+        "toggleShortcuts": "أظهِر/اخفِ اختصارات لوحة المفاتيح",
+        "videoMute": "ابدأ/أوقف كاميرتك"
+    },
+    "largeVideo": {
+        "screenIsShared": "أنت تشارك شاشتك",
+        "showMeWhatImSharing": "أرني ما أشاركه"
+    },
+    "liveStreaming": {
+        "busy": "نعمل على تحرير موارد البث. حاول مرة أخرى رجاءً بعض بضعة دقائق.",
+        "busyTitle": "جميع من يبث الفيديو مشغولون حاليًا",
+        "changeSignIn": "بدِّل الحسابات.",
+        "choose": "اختر بثًا حيًا",
+        "chooseCTA": "حدد خيار البث. أنت مسجل حاليًا بصفتك {{email}}.",
+        "enterStreamKey": "أدخل مفتاح البث الحي الخاص باليوتيوب هنا",
+        "error": "فشلت عملية البث الحي. حاول مرَّة أخرى لاحقًا.",
+        "errorAPI": "حصل خطأ أثناء الوصول إلى البث الخاص بك على يوتيوب. حاول تسجيل الدخول مرَّة أخرى.",
+        "errorLiveStreamNotEnabled": "البث الحي غير مفعَّل على على {{email}}. فعَّل البث الحي رجاءً، أو سجِّل الدخل إلى حسابٍ مُفعَّل فيه البث الحي",
+        "expandedOff": "أُوقِف البث الحي",
+        "expandedOn": "يجري بث المُلتقى على يوتيوب",
+        "expandedPending": "تبدأ عملية البث الحي…",
+        "failedToStart": "فشلت عملية بدء البث الحي",
+        "getStreamKeyManually": "لم نتمكن من الوصول إلى أي بث حي. جرب جلب مفتاح بث حي خاص بك من يوتيوب.",
+        "googlePrivacyPolicy": "سياسية خصوصية غوغل",
+        "inProgress": "البث المباشر غير ممكّن على {{email}}. يرجى تمكين البث المباشر أو تسجيل الدخول إلى حساب مع تمكين البث المباشر.",
+        "invalidStreamKey": "يحتمل كون مفتاح البث الحي غير صحيح.",
+        "limitNotificationDescriptionNative": "سيقيَّد البث إلى {{limit}} د، ولكن إن أردت إجراء عملية بث غير محدودة، جرِّب  {{app}}.",
+        "limitNotificationDescriptionWeb": "نظرًا للضغط الكبير، سيقيَّد البث إلى {{limit}} د، ولكن إن أردت إجراء عملية بث غير محدودة، جرِّب  <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "off": "أُوقِف البث الحي",
+        "offBy": "أوقف {{name}} البث الحي",
+        "on": "بث حي",
+        "onBy": "بدأ {{name}} بثًّا حيًّا",
+        "pending": "بدء بثٍّ حيٍّ",
+        "serviceName": "خدمة البث الحي",
+        "sessionAlreadyActive": "هذه الجلسة قيد التسجيل أو البث المباشر.",
+        "signIn": "سجل الدخول عبر حساب غوغل",
+        "signInCTA": "سجل الدخول أو أدخل مفتاح البث الحي الخاص بك من يوتيوب",
+        "signOut": "سجِّل الخروج",
+        "signedInAs": "أنت مسجل حاليًا بصفة:",
+        "start": "ابدأبثًّا حيًّا",
+        "streamIdHelp": "ما هذا؟",
+        "title": "البث المباشر الحي",
+        "unavailableTitle": "خدمة البث الحي غير متوفرة",
+        "youtubeTerms": "شروط خدمة يوتيوب"
+    },
+    "lobby": {
+        "allow": "اسمح",
+        "backToKnockModeButton": "لا يوجد كلمة مرور، اطلب الإذن بالدخول بدلًا من ذلك.",
+        "chat": "دردشة",
+        "dialogTitle": "ونضع غرفة الانتظار",
+        "disableDialogContent": "وضع غرفة الانتظار مفعَّل. تسمح هذه الميزة بعدم السماح للغرباء بالانضمام إلى المُلتقى، فهل تريد حقًا تعطيلها؟",
+        "disableDialogSubmit": "عطِّل",
+        "emailField": "أدخل بريدك الإلكتروني",
+        "enableDialogPasswordField": "حدِّد كلمة مرور (اختياري)",
+        "enableDialogSubmit": "فعِّل",
+        "enableDialogText": "يحمي وضع الانتظار غرفة المُلتقى عبر منح رئيس الجلسة إمكانية الموافقة على انضمام المشاركين.",
+        "enterPasswordButton": "أدخل كلمة المرور لهذا المُلتقى",
+        "enterPasswordTitle": "أدخل كلمة المرور للدخول للمُلتقى",
+        "errorMissingPassword": "الرجاء إدخال كلمة مرور المُلتقى",
+        "invalidPassword": "كلمة مرور غير صحيحة",
+        "joinRejectedMessage": "رفض رئيس الجلسة منحك الإذن بالدخول إلى المُلتقى",
+        "joinRejectedTitle": "تم رفض طلب الانضمام.",
+        "joinTitle": "انضم للمُلتقى",
+        "joinWithPasswordMessage": "الرجاء الانتظار أثناء محاولة الدخول دون كلمة مرور…",
+        "joiningMessage": "ستتمكن من الانضمام للمُلتقى بعد الموافقة على طلبك",
+        "joiningTitle": "يجري طلب إذنٍ للدخول…",
+        "joiningWithPasswordTitle": "الدخول مع كلمة مرور…",
+        "knockButton": "اطلب إذن الدخول",
+        "knockTitle": "يريد أحدٌ الدخول إلى المُلتقى",
+        "knockingParticipantList": "تنبيه قائمة المشاركين",
+        "lobbyChatStartedNotification": "بدأ {{moderator}} دردشة في الردهة مع {{attendee}}",
+        "lobbyChatStartedTitle": "بدأ {{moderator}} محادثة في الردهة معك.",
+        "nameField": "أدخل اسمك",
+        "notificationLobbyAccessDenied": "رفض {{originParticipantName}} مشاركة  {{targetParticipantName}} للمُلتقى",
+        "notificationLobbyAccessGranted": "سمح {{originParticipantName}} بمشاركة  {{targetParticipantName}} للمُلتقى",
+        "notificationLobbyDisabled": "عطَّل {{originParticipantName}} وضع غرفة الانتظار",
+        "notificationLobbyEnabled": "فعَّل {{originParticipantName}} وضع غرفة الانتظار",
+        "notificationTitle": "غرفة الانتظار",
+        "passwordField": "أدخل كلمة الدخول إلى المُلتقى",
+        "passwordJoinButton": "انضم",
+        "title": "غرفة الانتظار",
+        "toggleLabel": "فعِّل غرفة الانتظار"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "مُطفَأ",
+            "on": "مُشغَّل",
+            "unknown": "غير معروف"
+        },
+        "dialogTitle": "التحكم بالتسجيل المحلي",
+        "duration": "المدة",
+        "durationNA": "غير متوفر",
+        "encoding": "الترميز",
+        "label": "تسجيل محلي",
+        "labelToolTip": "التسجيل المحلي مُشغَّل",
+        "localRecording": "تسجيل محلي",
+        "me": "أنا",
+        "messages": {
+            "engaged": "بدء تسجيل محلي",
+            "finished": "انتهت جلسة التسجيل {{token}}. أرسل الملف المُسجَّل إلى رئيس الجلسة رجاءً.",
+            "finishedModerator": "انتهت جلسة التسجيل {{token}}. حُفِظ التسجيل للمسار المحلي. اطلب رجاءً من المشاركين بإرسال تسجيلاتهم.",
+            "notModerator": "لست رئيس الجلسة. لا تستطيع بدء أو إيقاف عملية تسجيل محلي."
+        },
+        "moderator": "رئيس الجلسة",
+        "no": "لا",
+        "participant": "مشارك",
+        "participantStats": "حالة مشارك",
+        "sessionToken": "مفتاح المرور المساعد للجلسة",
+        "start": "ابدأ التسجيل",
+        "stop": "أوقف التسجيل",
+        "yes": "نعم"
+    },
+    "lockRoomPassword": "كلمة المرور",
+    "lockRoomPasswordUppercase": "كلمة المرور",
+    "lonelyMeetingExperience": {
+        "button": "ادعُ آخرين",
+        "youAreAlone": "أنت بمفردك في المُلتقى"
+    },
+    "me": "أنا",
+    "notify": {
+        "OldElectronAPPTitle": "ثغرة أمنية!",
+        "allowAction": "يسمح",
+        "allowedUnmute": "يمكنك إعادة صوت الميكروفون و بدء تشغيل الكاميرا أو مشاركة شاشتك.",
+        "audioUnmuteBlockedDescription": "تم حظر عملية إلغاء كتم صوت الميكروفون مؤقتًا بسبب قيود النظام.",
+        "audioUnmuteBlockedTitle": "تم حظر إعادة صوت الميكروفون!",
+        "chatMessages": "رسائل الدردشة",
+        "connectedOneMember": "انضم {{name}} للمُلتقى",
+        "connectedThreePlusMembers": "انضم {{name}} وعدد {{count}} غيره إلى المُلتقى",
+        "connectedTwoMembers": "انضم {{first}} و {{second}} إلى المُلتقى",
+        "disconnected": "انقطع الاتصال",
+        "displayNotifications": "عرض الإخطارات لـ",
+        "focus": "التركيز على المؤتمر",
+        "focusFail": "إنَّ {{component}} غير متاح. ستعاد المحاولة مرة أخرى خلال {{ms}} ثانية.",
+        "gifsMenu": "GIPHY",
+        "groupTitle": "إشعارات",
+        "hostAskedUnmute": "يريدك مدير اللقاء أن تتحدث.",
+        "invitedOneMember": "دُعِي {{name}}",
+        "invitedThreePlusMembers": "دُعِي {{name}} وعدد {{count}} آخرين",
+        "invitedTwoMembers": "دُعِي {{first}} و {{second}}",
+        "kickParticipant": "طرد {{kicked}} المشارك {{kicker}}",
+        "leftOneMember": "{{name}} غادر المُلتقى",
+        "leftThreePlusMembers": "غادر {{name}} والعديد من الأشخاص الآخرين المُلتقى",
+        "leftTwoMembers": "غادر {{first}} و {{second}} المُلتقى",
+        "linkToSalesforce": "ارتباط إلى Salesforce",
+        "linkToSalesforceDescription": "يمكنك ربط ملخص الاجتماع بكائن Salesforce.",
+        "linkToSalesforceError": "فشل ربط المُلتقى بـ Salesforce",
+        "linkToSalesforceKey": "ربط هذا المُلتقى",
+        "linkToSalesforceProgress": "جارٍ ربط الاجتماع بـ Salesforce…",
+        "linkToSalesforceSuccess": "تم ربط الاجتماع بـ Salesforce",
+        "localRecordingStarted": "بدأ {{name}} تسجيلًا محليًا.",
+        "localRecordingStopped": "أوقف {{name}} التسجيل المحلي.",
+        "me": "أنا",
+        "moderationInEffectCSDescription": "يرجى رفع اليد إذا كنت تريد مشاركة شاشتك.",
+        "moderationInEffectCSTitle": "تم حظر مشاركة الشاشة من قبل المشرف",
+        "moderationInEffectDescription": "من فضلك ارفع يدك إذا كنت تريد التحدث.",
+        "moderationInEffectTitle": "تم كتم صوت الميكروفون الخاص بك بواسطة المشرف",
+        "moderationInEffectVideoDescription": "يرجى رفع يدك إذا كنت تريد بدء تشغيل الكاميرا.",
+        "moderationInEffectVideoTitle": "تم حظر الكاميرا الخاصة بك من قبل المشرف",
+        "moderationRequestFromModerator": "المضيف يريد منك إلغاء كتم الصوت",
+        "moderationRequestFromParticipant": "يريد التحدث",
+        "moderationStartedTitle": "بدأ الاشراف",
+        "moderationStoppedTitle": "توقف الاشراف",
+        "moderationToggleDescription": "من {{participantDisplayName}}",
+        "moderator": "مُنحَت صلاحية رئيس الجلسة!",
+        "muted": "بدأ المحادثة مكتوب الصوت.",
+        "mutedRemotelyDescription": "يمكنك إلغاء الكتم متى كنت جاهزًا للتحدث. اكتم الصوت بعد الانتهاء من التحدث لخفض الضجيج أثناء المُلتقى",
+        "mutedRemotelyTitle": "كتم {{participantDisplayName}} الصوت لديك!",
+        "mutedTitle": "مكتوم!",
+        "newDeviceAction": "استعمل",
+        "newDeviceAudioTitle": "اكتُشفَ جهاز صوت جديد",
+        "newDeviceCameraTitle": "اكتُشفَت كاميرا جديدة",
+        "noiseSuppressionDesktopAudioDescription": "لا يمكن تمكين منع الضوضاء أثناء مشاركة صوت سطح المكتب ، يرجى تعطيله والمحاولة مرة أخرى.",
+        "noiseSuppressionFailedTitle": "فشل في بدء قمع الضوضاء",
+        "noiseSuppressionNoTrackDescription": "يرجى إعادة صوت الميكروفون أولاً.",
+        "noiseSuppressionStereoDescription": "قمع ضوضاء صوت الاستريو غير مدعوم حاليًا.",
+        "oldElectronClientDescription1": "يبدو أنَّك تستعمل إصدارًا قديمًا من جيتسي يحوي ثغرة أمنية. تأكد رجاءً من أنَّك حدَّثته إلى ",
+        "oldElectronClientDescription2": "أحدث إصدار",
+        "oldElectronClientDescription3": " الآن!",
+        "participantWantsToJoin": "يريد الانضمام إلى المُلتقى",
+        "participantsWantToJoin": "يريد الانضمام إلى المُلتقى",
+        "passwordRemovedRemotely": "أزال أحد المشاركين {{participantDisplayName}}",
+        "passwordSetRemotely": "ضبط أحد المشاركين $t(lockRoomPasswordUppercase)",
+        "raiseHandAction": "رفع اليد",
+        "raisedHand": "يريد {{name}} التحدث",
+        "raisedHands": "{{participantName}} و {{raisedHands}}المزيد من الناس",
+        "reactionSounds": "تعطيل الأصوات",
+        "reactionSoundsForAll": "تعطيل الأصوات للجميع",
+        "screenShareNoAudio": "لم يتم تحديد مربع مشاركة الصوت في شاشة تحديد النافذة.",
+        "screenShareNoAudioTitle": "تعذرت مشاركة صوت النظام!",
+        "selfViewTitle": "يمكنك دائمًا إلغاء إخفاء العرض الذاتي من الإعدادات",
+        "somebody": "شخص ما",
+        "startSilentDescription": "أنضم مجدَّدًا للمُلتقى لتفعيل الصوت",
+        "startSilentTitle": "انضممت دون مخرج للصوت!",
+        "suboptimalBrowserWarning": "نخشى أن لا تكون تجربة المُلتقى جيدة. نعمل على تحسين الكثير من الأمور، لكن ننصحك حتى ذلك الحين باستعمال باستعمال أحد <a href='static/recommendedBrowsers.html' target='_blank'>المتصفحات المدعومة</a>.",
+        "suboptimalExperienceTitle": "تحذير من المتصفح",
+        "unmute": "إلغاء الكتم",
+        "videoMutedRemotelyDescription": "يمكنك دائمًا تشغيله مرة أخرى.",
+        "videoMutedRemotelyTitle": "تم إيقاف الفيديو الخاص بك بواسطة {{participantDisplayName}}",
+        "videoUnmuteBlockedDescription": "تم حظر عملية إلغاء كتم الكاميرا مؤقتًا بسبب قيود النظام.",
+        "videoUnmuteBlockedTitle": "تم حظر إعادة الكاميرا!",
+        "viewLobby": "مشاهدة اللوبي",
+        "waitingParticipants": "{{waitingParticipants}} اشخاص"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "سمح بالدخول",
+            "admitAll": "سمح للجميع بالدخول",
+            "allow": "السماح للحاضرين بـ:",
+            "allowVideo": "السماح بالفيديو",
+            "askUnmute": "اطلب إعادة الصوت",
+            "audioModeration": "إعادة صوت أنفسهم",
+            "blockEveryoneMicCamera": "حظر ميكروفون وكاميرا الجميع",
+            "invite": "قم بدعوة شخص ما",
+            "moreModerationActions": "المزيد من خيارات الاشراف",
+            "moreModerationControls": "المزيد من ضوابط الاشراف",
+            "moreParticipantOptions": "المزيد من خيارات المشاركين",
+            "mute": "كتم الصوت",
+            "muteAll": "كتم الكل",
+            "muteEveryoneElse": "كتم صوت  الآخرين",
+            "reject": "رفض",
+            "stopEveryonesVideo": "أوقف فيديو الجميع",
+            "stopVideo": "أوقف الفيديو",
+            "unblockEveryoneMicCamera": "قم بإلغاء حظر ميكروفون وكاميرا الجميع",
+            "videoModeration": "ابدأ الفيديو الخاص بهم"
+        },
+        "close": "غلق",
+        "headings": {
+            "lobby": "الردهة ({{count}})",
+            "participantsList": "المشاركون في المُلتقى({{count}})",
+            "waitingLobby": "منتظرون في الردهة ({{count}})"
+        },
+        "search": "بحث",
+        "title": "مشاركون"
+    },
+    "passwordDigitsOnly": "حتى {{number}} عدد",
+    "passwordSetRemotely": "ضبطها مشارك آخر",
+    "pinnedParticipant": "تم تثبيت المشارك",
+    "polls": {
+        "answer": {
+            "skip": "تخطى",
+            "submit": "يقدم"
+        },
+        "by": "من",
+        "create": {
+            "addOption": "إضافة خيار",
+            "answerPlaceholder": "خيار {{index}}",
+            "cancel": "إلغاء",
+            "create": "إنشاء استطلاع",
+            "pollOption": "خيار الاستطلاع {{index}}",
+            "pollQuestion": "سؤال الاستطلاع",
+            "questionPlaceholder": "طرح سؤال",
+            "removeOption": "إزالة خيار",
+            "send": "أرسل"
+        },
+        "errors": {
+            "notUniqueOption": "يجب أن تكون الخيارات فريدة"
+        },
+        "notification": {
+            "description": "افتح علامة تبويب الاقتراع للتصويت",
+            "title": "تمت إضافة اقتراع جديد إلى هذا المُلتقى"
+        },
+        "results": {
+            "changeVote": "تغيير التصويت",
+            "empty": "لا توجد استطلاعات للرأي في المُلتقى حتى الآن. ابدأ الاستطلاع هنا!",
+            "hideDetailedResults": "أخفِ التفاصيل",
+            "showDetailedResults": "اظهر التفاصيل",
+            "vote": "تصويت"
+        }
+    },
+    "poweredby": "مُشغَّل بوساطة",
+    "prejoin": {
+        "audioAndVideoError": "خطأ في الصوت أو الفيديو:",
+        "audioDeviceProblem": "هنالك خطأ في جهاز الصوت لديك.",
+        "audioOnlyError": "خطأ في الصوت:",
+        "audioTrackError": "لم نتمكن من إنشاء ملف الصوت",
+        "callMe": "اتصل بي",
+        "callMeAtNumber": "اتصل بي على هذا الرقم:",
+        "calling": "قيد الاتصال",
+        "configuringDevices": "يجري ضبط الأجهزة…",
+        "connectedWithAudioQ": "هل متصل بجهاز صوت؟",
+        "connection": {
+            "good": "اتصال الإنترنت لديك جيد!",
+            "nonOptimal": "اتصال الإنترنت لديك ليس كما هو مطلوب",
+            "poor": "اتصال الإنترنت لديك ضعيف"
+        },
+        "connectionDetails": {
+            "audioClipping": "نتوقع أن يُقتطع ملف الصوت",
+            "audioHighQuality": "نتوقع أن تكون جودة ملف الصوت ممتازة!",
+            "audioLowNoVideo": "نتوقع أن تكون جودة الصوت منخفضة وبدون فيديو",
+            "goodQuality": "رائع! الجودة في تحسن للأفضل!",
+            "noMediaConnectivity": "لم نتمكن من إيجاد وسيلة لإنشاء اتصال لهذه التجربة، وسبب هذا عائد إلى الجدار الناري أو مترجم عناوين الشبكة NAT في أغلب الأحيان.",
+            "noVideo": "نتوقع أن تكون جودة الفيديو تعيسة.",
+            "undetectable": "إن مازلت غير قادر على إجراء اتصالات من المتصفح، ننصح بالتأكد من حالة مكبرات الصوت والمايكروفون والكاميرا، وأنَّك منحت المتصفح إذن الوصول إليها وأن المتصفح محدَّث إلى أحدث إصدار. إن ما زلت تواجه مشاكل في الاتصال بعد ذلك، حاول التواصل مع مطوري تطبيق الويب.",
+            "veryPoorConnection": "نتوقع أن تكون جودة الاتصال تعيسة.",
+            "videoFreezing": "نتوقع حصول جمود في الفيديو أو تحول الصورة للسواد",
+            "videoHighQuality": "نتوقع أن تكون جودة الفيديو جيدة",
+            "videoLowQuality": "نتوقع أن تكون جودة الفيديو منخفضة من ناحية معدِّل الإطارات والدقة",
+            "videoTearing": "نتوقع أن تكون دقة الفيديو تعيسة"
+        },
+        "copyAndShare": "انسخ رابط المُلتقى وشاركه",
+        "dialInMeeting": "يجري الاتصال بالمُلتقى",
+        "dialInPin": "يجري الاتصال، أدخل الرمز PIN:",
+        "dialing": "يجري الاتصال",
+        "doNotShow": "لا تظهر لي هذه مرة أخرى",
+        "errorDialOut": "لم نتمكن من الاتصال",
+        "errorDialOutDisconnected": "قطع الاتصال لفشل العملية.",
+        "errorDialOutFailed": "فشلت عملية الاتصال، للأسف.",
+        "errorDialOutStatus": "خطأ في معرفة حالة الاتصال",
+        "errorMissingName": "أدخل اسمك للدخول للمُلتقى",
+        "errorNoPermissions": "تحتاج إلى تمكين الوصول إلى الميكروفون والكاميرا",
+        "errorStatusCode": "فشل الاتصال برمز خطأ: {{status}}",
+        "errorValidation": "فشل التحقق من الرقم",
+        "iWantToDialIn": "أريد الاتصال",
+        "initiated": "بدأ الاتصال",
+        "joinAudioByPhone": "انضم مع صوت من الجوال",
+        "joinMeeting": "انضم للمُلتقى",
+        "joinMeetingInLowBandwidthMode": "الانضمام في وضع النطاق الترددي المنخفض",
+        "joinWithoutAudio": "انضم دون صوت",
+        "keyboardShortcuts": "تفعيل اختصارات لوحة المفاتيح",
+        "linkCopied": "نُسِخ الرابط",
+        "lookGood": "يبدو أن الميكروفون لديك سيء",
+        "or": "أو",
+        "premeeting": "ما قبل المُلتقى",
+        "screenSharingError": "خطأ في مشاركة الشاشة:",
+        "startWithPhone": "البدء مع جهاز الصوت من الجوال",
+        "videoOnlyError": "خطأ في الفيديو:",
+        "videoTrackError": "لم نتمكن من إنشاء ملف الفيديو",
+        "viewAllNumbers": "عرض جميع الأرقام"
+    },
+    "presenceStatus": {
+        "busy": "مشغول",
+        "calling": "يتحدث…",
+        "connected": "متصل",
+        "connecting": "يتصل…",
+        "connecting2": "يتصل…",
+        "disconnected": "غير الاتصال",
+        "expired": "منتهي الصلاحية",
+        "ignored": "مهمل",
+        "initializingCall": "تهيئة مكالمة…",
+        "invited": "مدعو",
+        "rejected": "مرفوض",
+        "ringing": "يرن…"
+    },
+    "privacyView": {
+        "title": "خصوصية"
+    },
+    "profile": {
+        "avatar": "avatar",
+        "setDisplayNameLabel": "حدد اسمك المراد عرضه",
+        "setEmailInput": "أدخل بريدك الإلكتروني",
+        "setEmailLabel": "حدد الصورة الرمزية (gravatar) لبريدك الإلكتروني",
+        "title": "الملف الشخصي"
+    },
+    "raisedHand": "يرد التحدث",
+    "raisedHandsLabel": "عدد الأيدي المرفوعة",
+    "record": {
+        "already": {
+            "linked": "السجل مرتبط بالفعل بهذه الجلسة."
+        },
+        "type": {
+            "account": "الحساب",
+            "contact": "جهات الاتصال",
+            "lead": "البدء",
+            "opportunity": "الفرصة",
+            "owner": "المالك"
+        }
+    },
+    "recording": {
+        "authDropboxText": "رفع إلى Dropbox",
+        "availableSpace": "المساحة المتاحة: {{spaceLeft}} ميغابايت (ما يقارب {{duration}} دقيقة تسجيل).",
+        "beta": "تجريبي",
+        "busy": "نعمل على تحرير موارد التسجيل. حاول مرة أخرى بعد بضعة دقائق.",
+        "busyTitle": "جميع المسجلين مشغولون حاليًا",
+        "copyLink": "Copy Link",
+        "error": "فشل التسجيل. حاول مرة أخرى.",
+        "errorFetchingLink": "خطأ في جلب رابط التسجيل.",
+        "expandedOff": "أوقٍف التسجيل",
+        "expandedOn": "يُسجَّل المُلتقى الآن",
+        "expandedPending": "بدء التسجيل…",
+        "failedToStart": "فشل بدء التسجيل",
+        "fileSharingdescription": "شارك التسجيل مع المشاركين للمُلتقى",
+        "highlight": "تسليط الضوء",
+        "highlightMoment": "لحظة تسليط الضوء",
+        "highlightMomentDisabled": "يمكنك تمييز اللحظات التي يبدأ فيها التسجيل",
+        "highlightMomentSuccess": "تم تمييز اللحظة",
+        "highlightMomentSucessDescription": "ستتم إضافة اللحظة المميزة إلى ملخص المُلتقى.",
+        "inProgress": "التسجيل أو البث المباشر قيد التقدم",
+        "limitNotificationDescriptionNative": "نظرًا للضغط الكبير، سيقيَّد التسجيل إلى {{limit}} د، ولكن إن أردت التسجيل لمدة مفتوحة، جرِّب <3>{{app}}</3>.",
+        "limitNotificationDescriptionWeb": "نظرًا للضغط الكبير، سيقيَّد التسجيل إلى {{limit}} د، ولكن إن أردت التسجيل لمدة مفتوحة، جرِّب <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "linkGenerated": "لقد أنشأنا رابطًا لتسجيلك.",
+        "live": "مباشر",
+        "localRecordingNoNotificationWarning": "لن يتم الإعلان عن التسجيل للمشاركين الآخرين. ستحتاج إلى إخبارهم بأنه تم تسجيل الاجتماع.",
+        "localRecordingNoVideo": "لا يتم تسجيل الفيديو",
+        "localRecordingStartWarning": "يرجى التأكد من إيقاف التسجيل قبل الخروج من الاجتماع من أجل حفظه.",
+        "localRecordingStartWarningTitle": "أوقف التسجيل لحفظه",
+        "localRecordingVideoStop": "سيؤدي إيقاف الفيديو أيضًا إلى إيقاف التسجيل المحلي. هل أنت متأكد أنك تريد الاستمرار؟",
+        "localRecordingVideoWarning": "لتسجيل الفيديو الخاص بك ، يجب أن يكون لديك عند بدء التسجيل",
+        "localRecordingWarning": "تأكد من تحديد علامة التبويب الحالية لاستخدام الفيديو والصوت الصحيحين. التسجيل محدود حاليًا بـ 1 كيغابايت ، أي حوالي 100 دقيقة.",
+        "loggedIn": "مُسجَّل باسم {{userName}}",
+        "noStreams": "لم يتم الكشف عن دفق الصوت أو الفيديو.",
+        "off": "أوقِف التسجيل",
+        "offBy": "أوقَف {{name}} التسجيل",
+        "on": "تسجيل",
+        "onBy": "بدأ {{name}} التسجيل",
+        "onlyRecordSelf": "تسجيل فقط دفق الصوت والفيديو الخاصة بي",
+        "pending": "التحضير لتسجيل المُلتقى…",
+        "rec": "تسجيل",
+        "saveLocalRecording": "حفظ ملف التسجيل محليا",
+        "serviceDescription": "ستحفظ خدمة التسجيل الفيديو المستجل",
+        "serviceDescriptionCloud": "تسجيل سحابي",
+        "serviceDescriptionCloudInfo": "يتم مسح المُلتقيات المسجلة تلقائيًا بعد 24 ساعة من وقت التسجيل.",
+        "serviceName": "خدمة التسجيل",
+        "sessionAlreadyActive": "هذه الجلسة قيد التسجيل أو البث المباشر.",
+        "signIn": "دخول",
+        "signOut": "خروج",
+        "surfaceError": "الرجاء تحديد علامة التبويب الحالية.",
+        "title": "قيد التسجيل",
+        "unavailable": "عجبًا! {{serviceName}} غير متاحة حاليًا. نعمل على حل المشكلة. حاول مرة أخرى لاحقًا.",
+        "unavailableTitle": "التسجيل غير متاح",
+        "uploadToCloud": "تحميل إلى السحابة"
+    },
+    "screenshareDisplayName": "شاشة {{name}}",
+    "sectionList": {
+        "pullToRefresh": "اسحب للتحديث"
+    },
+    "security": {
+        "about": "يمكنك إضافة $t(lockRoomPassword) إلى المُلتقى. سيتوجب على المشاركين إدخال $t(lockRoomPassword) قبل السماح لهم بالانضمام إلى المُلتقى.",
+        "aboutReadOnly": "المشاركون بصفة رئيس الجلسة يمكنهم إضافة $t(lockRoomPassword) إلى المُلتقى. سيتوجب على المشاركين إدخال $t(lockRoomPassword) قبل السماح لهم بالانضمام إلى المُلتقى.",
+        "insecureRoomNameWarning": "اسم الغرفة غير آمن، فقد ينضم عبره مشاركون غرباء إلى المُلتقى. ننصحك بتأمين المُلتقى عبر  وسائل الحماية التي يوفرها زر الحماية.",
+        "title": "خيارات الأمان"
+    },
+    "settings": {
+        "audio": "الصوت",
+        "buttonLabel": "إعدادات",
+        "calendar": {
+            "about": "تُستعمَل الرزنامة {{appName}} المدمجة للوصل بأمان إلى رزنامتك، لذا بالإمكان معرفة الأحداث القادمة.",
+            "disconnect": "قطع الاتصال",
+            "microsoftSignIn": "سجل الدخول باستعمال حساب مايكروسوفت",
+            "signedIn": "يجري الوصول إلى أحداث الرزنامة حاليًا التي تخص {{email}}. اضغط على زر قطع الاتصال بالأسفل لإيقاف الوصول إلى أحداث المسجلة في الرزنامة.",
+            "title": "الرزنامة"
+        },
+        "desktopShareFramerate": "معدل إطارات مشاركة سطح المكتب",
+        "desktopShareHighFpsWarning": "قد يؤثر معدل الإطارات الأعلى لمشاركة سطح المكتب على النطاق الترددي الخاص بك. تحتاج إلى إعادة تشغيل مشاركة الشاشة حتى تدخل الإعدادات الجديدة حيز التنفيذ.",
+        "desktopShareWarning": "تحتاج إلى إعادة تشغيل مشاركة الشاشة حتى تدخل الإعدادات الجديدة حيز التنفيذ. تحتاج إلى إعادة تشغيل مشاركة الشاشة حتى يتم تفعيل الإعدادات الجديدة.",
+        "devices": "الأجهزة",
+        "followMe": "كل من يتابعني",
+        "framesPerSecond": "إطار في الثانية",
+        "incomingMessage": "رسالة واردة",
+        "language": "اللغة",
+        "loggedIn": "الدخول باسم {{name}}",
+        "maxStageParticipants": "الحد الأقصى لعدد المشاركين الذين يمكن تثبيتهم في المرحلة الرئيسية",
+        "microphones": "المايكروفون",
+        "moderator": "رئيس الجلسة",
+        "more": "المزيد",
+        "name": "الاسم",
+        "noDevice": "لا يوجد",
+        "notifications": "الإشعارات",
+        "participantJoined": "انضم مشارك",
+        "participantKnocking": "دخل المشارك في الردهة",
+        "participantLeft": "غادر المشارك",
+        "playSounds": "تشغيل الصوت عند:",
+        "reactions": "ردود فعل المُلتقى",
+        "sameAsSystem": "مثل النظام ({{label}})",
+        "selectAudioOutput": "خرج الصوت",
+        "selectCamera": "الكاميرا",
+        "selectMic": "المايكروفون",
+        "selfView": "عرض ذاتي",
+        "shortcuts": "اختصارات لوحة المفاتيح",
+        "sounds": "اصوات",
+        "speakers": "المذياع (مكبر الصوت)",
+        "startAudioMuted": "بدء الجميع مكتومي الصوت",
+        "startReactionsMuted": "كتم رد فعل الصوت للجميع",
+        "startVideoMuted": "بدء الجميع دون فيديو",
+        "talkWhileMuted": "تحدث أثناء كتم الصوت",
+        "title": "الإعدادات",
+        "video": "الفيديو"
+    },
+    "settingsView": {
+        "advanced": "إعدادات متقدمة",
+        "alertCancel": "ألغِ",
+        "alertOk": "تمام",
+        "alertTitle": "تحذير",
+        "alertURLText": "رابط المُخدِّم المدخل غير صالح",
+        "buildInfoSection": "معلومات الإصدار",
+        "conferenceSection": "مؤتمر",
+        "disableCallIntegration": "تعطيل دمج الاتصال الأساسي",
+        "disableCrashReporting": "عطِّل تقارير الأعطال التقنية",
+        "disableCrashReportingWarning": "أمتأكد من تعطيل تقارير الأعطال التقنية؟ ستسري الإعدادات الجديدة بعد إعادة تشغيل التطبيق",
+        "disableP2P": "تعطيل وضع واحد شخص-لشخص",
+        "displayName": "عرض الاسم",
+        "displayNamePlaceholderText": "على سبيل المثال: علي الحيدري",
+        "email": "البريد الإلكتروني",
+        "goTo": "اذهب إلى",
+        "header": "الإعدادات",
+        "help": "مساعدة",
+        "links": "روابط",
+        "privacy": "خصوصية",
+        "profileSection": "الملف الشخصي",
+        "serverURL": "رابط المُخدِّم",
+        "showAdvanced": "أظهِر الإعدادات المتقدمة",
+        "startWithAudioMuted": "بدء الجميع مكتومي الصوت",
+        "startWithVideoMuted": "بدء الجميع دون فيديو",
+        "terms": "شروط",
+        "version": "الإصدار"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nأتريد الاتصال فقط من هاتفك؟\n\n{{defaultDialInNumber}}اضغط على هذا الرابط لرؤية أرقام الهواتف الخاصة بهذا المُلتقى\n{{dialInfoPageUrl}}",
+        "mainText": "اضغط على الرابط التالي للانضمام إلى المُلتقى:\n{{roomUrl}}"
+    },
+    "speaker": "المتحدث",
+    "speakerStats": {
+        "angry": "غاضب",
+        "disgusted": "مشمئز",
+        "displayEmotions": "إظهار المشاعر",
+        "fearful": "خائف",
+        "happy": "سعيد",
+        "hours": "{{count}}س",
+        "minutes": "{{count}}د",
+        "name": "الاسم",
+        "neutral": "حيادي",
+        "sad": "حزين",
+        "search": "بحث",
+        "searchHint": "البحث عن المشاركين",
+        "seconds": "{{count}}ثا",
+        "speakerStats": "حالة المتحدث",
+        "speakerTime": "وقت المتحدث",
+        "surprised": "مندهش"
+    },
+    "startupoverlay": {
+        "genericTitle": "يحتاج المُلتقى إلى استخدام الميكروفون والكاميرا.",
+        "policyText": " ",
+        "title": "يريد {{app}} استعمال الميكروفون والكاميرا خاصَّتك."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "المنطقة",
+        "text": "اضغط على زر <i>المنطقة</i> لإعادة الاتصال.",
+        "title": "قُطِع اتصال الفيديو لدخول هذا الحاسوب في وضع النوم."
+    },
+    "termsView": {
+        "title": "مصطلحات"
+    },
+    "toggleTopPanelLabel": "تبديل اللوحة العلوية",
+    "toolbar": {
+        "Settings": "الإعدادات",
+        "accessibilityLabel": {
+            "Settings": "اظهِر/اخفِ الإعدادات",
+            "audioOnly": "بدل الصوت فقط",
+            "audioRoute": "اختر جهاز الصوت",
+            "boo": "Boo",
+            "breakoutRoom": "الانضمام / مغادرة غرفة فرعية",
+            "callQuality": "اضبط دقة الفيديو",
+            "carmode": "وضع السيارة",
+            "cc": "اظهِر/اخفِ الترجمة",
+            "chat": "اظهِر/اخفِ نافذة الدردشة",
+            "clap": "تصفيق",
+            "collapse": "قلّص",
+            "document": "اظهِر/اخفِ الملف المشارك",
+            "download": "نزِّل التطبيق",
+            "embedMeeting": "ضمِّن المُلتقى",
+            "endConference": "End meeting for all",
+            "expand": "وسّع",
+            "feedback": "أبدِ رأيك",
+            "fullScreen": "استعمل/اخرج من وضع الشاشة الكاملة",
+            "giphy": "تبديل قائمة GIPHY",
+            "grantModerator": "امنح صلاحيات رئيس الجلسة",
+            "hangup": "أغلق المكالمة",
+            "help": "مساعدة",
+            "invite": "ادعُ آخرين",
+            "kick": "اطرد مشاركًا",
+            "laugh": "يضحك",
+            "leaveConference": "اترك الاجتماع",
+            "like": "رفع الإبهام متمنيا النجاح",
+            "linkToSalesforce": "ارتباط إلى Salesforce",
+            "lobbyButton": "فعِّل/عطِّل وضع غرفة الانتظار",
+            "localRecording": "اظهِر/اخفِ التحكم بالتسجيل المحلي",
+            "lockRoom": "اظهِر/اخفِ كلمة مرور المُلتقى",
+            "moreActions": "اظهِر/اخفِ قائمة المزيد من الإجراءات",
+            "moreActionsMenu": "قائمة المزيد من الإجراءات",
+            "moreOptions": "اظهر المزيد من الخيارت",
+            "mute": "اظهِر/اخفِ كتم الصوت",
+            "muteEveryone": "كتم الجميع",
+            "muteEveryoneElse": "كتم صوت الآخرين",
+            "muteEveryoneElsesVideoStream": "وقّف فيديو أي شخص آخر",
+            "muteEveryonesVideoStream": "وقّف فيديو الجميع",
+            "noiseSuppression": "قمع الضوضاء",
+            "participants": "مشاركون",
+            "pip": "استعمل/اخرج من وضع صورة-في-صورة",
+            "privateMessage": "أرسل رسالة خاصة",
+            "profile": "عدِّل ملفك الشخصي",
+            "raiseHand": "اظهِر/اخفِ رفع اليد",
+            "reactionsMenu": "فتح / إغلاق قائمة التفاعلات",
+            "recording": "اظهِر/اخفِ التسجيل",
+            "remoteMute": "اكتم مشاركًا",
+            "remoteVideoMute": "تعطيل كاميرا المشارك",
+            "security": "خيارات الحماية",
+            "selectBackground": "اختر الخلفية",
+            "selfView": "تبديل الواجهة الذاتية",
+            "shareRoom": "ادعُ أحدًا",
+            "shareYourScreen": "بدِّل وضع مشاركة الشاشة",
+            "shareaudio": "مشاركة الصوت",
+            "sharedvideo": "اظهِر/اخفِ مشاركة فيديو يوتيوب",
+            "shortcuts": "اظهِر/اخفِ الاختصارات",
+            "show": "اظهر على المنصة",
+            "silence": "Silence",
+            "speakerStats": "اظهِر/اخفِ حالة المتحدث",
+            "surprised": "مندهش",
+            "tileView": "اظهِر/اخفِ عرض العنوان",
+            "toggleCamera": "بدِّل الكاميرا",
+            "toggleFilmstrip": "بدِّل وضع الشريط السينمائي (filmstrip)",
+            "videoblur": "استعمل/اخرج من وضع تغبيش خلفية الفيديو",
+            "videomute": "بدِّل وضع اخفاء الفيديو"
+        },
+        "addPeople": "اضف أحدًا إلى المكالمة",
+        "audioOnlyOff": "عطِّل وضع معدَّل نقل البيانات المنخفص",
+        "audioOnlyOn": "فعِّل وضع نقل البيانات المنخفض",
+        "audioRoute": "اختر جهاز الصوت",
+        "audioSettings": "إعدادات الصوت",
+        "authenticate": "اَجرِ عملية الاستيثاق",
+        "boo": "Boo",
+        "callQuality": "اضبط دقة الفيديو",
+        "chat": "افتح / أغلق الشاشة",
+        "clap": "تصفيق",
+        "closeChat": "أغلق الدردشة",
+        "closeReactionsMenu": "إغلاق قائمة ردود الفعل",
+        "disableNoiseSuppression": "قم بتعطيل خاصية منع الضوضاء",
+        "disableReactionSounds": "يمكنك تعطيل أصوات ردود الفعل لهذا المُلتقى",
+        "documentClose": "أغلق الملف المشارك",
+        "documentOpen": "افتح الملف المشارك",
+        "download": "نزِّل التطبيق",
+        "e2ee": "تعمية طرف-لطرف",
+        "embedMeeting": "ضمِّن المُلتقى",
+        "endConference": "إنهاء الاجتماع للجميع",
+        "enterFullScreen": "تعمية طرف-لطرف",
+        "enterTileView": "عرض بشاشة كاملة",
+        "exitFullScreen": "أدخل عنوان العرض",
+        "exitTileView": "اخرج من وضع الشاشة الكاملة",
+        "feedback": "أبدِ رأيك",
+        "giphy": "تبديل قائمة GIPHY",
+        "hangup": "غادر",
+        "help": "مساعدة",
+        "invite": "ادعُ أحدًا",
+        "joinBreakoutRoom": "انضم إلى غرفة الجانبية",
+        "laugh": "يضحك",
+        "leaveBreakoutRoom": "اترك إلى غرفة الجانبية",
+        "leaveConference": "اترك الاجتماع",
+        "like": "رفع الإبهام متمنيا النجاح",
+        "linkToSalesforce": "ارتباط إلى Salesforce",
+        "lobbyButtonDisable": "عطِّل وضع غرفة الانتظار",
+        "lobbyButtonEnable": "فعِّل وضع غرفة الانتظار",
+        "login": "ادخل",
+        "logout": "اخرج",
+        "lowerYourHand": "اخفض يدك",
+        "moreActions": "المزيد من الإجراءات",
+        "moreOptions": "المزيد من الخيارات",
+        "mute": "اكتم / ألغ الكتم",
+        "muteEveryone": "اكتم الجميع",
+        "muteEveryonesVideo": "تعطيل كاميرا الجميع",
+        "noAudioSignalDesc": "إن لم تكتمه عمدًا من إعدادات النظام لديك أو من الجهاز نفسه، بدِّله إلى جهاز آخر.",
+        "noAudioSignalDescSuggestion": "إن لم تكتمه عمدًا من إعدادات النظام لديك أو من الجهاز نفسه، بدِّله إلى الجهاز الموصى به.",
+        "noAudioSignalDialInDesc": "يمكن أيضًا الاتصال باستعمال:",
+        "noAudioSignalDialInLinkDesc": "أرقام الاتصال",
+        "noAudioSignalTitle": "لا يصلنا شيئًا من المايكروفون الخاص بك",
+        "noiseSuppression": "قمع الضوضاء",
+        "noisyAudioInputDesc": "يبدو أنَّ المايكروفون لديك يلتقط الكثير من الضجة، اكتمه رجاءً أو استعمل ميكروفونًا آخر.",
+        "noisyAudioInputTitle": "يبدو أنَّ المايكروفون لديك يلتقط الكثير من الضجة!",
+        "openChat": "فتح الدرشة",
+        "openReactionsMenu": "افتح قائمة التفاعلات",
+        "participants": "مشاركون",
+        "pip": "استعمل وضع صورة-في-صورة",
+        "privateMessage": "أرسل رسالة خاصة",
+        "profile": "عدِّل ملفك الشخصي",
+        "raiseHand": "ارفع / اخفض يدك",
+        "raiseYourHand": "ارفع يدك",
+        "reactionBoo": "أرسل رد فعل بوو",
+        "reactionClap": "أرسل رد فعل التصفيق",
+        "reactionLaugh": "أرسل رد فعل يضحك",
+        "reactionLike": "إرسال رد فعل ممتاز",
+        "reactionSilence": "أرسل رد فعل الصمت",
+        "reactionSurprised": "أرسل رد فعل متفاجئًا",
+        "security": "خيارات الحماية",
+        "selectBackground": "اختر الخلفية",
+        "shareRoom": "ادعُ أحدًا",
+        "shareaudio": "مشاركة الصوت",
+        "sharedvideo": "شارك فيديو يوتيوب",
+        "shortcuts": "اعرض الاختصارات",
+        "silence": "سكوت",
+        "speakerStats": "حالة المتحدث",
+        "startScreenSharing": "ابدأ بمشاركة الشاشة",
+        "startSubtitles": "أظهر الترجمة",
+        "stopAudioSharing": "وقف مشاركة الصوت",
+        "stopScreenSharing": "أوقف مشاركة الشاشة",
+        "stopSharedVideo": "أوقف فيديو يوتيوب المشارك",
+        "stopSubtitles": "أخفِ الترجمة",
+        "surprised": "مندهش",
+        "talkWhileMutedPopup": "أتحاول التحدث؟ الميكروفون لديك مكتوم.",
+        "tileViewToggle": "بدِّل عنوان العرض",
+        "toggleCamera": "بدِّل الكاميرا",
+        "videoSettings": "اعدادات الفيديو",
+        "videomute": "استعمل / أوقف الكاميرا"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "أظهر / أخف الترجمة",
+        "error": "فشلت عملية الإذاعة. حاول مرة أخرى، رجاءً.",
+        "expandedLabel": "عملية الإذاعة تعمل",
+        "failedToStart": "فشلت عملية بدء الإذاعة",
+        "labelToolTip": "يجري إذاعة المُلتقى",
+        "off": "أوقفت الإذاعة",
+        "pending": "التحضير لإذاعة المُلتقى…",
+        "start": "بدء إظهار الترجمة",
+        "stop": "إيقاف عرض الترجمة",
+        "subtitles": "ترجمات",
+        "subtitlesOff": "إيقاف",
+        "tr": "يذاع"
+    },
+    "userMedia": {
+        "grantPermissions": "امنح إذنًا باستعمال الكاميرا والمايكروفون."
+    },
+    "videoSIPGW": {
+        "busy": "نعمل على تحرير الموارد. حاول مرة أخرى لاحقًا بعد بضعة دقائق.",
+        "busyTitle": "خدمة الغرفة مشغولة حاليًا",
+        "errorAlreadyInvited": "دعي {{displayName}} مسبقًا",
+        "errorInvite": "لم يقام المؤتمر بعد. حاول مرة أخرى لاحقًا",
+        "errorInviteFailed": "نعمل على حل المشكلة. حاول مرة أخرى لاحقًا.",
+        "errorInviteFailedTitle": "فشل إرسال دعوة إلى {{displayName}}",
+        "errorInviteTitle": "خطأ في إرسال الدعوة",
+        "pending": "دعي {{displayName}} مسبقًا"
+    },
+    "videoStatus": {
+        "adjustFor": "ضبط ل:",
+        "audioOnly": "صوت",
+        "audioOnlyExpanded": "أنت في وضع معدَّل البيانات المتبادلة  المنخفض. الصوت ومشاركة الشاشة هو المتاح فقط في هذا الوضع.",
+        "bestPerformance": "أفضل أداء",
+        "callQuality": "جودة الفيديو",
+        "hd": "دقة عالية",
+        "hdTooltip": "عرض فيديو بدقة عالية",
+        "highDefinition": "دقة عالية",
+        "highestQuality": "اعلى جودة",
+        "labelTooiltipNoVideo": "بلا فيديو",
+        "labelTooltipAudioOnly": "فعِّل وضع معدَّل البيانات المتبادلة المنخفض",
+        "ld": "دقة منخفضة",
+        "ldTooltip": "عرض فيديو بدقة منخفضة",
+        "lowDefinition": "دقة منخفضة",
+        "performanceSettings": "إعدادات الأداء",
+        "sd": "دقة قياسية",
+        "sdTooltip": "عرض فيديو بدقة قياسية",
+        "standardDefinition": "دقة قياسية"
+    },
+    "videothumbnail": {
+        "connectionInfo": "معلومات الاتصال",
+        "domute": "كتم",
+        "domuteOthers": "كتم الجميع",
+        "domuteVideo": "تعطيل الكاميرا",
+        "domuteVideoOfOthers": "تعطيل الكاميرا للآخرين",
+        "flip": "قلب",
+        "grantModerator": "امنح صلاحيات رئيس الجلسة",
+        "hideSelfView": "إخفاء المنظر الذاتي",
+        "kick": "طرد خارجًا",
+        "moderator": "رئيس الجلسة",
+        "mute": "المشارك مكتوم الصوت",
+        "muted": "مكتوم",
+        "pinToStage": "تثبيت في المرحلة",
+        "remoteControl": "بدء / إيقاف التحكم البعيد",
+        "screenSharing": "المشارك يشارك شاشته",
+        "show": "أظهر على المنصة",
+        "showSelfView": "إظهار الواجهة الذاتية",
+        "unpinFromStage": "فك",
+        "videoMuted": "الكاميرا معطلة",
+        "videomute": "أوقف المشارك الكاميرا"
+    },
+    "virtualBackground": {
+        "addBackground": "أضف خلفية",
+        "apply": "تطبيق",
+        "backgroundEffectError": "فشل تطبيق تأثير الخلفية.",
+        "blur": "ضبابية",
+        "deleteImage": "حذف صورة",
+        "desktopShare": "مشاركة سطح المكتب",
+        "desktopShareError": "تعذر إنشاء مشاركة سطح المكتب",
+        "image1": "شاطئ",
+        "image2": "جدار أبيض محايد",
+        "image3": "غرفة بيضاء فارغة",
+        "image4": "مصباح أرضي أسود",
+        "image5": "جبل",
+        "image6": "غابة",
+        "image7": "شروق الشمس",
+        "none": "بدون",
+        "pleaseWait": "يرجى الانتظار…",
+        "removeBackground": "إزالة خلفية",
+        "slightBlur": "طمس طفيف",
+        "title": "خلفيات افتراضية",
+        "uploadedImage": "تحميل الصورة {{index}}",
+        "webAssemblyWarning": "WebAssembly غير مدعوم",
+        "webAssemblyWarningDescription": "تم تعطيل WebAssembly أو عدم دعمه بواسطة هذا المستعرض"
+    },
+    "volumeSlider": "مستوى الصوت",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "انقر للمشاركة",
+            "roomname": "أدخل اسم الغرفة"
+        },
+        "addMeetingName": "أضف اسم المُلتقى",
+        "appDescription": "انطلق وأجر محادثة مرئية مع كامل الفريق. يمكنك أيضًا أن تدعو من تريد. {{app}} مُعمَّى بالكامل، ومفتوح المصدر بالكامل ويعد حلًا لإجراء المؤتمرات المرئية يمكنك استعماله متى تريد، مجانًا، حتى دون حساب.",
+        "audioVideoSwitch": {
+            "audio": "صوت",
+            "video": "فيديو"
+        },
+        "calendar": "رزنامة",
+        "connectCalendarButton": "أوصل رزنامتك",
+        "connectCalendarText": "أوصل رزنامتك لعرض كل مُلتقياتك في {{app}}. أضف إلى ذلك أنَّه يمكنك إضافة مُلتقيات {{provider}} إلى رزنامتك وبدئها بضغطة واحدة.",
+        "enterRoomTitle": "بدء مُلتقى جديد",
+        "getHelp": "أريد مساعدة",
+        "go": "ابدأ",
+        "goSmall": "ابدأ",
+        "headerSubtitle": "آمــن وبنـوعيـة فـائقـة الجـودة",
+        "headerTitle": "مُلتقى جيتسي",
+        "info": "معلومات",
+        "jitsiOnMobile": "جيتسي على الهاتف المحمول - حمّل تطبيقاتنا وابدأ مُلتقىًا من أي مكان",
+        "join": "أنشئ / انضم",
+        "logo": {
+            "calendar": "شعار التقويم",
+            "desktopPreviewThumbnail": "صورة مصغرة لمعاينة سطح المكتب",
+            "googleLogo": "شعار كوكل",
+            "logoDeepLinking": "شعار جيتسي",
+            "microsoftLogo": "شعار مايكروسوفت",
+            "policyLogo": "شعار السياسة"
+        },
+        "mobileDownLoadLinkAndroid": "قم بتنزيل تطبيق الهاتف لنظام أندرويد",
+        "mobileDownLoadLinkFDroid": "قم بتنزيل تطبيق الجوال لـ F-Droid",
+        "mobileDownLoadLinkIos": "قم بتنزيل تطبيق الهاتف لنظام iOS",
+        "moderatedMessage": "أو a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">احجز رابط لمُلتقى</a> إن كنت رئيس الجلسة الوحيد فقط.",
+        "privacy": "الخصوصية",
+        "recentList": "الجديد",
+        "recentListDelete": "حذف",
+        "recentListEmpty": "قائمتك الأخيرة فارغة حاليًا. ابدأ التحدث مع الفريق وستجد كل مُلتقياتك الأخيرة هنا.",
+        "reducedUIText": "يا مرحبًا بك في {{app}}!",
+        "roomNameAllowedChars": "لا يجب أن يحوي اسم المُلتقى على: ?، &، :، '، \"، %، #.",
+        "roomname": "أدخل اسم الغرفة",
+        "roomnameHint": "أدخل اسم أو رابط الغرفة التي تريد الانضمام إليها. يمكنك إنشاء اسم جديد لترسله إلى من تريد أن تجتمع معهم.",
+        "sendFeedback": "أبدِ رأيك",
+        "settings": "إعدادات",
+        "startMeeting": "إبدأ المُلتقى",
+        "terms": "الشروط",
+        "title": "منصة عقد مؤتمرات ومُلتقيات آمنة وكاملة المزايا ومجانية بالمطلق"
+    }
+}
diff --git a/lang/main-be.json b/lang/main-be.json
new file mode 100644
index 0000000..8866b44
--- /dev/null
+++ b/lang/main-be.json
@@ -0,0 +1,790 @@
+{
+    "addPeople": {
+        "add": "Запрасіць",
+        "countryNotSupported": "Гэтая краіна пакуль не падтрымліваецца.",
+        "countryReminder": "Выклік не ў ЗША? Калі ласка, пераканайцеся, што паказалі код краіны!",
+        "disabled": "Пошук не даў выніку.",
+        "failedToAdd": "Не атрымалася дадаць удзельнікаў",
+        "footerText": "Выклік нумара адключаны.",
+        "loading": "Пошук людзей і нумароў тэлефонаў",
+        "loadingNumber": "Праверка нумара тэлефона",
+        "loadingPeople": "Пошук людзей для запрашэння",
+        "noResults": "Пошук не даў выніку",
+        "noValidNumbers": "Калі ласка, увядзіце нумар тэлефона",
+        "searchNumbers": "Дадаць нумары тэлефонаў",
+        "searchPeople": "Пошук людзей",
+        "searchPeopleAndNumbers": "Пошук людзей або даданне іх тэлефонаў",
+        "telephone": "Нумар: {{number}}",
+        "title": "Запрасіць людзей на гэтую сустрэчу"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "headphones": "Навушнікі",
+        "none": "Не выяўленыя гукавыя прылады",
+        "phone": "Тэлефон",
+        "speaker": "Калонка"
+    },
+    "audioOnly": {
+        "audioOnly": "Не нагружае канал"
+    },
+    "calendarSync": {
+        "addMeetingURL": "Дадаць спасылку канферэнцыі",
+        "confirmAddLink": "Вы хочаце дадаць спасылку Jitsi да гэтай каляндарнай падзеі?",
+        "error": {
+            "appConfiguration": "Няправільна настроена інтэграцыя календара.",
+            "generic": "Адбылася памылка. Праверце налады календара або паспрабуйце абнавіць яго.",
+            "notSignedIn": "У працэсе аўтэнтыфікацыі для прагляду падзей календара адбылася памылка. Калі ласка, праверце налады календара і паспрабуйце зноў увайсці ў сістэму."
+        },
+        "join": "Далучыцца",
+        "joinTooltip": "Далучыцца да канферэнцыі",
+        "nextMeeting": "наступная канферэнцыя",
+        "noEvents": "Няма запланаваных падзей.",
+        "ongoingMeeting": "бягучая канферэнцыя",
+        "permissionButton": "Адкрыць налады",
+        "permissionMessage": "Для паказу вашых сустрэч у дадатку неабходна атрымаць доступ да календара.",
+        "refresh": "Аднавіць увесь каляндар",
+        "today": "Сёння"
+    },
+    "chat": {
+        "error": "Памылка: Ваша паведамленне не было адпраўлена. Прычына: {{error}}",
+        "fieldPlaceHolder": "Калі ласка, увядзіце тут ваша паведамленне",
+        "messageTo": "Асабістае паведамленне карыстальнiку {{recipient}}",
+        "messagebox": "Калі ласка, увядзіце паведамленне",
+        "nickname": {
+            "popover": "Калі ласка, пазначце імя",
+            "title": "Калі ласка, увядзіце імя для выкарыстання чата",
+            "titleWithPolls": "Калі ласка, увядзіце імя для выкарыстання чата"
+        },
+        "noMessagesMessage": "У канферэнцыі пакуль няма ніякіх паведамленняў. Пачніце размову!",
+        "privateNotice": "Асабістае паведамленне карыстальнiку {{recipient}}",
+        "sendButton": "Даслаць",
+        "title": "Чат",
+        "titleWithPolls": "Чат",
+        "you": "Вы"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Усталюйце пашырэнне Chrome",
+        "dontShowAgain": "Не паказваць зноў",
+        "installExtensionText": "Усталюйце пашырэнне для інтэграцыі календара Google і Office 365"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Спрабуем далучыцца да вашай канферэнцыі …"
+    },
+    "connection": {
+        "ATTACHED": "прымацаваны",
+        "AUTHENTICATING": "Ідэнтыфікацыя",
+        "AUTHFAIL": "Памылка аўтарызацыі",
+        "CONNECTED": "Падключана",
+        "CONNECTING": "Падлучэнне",
+        "CONNFAIL": "Збой падключэння",
+        "DISCONNECTED": "Адлучыць",
+        "DISCONNECTING": "Адлучэнне",
+        "ERROR": "Памылка",
+        "FETCH_SESSION_ID": "Атрыманне ID сесіі…",
+        "GET_SESSION_ID_ERROR": "Атрымана памылка session-id: {{code}}",
+        "GOT_SESSION_ID": "Атрыманне ID сесіі… Зроблена",
+        "LOW_BANDWIDTH": "Для захавання прапускной здольнасці відэа для {{displayName}} адключана"
+    },
+    "connectionindicator": {
+        "address": "Адрас:",
+        "bandwidth": "Сярэдняя хуткасць:",
+        "bitrate": "Бітрэйт:",
+        "bridgeCount": "Колькасць сервераў: ",
+        "connectedTo": "Падключаны да:",
+        "framerate": "Частата кадраў:",
+        "less": "Кароткая інфармацыя",
+        "localaddress_0": "Мясцовы адрас:",
+        "localaddress_1": "Мясцовыя адраса:",
+        "localaddress_2": "Мясцовыя адраса:",
+        "localport_0": "Мясцовы порт:",
+        "localport_1": "Мясцовыя парты:",
+        "localport_2": "Мясцовыя парты:",
+        "more": "Падрабязная інфармацыя",
+        "packetloss": "Страты пакетаў:",
+        "quality": {
+            "good": "Добра",
+            "inactive": "неактыўна",
+            "lost": "страчана",
+            "nonoptimal": "неаптымальна",
+            "poor": "дрэнна"
+        },
+        "remoteaddress_0": "Аддалёны адрас:",
+        "remoteaddress_1": "Аддалёныя адраса:",
+        "remoteaddress_2": "Аддалёныя адраса:",
+        "remoteport_0": "Адлеглы порт:",
+        "remoteport_1": "Адлеглыя парты:",
+        "remoteport_2": "Адлеглыя парты:",
+        "resolution": "Дазвол:",
+        "status": "Сувязь:",
+        "transport_0": "Метад адпраўкі:",
+        "transport_1": "Метады адпраўкі:",
+        "transport_2": "Метады адпраўкі:"
+    },
+    "dateUtils": {
+        "earlier": "Раней",
+        "today": "Сёння",
+        "yesterday": "Учора"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Каб далучыцца да гэтай сустрэчы на тэлефоне, трэба мабільнае прыкладанне {{app}}.",
+        "description": "Нічога не здарылася? Мы паспрабавалі запусціць вашу сустрэчу ў настольным дадатку {{app}}. Паспрабуйце яшчэ раз або запусціце яе ў вэб-дадатку {{app}}.",
+        "descriptionWithoutWeb": "Нічога не адбылося? Мы паспрабавалі запусціць вашу канферэнцыю ў настольным дадатку {{app}}.",
+        "downloadApp": "Спампаваць дадатак",
+        "launchWebButton": "Запусціць у браўзеры",
+        "openApp": "Перайсці да дадатку",
+        "title": "Запуск вашай сустрэчы ў {{app}} …",
+        "tryAgainButton": "Паўтарыце ў настольным дадатку"
+    },
+    "defaultLink": "напр. {{url}}",
+    "defaultNickname": "напр. Яна Цвяткова",
+    "deviceError": {
+        "cameraError": "Памылка доступу да камеры",
+        "cameraPermission": "Памылка доступу да мікрафона",
+        "microphoneError": "Памылка доступу да мікрафона",
+        "microphonePermission": "Няма дазволу на доступ да мікрафона"
+    },
+    "deviceSelection": {
+        "noPermission": "Няма доступу",
+        "previewUnavailable": "прадпаказу",
+        "selectADevice": "Выбар прылады",
+        "testAudio": "Пратэсціраваць гук"
+    },
+    "dialOut": {
+        "statusMessage": "цяпер {{status}}"
+    },
+    "dialog": {
+        "Back": "Назад",
+        "Cancel": "Адмена",
+        "IamHost": "Я гаспадар",
+        "Ok": "Добра",
+        "Remove": "Выдаліць",
+        "Share": "Падзяліцца",
+        "Submit": "Адправіць",
+        "WaitForHostMsg": "Канферэнцыя яшчэ не пачалася. Калі вы з'яўляецеся гаспадаром, калі ласка, падтвердіце сапраўднасць. У адваротным выпадку, калі ласка, пачакайце з'яўлення гаспадара.",
+        "WaitingForHost": "Чакаем арганізатара …",
+        "Yes": "Так",
+        "accessibilityLabel": {
+            "liveStreaming": "Трансляцыя"
+        },
+        "allow": "Дазволіць",
+        "alreadySharedVideoMsg": "Іншы ўдзельнік ужо падзяліўся спасылкай на відэа. Дадзеная канферэнцыя дазваляе адначасова дзяліцца толькі адным відэа.",
+        "alreadySharedVideoTitle": "Дапушчаецца паказ толькі аднаго відэа",
+        "applicationWindow": "Акно прыкладання",
+        "cameraConstraintFailedError": "Камера не адказвае вызначаным патрабаванням.",
+        "cameraNotFoundError": "Камера не выяўлена.",
+        "cameraNotSendingData": "Памылка доступу да камеры. Калі ласка, праверце, ці не выкарыстоўвае камеру якая-небудзь іншая праграма. Вы можаце таксама выбраць іншую прыладу з меню налад або паспрабаваць перазапусціць праграму.",
+        "cameraNotSendingDataTitle": "Няма доступу да камеры",
+        "cameraPermissionDeniedError": "Няма доступу да камеры. Вы можаце ўдзельнічаць у сустрэчы, але іншыя не будуць вас бачыць. Выкарыстоўвайце значок камеры ў адрасным радку браўзера, каб ліквідаваць праблему.",
+        "cameraUnknownError": "Невядомая памылка выкарыстання камеры.",
+        "cameraUnsupportedResolutionError": "Ваша камера не падтрымлівае неабходны дазвол відэа.",
+        "close": "Зачыніць",
+        "conferenceDisconnectMsg": "Варта праверыць інтэрнэт-злучэнне. Спроба аднаўлення сувязі праз {{seconds}} с.",
+        "conferenceDisconnectTitle": "Вы адключаныя.",
+        "conferenceReloadMsg": "Мы спрабуем гэта выправіць. Аднаўленне сувязі праз {{seconds}} с.",
+        "conferenceReloadTitle": "На жаль, нешта пайшло не так.",
+        "confirm": "Падцвердзіць",
+        "confirmNo": "Не",
+        "confirmYes": "Так",
+        "connectError": "Памылка. Немагчыма ўсталяваць сувязь для вашай сустрэчы.",
+        "connectErrorWithMsg": "Памылка. Немагчыма ўсталяваць сувязь для вашай сустрэчы: {{msg}}",
+        "connecting": "Падлучэнне",
+        "contactSupport": "Сувязь з падтрымкай",
+        "copy": "Капіраваць",
+        "dismiss": "Адхіліць",
+        "displayNameRequired": "Прывітанне! Як цябе клічуць?",
+        "done": "Зроблена",
+        "enterDisplayName": "Калі ласка, увядзіце сваё імя",
+        "error": "Памылка",
+        "externalInstallationMsg": "Вам неабходна ўсталяваць наш дадатак для сумеснага скарыстання працоўнага стала.",
+        "externalInstallationTitle": "Патрабуецца пашырэнне",
+        "goToStore": "Перайсці да інтэрнэт-крамы",
+        "gracefulShutdown": "тэхнічныя работы. Калі ласка, паспрабуйце пазней.",
+        "incorrectPassword": "Памылка імя карыстальніка або пароля",
+        "incorrectRoomLockPassword": "Няправільны пароль",
+        "inlineInstallExtension": "Усталяваць",
+        "inlineInstallationMsg": "Вам неабходна ўсталяваць нашу праграму для сумеснага выкарыстання працоўнага стала.",
+        "internalError": "Што-та пайшло не так. Памылка: {{error}}",
+        "internalErrorTitle": "Унутраная памылка",
+        "kickMessage": "Вы можаце звязацца з {{participantDisplayName}} для атрымання больш падрабязнай інфармацыі.",
+        "kickParticipantButton": "Выдалiць",
+        "kickParticipantDialog": "Вы ўпэўненыя, што жадаеце выдаліць гэтага ўдзельніка?",
+        "kickParticipantTitle": "Выдалiць гэтага ўдзельніка?",
+        "kickTitle": "Ой! {{participantDisplayName}} выдалiў вас з канферэнцыі",
+        "liveStreaming": "Трансляцыя",
+        "liveStreamingDisabledForGuestTooltip": "Госці не могуць пачаць трансляцыю.",
+        "liveStreamingDisabledTooltip": "Магчымасць трансляцыі адключаная.",
+        "lockMessage": "Не атрымалася зачыніць канферэнцыю.",
+        "lockRoom": "Дадаць канферэнцыю $t(lockRoomPasswordUppercase)",
+        "lockTitle": "Блакаванне не атрымалася",
+        "logoutQuestion": "Ці ўпэўнены, што жадаеце выйсці і спыніць сустрэчу?",
+        "logoutTitle": "Завяршыць сеанс",
+        "maxUsersLimitReached": "Дасягнуты ліміт на максімальную колькасць удзельнікаў. Канферэнцыя перапоўненая. Калі ласка, звяжыцеся з арганізатарам канферэнцыі або паспрабуйце пазней!",
+        "maxUsersLimitReachedTitle": "Дасягнуты максімальны ліміт удзельнікаў",
+        "micConstraintFailedError": "Ваш мікрафон не адказвае вызначаным патрабаванням.",
+        "micNotFoundError": "Мікрафон не выяўлены.",
+        "micNotSendingData": "Перайдзіце ў налады кампутара, каб уключыць мікрафон і наладзіць ўзровень адчувальнасці",
+        "micNotSendingDataTitle": "Ваш мікрафон адключаны сістэмнымі наладамі",
+        "micPermissionDeniedError": "Няма доступу да мікрафону. Вы можаце ўдзельнічаць у сустрэчы, але іншыя не будуць вас чуць. Выкарыстоўвайце значок камеры ў адрасным радку браўзера, каб ліквідаваць праблему.",
+        "micUnknownError": "Невядомая памылка выкарыстання мікрафона.",
+        "muteEveryoneDialog": "Вы ўпэўненыя, што жадаеце адключыць гук ва ўсіх? Вы не зможаце ўключыць яго, але яны змогуць уключыць гук у сябе ў любы час.",
+        "muteEveryoneElseDialog": "Адключыўшы гук, Вы не зможаце ўключыць яго, але яны змогуць уключыць гук у сябе ў любы час.",
+        "muteEveryoneElseTitle": "Адключыць усіх, акрамя {{whom}}?",
+        "muteEveryoneSelf": "сябе",
+        "muteEveryoneStartMuted": "Усе будуць заглушаныя з гэтага моманту",
+        "muteEveryoneTitle": "Заглушыць ўсіх?",
+        "muteParticipantBody": "Вы не можаце ўключыць ім гук, але яны могуць зрабіць гэта самі ў любы момант.",
+        "muteParticipantButton": "Выключыць гук",
+        "muteParticipantDialog": "Вы ўпэўненыя, што жадаеце адключыць мікрафон у дадзенага карыстальніка? Вы не зможаце адмяніць гэтае дзеянне, аднак ён зможа сам зноў уключыць мікрафон у любы момант.",
+        "muteParticipantTitle": "прыглушыць гэтага ўдзельніка?",
+        "passwordLabel": "Сустрэча была заблакаваная ўдзельнікам. Калі ласка, увядзіце $t(lockRoomPassword), каб далучыцца.",
+        "passwordNotSupported": "Усталяванне $t(lockRoomPassword) для канферэнцыі не падтрымліваецца.",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) не падтрымліваецца",
+        "passwordRequired": "Патрабуецца $t(lockRoomPasswordUppercase)",
+        "popupError": "Ваш браўзер блакуе ўсплывальныя вокны гэтага сайта. Калі ласка, дазвольце ўсплывальныя вокны ў перавагах бясьпекі браўзэра і паспрабуйце зноў.",
+        "popupErrorTitle": "Заблакавана ўсплывальнае акно",
+        "recording": "Запіс",
+        "recordingDisabledForGuestTooltip": "Госці не могуць запісваць.",
+        "recordingDisabledTooltip": "Немагчыма пачаць запіс.",
+        "rejoinNow": "Падключыцца зноў",
+        "remoteControlAllowedMessage": "{{user}} прыняў ваш запыт на выдаленае кіраванне!",
+        "remoteControlDeniedMessage": "{{user}} адхіліў ваш запыт на выдаленае кіраванне!",
+        "remoteControlErrorMessage": "Адбылася памылка пры спробе запытаць дазвол аддаленага кіравання ад {{user}}!",
+        "remoteControlRequestMessage": "Дазволіць {{user}} выдаленае кіраванне вашым працоўным сталом?",
+        "remoteControlShareScreenWarning": "Калі націснеце \" Дазволіць \", то падзяліцеся сваім экранам!",
+        "remoteControlStopMessage": "Сесія аддаленага кіравання завершана!",
+        "remoteControlTitle": "Выдаленае кіраванне працоўным сталом",
+        "removePassword": "Прыбраць $t(lockRoomPassword)",
+        "removeSharedVideoMsg": "Ці ўпэўнены, што хочаце прыбраць відэа, якім падзяліліся?",
+        "removeSharedVideoTitle": "Прыбраць відэа",
+        "reservationError": "Памылка сістэмы рэзервавання",
+        "reservationErrorMsg": "Код памылкі: {{code}}, паведамленне: {{msg}}",
+        "retry": "Паўтарыць",
+        "screenSharingAudio": "Падзяліцца аўдыё",
+        "screenSharingFailedToInstall": "Усталяваць не пашырэння для паказу экрана.",
+        "screenSharingFailedToInstallTitle": "Пашырэнне для паказу экрана не ўстаноўлена",
+        "screenSharingFirefoxPermissionDeniedError": "Што-та пайшло не так, калі мы спрабавалі падзяліцца вашым экранам. Калі ласка, пераканайцеся, што вы далі нам дазвол на гэта. ",
+        "screenSharingFirefoxPermissionDeniedTitle": "Памылка паказу экрана!",
+        "screenSharingPermissionDeniedError": "Памылка доступу да вашага пашырэння для паказу экрана. Калі ласка, перазапусціце браўзэр і паспрабуйце зноў.",
+        "sendPrivateMessage": "Вы нядаўна атрымалі асабістае паведамленне. Вы хацелі адказаць на яго, або адправіць сваё паведамленне групе?",
+        "sendPrivateMessageCancel": "Апублікаваць у агульны чат",
+        "sendPrivateMessageOk": "Даслаць прыватнае паведамленьне",
+        "sendPrivateMessageTitle": "Адаслаць асабістае паведамленне?",
+        "serviceUnavailable": "Служба недаступная",
+        "sessTerminated": "Сувязь перарвана",
+        "shareVideoLinkError": "Калі ласка, падайце дакладную спасылку.",
+        "shareVideoTitle": "Падзяліцца відэа",
+        "shareYourScreen": "Паказаць экран",
+        "shareYourScreenDisabled": "Дэманстрацыя экрана адключаная.",
+        "shareYourScreenDisabledForGuest": "Госці не могуць дэманстраваць экран.",
+        "startLiveStreaming": "Пачаць трансляцыю",
+        "startRecording": "Пачаць запіс",
+        "startRemoteControlErrorMessage": "Памылка пачатку сесіі аддаленага кіравання!",
+        "stopLiveStreaming": "Спыніць трансляцыю",
+        "stopRecording": "Спыніць запіс",
+        "stopRecordingWarning": "Ці ўпэўнены, што хочаце спыніць запіс?",
+        "stopStreamingWarning": "Ці ўпэўнены, што хочаце спыніць трансляцыю?",
+        "streamKey": "Ключ трансляцыі",
+        "thankYou": "Дзякуй, што карыстаецеся {{appName}}!",
+        "token": "токен",
+        "tokenAuthFailed": "Выбачайце, вам не дазволена далучыцца да гэтага сеансу сувязі.",
+        "tokenAuthFailedTitle": "Памылка аўтарызацыі",
+        "transcribing": "Расшыфроўка",
+        "unlockRoom": "Прыбраць $t(lockRoomPassword)",
+        "userPassword": "пароль карыстальніка",
+        "yourEntireScreen": "Увесь экран"
+    },
+    "documentSharing": {
+        "title": "Агульны Дакумент"
+    },
+    "feedback": {
+        "average": "Сярэдне",
+        "bad": "Дрэнна",
+        "detailsLabel": "Раскажыце больш падрабязна.",
+        "good": "Добра",
+        "rateExperience": "Ацэнка якасці сувязі",
+        "veryBad": "Вельмі дрэнна",
+        "veryGood": "Вельмі добра"
+    },
+    "helpView": {
+        "title": "Цэнтар дапамогi"
+    },
+    "incomingCall": {
+        "answer": "Адказ",
+        "audioCallTitle": "Уваходны званок",
+        "decline": "Адхіліць",
+        "productLabel": "з Jitsi Meet",
+        "videoCallTitle": "Уваходны відэазванок"
+    },
+    "info": {
+        "accessibilityLabel": "Паказаць інфармацыю",
+        "addPassword": "Усталяваць $t(lockRoomPassword)",
+        "cancelPassword": "Адмяніць $t(lockRoomPassword)",
+        "conferenceURL": "Спасылка:",
+        "country": "Краіна",
+        "dialANumber": "Каб далучыцца да канферэнцыі, набярыце адзін з гэтых нумароў і ўвядзіце pin-код.",
+        "dialInConferenceID": "PIN:",
+        "dialInNotSupported": "На жаль, набор нумара ў цяперашні час не падтрымліваецца.",
+        "dialInNumber": "Нумар:",
+        "dialInSummaryError": "Памылка атрымання інфармацыі аб наборы нумара. Калі ласка, паспрабуйце яшчэ раз пазней.",
+        "dialInTollFree": "Званок бясплатны",
+        "genericError": "Што-та пайшло не так.",
+        "inviteLiveStream": "Трансляцыя гэтай сустрэчы: {{url}}",
+        "invitePhone": "Для таго, каб далучыцца па тэлефоне, націсніце {{number}} ,, {{conferenceID}} # \n",
+        "invitePhoneAlternatives": "Шукайце iншы нумар для набору? \nПаглядзець нумары для набору для канферэнцыі: {{url}} \n \n \nЕсли таксама выконваецца набор нумара праз тэлефон у пакоі, падключыцеся ў рэжыме слухача: {{silentUrl}}",
+        "inviteURLFirstPartGeneral": "Вас запрашаюць далучыцца да канферэнцыі.",
+        "inviteURLFirstPartPersonal": "{{name}} запрашае Вас далучыцца да канферэнцыі. \n",
+        "inviteURLSecondPart": "\nДалучыцца да канферэнцыі: \n {{url}} \n",
+        "label": "Інфармацыя пра канферэнцыю",
+        "liveStreamURL": "Трансляцыя:",
+        "moreNumbers": "Больш нумароў",
+        "noNumbers": "Няма нумароў для набору.",
+        "noPassword": "не",
+        "noRoom": "Для набору нумара не было паказана ніводнага пакоя.",
+        "numbers": "Нумары для набору",
+        "password": "$t(lockRoomPasswordUppercase):",
+        "title": "Падзяліцца",
+        "tooltip": "Падзяліцеся спасылкай і нумарам для падлучэння да гэтай канферэнцыі"
+    },
+    "inlineDialogFailure": {
+        "msg": "Невялікая замінка.",
+        "retry": "Паспрабаваць зноў",
+        "support": "Падтрымка",
+        "supportMsg": "Калі гэта працягнецца, звяжыцеся з"
+    },
+    "inviteDialog": {
+        "alertText": "Не ўдалося запрасіць некаторых удзельнікаў.",
+        "header": "Запрасіць",
+        "searchCallOnlyPlaceholder": "Пакажыце нумар тэлефона",
+        "searchPeopleOnlyPlaceholder": "Пошук удзельнікаў",
+        "searchPlaceholder": "Удзельнік або нумар тэлефона",
+        "send": "Даслаць"
+    },
+    "keyboardShortcuts": {
+        "focusLocal": "Фокус на ваша відэа",
+        "focusRemote": "Фокус на відэа іншага ўдзельніка",
+        "fullScreen": "Укл/Выкл поўнаэкранны рэжым",
+        "keyboardShortcuts": "Камбінацыі клавіш",
+        "localRecording": "Адлюстраваць ці схаваць элементы кіравання лакальным запісам",
+        "mute": "Мікрафон (Ўкл./Выкл.)",
+        "pushToTalk": "Націсніце, каб гаварыць",
+        "raiseHand": "Падняць або апусціць руку",
+        "showSpeakerStats": "Паказаць статыстыку выступоўцы",
+        "toggleChat": "Чат (адкрыць/зачыніць)",
+        "toggleFilmstrip": "Паказаць / не паказваць кароткае апісанне",
+        "toggleScreensharing": "Пераключыцца паміж камерай і паказам экрана",
+        "toggleShortcuts": "Схаваць / Паказаць клавішы хуткага доступу",
+        "videoMute": "Камера (вкл./Выкл.)",
+        "videoQuality": "Якасць сувязі"
+    },
+    "liveStreaming": {
+        "busy": "Вызваляем новыя рэсурсы для трансляцыі. Калі ласка, паспрабуйце зноў праз некалькі хвілін.",
+        "busyTitle": "Усе рэсурсы для трансляцыі ўжо задзейнічаны",
+        "changeSignIn": "Пераключыць акаўнты.",
+        "choose": "Выбраць трансляцыю",
+        "chooseCTA": "Калі ласка, пазначце трансляцыю. Вы ўвайшлі ў сістэму як {{email}}.",
+        "enterStreamKey": "Калі ласка, увядзіце ваш ключ трансляцыі YouTube.",
+        "error": "Памылка трансляцыі. Калі ласка, паспрабуйце зноў.",
+        "errorAPI": "Адбылася памылка пры доступе да вашых трансляцый на YouTube. Паўтарыце спробу ўваходу ў сістэму.",
+        "errorLiveStreamNotEnabled": "Трансляцыя не падключана на {{email}}. Калі ласка падключыце трансляцыю або ўвайдзіце ў рахунак з падключанай трансляцыяй.",
+        "expandedOff": "Прамая трансляцыя спыненая",
+        "expandedOn": "У сапраўдны момант канферэнцыя транслюецца на YouTube.",
+        "expandedPending": "Пачынаецца прамая трансляцыя ..",
+        "failedToStart": "Памылка трансляцыі відэа",
+        "getStreamKeyManually": "Прамыя трансляцыi не знойдзены. Паспрабуйце атрымаць ключ прамой трансляцыі ад YouTube.",
+        "googlePrivacyPolicy": "Палітыка прыватнасці Google",
+        "invalidStreamKey": "Падобнs ключ прамой трансляцыі з'яўляецца памылковым.",
+        "off": "Трансляцыя спынена",
+        "offBy": "{{name}} спыніў прамую трансляцыю",
+        "on": "Трансляцыя",
+        "onBy": "{{name}} пачаў прамую трансляцыю",
+        "pending": "Пачынаем трансляцыю …",
+        "serviceName": "Служба трансляцыі",
+        "signIn": "Увайсці праз Google",
+        "signInCTA": "Увайдзiце або ўвядзіце свой ключ трансляцыі YouTube.",
+        "signOut": "Выхад",
+        "signedInAs": "У цяперашні час вы ўвайшлі ў сістэму як:",
+        "start": "Пачаць трансляцыю",
+        "streamIdHelp": "Што гэта?",
+        "title": "Трансляцыя",
+        "unavailableTitle": "Трансляцыя недаступная",
+        "youtubeTerms": "YouTube ўмовы паслуг"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Адключаны",
+            "on": "Падключаны",
+            "unknown": "Невядомы"
+        },
+        "dialogTitle": "Кнопкі лакальнага запісу",
+        "duration": "Працягласць",
+        "durationNA": "невядома",
+        "encoding": "Кадзiроўка",
+        "label": "Левы / Правы",
+        "labelToolTip": "Лакальны запіс актыўны",
+        "localRecording": "Лакальны запіс",
+        "me": "Я",
+        "messages": {
+            "engaged": "Лакальны запіс пачаўся.",
+            "finished": "Запіс сесіі {{token}} завершана. Калі ласка адпраўце запісаны файл мадэратару.",
+            "finishedModerator": "Запіс сесіі {{token}} завершаны. Запіс лакальнага трэка захаваны. Калі ласка, папытаеце іншых удзельнікаў прадставіць іх запіс.",
+            "notModerator": "Вы не мадэратар і не можаце пачынаць або спыняць лакальны запіс."
+        },
+        "moderator": "Мадэратар",
+        "no": "Не",
+        "participant": "Удзельнік",
+        "participantStats": "Статыстыка удзельнікаў",
+        "sessionToken": "токенаў сесіі",
+        "start": "Пачаць запіс",
+        "stop": "Спыніць запіс",
+        "yes": "Так"
+    },
+    "lockRoomPassword": "пароль",
+    "lockRoomPasswordUppercase": "Пароль",
+    "lonelyMeetingExperience": {
+        "button": "Запрашайце іншых",
+        "youAreAlone": "Вы адзіны ў гэтай канферэнцыі"
+    },
+    "me": "я",
+    "notify": {
+        "connectedOneMember": "{{name}} далучыўся да канферэнцыі",
+        "connectedThreePlusMembers": "{{name}} і {{count}} іншых карыстальнікаў далучыліся да канферэнцыі",
+        "connectedTwoMembers": "{{first}} і {{second}} далучыліся да канферэнцыі",
+        "disconnected": "злучэнне разарвана",
+        "focus": "Фокус сустрэчы",
+        "focusFail": "{{component}} недаступны, паўторыце праз {{ms}} з",
+        "grantedTo": "{{to}} атрымаў правы мадэратара!",
+        "invitedOneMember": "{{name}} быў запрошаны",
+        "invitedThreePlusMembers": "Запрошаны {{name}} і {{count}} іншых карыстальнікаў (ля)",
+        "invitedTwoMembers": "{{first}} і {{second}} далучыліся да канферэнцыі",
+        "kickParticipant": "{{kicker}} выгнаў {{kicked}}",
+        "me": "Я",
+        "moderator": "Атрыманыя правы мадэратара!",
+        "muted": "Вы пачалі размову без гуку.",
+        "mutedRemotelyDescription": "Вы заўсёды можаце ўключыць мікрафон, калі будзеце гатовыя гаварыць. Адключыце яго, калі скончыце, каб не трансляваць шумы ў канферэнцыю.",
+        "mutedRemotelyTitle": "{{participantDisplayName}} адключыў Вам мікрафон!",
+        "mutedTitle": "Вы без гуку!",
+        "newDeviceAction": "Выкарыстоўваць",
+        "newDeviceAudioTitle": "Выяўлена новае аўдыёпрылада",
+        "newDeviceCameraTitle": "Выяўлена новая камера",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) выдалены іншым удзельнікам",
+        "passwordSetRemotely": "Іншы ўдзельнік ўсталяваў $t(lockRoomPasswordUppercase)",
+        "raisedHand": "{{name}} хацеў бы выступіць.",
+        "somebody": "Хтосьці",
+        "startSilentDescription": "Перазайдзiце ў канферэнцыю, каб уключыць гук",
+        "startSilentTitle": "У вас адсутнічае гук!",
+        "suboptimalBrowserWarning": "На жаль, ваш браўзэр не цалкам падтрымлівае дадзеную сістэму вэб-канференцый. Мы працуем над праблемай, аднак, пакуль рэкамендуем вам скарыстацца <a href='{{recommendedBrowserPageLink}}' target='_blank'> наступнымі браўзэрамі</a >.",
+        "suboptimalExperienceTitle": "Папярэджанне браўзэра",
+        "unmute": "Уключыць мікрафон"
+    },
+    "passwordDigitsOnly": "Да {{number}} лічбаў",
+    "passwordSetRemotely": "устаноўлены іншым удзельнікам",
+    "polls": {
+        "errors": {
+            "notUniqueOption": "Варыянты павінны быць унікальнымі"
+        }
+    },
+    "poweredby": "працуе на",
+    "presenceStatus": {
+        "busy": "Заняты",
+        "calling": "Выклікаю…",
+        "connected": "Падключана",
+        "connecting": "Падлучэнне…",
+        "connecting2": "Падлучэнне *…",
+        "disconnected": "Адключана",
+        "expired": "Скончыўся",
+        "ignored": "праігнаравалі",
+        "initializingCall": "Ініцыялізацыя званка…",
+        "invited": "Запрошаны",
+        "rejected": "Адхілены",
+        "ringing": "Тэлефаную…"
+    },
+    "profile": {
+        "setDisplayNameLabel": "Якое адлюстроўваецца імя",
+        "setEmailInput": "Калі ласка, увядзіце email",
+        "setEmailLabel": "Email для Gravatar",
+        "title": "Профіль"
+    },
+    "raisedHand": "Хоча гаварыць",
+    "recording": {
+        "authDropboxText": "Загрузіць у Dropbox",
+        "availableSpace": "Даступна месца: {{spaceLeft}} MB (прыкладна {{duration}} хвілін запісу)",
+        "beta": "бэта",
+        "busy": "Мы стараемся забяспечыць больш рэсурсаў для запісу. Калі ласка, паспрабуйце праз некалькі хвілін.",
+        "busyTitle": "Усе запісваючыя прылады занятыя",
+        "error": "Памылка запісу. Калі ласка, паспрабуйце пазней.",
+        "expandedOff": "Запіс спынены",
+        "expandedOn": "Гэта канферэнцыя запісваецца.",
+        "expandedPending": "Пачынаем запіс канферэнцыі …",
+        "failedToStart": "Памылка пачатку запісу",
+        "fileSharingdescription": "Падзяліцца запісам з удзельнікамі канферэнцыі",
+        "live": "Прамая трансляцыя",
+        "loggedIn": "Увайшоў як {{userName}}",
+        "off": "Запіс спынены",
+        "offBy": "{{name}} спыніў запіс",
+        "on": "Запіс",
+        "onBy": "{{name}} ўключыў запіс",
+        "pending": "Падрыхтоўка запісу канферэнцыі…",
+        "rec": "Ідзе запіс",
+        "serviceDescription": "Ваш запіс будзе захаваны адпаведнай службай",
+        "serviceName": "Служба запісу",
+        "signIn": "Уваход",
+        "signOut": "Выхад",
+        "title": "Запіс",
+        "unavailable": "Служба {{serviceName}} зараз недаступная. Мы працуем над выпраўленнем гэтай памылкі. Калі ласка, паспрабуйце пазней.",
+        "unavailableTitle": "Запіс немагчымы"
+    },
+    "sectionList": {
+        "pullToRefresh": "Пацягніце для абнаўлення"
+    },
+    "settings": {
+        "calendar": {
+            "about": "Інтэграцыя з календаром {{appName}} выкарыстоўваецца для бяспечнага доступу да вашага календара і сінхранізацыі запланаваных мерапрыемстваў.",
+            "disconnect": "Адлучыцца",
+            "microsoftSignIn": "Увайсці з дапамогай ўліковага запісу Microsoft",
+            "signedIn": "Доступ да падзей календара уключаны для email - адрасы {{email}}. Націсніце кнопку Адключыць для адключэння доступу да падзей календара.",
+            "title": "Каляндар"
+        },
+        "devices": "Прылады",
+        "followMe": "Усе ідуць за мной",
+        "language": "Мова",
+        "loggedIn": "Увайшоў як {{name}}",
+        "microphones": "Мікрафоны",
+        "moderator": "Мадэратар",
+        "more": "Больш опцый",
+        "name": "Імя",
+        "noDevice": "не",
+        "selectAudioOutput": "Гукавы выхад",
+        "selectCamera": "Камера",
+        "selectMic": "Мікрафон",
+        "speakers": "Дынамікі",
+        "startAudioMuted": "Усе пачынаюць з выключаным гукам",
+        "startVideoMuted": "Усе пачынаюць ў схаваным рэжыме",
+        "title": "Налады"
+    },
+    "settingsView": {
+        "advanced": "Дадатковыя",
+        "alertOk": "Добра",
+        "alertTitle": "Увага",
+        "alertURLText": "Памылка адрасу сервера",
+        "buildInfoSection": "Інфармацыя пра зборку",
+        "conferenceSection": "Нумары для набору",
+        "disableCallIntegration": "Адключыць убудаваную інтэграцыю выклікаў",
+        "disableP2P": "Адключыць рэжым Peer-To-Peer",
+        "displayName": "Якое адлюстроўваецца імя",
+        "email": "Email",
+        "header": "Налады",
+        "profileSection": "Профіль",
+        "serverURL": "Адрас сервера",
+        "showAdvanced": "Паказаць дадатковыя налады",
+        "startWithAudioMuted": "Пачаць з адключаным гукам",
+        "startWithVideoMuted": "Пачаць з адключаным відэа",
+        "version": "Версія"
+    },
+    "share": {
+        "dialInfoText": "\n\n===== \n \nПроста жадаеце набраць нумар на Вашым тэлефоне? \n \n {{defaultDialInNumber}} Нацiснiце на гэтую спасылку, каб прагледзець тэлефонныя нумары для гэтай канферэнцыі \n {{dialInfoPageUrl}}",
+        "mainText": "Націсніце на спасылку каб далучыцца да канферэнцыі: \n {{roomUrl}}"
+    },
+    "speaker": "Калонка",
+    "speakerStats": {
+        "hours": "{{count}}г",
+        "minutes": "{{count}}хв",
+        "name": "Імя",
+        "search": "Пошук",
+        "searchHint": "Пошук удзельнікаў",
+        "seconds": "{{count}} с",
+        "speakerStats": "Статыстыка выступаў",
+        "speakerTime": "Час выступленняў"
+    },
+    "startupoverlay": {
+        "policyText": "",
+        "title": "{{app}} патрабуецца доступ да мікрафону і камеры."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Падключыцца зноў",
+        "text": "Для аднаўлення сувязі націсніце кнопку <i> Падключыцца зноў </i>.",
+        "title": "Відэасувязь перапынена. Прычына: гэты кампутар перайшоў у рэжым сну."
+    },
+    "toolbar": {
+        "Settings": "Налады",
+        "accessibilityLabel": {
+            "Settings": "",
+            "audioOnly": "Укл/Выкл толькі гук",
+            "audioRoute": "Выбраць аўдыёпрылады",
+            "callQuality": "Якасць сувязі",
+            "cc": "Укл/Выкл субтытры",
+            "chat": "Паказаць/схаваць акно чата",
+            "document": "Зачыніць агульны дакумент",
+            "download": "Спампаваць дадатак",
+            "feedback": "Пакінуць водгук",
+            "fullScreen": "Поўнаэкранны / аконны рэжым",
+            "hangup": "Завяршыць званок",
+            "help": "Даведка",
+            "invite": "Запрасіць",
+            "kick": "Выкінуць ўдзельніка",
+            "localRecording": "Укл/Выкл кнопкі запісу",
+            "lockRoom": "Усталяваць пароль",
+            "moreActions": "Паказаць / схаваць меню доп. Настроек",
+            "moreActionsMenu": "Меню дад. Настроек",
+            "moreOptions": "Паказаць больш варыянтаў",
+            "mute": "Укл/Выкл гук",
+            "muteEveryone": "Заглушыць усіх",
+            "pip": "Укл/Выкл рэжым Малюначак-у-малюначку",
+            "privateMessage": "Адаслаць асабістае паведамленне",
+            "profile": "Рэдагаваць профіль",
+            "raiseHand": "Падняць руку",
+            "recording": "Укл/Выкл запіс",
+            "remoteMute": "Адключыць ўдзельніку мікрафон",
+            "shareRoom": "Адправіць запрашэнне",
+            "shareYourScreen": "Укл/Выкл дэманстрацыю экрана",
+            "sharedvideo": "Укл/Выкл YouTube - трансляцыю",
+            "shortcuts": "Укл/Выкл значкі",
+            "show": "Паказаць буйным планам",
+            "speakerStats": "Укл/Выкл статыстыку",
+            "tileView": "Укл/Выкл плітку",
+            "toggleCamera": "Укл/Выкл камеру",
+            "toggleFilmstrip": "",
+            "videoblur": "Укл. / Выкл. Размыццё фону",
+            "videomute": "Укл/Выкл відэа"
+        },
+        "addPeople": "Дадаць людзей да вашага сеансу сувязі",
+        "audioOnlyOff": "Адключыць рэжым эканоміі пропускной здольнасці",
+        "audioOnlyOn": "Уключыць рэжым эканоміі прапускной здольнасці",
+        "audioRoute": "Выбраць аўдыёпрылады",
+        "authenticate": "аўтэнтыфікаваных",
+        "callQuality": "Якасць сувязі",
+        "chat": "Чат",
+        "closeChat": "Зачыніць чат",
+        "documentClose": "Зачыніць агульны дакумент",
+        "documentOpen": "Адкрыць агульны дакумент",
+        "download": "Спампаваць дадатак",
+        "enterFullScreen": "Поўны экран",
+        "enterTileView": "Агульны план",
+        "exitFullScreen": "Поўны экран",
+        "exitTileView": "Буйны план",
+        "feedback": "Пакінуць водгук",
+        "hangup": "Выхад",
+        "help": "Даведка",
+        "invite": "Запрасіць",
+        "login": "Увайсці",
+        "logout": "Выйсці",
+        "lowerYourHand": "Апусціць руку",
+        "moreActions": "Больш",
+        "moreOptions": "Больш варыянтаў",
+        "mute": "Мікрафон (Ўкл./Выкл.)",
+        "muteEveryone": "Заглушыць усіх",
+        "noAudioSignalDesc": "Калі вы адмыслова не адключалі мікрафон у сістэмных наладах, падумайце аб тым, каб памяняць яго.",
+        "noAudioSignalDescSuggestion": "Калі вы адмыслова не адключалі мікрафон у сістэмных наладах, вы можаце паспрабаваць выкарыстоўваць наступную прыладу.",
+        "noAudioSignalDialInDesc": "Вы таксама можаце набраць з дапамогай:",
+        "noAudioSignalDialInLinkDesc": "Нумары для набору",
+        "noAudioSignalTitle": "Ад вашага мікрафона не ідзе гукавы сігнал!",
+        "noisyAudioInputDesc": "Здаецца, ваш мікрафон выдае шум, калі ласка, падумайце аб выключэнні гуку або змене прылады.",
+        "noisyAudioInputTitle": "Здаецца, ваш мікрафон шумеў!",
+        "openChat": "Адкрыць чат",
+        "pip": "Укл рэжым Малюначак-у-малюначку",
+        "privateMessage": "Адаслаць асабістае паведамленне",
+        "profile": "Рэдагаваць профіль",
+        "raiseHand": "Хачу гаварыць",
+        "raiseYourHand": "Падняць руку",
+        "shareRoom": "Адправіць запрашэнне",
+        "sharedvideo": "Відэа YouTube",
+        "shortcuts": "Камбінацыі клавіш",
+        "speakerStats": "Статыстыка",
+        "startScreenSharing": "Пачаць трансляцыю з экрана",
+        "startSubtitles": "Уключыць субтытры",
+        "startvideoblur": "размыць фон на відэа",
+        "stopScreenSharing": "Спыніць трансляцыю з экрана",
+        "stopSharedVideo": "Спыніць відэа на YouTube",
+        "stopSubtitles": "Адключыць субтытры",
+        "stopvideoblur": "Адключыць размыццё фону",
+        "talkWhileMutedPopup": "Спрабуеце казаць? У вас адключаны гук.",
+        "tileViewToggle": "Укл/Выкл плітку",
+        "toggleCamera": "Укл/Выкл камеру",
+        "videomute": "Камера"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Укл. / Выкл. Субтытры",
+        "error": "Памылка запісу. Калі ласка, паспрабуйце пазней.",
+        "expandedLabel": "Транскрыпцыя ўключана",
+        "failedToStart": "няўдалага пачаць расшыфроўку",
+        "labelToolTip": "Ствараецца транскрыпцыя канферэнцыі",
+        "off": "Расшыфроўка спыненая",
+        "pending": "Падрыхтоўка расшыфроўкі канферэнцыі…",
+        "start": "Укл/Выкл паказ субтытраў",
+        "stop": "Укл/Выкл паказ субтытраў",
+        "tr": "TR"
+    },
+    "userMedia": {
+        "grantPermissions": "Калі ласка, дайце дазвол на доступ да камеры і мікрафону."
+    },
+    "videoSIPGW": {
+        "busy": "Мы працуем над вызваленнем рэсурсаў. Калі ласка, паспрабуйце праз некалькі хвілін.",
+        "busyTitle": "Служба цяпер занятая",
+        "errorAlreadyInvited": "{{displayName}} ужо запрошаны",
+        "errorInvite": "Сустрэча яшчэ не пачалася. Калі ласка, паспрабуйце пазней.",
+        "errorInviteFailed": "Мы працуем над вырашэннем праблемы. Калі ласка, паспрабуйце пазней.",
+        "errorInviteFailedTitle": "Памылка запрашэння {{displayName}}",
+        "errorInviteTitle": "Памылка запрашэння ў пакой",
+        "pending": "{{displayName}} быў запрошаны"
+    },
+    "videoStatus": {
+        "audioOnly": "Толькі гук",
+        "audioOnlyExpanded": "Актыўны рэжым эканоміі прапускной здольнасці. У гэтым рэжыме даступныя толькі гук і трансляцыя з экрана.",
+        "callQuality": "Якасць відэа",
+        "hd": "HD",
+        "hdTooltip": "Відэа высокай якасці",
+        "highDefinition": "Высокая якасць",
+        "labelTooiltipNoVideo": "Няма відэа",
+        "labelTooltipAudioOnly": "Уключаны рэжым эканоміі прапускной здольнасці",
+        "ld": "LD",
+        "ldTooltip": "Відэа нізкай якасці",
+        "lowDefinition": "Нізкая якасць",
+        "onlyAudioAvailable": "Толькі гук",
+        "onlyAudioSupported": "У гэтым браўзэры дазволены толькі гук.",
+        "sd": "SD",
+        "sdTooltip": "Відэа стандартнага якасці",
+        "standardDefinition": "Стандартнае якасць (SD)"
+    },
+    "videothumbnail": {
+        "domute": "Выключыць гук",
+        "domuteOthers": "Заглушіць астатніх",
+        "flip": "Адлюстраваць",
+        "kick": "Выкінуць",
+        "moderator": "Мадэратар",
+        "mute": "Без гуку",
+        "muted": "Гук выключаны",
+        "remoteControl": "Укл./Вкл. дыстанцыйнае кіраванне",
+        "show": "Паказаць буйным планам",
+        "videomute": "Удзельнік адключыў камеру"
+    },
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Націсніце каб далучыцца",
+            "roomname": "Пакажыце назву пакоя"
+        },
+        "appDescription": "Паспрабуйце відэачат з усёй камандай. Запрашай знаёмых! {{app}} - цалкам зашыфраванае рашэнне для відэаканферэнцый з адкрытым зыходным кодам. Карыстайцеся кожны дзень, бясплатна і без рэгістрацыі.",
+        "audioVideoSwitch": {
+            "audio": "Каляндар",
+            "video": "Відэа"
+        },
+        "calendar": "Каляндар",
+        "connectCalendarButton": "Прывязаць каляндар",
+        "connectCalendarText": "Падлучыце каляндар, каб убачыць усе вашыя канферэнцыі ў {{app}}. Акрамя таго, дадаўшы {{provider}} канферэнцыi ў каляндар, вы зможаце запускаць іх адным пстрычкай мышкі.",
+        "enterRoomTitle": "Пачаць новую відэаканферэнцыю",
+        "getHelp": "Атрымаць дапамогу",
+        "go": "ОК",
+        "goSmall": "ОК",
+        "info": "Інфа",
+        "join": "СТВАРЫЦЬ/далучыць",
+        "privacy": "Прыватнасць",
+        "recentList": "Нядаўнія",
+        "recentListDelete": "Выдаліць",
+        "recentListEmpty": "Зараз ваш спіс нядаўна праведзеных канферэнцый пусты. Па меры вашага карыстання сэрвісам ён будзе папаўняцца.",
+        "reducedUIText": "Сардэчна запрашаем у {{app}}!",
+        "roomNameAllowedChars": "Назва канферэнцыі не павінна ўтрымліваць наступныя сімвалы:?, &,:, ', \",%, #.",
+        "roomname": "Пакажыце назву пакоя",
+        "roomnameHint": "Пакажыце назву пакоя ці яго адрас. Можаце самі стварыць назву і перадаць яе будучым удзельнікам сустрэчы, каб яны выкарыстоўвалі менавіта яго.",
+        "sendFeedback": "Зваротная сувязь",
+        "terms": "Умовы",
+        "title": "Абароненая, поўнафункцыянальная і цалкам бясплатная сістэма відэаканферэнцый"
+    }
+}
diff --git a/lang/main-bg.json b/lang/main-bg.json
new file mode 100644
index 0000000..119f75e
--- /dev/null
+++ b/lang/main-bg.json
@@ -0,0 +1,1685 @@
+{
+    "addPeople": {
+        "accessibilityLabel": {
+            "meetingLink": "Линк за среща: {{url}}"
+        },
+        "add": "Покани",
+        "addContacts": "Покани участници",
+        "contacts": "контакти",
+        "copyInvite": "Копирай покана в срещата",
+        "copyLink": "Копирай линк към срещата",
+        "copyStream": "Копирай линк за излъчване на живо",
+        "countryNotSupported": "Желаната дестинация не се поддържа все още.",
+        "countryReminder": "Международно обаждане? Започнете номера с международен код!",
+        "defaultEmail": "Покана по имейл",
+        "disabled": "Не можете да каните хора.",
+        "failedToAdd": "Неуспешно добавяне на участници",
+        "googleEmail": "Google имейл",
+        "inviteMoreHeader": "Вие сте единственият участник в срещата",
+        "inviteMoreMailSubject": "Включи се в {{appName}} среща",
+        "inviteMorePrompt": "Покани още участници",
+        "linkCopied": "Линкът е копиран",
+        "noResults": "Няма резултати",
+        "outlookEmail": "Outlook имейл",
+        "phoneNumbers": "телефонни номера",
+        "searching": "Търсене…",
+        "shareInvite": "Сподели покана за среща",
+        "shareLink": "Сподели линк към срещата, за да поканиш някого",
+        "shareStream": "Сподели линк за излъчване на живо",
+        "sipAddresses": "SIP адреси",
+        "telephone": "Телефон: {{number}}",
+        "title": "Добавяне на участници в срещата",
+        "yahooEmail": "Yahoo имейл"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "car": "Аудио в кола",
+        "headphones": "Слушалки",
+        "none": "Няма налични устройства за звук",
+        "phone": "Телефон",
+        "speaker": "Високоговорител"
+    },
+    "audioOnly": {
+        "audioOnly": "Само звук"
+    },
+    "bandwidthSettings": {
+        "assumedBandwidthBps": "напр. 10000000 за 10 Mbps",
+        "assumedBandwidthBpsWarning": "Високи стойности могат да причинят проблеми с мрежата.",
+        "customValue": "персонализирана стойност",
+        "customValueEffect": "Задайте текущата стойност в bps",
+        "leaveEmpty": "оставете празно",
+        "leaveEmptyEffect": "за автоматично настройване",
+        "possibleValues": "Възможни стойности:",
+        "setAssumedBandwidthBps": "Предполагаема скорост (bps)",
+        "title": "Настройки за скоростта",
+        "zeroEffect": "за деактивиране на видеото"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "Добави работна стая",
+            "autoAssign": "Автоматично разпредели в работни стаи",
+            "close": "Затвори",
+            "join": "Влез",
+            "leaveBreakoutRoom": "Излез от работната стая",
+            "more": "Още",
+            "remove": "Премахни",
+            "rename": "Преименувай",
+            "renameBreakoutRoom": "Преименувай работната стая",
+            "sendToBreakoutRoom": "Изпрати участника в:"
+        },
+        "breakoutList": "Списък с работни стаи",
+        "buttonLabel": "Работни стаи",
+        "defaultName": "Работна стая #{{index}}",
+        "hideParticipantList": "Скрий списъка с участници",
+        "mainRoom": "Основна стая",
+        "notifications": {
+            "joined": "Влизане в работната стая \"{{name}}\"",
+            "joinedMainRoom": "Влизане в основната стая",
+            "joinedTitle": "Работни стаи"
+        },
+        "showParticipantList": "Покажи списъка с участници",
+        "title": "Работни стаи"
+    },
+    "calendarSync": {
+        "addMeetingURL": "Добавяне на връзка за среща",
+        "confirmAddLink": "Искате ли да добавите връзка към това събитие?",
+        "error": {
+            "appConfiguration": "Интеграцията с календара не е настроена.",
+            "generic": "Грешка! Моля, проверете настройката за календара или го обновете.",
+            "notSignedIn": "Грешка при идентификация за изтегляне на събития. Моля, проверете настройките на календара и опитайте отново."
+        },
+        "join": "Влизане",
+        "joinTooltip": "Влизане в срещата",
+        "nextMeeting": "следваща среща",
+        "noEvents": "Няма насрочени бъдещи събития.",
+        "ongoingMeeting": "настояща среща",
+        "permissionButton": "Отваряне на настройки",
+        "permissionMessage": "За показване на срещите ви е нужно позволение за ползване на календара.",
+        "refresh": "Обновяване на календара",
+        "today": "Днес"
+    },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "Изберете аудио устройство"
+        },
+        "labels": {
+            "buttonLabel": "Автомобилен режим",
+            "title": "Автомобилен режим",
+            "videoStopped": "Видеото ви е спряно"
+        }
+    },
+    "chat": {
+        "disabled": "Изпращането на съобщения е деактивирано.",
+        "enter": "Влизане в стаята",
+        "error": "Грешка: вашето съобщение не бе изпратено, поради: {{error}}",
+        "everyone": "Всички",
+        "fieldPlaceHolder": "Въведете съобщението",
+        "guestsChatIndicator": "(гост)",
+        "lobbyChatMessageTo": "Съобщение в лобито до {{recipient}}",
+        "message": "Съобщение",
+        "messageAccessibleTitle": "{{user}} казва:",
+        "messageAccessibleTitleMe": "аз казвам:",
+        "messageTo": "Лично съобщение до {{recipient}}",
+        "messagebox": "Въведете съобщение",
+        "newMessages": "Нови съобщения",
+        "nickname": {
+            "popover": "Избор на име",
+            "title": "Въведете име, за да обменяте съобщения",
+            "titleWithCC": "Въведете име, за да използвате съобщения и субтитри",
+            "titleWithPolls": "Въведете име, за да обменяте съобщения",
+            "titleWithPollsAndCC": "Въведете име, за да използвате съобщения, анкети и субтитри",
+            "titleWithPollsAndCCAndFileSharing": "Въведете име, за да използвате съобщения, анкети, субтитри и споделени файлове"
+        },
+        "noMessagesMessage": "Все още няма съобщения в срещата. Започнете разговор тук!",
+        "privateNotice": "Лично съобщение до {{recipient}}",
+        "sendButton": "Изпрати",
+        "smileysPanel": "Панел за емотикони",
+        "systemDisplayName": "Система",
+        "tabs": {
+            "chat": "Чат",
+            "closedCaptions": "Субтитри",
+            "fileSharing": "Файлове",
+            "polls": "Анкети"
+        },
+        "title": "Чат",
+        "titleWithCC": "Субтитри",
+        "titleWithFeatures": "Чат и",
+        "titleWithFileSharing": "Файлове",
+        "titleWithPolls": "Анкети",
+        "you": "вие"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Инсталирайте разширението за Chrome",
+        "buttonTextEdge": "Инсталирай разширението за Edge",
+        "close": "Затвори",
+        "dontShowAgain": "Не показвай повече",
+        "installExtensionText": "Инсталирайте разширенията за Google Calendar и Office 365"
+    },
+    "closedCaptionsTab": {
+        "emptyState": "Съдържанието на субтитрите ще бъде достъпно, след като модератор ги стартира",
+        "startClosedCaptionsButton": "Стартирай субтитри"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Свързване с вашата среща…"
+    },
+    "connection": {
+        "ATTACHED": "Прикрепен",
+        "AUTHENTICATING": "Идентификация",
+        "AUTHFAIL": "Неуспешна идентификация",
+        "CONNECTED": "Свързан",
+        "CONNECTING": "Свързване",
+        "CONNFAIL": "Връзката е неуспешна",
+        "DISCONNECTED": "Изключен",
+        "DISCONNECTING": "Прекъсване на връзката",
+        "ERROR": "Грешка",
+        "FETCH_SESSION_ID": "Отваряне на сесия…",
+        "GET_SESSION_ID_ERROR": "Грешка при отваряне на сесията: {{code}}",
+        "GOT_SESSION_ID": "Отваряне на сесията… Готово",
+        "LOW_BANDWIDTH": "Видеото на {{displayName}} беше изключено, поради слаба Интернет връзка"
+    },
+    "connectionindicator": {
+        "address": "Адрес:",
+        "audio_ssrc": "Аудио SSRC:",
+        "bandwidth": "Предполагаема скорост:",
+        "bitrate": "Скорост:",
+        "bridgeCount": "Брой сървъри: ",
+        "codecs": "Кодеци (А/В): ",
+        "connectedTo": "Свързан към:",
+        "e2eeVerified": "E2EE потвърден:",
+        "framerate": "Кадри в секунда:",
+        "less": "Скриване",
+        "localaddress": "Локален адрес:",
+        "localaddress_plural": "Локални адреси:",
+        "localport": "Локален порт:",
+        "localport_plural": "Локални портове:",
+        "maxEnabledResolution": "макс. изпращане",
+        "more": "Показване",
+        "no": "не",
+        "packetloss": "Загуба на пакети:",
+        "participant_id": "ID на участник:",
+        "quality": {
+            "good": "Добра",
+            "inactive": "Няма",
+            "lost": "Разкачена",
+            "nonoptimal": "Неоптимална",
+            "poor": "Лоша"
+        },
+        "remoteaddress": "Отдалечен адрес:",
+        "remoteaddress_plural": "Отдалечени адреси:",
+        "remoteport": "Отдалечен порт:",
+        "remoteport_plural": "Отдалечени портове:",
+        "resolution": "Резолюция:",
+        "savelogs": "Запази логовете",
+        "status": "Връзка:",
+        "transport": "Транспорт:",
+        "transport_plural": "Транспорти:",
+        "video_ssrc": "Видео SSRC:",
+        "yes": "да"
+    },
+    "dateUtils": {
+        "earlier": "По-рано",
+        "today": "Днес",
+        "yesterday": "Вчера"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Имате нужда от мобилното приложение {{app}} за влизане в тази среща от телефона.",
+        "description": "Нищо не се случва? Опитахме се да заредим срещата в приложението {{app}}. Пробвайте отново или влезте чрез уеб приложението {{app}}.",
+        "descriptionNew": "Нищо не се случва? Опитахме се да заредим срещата в настолното приложение {{app}}. <br /><br /> Можете да опитате отново или да я заредите в уеб браузъра.",
+        "descriptionWithoutWeb": "Нищо не се случва? Опитахме се да заредим срещата в приложението {{app}}.",
+        "downloadApp": "Свалете приложението",
+        "downloadMobileApp": "Изтеглете от App Store",
+        "ifDoNotHaveApp": "Ако все още нямате приложението:",
+        "ifHaveApp": "Ако вече имате приложението:",
+        "joinInApp": "Влез чрез приложението",
+        "joinInAppNew": "Влез в приложението",
+        "joinInBrowser": "Влез чрез браузъра",
+        "launchMeetingLabel": "Как искате да влезете в срещата?",
+        "launchWebButton": "Заредете уеб страницата",
+        "noDesktopApp": "Нямате настолното приложение?",
+        "noMobileApp": "Нямате мобилното приложение?",
+        "or": "ИЛИ",
+        "termsAndConditions": "Продължавайки, вие се съгласявате с нашите <a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'>правила и условия.</a>",
+        "title": "Зареждане на срещата в {{app}}…",
+        "titleNew": "Зареждане на срещата…",
+        "tryAgainButton": "Пробвайте отново в настолното приложение",
+        "unsupportedBrowser": "Изглежда, че използвате браузър, който не поддържаме."
+    },
+    "defaultLink": "напр. {{url}}",
+    "defaultNickname": "напр. Иван Иванов",
+    "deviceError": {
+        "cameraError": "Камерата е недостъпна",
+        "cameraPermission": "Грешка при получаване на разрешение за достъп до камерата",
+        "microphoneError": "Микрофонът е недостъпен",
+        "microphonePermission": "Грешка при получаване на разрешение за достъп до микрофона"
+    },
+    "deviceSelection": {
+        "hid": {
+            "callControl": "Управление на повикванията",
+            "connectedDevices": "Свързани устройства:",
+            "deleteDevice": "Изтрий устройство",
+            "pairDevice": "Сдвояване на устройство"
+        },
+        "noPermission": "Не е получено разрешение",
+        "previewUnavailable": "Няма възможност за преглед",
+        "selectADevice": "Изберете устройство",
+        "testAudio": "Тест"
+    },
+    "dialIn": {
+        "screenTitle": "Резюме за влизане по телефон"
+    },
+    "dialOut": {
+        "statusMessage": "в момента е {{status}}"
+    },
+    "dialog": {
+        "Back": "Назад",
+        "Cancel": "Отказ",
+        "IamHost": "Аз съм домакинът",
+        "Ok": "Готово",
+        "Remove": "Премахване",
+        "Share": "Споделяне",
+        "Submit": "Изпращане",
+        "Understand": "Разбирам, остави ме заглушен засега",
+        "UnderstandAndUnmute": "Разбирам, моля включи ми звука",
+        "WaitForHostNoAuthMsg": "Конференцията все още не е започнала, защото няма пристигнали модератори. Моля, изчакайте.",
+        "WaitingForHostButton": "Изчакване на модератор",
+        "WaitingForHostTitle": "Изчакване на модератор…",
+        "Yes": "Да",
+        "accessibilityLabel": {
+            "Cancel": "Отказ (напускане на диалога)",
+            "Ok": "ОК (запазване и напускане на диалога)",
+            "close": "Затвори диалога",
+            "liveStreaming": "Излъчване на живо",
+            "sharingTabs": "Опции за споделяне"
+        },
+        "add": "Добави",
+        "addMeetingNote": "Добави бележка за тази среща",
+        "addOptionalNote": "Добави бележка (не е задължително):",
+        "allow": "Разреши",
+        "allowToggleCameraDialog": "Разрешавате ли на {{initiatorName}} да превключи режима на вашата камера?",
+        "allowToggleCameraTitle": "Разреши превключване на камерата?",
+        "alreadySharedVideoMsg": "Друг участник вече е споделил видео. Тази среща позволява само едно споделено видео.",
+        "alreadySharedVideoTitle": "Разрешено е споделянето само на едно видео в даден момент",
+        "applicationWindow": "Прозорец на програмата",
+        "authenticationRequired": "Изисква се идентификация",
+        "cameraCaptureDialog": {
+            "description": "Направи и изпрати снимка с мобилната си камера",
+            "ok": "Отвори камерата",
+            "reject": "Не сега",
+            "title": "Направи снимка"
+        },
+        "cameraConstraintFailedError": "Камерата Ви не покрива някои от изискванията.",
+        "cameraNotFoundError": "Не е открита камера.",
+        "cameraNotSendingData": "Камерата е недостъпна. Моля, проверете дали друго приложение не използва това устройство, изберете друго устройство от менюто с настройките, или презаредете приложението.",
+        "cameraNotSendingDataTitle": "Камерата е недостъпна",
+        "cameraPermissionDeniedError": "Не сте дали разрешение за използване на камерата. Ще можете да се присъедините в срещата, но другите няма да Ви виждат. Използвайте бутона с камерата в адресната лента, за да оправите това.",
+        "cameraTimeoutError": "Не можа да стартира видео източника. Операцията не завърши в определеното време!",
+        "cameraUnknownError": "Невъзможен достъп до камерата по неясна причина.",
+        "cameraUnsupportedResolutionError": "Камерата Ви не поддържа нужната резолюция.",
+        "close": "Затваряне",
+        "conferenceDisconnectMsg": "Може би трябва да проверите мрежовата си връзка. Повторно свързване след {{seconds}} сек…",
+        "conferenceDisconnectTitle": "Връзката се разпадна.",
+        "conferenceReloadMsg": "Опитваме се да оправим нещата. Повторно свързване след {{seconds}} сек…",
+        "conferenceReloadTitle": "За съжаление, нещо се обърка.",
+        "confirm": "Потвърждение",
+        "confirmBack": "Назад",
+        "confirmNo": "Не",
+        "confirmYes": "Да",
+        "connectError": "Опа! Нещо се обърка и не успяхме да се свържем с конференцията.",
+        "connectErrorWithMsg": "Опа! Нещо се обърка и не успяхме да се свържем с конференцията: {{msg}}",
+        "connecting": "Свързване",
+        "contactSupport": "Връзка с отдела по поддръжка",
+        "copied": "Копирано",
+        "copy": "Копиране",
+        "demoteParticipantDialog": "Сигурни ли сте, че искате да преместите този участник в режим на зрител?",
+        "demoteParticipantTitle": "Премести в режим на зрител",
+        "dismiss": "Отхвърляне",
+        "displayNameRequired": "Здравей! Как се казваш?",
+        "done": "Готово",
+        "e2eeDescription": "Криптирането от край до край в момента е ЕКСПЕРИМЕНТАЛНО. Моля, имайте предвид, че включването на криптирането от край до край ще деактивира услугите, предоставени от сървъра, като: участие по телефон. Също така имайте предвид, че срещата ще работи само за хора, присъединяващи се от браузъри с поддръжка на insertable streams.",
+        "e2eeDisabledDueToMaxModeDescription": "Не може да се активира криптирането от край до край поради голям брой участници в конференцията.",
+        "e2eeLabel": "Включи криптирането от край до край",
+        "e2eeWarning": "ПРЕДУПРЕЖДЕНИЕ: Не всички участници в тази среща изглежда имат поддръжка за криптиране от край до край. Ако го включите, те няма да могат да ви виждат или чуват.",
+        "e2eeWillDisableDueToMaxModeDescription": "ПРЕДУПРЕЖДЕНИЕ: Криптирането от край до край автоматично ще бъде деактивирано ако повече участници се присъединят към конференцията.",
+        "embedMeeting": "Вграждане на среща",
+        "enterDisplayName": "Моля, въведете Вашето име",
+        "error": "Грешка",
+        "errorRoomCreationRestriction": "Опитахте се да се присъедините твърде бързо, моля върнете се след малко.",
+        "gracefulShutdown": "Услугата временно не е достъпна поради профилактика. Моля, опитайте по-късно.",
+        "grantModeratorDialog": "Сигурни ли сте, че искате да дадете права на модератор на {{participantName}}?",
+        "grantModeratorTitle": "Даване на права на модератор",
+        "hide": "Скрий",
+        "hideShareAudioHelper": "Не показвай повече този диалог",
+        "incorrectPassword": "Неправилно потребителско име или парола",
+        "incorrectRoomLockPassword": "Грешна парола",
+        "internalError": "Опа! Нещо се обърка. Възникна следната грешка: {{error}}",
+        "internalErrorTitle": "Вътрешна грешка",
+        "kickMessage": "Може да се свържете с {{participantDisplayName}} за повече подробности.",
+        "kickParticipantButton": "Изгони",
+        "kickParticipantDialog": "Сигурни ли сте, че искате да изгоните участника?",
+        "kickParticipantTitle": "Изгонване на този участник?",
+        "kickSystemTitle": "Ауч! Бяхте изгонени от срещата",
+        "kickTitle": "Ауч! {{participantDisplayName}} Ви изгони от тази среща",
+        "learnMore": "научи повече",
+        "linkMeeting": "Свързване на среща",
+        "linkMeetingTitle": "Свързване на среща със Salesforce",
+        "liveStreaming": "Излъчване на живо",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "Невъзможно докато е активен запис",
+        "localUserControls": "Контроли на локален потребител",
+        "lockMessage": "Неуспешно заключване на конференцията.",
+        "lockRoom": "Добавяне $t(lockRoomPasswordUppercase) за срещата",
+        "lockTitle": "Неуспешно заключване",
+        "login": "Вход",
+        "loginQuestion": "Сигурни ли сте, че искате да влезете в системата и да напуснете конференцията?",
+        "logoutQuestion": "Сигурни ли сте, че искате да излезете и да прекъснете конференцията?",
+        "logoutTitle": "Изход",
+        "maxUsersLimitReached": "Лимитът за максимален брой участници бе достигнат. Капацитетът на срещата е запълнен. Моля, свържете се с организатора или опитайте по-късно!",
+        "maxUsersLimitReachedTitle": "Достигнат е лимитът за максимален брой участници",
+        "micConstraintFailedError": "Микрофонът Ви не покрива някои от изискванията.",
+        "micNotFoundError": "Не е открит микрофон.",
+        "micNotSendingData": "Пуснете микрофона си от системните настройки на компютъра",
+        "micNotSendingDataTitle": "Микрофонът Ви е спрян от системните настройки",
+        "micPermissionDeniedError": "Не сте дали разрешение за използване на микрофона. Ще можете да се присъедините в срещата, но другите няма да Ви чуват. Използвайте бутона с микрофон в адресната лента, за да оправите това.",
+        "micTimeoutError": "Не можа да стартира аудио източника. Изтече времето!",
+        "micUnknownError": "Невъзможен достъп до микрофона по неясна причина.",
+        "moderationAudioLabel": "Позволи на не-модераторите да включват микрофоните си",
+        "moderationDesktopLabel": "Позволи на не-модераторите да споделят екрана си",
+        "moderationVideoLabel": "Позволи на не-модераторите да стартират видеото си",
+        "muteEveryoneDialog": "Сигурни ли сте, че искате да заглушите всички? Няма да можете да пуснете звука им отново, но участниците ще могат да направят това сами.",
+        "muteEveryoneDialogModerationOn": "Участниците могат да изпратят заявка за говорене по всяко време.",
+        "muteEveryoneElseDialog": "След като заглушите някого, няма да можете да пуснете обратно звука му, но участникът ще може да направи това сам.",
+        "muteEveryoneElseTitle": "Заглушете всички, освен {{whom}}?",
+        "muteEveryoneElsesDesktopDialog": "След като спрете споделянето, няма да можете да го рестартирате, но те могат да го направят по всяко време.",
+        "muteEveryoneElsesDesktopTitle": "Спри споделянето на екран на всички освен {{whom}}?",
+        "muteEveryoneElsesVideoDialog": "След като камерата се деактивира, няма да можете да я включите отново, но те могат да я включат по всяко време.",
+        "muteEveryoneElsesVideoTitle": "Спри видеото на всички освен {{whom}}?",
+        "muteEveryoneSelf": "себе си",
+        "muteEveryoneStartMuted": "Всички да влизат без звук",
+        "muteEveryoneTitle": "Заглуши всички?",
+        "muteEveryonesDesktopDialog": "Участниците могат да споделят екрана си по всяко време.",
+        "muteEveryonesDesktopDialogModerationOn": "Участниците могат да изпратят заявка за споделяне на екран по всяко време.",
+        "muteEveryonesDesktopTitle": "Спри споделянето на екран на всички?",
+        "muteEveryonesVideoDialog": "Участниците могат да включат видеото си по всяко време.",
+        "muteEveryonesVideoDialogModerationOn": "Участниците могат да изпратят заявка за включване на видео по всяко време.",
+        "muteEveryonesVideoDialogOk": "Деактивирай",
+        "muteEveryonesVideoTitle": "Спри видеото на всички?",
+        "muteParticipantBody": "Вие няма да можете да спрете заглушаването на участника, но той ще може да го направи по всяко време.",
+        "muteParticipantButton": "Изключи микрофона",
+        "muteParticipantsDesktopBody": "Няма да можете да стартирате споделянето на техния екран, но те могат да го направят по всяко време.",
+        "muteParticipantsDesktopBodyModerationOn": "Няма да можете да стартирате споделянето на техния екран и нито те няма да могат.",
+        "muteParticipantsDesktopButton": "Спри споделянето на екран",
+        "muteParticipantsDesktopDialog": "Сигурни ли сте, че искате да изключите споделянето на екран на този участник? Няма да можете да го рестартирате, но той може да го направи по всяко време.",
+        "muteParticipantsDesktopDialogModerationOn": "Сигурни ли сте, че искате да изключите споделянето на екран на този участник? Няма да можете да включите екрана отново и нито той няма да може.",
+        "muteParticipantsDesktopTitle": "Деактивирай споделянето на екран на този участник?",
+        "muteParticipantsVideoBody": "Няма да можете да включите камерата отново, но те могат да я включат по всяко време.",
+        "muteParticipantsVideoBodyModerationOn": "Нито Вие, нито участниците ще можете да включите камерите си отново.",
+        "muteParticipantsVideoButton": "Спри видеото",
+        "muteParticipantsVideoDialog": "Сигурни ли сте, че искате да изключите камерата на този участник? Няма да можете да я включите отново, но той може да я включи по всяко време.",
+        "muteParticipantsVideoDialogModerationOn": "Сигурни ли сте, че искате да изключите камерата на този участник? Нито Вие, нито участника ще можете да я включите отново",
+        "muteParticipantsVideoTitle": "Деактивирай камерата на този участник?",
+        "noDropboxToken": "Няма валиден Dropbox токен",
+        "password": "Парола",
+        "passwordLabel": "Тази среща е заключена. Моля, въведете $t(lockRoomPassword), за да влезете.",
+        "passwordNotSupported": "Задаването на $t(lockRoomPassword) за срещата не се поддържа.",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) не се поддържа",
+        "passwordRequired": "Изисква се $t(lockRoomPassword)",
+        "permissionCameraRequiredError": "Разрешението за камера е необходимо за участие в конференции с видео. Моля, дайте го в Настройките",
+        "permissionErrorTitle": "Необходимо е разрешение",
+        "permissionMicRequiredError": "Разрешението за микрофон е необходимо за участие в конференции с аудио. Моля, дайте го в Настройките",
+        "readMore": "още",
+        "recentlyUsedObjects": "Вашите наскоро използвани обекти",
+        "recording": "Запис",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "Невъзможно докато е активно излъчване на живо",
+        "recordingInProgressDescription": "Тази среща се записва и анализира от AI{{learnMore}}. Звукът и видеото ви са изключени. Ако решите да ги включите, давате съгласие да бъдете записани.",
+        "recordingInProgressDescriptionFirstHalf": "Тази среща се записва и анализира от AI",
+        "recordingInProgressDescriptionSecondHalf": ". Звукът и видеото ви са изключени. Ако решите да ги включите, давате съгласие да бъдете записани.",
+        "recordingInProgressTitle": "В момента се записва",
+        "rejoinNow": "Повторно присъединяване сега",
+        "remoteControlAllowedMessage": "{{user}} прие заявката Ви за отдалечено управление!",
+        "remoteControlDeniedMessage": "{{user}} отказа заявката Ви за отдалечено управление!",
+        "remoteControlErrorMessage": "Възникна грешка при опита за искане на разрешение за отдалечено управление от {{user}}!",
+        "remoteControlRequestMessage": "Ще позволите ли на {{user}} да управлява отдалечено компютъра Ви?",
+        "remoteControlShareScreenWarning": "Ако натиснете „Разрешаване“, ще споделите екрана си!",
+        "remoteControlStopMessage": "Сесията за отдалечено управление приключи!",
+        "remoteControlTitle": "Отдалечено управление на компютъра",
+        "remoteUserControls": "Отдалечени потребителски контроли на {{username}}",
+        "removePassword": "Премахване на $t(lockRoomPassword)",
+        "removeSharedVideoMsg": "Наистина ли искате да премахнете споделеното си видео?",
+        "removeSharedVideoTitle": "Край на споделянето на видео",
+        "renameBreakoutRoomLabel": "Име на стаята",
+        "renameBreakoutRoomTitle": "Преименувай работна стая",
+        "reservationError": "Грешка в системата за резервации",
+        "reservationErrorMsg": "Грешка номер: {{code}}, съобщение: {{msg}}",
+        "retry": "Повторен опит",
+        "screenSharingAudio": "Сподели и звука",
+        "screenSharingFailed": "Опа! Нещо се обърка, не успяхме да стартираме споделянето на екран!",
+        "screenSharingFailedTitle": "Споделянето на екран се провали!",
+        "screenSharingPermissionDeniedError": "Опа! Нещо се обърка с разрешенията на разширението за споделяне на екрана. Моля, презаредете и опитайте отново.",
+        "searchInSalesforce": "Търси в Salesforce",
+        "searchResults": "Резултати от търсенето ({{count}})",
+        "searchResultsDetailsError": "Нещо се обърка при извличането на данни за собственика.",
+        "searchResultsError": "Нещо се обърка при извличането на данни.",
+        "searchResultsNotFound": "Не са намерени резултати от търсенето.",
+        "searchResultsTryAgain": "Опитайте с алтернативни ключови думи.",
+        "sendPrivateMessage": "Наскоро получихте лично съобщение. Искате да отговорите на това съобшение или да изпратите до всички?",
+        "sendPrivateMessageCancel": "Изпрати до всички",
+        "sendPrivateMessageOk": "Изпрати лично",
+        "sendPrivateMessageTitle": "Да се изпрати лично?",
+        "serviceUnavailable": "Услугата не е налична",
+        "sessTerminated": "Разговорът приключи",
+        "sessTerminatedReason": "Срещата беше прекратена",
+        "sessionRestarted": "Повикването беше рестартирано поради проблем с връзката.",
+        "shareAudio": "Продължи",
+        "shareAudioAltText": "за да споделите желаното съдържание, навигирайте до \"Browser Tab\", изберете съдържанието, активирайте отметката \"споделяне на аудио\" и след това кликнете върху бутона \"споделяне\"",
+        "shareAudioTitle": "Как да споделите аудио",
+        "shareAudioWarningD1": "трябва да спрете споделянето на екран преди да споделите аудиото си.",
+        "shareAudioWarningD2": "трябва да рестартирате споделянето на екран и да отметнете опцията \"споделяне на аудио\".",
+        "shareAudioWarningH1": "Ако искате да споделите само аудио:",
+        "shareAudioWarningTitle": "Трябва да спрете споделянето на екран преди да споделите аудио",
+        "shareMediaWarningGenericH2": "Ако искате да споделите екрана и аудиото си",
+        "shareScreenWarningD1": "трябва да спрете споделянето на аудио преди да споделите екрана си.",
+        "shareScreenWarningD2": "трябва да спрете споделянето на аудио, да стартирате споделяне на екран и да отметнете опцията \"споделяне на аудио\".",
+        "shareScreenWarningH1": "Ако искате да споделите само екрана си:",
+        "shareScreenWarningTitle": "Трябва да спрете споделянето на аудио преди да споделите екрана си",
+        "shareVideoConfirmPlay": "На път сте да отворите външен уебсайт. Искате ли да продължите?",
+        "shareVideoConfirmPlayTitle": "{{name}} сподели видео с вас.",
+        "shareVideoLinkError": "Моля, въведете правилна връзка.",
+        "shareVideoLinkStopped": "Видеото от {{name}} беше спряно.",
+        "shareVideoTitle": "Сподели видео",
+        "shareYourScreen": "Споделяне на екрана",
+        "shareYourScreenDisabled": "Споделянето на екрана не се поддържа.",
+        "sharedVideoDialogError": "Грешка: Невалиден или забранен URL",
+        "sharedVideoLinkPlaceholder": "YouTube връзка или директна видео връзка",
+        "show": "Покажи",
+        "start": "Започни ",
+        "startLiveStreaming": "Започване на излъчване на живо",
+        "startRecording": "Стартиране на запис",
+        "startRemoteControlErrorMessage": "Възникна грешка при опита за започване на сесията за отдалечено управление!",
+        "stopLiveStreaming": "Спиране на излъчването на живо",
+        "stopRecording": "Край на записа",
+        "stopRecordingWarning": "Наистина ли искате да спрем записа?",
+        "stopStreamingWarning": "Наистина ли искате да спрете излъчването на живо?",
+        "streamKey": "Ключ за излъчване на живо",
+        "thankYou": "Благодарим, че използвахте {{appName}}!",
+        "token": "код за достъп",
+        "tokenAuthFailed": "Съжаляваме, но не можете да се присъедините към този разговор.",
+        "tokenAuthFailedReason": {
+            "audInvalid": "Невалидна стойност на `aud`. Трябва да бъде `jitsi`.",
+            "contextNotFound": "Обектът `context` липсва.",
+            "expInvalid": "Невалидна стойност на `exp`.",
+            "featureInvalid": "Невалидна функция: {{feature}}, най-вероятно все още не е внедрена.",
+            "featureValueInvalid": "Невалидна стойност за функция: {{feature}}.",
+            "featuresNotFound": "Обектът `features` липсва.",
+            "headerNotFound": "Липсва заглавката.",
+            "issInvalid": "Невалидна стойност на `iss`. Трябва да бъде `chat`.",
+            "kidMismatch": "Key ID (kid) не съвпада с sub.",
+            "kidNotFound": "Липсва Key ID (kid).",
+            "nbfFuture": "Стойността `nbf` е в бъдещето.",
+            "nbfInvalid": "Невалидна стойност на `nbf`.",
+            "payloadNotFound": "Липсва съдържание.",
+            "tokenExpired": "Токенът е изтекъл."
+        },
+        "tokenAuthFailedTitle": "Неуспешна идентификация",
+        "tokenAuthFailedWithReasons": "Съжаляваме, не ви е разрешено да се присъедините към това повикване. Възможни причини: {{reason}}",
+        "tokenAuthUnsupported": "Token URL не се поддържа.",
+        "transcribing": "Транскрипция",
+        "unlockRoom": "Премахване $t(lockRoomPassword) от срещата",
+        "user": "Потребител",
+        "userIdentifier": "Идентификатор на потребител",
+        "userPassword": "потребителска парола",
+        "verifyParticipantConfirm": "Съвпадат",
+        "verifyParticipantDismiss": "Не съвпадат",
+        "verifyParticipantQuestion": "ЕКСПЕРИМЕНТАЛНО: Попитайте участника {{participantName}} дали виждат същото съдържание в същия ред.",
+        "verifyParticipantTitle": "Верификация на потребител",
+        "videoLink": "Линк към видео",
+        "viewUpgradeOptions": "Виж опциите за надстройване",
+        "viewUpgradeOptionsContent": "За да получите неограничен достъп до премиум функции като запис, транскрипции, RTMP Streaming и други, ще трябва да надстроите плана си.",
+        "viewUpgradeOptionsTitle": "Открихте премиум функция!",
+        "whiteboardLimitContent": "Съжалявам, лимитът на едновременни потребители на бялата дъска е достигнат.",
+        "whiteboardLimitReference": "За повече информация, моля посетете",
+        "whiteboardLimitReferenceUrl": "нашия уебсайт",
+        "whiteboardLimitTitle": "Използването на бялата дъска е ограничено",
+        "yourEntireScreen": "Целият екран"
+    },
+    "documentSharing": {
+        "title": "Споделен документ"
+    },
+    "e2ee": {
+        "labelToolTip": "Аудио и видео комуникацията в този разговор е криптирана от край до край"
+    },
+    "embedMeeting": {
+        "title": "Вградете тази среща"
+    },
+    "feedback": {
+        "accessibilityLabel": {
+            "yourChoice": "Вашият избор: {{rating}}"
+        },
+        "average": "Средно",
+        "bad": "Лошо",
+        "detailsLabel": "Разкажете ни повече.",
+        "good": "Добро",
+        "rateExperience": "Моля, оценете качеството на срещата",
+        "star": "Звезда",
+        "veryBad": "Много лошо",
+        "veryGood": "Много добро"
+    },
+    "fileSharing": {
+        "downloadFailedDescription": "Моля, опитайте отново.",
+        "downloadFailedTitle": "Изтеглянето е неуспешно",
+        "downloadFile": "Изтегли",
+        "downloadStarted": "Изтеглянето на файла започна",
+        "dragAndDrop": "Пуснете файлове тук или където и да е на екрана",
+        "fileAlreadyUploaded": "Файлът вече е качен в тази среща.",
+        "fileTooLargeDescription": "Моля, уверете се, че файлът не превишава {{ maxFileSize }}.",
+        "fileTooLargeTitle": "Избраният файл е твърде голям",
+        "fileUploadProgress": "Процес на качване на файл",
+        "fileUploadedSuccessfully": "Файлът е качен успешно",
+        "removeFile": "Премахни",
+        "removeFileSuccess": "Файлът е премахнат успешно",
+        "uploadFailedDescription": "Моля, опитайте отново.",
+        "uploadFailedTitle": "Качването е неуспешно",
+        "uploadFile": "Сподели файл"
+    },
+    "filmstrip": {
+        "accessibilityLabel": {
+            "heading": "Видео миниатюри"
+        }
+    },
+    "giphy": {
+        "noResults": "Не са намерени резултати :(",
+        "search": "Търси в GIPHY"
+    },
+    "incomingCall": {
+        "answer": "Вдигни",
+        "audioCallTitle": "Входящ разговор",
+        "decline": "Отхвърляне",
+        "productLabel": "от Jitsi Meet",
+        "videoCallTitle": "Входящ видео разговор"
+    },
+    "info": {
+        "accessibilityLabel": "Покажи информация",
+        "addPassword": "Добави $t(lockRoomPassword)",
+        "cancelPassword": "Премахни $t(lockRoomPassword)",
+        "conferenceURL": "Връзка:",
+        "copyNumber": "Копирай номера",
+        "country": "Страна",
+        "dialANumber": "За влизане в срещата, наберете един от изброените номера и въведете кода.",
+        "dialInConferenceID": "Код:",
+        "dialInNotSupported": "Съжаляваме, обаждането в момента не се поддържа.",
+        "dialInNumber": "Тел:",
+        "dialInSummaryError": "Проблем при достъпа на информация за опциите за влизане през телефон. Моля, опитайте отново по-късно.",
+        "dialInTollFree": "Безплатен",
+        "genericError": "Упс, нещо се обърка.",
+        "inviteLiveStream": "За да видите предаването на живо на срещата, използвйте тази връзка: {{url}}",
+        "invitePhone": "За влизане през телефон, използвайте: {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Вижте още номера: {{url}}\n\n\nАко вече сте набрали от телефон в стаята, влезте без да е пуснат звукът: {{silentUrl}}",
+        "inviteSipEndpoint": "За влизане чрез SIP адрес, въведете: {{sipUri}}",
+        "inviteTextiOSInviteUrl": "Натиснете следният линк за да се включите: {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "Ако влизате чрез телефон в стаята, използвайте този линк за влизане без аудио: {{silentUrl}}.",
+        "inviteTextiOSPersonal": "{{name}} ви кани на среща.",
+        "inviteTextiOSPhone": "За влизане чрез телефон, използвайте: {{number}},,{{conferenceID}}#. Ако търсите друг номер, ето пълния списък: {{didUrl}}.",
+        "inviteURLFirstPartGeneral": "Поканени сте да се присъедините към среща.",
+        "inviteURLFirstPartPersonal": "{{name}} ви кани за среща.\n",
+        "inviteURLSecondPart": "\nВлезте в срещата:\n{{url}}\n",
+        "label": "Информация за срещата",
+        "liveStreamURL": "Излъчване на живо:",
+        "moreNumbers": "Повече номера",
+        "noNumbers": "Няма номера за набиране.",
+        "noPassword": "Няма",
+        "noRoom": "Няма посочена стая за информация за номера за набиране.",
+        "noWhiteboard": "Не може да се зареди бялата дъска.",
+        "numbers": "Номера",
+        "password": "$t(lockRoomPasswordUppercase):",
+        "reachedLimit": "Достигнахте лимита на вашия план.",
+        "sip": "SIP адрес",
+        "sipAudioOnly": "SIP адрес само за аудио",
+        "title": "Споделяне",
+        "tooltip": "Споделете връзката и информацията за номера свързани със срещата",
+        "upgradeOptions": "Моля, проверете опциите за надстройване на",
+        "whiteboardError": "Грешка при зареждане на бялата дъска. Моля, опитайте отново по-късно."
+    },
+    "inlineDialogFailure": {
+        "msg": "Имаше грешка.",
+        "retry": "Опитайте отново",
+        "support": "Поддръжка",
+        "supportMsg": "Ако това се случва често, свържете се с"
+    },
+    "inviteDialog": {
+        "alertText": "Не успях да поканя участниците.",
+        "header": "Покани",
+        "searchCallOnlyPlaceholder": "Въведете телефонен номер",
+        "searchPeopleOnlyPlaceholder": "Търсене на участници",
+        "searchPlaceholder": "Участник или телефонен номер",
+        "send": "Изпрати"
+    },
+    "jitsiHome": "{{logo}} Лого, води към началната страница",
+    "keyboardShortcuts": {
+        "focusLocal": "Фокусиране върху Вашето видео",
+        "focusRemote": "Фокусирай видеото на друг участник",
+        "fullScreen": "Влизане/излизане от режим на цял екран",
+        "giphyMenu": "Превключване на GIPHY менюто",
+        "keyboardShortcuts": "Клавишни комбинации",
+        "localRecording": "Показване или скриване на контролите за локален запис",
+        "mute": "Спиране/пускане на микрофона",
+        "pushToTalk": "Натиснете, за да говорите",
+        "raiseHand": "Вдигнете или свалете ръка",
+        "showSpeakerStats": "Показване на статистика за говорителя",
+        "toggleChat": "Отваряне/скриване на чата",
+        "toggleFilmstrip": "Показване или скриване на видео миниатюрите",
+        "toggleParticipantsPane": "Показване или скриване на панела с участници",
+        "toggleScreensharing": "Смяна между камера и споделен екран",
+        "toggleShortcuts": "Показване или скриване на клавишните комбинации",
+        "videoMute": "Пускане/спиране на камерата"
+    },
+    "largeVideo": {
+        "screenIsShared": "Споделяте екрана си",
+        "showMeWhatImSharing": "Покажи ми какво споделям"
+    },
+    "liveStreaming": {
+        "busy": "Работим върху това да освободим ресурси за излъчване. Моля, опитайте отново след няколко минути.",
+        "busyTitle": "Всички излъчватели в момента са заети",
+        "changeSignIn": "Смяна на акаунти.",
+        "choose": "Изберете предаване на живо",
+        "chooseCTA": "Изберете опция за предаване. Влезли сте като {{email}}.",
+        "enterStreamKey": "Въведете ключа от YouTube за предаване на живо.",
+        "error": "Излъчването на живо беше неуспешно. Моля, опитайте отново.",
+        "errorAPI": "Изникна проблем с връзката към YouTube. Моля, опитайте отново.",
+        "errorLiveStreamNotEnabled": "Предаването на живо не е пуснато за {{email}}. Моля, активирайте го или сменете акаунта.",
+        "expandedOff": "Предаването на живо бе спряно",
+        "expandedOn": "Срещата се излъчва на живо в YouTube.",
+        "expandedPending": "Излъчването на живо се стартира…",
+        "failedToStart": "Излъчването на живо не успя да започне",
+        "getStreamKeyManually": "Не успяхме да открием никакво предаване на живо. Опитайте да вземете ключа за такова от YouTube.",
+        "googlePrivacyPolicy": "Политика за поверителност на Google",
+        "inProgress": "В ход е запис или излъчване на живо",
+        "invalidStreamKey": "Ключът за предаване на живо е грешен.",
+        "limitNotificationDescriptionNative": "Излъчването ви ще бъде ограничено до {{limit}} мин. За неограничено излъчване опитайте {{app}}.",
+        "limitNotificationDescriptionWeb": "Поради голямото търсене, излъчването ви ще бъде ограничено до {{limit}} мин. За неограничено излъчване опитайте <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "off": "Край на излъчването на живо",
+        "offBy": "{{name}} спря излъчването на живо",
+        "on": "Излъчване на живо",
+        "onBy": "{{name}} пусна излъчване на живо",
+        "pending": "Започване на излъчването на живо…",
+        "policyError": "Опитахте се да стартирате излъчване на живо твърде бързо. Моля, опитайте отново по-късно!",
+        "serviceName": "Предаване на живо",
+        "sessionAlreadyActive": "Тази сесия вече се записва или излъчва на живо.",
+        "signIn": "Влезте с Гугъл",
+        "signInCTA": "Влезте или въведете ключа за излъчване на живо от YouTube.",
+        "signOut": "Излизане",
+        "signedInAs": "В момента сте влезли като:",
+        "start": "Започни излъчване на живо",
+        "streamIdHelp": "Какво е това?",
+        "title": "Излъчване на живо",
+        "unavailableTitle": "Излъчването на живо е недостъпно",
+        "youtubeTerms": "Условия за ползване на YouTube"
+    },
+    "lobby": {
+        "backToKnockModeButton": "Заявка за включване без парола",
+        "chat": "Чат",
+        "dialogTitle": "Режим лоби",
+        "disableDialogContent": "Режим Лоби е включен. Този решим защитава срещите Ви от случайни посетители. Искате ли да го изключите?",
+        "disableDialogSubmit": "Изключи",
+        "emailField": "Въведи имейл адрес",
+        "enableDialogPasswordField": "Задай парола (не е задължително)",
+        "enableDialogSubmit": "Включи",
+        "enableDialogText": "Режимът Лоби защитава срещите Ви от случайни посетители, чрез изрично одобрение на участниците от модератор.",
+        "enterPasswordButton": "Въведи парола за срещата",
+        "enterPasswordTitle": "Въведи парола за влезеш в срещата",
+        "errorMissingPassword": "Моля, въведете паролата за срещата",
+        "invalidPassword": "Невалидна парола",
+        "joinRejectedMessage": "Вашето желание за включване беше отхвърлено от модератор.",
+        "joinRejectedTitle": "Заявката за присъединяване беше отхвърлена.",
+        "joinTitle": "Включи се в срещата",
+        "joinWithPasswordMessage": "Опит за включване с парола, моля изчакайте…",
+        "joiningMessage": "Ще влезете в срещата, когато някой ви приеме",
+        "joiningTitle": "Изчаква одобрение…",
+        "joiningWithPasswordTitle": "Включване с парола…",
+        "knockButton": "Поискай достъп",
+        "knockTitle": "Някой желае да се включи в срещата",
+        "knockingParticipantList": "Списък с чакащи участници",
+        "lobbyChatStartedNotification": "{{moderator}} започна чат в лобито с {{attendee}}",
+        "lobbyChatStartedTitle": "{{moderator}} започна чат в лобито с вас.",
+        "lobbyClosed": "Лобито беше затворено.",
+        "nameField": "Въведи име",
+        "notificationLobbyAccessDenied": "{{targetParticipantName}} не беше допуснат от {{originParticipantName}}",
+        "notificationLobbyAccessGranted": "{{targetParticipantName}} беше допуснат от {{originParticipantName}}",
+        "notificationLobbyDisabled": "Лобито беше изключено от {{originParticipantName}}",
+        "notificationLobbyEnabled": "Лобито беше включено от {{originParticipantName}}",
+        "notificationTitle": "Лоби",
+        "passwordJoinButton": "Влез",
+        "title": "Лоби",
+        "toggleLabel": "Включи лоби",
+        "waitForModerator": "Срещата все още не е започнала, защото няма пристигнали модератори. Ако искате да станете модератор, моля влезте в системата. В противен случай, моля изчакайте."
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Изключено",
+            "on": "Включено",
+            "unknown": "Непознат"
+        },
+        "dialogTitle": "Управление на локален запис",
+        "duration": "Продължителност",
+        "durationNA": "Няма",
+        "encoding": "Кодек",
+        "label": "Етикет",
+        "labelToolTip": "Локалният запис е включен",
+        "localRecording": "Локален запис",
+        "me": "Аз",
+        "messages": {
+            "engaged": "Локалният запис е включен.",
+            "finished": "Записа на сесията {{token}} приключи. Моля, изпратете записа на вашият домакин.",
+            "finishedModerator": "Сесията {{token}} за запис приключи. Локалният запис беше запазен. Моля, поканете останалите участници да ви изпратят техните записи.",
+            "notModerator": "Нямате права да пускате спирате локален запис."
+        },
+        "moderator": "Модератор",
+        "no": "Не",
+        "participant": "Участник",
+        "participantStats": "Статистика на участник",
+        "selectTabTitle": "🎥 Моля, изберете този таб за запис",
+        "sessionToken": "Тоукън за сесията",
+        "start": "Започни запис",
+        "stop": "Спри записа",
+        "stopping": "Спиране на записа",
+        "wait": "Моля изчакайте, докато запазим вашия запис",
+        "yes": "Да"
+    },
+    "lockRoomPassword": "парола",
+    "lockRoomPasswordUppercase": "Парола",
+    "lonelyMeetingExperience": {
+        "button": "Поканете участници",
+        "youAreAlone": "Вие сте сами в срещата"
+    },
+    "me": "аз",
+    "notify": {
+        "OldElectronAPPTitle": "Уязвимост в сигурността!",
+        "allowAll": "Разреши всичко",
+        "allowAudio": "Разреши звук",
+        "allowDesktop": "Разреши споделяне на екран",
+        "allowVideo": "Разреши видео",
+        "allowedUnmute": "Можете да включите микрофона си, да стартирате камерата си или да споделите екрана си.",
+        "audioUnmuteBlockedDescription": "Операцията за включване на микрофона е временно блокирана поради системни ограничения.",
+        "audioUnmuteBlockedTitle": "Включването на микрофона е блокирано!",
+        "chatMessages": "Съобщения от чата",
+        "connectedOneMember": "{{name}} влезе в срещата",
+        "connectedThreePlusMembers": "{{name}} и още {{count}} влязоха в срещата",
+        "connectedTwoMembers": "{{first}} и {{second}} влязоха в срещата",
+        "connectionFailed": "Връзката се провали. Моля, опитайте отново по-късно!",
+        "dataChannelClosed": "Качеството на видеото може да бъде нарушено",
+        "dataChannelClosedDescription": "Каналът на видео-моста е недостъпен и затова качеството на видеото може да бъде ограничено до най-ниската настройка.",
+        "dataChannelClosedDescriptionWithAudio": "Каналът на видео-моста е недостъпен и затова могат да възникнат прекъсвания в аудиото и видеото.",
+        "dataChannelClosedWithAudio": "Качеството на аудиото и видеото може да бъде нарушено",
+        "desktopMutedRemotelyTitle": "Споделянето на екрана ви беше спряно от {{participantDisplayName}}",
+        "disabledIframe": "Вграждането е предназначено само за демонстрационни цели, така че този разговор ще се прекрати след {{timeout}} минути.",
+        "disabledIframeSecondaryNative": "Вграждането на {{domain}} е предназначено само за демонстрационни цели, затова този разговор ще се прекрати след {{timeout}} минути.",
+        "disabledIframeSecondaryWeb": "Вграждането на {{domain}} е предназначено само за демонстрационни цели, затова този разговор ще се прекрати след {{timeout}} минути. Моля, използвайте <a href='{{jaasDomain}}' rel='noopener noreferrer' target='_blank'>Jitsi as a Service</a> за комерсиално вграждане!",
+        "disconnected": "Напусна срещата",
+        "displayNotifications": "Показване на уведомления за",
+        "dontRemindMe": "Не ме напомняй",
+        "focus": "Фокус на срещата",
+        "focusFail": "{{component}} не е на раположение - следващ опит след {{ms}} секунди",
+        "gifsMenu": "GIPHY",
+        "groupTitle": "Уведомления",
+        "hostAskedUnmute": "Модераторът би искал да участвате.",
+        "invalidTenant": "Невалиден tenant",
+        "invalidTenantHyphenDescription": "Tenant-ът, който използвате е невалиден (започва или завършва с '-').",
+        "invalidTenantLengthDescription": "Tenant-ът, който използвате е твърде дълъг.",
+        "invitedOneMember": "{{name}} бе поканен",
+        "invitedThreePlusMembers": "{{name}} и още {{count}} бяха поканени",
+        "invitedTwoMembers": "{{first}} и {{second}} бяха поканени",
+        "joinMeeting": "Присъединете се",
+        "kickParticipant": "{{kicked}} беше изгонен от {{kicker}}",
+        "leftOneMember": "{{name}} напусна срещата",
+        "leftThreePlusMembers": "{{name}} и много други напуснаха срещата",
+        "leftTwoMembers": "{{first}} и {{second}} напуснаха срещата",
+        "linkToSalesforce": "Свърже със Salesforce",
+        "linkToSalesforceDescription": "Можете да свържете резюмето от срещата с Salesforce обект.",
+        "linkToSalesforceError": "Не успя да се свърже срещата със Salesforce",
+        "linkToSalesforceKey": "Свърже тази среща",
+        "linkToSalesforceProgress": "Свързване на срещата със Salesforce…",
+        "linkToSalesforceSuccess": "Срещата беше свързана със Salesforce",
+        "localRecordingStarted": "{{name}} стартира локален запис.",
+        "localRecordingStopped": "{{name}} спря локален запис.",
+        "me": "Аз",
+        "moderationInEffectCSDescription": "Моля, вдигнете ръка ако искате да споделите екрана си.",
+        "moderationInEffectCSTitle": "Споделянето на екран е блокирано от модератора",
+        "moderationInEffectDescription": "Моля, вдигнете ръка ако искате да говорите.",
+        "moderationInEffectTitle": "Микрофонът ви е заглушен от модератора",
+        "moderationInEffectVideoDescription": "Моля, вдигнете ръка ако искате да стартирате камерата си.",
+        "moderationInEffectVideoTitle": "Камерата ви е блокирана от модератора",
+        "moderationRequestFromModerator": "Домакинът би искал да включите микрофона си",
+        "moderationRequestFromParticipant": "Иска да говори",
+        "moderationStartedTitle": "Модерацията започна",
+        "moderationStoppedTitle": "Модерацията спря",
+        "moderationToggleDescription": "от {{participantDisplayName}}",
+        "moderator": "Придобихте права на модератор!",
+        "muted": "Започвате разговора без звук.",
+        "mutedRemotelyDescription": "Винаги можете да пуснете микрофона си, когато сте готови да говорите. Заглушете го отново, за да не изпращате шум в срещата.",
+        "mutedRemotelyTitle": "Микрофонът Ви бе спрян от {{participantDisplayName}}!",
+        "mutedTitle": "Звукът Ви е спрян!",
+        "newDeviceAction": "Използвай",
+        "newDeviceAudioTitle": "Засечено е ново аудио устройство",
+        "newDeviceCameraTitle": "Засечена е нова камера",
+        "nextToSpeak": "Вие сте следващият на ред за говорене",
+        "noiseSuppressionDesktopAudioDescription": "Допълнителното заглушаване на шум не може да бъде включено докато споделяте аудио от настолния компютър, моля изключете го и опитайте отново.",
+        "noiseSuppressionFailedTitle": "Неуспешно стартиране на допълнителното заглушаване на шум",
+        "noiseSuppressionStereoDescription": "Допълнителното заглушаване на шум в момента не се поддържа със стерео аудио.",
+        "oldElectronClientDescription1": "Изглежда използвате стара версия на Jitsi Meet клиента, която има известни уязвимости в сигурността. Моля, уверете се, че актуализирате до нашата ",
+        "oldElectronClientDescription2": "най-нова версия",
+        "oldElectronClientDescription3": " сега!",
+        "openChat": "Отвори съобщенията",
+        "participantWantsToJoin": "Иска да се присъедини към срещата",
+        "participantsWantToJoin": "Искат да се присъединят към срещата",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) е премахната от друг потребител",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) създадена от друг потребител",
+        "raiseHandAction": "Вдигни ръка",
+        "raisedHand": "{{name}} иска думата.",
+        "raisedHands": "{{participantName}} и още {{raisedHands}} души",
+        "reactionSounds": "Изключи звуците",
+        "reactionSoundsForAll": "Изключи звуците за всички",
+        "screenShareNoAudio": "Полето за споделяне на аудио не беше отметнато в прозореца за избор.",
+        "screenShareNoAudioTitle": "Не успя да сподели системното аудио!",
+        "screenSharingAudioOnlyDescription": "Моля, имайте предвид, че споделяйки екрана си засягате режима \"Най-добра производителност\" и ще използвате повече трафик.",
+        "screenSharingAudioOnlyTitle": "Режим \"Най-добра производителност\"",
+        "selfViewTitle": "Винаги можете да покажете собствения си изглед от настройките",
+        "somebody": "Някой",
+        "startSilentDescription": "Влезте повторно, за да пуснете звука",
+        "startSilentTitle": "Влязохте с опция да не чувате аудио!",
+        "suboptimalBrowserWarning": "Опасяваме се, че няма да можете да се насладите на срещата. Работим по въпроса, междувременно използвайте някой от <a href='{{recommendedBrowserPageLink}}' target='_blank'>напълно поддържаните браузъри</a>.",
+        "suboptimalExperienceTitle": "Внимание",
+        "suggestRecordingAction": "Започни",
+        "suggestRecordingDescription": "Бихте ли искали да стартирате запис?",
+        "suggestRecordingTitle": "Запишете тази среща",
+        "unmute": "Пускане на микрофона",
+        "unmuteScreen": "Започни споделяне на екран",
+        "unmuteVideo": "Включи видеото",
+        "videoMutedRemotelyDescription": "Винаги можете да го включите отново.",
+        "videoMutedRemotelyTitle": "Видеото ви беше изключено от {{participantDisplayName}}",
+        "videoUnmuteBlockedDescription": "Операцията за включване на камера и споделяне на работен плот е временно блокирана поради системни ограничения.",
+        "videoUnmuteBlockedTitle": "Включването на камера и споделянето на работен плот е блокирано!",
+        "viewLobby": "Виж лобито",
+        "viewParticipants": "Виж участниците",
+        "viewVisitors": "Виж зрителите",
+        "waitingParticipants": "{{waitingParticipants}} души",
+        "waitingVisitors": "Зрители, чакащи на опашката: {{waitingVisitors}}",
+        "waitingVisitorsTitle": "Срещата все още не е на живо!",
+        "whiteboardLimitDescription": "Моля, запазете прогреса си, тъй като лимитът на потребители скоро ще бъде достигнат и бялата дъска ще се затвори.",
+        "whiteboardLimitTitle": "Използване на бялата дъска"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "Допусни",
+            "admitAll": "Допусни всички",
+            "allow": "Разреши",
+            "allowDesktop": "Разреши споделяне на екран",
+            "allowVideo": "Разреши видео",
+            "askDesktop": "Помоли за споделяне на екран",
+            "askUnmute": "Помоли да включи микрофона",
+            "audioModeration": "Включват микрофоните си",
+            "blockEveryoneMicCamera": "Блокирай микрофона и камерата на всички",
+            "breakoutRooms": "Работни стаи",
+            "desktopModeration": "Започни споделяне на екран",
+            "goLive": "Започни на живо",
+            "invite": "Покани някого",
+            "lowerAllHands": "Свали всички ръце",
+            "lowerHand": "Свали ръката",
+            "moreModerationActions": "Още опции за модерация",
+            "moreModerationControls": "Още контроли за модерация",
+            "moreParticipantOptions": "Още опции за участника",
+            "mute": "Заглуши",
+            "muteAll": "Заглуши всички",
+            "muteEveryoneElse": "Заглуши всички останали",
+            "reject": "Откажи",
+            "stopDesktop": "Спри споделянето на екран",
+            "stopEveryonesDesktop": "Спри споделянето на екран за всички",
+            "stopEveryonesVideo": "Спри видеото на всички",
+            "stopVideo": "Спри видеото",
+            "unblockEveryoneMicCamera": "Разблокирай микрофона и камерата на всички",
+            "videoModeration": "Стартирай тяхното видео"
+        },
+        "close": "Затвори",
+        "headings": {
+            "lobby": "Лоби ({{count}})",
+            "participantsList": "Участници в срещата ({{count}})",
+            "viewerRequests": "Заявки от зрители {{count}}",
+            "visitorInQueue": " (чакащи {{count}})",
+            "visitorRequests": " (заявки {{count}})",
+            "visitors": "Зрители {{count}}",
+            "visitorsList": "Зрители ({{count}})",
+            "waitingLobby": "Чакащи в лобито ({{count}})"
+        },
+        "search": "Търсене на участници",
+        "searchDescription": "Започнете да пишете, за да филтрирате участниците",
+        "title": "Участници"
+    },
+    "passwordDigitsOnly": "До {{number}} цифри",
+    "passwordSetRemotely": "зададена от друг участник",
+    "pinParticipant": "{{participantName}} - Фокусирай",
+    "pinnedParticipant": "Участникът е на фокус",
+    "polls": {
+        "answer": {
+            "edit": "Редактирай",
+            "send": "Изпрати",
+            "skip": "Пропусни",
+            "submit": "Подай"
+        },
+        "by": "От {{ name }}",
+        "closeButton": "Затвори анкетата",
+        "create": {
+            "addOption": "Добави опция",
+            "answerPlaceholder": "Опция {{index}}",
+            "cancel": "Отказ",
+            "create": "Създай анкета",
+            "pollOption": "Опция за анкета {{index}}",
+            "pollQuestion": "Въпрос за анкета",
+            "questionPlaceholder": "Задай въпрос",
+            "removeOption": "Премахни опция",
+            "save": "Запази",
+            "send": "Изпрати"
+        },
+        "errors": {
+            "notUniqueOption": "Опциите трябва да са уникални"
+        },
+        "notification": {
+            "description": "Отвори таба за анкети за да гласуваш",
+            "title": "Нова анкета беше добавена в тази среща"
+        },
+        "results": {
+            "changeVote": "Промени гласа",
+            "empty": "Все още няма анкети в срещата.",
+            "hideDetailedResults": "Скрий подробностите",
+            "showDetailedResults": "Покажи подробностите",
+            "vote": "Гласувай"
+        }
+    },
+    "poweredby": "с подкрепата на",
+    "prejoin": {
+        "audioAndVideoError": "Грешка в аудио и видео:",
+        "audioDeviceProblem": "Има проблем с вашето аудио устройство",
+        "audioOnlyError": "Грешка в аудиото:",
+        "audioTrackError": "Не можа да се създаде аудио запис.",
+        "callMe": "Позвънете ми",
+        "callMeAtNumber": "Позвънете ми на този номер:",
+        "calling": "Звъня",
+        "configuringDevices": "Конфигуриране на устройствата…",
+        "connectedWithAudioQ": "Свързани сте с аудио?",
+        "connection": {
+            "failed": "Тестът на връзката се провали!",
+            "good": "Интернет връзката ви изглежда добра!",
+            "nonOptimal": "Интернет връзката ви не е оптимална",
+            "poor": "Имате слаба интернет връзка",
+            "running": "Изпълнява се тест на връзката…"
+        },
+        "connectionDetails": {
+            "audioClipping": "Очакваме аудиото ви да е накъсано.",
+            "audioHighQuality": "Очакваме аудиото ви да има отлично качество.",
+            "audioLowNoVideo": "Очакваме качеството на аудиото ви да бъде ниско и без видео.",
+            "goodQuality": "Страхотно! Качеството на медията ви ще бъде превъзходно.",
+            "noMediaConnectivity": "Не успяхме да намерим начин да установим медийна свързаност за този тест. Това обикновено се причинява от защитна стена или NAT.",
+            "noVideo": "Очакваме видеото ви да бъде ужасно.",
+            "testFailed": "Тестът на връзката срещна неочаквани проблеми, но това може да не повлияе на преживяването ви.",
+            "undetectable": "Ако все още не можете да правите разговори в браузъра, препоръчваме да се уверите, че говорителите, микрофонът и камерата ви са правилно настроени, че сте дали на браузъра си права да използва микрофона и камерата ви, и че версията на браузъра ви е актуална. Ако все още имате проблеми с обажданията, трябва да се свържете с разработчика на уеб приложението.",
+            "veryPoorConnection": "Очакваме качеството на разговора ви да бъде наистина ужасно.",
+            "videoFreezing": "Очакваме видеото ви да замръзва, да почернее и да бъде пикселирано.",
+            "videoHighQuality": "Очакваме видеото ви да има добро качество.",
+            "videoLowQuality": "Очакваме видеото ви да има ниско качество по отношение на кадрова честота и резолюция.",
+            "videoTearing": "Очакваме видеото ви да бъде пикселирано или да има визуални артефакти."
+        },
+        "copyAndShare": "Копирай и сподели линк за срещата",
+        "dialInMeeting": "Обади се в срещата",
+        "dialInPin": "Обади се в срещата и въведи PIN кода:",
+        "dialing": "Набиране",
+        "doNotShow": "Не показвай този екран отново",
+        "errorDialOut": "Не можа да се обади",
+        "errorDialOutDisconnected": "Не можа да се обади. Прекъсната връзка",
+        "errorDialOutFailed": "Не можа да се обади. Неуспешно повикване",
+        "errorDialOutStatus": "Грешка при получаване на статус за обаждане",
+        "errorMissingName": "Моля, въведете името си, за да се присъедините към срещата",
+        "errorNoPermissions": "Трябва да разрешите достъп до микрофона и камерата",
+        "errorStatusCode": "Грешка при обаждане, статус код: {{status}}",
+        "errorValidation": "Проверката на номера се провали",
+        "iWantToDialIn": "Искам да се обадя",
+        "initiated": "Повикването е инициирано",
+        "joinAudioByPhone": "Присъедини се с телефонно аудио",
+        "joinMeeting": "Присъедини се към срещата",
+        "joinMeetingInLowBandwidthMode": "Присъедини се в режим с ниски скорости",
+        "joinWithoutAudio": "Присъедини се без аудио",
+        "keyboardShortcuts": "Включи клавиатурните комбинации",
+        "linkCopied": "Линкът е копиран в клипборда",
+        "lookGood": "Устройствата ви работят правилно",
+        "or": "или",
+        "premeeting": "Преди срещата",
+        "proceedAnyway": "Продължи въпреки това",
+        "recordingWarning": "Други участници може да записват този разговор",
+        "screenSharingError": "Грешка при споделяне на екран:",
+        "startWithPhone": "Започни с телефонно аудио",
+        "unsafeRoomConsent": "Разбирам рисковете, искам да се присъединя към срещата",
+        "videoOnlyError": "Грешка във видеото:",
+        "videoTrackError": "Не можа да се създаде видео запис.",
+        "viewAllNumbers": "виж всички номера"
+    },
+    "presenceStatus": {
+        "busy": "Зает",
+        "calling": "Обаждане…",
+        "connected": "Свързан",
+        "connecting": "Свързване…",
+        "connecting2": "Свързване*…",
+        "disconnected": "Изключен",
+        "expired": "Изтекъл",
+        "ignored": "Пренебрегнат",
+        "initializingCall": "Започване на обаждането…",
+        "invited": "Поканен",
+        "rejected": "Отхвърлен",
+        "ringing": "Звъни…"
+    },
+    "profile": {
+        "avatar": "аватар",
+        "setDisplayNameLabel": "Задайте екранното си име",
+        "setEmailInput": "Въведете е-поща",
+        "setEmailLabel": "Задайте е-пощата си в „Gravatar“",
+        "title": "Профил"
+    },
+    "raisedHand": "Иска думата",
+    "raisedHandsLabel": "Брой вдигнати ръце",
+    "record": {
+        "already": {
+            "linked": "Срещата вече е свързана с този Salesforce обект."
+        },
+        "type": {
+            "account": "Акаунт",
+            "contact": "Контакт",
+            "lead": "Потенциален клиент",
+            "opportunity": "Възможност",
+            "owner": "Собственик"
+        }
+    },
+    "recording": {
+        "authDropboxText": "Качете в Dropbox",
+        "availableSpace": "Налично място: {{spaceLeft}} MB (приблизително {{duration}} минути запис)",
+        "beta": "БЕТА",
+        "busy": "Работим върху това да освободим ресурси за запис. Моля, опитайте отново след няколко минути.",
+        "busyTitle": "Всички възможности за запис в момента са заети",
+        "copyLink": "Копирай линка",
+        "error": "Грешка при опит за запис. Моля, опитайте отново.",
+        "errorFetchingLink": "Грешка при извличане на линка за запис.",
+        "expandedOff": "Записът спря",
+        "expandedOn": "Срещата се записва в момента.",
+        "expandedPending": "Записът започва…",
+        "failedToStart": "Неуспешен опит за записване",
+        "fileSharingdescription": "Споделете записа с участниците в срещата",
+        "highlight": "Отбележи",
+        "highlightMoment": "Отбележи момента",
+        "highlightMomentDisabled": "Можете да отбелязвате моменти когато записът започне",
+        "highlightMomentSuccess": "Моментът е отбелязан",
+        "highlightMomentSucessDescription": "Отбелязаният момент ще бъде добавен към резюмето на срещата.",
+        "inProgress": "В ход е запис или излъчване на живо",
+        "limitNotificationDescriptionNative": "Поради голямото търсене записът ви ще бъде ограничен до {{limit}} мин. За неограничени записи опитайте <3>{{app}}</3>.",
+        "limitNotificationDescriptionWeb": "Поради голямото търсене записът ви ще бъде ограничен до {{limit}} мин. За неограничени записи опитайте <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "linkGenerated": "Генерирахме линк към вашия запис.",
+        "localRecordingNoNotificationWarning": "Записът няма да бъде обявен на другите участници. Ще трябва да ги уведомите, че срещата се записва.",
+        "localRecordingNoVideo": "Видеото не се записва",
+        "localRecordingStartWarning": "Моля, уверете се, че спирате записа преди да излезете от срещата, за да го запазите.",
+        "localRecordingStartWarningTitle": "Спрете записа, за да го запазите",
+        "localRecordingVideoStop": "Спирането на видеото ви също ще спре локалния запис. Сигурни ли сте, че искате да продължите?",
+        "localRecordingVideoWarning": "За да запишете видеото си, трябва да го имате включено при започване на записа",
+        "localRecordingWarning": "Уверете се, че сте избрали текущия таб, за да използвате правилното видео и аудио.",
+        "loggedIn": "Влезли сте като {{userName}}",
+        "noMicPermission": "Аудио записът не можа да бъде създаден. Моля, дайте разрешение за използване на микрофона.",
+        "noStreams": "Не е засечен аудио или видео поток.",
+        "off": "Записът е спрян",
+        "offBy": "{{name}} спря записа",
+        "on": "Запис",
+        "onBy": "{{name}} пусна запис",
+        "onlyRecordSelf": "Записвай само моите аудио и видео потоци",
+        "pending": "Стартира запис на срещата…",
+        "policyError": "Опитахте се да започнете запис твърде бързо. Моля, опитайте отново по-късно!",
+        "recordAudioAndVideo": "Записвай аудио и видео",
+        "recordTranscription": "Записвай транскрипция",
+        "saveLocalRecording": "Запази записа локално (Бета)",
+        "serviceDescription": "Записът Ви ще се запише от специална записваща услуга",
+        "serviceDescriptionCloud": "Облачен запис",
+        "serviceDescriptionCloudInfo": "Записаните срещи автоматично се изчистват 24 часа след времето на записа.",
+        "serviceName": "Записваща услуга",
+        "sessionAlreadyActive": "Тази сесия вече се записва или излъчва на живо.",
+        "showAdvancedOptions": "Разширени опции",
+        "signIn": "Влизане",
+        "signOut": "Излизане",
+        "surfaceError": "Моля, изберете текущия таб.",
+        "title": "Запис",
+        "unavailable": "Упс! В момента {{serviceName}} е недостъпна. В момента се опитваме да решим проблема. Моля, опитайте отново малко по-късно.",
+        "unavailableTitle": "Записът е невъзможен",
+        "uploadToCloud": "Качи в облака"
+    },
+    "screenshareDisplayName": "Екранът на {{name}}",
+    "sectionList": {
+        "pullToRefresh": "Издърпай, за да се обнови"
+    },
+    "security": {
+        "about": "Може да добавите парола към вашите срещи. Участниците ще трябва да въведат паролата преди да бъдат допуснати до срещата.",
+        "aboutReadOnly": "Модераторите могат да добавят парола към срещата. Участниците ще трябва да въведат паролата преди да бъдат допуснати до срещата.",
+        "insecureRoomNameWarningNative": "Името на стаята е несигурно. Нежелани участници може да се присъединят към срещата ви. {{recommendAction}} Научете повече за защитаване на срещата си ",
+        "insecureRoomNameWarningWeb": "Името на стаята е несигурно. Нежелани участници може да се присъединят към срещата ви. {{recommendAction}} Научете повече за защитаване на срещата си <a href=\"{{securityUrl}}\" rel=\"security\" target=\"_blank\">тук</a>.",
+        "title": "Опции за сигурност",
+        "unsafeRoomActions": {
+            "meeting": "Помислете да защитите срещата си с помощта на бутона за сигурност.",
+            "prejoin": "Помислете да използвате по-уникално име за срещата.",
+            "welcome": "Помислете да използвате по-уникално име за срещата или изберете едно от предложенията."
+        }
+    },
+    "settings": {
+        "audio": "Аудио",
+        "buttonLabel": "Настройки",
+        "calendar": {
+            "about": "Календарната интеграция на {{appName}} сигурно достъпва Вашия календар, за да покаже настъпващите събития.",
+            "disconnect": "Разкачи",
+            "microsoftSignIn": "Влез с Microsoft акаунт",
+            "signedIn": "В момента достъпва календара с {{email}}. Натиснете бутона Разкачи, за да спрете достъпа.",
+            "title": "Календар"
+        },
+        "chatWithPermissions": "Съобщенията изискват разрешение",
+        "desktopShareFramerate": "Честота на опресняване за споделяне на работния плот",
+        "desktopShareHighFpsWarning": "По-високата честота на опресняване за споделяне на работния плот може да повлияе на трафика ви. Трябва да рестартирате споделянето на екрана, за да влязат в сила новите настройки.",
+        "desktopShareWarning": "Трябва да рестартирате споделянето на екрана, за да влязат в сила новите настройки.",
+        "devices": "Устройства",
+        "followMe": "Всички ме следват",
+        "followMeRecorder": "Записвачът ме следва",
+        "framesPerSecond": "кадъра в секунда",
+        "incomingMessage": "Входящо съобщение",
+        "language": "Език",
+        "loggedIn": "Влезли сте като {{name}}",
+        "maxStageParticipants": "Максимален брой участници, които могат да бъдат фокусирани на главната сцена",
+        "microphones": "Микрофони",
+        "moderator": "Модератор",
+        "moderatorOptions": "Опции за модератор",
+        "more": "Повече",
+        "name": "Име",
+        "noDevice": "Няма",
+        "notifications": "Уведомления",
+        "participantJoined": "Участник се присъедини",
+        "participantKnocking": "Участник влезе в лобито",
+        "participantLeft": "Участник напусна",
+        "playSounds": "Възпроизвеждай звук при",
+        "reactions": "Реакции в срещата",
+        "sameAsSystem": "Същото като системата ({{label}})",
+        "selectAudioOutput": "Звуков изход",
+        "selectCamera": "Камера",
+        "selectMic": "Микрофон",
+        "selfView": "Собствен изглед",
+        "shortcuts": "Бързи клавиши",
+        "showSubtitlesOnStage": "Покажи субтитрите на сцената",
+        "speakers": "Говорители",
+        "startAudioMuted": "Всички започват заглушени",
+        "startReactionsMuted": "Заглуши звуците на реакциите за всички",
+        "startVideoMuted": "Всички започват скрити",
+        "talkWhileMuted": "Говори докато си заглушен",
+        "title": "Настройки",
+        "video": "Видео"
+    },
+    "settingsView": {
+        "advanced": "Разширени",
+        "alertCancel": "Отказ",
+        "alertOk": "Потвърди",
+        "alertTitle": "Внимание",
+        "alertURLText": "Въведената връзка за сървър е невалидна",
+        "apply": "Приложи",
+        "buildInfoSection": "Информация за програмата",
+        "conferenceSection": "Конференция",
+        "disableCallIntegration": "Деактивиране на интеграция с обажданията",
+        "disableCrashReporting": "Изключи отчитането на грешки",
+        "disableCrashReportingWarning": "Сигурни ли сте, че искате да изключите отчитането на грешки? Настройката ще бъде приложена след рестартиране на приложението.",
+        "disableP2P": "Деактивиране на опцията за пряка връзка (p2p)",
+        "displayName": "Име",
+        "displayNamePlaceholderText": "Напр: Иван Иванов",
+        "email": "Поща",
+        "emailPlaceholderText": "email@example.com",
+        "gavatarMessage": "Ако имейлът ви е свързан с Gravatar акаунт, ще го използваме за показване на профилната ви снимка.",
+        "goTo": "Отиди на",
+        "header": "Настройки",
+        "help": "Помощ",
+        "links": "Връзки",
+        "privacy": "Поверителност",
+        "profileSection": "Профил",
+        "sdkVersion": "SDK версия",
+        "serverURL": "Линк на сървъра",
+        "showAdvanced": "Показване на разширени настройки",
+        "startCarModeInLowBandwidthMode": "Стартирай автомобилния режим в режим с ниска скорост",
+        "startWithAudioMuted": "Започни със спрян звук",
+        "startWithVideoMuted": "Започни със спряно видео",
+        "terms": "Условия",
+        "version": "Версия"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nИскате да наберете от телефона?\n\n{{defaultDialInNumber}}Използвайте този линк за повече номера\n{{dialInfoPageUrl}}",
+        "mainText": "Използвайте линка, за да влезете в срещата:\n{{roomUrl}}"
+    },
+    "speaker": "Говорещ",
+    "speakerStats": {
+        "angry": "Ядосан",
+        "disgusted": "Отвратен",
+        "displayEmotions": "Покажи емоциите",
+        "fearful": "Уплашен",
+        "happy": "Щастлив",
+        "hours": "{{count}}ч",
+        "labelTooltip": "Брой участници: {{count}}",
+        "minutes": "{{count}}мин",
+        "name": "Име",
+        "neutral": "Неутрален",
+        "sad": "Тъжен",
+        "search": "Търсене",
+        "searchDescription": "Започнете да пишете, за да филтрирате участниците",
+        "searchHint": "Търсене участници",
+        "seconds": "{{count}}сек",
+        "speakerStats": "Статистика на говорителя",
+        "speakerTime": "Време на говорене",
+        "surprised": "Изненадан"
+    },
+    "startupoverlay": {
+        "genericTitle": "Срещата се нуждае от достъп до микрофона и камерата Ви.",
+        "policyText": " ",
+        "title": "„{{app}}“ се нуждае от достъп до микрофона и камерата Ви."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Повторно присъединяване",
+        "text": "Натиснете бутона <i>Повторно присъединяване</i>, за да се свържете отново.",
+        "title": "Вашият видео разговор беше прекъснат, тъй като компютърът Ви заспа."
+    },
+    "termsView": {
+        "title": "Условия"
+    },
+    "toggleTopPanelLabel": "Превключи горния панел",
+    "toolbar": {
+        "Settings": "Настройки",
+        "accessibilityLabel": {
+            "Settings": "Промяна на настройки",
+            "audioOnly": "Пускане на режим само със звук",
+            "audioRoute": "Изберете устройство за звук",
+            "boo": "Бу",
+            "breakoutRooms": "Работни стаи",
+            "callQuality": "Промяна качеството на видеото",
+            "carmode": "Автомобилен режим",
+            "cc": "Пускане на субтитри",
+            "chat": "Активиране на прозорец за съобщения",
+            "clap": "Ръкопляскане",
+            "closeChat": "Затвори чата",
+            "closeMoreActions": "Затвори менюто с още действия",
+            "closeParticipantsPane": "Затвори панела с участници",
+            "closedCaptions": "Субтитри",
+            "collapse": "Свий",
+            "document": "Показване на споделен документ",
+            "documentClose": "Затвори споделения документ",
+            "documentOpen": "Отвори споделен документ",
+            "download": "Свалете приложението",
+            "embedMeeting": "Вграждане на среща",
+            "endConference": "Приключи срещата за всички",
+            "enterFullScreen": "Преглед на цял екран",
+            "enterTileView": "Влез в изглед галерия",
+            "exitFullScreen": "Изход от цял екран",
+            "exitTileView": "Изход от изглед галерия",
+            "expand": "Разгъни",
+            "feedback": "Отзиви",
+            "fullScreen": "Пускане/спиране на изглед в цял екран",
+            "giphy": "Превключи GIPHY менюто",
+            "grantModerator": "Дай права на модератор",
+            "hangup": "Напускане на срещата",
+            "heading": "Лента с инструменти",
+            "help": "Помощ",
+            "hideWhiteboard": "Скрий бялата дъска",
+            "invite": "Поканете участници",
+            "kick": "Изгони участник",
+            "laugh": "Смях",
+            "leaveConference": "Напусни срещата",
+            "like": "Харесвам",
+            "linkToSalesforce": "Свърже със Salesforce",
+            "lobbyButton": "Включи/изключи режим лоби",
+            "localRecording": "Показване на контроли за локален запис",
+            "lockRoom": "Смяна парола на среща",
+            "love": "Сърце",
+            "lowerHand": "Свали ръката",
+            "moreActions": "Показване на меню с повече опции",
+            "moreActionsMenu": "Меню с повече опции",
+            "moreOptions": "Покажи повече опции",
+            "mute": "Пускане/спиране на видеото",
+            "muteEveryone": "Заглуши всички",
+            "muteEveryoneElse": "Заглуши всички останали",
+            "muteEveryoneElsesVideoStream": "Спри видеото на всички останали",
+            "muteEveryonesVideoStream": "Спри видеото на всички",
+            "muteGUMPending": "Свързване на микрофона ви",
+            "noiseSuppression": "Допълнително заглушаване на шум (БЕТА)",
+            "openChat": "Отвори чата",
+            "participants": "Отвори панела с участници. {{participantsCount}} участници",
+            "pip": "Пускане на Картина-в-Картина",
+            "privateMessage": "Изпрати лично съобщение",
+            "profile": "Редактиране на профила",
+            "raiseHand": "Смяна искане на думата",
+            "react": "Реакции на съобщения",
+            "reactions": "Реакции",
+            "reactionsMenu": "Меню за реакции",
+            "recording": "Пускане/спиране на запис",
+            "remoteMute": "Заглуши участник",
+            "remoteVideoMute": "Изключи камерата на участника",
+            "security": "Опции за сигурност",
+            "selectBackground": "Избери фон",
+            "selfView": "Превключи собствения изглед",
+            "shareRoom": "Добавете някого",
+            "shareYourScreen": "Споделяне на екрана",
+            "shareaudio": "Сподели аудио",
+            "sharedvideo": "Пускане/спиране на споделеното видео",
+            "shortcuts": "Бързи клавиши",
+            "show": "Покажи на главния екран",
+            "showWhiteboard": "Покажи бялата дъска",
+            "silence": "Тишина",
+            "speakerStats": "Показване на статистики за участниците",
+            "stopScreenSharing": "Спри споделянето на екрана ви",
+            "stopSharedVideo": "Спри видеото",
+            "surprised": "Изненадан",
+            "tileView": "Превключване на изглед галерия",
+            "toggleCamera": "Пускане/спиране на камера",
+            "toggleFilmstrip": "Превключи видео миниатюрите",
+            "unmute": "Включи микрофона",
+            "videoblur": "Пускане/спиране на замъгляване на видеото",
+            "videomute": "Пускане/спиране на видеото",
+            "videomuteGUMPending": "Свързване на камерата ви",
+            "videounmute": "Стартирай камерата"
+        },
+        "addPeople": "Добавяне на участници в разговора",
+        "advancedAudioSettings": {
+            "aec": {
+                "label": "Потискане на акустичното ехо"
+            },
+            "agc": {
+                "label": "Автоматичен контрол на усилването"
+            },
+            "ns": {
+                "label": "Заглушаване на шума"
+            },
+            "stereo": {
+                "label": "Стерео"
+            }
+        },
+        "audioOnlyOff": "Спиране режима с нисък трафик",
+        "audioOnlyOn": "Пускане режима с нисък трафик",
+        "audioRoute": "Изберете устройство за звук",
+        "audioSettings": "Аудио настройки",
+        "authenticate": "Идентификация",
+        "boo": "Бу",
+        "callQuality": "Промяна качеството на видеото",
+        "chat": "Отваряне/затваряне на текстовите съобщения",
+        "clap": "Ръкопляскане",
+        "closeChat": "Затваряне на съобщенията",
+        "closeParticipantsPane": "Затвори панела с участници",
+        "closeReactionsMenu": "Затвори менюто за реакции",
+        "closedCaptions": "Субтитри",
+        "disableNoiseSuppression": "Изключи допълнителното заглушаване на шум (БЕТА)",
+        "disableReactionSounds": "Можете да изключите звуците на реакциите за тази среща",
+        "documentClose": "Затваряне на споделения документ",
+        "documentOpen": "Отваряне на споделен документ",
+        "download": "Свалете приложението",
+        "e2ee": "Криптиране от край до край",
+        "embedMeeting": "Вграждане на среща",
+        "enableNoiseSuppression": "Включи допълнителното заглушаване на шум (БЕТА)",
+        "endConference": "Приключи срещата за всички",
+        "enterFullScreen": "Вижте на цял екран",
+        "enterTileView": "Влизане в изглед галерия",
+        "exitFullScreen": "Изход от цял екран",
+        "exitTileView": "Спиране на изглед галерия",
+        "feedback": "Отзиви",
+        "giphy": "Превключи GIPHY менюто",
+        "hangup": "Напускане",
+        "help": "Помощ",
+        "hideWhiteboard": "Скрий бялата дъска",
+        "invite": "Поканете участници",
+        "joinBreakoutRoom": "Присъедини се в работна стая",
+        "laugh": "Смях",
+        "leaveBreakoutRoom": "Напусни работната стая",
+        "leaveConference": "Напусни срещата",
+        "like": "Харесвам",
+        "linkToSalesforce": "Свърже със Salesforce",
+        "lobbyButtonDisable": "Изключи режим лоби",
+        "lobbyButtonEnable": "Включи режим лоби",
+        "login": "Влез",
+        "logout": "Изход",
+        "love": "Сърце",
+        "lowerYourHand": "Махни искането на думата",
+        "moreActions": "Още опции",
+        "moreOptions": "Повече опции",
+        "mute": "Спиране/пускане на микрофона",
+        "muteEveryone": "Заглуши всички",
+        "muteEveryonesVideo": "Изключи камерата на всички",
+        "muteGUMPending": "Свързване на микрофона ви",
+        "noAudioSignalDesc": "Ако не сте спрели звука на устройството от системните настройки, сменете с друго устройство.",
+        "noAudioSignalDescSuggestion": "Ако не сте спрели звука на устройството от системните настройки, използвайте някое от предложените устройства.",
+        "noAudioSignalDialInDesc": "Може да влезнете чрез обаждане на:",
+        "noAudioSignalDialInLinkDesc": "Номера за обаждане",
+        "noAudioSignalTitle": "Няма сигнал, идващ от микрофона!",
+        "noiseSuppression": "Допълнително заглушаване на шум (БЕТА)",
+        "noisyAudioInputDesc": "Изглежда доста шум идва от микрофона Ви, заглушете го или сменете устройството.",
+        "noisyAudioInputTitle": "Изглежда е шумно около Вас!",
+        "openChat": "Отвори съобщенията",
+        "openReactionsMenu": "Отвори менюто за реакции",
+        "participants": "Участници",
+        "pip": "Пусни Картина-в-Картина",
+        "privateMessage": "Изпрати лично съобщение",
+        "profile": "Редактиране на профила",
+        "raiseHand": "Вдигане/сваляне на ръка",
+        "raiseYourHand": "Поискай думата",
+        "reactionBoo": "Изпрати реакция бу",
+        "reactionClap": "Изпрати реакция ръкопляскане",
+        "reactionHeart": "Изпрати реакция сърце",
+        "reactionLaugh": "Изпрати реакция смях",
+        "reactionLike": "Изпрати реакция харесвам",
+        "reactionLove": "Изпрати реакция със сърце",
+        "reactionSilence": "Изпрати реакция тишина",
+        "reactionSurprised": "Изпрати реакция изненада",
+        "reactions": "Реакции",
+        "security": "Опции за сигурност",
+        "selectBackground": "Избери фон",
+        "shareRoom": "Добавете някого",
+        "shareaudio": "Сподели аудио",
+        "sharedvideo": "Споделяне на видео",
+        "shortcuts": "Виж бързите клавиши",
+        "showWhiteboard": "Покажи бялата дъска",
+        "silence": "Тишина",
+        "speakerStats": "Статистика за говорителите",
+        "startScreenSharing": "Започни споделяне на екрана",
+        "startSubtitles": "Пускане на субтитри",
+        "stopAudioSharing": "Спри споделянето на аудио",
+        "stopScreenSharing": "Спиране споделяне на екрана",
+        "stopSharedVideo": "Спиране на видео",
+        "stopSubtitles": "Спиране на субтитри",
+        "surprised": "Изненадан",
+        "talkWhileMutedPopup": "Опитвате се да говорите? В момента микрофонът Ви е заглушен.",
+        "tileViewToggle": "Превключване на изглед галерия",
+        "toggleCamera": "Пускане/спиране на камера",
+        "unmute": "Включи микрофона",
+        "videoSettings": "Видео настройки",
+        "videomute": "Пускане/спиране на камерата",
+        "videomuteGUMPending": "Свързване на камерата ви",
+        "videounmute": "Стартирай камерата"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Пускане/спиране на субтитри",
+        "expandedLabel": "Транскрибирането е пуснато",
+        "failed": "Транскрибирането се провали",
+        "labelTooltip": "Тази среща се транскрибира.",
+        "labelTooltipExtra": "Освен това, стенограма ще бъде налична по-късно.",
+        "openClosedCaptions": "Отвори субтитрите",
+        "original": "Оригинал",
+        "sourceLanguageDesc": "В момента езикът на срещата е настроен на <b>{{sourceLanguage}}</b>. <br/> Можете да го промените от ",
+        "sourceLanguageHere": "тук",
+        "start": "Започва показване на субтитри",
+        "stop": "Спира показване на субтитри",
+        "subtitles": "Субтитри",
+        "subtitlesOff": "Изключени",
+        "tr": "СУБ",
+        "translateTo": "Преведи на"
+    },
+    "unpinParticipant": "{{participantName}} - Откачи",
+    "userMedia": {
+        "grantPermissions": "Моля, разрешете използването на камерата и микрофона."
+    },
+    "videoSIPGW": {
+        "busy": "Работим по освобождаване на ресурси. Моля, опитайте след няколко минути.",
+        "busyTitle": "Услугата за стаи в момента е заета",
+        "errorAlreadyInvited": "{{displayName}} вече е поканен",
+        "errorInvite": "Конференцията не е стартирана. Моля, опитайте по-късно.",
+        "errorInviteFailed": "Работим по разрешаването на проблем. Моля, опитайте по-късно.",
+        "errorInviteFailedTitle": "Добавянето на {{displayName}} не успя",
+        "errorInviteTitle": "Грешка при добавяне на стая",
+        "pending": "{{displayName}} бе поканен"
+    },
+    "videoStatus": {
+        "adjustFor": "Настрой за:",
+        "audioOnly": "АУДИО",
+        "audioOnlyExpanded": "Вие сте в режим на нисък трафик. В този режим ще получавате само аудио или споделени екрани.",
+        "bestPerformance": "Най-добра производителност",
+        "callQuality": "Качество на видеото",
+        "hd": "HD",
+        "hdTooltip": "Гледате високо качество на видеото",
+        "highDefinition": "Високо качество",
+        "highestQuality": "Най-високо качество",
+        "labelTooiltipNoVideo": "Няма видео",
+        "labelTooltipAudioOnly": "Пуснат режим на нисък трафик",
+        "ld": "LD",
+        "ldTooltip": "Виждате ниско качество на видеото",
+        "lowDefinition": "Ниско качество",
+        "performanceSettings": "Настройки за производителност",
+        "recording": "Тази среща се записва.",
+        "sd": "SD",
+        "sdTooltip": "Гледате стандартно качество на видеото",
+        "standardDefinition": "Стандартно качество",
+        "streaming": "Излъчване в ход"
+    },
+    "videothumbnail": {
+        "connectionInfo": "Информация за връзката",
+        "demote": "Премести в режим зрител",
+        "domute": "Изключи микрофона",
+        "domuteDesktop": "Спри споделянето на екран",
+        "domuteDesktopOfOthers": "Спри споделянето на екран за всички останали",
+        "domuteOthers": "Заглушете всички останали",
+        "domuteVideo": "Изключи камерата",
+        "domuteVideoOfOthers": "Изключи камерата на всички останали",
+        "flip": "Огледално",
+        "grantModerator": "Дай права на модератор",
+        "hideSelfView": "Скрий собствения изглед",
+        "kick": "Изгони",
+        "mirrorVideo": "Огледално моето видео",
+        "moderator": "Модератор",
+        "mute": "Участникът е с изключен микрофон",
+        "muted": "Изключен микрофон",
+        "pinToStage": "Закачи към сцената",
+        "remoteControl": "Отдалечено управление",
+        "screenSharing": "Участникът споделя екрана си",
+        "show": "Покажи на главния екран",
+        "showSelfView": "Покажи собствения изглед",
+        "unpinFromStage": "Откачи",
+        "verify": "Потвърди участника",
+        "videoMuted": "Камерата е изключена",
+        "videomute": "Участникът е спрял камерата си"
+    },
+    "virtualBackground": {
+        "accessibilityLabel": {
+            "currentBackground": "Текущ фон: {{background}}",
+            "selectBackground": "Избери фон"
+        },
+        "addBackground": "Добави фон",
+        "apply": "Приложи",
+        "backgroundEffectError": "Неуспешно прилагане на ефект за фон.",
+        "blur": "Замъгляване",
+        "deleteImage": "Изтрий изображение",
+        "desktopShare": "Споделяне на работен плот",
+        "desktopShareError": "Не можа да се създаде споделяне на работен плот",
+        "image1": "Плаж",
+        "image2": "Бяла неутрална стена",
+        "image3": "Бяла празна стая",
+        "image4": "Черна подова лампа",
+        "image5": "Планина",
+        "image6": "Гора ",
+        "image7": "Изгрев",
+        "none": "Няма",
+        "pleaseWait": "Моля, изчакайте…",
+        "removeBackground": "Премахни фона",
+        "slightBlur": "Половин замъгляване",
+        "title": "Виртуални фонове",
+        "uploadedImage": "Качено изображение {{index}}",
+        "webAssemblyWarning": "WebAssembly не се поддържа",
+        "webAssemblyWarningDescription": "WebAssembly е изключен или не се поддържа от този браузър"
+    },
+    "visitors": {
+        "chatIndicator": "(зрител)",
+        "joinMeeting": {
+            "description": "В момента сте зрител в тази конференция.",
+            "raiseHand": "Вдигнете ръката си",
+            "title": "Присъединяване към среща",
+            "wishToSpeak": "Ако желаете да говорите, моля вдигнете ръката си по-долу и изчакайте одобрението на модератора."
+        },
+        "labelTooltip": "Брой зрители: {{count}}",
+        "notification": {
+            "demoteDescription": "Изпратен тук от {{actor}}, вдигнете ръка за участие",
+            "noMainParticipantsDescription": "Участник трябва да започне срещата. Моля, опитайте отново след малко.",
+            "noMainParticipantsTitle": "Тази среща все още не е започнала.",
+            "noVisitorLobby": "Не можете да се присъедините докато има включено лоби за срещата.",
+            "notAllowedPromotion": "Участник трябва първо да разреши заявката ви.",
+            "requestToJoin": "Вдигната ръка",
+            "requestToJoinDescription": "Заявката ви беше изпратена до модераторите. Изчакайте!",
+            "title": "Вие сте зрител в срещата"
+        },
+        "waitingMessage": "Ще се присъедините към срещата веднага щом тя започне!"
+    },
+    "volumeSlider": "Плъзгач за силата на звука",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Натиснете, за да влезете",
+            "roomname": "Въведете име на стаята"
+        },
+        "addMeetingName": "Добави име на среща",
+        "appDescription": "Хайде на видео разговор с целия екип! Всъщност, поканете всички свои познати! {{app}} е напълно защитено решение за видеоконференции със 100% отворен код, което може да ползвате по цял ден, всеки ден, безплатно - без да ви е нужна регистрация.",
+        "audioVideoSwitch": {
+            "audio": "Глас",
+            "video": "Видео"
+        },
+        "calendar": "Календар",
+        "connectCalendarButton": "Свържете своя календар",
+        "connectCalendarText": "Свържете своя календар, за да видите срещите си в {{app}}. Добавяйки {{provider}} срещите в календара си, ще можете да ги старирате с едно докосване.",
+        "enterRoomTitle": "Започни нова среща",
+        "getHelp": "Търсене на помощ",
+        "go": "НАПРЕД",
+        "goSmall": "НАПРЕД",
+        "headerSubtitle": "Сигурни и висококачествени срещи",
+        "headerTitle": "Jitsi Meet",
+        "info": "Информация",
+        "jitsiOnMobile": "Jitsi на мобилно – свалете приложенията ни и започнете среща отвсякъде",
+        "join": "Създай / Влез",
+        "logo": {
+            "calendar": "Лого на календар",
+            "desktopPreviewThumbnail": "Миниатюра за преглед на работен плот",
+            "googleLogo": "Google лого",
+            "logoDeepLinking": "Jitsi meet лого",
+            "microsoftLogo": "Microsoft лого",
+            "policyLogo": "Лого на политика"
+        },
+        "meetingsAccessibilityLabel": "Срещи",
+        "mobileDownLoadLinkAndroid": "Свали мобилното приложение за Android",
+        "mobileDownLoadLinkFDroid": "Свали мобилното приложение за F-Droid",
+        "mobileDownLoadLinkIos": "Свали мобилното приложение за iOS",
+        "moderatedMessage": "Или <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">резервирайте URL за среща</a> предварително, където вие сте единственият модератор.",
+        "privacy": "Поверителност",
+        "recentList": "Скорошни срещи",
+        "recentListDelete": "Изтрий",
+        "recentListEmpty": "Списъкът със скорошни срещи е празен. След като участвате в някоя среща, ще я намерите тук.",
+        "recentMeetings": "Скорошните ви срещи",
+        "reducedUIText": "Добре дошли в {{app}}!",
+        "roomNameAllowedChars": "Името на срещата не трябва да съдържа никой от символите: ?, &, :, ', \", %, #.",
+        "roomname": "Въведете име на стаята",
+        "roomnameHint": "Въведете името или връзката на стаята, в която искате да влезете. Също така може да си измислите име. Само го споделете с някого, за да може и той да въведе същото име и да се срещнете.",
+        "sendFeedback": "Изпращане на отзиви",
+        "settings": "Настройки",
+        "startMeeting": "Започни среща",
+        "terms": "Условия",
+        "title": "Сигурна, с много възможности, и напълно безплатна платформа за видео конференции",
+        "upcomingMeetings": "Предстоящите ви срещи"
+    },
+    "whiteboard": {
+        "accessibilityLabel": {
+            "heading": "Бяла дъска"
+        },
+        "screenTitle": "Бяла дъска"
+    }
+}
diff --git a/lang/main-ca.json b/lang/main-ca.json
new file mode 100644
index 0000000..e152bf9
--- /dev/null
+++ b/lang/main-ca.json
@@ -0,0 +1,1367 @@
+{
+    "addPeople": {
+        "add": "Convida",
+        "addContacts": "Convideu els contactes",
+        "contacts": "contactes",
+        "copyInvite": "Copia la invitació a la reunió",
+        "copyLink": "Copia l'enllaç de la reunió",
+        "copyStream": "Copia l'enllaç a la transmissió en directe",
+        "countryNotSupported": "Encara no és possible usar aquesta destinació.",
+        "countryReminder": "Truqueu des de fora dels EUA? Assegureu-vos que comenceu amb el codi de país!",
+        "defaultEmail": "La vostra adreça de correu electrònic predeterminada",
+        "disabled": "No podeu convidar-hi persones.",
+        "failedToAdd": "No s'han pogut afegir-hi participants",
+        "googleEmail": "Correu de Google",
+        "inviteMoreHeader": "Sou l'única persona en la reunió",
+        "inviteMoreMailSubject": "Entra a la reunió {{appName}}",
+        "inviteMorePrompt": "Convida a més persones",
+        "linkCopied": "L'enllaç s'ha copiat al porta-retalls",
+        "noResults": "No s'ha trobat cap resultat coincident",
+        "outlookEmail": "Correu d'Outlook",
+        "phoneNumbers": "números de telèfon",
+        "searching": "S'està cercant…",
+        "shareInvite": "Comparteix la invitació a la reunió",
+        "shareLink": "Compartiu l'enllaç de la reunió per a convidar altres persones",
+        "shareStream": "Comparteix l'enllaç de la transmissió en directe",
+        "sipAddresses": "adreces sip",
+        "telephone": "Telèfon: {{number}}",
+        "title": "Convida persones a aquesta reunió",
+        "yahooEmail": "Correu de Yahoo"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "car": "Àudio del cotxe",
+        "headphones": "Auriculars",
+        "none": "No hi ha disponible cap aparell d'àudio",
+        "phone": "Telèfon",
+        "speaker": "Altaveu"
+    },
+    "audioOnly": {
+        "audioOnly": "Poca amplada de banda"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "Afegeix una sala de descans",
+            "autoAssign": "Assigna automàticament a les sala de descans",
+            "close": "Tanca",
+            "join": "Entra",
+            "leaveBreakoutRoom": "Surt de la sala de descans",
+            "more": "Més",
+            "remove": "Elimina",
+            "sendToBreakoutRoom": "Envia el participant a:"
+        },
+        "defaultName": "Sala de descans #{{index}}",
+        "mainRoom": "Sala principal",
+        "notifications": {
+            "joined": "Entra a la sala de descans «{{name}}»",
+            "joinedMainRoom": "Entra a la sala principal",
+            "joinedTitle": "Sales de descans"
+        }
+    },
+    "calendarSync": {
+        "addMeetingURL": "Afegeix un enllaç de reunió",
+        "confirmAddLink": "Voleu afegir un enllaç al Jitsi en aquest esdeveniment?",
+        "error": {
+            "appConfiguration": "La integració de l'agenda no està configurada correctament.",
+            "generic": "S'ha produït un error. Comproveu la configuració de l'agenda o intenteu d'actualitzar-la.",
+            "notSignedIn": "S'ha produït un error en l'autenticació per a visualitzar els esdeveniments de l'agenda. Reviseu la configuració de l'agenda i intenteu iniciar la sessió més endavant."
+        },
+        "join": "Entra",
+        "joinTooltip": "Entra a la reunió",
+        "nextMeeting": "reunió següent",
+        "noEvents": "No hi ha cap esdeveniment previst a l'agenda.",
+        "ongoingMeeting": "reunió en curs",
+        "permissionButton": "Obre la configuració",
+        "permissionMessage": "Es requereix el permís d'agenda per a veure les reunions en l'aplicació.",
+        "refresh": "Actualitza l'agenda",
+        "today": "Avui"
+    },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "Seleccioneu l'aparell d'àudio"
+        },
+        "labels": {
+            "buttonLabel": "Mode cotxe",
+            "title": "Mode cotxe",
+            "videoStopped": "El vídeo està aturat"
+        }
+    },
+    "chat": {
+        "enter": "Entra a la sala",
+        "error": "Error: no s'ha enviat el missatge. Raó: {{error}}",
+        "fieldPlaceHolder": "Escriviu aquí el missatge",
+        "lobbyChatMessageTo": "Envia un missatge en la sala d'espera a {{recipient}}",
+        "message": "Missatge",
+        "messageAccessibleTitle": "{{user}} diu:",
+        "messageAccessibleTitleMe": "jo dic:",
+        "messageTo": "Missatge privat per a {{recipient}}",
+        "messagebox": "Escriviu un missatge",
+        "newMessages": "Missatges nous",
+        "nickname": {
+            "popover": "Trieu un sobrenom",
+            "title": "Introduïu un sobrenom per a usar el xat",
+            "titleWithPolls": "Introduïu un àlies per a usar al xat i les enquestes"
+        },
+        "noMessagesMessage": "Encara no hi ha cap missatge en aquesta reunió. Comenceu una conversa aquí!",
+        "privateNotice": "Missatge privat per a {{recipient}}",
+        "sendButton": "Envia",
+        "smileysPanel": "Tauler d'emojis",
+        "tabs": {
+            "chat": "Xat",
+            "polls": "Enquestes"
+        },
+        "title": "Xat",
+        "titleWithPolls": "Xat i enquestes",
+        "you": "vós"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Instal·la l'extensió de Chrome",
+        "buttonTextEdge": "Instal·la l'extensió d'Edge",
+        "close": "Tanca",
+        "dontShowAgain": "No m'ho mostris més",
+        "installExtensionText": "Instal·la l'extensió per a la integració amb Google Calendar i Office 365"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "S'està connectat a la reunió…"
+    },
+    "connection": {
+        "ATTACHED": "Adjunt",
+        "AUTHENTICATING": "S'està autenticant",
+        "AUTHFAIL": "L'autenticació ha fallat",
+        "CONNECTED": "Connectat",
+        "CONNECTING": "S'està connectant",
+        "CONNFAIL": "La connexió ha fallat",
+        "DISCONNECTED": "Desconnectat",
+        "DISCONNECTING": "S'està desconnectant",
+        "ERROR": "Error",
+        "FETCH_SESSION_ID": "S'està obtenint un identificador de sessió…",
+        "GET_SESSION_ID_ERROR": "S'ha produït un error en obtenir l'identificador de la sessió: {{code}}",
+        "GOT_SESSION_ID": "Obtenció d'identificador de sessió…. Fet",
+        "LOW_BANDWIDTH": "S'ha apagat el vídeo de {{displayName}} per a estalviar amplada de banda"
+    },
+    "connectionindicator": {
+        "address": "Adreça:",
+        "audio_ssrc": "Àudio SSRC:",
+        "bandwidth": "Amplada de banda estimada:",
+        "bitrate": "Taxa de bits:",
+        "bridgeCount": "Nombre de servidors: ",
+        "codecs": "Còdecs (A/V):",
+        "connectedTo": "Connectat a:",
+        "framerate": "Taxa de fotogrames:",
+        "less": "Menys informació",
+        "localaddress": "Adreça local:",
+        "localaddress_plural": "Adreces locals:",
+        "localport": "Port local:",
+        "localport_plural": "Ports locals:",
+        "maxEnabledResolution": "màx. enviament",
+        "more": "Més informació",
+        "packetloss": "Pèrdua de paquets:",
+        "participant_id": "Id del participant:",
+        "quality": {
+            "good": "Bona",
+            "inactive": "Inactiva",
+            "lost": "Perduda",
+            "nonoptimal": "No òptima",
+            "poor": "Pobra"
+        },
+        "remoteaddress": "Adreça remota:",
+        "remoteaddress_plural": "Adreces remotes:",
+        "remoteport": "Port remot:",
+        "remoteport_plural": "Ports remots:",
+        "resolution": "Resolució:",
+        "savelogs": "Desa els registre",
+        "status": "Connexió:",
+        "transport": "Transport:",
+        "transport_plural": "Transports:",
+        "video_ssrc": "Vídeo SSRC:"
+    },
+    "dateUtils": {
+        "earlier": "Abans",
+        "today": "Avui",
+        "yesterday": "Ahir"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Cal l'app {{app}} per a entrar a aquesta reunió des del telèfon.",
+        "description": "No ha passat res? Hem intentat iniciar la reunió en l'aplicació d'escriptori {{app}}. Torna a intentar-ho en l'aplicació web {{app}}.",
+        "descriptionWithoutWeb": "No ha passat res? Hem intentat iniciar la reunió en l'aplicació d'escriptori {{app}}.",
+        "downloadApp": "Baixa l'aplicació",
+        "ifDoNotHaveApp": "Si encara no teniu l'aplicació:",
+        "ifHaveApp": "Si ja teniu l'aplicació:",
+        "joinInApp": "Uniu-vos a aquesta reunió amb l'aplicació",
+        "launchWebButton": "Inicia al web",
+        "title": "S'està iniciant la reunió en {{app}}….",
+        "tryAgainButton": "Torna-ho a intentar en l'escriptori",
+        "unsupportedBrowser": "Sembla que useu un navegador que no suportem."
+    },
+    "defaultLink": "p. ex. {{url}}",
+    "defaultNickname": "p. ex. Pere Cullera",
+    "deviceError": {
+        "cameraError": "No s'ha pogut accedir a la càmera",
+        "cameraPermission": "S'ha produït un error en obtenir el permís de la càmera",
+        "microphoneError": "No s'ha pogut accedir al micròfon",
+        "microphonePermission": "S'ha produït un error en obtenir el permís del micròfon"
+    },
+    "deviceSelection": {
+        "noPermission": "No s'ha concedit el permís",
+        "previewUnavailable": "La previsualització no és disponible",
+        "selectADevice": "Seleccioneu un aparell",
+        "testAudio": "Reprodueix un so de prova"
+    },
+    "dialIn": {
+        "screenTitle": "Resum de la trucada"
+    },
+    "dialOut": {
+        "statusMessage": "ara és {{status}}"
+    },
+    "dialog": {
+        "Back": "Enrere",
+        "Cancel": "Cancel·la",
+        "IamHost": "Sóc l'amfitrió",
+        "Ok": "D'acord",
+        "Remove": "Elimina",
+        "Share": "Comparteix",
+        "Submit": "Tramet",
+        "WaitForHostMsg": "La conferència encara no ha començat. Si en sou l'amfitrió, autentiqueu-vos. Altrament, espereu que arribi l'amfitrió.",
+        "WaitingForHostTitle": "S'està esperant l'amfitrió…",
+        "Yes": "Sí",
+        "accessibilityLabel": {
+            "liveStreaming": "Transmissió en directe"
+        },
+        "add": "Afegeix",
+        "addMeetingNote": "Afegiu una nota sobre aquesta reunió",
+        "addOptionalNote": "Afegeix una nota (opcional):",
+        "allow": "Permet",
+        "alreadySharedVideoMsg": "Un altre participant està compartint un vídeo. Aquesta conferència només permet compartir un vídeo a la vegada.",
+        "alreadySharedVideoTitle": "Només es permet un vídeo compartit a la vegada",
+        "applicationWindow": "Finestra de l'aplicació",
+        "authenticationRequired": "Cal autenticació",
+        "cameraConstraintFailedError": "La càmera no satisfà algun dels requeriments.",
+        "cameraNotFoundError": "No s'ha trobat cap càmera.",
+        "cameraNotSendingData": "No podem accedir a la càmera. Comproveu si alguna una aplicació l'està usant, seleccioneu un altre aparell en el menú de configuració o intenteu de recarregar l'aplicació.",
+        "cameraNotSendingDataTitle": "No s'ha pogut accedir a la càmera",
+        "cameraPermissionDeniedError": "No heu concedit permís per a usar la càmera. Encara podeu unir-vos a la conferència però els altres participants no us veuran. Useu el botó de la càmera en la barra d'adreces per a corregir això.",
+        "cameraTimeoutError": "No s'ha pogut iniciar la font de vídeo. S'ha excedit el temps d'espera!",
+        "cameraUnknownError": "Per algun motiu desconegut, no es pot usar la càmera.",
+        "cameraUnsupportedResolutionError": "La vostra càmera no permet la resolució de vídeo requerida.",
+        "close": "Tanca",
+        "conferenceDisconnectMsg": "Potser voleu comprovar la connexió a la xarxa. Es tornarà a connectar en {{seconds}} segons…",
+        "conferenceDisconnectTitle": "Esteu desconnectat.",
+        "conferenceReloadMsg": "Intentem de corregir-ho. Tornem a connectar en  {{seconds}} segons…",
+        "conferenceReloadTitle": "Malauradament, alguna cosa no ha anat bé.",
+        "confirm": "Confirmo",
+        "confirmNo": "No",
+        "confirmYes": "Sí",
+        "connectError": "Vaja! Alguna cosa no ha anat bé i no podem connectar a la conferència.",
+        "connectErrorWithMsg": "Vaja! Alguna cosa no ha anat bé i no podem connectar a la conferència: {{msg}}",
+        "connecting": "S'està connectant",
+        "contactSupport": "Contacte amb l'assistència",
+        "copied": "S'ha copiat",
+        "copy": "Copia",
+        "dismiss": "Descarta",
+        "displayNameRequired": "Hola! Com us dieu?",
+        "done": "Fet",
+        "e2eeDescription": "El xifratge d'extrem a extrem és EXPERIMENTAL. Tingueu present que l'activació del xifratge d'extrem a extrem desactivarà serveis proporcionats en la banda del servidor, com ara: enregistrament, transmissió en directe i participació telefònica. A més, la reunió només funcionarà per a les persones que usin navegadors que compatibles amb fluxos inseribles.",
+        "e2eeDisabledDueToMaxModeDescription": "No es pot activar el xifratge d'extrem a extrem a causa del gran nombre de participants en la conferència.",
+        "e2eeLabel": "Activa el xifratge d'extrem a extrem",
+        "e2eeWarning": "ATENCIÓ: sembla que no tots els participants d'aquesta reunió tenen suport per a xifratge d'extrem a extrem. Si l'activeu no podran veure-us ni escoltar-vos.",
+        "e2eeWillDisableDueToMaxModeDescription": "ATENCIÓ: el xifratge d'extrem a extrem es desactivarà automàticament si s'uneixen més participants a la conferència.",
+        "embedMeeting": "Reunió inserida",
+        "enterDisplayName": "Introduïu el vostre nom aquí",
+        "error": "Error",
+        "gracefulShutdown": "El nostre servei ara mateix és en manteniment. Torneu-ho a intentar més tard.",
+        "grantModeratorDialog": "Esteu segur que voleu concedir drets de moderador a {{participantName}}?",
+        "grantModeratorTitle": "Concedeix drets de moderador",
+        "hide": "Amaga",
+        "hideShareAudioHelper": "No tornis a mostrar aquest diàleg",
+        "incorrectPassword": "El nom o la contrasenya no són correctes",
+        "incorrectRoomLockPassword": "La contrasenya no és correcta",
+        "internalError": "Vaja! Alguna cosa no ha anat bé. S'ha produït l'error següent: {{error}}",
+        "internalErrorTitle": "Error intern",
+        "kickMessage": "Per a més detalls, podeu contactar amb  {{participantDisplayName}}.",
+        "kickParticipantButton": "Expulsa",
+        "kickParticipantDialog": "Esteu segur que voleu expulsar aquest participant?",
+        "kickParticipantTitle": "Voleu expulsar aquest participant?",
+        "kickTitle": "Ep! {{participantDisplayName}} us ha expulsat de la reunió",
+        "linkMeeting": "Enllaça la reunió",
+        "linkMeetingTitle": "Enllaça la reunió a Salesforce",
+        "liveStreaming": "Transmissió en directe",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "No és possible mentre l'enregistrament estigui actiu",
+        "localUserControls": "Controls locals d'usuari",
+        "lockMessage": "No s'ha pogut blocar la conferència.",
+        "lockRoom": "Afegeix una $t(lockRoomPassword) de reunió",
+        "lockTitle": "El blocatge ha fallat",
+        "login": "Inicia sessió",
+        "logoutQuestion": "Esteu segur de voler tancar la sessió i aturar la conferència?",
+        "logoutTitle": "Tanca la sessió",
+        "maxUsersLimitReached": "S'ha assolit el nombre màxim de participants. La conferència és plena. Contacteu amb el propietari de la reunió o torneu-ho a intentar més tard!",
+        "maxUsersLimitReachedTitle": "S'ha assolit el límit màxim de participants",
+        "micConstraintFailedError": "La càmera no satisfà algun dels requeriments.",
+        "micNotFoundError": "No s'ha trobat cap micròfon.",
+        "micNotSendingData": "Aneu a la configuració de l'ordinador per a desactivar el silenci del micròfon i ajusteu-ne el nivell",
+        "micNotSendingDataTitle": "El micròfon està silenciat en la configuració del sistema",
+        "micPermissionDeniedError": "No heu concedit permís per a usar el micròfon. Encara podeu unir-vos a la conferència, però els altres participants no us sentiran. Useu el botó de micròfon en la barra d'adreces per a corregir això.",
+        "micTimeoutError": "No s'ha pogut iniciar la font d'àudio. S'ha excedit el temps d'espera!",
+        "micUnknownError": "No es pot usar el micròfon per alguna raó desconeguda.",
+        "moderationAudioLabel": "Permet als assistents d'activar el seu micròfon",
+        "moderationVideoLabel": "Permet als assistents d'activar el seu vídeo",
+        "muteEveryoneDialog": "Els participants poden activar el micròfon en qualsevol moment.",
+        "muteEveryoneDialogModerationOn": "Els participants poden enviar una sol·licitud per a parlar en qualsevol moment.",
+        "muteEveryoneElseDialog": "Una vegada silenciats, no podreu activar-ne els micròfons, però podran activar-lo ells mateixos en qualsevol moment.",
+        "muteEveryoneElseTitle": "Voleu silenciar tothom excepte {{whom}}?",
+        "muteEveryoneElsesVideoDialog": "Una vegada s'ha desactivat la càmera, no la podreu tornar a activar, però els participants la poden tornar a activar en qualsevol moment.",
+        "muteEveryoneElsesVideoTitle": "Voleu aturar el vídeo de tothom excepte {{whom}}?",
+        "muteEveryoneSelf": "vós mateix",
+        "muteEveryoneStartMuted": "Tothom comença en silenci a partir d'ara",
+        "muteEveryoneTitle": "Voleu silenciar tothom?",
+        "muteEveryonesVideoDialog": "Els participants poden activar el seu vídeo en qualsevol moment.",
+        "muteEveryonesVideoDialogModerationOn": "Els participants poden enviar una sol·licitud per a activar el seu vídeo en qualsevol moment.",
+        "muteEveryonesVideoDialogOk": "Desactiva",
+        "muteEveryonesVideoTitle": "Voleu aturar el vídeo de tothom?",
+        "muteParticipantBody": "No podreu activar-ne els micròfons, però ells podran activar el micròfon propi en qualsevol moment.",
+        "muteParticipantButton": "Silencia",
+        "muteParticipantsVideoBody": "No podreu reactivar la càmera, però l'usuari sí que podrà reactivar-la en qualsevol moment.",
+        "muteParticipantsVideoBodyModerationOn": "No podreu tornar a activar la càmera i ell tampoc podrà fer-ho.",
+        "muteParticipantsVideoButton": "Atura el vídeo",
+        "muteParticipantsVideoDialog": "Confirmeu que voleu apagar la càmera d'aquest participant? No podreu tornar a activar-la, però podrà tornar a activar-la en qualsevol moment.",
+        "muteParticipantsVideoDialogModerationOn": "Esteu segur que voleu apagar la càmera d'aquest participant? No podreu tornar-la a activar, i ell tampoc podrà fer-ho.",
+        "muteParticipantsVideoTitle": "Voleu desactivar la càmera d'aquest participant?",
+        "noDropboxToken": "No hi ha cap testimoni de Dropbox vàlid",
+        "password": "Contrasenya",
+        "passwordLabel": "Algun participant ha blocat la reunió. Introduïu la $t(lockRoomPassword) per a unir-vos-hi.",
+        "passwordNotSupported": "No és possible definir una $t(lockRoomPassword).",
+        "passwordNotSupportedTitle": "No se suporta la $t(lockRoomPassword)",
+        "passwordRequired": "Es requereix una $t(lockRoomPassword)",
+        "permissionCameraRequiredError": "Es requereix el permís de la càmera per a participar en conferències amb vídeo. Concediu-lo a Configuració",
+        "permissionErrorTitle": "Cal permís",
+        "permissionMicRequiredError": "Es requereix el permís del micròfon per a participar en conferències amb àudio. Concediu-lo a Configuració",
+        "popupError": "El vostre navegador bloca les finestres emergents d'aquest lloc. Habiliteu les finestres emergents a la configuració de seguretat del navegador i torneu-ho a intentar.",
+        "popupErrorTitle": "Finestres emergents blocades",
+        "readMore": "més",
+        "recentlyUsedObjects": "Els objectes que heu usat recentment",
+        "recording": "Enregistrament",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "No és possible mentre hi ha una transmissió en directe activa",
+        "rejoinNow": "Torna a entrar ara",
+        "remoteControlAllowedMessage": "{{user}} ha acceptat la petició de control remot!",
+        "remoteControlDeniedMessage": "{{user}} ha rebutjat la petició de control remot!",
+        "remoteControlErrorMessage": "S'ha produït un error en intentar sol·licitar a {{user}} permisos de control remot!",
+        "remoteControlRequestMessage": "Voleu permetre a {{user}} de controlar remotament el vostre escriptori?",
+        "remoteControlShareScreenWarning": "Tingueu present que si pitgeu «Permet» compartireu la vostra pantalla!",
+        "remoteControlStopMessage": "La sessió de control remot ha finalitzat!",
+        "remoteControlTitle": "Control d'escriptori remot",
+        "remoteUserControls": "Controls remots d'usuari de {{username}}",
+        "removePassword": "Elimina la $t(lockRoomPassword)",
+        "removeSharedVideoMsg": "Esteu segur que voleu eliminar el vídeo compartit?",
+        "removeSharedVideoTitle": "Elimina aquest vídeo compartit",
+        "reservationError": "S'ha produït un error de reserva de sistema",
+        "reservationErrorMsg": "Codi d'error: {{code}}, missatge: {{msg}}",
+        "retry": "Torna a intentar-ho",
+        "screenSharingAudio": "Comparteix l'àudio",
+        "screenSharingFailed": "Ep! Alguna cosa ha anat malament, no hem pogut iniciar la compartició de pantalla!",
+        "screenSharingFailedTitle": "La compartició de pantalla ha fallat!",
+        "screenSharingPermissionDeniedError": "Ep! Alguna cosa ha anat malament amb els permisos de compartició de pantalla. Torna a carregar-la i prova-ho una altra vegada.",
+        "searchInSalesforce": "Cerca a Salesforce",
+        "searchResults": "Resultats de la cerca({{count}})",
+        "searchResultsDetailsError": "Alguna cosa ha anat malament en recuperar les dades del propietari.",
+        "searchResultsError": "Alguna cosa ha anat malament en recuperar les dades.",
+        "searchResultsNotFound": "No s'ha trobat cap resultat.",
+        "searchResultsTryAgain": "Proveu usant paraules clau alternatives.",
+        "sendPrivateMessage": "Fa poc que heu rebut un missatge privat. Voleu respondre'l de forma privada, o voleu enviar el missatge al grup?",
+        "sendPrivateMessageCancel": "Envia'l al grup",
+        "sendPrivateMessageOk": "Envia'l en privat",
+        "sendPrivateMessageTitle": "Voleu enviar-lo en privat?",
+        "serviceUnavailable": "El servei no és disponible",
+        "sessTerminated": "La trucada ha finalitzat",
+        "sessionRestarted": "La trucada s'ha reiniciat a causa d'un problema de connexió.",
+        "shareAudio": "Continua",
+        "shareAudioTitle": "Com compartir l'àudio",
+        "shareAudioWarningD1": "cal que atureu la compartició de pantalla abans de compartir l'àudio.",
+        "shareAudioWarningD2": "cal que reinicieu la compartició de pantalla i marqueu l'opció «Comparteix l'àudio».",
+        "shareAudioWarningH1": "Si voleu compartir només l'àudio:",
+        "shareAudioWarningTitle": "Cal que atureu la compartició de pantalla abans de compartir l'àudio",
+        "shareMediaWarningGenericH2": "Si voleu compartir la pantalla i l'àudio",
+        "shareScreenWarningD1": "heu d'aturar l'ús compartit d'àudio abans de compartir la pantalla.",
+        "shareScreenWarningD2": "heu d'aturar l'ús compartit d'àudio, iniciar l'ús compartit de la pantalla i marcar l'opció «Comparteix l'àudio».",
+        "shareScreenWarningH1": "Si només voleu compartir la pantalla:",
+        "shareScreenWarningTitle": "Cal que atureu l'ús compartit d'àudio abans de compartir la pantalla",
+        "shareVideoLinkError": "Proporcioneu un enllaç de vídeo correcte.",
+        "shareVideoTitle": "Comparteix el vídeo",
+        "shareYourScreen": "Comparteix la pantalla",
+        "shareYourScreenDisabled": "S'ha inhabilitat la compartició de pantalla.",
+        "sharedVideoDialogError": "Error: URL no vàlid",
+        "sharedVideoLinkPlaceholder": "Enllaç de YouTube o enllaç directe del vídeo",
+        "show": "Mostra",
+        "start": "Inicia",
+        "startLiveStreaming": "Inicia la transmissió en directe",
+        "startRecording": "Inicia l'enregistrament",
+        "startRemoteControlErrorMessage": "S'ha produït un error en intentar iniciar la sessió de control remot!",
+        "stopLiveStreaming": "Atura la transmissió en directe",
+        "stopRecording": "Atura l'enregistrament",
+        "stopRecordingWarning": "Esteu segur de voler aturar l'enregistrament?",
+        "stopStreamingWarning": "Esteu segur de voler aturar la transmissió en directe?",
+        "streamKey": "Clau de transmissió en directe",
+        "thankYou": "Gràcies per usar {{appName}}!",
+        "token": "identificador",
+        "tokenAuthFailed": "No esteu autoritzat a unir-vos a aquesta trucada.",
+        "tokenAuthFailedTitle": "L'autenticació ha fallat",
+        "transcribing": "Transcripció",
+        "unlockRoom": "Elimina la $t(lockRoomPassword) de la reunió",
+        "user": "Usuari",
+        "userIdentifier": "Identificador d'usuari",
+        "userPassword": "Contrasenya d'usuari",
+        "videoLink": "Enllaç del vídeo",
+        "viewUpgradeOptions": "Mostra les opcions d'actualització",
+        "viewUpgradeOptionsContent": "Per a obtenir accés il·limitat a funcions prèmium com ara enregistrament, transcripcions, reproducció en temps real RTMP i més, cal que actualitzeu el pla.",
+        "viewUpgradeOptionsTitle": "Heu descobert una funció premium!",
+        "yourEntireScreen": "La pantalla sencera"
+    },
+    "documentSharing": {
+        "title": "Document compartit"
+    },
+    "e2ee": {
+        "labelToolTip": "La comunicació d'àudio i vídeo en aquesta trucada és xifrada d'extrem a extrem"
+    },
+    "embedMeeting": {
+        "title": "Insereix aquesta reunió"
+    },
+    "feedback": {
+        "average": "Mitjana",
+        "bad": "Dolenta",
+        "detailsLabel": "Expliqueu-nos més sobre això.",
+        "good": "Bona",
+        "rateExperience": "Valoreu l'experiència de reunió",
+        "star": "Estrella",
+        "veryBad": "Molt dolenta",
+        "veryGood": "Molt bona"
+    },
+    "giphy": {
+        "noResults": "No s'ha trobat cap resultat :(",
+        "search": "Cerca a GIPHY"
+    },
+    "helpView": {
+        "title": "Centre d'ajuda"
+    },
+    "incomingCall": {
+        "answer": "Resposta",
+        "audioCallTitle": "Trucada entrant",
+        "decline": "Rebutja",
+        "productLabel": "de Jitsi Meet",
+        "videoCallTitle": "Videotrucada entrant"
+    },
+    "info": {
+        "accessibilityLabel": "Mostra la informació",
+        "addPassword": "Afegeix una $t(lockRoomPassword)",
+        "cancelPassword": "Cancel·la $t(lockRoomPassword)",
+        "conferenceURL": "Enllaç:",
+        "copyNumber": "Copia el número",
+        "country": "País",
+        "dialANumber": "Per a unir-vos a la reunió, marqueu un d'aquests números i aleshores introduïu el PIN.",
+        "dialInConferenceID": "PIN:",
+        "dialInNotSupported": "El marcatge ara mateix no és permès.",
+        "dialInNumber": "Marcatge:",
+        "dialInSummaryError": "S'ha produït un error en obtenir la informació de marcatge. Torneu-ho a intentar més tard.",
+        "dialInTollFree": "Sense peatges",
+        "genericError": "Vaja, alguna cosa no ha anat bé.",
+        "inviteLiveStream": "Per a veure la transmissió en directe d'aquesta reunió, feu clic en aquest enllaç: {{url}}",
+        "invitePhone": "Per a unir-vos per telèfon, toqueu això: {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Cerqueu un número de marcatge diferent?\nVegeu els números de marcatge de la reunió:  {{url}}\n\n\nSi també truqueu via un telèfon de reunió, uniu-vos-hi sense connectar l'àudio: {{silentUrl}}",
+        "inviteSipEndpoint": "Per a unir-vos amb l'adreça SIP, introduïu: {{sipUri}}",
+        "inviteTextiOSInviteUrl": "Feu clic a l'enllaç següent per a unir-vos: {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "Si esteu marcant a través d'un telèfon de reunió, feu servir aquest enllaç per a unir-vos sense connectar-vos a l'àudio: {{silentUrl}}.",
+        "inviteTextiOSPersonal": "{{name}} us convida a una reunió.",
+        "inviteTextiOSPhone": "Per a unir-vos per telèfon, feu servir aquest número: {{number}},,{{conferenceID}}#. Si cerqueu un número diferent, aquesta és la llista completa: {{didUrl}}.",
+        "inviteURLFirstPartGeneral": "Us han convidat a unir-vos a una reunió.",
+        "inviteURLFirstPartPersonal": "{{name}} us convida a una reunió.\n",
+        "inviteURLSecondPart": "\nUniu-vos a la reunió:\n{{url}}\n",
+        "label": "Informació de marcatge",
+        "liveStreamURL": "Transmissió en directe:",
+        "moreNumbers": "Més números",
+        "noNumbers": "Sense números de marcatge.",
+        "noPassword": "Cap",
+        "noRoom": "No s'ha indicat cap sala a què marcar.",
+        "numbers": "Números de marcatge",
+        "password": "$t(lockRoomPasswordUppercase): ",
+        "reachedLimit": "Heu arribat al límit del vostre pla.",
+        "sip": "Adreça SIP",
+        "title": "Comparteix",
+        "tooltip": "Comparteix l'enllaç i la informació de marcatge d'aquesta reunió",
+        "upgradeOptions": "Vegeu les opcions d'actualització"
+    },
+    "inlineDialogFailure": {
+        "msg": "Vam ensopegar una mica.",
+        "retry": "Torneu-ho a intentar",
+        "support": "Assistència",
+        "supportMsg": "Si continua passant, feu-nos-ho saber"
+    },
+    "inviteDialog": {
+        "alertText": "No s'ha pogut convidar alguns participants.",
+        "header": "Convida",
+        "searchCallOnlyPlaceholder": "Introduïu el número de telèfon",
+        "searchPeopleOnlyPlaceholder": "Cerca participants",
+        "searchPlaceholder": "Participant o número de telèfon",
+        "send": "Envia"
+    },
+    "jitsiHome": "Logotip de {{logo}}, enllaça a la pàgina d'inici",
+    "keyboardShortcuts": {
+        "focusLocal": "Focus al vostre vídeo",
+        "focusRemote": "Focus en el vídeo d'una altra persona",
+        "fullScreen": "Entra o surt de la pantalla completa",
+        "giphyMenu": "Mostra o amaga el menú GIPHY",
+        "keyboardShortcuts": "Dreceres de teclat",
+        "localRecording": "Mostra o amaga els controls d'enregistrament local",
+        "mute": "Silencia o activa el so",
+        "pushToTalk": "Premeu per a parlar",
+        "raiseHand": "Aixeca o abaixa la mà",
+        "showSpeakerStats": "Mostra les estadístiques de l'interlocutor",
+        "toggleChat": "Obre o tanca el xat",
+        "toggleFilmstrip": "Mostra o amaga les miniatures de vídeo",
+        "toggleParticipantsPane": "Mostra o amaga el panell dels participants",
+        "toggleScreensharing": "Canvia entre la càmera i la compartició de pantalla",
+        "toggleShortcuts": "Mostra o amaga les dreceres de teclat",
+        "videoMute": "Inicia o atura la càmera"
+    },
+    "largeVideo": {
+        "screenIsShared": "Esteu compartint la pantalla",
+        "showMeWhatImSharing": "Mostra'm què estic compartint"
+    },
+    "liveStreaming": {
+        "busy": "Treballem per a alliberar recursos de transmissió. Torneu-ho a intentar en uns minuts.",
+        "busyTitle": "Ara mateix, tots els reproductors són ocupats",
+        "changeSignIn": "Canvia entre comptes.",
+        "choose": "Trieu una transmissió en directe",
+        "chooseCTA": "Trieu una opció de transmissió. Ara mateix teniu sessió iniciada com a {{email}}.",
+        "enterStreamKey": "Introduïu la clau YouTube de transmissió en directe aquí.",
+        "error": "La transmissió en directe ha fallat. Torneu-ho a intentar més tard.",
+        "errorAPI": "S'ha produït un error en accedir a les vostres emissions de Youtube. Torneu a iniciar sessió una altra vegada.",
+        "errorLiveStreamNotEnabled": "La transmissió en directe no està activada a ̣{{email}}. Activeu-la o inicieu sessió en un compte que tingui la transmissió en directe activada.",
+        "expandedOff": "S'ha aturat la transmissió en directe",
+        "expandedOn": "Ara mateix, la reunió s'està transmetent a Youtube.",
+        "expandedPending": "S'ha iniciat la transmissió en directe…",
+        "failedToStart": "No s'ha pogut iniciar la transmissió en directe",
+        "getStreamKeyManually": "No hem pogut obtenir cap transmissió en directe. Intenteu d'aconseguir la clau de transmissió en directe del YouTube.",
+        "googlePrivacyPolicy": "Polítiques de privadesa de Google",
+        "inProgress": "L'enregistrament o la transmissió en directe és en progrés",
+        "invalidStreamKey": "La clau de transmissió en directe pot ser incorrecta.",
+        "limitNotificationDescriptionNative": "L'emissió es limitarà a {{limit}} min. Per a emissions sense límit proveu {{app}}.",
+        "limitNotificationDescriptionWeb": "Atesa l'alta demanda, la vostra emissió es limitarà a {{limit}} minuts. Per a emissions il·limitades, proveu <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>",
+        "off": "S'ha aturat la transmissió en directe",
+        "offBy": "{{name}} ha aturat la transmissió en directe",
+        "on": "Ha començat la transmissió en directe",
+        "onBy": "{{name}} ha iniciat la transmissió en directe",
+        "pending": "S'està iniciant la transmissió en directe…",
+        "serviceName": "Servei de transmissió en directe",
+        "sessionAlreadyActive": "Aquesta sessió ja s'està enregistrant o s'està emetent en directe.",
+        "signIn": "Inicia sessió amb Google",
+        "signInCTA": "Inicieu sessió o introduïu la clau de transmissió en directe de YouTube.",
+        "signOut": "Tanca la sessió",
+        "signedInAs": "Teniu sessió iniciada com a:",
+        "start": "Inicia la transmissió en directe",
+        "streamIdHelp": "Què és això?",
+        "title": "Transmissió en directe",
+        "unavailableTitle": "La transmissió en directe no és disponible",
+        "youtubeTerms": "Condicions de servei de YouTube"
+    },
+    "lobby": {
+        "allow": "Permet",
+        "backToKnockModeButton": "Demaneu per a unir-vos",
+        "chat": "Xat",
+        "dialogTitle": "Mode de sala d'espera",
+        "disableDialogContent": "El mode de sala d'espera es troba activat. Aquesta funcionalitat evita que els participants no desitjats puguin unir-se a la reunió. Voleu desactivar-ho?",
+        "disableDialogSubmit": "Desactiva",
+        "emailField": "Introduïu la vostra adreça electrònica",
+        "enableDialogPasswordField": "Defineix una contrasenya (opcional)",
+        "enableDialogSubmit": "Activa",
+        "enableDialogText": "El mode de sala d'espera us permet protegir la reunió autoritzant-ne l'entrada només a les persones mitjançant una aprovació formal d'un moderador.",
+        "enterPasswordButton": "Introduïu la contrasenya de la reunió",
+        "enterPasswordTitle": "Introduïu la contrasenya per a unir-vos a la reunió",
+        "errorMissingPassword": "Introduïu la contrasenya de la reunió",
+        "invalidPassword": "La contrasenya no és vàlida",
+        "joinRejectedMessage": "La vostra sol·licitud ha estat rebutjada per un moderador.",
+        "joinRejectedTitle": "S'ha rebutjat la petició d'unir-s'hi.",
+        "joinTitle": "Entra a la reunió",
+        "joinWithPasswordMessage": "S'està intentant unir-s'hi amb contrasenya, espereu…",
+        "joiningMessage": "Us unireu a la reunió de seguida que algú accepti la sol·licitud",
+        "joiningTitle": "S'ha demanat per a entrar a la reunió…",
+        "joiningWithPasswordTitle": "Afegeix-m'hi amb contrasenya…",
+        "knockButton": "Demana d'unir-se",
+        "knockTitle": "Algú vol unir-se a la reunió",
+        "knockingParticipantList": "Llista de participants que piquen per a entrar",
+        "lobbyChatStartedNotification": "{{moderator}} ha començat un xat en la sala d'espera amb {{attendee}}",
+        "lobbyChatStartedTitle": "{{moderator}} ha començat un xat en la sala d'espera amb vós.",
+        "nameField": "Introduïu el vostre nom",
+        "notificationLobbyAccessDenied": "{{originParticipantName}} ha rebutjat l'entrada de {{targetParticipantName}}",
+        "notificationLobbyAccessGranted": "{{originParticipantName}} ha acceptat l'entrada de {{targetParticipantName}}",
+        "notificationLobbyDisabled": "{{originParticipantName}} ha desactivat la sala d'espera",
+        "notificationLobbyEnabled": "{{originParticipantName}} ha desactivat la sala d'espera",
+        "notificationTitle": "Sala d'espera",
+        "passwordField": "Introduïu la contrasenya de la reunió",
+        "passwordJoinButton": "Entra",
+        "title": "Sala d'espera",
+        "toggleLabel": "Activa la sala d'espera"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Inactiu",
+            "on": "Actiu",
+            "unknown": "Desconegut"
+        },
+        "dialogTitle": "Controls d'enregistrament local",
+        "duration": "Durada",
+        "durationNA": "N/D",
+        "encoding": "Codificació",
+        "label": "ENREG LOC",
+        "labelToolTip": "L'enregistrament local està funcionant",
+        "localRecording": "Enregistrament local",
+        "me": "Jo",
+        "messages": {
+            "engaged": "L'enregistrament local funciona.",
+            "finished": "La sessió d'enregistrament {{token}} ha finalitzat. Envieu el fitxer enregistrat al moderador.",
+            "finishedModerator": "La sessió d'enregistrament {{token}} ha finalitzat. L'enregistrament de la part local s'ha desat. Demaneu als altres participants que enviïn els seus enregistraments.",
+            "notModerator": "No sou el moderador. No podeu iniciar ni aturar un enregistrament local."
+        },
+        "moderator": "Moderador",
+        "no": "No",
+        "participant": "Participant",
+        "participantStats": "Estadístiques del participant",
+        "selectTabTitle": "🎥 Trieu aquesta pestanya per a enregistrar",
+        "sessionToken": "Identificador de la sessió",
+        "start": "Inicia l'enregistrament",
+        "stop": "Atura l'enregistrament",
+        "yes": "Sí"
+    },
+    "lockRoomPassword": "contrasenya",
+    "lockRoomPasswordUppercase": "Contrasenya",
+    "lonelyMeetingExperience": {
+        "button": "Convideu altres persones",
+        "youAreAlone": "Sou l'únic participant de la reunió"
+    },
+    "me": "jo",
+    "notify": {
+        "OldElectronAPPTitle": "Vulnerabilitat de seguretat!",
+        "allowAction": "Permet",
+        "allowedUnmute": "Podeu activar el micròfon, iniciar la càmera o compartir la pantalla.",
+        "audioUnmuteBlockedDescription": "L'activació del micròfon s'ha blocat temporalment per limitacions del sistema.",
+        "audioUnmuteBlockedTitle": "L'activació del so del micròfon està blocada!",
+        "chatMessages": "Missatges de xat",
+        "connectedOneMember": "{{name}} s'ha unit a la reunió",
+        "connectedThreePlusMembers": "{{name}} i molts altres s'han unit a la reunió",
+        "connectedTwoMembers": "{{first}} i {{second}} s'han unit a la reunió",
+        "dataChannelClosed": "Qualitat del vídeo deteriorada",
+        "dataChannelClosedDescription": "El canal pont s'ha desconnectat i per la qualitat de vídeo està limitada al valor inferior.",
+        "disconnected": "desconnectat",
+        "displayNotifications": "Mostra les notificacions sobre",
+        "focus": "Focus de la conferència",
+        "focusFail": "{{component}} no és disponible, torneu a intentar en {{ms}} segons",
+        "gifsMenu": "GIPHY",
+        "groupTitle": "Notificacions",
+        "hostAskedUnmute": "El moderador vol que parleu",
+        "invitedOneMember": "S'ha convidat {{name}}",
+        "invitedThreePlusMembers": "S'han convidat {{name}} i {{count}} participants més",
+        "invitedTwoMembers": "S'han convidat {{first}} i {{second}}",
+        "kickParticipant": "{{kicker}} ha expulsat {{kicked}}",
+        "leftOneMember": "{{name}} ha sortit de la reunió",
+        "leftThreePlusMembers": "{{name}} i molts d'altres han sortit de la reunió",
+        "leftTwoMembers": "{{first}} i {{second}} han sortit de la reunió",
+        "linkToSalesforce": "Enllaç a Salesforce",
+        "linkToSalesforceDescription": "Podeu enllaçar el resum de la reunió a un objecte Salesforce.",
+        "linkToSalesforceError": "No s'ha pogut enllaçar la reunió a Salesforce",
+        "linkToSalesforceKey": "Enllaça aquesta reunió",
+        "linkToSalesforceProgress": "S'està enllaçant la reunió a Salesforce…",
+        "linkToSalesforceSuccess": "La reunió s'ha enllaçat a Salesforce",
+        "localRecordingStarted": "{{name}} ha iniciat un enregistrament local.",
+        "localRecordingStopped": "{{name}} ha aturat has stopped a local recording.",
+        "me": "Jo",
+        "moderationInEffectCSDescription": "Aixequeu la mà si voleu compartir la pantalla.",
+        "moderationInEffectCSTitle": "El moderador ha blocat la compartició de pantalla",
+        "moderationInEffectDescription": "Aixequeu la mà si voleu parlar.",
+        "moderationInEffectTitle": "El moderador us ha silenciat el micròfon",
+        "moderationInEffectVideoDescription": "Aixequeu la mà si voleu iniciar la càmera.",
+        "moderationInEffectVideoTitle": "El moderador us ha blocat la càmera",
+        "moderationRequestFromModerator": "L'amfitrió vol que activeu el so",
+        "moderationRequestFromParticipant": "Vol parlar",
+        "moderationStartedTitle": "Ha començat la moderació",
+        "moderationStoppedTitle": "S'ha aturat la moderació",
+        "moderationToggleDescription": "per {{participantDisplayName}}",
+        "moderator": "Ara sou el moderador",
+        "muted": "Heu iniciat una conversa silenciada.",
+        "mutedRemotelyDescription": "Sempre podeu activar el micròfon quan hàgiu de parlar. Torneu a silenciar-lo quan hàgiu acabat per a mantenir el soroll lluny de la reunió.",
+        "mutedRemotelyTitle": "{{participantDisplayName}} us ha silenciat!",
+        "mutedTitle": "Esteu silenciat!",
+        "newDeviceAction": "Usa",
+        "newDeviceAudioTitle": "S'ha detectat un aparell d'àudio nou",
+        "newDeviceCameraTitle": "S'ha detectat una càmera nova",
+        "noiseSuppressionDesktopAudioDescription": "La supressió de soroll no es pot activar mentre es comparteix l'àudio de l'escriptori. Desactiveu-lo i proveu una altra vegada.",
+        "noiseSuppressionFailedTitle": "No s'ha pogut iniciar la supressió de soroll",
+        "noiseSuppressionNoTrackDescription": "Abans, activeu el vostre micròfon.",
+        "noiseSuppressionStereoDescription": "Ara per ara, no és possible la supressió de soroll d'àudio en estèreo",
+        "oldElectronClientDescription1": "Sembla que useu una versió antiga del client Jitsi Meet, que té vulnerabilitats de seguretat conegudes. Assegureu-vos d'actualitzar-lo",
+        "oldElectronClientDescription2": "última construcció",
+        "oldElectronClientDescription3": "ara!",
+        "participantWantsToJoin": "Vol unir-se a la reunió",
+        "participantsWantToJoin": "Volen unir-se a la reunió",
+        "passwordRemovedRemotely": "Un altre participant ha eliminat $t(lockRoomPasswordUppercase)",
+        "passwordSetRemotely": "Un altre participant ha establert la $t(lockRoomPassword)",
+        "raiseHandAction": "Aixeca la mà",
+        "raisedHand": "Vol parlar.",
+        "raisedHands": "{{participantName}} i {{raisedHands}} persones més",
+        "reactionSounds": "Desactiva el so",
+        "reactionSoundsForAll": "Desactiva el so per a tothom",
+        "screenShareNoAudio": "No s'ha marcat la compartició d'àudio en la pantalla de selecció de la finestra.",
+        "screenShareNoAudioTitle": "No s'ha pogut compartir l'àudio del sistema!",
+        "selfViewTitle": "Sempre podeu activar la vista pròpia des de la configuració",
+        "somebody": "Algú",
+        "startSilentDescription": "Torneu a entrar per a activar l'àudio",
+        "startSilentTitle": "Us hi heu unit sense cap sortida d'àudio!",
+        "suboptimalBrowserWarning": "Ens sap greu que l'experiència de reunió no serà gaire bona. Cerquem maneres de millorar-ho, però fins aleshores, proveu algun dels <a href='{{recommendedBrowserPageLink}}' target='_blank'>navegadors completament compatibles</a>.",
+        "suboptimalExperienceTitle": "Avís del navegador",
+        "unmute": "Activa el so",
+        "videoMutedRemotelyDescription": "Sempre la podeu activar de nou.",
+        "videoMutedRemotelyTitle": "{{participantDisplayName}} us ha apagat el vídeo",
+        "videoUnmuteBlockedDescription": "L'activació de la càmera i la compartició d'escriptori s'han blocat temporalment per limitacions del sistema.",
+        "videoUnmuteBlockedTitle": "L'activació de la càmera i la compartició d'escriptori estan blocades!",
+        "viewLobby": "Mostra la sala d'espera",
+        "waitingParticipants": "{{waitingParticipants}} persones"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "Admet",
+            "admitAll": "Admet tothom",
+            "allow": "Permet als assistents:",
+            "allowVideo": "Permet el vídeo",
+            "askUnmute": "Demanar l'activació el micròfon",
+            "audioModeration": "Activar el micròfon ells mateixos",
+            "blockEveryoneMicCamera": "Blocar el micròfon i la càmera de qualsevol",
+            "invite": "Convidar algú",
+            "moreModerationActions": "Més opcions de moderació",
+            "moreModerationControls": "Més controls de moderació",
+            "moreParticipantOptions": "Més opcions dels participants",
+            "mute": "Silenciar",
+            "muteAll": "Silencia tothom",
+            "muteEveryoneElse": "Silenciar tothom",
+            "reject": "Rebuja",
+            "stopEveryonesVideo": "Atura el vídeo a tothom",
+            "stopVideo": "Atura el vídeo",
+            "unblockEveryoneMicCamera": "Desbloquejar el micròfon i la càmera de tothom",
+            "videoModeration": "Activa'n el vídeo"
+        },
+        "close": "Tanca",
+        "headings": {
+            "lobby": "Sala d'espera ({{count}})",
+            "participantsList": "Participants de la reunió: ({{count}})",
+            "waitingLobby": "A la sala d'espera ({{count}})"
+        },
+        "search": "Cerca participants",
+        "title": "Participants"
+    },
+    "passwordDigitsOnly": "Fins a {{number}} dígits",
+    "passwordSetRemotely": "Establerta per un altre participant",
+    "pinnedParticipant": "El participant està fixat",
+    "polls": {
+        "answer": {
+            "skip": "Omet",
+            "submit": "Tramet"
+        },
+        "by": "Per {{ name }}",
+        "create": {
+            "addOption": "Afegeix una opció",
+            "answerPlaceholder": "Opció {{index}}",
+            "cancel": "Cancel·la",
+            "create": "Crea una enquesta",
+            "pollOption": "Opció d'enquesta {{index}}",
+            "pollQuestion": "Pregunta de l'enquesta",
+            "questionPlaceholder": "Feu una pregunta",
+            "removeOption": "Elimina l'opció",
+            "send": "Envia"
+        },
+        "errors": {
+            "notUniqueOption": "Les opcions han de ser úniques"
+        },
+        "notification": {
+            "description": "Obre la pestanya de les enquestes per a votar",
+            "title": "S'ha afegit una nova enquesta en aquesta reunió"
+        },
+        "results": {
+            "changeVote": "Canvia el vot",
+            "empty": "Encara no hi ha cap enquesta en la reunió. Comenceu una enquesta aquí!",
+            "hideDetailedResults": "Amaga els detalls",
+            "showDetailedResults": "Mostra els detalls",
+            "vote": "Vota"
+        }
+    },
+    "poweredby": "funciona amb",
+    "prejoin": {
+        "audioAndVideoError": "Error d'àudio i vídeo:",
+        "audioDeviceProblem": "Hi ha un problema amb el vostre aparell d'àudio",
+        "audioOnlyError": "Error d'àudio:",
+        "audioTrackError": "No s'ha pogut crear la pista d'àudio.",
+        "callMe": "Truca'm",
+        "callMeAtNumber": "Truca'm a aquest número:",
+        "calling": "S'està trucant",
+        "configuringDevices": "S'estan configurant els aparells…",
+        "connectedWithAudioQ": "Heu connectat amb àudio?",
+        "connection": {
+            "good": "La vostra connexió a internet sembla bona!",
+            "nonOptimal": "La vostra connexió a internet no és òptima",
+            "poor": "Teniu una connexió a internet de poca qualitat"
+        },
+        "connectionDetails": {
+            "audioClipping": "És esperable que es talli l'àudio.",
+            "audioHighQuality": "És esperable que l'àudio tingui una qualitat excel·lent.",
+            "audioLowNoVideo": "Es esperable que la qualitat de l'àudio sigui baixa i no hi hagi vídeo.",
+            "goodQuality": "Increïble! Teniu una qualitat multimèdia fantàstica.",
+            "noMediaConnectivity": "No hem pogut trobar un camí per a establir la connectivitat multimèdia per a aquesta prova. Això, habitualment, és a causa d'un tallafoc o NAT.",
+            "noVideo": "És esperable que el vídeo sigui terrible.",
+            "undetectable": "Si encara no podeu fer trucades al navegador, us recomanem que verifiqueu que els auriculars, el micròfon i la càmera estan connectats i configurats correctament, que heu garantit permisos al navegador per a usar el micròfon i la càmera, i que el navegador està actualitzat a l'última versió. Si encara teniu problemes per a trucar, podeu contactar amb el desenvolupador de l'aplicació web.",
+            "veryPoorConnection": "És esperable que la qualitat de la trucada sigui realment terrible.",
+            "videoFreezing": "És esperable que el vídeo es congeli, passi a negre i aparegui pixelat.",
+            "videoHighQuality": "És esperable que el vídeo tingui una bona qualitat.",
+            "videoLowQuality": "És esperable que el vídeo sigui de poca qualitat en termes de fotogrames per segon i resolució.",
+            "videoTearing": "És esperable que el vídeo aparegui pixelat o amb defectes visuals."
+        },
+        "copyAndShare": "Copia i comparteix l'enllaç de la reunió",
+        "dialInMeeting": "Marca la reunió",
+        "dialInPin": "Marqueu la trucada i introduïu el codi PIN:",
+        "dialing": "Marcatge",
+        "doNotShow": "No mostris més aquesta pantalla",
+        "errorDialOut": "No s'ha pogut marcar",
+        "errorDialOutDisconnected": "No s'ha pogut marcar. S'ha desconnectat",
+        "errorDialOutFailed": "No s'ha pogut trucar. La trucada ha fallat",
+        "errorDialOutStatus": "S'ha produït un error en obtenir l'estat del marcatge",
+        "errorMissingName": "Introduïu el vostre nom per a unir-vos a la reunió",
+        "errorNoPermissions": "Heu d'activar l'accés al micròfon i a la càmera",
+        "errorStatusCode": "S'ha produït un error en marcar, codi d'estat: {{status}}",
+        "errorValidation": "La validació del número ha fallat",
+        "iWantToDialIn": "Vull marcar-lo",
+        "initiated": "S'ha iniciat la trucada",
+        "joinAudioByPhone": "Entra amb àudio de telèfon",
+        "joinMeeting": "Entra a la reunió",
+        "joinMeetingInLowBandwidthMode": "Uneix-t'hi en mode de poca amplada de banda",
+        "joinWithoutAudio": "Entra sense àudio",
+        "keyboardShortcuts": "Activa les dreceres del teclat",
+        "linkCopied": "L'enllaç s'ha copiat al porta-retalls",
+        "lookGood": "El micròfon funciona correctament",
+        "or": "o",
+        "premeeting": "Prereunió",
+        "screenSharingError": "Error en compartir la pantalla:",
+        "startWithPhone": "Comença amb àudio de telèfon",
+        "videoOnlyError": "Error del vídeo:",
+        "videoTrackError": "No s'ha pogut crear la pista de vídeo.",
+        "viewAllNumbers": "mostra tots els números"
+    },
+    "presenceStatus": {
+        "busy": "Ocupat",
+        "calling": "S'està trucant…",
+        "connected": "Connectat",
+        "connecting": "Està connectant…",
+        "connecting2": "Està connectant*…",
+        "disconnected": "Desconnectat",
+        "expired": "Ha expirat",
+        "ignored": "Ignorat",
+        "initializingCall": "S'està inicialitzant la trucada…",
+        "invited": "Convidat",
+        "rejected": "Rebutjat",
+        "ringing": "Està sonat…"
+    },
+    "privacyView": {
+        "title": "Privadesa"
+    },
+    "profile": {
+        "avatar": "avatar",
+        "setDisplayNameLabel": "Indiqueu el nom visible",
+        "setEmailInput": "Introduïu una adreça electrònica",
+        "setEmailLabel": "Indiqueu l'adreça electrònica de Gravatar",
+        "title": "Perfil"
+    },
+    "raisedHand": "Vull parlar",
+    "raisedHandsLabel": "Nombre de mans aixecades",
+    "record": {
+        "already": {
+            "linked": "La reunió ja està enllaçada amb aquest objecte de Salesforce."
+        },
+        "type": {
+            "account": "Compte",
+            "contact": "Contacte",
+            "lead": "Principal",
+            "opportunity": "Oportunitat",
+            "owner": "Propietari"
+        }
+    },
+    "recording": {
+        "authDropboxText": "Puja a Dropbox",
+        "availableSpace": "Espai disponible: {{spaceLeft}} MB (aproximadament {{duration}} minuts d'enregistrament)",
+        "beta": "BETA",
+        "busy": "Treballem per a alliberar recursos d'enregistrament. Torneu-ho a intentar en uns minuts.",
+        "busyTitle": "Tots els enregistradors estan ocupats",
+        "copyLink": "Copia l'enllaç",
+        "error": "L'enregistrament ha fallat. Torneu-ho a intentar més tard.",
+        "errorFetchingLink": "S'ha produït un error en obtenir l'enllaç de l'enregistrament.",
+        "expandedOff": "S'ha aturat l'enregistrament",
+        "expandedOn": "S'està enregistrant la reunió.",
+        "expandedPending": "S'ha iniciat l'enregistrament…",
+        "failedToStart": "No s'ha pogut iniciar l'enregistrament",
+        "fileSharingdescription": "Compartiu l'enllaç de l'enregistrament de la reunió amb els participants",
+        "highlight": "Destaca",
+        "highlightMoment": "Destaca el moment",
+        "highlightMomentDisabled": "Podeu destacar moment en iniciar-se l'enregistrament",
+        "highlightMomentSuccess": "Moment destacat",
+        "highlightMomentSucessDescription": "S'ha afegit el moment destacat al resum de la reunió.",
+        "inProgress": "L'enregistrament o la transmissió en directe és en progrés",
+        "limitNotificationDescriptionNative": "A causa de la gran demanda, el vostre enregistrament es limitarà a {{limit}} min. Per a enregistraments il·limitats, proveu <3>{{app}}</3>.",
+        "limitNotificationDescriptionWeb": "A causa de la gran demanda, l'enregistrament es limitarà a {{limit}} min. Per a enregistraments il·limitats, proveu <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "linkGenerated": "S'ha generat un enllaç a l'enregistrament.",
+        "live": "EN DIRECTE",
+        "localRecordingNoNotificationWarning": "L'enregistrament no s'anunciarà als altres participants. Els haureu d'informar que la reunió s'està enregistrant.",
+        "localRecordingNoVideo": "El vídeo no s'està enregistrant",
+        "localRecordingStartWarning": "Assegureu-vos que atureu l'enregistrament abans de sortir de la reunió per a poder-lo desar.",
+        "localRecordingStartWarningTitle": "Atura l'enregistrament per a desar-lo",
+        "localRecordingVideoStop": "Aturar el vídeo també aturarà l'enregistrament local. Segur que voleu continuar?",
+        "localRecordingVideoWarning": "Per a enregistrar el vostre vídeo, cal que ho feu en començar l'enregistrament",
+        "localRecordingWarning": "Assegureu-vos de triar la pestanya actual per a poder usar el vídeo i àudios correctes.",
+        "loggedIn": "Sessió iniciada com a {{userName}}",
+        "noStreams": "No s'ha detectat flux d'àudio ni vídeo.",
+        "off": "S'ha aturat l'enregistrament",
+        "offBy": "{{name}} ha aturat l'enregistrament",
+        "on": "L'enregistrament ha començat",
+        "onBy": "{{name}} ha iniciat l'enregistrament",
+        "onlyRecordSelf": "Enregistra només el meu àudio i vídeo",
+        "pending": "S'està preparant per a enregistrar la reunió…",
+        "rec": "ENREG",
+        "saveLocalRecording": "Desa el fitxer de l'enregistrament en local (beta)",
+        "serviceDescription": "El servei d'enregistrament desarà el vostre enregistrament",
+        "serviceDescriptionCloud": "Enregistrament al núvol",
+        "serviceDescriptionCloudInfo": "Les reunions enregistrades s'esborren automàticament 24 hores després de l'enregistrament.",
+        "serviceName": "Servei d'enregistrament",
+        "sessionAlreadyActive": "Aquesta sessió ja s'està enregistrant o emetent en directe.",
+        "signIn": "Inicia la sessió",
+        "signOut": "Tanca la sessió",
+        "surfaceError": "Trieu la pestanya actual.",
+        "title": "Enregistrament",
+        "unavailable": "Vaja! El servei  {{serviceName}} ara mateix no és disponible. Treballem per a resoldre el problema. Torneu-ho a intentar més tard.",
+        "unavailableTitle": "L'enregistrament no és disponible",
+        "uploadToCloud": "Puja al núvol"
+    },
+    "screenshareDisplayName": "Pantalla de: {{name}}",
+    "sectionList": {
+        "pullToRefresh": "Estireu per a actualitzar"
+    },
+    "security": {
+        "about": "Podeu afegir un $t(lockRoomPassword) a la reunió. Els participants hauran de proporcionar la $t(lockRoomPassword) abans de poder unir-s'hi.",
+        "aboutReadOnly": "Els moderadors poden afegir una $t(lockRoomPassword) a la reunió. Caldrà que els participants proporcionin la $t(lockRoomPassword) abans per a ser autoritzats a entrar en la reunió.",
+        "insecureRoomNameWarning": "El nom de la sala no és segur. Podrien unir-s'hi participants no desitjats. Considereu d'augmentar la seguretat de la reunió usant el botó dev seguretat.",
+        "title": "Opcions de seguretat"
+    },
+    "settings": {
+        "buttonLabel": "Paràmetres",
+        "calendar": {
+            "about": "La integració de l'agenda {{appName}} s'usa per a accedir de forma segura a la vostra agenda perquè pugui llegir els esdeveniments pròxims.",
+            "disconnect": "Desconnectat",
+            "microsoftSignIn": "Inicia sessió amb Microsoft",
+            "signedIn": "Ara mateix s'està accedint els esdeveniments de l'agenda de {{email}}. Feu clic al botó «Desconnecta» per a deixar d'accedir als esdeveniments de l'agenda.",
+            "title": "Agenda"
+        },
+        "desktopShareFramerate": "Velocitat de fotogrames en la compartició d'escriptori",
+        "desktopShareHighFpsWarning": "Una velocitat de fotogrames més alta per a compartir escriptori pot afectar l'amplada de banda. Heu de reiniciar la compartició de pantalla perquè la nova configuració tingui efecte.",
+        "desktopShareWarning": "Cal que reinicieu la compartició de pantalla perquè la nova configuració tingui efecte.",
+        "devices": "Aparells",
+        "followMe": "Tothom que em segueix",
+        "framesPerSecond": "fotogrames per segon",
+        "incomingMessage": "Missatge entrant",
+        "language": "Llengua",
+        "loggedIn": "Sessió iniciada com a {{name}}",
+        "maxStageParticipants": "El nombre màxim de participants que es poden fixar en la escena principal",
+        "microphones": "Micròfons",
+        "moderator": "Moderador",
+        "more": "Més",
+        "name": "Nom",
+        "noDevice": "Cap",
+        "participantJoined": "S'ha unit un participant",
+        "participantKnocking": "El participant ha entrat a la sala d'espera",
+        "participantLeft": "Un participant ha sortit de la reunió",
+        "playSounds": "Reprodueix el so",
+        "reactions": "Reaccions de la reunió",
+        "sameAsSystem": "Igual que del sistema ({{label}}) ",
+        "selectAudioOutput": "Sortida d'àudio",
+        "selectCamera": "Càmera",
+        "selectMic": "Micròfon",
+        "selfView": "Vista pròpia",
+        "sounds": "Sons",
+        "speakers": "Altaveus",
+        "startAudioMuted": "Tothom comença silenciat",
+        "startReactionsMuted": "Silencia els sons de reaccions per a tothom",
+        "startVideoMuted": "Tothom comença amagat",
+        "talkWhileMuted": "Parla mentre està silenciat",
+        "title": "Configuració"
+    },
+    "settingsView": {
+        "advanced": "Avançat",
+        "alertCancel": "Cancel·la",
+        "alertOk": "D'acord",
+        "alertTitle": "Avís",
+        "alertURLText": "L'URL introduït no és vàlid",
+        "buildInfoSection": "Informació de la construcció",
+        "conferenceSection": "Conferència",
+        "disableCallIntegration": "Desactiva la integració de trucades nativa",
+        "disableCrashReporting": "Desactiva l'informe de fallada",
+        "disableCrashReportingWarning": "Esteu segur que voleu desactivar l'informe de fallades? La configuració s'aplicarà després de reiniciar l'aplicació.",
+        "disableP2P": "Desactiva el mode d'igual a igual",
+        "displayName": "Nom visible",
+        "displayNamePlaceholderText": "P. ex.: Pere Cullera",
+        "email": "Adreça electrònica",
+        "emailPlaceholderText": "email@example.com",
+        "goTo": "Ves a",
+        "header": "Configuració",
+        "help": "Ajuda",
+        "links": "Enllaços",
+        "privacy": "Privadesa",
+        "profileSection": "Perfil",
+        "serverURL": "URL del servidor",
+        "showAdvanced": "Mostra la configuració avançada",
+        "startCarModeInLowBandwidthMode": "Inicia el mode cotxe en el mode d'amplada de banda baixa",
+        "startWithAudioMuted": "Comença amb l'àudio silenciat",
+        "startWithVideoMuted": "Comença amb el vídeo desactivat",
+        "terms": "Condicions",
+        "version": "Versió"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nNomés voleu marcar en el telèfon?\n\n{{defaultDialInNumber}}Feu clic en aquest enllaç per a veure el marcatge de números de telèfon per a aquesta reunió{{dialInfoPageUrl}}",
+        "mainText": "Feu clic a l'enllaç següent per a unir-vos a la reunió:\n{{roomUrl}}"
+    },
+    "speaker": "Altaveu",
+    "speakerStats": {
+        "angry": "Enuig",
+        "disgusted": "Disgust",
+        "displayEmotions": "Mostra les emocions",
+        "fearful": "Temor",
+        "happy": "Felicitat",
+        "hours": "{{count}}h",
+        "minutes": "{{count}}m",
+        "name": "Nom",
+        "neutral": "Neutral",
+        "sad": "Tristesa",
+        "search": "Cerca",
+        "searchHint": "Cerca participants",
+        "seconds": "{{count}}s",
+        "speakerStats": "Estadístiques de l'interlocutor",
+        "speakerTime": "Temps de l'interlocutor",
+        "surprised": "Sorpresa"
+    },
+    "startupoverlay": {
+        "genericTitle": "La reunió requereix usar el micròfon i la càmera.",
+        "policyText": "",
+        "title": "{{app}} requereix usar el micròfon i la càmera."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Torna a entrar",
+        "text": "Premeu el botó <i>Torna a entrar</i> per a tornar a connectar.",
+        "title": "La videotrucada s'ha interromput perquè l'ordinador ha entrat en mode repòs."
+    },
+    "termsView": {
+        "title": "Condicions"
+    },
+    "toggleTopPanelLabel": "Mostra o amaga el panell superior",
+    "toolbar": {
+        "Settings": "Configuració",
+        "accessibilityLabel": {
+            "Settings": "Activa o desactiva la configuració",
+            "audioOnly": "Activa o desactiva només l'àudio",
+            "audioRoute": "Seleccioneu l'aparell de so",
+            "boo": "Esbroncada",
+            "breakoutRoom": "Entra o surt de la sala de descans",
+            "callQuality": "Gestiona la qualitat de la trucada",
+            "carmode": "Mode cotxe",
+            "cc": "Activa o desactiva els subtítols",
+            "chat": "Obre o tanca el xat",
+            "clap": "Picament de mans",
+            "collapse": "Col·lapsa",
+            "document": "Activa o desactiva el document compartit",
+            "download": "Baixeu les nostres aplicacions",
+            "embedMeeting": "Insereix la reunió",
+            "endConference": "Finalitza la reunió per a tothom",
+            "expand": "Expandeix",
+            "feedback": "Deixa comentaris",
+            "fullScreen": "Activa o desactiva la pantalla completa",
+            "giphy": "Mostra o amaga el menú GIPHY",
+            "grantModerator": "Concedir drets de moderador",
+            "hangup": "Surt de la reunió",
+            "help": "Ajuda",
+            "invite": "Convida-hi persones",
+            "kick": "Expulsa el participant",
+            "laugh": "Riure",
+            "leaveConference": "Abandona la reunió",
+            "like": "Polzes amunt",
+            "linkToSalesforce": "Enllaç a Salesforce",
+            "lobbyButton": "Activa o desactiva la sala d'espera",
+            "localRecording": "Activa o desactiva els controls d'enregistrament local",
+            "lockRoom": "Activa o desactiva la contrasenya de la reunió",
+            "moreActions": "Més accions",
+            "moreActionsMenu": "Menú d'accions addicionals",
+            "moreOptions": "Mostra més opcions",
+            "mute": "Silencia o activa el so",
+            "muteEveryone": "Silencia tothom",
+            "muteEveryoneElse": "Silencia tots els altres participants",
+            "muteEveryoneElsesVideoStream": "Atura el vídeo a tots els altres",
+            "muteEveryonesVideoStream": "Atura el vídeo a tothom",
+            "noiseSuppression": "Supressió de soroll",
+            "participants": "Participants",
+            "pip": "Activa o desactiva el mode imatge en imatge",
+            "privateMessage": "Envia un missatge privat",
+            "profile": "Edita el perfil",
+            "raiseHand": "Aixeca o abaixa la mà",
+            "reactionsMenu": "Obre o tanca el menú de reaccions",
+            "recording": "Activa o desactiva l'enregistrament",
+            "remoteMute": "Silencia el participant",
+            "remoteVideoMute": "Desactiva la càmera del participant",
+            "security": "Opcions de seguretat",
+            "selectBackground": "Trieu un fons",
+            "selfView": "Mostra o amaga la visualització d'un mateix",
+            "shareRoom": "Convida-hi algú",
+            "shareYourScreen": "Inicia o atura la compartició de pantalla",
+            "shareaudio": "Comparteix l'àudio",
+            "sharedvideo": "Mostra o amaga la compartició de vídeo",
+            "shortcuts": "Activa o desactiva les dreceres",
+            "show": "Mostra-ho en l'escena",
+            "silence": "Silenci",
+            "speakerStats": "Activa o desactiva les estadístiques de l'interlocutor",
+            "surprised": "Sorpresa",
+            "tileView": "Activa o desactiva el mode mosaic",
+            "toggleCamera": "Activa o desactiva la càmera",
+            "toggleFilmstrip": "Mostra o amaga la cinta",
+            "videoblur": "Activa o desactiva el desenfocament del vídeo",
+            "videomute": "Activa o desactiva la càmera",
+            "whiteboard": "Mostra o amaga la pissarra"
+        },
+        "addPeople": "Afegeix persones a la trucada",
+        "audioOnlyOff": "Desactiva el mode de poca amplada de banda",
+        "audioOnlyOn": "Activa el mode de poc ampleda de banda",
+        "audioRoute": "Seleccioneu l'aparell de so",
+        "audioSettings": "Paràmetres d'àudio",
+        "authenticate": "Autentica",
+        "boo": "Esbroncada",
+        "callQuality": "Gestiona la qualitat de la trucada",
+        "chat": "Obre o tanca el xat",
+        "clap": "Picament de mans",
+        "closeChat": "Tanca el xat",
+        "closeReactionsMenu": "Tanca el menú de reaccions",
+        "disableNoiseSuppression": "Desactiva la supressió de soroll",
+        "disableReactionSounds": "Podeu desactivar els sons de reacció per a aquesta reunió",
+        "documentClose": "Tanca el document compartit",
+        "documentOpen": "Obre el document compartit",
+        "download": "Baixeu les nostres aplicacions",
+        "e2ee": "Xifratge d'extrem a extrem",
+        "embedMeeting": "Insereix la reunió",
+        "endConference": "Finalitza la reunió per a tothom",
+        "enterFullScreen": "Mostra en pantalla completa",
+        "enterTileView": "Mostra en mode mosaic",
+        "exitFullScreen": "Surt de la pantalla completa",
+        "exitTileView": "Surt del mode mosaic",
+        "feedback": "Deixa comentaris",
+        "giphy": "Mostra o amaga el menú GIPHY",
+        "hangup": "Surt la reunió",
+        "help": "Ajuda",
+        "hideWhiteboard": "Amaga la pissarra",
+        "invite": "Convida-hi persones",
+        "joinBreakoutRoom": "Entra a la sala de descans",
+        "laugh": "Riure",
+        "leaveBreakoutRoom": "Surt de la sala de descans",
+        "leaveConference": "Abandona la reunió",
+        "like": "Polzes amunt",
+        "linkToSalesforce": "Enllaç a Salesforce",
+        "lobbyButtonDisable": "Desactiva el mode de sala d'espera",
+        "lobbyButtonEnable": "Activa el mode de sala d'espera",
+        "login": "Inicia sessió",
+        "logout": "Tanca la sessió",
+        "lowerYourHand": "Abaixa la mà",
+        "moreActions": "Més accions",
+        "moreOptions": "Més opcions",
+        "mute": "Silencia o activa el so",
+        "muteEveryone": "Silencia tothom",
+        "muteEveryonesVideo": "Desactiva la càmera de tothom",
+        "noAudioSignalDesc": "Si no l'heu silenciat intencionadament en la configuració del sistema o per maquinari, considereu canviar l'aparell.",
+        "noAudioSignalDescSuggestion": "Si no l'heu silenciat intencionadament en la configuració del sistema o per maquinari, considereu canviar a l'aparell suggerit.",
+        "noAudioSignalDialInDesc": "També podeu marcar usant:",
+        "noAudioSignalDialInLinkDesc": "Números de marcatge",
+        "noAudioSignalTitle": "No entra cap so pel vostre micròfon!",
+        "noiseSuppression": "Supressió de soroll",
+        "noisyAudioInputDesc": "Sembla que el vostre micròfon fa soroll, considereu de silenciar-lo o canviar l'aparell.",
+        "noisyAudioInputTitle": "Sembla que el micròfon fa soroll!",
+        "openChat": "Obre el xat",
+        "openReactionsMenu": "Obre el menú de reaccions",
+        "participants": "Participants",
+        "pip": "Entra en el mode imatge en imatge",
+        "privateMessage": "Envia un missatge privat",
+        "profile": "Edita el perfil",
+        "raiseHand": "Aixeca o abaixa la mà",
+        "raiseYourHand": "Aixeca la mà",
+        "reactionBoo": "Envia una reacció d'esbroncada",
+        "reactionClap": "Envia una reacció de picar de mans",
+        "reactionLaugh": "Envia un reacció de riure",
+        "reactionLike": "Envia una reacció de polze amunt",
+        "reactionSilence": "Envia una reacció de silenci",
+        "reactionSurprised": "Envia una reacció de sorpresa",
+        "security": "Opcions de seguretat",
+        "selectBackground": "Trieu un fons",
+        "shareRoom": "Convida-hi algú",
+        "shareaudio": "Comparteix l'àudio",
+        "sharedvideo": "Comparteix el vídeo",
+        "shortcuts": "Mostra les dreceres",
+        "showWhiteboard": "Mostra la pissarra",
+        "silence": "Silenci",
+        "speakerStats": "Estadístiques de l'interlocutor",
+        "startScreenSharing": "Atura la compartició de la pantalla",
+        "startSubtitles": "Inicia els subtítols",
+        "stopAudioSharing": "Atura la compartició d'àudio",
+        "stopScreenSharing": "Atura la compartició de la pantalla",
+        "stopSharedVideo": "Atura el vídeo",
+        "stopSubtitles": "Atura els subtítols",
+        "surprised": "Sorpresa",
+        "talkWhileMutedPopup": "Intenteu parlar? Esteu silenciat.",
+        "tileViewToggle": "Activa o desactiva el mode mosaic",
+        "toggleCamera": "Activa o desactiva la càmera",
+        "videoSettings": "Paràmetres de vídeo",
+        "videomute": "Inicia o atura la càmera"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Inicia o atura els subtítols",
+        "error": "La transcripció ha fallat. Torneu-ho a intentar més tard.",
+        "expandedLabel": "La transcripció està activada",
+        "failedToStart": "No s'ha pogut iniciar la transcripció",
+        "labelToolTip": "La reunió s'està transcrivint",
+        "off": "La transcripció s'ha aturat",
+        "pending": "S'està preparant per a enregistrar la reunió…",
+        "sourceLanguageDesc": "La llengua actual de la reunió és <b>{{sourceLanguage}}</b>. <br/> Podeu canviar-la",
+        "sourceLanguageHere": "aquí",
+        "start": "Activa els subtítols",
+        "stop": "Desactiva els subtítols",
+        "subtitles": "Subtítols",
+        "subtitlesOff": "Inactiu",
+        "tr": "TR"
+    },
+    "userMedia": {
+        "grantPermissions": "Concediu permisos per a usar la càmera i el micròfon."
+    },
+    "videoSIPGW": {
+        "busy": "Treballem per a alliberar recursos. Torneu-ho a intentar en uns minuts.",
+        "busyTitle": "Ara mateix, el servei de sala està ocupat",
+        "errorAlreadyInvited": "Ja s'ha convidat {{displayName}}",
+        "errorInvite": "Encara no s'ha establert la connexió. Torneu-ho a intentar més tard.",
+        "errorInviteFailed": "Treballem per a resoldre el problema. Torneu-ho a intentar més tard.",
+        "errorInviteFailedTitle": "No s'ha pogut convidar {{displayName}}",
+        "errorInviteTitle": "S'ha produït un error en la sala d'invitació",
+        "pending": "{{displayName}} us ha convidat"
+    },
+    "videoStatus": {
+        "adjustFor": "Ajusta per a:",
+        "audioOnly": "AUD",
+        "audioOnlyExpanded": "Ara sou en el mode de poca amplada de banda. En aquest mode només rebreu àudio i compartició de pantalla.",
+        "bestPerformance": "Millor rendiment",
+        "callQuality": "Qualitat de vídeo",
+        "hd": "HD",
+        "hdTooltip": "Vídeo en alta definició",
+        "highDefinition": "Alta definició",
+        "highestQuality": "Qualitat més alta",
+        "labelTooiltipNoVideo": "Sense vídeo",
+        "labelTooltipAudioOnly": "S'ha activat el mode de poca amplada de banda",
+        "ld": "LD",
+        "ldTooltip": "Vídeo en baixa definició",
+        "lowDefinition": "Baixa definició",
+        "performanceSettings": "Paràmetres de rendiment",
+        "sd": "SD",
+        "sdTooltip": "Vídeo en definició estàndard",
+        "standardDefinition": "Definició estàndard"
+    },
+    "videothumbnail": {
+        "connectionInfo": "Informació de la connexió",
+        "domute": "Silencia",
+        "domuteOthers": "Silencia tots els altres participants",
+        "domuteVideo": "Desactiva la càmera",
+        "domuteVideoOfOthers": "Desactiva la càmera de tots els altres participants",
+        "flip": "Capgira",
+        "grantModerator": "Concedir drets de moderador",
+        "hideSelfView": "Amaga la vista pròpia",
+        "kick": "Expulsa",
+        "moderator": "Moderador",
+        "mute": "El participant està silenciat",
+        "muted": "Silenciat",
+        "pinToStage": "Fixa a l'escena",
+        "remoteControl": "Inicia o atura el control remot",
+        "screenSharing": "El participant està compartint la pantalla",
+        "show": "Mostra-ho en l'escena",
+        "showSelfView": "Mostra la visualització d'un mateix",
+        "unpinFromStage": "Deixa de fixar",
+        "videoMuted": "La càmera està desactivada",
+        "videomute": "El participant ha aturat la càmera"
+    },
+    "virtualBackground": {
+        "addBackground": "Afegeix un fons",
+        "apply": "Aplica",
+        "backgroundEffectError": "No s'ha pogut aplicar l'efecte de fons.",
+        "blur": "Desenfocament",
+        "deleteImage": "Suprimeix la imatge",
+        "desktopShare": "Compartició d'escriptori",
+        "desktopShareError": "No s'ha pogut crear l'escriptori compartit",
+        "image1": "Platja",
+        "image2": "Mur blanc neutre",
+        "image3": "Sala blanca buida",
+        "image4": "Llum de peu negre",
+        "image5": "Muntanya",
+        "image6": "Bosc",
+        "image7": "Sortida de sol",
+        "none": "Cap",
+        "pleaseWait": "Espereu…",
+        "removeBackground": "Elimina el fons",
+        "slightBlur": "Desenfocament lleu",
+        "title": "Fons virtuals",
+        "uploadedImage": "Imatge pujada {{index}}",
+        "webAssemblyWarning": "WebAssembly no compatible",
+        "webAssemblyWarningDescription": "WebAssembly està desactivat o no està suportat per aquest navegador"
+    },
+    "volumeSlider": "Control lliscant de volum",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Toqueu per a entrar-hi",
+            "roomname": "Introduïu el nom de la sala"
+        },
+        "addMeetingName": "Afegeix un nom de reunió",
+        "appDescription": "Endavant, xat de vídeo amb tot l'equip. De fet, convideu tothom que conegueu. {{app}} és una solució de videoconferència de codi obert 100% completament xifrada que podeu utilitzar durant tot el dia, cada dia, gratuïtament, sense necessitat de cap compte.",
+        "audioVideoSwitch": {
+            "audio": "Veu",
+            "video": "Vídeo"
+        },
+        "calendar": "Agenda",
+        "connectCalendarButton": "Connecteu la vostra agenda",
+        "connectCalendarText": "Connecteu l'agenda per a veure totes les reunions en {{app}}. Més, afegiu les reunions {{provider}} a la vostra agenda i inicieu-les amb un clic.",
+        "enterRoomTitle": "Inicia una reunió nova",
+        "getHelp": "Obteniu ajuda",
+        "go": "SOM-HI",
+        "goSmall": "SOM-HI",
+        "headerSubtitle": "Reunions d'alta qualitat i segures",
+        "headerTitle": "Jitsi Meet",
+        "info": "Informació de marcatge",
+        "jitsiOnMobile": "Jitsi al mòbil – baixeu les nostres aplicacions i comenceu una reunió des de qualsevol lloc",
+        "join": "CREA / ENTRA",
+        "logo": {
+            "calendar": "Logotip del Calendari",
+            "desktopPreviewThumbnail": "Miniatura de visualització prèvia de l'escriptori",
+            "googleLogo": "Logotip de Google",
+            "logoDeepLinking": "Logotip de Jitsi Meet",
+            "microsoftLogo": "Logotip de Microsoft",
+            "policyLogo": "Logotip de la política"
+        },
+        "mobileDownLoadLinkAndroid": "Baixa l'aplicació per a Android",
+        "mobileDownLoadLinkFDroid": "Baixa l'aplicació per a F-Droid",
+        "mobileDownLoadLinkIos": "Baixa l'aplicació per a iOS",
+        "moderatedMessage": "O <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">reserveu un URL per a la reunió</a>amb antelació si sou l'únic moderador.",
+        "privacy": "Privadesa",
+        "recentList": "Recents",
+        "recentListDelete": "Suprimeix l'entrada",
+        "recentListEmpty": "La llista de reunions recents ara mateix és buida. Feu xats amb el vostre equip i trobareu totes les reunions recents aquí.",
+        "reducedUIText": "Us donem la benvinguda a {{app}}!",
+        "roomNameAllowedChars": "El nom de la reunió no hauria de contenir cap d'aquests caràcters: ?, &, :, ', \", % ni #.",
+        "roomname": "Introduïu el nom de la sala",
+        "roomnameHint": "Introduïu el nom o l'URL de la sala on voleu entrar. Podeu crear un nom, només cal que les persones amb qui us reuniu el coneguin i introdueixin el mateix nom.",
+        "sendFeedback": "Envia comentaris",
+        "settings": "Paràmetres",
+        "startMeeting": "Inicia la reunió",
+        "terms": "Condicions",
+        "title": "Videoconferència segura, plena de funcionalitats i completament gratuïta i lliure"
+    }
+}
diff --git a/lang/main-cs.json b/lang/main-cs.json
new file mode 100644
index 0000000..7a12fe8
--- /dev/null
+++ b/lang/main-cs.json
@@ -0,0 +1,1582 @@
+{
+    "addPeople": {
+        "accessibilityLabel": {
+            "meetingLink": "Odkaz na setkání: {{url}}"
+        },
+        "add": "Pozvat",
+        "addContacts": "Pozvat vaše kontakty",
+        "contacts": "kontakty",
+        "copyInvite": "Zkopírovat pozvánku na toto setkání",
+        "copyLink": "Zkopírovat odkaz na setkání",
+        "copyStream": "Zkopírovat odkaz na živý přenos",
+        "countryNotSupported": "Toto místo zatím nepodporujeme.",
+        "countryReminder": "Voláte mimo USA? Nezapomeňte začít kódem své země!",
+        "defaultEmail": "Vás výchozí email",
+        "disabled": "Nemůžete pozvat lidi.",
+        "failedToAdd": "Nepodařilo se přidat účastníky",
+        "googleEmail": "Email Google",
+        "inviteMoreHeader": "Jste v setkání sám/sama",
+        "inviteMoreMailSubject": "Přidejte se k setkání {{appName}}",
+        "inviteMorePrompt": "Pozvat další lidi",
+        "linkCopied": "Odkaz se zkopíroval do schránky",
+        "noResults": "Žádné odpovídající výsledky vyhledávání",
+        "outlookEmail": "Email Outlook",
+        "phoneNumbers": "telefonní čísla",
+        "searching": "Hledám…",
+        "shareInvite": "Sdílet pozvánku na setkání",
+        "shareLink": "Pozvěte ostatní tak, že jim pošlete odkaz na setkání",
+        "shareStream": "Sdílet odkaz na živý přenos",
+        "sipAddresses": "Adresy SIP",
+        "telephone": "Telefonní číslo: {{number}}",
+        "title": "Pozvěte lidi na toto setkání",
+        "yahooEmail": "Email Yahoo"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "car": "Autorádio",
+        "headphones": "Sluchátka",
+        "none": "Nejsou k dispozici žádná zvuková zařízení",
+        "phone": "Telefon",
+        "speaker": "Reproduktor"
+    },
+    "audioOnly": {
+        "audioOnly": "Nízká přenosová rychlost"
+    },
+    "bandwidthSettings": {
+        "assumedBandwidthBps": "např. 10000000 pro 10 Mbps",
+        "assumedBandwidthBpsWarning": "Vyšší hodnoty mohou způsobit problémy se sítí.",
+        "customValue": "vlastní hodnota",
+        "customValueEffect": "pro nastavení skutečné hodnoty bps",
+        "leaveEmpty": "ponechat prázdné",
+        "leaveEmptyEffect": "aby bylo možné provést odhady",
+        "possibleValues": "Možné hodnoty",
+        "setAssumedBandwidthBps": "Předpokládaná šířka pásma (bps)",
+        "title": "Nastavení šířky pásma",
+        "zeroEffect": "pro zakázání videa"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "Přidat podmístnost",
+            "autoAssign": "Automaticky přiřadit do podmístností",
+            "close": "Zavřít",
+            "join": "Připojit se",
+            "leaveBreakoutRoom": "Opustit podmístnost",
+            "more": "Další",
+            "remove": "Odstranit",
+            "rename": "Přejmenovat",
+            "renameBreakoutRoom": "Přejmenovat podmístnost",
+            "sendToBreakoutRoom": "Odeslat účastníka do:"
+        },
+        "breakoutList": "Seznam podmnístností",
+        "buttonLabel": "Podmístnosti",
+        "defaultName": "Podmístnost #{{index}}",
+        "hideParticipantList": "Skrýt seznam účastníků",
+        "mainRoom": "Hlavní místnost",
+        "notifications": {
+            "joined": "Připojit se k podmístnosti \"{{name}}\"",
+            "joinedMainRoom": "Připojit se k hlavní místnosti",
+            "joinedTitle": "Podmístnosti"
+        },
+        "showParticipantList": "Zobrazit seznam účastníků",
+        "title": "Podmístnosti"
+    },
+    "calendarSync": {
+        "addMeetingURL": "Přidejte odkaz na setkání",
+        "confirmAddLink": "Chcete k této události přidat odkaz Jitsi?",
+        "error": {
+            "appConfiguration": "Integrace kalendáře není správně nastavena.",
+            "generic": "Došlo k chybě. Zkontrolujte nastavení kalendáře nebo zkuste obnovit kalendář.",
+            "notSignedIn": "Při přihlašování do kalendářových událostí došlo k chybě. Zkontrolujte prosím nastavení kalendáře a zkuste se znovu přihlásit."
+        },
+        "join": "Připojit se",
+        "joinTooltip": "Připojit se k setkání",
+        "nextMeeting": "další setkání",
+        "noEvents": "Nejsou naplánovány žádné události.",
+        "ongoingMeeting": "současné setkání",
+        "permissionButton": "Otevřít nastavení",
+        "permissionMessage": "K zobrazení setkání v aplikaci je potřeba oprávnění Kalendář.",
+        "refresh": "Obnovit kalendář",
+        "today": "Dnes"
+    },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "Vybrat zvuková zařízení"
+        },
+        "labels": {
+            "buttonLabel": "Autorežim",
+            "title": "Autorežim",
+            "videoStopped": "Vaše video bylo zastaveno"
+        }
+    },
+    "chat": {
+        "enter": "Vstoupit",
+        "error": "Chyba: vaše zpráva se neodeslala. Důvod: {{error}}",
+        "fieldPlaceHolder": "Sem napište zprávu",
+        "lobbyChatMessageTo": "Chatová zpráva v lobby pro {{recipient}}",
+        "message": "Zpráva",
+        "messageAccessibleTitle": "{{user}} píše:",
+        "messageAccessibleTitleMe": "já píši:",
+        "messageTo": "Soukromá zpráva pro {{recipient}}",
+        "messagebox": "Napište zprávu",
+        "newMessages": "Nové zprávy",
+        "nickname": {
+            "popover": "Zvolte si přezdívku",
+            "title": "Vložte přezdívku, abyste mohl/a používat zprávy",
+            "titleWithPolls": "Vložte přezdívku, abyste mohl/a používat zprávy"
+        },
+        "noMessagesMessage": "V setkání zatím nejsou žádné zprávy. Tady můžete začít konverzaci!",
+        "privateNotice": "Soukromá zpráva pro {{recipient}}",
+        "sendButton": "Odeslat",
+        "smileysPanel": "Panel emoji",
+        "systemDisplayName": "Systém",
+        "tabs": {
+            "chat": "Chat",
+            "polls": "Hlasování"
+        },
+        "title": "Zprávy",
+        "titleWithPolls": "Zprávy",
+        "you": "vy"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Nainstalovat rozšíření Chrome",
+        "buttonTextEdge": "Nainstalovat rozšíření Edge",
+        "close": "Zavřít",
+        "dontShowAgain": "Toto už znovu neukazovat",
+        "installExtensionText": "Nainstalovat rozšíření pro integraci Kalendáře Google a Office 365"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Připojujete se k setkání…"
+    },
+    "connection": {
+        "ATTACHED": "Přiložený",
+        "AUTHENTICATING": "Ověřování",
+        "AUTHFAIL": "Ověřování selhalo",
+        "CONNECTED": "Připojeno",
+        "CONNECTING": "Připojování",
+        "CONNFAIL": "Připojení selhalo",
+        "DISCONNECTED": "Odpojeno",
+        "DISCONNECTING": "Odpojování",
+        "ERROR": "Chyba",
+        "FETCH_SESSION_ID": "Získává se session-id…",
+        "GET_SESSION_ID_ERROR": "Chyba při získávání session-id: {{code}}",
+        "GOT_SESSION_ID": "Získává se session-id… Hotovo",
+        "LOW_BANDWIDTH": "Video pro {{displayName}} se vypnulo, aby se ušetřila přenosová rychlost"
+    },
+    "connectionindicator": {
+        "address": "Adresa:",
+        "audio_ssrc": "SSRC audia:",
+        "bandwidth": "Odhad šířky pásma:",
+        "bitrate": "Přenosová rychlost:",
+        "bridgeCount": "Počet serverů: ",
+        "codecs": "Kodeky (A/V): ",
+        "connectedTo": "Připojeno k:",
+        "e2eeVerified": "E2EE ověřeno:",
+        "framerate": "Rychlost snímkování:",
+        "less": "Zobrazit méně",
+        "localaddress": "Místní adresa:",
+        "localaddress_plural": "Místní adresy:",
+        "localport": "Místní port:",
+        "localport_plural": "Místní porty:",
+        "maxEnabledResolution": "posílat maximální",
+        "more": "Zobrazit více",
+        "no": "ne",
+        "packetloss": "Ztracené pakety:",
+        "participant_id": "Účastníkovo ID:",
+        "quality": {
+            "good": "Dobré",
+            "inactive": "Neaktivní",
+            "lost": "Ztraceno",
+            "nonoptimal": "Neoptimální",
+            "poor": "Slabé"
+        },
+        "remoteaddress": "Vzdálená adresa:",
+        "remoteaddress_plural": "Vzdálené adresy:",
+        "remoteport": "Vzdálený port:",
+        "remoteport_plural": "Vzdálené porty:",
+        "resolution": "Rozlišení:",
+        "savelogs": "Uložit záznam",
+        "status": "Připojení:",
+        "transport": "Přenos:",
+        "transport_plural": "Přenosy:",
+        "video_ssrc": "SSRC videa:",
+        "yes": "ano"
+    },
+    "dateUtils": {
+        "earlier": "Dříve",
+        "today": "Dnes",
+        "yesterday": "Včera"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Abyste se mohl/a připojit k setkání, potřebujete mít na telefonu aplikaci {{app}}.",
+        "description": "Nic se nestalo? Zkusili jsme spustit setkání v desktopové aplikaci {{app}}. Zkuste to znovu nebo spusťte webovou aplikaci {{app}}.",
+        "descriptionNew": "Nic se nestalo? Pokusili jsme se spustit vaši schůzku v aplikaci {{app}} pro počítače. <br /><br /> Můžete to zkusit znovu nebo to spustit na webu.",
+        "descriptionWithoutWeb": "Nic se nestalo? Zkusili jsme spustit setkání v desktopové aplikaci {{app}}.",
+        "downloadApp": "Stáhněte si aplikaci",
+        "downloadMobileApp": "Stáhnout z App Store",
+        "ifDoNotHaveApp": "Pokud ještě aplikaci nemáte:",
+        "ifHaveApp": "Pokud už aplikaci máte:",
+        "joinInApp": "Připojte se k setkání pomocí aplikace",
+        "joinInAppNew": "Připojte se v aplikaci",
+        "joinInBrowser": "Připojte se v prohlížeči",
+        "launchMeetingLabel": "Jak se chcete k tomuto setkání připojit?",
+        "launchWebButton": "Spustit na webu",
+        "noDesktopApp": "Nemáte aplikaci?",
+        "noMobileApp": "Nemáte aplikaci?",
+        "or": "NEBO",
+        "termsAndConditions": "Pokračováním vyjadřujete souhlas s našimi <a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'>smluvními podmínkami</a>.",
+        "title": "Setkání se spouští v {{app}}…",
+        "titleNew": "Zahajování schůzky…",
+        "tryAgainButton": "Zkusit znovu na desktopu",
+        "unsupportedBrowser": "Zdá se, že používáte prohlížeč, který nepodporujeme."
+    },
+    "defaultLink": "např. {{url}}",
+    "defaultNickname": "např. Jana Růžová",
+    "deviceError": {
+        "cameraError": "Chyba při přístupu ke kameře",
+        "cameraPermission": "Aplikace nemá oprávnění přistupovat ke kameře",
+        "microphoneError": "Chyba při přístupu k mikrofonu",
+        "microphonePermission": "Aplikace nemá oprávnění přistupovat k mikrofonu"
+    },
+    "deviceSelection": {
+        "hid": {
+            "callControl": "Ovládání hovorů",
+            "connectedDevices": "Připojená zařízení:",
+            "deleteDevice": "Smazat zařízení",
+            "pairDevice": "Spárovat zařízení"
+        },
+        "noPermission": "Oprávnění není uděleno",
+        "previewUnavailable": "Náhled není dostupný",
+        "selectADevice": "Zvolte zařízení",
+        "testAudio": "Vyzkoušet zvuk"
+    },
+    "dialIn": {
+        "screenTitle": "Shrnutí telefonického připojení"
+    },
+    "dialOut": {
+        "statusMessage": "je nyní {{status}}"
+    },
+    "dialog": {
+        "Back": "Zpět",
+        "Cancel": "Zrušit",
+        "IamHost": "Jsem hostitel",
+        "Ok": "OK",
+        "Remove": "Odstranit",
+        "Share": "Sdílet",
+        "Submit": "Potvrdit",
+        "WaitForHostMsg": "Konference ještě nezačala. Pokud jste hostitel, přihlaste se. Jinak prosím počkejte, až hostitel dorazí.",
+        "WaitForHostNoAuthMsg": "Konference ještě nezačala, protože ještě nedorazili žádní moderátoři. Čekejte prosím.",
+        "WaitingForHostButton": "Počkejte na moderátora",
+        "WaitingForHostTitle": "Čeká se na hostitele…",
+        "Yes": "Ano",
+        "accessibilityLabel": {
+            "Cancel": "Zrušit (opustit dialog)",
+            "Ok": "OK (uložit a opustit dialog)",
+            "close": "Zavřít dialog",
+            "liveStreaming": "Živý přenos",
+            "sharingTabs": "Možnosti sdílení"
+        },
+        "add": "Přidat",
+        "addMeetingNote": "Přidat poznámku o tomto setkání",
+        "addOptionalNote": "Přidat poznámku (nepovinné):",
+        "allow": "Povolit",
+        "allowToggleCameraDialog": "Povolujete {{initiatorName}} přepínat režim otočení kamery?",
+        "allowToggleCameraTitle": "Povolit přepínání kamery?",
+        "alreadySharedVideoMsg": "Video už sdílí jiný účastník. Tato konference umožňuje sdílet jen jedno video současně.",
+        "alreadySharedVideoTitle": "Je povoleno jen jedno sdílené video",
+        "applicationWindow": "Okno aplikace",
+        "authenticationRequired": "Vyžaduje se ověření",
+        "cameraConstraintFailedError": "Vaše kamera nesplňuje některé požadované parametry.",
+        "cameraNotFoundError": "Kamera nebyla nalezena.",
+        "cameraNotSendingData": "Nelze přistupovat ke kameře. Zkontrolujte prosím, zda ji už nepoužívá jiná aplikace, vyberte jiné zařízení v nabídce nastavení nebo zkuste aplikaci znovu načíst.",
+        "cameraNotSendingDataTitle": "Nelze přistupovat ke kameře",
+        "cameraPermissionDeniedError": "Neudělili jste oprávnění k použití kamery. Můžete se sice připojit ke konferenci, ale ostatní vás neuvidí. Opravíte to stiskem tlačítka kamery v adresním řádku.",
+        "cameraTimeoutError": "Nelze spustit zdroj videa. Vypršel časový limit!",
+        "cameraUnknownError": "Z neznámého důvodu nelze používat kameru.",
+        "cameraUnsupportedResolutionError": "Vaše kamera nepodporuje požadované rozlišení obrazu.",
+        "close": "Zavřít",
+        "conferenceDisconnectMsg": "Možná byste měli zkontrolovat připojení k síti. Znovu se připojíte za {{seconds}} s…",
+        "conferenceDisconnectTitle": "Byl/a jste odhlášen/a.",
+        "conferenceReloadMsg": "Pokoušíme se to opravit. Znovu se připojíte za {{seconds}} s…",
+        "conferenceReloadTitle": "Bohužel, něco se pokazilo.",
+        "confirm": "Potvrdit",
+        "confirmNo": "Ne",
+        "confirmYes": "Ano",
+        "connectError": "Jejda! Něco se pokazilo a do konference se nepodařilo připojit.",
+        "connectErrorWithMsg": "Jejda! Něco se pokazilo a do konference se nepodařilo připojit: {{msg}}",
+        "connecting": "Připojení",
+        "contactSupport": "Kontaktovat podporu",
+        "copied": "Zkopírováno",
+        "copy": "Kopírovat",
+        "demoteParticipantDialog": "Opravdu chcete tohoto účastníka přesunout na návštěvníka?",
+        "demoteParticipantTitle": "Přesunout na návštěvníka",
+        "dismiss": "Skrýt",
+        "displayNameRequired": "Ahoj! Jak se jmenuješ?",
+        "done": "Hotovo",
+        "e2eeDescription": "Šifrování end-to-end Je zatím EXPERIMENTÁLNÍ. Berte prosím v úvahu, že když zapnete šifrování end-to-end, vypnou se serverové služby jako: nahrávání, živý přenos a připojení po telefonu. Také mějte na paměti, že setkání bude fungovat jen lidem, kteří se připojí z prohlížečů s podporou vložitelných proudů.",
+        "e2eeDisabledDueToMaxModeDescription": "Nelze povolit šifrování End-to-End kvůli velkému počtu účastníků konference.",
+        "e2eeLabel": "Povolit šifrování end-to-end",
+        "e2eeWarning": "VAROVÁNÍ: Zdá se, že některým účastníkům setkání chybí podpora pro šifrování end-to-end. Pokud jej povolíte, nebudou vás vidět ani slyšet.",
+        "e2eeWillDisableDueToMaxModeDescription": "VAROVÁNÍ: Pokud se ke konferenci připojí více účastníků, bude šifrování End-to-End automaticky deaktivováno.",
+        "embedMeeting": "Vložit setkání",
+        "enterDisplayName": "Vložte prosím své jméno",
+        "error": "Chyba",
+        "errorRoomCreationRestriction": "Pokusili jste se připojit příliš rychle, vraťte se prosím za chvíli.",
+        "gracefulShutdown": "Naše služba je nyní mimo provoz kvůli údržbě. Zkuste to prosím znovu později.",
+        "grantModeratorDialog": "Určitě chcete tohoto účastníka učinit moderátorem?",
+        "grantModeratorTitle": "Pověřit moderátora",
+        "hide": "Skrýt",
+        "hideShareAudioHelper": "Tento dialog již nezobrazovat",
+        "incorrectPassword": "Uživatelské jméno nebo heslo není správně",
+        "incorrectRoomLockPassword": "Chybné heslo",
+        "internalError": "Jejda! Něco se pokazilo. Objevila se následující chyba: {{error}}",
+        "internalErrorTitle": "Vnitřní chyba",
+        "kickMessage": "Pro více informací můžete kontaktovat {{participantDisplayName}}.",
+        "kickParticipantButton": "Vyhodit",
+        "kickParticipantDialog": "Opravdu chcete vyhodit tohoto účastníka?",
+        "kickParticipantTitle": "Vyhodit tohoto účastníka?",
+        "kickSystemTitle": "Au! Byl jsi vyloučen ze schůzky",
+        "kickTitle": "Au! {{participantDisplayName}} vás vyhodil z videohovoru",
+        "linkMeeting": "Link setkání",
+        "linkMeetingTitle": "Propojit schůzku se Salesforce",
+        "liveStreaming": "Živý přenos",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "Není možné, pokud je aktivní nahrávání",
+        "localUserControls": "Místní uživatelské ovládací prvky",
+        "lockMessage": "Konferenci se nepodařilo uzamknout.",
+        "lockRoom": "Nastavit $t(lockRoomPassword) setkání",
+        "lockTitle": "Zamknutí selhalo",
+        "login": "Přihlášení",
+        "loginQuestion": "Opravdu se chcete přihlásit a opustit konferenci?",
+        "logoutQuestion": "Jste si jistí, že se chcete odhlásit a ukončit konferenci?",
+        "logoutTitle": "Odhlásit",
+        "maxUsersLimitReached": "Byl dosažen limit počtu účastníků. Konference je plná. Kontaktujte prosím vlastníka videohovoru nebo to zkuste znovu později!",
+        "maxUsersLimitReachedTitle": "Dosažen limit počtu účastníků",
+        "micConstraintFailedError": "Váš mikrofon nesplňuje některé požadované parametry.",
+        "micNotFoundError": "Mikrofon nebyl nalezen.",
+        "micNotSendingData": "Jít do nastavení počítače, zapnout mikrofon a nastavit jeho citlivost",
+        "micNotSendingDataTitle": "Váš mikrofon je vypnutý v nastavení systému",
+        "micPermissionDeniedError": "Neudělili jste oprávnění pro použití mikrofonu. Můžete se sice připojit ke konferenci, ale ostatní vás neuslyší. Opravíte to stiskem tlačítka kamery v adresním řádku.",
+        "micTimeoutError": "Nelze spustit zdroj zvuku. Vypršel časový limit!",
+        "micUnknownError": "Z neznámého důvodu nelze použít mikrofon.",
+        "moderationAudioLabel": "Umožněte účastníkům zapnout zvuk",
+        "moderationVideoLabel": "Umožněte účastníkům spustit video",
+        "muteEveryoneDialog": "Určitě chcete všechny ztišit? Po ztišení jim nebudete moct zvuk znovu zapnout, ale oni sami si můžou zvuk zapnout kdykoliv.",
+        "muteEveryoneDialogModerationOn": "Účastníci mohou kdykoli poslat žádost o slovo.",
+        "muteEveryoneElseDialog": "Po ztišení jim nebudete moct zvuk znovu zapnout, ale oni sami si můžou zvuk zapnout kdykoliv.",
+        "muteEveryoneElseTitle": "Umlčet všechny kromě {{whom}}?",
+        "muteEveryoneElsesVideoDialog": "Jakmile je kamera deaktivována, nebudete ji moci znovu zapnout, ale mohou ji kdykoli znovu zapnout.",
+        "muteEveryoneElsesVideoTitle": "Zastavit video všem kromě {{whom}}?",
+        "muteEveryoneSelf": "sebe",
+        "muteEveryoneStartMuted": "Nyní jsou všichni umlčeni",
+        "muteEveryoneTitle": "Umlčet všechny?",
+        "muteEveryonesVideoDialog": "Účastníci mohou své video kdykoli zapnout.",
+        "muteEveryonesVideoDialogModerationOn": "Účastníci mohou kdykoli poslat žádost o zapnutí svého videa.",
+        "muteEveryonesVideoDialogOk": "Zakázat",
+        "muteEveryonesVideoTitle": "Zastavit video všem?",
+        "muteParticipantBody": "Po ztišení jim nebudete moct zvuk znovu zapnout, ale oni sami si můžou zvuk zapnout kdykoliv.",
+        "muteParticipantButton": "Ztišit",
+        "muteParticipantsVideoBody": "Kameru nebudete moci znovu zapnout, ale mohou ji kdykoli znovu zapnout.",
+        "muteParticipantsVideoBodyModerationOn": "Kameru nebudete moci znovu zapnout a oni také ne.",
+        "muteParticipantsVideoButton": "Zastavit video",
+        "muteParticipantsVideoDialog": "Opravdu chcete vypnout kameru tohoto účastníka? Kameru nebudete moci znovu zapnout, ale mohou ji kdykoli znovu zapnout.",
+        "muteParticipantsVideoDialogModerationOn": "Opravdu chcete vypnout kameru tohoto účastníka? Kameru nebudete moci znovu zapnout a on také ne.",
+        "muteParticipantsVideoTitle": "Zakázat kameru tohoto účastníka?",
+        "noDropboxToken": "Nenalezen platný token Dropboxu",
+        "password": "Heslo",
+        "passwordLabel": "Některý z účastníků toto setkání uzamkl. Pro připojení prosím zadejte $t(lockRoomPassword).",
+        "passwordNotSupported": "Setkání nepodporuje nastavit $t(lockRoomPassword).",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) není podporováno",
+        "passwordRequired": "Požadováno $t(lockRoomPassword)",
+        "permissionCameraRequiredError": "Pro účast na konferencích s videem je vyžadováno povolení kamery. Udělte to prosím v Nastavení",
+        "permissionErrorTitle": "Vyžaduje se povolení",
+        "permissionMicRequiredError": "Pro účast na konferencích se zvukem je vyžadováno povolení mikrofonu. Udělte to prosím v Nastavení",
+        "readMore": "více",
+        "recentlyUsedObjects": "Vaše nedávno použité předměty",
+        "recording": "Nahrávání",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "Není možné, pokud je aktivní živý přenos",
+        "rejoinNow": "Znovu se připojit",
+        "remoteControlAllowedMessage": "{{user}} přijal(a) vaši žádost o dálkové ovládání!",
+        "remoteControlDeniedMessage": "{{user}} odmítl(a) vaši žádost o dálkové ovládání!",
+        "remoteControlErrorMessage": "Při požadavku na oprávnění k dálkového ovládání od {{user}} došlo k chybě!",
+        "remoteControlRequestMessage": "Umožníte {{user}} dálkově ovládat váš počítač?",
+        "remoteControlShareScreenWarning": "Nezapomeňte, že stiskem \"Povolit\" budete sdílet svou obrazovku!",
+        "remoteControlStopMessage": "Relace dálkového ovládání skončila!",
+        "remoteControlTitle": "Dálkové ovládání počítače",
+        "remoteUserControls": "Vzdálené ovládání uživatele {{username}}",
+        "removePassword": "Odstranit $t(lockRoomPassword)",
+        "removeSharedVideoMsg": "Opravdu chcete odstranit sdílené video?",
+        "removeSharedVideoTitle": "Odstranit sdílené video",
+        "renameBreakoutRoomLabel": "Nazev místnosti",
+        "renameBreakoutRoomTitle": "Přejmenovat podmístnost",
+        "reservationError": "Systémová chyba rezervace",
+        "reservationErrorMsg": "Chyba: {{code}}, zpráva: {{msg}}",
+        "retry": "Opakovat",
+        "screenSharingAudio": "Sdílet zvuk",
+        "screenSharingFailed": "Jejda! Něco se pokazilo. Nedovedlo se spustit sdílení obrazovky!",
+        "screenSharingFailedTitle": "Sdílení obrazovky selhalo!",
+        "screenSharingPermissionDeniedError": "Jejda! Něco se pokazilo s vaším oprávněním sdílet obrazovku. Obnovte prosím stránku a zkuste to znovu.",
+        "searchInSalesforce": "Hledat v Salesforce",
+        "searchResults": "Výsledky vyhledávání ({{count}})",
+        "searchResultsDetailsError": "Při načítání dat vlastníka se něco pokazilo.",
+        "searchResultsError": "Při načítání dat se něco pokazilo.",
+        "searchResultsNotFound": "Nebyly nalezeny žádné výsledky vyhledávání.",
+        "searchResultsTryAgain": "Zkuste použít alternativní klíčová slova.",
+        "sendPrivateMessage": "Nedávno vám přišla soukromá zpráva. Chcete na ni odpovědět soukromě, nebo chcete poslat zprávu do skupiny?",
+        "sendPrivateMessageCancel": "Poslat do skupiny",
+        "sendPrivateMessageOk": "Poslat soukromě",
+        "sendPrivateMessageTitle": "Poslat soukromě?",
+        "serviceUnavailable": "Služba není dostupná",
+        "sessTerminated": "Volání ukončeno",
+        "sessTerminatedReason": "Setkání byla ukončena",
+        "sessionRestarted": "Hovor byl restartován kvůli problému s připojením.",
+        "shareAudio": "Pokračovat",
+        "shareAudioAltText": "chcete-li sdílet požadovaný obsah, přejděte na \"Karta prohlížeče\", vyberte obsah, zaškrtněte políčko \"sdílet zvuk\" a poté klikněte na tlačítko \"sdílet\"",
+        "shareAudioTitle": "Jak sdílet zvuk",
+        "shareAudioWarningD1": "před sdílením zvuku musíte zastavit sdílení obrazovky.",
+        "shareAudioWarningD2": "musíte restartovat sdílení obrazovky a zaškrtnout možnost \"sdílet zvuk\".",
+        "shareAudioWarningH1": "Pokud chcete sdílet pouze zvuk:",
+        "shareAudioWarningTitle": "Před sdílením zvuku musíte zastavit sdílení obrazovky",
+        "shareMediaWarningGenericH2": "Pokud chcete sdílet obrazovku a zvuk",
+        "shareScreenWarningD1": "před sdílením obrazovky musíte ukončit sdílení zvuku.",
+        "shareScreenWarningD2": "musíte ukončit sdílení zvuku, spustit sdílení obrazovky a zaškrtnout možnost \"sdílet zvuk\".",
+        "shareScreenWarningH1": "Pokud chcete sdílet pouze svou obrazovku:",
+        "shareScreenWarningTitle": "Před sdílením obrazovky musíte ukončit sdílení zvuku",
+        "shareVideoConfirmPlay": "Chystáte se otevřít externí web. Chcete pokračovat?",
+        "shareVideoConfirmPlayTitle": "{{name}} s vámi sdílí video.",
+        "shareVideoLinkError": "Zadejte prosím správný odkaz videa.",
+        "shareVideoLinkStopped": "Video od uživatele {{name}} bylo zastaveno.",
+        "shareVideoTitle": "Sdílet obraz",
+        "shareYourScreen": "Sdílet obrazovku",
+        "shareYourScreenDisabled": "Sdílení obrazovky vypnuto.",
+        "sharedVideoDialogError": "Chyba: Neplatná nebo zakázaná adresa URL",
+        "sharedVideoLinkPlaceholder": "Odkaz na YouTube nebo přímý odkaz na video",
+        "show": "Zobrazit",
+        "start": "Spustit ",
+        "startLiveStreaming": "Spustit živý přenos",
+        "startRecording": "Spustit záznam",
+        "startRemoteControlErrorMessage": "Při pokusu o spuštění relace vzdáleného ovládání došlo k chybě!",
+        "stopLiveStreaming": "Zastavit živý přenos",
+        "stopRecording": "Zastavit nahrávání",
+        "stopRecordingWarning": "Určitě chcete zastavit nahrávání?",
+        "stopStreamingWarning": "Určitě chcete zastavit živý přenos?",
+        "streamKey": "Klíč k živému přenosu",
+        "thankYou": "Děkujeme, že používáte {{appName}}!",
+        "token": "token",
+        "tokenAuthFailed": "Bohužel nemáte povoleno se k tomuto volání připojit.",
+        "tokenAuthFailedReason": {
+            "audInvalid": "",
+            "contextNotFound": "",
+            "expInvalid": "",
+            "featureInvalid": "",
+            "featureValueInvalid": "",
+            "featuresNotFound": "",
+            "headerNotFound": "",
+            "issInvalid": "",
+            "kidMismatch": "",
+            "kidNotFound": "",
+            "nbfFuture": "",
+            "nbfInvalid": "",
+            "payloadNotFound": "",
+            "tokenExpired": ""
+        },
+        "tokenAuthFailedTitle": "Ověření selhalo",
+        "tokenAuthFailedWithReasons": "Litujeme, k tomuto hovoru se nemůžete připojit. Možné důvody: {{reason}}",
+        "tokenAuthUnsupported": "Adresa URL tokenu není podporována.",
+        "transcribing": "Přepisování",
+        "unlockRoom": "Odstranit $t(lockRoomPassword) setkání",
+        "user": "Uživatel",
+        "userIdentifier": "Identifikátor uživatele",
+        "userPassword": "uživatelské heslo",
+        "verifyParticipantConfirm": "Shodují se",
+        "verifyParticipantDismiss": "Neshodují se",
+        "verifyParticipantQuestion": "EXPERIMENTÁLNÍ: Zeptejte se účastníka {{participantName}}, zda vidí stejný obsah ve stejném pořadí.",
+        "verifyParticipantTitle": "Ověření uživatele",
+        "videoLink": "Odkaz na video",
+        "viewUpgradeOptions": "Zobrazit možnosti upgradu",
+        "viewUpgradeOptionsContent": "Chcete-li získat neomezený přístup k prémiovým funkcím, jako je nahrávání, přepisy, streamování RTMP a další, budete muset svůj tarif upgradovat.",
+        "viewUpgradeOptionsTitle": "Objevili jste prémiovou funkci!",
+        "whiteboardLimitContent": "Litujeme, byl dosažen limit souběžných uživatelů tabule.",
+        "whiteboardLimitReference": "Pro více informací navštivte",
+        "whiteboardLimitReferenceUrl": "naše webové stránky",
+        "whiteboardLimitTitle": "Použití tabule je omezeno",
+        "yourEntireScreen": "Celá vaše obrazovka"
+    },
+    "documentSharing": {
+        "title": "Sdílený dokument"
+    },
+    "e2ee": {
+        "labelToolTip": "Zvuková i obrazová komunikace se v tomto setkání šifruje end-to-end"
+    },
+    "embedMeeting": {
+        "title": "Vložit toto setkání"
+    },
+    "feedback": {
+        "accessibilityLabel": {
+            "yourChoice": "Vaše volba: {{rating}}"
+        },
+        "average": "Průměrná",
+        "bad": "Špatná",
+        "detailsLabel": "Řekněte nám o tom víc.",
+        "good": "Dobrá",
+        "rateExperience": "Ohodnoťte svoji zkušenost s videohovorem",
+        "star": "Hvězdička",
+        "veryBad": "Velmi špatná",
+        "veryGood": "Velmi dobrá"
+    },
+    "filmstrip": {
+        "accessibilityLabel": {
+            "heading": "Miniatury videí"
+        }
+    },
+    "giphy": {
+        "noResults": "Nic nenalezeno :(",
+        "search": "Prohledat GIPHY"
+    },
+    "incomingCall": {
+        "answer": "Odpovědět",
+        "audioCallTitle": "Příchozí hovor",
+        "decline": "OK",
+        "productLabel": "od Jitsi Meet",
+        "videoCallTitle": "Příchozí videohovor"
+    },
+    "info": {
+        "accessibilityLabel": "Více info",
+        "addPassword": "Přidat $t(lockRoomPassword)",
+        "cancelPassword": "Zrušit $t(lockRoomPassword)",
+        "conferenceURL": "Odkaz:",
+        "copyNumber": "Zkopírovat číslo",
+        "country": "Země",
+        "dialANumber": "Pro připojení k videohovoru vytočte tato čísla a vložte PIN.",
+        "dialInConferenceID": "PIN:",
+        "dialInNotSupported": "Omlouváme se, ale vytáčení není nyní podporováno.",
+        "dialInNumber": "Telefonní číslo",
+        "dialInSummaryError": "Chyba při načítání informací o telefonickém připojení. Zkuste to znovu později.",
+        "dialInTollFree": "Zdarma",
+        "genericError": "Ups, něco se pokazilo.",
+        "inviteLiveStream": "K zobrazení živého vysílání tohoto meetingu, klikněte na tento odkaz: {{url}}",
+        "invitePhone": "Pro připojení telefonicky použijte: {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Hledáte jiné číslo pro připojení po telefonu?\nZobrazit čísla pro připojení po telefonu: {{url}}\n\n\nPokud se také připojujete po telefonu přes pokojový telefon, připojte se bez připojení ke zvuku: {{silentUrl}}",
+        "inviteSipEndpoint": "Chcete-li se připojit pomocí adresy SIP, zadejte toto: {{sipUri}}",
+        "inviteTextiOSInviteUrl": "Chcete-li se připojit, klikněte na následující odkaz: {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "Pokud se připojujete přes pokojový telefon, použijte tento odkaz pro připojení bez připojení ke zvuku: {{silentUrl}}.",
+        "inviteTextiOSPersonal": "{{name}} vás zve na schůzku.",
+        "inviteTextiOSPhone": "Chcete-li se připojit telefonicky, použijte toto číslo: {{number}},,{{conferenceID}#. Pokud hledáte jiné číslo, toto je úplný seznam: {{didUrl}}.",
+        "inviteURLFirstPartGeneral": "Dostali jste pozvánku připojit se k setkání.",
+        "inviteURLFirstPartPersonal": "{{name}} vás zve do setkání.",
+        "inviteURLSecondPart": "\nPřidejte se k setkání:\n{{url}}\n",
+        "label": "Informace k připojení po telefonu",
+        "liveStreamURL": "Živé vysílání:",
+        "moreNumbers": "Více čísel",
+        "noNumbers": "Žádná čísla pro připojení po telefonu.",
+        "noPassword": "Bez hesla",
+        "noRoom": "Nebyla vybrána místnost pro připojení po telefonu.",
+        "noWhiteboard": "Tabuli se nepodařilo načíst.",
+        "numbers": "Čísla pro připojení telefonicky",
+        "password": "$t(lockRoomPasswordUppercase):",
+        "reachedLimit": "Dosáhli jste limitu svého plánu.",
+        "sip": "SIP adresa",
+        "sipAudioOnly": "Adresa pouze pro zvuk SIP",
+        "title": "Sdílet",
+        "tooltip": "Sdílet odkaz k tomuto meetingu",
+        "upgradeOptions": "Zkontrolujte prosím možnosti upgradu na",
+        "whiteboardError": "Při načítání tabule došlo k chybě. Zkuste to znovu později."
+    },
+    "inlineDialogFailure": {
+        "msg": "Trochu jsme klopýtli.",
+        "retry": "Zkusit znovu",
+        "support": "Podpora",
+        "supportMsg": "Pokud se toto bude opakovat, kontaktujte"
+    },
+    "inviteDialog": {
+        "alertText": "Pozvání některých účastníků selhalo.",
+        "header": "Pozvat",
+        "searchCallOnlyPlaceholder": "Vložte telefonní číslo",
+        "searchPeopleOnlyPlaceholder": "Hledat účastníky",
+        "searchPlaceholder": "Účastník nebo telefonní číslo",
+        "send": "Odeslat"
+    },
+    "jitsiHome": "{{logo} Logo, vede na  Homepage",
+    "keyboardShortcuts": {
+        "focusLocal": "Vybrat váš obraz",
+        "focusRemote": "Vybrat obraz jiného volajícího",
+        "fullScreen": "Zobrazení / Opuštění režimu celé obrazovky",
+        "giphyMenu": "Přepnout nabídku GIPHY",
+        "keyboardShortcuts": "Klávesové zkratky",
+        "localRecording": "Spravovat kvalitu hovoru",
+        "mute": "Ztlumení nebo zesílení vašeho mikrofonu",
+        "pushToTalk": "Zmáčknout a mluvit",
+        "raiseHand": "Přihlásit nebo odhlásit se o slovo",
+        "showSpeakerStats": "Zobrazení statistiky řečníka",
+        "toggleChat": "Otevřít nebo zavřít chat",
+        "toggleFilmstrip": "Zobrazit / Skrýt video náhledy účastníků",
+        "toggleParticipantsPane": "Zobrazit nebo skrýt panel účastníků",
+        "toggleScreensharing": "Přepnutí mezi kamerou a sdílením obrazovky",
+        "toggleShortcuts": "Zobrazení / Skrytí klávesových zkratek",
+        "videoMute": "Spuštění / Vypnutí vaší kamery"
+    },
+    "largeVideo": {
+        "screenIsShared": "Sdílíte svou obrazovku",
+        "showMeWhatImSharing": "Ukaž mi co sdílím"
+    },
+    "liveStreaming": {
+        "busy": "Snažíme se uvolnit zdroje pro živý přenos. Zkuste to prosím znovu za pár minut.",
+        "busyTitle": "Zdroje pro přenos jsou zaneprázdněné",
+        "changeSignIn": "Přepnout účet.",
+        "choose": "Vyberte živý přenos",
+        "chooseCTA": "Vyberte možnost přenosu. Právě jste přihlášen/a jako {{email}}.",
+        "enterStreamKey": "Zde zadejte svůj klíč k živému přenosu na YouTube.",
+        "error": "Živý přenos selhal. Zkuste to prosím znovu.",
+        "errorAPI": "Nastala chyba při přístupu k vašemu vysílání na YouTube. Zkuste se prosím znovu přihlásit.",
+        "errorLiveStreamNotEnabled": "Živé přenosy nejsou pro {{email}} povoleny. Povolte prosím živé přenosy, nebo se přihlašte s účtem, kde povoleny jsou.",
+        "expandedOff": "Živý přenos právě skončil.",
+        "expandedOn": "Setkání se právě přenáší na YouTube.",
+        "expandedPending": "Živý přenos se spouští…",
+        "failedToStart": "Živý přenos se nepovedlo spustit.",
+        "getStreamKeyManually": "Nepovedlo se nám stáhnout žádné živé přenosy. Zkuste prosím od YouTube získat svůj klíč k živému přenosu.",
+        "googlePrivacyPolicy": "Zásady soukromí Google",
+        "inProgress": "Probíhá nahrávání nebo živé visílání",
+        "invalidStreamKey": "Klíč k živému přenosu může být chybný.",
+        "limitNotificationDescriptionNative": "Váš živý přenos může trvat nejvýše {{limit}} min. Pro neomezený přenos vyzkoušejte {{app}}.",
+        "limitNotificationDescriptionWeb": "Kvůli vysokému zájmu může váš přenos trvat nejvýše {{limit}} min. Pro neomezený přenos vyzkoušejte <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "off": "Živý přenos skončil",
+        "offBy": "{{name}} zastavil/a živý přenos",
+        "on": "Živý přenos",
+        "onBy": "{{name}} spustil/a živý přenos",
+        "pending": "Živý přenos se spouští…",
+        "policyError": "Pokusili jste se spustit přímý přenos příliš rychle. Zkuste to znovu později!",
+        "serviceName": "Služba pro živý přenos",
+        "sessionAlreadyActive": "Tato relace se již nahrává nebo se vysílá živě.",
+        "signIn": "Přihlásit se účtem Google",
+        "signInCTA": "Přihlaste se nebo vložte svůj klíč ze služby YouTube.",
+        "signOut": "Odhlásit se",
+        "signedInAs": "Nyní jste přihlášen(a) jako:",
+        "start": "Spustit živý přenos",
+        "streamIdHelp": "Co je tohle?",
+        "title": "Živý přenos",
+        "unavailableTitle": "Živý přenos není dostupný",
+        "youtubeTerms": "Podmínky používání YouTube"
+    },
+    "lobby": {
+        "backToKnockModeButton": "Žádné heslo, místo toho požádat o přijetí",
+        "chat": "Chat",
+        "dialogTitle": "Mód lobby",
+        "disableDialogContent": "Je zapnutý mód lobby. Zajišťuje, aby do setkání nemohli vstoupit nežádoucí účastníci. Chcete jej vypnout?",
+        "disableDialogSubmit": "Vypnout",
+        "emailField": "Zadejte svoje emailovou adresu",
+        "enableDialogPasswordField": "Nastavte heslo (volitelně)",
+        "enableDialogSubmit": "Zapnout",
+        "enableDialogText": "Mód lobby vám umožňuje zabezpečit setkání tím, že se lidé mohou připojit až po formálním schválení moderátorem.",
+        "enterPasswordButton": "Zadat heslo setkání",
+        "enterPasswordTitle": "Zadejte heslo pro připojení se k setkání",
+        "errorMissingPassword": "Prosíme zadejte heslo setkání",
+        "invalidPassword": "Chybné heslo",
+        "joinRejectedMessage": "Moderátor zamítl vaši žádost o připojení.",
+        "joinRejectedTitle": "Žádost o připojení zamítnuta.",
+        "joinTitle": "Vstoupit do setkání",
+        "joinWithPasswordMessage": "Pokus o připojení pomocí hesla, prosím čekejte…",
+        "joiningMessage": "K setkání se připojíte, až někdo přijme vaši žádost",
+        "joiningTitle": "Žádá se o vstup do setkání…",
+        "joiningWithPasswordTitle": "Připojování pomocí hesla…",
+        "knockButton": "Požádat o vstup",
+        "knockTitle": "Někdo chce vstoupit do setkání",
+        "knockingParticipantList": "Seznam zájemců",
+        "lobbyChatStartedNotification": "{{moderator}} zahájil chat v lobby s {{attendee}}",
+        "lobbyChatStartedTitle": "{{moderátor}} s vámi zahájil chat v lobby.",
+        "lobbyClosed": "Lobby bylo uzavřeno.",
+        "nameField": "Zadejte své jméno",
+        "notificationLobbyAccessDenied": "{{originParticipantName}} zamítl/a žádost o vstup od {{targetParticipantName}}",
+        "notificationLobbyAccessGranted": "{{originParticipantName}} schválil/a žádost o vstup od {{targetParticipantName}}",
+        "notificationLobbyDisabled": "{{originParticipantName}} vypnul/a lobby",
+        "notificationLobbyEnabled": "{{originParticipantName}} zapnul/a lobby",
+        "notificationTitle": "Lobby",
+        "passwordJoinButton": "Vstoupit",
+        "title": "Lobby",
+        "toggleLabel": "Zapnout lobby"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Vyp",
+            "on": "Zap",
+            "unknown": "Neznámý"
+        },
+        "dialogTitle": "Ovládání místních záznamů",
+        "duration": "Doba trvání",
+        "durationNA": "N/A",
+        "encoding": "Kódování",
+        "label": "LOR",
+        "labelToolTip": "Místní nahrávání je spuštěno",
+        "localRecording": "Místní nahrávání",
+        "me": "Já",
+        "messages": {
+            "engaged": "Zapojeno místní nahrávání.",
+            "finished": "Relace nahrávání {{token}} dokončena. Zašlete prosím nahraný soubor moderátorovi.",
+            "finishedModerator": "Relace nahrávání {{token}} dokončena. Záznam místní trasy byl uložen. Požádejte ostatní účastníky, aby zaslali své nahrávky.",
+            "notModerator": "Nejste moderátor. Nelze spustit ani zastavit místní nahrávání."
+        },
+        "moderator": "Moderátor",
+        "no": "Ne",
+        "participant": "Účastník",
+        "participantStats": "Zobrazit statistiku účastníků",
+        "selectTabTitle": "🎥 Vyberte tuto kartu pro nahrávání",
+        "sessionToken": "Token relace",
+        "start": "Spustit záznam",
+        "stop": "Zastavit záznam",
+        "stopping": "Zastavení nahrávání",
+        "wait": "Počkejte prosím, než váš záznam uložíme",
+        "yes": "Ano"
+    },
+    "lockRoomPassword": "heslo",
+    "lockRoomPasswordUppercase": "Heslo",
+    "lonelyMeetingExperience": {
+        "button": "Pozvat další",
+        "youAreAlone": "Jste v tomto setkání jediný/á"
+    },
+    "me": "já",
+    "notify": {
+        "OldElectronAPPTitle": "Bezpečnostní zranitelnost!",
+        "allowAction": "Povolit",
+        "allowedUnmute": "Můžete zapnout mikrofon, spustit kameru nebo sdílet obrazovku.",
+        "audioUnmuteBlockedDescription": "Operace zapnutí mikrofonu byla dočasně zablokována z důvodu omezení systému.",
+        "audioUnmuteBlockedTitle": "Odtlumení mikrofonu bylo zablokováno!",
+        "chatMessages": "Chatové zprávy",
+        "connectedOneMember": "{{name}} se připojil/a",
+        "connectedThreePlusMembers": "{{name}} a {{count}} dalších se připojili",
+        "connectedTwoMembers": "{{first}} a {{second}} se připojili",
+        "connectionFailed": "Připojení se nezdařilo. Zkuste to znovu později!",
+        "dataChannelClosed": "Kvalita videa může být snížena",
+        "dataChannelClosedDescription": "Přemosťovací kanál je vypnutý, a proto může být kvalita videa omezena na nejnižší nastavení.",
+        "dataChannelClosedDescriptionWithAudio": "Přemosťovací kanál je vypnutý, a proto může dojít k přerušení zvuku a obrazu.",
+        "dataChannelClosedWithAudio": "Kvalita zvuku a videa může být snížena",
+        "disabledIframe": "Vkládání je určeno pouze pro demo účely, takže tento hovor bude za {{timeout}} minut odpojen.",
+        "disabledIframeSecondary": "Vložení domény {{domain}} je určeno pouze pro demo účely, takže tento hovor bude za {{timeout}} minut odpojen. Pro produkční vkládání použijte prosím <a href='{{jaasDomain}}' rel='noopener noreferrer' target='_blank'>Jitsi as a service</a>!",
+        "disconnected": "odpojeno",
+        "displayNotifications": "Zobrazit upozornění pro",
+        "dontRemindMe": "Nepřipomínej mi to",
+        "focus": "Vybrat konferenci",
+        "focusFail": "{{component}} není k dispozici - další pokus za {{ms}} s",
+        "gifsMenu": "GIPHY",
+        "groupTitle": "Oznámení",
+        "hostAskedUnmute": "Moderátor by chtěl, abyste promluvil",
+        "invalidTenant": "Neplatný tenant",
+        "invalidTenantHyphenDescription": "Tenant, kterého používáte, je neplatný (začíná nebo končí na '-').",
+        "invalidTenantLengthDescription": "Tenant, kterého používáte, je příliš dlouhý.",
+        "invitedOneMember": "{{name}} je pozván/a",
+        "invitedThreePlusMembers": "{{name}} a {{count}} dalších jsou pozváni",
+        "invitedTwoMembers": "{{first}} a {{second}} jsou pozváni",
+        "joinMeeting": "Připojte se",
+        "kickParticipant": "{{kicker}} vyhodil/a účastníka {{kicked}}",
+        "leftOneMember": "{{name}} opustil schůzku",
+        "leftThreePlusMembers": "{{name}} a mnoho dalších opustilo schůzku",
+        "leftTwoMembers": "{{first}} a {{second}} opustili schůzku",
+        "linkToSalesforce": "Odkaz do Salesforce",
+        "linkToSalesforceDescription": "Souhrn schůzky můžete propojit s objektem Salesforce.",
+        "linkToSalesforceError": "Propojení schůzky se Salesforce se nezdařilo",
+        "linkToSalesforceKey": "Propojit tuto schůzku",
+        "linkToSalesforceProgress": "Propojování schůzky se Salesforce…",
+        "linkToSalesforceSuccess": "Schůzka byla propojena se Salesforce",
+        "localRecordingStarted": "{{name}} zahájil místní nahrávání.",
+        "localRecordingStopped": "{{name}} zastavil místní nahrávání.",
+        "me": "Já",
+        "moderationInEffectCSDescription": "Pokud chcete sdílet svou obrazovku, zvedněte prosím ruku.",
+        "moderationInEffectCSTitle": "Sdílení obrazovky je blokováno moderátorem",
+        "moderationInEffectDescription": "Pokud chcete mluvit, zvedněte prosím ruku.",
+        "moderationInEffectTitle": "Váš mikrofon je ztlumen moderátorem",
+        "moderationInEffectVideoDescription": "Chcete-li spustit fotoaparát, zvedněte prosím ruku.",
+        "moderationInEffectVideoTitle": "Vaše kamera je blokována moderátorem",
+        "moderationRequestFromModerator": "Hostitel by chtěl, abyste zapnuli zvuk",
+        "moderationRequestFromParticipant": "Chce mluvit",
+        "moderationStartedTitle": "Moderování začalo",
+        "moderationStoppedTitle": "Moderování skončilo",
+        "moderationToggleDescription": "od {{participantDisplayName}}",
+        "moderator": "Moderátorská práva udělena!",
+        "muted": "Konverzaci jste zahájili se ztlumeným zvukem.",
+        "mutedRemotelyDescription": "Až budete chtít mluvit, můžete si mikrofon zapnout. Pak se zase ztište, aby se v setkání omezil hluk.",
+        "mutedRemotelyTitle": "{{participantDisplayName}} vás ztišil/a!",
+        "mutedTitle": "Máte ztlumený zvuk!",
+        "newDeviceAction": "Použít",
+        "newDeviceAudioTitle": "Detekováno nové zvukové zařízení",
+        "newDeviceCameraTitle": "Detekována nová kamera",
+        "nextToSpeak": "Jste další v řadě, kdo promluví",
+        "noiseSuppressionDesktopAudioDescription": "Extra potlačení šumu nelze povolit při sdílení zvuku na ploše. Vypněte jej a zkuste to znovu.",
+        "noiseSuppressionFailedTitle": "Nepodařilo se spustit dodatečné potlačení hluku",
+        "noiseSuppressionStereoDescription": "Extra potlačení šumu není aktuálně podporováno u stereo zvuku.",
+        "oldElectronClientDescription1": "Zdá se, že používáte zastaralou verzi klienta Jitsi Meet, který má známé bezpečnostní zranitelnosti. Aktualizujte prosím na ",
+        "oldElectronClientDescription2": "nejnovější sestavení",
+        "oldElectronClientDescription3": " ihned!",
+        "participantWantsToJoin": "Chce se připojit k setkání",
+        "participantsWantToJoin": "Chce se připojit k setkání",
+        "passwordRemovedRemotely": "Jiný účastník odebral $t(lockRoomPassword)",
+        "passwordSetRemotely": "Jiný účastník nastavil $t(lockRoomPassword)",
+        "raiseHandAction": "Zvednout ruku",
+        "raisedHand": "{{name}} by chtěl/a mluvit",
+        "raisedHands": "{{participantName}} a {{raisedHands}} dalších lidí",
+        "reactionSounds": "Zakázat zvuky",
+        "reactionSoundsForAll": "Zakázat zvuky pro všechny",
+        "screenShareNoAudio": "Na obrazovce výběru okna nebylo zaškrtnuto políčko Sdílet zvuk.",
+        "screenShareNoAudioTitle": "Systémový zvuk nelze sdílet!",
+        "screenSharingAudioOnlyDescription": "Upozorňujeme, že sdílením obrazovky ovlivňujete režim \"Nejlepší výkon\" a využijete větší šířku pásma.",
+        "screenSharingAudioOnlyTitle": "Režim \"Nejlepší výkon\".",
+        "selfViewTitle": "Vlastní zobrazení můžete kdykoli zrušit v nastavení",
+        "somebody": "Někdo",
+        "startSilentDescription": "Připojte se znovu, aby se zvuk zapnul",
+        "startSilentTitle": "Připojil/a jste se bez zvukového výstupu!",
+        "suboptimalBrowserWarning": "Obáváme se, že vás nečeká právě nejlepší zážitek. Snažíme se to zlepšit, ale prozatím prosím zkuste použít některý z <a href='{{recommendedBrowserPageLink}}' target='_blank'>plně podporovaných prohlížečů</a>.",
+        "suboptimalExperienceTitle": "Varování o prohlížeči",
+        "suggestRecordingAction": "Spustit",
+        "suggestRecordingDescription": "Chcete spustit nahrávání?",
+        "suggestRecordingTitle": "Nahrajte toto setkání",
+        "unmute": "Zrušit ztišení",
+        "videoMutedRemotelyDescription": "Vždy jej můžete znovu zapnout.",
+        "videoMutedRemotelyTitle": "Vaše video bylo vypnuto uživatelem {{participantDisplayName}}",
+        "videoUnmuteBlockedDescription": "Zapnutí zvuku kamery a sdílení plochy byly dočasně zablokovány kvůli systémovým limitům.",
+        "videoUnmuteBlockedTitle": "Zapnutí zvuku kamery a sdílení plochy je zablokováno!",
+        "viewLobby": "Zobrazit lobby",
+        "viewParticipants": "Zobrazit účastníky",
+        "viewVisitors": "Zobrazit návštěvníky",
+        "waitingParticipants": "{{waitingParticipants}} osoby",
+        "waitingVisitors": "Návštěvníci čekající ve frontě: {{waitingVisitors}}",
+        "waitingVisitorsTitle": "Setkání zatím není živé!",
+        "whiteboardLimitDescription": "Uložte si svůj postup, protože brzy bude dosažen limit uživatelů a tabule se zavře.",
+        "whiteboardLimitTitle": "Použití tabule"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "Připustit",
+            "admitAll": "Připustit všechny",
+            "allow": "Povolit účastníkům:",
+            "allowVideo": "Povolit video",
+            "askUnmute": "Požádat o zapnutí zvuku",
+            "audioModeration": "Zapnout zvuk sami sobě",
+            "blockEveryoneMicCamera": "Zablokovat všem mikrofon a kameru",
+            "breakoutRooms": "Podmístnosti",
+            "goLive": "Spustit živé vysílání",
+            "invite": "Pozvat někoho",
+            "lowerAllHands": "Spustit všechny ruce",
+            "lowerHand": "Spusit ruce",
+            "moreModerationActions": "Více možností moderování",
+            "moreModerationControls": "Více možností moderování",
+            "moreParticipantOptions": "Více možností pro účastníky",
+            "mute": "Ztlumit",
+            "muteAll": "Ztlumit všechny",
+            "muteEveryoneElse": "Ztlumit všechny ostatní",
+            "reject": "Odmítnout",
+            "stopEveryonesVideo": "Zastavit všem video",
+            "stopVideo": "Zastavit video",
+            "unblockEveryoneMicCamera": "Odblokovat všem mikrofon a kameru",
+            "videoModeration": "Spustit jejich video"
+        },
+        "close": "Zavřít",
+        "headings": {
+            "lobby": "Lobby ({{count}})",
+            "participantsList": "Účastníci setkání ({{count}})",
+            "visitorInQueue": " (čeká {{count}})",
+            "visitorRequests": " (požřadavky {{count}})",
+            "visitors": "Visitors {{count}}",
+            "waitingLobby": "Čekání v lobby ({{count}})"
+        },
+        "search": "Hledat účastníky",
+        "title": "Účastníci"
+    },
+    "passwordDigitsOnly": "Až {{number}} číslic",
+    "passwordSetRemotely": "nastaveno jiným účastníkem",
+    "pinParticipant": "{{participantName}} - Připnout",
+    "pinnedParticipant": "Účastník je připnut",
+    "polls": {
+        "answer": {
+            "edit": "Upravit",
+            "send": "Odeslat",
+            "skip": "Přeskočit",
+            "submit": "Odeslat"
+        },
+        "by": "Od {{name}}",
+        "closeButton": "Zavřít anketu",
+        "create": {
+            "addOption": "Přidat možnost",
+            "answerPlaceholder": "Možnost {{index}}",
+            "cancel": "Zrušit",
+            "create": "Vytvořit anketu",
+            "pollOption": "Možnost ankety {{index}}",
+            "pollQuestion": "Anketní otázka",
+            "questionPlaceholder": "Položit otázku",
+            "removeOption": "Vyjmout možnost",
+            "save": "Uložit",
+            "send": "Odeslat"
+        },
+        "errors": {
+            "notUniqueOption": "Možnosti musí být jedinečné"
+        },
+        "notification": {
+            "description": "Chcete-li hlasovat, otevřete kartu ankety",
+            "title": "K tomuto setkání byla přidána nová anketa"
+        },
+        "results": {
+            "changeVote": "Změnit hlasování",
+            "empty": "Na setkání zatím nejsou žádné ankety. Spusťte anketu zde!",
+            "hideDetailedResults": "Skrýt detaily",
+            "showDetailedResults": "Zobrazit detaily",
+            "vote": "Hlasovat"
+        }
+    },
+    "poweredby": "provozováno",
+    "prejoin": {
+        "audioAndVideoError": "Chyba zvuku a videa:",
+        "audioDeviceProblem": "Nastal problém s vaším zvukovým zařízením",
+        "audioOnlyError": "Chyba zvuku:",
+        "audioTrackError": "Nepovedlo se vytvořit stopu zvuku.",
+        "callMe": "Zavolej mi",
+        "callMeAtNumber": "Zavolej mi na toto číslo:",
+        "calling": "Volá se",
+        "configuringDevices": "Nastavují se zařízení…",
+        "connectedWithAudioQ": "Jste připojen/a se zvukem?",
+        "connection": {
+            "failed": "Test připojení se nezdařil!",
+            "good": "Vaše internetové připojení vypadá dobře!",
+            "nonOptimal": "Vaše internetové připojení není optimální",
+            "poor": "Máte slabé internetové připojení",
+            "running": "Probíhá test připojení…"
+        },
+        "connectionDetails": {
+            "audioClipping": "Váš zvuk bude pravděpodobně osekaný.",
+            "audioHighQuality": "Váš zvuk bude pravděpodobně mít výbornou kvalitu.",
+            "audioLowNoVideo": "Váš zvuk bude pravděpodobně mít nízkou kvalitu a bez videa.",
+            "goodQuality": "Bezva! Budete mít skvělou kvalitu médií.",
+            "noMediaConnectivity": "Pro tento test se nám nepovedlo navázat mediální připojení. Většinou za to může firewall nebo NAT.",
+            "noVideo": "Vaše video bude pravděpodobně hrozné.",
+            "testFailed": "Při testu připojení došlo k neočekávaným problémům, ale to nemusí mít vliv na vaše spojení.",
+            "undetectable": "Pokud v prohlížeči stále nemůžete volat, ujistěte se, že máte správně nastavené reproduktory, mikrofon a kameru, že jste v prohlížeči povolil/a přístup k mikrofonu a kameře a že máte aktuální verzi prohlížeče. Pokud stále narážíte na potíže, kontaktujte vývojáře této webové aplikace.",
+            "veryPoorConnection": "Kvalita vašeho hovoru pravděpodobně bude opravdu hrozná.",
+            "videoFreezing": "Video vám pravděpodobně bude zamrzávat, přepínat se do černé a bude kostkované.",
+            "videoHighQuality": "Vaše video pravděpodobně bude mít dobrou kvalitu.",
+            "videoLowQuality": "Vaše video pravděpodobně bude mít nízkou kvalitu po stránce snímkové rychlosti a rozlišení.",
+            "videoTearing": "Vaše video pravděpodobně bude kostkované nebo s obrazovými artefakty."
+        },
+        "copyAndShare": "Kopírovat a sdílet odkaz na setkání",
+        "dialInMeeting": "Vytočit setkání po telefonu",
+        "dialInPin": "Vytočte setkání na telefonu a zadejte kód PIN:",
+        "dialing": "Vytáčí se",
+        "doNotShow": "Tuto obrazovku už neukazovat",
+        "errorDialOut": "Nepovedlo se vytočit",
+        "errorDialOutDisconnected": "Nepovedlo se vytočit. Odpojeno",
+        "errorDialOutFailed": "Nepovedlo se vytočit. Hovor selhal",
+        "errorDialOutStatus": "Nepovedlo se zjistit stav vytáčení",
+        "errorMissingName": "Před vstupem do setkání prosím zadejte své jméno",
+        "errorNoPermissions": "Musíte povolit přístup k mikrofonu a kameře",
+        "errorStatusCode": "Vytáčení selhalo, chybový kód: {{status}}",
+        "errorValidation": "Selhalo ověření čísla",
+        "iWantToDialIn": "Chci se připojit po telefonu",
+        "initiated": "Hovor zahájen",
+        "joinAudioByPhone": "Vstoupit se zvukem přes telefon",
+        "joinMeeting": "Vstoupit do setkání",
+        "joinMeetingInLowBandwidthMode": "Připojte se v režimu nízké šířky pásma",
+        "joinWithoutAudio": "Vstoupit bez zvuku",
+        "keyboardShortcuts": "Povolit klávesové zkratky",
+        "linkCopied": "Odkaz se zkopíroval do schránky",
+        "lookGood": "Váš mikrofon zní, jako že funguje správně",
+        "or": "nebo",
+        "premeeting": "Před setkáním",
+        "proceedAnyway": "Přesto pokračujte",
+        "recordingWarning": "Ostatní účastníci mohou tento hovor nahrávat",
+        "screenSharingError": "Chyba sdílení obrazovky:",
+        "startWithPhone": "Začít se zvukem přes telefon",
+        "unsafeRoomConsent": "Chápu rizika, chci se připojit k setkání",
+        "videoOnlyError": "Chyba videa:",
+        "videoTrackError": "Nepovedlo se vytvořit stopu videa.",
+        "viewAllNumbers": "zobrazit všechna čísla"
+    },
+    "presenceStatus": {
+        "busy": "Obsazeno",
+        "calling": "Vytáčím…",
+        "connected": "Spojování",
+        "connecting": "Spojování…",
+        "connecting2": "Spojování*…",
+        "disconnected": "Odpojeno",
+        "expired": "Spojení vypršelo",
+        "ignored": "Spojení ignorováno",
+        "initializingCall": "Nastavuji hovor…",
+        "invited": "Pozván",
+        "rejected": "Odmítnuto",
+        "ringing": "Zvoní…"
+    },
+    "profile": {
+        "avatar": "avatar",
+        "setDisplayNameLabel": "Nastavte si jméno",
+        "setEmailInput": "Zadejte email",
+        "setEmailLabel": "Nastavte si email vašeho Gravataru",
+        "title": "Profil"
+    },
+    "raisedHand": "Chtěl(a) bych mluvit",
+    "raisedHandsLabel": "Počet zvednutých rukou",
+    "record": {
+        "already": {
+            "linked": "Schůzka je již propojena s tímto objektem Salesforce."
+        },
+        "type": {
+            "account": "Účet",
+            "contact": "Kontakt",
+            "lead": "Zájemce",
+            "opportunity": "Příležitost",
+            "owner": "Vlastník"
+        }
+    },
+    "recording": {
+        "authDropboxText": "Nahrát na Dropbox",
+        "availableSpace": "Dostupný prostor: {{spaceLeft}} MB (přibližně {{duration}} minut záznamu)",
+        "beta": "BETA",
+        "busy": "Snažíme se uvolnit zdroje pro nahrávání. Zkuste to prosím znovu za pár minut.",
+        "busyTitle": "Nahrávací zdroje jsou zaneprázdněné",
+        "copyLink": "Zkopírovat odkaz",
+        "error": "Nahrávání selhalo. Zkuste to prosím znovu.",
+        "errorFetchingLink": "Chyba při načítání odkazu na záznam.",
+        "expandedOff": "Nahrávání skončilo.",
+        "expandedOn": "Setkání se právě nahrává.",
+        "expandedPending": "Spouští se nahrávání…",
+        "failedToStart": "Nahrávání se nespustilo",
+        "fileSharingdescription": "Sdílejte nahrávku s účastníky setkání",
+        "highlight": "Zvýraznit",
+        "highlightMoment": "Zvýraznit moment",
+        "highlightMomentDisabled": "Můžete zvýraznit okamžiky zahájení nahrávání",
+        "highlightMomentSuccess": "Zvýrazněný okamžik",
+        "highlightMomentSucessDescription": "Váš zvýrazněný okamžik bude přidán do shrnutí setkání.",
+        "inProgress": "Probíhá nahrávání nebo živé vysílání",
+        "limitNotificationDescriptionNative": "Kvůli vysokému zájmu bude vaše nahrávka omezena na nejvýše {{limit}} min. Pro neomezené nahrávání zkuste <3>{{app}}</3>.",
+        "limitNotificationDescriptionWeb": "Kvůli vysokému zájmu bude vaše nahrávka omezena na nejvýše {{limit}} min. Pro neomezené nahrávání zkuste <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "linkGenerated": "Vygenerovali jsme odkaz na vaši nahrávku.",
+        "localRecordingNoNotificationWarning": "Nahrávka nebude oznámena ostatním účastníkům. Budete jim muset dát vědět, že schůzka je nahrána.",
+        "localRecordingNoVideo": "Video se nenahrává",
+        "localRecordingStartWarning": "Před opuštěním schůzky se ujistěte, že jste nahrávání zastavili, abyste jej mohli uložit.",
+        "localRecordingStartWarningTitle": "Zastavte záznam, abyste jej uložili",
+        "localRecordingVideoStop": "Zastavením videa se zastaví také místní nahrávání. Opravdu chcete pokračovat?",
+        "localRecordingVideoWarning": "Chcete-li nahrát video, musíte jej mít zapnutý při zahájení nahrávání",
+        "localRecordingWarning": "Ujistěte se, že jste vybrali aktuální kartu, abyste mohli použít správné video a zvuk.",
+        "loggedIn": "Přihlášen/a jako {{userName}}",
+        "noMicPermission": "Kanál mikrofonu nelze vytvořit. Udělte prosím povolení k použití mikrofonu.",
+        "noStreams": "Nebyl zjištěn žádný audio nebo video stream.",
+        "off": "Nahrávání skončilo",
+        "offBy": "{{name}} zastavil/a nahrávání",
+        "on": "Nahrává se",
+        "onBy": "{{name}} spustil/a nahrávání",
+        "onlyRecordSelf": "Nahrávat pouze moje audio a video streamy",
+        "pending": "Připravuje se nahrávání setkání…",
+        "policyError": "Pokusili jste se spustit nahrávání příliš rychle. Zkuste to znovu později!",
+        "recordAudioAndVideo": "Záznam zvuku a videa",
+        "recordTranscription": "Přepis záznamu",
+        "saveLocalRecording": "Uložit záznamový soubor lokálně (Beta)",
+        "serviceDescription": "Nahrávací služba uloží vaši nahrávku",
+        "serviceDescriptionCloud": "Cloudové nahrávání",
+        "serviceDescriptionCloudInfo": "Nahrané schůzky jsou automaticky vymazány 24 hodin po jejich době záznamu.",
+        "serviceName": "Nahrávací služba",
+        "sessionAlreadyActive": "Tato relace se již nahrává nebo se vysílá živě.",
+        "showAdvancedOptions": "Pokročilé možnosti",
+        "signIn": "Přihlásit se",
+        "signOut": "Odhlásit se",
+        "surfaceError": "Vyberte prosím aktuální kartu.",
+        "title": "Nahrávání",
+        "unavailable": "Jejda! Služba {{serviceName}} není dostupná. Problém se snažíme vyřešit. Zkuste to prosím později.",
+        "unavailableTitle": "Nahrávání nedostupné",
+        "uploadToCloud": "Nahrát do cloudu"
+    },
+    "screenshareDisplayName": "Obrazovka uživatele {{name}}",
+    "sectionList": {
+        "pullToRefresh": "Zatáhnutím obnovíte"
+    },
+    "security": {
+        "about": "Můžete pro setkání nastavit $t(lockRoomPassword). Účastníci budou muset $t(lockRoomPassword) zadat, než se budou moct do setkání připojit.",
+        "aboutReadOnly": "Moderující účastníci můžou pro setkání nastavit $t(lockRoomPassword). Účastníci budou muset $t(lockRoomPassword) zadat, než se budou moct do setkání připojit.",
+        "insecureRoomNameWarningNative": "Název místnosti není bezpečný. K vaší schůzce se mohou připojit nežádoucí účastníci. {{recommendAction}} Další informace o zabezpečení schůzky ",
+        "insecureRoomNameWarningWeb": "Název místnosti není bezpečný. K vaší schůzce se mohou připojit nežádoucí účastníci. {{recommendAction}} Další informace o zabezpečení schůzky naleznete <a href=\"{{securityUrl}}\" rel=\"security\" target=\"_blank\">zde</a>.",
+        "title": "Možnosti zabezpečení",
+        "unsafeRoomActions": {
+            "meeting": "Zvažte zabezpečení schůzky pomocí bezpečnostního tlačítka.",
+            "prejoin": "Zvažte použití jedinečnějšího názvu schůzky.",
+            "welcome": "Zvažte použití jedinečnějšího názvu schůzky nebo vyberte jeden z návrhů."
+        }
+    },
+    "settings": {
+        "audio": "Zvuk",
+        "buttonLabel": "Nastavení",
+        "calendar": {
+            "about": "Integrace kalendáře {{appName}} slouží k bezpečnému přístupu k vašemu kalendáři, takže dovede zjistit nadcházející události.",
+            "disconnect": "Odpojit",
+            "microsoftSignIn": "Přihlásit se účtem Microsoft",
+            "signedIn": "Právě se přistupuje ke kalendářním událostem pro {{email}}. Abyste zastavili přístup k událostem, klikněte na tlačítko Odpojit",
+            "title": "Kalendář"
+        },
+        "desktopShareFramerate": "Snímková frekvence sdílení plochy",
+        "desktopShareHighFpsWarning": "Vyšší snímková frekvence pro sdílení plochy může ovlivnit vaši šířku pásma. Aby se nové nastavení projevilo, musíte restartovat sdílení obrazovky.",
+        "desktopShareWarning": "Aby se nové nastavení projevilo, musíte restartovat sdílení obrazovky.",
+        "devices": "Zařízení",
+        "followMe": "Všichni sledují mě",
+        "followMeRecorder": "Rekordér mě následuje",
+        "framesPerSecond": "snímků za sekundu",
+        "incomingMessage": "Příchozí zpráva",
+        "language": "Jazyk",
+        "loggedIn": "Přihlášen/a jako {{name}}",
+        "maxStageParticipants": "Maximální počet účastníků, které lze připnout na hlavní pódium",
+        "microphones": "Mikrofony",
+        "moderator": "Moderátor",
+        "moderatorOptions": "Možnosti moderátora",
+        "more": "Více",
+        "name": "Jméno",
+        "noDevice": "Žádné zařízení",
+        "notifications": "Oznámení",
+        "participantJoined": "Účastník se připojil",
+        "participantKnocking": "Účastník vstoupil do lobby",
+        "participantLeft": "Účastník odešel",
+        "playSounds": "Přehrávání zvuku na",
+        "reactions": "Reakce na setkání",
+        "sameAsSystem": "Stejné jako systém ({{label}})",
+        "selectAudioOutput": "Zvukový výstup",
+        "selectCamera": "Kamera",
+        "selectMic": "Mikrofon",
+        "selfView": "Vlastní pohled",
+        "shortcuts": "Zkratky",
+        "speakers": "Reproduktory",
+        "startAudioMuted": "Při připojení všem ztlumit zvuk",
+        "startReactionsMuted": "Ztlumit zvuky reakcí pro všechny",
+        "startVideoMuted": "Při připojení všem vypnout kameru",
+        "talkWhileMuted": "Mluvte při ztlumení",
+        "title": "Nastavení",
+        "video": "Video"
+    },
+    "settingsView": {
+        "advanced": "Pokročilé",
+        "alertCancel": "Zrušit",
+        "alertOk": "OK",
+        "alertTitle": "Varování",
+        "alertURLText": "Adresa URL k serveru je neplatná",
+        "apply": "Použít",
+        "buildInfoSection": "Informace o sestavení",
+        "conferenceSection": "Konference",
+        "disableCallIntegration": "Vypnout integraci nativních hovorů",
+        "disableCrashReporting": "Vypnout hlášení o pádu",
+        "disableCrashReportingWarning": "Určitě chcete vypnout hlášení o pádu? Nastavení se uplatní, až restartujete aplikaci.",
+        "disableP2P": "Vypnout mód Peer-To-Peer",
+        "displayName": "Zobrazované jméno",
+        "displayNamePlaceholderText": "Např.: John Doe",
+        "email": "Email",
+        "emailPlaceholderText": "email@example.com",
+        "gavatarMessage": "Pokud je váš e-mail spojen s účtem Gravatar, použijeme jej k zobrazení vašeho profilového obrázku.",
+        "goTo": "Přejít na",
+        "header": "Nastavení",
+        "help": "Pomoc",
+        "links": "Odkazy",
+        "privacy": "Soukromí",
+        "profileSection": "Profil",
+        "sdkVersion": "SDK verze",
+        "serverURL": "URL serveru",
+        "showAdvanced": "Zobrazit pokročilá nastavení",
+        "startCarModeInLowBandwidthMode": "Spusťte režim auta v režimu nízké šířky pásma",
+        "startWithAudioMuted": "Začít se ztišeným zvukem",
+        "startWithVideoMuted": "Začít s vypnutým videem",
+        "terms": "Podmínky",
+        "version": "Verze"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nChcete se připojit jen vytočením po telefonu?\n\n{{defaultDialInNumber}}Klikněte na tento odkaz pro telefonní čísla k tomuto setkání\n{{dialInfoPageUrl}}",
+        "mainText": "Pro vstup do setkání klikněte na tento odkaz:\n{{roomUrl}}"
+    },
+    "speaker": "Řečník",
+    "speakerStats": {
+        "angry": "Rozzlobený",
+        "disgusted": "Znechucený",
+        "displayEmotions": "Zobrazit emoce",
+        "fearful": "Bojácný",
+        "happy": "Šťastný",
+        "hours": "{{count}} h",
+        "minutes": "{{count}} min",
+        "name": "Jméno",
+        "neutral": "Neutrální",
+        "sad": "Smutný",
+        "search": "Prohledat",
+        "searchHint": "Hledat účastníky",
+        "seconds": "{{count}} s",
+        "speakerStats": "Statistika řečníků",
+        "speakerTime": "Mluvil/a již",
+        "surprised": "Překvapený"
+    },
+    "startupoverlay": {
+        "genericTitle": "Setkání vyžaduje přístup k vašemu mikrofonu a kameře.",
+        "policyText": " ",
+        "title": "{{app}} potřebuje používat mikrofon a kameru."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Znovu připojit",
+        "text": "Zmáčknutím tlačítka <i>Znovu připojit</i> se vrátíte do konference.",
+        "title": "Váš videohovor se přerušil, protože počítač přešel do režimu spánku."
+    },
+    "termsView": {
+        "title": "Podmínky"
+    },
+    "toggleTopPanelLabel": "Přepnout horní panel",
+    "toolbar": {
+        "Settings": "Nastavení",
+        "accessibilityLabel": {
+            "Settings": "Přepnout nastavení",
+            "audioOnly": "Přepnout režim pouze zvuku",
+            "audioRoute": "Vybrat zvukové zařízení",
+            "boo": "Bú",
+            "breakoutRooms": "Podmístnosti",
+            "callQuality": "Spravovat kvalitu hovoru",
+            "carmode": "Autorežim",
+            "cc": "Přepnout titulky",
+            "chat": "Přepnout okno zpráv",
+            "clap": "Tleskat",
+            "closeChat": "Zavřít chat",
+            "closeMoreActions": "Zavřít nabídku dalších akcí",
+            "closeParticipantsPane": "Zavřít panel účastníků",
+            "collapse": "Zabalit",
+            "document": "Přepnout sdílený dokument",
+            "documentClose": "Zavřít sdílený dokument",
+            "documentOpen": "Otevřít sdílený dokument",
+            "download": "Stáhnout naše aplikace",
+            "embedMeeting": "Vložit setkání",
+            "endConference": "Ukončit konferenci pro všechny",
+            "enterFullScreen": "Zobrazit přes celou obrazovku",
+            "enterTileView": "Dlaždicové zobrazení",
+            "exitFullScreen": "Ukončit zobrazení přes celou obrazovku",
+            "exitTileView": "Ukončit dlaždicové zobrazení",
+            "expand": "Rozbalit",
+            "feedback": "Poslat zpětnou vazbu",
+            "fullScreen": "Přepnout na celou obrazovku",
+            "giphy": "Zobrazit menu GIPHY",
+            "grantModerator": "Pověřit moderátora",
+            "hangup": "Opustit hovor",
+            "heading": "Panel nástrojů",
+            "help": "Nápověda",
+            "hideWhiteboard": "Skrýt tabuli",
+            "invite": "Pozvat lidi",
+            "kick": "Vyhodit účastníka",
+            "laugh": "Smích",
+            "leaveConference": "Opustit konferenci",
+            "like": "Palec nahoru",
+            "linkToSalesforce": "Odkaz na Salesforce",
+            "lobbyButton": "Zapnout/vypnout mód lobby",
+            "localRecording": "Přepnout ovládání místního nahrávání",
+            "lockRoom": "Přepnout heslo setkání",
+            "love": "Srdce",
+            "lowerHand": "Spustit ruku dolů",
+            "moreActions": "Přepnout nabídku více činností",
+            "moreActionsMenu": "Nabídka více činností",
+            "moreOptions": "Ukázat více možností",
+            "mute": "Přepnout ztišení zvuku",
+            "muteEveryone": "Ztišit všechny",
+            "muteEveryoneElse": "Ztišit všechny ostatní",
+            "muteEveryoneElsesVideoStream": "Zastavit video všech ostatních",
+            "muteEveryonesVideoStream": "Ztišit video všech",
+            "muteGUMPending": "Připojování mikrofonu",
+            "noiseSuppression": "Potlačení šumu",
+            "openChat": "Otevřít chat",
+            "participants": "Účastníci",
+            "pip": "Přepnout režim obrazu v obraze",
+            "privateMessage": "Poslat soukromou zprávu",
+            "profile": "Upravit váš profil",
+            "raiseHand": "Přepnout zvednutí ruky",
+            "react": "Reakce na zprávy",
+            "reactions": "Reakce",
+            "reactionsMenu": "Zobrazí / skryje menu reakcí",
+            "recording": "Přepnout nahrávání",
+            "remoteMute": "Ztišit účastníka",
+            "remoteVideoMute": "Vypnout kameru účastníka",
+            "security": "Možnosti zabezpečení",
+            "selectBackground": "Vybrat pozadí",
+            "selfView": "Přepnout zobrazení sebe",
+            "shareRoom": "Pozvat někoho",
+            "shareYourScreen": "Sdílet obrazovku",
+            "shareaudio": "Sdílet zvuk",
+            "sharedvideo": "Přepnout sdílení videa",
+            "shortcuts": "Zobrazit zkratky",
+            "show": "Zobrazit na stage",
+            "showWhiteboard": "Zobrazit tabuli",
+            "silence": "Ticho",
+            "speakerStats": "Statistika řečníků",
+            "stopScreenSharing": "Přestat sdílet vlastní obrazovku",
+            "stopSharedVideo": "Zastavit video",
+            "surprised": "Překvapen",
+            "tileView": "Přepnout dlaždicové zobrazení",
+            "toggleCamera": "Přepnout kameru",
+            "toggleFilmstrip": "Přepnout video náhledy",
+            "unmute": "Zapnout mikrofon",
+            "videoblur": "Přepnout rozmazání videa",
+            "videomute": "Přepnout ztišení videa",
+            "videomuteGUMPending": "Připojování kamery",
+            "videounmute": "Zapnpout kameru"
+        },
+        "addPeople": "Přidat do hovoru účastníky",
+        "audioOnlyOff": "Vypnout mód slabého připojení",
+        "audioOnlyOn": "Zapnout mód slabého připojení",
+        "audioRoute": "Vybrat zvukové zařízení",
+        "audioSettings": "Nastavení zvuku",
+        "authenticate": "Ověřit",
+        "boo": "Bú",
+        "callQuality": "Spravovat kvalitu hovoru",
+        "chat": "Otevřít / Zavřít zprávy",
+        "clap": "Tleskat",
+        "closeChat": "Zavřít zprávy",
+        "closeParticipantsPane": "Zavřít panel účastníků",
+        "closeReactionsMenu": "Zavřít menu reakcí",
+        "disableNoiseSuppression": "Vypnout potlačení šumu",
+        "disableReactionSounds": "Vypnout zvuky reakcí",
+        "documentClose": "Zavřít sdílený dokument",
+        "documentOpen": "Otevřít sdílený dokument",
+        "download": "Stáhnout naše aplikace",
+        "e2ee": "Šifrování end-to-end",
+        "embedMeeting": "Vložit setkání",
+        "enableNoiseSuppression": "Povolit dodatečné potlačení hluku (BETA)",
+        "endConference": "Ukončit konferenci pro všechny",
+        "enterFullScreen": "Zvětšit na celou obrazovku",
+        "enterTileView": "Zobrazit v dlaždicích",
+        "exitFullScreen": "Zmenšit z celé obrazovky",
+        "exitTileView": "Zavřít dlaždice",
+        "feedback": "Zanechat zpětnou vazbu",
+        "giphy": "Zobrazit menu GIPHY",
+        "hangup": "Odejít",
+        "help": "Nápověda",
+        "hideWhiteboard": "Skrýt tabuli",
+        "invite": "Pozvat lidi",
+        "joinBreakoutRoom": "Připojit se k podmístnosti",
+        "laugh": "Smích",
+        "leaveBreakoutRoom": "Opustit podmístnost",
+        "leaveConference": "Opustit setkání",
+        "like": "Palec nahoru",
+        "linkToSalesforce": "Odkaz na Salesforce",
+        "lobbyButtonDisable": "Vypnout mód lobby",
+        "lobbyButtonEnable": "Zapnout mód lobby",
+        "login": "Přihlásit se",
+        "logout": "Odhlásit se",
+        "love": "Srdce",
+        "lowerYourHand": "Přestat se hlásit",
+        "moreActions": "Více činností",
+        "moreOptions": "Více možností",
+        "mute": "Ztlumit / Zrušit ztlumení",
+        "muteEveryone": "Ztišit všechny",
+        "muteEveryonesVideo": "Ztišit video všech",
+        "muteGUMPending": "Připojování mikrofonu",
+        "noAudioSignalDesc": "Pokud jste jej záměrně neztišili v nastavení systému nebo hardwaru, zvažte přepnout na jiné zařízení.",
+        "noAudioSignalDescSuggestion": "Pokud jste jej záměrně neztišili v nastavení systému nebo hardwaru, zvažte přepnout na navrhované zařízení.",
+        "noAudioSignalDialInDesc": "Můžete také zavolat po telefonu pomocí:",
+        "noAudioSignalDialInLinkDesc": "Telefonní čísla",
+        "noAudioSignalTitle": "Z vašeho mikrofonu nepřichází žádný signál!",
+        "noiseSuppression": "Potlačení šumu",
+        "noisyAudioInputDesc": "Zdá se, že váš mikrofon vydává hluk. Prosím zvažte ztlumit se nebo vyměnit zařízení.",
+        "noisyAudioInputTitle": "Zdá se, že máte hlučný mikrofon!",
+        "openChat": "Otevřít zprávy",
+        "openReactionsMenu": "Otevřít nabídku reakcí",
+        "participants": "Účastníci",
+        "pip": "Přejít do módu obraz v obraze",
+        "privateMessage": "Poslat soukromou zprávu",
+        "profile": "Upravte si profil",
+        "raiseHand": "Přihlásit se o slovo / Odhlásit",
+        "raiseYourHand": "Přihlásit se o slovo",
+        "reactionBoo": "Odeslat reakci bú",
+        "reactionClap": "Odeslat reakci potlesk",
+        "reactionHeart": "Odeslat reakci srdce",
+        "reactionLaugh": "Odeslat reakci smích",
+        "reactionLike": "Odeslat reakci palec nahoru",
+        "reactionSilence": "Odeslat reakci ticho",
+        "reactionSurprised": "Odeslat reakci překvapení",
+        "reactions": "Reactions",
+        "security": "Možnosti zabezpečení",
+        "selectBackground": "Vyberte pozadí",
+        "shareRoom": "Pozvat někoho",
+        "shareaudio": "Sdílet zvuk",
+        "sharedvideo": "Sdílet video",
+        "shortcuts": "Klávesové zkratky",
+        "showWhiteboard": "Zobrazit tabuli",
+        "silence": "Umlčet",
+        "speakerStats": "Statistiky řečníků",
+        "startScreenSharing": "Začít sdílet obrazovku",
+        "startSubtitles": "Zapnout titulky",
+        "stopAudioSharing": "Zastavit sdílení zvuku",
+        "stopScreenSharing": "Zastavit sdílení obrazovky",
+        "stopSharedVideo": "Zastavit video",
+        "stopSubtitles": "Vypnout titulky",
+        "surprised": "Překvapení",
+        "talkWhileMutedPopup": "Snažíte se mluvit? Máte ztišený mikrofon.",
+        "tileViewToggle": "Přepnout dlaždicové zobrazení",
+        "toggleCamera": "Přepnout kameru",
+        "unmute": "Zapnout mikrofon",
+        "videoSettings": "Nastavení videa",
+        "videomute": "Zapnout / Vypnout kameru",
+        "videomuteGUMPending": "Připojování kamery",
+        "videounmute": "Spustit kameru"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Spustit / zastavit titulky",
+        "expandedLabel": "Přepis je momentálně zapnutý",
+        "failed": "Přepis se nezdařil",
+        "labelToolTip": "Schůzka se přepisuje",
+        "sourceLanguageDesc": "Momentálně je jazyk schůzky nastaven na <b>{{sourceLanguage}}</b>. <br/> Můžete jej změnit z ",
+        "sourceLanguageHere": "zde",
+        "start": "Začít zobrazovat titulky",
+        "stop": "Přestat zobrazovat titulky",
+        "subtitles": "Titulky",
+        "subtitlesOff": "Vypnuto",
+        "tr": "TR"
+    },
+    "unpinParticipant": "{{participantName}} - Odepnout",
+    "userMedia": {
+        "grantPermissions": "Povolte prosím používání kamery a mikrofonu."
+    },
+    "videoSIPGW": {
+        "busy": "Pracujeme na uvolnění prostředků. Zkuste to prosím znovu za několik minut.",
+        "busyTitle": "Služba Místnost je nyní zaneprázdněna",
+        "errorAlreadyInvited": "{{displayName}} byl(a) již pozván(a)",
+        "errorInvite": "Konference ještě nebyla založena. Zkuste to prosím později.",
+        "errorInviteFailed": "Na vyřešení problému pracujeme. Zkuste to prosím znovu později.",
+        "errorInviteFailedTitle": "Pozvání {{displayName}} selhalo",
+        "errorInviteTitle": "Chyba při pozvání do místnosti",
+        "pending": "{{displayName}} byl(a) pozván(a)"
+    },
+    "videoStatus": {
+        "adjustFor": "Přizpůsobit pro",
+        "audioOnly": "AU",
+        "audioOnlyExpanded": "Jste v režimu slabého připojení. V tomto režimu je k dispozici jen zvuk a sdílení obrazovky.",
+        "bestPerformance": "Nejlepší výkon",
+        "callQuality": "Kvalita hovoru",
+        "hd": "HD",
+        "hdTooltip": "Sledujete obraz ve vysoké kvalitě",
+        "highDefinition": "Vysoká kvalita",
+        "highestQuality": "Nejvyšší kvalita",
+        "labelTooiltipNoVideo": "Žádné video",
+        "labelTooltipAudioOnly": "Zapnut režim slabého připojení",
+        "ld": "LD",
+        "ldTooltip": "Sledujete obraz v nízké kvalitě",
+        "lowDefinition": "Nízká kvalita",
+        "performanceSettings": "Nastavení výkonu",
+        "recording": "Probíhá nahrávání",
+        "sd": "SD",
+        "sdTooltip": "Sledujete obraz v běžné kvalitě",
+        "standardDefinition": "Běžná kvalita",
+        "streaming": "Probíhá streamování"
+    },
+    "videothumbnail": {
+        "connectionInfo": "Informace o spojení",
+        "demote": "Přesunout na návštěvníka",
+        "domute": "Ztišit",
+        "domuteOthers": "Ztišit všechny ostatní",
+        "domuteVideo": "Vypnout kameru",
+        "domuteVideoOfOthers": "Vypnout kameru ostatních",
+        "flip": "Převrátit",
+        "grantModerator": "Pověřit moderátora",
+        "hideSelfView": "Skrýt vlastní obraz",
+        "kick": "Vyhodit",
+        "mirrorVideo": "Zrcadlit moje video",
+        "moderator": "Moderátor",
+        "mute": "Účastník je ztišen",
+        "muted": "Ztišen/a",
+        "pinToStage": "Zobrazit na stage",
+        "remoteControl": "Zapnout / Vypnout vzdálené ovládání",
+        "screenSharing": "Účastník sdílí svou obrazovku",
+        "show": "Zobrazit na stage",
+        "showSelfView": "Zobrazit vlastní obraz",
+        "unpinFromStage": "Odepnout",
+        "verify": "Ověřit účastníka",
+        "videoMuted": "Kamera vypnuta",
+        "videomute": "Účastník si vypnul kameru"
+    },
+    "virtualBackground": {
+        "accessibilityLabel": {
+            "currentBackground": "Aktuální pozadí: {{background}}",
+            "selectBackground": "Vyberte pozadí"
+        },
+        "addBackground": "Přidat pozadí",
+        "apply": "Aplikovat",
+        "backgroundEffectError": "Nepodařilo se použít efekt pozadí.",
+        "blur": "Rozmazat",
+        "deleteImage": "Smazat obrázek",
+        "desktopShare": "Sdílení obrazovky",
+        "desktopShareError": "Nelze zapnout sdílení obrazovky",
+        "image1": "Pláž",
+        "image2": "Bílá neutrální zěď",
+        "image3": "Bíla prázdná místo",
+        "image4": "Černá podlahová lampa",
+        "image5": "Hora",
+        "image6": "Les",
+        "image7": "Východ slunce",
+        "none": "Žádné",
+        "pleaseWait": "Čekejte prosím…",
+        "removeBackground": "Smazat pozadí",
+        "slightBlur": "Lehké rozmazání",
+        "title": "Virtuální pozadí",
+        "uploadedImage": "Nahraný obrázek {{index}}",
+        "webAssemblyWarning": "WebAssembly není podporované",
+        "webAssemblyWarningDescription": "WebAssembly vypnuto nebo není podporované na tomto prohlížeči"
+    },
+    "visitors": {
+        "chatIndicator": "(návštěvník)",
+        "joinMeeting": {
+            "description": "V současné době jste pozorovatelem této konference.",
+            "raiseHand": "Zvednout ruku",
+            "title": "Připojování ke schůzce",
+            "wishToSpeak": "Pokud chcete mluvit, zvedněte prosím níže ruku a počkejte na souhlas moderátora."
+        },
+        "labelTooltip": "Počet návštěvníků: {{count}}",
+        "notification": {
+            "demoteDescription": "by poslán {{actor}}, zvedněte ruku pro účast",
+            "noMainParticipantsDescription": "Účastník musí zahájit schůzku. Zkuste to prosím znovu za chvíli.",
+            "noMainParticipantsTitle": "Toto setkání ještě nezačalo.",
+            "noVisitorLobby": "Nemůžete se připojit, pokud je pro schůzku zvolena lobby.",
+            "notAllowedPromotion": "Účastník musí váš požadavek nejprve povolit.",
+            "title": "Jste návštěvníkem schůzky"
+        },
+        "waitingMessage": "Ke schůzce se připojíte, jakmile bude živě!"
+    },
+    "volumeSlider": "Posuvník hlasitosti",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Dotykem se připojíte",
+            "roomname": "Zadejte jméno místnosti"
+        },
+        "addMeetingName": "Přidat název setkání",
+        "appDescription": "Zavolejte si s celým týmem. A klidně pozvěte každého, koho znáte. {{app}} je plně šifrované řešení video konferencí se 100% otevřeným kódem, které můžete používat zdarma celý a každý den — aniž byste potřebovali účet.",
+        "audioVideoSwitch": {
+            "audio": "Zvuk",
+            "video": "Obraz"
+        },
+        "calendar": "Kalendář",
+        "connectCalendarButton": "Připojit váš kalendář",
+        "connectCalendarText": "Připojte si kalendář a uvidíte všechny videohovory v {{app}}. Můžete si také přidat videohovory {{provider}} do kalendáře a spouštět je jedním klikem.",
+        "enterRoomTitle": "Začít nový videohovor",
+        "getHelp": "Získat pomoc",
+        "go": "ZAČÍT",
+        "goSmall": "ZAČÍT",
+        "headerSubtitle": "Bezpečné a kvalitní setkávání",
+        "headerTitle": "Jitsi Meet",
+        "info": "Informace o vytáčení",
+        "jitsiOnMobile": "Jitsi na mobilu – stáhněte si naše aplikace a spusťte hovor odkudkoliv",
+        "join": "VYTVOŘIT / PŘIPOJIT",
+        "logo": {
+            "calendar": "Logo kalendáře",
+            "desktopPreviewThumbnail": "Náhled zobrazení plochy",
+            "googleLogo": "Google Logo",
+            "logoDeepLinking": "Jitsi meet logo",
+            "microsoftLogo": "Microsoft logo",
+            "policyLogo": "Policy logo"
+        },
+        "meetingsAccessibilityLabel": "Setkání",
+        "mobileDownLoadLinkAndroid": "Stáhněte si mobilní aplikaci pro Android",
+        "mobileDownLoadLinkFDroid": "Stáhněte si mobilní aplikaci pro F-Droid",
+        "mobileDownLoadLinkIos": "Stáhněte si mobilní aplikaci pro iOS",
+        "moderatedMessage": "Nebo si předem <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">rezervujte adresu setkání</a>, kde budete jediný moderátor.",
+        "privacy": "Soukromí",
+        "recentList": "Nedávné",
+        "recentListDelete": "Smazat",
+        "recentListEmpty": "Váš seznam nedávných hovorů je prázdný. Spojte se s kolegy z Vašeho týmu, poté zde naleznete seznam nedávných hovorů.",
+        "recentMeetings": "Vaše nedávné setkání",
+        "reducedUIText": "Vítejte v {{app}}!",
+        "roomNameAllowedChars": "Název setkání nesmí obsahovat žádný z těchto znaků: ?, &, :, ', \", %, #.",
+        "roomname": "Zadejte název místnosti",
+        "roomnameHint": "Zadejte název nebo adresu místnosti, ke které se chcete připojit. Pokud jste místnost vytvořili, ujistěte se, že ostatní účastníci schůzky zadají stejný název jako vy.",
+        "sendFeedback": "Poslat zpětnou vazbu",
+        "settings": "Nastavení",
+        "startMeeting": "Zahájit setkání",
+        "terms": "Podmínky používání",
+        "title": "Bezpečná, plnohodnotná a zdarma dostupná videokonference",
+        "upcomingMeetings": "Vaše nadcházející setkání"
+    },
+    "whiteboard": {
+        "accessibilityLabel": {
+            "heading": "Tabule"
+        },
+        "screenTitle": "Tabule"
+    }
+}
diff --git a/lang/main-da.json b/lang/main-da.json
new file mode 100644
index 0000000..e37af71
--- /dev/null
+++ b/lang/main-da.json
@@ -0,0 +1,770 @@
+{
+    "addPeople": {
+        "add": "Invitér",
+        "countryNotSupported": "Vi supporterer ikke dette land endnu.",
+        "countryReminder": "Ringer du til uden for USA? Benyt venligst landekode!",
+        "disabled": "Du kan ikke invitere deltagere.",
+        "failedToAdd": "Kunne ikke tilføje deltagere.",
+        "footerText": "Udgående opkald er slået fra.",
+        "loading": "Søger efter personer og telefonnumre.",
+        "loadingNumber": "Validerer telefonnummer",
+        "loadingPeople": "Søger efter folk der kan inviteres",
+        "noResults": "Der blev ikke fundet noget",
+        "noValidNumbers": "Indtast venligst er telefonnummer",
+        "searchNumbers": "Tilføj telefonnummer",
+        "searchPeople": "Søg efter personer",
+        "searchPeopleAndNumbers": "Søg efter personer eller tilføj deres telefonnummer",
+        "telephone": "Telefon: {{number}}",
+        "title": "Invitér personer til dette møde"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "headphones": "Høretelefoner",
+        "none": "Der er ikke nogen lydenheder tilgængelige",
+        "phone": "Telefon",
+        "speaker": "Højtaler"
+    },
+    "audioOnly": {
+        "audioOnly": "Kun lyd"
+    },
+    "calendarSync": {
+        "addMeetingURL": "Tilføj et mødelink",
+        "confirmAddLink": "Ønsker du at tilføje et Jitsi link til denne aftale?",
+        "error": {
+            "appConfiguration": "Kalenderintegration er ikke sat korrekt op.",
+            "generic": "Der er sket en fejl. Verificér venligst dine kalenderindstillinger eller prøv at genopfriske din kalender.",
+            "notSignedIn": "Der er sket en fejl under login for at hente kalenderaftalerne. Kontroller venligst dine kalenderindstillinger og forsøg at logge ind igen."
+        },
+        "join": "Deltag",
+        "joinTooltip": "Deltag i mødet",
+        "nextMeeting": "Næste møde",
+        "noEvents": "Der er ikke nogen kommende aftaler i kalenderen.",
+        "ongoingMeeting": "Igangværende møde",
+        "permissionButton": "Åbn indstillinger",
+        "permissionMessage": "Kalendertilladelsen er nødvendig for at kunne se dine aftaler i appen.",
+        "refresh": "Genopfrisk aftaler",
+        "today": "I dag"
+    },
+    "chat": {
+        "error": "Fejl: din besked \"{{originalText}}\" blev ikke sendt. Årsag: {{error}}",
+        "fieldPlaceHolder": "Skriv din besked her",
+        "messageTo": "Privat besked til {{recipient}}",
+        "messagebox": "Indtast en besked",
+        "nickname": {
+            "popover": "Vælg dit navn/alias",
+            "title": "Indtast et navn/alias for at deltage i chatten",
+            "titleWithPolls": "Indtast et navn/alias for at deltage i chatten"
+        },
+        "noMessagesMessage": "Der er ikke nogen beskeder i mødet endnu. Skriv noget!",
+        "privateNotice": "Privat besked til {{recipient}}",
+        "sendButton": "Send",
+        "title": "Chat",
+        "titleWithPolls": "Chat",
+        "you": "Dig"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Installér Chrome plugin",
+        "dontShowAgain": "Vis ikke dette igen",
+        "installExtensionText": "Installér plugin for Google Kalender og Office 365 integration"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Forbinder dig til mødet…"
+    },
+    "connection": {
+        "ATTACHED": "Forbundet",
+        "AUTHENTICATING": "Godkender",
+        "AUTHFAIL": "Godkendelse lykkedes ikke",
+        "CONNECTED": "Forbundet",
+        "CONNECTING": "Forbinder",
+        "CONNFAIL": "Forbindelse kunne ikke oprettes",
+        "DISCONNECTED": "Frakoblet",
+        "DISCONNECTING": "Frakobler",
+        "ERROR": "Fejl",
+        "GET_SESSION_ID_ERROR": "Hent session-id fejl: {{code}}",
+        "GOT_SESSION_ID": "Henter session-ID… Udført",
+        "LOW_BANDWIDTH": "Video for {{displayName}} er slået fra for at spare båndbredde",
+        "RECONNECTING": "Et netværksproblem opstod. Forbinder igen…"
+    },
+    "connectionindicator": {
+        "address": "Adresse:",
+        "bandwidth": "Estimeret båndbredde:",
+        "bitrate": "Bitrate:",
+        "bridgeCount": "Server antal: ",
+        "connectedTo": "Forbundet til:",
+        "framerate": "Frame rate:",
+        "less": "Vis mindre",
+        "localaddress": "Lokal adresse:",
+        "localaddress_plural": "Lokale adresser:",
+        "localport": "Lokal port:",
+        "localport_plural": "Lokale porte:",
+        "more": "Vis mere",
+        "packetloss": "Pakketab:",
+        "quality": {
+            "good": "God",
+            "inactive": "Inaktiv",
+            "lost": "Tabt",
+            "nonoptimal": "Ikke optimal",
+            "poor": "Dårlig"
+        },
+        "remoteaddress": "Fjernadresse:",
+        "remoteaddress_plural": "Fjernadresser:",
+        "remoteport": "Fjern port:",
+        "remoteport_plural": "Fjern porte:",
+        "resolution": "Opløsning:",
+        "status": "Forbindelse:",
+        "transport": "Transport:",
+        "transport_plural": "Transporter:",
+        "turn": " (turn)"
+    },
+    "dateUtils": {
+        "earlier": "Tidligere",
+        "today": "I dag",
+        "yesterday": "I går"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Du skal bruge {{app}} mobil appen for at forbinde til dette møde med din mobiltelefon.",
+        "description": "Skete der ikke noget? Vi forsøgte at åbne dit videomøde i {{app}} desktop appen. Prøv igen eller start mødet på {{app}} web app.",
+        "descriptionWithoutWeb": "",
+        "downloadApp": "Download appen",
+        "launchWebButton": "Start på web",
+        "openApp": "Fortsæt til appen",
+        "title": "Start dit møde i {{app}}…",
+        "tryAgainButton": "Prøv igen"
+    },
+    "defaultLink": "e.g. {{url}}",
+    "defaultNickname": "ex. Jane Pink",
+    "deviceError": {
+        "cameraError": "Kunne ikke forbinde til dit kamera",
+        "cameraPermission": "Kameratilladelse mangler",
+        "microphoneError": "Kunne ikke forbinde til din mikrofon",
+        "microphonePermission": "Mikrofontilladelse mangler"
+    },
+    "deviceSelection": {
+        "noPermission": "Tilladelse ikke givet",
+        "previewUnavailable": "Forhåndsvisning mangler",
+        "selectADevice": "Vælg en enhed",
+        "testAudio": "Afspil testlyd"
+    },
+    "dialOut": {
+        "statusMessage": "er nu {{status}}"
+    },
+    "dialog": {
+        "Back": "Tilbage",
+        "Cancel": "Annullér",
+        "IamHost": "Jeg er vært",
+        "Ok": "OK",
+        "Remove": "Fjern",
+        "Share": "Del",
+        "Submit": "Gem",
+        "WaitForHostMsg": "Mødet er ikke startet endnu. Hvis du er værten, log venligst ind. Ellers vent på at værten kommer",
+        "WaitingForHost": "Venter på vært …",
+        "Yes": "Ja",
+        "accessibilityLabel": {
+            "liveStreaming": "Livestream"
+        },
+        "allow": "Tillad",
+        "alreadySharedVideoMsg": "En anden deltager deler allerede en video. Denne konference tillader kun en delt video af gangen.",
+        "alreadySharedVideoTitle": "Det er kun muligt at dele én video ad gangen",
+        "applicationWindow": "Applikationsvindue",
+        "cameraConstraintFailedError": "Dit kamera lever ikke op til de nødvendige krav..",
+        "cameraNotFoundError": "Kamera kunne ikke findes.",
+        "cameraNotSendingData": "Vi kan ikke tilgå dit kamera. Kontrollér venligst om der er en anden applikation der gør brug af dit kamera, eller vælg et andet kamera og genindlæs siden.",
+        "cameraNotSendingDataTitle": "Kan ikke tilgå kamera",
+        "cameraPermissionDeniedError": "Du har ikke givet tilladelse til at bruge dit kamera. Du kan stadig deltage i mødet, men de andre deltagere vil ikke kunne se dig. Gør brug af kameraknappen i adressebaren for at give tilladelse.",
+        "cameraUnknownError": "Kan ikke gøre brug af dit kamera, årsag ukendt.",
+        "cameraUnsupportedResolutionError": "Dit kamera understøtter ikke den nødvendige opløsning.",
+        "close": "Luk",
+        "conferenceDisconnectMsg": "Kontroller venligst din netværksforbindelse. Forbinder igen om {{seconds}} sekunder…",
+        "conferenceDisconnectTitle": "Din forbindelse er blevet afbrudt.",
+        "conferenceReloadMsg": "Forsøger at genoprette forbindelsen. Forbinder igen om {{seconds}} sekunder…",
+        "conferenceReloadTitle": "Der er desværre gået noget galt.",
+        "confirm": "Bekræft",
+        "confirmNo": "Nej",
+        "confirmYes": "Ja",
+        "connectError": "Det var ikke muligt at forbinde til mødet.",
+        "connectErrorWithMsg": "Det var ikke muligt at forbinde til mødet: {{msg}}",
+        "connecting": "Forbinder",
+        "contactSupport": "Kontakt support",
+        "copy": "Kopiér invitation",
+        "dismiss": "Afvis",
+        "displayNameRequired": "Navn/alias er påkrævet",
+        "done": "Gem",
+        "enterDisplayName": "Indtast venligst dit navn/alias",
+        "error": "Fejl",
+        "externalInstallationMsg": "Du skal installere vores skærmdelingsplugin.",
+        "externalInstallationTitle": "Plugin skal bruges",
+        "goToStore": "Gå til webstore",
+        "gracefulShutdown": "Vores service er pt. under vedligeholdelse. Prøv igen senere.",
+        "incorrectPassword": "Forkert brugernavn eller adgangskode",
+        "incorrectRoomLockPassword": "",
+        "inlineInstallExtension": "Installér nu",
+        "inlineInstallationMsg": "Du skal installere vores skærmdelingsplugin.",
+        "internalError": "Der er opstået en fejl: {{error}}",
+        "internalErrorTitle": "Intern fejl",
+        "kickMessage": "Du er blevet afbrudt fra mødet!",
+        "kickParticipantButton": "Smid ud",
+        "kickParticipantDialog": "Er du sikker på at du vil smide denne deltager ud?",
+        "kickParticipantTitle": "Smid denne deltager ud?",
+        "kickTitle": "Smidt ud af mødet",
+        "liveStreaming": "Livestreaming",
+        "liveStreamingDisabledForGuestTooltip": "Gæster kan ikke starte en livestream.",
+        "liveStreamingDisabledTooltip": "Livestreaming er slået fra.",
+        "lockMessage": "Kunne ikke sikre mødet.",
+        "lockRoom": "Tilføj adgangskode",
+        "lockTitle": "Sikring fejlet",
+        "logoutQuestion": "Er du sikker på at du vil logge ud og stoppe mødet?",
+        "logoutTitle": "Log ud",
+        "maxUsersLimitReached": "Grænsen for antal deltagere er nået. Mødet er fuldt. Kontakt ejeren af mødet eller prøv igen senere!",
+        "maxUsersLimitReachedTitle": "Maksimum antal deltagere nået",
+        "micConstraintFailedError": "Din mikrofon supporterer ikke de nødvendige specifikationer.",
+        "micNotFoundError": "Mikrofon ikke fundet.",
+        "micNotSendingData": "Vi kunne ikke tilgå din mikrofon. Vælg en anden mikrofon under indstillinger eller genindlæs applikationen.",
+        "micNotSendingDataTitle": "Kunne ikke tilgå din mikrofon",
+        "micPermissionDeniedError": "Du har ikke givet tilladelse til at bruge din mikrofon. Du kan stadig deltage i mødet men de andre deltagere kan ikke høre dig. Benyt kameraknappen i adressebaren for at give tilladelse.",
+        "micUnknownError": "Kan ikke tilgå mikrofon af ukendt årsag.",
+        "muteEveryoneDialog": "Er du sikker på at du vil slå lyden fra for alle? Du kan ikke tænde lyden igen, men de kan selv tænde til enhver tid.",
+        "muteEveryoneElseDialog": "Er du sikker på at du vil slå lyden fra for alle andre end denne deltager? Du kan ikke tænde lyden igen, men de kan selv tænde til enhver tid.",
+        "muteEveryoneElseTitle": "Slå lyd fra for alle undtagen {{whom}}?",
+        "muteEveryoneSelf": "Dig selv",
+        "muteEveryoneStartMuted": "Lyden er slået fra for alle fra nu af",
+        "muteEveryoneTitle": "Slå lyd fra for alle?",
+        "muteParticipantBody": "Du kan ikke tænde for deres mikrofon, men de kan selv tænde for deres mikrofon til enhver tid.",
+        "muteParticipantButton": "Slå lyd fra",
+        "muteParticipantDialog": "Er du sikker på at du vil slå lyden fra for denne deltager? Du kan ikke tænde igen, men de kan selv tænde til enhver tid.",
+        "muteParticipantTitle": "Slå lyden fra for denne deltager?",
+        "passwordLabel": "Adgangskode",
+        "passwordNotSupported": "Det er ikke understøttet at sætte en adgangskode for mødet",
+        "passwordNotSupportedTitle": "Adgangskode er ikke understøttet",
+        "passwordRequired": "Adgangskode påkrævet",
+        "popupError": "Din browser blokerer for pop op-vinduer fra denne hjemmeside. Slå venligst pop op-vinduer til i din browsers indstillinger og forsøg igen.",
+        "popupErrorTitle": "Pop op-vinduer er blokeret",
+        "recording": "Optager",
+        "recordingDisabledForGuestTooltip": "Gæster kan ikke starte en optagelse",
+        "recordingDisabledTooltip": "Optagefunktionalitet er slået fra",
+        "rejoinNow": "Deltag igen",
+        "remoteControlAllowedMessage": "{{user}} accepterede din anmodning om fjernstyring!",
+        "remoteControlDeniedMessage": "{{user}} afviste din anmodning om fjernstyring!",
+        "remoteControlErrorMessage": "En fejl er opstået ved anmodning om fjernstyring for {{user}}!",
+        "remoteControlRequestMessage": "Vil du tillade at {{user}} fjerstyrer din computer?",
+        "remoteControlShareScreenWarning": "Bemærk at hvis du vælger \"Tillad\" så vil du tillade fjernstyring!",
+        "remoteControlStopMessage": "Fjernstyringssessionen er afsluttet!",
+        "remoteControlTitle": "Fjernstyring",
+        "removePassword": "Fjern adgangskode",
+        "removeSharedVideoMsg": "Er du sikker på at du vil fjerne din delte video?",
+        "removeSharedVideoTitle": "Fjern delt video",
+        "reservationError": "Reservation - system fejl",
+        "reservationErrorMsg": "Fejlkode: {{code}}, fejl: {{msg}}",
+        "retry": "Forsøg igen",
+        "screenSharingFailedToInstall": "Skærmdelings-plugin kunne ikke installeres.",
+        "screenSharingFailedToInstallTitle": "Skærmdelings-plugin kunne ikke installeres.",
+        "screenSharingFirefoxPermissionDeniedError": "Noget gik galt under skærmdeling. Kontrollér venligst at du har givet tilladelse til skærmdeling. ",
+        "screenSharingFirefoxPermissionDeniedTitle": "Skærmdeling kunne ikke startes!",
+        "screenSharingPermissionDeniedError": "Noget gik galt under skærmdeling. Kontrollér venligst at du har givet tilladelse til skærmdeling. Genindlæs siden og forsøg igen.",
+        "sendPrivateMessage": "Du har modtaget en privat besked. Ønsker du at svare privat eller til gruppen?",
+        "sendPrivateMessageCancel": "Send til gruppen",
+        "sendPrivateMessageOk": "Send privat",
+        "sendPrivateMessageTitle": "Send privat?",
+        "serviceUnavailable": "Service er ikke tilgængelig",
+        "sessTerminated": "Møde afsluttet",
+        "shareVideoLinkError": "Angiv venligst et gyldigt link.",
+        "shareVideoTitle": "Del en video",
+        "shareYourScreen": "Del din skærm",
+        "shareYourScreenDisabled": "Skærmdeling er ikke slået til.",
+        "shareYourScreenDisabledForGuest": "Gæster kan ikke dele deres skærm.",
+        "startLiveStreaming": "Start livestream",
+        "startRecording": "Start optagelse",
+        "startRemoteControlErrorMessage": "Der er sket en fejl under opstart af fjernstyringssessionen!",
+        "stopLiveStreaming": "Stop livestream",
+        "stopRecording": "Stop optagelse",
+        "stopRecordingWarning": "Er du sikker på at du ønsker at stoppe optagelsen?",
+        "stopStreamingWarning": "Er du sikker på at du ønsker at stoppe livestreaming?",
+        "streamKey": "Livestream-nøgle",
+        "thankYou": "Tak for at du har benyttet {{appName}}!",
+        "token": "token",
+        "tokenAuthFailed": "Beklager, du kan ikke deltage i dette møde.",
+        "tokenAuthFailedTitle": "Login fejlede",
+        "transcribing": "Transskribering",
+        "unlockRoom": "Fjern mødeadgangskode",
+        "userPassword": "Brugeradgangskode",
+        "yourEntireScreen": "Hele din skærm"
+    },
+    "documentSharing": {
+        "title": "Delt dokument"
+    },
+    "feedback": {
+        "average": "Normal",
+        "bad": "Dårlig",
+        "detailsLabel": "Uddyb.",
+        "good": "God",
+        "rateExperience": "Vurdér din oplevelse",
+        "veryBad": "Meget dårlig",
+        "veryGood": "Meget god"
+    },
+    "incomingCall": {
+        "answer": "Besvar",
+        "audioCallTitle": "Indgående opkald",
+        "decline": "Afvis",
+        "productLabel": "Fra Appinux skærmbesøg",
+        "videoCallTitle": "Indgående videoopkald"
+    },
+    "info": {
+        "accessibilityLabel": "Vis info",
+        "addPassword": "Tilføj adgangskode",
+        "cancelPassword": "Annullér adgangskode",
+        "conferenceURL": "Link:",
+        "country": "Land",
+        "dialANumber": "For at deltage i mødet ring til et af følgende telefonnumre og indtast pinkode.",
+        "dialInConferenceID": "Pinkode:",
+        "dialInNotSupported": "Deltagelse via telefonopkald er pt. ikke understøttet.",
+        "dialInNumber": "Ring ind:",
+        "dialInSummaryError": "Der er opstået en fejl under indhenting af telefonopkaldsdetaljer. Forsøg venligst igen senere.",
+        "dialInTollFree": "Gratis",
+        "genericError": "Der er opstået en fejl",
+        "inviteLiveStream": "For at se en livestream i dette møde klik på dette link: {{url}}",
+        "invitePhone": "Ring-ind: {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "",
+        "inviteURLFirstPartGeneral": "Der er blevet inviteret til at deltage i et møde.",
+        "inviteURLFirstPartPersonal": "{{name}} inviterer dig til at deltage i et møde.\n",
+        "inviteURLSecondPart": "\nDeltag i mødet:\n{{url}}\n",
+        "label": "Mødeinformation",
+        "liveStreamURL": "Livestream:",
+        "moreNumbers": "Flere telefonnumre",
+        "noNumbers": "Ring-ind nummer findes ikke.",
+        "noPassword": "Ingen",
+        "noRoom": "Ring-ind møde information blev ikke angivet.",
+        "numbers": "Ring-ind numre",
+        "password": "Adgangskode:",
+        "title": "Del",
+        "tooltip": "Del link og ring-ind information for dette møde"
+    },
+    "inlineDialogFailure": {
+        "msg": "Der er opstået en fejl.",
+        "retry": "Forsøg igen",
+        "support": "Support",
+        "supportMsg": "Hvis denne fejl bliver ved, kontakt da support"
+    },
+    "inviteDialog": {
+        "alertText": "Kunne ikke invitere nogle af deltagerne.",
+        "header": "Invitér",
+        "searchCallOnlyPlaceholder": "Indtast telefonnummer",
+        "searchPeopleOnlyPlaceholder": "Søg efter deltagere",
+        "searchPlaceholder": "Deltager eller telefonnummer",
+        "send": "Send"
+    },
+    "keyboardShortcuts": {
+        "focusLocal": "Sæt fokus din video",
+        "focusRemote": "Sæt fokus på en anden persons billede",
+        "fullScreen": "Vis eller annullér fuld skærm",
+        "keyboardShortcuts": "Tastaturgenveje",
+        "localRecording": "Vis eller skjul optagelseskontrolknapper",
+        "mute": "Slå din mikrofon til eller fra",
+        "pushToTalk": "Tryk for at tale",
+        "raiseHand": "Løft eller sænk din hånd",
+        "showSpeakerStats": "Vis højtalerstatistik",
+        "toggleChat": "Åbn eller luk chat",
+        "toggleFilmstrip": "Vis eller skjul små videobilleder",
+        "toggleScreensharing": "Skift mellem video- og skærmdeling",
+        "toggleShortcuts": "Vis eller skjul tastaturgenveje",
+        "videoMute": "Tænd eller sluk dit kamera",
+        "videoQuality": "Indstil videokvalitet"
+    },
+    "liveStreaming": {
+        "busy": "Der arbejdes på at frigive streamingressourcer, forsøg venligst igen om et par minutter.",
+        "busyTitle": "Alle streams er optaget",
+        "changeSignIn": "Skift konto.",
+        "choose": "Vælg en livestream",
+        "chooseCTA": "Vælg en stream-mulighed. Du er pt. logget ind som {{email}}.",
+        "enterStreamKey": "Indtast din livestream-nøgle til Youtube her.",
+        "error": "Fejl under livestreaming. Forsøg venligst igen.",
+        "errorAPI": "En fejl opstod ved forsøg på at tilgå din YouTube-broadcast. Forsøg venligst at logge ind igen.",
+        "errorLiveStreamNotEnabled": "Livestreaming er ikke slået til for {{email}}. Slå venligst livestreaming til eller log ind på en konto der har livestreaming slået til.",
+        "expandedOff": "Livestream er stoppet",
+        "expandedOn": "Mødet bliver pt. streamet til Youtube.",
+        "expandedPending": "Livestreaming starter…",
+        "failedToStart": "Kunne ikke starte livestreaming",
+        "getStreamKeyManually": "Vi kunne ikke hente nogle livestreams. Forsøg at hente din livestream-nøgle fra YouTube.",
+        "invalidStreamKey": "Livestream-nøgle er muligvis forkert.",
+        "off": "Livestreaming er stoppet",
+        "offBy": "{{name}} stoppede livestreaming",
+        "on": "Livestreaming",
+        "onBy": "{{name}} startede livestreaming",
+        "pending": "Starter livestream…",
+        "serviceName": "Livestreaming-service",
+        "signIn": "Log ind med Google",
+        "signInCTA": "Log ind eller indtast din livestream-nøgle fra YouTube.",
+        "signOut": "Log ud",
+        "signedInAs": "Du er pt. logget ind som:",
+        "start": "Start en livestream",
+        "streamIdHelp": "Hvad er dette?",
+        "title": "Livestream",
+        "unavailableTitle": "Livestreaming er ikke tilgængelig"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Slået fra",
+            "on": "Slået til",
+            "unknown": "Ukendt"
+        },
+        "dialogTitle": "Optagelseskontrolknapper",
+        "duration": "Varighed",
+        "durationNA": "Ikke tilgængelig",
+        "encoding": "Encoding",
+        "label": "Optager",
+        "labelToolTip": "Optagelse er slået til",
+        "localRecording": "Lokal optagelse",
+        "me": "Mig",
+        "messages": {
+            "engaged": "Optagelse er slået til.",
+            "finished": "Optagelse {{token}} afsluttet. Send venligst den optagne fil til moderator.",
+            "finishedModerator": "Optagelse {{token}} afsluttet. Optagelsen er gemt. Bed deltageren om at sende deres optagelser.",
+            "notModerator": "Du er ikke moderator. Du kan ikke starte eller stoppe optagelser."
+        },
+        "moderator": "Moderator",
+        "no": "Nej",
+        "participant": "Deltager",
+        "participantStats": "Deltagerstatistik",
+        "sessionToken": "Sessionsnøgle",
+        "start": "Start optagelse",
+        "stop": "Stop optagelse",
+        "yes": "Ja"
+    },
+    "lockRoomPassword": "adgangskode",
+    "lockRoomPasswordUppercase": "Adgangskode",
+    "me": "mig",
+    "notify": {
+        "connectedOneMember": "{{name}} deltager nu i mødet",
+        "connectedThreePlusMembers": "{{name}} og {{count}} andre deltager nu i mødet",
+        "connectedTwoMembers": "{{first}} og {{second}} deltager nu i mødet",
+        "disconnected": "Afbrudt",
+        "focus": "Konferencefokus",
+        "focusFail": "{{component}} ikke tilgængelig - forsøg igen om {{ms}} sekunder",
+        "grantedTo": "Moderatorrettigheder er givet til {{to}}!",
+        "invitedOneMember": "{{name}} er blevet inviteret",
+        "invitedThreePlusMembers": "{{name}} og {{count}} andre er blevet inviteret",
+        "invitedTwoMembers": "{{first}} og {{second}} er blevet inviteret",
+        "kickParticipant": "{{kicked}} blev afbrudt fra mødet af {{kicker}}",
+        "me": "Mig",
+        "moderator": "Moderatorrettigheder givet",
+        "muted": "Du har startet samtalen med lyden slået fra.",
+        "mutedRemotelyDescription": "",
+        "mutedRemotelyTitle": "Din lyd er slået fra af {{participantDisplayName}}",
+        "mutedTitle": "Din lyd er slået fra",
+        "newDeviceAction": "Benyt",
+        "newDeviceAudioTitle": "Ny lydenhed fundet",
+        "newDeviceCameraTitle": "Nyt kamera fundet",
+        "passwordRemovedRemotely": "",
+        "passwordSetRemotely": "",
+        "raisedHand": "{{name}} ønsker at få ordet.",
+        "somebody": "Nogen",
+        "startSilentDescription": "",
+        "startSilentTitle": "",
+        "suboptimalExperienceDescription": "Hmmm… vi er bange for at din oplevelse med {{appName}} ikke vil være optimal. Vi arbejder på at forbedre dette, men indtil da forsøg venligst at bruge en af følgende <a href='{{recommendedBrowserPageLink}}' target='_blank'>fuldt understøttede internet browsere</a>.",
+        "suboptimalExperienceTitle": "Browser-advarsel",
+        "unmute": ""
+    },
+    "passwordDigitsOnly": "Op til {{number}} tal",
+    "passwordSetRemotely": "Sat af et andet medlem",
+    "polls": {
+        "errors": {
+            "notUniqueOption": "Valgmulighederne skal være unikke"
+        }
+    },
+    "poweredby": "Powered by",
+    "presenceStatus": {
+        "busy": "Optaget",
+        "calling": "Ringer op…",
+        "connected": "Forbundet",
+        "connecting": "Forbinder…",
+        "connecting2": "Forbinder*…",
+        "disconnected": "Forbindelse afbrudt",
+        "expired": "Udløbet",
+        "ignored": "Ignoreret",
+        "initializingCall": "Starter opkald…",
+        "invited": "Inviteret",
+        "rejected": "Afvist",
+        "ringing": "Ringer…"
+    },
+    "profile": {
+        "setDisplayNameLabel": "Vælg navn/alias",
+        "setEmailInput": "Indtast email-adresse",
+        "setEmailLabel": "Indtast Gravatar-email-adresse",
+        "title": "Profil"
+    },
+    "raisedHand": "Ønsker at tale",
+    "recording": {
+        "authDropboxText": "Upload til Dropbox",
+        "availableSpace": "Tilgængelig plads: {{spaceLeft}} MB (plads til ca. {{duration}} minutters optagelse)",
+        "beta": "BETA",
+        "busy": "Der arbejdes på at frigive optagelsesressourcer. Prøv venligst igen om nogle få minutter.",
+        "busyTitle": "Alle optagere er pt. optaget",
+        "error": "Fejl under optagelse, forsøg venligst igen om lidt.",
+        "expandedOff": "Optagelse er stoppet",
+        "expandedOn": "Mødet bliver pt. optaget",
+        "expandedPending": "Optagelse starter…",
+        "failedToStart": "Kunne ikke starte optagelse",
+        "fileSharingdescription": "Del optagelse med deltagere",
+        "live": "LIVE",
+        "loggedIn": "Logget ind som {{userName}}",
+        "off": "Optagelse stoppet",
+        "offBy": "{{name}} stoppede optagelsen",
+        "on": "Optager",
+        "onBy": "{{name}} startede optagelsen",
+        "pending": "Gør klar til at optage mødet…",
+        "rec": "REC",
+        "serviceDescription": "Din optagelse bliver gemt af optagelsesservicen",
+        "serviceName": "Optagelsesservice",
+        "signIn": "Log ind",
+        "signOut": "Log ud",
+        "title": "Optager",
+        "unavailable": "Optagelsesservice {{serviceName}} er ikke tilgængelig. Der arbejdes på at løse problemet, forsøg igen senere.",
+        "unavailableTitle": "Optagelse ikke tilgængelig"
+    },
+    "sectionList": {
+        "pullToRefresh": "Træk ned for at opdatere"
+    },
+    "settings": {
+        "calendar": {
+            "about": "{{appName}}s kalenderintegration benyttes til sikkert at tilgå din kalender så den kan læse fremtidige aftaler.",
+            "disconnect": "Afbryd",
+            "microsoftSignIn": "Log ind med Microsoft",
+            "signedIn": "Henter kalenderaftaler for {{email}}. Tryk på Afbryd for at afbryde forbindelsen.",
+            "title": "Kalender"
+        },
+        "devices": "Enheder",
+        "followMe": "Alle følger mig",
+        "language": "Sprog",
+        "loggedIn": "Logget ind som {{name}}",
+        "moderator": "Moderator",
+        "more": "Mere",
+        "name": "Navn",
+        "noDevice": "Ingen",
+        "selectAudioOutput": "Lydudgang",
+        "selectCamera": "Kamera",
+        "selectMic": "Mikrofon",
+        "startAudioMuted": "Alle starter med lyden slået fra",
+        "startVideoMuted": "Alle starter med video slået fra",
+        "title": "Indstillinger"
+    },
+    "settingsView": {
+        "advanced": "Avanceret",
+        "alertOk": "OK",
+        "alertTitle": "Advarsel",
+        "alertURLText": "Den indtastede server-URL er ikke korrekt",
+        "buildInfoSection": "Build Information",
+        "conferenceSection": "Konference",
+        "disableCallIntegration": "Slå indbygget opkaldsintegration fra",
+        "disableP2P": "Slå Peer-To-Peer fra",
+        "displayName": "Navn/alias",
+        "email": "Email",
+        "header": "Indstillinger",
+        "profileSection": "Profil",
+        "serverURL": "Server-URL",
+        "showAdvanced": "Vis avancerede indstillinger",
+        "startWithAudioMuted": "Start med lyden slået fra",
+        "startWithVideoMuted": "Start med video slået fra",
+        "version": "Version"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nØnsker du at ringe ind fra din telefon?\n\n{{defaultDialInNumber}}Klik på dette link for at se telefonnummeret for dette møde\n{{dialInfoPageUrl}}",
+        "mainText": "Klik på det følgende link for at deltage i mødet:\n{{roomUrl}}"
+    },
+    "speaker": "Deltager",
+    "speakerStats": {
+        "hours": "{{count}}t",
+        "minutes": "{{count}}m",
+        "name": "Navn",
+        "search": "Søg",
+        "searchHint": "Søg deltagere",
+        "seconds": "{{count}}s",
+        "speakerStats": "Deltagerstatistik",
+        "speakerTime": "Taletid"
+    },
+    "startupoverlay": {
+        "policyText": " ",
+        "title": "{{app}} har brug for tilladelse til din mikrofon og dit kamera."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Forbind igen",
+        "text": "Tryk på <i>Forbind igen </i> knappen for at deltage igen.",
+        "title": "Dit møde blev afbrudt da din computer gik i dvale."
+    },
+    "toolbar": {
+        "Settings": "Indstillinger",
+        "accessibilityLabel": {
+            "Settings": "Slå indstillinger fra/til",
+            "audioOnly": "Tænd/sluk lyd",
+            "audioRoute": "Vælg lydenhed",
+            "callQuality": "Indstil opkaldskvalitet",
+            "cc": "Slå undertekster fra/til",
+            "chat": "Slå chat fra/til",
+            "document": "Slå delte dokumenter fra/til",
+            "download": "Hent vores apps",
+            "feedback": "Giv feedback",
+            "fullScreen": "Slå fuld skærm fra/til",
+            "hangup": "Forlad mødet",
+            "help": "Hjælp",
+            "invite": "Invitér deltagere",
+            "kick": "Smid deltager ud",
+            "localRecording": "Slå optagelseskontrol fra/til",
+            "lockRoom": "Slå mødeadgangskode fra/til",
+            "moreActions": "Slå \"Flere indstillinger\" menu fra/til",
+            "moreActionsMenu": "Flere indstillinger",
+            "moreOptions": "Vis flere indstillinger",
+            "mute": "Slå lyd til/fra",
+            "muteEveryone": "Slå lyd fra for alle",
+            "pip": "Slå Billede-i-billede fra/til",
+            "privateMessage": "Send privatbesked",
+            "profile": "Redigér profil",
+            "raiseHand": "Slå løft hånden fra/til",
+            "recording": "Slå optagelse til/fra",
+            "remoteMute": "Slå lyd fra for deltager",
+            "shareRoom": "Invitér nogen",
+            "shareYourScreen": "Slå skærmdeling fra/til",
+            "sharedvideo": "Slå videodeling fra/til",
+            "shortcuts": "Slå genveje fra/til",
+            "show": "Vis",
+            "speakerStats": "Slå højtalerinfo fra/til",
+            "tileView": "Slå gittervisning fra/til",
+            "toggleCamera": "Slå kamera fra/til",
+            "videoblur": "Slå baggrundssløring fra/til",
+            "videomute": "Slå video fra/til"
+        },
+        "addPeople": "Tilføj deltager til mødet",
+        "audioOnlyOff": "Slå kun-lyd møder fra",
+        "audioOnlyOn": "Slå kun-lyd møder til",
+        "audioRoute": "Vælg lydenhed",
+        "authenticate": "Log ind",
+        "callQuality": "Indstil opkaldskvalitet",
+        "chat": "Åbn/luk chat",
+        "closeChat": "Luk chat",
+        "documentClose": "Luk delt dokument",
+        "documentOpen": "Åben delt dokument",
+        "download": "Hent vores apps",
+        "enterFullScreen": "Vis fuld skærm",
+        "enterTileView": "Gittervisning",
+        "exitFullScreen": "Luk fuld skærm",
+        "exitTileView": "Luk gittervisning",
+        "feedback": "Giv feedback",
+        "hangup": "Forlad",
+        "help": "Hjælp",
+        "invite": "Invitér deltagere",
+        "login": "Log ind",
+        "logout": "Log ud",
+        "lowerYourHand": "Tag hånden ned",
+        "moreActions": "Flere handlinger",
+        "moreOptions": "Flere indstillinger",
+        "mute": "Slå lyd fra/til",
+        "muteEveryone": "Slå lyd fra for alle",
+        "noAudioSignalDesc": "Hvis du ikke med vilje har slået den fra under systemindstillinger eller hardware, kan du overveje at skifte enhed.",
+        "noAudioSignalDescSuggestion": "Hvis du ikke med vilje har slået den fra under systemindstillinger eller hardware, skal du overveje at skifte til den foreslåede enhed.",
+        "noAudioSignalDialInDesc": "Du kan også ringe op ved hjælp af:",
+        "noAudioSignalDialInLinkDesc": "Opkaldsnumre",
+        "noAudioSignalTitle": "Der kommer ingen input fra din mikrofon",
+        "noisyAudioInputDesc": "Det lyder som om din mikrofon laver støj. Overvej venligst at slå lyden fra eller skifte enhed.",
+        "noisyAudioInputTitle": "Det lyder som om din mikrofon laver støj",
+        "openChat": "Åbn chat",
+        "pip": "Benyt Billede-i-billede",
+        "privateMessage": "Send privat besked",
+        "profile": "Rediger profil",
+        "raiseHand": "Ræk hånden op / Tag hånden ned",
+        "raiseYourHand": "Ræk hånden op",
+        "shareRoom": "Invitér deltagere",
+        "sharedvideo": "Del en video",
+        "shortcuts": "Vis genveje",
+        "speakerStats": "Deltagerstatistik",
+        "startScreenSharing": "Start skærmdeling",
+        "startSubtitles": "Vis undertekster",
+        "startvideoblur": "Slå baggrundssløring til",
+        "stopScreenSharing": "Stop skærmdeling",
+        "stopSharedVideo": "Stop video",
+        "stopSubtitles": "Skjul undertekster",
+        "stopvideoblur": "Slå baggrundssløring fra",
+        "talkWhileMutedPopup": "Forsøger du at sige noget? Din lyd er slået fra.",
+        "tileViewToggle": "Slå gittervisning fra/til",
+        "toggleCamera": "Slå kamera fra/til",
+        "videomute": "Start/stop kamera"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Start/stop undertekster",
+        "error": "Transskription mislykkedes. Prøv venligst igen.",
+        "expandLabel": "Transskription er slået til",
+        "failedToStart": "Transskription kunne ikke starte",
+        "labelToolTip": "Mødet transkriberes",
+        "off": "Transkription stoppet",
+        "pending": "Forbereder sig til at transskribere mødet…",
+        "start": "Begynd at vise undertekster",
+        "stop": "Stop med at vise undertekster",
+        "tr": "TR"
+    },
+    "userMedia": {
+        "grantPermissions": "Giv tilladelse til at dit kamera og din mikrofon benyttes."
+    },
+    "videoSIPGW": {
+        "busy": "Vi arbejder på at frigøre ressourcer. Prøv igen om et par minutter",
+        "busyTitle": "Mødeservice er i øjeblikket optaget",
+        "errorAlreadyInvited": "{{displayName}} allerede inviteret",
+        "errorInvite": "Mødet er endnu ikke etableret. Prøv igen senere",
+        "errorInviteFailed": "Vi arbejder på at løse problemet. Prøv igen senere",
+        "errorInviteFailedTitle": "Invitationen af {{displayName}} mislykkedes",
+        "errorInviteTitle": "Fejl ved invitation til møde",
+        "pending": "{{displayName}} er blevet inviteret"
+    },
+    "videoStatus": {
+        "audioOnly": "AUD",
+        "audioOnlyExpanded": "Du er i kun-lyd-tilstand. Denne tilstand sparer båndbredde, men du kan ikke se andres video",
+        "callQuality": "Opkaldskvalitet",
+        "hd": "HD",
+        "hdTooltip": "Viser høj opløsning",
+        "highDefinition": "Høj opløsning",
+        "labelTooiltipNoVideo": "Ingen video",
+        "labelTooltipAudioOnly": "Kun-lyd er slået til",
+        "ld": "LD",
+        "ldTooltip": "Viser lav opløsning",
+        "lowDefinition": "Lav opløsning",
+        "onlyAudioAvailable": "Kun-lyd er tilgængelig",
+        "onlyAudioSupported": "Vi understøtter kun-lyd i denne browser.",
+        "sd": "SD",
+        "sdTooltip": "Viser standard opløsning",
+        "standardDefinition": "Standard opløsning"
+    },
+    "videothumbnail": {
+        "domute": "Slå lyd fra",
+        "domuteOthers": "Slå lyd fra for alle andre",
+        "flip": "Flip",
+        "kick": "Smid ud",
+        "moderator": "Moderator",
+        "mute": "Deltagerens lyd er slået fra",
+        "muted": "Lyd slået fra",
+        "remoteControl": "Fjernbetjening",
+        "show": "",
+        "videomute": "Deltageren har stoppet kameraet"
+    },
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Tryk for at deltage",
+            "roomname": "Skriv mødenavn"
+        },
+        "appDescription": "Chat med hele dit team eller invitér alle du kender. {{app}} er en fuldt krypteret, 100% open source videokonference løsning som du kan bruge hele dagen, hver dag, gratis - uden at du behøver en konto. ",
+        "audioVideoSwitch": {
+            "audio": "Lyd",
+            "video": "Video"
+        },
+        "betingelser": "Betingelser",
+        "calendar": "Kalender",
+        "connectCalendarButton": "Forbind til din kalender",
+        "connectCalendarText": "",
+        "enterRoomTitle": "Start et nyt møde",
+        "go": "Start",
+        "info": "Info",
+        "join": "Deltag",
+        "privacy": "Privacy",
+        "recentList": "Seneste",
+        "recentListDelete": "Slet",
+        "recentListEmpty": "Din seneste liste er i øjeblikket tom. Chat med dit team, og du finder alle dine seneste møder her.",
+        "reducedUIText": "",
+        "roomname": "Indtast mødenavn",
+        "roomnameHint": "Indtast mødenavnet på det møde, du vil deltage i.",
+        "sendFeedback": "Giv tilbagemelding",
+        "title": "Skærmbesøg & videomøder"
+    }
+}
diff --git a/lang/main-de.json b/lang/main-de.json
new file mode 100644
index 0000000..0701a3e
--- /dev/null
+++ b/lang/main-de.json
@@ -0,0 +1,1703 @@
+{
+    "addPeople": {
+        "accessibilityLabel": {
+            "meetingLink": "Konferenzlink: {{url}}"
+        },
+        "add": "Einladen",
+        "addContacts": "Laden Sie Ihre Kontakte ein",
+        "contacts": "Kontakte",
+        "copyInvite": "Sitzungseinladung kopieren",
+        "copyLink": "Konferenzlink kopieren",
+        "copyStream": "Livestreaminglink kopieren",
+        "countryNotSupported": "Wir unterstützen dieses Land noch nicht.",
+        "countryReminder": "Telefonnummer nicht in den USA? Bitte sicherstellen, dass die Telefonnummer mit dem Ländercode beginnt.",
+        "defaultEmail": "Ihre Standard-E-Mail",
+        "disabled": "Sie können keine Personen einladen.",
+        "failedToAdd": "Fehler beim Hinzufügen von Personen",
+        "googleEmail": "Google-E-Mail",
+        "inviteMoreHeader": "Sie sind alleine in der Sitzung",
+        "inviteMoreMailSubject": "An {{appName}} Konferenz teilnehmen",
+        "inviteMorePrompt": "Mehr Leute einladen",
+        "linkCopied": "Link in die Zwischenablage kopiert",
+        "noResults": "Keine passenden Ergebnisse",
+        "outlookEmail": "Outlook-E-Mail",
+        "phoneNumbers": "Telefonnummern",
+        "searching": "Suche…",
+        "shareInvite": "Einladung zur Versammlung teilen",
+        "shareLink": "Teilen Sie den Konferenzlink, um andere einzuladen",
+        "shareStream": "Den Livestreaminglink freigeben",
+        "sipAddresses": "SIP-Adressen",
+        "telephone": "Telefon: {{number}}",
+        "title": "Personen zu dieser Konferenz einladen",
+        "yahooEmail": "Yahoo-E-Mail"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "car": "Auto",
+        "headphones": "Kopfhörer",
+        "none": "Keine Audiogeräte verfügbar",
+        "phone": "Hörer",
+        "speaker": "Lautsprecher"
+    },
+    "audioOnly": {
+        "audioOnly": "Geringe Bandbreite"
+    },
+    "bandwidthSettings": {
+        "assumedBandwidthBps": "z.B. 10000000 für 10 Mbps",
+        "assumedBandwidthBpsWarning": "Höhere Werte können zu Netzwerk-Problemen führen.",
+        "customValue": "spezifischer Wert",
+        "customValueEffect": "setzt den Wert in bps",
+        "leaveEmpty": "leer lassen",
+        "leaveEmptyEffect": "aktiviert die automatische Abschätzung",
+        "possibleValues": "Mögliche Werte",
+        "setAssumedBandwidthBps": "Angenommene Bandbreite (bps)",
+        "title": "Einstellungen Bandbreite",
+        "zeroEffect": "schaltet Video aus"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "Breakout-Raum hinzufügen",
+            "autoAssign": "Automatisch auf Breakout-Räume verteilen",
+            "close": "Schließen",
+            "join": "Teilnehmen",
+            "leaveBreakoutRoom": "Breakout-Raum verlassen",
+            "more": "Mehr",
+            "remove": "Entfernen",
+            "rename": "Umbenennen",
+            "renameBreakoutRoom": "Breakout-Raum umbenennen",
+            "sendToBreakoutRoom": "Anwesende in Breakout-Raum verschieben:"
+        },
+        "breakoutList": "Breakout-Liste",
+        "buttonLabel": "Breakout-Räume",
+        "defaultName": "Breakout-Raum #{{index}}",
+        "hideParticipantList": "Personenliste ausblenden",
+        "mainRoom": "Hauptraum",
+        "notifications": {
+            "joined": "Breakout-Raum \"{{name}}\" betreten",
+            "joinedMainRoom": "Hauptraum betreten",
+            "joinedTitle": "Breakout-Räume"
+        },
+        "showParticipantList": "Personenliste anzeigen",
+        "title": "Breakout-Räume"
+    },
+    "calendarSync": {
+        "addMeetingURL": "Konferenzlink hinzufügen",
+        "confirmAddLink": "Möchten Sie einen Jitsi-Link zu diesem Termin hinzufügen?",
+        "error": {
+            "appConfiguration": "Kalenderintegration ist nicht richtig konfiguriert.",
+            "generic": "Ein Fehler ist aufgetreten. Prüfen Sie Ihre Kalendereinstellungen oder versuchen Sie, den Kalender zu aktualisieren.",
+            "notSignedIn": "Ein Fehler ist während der Authentifizierung zur Anzeige von Kalenderterminen aufgetreten. Prüfen Sie Ihre Kalendereinstellungen oder versuchen Sie, sich erneut anzumelden."
+        },
+        "join": "Teilnehmen",
+        "joinTooltip": "An Konferenz teilnehmen",
+        "nextMeeting": "Nächste Konferenz",
+        "noEvents": "Es gibt keine bevorstehenden Termine.",
+        "ongoingMeeting": "Laufende Konferenz",
+        "permissionButton": "Einstellungen öffnen",
+        "permissionMessage": "Die App benötigt Zugriff auf den Kalender, um Termine und Konferenzen anzuzeigen.",
+        "refresh": "Kalender aktualisieren",
+        "today": "Heute"
+    },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "Audiogerät auswählen"
+        },
+        "labels": {
+            "buttonLabel": "Automodus",
+            "title": "Automodus",
+            "videoStopped": "Ihre Kamera ist deaktiviert"
+        }
+    },
+    "chat": {
+        "disabled": "Chat-Nachrichten sind deaktiviert.",
+        "enter": "Chat-Raum betreten",
+        "error": "Fehler: Ihre Nachricht wurde nicht versendet. Grund: {{error}}",
+        "everyone": "Alle",
+        "fieldPlaceHolder": "Geben Sie Ihre Nachricht hier ein",
+        "fileAccessibleTitle": "{{user}} hat eine Datei hochgeladen",
+        "fileAccessibleTitleMe": "Ich habe eine Datei hochgeladen",
+        "fileDeleted": "Eine Datei wurde gelöscht",
+        "guestsChatIndicator": "(Gast)",
+        "lobbyChatMessageTo": "Lobby-Nachricht an {{recipient}}",
+        "message": "Nachricht",
+        "messageAccessibleTitle": "{{user}} sagt:",
+        "messageAccessibleTitleMe": "Ich sage:",
+        "messageTo": "Private Nachricht an {{recipient}}",
+        "messagebox": "Nachricht eingeben",
+        "newMessages": "Neue Nachrichten",
+        "nickname": {
+            "featureChat": "Chat",
+            "featureClosedCaptions": "Untertitel",
+            "featureFileSharing": "Dateien",
+            "featurePolls": "Umfragen",
+            "popover": "Wähle einen Alias",
+            "title": "Geben Sie einen Alias zum Chatten ein",
+            "titleWith1Features": "Geben Sie einen Alias ein, um {{feature1}} zu nutzen",
+            "titleWith2Features": "Geben Sie einen Alias ein, um {{feature1}} und {{feature2}} zu nutzen",
+            "titleWith3Features": "Geben Sie einen Alias ein, um {{feature1}}, {{feature2}} und {{feature3}} zu nutzen",
+            "titleWith4Features": "Geben Sie einen Alias ein, um {{feature1}}, {{feature2}}, {{feature3}} und {{feature4}} zu nutzen",
+            "titleWithCC": "Geben Sie einen Alias zum Chatten und für Untertitel ein",
+            "titleWithPolls": "Geben Sie einen Alias zum Chatten und für Umfragen ein",
+            "titleWithPollsAndCC": "Geben Sie einen Alias zum Chatten, für Umfragen und Untertitel ein",
+            "titleWithPollsAndCCAndFileSharing": "Geben Sie einen Alias zum Chatten, für Umfragen, Untertitel und Dateien ein"
+        },
+        "noMessagesMessage": "Es gibt noch keine Nachricht in dieser Konferenz. Starten Sie hier eine Unterhaltung!",
+        "privateNotice": "Private Nachricht an {{recipient}}",
+        "sendButton": "Senden",
+        "smileysPanel": "Emoji-Auswahl",
+        "systemDisplayName": "System",
+        "tabs": {
+            "chat": "Chat",
+            "closedCaptions": "Untertitel",
+            "fileSharing": "Dateien",
+            "polls": "Umfragen"
+        },
+        "title": "Chat",
+        "titleWithCC": "Untertitel",
+        "titleWithFeatures": "Chat und",
+        "titleWithFileSharing": "Dateien",
+        "titleWithPolls": "Umfragen",
+        "you": "Sie"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Chrome-Erweiterung installieren",
+        "buttonTextEdge": "Edge-Erweiterung installieren",
+        "close": "Schließen",
+        "dontShowAgain": "Hinweis nicht mehr anzeigen",
+        "installExtensionText": "Installieren Sie die Erweiterung für die Integration von Google Calendar und Office 365"
+    },
+    "closedCaptionsTab": {
+        "emptyState": "Die Untertitel sind verfügbar, sobald sie von der Moderation gestartet wurden",
+        "startClosedCaptionsButton": "Untertitel starten"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Eine Verbindung zu Ihrer Konferenz wird hergestellt…"
+    },
+    "connection": {
+        "ATTACHED": "Angehängt",
+        "AUTHENTICATING": "Authentifizierung läuft",
+        "AUTHFAIL": "Authentifizierung fehlgeschlagen",
+        "CONNECTED": "Verbunden",
+        "CONNECTING": "Verbindung wird hergestellt",
+        "CONNFAIL": "Verbindungsaufbau gescheitert",
+        "DISCONNECTED": "Getrennt",
+        "DISCONNECTING": "Verbindung wird getrennt",
+        "ERROR": "Fehler",
+        "FETCH_SESSION_ID": "Sitzungs-ID abrufen …",
+        "GET_SESSION_ID_ERROR": "Sitzungs-ID-Fehler erhalten: {{code}}",
+        "GOT_SESSION_ID": "Sitzungs-ID abrufen … beendet",
+        "LOW_BANDWIDTH": "Video für {{displayName}} wurde ausgeschaltet, um Bandbreite einzusparen"
+    },
+    "connectionindicator": {
+        "address": "Adresse:",
+        "audio_ssrc": "Audio-SSRC:",
+        "bandwidth": "Geschätzte Bandbreite:",
+        "bitrate": "Bitrate:",
+        "bridgeCount": "Serverzahl: ",
+        "codecs": "Codecs (A/V): ",
+        "connectedTo": "Verbunden mit:",
+        "e2eeVerified": "E2EE verifiziert:",
+        "framerate": "Bildwiederholrate:",
+        "less": "Weniger anzeigen",
+        "localaddress": "Lokale Adresse:",
+        "localaddress_plural": "Lokale Adressen:",
+        "localport": "Lokaler Port:",
+        "localport_plural": "Lokale Ports:",
+        "maxEnabledResolution": "max. senden",
+        "more": "Mehr anzeigen",
+        "no": "Nein",
+        "packetloss": "Paketverlust:",
+        "participant_id": "Personen-ID:",
+        "quality": {
+            "good": "Gut",
+            "inactive": "Inaktiv",
+            "lost": "Verloren",
+            "nonoptimal": "Nicht optimal",
+            "poor": "Schlecht"
+        },
+        "remoteaddress": "Entfernte Adresse:",
+        "remoteaddress_plural": "Entfernte Adressen:",
+        "remoteport": "Entfernter Port:",
+        "remoteport_plural": "Entfernte Ports:",
+        "resolution": "Auflösung:",
+        "savelogs": "Logs speichern",
+        "status": "Verbindung:",
+        "transport": "Protokoll:",
+        "transport_plural": "Protokolle:",
+        "video_ssrc": "Video-SSRC:",
+        "yes": "Ja"
+    },
+    "dateUtils": {
+        "earlier": "Früher",
+        "today": "Heute",
+        "yesterday": "Gestern"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Sie benötigen die „{{app}}“-App, um der Konferenz auf dem Smartphone beizutreten.",
+        "description": "Nichts passiert? Wir haben versucht, die Konferenz in {{app}} zu öffnen. Versuchen Sie es erneut oder treten Sie der Konferenz in {{app}} im Web bei.",
+        "descriptionNew": "Nichts passiert? Wir haben versucht, die Konferenz in {{app}} zu öffnen. <br /><br /> Versuchen Sie es erneut oder treten Sie der Konferenz im Web bei.",
+        "descriptionWithoutWeb": "Ist nichts passiert? Wir haben versucht, Ihre Konferenz in der „{{app}}“-Desktop-App zu starten.",
+        "downloadApp": "App herunterladen",
+        "downloadMobileApp": "Aus dem App Store herunterladen",
+        "ifDoNotHaveApp": "Wenn Sie die App noch nicht haben:",
+        "ifHaveApp": "Wenn Sie die App bereits haben:",
+        "joinInApp": "Mit der App an der Konferenz teilnehmen",
+        "joinInAppNew": "Mit der App",
+        "joinInBrowser": "Im Browser",
+        "launchMeetingLabel": "Wie möchten Sie an der Konferenz teilnehmen?",
+        "launchWebButton": "Im Web öffnen",
+        "noDesktopApp": "Sie haben die App noch nicht installiert?",
+        "noMobileApp": "Sie haben die App noch nicht installiert?",
+        "or": "oder",
+        "termsAndConditions": "Indem Sie fortfahren, stimmen Sie unseren <a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'>Nutzungsbedingungen</a> zu.",
+        "title": "Die Konferenz wird in {{app}} geöffnet …",
+        "titleNew": "Konferenz starten…",
+        "tryAgainButton": "Erneut versuchen",
+        "unsupportedBrowser": "Sie verwenden einen Browser, der noch nicht unterstützt wird."
+    },
+    "defaultLink": "Bsp.: {{url}}",
+    "defaultNickname": "Z. B. Jane Pink",
+    "deviceError": {
+        "cameraError": "Fehler beim Zugriff auf die Kamera",
+        "cameraPermission": "Fehler beim Bezug der Kamera-Zugriffsberechtigungen",
+        "microphoneError": "Fehler beim Zugriff auf das Mikrofon",
+        "microphonePermission": "Fehler beim Bezug der Mikrofon-Zugriffsberechtigungen"
+    },
+    "deviceSelection": {
+        "hid": {
+            "callControl": "Anrufsteuerung",
+            "connectedDevices": "Verbundene Geräte:",
+            "deleteDevice": "Gerät löschen",
+            "pairDevice": "Gerät verbinden"
+        },
+        "noPermission": "Berechtigungen nicht erteilt",
+        "previewUnavailable": "Keine Vorschau verfügbar",
+        "selectADevice": "Ein Gerät wählen",
+        "testAudio": "Prüfton wiedergeben"
+    },
+    "dialIn": {
+        "screenTitle": "Einwahldaten"
+    },
+    "dialOut": {
+        "statusMessage": "ist jetzt {{status}}"
+    },
+    "dialog": {
+        "Back": "Zurück",
+        "Cancel": "Abbrechen",
+        "IamHost": "Ich leite die Konferenz",
+        "Ok": "OK",
+        "Remove": "Entfernen",
+        "Share": "Teilen",
+        "Submit": "OK",
+        "Understand": "Verstanden, Stummschaltung beibehalten",
+        "UnderstandAndUnmute": "Verstanden, bitte Stummschaltung aufheben",
+        "WaitForHostNoAuthMsg": "Die Konferenz wurde noch nicht gestartet. Bitte warten Sie, bis die Konferenz gestartet wird.",
+        "WaitingForHostButton": "Auf Moderation warten",
+        "WaitingForHostTitle": "Warten auf den Beginn der Konferenz …",
+        "Yes": "Ja",
+        "accessibilityLabel": {
+            "Cancel": "Abbrechen (Popup schließen)",
+            "Ok": "OK (Speichern und Popup schließen)",
+            "close": "Popup schließen",
+            "liveStreaming": "Livestream",
+            "sharingTabs": "Optionen zum Teilen"
+        },
+        "add": "Hinzufügen",
+        "addMeetingNote": "Notiz zu dieser Konferenz hinzufügen",
+        "addOptionalNote": "Notiz hinzufügen (optional):",
+        "allow": "Erlauben",
+        "allowToggleCameraDialog": "Wollen Sie {{initiatorName}} erlauben, Ihre Kameraauswahl zu ändern?",
+        "allowToggleCameraTitle": "Änderung der Kamera zulassen?",
+        "alreadySharedVideoMsg": "Eine andere Person gibt bereits ein Video weiter. Bei dieser Konferenz ist jeweils nur ein geteiltes Video möglich.",
+        "alreadySharedVideoTitle": "Nur ein geteiltes Video gleichzeitig",
+        "applicationWindow": "Anwendungsfenster",
+        "authenticationRequired": "Authentifizierung benötigt",
+        "cameraCaptureDialog": {
+            "description": "Ein Bild mit Ihrer Kamera aufnehmen und senden",
+            "ok": "Kamera starten",
+            "reject": "Jetzt nicht",
+            "title": "Ein Bild aufnehmen"
+        },
+        "cameraConstraintFailedError": "Ihre Kamera erfüllt die notwendigen Anforderungen nicht.",
+        "cameraNotFoundError": "Kamera nicht gefunden.",
+        "cameraNotSendingData": "Die Kamera ist nicht verfügbar. Bitte prüfen, ob eine andere Applikation die Kamera verwendet, eine andere Kamera vom Einstellungs-Menü auswählen oder die Applikation neu laden.",
+        "cameraNotSendingDataTitle": "Zugriff auf Kamera nicht möglich",
+        "cameraPermissionDeniedError": "Die Berechtigung zur Verwendung der Kamera wurde nicht erteilt. Sie können trotzdem an der Konferenz teilnehmen, aber die anderen Personen können Sie nicht sehen. Verwenden Sie die Kamera-Schaltfläche in der Adressleiste, um die Berechtigungen zu erteilen.",
+        "cameraTimeoutError": "Die Videoquelle konnte nicht gestartet werden. Es ist eine Zeitüberschreitung aufgetreten!",
+        "cameraUnknownError": "Die Kamera kann aus einem unbekannten Grund nicht verwendet werden.",
+        "cameraUnsupportedResolutionError": "Die Kamera unterstützt die erforderliche Auflösung nicht.",
+        "close": "Schließen",
+        "conferenceDisconnectMsg": "Prüfen Sie allenfalls Ihre Netzwerkverbindung. Verbinde in {{seconds}} Sekunden …",
+        "conferenceDisconnectTitle": "Ihre Verbindung ist getrennt worden.",
+        "conferenceReloadMsg": "Wir versuchen das zu beheben. Verbinde in {{seconds}} Sekunden …",
+        "conferenceReloadTitle": "Leider ist etwas schiefgegangen.",
+        "confirm": "Bestätigen",
+        "confirmBack": "Zurück",
+        "confirmNo": "Nein",
+        "confirmYes": "Ja",
+        "connectError": "Oh! Es hat etwas nicht geklappt und der Konferenz konnte nicht beigetreten werden.",
+        "connectErrorWithMsg": "Oh! Es hat etwas nicht geklappt und der Konferenz konnte nicht beigetreten werden: {{msg}}",
+        "connecting": "Verbindung wird hergestellt",
+        "contactSupport": "Support kontaktieren",
+        "copied": "Kopiert",
+        "copy": "Kopieren",
+        "demoteParticipantDialog": "Sind Sie sicher, dass Sie diese Person zu den Gästen verschieben möchten?",
+        "demoteParticipantTitle": "Zu Gästen verschieben",
+        "dismiss": "OK",
+        "displayNameRequired": "Hallo! Wie ist Ihr Name?",
+        "done": "Fertig",
+        "e2eeDescription": "Ende-zu-Ende-Verschlüsselung ist derzeit noch EXPERIMENTELL. Bitte beachten Sie, dass das Aktivieren der Ende-zu-Ende-Verschlüsselung diverse serverseitige Funktionen deaktiviert: Aufnahmen, Livestreaming und Telefoneinwahl. Bitte beachten Sie außerdem, dass der Konferenz dann nur noch mit Browsern beigetreten werden kann, die Insertable Streams unterstützen.",
+        "e2eeDisabledDueToMaxModeDescription": "Ende-zu-Ende-Verschlüsselung kann aufgrund der großen Zahl an Anwesenden nicht aktiviert werden.",
+        "e2eeLabel": "Ende-zu-Ende-Verschlüsselung aktivieren",
+        "e2eeWarning": "WARNUNG: Nicht alle Personen dieser Konferenz scheinen Ende-zu-Ende-Verschlüsselung zu unterstützen. Wenn Sie diese aktivieren, können die entsprechenden Personen nichts mehr sehen oder hören.",
+        "e2eeWillDisableDueToMaxModeDescription": "WARNUNG: Ende-zu-Ende-Verschlüsselung wird automatisch deaktiviert, wenn weitere Anwesende an der Konferenz teilnehmen.",
+        "embedMeeting": "Konferenz einbetten",
+        "enterDisplayName": "Bitte geben Sie hier Ihren Namen ein",
+        "error": "Fehler",
+        "errorRoomCreationRestriction": "Sie haben versucht, zu schnell beizutreten, bitte versuchen Sie es gleich noch einmal.",
+        "gracefulShutdown": "Der Dienst steht momentan wegen Wartungsarbeiten nicht zur Verfügung. Bitte versuchen Sie es später noch einmal.",
+        "grantModeratorDialog": "Möchten Sie wirklich Moderationsrechte an diese Person vergeben?",
+        "grantModeratorTitle": "Moderationsrechte vergeben",
+        "hide": "Ausblenden",
+        "hideShareAudioHelper": "Diese Meldung nicht mehr anzeigen",
+        "incorrectPassword": "Name oder Passwort ungültig",
+        "incorrectRoomLockPassword": "Falsches Passwort",
+        "internalError": "Oh! Es hat etwas nicht funktioniert. Der folgende Fehler ist aufgetreten: {{error}}",
+        "internalErrorTitle": "Interner Fehler",
+        "kickMessage": "Sie können sich für mehr Details an {{participantDisplayName}} wenden.",
+        "kickParticipantButton": "Entfernen",
+        "kickParticipantDialog": "Wollen Sie diese Person wirklich entfernen?",
+        "kickParticipantTitle": "Person entfernen?",
+        "kickSystemTitle": "Autsch! Sie wurden aus der Konferenz geworfen",
+        "kickTitle": "Autsch! {{participantDisplayName}} hat Sie aus der Konferenz geworfen",
+        "learnMore": "Mehr erfahren",
+        "linkMeeting": "Konferenz verlinken",
+        "linkMeetingTitle": "Konferenz mit Salesforce verlinken",
+        "liveStreaming": "Livestreaming",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "Während einer Aufnahme nicht möglich",
+        "localUserControls": "Lokale Benutzersteuerung",
+        "lockMessage": "Die Konferenz konnte nicht gesperrt werden.",
+        "lockRoom": "Konferenz$t(lockRoomPassword) hinzufügen",
+        "lockTitle": "Sperren fehlgeschlagen",
+        "login": "Anmelden",
+        "loginQuestion": "Sind Sie sicher, dass sie sich anmelden und die Konferenz verlassen möchten?",
+        "logoutQuestion": "Sind Sie sicher, dass Sie sich abmelden und die Konferenz verlassen möchten?",
+        "logoutTitle": "Abmelden",
+        "maxUsersLimitReached": "Das Limit für die maximale Personenzahl ist erreicht. Die Konferenz ist voll. Bitte wenden Sie sich an die Konferenzleitung oder versuchen Sie es später noch einmal!",
+        "maxUsersLimitReachedTitle": "Maximale Personenzahl erreicht",
+        "micConstraintFailedError": "Ihr Mikrofon erfüllt die notwendigen Anforderungen nicht.",
+        "micNotFoundError": "Mikrofon nicht gefunden.",
+        "micNotSendingData": "Gehen Sie zu den Einstellungen Ihres Computers, um die Stummschaltung Ihres Mikrofons aufzuheben und seinen Pegel einzustellen",
+        "micNotSendingDataTitle": "Ihr Mikrofon ist durch Ihre Systemeinstellungen stumm geschaltet",
+        "micPermissionDeniedError": "Die Berechtigung zur Verwendung des Mikrofons wurde nicht erteilt. Sie können trotzdem an der Konferenz teilnehmen, aber die anderen Personen können Sie nicht hören. Verwenden Sie die Kamera-Schaltfläche in der Adressleiste, um die Berechtigungen zu erteilen.",
+        "micTimeoutError": "Audioquelle konnte nicht gestartet werden. Zeitüberschreitung",
+        "micUnknownError": "Das Mikrofon kann aus einem unbekannten Grund nicht verwendet werden.",
+        "moderationAudioLabel": "Erlaube Anwesenden die Stummschaltung für sich aufzuheben",
+        "moderationDesktopLabel": "Erlaube Anwesenden ihren Bildschirm freizugeben",
+        "moderationVideoLabel": "Erlaube Anwesenden ihre Kamera einzuschalten",
+        "muteEveryoneDialog": "Wollen Sie wirklich alle stummschalten? Sie können deren Stummschaltung nicht mehr beenden, aber sie können ihre Stummschaltung jederzeit selbst beenden.",
+        "muteEveryoneDialogModerationOn": "Die Anwesenden können eine Anfrage zum Sprechen jederzeit senden.",
+        "muteEveryoneElseDialog": "Einmal stummgeschaltet, können Sie deren Stummschaltung nicht mehr beenden, aber sie können ihre Stummschaltung jederzeit selbst beenden.",
+        "muteEveryoneElseTitle": "Alle außer {{whom}} stummschalten?",
+        "muteEveryoneElsesDesktopDialog": "Sobald die Bildschirmfreigaben beendet sind, können Sie diese nicht mehr starten, aber die anderen können sie jederzeit wieder starten.",
+        "muteEveryoneElsesDesktopTitle": "Alle Bildschirmfreigaben außer {{whom}} beenden?",
+        "muteEveryoneElsesVideoDialog": "Sobald die Kamera für alle anderen Personen deaktiviert ist, können Sie diese nicht wieder für alle einschalten, die anderen Personen können ihre Kamera aber jederzeit wieder einschalten.",
+        "muteEveryoneElsesVideoTitle": "Die Kamera von allen außer {{whom}} ausschalten?",
+        "muteEveryoneSelf": "sich selbst",
+        "muteEveryoneStartMuted": "Alle beginnen von jetzt an stummgeschaltet",
+        "muteEveryoneTitle": "Alle stummschalten?",
+        "muteEveryonesDesktopDialog": "Die Anwesenden können ihren Bildschirm jederzeit freigeben.",
+        "muteEveryonesDesktopDialogModerationOn": "Die Anwesenden können jederzeit eine Anfrage zur Bildschirmfreigabe senden.",
+        "muteEveryonesDesktopTitle": "Alle Bildschirmfreigaben beenden?",
+        "muteEveryonesVideoDialog": "Sind Sie sicher, dass Sie die Kamera von allen Personen deaktivieren möchten? Sie können dies nicht wieder rückgängig machen, jede Personen kann ihre Kamera aber jederzeit wieder einschalten.",
+        "muteEveryonesVideoDialogModerationOn": "Die Anwesenden können jederzeit eine Anfrage senden, um ihre Kamera einzuschalten.",
+        "muteEveryonesVideoDialogOk": "deaktivieren",
+        "muteEveryonesVideoTitle": "Die Kamera von allen anderen ausschalten?",
+        "muteParticipantBody": "Sie können die Stummschaltung anderer Personen nicht aufheben, aber eine Person kann ihre eigene Stummschaltung jederzeit beenden.",
+        "muteParticipantButton": "Stummschalten",
+        "muteParticipantsDesktopBody": "Sie können Bildschirmfreigaben von anderen nicht starten, sie können dies aber jederzeit.",
+        "muteParticipantsDesktopBodyModerationOn": "Weder Sie noch andere Anwesende können Bildschirmfreigaben starten.",
+        "muteParticipantsDesktopButton": "Bildschirmfreigabe beenden",
+        "muteParticipantsDesktopDialog": "Sind Sie sicher, dass Sie die Bildschirmfreigabe von dieser Person beenden möchten? Sie können diese nicht mehr starten, die Person aber jederzeit.",
+        "muteParticipantsDesktopDialogModerationOn": "Sind Sie sicher, dass Sie die Bildschirmfreigabe von dieser Person beenden möchten? Weder Sie noch die Person kann die Bildschirmfreigabe wieder starten.",
+        "muteParticipantsDesktopTitle": "Bildschirmfreigabe von dieser Person beenden?",
+        "muteParticipantsVideoBody": "Sie können die Kamera nicht wieder einschalten, die Person kann ihre Kamera aber jederzeit wieder einschalten.",
+        "muteParticipantsVideoBodyModerationOn": "Sie können die Kamera nicht wieder aktivieren und die Person selbst auch nicht.",
+        "muteParticipantsVideoButton": "Kamera ausschalten",
+        "muteParticipantsVideoDialog": "Wollen Sie die Kamera dieser Person wirklich deaktivieren? Sie können die Kamera nicht wieder aktivieren, die Person kann dies aber jederzeit selbst tun.",
+        "muteParticipantsVideoDialogModerationOn": "Wollen Sie die Kamera dieser Person wirklich deaktivieren? Sie können die Kamea nicht wieder aktivieren und die Person selbst auch nicht.",
+        "muteParticipantsVideoTitle": "Die Kamera von dieser Person ausschalten?",
+        "noDropboxToken": "Kein gültiges Dropbox-Token",
+        "password": "Passwort",
+        "passwordLabel": "Diese Konferenz wurde gesichert. Bitte geben Sie das $t(lockRoomPasswordUppercase) ein, um der Konferenz beizutreten.",
+        "passwordNotSupported": "Das Festlegen eines Konferenzpassworts wird nicht unterstützt.",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) nicht unterstützt",
+        "passwordRequired": "$t(lockRoomPasswordUppercase) erforderlich",
+        "permissionCameraRequiredError": "Der Zugriff auf die Kamera wird benötigt, um in Videokonferenzen teilzunehmen. Bitte in den Einstellungen zulassen",
+        "permissionErrorTitle": "Berechtigung benötigt",
+        "permissionMicRequiredError": "Der Zugriff auf das Mikrofon wird benötigt, um an Konferenzen mit Ton teilzunehmen. Bitte in den Einstellungen zulassen",
+        "readMore": "mehr",
+        "recentlyUsedObjects": "Ihre zuletzt verwendeten Objekte",
+        "recording": "Aufnahme",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "Während eines Livestreams nicht möglich",
+        "recordingInProgressDescription": "Diese Konferenz wird aufgezeichnet und von KI analysiert {{learnMore}}. Ihr Ton und Video ist deaktiviert, wenn Sie es aktivieren, stimmen Sie der Aufzeichnung zu.",
+        "recordingInProgressDescriptionFirstHalf": "Diese Konferenz wird aufgezeichnet und von KI analysiert",
+        "recordingInProgressDescriptionSecondHalf": ". Ihr Ton und Video ist deaktiviert, wenn Sie es aktivieren, stimmen Sie der Aufzeichnung zu.",
+        "recordingInProgressTitle": "Aufnahme läuft",
+        "rejoinNow": "Jetzt erneut beitreten",
+        "remoteControlAllowedMessage": "{{user}} hat die Anfrage zur Fernsteuerung angenommen!",
+        "remoteControlDeniedMessage": "{{user}} hat die Anfrage zur Fernsteuerung verweigert!",
+        "remoteControlErrorMessage": "Beim Anfordern der Fernsteuerungsberechtigung von {{user}} ist ein Fehler aufgetreten!",
+        "remoteControlRequestMessage": "Möchten Sie {{user}} erlauben, den Computer fernzusteuern?",
+        "remoteControlShareScreenWarning": "Achtung, wenn Sie die Anfrage genehmigen, starten Sie die Bildschirmfreigabe!",
+        "remoteControlStopMessage": "Die Fernsteuerung wurde beendet!",
+        "remoteControlTitle": "Fernsteuerung",
+        "remoteUserControls": "Remote Benutzersteuerung von {{username}}",
+        "removePassword": "$t(lockRoomPasswordUppercase) entfernen",
+        "removeSharedVideoMsg": "Sind Sie sicher, dass Sie das geteilte Video entfernen möchten?",
+        "removeSharedVideoTitle": "Freigegebenes Video entfernen",
+        "renameBreakoutRoomLabel": "Raumname",
+        "renameBreakoutRoomTitle": "Breakout-Raum umbenennen",
+        "reservationError": "Fehler im Reservierungssystem",
+        "reservationErrorMsg": "Fehler, Nummer: {{code}}, Nachricht: {{msg}}",
+        "retry": "Wiederholen",
+        "screenSharingAudio": "Audio teilen",
+        "screenSharingFailed": "Ups! Beim Teilen des Bildschirms ist etwas schiefgegangen!",
+        "screenSharingFailedTitle": "Bildschirmfreigabe fehlgeschlagen!",
+        "screenSharingPermissionDeniedError": "Ups! Etwas stimmt nicht mit Ihren Berechtigungen zur Bildschirmfreigabe. Bitte neu laden und erneut versuchen.",
+        "searchInSalesforce": "In Salesforce suchen",
+        "searchResults": "Suchergebnisse({{count}})",
+        "searchResultsDetailsError": "Beim Abrufen der Daten des Besitzers ist ein Fehler aufgetreten.",
+        "searchResultsError": "Beim Abrufen der Daten ist ein Fehler aufgetreten.",
+        "searchResultsNotFound": "Keine Suchergebnisse.",
+        "searchResultsTryAgain": "Versuchen Sie es mit anderen Stichwörtern.",
+        "sendPrivateMessage": "Sie haben kürzlich eine private Nachricht erhalten. Hatten Sie die Absicht, darauf privat zu antworten, oder wollen Sie Ihre Nachricht an die Gruppe senden?",
+        "sendPrivateMessageCancel": "An die Gruppe senden",
+        "sendPrivateMessageOk": "Privat antworten",
+        "sendPrivateMessageTitle": "Privat antworten?",
+        "serviceUnavailable": "Dienst nicht verfügbar",
+        "sessTerminated": "Konferenz beendet",
+        "sessTerminatedReason": "Die Konferenz wurde beendet",
+        "sessionRestarted": "Konferenz neugestartet",
+        "shareAudio": "Fortfahren",
+        "shareAudioAltText": "Um den gewünschten Inhalt zu teilen: Navigiere zu \"Browser tab\", wähle den Inhalt, aktiviere \"Audio teilen\" Kästchen Und klicke den “Teilen” schaltfläche",
+        "shareAudioTitle": "Wie kann Audio geteilt werden",
+        "shareAudioWarningD1": "müssen Sie Ihre Bildschirmfreigabe stoppen, bevor Sie Audio teilen können.",
+        "shareAudioWarningD2": "müssen Sie Ihre Bildschirmfreigabe neustarten und die Option \"Audio freigeben\" auswählen.",
+        "shareAudioWarningH1": "Wenn Sie Ihr Audio teilen wollen:",
+        "shareAudioWarningTitle": "Sie müssen die Bildschirmfreigabe ausschalten, bevor Sie Audio teilen können",
+        "shareMediaWarningGenericH2": "Wenn Sie Ihren Bildschirm und Audio teilen wollen",
+        "shareScreenWarningD1": "müssen Sie Ihre Audiofreigabe stoppen, bevor Sie ihren Bildschirm freigeben.",
+        "shareScreenWarningD2": "müssen Sie Ihre Audiofreigabe stoppen und dann die Bildschirmfreigabe mit der Option \"Audio freigeben\" starten.",
+        "shareScreenWarningH1": "Wenn Sie Ihren Bildschirm freigeben wollen:",
+        "shareScreenWarningTitle": "Sie müssen die Audiofreigabe beenden, bevor Sie den Bildschirm freigeben können",
+        "shareVideoConfirmPlay": "Sie öffnen dazu eine externe Seite. Möchten Sie fortfahren?",
+        "shareVideoConfirmPlayTitle": "{{name}} hat mit Ihnen ein Video geteilt.",
+        "shareVideoLinkError": "Bitte einen gültigen Link angeben.",
+        "shareVideoLinkStopped": "Das Video von {{name}} wurde gestoppt.",
+        "shareVideoTitle": "Video teilen",
+        "shareYourScreen": "Bildschirmfreigabe ein-/ausschalten",
+        "shareYourScreenDisabled": "Bildschirmfreigabe deaktiviert.",
+        "sharedVideoDialogError": "Fehler: Ungültige URL",
+        "sharedVideoLinkPlaceholder": "YouTube-URL oder direkte Video-URL",
+        "show": "Anzeigen",
+        "start": "Starte ",
+        "startLiveStreaming": "Livestream starten",
+        "startRecording": "Aufnahme starten",
+        "startRemoteControlErrorMessage": "Beim Versuch, die Fernsteuerung zu starten, ist ein Fehler aufgetreten!",
+        "stopLiveStreaming": "Livestream stoppen",
+        "stopRecording": "Aufnahme stoppen",
+        "stopRecordingWarning": "Sind Sie sicher, dass Sie die Aufnahme stoppen möchten?",
+        "stopStreamingWarning": "Sind Sie sicher, dass Sie den Livestream stoppen möchten?",
+        "streamKey": "Streamschlüssel",
+        "thankYou": "Danke für die Verwendung von {{appName}}!",
+        "token": "Token",
+        "tokenAuthFailed": "Sie sind nicht berechtigt, dieser Konferenz beizutreten.",
+        "tokenAuthFailedReason": {
+            "audInvalid": "Ungültiger `aud`-Wert. Erwartet wird `jitsi`.",
+            "contextNotFound": "Das `context`-Objekt fehlt.",
+            "expInvalid": "Ungültiger `exp`-Wert.",
+            "featureInvalid": "Ungültiges Feature: {{feature}}, noch nicht implementiert.",
+            "featureValueInvalid": "Ungültiger Wert für Feature: {{feature}}.",
+            "featuresNotFound": "Das `features`-Objekt fehlt.",
+            "headerNotFound": "Header fehlt.",
+            "issInvalid": "Ungültiger `iss`-Wert. Erwartet wird `chat`.",
+            "kidMismatch": "Die Key-ID (kid) passt nicht zum sub.",
+            "kidNotFound": "Fehlende Key-ID (kid).",
+            "nbfFuture": "Der `nbf`-Wert liegt in der Zukunft.",
+            "nbfInvalid": "Ungültiger `nbf`-Wert.",
+            "payloadNotFound": "Fehlende Payload.",
+            "tokenExpired": "Das Token ist abgelaufen."
+        },
+        "tokenAuthFailedTitle": "Authentifizierung fehlgeschlagen",
+        "tokenAuthFailedWithReasons": "Teilnahme an der Konferenz fehlgeschlagen. Möglicher Grund: {{reason}}",
+        "tokenAuthUnsupported": "Token-Authentifizierung wird nicht unterstützt.",
+        "transcribing": "Wird transkribiert",
+        "unauthenticatedAccessDisabled": "Zur Teilnahme an dieser Konferenz müssen Sie sich anmelden.",
+        "unlockRoom": "Konferenz$t(lockRoomPassword) entfernen",
+        "user": "Anmeldename",
+        "userIdentifier": "Benutzername",
+        "userPassword": "Passwort",
+        "verifyParticipantConfirm": "Sie stimmen überein",
+        "verifyParticipantDismiss": "Sie stimmen nicht überein",
+        "verifyParticipantQuestion": "EXPERIMENTELL: Frage Person {{participantName}} ob sie den selben Inhalt in der selben Reihenfolge sieht.",
+        "verifyParticipantTitle": "Personsverifikation",
+        "videoLink": "Video-Link",
+        "viewUpgradeOptions": "Upgradeoptionen anzeigen",
+        "viewUpgradeOptionsContent": "Sie müssen Ihren Tarif erweitern, um Premium-Features wie Aufnahme, Transkription, RTMP-Streaming und mehr zu nutzen.",
+        "viewUpgradeOptionsTitle": "Sie haben ein Premium-Feature entdeckt!",
+        "whiteboardLimitContent": "Die maximale Zahl an Nutzenden für das Whiteboard ist erreicht.",
+        "whiteboardLimitReference": "Für weitere Informationen besuchen Sie bitte",
+        "whiteboardLimitReferenceUrl": "unsere Webseite",
+        "whiteboardLimitTitle": "Whiteboard-Nutzung beschränkt",
+        "yourEntireScreen": "Ganzer Bildschirm"
+    },
+    "documentSharing": {
+        "title": "Freigegebenes Dokument"
+    },
+    "e2ee": {
+        "labelToolTip": "Audio- und Videodaten dieser Unterhaltung sind jetzt zwischen den Personen verschlüsselt"
+    },
+    "embedMeeting": {
+        "title": "Diese Konferenz einbetten"
+    },
+    "feedback": {
+        "accessibilityLabel": {
+            "yourChoice": "Ihre Auswahl: {{rating}}"
+        },
+        "average": "Durchschnittlich",
+        "bad": "Schlecht",
+        "detailsLabel": "Sagen Sie uns mehr dazu.",
+        "good": "Gut",
+        "rateExperience": "Bitte bewerten Sie diese Konferenz",
+        "star": "Sterne",
+        "veryBad": "Sehr schlecht",
+        "veryGood": "Sehr gut"
+    },
+    "fileSharing": {
+        "downloadFailedDescription": "Bitte nochmals versuchen.",
+        "downloadFailedTitle": "Download fehlgeschlagen",
+        "downloadFile": "Download",
+        "downloadStarted": "Download gestartet",
+        "dragAndDrop": "Dateien hier oder irgendwo auf dem Bildschirm loslassen",
+        "fileAlreadyUploaded": "Datei wurde schon zur Konferenz hochgeladen.",
+        "fileRemovedByOther": "Ihre Datei '{{ fileName }}' wurde entfernt",
+        "fileTooLargeDescription": "Bitte stellen Sie sicher, dass Ihre Datei nicht die Maximalgröße von {{ maxFileSize }} überschreitet.",
+        "fileTooLargeTitle": "Die ausgewählte Datei ist zu groß",
+        "fileUploadProgress": "Datei wird hochgeladen",
+        "fileUploadedSuccessfully": "Datei erfolgreich hochgeladen",
+        "newFileNotification": "{{ participantName }} hat Datei '{{ fileName }}' hochgeladen",
+        "removeFile": "Entfernen",
+        "removeFileSuccess": "Datei erfolgreich entfernt",
+        "uploadFailedDescription": "Bitte versuchen Sie es erneut.",
+        "uploadFailedTitle": "Dateiupload fehlgeschlagen",
+        "uploadFile": "Datei hochladen"
+    },
+    "filmstrip": {
+        "accessibilityLabel": {
+            "heading": "Videominiaturen"
+        }
+    },
+    "giphy": {
+        "noResults": "Keine Ergebnisse :(",
+        "search": "GIPHY durchsuchen"
+    },
+    "incomingCall": {
+        "answer": "Antworten",
+        "audioCallTitle": "Eingehender Anruf",
+        "decline": "OK",
+        "productLabel": "von Jitsi Meet",
+        "videoCallTitle": "Eingehender Videoanruf"
+    },
+    "info": {
+        "accessibilityLabel": "Informationen anzeigen",
+        "addPassword": "$t(lockRoomPasswordUppercase) hinzufügen",
+        "cancelPassword": "$t(lockRoomPasswordUppercase) löschen",
+        "conferenceURL": "Link:",
+        "copyNumber": "Nummer kopieren",
+        "country": "Land",
+        "dialANumber": "Um an der Konferenz teilzunehmen, müssen Sie eine dieser Nummern wählen und dann die PIN eingeben.",
+        "dialInConferenceID": "PIN:",
+        "dialInNotSupported": "Entschuldigung, leider wird das Einwählen derzeit nicht unterstützt.",
+        "dialInNumber": "Einwählen:",
+        "dialInSummaryError": "Fehler beim Abrufen der Einwahlinformationen. Versuchen Sie es später erneut.",
+        "dialInTollFree": "Gebührenfrei",
+        "genericError": "Es ist leider etwas schiefgegangen.",
+        "inviteLiveStream": "Klicken Sie auf {{url}}, um den Livestream dieser Konferenz zu öffnen",
+        "invitePhone": "Wenn Sie stattdessen per Telefon beitreten möchten, wählen sie: {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Suchen Sie nach einer anderen Einwahlnummer ?\nEinwahlnummern der Konferenz anzeigen: {{url}}\n\n\nWenn Sie sich auch über ein Raumtelefon einwählen, nehmen Sie teil, ohne sich mit dem Ton zu verbinden: {{silentUrl}}",
+        "inviteSipEndpoint": "Um mit SIP teilzunehmen, folgende Adresse nutzen: {{sipUri}}",
+        "inviteTextiOSInviteUrl": "An Konferenz teilnehmen: {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "Wenn Sie über ein Konferenztelefon teilnehmen, können Sie diesen Link nutzen um ohne Ton an der Konferenz teilzunehmen: {{silentUrl}}.",
+        "inviteTextiOSPersonal": "{{name}} lädt Sie zu einer Konferenz ein.",
+        "inviteTextiOSPhone": "Nutzen Sie folgende Nummer um via Telefon teilzunehmen: {{number}},,{{conferenceID}}#. Wenn Sie nach einer anderen Einwahlnummer suchen, finden Sie die vollständige Liste hier: {{didUrl}}.",
+        "inviteURLFirstPartGeneral": "Sie wurden zur Teilnahme an einer Konferenz eingeladen.",
+        "inviteURLFirstPartPersonal": "{{name}} lädt Sie zu einer Konferenz ein.\n",
+        "inviteURLSecondPart": "\nAn Konferenz teilnehmen:\n{{url}}\n",
+        "label": "Einwahlinformationen",
+        "liveStreamURL": "Livestream:",
+        "moreNumbers": "Weitere Telefonnummern",
+        "noNumbers": "Keine Telefonnummern verfügbar.",
+        "noPassword": "Kein Passwort benötigt",
+        "noRoom": "Keine Konferenz für die Einwahlinformationen angegeben.",
+        "noWhiteboard": "Whiteboard konnte nicht geladen werden.",
+        "numbers": "Einwahlnummern",
+        "password": "$t(lockRoomPasswordUppercase):",
+        "reachedLimit": "Sie haben die Grenzen Ihres Tarifs erreicht.",
+        "sip": "SIP-Adresse",
+        "sipAudioOnly": "SIP-Adresse (nur Ton)",
+        "title": "Teilen",
+        "tooltip": "Freigabe-Link und Einwahlinformationen für diese Konferenz",
+        "upgradeOptions": "Bitte prüfen Sie Ihre Upgrade-Optionen auf",
+        "whiteboardError": "Whiteboard konnte nicht geladen werden. Bitte versuchen Sie es später erneut."
+    },
+    "inlineDialogFailure": {
+        "msg": "Es ist ein Fehler aufgetreten.",
+        "retry": "Erneut versuchen",
+        "support": "Support",
+        "supportMsg": "Wenn der Fehler erneut auftritt, bitte kontaktieren Sie"
+    },
+    "inviteDialog": {
+        "alertText": "Die Einladung einiger Personen ist fehlgeschlagen.",
+        "header": "Einladen",
+        "searchCallOnlyPlaceholder": "Telefonnummer eingeben",
+        "searchPeopleOnlyPlaceholder": "Nach Personen suchen",
+        "searchPlaceholder": "Personen oder Telefonnummer",
+        "send": "Senden"
+    },
+    "jitsiHome": "{{logo}} Logo, verlinkt zur Homepage",
+    "keyboardShortcuts": {
+        "focusLocal": "Lokales Video fokussieren",
+        "focusRemote": "Auf das Video einer anderen Person fokussieren",
+        "fullScreen": "Vollbildmodus aktivieren oder deaktivieren",
+        "giphyMenu": "GIPHY ein- oder ausblenden",
+        "keyboardShortcuts": "Tastenkürzel",
+        "localRecording": "Lokale Aufzeichnungssteuerelemente ein- oder ausblenden",
+        "mute": "Stummschaltung aktivieren oder deaktivieren",
+        "pushToTalk": "Push-to-Talk (Sprechtaste)",
+        "raiseHand": "Hand heben",
+        "showSpeakerStats": "Sprechstatistik anzeigen",
+        "toggleChat": "Chat öffnen oder schließen",
+        "toggleFilmstrip": "Video-Miniaturansichten ein- oder ausblenden",
+        "toggleParticipantsPane": "Liste der Anwesenden ein- und ausblenden",
+        "toggleScreensharing": "Zwischen Kamera und Bildschirmfreigabe wechseln",
+        "toggleShortcuts": "Tastenkombinationen ein- oder ausblenden",
+        "videoMute": "Kamera starten oder stoppen"
+    },
+    "largeVideo": {
+        "screenIsShared": "Ihr Bildschirm wird freigegeben",
+        "showMeWhatImSharing": "Anzeigen, was freigegeben wird"
+    },
+    "liveStreaming": {
+        "busy": "Es werden Ressourcen zum Streamen bereitgestellt. Bitte in ein paar Minuten erneut versuchen.",
+        "busyTitle": "Alle Streaming-Instanzen sind in Gebrauch",
+        "changeSignIn": "Konten wechseln.",
+        "choose": "Livestream auswählen",
+        "chooseCTA": "Streaming-Option auswählen. Sie sind aktuell als {{email}} angemeldet.",
+        "enterStreamKey": "Streamschlüssel für den YouTube-Livestream hier eingeben.",
+        "error": "Das Livestreaming ist fehlgeschlagen. Bitte versuchen Sie es erneut.",
+        "errorAPI": "Beim Abrufen der YouTube-Livestreams ist ein Fehler aufgetreten. Bitte versuchen Sie, sich erneut anzumelden.",
+        "errorLiveStreamNotEnabled": "Livestreaming ist für {{email}} nicht aktiviert. Aktivieren Sie das Livestreaming oder melden Sie sich bei einem Konto mit aktiviertem Livestreaming an.",
+        "expandedOff": "Livestream wurde angehalten",
+        "expandedOn": "Die Konferenz wird momentan an YouTube gestreamt.",
+        "expandedPending": "Livestream wird gestartet …",
+        "failedToStart": "Livestream konnte nicht gestartet werden",
+        "getStreamKeyManually": "Wir waren nicht in der Lage, Livestreams abzurufen. Versuchen Sie, Ihren Livestream-Schlüssel von YouTube zu erhalten.",
+        "googlePrivacyPolicy": "Google-Datenschutzerklärung",
+        "inProgress": "Livestreaming gestartet",
+        "invalidStreamKey": "Der Livestream-Schlüssel ist u. U. falsch.",
+        "limitNotificationDescriptionNative": "Ihr Stream ist begrenzt auf {{limit}} Min. Für unlimitiertes Streaming, nutzen Sie bitte {{app}}.",
+        "limitNotificationDescriptionWeb": "Wegen hoher Nachfrage ist Ihr Stream auf {{limit}} Min. begrenzt. Für unlimitiertes Streaming nutzen Sie bitte <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "off": "Livestream gestoppt",
+        "offBy": "{{name}} stoppte den Livestream",
+        "on": "Livestream",
+        "onBy": "{{name}} startete den Livestream",
+        "pending": "Livestream wird gestartet …",
+        "policyError": "Sie haben den Livestream zu schnell gestartet. Bitte versuchen Sie es später noch einmal!",
+        "serviceName": "Livestreaming-Dienst",
+        "sessionAlreadyActive": "Diese Konferenz wird bereits als Livestream übertragen.",
+        "signIn": "Mit Google anmelden",
+        "signInCTA": "Anmelden oder den Streamschlüssel des YouTube-Livestreams eingeben.",
+        "signOut": "Abmelden",
+        "signedInAs": "Sie sind derzeit angemeldet als:",
+        "start": "Einen Livestream starten",
+        "streamIdHelp": "Was ist das?",
+        "title": "Livestream",
+        "unavailableTitle": "Livestreaming nicht verfügbar",
+        "youtubeTerms": "YouTube-Nutzungsbedingungen"
+    },
+    "lobby": {
+        "backToKnockModeButton": "Kein Passwort, stattdessen Beitritt anfragen",
+        "chat": "Chat",
+        "dialogTitle": "Lobbymodus",
+        "disableDialogContent": "Der Lobbymodus ist derzeit aktiviert. Diese Funktion stellt sicher, dass unerwünschte Personen Ihrer Konferenz nicht beitreten können. Funktion deaktivieren?",
+        "disableDialogSubmit": "Deaktivieren",
+        "emailField": "E-Mail-Adresse eingeben",
+        "enableDialogPasswordField": "Passwort setzen (optional)",
+        "enableDialogSubmit": "Aktivieren",
+        "enableDialogText": "Mit dem Lobbymodus schützen Sie Ihre Konferenz, damit der Beitritt von Ihnen moderiert werden kann.",
+        "enterPasswordButton": "Konferenzpasswort eingeben",
+        "enterPasswordTitle": "Passwort zum Beitreten benutzen",
+        "errorMissingPassword": "Bitte das Konferenzpasswort eingeben",
+        "invalidPassword": "Ungültiges Passwort",
+        "joinRejectedMessage": "Ihre Beitrittsanfrage wurde von der Moderation abgelehnt.",
+        "joinRejectedTitle": "Beitrittsanfrage abgelehnt.",
+        "joinTitle": "Konferenz beitreten",
+        "joinWithPasswordMessage": "Beitrittsversuch mit Passwort, bitte warten …",
+        "joiningMessage": "Sie treten der Konferenz bei, sobald jemand Ihre Anfrage annimmt.",
+        "joiningTitle": "Beitritt anfragen …",
+        "joiningWithPasswordTitle": "Mit Passwort beitreten …",
+        "knockButton": "Beitritt anfragen",
+        "knockTitle": "Jemand möchte der Konferenz beitreten",
+        "knockingParticipantList": "Liste anklopfender Personen",
+        "lobbyChatStartedNotification": "{{moderator}} hat einen Lobby-Chat mit {{attendee}} gestartet",
+        "lobbyChatStartedTitle": "{{moderator}} hat einen Lobby-Chat mit Ihnen gestartet.",
+        "lobbyClosed": "Die Lobby wurde geschlossen.",
+        "nameField": "Geben Sie Ihren Namen ein",
+        "notificationLobbyAccessDenied": "{{targetParticipantName}} wurde von {{originParticipantName}} der Zutritt verwehrt",
+        "notificationLobbyAccessGranted": "{{targetParticipantName}} wurde von {{originParticipantName}} der Zutritt gestattet",
+        "notificationLobbyDisabled": "{{originParticipantName}} hat die Lobby deaktiviert",
+        "notificationLobbyEnabled": "{{originParticipantName}} hat die Lobby aktiviert",
+        "notificationTitle": "Lobby",
+        "passwordJoinButton": "Beitreten",
+        "title": "Lobby",
+        "toggleLabel": "Lobby aktivieren",
+        "waitForModerator": "Die Konferenz wurde noch nicht gestartet, da noch keine Moderation anwesend ist. Wenn Sie zur Moderation gehören, melden Sie sich bitte an, ansonsten warten Sie bitte."
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Aus",
+            "on": "Ein",
+            "unknown": "Unbekannt"
+        },
+        "dialogTitle": "Lokale Aufzeichnungssteuerelemente",
+        "duration": "Dauer",
+        "durationNA": "N. v.",
+        "encoding": "Kodierung",
+        "label": "LOR",
+        "labelToolTip": "Lokale Aufzeichnung ist aktiviert",
+        "localRecording": "Lokale Aufzeichnung",
+        "me": "Ich",
+        "messages": {
+            "engaged": "Lokale Aufzeichnung ist aktiviert.",
+            "finished": "Aufzeichnung der Sitzung {{token}} ist beendet. Senden Sie die aufgezeichnete Datei an die Moderation.",
+            "finishedModerator": "Aufzeichnung der Sitzung {{token}} ist beendet. Die Aufzeichnung des lokalen Verlaufs wurde gespeichert. Bitten Sie die anderen Personen, ihre Aufzeichnungen zu übermitteln.",
+            "notModerator": "Sie moderieren nicht. Sie können die lokale Aufzeichnung nicht starten oder stoppen."
+        },
+        "moderator": "Moderation",
+        "no": "Nein",
+        "participant": "Person",
+        "participantStats": "Personenstatistik",
+        "selectTabTitle": "🎥 Bitte dieses Tab zur Aufzeichnung auswählen",
+        "sessionToken": "Sitzungs-Token",
+        "start": "Aufnahme starten",
+        "stop": "Aufnahme stoppen",
+        "stopping": "Aufnahme wird gestoppt",
+        "wait": "Bitte warten Sie während wir Ihre Aufnahme speichern",
+        "yes": "Ja"
+    },
+    "lockRoomPassword": "Passwort",
+    "lockRoomPasswordUppercase": "Passwort",
+    "lonelyMeetingExperience": {
+        "button": "Andere einladen",
+        "youAreAlone": "Nur Sie sind in dieser Konferenz"
+    },
+    "me": "ich",
+    "notify": {
+        "OldElectronAPPTitle": "Sicherheitslücke!",
+        "allowAll": "Alles einschalten",
+        "allowAudio": "Mikrofon einschalten",
+        "allowDesktop": "Bildschirmfreigabe einschalten",
+        "allowVideo": "Kamera einschalten",
+        "allowedUnmute": "Sie können die Stummschaltung aufheben, Ihre Kamera einschalten oder Ihren Bildschirm teilen.",
+        "audioUnmuteBlockedDescription": "Díe Stummschaltung kann aus Überlastungsschutzgründen temporär nicht aufgehoben werden.",
+        "audioUnmuteBlockedTitle": "Stummschaltung kann nicht aufgehoben werden!",
+        "chatMessages": "Chatnachrichten",
+        "connectedOneMember": "{{name}} nimmt an der Konferenz teil",
+        "connectedThreePlusMembers": "{{name}} und {{count}} andere Personen nehmen an der Konferenz teil",
+        "connectedTwoMembers": "{{first}} und {{second}} nehmen an der Konferenz teil",
+        "connectionFailed": "Verbindung fehlgeschlagen. Bitte versuchen Sie es später noch einmal!",
+        "dataChannelClosed": "Schlechte Videoqualität",
+        "dataChannelClosedDescription": "Die Steuerungsverbindung (Bridge Channel) wurde unterbrochen, daher ist die Videoqulität auf die schlechteste Stufe limitiert.",
+        "dataChannelClosedDescriptionWithAudio": "Die Steuerungsverbindung (Bridge Channel) wurde unterbrochen, daher können Video- und Tonprobleme auftreten.",
+        "dataChannelClosedWithAudio": "Ton- und Videoqualität können beeinträchtigt sein",
+        "desktopMutedRemotelyTitle": "Ihre Bildschirmfreigabe wurde von {{participantDisplayName}} gestoppt",
+        "disabledIframe": "Die Einbettung ist nur für Demo-Zwecke vorgesehen. Diese Konferenz wird in {{timeout}} Minuten beendet.",
+        "disabledIframeSecondaryNative": "Die Einbettung von {{domain}} ist nur für Demo-Zwecke vorgesehen. Diese Konferenz wird in {{timeout}} Minuten beendet.",
+        "disabledIframeSecondaryWeb": "Die Einbettung von {{domain}} ist nur für Demo-Zwecke vorgesehen. Diese Konferenz wird in {{timeout}} Minuten beendet. Bitte nutzen Sie <a href='{{jaasDomain}}' rel='noopener noreferrer' target='_blank'>Jitsi as a Service</a> für produktive Zwecke!",
+        "disconnected": "getrennt",
+        "displayNotifications": "Benachrichtigungen anzeigen für",
+        "dontRemindMe": "Nicht erinnern",
+        "focus": "Konferenzleitung",
+        "focusFail": "{{component}} ist im Moment nicht verfügbar – wiederholen in {{ms}} Sekunden",
+        "gifsMenu": "GIPHY",
+        "groupTitle": "Benachrichtigungen",
+        "hostAskedUnmute": "Die Moderation bittet Sie, das Mikrofon zu aktivieren",
+        "invalidTenant": "Ungültiger Mandant",
+        "invalidTenantHyphenDescription": "Der gewählte Mandantenname ist ungültig (beginnt oder endet mit '-').",
+        "invalidTenantLengthDescription": "Der gewählte Mandantenname ist zu lang.",
+        "invitedOneMember": "{{name}} wurde eingeladen",
+        "invitedThreePlusMembers": "{{name}} und {{count}} andere wurden eingeladen",
+        "invitedTwoMembers": "{{first}} und {{second}} wurden eingeladen",
+        "joinMeeting": "Beitreten",
+        "kickParticipant": "{{kicked}} wurde von {{kicker}} ausgewiesen",
+        "leftOneMember": "{{name}} hat die Konferenz verlassen",
+        "leftThreePlusMembers": "{{name}} und Weitere haben die Konferenz verlassen",
+        "leftTwoMembers": "{{first}} und {{second}} haben die Konferenz verlassen",
+        "linkToSalesforce": "Mit Salesforce verlinken",
+        "linkToSalesforceDescription": "Sie können die Zusammenfassung der Konferenz mit einem Objekt bei Salesforce verlinken.",
+        "linkToSalesforceError": "Konferenz konnte nicht mit Salesforce verlinkt werden",
+        "linkToSalesforceKey": "Konferenz verlinken",
+        "linkToSalesforceProgress": "Konferenz wird mit Salesforce verlinkt…",
+        "linkToSalesforceSuccess": "Die Konferenz wurde mit Salesforce verlinkt",
+        "localRecordingStarted": "{{name}} hat eine lokale Aufzeichnung gestartet.",
+        "localRecordingStopped": "{{name}} hat eine lokale Aufzeichnung gestoppt.",
+        "me": "Ich",
+        "moderationInEffectCSDescription": "Bitte melden um ein Video zu teilen",
+        "moderationInEffectCSTitle": "Die Videofreigabe ist von der Moderation gesperrt",
+        "moderationInEffectDescription": "Bitte melden um zu sprechen",
+        "moderationInEffectTitle": "Das Mikrofon ist von der Moderation gesperrt",
+        "moderationInEffectVideoDescription": "Bitte melden um die Kamera zu starten",
+        "moderationInEffectVideoTitle": "Die Kamera ist von der Moderation gesperrt",
+        "moderationRequestFromModerator": "Die Moderation bittet Sie, das Mikrofon zu aktivieren",
+        "moderationRequestFromParticipant": "möchte sprechen",
+        "moderationStartedTitle": "Moderation gestartet",
+        "moderationStoppedTitle": "Moderation gestoppt",
+        "moderationToggleDescription": "von {{participantDisplayName}}",
+        "moderator": "Moderationsrechte vergeben!",
+        "muted": "Der Konferenz wurde stumm beigetreten.",
+        "mutedRemotelyDescription": "Sie können jederzeit die Stummschaltung aufheben, wenn Sie bereit sind zu sprechen. Wenn Sie fertig sind, können Sie sich wieder stummschalten, um Geräusche von der Konferenz fernzuhalten.",
+        "mutedRemotelyTitle": "Sie wurden von {{participantDisplayName}} stummgeschaltet!",
+        "mutedTitle": "Stummschaltung aktiv!",
+        "newDeviceAction": "Verwenden",
+        "newDeviceAudioTitle": "Neues Audiogerät erkannt",
+        "newDeviceCameraTitle": "Neue Kamera erkannt",
+        "nextToSpeak": "Sie sind als Nächstes an der Reihe zu sprechen",
+        "noiseSuppressionDesktopAudioDescription": "Die Rauschunterdrückung kann nicht genutzt werden, wenn der Computersound geteilt wird, bitte zuerst deaktivieren und dann nochmals versuchen.",
+        "noiseSuppressionFailedTitle": "Rauschunterdrückung konnte nicht gestartet werden",
+        "noiseSuppressionStereoDescription": "Rauschunterdrückung unterstützt aktuell keinen Stereoton.",
+        "oldElectronClientDescription1": "Sie scheinen eine alte Version des Jitsi-Meet-Clients zu nutzen. Diese hat bekannte Schwachstellen. Bitte aktualisieren Sie auf unsere ",
+        "oldElectronClientDescription2": "aktuelle Version",
+        "oldElectronClientDescription3": "!",
+        "openChat": "Chat öffnen",
+        "participantWantsToJoin": "Möchte an der Konferenz teilnehmen",
+        "participantsWantToJoin": "Möchten an der Konferenz teilnehmen",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) von einer anderen Person entfernt",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) von einer anderen Person gesetzt",
+        "raiseHandAction": "Melden",
+        "raisedHand": "{{name}} möchte sprechen.",
+        "raisedHands": "{{participantName}} und {{raisedHands}} weitere möchten sprechen",
+        "reactionSounds": "Interaktionstöne deaktivieren",
+        "reactionSoundsForAll": "Interaktionstöne für alle deaktivieren",
+        "screenShareNoAudio": "Die Option \"Audio freigeben\" wurde bei der Auswahl des Fensters nicht ausgewählt.",
+        "screenShareNoAudioTitle": "Share audio was not checked",
+        "screenSharingAudioOnlyDescription": "Durch die Bildschirmfreigabe wird der Modus \"Beste Leistung\" beeinflusst und daher mehr Datenrate benötigt.",
+        "screenSharingAudioOnlyTitle": "Modus \"Beste Leistung\"",
+        "selfViewTitle": "Sie können die eigene Ansicht immer in den Einstellungen reaktivieren",
+        "somebody": "Jemand",
+        "startSilentDescription": "Treten Sie der Konferenz noch einmal bei, um Ihr Audio zu aktivieren",
+        "startSilentTitle": "Sie sind ohne Audioausgabe beigetreten!",
+        "suboptimalBrowserWarning": "Tut uns leid, aber die Konferenz wird mit {{appName}} kein großartiges Erlebnis. Wir versuchen immer die Situation zu verbessern, bis dahin empfehlen wir aber die Verwendung einer der <a href=\"{{recommendedBrowserPageLink}}\" target=\"_blank\">vollständig unterstützen Browser</a>.",
+        "suboptimalExperienceTitle": "Browserwarnung",
+        "suggestRecordingAction": "Starten",
+        "suggestRecordingDescription": "Möchten Sie eine Aufzeichnung starten?",
+        "suggestRecordingTitle": "Konferenz aufzeichnen",
+        "unmute": "Stummschaltung aufheben",
+        "unmuteScreen": "Bildschirmfreigabe starten",
+        "unmuteVideo": "Kamera einschalten",
+        "videoMutedRemotelyDescription": "Sie können sie jederzeit wieder einschalten.",
+        "videoMutedRemotelyTitle": "Ihre Kamera wurde von {{participantDisplayName}} ausgeschaltet!",
+        "videoUnmuteBlockedDescription": "Die Kamera und Bildschirmfreigabe kann aus Überlastungsschutzgründen temporär nicht eingeschaltet werden.",
+        "videoUnmuteBlockedTitle": "Kamera und Bildschirmfreigabe kann nicht aktiviert werden!",
+        "viewLobby": "Lobby ansehen",
+        "viewParticipants": "Personen anzeigen",
+        "viewVisitors": "Gäste anzeigen",
+        "waitingParticipants": "{{waitingParticipants}} Personen",
+        "waitingVisitors": "In der Lobby wartende Gäste: {{waitingVisitors}}",
+        "waitingVisitorsTitle": "Die Konferenz wurde noch nicht gestartet!",
+        "whiteboardLimitDescription": "Bitte speichern Sie Ihre Inhalte, da das Nutzungslimit bald erreicht wird und dann Ihr Whiteboard geschlossen wird.",
+        "whiteboardLimitTitle": "Whiteboard-Nutzung"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "Zulassen",
+            "admitAll": "Alle zulassen",
+            "allow": "Anwesenden erlauben:",
+            "allowDesktop": "Bildschirm freizugeben",
+            "allowVideo": "Kamera einschalten",
+            "askDesktop": "Anfragen, Bildschirm freizugeben",
+            "askUnmute": "Anfragen, Stummschaltung aufzuheben",
+            "audioModeration": "Für sich selbst die Stummschaltung aufzuheben",
+            "blockEveryoneMicCamera": "Kamera und Mikrofon von allen sperren",
+            "breakoutRooms": "Breakout-Räume",
+            "desktopModeration": "Bildschirmfreigabe",
+            "goLive": "Live gehen",
+            "invite": "Person einladen",
+            "lowerAllHands": "Alle Hände senken",
+            "lowerHand": "Hand senken",
+            "moreModerationActions": "Weitere Moderationsoptionen",
+            "moreModerationControls": "Weitere Moderationsoptionen",
+            "moreParticipantOptions": "Mehr Optionen für Anwesende",
+            "mute": "Stummschalten",
+            "muteAll": "Alle stummschalten",
+            "muteEveryoneElse": "Alle anderen stummschalten",
+            "reject": "Ablehnen",
+            "stopDesktop": "Bildschirmfreigabe beenden",
+            "stopEveryonesDesktop": "Alle Bildschirmfreigaben beenden",
+            "stopEveryonesVideo": "Alle Kameras ausschalten",
+            "stopVideo": "Kamera ausschalten",
+            "unblockEveryoneMicCamera": "Kamera und Mikrofon von allen entsperren",
+            "videoModeration": "Kamera einschalten"
+        },
+        "close": "Schließen",
+        "headings": {
+            "lobby": "Lobby ({{count}})",
+            "participantsList": "Anwesende ({{count}})",
+            "viewerRequests": "Zuschaueranfragen {{count}}",
+            "visitorInQueue": " (Wartende Gäste {{count}})",
+            "visitorRequests": " (Anfragen {{count}})",
+            "visitors": "Gäste ({{count}})",
+            "visitorsList": "Zuschauer ({{count}})",
+            "waitingLobby": "In der Lobby ({{count}})"
+        },
+        "search": "Suche Anwesende",
+        "searchDescription": "Tippen Sie um die Anwesendenliste zu filtern",
+        "title": "Anwesende"
+    },
+    "passwordDigitsOnly": "Bis zu {{number}} Ziffern",
+    "passwordSetRemotely": "von einer anderen Person gesetzt",
+    "pinParticipant": "{{participantName}} - anheften",
+    "pinnedParticipant": "Die Person ist angeheftet",
+    "polls": {
+        "answer": {
+            "edit": "Bearbeiten",
+            "send": "Senden",
+            "skip": "Überspringen",
+            "submit": "Speichern"
+        },
+        "by": "Von {{ name }}",
+        "closeButton": "Umfrage schließen",
+        "create": {
+            "accessibilityLabel": {
+                "send": "Umfrage erstellen"
+            },
+            "addOption": "Antwort hinzufügen",
+            "answerPlaceholder": "Antwort {{index}}",
+            "cancel": "Abbrechen",
+            "create": "Umfrage erstellen",
+            "pollOption": "Antwort {{index}}",
+            "pollQuestion": "Frage",
+            "questionPlaceholder": "Eine Frage stellen",
+            "removeOption": "Antwort entfernen",
+            "save": "Erstellen"
+        },
+        "errors": {
+            "notUniqueOption": "Optionen müssen einzigartig sein"
+        },
+        "notification": {
+            "description": "Öffnen Sie das Umfragen-Tab um abzustimmen",
+            "title": "Dieser Konferenz wurde eine Umfrage hinzugefügt"
+        },
+        "results": {
+            "changeVote": "Antwort ändern",
+            "empty": "Es gibt bisher keine Umfragen in dieser Konferenz. Sie können hier eine Umfrage starten!",
+            "hideDetailedResults": "Details verbergen",
+            "showDetailedResults": "Details anzeigen",
+            "vote": "Vote"
+        }
+    },
+    "poweredby": "Betrieben von",
+    "prejoin": {
+        "audioAndVideoError": "Audio- und Videofehler:",
+        "audioDeviceProblem": "Es gibt ein Problem mit Ihrem Audiogerät.",
+        "audioOnlyError": "Audiofehler:",
+        "audioTrackError": "Audiotrack konnte nicht erstellt werden.",
+        "callMe": "Mich anrufen",
+        "callMeAtNumber": "Mich unter dieser Nummer anrufen:",
+        "calling": "Rufaufbau",
+        "configuringDevices": "Geräte werden eingerichtet …",
+        "connectedWithAudioQ": "Sie sind mit Audio verbunden?",
+        "connection": {
+            "failed": "Verbindungstest fehlgeschlagen!",
+            "good": "Ihre Internetverbindung sieht gut aus!",
+            "nonOptimal": "Ihre Internetverbindung ist nicht optimal.",
+            "poor": "Sie haben eine schlechte Internetverbindung.",
+            "running": "Verbindung wird getestet…"
+        },
+        "connectionDetails": {
+            "audioClipping": "Ihr Ton wird wahrscheinlich abgehackt sein.",
+            "audioHighQuality": "Ihr Ton sollte exzellent klingen.",
+            "audioLowNoVideo": "Ihr Ton wird wahrscheinlich schlecht klingen und es wird kein Video geben.",
+            "goodQuality": "Großartig! Ihre Bild- und Tonqualität sollte super sein.",
+            "noMediaConnectivity": "Es konnte für diesen Test keine Medienverbindung hergestellt werden. Das wird gewöhnlich durch eine Firewall oder ein NAT ausgelöst.",
+            "noVideo": "Ihr Bild wird wahrscheinlich eine schlechte Qualität haben.",
+            "testFailed": "Der Verbindungstest ist fehlgeschlagen, dies beeinträchtigt evtl. Ihre Qualität.",
+            "undetectable": "Wenn Sie mit Ihrem Browser weiterhin Probleme in Konferenzen haben, sollten Sie die Verbindung und Funktion Ihrer Lautsprecher, Ihres Mikrofons und Ihrer Kamera überprüfen. Stellen Sie außerdem sicher, dass Ihr Browser die erforderlichen Rechte hat, auf das Mikrofon und die Kamera zuzugreifen, und dass Sie die neuste Browserversion installiert haben. Sollten Sie immer noch Probleme haben, kontaktieren Sie bitte den Support der Webanwendung.",
+            "veryPoorConnection": "Ihre Konferenzqualität wird wahrscheinlich sehr schlecht sein.",
+            "videoFreezing": "Ihr Bild wird wahrscheinlich einfrieren, schwarz werden und eine geringe Auflösung haben.",
+            "videoHighQuality": "Ihr Bild sollte sehr gut aussehen.",
+            "videoLowQuality": "Ihr Bild wird wahrscheinlich eine geringe Auflösung und Bildrate haben.",
+            "videoTearing": "Ihr Bild wird wahrscheinlich eine geringe Auflösung haben oder Artefakte aufweisen."
+        },
+        "copyAndShare": "Konferenzlink kopieren & teilen",
+        "dialInMeeting": "Telefoneinwahl",
+        "dialInPin": "In die Konferenz einwählen und PIN eingeben:",
+        "dialing": "Wählen",
+        "doNotShow": "Diesen Bildschirm nicht mehr anzeigen",
+        "errorDialOut": "Anruf fehlgeschlagen",
+        "errorDialOutDisconnected": "Anruf fehlgeschlagen. Verbindungsabbruch",
+        "errorDialOutFailed": "Anruf fehlgeschlagen. Anruf fehlgeschlagen",
+        "errorDialOutStatus": "Fehler beim Abrufen des Anrufstatus",
+        "errorMissingName": "Bitte geben Sie Ihren Namen ein, um der Konferenz beizutreten.",
+        "errorNoPermissions": "Sie müssen den Zugriff auf Mikrofon und Kamera erlauben",
+        "errorStatusCode": "Anruf fehlgeschlagen. Statuscode: {{status}}",
+        "errorValidation": "Nummerverifikation fehlgeschlagen",
+        "iWantToDialIn": "Ich möchte mich einwählen",
+        "initiated": "Anruf gestartet",
+        "joinAudioByPhone": "Per Telefon teilnehmen",
+        "joinMeeting": "Konferenz beitreten",
+        "joinMeetingInLowBandwidthMode": "Konferenz im Datensparmodus beitreten",
+        "joinWithoutAudio": "Ohne Ton beitreten",
+        "keyboardShortcuts": "Tastaturkurzbefehle aktivieren",
+        "linkCopied": "Link in die Zwischenablage kopiert",
+        "lookGood": "Alles scheint zu funktionieren.",
+        "or": "oder",
+        "premeeting": "Vorschau",
+        "proceedAnyway": "Trotzdem fortsetzen",
+        "recordingWarning": "Diese Konferenz wird möglicherweise von anderen Personen aufgezeichnet",
+        "screenSharingError": "Fehler bei Bildschirmfreigabe:",
+        "startWithPhone": "Mit Telefonaudio starten",
+        "unsafeRoomConsent": "Ich verstehe das Risiko und möchte der Konferenz beitreten",
+        "videoOnlyError": "Videofehler:",
+        "videoTrackError": "Videotrack konnte nicht erstellt werden.",
+        "viewAllNumbers": "alle Nummern anzeigen"
+    },
+    "presenceStatus": {
+        "busy": "Beschäftigt",
+        "calling": "Wird angerufen …",
+        "connected": "Verbunden",
+        "connecting": "Verbindung wird hergestellt…",
+        "connecting2": "Wird verbunden*…",
+        "disconnected": "Getrennt",
+        "expired": "Abgelaufen",
+        "ignored": "Ignoriert",
+        "initializingCall": "Anruf wird initialisiert…",
+        "invited": "Einladen",
+        "rejected": "Abgelehnt",
+        "ringing": "Es klingelt …"
+    },
+    "profile": {
+        "avatar": "Benutzerbild",
+        "setDisplayNameLabel": "Anzeigename festlegen",
+        "setEmailInput": "E-Mail eingeben",
+        "setEmailLabel": "E-Mail-Adresse für Gravatar",
+        "title": "Profil"
+    },
+    "raisedHand": "Ich möchte sprechen",
+    "raisedHandsLabel": "Anzahl gehobener Hände",
+    "record": {
+        "already": {
+            "linked": "Diese Konferenz ist bereits mit einem Objekt bei Salesforce verlinkt."
+        },
+        "type": {
+            "account": "Account",
+            "contact": "Contact",
+            "lead": "Lead",
+            "opportunity": "Opportunity",
+            "owner": "Owner"
+        }
+    },
+    "recording": {
+        "authDropboxText": "In Dropbox hochladen",
+        "availableSpace": "Verfügbarer Speicherplatz: {{spaceLeft}} MB (ca. {{duration}} Minuten Aufzeichnung)",
+        "beta": "BETA",
+        "busy": "Es werden Ressourcen für eine Aufnahme bereitgestellt. Bitte in ein paar Minuten erneut versuchen.",
+        "busyTitle": "Alle Aufnahme-Instanzen sind in Gebrauch",
+        "copyLink": "Link kopieren",
+        "error": "Die Aufzeichnung ist fehlgeschlagen. Bitte versuchen Sie es erneut.",
+        "errorFetchingLink": "Der Link zur Aufzeichnung konnte nicht geladen werden.",
+        "expandedOff": "Aufzeichnung wurde gestoppt",
+        "expandedOn": "Die Konferenz wird momentan aufgezeichnet.",
+        "expandedPending": "Aufzeichnung wird gestartet…",
+        "failedToStart": "Die Aufnahme konnte nicht gestartet werden",
+        "fileSharingdescription": "Aufzeichnung mit den Personen der Konferenz teilen",
+        "highlight": "Highlight",
+        "highlightMoment": "Moment als Highlight festhalten",
+        "highlightMomentDisabled": "Sie können Momente als Highlights festhalten, sobald die Aufnahme startet",
+        "highlightMomentSuccess": "Highlight festgehalten",
+        "highlightMomentSucessDescription": "Ihr festgehaltener Moment wird zur Zusammenfassung der Konferenz hinzugefügt.",
+        "inProgress": "Aufzeichnung gestartet",
+        "limitNotificationDescriptionNative": "Wegen hoher Nachfrage ist Ihre Aufnahme auf {{limit}} Min. begrenzt. Für unlimitierte Aufnahmen nutzen Sie bitte <3>{{app}}</3>.",
+        "limitNotificationDescriptionWeb": "Wegen hoher Nachfrage ist Ihre Aufnahme auf {{limit}} Min. begrenzt. Für unlimitierte Aufnahmen nutzen Sie bitte <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "linkGenerated": "Link zur Aufzeichnung wurde generiert.",
+        "localRecordingNoNotificationWarning": "Die Aufzeichnung wird anderen Anwesenden nicht mitgeteilt. Sie müssen diese selbst darauf hinweisen, dass die Konferenz aufgezeichnet wird.",
+        "localRecordingNoVideo": "Videos werden nicht aufgenommen",
+        "localRecordingStartWarning": "Bitte beenden Sie die Aufzeichnung vor dem Verlassen der Konferenz, um die Aufzeichnung zu speichern.",
+        "localRecordingStartWarningTitle": "Aufzeichnung zum Speichern beenden",
+        "localRecordingVideoStop": "Wenn Sie ihre Kamera abschalten wird auch die Aufnahme beendet. Sind Sie sicher, dass Sie fortfahren möchten?",
+        "localRecordingVideoWarning": "Um Ihr eigenes Kamerabild aufzuzeichnen, müssen Sie Ihre Kamera beim Start der Aufnahme einschalten",
+        "localRecordingWarning": "Bitte prüfen Sie, dass das aktuelle Tab auswählen, um Bild und Ton aufzuzeichnen.",
+        "loggedIn": "Als {{userName}} angemeldet",
+        "noMicPermission": "Zugriff auf Mikrofon fehlgeschlagen. Bitte erlauben Sie den Zugriff auf das Mikrofon.",
+        "noStreams": "Kein Ton oder Video erkannt.",
+        "off": "Aufnahme gestoppt",
+        "offBy": "{{name}} stoppte die Aufnahme",
+        "on": "Aufnahme",
+        "onBy": "{{name}} startete die Aufnahme",
+        "onlyRecordSelf": "Nur eigenes Kamerabild und Ton aufzeichnen",
+        "pending": "Aufzeichnung der Konferenz wird vorbereitet…",
+        "policyError": "Sie haben die Aufzeichnung zu schnell gestartet. Bitte versuchen Sie es später noch einmal.",
+        "recordAudioAndVideo": "Kamera und Ton aufzeichnen",
+        "recordTranscription": "Transkription aufzeichnen",
+        "saveLocalRecording": "Aufzeichnung lokal abspeichern",
+        "serviceDescription": "Ihre Aufzeichnung wird vom Aufzeichnungsdienst gespeichert",
+        "serviceDescriptionCloud": "Cloud-Aufzeichnung",
+        "serviceDescriptionCloudInfo": "Aufzeichnungen werden 24 Stunden nach Aufzeichnungsende automatisch gelöscht.",
+        "serviceName": "Aufnahmedienst",
+        "sessionAlreadyActive": "Diese Konferenz wird bereits aufgezeichnet.",
+        "showAdvancedOptions": "Weitere Optionen",
+        "signIn": "Anmelden",
+        "signOut": "Abmelden",
+        "surfaceError": "Bitte das aktuelle Tab auswählen.",
+        "title": "Aufnahme",
+        "unavailable": "Oh! Der {{serviceName}} ist aktuell nicht verfügbar. Wir arbeiten an der Behebung des Problems. Bitte versuchen Sie es später noch einmal.",
+        "unavailableTitle": "Aufnahme nicht verfügbar",
+        "uploadToCloud": "In die Cloud hochladen"
+    },
+    "screenshareDisplayName": "{{name}}s Bildschirmfreigabe",
+    "sectionList": {
+        "pullToRefresh": "Ziehen, um zu aktualisieren"
+    },
+    "security": {
+        "about": "Sie können Ihre Konferenz mit einem Passwort sichern. Personen müssen dieses eingeben, bevor sie an der Sitzung teilnehmen dürfen.",
+        "aboutReadOnly": "Mit Moderationsrechten kann die Konferenz mit einem Passwort gesichert werden. Personen müssen dieses eingeben, bevor sie an der Sitzung teilnehmen dürfen.",
+        "insecureRoomNameWarningNative": "Der Raumname ist unsicher. Unerwünschte Personen könnten Ihrer Konferenz beitreten. {{recommendAction}} Lernen Sie mehr über die Absicherung Ihrer Konferenz ",
+        "insecureRoomNameWarningWeb": "Der Raumname ist unsicher. Unerwünschte Personen könnten Ihrer Konferenz beitreten {{recommendAction}} Lernen Sie <a href=\"{{securityUrl}}\" rel=\"security\" target=\"_blank\">hier</a> mehr über die Absicherung Ihrer Konferenz.",
+        "title": "Sicherheitsoptionen",
+        "unsafeRoomActions": {
+            "meeting": "Erwägen Sie die Absicherung Ihrer Konferenz über den Sicherheits-Button.",
+            "prejoin": "Erwägen Sie einen einzigartigeren Raumnamen zu wählen.",
+            "welcome": "Erwägen Sie einen einzigartigeren Raumnamen zu wählen oder wählen Sie einen der Vorschläge."
+        }
+    },
+    "settings": {
+        "audio": "Audio",
+        "buttonLabel": "Einstellungen",
+        "calendar": {
+            "about": "Die Kalenderintegration von {{appName}} wird verwendet, um ein sicheres Zugreifen auf Ihren Kalender und Auslesen der bevorstehenden Termine zu ermöglichen.",
+            "disconnect": "Getrennt",
+            "microsoftSignIn": "Mit Microsoft anmelden",
+            "signedIn": "Momentan wird auf Kalendertermine von {{email}} zugegriffen. Klicken Sie auf die folgende Schaltfläche „Trennen“, um den Zugriff auf die Kalendertermine zu stoppen.",
+            "title": "Kalender"
+        },
+        "chatWithPermissions": "Chat nur für Moderation erlauben",
+        "desktopShareFramerate": "Framerate für Bildschirmfreigabe",
+        "desktopShareHighFpsWarning": "Eine höhere Framerate könnte sich auf Ihre Datenrate auswirken. Sie müssen die Bildschirmfreigabe neustarten, damit die Einstellung übernommen wird.",
+        "desktopShareWarning": "Sie müssen die Bildschirmfreigabe neustarten, damit die Einstellung übernommen wird.",
+        "devices": "Geräte",
+        "followMe": "Follow-me für alle Personen",
+        "followMeRecorder": "Aufnahme folgt mir",
+        "framesPerSecond": "FPS",
+        "incomingMessage": "Eingehende Nachricht",
+        "language": "Sprache",
+        "loggedIn": "Als {{name}} angemeldet",
+        "maxStageParticipants": "Maximale Anzahl an Personen, die zur Hauptansicht angeheftet werden können",
+        "microphones": "Mikrofon",
+        "moderator": "Moderation",
+        "moderatorOptions": "Moderationseinstellungen",
+        "more": "Mehr",
+        "name": "Name",
+        "noDevice": "Kein",
+        "notifications": "Benachrichtigungen",
+        "participantJoined": "Neue Person nimmt teil",
+        "participantKnocking": "Person hat Lobby betreten",
+        "participantLeft": "Person verlässt die Konferenz",
+        "playSounds": "Hinweistöne aktiviert",
+        "reactions": "Interaktionen",
+        "sameAsSystem": "Wie System ({{label}})",
+        "selectAudioOutput": "Audioausgabe",
+        "selectCamera": "Kamera",
+        "selectMic": "Mikrofon",
+        "selfView": "Eigene Ansicht",
+        "shortcuts": "Tastaturkürzel",
+        "showSubtitlesOnStage": "Untertitel in Hauptansicht anzeigen",
+        "speakers": "Lautsprecher",
+        "startAudioMuted": "Alle Personen treten stummgeschaltet bei",
+        "startReactionsMuted": "Interaktionstöne für alle deaktivieren",
+        "startVideoMuted": "Alle Personen treten ohne Video bei",
+        "talkWhileMuted": "Wenn bei Stummschaltung gesprochen wird",
+        "title": "Einstellungen",
+        "video": "Kamera"
+    },
+    "settingsView": {
+        "advanced": "Erweitert",
+        "alertCancel": "Abbrechen",
+        "alertOk": "OK",
+        "alertTitle": "Warnung",
+        "alertURLText": "Die angegebene Server-URL ist ungültig",
+        "apply": "Übernehmen",
+        "buildInfoSection": "Build-Informationen",
+        "conferenceSection": "Konferenz",
+        "disableCallIntegration": "Native Anrufintegration deaktivieren",
+        "disableCrashReporting": "Absturzberichte deaktivieren",
+        "disableCrashReportingWarning": "Möchten Sie die Absturzberichte wirklich deaktivieren? Diese Einstellung wird nach einem Neustart der App wirksam.",
+        "disableP2P": "Ende-zu-Ende-Modus deaktivieren",
+        "displayName": "Anzeigename",
+        "displayNamePlaceholderText": "z.B. Erika Musterfrau",
+        "email": "E-Mail",
+        "emailPlaceholderText": "email@beispiel.de",
+        "gavatarMessage": "Wenn Sie ein Gravatar-Konto mit Ihrer Emailadresse haben, wird dieses als Ihr Profilfoto verwendet.",
+        "goTo": "Gehe zu",
+        "header": "Einstellungen",
+        "help": "Hilfe",
+        "links": "Links",
+        "privacy": "Datenschutz",
+        "profileSection": "Profil",
+        "sdkVersion": "SDK-Version",
+        "serverURL": "Server-URL",
+        "showAdvanced": "Erweiterte Einstellungen anzeigen",
+        "startCarModeInLowBandwidthMode": "Automodus mit Datensparmodus starten",
+        "startWithAudioMuted": "Stumm beitreten",
+        "startWithVideoMuted": "Ohne Video beitreten",
+        "terms": "Nutzungsbedingungen",
+        "version": "Version"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nWollen Sie sich nur auf Ihrem Telefon einwählen?\n\n{{defaultDialInNumber}}Klicken Sie auf diesen Link, um die eingewählten Telefonnummern für diese Konferenz zu sehen\n{{dialInfoPageUrl}}",
+        "mainText": "Klicken Sie auf den folgenden Link, um der Konferenz beizutreten:\n{{roomUrl}}"
+    },
+    "speaker": "Sprecher/-in",
+    "speakerStats": {
+        "angry": "Sauer",
+        "disgusted": "Angeekelt",
+        "displayEmotions": "Emotionen anzeigen",
+        "fearful": "Ängstlich",
+        "happy": "Fröhlich",
+        "hours": "{{count}} Std. ",
+        "labelTooltip": "Anzahl der Personen: {{count}}",
+        "minutes": "{{count}} Min. ",
+        "name": "Name",
+        "neutral": "Neutral",
+        "sad": "Traurig",
+        "search": "Suche",
+        "searchDescription": "Tippen Sie um die Anwesendenliste zu filtern",
+        "searchHint": "Suche Anwesende",
+        "seconds": "{{count}} Sek.",
+        "speakerStats": "Sprechstatistik",
+        "speakerTime": "Sprechzeit",
+        "surprised": "Überrascht"
+    },
+    "startupoverlay": {
+        "genericTitle": "Die Konferenz muss Ihr Mikrofon und Ihre Kamera verwenden.",
+        "policyText": " ",
+        "title": "{{app}} benötigt Kamera und Mikrofon."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Erneut teilnehmen",
+        "text": "„<i>Erneut teilnehmen</i>“-Schaltfläche betätigen, um erneut zu verbinden.",
+        "title": "Die Konferenz wurde unterbrochen, weil der Standby-Modus aktiviert wurde."
+    },
+    "termsView": {
+        "title": "Nutzungsbedingungen"
+    },
+    "toggleTopPanelLabel": "Obere Leiste ein-/ausschalten",
+    "toolbar": {
+        "Settings": "Einstellungen",
+        "accessibilityLabel": {
+            "Settings": "Einstellungen einschalten",
+            "audioOnly": "„Nur Audio“ ein-/ausschalten",
+            "audioRoute": "Audiogerät auswählen",
+            "boo": "Buhen",
+            "breakoutRooms": "Breakout-Räume",
+            "callQuality": "Qualitätseinstellungen",
+            "carmode": "Automodus",
+            "cc": "Untertitel ein-/ausschalten",
+            "chat": "Chatfenster öffnen / schließen",
+            "clap": "Klatschen",
+            "closeChat": "Chat schließen",
+            "closeMoreActions": "„Weitere Einstellungen“ schließen",
+            "closeParticipantsPane": "Anwesendenliste schließen",
+            "closedCaptions": "Untertitel",
+            "collapse": "Einklappen",
+            "document": "Geteiltes Dokument schließen",
+            "documentClose": "Geteiltes Dokument schließen",
+            "documentOpen": "Geteiltes Dokument öffnen",
+            "download": "Unsere Apps herunterladen",
+            "embedMeeting": "Konferenz einbetten",
+            "endConference": "Konferenz für alle beenden",
+            "enterFullScreen": "Vollbildmodus einschalten",
+            "enterTileView": "Kachelansicht einschalten",
+            "exitFullScreen": "Vollbildansicht ausschalten",
+            "exitTileView": "Kachelansicht ausschalten",
+            "expand": "Ausklappen",
+            "feedback": "Feedback hinterlassen",
+            "fullScreen": "Vollbildmodus ein-/ausschalten",
+            "giphy": "GIPHY ein-/ausschalten",
+            "grantModerator": "Moderationsrechte vergeben",
+            "hangup": "Konferenz verlassen",
+            "heading": "Toolbar",
+            "help": "Hilfe",
+            "hideWhiteboard": "Whiteboard ausblenden",
+            "invite": "Person einladen",
+            "kick": "Person entfernen",
+            "laugh": "Lachen",
+            "leaveConference": "Konferenz verlassen",
+            "like": "Daumen nach oben",
+            "linkToSalesforce": "Mit Salesforce verlinken",
+            "lobbyButton": "Lobbymodus ein-/ausschalten",
+            "localRecording": "Lokale Aufzeichnungssteuerelemente ein-/ausschalten",
+            "lockRoom": "Konferenzpasswort ein-/ausschalten",
+            "love": "Herz",
+            "lowerHand": "Hand senken",
+            "moreActions": "Menü „Weitere Einstellungen“ ein-/ausschalten",
+            "moreActionsMenu": "Menü „Weitere Einstellungen“",
+            "moreOptions": "Menü „Weitere Optionen“",
+            "mute": "Mikrofon deaktivieren",
+            "muteEveryone": "Alle stummschalten",
+            "muteEveryoneElse": "Alle anderen stummschalten",
+            "muteEveryoneElsesVideoStream": "Alle anderen Kameras ausschalten",
+            "muteEveryonesVideoStream": "Alle Kameras ausschalten",
+            "muteGUMPending": "Verbinde Ihr Mikrofon",
+            "noiseSuppression": "Rauschunterdrückung",
+            "openChat": "Chat öffnen",
+            "participants": "Anwesenheitsliste öffnen. {{participantsCount}} anwesend",
+            "pip": "Bild-in-Bild-Modus ein-/ausschalten",
+            "privateMessage": "Private Nachricht senden",
+            "profile": "Profil bearbeiten",
+            "raiseHand": "Hand heben",
+            "react": "Chat-Interaktionen",
+            "reactions": "Interaktionen",
+            "reactionsMenu": "Interaktionsmenü öffnen / schließen",
+            "recording": "Aufzeichnung ein-/ausschalten",
+            "remoteMute": "Personen stummschalten",
+            "remoteVideoMute": "Kamera von dieser Person ausschalten",
+            "security": "Sicherheitsoptionen",
+            "selectBackground": "Hintergrund auswählen",
+            "selfView": "Eigene Ansicht ein-/ausschalten",
+            "shareRoom": "Person einladen",
+            "shareYourScreen": "Bildschirmfreigabe ein-/ausschalten",
+            "shareaudio": "Audio teilen",
+            "sharedvideo": "Videofreigabe ein-/ausschalten",
+            "shortcuts": "Tastenkombinationen ein-/ausblenden",
+            "show": "Im Vordergrund anzeigen",
+            "showWhiteboard": "Whiteboard anzeigen",
+            "silence": "Stille",
+            "speakerStats": "Sprechstatistik ein-/ausblenden",
+            "stopScreenSharing": "Bildschirmfreigabe beenden",
+            "stopSharedVideo": "Videofreigabe beenden",
+            "surprised": "Überrascht",
+            "tileView": "Kachelansicht ein-/ausschalten",
+            "toggleCamera": "Kamera wechseln",
+            "toggleFilmstrip": "Miniaturansichten ein-/ausschalten",
+            "unmute": "Stummschaltung aufheben",
+            "videoblur": "Unscharfer Hintergrund ein-/ausschalten",
+            "videomute": "Kamera stoppen",
+            "videomuteGUMPending": "Verbinde Ihre Kamera",
+            "videounmute": "Kamera einschalten"
+        },
+        "addPeople": "Personen zur Konferenz hinzufügen",
+        "advancedAudioSettings": {
+            "aec": {
+                "label": "Echounterdrückung"
+            },
+            "agc": {
+                "label": "Automatische Mikrofonlautstärke"
+            },
+            "ns": {
+                "label": "Rauschunterdrückung"
+            },
+            "stereo": {
+                "label": "Stereo"
+            }
+        },
+        "audioOnlyOff": "Modus „Nur Audio“ deaktivieren",
+        "audioOnlyOn": "Modus „Nur Audio“ aktivieren",
+        "audioRoute": "Audiogerät auswählen",
+        "audioSettings": "Ton-Einstellungen",
+        "authenticate": "Anmelden",
+        "boo": "Buhen",
+        "callQuality": "Qualitätseinstellungen",
+        "chat": "Chat öffnen / schließen",
+        "clap": "Klatschen",
+        "closeChat": "Chat schließen",
+        "closeParticipantsPane": "Anwesenheitsliste schließen",
+        "closeReactionsMenu": "Interaktionsmenü schließen",
+        "closedCaptions": "Untertitel",
+        "disableNoiseSuppression": "Rauschunterdrückung deaktivieren",
+        "disableReactionSounds": "Sie können die Interaktionstöne für diese Konferenz deaktivieren",
+        "documentClose": "Geteiltes Dokument schließen",
+        "documentOpen": "Geteiltes Dokument öffnen",
+        "download": "Unsere Apps herunterladen",
+        "e2ee": "Ende-zu-Ende-Verschlüsselung",
+        "embedMeeting": "Konferenz einbetten",
+        "enableNoiseSuppression": "Rauschunterdrückung einschalten",
+        "endConference": "Konferenz für alle beenden",
+        "enterFullScreen": "Vollbildmodus",
+        "enterTileView": "Kachelansicht einschalten",
+        "exitFullScreen": "Vollbildmodus verlassen",
+        "exitTileView": "Kachelansicht ausschalten",
+        "feedback": "Feedback hinterlassen",
+        "fileSharing": "Dateien",
+        "giphy": "GIPHY ein-/ausschalten",
+        "hangup": "Konferenz verlassen",
+        "help": "Hilfe",
+        "hideWhiteboard": "Whiteboard ausblenden",
+        "invite": "Personen einladen",
+        "joinBreakoutRoom": "In Breakout-Raum wechseln",
+        "laugh": "Lachen",
+        "leaveBreakoutRoom": "Breakout-Raum verlassen",
+        "leaveConference": "Konferenz verlassen",
+        "like": "Daumen hoch",
+        "linkToSalesforce": "Mit Salesforce verknüpfen",
+        "lobbyButtonDisable": "Lobbymodus deaktivieren",
+        "lobbyButtonEnable": "Lobbymodus aktivieren",
+        "login": "Anmelden",
+        "logout": "Abmelden",
+        "love": "Herz",
+        "lowerYourHand": "Hand senken",
+        "moreActions": "Weitere Einstellungen",
+        "moreOptions": "Weitere Optionen",
+        "mute": "Audio stummschalten",
+        "muteEveryone": "Alle stummschalten",
+        "muteEveryonesVideo": "Alle Kameras ausschalten",
+        "muteGUMPending": "Verbinde Ihre Kamera",
+        "noAudioSignalDesc": "Wenn Sie das Gerät nicht absichtlich über die Systemeinstellungen oder die Hardware stumm geschaltet haben, sollten Sie einen Wechsel des Geräts in Erwägung ziehen.",
+        "noAudioSignalDescSuggestion": "Wenn Sie das Gerät nicht absichtlich über die Systemeinstellungen oder die Hardware stummgeschaltet haben, sollten Sie einen Wechsel auf das vorgeschlagene Gerät in Erwägung ziehen.",
+        "noAudioSignalDialInDesc": "Sie können sich auch über die Einwahlnummer einwählen:",
+        "noAudioSignalDialInLinkDesc": "Einwahlnummern",
+        "noAudioSignalTitle": "Es kommt kein Input von Ihrem Mikrofon!",
+        "noiseSuppression": "Rauschunterdrückung",
+        "noisyAudioInputDesc": "Es klingt, als ob Ihr Mikrofon Störgeräusche verursacht. Bitte überlegen Sie, ob Sie das Gerät stummschalten oder austauschen wollen.",
+        "noisyAudioInputTitle": "Ihr Mikrofon scheint lärmintensiv zu sein!",
+        "openChat": "Chat öffnen",
+        "openReactionsMenu": "Interaktionsmenü öffnen",
+        "participants": "Anwesende",
+        "pip": "Bild-in-Bild-Modus einschalten",
+        "polls": "Umfragen",
+        "privateMessage": "Private Nachricht senden",
+        "profile": "Profil bearbeiten",
+        "raiseHand": "Hand heben",
+        "raiseYourHand": "Melden",
+        "reactionBoo": "Buhen senden",
+        "reactionClap": "Klatschen senden",
+        "reactionHeart": "Herz senden",
+        "reactionLaugh": "Lachen senden",
+        "reactionLike": "Daumen hoch senden",
+        "reactionLove": "Liebe senden",
+        "reactionSilence": "Stille senden",
+        "reactionSurprised": "Überrascht senden",
+        "reactions": "Interaktionen",
+        "security": "Sicherheitsoptionen",
+        "selectBackground": "Hintergrund auswählen",
+        "shareRoom": "Person einladen",
+        "shareaudio": "Audio teilen",
+        "sharedvideo": "Video teilen",
+        "shortcuts": "Tastenkürzel anzeigen",
+        "showWhiteboard": "Whiteboard anzeigen",
+        "silence": "Stille",
+        "speakerStats": "Sprechstatistik",
+        "startScreenSharing": "Bildschirmfreigabe starten",
+        "startSubtitles": "Untertitel einschalten",
+        "stopAudioSharing": "Audiofreigabe stoppen",
+        "stopScreenSharing": "Bildschirmfreigabe stoppen",
+        "stopSharedVideo": "Video stoppen",
+        "stopSubtitles": "Untertitel ausschalten",
+        "surprised": "Überrascht",
+        "talkWhileMutedPopup": "Versuchen Sie zu sprechen? Ihr Mikrofon ist stummgeschaltet.",
+        "tileViewToggle": "Kachelansicht ein-/ausschalten",
+        "toggleCamera": "Kamera wechseln",
+        "unmute": "Stummschaltung aufheben",
+        "videoSettings": "Kamera-Einstellungen",
+        "videomute": "Kamera stoppen",
+        "videomuteGUMPending": "Verbinde Ihre Kamera",
+        "videounmute": "Kamera einschalten"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Untertitel ein-/ausschalten",
+        "expandedLabel": "Transkribieren ist derzeit eingeschaltet",
+        "failed": "Transkribieren fehlgeschlagen",
+        "labelTooltip": "Die Konferenz wird transkribiert",
+        "labelTooltipExtra": "Zusätzlich wird das Transkript später verfügbar sein.",
+        "openClosedCaptions": "Untertitel öffnen",
+        "original": "Original",
+        "sourceLanguageDesc": "Aktuell ist die Sprache der Konferenz auf <b>{{sourceLanguage}}</b> eingestellt. <br/> Sie könne dies hier ",
+        "sourceLanguageHere": "ändern",
+        "start": "Anzeige der Untertitel starten",
+        "stop": "Anzeige der Untertitel stoppen",
+        "subtitles": "Untertitel",
+        "subtitlesOff": "Ausschalten",
+        "tr": "TR",
+        "translateTo": "Übersetzen in"
+    },
+    "unpinParticipant": "{{participantName}} - Nicht mehr anheften",
+    "userMedia": {
+        "grantPermissions": "Bitte Berechtigungen zur Verwendung der Kamera und des Mikrofons erteilen."
+    },
+    "videoSIPGW": {
+        "busy": "Es stehen keine freien Ressourcen zur Verfügung. Bitte versuchen Sie es später noch einmal.",
+        "busyTitle": "Keine freien Ressourcen",
+        "errorAlreadyInvited": "{{displayName}} ist bereits eingeladen",
+        "errorInvite": "Die Konferenz konnte nicht gestartet werden. Bitte versuchen Sie es später noch einmal.",
+        "errorInviteFailed": "Wir arbeiten an der Behebung des Problems. Bitte versuchen Sie es später noch einmal.",
+        "errorInviteFailedTitle": "{{displayName}} konnte nicht eingeladen werden",
+        "errorInviteTitle": "Fehler beim Erstellen der Konferenz",
+        "pending": "{{displayName}} wurde eingeladen"
+    },
+    "videoStatus": {
+        "adjustFor": "Einstellen für:",
+        "audioOnly": "AUD",
+        "audioOnlyExpanded": "Sie befinden sich im Modus „Nur Audio“. Dieser Modus benötigt weniger Bandbreite, Sie sehen jedoch nicht die Videos der anderen.",
+        "bestPerformance": "Beste Leistung",
+        "callQuality": "Videoqualität",
+        "hd": "HD",
+        "hdTooltip": "Video wird in hoher Auflösung angezeigt",
+        "highDefinition": "Hohe Auflösung",
+        "highestQuality": "Höchste Qualität",
+        "labelTooiltipNoVideo": "Kein Video",
+        "labelTooltipAudioOnly": "„Nur Audio“-Modus aktiv",
+        "ld": "LD",
+        "ldTooltip": "Video wird in niedriger Auflösung angezeigt",
+        "lowDefinition": "Niedrige Auflösung",
+        "performanceSettings": "Qualitätseinstellungen",
+        "recording": "Aufnahme läuft",
+        "sd": "SD",
+        "sdTooltip": "Video wird in Standardauflösung angezeigt",
+        "standardDefinition": "Standardauflösung",
+        "streaming": "Streaming läuft"
+    },
+    "videothumbnail": {
+        "connectionInfo": "Verbindungsinformationen",
+        "demote": "Zu Gästen verschieben",
+        "domute": "Stummschalten",
+        "domuteDesktop": "Bildschirmfreigabe beenden",
+        "domuteDesktopOfOthers": "Bildschirmfreigabe für alle beenden",
+        "domuteOthers": "Alle anderen stummschalten",
+        "domuteVideo": "Kamera ausschalten",
+        "domuteVideoOfOthers": "Alle anderen Kameras auschalten",
+        "flip": "Spiegeln",
+        "grantModerator": "Moderationsrechte vergeben",
+        "hideSelfView": "Eigene Ansicht ausblenden",
+        "kick": "Hinauswerfen",
+        "mirrorVideo": "Mein Video spiegeln",
+        "moderator": "Moderation",
+        "mute": "Person ist stumm geschaltet",
+        "muted": "Stummgeschaltet",
+        "pinToStage": "Anheften",
+        "remoteControl": "Fernsteuerung",
+        "screenSharing": "Person teilt den Bildschirm",
+        "show": "Im Vordergrund anzeigen",
+        "showSelfView": "Eigene Ansicht anzeigen",
+        "unpinFromStage": "Lösen",
+        "verify": "Person verifizieren",
+        "videoMuted": "Kamera ausgeschaltet",
+        "videomute": "Person hat die Kamera angehalten"
+    },
+    "virtualBackground": {
+        "accessibilityLabel": {
+            "currentBackground": "Aktueller Hintergrund: {{background}}",
+            "selectBackground": "Hintergrund auswählen"
+        },
+        "addBackground": "Hintergrund hinzufügen",
+        "apply": "Anwenden",
+        "backgroundEffectError": "Hintergrund konnte nicht aktiviert werden.",
+        "blur": "Hintergrund unscharf",
+        "deleteImage": "Bild löschen",
+        "desktopShare": "Desktopfreigabe",
+        "desktopShareError": "Desktop konnte nicht freigegeben werden",
+        "image1": "Strand",
+        "image2": "Weiße neutrale Wand",
+        "image3": "Weißer leerer Raum",
+        "image4": "Schwarze Stehlampe",
+        "image5": "Berg",
+        "image6": "Wald",
+        "image7": "Sonnenaufgang",
+        "none": "keiner",
+        "pleaseWait": "Bitte warten…",
+        "removeBackground": "Hintergrund entfernen",
+        "slightBlur": "Hintergrund leicht unscharf",
+        "title": "Hintergründe",
+        "uploadedImage": "Hochgeladenes Bild {{index}}",
+        "webAssemblyWarning": "WebAssembly wird nicht unterstützt",
+        "webAssemblyWarningDescription": "WebAssembly ist deaktiviert oder wird in diesem Browser nicht unterstützt"
+    },
+    "visitors": {
+        "chatIndicator": "(Gast)",
+        "joinMeeting": {
+            "description": "Sie beobachten derzeit diese Konferenz.",
+            "raiseHand": "Hand heben",
+            "title": "Konferenz wird beigetreten",
+            "wishToSpeak": "Wenn Sie sprechen möchten, heben Sie bitte unten Ihre Hand und warten Sie auf die Zustimmung der Moderation"
+        },
+        "labelTooltip": "Anzahl Gäste: {{count}}",
+        "notification": {
+            "demoteDescription": "Hierhin verschoben von {{actor}}, bitte melden Sie sich um teilzunehmen",
+            "noMainParticipantsDescription": "Eine Person muss die Konferenz starten. Bitte versuchen Sie es gleich noch einmal.",
+            "noMainParticipantsTitle": "Diese Konferenz wurde noch nicht gestartet.",
+            "noVisitorLobby": "Sie können nicht teilnehmen, solange die Lobby für diese Konferenz aktiviert ist.",
+            "notAllowedPromotion": "Eine Person muss Ihre Anfrage erst erlauben.",
+            "requestToJoin": "Hand gehoben",
+            "requestToJoinDescription": "Ihre Anfrage wurde an die Moderation gesendet, bitte warten Sie.",
+            "title": "Sie sind Gast in der Konferenz"
+        },
+        "waitingMessage": "Sie werden der Konferenz beitreten, sobald sie gestartet ist!"
+    },
+    "volumeSlider": "Lautstärkeregler",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Zum Teilnehmen tippen",
+            "roomname": "Konferenzname eingeben"
+        },
+        "addMeetingName": "Besprechungsnamen hinzufügen",
+        "appDescription": "Auf geht's! Starten Sie eine Videokonferenz mit Ihrem Team oder besser noch: Laden Sie alle ein, die Sie kennen. {{app}} ist eine vollständig verschlüsselte und 100 % quelloffene Videokonferenzlösung, die Sie immer und überall kostenlos verwenden können – ohne Registrierung.",
+        "audioVideoSwitch": {
+            "audio": "Audio",
+            "video": "Video"
+        },
+        "calendar": "Kalender",
+        "connectCalendarButton": "Kalender verbinden",
+        "connectCalendarText": "Verbinden Sie Ihren Kalender, um all Ihre Konferenzen in {{app}} anzuzeigen. Fügen Sie zudem {{provider}}-Konferenzen in Ihren Kalender ein und starten Sie sie mit nur einem Klick.",
+        "enterRoomTitle": "Neue Konferenz starten",
+        "getHelp": "Hilfe",
+        "go": "Los",
+        "goSmall": "Los",
+        "headerSubtitle": "Sichere und hochqualitative Konferenzen",
+        "headerTitle": "Jitsi Meet",
+        "info": "Einwahlinformationen",
+        "jitsiOnMobile": "Jitsi unterwegs – einfach unsere Apps herunterladen und Konferenzen von überall starten",
+        "join": "ERSTELLEN / BEITRETEN",
+        "logo": {
+            "calendar": "Kalender Logo",
+            "desktopPreviewThumbnail": "Desktop-Vorschau Thumbnail",
+            "googleLogo": "Google Logo",
+            "logoDeepLinking": "Jitsi Meet Logo",
+            "microsoftLogo": "Microsoft Logo",
+            "policyLogo": "Richtlinienlogo"
+        },
+        "meetingsAccessibilityLabel": "Konferenzen",
+        "mobileDownLoadLinkAndroid": "Android App Download",
+        "mobileDownLoadLinkFDroid": "F-Droid App Download",
+        "mobileDownLoadLinkIos": "iOS App Download",
+        "moderatedMessage": "Oder <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">reservieren Sie sich eine Konferenz-URL</a>, die nur Sie moderieren.",
+        "privacy": "Datenschutz",
+        "recentList": "Verlauf",
+        "recentListDelete": "Eintrag löschen",
+        "recentListEmpty": "Ihr Konferenzverlauf ist derzeit leer. Reden Sie mit Ihrem Team und Ihre vergangenen Konferenzen landen hier.",
+        "recentMeetings": "Ihre letzten Konferenzen",
+        "reducedUIText": "Willkommen bei {{app}}!",
+        "roomNameAllowedChars": "Der Konferenzname sollte keines der folgenden Zeichen enthalten: ?, &, :, ', \", %, #.",
+        "roomname": "Konferenzname eingeben",
+        "roomnameHint": "Name oder URL der Konferenz, der Sie beitreten möchten. Sie können einen Namen erfinden, er muss nur den anderen Personen übermittelt werden, damit diese der gleichen Konferenz beitreten.",
+        "sendFeedback": "Feedback senden",
+        "settings": "Einstellungen",
+        "startMeeting": "Konferenz starten",
+        "terms": "AGB",
+        "title": "Sichere, voll funktionale und komplett kostenlose Videokonferenzen",
+        "upcomingMeetings": "Ihre zukünftigen Konferenzen"
+    },
+    "whiteboard": {
+        "accessibilityLabel": {
+            "heading": "Whiteboard"
+        },
+        "screenTitle": "Whiteboard"
+    }
+}
diff --git a/lang/main-dsb.json b/lang/main-dsb.json
new file mode 100644
index 0000000..f262257
--- /dev/null
+++ b/lang/main-dsb.json
@@ -0,0 +1,1372 @@
+{
+    "addPeople": {
+        "add": "pśepšosyś",
+        "addContacts": "pśepšosćo kontakty",
+        "contacts": "kontakty",
+        "copyInvite": "pśepšosenje na to zmakanje kopěrowaś",
+        "copyLink": "link za konferencu kopěrowaś",
+        "copyStream": "link za livestreaming kopěrowaś",
+        "countryNotSupported": "Ten kraj hyšći njewobsłužujomy.",
+        "countryReminder": "Telefonowy numer njejo z USA? Ga njezabyńśo, až numer dej se zachopiś z kodom Wašogo kraja.",
+        "defaultEmail": "Waš standardowy e-mail",
+        "disabled": "Wy njamóžośo luźi pśepšosyś.",
+        "failedToAdd": "zmólenje pśi pśidaśu wobźělnikow",
+        "googleEmail": "Google-e-mail",
+        "inviteMoreHeader": "Wy sćo ten samski wobźělnik / ta samska wobźělnica togo zmakanja",
+        "inviteMoreMailSubject": "se wobźěliś na zmakanju {{appName}}",
+        "inviteMorePrompt": "wěcej luźi pśepšosyś",
+        "linkCopied": "Link jo do mjazyskłada kopěrowany",
+        "noResults": "Žedne se góźece rezulaty pytanja njedajo",
+        "outlookEmail": "Outlook-e-mail",
+        "phoneNumbers": "telefonowe numery",
+        "searching": "Pytanje trajo…",
+        "shareInvite": "pśepšosenje na zgromaźinu spśistupniś",
+        "shareLink": "Spśistupniśo link za konferencu, aby drugich pśepšosyli.",
+        "shareStream": "link za livestream spśistupniś",
+        "sipAddresses": "adrese SIP",
+        "telephone": "telefon: {{number}}",
+        "title": "luźi na toś tu konferencu pśepšosyś",
+        "yahooEmail": "Yahoo-e-mail"
+    },
+    "audioDevices": {
+        "bluetooth": "bluetooth",
+        "car": "awto",
+        "headphones": "słuchałka",
+        "none": "audio-rěd felujo",
+        "phone": "telefon",
+        "speaker": "boksa"
+    },
+    "audioOnly": {
+        "audioOnly": "małka šyrokosć banta"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "breakout-śpu pśidaś",
+            "autoAssign": "awtomatiski na breakout-śpy rozdźěliś",
+            "close": "zacyniś",
+            "join": "se wobźěliś",
+            "leaveBreakoutRoom": "breakout-śpu spušćiś",
+            "more": "wěcej",
+            "remove": "wótpóraś",
+            "sendToBreakoutRoom": "wobźělniki do breakout-śpy pśesajźiś:"
+        },
+        "defaultName": "breakout-śpa #{{index}}",
+        "mainRoom": "głowna śpa",
+        "notifications": {
+            "joined": "do breakout-śpy \"{{name}}\" stupiś",
+            "joinedMainRoom": "do głowneje śpy stupiś",
+            "joinedTitle": "breakout-śpy"
+        }
+    },
+    "calendarSync": {
+        "addMeetingURL": "link za konferencu pśidaś",
+        "confirmAddLink": "Cośo jitsi-link k tomu terminoju pśidaś?",
+        "error": {
+            "appConfiguration": "Integracija kalendarja njejo pšawje konfigurěrowana.",
+            "generic": "Zmólenje. Pśespytujśo nastajenje kalendarja a wopytajśo se wótnowotki pśizjawiś",
+            "notSignedIn": "Zmólenje pśi awtentificěrowanju pśistupa ku kalendarju. Pśespytujśo nastajenje kalendarja a wopytajśo se wótnowotki pśizjawiś."
+        },
+        "join": "se wobźěliś",
+        "joinTooltip": "se na zmakanju wobźěliś",
+        "nextMeeting": "pśiduca konferenca",
+        "noEvents": "Žednych pśiducych terminow njedajo.",
+        "ongoingMeeting": "rowno trajuce zmakanje",
+        "permissionButton": "nastajenja wótcyniś",
+        "permissionMessage": "Aplikacija pótrjeba pśistup ku kalendarju, aby terminy a konference se pokazali.",
+        "refresh": "kalendaŕ aktualizěrowaś",
+        "today": "źinsa"
+    },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "audio-rěd wuzwóliś"
+        },
+        "labels": {
+            "buttonLabel": "awtowy modus",
+            "title": "modus za jězdźenje z awtom",
+            "videoStopped": "Waša kamera jo deaktiwěrowana"
+        }
+    },
+    "chat": {
+        "enter": "do chat-śpy stupiś",
+        "error": "Zmólenje: Waša powěsć njejo se wótpósłała. Wina: {{error}}",
+        "fieldPlaceHolder": "Napišćo how powěsć",
+        "lobbyChatMessageTo": "powěsć we cakaŕni za {{recipient}}",
+        "message": "powěsć",
+        "messageAccessibleTitle": "{{user}} groni:",
+        "messageAccessibleTitleMe": "ja gronim:",
+        "messageTo": "priwatna powěsć za {{recipient}}",
+        "messagebox": "powěsć napisaś",
+        "newMessages": "",
+        "nickname": {
+            "popover": "wuzwólśo mě (alias)",
+            "title": "zapódajśo alias za chat",
+            "titleWithPolls": "Zapódajśo alias za chat"
+        },
+        "noMessagesMessage": "Na tej konferency njejsu hyšći žedne powěsći. Zachopśo rozgrono how!",
+        "privateNotice": "priwatna powěsć za {{recipient}}",
+        "sendButton": "",
+        "smileysPanel": "emojije k wuzwólenju",
+        "tabs": {
+            "chat": "chatowanje",
+            "polls": "wopšašowanja"
+        },
+        "title": "chat",
+        "titleWithPolls": "chatowanje a wopšašowanja",
+        "you": "Wy"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "rozšyrjenje za Chrome instalěrowaś",
+        "buttonTextEdge": "rozšyrjenje za Edge instalěrowaś",
+        "close": "zacyniś",
+        "dontShowAgain": "pokazk wěcej njepokazaś",
+        "installExtensionText": "Instalěrujśo rozšyrjenje za integraciju kalendarja Google a Office 365"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "zwězanje ze zmakanim…"
+    },
+    "connection": {
+        "ATTACHED": "pśiscynjona dataja",
+        "AUTHENTICATING": "awtentificěrowanje",
+        "AUTHFAIL": "awtentificěrowanje njejo se raźiło",
+        "CONNECTED": "zwězanje jo natwarjone",
+        "CONNECTING": "zwězanje se twari",
+        "CONNFAIL": "zwězanje njejo se raźiło",
+        "DISCONNECTED": "zwězanje jo pśetergnjone",
+        "DISCONNECTING": "zwězanje se pśetergnjo",
+        "ERROR": "zmólenje",
+        "FETCH_SESSION_ID": "ID zmakanja wótwołaś…",
+        "GET_SESSION_ID_ERROR": "zmólenje pśi wótwołanju ID zmakanja: {{code}}",
+        "GOT_SESSION_ID": "Wótwołanje ID zmakanja… jo dokóńcowane",
+        "LOW_BANDWIDTH": "Wideo za {{displayName}} jo pśetergnjone dla žarjenja šyrokosći banta"
+    },
+    "connectionindicator": {
+        "address": "adresa:",
+        "audio_ssrc": "audio-SSRC:",
+        "bandwidth": "šacowana šyrokosć banta:",
+        "bitrate": "bitowa rata:",
+        "bridgeCount": "licba serwerow: ",
+        "codecs": "kody (A/V): ",
+        "connectedTo": "zwězanje z:",
+        "e2eeVerified": "",
+        "framerate": "wobrazowa frekwenca:",
+        "less": "mjenjej pokazaś",
+        "localaddress": "lokalna adresa:",
+        "localaddress_plural": "lokalne adrese:",
+        "localport": "lokalny port:",
+        "localport_plural": "lokalne porty:",
+        "maxEnabledResolution": "maksimalnje pósłaś",
+        "more": "wěcej pokazaś",
+        "packetloss": "zgubjone pakśiki:",
+        "participant_id": "ID wósoby:",
+        "quality": {
+            "good": "dobre",
+            "inactive": "inaktiwne",
+            "lost": "zgubjone",
+            "nonoptimal": "njeoptimalne",
+            "poor": "ryjne"
+        },
+        "remoteaddress": "wótpórana adresa:",
+        "remoteaddress_plural": "wótpórane adrese:",
+        "remoteport": "wótpórany port:",
+        "remoteport_plural": "wótpórane porty:",
+        "resolution": "rozpušćenje:",
+        "savelogs": "logs zachowaś",
+        "status": "zwězanje:",
+        "transport": "protokol:",
+        "transport_plural": "protokole:",
+        "video_ssrc": "video-SSRC:"
+    },
+    "dateUtils": {
+        "earlier": "pjerwjej",
+        "today": "źinsa",
+        "yesterday": "cora"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Wy pótrjebaśo aplikaciju „{{app}}“ za pśistup ku konferency pśez handy.",
+        "description": "Nic njejo se stało? My smy wopytali konferencu z pomocu aplikacije {{app}} wótcyniś. Wopytajśo wótnowotki abo pśistupśo pśez aplikaciju  {{app}} we seśi.",
+        "descriptionWithoutWeb": "Nic njejo se stało? My smy wopytali konferencu z pomocu desktopoweje aplikacije „{{app}}“ wótcyniś.",
+        "downloadApp": "aplikaciju wólodowaś",
+        "ifDoNotHaveApp": "Njamaśo-li tu aplikaciju hyšći:",
+        "ifHaveApp": "Maśo-li tu aplikaciju južo:",
+        "joinInApp": "pśez aplikaciju se na zmakanju wobźěliś",
+        "launchWebButton": "we seśi wótcyniś",
+        "title": "Konferenca wótcynijo se we aplikaciji {{app}} …",
+        "tryAgainButton": "hyšći wótnowotki z natiwneju aplikaciju wopytaś",
+        "unsupportedBrowser": "Wy wužywaśo browser, kótaryž my njepódpěramy."
+    },
+    "defaultLink": "na pśikład: {{url}}",
+    "defaultNickname": "na pśikład Jane Pink",
+    "deviceError": {
+        "cameraError": "zmólenje pśi pśistupje ku kamerje",
+        "cameraPermission": "zmólenje pśi dostaśu pšawow na pśistup ku kamerje",
+        "microphoneError": "zmólenje pśi pśistupje k mikrofonoju",
+        "microphonePermission": "zmólenje pśi dostaśu pšawow na pśistup k mikrofonoju"
+    },
+    "deviceSelection": {
+        "noPermission": "Pšawo njejo wordowało zwólone.",
+        "previewUnavailable": "Naglěd njejo móžny.",
+        "selectADevice": "rěd wuzwóliś",
+        "testAudio": "zuk testowaś"
+    },
+    "dialIn": {
+        "screenTitle": "daty telefonowych zwězanjow"
+    },
+    "dialOut": {
+        "statusMessage": "jo něnto {{status}}"
+    },
+    "dialog": {
+        "Back": "slědk",
+        "Cancel": "pśetergnuś",
+        "IamHost": "Ja som organizator zmakanja",
+        "Ok": "OK",
+        "Remove": "wótpóraś",
+        "Share": "spśistupniś",
+        "Submit": "OK",
+        "WaitForHostMsg": "Konferenca <b>{{room}}</b> njejo se hyšći zachopiła. Sćo-li Wy organizator, ga awtentificěrujśo se. Howacej cakajśo, až organizator se zjawijo.",
+        "WaitingForHostTitle": "cakajucy na zachopjeńk konference…",
+        "Yes": "jo",
+        "accessibilityLabel": {
+            "liveStreaming": "livestream"
+        },
+        "add": "pśidaś",
+        "addMeetingNote": "noticku k tej koferency pśipisaś",
+        "addOptionalNote": "noticku pśipisaś (opcionalne):",
+        "allow": "zwóliś",
+        "alreadySharedVideoMsg": "Jadna druga wósoba jo južo wideo spśistupniła. Na tej konferency jo móžno we tom samem casu jano jaden wideo wiźeś.",
+        "alreadySharedVideoTitle": "jano jaden wideo we tom samem casu",
+        "applicationWindow": "woknyško aplikacije",
+        "authenticationRequired": "awtentificěrowaje se pomina",
+        "cameraConstraintFailedError": "Waša kamera njedopołnijo pominane kriterije.",
+        "cameraNotFoundError": "Kamera se njenamakajo.",
+        "cameraNotSendingData": "Kamera njestoj k dispoziciji. Pśespytujśo, lěc jadna druga aplikacija njewužywa južo kameru. Abo wuzwólśo drugu kameru z menija nastajenjow abo startujśo aplikaciju wótnowotki.",
+        "cameraNotSendingDataTitle": "pśistup ku kamerje njejo móžny",
+        "cameraPermissionDeniedError": "Pšawo na wužywanje kamery njejo wordowało zwólone. Wy móžośo weto se na konferency wobźěliś, ale druge wobźělniki njebudu móc Was wiźeś. Nałožćo bublin z kameru we adresowej lejstwje, aby wobźělnikam pšawa wuźělili.",
+        "cameraTimeoutError": "Wideo njejo mógło se startowaś - wustajony cas jo pśejšeł!",
+        "cameraUnknownError": "Kamera njedajo se wužywaś dla njeznateje winy.",
+        "cameraUnsupportedResolutionError": "Kamera njepśemóžo pominane rozpušćenje wobsłužyś.",
+        "close": "zacyniś",
+        "conferenceDisconnectMsg": "Pśespytujśo ewentuelnje zwězanje ze seśu. Zwězanje naspjet za {{seconds}} sekundow …",
+        "conferenceDisconnectTitle": "Wašo zwězanje jo se pśetergnuło.",
+        "conferenceReloadMsg": "My wopytujomy jo pórěźiś. Zwězanje naspjet za {{seconds}} sekundow…",
+        "conferenceReloadTitle": "Něco njejo funkcioněrowało, bóžko.",
+        "confirm": "wobtwarźiś",
+        "confirmNo": "ně",
+        "confirmYes": "jo",
+        "connectError": "O! Něco jo kamsy šło, pśistup ku konferency njejo był móžny.",
+        "connectErrorWithMsg": "O! Něco jo kamsy šło, pśistup ku konferency njejo był móžny: {{msg}}",
+        "connecting": "zwězanje se twari",
+        "contactSupport": "support kontaktěrowaś",
+        "copied": "pśekopěrowane",
+        "copy": "kopěrowaś",
+        "dismiss": "OK",
+        "displayNameRequired": "Witajśo! Kak se Wam groni?",
+        "done": "gótowe",
+        "e2eeDescription": "Šyfrěrowanje end-to-end jo tuchylu hyšći we ekspermentelnej fazy. Wobmysliśo, až zrownju z aktiwěrowanim teje metody deaktiwěruju se wšake serwerowe funkcije: nagrawanje, livestreaming a zwězanje z telefonom. Glědajśo wušej togo na to, až pótom móžośo pśistupiś ku konferency jano pśez browsery, kótarež pódpěraju Insertable Streams.",
+        "e2eeDisabledDueToMaxModeDescription": "Šyfrěrowanje pó metoźe end-to-end njamóžo se aktiwěrowaś dla wusokeje licby wobźělnikow.",
+        "e2eeLabel": "šyfrěrowanje end-to-end aktiwěrowaś",
+        "e2eeWarning": "WARNOWANJE: Zazdaśim jo tak, až njamógu wšykne wobźělniki teje konference šyfrěrowanje end-to-end wužywaś. Gaž jo weto aktiwěrujośo, ga njebudu wóni móc nic słyšaś daniž wiźeś.",
+        "e2eeWillDisableDueToMaxModeDescription": "WARNOWANJE: Šyfrěrowanje end-to-end deaktiwěrujo se awtomatiski, gaž hyšći wěcej wobźělnikow pśistupijo.",
+        "embedMeeting": "konferencu integrěrowaś",
+        "enterDisplayName": "Zapódajśo how swójo mě",
+        "error": "zmólenje",
+        "gracefulShutdown": "Ta słužba njestoj tuchylu k dispoziciji dla wótwardowaŕskich źěłow. Wopytajśo pózdźej hyšći raz.",
+        "grantModeratorDialog": "Cośo-li napšawdu tomu wobźělnikoju abo wobźělnicy moderatorske pšawa daś?",
+        "grantModeratorTitle": "moderatorske pšawa daś",
+        "hide": "chowaś",
+        "hideShareAudioHelper": "Tu informaciju njepokazaś wěcej",
+        "incorrectPassword": "mě a kodowe słowo njejstej płaśecej",
+        "incorrectRoomLockPassword": "wopacne kodowe słowo",
+        "internalError": "O! Něco njejo pšawje funkcioněrowało. Zmólenje: {{error}}",
+        "internalErrorTitle": "interne zmólenje",
+        "kickMessage": "Aby zgónili nadrobnjejše informacije, wobrośćo se na {{participantDisplayName}}.",
+        "kickParticipantButton": "wuzamknuś",
+        "kickParticipantDialog": "Cośo-li tu wósobu napšawdu wuzamknuś?",
+        "kickParticipantTitle": "tu wósobu wuzamknuś?",
+        "kickTitle": "Awč! {{participantDisplayName}} jo Was z konference wuchyśił",
+        "linkMeeting": "konferencu zalinkowaś?",
+        "linkMeetingTitle": "konferencu ze Salesforce zalinkowaś",
+        "liveStreaming": "livestreaming",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "za cas nagrawanja blokěrowane",
+        "localUserControls": "lokalna kontrola",
+        "lockMessage": "Konferenca njejo dała se zamknuś.",
+        "lockRoom": "konferenzu$t(lockRoomPassword) pśidaś",
+        "lockTitle": "zamknjenje njejo se raźiło",
+        "login": "logowanje",
+        "logoutQuestion": "Sćo wěste, až cośo se wulogowaś a konferencu spušćiś?",
+        "logoutTitle": "wulogowaś",
+        "maxUsersLimitReached": "Limit za maksimalnu licbu wobźělnikow jo dosegnjony. Konferenca jo połna nabita. Wobrośćo se na organizatorow konference abo wopytajśo pózdźej hyšći raz!",
+        "maxUsersLimitReachedTitle": "Maksimalna licba wobźělnikow jo dosegnjona",
+        "micConstraintFailedError": "Waš mikrofon njedopołnijo wustajone kriterije.",
+        "micNotFoundError": "Mikrofon njejo se namakał.",
+        "micNotSendingData": "Wótcyńśo nastajenja Wašogo computera a aktiwěrujśo naspjet wuśichnjony mikrofon a pśiměŕśo jomu niwow głosnosći",
+        "micNotSendingDataTitle": "Waš mikrofon jo pśez systemowe nastajenja wuśichnuł.",
+        "micPermissionDeniedError": "Pšawo na wužywanje mikrofona njejo wordowało zwólone. Wy móžośo se pśeto na konferency wobźěliś, ale druge wobźělniki njebudu móc Was słyšaś. Nałožćo bublin z kameru we adresowej lejstwje, aby wobźělnikam pšawa wuźělili.",
+        "micTimeoutError": "Wustajony cas jo pśejšeł. Žrědło zuka njejo mógło se aktiwěrowaś.",
+        "micUnknownError": "Mikrofon njedajo se dla njeznateje winy wužywaś.",
+        "moderationAudioLabel": "Pśiwdajśo wobźělnikam pšawo, aby sami swój wuśišony mikrofon zasej aktiwěrowali",
+        "moderationVideoLabel": "Pśiwdajśo wobźělnikam swóju kameru aktiwěrowaś",
+        "muteEveryoneDialog": "Wobźělniki mógu swój wuśišony mikrofon kuždy cas aktiwěrowaś.",
+        "muteEveryoneDialogModerationOn": "Wobźělniki mógu kuždy cas wótpósłaś póžedanje, až kśě powědaś.",
+        "muteEveryoneElseDialog": "Gaž wšyknych wobźělnikow wuśišyjośo, ga njebuźośo móc wěcej to wuśišenje dokóncowaś, ale wóni budu móc sami kuždy cas swóje mikrofony aktiwěrowaś.",
+        "muteEveryoneElseTitle": "Wšykne mimo {{whom}} wuśišyś?",
+        "muteEveryoneElsesVideoDialog": "Gaž kamera jo wordowała deaktiwěrowana, ga njamóžośo Wy ju zasej aktiwěrowaś, ale wobźělniki sami mógu to kuždy cas pśeměniś.",
+        "muteEveryoneElsesVideoTitle": "Kameru wšyknych mimo {{whom}} wušaltowaś?",
+        "muteEveryoneSelf": "sam se",
+        "muteEveryoneStartMuted": "Wótněnta su wšykne wobźělniki wuśišone",
+        "muteEveryoneTitle": "Wšyknych wuśišyś?",
+        "muteEveryonesVideoDialog": "Sćo wěste, až cośo kamery wšyknych wobźělnikow deaktiwěrowaś? Wy njebuźośo móc je zasej aktiwěrowaś, ale wobźělniki budu móc sami to cyniś.",
+        "muteEveryonesVideoDialogModerationOn": "Wobźělniki mógu kuždy cas wótpósłaś pšosbu, aby jich kamera se aktiwěrowała.",
+        "muteEveryonesVideoDialogOk": "deaktiwěrowaś",
+        "muteEveryonesVideoTitle": "Kameru wšyknych druich wobźělnikow wušaltowaś?",
+        "muteParticipantBody": "Wy njebuźośo móc to wuśišenje drugich wobźělnikow dokóńcowaś, ale wobźělniki mógu kuždy cas swójo samske wuśišenje dokóńcowaś.",
+        "muteParticipantButton": "wuśišyś",
+        "muteParticipantsVideoBody": "Wy njebuźośo móc kameru zasej aktiwěrowaś, ale wobźělniki mógu to kuždy cas sami cyniś.",
+        "muteParticipantsVideoBodyModerationOn": "Wy njebuźośo móc kameru zasej aktiwěrowaś, a wóni teke nic.",
+        "muteParticipantsVideoButton": "kameru wušaltowaś?",
+        "muteParticipantsVideoDialog": "Cośo kameru togo wobźělnika napšawdu deaktiwěrowaś? Wy njebuźośo móc ju zasej aktiwěrowaś, ale ten wobźělnik buźo móc to kuždy cas sam cyniś.",
+        "muteParticipantsVideoDialogModerationOn": "Cośo kameru togo wobźělnika napšawdu deaktiwěrowaś? Wy njebuźośo móc ju zasej aktiwěrowaś, a ten wobźělnik teke nic.",
+        "muteParticipantsVideoTitle": "Kameru togo wobźělnika wušaltowaś?",
+        "noDropboxToken": "žeden płaśecy dropbox-token how njejo",
+        "password": "kodowe słowo",
+        "passwordLabel": "To zmakanje jo wordowało zawěsćone. Zapódajśo $t(lockRoomPasswordUppercase), aby se na njom wobźělili.",
+        "passwordNotSupported": "Wustajenje kodowego słowa za konferencu se njepódpěra.",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) se njepódpěra",
+        "passwordRequired": "$t(lockRoomPasswordUppercase) se pomina",
+        "permissionCameraRequiredError": "Pśistup ku kamerje musy se aktiwěrowaś, aby se na wideokonferency wobźělili. Nastajśo jen we nastajenjach",
+        "permissionErrorTitle": "Wy musyśo měś to pšawo",
+        "permissionMicRequiredError": "Pśistup k mikrofonoju jo trjebny, aby se wobźělili na konferency ze zukom. Nastajśo to we natajenjach.",
+        "popupError": "Waš browser blokěrujo woknyška pop-up z togo internetowego boka. Aktiwěrujśo woknyška pop-up we wěstosćowych nastajenjach browsera a wopytajśo hyšći raz.",
+        "popupErrorTitle": "Woknyško pop-up jo blokěrowane",
+        "readMore": "wěcej",
+        "recentlyUsedObjects": "slědne wužyte objekty",
+        "recording": "nagrawanje",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "za cas livestreama njejo možne",
+        "rejoinNow": "něnto wótnowotki pśistupiś",
+        "remoteControlAllowedMessage": "{{user}} jo Wašu pšosbu wó wótnazdalne šturowanje akceptěrował!",
+        "remoteControlDeniedMessage": "{{user}} jo Wašu pšosbu wó wótnazdalne šturowanje wótchylił!",
+        "remoteControlErrorMessage": "Pśi skazanju pšawa na wótnazdalne šturowanje {{user}} jo se zmólenje stało!",
+        "remoteControlRequestMessage": "Pśiwdajaśo wobźělnikoju {{user}}, aby computer wótnazdala šturował?",
+        "remoteControlShareScreenWarning": "Warnujśo se, jolic až tu pšosbu akceptěrujośo, ga buźo Waš monitor sobu źělony!",
+        "remoteControlStopMessage": "Wótnazdalne šturowanje jo dokóńcowane!",
+        "remoteControlTitle": "wótnazdalne šturowanje computera",
+        "remoteUserControls": "wótnazdalne šturowanje pśez wobźělnika {{username}}",
+        "removePassword": "$t(lockRoomPasswordUppercase) entfernen",
+        "removeSharedVideoMsg": "Sćo Wy wěste, až cośo spśistupnjone wideo wulašowaś?",
+        "removeSharedVideoTitle": "spśistupnjone wideo wulašowaś",
+        "reservationError": "Zmólenje we systemje rezerwěrowanja",
+        "reservationErrorMsg": "zmólenje, numer: {{code}}, powěsć: {{msg}}",
+        "retry": "hyšći raz",
+        "screenSharingAudio": "zuk drugim spśistupniś",
+        "screenSharingFailed": "Mójejko! Pśi sobuźělenju monitora něco njejo funkcioněrowało!",
+        "screenSharingFailedTitle": "Sobuźělenje monitora njejo se raźiło!",
+        "screenSharingPermissionDeniedError": "Ach mójej! Něco njefunkcioněrujo z Wašymi pšawami na sobuźělenje monitora. Wótwołajśo hyšći raz a wopytajśo wótnowotki.",
+        "searchInSalesforce": "we Salesforce pytaś",
+        "searchResults": "rezultaty pytanja({{count}})",
+        "searchResultsDetailsError": "Pśi wótwołanju datow wobsejźarja něco njejo funkcioněrowało.",
+        "searchResultsError": "Pśi wótwołanju datow jo se zmólenje stało.",
+        "searchResultsNotFound": "Žedne rezultaty njejsu namakane.",
+        "searchResultsTryAgain": "Wopytajśo hyšći raz z drugimi klucowymi słowami.",
+        "sendPrivateMessage": "Wy sćo pśed krotkim dostali priwatnu powěsć. Cośo na nju priwatnje wótegroniś abo cośo Wašu powěsć cełej grupje zjawiś?",
+        "sendPrivateMessageCancel": "cełej grupje zjawiś",
+        "sendPrivateMessageOk": "priwatnje wótegroniś",
+        "sendPrivateMessageTitle": "priwatnje wótegroniś?",
+        "serviceUnavailable": "słužba njestoj k dispoziciji",
+        "sessTerminated": "Konferenca jo dokóńcowana.",
+        "sessionRestarted": "Konferenca jo se wótnowotki startowała.",
+        "shareAudio": "dalej",
+        "shareAudioTitle": "Kak se audio drugim sobu źěli?",
+        "shareAudioWarningD1": "Wy dejśo sobuźělenje monitora  pjerwjej dokóńcowaś, nježli spśistupnijośo drugim audio.",
+        "shareAudioWarningD2": "Wy dejśo sobuźělenje monitora wótnowotki startowaś a pśi tom wuzwóliś opciju \"audio drugim spśistupniś\".",
+        "shareAudioWarningH1": "Gaž cośo audio a monitor drugim sobu źěliś:",
+        "shareAudioWarningTitle": "Wy musyśo sobuźělenje monitora wušaltowaś, akle pótom móžośo audio sobu źěliś.",
+        "shareMediaWarningGenericH2": "Gaž cośo monitor a audio drugim sobu źěliś:",
+        "shareScreenWarningD1": "Wy musyśo sobuźělenje audio wušaltowaś, akle pótom móžośo monitor sobu źěliś.",
+        "shareScreenWarningD2": "Wy dejśo sobuźělenje audio dokóńcowaś a pótom sobuźělenje monitora \"Audio z drugimi sobu źěliś\" startowaś.",
+        "shareScreenWarningH1": "Gaž cośo Waš monitor drugim spśistupniś (sobu źěliś):",
+        "shareScreenWarningTitle": "Wy musyśo sobuźělenje audio wušaltowaś, akle pótom móžośo monitor sobu źěliś.",
+        "shareVideoLinkError": "Zapódajśo płaśecy link.",
+        "shareVideoTitle": "wideo sobu źěliś",
+        "shareYourScreen": "sobuźělenje monitora zašaltowaś/ wušaltowaś",
+        "shareYourScreenDisabled": "Sobuźělenje monitora jo wušaltowane.",
+        "sharedVideoDialogError": "zmólka: njepłaśeca adresa URL",
+        "sharedVideoLinkPlaceholder": "Link na YouTube abo direktny link k wideo",
+        "show": "pokazaś",
+        "start": "startuj: ",
+        "startLiveStreaming": "livestream startowaś",
+        "startRecording": "nagrawanje startowaś",
+        "startRemoteControlErrorMessage": "Pśi wopytanju wótnazdalnego šturowanja jo se zmólenje stało!",
+        "stopLiveStreaming": "livestream pśetergnuś",
+        "stopRecording": "nagrawanje pśetergnuś",
+        "stopRecordingWarning": "Sćo Wy wěste, až cośo nagrawanje dokóńcowaś?",
+        "stopStreamingWarning": "Sćo Wy wěstre, až cośo livestream dokóńcowaś?",
+        "streamKey": "kluc za stream",
+        "thankYou": "Wjeliki źěk za wužywanje aplikacije {{appName}}!",
+        "token": "token",
+        "tokenAuthFailed": "Wy njamaśo pšawo tej konferenciji pśistupiś.",
+        "tokenAuthFailedTitle": "Awtentificěrowanje njejo se raźiło.",
+        "transcribing": "se transkriběrujo",
+        "unlockRoom": "konferencu $t(lockRoomPassword) wótpóraś",
+        "user": "wobźělnik",
+        "userIdentifier": "wužywaŕske mě",
+        "userPassword": "kodowe słowo",
+        "verifyParticipantConfirm": "",
+        "verifyParticipantDismiss": "",
+        "verifyParticipantQuestion": "",
+        "verifyParticipantTitle": "",
+        "videoLink": "wideo-link",
+        "viewUpgradeOptions": "opcije za aktualizěrowanje (upgrade) pokazaś",
+        "viewUpgradeOptionsContent": "Wy musyśo swój tarif rozšyriś, aby mógli wužywaś premium-funkcije kaž nagrawanje, transkripciju, RTMP-streaming a dalšne",
+        "viewUpgradeOptionsTitle": "premium-funkcija",
+        "yourEntireScreen": "ceły monitor"
+    },
+    "documentSharing": {
+        "title": "sobuźělony dokument"
+    },
+    "e2ee": {
+        "labelToolTip": "Daty audio a wideo togo rozgrona su něnto na droze mjazy wobźělnikami šyfrěrowane."
+    },
+    "embedMeeting": {
+        "title": "toś tu konferencu integrěrowaś"
+    },
+    "feedback": {
+        "average": "pśerěznje derje",
+        "bad": "zlě",
+        "detailsLabel": "Grońśo nam wěcej k tomu.",
+        "good": "derje",
+        "rateExperience": "Dajśo tej konferency swóju censuru",
+        "star": "gwězdki",
+        "veryBad": "wjelgin zlě",
+        "veryGood": "wjelgin derje"
+    },
+    "giphy": {
+        "noResults": "Žedne rezultaty njejsu namakane :(",
+        "search": "GIPHY pśepytaś"
+    },
+    "incomingCall": {
+        "answer": "wótegroniś",
+        "audioCallTitle": "pśiźecy telefonat",
+        "decline": "OK",
+        "productLabel": "wót Jitsi Meet",
+        "videoCallTitle": "pśiźecy wideo-tefonat"
+    },
+    "info": {
+        "accessibilityLabel": "informacije pokazaś",
+        "addPassword": "$t(lockRoomPasswordUppercase) pśidaś",
+        "cancelPassword": "$t(lockRoomPasswordUppercase) wulašowaś",
+        "conferenceURL": "Link:",
+        "copyNumber": "numer kopěrowaś",
+        "country": "kraj",
+        "dialANumber": "Aby se wobźělili na zmakanju, musyśo jaden tych numerow wuzwóliś a PIN zapódaś.",
+        "dialInConferenceID": "PIN:",
+        "dialInNotSupported": "Wódajśo, ale wuzwólowanje numerow se tuchylu njepódpěra, bóžko.",
+        "dialInNumber": "Zwězanje z konferencu:",
+        "dialInSummaryError": "Zmólenje pśi wótwołanju informacijow, wopytajśo pózdźej hyšći raz.",
+        "dialInTollFree": "dermo (mimo płaśonka)",
+        "genericError": "Bóžko, něco njejo se raźiło.",
+        "inviteLiveStream": "Klikniśo na {{url}}, aby livestream teke konference wótwórili",
+        "invitePhone": "Gaž město togo cośo lubjej pśez telefon pśistupiś, ga wuzwólśo:  {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Pytaśo za drugim numerom ?\nPokazaś numery za konferencu: {{url}}\n\n\nJolic až se zwěžośo z konferencu pśez śpiny telefon, ga wobźělijośo se na njej mimo zuka: {{silentUrl}}",
+        "inviteSipEndpoint": "Aby se wobźělili ze SIP, wužyjśo tu adresu: {{sipUri}}",
+        "inviteTextiOSInviteUrl": "na konferency se wobźěliś: {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "Gaž se wobźělijośo pśez konferencowy telefon, ga wužyjśo ten link, aby mimo zuka se na konferency wobźělili: {{silentUrl}}.",
+        "inviteTextiOSPersonal": "{{name}} pšosy Was na konferencu.",
+        "inviteTextiOSPhone": "Wužyjśo slědujucy link, aby se na konferency pśez telefon wobźělili: {{number}},,{{conferenceID}}#. Gaž pytaśo telefonowy numer za konferencu, ga połnu lisćinu namakajśo how: {{didUrl}}.",
+        "inviteURLFirstPartGeneral": "Wy sćo wordowali na konferencu pśepšosone.",
+        "inviteURLFirstPartPersonal": "{{name}} pšosy Was na zmakanje.\n",
+        "inviteURLSecondPart": "\nna zmakanju su wobźěliś:\n{{url}}\n",
+        "label": "informacije k zwězanju",
+        "liveStreamURL": "livestream:",
+        "moreNumbers": "dalšne telefonowe numery",
+        "noNumbers": "Žedne telefonowe numery njestoje k dispoziciji.",
+        "noPassword": "Žedno kodowe słowo se njepótrjeba.",
+        "noRoom": "Žedna konferenca njejo pódana, z kótarejuž by se mógli zwězaś.",
+        "numbers": "numery za konferencu",
+        "password": "$t(lockRoomPasswordUppercase):",
+        "reachedLimit": "",
+        "sip": "adresa SIP",
+        "title": "drugim sobu źěliś",
+        "tooltip": "Spśistupni drugim link a informacije za zwězanje z tym zmakanim.",
+        "upgradeOptions": ""
+    },
+    "inlineDialogFailure": {
+        "msg": "Zmólenje jo se stało.",
+        "retry": "wótnowotki wopytaś",
+        "support": "support",
+        "supportMsg": "Gaž to zmólenje se hyšći raz stanjo, ga kontaktěrujśo"
+    },
+    "inviteDialog": {
+        "alertText": "Njejo se raźiło žedne wobźělniki pśepšosyś.",
+        "header": "pśepšosyś",
+        "searchCallOnlyPlaceholder": "telefonowy numer zapódaś",
+        "searchPeopleOnlyPlaceholder": "pytaś za wobźělnikami",
+        "searchPlaceholder": "wobźělnik abo telefonowy numer",
+        "send": "wótpósłaś"
+    },
+    "jitsiHome": "{{logo}} logo z linkom k homepage",
+    "keyboardShortcuts": {
+        "focusLocal": "lokalny wideo fokusěrowaś",
+        "focusRemote": "na wideo drugego wobźělnika fokusěrowaś",
+        "fullScreen": "połnu bildu aktiwěrowaś abo deaktiwěrowaś",
+        "giphyMenu": "GIPHY pokazaś abo schowaś",
+        "keyboardShortcuts": "tastaturowe skrotconki",
+        "localRecording": "šturujuce elementy za lokalne nagrawanje pokazaś abo schowaś",
+        "mute": "wuśišenje  aktiwěrowaś oder deaktiwěrowaś",
+        "pushToTalk": "Push-to-Talk (tasta za powědanje)",
+        "raiseHand": "ruku zwignuś",
+        "showSpeakerStats": "statistiku powědarja pokazaś",
+        "toggleChat": "chat wótcyniś abo zacyniś",
+        "toggleFilmstrip": "miniatury wideo pokazaś abo schowaś",
+        "toggleParticipantsPane": "lisćinu wobźělnikow pokazaś abo schowaś",
+        "toggleScreensharing": "mjazy kameru a sobuźělenim monitora pśešaltowaś",
+        "toggleShortcuts": "tastowe kombinacije pokazaś abo schowaś",
+        "videoMute": "kameru startowaś abo zastajiś"
+    },
+    "largeVideo": {
+        "screenIsShared": "",
+        "showMeWhatImSharing": ""
+    },
+    "liveStreaming": {
+        "busy": "Źěłamy na tom, aby resurse za streaming se k dispoziciji stajili. Wopytajśo za pór minutow hyšći raz.",
+        "busyTitle": "Wšykne instance za streaming se južo wužywaju.",
+        "changeSignIn": "konto pśešaltowaś",
+        "choose": "livestream wuzwóliś",
+        "chooseCTA": "Opcije za streaming wuzwóliś. Wy sćo dotychměst ako {{email}} zalogowane.",
+        "enterStreamKey": "Kluc za livestream na youtube how zapódaś.",
+        "error": "Livestreaming njejo funkcioněrował. Wopytajśo pózdźej hyšći raz.",
+        "errorAPI": "Pśi wótwołanju livestreama na youtube jo se zmólenje stało. Wopytajśo se wótnowotki zalogowaś.",
+        "errorLiveStreamNotEnabled": "Livestreaming njejo za {{email}} aktiwěrowany. Aktiwěrujśo livestreaming abo zalogujśo se na kontu z aktiwěrowanym livestreamingom.",
+        "expandedOff": "Livestream jo wordował zastajony.",
+        "expandedOn": "Konferenca streamujo se rowno na youtube.",
+        "expandedPending": "Livestream se startujo…",
+        "failedToStart": "Livestream njejo mógł se startowaś.",
+        "getStreamKeyManually": "Njejsmy pśemógli livestreamy wótwołaś. Wopytajśo Waš kluc za livestream wót youtube dostaś.",
+        "googlePrivacyPolicy": "regule k woplěwanju datow pla Google",
+        "inProgress": "Livestreaming jo se zachopił",
+        "invalidStreamKey": "Kluc za livestream jo ewentuelnje wopacny.",
+        "limitNotificationDescriptionNative": "Waš stream jo na {{limit}} minutow wobgranicowany. Za njelimitěrowany streaming, wužywajśo aplikaciju {{app}}.",
+        "limitNotificationDescriptionWeb": "Dla intensiwnego wužywanja jo Waš stream na {{limit}} minutow wobgranicowany. Za njelimitěrowany streaming wužywajśo aplikaciju <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "off": "Livestream jo zastajony",
+        "offBy": "{{name}} jo livestream zastajił",
+        "on": "livestream",
+        "onBy": "{{name}} jo livestream startował",
+        "pending": "Livestream se startujo …",
+        "serviceName": "słužba za livestreaming",
+        "sessionAlreadyActive": "Toś ta konferenca wusćeła se južo ako livestream.",
+        "signIn": "se z Google zalogowaś",
+        "signInCTA": "se zalogowaś abo kluc za livestream na youtube zapódaś",
+        "signOut": "se wulogowaś",
+        "signedInAs": "Wy sćo něnto zalogowane ako:",
+        "start": "livestream zachopiś",
+        "streamIdHelp": "Co to jo?",
+        "title": "",
+        "unavailableTitle": "livestreaming njestoj k dispoziciji",
+        "youtubeTerms": "wužywaŕske wustawki za youtube"
+    },
+    "lobby": {
+        "backToKnockModeButton": "mimo kodowego słowa, město togo wó pśistup pšosyś",
+        "chat": "chat",
+        "dialogTitle": "lobbyjowy modus",
+        "disableDialogContent": "Lobbyjowy modus jo tuchylu aktiwěrowany. Ta funkcija garantěrujo, až njepóžedane wósoby njamógu Wašej konferency pśistupiś. Tu funkciju deaktiwěrowaś?",
+        "disableDialogSubmit": "deaktiwěrowaś",
+        "emailField": "e-mailowu adresu zapódaś",
+        "enableDialogPasswordField": "kodowe słowo wustajiś (opcionalna móžnosć)",
+        "enableDialogSubmit": "aktiwěrowanje",
+        "enableDialogText": "Z lobbyjowym modusom woplěwaśo Wašu konferencu, dokulaž jej mógu pótom pśistupiś jano wobźělniki, kótarymž sćo ako moderator pśistup dowólili.",
+        "enterPasswordButton": "kodowe słowo za konferencu zapódaś",
+        "enterPasswordTitle": "kodowe słowo za pśistup",
+        "errorMissingPassword": "kodowe słowo za konferencu zapódaś",
+        "invalidPassword": "njepłaśece kodowe słowo",
+        "joinRejectedMessage": "Wašo póžedanje wó pśistupjenje jo moderator/ka wótbił/a.",
+        "joinRejectedTitle": "Póžedanje wó pśistupjenje jo wótbite.",
+        "joinTitle": "konferency pśistupiś",
+        "joinWithPasswordMessage": "Pśistupjenje z kodowym słowom, cakajśo…",
+        "joiningMessage": "Wy pśistupijośo ku konferency ned, gaž něcht do Wašogo póžedanja zwólijo.",
+        "joiningTitle": "pšosba wó pśistupjenje…",
+        "joiningWithPasswordTitle": "z kodowym słowom pśistupiś…",
+        "knockButton": "wó pśistupjenje pšosyś",
+        "knockTitle": "Něcht pšosy wó pśistupjenje ku konferency.",
+        "knockingParticipantList": "lisćina wósobow, kótarež pšose wó pśistupjenje",
+        "lobbyChatStartedNotification": "{{moderator}} jo lobby-chat z {{attendee}} zachopił",
+        "lobbyChatStartedTitle": "{{moderator}} jo lobby-chat z Wam zachopił.",
+        "nameField": "zapódajśo swójo mě",
+        "notificationLobbyAccessDenied": "{{targetParticipantName}} jo wordował(a) wót {{originParticipantName}} wótpokazany/-a",
+        "notificationLobbyAccessGranted": "{{targetParticipantName}} jo wordował(a) wót {{originParticipantName}} na konferencu pušćony/-a",
+        "notificationLobbyDisabled": "{{originParticipantName}} jo lobby deaktiwěrował/-a",
+        "notificationLobbyEnabled": "{{originParticipantName}} jo lobby aktiwěrował/-a",
+        "notificationTitle": "lobby",
+        "passwordField": "kodowe słowo za konferencu zapódaś",
+        "passwordJoinButton": "pśistupiś",
+        "title": "",
+        "toggleLabel": "lobby aktiwěrowaś / deaktiwěrowaś"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "deaktiwěrowane",
+            "on": "aktiwne",
+            "unknown": "njeznate"
+        },
+        "dialogTitle": "šturujuce elementy za lokalne nagrawanje",
+        "duration": "cas traśa",
+        "durationNA": "N/A",
+        "encoding": "koděrowanje",
+        "label": "LOR",
+        "labelToolTip": "lokalne nagrawanje jo aktiwěrowane",
+        "localRecording": "lokalne nagrawanje",
+        "me": "ja",
+        "messages": {
+            "engaged": "Lokalne nagrawanje jo aktiwěrowane.",
+            "finished": "Nagrawanje pósejźenja {{token}} jo dokóńcowane. Pósćelśo dataju z nagraśim moderatoroju.",
+            "finishedModerator": "Nagrawanje pósejźenja {{token}} jo dokóńcowane. Nagrawanje lokalnego wótběga jo wótkłaźone a zachowane. Pšosćo druge wobźělniki, aby Wam swóje nagrawanja pśepósłali.",
+            "notModerator": "Wy njejsćo moderator/ka. Njamóžośo lokalne nagrawanje daniž zachopiś daniž zastajiś."
+        },
+        "moderator": "moderacija",
+        "no": "ně",
+        "participant": "wobźělnik/-ica",
+        "participantStats": "statistika wobźělnikow",
+        "selectTabTitle": "",
+        "sessionToken": "token pósejźenja",
+        "start": "nagrawanje zachopiś",
+        "stop": "nagrawanje zastajiś",
+        "yes": "jp"
+    },
+    "lockRoomPassword": "kodowe słowo",
+    "lockRoomPasswordUppercase": "kodowe słowo",
+    "lonelyMeetingExperience": {
+        "button": "druge pśepšosyś",
+        "youAreAlone": "Wy sćo ta jadna samska wósoba na tej konferency"
+    },
+    "me": "ja",
+    "notify": {
+        "OldElectronAPPTitle": "problem z wěstosću!",
+        "allowAction": "dowóliś",
+        "allowedUnmute": "Wy móžośo wuśišenje anulěrowaś, kameru zašaltowaś abo Waš monitor drugim sobu źěliś.",
+        "audioUnmuteBlockedDescription": "Wuśišenje njamóžo se anulěrowaś dla tšachoty pśeśěženja.",
+        "audioUnmuteBlockedTitle": "Wuśišenje njamóžo se anulěrowaś!",
+        "chatMessages": "chat",
+        "connectedOneMember": "{{name}} jo na zmakanju wobźělony",
+        "connectedThreePlusMembers": "{{name}} a {{count}} dalšnych wobźělnikow su na konferency wobźělone",
+        "connectedTwoMembers": "{{first}} a {{second}} stej na konferency wobźělonej",
+        "dataChannelClosed": "",
+        "dataChannelClosedDescription": "",
+        "disconnected": "zwězanje jo pśetergnjone",
+        "displayNotifications": "powěźeńki pokazaś za",
+        "focus": "wjednistwo konference",
+        "focusFail": "{{component}} njestoj tuchylu k dispoziciji – wóspjetowaś za {{ms}} sekundow",
+        "gifsMenu": "GIPHY",
+        "groupTitle": "powěźenki",
+        "hostAskedUnmute": "Moderator/ka pšosy Was, aby mikrofon aktiwěrowali",
+        "invitedOneMember": "{{name}} jo wordował/a pśepšosony/-a",
+        "invitedThreePlusMembers": "{{name}} a {{count}} drugich su wordowali pśepšosone",
+        "invitedTwoMembers": "{{first}} a {{second}} stej wordowałej pśepšosonej",
+        "kickParticipant": "{{kicked}} jo wordował/a wót {{kicker}} wuchyśony/-a",
+        "leftOneMember": "{{name}} jo konferencu spušćił/-a",
+        "leftThreePlusMembers": "{{name}} a dalšne su konferencu spušćili",
+        "leftTwoMembers": "{{first}} a {{second}} stej konferencu spušćiłej",
+        "linkToSalesforce": "ze Salesforce zwězaś",
+        "linkToSalesforceDescription": "Wy móžośo wopowěsć wót konference pśez link z objektom pla Saleforce zwězaś.",
+        "linkToSalesforceError": "Konferenz njejo mógła se ze Saleforce zwězaś.",
+        "linkToSalesforceKey": "konferencu zalinkowaś",
+        "linkToSalesforceProgress": "Zwězanje konference ze Salesforce se twari…",
+        "linkToSalesforceSuccess": "Konferenca jo se ze Salesforce zwězała.",
+        "localRecordingStarted": "{{name}} jo lokalne nagrawanje zachopił/-a.",
+        "localRecordingStopped": "{{name}} jo lokalne nagrawanje dokóńcował/-a.",
+        "me": "ja",
+        "moderationInEffectCSDescription": "Pśipowěźćo se, gaž cośo powědaś",
+        "moderationInEffectCSTitle": "Wideo jo wót moderatora/moderatorki blokěrowany",
+        "moderationInEffectDescription": "Pśipowěźćo se, gaž cośo powědaś",
+        "moderationInEffectTitle": "Mikrofon jo wót moderatora/moderatorki blokěrowany",
+        "moderationInEffectVideoDescription": "Pśipowěźćo se, gaž cośo kameru startowaś",
+        "moderationInEffectVideoTitle": "Kamera jo wót moderatora/moderatorki blokěrowana",
+        "moderationRequestFromModerator": "Moderator/ka pšosy Was, aby mikrofon aktiwěrowali",
+        "moderationRequestFromParticipant": "co powědaś",
+        "moderationStartedTitle": "moderacija jo se zachopiła",
+        "moderationStoppedTitle": "moderacija jo zastajona",
+        "moderationToggleDescription": "wót {{participantDisplayName}}",
+        "moderator": "Moderatorske pšawa su wuźělone!",
+        "muted": "Pśistup ku konferency z wuśišonym mikrofonom.",
+        "mutedRemotelyDescription": "Wy móžośo to wuśišenje kuždy cas anulěrowaś, gaž cośo powědaś. Gaž sćo swójo grono dokóńcowali, ga móžośo se zasej wuśišyś, aby konferencu pśed mólecymi zukami wobzwarnowali.",
+        "mutedRemotelyTitle": "Wy sćo wordowali wót {{participantDisplayName}} wuśišone!",
+        "mutedTitle": "Wuśišenje jo aktiwne!",
+        "newDeviceAction": "nałožyś",
+        "newDeviceAudioTitle": "Nowy audio-rěd jo wuznaty",
+        "newDeviceCameraTitle": "Nowa kamera jo wuznata",
+        "noiseSuppressionDesktopAudioDescription": "Pódušenje šumjenja njamóžo se nałožowaś, gaž computerowy sound se drugim sobu źěli. Nejpjerwjej to deaktiwěrujśo a wopytajśo hyšći raz.",
+        "noiseSuppressionFailedTitle": "Pódušenje šumjenja njejo mógło se startowaś.",
+        "noiseSuppressionNoTrackDescription": "Aktiwěrujśo nejpjerwjej mikrofon.",
+        "noiseSuppressionStereoDescription": "Funkcija pódušenja šumjenja njepódpěra tuchylu žeden stereo-zuk.",
+        "oldElectronClientDescription1": "Zda se, až wužywaśo staru wersiju jitsi-meet-clienta. Wóna ga ma znate słabosći. Togodla aktualizěrujśo ju na našu ",
+        "oldElectronClientDescription2": "aktuelnu wersiju",
+        "oldElectronClientDescription3": "!",
+        "participantWantsToJoin": "co se wobźěliś na konferency",
+        "participantsWantToJoin": "kśě se wobźěliś na konferency",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) jo wót drugego wobźělnika wótpórane",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) jo wót drugego wobźělnika wustajone",
+        "raiseHandAction": "se pśipowěźeś",
+        "raisedHand": "{{name}} co powědaś.",
+        "raisedHands": "{{participantName}} a dalšne {{raisedHands}} kśě powědaś",
+        "reactionSounds": "zuki interakcije deaktiwěrowaś",
+        "reactionSoundsForAll": "zuki interakcije za wšykne deaktiwěrowaś",
+        "screenShareNoAudio": "Opcija \"audio sobuźěliś\" njejo wordowała wuzwólona pśi wuzwólenju wokna.",
+        "screenShareNoAudioTitle": "Audio se njeźěli sobu",
+        "screenSharingAudioOnlyDescription": "",
+        "screenSharingAudioOnlyTitle": "",
+        "selfViewTitle": "Wy móžośo swój sam-se-naglěd pśecej we nastajenjach reaktiwěrowaś",
+        "somebody": "něcht",
+        "startSilentDescription": "Pśistupśo zmakanju hyšći raz, aby audio aktiwěrowali.",
+        "startSilentTitle": "Wy sćo pśistupili mimo zuka!",
+        "suboptimalBrowserWarning": "Wódajśo nam, ale Wy njezmějośo z aplikaciju {{appName}} dobrego spódobanja na konferency. Wy wopytujomy stawnje situaciju pólěpšyś, ale pjerwjej nježli se nam to raźijo, pśirucyjomy Wam, aby wužywali jaden wót <a href=\"{{recommendedBrowserPageLink}}\" target=\"_blank\">połnje pódpěranych browserow</a>.",
+        "suboptimalExperienceTitle": "warnowanje dla browsera",
+        "unmute": "wuśišenje wušaltowaś",
+        "videoMutedRemotelyDescription": "Wy možośo jo kuždy cas zasej zašaltowaś.",
+        "videoMutedRemotelyTitle": "Waša kamera jo wordowała wót {{participantDisplayName}} wušaltowana!",
+        "videoUnmuteBlockedDescription": "Kamera a sobuźělenje monitora njamóžo se tuchylu dla pśeśěženja aktiwěrowaś.",
+        "videoUnmuteBlockedTitle": "Kamera a sobuźělenje monitora njamóžo se aktiwěrowaś!",
+        "viewLobby": "do lobbyja póglědaś",
+        "waitingParticipants": "{{waitingParticipants}} wobźělnikow"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "pśizwóliś",
+            "admitAll": "wšyknym pśizwólenje daś",
+            "allow": "wobźělnikam pšawo daś:",
+            "allowVideo": "kameru aktiwěrowaś",
+            "askUnmute": "pšosbu wó anulěrowanje wuśišenja stajiś",
+            "audioModeration": "wuśišenje anulěrowaś pla se",
+            "blockEveryoneMicCamera": "kameru a mikrofon wšyknych blokěrowaś",
+            "invite": "wobźělniki pśepšosyś",
+            "moreModerationActions": "dalšne opcije za moderaciju",
+            "moreModerationControls": "dalšne opcije za moderaciju",
+            "moreParticipantOptions": "dalšne opcije za wobźělniki",
+            "mute": "wuśišyś",
+            "muteAll": "wšyknych wuśišyś",
+            "muteEveryoneElse": "wšykne druge wuśišyś",
+            "reject": "wótpokazaś",
+            "stopEveryonesVideo": "wšykne kamery wušaltowaś",
+            "stopVideo": "kameru wušaltowaś",
+            "unblockEveryoneMicCamera": "blokěrowane kamery a mikrofon wšyknych zasej aktiwěrowaś",
+            "videoModeration": "kameru zašaltowaś"
+        },
+        "close": "zacyniś",
+        "headings": {
+            "lobby": "lobby ({{count}})",
+            "participantsList": "wobźělniki ({{count}})",
+            "waitingLobby": "cakajuce we lobbyju ({{count}})"
+        },
+        "search": "wobźělniki pytaś",
+        "title": "wobźělniki"
+    },
+    "passwordDigitsOnly": "až do {{number}} cyfrow",
+    "passwordSetRemotely": "wustajone wót drugego wobźělnika",
+    "pinnedParticipant": "Wobźělnik jo pśipěty",
+    "polls": {
+        "answer": {
+            "skip": "wobejś",
+            "submit": "zachowaś"
+        },
+        "by": "wót {{ name }}",
+        "create": {
+            "addOption": "wótegrono pśipisaś",
+            "answerPlaceholder": "wótegrono {{index}}",
+            "cancel": "anulěrowaś",
+            "create": "wopšašowanje pśigótowaś",
+            "pollOption": "wótegrono {{index}}",
+            "pollQuestion": "pšašanje",
+            "questionPlaceholder": "pšašanje stajiś",
+            "removeOption": "wótegrono wulašowaś",
+            "send": "wótpósłaś"
+        },
+        "errors": {
+            "notUniqueOption": "Opcije musy byś jedynsće"
+        },
+        "notification": {
+            "description": "Wótcyńśo kórtu wopšašowanjow, aby zgłosowali",
+            "title": "Za tu konferencu jo nowe wopšašowanje pśigótowane"
+        },
+        "results": {
+            "changeVote": "hynacej zgłosowaś",
+            "empty": "Doněnta njedajo žednych wopšašowanjow we tej konferency. Wy móžośo how wopšašowanje iniciěrowaś!",
+            "hideDetailedResults": "nadrobnosći schowaś",
+            "showDetailedResults": "nadrobnosći pokazaś",
+            "vote": "zgłosowaś"
+        }
+    },
+    "poweredby": "Wobstarane wót",
+    "prejoin": {
+        "audioAndVideoError": "zmólenje audio a wideo:",
+        "audioDeviceProblem": "Dajo problem z Wašym audio-rědom.",
+        "audioOnlyError": "zmólenje audio:",
+        "audioTrackError": "audio-sćažka njejo mógła se stwóriś.",
+        "callMe": "mě pózwóniś",
+        "callMeAtNumber": "mě pód tym numerom pózwóniś:",
+        "calling": "zwónjenje",
+        "configuringDevices": "rědy se konfigurěruju…",
+        "connectedWithAudioQ": "Sćo Wy z audio zwězane?",
+        "connection": {
+            "good": "Wašo zwězanje z internetom zda se dobre byś!",
+            "nonOptimal": "Wašo zwězanje z internetom njejo optimalne.",
+            "poor": "Wy maśo wjelgin ryjne zwězanje z internetom."
+        },
+        "connectionDetails": {
+            "audioClipping": "Waš zuk buźo se nejskerjej pśetergowaś.",
+            "audioHighQuality": "Waš zuk změjo nejskerjej wjelgin dobru kwalitu .",
+            "audioLowNoVideo": "Waš zuk buźo nejskerjej wót ryjneje kwality a žeden wideo njebuźo.",
+            "goodQuality": "Prima! Kwalita Wašogo wideo a zuka buźo super.",
+            "noMediaConnectivity": "Za ten test njejo se dało žedno medijowe zwězanje natwariś. Wina na tom jo zwětšego firewall abo NAT.",
+            "noVideo": "Waš wideo změjo nejskerjej ryjnu kwalitu.",
+            "undetectable": "Gaž změjośo nadalej problemy na konferencach ze swójim browserom, ga dejśo pśizamknjenje a funkciju głosnikow, mikrofona a kamery pśekontrolěrowaś. Wušej togo wobwěsććo se, až Waš browser ma wšykne pšawa, ako su trjebne za pśistup k mikrofononoju a kamerje, a až maśo pśecej nejnowšu wersiju browsera instalěrowanu. Gaž pak problemy budu pśeto dalej wobstojaś, ga wobrośćo se na support aplikacije, kótaruž wužywaśo.",
+            "veryPoorConnection": "Kwalita Wašeje konference buźo nejskerjej wjelgin ryjna.",
+            "videoFreezing": "Waš wideo buźo nejskerjej zatykaś, carny wordowaś a rozpušćenje buźo niske.",
+            "videoHighQuality": "Waš wideo buźo wjelgin derje wuglědaś.",
+            "videoLowQuality": "Waš wideo změjo nejskerjej ryjne rozpušćenje a frekwencu.",
+            "videoTearing": "Waš wideo změjo nejskerjej ryjne rozpušćenje a frekwencu abo artefakty."
+        },
+        "copyAndShare": "Link ku konferency kopěrowaś & a drugim sobu źěliś",
+        "dialInMeeting": "se zwězaś pśez telefon",
+        "dialInPin": "se pśez telefon z konferencu zwězaś a PIN zapódaś:",
+        "dialing": "numer wuzwóliś",
+        "doNotShow": "ten monitor wěcej njepokazaś",
+        "errorDialOut": "zmólenje pśi telefonowanju",
+        "errorDialOutDisconnected": "telefonat njejo se raźił, zwězanje jo pśetergnjone",
+        "errorDialOutFailed": "numer wuzwóliś njejo se raźiło, telefonat njejo se raźił",
+        "errorDialOutStatus": "zmólenje pśi wótwołanju statusa zwězanja",
+        "errorMissingName": "Zapódajśo swójo mě, aby ku konferency pśistupili.",
+        "errorNoPermissions": "Wy musyśo pśistup k mikrofonoju a kamerje dowóliś.",
+        "errorStatusCode": "Telefonat njejo se raźił. Kod statusa: {{status}}",
+        "errorValidation": "werifikacija numera njejo se raźiła",
+        "iWantToDialIn": "ja cu se zwězaś z konferencu",
+        "initiated": "zwězanje jo se zachopiło twariś",
+        "joinAudioByPhone": "pśez telefon se wobźěliś",
+        "joinMeeting": "konferency pśistupiś",
+        "joinMeetingInLowBandwidthMode": "pśistupiś konferency we modusu žarjenja datow",
+        "joinWithoutAudio": "mimo zuka pśistupiś",
+        "keyboardShortcuts": "tastaturowe skrotconki aktiwěrowaś",
+        "linkCopied": "Link jo do mjazyskłada kopěrowany.",
+        "lookGood": "Waš mikrofon za wšym zdaśim funkcioněrujo.",
+        "or": "abo",
+        "premeeting": "naglěd",
+        "screenSharingError": "zmólenje pśi sobuźělenju monitora:",
+        "startWithPhone": "zachopiś z telefonowym audio",
+        "videoOnlyError": "zmólenje wideo:",
+        "videoTrackError": "Sćažka wideo njejo mógła se załožyś.",
+        "viewAllNumbers": "wšykne numery pokazaś"
+    },
+    "presenceStatus": {
+        "busy": "zabrany",
+        "calling": "zwónjenje…",
+        "connected": "Zwězanje jo natwarjone.",
+        "connecting": "Zwězanje se twari…",
+        "connecting2": "Zwězanje se twari*…",
+        "disconnected": "Zwězanje jo pśetergnjone",
+        "expired": "jo wugasnuł",
+        "ignored": "ignorěrowany",
+        "initializingCall": "Telefonat se inicializěrujo…",
+        "invited": "pśepšosony",
+        "rejected": "wótpokazany",
+        "ringing": "se zwóni …"
+    },
+    "profile": {
+        "avatar": "bildka wužywarja",
+        "setDisplayNameLabel": "zjawne mě wustajiś",
+        "setEmailInput": "e-mail zapódaś",
+        "setEmailLabel": "e-mailowa adresa za grawatar",
+        "title": "profil"
+    },
+    "raisedHand": "Ja cu powědaś",
+    "raisedHandsLabel": "licba zwignjonych rukow",
+    "record": {
+        "already": {
+            "linked": "Ta konferenca jo južo z objektom pla Salesforce zwězana."
+        },
+        "type": {
+            "account": "konto",
+            "contact": "kontakt",
+            "lead": "lead",
+            "opportunity": "góźba",
+            "owner": "wobsejźaŕ"
+        }
+    },
+    "recording": {
+        "authDropboxText": "do dropbokse uploadowaś",
+        "availableSpace": "wjelikosć składa, ako stoj k dispoziciji: {{spaceLeft}} MB (jadnab {{duration}} minutow nagrawanja)",
+        "beta": "BETA",
+        "busy": "Źěłamy na tom, aby resurse za nagrawanje  se k dispoziciji stajili. Wopytajśo za pór minutow hyšći raz.",
+        "busyTitle": "Wšykne instance za nagrawanje se južo trjebaju",
+        "copyLink": "link kopěrowaś",
+        "error": "Nagrawanje njejo se raźiło. Wopytajśo hyšći raz.",
+        "errorFetchingLink": "Link za nagrawanje njejo se ześěgnuł.",
+        "expandedOff": "Nagrawanje jo se pśetergnuło.",
+        "expandedOn": "Zmakanje se rowno nagrawa.",
+        "expandedPending": "Nagrawanje se rowno zachopina…",
+        "failedToStart": "Nagrawanje njejo se mógło zachopiś.",
+        "fileSharingdescription": "nagrawanje wobźělnikam konference spśistupniś",
+        "highlight": "highlight",
+        "highlightMoment": "to wokazmyrknjenje ako highlight markěrowaś",
+        "highlightMomentDisabled": "Wy móžośo wokazmyrknjenja ako highlight markěrowaś, ned gaž nagrawanje se zachopijo",
+        "highlightMomentSuccess": "highlight jo se markěrował",
+        "highlightMomentSucessDescription": "Waš markěrowany moment pśidajo se k wopowěsći wót zmakanja.",
+        "inProgress": "Nagrawanje abo livestream jo we źěle",
+        "limitNotificationDescriptionNative": "Dla intensiwnego wužywanja jo Wašo nagrawanje na {{limit}} minutow wobgranicowane. Za njelimitěrowane nagrawanje wužyj aplikaciju <3>{{app}}</3>.",
+        "limitNotificationDescriptionWeb": "Dla intensiwnego wužywanja jo Wašo nagrawanje na {{limit}} minutow wobgranicowane. Za njelimitěrowane nagrawanje wužyjśo aplikaciju <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "linkGenerated": "Link k nagrawanju jo se generěrował.",
+        "live": "LIVE",
+        "localRecordingNoNotificationWarning": "Druge wobźělniki njedostanu powěsći wót nagrawanja. Wy musyśo jich sami informěrowaś, až konferenca se nagrawa.",
+        "localRecordingNoVideo": "Žeden wideo se njenagrawa",
+        "localRecordingStartWarning": "Dokóńcujśo nagrawanje pśed spušćenim konference, aby ten nagraty wideo zachowali.",
+        "localRecordingStartWarningTitle": "nagrawanje dokóńcowaś a zachowaś",
+        "localRecordingVideoStop": "Gaž kameru wušaltujośo, ga teke lokalne nagrawanje se dokóńcujo. Sćo-li napšawdu wěste, až to cośo?",
+        "localRecordingVideoWarning": "Aby bildu ze swójeje samskeje kamery nagrawali, musyśo swóju kameru na zachopjeńku nagrawanja zašaltowaś.",
+        "localRecordingWarning": "Pśespytujśo, lěc sćo aktuelnu kórtu wuzwólili, aby wideo a zuk nagrawali.",
+        "loggedIn": "ako {{userName}} zalogowany/-a",
+        "noMicPermission": "",
+        "noStreams": "Žeden zuk a žeden wideo njejo namakany.",
+        "off": "Nagrawanje jo zastajone.",
+        "offBy": "{{name}} jo zastajił nagrawanje.",
+        "on": "nagrawanje",
+        "onBy": "{{name}} jo zachopił nagrawaś",
+        "onlyRecordSelf": "jano wideo a zuk ze swójeje kamery nagrawaś",
+        "pending": "Nagrawanje zmakanja se pśigótujo…",
+        "rec": "AUFZ",
+        "saveLocalRecording": "nagraty material lokalnje zachowaś",
+        "serviceDescription": "Waš nagraty material se zachowajo wót nagrawajuceje słužby",
+        "serviceDescriptionCloud": "nagrawanje do mrokawy (cloud)",
+        "serviceDescriptionCloudInfo": "Nagraty material wulašujo se awtomatiski za 24 štundow pó dokóńcowanju nagrawanja.",
+        "serviceName": "nagrawajuca słužba",
+        "sessionAlreadyActive": "Ta konferenca se južo nagrawa.",
+        "signIn": "zalogowaś",
+        "signOut": "wulogowaś",
+        "surfaceError": "Wuzwólśo aktuelnu kórtu (tab).",
+        "title": "",
+        "unavailable": "Ojej! {{serviceName}} njestoj aktuelnje k dispoziciji. My źěłamy na pórěźenju problema. Wopytajśo pózdźej hyšći raz.",
+        "unavailableTitle": "Nagrawanje njestoj k dispoziciji",
+        "uploadToCloud": "do mrokawy (cloud) kopěrowaś"
+    },
+    "screenshareDisplayName": "spśistupnjony monitor wót {{name}}",
+    "sectionList": {
+        "pullToRefresh": "śěgnuś, aby se aktualizěrowało"
+    },
+    "security": {
+        "about": "Wy móžośo swóju konferencu z kodowym słowom zawěsćiś. Wobźělniki budu musaś jo zapódaś, aby se na njej wobźělili.",
+        "aboutReadOnly": "Chtož ma moderatorske pšawa, móžo konferencu z kodowym słowom zawěsćiś. Wobźělniki budu musaś jo zapódaś, aby se na zmakanju wobźělili.",
+        "insecureRoomNameWarning": "Mě śpy njejo wěste dosć. Njepśepšosone wobźělniki mógu ku konferency pśistupiś. Wobmysliśo, lěc njocośo kodowe słowo wustajiś (klikniśo na bublin \"wěstosćowe opcije\")",
+        "title": "wěstosćowe opcije"
+    },
+    "settings": {
+        "buttonLabel": "",
+        "calendar": {
+            "about": "Aplikacija {{appName}} wužywa se za integraciju kalendarja, aby se zmóžnił wěsty pśistup k Wašomu kalendarju a k pśiducym terminam.",
+            "disconnect": "zwězanje jo pśetergnjone",
+            "microsoftSignIn": "se zalogowaś pśez Microsoft",
+            "signedIn": "Něnto jo pśistup ku kalendarjowym terminam wót {{email}} nastajony. Klikniśo na pśiducy bublin „zwězanje pśetergnuś“, aby pśistup ku kalendarju dokóńcowali.",
+            "title": "kalendaŕ"
+        },
+        "desktopShareFramerate": "frekwenca za sobuźělenje monitora",
+        "desktopShareHighFpsWarning": "Wuša frekwenca móžo datowu ratu pówušyś. Wy musyśo sobuźělenje monitora wótnowotki startowaś, aby to nastajenje se nałožyło.",
+        "desktopShareWarning": "Wy musyśo sobuźělenje monitora wótnowotki startowaś, aby to nastajenje se nałožyło.",
+        "devices": "rědy",
+        "followMe": "follow-me za wšykne wobźělniki",
+        "framesPerSecond": "FPS",
+        "incomingMessage": "pśiźeca powěsć",
+        "language": "rěc",
+        "loggedIn": "ako {{name}} zalogowany/-a",
+        "maxStageParticipants": "maksimalna licba wobźělnikow, kótarež mógu byś pśipěte ku głownemu naglědoju",
+        "microphones": "mikrofon",
+        "moderator": "moderator/ka",
+        "more": "wěcej",
+        "name": "mě",
+        "noDevice": "žeden",
+        "participantJoined": "nowy wobźělnik jo pśistupił",
+        "participantKnocking": "wobźělnik jo stupił do lobbyja",
+        "participantLeft": "wobźělnik jo spušćił konferencu",
+        "playSounds": "zuki za pokazki aktiwěrowaś",
+        "reactions": "interakcije",
+        "sameAsSystem": "kaž system ({{label}})",
+        "selectAudioOutput": "wuchadajucy audio",
+        "selectCamera": "kamera",
+        "selectMic": "mikrofon",
+        "selfView": "sam-se-naglěd",
+        "sounds": "zuki za pokazki",
+        "speakers": "głosniki",
+        "startAudioMuted": "wšykne wobźělniki pśistupiju wuśišone",
+        "startReactionsMuted": "zuki za interakciju pla wšyknych deaktiwěrowaś",
+        "startVideoMuted": "wšykne wobźělniki pśistupiju mimo wideo",
+        "talkWhileMuted": "gaž se pśi wuśišenju powěda",
+        "title": "nastajenja"
+    },
+    "settingsView": {
+        "advanced": "rozšyrjone",
+        "alertCancel": "pśetergnuś",
+        "alertOk": "OK",
+        "alertTitle": "warnowanje",
+        "alertURLText": "Pódana URL-adresa serwera njejo płaśeca",
+        "buildInfoSection": "build-informacije",
+        "conferenceSection": "konferenca",
+        "disableCallIntegration": "natiwnu integraciju telefonatow deaktiwěrowaś",
+        "disableCrashReporting": "wopowěsći wót wowalenjow aplikacije deaktiwěrowaś",
+        "disableCrashReportingWarning": "Cośo-li wopowěsći wót wowalenjow aplikacije napšawdu deaktiwěrowaś? To nastajenje nałožyjo se akle, gaž aplikacija se wótnowotki startujo.",
+        "disableP2P": "modus end-to-end deaktiwěrowaś",
+        "displayName": "mě na displayju",
+        "displayNamePlaceholderText": "na pśikład Heksempelojc Liza",
+        "email": "e-mail",
+        "emailPlaceholderText": "",
+        "goTo": "k",
+        "header": "nastajenja",
+        "help": "pomoc",
+        "links": "linki",
+        "privacy": "priwatnosć",
+        "profileSection": "profil",
+        "serverURL": "adresa URL serwera",
+        "showAdvanced": "rozšyrjone nastajenja pokazaś",
+        "startCarModeInLowBandwidthMode": "",
+        "startWithAudioMuted": "pśistupiś z wuśišenim",
+        "startWithVideoMuted": "pśistupiś mimo wideo",
+        "terms": "wustawki",
+        "version": "wersija"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nCośo pśez swój telefon se z konferencu zwězaś?\n\n{{defaultDialInNumber}}Klikniśo na ten link, aby wiźeli wšykne pśipowěźone numery za tu konferencu.\n{{dialInfoPageUrl}}",
+        "mainText": "Klikniśo na slědujucy link, aby konferency pśistupili:\n{{roomUrl}}"
+    },
+    "speaker": "powědaŕ/-ka",
+    "speakerStats": {
+        "angry": "rozgórjony/rozgórjona",
+        "disgusted": "gramny/gramna",
+        "displayEmotions": "emocije pokazaś",
+        "fearful": "bójazny/bójazna",
+        "happy": "wjasoły/wjasoła",
+        "hours": "{{count}} št. ",
+        "minutes": "{{count}} min. ",
+        "name": "mě",
+        "neutral": "neutralny/neutralna",
+        "sad": "tužny/tužna",
+        "search": "pytaś",
+        "searchHint": "wobźělniki pytaś",
+        "seconds": "{{count}} sek.",
+        "speakerStats": "statistika powědarja",
+        "speakerTime": "cas powědanja",
+        "surprised": "pśechwatany/pśechwatana"
+    },
+    "startupoverlay": {
+        "genericTitle": "Konferenca musy Waš mikrofon a kameru wužywaś.",
+        "policyText": " ",
+        "title": "{{app}} pótrjeba kameru a mikrofon."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "wótnowotki pśistupiś",
+        "text": "na bublin „<i>wótnowotki pśistupiś</i>“ kliknuś, aby se wótnowotki z konferencu zwězali.",
+        "title": "Konferenca jo se pśetergnuła, dokulaž spicy modus jo se aktiwěrował (standby)."
+    },
+    "termsView": {
+        "title": "wužywaŕske wustawki"
+    },
+    "toggleTopPanelLabel": "górjejcnu lejstwu zašaltowaś/ wušaltowaś",
+    "toolbar": {
+        "Settings": "nastajenja",
+        "accessibilityLabel": {
+            "Settings": "nastajenja zašaltowaś/wušaltowaś",
+            "audioOnly": "opciju „jano audio“ zašaltowaś/wušaltowaś",
+            "audioRoute": "rěd za audio wuzwóliś",
+            "boo": "wušwicaś",
+            "breakoutRoom": "do breakout-śpow stupiś / je spušćiś",
+            "callQuality": "nastajenja kwality",
+            "carmode": "awtowy modus",
+            "cc": "pódtitele zašaltowaś / wušaltowaś",
+            "chat": "woknyško za chat pokazaś / schowaś",
+            "clap": "pśiklasnuś",
+            "collapse": "miniměrowaś",
+            "document": "sobuźělony dokument zacyniś",
+            "download": "našu aplikaciju ześěgnuś",
+            "embedMeeting": "konferencu integrowaś",
+            "endConference": "",
+            "expand": "rozpśestrěś",
+            "feedback": "feedback zawóstajiś",
+            "fullScreen": "połnu bildu aktiwěrowaś/deaktiwěrowaś",
+            "giphy": "GIPHY pokazaś / schowaś",
+            "grantModerator": "moderatorske pšawa wuźěliś",
+            "hangup": "konferencu spušćiś",
+            "help": "pomoc",
+            "invite": "wobźělnika pśepšosyś",
+            "kick": "wobźělnika wuchyśiś",
+            "laugh": "se smjaś",
+            "leaveConference": "konferencu spušćiś",
+            "like": "palc górjej",
+            "linkToSalesforce": "ze Salesforce zwězaś",
+            "lobbyButton": "lobbyjowy modus aktiwěrowaś/deaktiwěrowaś",
+            "localRecording": "šturujuce elementy za lokalne nagrawanje aktiwěrowaś/deaktiwěrowaś",
+            "lockRoom": "kodowe słowo za konferencu aktiwěrowaś/deaktiwěrowaś",
+            "moreActions": "meni „dalšne nastajenja“ aktiwěrowaś/deaktiwěrowaś",
+            "moreActionsMenu": "meni „dalšne nastajenja“",
+            "moreOptions": "meni „dalšne opcije“",
+            "mute": "mikrofon aktiwěrowaś/deaktiwěrowaś",
+            "muteEveryone": "wšyknych wuśišyś",
+            "muteEveryoneElse": "wšyknych drugich wuśišyś",
+            "muteEveryoneElsesVideoStream": "wšykne druge kamery wušaltowaś",
+            "muteEveryonesVideoStream": "wšykne kamery wušaltowaś",
+            "noiseSuppression": "pódušenje šumjenja",
+            "participants": "wobźělniki",
+            "pip": "modus bilda-we-bilźe aktiwěrowaś/deaktiwěrowaś",
+            "privateMessage": "priwatnu powěsć pósłaś",
+            "profile": "profil wobźěłaś",
+            "raiseHand": "ruku zwignuś",
+            "reactionsMenu": "meni za interakcije wótcyniś/zacyniś",
+            "recording": "nagrawanje aktiwěrowaś/deaktiwěrowaś",
+            "remoteMute": "wobźělniki wuśišyś",
+            "remoteVideoMute": "kameru togo wobźělnika wušaltowaś",
+            "security": "opcije za wěstosć",
+            "selectBackground": "slězynu wuzwóliś",
+            "selfView": "sam-se-naglěd aktiwěrowaś/deaktiwěrowaś",
+            "shareRoom": "wobźělnika pśepšosyś",
+            "shareYourScreen": "sobuźělenje monitora aktiwěrowaś/deaktiwěrowaś",
+            "shareaudio": "audio sobuźěliś",
+            "sharedvideo": "sobuźělenje wideo aktiwěrowaś/deaktiwěrowaś",
+            "shortcuts": "tastowe kombinacije pokazaś/schowaś",
+            "show": "prězy pokazaś",
+            "silence": "śišyna",
+            "speakerStats": "statistiku powědarja pokazaś/schowaś",
+            "surprised": "pśechwatany/pśechwatana",
+            "tileView": "kachlickowy naglěd aktiwěrowaś/deaktiwěrowaś",
+            "toggleCamera": "kameru pśešaltowaś",
+            "toggleFilmstrip": "miniaturowy naglěd aktiwěrowaś/deaktiwěrowaś",
+            "videoblur": "rozmytu slězynu aktiwěrowaś/deaktiwěrowaś",
+            "videomute": "opciju „wideo wuśišyś“ aktiwěrowaś/deaktiwěrowaś",
+            "whiteboard": ""
+        },
+        "addPeople": "wobźělniki ku konferency pśidaś",
+        "audioOnlyOff": "modus „jano audio“ deaktiwěrowaś",
+        "audioOnlyOn": "modus „jano audio“ aktiwěrowaś",
+        "audioRoute": "rěd za audio wuzwóliś",
+        "audioSettings": "zukowe nastajenja",
+        "authenticate": "se awtentificěrowaś",
+        "boo": "wušwicaś",
+        "callQuality": "nastajenja kwality",
+        "chat": "chat wótcyniś / zacyniś",
+        "clap": "pśiklasnuś",
+        "closeChat": "chat zacyniś",
+        "closeReactionsMenu": "meni za interakcije zacyniś",
+        "disableNoiseSuppression": "pódušenje šumjenja deaktiwěrowaś",
+        "disableReactionSounds": "Wy móžośo zuki za interakcije we toś tej konferency deaktiwěrowaś",
+        "documentClose": "sobuźělony dokument zacyniś",
+        "documentOpen": "sobuźělony dokument wótcyniś",
+        "download": "naše aplikacije za downloadowanje",
+        "e2ee": "šyfrěrowanje end-to-end",
+        "embedMeeting": "konferencu integrěrowaś",
+        "endConference": "",
+        "enterFullScreen": "połna bilda",
+        "enterTileView": "kachlickowy naglěd aktiwěrowaś",
+        "exitFullScreen": "modus połneje bildy spušćiś",
+        "exitTileView": "kachlickowy naglěd deaktiwěrowaś",
+        "feedback": "feedback zawóstajiś",
+        "giphy": "GIPHY pokazaś/schowaś",
+        "hangup": "konferencu spušćiś",
+        "help": "pomoc",
+        "hideWhiteboard": "",
+        "invite": "wobźělniki pśepšosyś",
+        "joinBreakoutRoom": "do breakout-śpy stupiś",
+        "laugh": "se smjaś",
+        "leaveBreakoutRoom": "breakout-śpu spušćiś",
+        "leaveConference": "konferencu spušćiś",
+        "like": "palc górjej",
+        "linkToSalesforce": "ze Salesforce zwězaś",
+        "lobbyButtonDisable": "lobbyjowy modus deaktiwěrowaś",
+        "lobbyButtonEnable": "lobbyjowy modus aktiwěrowaś",
+        "login": "se zalogowaś",
+        "logout": "se wulogowaś",
+        "lowerYourHand": "ruku dołoj weześ",
+        "moreActions": "dalšne nastajenja",
+        "moreOptions": "dalšne opcije",
+        "mute": "mikrofon aktiwěrowaś / deaktiwěrowaś",
+        "muteEveryone": "wšykne wuśišyś",
+        "muteEveryonesVideo": "wšykne kamery wušaltowaś",
+        "noAudioSignalDesc": "Njejsćo-li ten rěd pśez systemowe nastajenja abo hardware z wótglědanim wuśišyli, ga snaź dejali sebje lubjej nowy rěd wobstaraś.",
+        "noAudioSignalDescSuggestion": "Njejsćo-li ten rěd pśez systemowe nastajenja abo hardware z wótglědanim wuśišyli, ga wopytajśo lubjej z rědom, ako jo Wam pśirucony.",
+        "noAudioSignalDialInDesc": "Wy móžośo se teke pśez numer zwězaś:",
+        "noAudioSignalDialInLinkDesc": "numery za zwězanje",
+        "noAudioSignalTitle": "Wót Wašogo mikrofona njepśiźo žeden zuk!",
+        "noiseSuppression": "pódušenje šumjenja",
+        "noisyAudioInputDesc": "Waš mikrofon zawinujo za wšym zdaśim mólece zuki. Snaź dejali jen wuśišyś abo z nowym mikrofonom zaměniś.",
+        "noisyAudioInputTitle": "Waš mikrofon producěrujo za Wšym zdaśim zogolece zuki!",
+        "openChat": "chat wótcyniś",
+        "openReactionsMenu": "meni za interakcije wótcyniś",
+        "participants": "wobźělniki",
+        "pip": "modus bildy we bilźe aktiwěrowaś",
+        "privateMessage": "priwatnu powěsć pósłaś",
+        "profile": "profil wobźěłaś",
+        "raiseHand": "ruku zwignuś",
+        "raiseYourHand": "ruku zwignuś",
+        "reactionBoo": "wušwicanje wótpósłaś",
+        "reactionClap": "pśiklasnjenje wótpósłaś",
+        "reactionLaugh": "smjaśe wótpósłaś",
+        "reactionLike": "palc górjej wótpósłaś",
+        "reactionSilence": "śišynu wótpósłaś",
+        "reactionSurprised": "pśechwatanje wótpósłaś",
+        "security": "opcije za wěstosć",
+        "selectBackground": "slězynu wuzwóliś",
+        "shareRoom": "wobźělnika pśepšosyś",
+        "shareaudio": "audio sobuźěliś",
+        "sharedvideo": "wideo sobuźěliś",
+        "shortcuts": "tastowe skrotconki pokazaś",
+        "showWhiteboard": "",
+        "silence": "śišyna",
+        "speakerStats": "statistika powědarjow",
+        "startScreenSharing": "sobuźělenje monitora startowaś",
+        "startSubtitles": "pódtitele aktiwěrowaś",
+        "stopAudioSharing": "sobuźělenje audio dokóńcowaś",
+        "stopScreenSharing": "sobuźělenje monitora dokóńcowaś",
+        "stopSharedVideo": "wideo dokóńcowaś",
+        "stopSubtitles": "pódtitele wušaltowaś",
+        "surprised": "pśechwatany/pśechwatana",
+        "talkWhileMutedPopup": "Wopytajośo rowno něco groniś? Waš mikrofon jo wusišony.",
+        "tileViewToggle": "kachelowy naglěd aktiwěrowaś/deaktiwěrowaś",
+        "toggleCamera": "kameru pśešaltowaś",
+        "videoSettings": "nastajenja kamery",
+        "videomute": "kameru startowaś / zastajiś"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "pódtitele aktiwěrowaś/deaktiwěrowaś",
+        "error": "Nagrawanje njejo se raźiło. Wopytajśo hyšći raz.",
+        "expandedLabel": "Transkriběrowanje jo tuchylu aktiwěrowane",
+        "failedToStart": "Transkriběrowanje njejo mógło se zachopiś",
+        "labelToolTip": "Konferenca se transkriběrujo",
+        "off": "Transkriběrowanje jo pśetergnjone",
+        "pending": "Transkriběrowanje konferency se pśigótujo…",
+        "sourceLanguageDesc": "",
+        "sourceLanguageHere": "",
+        "start": "pokazowanje pódtitelow startowaś",
+        "stop": "pokazowanje pódtitelow dokóńcowaś",
+        "subtitles": "",
+        "subtitlesOff": "",
+        "tr": "TR"
+    },
+    "userMedia": {
+        "grantPermissions": "pšawa k wužywanju Wašeje kamery a mikrofona wuźěliś."
+    },
+    "videoSIPGW": {
+        "busy": "Źěłamy na tom, aby resurse se k dispoziciji stajili. Wopytajśo za pór minutow hyšći raz.",
+        "busyTitle": "Žedne resurse njejsu wěcej liche.",
+        "errorAlreadyInvited": "{{displayName}} jo wordował južo pśepšosony/-a",
+        "errorInvite": "Konferenca njejo mógła se zachopiś. Wopytajśo pózdźej hyšći raz.",
+        "errorInviteFailed": "Źěłamy na tom, aby problem pórěźili. Wopytajśo pózdźej hyšći raz.",
+        "errorInviteFailedTitle": "{{displayName}} njejo mógł/-a wordowaś pśepšosony/-a",
+        "errorInviteTitle": "zmólenje pśi załoženju noweje konference",
+        "pending": "{{displayName}} jo wordował/-a pśepšosony/-a"
+    },
+    "videoStatus": {
+        "adjustFor": "nastajiś za:",
+        "audioOnly": "AUD",
+        "audioOnlyExpanded": "Wy źěłaśo něnto we modusu „jano audio“. Ten modus njepótrjeba teliko šyrokosći banta.",
+        "bestPerformance": "nejlěpše wugbanje",
+        "callQuality": "kwalita wideo",
+        "hd": "HD",
+        "hdTooltip": "Wideo pokažo se we tom rozpušćenju",
+        "highDefinition": "wusoke rozpušćenje",
+        "highestQuality": "nejwuša kwalita",
+        "labelTooiltipNoVideo": "žeden wideo",
+        "labelTooltipAudioOnly": "Modus „jano audio“ jo aktiwny",
+        "ld": "LD",
+        "ldTooltip": "Wideo pokažo se w niskem rozpušćenju",
+        "lowDefinition": "niske rozpušćenje",
+        "performanceSettings": "nastajenja kwality",
+        "sd": "SD",
+        "sdTooltip": "Wideo pokažo se we standardowem rozpušćenju",
+        "standardDefinition": "standardowe rozpušćenje"
+    },
+    "videothumbnail": {
+        "connectionInfo": "informacije dla zwězanja",
+        "domute": "wuśišyś",
+        "domuteOthers": "wšykne druge wuśišyś",
+        "domuteVideo": "kameru wušaltowaś",
+        "domuteVideoOfOthers": "wšykne druge kamery wušaltowaś",
+        "flip": "wobrośiś kaž w glědałku",
+        "grantModerator": "moderatorske pšawa wuźěliś",
+        "hideSelfView": "swój sam-se-naglěd schowaś",
+        "kick": "wuchyśiś",
+        "mirrorVideo": "",
+        "moderator": "moderator/ka",
+        "mute": "wobźělnik jo wuśišony",
+        "muted": "wuśišony",
+        "pinToStage": "pśipěś",
+        "remoteControl": "wótnazdalne šturowanje",
+        "screenSharing": "wobźělnik sobu źěli monitor",
+        "show": "pokazaś prězy",
+        "showSelfView": "swój sam-se-naglěd pokazaś",
+        "unpinFromStage": "wótpěś",
+        "verify": "",
+        "videoMuted": "kamera jo wušaltowana",
+        "videomute": "wobźělnik jo kameru zastajił"
+    },
+    "virtualBackground": {
+        "addBackground": "slězynu pśidaś",
+        "apply": "nałožyś",
+        "backgroundEffectError": "slězyna njejo mógła se pśidaś",
+        "blur": "slězyna jo njewótša",
+        "deleteImage": "bildu wulašowaś",
+        "desktopShare": "sobuźělenje desktopa",
+        "desktopShareError": "desktop njejo se dał sobu źěliś",
+        "image1": "brjog",
+        "image2": "běła neutralna sćěna",
+        "image3": "běły prozny rum",
+        "image4": "carna stojeca lampa",
+        "image5": "góra",
+        "image6": "góla",
+        "image7": "górjejhyśe słyńcka",
+        "none": "žeden motiw",
+        "pleaseWait": "Cakajśo…",
+        "removeBackground": "slězynu wótpóraś",
+        "slightBlur": "slězyna pitśku njewótša",
+        "title": "slězyny",
+        "uploadedImage": "uploadowana bilda {{index}}",
+        "webAssemblyWarning": "WebAssembly njewordujo pódpěrany",
+        "webAssemblyWarningDescription": "WebAssembly jo deaktiwěrowany abo ten browser jen njepódpěra"
+    },
+    "volumeSlider": "reglowac głosnosći",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "pótusnuś, aby se wobźělili",
+            "roomname": "mě śpy zapódaś"
+        },
+        "addMeetingName": "mě konference pśipisaś",
+        "appDescription": "Zachopmy ga! Startujśo wideokonferencu z Wašym teamom abo hyšći lěpjej: Pśepšosćo wšyknych, ak znajośo. {{app}} jo kompletnje  šyfrěrowana aplikacija za wideokonference, kótarejež žrědłowy kod jo 100% zjawny. Wy móžośo ju pśecej a wšuźi dermo wužywaś - mimo registrěrowanja.",
+        "audioVideoSwitch": {
+            "audio": "audio",
+            "video": "wideo"
+        },
+        "calendar": "kalendaŕ",
+        "connectCalendarButton": "kalendaŕ pśiwězaś",
+        "connectCalendarText": "Pśiwěžćo swój kalendaŕ, aby wiźeli wšykne Waše konference we {{app}}. Zapišćo teke konference {{provider}} do swójogo kalendarja a startujśo je jano z jadnym kliknjenim.",
+        "enterRoomTitle": "nowu konferencu startowaś",
+        "getHelp": "pomoc",
+        "go": "dalej",
+        "goSmall": "dalej",
+        "headerSubtitle": "Wěste a wusokokwalitatiwne konference",
+        "headerTitle": "Jitsi Meet",
+        "info": "informacije",
+        "jitsiOnMobile": "Jitsi pśecej pódla – ześěńśo sebje našu aplikaciju a startujśo konference wšuźi, źož rowno sćo",
+        "join": "ŽAŁOŽYŚ / PŚISTUPIŚ",
+        "logo": {
+            "calendar": "logo kalendarja",
+            "desktopPreviewThumbnail": "naglěd desktopa ako miniatura",
+            "googleLogo": "logo Google",
+            "logoDeepLinking": "logo Jitsi Meet",
+            "microsoftLogo": "logo Microsoft",
+            "policyLogo": "logo za směrnice"
+        },
+        "mobileDownLoadLinkAndroid": "Android app k ześěgnjenju",
+        "mobileDownLoadLinkFDroid": "F-Droid app k ześěgnjenju",
+        "mobileDownLoadLinkIos": "iOS App k ześěgnjenju",
+        "moderatedMessage": "Oder <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">rezerěrujśo sebje adresu URL za konference, kótaruž jano Wy buźośo moderěrowaś.",
+        "privacy": "woplěwanje datow",
+        "recentList": "pśeglěd",
+        "recentListDelete": "zapisk wulašowaś",
+        "recentListEmpty": "Pśeglěd Wašych konferencow jo tuchylu prozny. Gaž buźośo se z Wašym teamom rozgranjaś, ga wšykne Waše konference budu se how zjawiś.",
+        "recentMeetings": "",
+        "reducedUIText": "Witajśo do {{app}}!",
+        "roomNameAllowedChars": "Mě konference njedej žednje wopśimjeś žednogo wót slědujucych znamješkow: ?, &, :, ', \", %, #.",
+        "roomname": "mě konference zapódaś",
+        "roomnameHint": "Mě a adresa URL konference, kótarejž cośo pśistupiś. Wy móžośo sebje jadno mě wumysliś, Wy musyśo jo jano drugim wobźělnikam zjawiś, aby k tej samej konferency pśistupili.",
+        "sendFeedback": "měnjenje pósłaś",
+        "settings": "",
+        "startMeeting": "zmakanje zachopiś",
+        "terms": "wužywaŕske wustawki (AGB)",
+        "title": "wěste, połnje funkcionalne wideokonference,  kompletnje zadermo",
+        "upcomingMeetings": ""
+    }
+}
diff --git a/lang/main-el.json b/lang/main-el.json
new file mode 100644
index 0000000..4286ba1
--- /dev/null
+++ b/lang/main-el.json
@@ -0,0 +1,1421 @@
+{
+    "addPeople": {
+        "add": "Πρόσκληση",
+        "addContacts": "Προσκάλεσε τις επαφές σου",
+        "contacts": "επαφές",
+        "copyInvite": "Αντιγραφή της πρόσκλησης",
+        "copyLink": "Αντιγραφή του συνδέσμου συνάντησης",
+        "copyStream": "Αντιγραφή του συνδέσμου ζωντανής μετάδοσης",
+        "countryNotSupported": "Αυτός ο προορισμός δεν υποστηρίζεται ακόμα.",
+        "countryReminder": "Καλείτε εκτός ΗΠΑ; Παρακαλώ βεβαιωθείτε ότι ξεκινάτε με τον κωδικό της χώρας!",
+        "defaultEmail": "Προεπιλεγμένο Email",
+        "disabled": "Δεν μπορείτε να προσκαλέσετε άτομα.",
+        "failedToAdd": "Αποτυχία προσθήκης συμμετεχόντων",
+        "googleEmail": "Google Email",
+        "inviteMoreHeader": "Είστε ο μόνος στη συνάντηση",
+        "inviteMoreMailSubject": "Συμμετοχή στη συνάντηση {{appName}}",
+        "inviteMorePrompt": "Πρόσκληση ατόμων",
+        "linkCopied": "Ο σύνδεσμος αντιγράφηκε στο πρόχειρο",
+        "noResults": "Δε βρέθηκαν αποτελέσματα αναζήτησης",
+        "outlookEmail": "Outlook Email",
+        "phoneNumbers": "τηλεφωνικοί αριθμοί",
+        "searching": "Αναζήτηση…",
+        "shareInvite": "Μοίρασε την πρόσκληση στη συνάντηση",
+        "shareLink": "Μοίρασε αυτό το σύνδεσμο της συνάντησης για να προσκαλέσεις και άλλα άτομα",
+        "shareStream": "Διαμοιρασμός του συνδέσμου ζωντανής μετάδοσης",
+        "sipAddresses": "διευθύνσεις sip",
+        "telephone": "Τηλέφωνο: {{number}}",
+        "title": "Προσκαλέστε άτομα σε αυτή τη συνάντηση",
+        "yahooEmail": "Yahoo Email"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "car": "Ηχοσύστημα Αυτοκινήτου",
+        "headphones": "Ακουστικά",
+        "none": "Δεν υπάρχουν διαθέσιμες συσκευές ήχου",
+        "phone": "Τηλέφωνο",
+        "speaker": "Ηχείο"
+    },
+    "audioOnly": {
+        "audioOnly": "Χαμηλή ταχύτητα μετάδοσης"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "Προσθήκη αποσπασμένου δωματίου",
+            "autoAssign": "Αυτόματη ανάθεση στα αποσπασμένα δωμάτια",
+            "close": "Κλείσιμο",
+            "join": "Συμμετοχή",
+            "leaveBreakoutRoom": "Αποχώρηση από το αποσπασμένο δωμάτιο",
+            "more": "Περισσότερα",
+            "remove": "Αφαίρεση",
+            "sendToBreakoutRoom": "Αποστολή συμμετέχοντα στο:"
+        },
+        "defaultName": "Αποσπασμένο δωμάτιο #{{index}}",
+        "mainRoom": "Κυρίως δωμάτιο",
+        "notifications": {
+            "joined": "Σύνδεση στο αποσπασμένο δωμάτιο \"{{name}}\"",
+            "joinedMainRoom": "Σύνδεση στο κυρίως δωμάτιο",
+            "joinedTitle": "Αποσπασμένα Δωμάτια"
+        }
+    },
+    "calendarSync": {
+        "addMeetingURL": "Προσθήκη ενός συνδέσμου συνάντησης",
+        "confirmAddLink": "Θέλετε να προσθέσετε έναν σύνδεσμο του Jitsi σε αυτή την εκδήλωση;",
+        "error": {
+            "appConfiguration": "Η ενσωμάτωση ημερολογίου δεν έχει ρυθμιστεί σωστά.",
+            "generic": "Παρουσιάστηκε ένα σφάλμα. Παρακαλείστε να ελέγξετε τις ρυθμίσεις ημερολογίου σας ή να δοκιμάσετε να ανανεώσετε το ημερολόγιο.",
+            "notSignedIn": "Παρουσιάστηκε ένα σφάλμα κατά την ταυτοποίηση για τη προβολή των εκδηλώσεων στο ημερολόγιο. Παρακαλώ να ελέγξετε τις ρυθμίσεις ημερολογίου και να δοκιμάσετε να συνδεθείτε ξανά."
+        },
+        "join": "Συμμετοχή",
+        "joinTooltip": "Συμμετοχή στη σύσκεψη",
+        "nextMeeting": "Επόμενη σύσκεψη",
+        "noEvents": "Δεν υπάρχουν προγραμματισμένες εκδηλώσεις προσεχώς.",
+        "ongoingMeeting": "Σύσκεψη σε εξέλιξη",
+        "permissionButton": "Άνοιγμα ρυθμίσεων",
+        "permissionMessage": "Απαιτείται να δοθεί άδεια για το Ημερολόγιο για να βλέπετε τις συναντήσεις σας στην εφαρμογή.",
+        "refresh": "Ανανέωση ημερολογίου",
+        "today": "Σήμερα"
+    },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "Επιλογή συσκευής ήχου"
+        },
+        "labels": {
+            "buttonLabel": "Λειτουργία αυτοκινήτου",
+            "title": "Λειτουργία αυτοκινήτου",
+            "videoStopped": "Η εικόνα σας σταμάτησε"
+        }
+    },
+    "chat": {
+        "enter": "Είσοδος στο δωμάτιο",
+        "error": "Σφάλμα: το μήνυμα δεν στάλθηκε. Αιτία: {{error}}",
+        "fieldPlaceHolder": "Αα",
+        "lobbyChatMessageTo": "Μήνυμα στην υποδοχή στο παραλήπτη {{recipient}}",
+        "message": "Μήνυμα",
+        "messageAccessibleTitle": "{{user}} λέει:",
+        "messageAccessibleTitleMe": "εγώ λέω:",
+        "messageTo": "Ιδιωτικό μήνυμα σε {{recipient}}",
+        "messagebox": "Εισάγετε ένα μήνυμα",
+        "newMessages": "Νέα μηνύματα",
+        "nickname": {
+            "popover": "Επιλέξτε ένα ψευδώνυμο",
+            "title": "Εισάγετε ένα ψευδώνυμο για να συμμετέχετε στη συνομιλία",
+            "titleWithPolls": "Εισάγετε ένα ψευδώνυμο για να συμμετέχετε στη συνομιλία και στις ψηφοφορίες"
+        },
+        "noMessagesMessage": "Δεν υπάρχουν ακόμα μηνύματα στη συνάντηση. Ξεκινήστε εδώ μια συζήτηση!",
+        "privateNotice": "Ιδιωτικό μήνυμα σε {{recipient}}",
+        "sendButton": "Αποστολή",
+        "smileysPanel": "Πίνακας Emoji",
+        "tabs": {
+            "chat": "Συνομιλία",
+            "polls": "Ψηφοφορίες"
+        },
+        "title": "Συνομιλία",
+        "titleWithPolls": "Συνομιλία και Ψηφοφορίες",
+        "you": "εσείς"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Εγκαταστήστε την Επέκταση του Chrome",
+        "buttonTextEdge": "Εγκαταστήστε την Επέκταση του Edge",
+        "close": "Κλείσιμο",
+        "dontShowAgain": "Να μην εμφανιστεί ξανά",
+        "installExtensionText": "Εγκατάσταση της επέκτασης για ενσωμάτωση του Google Calendar και του Office 365"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Σύνδεση στη σύσκεψη σας…"
+    },
+    "connection": {
+        "ATTACHED": "Συνημμένο",
+        "AUTHENTICATING": "Ταυτοποίηση",
+        "AUTHFAIL": "Απέτυχε η ταυτοποίηση",
+        "CONNECTED": "Συνδεδεμένο",
+        "CONNECTING": "Γίνεται σύνδεση",
+        "CONNFAIL": "Η σύνδεση απέτυχε",
+        "DISCONNECTED": "Αποσυνδέθηκε",
+        "DISCONNECTING": "Γίνεται αποσύνδεση",
+        "ERROR": "Σφάλμα",
+        "FETCH_SESSION_ID": "Απόκτηση session-id…",
+        "GET_SESSION_ID_ERROR": "Λήψη σφάλματος session-id: {{code}}",
+        "GOT_SESSION_ID": "Απόκτηση session-id… Έγινε",
+        "LOW_BANDWIDTH": "Η εικόνα για {{displayName}} απενεργοποιήθηκε για εξοικονόμηση ταχύτητας"
+    },
+    "connectionindicator": {
+        "address": "Διεύθυνση:",
+        "audio_ssrc": "Ήχος SSRC:",
+        "bandwidth": "Εκτιμώμενη ταχύτητα:",
+        "bitrate": "Ρυθμός μετάδοσης:",
+        "bridgeCount": "Αριθμός διακομιστή: ",
+        "codecs": "Κωδικοποιητές (A/V): ",
+        "connectedTo": "Συνδέθηκε με:",
+        "e2eeVerified": "Πιστοποιήθηκε E2EE:",
+        "framerate": "Ρυθμός εικόνας:",
+        "less": "Λιγότερα",
+        "localaddress": "Τοπική διεύθυνση:",
+        "localaddress_plural": "Τοπικές διευθύνσεις:",
+        "localport": "Τοπική θύρα:",
+        "localport_plural": "Τοπικές θύρες:",
+        "maxEnabledResolution": "αποστολή μέγιστης",
+        "more": "Περισσότερα",
+        "packetloss": "Απώλειες πακέτων:",
+        "participant_id": "Id συμμετέχοντα:",
+        "quality": {
+            "good": "Καλή",
+            "inactive": "Ανενεργό",
+            "lost": "Χαμένα",
+            "nonoptimal": "Μηβέλτιστη",
+            "poor": "Κακή"
+        },
+        "remoteaddress": "Απομακρυσμένη διεύθυνση:",
+        "remoteaddress_plural": "Απομακρυσμένες διευθύνσεις:",
+        "remoteport": "Απομακρυσμένη θύρα:",
+        "remoteport_plural": "Απομακρυσμένες θύρες:",
+        "resolution": "Ανάλυση:",
+        "savelogs": "Αποθήκευση logs",
+        "status": "Σύνδεση:",
+        "transport": "Μεταφορέας:",
+        "transport_plural": "Μεταφορείς:",
+        "video_ssrc": "Εικόνα SSRC:"
+    },
+    "dateUtils": {
+        "earlier": "Νωρίτερα",
+        "today": "Σήμερα",
+        "yesterday": "Χθες"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Χρειάζεστε την εφαρμογή {{app}} για το κινητό σας για συμμετοχή σε αυτή τη σύσκεψη μέσα από το τηλέφωνό σας.",
+        "description": "Δεν έγινε τίποτα; Έγινε προσπάθεια να ξεκινήσει η σύσκεψη με την εφαρμογή desktop {{app}}. Προσπαθήστε ξανά ή μπείτε από το web το {{app}}.",
+        "descriptionNew": "Δεν έγινε τίποτα; Έγινε προσπάθεια να ξεκινήσει η σύσκεψη με την εφαρμογή desktop {{app}}. <br /><br /> Προσπαθήστε ξανά ή μπείτε από το web.",
+        "descriptionWithoutWeb": "Δεν έγινε τίποτα; Έγινε προσπάθεια να ξεκινήσει η σύσκεψη στην εφαρμογή desktop {{app}}.",
+        "downloadApp": "Κατεβάστε την εφαρμογή",
+        "downloadMobileApp": "Κατεβάστε από το App Store",
+        "ifDoNotHaveApp": "Αν δεν έχετε ακόμα την εφαρμογή:",
+        "ifHaveApp": "Αν έχετε ήδη την εφαρμογή:",
+        "joinInApp": "Συμμετοχή στη σύσκεψη με την εφαρμογή",
+        "joinInAppNew": "Συμμετοχή στην εφαρμογή",
+        "joinInBrowser": "Συμμετοχή στο browser",
+        "launchMeetingLabel": "Πως θέλετε να συμμετέχετε στη σύσκεψη;",
+        "launchWebButton": "Εκκίνηση στο web",
+        "noMobileApp": "Δεν έχετε την εφαρμογή;",
+        "termsAndConditions": "Με το να συνεχίσετε συμφωνείτε με τους <a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'>όρους και συνθήκες.</a>",
+        "title": "Έναρξη της σύσκεψης σας στο {{app}}…",
+        "titleNew": "Δημιουργία της σύσκεψης σας…",
+        "tryAgainButton": "Προσπαθήστε ξανά στο desktop",
+        "unsupportedBrowser": "Φαίνεται ότι χρησιμοποιείτε ένα browser που δεν υποστηρίζουμε."
+    },
+    "defaultLink": "π.χ. {{url}}",
+    "defaultNickname": "π.χ. Μαρία Τάδε",
+    "deviceError": {
+        "cameraError": "Αποτυχία πρόσβασης στη κάμερα",
+        "cameraPermission": "Σφάλμα κατά τη λήψη άδειας για χρήση της κάμερας",
+        "microphoneError": "Αποτυχία πρόσβασης στο μικρόφωνο",
+        "microphonePermission": "Σφάλμα κατά τη λήψη άδειας για χρήση του μικρόφωνου"
+    },
+    "deviceSelection": {
+        "hid": {
+            "callControl": "Έλεγχος κλήσης",
+            "connectedDevices": "Συνδεδεμένες συσκευές:",
+            "deleteDevice": "Αφαίρεση συσκευής",
+            "pairDevice": "Ζεύγος με συσκευή"
+        },
+        "noPermission": "Δεν χορηγήθηκε άδεια",
+        "previewUnavailable": "Μη διαθέσιμη προεπισκόπηση",
+        "selectADevice": "Επιλέξτε μια συσκευή",
+        "testAudio": "Δοκιμή"
+    },
+    "dialIn": {
+        "screenTitle": "Τηλεφωνική περίληψη"
+    },
+    "dialOut": {
+        "statusMessage": "είναι τώρα {{status}}"
+    },
+    "dialog": {
+        "Back": "Πίσω",
+        "Cancel": "Ακύρωση",
+        "IamHost": "Είμαι διοργανωτής",
+        "Ok": "ΟΚ",
+        "Remove": "Αφαίρεση",
+        "Share": "Μοιραστείτε",
+        "Submit": "Υποβολή",
+        "WaitForHostMsg": "Η σύσκεψη δεν έχει αρχίσει ακόμη. Αν είστε διοργανωτής, τότε παρακαλούμε να ταυτοποιήσετε τον εαυτό σας. Διαφορετικά, παρακαλώ αναμείνετε να συνδεθεί κάποιος διοργανωτής.",
+        "WaitingForHostTitle": "Αναμονή για διοργανωτή…",
+        "Yes": "Ναι",
+        "accessibilityLabel": {
+            "close": "Κλείσιμο",
+            "liveStreaming": "Ζωντανή Ροή",
+            "sharingTabs": "Επιλογές διαμοιρασμού"
+        },
+        "add": "Προσθήκη",
+        "addMeetingNote": "Προσθήκη σημειώσεων για αυτή τη σύσκεψη",
+        "addOptionalNote": "Προσθήκη ενός σημειώματος (προαιρετικό):",
+        "allow": "Επέτρεψε",
+        "alreadySharedVideoMsg": "Ένας άλλος συμμετέχων μοιράζει ήδη το βίντεο του. Αυτή η σύσκεψη επιτρέπει το διαμοιρασμό μόνο ενός βίντεο τη φορά.",
+        "alreadySharedVideoTitle": "Μόνο μια κοινόχρηστη εικόνα επιτρέπεται τη φορά",
+        "applicationWindow": "Παράθυρο εφαρμογής",
+        "authenticationRequired": "Απαιτείτε ταυτοποίηση",
+        "cameraConstraintFailedError": "Η κάμερα σας δεν πληρεί ορισμένους από τους απαιτούμενους περιορισμούς.",
+        "cameraNotFoundError": "Δε βρέθηκε κάμερα.",
+        "cameraNotSendingData": "Αδυναμία πρόσβασης στην κάμερα σας. Παρακαλώ ελέγξτε αν κάποια άλλη εφαρμογή τη χρησιμοποιεί, επιλέξτε μια άλλη συσκευή από το μενού ρυθμίσεων ή δοκιμάστε να φορτώσετε ξανά την εφαρμογή.",
+        "cameraNotSendingDataTitle": "Αδυναμία πρόσβασης στην κάμερα",
+        "cameraPermissionDeniedError": "Δεν έχετε δώσει άδεια για χρήση της κάμερας σας. Μπορείτε ακόμα να συμμετέχετε στη σύσκεψη, αλλά οι άλλοι δεν θα σας βλέπουν. Χρησιμοποιήστε το κουμπί με την κάμερα στη γραμμή διεύθυνσης για το διορθώσετε..",
+        "cameraTimeoutError": "Αδυναμία εκκίνησης της πηγής εικόνας. Λήξη του χρονικού ορίου!",
+        "cameraUnknownError": "Αδυναμία χρήσης της κάμερας για κάποιο άγνωστο λόγο.",
+        "cameraUnsupportedResolutionError": "Η κάμερα σας δεν υποστηρίζει την απαιτούμενη ανάλυση εικόνας.",
+        "close": "Κλείσιμο",
+        "conferenceDisconnectMsg": "Παρακαλώ ελέγξτε τη δικτυακή σύνδεση σας. Επανασύνδεση σε {{seconds}} δευτερόλεπτα…",
+        "conferenceDisconnectTitle": "Έχετε αποσυνδεθεί.",
+        "conferenceReloadMsg": "Προσπαθούμε να το διορθώσουμε. Επανασύνδεση σε {{seconds}} δευτερόλεπτα…",
+        "conferenceReloadTitle": "Δυστυχώς, κάτι πήγε στραβά.",
+        "confirm": "Επιβεβαίωση",
+        "confirmNo": "Όχι",
+        "confirmYes": "Ναι",
+        "connectError": "Ωχ! Κάτι πήγε στραβά και δεν μπορούσαμε να συνδεθούμε με τη σύσκεψη.",
+        "connectErrorWithMsg": "Ωχ! Κάτι πήγε στραβά και δεν μπορούσαμε να συνδεθούμε με τη σύσκεψη: {{msg}}",
+        "connecting": "Γίνεται σύνδεση",
+        "contactSupport": "Επικοινωνία με την υποστήριξη",
+        "copied": "Αντιγράφηκε",
+        "copy": "Αντιγραφή",
+        "dismiss": "Απόρριψη",
+        "displayNameRequired": "Γεια! Ποιο είναι το όνομα σου;",
+        "done": "Έγινε",
+        "e2eeDescription": "Η κρυπτογράφηση Άκρη-προς-Άκρη είναι σε ΠΕΙΡΑΜΑΤΙΚΟ στάδιο αυτή τη στιγμή. Παρακαλώ να έχετε κατά νου ότι η ενεργοποίηση της κρυπτογράφησης άκρη-προς-άκρη θα απενεργοποιήσει από την πλευρά του διακομιστή υπηρεσίες όπως: καταγραφή, live streaming και συμμετοχή μέσω τηλεφώνου. Επίσης, να έχετε κατά νου ότι η σύσκεψη θα λειτουργήσει μόνο για τα άτομα που συνδέονται από browsers με υποστήριξη για insertable streams.",
+        "e2eeDisabledDueToMaxModeDescription": "Αδυναμία ενεργοποίησης της κρυπτογράφησης Άκρη-προς-Άκρη λόγω του μεγάλου αριθμού συμμετεχόντων στην σύσκεψη.",
+        "e2eeLabel": "Ενεργοποίηση Κρυπτογράφησης Άκρη-προς-Άκρη",
+        "e2eeWarning": "ΠΡΟΕΙΔΟΠΟΙΗΣΗ: Δε φαίνεται να έχουν όλοι οι συμμετέχοντες στη σύσκεψη υποστήριξη για κρυπτογράφηση άκρη-προς-άκρη. Αν την ενεργοποιήσετε, δεν θα μπορέσουν να σας δουν ούτε να σας ακούσουν.",
+        "e2eeWillDisableDueToMaxModeDescription": "ΠΡΟΕΙΔΟΠΟΙΗΣΗ: Η Κρυπτογράφηση Άκρη-προς-Άκρη θα απενεργοποιηθεί αυτόματα εάν μπουν στην σύσκεψη περισσότεροι συμμετέχοντες.",
+        "embedMeeting": "Ενσωμάτωση σύσκεψης",
+        "enterDisplayName": "Εισάγετε το όνομά σας",
+        "error": "Σφάλμα",
+        "gracefulShutdown": "Αυτή τη στιγμή η υπηρεσία είναι εκτός λειτουργίας για συντήρηση. Προσπαθήστε ξανά αργότερα.",
+        "grantModeratorDialog": "Θέλετε σίγουρα να δοθούν δικαιώματα συντονιστή στο/στη {{participantName}};",
+        "grantModeratorTitle": "Απόδοση δικαιωμάτων συντονιστή",
+        "hide": "Κρύψιμο",
+        "hideShareAudioHelper": "Να μην εμφανιστής ξανά αυτός ο διάλογος",
+        "incorrectPassword": "Λάθος όνομα χρήστη ή κωδικός πρόσβασης",
+        "incorrectRoomLockPassword": "Λάθος κωδικός πρόσβασης",
+        "internalError": "Ωχ! Κάτι πήγε στραβά. Παρουσιάστηκε το παρακάτω σφάλμα: {{error}}",
+        "internalErrorTitle": "Εσωτερικό σφάλμα",
+        "kickMessage": "Μπορείτε να επικοινωνήσετε με το {{participantDisplayName}} για περισσότερες λεπτομέρειες.",
+        "kickParticipantButton": "Αποβολή",
+        "kickParticipantDialog": "Σίγουρα θέλετε να αποβάλλετε αυτόν το συμμετέχοντα;",
+        "kickParticipantTitle": "Αποβολή αυτού του συμμετέχοντα;",
+        "kickTitle": "Ωχ! Ο/Η {{participantDisplayName}} σας απέβαλε από τη σύσκεψη",
+        "linkMeeting": "Σύνδεση σύσκεψης",
+        "linkMeetingTitle": "Σύνδεση σύσκεψης στο Salesforce",
+        "liveStreaming": "Ζωντανή Ροή",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "Αδύνατο όταν η εγγραφή είναι σε λειτουργία",
+        "localUserControls": "Τοπικός έλεγχος χρήστη",
+        "lockMessage": "Αποτυχία κλειδώματος της σύσκεψης.",
+        "lockRoom": "Προσθήκη $t(lockRoomPassword) στη σύσκεψη",
+        "lockTitle": "Το κλείδωμα απέτυχε",
+        "login": "Είσοδος",
+        "logoutQuestion": "Σίγουρα θέλετε να αποσυνδεθείτε και να αποχωρήσετε από τη σύσκεψη;",
+        "logoutTitle": "Αποσύνδεση",
+        "maxUsersLimitReached": "Το όριο για το μέγιστο αριθμό συμμετεχόντων έχει επιτευχθεί. Η σύσκεψη είναι πλήρης. Επικοινωνήσετε με τον ιδιοκτήτη της ή δοκιμάστε ξανά αργότερα!",
+        "maxUsersLimitReachedTitle": "Ο αριθμός συμμετεχόντων έφτασε στο μέγιστο όριο",
+        "micConstraintFailedError": "Το μικρόφωνο σας δεν πληρεί ορισμένους από τους απαιτούμενους περιορισμούς.",
+        "micNotFoundError": "Το μικρόφωνο δεν βρέθηκε.",
+        "micNotSendingData": "Πηγαίνετε στις ρυθμίσεις του υπολογιστή σας για να βγάλετε τη σίγηση από το μικρόφωνο και να ρυθμίσετε το επίπεδό του",
+        "micNotSendingDataTitle": "Το μικρόφωνο είναι σε σίγηση στις ρυθμίσεις του συστήματός σας",
+        "micPermissionDeniedError": "Δεν έχετε δώσει την άδεια για χρήση του μικροφώνου. Μπορείτε ακόμα να συμμετάσχετε στη σύσκεψη, αλλά οι άλλοι δεν θα μπορούν να σας ακούσουν. Χρησιμοποιήστε το κουμπί της κάμερας στη γραμμή διεύθυνσης για να το διορθώσετε.",
+        "micTimeoutError": "Αδυναμία εκκίνησης της πηγής ήχου. Λήξη του χρονικού ορίου!",
+        "micUnknownError": "Αδυναμία χρήσης του μικροφώνου για ένα άγνωστο λόγο.",
+        "moderationAudioLabel": "Επιτρέψτε στους συμμετέχοντες να καταργούν τη σίγηση τους",
+        "moderationVideoLabel": "Επιτρέψτε στους συμμετέχοντες να ξεκινούν το βίντεο τους",
+        "muteEveryoneDialog": "Οι συμμετέχοντες μπορούν να καταργούν την σίγηση τους.",
+        "muteEveryoneDialogModerationOn": "Οι συμμετέχοντες μπορούν να στέλνουν αιτήματα για ομιλία.",
+        "muteEveryoneElseDialog": "Όταν οι συμμετέχοντες είναι σε σίγηση, δε θα μπορείτε να την καταργήσετε, αλλά ανά πάσα στιγμή θα μπορούν να το κάνουν μόνοι τους.",
+        "muteEveryoneElseTitle": "Σίγηση όλων εκτός από {{whom}};",
+        "muteEveryoneElsesVideoDialog": "Όταν η κάμερα των συμμετεχόντων απενεργοποιηθεί, δε θα μπορείτε να την ενεργοποιείτε, αλλά αυτοί θα μπορούν ανά πάσα στιγμή.",
+        "muteEveryoneElsesVideoTitle": "Διακοπή όλων των βίντεο εκτός από {{whom}};",
+        "muteEveryoneSelf": "τον εαυτό σας",
+        "muteEveryoneStartMuted": "Όλοι ξεκινούν σε σίγηση από τώρα και στο εξής",
+        "muteEveryoneTitle": "Σίγηση όλων;",
+        "muteEveryonesVideoDialog": "Οι συμμετέχοντες μπορούν να ενεργοποιούν το βίντεο τους.",
+        "muteEveryonesVideoDialogModerationOn": "Οι συμμετέχοντες μπορούν να στέλνουν αιτήματα ενεργοποίησης του βίντεο τους.",
+        "muteEveryonesVideoDialogOk": "Απενεργοποίηση",
+        "muteEveryonesVideoTitle": "Διακοπή του βίντεο όλων;",
+        "muteParticipantBody": "Δεν θα είστε σε θέση να καταργήσετε τη σίγηση, αλλά ανά πάσα στιγμή θα μπορούν να το κάνουν μόνοι τους.",
+        "muteParticipantButton": "Σίγηση",
+        "muteParticipantsVideoBody": "Δε θα μπορείτε εσείς να ενεργοποιήσετε ξανά τη κάμερα, αλλά αυτοί θα μπορούν οποιαδήποτε στιγμή.",
+        "muteParticipantsVideoBodyModerationOn": "Δε θα μπορείτε εσείς να ενεργοποιήσετε ξανά τη κάμερα, αλλά ούτε και αυτοί.",
+        "muteParticipantsVideoButton": "Διακοπή του βίντεο",
+        "muteParticipantsVideoDialog": "Θέλετε σίγουρα να κλείσετε τη κάμερα του συμμετέχοντα; Δε θα μπορείτε να την ενεργοποιήσετε ξανά, μόνο αυτοί θα μπορούν να την ανοίξουν.",
+        "muteParticipantsVideoDialogModerationOn": "Θέλετε σίγουρα να κλείσετε τη κάμερα του συμμετέχοντα; Δε θα μπορείτε να την ενεργοποιήσετε ξανά, ούτε αυτοί θα μπορούν.",
+        "muteParticipantsVideoTitle": "Απενεργοποίηση της κάμερας αυτού του συμμετέχοντα;",
+        "noDropboxToken": "Μη έγκυρο διακριτικό Dropbox",
+        "password": "Κωδικός πρόσβασης",
+        "passwordLabel": "Η συνάντηση έχει κλειδωθεί από κάποιον συμμετέχοντα. Παρακαλώ εισάγετε το $t(lockRoomPassword) για να συμμετέχετε.",
+        "passwordNotSupported": "Ο ορισμός ενός $t(lockRoomPassword) στη συνάντηση δεν υποστηρίζεται.",
+        "passwordNotSupportedTitle": "Δεν υποστηρίζεται $t(lockRoomPasswordUppercase)",
+        "passwordRequired": "Απαιτείται $t(lockRoomPasswordUppercase)",
+        "permissionCameraRequiredError": "Απαιτείται άδεια χρήσης της κάμερας για συμμετοχή σε συσκέψεις με βίντεο. Παρακαλώ αναθέστε τη στις Ρυθμίσεις",
+        "permissionErrorTitle": "Απαιτείται άδεια χρήσης",
+        "permissionMicRequiredError": "Απαιτείται άδεια για χρήση του μικροφώνου για συμμετοχή σε συσκέψεις με ήχο. Παρακαλώ αναθέστε τη στις Ρυθμίσεις",
+        "popupError": "Ο browser σας μπλοκάρει τα αναδυόμενα παράθυρα από αυτή τη τοποθεσία. Παρακαλούμε ενεργοποιήστε τα αναδυόμενα στις ρυθμίσεις ασφαλείας του browser σας και προσπαθήστε ξανά.",
+        "popupErrorTitle": "Φραγή αναδυόμενου παραθύρου",
+        "readMore": "περισσότερα",
+        "recentlyUsedObjects": "Τα πρόσφατα αντικείμενα σας",
+        "recording": "Γίνεται Καταγραφή",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "Δεν είναι δυνατή όταν η ζωντανή ροή είναι σε εξέλιξη",
+        "rejoinNow": "Επανασύνδεση τώρα",
+        "remoteControlAllowedMessage": "O/H {{user}} έκανε αποδεκτό το αίτημα απομακρυσμένου ελέγχου!",
+        "remoteControlDeniedMessage": "O/H {{user}} απέρριψε το αίτημα απομακρυσμένου ελέγχου!",
+        "remoteControlErrorMessage": "Σφάλμα κατά την αίτηση για δικαιώματα απομακρυσμένου ελέγχου από το {{user}}!",
+        "remoteControlRequestMessage": "Θέλετε να επιτρέψετε στο χρήστη {{user}} να ελέγχει από μακριά τον υπολογιστή σας;",
+        "remoteControlShareScreenWarning": "Σημειώνεται ότι εάν πατήσετε το πλήκτρο \"Αποδοχή\" θα μοιραστείτε την οθόνη σας!",
+        "remoteControlStopMessage": "Η συνεδρία απομακρυσμένου ελέγχου έληξε!",
+        "remoteControlTitle": "Απομακρυσμένος έλεγχος υπολογιστή",
+        "remoteUserControls": "Χειριστήρια απομακρυσμένου ελέγχου του {{username}}",
+        "removePassword": "Αφαίρεση $t(lockRoomPassword)",
+        "removeSharedVideoMsg": "Σίγουρα θέλετε να καταργήσετε το κοινόχρηστο βίντεο σας;",
+        "removeSharedVideoTitle": "Αφαίρεση κοινόχρηστου βίντεο",
+        "reservationError": "Σφάλμα συστήματος κρατήσεων",
+        "reservationErrorMsg": "Κωδικός σφάλματος: {{code}}, μήνυμα: {{msg}}",
+        "retry": "Επανάληψη",
+        "screenSharingAudio": "Διαμοιρασμός ήχου",
+        "screenSharingFailed": "Ωχ! Κάτι πήγε στραβά, δεν ήταν δυνατός ο διαμοιρασμός της οθόνης!",
+        "screenSharingFailedTitle": "Αποτυχία διαμοιρασμού της οθόνης!",
+        "screenSharingPermissionDeniedError": "Ωχ! Κάτι πήγε στραβά με τα δικαιώματα διαμοιρασμού της οθόνης. Παρακαλώ επαναφορτώστε και προσπαθήστε ξανά.",
+        "searchInSalesforce": "Αναζήτηση στο Salesforce",
+        "searchResults": "Αποτελέσματα αναζήτησης ({{count}})",
+        "searchResultsDetailsError": "Κάτι πήγε στραβά κατά την ανάκτηση των δεδομένων ιδιοκτήτη.",
+        "searchResultsError": "Κάτι πήγε στραβά κατά την ανάκτηση δεδομένων.",
+        "searchResultsNotFound": "Κανένα αποτέλεσμα αναζήτησης.",
+        "searchResultsTryAgain": "Δοκιμάστε εναλλακτικές λέξεις κλειδιά.",
+        "sendPrivateMessage": "Πρόσφατα λάβατε ένα προσωπικό μήνυμα. Σκοπεύετε να απαντήσετε σε αυτό ιδιωτικά ή θέλετε να στείλετε το μήνυμα στην ομάδα;",
+        "sendPrivateMessageCancel": "Στείλτε το στην ομάδα",
+        "sendPrivateMessageOk": "Στείλτε το ιδιωτικά",
+        "sendPrivateMessageTitle": "Θέλετε να το στείλετε ιδιωτικά;",
+        "serviceUnavailable": "Η υπηρεσία δεν είναι διαθέσιμη",
+        "sessTerminated": "Η κλήση τερματίστηκε",
+        "sessionRestarted": "Η κλήση ξεκίνησε ξανά λόγω ενός προβλήματος στη σύνδεση.",
+        "shareAudio": "Συνέχεια",
+        "shareAudioTitle": "Πως να μοιράσω τον ήχο",
+        "shareAudioWarningD1": "πρέπει να διακόψετε το διαμοιρασμού της οθόνης πριν να μοιράσετε τον ήχο σας.",
+        "shareAudioWarningD2": "πρέπει να ξεκινήσετε ξανά το διαμοιρασμό οθόνης και να επιλέξετε το \"διαμοιρασμό ήχου\".",
+        "shareAudioWarningH1": "Αν θέλετε μόνο να μοιράσετε τον ήχο:",
+        "shareAudioWarningTitle": "Πρέπει να διακόψετε το διαμοιρασμό της οθόνης πριν να μοιράσετε τον ήχο σας",
+        "shareMediaWarningGenericH2": "Αν θέλετε να μοιράσετε την οθόνη και τον ήχο σας",
+        "shareScreenWarningD1": "πρέπει να διακόψετε το διαμοιρασμό ήχου πριν να μοιράσετε τον οθόνη σας.",
+        "shareScreenWarningD2": "πρέπει να διακόψετε το διαμοιρασμό ήχου, να ξεκινήσετε το διαμοιρασμό οθόνης και να επιλέξετε \"διαμοιρασμό ήχου\".",
+        "shareScreenWarningH1": "Αν θέλετε μόνο να μοιράσετε την οθόνη σας:",
+        "shareScreenWarningTitle": "Πρέπει να διακόψετε το διαμοιρασμό ήχου πριν να μοιράσετε την οθόνη σας",
+        "shareVideoLinkError": "Παρακαλώ δώστε έναν σωστό σύνδεσμο βίντεο.",
+        "shareVideoTitle": "Μοιραστείτε ένα βίντεο",
+        "shareYourScreen": "Μοιραστείτε την οθόνη σας",
+        "shareYourScreenDisabled": "Δεν είναι ενεργός ο διαμοιρασμός οθόνης.",
+        "sharedVideoDialogError": "Σφάλμα: Μη έγκυρο URL",
+        "sharedVideoLinkPlaceholder": "Σύνδεσμός στο YouTube ή απευθείας σε βίντεο",
+        "show": "Εμφάνιση",
+        "start": "Έναρξη ",
+        "startLiveStreaming": "Έναρξη ζωντανής ροής",
+        "startRecording": "Έναρξη καταγραφής",
+        "startRemoteControlErrorMessage": "Σφάλμα κατά την προσπάθεια εκκίνησης της συνεδρίας απομακρυσμένου ελέγχου!",
+        "stopLiveStreaming": "Τερματισμός ζωντανής ροής",
+        "stopRecording": "Λήξη καταγραφής",
+        "stopRecordingWarning": "Σίγουρα θέλετε να διακόψετε την καταγραφή;",
+        "stopStreamingWarning": "Σίγουρα θέλετε να διακόψετε τη ζωντανή ροή;",
+        "streamKey": "Κλειδί ζωντανής ροής",
+        "thankYou": "Σας ευχαριστούμε που χρησιμοποιήσατε το {{appName}}!",
+        "token": "διακριτικό",
+        "tokenAuthFailed": "Συγνώμη, δεν επιτρέπεται να συμμετέχετε σε αυτήν την κλήση.",
+        "tokenAuthFailedTitle": "Αποτυχία ταυτοποίησης",
+        "transcribing": "Γίνεται μεταγραφή",
+        "unlockRoom": "Αφαιρέστε το $t(lockRoomPassword) της σύσκεψης",
+        "user": "Χρήστης",
+        "userIdentifier": "Αναγνωριστικό χρήστη",
+        "userPassword": "Κωδικός πρόσβασης χρήστη",
+        "verifyParticipantConfirm": "Ταιριάζουν",
+        "verifyParticipantDismiss": "Δεν ταιριάζουν",
+        "verifyParticipantQuestion": "ΠΕΙΡΑΜΑΤΙΚΟ: Ρωτήστε τον συμμετέχοντα {{participantName}} αν βλέπουν το ίδιο περιεχόμενο, με την ίδια σειρά.",
+        "verifyParticipantTitle": "Πιστοποίηση χρήστη",
+        "videoLink": "Σύνδεσμο βίντεο",
+        "viewUpgradeOptions": "Εμφάνιση επιλογών αναβάθμισης",
+        "yourEntireScreen": "Ολόκληρη την οθόνη σας"
+    },
+    "documentSharing": {
+        "title": "Κοινόχρηστο Έγγραφο"
+    },
+    "e2ee": {
+        "labelToolTip": "Η Επικοινωνία με Ήχο και Εικόνα σε αυτή τη κλήση είναι από άκρη σε άκρη κρυπτογραφημένη"
+    },
+    "embedMeeting": {
+        "title": "Ενσωμάτωση αυτής της σύσκεψης"
+    },
+    "feedback": {
+        "average": "Μέτρια",
+        "bad": "Κακή",
+        "detailsLabel": "Πείτε μας περισσότερα γι ' αυτή.",
+        "good": "Καλή",
+        "rateExperience": "Αξιολογήστε πως σας φάνηκε η σύσκεψη σας",
+        "star": "Αστέρι",
+        "veryBad": "Πολύ Κακή",
+        "veryGood": "Πολύ Καλή"
+    },
+    "filmstrip": {
+        "accessibilityLabel": {
+            "heading": "Εικονίδια Βίντεο"
+        }
+    },
+    "giphy": {
+        "noResults": "Δε βρέθηκαν αποτελέσματα :(",
+        "search": "Αναζήτηση GIPHY"
+    },
+    "incomingCall": {
+        "answer": "Απάντηση",
+        "audioCallTitle": "Εισερχόμενη κλήση",
+        "decline": "Απόρριψη",
+        "productLabel": "από το Jitsi Meet",
+        "videoCallTitle": "Εισερχόμενη βιντεοκλήση"
+    },
+    "info": {
+        "accessibilityLabel": "Πληροφορίες",
+        "addPassword": "Προσθήκη $t(lockRoomPassword)",
+        "cancelPassword": "Ακύρωση $t(lockRoomPassword)",
+        "conferenceURL": "Σύνδεσμος:",
+        "copyNumber": "Αντιγραφή αριθμού",
+        "country": "Χώρα",
+        "dialANumber": "Για να συνδεθείτε στη σύσκεψη σας, καλέστε έναν από αυτούς τους αριθμούς και στη συνέχεια πληκτρολογήστε το pin.",
+        "dialInConferenceID": "PIN:",
+        "dialInNotSupported": "Συγγνώμη, προς το παρόν δεν υποστηρίζονται εισερχόμενες κλήσεις.",
+        "dialInNumber": "Αριθμός Κλήσης:",
+        "dialInSummaryError": "Σφάλμα ανάκτησης πληροφοριών αριθμού κλήσης. Παρακαλώ προσπαθήστε ξανά αργότερα.",
+        "dialInTollFree": "Χωρίς Χρέωση",
+        "genericError": "Ωχ, κάτι πήγε στραβά.",
+        "inviteLiveStream": "Για να δείτε τη ζωντανά αυτή τη σύσκεψη, πατήστε αυτό το σύνδεσμο: {{url}}",
+        "invitePhone": "Για συμμετοχή με τηλέφωνο, πατήστε: {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Ψάχνετε για ένα διαφορετικό αριθμό κλήσης;\nΔείτε τους αριθμούς κλήσης αυτής της σύσκεψης: {{url}}\n\n\nΑν επίσης καλείτε μέσω μιας συσκευής συνεδρίασης, συμμετοχή χωρίς σύνδεση ήχου: {{silentUrl}}",
+        "inviteSipEndpoint": "Για συμμετοχή με χρήση διεύθυνσης SIP: πατήστε αυτό: {{sipUri}}",
+        "inviteTextiOSInviteUrl": "Πατήστε το σύνδεσμο που ακολουθεί για να συμμετέχετε: {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "Αν καλείτε από μια συσκευή συνεδρίασης, χρησιμοποιείστε αυτό το σύνδεσμο για να συμμετέχετε χωρίς σύνδεση με ήχο: {{silentUrl}}.",
+        "inviteTextiOSPersonal": "Ο/Η {{name}} σας προσκαλεί σε μια σύσκεψη.",
+        "inviteTextiOSPhone": "Για συμμετοχή με τηλέφωνο, καλέστε τον αριθμό: {{number}},,{{conferenceID}}#. Αν ψάχνετε για ένα διαφορετικό, αυτή είναι η πλήρης λίστα: {{didUrl}}.",
+        "inviteURLFirstPartGeneral": "Έχετε προσκληθεί για να συμμετέχετε σε μια σύσκεψη.",
+        "inviteURLFirstPartPersonal": "Ο/Η {{name}} σας προσκαλεί σε μια συνάντηση.\n",
+        "inviteURLSecondPart": "\nΣυμμετοχή στη σύσκεψη:\n{{url}}\n",
+        "label": "Πληροφορίες κλήσης",
+        "liveStreamURL": "Ζωντανή ροή:",
+        "moreNumbers": "Περισσότεροι αριθμοί",
+        "noNumbers": "Κανένας αριθμός κλήσης.",
+        "noPassword": "Κανένα",
+        "noRoom": "Δεν ορίστηκε δωμάτιο για να κληθεί.",
+        "numbers": "Αριθμοί Κλήσεις",
+        "password": "$t(lockRoomPasswordUppercase): ",
+        "sip": "Διεύθυνση SIP",
+        "title": "Διαμοιρασμός",
+        "tooltip": "Μοιραστείτε το σύνδεσμο και τις πληροφορίες κλήσης για αυτή τη σύσκεψη"
+    },
+    "inlineDialogFailure": {
+        "msg": "Σκοντάψαμε λίγο.",
+        "retry": "Προσπαθήστε ξανά",
+        "support": "Υποστήριξη",
+        "supportMsg": "Εάν αυτό συνεχίζει να συμβαίνει, επικοινωνήστε με"
+    },
+    "inviteDialog": {
+        "alertText": "Αποτυχία πρόσκλησης μερικών συμμετεχόντων.",
+        "header": "Πρόσκληση",
+        "searchCallOnlyPlaceholder": "Εισάγετε τον τηλεφωνικό αριθμό",
+        "searchPeopleOnlyPlaceholder": "Αναζήτηση συμμετεχόντων",
+        "searchPlaceholder": "Συμμετέχων ή αριθμός τηλεφώνου",
+        "send": "Αποστολή"
+    },
+    "jitsiHome": "Το λογότυπο {{logo}} συνδέει στην  Ιστοσελίδα",
+    "keyboardShortcuts": {
+        "focusLocal": "Εστίαση στο βίντεο σας",
+        "focusRemote": "Εστίαση στο βίντεο ενός άλλου",
+        "fullScreen": "Εναλλαγή πλήρους οθόνης",
+        "giphyMenu": "Εναλλαγή μενού GIPHY",
+        "keyboardShortcuts": "Συντομεύσεις πληκτρολογίου",
+        "localRecording": "Εμφάνιση ή απόκρυψη χειριστηρίων καταγραφής",
+        "mute": "Εναλλαγή της σίγησης του μικροφώνου σας",
+        "pushToTalk": "Πίεση για ομιλία",
+        "raiseHand": "Σηκώστε ή χαμηλώστε το χέρι σας",
+        "showSpeakerStats": "Στατιστικά ομιλητών",
+        "toggleChat": "Ανοίξτε ή κλείστε τη συνομιλία",
+        "toggleFilmstrip": "Εμφάνιση ή όχι των μικρογραφιών βίντεο",
+        "toggleParticipantsPane": "Εμφάνιση ή όχι των πάνελ των συμμετεχόντων",
+        "toggleScreensharing": "Εναλλαγή μεταξύ κάμερας και κοινής χρήσης οθόνης",
+        "toggleShortcuts": "Εμφάνιση ή όχι των συντομεύσεων πληκτρολογίου",
+        "videoMute": "Άνοιγμα ή κλείσιμο κάμερας"
+    },
+    "largeVideo": {
+        "screenIsShared": "Μοιράζεστε την οθόνη σας",
+        "showMeWhatImSharing": "Δείξε μου τι μοιράζω"
+    },
+    "liveStreaming": {
+        "busy": "Εργαζόμαστε να απελευθερώσουμε πόρους για streaming. Παρακαλώ δοκιμάστε ξανά σε λίγα λεπτά.",
+        "busyTitle": "Όλοι οι streamers είναι απασχολημένοι",
+        "changeSignIn": "Εναλλαγή λογαριασμών.",
+        "choose": "Επιλέξτε μία ζωντανή ροή",
+        "chooseCTA": "Επιλέξτε μία επιλογή ροής. Αυτή την στιγμή είστε συνδεδεμένοι ως {{email}}.",
+        "enterStreamKey": "Εισάγετε εδώ το κλειδί ζωντανής ροής του YouTube.",
+        "error": "Η ζωντανή ροή απέτυχε. Παρακαλώ δοκιμάστε ξανά.",
+        "errorAPI": "Σφάλμα κατά την πρόσβαση στις μεταδόσεις του YouTube. Παρακαλώ δοκιμάστε να συνδεθείτε ξανά.",
+        "errorLiveStreamNotEnabled": "Η ζωντανή ροή δεν είναι ενεργοποιημένη για το {{email}}. Ενεργοποιήστε τη ζωντανή ροή ή συνδεθείτε σε ένα λογαριασμό με ενεργοποιημένη τη ζωντανή ροή.",
+        "expandedOff": "Η ζωντανή ροή σταμάτησε",
+        "expandedOn": "Η σύσκεψη μεταδίδεται τώρα στο YouTube.",
+        "expandedPending": "Η ζωντανή ροή πρόκειται να ξεκινήσει…",
+        "failedToStart": "Η ζωντανή ροή απέτυχε να ξεκινήσει",
+        "getStreamKeyManually": "Αδυναμία λήψης κάποιας ζωντανής ροής. Προσπαθήστε να πάρετε το κλειδί ζωντανής ροής από το YouTube.",
+        "googlePrivacyPolicy": "Πολιτική Απορρήτου της Google",
+        "inProgress": "Εγγραφή ή ζωντανή ροή σε εξέλιξη",
+        "invalidStreamKey": "Το κλειδί ζωντανής ροής μπορεί να είναι εσφαλμένο.",
+        "limitNotificationDescriptionNative": "Η ροή σας θα περιοριστεί σε {{limit}} λεπτά. Για ροή χωρίς όρια δοκιμάστε το {{app}}.",
+        "limitNotificationDescriptionWeb": "Λόγω υψηλής ζήτησης η ροή θα περιοριστεί σε {{limit}} λεπτά. Για απεριόριστες ροές δοκιμάστε το <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "off": "Η Ζωντανή Ροή σταμάτησε",
+        "offBy": "{{name}} σταμάτησε τη ζωντανή ροή",
+        "on": "Η Ζωντανή Ροή ξεκίνησε",
+        "onBy": "{{name}} ξεκίνησε τη ζωντανή ροή",
+        "pending": "Η Ζωντανή Ροή Ξεκινάει…",
+        "serviceName": "Υπηρεσία Ζωντανής Ροής",
+        "sessionAlreadyActive": "Η συνεδρία ήδη γράφεται ή είναι σε ζωντανή ροή.",
+        "signIn": "Συνδεθείτε μέσω του Google",
+        "signInCTA": "Συνδεθείτε ή εισάγετε το κλειδί ζωντανής ροής από το YouTube.",
+        "signOut": "Έξοδος",
+        "signedInAs": "Είστε συνδεδεμένοι ως:",
+        "start": "Ξεκινήστε μια ζωντανή ροή",
+        "streamIdHelp": "Τι είναι αυτό;",
+        "title": "Ζωντανή Ροή",
+        "unavailableTitle": "Ζωντανή Ροή δεν είναι διαθέσιμη",
+        "youtubeTerms": "Όροι υπηρεσιών YouTube"
+    },
+    "lobby": {
+        "backToKnockModeButton": "Αίτημα εισόδου",
+        "chat": "Συνομιλία",
+        "dialogTitle": "Λειτουργία υποδοχής",
+        "disableDialogContent": "Η λειτουργία υποδοχής είναι ενεργοποιημένη. Αυτή η λειτουργία εξασφαλίζει ότι ανεπιθύμητοι συμμετέχοντες δεν θα μπορούν να προστεθούν στη σύσκεψη. Θέλετε να την απενεργοποιήσετε;",
+        "disableDialogSubmit": "Απενεργοποίηση",
+        "emailField": "Εισάγετε τη διεύθυνση email σας",
+        "enableDialogPasswordField": "Ορίστε κωδικό πρόσβασης (προαιρετικά)",
+        "enableDialogSubmit": "Ενεργοποίηση",
+        "enableDialogText": "Η λειτουργία υποδοχής σας επιτρέπει να προστατεύσετε τη σύσκεψη σας, επιτρέποντας την είσοδο μόνο μετά από έγκριση από έναν συντονιστή.",
+        "enterPasswordButton": "Εισαγωγή κωδικού πρόσβασης σύσκεψης",
+        "enterPasswordTitle": "Εισάγετε κωδικό πρόσβασης για να μπείτε στην σύσκεψη",
+        "errorMissingPassword": "Εισάγετε το κωδικό πρόσβασης της σύσκεψης",
+        "invalidPassword": "Εσφαλμένος κωδικός",
+        "joinRejectedMessage": "Το αίτημα εισόδου σας απορρίφθηκε από έναν συντονιστή.",
+        "joinRejectedTitle": "Το αίτημα σύνδεσης απορρίφθηκε.",
+        "joinTitle": "Συμμετοχή στη Σύσκεψη",
+        "joinWithPasswordMessage": "Γίνεται είσοδος με κωδικό, παρακαλώ περιμένετε…",
+        "joiningMessage": "Θα προστεθείτε στη σύσκεψη μόλις κάποιος αποδεχτεί το αίτημά σας",
+        "joiningTitle": "Αίτηση εισόδου στη σύσκεψη…",
+        "joiningWithPasswordTitle": "Είσοδος με κωδικό πρόσβασης…",
+        "knockButton": "Αίτηση Συμμετοχής",
+        "knockTitle": "Κάποιος θέλει να συμμετέχει στη σύσκεψη",
+        "knockingParticipantList": "Ειδοποίηση λίστας συμμετεχόντων",
+        "lobbyChatStartedNotification": "{{moderator}} ξεκίνησε μια συνομιλία στην υποδοχή με το {{attendee}}",
+        "lobbyChatStartedTitle": "{{moderator}} ξεκίνησε μαζί σας μια συνομιλία στην υποδοχή.",
+        "nameField": "Εισάγετε το όνομά σας",
+        "notificationLobbyAccessDenied": "Απόρριψη συμμετοχής του {{targetParticipantName}} από το {{originParticipantName}}",
+        "notificationLobbyAccessGranted": "Αποδοχή συμμετοχής του {{targetParticipantName}} από το {{originParticipantName}}",
+        "notificationLobbyDisabled": "Η υποδοχή απενεργοποιήθηκε από το {{originParticipantName}}",
+        "notificationLobbyEnabled": "Η υποδοχή ενεργοποιήθηκε από το {{originParticipantName}}",
+        "notificationTitle": "Υποδοχή",
+        "passwordField": "Εισάγετε τον κωδικό σύσκεψης",
+        "passwordJoinButton": "Συμμετοχή",
+        "title": "Υποδοχή",
+        "toggleLabel": "Ενεργοποίηση υποδοχής"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Κλειστό",
+            "on": "Ανοικτό",
+            "unknown": "Άγνωστο"
+        },
+        "dialogTitle": "Έλεγχος Τοπικής Καταγραφής",
+        "duration": "Διάρκεια",
+        "durationNA": "Δ/Υ",
+        "encoding": "Κωδικοποίηση",
+        "label": "LOR",
+        "labelToolTip": "Η τοπική καταγραφή είναι δεσμευμένη",
+        "localRecording": "Τοπική Καταγραφή",
+        "me": "Εγώ",
+        "messages": {
+            "engaged": "Η τοπική καταγραφή είναι δεσμευμένη.",
+            "finished": "Η καταγραφή της συνεδρίας {{token}} τελείωσε. Παρακαλούμε στείλτε το αρχείο καταγραφής στο συντονιστή.",
+            "finishedModerator": "Η καταγραφή της συνεδρίας {{token}} τελείωσε. Η καταγραφή της τοπικής ροής αποθηκεύτηκε. Παρακαλώ ζητήστε από τους άλλους συμμετέχοντες να υποβάλουν τις καταγραφές τους.",
+            "notModerator": "Δεν είστε ο συντονιστής. Δεν μπορείτε να ξεκινήσετε ή να σταματήσετε την τοπική καταγραφή."
+        },
+        "moderator": "Συντονιστής",
+        "no": "Όχι",
+        "participant": "Συμμετέχων",
+        "participantStats": "Στατιστικά Συμμετεχόντων",
+        "selectTabTitle": "🎥 Επιλέξτε αυτή τη σελίδα για καταγραφή",
+        "sessionToken": "Διακριτικό Συνεδρίας",
+        "start": "Έναρξη Καταγραφής",
+        "stop": "Διακοπή Καταγραφής",
+        "yes": "Ναι"
+    },
+    "lockRoomPassword": "κωδικός πρόσβασης",
+    "lockRoomPasswordUppercase": "Κωδικός Πρόσβασης",
+    "lonelyMeetingExperience": {
+        "button": "Προσκαλέστε κι άλλους",
+        "youAreAlone": "Είστε ο μόνος στη σύσκεψη"
+    },
+    "me": "Εγώ",
+    "notify": {
+        "OldElectronAPPTitle": "Πρόβλημα ασφαλείας!",
+        "allowAction": "Επέτρεψε",
+        "allowedUnmute": "Μπορείτε να καταργήσετε την σίγηση στο μικρόφωνο, να ξεκινήστε τη κάμερα σας ή να μοιραστείτε την οθόνη σας.",
+        "audioUnmuteBlockedDescription": "Οι λειτουργίες κατάργησης της σίγησης μικροφώνου έχουν προσωρινά αποκλειστεί λόγων ορίων του συστήματος.",
+        "audioUnmuteBlockedTitle": "Αποκλεισμός κατάργησης σίγησης!",
+        "chatMessages": "Μηνύματα συνομιλίας",
+        "connectedOneMember": "{{name}} μπήκε στην σύσκεψη",
+        "connectedThreePlusMembers": "Ο/Η {{name}} και πολλοί άλλοι μπήκαν στη σύσκεψη",
+        "connectedTwoMembers": "Ο {{first}} και ο {{second}} μπήκαν στην σύσκεψη",
+        "dataChannelClosed": "Ασθενής ποιότητα βίντεο",
+        "dataChannelClosedDescription": "Η γέφυρα αποσυνδέθηκε και για αυτό η ποιότητα περιορίζεται στις χαμηλότερες ρυθμίσεις.",
+        "disconnected": "αποσυνδέθηκε",
+        "displayNotifications": "Εμφάνιση ειδοποιήσεων για",
+        "dontRemindMe": "Να μην ειδοποιηθώ",
+        "focus": "Εστίαση σύσκεψης",
+        "focusFail": "Το {{component}} δεν είναι διαθέσιμο - δοκιμή ξανά σε {{ms}} δευτ",
+        "gifsMenu": "GIPHY",
+        "groupTitle": "Ειδοποιήσεις",
+        "hostAskedUnmute": "Ο συντονιστής θέλει να μιλήσετε",
+        "invitedOneMember": "Ο/Η {{name}} προσκλήθηκε",
+        "invitedThreePlusMembers": "Ο/Η {{name}} και {{count}} άλλοι προσκλήθηκαν",
+        "invitedTwoMembers": "Ο/Η {{first}} και {{second}} προσκλήθηκαν",
+        "joinMeeting": "Συμμετοχή",
+        "kickParticipant": "Ο/Η {{kicked}} αποβλήθηκε από {{kicker}}",
+        "leftOneMember": "Ο/Η {{name}} αποχώρησε από τη σύσκεψη",
+        "leftThreePlusMembers": "Ο/Η {{name}} και πολλοί άλλοι αποχώρησαν από τη σύσκεψη",
+        "leftTwoMembers": "Ο/Η {{first}} και {{second}} αποχώρησαν από τη σύσκεψη",
+        "linkToSalesforce": "Σύνδεση στο Salesforce",
+        "linkToSalesforceKey": "Σύνδεση αυτής τη σύσκεψης",
+        "localRecordingStarted": "Ο/Η {{name}} ξεκίνησε μια τοπική καταγραφή.",
+        "localRecordingStopped": "Ο/Η {{name}} σταμάτησε μια τοπική καταγραφή.",
+        "me": "Εγώ",
+        "moderationInEffectCSDescription": "Παρακαλώ σηκώστε το χέρι, αν θέλετε να μοιράσετε την οθόνη σας.",
+        "moderationInEffectCSTitle": "Ο διαμοιρασμός οθόνης έχει απαγορευθεί από το συντονιστή",
+        "moderationInEffectDescription": "Παρακαλώ σηκώστε το χέρι αν θέλετε να μιλήσετε.",
+        "moderationInEffectTitle": "Το μικρόφωνο σας έχει σιγηθεί από το συντονιστή",
+        "moderationInEffectVideoDescription": "Παρακαλώ σηκώστε το χέρι αν θέλετε να ξεκινήσετε την κάμερα σας.",
+        "moderationInEffectVideoTitle": "Η κάμερα σας έχει φραγή από το συντονιστή",
+        "moderationRequestFromModerator": "Ο διοργανωτής θα ήθελε να βγάλετε την σίγηση",
+        "moderationRequestFromParticipant": "Θέλει να μιλήσει",
+        "moderationStartedTitle": "Ξεκίνησε ο συντονισμός",
+        "moderationStoppedTitle": "Διακόπηκε ο συντονισμός",
+        "moderationToggleDescription": "από το/τη {{participantDisplayName}}",
+        "moderator": "Είστε τώρα συντονιστής",
+        "muted": "Έχετε ξεκινήσει τη σύσκεψη ενώ είστε σε σίγηση.",
+        "mutedRemotelyDescription": "Μπορείτε πάντα να καταργήσετε τη σίγηση, όταν θέλετε να μιλήσετε. Ενεργοποιήστε την ξανά όταν τελειώσετε, για να ελαχιστοποιήσετε τον θόρυβο από τη σύσκεψη.",
+        "mutedRemotelyTitle": "Έχει μπει σίγηση σε εσάς από τον/ην {{participantDisplayName}}",
+        "mutedTitle": "Είσαι σε σίγηση!",
+        "newDeviceAction": "Χρήση",
+        "newDeviceAudioTitle": "Εντοπίστηκε νέα συσκευή ήχου",
+        "newDeviceCameraTitle": "Εντοπίστηκε νέα κάμερα",
+        "noiseSuppressionDesktopAudioDescription": "Η εξάλειψη του θορύβου δε μπορεί να ενεργοποιηθεί ενώ μοιράζεστε τον ήχο του συστήματος, παρακαλώ απενεργοποιήστε το και δοκιμάστε ξανά.",
+        "noiseSuppressionFailedTitle": "Αποτυχία στην ενεργοποίηση της εξάλειψης θορύβου",
+        "noiseSuppressionNoTrackDescription": "Παρακαλώ βγάλτε πρώτα την σίγηση.",
+        "noiseSuppressionStereoDescription": "Δεν υποστηρίζεται ακόμα η καταστολή θορύβου για στερεοφωνικό ήχο.",
+        "oldElectronClientDescription1": "Φαίνεται να χρησιμοποιείτε μια παλιά έκδοση του Jitsi Meet με γνωστά θέματα ευπάθειας ασφαλείας. Παρακαλώ βεβαιωθείτε ότι έχετε την ενημερωμένη έκδοση για ",
+        "oldElectronClientDescription2": "τελευταία έκδοση",
+        "oldElectronClientDescription3": " τώρα!",
+        "participantWantsToJoin": "Θέλει να συμμετέχει στη σύσκεψη",
+        "participantsWantToJoin": "Θέλουν να συμμετέχουν στη σύσκεψη",
+        "passwordRemovedRemotely": "Το $t(lockRoomPasswordUppercase) αφαιρέθηκε από έναν άλλον συμμετέχοντα",
+        "passwordSetRemotely": "Το $t(lockRoomPasswordUppercase) ορίστηκε από άλλον συμμετέχοντα",
+        "raiseHandAction": "Σήκωσε χέρι",
+        "raisedHand": "Θέλει να μιλήσει.",
+        "raisedHands": "ο/η {{participantName}} και {{raisedHands}} άλλοι",
+        "reactionSounds": "Απενεργοποίηση ήχων",
+        "reactionSoundsForAll": "Απενεργοποίηση ήχων για όλους",
+        "screenShareNoAudio": "Η επιλογή Διαμοιρασμός ήχου δεν έχει ενεργοποιηθεί στο μενού επιλογής παραθύρου.",
+        "screenShareNoAudioTitle": "Δεν ήταν δυνατός ο διαμοιρασμός του ήχου του συστήματος!",
+        "screenSharingAudioOnlyDescription": "Σας επισημαίνουμε ότι με το να μοιράζεστε την οθόνη επηρεάζεται η λειτουργία \"Καλύτερη απόδοση\" και θα χρησιμοποιείτε περισσότερη ταχύτητα μετάδοσης.",
+        "screenSharingAudioOnlyTitle": "Λειτουργία \"Καλύτερης απόδοσης\"",
+        "selfViewTitle": "Μπορείτε πάντα να ξε-κρύψετε την προβολή σας από τις ρυθμίσεις",
+        "somebody": "Κάποιος",
+        "startSilentDescription": "Μπείτε ξανά στη σύσκεψη για να ενεργοποιήσετε τον ήχο",
+        "startSilentTitle": "Μπήκατε χωρίς συσκευή για έξοδο ήχου!",
+        "suboptimalBrowserWarning": "Δυστυχώς η εμπειρία σας σε αυτή τη σύσκεψη δεν θα είναι καλή. Ψάχνουμε για τρόπους για να το βελτιώσουμε, αλλά μέχρι τότε παρακαλώ δοκιμάστε να χρησιμοποιήσετε ένα από τα <a href='{{recommendedBrowserPageLink}}' target='_blank'>πλήρως υποστηριζόμενα προγράμματα περιήγησης</a>.",
+        "suboptimalExperienceTitle": "Προειδοποίηση Browser",
+        "unmute": "Κατάργηση σίγησης",
+        "videoMutedRemotelyDescription": "Μπορείτε πάντα να την ενεργοποιήσετε ξανά.",
+        "videoMutedRemotelyTitle": "Το βίντεο σας απενεργοποιήθηκε από το/τη {{participantDisplayName}}",
+        "videoUnmuteBlockedDescription": "Οι λειτουργίες κάμερας, κατάργησης σίγησης και διαμοιρασμού οθόνης έχουν προσωρινή φραγή λόγω ορίων του συστήματος.",
+        "videoUnmuteBlockedTitle": "Φραγή στη κάμερα, κατάργηση σίγησης και διαμοιρασμού οθόνης!",
+        "viewLobby": "Εμφάνιση υποδοχής",
+        "waitingParticipants": "{{waitingParticipants}} άτομα"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "Αποδοχή",
+            "admitAll": "Αποδοχή όλων",
+            "allow": "Επιτρέψτε στους συμμετέχοντες να:",
+            "allowVideo": "Επιτρέψτε το βίντεο",
+            "askUnmute": "Αίτηση για κατάργηση σίγησης",
+            "audioModeration": "Μπορούν να καταργούν τη σίγηση",
+            "blockEveryoneMicCamera": "Φραγή σε όλα τα μικρόφωνα και κάμερες",
+            "invite": "Προσκαλέστε Κάποιον",
+            "moreModerationActions": "Περισσότερες επιλογές συντονισμού",
+            "moreModerationControls": "Περισσότερα χειριστήρια συντονισμού",
+            "moreParticipantOptions": "Περισσότερες ρυθμίσεις συμμετεχόντων",
+            "mute": "Σίγηση",
+            "muteAll": "Σίγηση όλων",
+            "muteEveryoneElse": "Σίγηση όλων των άλλων",
+            "reject": "Απόρριψη",
+            "stopEveryonesVideo": "Διακοπή όλων των βίντεο",
+            "stopVideo": "Διακοπή του βίντεο",
+            "unblockEveryoneMicCamera": "Επιτρέψτε τα μικρόφωνα και τις κάμερες όλων",
+            "videoModeration": "Ξεκινούν το βίντεο τους"
+        },
+        "close": "Κλείσιμο",
+        "headings": {
+            "lobby": "Υποδοχή {{count}}",
+            "participantsList": "Συμμετέχοντες σύσκεψης {{count}}",
+            "visitors": "Επισκέπτες {{count}}",
+            "waitingLobby": "Σε αναμονή στην υποδοχή {{count}}"
+        },
+        "search": "Αναζήτηση συμμετεχόντων",
+        "title": "Συμμετέχοντες"
+    },
+    "passwordDigitsOnly": "Έως {{number}} ψηφία",
+    "passwordSetRemotely": "Ορίστηκε από ένα άλλον συμμετέχοντα",
+    "pinParticipant": "{{participantName}} - Διατήρηση",
+    "pinnedParticipant": "Ο συμμετέχων έχει διατηρηθεί",
+    "polls": {
+        "answer": {
+            "skip": "Παράλειψη",
+            "submit": "Υποβολή"
+        },
+        "by": "Από {{ name }}",
+        "create": {
+            "addOption": "Προσθήκη επιλογής",
+            "answerPlaceholder": "Επιλογή {{index}}",
+            "cancel": "Ακύρωση",
+            "create": "Δημιουργία ψηφοφορίας",
+            "pollOption": "Επιλογή ψηφοφορίας {{index}}",
+            "pollQuestion": "Ερώτηση Ψηφοφορίας",
+            "questionPlaceholder": "Ρωτήστε",
+            "removeOption": "Αφαιρέστε την επιλογή",
+            "send": "Αποστολή"
+        },
+        "errors": {
+            "notUniqueOption": "Οι επιλογές πρέπει να είναι μοναδικές"
+        },
+        "notification": {
+            "description": "Ανοίξτε τη σελίδα ψηφοφοριών για να ψηφίσετε",
+            "title": "Μια νέα ψηφοφορία προστέθηκε στη σύσκεψη"
+        },
+        "results": {
+            "changeVote": "Αλλαγή ψήφου",
+            "empty": "Δεν υπάρχουν ακόμα ψηφοφορίες στη σύσκεψη. Ξεκινήστε μία εδώ!",
+            "hideDetailedResults": "Απόκρυψη λεπτομεριών",
+            "showDetailedResults": "Εμφάνιση λεπτομεριών",
+            "vote": "Ψήφος"
+        }
+    },
+    "poweredby": "με τη δύναμη του",
+    "prejoin": {
+        "audioAndVideoError": "Σφάλμα ήχου και βίντεο:",
+        "audioDeviceProblem": "Υπάρχει πρόβλημα με τη συσκευή ήχου σας",
+        "audioOnlyError": "Σφάλμα ήχου:",
+        "audioTrackError": "Δεν ήταν δυνατή η δημιουργία κομματιού ήχου.",
+        "callMe": "Καλέστε με",
+        "callMeAtNumber": "Καλέστε με σε αυτό το νούμερο:",
+        "calling": "Γίνεται κλήση",
+        "configuringDevices": "Ρύθμιση συσκευών…",
+        "connectedWithAudioQ": "Είστε συνδεδεμένοι με ήχο;",
+        "connection": {
+            "good": "Η σύνδεση σας στο Διαδίκτυο φαίνεται καλή!",
+            "nonOptimal": "Η σύνδεση σας στο Διαδίκτυο δεν είναι βέλτιστη",
+            "poor": "Έχετε κακή σύνδεση στο Διαδίκτυο"
+        },
+        "connectionDetails": {
+            "audioClipping": "Αναμένεται να κόβεται ο ήχος.",
+            "audioHighQuality": "Αναμένεται εξαιρετική ποιότητα στο ήχος σας.",
+            "audioLowNoVideo": "Αναμένεται η ποιότητα του ήχου να είναι χαμηλή και καθόλου βίντεο.",
+            "goodQuality": "Τέλεια! Η ποιότητα των μέσων θα είναι εξαιρετική.",
+            "noMediaConnectivity": "Αδυναμία εύρεσης ενός τρόπου διασύνδεσης μέσων για αυτή τη δοκιμή. Συνήθως αυτό προκαλείτε λόγω φραγής στο firewall ή λόγω NAT.",
+            "noVideo": "Αναμένεται το βίντεο σας να είναι κάκιστο.",
+            "undetectable": "Αν συνεχίζετε να μη μπορείτε να καλέσετε στο browser, προτείνουμε να σιγουρευτείτε για τη σωστή ρύθμιση των ηχείων, μικροφώνου και κάμερας, ότι αποδώσατε τα δικαιώματα για χρήση τους στο browser και ότι ο αυτός είναι ενημερωμένος. Αν ακόμη έχετε πρόβλημα να καλέσετε, επικοινωνήστε με τους προγραμματιστές της εφαρμογής.",
+            "veryPoorConnection": "Αναμένεται η ποιότητας της κλήσης να είναι κάκιστη.",
+            "videoFreezing": "Αναμένεται το βίντεο σας να κολλάει, να σβήνει και ναι είναι πιξελιασμένο.",
+            "videoHighQuality": "Αναμένεται καλή ποιότητα στο βίντεο σας.",
+            "videoLowQuality": "Αναμένεται το βίντεο σας να έχει χαμηλή ποιότητα στην ανάλυση και στο ρυθμό ανανέωσης.",
+            "videoTearing": "Αναμένεται το βίντεο σας να έχει πιξέλιασμα και τεχνουργήματα."
+        },
+        "copyAndShare": "Αντιγραφή & διαμοιρασμός συνδέσμου σύσκεψης",
+        "dialInMeeting": "Κλήση στη σύσκεψη",
+        "dialInPin": "Καλέστε στη σύσκεψη και εισάγετε το κωδικό PIN:",
+        "dialing": "Γίνεται κλήση",
+        "doNotShow": "Να μην εμφανιστεί αυτό ξανά",
+        "errorDialOut": "Η εξερχόμενη κλήση δεν ήταν δυνατή",
+        "errorDialOutDisconnected": "Η εξερχόμενη κλήση δεν ήταν δυνατή. Αποσυνδέθηκε",
+        "errorDialOutFailed": "Η εξερχόμενη κλήση δεν ήταν δυνατή. Η κλήση απέτυχε",
+        "errorDialOutStatus": "Σφάλμα στη λήψη της κατάστασης εξερχόμενης κλήσης",
+        "errorMissingName": "Παρακαλώ δώστε το όνομα σας για να συμμετέχετε στη σύσκεψη",
+        "errorNoPermissions": "Πρέπει να ενεργοποιήσετε τη πρόσβαση σε μικρόφωνο και κάμερα",
+        "errorStatusCode": "Σφάλμα εξερχόμενης κλήσης, κωδικός κατάστασης: {{status}}",
+        "errorValidation": "Η επικύρωση του αριθμού απέτυχε",
+        "iWantToDialIn": "Θέλω να καλέσω",
+        "initiated": "Η κλήση ξεκίνησε",
+        "joinAudioByPhone": "Συμμετοχή με ήχο τηλεφώνου",
+        "joinMeeting": "Συμμετοχή στη σύσκεψη",
+        "joinMeetingInLowBandwidthMode": "Συμμετοχή σε λειτουργία χαμηλής ταχύτητας",
+        "joinWithoutAudio": "Συμμετοχή χωρίς ήχο",
+        "keyboardShortcuts": "Ενεργοποίηση Συντομεύσεων",
+        "linkCopied": "Ο σύνδεσμος αντιγράφηκε στο πρόχειρο",
+        "lookGood": "Το μικρόφωνο σας λειτουργεί άψογα",
+        "or": "ή",
+        "premeeting": "Προ σύσκεψη",
+        "screenSharingError": "Σφάλμα διαμοιρασμού οθόνης:",
+        "startWithPhone": "Ξεκινήστε με ήχο τηλεφώνου",
+        "videoOnlyError": "Σφάλμα βίντεο:",
+        "videoTrackError": "Δεν ήταν δυνατή η δημιουργία κομματιού βίντεο.",
+        "viewAllNumbers": "προβολή όλων των αριθμών"
+    },
+    "presenceStatus": {
+        "busy": "Κατειλημμένο",
+        "calling": "Καλεί…",
+        "connected": "Συνδέθηκε",
+        "connecting": "Γίνεται σύνδεση…",
+        "connecting2": "Γίνεται σύνδεση*…",
+        "disconnected": "Αποσυνδέθηκε",
+        "expired": "Έληξε",
+        "ignored": "Αγνοήθηκε",
+        "initializingCall": "Αρχικοποίηση Κλήσης…",
+        "invited": "Προσκλήθηκε",
+        "rejected": "Απορρίφθηκε",
+        "ringing": "Καλεί…"
+    },
+    "profile": {
+        "avatar": "avatar",
+        "setDisplayNameLabel": "Όνομα",
+        "setEmailInput": "Εισάγετε το email",
+        "setEmailLabel": "Email στο Gravatar",
+        "title": "Προφίλ"
+    },
+    "raisedHand": "Θα ήθελα να μιλήσω",
+    "raisedHandsLabel": "Πλήθος χεριών",
+    "record": {
+        "type": {
+            "account": "Λογαριασμός",
+            "contact": "Επαφή",
+            "lead": "Αρχηγός",
+            "opportunity": "Ευκαιρία",
+            "owner": "Ιδιοκτήτης"
+        }
+    },
+    "recording": {
+        "authDropboxText": "Ανέβασμα στο Dropbox",
+        "availableSpace": "Διαθέσιμος χώρος: {{spaceLeft}} MB (κατά προσέγγιση {{duration}} λεπτά εγγραφής)",
+        "beta": "BETA",
+        "busy": "Δουλεύουμε για να απελευθεροθούν πόροι καταγραφής. Παρακαλώ δοκιμάστε ξανά σε λίγα λεπτά.",
+        "busyTitle": "Όλοι οι καταγραφείς είναι απασχολημένοι",
+        "copyLink": "Αντιγραφή Συνδέσμου",
+        "error": "Η καταγραφή απέτυχε. Παρακαλώ δοκιμάστε ξανά.",
+        "errorFetchingLink": "Σφάλμα στη λήψη του συνδέσμου καταγραφής.",
+        "expandedOff": "Η καταγραφή έχει διακοπεί",
+        "expandedOn": "Αυτή τη στιγμή η σύσκεψη καταγράφεται.",
+        "expandedPending": "Η καταγραφή ξεκινά…",
+        "failedToStart": "Η καταγραφή απέτυχε να ξεκινήσει",
+        "fileSharingdescription": "Μοιραστείτε την καταγραφή με τους συμμετέχοντες της σύσκεψης",
+        "highlight": "Επισήμανση",
+        "highlightMoment": "Επισήμανση στιγμής",
+        "highlightMomentDisabled": "Μπορείτε να επισημαίνετε στιγμές αφού ξεκινήσει η καταγραφή",
+        "highlightMomentSuccess": "Η στιγμή επισημάνθηκε",
+        "highlightMomentSucessDescription": "Οι επισημασμένη στιγμή θα προστεθεί στη περίληψη της σύσκεψης.",
+        "inProgress": "Σε εξέλιξη καταγραφή ή ζωντανή ροή",
+        "limitNotificationDescriptionNative": "Λόγω υψηλής ζήτησης η εγγραφή σας θα περιοριστεί σε {{limit}} λεπτά. Για απεριόριστες εγγραφές, δοκιμάστε το <3>{{app}}</3>.",
+        "limitNotificationDescriptionWeb": "Λόγω υψηλής ζήτησης η εγγραφή σας θα περιοριστεί σε {{limit}} λεπτά. Για απεριόριστες εγγραφές, δοκιμάστε το <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "linkGenerated": "Δημιουργήσαμε ένα σύνδεσμο για τη καταγραφή σας.",
+        "live": "ΖΩΝΤΑΝΑ",
+        "localRecordingNoNotificationWarning": "Η καταγραφή δεν θα κοινοποιηθεί στους άλλους συμμετέχοντες. Θα πρέπει εσείς να τους ενημερώσετε ότι η σύσκεψη καταγράφεται.",
+        "localRecordingNoVideo": "Το βίντεο δε καταγράφεται",
+        "localRecordingStartWarning": "Βεβαιωθείτε ότι σταματήσατε τη καταγραφή πριν να φύγετε από τη σύσκεψη ώστε να την αποθηκεύσετε.",
+        "localRecordingStartWarningTitle": "Σταματήστε τη καταγραφή για να την αποθηκεύσετε",
+        "localRecordingVideoStop": "Σταματώντας το βίντεο σας θα σταματήσει και η τοπική καταγραφή. Θέλετε να συνεχίσετε;",
+        "localRecordingVideoWarning": "Για να καταγράψετε το βίντεο σας πρέπει να είναι ήδη ενεργό όταν ξεκινήσει η καταγραφή",
+        "localRecordingWarning": "Βεβαιωθείτε ότι επιλέξατε τη τρέχουσα σελίδα ώστε να χρησιμοποιηθούν το σωστό βίντεο και ήχος.",
+        "loggedIn": "Συνδέθηκε ως {{userName}}",
+        "noMicPermission": "Δεν ήταν δυνατή η δημιουργία του κομματιού του μικροφώνου. Παρακαλώ δώστε την άδεια για χρήση του.",
+        "noStreams": "Δεν εντοπίστηκε ροή ήχου ή βίντεο.",
+        "off": "Η καταγραφή σταμάτησε",
+        "offBy": "Ο/Η {{name}} σταμάτησε την καταγραφή",
+        "on": "Η καταγραφή ξεκίνησε",
+        "onBy": "Ο/Η {{name}} ξεκίνησε την καταγραφή",
+        "onlyRecordSelf": "Καταγραφή μόνο των δικών μου ροών ήχου και βίντεο",
+        "pending": "Προετοιμασία για την καταγραφή της σύσκεψης…",
+        "rec": "ΕΓΓΡΑΦΗ",
+        "saveLocalRecording": "Αποθήκευση καταγραφής τοπικά (Beta)",
+        "serviceDescription": "Η καταγραφή σας θα αποθηκευτεί από την υπηρεσία καταγραφής",
+        "serviceDescriptionCloud": "Καταγραφή στο σύννεφο",
+        "serviceDescriptionCloudInfo": "Οι καταγεγραμμένες συσκέψεις σβήνονται αυτόματα 24 ώρες μετά.",
+        "serviceName": "Υπηρεσία καταγραφής",
+        "sessionAlreadyActive": "Η συνεδρία ήδη γράφεται ή είναι σε ζωντανή ροή.",
+        "signIn": "Σύνδεση",
+        "signOut": "Αποσύνδεση",
+        "surfaceError": "Παρακαλώ επιλέξτε τη τρέχουσα σελίδα.",
+        "title": "Γίνεται Καταγραφή",
+        "unavailable": "Ωχ! Το {{serviceName}} δεν είναι διαθέσιμο προς το παρόν. Δουλεύουμε για την επίλυση του ζητήματος. Παρακαλώ προσπαθήστε ξανά αργότερα.",
+        "unavailableTitle": "Η καταγραφή δεν είναι διαθέσιμη",
+        "uploadToCloud": "Ανέβασμα στο σύννεφο"
+    },
+    "screenshareDisplayName": "{{name}} - Οθόνη",
+    "sectionList": {
+        "pullToRefresh": "Τραβήξτε για ανανέωση"
+    },
+    "security": {
+        "about": "Έχετε τη δυνατότητα να προσθέσετε $t(lockRoomPassword) στη σύσκεψη σας. Οι συμμετέχοντες θα πρέπει να παρέχουν το $t(lockRoomPassword) πριν να τους δοθεί πρόσβαση στη συνάντηση.",
+        "aboutReadOnly": "Οι συντονιστές μπορούν να προσθέτουν ένα $t(lockRoomPassword) στη σύσκεψη. Οι συμμετέχοντες θα πρέπει να παρέχουν το $t(lockRoomPassword) πριν να τους δοθεί πρόσβαση στη συνάντηση.",
+        "insecureRoomNameWarning": "Το όνομα του δωματίου δεν είναι ασφαλές. Ανεπιθύμητοι συμμετέχοντες μπορεί να συμμετέχουν στη σύσκεψη σας. Σκεφτείτε να ασφαλίσετε τη συνάντηση σας χρησιμοποιώντας το κουμπί ασφάλεια.",
+        "title": "Επιλογές Ασφάλειας"
+    },
+    "settings": {
+        "audio": "Ήχος",
+        "buttonLabel": "Ρυθμίσεις",
+        "calendar": {
+            "about": "Η ενσωμάτωση ημερολογίου του {{appName}} χρησιμοποιείται για την ασφαλή πρόσβαση στο ημερολόγιο σας, ώστε να μπορεί να διαβάσει τις επερχόμενες εκδηλώσεις.",
+            "disconnect": "Αποσύνδεση",
+            "microsoftSignIn": "Σύνδεση με τη Microsoft",
+            "signedIn": "Γίνεται πρόσβαση στο ημερολόγιο εκδηλώσεων για το {{email}}. Πατήστε το κουμπί Αποσύνδεση παρακάτω, για να σταματήσει η πρόσβαση στις εκδηλώσεις ημερολογίου.",
+            "title": "Ημερολόγιο"
+        },
+        "desktopShareFramerate": "Ανανέωση καρέ για το διαμοιρασμό οθόνης",
+        "desktopShareHighFpsWarning": "Ένας υψηλός ρυθμός ανανέωσης καρέ για το διαμοιρασμό οθόνης θα επηρεάσει τη ταχύτητα σας. Πρέπει να επανεκκινήσετε το διαμοιρασμό οθόνης για να ενεργοποιηθούν οι νέες ρυθμίσεις.",
+        "desktopShareWarning": "Πρέπει να επανεκκινήσετε το διαμοιρασμό οθόνης για να ενεργοποιηθούν οι νέες ρυθμίσεις.",
+        "devices": "Συσκευές",
+        "followMe": "Όλοι να με ακολουθούν",
+        "framesPerSecond": "καρέ-ανά-δευτερόλεπτο",
+        "incomingMessage": "Εισερχόμενο μήνυμα",
+        "language": "Γλώσσα",
+        "loggedIn": "Συνδέθηκε ως {{name}}",
+        "maxStageParticipants": "Μέγιστος αριθμός συμμετεχόντων που μπορούν να διατηρηθούν στην κύρια σκηνή",
+        "microphones": "Μικρόφωνα",
+        "moderator": "Συντονιστής",
+        "moderatorOptions": "Επιλογές συντονιστή",
+        "more": "Γενικά",
+        "name": "Όνομα",
+        "noDevice": "Κανένα",
+        "notifications": "Ειδοποιήσεις",
+        "participantJoined": "Συνδέεται Ένας Συμμετέχων",
+        "participantKnocking": "Μπήκε στην υποδοχή ένας / μία συμμετέχων",
+        "participantLeft": "Έφυγε Συμμετέχων",
+        "playSounds": "Παίξε ήχο όταν",
+        "reactions": "Αντιδράσεις σύσκεψης",
+        "sameAsSystem": "Ίδιο όπως το σύστημα {{label}}",
+        "selectAudioOutput": "Έξοδος ήχου",
+        "selectCamera": "Κάμερα",
+        "selectMic": "Μικρόφωνο",
+        "selfView": "Αυτοπροβολή",
+        "shortcuts": "Συντομεύσεις",
+        "speakers": "Ηχεία",
+        "startAudioMuted": "Όλοι ξεκινούν σε σίγηση",
+        "startReactionsMuted": "Σίγηση ήχων αντιδράσεων για όλους",
+        "startVideoMuted": "Όλοι ξεκινούν σε απόκρυψη",
+        "talkWhileMuted": "Μιλάτε ενώ είστε σε σίγηση",
+        "title": "Ρυθμίσεις",
+        "video": "Βίντεο"
+    },
+    "settingsView": {
+        "advanced": "Για προχωρημένους",
+        "alertCancel": "Ακύρωση",
+        "alertOk": "OK",
+        "alertTitle": "Προειδοποίηση",
+        "alertURLText": "Το URL του διακομιστή που εισάγατε δεν είναι έγκυρο",
+        "buildInfoSection": "Πληροφορίες έκδοσης",
+        "conferenceSection": "Συνέδριο",
+        "disableCallIntegration": "Απενεργοποίηση ενσωμάτωσης εγγενούς κλήσης",
+        "disableCrashReporting": "Απενεργοποίηση αναφοράς σφαλμάτων",
+        "disableCrashReportingWarning": "Σίγουρα να απενεργοποιηθεί η αναφορά σφαλμάτων; Η ρύθμιση θα εφαρμοστεί μετά την επανεκκίνηση της εφαρμογής.",
+        "disableP2P": "Απενεργοποίηση λειτουργίας Peer-to-Peer",
+        "displayName": "Εμφανιζόμενο όνομα",
+        "displayNamePlaceholderText": "Π.χ Γιάννης Παπαδόπουλος",
+        "email": "Email",
+        "emailPlaceholderText": "email@example.com",
+        "goTo": "Πήγαινε",
+        "header": "Ρυθμίσεις",
+        "help": "Βοήθεια",
+        "links": "Σύνδεσμοι",
+        "privacy": "Απόρρητο",
+        "profileSection": "Προφίλ",
+        "serverURL": "URL Διακομιστή",
+        "showAdvanced": "Εμφάνιση ρυθμίσεων για προχωρημένους",
+        "startCarModeInLowBandwidthMode": "Λειτουργία αυτοκινήτου σε χαμηλή κατάσταση ταχύτητας",
+        "startWithAudioMuted": "Ξεκινήστε με τον ήχο σε σίγηση",
+        "startWithVideoMuted": "Ξεκινήστε με το βίντεο σε σίγηση",
+        "terms": "Όροι",
+        "version": "Έκδοση"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nΘέλω απλά να καλέσετε με το τηλέφωνό σας;\n\n{{defaultDialInNumber}}κάντε Κλικ σε αυτό το σύνδεσμο για να δείτε τους τηλεφωνικούς αριθμούς κλήσης για αυτή τη σύσκεψη\n{{dialInfoPageUrl}}",
+        "mainText": "Πατήστε τον παρακάτω σύνδεσμο για να συμμετέχετε στη σύσκεψη:\n{{roomUrl}}"
+    },
+    "speaker": "Ομιλητής",
+    "speakerStats": {
+        "angry": "Θυμωμένο",
+        "disgusted": "Αηδιασμένο",
+        "displayEmotions": "Εμφάνιση συναισθημάτων",
+        "fearful": "Φοβισμένο",
+        "happy": "Χαρούμενο",
+        "hours": "{{count}}ω",
+        "minutes": "{{count}}λ",
+        "name": "Όνομα",
+        "neutral": "Ουδέτερο",
+        "sad": "Λυπημένο",
+        "search": "Αναζήτηση",
+        "searchHint": "Αναζήτηση συμμετεχόντων",
+        "seconds": "{{count}}δ",
+        "speakerStats": "Στατιστικά Συμμετεχόντων",
+        "speakerTime": "Χρόνος Ομιλητή",
+        "surprised": "Έκπληξη"
+    },
+    "startupoverlay": {
+        "genericTitle": "Η σύσκεψη απαιτεί να χρησιμοποιήσετε το μικρόφωνο και τη κάμερα σας.",
+        "policyText": " ",
+        "title": "Το {{app}} πρέπει να χρησιμοποιήσει το μικρόφωνο και την κάμερα σας."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Επανασύνδεση",
+        "text": "Πατήστε το <i>Επανασύνδεση</i> για να επανασυνδεθείτε.",
+        "title": "Η βιντεοκλήση σας διακόπηκε επειδή ο υπολογιστής μπήκε σε κατάσταση αναστολής."
+    },
+    "termsView": {
+        "title": "Όροι"
+    },
+    "toggleTopPanelLabel": "Εναλλαγή άνω πίνακα",
+    "toolbar": {
+        "Settings": "Ρυθμίσεις",
+        "accessibilityLabel": {
+            "Settings": "Εναλλαγή ρυθμίσεων",
+            "audioOnly": "Εναλλαγή μόνο ήχος",
+            "audioRoute": "Επιλέξτε τη συσκευή ήχου",
+            "boo": "Γιουχάρισμα",
+            "breakoutRoom": "Συμμετοχή/αποχώρηση στο αποσπασμένο δωμάτιο",
+            "callQuality": "Διαχείριση ποιότητας βίντεο",
+            "carmode": "Λειτουργία Αυτοκινήτου",
+            "cc": "Εναλλαγή υποτίτλων",
+            "chat": "Εναλλαγή παραθύρου συνομιλίας",
+            "clap": "Χειροκρότημα",
+            "closeChat": "Κλείσιμο συνομιλίας",
+            "closeMoreActions": "Κλείσιμο μενού περισσότερων ενεργειών",
+            "closeParticipantsPane": "Κλείσιμο πίνακα συμμετεχόντων",
+            "collapse": "Αναδίπλωση",
+            "document": "Εναλλαγή κοινοχρήστου εγγράφου",
+            "documentClose": "Κλείσιμο κοινόχρηστου εγγράφου",
+            "documentOpen": "Άνοιγμα κοινόχρηστου εγγράφου",
+            "download": "Κατεβάστε τις εφαρμογές μας",
+            "embedMeeting": "Ενσωμάτωση σύσκεψης",
+            "endConference": "Λήξη της σύσκεψης για όλους",
+            "enterFullScreen": "Εμφάνιση πλήρους οθόνης",
+            "enterTileView": "Είσοδος σε προβολή εικονιδίων",
+            "exitFullScreen": "Έξοδος από πλήρη οθόνη",
+            "exitTileView": "Έξοδος από προβολή εικονιδίων",
+            "expand": "Ανάπτυξη",
+            "feedback": "Αφήστε σχόλια",
+            "fullScreen": "Εναλλαγή σε πλήρη οθόνη",
+            "giphy": "Εναλλαγή μενού GIPHY",
+            "grantModerator": "Απόδοση Δικαιωμάτων Συντονιστή",
+            "hangup": "Αποχώρηση από την σύσκεψη",
+            "heading": "Μπάρα Εργαλείων",
+            "help": "Βοήθεια",
+            "hideWhiteboard": "Απόκρυψη μαυροπίνακα",
+            "invite": "Προσκαλέστε άτομα",
+            "kick": "Αποβολή συμμετέχοντα",
+            "laugh": "Γέλιο",
+            "leaveConference": "Αποχώρηση από την σύσκεψη",
+            "like": "Εγκρίνω",
+            "linkToSalesforce": "Σύνδεση στο Salesforce",
+            "lobbyButton": "Ενεργοποίηση/απενεργοποίηση υποδοχής",
+            "localRecording": "Εναλλαγή χειριστηρίων τοπικής καταγραφής",
+            "lockRoom": "Εναλλαγή κωδικού πρόσβασης σύσκεψης",
+            "lowerHand": "Κατεβάστε το χέρι σας",
+            "moreActions": "Περισσότερες ενέργειες",
+            "moreActionsMenu": "Μενού περισσότερων ενεργειών",
+            "moreOptions": "Εμφάνιση περισσότερων επιλογών",
+            "mute": "Σίγηση",
+            "muteEveryone": "Σίγηση όλων",
+            "muteEveryoneElse": "Σίγηση όλων των άλλων",
+            "muteEveryoneElsesVideoStream": "Διακοπή του βίντεο των άλλων",
+            "muteEveryonesVideoStream": "Διακοπή του βίντεο όλων",
+            "noiseSuppression": "Εξάλειψη θορύβου",
+            "openChat": "Άνοιγμα συνομιλίας",
+            "participants": "Άνοιγμα πίνακα συμμετεχόντων",
+            "pip": "Εναλλαγή λειτουργίας Εικόνα-σε-Εικόνα",
+            "privateMessage": "Αποστολή ιδιωτικού μηνύματος",
+            "profile": "Επεξεργαστείτε το προφίλ σας",
+            "raiseHand": "Σηκώστε το χέρι σας",
+            "reactionsMenu": "Μενού αντιδράσεων",
+            "recording": "Εναλλαγή καταγραφής",
+            "remoteMute": "Σίγηση συμμετέχοντα",
+            "remoteVideoMute": "Απενεργοποίηση της κάμερας του συμμετέχοντα",
+            "security": "Επιλογές ασφαλείας",
+            "selectBackground": "Επιλογή Φόντου",
+            "selfView": "Εναλλαγή αυτοπροβολής",
+            "shareRoom": "Προσκαλέστε κάποιον",
+            "shareYourScreen": "Μοιραστείτε την οθόνη σας",
+            "shareaudio": "Διαμοιρασμός ήχου",
+            "sharedvideo": "Μοιραστείτε βίντεο",
+            "shortcuts": "Εναλλαγή συντομεύσεων",
+            "show": "Εμφάνιση στη σκηνή",
+            "showWhiteboard": "Εμφάνιση μαυροπίνακα",
+            "silence": "Σιωπή",
+            "speakerStats": "Εναλλαγή στατιστικών συμμετεχόντων",
+            "stopScreenSharing": "Διακοπή διαμοιρασμού οθόνης",
+            "stopSharedVideo": "Σταμάτημα του βίντεο",
+            "surprised": "Έκπληξη",
+            "tileView": "Εναλλαγή όψης εικονιδίων",
+            "toggleCamera": "Εναλλαγή κάμερας",
+            "toggleFilmstrip": "Εναλλαγή filmstrip",
+            "unmute": "Κατάργηση σίγησης",
+            "videoblur": "Εναλλαγή θόλωσης βίντεο",
+            "videomute": "Διακοπή της κάμερας",
+            "videounmute": "Εκκίνηση κάμερας"
+        },
+        "addPeople": "Προσθήκη ατόμων στην κλήση σας",
+        "audioOnlyOff": "Απενεργοποίηση λειτουργίας χαμηλής ταχύτητας",
+        "audioOnlyOn": "Ενεργοποίηση λειτουργίας χαμηλής ταχύτητας",
+        "audioRoute": "Επιλέξτε τη συσκευή ήχου",
+        "audioSettings": "Ρυθμίσεις ήχου",
+        "authenticate": "Ταυτοποίηση",
+        "boo": "Γιουχάρισμα",
+        "callQuality": "Διαχείριση ποιότητας βίντεο",
+        "chat": "Εναλλαγή παραθύρου συνομιλίας",
+        "clap": "Χειροκρότημα",
+        "closeChat": "Κλείσιμο συνομιλίας",
+        "closeParticipantsPane": "Κλείσιμο πίνακα συμμετεχόντων",
+        "closeReactionsMenu": "Κλείσιμο μενού αντιδράσεων",
+        "disableNoiseSuppression": "Απενεργοποίηση εξάλειψης θορύβου",
+        "disableReactionSounds": "Μπορείτε να απενεργοποιήσετε τους ήχους αντιδράσεων για αυτή τη σύσκεψη",
+        "documentClose": "Κλείσιμο κοινόχρηστου εγγράφου",
+        "documentOpen": "Άνοιγμα κοινόχρηστο εγγράφου",
+        "download": "Κατεβάστε τις εφαρμογές μας",
+        "e2ee": "Κρυπτογράφηση Άκρη-προς-Άκρη",
+        "embedMeeting": "Ενσωμάτωση σύσκεψης",
+        "enableNoiseSuppression": "Ενεργοποίηση εξάλειψης θορύβου",
+        "endConference": "Λήξη της σύσκεψης για όλους",
+        "enterFullScreen": "Εμφάνιση πλήρους οθόνης",
+        "enterTileView": "Προβολή εικονιδίων",
+        "exitFullScreen": "Έξοδος από πλήρη οθόνη",
+        "exitTileView": "Έξοδος από προβολή εικονιδίων",
+        "feedback": "Αφήστε σχόλια",
+        "giphy": "Εναλλαγή μενού GIPHY",
+        "hangup": "Αποχώρηση από την σύσκεψη",
+        "help": "Βοήθεια",
+        "hideWhiteboard": "Απόκρυψη μαυροπίνακα",
+        "invite": "Προσκαλέστε άτομα",
+        "joinBreakoutRoom": "Συμμετοχή στο αποσπασμένο δωμάτιο",
+        "laugh": "Γέλιο",
+        "leaveBreakoutRoom": "Αποχώρηση από το αποσπασμένο δωμάτιο",
+        "leaveConference": "Αποχώρηση από την σύσκεψη",
+        "like": "Εγκρίνω",
+        "linkToSalesforce": "Σύνδεση στο Salesforce",
+        "lobbyButtonDisable": "Απενεργοποίηση υποδοχής",
+        "lobbyButtonEnable": "Ενεργοποίηση υποδοχής",
+        "login": "Είσοδος",
+        "logout": "Αποσύνδεση",
+        "lowerYourHand": "Κατεβάστε το χέρι σας",
+        "moreActions": "Περισσότερες ενέργειες",
+        "moreOptions": "Περισσότερες επιλογές",
+        "mute": "Σίγηση",
+        "muteEveryone": "Σίγηση όλων",
+        "muteEveryonesVideo": "Απενεργοποίηση της κάμερας όλων",
+        "noAudioSignalDesc": "Αν δεν κάνατε ηθελημένα σίγηση από τις ρυθμίσεις του συστήματος ή του υλικού, εξετάστε την αντικατάσταση της συσκευής.",
+        "noAudioSignalDescSuggestion": "Αν δεν κάνατε ηθελημένα σίγηση από τις ρυθμίσεις του συστήματος ή του υλικού, εξετάστε την αλλαγή στη συσκευή που προτείνεται.",
+        "noAudioSignalDialInDesc": "Μπορείτε επίσης να καλέσετε χρησιμοποιώντας:",
+        "noAudioSignalDialInLinkDesc": "Αριθμοί κλήσης",
+        "noAudioSignalTitle": "Δεν υπάρχει ήχος από το μικρόφωνο σας!",
+        "noiseSuppression": "Εξάλειψη θορύβου",
+        "noisyAudioInputDesc": "Το μικρόφωνο σας πιθανόν να κάνει θόρυβο, παρακαλώ βάλτε τη σίγηση ή αλλάξτε τη συσκευή.",
+        "noisyAudioInputTitle": "Το μικρόφωνο φαίνεται να είναι θορυβώδες!",
+        "openChat": "Άνοιγμα συνομιλίας",
+        "openReactionsMenu": "Άνοιγμα μενού αντιδράσεων",
+        "participants": "Συμμετέχοντες",
+        "pip": "Είσοδος σε λειτουργία Εικόνα-σε-Εικόνα",
+        "privateMessage": "Αποστολή ιδιωτικού μηνύματος",
+        "profile": "Επεξεργαστείτε το προφίλ σας",
+        "raiseHand": "Σηκώστε το χέρι σας",
+        "raiseYourHand": "Σηκώστε το χέρι σας",
+        "reactionBoo": "Στείλτε γιουχάρισμα",
+        "reactionClap": "Στείλτε χειροκρότημα",
+        "reactionLaugh": "Στείλτε γέλιο",
+        "reactionLike": "Στείλτε έγκριση",
+        "reactionSilence": "Στείλτε σιωπή",
+        "reactionSurprised": "Στείλτε έκπληξη",
+        "security": "Επιλογές ασφαλείας",
+        "selectBackground": "Επιλογή φόντου",
+        "shareRoom": "Προσκαλέστε κάποιον",
+        "shareaudio": "Διαμοιρασμός ήχου",
+        "sharedvideo": "Μοιραστείτε βίντεο",
+        "shortcuts": "Δείτε τις συντομεύσεις",
+        "showWhiteboard": "Εμφάνιση μαυροπίνακα",
+        "silence": "Σιωπή",
+        "speakerStats": "Στατιστικά ομιλητών",
+        "startScreenSharing": "Ξεκινήστε τον διαμοιρασμό οθόνης",
+        "startSubtitles": "Υπότιτλοι • {{language}}",
+        "stopAudioSharing": "Διακοπή διαμοιρασμού ήχου",
+        "stopScreenSharing": "Διακοπή διαμοιρασμού οθόνης",
+        "stopSharedVideo": "Διακοπή του βίντεο",
+        "stopSubtitles": "Διακοπή υποτίτλων",
+        "surprised": "Έκπληξη",
+        "talkWhileMutedPopup": "Προσπαθείτε να μιλήσετε; Είστε σε σίγηση.",
+        "tileViewToggle": "Εναλλαγή προβολής εικονιδίων",
+        "toggleCamera": "Εναλλαγή κάμερας",
+        "unmute": "Κατάργηση Σίγησης",
+        "videoSettings": "Ρυθμίσεις βίντεο",
+        "videomute": "Διακοπή κάμερας",
+        "videounmute": "Εκκίνηση κάμερας"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Εκκίνηση / Διακοπή υποτίτλων",
+        "error": "Η μεταγραφή απέτυχε. Παρακαλώ δοκιμάστε ξανά.",
+        "expandedLabel": "Η μεταγραφή είναι τώρα ενεργή",
+        "failedToStart": "Η μεταγραφή απέτυχε να ξεκινήσει",
+        "labelToolTip": "Η συνάντηση μεταγράφεται",
+        "off": "Η μεταγραφή σταμάτησε",
+        "pending": "Προετοιμασία για μεταγραφή της συνάντησης…",
+        "sourceLanguageDesc": "Η γλώσσα της σύσκεψης αυτή τη στιγμή έχει οριστεί σε <b>{{sourceLanguage}}</b>.<br/>Μπορείτε να την αλλάξετε από ",
+        "sourceLanguageHere": "εδώ",
+        "start": "Εμφάνιση υποτίτλων",
+        "stop": "Απόκρυψη υποτίτλων",
+        "subtitles": "Υπότιτλοι",
+        "subtitlesOff": "Κλειστοί",
+        "tr": "TR"
+    },
+    "unpinParticipant": "{{participantName}} - Μη Διατήρηση",
+    "userMedia": {
+        "grantPermissions": "Παρακαλούμε παραχωρήστε την άδεια για χρήση της κάμερα και του μικροφώνου."
+    },
+    "videoSIPGW": {
+        "busy": "Γίνεται προσπάθεια για την απελευθέρωση πόρων. Παρακαλώ δοκιμάστε ξανά σε λίγα λεπτά.",
+        "busyTitle": "Η υπηρεσία Δωματίου είναι απασχολημένη",
+        "errorAlreadyInvited": "{{displayName}} έχει ήδη προσκληθεί",
+        "errorInvite": "Η σύσκεψη δεν έχει ξεκινήσει ακόμα. Παρακαλώ προσπαθήστε ξανά αργότερα.",
+        "errorInviteFailed": "Γίνεται προσπάθεια για την επίλυση του ζητήματος. Παρακαλώ προσπαθήστε ξανά αργότερα.",
+        "errorInviteFailedTitle": "Η πρόσκληση του/ης {{displayName}} απέτυχε",
+        "errorInviteTitle": "Σφάλμα πρόσκλησης δωματίου",
+        "pending": "Ο/Η {{displayName}} έχει προσκληθεί"
+    },
+    "videoStatus": {
+        "adjustFor": "Παραμετροποιήθηκε για:",
+        "audioOnly": "AUD",
+        "audioOnlyExpanded": "Είστε σε λειτουργία χαμηλής ταχύτητας Σε αυτή τη λειτουργία, θα λάβετε μόνο ήχο και κοινή χρήση οθόνης.",
+        "bestPerformance": "Καλύτερη απόδοση",
+        "callQuality": "Ποιότητα Βίντεο",
+        "hd": "HD",
+        "hdTooltip": "Προβολή βίντεο υψηλής ευκρίνειας",
+        "highDefinition": "Υψηλής ευκρίνειας",
+        "highestQuality": "Υψηλότερη ποιότητα",
+        "labelTooiltipNoVideo": "Χωρίς βίντεο",
+        "labelTooltipAudioOnly": "Η Λειτουργία χαμηλής ταχύτητας είναι ενεργή",
+        "ld": "LD",
+        "ldTooltip": "Προβολή χαμηλής ευκρίνειας βίντεο",
+        "lowDefinition": "Χαμηλής ευκρίνειας",
+        "performanceSettings": "Ρυθμίσεις απόδοσης",
+        "recording": "Καταγραφή σε εξέλιξη",
+        "sd": "SD",
+        "sdTooltip": "Προβολή βίντεο τυπικής ανάλυσης",
+        "standardDefinition": "Τυπική ανάλυση",
+        "streaming": "Ζωντανή ροή σε εξέλιξη"
+    },
+    "videothumbnail": {
+        "connectionInfo": "Πληροφορίες Σύνδεσης",
+        "domute": "Σίγηση",
+        "domuteOthers": "Σίγηση όλων των άλλων",
+        "domuteVideo": "Απενεργοποίηση κάμερας",
+        "domuteVideoOfOthers": "Απενεργοποίηση της κάμερας όλων των άλλων",
+        "flip": "Περιστροφή",
+        "grantModerator": "Απόδοση Δικαιωμάτων Συντονιστή",
+        "hideSelfView": "Απόκρυψη αυτοπροβολής",
+        "kick": "Αποβολή",
+        "mirrorVideo": "Καθρεφτισμός του βίντεο μου",
+        "moderator": "Συντονιστής",
+        "mute": "Ο συμμετέχων είναι σε σίγηση",
+        "muted": "Σίγηση",
+        "pinToStage": "Διατήρηση στη σκηνή",
+        "remoteControl": "Εκκίνηση / Διακοπή ελέγχου από μακριά",
+        "screenSharing": "Ο συμμετέχων διαμοιράζεται την οθόνη του",
+        "show": "Εμφάνιση στη σκηνή",
+        "showSelfView": "Εμφάνιση αυτοπροβολής",
+        "unpinFromStage": "Μη διατήρηση",
+        "verify": "Επιβεβαίωση συμμετέχοντα",
+        "videoMuted": "Η κάμερα απενεργοποιήθηκε",
+        "videomute": "Ο συμμετέχων σταμάτησε τη κάμερα"
+    },
+    "virtualBackground": {
+        "addBackground": "Προσθήκη φόντου",
+        "apply": "Εφαρμογή",
+        "backgroundEffectError": "Αποτυχία εφαρμογής εφέ φόντου.",
+        "blur": "Θόλωμα",
+        "deleteImage": "Διαγραφή εικόνας",
+        "desktopShare": "Διαμοιρασμός οθόνης",
+        "desktopShareError": "Αδυναμία δημιουργίας διαμοιρασμού επιφάνειας",
+        "image1": "Παραλία",
+        "image2": "Λευκός ουδέτερος τοίχος",
+        "image3": "Λευκό άδειο δωμάτιο",
+        "image4": "Μαύρη επιδαπέδια λάμπα",
+        "image5": "Βουνό",
+        "image6": "Δάσος ",
+        "image7": "Ανατολή",
+        "none": "Κανένα",
+        "pleaseWait": "Παρακαλώ αναμένατε…",
+        "removeBackground": "Αφαίρεση φόντου",
+        "slightBlur": "Μισό Θόλωμα",
+        "title": "Εικονικά φόντα",
+        "uploadedImage": "Ανέβηκε η εικόνα {{index}}",
+        "webAssemblyWarning": "Δεν υποστηρίζεται WebAssembly",
+        "webAssemblyWarningDescription": "Απενεργοποιήθηκε η WebAssembly ή δεν υποστηρίζεται από το browser αυτό"
+    },
+    "visitorsLabel": "Αριθμός επισκεπτών: {{count}}",
+    "volumeSlider": "Ρυθμιστής έντασης",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Πατήστε για να συμμετέχετε",
+            "roomname": "Εισάγετε το όνομα δωματίου"
+        },
+        "addMeetingName": "Προσθέστε Όνομα Δωματίου",
+        "appDescription": "Εμπρός, κάντε βιντεοκλήση με όλη την ομάδα. Στην πραγματικότητα, καλέστε όλους τους γνωστούς σας. Το {{app}} είναι μια πλήρως κρυπτογραφημένη, λύση τηλεδιάσκεψης 100% ανοιχτού κώδικα που μπορείτε να χρησιμοποιήσετε για όλη την ημέρα, κάθε μέρα, εντελώς δωρεάν — χωρίς να απαιτείται η δημιουργία λογαριασμού.",
+        "audioVideoSwitch": {
+            "audio": "Φωνή",
+            "video": "Βίντεο"
+        },
+        "calendar": "Ημερολόγιο",
+        "connectCalendarButton": "Συνδέστε το ημερολόγιο",
+        "connectCalendarText": "Συνδέστε το ημερολόγιο για να δείτε όλες τις συσκέψεις σας στο {{app}}. Επιπλέον, προσθέστε συσκέψεις του {{provider}} στο ημερολόγιό σας και ξεκινήστε τις με ένα κλικ.",
+        "enterRoomTitle": "Ξεκινήστε μια νέα σύσκεψη",
+        "getHelp": "Ζητήστε βοήθεια",
+        "go": "ΠΑΜΕ",
+        "goSmall": "ΠΑΜΕ",
+        "headerSubtitle": "Ασφαλείς και υψηλής ποιότητας συσκέψεις",
+        "headerTitle": "Jitsi Meet",
+        "info": "Πληροφορίες Κλήσης",
+        "jitsiOnMobile": "Jitsi στο κινητό – κατεβάστε τις εφαρμογές και ξεκινήστε μια σύσκεψη από παντού",
+        "join": "ΔΗΜΙΟΥΡΓΙΑ / ΕΙΣΟΔΟΣ",
+        "logo": {
+            "calendar": "Λογότυπο ημερολογίου",
+            "desktopPreviewThumbnail": "Εικονίδιο προεπισκόπησης επιφάνειας",
+            "googleLogo": "Λογότυπο Google",
+            "logoDeepLinking": "Λογότυπο Jitsi meet",
+            "microsoftLogo": "Λογότυπο Microsoft",
+            "policyLogo": "Λογότυπο πολιτικής"
+        },
+        "meetingsAccessibilityLabel": "Συσκέψεις",
+        "mobileDownLoadLinkAndroid": "Κατεβάστε την εφαρμογή για Android",
+        "mobileDownLoadLinkFDroid": "Κατεβάστε την εφαρμογή για F-Droid",
+        "mobileDownLoadLinkIos": "Κατεβάστε την εφαρμογή για iOS",
+        "moderatedMessage": "Ή <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">κλείστε ένα URL σύσκεψης</a> από πριν όπου θα είστε ο μόνος συντονιστής.",
+        "privacy": "Ιδιωτικότητα",
+        "recentList": "Πρόσφατες",
+        "recentListDelete": "Διαγραφή εγγραφής",
+        "recentListEmpty": "Η λίστα προσφάτων σας είναι άδεια. Συνομιλήστε με την ομάδα σας και θα βρείτε όλες τις πρόσφατες συσκέψεις εδώ.",
+        "recentMeetings": "Οι πρόσφατες συσκέψεις σας",
+        "reducedUIText": "Καλώς ήρθατε στο {{app}}!",
+        "roomNameAllowedChars": "Το όνομα σύσκεψης δεν πρέπει να περιέχει οποιονδήποτε από αυτούς τους χαρακτήρες: ?, &, :, ', \", %, #.",
+        "roomname": "Εισάγετε το όνομα του δωματίου",
+        "roomnameHint": "Εισάγετε το όνομα ή τη διεύθυνση URL του δωματίου στο οποίο θέλετε να συμμετέχετε. Μπορείτε να εφεύρετε ένα όνομα, απλά ενημερώστε τους συμμετέχοντες, έτσι ώστε να εισάγουν το ίδιο όνομα.",
+        "sendFeedback": "Στείλτε τα σχόλιά σας",
+        "settings": "Ρυθμίσεις",
+        "startMeeting": "Δημιουργία σύσκεψης",
+        "terms": "Όροι",
+        "title": "Ασφαλής, με όλες τις λειτουργίες και εντελώς δωρεάν βίντεο συνομιλία",
+        "upcomingMeetings": "Οι προσεχείς συσκέψεις σας"
+    },
+    "whiteboard": {
+        "accessibilityLabel": {
+            "heading": "Μαυροπίνακας"
+        }
+    }
+}
diff --git a/lang/main-eo.json b/lang/main-eo.json
new file mode 100644
index 0000000..4db83c5
--- /dev/null
+++ b/lang/main-eo.json
@@ -0,0 +1,1527 @@
+{
+    "addPeople": {
+        "accessibilityLabel": {
+            "meetingLink": "Ligilon al kunveno: {{url}}"
+        },
+        "add": "Inviti",
+        "addContacts": "Inviti viajn kontaktojn",
+        "contacts": "kontaktoj",
+        "copyInvite": "Kopii la invitligilon",
+        "copyLink": "Kopii la kunsidligilon",
+        "copyStream": "Kopii elsendfluan ligilon",
+        "countryNotSupported": "Ni ankoraŭ ne subtenas ĉi-tiun landon.",
+        "countryReminder": "Ĉu vi vokas ekster Usonon? Certiĝu, ke vi komencas per la landokodo!",
+        "defaultEmail": "Via defaŭlta retadreso",
+        "disabled": "Vi ne povas inviti homojn.",
+        "failedToAdd": "Malsukcesis aldono de membroj",
+        "googleEmail": "Google-retadreso",
+        "inviteMoreHeader": "Vi estas la sola en la retkunveno",
+        "inviteMoreMailSubject": "Aliĝi al {{appName}}-retkunveno",
+        "inviteMorePrompt": "Inviti pli da homoj",
+        "linkCopied": "Ligilo kopiita al tondujo",
+        "noResults": "Nenio trovita",
+        "outlookEmail": "Outlook-retadreso",
+        "phoneNumbers": "Telefonnumeroj",
+        "searching": "Serĉado…",
+        "shareInvite": "Konigi la invitligilon",
+        "shareLink": "Konigi la kunsidligilon por inviti aliajn homojn",
+        "shareStream": "Konigi elsendfluan ligilon",
+        "sipAddresses": "SIP-adresoj",
+        "telephone": "Telefono: {{number}}",
+        "title": "Inviti homojn al ĉi-tiu kunveno",
+        "yahooEmail": "Yahoo-retadreso"
+    },
+    "audioDevices": {
+        "bluetooth": "Bludento",
+        "car": "Aŭta sonsistemo",
+        "headphones": "Kapaŭskultiloj",
+        "none": "Neniu disponebla sonaparato",
+        "phone": "Telefono",
+        "speaker": "Parolanto"
+    },
+    "audioOnly": {
+        "audioOnly": "Malalta rapideco de retkonekto"
+    },
+    "bandwidthSettings": {
+        "assumedBandwidthBps": "ekz. 10000000 for 10 Mbps",
+        "assumedBandwidthBpsWarning": "Pli altaj valoroj povas kaŭzi retajn problemojn.",
+        "customValue": "Elektita valoro",
+        "customValueEffect": "Elekti la bps valoro (bitoj po sekundo)",
+        "leaveEmpty": "lasu malplena",
+        "leaveEmptyEffect": "por ebligi taksojn",
+        "possibleValues": "Eblaj valoroj",
+        "setAssumedBandwidthBps": "Supozita kapacity (bps)",
+        "title": "Agordoj por kapacito",
+        "zeroEffect": "malebligi videon"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "Aldoni aneksan ĉambron",
+            "autoAssign": "Asigni aŭtomate al aneksaj ĉambroj",
+            "close": "Fermi",
+            "join": "Aliĝi",
+            "leaveBreakoutRoom": "Eliri la aneksan ĉambron",
+            "more": "Pli",
+            "remove": "Forigi",
+            "rename": "Ŝanĝi nomon de ĉambro",
+            "renameBreakoutRoom": "Ŝanĝi nomon de aneksa ĉambro",
+            "sendToBreakoutRoom": "Sendi la partoprenanton al:"
+        },
+        "breakoutList": "Aneksa listo",
+        "buttonLabel": "Aneksaj ĉambroj",
+        "defaultName": "Aneksa ĉambro #{{index}}",
+        "hideParticipantList": "Kaŝi liston de partoprenantoj",
+        "mainRoom": "Ĉefĉambro",
+        "notifications": {
+            "joined": "Alirante al aneksa ĉambro \"{{name}}\"",
+            "joinedMainRoom": "Alirante al ĉefĉambro",
+            "joinedTitle": "Aneksaj ĉambroj"
+        },
+        "showParticipantList": "Montri liston de partoprenantoj",
+        "title": "Aneksaj Ĉambroj"
+    },
+    "calendarSync": {
+        "addMeetingURL": "Aldoni ligilon al la kunveno",
+        "confirmAddLink": "Ĉu vi volas aldoni Jitsi-ligilon al ĉi-tiu evento?",
+        "error": {
+            "appConfiguration": "Kalendara integrigo ne estas ĝuste agordita.",
+            "generic": "Okazis eraro. Bonvolu kontroli viajn kalendarajn agordojn aŭ provu aktualigi la kalendaron.",
+            "notSignedIn": "Okazis eraro dum aŭtentigado por vidi kalendarajn eventojn. Bonvolu kontroli viajn kalendarajn agordojn kaj provi ensaluti denove."
+        },
+        "join": "Aliĝi",
+        "joinTooltip": "Aliĝi al la kunveno",
+        "nextMeeting": "sekva kunveno",
+        "noEvents": "Ne estas planitaj eventoj.",
+        "ongoingMeeting": "okazanta kunveno",
+        "permissionButton": "Malfermi agordojn",
+        "permissionMessage": "Kalendara permeso estas bezonata, por ke vi povu vidi viajn kunvenojn en la aplikaĵo.",
+        "refresh": "Aktualigi la kalendaron",
+        "today": "Hodiaŭ"
+    },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "Selekti sonilon"
+        },
+        "labels": {
+            "buttonLabel": "Aŭta reĝimo",
+            "title": "Aŭta reĝimo",
+            "videoStopped": "Via video haltis"
+        }
+    },
+    "chat": {
+        "enter": "Eniri la babilejon",
+        "error": "Eraro: via mesaĝo “{{originalText}}” ne estis sendita. Kialo: {{error}}",
+        "fieldPlaceHolder": "Tajpu vian mesaĝon ĉi tien",
+        "lobbyChatMessageTo": "Mesaĝo de atendejo al {{recipient}}",
+        "message": "Mesaĝo",
+        "messageAccessibleTitle": "{{user}} diras",
+        "messageAccessibleTitleMe": "Mi diras",
+        "messageTo": "Privata mesaĝo al {{recipient}}",
+        "messagebox": "Tajpu mesaĝon",
+        "newMessages": "Novaj mesaĝoj",
+        "nickname": {
+            "popover": "Elektu kaŝnomon",
+            "title": "Elektu kaŝnomon por uzi la babilejon",
+            "titleWithPolls": "Elektu kaŝnomon por uzi la babilejon"
+        },
+        "noMessagesMessage": "Ankoraŭ ne estas mesaĝoj en la kunveno. Komencu konversacion ĉi tie!",
+        "privateNotice": "Privata mesaĝo al {{recipient}}",
+        "sendButton": "Sendi",
+        "smileysPanel": "Panelo de emoĝioj",
+        "tabs": {
+            "chat": "Babilejo",
+            "polls": "Enketo"
+        },
+        "title": "Babilejo",
+        "titleWithPolls": "Babilejo",
+        "you": "vi"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Instali kromprogramon por Chrome",
+        "buttonTextEdge": "Instali Edge-kromprogramon",
+        "close": "Fermi",
+        "dontShowAgain": "Ne plu montru tion al mi",
+        "installExtensionText": "Instali la kromprogramon por integrado de Google Calendar kaj Office 365"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Konektiĝo al via kunveno…"
+    },
+    "connection": {
+        "ATTACHED": "Kunligita",
+        "AUTHENTICATING": "Aŭtentigado",
+        "AUTHFAIL": "Aŭtentigo malsukcesis",
+        "CONNECTED": "Konektita",
+        "CONNECTING": "Konektiĝado",
+        "CONNFAIL": "Konektiĝo malsukcesis",
+        "DISCONNECTED": "Malkonektita",
+        "DISCONNECTING": "Malkonektiĝado",
+        "ERROR": "Eraro",
+        "FETCH_SESSION_ID": "Ricevado de session-id…",
+        "GET_SESSION_ID_ERROR": "Eraro dum ricevado de session-id: {{code}}",
+        "GOT_SESSION_ID": "Ricevado de session-id… farita",
+        "LOW_BANDWIDTH": "Video por {{displayName}} estis malŝaltita por ŝpari retan trafikon"
+    },
+    "connectionindicator": {
+        "address": "Adreso:",
+        "audio_ssrc": "Sona SSRC",
+        "bandwidth": "Taksata kapacito:",
+        "bitrate": "Bitrapido:",
+        "bridgeCount": "Nombro de serviloj: ",
+        "codecs": "Kodekoj (sono/video):",
+        "connectedTo": "Konektita al:",
+        "e2eeVerified": "E2EE Aprobita:",
+        "framerate": "Bildrapido:",
+        "less": "Montri malpli",
+        "localaddress": "Loka adreso:",
+        "localaddress_plural": "Lokaj adresoj:",
+        "localport": "Loka pordo:",
+        "localport_plural": "Lokaj pordoj:",
+        "maxEnabledResolution": "Maksimuma flukvanto",
+        "more": "Montri pli",
+        "no": "ne",
+        "packetloss": "Perdo de pakaĵoj:",
+        "participant_id": "ID de partoprenanto",
+        "quality": {
+            "good": "Bona",
+            "inactive": "Neaktiva",
+            "lost": "Perdita",
+            "nonoptimal": "Neideala",
+            "poor": "Malbona"
+        },
+        "remoteaddress": "Fora adreso:",
+        "remoteaddress_plural": "Foraj adresoj:",
+        "remoteport": "Fora pordo:",
+        "remoteport_plural": "Foraj pordoj:",
+        "resolution": "Distingivo:",
+        "savelogs": "Konservi protokolojn",
+        "status": "Konekto:",
+        "transport": "Transporto:",
+        "transport_plural": "Transportoj:",
+        "video_ssrc": "Video-SSRC",
+        "yes": "jes"
+    },
+    "dateUtils": {
+        "earlier": "Pli frue",
+        "today": "Hodiaŭ",
+        "yesterday": "Hieraŭ"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Vi bezonas la aplikaĵon {{app}} por aliĝi al ĉi-tiu kunveno per via telefono.",
+        "description": "Ĉu nenio okazis? Ni provis lanĉi vian kunveno en la komputila aplikaĵo {{app}}. Provu denove aŭ lanĉu ĝin en la reta aplikaĵo {{web}}.",
+        "descriptionNew": "Ĉu nenio okazis? Ni provis lanĉi vian kunveno en la komputila aplikaĵo {{app}}. <br /><br /> Vi povas provi denove, au uzi la retejon.",
+        "descriptionWithoutWeb": "Ĉu nenio okazis? Ni provis lanĉi vian kunveno en la komputila aplikaĵo {{app}}.",
+        "downloadApp": "Elŝuti la aplikaĵon",
+        "downloadMobileApp": "Elŝuti el aplikaĵvendejo",
+        "ifDoNotHaveApp": "Se vi ankoraŭ ne havas la aplikaĵon",
+        "ifHaveApp": "Se vi jam havas la aplikaĵon",
+        "joinInApp": "Aliĝu al ĉi-tiu kunveno per la aplikaĵo",
+        "joinInAppNew": "Aliĝu per la aplikaĵo",
+        "joinInBrowser": "Aliĝu per la retumilo",
+        "launchMeetingLabel": "Kiel vi volas aliĝu al ĉi-tiu kunveno?",
+        "launchWebButton": "Lanĉi enrete",
+        "noMobileApp": "Ĉu vi ne jam havas la aplikaĵon?",
+        "termsAndConditions": "Daŭrigante, vi konsentas kun niaj <a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'>kondiĉoj.</a>",
+        "title": "Enirante vian kunvenon per {{app}}…",
+        "titleNew": "Enirante vian kunvenon…",
+        "tryAgainButton": "Provu denove per la komputila aplikaĵo",
+        "unsupportedBrowser": "Ŝajnas ke vi uzas nesubtenitan retumilon"
+    },
+    "defaultLink": "ekz. {{url}}",
+    "defaultNickname": "ekz. Johano Verda",
+    "deviceError": {
+        "cameraError": "Atingo de via kamerao malsukcesis",
+        "cameraPermission": "Eraro akirante permeson por kamerao",
+        "microphoneError": "Atingo de via mikrofono malsukcesis",
+        "microphonePermission": "Eraro akirante permeson por mikrofono"
+    },
+    "deviceSelection": {
+        "hid": {
+            "callControl": "Voko kontrolo",
+            "connectedDevices": "Ligitaj aparatoj:",
+            "deleteDevice": "Forgesu aparaton",
+            "pairDevice": "Kuplu aparaton"
+        },
+        "noPermission": "Permeso ne estis donita",
+        "previewUnavailable": "Antaŭrigardo ne disponeblas",
+        "selectADevice": "Elektu aparaton",
+        "testAudio": "Ludi testan sonon"
+    },
+    "dialIn": {
+        "screenTitle": "Resumo de alvoko"
+    },
+    "dialOut": {
+        "statusMessage": "nun estas {{status}}"
+    },
+    "dialog": {
+        "Back": "Reen",
+        "Cancel": "Nuligi",
+        "IamHost": "Mi estas la gastiganto",
+        "Ok": "Bone",
+        "Remove": "Forigi",
+        "Share": "Kundividi",
+        "Submit": "Sendi",
+        "WaitForHostMsg": "La kunveno ankoraŭ ne komencis. Se vi estas la gastiganto, bonvolu aŭtentiĝi. Alikaze atendu, ĝis la gastiganto venos.",
+        "WaitingForHostButton": "Atendante la gastiganton",
+        "WaitingForHostTitle": "Atendante la gastiganton…",
+        "Yes": "Jes",
+        "accessibilityLabel": {
+            "Cancel": "Nuligi (forlasi dialogujon)",
+            "Ok": "Okej (konservi ŝanĝojn kaj forlasi dialogujon)",
+            "close": "Fermi dialogujon",
+            "liveStreaming": "Tuja elsendfluo",
+            "sharingTabs": "Kunhavaj Agordoj"
+        },
+        "add": "Aldoni",
+        "addMeetingNote": "Aldoni komenton pri tiu kunveno",
+        "addOptionalNote": "Aldoni komenton (fakultativa)",
+        "allow": "Permesi",
+        "allowToggleCameraDialog": "Do you allow {{initiatorName}} to toggle your camera facing mode?",
+        "allowToggleCameraTitle": "Ĉu permesu baskuligi kameraon?",
+        "alreadySharedVideoMsg": "Alia partoprenanto jam kundividas videon. Ĉi-tiu kunveno permesas nur unu kundividata video samtempe.",
+        "alreadySharedVideoTitle": "Nur unu video estas permesata samtempe.",
+        "applicationWindow": "Programa fenestro",
+        "authenticationRequired": "Bezonas aŭtentokontrolon",
+        "cameraConstraintFailedError": "Via kamerao ne plenumas kelkajn neprajn postulojn.",
+        "cameraNotFoundError": "Kamerao ne trovita.",
+        "cameraNotSendingData": "Via kamerao ne atingeblas al ni. Bonvolu kontroli, ĉu alia programo jam uzas la aparaton, elekti alian de la agorda menuo, aŭ provu ĝisdatigi la programon.",
+        "cameraNotSendingDataTitle": "Kamerao ne atingeblas",
+        "cameraPermissionDeniedError": "Vi ne permesis uzi vian kameraon. Vi povas aliĝi al la kunveno, sed aliaj ne povos vin vidi. Vi povas tion ŝanĝi per la kameraa butono en la adresbreto.",
+        "cameraTimeoutError": "Ne eblis komenci videofonton. Tempolimo forpasis!",
+        "cameraUnknownError": "Ne eblas uzi la kameraon, pro kialo nekonata.",
+        "cameraUnsupportedResolutionError": "Via kamerao ne subtenas la bezonatan distingivon.",
+        "close": "Fermi",
+        "conferenceDisconnectMsg": "Eble kontrolu vian retkonekton. Rekonekto post {{seconds}} sekundoj…",
+        "conferenceDisconnectTitle": "Vi malkonektiĝis.",
+        "conferenceReloadMsg": "Ni penas funkciigi ĉi tion. Rekonekto post {{seconds}} sekundoj…",
+        "conferenceReloadTitle": "Bedaŭrinde io fuŝiĝis.",
+        "confirm": "Konfirmi",
+        "confirmNo": "Ne",
+        "confirmYes": "Jes",
+        "connectError": "Oj! Io misokazis kaj ni ne povis vin konekti al la kunveno.",
+        "connectErrorWithMsg": "Oj! Io misokazis kaj ni ne povis vin konekti al la kunveno: {{msg}}",
+        "connecting": "Konektiĝo",
+        "contactSupport": "Kontakti helpon",
+        "copied": "Kopiita",
+        "copy": "Kopii",
+        "dismiss": "Formeti",
+        "displayNameRequired": "Saluton! Kio estas via nomo?",
+        "done": "Finita",
+        "e2eeDescription": "<p>Tutvoja ĉifrado estas nuntempe <strong>EKSPERIMENTA</strong>. Bonvolu vidi <a href='https://jitsi.org/blog/e2ee/' target='_blank'>ĉi tiun artikolon</a> por detaloj.</p><br/><p>Konsciu, ke ŝalti tutvojan ĉifradon efektive malebligos servilflankajn servojn kiel ekzemple: registradon, tujan elsendfluon kaj telefonan partoprenon. Konsciu ankaŭ, ke la kunveno funkcios nur por homoj, kiuj uzas retumilon subtenantan enmetatajn fluojn.</p>",
+        "e2eeDisabledDueToMaxModeDescription": "Ne eblas ŝalti tutvoja ĉifrado pro granda kvanto da partoprenantoj en la prelego",
+        "e2eeLabel": "Ŝlosilo",
+        "e2eeWarning": "<br /><p><strong>ATENTIGO:</strong> Ne ĉiuj partoprenantoj en ĉi-tiu kunveno ŝajnas havi subtenon de tutvoja ĉifrado. Se vi ŝaltos ĝin, ili ne povos vidi aŭ aŭdi vin.</p>",
+        "e2eeWillDisableDueToMaxModeDescription": "AVERTO: Tutvoja ĉifrado estos aŭtomate malŝaltita",
+        "embedMeeting": "Enkorpigi kunveno",
+        "enterDisplayName": "Bonvolu entajpi vian nomon ĉi-tie",
+        "error": "Eraro",
+        "gracefulShutdown": "Nia servo nun estas eksterreta pro prizorgado. Bonvolu reprovi poste.",
+        "grantModeratorDialog": "Ĉu vi certe donas moderatorajn rajtojn al {{participantName}}?",
+        "grantModeratorTitle": "Koncedi moderatorajn rajtojn",
+        "hide": "Kaŝu",
+        "hideShareAudioHelper": "Ne plu montru tiu dialogujo",
+        "incorrectPassword": "Malĝusta pasvorto aŭ uzantnomo",
+        "incorrectRoomLockPassword": "Malĝusta pasvorto",
+        "internalError": "Oj! La jena eraro okazis: {{error}}",
+        "internalErrorTitle": "Interna eraro",
+        "kickMessage": "Vi povas kontakti {{participantDisplayName}} por pli da detaloj.",
+        "kickParticipantButton": "Forĵeti",
+        "kickParticipantDialog": "Ĉu vi certe volas forĵeti ĉi-tiun partoprenanton?",
+        "kickParticipantTitle": "Forĵeti ĉi-tiun partoprenanton?",
+        "kickTitle": "Aj! {{participantDisplayName}} forĵetis vin el la kunveno",
+        "linkMeeting": "Ligi la prelegon",
+        "linkMeetingTitle": "Ligi la prelegon al Salesforce",
+        "liveStreaming": "Tuja elsendfluo",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "Neebla dum reĝistrado",
+        "localUserControls": "Kontroloj de la loka uzanto",
+        "lockMessage": "Ŝloso de la kunveno malsukcesis.",
+        "lockRoom": "Aldoni $t(lockRoomPasswordUppercase) al la kunveno.",
+        "lockTitle": "Ŝloso malsukcesis",
+        "login": "Ensaluti",
+        "loginQuestion": "Ĉi vi certe volas ensaluti kaj enrigi la kunvenon?",
+        "logoutQuestion": "Ĉu vi certe volas adiaŭi kaj fini la kunvenon?",
+        "logoutTitle": "Elsaluti",
+        "maxUsersLimitReached": "Maksimuma nombro de partoprenantoj atingita. La kunveno estas plena. Bonvolu kontakti la posedanton de la kunveno aŭ reprovi poste!",
+        "maxUsersLimitReachedTitle": "Maksimuma nombro de partoprenantoj atingita",
+        "micConstraintFailedError": "Via mikrofono ne observas kelkajn neprajn limigojn.",
+        "micNotFoundError": "Mikrofono ne trovita.",
+        "micNotSendingData": "Iru al la agordoj de via komputilo por malsilentigi vian mikrofonon kaj alĝustigi ĝian laŭtecon",
+        "micNotSendingDataTitle": "Via mikrofono estas silentigita en viaj sistemagordoj",
+        "micPermissionDeniedError": "Vi ne permesis uzi vian mikrofonon. Vi povas aliĝi al la kunveno, sed aliaj ne povos vin aŭdi. Vi povas tion ŝanĝi per la kameraa butono en la adresbreto.",
+        "micTimeoutError": "Neeblis komenciĝi la sonfonton. Tempolimo de konekto!",
+        "micUnknownError": "Ne eblas uzi mikrofonon pro kialo nekonata.",
+        "moderationAudioLabel": "Permesi al partoprenantoj malsilentigi sin mem",
+        "moderationVideoLabel": "Permesi al partoprenantoj starti sian videon",
+        "muteEveryoneDialog": "Ĉu vi certe volas silentigi ĉiujn? Vi ne povos malsilentigi ilin, sed ili mem povos malsilentigi sin iam ajn.",
+        "muteEveryoneDialogModerationOn": "Partoprenantoj povas peti permeson paroli iam ajn",
+        "muteEveryoneElseDialog": "Silentiginte lin aŭ ŝin, vi ne povos malsilentigi la uzanton, sed li aŭ ŝi mem povos malsilentigi sin iam ajn.",
+        "muteEveryoneElseTitle": "Silentigi ĉiujn krom {{whom}}?",
+        "muteEveryoneElsesVideoDialog": "Se vi malŝaltas la kameraon de uzanto, vi ne povos ŝalti ĝin denove, sed la uzanto povos ŝalti ĝin mem iam ajn.",
+        "muteEveryoneElsesVideoTitle": "Malŝalti la kamerao de ĉiuj krom {{whom}}?",
+        "muteEveryoneSelf": "vin",
+        "muteEveryoneStartMuted": "Ĉiuj estas dekomence silentigitaj ekde nun",
+        "muteEveryoneTitle": "Silentigi ĉiujn?",
+        "muteEveryonesVideoDialog": "Partoprenantoj povas ŝalti sian kameraon iam ajn.",
+        "muteEveryonesVideoDialogModerationOn": "Partoprenantoj povas peti permeson ŝalti sian kameraon iam ajn",
+        "muteEveryonesVideoDialogOk": "Malŝalti",
+        "muteEveryonesVideoTitle": "Malŝaltu la kameraon de ĉiuj?",
+        "muteParticipantBody": "Vi ne povos lin aŭ ŝin malsilentigi, sed li aŭ ŝi povas malsilentigi sin iam ajn.",
+        "muteParticipantButton": "Silentigi",
+        "muteParticipantsVideoBody": "Vi ne povos ŝalti la kameraon denove, sed ili povos ŝalti ĝin mem iam ajn.",
+        "muteParticipantsVideoBodyModerationOn": "Nek vi nek ili povos ŝalti la kameraon denove.",
+        "muteParticipantsVideoButton": "Malŝaltu la kameraon",
+        "muteParticipantsVideoDialog": "Ĉu vi certe volas malŝalti la kameraon de tiu-ĉi uzanto? Vi ne povos ŝalti ĝin denove, sed ili povos ŝalti ĝin mem iam ajn.",
+        "muteParticipantsVideoDialogModerationOn": "Ĉu vi certe volas malŝalti la kameraon de tiu-ĉi uzanto? Nek vi nek ili povos ŝalti ĝin denove.",
+        "muteParticipantsVideoTitle": "Malŝaltu la kameraon de tiu-ĉi uzanto?",
+        "noDropboxToken": "Nevalidaj Dropbox-ĵetonoj",
+        "password": "Pasvorto",
+        "passwordLabel": "La kunvenon ŝlosis partoprenanto. Bonvolu entajpi $t(lockRoomPassword) por aliĝi.",
+        "passwordNotSupported": "Agordo de kunvena pasvorto ne estas subtenata",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) ne subtenata",
+        "passwordRequired": "$t(lockRoomPasswordUppercase) deviga",
+        "permissionCameraRequiredError": "Permeso uzi kameraon estas bezonata por partopreni prelegojn kun video. Bonvolu doni tiun-ĉi permeson en Agordoj.",
+        "permissionErrorTitle": "Permeso deviga",
+        "permissionMicRequiredError": "Permeso uzi microfono estas bezonata por partopreni prelegojn kun aŭdaĵo. Bonvolu doni tiun-ĉi permeson en Agordoj.",
+        "readMore": "Pli",
+        "recentlyUsedObjects": "Viaj lastatempe uzitaj objektoj",
+        "recording": "Registrado",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "Neebla dum vivelsendo estas aktiva",
+        "rejoinNow": "Realiĝi nun",
+        "remoteControlAllowedMessage": "{{user}} akceptis vian teleregan peton!",
+        "remoteControlDeniedMessage": "{{user}} rifuzis vian teleregan peton!",
+        "remoteControlErrorMessage": "Eraro petante teleregajn permesojn de {{user}}!",
+        "remoteControlRequestMessage": "Ĉu vi permesos al {{user}} teleregi vian komputilon?",
+        "remoteControlShareScreenWarning": "Sciu, ke se vi premos “Permesi”, vi kunhavigos vian ekranon!",
+        "remoteControlStopMessage": "Telerega seanco finita!",
+        "remoteControlTitle": "Labortabla telerego",
+        "remoteUserControls": "Foraj uzantregiloj",
+        "removePassword": "Forigi $t(lockRoomPassword)",
+        "removeSharedVideoMsg": "Ĉu vi vere volas forigi vian kunhavatan videon?",
+        "removeSharedVideoTitle": "Forigi kunhavatan videon",
+        "renameBreakoutRoomLabel": "Nomo de aneksa ĉambro",
+        "renameBreakoutRoomTitle": "Ŝanĝi nomon de aneksa ĉambro",
+        "reservationError": "Rezervosistema eraro",
+        "reservationErrorMsg": "Kodo de eraro: {{code}}, mesaĝo: {{msg}}",
+        "retry": "Reprovi",
+        "screenSharingAudio": "Kundividi sonon",
+        "screenSharingFailed": "Oj! Io misokazis, ni ne povis starti ekrandividado!",
+        "screenSharingFailedTitle": "Ekrandividado malsukcesis!",
+        "screenSharingPermissionDeniedError": "Oj! Io misokazis pri la permesoj al via ekrandivida kromprogramo. Bonvolu reŝargi kaj reprovi.",
+        "searchInSalesforce": "Serĉu en Salesforce",
+        "searchResults": "Serĉorezultoj({{count}})",
+        "searchResultsDetailsError": "Io misokazis dum ricevo de datumoj de posedanto ",
+        "searchResultsError": "Io misokazis dum ricevo de datumoj.",
+        "searchResultsNotFound": "Serĉorezultoj ne trovitaj.",
+        "searchResultsTryAgain": "Provu uzi aliajn serĉvortojn.",
+        "sendPrivateMessage": "Vi antaŭ nelonge ricevis privatan mesaĝon. Ĉu vi celis respondi al ĝi private, aŭ ĉu vi volas sendi vian mesaĝon al la grupo?",
+        "sendPrivateMessageCancel": "Sendi al la grupo",
+        "sendPrivateMessageOk": "Sendi private",
+        "sendPrivateMessageTitle": "Sendi private?",
+        "serviceUnavailable": "Servo ne disponeblas",
+        "sessTerminated": "Voko finita",
+        "sessTerminatedReason": "La kunveno estas finigita",
+        "sessionRestarted": "Voko restartigis pro problemo kun la konecto.",
+        "shareAudio": "Daŭrigi",
+        "shareAudioTitle": "Kiel kunhavigi sonon",
+        "shareAudioWarningD1": "Ĉesigu la ekrandividadon antaŭ kunhavigi vian sonon.",
+        "shareAudioWarningD2": "Kundividu la ekranon denove kaj elektu \"kunhavigi sonon\" ",
+        "shareAudioWarningH1": "Se vi volas kunhavigi nur sonon:",
+        "shareAudioWarningTitle": "Ĉesigu la ekrandividadon antaŭ kunhavigi la sonon.",
+        "shareMediaWarningGenericH2": "Se vi volas kunhavigi vian ekranon kaj sonon",
+        "shareScreenWarningD1": "Ĉesigu kunhavigi la sonon antaŭ starti la ekrandividadon.",
+        "shareScreenWarningD2": "Ĉesigu kunhavigi la sonon, startu la ekrandividado, kaj kontrolu la \"kunhavigi sonon\" opcion.",
+        "shareScreenWarningH1": "Se vi volas kunhavigi nur la ekranon:",
+        "shareScreenWarningTitle": "Ĉesigu kunhavigi la sonon antaŭ starti la ekrandividadon.",
+        "shareVideoLinkError": "Bonvolu doni ĝustan ligilon",
+        "shareVideoTitle": "Kundividi videon",
+        "shareYourScreen": "Kundividi vian ekranon",
+        "shareYourScreenDisabled": "Kundividado de ekrano malŝaltita.",
+        "sharedVideoDialogError": "Eraro: Nevalida URL",
+        "sharedVideoLinkPlaceholder": "YouTube-ligilo aŭ rekta ligilo al la video",
+        "show": "Montri",
+        "start": "Startigi",
+        "startLiveStreaming": "Fini tujan elsendfluon",
+        "startRecording": "Fini registradon",
+        "startRemoteControlErrorMessage": "Eraro okazis dum komenco de la telerega seanco!",
+        "stopLiveStreaming": "Fini tujan elsendfluon",
+        "stopRecording": "Fini registradon",
+        "stopRecordingWarning": "Ĉu vi certe volas fini la registradon?",
+        "stopStreamingWarning": "Ĉu vi certe volas fini la tujan elsendfluon?",
+        "streamKey": "Ŝlosilo de tuja elsendfluo",
+        "thankYou": "Dankon ke vi uzas {{appName}}!",
+        "token": "ĵetono",
+        "tokenAuthFailed": "Pardonu, vi ne rajtas aliĝi al ĉi-tiu voko.",
+        "tokenAuthFailedReason": {
+            "audInvalid": "Nevalida `aud` valoro. Ĝi estu `jitsi`.",
+            "contextNotFound": "La `context` objekto mankas de la portaĵo.",
+            "expInvalid": "Nevalida `exp` valoro.",
+            "featureInvalid": "Nevalida funkcio: {{feature}}, plej verŝajne, ne jam realigita.",
+            "featureValueInvalid": "Nevalida valoro for funkcio: {{feature}}.",
+            "featuresNotFound": "La `features` objekto mankas de la portaĵo.",
+            "headerNotFound": "Mankante la kapon.",
+            "issInvalid": "Nevalida `iss` valoro. It should be `chat`.",
+            "kidMismatch": "Ŝlosila ID (kid) ne kongruas.",
+            "kidNotFound": "Mankanta Ŝlosila ID (kid).",
+            "nbfFuture": "La `nbf` valoro estas en la estonteco.",
+            "nbfInvalid": "Nevalida `nbf` valoro.",
+            "payloadNotFound": "Mankas la portaĵon.",
+            "tokenExpired": "Ĵetono eksvalidiĝis."
+        },
+        "tokenAuthFailedTitle": "Aŭtentigo malsukcesis",
+        "tokenAuthFailedWithReasons": "Vi ne havas permeson aliĝi al ĉi-tiu kunveno. Eblaj kialoj: {{reason}}",
+        "tokenAuthUnsupported": "Ĵetona retejeo ne estas subtenata",
+        "transcribing": "transskribado",
+        "unlockRoom": "Forigi la $t(lockRoomPassword)n de la ĉambro",
+        "user": "Uzanto",
+        "userIdentifier": "Uzantidentigilo",
+        "userPassword": "Uzantopasvorto",
+        "verifyParticipantConfirm": "Ili kongruas",
+        "verifyParticipantDismiss": "Ili ne kongruas",
+        "verifyParticipantQuestion": "EKSPERIMENTA: Demandu al {{participantName}} se ili vidas la saman enhavon, laŭ la sama ordo.",
+        "verifyParticipantTitle": "Identkontrolo",
+        "videoLink": "Video-ligilo",
+        "viewUpgradeOptions": "Montru opcioj por plibonigaj eldonoj",
+        "viewUpgradeOptionsContent": "Se vi volas aliron al superaj funkcioj, kiel registrado, transskribo, RTMP vivelsendo & pli, vi plibonigu vian subskribon.",
+        "viewUpgradeOptionsTitle": "Vi malkovris superan funkcion!",
+        "whiteboardLimitContent": "Bedaŭre, la limo de samtempaj blanktabulaj uzantoj estas atingita.",
+        "whiteboardLimitReference": "Por pli da informo, bonvole vizitu",
+        "whiteboardLimitReferenceUrl": "Nia retejo",
+        "whiteboardLimitTitle": "Blanktabula patroprenanta limo atingita",
+        "yourEntireScreen": "Via tuta ekrano"
+    },
+    "documentSharing": {
+        "title": "Kundividita dokumento"
+    },
+    "e2ee": {
+        "labelToolTip": "Ĉiuj partoprenantoj en ĉi-tiu kunveno ŝaltis tutvojan ĉifradon"
+    },
+    "embedMeeting": {
+        "title": "Enigi ĉi-tiun renkontiĝon"
+    },
+    "feedback": {
+        "accessibilityLabel": {
+            "yourChoice": "Via takso"
+        },
+        "average": "Mezbona",
+        "bad": "Malbona",
+        "detailsLabel": "Diru al ni pli pri ĝi.",
+        "good": "Bona",
+        "rateExperience": "Bonvolu priskribi vian sperton.",
+        "star": "Stelo",
+        "veryBad": "Tre malbona",
+        "veryGood": "Tre bona"
+    },
+    "filmstrip": {
+        "accessibilityLabel": {
+            "heading": "Videaj bildetoj"
+        }
+    },
+    "giphy": {
+        "noResults": "Rezultoj ne trovitaj :(",
+        "search": "Serĉi en GIPHY"
+    },
+    "incomingCall": {
+        "answer": "Respondi",
+        "audioCallTitle": "Alvenanta voko",
+        "decline": "Formeti",
+        "productLabel": "el Jitsi Meet",
+        "videoCallTitle": "Alvenanta vida voko"
+    },
+    "info": {
+        "accessibilityLabel": "Montri informojn",
+        "addPassword": "Aldoni $t(lockRoomPassword)n",
+        "cancelPassword": "Nuligi $t(lockRoomPassword)n",
+        "conferenceURL": "Ligilo:",
+        "copyNumber": "Kopii nombron",
+        "country": "Lando",
+        "dialANumber": "Por aliĝi al via kunveno, voku unu el tiuj numeroj kaj poste entajpu la ciferkodon.",
+        "dialInConferenceID": "Ciferkodo:",
+        "dialInNotSupported": "Bedaŭrinde pertelefona vokaro ne estas nuntempe subtenata.",
+        "dialInNumber": "Voki la numeron:",
+        "dialInSummaryError": "Eraro dum venigo de telefonadaj informoj. Bonvolu reprovi poste.",
+        "dialInTollFree": "Senkosta numero",
+        "genericError": "Oj, io fuŝiĝis.",
+        "inviteLiveStream": "Por vidi la tujan elsendfluon, alklaku ĉi-tiun ligilon: {{url}}",
+        "invitePhone": "Por aliĝi per telefono anstataŭe, tuŝu tion: {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Ĉu vi serĉas alian telefonnumeron?\nVidi la telefonnumerojn de la kunveno: {{url}}\n\n\nSe vi vokas ankaŭ per ĉambra telefono, vi povas aliĝi sen sono: {{silentUrl}}",
+        "inviteSipEndpoint": "Por aliĝi per la SIP adreso, entajpu tio: {{sipUri}}.",
+        "inviteTextiOSInviteUrl": "Alklaku tiu-ĉi ligilon pour aliĝi: {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "Se vi aliĝas per ĉambra telefono, uzu ĉi-tiun ligon por aliĝi sen konektiĝi al audio:{{silentUrl}}.",
+        "inviteTextiOSPersonal": "{{name}} invitas vin al kunveno.",
+        "inviteTextiOSPhone": "Por aliĝi telefone, uzu ĉi-tiun numeron: {{number}},,{{conferenceID}}#. Se vi serĉas alian numeron, jen la plena listo: {{didUrl}}.",
+        "inviteURLFirstPartGeneral": "Vi estas invitita al kunveno.",
+        "inviteURLFirstPartPersonal": "{{name}} invitas vin al kunveno.\n",
+        "inviteURLSecondPart": "\nAliĝi al la kunveno:\n{{url}}\n",
+        "label": "Informoj pri la kunveno",
+        "liveStreamURL": "Tuja elsendfluo:",
+        "moreNumbers": "Pli da numeroj",
+        "noNumbers": "Neniu numero por voki.",
+        "noPassword": "Neniu",
+        "noRoom": "Neniu ĉambro estis specifita por la voko.",
+        "numbers": "Telefonnumeroj",
+        "password": "$t(lockRoomPasswordUppercase):",
+        "reachedLimit": "Vi atingis la limon de via subskribo.",
+        "sip": "SIP-adreso",
+        "sipAudioOnly": "SIP nur-aŭdia adreso",
+        "title": "Kundividi",
+        "tooltip": "Kundividi ligilon kaj telefonnumeron por ĉi-tiu kunveno",
+        "upgradeOptions": "Bonvolu kontroli la ĝisdatigajn opciojn."
+    },
+    "inlineDialogFailure": {
+        "msg": "Ni iom stumblis.",
+        "retry": "Provi denove",
+        "support": "Subteno",
+        "supportMsg": "Se tio daŭre okazas, kontaktu"
+    },
+    "inviteDialog": {
+        "alertText": "La invito de kelkaj partoprenantoj malsukcesis.",
+        "header": "Inviti",
+        "searchCallOnlyPlaceholder": "Entajpu telefonnumeron",
+        "searchPeopleOnlyPlaceholder": "Serĉi partoprenantojn",
+        "searchPlaceholder": "Partoprenanto aŭ telefonnumero",
+        "send": "Sendi"
+    },
+    "jitsiHome": "{{logo}} Emblemo, ligilo al ĉefpaĝo",
+    "keyboardShortcuts": {
+        "focusLocal": "Fokusigi vian propran videon",
+        "focusRemote": "Fokusigi la videon de aliulo",
+        "fullScreen": "Ŝalti / malŝalti tutekranan reĝimon",
+        "giphyMenu": "Ŝalku GIPHY-menuon",
+        "keyboardShortcuts": "Fulmoklavoj",
+        "localRecording": "Montri aŭ kaŝi la ilojn por loka registrado",
+        "mute": "Silentigi aŭ malsilentigi vian mikrofonon",
+        "pushToTalk": "Premi por paroli",
+        "raiseHand": "Levi aŭ mallevi manon",
+        "showSpeakerStats": "Montri statistikon pri parolintoj",
+        "toggleChat": "Malfermi aŭ fermi la babilon",
+        "toggleFilmstrip": "Montri aŭ kaŝi videajn bildetojn",
+        "toggleParticipantsPane": "Montru aŭ kaŝu la panelon de partoprenantoj",
+        "toggleScreensharing": "Komuti inter kameraa kaj ekrana vidado",
+        "toggleShortcuts": "Montri aŭ kaŝi la fulmklavojn",
+        "videoMute": "Ŝalti aŭ malŝalti vian kameraon"
+    },
+    "largeVideo": {
+        "screenIsShared": "Vi nun dividas vian ekranon",
+        "showMeWhatImSharing": "Montru al mi, kion mi dividas"
+    },
+    "liveStreaming": {
+        "busy": "Ni penas liberigi tujajn elsendilojn. Bonvolu reprovi post kelkaj minutoj.",
+        "busyTitle": "Ĉiuj elsendiloj estas nun okupataj",
+        "changeSignIn": "Ŝalti inter kontoj.",
+        "choose": "Elekti tujan elsendfluon",
+        "chooseCTA": "Elektu eblon por tuja elsendfluo. Vi nun estas ensalutinta kiel {{email}}.",
+        "enterStreamKey": "Enmetu ĉi tien vian ŝlosilon de tuja YouTube-elsendfluo.",
+        "error": "Tuja elsendfluo malsukcesis. Bonvolu provi denove.",
+        "errorAPI": "Eraro okazis dum alirado al viaj YouTube-dissendadoj. Bonvolu provi reensaluti.",
+        "errorLiveStreamNotEnabled": "Tuja elsendado ne estas ŝaltita ĉe {{email}}. Bonvolu ŝalti tujan elsendado aŭ ensaluti per konto kun ŝaltita tuja elsendado.",
+        "expandedOff": "La tuja elsendfluo ĉesis",
+        "expandedOn": "La kunveno estas nun elsendata al YouTube.",
+        "expandedPending": "La tuja elsendfluo nun startas…",
+        "failedToStart": "Tuja elsendfluo malsukcesis komenci",
+        "getStreamKeyManually": "Ni ne povis trovi tujajn elsendfluojn. Provu trovi vian ŝlosilon de tuja YouTube-elsendfluo.",
+        "googlePrivacyPolicy": "Privatecpolitiko de Google",
+        "inProgress": "Registrado aŭ vivelsendo farata",
+        "invalidStreamKey": "La ŝlosilo de tuja elsendfluo povas esti malĝusta.",
+        "limitNotificationDescriptionNative": "Via vivelsendo estos limigita al {{limit}} minutoj. Por senlima vivelsendo provu {{ app}}.",
+        "limitNotificationDescriptionWeb": "Pro alta postulo, via vivelsendo estos limigita al {{limit}} minutoj. Por senlima vivelsendo provu <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "off": "Tuja elsendfluo finiĝis",
+        "offBy": "{{name}} ĉesigis la tujan elsendfluon",
+        "on": "Tuja elsendfluo",
+        "onBy": "{{name}} komencis la tujan elsendfluon",
+        "pending": "Startigo de tuja elsendfluo…",
+        "serviceName": "Servoj de tuja elsendado",
+        "sessionAlreadyActive": "Oni jam registras aŭ vivelsendas ĉi-tiun seancon.",
+        "signIn": "Ensaluti kun Google",
+        "signInCTA": "Ensalutu aŭ entajpu vian ŝlosilon tuja elsendado el YouTube.",
+        "signOut": "Elsaluti",
+        "signedInAs": "Vi nun estas ensalutinta kiel:",
+        "start": "Komenci tujan elsendfluon",
+        "streamIdHelp": "Kio estas tio?",
+        "title": "Tuja elsendfluo",
+        "unavailableTitle": "Tuja elsendfluo ne disponeblas",
+        "youtubeTerms": "Uzkondiĉoj de YouTube"
+    },
+    "lobby": {
+        "backToKnockModeButton": "Petu por aliĝi",
+        "chat": "Babilejo",
+        "dialogTitle": "Atendeja reĝimo",
+        "disableDialogContent": "Atendeja reĝimo nun estas aktiva. Tiu funkcio certigas ke nedezirataj partoprenantoj ne povas aliĝi al via renkontiĝo. Ĉu vi volas malŝalti ĝin?",
+        "disableDialogSubmit": "Malŝaltu",
+        "emailField": "Entajpu vian retpoŝtadreson",
+        "enableDialogPasswordField": "Agordi pasvorton (nedeviga)",
+        "enableDialogSubmit": "Ŝaltu",
+        "enableDialogText": "Atendeja  reĝimo ebligas al vi protekti vian kunvenon, permesante al homoj eniri nur post formala aprobo de moderanto.",
+        "enterPasswordButton": "Entajpu pasvorton de la kunveno",
+        "enterPasswordTitle": "Entajpu pasvorton por aliĝi al la renkontiĝo",
+        "errorMissingPassword": "Bonvolu entajpi la pasvorton de la renkontiĝo",
+        "invalidPassword": "Nevalida pasvorti",
+        "joinRejectedMessage": "Via aliĝo-peto estis malakceptita de moderanto.",
+        "joinRejectedTitle": "Aliĝo-peto malakceptita",
+        "joinTitle": "Aliĝu al kunvenon",
+        "joinWithPasswordMessage": "Provante aliĝi kun pasvorto, bonvolu atendi…",
+        "joiningMessage": "Vi aliĝos al la kunveno tuj kiam iu akceptos vian peton",
+        "joiningTitle": "Petante aliĝi al kunveno…",
+        "joiningWithPasswordTitle": "Aliĝo kun pasvorto…",
+        "knockButton": "Petu aliĝi",
+        "knockTitle": "Iu volas aliĝi al la kunveno",
+        "knockingParticipantList": "Listo de uzantoj, kiuj volas aliĝi",
+        "lobbyChatStartedNotification": "{{moderator}} startis atendejan babilejon kun {{attendee}}.",
+        "lobbyChatStartedTitle": "{{moderator}} startis atendejan babilejon kun vi.",
+        "lobbyClosed": "La atendeja babilejo estas fermita.",
+        "nameField": "Entajpu vian nomon",
+        "notificationLobbyAccessDenied": "{{targetParticipantName}} estis malakceptita aliĝi de {{originParticipantName}}",
+        "notificationLobbyAccessGranted": "{{targetParticipantName}} estis akceptita aliĝi de {{originParticipantName}}",
+        "notificationLobbyDisabled": "{{originParticipantName}} malŝaltis atendejon",
+        "notificationLobbyEnabled": "{{originParticipantName}} ŝaltis atendejon",
+        "notificationTitle": "Atendejo",
+        "passwordJoinButton": "Aliĝi",
+        "title": "Atendejo",
+        "toggleLabel": "Ŝaltu atendejon"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Malŝaltita",
+            "on": "Ŝaltita",
+            "unknown": "Nekonata"
+        },
+        "dialogTitle": "Iloj por loka registrado",
+        "duration": "Daŭro",
+        "durationNA": "neaplikebla",
+        "encoding": "Kodprezento",
+        "label": "REG",
+        "labelToolTip": "Loka registrado estas aktiva",
+        "localRecording": "Loka registrado",
+        "me": "Mi",
+        "messages": {
+            "engaged": "Loka registrado estas aktiva.",
+            "finished": "Registrado de la sesio {{token}} estas finita. Bonvolu sendi la registritan dosieron al la kunvenestro.",
+            "finishedModerator": "Registrado de la sesio {{token}} estas finita. La registraĵo de la loka trako estis konservita. Bonvolu peti aliajn partoprenantojn, ke ili sendu sian registraĵon.",
+            "notModerator": "Vi ne estas la kunvenestro. Vi ne povas komenci aŭ fini lokan registradon."
+        },
+        "moderator": "Kunvenestro",
+        "no": "Ne",
+        "participant": "Partoprenantoj",
+        "participantStats": "Statistikoj pri la partoprenantoj",
+        "selectTabTitle": "🎥 Bonvolu elekti ĉi-tiun langeton por registrado",
+        "sessionToken": "Sesia ĵetono",
+        "start": "Komenci registradon",
+        "stop": "Fini registradon",
+        "stopping": "Finiganta registradon",
+        "wait": "Bonvole atendu dum la registro estas konservata",
+        "yes": "Jes"
+    },
+    "lockRoomPassword": "Pasvorto",
+    "lockRoomPasswordUppercase": "Pasvorto",
+    "lonelyMeetingExperience": {
+        "button": "Inviti aliajn",
+        "youAreAlone": "Vi estas la sola en la kunveno"
+    },
+    "me": "mi",
+    "notify": {
+        "OldElectronAPPTitle": "Sekurec-vundeblo!",
+        "allowAction": "Permesu",
+        "allowedUnmute": "Vi povas malsilentigi vian mikrofonon, ŝalti vian kameraon aŭ dividi vian ekranon.",
+        "audioUnmuteBlockedDescription": "Microfono-malsilentiga operacion estis provizore blokita pro sistemaj limoj.",
+        "audioUnmuteBlockedTitle": "Microfono-malsilentigo blokita!",
+        "chatMessages": "Babilmesaĝoj",
+        "connectedOneMember": "{{name}} aliĝis al la kunveno",
+        "connectedThreePlusMembers": "{{name}} kaj {{count}} aliaj aliĝis al la kunveno",
+        "connectedTwoMembers": "{{first}} kaj {{second}} aliĝis al la kunveno",
+        "dataChannelClosed": "Videa kvalito estas malboniĝita.",
+        "dataChannelClosedDescription": "La ponta kanalo estas malkonektita, do videa kvalito restas ĉe la plej malalta grado.",
+        "disabledIframe": "Enkorpigado estas nur por demonstri, do ĉi-tiu kunveno malkonektos post {{timeout}} minutoj.",
+        "disabledIframeSecondary": "Enkorpigado de {{domain}} estas nur por demonstri, do ĉi-tiu kunveno malkonektos post {{timeout}} minutoj.",
+        "disconnected": "malkonektita",
+        "displayNotifications": "Montru sciigojn por",
+        "dontRemindMe": "Ne sciigu min",
+        "focus": "Kunvena atento",
+        "focusFail": "{{component}} ne estas disponebla – reprovu post {{ms}} sekundoj",
+        "gifsMenu": "GIPHY",
+        "groupTitle": "Sciigoj",
+        "hostAskedUnmute": "La kunvenestro ŝatus, ke vi parolu",
+        "invitedOneMember": "{{name}} estis invitita",
+        "invitedThreePlusMembers": "{{name}} kaj {{count}} aliaj estis invititaj",
+        "invitedTwoMembers": "{{first}} kaj {{second}} estis invititaj",
+        "joinMeeting": "Aliĝi",
+        "kickParticipant": "{{kicked}} estis forĵetita de {{kicker}}",
+        "leftOneMember": "{{name}} foriris el la kunveno",
+        "leftThreePlusMembers": "{{name}} kaj multaj aliaj foriris el la kunveno",
+        "leftTwoMembers": "{{first}} kaj {{second}} foriris el la kunveno",
+        "linkToSalesforce": "Ligilo al Salesforce",
+        "linkToSalesforceDescription": "Vi povas ligi la kunvenan resumon al Salesforce objekto.",
+        "linkToSalesforceError": "Malsukcesis ligi la kunvenon al Salesforces",
+        "linkToSalesforceKey": "Ligi ĉi-tiun kunvenon",
+        "linkToSalesforceProgress": "Ligante la kunvenon al Salesforce…",
+        "linkToSalesforceSuccess": "La kunveno estas ligita al Salesforce.",
+        "localRecordingStarted": "{{name}} startigis lokan registradon.",
+        "localRecordingStopped": "{{name}} haltigis lokan registradon.",
+        "me": "Mi",
+        "moderationInEffectCSDescription": "Bonvolu levi la manon se vi volas kundividi vian ekranon.",
+        "moderationInEffectCSTitle": "La kunvenestro blokis ekrandividadon.",
+        "moderationInEffectDescription": "Bonvolu levi la manon se vi volas paroli.",
+        "moderationInEffectTitle": "La kunvenestro silentigi vian mikrofonon",
+        "moderationInEffectVideoDescription": "Bonvolu levi la manon se vi volas startigi vian kameraon.",
+        "moderationInEffectVideoTitle": "La kunvenestro blokis vian kamerao",
+        "moderationRequestFromModerator": "La gastiganto ŝatus, ke vi malsilentiĝu",
+        "moderationRequestFromParticipant": "Volas paroli",
+        "moderationStartedTitle": "Gvidado komenciĝis",
+        "moderationStoppedTitle": "Gvidado ĉesis",
+        "moderationToggleDescription": "de {{participantDisplayName}}",
+        "moderator": "Kunvenestraj rajtoj donitaj!",
+        "muted": "Vi komencis la interparolon silente.",
+        "mutedRemotelyDescription": "Vi ĉiam povas malsilentiĝi, kiam vi estas preta paroli. Resilentiĝu, kiam vi finis, post eviti bruon en la kunveno.",
+        "mutedRemotelyTitle": "Vi estis silentigita de {{participantDisplayName}}!",
+        "mutedTitle": "Vi estas silentigita!",
+        "newDeviceAction": "Uzi",
+        "newDeviceAudioTitle": "Nova aparato detektita",
+        "newDeviceCameraTitle": "Nova kamerao detektita",
+        "noiseSuppressionDesktopAudioDescription": "Neeblas aktivi la nuligon de bruo dum dividado de labortabla audio. Bonvolu malŝalti ĝin kaj provi denove. ",
+        "noiseSuppressionFailedTitle": "Malsukcesis startigi la nuligon de bruo",
+        "noiseSuppressionStereoDescription": "Forigo de bruo por stereosono ankoraŭ ne estas subtenata.",
+        "oldElectronClientDescription1": "Ŝajnas, ke vi uzas malnovan version de la kliento de Jitsi Meet, kiu havas konatajn sekurec-vundeblojn. Bonvolu ĝisdatigi al nia ",
+        "oldElectronClientDescription2": "plej nova versio",
+        "oldElectronClientDescription3": " nun!",
+        "participantWantsToJoin": "Volas aliĝi al la kunveno",
+        "participantsWantToJoin": "Volas aliĝi al la kunveno",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) forigita de alia partoprenanto",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) difinita de alia partoprenanto",
+        "raiseHandAction": "Levu la manon",
+        "raisedHand": "{{name}} ŝatus paroli.",
+        "raisedHands": "{{participantName}} kaj {{raisedHands}} aliaj homoj",
+        "reactionSounds": "Malebligi sonojn",
+        "reactionSoundsForAll": "Malebligi sonojn por ĉiuj",
+        "screenShareNoAudio": "La elektobutono “Kundividi sonon” ne estis elektita en la fenestro de elekto de ektrano.",
+        "screenShareNoAudioTitle": "Ne eblis kunhavigi sisteman audio!",
+        "screenSharingAudioOnlyDescription": "Notu bonvole, ke kunhavi la ekranon uzas plie la kapaciton.",
+        "screenSharingAudioOnlyTitle": "\"Plej Alta Rendimento\"-reĝimo",
+        "selfViewTitle": "Vi ĉiam povas malkaŝi la memvidon en agordoj",
+        "somebody": "Iu",
+        "startSilentDescription": "Aliĝu denove al la kunveno por ŝalti sonon",
+        "startSilentTitle": "Vi envenis sen sona eligo!",
+        "suboptimalBrowserWarning": "N timas, ke vi ne havos bonegan sperton ĉi tie. Ni klopodas plibonigi tion, sed dume bonvolu provi uzi unu el la <a href='static/recommendedBrowsers.html' target='_blank'>plene subtenataj retumiloj</a>.",
+        "suboptimalExperienceTitle": "Atentigo pri la retumilo",
+        "unmute": "Malsilentigi",
+        "videoMutedRemotelyDescription": "Vi ĉiam povas ŝalti ĝin denove.",
+        "videoMutedRemotelyTitle": "{{participantDisplayName}} malŝaltis vian videaĵon",
+        "videoUnmuteBlockedDescription": "Malsilentigo de la kamerao kaj funkciado de kunhava labortablo estis provizore blokitaj pro sistemaj limoj.",
+        "videoUnmuteBlockedTitle": "Malsilentigo de la kamerao kaj kunhavigo de la ekrano estas blokitaj!",
+        "viewLobby": "Vidu atendejon",
+        "waitingParticipants": "{{waitingParticipants}} homo(j)",
+        "whiteboardLimitDescription": "Bonvole konservu vian progreson, ĉar la uzantlimo baldaŭ estos atingita, kaj la blanktabulo fermiĝos.",
+        "whiteboardLimitTitle": "Blanktabula uzado"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "Akcepti",
+            "admitAll": "Akcepti ĉion",
+            "allow": "Al la partoprenantoj permesi:",
+            "allowVideo": "Permesi kameraon",
+            "askUnmute": "Peti malsilentigi",
+            "audioModeration": "Malsilentigi sin mem",
+            "blockEveryoneMicCamera": "Bloki la kameraon kaj la mikrofonon de ĉiuj",
+            "breakoutRooms": "Aneksaj ĉambroj",
+            "invite": "Inviti iun",
+            "moreModerationActions": "Pli da moderigaj opcioj",
+            "moreModerationControls": "Pli da moderigaj regiloj",
+            "moreParticipantOptions": "Pli da partoprenantaj opcioj",
+            "mute": "Silentigi",
+            "muteAll": "Silentigi ĉiujn",
+            "muteEveryoneElse": "Silentigi ĉiujn aliajn",
+            "reject": "Malakceptu",
+            "stopEveryonesVideo": "Ĉesigu ĉies videaĵon",
+            "stopVideo": "Ĉesigu la videaĵon",
+            "unblockEveryoneMicCamera": "Malbloku ĉies mikrofonon kaj kameraon",
+            "videoModeration": "Komencigu la videaĵon"
+        },
+        "close": "Fermu",
+        "headings": {
+            "lobby": "Atendejo ({{count}})",
+            "participantsList": "Partoprenantoj en la kunveno ({{count}})",
+            "visitorRequests": " (petoj {{count}})",
+            "visitors": "Vizitantaj {{count}}",
+            "waitingLobby": "En la atendejo ({{count}})"
+        },
+        "search": "Serĉu partoprenantojn",
+        "title": "Partoprenantoj"
+    },
+    "passwordDigitsOnly": "Ĝis {{number}} ciferoj",
+    "passwordSetRemotely": "agordita de alia partoprenanto",
+    "pinParticipant": "{{participantName}} - Pingli",
+    "pinnedParticipant": "La partoprenanto estas fiksita",
+    "polls": {
+        "answer": {
+            "skip": "Ne respondu",
+            "submit": "Sendu"
+        },
+        "by": "de {{ name }}",
+        "create": {
+            "addOption": "Aldoni opcion",
+            "answerPlaceholder": "Opcio {{index}}",
+            "cancel": "Nuligi",
+            "create": "Krei enketon",
+            "pollOption": "Enketa opcio {{index}}",
+            "pollQuestion": "Enketa demando",
+            "questionPlaceholder": "Demandu",
+            "removeOption": "Forigi opcion",
+            "send": "Sendu"
+        },
+        "errors": {
+            "notUniqueOption": "Ebloj devas esti unikaj"
+        },
+        "notification": {
+            "description": "Malfermu la enketan langeton por voĉdoni",
+            "title": "Oni aldonis novan enketon en la kunveno"
+        },
+        "results": {
+            "changeVote": "Ŝanĝu voĉdonon",
+            "empty": "Ankoraŭ ne estas enketo en la kunveno. Komencu enketon ĉi-tie!",
+            "hideDetailedResults": "Kaŝu detalojn",
+            "showDetailedResults": "Malkaŝu detalojn",
+            "vote": "Voĉdonu"
+        }
+    },
+    "poweredby": "pelata de",
+    "prejoin": {
+        "audioAndVideoError": "Eraro de videaĵo kaj aŭdaĵo:",
+        "audioDeviceProblem": "Estas problemo kun via sonludilo",
+        "audioOnlyError": "Eraro kun la aŭdaĵo:",
+        "audioTrackError": "Ne eblis krei sontrakon.",
+        "callMe": "Voku min.",
+        "callMeAtNumber": "Voku min al ĉi-tiu numero:",
+        "calling": "Voko…",
+        "configuringDevices": "Agordo de la aparatoj…",
+        "connectedWithAudioQ": "Ĉu vi estas konektita kun aŭdaĵo?",
+        "connection": {
+            "good": "Via interreta konekto ŝajnas bone!",
+            "nonOptimal": "Via interreta konekto ne estas optimuma",
+            "poor": "Vi havas malbonan interretan konekton"
+        },
+        "connectionDetails": {
+            "audioClipping": "Verŝajne via sono estos tranĉita.",
+            "audioHighQuality": "Verŝajne via sono estos bonega.",
+            "audioLowNoVideo": "Verŝajne via sono estos malbona kaj ne estos videaĵo.",
+            "goodQuality": "Bonege! Via media kvalito estos tre bona.",
+            "noMediaConnectivity": "Ni ne sukcesis starigi aŭdvidan konekton por ĉi-tiu testo. Tion kutime kaŭzas fajroŝirmilo aŭ NAT.",
+            "noVideo": "Veŝajne via videaĵo estos malbonega.",
+            "undetectable": "Se vi ankoraŭ ne povas voki per retumilo, ni rekomendas, ke vi certiĝu, ke viaj laŭtparoliloj, mikrofono kaj kamerao estas ĝuste agorditaj; ke vi donis rajtojn al via retumilo uzi viajn mikrofonon kaj kameraon; ke via retumilo estas ĝisdata. Se vi ankoraŭ ne povas voki, vi devus kontakti la programiston de la retejo.",
+            "veryPoorConnection": "Verŝajne la kvalito de via voko estos malbonega.",
+            "videoFreezing": "Verŝajne via videaĵo frostiĝos, nigriĝos, kaj estos bilderigita.",
+            "videoHighQuality": "Verŝajne via videaĵo estos bonega.",
+            "videoLowQuality": "Verŝajne via videaĵo estos malaltdistingiva kaj havos malbonan bildrapidon.",
+            "videoTearing": "Verŝajne via videaĵo estos bilderigita aŭ enhavos vidajn artefaktojn."
+        },
+        "copyAndShare": "Kopii & kunhavigi ligilon de la renkontiĝo",
+        "dialInMeeting": "Eniru la renkontiĝon per voko",
+        "dialInPin": "Eniru la kunvenon per voko kaj entajpu PIN kodon:",
+        "dialing": "Vokante",
+        "doNotShow": "Ne montru tiun-ĉi ekranon denove",
+        "errorDialOut": "Ne eblis telefoni.",
+        "errorDialOutDisconnected": "Ne eblis telefoni. Malkonektita",
+        "errorDialOutFailed": "Ne eblis telefoni. Voko malsukcesis.",
+        "errorDialOutStatus": "Eraro dum akiro de la stato de la voko",
+        "errorMissingName": "Bonvolu entajpi vian nomon por aliĝi al la renkontiĝo",
+        "errorNoPermissions": "Vi ebligu mikrofonon kaj kameraon aliron",
+        "errorStatusCode": "Eraro dum voko, statkodo: {{status}}",
+        "errorValidation": "Validigo de la numero malsukcesis",
+        "iWantToDialIn": "Mi volas alvoki",
+        "initiated": "Voko komencita",
+        "joinAudioByPhone": "Aliĝu kun telefona mikrofono",
+        "joinMeeting": "Aliĝu al la kunveno",
+        "joinMeetingInLowBandwidthMode": "Aliĝu en malaltkapacita modo",
+        "joinWithoutAudio": "Aliĝu sen mikrofono",
+        "keyboardShortcuts": "Ŝaltu fulmoklavojn",
+        "linkCopied": "Ligilo kopiita al tondujo",
+        "lookGood": "Via mikrofono funkcias ĝuste",
+        "or": "Aŭ",
+        "premeeting": "Antaŭkunveno",
+        "proceedAnyway": "Daŭrigi",
+        "screenSharingError": "Eraro kun la ekrandividado:",
+        "startWithPhone": "Komencu kun la telefona sono",
+        "unsafeRoomConsent": "Akceptu la riskojn, kaj daŭrigi",
+        "videoOnlyError": "Eraro kun la videaĵo:",
+        "videoTrackError": "Ne eblis krei videotrakon.",
+        "viewAllNumbers": "Vidu ĉiujn numerojn"
+    },
+    "presenceStatus": {
+        "busy": "Okupata",
+        "calling": "Vokado…",
+        "connected": "Konektita",
+        "connecting": "Konektiĝo",
+        "connecting2": "Konektiĝo*…",
+        "disconnected": "Malkonektita",
+        "expired": "Eksvalidiĝinta",
+        "ignored": "Ignorata",
+        "initializingCall": "Startigo de la voko…",
+        "invited": "Invitita",
+        "rejected": "Malakceptita",
+        "ringing": "Sonorado…"
+    },
+    "profile": {
+        "avatar": "Profilbildo",
+        "setDisplayNameLabel": "Agordi vian videblan nomon",
+        "setEmailInput": "Enigu retpoŝtadreson",
+        "setEmailLabel": "Retpoŝtadreso ligita al Gravatar",
+        "title": "Profilo"
+    },
+    "raisedHand": "Ŝatus paroli",
+    "raisedHandsLabel": "Nombro da levitaj manoj",
+    "record": {
+        "already": {
+            "linked": "La kunveno jam estas ligita al tiu-ĉi Salesforce-objekto."
+        },
+        "type": {
+            "account": "Konto",
+            "contact": "Kontakto",
+            "lead": "Interesiĝanto",
+            "opportunity": "Ŝanco",
+            "owner": "Posedanto"
+        }
+    },
+    "recording": {
+        "authDropboxText": "Alŝuti al Dropbox",
+        "availableSpace": "Disponebla spaco: {{spaceLeft}} MB (proksimume {{duration}} minutoj da registraĵo)",
+        "beta": "BETA",
+        "busy": "Ni penas liberigi registrilojn. Bonvolu reprovi post kelkaj minutoj.",
+        "busyTitle": "Ĉiuj registriloj estas nun okupataj",
+        "copyLink": "Kopii Ligilon",
+        "error": "Registrado malsukcesis. Bonvolu provi denove.",
+        "errorFetchingLink": "Eraro venigante la registradan ligilon.",
+        "expandedOff": "Registrado finita",
+        "expandedOn": "La kunveno estas nun registrata.",
+        "expandedPending": "Registrado komenciĝas…",
+        "failedToStart": "Registrado malsukcesis komenci",
+        "fileSharingdescription": "Kundividi registraĵon kun aliaj partoprenantoj",
+        "highlight": "Ĉefaĵo",
+        "highlightMoment": "Emfazu momento",
+        "highlightMomentDisabled": "Vi povos emfazi momentojn kiam la registrado komenciĝas",
+        "highlightMomentSuccess": "Momento emfazita",
+        "highlightMomentSucessDescription": "Via emfazita momento estos aldonita al la kunveno priskribo",
+        "inProgress": "Registrado aŭ vivelsendo farata",
+        "limitNotificationDescriptionNative": "Pro alta postulo via registrado estos limigita al {{ limo }} minutoj. Pro senlima registrado, provu <3>{{app}}</3>.",
+        "limitNotificationDescriptionWeb": "Pro alta postulo via registrado estos limigita al {{ limo }} minutoj. Pro senlima registrado, provu <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "linkGenerated": "Ni generis ligilon al via registrado.",
+        "live": "LIVE",
+        "localRecordingNoNotificationWarning": "La registrado ne estos anoncita al aliaj partoprenantoj. Vi devos sciigi al ili, ke la renkontiĝo estas registrita.",
+        "localRecordingNoVideo": "Videaĵo ne estas registrita.",
+        "localRecordingStartWarning": "Bonvolu certigi, ke vi ĉesigas la registradon antaŭ ol eliri la renkontiĝon por konservi ĝin.",
+        "localRecordingStartWarningTitle": "Ĉesigu la registradon por konservi ĝin.",
+        "localRecordingVideoStop": "Ĉesigi vian videaĵon ankaŭ ĉesos la lokan registradon. Ĉu vi certas, ke vi volas daŭrigi?",
+        "localRecordingVideoWarning": "Por registri vian videon, ŝaltu la kameraon antaŭ vi komencas la registradon.",
+        "localRecordingWarning": "Certigu, ke vi elektas la nunan langeton por uzi la ĝustajn filmetojn kaj sonojn.",
+        "loggedIn": "Ensalutinta kiel {{userName}}",
+        "noMicPermission": "Mikrofono ne povis esti uzata. Bonvole donu permeson uzi la mikrofonon.",
+        "noStreams": "Neniu aŭdio aŭ videofluo detektita.",
+        "off": "Registrado finita",
+        "offBy": "{{name}} ĉesigis la registradon",
+        "on": "Registranta",
+        "onBy": "{{name}} komencis la registradon",
+        "onlyRecordSelf": "Registri nur miajn aŭd- kaj videofluojn",
+        "pending": "Prepariĝo por registrado de la kunveno…",
+        "rec": "REG",
+        "recordAudioAndVideo": "Konservu kaj aŭdion kaj videon",
+        "recordTranscription": "Konservu transskribon",
+        "saveLocalRecording": "Konservu registraddosieron loke (Beta)",
+        "serviceDescription": "Via registraĵo estos konservita de la registra servo",
+        "serviceDescriptionCloud": "Nubo registrado",
+        "serviceDescriptionCloudInfo": "Registritaj renkontiĝoj estas aŭtomate forigitaj 24h post sia tempo de registrado.",
+        "serviceName": "Registra servo",
+        "sessionAlreadyActive": "Ĉi tiu sesio jam estas registrita aŭ vivelsendita.",
+        "showAdvancedOptions": "Detalaj agordoj",
+        "signIn": "Ensaluti",
+        "signOut": "Elsaluti",
+        "surfaceError": "Bonvolu elekti la nunan langeton.",
+        "title": "Registrado",
+        "unavailable": "Oj! La {{serviceName}} estas nun nedisponebla. Ni laboras por solvi la aferon. Bonvolu reprovi poste.",
+        "unavailableTitle": "Registrado ne disponeblas",
+        "uploadToCloud": "Alŝutu en la Nubo"
+    },
+    "screenshareDisplayName": "Ekrano de {{name}}",
+    "sectionList": {
+        "pullToRefresh": "Tiru por aktualigi"
+    },
+    "security": {
+        "about": "Vi povas aldoni $t(lockRoomPassword) al via renkontiĝo. Partoprenantoj devos doni la $t(lockRoomPassword) antaŭ ol ili rajtas aliĝi al la renkontiĝo.",
+        "aboutReadOnly": "Moderaciuloj povas aldoni $t(lockRoomPassword) al la renkontiĝo. Partoprenantoj devos doni la $t(lockRoomPassword) antaŭ ol ili rajtas aliĝi al la renkontiĝo.",
+        "insecureRoomNameWarningNative": "Ĉi-tiu ĉambro ne estas sekura. Nevolataj partoprenantoj povas aliĝi vian kunvenvon.",
+        "insecureRoomNameWarningWeb": "Ĉi-tiu ĉambro ne estas sekura. Nevolataj partoprenantoj povas aliĝi vian kunvenvon. {{recommendAction}} Lerni pli pri sekuri vian kunvenon <a href=\"{{securityUrl}}\" rel=\"security\" target=\"_blank\">ĉi-tie</a>.",
+        "title": "Sekurecaj Opcioj",
+        "unsafeRoomActions": {
+            "meeting": "Konsideru sekurigi vian kunvenon per la sekureca butono.",
+            "prejoin": "Konsideru uzi pli unikan kunvenan nomon.",
+            "welcome": "Konsideru uzi pli unikan kunvenan nomon, aŭ elekti unu el la sugestataj."
+        }
+    },
+    "settings": {
+        "audio": "Aŭdio",
+        "buttonLabel": "Agordoj",
+        "calendar": {
+            "about": "La integrigo de kalendaro {{appName}} estas uzata por sekure aliri vian kalendaron, por ke ĝi povu legi planitajn eventojn.",
+            "disconnect": "Malkonekti",
+            "microsoftSignIn": "Ensaluti per Microsoft",
+            "signedIn": "Alirado al kalendaraj eventoj por {{email}}. Klaku la buton “Malkonekti” sube por ĉesigi aliradon al kalendaraj eventoj.",
+            "title": "Kalendaro"
+        },
+        "desktopShareFramerate": "Bildrapido de kundividado de ekrano",
+        "desktopShareHighFpsWarning": "Pli alta bildrapido por kundividado de ekrano povas influi vian bendlarĝo. Vi devas restartigi kundividadon de ekrano por ke la novaj agordoj aplikiĝu.",
+        "desktopShareWarning": "Vi devas rekomenci la ekrankundividadon por ke la novaj agordoj ekvalidu.",
+        "devices": "Aparatoj",
+        "followMe": "Ĉiuj sekvas min",
+        "framesPerSecond": "kadroj sekunde",
+        "incomingMessage": "Envena mesaĝo",
+        "language": "Lingvo",
+        "loggedIn": "Ensalutinta kiels {{name}}",
+        "maxStageParticipants": "Maksimuma nombro da partoprenantoj, kiuj povas esti alpinglitaj al la ĉefa scenejo",
+        "microphones": "Mikrofonoj",
+        "moderator": "Kunvenestro",
+        "moderatorOptions": "Kunvenestaj agordoj",
+        "more": "Pli",
+        "name": "Nomo",
+        "noDevice": "Neniu",
+        "notifications": "Sciigoj",
+        "participantJoined": "Partoprenanto aliĝis",
+        "participantKnocking": "Partoprenanto eniris atendejon",
+        "participantLeft": "Partoprenanto foriris",
+        "playSounds": "Ludu sonon",
+        "reactions": "Renkontiĝaj reagoj",
+        "sameAsSystem": "Same kiel sistemo ({{label}})",
+        "selectAudioOutput": "Sona eligo",
+        "selectCamera": "Kamerao",
+        "selectMic": "Mikrofono",
+        "selfView": "Memrigardo",
+        "shortcuts": "Ŝparvojoj",
+        "speakers": "Laŭparoliloj",
+        "startAudioMuted": "Ĉiuj komenciĝas silentaj",
+        "startReactionsMuted": "Silentigu la reagajn sonojn por ĉiujn",
+        "startVideoMuted": "Ĉiuj komenciĝas kaŝitaj",
+        "talkWhileMuted": "Parolu dum silentigita",
+        "title": "Agordoj",
+        "video": "Video"
+    },
+    "settingsView": {
+        "advanced": "Altnivela",
+        "alertCancel": "Nuligi",
+        "alertOk": "Bone",
+        "alertTitle": "Atentigo",
+        "alertURLText": "La entajpita URL de servilo estas nevalida",
+        "apply": "Apliki",
+        "buildInfoSection": "Informoj pri la versio",
+        "conferenceSection": "Konferenco",
+        "disableCallIntegration": "Malŝalti denaskan integrigon de vokoj",
+        "disableCrashReporting": "Malŝalti kraŝraporton",
+        "disableCrashReportingWarning": "Ĉu vi certas, ke vi volas malŝalti kraŝraportadon? La agordo estos aplikata post kiam vi restartigos la apon.",
+        "disableP2P": "Malŝalti la reĝimon de samtavola komunikado",
+        "displayName": "Uzantnomo",
+        "displayNamePlaceholderText": "Eg: Petro Ekzemplulo",
+        "email": "Retadreso",
+        "emailPlaceholderText": "retadreso@ekzemplo.com",
+        "gavatarMessage": "La profilbildo de via Gravatar-konto estos uzata se via retadreso ligas al Gravatar-konto",
+        "goTo": "Iru al",
+        "header": "Agordoj",
+        "help": "Helpo",
+        "links": "Ligiloj",
+        "privacy": "Privateco",
+        "profileSection": "Profilo",
+        "sdkVersion": "SDK versio",
+        "serverURL": "URL de servilo",
+        "showAdvanced": "Montri altnivelajn agordojn",
+        "startCarModeInLowBandwidthMode": "Komencu aŭtoreĝimon en malaltkapacita reĝimo",
+        "startWithAudioMuted": "Komenci kun malŝaltita sono",
+        "startWithVideoMuted": "Komenci kun malŝaltita video",
+        "terms": "Kondiĉoj",
+        "version": "Versio"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nĈu vi volas simple voki per via telefono?\n\n{{defaultDialInNumber}}Alklaku ĉi-tiun ligilon por vidi la telefonnumerojn por ĉi-tiu kunveno\n{{dialInfoPageUrl}}",
+        "mainText": "Alklaku ĉi-tiun ligilon por aliĝi al la kunveno:\n{{roomUrl}}"
+    },
+    "speaker": "Laŭtparolilo",
+    "speakerStats": {
+        "angry": "Kolera",
+        "disgusted": "Naŭzita",
+        "displayEmotions": "Montru emociojn",
+        "fearful": "Timema",
+        "happy": "Feliĉa",
+        "hours": "{{count}}h",
+        "minutes": "{{count}}m",
+        "name": "Nomo",
+        "neutral": "Neŭtrala",
+        "sad": "Malĝoja",
+        "search": "Serĉu",
+        "searchHint": "Serĉu partoprenantojn",
+        "seconds": "{{count}}s",
+        "speakerStats": "Statistikoj pri la parolanto",
+        "speakerTime": "Tempo de parolado",
+        "surprised": "Surprizita"
+    },
+    "startupoverlay": {
+        "genericTitle": "La renkontiĝo bezonas uzi vian mikrofonon kaj kameraon.",
+        "policyText": " ",
+        "title": "{{app}} bezonas viajn mikrofonon kaj kameraon."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Realiĝi",
+        "text": "Premu la butonon <i>Realiĝi</i> por rekonektiĝi.",
+        "title": "Via vidvoko estis interrompita, ĉar la komputilo ekdormis."
+    },
+    "termsView": {
+        "title": "Kondicioj"
+    },
+    "toggleTopPanelLabel": "Baskuligi supran panelon",
+    "toolbar": {
+        "Settings": "Agordoj",
+        "accessibilityLabel": {
+            "Settings": "Baskuligi agordojn",
+            "audioOnly": "Baskuligi nur-sonan reĝimon",
+            "audioRoute": "Elekti la sonaparaton",
+            "boo": "Hui",
+            "breakoutRooms": "Aneksaj ĉambroj",
+            "callQuality": "Agordi vidkvaliton",
+            "carmode": "Aŭta reĝimo",
+            "cc": "Baskuligi subtekstojn",
+            "chat": "Baskuligi tujmesaĝilan fenestron",
+            "clap": "Aplaŭdi",
+            "closeChat": "Eliri babilejon",
+            "closeMoreActions": "Fermi agan dialogujon",
+            "closeParticipantsPane": "Fermi fenestro de partoprenantoj",
+            "collapse": "Maletendi",
+            "document": "Baskuligi kundividitan dokumenton",
+            "documentClose": "Fermi kunhavatan dokumenton",
+            "documentOpen": "Malfermi kunhavatan dokumenton",
+            "download": "Elŝuti niajn aplikaĵojn",
+            "embedMeeting": "Enkorpigita renkontiĝo",
+            "endConference": "Finu kunvenon por ĉiuj",
+            "enterFullScreen": "Vidi per plena ekrano",
+            "enterTileView": "Vidi per kahela reĝimo",
+            "exitFullScreen": "Eliri de plena ekrano",
+            "exitTileView": "Eliri de kahela reĝimo",
+            "expand": "Etendi",
+            "feedback": "Lasi recenzon",
+            "fullScreen": "Baskuligi tutekranan reĝimon",
+            "giphy": "Baskuligi GIPHY menuon",
+            "grantModerator": "Donu Rajtojn de Moderatoro",
+            "hangup": "Forlasi la vokon",
+            "heading": "Ilobreto",
+            "help": "Helpo",
+            "hideWhiteboard": "Kaŝi blanktabulon",
+            "invite": "Inviti homojn",
+            "kick": "Forĵeti partoprenanton",
+            "laugh": "Ridi",
+            "leaveConference": "Forlasi la renkontiĝon",
+            "like": "Ŝati",
+            "linkToSalesforce": "Ligilo al Salesforce",
+            "lobbyButton": "Ŝaltu/Malŝaltu atendejan reĝimon",
+            "localRecording": "Baskuligi lokajn registrilojn",
+            "lockRoom": "Baskuligi pasvorton por la kunveno",
+            "lowerHand": "Mallevi la manon",
+            "moreActions": "Baskuligi la menuon kun pli da agoj",
+            "moreActionsMenu": "Menuo kun pli da agoj",
+            "moreOptions": "Montri pli da ebloj",
+            "mute": "Silentigi/malsilentigi",
+            "muteEveryone": "Silentigi ĉiujn",
+            "muteEveryoneElse": "Silentigu ĉiujn aliajn",
+            "muteEveryoneElsesVideoStream": "Ĉesigu la videon de ĉiuj aliaj",
+            "muteEveryonesVideoStream": "Ĉesigu ĉies videon",
+            "muteGUMPending": "Konektanta vian mikrofonon",
+            "noiseSuppression": "Bruo nuligo",
+            "openChat": "Malfermi babilejon",
+            "participants": "Partoprenantoj",
+            "pip": "Baskuligi la reĝimon “bildo en bildo”",
+            "privateMessage": "Sendi privatan mesaĝon",
+            "profile": "Redakti vian profilon",
+            "raiseHand": "Baskuligi manlevon",
+            "reactions": "Reagoj",
+            "reactionsMenu": "Malfermu / Fermu reagojn menuon",
+            "recording": "Baskuligi registradon",
+            "remoteMute": "Silentigi partoprenanton",
+            "remoteVideoMute": "Malŝaltu la kameraon de partoprenanto",
+            "security": "Sekurecaj opcioj",
+            "selectBackground": "Elektu fonon",
+            "selfView": "Baskuligu memvidon",
+            "shareRoom": "Inviti iun",
+            "shareYourScreen": "Baskuligi kundividadon de ekrano",
+            "shareaudio": "Kunhavi la sonon",
+            "sharedvideo": "Baskuligi kundividadon de videoj",
+            "shortcuts": "Baskuligi fulmklavojn",
+            "show": "Montri sur scenejo",
+            "showWhiteboard": "Montri blanktabulon",
+            "silence": "Silento",
+            "speakerStats": "Baskuligi statistikojn pri parolanto",
+            "stopScreenSharing": "Halti kunhavi vian ekranon",
+            "stopSharedVideo": "Halti kunhavi vian videon",
+            "surprised": "Surprizita",
+            "tileView": "Baskuligi kahelan vidon",
+            "toggleCamera": "Baskuligi kameraon",
+            "toggleFilmstrip": "Baskuligi filmbendon",
+            "unmute": "Malsilentigi",
+            "videoblur": "Baskuligi malnetigon de video",
+            "videomute": "Silentigi/malsilentigi videon",
+            "videomuteGUMPending": "Konektanta vian kameraon",
+            "videounmute": "Ŝalti kameraon"
+        },
+        "addPeople": "Aldoni homojn al via voko",
+        "audioOnlyOff": "Malŝalti malalt-trafikan reĝimon",
+        "audioOnlyOn": "Ŝalti malalt-trafikan reĝimon",
+        "audioRoute": "Elekti la sonaparaton",
+        "audioSettings": "Aŭdagordoj",
+        "authenticate": "Aŭtentigi",
+        "boo": "Hui",
+        "callQuality": "Agordi kvaliton de la voko",
+        "chat": "Malfermi / Fermi babilejon",
+        "clap": "Aplaŭdi",
+        "closeChat": "Malfermi babilejon",
+        "closeParticipantsPane": "Malfermu partoprenantan dialogujon",
+        "closeReactionsMenu": "Fermu la menuon de reagoj",
+        "disableNoiseSuppression": "Malŝaltu bruonuligon",
+        "disableReactionSounds": "Vi povas malŝalti reagsonojn por ĉi-tiu renkontiĝo",
+        "documentClose": "Fermi komunan dokumenton",
+        "documentOpen": "Malfermi komunan dokumenton",
+        "download": "Elŝuti niajn aplikaĵojn",
+        "e2ee": "Tutvoja ĉifrado",
+        "embedMeeting": "Enkorpigita renkontiĝo",
+        "enableNoiseSuppression": "Ebligi bruan redukton",
+        "endConference": "Finu la renkontiĝon por ĉiuj",
+        "enterFullScreen": "Vidi tutekrane",
+        "enterTileView": "Vidi kahele",
+        "exitFullScreen": "Eliri el tutekrana reĝimo",
+        "exitTileView": "Eliri el kahela vido",
+        "feedback": "Lasi recenzon",
+        "giphy": "Baskuligu GIPHY menuon",
+        "hangup": "Foriri",
+        "help": "Helpo",
+        "hideWhiteboard": "Kaŝu blanktabulon",
+        "invite": "Inviti homojn",
+        "joinBreakoutRoom": "Eniri ĉambreton",
+        "laugh": "Ridi",
+        "leaveBreakoutRoom": "Eliri ĉambreton",
+        "leaveConference": "Forlasi renkontiĝon",
+        "like": "Ŝati",
+        "linkToSalesforce": "Ligi al Salesforce",
+        "lobbyButtonDisable": "Malŝalti atendejan reĝimon",
+        "lobbyButtonEnable": "Ŝalti atendejan reĝimon",
+        "login": "Ensaluti",
+        "logout": "Elsaluti",
+        "lowerYourHand": "Malaltigi vian manon",
+        "moreActions": "Pli da agoj",
+        "moreOptions": "Pli da ebloj",
+        "mute": "Silentigi/Malsilentigi",
+        "muteEveryone": "Silentigi ĉiujn",
+        "muteEveryonesVideo": "Malŝalti ĉies kameraon",
+        "muteGUMPending": "Liganta vian mikrofonon",
+        "noAudioSignalDesc": "Se vi ne intence silentigis ĝin per viaj sistemaj agordoj aŭ fizike, konsideru transŝalti al alia aparato.",
+        "noAudioSignalDescSuggestion": "Se vi ne intence silentigis ĝin per viaj sistemaj agordoj aŭ fizike, konsideru transŝalti al la proponata aparato.",
+        "noAudioSignalDialInDesc": "Vi povas ankaŭ telefoni per:",
+        "noAudioSignalDialInLinkDesc": "Telefonnumeroj:",
+        "noAudioSignalTitle": "Ne estas signalo el via mikrofono!",
+        "noiseSuppression": "Bruonuligo",
+        "noisyAudioInputDesc": "Ŝajnas, ke via mikrofono faras bruon, bonvolu pripensi silentigi ĝin aŭ ŝanĝi aparaton.",
+        "noisyAudioInputTitle": "Via mikrofono ŝajnas brua!",
+        "openChat": "Malfermi la babilejon",
+        "openReactionsMenu": "Malermu la menuon de reagoj",
+        "participants": "Partoprenantoj",
+        "pip": "Eniri reĝimon “bildo en bildo”",
+        "privateMessage": "Sendi privatan mesaĝon",
+        "profile": "Redakti vian profilon",
+        "raiseHand": "Levi / Mallevi vian manon",
+        "raiseYourHand": "Levi vian manon",
+        "reactionBoo": "Sendi reagon “hui”",
+        "reactionClap": "Sendi reagon “aplaŭdi”",
+        "reactionLaugh": "Sendi reagon “ridi”",
+        "reactionLike": "Sendi reagon “ŝati”",
+        "reactionSilence": "Sendi reagon “silento”",
+        "reactionSurprised": "Sendi reagon “surprizita”",
+        "reactions": "Reagoj",
+        "security": "Sekurecaj opcioj",
+        "selectBackground": "Elekti fonon",
+        "shareRoom": "Inviti iun",
+        "shareaudio": "Kunhavigi sonon",
+        "sharedvideo": "Kundividi videon",
+        "shortcuts": "Vidi fulmklavojn",
+        "showWhiteboard": "Montri blanktabulon",
+        "silence": "Silento",
+        "speakerStats": "Statistikoj pri parolintoj",
+        "startScreenSharing": "Komenci dividadon de ekrano",
+        "startSubtitles": "Komenci subtekstojn",
+        "stopAudioSharing": "Ĉesu aŭddividon",
+        "stopScreenSharing": "Ĉesigi dividadon de ekrano",
+        "stopSharedVideo": "Haltigi videon",
+        "stopSubtitles": "Ĉesigi subtekstojn",
+        "surprised": "Surprizita",
+        "talkWhileMutedPopup": "Ĉu vi provas paroli? Vi estas silentigita.",
+        "tileViewToggle": "Baskuligi titolan vidon",
+        "toggleCamera": "Baskuligi kameraon",
+        "unmute": "Malsilentigi mikrofonon",
+        "videoSettings": "Video-agordoj",
+        "videomute": "Ŝalti / Malŝalti kameraon",
+        "videomuteGUMPending": "Konektanta via kamerao",
+        "videounmute": "Ŝalti kameraon"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Komenci / Ĉesigi subtekstojn",
+        "error": "Transskribado malsukcesis. Bonvolu provi denove.",
+        "expandedLabel": "Transskribado estas ŝaltita",
+        "failedToStart": "Transskribado ne sukcesis komenciĝi",
+        "labelToolTip": "La kunveno estas transskribata",
+        "off": "Transskribado ĉesis",
+        "pending": "Prepariĝo por transskribado de la kunveno…",
+        "sourceLanguageDesc": "La kunvenlingvo nun estas agordita al <b>{{sourceLanguage}}</b>. <br/> Vi povas ŝanĝi ĝin de ",
+        "sourceLanguageHere": "ĉi tie",
+        "start": "Komenci montri subtekstojn",
+        "stop": "Ĉesi montri subtekstojn",
+        "subtitles": "Subtekstoj",
+        "subtitlesOff": "Malŝaltitaj",
+        "tr": "TR"
+    },
+    "unpinParticipant": "{{participantName}} - Malpingli",
+    "userMedia": {
+        "grantPermissions": "Bonvolu doni la permeson uzi viajn kameraon kaj mikrofonon."
+    },
+    "videoSIPGW": {
+        "busy": "Ni klopodas liberigi rimedojn. Bonvolu reprovi post kelkaj minutoj.",
+        "busyTitle": "La ĉambra servo estas nun okupata",
+        "errorAlreadyInvited": "{{displayName}} jam estis invitita",
+        "errorInvite": "La kunveno ankoraŭ ne estas starigita. Bonvolu reprovi poste.",
+        "errorInviteFailed": "Ni klopodas solvi la problemon. Bonvolu reprovi poste.",
+        "errorInviteFailedTitle": "Invito de {{displayName}} malsukcesis",
+        "errorInviteTitle": "Eraro dum invito",
+        "pending": "{{displayName}} estis invitita"
+    },
+    "videoStatus": {
+        "adjustFor": "Ĝustigi por:",
+        "audioOnly": "SON",
+        "audioOnlyExpanded": "Vi estas en malalt-trafika reĝimo. En ĉi-tiu reĝimo vi ricevos nur sonon kaj kundividatajn ekranojn.",
+        "bestPerformance": " Plej bona  rendimento",
+        "callQuality": "Videa kvalito",
+        "hd": "AD",
+        "hdTooltip": "La video estas en altkvalita distingivo",
+        "highDefinition": "Altkvalita distingivo",
+        "highestQuality": "Plej alta kvalito",
+        "labelTooiltipNoVideo": "Neniu video",
+        "labelTooltipAudioOnly": "Malalt-trafika reĝimo ŝaltita",
+        "ld": "MD",
+        "ldTooltip": "La video estas en malaltkvalita distingivo",
+        "lowDefinition": "Malaltkvalita distingivo",
+        "performanceSettings": "Agordoj de rendimento",
+        "recording": "Registranta",
+        "sd": "ND",
+        "sdTooltip": "La video estas en normalkvalita distingivo",
+        "standardDefinition": "Normalkvalita distingivo",
+        "streaming": "Elsendfluanta"
+    },
+    "videothumbnail": {
+        "connectionInfo": "Informoj pri Konekto",
+        "domute": "Silentigi",
+        "domuteOthers": "Silentigi ĉiujn aliajn",
+        "domuteVideo": "Malŝalti kameraon",
+        "domuteVideoOfOthers": "Malŝalti kameraon por ĉiuj aliaj",
+        "flip": "Renversi",
+        "grantModerator": "Donu Rajtojn de Moderatoro",
+        "hideSelfView": "Kaŝi memvidon",
+        "kick": "Forĵeti",
+        "mirrorVideo": "Speguli mian videon",
+        "moderator": "Kunvenestro",
+        "mute": "Partoprenanto silentigita",
+        "muted": "Silentigita",
+        "pinToStage": "Alpingli al scenejo",
+        "remoteControl": "Komenci/Fini deforan regadon",
+        "screenSharing": "Partoprenanto kundividas sian ekranon",
+        "show": "Montri sur scenejo",
+        "showSelfView": "Montri memvidon",
+        "unpinFromStage": "Malalpingli",
+        "verify": "Aprobi partoprenanton",
+        "videoMuted": "Kamera malŝaltita",
+        "videomute": "La partoprenanto malŝaltis la kameraon"
+    },
+    "virtualBackground": {
+        "accessibilityLabel": {
+            "currentBackground": "Nuna fono: {{background}}",
+            "selectBackground": "Elekti fonon"
+        },
+        "addBackground": "Aldoni fonon",
+        "apply": "Apliki",
+        "backgroundEffectError": "Malsukcesis apliki fonan efikon.",
+        "blur": "Malklarigi",
+        "deleteImage": "Forigi bildon",
+        "desktopShare": "Kundividado de labortablo",
+        "desktopShareError": "Ne eblis krei Kundividadon de labortablo",
+        "image1": "Plaĝo",
+        "image2": "Blanka neŭtrala muro",
+        "image3": "Blanka malplena ĉambro",
+        "image4": "Nigra planka lampo",
+        "image5": "Montaro",
+        "image6": "Arbaro",
+        "image7": "Sunleviĝo",
+        "none": "Neniu",
+        "pleaseWait": "Bonvolu atendi…",
+        "removeBackground": "Forigi fonon",
+        "slightBlur": "Malklareta",
+        "title": "Virtualaj fonoj",
+        "uploadedImage": "Alŝutita bildo {{index}}",
+        "webAssemblyWarning": "WebAssembly ne subtenata",
+        "webAssemblyWarningDescription": "WebAssembly malŝaltita aŭ ne subtenata de ĉi-tiu retumilo"
+    },
+    "visitors": {
+        "chatIndicator": "(vizitanto)",
+        "labelTooltip": "Nombro da vizitantoj: {{count}}",
+        "notification": {
+            "description": "Levu la manon por partopreni",
+            "title": "Vi estas vizitanto en la kunveno"
+        }
+    },
+    "volumeSlider": "Laŭteca ŝovilo",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Tuŝu por aliĝi",
+            "roomname": "Entajpu nomon de ĉambro"
+        },
+        "addMeetingName": "Aldonu nomon de renkontiĝo",
+        "appDescription": "Ek, videobabilu kun la tuta teamo. Fakte, invitu ĉiujn, kiujn vi konas. {{app}} estas plene ĉifrita kaj 100%-e malfermfonta vidkonferenca programo, kiun vi povas uzi tuttage, ĉiutage, senpage, sen devi krei konton.",
+        "audioVideoSwitch": {
+            "audio": "Voĉo",
+            "video": "Video"
+        },
+        "calendar": "Kalendaro",
+        "connectCalendarButton": "Konektu vian kalendaron",
+        "connectCalendarText": "Konektu vian kalendaron por vidi ĉiujn viajn kunvenojn en {{app}}. Plie, vi povas aldoni viajn {{provider}}-kunvenojn al via kalendaro kaj lanĉi ilin per unu klako.",
+        "enterRoomTitle": "Komencu novan kunvenon",
+        "getHelp": "Ricevi helpo",
+        "go": "EK",
+        "goSmall": "EK",
+        "headerSubtitle": "Sekuraj kaj altkvalitaj renkontiĝoj",
+        "headerTitle": "Jitsi Meet",
+        "info": "Informoj",
+        "jitsiOnMobile": "Jitsi ĉe poŝtelefono - elŝutu niajn apojn kaj komencu renkontiĝon de ie ajn",
+        "join": "KREI / ALIĜI",
+        "logo": {
+            "calendar": "Kalendara",
+            "desktopPreviewThumbnail": "Miniaturo de kundividado de ekrano",
+            "googleLogo": "Logotipo de Google",
+            "logoDeepLinking": "Logotipo de Jitsi Meet",
+            "microsoftLogo": "Logotipo de Microsoft",
+            "policyLogo": "Logotipo de regularo"
+        },
+        "meetingsAccessibilityLabel": "Kunveno",
+        "mobileDownLoadLinkAndroid": "Elŝutu apon por Android",
+        "mobileDownLoadLinkFDroid": "Elŝutu apon por F-Droid",
+        "mobileDownLoadLinkIos": "Elŝutu apon por iOS",
+        "moderatedMessage": "Aŭ <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">rezervu kunvenon URL</a> anticipe kie vi estas la sola kunvenestro.",
+        "privacy": "Privateco",
+        "recentList": "Lastaj",
+        "recentListDelete": "Forigi",
+        "recentListEmpty": "Via listo de lastaj kunvenoj estas malplena. Babilu kun via teamo kaj vi trovos ĉi tie ĉiujn viajn lastajn kunvenojn.",
+        "recentMeetings": "Viaj lastatempaj kunvenoj",
+        "reducedUIText": "Bonvenon all {{app}}!",
+        "roomNameAllowedChars": "La nomo de la kunveno ne povas enhavi la jenajn signojn: ?, &, :, ', \", %, #.",
+        "roomname": "Entajpu nomon de ĉambro",
+        "roomnameHint": "Entajpu la nomon aŭ URL de la ĉambro, al kiu vi volas aliĝi. Vi povas elpensi nomon, nur sciigu ĝin al la aliaj homoj, kiujn vi renkontos, por ke ili entajpu la saman nomon.",
+        "sendFeedback": "Sendi retrokuplon",
+        "settings": "Agordoj",
+        "startMeeting": "Komenci renkontiĝon",
+        "terms": "Uzkondiĉoj",
+        "title": "Sekuraj, multfunkciaj kaj plene senpagaj video-konferencoj",
+        "upcomingMeetings": "Via estontecaj kunveno"
+    },
+    "whiteboard": {
+        "accessibilityLabel": {
+            "heading": "Blanktabulo"
+        }
+    }
+}
diff --git a/lang/main-es-US.json b/lang/main-es-US.json
new file mode 100644
index 0000000..8613220
--- /dev/null
+++ b/lang/main-es-US.json
@@ -0,0 +1,1196 @@
+{
+    "addPeople": {
+        "add": "Invitar",
+        "addContacts": "Invitar a sus contactos",
+        "contacts": "contactos",
+        "copyInvite": "Copiar la invitación a la reunión",
+        "copyLink": "Copiar el link de la reunión",
+        "copyStream": "Copiar el link de la transmisión en vivo",
+        "countryNotSupported": "Aún no contamos con soporte a este destino.",
+        "countryReminder": "¿Llamando fuera de los Estados Unidos? ¡Por favor, asegúrese de empezar con el código de país!",
+        "defaultEmail": "Dirección de correo por defecto",
+        "disabled": "No puede invitar a otras personas.",
+        "failedToAdd": "Error al agregar participantes",
+        "footerText": "La marcación está desactivada.",
+        "googleEmail": "Correo electrónico de Google",
+        "inviteMoreHeader": "Usted se encuentra solo en la reunión",
+        "inviteMoreMailSubject": "Unirse a la reunión {{appName}}",
+        "inviteMorePrompt": "Invitar a más personas",
+        "linkCopied": "Link copiado al portapapeles",
+        "loading": "Buscando por contacto y número telefónico",
+        "loadingNumber": "Validando el número telefónico",
+        "loadingPeople": "Buscando contactos a invitar",
+        "noResults": "No se encontraron coincidencias",
+        "noValidNumbers": "Por favor ingrese un número de teléfono",
+        "outlookEmail": "Correo de Outlook",
+        "phoneNumbers": "números de teléfono",
+        "searchNumbers": "Agregar números telefónicos",
+        "searchPeople": "Buscar personas",
+        "searchPeopleAndNumbers": "Buscar personas o añadir sus números de teléfono",
+        "searching": "Buscando…",
+        "shareInvite": "Compartir la invitación a la reunión",
+        "shareLink": "Compartir el link de la reunion",
+        "shareStream": "Compartir el link de la transmición en vivo",
+        "sipAddresses": "direcciones SIP",
+        "telephone": "Teléfono: {{number}}",
+        "title": "Invitar a otras personas a esta reunión",
+        "yahooEmail": "Correo de Yahoo"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "headphones": "Audífonos",
+        "none": "No hay dispositivos de audio disponibles",
+        "phone": "Teléfono",
+        "speaker": "Bocinas"
+    },
+    "audioOnly": {
+        "audioOnly": "Solo sonido y pantalla compartida"
+    },
+    "calendarSync": {
+        "addMeetingURL": "Agregar un vínculo a la reunión",
+        "confirmAddLink": "¿Quiere añadir un enlace de Jitsi a este evento?",
+        "error": {
+            "appConfiguration": "La integración del calendario no está configurada correctamente",
+            "generic": "Se ha producido un error. Compruebe la configuración del calendario o pruebe cargarlo nuevamente.",
+            "notSignedIn": "Se ha producido un error de autenticación para ver los eventos del calendario. Compruebe la configuración del calendario e intente iniciar sesión de nuevo"
+        },
+        "join": "Unirse",
+        "joinTooltip": "Unirse a la reunión",
+        "nextMeeting": "próxima reunión",
+        "noEvents": "No hay eventos próximos programados.",
+        "ongoingMeeting": "reunión en curso",
+        "permissionButton": "Abrir configuración",
+        "permissionMessage": "Los permisos al calendario son necesarios para ver sus reuniones en la aplicación.",
+        "refresh": "Actualizar calendario",
+        "today": "Hoy"
+    },
+    "chat": {
+        "enter": "Entrar en la sala",
+        "error": "Error: su mensaje no se envío. Motivo: {{error}}",
+        "fieldPlaceHolder": "Escriba su mensaje aquí",
+        "message": "Mensaje",
+        "messageAccessibleTitle": "{{user}} dice:",
+        "messageAccessibleTitleMe": "yo digo:",
+        "messageTo": "Mensaje privado para {{recipient}}",
+        "messagebox": "Escriba un mensaje",
+        "nickname": {
+            "popover": "Selecciona un apodo",
+            "title": "Introduce un apodo para usar el chat",
+            "titleWithPolls": "Introduce un apodo para usar el chat"
+        },
+        "noMessagesMessage": "No hay mensajes en la reunión. ¡Inicie una conversación!",
+        "privateNotice": "Mensaje privado para {{recipient}}",
+        "smileysPanel": "Panel de Emojis",
+        "tabs": {
+            "chat": "Chat",
+            "polls": "Encuestas"
+        },
+        "title": "Chat",
+        "titleWithPolls": "Chat",
+        "you": "usted"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Instalar extensión de Chrome",
+        "close": "Cerrar",
+        "dontShowAgain": "No mostrar nuevamente",
+        "installExtensionText": "Instalar la extensión para Google Calendar y la integración con Office 365"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Conectándose a su reunión…"
+    },
+    "connection": {
+        "ATTACHED": "Adjunto",
+        "AUTHENTICATING": "Autenticando",
+        "AUTHFAIL": "Error de autenticación",
+        "CONNECTED": "Conectado",
+        "CONNECTING": "Conectando",
+        "CONNFAIL": "Error de conexión",
+        "DISCONNECTED": "Desconectado",
+        "DISCONNECTING": "Desconectando",
+        "ERROR": "Error",
+        "FETCH_SESSION_ID": "Obteniendo session-ID…",
+        "GET_SESSION_ID_ERROR": "Obtener session-id error: {{code}}",
+        "GOT_SESSION_ID": "Obteniendo session-ID… Listo",
+        "LOW_BANDWIDTH": "El video para {{displayName}} ha sido desactivado para ahorrar ancho de banda",
+        "RECONNECTING": "Ocurrió un problema en la red. Reconectando…"
+    },
+    "connectionindicator": {
+        "address": "Dirección:",
+        "audio_ssrc": "Audio SSRC:",
+        "bandwidth": "Ancho de banda estimado:",
+        "bitrate": "Tasa de transferencia:",
+        "bridgeCount": "Contador del servidor: ",
+        "codecs": "Codecs (A/V):",
+        "connectedTo": "Conectado a:",
+        "framerate": "Fotogramas por segundo:",
+        "less": "Mostrar menos",
+        "localaddress": "Dirección local:",
+        "localaddress_plural": "Direcciones locales:",
+        "localport": "Puerto local:",
+        "localport_plural": "Puertos locales:",
+        "maxEnabledResolution": "enviar max",
+        "more": "Mostrar más",
+        "packetloss": "Pérdida de paquetes:",
+        "participant_id": "ID participante:",
+        "quality": {
+            "good": "Buena",
+            "inactive": "Inactivo",
+            "lost": "Perdido",
+            "nonoptimal": "No es óptimo",
+            "poor": "Deficiente"
+        },
+        "remoteaddress": "Dirección remota:",
+        "remoteaddress_plural": "Direcciones remotas:",
+        "remoteport": "Puerto remoto:",
+        "remoteport_plural": "Puertos remotos:",
+        "resolution": "Resolución:",
+        "savelogs": "Guardar logs",
+        "status": "Calidad:",
+        "transport": "Transporte:",
+        "transport_plural": "Transportes:",
+        "video_ssrc": "Video SSRC:"
+    },
+    "dateUtils": {
+        "earlier": "Anterior",
+        "today": "Hoy",
+        "yesterday": "Ayer"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Necesitas la aplicación {{app}} para unirte a esta reunión en el teléfono.",
+        "description": "¿No pasó nada? Hemos intentado iniciar la reunión en la aplicación de escritorio {{app}}. Intenta de nuevo o inicia en la aplicación web {{app}}.",
+        "descriptionWithoutWeb": "¿No pasó nada? Intentamos iniciar su reunión en la aplicación de escritorio {{app}}.",
+        "downloadApp": "Descargar la app",
+        "ifDoNotHaveApp": "Si aún no tienes la app:",
+        "ifHaveApp": "Si ya tienes la app:",
+        "joinInApp": "Unirse a la reunion usando la app",
+        "launchWebButton": "Iniciar en el navegador",
+        "openApp": "Continuar a la aplicación",
+        "title": "Iniciando la reunión en {{app}}…",
+        "tryAgainButton": "Intentar de nuevo en el escritorio"
+    },
+    "defaultLink": "ej. {{url}}",
+    "defaultNickname": "ej. Juan Pérez",
+    "deviceError": {
+        "cameraError": "Error al acceder a tu cámara",
+        "cameraPermission": "Error al obtener permiso de la cámara",
+        "microphoneError": "Error al acceder a tu micrófono",
+        "microphonePermission": "Error al obtener permiso del micrófono"
+    },
+    "deviceSelection": {
+        "noPermission": "Permiso no concedido",
+        "previewUnavailable": "Vista previa no disponible",
+        "selectADevice": "Seleccionar un dispositivo",
+        "testAudio": "Reproducir un sonido de prueba"
+    },
+    "dialOut": {
+        "statusMessage": "está {{status}}"
+    },
+    "dialog": {
+        "Back": "Anterior",
+        "Cancel": "Cancelar",
+        "IamHost": "Soy el anfitrión",
+        "Ok": "Aceptar",
+        "Remove": "Eliminar",
+        "Share": "Compartir",
+        "Submit": "Enviar",
+        "WaitForHostMsg": "La conferencia aún no ha comenzado. Si eres el anfitrión, inicia sesión. De lo contrario, espera a que llegue el anfitrión.",
+        "WaitingForHost": "Esperando al anfitrión…",
+        "WaitingForHostTitle": "Esperando al anfitrión…",
+        "Yes": "Sí",
+        "accessibilityLabel": {
+            "liveStreaming": "Transmisión en vivo"
+        },
+        "add": "Agregar",
+        "allow": "Permitir",
+        "alreadySharedVideoMsg": "Otro participante ya está compartiendo un video. Esta conferencia sólo permite compartir un video a la vez.",
+        "alreadySharedVideoTitle": "Solo se permite un video compartido a la vez",
+        "applicationWindow": "Ventana de aplicación",
+        "authenticationRequired": "Se requiere autenticación",
+        "cameraConstraintFailedError": "Su cámara no satisface algunos de los requerimientos.",
+        "cameraNotFoundError": "No se encontró la cámara.",
+        "cameraNotSendingData": "No podemos acceder a la cámara. Asegúrate que no haya otra aplicación usándola, selecciona otro dispositivo del menú de configuración o intenta volver a cargar la aplicación.",
+        "cameraNotSendingDataTitle": "No es posible acceder a la cámara",
+        "cameraPermissionDeniedError": "No has otorgado permiso para usar la cámara. Puedes unirte a la conferencia de todos modos, pero los demás asistentes no te podrán ver. Usa el botón de la cámara en la barra de direcciones para solucionar esto.",
+        "cameraTimeoutError": "No se ha podido iniciar la fuente de vídeo. Se ha agotado el tiempo de espera.",
+        "cameraUnknownError": "No se puede usar la cámara por un motivo desconocido.",
+        "cameraUnsupportedResolutionError": "La cámara no admite la resolución de video requerida.",
+        "close": "Cerrar",
+        "conferenceDisconnectMsg": "Se recomienda que compruebes la conexión de la red. Reconectando en {{seconds}} segundos…",
+        "conferenceDisconnectTitle": "Ha sido desconectado.",
+        "conferenceReloadMsg": "Estamos tratando de arreglar esto. Reconectando en {{seconds}} segundos…",
+        "conferenceReloadTitle": "Desafortunadamente, algo salió mal.",
+        "confirm": "Confirmar",
+        "confirmNo": "No",
+        "confirmYes": "Sí",
+        "connectError": "¡Oops! Algo salió mal y no fue posible conectarnos a la conferencia.",
+        "connectErrorWithMsg": "¡Oops! Algo salió mal y no fue posible conectarnos a la conferencia: {{msg}}",
+        "connecting": "Conectando",
+        "contactSupport": "Contacta al soporte técnico",
+        "copied": "Copiado",
+        "copy": "Copiar",
+        "dismiss": "Descartar",
+        "displayNameRequired": "¡Hola! ¿Cuál es tu nombre?",
+        "done": "Listo",
+        "e2eeDescription": "El cifrado de extremo a extremo es actualmente EXPERIMENTAL. Tenga en cuenta que activarlo puede deshabilitar servicios como: grabación, transmisión en vivo y participación telefónica. Además, esta reunión solo funcionará con personas que se unan con un navegador.",
+        "e2eeDisabledDueToMaxModeDescription": "No se puede activar el cifrado de extremo a extremo debido al gran número de participantes en la conferencia.",
+        "e2eeLabel": "Habilitar cifrado Extremo-a-Extremo",
+        "e2eeWarning": "ADVERTENCIA: No todos los participantes de esta reunión soportan el cifrado de extremo a extremo. Si usted habilita esta opción, ellos no podrán verlo ni oírlo.",
+        "e2eeWillDisableDueToMaxModeDescription": "ADVERTENCIA: El cifrado de extremo a extremo se desactivará automáticamente si se unen más participantes a la conferencia.",
+        "embedMeeting": "Incrustar reunión",
+        "enterDisplayName": "Por favor ingresa tu nombre aquí",
+        "error": "Error",
+        "externalInstallationMsg": "Necesita instalar nuestra extensión para compartir pantalla.",
+        "externalInstallationTitle": "Extensión requerida",
+        "goToStore": "Ir a la tienda web",
+        "gracefulShutdown": "Nuestro servicio se encuentra en mantenimiento. Por favor, intente más tarde.",
+        "grantModeratorDialog": "¿Estas seguro de que quieres convertir a este participante en moderator?",
+        "grantModeratorTitle": "Convertir en moderador",
+        "hideShareAudioHelper": "No volver a mostrar este diálogo",
+        "incorrectPassword": "Nombre de usuario o contraseña incorrecta",
+        "incorrectRoomLockPassword": "Contraseña incorrecta",
+        "inlineInstallExtension": "Instalar ahora",
+        "inlineInstallationMsg": "Necesita instalar nuestra extensión para compartir escritorio.",
+        "internalError": "¡Oops! Algo salió mal. El siguiente error ocurrió: {{error}}",
+        "internalErrorTitle": "Error interno",
+        "kickMessage": "Puede ponerse en contacto con {{participantDisplayName}} para obtener más detalles.",
+        "kickParticipantButton": "Expulsar",
+        "kickParticipantDialog": "¿Seguro que quiere expulsar a este participante?",
+        "kickParticipantTitle": "¿Expulsar a este participante?",
+        "kickTitle": "¡Ay! {{participantDisplayName}} te expulsó de la reunión",
+        "liveStreaming": "Transmisión en vivo",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "No es posible mientras la grabación este activa",
+        "liveStreamingDisabledForGuestTooltip": "Los invitados no pueden iniciar la transmisión en vivo.",
+        "liveStreamingDisabledTooltip": "Las trasmisiones están deshabilitadas.",
+        "localUserControls": "Controles de usuario locales",
+        "lockMessage": "No se pudo bloquear la conferencia.",
+        "lockRoom": "Agregar $t(lockRoomPasswordUppercase) a la reunión",
+        "lockTitle": "El bloqueo falló",
+        "login": "Iniciar sesión",
+        "logoutQuestion": "¿Está seguro que desea salir y detener la conferencia?",
+        "logoutTitle": "Cerrar sesión",
+        "maxUsersLimitReached": "El límite máximo de participantes ha sido alcanzado. Por favor contacta al organizador o intenta más tarde.",
+        "maxUsersLimitReachedTitle": "La reunión está llena.",
+        "micConstraintFailedError": "El micrófono no satisface algunos de los requerimientos.",
+        "micNotFoundError": "No se encontró el micrófono.",
+        "micNotSendingData": "Vaya a la configuración de su computadora para activar el micrófono y ajustar su nivel",
+        "micNotSendingDataTitle": "Su micrófono está silenciado en la configuración de su sistema",
+        "micPermissionDeniedError": "No ha otorgado permisos para usar su micrófono. Puede unirse a la conferencia, pero no lo podrán escuchar. Utilice el botón en la barra de dirección para solucionar esto.",
+        "micTimeoutError": "No se ha podido iniciar la fuente de audio. Se ha agotado el tiempo de espera.",
+        "micUnknownError": "No se puede usar el micrófono por motivos desconocidos.",
+        "moderationAudioLabel": "Permitir a los asistentes activar su audio.",
+        "moderationVideoLabel": "Permitir a los asistentes activar su video.",
+        "muteEveryoneDialog": "¿Estás seguro que quieres silenciar a todos? No podrás quitarles el silencio, pero ellos pueden quitárselo en cualquier momento.",
+        "muteEveryoneDialogModerationOn": "Los participantes pueden enviar una solicitud de intervención en cualquier momento.",
+        "muteEveryoneElseDialog": "Una vez silenciados, no podrás quitarles el modo silencio, pero ellos podrán hacerlo en cualquier momento.",
+        "muteEveryoneElseTitle": "¿Silenciar a todos excepto a {{whom}}?",
+        "muteEveryoneElsesVideoDialog": "Una vez desactivada la cámara, no podrás volver a activarla, pero pueden volver a activarla en cualquier momento.",
+        "muteEveryoneElsesVideoTitle": "¿Detener el vídeo de todos, excepto el de {{whom}}?",
+        "muteEveryoneSelf": "ti mismo",
+        "muteEveryoneStartMuted": "Todos inician silenciados desde ahora",
+        "muteEveryoneTitle": "¿Silenciar a todos?",
+        "muteEveryonesVideoDialog": "Los participantes pueden encender su vídeo en cualquier momento.",
+        "muteEveryonesVideoDialogModerationOn": "Los participantes pueden enviar una solicitud para encender su vídeo en cualquier momento.",
+        "muteEveryonesVideoDialogOk": "Desactivar",
+        "muteEveryonesVideoTitle": "¿Detener el vídeo de todos?",
+        "muteParticipantBody": "No podrás quitarles el modo en silencio, pero ellos pueden quitárselo en cualquier momento.",
+        "muteParticipantButton": "Silenciar",
+        "muteParticipantDialog": "¿Seguro que quieres silenciar a este participante? No podrás revertir esta acción, pero el participante podrá hacerlo en cualquier momento",
+        "muteParticipantTitle": "¿Silenciar a este participante?",
+        "muteParticipantsVideoBody": "No podrás volver a encender la cámara, pero ellos pueden volver a encenderla en cualquier momento.",
+        "muteParticipantsVideoButton": "Detener video",
+        "muteParticipantsVideoDialog": "¿Estás seguro de que quieres apagar la cámara de este participante? No podrás volver a encender la cámara, pero ellos pueden volver a encenderla en cualquier momento.",
+        "muteParticipantsVideoTitle": "¿Desactivar la cámara de este participante?",
+        "noDropboxToken": "No hay un token válido de Dropbox",
+        "password": "Contraseña",
+        "passwordLabel": "$t(lockRoomPasswordUppercase)",
+        "passwordNotSupported": "No se soporta $t(lockRoomPassword) en la reunión",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) no es compatible",
+        "passwordRequired": "$t(lockRoomPasswordUppercase) necesario",
+        "permissionCameraRequiredError": "El permiso de cámara es necesario para participar en conferencias con vídeo. Por favor, permítelo en Ajustes",
+        "permissionErrorTitle": "Permiso necesario",
+        "permissionMicRequiredError": "El permiso de micrófono es necesario para participar en conferencias con sonido. Por favor, permítelo en Ajustes",
+        "popupError": "Su navegador está bloqueando las ventanas emergentes de este sitio. Habilite las ventanas emergentes en la configuración de seguridad de su navegador y vuelva a intentarlo.",
+        "popupErrorTitle": "Ventana emergente bloqueada",
+        "readMore": "mas",
+        "recording": "Grabando",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "No es posible mientras la transmisión en vivo este activa",
+        "recordingDisabledForGuestTooltip": "Los invitados no pueden iniciar grabaciones.",
+        "recordingDisabledTooltip": "Inicio de grabación desactivado.",
+        "rejoinNow": "Reunirse ahora",
+        "remoteControlAllowedMessage": "¡{{user}} ha aceptado tu solicitud de control remoto!",
+        "remoteControlDeniedMessage": "¡{{user}} ha rechazado tu solicitud de control remoto!",
+        "remoteControlErrorMessage": "¡Ha ocurrido un error tratando de solicitar permiso de control remoto de {{user}}!",
+        "remoteControlRequestMessage": "¿Permitirá que {{user}} controle remotamente su computadora?",
+        "remoteControlShareScreenWarning": "¡Tenga en cuenta que si presiona \"Permitir\" usted compartirá su pantalla!",
+        "remoteControlStopMessage": "¡La sesión de control remoto ha finalizado!",
+        "remoteControlTitle": "Control de escritorio remoto",
+        "remoteUserControls": "El control remoto de {{username}}",
+        "removePassword": "Eliminar $t(lockRoomPassword)",
+        "removeSharedVideoMsg": "¿Estás seguro de que deseas eliminar el video compartido?",
+        "removeSharedVideoTitle": "Eliminar video compartido",
+        "reservationError": "Error del sistema de reservaciones",
+        "reservationErrorMsg": "Código de error: {{code}}, mensaje: {{msg}}",
+        "retry": "Reintentar",
+        "screenSharingAudio": "Compartir audio",
+        "screenSharingFailed": "¡Oops! ¡Algo salio mal, no se pudo iniciar la compartición de su pantalla!",
+        "screenSharingFailedTitle": "¡Fallo al compartir su pantalla!",
+        "screenSharingFailedToInstall": "¡Uy! La extensión de uso compartido de pantalla no se pudo instalar.",
+        "screenSharingFailedToInstallTitle": "La extensión de uso compartido de pantalla no se pudo instalar",
+        "screenSharingFirefoxPermissionDeniedError": "Algo salió mal al compartir pantalla. Asegúrate de habernos dado permiso para hacerlo.",
+        "screenSharingFirefoxPermissionDeniedTitle": "¡Uy! No pudimos iniciar el uso compartido de la pantalla.",
+        "screenSharingPermissionDeniedError": "¡Uy! Algo salió mal con tus permisos de extensión para compartir pantalla. Vuelve a cargar la página e intenta de nuevo.",
+        "sendPrivateMessage": "Acabas de recibir un mensaje privado. ¿Deseas responder en privado o a todos?",
+        "sendPrivateMessageCancel": "Enviar al grupo",
+        "sendPrivateMessageOk": "Enviar en privado",
+        "sendPrivateMessageTitle": "¿Enviar en privado?",
+        "serviceUnavailable": "Servicio no disponible",
+        "sessTerminated": "Llamada terminada",
+        "sessionRestarted": "Llamada reiniciada por un problema de conexión.",
+        "shareAudio": "Continuar",
+        "shareAudioTitle": "Cómo compartir el audio",
+        "shareAudioWarningD1": "debes dejar de compartir la pantalla antes de compartir el audio.",
+        "shareAudioWarningD2": "Tienes que reiniciar tu pantalla compartida y marcar la opción \"compartir audio\".",
+        "shareAudioWarningH1": "Si quieres compartir sólo el audio:",
+        "shareAudioWarningTitle": "Hay que dejar de compartir la pantalla antes de compartir el audio",
+        "shareMediaWarningGenericH2": "Si quieres compartir tu pantalla y audio",
+        "shareScreenWarningD1": "debes dejar de compartir el audio antes de compartir la pantalla.",
+        "shareScreenWarningD2": "tienes que dejar de compartir el audio, empezar a compartir la pantalla y marcar la opción \"compartir el audio\".",
+        "shareScreenWarningH1": "Si quieres compartir sólo tu pantalla:",
+        "shareScreenWarningTitle": "Tienes que dejar de compartir el audio antes de compartir la pantalla",
+        "shareVideoLinkError": "Proporciona un enlace correcto.",
+        "shareVideoTitle": "Compartir un video",
+        "shareYourScreen": "Compartir pantalla",
+        "shareYourScreenDisabled": "Se desactivó la opción para compartir pantalla.",
+        "shareYourScreenDisabledForGuest": "Los invitados no pueden compartir la pantalla.",
+        "sharedVideoLinkPlaceholder": "Enlace de YouTube o enlace de vídeo directo",
+        "startLiveStreaming": "Iniciar transmisión en vivo",
+        "startRecording": "Iniciar grabación",
+        "startRemoteControlErrorMessage": "Se produjo un error al intentar iniciar la sesión de control remoto.",
+        "stopLiveStreaming": "Detener transmisión en vivo",
+        "stopRecording": "Detener grabación",
+        "stopRecordingWarning": "¿Estás seguro de que deseas detener la grabación?",
+        "stopStreamingWarning": "¿Estás seguro de que deseas detener la transmisión en vivo?",
+        "streamKey": "Clave de transmisión en vivo",
+        "thankYou": "¡Gracias por usar {{appName}}!",
+        "token": "token",
+        "tokenAuthFailed": "Lo sentimos, no tienes permiso para unirte a esta llamada.",
+        "tokenAuthFailedTitle": "Error de autenticación",
+        "transcribing": "Transcribiendo",
+        "unlockRoom": "Quitar la $t(lockRoomPassword) de reunión",
+        "user": "Usuario",
+        "userIdentifier": "Identificador de usuario",
+        "userPassword": "contraseña del usuario",
+        "videoLink": "Enlace de vídeo",
+        "viewUpgradeOptions": "Ver opciones de mejora",
+        "viewUpgradeOptionsContent": "Para obtener acceso ilimitado a las funciones premium, como la grabación, las transcripciones, el streaming RTMP y otras, tendrás que actualizar tu plan.",
+        "viewUpgradeOptionsTitle": "¡Has descubierto una característica premium!",
+        "yourEntireScreen": "Toda la pantalla"
+    },
+    "documentSharing": {
+        "title": "Compartir documento"
+    },
+    "e2ee": {
+        "labelToolTip": "La comunicación de audio y video en esta reunión está cifrada de extremo a extremo"
+    },
+    "embedMeeting": {
+        "title": "Insertar reunión en sitio web"
+    },
+    "feedback": {
+        "average": "Promedio",
+        "bad": "Mala",
+        "detailsLabel": "Cuéntanos más sobre tu experiencia.",
+        "good": "Buena",
+        "rateExperience": "¿Cómo estuvo tu experiencia en la reunión?",
+        "star": "Estrella",
+        "veryBad": "Muy mala",
+        "veryGood": "Muy buena"
+    },
+    "helpView": {
+        "title": "Centro de ayuda"
+    },
+    "incomingCall": {
+        "answer": "Contestar",
+        "audioCallTitle": "Llamada entrante",
+        "decline": "Descartar",
+        "productLabel": "de Jitsi Meet",
+        "videoCallTitle": "Videollamada"
+    },
+    "info": {
+        "accessibilityLabel": "Mostrar información",
+        "addPassword": "Agregar $t(lockRoomPassword)",
+        "cancelPassword": "Cancelar $t(lockRoomPassword)",
+        "conferenceURL": "Enlace:",
+        "copyNumber": "Copiar número",
+        "country": "País",
+        "dialANumber": "Para unirte a la reunión, marca uno de estos números y, luego introduce el PIN.",
+        "dialInConferenceID": "PIN:",
+        "dialInNotSupported": "Lo sentimos, actualmente no se admite el marcado telefónico a la reunión.",
+        "dialInNumber": "Marcar:",
+        "dialInSummaryError": "Se ha producido un error al capturar la información de marcación. Vuelva a intentarlo más tarde",
+        "dialInTollFree": "Número gratuito",
+        "genericError": "Algo salió mal.",
+        "inviteLiveStream": "Para ver la transmisión en vivo de esta reunión, haz clic en este enlace: {{url}}",
+        "invitePhone": "También puedes entrar por llamada telefónica: Marca al número {{number}}, y al escuchar la contestadora introduce {{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Si necesitas un número telefónico de otro país, revisa los números disponibles en {{url}}\n\n\nSi además de entrar vía llamada vas a usar otro dispositivo, puedes usar este link para entrar sin audio: {{silentUrl}}",
+        "inviteSipEndpoint": "Para unirse utilizando la dirección SIP, introduzca esto: {{sipUri}}",
+        "inviteTextiOSInviteUrl": "Haz clic en el siguiente enlace para unirte: {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "Si marca a través de un teléfono de sala, utilice este enlace para unirse sin conectarse al audio: {{silentUrl}}.",
+        "inviteTextiOSPersonal": "{{name}} te invita a una reunión.",
+        "inviteTextiOSPhone": "Para participar por teléfono, utiliza este número: {{number}},,{{conferenceID}}. Si buscas otro número, ésta es la lista completa: {{didUrl}}.",
+        "inviteURLFirstPartGeneral": "Estás invitado a unirte a una reunión.",
+        "inviteURLFirstPartPersonal": "{{name}} te esta invitando a una reunión.\n",
+        "inviteURLSecondPart": "\nLink para unirse a la reunión:\n{{url}}\n",
+        "label": "Información de la reunión",
+        "liveStreamURL": "Transmisión en vivo:",
+        "moreNumbers": "Más números",
+        "noNumbers": "No hay números para entrar por llamada telefónica.",
+        "noPassword": "Ninguna",
+        "noRoom": "No se especificó la sala a marcar.",
+        "numbers": "Números para entrar por llamada telefónica:",
+        "password": "$t(lockRoomPasswordUppercase):",
+        "sip": "Dirección SIP",
+        "title": "Compartir",
+        "tooltip": "Compartir el enlace y acceso telefónico para esta reunión"
+    },
+    "inlineDialogFailure": {
+        "msg": "Tuvimos un pequeño tropiezo.",
+        "retry": "Volver a intentar",
+        "support": "Soporte",
+        "supportMsg": "Si esto sigue ocurriendo, contacta a"
+    },
+    "inviteDialog": {
+        "alertText": "Se ha producido un error al invitar a algunos participantes",
+        "header": "Invitar",
+        "searchCallOnlyPlaceholder": "Introduce el número de teléfono",
+        "searchPeopleOnlyPlaceholder": "Buscar participantes",
+        "searchPlaceholder": "Participante o número de teléfono",
+        "send": "Enviar"
+    },
+    "jitsiHome": "{{logo}} Logotipo, enlaces a la página web",
+    "keyboardShortcuts": {
+        "focusLocal": "Ver tu cámara",
+        "focusRemote": "Ver la cámara de otras personas",
+        "fullScreen": "Entrar o salir de pantalla completa",
+        "keyboardShortcuts": "Atajos de teclado",
+        "localRecording": "Mostrar u ocultar controles de grabación local",
+        "mute": "Activar o silenciar el micrófono",
+        "pushToTalk": "Presiona para hablar",
+        "raiseHand": "Levantar o bajar la mano",
+        "showSpeakerStats": "Mostrar estadísticas de los hablantes",
+        "toggleChat": "Abrir o cerrar el chat",
+        "toggleFilmstrip": "Mostrar u ocultar miniaturas de video",
+        "toggleParticipantsPane": "Mostrar u ocultar el panel de participantes",
+        "toggleScreensharing": "Cambiar entre cámara y pantalla compartida",
+        "toggleShortcuts": "Mostrar u ocultar atajos del teclado",
+        "videoMute": "Prender o apagar la cámara",
+        "videoQuality": "Ajustar la calidad de la llamada"
+    },
+    "liveStreaming": {
+        "busy": "Nuestros servidores andan un poco ocupados. Vuelve a intentarlo en unos minutos.",
+        "busyTitle": "Todos los transmisores están ocupados",
+        "changeSignIn": "Cambiar de cuenta.",
+        "choose": "Elegir una transmisión en vivo",
+        "chooseCTA": "Elegir una opción de transmisión. Actualmente, la sesión está iniciada como {{email}}.",
+        "enterStreamKey": "Introduce la clave de transmisión como se indica arriba.",
+        "error": "La transmisión en vivo falló. Por favor, inténtelo de nuevo.",
+        "errorAPI": "Se produjo un error al acceder a las transmisiones de YouTube. Por favor intenta iniciar sesión otra vez.",
+        "errorLiveStreamNotEnabled": "La transmisión en vivo no está activada en {{email}}. Por favor, activa la transmisión en vivo o inicia sesión en una cuenta con la transmisión en vivo activada.",
+        "expandedOff": "La transmisión en vivo se ha detenido",
+        "expandedOn": "La reunión se está transmitiendo a YouTube.",
+        "expandedPending": "La transmisión en vivo se está iniciando…",
+        "failedToStart": "La transmisión en vivo no se pudo iniciar",
+        "getStreamKeyManually": "No pudimos encontrar tu clave de transmisión. Por favor, obtenla de la página de YouTube y pégala.",
+        "googlePrivacyPolicy": "Política de Privacidad de Google",
+        "invalidStreamKey": "Es posible que la clave de transmisión sea incorrecta, o no es de YouTube.",
+        "limitNotificationDescriptionNative": "Su transmisión estará limitada a {{limit}} minutos. Puede obtener transmisiones ilimitadas en {{app}}.",
+        "limitNotificationDescriptionWeb": "Debido a la alta demanda su transmisión estará limitada a {{limit}} minutos. Puede obtener transmisiones ilimitadas en <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "off": "Se detuvo la transmisión",
+        "offBy": "{{name}} detuvo la transmisión",
+        "on": "Transmitiendo en vivo",
+        "onBy": "{{name}} inició la transmisión en vivo",
+        "pending": "Iniciando transmisión en vivo…",
+        "serviceName": "Servicio de transmisión en vivo",
+        "signIn": "Iniciar sesión con Google",
+        "signInCTA": "Para transmitir a YouTube, inicia sesión o introduce la clave de transmisión. Para transmitir a otro lugar, introduce el URL (que empieza en rtmp), seguido de la clave de transmisión. Debe haber una diagonal (/) entre ambos.",
+        "signOut": "Cerrar sesión",
+        "signedInAs": "Actualmente, la sesión está iniciada como:",
+        "start": "Iniciar una transmisión en vivo",
+        "streamIdHelp": "¿Qué es esto?",
+        "title": "Transmisión en vivo",
+        "unavailableTitle": "Transmisión en vivo no disponible",
+        "youtubeTerms": "Términos de servicios de YouTube"
+    },
+    "lobby": {
+        "allow": "permitir",
+        "backToKnockModeButton": "No hay contraseña, pide permiso para entrar.",
+        "dialogTitle": "Sala de espera",
+        "disableDialogContent": "Sala de espera activada. Así no entrarán intrusos. ¿Quieres desactivarla?",
+        "disableDialogSubmit": "Desactivar",
+        "emailField": "Introduce tu correo electrónico",
+        "enableDialogPasswordField": "Establecer contraseña (opcional)",
+        "enableDialogSubmit": "Activar",
+        "enableDialogText": "La sala de espera te deja proteger tu reunión, de modo que todas los que entren enviarán una solicitud que deberá ser aprobada por un moderador.",
+        "enterPasswordButton": "Introduce la contraseña de la reunión",
+        "enterPasswordTitle": "Introduce la contraseña para poder entrar",
+        "errorMissingPassword": "Por favor, introduzca la contraseña de la reunión",
+        "invalidPassword": "Contraseña inválida",
+        "joinRejectedMessage": "Tu solicitud para entrar ha sido rechazada por un moderador.",
+        "joinTitle": "Entrar a la reunión",
+        "joinWithPasswordMessage": "Tratando de entrar con contraseña, por favor espera…",
+        "joiningMessage": "Podrás entrar tan pronto te acepten tu solicitud.",
+        "joiningTitle": "Pidiendo entrar a la reunión…",
+        "joiningWithPasswordTitle": "Uniéndose con la contraseña…",
+        "knockButton": "Pedir entrar",
+        "knockTitle": "Alguien quiere entrar a la reunión",
+        "knockingParticipantList": "Participantes que quieren entrar",
+        "nameField": "Introduce tu nombre",
+        "notificationLobbyAccessDenied": "{{originParticipantName}} no dejó entrar a {{targetParticipantName}}",
+        "notificationLobbyAccessGranted": "{{originParticipantName}} permitió entrar a {{targetParticipantName}}",
+        "notificationLobbyDisabled": "La sala de espera ha sido desactivada por {{originParticipantName}}",
+        "notificationLobbyEnabled": "La sala de espera ha sido activada por {{originParticipantName}}",
+        "notificationTitle": "Sala de espera",
+        "passwordField": "Introduce la contraseña de la reunión",
+        "passwordJoinButton": "Entrar",
+        "title": "Sala de espera",
+        "toggleLabel": "Activar sala de espera"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Desactivado",
+            "on": "Activado",
+            "unknown": "Desconocido"
+        },
+        "dialogTitle": "Controles de grabación local",
+        "duration": "Duración",
+        "durationNA": "N/A",
+        "encoding": "Codificación",
+        "label": "GRA",
+        "labelToolTip": "Grabación local activada",
+        "localRecording": "Grabación local",
+        "me": "Yo",
+        "messages": {
+            "engaged": "Grabación local activada.",
+            "finished": "Sesión de grabación {{token}} terminada. Por favor, envía la grabación al organizador.",
+            "finishedModerator": "Sesión de grabación {{token}} terminada. Se ha guardado la grabación de la pista local. Por favor pida a los demás participantes que presenten sus grabaciones.",
+            "notModerator": "No eres el moderador. No puedes iniciar o detener la grabación local."
+        },
+        "moderator": "Moderador",
+        "no": "No",
+        "participant": "Participante",
+        "participantStats": "Estadística de participantes",
+        "sessionToken": "Token de sesión",
+        "start": "Iniciar grabación",
+        "stop": "Detener grabación",
+        "yes": "Sí"
+    },
+    "lockRoomPassword": "contraseña",
+    "lockRoomPasswordUppercase": "Contraseña",
+    "lonelyMeetingExperience": {
+        "button": "Invita a otros",
+        "youAreAlone": "Estás solo"
+    },
+    "me": "yo",
+    "notify": {
+        "OldElectronAPPTitle": "¡Aplicación obsoleta e insegura!",
+        "allowAction": "Permitir",
+        "allowedUnmute": "Puedes anular el silencio del micrófono, iniciar la cámara o compartir la pantalla.",
+        "connectedOneMember": "{{name}} se unió a la reunión",
+        "connectedThreePlusMembers": "{{name}} y {{count}} más se unieron a la reunión",
+        "connectedTwoMembers": "{{first}} y {{second}} se unieron a la reunión",
+        "disconnected": "desconectado",
+        "focus": "Enfocar conferencia",
+        "focusFail": "{{component}} no disponible. Vuelve a intentar en {{ms}} segundos",
+        "grantedTo": "Se otorgaron derechos de moderador a {{to}}.",
+        "groupTitle": "Notificaciones",
+        "hostAskedUnmute": "El moderador quiere que hables",
+        "invitedOneMember": "{{name}} ha sido invitado",
+        "invitedThreePlusMembers": "{{name}} y {{count}} más han sido invitados",
+        "invitedTwoMembers": "{{first}} y {{second}} han sido invitados",
+        "kickParticipant": "{{kicker}} sacó a {{kicked}}",
+        "me": "Yo",
+        "moderationInEffectCSDescription": "Por favor, levante la mano si quiere compartir su pantalla.",
+        "moderationInEffectCSTitle": "La pantalla compartida está bloqueada por el moderador",
+        "moderationInEffectDescription": "Por favor, levanten la mano si quieren hablar.",
+        "moderationInEffectTitle": "Su micrófono está silenciado por el moderador",
+        "moderationInEffectVideoDescription": "Por favor, levanten la mano si quieren encender su cámara.",
+        "moderationInEffectVideoTitle": "Su cámara está bloqueada por el moderador",
+        "moderationRequestFromModerator": "El anfitrión desea que se desactive el silencio",
+        "moderationRequestFromParticipant": "Quiere hablar",
+        "moderationStartedTitle": "Comienzo de la moderación",
+        "moderationStoppedTitle": "La moderación se detuvo",
+        "moderationToggleDescription": "por {{participantDisplayName}}",
+        "moderator": "¡Se otorgaron privilegios de moderador!",
+        "muted": "Has iniciado la conversación con el micrófono apagado.",
+        "mutedRemotelyDescription": "Siempre puedes reactivar tu micrófono cuando estés listo para hablar. Vuélvelo a apagar cuando termines de hablar para no hacer ruido.",
+        "mutedRemotelyTitle": "¡{{Nombre del participante}} te ha silenciado!",
+        "mutedTitle": "¡Estás silenciado!",
+        "newDeviceAction": "Usar",
+        "newDeviceAudioTitle": "Se detectó un dispositivo de audio nuevo",
+        "newDeviceCameraTitle": "Se detectó una cámara nueva",
+        "oldElectronClientDescription1": "Estás usando una versión vieja de la aplicación de Jitsi Meet que tiene problemas de seguridad. ¡Por favor, actualiza a la ",
+        "oldElectronClientDescription2": "versión más reciente",
+        "oldElectronClientDescription3": " YA!",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) eliminada por otro participante",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) agregada por otro participante",
+        "raiseHandAction": "Levantar la mano",
+        "raisedHand": "{{name}} quisiera hablar.",
+        "reactionSounds": "Desactivar sonidos",
+        "screenShareNoAudio": "La casilla Compartir audio no estaba marcada en la pantalla de selección de ventanas.",
+        "screenShareNoAudioTitle": "No se pudo compartir el audio del sistema.",
+        "somebody": "Alguien",
+        "startSilentDescription": "Vuelve a ingresar para activar el audio",
+        "startSilentTitle": "¡Te uniste sin audio!",
+        "suboptimalBrowserWarning": "No tendrás una buena experiencia con este navegador. Por favor, intenta utilizar uno de los <a href='{{recommendedBrowserPageLink}}' target='_blank'>navegadores compatibles</a>.",
+        "suboptimalExperienceTitle": "¡Tu navegador no es compatible!",
+        "unmute": "Reactivar micrófono",
+        "videoMutedRemotelyDescription": "Siempre puedes volver a encenderlo.",
+        "videoMutedRemotelyTitle": "Su vídeo ha sido desactivado por {{moderator}}"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "Admitir",
+            "admitAll": "Admitir todo",
+            "allow": "Permitir a los asistentes:",
+            "allowVideo": "Permitir vídeo",
+            "askUnmute": "Pida que le quiten el silencio",
+            "audioModeration": "Desmutearse a sí mismos",
+            "blockEveryoneMicCamera": "Bloquear el micrófono y la cámara de todos.",
+            "invite": "Invitar a alguien",
+            "mute": "Silenciar",
+            "muteAll": "Silenciar a todos los demás",
+            "muteEveryoneElse": "Silenciar al resto",
+            "reject": "Rechazar",
+            "stopEveryonesVideo": "Detener el vídeo de todos",
+            "stopVideo": "Detener el vídeo",
+            "unblockEveryoneMicCamera": "Desbloquear el micrófono y la cámara de todos",
+            "videoModeration": "Iniciar su vídeo"
+        },
+        "close": "Cerrar",
+        "headings": {
+            "lobby": "Vestíbulo ({{count}})",
+            "participantsList": "Participantes en la reunión ({{count}})",
+            "waitingLobby": "Esperando en el vestíbulo ({{count}})"
+        },
+        "title": "Participantes"
+    },
+    "passwordDigitsOnly": "Hasta {{number}} cifras",
+    "passwordSetRemotely": "definida por otro participante",
+    "polls": {
+        "answer": {
+            "skip": "Saltar",
+            "submit": "Enviar"
+        },
+        "create": {
+            "addOption": "Añadir opción",
+            "answerPlaceholder": "Opción {{index}}",
+            "cancel": "Cancelar",
+            "create": "Crear una encuesta",
+            "pollOption": "Opción de encuesta {{index}}",
+            "pollQuestion": "Pregunta de la encuesta",
+            "questionPlaceholder": "Haz una pregunta",
+            "removeOption": "Eliminar la opción",
+            "send": "Enviar"
+        },
+        "errors": {
+            "notUniqueOption": "Las opciones deben ser únicas"
+        },
+        "notification": {
+            "description": "Abre la pestaña de encuestas para votar",
+            "title": "Se ha añadido una nueva encuesta a esta reunión"
+        },
+        "results": {
+            "changeVote": "Cambiar el voto",
+            "empty": "Todavía no hay encuestas en la reunión. ¡Inicie una encuesta aquí!",
+            "hideDetailedResults": "Ocultar detalles",
+            "showDetailedResults": "Mostrar detalles",
+            "vote": "Vota"
+        }
+    },
+    "poweredby": "con tecnología de",
+    "prejoin": {
+        "audioAndVideoError": "Error en audio y video:",
+        "audioDeviceProblem": "Hay un problema con su dispositivo de audio",
+        "audioOnlyError": "Error en audio:",
+        "audioTrackError": "No se pudo crear la pista de audio.",
+        "callMe": "Llámame",
+        "callMeAtNumber": "Llamame a este número:",
+        "calling": "Llamando",
+        "configuringDevices": "Configurando dispositivos…",
+        "connectedWithAudioQ": "¿Estás está conectado con audio?",
+        "connection": {
+            "good": "¡Su conexión a internet es buena!",
+            "nonOptimal": "Su conexión a internet no es óptima",
+            "poor": "Tiene una conexión a internet pobre"
+        },
+        "connectionDetails": {
+            "audioClipping": "Prevemos que su audio tendrá recortes.",
+            "audioHighQuality": "Prevemos que su audio tendrá excelente calidad.",
+            "audioLowNoVideo": "Prevemos que la calidad de su audio será baja y sin video.",
+            "goodQuality": "¡Genial! La calidad de sus medios será excelente.",
+            "noMediaConnectivity": "No pudimos encontrar una forma de establecer la conectividad de medios para esta prueba. Esto suele ser causado por un firewall o NAT.",
+            "noVideo": "Prevemos que su video será terrible.",
+            "undetectable": "Si aún no puede realizar llamadas en el navegador, le recomendamos que se asegure de que los altavoces, el micrófono y la cámara estén configurados correctamente, que haya concedido los derechos de su navegador para usar el micrófono y la cámara, y que la versión de su navegador esté actualizada. Si aún tiene problemas para llamar, debería comunicarse con el desarrollador de la aplicación web.",
+            "veryPoorConnection": "Prevemos que la calidad de su llamada será realmente terrible.",
+            "videoFreezing": "Prevemos que su video se congelará, se volverá negro y se pixelará.",
+            "videoHighQuality": "Prevemos que su video tendrá buena calidad.",
+            "videoLowQuality": "Prevemos que su video tendrá baja calidad en términos de velocidad de fotogramas y resolución.",
+            "videoTearing": "Prevemos que su video se pixelará o tendrá artefactos visuales."
+        },
+        "copyAndShare": "Copia y comparte el link de la reuinión",
+        "dialInMeeting": "Entrar con llamada telefónica",
+        "dialInPin": "Marca a la reunión e ingresa el código:",
+        "dialing": "Marcando",
+        "doNotShow": "No mostrar nuevamente",
+        "errorDialOut": "No se pudo marcar.",
+        "errorDialOutDisconnected": "No se pudo marcar. Desconectado.",
+        "errorDialOutFailed": "No se pudo marcar. La llamada falló.",
+        "errorDialOutStatus": "Hubo algún error, y no se pudo determinar cuál",
+        "errorMissingName": "Ingrese su nombre para unirse a la reunión",
+        "errorNoPermissions": "Tienes que habilitar el acceso al micrófono y a la cámara",
+        "errorStatusCode": "Error al marcar, código de error {{status}}",
+        "errorValidation": "No se pudo validar el número",
+        "iWantToDialIn": "Quiero entrar por teléfono",
+        "initiated": "Llamada iniciada",
+        "joinAudioByPhone": "Entrar con audio de llamada telefónica",
+        "joinMeeting": "Entrar a la reunión",
+        "joinWithoutAudio": "Entrar sin sonido",
+        "linkCopied": "Se copió el link",
+        "lookGood": "Tu micrófono funciona bien.",
+        "or": "o",
+        "premeeting": "Pre-reunión",
+        "screenSharingError": "Error al compartir pantalla:",
+        "startWithPhone": "Iniciar con audio de llamada telefónica",
+        "videoOnlyError": "Error con el video:",
+        "videoTrackError": "No se pudo crear la pista de video.",
+        "viewAllNumbers": "ver todos los números"
+    },
+    "presenceStatus": {
+        "busy": "Ocupado",
+        "calling": "Llamando…",
+        "connected": "Conectado",
+        "connecting": "Conectando…",
+        "connecting2": "Conectando*…",
+        "disconnected": "Desconectado",
+        "expired": "Expirado",
+        "ignored": "Ignorado",
+        "initializingCall": "Iniciando llamada…",
+        "invited": "Invitado",
+        "rejected": "Rechazado",
+        "ringing": "Timbrando…"
+    },
+    "profile": {
+        "avatar": "avatar",
+        "setDisplayNameLabel": "Configura tu nombre para mostrar",
+        "setEmailInput": "Introducir correo electrónico",
+        "setEmailLabel": "Configurar tu correo electrónico de Gravatar",
+        "title": "Perfil"
+    },
+    "raisedHand": "Desea hablar",
+    "recording": {
+        "authDropboxText": "Subir a Dropbox",
+        "availableSpace": "Espacio disponible: {{spaceLeft}} MB (aproximadamente {{duration}} minutos de grabación)",
+        "beta": "BETA",
+        "busy": "Estamos trabajando para liberar recursos de grabación. Vuelve a intentarlo en unos minutos.",
+        "busyTitle": "Todas las grabadoras están actualmente ocupadas",
+        "copyLink": "Copiar enlace",
+        "error": "Error de grabación. Vuelve a intentarlo.",
+        "errorFetchingLink": "Error en la obtención del enlace de grabación.",
+        "expandedOff": "Grabación detenida",
+        "expandedOn": "La reunión está siendo grabada.",
+        "expandedPending": "La grabación se está iniciando…",
+        "failedToStart": "No se pudo iniciar la grabación",
+        "fileSharingdescription": "Compartir la grabación con los participantes de la reunión",
+        "limitNotificationDescriptionNative": "Su grabación estará limitada a {{limit}} minutos. Puede obtener grabaciones ilimitadas en <3>{{app}}</3>.",
+        "limitNotificationDescriptionWeb": "Debido a la alta demanda su grabación estará limitada a {{limit}} minutos. Puede obtener grabaciones ilimitadas en <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "linkGenerated": "Hemos generado un enlace a su grabación.",
+        "live": "EN VIVO",
+        "loggedIn": "Sesión iniciada como {{userName}}",
+        "off": "Grabación detenida",
+        "offBy": "{{name}} detuvo la grabación",
+        "on": "Grabando",
+        "onBy": "{{name}} comenzó la grabación",
+        "pending": "Preparando para grabar la reunión…",
+        "rec": "GRA",
+        "serviceDescription": "El servicio de grabación guardará la grabación",
+        "serviceDescriptionCloud": "Grabación en la nube",
+        "serviceName": "Servicio de grabación",
+        "signIn": "Iniciar sesión",
+        "signOut": "Cerrar sesión",
+        "title": "Grabando",
+        "unavailable": "¡Uy! {{serviceName}} actualmente no está disponible. Estamos trabajando para resolver el problema. Vuelve a intentarlo más tarde.",
+        "unavailableTitle": "Grabación no disponible",
+        "uploadToCloud": "Subir a la nube"
+    },
+    "sectionList": {
+        "pullToRefresh": "Mueve el dedo para abajo para actualizar."
+    },
+    "security": {
+        "about": "Puedes agregar una contraseña a la reunión. Los participantes necesitarán la contraseña para unirse a la reunión.",
+        "aboutReadOnly": "Los participantes moderadores pueden agregar una $t(lockRoomPassword) a la reunión. Los participantes deberán proporcionar la $t(lockRoomPassword) antes de que se les permita unirse a la reunión.",
+        "insecureRoomNameWarning": "El nombre de la sala es inseguro. Participantes no deseados pueden llegar a unirse a la reunión.",
+        "securityOptions": "Opciones de seguridad"
+    },
+    "settings": {
+        "calendar": {
+            "about": "La integración del calendario de {{appName}} se usa para acceder al calendario de manera segura para que puedas estar al tanto de los próximos eventos.",
+            "disconnect": "Desconectar",
+            "microsoftSignIn": "Iniciar sesión con Microsoft",
+            "signedIn": "Actualmente se accede a eventos del calendario para {{email}}. Haz clic en el botón Desconectar más abajo para detener el acceso a eventos del calendario.",
+            "title": "Calendario"
+        },
+        "desktopShareFramerate": "Velocidad de fotogramas para compartir el escritorio",
+        "desktopShareHighFpsWarning": "Una mayor velocidad de fotogramas para el uso compartido de la pantalla podría afectar a su ancho de banda. Es necesario reiniciar la pantalla compartida para que la nueva configuración surta efecto.",
+        "desktopShareWarning": "Es necesario reiniciar la pantalla compartida para que los nuevos ajustes surtan efecto.",
+        "devices": "Dispositivos",
+        "followMe": "Todos me siguen",
+        "framesPerSecond": "fotogramas-por-segundo",
+        "incomingMessage": "Mensaje entrante",
+        "language": "Idioma",
+        "loggedIn": "Sesión iniciada como {{name}}",
+        "microphones": "Micrófono",
+        "moderator": "Moderador",
+        "more": "Más",
+        "name": "Nombre",
+        "noDevice": "Ninguno",
+        "participantJoined": "Un articipante incorporado",
+        "participantLeft": "Un participante se ha ido",
+        "playSounds": "Reproducir sonido",
+        "reactions": "Reacciones de la reunión",
+        "sameAsSystem": "Igual que el sistema ({{label}})",
+        "selectAudioOutput": "Salida de audio",
+        "selectCamera": "Cámara",
+        "selectMic": "Micrófono",
+        "sounds": "Sonidos",
+        "speakers": "Bocinas",
+        "startAudioMuted": "Todos inician silenciados",
+        "startVideoMuted": "Todos inician con cámara desactivada",
+        "talkWhileMuted": "Hablar en silencio",
+        "title": "Ajustes"
+    },
+    "settingsView": {
+        "advanced": "Avanzado",
+        "alertCancel": "Cancelar",
+        "alertOk": "Aceptar",
+        "alertTitle": "Advertencia",
+        "alertURLText": "La dirección URL introducida no es válida",
+        "buildInfoSection": "Información de la compilación",
+        "conferenceSection": "Conferencia",
+        "disableCallIntegration": "Desactivar la integración nativa de llamadas",
+        "disableCrashReporting": "Desactivar el reporte de crasheos",
+        "disableCrashReportingWarning": "¿Estás seguro que no deseas reportarnos los crasheos? La opción se activará al reiniciar la app.",
+        "disableP2P": "Desactivar la comunicación directa (\"Peer-To-Peer\")",
+        "displayName": "Nombre a mostrar",
+        "email": "Correo electrónico",
+        "header": "Configuración",
+        "profileSection": "Perfil",
+        "serverURL": "URL del servidor",
+        "showAdvanced": "Mostrar configuración avanzada",
+        "startWithAudioMuted": "Iniciar con el micrófono apagado",
+        "startWithVideoMuted": "Iniciar con la cámara apagada",
+        "version": "Versión"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\n¿Deseas entrar por llamada telefónica?\n\n{{defaultDialInNumber}}La lista de números disponibles para la reunión está disponible aquí: \n{{dialInfoPageUrl}}",
+        "mainText": "Haz clic en el link para unirte a la reunión:\n{{roomUrl}}"
+    },
+    "speaker": "Participante",
+    "speakerStats": {
+        "hours": "{{count}} h",
+        "minutes": "{{count}} min",
+        "name": "Nombre",
+        "search": "Buscar",
+        "searchHint": "Buscar participantes",
+        "seconds": "{{count}} s",
+        "speakerStats": "Estadísticas de participantes",
+        "speakerTime": "Tiempo hablado"
+    },
+    "startupoverlay": {
+        "genericTitle": "La reunión debe utilizar su micrófono y su cámara.",
+        "policyText": " ",
+        "title": "{{app}} necesita usar el micrófono y la cámara."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Reconectar",
+        "text": "Presiona el botón <i>Reconectar</i> para volver a conectarte.",
+        "title": "La videollamada se interrumpió porque la computadora estaba suspendida."
+    },
+    "toolbar": {
+        "Settings": "Configuración",
+        "accessibilityLabel": {
+            "Settings": "Alternar configuración",
+            "audioOnly": "Alternar cámaras de los demás",
+            "audioRoute": "Seleccionar el dispositivo de sonido",
+            "boo": "Boo",
+            "callQuality": "Administrar la calidad de video",
+            "cc": "Alternar subtítulos",
+            "chat": "Alternar ventana de chat",
+            "clap": "Aplauso",
+            "collapse": "Colapsar",
+            "document": "Alternar documento compartido",
+            "download": "Descargar nuestras aplicaciones",
+            "e2ee": "Cifrado de extremo a extremo",
+            "embedMeeting": "Insertar reunión",
+            "expand": "Ampliar",
+            "feedback": "Dejar comentarios",
+            "fullScreen": "Alternar pantalla completa",
+            "grantModerator": "Convertir en moderador",
+            "hangup": "Colgar",
+            "help": "Ayuda",
+            "invite": "Invitar personas",
+            "kick": "Expulsar participante",
+            "laugh": "Ríete",
+            "like": "Pulgares arriba",
+            "lobbyButton": "Activar / desactivar sala de espera",
+            "lobbyButtonDisable": "Desactivar sala de espera",
+            "lobbyButtonEnable": "Activar sala de espera",
+            "localRecording": "Alternar controles de grabación local",
+            "lockRoom": "Alternar contraseña de la reunión",
+            "moreActions": "Alternar más acciones",
+            "moreActionsMenu": "Menú de más acciones",
+            "moreOptions": "Mostrar más opciones",
+            "mute": "Silenciar micrófono",
+            "muteEveryone": "Silenciar a todos",
+            "muteEveryoneElse": "Silenciar a todos los demás",
+            "muteEveryoneElsesVideo": "Desactivar el vídeo de los demás",
+            "muteEveryonesVideo": "Desactivar el vídeo de todos",
+            "participants": "Participantes",
+            "pip": "Alternar modo ventana en miniatura",
+            "privateMessage": "Enviar mensaje privado",
+            "profile": "Editar perfil",
+            "raiseHand": "Levantar o bajar la mano",
+            "reactionsMenu": "Abrir / Cerrar el menú de reacciones",
+            "recording": "Alternar grabación",
+            "remoteMute": "Silenciar participante",
+            "remoteVideoMute": "Desactivar la cámara del participante",
+            "security": "Opciones de seguridad",
+            "selectBackground": "Seleccione el fondo",
+            "shareRoom": "Invitar a alguien",
+            "shareYourScreen": "Alternar pantalla compartida",
+            "shareaudio": "Compartir audio",
+            "sharedvideo": "Alternar video compartido",
+            "shortcuts": "Alternar accesos directos",
+            "show": "Mostrar en primer plano",
+            "silence": "Silencio",
+            "speakerStats": "Alternar estadísticas del orador",
+            "surprised": "Sorprendido",
+            "tileView": "Alternar vista de mosaico",
+            "toggleCamera": "Alternar cámara",
+            "toggleFilmstrip": "Alternar mosaicos",
+            "videoblur": "Alternar desenfoque de video",
+            "videomute": "Alternar video"
+        },
+        "addPeople": "Agregar personas a la llamada",
+        "audioOnlyOff": "Mostrar cámaras de los demás",
+        "audioOnlyOn": "Ocultar cámaras de los demás (para ahorrar datos)",
+        "audioRoute": "Selecciona el dispositivo de sonido",
+        "audioSettings": "Ajustes de audio",
+        "authenticate": "Autenticar",
+        "boo": "Boo",
+        "callQuality": "Ajustar la calidad de video",
+        "chat": "Abrir o cerrar chat",
+        "clap": "Aplauso",
+        "closeChat": "Cerrar chat",
+        "closeReactionsMenu": "Cerrar el menú de reacciones",
+        "disableReactionSounds": "Puede desactivar los sonidos de reacción para esta reunión",
+        "documentClose": "Cerrar documento compartido",
+        "documentOpen": "Abrir documento compartido",
+        "download": "Descarga nuestras aplicaciones",
+        "e2ee": "Cifrado de extremo a extremo",
+        "embedMeeting": "Insertar reunión",
+        "enterFullScreen": "Pantalla completa",
+        "enterTileView": "Ver en cuadrícula",
+        "exitFullScreen": "Salir de pantalla completa",
+        "exitTileView": "Salir de vista de mosaico",
+        "feedback": "Dejar sugerencias",
+        "hangup": "Colgar",
+        "help": "Ayuda",
+        "invite": "Invitar personas",
+        "laugh": "Ríete",
+        "like": "Pulgares arriba",
+        "lobbyButtonDisable": "Desactivar el modo lobby",
+        "lobbyButtonEnable": "Activar el modo lobby",
+        "login": "Inicio de sesión",
+        "logout": "Cerrar sesión",
+        "lowerYourHand": "Bajar la mano",
+        "moreActions": "Más acciones",
+        "moreOptions": "Más opciones",
+        "mute": "Activar o silenciar el micrófono",
+        "muteEveryone": "Silenciar a todos",
+        "muteEveryonesVideo": "Desactivar la cámara de todos",
+        "noAudioSignalDesc": "Checa si no está silenciado en tu configuración del sistema o dispositivo, o cambia de micrófono.",
+        "noAudioSignalDescSuggestion": "Si no lo silenciaste a propósito desde la configuración del sistema o el dispositivo, intenta usar este otro micrófono:",
+        "noAudioSignalDialInDesc": "Además, puedes llamar usando:",
+        "noAudioSignalDialInLinkDesc": "Números de llamada",
+        "noAudioSignalTitle": "¡No se registra audio de tu micrófono!",
+        "noisyAudioInputDesc": "Tu micrófono está haciendo ruido, siléncialo, ajusta su volumen en configuración del sistema, o cambia de micrófono.",
+        "noisyAudioInputTitle": "Tu micrófono parece estar ruidoso",
+        "openChat": "Abrir chat",
+        "openReactionsMenu": "Abrir el menú de reacciones",
+        "participants": "Participantes",
+        "pip": "Mostrar en ventana pequeña",
+        "privateMessage": "Enviar mensaje privado",
+        "profile": "Editar perfil",
+        "raiseHand": "Levantar o bajar la mano",
+        "raiseYourHand": "Levantar la mano",
+        "reactionBoo": "Enviar la reacción de Boo",
+        "reactionClap": "Enviar reacción de aplauso",
+        "reactionLaugh": "Enviar reacción de risa",
+        "reactionLike": "Enviar la reacción de los pulgares hacia arriba",
+        "reactionSilence": "Enviar reacción de silencio",
+        "reactionSurprised": "Enviar reacción de sorpresa",
+        "security": "Opciones de seguridad",
+        "selectBackground": "Seleccionar fondo",
+        "shareRoom": "Invitar a alguien",
+        "shareaudio": "Compartir audio",
+        "sharedvideo": "Compartir un video",
+        "shortcuts": "Ver atajos del teclado",
+        "silence": "Silencio",
+        "speakerStats": "Estadísticas de los hablantes",
+        "startScreenSharing": "Comenzar a compartir pantalla",
+        "startSubtitles": "Iniciar subtítulos",
+        "startvideoblur": "Desenfocar mi fondo",
+        "stopAudioSharing": "Dejar de compartir el audio",
+        "stopScreenSharing": "Dejar de compartir pantalla",
+        "stopSharedVideo": "Detener video",
+        "stopSubtitles": "Detener subtítulos",
+        "stopvideoblur": "Desactivar desenfoque del fondo",
+        "surprised": "Compartir audio",
+        "talkWhileMutedPopup": "¿Intentas hablar? Estás silenciado.",
+        "tileViewToggle": "Activar o desactivar vista en cuadrícula",
+        "toggleCamera": "Activar o desactivar cámara",
+        "videoSettings": "Ajustes de vídeo",
+        "videomute": "Iniciar o detener cámara"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Iniciar o detener subtítulos",
+        "error": "La transcripción falló. Por favor, inténtelo nuevamente.",
+        "expandedLabel": "Transcripción encendida",
+        "failedToStart": "No es posible iniciar la transcripción",
+        "labelToolTip": "La reunión se está transcribiendo",
+        "off": "Transcripción detenida",
+        "pending": "Preparando para transcribir la reunión…",
+        "start": "Mostrar subtítulos",
+        "stop": "Dejar de mostrar subtítulos",
+        "tr": "TR"
+    },
+    "userMedia": {
+        "grantPermissions": "Otorga permisos para usar la cámara y el micrófono."
+    },
+    "videoSIPGW": {
+        "busy": "Estamos trabajando para liberar recursos. Vuelve a intentarlo en unos minutos.",
+        "busyTitle": "El servicio de salas está actualmente ocupado",
+        "errorAlreadyInvited": "{{displayName}} ya ha sido invitado",
+        "errorInvite": "Conferencia aún no establecida. Vuelve a intentarlo más tarde.",
+        "errorInviteFailed": "Estamos trabajando para resolver el problema. Vuelve a intentarlo más tarde.",
+        "errorInviteFailedTitle": "No se pudo invitar a {{displayName}}",
+        "errorInviteTitle": "Error al invitar en la sala",
+        "pending": "{{displayName}} ha sido invitado"
+    },
+    "videoStatus": {
+        "audioOnly": "AUD",
+        "audioOnlyExpanded": "Estás en modo de ancho de banda bajo. En este modo, sólo recibirás audio y pantalla compartida.",
+        "callQuality": "Calidad de video",
+        "hd": "HD",
+        "hdTooltip": "Viendo video en alta definición",
+        "highDefinition": "Alta definición",
+        "labelTooiltipNoVideo": "Sin video",
+        "labelTooltipAudioOnly": "Modo de ancho de banda bajo habilitado",
+        "ld": "LD",
+        "ldTooltip": "Viendo video en baja definición",
+        "lowDefinition": "Baja definición",
+        "onlyAudioAvailable": "Solo hay audio disponible",
+        "onlyAudioSupported": "Solo admitimos audio en este navegador.",
+        "sd": "SD",
+        "sdTooltip": "Viendo video en definición estándar",
+        "standardDefinition": "Definición estándar"
+    },
+    "videothumbnail": {
+        "connectionInfo": "Información de conexión",
+        "domute": "Silenciar",
+        "domuteOthers": "Silenciar a todos",
+        "domuteVideo": "Desactivar la cámara",
+        "domuteVideoOfOthers": "Desactivar la cámara de todos los demás",
+        "flip": "Voltear",
+        "grantModerator": "Convertir en moderador",
+        "kick": "Expulsar",
+        "moderator": "Moderador",
+        "mute": "Se silenció el participante",
+        "muted": "Silenciado",
+        "remoteControl": "Control remoto",
+        "show": "Mostrar en primer plano",
+        "videoMuted": "Cámara desactivada",
+        "videomute": "El participante paró su cámara"
+    },
+    "virtualBackground": {
+        "addBackground": "Añadir fondo",
+        "apply": "Aplicar",
+        "backgroundEffectError": "No se ha podido aplicar el efecto de fondo.",
+        "blur": "Desenfoque",
+        "deleteImage": "Borrar imagen",
+        "desktopShare": "Compartir el escritorio",
+        "desktopShareError": "No se ha podido crear el escritorio compartido",
+        "image1": "Playa",
+        "image2": "Pared neutra blanca",
+        "image3": "Habitación blanca y vacía",
+        "image4": "Lámpara de pie negra",
+        "image5": "Montaña",
+        "image6": "Bosque",
+        "image7": "Amanecer",
+        "none": "Ninguno",
+        "pleaseWait": "Por favor, espera…",
+        "removeBackground": "Eliminar el fondo",
+        "slightBlur": "Desenfoque Ligero",
+        "title": "Fondos virtuales",
+        "uploadedImage": "Imagen subida {{index}}",
+        "webAssemblyWarning": "No se admite WebAssembly"
+    },
+    "volumeSlider": "Deslizador de volumen",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Toca para unirte",
+            "roomname": "Introduce el nombre de la sala"
+        },
+        "addMeetingName": "Añadir el nombre de la reunión",
+        "appDescription": "Videollamadas para todo tu equipo. {{app}} es una aplicación completamente encriptada, segura, además de ser software libre 100% gratis, sin límites de tiempo, y sin tener que crear una cuenta.",
+        "audioVideoSwitch": {
+            "audio": "Voz",
+            "video": "Video"
+        },
+        "calendar": "Calendario",
+        "connectCalendarButton": "Conectar el calendario",
+        "connectCalendarText": "Conecta tu calendario para ver todas tus reuniones de {{app}}. Además, agrega reuniones a tu calendario e inícialas con un solo clic.",
+        "enterRoomTitle": "Comenzar una reunión",
+        "getHelp": "Obtener ayuda",
+        "go": "IR",
+        "goSmall": "IR",
+        "headerSubtitle": "Reuniones seguras y de alta calidad",
+        "headerTitle": "Jitsi Meet",
+        "info": "Información",
+        "jitsiOnMobile": "Jitsi en el móvil: descarga nuestras aplicaciones y comienza una reunión desde cualquier lugar",
+        "join": "CREAR / UNIRSE",
+        "logo": {
+            "calendar": "Logotipo del calendario",
+            "desktopPreviewThumbnail": "Vista previa del escritorio en miniatura",
+            "googleLogo": "Logotipo de Google",
+            "logoDeepLinking": "Logotipo de la reunión de Jitsi",
+            "microsoftLogo": "Logotipo de Microsoft",
+            "policyLogo": "Logotipo de la política"
+        },
+        "mobileDownLoadLinkAndroid": "Descargar la aplicación móvil para Android",
+        "mobileDownLoadLinkFDroid": "Descargar la aplicación móvil para F-Droid",
+        "mobileDownLoadLinkIos": "Descargar la aplicación móvil para iOS",
+        "moderatedMessage": "O <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">reserve con antelación una URL de reunión</a> en la que usted sea el único moderador.",
+        "privacy": "Privacidad",
+        "recentList": "Reciente",
+        "recentListDelete": "Eliminar",
+        "recentListEmpty": "Tu historial de reuniones está vacío. Reúnete y aparecerán aquí.",
+        "reducedUIText": "¡Bienvenid@ a {{app}}!",
+        "roomNameAllowedChars": "El nombre de la reunión no debe contener ninguno de estos caracteres: ?, &, :, ', \", %, #.",
+        "roomname": "Introduce el nombre de la sala",
+        "roomnameHint": "Introduce el nombre o URL de la sala a la que deseas unirte. Puedes inventar un nombre, simplemente infórmaselo a las personas con las que te reunirás para que introduzcan el mismo nombre.",
+        "sendFeedback": "Enviar sugerencias",
+        "startMeeting": "Iniciar la reunión",
+        "terms": "Términos",
+        "title": "Videoconferencias seguras, con gran variedad de funcionalidades y completamente gratuitas"
+    }
+}
diff --git a/lang/main-es.json b/lang/main-es.json
new file mode 100644
index 0000000..431632c
--- /dev/null
+++ b/lang/main-es.json
@@ -0,0 +1,1468 @@
+{
+    "addPeople": {
+        "add": "Invitar",
+        "addContacts": "Invitar a sus contactos",
+        "contacts": "contactos",
+        "copyInvite": "Copiar la invitación a la reunión",
+        "copyLink": "Copiar el enlace de la reunión",
+        "copyStream": "Copiar el enlace de la transmisión en vivo",
+        "countryNotSupported": "Aún no contamos con soporte a este destino.",
+        "countryReminder": "¿Llamando fuera de los Estados Unidos? ¡Por favor, asegúrese de empezar con el código de país!",
+        "defaultEmail": "Dirección de correo por defecto",
+        "disabled": "No puede invitar a otras personas.",
+        "failedToAdd": "Error al agregar participantes",
+        "googleEmail": "Correo electrónico de Google",
+        "inviteMoreHeader": "Usted se encuentra solo en la reunión",
+        "inviteMoreMailSubject": "Unirse a la reunión {{appName}}",
+        "inviteMorePrompt": "Invitar a más personas",
+        "linkCopied": "Link copiado al portapapeles",
+        "noResults": "No se encontraron coincidencias",
+        "outlookEmail": "Correo de Outlook",
+        "phoneNumbers": "números de teléfono",
+        "searching": "Buscando…",
+        "shareInvite": "Compartir la invitación a la reunión",
+        "shareLink": "Compartir el enlace de la reunion",
+        "shareStream": "Compartir el enlace de la transmisión en vivo",
+        "sipAddresses": "direcciones sip",
+        "telephone": "Teléfono: {{number}}",
+        "title": "Invitar a otras personas a esta reunión",
+        "yahooEmail": "Correo de Yahoo"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "car": "Audio de automóvil",
+        "headphones": "Auriculares",
+        "none": "No hay dispositivos de audio disponibles",
+        "phone": "Teléfono",
+        "speaker": "Altavoz"
+    },
+    "audioOnly": {
+        "audioOnly": "Solo sonido y pantalla compartida"
+    },
+    "bandwidthSettings": {
+        "assumedBandwidthBps": "por ejemplo 10000000 para 10 Mbps",
+        "assumedBandwidthBpsWarning": "Valores más altos podrían causar problemas de red.",
+        "customValue": "valor personalizado",
+        "customValueEffect": "para establecer el valor real de bps",
+        "leaveEmpty": "dejar vacío",
+        "leaveEmptyEffect": "para permitir que se realicen estimaciones",
+        "possibleValues": "Valores posibles",
+        "setAssumedBandwidthBps": "Ancho de banda asumido (bps)",
+        "title": "Ajustes de ancho de banda",
+        "zeroEffect": "para deshabilitar el video"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "Agregar sala para grupos pequeños",
+            "autoAssign": "Autoasignar a sala para grupos pequeños",
+            "close": "Cerrar",
+            "join": "Unirse",
+            "leaveBreakoutRoom": "Abandonar sala para grupos pequeños",
+            "more": "Más",
+            "remove": "Quitar",
+            "sendToBreakoutRoom": "Enviar participante a:"
+        },
+        "defaultName": "Sala para grupos pequeños #{{index}}",
+        "mainRoom": "Sala principal",
+        "notifications": {
+            "joined": "Uniéndose a la sala para grupos pequeños \"{{name}}\"",
+            "joinedMainRoom": "Uniéndose a la sala principal",
+            "joinedTitle": "Salas para grupos pequeños"
+        }
+    },
+    "calendarSync": {
+        "addMeetingURL": "Agregar un vínculo a la reunión",
+        "confirmAddLink": "¿Quiere añadir un enlace de Jitsi a este evento?",
+        "error": {
+            "appConfiguration": "La integración del calendario no está configurada correctamente",
+            "generic": "Se ha producido un error. Compruebe la configuración del calendario o pruebe cargarlo nuevamente.",
+            "notSignedIn": "Se ha producido un error de autenticación para ver los eventos del calendario. Compruebe la configuración del calendario e intente iniciar sesión de nuevo"
+        },
+        "join": "Unirse",
+        "joinTooltip": "Unirse a la reunión",
+        "nextMeeting": "próxima reunión",
+        "noEvents": "No hay eventos próximos programados.",
+        "ongoingMeeting": "reunión en curso",
+        "permissionButton": "Abrir configuración",
+        "permissionMessage": "Los permisos al calendario son necesarios para ver sus reuniones en la aplicación.",
+        "refresh": "Actualizar calendario",
+        "today": "Hoy"
+    },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "Elija un dispositivo de sonido"
+        },
+        "labels": {
+            "buttonLabel": "Modo automóvil",
+            "title": "Modo automóvil",
+            "videoStopped": "Su video se ha detenido"
+        }
+    },
+    "chat": {
+        "enter": "Entrar en la sala",
+        "error": "Error: su mensaje no se envío. Motivo: {{error}}",
+        "fieldPlaceHolder": "Escriba su mensaje aquí",
+        "lobbyChatMessageTo": "Mensaje de chat de lobby a {{recipient}}",
+        "message": "Mensaje",
+        "messageAccessibleTitle": "{{user}} dice:",
+        "messageAccessibleTitleMe": "yo digo:",
+        "messageTo": "Mensaje privado para {{recipient}}",
+        "messagebox": "Escriba un mensaje",
+        "newMessages": "Mensajes nuevos",
+        "nickname": {
+            "popover": "Selecciona un apodo",
+            "title": "Introduce un apodo para usar el chat",
+            "titleWithPolls": "Introduce un apodo para usar el chat"
+        },
+        "noMessagesMessage": "No hay mensajes en la reunión. ¡Inicie una conversación!",
+        "privateNotice": "Mensaje privado para {{recipient}}",
+        "sendButton": "Enviar",
+        "smileysPanel": "Panel de Emojis",
+        "tabs": {
+            "chat": "Chat",
+            "polls": "Encuestas"
+        },
+        "title": "Chat",
+        "titleWithPolls": "Chat",
+        "you": "tú"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Instalar extensión de Chrome",
+        "buttonTextEdge": "Instalar extensión de Edge",
+        "close": "Cerrar",
+        "dontShowAgain": "No mostrar nuevamente",
+        "installExtensionText": "Instalar la extensión para Google Calendar y la integración con Office 365"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Conectándose a la reunión…"
+    },
+    "connection": {
+        "ATTACHED": "Adjunto",
+        "AUTHENTICATING": "Autenticando",
+        "AUTHFAIL": "Error de autenticación",
+        "CONNECTED": "Conectado",
+        "CONNECTING": "Conectando",
+        "CONNFAIL": "Error de conexión",
+        "DISCONNECTED": "Desconectado",
+        "DISCONNECTING": "Desconectando",
+        "ERROR": "Error",
+        "FETCH_SESSION_ID": "Obteniendo session-ID…",
+        "GET_SESSION_ID_ERROR": "Obtener session-id error: {{code}}",
+        "GOT_SESSION_ID": "Obteniendo session-ID… Listo",
+        "LOW_BANDWIDTH": "El vídeo para {{displayName}} ha sido desactivado para ahorrar ancho de banda"
+    },
+    "connectionindicator": {
+        "address": "Dirección:",
+        "audio_ssrc": "Audio SSRC:",
+        "bandwidth": "Ancho de banda estimado:",
+        "bitrate": "Tasa de transferencia:",
+        "bridgeCount": "Contador del servidor: ",
+        "codecs": "Codecs (A/V):",
+        "connectedTo": "Conectado a:",
+        "e2eeVerified": "",
+        "framerate": "Fotogramas por segundo:",
+        "less": "Mostrar menos",
+        "localaddress": "Dirección local:",
+        "localaddress_plural": "Direcciones locales:",
+        "localport": "Puerto local:",
+        "localport_plural": "Puertos locales:",
+        "maxEnabledResolution": "enviar max",
+        "more": "Mostrar más",
+        "no": "no",
+        "packetloss": "Pérdida de paquetes:",
+        "participant_id": "ID participante:",
+        "quality": {
+            "good": "Buena",
+            "inactive": "Inactivo",
+            "lost": "Perdido",
+            "nonoptimal": "No es óptimo",
+            "poor": "Deficiente"
+        },
+        "remoteaddress": "Dirección remota:",
+        "remoteaddress_plural": "Direcciones remotas:",
+        "remoteport": "Puerto remoto:",
+        "remoteport_plural": "Puertos remotos:",
+        "resolution": "Resolución:",
+        "savelogs": "Guardar logs",
+        "status": "Calidad:",
+        "transport": "Transporte:",
+        "transport_plural": "Transportes:",
+        "video_ssrc": "Video SSRC:",
+        "yes": "sí"
+    },
+    "dateUtils": {
+        "earlier": "Anterior",
+        "today": "Hoy",
+        "yesterday": "Ayer"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Necesitas la aplicación {{app}} para unirte a esta reunión en el teléfono.",
+        "description": "¿No pasó nada? Intentamos iniciar la reunión en la aplicación de escritorio {{app}}. Intenta de nuevo o inicia en la aplicación web {{app}}.",
+        "descriptionNew": "¿No pasó nada? Intentamos iniciar la reunión en la aplicación de escritorio {{app}}. <br /><br /> Puedes volver a intentarlo o iniciar en la aplicación web.",
+        "descriptionWithoutWeb": "¿No pasó nada? Intentamos iniciar su reunión en la aplicación de escritorio {{app}}.",
+        "downloadApp": "Descargar la app",
+        "downloadMobileApp": "",
+        "ifDoNotHaveApp": "Si aún no tienes la app:",
+        "ifHaveApp": "Si ya tienes la app:",
+        "joinInApp": "Unirse a la reunion usando la app",
+        "joinInAppNew": "Unirse en la app",
+        "joinInBrowser": "Unirse en el navegador",
+        "launchMeetingLabel": "¿Cómo quieres unirte a la reunión?",
+        "launchWebButton": "Iniciar en el navegador",
+        "noMobileApp": "¿No tienes la aplicación?",
+        "termsAndConditions": "Al continuar aceptas nuestros <a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'>términos y condiciones.</a>",
+        "title": "Iniciando la reunión en {{app}}…",
+        "titleNew": "Iniciando la reunión.",
+        "tryAgainButton": "Intentar de nuevo en el escritorio",
+        "unsupportedBrowser": "Parece que estás usando un navegador para el que no tenemos soporte."
+    },
+    "defaultLink": "ej. {{url}}",
+    "defaultNickname": "ej. Juan Pérez",
+    "deviceError": {
+        "cameraError": "Error al acceder a tu cámara",
+        "cameraPermission": "Error al obtener permiso de la cámara",
+        "microphoneError": "Error al acceder a tu micrófono",
+        "microphonePermission": "Error al obtener permiso del micrófono"
+    },
+    "deviceSelection": {
+        "hid": {
+            "callControl": "Control de llamadas",
+            "connectedDevices": "Dispositivos conectados:",
+            "deleteDevice": "Eliminar dispositivo",
+            "pairDevice": "Emparejar dispositivo"
+        },
+        "noPermission": "Permiso no concedido",
+        "previewUnavailable": "Vista previa no disponible",
+        "selectADevice": "Seleccionar un dispositivo",
+        "testAudio": "Reproducir un sonido de prueba"
+    },
+    "dialIn": {
+        "screenTitle": ""
+    },
+    "dialOut": {
+        "statusMessage": "está {{status}}"
+    },
+    "dialog": {
+        "Back": "Anterior",
+        "Cancel": "Cancelar",
+        "IamHost": "Soy el anfitrión",
+        "Ok": "Aceptar",
+        "Remove": "Eliminar",
+        "Share": "Compartir",
+        "Submit": "Enviar",
+        "WaitForHostMsg": "La conferencia aún no ha comenzado. Si eres el anfitrión, inicia sesión. De lo contrario, espera a que llegue el anfitrión.",
+        "WaitingForHostTitle": "Esperando al anfitrión…",
+        "Yes": "Sí",
+        "accessibilityLabel": {
+            "close": "Cerrar diálogo",
+            "liveStreaming": "Transmisión en vivo",
+            "sharingTabs": "Opciones para compartir"
+        },
+        "add": "Agregar",
+        "addMeetingNote": "Agrega una nota acerca de esta reunión",
+        "addOptionalNote": "Agrega una nota (opcional):",
+        "allow": "Permitir",
+        "alreadySharedVideoMsg": "Otro participante ya está compartiendo un vídeo. Esta conferencia sólo permite compartir un vídeo a la vez.",
+        "alreadySharedVideoTitle": "Solo se permite un vídeo compartido a la vez",
+        "applicationWindow": "Ventana de aplicación",
+        "authenticationRequired": "Se requiere autenticación",
+        "cameraConstraintFailedError": "Su cámara no satisface algunos de los requerimientos.",
+        "cameraNotFoundError": "No se encontró la cámara.",
+        "cameraNotSendingData": "No podemos acceder a la cámara. Asegúrate que no haya otra aplicación usándola, selecciona otro dispositivo del menú de configuración o intenta volver a cargar la aplicación.",
+        "cameraNotSendingDataTitle": "No es posible acceder a la cámara",
+        "cameraPermissionDeniedError": "No has otorgado permiso para usar la cámara. Puedes unirte a la conferencia de todos modos, pero los demás asistentes no te podrán ver. Usa el botón de la cámara en la barra de direcciones para solucionar esto.",
+        "cameraTimeoutError": "No se ha podido iniciar la fuente de vídeo. Se ha agotado el tiempo de espera.",
+        "cameraUnknownError": "No se puede usar la cámara por un motivo desconocido.",
+        "cameraUnsupportedResolutionError": "La cámara no admite la resolución de vídeo requerida.",
+        "close": "Cerrar",
+        "conferenceDisconnectMsg": "Se recomienda que compruebes la conexión de la red. Reconectando en {{seconds}} segundos…",
+        "conferenceDisconnectTitle": "Ha sido desconectado.",
+        "conferenceReloadMsg": "Estamos tratando de arreglar esto. Reconectando en {{seconds}} segundos…",
+        "conferenceReloadTitle": "Desafortunadamente, algo salió mal.",
+        "confirm": "Confirmar",
+        "confirmNo": "No",
+        "confirmYes": "Sí",
+        "connectError": "¡Ups! Algo salió mal y no fue posible conectarnos a la conferencia.",
+        "connectErrorWithMsg": "¡Ups! Algo salió mal y no fue posible conectarnos a la conferencia: {{msg}}",
+        "connecting": "Conectando",
+        "contactSupport": "Contacta al soporte técnico",
+        "copied": "Copiado",
+        "copy": "Copiar",
+        "dismiss": "Descartar",
+        "displayNameRequired": "¡Hola! ¿Cuál es tu nombre?",
+        "done": "Listo",
+        "e2eeDescription": "El cifrado de extremo a extremo es actualmente EXPERIMENTAL. Tenga en cuenta que activarlo puede deshabilitar servicios como: grabación, transmisión en vivo y participación telefónica. Además, esta reunión solo funcionará con personas que se unan con un navegador.",
+        "e2eeDisabledDueToMaxModeDescription": "No se puede activar el cifrado de extremo a extremo debido al gran número de participantes en la conferencia.",
+        "e2eeLabel": "Habilitar cifrado de extremo a extremo",
+        "e2eeWarning": "ATENCIÓN: No todos los participantes de esta reunión soportan el cifrado de extremo a extremo. Si habilitas esta opción, ellos no podrán verte ni oirte.",
+        "e2eeWillDisableDueToMaxModeDescription": "ATENCIÓN: El cifrado de extremo a extremo se desactivará automáticamente si se unen más participantes a la reunión.",
+        "embedMeeting": "Incrustar reunión",
+        "enterDisplayName": "Por favor ingresa tu nombre aquí",
+        "error": "Error",
+        "gracefulShutdown": "Nuestro servicio se encuentra en mantenimiento. Por favor, intente más tarde.",
+        "grantModeratorDialog": "¿Estás seguro de que quieres convertir a este participante en moderador?",
+        "grantModeratorTitle": "Convertir en moderador",
+        "hide": "Esconder",
+        "hideShareAudioHelper": "No volver a mostrar este diálogo",
+        "incorrectPassword": "Nombre de usuario o contraseña incorrecta",
+        "incorrectRoomLockPassword": "Contraseña incorrecta",
+        "internalError": "¡Ups! Algo salió mal. El siguiente error ocurrió: {{error}}",
+        "internalErrorTitle": "Error interno",
+        "kickMessage": "Puede ponerse en contacto con {{participantDisplayName}} para obtener más detalles.",
+        "kickParticipantButton": "Expulsar",
+        "kickParticipantDialog": "¿Seguro que quiere expulsar a este participante?",
+        "kickParticipantTitle": "¿Expulsar a este participante?",
+        "kickTitle": "¡Ay! {{participantDisplayName}} te expulsó de la reunión",
+        "linkMeeting": "",
+        "linkMeetingTitle": "",
+        "liveStreaming": "Transmisión en vivo",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "No es posible mientras la grabación este activa",
+        "localUserControls": "Controles de usuario locales",
+        "lockMessage": "No se pudo bloquear la conferencia.",
+        "lockRoom": "Agregar $t(lockRoomPasswordUppercase) a la reunión",
+        "lockTitle": "El bloqueo falló",
+        "login": "Iniciar sesión",
+        "logoutQuestion": "¿Está seguro que desea salir y detener la conferencia?",
+        "logoutTitle": "Cerrar sesión",
+        "maxUsersLimitReached": "Se ha alcanzado el límite máximo de participantes. Por favor contacta con el organizador o inténtalo más tarde.",
+        "maxUsersLimitReachedTitle": "La reunión está llena.",
+        "micConstraintFailedError": "El micrófono no satisface algunos de los requerimientos.",
+        "micNotFoundError": "No se encontró el micrófono.",
+        "micNotSendingData": "Vaya a la configuración de su computadora para activar el micrófono y ajustar su nivel",
+        "micNotSendingDataTitle": "Su micrófono está silenciado en la configuración de su sistema",
+        "micPermissionDeniedError": "No ha otorgado permisos para usar su micrófono. Puede unirse a la conferencia, pero no lo podrán escuchar. Utilice el botón en la barra de dirección para solucionar esto.",
+        "micTimeoutError": "No se ha podido iniciar la fuente de audio. Se ha agotado el tiempo de espera.",
+        "micUnknownError": "No se puede usar el micrófono por motivos desconocidos.",
+        "moderationAudioLabel": "Permitir a los asistentes activar su audio.",
+        "moderationVideoLabel": "Permitir a los asistentes activar su video.",
+        "muteEveryoneDialog": "¿Estás seguro que quieres silenciar a todos? No podrás quitarles el silencio, pero ellos pueden quitárselo en cualquier momento.",
+        "muteEveryoneDialogModerationOn": "Los participantes pueden enviar una solicitud de intervención en cualquier momento.",
+        "muteEveryoneElseDialog": "Una vez silenciados, no podrás quitarles el modo silencio, pero ellos podrán hacerlo en cualquier momento.",
+        "muteEveryoneElseTitle": "¿Silenciar a todos excepto a {{whom}}?",
+        "muteEveryoneElsesVideoDialog": "Una vez desactivada la cámara, no podrás volver a activarla, pero pueden volver a activarla en cualquier momento.",
+        "muteEveryoneElsesVideoTitle": "¿Detener el vídeo de todos, excepto el de {{whom}}?",
+        "muteEveryoneSelf": "ti mismo",
+        "muteEveryoneStartMuted": "Todos inician silenciados desde ahora",
+        "muteEveryoneTitle": "¿Silenciar a todos?",
+        "muteEveryonesVideoDialog": "Los participantes pueden encender su vídeo en cualquier momento.",
+        "muteEveryonesVideoDialogModerationOn": "Los participantes pueden enviar una solicitud para encender su vídeo en cualquier momento.",
+        "muteEveryonesVideoDialogOk": "Desactivar",
+        "muteEveryonesVideoTitle": "¿Detener el vídeo de todos?",
+        "muteParticipantBody": "No podrás quitarles el modo en silencio, pero ellos pueden quitárselo en cualquier momento.",
+        "muteParticipantButton": "Silenciar",
+        "muteParticipantsVideoBody": "No podrás volver a encender la cámara, pero ellos pueden volver a encenderla en cualquier momento.",
+        "muteParticipantsVideoBodyModerationOn": "",
+        "muteParticipantsVideoButton": "Detener video",
+        "muteParticipantsVideoDialog": "¿Estás seguro de que quieres apagar la cámara de este participante? No podrás volver a encender la cámara, pero ellos pueden volver a encenderla en cualquier momento.",
+        "muteParticipantsVideoDialogModerationOn": "",
+        "muteParticipantsVideoTitle": "¿Desactivar la cámara de este participante?",
+        "noDropboxToken": "No hay un token válido de Dropbox",
+        "password": "Contraseña",
+        "passwordLabel": "$t(lockRoomPasswordUppercase)",
+        "passwordNotSupported": "No se soporta $t(lockRoomPassword) en la reunión",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) no es compatible",
+        "passwordRequired": "$t(lockRoomPasswordUppercase) necesario",
+        "permissionCameraRequiredError": "El permiso de cámara es necesario para participar en conferencias con vídeo. Por favor, permítelo en Ajustes",
+        "permissionErrorTitle": "Permiso necesario",
+        "permissionMicRequiredError": "El permiso de micrófono es necesario para participar en conferencias con sonido. Por favor, permítelo en Ajustes",
+        "popupError": "Su navegador está bloqueando las ventanas emergentes de este sitio. Habilite las ventanas emergentes en la configuración de seguridad de su navegador y vuelva a intentarlo.",
+        "popupErrorTitle": "Ventana emergente bloqueada",
+        "readMore": "más",
+        "recentlyUsedObjects": "Tus objetos usados recientemente",
+        "recording": "Grabando",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "No es posible mientras la transmisión en vivo este activa",
+        "rejoinNow": "Reunirse ahora",
+        "remoteControlAllowedMessage": "¡{{user}} ha aceptado tu solicitud de control remoto!",
+        "remoteControlDeniedMessage": "¡{{user}} ha rechazado tu solicitud de control remoto!",
+        "remoteControlErrorMessage": "¡Ha ocurrido un error tratando de solicitar permiso de control remoto de {{user}}!",
+        "remoteControlRequestMessage": "¿Permitirá que {{user}} controle remotamente su computadora?",
+        "remoteControlShareScreenWarning": "¡Tenga en cuenta que si presiona \"Permitir\" usted compartirá su pantalla!",
+        "remoteControlStopMessage": "¡La sesión de control remoto ha finalizado!",
+        "remoteControlTitle": "Control de escritorio remoto",
+        "remoteUserControls": "El control remoto de {{username}}",
+        "removePassword": "Eliminar $t(lockRoomPassword)",
+        "removeSharedVideoMsg": "¿Estás seguro de que deseas eliminar el vídeo compartido?",
+        "removeSharedVideoTitle": "Eliminar vídeo compartido",
+        "reservationError": "Error del sistema de reservaciones",
+        "reservationErrorMsg": "Código de error: {{code}}, mensaje: {{msg}}",
+        "retry": "Reintentar",
+        "screenSharingAudio": "Compartir audio",
+        "screenSharingFailed": "¡Ups! ¡Algo salió mal, no se pudo iniciar la compartición de su pantalla!",
+        "screenSharingFailedTitle": "¡Fallo al compartir su pantalla!",
+        "screenSharingPermissionDeniedError": "¡Uy! Algo salió mal con tus permisos de extensión para compartir pantalla. Vuelve a cargar la página e intenta de nuevo.",
+        "searchInSalesforce": "Buscar en Salesforce",
+        "searchResults": "Resultados de búsqueda({{count}}",
+        "searchResultsDetailsError": "",
+        "searchResultsError": "Hubo un error recuperando los datos.",
+        "searchResultsNotFound": "No se encontraron resultados.",
+        "searchResultsTryAgain": "Vuelve a intentar usando palabras clave alternativas",
+        "sendPrivateMessage": "Acabas de recibir un mensaje privado. ¿Deseas responder en privado o a todos?",
+        "sendPrivateMessageCancel": "Enviar al grupo",
+        "sendPrivateMessageOk": "Enviar en privado",
+        "sendPrivateMessageTitle": "¿Enviar en privado?",
+        "serviceUnavailable": "Servicio no disponible",
+        "sessTerminated": "Llamada terminada",
+        "sessionRestarted": "Llamada reiniciada por un problema de conexión.",
+        "shareAudio": "Continuar",
+        "shareAudioTitle": "Cómo compartir el audio",
+        "shareAudioWarningD1": "debes dejar de compartir la pantalla antes de compartir el audio.",
+        "shareAudioWarningD2": "Tienes que reiniciar tu pantalla compartida y marcar la opción \"compartir audio\".",
+        "shareAudioWarningH1": "Si quieres compartir sólo el audio:",
+        "shareAudioWarningTitle": "Hay que dejar de compartir la pantalla antes de compartir el audio",
+        "shareMediaWarningGenericH2": "Si quieres compartir tu pantalla y audio",
+        "shareScreenWarningD1": "debes dejar de compartir el audio antes de compartir la pantalla.",
+        "shareScreenWarningD2": "tienes que dejar de compartir el audio, empezar a compartir la pantalla y marcar la opción \"compartir el audio\".",
+        "shareScreenWarningH1": "Si quieres compartir sólo tu pantalla:",
+        "shareScreenWarningTitle": "Tienes que dejar de compartir el audio antes de compartir la pantalla",
+        "shareVideoLinkError": "Proporciona un enlace correcto.",
+        "shareVideoTitle": "Compartir un vídeo",
+        "shareYourScreen": "Compartir pantalla",
+        "shareYourScreenDisabled": "Se desactivó la opción para compartir pantalla.",
+        "sharedVideoDialogError": "Error: URL inválido",
+        "sharedVideoLinkPlaceholder": "Enlace de YouTube o enlace de vídeo directo",
+        "show": "Mostrar",
+        "start": "Iniciar",
+        "startLiveStreaming": "Iniciar transmisión en vivo",
+        "startRecording": "Iniciar grabación",
+        "startRemoteControlErrorMessage": "Se produjo un error al intentar iniciar la sesión de control remoto.",
+        "stopLiveStreaming": "Detener transmisión en vivo",
+        "stopRecording": "Detener grabación",
+        "stopRecordingWarning": "¿Estás seguro de que deseas detener la grabación?",
+        "stopStreamingWarning": "¿Estás seguro de que deseas detener la transmisión en vivo?",
+        "streamKey": "Clave de transmisión en vivo",
+        "thankYou": "¡Gracias por usar {{appName}}!",
+        "token": "token",
+        "tokenAuthFailed": "Lo sentimos, no tienes permiso para unirte a esta llamada.",
+        "tokenAuthFailedTitle": "Error de autenticación",
+        "transcribing": "Transcribiendo",
+        "unlockRoom": "Quitar la $t(lockRoomPassword) de reunión",
+        "user": "Usuario",
+        "userIdentifier": "Identificador de usuario",
+        "userPassword": "contraseña del usuario",
+        "verifyParticipantConfirm": "",
+        "verifyParticipantDismiss": "",
+        "verifyParticipantQuestion": "",
+        "verifyParticipantTitle": "Verificación de usuario",
+        "videoLink": "Enlace de vídeo",
+        "viewUpgradeOptions": "Ver opciones de mejora",
+        "viewUpgradeOptionsContent": "Para obtener acceso ilimitado a las funciones premium, como la grabación, las transcripciones, el streaming RTMP y otras, tendrás que actualizar tu plan.",
+        "viewUpgradeOptionsTitle": "¡Has descubierto una característica premium!",
+        "yourEntireScreen": "Toda la pantalla"
+    },
+    "documentSharing": {
+        "title": "Compartir documento"
+    },
+    "e2ee": {
+        "labelToolTip": "La comunicación de audio y vídeo en esta reunión está cifrada de extremo a extremo"
+    },
+    "embedMeeting": {
+        "title": "Insertar esta reunión"
+    },
+    "feedback": {
+        "average": "Promedio",
+        "bad": "Mala",
+        "detailsLabel": "Cuéntanos más sobre tu experiencia.",
+        "good": "Buena",
+        "rateExperience": "¿Cómo estuvo tu experiencia en la reunión?",
+        "star": "Estrella",
+        "veryBad": "Muy mala",
+        "veryGood": "Muy buena"
+    },
+    "filmstrip": {
+        "accessibilityLabel": {
+            "heading": "Miniaturas de video"
+        }
+    },
+    "giphy": {
+        "noResults": "No se encontraron resultados :(",
+        "search": "Busca en GIPHY"
+    },
+    "incomingCall": {
+        "answer": "Contestar",
+        "audioCallTitle": "Llamada entrante",
+        "decline": "Descartar",
+        "productLabel": "de Jitsi Meet",
+        "videoCallTitle": "Videollamada"
+    },
+    "info": {
+        "accessibilityLabel": "Mostrar información",
+        "addPassword": "Agregar $t(lockRoomPassword)",
+        "cancelPassword": "Cancelar $t(lockRoomPassword)",
+        "conferenceURL": "Enlace:",
+        "copyNumber": "Copiar número",
+        "country": "País",
+        "dialANumber": "Para unirte a la reunión, marca uno de estos números y, luego introduce el PIN.",
+        "dialInConferenceID": "PIN:",
+        "dialInNotSupported": "Lo sentimos, actualmente no se admite el marcado telefónico a la reunión.",
+        "dialInNumber": "Marcar:",
+        "dialInSummaryError": "Se ha producido un error al capturar la información de marcación. Vuelva a intentarlo más tarde",
+        "dialInTollFree": "Número gratuito",
+        "genericError": "Algo salió mal.",
+        "inviteLiveStream": "Para ver la transmisión en vivo de esta reunión, haz clic en este enlace: {{url}}",
+        "invitePhone": "También puedes entrar por llamada telefónica: Marca al número {{number}}, y al escuchar la contestadora introduce {{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Si necesitas un número telefónico de otro país, revisa los números disponibles en {{url}}\n\n\nSi además de entrar vía llamada vas a usar otro dispositivo, puedes usar este enlace para entrar sin audio: {{silentUrl}}",
+        "inviteSipEndpoint": "Para unirse utilizando la dirección SIP, introduzca esto: {{sipUri}}",
+        "inviteTextiOSInviteUrl": "Haz clic en el siguiente enlace para unirte: {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "Si marca a través de un teléfono de sala, utilice este enlace para unirse sin conectarse al audio: {{silentUrl}}.",
+        "inviteTextiOSPersonal": "{{name}} te invita a una reunión.",
+        "inviteTextiOSPhone": "Para participar por teléfono, utiliza este número: {{number}},,{{conferenceID}}. Si buscas otro número, ésta es la lista completa: {{didUrl}}.",
+        "inviteURLFirstPartGeneral": "Estás invitado a unirte a una reunión.",
+        "inviteURLFirstPartPersonal": "{{name}} te esta invitando a una reunión.\n",
+        "inviteURLSecondPart": "\nEnlace para unirse a la reunión:\n{{url}}\n",
+        "label": "Información de la reunión",
+        "liveStreamURL": "Transmisión en vivo:",
+        "moreNumbers": "Más números",
+        "noNumbers": "No hay números para entrar por llamada telefónica.",
+        "noPassword": "Ninguna",
+        "noRoom": "No se especificó la sala a marcar.",
+        "numbers": "Números para entrar por llamada telefónica:",
+        "password": "$t(lockRoomPasswordUppercase):",
+        "reachedLimit": "Alcanzaste el límite de tu plan.",
+        "sip": "Dirección SIP",
+        "title": "Compartir",
+        "tooltip": "Compartir el enlace y acceso telefónico para esta reunión",
+        "upgradeOptions": "Por favor revisa las opciones de mejora en"
+    },
+    "inlineDialogFailure": {
+        "msg": "Tuvimos un pequeño tropiezo.",
+        "retry": "Volver a intentar",
+        "support": "Soporte",
+        "supportMsg": "Si esto sigue ocurriendo, contacta a"
+    },
+    "inviteDialog": {
+        "alertText": "Se ha producido un error al invitar a algunos participantes",
+        "header": "Invitar",
+        "searchCallOnlyPlaceholder": "Introduce el número de teléfono",
+        "searchPeopleOnlyPlaceholder": "Buscar participantes",
+        "searchPlaceholder": "Participante o número de teléfono",
+        "send": "Enviar"
+    },
+    "jitsiHome": "{{logo}} Logotipo, enlaces a la página web",
+    "keyboardShortcuts": {
+        "focusLocal": "Ver tu cámara",
+        "focusRemote": "Ver la cámara de otras personas",
+        "fullScreen": "Entrar o salir de pantalla completa",
+        "giphyMenu": "Alternar menú GIPHY",
+        "keyboardShortcuts": "Atajos de teclado",
+        "localRecording": "Mostrar u ocultar controles de grabación local",
+        "mute": "Activar o silenciar el micrófono",
+        "pushToTalk": "Presiona para hablar",
+        "raiseHand": "Levantar o bajar la mano",
+        "showSpeakerStats": "Mostrar estadísticas de los participantes",
+        "toggleChat": "Abrir o cerrar el chat",
+        "toggleFilmstrip": "Mostrar u ocultar miniaturas de vídeo",
+        "toggleParticipantsPane": "Mostrar u ocultar el panel de participantes",
+        "toggleScreensharing": "Cambiar entre cámara y pantalla compartida",
+        "toggleShortcuts": "Mostrar u ocultar atajos del teclado",
+        "videoMute": "Encender o apagar la cámara"
+    },
+    "largeVideo": {
+        "screenIsShared": "Estás compartiendo tu pantalla",
+        "showMeWhatImSharing": "Muéstrame qué estoy compartiendo"
+    },
+    "liveStreaming": {
+        "busy": "Nuestros servidores andan un poco ocupados. Vuelve a intentarlo en unos minutos.",
+        "busyTitle": "Todos los transmisores están ocupados",
+        "changeSignIn": "Cambiar de cuenta.",
+        "choose": "Elegir una transmisión en vivo",
+        "chooseCTA": "Elegir una opción de transmisión. Actualmente, la sesión está iniciada como {{email}}.",
+        "enterStreamKey": "Introduce la clave de transmisión como se indica arriba.",
+        "error": "La transmisión en vivo falló. Por favor, inténtelo de nuevo.",
+        "errorAPI": "Se produjo un error al acceder a las transmisiones de YouTube. Por favor intenta iniciar sesión otra vez.",
+        "errorLiveStreamNotEnabled": "La transmisión en vivo no está activada en {{email}}. Por favor, activa la transmisión en vivo o inicia sesión en una cuenta con la transmisión en vivo activada.",
+        "expandedOff": "La transmisión en vivo se ha detenido",
+        "expandedOn": "La reunión se está transmitiendo a YouTube.",
+        "expandedPending": "La transmisión en vivo se está iniciando…",
+        "failedToStart": "La transmisión en vivo no se pudo iniciar",
+        "getStreamKeyManually": "No pudimos encontrar tu clave de transmisión. Por favor, obtenla de la página de YouTube y pégala.",
+        "googlePrivacyPolicy": "Política de Privacidad de Google",
+        "inProgress": "Grabación o transmisión en vivo en curso",
+        "invalidStreamKey": "Es posible que la clave de transmisión sea incorrecta, o no es de YouTube.",
+        "limitNotificationDescriptionNative": "Su transmisión estará limitada a {{limit}} minutos. Puede obtener transmisiones ilimitadas en {{app}}.",
+        "limitNotificationDescriptionWeb": "Debido a la alta demanda su transmisión estará limitada a {{limit}} minutos. Puede obtener transmisiones ilimitadas en <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "off": "Se detuvo la transmisión",
+        "offBy": "{{name}} detuvo la transmisión",
+        "on": "Transmitiendo en vivo",
+        "onBy": "{{name}} inició la transmisión en vivo",
+        "pending": "Iniciando transmisión en vivo…",
+        "serviceName": "Servicio de transmisión en vivo",
+        "sessionAlreadyActive": "Esta sesión ya está siendo grabada o transmitida en vivo.",
+        "signIn": "Iniciar sesión con Google",
+        "signInCTA": "Para transmitir a YouTube, inicia sesión o introduce la clave de transmisión. Para transmitir a otro lugar, introduce el URL (que empieza en rtmp), seguido de la clave de transmisión. Debe haber una diagonal (/) entre ambos.",
+        "signOut": "Cerrar sesión",
+        "signedInAs": "Actualmente, la sesión está iniciada como:",
+        "start": "Iniciar una transmisión en vivo",
+        "streamIdHelp": "¿Qué es esto?",
+        "title": "Transmisión en vivo",
+        "unavailableTitle": "Transmisión en vivo no disponible",
+        "youtubeTerms": "Términos de servicios de YouTube"
+    },
+    "lobby": {
+        "backToKnockModeButton": "No hay contraseña, pide permiso para entrar.",
+        "chat": "Chat",
+        "dialogTitle": "Sala de espera",
+        "disableDialogContent": "Sala de espera activada. Así no entrarán intrusos. ¿Quieres desactivarla?",
+        "disableDialogSubmit": "Desactivar",
+        "emailField": "Introduce tu correo electrónico",
+        "enableDialogPasswordField": "Establecer contraseña (opcional)",
+        "enableDialogSubmit": "Activar",
+        "enableDialogText": "La sala de espera te deja proteger tu reunión, de modo que todas los que entren enviarán una solicitud que deberá ser aprobada por un moderador.",
+        "enterPasswordButton": "Introduce la contraseña de la reunión",
+        "enterPasswordTitle": "Introduce la contraseña para poder entrar",
+        "errorMissingPassword": "Por favor, introduzca la contraseña de la reunión",
+        "invalidPassword": "Contraseña inválida",
+        "joinRejectedMessage": "Tu solicitud para entrar ha sido rechazada por un moderador.",
+        "joinRejectedTitle": "Solicitud para entrar rechazada.",
+        "joinTitle": "Entrar a la reunión",
+        "joinWithPasswordMessage": "Tratando de entrar con contraseña, por favor espera…",
+        "joiningMessage": "Podrás entrar tan pronto te acepten tu solicitud.",
+        "joiningTitle": "Pidiendo entrar a la reunión…",
+        "joiningWithPasswordTitle": "Uniéndose con la contraseña…",
+        "knockButton": "Pedir entrar",
+        "knockTitle": "Alguien quiere entrar a la reunión",
+        "knockingParticipantList": "Participantes que quieren entrar",
+        "lobbyChatStartedNotification": "{{moderator}} inició un chat de lobby con {{attendee}}",
+        "lobbyChatStartedTitle": "{{moderator}} inició un chat de lobby contigo.",
+        "nameField": "Introduce tu nombre",
+        "notificationLobbyAccessDenied": "{{originParticipantName}} no dejó entrar a {{targetParticipantName}}",
+        "notificationLobbyAccessGranted": "{{originParticipantName}} permitió entrar a {{targetParticipantName}}",
+        "notificationLobbyDisabled": "La sala de espera ha sido desactivada por {{originParticipantName}}",
+        "notificationLobbyEnabled": "La sala de espera ha sido activada por {{originParticipantName}}",
+        "notificationTitle": "Sala de espera",
+        "passwordField": "Introduce la contraseña de la reunión",
+        "passwordJoinButton": "Entrar",
+        "title": "Sala de espera",
+        "toggleLabel": "Activar sala de espera"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Desactivado",
+            "on": "Activado",
+            "unknown": "Desconocido"
+        },
+        "dialogTitle": "Controles de grabación local",
+        "duration": "Duración",
+        "durationNA": "N/A",
+        "encoding": "Codificación",
+        "label": "GRA",
+        "labelToolTip": "Grabación local activada",
+        "localRecording": "Grabación local",
+        "me": "Yo",
+        "messages": {
+            "engaged": "Grabación local activada.",
+            "finished": "Sesión de grabación {{token}} terminada. Por favor, envía la grabación al organizador.",
+            "finishedModerator": "Sesión de grabación {{token}} terminada. Se ha guardado la grabación de la pista local. Por favor pida a los demás participantes que presenten sus grabaciones.",
+            "notModerator": "No eres el moderador. No puedes iniciar o detener la grabación local."
+        },
+        "moderator": "Moderador",
+        "no": "No",
+        "participant": "Participante",
+        "participantStats": "Estadística de participantes",
+        "selectTabTitle": "🎥 Por favor seleccione esta pestaña para grabar",
+        "sessionToken": "Token de sesión",
+        "start": "Iniciar grabación",
+        "stop": "Detener grabación",
+        "yes": "Sí"
+    },
+    "lockRoomPassword": "contraseña",
+    "lockRoomPasswordUppercase": "Contraseña",
+    "lonelyMeetingExperience": {
+        "button": "Invita a otros",
+        "youAreAlone": "Estás solo"
+    },
+    "me": "yo",
+    "notify": {
+        "OldElectronAPPTitle": "¡Aplicación obsoleta e insegura!",
+        "allowAction": "Permitir",
+        "allowedUnmute": "Puedes anular el silencio del micrófono, iniciar la cámara o compartir la pantalla.",
+        "audioUnmuteBlockedDescription": "La operación de activación del micrófono ha sido bloqueada temporalmente debido a límites del sistema.",
+        "audioUnmuteBlockedTitle": "¡Activación del micrófono bloqueado!",
+        "chatMessages": "Mensajes del chat",
+        "connectedOneMember": "{{name}} se unió a la reunión",
+        "connectedThreePlusMembers": "{{name}} y {{count}} más se unieron a la reunión",
+        "connectedTwoMembers": "{{first}} y {{second}} se unieron a la reunión",
+        "dataChannelClosed": "",
+        "dataChannelClosedDescription": "",
+        "disabledIframe": "",
+        "disconnected": "desconectado",
+        "displayNotifications": "Mostrar notificaciones para",
+        "dontRemindMe": "No me lo recuerdes",
+        "focus": "Enfocar conferencia",
+        "focusFail": "{{component}} no disponible. Vuelve a intentar en {{ms}} segundos",
+        "gifsMenu": "GIPHY",
+        "groupTitle": "Notificaciones",
+        "hostAskedUnmute": "El moderador quiere que hables",
+        "invitedOneMember": "{{name}} ha sido invitado",
+        "invitedThreePlusMembers": "{{name}} y {{count}} más han sido invitados",
+        "invitedTwoMembers": "{{first}} y {{second}} han sido invitados",
+        "joinMeeting": "Unirse",
+        "kickParticipant": "{{kicker}} sacó a {{kicked}}",
+        "leftOneMember": "{{name}} abandonó la reunión",
+        "leftThreePlusMembers": "{{name}} y muchos otros abandonaron la reunión",
+        "leftTwoMembers": "{{first}} y {{second}} abandonaron la reunión",
+        "linkToSalesforce": "Enlace a Salesforce",
+        "linkToSalesforceDescription": "Puedes vincular el resumen de la reunión a un objeto Salesforce",
+        "linkToSalesforceError": "Error al vincular la reunión a Salesforce",
+        "linkToSalesforceKey": "",
+        "linkToSalesforceProgress": "Vinculando reunión a Salesorce…",
+        "linkToSalesforceSuccess": "La reunión fue vinculada a Salesforce",
+        "localRecordingStarted": "{{name}} ha iniciado una grabación local.",
+        "localRecordingStopped": "{{name}} ha detenido una grabación local.",
+        "me": "Yo",
+        "moderationInEffectCSDescription": "Por favor, levante la mano si quiere compartir su pantalla.",
+        "moderationInEffectCSTitle": "La pantalla compartida está bloqueada por el moderador",
+        "moderationInEffectDescription": "Por favor, levanten la mano si quieren hablar.",
+        "moderationInEffectTitle": "Su micrófono está silenciado por el moderador",
+        "moderationInEffectVideoDescription": "Por favor, levanten la mano si quieren encender su cámara.",
+        "moderationInEffectVideoTitle": "Su cámara está bloqueada por el moderador",
+        "moderationRequestFromModerator": "El anfitrión desea que se desactive el silencio",
+        "moderationRequestFromParticipant": "Quiere hablar",
+        "moderationStartedTitle": "Comienzo de la moderación",
+        "moderationStoppedTitle": "La moderación se detuvo",
+        "moderationToggleDescription": "por {{participantDisplayName}}",
+        "moderator": "¡Se otorgaron privilegios de moderador!",
+        "muted": "Has iniciado la conversación con el micrófono apagado.",
+        "mutedRemotelyDescription": "Siempre puedes reactivar tu micrófono cuando estés listo para hablar. Vuélvelo a apagar cuando termines de hablar para no hacer ruido.",
+        "mutedRemotelyTitle": "¡{{Nombre del participante}} te ha silenciado!",
+        "mutedTitle": "¡Estás silenciado!",
+        "newDeviceAction": "Usar",
+        "newDeviceAudioTitle": "Se detectó un dispositivo de audio nuevo",
+        "newDeviceCameraTitle": "Se detectó una cámara nueva",
+        "noiseSuppressionDesktopAudioDescription": "La supresión de ruido no puede ser habilitada mientras comparte audio del escritorio, por favor deshabilítelo y vuelva a intentar.",
+        "noiseSuppressionFailedTitle": "Error al activar la supresión de ruido",
+        "noiseSuppressionNoTrackDescription": "Por favor active su micrófono primero.",
+        "noiseSuppressionStereoDescription": "La supresión de ruido en audio estéreo no tiene soporte actualmente",
+        "oldElectronClientDescription1": "Estás usando una versión vieja de la aplicación de Jitsi Meet que tiene problemas de seguridad. ¡Por favor, actualiza a la ",
+        "oldElectronClientDescription2": "versión más reciente",
+        "oldElectronClientDescription3": " YA!",
+        "participantWantsToJoin": "Quiere unirse a la reunión",
+        "participantsWantToJoin": "Quieren unirse a la reunión",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) eliminada por otro participante",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) agregada por otro participante",
+        "raiseHandAction": "Levantar la mano",
+        "raisedHand": "{{name}} quisiera hablar.",
+        "raisedHands": "",
+        "reactionSounds": "Desactivar sonidos",
+        "reactionSoundsForAll": "Desactivar sonidos para todos",
+        "screenShareNoAudio": "La casilla Compartir audio no estaba marcada en la pantalla de selección de ventanas.",
+        "screenShareNoAudioTitle": "No se pudo compartir el audio del sistema.",
+        "screenSharingAudioOnlyDescription": "Por favor tenga en cuenta que al compartir si pantalla está afectando el modo \"Mejor rendimiento\" y usará más ancho de banda",
+        "screenSharingAudioOnlyTitle": "Modo \"Mejor rendimiento\"",
+        "selfViewTitle": "Siempre puedes reactivar la vista propia en los ajustes",
+        "somebody": "Alguien",
+        "startSilentDescription": "Vuelve a ingresar para activar el audio",
+        "startSilentTitle": "¡Te uniste sin audio!",
+        "suboptimalBrowserWarning": "No tendrás una buena experiencia con este navegador. Por favor, intenta utilizar uno de los <a href='{{recommendedBrowserPageLink}}' target='_blank'>navegadores compatibles</a>.",
+        "suboptimalExperienceTitle": "¡Tu navegador no es compatible!",
+        "unmute": "Reactivar micrófono",
+        "videoMutedRemotelyDescription": "Siempre puedes volver a encenderlo.",
+        "videoMutedRemotelyTitle": "Su vídeo ha sido desactivado por {{moderator}}",
+        "videoUnmuteBlockedDescription": "Las operaciones de desactivar la cámara y compartir pantalla hansido bloqueadas temporalmente debido a límites del sistema.",
+        "videoUnmuteBlockedTitle": "¡Desactivar cámara y compartir pantalla bloqueados!",
+        "viewLobby": "Ver lobby",
+        "waitingParticipants": "{{waitingParticipants}} personas"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "Admitir",
+            "admitAll": "Admitir todo",
+            "allow": "Permitir a los asistentes:",
+            "allowVideo": "Permitir vídeo",
+            "askUnmute": "Pida que le quiten el silencio",
+            "audioModeration": "Desmutearse a sí mismos",
+            "blockEveryoneMicCamera": "Bloquear el micrófono y la cámara de todos.",
+            "invite": "Invitar a alguien",
+            "moreModerationActions": "Más opciones de moderación",
+            "moreModerationControls": "Más controles de moderación",
+            "moreParticipantOptions": "Más opciones de participantes",
+            "mute": "Silenciar",
+            "muteAll": "Silenciar a todos",
+            "muteEveryoneElse": "Silenciar al resto",
+            "reject": "Rechazar",
+            "stopEveryonesVideo": "Detener el vídeo de todos",
+            "stopVideo": "Detener el vídeo",
+            "unblockEveryoneMicCamera": "Desbloquear el micrófono y la cámara de todos",
+            "videoModeration": "Iniciar su vídeo"
+        },
+        "close": "Cerrar",
+        "headings": {
+            "lobby": "Vestíbulo ({{count}})",
+            "participantsList": "Participantes en la reunión ({{count}})",
+            "visitors": "Visitantes ({{count}})",
+            "waitingLobby": "Esperando en el vestíbulo ({{count}})"
+        },
+        "search": "Buscar participantes",
+        "title": "Participantes"
+    },
+    "passwordDigitsOnly": "Hasta {{number}} cifras",
+    "passwordSetRemotely": "Definida por otro participante",
+    "pinParticipant": "",
+    "pinnedParticipant": "",
+    "polls": {
+        "answer": {
+            "skip": "Saltar",
+            "submit": "Enviar"
+        },
+        "by": "Por {{ name }}",
+        "create": {
+            "addOption": "Añadir opción",
+            "answerPlaceholder": "Opción {{index}}",
+            "cancel": "Cancelar",
+            "create": "Crear una encuesta",
+            "pollOption": "Opción de encuesta {{index}}",
+            "pollQuestion": "Pregunta de la encuesta",
+            "questionPlaceholder": "Haz una pregunta",
+            "removeOption": "Eliminar la opción",
+            "send": "Enviar"
+        },
+        "errors": {
+            "notUniqueOption": "Las opciones deben ser únicas"
+        },
+        "notification": {
+            "description": "Abre la pestaña de encuestas para votar",
+            "title": "Se ha añadido una nueva encuesta a esta reunión"
+        },
+        "results": {
+            "changeVote": "Cambiar el voto",
+            "empty": "Todavía no hay encuestas en la reunión. ¡Inicie una encuesta aquí!",
+            "hideDetailedResults": "Ocultar detalles",
+            "showDetailedResults": "Mostrar detalles",
+            "vote": "Vota"
+        }
+    },
+    "poweredby": "con tecnología de",
+    "prejoin": {
+        "audioAndVideoError": "Error en audio y vídeo:",
+        "audioDeviceProblem": "Hay un problema con su dispositivo de audio",
+        "audioOnlyError": "Error en audio:",
+        "audioTrackError": "No se pudo crear la pista de audio.",
+        "callMe": "Llámame",
+        "callMeAtNumber": "Llamame a este número:",
+        "calling": "Llamando",
+        "configuringDevices": "Configurando dispositivos…",
+        "connectedWithAudioQ": "¿Estás está conectado con audio?",
+        "connection": {
+            "good": "¡Su conexión a internet es buena!",
+            "nonOptimal": "Su conexión a internet no es óptima",
+            "poor": "Tiene una conexión a internet pobre"
+        },
+        "connectionDetails": {
+            "audioClipping": "Prevemos que su audio tendrá recortes.",
+            "audioHighQuality": "Prevemos que su audio tendrá excelente calidad.",
+            "audioLowNoVideo": "Prevemos que la calidad de su audio será baja y sin video.",
+            "goodQuality": "¡Genial! La calidad de sus medios será excelente.",
+            "noMediaConnectivity": "No pudimos encontrar una forma de establecer la conectividad de medios para esta prueba. Esto suele ser causado por un firewall o NAT.",
+            "noVideo": "Prevemos que su video será terrible.",
+            "undetectable": "Si aún no puede realizar llamadas en el navegador, le recomendamos que se asegure de que los altavoces, el micrófono y la cámara estén configurados correctamente, que haya concedido los derechos de su navegador para usar el micrófono y la cámara, y que la versión de su navegador esté actualizada. Si aún tiene problemas para llamar, debería comunicarse con el desarrollador de la aplicación web.",
+            "veryPoorConnection": "Prevemos que la calidad de su llamada será realmente terrible.",
+            "videoFreezing": "Prevemos que su video se congelará, se volverá negro y se pixelará.",
+            "videoHighQuality": "Prevemos que su video tendrá buena calidad.",
+            "videoLowQuality": "Prevemos que su video tendrá baja calidad en términos de velocidad de fotogramas y resolución.",
+            "videoTearing": "Prevemos que su video se pixelará o tendrá artefactos visuales."
+        },
+        "copyAndShare": "Copia y comparte el enlace de la reunión",
+        "dialInMeeting": "Entrar con llamada telefónica",
+        "dialInPin": "Marca a la reunión e ingresa el código:",
+        "dialing": "Marcando",
+        "doNotShow": "No mostrar nuevamente",
+        "errorDialOut": "No se pudo marcar.",
+        "errorDialOutDisconnected": "No se pudo marcar. Desconectado.",
+        "errorDialOutFailed": "No se pudo marcar. La llamada falló.",
+        "errorDialOutStatus": "Hubo algún error, y no se pudo determinar cuál",
+        "errorMissingName": "Ingrese su nombre para unirse a la reunión",
+        "errorNoPermissions": "Tienes que habilitar el acceso al micrófono y a la cámara",
+        "errorStatusCode": "Error al marcar, código de error {{status}}",
+        "errorValidation": "No se pudo validar el número",
+        "iWantToDialIn": "Quiero entrar por teléfono",
+        "initiated": "Llamada iniciada",
+        "joinAudioByPhone": "Entrar con audio de llamada telefónica",
+        "joinMeeting": "Entrar a la reunión",
+        "joinMeetingInLowBandwidthMode": "Entrar en modo de ancho de banda bajo",
+        "joinWithoutAudio": "Entrar sin sonido",
+        "keyboardShortcuts": "Activar los atajos de teclado",
+        "linkCopied": "Se copió el link",
+        "lookGood": "Tu micrófono funciona bien.",
+        "or": "o",
+        "premeeting": "Pre-reunión",
+        "proceedAnyway": "Continuar de todos modos",
+        "screenSharingError": "Error al compartir pantalla:",
+        "startWithPhone": "Iniciar con audio de llamada telefónica",
+        "unsafeRoomConsent": "Comprendo los riesgos, quiero unirme a la reunión",
+        "videoOnlyError": "Error con el vídeo:",
+        "videoTrackError": "No se pudo crear la pista de vídeo.",
+        "viewAllNumbers": "ver todos los números"
+    },
+    "presenceStatus": {
+        "busy": "Ocupado",
+        "calling": "Llamando…",
+        "connected": "Conectado",
+        "connecting": "Conectando…",
+        "connecting2": "Conectando*…",
+        "disconnected": "Desconectado",
+        "expired": "Expirado",
+        "ignored": "Ignorado",
+        "initializingCall": "Iniciando llamada…",
+        "invited": "Invitado",
+        "rejected": "Rechazado",
+        "ringing": "Timbrando…"
+    },
+    "profile": {
+        "avatar": "avatar",
+        "setDisplayNameLabel": "Configura tu nombre para mostrar",
+        "setEmailInput": "Introducir correo electrónico",
+        "setEmailLabel": "Configurar tu correo electrónico de Gravatar",
+        "title": "Perfil"
+    },
+    "raisedHand": "Desea hablar",
+    "raisedHandsLabel": "Cantidad de manos levantadas",
+    "record": {
+        "already": {
+            "linked": "La reunión ya está vinculada a este objeto Salesforce"
+        },
+        "type": {
+            "account": "Cuenta",
+            "contact": "Contacto",
+            "lead": "",
+            "opportunity": "Oportunidad",
+            "owner": "Dueño"
+        }
+    },
+    "recording": {
+        "authDropboxText": "Subir a Dropbox",
+        "availableSpace": "Espacio disponible: {{spaceLeft}} MB (aproximadamente {{duration}} minutos de grabación)",
+        "beta": "BETA",
+        "busy": "Estamos trabajando para liberar recursos de grabación. Vuelve a intentarlo en unos minutos.",
+        "busyTitle": "Todas las grabadoras están actualmente ocupadas",
+        "copyLink": "Copiar enlace",
+        "error": "Error de grabación. Vuelve a intentarlo.",
+        "errorFetchingLink": "Error en la obtención del enlace de grabación.",
+        "expandedOff": "Grabación detenida",
+        "expandedOn": "La reunión está siendo grabada.",
+        "expandedPending": "La grabación se está iniciando…",
+        "failedToStart": "No se pudo iniciar la grabación",
+        "fileSharingdescription": "Compartir la grabación con los participantes de la reunión",
+        "highlight": "Destacar",
+        "highlightMoment": "Destacar momento",
+        "highlightMomentDisabled": "Puede destacar momentos cuando inicie la grabación",
+        "highlightMomentSuccess": "Momento destacado",
+        "highlightMomentSucessDescription": "Su momento destacado será agregado al resumen de la reunión.",
+        "inProgress": "Grabación o transmisión en vivo en curso",
+        "limitNotificationDescriptionNative": "Su grabación estará limitada a {{limit}} minutos. Puede obtener grabaciones ilimitadas en <3>{{app}}</3>.",
+        "limitNotificationDescriptionWeb": "Debido a la alta demanda su grabación estará limitada a {{limit}} minutos. Puede obtener grabaciones ilimitadas en <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "linkGenerated": "Hemos generado un enlace a su grabación.",
+        "live": "EN VIVO",
+        "localRecordingNoNotificationWarning": "La grabación no será anunciada al resto de participantes. Necesitarás hacerles saber que la reunión está siendo grabada.",
+        "localRecordingNoVideo": "El video no está siendo grabado",
+        "localRecordingStartWarning": "Por favor asegúrese de detener la grabación antes de abandonar la reunión para guardarla.",
+        "localRecordingStartWarningTitle": "Detenga la grabación para guardarla",
+        "localRecordingVideoStop": "Detener su video también detendrá la grabación local. ¿Está seguro de querer continuar?",
+        "localRecordingVideoWarning": "Para grabar su video debe tenerlo encendido al iniciar la grabación",
+        "localRecordingWarning": "Asegúrese de seleccionar la pestaña actual para usar el video y audio correctos.",
+        "loggedIn": "Sesión iniciada como {{userName}}",
+        "noMicPermission": "No se pudo crear la pista de micrófono. Por favor otorgue permiso para usar el micrófono.",
+        "noStreams": "",
+        "off": "Grabación detenida",
+        "offBy": "{{name}} detuvo la grabación",
+        "on": "Grabando",
+        "onBy": "{{name}} comenzó la grabación",
+        "onlyRecordSelf": "",
+        "pending": "Preparando para grabar la reunión…",
+        "rec": "GRA",
+        "saveLocalRecording": "Guardar archivo de grabación localmente (Beta)",
+        "serviceDescription": "El servicio de grabación guardará la grabación",
+        "serviceDescriptionCloud": "Grabación en la nube",
+        "serviceDescriptionCloudInfo": "Las reuniones grabadas son limpiadas 24h luego de su horario de grabación.",
+        "serviceName": "Servicio de grabación",
+        "sessionAlreadyActive": "Esta sesión ya está siendo grabada o transmitida en vivo.",
+        "signIn": "Iniciar sesión",
+        "signOut": "Cerrar sesión",
+        "surfaceError": "Por favor seleccione la pestaña actual.",
+        "title": "Grabando",
+        "unavailable": "¡Uy! {{serviceName}} actualmente no está disponible. Estamos trabajando para resolver el problema. Vuelve a intentarlo más tarde.",
+        "unavailableTitle": "Grabación no disponible",
+        "uploadToCloud": "Subir a la nube"
+    },
+    "screenshareDisplayName": "Pantalla de {{name}}",
+    "sectionList": {
+        "pullToRefresh": "Mueve el dedo para abajo para actualizar."
+    },
+    "security": {
+        "about": "Puedes agregar una contraseña a la reunión. Los participantes necesitarán la contraseña para unirse a la reunión.",
+        "aboutReadOnly": "Los participantes moderadores pueden agregar una $t(lockRoomPassword) a la reunión. Los participantes deberán proporcionar la $t(lockRoomPassword) antes de que se les permita unirse a la reunión.",
+        "insecureRoomNameWarningNative": "El nombre de esta sala es inseguro. Participantes indeseados podrían ingresar a su reunión. {{recommendAction}} Aprenda más sobre asegurar su reunión ",
+        "insecureRoomNameWarningWeb": "El nombre de esta sala es inseguro. Participantes indeseados podrían ingresar a su reunión. {{recommendAction}} Aprenda más sobre asegurar su reunión <a href=\"{{securityUrl}}\" rel=\"security\" target=\"_blank\">aquí</a>.",
+        "title": "Opciones de seguridad",
+        "unsafeRoomActions": {
+            "meeting": "Considere hacer más segura su reunión utilizando el botón de seguridad.",
+            "prejoin": "Considere utilizar un nombre de reunión más único.",
+            "welcome": "Considere utilizar un nombre de reunión más único, o elija una de las sugerencias"
+        }
+    },
+    "settings": {
+        "audio": "Audio",
+        "buttonLabel": "Ajustes",
+        "calendar": {
+            "about": "La integración del calendario de {{appName}} se usa para acceder al calendario de manera segura para que puedas estar al tanto de los próximos eventos.",
+            "disconnect": "Desconectar",
+            "microsoftSignIn": "Iniciar sesión con Microsoft",
+            "signedIn": "Actualmente se accede a eventos del calendario para {{email}}. Haz clic en el botón Desconectar más abajo para detener el acceso a eventos del calendario.",
+            "title": "Calendario"
+        },
+        "desktopShareFramerate": "Velocidad de fotogramas para compartir el escritorio",
+        "desktopShareHighFpsWarning": "Una mayor velocidad de fotogramas para el uso compartido de la pantalla podría afectar a su ancho de banda. Es necesario reiniciar la pantalla compartida para que la nueva configuración surta efecto.",
+        "desktopShareWarning": "Es necesario reiniciar la pantalla compartida para que los nuevos ajustes surtan efecto.",
+        "devices": "Dispositivos",
+        "followMe": "Todos me siguen",
+        "framesPerSecond": "fotogramas por segundo",
+        "incomingMessage": "Mensaje entrante",
+        "language": "Idioma",
+        "loggedIn": "Sesión iniciada como {{name}}",
+        "maxStageParticipants": "",
+        "microphones": "Micrófono",
+        "moderator": "Moderador",
+        "moderatorOptions": "Opciones de moderador",
+        "more": "Más",
+        "name": "Nombre",
+        "noDevice": "Ninguno",
+        "notifications": "Notificaciones",
+        "participantJoined": "Un participante se ha unido",
+        "participantKnocking": "Un participante ha ingresado al lobby",
+        "participantLeft": "Un participante se ha ido",
+        "playSounds": "Reproducir sonido",
+        "reactions": "Reacciones de la reunión",
+        "sameAsSystem": "Igual que el sistema ({{label}})",
+        "selectAudioOutput": "Salida de audio",
+        "selectCamera": "Cámara",
+        "selectMic": "Micrófono",
+        "selfView": "Vista propia",
+        "shortcuts": "Atajos",
+        "speakers": "Altavoces",
+        "startAudioMuted": "Todos inician silenciados",
+        "startReactionsMuted": "Silenciar sonidos de reacción para todos",
+        "startVideoMuted": "Todos inician con cámara desactivada",
+        "talkWhileMuted": "Hablar en silencio",
+        "title": "Ajustes",
+        "video": "Video"
+    },
+    "settingsView": {
+        "advanced": "Avanzado",
+        "alertCancel": "Cancelar",
+        "alertOk": "Aceptar",
+        "alertTitle": "Advertencia",
+        "alertURLText": "La dirección URL introducida no es válida",
+        "buildInfoSection": "Información de la compilación",
+        "conferenceSection": "Conferencia",
+        "disableCallIntegration": "Desactivar la integración nativa de llamadas",
+        "disableCrashReporting": "Desactivar el reporte de crasheos",
+        "disableCrashReportingWarning": "¿Estás seguro que no deseas reportarnos los crasheos? La opción se activará al reiniciar la app.",
+        "disableP2P": "Desactivar la comunicación directa (\"Peer-To-Peer\")",
+        "displayName": "Nombre a mostrar",
+        "displayNamePlaceholderText": "Por ejemplo: Juan Pérez",
+        "email": "Correo electrónico",
+        "emailPlaceholderText": "",
+        "goTo": "Ir a",
+        "header": "Configuración",
+        "help": "Ayuda",
+        "links": "Enlaces",
+        "privacy": "Privacidad",
+        "profileSection": "Perfil",
+        "serverURL": "URL del servidor",
+        "showAdvanced": "Mostrar configuración avanzada",
+        "startCarModeInLowBandwidthMode": "Iniciar módo automóvil en modo ancho de banda bajo",
+        "startWithAudioMuted": "Iniciar con el micrófono apagado",
+        "startWithVideoMuted": "Iniciar con la cámara apagada",
+        "terms": "Términos",
+        "version": "Versión"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\n¿Deseas entrar por llamada telefónica?\n\n{{defaultDialInNumber}}La lista de números disponibles para la reunión está disponible aquí: \n{{dialInfoPageUrl}}",
+        "mainText": "Haz clic en el enlace para unirte a la reunión:\n{{roomUrl}}"
+    },
+    "speaker": "Participante",
+    "speakerStats": {
+        "angry": "Enojado",
+        "disgusted": "Disgustado",
+        "displayEmotions": "Mostrar emociones",
+        "fearful": "Temeroso",
+        "happy": "Feliz",
+        "hours": "{{count}} h",
+        "minutes": "{{count}} min",
+        "name": "Nombre",
+        "neutral": "Neutral",
+        "sad": "Triste",
+        "search": "Buscar",
+        "searchHint": "Buscar participantes",
+        "seconds": "{{count}} s",
+        "speakerStats": "Estadísticas de participantes",
+        "speakerTime": "Tiempo hablado",
+        "surprised": "Sorprendido"
+    },
+    "startupoverlay": {
+        "genericTitle": "La reunión debe utilizar su micrófono y su cámara.",
+        "policyText": " ",
+        "title": "{{app}} necesita usar el micrófono y la cámara."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Reconectar",
+        "text": "Presiona el botón <i>Reconectar</i> para volver a conectarte.",
+        "title": "La vídeollamada se interrumpió porque la computadora estaba suspendida."
+    },
+    "termsView": {
+        "title": "Términos"
+    },
+    "toggleTopPanelLabel": "Alternar panel superior",
+    "toolbar": {
+        "Settings": "Configuración",
+        "accessibilityLabel": {
+            "Settings": "Alternar configuración",
+            "audioOnly": "Alternar cámaras de los demás",
+            "audioRoute": "Seleccionar el dispositivo de sonido",
+            "boo": "Boo",
+            "breakoutRoom": "Unirse/abandonar sala para grupos pequeños",
+            "callQuality": "Administrar la calidad de vídeo",
+            "carmode": "Modo automóvil",
+            "cc": "Alternar subtítulos",
+            "chat": "Alternar ventana de chat",
+            "clap": "Aplauso",
+            "closeChat": "Cerrar chat",
+            "closeMoreActions": "Cerrar el menú de más acciones",
+            "closeParticipantsPane": "Cerrar panel de participantes",
+            "collapse": "Colapsar",
+            "document": "Alternar documento compartido",
+            "documentClose": "Cerrar documento compartido",
+            "documentOpen": "Abrir documento compartido",
+            "download": "Descargar nuestras aplicaciones",
+            "embedMeeting": "Insertar reunión",
+            "endConference": "Terminar reunión para todos",
+            "enterFullScreen": "Ver en pantalla completa",
+            "enterTileView": "Ingresar en vista de mosaico",
+            "exitFullScreen": "Salir de pantalla completa",
+            "exitTileView": "Salir de vista de mosaico",
+            "expand": "Ampliar",
+            "feedback": "Dejar comentarios",
+            "fullScreen": "Alternar pantalla completa",
+            "giphy": "Alternar menú GIPHY",
+            "grantModerator": "Convertir en moderador",
+            "hangup": "Colgar",
+            "heading": "Barra de herramientas",
+            "help": "Ayuda",
+            "hideWhiteboard": "Esconder pizarra",
+            "invite": "Invitar personas",
+            "kick": "Expulsar participante",
+            "laugh": "Ríete",
+            "leaveConference": "Abandonar reunión",
+            "like": "Pulgares arriba",
+            "linkToSalesforce": "Enlace a Salesforce",
+            "lobbyButton": "Activar / desactivar el modo lobby",
+            "localRecording": "Alternar controles de grabación local",
+            "lockRoom": "Alternar contraseña de la reunión",
+            "lowerHand": "Bajar mano",
+            "moreActions": "Alternar más acciones",
+            "moreActionsMenu": "Menú de más acciones",
+            "moreOptions": "Mostrar más opciones",
+            "mute": "Silenciar micrófono",
+            "muteEveryone": "Silenciar a todos",
+            "muteEveryoneElse": "Silenciar a todos los demás",
+            "muteEveryoneElsesVideoStream": "Detener el video del resto",
+            "muteEveryonesVideoStream": "Detener el video de todos",
+            "muteGUMPending": "Conectando su micrófono",
+            "noiseSuppression": "Supresión de ruido",
+            "openChat": "Abrir chat",
+            "participants": "Participantes",
+            "pip": "Alternar modo ventana en miniatura",
+            "privateMessage": "Enviar mensaje privado",
+            "profile": "Editar perfil",
+            "raiseHand": "Levantar o bajar la mano",
+            "reactions": "Reacciones",
+            "reactionsMenu": "Abrir / Cerrar el menú de reacciones",
+            "recording": "Alternar grabación",
+            "remoteMute": "Silenciar participante",
+            "remoteVideoMute": "Desactivar la cámara del participante",
+            "security": "Opciones de seguridad",
+            "selectBackground": "Seleccione el fondo",
+            "selfView": "Alternar vista propia",
+            "shareRoom": "Invitar a alguien",
+            "shareYourScreen": "Comenzar / detener compartir pantalla",
+            "shareaudio": "Compartir audio",
+            "sharedvideo": "Alternar vídeo compartido",
+            "shortcuts": "Alternar accesos directos",
+            "show": "Mostrar en primer",
+            "showWhiteboard": "Mostrar vista propia",
+            "silence": "Silencio",
+            "speakerStats": "Alternar estadísticas del orador",
+            "stopScreenSharing": "Dejar de compartir pantalla",
+            "stopSharedVideo": "Detener video",
+            "surprised": "Sorprendido",
+            "tileView": "Alternar vista de mosaico",
+            "toggleCamera": "Alternar cámara",
+            "toggleFilmstrip": "Alternar mosaicos",
+            "unmute": "Activar micrófono",
+            "videoblur": "Alternar desenfoque de vídeo",
+            "videomute": "Alternar vídeo",
+            "videomuteGUMPending": "Conectando tu cámara",
+            "videounmute": "Encender cámara"
+        },
+        "addPeople": "Agregar personas a la llamada",
+        "audioOnlyOff": "Mostrar cámaras de los demás",
+        "audioOnlyOn": "Ocultar cámaras de los demás (para ahorrar datos)",
+        "audioRoute": "Selecciona el dispositivo de sonido",
+        "audioSettings": "Ajustes de audio",
+        "authenticate": "Autenticar",
+        "boo": "Boo",
+        "callQuality": "Ajustar la calidad de vídeo",
+        "chat": "Abrir o cerrar chat",
+        "clap": "Aplauso",
+        "closeChat": "Cerrar chat",
+        "closeParticipantsPane": "Cerrar panel de participantes",
+        "closeReactionsMenu": "Cerrar el menú de reacciones",
+        "disableNoiseSuppression": "Desactivar supresión de ruido",
+        "disableReactionSounds": "Puede desactivar los sonidos de reacción para esta reunión",
+        "documentClose": "Cerrar documento compartido",
+        "documentOpen": "Abrir documento compartido",
+        "download": "Descarga nuestras aplicaciones",
+        "e2ee": "Cifrado de extremo a extremo",
+        "embedMeeting": "Insertar reunión",
+        "enableNoiseSuppression": "Activar supresión de ruido",
+        "endConference": "Terminar reunión para todos",
+        "enterFullScreen": "Pantalla completa",
+        "enterTileView": "Ver en cuadrícula",
+        "exitFullScreen": "Salir de pantalla completa",
+        "exitTileView": "Salir de vista de mosaico",
+        "feedback": "Dejar sugerencias",
+        "giphy": "Alternar menú GIPHY",
+        "hangup": "Colgar",
+        "help": "Ayuda",
+        "hideWhiteboard": "Esconder pizarra",
+        "invite": "Invitar personas",
+        "joinBreakoutRoom": "Unirse a sala para grupos pequeños",
+        "laugh": "Ríete",
+        "leaveBreakoutRoom": "Abandonar sala para grupos pequeños",
+        "leaveConference": "Abandonar reunión",
+        "like": "Pulgares arriba",
+        "linkToSalesforce": "",
+        "lobbyButtonDisable": "Desactivar el modo lobby",
+        "lobbyButtonEnable": "Activar el modo lobby",
+        "login": "Inicio de sesión",
+        "logout": "Cerrar sesión",
+        "lowerYourHand": "Bajar la mano",
+        "moreActions": "Más acciones",
+        "moreOptions": "Más opciones",
+        "mute": "Activar o silenciar el micrófono",
+        "muteEveryone": "Silenciar a todos",
+        "muteEveryonesVideo": "Desactivar la cámara de todos",
+        "muteGUMPending": "Conectando tu micrónono",
+        "noAudioSignalDesc": "Checa si no está silenciado en tu configuración del sistema o dispositivo, o cambia de micrófono.",
+        "noAudioSignalDescSuggestion": "Si no lo silenciaste a propósito desde la configuración del sistema o el dispositivo, intenta usar este otro micrófono:",
+        "noAudioSignalDialInDesc": "Además, puedes llamar usando:",
+        "noAudioSignalDialInLinkDesc": "Números de llamada",
+        "noAudioSignalTitle": "¡No se registra audio de tu micrófono!",
+        "noiseSuppression": "Supresión de ruido",
+        "noisyAudioInputDesc": "Tu micrófono está haciendo ruido, siléncialo, ajusta su volumen en configuración del sistema, o cambia de micrófono.",
+        "noisyAudioInputTitle": "Tu micrófono parece estar ruidoso",
+        "openChat": "Abrir chat",
+        "openReactionsMenu": "Abrir el menú de reacciones",
+        "participants": "Participantes",
+        "pip": "Mostrar en ventana pequeña",
+        "privateMessage": "Enviar mensaje privado",
+        "profile": "Editar perfil",
+        "raiseHand": "Levantar o bajar la mano",
+        "raiseYourHand": "Levantar la mano",
+        "reactionBoo": "Enviar la reacción de Boo",
+        "reactionClap": "Enviar reacción de aplauso",
+        "reactionLaugh": "Enviar reacción de risa",
+        "reactionLike": "Enviar la reacción de los pulgares hacia arriba",
+        "reactionSilence": "Enviar reacción de silencio",
+        "reactionSurprised": "Enviar reacción de sorpresa",
+        "reactions": "Reacciones",
+        "security": "Opciones de seguridad",
+        "selectBackground": "Seleccionar fondo",
+        "shareRoom": "Invitar a alguien",
+        "shareaudio": "Compartir audio",
+        "sharedvideo": "Compartir un vídeo",
+        "shortcuts": "Ver atajos del teclado",
+        "showWhiteboard": "Mostrar pizarra",
+        "silence": "Silencio",
+        "speakerStats": "Estadísticas de los participantes",
+        "startScreenSharing": "Comenzar a compartir pantalla",
+        "startSubtitles": "Iniciar subtítulos",
+        "stopAudioSharing": "Dejar de compartir el audio",
+        "stopScreenSharing": "Dejar de compartir pantalla",
+        "stopSharedVideo": "Detener vídeo",
+        "stopSubtitles": "Detener subtítulos",
+        "surprised": "Compartir audio",
+        "talkWhileMutedPopup": "¿Intentas hablar? Estás silenciado.",
+        "tileViewToggle": "Activar o desactivar vista en cuadrícula",
+        "toggleCamera": "Alternar cámara",
+        "unmute": "Activar",
+        "videoSettings": "Ajustes de vídeo",
+        "videomute": "Detener cámara",
+        "videomuteGUMPending": "Conectando tu cámara",
+        "videounmute": "Iniciar cámara"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Iniciar o detener subtítulos",
+        "error": "La transcripción falló. Por favor, inténtelo nuevamente.",
+        "expandedLabel": "Transcripción encendida",
+        "failedToStart": "No es posible iniciar la transcripción",
+        "labelToolTip": "La reunión se está transcribiendo",
+        "off": "Transcripción detenida",
+        "pending": "Preparando para transcribir la reunión…",
+        "sourceLanguageDesc": "El lenguaje actual de la reunión es <b>{{sourceLanguage}}</b>. <br/> Puedes cambiarlo desde ",
+        "sourceLanguageHere": "aquí",
+        "start": "Mostrar subtítulos",
+        "stop": "Dejar de mostrar subtítulos",
+        "subtitles": "Subtítulos",
+        "subtitlesOff": "",
+        "tr": "TR"
+    },
+    "unpinParticipant": "",
+    "userMedia": {
+        "grantPermissions": "Otorga permisos para usar la cámara y el micrófono."
+    },
+    "videoSIPGW": {
+        "busy": "Estamos trabajando para liberar recursos. Vuelve a intentarlo en unos minutos.",
+        "busyTitle": "El servicio de salas está actualmente ocupado",
+        "errorAlreadyInvited": "{{displayName}} ya ha sido invitado",
+        "errorInvite": "Conferencia aún no establecida. Vuelve a intentarlo más tarde.",
+        "errorInviteFailed": "Estamos trabajando para resolver el problema. Vuelve a intentarlo más tarde.",
+        "errorInviteFailedTitle": "No se pudo invitar a {{displayName}}",
+        "errorInviteTitle": "Error al invitar en la sala",
+        "pending": "{{displayName}} ha sido invitado"
+    },
+    "videoStatus": {
+        "adjustFor": "Ajustar para:",
+        "audioOnly": "AUD",
+        "audioOnlyExpanded": "Estás en modo de ancho de banda bajo. En este modo, sólo recibirás audio y pantalla compartida.",
+        "bestPerformance": "Mejor rendimiento",
+        "callQuality": "Calidad de vídeo",
+        "hd": "HD",
+        "hdTooltip": "Viendo vídeo en alta definición",
+        "highDefinition": "Alta definición",
+        "highestQuality": "Calidad máxima",
+        "labelTooiltipNoVideo": "Sin vídeo",
+        "labelTooltipAudioOnly": "Modo de ancho de banda bajo habilitado",
+        "ld": "LD",
+        "ldTooltip": "Viendo vídeo en baja definición",
+        "lowDefinition": "Baja definición",
+        "performanceSettings": "Ajustes de rendimiento",
+        "recording": "Grabación en curso",
+        "sd": "SD",
+        "sdTooltip": "Viendo vídeo en definición estándar",
+        "standardDefinition": "Definición estándar",
+        "streaming": "Transmisión en curso"
+    },
+    "videothumbnail": {
+        "connectionInfo": "Información de conexión",
+        "domute": "Silenciar",
+        "domuteOthers": "Silenciar a todos los demás",
+        "domuteVideo": "Desactivar la cámara",
+        "domuteVideoOfOthers": "Desactivar la cámara de todos los demás",
+        "flip": "Voltear",
+        "grantModerator": "Convertir en moderador",
+        "hideSelfView": "Esconder vista propia",
+        "kick": "Expulsar",
+        "mirrorVideo": "Espejar mi video",
+        "moderator": "Moderador",
+        "mute": "Se silenció el participante",
+        "muted": "Silenciado",
+        "pinToStage": "",
+        "remoteControl": "Control remoto",
+        "screenSharing": "El participante está compartiendo su pantalla",
+        "show": "Mostrar en primer plano",
+        "showSelfView": "Mostrar vista propia",
+        "unpinFromStage": "",
+        "verify": "Verificar participante",
+        "videoMuted": "Cámara desactivada",
+        "videomute": "El participante paró su cámara"
+    },
+    "virtualBackground": {
+        "addBackground": "Añadir fondo",
+        "apply": "Aplicar",
+        "backgroundEffectError": "No se ha podido aplicar el efecto de fondo.",
+        "blur": "Desenfoque",
+        "deleteImage": "Borrar imagen",
+        "desktopShare": "Compartir el escritorio",
+        "desktopShareError": "No se ha podido crear el escritorio compartido",
+        "image1": "Playa",
+        "image2": "Pared neutra blanca",
+        "image3": "Habitación blanca y vacía",
+        "image4": "Lámpara de pie negra",
+        "image5": "Montaña",
+        "image6": "Bosque",
+        "image7": "Amanecer",
+        "none": "Ninguno",
+        "pleaseWait": "Por favor, espera…",
+        "removeBackground": "Eliminar el fondo",
+        "slightBlur": "Desenfoque Ligero",
+        "title": "Fondos virtuales",
+        "uploadedImage": "Imagen subida {{index}}",
+        "webAssemblyWarning": "No se admite WebAssembly",
+        "webAssemblyWarningDescription": "WebAssembly está desactivado o no cuenta con soporte en este navegador"
+    },
+    "visitors": {
+        "chatIndicator": "(visitante)",
+        "labelTooltip": "Cantidad de visitantes: {{count}}",
+        "notification": {
+            "description": "Levanta la mano para participar",
+            "title": "Eres un visitante en la reunión"
+        }
+    },
+    "volumeSlider": "Deslizador de volumen",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Toca para unirte",
+            "roomname": "Introduce el nombre de la sala"
+        },
+        "addMeetingName": "Añadir el nombre de la reunión",
+        "appDescription": "Videollamadas para todo tu equipo. {{app}} es una aplicación completamente encriptada, segura, además de ser software libre 100% gratis, sin límites de tiempo, y sin tener que crear una cuenta.",
+        "audioVideoSwitch": {
+            "audio": "Voz",
+            "video": "Video"
+        },
+        "calendar": "Calendario",
+        "connectCalendarButton": "Conectar el calendario",
+        "connectCalendarText": "Conecta tu calendario para ver todas tus reuniones de {{app}}. Además, agrega reuniones a tu calendario e inícialas con un solo clic.",
+        "enterRoomTitle": "Comenzar una reunión",
+        "getHelp": "Obtener ayuda",
+        "go": "IR",
+        "goSmall": "IR",
+        "headerSubtitle": "Reuniones seguras y de alta calidad",
+        "headerTitle": "Jitsi Meet",
+        "info": "Información",
+        "jitsiOnMobile": "Jitsi en el móvil: descarga nuestras aplicaciones y comienza una reunión desde cualquier lugar",
+        "join": "CREAR / UNIRSE",
+        "logo": {
+            "calendar": "Logotipo del calendario",
+            "desktopPreviewThumbnail": "Vista previa del escritorio en miniatura",
+            "googleLogo": "Logotipo de Google",
+            "logoDeepLinking": "Logotipo de la reunión de Jitsi",
+            "microsoftLogo": "Logotipo de Microsoft",
+            "policyLogo": "Logotipo de la política"
+        },
+        "meetingsAccessibilityLabel": "Reuniones",
+        "mobileDownLoadLinkAndroid": "Descargar la aplicación móvil para Android",
+        "mobileDownLoadLinkFDroid": "Descargar la aplicación móvil para F-Droid",
+        "mobileDownLoadLinkIos": "Descargar la aplicación móvil para iOS",
+        "moderatedMessage": "O <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">reserve con antelación una URL de reunión</a> en la que usted sea el único moderador.",
+        "privacy": "Privacidad",
+        "recentList": "Reciente",
+        "recentListDelete": "Eliminar",
+        "recentListEmpty": "Tu historial de reuniones está vacío. Reúnete y aparecerán aquí.",
+        "recentMeetings": "Tus reuniones recientes",
+        "reducedUIText": "¡Bienvenido a {{app}}!",
+        "roomNameAllowedChars": "El nombre de la reunión no debe contener ninguno de estos caracteres: ?, &, :, ', \", %, #.",
+        "roomname": "Introduce el nombre de la sala",
+        "roomnameHint": "Introduce el nombre o URL de la sala a la que deseas unirte. Puedes inventar un nombre, simplemente infórmaselo a las personas con las que te reunirás para que introduzcan el mismo nombre.",
+        "sendFeedback": "Enviar sugerencias",
+        "settings": "Ajustes",
+        "startMeeting": "Iniciar la reunión",
+        "terms": "Términos",
+        "title": "Videoconferencias seguras, con gran variedad de funcionalidades y completamente gratuitas",
+        "upcomingMeetings": "Tus próximas reuniones"
+    },
+    "whiteboard": {
+        "accessibilityLabel": {
+            "heading": "Pizarra"
+        }
+    }
+}
diff --git a/lang/main-et.json b/lang/main-et.json
new file mode 100644
index 0000000..557be4c
--- /dev/null
+++ b/lang/main-et.json
@@ -0,0 +1,775 @@
+{
+    "addPeople": {
+        "add": "Lisa",
+        "countryNotSupported": "Valitud riik ei ole toetatud.",
+        "countryReminder": "Veendu, et suunakood oleks lisatud.",
+        "disabled": "Uusi kontakte ei saa kõnesse lisada.",
+        "failedToAdd": "Uue kontakti kõnesse lisamine ebaõnnestus",
+        "footerText": "Numbri valimine on keelatud.",
+        "loading": "Kontaktide otsimine…",
+        "loadingNumber": "Telefoninumbri kontrollimine…",
+        "loadingPeople": "Kontaktide otsimine kõnesse lisamiseks…",
+        "noResults": "Vasteid ei leitud",
+        "noValidNumbers": "Sisesta telefoninumber",
+        "searchNumbers": "Lisa telefoninumber",
+        "searchPeople": "Kontaktide otsimine",
+        "searchPeopleAndNumbers": "Otsi kontakti või lisa telefoninumber",
+        "telephone": "Telefoninumber: {{number}}",
+        "title": "Lisa kontakte kõnesse"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "headphones": "Kõrvaklapid",
+        "none": "Heli vahendid pole kättesaadavad",
+        "phone": "Telefon",
+        "speaker": "Kõlar"
+    },
+    "audioOnly": {
+        "audioOnly": "Ainult heli"
+    },
+    "calendarSync": {
+        "addMeetingURL": "Lisa kõne link",
+        "confirmAddLink": "Kas soovid käesolevale kõnele lisada lingi?",
+        "error": {
+            "appConfiguration": "Ühendus kalendriga ei ole õigesti seadistatud.",
+            "generic": "Viga! Palun kontrolli kalendri seadistusi või värskenda kalendrit.",
+            "notSignedIn": "Viga kalendri autentimisel! Palun kontrolli kalendri seadistusi ja logi uuesti sisse."
+        },
+        "join": "Liitu",
+        "joinTooltip": "Liitu kõnega",
+        "nextMeeting": "järgmine kõne",
+        "noEvents": "Uusi kõnesid pole planeeritud..",
+        "ongoingMeeting": "aktiivne kõne",
+        "permissionButton": "Ava seadistused",
+        "permissionMessage": "Planeeritud kõne nägemiseks on vajalik kalendri ligipääsuõigus.",
+        "refresh": "Värskenda kalendrit",
+        "today": "Täna"
+    },
+    "chat": {
+        "error": "Viga: sõnumi \"{{originalText}}\" saatmine ebaõnnestus. Põhjus: {{error}}",
+        "fieldPlaceHolder": "Sisesta oma sõnum siia",
+        "messageTo": "Privaatsõnum kasutajale {{recipient}}",
+        "messagebox": "Sisesta sõnum",
+        "nickname": {
+            "popover": "Sisesta nimi",
+            "title": "Sisesta nimi, et kõnega alustada",
+            "titleWithPolls": "Sisesta nimi, et kõnega alustada"
+        },
+        "noMessagesMessage": "Kirjavahetust pole veel alustatud. Alusta kirjavahetust siin!",
+        "privateNotice": "Privaatsõnum kasutajale {{recipient}}",
+        "sendButton": "Saada",
+        "title": "Kõne",
+        "titleWithPolls": "Kõne",
+        "you": "you"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Paigalda Chrome'i laiendus",
+        "dontShowAgain": "Ära rohkem näita",
+        "installExtensionText": "Paigalda Google Kalendri laiendus ja Office 365 integratsioon"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Kõnega ühendamine…"
+    },
+    "connection": {
+        "ATTACHED": "Ühendatud",
+        "AUTHENTICATING": "Autentimine…",
+        "AUTHFAIL": "Autentimine ebaõnnestus",
+        "CONNECTED": "Ühendatud",
+        "CONNECTING": "Ühendamine…",
+        "CONNFAIL": "Ühendamine ebaõnnestus",
+        "DISCONNECTED": "Ühendus katkestatud",
+        "DISCONNECTING": "Ühenduse katkestamine…",
+        "ERROR": "Viga",
+        "FETCH_SESSION_ID": "Sessiooni-ID püüdmine…",
+        "GET_SESSION_ID_ERROR": "Sessiooni-ID püüdmisel tekkis viga: {{code}}",
+        "GOT_SESSION_ID": "Sessiooni-ID püüdmine… Tehtud",
+        "LOW_BANDWIDTH": "Kasutaja {{displayName}} video on ülekandekiiruse parandamiseks välja lülitatud"
+    },
+    "connectionindicator": {
+        "address": "Aadress:",
+        "bandwidth": "Eeldatav ülekandekiirus:",
+        "bitrate": "Andmeedastuskiirus:",
+        "bridgeCount": "Serverite arv: ",
+        "connectedTo": "Ühendatud:",
+        "framerate": "Ekraani eraldusvõime:",
+        "less": "Näita vähem",
+        "localaddress": "Lokaalne aadress:",
+        "localaddress_plural": "Lokaalsed aadressid:",
+        "localport": "Lokaalne port:",
+        "localport_plural": "Lokaalsed pordid:",
+        "more": "Näita rohkem",
+        "packetloss": "Andmepaketi kaotus:",
+        "quality": {
+            "good": "Hea",
+            "inactive": "Mitteaktiivne",
+            "lost": "Kaotatud",
+            "nonoptimal": "Mitteoptimaalne",
+            "poor": "Nõrk"
+        },
+        "remoteaddress": "Kaugtöö aadress:",
+        "remoteaddress_plural": "Kaugtöö aadressid:",
+        "remoteport": "Kaugtöö port:",
+        "remoteport_plural": "Kaugtöö pordid:",
+        "resolution": "Resolutsioon:",
+        "status": "Ühendus:",
+        "transport": "Transport:",
+        "transport_plural": "Transpordid:"
+    },
+    "dateUtils": {
+        "earlier": "Varem",
+        "today": "Täna",
+        "yesterday": "Eile"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Kõnega liitumiseks läbi mobiiltelefoni on vaja paigaldada {{app}} rakendus.",
+        "description": "Midagi ei juhtunud? Proovisime ühendust luua töölaua rakendusega. Proovi uuesti või käivita {{app}} rakendus.",
+        "descriptionWithoutWeb": "Midagi ei juhtunud? Televastuvõttu prooviti avada töölaua rakendusest {{app}}.",
+        "downloadApp": "Laadi rakendus alla",
+        "launchWebButton": "Käivita veebis",
+        "openApp": "Jätka töölaua rakendusega",
+        "title": "Kõne avamine rakenduses {{app}}…",
+        "tryAgainButton": "Proovi töölaua rakendusega uuesti "
+    },
+    "defaultLink": "nt {{url}}",
+    "defaultNickname": "nt. Mari Maasikas",
+    "deviceError": {
+        "cameraError": "Ei saanud kaameraga ühendust",
+        "cameraPermission": "Puudub õigus kasutada kaamerat",
+        "microphoneError": "Ei saanud mikrofoniga ühendust",
+        "microphonePermission": "Puudub õigus kasutada mikrofoni"
+    },
+    "deviceSelection": {
+        "noPermission": "Luba pole antud",
+        "previewUnavailable": "Eelvaade pole kättesaadav",
+        "selectADevice": "Vali seade",
+        "testAudio": "Mängi testimiseks heli"
+    },
+    "dialOut": {
+        "statusMessage": "on staatusega {{status}}"
+    },
+    "dialog": {
+        "Back": "Tagasi",
+        "Cancel": "Tühista",
+        "IamHost": "Mina olen võõrustaja",
+        "Ok": "Jah",
+        "Remove": "Eemalda",
+        "Share": "Jaga",
+        "Submit": "Esita",
+        "WaitForHostMsg": "Kõne ei ole veel alanud. Autendi ennast, kui oled võõrustaja. Külalisena oota, kuni võõrustaja saabub.",
+        "WaitingForHost": "Võõrustaja ootamine…",
+        "Yes": "Jah",
+        "accessibilityLabel": {
+            "liveStreaming": "Otseülekanne"
+        },
+        "allow": "Luba",
+        "alreadySharedVideoMsg": "Teine kasutaja jagab videot. Selles kõnes on ainult ühe video jagamine korraga lubatud.",
+        "alreadySharedVideoTitle": "Korraga on lubatud ainult ühe video jagamine.",
+        "applicationWindow": "Rakenduse aken",
+        "cameraConstraintFailedError": "Kaamera ei vasta teatud piirangutele.",
+        "cameraNotFoundError": "Kaamerat ei leitud.",
+        "cameraNotSendingData": "Ei saa ühendust kaameraga. Kontrolli, kas vahend on mõne teise rakenduse poolt kasutusel, vali menüüst teine vahend või värskenda rakendust.",
+        "cameraNotSendingDataTitle": "Kaamera pole kättesaadav.",
+        "cameraPermissionDeniedError": "Kaamera kasutamine on keelatud. Kõnega on võimalik ühineda ilma kaamerata. Kaamera kasutamiseks vajuta aadressiribal kaamera nupule.",
+        "cameraUnknownError": "Kaamerat ei saa kasutada! Põhjus teadmata.",
+        "cameraUnsupportedResolutionError": "Kaamera ei toeta nõutud resolutsiooni.",
+        "close": "Sulge",
+        "conferenceDisconnectMsg": "Kontrolli võrguühendust. Taasühendamine {{seconds}}…",
+        "conferenceDisconnectTitle": "Ühendus on katkenud.",
+        "conferenceReloadMsg": "Lahenduse otsime. Taasühendus {{seconds}} sek…",
+        "conferenceReloadTitle": "Midagi läks valesti!",
+        "confirm": "Kinnita",
+        "confirmNo": "Ei",
+        "confirmYes": "Kinnita",
+        "connectError": "Oih, midagi läks valesti! Kõnega ühendamine ebaõnnestus.",
+        "connectErrorWithMsg": "Oih, midagi läks valesti! Kõnega ühendamine ebaõnnestus. Põhjus: {{msg}}.",
+        "connecting": "Ühendamine.",
+        "contactSupport": "Võta ühendust kasutustoega",
+        "copy": "Kopeeri",
+        "dismiss": "Lõpeta",
+        "displayNameRequired": "Nimi on kohustuslik",
+        "done": "Valmis",
+        "enterDisplayName": "Sisesta nimi",
+        "error": "Viga",
+        "externalInstallationMsg": "Töölauale on vaja paigaldada jagamise laiendus.",
+        "externalInstallationTitle": "Laiendus on kohustuslik",
+        "goToStore": "Mine veebipoodi",
+        "gracefulShutdown": "Rakendus on hoolduseks ajutiselt maas. Proovi hiljem uuesti!",
+        "incorrectPassword": "Vale kasutajanimi või parool",
+        "incorrectRoomLockPassword": "Vale parool",
+        "inlineInstallExtension": "Paiglada kohe",
+        "inlineInstallationMsg": "Töölauale tuleb paigaldada jagamise laiendus.",
+        "internalError": "Oih, midagi läks valesti! Veateate: {{error}}.",
+        "internalErrorTitle": "Sisemine viga",
+        "kickMessage": "Oih, oled kõnest eemaldatud!",
+        "kickParticipantButton": "Eemalda kõnest",
+        "kickParticipantDialog": "Oled kindel, et tahad kasutaja kõnest eemaldada?",
+        "kickParticipantTitle": "Eemalda kasutaja kõnest?",
+        "kickTitle": "Kõnest eemaldatud",
+        "liveStreaming": "Otseülekanne",
+        "liveStreamingDisabledForGuestTooltip": "Külalised ei saa otseülekannet alustada.",
+        "liveStreamingDisabledTooltip": "Otseülekande alustamine on keelatud.",
+        "lockMessage": "Ebaõnnestunud lukustada kõnet.",
+        "lockRoom": "Lisa kõnele parool",
+        "lockTitle": "Lukustamine ebaõnnestus",
+        "logoutQuestion": "Oled kindel, et tahad kõne peatada ja välja logida?",
+        "logoutTitle": "Logi välja",
+        "maxUsersLimitReached": "Maksimaalne kõnes osalejate arv on täis. Võta ühendust kõne omanikuga või proovi hiljem uuesti!",
+        "maxUsersLimitReachedTitle": "Maksimaalne kõnes osalejate arv on täis",
+        "micConstraintFailedError": "Mikrofon ei vasta teatud piirangutele.",
+        "micNotFoundError": "Mikrofoni ei leitud.",
+        "micNotSendingData": "Ei saa ühendust mikrofoniga. Vali menüüst teine vahend või värskenda rakendust.",
+        "micNotSendingDataTitle": "Mikrofon pole kättesaadav.",
+        "micPermissionDeniedError": "Mikrofoni kasutamine on keelatud. Kõnega on võimalik ühineda, aga teised Sind ei kuule. Mikrofoni kasutamiseks vajuta aadressiribal mikrofoni nupule.",
+        "micUnknownError": "Mikrofoni ei saa kasutada. Põhjus teadmata.",
+        "muteEveryoneDialog": "Oled kindel, et soovid kõikide teiste mikrofonid vaigistada? Neid saab tagasi sisse lülitada ainult kasutaja ise.",
+        "muteEveryoneElseDialog": "Peale mikrofoni vaigistamist saab ainult kasutaja ise oma mikrofoni tagasi sisse lülitada.",
+        "muteEveryoneElseTitle": "Vaigista kõikide teiste mikrofonid, välja arvatud {{whom}}?",
+        "muteEveryoneSelf": "Sina ise",
+        "muteEveryoneStartMuted": "Edaspidi alustavad kõik välja lülitatud mikrofonidega",
+        "muteEveryoneTitle": "Vaigista kõik?",
+        "muteParticipantBody": "Teiste kasutajate mikrofoni ei saa sisse lülitada. Kasutaja saab ise otsutada, kas mikrofon on sees või väljas.",
+        "muteParticipantButton": "Lülita mikrofon välja",
+        "muteParticipantDialog": "Oled kindel, et soovid kasutaja mikrofoni välja lülitada? Seda saab ainult kasutaja ise sisse tagasi lülitada.",
+        "muteParticipantTitle": "Lülita kasutaja mikrofon välja?",
+        "passwordLabel": "Parool",
+        "passwordNotSupported": "Kõnele ei saa parooli määrata.",
+        "passwordNotSupportedTitle": "Parooli lisamine pole toetatud",
+        "passwordRequired": "Parool on kohustuslik",
+        "popupError": "Modaalaknad on veebilehitsejas keelatud. Palun luba modaalakende kasutamine veebilehitseja turvalisuse seadistuses ning proovi uuesti.",
+        "popupErrorTitle": "Modaalaknad on keelatud",
+        "recording": "Salvetamine",
+        "recordingDisabledForGuestTooltip": "Külalised ei saa kõne salvestada.",
+        "recordingDisabledTooltip": "Kõne salvestamine on keelatud.",
+        "rejoinNow": "Ühine uuesti",
+        "remoteControlAllowedMessage": "{{user}} andis kaugjuhtimiseks loa!",
+        "remoteControlDeniedMessage": "{{user}} keelas kaugjuhtimise!",
+        "remoteControlErrorMessage": "Viga kaugjuhtimiseks loa küsimisel kasutajalt {{user}}!",
+        "remoteControlRequestMessage": "Kas lubad kasutajal {{user}} oma töölauda kaugjuhtida?",
+        "remoteControlShareScreenWarning": "Kui vajutad nupule \"Luba\", siis jagad oma ekraani.",
+        "remoteControlStopMessage": "Kaugjuhtimise sessioon on lõppenud!",
+        "remoteControlTitle": "Kaugjuhtimine",
+        "removePassword": "Eemalda parool",
+        "removeSharedVideoMsg": "Oled kindel, et soovid oma jagatud video eemaldada?",
+        "removeSharedVideoTitle": "Eemalda jagatud video",
+        "reservationError": "Broneerimise süsteemi viga",
+        "reservationErrorMsg": "Veakood: {{code}}, sõnum: {{msg}}",
+        "retry": "Proovi uuesti",
+        "screenSharingFailedToInstall": "Oih, ekraanijagamise laienduse paigaldamine ebaõnnestus!",
+        "screenSharingFailedToInstallTitle": "Ekraanijagamise laienduse paigaldamine ebaõnnestus",
+        "screenSharingFirefoxPermissionDeniedError": "Ekraani jagamisega läks midagi valesti! Veendu, et oled ekraani jagamiseks loa andnud.",
+        "screenSharingFirefoxPermissionDeniedTitle": "Oih, ekraani jagamist ei saanud alustada!",
+        "screenSharingPermissionDeniedError": "Oih, midagi läks valesti ekraanijagamise laienduse õigustega! Värskenda ja proovi uuesti.",
+        "sendPrivateMessage": "Sulle saabus privaatsõnum. Kas soovid vastata privaatselt või avalikult?",
+        "sendPrivateMessageCancel": "Saada sõnum avalikult",
+        "sendPrivateMessageOk": "Saada sõnum privaatselt",
+        "sendPrivateMessageTitle": "Saada privaatselt?",
+        "serviceUnavailable": "Teenus pole kättesaadav",
+        "sessTerminated": "Kõne lõpetatud",
+        "shareVideoLinkError": "Sisesta korrektne link.",
+        "shareVideoTitle": "Jaga videot",
+        "shareYourScreen": "Jaga ekraani",
+        "shareYourScreenDisabled": "Ekraani jagamine on keelatud.",
+        "shareYourScreenDisabledForGuest": "Külalised ei saa ekraani jagada.",
+        "startLiveStreaming": "Alusta otseülekannet",
+        "startRecording": "Alusta salvestamist",
+        "startRemoteControlErrorMessage": "Kaugjuhtimise sessiooni alustamisel tekkis viga!",
+        "stopLiveStreaming": "Lõpeta otseülekanne",
+        "stopRecording": "Lõpeta salvestamine",
+        "stopRecordingWarning": "Oled kindel, et soovid salvestamist lõpetada?",
+        "stopStreamingWarning": "Oled kindel, et soovid otseülekannet lõpetada?",
+        "streamKey": "Otseülekande võti",
+        "thankYou": "Aitäh, et kasutasid rakendust {{appName}}!",
+        "token": "token",
+        "tokenAuthFailed": "Kahjuks ei ole kõnega ühinemine lubatud.",
+        "tokenAuthFailedTitle": "Autentimine ebaõnnestus",
+        "transcribing": "Transkribeerimine",
+        "unlockRoom": "Eemalda kõne parool",
+        "userPassword": "kasutaja parool",
+        "yourEntireScreen": "Täisekraan"
+    },
+    "documentSharing": {
+        "title": "Jagatud dokument"
+    },
+    "feedback": {
+        "average": "Keskmine",
+        "bad": "Halb",
+        "detailsLabel": "Kirjelda täpsemalt.",
+        "good": "Hea",
+        "rateExperience": "Hinda kõne kvaliteeti",
+        "veryBad": "Väga halb",
+        "veryGood": "Väga hea"
+    },
+    "incomingCall": {
+        "answer": "Vasta",
+        "audioCallTitle": "Sissetulev kõne",
+        "decline": "Lõpeta",
+        "productLabel": "Jitsi",
+        "videoCallTitle": "Sissetulev videokõne"
+    },
+    "info": {
+        "accessibilityLabel": "Näita infot",
+        "addPassword": "Lisa parool",
+        "cancelPassword": "Tühista parool",
+        "conferenceURL": "Link:",
+        "country": "Riik",
+        "dialANumber": "Kõnega ühinemiseks vali number ja sisesta pin-kood.",
+        "dialInConferenceID": "PIN:",
+        "dialInNotSupported": "Oih, sissehelistamine ei ole toetatud!",
+        "dialInNumber": "Sissehelistamine:",
+        "dialInSummaryError": "Sissehelistamise info pole kättesaadav. Proovi hiljem uuesti!",
+        "dialInTollFree": "Maksuvaba",
+        "genericError": "Oih, midagi läks valesti!",
+        "inviteLiveStream": "Otseülekande nägemiseks vajuta lingile: {{url}}",
+        "invitePhone": "Üks klikk heliga sissehelistamiseks: {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Otsid teist sissehelistamise numbrit?\nVaata sissehelistamise numbreid: {{url}}\n\n\nKui helistad läbi ruumi, ühine kõnega väljalülitatud mikrofoni režiimis: {{silentUrl}}",
+        "inviteURLFirstPartGeneral": "Oled kõnesse kutsutud.",
+        "inviteURLFirstPartPersonal": "{{name}} kutsub Sind kõnesse.\n",
+        "inviteURLSecondPart": "\nÜhine kõnega:\n{{url}}\n",
+        "label": "Kõne info",
+        "liveStreamURL": "Otseülekanne:",
+        "moreNumbers": "Rohkem numbreid",
+        "noNumbers": "Sissehelistamise numbrid puuduvad.",
+        "noPassword": "Andmed puuduvad",
+        "noRoom": "Sissehelistamise ruum pole täpsustatud.",
+        "numbers": "Sissehelistamise numbrid",
+        "password": "Parool:",
+        "title": "Jaga",
+        "tooltip": "Jaga linki ja helista, et kõnega ühineda"
+    },
+    "inlineDialogFailure": {
+        "msg": "Midagi läks valesti.",
+        "retry": "Proovi uuesti",
+        "support": "Kasutajatugi",
+        "supportMsg": "Kui see juhtub uuesti, võta ühendust"
+    },
+    "inviteDialog": {
+        "alertText": "Osade kasutajate kutsumine ebaõnnestus.",
+        "header": "Kutsu",
+        "searchCallOnlyPlaceholder": "Sisesta telefoninumber",
+        "searchPeopleOnlyPlaceholder": "Otsi kasutajaid",
+        "searchPlaceholder": "Kasutaja telefoninumber",
+        "send": "Saada"
+    },
+    "keyboardShortcuts": {
+        "focusLocal": "Keskendu videole",
+        "focusRemote": "Keskendu teise kasutaja videole",
+        "fullScreen": "Ava/sulge täisekraani vaade",
+        "keyboardShortcuts": "Klaviatuuri kiirvalikud",
+        "localRecording": "Näita/peida salvestamise võimalused",
+        "mute": "Lülita mikrofon sisse/välja",
+        "pushToTalk": "Vajuta, et rääkida",
+        "raiseHand": "Tõsta/langeta kätt",
+        "showSpeakerStats": "Näita kõnelejate statistikat",
+        "toggleChat": "Ava/sulge vestluse aken",
+        "toggleFilmstrip": "Näita/peida video eelvaade",
+        "toggleScreensharing": "Vaheta kaamera ja ekraanijagamise vahel",
+        "toggleShortcuts": "Näita/peida klaviatuuri kiirvalikud",
+        "videoMute": "Lülita kaamera sisse/välja",
+        "videoQuality": "Halda kõne kvaliteeti"
+    },
+    "liveStreaming": {
+        "busy": "Toimub ülekande ressursi vabastamine. Proovi mõne minuti pärast uuesti.",
+        "busyTitle": "Kõik ülekandjad on hetkel hõivatud",
+        "changeSignIn": "Vaheta kontot.",
+        "choose": "Vali otseülekanne",
+        "chooseCTA": "Vali ülekande viis. Oled sisse logitud emailiga {{email}}.",
+        "enterStreamKey": "Sisesta siia oma YouTube’i ülekande võti.",
+        "error": "Otseülekanne ebaõnnestus. Proovi uuesti.",
+        "errorAPI": "YouTube’i kanaliga ühendumisel tekkis viga. Palun logi uuesti sisse.",
+        "errorLiveStreamNotEnabled": "Otseülekanne ei ole emailiga {{email}} sisse lülitatud. Luba kasutajaga otseülekanded või vaheta kontot.",
+        "expandedOff": "Otseülekanne on peatatud",
+        "expandedOn": "Kõnest tehakse otseülekanne YouTube’i.",
+        "expandedPending": "Otseülekanne algab…",
+        "failedToStart": "Otseülekandega alustamine ebaõnnestus.",
+        "getStreamKeyManually": "Ülekandjaid ei leitud. Leia YouTube’st otseülekande võti.",
+        "invalidStreamKey": "Otseülekande võti võib olla vale.",
+        "off": "Otseülekanne on peatatud",
+        "offBy": "{{name}} lõpetas otseülekande",
+        "on": "Otseülekanne",
+        "onBy": "{{name}} alustas otseülekandega",
+        "pending": "Otseülekande alustamine…",
+        "serviceName": "Otseülekande teenus",
+        "signIn": "Google’ga sisselogimine",
+        "signInCTA": "Logi sisse või sisesta otseülekande võti YouTube’st.",
+        "signOut": "Logi välja",
+        "signedInAs": "Oled sisse logitud kasutajana:",
+        "start": "Alusta otseülekannet.",
+        "streamIdHelp": "Mis see on?",
+        "title": "Otseülekanne",
+        "unavailableTitle": "Otseülekanne pole kättesaadav."
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Väljas",
+            "on": "Sees",
+            "unknown": "Teadmata"
+        },
+        "dialogTitle": "Kohalikud salvestamise nupud",
+        "duration": "Kestvus",
+        "durationNA": "N/A",
+        "encoding": "Kodeerimine",
+        "label": "LOR",
+        "labelToolTip": "Kohalik salvestamine on alustatud",
+        "localRecording": "Kohalik salvestamine",
+        "me": "Mina",
+        "messages": {
+            "engaged": "Local recording engaged.",
+            "finished": "Salvestamise sessioon {{token}} on lõppenud. Palun saada salvestatud fail moderaatorile.",
+            "finishedModerator": "Salvestamise sessioon {{token}} on lõppenud ja salvestatud. Küsi teistelt kontaktidelt nende koopiaid.",
+            "notModerator": "Sa ei ole moderaator. Sa ei saa alustada ega lõpetada kohalikku salvestamist."
+        },
+        "moderator": "Moderaator",
+        "no": "Ei",
+        "participant": "Osaleja",
+        "participantStats": "Osaleja andmed",
+        "sessionToken": "Sessiooni token",
+        "start": "Alusta salvestamist",
+        "stop": "Lõpeta salvestamine",
+        "yes": "Jah"
+    },
+    "lockRoomPassword": "parool",
+    "lockRoomPasswordUppercase": "Parool",
+    "lonelyMeetingExperience": {
+        "button": "Kutsu teisi",
+        "youAreAlone": "Asud hetkel ruumis üksi"
+    },
+    "me": "mina",
+    "notify": {
+        "connectedOneMember": "{{name}} ühines kõnega",
+        "connectedThreePlusMembers": "{{name}} ja {{count}} teist kasutajat ühines kõnega",
+        "connectedTwoMembers": "{{first}} ja {{second}} ühinesid kõnega",
+        "disconnected": "lahti ühendatud",
+        "focus": "Konverentsi fookus",
+        "focusFail": "{{component}} pole kättesaadav - proovi uuesti {{ms}} sekundi pärast.",
+        "grantedTo": "Moderaatori õigused on antud kasutajale {{to}}!",
+        "invitedOneMember": "{{name}} on kutsutud",
+        "invitedThreePlusMembers": "{{name}} ja {{count}} teist kasutajat on kutsutud",
+        "invitedTwoMembers": "{{first}} ja {{second}} on kutsutud",
+        "kickParticipant": "{{kicked}} eemaldati kõnest kasutaja {{kicker}} poolt",
+        "me": "Mina",
+        "moderator": "Moderaatori õigused jagatud!",
+        "muted": "Alustasid kõnet väljalülitatud mikrofoniga.",
+        "mutedRemotelyDescription": "Saad alati oma mikrofoni sisse lülitada, kui soovid rääkida. Lülita mikrofon peale rääkimist uuesti välja liigse müra ja kaja vältimiseks.",
+        "mutedRemotelyTitle": "Sinu mikrofon lülitati välja kasutaja {{participantDisplayName}} poolt!",
+        "mutedTitle": "Mikrofon on välja lülitatud!",
+        "newDeviceAction": "Kasuta",
+        "newDeviceAudioTitle": "Leitud uus heliseadeldis",
+        "newDeviceCameraTitle": "Leitud uus kaamera",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) eemaldatud teise kasutaja poolt",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) lisatud teise kasutaja poolt",
+        "raisedHand": "{{name}} soovib rääkida.",
+        "somebody": "Keegi",
+        "startSilentDescription": "Mikrofoni kasutamiseks ühine kõnega uuesti",
+        "startSilentTitle": "Ühinesid ilma mikrofonita!",
+        "suboptimalExperienceDescription": "Rakenduse {{appName}}  parima kvaliteedi tagamiseks palun kasuta <a href='{{recommendedBrowserPageLink}}' target='_blank'>ühte nendest veebilehitsejatest</a>.",
+        "suboptimalExperienceTitle": "Veebilehitseja hoiatus",
+        "unmute": "Lülita mikrofon sisse"
+    },
+    "passwordDigitsOnly": "Kuni {{number}} tähemärki",
+    "passwordSetRemotely": "määratud teise kasutaja poolt",
+    "polls": {
+        "errors": {
+            "notUniqueOption": "Valikud peavad olema ainulaadsed"
+        }
+    },
+    "poweredby": "teieni toodud",
+    "presenceStatus": {
+        "busy": "Hõivatud",
+        "calling": "Helistamine…",
+        "connected": "Ühendatud",
+        "connecting": "Ühendamine…",
+        "connecting2": "Ühendamine*…",
+        "disconnected": "Lahti ühendatud",
+        "expired": "Aegunud",
+        "ignored": "Eiratud",
+        "initializingCall": "Kõne alustamine…",
+        "invited": "Kutsutud",
+        "rejected": "Tagasi lükatud",
+        "ringing": "Kutsumine…"
+    },
+    "profile": {
+        "setDisplayNameLabel": "Sisesta nimi",
+        "setEmailInput": "Sisesta email",
+        "setEmailLabel": "Sisesta Gravatar e-kirja aadress",
+        "title": "Profiil"
+    },
+    "raisedHand": "Soovin rääkida",
+    "recording": {
+        "authDropboxText": "Lisa Dropbox’i",
+        "availableSpace": "Vaba ruum: {{spaceLeft}} MB (ca {{duration}} minutit salvestamist)",
+        "beta": "BETA",
+        "busy": "Salvestamise ressursi vabastamine… Proovi mõne minuti pärast uuesti.",
+        "busyTitle": "Kõik salvestajad on praegu kinni",
+        "error": "Salvestamine ebaõnnestus. Proovi uuesti.",
+        "expandedOff": "Salvestamine peatatud",
+        "expandedOn": "Kõne salvestatakse.",
+        "expandedPending": "Salvestamine on alustatud…",
+        "failedToStart": "Salvestamine ebaõnnestus",
+        "fileSharingdescription": "Jaga salvestust kõnelejatega",
+        "live": "Otse",
+        "loggedIn": "Sisseloginud kasutajana {{userName}}",
+        "off": "Salvestamine on lõpetatud",
+        "offBy": "{{name}} lõpetas salvestamise",
+        "on": "Salvestatakse",
+        "onBy": "{{name}} alustas salvestamist",
+        "pending": "Kõne salvestamise ettevalmistus…",
+        "rec": "REC",
+        "serviceDescription": "Salvestus toimub teenuse kaudu",
+        "serviceName": "Salvestamise teenus",
+        "signIn": "Logi sisse",
+        "signOut": "Logi välja",
+        "title": "Salvetamine",
+        "unavailable": "Oih! {{serviceName}} ei ole hetkel kättesaadav! Proovi hiljem uuesti.",
+        "unavailableTitle": "Salvestamine ei ole võimalik."
+    },
+    "sectionList": {
+        "pullToRefresh": "Tõmba uuendamiseks"
+    },
+    "settings": {
+        "calendar": {
+            "about": "Rakenduse {{appName}} kalender kasutab turvalist ühendust ning näeb eesolevaid kõnesid.",
+            "disconnect": "Ühenda lahti",
+            "microsoftSignIn": "Logi sisse Microsoft’i kontoga",
+            "signedIn": "Hetkel nähakse kasutaja {{email}} kalendrit. Kalendrikutsete peitmiseks vajuta “Ühenda lahti” nupule.",
+            "title": "Kalender"
+        },
+        "devices": "Seaded",
+        "followMe": "Kõik jälgivad mind",
+        "language": "Keel",
+        "loggedIn": "Logitud sisse nimega: {{name}}",
+        "moderator": "Moderaator",
+        "more": "Rohkem",
+        "name": "Nimi",
+        "noDevice": "Andmed puuduvad",
+        "selectAudioOutput": "Heli väljund",
+        "selectCamera": "Kaamera",
+        "selectMic": "Mikrofon",
+        "startAudioMuted": "Kõik alustavad väljalülitatud mikrofoniga",
+        "startVideoMuted": "Kõik alustavad väljalülitatud kaameraga",
+        "title": "Seaded"
+    },
+    "settingsView": {
+        "advanced": "Täpsem",
+        "alertOk": "OK",
+        "alertTitle": "Hoiatus",
+        "alertURLText": "Sisestatud link ei ole õige",
+        "buildInfoSection": "Versioon",
+        "conferenceSection": "Kõne",
+        "disableCallIntegration": "Lülita kohaliku kõne integratsioon välja",
+        "disableP2P": "Lülita otseühendus välja",
+        "displayName": "Kasutatav nimi",
+        "email": "Email",
+        "header": "Seaded",
+        "profileSection": "Profiil",
+        "serverURL": "Serveri link",
+        "showAdvanced": "Näita täpsemaid seadistusi",
+        "startWithAudioMuted": "Alusta väljalülitatud heliga",
+        "startWithVideoMuted": "Alusta väljalülitatud videoga",
+        "version": "Versioon"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nSoovid sisse helistada oma telefonilt?\n\n{{defaultDialInNumber}}Vajuta lingile, et näha telefoninumbreid sisse helistamiseks\n{{dialInfoPageUrl}}",
+        "mainText": "Vajuta lingile, et kõnega ühineda:\n{{roomUrl}}"
+    },
+    "speaker": "Kõneleja",
+    "speakerStats": {
+        "hours": "{{count}}t",
+        "minutes": "{{count}}m",
+        "name": "Nimi",
+        "search": "Otsi",
+        "searchHint": "Otsige osalejaid",
+        "seconds": "{{count}}s",
+        "speakerStats": "Kõneleja andmed",
+        "speakerTime": "Kõnelemise aeg"
+    },
+    "startupoverlay": {
+        "policyText": " ",
+        "title": "{{app}} vajab ligipääsu mikrofonile ja kaamerale."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Ühine uuesti",
+        "text": "Vajuta <i>Ühine uuesti</i> nupule, et uuesti ühineda.",
+        "title": "Kõne katkestati, sest arvuti läks magama."
+    },
+    "toolbar": {
+        "Settings": "Seaded",
+        "accessibilityLabel": {
+            "Settings": "Seadistused",
+            "audioOnly": "Kasuta ainult heli",
+            "audioRoute": "Vali heli vahend",
+            "callQuality": "Halda kõne kvaliteeti",
+            "cc": "Kasuta subtiitreid",
+            "chat": "Kasuta vestluse akent",
+            "document": "Kasuta jagatud dokumente",
+            "download": "Laadi rakendus alla",
+            "feedback": "Jäta tagasiside",
+            "fullScreen": "Kasuta täisekraani",
+            "hangup": "Lahku kõnest",
+            "help": "Abi",
+            "invite": "Kutsu inimesi",
+            "kick": "Eemalda kõneleja",
+            "localRecording": "Näita salvestamise paneeli",
+            "lockRoom": "Kasuta kõne parooli",
+            "moreActions": "Kasuta toimingute menüüd",
+            "moreActionsMenu": "Toimingute menüü",
+            "moreOptions": "Näita rohkem valikuid",
+            "mute": "Lülita heli välja",
+            "muteEveryone": "Vaigista kõikide mikrofonid",
+            "pip": "Kasuta pilt-pildis vaadet",
+            "privateMessage": "Saada privaatsõnum",
+            "profile": "Muuda profiili",
+            "raiseHand": "Käe tõstmine",
+            "recording": "Salvestamine",
+            "remoteMute": "Lülita kasutaja mikrofon välja",
+            "shareRoom": "Kutsu",
+            "shareYourScreen": "Jaga ekraani",
+            "sharedvideo": "Kasuta video jagamist",
+            "shortcuts": "Kasuta kiirvalikuid",
+            "show": "Näita laval",
+            "speakerStats": "Kõnelejate statistika",
+            "tileView": "Paneelvaade",
+            "toggleCamera": "Kasuta kaamerat",
+            "videoblur": "Video hägustamine",
+            "videomute": "Video väljalülitamine"
+        },
+        "addPeople": "Lisa kõnesse inimesi",
+        "audioOnlyOff": "Lülita “ainult heli” valik välja",
+        "audioOnlyOn": "Lülita “ainult heli” valik sisse",
+        "audioRoute": "Vali heli vahend",
+        "authenticate": "Autendi",
+        "callQuality": "Halda kõne kvaliteeti",
+        "chat": "Ava/sulge vestlus",
+        "closeChat": "Sulge vestlus",
+        "documentClose": "Sulge jagatud dokument",
+        "documentOpen": "Ava jagatud dokument",
+        "download": "Laadi rakendus alla",
+        "enterFullScreen": "Vaata täisekraanil",
+        "enterTileView": "Vaata paneelvaates",
+        "exitFullScreen": "Välju täisekraani vaatest",
+        "exitTileView": "Välju paneelvaatest",
+        "feedback": "Jäta tagasiside",
+        "hangup": "Lahku",
+        "help": "Abi",
+        "invite": "Kutsu",
+        "login": "Logi sisse",
+        "logout": "Logi välja",
+        "lowerYourHand": "Langeta kätt",
+        "moreActions": "Rohkem tegevusi",
+        "moreOptions": "Rohkem valikuid",
+        "mute": "Mikrofon sisse/välja",
+        "muteEveryone": "Vaigista kõikide mikrofonid",
+        "noAudioSignalDesc": "Kui Sa ei lülitanud mikrofoni seadistustest tahtlikult välja, kaalu seadme vahetamist.",
+        "noAudioSignalDescSuggestion": "Kui Sa ei lülitanud mikrofoni seadistustest tahtlikult välja, kaalu seadme vahetamist.",
+        "noAudioSignalDialInDesc": "Võid sisse helistada valides:",
+        "noAudioSignalDialInLinkDesc": "Sissehelistamise numbrid",
+        "noAudioSignalTitle": "Mikrofon ei püüa sisendit kinni!",
+        "noisyAudioInputDesc": "Tundub, et läbi mikrofoni kostub palju helisid. Kaalu mikrofoni välja lülitamist või seadme vahetamist.",
+        "noisyAudioInputTitle": "Mikrofonis on müra! Tundub, et läbi mikrofoni kostub palju helisid. Kaalu mikrofoni välja lülitamist või seadme vahetamist.",
+        "openChat": "Ava vestlus",
+        "pip": "Ava pilt-pildis vaade",
+        "privateMessage": "Saada privaatsõnum",
+        "profile": "Muuda profiili",
+        "raiseHand": "Tõsta/langeta kätt",
+        "raiseYourHand": "Tõsta kätt",
+        "shareRoom": "Kutsu",
+        "sharedvideo": "Jaga videot",
+        "shortcuts": "Vaata kiirvalikuid",
+        "speakerStats": "Kõneleja andmed",
+        "startScreenSharing": "Alust ekraani jagamist",
+        "startSubtitles": "Alusta subtiitrite näitamist",
+        "startvideoblur": "Tausta hägustamine",
+        "stopScreenSharing": "Lõpeta ekraani jagamine",
+        "stopSharedVideo": "Lõpeta video",
+        "stopSubtitles": "Lõpeta subtiitrite näitamine",
+        "stopvideoblur": "Lülita tausta hägustamine välja",
+        "talkWhileMutedPopup": "Soovid rääkida? Mikrofon on välja lülitatud.",
+        "tileViewToggle": "Näita paneelvaadet",
+        "toggleCamera": "Kasuta kaamerat",
+        "videomute": "Kaamera sisse/välja"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Subtiitrid sisse/välja",
+        "error": "Transkribeerimine ebaõnnestus. Proovi uuesti.",
+        "expandedLabel": "Transkribeerimine on sisse lülitatud",
+        "failedToStart": "Transkribeerimise alustamine ebaõnnestus",
+        "labelToolTip": "Kõne transkribeeritakse",
+        "off": "Transkribeerimine peatatud",
+        "pending": "Transkribeerimise ettevalmistus…",
+        "start": "Alusta subtiitrite kuvamist",
+        "stop": "Lõpeta subtiitrite kuvamine",
+        "tr": "TR"
+    },
+    "userMedia": {
+        "grantPermissions": "Luba kasutada kaamerat ja mikrofoni."
+    },
+    "videoSIPGW": {
+        "busy": "Vabastatakse ressurssi… Proovi mõne minuti pärast uuesti.",
+        "busyTitle": "Ruumi teenus on hetkel hõivatud",
+        "errorAlreadyInvited": "{{displayName}} on juba kutsutud",
+        "errorInvite": "Ühendus ei ole veel saavutatud. Proovi hiljem uuesti.",
+        "errorInviteFailed": "Probleemi lahendatakse. Proovi hiljem uuesti.",
+        "errorInviteFailedTitle": "Kasutaja {{displayName}} kutsumine ebaõnnestus",
+        "errorInviteTitle": "Ruumi kutsumine ebaõnnestus",
+        "pending": "{{displayName}} on kutsutud"
+    },
+    "videoStatus": {
+        "audioOnly": "AUD",
+        "audioOnlyExpanded": "Kasutad kõnes ainult heli. See hõivab ülekandekiirust vähem, aga video jagamine on välja lülitatud.",
+        "callQuality": "Kõne kvaliteet",
+        "hd": "HD",
+        "hdTooltip": "Video vaatamine kõrgkvaliteediga",
+        "highDefinition": "Kõrgresolutsioon",
+        "labelTooiltipNoVideo": "Video puudub",
+        "labelTooltipAudioOnly": "Valitud on “ainult heli” seadistus",
+        "ld": "LD",
+        "ldTooltip": "Video vaatamine madala kvaliteediga",
+        "lowDefinition": "Madal",
+        "onlyAudioAvailable": "Saab kasutada ainult heli",
+        "onlyAudioSupported": "Selles veebilehitsejas on toetatud ainult heli.",
+        "sd": "SD",
+        "sdTooltip": "Video vaatamine vaikekvaliteediga",
+        "standardDefinition": "Vaike resolutsioon"
+    },
+    "videothumbnail": {
+        "domute": "Lülita mikrofon välja",
+        "domuteOthers": "Vaigista teiste mikrofonid",
+        "flip": "Pööra",
+        "kick": "Eemalda kõnest",
+        "moderator": "Moderaator",
+        "mute": "Kasutaja mikrofon välja lülitatud",
+        "muted": "Mikrofon välja lülitatud",
+        "remoteControl": "Kaugjuhtimine",
+        "show": "Näita laval",
+        "videomute": "Kasutaja on kaamera peatanud"
+    },
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Vajuta, et ühineda",
+            "roomname": "Sisesta ruumi nimi"
+        },
+        "appDescription": "Lase käia, tee videoülekanne kogu meeskonnaga! Kutsu kõik, keda soovid. Rakendus {{app}} on krüpteeritud. 100% vabavara ülekannete tegemiseks, mida saab kasutada iga päev tasuta - ilma konto loomiseta.",
+        "audioVideoSwitch": {
+            "audio": "Heli",
+            "video": "Video"
+        },
+        "calendar": "Kalender",
+        "connectCalendarButton": "Ühenda kalender",
+        "connectCalendarText": "Ühenda oma kalender, et kõiki kohtumisi näha rakenduses {{app}}. Lisa {{provider}} kohtumised kalendrisse ja alusta kõnesid ühe klikiga.",
+        "enterRoomTitle": "Alusta uut kõnet",
+        "go": "Mine",
+        "goSmall": "Mine",
+        "info": "Info",
+        "join": "Ühine",
+        "privacy": "Privaatsus",
+        "recentList": "Hiljutised",
+        "recentListDelete": "Kustuta",
+        "recentListEmpty": "Hiljutiste valikute nimekiri on tühi. Vestle kasutajatega ja leia oma hiljutised kõned siit.",
+        "reducedUIText": "Tere tulemast rakendusse {{app}}!",
+        "roomNameAllowedChars": "Televastuvõtu nimi ei tohi sisaldada sümboleid: ?, &, :, ', \", %, #.",
+        "roomname": "Sisesta ruumi nimi",
+        "roomnameHint": "Sisesta ruumi nimi või link, millega soovid ühinega. Võid nime välja mõelda, aga anna osalejatele sellest teada, et nad saaksid ruumiga ühineda.",
+        "sendFeedback": "Saada tagasiside",
+        "terms": "Tingimused",
+        "title": "Turvaline, võimalusi täis ja tasuta keskkond videokõnede jaoks."
+    }
+}
diff --git a/lang/main-eu.json b/lang/main-eu.json
new file mode 100644
index 0000000..2ba0fd1
--- /dev/null
+++ b/lang/main-eu.json
@@ -0,0 +1,1037 @@
+{
+    "addPeople": {
+        "add": "Gonbidatu",
+        "addContacts": "Gonbidatu zure kontaktuak",
+        "contacts": "kontaktuak",
+        "copyInvite": "Kopiatu bilerarako gonbidapena",
+        "copyLink": "Kopiatu bileraren esteka",
+        "copyStream": "Kopiatu zuzenekoaren esteka",
+        "countryNotSupported": "Oraindik ez dugu helmuga hau onartzen.",
+        "countryReminder": "Atzerritik deitzen? Ziurtatu herrialde-kodearekin hasten zarela!",
+        "defaultEmail": "Zure defektuzko eposta",
+        "disabled": "Ezin duzu jendea gonbidatu.",
+        "failedToAdd": "Parte-hartzaileak gehitzeak huts egin du",
+        "footerText": "Markatzea desgaituta dago.",
+        "googleEmail": "Google Email",
+        "inviteMoreHeader": "Bilerako partaide bakarra zara",
+        "inviteMoreMailSubject": "Sartu {{appName}} bileran",
+        "inviteMorePrompt": "Gonbidatu jende gehiago",
+        "linkCopied": "Esteka ondo kopiatu da arbelera",
+        "noResults": "Ez dago bat datorren bilaketa-emaitzarik",
+        "outlookEmail": "Outlook Email",
+        "phoneNumbers": "telefono zenbakiak",
+        "searching": "Bilatzen…",
+        "shareInvite": "Partekatu bilerarako gonbidapena",
+        "shareLink": "Partekatu bileraren esteka beste partaide batzuk gonbidatzeko",
+        "shareStream": "Partekatu zuzenekoaren esteka",
+        "sipAddresses": "sip helbideak",
+        "telephone": "Telefonoa: {{number}}",
+        "title": "Gonbidatu jendea bilera honetara",
+        "yahooEmail": "Yahoo Email"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "headphones": "Entzungailuak",
+        "none": "Ez dago audio-gailurik erabilgarri",
+        "phone": "Telefonoa",
+        "speaker": "Bozgorailua"
+    },
+    "audioOnly": {
+        "audioOnly": "Banda-zabalera txikia"
+    },
+    "calendarSync": {
+        "addMeetingURL": "Bileraren esteka gehitu",
+        "confirmAddLink": "Jitsi esteka gertaera honetara gehitu nahi duzu?",
+        "error": {
+            "appConfiguration": "Egutegiaren integrazioa ez dago ondo konfiguratuta.",
+            "generic": "Errore bat gertatu da. Egiaztatu zure egutegiaren ezarpenak edo saiatu egutegia eguneratzen.",
+            "notSignedIn": "Errorea gertatu da egutegiko gertaerak ikusteko baimentzerakoan. Egiaztatu egutegiaren ezarpenak eta saiatu berriro saioa hasten."
+        },
+        "join": "Batu",
+        "joinTooltip": "Bilerara batu",
+        "nextMeeting": "hurrengo bilera",
+        "noEvents": "Ez dago aurreikusitako gertaerarik.",
+        "ongoingMeeting": "abian den bilera",
+        "permissionButton": "Ireki ezarpenak",
+        "permissionMessage": "Egutegirako baimena beharrezkoa da zure bilerak aplikazioan ikusteko.",
+        "refresh": "Freskatu egutegia",
+        "today": "Gaur"
+    },
+    "chat": {
+        "enter": "Sartu bilera gelan",
+        "error": "Errorea: zure mezua ez da bidali. Arrazoia: {{error}}",
+        "fieldPlaceHolder": "Idatzi mezua hemen",
+        "message": "Mezua",
+        "messageAccessibleTitle": "{{user}} partaideak zera dio:",
+        "messageAccessibleTitleMe": "nik zera diot:",
+        "messageTo": "Mezu pribatua {{recipient}}(e)ri",
+        "messagebox": "Idatzi mezua",
+        "nickname": {
+            "popover": "Aukeratu goitizena",
+            "title": "Sartu goitizena txata erabiltzeko",
+            "titleWithPolls": "Sartu goitizena txata erabiltzeko"
+        },
+        "noMessagesMessage": "Bileran oraindik mezurik ez dago. Hasi elkarrizketa hemen!",
+        "privateNotice": "Mezu pribatua {{recipient}}(e)ri",
+        "sendButton": "Bidali",
+        "smileysPanel": "Emoji panela",
+        "title": "Txata",
+        "titleWithPolls": "Txata",
+        "you": "zu"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Instalatu Chrome luzapena",
+        "close": "Itxi",
+        "dontShowAgain": "Ez erakutsi hau berriro",
+        "installExtensionText": "Instalatu luzapena Google Calendar eta Office 365rako integraziorako"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Zure bilerara konektatzen…"
+    },
+    "connection": {
+        "ATTACHED": "Atxikituta",
+        "AUTHENTICATING": "Autentifikatzea",
+        "AUTHFAIL": "Autentifikatzeak huts egin du",
+        "CONNECTED": "Konektatuta",
+        "CONNECTING": "Konektatzen",
+        "CONNFAIL": "Konexioak huts egin du",
+        "DISCONNECTED": "Deskonektatuta",
+        "DISCONNECTING": "Deskonektatzen",
+        "ERROR": "Errorea",
+        "FETCH_SESSION_ID": "Saioaren ID-a eskuratzen…",
+        "GET_SESSION_ID_ERROR": "Eskuratu saioaren ID errorea: {{code}}",
+        "GOT_SESSION_ID": "Saioaren ID-a eskuratzea… Eginda",
+        "LOW_BANDWIDTH": "{{displayName}}rako bideoa desaktibatu egin da banda-zabalera aurrezteko"
+    },
+    "connectionindicator": {
+        "address": "Helbidea:",
+        "audio_ssrc": "Audio SSRC:",
+        "bandwidth": "Banda-zabalera estimatua:",
+        "bitrate": "Bit-emaria:",
+        "bridgeCount": "Zerbitzari kopurua: ",
+        "codecs": "Kodekak (A/B): ",
+        "connectedTo": "Konektatua hona:",
+        "framerate": "Marko-abiadura:",
+        "less": "Erakutsi gutxiago",
+        "localaddress": "Helbide lokala:",
+        "localaddress_plural": "Helbide lokalak:",
+        "localport": "Ataka lokala:",
+        "localport_plural": "Ataka lokalak:",
+        "maxEnabledResolution": "send max",
+        "more": "Erakutsi gehiago",
+        "packetloss": "Pakete-galera:",
+        "participant_id": "Partehartzailearen ida:",
+        "quality": {
+            "good": "Ondo",
+            "inactive": "Inaktibo",
+            "lost": "Galduta",
+            "nonoptimal": "Ezegokia",
+            "poor": "Txarra"
+        },
+        "remoteaddress": "Urruneko helbidea:",
+        "remoteaddress_plural": "Urruneko helbideak:",
+        "remoteport": "Urruneko ataka:",
+        "remoteport_plural": "Urruneko atakak:",
+        "resolution": "Ebazpena:",
+        "savelogs": "Gorde logak",
+        "status": "Konexioa:",
+        "transport": "Garraioa:",
+        "transport_plural": "Garraioak:",
+        "video_ssrc": "Video SSRC:"
+    },
+    "dateUtils": {
+        "earlier": "Lehenago",
+        "today": "Gaur",
+        "yesterday": "Atzo"
+    },
+    "deepLinking": {
+        "appNotInstalled": "{{app}} mugikor aplikazioa behar duzu bilerara mugikorretik batzeko.",
+        "description": "Ez da ezer gertatu? Bilera {{app}} mahaigaineko aplikazioan abiarazten saiatu gara. Saiatu berriro edo abiarazi {{app}} web aplikazioan.",
+        "descriptionWithoutWeb": "Ez da ezer gertatu? Bilera {{app}} mahaigaineko aplikazioan abiarazten saiatu gara.",
+        "downloadApp": "Aplikazioa deskargatu",
+        "ifDoNotHaveApp": "Oraindik ere aplikazioa ez baduzu:",
+        "ifHaveApp": "Aplikazioa instalatuta baduzu:",
+        "joinInApp": "Sartu bilerara aplikazioa erabiliz",
+        "launchWebButton": "Abiarazi webean",
+        "title": "Zure bilera {{app}}(e)n abiarazten…",
+        "tryAgainButton": "Saiatu berriro mahaigainean"
+    },
+    "defaultLink": "Adib.: {{url}}",
+    "defaultNickname": "adib. Joana Albisu",
+    "deviceError": {
+        "cameraError": "Kamerarako sarbideak huts egin du",
+        "cameraPermission": "Errorea kameraren baimena eskuratzerakoan",
+        "microphoneError": "Mikrofonorako sarbideak huts egin du",
+        "microphonePermission": "Errorea mikrofonoaren baimena eskuratzerakoan"
+    },
+    "deviceSelection": {
+        "noPermission": "Baimena ez emana",
+        "previewUnavailable": "Aurrebista ez erabilgarri",
+        "selectADevice": "Hautatu gailua",
+        "testAudio": "Erreproduzitu proba-soinua"
+    },
+    "dialOut": {
+        "statusMessage": "{{status}} dago"
+    },
+    "dialog": {
+        "Back": "Atzera",
+        "Cancel": "Utzi",
+        "IamHost": "Ostalaria naiz",
+        "Ok": "Ados",
+        "Remove": "Kendu",
+        "Share": "Partekatu",
+        "Submit": "Bidali",
+        "WaitForHostMsg": "Konferentzia oraindik ez da hasi. Ostalaria bazara, autentifikatu. Bestela, itxaron ostalaria iritsi arte.",
+        "WaitingForHostTitle": "Antolatzailearen zain…",
+        "Yes": "Bai",
+        "accessibilityLabel": {
+            "liveStreaming": "Zuzeneko Erreprodukzioa"
+        },
+        "add": "Add",
+        "allow": "Baimendu",
+        "alreadySharedVideoMsg": "Beste parte-hartzaile batek jada bideo bat partekatzen ari da. Konferentzia honek aldi berean bideo bakarra partekatzen uzten du.",
+        "alreadySharedVideoTitle": "Aldi berean bideo bakarra partekatzea onartuta dago",
+        "applicationWindow": "Aplikazio-leihoa",
+        "authenticationRequired": "Login egin behar duzu",
+        "cameraConstraintFailedError": "Zure kamerak ez ditu eskakizun batzuk betetzen.",
+        "cameraNotFoundError": "Kamera ez da aurkitu.",
+        "cameraNotSendingData": "Ezin gara zure kamerara sartu. Egiaztatu beste aplikazio bat gailu hori erabiltzen ari den, hautatu beste gailu bat konfigurazio-menuan edo saiatu aplikazioa berriro kargatzen.",
+        "cameraNotSendingDataTitle": "Kamerara sartzeko ezgai",
+        "cameraPermissionDeniedError": "Ez duzu baimenik eman zure kamera erabiltzeko. Hitzaldiarekin bat egin dezakezu, baina ezingo duzu ikusi. Erabili helbide-barran dagoen kamera botoia hau konpontzeko.",
+        "cameraTimeoutError": "Ezin izan da bideo iturburua abiarazi. Denbora-muga gainditu da!",
+        "cameraUnknownError": "Ezin da kamera erabili arrazoi ezezaguna dela eta.",
+        "cameraUnsupportedResolutionError": "Zure kamerak ez du bideoaren bereizmena onartzen.",
+        "close": "Itxi",
+        "conferenceDisconnectMsg": "Zure sare-konexioa egiaztatu dezakezu. Berriro konektatzen {{seconds}} segundotan…",
+        "conferenceDisconnectTitle": "Deskonektatu egin zara.",
+        "conferenceReloadMsg": "Hau konpontzen saiatzen ari gara. Berriro konektatzen {{seconds}} segundotan..…",
+        "conferenceReloadTitle": "Tamalez, arazoren bat izan da.",
+        "confirm": "Berretsi",
+        "confirmNo": "Ez",
+        "confirmYes": "Bai",
+        "connectError": "Hara! Arazoren bat egon da eta ezin izan dugu konferentziara konektatu.",
+        "connectErrorWithMsg": "Hara! Arazoren bat egon da eta ezin izan dugu konferentziara konektatu: {{msg}}",
+        "connecting": "Konektatzen",
+        "contactSupport": "Laguntza-zerbitzua",
+        "copied": "Kopiatuta",
+        "copy": "Kopiatu",
+        "dismiss": "Baztertu",
+        "displayNameRequired": "Kaixo! Zein da zure izena?",
+        "done": "Eginda",
+        "e2eeDescription": "Puntutik punturako zifratzea PROBATAKOA da. Kontuan hartu puntutik punturako zifratzea aktibatze baduzu, zerbitzariak eskaintzen dituen beste aukera batzuk desaktibatu egingo direla, adibidez grabazioa, zuzeneko emanaldia eta telefono bidezko partehartzea. Kontuan hartu bileran nabigatzaile jakin batzuk erabiltzen dituzten erabiltzaileek hartu ahal izango dutela parte.",
+        "e2eeLabel": "Aktibatu puntutik punturako zifratzea",
+        "e2eeWarning": "OHARRA: bileraren partaide guztiek ezin dute puntutik punturako zifratzea erabili. Aukera hau aktibatzen baduzu, batzuk ezingo zaituzte ikusi eta entzun.",
+        "embedMeeting": "Kapsulatu bilera",
+        "enterDisplayName": "Sartu zure izena hemen",
+        "error": "Errorea",
+        "gracefulShutdown": "Zerbitzua ez dago erabilgarri mantentze-lanak direla eta. Saiatu berriro beranduago.",
+        "grantModeratorDialog": "Ziur zaude partaide hau moderatzaile bihurtu nahi duzula?",
+        "grantModeratorTitle": "Bihurtu moderatzaile",
+        "incorrectPassword": "Erabiltzaile-izena edo pasahitza baliogabea",
+        "incorrectRoomLockPassword": "Pasahitza baliogabea",
+        "internalError": "Hara! Arazoren bat egon da. Errore hau gertatu da: {{error}}",
+        "internalErrorTitle": "Barne-errorea",
+        "kickMessage": "{{participantDisplayName}} kontaktatu dezakezu xehetasun gehiago lortzeko.",
+        "kickParticipantButton": "Bota",
+        "kickParticipantDialog": "Ziur parte-hartzaile hau bota nahi duzula?",
+        "kickParticipantTitle": "Bota parte-hartzaile hau?",
+        "kickTitle": "Ai! {{participantDisplayName}} parte-hartzaileak bileratik bota zaitu",
+        "liveStreaming": "Zuzeneko erreprodukzioa",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "Ezin da egin grabazioa martxan dagoen artean",
+        "liveStreamingDisabledTooltip": "Hasi zuzeneko erreprodukzioa desgaituta.",
+        "localUserControls": "Erabiltzaile lokalaren kontrolak",
+        "lockMessage": "Konferentzia blokeatzeak huts egin du.",
+        "lockRoom": "Gehitu bilerako $t(lockRoomPasswordUppercase)",
+        "lockTitle": "Blokeoak huts egin du",
+        "login": "Login",
+        "logoutQuestion": "Ziur saioa itxi eta konferentzia gelditu nahi duzula?",
+        "logoutTitle": "Saioa itxi",
+        "maxUsersLimitReached": "Parte-hartzaileen gehieneko kopurua bete da. Hitzaldia beteta dago. Mesedez, jarri harremanetan antolatzailearekin edo saiatu geroago!",
+        "maxUsersLimitReachedTitle": "Parte-hartzaileen gehieneko mugara iritsi da",
+        "micConstraintFailedError": "Mikrofonoak ez ditu eskakizun batzuk betetzen.",
+        "micNotFoundError": "Mikrofonoa ez da aurkitu.",
+        "micNotSendingData": "Joan zure ordenagailuaren ezarpenetara mikrofonoa aktibatzeko eta haren maila doitzeko",
+        "micNotSendingDataTitle": "Zure mikrofonoa isilduta dago zure sistemaren ezarpenetan",
+        "micPermissionDeniedError": "Ez duzu baimenik eman zure mikrofonoa erabiltzeko. Hitzaldiarekin bat egin dezakezu, baina ezingo duzu entzun. Erabili kameraren botoia helbide-barran hori konpontzeko.",
+        "micTimeoutError": "Ezin da audio iturburua abiarazi. Denbora-muga gainditu da!",
+        "micUnknownError": "Ezin da mikrofonoa erabili, arrazoi ezezagunak direla eta.",
+        "muteEveryoneDialog": "Ziur denak mututu nahi dituzula? Ezin izango dituzu zuk desmututu, baina beraien burua desmutututzeko aukera izango dute.",
+        "muteEveryoneElseDialog": "Mututu ondoren, ezin izango dituzu desmututu, baina beraien burua desmutututzeko aukera izango dute.",
+        "muteEveryoneElseTitle": "Isilarazi guztiak {{whom}} izan ezik?",
+        "muteEveryoneElsesVideoDialog": "Kamara desaktibatzen duzunean ezingo duzu berriz aktibatu, baina besteek aktibatu egin ahal izango dute.",
+        "muteEveryoneElsesVideoTitle": "Guztien kamera itzali {{whom}} parte-hartzailearena izan ezik?",
+        "muteEveryoneSelf": "zure burua",
+        "muteEveryoneStartMuted": "Denak mutututa hasiko dira hemendik aurrera",
+        "muteEveryoneTitle": "Isilarazi guztiak?",
+        "muteEveryonesVideoDialog": "Ziur zaude guztien kamera itzali nahi duzula? Ezingo duzu berriz aktibatu baina besteek aktibatu egin ahal izango dute.",
+        "muteEveryonesVideoDialogOk": "Desaktibatu",
+        "muteEveryonesVideoTitle": "Guztien kamera desaktibatu?",
+        "muteParticipantBody": "Ezin izango dituzu zuk desmututu, baina beraien burua desmutututzeko aukera izango dute.",
+        "muteParticipantButton": "Isilarazi",
+        "muteParticipantDialog": "Ziur parte-hartzaile hau mututu nahi duzula? Ezin izango duzu zuk desmututu, baina bereburua desmutututzeko aukera izango du.",
+        "muteParticipantTitle": "Isilarazi parte-hartzaile hau?",
+        "muteParticipantsVideoBody": "Ezingo duzu berriz aktibatu baina berak edonoiz aktibatu egin ahal izango du.",
+        "muteParticipantsVideoButton": "Itzali kamera",
+        "muteParticipantsVideoTitle": "Parte-hartzaile honen kamera itzali?",
+        "password": "Pasahitza",
+        "passwordLabel": "Bilera parte-hartzaile batek blokeatu du. Sartu $t(lockRoomPassword) batzeko.",
+        "passwordNotSupported": "$t(lockRoomPassword) bilera ezartzea ez da onartzen.",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) ezin da erabili",
+        "passwordRequired": "$t(lockRoomPasswordUppercase) beharrezkoa da",
+        "popupError": "Zure nabigatzaileak gune honetako pop-up leihoak blokeatzen ditu. Aktibatu pop-upak arakatzailearen segurtasun-ezarpenetan eta saiatu berriro.",
+        "popupErrorTitle": "Laster-leihoa blokeatuta",
+        "readMore": "more",
+        "recording": "Grabatzen",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "Ezin da egin zuzeneko emanaldia aktibo dagoen artean",
+        "recordingDisabledTooltip": "Hasi grabatzen desgaituta.",
+        "rejoinNow": "Berriro batu",
+        "remoteControlAllowedMessage": "{{user}} erabiltzaileak zure urruneko-kontrol eskaera onartu egin du!",
+        "remoteControlDeniedMessage": "{{user}} erabiltzaileak ez du zure urruneko-kontrol eskaera onartu!",
+        "remoteControlErrorMessage": "Errora gertatu da {{user}}(r)en urruneko kontrol-baimenak eskatzen saiatzerakoan!",
+        "remoteControlRequestMessage": "{{user}} baimendu nahi duzu zure mahaigaina urrunetik kontrolatzeko?",
+        "remoteControlShareScreenWarning": "Kontuan izan \"Baimendu\" sakatzen baduzu zure pantaila partekatuko duzula!",
+        "remoteControlStopMessage": "Urruneko kontrol saioa amaitu da!",
+        "remoteControlTitle": "Urruneko mahaigain kontrola",
+        "remoteUserControls": "{{username}} parte-hartzailearen urruneko kontrolak",
+        "removePassword": "Kendu $t(lockRoomPassword)",
+        "removeSharedVideoMsg": "Ziur partekatu duzun bideoa kendu nahi duzula?",
+        "removeSharedVideoTitle": "Kendu partekatutako bideoa",
+        "reservationError": "Erreserba sistema-errorea",
+        "reservationErrorMsg": "Kode-errorea: {{code}}, mezua: {{msg}}",
+        "retry": "Saiatu berriro",
+        "screenSharingAudio": "Partekatu audioa",
+        "screenSharingFailed": "Atx! Erroreren bat gertatu da eta ezin izan dugu zure pantaila partekatzen hasi!",
+        "screenSharingFailedTitle": "Pantaila partekatzeak huts egin du!",
+        "screenSharingPermissionDeniedError": "Hara! Arazoren bat egon da pantaila-partekatze luzapenaren baimenekin. Kargatu eta saiatu berriro.",
+        "sendPrivateMessage": "Mezu pribatua berriki jaso duzu. Pribatuki erantzun nahi duzu ala zure mezua taldera bidali nahi duzu?",
+        "sendPrivateMessageCancel": "Bidali taldera",
+        "sendPrivateMessageOk": "Bidali pribatuki",
+        "sendPrivateMessageTitle": "Bidali pribatuki?",
+        "serviceUnavailable": "Zerbitzua ez erabilgarria",
+        "sessTerminated": "Deia amaituta",
+        "sessionRestarted": "Deia zubiak berrabiarazi du",
+        "shareVideoLinkError": "Eman esteka zuzena.",
+        "shareVideoTitle": "Partekatu bideoa",
+        "shareYourScreen": "Partekatu zure pantaila",
+        "shareYourScreenDisabled": "Pantaila-partekatzea desgaituta.",
+        "startLiveStreaming": "Hasi zuzeneko erreprodukzioa",
+        "startRecording": "Hasi grabatzen",
+        "startRemoteControlErrorMessage": "Errorea gertatu da urruneko-kontrol saioa hasten saiatzerakoan!",
+        "stopLiveStreaming": "Gelditu zuzeneko erreprodukzioa",
+        "stopRecording": "Gelditu grabatzea",
+        "stopRecordingWarning": "Ziur grabatzeari utzi nahi diozula?",
+        "stopStreamingWarning": "Ziur zuzeneko erreprodukzioa gelditu nahi duzula?",
+        "streamKey": "Zuzeneko erreprodukzioaren giltza",
+        "thankYou": "Eskerrik asko {{appName}} erabiltzeagatik!",
+        "token": "tokena",
+        "tokenAuthFailed": "Ez duzu dei honetara elkartzeko baimenik.",
+        "tokenAuthFailedTitle": "Autentifikazioak huts egin du",
+        "transcribing": "Transkripzioa",
+        "unlockRoom": "Kendu bileraren $t(lockRoomPassword)",
+        "user": "User",
+        "userIdentifier": "Erabiltzaile-izena",
+        "userPassword": "Erabiltzailearen pasahitza",
+        "videoLink": "Bideoaren estaka link",
+        "yourEntireScreen": "Zure pantaila osoa"
+    },
+    "documentSharing": {
+        "title": "Partekatutako dokumentua"
+    },
+    "e2ee": {
+        "labelToolTip": "Bilera honetako audio eta bideoa puntutik puntura zifratuta daude."
+    },
+    "embedMeeting": {
+        "title": "Bilera hau txertatu"
+    },
+    "feedback": {
+        "average": "Normala",
+        "bad": "Txarra",
+        "detailsLabel": "Esaguzu gehiago horren inguruan.",
+        "good": "Ona",
+        "rateExperience": "Puntuatu zure bileraren esperientzia",
+        "star": "Star",
+        "veryBad": "Oso Txarra",
+        "veryGood": "Oso ona"
+    },
+    "helpView": {
+        "title": "Laguntza gunea"
+    },
+    "incomingCall": {
+        "answer": "Erantzun",
+        "audioCallTitle": "Sarrerako deia",
+        "decline": "Baztertu",
+        "productLabel": "Jitsi Meet-etik",
+        "videoCallTitle": "Bideo-deia sartzen"
+    },
+    "info": {
+        "accessibilityLabel": "Erakutsi informazioa",
+        "addPassword": "Gehitu $t(lockRoomPassword)",
+        "cancelPassword": "Utzi $t(lockRoomPassword)",
+        "conferenceURL": "Esteka:",
+        "copyNumber": "Kopiatu zenbakia",
+        "country": "Herrialdea",
+        "dialANumber": "Bilerara batzeko, deitu zenbaki hauetakoren batera eta sartu pin-a.",
+        "dialInConferenceID": "PIN:",
+        "dialInNotSupported": "Markatzea ez da onartzen.",
+        "dialInNumber": "Markatzea:",
+        "dialInSummaryError": "Huts egin du markatze-informazioa eskuratzeko. Saiatu berriro geroago.",
+        "dialInTollFree": "Doako deia",
+        "genericError": "Hara! Arazoren bat egon da.",
+        "inviteLiveStream": "Bilera honen zuzeneko erreprodukzioa ikusteko, egin klik esteka honetan: {{url}}",
+        "invitePhone": "Telefonoz sartzeko, markatu : {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Markatze-zenbaki ezberdin baten bila zabiltza?\nIkusi bileraren markatze-zenbakiak: {{url}}\n\n\nGela-telefono baten bidez markatzen ari bazara, batu audioa konektatu gabe: {{silentUrl}}",
+        "inviteSipEndpoint": "SIP helbidea erabiliz sartzeko erabili hau: {{sipUri}}",
+        "inviteURLFirstPartGeneral": "Bilera batera batzeko gonbidapena luzatu zaizu.",
+        "inviteURLFirstPartPersonal": "{{name}} erabiltzaileak bilera batera gonbidatu zaitu.\n",
+        "inviteURLSecondPart": "\nBilerara sartu:\n{{url}}\n",
+        "label": "Saioari buruzko informazioa",
+        "liveStreamURL": "Zuzeneko erreprodukzioa:",
+        "moreNumbers": "Zenbaki gehiago",
+        "noNumbers": "Markatze-zenbakirik ez.",
+        "noPassword": "Bat ere ez",
+        "noRoom": "Ez zen zehaztu behar den gela.",
+        "numbers": "Markatze-zenbakiak",
+        "password": "$t(lockRoomPasswordUppercase):",
+        "title": "Partekatu",
+        "tooltip": "Partekatu estekaren eta markaketaren inguruko informazioa bilera honetarako"
+    },
+    "inlineDialogFailure": {
+        "msg": "Arazotxo bat izan dugu.",
+        "retry": "Saiatu berriro",
+        "support": "Laguntza",
+        "supportMsg": "Hau gertatzen jarraituz gero, jarri gurekin harremanetan"
+    },
+    "inviteDialog": {
+        "alertText": "Ezin izan da parte hartzaile batzuk gonbidatu.",
+        "header": "Gonbidatu",
+        "searchCallOnlyPlaceholder": "Sartu telefono zenbakia",
+        "searchPeopleOnlyPlaceholder": "Bilatu parte-hartzaileak",
+        "searchPlaceholder": "Parte-hartzailea edo telefono zenbakia",
+        "send": "Bidali"
+    },
+    "jitsiHome": "{{logo}} Logoa portadara estekatuta dago",
+    "keyboardShortcuts": {
+        "focusLocal": "Arreta jarri zure bideoan",
+        "focusRemote": "Arreta jarri beste pertsona baten bideoan",
+        "fullScreen": "Ikusi edo irten pantaila osotik",
+        "keyboardShortcuts": "Teklatu lasterbideak",
+        "localRecording": "Erakutsi edo ezkutatu grabazio-kontrol lokalak",
+        "mute": "Mututu edo desmututu mikrofonoa",
+        "pushToTalk": "Sakatu hitz egiteko",
+        "raiseHand": "Altxa edo jaitsi eskua",
+        "showSpeakerStats": "Erakutsi iragarleen estatistikak",
+        "toggleChat": "Ireki edo itxi txata",
+        "toggleFilmstrip": "Erakutsi edo ezkutatu bideoaren miniaturak",
+        "toggleParticipantsPane": "Erakutsi edo ezkutatu parte-hartzaileen panela",
+        "toggleScreensharing": "Kamera eta pantailaren partekatzea aldatu",
+        "toggleShortcuts": "Erakutsi edo ezkutatu teklatu lasterbideak",
+        "videoMute": "Abiarazi edo gelditu zure kamera"
+    },
+    "liveStreaming": {
+        "busy": "Transmisio baliabideak libratzen ari gara. Saiatu berriro minutu batzuk barru.",
+        "busyTitle": "Zuzeneko emanaldia egin dezaketen guztiak okupatuta daude",
+        "changeSignIn": "Aldatu kontua.",
+        "choose": "Aukeratu zuzeneko transmisioa",
+        "chooseCTA": "Aukeratu transmisio-aukera. Une honetan {{email}} gisa saioa hasi duzu.",
+        "enterStreamKey": "Sartu zure YouTube zuzeneko transmisioaren gakoa hemen.",
+        "error": "Zuzeneko transmisioak huts egin du. Saiatu berriro.",
+        "errorAPI": "Errorea gertatu da zure YouTube igorpenetan sartzerakoan. Saiatu berriro saioa hasten.",
+        "errorLiveStreamNotEnabled": "{{email}} e-postan ez dago zuzeneko transmisioa gaituta. Gaitu zuzeneko transmisioa edo hasi saioa zuzeneko transmisioa gaituta duen kontu batean.",
+        "expandedOff": "Zuzeneko transmisioa gelditu da",
+        "expandedOn": "Bideodeia YouTuben emititzen ari da",
+        "expandedPending": "Zuzeneko transmisioa abian da…",
+        "failedToStart": "Zuzeneko transmisioak ezin izan du hasi",
+        "getStreamKeyManually": "Ezin izan dugu zure transmisio-gakoa bilatu. Lortu ezazu YouTuberen webgunetik.",
+        "googlePrivacyPolicy": "Google-en pribatutasun-politika",
+        "invalidStreamKey": "Zuzeneko transmisioaren gakoa okerra izan daiteke.",
+        "limitNotificationDescriptionNative": "Zure emanaldia {{limit}} minutura mugatuta dago. Mugarik gabekoa nahi baduzu probatu {{app}}.",
+        "limitNotificationDescriptionWeb": "Zuzeneko emanaldien arrakasta dela eta {{limit}} minutura mugatuta daude. Mugarik gabekoa nahi baduzu probatu <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "off": "Zuzeneko transmisioa gelditu da",
+        "offBy": "{{name}} erabiltzaileak zuzeneko emanaldia gelditu du",
+        "on": "Zuzeneko transmisioa",
+        "onBy": "{{name}} erabiltzaileak zuzeneko emanaldia hasi du",
+        "pending": "Zuzeneko transmisioa abian…",
+        "serviceName": "Zuzeneko transmisioa zerbitzua",
+        "signIn": "Hasi saioa Google-ekin",
+        "signInCTA": "Hasi saioa edo sartu zure zuzeneko transmisioaren gakoa YouTube-tik.",
+        "signOut": "Itxi saioa",
+        "signedInAs": "Honela hasi duzu saioa:",
+        "start": "Hasi zuzeneko transmisioa",
+        "streamIdHelp": "Zer da hau?",
+        "title": "Zuzeneko Erreprodukzioa",
+        "unavailableTitle": "Zuzeneko transmisioa ez dago erabilgarri",
+        "youtubeTerms": "YouTuberen erabilpen baldintzak"
+    },
+    "lobby": {
+        "allow": "Baimendu",
+        "backToKnockModeButton": "Ez du pasahitza erabili, baina sartzea eskatu du",
+        "dialogTitle": "Itxaron-gela modua",
+        "disableDialogContent": "Itxaron-gela modua aktibatuta dago. Horrela zuk nahi ez duzun erabiltzaileak sartzea eragotzi dezakezu. Desaktibatu egin nahi duzu?",
+        "disableDialogSubmit": "Desaktibatu",
+        "emailField": "Idatzi zure eposta",
+        "enableDialogPasswordField": "Ezarri pasahitza (hautazkoa)",
+        "enableDialogSubmit": "Aktibatu",
+        "enableDialogText": "Itxaron-gela moduak zure bilera babesten laguntzen du, horrela moderatzaile batek onartu beharko ditu bileran sartuko diren erabiltzaileak.",
+        "enterPasswordButton": "Idatzi bileraren pasahitza",
+        "enterPasswordTitle": "Idatzi pasahitza bileran sartzeko",
+        "invalidPassword": "Pasahitza ez da zuzena",
+        "joinRejectedMessage": "Sartzeko eskaera ukatu egin du moderatzaile batek",
+        "joinTitle": "Sartu bileran",
+        "joinWithPasswordMessage": "Pasahitz gabe sartzen saiatzen, itxaron mesedez…",
+        "joiningMessage": "Norbaitek zure eskaera sartu bezain laster sartuko zara bileran",
+        "joiningTitle": "Sartzeko eskatzen…",
+        "joiningWithPasswordTitle": "Pasahitzarekin sartzen…",
+        "knockButton": "Eskatu sartzea",
+        "knockTitle": "Norbaitek bileran sartu nahi du",
+        "knockingParticipantList": "Zain dauden parte-hartzaileak",
+        "nameField": "Idatzi zure izena",
+        "notificationLobbyAccessDenied": "{{targetParticipantName}} parte-hartzaileara sarbidea ukatu dio {{originParticipantName}} parte-hartzaileak",
+        "notificationLobbyAccessGranted": "{{targetParticipantName}} parte-hartzailea onartu du {{originParticipantName}} parte-hartzaileak",
+        "notificationLobbyDisabled": "{{originParticipantName}} parte-hartzaileak itxaron-gela desaktibatu egin du",
+        "notificationLobbyEnabled": "{{originParticipantName}} parte-hartzaileak itxaron-gela aktibatu egin du",
+        "notificationTitle": "Itxaron-gela",
+        "passwordField": "Idatzi bileraren pasahitza",
+        "passwordJoinButton": "Sartu",
+        "title": "Itxaron-gela",
+        "toggleLabel": "Itxaron-gela aktibatu"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Itzalita",
+            "on": "Piztuta",
+            "unknown": "Ezezaguna"
+        },
+        "dialogTitle": "Grabazio-kontrol lokalak",
+        "duration": "Iraupena",
+        "durationNA": "E/E",
+        "encoding": "Kodeketa",
+        "label": "GLO",
+        "labelToolTip": "Tokiko grabazioa gaituta dago",
+        "localRecording": "Grabazio lokala",
+        "me": "Ni",
+        "messages": {
+            "engaged": "Tokiko grabazioa aktibatuta dago.",
+            "finished": "Grabaketa saioa {{token}} amaitu da. Mesedez, bidali grabatutako fitxategia moderatzaileari.",
+            "finishedModerator": "{{token}} grabazio saioa amaitu da. Pista lokalaren grabazioa gorde da. Eskatu gainerako parte-hartzaileei bere grabazioak bidaltzeko.",
+            "notModerator": "Ez zara moderatzailea. Ezin duzu grabazio lokalik hasi edo gelditu."
+        },
+        "moderator": "Moderatzailea",
+        "no": "Ez",
+        "participant": "partaidea",
+        "participantStats": "Parte-hartzaileen estatistikak",
+        "sessionToken": "Saioaren token-a",
+        "start": "Grabatzen hasi",
+        "stop": "Grabaketa gelditu",
+        "yes": "Bai"
+    },
+    "lockRoomPassword": "Pasahitza",
+    "lockRoomPasswordUppercase": "Pasahitza",
+    "lonelyMeetingExperience": {
+        "button": "Gonbidatu beste batzuk",
+        "youAreAlone": "Bileran dagoen bakarra zara"
+    },
+    "me": "ni",
+    "notify": {
+        "OldElectronAPPTitle": "Zaharkitutako aplikazioa",
+        "connectedOneMember": "{{name}} bilerara sartu da",
+        "connectedThreePlusMembers": "{{name}} eta beste {{count}} bilerara sartu dira",
+        "connectedTwoMembers": "{{first}} eta {{second}} bilerara sartu dira",
+        "disconnected": "deskonektatuta",
+        "focus": "Konferentzia fokuratu",
+        "focusFail": "{{component}} ez dago eskuragarri - saiatu berriro {{ms}} segundo barru",
+        "grantedTo": "{{to}} parte-hartzaileari moderatzaile eskubideak eman zaizkio!",
+        "groupTitle": "Jakinarazpenak",
+        "invitedOneMember": "{{name}} gonbidatu da",
+        "invitedThreePlusMembers": "{{name}} eta beste {{count}} gonbidatu dira",
+        "invitedTwoMembers": "{{first}} eta {{second}} jada gonbidatu dira",
+        "kickParticipant": "{{kicked}} {{kicker}} erabiltzaileak bota egin du",
+        "me": "Ni",
+        "moderator": "Moderatzaile eskubideak emanda!",
+        "muted": "Elkarrizketa mutututa hasi duzu.",
+        "mutedRemotelyDescription": "Hitz egiteko prest zaudenean mikrofonoa piztu dezakezu. Amaitzean berriz ere isilarazi ezazu bilerako zarata ekiditeko.",
+        "mutedRemotelyTitle": "{{participantDisplayName}}(e)k mututu zaitu!",
+        "mutedTitle": "Mutututa zaude!",
+        "newDeviceAction": "Erabilera",
+        "newDeviceAudioTitle": "Audio-gailu berria hauteman da",
+        "newDeviceCameraTitle": "Kamera berria hauteman da",
+        "oldElectronClientDescription1": "Segurtasun arazoak dituen Jitsi Meet aplikazioa erabiltzen arai zara. Eguneratu ezazu",
+        "oldElectronClientDescription2": "bertsio berriagora",
+        "oldElectronClientDescription3": "ORAIN!",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) beste erabiltzaile batek kendu du",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) beste erabiltzaile batek ezarri du",
+        "raisedHand": "{{name}} erabiltzaileak hitz egin nahi du.",
+        "screenShareNoAudio": " Share audio box was not checked in the window selection screen.",
+        "screenShareNoAudioTitle": "Share audio was not checked",
+        "somebody": "Norbait",
+        "startSilentDescription": "Batu berriro audioa gaitzeko",
+        "startSilentTitle": "Audio irteerarik gabe batu zara!",
+        "suboptimalBrowserWarning": "Bilera ez da ona izaten ari. Saiatu nabigatzaile egokiak erabiltzen <a href='{{recommendedBrowserPageLink}}' target='_blank'/a>.",
+        "suboptimalExperienceTitle": "Nabigatzailearen abisua",
+        "unmute": "Desmututu",
+        "videoMutedRemotelyDescription": "You can always turn it on again.",
+        "videoMutedRemotelyTitle": "Your camera has been disabled by {{participantDisplayName}}!"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "Onartu",
+            "admitAll": "Onartu guztiak",
+            "invite": "Gonbidatu norbait",
+            "muteAll": "Ixilarazi guztiak",
+            "reject": "Baztertu",
+            "stopVideo": "Gelditu bideoa"
+        },
+        "close": "Itxi",
+        "headings": {
+            "lobby": "Itxaron-gela ({{count}})",
+            "participantsList": "Bilerako parte-hartzaileak ({{count}})"
+        }
+    },
+    "passwordDigitsOnly": "{{number}} digitu arte",
+    "passwordSetRemotely": "beste parte-hartzaile batek ezarrita",
+    "polls": {
+        "errors": {
+            "notUniqueOption": "Aukerak bakarrak izan behar dira"
+        }
+    },
+    "poweredby": "garatzailea:",
+    "prejoin": {
+        "audioAndVideoError": "Errorea audio eta bideoan:",
+        "audioDeviceProblem": "Arazo bat dago zure audio gailuarekin",
+        "audioOnlyError": "Errorea audioan:",
+        "audioTrackError": "Ezin izan da audio pista sortu.",
+        "callMe": "Deitu nazazu",
+        "callMeAtNumber": "Deitu nazazu zenbaki honetara:",
+        "calling": "Deitzen",
+        "configuringDevices": "Gailuak konfiguratzen…",
+        "connectedWithAudioQ": "Audioarekin konektatuta zaude?",
+        "connection": {
+            "good": "Zure internet konexioa ondo dabil!",
+            "nonOptimal": "Zure internet konexioa ez da onena",
+            "poor": "Zure internet konexioa kaxkarra da"
+        },
+        "connectionDetails": {
+            "audioClipping": "Zure audioa ez da guztiz ondo entzungo.",
+            "audioHighQuality": "Zure audioak kalitate bikaina izango du.",
+            "audioLowNoVideo": "Zura audioa kaxkarra izango da eta ez da bideorik egongo.",
+            "goodQuality": "Izugarria! Zure deiaren kalitatea ona izango da.",
+            "noMediaConnectivity": "Ezin izan dugu proba hau egiteko inora konektatu. Hau firewall edo suebaki bat dagoelako eta NATagatik gertatu ohi da.",
+            "noVideo": "Zure bideoa oso txarra izango da.",
+            "undetectable": "Oraindik ere ezin baduzu nabigatzailean dieirk egin, ziurtatu zure bozgorailu, mikrofono eta kamera piztuta daudela eta ondo dabiltzala eta nabigatzaileari berauek erabiltzeko baimena eman diozula.",
+            "veryPoorConnection": "Zure deiaren kalitatea oso txarra izango da.",
+            "videoFreezing": "Zure bideoa gelditu, belztu eta pixelatu egingo da.",
+            "videoHighQuality": "Zure bideoak kalitate ona izango du.",
+            "videoLowQuality": "Zure bideoak kalitate txikia izango du.",
+            "videoTearing": "Zure bideoa pixelatuta agertuko da eta ez da ondo ikusiko."
+        },
+        "copyAndShare": "Kopiatu eta partekatu bileraren esteka",
+        "dialInMeeting": "Telefono dei bat eginez sartu",
+        "dialInPin": "Deitu bilerara eta idatzi kode hau:",
+        "dialing": "Deitzen",
+        "doNotShow": "Ez erakutsi pantaila hau berriz",
+        "errorDialOut": "Ezin izan da deitu",
+        "errorDialOutDisconnected": "Ezin izan da deitu. Konexioa eten egin da",
+        "errorDialOutFailed": "Ezin izan da deitu. Deiak huts egin du",
+        "errorDialOutStatus": "Ezin izan da deiaren egoera lortu",
+        "errorMissingName": "Idatzi zure izena bileran sartzeko",
+        "errorStatusCode": "Errorea deitzean, kodea: {{status}}",
+        "errorValidation": "Zenbakiaren balidazioak huts egin du",
+        "iWantToDialIn": "Telefonoz sartu nahi dut",
+        "initiated": "Deia hasi da",
+        "joinAudioByPhone": "Telefono deiaren audioarekin sartu",
+        "joinMeeting": "Bilerara sartu",
+        "joinWithoutAudio": "Audio gabe sartu",
+        "keyboardShortcuts": "Aktibatu teklatuaren laster-teklak",
+        "linkCopied": "Lotura ondo kopiatu da",
+        "lookGood": "Zure mikrofonoa ondo dabil",
+        "or": "edo",
+        "premeeting": "Aurre-bilera",
+        "screenSharingError": "Errorea pantaila partekatzean:",
+        "startWithPhone": "Telefono diearen audioarekin hasi",
+        "videoOnlyError": "Errorea bideoan:",
+        "videoTrackError": "Ezin izan da bideo pista sortu.",
+        "viewAllNumbers": "zenbaki guztiak ikusi"
+    },
+    "presenceStatus": {
+        "busy": "Okupatuta",
+        "calling": "Deitzen…",
+        "connected": "Konektatuta",
+        "connecting": "Konektatzen…",
+        "connecting2": "Konektatzen*…",
+        "disconnected": "Deskonektatuta",
+        "expired": "Iraungita",
+        "ignored": "Ezikusia",
+        "initializingCall": "Deia hasieratzen…",
+        "invited": "Gonbidatua",
+        "rejected": "Baztertuta",
+        "ringing": "Deitzen…"
+    },
+    "profile": {
+        "avatar": "iruditxoa",
+        "setDisplayNameLabel": "Ezarri zure bistaratze-izena",
+        "setEmailInput": "Sartu e-posta",
+        "setEmailLabel": "Ezarri zure gravatar e-posta",
+        "title": "Profila"
+    },
+    "raisedHand": "Hitz egin nahiko luke",
+    "recording": {
+        "authDropboxText": "Kargatu Dropbox-era",
+        "availableSpace": "Leku erabilgarria: {{spaceLeft}} MB (gutxi gorabehera {{duration}} grabazio minutuak)",
+        "beta": "BETA",
+        "busy": "Grabazio baliabideak libratzen ari gara. Saiatu berriro minutu batzuk barru.",
+        "busyTitle": "Grabatzaile guztiak okupatuta daude",
+        "error": "Grabazioak huts egin du. Saiatu berriro.",
+        "expandedOff": "Grabazioa gelditu da",
+        "expandedOn": "Bilera grabatzen ari da.",
+        "expandedPending": "Grabaketa abian da…",
+        "failedToStart": "Grabazioa hasteak huts egin du",
+        "fileSharingdescription": "Partekatu grabazioa bileraren parte-hartzaileekin",
+        "limitNotificationDescriptionNative": "Zure grabazioa {{limit}} minutura mugatuta dago. Mugarik gabeko grabazioak izateko probatu <3>{{app}}</3>.",
+        "limitNotificationDescriptionWeb": "Zure grabazioa {{limit}} minutura mugatuta dago. Mugarik gabeko grabazioak izateko probatu <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "live": "ZUZENEAN",
+        "loggedIn": "{{userName}} gisa saioa hasita",
+        "off": "Grabazioa gelditu da",
+        "offBy": "{{name}} erabiltzaileak grabazioa gelditu du",
+        "on": "Grabaketa",
+        "onBy": "{{name}} erabiltzaileak grabazioa hasi du",
+        "pending": "Bilera grabatzeko prestatzen…",
+        "rec": "GRB",
+        "serviceDescription": "Zure grabazioa grabazio-zerbitzuan gordeko da",
+        "serviceDescriptionCloud": "Lainoko grabazioa",
+        "serviceName": "Grabazio-zerbitzua",
+        "signIn": "Sartu",
+        "signOut": "Itxi saioa",
+        "title": "Grabatzen",
+        "unavailable": "Atx! {{serviceName}} ez dago eskuragarri. Arazoa konpontzeko lanean gabiltza. Saiatu berriz beranduago.",
+        "unavailableTitle": "Grabazioa ez dago eskuragarri"
+    },
+    "sectionList": {
+        "pullToRefresh": "Eguneratu"
+    },
+    "security": {
+        "about": "Zure bilerari $t(lockRoomPassword) gehitu diezaiokezu. Parte-hartzaileek $t(lockRoomPassword) idatzi beharko dute bilerara sartu aurretik.",
+        "aboutReadOnly": "Moderatzaileak $t(lockRoomPassword) gehitu diezaiokete bilerari. Parte-hartzaileek $t(lockRoomPassword) idatzi beharko dute bilerara sartu aurretik.",
+        "insecureRoomNameWarning": "Bileraren izena ez da segurua. Nahi ez duzun parte-hartzaileak agertu daitezke. Baloratu segurtasuna botoia erabiliz bilerari segurtasuna gehitzea.",
+        "securityOptions": "Segurtasun aukerak"
+    },
+    "settings": {
+        "calendar": {
+            "about": "Egutegiaren integrazioa {{appName}} zure egutegian modu seguruan sartzeko erabiltzen da datozen gertaerak irakurri ahal izateko.",
+            "disconnect": "Deskonektatu",
+            "microsoftSignIn": "Saioa hasi Microsoftekin",
+            "signedIn": "Une honetan {{email}} arekin egutegiko gertaeretara sartzen ari zara. Egin klik beheko botoia deskonektatzeko.",
+            "title": "Egutegia"
+        },
+        "devices": "Gailuak",
+        "followMe": "Denek jarraitzen naute",
+        "language": "Hizkuntza",
+        "loggedIn": "Saioa {{name}} gisa hasi da",
+        "microphones": "Mikrofonoak",
+        "moderator": "Moderatzailea",
+        "more": "Gehiago",
+        "name": "Izena",
+        "noDevice": "Bat ere ez",
+        "sameAsSystem": "Same as system ({{label}})",
+        "selectAudioOutput": "Audio irteera",
+        "selectCamera": "Kamera",
+        "selectMic": "Mikrofonoa",
+        "speakers": "Bozgorailuak",
+        "startAudioMuted": "Denok isilik hasi",
+        "startVideoMuted": "Denak ezkutatuta hasi",
+        "title": "Ezarpenak"
+    },
+    "settingsView": {
+        "advanced": "Aurreratua",
+        "alertCancel": "Utzi",
+        "alertOk": "Ados",
+        "alertTitle": "Abisua",
+        "alertURLText": "Zerbitzariaren URLa baliogabea da",
+        "buildInfoSection": "Konpilazioaren informazioa",
+        "conferenceSection": "Konferentzia",
+        "disableCallIntegration": "Desgaitu jatorrizko deien integrazioa",
+        "disableCrashReporting": "Desgaitu huts egiteen inguruko informazioa bidaltzea",
+        "disableCrashReportingWarning": "Ziur zaude ez duzula huts egiteen inguruko informazioa bidaltzerik? Aukera aplikazioa berrabiaraztean aktibatuko da.",
+        "disableP2P": "Desgaitu puntuz puntuko modua",
+        "displayName": "Bistaratzeko izena",
+        "email": "Posta elektronikoa",
+        "header": "Ezarpenak",
+        "profileSection": "Profila",
+        "serverURL": "Zerbitzariaren URLa",
+        "showAdvanced": "Erakutsi ezarpen aurreratuak",
+        "startWithAudioMuted": "Hasi audio isilean",
+        "startWithVideoMuted": "Hasi bideoa isilean",
+        "version": "Bertsioa"
+    },
+    "share": {
+        "dialInfoText": "\n\n===== \\ n\nZure telefonoan markatu nahi duzu? \\ N\n{{defaultDialInNumber}} Egin klik esteka honetan bilera horretako telefonoak ikusteko\n{{dialInfoPageUrl}}",
+        "mainText": "Egin klik hurrengo estekan bilerara elkartzeko:\n{{roomUrl}}"
+    },
+    "speaker": "bozgorailua",
+    "speakerStats": {
+        "hours": "{{count}}h",
+        "minutes": "{{count}}m",
+        "name": "Izena",
+        "search": "Bilatu",
+        "searchHint": "Bilatu parte-hartzaileak",
+        "seconds": "{{count}}s",
+        "speakerStats": "Hizlariaren estatistikak",
+        "speakerTime": "Hizlariaren denbora"
+    },
+    "startupoverlay": {
+        "genericTitle": "Bilerak zure mikrofonoa eta kamera erabili behar ditu.",
+        "policyText": " ",
+        "title": "{{app}} aplikazioak zure mikrofonoa eta kamara erabili behar ditu."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Atzera",
+        "text": "Sakatu <i> Bildu </i> botoia berriro konektatzeko.",
+        "title": "Bideo-deia eten egin da ekipamendu hau gelditu delako"
+    },
+    "toolbar": {
+        "Settings": "Ezarpenak",
+        "accessibilityLabel": {
+            "Settings": "Txandakatu ezarpenak",
+            "audioOnly": "Txandakatu audioa soilik",
+            "audioRoute": "Hautatu soinu-gailua",
+            "callQuality": "Kudeatu bideoaren kalitatea",
+            "cc": "Txandakatu azpitituluak",
+            "chat": "Txandakatu txat leihoa",
+            "collapse": "Batu",
+            "document": "Txandakatu partekatutako dokumentua",
+            "download": "Gure aplikazioak deskargatu",
+            "embedMeeting": "Embed meeting",
+            "expand": "Zabaldu",
+            "feedback": "Utzi iruzkin bat",
+            "fullScreen": "Aldatu pantaila osora",
+            "grantModerator": "Bihurtu moderatzaile",
+            "hangup": "Deia bota",
+            "help": "Laguntza",
+            "invite": "Jendea gonbidatu",
+            "kick": "Kanporatu parte-hartzailea",
+            "lobbyButton": "Aktibatu/desaktibatu itxaron-gela",
+            "localRecording": "Tokiko grabazio kontrolak kontrolatu",
+            "lockRoom": "Aldatu bileraren pasahitza",
+            "moreActions": "Txandakatu ekintza gehiago menua",
+            "moreActionsMenu": "Ekintza gehiago menua",
+            "moreOptions": "Erakutsi aukera gehiagu",
+            "mute": "Isildu",
+            "muteEveryone": "Partehartzaile guztiak isildu",
+            "muteEveryoneElse": "Ixildu beste guztiak",
+            "muteEveryoneElsesVideo": "Itzali beste guztien kamera",
+            "muteEveryonesVideo": "Itzali guztien kamera",
+            "participants": "Parte-hartzaileak",
+            "pip": "Txandakatu irudiaren irudian",
+            "privateMessage": "Mezu pribatua bidali",
+            "profile": "Editatu zure profila",
+            "raiseHand": "Jaso edo jaitsi eskua",
+            "recording": "Grabaketa aktibatu",
+            "remoteMute": "Mututu parte-hartzailea",
+            "remoteVideoMute": "Desaktibatu parte-hartzaile baten kamera",
+            "security": "Segurtasun aukerak",
+            "selectBackground": "Aukeratu atzeko-planoa",
+            "shareRoom": "norbait gonbidatu",
+            "shareYourScreen": "Txandakatu pantaila partekatzea",
+            "shareaudio": "Partekatu audioa",
+            "sharedvideo": "Txandakatu bideoa partekatzen",
+            "shortcuts": "Txandakatu lasterbideak",
+            "show": "Erakutsi",
+            "speakerStats": "Txandakatu hiztunen estatistikak",
+            "tileView": "Txandakatu fitxa ikuspegia",
+            "toggleCamera": "Txandakatu kamera",
+            "toggleFilmstrip": "Txandakatu film-zerrenda",
+            "videoblur": "Txandakatu bideoaren lausotzea",
+            "videomute": "Txandakatu mutututako bideoa"
+        },
+        "addPeople": "Gehitu jendea zure deira",
+        "audioOnlyOff": "Gaitu audioa soilik modua",
+        "audioOnlyOn": "Gaitu audioa soilik modua",
+        "audioRoute": "Aukeratu soinu gailua",
+        "audioSettings": "Audio ezarpenak",
+        "authenticate": "Autentifikatu",
+        "callQuality": "Kudeatu deiaren kalitatea",
+        "chat": "txat gela ireki / itxi",
+        "closeChat": "Itxi txat gela",
+        "documentClose": "Dokumentu partekatu itxi",
+        "documentOpen": "Ireki partekatutako dokumentua",
+        "download": "Deskargatu gure aplikazioa",
+        "e2ee": "Puntutik punturako zifratzea",
+        "embedMeeting": "Txertatu bilera",
+        "enterFullScreen": "Ikusi pantaila osoa",
+        "enterTileView": "Sartu mosaiko ikuspegian",
+        "exitFullScreen": "Irten pantaila osora",
+        "exitTileView": "Irten mosaikoaren ikuspegitik",
+        "feedback": "Utzi iruzkin bat",
+        "hangup": "Irten",
+        "help": "Laguntza",
+        "invite": "Jendea gonbidatu",
+        "lobbyButtonDisable": "Desaktibatu itxaron-gela modua",
+        "lobbyButtonEnable": "Aktibatu itxaron-gela modua",
+        "login": "Saioa hasi",
+        "logout": "Itxi saioa",
+        "lowerYourHand": "Jaitsi eskua",
+        "moreActions": "Ekintza gehiago",
+        "moreOptions": "Aukera gehiago",
+        "mute": "Isiltasuna aktibatu / desaktibatu",
+        "muteEveryone": "Partehartzaile guztiak isildu",
+        "muteEveryonesVideo": "Desaktibatu guztien kamera",
+        "noAudioSignalDesc": "Sistema edo gailuaren ezarpenetatik islatu ez baduzu, kontuan hartu gailua aldatzea.",
+        "noAudioSignalDescSuggestion": "Sistema edo gailuaren ezarpenetatik islatu ez baduzu, kontuan hartu hurrengo gailua erabiltzea:",
+        "noAudioSignalDialInDesc": "Gainera, hau erabiliz deitu dezakezu:",
+        "noAudioSignalDialInLinkDesc": "Deitzeko telefonoak",
+        "noAudioSignalTitle": "Mikrofonotik ez dago sarrerarik!",
+        "noisyAudioInputDesc": "ingurune zaratatsua",
+        "noisyAudioInputTitle": "ingurune zaratatsua",
+        "openChat": "Ireki txata",
+        "participants": "Parte-hartzaileak",
+        "pip": "Irudi-irudian sartu",
+        "privateMessage": "Bidali mezu pribatua",
+        "profile": "Editatu zure profila",
+        "raiseHand": "Jaso / jaitsi eskua",
+        "raiseYourHand": "Jaso eskua",
+        "security": "Segurtasun aukerak",
+        "selectBackground": "Aukeratu atzeko planoa",
+        "shareRoom": "Gonbidatu norbait",
+        "shareaudio": "Partekatu audioa",
+        "sharedvideo": "Partekatu bideoa",
+        "shortcuts": "Ikusi lasterbideak",
+        "speakerStats": "Hizlariaren estatistikak",
+        "startScreenSharing": "Hasi pantaila partekatzen",
+        "startSubtitles": "Azpitituluak hasi",
+        "stopScreenSharing": "Gelditu pantaila partekatzea",
+        "stopSharedVideo": "Bideoa gelditu",
+        "stopSubtitles": "Azpitituluak gelditu",
+        "talkWhileMutedPopup": "Hitz egiten saiatzen ari al zara? Mututa zaude.",
+        "tileViewToggle": "Txandakatu fitxa ikuspegia",
+        "toggleCamera": "Txandakatu kamera",
+        "videoSettings": "Video ezarpenak",
+        "videomute": "Hasi / gelditu kamera"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Hasi / Gelditu Azpitituluak",
+        "error": "Transkripzioak huts egin du. Saiatu berriro.",
+        "expandedLabel": "Transkripzioa aktibatuta",
+        "failedToStart": "Ezin da transkripzioa hasi",
+        "labelToolTip": "Bilera transkribatzen ari da",
+        "off": "Transkripzioa gelditu da",
+        "pending": "Bileraren transkripzioa prestatzen…",
+        "start": "Erakutsi azpitituluak",
+        "stop": "Utzi azpitituluak erakusten",
+        "tr": "TR"
+    },
+    "userMedia": {
+        "grantPermissions": "Mesedez, eman zure kamera eta mikrofonoa erabiltzeko baimenak."
+    },
+    "videoSIPGW": {
+        "busy": "Baliabideak askatzeko lanetan gabiltza. Mesedez, saiatu berriro minutu batzuk barru.",
+        "busyTitle": "Gela zerbitzua lanpetuta dago une honetan",
+        "errorAlreadyInvited": "{{displayName}} jada gonbidatuta dago",
+        "errorInvite": "Konferentzia oraindik ez da finkatu. Saiatu berriro geroago.",
+        "errorInviteFailed": "Egoera konpontzeko lanean gabiltza. Saiatu berriro geroago.",
+        "errorInviteFailedTitle": "{{displayName}}} huts egin du",
+        "errorInviteTitle": "Errorea gela gonbidatzea",
+        "pending": "{{displayName}} gonbidatu da"
+    },
+    "videoStatus": {
+        "audioOnly": "AUD",
+        "audioOnlyExpanded": "Audio-soilik moduan zaude. Modu honek banda zabalera gordetzen du, baina besteen bideoa ez duzu ikusiko.",
+        "callQuality": "Bideo kalitatea",
+        "hd": "HD",
+        "hdTooltip": "Bideoa definizio-altuan ikusten",
+        "highDefinition": "Definizio-altuan moduan dago",
+        "labelTooiltipNoVideo": "Ez dago bideorik",
+        "labelTooltipAudioOnly": "Audio-soilik moduan dago",
+        "ld": "LD",
+        "ldTooltip": "Bideoa behe-definizioan ikusten",
+        "lowDefinition": "Behe-definizioa",
+        "sd": "SD",
+        "sdTooltip": "Definizio estandarrean bideoa ikusten",
+        "standardDefinition": "Definizio estandarra"
+    },
+    "videothumbnail": {
+        "connectionInfo": "Konexioaren informazioa",
+        "domute": "Mututu",
+        "domuteOthers": "Mututu beste guztiak",
+        "domuteVideo": "Desaktibatu kamera",
+        "domuteVideoOfOthers": "Desaktibatu beste guztien kamera",
+        "flip": "Irauli",
+        "grantModerator": "Bihurtu moderatzaile",
+        "kick": "Bota",
+        "moderator": "Moderatzailea",
+        "mute": "Parte-hartzailea mutututa dago",
+        "muted": "Mutututa",
+        "remoteControl": "Hasi / Gelditu urruneko kontrola",
+        "show": "Erakutsi",
+        "videoMuted": "Kamera desaktibatuta",
+        "videomute": "Parte-hartzaileak kamera geldiarazi du."
+    },
+    "virtualBackground": {
+        "addBackground": "Gehitu atzeko planoa",
+        "apply": "Aplikatu",
+        "blur": "Lausotu",
+        "deleteImage": "Ezabatu irudia",
+        "desktopShare": "Mahaigaina partekatu",
+        "desktopShareError": "Ezin izan da mahaigaina partekatu",
+        "image1": "Hondartza",
+        "image2": "Horma zuria",
+        "image3": "Gela huts zuria",
+        "image4": "Lurreko lanpara beltza",
+        "image5": "Mendia",
+        "image6": "Basoa",
+        "image7": "Egunsentia",
+        "none": "Bat ere ez",
+        "pleaseWait": "Itxaron mesedez…",
+        "removeBackground": "Kendu atzeko planoa",
+        "slightBlur": "Lausotze arina",
+        "title": "Atzeko plano birtualak",
+        "uploadedImage": "Kargatutako irudia {{index}}",
+        "webAssemblyWarning": "Ezin da WebAssembly erabili"
+    },
+    "volumeSlider": "Bolumena",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Klik batzeko",
+            "roomname": "Sartu gelaren izena"
+        },
+        "addMeetingName": "Gehitu bileraren izena",
+        "appDescription": "Zure lantalde guztiarentzat bideodeiak. {{app}} aplikazio zifratu eta segurua da, eta gainera %100 software librea, doakoa, denbora mugarik gabe eta konturik sortu gabe erabiltzekoa.",
+        "audioVideoSwitch": {
+            "audio": "Ahotsa",
+            "video": "Bideoa"
+        },
+        "calendar": "Egutegia",
+        "connectCalendarButton": "Konektatu zure egutegia",
+        "connectCalendarText": "Konektatu egutegia zure bilera guztiak {{app}}en ikusteko. Gainera, gehitu {{provider}} bilerak zure egutegian eta hasi klik bakar batekin.",
+        "enterRoomTitle": "Hasi bilera berria",
+        "getHelp": "Lortu laguntza",
+        "go": "JOAN",
+        "goSmall": "JOAN",
+        "headerSubtitle": "Secure and high quality meetings",
+        "headerTitle": "Jitsi Meet",
+        "info": "Informazioa",
+        "jitsiOnMobile": "Jitsi eramangarrian – deskargatu gure aplikazioak eta hasi bilerak edonondik",
+        "join": "SORTU / SARTU",
+        "logo": {
+            "calendar": "Egutegiaren logoa",
+            "desktopPreviewThumbnail": "Aurrebistaren iruditxoa",
+            "googleLogo": "Googleren logoa",
+            "logoDeepLinking": "Jitsi meeten logo",
+            "microsoftLogo": "Microsoften logo",
+            "policyLogo": "Politikaren logoa"
+        },
+        "mobileDownLoadLinkAndroid": "Deskargatu Android aplikazioa",
+        "mobileDownLoadLinkFDroid": "Deskargatu aplikazioa F-Droid-etik",
+        "mobileDownLoadLinkIos": "Deskargatu iOS aplikazioa",
+        "moderatedMessage": "Edu <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">gorde bilera helbide bat</a> eta zeu izango zara moderatzailea.",
+        "privacy": "Pribatutasuna",
+        "recentList": "Azkenak",
+        "recentListDelete": "Ezabatu",
+        "recentListEmpty": "Azkenak zerrenda hutsik dago. Txateatu zure taldearekin eta azken bilera guztiak hemen aurkituko dituzu.",
+        "reducedUIText": "Ongi etorri {{app}}era!",
+        "roomNameAllowedChars": "Bileraren izenak ez du honelako karaktererik eduki behar: ?, &,:, ', \",%, #.",
+        "roomname": "Sartu gelaren izena",
+        "roomnameHint": "Sartu batu nahi duzun gelaren izena edo URLa. Izen bat sor dezakezu eta bilerara sartuko diren pertsonei esaiezu, izen bera sartu dezaten.",
+        "sendFeedback": "Bidali iritzia",
+        "startMeeting": "Hasi bilera",
+        "terms": "Baldintzak",
+        "title": "Bideo-dei seguruak, hainbat aukerarekin eta guztiz doan."
+    }
+}
diff --git a/lang/main-fa.json b/lang/main-fa.json
new file mode 100644
index 0000000..026f9e5
--- /dev/null
+++ b/lang/main-fa.json
@@ -0,0 +1,1480 @@
+{
+    "addPeople": {
+        "accessibilityLabel": {
+            "meetingLink": "پیوند جلسه: {{url}}"
+        },
+        "add": "دعوت‌کردن",
+        "addContacts": "دعوت از مخاطبین شما",
+        "contacts": "مخاطبین",
+        "copyInvite": "رونوشت دعوت‌نامه جلسه",
+        "copyLink": "رونوشت پیوند جلسه",
+        "copyStream": "رونوشت پیوند پخش زنده",
+        "countryNotSupported": "این مقصد را هنوز پشتیبانی نمی‌کنیم.",
+        "countryReminder": "می‌خواهید با خارج از کشور تماس بگیرید؟ لطفاً مطمئن شوید که ابتدا پیش‌شماره را وارد می‌کنید!",
+        "defaultEmail": "رایانامهٔ پیش‌فرض شما",
+        "disabled": "شما نمی‌توانید کسی را دعوت کنید.",
+        "failedToAdd": "افزودن شرکت‌کنندگان با خطا مواجه شد",
+        "googleEmail": "رایانامهٔ گوگل",
+        "inviteMoreHeader": "شما تنها فرد حاضر در این جلسه هستید",
+        "inviteMoreMailSubject": "به جلسهٔ {{appName}} بپیوندید",
+        "inviteMorePrompt": "دعوت افراد بیش‌تر",
+        "linkCopied": "پیوند در بریده‌دان رونوشت شد",
+        "noResults": "هیچ نتیجه‌ای مطابق با جستجو یافت نشد",
+        "outlookEmail": "رایانامهٔ اوت‌لوک",
+        "phoneNumbers": "شماره تلفن‌ها",
+        "searching": "درحال جستجو…",
+        "shareInvite": "هم‌رسانی دعوت‌نامهٔ جلسه",
+        "shareLink": "هم‌رسانی پیوند جلسه برای دعوت دیگران",
+        "shareStream": "هم‌رسانی پیوند پخش زنده",
+        "sipAddresses": "نشانی‌های sip",
+        "telephone": "تلفن: {{number}}",
+        "title": "دعوت افراد به این جلسه",
+        "yahooEmail": "رایانامهٔ یاهو"
+    },
+    "audioDevices": {
+        "bluetooth": "بلوتوث",
+        "car": "صدای خودرو",
+        "headphones": "هدفون",
+        "none": "هیچ دستگاه صوتی‌ای در دسترس نیست",
+        "phone": "تلفن",
+        "speaker": "بلندگو"
+    },
+    "audioOnly": {
+        "audioOnly": "پهنای باند کم"
+    },
+    "bandwidthSettings": {
+        "assumedBandwidthBps": "برای مثال ۱۰۰۰۰۰۰۰ برای ۱۰ مگابایت",
+        "assumedBandwidthBpsWarning": "مقدارهای بالاتر ممکن است باعث مشکلات شبکه شوند.",
+        "customValue": "مقدار سفارشی",
+        "customValueEffect": "برای تنظیم مقدار واقعی bps",
+        "leaveEmpty": "خالی بگذارید",
+        "leaveEmptyEffect": "تا امکان انجام تخمین‌ها فراهم شود",
+        "possibleValues": "مقدارهای ممکن",
+        "setAssumedBandwidthBps": "پهنای باند فرض‌شده (bps)",
+        "title": "تنظیمات پهنای باند",
+        "zeroEffect": "برای غیرفعال‌کردن ویدیو"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "افزودن اتاق جانبی",
+            "autoAssign": "اختصاص خودکار به اتاق‌های جانبی",
+            "close": "بستن",
+            "join": "پیوستن",
+            "leaveBreakoutRoom": "اتاق جانبی را ترک کنید",
+            "more": "بیش‌تر",
+            "remove": "حذف‌کردن",
+            "sendToBreakoutRoom": "ارسال شرکت‌کننده به:"
+        },
+        "defaultName": "اتاق جانبی #{{index}}",
+        "mainRoom": "اتاق اصلی",
+        "notifications": {
+            "joined": "درحال پیوستن به اتاق جانبی «{{name}}»",
+            "joinedMainRoom": "درحال پیوستن به اتاق اصلی",
+            "joinedTitle": "اتاق‌های جانبی"
+        }
+    },
+    "calendarSync": {
+        "addMeetingURL": "افزودن یک پیوند جلسه",
+        "confirmAddLink": "آیا می‌خواهید پیوند جلسه به این رویداد اضافه شود؟",
+        "error": {
+            "appConfiguration": "اتصال تقویم به‌درستی پیکربندی نشده‌است.",
+            "generic": "خطایی رخ‌داده‌است. لطفاً تنظیمات تقویم خود را بررسی کنید یا تازه‌سازی تقویم را امتحان کنید.",
+            "notSignedIn": "هنگام احراز هویت برای دیدن رویدادهای تقویم خطایی رخ‌داده‌است. لطفاً تنظیمات تقویم خود را بررسی کنید و دوباره وارد شوید."
+        },
+        "join": "پیوستن",
+        "joinTooltip": "پیوستن به جلسه",
+        "nextMeeting": "جلسهٔ بعدی",
+        "noEvents": "هیچ رویدادی برای آینده برنامه‌ریزی نشده است.",
+        "ongoingMeeting": "جلسهٔ درحال برگزاری",
+        "permissionButton": "بازکردن تنظیمات",
+        "permissionMessage": "دسترسی تقویم برای دیدن جلسات شما در برنامه لازم است.",
+        "refresh": "بازخوانی تقویم",
+        "today": "امروز"
+    },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "انتخاب دستگاه صوتی"
+        },
+        "labels": {
+            "buttonLabel": "حالت خودرو",
+            "title": "حالت خودرو",
+            "videoStopped": "ویدیوی شما متوقف شد"
+        }
+    },
+    "chat": {
+        "enter": "ورود به اتاق",
+        "error": "خطا: پیام شما ارسال نشد. دلیل: {{error}}",
+        "fieldPlaceHolder": "پیام خود را بنویسید",
+        "lobbyChatMessageTo": "پیام گپِ اتاق انتظار به {{recipient}}",
+        "message": "پیام",
+        "messageAccessibleTitle": "{{user}} می‌گوید:",
+        "messageAccessibleTitleMe": "من می‌گویم:",
+        "messageTo": "پیام خصوصی به {{recipient}}",
+        "messagebox": "یک پیام بنویسید",
+        "newMessages": "پیام‌های جدید",
+        "nickname": {
+            "popover": "نام نمایشی خود را وارد نمایید",
+            "title": "برای استفاده از گپ، نام نمایشی خود را وارد کنید",
+            "titleWithPolls": "برای استفاده از گپ و نظرسنجی، نام نماشی خود را وارد کنید"
+        },
+        "noMessagesMessage": "هنوز هیچ پیامی در این جلسه وجود ندارد. از این‌جا یک گفتگو را آغاز کنید!",
+        "privateNotice": "پیام خصوصی به {{recipient}}",
+        "sendButton": "ارسال",
+        "smileysPanel": "تابلوی شکلک",
+        "tabs": {
+            "chat": "گپ",
+            "polls": "نظرسنجی‌ها"
+        },
+        "title": "گپ",
+        "titleWithPolls": "گپ و نظرسنجی‌ها",
+        "you": "شما"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "نصب افزونهٔ مرورگر Chrome",
+        "buttonTextEdge": "نصب افزونهٔ مرورگر Edge",
+        "close": "بستن",
+        "dontShowAgain": "دیگر این را به من نمایش نده",
+        "installExtensionText": "برای اتصال به تقویم گوگل و برنامه آفیس 365 افزونه را نصب کنید"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "درحال اتصال شما به جلسه…"
+    },
+    "connection": {
+        "ATTACHED": "پیوست‌شده",
+        "AUTHENTICATING": "درحال احراز هویت",
+        "AUTHFAIL": "خطا در احراز هویت",
+        "CONNECTED": "وصل‌شده",
+        "CONNECTING": "درحال اتصال",
+        "CONNFAIL": "خطا در اتصال",
+        "DISCONNECTED": "قطع شد",
+        "DISCONNECTING": "درحال قطع اتصال",
+        "ERROR": "خطا",
+        "FETCH_SESSION_ID": "دریافت شناسهٔ جلسه…",
+        "GET_SESSION_ID_ERROR": "خطا در دریافت شناسهٔ جلسه: {{code}}",
+        "GOT_SESSION_ID": "دریافت شناسهٔ جلسه… انجام شد",
+        "LOW_BANDWIDTH": "برای صرفه‌جویی در پهنای باند، ویدیو برای {{displayName}} غیرفعال شد"
+    },
+    "connectionindicator": {
+        "address": "نشانی:",
+        "audio_ssrc": "SSRC صدا:",
+        "bandwidth": "پهنای باند تخمینی:",
+        "bitrate": "نرخ بیت:",
+        "bridgeCount": "تعداد سرور: ",
+        "codecs": "رمزینه‌ها (A/V): ",
+        "connectedTo": "متصل به:",
+        "e2eeVerified": "رمزگذاری سرتاسری تأیید شد:",
+        "framerate": "نرخ بازسازی تصویر:",
+        "less": "نمایش کم‌تر",
+        "localaddress": "نشانی داخلی:",
+        "localaddress_plural": "نشانی‌های داخلی:",
+        "localport": "درگاه داخلی:",
+        "localport_plural": "درگاه‌های داخلی:",
+        "maxEnabledResolution": "ارسال بیشینه",
+        "more": "نمایش بیش‌تر",
+        "no": "خیر",
+        "packetloss": "بسته‌های گمشده:",
+        "participant_id": "شناسهٔ شرکت‌کننده:",
+        "quality": {
+            "good": "خوب",
+            "inactive": "غیرفعال",
+            "lost": "گم‌شده",
+            "nonoptimal": "غیربهینه",
+            "poor": "ضعیف"
+        },
+        "remoteaddress": "نشانی بیرونی:",
+        "remoteaddress_plural": "نشانی‌های بیرونی:",
+        "remoteport": "درگاه بیرونی:",
+        "remoteport_plural": "درگاه‌های بیرونی:",
+        "resolution": "وضوح:",
+        "savelogs": "ذخیرهٔ گزارش‌ها",
+        "status": "اتصال:",
+        "transport": "انتقال:",
+        "transport_plural": "انتقال‌ها:",
+        "video_ssrc": "SSRC ویدیو:",
+        "yes": "بله"
+    },
+    "dateUtils": {
+        "earlier": "قبل‌تر",
+        "today": "امروز",
+        "yesterday": "دیروز"
+    },
+    "deepLinking": {
+        "appNotInstalled": "برای پیوستن به این جلسه باید با برنامهٔ {{app}} در تلفن همراه خود ادامه دهید.",
+        "description": "هیچ اتفاقی نیفتاد؟ تلاش کردیم جلسه را در نرم‌افزار میزکار {{app}} اجرا کنیم. دوباره تلاش کنید یا جلسه را در نسخهٔ وب {{app}} اجرا کنید.",
+        "descriptionNew": "هیچ اتفاقی نیفتاد؟ تلاش کردیم جلسه را در نرم‌افزار میزکار {{app}} اجرا کنیم. <br /><br /> می‌توانید دوباره تلاش کنید یا جلسه را در نسخهٔ وب اجرا کنید.",
+        "descriptionWithoutWeb": "هیچ اتفاقی نیفتاد؟ تلاش کردیم جلسه را در نرم‌افزار میزکار {{app}} اجرا کنیم.",
+        "downloadApp": "بارگیری برنامه",
+        "downloadMobileApp": "بارگیری از فروشگاه برنامه‌ها",
+        "ifDoNotHaveApp": "اگر هنوز برنامه را نصب نکرده‌اید:",
+        "ifHaveApp": "اگر قبلا برنامه را نصب کرده‌اید:",
+        "joinInApp": "با استفاده از برنامه به جلسه بپیوندید",
+        "joinInAppNew": "با استفاده از برنامه بپیوندید",
+        "joinInBrowser": "با استفاده از مرورگر بپیوندید",
+        "launchMeetingLabel": "چگونه می‌خواهید به این جلسه بپیوندید؟",
+        "launchWebButton": "استفاده از نسخه‌ٔ وب",
+        "noMobileApp": "برنامه را نصب نکرده‌اید؟",
+        "termsAndConditions": "با ادامه‌دادن، با <a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'>شرایط و ضوابط</a> ما موافقت می‌کنید.",
+        "title": "درحال اجرای جلسهٔ شما در {{app}}…",
+        "titleNew": "درحال اجرای جلسهٔ شما…",
+        "tryAgainButton": "با نسخه‌ٔ میزکار دوباره تلاش کنید",
+        "unsupportedBrowser": "به نظر می‌رسد در حال استفاده از یک مرورگر پشتیبانی‌نشده هستید."
+    },
+    "defaultLink": "برای مثال {{url}}",
+    "defaultNickname": "برای مثال: آناهیتا",
+    "deviceError": {
+        "cameraError": "خطا در دسترسی به دوربین",
+        "cameraPermission": "خطا در گرفتن اجازهٔ دوربین",
+        "microphoneError": "خطا در دسترسی به میکروفن",
+        "microphonePermission": "خطا در گرفتن اجازهٔ میکروفن"
+    },
+    "deviceSelection": {
+        "hid": {
+            "callControl": "کنترل تماس",
+            "connectedDevices": "دستگاه‌های متصل:",
+            "deleteDevice": "حذف دستگاه",
+            "pairDevice": "جفت‌کردن دستگاه"
+        },
+        "noPermission": "اجازه داده نشد",
+        "previewUnavailable": "پیش‌نمایش در دسترس نیست",
+        "selectADevice": "یک دستگاه را انتخاب کنید",
+        "testAudio": "آزمایش"
+    },
+    "dialIn": {
+        "screenTitle": "خلاصهٔ شماره‌گیری"
+    },
+    "dialOut": {
+        "statusMessage": "اکنون {{status}} است"
+    },
+    "dialog": {
+        "Back": "بازگشت",
+        "Cancel": "لغو",
+        "IamHost": "من میزبان هستم",
+        "Ok": "تأیید",
+        "Remove": "حذف‌کردن",
+        "Share": "هم‌رسانی",
+        "Submit": "ارسال",
+        "WaitForHostMsg": "کنفرانس هنوز شروع نشده است، اگر میزبان هستید وارد شوید، در غیراین صورت تا رسیدن میزبان و شروع جلسه منتظر بمانید.",
+        "WaitingForHostTitle": "در انتظار میزبان…",
+        "Yes": "بله",
+        "accessibilityLabel": {
+            "Cancel": "لغو (ترک‌کردن پنجرهٔ گفتگو)",
+            "Ok": "باشه (ذخیره و ترک‌کردن پنجرهٔ گفتگو)",
+            "close": "بستن پیام",
+            "liveStreaming": "پخش زنده",
+            "sharingTabs": "گزینه‌های هم‌رسانی"
+        },
+        "add": "افزودن",
+        "addMeetingNote": "یک یادداشت دربارهٔ این جلسه بیافزایید",
+        "addOptionalNote": "افزودن یک یادداشت (اختیاری):",
+        "allow": "اجازه‌دادن",
+        "alreadySharedVideoMsg": "یک شرکت‌کنندهٔ دیگر درحال هم‌رسانی ویدیو است. این کنفرانس در هر زمان فقط اجازهٔ هم‌رسانی یک ویدیو را می‌دهد.",
+        "alreadySharedVideoTitle": "فقط یک ویدیو را می‌توان در هر زمان هم‌رسانی کرد",
+        "applicationWindow": "پنجرهٔ برنامه",
+        "authenticationRequired": "احراز هویت مورد نیاز است",
+        "cameraConstraintFailedError": "دوربین شما برخی از قابلیت‌های مورد نیاز را ندارد.",
+        "cameraNotFoundError": "دوربین پیدا نشد.",
+        "cameraNotSendingData": "به دوربین شما دسترسی نداریم. بررسی کنید که برنامهٔ دیگری در حال استفاده از دوربین نباشد، اگر می‌توانید دوربین دیگری را از فهرست تنظیمات انتخاب کنید یا تلاش کنید برنامه را دوباره بارگذاری کنید.",
+        "cameraNotSendingDataTitle": "دسترسی به دوربین امکان‌پذیر نیست",
+        "cameraPermissionDeniedError": "شما اجازهٔ استفاده از دوربین خود را نداده‌اید. همچنان می‌توانید به کنفرانس بپیوندید، اما دیگران شما را نخواهند دید. برای رفع این مشکل از دکمهٔ دوربین در نوارِ نشانی استفاده کنید.",
+        "cameraTimeoutError": "منبع ویدیو شروع نشد. بیش‌ازحد طول کشید!",
+        "cameraUnknownError": "به دلایلی نامشخص نمی‌توان از دوربین استفاده کرد.",
+        "cameraUnsupportedResolutionError": "دوربین شما از وضوح تصویر مورد نیاز پشتیبانی نمی‌کند.",
+        "close": "بستن",
+        "conferenceDisconnectMsg": "شاید بخواهید اتصال شبکه خود را بررسی کنید. تلاش برای اتصال دوباره در {{seconds}} ثانیه دیگر…",
+        "conferenceDisconnectTitle": "اتصال شما قطع شده‌است.",
+        "conferenceReloadMsg": "ما در حال تلاش برای حل این مشکل هستیم. تلاش برای اتصال دوباره در {{seconds}} ثانیه دیگر…",
+        "conferenceReloadTitle": "متأسفانه مشکلی پیش آمد.",
+        "confirm": "تأیید",
+        "confirmNo": "خیر",
+        "confirmYes": "بله",
+        "connectError": "اوه! مشکلی پیش آمد و نتوانستیم به کنفرانس وصل شویم.",
+        "connectErrorWithMsg": "اوه! مشکلی پیش آمد و نتوانستیم به کنفرانس وصل شویم: {{msg}}",
+        "connecting": "درحال اتصال",
+        "contactSupport": "تماس با پشتیبانی",
+        "copied": "رونوشت‌شد",
+        "copy": "رونوشت",
+        "dismiss": "ردکردن",
+        "displayNameRequired": "سلام! نام شما چیست؟",
+        "done": "انجام شد",
+        "e2eeDescription": "رمزگذاری سرتاسر در حال حاضر <strong>آزمایشی</strong> است. لطفاً در نظر داشته باشید که فعال‌کردن رمزگذاری سرتاسری خدمات ارائه‌شده در سمت سرور را غیرفعال خواهد کرد؛ مانند: مشارکت تلفنی در جلسات. همچنین در نظر داشته باشید که جلسه تنها برای افرادی که از طریق مرورگرهایی با پشتیبانی این قابلیت می‌پیوندند، کار می‌کند.",
+        "e2eeDisabledDueToMaxModeDescription": "به دلیل تعداد زیاد شرکت‌کنندگان در کنفرانس، رمزگذاری سرتاسری نمی‌تواند فعال شود.",
+        "e2eeLabel": "رمزگذاری سرتاسری را فعال کن",
+        "e2eeWarning": "<strong>هشدار:</strong>به نظر می‌رسد همهٔ شرکت‌کنندگان در این جلسه از رمزگذاری سرتاسری پشتیبانی نمی‌کنند. اگر این قابلیت را فعال کنید، آن‌ها صدای جلسه را نمی‌شنوند و تصویر را مشاهده نخواهند کرد.",
+        "e2eeWillDisableDueToMaxModeDescription": "<strong>هشدار:</strong>: اگر شرکت‌کنندگان بیشتری به کنفرانس بپیوندند، رمزگذاری سرتاسری به طور خودکار غیرفعال می‌شود.",
+        "embedMeeting": "جاسازی جلسه",
+        "enterDisplayName": "نام خود را وارد کنید",
+        "error": "خطا",
+        "gracefulShutdown": "سرویس ما درحال به‌روزرسانی است و هم‌اکنون در دسترس نمی‌باشد. لطفاً بعداً دوباره امتحان کنید.",
+        "grantModeratorDialog": "آیا مطمئن هستید که می‌خواهید دسترسی مدیر را به {{participantName}} اعطا کنید؟",
+        "grantModeratorTitle": "اعطای دسترسی مدیر",
+        "hide": "مخفی‌کردن",
+        "hideShareAudioHelper": "این پیام را دوباره نشان نده",
+        "incorrectPassword": "نام کاربری یا گذرواژه اشتباه است",
+        "incorrectRoomLockPassword": "گذرواژه اشتباه است",
+        "internalError": "اوه! مشکلی پیش آمد. خطای مقابل رخ داد: {{error}}",
+        "internalErrorTitle": "خطای داخلی",
+        "kickMessage": "برای جزئیات بیشتر می‌توانید با {{participantDisplayName}} تماس بگیرید.",
+        "kickParticipantButton": "بیرون‌کردن",
+        "kickParticipantDialog": "آیا مطمئن هستید که می‌خواهید این شرکت‌کننده را بیرون کنید؟",
+        "kickParticipantTitle": "بیرون‌کردن این شرکت‌کننده؟",
+        "kickTitle": "آخ! {{participantDisplayName}} شما را از جلسه بیرون کرد",
+        "linkMeeting": "پیوند جلسه",
+        "linkMeetingTitle": "پیوند جلسه به Salesforce",
+        "liveStreaming": "پخش زنده",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "هنگامی که ضبط فعال است امکان‌پذیر نیست",
+        "localUserControls": "کنترل‌های کاربر محلی",
+        "lockMessage": "قفل‌کردن کنفرانس با خطا مواجه شد.",
+        "lockRoom": "افزودن $t(lockRoomPassword) به جلسه",
+        "lockTitle": "قفل‌کردن با خطا مواجه شد",
+        "login": "ورود",
+        "logoutQuestion": "آیا مطمئن هستید که می‌خواهید خارج شوید و کنفرانس را ترک کنید؟",
+        "logoutTitle": "خروج",
+        "maxUsersLimitReached": "تعداد شرکت‌کنندگان به بیشینه میزان مجاز رسیده است. کنفرانس پُر است. لطفاً با صاحب جلسه تماس بگیرید یا بعداً دوباره تلاش کنید!",
+        "maxUsersLimitReachedTitle": "تعداد شرکت‌کنندگان به بیشینه میزان مجاز رسیده است",
+        "micConstraintFailedError": "میکروفون شما برخی از قابلیت‌های مورد نیاز را ندارد.",
+        "micNotFoundError": "میکروفن پیدا نشد.",
+        "micNotSendingData": "برای روشن‌کردن میکروفون خود و تنظیم سطح صدای آن، به تنظیمات رایانهٔ خود بروید",
+        "micNotSendingDataTitle": "میکروفن شما توسط تنظیمات رایانهٔ شما بی‌صدا شده است",
+        "micPermissionDeniedError": "شما مجوز استفاده از میکروفن را نداده‌اید. همچنان می‌توانید به کنفرانس بپیوندید، اما دیگران صدای شما را نمی‌شنوند. برای رفع این مشکل از دکمهٔ دوربین در نوارِ نشانی استفاده کنید.",
+        "micTimeoutError": "منبع صوتی شروع نشد. بیش‌ازحد طول کشید!",
+        "micUnknownError": "به دلیل نامشخصی نمی‌توان از میکروفون استفاده کرد.",
+        "moderationAudioLabel": "به شرکت‌کنندگان اجازه دهید صدای میکروفون خود را وصل کنند",
+        "moderationVideoLabel": "به شرکت‌کنندگان اجازه دهید ویدیوی خود را شروع کنند",
+        "muteEveryoneDialog": "شرکت‌کنندگان می‌توانند هر زمان که بخواهند صدای خود را وصل کنند.",
+        "muteEveryoneDialogModerationOn": "شرکت‌کنندگان می‌توانند هر زمان که بخواهند درخواستی برای صحبت ارسال کنند.",
+        "muteEveryoneElseDialog": "وقتی که میکروفون آن‌ها بی‌صدا شود، شما نمی‌توانید آن را وصل کنید، اما خودشان هر زمان که بخواهند می‌توانند.",
+        "muteEveryoneElseTitle": "میکروفون همه به‌جز {{whom}} بی‌صدا شود؟",
+        "muteEveryoneElsesVideoDialog": "پس از غیرفعال‌شدن دوربین، نمی‌توانید دوباره آن را روشن کنید، اما آن‌ها می‌توانند در هر زمانی آن را دوباره روشن کنند.",
+        "muteEveryoneElsesVideoTitle": "ویدیوی همه به‌جز {{whom}} متوقف شود؟",
+        "muteEveryoneSelf": "خودتان",
+        "muteEveryoneStartMuted": "همه شرکت‌کنندگان از این به بعد بی‌صدا وارد می‌شوند",
+        "muteEveryoneTitle": "صدای همه قطع شود؟",
+        "muteEveryonesVideoDialog": "شرکت‌کنندگان می‌توانند در هر زمانی ویدیوی خود را روشن کنند.",
+        "muteEveryonesVideoDialogModerationOn": "شرکت‌کنندگان می‌توانند هر زمان که بخواهند درخواستی برای روشن شدن ویدیوی خود ارسال کنند.",
+        "muteEveryonesVideoDialogOk": "غیرفعال‌کردن",
+        "muteEveryonesVideoTitle": "ویدیوی همه متوقف شود؟",
+        "muteParticipantBody": "شما نمی‌توانید صدای آن‌ها را وصل کنید، اما خودشان هر زمان که بخواهند، می‌توانند صدای خود را وصل کنند.",
+        "muteParticipantButton": "بی‌صداکردن",
+        "muteParticipantsVideoBody": "نمی‌توانید دوربین آن‌ها را دوباره روشن کنید، اما آن‌ها می‌توانند هر زمان که بخواهند دوباره آن را روشن کنند.",
+        "muteParticipantsVideoBodyModerationOn": "شما نمی‌توانید دوربین را دوباره روشن کنید و آن‌ها هم نخواهند توانست.",
+        "muteParticipantsVideoButton": "توقف ویدیو",
+        "muteParticipantsVideoDialog": "آیا مطمئنید که می‌خواهید دوربین این شرکت‌کننده را خاموش کنید؟ نمی‌توانید دوربین را دوباره روشن کنید، اما آن‌ها می‌توانند هر زمان که بخواهند دوباره آن را روشن کنند.",
+        "muteParticipantsVideoDialogModerationOn": "آیا مطمئنید که می‌خواهید دوربین این شرکت‌کننده را خاموش کنید؟ نه شما می‌توانید دوربین را دوباره روشن کنید و نه آن‌ها.",
+        "muteParticipantsVideoTitle": "دوربین این شرکت‌کننده غیرفعال شود؟",
+        "noDropboxToken": "ژتون معتبر Dropbox وجود ندارد",
+        "password": "گذرواژه",
+        "passwordLabel": "جلسه توسط یک شرکت‌کننده قفل شده است. لطفاً برای پیوستن $t(lockRoomPassword) را وارد کنید.",
+        "passwordNotSupported": "قابلیت تنظیم $t(lockRoomPassword) برای جلسه پشتیبانی نمی‌شود.",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) پشتیبانی نمی‌شود",
+        "passwordRequired": "$t(lockRoomPasswordUppercase) مورد نیاز است",
+        "permissionCameraRequiredError": "اجازهٔ دوربین برای شرکت در کنفرانس‌های ویدیویی مورد نیاز است. لطفاً آن را در تنظیمات اعطا کنید",
+        "permissionErrorTitle": "اجازه لازم است",
+        "permissionMicRequiredError": "اجازهٔ میکروفون برای شرکت در کنفرانس های صوتی مورد نیاز است. لطفاً آن را در تنظیمات اعطا کنید",
+        "popupError": "مرورگر شما پنجره‌های بازشونده را برای این سایت مسدود کرده است. در تنظیمات امنیتی مرورگر خود، پنجره‌های بازشونده را برای این سایت فعال کرده و دوباره امتحان کنید.",
+        "popupErrorTitle": "پنجره‌های بازشونده مسدود شده‌است",
+        "readMore": "بیش‌تر",
+        "recentlyUsedObjects": "اشیائی که به‌تازگی استفاده کرده‌اید",
+        "recording": "درحال ضبط",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "هنگامی که پخش زنده در جریان است ممکن نیست",
+        "rejoinNow": "پیوستن مجدد",
+        "remoteControlAllowedMessage": "{{user}} درخواست کنترل از راه دور را پذیرفت!",
+        "remoteControlDeniedMessage": "{{user}} درخواست کنترل از راه دور را رد کرد!",
+        "remoteControlErrorMessage": "در هنگام درخواست اجازهٔ کنترل از راه دور از {{user}} خطایی رخ داد!",
+        "remoteControlRequestMessage": "آیا به {{user}} اجازه می‌دهید که میزکار شما را از راه دور کنترل کند؟",
+        "remoteControlShareScreenWarning": "با انتخاب گزینه‌ی «اجازه‌دادن» میزکار شما هم‌رسانی خواهد شد!",
+        "remoteControlStopMessage": "جلسهٔ کنترل از راه دور به پایان رسید!",
+        "remoteControlTitle": "کنترل میزکار از راه دور",
+        "remoteUserControls": "کنترل‌های کاربر از راه دور برای {{username}}",
+        "removePassword": "حذف‌کردن $t(lockRoomPassword)",
+        "removeSharedVideoMsg": "آیا مطمئن هستید که می‌خواهید ویدیوی هم‌رسانی‌شده را حذف کنید؟",
+        "removeSharedVideoTitle": "حذف ویدیوی هم‌رسانی‌شده",
+        "reservationError": "خطای سیستم رزرو",
+        "reservationErrorMsg": "کد خطا: {{code}}، پیام: {{msg}}",
+        "retry": "تلاش دوباره",
+        "screenSharingAudio": "هم‌رسانی صدا",
+        "screenSharingFailed": "اوه! مشکلی پیش آمد؛ نتوانستیم هم‌رسانی صفحه را شروع کنیم!",
+        "screenSharingFailedTitle": "هم‌رسانی صفحه با خطا مواجه شد!",
+        "screenSharingPermissionDeniedError": "اوه! مشکلی با اجازه‌های هم‌رسانی صفحهٔ شما پیش آمد. لطفاً صفحه را دوباره بارگیری کنید و سپس دوباره تلاش کنید.",
+        "searchInSalesforce": "جستجو در Salesforce",
+        "searchResults": "نتایج جستجو({{count}})",
+        "searchResultsDetailsError": "هنگام بازیابی داده‌های صاحب جلسه مشکلی پیش آمد.",
+        "searchResultsError": "هنگام بازیابی داده‌ها مشکلی پیش آمد.",
+        "searchResultsNotFound": "هیچ نتیجه‌ای برای این جستجو یافت نشد.",
+        "searchResultsTryAgain": "سعی کنید از کلمات کلیدی جایگزین استفاده کنید.",
+        "sendPrivateMessage": "شما یک پیام خصوصی دریافت کرده‌اید. می‌خواهید به صورت خصوصی به آن پاسخ دهید یا پیام خود را به گروه بفرستید؟",
+        "sendPrivateMessageCancel": "ارسال به گروه",
+        "sendPrivateMessageOk": "ارسال به‌صورت خصوصی",
+        "sendPrivateMessageTitle": "به‌صورت خصوصی ارسال شود؟",
+        "serviceUnavailable": "سرویس در دسترس نیست",
+        "sessTerminated": "تماس پایان یافت",
+        "sessionRestarted": "به دلیل مشکل اتصال، تماس دوباره برقرار شد.",
+        "shareAudio": "‏‏ادامه",
+        "shareAudioTitle": "نحوهٔ هم‌رسانی صدا",
+        "shareAudioWarningD1": "قبل از هم‌رسانی صدا، باید هم‌رسانی صفحه را متوقف کنید.",
+        "shareAudioWarningD2": "شما باید هم‌رسانی صفحهٔ خود را دوباره راه‌اندازی کنید و گزینه «هم‌رسانی صدا» را علامت بزنید.",
+        "shareAudioWarningH1": "اگر می‌خواهید فقط صدا را هم‌رسانی کنید:",
+        "shareAudioWarningTitle": "قبل از هم‌رسانی صدا، باید هم‌رسانی صفحه را متوقف کنید",
+        "shareMediaWarningGenericH2": "اگر می‌خواهید صفحه و صدای خود را هم‌رسانی کنید",
+        "shareScreenWarningD1": "پیش از هم‌رسانی صفحه، باید هم‌رسانی صدا را متوقف کنید.",
+        "shareScreenWarningD2": "باید هم‌رسانی صدا را متوقف کنید، سپس هم‌رسانی صفحه را شروع کنید و گزینه «هم‌رسانی صدا» را فعال کنید.",
+        "shareScreenWarningH1": "اگر می‌خواهید فقط صفحهٔ خود را هم‌رسانی کنید:",
+        "shareScreenWarningTitle": "پیش از هم‌رسانی صفحه باید هم‌رسانی صدا را متوقف کنید",
+        "shareVideoLinkError": "لطفاً یک پیوند ویدیوی معتبر وارد کنید.",
+        "shareVideoTitle": "هم‌رسانی ویدیو",
+        "shareYourScreen": "هم‌رسانی صفحهٔ شما",
+        "shareYourScreenDisabled": "هم‌رسانی صفحه غیرفعال شد.",
+        "sharedVideoDialogError": "خطا: نشانی اینترنتی نامعتبر",
+        "sharedVideoLinkPlaceholder": "پیوند یوتیوب یا پیوند مستقیم ویدیو",
+        "show": "نمایش",
+        "start": "شروع ",
+        "startLiveStreaming": "شروع پخش زنده",
+        "startRecording": "شروع ضبط",
+        "startRemoteControlErrorMessage": "هنگام تلاش برای شروع نشستِ کنترل‌ازراه‌دور خطایی رخ داد!",
+        "stopLiveStreaming": "توقف پخش زنده",
+        "stopRecording": "توقف ضبط",
+        "stopRecordingWarning": "آیا مطمئن هستید که می‌خواهید ضبط را متوقف کنید؟",
+        "stopStreamingWarning": "آیا مطمئن هستید که می‌خواهید پخش زنده را متوقف کنید؟",
+        "streamKey": "کلید پخش زنده",
+        "thankYou": "از این‌که از {{appName}} استفاده کردید سپاس‌گزاریم!",
+        "token": "ژتون",
+        "tokenAuthFailed": "با عرض پوزش، شما اجازهٔ پیوستن به این تماس را ندارید.",
+        "tokenAuthFailedTitle": "احراز هویت ناموفق بود",
+        "transcribing": "ترانویسی",
+        "unlockRoom": "حذف جلسه $t(lockRoomPassword)",
+        "user": "کاربر",
+        "userIdentifier": "شناساگر کاربر",
+        "userPassword": "گذرواژهٔ کاربر",
+        "verifyParticipantConfirm": "آن‌ها مطابقت دارند",
+        "verifyParticipantDismiss": "آن‌ها مطابقت ندارند",
+        "verifyParticipantQuestion": "<b>آزمایشی</b>: از شرکت‌کننده {{participantName}} بپرسید که آیا محتوای یکسانی را با ترتیب یکسان می‌بیند.",
+        "verifyParticipantTitle": "تأیید کاربر",
+        "videoLink": "پیوند ویدیو",
+        "viewUpgradeOptions": "گزینه‌های ارتقا را مشاهده کنید",
+        "viewUpgradeOptionsContent": "برای دسترسی نامحدود به ویژگی‌های ممتاز مانند ضبط، ترانویسی، پخش RTMP و بیش‌تر، باید طرح خود را ارتقا دهید.",
+        "viewUpgradeOptionsTitle": "شما یک ویژگی ممتاز را کشف کردید!",
+        "yourEntireScreen": "تمامِ صفحه‌نمایش شما"
+    },
+    "documentSharing": {
+        "title": "سندِ هم‌رسانی‌شده"
+    },
+    "e2ee": {
+        "labelToolTip": "ارتباط صوتی و تصویری در این تماس به صورت سرتاسری رمزگذاری شده است"
+    },
+    "embedMeeting": {
+        "title": "جاسازی این جلسه"
+    },
+    "feedback": {
+        "accessibilityLabel": {
+            "yourChoice": "انتخاب شما: {{rating}}"
+        },
+        "average": "میانگین",
+        "bad": "بد",
+        "detailsLabel": "دربارهٔ آن بیش‌تر به ما بگویید.",
+        "good": "خوب",
+        "rateExperience": "به تجربه خود در جلسه امتیاز دهید",
+        "star": "ستاره",
+        "veryBad": "خیلی بد",
+        "veryGood": "خیلی خوب"
+    },
+    "filmstrip": {
+        "accessibilityLabel": {
+            "heading": "تصاویر بندانگشتی ویدیو"
+        }
+    },
+    "giphy": {
+        "noResults": "نتیجه‌ای یافت نشد :(",
+        "search": "جستجو در GIPHY"
+    },
+    "incomingCall": {
+        "answer": "پاسخ‌دادن",
+        "audioCallTitle": "تماس ورودی",
+        "decline": "ردکردن",
+        "productLabel": "از جلسه Jitsi",
+        "videoCallTitle": "تماس ویدیویی ورودی"
+    },
+    "info": {
+        "accessibilityLabel": "نمایش اطلاعات",
+        "addPassword": "افزودن $t(lockRoomPassword)",
+        "cancelPassword": "لغو $t(lockRoomPassword)",
+        "conferenceURL": "پیوند:",
+        "copyNumber": "رونوشت شماره",
+        "country": "کشور",
+        "dialANumber": "برای پیوستن به جلسه، یکی از این شماره‌ها را شماره‌گیری کرده، سپس پین را وارد نمایید.",
+        "dialInConferenceID": "پین:",
+        "dialInNotSupported": "با عرض پوزش، قابلیت شماره‌گیری درحال حاضر پشتیبانی نمی‌شود.",
+        "dialInNumber": "شماره‌گیری:",
+        "dialInSummaryError": "در واکِشی اطلاعاتِ شماره‌گیری خطایی رخ داده است. لطفاً بعدا دوباره تلاش کنید.",
+        "dialInTollFree": "بدون هزینه",
+        "genericError": "آخ، مشکلی پیش آمد.",
+        "inviteLiveStream": "برای مشاهدهٔ پخش زندهٔ این جلسه، روی این پیوند کلیک کنید: {{url}}",
+        "invitePhone": "برای پیوستن از طریق تلفن، روی این ضربه بزنید: {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "به‌دنبال شمارهٔ تماس دیگری هستید؟\nشماره‌های تماس جلسه را ببینید: {{url}}\n\n\nاگر از طریق تلفن اتاق شماره گیری می‌کنید، بدون اتصال به صدا بپیوندید: {{silentUrl}}",
+        "inviteSipEndpoint": "برای عضویت با استفاده از نشانی SIP، این را وارد کنید: {{sipUri}}",
+        "inviteTextiOSInviteUrl": "برای پیوستن روی این پیوند کلیک کنید: {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "اگر از طریق تلفن اتاق شماره‌گیری می‌کنید، از این پیوند برای پیوستن بدون اتصال به صدا استفاده کنید: {{silentUrl}}.",
+        "inviteTextiOSPersonal": "{{name}} شما را به یک جلسه دعوت می‌کند.",
+        "inviteTextiOSPhone": "برای پیوستن از طریق تلفن، از این شماره استفاده کنید: {{number}},,{{conferenceID}}#. اگر به دنبال شمارهٔ دیگری هستید، این فهرستِ کامل است: {{didUrl}}.",
+        "inviteURLFirstPartGeneral": "شما برای پیوستن به یک جلسه دعوت شده‌اید.",
+        "inviteURLFirstPartPersonal": "{{name}} شما را به یک جلسه دعوت می‌کند.\n",
+        "inviteURLSecondPart": "\nبه جلسه بپیوندید:\n{{url}}\n",
+        "label": "اطلاعات شماره‌گیری",
+        "liveStreamURL": "پخش زنده:",
+        "moreNumbers": "شماره‌های بیش‌تر",
+        "noNumbers": "شمارهٔ تماسی برای پیوستن با شماره‌گیری وجود ندارد.",
+        "noPassword": "هیچ‌یک",
+        "noRoom": "هیچ جلسه‌ای برای پیوستن با شماره‌گیری مشخص نشده است.",
+        "numbers": "شماره‌های تماس برای پیوستن",
+        "password": "$t(lockRoomPasswordUppercase): ",
+        "reachedLimit": "به سقف طرح خود رسیده‌اید.",
+        "sip": "نشانی SIP",
+        "title": "هم‌رسانی",
+        "tooltip": "پیوند و شمارهٔ تماس این جلسه را هم‌رسانی کنید",
+        "upgradeOptions": "لطفاً بررسی کنید گزینه‌های ارتقا انتخاب شده باشد"
+    },
+    "inlineDialogFailure": {
+        "msg": "کمی دچار لغزش شدیم.",
+        "retry": "تلاش دوباره",
+        "support": "پشتیبانی",
+        "supportMsg": "اگر این مشکل همچنان وجود دارد، تماس بگیرید"
+    },
+    "inviteDialog": {
+        "alertText": "خطا در دعوت از برخی از شرکت‌کنندگان.",
+        "header": "دعوت‌کردن",
+        "searchCallOnlyPlaceholder": "شمارهٔ تلفن را وارد نمایید",
+        "searchPeopleOnlyPlaceholder": "جستجوی شرکت‌کنندگان",
+        "searchPlaceholder": "شرکت‌کننده یا شمارهٔ تلفن",
+        "send": "ارسال"
+    },
+    "jitsiHome": "{{logo}} نشان‌واره، پیوندها به  صفحهٔ اصلی",
+    "keyboardShortcuts": {
+        "focusLocal": "تمرکز روی ویدیوی شما",
+        "focusRemote": "تمرکز روی ویدیوی شخصی دیگر",
+        "fullScreen": "مشاهده یا خروج از حالت تمام‌صفحه",
+        "giphyMenu": "تغییر وضعیت فهرست GIPHY",
+        "keyboardShortcuts": "میان‌برهای صفحه‌کلید",
+        "localRecording": "نمایش یا مخفی‌کردن کنترل‌های ضبط محلی",
+        "mute": "قطع و وصل صدای میکروفونتان",
+        "pushToTalk": "برای صحبت‌کردن فشار دهید",
+        "raiseHand": "بالابردن یا پایین‌آوردن دست",
+        "showSpeakerStats": "نمایش آمار شرکت‌کنندگان",
+        "toggleChat": "بازکردن یا بستن گپ",
+        "toggleFilmstrip": "نمایش یا مخفی‌کردن تصاویر بندانگشتی ویدیو",
+        "toggleParticipantsPane": "نمایش یا پنهان‌کردن تابلوی شرکت‌کنندگان",
+        "toggleScreensharing": "جابه‌جایی بین دوربین و هم‌رسانی صفحه‌نمایش",
+        "toggleShortcuts": "نمایش یا مخفی‌کردن میان‌برهای صفحه‌کلید",
+        "videoMute": "شروع یا توقف دوربین شما"
+    },
+    "largeVideo": {
+        "screenIsShared": "شما درحال هم‌رسانی صفحهٔ نمایشتان هستید",
+        "showMeWhatImSharing": "آن‌چه را که هم‌رسانی می‌کنم به من نشان بده"
+    },
+    "liveStreaming": {
+        "busy": "ما درحال آزادسازی منابع پخش هستیم. لطفاً دقایقی دیگر دوباره تلاش کنید.",
+        "busyTitle": "همه پخش‌کننده‌ها درحال حاضر مشغول هستند",
+        "changeSignIn": "تعویض حساب‌ها.",
+        "choose": "یک پخش زنده را انتخاب کنید",
+        "chooseCTA": "یک گزینهٔ پخش را انتخاب کنید. شما درحال حاضر به‌عنوان {{email}} وارد شده‌اید.",
+        "enterStreamKey": "کلید پخش زندهٔ یوتیوب خود را این‌جا وارد کنید.",
+        "error": "پخش زنده ناموفق بود. لطفاً دوباره تلاش کنید.",
+        "errorAPI": "در دسترسی به پخش‌کننده‌های یوتیوب شما خطایی رخ داد. لطفاً دوباره تلاش کنید که وارد شوید.",
+        "errorLiveStreamNotEnabled": "پخش زنده برای {{email}} فعال نیست. لطفاً پخش زنده را فعال کنید یا وارد یک حساب کاربری با پخش زندهٔ فعال شوید.",
+        "expandedOff": "پخش زنده متوقف شده است",
+        "expandedOn": "این جلسه درحال حاضر در یوتیوب درحال پخش است.",
+        "expandedPending": "پخش زنده در حال شروع است…",
+        "failedToStart": "شروع پخش زنده ناموفق بود",
+        "getStreamKeyManually": "ما نتوانستیم هیچ پخش زنده‌ای را دریافت کنیم. کلید پخش زنده خود را به‌صورت دستی از یوتیوب دریافت کنید.",
+        "googlePrivacyPolicy": "سیاست محرمانگی گوگل",
+        "inProgress": "ضبط یا پخش زنده درحال انجام است",
+        "invalidStreamKey": "کلید پخش زنده ممکن است اشتباه باشد.",
+        "limitNotificationDescriptionNative": "پخش زنده شما به {{limit}} دقیقه محدود خواهد شد. برای پخش نامحدود از {{app}} استفاده کنید.",
+        "limitNotificationDescriptionWeb": "به دلیل درخواست‌های زیاد، پخش زندهٔ شما به {{limit}} دقیقه محدود خواهد شد. برای پخش نامحدود از <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a> استفاده کنید.",
+        "off": "پخش زنده متوقف شد",
+        "offBy": "{{name}} پخش زنده را متوقف کرد",
+        "on": "پخش زنده شروع شد",
+        "onBy": "{{name}} پخش زنده را شروع کرد",
+        "pending": "درحال شروع پخش زنده…",
+        "serviceName": "خدمت پخش زنده",
+        "sessionAlreadyActive": "این جلسه از قبل درحال ضبط یا پخش زنده است.",
+        "signIn": "ورود با حساب گوگل",
+        "signInCTA": "وارد حساب کاربری شوید یا کلید پخش زنده خود را از یوتیوب وارد کنید.",
+        "signOut": "خروج از حساب",
+        "signedInAs": "شما به این عنوان وارد حساب شده‌اید:",
+        "start": "شروع یک پخش زنده",
+        "streamIdHelp": "این چیه؟",
+        "title": "پخش زنده",
+        "unavailableTitle": "پخش زنده در دسترس نیست",
+        "youtubeTerms": "شرایط خدمات یوتیوب"
+    },
+    "lobby": {
+        "backToKnockModeButton": "درخواست برای پیوستن",
+        "chat": "گپ",
+        "dialogTitle": "حالت اتاق انتظار",
+        "disableDialogContent": "حالت اتاق انتظار فعال شد، این قابلیت تضمین می‌کند که شرکت‌کنندگان ناخواسته نمی‌توانند به جلسه بپیوندند. آیا می‌خواهید آن را غیرفعال کنید؟",
+        "disableDialogSubmit": "غیرفعال‌کردن",
+        "emailField": "نشانی رایانامهٔ خود را وارد نمایید",
+        "enableDialogPasswordField": "تنظیم گذرواژه (اختیاری)",
+        "enableDialogSubmit": "فعال‌کردن",
+        "enableDialogText": "حالت اتاق انتظار به شما اجازه می‌دهد جلسه خود را محافظت کنید و فقط پس از تأیید رسمی توسط یک مدیر، به افراد اجازه ورود دهید.",
+        "enterPasswordButton": "گذرواژهٔ جلسه را وارد کنید",
+        "enterPasswordTitle": "برای پیوستن به جلسه گذرواژه را وارد کنید",
+        "errorMissingPassword": "لطفاً گذرواژهٔ جلسه را وارد کنید",
+        "invalidPassword": "گذرواژه نامعتبر است",
+        "joinRejectedMessage": "درخواست پیوستن شما توسط مدیر جلسه رد شد.",
+        "joinRejectedTitle": "درخواست شما رد شد.",
+        "joinTitle": "پیوستن به جلسه",
+        "joinWithPasswordMessage": "تلاش برای پیوستن به جلسه با گذرواژه؛ شکیبا باشید…",
+        "joiningMessage": "به محض پذیرش درخواست شما، به جلسه خواهید پیوست",
+        "joiningTitle": "درخواست برای پیوستن به جلسه…",
+        "joiningWithPasswordTitle": "درحال پیوستن با گذرواژه…",
+        "knockButton": "درخواست برای پیوستن",
+        "knockTitle": "یک نفر می‌خواهد به جلسه بپیوندد",
+        "knockingParticipantList": "فهرست شرکت‌کنندگان درانتظار",
+        "lobbyChatStartedNotification": "{{moderator}} شروع به یک گپِ اتاق انتظار با {{attendee}} کرد",
+        "lobbyChatStartedTitle": "{{moderator}} شروع به یک گپِ اتاق انتظار با شما کرد.",
+        "nameField": "نام خود را وارد کنید",
+        "notificationLobbyAccessDenied": "درخواست پیوستن {{targetParticipantName}} توسط {{originParticipantName}} رد شد",
+        "notificationLobbyAccessGranted": "درخواست پیوستن {{targetParticipantName}} توسط {{originParticipantName}} تأیید شد",
+        "notificationLobbyDisabled": "اتاق انتظار توسط {{originParticipantName}} غیرفعال شده است",
+        "notificationLobbyEnabled": "اتاق انتظار توسط {{originParticipantName}} فعال شده است",
+        "notificationTitle": "اتاق انتظار",
+        "passwordField": "گذرواژهٔ جلسه را وارد کنید",
+        "passwordJoinButton": "پیوستن",
+        "title": "اتاق انتظار",
+        "toggleLabel": "فعال‌کردن اتاق انتظار"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "خاموش",
+            "on": "روشن",
+            "unknown": "نامشخص"
+        },
+        "dialogTitle": "کنترل‌های ضبط محلی",
+        "duration": "مدت زمان",
+        "durationNA": "دردسترس نیست",
+        "encoding": "رمزگذاری",
+        "label": "ضبط محلی",
+        "labelToolTip": "ضبط محلی درگیر است",
+        "localRecording": "ضبط محلی",
+        "me": "من",
+        "messages": {
+            "engaged": "ضبط محلی درگیر شد.",
+            "finished": "نشست ضبط {{token}} به پایان رسید. لطفاً پروندهٔ ضبط‌شده را به مدیر جلسه ارسال کنید.",
+            "finishedModerator": "نشست ضبط {{token}} تمام شد. ضبطِ قطعهٔ محلی ذخیره شده است. لطفاً از دیگر شرکت‌کنندگان بخواهید ضبط‌های خود را ارسال کنند.",
+            "notModerator": "شما مدیر جلسه نیستید. شما نمی‌توانید ضبط محلی را آغاز کرده یا متوقف کنید."
+        },
+        "moderator": "مدیر",
+        "no": "خیر",
+        "participant": "شرکت‌کننده",
+        "participantStats": "آمار شرکت‌کننده",
+        "selectTabTitle": "🎥 لطفاً این زبانه را برای ضبط انتخاب کنید",
+        "sessionToken": "ژتون نشست",
+        "start": "شروع ضبط",
+        "stop": "توقف ضبط",
+        "yes": "بله"
+    },
+    "lockRoomPassword": "گذرواژه",
+    "lockRoomPasswordUppercase": "گذرواژه",
+    "lonelyMeetingExperience": {
+        "button": "دعوت از دیگران",
+        "youAreAlone": "شما در جلسه تنها هستید"
+    },
+    "me": "من",
+    "notify": {
+        "OldElectronAPPTitle": "آسیب‌پذیری امنیتی!",
+        "allowAction": "اجازه‌دادن",
+        "allowedUnmute": "می‌توانید میکروفون خود را روشن کنید، دوربین خود را روشن کنید یا صفحهٔ خود را هم‌رسانی کنید.",
+        "audioUnmuteBlockedDescription": "عملیات روشن‌کردن میکروفون به دلیل محدودیت‌های سامانه موقتاً مسدود شده است.",
+        "audioUnmuteBlockedTitle": "روشن‌کردن میکروفون مسدود شد!",
+        "chatMessages": "پیام‌های گپ",
+        "connectedOneMember": "{{name}} به جلسه پیوست",
+        "connectedThreePlusMembers": "{{name}} و بسیاری دیگر به جلسه پیوستند",
+        "connectedTwoMembers": "{{first}} و {{second}} به جلسه پیوستند",
+        "dataChannelClosed": "کیفیت ویدیو دچال اختلال است",
+        "dataChannelClosedDescription": "کانال پل قطع شده است و بنابراین کیفیت ویدیو به پایین‌ترین حالت آن محدود شده است.",
+        "disabledIframe": "جاسازی فقط برای اهداف نمایشی در نظر گرفته شده است؛ بنابراین این تماس در {{timeout}} دقیقهٔ دیگر قطع می‌شود.",
+        "disconnected": "قطع‌شده",
+        "displayNotifications": "نمایش آگهی‌ها برای",
+        "dontRemindMe": "به من یادآوری نکن",
+        "focus": "تمرکز کنفرانس",
+        "focusFail": "{{component}} در دسترس نیست - تلاش دوباره در {{ms}} ثانیه دیگر",
+        "gifsMenu": "GIPHY",
+        "groupTitle": "آگهی‌ها",
+        "hostAskedUnmute": "مدیر جلسه از شما می‌خواهد که صحبت کنید",
+        "invitedOneMember": "{{name}} دعوت شده است",
+        "invitedThreePlusMembers": "{{name}} و {{count}} نفر دیگر دعوت شده‌اند",
+        "invitedTwoMembers": "{{first}} و {{second}} دعوت شده‌اند",
+        "joinMeeting": "پیوستن",
+        "kickParticipant": "{{kicked}} توسط {{kicker}} بیرون شد",
+        "leftOneMember": "{{name}} جلسه را ترک کرد",
+        "leftThreePlusMembers": "{{name}} و بسیاری دیگر جلسه را ترک کردند",
+        "leftTwoMembers": "{{first}} و {{second}} جلسه را ترک کردند",
+        "linkToSalesforce": "پیوند به Salesforce",
+        "linkToSalesforceDescription": "شما می‌توانید خلاصهٔ جلسه را به یک شیء Salesforce پیوند دهید.",
+        "linkToSalesforceError": "خطا در پیوند جلسه به Salesforce",
+        "linkToSalesforceKey": "پیونددادن این جلسه",
+        "linkToSalesforceProgress": "درحال پیونددادن این جلسه به Salesforce…",
+        "linkToSalesforceSuccess": "این جلسه به Salesforce پیوند داده شد",
+        "localRecordingStarted": "{{name}} یک ضبط محلی را شروع کرده است.",
+        "localRecordingStopped": "{{name}} یک ضبط محلی را متوقف کرده است.",
+        "me": "من",
+        "moderationInEffectCSDescription": "لطفاً اگر می‌خواهید صفحهٔ نمایش خود را هم‌رسانی کنید، دست خود را بالا ببرید.",
+        "moderationInEffectCSTitle": "هم‌رسانی صفحهٔ نمایش توسط مدیر جلسه مسدود شده است",
+        "moderationInEffectDescription": "لطفاً اگر می‌خواهید صحبت کنید، دست را بالا ببرید.",
+        "moderationInEffectTitle": "میکروفون شما توسط مدیر بی‌صدا شده است",
+        "moderationInEffectVideoDescription": "لطفاً اگر می‌خواهید دوربین خود را روشن کنید، دست خود را بالا ببرید.",
+        "moderationInEffectVideoTitle": "دوربین شما توسط مدیر مسدود شده است",
+        "moderationRequestFromModerator": "میزبان از شما می‌خواهد که صدای خود را وصل کنید",
+        "moderationRequestFromParticipant": "می‌خواهد صحبت کند",
+        "moderationStartedTitle": "مدیریت شروع شد",
+        "moderationStoppedTitle": "مدیریت متوقف شد",
+        "moderationToggleDescription": "توسط {{participantDisplayName}}",
+        "moderator": "شما اکنون یک مدیر جلسه هستید",
+        "muted": "شما گفتگو را به‌صورت بی‌صدا شروع کرده‌اید.",
+        "mutedRemotelyDescription": "هر زمانی که آماده صحبت هستید می‌توانید صدای خود را وصل کنید. وقتی صحبتتان تمام شد، میکروفون خود را دوباره قطع کنید تا سروصدای اضافه وارد جلسه نشود.",
+        "mutedRemotelyTitle": "صدای شما توسط {{participantDisplayName}} قطع شد",
+        "mutedTitle": "صدای شما قطع است!",
+        "newDeviceAction": "استفاده",
+        "newDeviceAudioTitle": "دستگاه صوتی جدید شناسایی شد",
+        "newDeviceCameraTitle": "دوربین جدید شناسایی شد",
+        "noiseSuppressionDesktopAudioDescription": "هنگام هم‌رسانی صدای میزکار، امکان نوفه‌زدایی را نمی‌توان فعال کرد. لطفاً آن را غیرفعال کنید و دوباره تلاش کنید.",
+        "noiseSuppressionFailedTitle": "شروع نوفه‌زدایی ناموفق بود",
+        "noiseSuppressionNoTrackDescription": "لطفاً ابتدا صدای میکروفون خود را وصل کنید.",
+        "noiseSuppressionStereoDescription": "درحال حاضر نوفه‌زدایی برای صدای چندآوا پشتیبانی نمی‌شود.",
+        "oldElectronClientDescription1": "به‌نظر می‌رسد شما از یک نگارش قدیمی کارخواه برنامه استفاده می‌کنید که آسیب‌پذیری‌های امنیتی شناخته‌شده‌ای دارد. لطفاً مطمئن شوید که به‌روزرسانی می‌کنید ",
+        "oldElectronClientDescription2": "آخرین ساخت",
+        "oldElectronClientDescription3": " الان!",
+        "participantWantsToJoin": "می‌خواهد به جلسه بپیوندد",
+        "participantsWantToJoin": "می‌خواهد به جلسه بپیوندد",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) توسط شرکت‌کنندهٔ دیگری حذف شد",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) توسط شرکت‌کنندهٔ دیگری تنظیم شد",
+        "raiseHandAction": "بالابردن دست",
+        "raisedHand": "می‌خواهد صحبت کند.",
+        "raisedHands": "{{participantName}} و {{raisedHands}} نفر بیش‌تر",
+        "reactionSounds": "غیرفعال‌کردن صداها",
+        "reactionSoundsForAll": "غیرفعال‌کردن صداها برای همه",
+        "screenShareNoAudio": "جعبهٔ هم‌رسانی صدا در صفحهٔ انتخابِ پنجره علامت‌گذاری نشده بود.",
+        "screenShareNoAudioTitle": "صدای سیستم هم‌رسانی نشد!",
+        "screenSharingAudioOnlyDescription": "لطفاً توجه داشته باشید که با هم‌رسانی صفحهٔ نمایش، حالت «بهترین کارایی» را تحت تأثیر قرار می‌دهید و از پهنای‌باند بیشتری استفاده خواهید کرد.",
+        "screenSharingAudioOnlyTitle": "حالت «بهترین کارایی»",
+        "selfViewTitle": "همیشه می‌توانید نمای خود را از تنظیمات آشکارسازی کنید",
+        "somebody": "یک‌نفر",
+        "startSilentDescription": "برای فعال‌سازی صدا دوباره به جلسه بپیوندید",
+        "startSilentTitle": "شما بدون هیچ خروجی برای پخش صدا به جلسه پیوسته‌اید!",
+        "suboptimalBrowserWarning": "ما نگرانیم که تجربهٔ جلسه شما در این‌جا عالی نباشد. ما به‌دنبال راه‌هایی برای بهبود این موضوع هستیم؛ اما تا آن زمان لطفاً از یکی از <a href='{{recommendedBrowserPageLink}}' target='_blank'>مرورگرهای کاملاً پشتیبانی‌شده</a> استفاده کنید.",
+        "suboptimalExperienceTitle": "هشدار مرورگر",
+        "unmute": "وصل‌کردن صدا",
+        "videoMutedRemotelyDescription": "همیشه می‌توانید دوباره آن را روشن کنید.",
+        "videoMutedRemotelyTitle": "ویدیوی شما توسط {{participantDisplayName}} غیرفعال شده است",
+        "videoUnmuteBlockedDescription": "عملیات‌های روشن‌کردن دوربین و هم‌رسانی میزکار به دلیل محدودیت‌های سیستم موقتاً مسدود شده‌اند.",
+        "videoUnmuteBlockedTitle": "روشن‌کردن دوربین و هم‌رسانی میزکار مسدود شد!",
+        "viewLobby": "مشاهدهٔ اتاق انتظار",
+        "waitingParticipants": "{{waitingParticipants}} نفر"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "پذیرفتن",
+            "admitAll": "پذیرفتن همه",
+            "allow": "به حاضران اجازه دهید:",
+            "allowVideo": "اجازهٔ ویدیو",
+            "askUnmute": "درخواست وصل‌کردن صدا",
+            "audioModeration": "صدای خودشان را وصل کنند",
+            "blockEveryoneMicCamera": "مسدودکردن میکروفون و دوربین همه",
+            "invite": "دعوت از یک‌نفر",
+            "moreModerationActions": "گزینه‌های مدیریت بیش‌تر",
+            "moreModerationControls": "بازرسی‌های مدیریت بیش‌تر",
+            "moreParticipantOptions": "گزینه‌های شرکت‌کنندهٔ بیش‌تر",
+            "mute": "بی‌صداکردن",
+            "muteAll": "بی‌صداکردن همه",
+            "muteEveryoneElse": "بی‌صداکردن بقیه افراد",
+            "reject": "ردکردن",
+            "stopEveryonesVideo": "توقف ویدیوی همه",
+            "stopVideo": "توقف ویدیو",
+            "unblockEveryoneMicCamera": "رفع مسدودی میکروفون و دوربین همه",
+            "videoModeration": "ویدیوی خودشان را شروع کنند"
+        },
+        "close": "بستن",
+        "headings": {
+            "lobby": "اتاق انتظار ({{count}})",
+            "participantsList": "شرکت‌کنندگان در جلسه ({{count}})",
+            "visitors": "بینندگان ({{count}})",
+            "waitingLobby": "در اتاق انتظار ({{count}})"
+        },
+        "search": "جستجوی شرکت‌کنندگان",
+        "title": "شركت‌كنندگان"
+    },
+    "passwordDigitsOnly": "تا {{number}} رقم",
+    "passwordSetRemotely": "توسط یک شرکت‌کنندهٔ دیگر تنظیم شده است",
+    "pinParticipant": "{{participantName}} - سنجاق‌کردن",
+    "pinnedParticipant": "شرکت‌کننده سنجاق شده‌است",
+    "polls": {
+        "answer": {
+            "skip": "ردکردن",
+            "submit": "ارسال"
+        },
+        "by": "توسط {{ name }}",
+        "create": {
+            "addOption": "افزودن گزینه",
+            "answerPlaceholder": "گزینه {{index}}",
+            "cancel": "لغو",
+            "create": "یک نظرسنجی ایجاد کنید",
+            "pollOption": "گزینهٔ نظرسنجی {{index}}",
+            "pollQuestion": "پرسش نظرسنجی",
+            "questionPlaceholder": "یک سوال بپرسید",
+            "removeOption": "حذف گزینه",
+            "send": "ارسال"
+        },
+        "errors": {
+            "notUniqueOption": "گزینه ها باید منحصر به فرد باشند"
+        },
+        "notification": {
+            "description": "برای رأی‌دادن، زبانهٔ نظرسنجی‌ها را باز کنید",
+            "title": "نظرسنجی جدیدی به این جلسه اضافه شد"
+        },
+        "results": {
+            "changeVote": "تغییر رأی",
+            "empty": "هنوز هیچ نظرسنجی‌ای در این جلسه وجود ندارد. یک نظرسنجی از این‌جا شروع کنید!",
+            "hideDetailedResults": "پنهان‌سازی جزئیات",
+            "showDetailedResults": "نمایش جزئیات",
+            "vote": "رأی"
+        }
+    },
+    "poweredby": "قدرت‌گرفته از",
+    "prejoin": {
+        "audioAndVideoError": "خطا در صدا و تصویر:",
+        "audioDeviceProblem": "مشکلی در دستگاه صوتی شما وجود دارد",
+        "audioOnlyError": "خطا در صدا:",
+        "audioTrackError": "قطعهٔ صوتی ایجاد نشد.",
+        "callMe": "با من تماس بگیرید",
+        "callMeAtNumber": "با این شماره با من تماس بگیرید:",
+        "calling": "درحال تماس",
+        "configuringDevices": "پیکربندی دستگاه‌ها…",
+        "connectedWithAudioQ": "از طریق صدا متصل هستید؟",
+        "connection": {
+            "good": "اتصال اینترنت شما خوب به‌نظر می‌رسد!",
+            "nonOptimal": "اتصال اینترنت شما مناسب نیست",
+            "poor": "اتصال اینترنت شما ضعیف است"
+        },
+        "connectionDetails": {
+            "audioClipping": "انتظار می‌رود صدای شما بریده‌بریده شود.",
+            "audioHighQuality": "انتظار می‌رود صدای شما کیفیتی عالی داشته باشد.",
+            "audioLowNoVideo": "انتظار می‌رود صدای شما کیفیت پایینی داشته باشد و تصویر شما نیز قطع شود.",
+            "goodQuality": "فوق‌العاده! کیفیت صدا و تصویر شما عالی خواهد بود.",
+            "noMediaConnectivity": "نتوانستیم راهی برای ایجاد اتصال صدا و تصویر برای این آزمایش پیدا کنیم. این موضوع معمولاً توسط دیوارهٔ آتش یا NAT ایجاد می‌شود.",
+            "noVideo": "انتظار می‌رود ویدیوی شما به‌شدت بد باشد.",
+            "undetectable": "اگر همچنان در برقراری ارتباط از طریق مرورگر مشکل دارید، توصیه می‌کنیم مطمئن شوید بلندگو، میکروفن و دوربین شما به دسترسی تنظیم شده‌اند، اجازهٔ دسترسی به میکروفون و دوربین خود را به مرورگرتان داده باشید و همچنین از به‌روز بودن نگارش مرورگر خود مطمئن شوید. اگر با این حال در صورت ادامه مشکل در برقراری تماس، با توسعه‌دهنده یا پشتیبانی برنامه تماس بگیرید.",
+            "veryPoorConnection": "انتظار می‌رود کیفیت تماس شما به‌شدت بد باشد.",
+            "videoFreezing": "انتظار می‌رود تصویر ویدیوی شما ثابت شده و تار شود یا قطع شود.",
+            "videoHighQuality": "انتظار می‌رود ویدیوی شما کیفیت خوبی داشته باشد.",
+            "videoLowQuality": "انتظار می‌رود ویدیوی شما از نظر نرخ بازسازی تصویر و وضوح کیفیت پایینی داشته باشد.",
+            "videoTearing": "انتظار می‌رود ویدیوی شما تار شود یا نواقص دیداری داشته باشد."
+        },
+        "copyAndShare": "رونوشت و هم‌رسانی پیوند جلسه",
+        "dialInMeeting": "شماره‌گیری برای پیوستن به جلسه",
+        "dialInPin": "شماره‌های جلسه را شماره‌گیری کرده و این رمز شخصی را وارد نمایید:",
+        "dialing": "شماره‌گیری",
+        "doNotShow": "این صفحه را دوباره نشان نده",
+        "errorDialOut": "نمی‌توان شماره‌گیری کرد",
+        "errorDialOutDisconnected": "نمی‌توان شماره‌گیری کرد. قطع شد",
+        "errorDialOutFailed": "نمی‌توان شماره‌گیری کرد. تماس ناموفق بود",
+        "errorDialOutStatus": "خطا در دریافت وضعیت شماره‌گیری",
+        "errorMissingName": "لطفاً نام خود را برای پیوستن به جلسه وارد کنید",
+        "errorNoPermissions": "باید دسترسی میکروفون و دوربین را فعال کنید",
+        "errorStatusCode": "خطا در شماره‌گیری، کد وضعیت: {{status}}",
+        "errorValidation": "اعتبارسنجی شماره ناموفق بود",
+        "iWantToDialIn": "می‌خواهم تماس بگیرم",
+        "initiated": "تماس آغاز شد",
+        "joinAudioByPhone": "پیوستن با صدای گوشی",
+        "joinMeeting": "پیوستن به جلسه",
+        "joinMeetingInLowBandwidthMode": "پیوستن در حالت پهنای باند کم",
+        "joinWithoutAudio": "پیوستن بدون صدا",
+        "keyboardShortcuts": "فعال‌سازی میان‌برهای صفحه‌کلید",
+        "linkCopied": "پیوند در بریده‌دان رونوشت شد",
+        "lookGood": "میکروفون شما به‌درستی کار می‌کند",
+        "or": "یا",
+        "premeeting": "پیش‌جلسه",
+        "proceedAnyway": "در هر صورت انجام شود",
+        "screenSharingError": "خطا در هم‌رسانی صفحه:",
+        "startWithPhone": "شروع با صدای گوشی",
+        "unsafeRoomConsent": "من خطر احتمالی را درک می‌کنم؛ می‌خواهم به جلسه بپیوندم",
+        "videoOnlyError": "خطای ویدیو:",
+        "videoTrackError": "قطعهٔ ویدیویی ایجاد نشد.",
+        "viewAllNumbers": "مشاهدهٔ همهٔ شماره‌ها"
+    },
+    "presenceStatus": {
+        "busy": "مشغول",
+        "calling": "درحال تماس‌گرفتن…",
+        "connected": "متصل‌شده",
+        "connecting": "درحال اتصال…",
+        "connecting2": "درحال اتصال*…",
+        "disconnected": "قطع‌شده",
+        "expired": "منقضی‌شده",
+        "ignored": "نادیده‌گرفته",
+        "initializingCall": "درحال آغاز تماس…",
+        "invited": "دعوت‌شده",
+        "rejected": "ردشده",
+        "ringing": "درحال زنگ‌زدن…"
+    },
+    "profile": {
+        "avatar": "چِهرَک",
+        "setDisplayNameLabel": "نام",
+        "setEmailInput": "رایانامه را وارد کنید",
+        "setEmailLabel": "رایانامهٔ Gravatar",
+        "title": "نمایه"
+    },
+    "raisedHand": "تمایل به صحبت",
+    "raisedHandsLabel": "تعداد دست‌های بلندشده",
+    "record": {
+        "already": {
+            "linked": "این جلسه از قبل به شیء Salesforce پیوست شده است."
+        },
+        "type": {
+            "account": "حساب",
+            "contact": "مخاطب",
+            "lead": "رهبر",
+            "opportunity": "فرصت",
+            "owner": "صاحب"
+        }
+    },
+    "recording": {
+        "authDropboxText": "بارگذاری در دراپ‌باکس",
+        "availableSpace": "فضای موجود: {{spaceLeft}} مگابایت (تقریباً {{duration}} دقیقه ضبط جلسه)",
+        "beta": "<b>نسخهٔ آزمایشی</b>",
+        "busy": "ما درحال آزادسازی منابع ضبط هستیم. لطفاً دقایقی دیگر دوباره تلاش کنید.",
+        "busyTitle": "همهٔ ضبط‌کننده‌ها هم‌اکنون مشغول هستند",
+        "copyLink": "رونوشت پیوند",
+        "error": "ضبط ناموفق بود. دوباره تلاش کنید.",
+        "errorFetchingLink": "خطا در واکِشی پیوند ضبط.",
+        "expandedOff": "ضبط متوقف شده است",
+        "expandedOn": "این جلسه هم‌اکنون درحال ضبط‌شدن است.",
+        "expandedPending": "ضبط درحال شروع است…",
+        "failedToStart": "شروع ضبط ناموفق بود",
+        "fileSharingdescription": "هم‌رسانی پیوند ضبط با شرکت‌کنندگان جلسه",
+        "highlight": "علامت‌گذاری",
+        "highlightMoment": "علامت‌گذاری لحظه",
+        "highlightMomentDisabled": "وقتی ضبط شروع می‌شود می‌توانید لحظه‌ها را علامت‌گذاری کنید",
+        "highlightMomentSuccess": "لحظه علامت‌گذاری شد",
+        "highlightMomentSucessDescription": "لحظه‌های علامت‌گذاری‌شدهٔ شما به خلاصهٔ جلسه افزوده خواهند شد.",
+        "inProgress": "ضبط یا پخش زنده درحال انجام است",
+        "limitNotificationDescriptionNative": "به دلیل درخواست‌های زیاد، ضبط شما به {{limit}} دقیقه محدود خواهد شد. برای ضبط نامحدود از <3>{{app}}</3> استفاده کنید.",
+        "limitNotificationDescriptionWeb": "به دلیل درخواست‌های زیاد، ضبط شما به {{limit}} دقیقه محدود خواهد شد. برای ضبط نامحدود از <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a> استفاده کنید.",
+        "linkGenerated": "ما پیوندی برای ضبط شما ایجاد کرده‌ایم.",
+        "live": "<b>زنده</b>",
+        "localRecordingNoNotificationWarning": "این ضبط به آگاهی دیگر شرکت‌کنندگان نخواهد رسید. لازم است که به آن‌ها بگویید که جلسه ضبط شده است.",
+        "localRecordingNoVideo": "ویدیو ضبط نمی‌شود",
+        "localRecordingStartWarning": "لطفاً پیش از پایان جلسه، ضبط را متوقف کنید تا آن را ذخیره کنید.",
+        "localRecordingStartWarningTitle": "ضبط را متوقف کنید تا ذخیره شود",
+        "localRecordingVideoStop": "توقف ویدیوی شما باعث توقف ضبط محلی نیز خواهد شد. آیا مطمئن هستید که می‌خواهید ادامه دهید؟",
+        "localRecordingVideoWarning": "برای ضبط ویدیوی خود، باید هنگام شروع ضبط آن را روشن کنید",
+        "localRecordingWarning": "مطمئن شوید که زبانه کنونی را انتخاب کرده‌اید تا از ویدیو و صدای مناسب استفاده کنید. ضبط درحال حاضر محدود به ۱ گیگابایت است که تقریبا ۱۰۰ دقیقه است.",
+        "loggedIn": "واردشده به عنوان {{userName}}",
+        "noMicPermission": "قطعهٔ میکروفون نمی‌تواند ایجاد شود. لطفاً اجازه استفاده از میکروفون را بدهید.",
+        "noStreams": "هیچ جریان صوتی یا تصویری شناسایی نشد.",
+        "off": "ضبط متوقف شد",
+        "offBy": "{{name}} ضبط جلسه را متوقف کرد",
+        "on": "ضبط جلسه شروع شد",
+        "onBy": "{{name}} ضبط جلسه را شروع کرد",
+        "onlyRecordSelf": "فقط جریان‌های صدا و تصویر من را ضبط کن",
+        "pending": "درحال آماده‌شدن برای ضبط جلسه…",
+        "rec": "ضبط",
+        "saveLocalRecording": "ذخیرهٔ پروندهٔ ضبط به صورت محلی (آزمایشی)",
+        "serviceDescription": "ضبط شما توسط خدمتِ ضبط ذخیره خواهد شد",
+        "serviceDescriptionCloud": "ضبط ابری",
+        "serviceDescriptionCloudInfo": "جلسات ضبط‌شده ۲۴ ساعت پس از زمان ضبط به‌طور خودکار پاک می‌شوند.",
+        "serviceName": "خدمتِ ضبط",
+        "sessionAlreadyActive": "این جلسه از قبل درحال ضبط یا پخش زنده است.",
+        "signIn": "ورود",
+        "signOut": "خروج",
+        "surfaceError": "لطفاً زبانه کنونی را انتخاب کنید.",
+        "title": "درحال ضبط",
+        "unavailable": "اوه! {{serviceName}} درحال حاضر در دسترس نیست. ما درحال کار برروی حل مشکل هستیم. لطفاً بعداً دوباره امتحان کنید.",
+        "unavailableTitle": "ضبط دردسترس نیست",
+        "uploadToCloud": "بارگذاری در فضای ابری"
+    },
+    "screenshareDisplayName": "صفحهٔ {{name}}",
+    "sectionList": {
+        "pullToRefresh": "برای تازه‌سازی بکِشید"
+    },
+    "security": {
+        "about": "می‌توانید به جلسه خود یک $t(lockRoomPassword) بیافزایید.شرکت‌کنندگان باید پیش از این‌که بتوانند به جلسه بپیوندند، $t(lockRoomPassword) را ارائه کنند.",
+        "aboutReadOnly": "مدیر جلسه می‌تواند به جلسه یک $t(lockRoomPassword) بیافزاید. شرکت‌کنندگان باید پیش از این‌که بتوانند به جلسه بپیوندند، $t(lockRoomPassword) را ارائه کنند.",
+        "insecureRoomNameWarningNative": "نام اتاق ناامن است. شرکت‌کنندگان ناخواسته ممکن است به جلسه شما بپیوندند. {{recommendAction}} دربارهٔ تأمین جلسهٔ خود بیش‌تر بیاموزید ",
+        "insecureRoomNameWarningWeb": "نام اتاق ناامن است. شرکت‌کنندگان ناخواسته ممکن است به جلسه شما بپیوندند. {{recommendAction}} از <a href=\"{{securityUrl}}\" rel=\"security\" target=\"_blank\">این‌جا</a> دربارهٔ تأمین جلسهٔ خود بیش‌تر بیاموزید.",
+        "title": "گزینه‌های امنیت",
+        "unsafeRoomActions": {
+            "meeting": "با استفاده از دکمهٔ امنیت جلسه خود را ایمن کنید.",
+            "prejoin": "استفاده از نامِ جلسهٔ منحصربه‌فردتری را در نظر بگیرید.",
+            "welcome": "استفاده از نامِ جلسهٔ منحصربه‌فردتری را در نظر بگیرید، یا یکی از پیشنهادات را انتخاب کنید."
+        }
+    },
+    "settings": {
+        "audio": "صدا",
+        "buttonLabel": "تنظیمات",
+        "calendar": {
+            "about": "امکان اتصال تقویم {{appName}} برای دسترسی ایمن به تقویمتان استفاده می‌شود تا بتواند رویدادهای آینده را بخواند.",
+            "disconnect": "قطع‌کردن",
+            "microsoftSignIn": "ورود با حساب کاربری مایکروسافت",
+            "signedIn": "هم‌اکنون درحال دسترسی به رویدادهای تقویم برای {{email}}. برای توقف دسترسی به رویدادهای تقویم، روی دکمه قطع‌کردن در زیر کلیک کنید.",
+            "title": "تقویم"
+        },
+        "desktopShareFramerate": "نرخ بازسازی تصویر هم‌رسانی میزکار",
+        "desktopShareHighFpsWarning": "نرخ بازسازی تصویر بالاتر برای هم‌رسانی میزکار ممکن است بر پهنای باند شما تأثیر بگذارد. برای اعمال تنظیمات جدید، باید هم‌رسانی صفحه را راه‌اندازی دوباره کنید.",
+        "desktopShareWarning": "برای اعمال تنظیمات جدید، باید هم‌رسانی صفحه را راه‌اندازی دوباره کنید.",
+        "devices": "دستگاه‌ها",
+        "followMe": "هرکسی من را دنبال می‌کند",
+        "framesPerSecond": "نرخ بازسازی تصویر در ثانیه",
+        "incomingMessage": "پیام ورودی",
+        "language": "زبان",
+        "loggedIn": "واردشده به عنوان {{name}}",
+        "maxStageParticipants": "بیشینه تعداد شرکت‌کنندگانی که می‌توانند به صحنه اصلی سنجاق شوند",
+        "microphones": "میکروفون‌ها",
+        "moderator": "مدیر",
+        "moderatorOptions": "گزینه‌های مدیر",
+        "more": "عمومی",
+        "name": "نام",
+        "noDevice": "هیچ‌یک",
+        "notifications": "آگهی‌ها",
+        "participantJoined": "شرکت‌کننده پیوست",
+        "participantKnocking": "شرکت‌کننده به اتاق انتظار وارد شد",
+        "participantLeft": "شرکت‌کننده ترک کرد",
+        "playSounds": "پخش صدا روشن",
+        "reactions": "واکنش‌های جلسه",
+        "sameAsSystem": "همانند سیستم ({{label}})",
+        "selectAudioOutput": "خروجی صدا",
+        "selectCamera": "دوربین",
+        "selectMic": "میکروفن",
+        "selfView": "نمای خود",
+        "shortcuts": "میان‌برها",
+        "speakers": "بلندگوها",
+        "startAudioMuted": "همه بی‌صدا شروع می‌کنند",
+        "startReactionsMuted": "بی‌صداکردن صداهای واکنش‌ها برای همه",
+        "startVideoMuted": "همه به‌صورت مخفی شروع می‌کنند",
+        "talkWhileMuted": "صحبت‌کردن در حالت بی‌صدا",
+        "title": "تنظیمات",
+        "video": "ویدیو"
+    },
+    "settingsView": {
+        "advanced": "پیشرفته",
+        "alertCancel": "لغو",
+        "alertOk": "تأیید",
+        "alertTitle": "هشدار",
+        "alertURLText": "نشانی اینترنتی واردشدهٔ سرور نامعتبر است",
+        "buildInfoSection": "اطلاعات ساخت",
+        "conferenceSection": "کنفرانس",
+        "disableCallIntegration": "غیرفعال‌کردن یکپارچگی با تماس",
+        "disableCrashReporting": "غیرفعال‌کردن گزارش خرابی",
+        "disableCrashReportingWarning": "آیا از غیرفعال‌کردن گزارش خرابی اطمینان دارید؟ این تنظیمات پس از راه‌اندازی دوبارهٔ برنامه اعمال می‌شوند.",
+        "disableP2P": "غیرفعال‌کردن حالت همتا‌به‌همتا",
+        "displayName": "نام نمایشی",
+        "displayNamePlaceholderText": "برای مثال فلانی",
+        "email": "رایانامه",
+        "emailPlaceholderText": "email@example.com",
+        "goTo": "برو به",
+        "header": "تنظیمات",
+        "help": "راهنما",
+        "links": "پیوندها",
+        "privacy": "حریم خصوصی",
+        "profileSection": "نمایه",
+        "serverURL": "نشانی اینترنتی سرور",
+        "showAdvanced": "نمایش تنظیمات پیشرفته",
+        "startCarModeInLowBandwidthMode": "شروع حالت خودرو در حالت پهنای باند کم",
+        "startWithAudioMuted": "شروع با حالت بی‌صدا",
+        "startWithVideoMuted": "شروع با حالت بدون تصویر",
+        "terms": "شرایط",
+        "version": "نگارش"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nبه اینترنت دسترسی ندارید و می‌خواهید با تماس تلفنی در جلسه شرکت نمایید؟\n\n{{defaultDialInNumber}}برای شماره‌های تماس برای پیوستن به این جلسه روی این پیوند کلیک کنید\n{{dialInfoPageUrl}}",
+        "mainText": "برای پیوستن به جلسه روی پیوند زیر کلیک کنید:\n{{roomUrl}}"
+    },
+    "speaker": "بلندگو",
+    "speakerStats": {
+        "angry": "عصبانی",
+        "disgusted": "متنفر",
+        "displayEmotions": "نمایش احساسات",
+        "fearful": "ترسان",
+        "happy": "خوش‌حال",
+        "hours": "{{count}} ساعت",
+        "minutes": "{{count}} دقیقه",
+        "name": "نام",
+        "neutral": "خنثی",
+        "sad": "غمگین",
+        "search": "جستجو",
+        "searchHint": "جستجوی شرکت‌کنندگان",
+        "seconds": "{{count}} ثانیه",
+        "speakerStats": "آمار شرکت‌کنندگان",
+        "speakerTime": "مدت زمان گوینده",
+        "surprised": "شگفت‌زده"
+    },
+    "startupoverlay": {
+        "genericTitle": "این جلسه نیاز به استفاده از میکروفون و دوربین شما دارد.",
+        "policyText": " ",
+        "title": "{{app}} نیاز به استفاده از میکروفون و دوربین شما دارد."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "پیوستن دوباره",
+        "text": "برای اتصال دوباره، دکمه <i>پیوستن دوباره</i> را فشار دهید.",
+        "title": "تماس ویدیویی شما قطع شد زیرا این رایانه به حالت خواب رفت."
+    },
+    "termsView": {
+        "title": "شرایط"
+    },
+    "toggleTopPanelLabel": "تغییر وضعیت تابلوی بالایی",
+    "toolbar": {
+        "Settings": "تنظیمات",
+        "accessibilityLabel": {
+            "Settings": "تغییر وضعیت تنظیمات",
+            "audioOnly": "تغییر وضعیت حالتِ فقط صدا",
+            "audioRoute": "دستگاه صوتی را انتخاب کنید",
+            "boo": "هُوکردن",
+            "breakoutRoom": "پیوستن/ترک‌کردن اتاق جانبی",
+            "callQuality": "مدیریت کیفیت ویدیو",
+            "carmode": "حالت خودرو",
+            "cc": "تغییر وضعیت زیرنویس‌ها",
+            "chat": "بازکردن / بستن گپ",
+            "clap": "کف‌زدن",
+            "closeChat": "بستن گپ",
+            "closeMoreActions": "بستن فهرست اقدامات بیش‌تر",
+            "closeParticipantsPane": "بستن تابلوی شرکت‌کنندگان",
+            "collapse": "فروپاشی",
+            "document": "تغییر وضعیت سند هم‌رسانی‌شده",
+            "documentClose": "بستن سند هم‌رسانی‌شده",
+            "documentOpen": "بازکردن سند هم‌رسانی‌شده",
+            "download": "بارگیری برنامه",
+            "embedMeeting": "جاسازی جلسه",
+            "endConference": "پایان‌دادن جلسه برای همه",
+            "enterFullScreen": "نمای تمام صفحه",
+            "enterTileView": "ورود به نمای کاشی",
+            "exitFullScreen": "خروج از تمام صفحه",
+            "exitTileView": "خروج از نمای کاشی",
+            "expand": "گستراندن",
+            "feedback": "گذاشتن بازخورد",
+            "fullScreen": "تغییر وضعیت تمام صفحه",
+            "giphy": "تغییر وضعیت فهرست GIPHY",
+            "grantModerator": "اعطای دسترسی‌های مدیر",
+            "hangup": "ترک‌کردن جلسه",
+            "heading": "نوارابزار",
+            "help": "کمک",
+            "hideWhiteboard": "مخفی‌کردن تخته‌سفید",
+            "invite": "دعوت از افراد",
+            "kick": "بیرون‌کردن شرکت‌کننده",
+            "laugh": "خنده",
+            "leaveConference": "ترک‌کردن جلسه",
+            "like": "موافق‌بودن",
+            "linkToSalesforce": "پیوند به Salesforce",
+            "lobbyButton": "فعال‌کردن/غیرفعال‌کردن حالت اتاق انتظار",
+            "localRecording": "تغییر وضعیت کنترل‌های ضبط محلی",
+            "lockRoom": "تغییر وضعیت گذرواژهٔ جلسه",
+            "lowerHand": "پایین‌آوردن دستتان",
+            "moreActions": "اقدامات بیش‌تر",
+            "moreActionsMenu": "فهرست اقدامات بیش‌تر",
+            "moreOptions": "نمایش گزینه‌های بیش‌تر",
+            "mute": "بی‌صداکردن",
+            "muteEveryone": "بی‌صداکردن همه",
+            "muteEveryoneElse": "بی‌صداکردن بقیه افراد",
+            "muteEveryoneElsesVideoStream": "ویدیوی دیگران را متوقف کنید",
+            "muteEveryonesVideoStream": "ویدیوی همه را متوقف کنید",
+            "muteGUMPending": "درحال اتصال میکروفون شما",
+            "noiseSuppression": "نوفه‌زدایی",
+            "openChat": "بازکردن گپ",
+            "participants": "بازکردن تابلوی شرکت‌کنندگان",
+            "pip": "تغییر وضعیت حالتِ تصویر در تصویر",
+            "privateMessage": "ارسال پیام خصوصی",
+            "profile": "ویرایش نمایهٔ شما",
+            "raiseHand": "بالابردن دستتان",
+            "reactions": "واکنش‌ها",
+            "reactionsMenu": "فهرست واکنش‌ها",
+            "recording": "تغییر وضعیت ضبط",
+            "remoteMute": "بی‌صدا کردن شرکت‌کننده",
+            "remoteVideoMute": "غیرفعال‌کردن دوربین شرکت‌کننده",
+            "security": "گزینه‌های امنیتی",
+            "selectBackground": "انتخاب پس‌زمینه",
+            "selfView": "تغییر وضعیت نمای مشاهدهٔ خود",
+            "shareRoom": "دعوت از یک‌نفر",
+            "shareYourScreen": "شروع هم‌رسانی صفحهٔ شما",
+            "shareaudio": "هم‌رسانی صدا",
+            "sharedvideo": "هم‌رسانی ویدیو",
+            "shortcuts": "تغییر وضعیت میان‌برها",
+            "show": "نمایش روی صحنه",
+            "showWhiteboard": "نمایش تخته‌سفید",
+            "silence": "سکوت",
+            "speakerStats": "تغییر وضعیت آمار شرکت‌کنندگان",
+            "stopScreenSharing": "توقف هم‌رسانی صفحهٔ شما",
+            "stopSharedVideo": "توقف ویدیو",
+            "surprised": "شگفت‌زده",
+            "tileView": "تغییر وضعیت نمای کاشی",
+            "toggleCamera": "تغییر وضعیت دوربین",
+            "toggleFilmstrip": "تغییر وضعیت نوار فیلم",
+            "unmute": "وصل‌کردن صدا",
+            "videoblur": "تغییر وضعیت تارکردن ویدیو",
+            "videomute": "توقف دوربین",
+            "videomuteGUMPending": "درحال اتصال دوربین شما",
+            "videounmute": "شروع دوربین"
+        },
+        "addPeople": "افزودن افراد به تماس شما",
+        "audioOnlyOff": "غیرفعال‌کردن حالت پهنای باند کم",
+        "audioOnlyOn": "فعال‌کردن حالت پهنای باند کم",
+        "audioRoute": "انتخاب دستگاه صوتی",
+        "audioSettings": "تنظیمات صدا",
+        "authenticate": "احراز هویت",
+        "boo": "هُوکردن",
+        "callQuality": "مدیریت کیفیت ویدیو",
+        "chat": "بازکردن / بستن گپ",
+        "clap": "کف‌زدن",
+        "closeChat": "بستن گپ",
+        "closeParticipantsPane": "بستن تابلوی شرکت‌کنندگان",
+        "closeReactionsMenu": "بستن فهرست واکنش‌ها",
+        "disableNoiseSuppression": "غیرفعال‌کردن نوفه‌زدایی",
+        "disableReactionSounds": "می‌توانید صداهای واکنش را برای این جلسه غیرفعال کنید",
+        "documentClose": "بستن سند هم‌رسانی‌شده",
+        "documentOpen": "بازکردن سند هم‌رسانی‌شده",
+        "download": "بارگیری برنامه",
+        "e2ee": "رمزنگاری سرتاسر",
+        "embedMeeting": "جاسازی جلسه",
+        "enableNoiseSuppression": "فعال‌کردن نوفه‌زدایی",
+        "endConference": "پایان‌دادن جلسه برای همه",
+        "enterFullScreen": "نمای تمام صفحه",
+        "enterTileView": "ورود به نمای کاشی",
+        "exitFullScreen": "خروج از تمام صفحه",
+        "exitTileView": "خروج از نمای کاشی",
+        "feedback": "گذاشتن بازخورد",
+        "giphy": "تغییر وضعیت فهرست GIPHY",
+        "hangup": "ترک‌کردن جلسه",
+        "help": "کمک",
+        "hideWhiteboard": "مخفی‌کردن تخته‌سفید",
+        "invite": "دعوت از افراد",
+        "joinBreakoutRoom": "پیوستن به اتاق جانبی",
+        "laugh": "خنده",
+        "leaveBreakoutRoom": "ترک‌کردن اتاق جانبی",
+        "leaveConference": "ترک‌کردن جلسه",
+        "like": "موافق‌بودن",
+        "linkToSalesforce": "پیوند به Salesforce",
+        "lobbyButtonDisable": "غیرفعال‌کردن حالت اتاق انتظار",
+        "lobbyButtonEnable": "فعال‌کردن حالت اتاق انتظار",
+        "login": "ورود",
+        "logout": "خروج",
+        "lowerYourHand": "پایین‌آوردن دستتان",
+        "moreActions": "اقدامات بیش‌تر",
+        "moreOptions": "گزینه‌های بیش‌تر",
+        "mute": "بی‌صداکردن",
+        "muteEveryone": "بی‌صداکردن همه",
+        "muteEveryonesVideo": "غیرفعال‌کردن دوربین همه",
+        "muteGUMPending": "درحال اتصال میکروفون شما",
+        "noAudioSignalDesc": "اگر از روی عمد آن را از تنظیمات سامانه یا سخت‌افزار بی‌صدا نکرده‌اید، دستگاه را تغییر دهید.",
+        "noAudioSignalDescSuggestion": "اگر از روی عمد آن را از تنظیمات سامانه یا سخت‌افزار بی‌صدا نکرده‌اید، به دستگاهِ پیشنهادی تغییر دهید.",
+        "noAudioSignalDialInDesc": "همچنین می‌توانید با این شماره‌ها تماس بگیرید:",
+        "noAudioSignalDialInLinkDesc": "شماره‌های تماس برای پیوستن",
+        "noAudioSignalTitle": "هیچ ورودی از میکروفون شما وجود ندارد!",
+        "noiseSuppression": "نوفه‌زدایی",
+        "noisyAudioInputDesc": "به نظر می‌رصد که میکروفون شما نوفه ایجاد می‌کند. لطفا آن را بی‌صدا کنید یا دستگاه را تغییر دهید.",
+        "noisyAudioInputTitle": "به‌نظر می‌رسد میکروفون شما نوفهٔ زیادی دارد!",
+        "openChat": "بازکردن گپ",
+        "openReactionsMenu": "بازکردن فهرست واکنش‌ها",
+        "participants": "شركت‌كنندگان",
+        "pip": "ورود به حالتِ تصویر در تصویر",
+        "privateMessage": "ارسال پیام خصوصی",
+        "profile": "ویرایش نمایهٔ شما",
+        "raiseHand": "بالابردن دستتان",
+        "raiseYourHand": "بالابردن دستتان",
+        "reactionBoo": "ارسال واکنش هُوکردن",
+        "reactionClap": "ارسال واکنش کف‌زدن",
+        "reactionLaugh": "ارسال واکنش خنده",
+        "reactionLike": "ارسال واکنش موافق‌بودن",
+        "reactionSilence": "ارسال واکنش سکوت",
+        "reactionSurprised": "ارسال واکنش شگفت‌زده",
+        "reactions": "واکنش‌ها",
+        "security": "گزینه‌های امنیتی",
+        "selectBackground": "انتخاب پس‌زمینه",
+        "shareRoom": "دعوت از یک‌نفر",
+        "shareaudio": "هم‌رسانی صدا",
+        "sharedvideo": "هم‌رسانی ویدیو",
+        "shortcuts": "کلیدهای میان‌بر",
+        "showWhiteboard": "نمایش تخته‌سفید",
+        "silence": "سکوت",
+        "speakerStats": "آمار شرکت‌کنندگان",
+        "startScreenSharing": "شروع هم‌رسانی صفحه",
+        "startSubtitles": "زیرنویس‌ها • {{language}}",
+        "stopAudioSharing": "توقف هم‌رسانی صدا",
+        "stopScreenSharing": "توقف هم‌رسانی صفحه",
+        "stopSharedVideo": "توقف ویدیو",
+        "stopSubtitles": "توقف زیرنویس‌ها",
+        "surprised": "شگفت‌زده",
+        "talkWhileMutedPopup": "می‌خواهید صحبت کنید؟ صدای شما قطع است.",
+        "tileViewToggle": "تغییر وضعیت نمای کاشی",
+        "toggleCamera": "تغییر وضعیت دوربین",
+        "unmute": "وصل‌کردن صدا",
+        "videoSettings": "تنظیمات ویدیو",
+        "videomute": "توقف دوربین",
+        "videomuteGUMPending": "درحال اتصال دوربین شما",
+        "videounmute": "شروع دوربین"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "شروع / توقف زیرنویس‌ها",
+        "error": "ترانویسی انجام نشد. لطفاً دوباره تلاش کنید.",
+        "expandedLabel": "ترانویسی درحال حاضر روشن است",
+        "failedToStart": "شروع ترانویسی ناموفق بود",
+        "labelToolTip": "جلسه درحال ترانویسی است",
+        "off": "توقف ترانویسی",
+        "pending": "درحال آماده‌شدن برای ترانویسی جلسه…",
+        "sourceLanguageDesc": "هم‌اکنون زمان جلسه روی <b>{{sourceLanguage}}</b> تنظیم شده است.<br/> می‌توانید آن را از این‌جا تغییر دهید ",
+        "sourceLanguageHere": "این‌جا",
+        "start": "شروع نمایش زیرنویس‌ها",
+        "stop": "توقف نمایش زیرنویس‌ها",
+        "subtitles": "زیرنویس‌ها",
+        "subtitlesOff": "خاموش",
+        "tr": "TR"
+    },
+    "unpinParticipant": "{{participantName}} - برداشتن سنجاق",
+    "userMedia": {
+        "grantPermissions": "لطفاً اجازهٔ استفاده از دوربین و میکروفون خود را بدهید."
+    },
+    "videoSIPGW": {
+        "busy": "ما درحال آزادسازی منابع هستیم؛ لطفاً دقایقی دیگر دوباره تلاش کنید.",
+        "busyTitle": "خدمتِ اتاق هم‌اکنون مشغول است",
+        "errorAlreadyInvited": "{{displayName}} قبلاً دعوت شده است",
+        "errorInvite": "کنفرانس هنوز شروع نشده است. لطفاً بعداً دوباره تلاش کنید.",
+        "errorInviteFailed": "ما درحال کار برروی حل مشکل هستیم. لطفاً بعداً دوباره امتحان کنید.",
+        "errorInviteFailedTitle": "دعوت از {{displayName}} ناموفق بود",
+        "errorInviteTitle": "خطا در دعوت اتاق",
+        "pending": "{{displayName}} دعوت شده است"
+    },
+    "videoStatus": {
+        "adjustFor": "تنظیم‌کردن برای:",
+        "audioOnly": "فقط صدا",
+        "audioOnlyExpanded": "شما در حالت پهنای باند کم هستید. در این حالت فقط صدا و هم‌رسانی صفحهٔ نمایش را دریافت خواهید کرد.",
+        "bestPerformance": "بهترین کارایی",
+        "callQuality": "کیفیت ویدیو (۰ برای بهترین کارایی، ۳ برای بالاترین کیفیت)",
+        "hd": "کیفیت بالا",
+        "hdTooltip": "مشاهدهٔ ویدیوی کیفیت بالا",
+        "highDefinition": "کیفیت بالا",
+        "highestQuality": "بالاترین کیفیت",
+        "labelTooiltipNoVideo": "بدون ویدیو",
+        "labelTooltipAudioOnly": "حالت پهنای باند کم فعال‌شد",
+        "ld": "کیفیت پایین",
+        "ldTooltip": "مشاهدهٔ ویدیوی کیفیت پایین",
+        "lowDefinition": "کیفیت پایین",
+        "performanceSettings": "تنظیمات کارایی",
+        "recording": "ضبط درحال انجام",
+        "sd": "کیفیت متوسط",
+        "sdTooltip": "مشاهدهٔ ویدیوی کیفیت متوسط",
+        "standardDefinition": "کیفیت متوسط",
+        "streaming": "پخش زنده درحال انجام"
+    },
+    "videothumbnail": {
+        "connectionInfo": "اطلاعات اتصال",
+        "domute": "بی‌صداکردن",
+        "domuteOthers": "بی‌صداکردن بقیه افراد",
+        "domuteVideo": "غیرفعال‌کردن دوربین",
+        "domuteVideoOfOthers": "غیرفعال‌کردن دوربین بقیه افراد",
+        "flip": "وارونه‌کردن",
+        "grantModerator": "اعطای دسترسی‌های مدیر",
+        "hideSelfView": "مخفی‌کردن نمای خود",
+        "kick": "بیرون انداختن",
+        "mirrorVideo": "آینه‌کردن ویدیوی من",
+        "moderator": "مدیر",
+        "mute": "شرکت‌کننده بی‌صدا است",
+        "muted": "بی‌صدا",
+        "pinToStage": "سنجاق‌کردن روی صحنه",
+        "remoteControl": "شروع / توقف کنترل از راه دور",
+        "screenSharing": "شرکت‌کننده درحال هم‌رسانی صفحهٔ نمایش خود است",
+        "show": "نمایش روی صحنه",
+        "showSelfView": "نمایش نمای خود",
+        "unpinFromStage": "برداشتن سنجاق",
+        "verify": "تأییدکردن شرکت‌کننده",
+        "videoMuted": "دوربین غیرفعال شد",
+        "videomute": "شرکت‌کننده دوربین را متوقف کرده است"
+    },
+    "virtualBackground": {
+        "accessibilityLabel": {
+            "currentBackground": "پس‌زمینه کنونی: {{background}}",
+            "selectBackground": "یک پس‌زمینه را انتخاب کنید"
+        },
+        "addBackground": "افزودن پس زمینه",
+        "apply": "اعمال‌کردن",
+        "backgroundEffectError": "جلوهٔ پس‌زمینه اعمال نشد.",
+        "blur": "تارکردن",
+        "deleteImage": "حذف تصویر",
+        "desktopShare": "هم‌رسانی میزکار",
+        "desktopShareError": "هم‌رسانی میزکار ایجاد نشد",
+        "image1": "ساحل دریا",
+        "image2": "دیوار سفید خنثی",
+        "image3": "اتاق سفید خالی",
+        "image4": "چراغ پایه‌دار مشکی",
+        "image5": "کوه",
+        "image6": "جنگل ",
+        "image7": "طلوع خورشید",
+        "none": "هیچ‌یک",
+        "pleaseWait": "لطفاً شکیبا باشید…",
+        "removeBackground": "حذف پس‌زمینه",
+        "slightBlur": "نیمه‌تار",
+        "title": "پس‌زمینه‌های مجازی",
+        "uploadedImage": "تصویر بارگذاری‌شده {{index}}",
+        "webAssemblyWarning": "WebAssembly پشتیبانی نمی‌شود",
+        "webAssemblyWarningDescription": "WebAssembly توسط این مرورگر غیرفعال‌شده یا پشتیبانی نمی‌شود"
+    },
+    "visitors": {
+        "chatIndicator": "(بازدیدکننده)",
+        "labelTooltip": "تعداد بازدیدکنندگان: {{count}}",
+        "notification": {
+            "description": "برای شرکت‌کردن دست خود را بالا ببرید",
+            "title": "شما در این جلسه یک بازدیدکننده هستید"
+        }
+    },
+    "volumeSlider": "نوار لغزندهٔ صدا",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "برای پیوستن ضربه بزنید",
+            "roomname": "نام اتاق را وارد کنید"
+        },
+        "addMeetingName": "افزودن نام جلسه",
+        "appDescription": "دست‌به‌کار شوید؛ با کل تیم تماس ویدیویی داشته باشید. در حقیقت، هر کسی که می‌شناسید را دعوت کنید. {{app}} یک راهکار تماس ویدیویی کاملاً رمزگذاری‌شده و ۱۰۰٪ متن‌باز است که می‌توانید در تمام طول روز و هرروز، به صورت رایگان، بدون نیاز به حساب کاربری، از آن استفاده کنید.",
+        "audioVideoSwitch": {
+            "audio": "صدا",
+            "video": "ویدیو"
+        },
+        "calendar": "تقویم",
+        "connectCalendarButton": "تقویم خود را وصل کنید",
+        "connectCalendarText": "تقویوم خود را وصل کنید تا همهٔ جلسه‌های خود را در {{app}} مشاهده کنید. به‌علاوه، جلسه‌های {{provider}} را به تقویم خود بیافزایید و آن‌ها را با یک کلیک آغاز کنید.",
+        "enterRoomTitle": "شروع یک جلسهٔ جدید",
+        "getHelp": "کمک گرفتن",
+        "go": "برویم",
+        "goSmall": "برویم",
+        "headerSubtitle": "جلسات امن و با کیفیت بالا",
+        "headerTitle": "Jitsi Meet",
+        "info": "اطلاعات شماره‌گیری",
+        "jitsiOnMobile": "Jitsi روی تلفن همراه - برنامه ما را بارگیری کنید و جلسه‌ای را از هرکجا آغاز کنید",
+        "join": "ایجاد / پیوستن",
+        "logo": {
+            "calendar": "نشان‌وارهٔ تقویم",
+            "desktopPreviewThumbnail": "تصویر بندانگشتی پیش‌نمایش میزکار",
+            "googleLogo": "نشان‌وارهٔ گوگل",
+            "logoDeepLinking": "نشان‌وارهٔ Jitsi Meet",
+            "microsoftLogo": "نشان‌وارهٔ Microsoft",
+            "policyLogo": "نشان‌وارهٔ خط مشی"
+        },
+        "meetingsAccessibilityLabel": "جلسات",
+        "mobileDownLoadLinkAndroid": "دریافت برنامهٔ تلفن همراه برای اندروید",
+        "mobileDownLoadLinkFDroid": "دریافت برنامهٔ تلفن همراه برای F-Droid",
+        "mobileDownLoadLinkIos": "دریافت برنامهٔ تلفن همراه برای iOS",
+        "moderatedMessage": "یا از قبل <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">یک نشانی اینترنتی جلسه را رزور کنید</a> که در آن شما تنها مدیر هستید.",
+        "privacy": "حریم خصوصی",
+        "recentList": "اخیر",
+        "recentListDelete": "حذف مورد",
+        "recentListEmpty": "فهرست جلسات اخیر شما هم‌اکنون خالی است. با تیم خود گپ بزنید و همهٔ جلسات اخیر خود را این‌جا خواهید یافت.",
+        "recentMeetings": "جلسات اخیر شما",
+        "reducedUIText": "به {{app}} خوش‌آمدید!",
+        "roomNameAllowedChars": "نام جلسه نباید شامل هیچ‌یک از این نویسه‌ها باشد: ?, &, :, ', \", %, #.",
+        "roomname": "نام اتاق را وارد کنید",
+        "roomnameHint": "نام یا نشانی اینترنتی اتاقی که می‌خواهید به آن بپیوندید را وارد کند. ممکن است یک نام از خودتان بسازید؛ فقط به افرادی که می‌خواهید با آن‌ها جلسه بگذارید آن را بگویید تا همان نام را وارد کنند.",
+        "sendFeedback": "ارسال بازخورد",
+        "settings": "تنظیمات",
+        "startMeeting": "شروع جلسه",
+        "terms": "شرایط",
+        "title": "جلسات ویدیویی امن، سرشار از امکانات و کاملا آزاد",
+        "upcomingMeetings": "جلسات آینده شما"
+    },
+    "whiteboard": {
+        "accessibilityLabel": {
+            "heading": "تخته‌سفید"
+        }
+    }
+}
diff --git a/lang/main-fi.json b/lang/main-fi.json
new file mode 100644
index 0000000..43411ba
--- /dev/null
+++ b/lang/main-fi.json
@@ -0,0 +1,726 @@
+{
+    "addPeople": {
+        "add": "Kutsu",
+        "countryNotSupported": "Tätä maata ei vielä tueta.",
+        "countryReminder": "Soitatko ulkomaille? Muista lisätä alkuun maakoodi!",
+        "disabled": "Et voi lähettää kutsuja.",
+        "failedToAdd": "",
+        "footerText": "Soittaminen on estetty.",
+        "loading": "Etsitään henkilöitä ja puhelinnumeroita",
+        "loadingNumber": "Tarkistetaan puhelinnumeroa",
+        "loadingPeople": "Etsitään kutsuttavia henkilöitä",
+        "noResults": "Ei hakua vastaavia tuloksia",
+        "noValidNumbers": "Anna puhelinnumero",
+        "searchNumbers": "Lisää puhelinnumeroita",
+        "searchPeople": "Etsi henkilöitä",
+        "searchPeopleAndNumbers": "Etsi henkilöitä tai lisää heidän puhelinnumeronsa",
+        "telephone": "Puhelin: {{number}}",
+        "title": "Kutsu henkilöitä tähän kokoukseen"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "headphones": "Kuulokkeet",
+        "phone": "Puhelin",
+        "speaker": "Puhuja"
+    },
+    "audioOnly": {
+        "audioOnly": "Vain ääni"
+    },
+    "calendarSync": {
+        "addMeetingURL": "Lisää kokouslinkki",
+        "confirmAddLink": "Haluatko lisätä tapahtumaan Jitsi-linkin?",
+        "error": {
+            "appConfiguration": "Kalenterin integrointia ei ole määritetty asianmukaisesti.",
+            "generic": "Tapahtui virhe. Tarkista kalenterin määritykset tai päivitä kalenterinäkymä.",
+            "notSignedIn": "Kalenterin tapahtumien tarkasteluun tarvittavassa todennuksessa tapahtui virhe. Tarkista kalenterin asetukset ja kirjaudu sisään uudelleen."
+        },
+        "join": "Liity",
+        "joinTooltip": "Liity kokoukseen",
+        "nextMeeting": "seuraava kokous",
+        "noEvents": "Aikataulussa ei ole tulevia tapahtumia.",
+        "ongoingMeeting": "meneillään oleva kokous",
+        "permissionButton": "Avaa asetukset",
+        "permissionMessage": "Kalenterin käyttöoikeus vaaditaan, jotta kokouksesi näkyvät sovelluksessa.",
+        "refresh": "Päivitä kalenteri",
+        "today": "Tänään"
+    },
+    "chat": {
+        "error": "Virhe: viestiä \"{{originalText}}\" ei lähetetty. Syy: {{error}}",
+        "messagebox": "Kirjoita viesti",
+        "nickname": {
+            "popover": "Valitse lempinimi",
+            "title": "Anna chatissä käytettävä lempinimi",
+            "titleWithPolls": "Anna chatissä käytettävä lempinimi"
+        },
+        "sendButton": "Lähetä",
+        "title": "Chatti",
+        "titleWithPolls": "Chatti"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Yhdistetään kokoukseen…"
+    },
+    "connection": {
+        "ATTACHED": "Liitteenä",
+        "AUTHENTICATING": "Todennetaan",
+        "AUTHFAIL": "Todennus epäonnistui",
+        "CONNECTED": "Yhdistetty",
+        "CONNECTING": "Yhdistetään",
+        "CONNFAIL": "Yhdistäminen epäonnistui",
+        "DISCONNECTED": "Ei yhteyttä",
+        "DISCONNECTING": "Yhteyttä katkaistaan",
+        "ERROR": "Virhe",
+        "RECONNECTING": "Tapahtui verkkovirhe. Yhdistetään uudelleen…"
+    },
+    "connectionindicator": {
+        "address": "Osoite:",
+        "bandwidth": "Arvioitu kaistanleveys:",
+        "bitrate": "Bittinopeus:",
+        "bridgeCount": "Palvelimien määrä: ",
+        "connectedTo": "Yhdistetty kohteeseen:",
+        "framerate": "Kuvataajuus:",
+        "less": "Näytä vähemmän",
+        "localaddress": "Paikallinen osoite:",
+        "localaddress_plural": "Paikalliset osoitteet:",
+        "localport": "Paikallinen portti:",
+        "localport_plural": "Paikalliset portit:",
+        "more": "Näytä lisää",
+        "packetloss": "Pakettien menetys:",
+        "quality": {
+            "good": "Hyvä",
+            "inactive": "Epäaktiivinen",
+            "lost": "Katkennut",
+            "nonoptimal": "Ei optimaalinen",
+            "poor": "Huono"
+        },
+        "remoteaddress": "Etäosoite:",
+        "remoteaddress_plural": "Etäosoitteet:",
+        "remoteport": "Etäportti:",
+        "remoteport_plural": "Etäportit:",
+        "resolution": "Resoluutio:",
+        "status": "Yhteys:",
+        "transport": "Kuljetus:",
+        "transport_plural": "Kuljetukset:",
+        "turn": " (vuoro)"
+    },
+    "dateUtils": {
+        "earlier": "Aikaisemmin",
+        "today": "Tänään",
+        "yesterday": "Eilen"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Tarvitset mobiilisovelluksen {{app}}, jotta voit liittyä tähän kokoukseen puhelimellasi.",
+        "description": "Eikö mitään tapahtunut? Yritimme käynnistää kokouksen työpöytäsovelluksessa {{app}}. Yritä uudelleen tai käynnistä se verkkosovelluksessa {{app}}.",
+        "descriptionWithoutWeb": "",
+        "downloadApp": "Lataa sovellus",
+        "launchWebButton": "Käynnistä verkossa",
+        "openApp": "Jatka sovellukseen",
+        "title": "Käynnistetään kokousta sovelluksessa {{app}}…",
+        "tryAgainButton": "Yritä uudelleen työpöytäsovelluksella"
+    },
+    "defaultLink": "esim. {{url}}",
+    "deviceError": {
+        "cameraError": "Kameran käyttö ei onnistunut",
+        "cameraPermission": "Virhe kameran käyttöoikeuksien hankkimisessa",
+        "microphoneError": "Mikrofonin käyttö ei onnistunut",
+        "microphonePermission": "Virhe mikrofonin käyttöoikeuksien hankkimisessa"
+    },
+    "deviceSelection": {
+        "noPermission": "Käyttöoikeuksia ei myönnetty",
+        "previewUnavailable": "Esikatselu ei käytettävissä",
+        "selectADevice": "Valitse laite",
+        "testAudio": "Soita testiääni"
+    },
+    "dialOut": {
+        "statusMessage": "on nyt tilassa {{status}}"
+    },
+    "dialog": {
+        "Back": "Takaisin",
+        "Cancel": "Peruuta",
+        "IamHost": "Olen vetäjä",
+        "Ok": "Ok",
+        "Remove": "Poista",
+        "Share": "Jaa",
+        "Submit": "Lähetä",
+        "WaitForHostMsg": "Kokous ei ole vielä alkanut. Jos olet vetäjä, todenna henkilöllisyytesi. Muussa tapauksessa odota vetäjän saapumista.",
+        "WaitingForHost": "Odotetaan vetäjää…",
+        "Yes": "Kyllä",
+        "accessibilityLabel": {
+            "liveStreaming": "Suoratoisto"
+        },
+        "allow": "Salli",
+        "alreadySharedVideoMsg": "",
+        "alreadySharedVideoTitle": "Vain yksi jaettu video kerrallaan",
+        "applicationWindow": "Sovellusikkuna",
+        "cameraConstraintFailedError": "Kamerasi ei täytä joitain pakollisia vaatimuksia.",
+        "cameraNotFoundError": "Kameraa ei löydy.",
+        "cameraNotSendingData": "Kameran käyttö ei onnistu. Tarkista, käyttääkö jokin toinen sovellus tätä laitetta, valitse toinen laite asetusvalikosta tai yritä käynnistää sovellus uudelleen.",
+        "cameraNotSendingDataTitle": "Kameran käyttö ei onnistu",
+        "cameraPermissionDeniedError": "Et ole myöntänyt lupaa kamerasi käyttöön. Voit liittyä kokoukseen, mutta muut eivät näe sinua. Korjaa tilanne osoitekentän kamerapainikkeella.",
+        "cameraUnknownError": "Kameran käyttö ei onnistu tuntemattomasta syystä.",
+        "cameraUnsupportedResolutionError": "Kamerasi ei tue vaadittua videoresoluutiota.",
+        "close": "Sulje",
+        "conferenceDisconnectMsg": "Tarkista verkkoyhteys. Yhdistetään uudelleen {{seconds}} sekunnin kuluttua…",
+        "conferenceDisconnectTitle": "Yhteys on katkennut.",
+        "conferenceReloadMsg": "Yritämme korjata tilannetta. Yhdistetään uudelleen {{seconds}} sekunnin kuluttua…",
+        "conferenceReloadTitle": "Valitettavasti jokin meni vikaan.",
+        "confirm": "Vahvista",
+        "confirmNo": "Ei",
+        "confirmYes": "Kyllä",
+        "connectError": "Hups! Jokin meni vikaan, ja kokoukseen yhdistäminen ei onnistunut.",
+        "connectErrorWithMsg": "Hups! Jokin meni pieleen ja kokoukseen yhdistäminen ei onnistunut: {{msg}}",
+        "connecting": "Yhdistetään",
+        "contactSupport": "Ota yhteyttä tukeen",
+        "copy": "Kopioi",
+        "dismiss": "Hylkää",
+        "displayNameRequired": "",
+        "done": "Valmis",
+        "enterDisplayName": "",
+        "error": "Virhe",
+        "externalInstallationMsg": "Asenna työpöydän jakolaajennuksemme.",
+        "externalInstallationTitle": "Laajennus vaaditaan",
+        "goToStore": "Siirry verkkokauppaan",
+        "gracefulShutdown": "Palvelu on keskeytetty huoltoa varten. Yritä myöhemmin uudelleen.",
+        "incorrectPassword": "Virheellinen käyttäjätunnus tai salasana",
+        "incorrectRoomLockPassword": "",
+        "inlineInstallExtension": "Asenna nyt",
+        "inlineInstallationMsg": "Asenna työpöydän jakolaajennuksemme.",
+        "internalError": "Hups! Jokin meni vikaan. Tapahtui seuraava virhe: {{error}}",
+        "internalErrorTitle": "Sisäinen virhe",
+        "kickMessage": "",
+        "kickParticipantButton": "Poista",
+        "kickParticipantDialog": "Haluatko varmasti poistaa tämän osanottajan kokouksesta?",
+        "kickParticipantTitle": "",
+        "kickTitle": "",
+        "liveStreaming": "Suoratoisto",
+        "liveStreamingDisabledForGuestTooltip": "Vieraat eivät voi aloittaa suoratoistolähetystä.",
+        "liveStreamingDisabledTooltip": "Suoratoiston aloitus ei ole käytössä.",
+        "lockMessage": "Kokouksen lukitseminen ei onnistunut.",
+        "lockRoom": "",
+        "lockTitle": "Lukitus epäonnistui",
+        "logoutQuestion": "Haluatko varmasti kirjautua ulos ja lopettaa kokouksen?",
+        "logoutTitle": "Kirjaudu ulos",
+        "maxUsersLimitReached": "",
+        "maxUsersLimitReachedTitle": "",
+        "micConstraintFailedError": "Mikrofonisi ei täytä joitain pakollisia vaatimuksia.",
+        "micNotFoundError": "Mikrofonia ei löytynyt.",
+        "micNotSendingData": "",
+        "micNotSendingDataTitle": "",
+        "micPermissionDeniedError": "Et ole myöntänyt lupaa mikrofonisi käyttöön. Voit liittyä kokoukseen, mutta muut eivät kuule sinua. Korjaa tilanne osoitekentän kamerapainikkeella.",
+        "micUnknownError": "Mikrofonin käyttö ei onnistu tuntemattomasta syystä.",
+        "muteParticipantBody": "Et voi poistaa muiden mykistystä, mutta he voivat poistaa oman mykistyksensä milloin tahansa.",
+        "muteParticipantButton": "Mykistä",
+        "muteParticipantDialog": "Haluatko varmasti mykistää tämän osanottajan? Et voi sen jälkeen poistaa mykistystä, mutta hän voi poistaa sen itse milloin tahansa.",
+        "muteParticipantTitle": "",
+        "passwordLabel": "",
+        "passwordNotSupported": "",
+        "passwordNotSupportedTitle": "",
+        "passwordRequired": "",
+        "popupError": "Selaimesi estää tämä sivuston ponnahdusikkunat. Salli ponnahdusikkunat selaimen suojausasetuksista ja yritä uudelleen.",
+        "popupErrorTitle": "Ponnahdusikkuna estetty",
+        "recording": "Nauhoitetaan",
+        "recordingDisabledForGuestTooltip": "Vieraat eivät voi nauhoittaa.",
+        "recordingDisabledTooltip": "Nauhoitus ei ole käytössä.",
+        "rejoinNow": "Liity nyt uudelleen",
+        "remoteControlAllowedMessage": "{{user}} hyväksyi etäkäyttöpyyntösi!",
+        "remoteControlDeniedMessage": "{{user}} hylkäsi etäkäyttöpyyntösi!",
+        "remoteControlErrorMessage": "Tapahtui virhe, kun etäkäyttöoikeuksia pyydettiin henkilöltä {{user}}!",
+        "remoteControlRequestMessage": "Sallitko, että {{user}} etäkäyttää tietokonettasi?",
+        "remoteControlShareScreenWarning": "Huomaa, että Salli-vaihtoehdon valitsemalla jaat näyttösi!",
+        "remoteControlStopMessage": "Etäkäyttöistunto päättyi!",
+        "remoteControlTitle": "Tietokoneen etäkäyttö",
+        "removePassword": "",
+        "removeSharedVideoMsg": "Haluatko varmasti poistaa jaetun videon?",
+        "removeSharedVideoTitle": "Poista jaettu video",
+        "reservationError": "Varausjärjestelmän virhe",
+        "reservationErrorMsg": "Virhekoodi: {{code}}, viesti: {{msg}}",
+        "retry": "Yritä uudelleen",
+        "screenSharingFailedToInstall": "Hups! Näytönjakolaajennuksen asennus epäonnistui.",
+        "screenSharingFailedToInstallTitle": "Näytönjakolaajennuksen asennus epäonnistui",
+        "screenSharingFirefoxPermissionDeniedError": "Jokin meni vikaan, kun yritimme jakaa näyttösi. Tarkista, että annoit meille siihen luvan. ",
+        "screenSharingFirefoxPermissionDeniedTitle": "Hups! Näytönjakoa ei voitu aloittaa!",
+        "screenSharingPermissionDeniedError": "Hups!Jokin meni vikaan näytönjakolaajennuksen käyttöoikeuksissa. Käynnistä uudelleen ja yritä sitten uudelleen.",
+        "serviceUnavailable": "Palvelu ei käytettävissä",
+        "sessTerminated": "Puhelu lopetettu",
+        "shareVideoLinkError": "Anna oikea linkki.",
+        "shareVideoTitle": "Jaa video",
+        "shareYourScreen": "Jaa näyttö",
+        "shareYourScreenDisabled": "Näytönjako ei ole käytössä.",
+        "shareYourScreenDisabledForGuest": "Vieraat eivät voi jakaa näyttöä.",
+        "startLiveStreaming": "Aloita suoratoisto",
+        "startRecording": "Aloita nauhoitus",
+        "startRemoteControlErrorMessage": "Etäkäyttöistunnon aloittamisessa tapahtui virhe!",
+        "stopLiveStreaming": "Lopeta suoratoisto",
+        "stopRecording": "Lopeta nauhoitus",
+        "stopRecordingWarning": "Haluatko varmasti lopettaa nauhoituksen?",
+        "stopStreamingWarning": "Haluatko varmasti lopettaa suoratoiston?",
+        "streamKey": "Suoratoistokoodi",
+        "thankYou": "Kiitos sovelluksen {{appName}} käytöstä!",
+        "token": "koodi",
+        "tokenAuthFailed": "Valitettavasti et saa osallistua tähän puheluun.",
+        "tokenAuthFailedTitle": "Todennus epäonnistui",
+        "transcribing": "Puhtaaksikirjoitus",
+        "unlockRoom": "",
+        "userPassword": "käyttäjän salasana",
+        "yourEntireScreen": "Koko näyttö"
+    },
+    "feedback": {
+        "average": "Keskiverto",
+        "bad": "Huono",
+        "detailsLabel": "Kerro lisää.",
+        "good": "Hyvä",
+        "rateExperience": "Arvioi kokouskokemus",
+        "veryBad": "Erittäin huono",
+        "veryGood": "Erittäin hyvä"
+    },
+    "incomingCall": {
+        "answer": "Vastaus",
+        "audioCallTitle": "Saapuva puhelu",
+        "decline": "Hylkää",
+        "productLabel": "Jitsi Meetistä",
+        "videoCallTitle": "Saapuva videopuhelu"
+    },
+    "info": {
+        "accessibilityLabel": "Näytä tiedot",
+        "addPassword": "",
+        "cancelPassword": "",
+        "conferenceURL": "Linkki:",
+        "country": "Maa",
+        "dialANumber": "Liity kokoukseen soittamalla yhteen näistä numeroista ja antamalla PIN-koodi.",
+        "dialInConferenceID": "PIN:",
+        "dialInNotSupported": "Valitettavasti soittoa ei tällä hetkellä tueta.",
+        "dialInNumber": "Liittymissoitto:",
+        "dialInSummaryError": "Virhe soittotietojen noudossa. Yritä myöhemmin uudelleen.",
+        "dialInTollFree": "Maksuton",
+        "genericError": "Hupsista, jokin meni vikaan.",
+        "inviteLiveStream": "Katso suora kokouslähetys seuraavasta linkistä: {{url}}",
+        "invitePhone": "",
+        "invitePhoneAlternatives": "",
+        "inviteURLFirstPartGeneral": "Olet saanut kokouskutsun.",
+        "inviteURLFirstPartPersonal": "",
+        "inviteURLSecondPart": "",
+        "label": "Kokoustiedot",
+        "liveStreamURL": "Suoratoisto:",
+        "moreNumbers": "Lisää numeroita",
+        "noNumbers": "Ei liittymispuhelinnumeroita.",
+        "noPassword": "Ei yhtään",
+        "noRoom": "Liityttävää huonetta ei valittu.",
+        "numbers": "Liittymispuhelinnumerot",
+        "password": "",
+        "title": "Jaa",
+        "tooltip": "Jaa kokouksen linkki ja liittymissoittotiedot"
+    },
+    "inlineDialogFailure": {
+        "msg": "Kömmähdimme.",
+        "retry": "Yritä uudelleen",
+        "support": "Tuki",
+        "supportMsg": "Jos tämä jatkuu, ota yhteyttä:"
+    },
+    "inviteDialog": {
+        "alertText": "Osa kutsuista epäonnistui.",
+        "header": "Kutsu",
+        "searchCallOnlyPlaceholder": "Anna puhelinnumero",
+        "searchPeopleOnlyPlaceholder": "Etsi osanottajia",
+        "searchPlaceholder": "Osanottaja tai puhelinnumero",
+        "send": "Lähetä"
+    },
+    "keyboardShortcuts": {
+        "focusLocal": "Keskity omaan videoon",
+        "focusRemote": "Keskity jonkun muun videoon",
+        "fullScreen": "Näytä tai poista koko näyttö",
+        "keyboardShortcuts": "Pikanäppäimet",
+        "localRecording": "Näytä tai piilota paikalliset nauhoitusohjaimet",
+        "mute": "Säädä mikrofonin mykistystä",
+        "pushToTalk": "Paina ja puhu",
+        "raiseHand": "Käden nosto tai lasku",
+        "showSpeakerStats": "Näytä puhujatilastot",
+        "toggleChat": "Avaa tai sulje chatti",
+        "toggleFilmstrip": "Näytä tai piilota videon pikkukuvat",
+        "toggleScreensharing": "Siirry kameran ja näytön jakamisen välillä",
+        "toggleShortcuts": "Näytä tai piilota pikanäppäimet",
+        "videoMute": "Käynnistä tai pysäytä kamera"
+    },
+    "liveStreaming": {
+        "busy": "Yritämme vapauttaa suoratoistoresursseja. Yritä uudelleen muutaman minuutin kuluttua.",
+        "busyTitle": "Kaikki suoratoistokanavat ovat juuri nyt varattuja",
+        "changeSignIn": "Vaihda tiliä.",
+        "choose": "Valitse suoratoistolähetys",
+        "chooseCTA": "Valitse suoratoistovaihtoehto. Olet kirjautunut sähköpostilla {{email}}.",
+        "enterStreamKey": "Kirjoita YouTube-suoratoistokoodi tähän.",
+        "error": "Suoratoisto epäonnistui. Yritä uudelleen.",
+        "errorAPI": "YouTube-lähetykseen yhdistämisessä tapahtui virhe. Yritä kirjautua uudelleen sisään.",
+        "errorLiveStreamNotEnabled": "Suoratoisto ei ole käytössä tilillä {{email}}. Ota suoratoisto käyttöön tai kirjaudu tiliin, jossa se on käytössä.",
+        "expandedOff": "Suoratoisto on päättynyt",
+        "expandedOn": "Kokous näkyy parhaillaan YouTubessa suoratoistolähetyksenä.",
+        "expandedPending": "Suoratoistolähetys on alkamassa…",
+        "failedToStart": "Suoratoiston aloitus ei onnistunut",
+        "getStreamKeyManually": "Suoratoistolähetysten nouto epäonnistui. Hanki suoratoistokoodi YouTubesta.",
+        "invalidStreamKey": "Suoratoistokoodi voi olla virheellinen.",
+        "off": "Suoratoisto päättyi",
+        "on": "Suoratoisto",
+        "pending": "Suoratoisto alkamassa…",
+        "serviceName": "Suoratoistopalvelu",
+        "signIn": "Kirjaudu Googlella",
+        "signInCTA": "Kirjaudu sisään tai anna YouTube-suoratoistokoodi.",
+        "signOut": "Kirjaudu ulos",
+        "signedInAs": "Sisäänkirjautunut käyttäjä:",
+        "start": "Aloita suoratoisto",
+        "streamIdHelp": "Mikä tämä on?",
+        "title": "Suoratoisto",
+        "unavailableTitle": "Suoratoisto ei käytettävissä"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Pois päältä",
+            "on": "Päällä",
+            "unknown": "Tuntematon"
+        },
+        "dialogTitle": "Paikalliset nauhoitusohjaimet",
+        "duration": "Kesto",
+        "durationNA": "­–",
+        "encoding": "Koodaus",
+        "label": "LOR",
+        "labelToolTip": "Paikallinen nauhoitus käytössä",
+        "localRecording": "Paikallinen nauhoitus",
+        "me": "Minä",
+        "messages": {
+            "engaged": "Paikallinen nauhoitus käytössä.",
+            "finished": "Nauhoitus {{token}} päättyi. Lähetä nauhoite valvojalle.",
+            "finishedModerator": "Nauhoitus {{token}} päättyi. Paikallisen raidan nauhoitus on tallennettu. Pyydä muita osanottajia lähettämään omat nauhoituksensa.",
+            "notModerator": "Et ole valvoja. Et voi aloittaa tai lopettaa paikallista nauhoitusta."
+        },
+        "moderator": "Valvoja",
+        "no": "Ei",
+        "participant": "Osanottaja",
+        "participantStats": "Osanottajatilastot",
+        "sessionToken": "Istuntokoodi",
+        "start": "Aloita nauhoitus",
+        "stop": "Lopeta nauhoitus",
+        "yes": "Kyllä"
+    },
+    "lockRoomPassword": "",
+    "lockRoomPasswordUppercase": "",
+    "me": "minä",
+    "notify": {
+        "connectedOneMember": "{{name}} liittyi kokoukseen",
+        "connectedThreePlusMembers": "{{name}} ja {{count}} muuta liittyivät kokoukseen",
+        "connectedTwoMembers": "{{first}} ja {{second}} liittyivät kokoukseen",
+        "disconnected": "ei yhteyttä",
+        "focus": "Kokouksen painopiste",
+        "focusFail": "{{component}} ei käytettävissä. Yritä uudelleen {{ms}} sekunnin kuluttua",
+        "grantedTo": "Valvojan oikeudet myönnetty käyttäjälle {{to}}!",
+        "invitedOneMember": "{{name}} on kutsuttu",
+        "invitedThreePlusMembers": "",
+        "invitedTwoMembers": "",
+        "kickParticipant": "",
+        "me": "Minä",
+        "moderator": "Valvojan oikeudet myönnetty!",
+        "muted": "Aloitit keskustelun mykistettynä.",
+        "mutedRemotelyDescription": "",
+        "mutedRemotelyTitle": "",
+        "mutedTitle": "Olet mykistetty!",
+        "newDeviceAction": "Käytä",
+        "newDeviceAudioTitle": "Uusi äänilaite havaittu",
+        "newDeviceCameraTitle": "Uusi kamera havaittu",
+        "passwordRemovedRemotely": "",
+        "passwordSetRemotely": "",
+        "raisedHand": "{{name}} pyytää puheenvuoroa.",
+        "somebody": "Joku",
+        "startSilentDescription": "",
+        "startSilentTitle": "",
+        "suboptimalExperienceDescription": "Valitettavasti {{appName}} ei taida toimia kovin hyvin täällä. Yritämme löytää parannuskeinoja, mutta sillä välin kannattaa käyttää jotain <a href='{{recommendedBrowserPageLink}}' target='_blank'>täysin tuettua selainta</a>.",
+        "suboptimalExperienceTitle": "Selainvaroitus",
+        "unmute": "Poista mykistys"
+    },
+    "participantsPane": {
+        "actions": {
+            "muteEveryoneElse": "Mykistä kaikki muut"
+        }
+    },
+    "passwordDigitsOnly": "",
+    "passwordSetRemotely": "",
+    "polls": {
+        "errors": {
+            "notUniqueOption": "Vaihtoehtojen on oltava ainutlaatuisia"
+        }
+    },
+    "poweredby": "tukija:",
+    "presenceStatus": {
+        "busy": "Varattu",
+        "calling": "Soitetaan…",
+        "connected": "Yhdistetty",
+        "connecting": "Yhdistetään…",
+        "connecting2": "Yhdistetään*…",
+        "disconnected": "Ei yhteyttä",
+        "expired": "Vanhentunut",
+        "ignored": "Sivuutettu",
+        "initializingCall": "Käynnistetään puhelua…",
+        "invited": "Kutsuttu",
+        "rejected": "Hylätty",
+        "ringing": "Soi…"
+    },
+    "profile": {
+        "setDisplayNameLabel": "Määritä näyttönimi",
+        "setEmailInput": "Anna sähköpostiosoite",
+        "setEmailLabel": "Määritä Gravatar-sähköposti",
+        "title": "Profiili"
+    },
+    "recording": {
+        "authDropboxText": "Lataa Dropboxiin",
+        "availableSpace": "Tilaa jäljellä: {{spaceLeft}} Mt (noin {{duration}} minuuttia nauhoitetta)",
+        "beta": "BEETA",
+        "busy": "Yritämme vapauttaa nauhoitusresursseja. Yritä uudelleen muutaman minuutin kuluttua.",
+        "busyTitle": "Kaikki nauhoittimet ovat juuri nyt varattuja",
+        "error": "Nauhoitus epäonnistui. Yritä uudelleen.",
+        "expandedOff": "Nauhoitus päättyi",
+        "expandedOn": "Tätä kokousta nauhoitetaan.",
+        "expandedPending": "Nauhoitus on alkamassa…",
+        "failedToStart": "Nauhoituksen aloitus epäonnistui",
+        "fileSharingdescription": "Jaa nauhoitus kokouksen osanottajille",
+        "live": "SUORA LÄHETYS",
+        "loggedIn": "Kirjautunut käyttäjänä {{userName}}",
+        "off": "Nauhoitus päättyi",
+        "on": "Nauhoitetaan",
+        "pending": "Kokouksen nauhoitusta valmistellaan…",
+        "rec": "REC",
+        "serviceDescription": "Nauhoituspalvelu tallentaa nauhoituksen",
+        "serviceName": "Nauhoituspalvelu",
+        "signIn": "Kirjaudu sisään",
+        "signOut": "Kirjaudu ulos",
+        "title": "Nauhoitetaan",
+        "unavailable": "Hups! {{serviceName}} ei ole käytettävissä. Yritämme ratkaista ongelman. Yritä myöhemmin uudelleen.",
+        "unavailableTitle": "Nauhoitus ei käytettävissä"
+    },
+    "sectionList": {
+        "pullToRefresh": "Päivitä vetämällä"
+    },
+    "settings": {
+        "calendar": {
+            "about": "{{appName}} tarkistaa tulevat tapahtumat kalenteristasi turvallisesti kalenteri-integrointitoimintonsa avulla.",
+            "disconnect": "Katkaise yhteys",
+            "microsoftSignIn": "Kirjaudu Microsoftilla",
+            "signedIn": "Tarkastellaan käyttäjän {{email}} kalenteritapahtumia. Estä tarkastelu napsauttamalla Katkaise yhteys -painiketta.",
+            "title": "Kalenteri"
+        },
+        "devices": "Laitteet",
+        "followMe": "Kaikki seuraavat minua",
+        "language": "Kieli",
+        "loggedIn": "Kirjautunut käyttäjänä {{name}}",
+        "moderator": "Valvoja",
+        "more": "Lisää",
+        "name": "Nimi",
+        "noDevice": "Ei yhtään",
+        "selectAudioOutput": "Ääniulostulo",
+        "selectCamera": "Kamera",
+        "selectMic": "Mikrofoni",
+        "startAudioMuted": "Kaikki aluksi mykistettyinä",
+        "startVideoMuted": "Kaikki aluksi piilotettuina",
+        "title": "Asetukset"
+    },
+    "settingsView": {
+        "alertOk": "OK",
+        "alertTitle": "Varoitus",
+        "alertURLText": "Annettu palvelimen URL on virheellinen",
+        "buildInfoSection": "Koontiversion tiedot",
+        "conferenceSection": "Kokous",
+        "displayName": "Näyttönimi",
+        "email": "Sähköposti",
+        "header": "Asetukset",
+        "profileSection": "Profiili",
+        "serverURL": "Palvelimen URL",
+        "startWithAudioMuted": "Aloita ääni mykistettynä",
+        "startWithVideoMuted": "Aloita video mykistettynä",
+        "version": "Versio"
+    },
+    "share": {
+        "dialInfoText": "",
+        "mainText": "Liity kokoukseen seuraavasta linkistä:\n{{roomUrl}}"
+    },
+    "speaker": "Puhuja",
+    "speakerStats": {
+        "hours": "{{count}} t",
+        "minutes": "{{count}} min",
+        "name": "Nimi",
+        "search": "Etsi",
+        "searchHint": "Etsi osallistujia",
+        "seconds": "{{count}} s",
+        "speakerStats": "Puhujatilastot",
+        "speakerTime": "Puhujan aika"
+    },
+    "startupoverlay": {
+        "policyText": " ",
+        "title": "{{app}} tarvitsee mikrofoniasi ja kameraasi."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Liity uudelleen",
+        "text": "Yhdistä uudelleen napsauttamalla <i>Liity uudelleen</i> -painiketta.",
+        "title": "Videopuhelu keskeytyi, koska tietokone siirtyi lepotilaan."
+    },
+    "toolbar": {
+        "Settings": "Asetukset",
+        "accessibilityLabel": {
+            "Settings": "Säädä asetuksia",
+            "audioOnly": "Säädä Vain ääni -tilaa",
+            "audioRoute": "Valitse äänilaite",
+            "callQuality": "",
+            "cc": "Säädä tekstitystä",
+            "chat": "Säädä chatti-ikkunaa",
+            "document": "Säädä jaettua asiakirjaa",
+            "feedback": "Anna palautetta",
+            "fullScreen": "Säädä koko näyttöä",
+            "hangup": "Poistu puhelusta",
+            "invite": "Lähetä kutsuja",
+            "kick": "Poista osanottaja kokouksesta",
+            "localRecording": "Säädä paikallisia nauhoitusohjaimia",
+            "lockRoom": "Säädä kokouksen salasanaa",
+            "moreActions": "Säädä Lisää toimintoja -valikkoa",
+            "moreActionsMenu": "Lisää toimintoja -valikko",
+            "mute": "Säädä äänen mykistystä",
+            "muteEveryoneElse": "Mykistä kaikki muut",
+            "pip": "Säädä Kuva kuvassa (PiP) -tilaa",
+            "profile": "Muokkaa profiilia",
+            "raiseHand": "Säädä käden nostoa",
+            "recording": "Säädä nauhoitusta",
+            "remoteMute": "Mykistä osanottaja",
+            "selectBackground": "Valitse tausta",
+            "shareRoom": "Kutsu joku",
+            "shareYourScreen": "Säädä näytön jakoa",
+            "sharedvideo": "Säädä videon jakoa",
+            "shortcuts": "Säädä pikanäppäimiä",
+            "show": "",
+            "speakerStats": "Säädä puhujatilastoja",
+            "tileView": "Säädä ruudukkonäkymää",
+            "toggleCamera": "Säädä kameraa",
+            "videoblur": "",
+            "videomute": "Säädä videon mykistystä"
+        },
+        "addPeople": "Lisää osanottajia puheluun",
+        "audioOnlyOff": "Poista Vain ääni -tila käytöstä",
+        "audioOnlyOn": "Ota Vain ääni -tila käyttöön",
+        "audioRoute": "Valitse äänilaite",
+        "authenticate": "Todenna",
+        "callQuality": "",
+        "chat": "Avaa/sulje chatti",
+        "closeChat": "Sulje chatti",
+        "documentClose": "Sulje jaettu asiakirja",
+        "documentOpen": "Avaa jaettu asiakirja",
+        "enterFullScreen": "Näytä koko näytössä",
+        "enterTileView": "Siirry ruudukkonäkymään",
+        "exitFullScreen": "Poisti koko näytöstä",
+        "exitTileView": "Poistu ruudukkonäkymästä",
+        "feedback": "Anna palautetta",
+        "hangup": "Poistu",
+        "invite": "Lähetä kutsuja",
+        "login": "Kirjaudu sisään",
+        "logout": "Kirjaudu ulos",
+        "lowerYourHand": "Laske käsi",
+        "moreActions": "Lisää toimintoja",
+        "mute": "Mykistys päällä/pois",
+        "openChat": "Avaa chatti",
+        "pip": "Siirry Kuva kuvassa (PiP) -tilaan",
+        "profile": "Muokkaa profiilia",
+        "raiseHand": "Nosta/laske käsi",
+        "raiseYourHand": "Nosta käsi",
+        "shareRoom": "Kutsu joku",
+        "sharedvideo": "Jaa video",
+        "shortcuts": "Näytä pikanäppäimet",
+        "speakerStats": "Puhujatilastot",
+        "startScreenSharing": "Aloita näytön jako",
+        "startSubtitles": "Käynnistä tekstitys",
+        "startvideoblur": "",
+        "stopScreenSharing": "Lopeta näytön jako",
+        "stopSharedVideo": "Pysäytä video",
+        "stopSubtitles": "Lopeta tekstitys",
+        "stopvideoblur": "",
+        "talkWhileMutedPopup": "Yritätkö puhua? Olet mykistettynä.",
+        "tileViewToggle": "Säädä ruudukkonäkymää",
+        "toggleCamera": "Säädä kameraa",
+        "videomute": "Käynnistä/pysäytä kamera"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Tekstitys päälle/pois",
+        "error": "Puhtaaksikirjoitus epäonnistui. Yritä uudelleen.",
+        "expandedLabel": "Puhtaaksikirjoitus on käytössä",
+        "failedToStart": "Puhtaaksikirjoituksen aloitus epäonnistui",
+        "labelToolTip": "Kokousta kirjoitetaan puhtaaksi",
+        "off": "Puhtaaksikirjoitus päättyi",
+        "pending": "Kokouksen puhtaaksikirjoitusta valmistellaan…",
+        "start": "Aloita tekstitys",
+        "stop": "Lopeta tekstitys",
+        "tr": "TR"
+    },
+    "userMedia": {
+        "grantPermissions": "Myönnä käyttöoikeudet laitteesi kameran ja mikrofonin käyttöön."
+    },
+    "videoSIPGW": {
+        "busy": "Yritämme vapauttaa resursseja. Yritä uudelleen muutaman minuutin kuluttua.",
+        "busyTitle": "Huonepalvelu on tällä hetkellä varattu",
+        "errorAlreadyInvited": "{{displayName}} on jo kutsuttu",
+        "errorInvite": "Kokousta ei ole vielä luotu. Yritä myöhemmin uudelleen.",
+        "errorInviteFailed": "Ratkaisemme ongelmaa. Yritä myöhemmin uudelleen.",
+        "errorInviteFailedTitle": "Henkilön {{displayName}} kutsuminen epäonnistui",
+        "errorInviteTitle": "Virhe huoneen kutsumisessa",
+        "pending": "{{displayName}} on kutsuttu"
+    },
+    "videoStatus": {
+        "adjustFor": "Muokkaa:",
+        "audioOnly": "ÄÄNI",
+        "audioOnlyExpanded": "Käytössäsi on Vain ääni -tila. Se säästää kaistanleveyttä, mutta et näe muiden videoita.",
+        "bestPerformance": "Paras suorituskyky",
+        "callQuality": "Videon laatu",
+        "hd": "HD",
+        "highDefinition": "Teräväpiirto",
+        "highestQuality": "Korkein laatu",
+        "labelTooiltipNoVideo": "Ei videota",
+        "labelTooltipAudioOnly": "Vain ääni -tila käytössä",
+        "ld": "LD",
+        "lowDefinition": "Alhainen kuvanlaatu",
+        "onlyAudioAvailable": "Vain ääni -tila on käytettävissä",
+        "onlyAudioSupported": "Tässä selaimessa tuemme vain ääntä.",
+        "performanceSettings": "Suorituskykyasetukset",
+        "sd": "SD",
+        "standardDefinition": "Vakiopiirto"
+    },
+    "videothumbnail": {
+        "domute": "Mykistä",
+        "domuteOthers": "Mykistä kaikki muut",
+        "domuteVideoOfOthers": "Estä muiden kamera",
+        "flip": "Käännä",
+        "kick": "Poista",
+        "moderator": "Valvoja",
+        "mute": "Osallistuja on mykistetty",
+        "muted": "Mykistetty",
+        "pinToStage": "Kiinnitä ruutuun",
+        "remoteControl": "Etäkäyttö",
+        "show": "Näytä ruudulla",
+        "unpinFromStage": "Irroita kiinnitys",
+        "videomute": ""
+    },
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Liity napauttamalla",
+            "roomname": "Anna huoneen nimi"
+        },
+        "appDescription": "Anna mennä! Keskustele videochatissä koko tiimin kanssa tai kutsu vaikka kaikki tutut. {{app}} on täysin salattu, avoimen lähdekoodin videokokousratkaisu kokopäiväiseen käyttöön joka päivä. Se on maksuton, eikä vaadi tiliä.",
+        "audioVideoSwitch": {
+            "audio": "Ääni",
+            "video": "Video"
+        },
+        "calendar": "Kalenteri",
+        "connectCalendarButton": "Yhdistä oma kalenteri",
+        "connectCalendarText": "",
+        "enterRoomTitle": "Aloita uusi kokous",
+        "go": "ALOITA",
+        "info": "Tiedot",
+        "join": "LIITY",
+        "privacy": "Tietosuoja",
+        "recentList": "Viimeisimmät",
+        "recentListDelete": "Poista",
+        "recentListEmpty": "Viimeisimpien kokousten luettelo on tyhjä. Kun pidät kokouksia tiimisi kanssa, niistä viimeisimmät näkyvät täällä.",
+        "reducedUIText": "",
+        "roomname": "Anna huoneen nimi",
+        "roomnameHint": "Kirjoita sen huoneen nimi tai URL-osoite, johon haluat liittyä. Voit myös nimetä huoneen itse ja kertoa nimen muille, jotta he voivat löytää sen.",
+        "sendFeedback": "Lähetä palautetta",
+        "terms": "Ehdot",
+        "title": "Turvallinen, täysin varustettu ja maksuton videoneuvottelu"
+    }
+}
diff --git a/lang/main-fr-CA.json b/lang/main-fr-CA.json
new file mode 100644
index 0000000..1137e18
--- /dev/null
+++ b/lang/main-fr-CA.json
@@ -0,0 +1,1685 @@
+{
+    "addPeople": {
+        "accessibilityLabel": {
+            "meetingLink": "Lien de la réunion: {{url}}"
+        },
+        "add": "Inviter",
+        "addContacts": "Inviter vos contacts",
+        "contacts": "contacts",
+        "copyInvite": "Copier l'invitation à la réunion",
+        "copyLink": "Copier le lien de la réunion",
+        "copyStream": "Copier le lien de diffusion en direct",
+        "countryNotSupported": "Nous ne prenons pas encore cette destination en charge.",
+        "countryReminder": "Vous appelez en dehors des É.-U.? Veuillez vous assurer de commencer par le code de pays!",
+        "defaultEmail": "Votre email par défaut",
+        "disabled": "Vous ne pouvez pas inviter d'autres personnes.",
+        "failedToAdd": "L'ajout de membres a échoué",
+        "googleEmail": "Gmail",
+        "inviteMoreHeader": "Vous êtes seul(e) dans la réunion",
+        "inviteMoreMailSubject": "Rejoindre une réunion {{appName}}",
+        "inviteMorePrompt": "Inviter d'autres personnes",
+        "linkCopied": "Lien copié dans le presse-papiers",
+        "noResults": "Aucun résultat de recherche correspondant",
+        "outlookEmail": "Outlook",
+        "phoneNumbers": "Numéros de téléphone",
+        "searching": "Recherche…",
+        "shareInvite": "Partager l'invitation à la réunion",
+        "shareLink": "Partager le lien de la réunion pour inviter d'autres personnes",
+        "shareStream": "Partager le lien de diffusion en direct",
+        "sipAddresses": "Adresses SIP",
+        "telephone": "Téléphone : {{number}}",
+        "title": "Inviter des personnes à cette réunion",
+        "yahooEmail": "Yahoo"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "car": "Système audio du véhicule",
+        "headphones": "Écouteurs",
+        "none": "Aucun périphérique audio n'est disponible",
+        "phone": "Téléphone",
+        "speaker": "Haut-parleur"
+    },
+    "audioOnly": {
+        "audioOnly": "Bande passante faible"
+    },
+    "bandwidthSettings": {
+        "assumedBandwidthBps": "p. ex. 10000000 pour 10 Mbps ",
+        "assumedBandwidthBpsWarning": "Des valeurs élevées peuvent provoquer des problèmes réseaux.",
+        "customValue": "valeur personnalisée",
+        "customValueEffect": "Positionner la valeur actuelle en bps",
+        "leaveEmpty": "Laisser vide",
+        "leaveEmptyEffect": "Autoriser l'utilisation de l'estimation",
+        "possibleValues": "Valeurs possibles",
+        "setAssumedBandwidthBps": "Bande passante estimée",
+        "title": "Réglage de bande passante",
+        "zeroEffect": "Désactiver la vidéo"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "Ajouter une salle pour petit groupe",
+            "autoAssign": "Assigner automatiquement aux salles",
+            "close": "Fermer",
+            "join": "Rejoindre",
+            "leaveBreakoutRoom": "Quitter la salle",
+            "more": "Plus",
+            "remove": "Supprimer",
+            "rename": "Renommer",
+            "renameBreakoutRoom": "Renommer la salle",
+            "sendToBreakoutRoom": "Envoyer le participant dans:"
+        },
+        "breakoutList": "Liste des salles",
+        "buttonLabel": "Salles pour petits groupes",
+        "defaultName": "Salle #{{index}}",
+        "hideParticipantList": "Masquer la liste des participants",
+        "mainRoom": "Salle principale",
+        "notifications": {
+            "joined": "Entrée en salle \"{{name}}\"",
+            "joinedMainRoom": "Retour à la salle principale",
+            "joinedTitle": "Salles annexes"
+        },
+        "showParticipantList": "Afficher la liste des participants",
+        "title": "Salles pour petits groupes"
+    },
+    "calendarSync": {
+        "addMeetingURL": "Ajouter un lien de réunion",
+        "confirmAddLink": "Voulez-vous ajouter un lien Jitsi Meet à cet événement?",
+        "error": {
+            "appConfiguration": "L'intégration de l'agenda n'est pas correctement configurée.",
+            "generic": "Une erreur s'est produite. Veuillez vérifier vos paramètres d'agenda ou essayer de rafraîchir l'agenda.",
+            "notSignedIn": "Une erreur s'est produite lors de l'authentification des événements d'agenda. Veuillez vérifier vos paramètres d'agenda ou essayer de vous reconnecter."
+        },
+        "join": "Rejoindre",
+        "joinTooltip": "Rejoindre la réunion",
+        "nextMeeting": "prochaine réunion",
+        "noEvents": "Il n'y a aucun événement planifié à venir.",
+        "ongoingMeeting": "réunion en cours",
+        "permissionButton": "Ouvrir les paramètres",
+        "permissionMessage": "L'autorisation de l'Agenda est nécessaire pour consulter vos réunions dans l'application.",
+        "refresh": "Rafraîchir l'agenda",
+        "today": "Aujourd'hui"
+    },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "Sélectionnez le dispositif audio"
+        },
+        "labels": {
+            "buttonLabel": "Mode voiture",
+            "title": "Mode voiture",
+            "videoStopped": "Votre vidéo est arrêtée"
+        }
+    },
+    "chat": {
+        "disabled": "L'envoi de messages de chat est désactivé.",
+        "enter": "Entrez dans le salon",
+        "error": "Erreur : votre message n'a pas été envoyé. Raison : {{error}}",
+        "everyone": "Tout le monde",
+        "fieldPlaceHolder": "Tapez votre message ici",
+        "guestsChatIndicator": "(invité)",
+        "lobbyChatMessageTo": "Message de salle d'attente à {{recipient}}",
+        "message": "Message",
+        "messageAccessibleTitle": "{{user}} dit: ",
+        "messageAccessibleTitleMe": "Je dis: ",
+        "messageTo": "Message privé à {{recipient}}",
+        "messagebox": "Saisissez un message",
+        "newMessages": "Nouveaux messages",
+        "nickname": {
+            "popover": "Choisissez un nom d'affichage",
+            "title": "Entrer un nom d'affichage pour utiliser le clavardage",
+            "titleWithCC": "Entrez un pseudonyme pour utiliser le chat et les sous-titres",
+            "titleWithPolls": "Entrer un nom d'affichage pour utiliser le clavardage",
+            "titleWithPollsAndCC": "Entrez un pseudonyme pour utiliser le chat, les sondages et les sous-titres",
+            "titleWithPollsAndCCAndFileSharing": "Entrez un pseudonyme pour utiliser le chat, les sondages, les sous-titres et les fichiers"
+        },
+        "noMessagesMessage": "Il n'y a pas encore de messages dans cette réunion. Démarrez une conversation ici!",
+        "privateNotice": "Message privé à {{recipient}}",
+        "sendButton": "Envoyer",
+        "smileysPanel": "Panneaux des Émojis",
+        "systemDisplayName": "Système",
+        "tabs": {
+            "chat": "Chat",
+            "closedCaptions": "ST",
+            "fileSharing": "Fichiers",
+            "polls": "Sondages"
+        },
+        "title": "Clavardage",
+        "titleWithCC": "ST",
+        "titleWithFeatures": "Chat et",
+        "titleWithFileSharing": "Fichiers",
+        "titleWithPolls": "Clavardage",
+        "you": "vous"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Installer l'extension Chrome",
+        "buttonTextEdge": "Installer l'extension Edge",
+        "close": "Fermer",
+        "dontShowAgain": "Ne plus m'afficher ceci",
+        "installExtensionText": "Installer l'extension pour l'intégration de Google Calendar et Office 365"
+    },
+    "closedCaptionsTab": {
+        "emptyState": "Le contenu des sous-titres sera disponible quand un modérateur les aura démarrés",
+        "startClosedCaptionsButton": "Démarrer les sous-titres"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Connexion à la réunion en cours…"
+    },
+    "connection": {
+        "ATTACHED": "Joint",
+        "AUTHENTICATING": "Authentification",
+        "AUTHFAIL": "Échec de l'authentification",
+        "CONNECTED": "Connecté",
+        "CONNECTING": "Connexion en cours",
+        "CONNFAIL": "Échec de la connexion",
+        "DISCONNECTED": "Déconnecté",
+        "DISCONNECTING": "Déconnexion en cours",
+        "ERROR": "Erreur",
+        "FETCH_SESSION_ID": "Obtention d'un identifiant de session…",
+        "GET_SESSION_ID_ERROR": "Obtenir une erreur d'identifiant de session: {{code}}",
+        "GOT_SESSION_ID": "Obtention d'un identifiant de session… Terminée",
+        "LOW_BANDWIDTH": "La vidéo de {{displayName}} a été coupée pour économiser de la bande passante"
+    },
+    "connectionindicator": {
+        "address": "Adresse :",
+        "audio_ssrc": "Audio SSRC :",
+        "bandwidth": "Bande passante estimée :",
+        "bitrate": "Débit binaire :",
+        "bridgeCount": "Nombre de serveur : ",
+        "codecs": "Codecs (A/V) :",
+        "connectedTo": "Connecté à :",
+        "e2eeVerified": "Chiffrement de bout en bout vérifié",
+        "framerate": "Fréquence d'images :",
+        "less": "Afficher moins",
+        "localaddress": "Adresse locale :",
+        "localaddress_plural": "Adresses locales :",
+        "localport": "Port local :",
+        "localport_plural": "Ports locaux :",
+        "maxEnabledResolution": "débit max",
+        "more": "Afficher plus",
+        "no": "non",
+        "packetloss": "Perte de paquet :",
+        "participant_id": "ID du participant:",
+        "quality": {
+            "good": "Bonne",
+            "inactive": "Inactive",
+            "lost": "Perdue",
+            "nonoptimal": "Non-optimale",
+            "poor": "Faible"
+        },
+        "remoteaddress": "Adresse distante :",
+        "remoteaddress_plural": "Adresses distantes :",
+        "remoteport": "Port distant :",
+        "remoteport_plural": "Ports distants :",
+        "resolution": "Résolution :",
+        "savelogs": "Enregistrer les logs",
+        "status": "Connexion :",
+        "transport": "Tranport :",
+        "transport_plural": "Transports :",
+        "video_ssrc": "Video SSRC :",
+        "yes": "oui"
+    },
+    "dateUtils": {
+        "earlier": "Plus tôt",
+        "today": "Aujourd'hui",
+        "yesterday": "Hier"
+    },
+    "deepLinking": {
+        "appNotInstalled": "L'application mobile {{app}} est nécessaire pour rejoindre cette réunion sur votre téléphone.",
+        "description": "Il ne s'est rien passé? Nous avons essayés de démarrer votre réunion dans l'application de bureau {{app}}. Veuillez réessayer ou démarrer la réunion dans l'application Web {{app}}.",
+        "descriptionNew": "Rien ne s'est passé ? Nous avons essayé de lancer votre réunion dans l'application de bureau {{app}}. <br /><br /> Vous pouvez essayer à nouveau ou la lancer dans l'application web.",
+        "descriptionWithoutWeb": "Rien ne s'est passé? Nous avons essayé de démarrer votre réunion dans l'application bureau {{app}}.",
+        "downloadApp": "Télécharger l'application",
+        "downloadMobileApp": "Télécharger l'application depuis le Store",
+        "ifDoNotHaveApp": "Si vous n'avez pas encore l'application:",
+        "ifHaveApp": "Si vous avez déjà installé l'application:",
+        "joinInApp": "Rejoindre la réunion en utilisant l'application",
+        "joinInAppNew": "Rejoindre depuis l'application",
+        "joinInBrowser": "Rejoindre depuis le navigateur",
+        "launchMeetingLabel": "Comment voulez-vous rejoindre la réunion ?",
+        "launchWebButton": "Démarrer dans l'application Web",
+        "noDesktopApp": "Vous n'avez pas l'application ?",
+        "noMobileApp": "Vous n'avez pas l'application ?",
+        "or": "OU",
+        "termsAndConditions": "En continuant, vous acceptez nos  <a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'>conditions générales d’utilisation.</a>",
+        "title": "Démarrage de votre réunion dans {{app}} en cours…",
+        "titleNew": "Démarrage de votre réunion…",
+        "tryAgainButton": "Veuillez réessayer sur votre ordinateur",
+        "unsupportedBrowser": "Il semble que vous utilisez un navigateur non supporté."
+    },
+    "defaultLink": "p. ex. {{url}}",
+    "defaultNickname": "p. ex. Jane Pink",
+    "deviceError": {
+        "cameraError": "Échec de l'accès à votre caméra",
+        "cameraPermission": "Erreur lors de l'obtention de l'autorisation de la caméra",
+        "microphoneError": "Échec de l'accès à votre micro",
+        "microphonePermission": "Erreur lors de l'obtention de l'autorisation du micro"
+    },
+    "deviceSelection": {
+        "hid": {
+            "callControl": "Contrôle des appels",
+            "connectedDevices": "Appareils connectés",
+            "deleteDevice": "Supprimer un appareil",
+            "pairDevice": "Connecter un appareil"
+        },
+        "noPermission": "L'autorisation n'a pas été accordée",
+        "previewUnavailable": "Prévisualisation non disponible",
+        "selectADevice": "Sélectionner un dispositif",
+        "testAudio": "Jouer un son de test"
+    },
+    "dialIn": {
+        "screenTitle": "Bilan des appels"
+    },
+    "dialOut": {
+        "statusMessage": "est maintenant {{status}}"
+    },
+    "dialog": {
+        "Back": "Retour",
+        "Cancel": "Annuler",
+        "IamHost": "Je suis l'hôte",
+        "Ok": "OK",
+        "Remove": "Supprimer",
+        "Share": "Partager",
+        "Submit": "Envoyer",
+        "Understand": "Je comprends, gardez-moi en sourdine pour l'instant",
+        "UnderstandAndUnmute": "Je comprends, veuillez me réactiver s'il vous plaît",
+        "WaitForHostNoAuthMsg": "La réunion n'a pas encore commencé car aucun modérateur n'est encore arrivé. Veuillez patienter.",
+        "WaitingForHostButton": "Attendre l'hôte",
+        "WaitingForHostTitle": "En attente de l'hôte…",
+        "Yes": "Oui",
+        "accessibilityLabel": {
+            "Cancel": "Annuler (quiter la fenêtre)",
+            "Ok": "Ok (Sauvegarder et quiter la fenêtre)",
+            "close": "Fermer la fenêtre",
+            "liveStreaming": "Diffusion en direct",
+            "sharingTabs": "Options de partage"
+        },
+        "add": "Ajouter",
+        "addMeetingNote": "Ajouter une note à cette réunion",
+        "addOptionalNote": "Ajouter une note (optionnel):",
+        "allow": "Autoriser",
+        "allowToggleCameraDialog": "Autorisez-vous {{initiatorName}} à changer votre mode de caméra?",
+        "allowToggleCameraTitle": "Autoriser-vous le changement de mode de caméra?",
+        "alreadySharedVideoMsg": "Un autre membre partage déjà une vidéo. Cette réunion permet le partage d'une seule vidéo à la fois.",
+        "alreadySharedVideoTitle": "Seulement une vidéo à la fois peut être partagée",
+        "applicationWindow": "Fenêtre d'application",
+        "authenticationRequired": "Authentification requise",
+        "cameraCaptureDialog": {
+            "description": "Prendre et envoyer une photo en utilisant votre caméra mobile",
+            "ok": "Ouvrir la caméra",
+            "reject": "Pas maintenant",
+            "title": "Prendre une photo"
+        },
+        "cameraConstraintFailedError": "Votre caméra ne répond pas à certaines exigences.",
+        "cameraNotFoundError": "Impossible de trouver la caméra.",
+        "cameraNotSendingData": "Il est impossible d'accéder à la caméra. Veuillez vérifier si une autre application utilise actuellement ce dispositif, sélectionner un autre dispositif à partir du menu des paramètres ou essayer de recharger l'application.",
+        "cameraNotSendingDataTitle": "Impossible d'accéder à la caméra",
+        "cameraPermissionDeniedError": "Vous n'avez pas reçu l'autorisation d'utiliser votre caméra. Vous pouvez toujours rejoindre la réunion, mais les autres membres ne pourront pas vous voir. Utilisez le bouton de caméra dans la barre d'adresse pour corriger cela.",
+        "cameraTimeoutError": "Impossible de démarrer la source vidéo. Délai dépassé!",
+        "cameraUnknownError": "Impossible d'utiliser la caméra pour une raison inconnue.",
+        "cameraUnsupportedResolutionError": "Votre caméra ne prend pas en charge la résolution vidéo nécessaire.",
+        "close": "Fermer",
+        "conferenceDisconnectMsg": "Vous devriez vérifier votre connexion au réseau. Reconnexion dans {{seconds}} sec…",
+        "conferenceDisconnectTitle": "Vous avez été déconnecté.",
+        "conferenceReloadMsg": "Nous tentons de résoudre le problème. Reconnexion dans {{seconds}} sec…",
+        "conferenceReloadTitle": "Malheureusement, une erreur s'est produite.",
+        "confirm": "Confirmer",
+        "confirmBack": "Retour",
+        "confirmNo": "Non",
+        "confirmYes": "Oui",
+        "connectError": "Oups! Une erreur s'est produite. La connexion à la réunion a échouée.",
+        "connectErrorWithMsg": "Oups! Une erreur s'est produite. La connexion à la réunion a échoué : {{msg}}",
+        "connecting": "Connexion en cours",
+        "contactSupport": "Communiquez avec le service de soutien",
+        "copied": "Copié",
+        "copy": "Copier",
+        "demoteParticipantDialog": "Êtes-vous sûr de vouloir déplacer ce participant en visiteur ?",
+        "demoteParticipantTitle": "Déplacer en visiteur",
+        "dismiss": "Rejeter",
+        "displayNameRequired": "Un nom d'affichage est requis",
+        "done": "Terminé",
+        "e2eeDescription": "Le chiffrement de bout en bout est actuellement expérimental. Veuillez garder en tête que l'activation du chiffrement de bout en bout désactivera les services fournis côté serveur tels que : l'enregistrement, la diffusion en direct et la participation par téléphone. Gardez également en tête que la réunion ne fonctionnera que pour les personnes qui se connectent à partir de navigateurs prenant en charge les flux insérables.",
+        "e2eeDisabledDueToMaxModeDescription": "Impossible d'activer le chiffrement de bout en bout en raison du trop grand nombre de participants à la réunion.",
+        "e2eeLabel": "Activer le chiffrement de Bout-en-Bout",
+        "e2eeWarning": "ATTENTION : Tous les participants de cette réunion ne semblent pas prendre en charge le chiffrement de bout en bout. Si vous activez le chiffrement, ils ne pourront ni vous voir, ni vous entendre.",
+        "e2eeWillDisableDueToMaxModeDescription": "ATTENTION: le chiffrement de bout en bout sera automatiquement arrêté si plus de participants joignent la réunion.",
+        "embedMeeting": "Intégrer la réunion",
+        "enterDisplayName": "Veuillez saisir votre nom d'affichage",
+        "error": "Erreur",
+        "errorRoomCreationRestriction": "Vous avez essayé de rejoindre trop rapidement, veuillez revenir dans un moment.",
+        "gracefulShutdown": "Notre service est actuellement hors service pour l'entretien. Veuillez réessayer plus tard.",
+        "grantModeratorDialog": "Êtes-vous sûr de vouloir rendre ce participant modérateur ?",
+        "grantModeratorTitle": "Nommer modérateur",
+        "hide": "Masquer",
+        "hideShareAudioHelper": "Ne plus afficher ce dialogue",
+        "incorrectPassword": "Nom d'utilisateur ou mot de passe incorrect",
+        "incorrectRoomLockPassword": "Mot de passe incorrect",
+        "internalError": "Oups! Une erreur s'est produite. L'erreur suivante est survenue : {{error}}",
+        "internalErrorTitle": "Erreur interne.",
+        "kickMessage": "Aïe! Vous avez été expulsé de la réunion!",
+        "kickParticipantButton": "Expulser",
+        "kickParticipantDialog": "Êtes-vous certain de vouloir expulser ce participant?",
+        "kickParticipantTitle": "Expulser ce membre?",
+        "kickSystemTitle": "Oups ! Vous avez été expulsé de la réunion",
+        "kickTitle": "Expulsé de la réunion",
+        "learnMore": "en savoir plus",
+        "linkMeeting": "Relier la réunion",
+        "linkMeetingTitle": "Relier la réunion à Salesforce",
+        "liveStreaming": "Diffusion en direct",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "Impossible durant l'enregistrement",
+        "localUserControls": "Contrôles de l'utilisateur local",
+        "lockMessage": "Échec du verrouillage de la réunion.",
+        "lockRoom": "Ajouter un mot de passe à la réunion",
+        "lockTitle": "Échec du verrouillage",
+        "login": "Connexion",
+        "loginQuestion": "Voulez-vous vraiment vous connecter et quitter la réunion?",
+        "logoutQuestion": "Êtes-vous certain de vouloir vous déconnecter et arrêter la réunion?",
+        "logoutTitle": "Déconnexion",
+        "maxUsersLimitReached": "La limite du nombre maximum de membres a été atteinte. La réunion est pleine. Veuillez communiquer avec l'hôte de la réunion ou réessayer plus tard.",
+        "maxUsersLimitReachedTitle": "Limite du nombre de membres maximum atteinte",
+        "micConstraintFailedError": "Votre micro ne répond pas à certaines exigences",
+        "micNotFoundError": "Impossible de trouver le micro.",
+        "micNotSendingData": "Impossible d'accéder à votre micro. Veuillez sélectionner un autre dispositif à partir du menu des paramètres ou essayer de recharger l'application.",
+        "micNotSendingDataTitle": "Impossible d'accéder à votre micro",
+        "micPermissionDeniedError": "Vous n'avez pas accordé l'autorisation d'utilisation de votre micro. Vous pouvez toujours rejoindre la réunion, mais les autres membres ne pourront pas vous entendre. Utilisez le bouton de caméra dans la barre d'adresse pour remédier à cela.",
+        "micTimeoutError": "Impossible de démarrer la source audio. Délai dépassé!",
+        "micUnknownError": "Impossible d'utiliser le micro pour une raison inconnue.",
+        "moderationAudioLabel": "Autoriser les participants à réactiver leur micro",
+        "moderationDesktopLabel": "Autoriser les non-modérateurs à partager leur écran",
+        "moderationVideoLabel": "Autoriser les participants à démarrer leur vidéo",
+        "muteEveryoneDialog": "Êtes-vous sûr de vouloir couper les micros de tout le monde? Vous ne pourrez plus réactiver leur micro, mais ils pourront l'activer par eux-mêmes à tout moment.",
+        "muteEveryoneDialogModerationOn": "Les participants peuvent demander à parler n'importe quand",
+        "muteEveryoneElseDialog": "Une fois leur micro coupé, vous ne pourrez plus le réactiver, mais ils pourront l'activer par eux-mêmes à tout moment.",
+        "muteEveryoneElseTitle": "Couper le micro de tout le monde sauf de {{whom}}?",
+        "muteEveryoneElsesDesktopDialog": "Une fois le partage arrêté, vous ne pourrez pas le redémarrer, mais ils peuvent le faire à tout moment.",
+        "muteEveryoneElsesDesktopTitle": "Arrêter le partage d'écran de tout le monde sauf {{whom}} ?",
+        "muteEveryoneElsesVideoDialog": "Une fois la caméra coupée, vous ne pourrez plus la rallumer, mais ils peuvent la rallumer à tout moment.",
+        "muteEveryoneElsesVideoTitle": "Couper la vidéo de tout le monde sauf {{whom}}?",
+        "muteEveryoneSelf": "vous",
+        "muteEveryoneStartMuted": "Tout le monde démarre avec le micro coupé",
+        "muteEveryoneTitle": "Couper le micro de tout le monde ?",
+        "muteEveryonesDesktopDialog": "Les participants peuvent partager leur écran à tout moment.",
+        "muteEveryonesDesktopDialogModerationOn": "Les participants peuvent envoyer une demande pour partager leur écran à tout moment.",
+        "muteEveryonesDesktopTitle": "Arrêter le partage d'écran de tout le monde ?",
+        "muteEveryonesVideoDialog": "Êtes-vous sûr de vouloir couper la caméra de tout le monde? Vous ne pourrez pas la réactiver, mais ils peuvent la remettre à tout moment.",
+        "muteEveryonesVideoDialogModerationOn": "Les participants peuvent demander à activer leur caméra n'importe quand.",
+        "muteEveryonesVideoDialogOk": "Désactiver",
+        "muteEveryonesVideoTitle": "Couper la caméra de tout le monde?",
+        "muteParticipantBody": "Vous ne pourrez pas réactiver leur micro, mais ils peuvent le réactiver eux-mêmes à tout moment.",
+        "muteParticipantButton": "Discrétion",
+        "muteParticipantsDesktopBody": "Vous ne pourrez pas démarrer leur partage d'écran, mais ils peuvent le faire à tout moment.",
+        "muteParticipantsDesktopBodyModerationOn": "Vous ne pourrez pas démarrer leur partage d'écran et eux non plus.",
+        "muteParticipantsDesktopButton": "Arrêter le partage d'écran",
+        "muteParticipantsDesktopDialog": "Êtes-vous sûr de vouloir désactiver le partage d'écran de ce participant ? Vous ne pourrez pas le redémarrer, mais ils peuvent le faire à tout moment.",
+        "muteParticipantsDesktopDialogModerationOn": "Êtes-vous sûr de vouloir désactiver le partage d'écran de ce participant ? Vous ne pourrez pas réactiver l'écran et eux non plus.",
+        "muteParticipantsDesktopTitle": "Désactiver le partage d'écran de ce participant ?",
+        "muteParticipantsVideoBody": "Vous ne pourrez pas rallumer la caméra, mais ils peuvent la rallumer à tout moment.",
+        "muteParticipantsVideoBodyModerationOn": "Ni vous ni le participant ne pourront rallumer la caméra.",
+        "muteParticipantsVideoButton": "Couper la caméra",
+        "muteParticipantsVideoDialog": "Êtes-vous sûr(e) de vouloir couper la caméra de ce participant? Seul le participant pourra ensuite réactiver son micro à tout moment.",
+        "muteParticipantsVideoDialogModerationOn": "Êtes-vous sûr(e) de vouloir couper la caméra de ce participant? Ni vous ni le participant ne pourront la réactiver ensuite ?",
+        "muteParticipantsVideoTitle": "Couper la caméra de ce participant?",
+        "noDropboxToken": "Pas de jeton Dropbox valide",
+        "password": "Mot de passe",
+        "passwordLabel": "Mot de passe",
+        "passwordNotSupported": "La mise en place d'un mot de passe de réunion n'est pas prise en charge.",
+        "passwordNotSupportedTitle": "Mot de passe non pris en charge",
+        "passwordRequired": "Mot de passe requis",
+        "permissionCameraRequiredError": "L'autorisation caméra est nécessaire pour participer aux réunions avec vidéo. Merci de l'accorder dans les paramètres",
+        "permissionErrorTitle": "Permission nécessaire",
+        "permissionMicRequiredError": "L'autorisation microphone est nécessaire pour participer aux réunions avec son. Merci de l'accorder dans les paramètres",
+        "readMore": "plus",
+        "recentlyUsedObjects": "Vos objets récemment utilisés",
+        "recording": "Enregistrement",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "Impossible durant le direct",
+        "recordingInProgressDescription": "Cette réunion est en cours d'enregistrement et d'analyse par IA{{learnMore}}. Votre audio et vidéo ont été coupés. Si vous choisissez de vous réactiver, vous consentez à être enregistré.",
+        "recordingInProgressDescriptionFirstHalf": "Cette réunion est en cours d'enregistrement et d'analyse par IA",
+        "recordingInProgressDescriptionSecondHalf": ". Votre audio et vidéo ont été coupés. Si vous choisissez de vous réactiver, vous consentez à être enregistré.",
+        "recordingInProgressTitle": "Enregistrement en cours",
+        "rejoinNow": "Rejoindre maintenant",
+        "remoteControlAllowedMessage": "{{user}} a accepté votre demande de contrôle à distance!",
+        "remoteControlDeniedMessage": "{{user}} a refusé votre demande de contrôle à distance!",
+        "remoteControlErrorMessage": "Une erreur s'est produite lors de la demande d'autorisation de contrôle à distance de {{user}}!",
+        "remoteControlRequestMessage": "Voulez-vous permettre à {{user}} de contrôler votre bureau à distance?",
+        "remoteControlShareScreenWarning": "Notez que si vous appuyez sur « Permettre », vous partagerez votre écran!",
+        "remoteControlStopMessage": "La séance de contrôle à distance est terminée!",
+        "remoteControlTitle": "Contrôle du bureau à distance",
+        "remoteUserControls": "Contrôles de l'utilisateur distant {{username}}",
+        "removePassword": "Supprimer un mot de passe",
+        "removeSharedVideoMsg": "Êtes-vous certain de vouloir supprimer votre vidéo partagée?",
+        "removeSharedVideoTitle": "Supprimer la vidéo partagée",
+        "renameBreakoutRoomLabel": "Nom de la salle annexe",
+        "renameBreakoutRoomTitle": "Renommer la salle annexe",
+        "reservationError": "Erreur du système de réservation",
+        "reservationErrorMsg": "Code d'erreur : {{code}}, message : {{msg}}",
+        "retry": "Réessayer",
+        "screenSharingAudio": "Partager l'audio",
+        "screenSharingFailed": "Oups! Quelque chose s'est mal passé, nous n'avons pas pu démarrer le partage d'écran!",
+        "screenSharingFailedTitle": "Echec du partage d'écran!",
+        "screenSharingPermissionDeniedError": "Oups! Une erreur s'est produite avec les autorisations de l'extension de partage d'écran. Veuillez recharger et réessayer.",
+        "searchInSalesforce": "Rechercher dans Salesforce",
+        "searchResults": "Résultats de recherche ({{count}})",
+        "searchResultsDetailsError": "Un problème est survenu en récupérant les données de recherche.",
+        "searchResultsError": "Un problème est survenu en récupérant des données.",
+        "searchResultsNotFound": "Aucun résultat trouvé.",
+        "searchResultsTryAgain": "Essayer d'utiliser d'autres mots clé.",
+        "sendPrivateMessage": "Vous avez récemment reçu un message privé. Aviez-vous l'intention d'y répondre en privé, ou vouliez-vous envoyer votre message au groupe?",
+        "sendPrivateMessageCancel": "Envoyer au groupe",
+        "sendPrivateMessageOk": "Envoyer en privé",
+        "sendPrivateMessageTitle": "Envoyer en privé?",
+        "serviceUnavailable": "Service non disponible",
+        "sessTerminated": "Appel terminé",
+        "sessTerminatedReason": "L'appel a été terminé",
+        "sessionRestarted": "L'appel est relancé par la passerelle",
+        "shareAudio": "Continuer",
+        "shareAudioAltText": "Pour partager le contenu voulu, naviguer vers \"Onglet du Navigateur\", sélectionner le contenu, activer le bouton \"partager l'audio\" et enfin cliquer sur le bouton \"partager\"",
+        "shareAudioTitle": "Comment partager le son",
+        "shareAudioWarningD1": "vous devez cesser le partage d'écran avant de partager votre son.",
+        "shareAudioWarningD2": "vous devez partager votre écran à nouveau et cocher l'option \"Partager l'audio\".",
+        "shareAudioWarningH1": "Si vous voulez partager uniquement de l'audio:",
+        "shareAudioWarningTitle": "Vous devez cesser de partager l'écran avant de partager l'audio",
+        "shareMediaWarningGenericH2": "Si vous voulez partager votre écran et l'audio",
+        "shareScreenWarningD1": "vous devez arrêter le partage d'audio avant de partager votre écran.",
+        "shareScreenWarningD2": "vous devez arrêter le partage d'audio, démarrer le partage d'écran et cocher l'option  \"Partager l'audio\".",
+        "shareScreenWarningH1": "Si vous voulez partager uniquement votre écran:",
+        "shareScreenWarningTitle": "Vous devez cesser de partager votre audio avant de partager votre écran",
+        "shareVideoConfirmPlay": "Vous êtes sur le point d'ouvrir un site web externe. Voulez-vous continuer ?",
+        "shareVideoConfirmPlayTitle": "{{name}} a partagé une vidéo avec vous.",
+        "shareVideoLinkError": "Veuillez fournir un lien correct.",
+        "shareVideoLinkStopped": "La vidéo de {{name}} a été arrêtée.",
+        "shareVideoTitle": "Partager une vidéo",
+        "shareYourScreen": "Partager votre écran",
+        "shareYourScreenDisabled": "Le partage d'écran est désactivé.",
+        "sharedVideoDialogError": "Erreur: URL invalide",
+        "sharedVideoLinkPlaceholder": "lien YouTube ou lien vidéo direct",
+        "show": "Afficher",
+        "start": "Démarrer ",
+        "startLiveStreaming": "Démarrer la diffusion en direct",
+        "startRecording": "Commencer l'enregistrement",
+        "startRemoteControlErrorMessage": "Une erreur s'est produite lors de la tentative de démarrage de la séance de contrôle à distance!",
+        "stopLiveStreaming": "Arrêter la diffusion en direct",
+        "stopRecording": "Arrêter l'enregistrement",
+        "stopRecordingWarning": "Êtes-vous certain de vouloir arrêter l'enregistrement?",
+        "stopStreamingWarning": "Êtes-vous certain de vouloir arrêter la diffusion en direct?",
+        "streamKey": "Clé de diffusion en direct",
+        "thankYou": "Merci d'utiliser {{appName}}!",
+        "token": "jeton",
+        "tokenAuthFailed": "Désolé, vous n'avez pas la permission de rejoindre cet appel.",
+        "tokenAuthFailedReason": {
+            "audInvalid": "Valeur `aud` invalide. Cela doit être `jitsi`.",
+            "contextNotFound": "L'objet `context` est absent du payload.",
+            "expInvalid": "Valeur `exp` invalide.",
+            "featureInvalid": "Fonctionnalité invalide: {{feature}}, probablement pas encore implémentée.",
+            "featureValueInvalid": "Valeur invalide pour la fonctionnalité: {{feature}}.",
+            "featuresNotFound": "L'objet `feature` est absent du payload.",
+            "headerNotFound": "Header non trouvé.",
+            "issInvalid": "Valeur `iss` invalide. Cela doit être `chat`.",
+            "kidMismatch": "Key ID (kid) ne correspond pas au sub.",
+            "kidNotFound": "Key ID (kid) manquant.",
+            "nbfFuture": "La valeur `nbf` est dans le futur.",
+            "nbfInvalid": "Valeur `nbf` invalide.",
+            "payloadNotFound": "Payload non trouvé",
+            "tokenExpired": "Jeton expiré"
+        },
+        "tokenAuthFailedTitle": "Échec de l'authentification",
+        "tokenAuthFailedWithReasons": "Désolé, vous n'êtes pas autorisé à rejoindre l'appel. La raison possible : {{reason}}.",
+        "tokenAuthUnsupported": "Token URL n'est pas supporté.",
+        "transcribing": "Transcription en cours",
+        "unlockRoom": "Supprimer le mot de passe de la réunion",
+        "user": "Utilisateur",
+        "userIdentifier": "Identifiant utilisateur",
+        "userPassword": "Mot de passe d'utilisateur",
+        "verifyParticipantConfirm": "Ils correspondent",
+        "verifyParticipantDismiss": "Ils ne correspondent pas",
+        "verifyParticipantQuestion": "EXPÉRIMENTAL: Demander au participant {{participantName}} s'il voit le même contenu dans le même ordre.",
+        "verifyParticipantTitle": "Vérification utilisateur",
+        "videoLink": "Lien de la vidéo",
+        "viewUpgradeOptions": "Voir les options de mise à jour",
+        "viewUpgradeOptionsContent": "Pour obtenir un accès illimité à des capacités premium comme l'enregistrement, les transcriptions, diffusion RTMP et plus, vous devez mettre à jour votre plan.",
+        "viewUpgradeOptionsTitle": "Vous avez découvert une capacité premium !",
+        "whiteboardLimitContent": "Désolé, la limite d'utilisateur du tableau blanc a été atteinte.",
+        "whiteboardLimitReference": "Pour plus d'informations merci de visiter",
+        "whiteboardLimitReferenceUrl": "notre site web",
+        "whiteboardLimitTitle": "Utilisation du tableau blanc limitée",
+        "yourEntireScreen": "Votre écran entier"
+    },
+    "documentSharing": {
+        "title": "Document partagé"
+    },
+    "e2ee": {
+        "labelToolTip": "Le son et la vidéo de cette réunion sont chiffrés de bout en bout"
+    },
+    "embedMeeting": {
+        "title": "Intégrer cette réunion"
+    },
+    "feedback": {
+        "accessibilityLabel": {
+            "yourChoice": "Votre choix: {{rating}}"
+        },
+        "average": "Moyenne",
+        "bad": "Mauvaise",
+        "detailsLabel": "Dites-nous en plus.",
+        "good": "Bonne",
+        "rateExperience": "Évaluez votre expérience de cette réunion",
+        "star": "Étoile",
+        "veryBad": "Très mauvaise",
+        "veryGood": "Très bonne"
+    },
+    "fileSharing": {
+        "downloadFailedDescription": "Veuillez réessayer.",
+        "downloadFailedTitle": "Échec du téléchargement",
+        "downloadFile": "Télécharger",
+        "downloadStarted": "Téléchargement de fichier démarré",
+        "dragAndDrop": "Glisser-déposer des fichiers ici ou n'importe où à l'écran",
+        "fileAlreadyUploaded": "Ce fichier a déjà été téléversé dans cette réunion.",
+        "fileTooLargeDescription": "Veuillez vous assurer que le fichier ne dépasse pas {{ maxFileSize }}.",
+        "fileTooLargeTitle": "Le fichier choisi est trop volumineux",
+        "fileUploadProgress": "Progression du téléchargement de fichier",
+        "fileUploadedSuccessfully": "Fichier téléversé avec succès",
+        "removeFile": "Supprimer",
+        "removeFileSuccess": "Fichier supprimé avec succès",
+        "uploadFailedDescription": "Veuillez réessayer.",
+        "uploadFailedTitle": "Échec du téléchargement",
+        "uploadFile": "Partager un fichier"
+    },
+    "filmstrip": {
+        "accessibilityLabel": {
+            "heading": "Vignettes vidéos"
+        }
+    },
+    "giphy": {
+        "noResults": "Aucun résultat de recherche :(",
+        "search": "Rechercher dans GIPHY"
+    },
+    "incomingCall": {
+        "answer": "Réponse",
+        "audioCallTitle": "Appel entrant",
+        "decline": "Rejeter",
+        "productLabel": "via Jitsi Meet",
+        "videoCallTitle": "Appel vidéo entrant"
+    },
+    "info": {
+        "accessibilityLabel": "Afficher l'information",
+        "addPassword": "Ajouter un mot de passe",
+        "cancelPassword": "Annuler le mot de passe",
+        "conferenceURL": "Lien:",
+        "copyNumber": "Copier le numéro",
+        "country": "Pays",
+        "dialANumber": "Pour rejoindre votre réunion, composez un de ces numéros et entrez le NIP.",
+        "dialInConferenceID": "NIP :",
+        "dialInNotSupported": "Désolé, les appels internes ne sont pas pris en charge pour le moment.",
+        "dialInNumber": "Appel interne :",
+        "dialInSummaryError": "Erreur lors de la récupération des informations d'appel interne. Veuillez réessayer plus tard.",
+        "dialInTollFree": "Sans frais",
+        "genericError": "Oups, une erreur s'est produite.",
+        "inviteLiveStream": "Pour voir la diffusion en directe de cette réunion, cliquez sur ce lien : {{url}}",
+        "invitePhone": "Pour rejoindre depuis un téléphone, composez : {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Vous cherchez un numéro d'appel différent ?\nConsultez la liste de numéros d'appel de la réunion : {{url}}\n\n\nSi vous appelez également via un téléphone de salle, vous pouvez vous connecter sans audio : {{silentUrl}}",
+        "inviteSipEndpoint": "Pour rejoindre en utilisant l'adresse SIP, entrez ceci : {{sipUri}}",
+        "inviteTextiOSInviteUrl": "Clickez le lien suivant pour rejoindre: {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "Si vous téléphonez avec un téléphone de réunion, utilisez ce lien pour rejoindre sans vous connecter en audio: {{silentUrl}}.",
+        "inviteTextiOSPersonal": "{{name}} vous invite à une réunion.",
+        "inviteTextiOSPhone": "Pour rejoindre par téléphone, utilisez ce numéro: {{number}},,{{conferenceID}}#. Si vous voulez utiliser un autre numéro, voici la liste complête: {{didUrl}}.",
+        "inviteURLFirstPartGeneral": "Vous avez été invité à rejoindre une réunion.",
+        "inviteURLFirstPartPersonal": "{{name}} vous invite à une réunion.\n",
+        "inviteURLSecondPart": "\nRejoindre la réunion:\n{{url}}\n",
+        "label": "Informations de réunion",
+        "liveStreamURL": "Diffusion en direct :",
+        "moreNumbers": "Plus de numéros",
+        "noNumbers": "Aucun numéro d'appel trouvé",
+        "noPassword": "Aucun",
+        "noRoom": "Vous n'avez pas précisé de salle pour l'appel interne.",
+        "noWhiteboard": "Impossible de charger le tableau blanc.",
+        "numbers": "Numéros d'appel",
+        "password": "Mot de passe:",
+        "reachedLimit": "Vous avez atteint la limite de votre abonnement.",
+        "sip": "adresse SIP",
+        "sipAudioOnly": "Adresse SIP en audio uniquement",
+        "title": "Partager",
+        "tooltip": "Lien de partage et informations d'appel interne pour cette réunion",
+        "upgradeOptions": "Veuillez vérifier les options de mise à niveau",
+        "whiteboardError": "Erreur de chargement du tableau blanc. Veuillez réessayer plus tard."
+    },
+    "inlineDialogFailure": {
+        "msg": "Nous avons rencontré un obstacle.",
+        "retry": "Réessayer",
+        "support": "Soutien",
+        "supportMsg": "Si cela se produit à nouveau, veuillez contacter"
+    },
+    "inviteDialog": {
+        "alertText": "L'invitation de certains participants a échoué.",
+        "header": "Inviter",
+        "searchCallOnlyPlaceholder": "Entrer le numéro de téléphone",
+        "searchPeopleOnlyPlaceholder": "Rechercher des participants",
+        "searchPlaceholder": "Participant ou numéro de téléphone",
+        "send": "Envoyer"
+    },
+    "jitsiHome": "{{logo}} Logo, liens vers la page d'accueil",
+    "keyboardShortcuts": {
+        "focusLocal": "Épingler votre vidéo",
+        "focusRemote": "Épingler la vidéo d'une autre personne",
+        "fullScreen": "Afficher ou quitter le mode plein écran",
+        "giphyMenu": "Activer ou désactiver le menu GIPHY",
+        "keyboardShortcuts": "Raccourcis clavier",
+        "localRecording": "Afficher ou masquer les commandes d'enregistrement local",
+        "mute": "Activer ou désactiver votre micro",
+        "pushToTalk": "Maintenir la touche pour parler",
+        "raiseHand": "Lever ou abaisser votre main",
+        "showSpeakerStats": "Afficher les statistiques d'intervenant",
+        "toggleChat": "Ouvrir ou fermer le clavardage",
+        "toggleFilmstrip": "Afficher ou masquer les icônes vidéos",
+        "toggleParticipantsPane": "Afficher ou masquer le volet des participants",
+        "toggleScreensharing": "Basculer entre la caméra et le partage d'écran",
+        "toggleShortcuts": "Afficher ou masquer les raccourcis clavier",
+        "videoMute": "Démarrer ou arrêter votre caméra"
+    },
+    "largeVideo": {
+        "screenIsShared": "Vous êtes en train de partager votre écran",
+        "showMeWhatImSharing": "M'afficher ce que je partage"
+    },
+    "liveStreaming": {
+        "busy": "Libération de ressources de diffusion en cours. Veuillez réessayer dans quelques minutes.",
+        "busyTitle": "Tous les diffuseurs sont actuellement occupés",
+        "changeSignIn": "Changer de compte.",
+        "choose": "Sélectionner une diffusion en direct",
+        "chooseCTA": "Sélectionner une option de diffusion en direct. Vous êtes actuellement connecté en tant que {{email}}.",
+        "enterStreamKey": "Saisissez votre clé de diffusion en direct YouTube ici.",
+        "error": "Échec de la diffusion en direct. Veuillez réessayer.",
+        "errorAPI": "Une erreur s'est produite lors de l'accès à vos diffusions YouTube.Veuillez réessayer de vous connecter.",
+        "errorLiveStreamNotEnabled": "La diffusion en direct n'est pas activée pour {{email}}. Veuillez activer la diffusion en direct ou vous connecter à un compte pour lequel la diffusion en direct est activée.",
+        "expandedOff": "La diffusion en direct a été arrêtée",
+        "expandedOn": "La réunion est actuellement diffusée sur YouTube.",
+        "expandedPending": "Le démarrage de la diffusion en direct est en cours…",
+        "failedToStart": "Le démarrage de la diffusion en direct a échoué",
+        "getStreamKeyManually": "La récupération de diffusions en direct a échoué. Essayez d'obtenir une clé de diffusion en direct sur YouTube.",
+        "googlePrivacyPolicy": "Politique de confidentialité de Google",
+        "inProgress": "Enregisrtement ou diffusion en cours",
+        "invalidStreamKey": "La clé de diffusion en direct peut être erronée.",
+        "limitNotificationDescriptionNative": "Votre diffusion sera limitée à {{limit}} min. Pour une diffusion illimitée, essayez {{app}}.",
+        "limitNotificationDescriptionWeb": "En raison d'une forte demande, votre diffusion sera limitée à {{limit}} min. Pour une diffusion illimitée, essayez <a href={{url}} rel='noopener noreferrer' target='_blank'> {{app}} </a>.",
+        "off": "La diffusion en direct s'est arrêtée",
+        "offBy": "{{name}} a arrêté la diffusion en continu",
+        "on": "Diffusion en direct",
+        "onBy": "{{name}} démarré la diffusion en continu",
+        "pending": "Démarrage de la diffusion en direct…",
+        "policyError": "Vous avez essayé de démarrer une diffusion en direct trop rapidement. Veuillez réessayer plus tard !",
+        "serviceName": "Service de diffusion en direct",
+        "sessionAlreadyActive": "Cette session est déjà en cours d'enregistrement ou de diffusion.",
+        "signIn": "Se connecter avec Google",
+        "signInCTA": "Connectez-vous ou entrez votre clé de diffusion en direct de YouTube",
+        "signOut": "Se déconnecter",
+        "signedInAs": "Vous êtes actuellement connecté en tant que :",
+        "start": "Démarrer une diffusion en direct",
+        "streamIdHelp": "Qu'est-ce que c'est?",
+        "title": "Diffusion en direct",
+        "unavailableTitle": "Diffusion en direct non disponible",
+        "youtubeTerms": "Conditions d'utilisation de YouTube"
+    },
+    "lobby": {
+        "backToKnockModeButton": "Aucun mot de passe, demander à rejoindre plutôt",
+        "chat": "Chat",
+        "dialogTitle": "Mode salle d'attente",
+        "disableDialogContent": "Le mode salle d'attente est actuellement activé. Cette fonctionnalité garantit que les participants indésirables ne peuvent pas rejoindre votre réunion. Souhaitez-vous la désactiver?",
+        "disableDialogSubmit": "Désactiver",
+        "emailField": "Saisissez votre adresse email",
+        "enableDialogPasswordField": "Définir le mot de passe (optionnel)",
+        "enableDialogSubmit": "Activer",
+        "enableDialogText": "Le mode salle d'attente vous permet de protéger votre réunion en autorisant les personnes à entrer qu'après l'approbation formelle d'un modérateur.",
+        "enterPasswordButton": "Saisissez un mot de passe de réunion",
+        "enterPasswordTitle": "Saisissez le mot de passe pour rejoindre la réunion",
+        "errorMissingPassword": "Veuillez saisir le mot de passe de la réunion",
+        "invalidPassword": "Mot de passe invalide",
+        "joinRejectedMessage": "Votre requête pour rejoindre une réunion a été refusée par un modérateur.",
+        "joinRejectedTitle": "Demande d'accès rejetée.",
+        "joinTitle": "Rejoindre une réunion",
+        "joinWithPasswordMessage": "Tentative de rejoindre avec mot de passe, patientez s'il vous plait…",
+        "joiningMessage": "Vous allez rejoindre une réunion dès que quelqu'un aura accepté votre demande",
+        "joiningTitle": "Demander à rejoindre une réunion…",
+        "joiningWithPasswordTitle": "Rejoindre avec mot de passe…",
+        "knockButton": "Demander à rejoindre",
+        "knockTitle": "Quelqu'un souhaite rejoindre la réunion",
+        "knockingParticipantList": "Liste des participants en attente",
+        "lobbyChatStartedNotification": "Un modérateur dialogue en salle d'attente avec {{attendee}}",
+        "lobbyChatStartedTitle": "Un modérateur dialogue en salle d'attente avec vous.",
+        "lobbyClosed": "La salle d'attente a été fermée.",
+        "nameField": "Saisissez votre nom",
+        "notificationLobbyAccessDenied": "{{targetParticipantName}} a été refusé par {{originParticipantName}}",
+        "notificationLobbyAccessGranted": "{{targetParticipantName}} a été accepté par {{originParticipantName}}",
+        "notificationLobbyDisabled": "Le mode salle d'attente a été désactivé par {{originParticipantName}}",
+        "notificationLobbyEnabled": "Le mode salle d'attente a été activé par {{originParticipantName}}",
+        "notificationTitle": "Salle d'attente",
+        "passwordJoinButton": "Rejoindre",
+        "title": "Salle d'attente",
+        "toggleLabel": "Activer la salle d'attente",
+        "waitForModerator": "La réunion n'a pas encore commencé car aucun modérateur n'est encore arrivé. Si vous souhaitez devenir modérateur, veuillez vous connecter. Sinon, veuillez attendre."
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Désactivé",
+            "on": "Prêt",
+            "unknown": "Inconnu"
+        },
+        "dialogTitle": "Commandes d'enregistrement local",
+        "duration": "Durée",
+        "durationNA": "N. D.",
+        "encoding": "Encodage",
+        "label": "LOR",
+        "labelToolTip": "L'enregistrement local est en cours",
+        "localRecording": "Enregistrement local",
+        "me": "Moi",
+        "messages": {
+            "engaged": "Enregistrement local activé.",
+            "finished": "Enregistrement de la séance {{token}} terminé. Veuillez envoyer le fichier d'enregistrement au modérateur.",
+            "finishedModerator": "Enregistrement de la séance {{token}} terminé. L'enregistrement de la piste locale a été enregistrée. Veuillez demander aux autres participants de soumettre leurs enregistrements.",
+            "notModerator": "Vous n'êtes pas le modérateur. Vous ne pouvez pas démarrer ou arrêter l'enregistrement local."
+        },
+        "moderator": "Modérateur",
+        "no": "Non",
+        "participant": "Participant",
+        "participantStats": "Statistiques de participant",
+        "selectTabTitle": "🎥 Veuillez sélectionner cet onglet pour enregistrer",
+        "sessionToken": "Jeton de séance",
+        "start": "Commencer l'enregistrement",
+        "stop": "Arrêter l'enregistrement",
+        "stopping": "Arrêt de l'enregistrement",
+        "wait": "Patienter pendant la sauvegarde de votre enregistrement.",
+        "yes": "Oui"
+    },
+    "lockRoomPassword": "mot de passe",
+    "lockRoomPasswordUppercase": "Mot de passe",
+    "lonelyMeetingExperience": {
+        "button": "Inviter d'autres personnes",
+        "youAreAlone": "Vous êtes le seul participant de la réunion"
+    },
+    "me": "moi",
+    "notify": {
+        "OldElectronAPPTitle": "Faille de sécurité !",
+        "allowAll": "Tout autoriser",
+        "allowAudio": "Autoriser l'audio",
+        "allowDesktop": "Autoriser le partage d'écran",
+        "allowVideo": "Autoriser la vidéo",
+        "allowedUnmute": "Vous pouvez réactiver votre écran, votre caméra ou partager votre écran.",
+        "audioUnmuteBlockedDescription": "Le rétablissement du son a été bloqué temporairement en raison de limites système.",
+        "audioUnmuteBlockedTitle": "Rétablissement du son bloqué!",
+        "chatMessages": "Messages de chat",
+        "connectedOneMember": "{{name}} a rerejoint la réunion",
+        "connectedThreePlusMembers": "{{name}} et {{count}} autres ont rerejoint la réunion",
+        "connectedTwoMembers": "{{first}} et {{second}} ont rerejoint la réunion",
+        "connectionFailed": "Connexion échouée. Veuillez réessayer plus tard !",
+        "dataChannelClosed": "Qualité vidéo dégradée",
+        "dataChannelClosedDescription": "Le canal de communication avec le Bridge a été interrompu, la qualité vidéo se trouve limitée à sa valeur la plus faible.",
+        "dataChannelClosedDescriptionWithAudio": "Le canal de pont est fermé, ce qui peut entraîner des perturbations de l'audio et de la vidéo.",
+        "dataChannelClosedWithAudio": "La qualité de l'audio et de la vidéo peut être altérée",
+        "desktopMutedRemotelyTitle": "Votre partage d'écran a été arrêté par {{participantDisplayName}}",
+        "disabledIframe": "L'intégration Iframe est uniquement destinée à des démos, cet appel se terminera dans {{timeout}} minutes.",
+        "disabledIframeSecondaryNative": "L'intégration de {{domain}} est uniquement destinée aux fins de démonstration, cet appel se terminera dans {{timeout}} minutes.",
+        "disabledIframeSecondaryWeb": "L'intégration de {{domain}} est uniquement destinée aux fins de démonstration, cet appel se terminera dans {{timeout}} minutes. Veuillez utiliser <a href='{{jaasDomain}}' rel='noopener noreferrer' target='_blank'>Jitsi as a Service</a> pour l'intégration en production !",
+        "disconnected": "déconnecté",
+        "displayNotifications": "Afficher les notifications pour",
+        "dontRemindMe": "Ne pas me le rappeler",
+        "focus": "Sujet de la réunion",
+        "focusFail": "{{component}} non disponible; réessayez dans {{ms}} sec",
+        "gifsMenu": "GIPHY",
+        "groupTitle": "Notifications",
+        "hostAskedUnmute": "Le modérateur souhaite vous donner la parole",
+        "invalidTenant": "Tenant invalide",
+        "invalidTenantHyphenDescription": "Le tenant que vous utilisez est invalide (commence ou se termine par '-').",
+        "invalidTenantLengthDescription": "Le tenant que vous utilisez est trop long.",
+        "invitedOneMember": "{{displayName}} a été invité",
+        "invitedThreePlusMembers": "{{name}} et {{count}} autres ont été invités",
+        "invitedTwoMembers": "{{first}} et {{second}} ont été invités",
+        "joinMeeting": "Rejoindre",
+        "kickParticipant": "{{kicked}} a été expulsé par {{kicker}}",
+        "leftOneMember": "{{name}} a quitté la réunion",
+        "leftThreePlusMembers": "{{name}} et beaucoup d'autres ont quitté la réunion",
+        "leftTwoMembers": "{{first}} et {{second}} ont quitté la réunion",
+        "linkToSalesforce": "Lien à Salesforce",
+        "linkToSalesforceDescription": "Vous pouvez lier le résumé de la réunion à un objet Salesforce.",
+        "linkToSalesforceError": "Impossible de relier la réunion à Salesforce",
+        "linkToSalesforceKey": "Relier cette réunion",
+        "linkToSalesforceProgress": "Liaison de la réunion à Salesforce…",
+        "linkToSalesforceSuccess": "La réunion a été reliée à Salesforce",
+        "localRecordingStarted": "{{name}} a commencé un enregistrement local.",
+        "localRecordingStopped": "{{name}} a arrêté un enregistrement local.",
+        "me": "Moi",
+        "moderationInEffectCSDescription": "Merci de lever la main si vous voulez partager votre écran.",
+        "moderationInEffectCSTitle": "Le partage d'écran est interdit par le modérateur",
+        "moderationInEffectDescription": "Merci de levez la main pour demander la parole.",
+        "moderationInEffectTitle": "Votre micro est coupé par le modérateur",
+        "moderationInEffectVideoDescription": "Merci de lever la main si vous souhaitez démarrer votre caméra.",
+        "moderationInEffectVideoTitle": "Votre caméra est coupée par le modérateur",
+        "moderationRequestFromModerator": "Le modérateur souhaite que vous activiez votre micro",
+        "moderationRequestFromParticipant": "Souhaite parler",
+        "moderationStartedTitle": "Modération démarrée",
+        "moderationStoppedTitle": "Modération arrêtée",
+        "moderationToggleDescription": "par {{participantDisplayName}}",
+        "moderator": "Droits de modérateur accordés!",
+        "muted": "Vous avez joint la conversation en sourdine.",
+        "mutedRemotelyDescription": "Vous pouvez toujours activer votre micro pour prendre la parole. Désactivez votre micro quand vous terminez pour éviter les bruits parasites.",
+        "mutedRemotelyTitle": "Votre micro a été coupé par {{participantDisplayName}}!",
+        "mutedTitle": "Vous êtes en sourdine!",
+        "newDeviceAction": "Utiliser",
+        "newDeviceAudioTitle": "Nouveau dispositif audio détecté",
+        "newDeviceCameraTitle": "Nouvelle caméra détectée",
+        "nextToSpeak": "Vous êtes le prochain à prendre la parole",
+        "noiseSuppressionDesktopAudioDescription": "La suppression de bruit ne peut pas être activée en même temps que la partage audio du système, veuillez le désactiver et réessayer.",
+        "noiseSuppressionFailedTitle": "Échec du démarrage de la suppression de bruit",
+        "noiseSuppressionStereoDescription": "La suppression de bruit d'une source stéréo n'est pas encore supportée.",
+        "oldElectronClientDescription1": "Vous semblez utiliser une ancienne version du client Jitsi Meet qui présente des failles de sécurité connues. Veuillez vous assurer de mettre à jour vers notre ",
+        "oldElectronClientDescription2": "dernière build",
+        "oldElectronClientDescription3": " rapidement !",
+        "openChat": "Ouvrir le chat",
+        "participantWantsToJoin": "souhaite rejoindre la réunion",
+        "participantsWantToJoin": "souhaitent rejoindre la réunion",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) supprimé par un autre participant",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) défini par un autre participant",
+        "raiseHandAction": "Lever la main",
+        "raisedHand": "{{name}} voudrait parler.",
+        "raisedHands": "{{participantName}} et {{raisedHands}} autres personnes",
+        "reactionSounds": "Bloquer les réactions sonores",
+        "reactionSoundsForAll": "Bloquer les réactions sonores pour tous",
+        "screenShareNoAudio": " La case Partager l'audio n'a pas été cochée dans l'écran de sélection de la fenêtre.",
+        "screenShareNoAudioTitle": "La case Partager l'audio n'a pas été cochée",
+        "screenSharingAudioOnlyDescription": "Veuillez noter qu'en partageant votre écran, vous impactez le mode “Meilleure Performance” et vous utilisez plus de bande passante.",
+        "screenSharingAudioOnlyTitle": "Mode \"Meilleure Performance\"",
+        "selfViewTitle": "Vous pouvez toujours rétablir l'affichage de votre propre vidéo dans les paramètres",
+        "somebody": "Quelqu'un",
+        "startSilentDescription": "Rejoignez la réunion de nouveau pour activer l'audio",
+        "startSilentTitle": "Vous avez rejoint sans sortie audio!",
+        "suboptimalBrowserWarning": "Nous craignons que votre expérience de réunion en ligne ne soit bonne ici. Nous cherchons des moyens d'améliorer cela, mais d'ici-là, essayez d'utiliser l'un des <a href='{{recommendedBrowserPageLink}}' target='_blank'>navigateurs supportés</a>.",
+        "suboptimalExperienceTitle": "Avertissement de navigateur",
+        "suggestRecordingAction": "Démarrer",
+        "suggestRecordingDescription": "Souhaitez-vous démarrer un enregistrement ?",
+        "suggestRecordingTitle": "Enregistrer cette réunion",
+        "unmute": "Rétablir le son",
+        "unmuteScreen": "Démarrer le partage d'écran",
+        "unmuteVideo": "Réactiver la vidéo",
+        "videoMutedRemotelyDescription": "Vous pouvez toujours la réactiver.",
+        "videoMutedRemotelyTitle": "Votre caméra a été coupée par {{participantDisplayName}}!",
+        "videoUnmuteBlockedDescription": "Le rétablissement de la vidéo a été bloqué temporairement en raison de limites système.",
+        "videoUnmuteBlockedTitle": "Rétablissement de la caméra bloqué !",
+        "viewLobby": "Voir la salle d'attente",
+        "viewParticipants": "Voir les participants",
+        "viewVisitors": "Voir les visiteurs",
+        "waitingParticipants": "{{waitingParticipants}} personnes",
+        "waitingVisitors": "Visiteurs en attente dans la file : {{waitingVisitors}}",
+        "waitingVisitorsTitle": "La réunion n'est pas encore en direct !",
+        "whiteboardLimitDescription": "Veuillez sauvegarder votre progression, car la limite d'utilisation du tableau blanc sera bientôt atteinte et celui-ci sera fermé.",
+        "whiteboardLimitTitle": "Utiilisation du tableau blanc"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "Accepter",
+            "admitAll": "Tout accepter",
+            "allow": "Autoriser les participants à:",
+            "allowDesktop": "Autoriser le partage d'écran",
+            "allowVideo": "permettre la vidéo",
+            "askDesktop": "Demander de partager l'écran",
+            "askUnmute": "Demander de réactiver le micro",
+            "audioModeration": "Rouvrir leur micro",
+            "blockEveryoneMicCamera": "Bloquer tous les micros et caméras",
+            "breakoutRooms": "Salles annexes",
+            "desktopModeration": "Démarrer le partage d'écran",
+            "goLive": "Passer en direct",
+            "invite": "Inviter quelqu'un",
+            "lowerAllHands": "Abaisser toutes les mains",
+            "lowerHand": "Abaisser la main",
+            "moreModerationActions": "Options de modération supplémentaires",
+            "moreModerationControls": "Options de modération supplémentaires",
+            "moreParticipantOptions": "Options supplémentaires pour les participants",
+            "mute": "Couper le micro",
+            "muteAll": "Couper le micro de tout le monde",
+            "muteEveryoneElse": "Couper le micro de tous les autres",
+            "reject": "Refuser",
+            "stopDesktop": "Arrêter le partage d'écran",
+            "stopEveryonesDesktop": "Arrêter le partage d'écran de tout le monde",
+            "stopEveryonesVideo": "Couper toutes les caméras",
+            "stopVideo": "Couper la vidéo",
+            "unblockEveryoneMicCamera": "Débloquer tous les micros et caméras",
+            "videoModeration": "Démarrer leur vidéo"
+        },
+        "close": "Fermer",
+        "headings": {
+            "lobby": "Salle d'attente ({{count}})",
+            "participantsList": "Participants de la réunion ({{count}})",
+            "viewerRequests": "Demandes des spectateurs {{count}}",
+            "visitorInQueue": " (en attente {{count}})",
+            "visitorRequests": "(Demande {{count}} )",
+            "visitors": "Visiteurs {{count}}",
+            "visitorsList": "Spectateurs ({{count}})",
+            "waitingLobby": "Dans la salle d'attente ({{count}})"
+        },
+        "search": "Rechercher des participants",
+        "searchDescription": "Commencez à taper pour filtrer les participants",
+        "title": "Participants"
+    },
+    "passwordDigitsOnly": "Jusqu'à {{number}} chiffres",
+    "passwordSetRemotely": "réglé par un autre membre",
+    "pinParticipant": "Épingler - {{participantName}}",
+    "pinnedParticipant": "Participant toujours affiché",
+    "polls": {
+        "answer": {
+            "edit": "Modifier",
+            "send": "Envoyer",
+            "skip": "Passer",
+            "submit": "Envoyer"
+        },
+        "by": "Par {{ name }}",
+        "closeButton": "Fermer le sondage",
+        "create": {
+            "addOption": "Ajouter une option",
+            "answerPlaceholder": "Option {{index}}",
+            "cancel": "Annuler",
+            "create": "Créer un sondage",
+            "pollOption": "Option {{index}}",
+            "pollQuestion": "Question du sondage",
+            "questionPlaceholder": "Poser une question",
+            "removeOption": "Supprimer l'option",
+            "save": "Enregistrer",
+            "send": "Envoyer"
+        },
+        "errors": {
+            "notUniqueOption": "Les options doivent être uniques"
+        },
+        "notification": {
+            "description": "Ouvrez l'onglet des sondages pour voter",
+            "title": "Un nouveau sondage a été ajouté à la réunion"
+        },
+        "results": {
+            "changeVote": "Changer le vote",
+            "empty": "Il n'y a pas encore de sondages dans cette réunion. Démarrez un sondage ici !",
+            "hideDetailedResults": "Masquer les détails",
+            "showDetailedResults": "Afficher les détails",
+            "vote": "Voter"
+        }
+    },
+    "poweredby": "optimisé par",
+    "prejoin": {
+        "audioAndVideoError": "Erreur audio et video:",
+        "audioDeviceProblem": "Il y a un problème avec votre périphérique audio",
+        "audioOnlyError": "Erreur audio :",
+        "audioTrackError": "N'a pas pu créer la piste audio.",
+        "callMe": "Appelez-moi",
+        "callMeAtNumber": "Appelez-moi à ce numéro :",
+        "calling": "Appel",
+        "configuringDevices": "Configuration des appareils…",
+        "connectedWithAudioQ": "Êtes-vous connecté avec le microphone ?",
+        "connection": {
+            "failed": "Le test de connexion a échoué !",
+            "good": "Votre connexion Internet est bonne !",
+            "nonOptimal": "Votre connexion n'est pas optimale",
+            "poor": "Vous avez une mauvaise connexion",
+            "running": "Exécution du test de connexion…"
+        },
+        "connectionDetails": {
+            "audioClipping": "Attendez vous à ce que votre son soit coupé.",
+            "audioHighQuality": "Votre son sera de bonne qualité.",
+            "audioLowNoVideo": "Attendez vous à une faible qualité audio et aucune vidéo",
+            "goodQuality": "Impressionnant ! La qualité de vos médias sera excellente",
+            "noMediaConnectivity": "Nous n'avons pas pu trouver un moyen d'établir une connectivité multimédia pour ce test. Cela est généralement causé par un pare-feu ou un NAT.",
+            "noVideo": "Attendez vous à ce que votre qualité vidéo soit très mauvaise.",
+            "testFailed": "Le test de connexion a rencontré des problèmes inattendus, mais cela pourrait ne pas affecter votre expérience.",
+            "undetectable": "Si vous ne parvenez toujours pas à passer des appels dans le navigateur, nous vous recommandons de vous assurer que vos haut-parleurs, microphone et caméra sont correctement configurés, que vous avez accordé à votre navigateur les droits d'utiliser votre microphone et votre caméra et que la version de votre navigateur est à jour. Si vous rencontrez toujours des difficultés pour appeler, vous devez contacter le développeur de l'application Web.",
+            "veryPoorConnection": "Attendez vous à ce que la qualité de votre appel soit très mauvaise",
+            "videoFreezing": "Attendez vous à ce que votre vidéo saute, soit noire, et pixelisée.",
+            "videoHighQuality": "Votre vidéo sera de bonne qualité",
+            "videoLowQuality": "Votre vidéo sera de basse qualité en terme d'images par seconde et de résolution.",
+            "videoTearing": "Attendez vous à ce que votre vidéo soit pixélisée ou contienne des artefacts visuels."
+        },
+        "copyAndShare": "Copier & partager le lien",
+        "dialInMeeting": "Participez à la réunion",
+        "dialInPin": "Participez à la réunion et saisir le code PIN :",
+        "dialing": "Numérotation",
+        "doNotShow": "Ne plus afficher ceci",
+        "errorDialOut": "Impossible de composer le numéro",
+        "errorDialOutDisconnected": "Impossible de composer le numéro. Déconnecté",
+        "errorDialOutFailed": "Impossible de composer le numéro. L'appel a échoué",
+        "errorDialOutStatus": "Erreur lors de l'obtention de l'état d'appel sortant",
+        "errorMissingName": "Veuillez entrer votre nom pour entrer en réunion",
+        "errorNoPermissions": "Vous devez permettre l'accès microphone et caméra",
+        "errorStatusCode": "Erreur de numérotation, code d'état: {{status}}",
+        "errorValidation": "La validation du numéro a échoué",
+        "iWantToDialIn": "Je veux me connecter",
+        "initiated": "Appel lancé",
+        "joinAudioByPhone": "Rejoindre avec l'audio du téléphone",
+        "joinMeeting": "Rejoindre la réunion",
+        "joinMeetingInLowBandwidthMode": "Rejoindre en mode bande passante réduite",
+        "joinWithoutAudio": "Rejoignez sans microphone",
+        "keyboardShortcuts": "Activer les raccourcis clavier",
+        "linkCopied": "Lien copié dans le presse-papiers",
+        "lookGood": "Il semble que votre microphone fonctionne correctement",
+        "or": "ou",
+        "premeeting": "Pré-séance",
+        "proceedAnyway": "Continuer quand même",
+        "recordingWarning": "D'autres participants peuvent enregistrer cet appel",
+        "screenSharingError": "Erreur de partage d'écran:",
+        "startWithPhone": "Commencez avec l'audio du téléphone",
+        "unsafeRoomConsent": "Je comprends les risques et je veux quand même rejoindre cette réunion",
+        "videoOnlyError": "Erreur vidéo:",
+        "videoTrackError": "Impossible de créer une piste vidéo.",
+        "viewAllNumbers": "voir tous les numéros"
+    },
+    "presenceStatus": {
+        "busy": "Occupé",
+        "calling": "Appel en cours…",
+        "connected": "Connecté",
+        "connecting": "Connexion en cours…",
+        "connecting2": "Connexion en cours*…",
+        "disconnected": "Déconnecté",
+        "expired": "Expiré",
+        "ignored": "Ignoré",
+        "initializingCall": "Initialisation de l'appel…",
+        "invited": "Invité",
+        "rejected": "Refusé",
+        "ringing": "Sonnerie"
+    },
+    "profile": {
+        "avatar": "avatar",
+        "setDisplayNameLabel": "Définir votre nom d'affichage",
+        "setEmailInput": "Entrer votre adresse courriel",
+        "setEmailLabel": "Définir votre courriel Gravatar",
+        "title": "Profil"
+    },
+    "raisedHand": "Aimerait prendre la parole",
+    "raisedHandsLabel": "Nombre de mains levées",
+    "record": {
+        "already": {
+            "linked": "L'enregistrement est déjà relié à cette session."
+        },
+        "type": {
+            "account": "Compte",
+            "contact": "Contact",
+            "lead": "Piste",
+            "opportunity": "Opportunité",
+            "owner": "Propriétaire"
+        }
+    },
+    "recording": {
+        "authDropboxText": "Téléverser à Dropbox",
+        "availableSpace": "Espace disponible : {{spaceLeft}} Mo (approximativement {{duration}} minutes d'enregistrement)",
+        "beta": "BETA",
+        "busy": "Libération de ressources pour l'enregistrement. Veuillez réessayer dans quelques minutes.",
+        "busyTitle": "Tous les enregistreurs sont actuellement occupés",
+        "copyLink": "Copier lien",
+        "error": "L'enregistrement a échoué. Veuillez réessayer.",
+        "errorFetchingLink": "Erreur de récupération du lien d'enregistrement.",
+        "expandedOff": "L'enregistrement a été arrêté.",
+        "expandedOn": "La réunion est actuellement enregistrée.",
+        "expandedPending": "Démarrage de l'enregistrement en cours…",
+        "failedToStart": "Échec du démarrage de l'enregistrement",
+        "fileSharingdescription": "Partager l'enregistrement avec les participants de la réunion",
+        "highlight": "Souligner",
+        "highlightMoment": "Souligner un moment",
+        "highlightMomentDisabled": "Vous ne pouvez souligner des moments que pendant une réunion",
+        "highlightMomentSuccess": "Moment souligné",
+        "highlightMomentSucessDescription": "Votre moment souligné sera ajouté au résumé de la réunion.",
+        "inProgress": "Enregistrement ou diffusion en cours",
+        "limitNotificationDescriptionNative": "En raison d'une forte demande, votre enregistrement sera limité à {{limit}} min. Pour des enregistrements illimités, essayez <3> {{app}} </3>.",
+        "limitNotificationDescriptionWeb": "En raison d'une forte demande, votre enregistrement sera limité à {{limit}} min. Pour des enregistrements illimités, essayez <a href={{url}} rel='noopener noreferrer' target='_blank'> {{app}} </a>.",
+        "linkGenerated": "Nous avons généré un lien à votre enregistrement.",
+        "localRecordingNoNotificationWarning": "Le démarrage de l’enregistrement ne sera pas annoncé aux autres participants. Vous devrez les informer par vous-même que la réunion sera enregistrée.",
+        "localRecordingNoVideo": "La vidéo n'est pas en cours d’enregistrement",
+        "localRecordingStartWarning": "Assurez-vous d’arrêter l’enregistrement vidéo avant de quitter la réunion afin de pouvoir le sauvegarder.",
+        "localRecordingStartWarningTitle": "Arrêter l’enregistrement pour le sauvegarder",
+        "localRecordingVideoStop": "Arrêter votre vidéo va aussi arrêter votre enregistrement local. Êtes-vous sûrs de vouloir continuer ?",
+        "localRecordingVideoWarning": "Pour enregistrer votre vidéo, vous devez avoir celle-ci active au moment de commencer l’enregistrement.",
+        "localRecordingWarning": "Assurez-vous de sélectionner l’onglet courant pour utiliser le bon son et la bonne vidéo.",
+        "loggedIn": "Connecté en tant que {{userName}}",
+        "noMicPermission": "La piste microphone ne peut pas être créée. Veuillez autoriser l’utilisation du microphone.",
+        "noStreams": "Aucun flux audio ou vidéo détectés.",
+        "off": "L'enregistrement est arrêté",
+        "offBy": "{{name}} a arrêté l'enregistrement",
+        "on": "Enregistrement",
+        "onBy": "{{name}} a démarré l'enregistrement",
+        "onlyRecordSelf": "Enregistrer seulement mon audio et ma vidéo.",
+        "pending": "Enregistrement de la réunion en préparation…",
+        "policyError": "Vous avez essayé de démarrer un enregistrement trop rapidement. Veuillez réessayer plus tard !",
+        "recordAudioAndVideo": "Enregistrer l'audio et la vidéo",
+        "recordTranscription": "Enregistrer la transcription",
+        "saveLocalRecording": "Sauvegarder l’enregistrement local (Beta)",
+        "serviceDescription": "Votre enregistrement sera sauvegardé par le service d'enregistrement",
+        "serviceDescriptionCloud": "Enregistrement Cloud",
+        "serviceDescriptionCloudInfo": "Les réunions enregistrées sont automatiquement supprimées 24h après leur heure d'enregistrement.",
+        "serviceName": "Service d'enregistrement",
+        "sessionAlreadyActive": "Cette session est déjà en cours d'enregistrement ou de diffusion.",
+        "showAdvancedOptions": "Afficher les options avancées",
+        "signIn": "Se connecter",
+        "signOut": "Se déconnecter",
+        "surfaceError": "Veuillez sélectionner l’onglet courant.",
+        "title": "Enregistrement",
+        "unavailable": "Oups! Le {{serviceName}} n'est pas disponible pour le moment. Nous nous efforçons de régler le problème. Veuillez réessayer plus tard.",
+        "unavailableTitle": "Enregistrement non disponible",
+        "uploadToCloud": "Envoyer vers le cloud"
+    },
+    "screenshareDisplayName": "Écran {{name}}",
+    "sectionList": {
+        "pullToRefresh": "Tirer pour rafraîchir"
+    },
+    "security": {
+        "about": "Vous pouvez ajouter un mot de passe à votre réunion. Les participants devront fournir le mot de passe avant de pouvoir rejoindre la réunion.",
+        "aboutReadOnly": "Les modérateurs peuvent ajouter un mot de passe à la réunion. Les participants devront fournir le mot de passe avant de pouvoir rejoindre la réunion.",
+        "insecureRoomNameWarningNative": "Le nom de la réunion n’est pas sûr. Des participants non voulus pourraient rejoindre cette réunion. {{recommendAction}} En apprendre plus sur la sécurisation des réunions.",
+        "insecureRoomNameWarningWeb": "Le nom de la réunion n’est pas sûr. Des participants non voulus pourraient rejoindre cette réunion. {{recommendAction}} En apprendre plus sur la sécurisation des réunions <a href=\"{{securityUrl}}\" rel=\"security\" target=\"_blank\">here</a>.",
+        "title": "Options de sécurité",
+        "unsafeRoomActions": {
+            "meeting": "Envisagez de sécuriser votre réunion en utilisant le bouton options de sécurité.",
+            "prejoin": "Envisagez d'utiliser un nom plus unique",
+            "welcome": "Envisagez d'utiliser un nom plus unique ou choisissez en un parmi ceux suggérés"
+        }
+    },
+    "settings": {
+        "audio": "Audio",
+        "buttonLabel": "Paramètres",
+        "calendar": {
+            "about": "L'intégration de l'agenda de {{appName}} est utilisée pour accéder en toute sécurité à votre agenda pour qu'il puisse lire les événements à venir.",
+            "disconnect": "Déconnexion",
+            "microsoftSignIn": "Se connecter avec Microsoft",
+            "signedIn": "Accès aux événements de votre agenda en cours pour {{email}}. Cliquez sur le bouton de déconnexion ci-dessous pour terminer l'accès aux événements d'agenda.",
+            "title": "Calendrier"
+        },
+        "chatWithPermissions": "Le chat nécessite une autorisation",
+        "desktopShareFramerate": "Images par seconde pour le Partage d'écran",
+        "desktopShareHighFpsWarning": "Augmenter le nombre d'images par seconde pour le partage d'écran peut impacter votre bande passante. Vous devez repartager l'écran pour que ces paramètres soient utilisés.",
+        "desktopShareWarning": "Vous devez repartager l'écran pour que ces paramètres soient utilisés.",
+        "devices": "Dispositifs",
+        "followMe": "Tous les participants me suivent",
+        "followMeRecorder": "L'enregistreur me suit",
+        "framesPerSecond": "images par seconde",
+        "incomingMessage": "un message arrive",
+        "language": "Langue",
+        "loggedIn": "Connecté en tant que {{name}}",
+        "maxStageParticipants": "Nombre maximum de participants pouvant être épinglé sur l’affichage principal",
+        "microphones": "Microphones",
+        "moderator": "Modérateur",
+        "moderatorOptions": "Options de modérateur",
+        "more": "Plus",
+        "name": "Nom",
+        "noDevice": "Aucun",
+        "notifications": "Notifications",
+        "participantJoined": "un participant arrive",
+        "participantKnocking": "un participant en salle d’attente",
+        "participantLeft": "un participant quitte",
+        "playSounds": "Jouer un son quand",
+        "reactions": "Il y a une réaction à la réunion",
+        "sameAsSystem": "Identique au système ({{label}})",
+        "selectAudioOutput": "Sortie audio",
+        "selectCamera": "Caméra",
+        "selectMic": "Micro",
+        "selfView": "Affichage de votre propre vidéo",
+        "shortcuts": "Raccourcis",
+        "showSubtitlesOnStage": "Afficher les sous-titres sur scène",
+        "speakers": "Haut-parleurs",
+        "startAudioMuted": "Tous les participants débutent en sourdine",
+        "startReactionsMuted": "Tout le monde commence avec les réactions sonores bloquées",
+        "startVideoMuted": "Tous les participants débutent masqués",
+        "talkWhileMuted": "vous parlez en étant muet",
+        "title": "Paramètres",
+        "video": "Vidéo"
+    },
+    "settingsView": {
+        "advanced": "Avancé",
+        "alertCancel": "Annuler",
+        "alertOk": "OK",
+        "alertTitle": "Alerte",
+        "alertURLText": "L'URL de serveur saisi n'est pas valide",
+        "apply": "Appliquer",
+        "buildInfoSection": "Information de version",
+        "conferenceSection": "Réunion",
+        "disableCallIntegration": "Désactiver l'intégration d'appels native",
+        "disableCrashReporting": "Désactiver les rapports de plantage",
+        "disableCrashReportingWarning": "Etes-vous certain de vouloir désactiver les rapports de plantage ? Le paramètre sera effectif après le redémarrage de l'application.",
+        "disableP2P": "Désactiver le mode pair à pair",
+        "displayName": "Nom d'affichage",
+        "displayNamePlaceholderText": "Ex : Jean Dupond",
+        "email": "Courriel",
+        "emailPlaceholderText": "email@example..com",
+        "gavatarMessage": "Si votre email est associé à un compte Gravatar, nous allons l’utiliser pour afficher votre image de profil.",
+        "goTo": "Aller à",
+        "header": "Paramètres",
+        "help": "Aide",
+        "links": "Liens",
+        "privacy": "Confidentialité",
+        "profileSection": "Profil",
+        "sdkVersion": "Version du SDK",
+        "serverURL": "URL du serveur",
+        "showAdvanced": "Afficher les paramètres avancés",
+        "startCarModeInLowBandwidthMode": "Commencer le mode voiture en mode bande passante réduite",
+        "startWithAudioMuted": "Démarrer avec l'audio en sourdine",
+        "startWithVideoMuted": "Démarrer avec la vidéo en sourdine",
+        "terms": "Conditions d’utilisations",
+        "version": "Version"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nVoulez-vous appeler depuis votre téléphone ?\n\n{{defaultDialInNumber}}Voici la liste des numéros d'appels pour cette réunion :\n{{dialInfoPageUrl}}",
+        "mainText": "Cliquez sur ce lien pour rejoindre la réunion :\n{{roomUrl}}"
+    },
+    "speaker": "Intervenant",
+    "speakerStats": {
+        "angry": "En colère",
+        "disgusted": "Dégoûté",
+        "displayEmotions": "Afficher réactions",
+        "fearful": "Effrayé",
+        "happy": "Content",
+        "hours": "{{count}} h",
+        "labelTooltip": "Nombre de participants : {{count}}",
+        "minutes": "{{count}} min",
+        "name": "Nom",
+        "neutral": "Neutre",
+        "sad": "Triste",
+        "search": "Recherche",
+        "searchDescription": "Commencez à taper pour filtrer les participants",
+        "searchHint": "Recherche des participants",
+        "seconds": "{{count}} s",
+        "speakerStats": "Statistiques d'intervenant",
+        "speakerTime": "Temps d'intervention",
+        "surprised": "Surpris"
+    },
+    "startupoverlay": {
+        "genericTitle": "La réunion a besoin d'utiliser votre microphone et votre caméra.",
+        "policyText": " ",
+        "title": "{{app}} doit utiliser votre micro et votre caméra."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Rejoindre à nouveau",
+        "text": "Appuyez sur le bouton <i>Rejoindre</i> pour vous reconnecter.",
+        "title": "Votre appel vidéo a été interrompu parce que cet ordinateur est tombé en veille."
+    },
+    "termsView": {
+        "title": "Conditions d'utilisation"
+    },
+    "toggleTopPanelLabel": "Basculer le panneau supérieur",
+    "toolbar": {
+        "Settings": "Paramètres",
+        "accessibilityLabel": {
+            "Settings": "Basculement des paramètres",
+            "audioOnly": "Basculement du mode audio uniquement",
+            "audioRoute": "Sélectionner le dispositif audio",
+            "boo": "Bou",
+            "breakoutRooms": "Rejoindre / quitter une salle annexe",
+            "callQuality": "Gestion de la qualité d'appel",
+            "carmode": "Mode voiture",
+            "cc": "Basculement des sous-titres",
+            "chat": "Basculement de la fenêtre de clavardage",
+            "clap": "Applaudir",
+            "closeChat": "Fermer la discussion instantanée",
+            "closeMoreActions": "Fermer le menu plus d'actions",
+            "closeParticipantsPane": "Fermer le panneau des participants",
+            "closedCaptions": "Sous-titres",
+            "collapse": "Plier",
+            "document": "Basculement du document partagé",
+            "documentClose": "Fermer le document partagé",
+            "documentOpen": "Ouvrir le document partagé",
+            "download": "",
+            "embedMeeting": "Intégrer la réunion",
+            "endConference": "Terminer la réunion pour tout le monde",
+            "enterFullScreen": "Passer en mode plein écran",
+            "enterTileView": "Passer en vue mosaïque",
+            "exitFullScreen": "Quitter le mode plein écran",
+            "exitTileView": "Quitter la vue mosaïque",
+            "expand": "Développer",
+            "feedback": "Laisser un commentaire",
+            "fullScreen": "Basculement de l'affichage plein écran",
+            "giphy": "Activer/désactiver le menu GIPHY",
+            "grantModerator": "donner des droits de modérateur",
+            "hangup": "Quitter l'appel",
+            "heading": "Barre d'outils",
+            "help": "",
+            "hideWhiteboard": "Masquer le tableau blanc",
+            "invite": "Inviter des personnes",
+            "kick": "Expulser le participant",
+            "laugh": "Rire",
+            "leaveConference": "Quitter la réunion",
+            "like": "Approuver",
+            "linkToSalesforce": "Lien à Salesforce",
+            "lobbyButton": "Activer / Désactiver le mode salle d'attente",
+            "localRecording": "Basculement des commandes d'enregistrement local",
+            "lockRoom": "Basculement du mot de passe de la réunion",
+            "love": "Cœur",
+            "lowerHand": "Baisser la main",
+            "moreActions": "Basculement du menu d'actions supplémentaires",
+            "moreActionsMenu": "Menu d'actions supplémentaires",
+            "moreOptions": "Voir plus d'options",
+            "mute": "Basculement de la sourdine",
+            "muteEveryone": "Couper le micro de tout le monde",
+            "muteEveryoneElse": "Couper le micro de tous les autres",
+            "muteEveryoneElsesVideoStream": "Couper la caméra de tous les autres",
+            "muteEveryonesVideoStream": "Couper la caméra de tout le monde",
+            "muteGUMPending": "Connection de votre microphone",
+            "noiseSuppression": "Suppression du bruit",
+            "openChat": "Ouvrir le chat",
+            "participants": "Participants",
+            "pip": "Basculement du mode image dans l'image",
+            "privateMessage": "",
+            "profile": "Modifier votre profil",
+            "raiseHand": "Basculement de la main levée",
+            "react": "Réactions aux messages",
+            "reactions": "Réactions",
+            "reactionsMenu": "Ouvrir / fermer le menu réactions",
+            "recording": "Basculement de l'enregistrement",
+            "remoteMute": "Mettre le participant en sourdine",
+            "remoteVideoMute": "Couper la caméra du participant",
+            "security": "Options de sécurité",
+            "selectBackground": "Selectionner un arrière-plan",
+            "selfView": "Afficher votre vidéo",
+            "shareRoom": "Inviter quelqu'un",
+            "shareYourScreen": "Basculement du partage d'écran",
+            "shareaudio": "Partager l'audio",
+            "sharedvideo": "Basculement du partage de vidéo",
+            "shortcuts": "Basculement des raccourcis",
+            "show": "Afficher en premier plan",
+            "showWhiteboard": "Afficher le tableux blanc",
+            "silence": "Silence",
+            "speakerStats": "Basculement des statistiques d'intervenant",
+            "stopScreenSharing": "Arrêter le partage d'écran",
+            "stopSharedVideo": "Arrêter la vidéo partagée",
+            "surprised": "Surpris",
+            "tileView": "Basculement de l'affichage mosaïque",
+            "toggleCamera": "Basculement de la caméra",
+            "toggleFilmstrip": "Afficher ou masquer les vignettes vidéo",
+            "unmute": "Rétablir le son",
+            "videoblur": "Alterner le brouillage vidéo",
+            "videomute": "Basculement de la sourdine vidéo",
+            "videomuteGUMPending": "Connexion de votre caméra",
+            "videounmute": "Démarrer la vidéo"
+        },
+        "addPeople": "Ajouter des personnes à votre appel",
+        "advancedAudioSettings": {
+            "aec": {
+                "label": "Suppression d'écho acoustique"
+            },
+            "agc": {
+                "label": "Contrôle automatique du gain"
+            },
+            "ns": {
+                "label": "Suppression de bruit"
+            },
+            "stereo": {
+                "label": "Stéréo"
+            }
+        },
+        "audioOnlyOff": "Désactiver le mode bande passante faible",
+        "audioOnlyOn": "Activer le mode bande passante faible",
+        "audioRoute": "Sélectionner le dispositif audio",
+        "audioSettings": "Paramètres audio",
+        "authenticate": "Authentification",
+        "boo": "Huer",
+        "callQuality": "Gestion de la qualité d'appel",
+        "chat": "Ouvrir / Fermer le clavardage",
+        "clap": "Applaudir",
+        "closeChat": "Fermer le clavardage",
+        "closeParticipantsPane": "Fermer le panneau des participants",
+        "closeReactionsMenu": "Fermer le menu réactions",
+        "closedCaptions": "Sous-titres",
+        "disableNoiseSuppression": "Arrêter la suppression du bruit",
+        "disableReactionSounds": "Vous pouvez interdire les réactions sonores à cette réunion",
+        "documentClose": "Fermer le document partagé",
+        "documentOpen": "Ouvrir le document partagé",
+        "download": "Télécharger nos applications",
+        "e2ee": "Chiffrement de Bout-en-Bout",
+        "embedMeeting": "Intégrer la réunion",
+        "enableNoiseSuppression": "Activer la suppression du bruit",
+        "endConference": "Terminer la réunion pour tout le monde",
+        "enterFullScreen": "Afficher le mode plein écran",
+        "enterTileView": "Passer à l'affichage mosaïque",
+        "exitFullScreen": "Quitter le mode plein écran",
+        "exitTileView": "Quitter l'affichage mosaïque",
+        "feedback": "Laisser un commentaire",
+        "giphy": "Activer/désactiver le menu GIPHY",
+        "hangup": "Quitter",
+        "help": "Aide",
+        "hideWhiteboard": "Masquer le tableau blanc",
+        "invite": "Inviter des personnes",
+        "joinBreakoutRoom": "Rejoindre salle annexe",
+        "laugh": "Rire",
+        "leaveBreakoutRoom": "Quitter salle annexe",
+        "leaveConference": "Quitter la réunion",
+        "like": "Approuver",
+        "linkToSalesforce": "Lien à Salesforce",
+        "lobbyButtonDisable": "Désactiver le mode salle d'attente / contrôle des participant(e)s",
+        "lobbyButtonEnable": "Activer le mode salle d'attente / contrôle des participant(e)s",
+        "login": "Connexion",
+        "logout": "Déconnexion",
+        "love": "Cœur",
+        "lowerYourHand": "Abaisser votre main",
+        "moreActions": "Plus d'actions",
+        "moreOptions": "Plus d'options",
+        "mute": "Activer / Réactiver le son",
+        "muteEveryone": "Couper le micro à tout le monde",
+        "muteEveryonesVideo": "Couper la caméra de tout le monde",
+        "muteGUMPending": "Connection de votre microphone",
+        "noAudioSignalDesc": "Si vous n'avez pas délibérément coupé le son des paramètres du système ou du matériel, envisagez de changer le périphérique.",
+        "noAudioSignalDescSuggestion": "Si vous n'avez pas délibérément coupé le son des paramètres du système ou du matériel, pensez à utiliser le périphérique suivant :",
+        "noAudioSignalDialInDesc": "Vous pouvez également appeler en utilisant :",
+        "noAudioSignalDialInLinkDesc": "Numéros d'appel",
+        "noAudioSignalTitle": "Il n'y a pas d'entrée provenant de votre micro !",
+        "noiseSuppression": "Suppression du bruit",
+        "noisyAudioInputDesc": "Il semble que votre microphone soit bruyant, veuillez le couper ou changer de périphérique.",
+        "noisyAudioInputTitle": "Votre microphone semble être bruyant !",
+        "openChat": "Ouvrir le clavardage",
+        "openReactionsMenu": "Ouvrir le menu Réactions",
+        "participants": "Participants",
+        "pip": "Passer en mode image dans l'image",
+        "privateMessage": "Envoyer un message privé",
+        "profile": "Modifier votre profil",
+        "raiseHand": "Lever / Abaisser votre main",
+        "raiseYourHand": "Lever votre main",
+        "reactionBoo": "Envoyer réaction huer",
+        "reactionClap": "Envoyer réaction applaudir",
+        "reactionHeart": "Envoyer une réaction en forme de cœur",
+        "reactionLaugh": "Envoyer réaction rire",
+        "reactionLike": "Envoyer réaction approuver",
+        "reactionLove": "Envoyer une réaction d'amour",
+        "reactionSilence": "Envoyer réaction silence",
+        "reactionSurprised": "Envoyer réaction surprise",
+        "reactions": "Reactions",
+        "security": "Options de sécurité",
+        "selectBackground": "Sélectionner un arrière-plan",
+        "shareRoom": "Inviter quelqu'un",
+        "shareaudio": "Partager l'audio",
+        "sharedvideo": "Partager une vidéo",
+        "shortcuts": "Voir les raccourcis",
+        "showWhiteboard": "Afficher le tableau blanc",
+        "silence": "Silence",
+        "speakerStats": "Statistiques d'intervenant",
+        "startScreenSharing": "Démarrer le partage d'écran",
+        "startSubtitles": "Activer les sous-titres",
+        "stopAudioSharing": "Arrêter le partage son",
+        "stopScreenSharing": "Arrêter le partage d'écran",
+        "stopSharedVideo": "Arrêter la vidéo",
+        "stopSubtitles": "Désactiver les sous-titres",
+        "surprised": "Surpris",
+        "talkWhileMutedPopup": "Vous essayez de parler? Vous êtes en sourdine.",
+        "tileViewToggle": "Basculement de l'affichage mosaïque",
+        "toggleCamera": "Basculement de la caméra",
+        "unmute": "Rétablir le son",
+        "videoSettings": "Paramètres vidéo",
+        "videomute": "Démarrer / Arrêter la caméra",
+        "videomuteGUMPending": "Connexion de votre caméra",
+        "videounmute": "Démarrer la caméra"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Activer / Désactiver les sous-titres",
+        "expandedLabel": "La transcription est actuellement activée",
+        "failed": "La transcription a échoué",
+        "labelTooltip": "La transcription de la réunion est en cours",
+        "labelTooltipExtra": "De plus, une transcription sera disponible plus tard.",
+        "openClosedCaptions": "Ouvrir les sous-titres",
+        "original": "Original",
+        "sourceLanguageDesc": "Actuellement, la langue de la réunion est sélectionnée à <b>{{sourceLanguage}}</b>. <br/> Vous pouvez la changer à partir de ",
+        "sourceLanguageHere": "ici",
+        "start": "Activer l'affichage des sous-titres",
+        "stop": "Désactiver l'affichage des sous-titres",
+        "subtitles": "sous-titres",
+        "subtitlesOff": "off",
+        "tr": "PI",
+        "translateTo": "Traduire vers"
+    },
+    "unpinParticipant": "Désépingler - {{participantName}}",
+    "userMedia": {
+        "grantPermissions": "Veuillez accorder l'autorisation d'utiliser votre caméra et votre micro."
+    },
+    "videoSIPGW": {
+        "busy": "Libération des ressources en cours. Veuillez réessayer dans quelques minutes.",
+        "busyTitle": "Le service de Salle est actuellement occupé.",
+        "errorAlreadyInvited": "{{displayName}} a déjà été invité",
+        "errorInvite": "La réunion n'est pas encore configurée. Veuillez réessayer plus tard.",
+        "errorInviteFailed": "Nous nous efforçons de régler ce problème. Veuillez réessayer plus tard.",
+        "errorInviteFailedTitle": "L'invitation de {{displayName}} a échoué",
+        "errorInviteTitle": "Erreur lors de l'invitation de la salle",
+        "pending": "{{displayName}} a été invité"
+    },
+    "videoStatus": {
+        "adjustFor": "Ajuster pour:",
+        "audioOnly": "AUD",
+        "audioOnlyExpanded": "Vous êtes en mode bande passante faible. Dans ce mode, vous ne recevrez que le partage audio et le partage d’écran.",
+        "bestPerformance": "la meilleure performance",
+        "callQuality": "Qualité d'appel",
+        "hd": "HD",
+        "hdTooltip": "Visionnement de vidéo en haute définition",
+        "highDefinition": "Haute définition",
+        "highestQuality": "Meilleure qualité",
+        "labelTooiltipNoVideo": "Aucune vidéo",
+        "labelTooltipAudioOnly": "Mode bande passante faible activé",
+        "ld": "LD",
+        "ldTooltip": "Visionnement de vidéo en basse définition",
+        "lowDefinition": "Basse définition",
+        "performanceSettings": "Paramètres de performance",
+        "recording": "Enregistrement en cours",
+        "sd": "SD",
+        "sdTooltip": "Visionnement de vidéo en définition standard",
+        "standardDefinition": "Définition standard",
+        "streaming": "Diffusion en direct en cours"
+    },
+    "videothumbnail": {
+        "connectionInfo": "Informations de la connexion",
+        "demote": "Déplacer en visiteur",
+        "domute": "Discrétion",
+        "domuteDesktop": "Arrêter le partage d'écran",
+        "domuteDesktopOfOthers": "Arrêter le partage d'écran de tous les autres",
+        "domuteOthers": "Couper le micro de tous les autres",
+        "domuteVideo": "Couper la caméra",
+        "domuteVideoOfOthers": "Couper la caméra des autres",
+        "flip": "Miroir",
+        "grantModerator": "Donner des droits de modérateur",
+        "hideSelfView": "Masquer l'affichage de votre propre vidéo",
+        "kick": "Exclure",
+        "mirrorVideo": "Inverser ma vidéo",
+        "moderator": "Modérateur",
+        "mute": "Le membre est en sourdine",
+        "muted": "Discrétion",
+        "pinToStage": "Garder affiché",
+        "remoteControl": "Contrôle à distance",
+        "screenSharing": "Cette personne partage son écran",
+        "show": "Afficher en premier plan",
+        "showSelfView": "Afficher votre propre vidéo",
+        "unpinFromStage": "Ne plus garder affiché",
+        "verify": "Vérifier le participant",
+        "videoMuted": "Caméra coupée",
+        "videomute": "Le membre a arrêté la caméra"
+    },
+    "virtualBackground": {
+        "accessibilityLabel": {
+            "currentBackground": "Arrière-plan actuel: {{background}}",
+            "selectBackground": "Sélectionner un arrière-plan"
+        },
+        "addBackground": "Ajouter un arrière-plan",
+        "apply": "Appliquer",
+        "backgroundEffectError": "Erreur dans l'application de l'effet d'arrière-plan.",
+        "blur": "Flou",
+        "deleteImage": "Supprimer l'image",
+        "desktopShare": "Partage de bureau",
+        "desktopShareError": "Impossible de créer le partage de bureau",
+        "image1": "Plage",
+        "image2": "Mur blanc neutre",
+        "image3": "Pièce vide blanche",
+        "image4": "Lampadaire noir",
+        "image5": "Montagne",
+        "image6": "Forêt ",
+        "image7": "Lever de soleil",
+        "none": "Rien",
+        "pleaseWait": "Veuillez patienter…",
+        "removeBackground": "Supprimer l'arrière-plan",
+        "slightBlur": "Léger flou",
+        "title": "Arrière-plan virtuel",
+        "uploadedImage": "Image téléversée {{index}}",
+        "webAssemblyWarning": "WebAssembly non supporté",
+        "webAssemblyWarningDescription": "WebAssembly invalidé ou non supporté par ce navigateur"
+    },
+    "visitors": {
+        "chatIndicator": "(visiteur)",
+        "joinMeeting": {
+            "description": "Vous êtes actuellement un observateur dans cette réunion.",
+            "raiseHand": "Levez la main",
+            "title": "Rejoindre la réunion",
+            "wishToSpeak": "Si vous souhaitez prendre la parole, veuillez lever la main ci-dessous et attendre l'approbation du modérateur."
+        },
+        "labelTooltip": "Nombre de Visiteurs",
+        "notification": {
+            "demoteDescription": "Envoyé ici par {{actor}}, levez la main pour participer",
+            "noMainParticipantsDescription": "Un participant doit démarrer la réunion. Veuillez réessayer dans un moment.",
+            "noMainParticipantsTitle": "Cette réunion n'a pas encore commencé.",
+            "noVisitorLobby": "Vous ne pouvez pas rejoindre tant qu'une salle d'attente est activée pour la réunion.",
+            "notAllowedPromotion": "Un participant doit d'abord autoriser votre demande.",
+            "requestToJoin": "Main levée",
+            "requestToJoinDescription": "Votre demande a été envoyée aux modérateurs. Patientez !",
+            "title": "Vous êtes visiteur dans cette réunion"
+        },
+        "waitingMessage": "Vous rejoindrez la réunion dès qu'elle sera en direct !"
+    },
+    "volumeSlider": "Curseur de volume",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Toucher pour rejoindre",
+            "roomname": "Entrer le nom de la salle"
+        },
+        "addMeetingName": "Ajouter un nom de réunion",
+        "appDescription": "Profitez de la conversation vidéo avec toute votre équipe. Allez-y, invitez tous ceux que vous connaissez. {{app}} est une solution 100 % libre de réunion vidéo entièrement chiffrée que vous pouvez utiliser en tout temps et gratuitement, sans avoir besoin de compte.",
+        "audioVideoSwitch": {
+            "audio": "Voix",
+            "video": "Vidéo"
+        },
+        "calendar": "Calendrier",
+        "connectCalendarButton": "Connecter votre agenda",
+        "connectCalendarText": "Connectez-vous à votre calendrier pour afficher toutes les réunions {{app}}. Ajoutez également les réunions de {{provider}} à votre calendrier et démarrez-les d'un simple clic.",
+        "enterRoomTitle": "Démarrer une nouvelle réunion",
+        "getHelp": "Obtenir de l'aide",
+        "go": "Aller",
+        "goSmall": "Aller",
+        "headerSubtitle": "Réunions sécurisées et de haute qualité",
+        "headerTitle": "Jitsi Meet",
+        "info": "Ret. arr.",
+        "jitsiOnMobile": "Jitsi sur mobile – télécharger notre application et démarrez des réunions de n'import où",
+        "join": "CRÉER / REJOINDRE",
+        "logo": {
+            "calendar": "Logo Calendar",
+            "desktopPreviewThumbnail": "Miniature d'aperçu du bureau",
+            "googleLogo": "Logo Google",
+            "logoDeepLinking": "Logo Jitsi meet",
+            "microsoftLogo": "Logo Microsoft",
+            "policyLogo": "Logo de la politique"
+        },
+        "meetingsAccessibilityLabel": "Réunions",
+        "mobileDownLoadLinkAndroid": "Télécharger l'application mobile sur Android",
+        "mobileDownLoadLinkFDroid": "Télécharger l'application mobile sur F-Droid",
+        "mobileDownLoadLinkIos": "Télécharger l'application mobile sur iOS",
+        "moderatedMessage": "Ou <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">réserver une URL de réunion</a> à l'avance et où vous êtes le seul modérateur.",
+        "privacy": "Confidentialité",
+        "recentList": "Récent",
+        "recentListDelete": "Supprimer",
+        "recentListEmpty": "Votre liste récente est actuellement vide. Clavardez avec votre équipe et vous y trouverez toutes vos réunions récentes.",
+        "recentMeetings": "Vos réunions récentes",
+        "reducedUIText": "Bienvenue sur {{app}}!",
+        "roomNameAllowedChars": "Le nom de la réunion ne doit contenir aucun de ces caractères : ?, &, :, ', \", %, #.",
+        "roomname": "Entrer le nom de la salle",
+        "roomnameHint": "Entrez le nom ou l'URL de la salle que vous voulez rejoindre. Vous pouvez inventer un nom, mais assurez-vous de le partager avec les participants de la réunion pour qu'ils utilisent le même nom.",
+        "sendFeedback": "Envoyer un commentaire",
+        "settings": "Paramètres",
+        "startMeeting": "Démarrer la réunion",
+        "terms": "Termes",
+        "title": "Réunion vidéo sécurisée, riche en fonctionnalités et entièrement gratuite",
+        "upcomingMeetings": "Vos réunions à venir"
+    },
+    "whiteboard": {
+        "accessibilityLabel": {
+            "heading": "Tableau blanc"
+        },
+        "screenTitle": "Tableau blanc"
+    }
+}
diff --git a/lang/main-fr.json b/lang/main-fr.json
new file mode 100644
index 0000000..63816bf
--- /dev/null
+++ b/lang/main-fr.json
@@ -0,0 +1,1685 @@
+{
+    "addPeople": {
+        "accessibilityLabel": {
+            "meetingLink": "Lien de la réunion: {{url}}"
+        },
+        "add": "Inviter",
+        "addContacts": "Inviter vos contacts",
+        "contacts": "contacts",
+        "copyInvite": "Copier l'invitation à la réunion",
+        "copyLink": "Copier le lien de la réunion",
+        "copyStream": "Copier le lien de diffusion en direct",
+        "countryNotSupported": "Cette destination n'est pas actuellement supportée.",
+        "countryReminder": "Appel hors des États-Unis ? Veuillez débuter par le code du pays !",
+        "defaultEmail": "Votre email par défaut",
+        "disabled": "Vous ne pouvez pas inviter quelqu'un.",
+        "failedToAdd": "Erreur lors de l'ajout des participants",
+        "googleEmail": "Gmail",
+        "inviteMoreHeader": "Vous êtes seul(e) dans la réunion",
+        "inviteMoreMailSubject": "Rejoindre une réunion {{appName}}",
+        "inviteMorePrompt": "Inviter d'autres personnes",
+        "linkCopied": "Lien copié dans le presse-papiers",
+        "noResults": "Aucun résultat de recherche correspondant",
+        "outlookEmail": "Outlook",
+        "phoneNumbers": "Numéros de téléphone",
+        "searching": "Recherche…",
+        "shareInvite": "Partager l'invitation à la réunion",
+        "shareLink": "Partager le lien de la réunion pour inviter d'autres personnes",
+        "shareStream": "Partager le lien de diffusion en direct",
+        "sipAddresses": "Adresses SIP",
+        "telephone": "Téléphone : {{number}}",
+        "title": "Inviter une personne à cette réunion",
+        "yahooEmail": "Yahoo"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "car": "Système audio du véhicule",
+        "headphones": "Écouteurs",
+        "none": "Aucune source audio n'est disponible",
+        "phone": "Téléphone",
+        "speaker": "Haut-parleur"
+    },
+    "audioOnly": {
+        "audioOnly": "Bande passante faible"
+    },
+    "bandwidthSettings": {
+        "assumedBandwidthBps": "p. ex. 10000000 pour 10 Mbps ",
+        "assumedBandwidthBpsWarning": "Des valeurs élevées peuvent provoquer des problèmes réseaux.",
+        "customValue": "valeur personnalisée",
+        "customValueEffect": "Positionner la valeur actuelle en bps",
+        "leaveEmpty": "Laisser vide",
+        "leaveEmptyEffect": "Autoriser l'utilisation de l'estimation",
+        "possibleValues": "Valeurs possibles",
+        "setAssumedBandwidthBps": "Bande passante estimée",
+        "title": "Réglage de bande passante",
+        "zeroEffect": "Désactiver la vidéo"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "Ajouter salle annexe",
+            "autoAssign": "Assigner automatiquement aux salles annexes",
+            "close": "Fermer",
+            "join": "Rejoindre",
+            "leaveBreakoutRoom": "Quitter la salle annexe",
+            "more": "Plus",
+            "remove": "Supprimer",
+            "rename": "Renommer",
+            "renameBreakoutRoom": "Renommer la salle annexe",
+            "sendToBreakoutRoom": "Envoyer le participant dans:"
+        },
+        "breakoutList": "Liste des salles annexes",
+        "buttonLabel": "Salles annexes",
+        "defaultName": "Salle annexe #{{index}}",
+        "hideParticipantList": "Masquer la liste des participants",
+        "mainRoom": "Salle principale",
+        "notifications": {
+            "joined": "Entrée en salle annexe \"{{name}}\"",
+            "joinedMainRoom": "Retour à la salle principale",
+            "joinedTitle": "Salles annexes"
+        },
+        "showParticipantList": "Afficher la liste des participants",
+        "title": "Salles annexes"
+    },
+    "calendarSync": {
+        "addMeetingURL": "Ajouter un lien de conférence",
+        "confirmAddLink": "Voulez-vous ajouter un lien Jitsi à cet événement?",
+        "error": {
+            "appConfiguration": "L'intégration du calendrier n'est pas correctement configurée.",
+            "generic": "Une erreur s'est produite. Veuillez vérifier les paramètres de votre calendrier ou tenter de l'actualiser.",
+            "notSignedIn": "Une erreur d'authentification s'est produite lors de la tentative d'afficher les événements du calendrier. Veuillez vérifier les paramètres de votre calendrier et essayer de nouveau."
+        },
+        "join": "Joindre",
+        "joinTooltip": "Rejoindre la réunion",
+        "nextMeeting": "prochaine réunion",
+        "noEvents": "Il n'y a pas d'événement à venir.",
+        "ongoingMeeting": "La réunion en cours",
+        "permissionButton": "Afficher les réglages",
+        "permissionMessage": "La permission du calendrier est requise pour afficher vos réunions dans l'application.",
+        "refresh": "Rafraîchir le calendrier",
+        "today": "Aujourd'hui"
+    },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "Sélectionnez le dispositif audio"
+        },
+        "labels": {
+            "buttonLabel": "Mode voiture",
+            "title": "Mode voiture",
+            "videoStopped": "Votre vidéo est arrêtée"
+        }
+    },
+    "chat": {
+        "disabled": "L'envoi de messages de chat est désactivé.",
+        "enter": "Entrez dans le salon",
+        "error": "Erreur : votre message n'a pas été envoyé. Raison : {{error}}",
+        "everyone": "Tout le monde",
+        "fieldPlaceHolder": "Tapez votre message ici",
+        "guestsChatIndicator": "(invité)",
+        "lobbyChatMessageTo": "Message de salle d'attente à {{recipient}}",
+        "message": "Message",
+        "messageAccessibleTitle": "{{user}} dit: ",
+        "messageAccessibleTitleMe": "Je dis: ",
+        "messageTo": "Message privé à {{recipient}}",
+        "messagebox": "Envoyer un message",
+        "newMessages": "Nouveaux messages",
+        "nickname": {
+            "popover": "Choisissez un pseudonyme",
+            "title": "Entrez un pseudonyme pour utiliser le chat",
+            "titleWithCC": "Entrez un pseudonyme pour utiliser le chat et les sous-titres",
+            "titleWithPolls": "Entrez un pseudonyme pour utiliser le chat et les sondages",
+            "titleWithPollsAndCC": "Entrez un pseudonyme pour utiliser le chat, les sondages et les sous-titres",
+            "titleWithPollsAndCCAndFileSharing": "Entrez un pseudonyme pour utiliser le chat, les sondages, les sous-titres et les fichiers"
+        },
+        "noMessagesMessage": "Il n'y a pas encore de messages dans cette réunion. Démarrez une conversation ici !",
+        "privateNotice": "Message privé à {{recipient}}",
+        "sendButton": "Envoyer",
+        "smileysPanel": "Panneaux des Émojis",
+        "systemDisplayName": "Système",
+        "tabs": {
+            "chat": "Chat",
+            "closedCaptions": "ST",
+            "fileSharing": "Fichiers",
+            "polls": "Sondages"
+        },
+        "title": "Chat",
+        "titleWithCC": "ST",
+        "titleWithFeatures": "Chat et",
+        "titleWithFileSharing": "Fichiers",
+        "titleWithPolls": "Chat et Sondages",
+        "you": "vous"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Installer l'extension Chrome",
+        "buttonTextEdge": "Installer l'extension Edge",
+        "close": "Fermer",
+        "dontShowAgain": "Ne plus m'afficher ceci",
+        "installExtensionText": "Installer l'extension pour l'intégration de Google Calendar et Office 365"
+    },
+    "closedCaptionsTab": {
+        "emptyState": "Le contenu des sous-titres sera disponible une fois qu'un modérateur l'aura démarré",
+        "startClosedCaptionsButton": "Démarrer les sous-titres"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Connexion à la réunion…"
+    },
+    "connection": {
+        "ATTACHED": "Attachée",
+        "AUTHENTICATING": "Authentification en cours",
+        "AUTHFAIL": "Échec de l'authentification",
+        "CONNECTED": "Connecté",
+        "CONNECTING": "Connexion en cours",
+        "CONNFAIL": "Échec de la connexion",
+        "DISCONNECTED": "Déconnecté",
+        "DISCONNECTING": "Déconnexion en cours",
+        "ERROR": "Erreur",
+        "FETCH_SESSION_ID": "Obtention d'un identifiant de session…",
+        "GET_SESSION_ID_ERROR": "Obtenir une erreur d'identifiant de session : {{code}}",
+        "GOT_SESSION_ID": "Obtention d'un identifiant de session… Terminée",
+        "LOW_BANDWIDTH": "La vidéo de {{displayName}} a été coupée pour économiser de la bande passante"
+    },
+    "connectionindicator": {
+        "address": "Adresse :",
+        "audio_ssrc": "Audio SSRC :",
+        "bandwidth": "Bande passante estimée :",
+        "bitrate": "Débit :",
+        "bridgeCount": "Nombre de serveurs :",
+        "codecs": "Codecs (A/V) :",
+        "connectedTo": "Connecté à :",
+        "e2eeVerified": "E2EE vérifié",
+        "framerate": "Images par seconde :",
+        "less": "Masquer les détails",
+        "localaddress": "Adresse locale :",
+        "localaddress_plural": "Adresses locales :",
+        "localport": "Port local :",
+        "localport_plural": "Ports locaux :",
+        "maxEnabledResolution": "débit max",
+        "more": "Afficher les détails",
+        "no": "non",
+        "packetloss": "Perte de paquets :",
+        "participant_id": "ID du participant:",
+        "quality": {
+            "good": "Bien",
+            "inactive": "Inactif",
+            "lost": "Perdu",
+            "nonoptimal": "Non-optimale",
+            "poor": "Mauvaise"
+        },
+        "remoteaddress": "Adresse distante :",
+        "remoteaddress_plural": "Adresses distantes :",
+        "remoteport": "Port distant :",
+        "remoteport_plural": "Ports distants :",
+        "resolution": "Résolution :",
+        "savelogs": "Enregistrer les logs",
+        "status": "Connexion :",
+        "transport": "Transport :",
+        "transport_plural": "Transports :",
+        "video_ssrc": "Video SSRC :",
+        "yes": "oui"
+    },
+    "dateUtils": {
+        "earlier": "Plus tôt",
+        "today": "Aujourd'hui",
+        "yesterday": "Hier"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Vous avez besoin de l'application mobile {{app}} pour participer à cette réunion avec votre téléphone.",
+        "description": "Rien ne s'est passé ? Nous avons essayé de lancer votre réunion dans l'application de bureau {{app}}. Essayez à nouveau ou lancez-la dans l'application web {{app}}.",
+        "descriptionNew": "Rien ne s'est passé ? Nous avons essayé de lancer votre réunion dans l'application de bureau {{app}}. <br /><br /> Vous pouvez essayer à nouveau ou la lancer dans l'application web.",
+        "descriptionWithoutWeb": "Rien ne s'est passé ? Nous avons essayé de démarrer votre réunion dans l'application bureau {{app}}.",
+        "downloadApp": "Télécharger l'application",
+        "downloadMobileApp": "Télécharger l'application depuis le Store",
+        "ifDoNotHaveApp": "Si vous n'avez pas encore l'application:",
+        "ifHaveApp": "Si vous avez déjà installé l'application:",
+        "joinInApp": "Rejoindre la réunion en utilisant l'application",
+        "joinInAppNew": "Rejoindre depuis l’application",
+        "joinInBrowser": "Rejoindre depuis le navigateur",
+        "launchMeetingLabel": "Comment voulez-vous rejoindre la réunion ?",
+        "launchWebButton": "Lancer dans le navigateur",
+        "noDesktopApp": "Vous n'avez pas l'application ?",
+        "noMobileApp": "Vous n’avez pas l’application ?",
+        "or": "OU",
+        "termsAndConditions": "En continuant, vous acceptez nos  <a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'>conditions générales d’utilisation.</a>",
+        "title": "Lancement de votre réunion dans {{app}} en cours…",
+        "titleNew": "Lancement de votre réunion…",
+        "tryAgainButton": "Réessayez sur le bureau",
+        "unsupportedBrowser": "Il semble que vous utilisez un navigateur non supporté."
+    },
+    "defaultLink": "ex. {{url}}",
+    "defaultNickname": "ex. Jean Dupont",
+    "deviceError": {
+        "cameraError": "Impossible d'accéder à votre caméra",
+        "cameraPermission": "Erreur lors de l'obtention de la permission de la caméra",
+        "microphoneError": "Impossible d'accéder à votre microphone",
+        "microphonePermission": "Erreur lors de l'obtention de la permission du microphone"
+    },
+    "deviceSelection": {
+        "hid": {
+            "callControl": "Contrôle des appels",
+            "connectedDevices": "Appareils connectés",
+            "deleteDevice": "Supprimer un appareil",
+            "pairDevice": "Connecter un appareil"
+        },
+        "noPermission": "Permission non accordée",
+        "previewUnavailable": "Aperçu non disponible",
+        "selectADevice": "Sélectionner un périphérique",
+        "testAudio": "Tester la sortie audio"
+    },
+    "dialIn": {
+        "screenTitle": "Bilan des appels"
+    },
+    "dialOut": {
+        "statusMessage": "est maintenant {{status}}"
+    },
+    "dialog": {
+        "Back": "Retour",
+        "Cancel": "Annuler",
+        "IamHost": "Je suis l'hôte",
+        "Ok": "Ok",
+        "Remove": "Supprimer",
+        "Share": "Partager",
+        "Submit": "Soumettre",
+        "Understand": "Je comprends, gardez-moi en sourdine pour l'instant",
+        "UnderstandAndUnmute": "Je comprends, veuillez me réactiver s'il vous plaît",
+        "WaitForHostNoAuthMsg": "La conférence n'a pas encore commencé car aucun modérateur n'est encore arrivé. Veuillez patienter.",
+        "WaitingForHostButton": "Attendre l'hôte",
+        "WaitingForHostTitle": "En attente de l'hôte…",
+        "Yes": "Oui",
+        "accessibilityLabel": {
+            "Cancel": "Annuler (quiter la popup)",
+            "Ok": "Ok (Sauvegarder et quiter la popup)",
+            "close": "Fermer la popup",
+            "liveStreaming": "Diffusion en direct",
+            "sharingTabs": "Options de partage"
+        },
+        "add": "Ajouter",
+        "addMeetingNote": "Ajouter une note à cette conférence",
+        "addOptionalNote": "Ajouter une note (optionnel):",
+        "allow": "Autoriser",
+        "allowToggleCameraDialog": "Autorisez-vous {{initiatorName}} à changer votre mode de caméra ?",
+        "allowToggleCameraTitle": "Autoriser-vous le changement de mode de caméra ?",
+        "alreadySharedVideoMsg": "Un autre participant est en train de partager sa vidéo. Cette conférence ne permet de partager qu'une seule vidéo à la fois.",
+        "alreadySharedVideoTitle": "Une seule vidéo partagée est autorisée à la fois",
+        "applicationWindow": "Fenêtre d'application",
+        "authenticationRequired": "Authentification requise",
+        "cameraCaptureDialog": {
+            "description": "Prendre et envoyer une photo en utilisant votre caméra mobile",
+            "ok": "Ouvrir la caméra",
+            "reject": "Pas maintenant",
+            "title": "Prendre une photo"
+        },
+        "cameraConstraintFailedError": "Votre caméra ne satisfait pas certaines des contraintes nécessaires.",
+        "cameraNotFoundError": "La caméra n'a pas été trouvée.",
+        "cameraNotSendingData": "Impossible d'accéder à votre caméra. Veuillez sélectionner un autre périphérique dans les paramètres ou rafraîchir la page.",
+        "cameraNotSendingDataTitle": "Impossible d'accéder à votre caméra",
+        "cameraPermissionDeniedError": "Vous n'avez pas autorisé l'utilisation de votre caméra. Vous pouvez toujours participer à la conférence, mais les autres ne pourront pas vous voir. Utilisez le bouton de la caméra dans la barre d'adresse pour résoudre ce problème.",
+        "cameraTimeoutError": "Impossible de démarrer la source vidéo. Délai dépassé!",
+        "cameraUnknownError": "Vous ne pouvez pas utiliser la caméra pour une raison inconnue.",
+        "cameraUnsupportedResolutionError": "Votre appareil ne prend pas en charge la résolution vidéo requise.",
+        "close": "Fermer",
+        "conferenceDisconnectMsg": "Veuillez vérifier votre connexion réseau. Reconnexion dans {{seconds}} sec…",
+        "conferenceDisconnectTitle": "Vous avez été déconnecté.",
+        "conferenceReloadMsg": "On essaie d'arranger ça. Reconnexion dans {{seconds}} secondes…",
+        "conferenceReloadTitle": "Malheureusement, un problème est survenu",
+        "confirm": "Confirmer",
+        "confirmBack": "Retour",
+        "confirmNo": "Non",
+        "confirmYes": "Oui",
+        "connectError": "Oups ! Un problème est survenu et la connexion à la conférence est impossible.",
+        "connectErrorWithMsg": "Oups ! Un problème est survenu et la connexion à la conférence est impossible : {{msg}}",
+        "connecting": "Connexion en cours",
+        "contactSupport": "Contacter le support",
+        "copied": "Copié",
+        "copy": "Copier",
+        "demoteParticipantDialog": "Êtes-vous sûr de vouloir déplacer ce participant en visiteur ?",
+        "demoteParticipantTitle": "Déplacer en visiteur",
+        "dismiss": "Rejeter",
+        "displayNameRequired": "Bonjour ! Quel est votre nom ?",
+        "done": "Terminé",
+        "e2eeDescription": "Le chiffrement de Bout-en-Bout est actuellement EXPERIMENTAL. Veuillez garder à l'esprit que l'activation du chiffrement de Bout-en-Bout désactivera les services fournis côté serveur tels que : l'enregistrement, la diffusion en direct et la participation par téléphone. Gardez également à l'esprit que la réunion ne fonctionnera que pour les personnes qui se connectent à partir de navigateurs prenant en charge les flux insérables.",
+        "e2eeDisabledDueToMaxModeDescription": "Impossible d'activer le chiffrement de bout en bout en raison du trop grand nombre de participants à la conférence.",
+        "e2eeLabel": "Activer le chiffrement de Bout-en-Bout",
+        "e2eeWarning": "ATTENTION : Tous les participants de cette réunion ne semblent pas prendre en charge le chiffrement de Bout-en-Bout. Si vous activez le chiffrement, ils ne pourront ni vous voir, ni vous entendre.",
+        "e2eeWillDisableDueToMaxModeDescription": "ATTENTION: le chiffrement de bout en bout sera automatiquement arrêté si plus de participants joignent la conférence.",
+        "embedMeeting": "Intégrer la réunion",
+        "enterDisplayName": "Merci de saisir votre nom ici",
+        "error": "Erreur",
+        "errorRoomCreationRestriction": "Vous avez essayé de rejoindre trop rapidement, veuillez revenir dans un moment.",
+        "gracefulShutdown": "Notre service est actuellement en maintenance. Veuillez réessayer plus tard.",
+        "grantModeratorDialog": "Êtes-vous sûr de vouloir rendre ce participant modérateur ?",
+        "grantModeratorTitle": "Nommer modérateur",
+        "hide": "Masquer",
+        "hideShareAudioHelper": "Ne pas afficher ce dialogue à nouveau",
+        "incorrectPassword": "Nom d'utilisateur ou mot de passe incorrect",
+        "incorrectRoomLockPassword": "Mot de passe incorrect",
+        "internalError": "Oups ! Quelque chose s'est mal passée. L'erreur suivante s'est produite : {{error}}",
+        "internalErrorTitle": "Erreur interne",
+        "kickMessage": "Vous pouvez contacter {{participantDisplayName}} pour plus de détails.",
+        "kickParticipantButton": "Expulser",
+        "kickParticipantDialog": "Êtes-vous sûr(e) de vouloir expulser ce participant ?",
+        "kickParticipantTitle": "Expulser ce participant ?",
+        "kickSystemTitle": "Oups ! Vous avez été expulsé de la réunion",
+        "kickTitle": "Oups ! vous avez été expulsé(e) par {{participantDisplayName}}",
+        "learnMore": "en savoir plus",
+        "linkMeeting": "Relier la conférence",
+        "linkMeetingTitle": "Relier la conférence à Salesforce",
+        "liveStreaming": "Direct",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "Impossible durant l'enregistrement",
+        "localUserControls": "Contrôles de l'utilisateur local",
+        "lockMessage": "Impossible de verrouiller la conférence.",
+        "lockRoom": "Ajouter un $t(lockRoomPassword) à la réunion ",
+        "lockTitle": "Échec du verrouillage",
+        "login": "Connexion",
+        "loginQuestion": "Voulez-vous vraiment vous connecter et quitter la conférence ?",
+        "logoutQuestion": "Voulez-vous vraiment vous déconnecter et arrêter la conférence ?",
+        "logoutTitle": "Déconnexion",
+        "maxUsersLimitReached": "Le nombre maximal de participants est atteint. Le conférence est complète. Merci de contacter l'organisateur de la réunion ou réessayer plus tard !",
+        "maxUsersLimitReachedTitle": "Le nombre maximal de participants est atteint",
+        "micConstraintFailedError": "Votre microphone ne satisfait pas certaines des contraintes nécessaires.",
+        "micNotFoundError": "Le microphone n'a pas été détecté.",
+        "micNotSendingData": "Accédez aux paramètres de votre ordinateur pour réactiver le micro et ajuster son niveau",
+        "micNotSendingDataTitle": "Votre micro est coupé par les paramètres de votre système",
+        "micPermissionDeniedError": "Vous n'avez pas autorisé l'utilisation de votre microphone. Vous pouvez toujours participer à la conférence, mais les autres ne vont pas vous entendre. Utilisez le bouton du microphone dans la barre d'adresse pour résoudre ce problème.",
+        "micTimeoutError": "Impossible de démarrer la source audio. Délai dépassé!",
+        "micUnknownError": "Vous ne pouvez pas utiliser le microphone pour une raison inconnue.",
+        "moderationAudioLabel": "Autoriser les participants à réactiver leur micro",
+        "moderationDesktopLabel": "Autoriser les non-modérateurs à partager leur écran",
+        "moderationVideoLabel": "Autoriser les participants à démarrer leur vidéo",
+        "muteEveryoneDialog": "Êtes-vous sûr de vouloir couper les micros de tout le monde ? Vous ne pourrez plus réactiver leur micro, mais ils pourront l'activer par eux-mêmes à tout moment.",
+        "muteEveryoneDialogModerationOn": "Les participants peuvent demander à parler n'importe quand",
+        "muteEveryoneElseDialog": "Une fois leur micro coupé, vous ne pourrez plus le réactiver, mais ils pourront l'activer par eux-mêmes à tout moment.",
+        "muteEveryoneElseTitle": "Couper le micro de tout le monde sauf de {{whom}} ?",
+        "muteEveryoneElsesDesktopDialog": "Une fois le partage arrêté, vous ne pourrez pas le redémarrer, mais ils peuvent le faire à tout moment.",
+        "muteEveryoneElsesDesktopTitle": "Arrêter le partage d'écran de tout le monde sauf {{whom}} ?",
+        "muteEveryoneElsesVideoDialog": "Une fois la caméra coupée, vous ne pourrez plus la rallumer, mais ils peuvent la rallumer à tout moment.",
+        "muteEveryoneElsesVideoTitle": "Couper la vidéo de tout le monde sauf {{whom}}?",
+        "muteEveryoneSelf": "vous",
+        "muteEveryoneStartMuted": "Tout le monde démarre avec le micro coupé",
+        "muteEveryoneTitle": "Couper le micro de tout le monde ?",
+        "muteEveryonesDesktopDialog": "Les participants peuvent partager leur écran à tout moment.",
+        "muteEveryonesDesktopDialogModerationOn": "Les participants peuvent envoyer une demande pour partager leur écran à tout moment.",
+        "muteEveryonesDesktopTitle": "Arrêter le partage d'écran de tout le monde ?",
+        "muteEveryonesVideoDialog": "Êtes-vous sûr de vouloir couper la caméra de tout le monde? Vous ne pourrez pas la réactiver, mais ils peuvent la remettre à tout moment.",
+        "muteEveryonesVideoDialogModerationOn": "Les participants peuvent demander à activer leur caméra n'importe quand.",
+        "muteEveryonesVideoDialogOk": "Désactiver",
+        "muteEveryonesVideoTitle": "Couper la caméra de tout le monde?",
+        "muteParticipantBody": "Vous ne pourrez plus réactiver son micro, mais il pourra l'activer par lui-même à tout moment.",
+        "muteParticipantButton": "Couper le micro",
+        "muteParticipantsDesktopBody": "Vous ne pourrez pas démarrer leur partage d'écran, mais ils peuvent le faire à tout moment.",
+        "muteParticipantsDesktopBodyModerationOn": "Vous ne pourrez pas démarrer leur partage d'écran et eux non plus.",
+        "muteParticipantsDesktopButton": "Arrêter le partage d'écran",
+        "muteParticipantsDesktopDialog": "Êtes-vous sûr de vouloir désactiver le partage d'écran de ce participant ? Vous ne pourrez pas le redémarrer, mais ils peuvent le faire à tout moment.",
+        "muteParticipantsDesktopDialogModerationOn": "Êtes-vous sûr de vouloir désactiver le partage d'écran de ce participant ? Vous ne pourrez pas réactiver l'écran et eux non plus.",
+        "muteParticipantsDesktopTitle": "Désactiver le partage d'écran de ce participant ?",
+        "muteParticipantsVideoBody": "Vous ne pourrez pas rallumer la caméra, mais ils peuvent la rallumer à tout moment.",
+        "muteParticipantsVideoBodyModerationOn": "Ni vous ni le participant ne pourront rallumer la caméra.",
+        "muteParticipantsVideoButton": "Couper la caméra",
+        "muteParticipantsVideoDialog": "Êtes-vous sûr(e) de vouloir couper la caméra de ce participant ? Seul le participant pourra ensuite réactiver son micro à tout moment.",
+        "muteParticipantsVideoDialogModerationOn": "Êtes-vous sûr(e) de vouloir couper la caméra de ce participant ? Ni vous ni le participant ne pourront la réactiver ensuite ?",
+        "muteParticipantsVideoTitle": "Couper la caméra de ce participant?",
+        "noDropboxToken": "Pas de jeton Dropbox valide",
+        "password": "Mot de passe",
+        "passwordLabel": "La réunion a été verrouillée par un(e) participant(e). Veuillez entrer le $t(lockRoomPassword) pour la rejoindre.",
+        "passwordNotSupported": "La définition d'un $t(lockRoomPassword) de réunion n'est pas prise en charge.",
+        "passwordNotSupportedTitle": "L'ajout d'un $t(lockRoomPassword) n'est pas supporté",
+        "passwordRequired": "$t(lockRoomPasswordUppercase) requis",
+        "permissionCameraRequiredError": "L'autorisation caméra est nécessaire pour participer aux réunions avec vidéo. Merci de l'accorder dans les paramètres",
+        "permissionErrorTitle": "Permission nécessaire",
+        "permissionMicRequiredError": "L'autorisation microphone est nécessaire pour participer aux réunions avec son. Merci de l'accorder dans les paramètres",
+        "readMore": "plus",
+        "recentlyUsedObjects": "Vos objets récemment utilisés",
+        "recording": "Enregistrement",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "Impossible durant le direct",
+        "recordingInProgressDescription": "Cette réunion est en cours d'enregistrement et d'analyse par IA{{learnMore}}. Votre audio et vidéo ont été coupés. Si vous choisissez de vous réactiver, vous consentez à être enregistré.",
+        "recordingInProgressDescriptionFirstHalf": "Cette réunion est en cours d'enregistrement et d'analyse par IA",
+        "recordingInProgressDescriptionSecondHalf": ". Votre audio et vidéo ont été coupés. Si vous choisissez de vous réactiver, vous consentez à être enregistré.",
+        "recordingInProgressTitle": "Enregistrement en cours",
+        "rejoinNow": "Rejoindre maintenant",
+        "remoteControlAllowedMessage": "{{user}} a accepté votre demande de prise en main à distance !",
+        "remoteControlDeniedMessage": "{{user}} a refusé votre demande de prise en main à distance !",
+        "remoteControlErrorMessage": "Une erreur s'est produite lors de la demande d'autorisation de prise en main à distance avec {{user}} !",
+        "remoteControlRequestMessage": "Voulez-vous autoriser {{user}} à contrôler votre bureau ?",
+        "remoteControlShareScreenWarning": "Si vous appuyez sur \"Autoriser\", vous allez partager votre écran !",
+        "remoteControlStopMessage": "La prise en main à distance est terminée !",
+        "remoteControlTitle": "Contrôle de bureau à distance",
+        "remoteUserControls": "Contrôles de l'utilisateur distant {{username}}",
+        "removePassword": "Supprimer le $t(lockRoomPassword)",
+        "removeSharedVideoMsg": "Voulez-vous vraiment supprimer votre vidéo partagée ?",
+        "removeSharedVideoTitle": "Supprimer la vidéo partagée",
+        "renameBreakoutRoomLabel": "Nom de la salle annexe",
+        "renameBreakoutRoomTitle": "Renommer la salle annexe",
+        "reservationError": "Erreur du système de réservation",
+        "reservationErrorMsg": "Code d'erreur: {{code}}, message: {{msg}}",
+        "retry": "Réessayer",
+        "screenSharingAudio": "Partager l'audio",
+        "screenSharingFailed": "Houla ! Quelque chose s'est mal passé, nous n'avons pas pu démarrer le partage d'écran !",
+        "screenSharingFailedTitle": "Echec du partage d'écran !",
+        "screenSharingPermissionDeniedError": "Houla ! Un problème est survenu avec vos autorisations de partage d'écran. Veuillez réessayer.",
+        "searchInSalesforce": "Rechercher dans Salesforce",
+        "searchResults": "Résultats de recherche({{count}})",
+        "searchResultsDetailsError": "Un problème est survenu en récupérant les données du propriétaire.",
+        "searchResultsError": "Un problème est survenu en récupérant des données.",
+        "searchResultsNotFound": "Aucun résultat trouvé.",
+        "searchResultsTryAgain": "Essayer d'utiliser d'autres mots clé.",
+        "sendPrivateMessage": "Vous avez récemment reçu un message privé. Aviez-vous l'intention d'y répondre en privé, ou vouliez-vous envoyer votre message au groupe ?",
+        "sendPrivateMessageCancel": "Envoyer au groupe",
+        "sendPrivateMessageOk": "Envoyer en privé",
+        "sendPrivateMessageTitle": "Envoyer en privé ?",
+        "serviceUnavailable": "Service indisponible",
+        "sessTerminated": "Appel terminé",
+        "sessTerminatedReason": "L'appel a été terminé",
+        "sessionRestarted": "L'appel est relancé par la passerelle",
+        "shareAudio": "Continuer",
+        "shareAudioAltText": "Pour partager le contenu voulu, naviguer vers \"Onglet du Navigateur\", sélectionner le contenu, activer le bouton \"partager l’audio\" et enfin cliquer sur le bouton \"partager\"",
+        "shareAudioTitle": "Comment partager le son",
+        "shareAudioWarningD1": "vous devez cesser le partage d'écran avant de partager votre son.",
+        "shareAudioWarningD2": "vous devez partager votre écran à nouveau et cocher l'option \"Partager l'audio\".",
+        "shareAudioWarningH1": "Si vous voulez partager uniquement de l'audio:",
+        "shareAudioWarningTitle": "Vous devez cesser de partager l'écran avant de partager l'audio",
+        "shareMediaWarningGenericH2": "Si vous voulez partager votre écran et l'audio",
+        "shareScreenWarningD1": "vous devez arrêter le partage d'audio avant de partager votre écran.",
+        "shareScreenWarningD2": "vous devez arrêter le partage d'audio, démarrer le partage d'écran et cocher l'option  \"Partager l'audio\".",
+        "shareScreenWarningH1": "Si vous voulez partager uniquement votre écran:",
+        "shareScreenWarningTitle": "Vous devez cesser de partager votre audio avant de partager votre écran",
+        "shareVideoConfirmPlay": "Vous êtes sur le point d'ouvrir un site web externe. Voulez-vous continuer ?",
+        "shareVideoConfirmPlayTitle": "{{name}} a partagé une vidéo avec vous.",
+        "shareVideoLinkError": "Veuillez renseigner un lien de diffusion vidéo fonctionnel.",
+        "shareVideoLinkStopped": "La vidéo de {{name}} a été arrêtée.",
+        "shareVideoTitle": "Partager une vidéo",
+        "shareYourScreen": "Partager votre écran",
+        "shareYourScreenDisabled": "Le partage d'écran est désactivé.",
+        "sharedVideoDialogError": "Erreur: URL invalide",
+        "sharedVideoLinkPlaceholder": "lien YouTube ou lien vidéo direct",
+        "show": "Afficher",
+        "start": "Démarrer ",
+        "startLiveStreaming": "Démarrer la diffusion en direct",
+        "startRecording": "Commencer l'enregistrement",
+        "startRemoteControlErrorMessage": "Une erreur est survenue lors de la tentative de démarrage de la session de contrôle à distance !",
+        "stopLiveStreaming": "Arrêter la diffusion en direct",
+        "stopRecording": "Arrêter l'enregistrement",
+        "stopRecordingWarning": "Désirez-vous vraiment arrêter l'enregistrement ?",
+        "stopStreamingWarning": "Désirez-vous vraiment arrêter le direct ?",
+        "streamKey": "Clé Live stream",
+        "thankYou": "Merci d'avoir utilisé {{appName}} !",
+        "token": "jeton",
+        "tokenAuthFailed": "Désolé, vous n'êtes pas autorisé à rejoindre cette conversation.",
+        "tokenAuthFailedReason": {
+            "audInvalid": "Valeur `aud` invalide. Cela doit être `jitsi`.",
+            "contextNotFound": "L'objet `context` est absent du payload.",
+            "expInvalid": "Valeur `exp` invalide.",
+            "featureInvalid": "Fonctionnalité invalide: {{feature}}, probablement pas encore implémentée.",
+            "featureValueInvalid": "Valeur invalide pour la fonctionnalité: {{feature}}.",
+            "featuresNotFound": "L'objet `feature` est absent du payload.",
+            "headerNotFound": "Header non trouvé.",
+            "issInvalid": "Valeur `iss` invalide. Cela doit être `chat`.",
+            "kidMismatch": "Key ID (kid) ne correspond pas au sub.",
+            "kidNotFound": "Key ID (kid) manquant.",
+            "nbfFuture": "La valeur `nbf` est dans le futur.",
+            "nbfInvalid": "Valeur `nbf` invalide.",
+            "payloadNotFound": "Payload non trouvé",
+            "tokenExpired": "Jeton expiré"
+        },
+        "tokenAuthFailedTitle": "Échec de l'authentification",
+        "tokenAuthFailedWithReasons": "Désolé, vous n’êtes pas autorisé à rejoindre l’appel. La raison possible : {{reason}}.",
+        "tokenAuthUnsupported": "Token URL n'est pas supporté.",
+        "transcribing": "Transcription",
+        "unlockRoom": "Supprimer le $t(lockRoomPassword) de la réunion",
+        "user": "Utilisateur",
+        "userIdentifier": "Identifiant utilisateur",
+        "userPassword": "Mot de passe utilisateur",
+        "verifyParticipantConfirm": "Ils correspondent",
+        "verifyParticipantDismiss": "Ils ne correspondent pas",
+        "verifyParticipantQuestion": "EXPÉRIMENTAL: Demander au participant {{participantName}} s'il voit le même contenu dans le même ordre.  ",
+        "verifyParticipantTitle": "Vérification utilisateur",
+        "videoLink": "Lien de la vidéo",
+        "viewUpgradeOptions": "Voir les options de mise à jour",
+        "viewUpgradeOptionsContent": "Pour obtenir un accès illimité à des capacités premium comme l'enregistrement, les transcriptions, diffusion RTMP et plus, vous devez mettre à jour votre plan.",
+        "viewUpgradeOptionsTitle": "Vous avez découvert une capacité premium !",
+        "whiteboardLimitContent": "Désolé, la limite d’utilisateur du tableau blanc a été atteinte.",
+        "whiteboardLimitReference": "Pour plus d’informations merci de visiter",
+        "whiteboardLimitReferenceUrl": "notre site web",
+        "whiteboardLimitTitle": "Utilisation du tableau blanc limitée",
+        "yourEntireScreen": "Votre écran entier"
+    },
+    "documentSharing": {
+        "title": "Document partagé"
+    },
+    "e2ee": {
+        "labelToolTip": "Le son et la vidéo de cette conférence sont chiffrés de Bout-en-Bout"
+    },
+    "embedMeeting": {
+        "title": "Intégrer cette réunion"
+    },
+    "feedback": {
+        "accessibilityLabel": {
+            "yourChoice": "Votre choix: {{rating}}"
+        },
+        "average": "Moyen",
+        "bad": "Mauvais",
+        "detailsLabel": "Dites nous en plus à ce sujet.",
+        "good": "Bien",
+        "rateExperience": "Veuillez évaluer votre expérience",
+        "star": "Étoile",
+        "veryBad": "Très mauvais",
+        "veryGood": "Très bon"
+    },
+    "fileSharing": {
+        "downloadFailedDescription": "Veuillez réessayer.",
+        "downloadFailedTitle": "Échec du téléchargement",
+        "downloadFile": "Télécharger",
+        "downloadStarted": "Téléchargement de fichier démarré",
+        "dragAndDrop": "Glissez et déposez des fichiers ici ou n'importe où sur l'écran",
+        "fileAlreadyUploaded": "Le fichier a déjà été téléchargé vers cette réunion.",
+        "fileTooLargeDescription": "Veuillez vous assurer que le fichier ne dépasse pas {{ maxFileSize }}.",
+        "fileTooLargeTitle": "Le fichier sélectionné est trop volumineux",
+        "fileUploadProgress": "Progression du téléchargement de fichier",
+        "fileUploadedSuccessfully": "Fichier téléchargé avec succès",
+        "removeFile": "Supprimer",
+        "removeFileSuccess": "Fichier supprimé avec succès",
+        "uploadFailedDescription": "Veuillez réessayer.",
+        "uploadFailedTitle": "Échec du téléchargement",
+        "uploadFile": "Partager un fichier"
+    },
+    "filmstrip": {
+        "accessibilityLabel": {
+            "heading": "Vignettes vidéos"
+        }
+    },
+    "giphy": {
+        "noResults": "Aucun résultat de recherche :(",
+        "search": "Rechercher dans GIPHY"
+    },
+    "incomingCall": {
+        "answer": "Répondre",
+        "audioCallTitle": "Appel entrant",
+        "decline": "Rejeter",
+        "productLabel": "via Jitsi Meet",
+        "videoCallTitle": "Appel vidéo entrant"
+    },
+    "info": {
+        "accessibilityLabel": "Afficher les informations",
+        "addPassword": "Ajouter un $t(lockRoomPassword)",
+        "cancelPassword": "Supprimer le $t(lockRoomPassword)",
+        "conferenceURL": "Lien :",
+        "copyNumber": "Copier le numéro",
+        "country": "Pays",
+        "dialANumber": "Pour rejoindre votre réunion, composez l'un de ces numéros, puis saisissez le code confidentiel.",
+        "dialInConferenceID": "PIN :",
+        "dialInNotSupported": "Désolé, l'accès par téléphone n'est pas pris en charge pour l'instant.",
+        "dialInNumber": "Composer :",
+        "dialInSummaryError": "Erreur lors de la récupération des informations de numérotation. Veuillez réessayer plus tard.",
+        "dialInTollFree": "Numéro gratuit",
+        "genericError": "Oups, quelque chose a mal tourné.",
+        "inviteLiveStream": "Pour voir la diffusion en direct de cette réunion, cliquez sur ce lien : {{url}}",
+        "invitePhone": "Pour rejoindre depuis un téléphone, saisissez : {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Vous cherchez un numéro d'appel différent ?\nAfficher les numéros d'appel de la réunion: {{url}}\n\n\nSi vous appelez également via un téléphone de réunion, vous pouvez vous connecter sans audio: {{silentUrl}}",
+        "inviteSipEndpoint": "Pour rejoindre en utilisant l'adresse SIP, entrez ceci : {{sipUri}}",
+        "inviteTextiOSInviteUrl": "Clickez le lien suivant pour rejoindre: {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "Si vous téléphonez avec un téléphone de réunion, utilisez ce lien pour rejoindre sans vous connecter en audio: {{silentUrl}}.",
+        "inviteTextiOSPersonal": "{{name}} vous invite à une réunion.",
+        "inviteTextiOSPhone": "Pour rejoindre par téléphone, utilisez ce numéro: {{number}},,{{conferenceID}}#. Si vous voulez utiliser un autre numéro, voici la liste complête: {{didUrl}}.",
+        "inviteURLFirstPartGeneral": "Vous êtes invité(e) à participer à une réunion.",
+        "inviteURLFirstPartPersonal": "{{name}} vous invite à une réunion.\n",
+        "inviteURLSecondPart": "\nRejoindre la réunion :\n{{url}}\n",
+        "label": "Information de la réunion",
+        "liveStreamURL": "Diffusion en direct :",
+        "moreNumbers": "Plus de numéros ",
+        "noNumbers": "Numéros non trouvés",
+        "noPassword": "Aucun",
+        "noRoom": "Aucune réunion n'a été spécifiée pour l'appel entrant.",
+        "noWhiteboard": "Impossible de charger le tableau blanc.",
+        "numbers": "Numéros d'appel",
+        "password": "$t(lockRoomPasswordUppercase) :",
+        "reachedLimit": "Vous avez atteint la limite de votre abonnement.",
+        "sip": "adresse SIP",
+        "sipAudioOnly": "Adresse SIP en audio uniquement",
+        "title": "Partager",
+        "tooltip": "Partager le lien et les informations de connexion pour cette conférence",
+        "upgradeOptions": "Veuillez vérifier les options de mise à niveau",
+        "whiteboardError": "Erreur de chargement du tableau blanc. Veuillez réessayer plus tard."
+    },
+    "inlineDialogFailure": {
+        "msg": "Il y a eu un petit problème.",
+        "retry": "Réessayer",
+        "support": "Support",
+        "supportMsg": "Si ceci persiste, contactez"
+    },
+    "inviteDialog": {
+        "alertText": "Échec lors de l'invitation de certains participants.",
+        "header": "Inviter",
+        "searchCallOnlyPlaceholder": "Saisissez un numéro de téléphone",
+        "searchPeopleOnlyPlaceholder": "Rechercher des participants",
+        "searchPlaceholder": "Participant ou numéro de téléphone",
+        "send": "Envoyer"
+    },
+    "jitsiHome": "{{logo}} Logo, liens vers la page d'accueil",
+    "keyboardShortcuts": {
+        "focusLocal": "Épingler ma vidéo",
+        "focusRemote": "Épingler la vidéo de quelqu'un d'autre",
+        "fullScreen": "Activer / Désactiver le mode plein écran",
+        "giphyMenu": "Activer/désactiver le menu GIPHY",
+        "keyboardShortcuts": "Raccourcis clavier",
+        "localRecording": "Afficher / Masquer les commandes de l'enregistrement local",
+        "mute": "Activer / Couper le microphone",
+        "pushToTalk": "Maintenir la touche pour parler",
+        "raiseHand": "Lever / Baisser la main",
+        "showSpeakerStats": "Afficher les statistiques de l'interlocuteur",
+        "toggleChat": "Ouvrir / Fermer le panneau de conversation",
+        "toggleFilmstrip": "Afficher / Masquer les vignettes vidéos",
+        "toggleParticipantsPane": "Afficher ou masquer le volet des participants",
+        "toggleScreensharing": "Basculer entre la caméra et le partage d'écran",
+        "toggleShortcuts": "Afficher / Masquer les raccourcis clavier",
+        "videoMute": "Démarrer / Arrêter votre caméra"
+    },
+    "largeVideo": {
+        "screenIsShared": "Vous êtes en train de partager votre écran",
+        "showMeWhatImSharing": "M'afficher ce que je partage"
+    },
+    "liveStreaming": {
+        "busy": "Nous tentons de libérer des ressources de diffusion. Veuillez réessayez dans quelques minutes.",
+        "busyTitle": "Tous les flux sont actuellement occupés",
+        "changeSignIn": "Changer de compte.",
+        "choose": "Choisir un flux en direct",
+        "chooseCTA": "Choisissez une option de diffusion. Vous êtes actuellement connecté comme {{email}}.",
+        "enterStreamKey": "Entrez votre clé de diffusion Youtube ici",
+        "error": "La diffusion a échouée. Veuillez réessayer ultérieurement.",
+        "errorAPI": "Une erreur s'est produite lors de l'accès à vos diffusions YouTube. Veuillez réessayer de vous connecter.",
+        "errorLiveStreamNotEnabled": "La diffusion en direct n'est pas activée pour {{email}}. Merci de l'activer ou de vous connecter avec un compte où elle est déjà activée.",
+        "expandedOff": "La diffusion en direct a été arrêtée",
+        "expandedOn": "La conférence est en cours de diffusion sur YouTube.",
+        "expandedPending": "La diffusion en direct a commencé…",
+        "failedToStart": "La diffusion n'a pas réussi à démarrer",
+        "getStreamKeyManually": "Nous n'avons pas réussi à récupérer un flux de direct. Essayez d'obtenir votre clé de diffusion en direct sur YouTube.",
+        "googlePrivacyPolicy": "Politique de confidentialité de Google",
+        "inProgress": "Enregisrtement ou diffusion en cours",
+        "invalidStreamKey": "La clé de diffusion en direct n'est peut-être pas correcte.",
+        "limitNotificationDescriptionNative": "Votre diffusion sera limitée à {{limit}} min. Pour une diffusion illimitée, essayez {{app}}.",
+        "limitNotificationDescriptionWeb": "En raison d'une forte demande, votre diffusion sera limitée à {{limit}} min. Pour une diffusion illimitée, essayez <a href={{url}} rel='noopener noreferrer' target='_blank'> {{app}} </a>.",
+        "off": "La diffusion en direct (streaming) a été arrêté",
+        "offBy": "{{name}} a arrêté la diffusion en direct",
+        "on": "En direct",
+        "onBy": "{{name}} a démarré la diffusion en direct",
+        "pending": "Lancement du direct…",
+        "policyError": "Vous avez essayé de démarrer une diffusion en direct trop rapidement. Veuillez réessayer plus tard !",
+        "serviceName": "Service de diffusion en direct",
+        "sessionAlreadyActive": "Cette session est déjà en cours d'enregistrement ou de diffusion.",
+        "signIn": "Se connecter avec Google",
+        "signInCTA": "Connectez vous ou saisissez votre clé de diffusion Youtube.",
+        "signOut": "Se déconnecter",
+        "signedInAs": "Vous êtes connecté en tant que :",
+        "start": "Démarrer la diffusion en direct",
+        "streamIdHelp": "Qu'est-ce que c'est ?",
+        "title": "Diffusion en direct",
+        "unavailableTitle": "La diffusion est indisponible",
+        "youtubeTerms": "Conditions d'utilisation de YouTube"
+    },
+    "lobby": {
+        "backToKnockModeButton": "Aucun mot de passe, demander à rejoindre plutôt",
+        "chat": "Chat",
+        "dialogTitle": "Mode salle d'attente",
+        "disableDialogContent": "Le mode salle d'attente est actuellement activé. Cette fonctionnalité garantit que les participants indésirables ne peuvent pas rejoindre votre réunion. Souhaitez-vous la désactiver ?",
+        "disableDialogSubmit": "Désactiver",
+        "emailField": "Saisissez votre adresse email",
+        "enableDialogPasswordField": "Définir le mot de passe (optionnel)",
+        "enableDialogSubmit": "Activer",
+        "enableDialogText": "Le mode salle d'attente vous permet de protéger votre réunion en autorisant les personnes à entrer qu'après l'approbation formelle d'un modérateur.",
+        "enterPasswordButton": "Saisissez un mot de passe de réunion",
+        "enterPasswordTitle": "Saisissez le mot de passe pour rejoindre la réunion",
+        "errorMissingPassword": "Veuillez saisir le mot de passe de la réunion",
+        "invalidPassword": "Mot de passe invalide",
+        "joinRejectedMessage": "Votre requête pour rejoindre une réunion a été refusée par un modérateur.",
+        "joinRejectedTitle": "Demande d'accès rejetée.",
+        "joinTitle": "Rejoindre une réunion",
+        "joinWithPasswordMessage": "Tentative de rejoindre avec mot de passe, patientez s'il vous plait…",
+        "joiningMessage": "Vous allez rejoindre une réunion dès que quelqu'un aura accepté votre demande",
+        "joiningTitle": "Demander à rejoindre une réunion…",
+        "joiningWithPasswordTitle": "Rejoindre avec mot de passe…",
+        "knockButton": "Demander à rejoindre",
+        "knockTitle": "Quelqu'un souhaite rejoindre la réunion",
+        "knockingParticipantList": "Liste des participants en attente",
+        "lobbyChatStartedNotification": "Un modérateur dialogue en salle d'attente avec {{attendee}}",
+        "lobbyChatStartedTitle": "Un modérateur dialogue en salle d'attente avec vous.",
+        "lobbyClosed": "La salle d'attente a été fermée.",
+        "nameField": "Saisissez votre nom",
+        "notificationLobbyAccessDenied": "{{targetParticipantName}} a été refusé par {{originParticipantName}}",
+        "notificationLobbyAccessGranted": "{{targetParticipantName}} a été accepté par {{originParticipantName}}",
+        "notificationLobbyDisabled": "Le mode salle d'attente a été désactivé par {{originParticipantName}}",
+        "notificationLobbyEnabled": "Le mode salle d'attente a été activé par {{originParticipantName}}",
+        "notificationTitle": "Salle d'attente",
+        "passwordJoinButton": "Rejoindre",
+        "title": "Salle d'attente",
+        "toggleLabel": "Activer la salle d'attente",
+        "waitForModerator": "La conférence n'a pas encore commencé car aucun modérateur n'est encore arrivé. Si vous souhaitez devenir modérateur, veuillez vous connecter. Sinon, veuillez attendre."
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Inactif",
+            "on": "Actif",
+            "unknown": "Inconnu"
+        },
+        "dialogTitle": "Commandes de l'enregistrement local",
+        "duration": "Durée",
+        "durationNA": "N/A",
+        "encoding": "Encodage",
+        "label": "ENR-LOC",
+        "labelToolTip": "L'enregistrement local est démarré",
+        "localRecording": "Enregistrement local",
+        "me": "Moi",
+        "messages": {
+            "engaged": "L'enregistrement local a démarré.",
+            "finished": "L'enregistrement de la session {{token}} s'est terminé. Merci d'envoyer le fichier au modérateur.",
+            "finishedModerator": "L'enregistrement de la session {{token}} s'est terminé. L'enregistrement a bien été sauvegardée. Merci de demander aux autres participants de soumettre leurs enregistrements.",
+            "notModerator": "Vous n'êtes pas le modérateur. Vous ne pouvez pas démarrer ou arrêter un enregistrement local."
+        },
+        "moderator": "Droits de modérateur accordés",
+        "no": "Non",
+        "participant": "Participant(e)",
+        "participantStats": "Statistiques du participant",
+        "selectTabTitle": "🎥 Veuillez sélectionner cet onglet pour enregistrer",
+        "sessionToken": "Token de la session",
+        "start": "Démarrer l'enregistrement",
+        "stop": "Arrêter l'enregistrement",
+        "stopping": "Arrêt de l'enregistrement",
+        "wait": "Patienter pendant la sauvegarde de votre enregistrement.",
+        "yes": "Oui"
+    },
+    "lockRoomPassword": "mot de passe",
+    "lockRoomPasswordUppercase": "Mot de passe",
+    "lonelyMeetingExperience": {
+        "button": "Inviter d'autres personnes",
+        "youAreAlone": "Vous êtes le seul participant de la réunion"
+    },
+    "me": "moi",
+    "notify": {
+        "OldElectronAPPTitle": "Faille de sécurité !",
+        "allowAll": "Tout autoriser",
+        "allowAudio": "Autoriser l'audio",
+        "allowDesktop": "Autoriser le partage d'écran",
+        "allowVideo": "Autoriser la vidéo",
+        "allowedUnmute": "Vous pouvez réactiver votre écran, votre caméra ou partager votre écran.",
+        "audioUnmuteBlockedDescription": "Le rétablissement du son a été bloqué temporairement en raison de limites système.",
+        "audioUnmuteBlockedTitle": "Rétablissement du son bloqué !",
+        "chatMessages": "Messages de chat",
+        "connectedOneMember": "{{name}} a rejoint la réunion",
+        "connectedThreePlusMembers": "{{name}} et {{count}} autres personnes ont rejoint la réunion",
+        "connectedTwoMembers": "{{first}} et {{second}} ont rejoint la réunion",
+        "connectionFailed": "Connexion échouée. Veuillez réessayer plus tard !",
+        "dataChannelClosed": "Qualité vidéo dégradée",
+        "dataChannelClosedDescription": "Le canal de communication avec le Bridge a été interrompu, la qualité vidéo se trouve limitée à sa valeur la plus faible.",
+        "dataChannelClosedDescriptionWithAudio": "Le canal de pont est fermé, ce qui peut entraîner des perturbations de l'audio et de la vidéo.",
+        "dataChannelClosedWithAudio": "La qualité de l'audio et de la vidéo peut être altérée",
+        "desktopMutedRemotelyTitle": "Votre partage d'écran a été arrêté par {{participantDisplayName}}",
+        "disabledIframe": "L'intégration Iframe est uniquement destinée à des démos, cet appel se terminera dans {{timeout}} minutes.",
+        "disabledIframeSecondaryNative": "L'intégration de {{domain}} est uniquement destinée aux fins de démonstration, cet appel se terminera dans {{timeout}} minutes.",
+        "disabledIframeSecondaryWeb": "L'intégration de {{domain}} est uniquement destinée aux fins de démonstration, cet appel se terminera dans {{timeout}} minutes. Veuillez utiliser <a href='{{jaasDomain}}' rel='noopener noreferrer' target='_blank'>Jitsi as a Service</a> pour l'intégration en production !",
+        "disconnected": "déconnecté",
+        "displayNotifications": "Afficher les notifications pour",
+        "dontRemindMe": "Ne pas me le rappeler",
+        "focus": "Focus de conférence",
+        "focusFail": "{{component}} n'est pas disponible - réessayez dans {{ms}} sec",
+        "gifsMenu": "GIPHY",
+        "groupTitle": "Notifications",
+        "hostAskedUnmute": "Le modérateur souhaite vous donner la parole",
+        "invalidTenant": "Tenant invalide",
+        "invalidTenantHyphenDescription": "Le tenant que vous utilisez est invalide (commence ou se termine par '-').",
+        "invalidTenantLengthDescription": "Le tenant que vous utilisez est trop long.",
+        "invitedOneMember": "{{name}} a été invité(e)",
+        "invitedThreePlusMembers": "{{name}} et {{count}} autres ont été invités",
+        "invitedTwoMembers": "{{first}} et {{second}} ont été invités",
+        "joinMeeting": "Rejoindre",
+        "kickParticipant": "{{kicked}} a été expulsé par {{kicker}}",
+        "leftOneMember": "{{name}} a quitté la réunion",
+        "leftThreePlusMembers": "{{name}} et beaucoup d'autres ont quitté la réunion",
+        "leftTwoMembers": "{{first}} et {{second}} ont quitté la réunion",
+        "linkToSalesforce": "Lien à Salesforce",
+        "linkToSalesforceDescription": "Vous pouvez lier le résumé de la conférence à un objet Salesforce.",
+        "linkToSalesforceError": "Impossible de relier la conférence à Salesforce",
+        "linkToSalesforceKey": "Relier cette conférence",
+        "linkToSalesforceProgress": "Liaison de la conférence à Salesforce…",
+        "linkToSalesforceSuccess": "La conférence a été reliée à Salesforce",
+        "localRecordingStarted": "{{name}} a commencé un enregistrement local.",
+        "localRecordingStopped": "{{name}} a arrêté un enregistrement local.",
+        "me": "Moi",
+        "moderationInEffectCSDescription": "Merci de lever la main si vous voulez partager votre écran.",
+        "moderationInEffectCSTitle": "Le partage d'écran est interdit par le modérateur",
+        "moderationInEffectDescription": "Merci de levez la main pour demander la parole.",
+        "moderationInEffectTitle": "Votre micro est coupé par le modérateur",
+        "moderationInEffectVideoDescription": "Merci de lever la main si vous souhaitez démarrer votre caméra.",
+        "moderationInEffectVideoTitle": "Votre caméra est coupée par le modérateur",
+        "moderationRequestFromModerator": "Le modérateur souhaite que vous activiez votre micro",
+        "moderationRequestFromParticipant": "Souhaite parler",
+        "moderationStartedTitle": "Modération démarrée",
+        "moderationStoppedTitle": "Modération arrêtée",
+        "moderationToggleDescription": "par {{participantDisplayName}}",
+        "moderator": "Droits modérateur accordés !",
+        "muted": "Vous avez commencé la conversation en muet.",
+        "mutedRemotelyDescription": "Vous pouvez toujours activer votre micro pour prendre la parole. Désactivez votre micro quand vous terminez pour éviter les bruits parasites.",
+        "mutedRemotelyTitle": "Votre micro a été coupé par {{participantDisplayName}} !",
+        "mutedTitle": "Vous êtes en muet !",
+        "newDeviceAction": "Utiliser",
+        "newDeviceAudioTitle": "Nouveau périphérique audio détecté",
+        "newDeviceCameraTitle": "Nouvelle caméra détectée",
+        "nextToSpeak": "Vous êtes le prochain à prendre la parole",
+        "noiseSuppressionDesktopAudioDescription": "La suppression de bruit ne peut pas être activée en même temps que la partage audio du système, veuillez le désactiver et réessayer.",
+        "noiseSuppressionFailedTitle": "Échec du démarrage de la suppression de bruit",
+        "noiseSuppressionStereoDescription": "La suppression de bruit d’une source stéréo n’est pas encore supportée.",
+        "oldElectronClientDescription1": "Vous semblez utiliser une ancienne version du client Jitsi Meet qui présente des failles de sécurité connues. Veuillez vous assurer de mettre à jour vers notre ",
+        "oldElectronClientDescription2": "dernière build",
+        "oldElectronClientDescription3": " rapidement !",
+        "openChat": "Ouvrir le chat",
+        "participantWantsToJoin": "souhaite rejoindre la réunion",
+        "participantsWantToJoin": "souhaitent rejoindre la réunion",
+        "passwordRemovedRemotely": "Le $t(lockRoomPassword) a été supprimé par un autre participant",
+        "passwordSetRemotely": "Un $t(lockRoomPassword) a été défini par un autre participant",
+        "raiseHandAction": "Lever la main",
+        "raisedHand": "{{name}} aimerait prendre la parole.",
+        "raisedHands": "{{participantName}} et {{raisedHands}} autres personnes",
+        "reactionSounds": "Bloquer les réactions sonores",
+        "reactionSoundsForAll": "Bloquer les réactions sonores pour tous",
+        "screenShareNoAudio": " La case Partager l'audio n'a pas été cochée dans l'écran de sélection de la fenêtre.",
+        "screenShareNoAudioTitle": "La case Partager l'audio n'a pas été cochée",
+        "screenSharingAudioOnlyDescription": "Veuillez noter qu’en partageant votre écran, vous impactez le mode “Meilleure Performance” et vous utilisez plus de bande passante.",
+        "screenSharingAudioOnlyTitle": "Mode \"Meilleure Performance\"",
+        "selfViewTitle": "Vous pouvez toujours rétablir l'affichage de votre propre vidéo dans les paramètres",
+        "somebody": "Quelqu'un",
+        "startSilentDescription": "Rejoignez la réunion de nouveau pour activer l'audio",
+        "startSilentTitle": "Vous avez rejoint sans sortie audio !",
+        "suboptimalBrowserWarning": "Nous craignons que votre expérience de réunion en ligne ne soit pas idéale ici. Nous cherchons des moyens d'améliorer cela, mais d'ici-là, essayez d'utiliser l'un des <a href='{{recommendedBrowserPageLink}}' target='_blank'>navigateurs supportés</a>.",
+        "suboptimalExperienceTitle": "Avertissement du navigateur",
+        "suggestRecordingAction": "Démarrer",
+        "suggestRecordingDescription": "Souhaitez-vous démarrer un enregistrement ?",
+        "suggestRecordingTitle": "Enregistrer cette réunion",
+        "unmute": "Rétablir le son",
+        "unmuteScreen": "Démarrer le partage d'écran",
+        "unmuteVideo": "Réactiver la vidéo",
+        "videoMutedRemotelyDescription": "Vous pouvez toujours la réactiver.",
+        "videoMutedRemotelyTitle": "Votre caméra a été coupée par {{participantDisplayName}}!",
+        "videoUnmuteBlockedDescription": "Le rétablissement de la vidéo a été bloqué temporairement en raison de limites système.",
+        "videoUnmuteBlockedTitle": "Rétablissement de la caméra bloqué !",
+        "viewLobby": "Voir la salle d'attente",
+        "viewParticipants": "Voir les participants",
+        "viewVisitors": "Voir les visiteurs",
+        "waitingParticipants": "{{waitingParticipants}} personnes",
+        "waitingVisitors": "Visiteurs en attente dans la file : {{waitingVisitors}}",
+        "waitingVisitorsTitle": "La réunion n'est pas encore en direct !",
+        "whiteboardLimitDescription": "Veuillez sauvegarder votre progression, car la limite d’utilisation du tableau blanc sera bientôt atteinte et celui-ci sera fermé.",
+        "whiteboardLimitTitle": "Utiilisation du tableau blanc"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "Accepter",
+            "admitAll": "Tout accepter",
+            "allow": "Autoriser les participants à:",
+            "allowDesktop": "Autoriser le partage d'écran",
+            "allowVideo": "permettre la vidéo",
+            "askDesktop": "Demander de partager l'écran",
+            "askUnmute": "Demander de réactiver le micro",
+            "audioModeration": "Rouvrir leur micro",
+            "blockEveryoneMicCamera": "Bloquer tous les micros et caméras",
+            "breakoutRooms": "Salles annexes",
+            "desktopModeration": "Démarrer le partage d'écran",
+            "goLive": "Passer en direct",
+            "invite": "Inviter quelqu'un",
+            "lowerAllHands": "Abaisser toutes les mains",
+            "lowerHand": "Abaisser la main",
+            "moreModerationActions": "Options de modération supplémentaires",
+            "moreModerationControls": "Options de modération supplémentaires",
+            "moreParticipantOptions": "Options supplémentaires pour les participants",
+            "mute": "Couper le micro",
+            "muteAll": "Couper le micro de tout le monde",
+            "muteEveryoneElse": "Couper le micro de tous les autres",
+            "reject": "Refuser",
+            "stopDesktop": "Arrêter le partage d'écran",
+            "stopEveryonesDesktop": "Arrêter le partage d'écran de tout le monde",
+            "stopEveryonesVideo": "Couper toutes les caméras",
+            "stopVideo": "Couper la vidéo",
+            "unblockEveryoneMicCamera": "Débloquer tous les micros et caméras",
+            "videoModeration": "Démarrer leur vidéo"
+        },
+        "close": "Fermer",
+        "headings": {
+            "lobby": "Salle d'attente ({{count}})",
+            "participantsList": "Participants de la réunion ({{count}})",
+            "viewerRequests": "Demandes des spectateurs {{count}}",
+            "visitorInQueue": " (en attente {{count}})",
+            "visitorRequests": "(Demande {{count}} )",
+            "visitors": "Visiteurs {{count}}",
+            "visitorsList": "Spectateurs ({{count}})",
+            "waitingLobby": "Dans la salle d'attente ({{count}})"
+        },
+        "search": "Rechercher des participants",
+        "searchDescription": "Commencez à taper pour filtrer les participants",
+        "title": "Participants"
+    },
+    "passwordDigitsOnly": "Jusqu'à {{number}} chiffres",
+    "passwordSetRemotely": "défini par un autre participant",
+    "pinParticipant": "Épingler - {{participantName}}",
+    "pinnedParticipant": "Participant toujours affiché",
+    "polls": {
+        "answer": {
+            "edit": "Modifier",
+            "send": "Envoyer",
+            "skip": "Passer",
+            "submit": "Envoyer"
+        },
+        "by": "Par {{ name }}",
+        "closeButton": "Fermer le sondage",
+        "create": {
+            "addOption": "Ajouter une option",
+            "answerPlaceholder": "Option {{index}}",
+            "cancel": "Annuler",
+            "create": "Créer un sondage",
+            "pollOption": "Option {{index}}",
+            "pollQuestion": "Question du sondage",
+            "questionPlaceholder": "Poser une question",
+            "removeOption": "Supprimer l'option",
+            "save": "Enregistrer",
+            "send": "Envoyer"
+        },
+        "errors": {
+            "notUniqueOption": "Les options doivent être uniques"
+        },
+        "notification": {
+            "description": "Ouvrez l'onglet des sondages pour voter",
+            "title": "Un nouveau sondage a été ajouté à la réunion"
+        },
+        "results": {
+            "changeVote": "Changer le vote",
+            "empty": "Il n'y a pas encore de sondages dans cette réunion. Démarrez un sondage ici !",
+            "hideDetailedResults": "Masquer les détails",
+            "showDetailedResults": "Afficher les détails",
+            "vote": "Voter"
+        }
+    },
+    "poweredby": "produit par",
+    "prejoin": {
+        "audioAndVideoError": "Erreur audio et video:",
+        "audioDeviceProblem": "Il y a un problème avec votre périphérique audio",
+        "audioOnlyError": "Erreur audio :",
+        "audioTrackError": "N'a pas pu créer la piste audio.",
+        "callMe": "Appelez-moi",
+        "callMeAtNumber": "Appelez-moi à ce numéro :",
+        "calling": "Appel",
+        "configuringDevices": "Configuration des appareils…",
+        "connectedWithAudioQ": "Êtes-vous connecté avec le microphone ?",
+        "connection": {
+            "failed": "Le test de connexion a échoué !",
+            "good": "Votre connexion Internet est bonne !",
+            "nonOptimal": "Votre connexion n'est pas optimale",
+            "poor": "Vous avez une mauvaise connexion",
+            "running": "Exécution du test de connexion…"
+        },
+        "connectionDetails": {
+            "audioClipping": "Attendez vous à ce que votre son soit coupé.",
+            "audioHighQuality": "Votre son sera de bonne qualité.",
+            "audioLowNoVideo": "Attendez vous à une faible qualité audio et aucune vidéo",
+            "goodQuality": "Impressionnant ! La qualité de vos médias sera excellente",
+            "noMediaConnectivity": "Nous n'avons pas pu trouver un moyen d'établir une connectivité multimédia pour ce test. Cela est généralement causé par un pare-feu ou un NAT.",
+            "noVideo": "Attendez vous à ce que votre qualité vidéo soit très mauvaise.",
+            "testFailed": "Le test de connexion a rencontré des problèmes inattendus, mais cela pourrait ne pas affecter votre expérience.",
+            "undetectable": "Si vous ne parvenez toujours pas à passer des appels dans le navigateur, nous vous recommandons de vous assurer que vos haut-parleurs, microphone et caméra sont correctement configurés, que vous avez accordé à votre navigateur les droits d'utiliser votre microphone et votre caméra et que la version de votre navigateur est à jour. Si vous rencontrez toujours des difficultés pour appeler, vous devez contacter le développeur de l'application Web.",
+            "veryPoorConnection": "Attendez vous à ce que la qualité de votre appel soit très mauvaise",
+            "videoFreezing": "Attendez vous à ce que votre vidéo saute, soit noire, et pixelisée.",
+            "videoHighQuality": "Votre vidéo sera de bonne qualité",
+            "videoLowQuality": "Votre vidéo sera de basse qualité en terme d'images par seconde et de résolution.",
+            "videoTearing": "Attendez vous à ce que votre vidéo soit pixélisée ou contienne des artefacts visuels."
+        },
+        "copyAndShare": "Copier & partager le lien",
+        "dialInMeeting": "Participez à la réunion",
+        "dialInPin": "Participez à la réunion et saisir le code PIN :",
+        "dialing": "Numérotation",
+        "doNotShow": "Ne plus afficher ceci",
+        "errorDialOut": "Impossible de composer le numéro",
+        "errorDialOutDisconnected": "Impossible de composer le numéro. Déconnecté",
+        "errorDialOutFailed": "Impossible de composer le numéro. L'appel a échoué",
+        "errorDialOutStatus": "Erreur lors de l'obtention de l'état d'appel sortant",
+        "errorMissingName": "Veuillez entrer votre nom pour entrer en conférence",
+        "errorNoPermissions": "Vous devez permettre l'accès microphone et caméra",
+        "errorStatusCode": "Erreur de numérotation, code d'état: {{status}}",
+        "errorValidation": "La validation du numéro a échoué",
+        "iWantToDialIn": "Je veux me connecter",
+        "initiated": "Appel lancé",
+        "joinAudioByPhone": "Rejoindre avec l'audio du téléphone",
+        "joinMeeting": "Rejoindre la réunion",
+        "joinMeetingInLowBandwidthMode": "Rejoindre en mode bande passante réduite",
+        "joinWithoutAudio": "Rejoignez sans microphone",
+        "keyboardShortcuts": "Activer les raccourcis clavier",
+        "linkCopied": "Lien copié dans le presse-papiers",
+        "lookGood": "Il semble que votre microphone fonctionne correctement",
+        "or": "ou",
+        "premeeting": "Pré-séance",
+        "proceedAnyway": "Continuer quand même",
+        "recordingWarning": "D'autres participants peuvent enregistrer cet appel",
+        "screenSharingError": "Erreur de partage d'écran:",
+        "startWithPhone": "Commencez avec l'audio du téléphone",
+        "unsafeRoomConsent": "Je comprends les risques et je veux quand même rejoindre cette réunion",
+        "videoOnlyError": "Erreur vidéo:",
+        "videoTrackError": "Impossible de créer une piste vidéo.",
+        "viewAllNumbers": "voir tous les numéros"
+    },
+    "presenceStatus": {
+        "busy": "Occupé",
+        "calling": "Appel…",
+        "connected": "Connecté",
+        "connecting": "Connexion en cours…",
+        "connecting2": "Connexion en cours*…",
+        "disconnected": "Déconnecté",
+        "expired": "Expiré",
+        "ignored": "Ignoré",
+        "initializingCall": "Lancement de l'appel…",
+        "invited": "Invité(e)",
+        "rejected": "Rejeté",
+        "ringing": "Appel en cours…"
+    },
+    "profile": {
+        "avatar": "avatar",
+        "setDisplayNameLabel": "Choisissez un pseudo",
+        "setEmailInput": "Entrez une adresse email",
+        "setEmailLabel": "Définir votre courriel Gravatar",
+        "title": "Profil"
+    },
+    "raisedHand": "Aimerait prendre la parole",
+    "raisedHandsLabel": "Nombre de mains levées",
+    "record": {
+        "already": {
+            "linked": "L'enregistrement est déjà relié à cette session."
+        },
+        "type": {
+            "account": "Compte",
+            "contact": "Contact",
+            "lead": "Piste",
+            "opportunity": "Opportunité",
+            "owner": "Propriétaire"
+        }
+    },
+    "recording": {
+        "authDropboxText": "Téléchargement vers Dropbox",
+        "availableSpace": "Espace disponible : {{spaceLeft}} Mo (approximativement {{duration}} minutes d'enregistrement)",
+        "beta": "BETA",
+        "busy": "Nous sommes en train de libérer les ressources d'enregistrement. Réessayez dans quelques minutes.",
+        "busyTitle": "Tous les enregistreurs sont actuellement occupés",
+        "copyLink": "Copier lien",
+        "error": "Échec de l'enregistrement. Veuillez réessayer.",
+        "errorFetchingLink": "Erreur de récupération du lien d'enregistrement.",
+        "expandedOff": "L'enregistrement a été arrêté",
+        "expandedOn": "Cette conférence est actuellement en cours d'enregistrement.",
+        "expandedPending": "Démarrage de l'enregistrement…",
+        "failedToStart": "L'enregistrement n'a pas réussi à démarrer",
+        "fileSharingdescription": "Partager l'enregistrement avec les participants de la réunion",
+        "highlight": "Souligner",
+        "highlightMoment": "Souligner un moment",
+        "highlightMomentDisabled": "Vous ne pouvez souligner des moments que pendant une réunion",
+        "highlightMomentSuccess": "Moment souligné",
+        "highlightMomentSucessDescription": "Votre moment souligné sera ajouté au résumé de la réunion.",
+        "inProgress": "Enregistrement ou diffusion en cours",
+        "limitNotificationDescriptionNative": "En raison d'une forte demande, votre enregistrement sera limité à {{limit}} min. Pour des enregistrements illimités, essayez <3> {{app}} </3>.",
+        "limitNotificationDescriptionWeb": "En raison d'une forte demande, votre enregistrement sera limité à {{limit}} min. Pour des enregistrements illimités, essayez <a href={{url}} rel='noopener noreferrer' target='_blank'> {{app}} </a>.",
+        "linkGenerated": "Nous avons généré un lien à votre enregistrement.",
+        "localRecordingNoNotificationWarning": "Le démarrage de l’enregistrement ne sera pas annoncé aux autres participants. Vous devrez les informer par vous-même que la réunion sera enregistrée.",
+        "localRecordingNoVideo": "La vidéo n'est pas en cours d’enregistrement",
+        "localRecordingStartWarning": "Assurez-vous d’arrêter l’enregistrement vidéo avant de quitter la réunion afin de pouvoir le sauvegarder.",
+        "localRecordingStartWarningTitle": "Arrêter l’enregistrement pour le sauvegarder",
+        "localRecordingVideoStop": "Arrêter votre vidéo va aussi arrêter votre enregistrement local. Êtes-vous sûrs de vouloir continuer ?",
+        "localRecordingVideoWarning": "Pour enregistrer votre vidéo, vous devez avoir celle-ci active au moment de commencer l’enregistrement.",
+        "localRecordingWarning": "Assurez-vous de sélectionner l’onglet courant pour utiliser le bon son et la bonne vidéo.",
+        "loggedIn": "Connecté en tant que {{userName}}",
+        "noMicPermission": "La piste microphone ne peut pas être créée. Veuillez autoriser l’utilisation du microphone.",
+        "noStreams": "Aucun flux audio ou vidéo détectés.",
+        "off": "Enregistrement arrêté",
+        "offBy": "{{name}} a arrêté l'enregistrement",
+        "on": "Enregistrement",
+        "onBy": "{{name}} a démarré l'enregistrement",
+        "onlyRecordSelf": "Enregistrer seulement mon audio et ma vidéo.",
+        "pending": "Préparation de l'enregistrement de la réunion…",
+        "policyError": "Vous avez essayé de démarrer un enregistrement trop rapidement. Veuillez réessayer plus tard !",
+        "recordAudioAndVideo": "Enregistrer l'audio et la vidéo",
+        "recordTranscription": "Enregistrer la transcription",
+        "saveLocalRecording": "Sauvegarder l’enregistrement local (Beta)",
+        "serviceDescription": "Votre enregistrement sera enregistré par le service dédié",
+        "serviceDescriptionCloud": "Enregistrement Cloud",
+        "serviceDescriptionCloudInfo": "Les conférences enregistrées sont automatiquement supprimées 24h après leur heure d'enregistrement.",
+        "serviceName": "Service d'enregistrement",
+        "sessionAlreadyActive": "Cette session est déjà en cours d'enregistrement ou de diffusion.",
+        "showAdvancedOptions": "Afficher les options avancées",
+        "signIn": "Se connecter",
+        "signOut": "Se déconnecter",
+        "surfaceError": "Veuillez sélectionner l’onglet courant.",
+        "title": "Enregistrement",
+        "unavailable": "Oups ! Le {{serviceName}} est actuellement indisponible. Nous tentons de résoudre le problème. Veuillez réessayer plus tard.",
+        "unavailableTitle": "Enregistrement indisponible",
+        "uploadToCloud": "Envoyer vers le cloud"
+    },
+    "screenshareDisplayName": "Écran {{name}}",
+    "sectionList": {
+        "pullToRefresh": "Tirer pour recharger"
+    },
+    "security": {
+        "about": "Vous pouvez ajouter un mot de passe à votre réunion. Les participants devront fournir le mot de passe avant de pouvoir rejoindre la réunion.",
+        "aboutReadOnly": "Les modérateurs peuvent ajouter un mot de passe à la réunion. Les participants devront fournir le mot de passe avant de pouvoir rejoindre la réunion.",
+        "insecureRoomNameWarningNative": "Le nom de la réunion n’est pas sûr. Des participants non voulus pourraient rejoindre cette réunion. {{recommendAction}} En apprendre plus sur la sécurisation des réunions.",
+        "insecureRoomNameWarningWeb": "Le nom de la réunion n’est pas sûr. Des participants non voulus pourraient rejoindre cette réunion. {{recommendAction}} En apprendre plus sur la sécurisation des réunions <a href=\"{{securityUrl}}\" rel=\"security\" target=\"_blank\">here</a>.",
+        "title": "Options de sécurité",
+        "unsafeRoomActions": {
+            "meeting": "Envisagez de sécuriser votre réunion en utilisant le bouton options de sécurité.",
+            "prejoin": "Envisagez d'utiliser un nom plus unique",
+            "welcome": "Envisagez d'utiliser un nom plus unique ou choisissez en un parmi ceux suggérés"
+        }
+    },
+    "settings": {
+        "audio": "Audio",
+        "buttonLabel": "Paramètres",
+        "calendar": {
+            "about": "L'intégration de {{appName}} avec votre calendrier permet d'accéder de manière sécurisée aux événements à venir.",
+            "disconnect": "Se déconnecter",
+            "microsoftSignIn": "Se connecter avec Microsoft",
+            "signedIn": "Accès aux événements du calendrier {{email}}. Cliquez sur le bouton se déconnecter ci-dessous pour arrêter l'accès aux événements du calendrier.",
+            "title": "Calendrier"
+        },
+        "chatWithPermissions": "Le chat nécessite une autorisation",
+        "desktopShareFramerate": "Images par seconde pour le Partage d'écran",
+        "desktopShareHighFpsWarning": "Augmenter le nombre d'images par seconde pour le partage d'écran peut impacter votre bande passante. Vous devez repartager l'écran pour que ces paramètres soient utilisés.",
+        "desktopShareWarning": "Vous devez repartager l'écran pour que ces paramètres soient utilisés.",
+        "devices": "Périphériques",
+        "followMe": "Tout le monde me suit",
+        "followMeRecorder": "L'enregistreur me suit",
+        "framesPerSecond": "images par seconde",
+        "incomingMessage": "un message arrive",
+        "language": "Langue",
+        "loggedIn": "Connecté en tant que {{name}}",
+        "maxStageParticipants": "Nombre maximum de participants pouvant être épinglé sur l’affichage principal",
+        "microphones": "Microphones",
+        "moderator": "Modérateur",
+        "moderatorOptions": "Options de modérateur",
+        "more": "Plus",
+        "name": "Nom",
+        "noDevice": "Aucun",
+        "notifications": "Notifications",
+        "participantJoined": "un participant arrive",
+        "participantKnocking": "un participant en salle d’attente",
+        "participantLeft": "un participant quitte",
+        "playSounds": "Jouer un son quand",
+        "reactions": "Il y a une réaction à la réunion",
+        "sameAsSystem": "Identique au système ({{label}})",
+        "selectAudioOutput": "Sortie audio",
+        "selectCamera": "Caméra",
+        "selectMic": "Microphone",
+        "selfView": "Affichage de votre propre vidéo",
+        "shortcuts": "Raccourcis",
+        "showSubtitlesOnStage": "Afficher les sous-titres sur l'écran",
+        "speakers": "Haut-parleurs",
+        "startAudioMuted": "Tout le monde commence en muet",
+        "startReactionsMuted": "Tout le monde commence avec les réactions sonores bloquées",
+        "startVideoMuted": "Tout le monde commence sans vidéo",
+        "talkWhileMuted": "vous parlez en étant muet",
+        "title": "Paramètres",
+        "video": "Vidéo"
+    },
+    "settingsView": {
+        "advanced": "Avancé",
+        "alertCancel": "Annuler",
+        "alertOk": "D'accord",
+        "alertTitle": "Avertissement",
+        "alertURLText": "L'URL du serveur est invalide",
+        "apply": "Appliquer",
+        "buildInfoSection": "Informations de build",
+        "conferenceSection": "Conférence",
+        "disableCallIntegration": "Désactiver l'intégration d'appels native",
+        "disableCrashReporting": "Désactiver les rapports de plantage",
+        "disableCrashReportingWarning": "Etes-vous certain de vouloir désactiver les rapports de plantage ? Le paramètre sera effectif après le redémarrage de l'application.",
+        "disableP2P": "Désactiver le mode pair à pair",
+        "displayName": "Pseudo",
+        "displayNamePlaceholderText": "Ex : Jean Dupond",
+        "email": "Email",
+        "emailPlaceholderText": "email@example..com",
+        "gavatarMessage": "Si votre email est associé à un compte Gravatar, nous allons l’utiliser pour afficher votre image de profil.",
+        "goTo": "Aller à",
+        "header": "Paramètres",
+        "help": "Aide",
+        "links": "Liens",
+        "privacy": "Confidentialité",
+        "profileSection": "Profil",
+        "sdkVersion": "Version du SDK",
+        "serverURL": "URL du serveur",
+        "showAdvanced": "Afficher les paramètres avancés",
+        "startCarModeInLowBandwidthMode": "Commencer le mode voiture en mode bande passante réduite",
+        "startWithAudioMuted": "Commencez avec l'audio en sourdine",
+        "startWithVideoMuted": "Commencez avec la vidéo en sourdine",
+        "terms": "Conditions d’utilisations",
+        "version": "Version"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nVoulez-vous appeler depuis votre téléphone ?\n\n{{defaultDialInNumber}}Cliquez sur ce lien pour afficher les numéros d'appels pour cette réunion\n{{dialInfoPageUrl}}",
+        "mainText": "Cliquez sur le lien suivant pour rejoindre une conférence :\n{{roomUrl}}"
+    },
+    "speaker": "Haut-parleur",
+    "speakerStats": {
+        "angry": "En colère",
+        "disgusted": "Dégoûté",
+        "displayEmotions": "Afficher réactions",
+        "fearful": "Effrayé",
+        "happy": "Content",
+        "hours": "{{count}}h",
+        "labelTooltip": "Nombre de participants : {{count}}",
+        "minutes": "{{count}}m",
+        "name": "Nom",
+        "neutral": "Indifférent",
+        "sad": "Triste",
+        "search": "Recherche",
+        "searchDescription": "Commencez à taper pour filtrer les participants",
+        "searchHint": "Recherche des participants",
+        "seconds": "{{count}}s",
+        "speakerStats": "Statistiques de l'interlocuteur",
+        "speakerTime": "Temps de l'interlocuteur",
+        "surprised": "Surpris"
+    },
+    "startupoverlay": {
+        "genericTitle": "La conférence a besoin d'utiliser votre microphone et votre caméra.",
+        "policyText": " ",
+        "title": "{{app}} a besoin d'accéder à votre microphone et votre caméra."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Rejoindre",
+        "text": "Cliquez sur le bouton <i>Rejoindre</i> pour se reconnecter.",
+        "title": "Votre visioconférence s'est interrompue parce que votre ordinateur s'est mis en veille."
+    },
+    "termsView": {
+        "title": "Conditions d'utilisation"
+    },
+    "toggleTopPanelLabel": "Basculer le panneau supérieur",
+    "toolbar": {
+        "Settings": "Paramètres",
+        "accessibilityLabel": {
+            "Settings": "Ouvrir le menu des paramètres",
+            "audioOnly": "Activer / Désactiver le mode voix uniquement",
+            "audioRoute": "Sélectionner la source audio",
+            "boo": "Hou",
+            "breakoutRooms": "Rejoindre / quitter une salle annexe",
+            "callQuality": "Ajuster la qualité vidéo",
+            "carmode": "Mode voiture",
+            "cc": "Activer / Désactiver les sous-titres",
+            "chat": "Afficher / Masquer la discussion instantanée",
+            "clap": "Applaudir",
+            "closeChat": "Fermer la discussion instantanée",
+            "closeMoreActions": "Fermer le menu plus d'actions",
+            "closeParticipantsPane": "Fermer le panneau des participants",
+            "closedCaptions": "Sous-titres",
+            "collapse": "Plier",
+            "document": "Activer / Désactiver le document partagé",
+            "documentClose": "Fermer le document partagé",
+            "documentOpen": "Ouvrir le document partagé",
+            "download": "Télécharger nos applications",
+            "embedMeeting": "Intégrer la réunion",
+            "endConference": "Terminer la réunion pour tout le monde",
+            "enterFullScreen": "Passer en mode plein écran",
+            "enterTileView": "Passer en vue mosaïque",
+            "exitFullScreen": "Quitter le mode plein écran",
+            "exitTileView": "Quitter la vue mosaïque",
+            "expand": "Développer",
+            "feedback": "Laisser des commentaires",
+            "fullScreen": "Activer / Désactiver le plein écran",
+            "giphy": "Activer/désactiver le menu GIPHY",
+            "grantModerator": "donner des droits de modérateur",
+            "hangup": "Quitter la conversation",
+            "heading": "Barre d'outils",
+            "help": "Aide",
+            "hideWhiteboard": "Masquer le tableau blanc",
+            "invite": "Inviter des participants",
+            "kick": "Expulser le participant",
+            "laugh": "Rire",
+            "leaveConference": "Quitter la réunion",
+            "like": "Approuver",
+            "linkToSalesforce": "Lien à Salesforce",
+            "lobbyButton": "Activer / Désactiver le mode salle d'attente",
+            "localRecording": "Activer / Désactiver les contrôles d'enregistrement local",
+            "lockRoom": "Activer / Désactiver le mot de passe de la réunion",
+            "love": "Cœur",
+            "lowerHand": "Baisser la main",
+            "moreActions": "Activer / Désactiver le menu d'actions supplémentaires",
+            "moreActionsMenu": "Menu d'actions supplémentaires",
+            "moreOptions": "Voir plus d'options",
+            "mute": "Couper votre micro",
+            "muteEveryone": "Couper le micro de tout le monde",
+            "muteEveryoneElse": "Couper le micro de tous les autres",
+            "muteEveryoneElsesVideoStream": "Couper la caméra de tous les autres",
+            "muteEveryonesVideoStream": "Couper la caméra de tout le monde",
+            "muteGUMPending": "Connection de votre microphone",
+            "noiseSuppression": "Suppression du bruit",
+            "openChat": "Ouvrir le chat",
+            "participants": "Participants",
+            "pip": "Activer / Désactiver le mode Picture in Picture",
+            "privateMessage": "Envoyer un message privé",
+            "profile": "Éditer votre profil",
+            "raiseHand": "Lever la main",
+            "react": "Réactions aux messages",
+            "reactions": "Réactions",
+            "reactionsMenu": "Ouvrir / fermer le menu réactions",
+            "recording": "Activer / Désactiver l'enregistrement",
+            "remoteMute": "Couper le micro du participant",
+            "remoteVideoMute": "Couper la caméra du participant",
+            "security": "Options de sécurité",
+            "selectBackground": "Selectionner un arrière-plan",
+            "selfView": "Afficher votre vidéo",
+            "shareRoom": "Inviter quelqu'un",
+            "shareYourScreen": "Activer / Désactiver le partage d'écran",
+            "shareaudio": "Partager l'audio",
+            "sharedvideo": "Démarrer / Arrêter le partage de vidéo",
+            "shortcuts": "Afficher / Masquer les raccourcis",
+            "show": "Afficher en premier plan",
+            "showWhiteboard": "Afficher le tableux blanc",
+            "silence": "Silence",
+            "speakerStats": "Afficher / Masquer les statistiques de parole",
+            "stopScreenSharing": "Arrêter le partage d'écran",
+            "stopSharedVideo": "Arrêter la vidéo partagée",
+            "surprised": "Surpris",
+            "tileView": "Activer / Désactiver la vue mosaïque",
+            "toggleCamera": "Changer de caméra",
+            "toggleFilmstrip": "Afficher ou masquer les vignettes vidéo",
+            "unmute": "Activer votre micro",
+            "videoblur": "Activer / désactiver le floutage",
+            "videomute": "Couper votre vidéo",
+            "videomuteGUMPending": "Connexion de votre caméra",
+            "videounmute": "Activer votre vidéo"
+        },
+        "addPeople": "Ajouter des personnes à votre appel",
+        "advancedAudioSettings": {
+            "aec": {
+                "label": "Suppression d'écho acoustique"
+            },
+            "agc": {
+                "label": "Contrôle automatique du gain"
+            },
+            "ns": {
+                "label": "Suppression de bruit"
+            },
+            "stereo": {
+                "label": "Stéréo"
+            }
+        },
+        "audioOnlyOff": "Désactiver le mode bande passante réduite",
+        "audioOnlyOn": "Activer le mode bande passante réduite",
+        "audioRoute": "Sélectionner la source audio",
+        "audioSettings": "Paramètres audio",
+        "authenticate": "Authentifiez-vous",
+        "boo": "Huer",
+        "callQuality": "Ajuster la qualité vidéo",
+        "chat": "Ouvrir / Fermer le chat",
+        "clap": "Applaudir",
+        "closeChat": "Fermer le chat",
+        "closeParticipantsPane": "Fermer le panneau des participants",
+        "closeReactionsMenu": "Fermer le menu réactions",
+        "closedCaptions": "Sous-titres",
+        "disableNoiseSuppression": "Arrêter la suppression du bruit",
+        "disableReactionSounds": "Vous pouvez interdire les réactions sonores à cette réunion",
+        "documentClose": "Fermer le document partagé",
+        "documentOpen": "Ouvrir le document partagé",
+        "download": "Télécharger nos applications",
+        "e2ee": "Chiffrement de Bout-en-Bout",
+        "embedMeeting": "Intégrer la réunion",
+        "enableNoiseSuppression": "Activer la suppression du bruit",
+        "endConference": "Terminer la réunion pour tout le monde",
+        "enterFullScreen": "Afficher en plein écran",
+        "enterTileView": "Accéder au mode mosaïque",
+        "exitFullScreen": "Quitter le mode plein écran",
+        "exitTileView": "Quitter le mode mosaïque",
+        "feedback": "Laisser des commentaires",
+        "giphy": "Activer/désactiver le menu GIPHY",
+        "hangup": "Quitter",
+        "help": "Aide",
+        "hideWhiteboard": "Masquer le tableau blanc",
+        "invite": "Inviter des participants",
+        "joinBreakoutRoom": "Rejoindre salle annexe",
+        "laugh": "Rire",
+        "leaveBreakoutRoom": "Quitter salle annexe",
+        "leaveConference": "Quitter la réunion",
+        "like": "Approuver",
+        "linkToSalesforce": "Lien à Salesforce",
+        "lobbyButtonDisable": "Désactiver le mode salle d'attente / contrôle des participant(e)s",
+        "lobbyButtonEnable": "Activer le mode salle d'attente / contrôle des participant(e)s",
+        "login": "Connexion",
+        "logout": "Déconnexion",
+        "love": "Cœur",
+        "lowerYourHand": "Baisser la main",
+        "moreActions": "Plus d'actions",
+        "moreOptions": "Plus d'options",
+        "mute": "Muet / Actif",
+        "muteEveryone": "Couper le micro à tout le monde",
+        "muteEveryonesVideo": "Couper la caméra de tout le monde",
+        "muteGUMPending": "Connection de votre microphone",
+        "noAudioSignalDesc": "Si vous n'avez pas délibérément coupé le son des paramètres du système ou du matériel, envisagez de changer de périphérique utilisé.",
+        "noAudioSignalDescSuggestion": "Si vous n'avez pas délibérément coupé le son des paramètres du système ou du matériel, pensez à utiliser le périphérique suivant :",
+        "noAudioSignalDialInDesc": "Vous pouvez également appeler en utilisant :",
+        "noAudioSignalDialInLinkDesc": "Numéros d'appel",
+        "noAudioSignalTitle": "Il n'y a pas de signal provenant de votre micro !",
+        "noiseSuppression": "Suppression du bruit",
+        "noisyAudioInputDesc": "Il semble que votre microphone soit bruyant, veuillez le couper ou changer de périphérique.",
+        "noisyAudioInputTitle": "Votre microphone semble être bruyant !",
+        "openChat": "Ouvrir le chat",
+        "openReactionsMenu": "Ouvrir le menu Réactions",
+        "participants": "Participants",
+        "pip": "Entrer en mode Picture-in-Picture",
+        "privateMessage": "Envoyer un message privé",
+        "profile": "Éditer votre profil",
+        "raiseHand": "Lever / Baisser la main",
+        "raiseYourHand": "Lever la main",
+        "reactionBoo": "Envoyer réaction huer",
+        "reactionClap": "Envoyer réaction applaudir",
+        "reactionHeart": "Envoyer une réaction en forme de cœur",
+        "reactionLaugh": "Envoyer réaction rire",
+        "reactionLike": "Envoyer réaction approuver",
+        "reactionLove": "Envoyer une réaction d'amour",
+        "reactionSilence": "Envoyer réaction silence",
+        "reactionSurprised": "Envoyer réaction surprise",
+        "reactions": "Reactions",
+        "security": "Options de sécurité",
+        "selectBackground": "Sélectionner un arrière-plan",
+        "shareRoom": "Inviter quelqu'un",
+        "shareaudio": "Partager l'audio",
+        "sharedvideo": "Partager une vidéo",
+        "shortcuts": "Afficher les raccourcis",
+        "showWhiteboard": "Afficher le tableau blanc",
+        "silence": "Silence",
+        "speakerStats": "Statistiques de l'interlocuteur",
+        "startScreenSharing": "Démarrer le partage d'écran",
+        "startSubtitles": "Activer les sous-titres",
+        "stopAudioSharing": "Arrêter le partage son",
+        "stopScreenSharing": "Arrêter le partage d'écran",
+        "stopSharedVideo": "Arrêter la vidéo",
+        "stopSubtitles": "Désactiver les sous-titres",
+        "surprised": "Surpris",
+        "talkWhileMutedPopup": "Vous voulez parler ? Votre micro est coupé.",
+        "tileViewToggle": "Activer / Désactiver la vue mosaïque",
+        "toggleCamera": "Changer de caméra",
+        "unmute": "Rétablir le son",
+        "videoSettings": "Paramètres vidéo",
+        "videomute": "Arrêter la caméra",
+        "videomuteGUMPending": "Connexion de votre caméra",
+        "videounmute": "Démarrer la caméra"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Activer / Désactiver les sous-titres",
+        "expandedLabel": "La transcription est actuellement activée",
+        "failed": "La transcription a échoué",
+        "labelTooltip": "La transcription de la réunion est en cours",
+        "labelTooltipExtra": "Une transcription sera disponible plus tard.",
+        "openClosedCaptions": "Ouvrir les sous-titres",
+        "original": "Original",
+        "sourceLanguageDesc": "Actuellement, la langue de la réunion est sélectionnée à <b>{{sourceLanguage}}</b>. <br/> Vous pouvez la changer à partir de ",
+        "sourceLanguageHere": "ici",
+        "start": "Activer les sous-titres",
+        "stop": "Désactiver les sous-titres",
+        "subtitles": "sous-titres",
+        "subtitlesOff": "off",
+        "tr": "TR",
+        "translateTo": "Traduire vers"
+    },
+    "unpinParticipant": "Désépingler - {{participantName}}",
+    "userMedia": {
+        "grantPermissions": "Veuillez autoriser le partage de votre camera et microphone."
+    },
+    "videoSIPGW": {
+        "busy": "Nous tentons de libérer les ressources requises. Veuillez réessayez dans quelques minutes.",
+        "busyTitle": "Le service du Salon est actuellement occupé",
+        "errorAlreadyInvited": "{{displayName}} est déjà invité(e)",
+        "errorInvite": "La conférence n'est pas encore établie. Veuillez réessayer plus tard.",
+        "errorInviteFailed": "Nous tentons de résoudre le problème. Veuillez réessayer plus tard.",
+        "errorInviteFailedTitle": "L'invitation de {{displayName}} a échoué",
+        "errorInviteTitle": "Erreur lors de l'invitation",
+        "pending": "{{displayName}} a été invité(e)"
+    },
+    "videoStatus": {
+        "adjustFor": "Ajuster pour:",
+        "audioOnly": "VOIX",
+        "audioOnlyExpanded": "Vous êtes en mode bande passante réduite. Dans ce mode, vous ne recevrez que le partage audio et le partage d'écran.",
+        "bestPerformance": "la meilleure performance",
+        "callQuality": "Qualité vidéo",
+        "hd": "HD",
+        "hdTooltip": "Regardez la vidéo en haute définition",
+        "highDefinition": "Haute définition",
+        "highestQuality": "la meilleure qualité",
+        "labelTooiltipNoVideo": "Aucune vidéo",
+        "labelTooltipAudioOnly": "Mode bande passante réduite activé",
+        "ld": "BD",
+        "ldTooltip": "Regardez la vidéo en basse définition",
+        "lowDefinition": "Basse définition",
+        "performanceSettings": "Paramètres de performance",
+        "recording": "Enregistrement en cours",
+        "sd": "MD",
+        "sdTooltip": "Regardez la vidéo en définition standard",
+        "standardDefinition": "Moyenne Définition",
+        "streaming": "Diffusion en direct en cours"
+    },
+    "videothumbnail": {
+        "connectionInfo": "Informations de la connexion",
+        "demote": "Déplacer en visiteur",
+        "domute": "Couper le micro",
+        "domuteDesktop": "Arrêter le partage d'écran",
+        "domuteDesktopOfOthers": "Arrêter le partage d'écran de tous les autres",
+        "domuteOthers": "Couper le micro de tous les autres",
+        "domuteVideo": "Couper la caméra",
+        "domuteVideoOfOthers": "Couper la caméra des autres",
+        "flip": "Miroir",
+        "grantModerator": "Donner des droits de modérateur",
+        "hideSelfView": "Masquer l'affichage de votre propre vidéo",
+        "kick": "Exclure",
+        "mirrorVideo": "Inverser ma vidéo",
+        "moderator": "Modérateur",
+        "mute": "Le participant a coupé son micro",
+        "muted": "Muet",
+        "pinToStage": "Garder affiché",
+        "remoteControl": "Démarrer / Arrêter le contrôle à distance",
+        "screenSharing": "Cette personne partage son écran",
+        "show": "Afficher en premier plan",
+        "showSelfView": "Afficher votre propre vidéo",
+        "unpinFromStage": "Ne plus garder affiché",
+        "verify": "Vérifier le participant",
+        "videoMuted": "Caméra coupée",
+        "videomute": "Le participant a arrêté la caméra"
+    },
+    "virtualBackground": {
+        "accessibilityLabel": {
+            "currentBackground": "Arrière-plan actuel: {{background}}",
+            "selectBackground": "Sélectionner un arrière-plan"
+        },
+        "addBackground": "Ajouter un arrière-plan",
+        "apply": "Appliquer",
+        "backgroundEffectError": "Erreur dans l'application de l'effet d'arrière-plan.",
+        "blur": "Flou",
+        "deleteImage": "Supprimer l'image",
+        "desktopShare": "Partage de bureau",
+        "desktopShareError": "Impossible de créer le partage de bureau",
+        "image1": "Plage",
+        "image2": "Mur blanc neutre",
+        "image3": "Pièce vide blanche",
+        "image4": "Lampadaire noir",
+        "image5": "Montagne",
+        "image6": "Forêt ",
+        "image7": "Lever de soleil",
+        "none": "Rien",
+        "pleaseWait": "Veuillez patienter…",
+        "removeBackground": "Supprimer l'arrière-plan",
+        "slightBlur": "Léger flou",
+        "title": "Arrière-plan virtuel",
+        "uploadedImage": "Image téléversée {{index}}",
+        "webAssemblyWarning": "WebAssembly non supporté",
+        "webAssemblyWarningDescription": "WebAssembly invalidé ou non supporté par ce navigateur"
+    },
+    "visitors": {
+        "chatIndicator": "(visiteur)",
+        "joinMeeting": {
+            "description": "Vous êtes actuellement un observateur dans cette conférence.",
+            "raiseHand": "Levez la main",
+            "title": "Rejoindre la réunion",
+            "wishToSpeak": "Si vous souhaitez prendre la parole, veuillez lever la main ci-dessous et attendre l'approbation du modérateur."
+        },
+        "labelTooltip": "Nombre de Visiteurs: {{count}}",
+        "notification": {
+            "demoteDescription": "Envoyé ici par {{actor}}, levez la main pour participer",
+            "noMainParticipantsDescription": "Un participant doit démarrer la réunion. Veuillez réessayer dans un moment.",
+            "noMainParticipantsTitle": "Cette réunion n'a pas encore commencé.",
+            "noVisitorLobby": "Vous ne pouvez pas rejoindre tant qu'une salle d'attente est activée pour la réunion.",
+            "notAllowedPromotion": "Un participant doit d'abord autoriser votre demande.",
+            "requestToJoin": "Main levée",
+            "requestToJoinDescription": "Votre demande a été envoyée aux modérateurs.",
+            "title": "Vous êtes visiteur dans cette réunion"
+        },
+        "waitingMessage": "Vous rejoindrez la réunion dès qu'elle sera en direct !"
+    },
+    "volumeSlider": "Curseur de volume",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Touchez pour rejoindre",
+            "roomname": "Saisissez un nom de salle"
+        },
+        "addMeetingName": "Ajouter un nom de réunion",
+        "appDescription": "Foncez tchater en vidéo avec toute le monde. En fait, vous pouvez inviter tout ceux que vous connaissez. {{app}} est une solution de visioconférence entièrement chiffrée et 100% libre que vous pouvez utiliser en permanence, chaque jour, et sans aucun compte requis.",
+        "audioVideoSwitch": {
+            "audio": "Voix",
+            "video": "Vidéo"
+        },
+        "calendar": "Calendrier",
+        "connectCalendarButton": "Connecter votre calendrier",
+        "connectCalendarText": "Connectez-vous à votre calendrier pour afficher toutes les réunions {{app}}. Ajoutez également les réunions de {{provider}} à votre calendrier et démarrez-les d'un simple clic.",
+        "enterRoomTitle": "Démarrer une nouvelle réunion",
+        "getHelp": "Obtenir de l'aide",
+        "go": "Créer",
+        "goSmall": "Créer",
+        "headerSubtitle": "Conférences sécurisées et de haute qualité",
+        "headerTitle": "Jitsi Meet",
+        "info": "Infos",
+        "jitsiOnMobile": "Jitsi sur mobile – télécharger notre application et démarrez des conférences de n'import où",
+        "join": "CRÉER / REJOINDRE",
+        "logo": {
+            "calendar": "Logo Calendar",
+            "desktopPreviewThumbnail": "Miniature d'aperçu du bureau",
+            "googleLogo": "Logo Google",
+            "logoDeepLinking": "Logo Jitsi meet",
+            "microsoftLogo": "Logo Microsoft",
+            "policyLogo": "Logo de la politique"
+        },
+        "meetingsAccessibilityLabel": "Réunions",
+        "mobileDownLoadLinkAndroid": "Télécharger l'application mobile sur Android",
+        "mobileDownLoadLinkFDroid": "Télécharger l'application mobile sur F-Droid",
+        "mobileDownLoadLinkIos": "Télécharger l'application mobile sur iOS",
+        "moderatedMessage": "Ou <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">réserver une URL de réunion</a> à l'avance et où vous êtes le seul modérateur.",
+        "privacy": "Confidentialité",
+        "recentList": "Récent",
+        "recentListDelete": "Supprimer",
+        "recentListEmpty": "Votre liste récente est actuellement vide. Discuter avec votre équipe et vous trouverez toutes vos réunions récentes ici.",
+        "recentMeetings": "Vos réunions récentes",
+        "reducedUIText": "Bienvenue sur {{app}} !",
+        "roomNameAllowedChars": "Le nom de la réunion ne doit contenir aucun de ces caractères : ?, &, :, ', \", %, #.",
+        "roomname": "Saisissez un nom de salle",
+        "roomnameHint": "Entrez le nom ou l'URL de la salle que vous souhaitez rejoindre. Vous pouvez faire un nom, laissez les gens que vous rencontrerez le savoir afin qu'ils entrent le même nom.",
+        "sendFeedback": "Envoyer votre avis",
+        "settings": "Paramètres",
+        "startMeeting": "Démarrer la conférence",
+        "terms": "Termes",
+        "title": "Système de vidéoconférence sécurisé, riche en fonctionnalités et gratuit",
+        "upcomingMeetings": "Vos réunions à venir"
+    },
+    "whiteboard": {
+        "accessibilityLabel": {
+            "heading": "Tableau blanc"
+        },
+        "screenTitle": "Tableau blanc"
+    }
+}
diff --git a/lang/main-gl.json b/lang/main-gl.json
new file mode 100644
index 0000000..0571a84
--- /dev/null
+++ b/lang/main-gl.json
@@ -0,0 +1,755 @@
+{
+    "addPeople": {
+        "add": "Convidar",
+        "countryNotSupported": "Aínda non é posíbel chamar a este destino",
+        "countryReminder": "Quere chamar fóra dos EEUU? Asegúrese de comezar co código de país!",
+        "disabled": "Non pode convidar xente.",
+        "failedToAdd": "Produciuse un erro ao engadir participantes",
+        "footerText": "As chamadas están desactivadas",
+        "loading": "Procurar xente e números de teléfono",
+        "loadingNumber": "Validar número de teléfono",
+        "loadingPeople": "Procurar xente para convidala",
+        "noResults": "Non hai resultados",
+        "noValidNumbers": "Escriba un número de teléfono",
+        "searchNumbers": "Engadir números de teléfono",
+        "searchPeople": "Procurar xente",
+        "searchPeopleAndNumbers": "Procurar xente ou engadir os seus números de teléfono",
+        "telephone": "Teléfono: {{number}}",
+        "title": "Convidar xente a esta reunión"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "headphones": "Auriculares",
+        "none": "Non hai dispositivos de son dispoñíbeis",
+        "phone": "Teléfono",
+        "speaker": "Altofalante"
+    },
+    "audioOnly": {
+        "audioOnly": "Largo de banda escaso"
+    },
+    "calendarSync": {
+        "addMeetingURL": "Engadir unha ligazón de reunión",
+        "confirmAddLink": "Quere engadir unha ligazón de Jitsi a esta reunión?",
+        "error": {
+            "appConfiguration": "A integración do calendario está configurada apropiadamente.",
+            "generic": "Produciuse un erro. Comprobe a configuración do seu calendario ou tente cunha recarga.",
+            "notSignedIn": "Produciuse un erro mentres se autenticaba para ver as citas do calendario. Comprobe a súa configuración e tente de novo iniciar sesión."
+        },
+        "join": "Unirse",
+        "joinTooltip": "Unirse á reunión",
+        "nextMeeting": "próxima reunión",
+        "noEvents": "Non hai fitos futuros programados.",
+        "ongoingMeeting": "Reunión en curso",
+        "permissionButton": "Configuración aberta",
+        "permissionMessage": "Cómpre ter permiso de acceso ao calendario para ver as reunións na aplicación.",
+        "refresh": "Recargar o calendario",
+        "today": "Hoxe"
+    },
+    "chat": {
+        "error": "Erro: a súa mensaxe non se enviou. Razón: {{error}}",
+        "fieldPlaceHolder": "Escriba a súa mensaxe aquí",
+        "messageTo": "Mensaxe privada para {{recipient}}",
+        "messagebox": "Escriba unha mensaxe",
+        "nickname": {
+            "popover": "Escolla un alcume",
+            "title": "Escriba un alcume para utilizar no chat",
+            "titleWithPolls": "Escriba un alcume para utilizar no chat"
+        },
+        "noMessagesMessage": "Aínda non hai mensaxes na reunión. Comece unha conversación aquí!",
+        "privateNotice": "Mensaxe privada para {{recipient}}",
+        "sendButton": "Enviar",
+        "title": "Chat",
+        "titleWithPolls": "Chat",
+        "you": "vostede"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Instalar Extensión Chrome",
+        "dontShowAgain": "Non mostrar isto máis",
+        "installExtensionText": "Instala a extensión para a integración con Google Calendar e Office 365"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Está a conectar coa reunión…"
+    },
+    "connection": {
+        "ATTACHED": "Unido",
+        "AUTHENTICATING": "Autenticando",
+        "AUTHFAIL": "Fallou a autenticación",
+        "CONNECTED": "Conectado",
+        "CONNECTING": "Conectando",
+        "CONNFAIL": "Fallou a conexión",
+        "DISCONNECTED": "Desconectado",
+        "DISCONNECTING": "Desconectando",
+        "ERROR": "Erro",
+        "RECONNECTING": "Produciuse un problema na rede. Reconectando…"
+    },
+    "connectionindicator": {
+        "address": "Enderezo:",
+        "bandwidth": "Largo de banda estimado:",
+        "bitrate": "Densidade de bits:",
+        "bridgeCount": "Conta no servidor: ",
+        "connectedTo": "Conectado a:",
+        "framerate": "Imaxes por segundo",
+        "less": "Amosar menos",
+        "localaddress": "Enderezo local:",
+        "localaddress_plural": "Enderezos locais:",
+        "localport": "Porto local:",
+        "localport_plural": "Portos locais:",
+        "more": "Amosar máis",
+        "packetloss": "Paquete perdido:",
+        "quality": {
+            "good": "Ben",
+            "inactive": "Inactivo",
+            "lost": "Perdido",
+            "nonoptimal": "Non-óptimo",
+            "poor": "Pobre"
+        },
+        "remoteaddress": "Enderezo remoto:",
+        "remoteaddress_plural": "Enderezos remotos:",
+        "remoteport": "Porto remoto:",
+        "remoteport_plural": "Portos remotos:",
+        "resolution": "Resolución:",
+        "status": "Conexión:",
+        "transport": "Transporte:",
+        "transport_plural": "Transportes:"
+    },
+    "dateUtils": {
+        "earlier": "Cedo",
+        "today": "Hoxe",
+        "yesterday": "Onte"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Fai falta a aplicación móbil {{app}} para unirse a esta reunión vía teléfono.",
+        "description": "Non pasa nada? Tentouse lanzar a reunión na aplicación de escritorio {{app}}. Ténteo de novo ou arránquea na aplicación web {{app}}.",
+        "descriptionWithoutWeb": "Non sucede nada? Pois xa tentamos lanzar a reunión na aplicación de escritorio {{app}}.",
+        "downloadApp": "Descargar a aplicación",
+        "launchWebButton": "Lanzar en web",
+        "openApp": "Continuar coa app",
+        "title": "Lanzando a reunión en {{app}}…",
+        "tryAgainButton": "Volver tentar no escritorio"
+    },
+    "defaultLink": "i.e. {{url}}",
+    "defaultNickname": "ex. Xan da Vila",
+    "deviceError": {
+        "cameraError": "Non foi posíbel acceder á súa cámaraº",
+        "cameraPermission": "Produciuse un erro co permiso da cámara",
+        "microphoneError": "Fallou o acceso ao micrófono",
+        "microphonePermission": "Produciuse un erro co permiso do micrófono"
+    },
+    "deviceSelection": {
+        "noPermission": "Non se concedeu o permiso",
+        "previewUnavailable": "A visualización non está dispoñíbel",
+        "selectADevice": "Seleccione un dispositivo",
+        "testAudio": "Reproducir un son de proba"
+    },
+    "dialOut": {
+        "statusMessage": "está agora {{status}}"
+    },
+    "dialog": {
+        "Back": "Volver",
+        "Cancel": "Anular",
+        "IamHost": "Eu son o anfitrión",
+        "Ok": "Ok",
+        "Remove": "Retirar",
+        "Share": "Compartir",
+        "Submit": "Enviar",
+        "WaitForHostMsg": "A sala aínda non comezou. Se vostede é o anfitrión, autentíquese. Se non, agarde a que o anfitrión chegue.",
+        "WaitingForHost": "Agardando polo anfitrión…",
+        "Yes": "Si",
+        "accessibilityLabel": {
+            "liveStreaming": "Difusión ao vivo"
+        },
+        "allow": "Permitir",
+        "alreadySharedVideoMsg": "Outro participante xa está a compartindo un vídeo. Esta sala de conferencia só permite compartir un vídeo á vez.",
+        "alreadySharedVideoTitle": "Permítese un único vídeo compartido á vez",
+        "applicationWindow": "Xanela da aplicación",
+        "cameraConstraintFailedError": "A súa cámara non satisfai algún dos requisitos necesarios.",
+        "cameraNotFoundError": "Non se atopou unha cámara.",
+        "cameraNotSendingData": "Non se puido acceder á súa cámara. Comprobe se outra aplicación a está a utilizar, seleccione outro dispositivo no menú de configuración ou tente recargar a aplicación.",
+        "cameraNotSendingDataTitle": "Non se puido acceder á cámara",
+        "cameraPermissionDeniedError": "Non concedeu o permiso para utilizar a súa cámara. Aínda así pode unirse á conferencia pero os outros non o verán a vostede. Utilice o botón da cámara na barra de enderezos para arranxalo.",
+        "cameraUnknownError": "Non se pode utilizar a cámara por algunha razón descoñecida.",
+        "cameraUnsupportedResolutionError": "A cámara non admite a resolución de vídeo requirida.",
+        "close": "Pechar",
+        "conferenceDisconnectMsg": "Pode querer comprobar a conexión de rede. Reconectando en {{seconds}} seg…",
+        "conferenceDisconnectTitle": "Foi desconectado.",
+        "conferenceReloadMsg": "Estamos a tentar arranxar isto. Reconectando en {{seconds}} seg…",
+        "conferenceReloadTitle": "Lamentablemente, algo foi mal.",
+        "confirm": "Confirmar",
+        "confirmNo": "Non",
+        "confirmYes": "Si",
+        "connectError": "Opa! Algo vai malamente e non podemos conectar coa conferencia.",
+        "connectErrorWithMsg": "Opa! Algo vai malamente e non podemos conectar coa conferencia: {{msg}}",
+        "connecting": "Conectando",
+        "contactSupport": "Contacto de axuda técnica",
+        "copy": "Copiar",
+        "dismiss": "Rexeitar",
+        "displayNameRequired": "Ola! Como se chama?",
+        "done": "Feito",
+        "enterDisplayName": "Escriba o seu nome aquí",
+        "error": "Erro",
+        "externalInstallationMsg": "Cómpre instalar a nosa extensión para o escritorio compartido.",
+        "externalInstallationTitle": "Requírese a extensión:",
+        "goToStore": "Ir á tenda web",
+        "gracefulShutdown": "O servizo está caído por mantemento. Ténteo outra vez máis adiante.",
+        "incorrectPassword": "Nome de usuario ou contrasinal incorrecto",
+        "incorrectRoomLockPassword": "Contrasinal incorrecto",
+        "inlineInstallExtension": "Instalar agora",
+        "inlineInstallationMsg": "Cómpre instalar a nosa extensión para o escritorio compartido.",
+        "internalError": "Opa! Algo foi malamente. Produciuse o seguinte erro: {{erro}}",
+        "internalErrorTitle": "Erro interno",
+        "kickMessage": "Pode contactar {{participantDisplayName}} para máis detalles.",
+        "kickParticipantButton": "Expulsar",
+        "kickParticipantDialog": "Confirma que quere expulsar a este participante?",
+        "kickParticipantTitle": "Expulsar a este participante?",
+        "kickTitle": "Ouh! {{participantDisplayName}} expulsouno da reunión",
+        "liveStreaming": "Difusión ao vivo",
+        "liveStreamingDisabledForGuestTooltip": "Os convidados non poden iniciar unha difusión ao vivo.",
+        "liveStreamingDisabledTooltip": "Desactivouse o inicio de difusión ao vivo",
+        "lockMessage": "Fallou o bloqueo da sala de conferencia.",
+        "lockRoom": "Engadir reunión $t(lockRoomPasswordUppercase)",
+        "lockTitle": "Fallou o bloqueo",
+        "logoutQuestion": "Confirma que quere saír e parar a conferencia?",
+        "logoutTitle": "Saír",
+        "maxUsersLimitReached": "Acadouse o número máximo e límite de participantes. A conferencia está chea. Contacte co propietario da reunión e ténteo de novo máis adiante!",
+        "maxUsersLimitReachedTitle": "Acadouse o límite máximo de participantes",
+        "micConstraintFailedError": "O micrófono con cumpre algunha das condicións necesarias",
+        "micNotFoundError": "Non se atopou o micrófono",
+        "micNotSendingData": "Reactive o seu micro na configuración do seu computador e axuste o nivel.",
+        "micNotSendingDataTitle": "O micro está desactivado na configuración do seu sistema",
+        "micPermissionDeniedError": "Non concedeu permiso para utilizar o micrófono. Aínda así pode unirse á reunión mais os demais non poderán oílo. Utilice o botón de cámara na barra de enderezos para arranxar isto.",
+        "micUnknownError": "Non pode utilizar o micro por algunha razón descoñecida.",
+        "muteParticipantBody": "Non poderá activarlles o son a eles mais eles poden activalo para si en calquera momento. ",
+        "muteParticipantButton": "Silenciar",
+        "muteParticipantDialog": "Confirma que quere silenciar este participante? Non poderá activalo para eles mais eles poderán activalo para si en calquera momento.",
+        "muteParticipantTitle": "Silenciar este participante?",
+        "passwordLabel": "$t(lockRoomPasswordUppercase)",
+        "passwordNotSupported": "Configurar un $t(lockRoomPassword) de reunión non é posíbel.",
+        "passwordNotSupportedTitle": "Non se dispón de $t(lockRoomPasswordUppercase)",
+        "passwordRequired": "Requírese $t(lockRoomPasswordUppercase)",
+        "popupError": "O navegador está bloqueando as xanelas emerxentes deste sitio. Active as xanelas emerxentes na configuración de seguranza do seu navegador e ténteo de novo outra vez.",
+        "popupErrorTitle": "Xanela emerxentes bloqueada",
+        "recording": "Gravando",
+        "recordingDisabledForGuestTooltip": "Os convidados non poden facer gravacións.",
+        "recordingDisabledTooltip": "O arrinque de gravación está desactivado.",
+        "rejoinNow": "Volverse unir agora",
+        "remoteControlAllowedMessage": "{{user}} aceptou a súa solicitude de control remoto!",
+        "remoteControlDeniedMessage": "{{user}} rexeitou a súa solicitude de control remoto!",
+        "remoteControlErrorMessage": "Produciuse un erro ao tentar solicitar os permisos para o control remoto de {{user}}!",
+        "remoteControlRequestMessage": "Permitiralle a {{user}} controlar remotamente o seu escritorio?",
+        "remoteControlShareScreenWarning": "Saiba que se preme «Permitir» compartirá a súa pantalla!",
+        "remoteControlStopMessage": "A sesión de control remoto rematou!",
+        "remoteControlTitle": "Control de escritorio remoto",
+        "removePassword": "Retirar $t(lockRoomPassword)",
+        "removeSharedVideoMsg": "Confirma que quere retirar o seu vídeo compartido?",
+        "removeSharedVideoTitle": "Retirar o vídeo compartido",
+        "reservationError": "Produciuse un erro no sistema de reserva",
+        "reservationErrorMsg": "Código de erro: {{code}}, mensaxe: {{msg}}",
+        "retry": "Reintento",
+        "screenSharingFailedToInstall": "Opa! Fallou a instalación da extensión para compartir a pantalla.",
+        "screenSharingFailedToInstallTitle": "A extensión para compartir a pantalla non se puido instalar",
+        "screenSharingFirefoxPermissionDeniedError": "Algo foi mal cando se estaba tentando compartir a pantalla. Asegúrese de nos ter dado os permisos para facelo.",
+        "screenSharingFirefoxPermissionDeniedTitle": "Opa! Non foi posíbel arrincar a compartición de pantalla!",
+        "screenSharingPermissionDeniedError": "Opa! Algo foi mal cos permisos da extensión para compartir a pantalla. Recargue e ténteo de novo outra vez.",
+        "sendPrivateMessage": "Acaba de recibir unha mensaxe privada. Pretende contestala privadamente ou quere enviar a súa mensaxe ao grupo?",
+        "sendPrivateMessageCancel": "Enviar ao grupo",
+        "sendPrivateMessageOk": "Enviar privadamente",
+        "sendPrivateMessageTitle": "Enviar por privado?",
+        "serviceUnavailable": "O servizo non está dispoñíbel",
+        "sessTerminated": "Terminouse a chamada",
+        "shareVideoLinkError": "Forneza unha ligazón correcta.",
+        "shareVideoTitle": "Compartir un vídeo",
+        "shareYourScreen": "Compartir a súa pantalla",
+        "shareYourScreenDisabled": "Compartición de pantalla desactivada.",
+        "shareYourScreenDisabledForGuest": "Os convidados non poden compartir a pantalla.",
+        "startLiveStreaming": "Comezar a difusión ao vivo",
+        "startRecording": "Comezar a gravación",
+        "startRemoteControlErrorMessage": "Produciuse un erro mentres se tentaba comezar a sesión de control remoto!",
+        "stopLiveStreaming": "Parar a difusión ao vivo",
+        "stopRecording": "Parar a gravación",
+        "stopRecordingWarning": "Confirma que quere parar a gravación?",
+        "stopStreamingWarning": "Confirma que quere parar a difusión ao vivo?",
+        "streamKey": "Clave de vídeo ao vivo",
+        "thankYou": "Grazas por utilizar {{appName}}!",
+        "token": "token",
+        "tokenAuthFailed": "Desculpe, non ten permiso para unirse a esta chamada.",
+        "tokenAuthFailedTitle": "Fallou a autenticación",
+        "transcribing": "Transcribindo",
+        "unlockRoom": "Retirar a reunión $t(lockRoomPassword)",
+        "userPassword": "contrasinal do usuario",
+        "yourEntireScreen": "A pantalla completa"
+    },
+    "documentSharing": {
+        "title": "Documento compartido"
+    },
+    "feedback": {
+        "average": "Media",
+        "bad": "Mal",
+        "detailsLabel": "Déanos máis detalles disto.",
+        "good": "Ben",
+        "rateExperience": "Puntúe a súa experiencia de reunión",
+        "veryBad": "Moi mal",
+        "veryGood": "Moi ben"
+    },
+    "incomingCall": {
+        "answer": "Resposta",
+        "audioCallTitle": "Chamada entrante",
+        "decline": "Rexeitar",
+        "productLabel": "de Jitsi Meet",
+        "videoCallTitle": "Chamada de vídeo entrante"
+    },
+    "info": {
+        "accessibilityLabel": "Amosar info",
+        "addPassword": "Engadir $t(lockRoomPassword)",
+        "cancelPassword": "Anular $t(lockRoomPassword)",
+        "conferenceURL": "Ligazón:",
+        "country": "País",
+        "dialANumber": "Para unirse á reunión, marque un deses números e logo introduza o pin.",
+        "dialInConferenceID": "PIN:",
+        "dialInNotSupported": "Desculpe pero a chamada por teléfono non está permitida.",
+        "dialInNumber": "Marcar:",
+        "dialInSummaryError": "Produciuse un erro ao recuperar agora a información de marcado. Ténteo de novo máis tarde.",
+        "dialInTollFree": "Número gratuíto",
+        "genericError": "Vaia, algo foi mal.",
+        "inviteLiveStream": "Para ver o vídeo ao vivo desta reunión, prema esta ligazón: {{url}}",
+        "invitePhone": "Para unirse vía teléfono, escriba isto: {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Para unirse vía teléfono, escriba isto:\nVexa os números de marcación de encontros: {{url}}\n\n\nSe tamén marca o teléfono mediante a habitación, únete sen conectarse ao audio: {{silentUrl}}",
+        "inviteURLFirstPartGeneral": "Convidárono a unirse á reunión.",
+        "inviteURLFirstPartPersonal": "{{name}} invítao a unha reunión.\n",
+        "inviteURLSecondPart": "\nUnirse á reunión:\n{{url}}\n",
+        "label": "Información da reunión",
+        "liveStreamURL": "Vídeo ao vivo:",
+        "moreNumbers": "Máis números",
+        "noNumbers": "Non hai números de marcado.",
+        "noPassword": "Ningunha",
+        "noRoom": "Non se especificou ningunha sala para marcar.",
+        "numbers": "Números de marcado",
+        "password": "$t(lockRoomPasswordUppercase):",
+        "title": "Compartir",
+        "tooltip": "Compartir a ligazón e a información de marcado desta reunión"
+    },
+    "inlineDialogFailure": {
+        "msg": "Trancámonos un pouco.",
+        "retry": "Ténteo outra vez",
+        "support": "Asistencia",
+        "supportMsg": "Se isto continúa, contacte con"
+    },
+    "inviteDialog": {
+        "alertText": "Produciuse un fallo ao convidar algúns participantes",
+        "header": "Convidar",
+        "searchCallOnlyPlaceholder": "Escriba o número telefónico",
+        "searchPeopleOnlyPlaceholder": "Procurar aos participantes",
+        "searchPlaceholder": "Participante ou número de teléfono",
+        "send": "Enviar"
+    },
+    "keyboardShortcuts": {
+        "focusLocal": "Foco no seu vídeo",
+        "focusRemote": "Foco no vídeo doutra persoa",
+        "fullScreen": "Ver ou saír da pantalla completa",
+        "keyboardShortcuts": "Atallos de teclado",
+        "localRecording": "Amosar ou agochar os controis de gravación local",
+        "mute": "Silenciar ou activar o seu micrófono",
+        "pushToTalk": "Prema para falar",
+        "raiseHand": "Levantar ou baixar a man",
+        "showSpeakerStats": "Amosar as estatísticas do falante",
+        "toggleChat": "Abrir ou pechar o chat",
+        "toggleFilmstrip": "Amosar ou agochar as miniaturas de vídeo",
+        "toggleScreensharing": "Trocar entre cámara e compartición de pantalla",
+        "toggleShortcuts": "Amosar ou agochar os atallos de teclado",
+        "videoMute": "Iniciar ou parara a súa cámara",
+        "videoQuality": "Xestionar a calidade da chamada"
+    },
+    "liveStreaming": {
+        "busy": "Estamos a traballar en liberar recursos de difusión. Ténteo de novo outra vez nuns poucos minutos.",
+        "busyTitle": "Todos os difusores están actualmente ocupados",
+        "changeSignIn": "Trocar contas.",
+        "choose": "Escolla unha emisión ao vivo",
+        "chooseCTA": "Escolla unha opción de difusión. Neste intre ten unha sesión iniciada como {{email}}.",
+        "enterStreamKey": "Escriba a súa clave de difusión ao vivo de YouTube aquí.",
+        "error": "Fallou a difusión ao vivo. Ténteo de novo.",
+        "errorAPI": "Produciuse un erro ao acceder ás súas emisións por YouTube. Tente iniciar sesión de novo.",
+        "errorLiveStreamNotEnabled": "A difusión ao vivo non está activada en {{email}}. Active a difusión ao vivo ou inicie sesión nunha conta con esa opción activada.",
+        "expandedOff": "Parouse a difusión ao vivo",
+        "expandedOn": "A reunión está actualmente sendo difundida via YouTube.",
+        "expandedPending": "A difusión ao vivo está arrincando…",
+        "failedToStart": "Fallou o inicio da difusión ao vivo",
+        "getStreamKeyManually": "Non foi posíbel recuperar ningunha difusión ao vivo. Tente obter a súa clave de difusión de YouTube",
+        "invalidStreamKey": "A clave de difusión ao vivo puider ser incorrecta.",
+        "off": "Difusión ao vivo parada",
+        "offBy": "{{name}} parou a difusión ao vivo",
+        "on": "Difusión ao vivo",
+        "onBy": "{{name}} comezou a difusión ao vivo",
+        "pending": "Arrincando a difusión ao vivo…",
+        "serviceName": "Servizo de difusión ao vivo",
+        "signIn": "Iniciar sesión con Google",
+        "signInCTA": "Iniciar sesión ou escribir a súa clave de difusión ao vivo de YouTube",
+        "signOut": "Desconectarse",
+        "signedInAs": "Está conectado como:",
+        "start": "Arrincar unha difusión ao vivo",
+        "streamIdHelp": "Que é isto?",
+        "title": "Difusión ao vivo",
+        "unavailableTitle": "A difusión ao vivo non está dispoñíbel"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Apagada",
+            "on": "Acesa",
+            "unknown": "Descoñecida"
+        },
+        "dialogTitle": "Controis de gravación local",
+        "duration": "Duración",
+        "durationNA": "N/D",
+        "encoding": "Codificando",
+        "label": "GRVLOC",
+        "labelToolTip": "A gravación local está disposta",
+        "localRecording": "Gravación local",
+        "me": "Eu",
+        "messages": {
+            "engaged": "Gravación local disposta.",
+            "finished": "A sesión de gravación {{token}} rematou. Envíe o ficheiro gravado ao moderador.",
+            "finishedModerator": "Acabou a sesión de gravación {{token}}. A gravación da pista local gardouse. Pídalles aos outros participantes que envíen as súas gravacións.",
+            "notModerator": "Vostede non é o moderador. Non pode arrincar nin parar a gravación local."
+        },
+        "moderator": "Moderador",
+        "no": "Non",
+        "participant": "Participante",
+        "participantStats": "Estatísticas do participante",
+        "sessionToken": "Token de sesión",
+        "start": "Arrincar a gravación",
+        "stop": "Parar a gravación",
+        "yes": "Si"
+    },
+    "lockRoomPassword": "contrasinal",
+    "lockRoomPasswordUppercase": "Contrasinal",
+    "me": "eu",
+    "notify": {
+        "connectedOneMember": "{{name}} uniuse á reunión",
+        "connectedThreePlusMembers": "{{name}} e {{count}} máis uníronse á reunión",
+        "connectedTwoMembers": "{{first}} e {{second}} uníronse á reunión",
+        "disconnected": "desconectado",
+        "focus": "Foco da conferencia",
+        "focusFail": "O {{component}} non está dispoñíbel - volverase tentar dentro de {{ms}} seg",
+        "grantedTo": "Concedéronse permisos de moderador a {{to}}!",
+        "invitedOneMember": "{{name}} foi invitado",
+        "invitedThreePlusMembers": "{{name}} e {{count}} máis foron convidados",
+        "invitedTwoMembers": "{{first}} e {{second}} foron convidados",
+        "kickParticipant": "{{kicked}} foi expulsado por {{kicker}}",
+        "me": "Eu",
+        "moderator": "Dereitos de moderador concedidos!",
+        "muted": "Vostede comezou a conversación silenciada.",
+        "mutedRemotelyDescription": "Sempre pode activar o son cando estea listo para falar. Volva silenciar cando acabe para despexar de ruído a reunión.",
+        "mutedRemotelyTitle": "Vostede foi silenciado por {{participantDisplayName}}!",
+        "mutedTitle": "Vostede está silenciado!",
+        "newDeviceAction": "Utilizar",
+        "newDeviceAudioTitle": "Detectouse un novo dispositivo de son",
+        "newDeviceCameraTitle": "Detectada unha nova cámara",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) retirada por outro participante",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) estabelecida por outro participante",
+        "raisedHand": "{{name}} pide a palabra.",
+        "somebody": "Alguén",
+        "startSilentDescription": "Volva a unirse para activar o son",
+        "startSilentTitle": "Vostede uniuse sen saída de son!",
+        "suboptimalBrowserWarning": "Lamentamos que a súa experiencia non estea a ser boa. Procuramos maneiras de mellorala mais, ata entón, probe utilizar un dos <a href='{{recommendedBrowserPageLink}}' target='_blank'>navegadores totalmente compatíbeis</a>.",
+        "suboptimalExperienceTitle": "Aviso verbo do navegador",
+        "unmute": "Activar o son"
+    },
+    "passwordDigitsOnly": "Ata {{number}} díxitos",
+    "passwordSetRemotely": "estabelecida por outro participante",
+    "polls": {
+        "errors": {
+            "notUniqueOption": "As opcións deben ser únicas"
+        }
+    },
+    "poweredby": "fornecido por",
+    "presenceStatus": {
+        "busy": "Ocupado",
+        "calling": "Chamando…",
+        "connected": "Conectado",
+        "connecting": "Conectando…",
+        "connecting2": "Conectando*…",
+        "disconnected": "Desconectado",
+        "expired": "Expirou",
+        "ignored": "Ignorado",
+        "initializingCall": "Facendo chamada…",
+        "invited": "Convidado/a",
+        "rejected": "Rexeitada",
+        "ringing": "Chamando…"
+    },
+    "profile": {
+        "setDisplayNameLabel": "Escoller o seu nome en pantalla",
+        "setEmailInput": "Escribir correo-e",
+        "setEmailLabel": "Estabelecer o seu correo Gravatar",
+        "title": "Perfil"
+    },
+    "raisedHand": "Gustaríalle falar",
+    "recording": {
+        "authDropboxText": "Cargar en Dropbox",
+        "availableSpace": "Espazo dispoñíbel: {{spaceLeft}} MB (aproximadamente {{duration}} minutos de gravación)",
+        "beta": "BETA",
+        "busy": "Estamos a liberar recursos de gravación. Ténteo de novo dentro duns minutos.",
+        "busyTitle": "Todas as rexistradoras están ocupadas neste momento",
+        "error": "Fallou a gravación. Ténteo de novo.",
+        "expandedOff": "A gravación parouse",
+        "expandedOn": "Esta reunión está actualmente sendo gravada",
+        "expandedPending": "A gravación está a comezar…",
+        "failedToStart": "Fallou o arrinque da gravación",
+        "fileSharingdescription": "Compartir a gravación cos participantes na reunión",
+        "live": "VIVO",
+        "loggedIn": "En sesión como {{userName}}",
+        "off": "Gravación parada",
+        "offBy": "{{name}} parou a gravación",
+        "on": "Gravando",
+        "onBy": "{{name}} comezou a gravación",
+        "pending": "Preparando a gravación da reunión…",
+        "rec": "GRA",
+        "serviceDescription": "A súa gravación será gardada polo servizo de gravación",
+        "serviceName": "Servizo de gravación",
+        "signIn": "Conectarse",
+        "signOut": "Desconectarse",
+        "title": "Gravando",
+        "unavailable": "Opa! O {{serviceName}} non está dispoñíbel actualmente. Estamos traballando na resolución da incidencia. Ténteo de novo máis adiante.",
+        "unavailableTitle": "A gravación non está dispoñíbel"
+    },
+    "sectionList": {
+        "pullToRefresh": "Tirar para recargar"
+    },
+    "settings": {
+        "calendar": {
+            "about": "A integración do calendario de {{appName}} utilízase para asegurar o acceso ao seu calendario e que poida consultar citas.",
+            "disconnect": "Desconectar",
+            "microsoftSignIn": "Iniciar sesión con Microsoft",
+            "signedIn": "Accedendo neste intre ás citas de calendario de {{email}}. Prema no botón Desconectar de abaixo se quere deter o acceso ás citas do calendario.",
+            "title": "Calendario"
+        },
+        "devices": "Dispositivos",
+        "followMe": "Todos me seguen",
+        "language": "Idioma",
+        "loggedIn": "Sesión iniciada como {{name}}",
+        "moderator": "Moderador",
+        "more": "Máis",
+        "name": "Nome",
+        "noDevice": "Ningunha",
+        "selectAudioOutput": "Saída de son",
+        "selectCamera": "Cámara",
+        "selectMic": "Micrófono",
+        "startAudioMuted": "Todo o mundo comeza silenciado",
+        "startVideoMuted": "Todo o mundo comeza agochado",
+        "title": "Configuración"
+    },
+    "settingsView": {
+        "advanced": "Avanzado",
+        "alertOk": "Aceptar",
+        "alertTitle": "Aviso",
+        "alertURLText": "O URL do servidor fornecido non é correcto",
+        "buildInfoSection": "Información da compilación",
+        "conferenceSection": "Conferencia",
+        "disableCallIntegration": "Desactivar a integración de chamadas nativa",
+        "disableP2P": "Desactivar o modo entre pares",
+        "displayName": "Presentar o nome",
+        "email": "Correo",
+        "header": "Configuración",
+        "profileSection": "Perfil",
+        "serverURL": "URL do servidor",
+        "showAdvanced": "Amosar a configuración avanzada",
+        "startWithAudioMuted": "Comezar co son silenciado",
+        "startWithVideoMuted": "Inicio do vídeo silenciado",
+        "version": "Versión"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nQuere simplemente marcar no seu móbil?\n\n{{defaultDialInNumber}}Prema esta ligazón para ver o número de teléfono ao que chamar para esta reunión\n{{dialInfoPageUrl}}",
+        "mainText": "Premer na seguinte ligazón para unirse á reunión:\n{{roomUrl}}"
+    },
+    "speaker": "Altofalante",
+    "speakerStats": {
+        "hours": "{{count}}h",
+        "minutes": "{{count}}m",
+        "name": "Nome",
+        "search": "Procurar",
+        "searchHint": "Procurar participantes",
+        "seconds": "{{count}}s",
+        "speakerStats": "Estatísticas do falante",
+        "speakerTime": "Tempo do falante"
+    },
+    "startupoverlay": {
+        "policyText": " ",
+        "title": "{{app}} necessita acceso ao seu micro e cámara."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Volverse unir",
+        "text": "Prema o botón <i>Volverse unir</i> para reconectar.",
+        "title": "A súa chamada de vídeo interrompeuse porque este computador entrou en suspensión."
+    },
+    "toolbar": {
+        "Settings": "Configuración",
+        "accessibilityLabel": {
+            "Settings": "Alternar axustes",
+            "audioOnly": "Trocar só o son",
+            "audioRoute": "Seleccionar o dispositivo de son",
+            "callQuality": "Xestionar a calidade do vídeo",
+            "cc": "Trocar subtítulos",
+            "chat": "Trocar xanela de chat",
+            "document": "Trocar documento compartido",
+            "download": "Descargar as apps",
+            "feedback": "Deixar comentarios",
+            "fullScreen": "Trocar a pantalla completa",
+            "hangup": "Deixar a chamada",
+            "help": "Axuda",
+            "invite": "Convidar xente",
+            "kick": "Expulsar participante",
+            "localRecording": "Trocar os controis de gravación local",
+            "lockRoom": "Trocar o contrasinal da reunión",
+            "moreActions": "Trocar o menú de accións complementarias",
+            "moreActionsMenu": "Menú de accións complementarias",
+            "mute": "Trocar o silenciador de son",
+            "pip": "Trocar o modo Picture-in-Picture",
+            "privateMessage": "Enviar mensaxe privada",
+            "profile": "Editar o seu perfil",
+            "raiseHand": "Trocar entre levantar e baixar a man",
+            "recording": "Trocar a gravación",
+            "remoteMute": "Silenciar participante",
+            "shareRoom": "Convidar a alguén",
+            "shareYourScreen": "Trocar a pantalla compartida",
+            "sharedvideo": "Trocar a compartición",
+            "shortcuts": "Trocar atallos",
+            "show": "Amosar en primeiro plano",
+            "speakerStats": "Trocar as estatísticas do falante",
+            "tileView": "Trocar a vista en mosaico",
+            "toggleCamera": "Trocar a cámara",
+            "videoblur": "Trocar o difuminador de vídeo",
+            "videomute": "Trocar o activador de vídeo"
+        },
+        "addPeople": "Engadir xente á súa chamada",
+        "audioOnlyOff": "Desactivar o modo de largo de banda reducido",
+        "audioOnlyOn": "Activar o modo de largo de banda reducido",
+        "audioRoute": "Seleccionar o dispositivo de son",
+        "authenticate": "Autenticar",
+        "callQuality": "Xestionar a calidade do vídeo",
+        "chat": "Abrir/Pechar o chat",
+        "closeChat": "Pechar o chat",
+        "documentClose": "Pechar o documento compartido",
+        "documentOpen": "Abrir o documento compartido",
+        "download": "Descargar as apps",
+        "enterFullScreen": "Ver a pantalla completa",
+        "enterTileView": "Entrar á vista de mosaico",
+        "exitFullScreen": "Saír da pantalla completa",
+        "exitTileView": "Saír da vista de mosaico",
+        "feedback": "Deixar comentarios",
+        "hangup": "Marchar",
+        "help": "Axuda",
+        "invite": "Convidar xente",
+        "login": "Inicio de sesión",
+        "logout": "Saír",
+        "lowerYourHand": "Baixar a man",
+        "moreActions": "Accións complementarias",
+        "mute": "Silenciar / Activar",
+        "noAudioSignalDesc": "Se vostede non o silenciou adrede na configuración do seu sistema ou hardware, considere cambiar de dispositivo.",
+        "noAudioSignalDescSuggestion": "Se vostede non o silenciou adrede na configuración do sistema ou no hardware, considere utilizar o seguinte dispositivo:",
+        "noAudioSignalTitle": "Non hai sinal de entrada desde o seu micro!",
+        "noisyAudioInputDesc": "Parece que o seu micrófono está a crear ruído. Considere a posibilidade de calalo ou de cambiar de dispositivo",
+        "noisyAudioInputTitle": "Parece que seu micrófono fai moito ruído",
+        "openChat": "Abrir chat",
+        "pip": "Entrar no modo Picture-in-Picture",
+        "privateMessage": "Enviar mensaxe privada",
+        "profile": "Editar o seu perfil",
+        "raiseHand": "Levantar / Baixar a man",
+        "raiseYourHand": "Levantar a súa man",
+        "shareRoom": "Convidar a alguén",
+        "sharedvideo": "Compartir un vídeo",
+        "shortcuts": "Ver atallos de teclado",
+        "speakerStats": "Estatísticas de falante",
+        "startScreenSharing": "Comezar a compartir pantalla",
+        "startSubtitles": "Comezar subtítulos",
+        "startvideoblur": "Difuminar o meu fondo",
+        "stopScreenSharing": "Parar de compartir pantalla",
+        "stopSharedVideo": "Parar o vídeo",
+        "stopSubtitles": "Parar subtítulos",
+        "stopvideoblur": "Desactivar o difuminado do fondo",
+        "talkWhileMutedPopup": "Está a tentar falar? Está silenciado.",
+        "tileViewToggle": "Trocar a vista en mosaico",
+        "toggleCamera": "Trocar a cámara",
+        "videomute": "Comezar / Parar a cámara"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Comezar / Parar os subtítulos",
+        "error": "Fallou a transcrición. Ténteo de novo.",
+        "expandedLabel": "A transcrición está agora activa.",
+        "failedToStart": "A transcrición non puido arrincar",
+        "labelToolTip": "A reunión está sendo transcrita",
+        "off": "Transcrición parada",
+        "pending": "Preparando a transcrición da reunión…",
+        "start": "Comezar a amosar subtítulos",
+        "stop": "Parar a mostra de subtítulos",
+        "tr": "TR"
+    },
+    "userMedia": {
+        "grantPermissions": "Conceda permisos para utilizar a súa cámara e micrófono."
+    },
+    "videoSIPGW": {
+        "busy": "Estamos liberando recursos. Ténteo de novo nuns minutos.",
+        "busyTitle": "O servizo de sala está actualmente ocupado",
+        "errorAlreadyInvited": "{{displayName}} xa foi invitado",
+        "errorInvite": "A conferencia aínda non se estabeleceu. Ténteo de novo máis tarde.",
+        "errorInviteFailed": "Estamos traballando na resolución da incidencia. Ténteo de novo máis tarde.",
+        "errorInviteFailedTitle": "Fallou o convite a {{displayName}}",
+        "errorInviteTitle": "Erro no convite da sala",
+        "pending": "Convidouse a {{displayName}}"
+    },
+    "videoStatus": {
+        "audioOnly": "SON",
+        "audioOnlyExpanded": "Está en modo de largo de banda reducido. Neste modo recibirá soamente son e pantalla compartida.",
+        "callQuality": "Calidade de vídeo",
+        "hd": "HD",
+        "hdTooltip": "Visualizando vídeo en alta definición",
+        "highDefinition": "Alta definición",
+        "labelTooiltipNoVideo": "Ningún vídeo",
+        "labelTooltipAudioOnly": "Activado o modo de largo de banda reducido.",
+        "ld": "BD",
+        "ldTooltip": "Vendo o vídeo en baixa definición",
+        "lowDefinition": "Baixa definición",
+        "onlyAudioAvailable": "Soamente está dispoñíbel o son",
+        "onlyAudioSupported": "Soamente está dispoñíbel o son neste navegador.",
+        "sd": "MD",
+        "sdTooltip": "Ver un vídeo en definición estándar",
+        "standardDefinition": "Definición estándar"
+    },
+    "videothumbnail": {
+        "domute": "Silenciar",
+        "flip": "Voltar",
+        "kick": "Expulsar",
+        "moderator": "Moderador",
+        "mute": "O participante está silenciado",
+        "muted": "Silenciado",
+        "remoteControl": "Iniciar / Deter control remoto",
+        "show": "Amosar en primeiro plano",
+        "videomute": "O participante parou a cámara"
+    },
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Tocar para unirse",
+            "roomname": "Escriba o nome da sala"
+        },
+        "appDescription": "Adiante, chat de vídeo co equipo enteiro. De feito, convidar a todos os que coñece. {{app}} está totalmente cifrado, unha solución de videoconferencia 100% de código aberto que pode utilizar todo o día, cada día, de balde — sen sequera unha conta.",
+        "audioVideoSwitch": {
+            "audio": "Voz",
+            "video": "Vídeo"
+        },
+        "calendar": "Calendario",
+        "connectCalendarButton": "Conectar o seu calendario",
+        "connectCalendarText": "Conectar o calendario para ver todas as reunións en {{app}}. Ademais, engada reunións de {{provider}} ao seu calendario e coméceas dun clic.",
+        "enterRoomTitle": "Arrincar unha nova reunión",
+        "go": "CREAR",
+        "goSmall": "CREAR",
+        "info": "Info",
+        "join": "CREAR / UNIRSE",
+        "privacy": "Confidencialidade",
+        "recentList": "Recente",
+        "recentListDelete": "Eliminar",
+        "recentListEmpty": "Neste intre, a súa lista de recentes está baleira. Converse co seu equipo e atopará todas as reunións recentes aquí.",
+        "reducedUIText": "Dámoslle a benvida a {{app}}!",
+        "roomNameAllowedChars": "O nome da reunión non debería conter ningún destes caracteres: ?, &, :, ', \", %, #.",
+        "roomname": "Escriba o nome da sala",
+        "roomnameHint": "Escribir o nome ou o URL da sala á que se quere unir. Pode dar de alta un nome e permitir que a xente coa que se reúne o saiba para que introduzan o mesmo nome.",
+        "sendFeedback": "Enviar un comentario",
+        "terms": "Termos",
+        "title": "Sistema de conferencia seguro, cheo de funcionalidades e completamente libre"
+    }
+}
diff --git a/lang/main-he.json b/lang/main-he.json
new file mode 100644
index 0000000..9289eab
--- /dev/null
+++ b/lang/main-he.json
@@ -0,0 +1,789 @@
+{
+    "addPeople": {
+        "add": "הוסף",
+        "countryNotSupported": "אנחנו לא תומכים ביעד זה",
+        "countryReminder": "מחייג מחוץ לארצות הברית? נא לוודא שאתה מזין את קידומת המדינה!",
+        "disabled": "אינך יכול להזמין אנשים",
+        "failedToAdd": "הוספת משתתפים נכשלה",
+        "footerText": "החיוג אינו פעיל.",
+        "loading": "מחפש אנשים ומספרי טלפון",
+        "loadingNumber": "מאמת מספר טלפון",
+        "loadingPeople": "מחפש אנשים להזמין",
+        "noResults": "לא נמצאו תוצאות מתאימות",
+        "noValidNumbers": "אנא הזן מסםר טלפון",
+        "searchNumbers": "הוסף מספר טלפון",
+        "searchPeople": "חפש אנשים",
+        "searchPeopleAndNumbers": "חפש אנשים או הזן את מספר הטלפון שלהם",
+        "telephone": "טלפון: {{number}}",
+        "title": "הזמן אנשים לפגישה זו"
+    },
+    "audioDevices": {
+        "bluetooth": "בלוטות'",
+        "headphones": "אוזניות",
+        "none": "אין התקן שמע זמין",
+        "phone": "טלפון",
+        "speaker": "רמקול"
+    },
+    "audioOnly": {
+        "audioOnly": "רוחב פס נמוך"
+    },
+    "calendarSync": {
+        "addMeetingURL": "הוסף קישור מפגש",
+        "confirmAddLink": "האם ברצונך הוסיף קישור Jitsi לאירוע זה?",
+        "error": {
+            "appConfiguration": "שילוב לוח השנה אינו מוגדר כראוי.",
+            "generic": "אירעה שגיאה. אנא בדוק את הגדרות לוח השנה שלך או נסה לרענן את לוח השנה.",
+            "notSignedIn": "אירעה שגיאה במהלך האימות לצפייה באירועי לוח השנה. אנא בדוק את הגדרות לוח השנה שלך ונסה להתחבר שוב."
+        },
+        "join": "הצטרף",
+        "joinTooltip": "הצטרף למפגש",
+        "nextMeeting": "המפגש הבא",
+        "noEvents": "לא נקבעו אירועים קרובים.",
+        "ongoingMeeting": "פגישה מתמשכת",
+        "permissionButton": "פתח הגדרות",
+        "permissionMessage": "הרשאת לוח השנה נדרשת כדי לראות את הפגישות שלך ביישום.",
+        "refresh": "רענן לוח שנה",
+        "today": "היום"
+    },
+    "chat": {
+        "error": "שגיאה: ההודעה שלך \"{{originalText}}\" לא נשלחה. סיבה: {{error}}",
+        "fieldPlaceHolder": "הקלד הודעתך כאן",
+        "messageTo": "הודעה פרטית אל {{recipient}}",
+        "messagebox": "הקלד הודעה",
+        "nickname": {
+            "popover": "בחר שם משתמש",
+            "title": "נא להזין שם משתמש בכדי להשתמש בצ'אט",
+            "titleWithPolls": "נא להזין שם משתמש בכדי להשתמש בצ'אט"
+        },
+        "noMessagesMessage": "אין עדיין הודעות בפגישה. התחל שיחה כאן!",
+        "privateNotice": "הודעה פרטית אל {{recipient}}",
+        "sendButton": "שלח",
+        "title": "צ'אט",
+        "titleWithPolls": "צ'אט",
+        "you": "אתה"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "התקן את תוסף Chrome",
+        "dontShowAgain": "אל תציג לי זאת שוב",
+        "installExtensionText": "התקן את התוסף לשילוב Google Calendar ו-Office 365"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "מחבר אותך למפגש שלך…"
+    },
+    "connection": {
+        "ATTACHED": "צרופה",
+        "AUTHENTICATING": "מאמת",
+        "AUTHFAIL": "אימות כשל",
+        "CONNECTED": "מחובר",
+        "CONNECTING": "מתחבר",
+        "CONNFAIL": "החיבור כשל",
+        "DISCONNECTED": "לא מחובר",
+        "DISCONNECTING": "מתנתק",
+        "ERROR": "שגיאה",
+        "FETCH_SESSION_ID": "השגת מזהה הפעלה…",
+        "GET_SESSION_ID_ERROR": "התקבלה שגיאה מזהה הפעלה: {{code}}",
+        "GOT_SESSION_ID": "השגת מזהה הפעלה… בוצע",
+        "LOW_BANDWIDTH": "הווידאו עבור {{displayName}} כבה כדי לשמור על רוחב הפס"
+    },
+    "connectionindicator": {
+        "address": "כתובת:",
+        "bandwidth": "רוחב פס משוער:",
+        "bitrate": "קצב סיביות:",
+        "bridgeCount": "מספר שרתים: ",
+        "connectedTo": "מחובר אל:",
+        "framerate": "קצב מסגרת:",
+        "less": "הצג פחות",
+        "localaddress": "כתובת מקומית:",
+        "localaddress_plural": "כתובות מקומיות:",
+        "localport": "יציאה מקומית:",
+        "localport_plural": "יציאות מקומיות:",
+        "more": "הצג עוד",
+        "packetloss": "חבילות שאבדו:",
+        "quality": {
+            "good": "איכותי",
+            "inactive": "לא פעיל",
+            "lost": "אבד",
+            "nonoptimal": "לא אופטימאלי",
+            "poor": "ירוד"
+        },
+        "remoteaddress": "כתובת מרוחקת:",
+        "remoteaddress_plural": "כתובות מרוחקות:",
+        "remoteport": "יציאה מרוחקת:",
+        "remoteport_plural": "יציאות מרוחקות:",
+        "resolution": "פתרון הבעיה:",
+        "status": "מחובר:",
+        "transport": "תעבורה:",
+        "transport_plural": "תעבורות:"
+    },
+    "dateUtils": {
+        "earlier": "מוקדם יותר",
+        "today": "היום",
+        "yesterday": "מחר"
+    },
+    "deepLinking": {
+        "appNotInstalled": "אתה זקוק ליישום {{app}} נייד כדי להצטרף לפגישה זו בטלפון שלך.",
+        "description": "שום דבר לא קרה? ניסינו להפעיל את הפגישה שלך ביישום {{app}} לשולחן העבודה . נסה שוב או הפעל את {{app}} ביישום האינטרנט.",
+        "descriptionWithoutWeb": "",
+        "downloadApp": "הורד את היישום",
+        "launchWebButton": "הפעל ברשת",
+        "openApp": "מתחבר ליישום",
+        "title": "מפעיל את הפגישה שלך ב{{app}}…",
+        "tryAgainButton": "נסה שוב במחשב"
+    },
+    "defaultLink": "למשל {{url}}",
+    "defaultNickname": "למשל אליאנה שליו",
+    "deviceError": {
+        "cameraError": "הגישה למצלמה שלך כשלה",
+        "cameraPermission": "שגיאה בקבלת הרשאת מצלמה",
+        "microphoneError": "הגישה למיקרופון שלך כשלה",
+        "microphonePermission": "שגיאה בקבלת הרשאת מיקרופון"
+    },
+    "deviceSelection": {
+        "noPermission": "לא הוענקו הרשאות",
+        "previewUnavailable": "תצוגה מקדימה אינה זמינה",
+        "selectADevice": "בחר התקן",
+        "testAudio": "הפעל בדיקת שמע"
+    },
+    "dialOut": {
+        "statusMessage": "אתה כעת {{status}}"
+    },
+    "dialog": {
+        "Back": "חזור",
+        "Cancel": "בטל",
+        "IamHost": "אני המארח",
+        "Ok": "אישור",
+        "Remove": "הסר",
+        "Share": "שתף",
+        "Submit": "שלח",
+        "WaitForHostMsg": "הועידה טרם החלה. אם אתה המארח אז בצע אימות. אחרת, אנא המתן שהמארח יגיע.",
+        "WaitingForHost": "ממתין למארח…",
+        "Yes": "כן",
+        "accessibilityLabel": {
+            "liveStreaming": "שידור חי"
+        },
+        "allow": "התר",
+        "alreadySharedVideoMsg": "חבר אחר כבר משתף וידיאו, ועידה זו מאפשרת שיתוף וידיאו אחד בכל פעם.",
+        "alreadySharedVideoTitle": "שיתוף וידיאו אחד מאופשר בכל פעם",
+        "applicationWindow": "חלון יישום",
+        "cameraConstraintFailedError": "המצלמה שלך אינה מספקת חלק מהבקשות הנדרשות.",
+        "cameraNotFoundError": "לא נמצאה מצלמה.",
+        "cameraNotSendingData": "איננו יכולים לגשת למצלמה שלך. אנא בדוק אם יישום אחר משתמש בהתקן זה, בחר התקן אחר מתפריט ההגדרות או נסה לטעון מחדש את היישום.",
+        "cameraNotSendingDataTitle": "אין אפשרות לגשת למצלמה",
+        "cameraPermissionDeniedError": "לא נתת הרשאה להשתמש במצלמה שלך. הינך יכול עדיין להצטרף לוועידה אך אחרים לא יראו אותך, השתמש בלחצן המצלמה בסרגל הכתובות כדי לתקן זאת.",
+        "cameraUnknownError": "לא ניתן להשתמש במצלמה מסיבה לא ידועה.",
+        "cameraUnsupportedResolutionError": "המצלמה שלך אינה תומכת ברזולוציית וידאו הנדרשת.",
+        "close": "סגור",
+        "conferenceDisconnectMsg": "יתכן שתרצה לבדוק את חיבור הרשת שלך, מתחבר מחדש בעוד {{seconds}} שניות…",
+        "conferenceDisconnectTitle": "נותקת.",
+        "conferenceReloadMsg": "אנו מנסים לתקן זאת, מתחבר מחדש בעוד {{seconds}} שניות…",
+        "conferenceReloadTitle": "לצערנו משהו השתבש.",
+        "confirm": "אשר",
+        "confirmNo": "לא",
+        "confirmYes": "כן",
+        "connectError": "אופס! משהו השתבש ולא יכולנו להתחבר לוועידה.",
+        "connectErrorWithMsg": "אופס! משהו השתבש ולא יכולנו להתחבר לוועידה: {{msg}}",
+        "connecting": "מתחבר",
+        "contactSupport": "צור קשר עם התמיכה",
+        "copy": "העתק",
+        "dismiss": "דחה",
+        "displayNameRequired": "שם תצוגה הכרחי",
+        "done": "בצע",
+        "enterDisplayName": "אנא הזן את שם התצוגה שלך",
+        "error": "שגיאה",
+        "externalInstallationMsg": "עליך להתקין את תוסף השיתוף שלנו לשולחן העבודה.",
+        "externalInstallationTitle": "תוסף נדרש",
+        "goToStore": "גש לחנות",
+        "gracefulShutdown": "השירות שלנו ירד לרגע לצורך תחזוקה. אנא נסה שוב מאוחר יותר.",
+        "incorrectPassword": "שם משתמש או סיסמה שגויים",
+        "incorrectRoomLockPassword": "",
+        "inlineInstallExtension": "התקן כעת",
+        "inlineInstallationMsg": "עליך להתקין את תוסף השיתוף שלנו לשולחן העבודה.",
+        "internalError": "אופס! משהו השתבש. השגיאה הבאה התרחשה: {{error}}",
+        "internalErrorTitle": "שגיאה פנימית",
+        "kickMessage": "אאוצ'! גורשת מהמפגש הזה!",
+        "kickParticipantButton": "גרש",
+        "kickParticipantDialog": "האם אתה בטוח מעוניין לגרש את המשתתף הזה?",
+        "kickParticipantTitle": "לגרש את המספר הזה?",
+        "kickTitle": "גורש מהמפגש",
+        "liveStreaming": "שידור חי",
+        "liveStreamingDisabledForGuestTooltip": "אורחים אינם רשאים לפעיל שידור חי.",
+        "liveStreamingDisabledTooltip": "הפעלת שידור חי הושבתה.",
+        "lockMessage": "נעילת הוועידה כשלה.",
+        "lockRoom": "הוסף סיסמת מפגש",
+        "lockTitle": "נעילה כשלה",
+        "logoutQuestion": "האם אתה בטוח שברצונך להתנתק ולעצור את הועידה?",
+        "logoutTitle": "התנתק",
+        "maxUsersLimitReached": "הגעת למגבלת חברים מירבית. הועידה מלאה. אנא צור קשר עם מנהל הועידה או נסה שוב מאוחר יותר!",
+        "maxUsersLimitReachedTitle": "הגעת למגבלת חברים מירבית",
+        "micConstraintFailedError": "המיקרופון שלך אינו מספק כמה מההרשאות הנדרשות.",
+        "micNotFoundError": "לא נמצא מיקרופון.",
+        "micNotSendingData": "איננו יכולים לגשת למיקרופון שלך. בחר התקן אחר מתפריט ההגדרות או נסה לטעון מחדש את היישום.",
+        "micNotSendingDataTitle": "לא ניתן לגשת למיקרופון",
+        "micPermissionDeniedError": "לא נתת הרשאה להשתמש במיקרופון שלך. אתה עדיין יכול להצטרף לוועידה אך אחרים לא ישמעו אותך. השתמש בלחצן המצלמה בסרגל הכתובות כדי לתקן זאת.",
+        "micUnknownError": "לא ניתן להשתמש במיקרופון מסיבה לא ידועה.",
+        "muteEveryoneDialog": "האם אתה בטוח שברצונך להשתיק את כולם? לא תוכל לבטל את השתקתם, אך הם יכולים לבטל את השתקת עצמם בכל עת.",
+        "muteEveryoneElseDialog": "לאחר שתושתק, לא תוכל להשתיק אותם, אך הם יכולים להשתיק את עצמם בכל עת.",
+        "muteEveryoneElseTitle": "השתק את כולם מלבד {{whom}}?",
+        "muteEveryoneSelf": "עצמך",
+        "muteEveryoneStartMuted": "כולם מושתקים מעתה והילך",
+        "muteEveryoneTitle": "להשתיק את כולם?",
+        "muteParticipantBody": "לא תוכל לבטל את השתקתם, אך הם יכולים לבטל את השתקת עצמם בכל עת.",
+        "muteParticipantButton": "השתק",
+        "muteParticipantDialog": "האם אתה בטוח שברצונך להשתיק משתתף זה? לא תוכל לבטל את השתקתם, אך הם יוכלו לבטל את השתקת עצמם בכל עת.",
+        "muteParticipantTitle": "השתק מספר זה?",
+        "passwordLabel": "סיסמה",
+        "passwordNotSupported": "הגדרת סיסמת פגישה אינה נתמכת.",
+        "passwordNotSupportedTitle": "סיסמה אינה נתמכת",
+        "passwordRequired": "סיסמה נדרשת",
+        "popupError": "הדפדפן שלך חוסם חלונות קופצים מאתר זה. אנא אפשר חלונות קופצים בהגדרות האבטחה של הדפדפן ונסה שוב.",
+        "popupErrorTitle": "חלון קופץ נחסם",
+        "recording": "מקליט",
+        "recordingDisabledForGuestTooltip": "אורחים אינם רשאים להקליט.",
+        "recordingDisabledTooltip": "הקלטה מושבתת.",
+        "rejoinNow": "הצטרף כעת",
+        "remoteControlAllowedMessage": "{{user}} קיבל את בקשת השליטה מרחוק שלך!",
+        "remoteControlDeniedMessage": "{{user}} דחה את בקשת השליטה מרחוק שלך!",
+        "remoteControlErrorMessage": "אירעה שגיאה במהלך ניסיון לבקש הרשאות שליטה מרחוק מ{{user}}!",
+        "remoteControlRequestMessage": "אישרת ל-{{user}} לשלוט מרחוק על המחשב שלך?",
+        "remoteControlShareScreenWarning": "שים לב! לחיצה על \"אשר\" תשתף את המסך שלך!",
+        "remoteControlStopMessage": "הפעלת שליטה רחוק הסתיימה!",
+        "remoteControlTitle": "שליטה בשולחן עבודה מרוחק",
+        "removePassword": "הסר סיסמה",
+        "removeSharedVideoMsg": "האם אתה בטוח שברצונך להסיר את הוידאו המשותף?",
+        "removeSharedVideoTitle": "הסר וידיאו משותף",
+        "reservationError": "שגיאת מערכת הזמנות",
+        "reservationErrorMsg": "קוד שגיאה: {{code}}, הודעה: {{msg}}",
+        "retry": "נסה שוב",
+        "screenSharingAudio": "שתף שמע",
+        "screenSharingFailedToInstall": "אופס! התקנת הרחבת שיתוף המסך כשלה.",
+        "screenSharingFailedToInstallTitle": "התקנת הרחבת שיתוף המסך כשלה",
+        "screenSharingFirefoxPermissionDeniedError": "משהו השתבש בזמן שניסינו לשתף את המסך שלך. אנא וודא כי נתת לנו אישור לכך.",
+        "screenSharingFirefoxPermissionDeniedTitle": "אופס! לא הצלחנו להתחיל בשיתוף המסך!",
+        "screenSharingPermissionDeniedError": "אופס! משהו השתבש בהרשאות התוסף שלך לשיתוף המסך. טען מחדש ונסה שוב.",
+        "sendPrivateMessage": "לאחרונה קיבלת הודעה פרטית. האם התכוונת להשיב על כך באופן פרטי, או שאתה רוצה לשלוח את ההודעה שלך לקבוצה?",
+        "sendPrivateMessageCancel": "שלח לקבוצה",
+        "sendPrivateMessageOk": "שלח לפרטי",
+        "sendPrivateMessageTitle": "לשלוח לפרטי?",
+        "serviceUnavailable": "שירותים אינם זמינים",
+        "sessTerminated": "השיחה הסתיימה",
+        "shareVideoLinkError": "אנא ספק קישור תקין ליוטיוב.",
+        "shareVideoTitle": "שתף וידאו",
+        "shareYourScreen": "שתף את המסך שלך",
+        "shareYourScreenDisabled": "שיתוף מסך כבוי.",
+        "shareYourScreenDisabledForGuest": "אורח אינו יכול לשתף מסך.",
+        "startLiveStreaming": "התחל שידור חי",
+        "startRecording": "החל הקלטה",
+        "startRemoteControlErrorMessage": "אירעה שגיאה במהלך ניסיון להתחיל את הפעלת השליטה רחוק!",
+        "stopLiveStreaming": "הפסק שידור חי",
+        "stopRecording": "הפסק הקלטה",
+        "stopRecordingWarning": "האם אתה בטוח שברצונך להפסיק את ההקלטה?",
+        "stopStreamingWarning": "האם אתה בטוח שברצונך להפסיק את השידור החי?",
+        "streamKey": "מפתח שידור חי",
+        "thankYou": "תודה שהשתמשת ב{{appName}}!",
+        "token": "אסימון",
+        "tokenAuthFailed": "מצטערים, אינך רשאי להצטרף לשיחה זו.",
+        "tokenAuthFailedTitle": "אימות כשל",
+        "transcribing": "תמלול",
+        "unlockRoom": "הסר סיסמת מפגש",
+        "userPassword": "סיסמת משתמש",
+        "yourEntireScreen": "כל המסך שלך"
+    },
+    "documentSharing": {
+        "title": "שתף מסמך"
+    },
+    "feedback": {
+        "average": "ממוצע",
+        "bad": "רע",
+        "detailsLabel": "ספר לנו עוד על כך.",
+        "good": "טוב",
+        "rateExperience": "דרג את חווית המפגש שלך",
+        "veryBad": "רע מאוד",
+        "veryGood": "מעולה"
+    },
+    "helpView": {
+        "title": "מרכז העזרה"
+    },
+    "incomingCall": {
+        "answer": "תשובה",
+        "audioCallTitle": "שיחה נכנסת",
+        "decline": "דחה",
+        "productLabel": "מפגישת Jitsi",
+        "videoCallTitle": "שיחת וידאו נכנסת"
+    },
+    "info": {
+        "accessibilityLabel": "הצג מידע",
+        "addPassword": "הוסף סיסמה",
+        "cancelPassword": "בטל סיסמה",
+        "conferenceURL": "קישור:",
+        "country": "מדינה",
+        "dialANumber": "כדי להצטרף לפגישה שלך, חייג לאחד מהמספרים הללו והזן את קוד ה-PIN.",
+        "dialInConferenceID": "PIN:",
+        "dialInNotSupported": "מצטערים, אין כרגע תמיכה בחיוג.",
+        "dialInNumber": "חייג:",
+        "dialInSummaryError": "שגיאה באחזור מידע חיוג כעת. אנא נסה שוב מאוחר יותר.",
+        "dialInTollFree": "ללא תשלום",
+        "genericError": "אופס, משהו השתבש.",
+        "inviteLiveStream": "לצפייה בשידור החי של פגישה זו, לחץ על קישור זה: {{url}}",
+        "invitePhone": "בכדי לשמוע חייג: {{number}},,{{conferenceID}}#",
+        "invitePhoneAlternatives": "",
+        "inviteURLFirstPartGeneral": "אתם מוזמנים להצטרף לפגישה.",
+        "inviteURLFirstPartPersonal": "{{name}} הזמין אותך להצטרף לפגישה.\n",
+        "inviteURLSecondPart": "\nהצטרף לפגישה:\n{{url}}\n",
+        "label": "מידע מפגש",
+        "liveStreamURL": "שידור חי:",
+        "moreNumbers": "חברים נוספים",
+        "noNumbers": "אין מספרי חיוג.",
+        "noPassword": "ללא",
+        "noRoom": "לא נקבע שום מקום לחיוג אליו.",
+        "numbers": "מספרי חיוג",
+        "password": "סיסמה:",
+        "title": "שתף",
+        "tooltip": "שתף קישור ומידע חיוג לפגישה זו"
+    },
+    "inlineDialogFailure": {
+        "msg": "מעדנו קצת.",
+        "retry": "נסה שוב",
+        "support": "תמיכה",
+        "supportMsg": "אם זה ממשיך לקרות, פנה אל"
+    },
+    "inviteDialog": {
+        "alertText": "ההזמנה של חלק מהמשתתפים נכשלה.",
+        "header": "הזמן",
+        "searchCallOnlyPlaceholder": "הזן מספר טלפון",
+        "searchPeopleOnlyPlaceholder": "מחפש משתתפים",
+        "searchPlaceholder": "משתתף או מספר טלפון",
+        "send": "שלח"
+    },
+    "keyboardShortcuts": {
+        "focusLocal": "התמקד בוידאו שלך",
+        "focusRemote": "התמקד בוידאו של אדם אחר",
+        "fullScreen": "הצג או צא ממסך מלא",
+        "keyboardShortcuts": "קיצורי דרך במקלדת",
+        "localRecording": "הצג או הסתר פקדי הקלטה מקומיים",
+        "mute": "השתק או השמע את המיקרופון ",
+        "pushToTalk": "לחץ כדי לדבר",
+        "raiseHand": "הרם או הורד את היד",
+        "showSpeakerStats": "הצג סטטיסטיקות דובר",
+        "toggleChat": "פתח או סגור את הצ'אט",
+        "toggleFilmstrip": "הצג או הסתר תמונות ממוזערות של וידאו",
+        "toggleScreensharing": "מעבר בין מצלמה לשיתוף מסך",
+        "toggleShortcuts": "הצג או הסתר קיצורי דרך במקלדת",
+        "videoMute": "הפעל או כבה את המצלמה",
+        "videoQuality": "נהל איכות שיחה"
+    },
+    "liveStreaming": {
+        "busy": "אנו עובדים על שחרור משאבי הזרמה. אנא נסה שוב בעוד מספר דקות.",
+        "busyTitle": "כל המזרימים עסוקים כעת",
+        "changeSignIn": "החלף חשבון.",
+        "choose": "בחר שידור חי",
+        "chooseCTA": "בחר אפשרות הזרמה. אתה מחובר כרגע כ {{email}}.",
+        "enterStreamKey": "הזן כאן את מפתח השידור החי שלך ביוטיוב.",
+        "error": "שידור חי כשל, אנא נסה שוב.",
+        "errorAPI": "אירעה שגיאה בגישה לשידורי היוטיוב שלך. אנא נסה להתחבר שוב.",
+        "errorLiveStreamNotEnabled": "הזרמה בשידור חי אינו מופעל ב-{{email}}. אנא אפשר הזרמה בשידור חי או היכנס לחשבון עם שידור חי מופעל",
+        "expandedOff": "השידור החי פסק",
+        "expandedOn": "המפגש הזה מוזרם כעת ליוטיוב.",
+        "expandedPending": "השידור החי עומד להתחיל…",
+        "failedToStart": "ההפעלה של השידור החי כשלה",
+        "getStreamKeyManually": "לא הצלחנו להשיג הזרמה של שידור חי, נסה להשיג את מפתח שידור החי מיוטיוב.",
+        "googlePrivacyPolicy": "מדיניות הפרטיות של גוגל",
+        "invalidStreamKey": "מפתח השידור החי עשוי להיות שגוי.",
+        "off": "שידור חי הופסק",
+        "offBy": "{{name}} הפסיק את השידור החי",
+        "on": "שידור חי",
+        "onBy": "{{name}} הפעיל את השידור החי",
+        "pending": "מתחיל שידור חי…",
+        "serviceName": "שירותי שידור חי",
+        "signIn": "התחבר באמצעות גוגל",
+        "signInCTA": "התחבר או הזן מפתח שידור חי מיוטיוב.",
+        "signOut": "התנתק",
+        "signedInAs": "אתה מחובר כעת כ:",
+        "start": "התחל שידור חי",
+        "streamIdHelp": "מה זה?",
+        "title": "שידור חי",
+        "unavailableTitle": "שידור חי לא זמין",
+        "youtubeTerms": "תנאי השירות של יוטיוב"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "כבוי",
+            "on": "מופעל",
+            "unknown": "לא ידוע"
+        },
+        "dialogTitle": "בקרי הקלטה מקומיים",
+        "duration": "משך הזמן",
+        "durationNA": "ל/ז",
+        "encoding": "קידוד",
+        "label": "הקלטה מקומית",
+        "labelToolTip": "הקלטה מקומית פועלת",
+        "localRecording": "הקלטה מקומית",
+        "me": "אני",
+        "messages": {
+            "engaged": "הקלטה מקומית עסוקה.",
+            "finished": "הפעלת ההקלטה {{token}} הסתיימה. אנא שלחו את הקובץ המוקלט למנחה.",
+            "finishedModerator": "הפעלת ההקלטה {{token}} הסתיימה. הקלטת הרצועה המקומית נשמרה. אנא בקש מהמשתתפים האחרים להגיש את הקלטותיהם.",
+            "notModerator": "אינך המנחה. אינך יכול להתחיל או להפסיק הקלטה מקומית."
+        },
+        "moderator": "מנחה",
+        "no": "לא",
+        "participant": "משתתף",
+        "participantStats": "סטטיסטיקות משתתפים",
+        "sessionToken": "אסימון מושב",
+        "start": "התחל להקליט",
+        "stop": "הפסק להקליט",
+        "yes": "כן"
+    },
+    "lockRoomPassword": "סיסמה",
+    "lockRoomPasswordUppercase": "סיסמה",
+    "lonelyMeetingExperience": {
+        "button": "הזמן אחרים",
+        "youAreAlone": "אתה היחידי במפגש זה"
+    },
+    "me": "אני",
+    "notify": {
+        "OldElectronAPPTitle": "פגיעות אבטחה!",
+        "connectedOneMember": "{{name}} הצטרף למפגש",
+        "connectedThreePlusMembers": "{{name}} ו-{{count}} אחרים הצטרפו למפגש",
+        "connectedTwoMembers": "{{first}} ו-{{second}} הצטרפו למפגש",
+        "disconnected": "מנותק",
+        "focus": "התמקדות בכנס",
+        "focusFail": "{{component}} לא זמין - נסה שוב בעוד {{ms}} שניות",
+        "grantedTo": "הוענקו הרשאות מנחה ל-{{to}}!",
+        "invitedOneMember": "{{name}} הוזמן",
+        "invitedThreePlusMembers": "{{name}}ו- {{count}} אחרים הוזמנו",
+        "invitedTwoMembers": "{{first}} ו-{{second}} הוזמנו",
+        "kickParticipant": "{{kicked}} נזרק על ידי {{kicker}}",
+        "me": "אני",
+        "moderator": "הוענקו הרשאות מנחה!",
+        "muted": "התחלת את השיחה בהתשקה.",
+        "mutedRemotelyDescription": "",
+        "mutedRemotelyTitle": "הושתקת על ידי {{participantDisplayName}}!",
+        "mutedTitle": "הושתקת!",
+        "newDeviceAction": "השתמש",
+        "newDeviceAudioTitle": "זוהה התקן שמע חדש",
+        "newDeviceCameraTitle": "זוהתה מצלמה חדשה",
+        "oldElectronClientDescription1": "נראה שאתה משתמש בגירסה ישנה של לקוח Jitsi Meet עם פגיעויות אבטחה ידועות. אנא וודא שאתה מעדכן ",
+        "oldElectronClientDescription2": "לגירסה האחרונה",
+        "oldElectronClientDescription3": " כעת!",
+        "passwordRemovedRemotely": "",
+        "passwordSetRemotely": "",
+        "raisedHand": "{{name}} מעוניין לדבר.",
+        "somebody": "מישהו",
+        "startSilentDescription": "הצטרף שוב לפגישה כדי לאפשר שמע",
+        "startSilentTitle": "הצטרפת ללא פלט שמע!",
+        "suboptimalExperienceDescription": "אופ… אנו חוששים שהחוויה שלך עם {{appName}} לא תהיה נהדרת כאן. אנו מחפשים דרכים לשפר זאת, אך עד אז, נסה להשתמש באחד מה<a href='{{recommendedBrowserPageLink}}' target='_blank'>דפדפנים הנתמכים לחלוטין</a>.",
+        "suboptimalExperienceTitle": "אזהרת דפדפן",
+        "unmute": "בטל השתקה"
+    },
+    "passwordDigitsOnly": "עד {{number}} ספרות",
+    "passwordSetRemotely": "נקבע על ידי חבר אחר",
+    "polls": {
+        "errors": {
+            "notUniqueOption": "האפשרויות חייבות להיות ייחודיות"
+        }
+    },
+    "poweredby": "מופעל על ידי",
+    "presenceStatus": {
+        "busy": "עסוק",
+        "calling": "מחייג…",
+        "connected": "מחובר",
+        "connecting": "מתחבר…",
+        "connecting2": "מתחבר*…",
+        "disconnected": "מנותק",
+        "expired": "פג תוקף",
+        "ignored": "התעלמו",
+        "initializingCall": "מאתחל שיחה…",
+        "invited": "הוזמנו",
+        "rejected": "דחו",
+        "ringing": "מצלצל…"
+    },
+    "profile": {
+        "setDisplayNameLabel": "הגדר שם תצוגה",
+        "setEmailInput": "הזן דואר אלקטרוני",
+        "setEmailLabel": "הזן את כתובת הדואר האלקטרוני של gravatar",
+        "title": "פרופיל"
+    },
+    "raisedHand": "רוצה לדבר",
+    "recording": {
+        "authDropboxText": "העלאה אל Dropbox",
+        "availableSpace": "שטח זמין: {{spaceLeft}} מ\"ב (בערך {{duration}} דקות הקלטה)",
+        "beta": "בטא",
+        "busy": "אנו עובדים על שחרור משאבי הקלטה. אנא נסה שוב בעוד מספר דקות.",
+        "busyTitle": "כל המקליטים עסוקים כרגע",
+        "error": "ההקלטה כשלה. אנא נסה שוב.",
+        "expandedOff": "ההקלטה הופסקה",
+        "expandedOn": "הפגישה מתועדת כעת.",
+        "expandedPending": "ההקלטה עומדת להתחיל…",
+        "failedToStart": "התחלת הקלטה כשלה",
+        "fileSharingdescription": "שתף את ההקלטה עם משתתפי הפגישה",
+        "live": "חי",
+        "loggedIn": "מחובר כ-{{userName}}",
+        "off": "ההקלטה הופסקה",
+        "offBy": "{{name}} עצר את ההקלטה",
+        "on": "מקליט",
+        "onBy": "{{name}} הפעיל את ההקלטה",
+        "pending": "מתכונן להקליט את הפגישה…",
+        "rec": "מקליט",
+        "serviceDescription": "ההקלטה שלך תישמר על ידי שירותי ההקלטה",
+        "serviceName": "שירותי הקלטה",
+        "signIn": "התחבר",
+        "signOut": "התנתק",
+        "title": "מקליט",
+        "unavailable": "אופס! {{ServiceName}} אינו זמין כרגע. אנו עובדים על פיתרון הבעיה. אנא נסה שוב מאוחר יותר.",
+        "unavailableTitle": "הקלטה אינה זמינה"
+    },
+    "sectionList": {
+        "pullToRefresh": "משוך לרענון"
+    },
+    "settings": {
+        "calendar": {
+            "about": "האינטגרציה של לוח השנה {{appName}} משמשת לגישה מאובטחת ללוח השנה שלך כך שתוכל לקרוא אירועים קרובים.",
+            "disconnect": "מנותק",
+            "microsoftSignIn": "התחבר עם מיקרוסופט",
+            "signedIn": "נכנס כעת לאירועי לוח השנה עבור {{email}}. לחץ על כפתור הניתוק למטה כדי להפסיק את הגישה לאירועי לוח השנה.",
+            "title": "לוח שנה"
+        },
+        "devices": "התקן",
+        "followMe": "כולם עוקבים אחריי",
+        "language": "שפה",
+        "loggedIn": "מחובר כ-{{name}}",
+        "microphones": "מיקרופונים",
+        "moderator": "מנחה",
+        "more": "עוד",
+        "name": "שם",
+        "noDevice": "ללא",
+        "selectAudioOutput": "פלט שמע",
+        "selectCamera": "מצלמה",
+        "selectMic": "מיקרופון",
+        "speakers": "דוברים",
+        "startAudioMuted": "כולם יתחילו מושתקים",
+        "startVideoMuted": "כולם יתחילו מוסתרים",
+        "title": "הגדרות"
+    },
+    "settingsView": {
+        "advanced": "מתקדם",
+        "alertOk": "אישור",
+        "alertTitle": "אזהרה",
+        "alertURLText": "כתובת האתר של השרת שהוזנה אינה חוקית",
+        "buildInfoSection": "מידע בנייה",
+        "conferenceSection": "ועידה",
+        "disableCallIntegration": "השבת אינטגרציה של שיחות מקוריות",
+        "disableP2P": "כבה מצב עמית לעמית",
+        "displayName": "שם תצוגה",
+        "email": "דוא\"ל",
+        "header": "הגדרות",
+        "profileSection": "פרופיל",
+        "serverURL": "כתובת שרת",
+        "showAdvanced": "הצג הגדרות מתקדמות",
+        "startWithAudioMuted": "התחל עם שמע מושתק",
+        "startWithVideoMuted": "התחל עם וידאו מושתק",
+        "version": "גרסה"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nרק תרצו לחייג בטלפון שלכם?\n\n{{defaultDialInNumber}}לחץ על קישור זה כדי לראות את מספרי הטלפון לחיוג עבור מפגש זה.\n{{dialInfoPageUrl}}",
+        "mainText": "לחץ על הקישור הבא כדי להצטרף לפגישה:\n{{roomUrl}}"
+    },
+    "speaker": "דובר",
+    "speakerStats": {
+        "hours": "{{count}} שעות",
+        "minutes": "{{count}} דקות",
+        "name": "שם",
+        "search": "לחפש",
+        "searchHint": "חפש משתתפים",
+        "seconds": "{{count}} שניות",
+        "speakerStats": "סטטיסטיקות דיבורים",
+        "speakerTime": "זמן דיבור"
+    },
+    "startupoverlay": {
+        "policyText": " ",
+        "title": "{{app}} צריך להשתמש ברמקול ובמצלמה שלך."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "הצטרף שוב",
+        "text": "לחץ על כפתור <i>הצטרף שוב</i> כדי להתחבר שוב.",
+        "title": "שיחת הווידאו שלך הופסקה מכיוון שהמחשב הזה רוצה לישון."
+    },
+    "toolbar": {
+        "Settings": "הגדרות",
+        "accessibilityLabel": {
+            "Settings": "שנה הגדרות",
+            "audioOnly": "שנה שמע בלבד",
+            "audioRoute": "בחר התקן שמע",
+            "callQuality": "נהל איכות שיחה",
+            "cc": "שנה כתוביות",
+            "chat": "שנה חלון צ'אט",
+            "document": "שנה מסמך משותף",
+            "download": "הורד את היישום שלנו",
+            "feedback": "השאר משוב",
+            "fullScreen": "שנה מסך מלא",
+            "hangup": "עזוב את השיחה",
+            "help": "עזרה",
+            "invite": "הזמן אנשים",
+            "kick": "גרש משתתף",
+            "localRecording": "שנה פקדי הקלטה מקומיים",
+            "lockRoom": "שנה את סיסמת הפגישה",
+            "moreActions": "שנה תפריט פעולות נוספות",
+            "moreActionsMenu": "תפריט פעולות נוספות",
+            "moreOptions": "הצג אפשרויות נוספות",
+            "mute": "שנה השתקת שמע",
+            "muteEveryone": "השתק את כולם",
+            "pip": "שנה מצב תמונה בתוך תמונה",
+            "privateMessage": "שלח הודעה פרטית",
+            "profile": "ערוך את הפרופיל שלך",
+            "raiseHand": "שנה הרמת יד",
+            "recording": "שנה הקלטה",
+            "remoteMute": "השתק משתתף",
+            "shareRoom": "הזמן מישהו",
+            "shareYourScreen": "שנה שיתוף מסך",
+            "sharedvideo": "שנה שיתוף וידאו מיוטיוב",
+            "shortcuts": "שנה קיצורי דרך",
+            "show": "הצג על הבמה",
+            "speakerStats": "שנה סטטיסטיקות דוברים",
+            "tileView": "שנה תצוגת אריחים",
+            "toggleCamera": "שנה מצלמה",
+            "toggleFilmstrip": "שנה את הסרט",
+            "videoblur": "שנה טשטוש וידאו",
+            "videomute": "שנה השתקת וידאו"
+        },
+        "addPeople": "הוסף אנשים לשיחה שלך",
+        "audioOnlyOff": "כבה מצב שמע בלבד",
+        "audioOnlyOn": "הפעל מצב שמע בלבד",
+        "audioRoute": "בחר התקן שמע",
+        "authenticate": "אימות",
+        "callQuality": "נהל איכות שיחה",
+        "chat": "פתח / סגור צ'אט",
+        "closeChat": "סגור צ'אט",
+        "documentClose": "סגור מסמך משותף",
+        "documentOpen": "פתח מסמך משותף",
+        "download": "הורד את היישום שלנו",
+        "enterFullScreen": "הצג מסך מלא",
+        "enterTileView": "היכנס לתצוגת אריחים",
+        "exitFullScreen": "צא ממסך מלא",
+        "exitTileView": "צא מתצוגת אריחים",
+        "feedback": "השאר משוב",
+        "hangup": "עזוב",
+        "help": "עזרה",
+        "invite": "הזמן אנשים",
+        "login": "התחבר",
+        "logout": "התנתק",
+        "lowerYourHand": "הורד את היד",
+        "moreActions": "פעולות נוספות",
+        "moreOptions": "אפשרויות נוספות",
+        "mute": "השתק / בטל השתקה",
+        "muteEveryone": "השתק את כולם",
+        "noAudioSignalDesc": "אם לא השתקת אותו בכוונה מהגדרות המערכת או החומרה, שקול להחליף את ההתקן.",
+        "noAudioSignalDescSuggestion": "אם לא השתקת אותה בכוונה מהגדרות המערכת או החומרה, שקול לעבור להתקן המוצע.",
+        "noAudioSignalDialInDesc": "אתה יכול גם לחייג באמצעות:",
+        "noAudioSignalDialInLinkDesc": "מספרי חיוג",
+        "noAudioSignalTitle": "אין שום קלט שמגיע מהמיקרופון שלך!",
+        "noisyAudioInputDesc": "זה נשמע כאילו המיקרופון שלך עושה רעש, אנא שקול להשתיק או לשנות את ההתקן.",
+        "noisyAudioInputTitle": "נראה שהמיקרופון שלך רועש!",
+        "openChat": "פתח צ'אט",
+        "pip": "הכנס למצב תמונה בתוך תמונה",
+        "privateMessage": "שלח הודעה פרטית",
+        "profile": "ערוך את הפרופיל שלך",
+        "raiseHand": "הרם / הורד את היד",
+        "raiseYourHand": "הרם את היד",
+        "shareRoom": "הזמן מישהו",
+        "sharedvideo": "שתף וידאו מיוטיוב",
+        "shortcuts": "הצד קיצורי דרך",
+        "speakerStats": "סטטיסטיקות דובר",
+        "startScreenSharing": "התחל שיתוף מסך",
+        "startSubtitles": "התחל כתוביות",
+        "startvideoblur": "טשטש את הרקע שלי",
+        "stopScreenSharing": "הפסק שיתוף מסך",
+        "stopSharedVideo": "הפסק וידאו מיוטיוב",
+        "stopSubtitles": "הפסק כתוביות",
+        "stopvideoblur": "כבה את טשטוש הרקע",
+        "talkWhileMutedPopup": "מנסה לדבר? אתה מושתק.",
+        "tileViewToggle": "שנה לתצוגת אריחים",
+        "toggleCamera": "שנה מצלמה",
+        "videomute": "הפעל / כבה מצלמה"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "הפעל / כבה כתוביות",
+        "error": "התמלול נכשל. אנא נסה שוב.",
+        "expandedLabel": "התמלול פועל כעת",
+        "failedToStart": "הפעלת תמלול כשלה",
+        "labelToolTip": "הפגישה מתומללת",
+        "off": "התמלול פסק",
+        "pending": "מתכונן לתמלול הפגישה…",
+        "start": "התחל הצגת כתוביות",
+        "stop": "עצור הצגת כתוביות",
+        "tr": "TR"
+    },
+    "userMedia": {
+        "grantPermissions": "אנא הענק הרשאות להשתמש במצלמה ובמיקרופון שלך."
+    },
+    "videoSIPGW": {
+        "busy": "אנו עובדים על שחרור משאבים. אנא נסה שוב בעוד מספר דקות.",
+        "busyTitle": "שירות החדרים תפוס כרגע",
+        "errorAlreadyInvited": "{{displayName}} כבר הוזמן",
+        "errorInvite": "ועידה טרם הוקמה. אנא נסה שוב מאוחר יותר.",
+        "errorInviteFailed": "אנו עובדים על פיתרון הבעיה. אנא נסה שוב מאוחר יותר.",
+        "errorInviteFailedTitle": "הזמנת {{displayName}} כשלה",
+        "errorInviteTitle": "שגיאה בהזמנת החדר",
+        "pending": "{{displayName}} הוזמן"
+    },
+    "videoStatus": {
+        "audioOnly": "שמע",
+        "audioOnlyExpanded": "אתה נמצא במצב שמע בלבד. מצב זה חוסך רוחב פס אך לא תראה קטעי וידאו של אחרים.",
+        "callQuality": "איכות שיחה",
+        "hd": "HD",
+        "hdTooltip": "צופה בוידיאו בהבחנה גבוהה",
+        "highDefinition": "הבחנה גבוהה",
+        "labelTooiltipNoVideo": "ללא וידאו",
+        "labelTooltipAudioOnly": "מצב שמע בלבד מופעל",
+        "ld": "LD",
+        "ldTooltip": "צופה בוידאו בהבחנה נמוכה",
+        "lowDefinition": "הבחנה נמוכה",
+        "onlyAudioAvailable": "שמע בלבד זמין",
+        "onlyAudioSupported": "אנו תומכים בשמע בלבד בדפדפן זה.",
+        "sd": "SD",
+        "sdTooltip": "צופה בוידאו בהבחנה רגילה",
+        "standardDefinition": "הבחנה רגילה"
+    },
+    "videothumbnail": {
+        "domute": "השתק",
+        "domuteOthers": "השתק גם את כולם",
+        "flip": "הפוך",
+        "kick": "גרש החוצה",
+        "moderator": "מנחה",
+        "mute": "החבר מושתק",
+        "muted": "מושתק",
+        "remoteControl": "שליטה מרחוק",
+        "show": "",
+        "videomute": "החבר עצר את המצלמה"
+    },
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "לחץ כדי להצטרף",
+            "roomname": "הזן שם חדר"
+        },
+        "appDescription": "קדימה, צ'אט וידאו עם כל הצוות. למעשה, הזמינו את כל מי שאתם מכירים. {{app}} הוא פיתרון ועידת וידיאו עם 100% קוד מקור פתוח, מוצפן לחלוטין, בו תוכלו להשתמש כל היום, כל יום ובחינם - ללא צורך בחשבון.",
+        "audioVideoSwitch": {
+            "audio": "שמע",
+            "video": "וידאו"
+        },
+        "calendar": "לוח שנה",
+        "connectCalendarButton": "התחבר ללוח השנה שלך",
+        "connectCalendarText": "",
+        "enterRoomTitle": "התחל פגישה חדשה",
+        "getHelp": "השג עזרה",
+        "go": "סע",
+        "goSmall": "סע",
+        "info": "מידע",
+        "join": "צור / הצטרף",
+        "privacy": "פרטיות",
+        "recentList": "לאחרונה",
+        "recentListDelete": "מחק",
+        "recentListEmpty": "הרשימה האחרונה שלך ריקה כרגע. שוחח בצ'אט עם הצוות שלך ותמצא כאן את כל הפגישות האחרונות שלך.",
+        "reducedUIText": "ברוכים הבאים אל {{app}}!",
+        "roomNameAllowedChars": "שם הפגישה לא אמור להכיל אף אחת מהתווים הבאים: ?, &, :, ', \", %, #.",
+        "roomname": "הזן שם חדר",
+        "roomnameHint": "הזן את שם או כתובת האתר של החדר שאליו ברצונך להצטרף. אתה רשאי להגדיר שם, רק יידע את האנשים שאתה מעוניין להפגש איתם לדעת על כך, כדי שהם ייכנסו לאותו שם.",
+        "sendFeedback": "שלח משוב",
+        "terms": "תנאים",
+        "title": "ועידת וידיאו מאובטחת, אפשרויות מלאות ומוצגת בחינם"
+    }
+}
diff --git a/lang/main-hi.json b/lang/main-hi.json
new file mode 100644
index 0000000..23138a0
--- /dev/null
+++ b/lang/main-hi.json
@@ -0,0 +1,977 @@
+{
+    "addPeople": {
+        "add": "आमंत्रित करें",
+        "addContacts": "संपर्क सूची से आमंत्रित करे",
+        "copyInvite": "मीटिंग के आमंत्रण कि प्रतिलिपि बनाये",
+        "copyLink": "मीटिंग कि लिंक कि प्रतिलिपि बनाये",
+        "copyStream": "सीधे प्रसारण कि लिंक कि प्रीतिलिपि बनाये",
+        "countryNotSupported": "अभी हम इस गतव्य के लिये सक्षम न‍ही है ।",
+        "countryReminder": "यू.एस. के बाहर से काल कर रहे है तो कृपया सुनिश्चित करे कि अपने देश के कोड़ से प्रारंभ कर रहे है !",
+        "defaultEmail": "अपना ई-मेल पता लिखें",
+        "disabled": "आप अन्‍य लोगों को आमंत्रित नही कर सकते",
+        "failedToAdd": "प्रतिभागियों को जोड़ने में विफल",
+        "footerText": "बाहर डालय करना प्रतिबंधित है",
+        "googleEmail": "गूगल ई-मेल",
+        "inviteMoreHeader": "मीटिंग मे केवल आप ही हैं",
+        "inviteMoreMailSubject": "मीटिंग में शामिल हो {{appName}} ",
+        "inviteMorePrompt": "और लोगों को आमंत्रित करें",
+        "linkCopied": "लिंक कि प्रतिलिपि बनायी गयी",
+        "loading": "लोगों को उनके मोबाइल नंबर से खोजा जा रहा हैं ",
+        "loadingNumber": "मोबाइल नम्बर कि जांच हो रही है ",
+        "loadingPeople": "लोगों को आमंत्रित करने के लिए खोजा जा रहा हैं ",
+        "noResults": "कोई मिलान खोज परिणाम नहीं",
+        "noValidNumbers": "कृपया एक फ़ोन नंबर दर्ज करें",
+        "outlookEmail": "आउटलुक ईमेल",
+        "searchNumbers": "फ़ोन नंबर जोड़ें",
+        "searchPeople": "लोगों को खोजें",
+        "searchPeopleAndNumbers": "लोगों को खोजें या उनके फ़ोन नंबर जोड़ें",
+        "shareInvite": "मीटिंग आमंत्रण साझा करे ",
+        "shareLink": "दूसरों को आमंत्रित करने के लिए मीटिंग लिंक साझा करें",
+        "shareStream": "सीधे प्रसारण लिंक साझा करें",
+        "sip": "SIP: {{address}}",
+        "telephone": "टेलीफोन: {{number}}",
+        "title": "लोगों को इस बैठक में आमंत्रित करें",
+        "yahooEmail": "याहू ईमेल"
+    },
+    "audioDevices": {
+        "bluetooth": "ब्लूटूथ",
+        "headphones": "हेडफ़ोन",
+        "none": "कोई ऑडियो डिवाइस उपलब्ध नहीं",
+        "phone": "फ़ोन",
+        "speaker": "स्पीकर"
+    },
+    "audioOnly": {
+        "audioOnly": "लो बैंडविड्थ"
+    },
+    "calendarSync": {
+        "addMeetingURL": "एक मीटिंग लिंक जोड़ें",
+        "confirmAddLink": "क्या आप इस इवेंट में एक Jitsi लिंक जोड़ना चाहते हैं?",
+        "error": {
+            "appConfiguration": "कैलेंडर एकीकरण ठीक से कॉन्फ़िगर नहीं किया गया है।",
+            "generic": "एक त्रुटि हुई है। कृपया अपनी कैलेंडर सेटिंग जांचें या कैलेंडर को रीफ़्रेश करने का प्रयास करें।",
+            "notSignedIn": "कैलेंडर ईवेंट देखने के लिए प्रमाणित करते समय एक त्रुटि हुई। कृपया अपनी कैलेंडर सेटिंग जांचें और फिर से लॉग इन करने का प्रयास करें।"
+        },
+        "join": "जुड़े",
+        "joinTooltip": "मीटिंग में शामिल हों",
+        "nextMeeting": "अगली मीटिंग",
+        "noEvents": "कोई आगामी कार्यक्रम निर्धारित नहीं हैं।",
+        "ongoingMeeting": "चल रही बैठक",
+        "permissionButton": "सेटिंग्स खोले ",
+        "permissionMessage": "ऐप में आपकी मीटिंग देखने के लिए कैलेंडर की अनुमति आवश्यक है।",
+        "refresh": "कैलेंडर रीफ़्रेश करें",
+        "today": "आज"
+    },
+    "chat": {
+        "enter": "चैट रूम में प्रवेश करें",
+        "error": "त्रुटि: आपका संदेश नहीं भेजा गया । कारण: {{error}}",
+        "fieldPlaceHolder": "अपना संदेश यहां लिखें",
+        "messageTo": "{{recipient}} के लिए निजी संदेश",
+        "messagebox": "एक संदेश टाइप करें",
+        "nickname": {
+            "popover": "एक उपनाम चुनें",
+            "title": "चैट का उपयोग करने के लिए एक उपनाम दर्ज करें",
+            "titleWithPolls": "चैट का उपयोग करने के लिए एक उपनाम दर्ज करें"
+        },
+        "noMessagesMessage": "अभी तक मीटिंग में कोई संदेश नहीं आया है। वार्तालाप प्रारंभ करें!",
+        "privateNotice": "{{recipient}} के लिए निजी संदेश",
+        "sendButton": "भेजें",
+        "title": "चैट",
+        "titleWithPolls": "चैट",
+        "you": "आप"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "क्रोम एक्सटेंशन इंस्टॉल करें",
+        "dontShowAgain": "मुझे यह फिर से न दिखाएं",
+        "installExtensionText": ",गूगल कैलेंडर और ऑफिस 365 एकीकरण के लिए एक्सटेंशन इंस्टॉल करें"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "आपको आपकी मीटिंग से कनेक्ट किया जा रहा है…"
+    },
+    "connection": {
+        "ATTACHED": "संलग्न",
+        "AUTHENTICATING": "प्रमाणीकरण",
+        "AUTHFAIL": "प्रमाणीकरण विफल",
+        "CONNECTED": "जुड़े हुए हैं",
+        "CONNECTING": "जोड़ा जा रहा हैं ",
+        "CONNFAIL": "नहीं जोड़ा जा सका ",
+        "DISCONNECTED": "संपर्क विफ़ल ",
+        "DISCONNECTING": "संपर्क हटाया जा रहा ",
+        "ERROR": "त्रुटि",
+        "FETCH_SESSION_ID": "सत्र-आईडी प्राप्त की जा रही हैं …",
+        "GET_SESSION_ID_ERROR": "सत्र-आईडी त्रुटि प्राप्त करें: {{code}}",
+        "GOT_SESSION_ID": "सत्र-आईडी प्राप्त की जा रही हैं… पूर्ण",
+        "LOW_BANDWIDTH": "बैंडविड्थ को बचाने के लिए {{displayName}} का वीडियो बंद कर दिया गया है"
+    },
+    "connectionindicator": {
+        "address": "पता:",
+        "audio_ssrc": "ऑडियो एस.आर.सी.सी.:",
+        "bandwidth": "अनुमानित बैंडविड्थ:",
+        "bitrate": "बिटरेट:",
+        "bridgeCount": "सर्वर गणना: ",
+        "codecs": "कोडेक (ए/वी): ",
+        "connectedTo": "से जुड़ा हुआ है :",
+        "framerate": "फ्रेम दर:",
+        "less": "कम दिखाएं",
+        "localaddress": "स्थानीय पता:",
+        "localaddress_plural": "स्थानीय पते:",
+        "localport": "local port:",
+        "localport_plural": "Local ports:",
+        "maxEnabledResolution": "send max",
+        "more": "और दिखाएं",
+        "packetloss": "पैकेट लॉस:",
+        "participant_id": "प्रतिभागी आईडी:",
+        "quality": {
+            "good": "अच्छी",
+            "inactive": "निष्क्रिय",
+            "lost": "गया",
+            "nonoptimal": "अयुक्ततम",
+            "poor": "घटिया"
+        },
+        "remoteaddress": "रिमोट एड्रेस:",
+        "remoteaddress_plural": "रिमोट एड्रेसेस:",
+        "remoteport": "रिमोट port:",
+        "remoteport_plural": "रिमोट ports:",
+        "resolution": "रेसोलुशन:",
+        "savelogs": "लॉग सहेजे",
+        "status": "सम्पर्क:",
+        "transport": "ट्रांसपोर्ट :",
+        "transport_plural": "ट्रांसपोर्ट्स:",
+        "video_ssrc": "वीडियो एस.आर.सी.सी.:"
+    },
+    "dateUtils": {
+        "earlier": "पिछला कल",
+        "today": "आज",
+        "yesterday": "अगला कल"
+    },
+    "deepLinking": {
+        "appNotInstalled": "आपको अपने फ़ोन पर इस मीटिंग में शामिल होने के लिए {{app}} मोबाइल ऐप की आवश्यकता है। ",
+        "description": "हमने आपकी मीटिंग {{app}} डेस्कटॉप ऐप में लॉन्च करने की कोशिश की। कुछ नहीं हुआ? फिर से कोशिश करें या {{app}} वेब ऐप में लॉन्च करें।",
+        "descriptionWithoutWeb": "हमने आपकी मीटिंग {{app}} डेस्कटॉप ऐप में लॉन्च करने की कोशिश की। कुछ नहीं हुआ?",
+        "downloadApp": "एप्लिकेशन डाउनलोड करें",
+        "ifDoNotHaveApp": "यदि आपके पास अभी तक ऐप नहीं है:",
+        "ifHaveApp": "यदि आपके पास पहले से ही ऐप है:",
+        "joinInApp": "ऐप का उपयोग करके इस मीटिंग में शामिल हों",
+        "launchWebButton": "वेब में लॉन्च करे",
+        "title": "{{app}} में आपकी मीटिंग शुरू की जा रही हैं…",
+        "tryAgainButton": "डेस्कटॉप में फिर से प्रयास करें"
+    },
+    "defaultLink": "उदाहरण {{url}}",
+    "defaultNickname": "उदा. सतीष कुमार",
+    "deviceError": {
+        "cameraError": "कैमरे को एक्सेस करने में विफल",
+        "cameraPermission": "कैमरा अनुमति प्राप्त करने में त्रुटि",
+        "microphoneError": "माइक्रोफ़ोन को एक्सेस करने में विफल",
+        "microphonePermission": "माइक्रोफ़ोन अनुमति प्राप्त करने में त्रुटि"
+    },
+    "deviceSelection": {
+        "noPermission": "अनुमति नहीं दी गई",
+        "previewUnavailable": "पूर्वदर्शन अनुपलब्ध",
+        "selectADevice": "डिवाइस का चयन करें",
+        "testAudio": "टेस्ट साउंड प्ले करें"
+    },
+    "dialOut": {
+        "statusMessage": "अब {{status}} है"
+    },
+    "dialog": {
+        "Back": "पीछे जाए",
+        "Cancel": "रद्द करें",
+        "IamHost": "मैं मेजबान हूँ",
+        "Ok": "ठीक है",
+        "Remove": "निकालें",
+        "Share": "Share",
+        "Submit": "सबमिट करें",
+        "WaitForHostMsg": "सम्मेलन अभी तक शुरू नहीं हुआ है। यदि आप मेजबान हैं तो कृपया प्रमाणित करें। अन्यथा, कृपया मेजबान के आने की प्रतीक्षा करें।",
+        "WaitingForHostTitle": "होस्ट की प्रतीक्षा कर रहा है…",
+        "Yes": "हाँ",
+        "accessibilityLabel": {
+            "liveStreaming": "सीधा प्रसारण"
+        },
+        "add": "जोड़ें",
+        "allow": "अनुमति दें",
+        "alreadySharedVideoMsg": "एक अन्य प्रतिभागी पहले से ही वीडियो साझा कर रहा है। यह सम्मेलन एक समय में केवल एक साझा की अनुमति देता है।",
+        "alreadySharedVideoTitle": "एक समय में केवल एक साझा वीडियो की अनुमति है",
+        "applicationWindow": "एप्लिकेशन विंडो",
+        "authenticationRequired": "प्रमाणीकरण आवश्यक है",
+        "cameraConstraintFailedError": "आपका कैमरा आवश्यक बाधाओं में से कुछ को पूरा नहीं करता है।",
+        "cameraNotFoundError": "कैमरा नहीं मिला।",
+        "cameraNotSendingData": "हम आपके कैमरे का उपयोग करने में असमर्थ हैं। कृपया जांचें कि क्या कोई अन्य एप्लिकेशन इस डिवाइस का उपयोग तो नहीं कर रहा है, सेटिंग मेनू से किसी अन्य डिवाइस का चयन करें या एप्लिकेशन को फिर से लोड करने का प्रयास करें।",
+        "cameraNotSendingDataTitle": "कैमरा उपयोग करने में असमर्थ",
+        "cameraPermissionDeniedError": "आपने अपने कैमरे का उपयोग करने की अनुमति नहीं दी है। आप अभी भी सम्मेलन में शामिल हो सकते हैं लेकिन अन्य लोग आपको नहीं देख सकेंगे। इसे ठीक करने के लिए पता बार में कैमरा बटन का उपयोग करें।",
+        "cameraTimeoutError": "वीडियो स्रोत प्रारंभ नहीं किया जा सका। समय समाप्त हो गया!",
+        "cameraUnknownError": "अज्ञात कारण की वजह से कैमरे का उपयोग नहीं किया जा सकता है।",
+        "cameraUnsupportedResolutionError": "आपका कैमरा आवश्यक वीडियो रिज़ॉल्यूशन का समर्थन नहीं करता है।",
+        "close": "बंद करें",
+        "conferenceDisconnectMsg": "आप अपने नेटवर्क कनेक्शन की जांच कर सकते है। . {{seconds}} सेकंड में पुनः कनेक्ट किया जायेंगा…",
+        "conferenceDisconnectTitle": "आपको डिस्कनेक्ट कर दिया गया है।",
+        "conferenceReloadMsg": "हम इसे ठीक करने का प्रयास कर रहे हैं। {{seconds}} सेकंड में पुनः कनेक्ट कर रहे हैं…",
+        "conferenceReloadTitle": "दुर्भाग्य से, कुछ गलत हो गया।",
+        "confirm": "पुष्टि करें",
+        "confirmNo": "नहीं",
+        "confirmYes": "हाँ",
+        "connectError": "उफ़! कुछ गड़बड़ हो गई और हम सम्मेलन से जुड़ नहीं सके।",
+        "connectErrorWithMsg": "उफ़! कुछ गड़बड़ हो गई और हम सम्मेलन से नहीं जुड़ सके: {{msg}}",
+        "connecting": "संपर्क जोड़ा जा रहा है ",
+        "contactSupport": "सहयोग के लिए  संपर्क करें",
+        "copied": "प्रतिलिपि बनाई गयी ",
+        "copy": "प्रतिलिपि बनाये",
+        "dismiss": "खारिज करें",
+        "displayNameRequired": "नमस्ते! आपका नाम क्या है?",
+        "done": "हो गया ",
+        "e2eeDescription": "एंड-टू-एंड एन्क्रिप्शन वर्तमान में प्रयोगात्मक है। कृपया ध्यान रखें कि एंड-टू-एंड एन्क्रिप्शन को चालू करने से सर्वर-साइड सेवाएं जैसे: रिकॉर्डिंग, लाइव स्ट्रीमिंग और फोन भागीदारी निष्क्रिय । Also keep in mind that the meeting will only work for people joining from browsers with support for insertable streams.",
+        "e2eeLabel": "एंड-टू-एंड एन्क्रिप्शन सक्षम करें",
+        "e2eeWarning": "चेतावनी: इस मीटिंग में सभी प्रतिभागियों  के पास  एंड-टू-एंड एन्क्रिप्शन के लिए समक्षता नहीं  है। यदि आप इसे सक्षम करते हैं तो वे आपको देखने और सुनने में सक्षम नहीं होंगे।",
+        "enterDisplayName": "कृपया यहाँ अपना नाम लिखें",
+        "error": "त्रुटि",
+        "gracefulShutdown": "हमारी सेवा वर्तमान में रखरखाव के लिए बंद है। कृपया बाद में पुनः प्रयास करें।",
+        "grantModeratorDialog": "क्या आप वाकई इस प्रतिभागी को एक मध्यस्थ बनाना चाहते हैं?",
+        "grantModeratorTitle": "मध्यस्थ स्वीकृती दे ",
+        "incorrectPassword": "गलत उपयोगकर्ता नाम या पासवर्ड",
+        "incorrectRoomLockPassword": "गलत पासवर्ड",
+        "internalError": "उफ़! कुछ गड़बड़ हो गई। निम्नलिखित त्रुटि हुई: {{error}}",
+        "internalErrorTitle": "आंतरिक त्रुटि",
+        "kickMessage": "आप अधिक जानकारी के लिए {{participantDisplayName}} से संपर्क कर सकते हैं।",
+        "kickParticipantButton": "निकालें",
+        "kickParticipantDialog": "क्या आप वाकई इस प्रतिभागी को निकलना चाहते हैं?",
+        "kickParticipantTitle": "इस प्रतिभागी को निकाले?",
+        "kickTitle": "अरे! {{participantDisplayName}} ने आपको मीटिंग से बाहर कर दिया",
+        "liveStreaming": "सीधा प्रसारण",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "रिकॉर्डिंग सक्रिय होने के दौरान संभव नहीं है",
+        "liveStreamingDisabledTooltip": "सीधा प्रसारण करना निष्क्रिय है ",
+        "lockMessage": "सम्मेलन को लॉक करने में विफल।",
+        "lockRoom": "मीटिंग जोड़ें $t(lockRoomPasswordUppercase)",
+        "lockTitle": "लॉक फेल",
+        "login": "लॉग इन",
+        "logoutQuestion": "क्या आप वाकई लॉगआउट और कॉन्फ्रेंस को रोकना चाहते हैं?",
+        "logoutTitle": "लॉग आउट ",
+        "maxUsersLimitReached": "अधिकतम प्रतिभागियों की सीमा पूरी हो चुकी है. कृपया बैठक के मालिक से संपर्क करें या बाद में पुनः प्रयास करें!!",
+        "maxUsersLimitReachedTitle": "अधिकतम प्रतिभागियों सीमा पार हो गई",
+        "micConstraintFailedError": "आपका माइक्रोफ़ोन आवश्यक प्रतिबंधों को पूरा नहीं करता।",
+        "micNotFoundError": "माइक्रोफोन नहीं मिला।",
+        "micNotSendingData": "अपने माइक को अनम्यूट करने और इसके स्तर को समायोजित करने के लिए अपने कंप्यूटर की सेटिंग पर जाएं",
+        "micNotSendingDataTitle": "आपका माइक आपकी सिस्टम सेटिंग्स द्वारा मौन है",
+        "micPermissionDeniedError": "आपने अपने माइक्रोफ़ोन का उपयोग करने की अनुमति नहीं दी है। आप अभी भी सम्मेलन में शामिल हो सकते हैं, लेकिन अन्य लोग आपको नहीं सुनेंगे। इसे ठीक करने के लिए पता बार में कैमरा बटन का उपयोग करें।",
+        "micTimeoutError": "ऑडियो स्रोत प्रारंभ नहीं किया जा सका। समय समाप्त हो गया!",
+        "micUnknownError": "अज्ञात कारण से माइक्रोफोन का उपयोग नहीं किया जा सकता है।",
+        "muteEveryoneDialog": "क्या आप वाकई सभी को म्यूट करना चाहते हैं? आप उन्हें अनम्यूट नहीं कर पाएंगे, लेकिन वे किसी भी समय खुद को अनम्यूट कर सकते हैं।",
+        "muteEveryoneElseDialog": "एक बार म्यूट होने के बाद, आप उन्हें अनम्यूट नहीं कर पाएंगे, लेकिन वे किसी भी समय खुद को अनम्यूट कर सकते हैं।",
+        "muteEveryoneElseTitle": "{{whom}} को छोड़कर सभी को म्यूट करें?",
+        "muteEveryoneElsesVideoDialog": "एक बार कैमरा अक्षम हो जाने पर, आप इसे वापस चालू नहीं कर पाएंगे, लेकिन वे इसे किसी भी समय वापस चालू कर सकते हैं।",
+        "muteEveryoneElsesVideoTitle": "{{whom}} को छोड़कर सभी का कैमरा अक्षम करें?",
+        "muteEveryoneSelf": "अपने आप",
+        "muteEveryoneStartMuted": "Everyone starts muted from now on",
+        "muteEveryoneTitle": "सभी को म्यूट करें?",
+        "muteEveryonesVideoDialog": "क्या आप वाकई सभी के कैमरे को अक्षम करना चाहते हैं? आप इसे वापस चालू नहीं कर पाएंगे, लेकिन वे इसे किसी भी समय वापस चालू कर सकते हैं।",
+        "muteEveryonesVideoDialogOk": "अक्षम करें",
+        "muteEveryonesVideoTitle": "सभी का कैमरा अक्षम करें?",
+        "muteParticipantBody": "आप उन्हें अनम्यूट नहीं कर पाएंगे, लेकिन वे किसी भी समय अनम्यूट कर सकते हैं।",
+        "muteParticipantButton": "म्यूट",
+        "muteParticipantDialog": "क्या आप वाकई इस प्रतिभागी को म्यूट करना चाहते हैं? आप उन्हें अनम्यूट नहीं कर पाएंगे, लेकिन वे किसी भी समय खुद को अनम्यूट कर सकते हैं।",
+        "muteParticipantTitle": "इस प्रतिभागी को म्यूट करें?",
+        "muteParticipantsVideoBody": "आप कैमरे को वापस चालू नहीं कर पाएंगे, लेकिन वे इसे किसी भी समय वापस चालू कर सकते हैं।",
+        "muteParticipantsVideoButton": "कैमरा अक्षम करें",
+        "muteParticipantsVideoTitle": "इस प्रतिभागी का कैमरा अक्षम करें?",
+        "passwordLabel": "बैठक में एक प्रतिभागी द्वारा ताला लगा दिया गया है। कृपया शामिल होने के लिए $t(lockRoomPassword) दर्ज करें।",
+        "passwordNotSupported": "मीटिंग $t(lockRoomPassword) सेट करना समर्थित नहीं है।",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) समर्थित नहीं है",
+        "passwordRequired": "$t(lockRoomPasswordUppercase) की आवश्यकता है",
+        "popupError": "आपका ब्राउज़र इस साइट से पॉप-अप विंडो को रोक रहा है। कृपया अपने ब्राउज़र की सुरक्षा सेटिंग्स में पॉप-अप को सक्षम करें और पुनः प्रयास करें।",
+        "popupErrorTitle": "पॉप-अप अवरुद्ध",
+        "readMore": "अधिक",
+        "recording": "रिकॉर्डिंग",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "संभव नहीं है जब एक लाइव स्ट्रीम सक्रिय है",
+        "recordingDisabledTooltip": "रिकॉर्डिंग शुरू करना अक्षम करें.",
+        "rejoinNow": "पुनः जुड़े",
+        "remoteControlAllowedMessage": "{{user}} ने आपका रिमोट कंट्रोल अनुरोध स्वीकार कर लिया!",
+        "remoteControlDeniedMessage": "{{user}} ने आपका रिमोट कंट्रोल अनुरोध अस्वीकार कर दिया!",
+        "remoteControlErrorMessage": "{{user}}से रिमोट कंट्रोल की अनुमति का अनुरोध करते समय एक त्रुटि हुई!",
+        "remoteControlRequestMessage": "क्या आप {{user}} को दूर से अपने डेस्कटॉप को नियंत्रित करने की अनुमति देंगे?",
+        "remoteControlShareScreenWarning": "ध्यान दें कि यदि आप \"अनुमति दें\" दबाते हैं, तो आप अपनी स्क्रीन साझा करेंगे!",
+        "remoteControlStopMessage": "रिमोट कंट्रोल सत्र समाप्त हो गया!",
+        "remoteControlTitle": "रिमोट डेस्कटॉप कंट्रोल",
+        "removePassword": "निकालें $t(lockRoomPassword)",
+        "removeSharedVideoMsg": "क्या आप वाकई अपने साझा किए गए वीडियो को निकालना चाहते हैं?",
+        "removeSharedVideoTitle": "साझा किया गया वीडियो निकालें",
+        "reservationError": "आरक्षण प्रणाली में त्रुटि",
+        "reservationErrorMsg": "Error code: {{code}}, message: {{msg}}",
+        "retry": "पुनः प्रयास करें",
+        "screenSharingAudio": "ऑडियो साझा करें",
+        "screenSharingFailed": "उफ़! कुछ गड़बड़ हो गई, हम स्क्रीन शेयरिंग शुरू करने में सक्षम नहीं थे!",
+        "screenSharingFailedTitle": "स्क्रीन साझा करना विफल हुआ!",
+        "screenSharingPermissionDeniedError": "उफ़! आपकी स्क्रीन शेयरिंग अनुमतियों में कुछ गड़बड़ हो गई है। कृपया पुनः लोड करें और पुनः प्रयास करें।",
+        "sendPrivateMessage": "आपने हाल ही में एक निजी संदेश प्राप्त किया है। क्या आप उसका निजी रूप से जवाब देने का इरादा रखते हैं? या आप अपना संदेश समूह को भेजना चाहते हैं?",
+        "sendPrivateMessageCancel": "समूह को भेजें",
+        "sendPrivateMessageOk": "निजी तौर पर भेजें",
+        "sendPrivateMessageTitle": "निजी तौर पर भेजें?",
+        "serviceUnavailable": "सेवा अनुपलब्ध",
+        "sessTerminated": "कॉल समाप्त",
+        "sessionRestarted": "कनेक्शन समस्या के कारण कॉल पुनः प्रारंभ की गई",
+        "shareVideoLinkError": "कृपया एक सही यूट्यूब लिंक प्रदान करें।.",
+        "shareVideoTitle": "एक वीडियो साझा करें",
+        "shareYourScreen": "अपनी स्क्रीन साझा करें",
+        "shareYourScreenDisabled": "स्क्रीन साझाकरण अक्षम।",
+        "startLiveStreaming": "लाइव स्ट्रीम प्रारंभ करें",
+        "startRecording": "रिकॉर्डिंग प्रारंभ करें",
+        "startRemoteControlErrorMessage": "रिमोट कंट्रोल सत्र शुरू करने की कोशिश करते समय एक त्रुटि हुई!",
+        "stopLiveStreaming": "लाइव स्ट्रीम बंद करें",
+        "stopRecording": "रिकॉर्डिंग बंद करें",
+        "stopRecordingWarning": "क्या आप वाकई रिकॉर्डिंग को रोकना चाहते हैं?",
+        "stopStreamingWarning": "क्या आप वाकई लाइव स्ट्रीमिंग को रोकना चाहते हैं?",
+        "streamKey": "लाइव स्ट्रीम कुंजी",
+        "thankYou": " {{appName}} का उपयोग करने के लिए धन्यवाद!",
+        "token": "टोकन",
+        "tokenAuthFailed": "क्षमा करें, आपको इस कॉल में शामिल होने की अनुमति नहीं है।",
+        "tokenAuthFailedTitle": "प्रमाणीकरण विफल",
+        "transcribing": "प्रतिलेखन",
+        "unlockRoom": "मीटिंग को $t(lockRoomPassword) निकालें",
+        "user": "उपयोगकर्ता",
+        "userIdentifier": "उपयोगकर्ता पहचानकर्ता",
+        "userPassword": "उपयोगकर्ता पासवर्ड",
+        "videoLink": "वीडियो लिंक",
+        "yourEntireScreen": "आपकी पूरी स्क्रीन"
+    },
+    "documentSharing": {
+        "title": "साझा दस्तावेज़"
+    },
+    "e2ee": {
+        "labelToolTip": "इस कॉल पर ऑडियो और वीडियो संचार एंड-टू-एंड एन्क्रिप्टेड है"
+    },
+    "embedMeeting": {
+        "title": "इस बैठक को एम्बेड करें"
+    },
+    "feedback": {
+        "average": "औसत",
+        "bad": "बुरा",
+        "detailsLabel": "इसके बारे में अधिक बताएं।",
+        "good": "अच्छा",
+        "rateExperience": "अपने बैठक के अनुभव को रेट करें",
+        "veryBad": "बहुत बुरा",
+        "veryGood": "बहुत अच्छा"
+    },
+    "helpView": {
+        "title": "सहायता केंद्र"
+    },
+    "incomingCall": {
+        "answer": "उत्तर",
+        "audioCallTitle": "आने वाले कॉल",
+        "decline": "खारिज",
+        "productLabel": "जित्सी मीट से",
+        "videoCallTitle": "आने वाले वीडियो कॉल"
+    },
+    "info": {
+        "accessibilityLabel": "जानकारी दिखाएं",
+        "addPassword": "$t(lockRoomPassword)जोड़ें",
+        "cancelPassword": "$t(lockRoomPassword)रद्द करें",
+        "conferenceURL": "लिंक:",
+        "country": "देश",
+        "dialANumber": "अपनी मीटिंग में शामिल होने के लिए, इनमें से किसी एक नंबर को डायल करें और फिर पिन डालें।",
+        "dialInConferenceID": "पिन:",
+        "dialInNotSupported": "क्षमा करें, वर्तमान में डायल करना समर्थित नहीं है।",
+        "dialInNumber": "डायल-इन:",
+        "dialInSummaryError": "डायल-इन जानकारी लाने में त्रुटि कृपया बाद में पुनः प्रयास करें।",
+        "dialInTollFree": "टोल फ्री",
+        "genericError": "वूप्स, कुछ गलत हो गया।",
+        "inviteLiveStream": "इस बैठक की लाइव स्ट्रीम देखने के लिए, इस लिंक पर क्लिक करें: {{url}}",
+        "invitePhone": "इसके बजाय फोन से जुड़ने के लिए, इस पर टैप करें:: {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Looking for a different dial-in number?\nSee meeting dial-in numbers: {{url}}\n\n\nIf also dialing-in through a room phone, join without connecting to audio: {{silentUrl}}",
+        "inviteURLFirstPartGeneral": "आपको एक बैठक में शामिल होने के लिए आमंत्रित किया गया है।",
+        "inviteURLFirstPartPersonal": "{{name}} आपको मीटिंग के लिए आमंत्रित कर रहा है।\n",
+        "inviteURLSecondPart": "\nबैठक में शामिल हों:\n{{url}}\n",
+        "label": "डायल-इन जानकारी",
+        "liveStreamURL": "लाइव स्ट्रीम:",
+        "moreNumbers": "अधिक संख्या",
+        "noNumbers": "कोई डायल-इन नंबर नहीं।",
+        "noPassword": "कोई नहीं",
+        "noRoom": "डायल-इन करने के लिए कोई कक्ष निर्दिष्ट नहीं किया गया।",
+        "numbers": "डायल-इन नंबर",
+        "password": "$t(lockRoomPasswordUppercase):",
+        "title": "साझा करें",
+        "tooltip": "इस मीटिंग के लिए लिंक और डायल-इन जानकारी साझा करें"
+    },
+    "inlineDialogFailure": {
+        "msg": "We stumbled a bit.",
+        "retry": "पुनः प्रयास करें",
+        "support": "सहायता",
+        "supportMsg": "ऐसा बार बार हो रहा हो, तो सम्पर्क करे "
+    },
+    "inviteDialog": {
+        "alertText": "कुछ प्रतिभागियों को आमंत्रित करने में विफल।",
+        "header": "आमंत्रित करें",
+        "searchCallOnlyPlaceholder": "फ़ोन नंबर दर्ज करें",
+        "searchPeopleOnlyPlaceholder": "प्रतिभागियों को खोजें",
+        "searchPlaceholder": "प्रतिभागी या फ़ोन नंबर",
+        "send": "भेजें"
+    },
+    "keyboardShortcuts": {
+        "focusLocal": "अपने वीडियो पर केंद्रित करें",
+        "focusRemote": "किसी अन्य व्यक्ति के वीडियो पर केंद्रित करें",
+        "fullScreen": "पूर्ण स्क्रीन देखें या बाहर निकलें",
+        "keyboardShortcuts": "कीबोर्ड शॉर्टकट्स",
+        "localRecording": "स्थानीय रिकॉर्डिंग नियंत्रण दिखाएं या छिपाएँ",
+        "mute": "अपने माइक्रोफ़ोन को म्यूट या अनम्यूट करें",
+        "pushToTalk": "बोलने के लिए दबाएं",
+        "raiseHand": "अपना हाथ उठाएँ या नीचे करें",
+        "showSpeakerStats": "स्पीकर आंकड़े दिखाएं",
+        "toggleChat": "चैट खोलें या बंद करें",
+        "toggleFilmstrip": "वीडियो थंबनेल दिखाएं या छिपाएँ",
+        "toggleScreensharing": "कैमरा और स्क्रीन शेयरिंग के बीच स्विच करें",
+        "toggleShortcuts": "कीबोर्ड शॉर्टकट दिखाएं या छिपाएं",
+        "videoMute": "अपना कैमरा प्रारंभ या बंद करें"
+    },
+    "liveStreaming": {
+        "busy": "हम स्ट्रीमिंग संसाधनों को मुक्त करने पर काम कर रहे हैं। कृपया कुछ मिनटों में पुनः प्रयास करें।",
+        "busyTitle": "सभी स्ट्रीमर वर्तमान में व्यस्त हैं",
+        "changeSignIn": "खाता बदलें।",
+        "choose": "एक लाइव स्ट्रीम चुनें",
+        "chooseCTA": "स्ट्रीमिंग विकल्प चुनें। आप वर्तमान में {{email}} के रूप में लॉग इन हैं।",
+        "enterStreamKey": "अपनी YouTube लाइव स्ट्रीम कुंजी यहाँ दर्ज करें।",
+        "error": "लाइव स्ट्रीमिंग विफल रही। कृपया पुनः प्रयास करें।",
+        "errorAPI": "आपके YouTube प्रसारण तक पहुँचने में त्रुटि हुई। कृपया पुनः लॉगिन करें।",
+        "errorLiveStreamNotEnabled": "{{email}} पर लाइव स्ट्रीमिंग सक्षम नहीं है। कृपया लाइव स्ट्रीमिंग सक्षम करें या ऐसे खाते में लॉग इन करें जिसमें लाइव स्ट्रीमिंग सक्षम हो।",
+        "expandedOff": "लाइव स्ट्रीमिंग बंद हो गई है",
+        "expandedOn": "बैठक वर्तमान में YouTube पर स्ट्रीम की जा रही है।",
+        "expandedPending": "लाइव स्ट्रीमिंग शुरू की जा रही है…",
+        "failedToStart": "लाइव स्ट्रीमिंग शुरू करने में विफल रहा",
+        "getStreamKeyManually": "हम कोई लाइव स्ट्रीम प्राप्त नहीं कर सके। कृपया YouTube से अपनी लाइव स्ट्रीम कुंजी प्राप्त करने का प्रयास करें।",
+        "googlePrivacyPolicy": "Google गोपनीयता नीति",
+        "invalidStreamKey": "लाइव स्ट्रीम कुंजी गलत हो सकती है।",
+        "limitNotificationDescriptionNative": "आपकी स्ट्रीमिंग {{limit}} मिनट तक सीमित होगी। असीमित स्ट्रीमिंग के लिए {{app}} आज़माएँ।",
+        "limitNotificationDescriptionWeb": "अधिक मांग के कारण आपकी स्ट्रीमिंग {{limit}} मिनट तक सीमित होगी। असीमित स्ट्रीमिंग के लिए <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a> आज़माएँ।",
+        "off": "लाइव स्ट्रीमिंग बंद हो गई",
+        "offBy": "{{name}} ने लाइव स्ट्रीमिंग बंद कर दी",
+        "on": "लाइव स्ट्रीमिंग शुरू हो गई",
+        "onBy": "{{name}} ने लाइव स्ट्रीमिंग शुरू की",
+        "pending": "लाइव स्ट्रीम शुरू हो रही है…",
+        "serviceName": "लाइव स्ट्रीमिंग सेवा",
+        "signIn": "Google से साइन इन करें",
+        "signInCTA": "साइन इन करें या YouTube से अपनी लाइव स्ट्रीम कुंजी दर्ज करें।",
+        "signOut": "साइन आउट करें",
+        "signedInAs": "आप वर्तमान में इस रूप में साइन इन हैं:",
+        "start": "एक लाइव स्ट्रीम शुरू करें",
+        "streamIdHelp": "यह क्या है?",
+        "title": "लाइव स्ट्रीमिंग",
+        "unavailableTitle": "लाइव स्ट्रीमिंग उपलब्ध नहीं है",
+        "youtubeTerms": "YouTube सेवा की शर्तें"
+    },
+    "lobby": {
+        "allow": "अनुमति दें",
+        "backToKnockModeButton": "कोई पासवर्ड नहीं, इसके बजाय जुड़ने के लिए कहें",
+        "dialogTitle": "लॉबी मोड",
+        "disableDialogContent": "लॉबी मोड वर्तमान में सक्षम है। यह सुविधा सुनिश्चित करती है कि अवांछित प्रतिभागी आपकी मीटिंग में शामिल नहीं हो सकते। क्या आप इसे अक्षम करना चाहते हैं?",
+        "disableDialogSubmit": "अक्षम करें",
+        "emailField": "अपना ईमेल पता दर्ज करें",
+        "enableDialogPasswordField": "पासवर्ड सेट करें (वैकल्पिक)",
+        "enableDialogSubmit": "सक्षम करें",
+        "enableDialogText": "Lobby mode lets you protect your meeting by only allowing people to enter after a formal approval by a moderator.",
+        "enterPasswordButton": "मीटिंग पासवर्ड दर्ज करें",
+        "enterPasswordTitle": "मीटिंग में शामिल होने के लिए पासवर्ड दर्ज करें",
+        "invalidPassword": "अमान्य पासवर्ड",
+        "joinRejectedMessage": "आपका अनुरोध एक मॉडरेटर द्वारा अस्वीकार कर दिया गया.",
+        "joinTitle": "मीटिंग में शामिल हों",
+        "joinWithPasswordMessage": "पासवर्ड के साथ जुड़ने की कोशिश कर रहा है, कृपया प्रतीक्षा करें…",
+        "joiningMessage": "जैसे ही कोई आपके अनुरोध को स्वीकार करता है आप बैठक में शामिल हो जाएंगे",
+        "joiningTitle": "मीटिंग में शामिल होने के लिए कह रहा है…",
+        "joiningWithPasswordTitle": "पासवर्ड के साथ जुड़े…",
+        "knockButton": "जुड़ने के लिए कहें ",
+        "knockTitle": "कोई व्यक्ति बैठक में शामिल होना चाहता है",
+        "knockingParticipantList": "प्रतिभागी सूची दस्तक",
+        "nameField": "अपना नाम दर्ज करें",
+        "notificationLobbyAccessDenied": "{{targetParticipantName}} has been rejected to join by {{originParticipantName}}",
+        "notificationLobbyAccessGranted": "{{targetParticipantName}} has been allowed to join by {{originParticipantName}}",
+        "notificationLobbyDisabled": "लॉबी को {{originParticipantName}}द्वारा अक्षम कर दिया गया",
+        "notificationLobbyEnabled": "लॉबी को {{originParticipantName}}द्वारा सक्षम किया गया",
+        "notificationTitle": "लॉबी",
+        "passwordField": "मीटिंग पासवर्ड दर्ज करें",
+        "passwordJoinButton": "शामिल हों",
+        "title": "लॉबी",
+        "toggleLabel": "लॉबी सक्षम करें"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "बंद",
+            "on": "चालू",
+            "unknown": "अज्ञात"
+        },
+        "dialogTitle": "स्थानीय रिकॉर्डिंग नियंत्रण",
+        "duration": "अवधि",
+        "durationNA": "उपलब्ध नहीं",
+        "encoding": "एन्कोडिंग",
+        "label": "स्थानीय रिकॉर्डिंग",
+        "labelToolTip": "स्थानीय रिकॉर्डिंग सक्रिय है",
+        "localRecording": "स्थानीय रिकॉर्डिंग",
+        "me": "मैं",
+        "messages": {
+            "engaged": "स्थानीय रिकॉर्डिंग सक्रिय हो गई।",
+            "finished": "रिकॉर्डिंग सत्र {{token}} समाप्त हो गया। कृपया रिकॉर्ड की गई फ़ाइल मॉडरेटर को भेजें।",
+            "finishedModerator": "रिकॉर्डिंग सत्र {{token}} समाप्त हो गया। स्थानीय ट्रैक की रिकॉर्डिंग सहेज ली गई है। कृपया अन्य प्रतिभागियों से उनकी रिकॉर्डिंग जमा करने के लिए कहें।",
+            "notModerator": "आप मॉडरेटर नहीं हैं। आप स्थानीय रिकॉर्डिंग प्रारंभ या बंद नहीं कर सकते।"
+        },
+        "moderator": "मॉडरेटर",
+        "no": "नहीं",
+        "participant": "प्रतिभागी",
+        "participantStats": "प्रतिभागी आँकड़े",
+        "sessionToken": "सत्र टोकन",
+        "start": "रिकॉर्डिंग प्रारंभ करें",
+        "stop": "रिकॉर्डिंग बंद करें",
+        "yes": "हाँ"
+    },
+    "lockRoomPassword": "पासवर्ड",
+    "lockRoomPasswordUppercase": "पासवर्ड",
+    "lonelyMeetingExperience": {
+        "button": "दूसरों को आमंत्रित करें",
+        "youAreAlone": "मीटिंग में केवल आप ही हैं"
+    },
+    "me": "मैं",
+    "notify": {
+        "OldElectronAPPTitle": "Security vulnerability!",
+        "connectedOneMember": "{{name}} मीटिंग में शामिल हुए",
+        "connectedThreePlusMembers": "{{name}} और {{count}} अन्य लोग मीटिंग में शामिल हुए",
+        "connectedTwoMembers": "{{first}} और {{second}} मीटिंग में शामिल हुआ",
+        "disconnected": "डिस्कनेक्ट",
+        "focus": "Conference focus",
+        "focusFail": "{{component}} उपलब्ध नहीं - {{ms}} सेकंड में पुनः प्रयास करें",
+        "grantedTo": "Moderator rights granted to {{to}}!",
+        "invitedOneMember": "{{name}} को आमंत्रित किया गया",
+        "invitedThreePlusMembers": "{{name}} और {{count}} अन्य लोगों को आमंत्रित किया गया",
+        "invitedTwoMembers": "{{first}} और {{second}} को आमंत्रित किया गया",
+        "kickParticipant": "{{kicked}} को {{kicker}} द्वारा किक किया गया",
+        "me": "मैं",
+        "moderator": "मॉडरेटर के अधिकार दिए गए!",
+        "muted": "आपने वार्तालाप को म्यूट करके शुरू किया है।",
+        "mutedRemotelyDescription": "जब आप बोलने के लिए तैयार हों, तो आप हमेशा अनम्यूट कर सकते हैं। बैठक में शोर कम रखने के लिए बोलने के बाद म्यूट कर दें।",
+        "mutedRemotelyTitle": "आपको {{participantDisplayName}} द्वारा म्यूट कर दिया गया है!",
+        "mutedTitle": "आप मौन हैं!",
+        "newDeviceAction": "उपयोग करें",
+        "newDeviceAudioTitle": "नए ऑडियो डिवाइस का पता चला",
+        "newDeviceCameraTitle": "नए कैमरे का पता चला",
+        "oldElectronClientDescription1": "आप जित्सी मीट क्लाइंट के एक पुराने संस्करण का उपयोग करते हुए दिखाई देते हैं, जिसमे सुरक्षा कमजोरियां ज्ञात हैं।",
+        "oldElectronClientDescription2": "नवीनतम बिल्ड",
+        "oldElectronClientDescription3": " अब!",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) किसी अन्य प्रतिभागी द्वारा हटा दिया गया",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) दूसरे प्रतिभागी द्वारा निर्धारित",
+        "raisedHand": "{{name}} बोलना चाहेंगे।",
+        "somebody": "Somebody",
+        "startSilentDescription": "ऑडियो सक्षम करने के लिए मीटिंग को फिर से करें",
+        "startSilentTitle": "आप बिना ऑडियो आउटपुट के साथ शामिल हुए!",
+        "suboptimalBrowserWarning": "हमें डर है कि आपकी मीटिंग अनुभव यहाँ बहुत अच्छा नहीं होने वाला है। हम इसे सुधारने के तरीके ढूंढ़ रहे हैं, लेकिन उस समय तक कृपया  <a href='{{recommendedBrowserPageLink}}' target='_blank'>पूरी तरह से समर्थित ब्राउज़र</a>  में से एक का प्रयास करें",
+        "suboptimalExperienceTitle": "ब्राउज़र चेतावनी",
+        "unmute": "अनम्यूट",
+        "videoMutedRemotelyDescription": "आप इसे हमेशा फिर से चालू कर सकते हैं।",
+        "videoMutedRemotelyTitle": "आपका कैमरा {{participantDisplayName}}द्वारा अक्षम कर दिया गया है!"
+    },
+    "participantsPane": {
+        "actions": {
+            "reject": "अस्वीकार"
+        }
+    },
+    "passwordDigitsOnly": "अधिकतम {{number}} अंक",
+    "passwordSetRemotely": "दूसरे प्रतिभागी द्वारा निर्धारित",
+    "polls": {
+        "errors": {
+            "notUniqueOption": "विकल्प अद्वितीय होना चाहिए"
+        }
+    },
+    "poweredby": "powered by",
+    "prejoin": {
+        "audioAndVideoError": "ऑडियो और वीडियो त्रुटि:",
+        "audioDeviceProblem": "आपके ऑडियो डिवाइस में कोई समस्या है",
+        "audioOnlyError": "ऑडियो त्रुटि:",
+        "audioTrackError": "ऑडियो ट्रैक नहीं बना सका",
+        "callMe": "मुझे कॉल करें",
+        "callMeAtNumber": "मुझे इस नंबर पर कॉल करें:",
+        "calling": "कॉलिंग",
+        "configuringDevices": "डिवाइस कॉन्फ़िगर कर रहा है…",
+        "connectedWithAudioQ": "क्या आप ऑडियो से जुड़े हैं?",
+        "connection": {
+            "good": "आपका इंटरनेट कनेक्शन अच्छा है!",
+            "nonOptimal": "आपका इंटरनेट कनेक्शन आदर्श नहीं है",
+            "poor": "आपका इंटरनेट कनेक्शन खराब है"
+        },
+        "connectionDetails": {
+            "audioClipping": "हमें उम्मीद है कि आपका ऑडियो कट सकता है।",
+            "audioHighQuality": "हमें उम्मीद है कि आपका ऑडियो बेहतरीन गुणवत्ता का होगा।",
+            "audioLowNoVideo": "हमें उम्मीद है कि आपकी ऑडियो गुणवत्ता कम होगी और वीडियो उपलब्ध नहीं होगा।",
+            "goodQuality": "बहुत बढ़िया! आपकी मीडिया गुणवत्ता शानदार होगी।",
+            "noMediaConnectivity": "हम इस परीक्षण के लिए मीडिया कनेक्टिविटी स्थापित करने में असमर्थ हैं। यह आमतौर पर फ़ायरवॉल या NAT के कारण होता है।",
+            "noVideo": "हमें उम्मीद है कि आपका वीडियो बहुत खराब होगा।",
+            "undetectable": "यदि आप अभी भी ब्राउज़र में कॉल नहीं कर पा रहे हैं, तो हम अनुशंसा करते हैं कि आप सुनिश्चित करें कि आपके स्पीकर, माइक्रोफ़ोन और कैमरा सही तरीके से सेट किए गए हैं, कि आपने अपने ब्राउज़र को माइक्रोफ़ोन और कैमरा उपयोग की अनुमति दी है, और आपका ब्राउज़र संस्करण अपडेट है। यदि समस्या बनी रहती है, तो आपको वेब एप्लिकेशन डेवलपर से संपर्क करना चाहिए।",
+            "veryPoorConnection": "हमें उम्मीद है कि आपकी कॉल गुणवत्ता बहुत खराब होगी।",
+            "videoFreezing": "हमें उम्मीद है कि आपका वीडियो फ्रीज़ होगा, काला हो जाएगा और धुंधला दिखेगा।",
+            "videoHighQuality": "हमें उम्मीद है कि आपका वीडियो अच्छी गुणवत्ता का होगा।",
+            "videoLowQuality": "हमें उम्मीद है कि आपका वीडियो फ्रेम दर और रिज़ॉल्यूशन के मामले में निम्न गुणवत्ता का होगा।",
+            "videoTearing": "हमें उम्मीद है कि आपका वीडियो धुंधला होगा या इसमें दृश्य गड़बड़ियां हो सकती हैं।"
+        },
+        "copyAndShare": "मीटिंग लिंक कॉपी और साझा करे ",
+        "dialInMeeting": "मीटिंग में डायल करें",
+        "dialInPin": "मीटिंग में डायल करें और पिन कोड डालें:",
+        "dialing": "डायलिंग",
+        "doNotShow": "इस स्क्रीन को फिर से न दिखाएं",
+        "errorDialOut": "डायल नहीं कर सका",
+        "errorDialOutDisconnected": "डायल नहीं किया जा सका। डिस्कनेक्ट किया गया",
+        "errorDialOutFailed": "डायल नहीं कर सका। कॉल विफल",
+        "errorDialOutStatus": "डायल आउट स्थिति प्राप्त करने में त्रुटि",
+        "errorMissingName": "कृपया बैठक में शामिल होने के लिए अपना नाम दर्ज करें",
+        "errorStatusCode": "त्रुटि डायलिंग आउट, स्थिति कोड: {{status}}",
+        "errorValidation": "संख्या सत्यापन विफल",
+        "iWantToDialIn": "मैं डायल करना चाहता हूं",
+        "initiated": "कॉल आरंभ",
+        "joinAudioByPhone": "फोन ऑडियो के साथ जुड़ें",
+        "joinMeeting": "मीटिंग में शामिल हों",
+        "joinWithoutAudio": "ऑडियो के बिना जुड़ें",
+        "linkCopied": "लिंक क्लिपबोर्ड पर कॉपी किया गया",
+        "lookGood": "ऐसा लगता है कि आपका माइक्रोफ़ोन ठीक से काम कर रहा है",
+        "or": "या",
+        "premeeting": "प्री मीटिंग",
+        "screenSharingError": "स्क्रीन शेयरिंग त्रुटि:",
+        "startWithPhone": "फोन ऑडियो से शुरू करें",
+        "videoOnlyError": "वीडियो त्रुटि:",
+        "videoTrackError": "वीडियो ट्रैक नहीं बना सका",
+        "viewAllNumbers": "सभी नंबर देखें"
+    },
+    "presenceStatus": {
+        "busy": "व्यस्त",
+        "calling": "कॉलिंग…",
+        "connected": "कनेक्टेड",
+        "connecting": "कनेक्टिंग…",
+        "connecting2": "कनेक्टिंग*…",
+        "disconnected": "डिस्कनेक्ट किया गया",
+        "expired": "एक्सपायर्ड",
+        "ignored": "Ignored",
+        "initializingCall": "कॉल प्रारंभ की जा रही है…",
+        "invited": "आमंत्रित",
+        "rejected": "अस्वीकृत",
+        "ringing": "Ringing…"
+    },
+    "profile": {
+        "setDisplayNameLabel": "अपना नाम सेट करें",
+        "setEmailInput": "ई-मेल दर्ज करें",
+        "setEmailLabel": "Set अपना ग्रेवार्ट ईमेल सेट करें",
+        "title": "प्रोफ़ाइल"
+    },
+    "raisedHand": "बोलना चाहेंगे",
+    "recording": {
+        "authDropboxText": "ड्रॉपबॉक्स पर अपलोड करें",
+        "availableSpace": "उपलब्ध स्थान: {{spaceLeft}} MB (लगभग {{duration}} मिनट की रिकॉर्डिंग)",
+        "beta": "बीटा",
+        "busy": "हम रिकॉर्डिंग संसाधनों को मुक्त करने पर काम कर रहे हैं। कृपया कुछ मिनटों में पुनः प्रयास करें।",
+        "busyTitle": "सभी रिकॉर्डर अभी व्यस्त हैं",
+        "error": "रिकॉर्डिंग विफल हुई। कृपया पुनः प्रयास करें।",
+        "expandedOff": "रिकॉर्डिंग बंद हो गई है",
+        "expandedOn": "बैठक की रिकॉर्डिंग की जा रही है।",
+        "expandedPending": "रिकॉर्डिंग शुरू की जा रही है…",
+        "failedToStart": "रिकॉर्डिंग शुरू करने में विफलता हुई।",
+        "fileSharingdescription": "रिकॉर्डिंग को बैठक प्रतिभागियों के साथ साझा करें",
+        "limitNotificationDescriptionNative": "उच्च मांग के कारण आपकी रिकॉर्डिंग {{limit}} मिनट तक सीमित रहेगी। असीमित रिकॉर्डिंग के लिए <3>{{app}}</3> आज़माएँ।",
+        "limitNotificationDescriptionWeb": "उच्च मांग के कारण आपकी रिकॉर्डिंग {{limit}} मिनट तक सीमित रहेगी। असीमित रिकॉर्डिंग के लिए <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a> आज़माएँ।",
+        "live": "लाइव",
+        "loggedIn": "{{userName}} के रूप में लॉग इन किया गया",
+        "off": "रिकॉर्डिंग बंद हो गई",
+        "offBy": "{{name}} ने रिकॉर्डिंग बंद की",
+        "on": "रिकॉर्डिंग शुरू हो गई",
+        "onBy": "{{name}} ने रिकॉर्डिंग शुरू की",
+        "pending": "बैठक की रिकॉर्डिंग की तैयारी हो रही है…",
+        "rec": "रिकॉर्डिंग",
+        "serviceDescription": "आपकी रिकॉर्डिंग को रिकॉर्डिंग सेवा द्वारा सहेजा जाएगा",
+        "serviceDescriptionCloud": "क्लाउड रिकॉर्डिंग",
+        "serviceName": "रिकॉर्डिंग सेवा",
+        "signIn": "साइन इन करें",
+        "signOut": "साइन आउट करें",
+        "title": "रिकॉर्डिंग",
+        "unavailable": "ओह! {{serviceName}} वर्तमान में अनुपलब्ध है। हम इस समस्या को हल करने पर काम कर रहे हैं। कृपया बाद में पुनः प्रयास करें।",
+        "unavailableTitle": "रिकॉर्डिंग उपलब्ध नहीं है"
+    },
+    "sectionList": {
+        "pullToRefresh": "रीफ़्रेश करने के लिए नीचे खींचें"
+    },
+    "security": {
+        "about": "आप अपनी मीटिंग में $t(lockRoomPassword) जोड़ सकते हैं। सहभागियों को मीटिंग में शामिल होने से पहले $t(lockRoomPassword) प्रदान करना होगा।",
+        "aboutReadOnly": "Moderator participants can add a $t(lockRoomPassword) to the meeting. Participants will need to provide the $t(lockRoomPassword) before they are allowed to join the meeting.",
+        "insecureRoomNameWarning": "कमरे का नाम असुरक्षित है। अनचाहे सहभागियों की कॉन्फ्रेंस में शामिल हो सकते हैं। सुरक्षा बटन का उपयोग करके अपनी मीटिंग को सुरक्षित बनाने का विचार करें।        ",
+        "securityOptions": "Security options"
+    },
+    "settings": {
+        "calendar": {
+            "about": "{{appName}} कैलेंडर एकीकरण आपके कैलेंडर तक सुरक्षित रूप से पहुंचने के लिए उपयोग किया जाता है ताकि यह आगामी कार्यक्रम पढ़ सके।",
+            "disconnect": "डिस्कनेक्ट करें",
+            "microsoftSignIn": "Microsoft से साइन इन करें",
+            "signedIn": "वर्तमान में {{email}} के कैलेंडर कार्यक्रमों तक पहुंच रही है। कैलेंडर कार्यक्रमों की पहुंच बंद करने के लिए नीचे दिए गए डिस्कनेक्ट बटन पर क्लिक करें।",
+            "title": "कैलेंडर"
+        },
+        "devices": "डिवाइस",
+        "followMe": "हर कोई मेरा अनुसरण करेगा",
+        "language": "भाषा",
+        "loggedIn": "{{name}} के रूप में लॉग इन किया",
+        "microphones": "माइक्रोफोन",
+        "moderator": "Moderator",
+        "more": "More",
+        "name": "नाम",
+        "noDevice": "कोई नहीं",
+        "selectAudioOutput": "ऑडियो आउटपुट",
+        "selectCamera": "कैमरा",
+        "selectMic": "माइक्रोफोन",
+        "speakers": "Speakers",
+        "startAudioMuted": "सभी लोग म्यूट से शुरू करेंगे",
+        "startVideoMuted": "सभी लोग छिपे हुए शुरू करेंगे",
+        "title": "सेटिंग"
+    },
+    "settingsView": {
+        "advanced": "Advanced",
+        "alertCancel": "रद्द करें",
+        "alertOk": "ओके",
+        "alertTitle": "चेतावनी",
+        "alertURLText": "दर्ज किया गया सर्वर URL अमान्य है",
+        "buildInfoSection": "बिल्ड जानकारी",
+        "conferenceSection": "सम्मेलन",
+        "disableCallIntegration": "मूल कॉल एकीकरण अक्षम करें",
+        "disableCrashReporting": "क्रैश रिपोर्टिंग अक्षम करें",
+        "disableCrashReportingWarning": "क्या आप वाकई क्रैश रिपोर्टिंग को अक्षम करना चाहते हैं? एप्लिकेशन को पुनरारंभ करने के बाद सेटिंग लागू की जाएगी",
+        "disableP2P": "पीयर-टू-पीयर मोड को अक्षम करें",
+        "displayName": "नाम",
+        "email": "ईमेल",
+        "header": "सेटिंग",
+        "profileSection": "प्रोफाइल",
+        "serverURL": "सर्वर URL",
+        "showAdvanced": "उन्नत सेटिंग्स दिखाएं",
+        "startWithAudioMuted": "ऑडियो म्यूट के साथ शुरू करें",
+        "startWithVideoMuted": "वीडियो म्यूट के साथ शुरू करें",
+        "version": "संस्करण"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nJust want to dial in on your phone?\n\n{{defaultDialInNumber}}Click this link to see the dial in phone numbers for this meeting\n{{dialInfoPageUrl}}",
+        "mainText": "मीटिंग में शामिल होने के लिए निम्न लिंक पर क्लिक करें:\n{{roomUrl}}"
+    },
+    "speaker": "स्पीकर",
+    "speakerStats": {
+        "hours": "{{count}}h",
+        "minutes": "{{count}}m",
+        "name": "नाम",
+        "search": "खोजें",
+        "searchHint": "प्रतिभागियों को खोजें",
+        "seconds": "{{count}}s",
+        "speakerStats": "स्पीकर आंकड़े",
+        "speakerTime": "स्पीकर समय"
+    },
+    "startupoverlay": {
+        "genericTitle": "मीटिंग को आपके माइक्रोफ़ोन और कैमरे का उपयोग करने की आवश्यकता है।",
+        "policyText": " ",
+        "title": "{{app}} को आपके माइक्रोफ़ोन और कैमरे का उपयोग करने की आवश्यकता है।"
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "पुनः जुड़े",
+        "text": "फिर से कनेक्ट करने के लिए <i>Rejoin</i> बटन दबाएं।",
+        "title": "आपका वीडियो कॉल बाधित हो गया था क्योंकि यह कंप्यूटर स्लीप मोड में चला गया था "
+    },
+    "toolbar": {
+        "Settings": "सेटिंग",
+        "accessibilityLabel": {
+            "Settings": "सेटिंग टॉगल करें",
+            "audioOnly": "केवल ऑडियो टॉगल करें",
+            "audioRoute": "साउंड डिवाइस का चयन करें",
+            "callQuality": "वीडियो गुणवत्ता प्रबंधित करें",
+            "cc": "टॉगल उपशीर्षक",
+            "chat": "चैट विंडो टॉगल करें",
+            "document": "साझा दस्तावेज़ टॉगल करें",
+            "download": "हमारे एप्लिकेशन डाउनलोड करें",
+            "embedMeeting": "एंबेड मीटिंग",
+            "feedback": "प्रतिक्रिया छोड़ें",
+            "fullScreen": "फुल स्क्रीन को टॉगल करें",
+            "grantModerator": "Grant Moderator",
+            "hangup": "कॉल छोड़ें",
+            "help": "सहायता",
+            "invite": "लोगों को आमंत्रित करें",
+            "kick": "Kick participant",
+            "lobbyButton": "लॉबी मोड को सक्षम / अक्षम करें",
+            "localRecording": "स्थानीय रिकॉर्डिंग नियंत्रणों को टॉगल करें",
+            "lockRoom": "मीटिंग पासवर्ड टॉगल करें",
+            "moreActions": "अधिक क्रिया मेनू को टॉगल करें",
+            "moreActionsMenu": "अधिक क्रिया मेनू",
+            "moreOptions": "अधिक विकल्प दिखाएं",
+            "mute": "टॉगल म्यूट ऑडियो",
+            "muteEveryone": "सभी को म्यूट करें",
+            "muteEveryoneElse": "सभी को म्यूट करें",
+            "muteEveryoneElsesVideo": "सभी का कैमरा अक्षम करें",
+            "muteEveryonesVideo": "सभी का कैमरा अक्षम करें",
+            "pip": "टॉगल पिक्चर-इन-पिक्चर मोड",
+            "privateMessage": "निजी संदेश भेजें",
+            "profile": "अपना प्रोफ़ाइल संपादित करें",
+            "raiseHand": "Toggle raise hand",
+            "recording": "टॉगल रिकॉर्डिंग",
+            "remoteMute": "प्रतिभागी को म्यूट करें",
+            "remoteVideoMute": "प्रतिभागी का कैमरा अक्षम करें",
+            "security": "सुरक्षा विकल्प",
+            "selectBackground": "पृष्ठभूमि का चयन करें",
+            "shareRoom": "किसी को आमंत्रित करें",
+            "shareYourScreen": "टॉगल स्क्रीनशेयर",
+            "sharedvideo": "YouTube वीडियो साझाकरण टॉगल करें",
+            "shortcuts": "शॉर्टकट टॉगल करें",
+            "show": "स्टेज पर दिखाएं",
+            "speakerStats": "स्पीकर के आंकड़ों को टॉगल करें",
+            "tileView": "टॉगल टाइल दृश्य",
+            "toggleCamera": "कैमरा टॉगल करें",
+            "toggleFilmstrip": "टॉगल फिल्मस्ट्रिप",
+            "videomute": "टॉगल म्यूट वीडियो"
+        },
+        "addPeople": "अपने कॉल में लोगों को जोड़ें",
+        "audioOnlyOff": "कम बैंडविड्थ मोड अक्षम करें",
+        "audioOnlyOn": "कम बैंडविड्थ मोड सक्षम करें",
+        "audioRoute": "साउंड डिवाइस का चयन करें",
+        "audioSettings": "ऑडियो सेटिंग्स",
+        "authenticate": "Authenticate",
+        "callQuality": "वीडियो गुणवत्ता प्रबंधित करें",
+        "chat": "ओपन / क्लोज चैट",
+        "closeChat": "क्लोज़ चैट",
+        "documentClose": "साझा किए गए दस्तावेज़ को बंद करें",
+        "documentOpen": "साझा दस्तावेज़ खोलें",
+        "download": "हमारे एप्लिकेशन डाउनलोड करें",
+        "e2ee": "एंड-टू-एंड एन्क्रिप्शन",
+        "embedMeeting": "Embed meeting",
+        "enterFullScreen": "पूर्ण स्क्रीन में देखें",
+        "enterTileView": "टाइल दृश्य में प्रवेश करें",
+        "exitFullScreen": "पूर्ण स्क्रीन से बाहर निकलें",
+        "exitTileView": "टाइल दृश्य से बाहर निकलें",
+        "feedback": "प्रतिक्रिया छोड़ें",
+        "hangup": "छोड़ें",
+        "help": "Help",
+        "invite": "लोगों को आमंत्रित करें",
+        "lobbyButtonDisable": "लॉबी मोड को अक्षम करें",
+        "lobbyButtonEnable": "लॉबी मोड सक्षम करें",
+        "login": "लॉग इन",
+        "logout": "लॉगआउट",
+        "lowerYourHand": "अपना हाथ नीचे करें",
+        "moreActions": "More actions",
+        "moreOptions": "अधिक विकल्प",
+        "mute": "म्यूट / अनम्यूट",
+        "muteEveryone": "सभी को म्यूट करें",
+        "muteEveryonesVideo": "सभी का कैमरा अक्षम करें",
+        "noAudioSignalDesc": "यदि आपने सिस्टम सेटिंग्स या हार्डवेयर से जानबूझकर इसे म्यूट नहीं किया है, तो डिवाइस को स्विच करने पर विचार करें",
+        "noAudioSignalDescSuggestion": "यदि आपने सिस्टम सेटिंग्स या हार्डवेयर से जानबूझकर इसे म्यूट नहीं किया है, तो सुझाए गए डिवाइस पर स्विच करने पर विचार करें",
+        "noAudioSignalDialInDesc": "आप डायल-इन का भी उपयोग कर सकते हैं:",
+        "noAudioSignalDialInLinkDesc": "डायल-इन नंबर",
+        "noAudioSignalTitle": "आपके माइक से कोई इनपुट नहीं आ रहा है!",
+        "noisyAudioInputDesc": "ऐसा लगता है कि आपका माइक्रोफ़ोन शोर कर रहा है, कृपया डिवाइस को म्यूट करने या बदलने पर विचार करें",
+        "noisyAudioInputTitle": "आपका माइक्रोफ़ोन शोर कर रहा है!",
+        "openChat": "ओपन चैट",
+        "pip": "पिक्चर-इन-पिक्चर मोड",
+        "privateMessage": "निजी संदेश भेजें",
+        "profile": "अपना प्रोफ़ाइल संपादित करें",
+        "raiseHand": "अपना हाथ उठाएँ / नीचे करें",
+        "raiseYourHand": "अपना हाथ उठाएं",
+        "security": "सुरक्षा विकल्प",
+        "selectBackground": "पृष्ठभूमि का चयन करें",
+        "shareRoom": "किसी को आमंत्रित करें",
+        "sharedvideo": "एक YouTube वीडियो साझा करें",
+        "shortcuts": "शॉर्टकट देखें",
+        "speakerStats": "स्पीकर आँकड़े",
+        "startScreenSharing": "स्क्रीन साझाकरण प्रारंभ करें",
+        "startSubtitles": "Start subtitles",
+        "stopScreenSharing": "स्क्रीन शेयरिंग बंद करो",
+        "stopSharedVideo": "YouTube वीडियो बंद करें",
+        "stopSubtitles": "उपशीर्षक बंद करें",
+        "talkWhileMutedPopup": "बोलने की कोशिश कर रहा है? आप मौन हैं",
+        "tileViewToggle": "टॉगल टाइल दृश्य",
+        "toggleCamera": "कैमरा टॉगल करें",
+        "videoSettings": "वीडियो सेटिंग्स",
+        "videomute": "स्टार्ट / स्टॉप कैमरा"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "सबटाइटल शुरू / बंद करें",
+        "error": "ट्रांसक्रिप्शनिंग विफल रही। कृपया पुन: प्रयास करें",
+        "expandedLabel": "वर्तमान में ट्रांसक्रिप्शनिंग चालू है",
+        "failedToStart": "ट्रांसक्रिप्शनिंग प्रारंभ करने में विफल",
+        "labelToolTip": "बैठक का लिप्यंतरण किया जा रहा है",
+        "off": "ट्रांसक्रिप्शनिंग बंद कर दिया",
+        "pending": "बैठक के ट्रांसक्रिप्शन की तैयारी हो रही है…",
+        "start": "उपशीर्षक दिखाना शुरू करें",
+        "stop": "उपशीर्षक दिखाना बंद करें",
+        "tr": "TR"
+    },
+    "userMedia": {
+        "grantPermissions": "कृपया अपने कैमरा और माइक्रोफोन का उपयोग करने के लिए अनुमतियाँ प्रदान करें."
+    },
+    "videoSIPGW": {
+        "busy": "हम संसाधनों को मुक्त करने पर काम कर रहे हैं। कृपया कुछ मिनटों बाद पुन: प्रयास करें।",
+        "busyTitle": "रूम सेवा वर्तमान में व्यस्त है",
+        "errorAlreadyInvited": "{{displayName}} पहले से ही आमंत्रित हैं",
+        "errorInvite": "कॉन्फ़्रेंस अब तक स्थापित नहीं हुई है। कृपया बाद में पुनः प्रयास करें।",
+        "errorInviteFailed": "हम समस्या को हल करने पर काम कर रहे हैं। कृपया बाद में पुनः प्रयास करें।",
+        "errorInviteFailedTitle": "{{displayName}} को आमंत्रित करने में विफलता",
+        "errorInviteTitle": "रूम आमंत्रण में त्रुटि",
+        "pending": "{{displayName}} को आमंत्रित किया गया है"
+    },
+    "videoStatus": {
+        "audioOnly": "केवल ऑडियो",
+        "audioOnlyExpanded": "आप कम बैंडविड्थ मोड में हैं। इस मोड में आपको केवल ऑडियो और स्क्रीन शेयरिंग प्राप्त होगी।",
+        "callQuality": "वीडियो गुणवत्ता",
+        "hd": "एचडी",
+        "hdTooltip": "हाई डेफिनिशन वीडियो देख रहे हैं",
+        "highDefinition": "हाई डेफिनिशन",
+        "labelTooiltipNoVideo": "कोई वीडियो नहीं",
+        "labelTooltipAudioOnly": "कम बैंडविड्थ मोड सक्षम",
+        "ld": "एलडी",
+        "ldTooltip": "लो डेफिनिशन वीडियो देख रहे हैं",
+        "lowDefinition": "लो डेफिनिशन",
+        "sd": "एसडी",
+        "sdTooltip": "स्टैंडर्ड डेफिनिशन वीडियो देख रहे हैं",
+        "standardDefinition": "स्टैंडर्ड डेफिनिशन"
+    },
+    "videothumbnail": {
+        "connectionInfo": "कनेक्शन जानकारी",
+        "domute": "म्यूट",
+        "domuteOthers": "सभी को म्यूट करें",
+        "domuteVideo": "कैमरा अक्षम करें",
+        "domuteVideoOfOthers": "अन्य सभी के लिए कैमरा बंद करें",
+        "flip": "Flip",
+        "grantModerator": "Grant Moderator",
+        "kick": "निकालें",
+        "moderator": "Moderator",
+        "mute": "प्रतिभागी मौन है",
+        "muted": "म्यूटेड",
+        "remoteControl": "स्टार्ट / स्टॉप रिमोट कंट्रोल",
+        "show": "स्टेज पर दिखाएं",
+        "videoMuted": "कैमरा अक्षम",
+        "videomute": "प्रतिभागी ने कैमरा बंद कर दिया है"
+    },
+    "virtualBackground": {
+        "enableBlur": "ब्लर सक्षम करें",
+        "none": "कोई नहीं",
+        "pleaseWait": "कृपया प्रतीक्षा करें…",
+        "removeBackground": "पृष्ठभूमि निकालें",
+        "title": "पृष्ठभूमि",
+        "uploadImage": "छवि अपलोड करें"
+    },
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "शामिल होने के लिए टैप करें",
+            "roomname": "कमरे का नाम लिखे"
+        },
+        "appDescription": "आगे बढ़ो, पूरी टीम के साथ वीडियो चैट करें। वास्तव में, हर किसी को जिसे आप जानते हैं, आमंत्रित करें। { {{app}} एक पूरी तरह से एन्क्रिप्टेड, 100% ओपन सोर्स वीडियो कॉन्फ्रेंसिंग समाधान है जिसका आप मुफ्त में - बिना किसी खाते की आवश्यकता के पूरे दिन, हर दिन, उपयोग कर सकते हैं।",
+        "audioVideoSwitch": {
+            "audio": "आवाज",
+            "video": "वीडियो"
+        },
+        "calendar": "कैलेंडर",
+        "connectCalendarButton": "अपने कैलेंडर को कनेक्ट करें",
+        "connectCalendarText": "{{app}} में अपनी सभी मीटिंग्स देखने के लिए अपने कैलेंडर से कनेक्ट करें। इसके अलावा, अपने कैलेंडर में {{provider}} मीटिंग्स जोड़ें और उन्हें एक क्लिक के साथ प्रारंभ करें",
+        "enterRoomTitle": "एक नई बैठक शुरू करें",
+        "getHelp": "सहायता प्राप्त करें",
+        "go": "GO",
+        "goSmall": "GO",
+        "headerSubtitle": "सुरक्षित और उच्च गुणवत्ता बैठकें",
+        "headerTitle": "जित्सी मीट",
+        "info": "डायल-इन जानकारी",
+        "jitsiOnMobile": "मोबाइल पर Jitsi – हमारे एप्लिकेशन डाउनलोड करें और कहीं से भी एक बैठक शुरू करें",
+        "join": "बनाये / जुड़े ",
+        "moderatedMessage": "Or <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">book a meeting URL</a> in advance where you are the only moderator.",
+        "privacy": "गोपनीयता",
+        "recentList": "हाल का",
+        "recentListDelete": "प्रविष्टि हटाएं",
+        "recentListEmpty": "आपकी हाल की सूची वर्तमान में खाली है। अपनी टीम के साथ चैट करें और आपको अपनी सभी हालिया बैठकें मिलेंगी",
+        "reducedUIText": "{{app}} में आपका स्वागत है!",
+        "roomNameAllowedChars": " मीटिंग नाम में इनमें से कोई भी वर्ण नहीं होना चाहिए: ?, &, :, ', \", %, #.",
+        "roomname": "कक्ष का नाम दर्ज करें",
+        "roomnameHint": "जिस कक्ष में आप शामिल होना चाहते हैं उसका नाम या URL दर्ज करें। आप एक नाम बना सकते हैं, बस जिन लोगों से आप मिल रहे हैं, उन्हें यह बताएं ताकि वे उसी नाम को दर्ज करें",
+        "sendFeedback": "फ़ीडबैक भेजें",
+        "startMeeting": "मीटिंग प्रारंभ करें",
+        "terms": "शर्तें",
+        "title": "सुरक्षित, पूरी तरह से चित्रित, और पूरी तरह से मुक्त वीडियो कॉन्फ्रेंसिंग"
+    }
+}
diff --git a/lang/main-hr.json b/lang/main-hr.json
new file mode 100644
index 0000000..b7ae952
--- /dev/null
+++ b/lang/main-hr.json
@@ -0,0 +1,1364 @@
+{
+    "addPeople": {
+        "add": "Pozovi",
+        "addContacts": "Pozovi svoje kontakte",
+        "contacts": "kontakti",
+        "copyInvite": "Kopiraj pozivnicu za sastanak",
+        "copyLink": "Kopiraj poveznicu za sastanak",
+        "copyStream": "Kopiraj poveznicu za prijenos uživo",
+        "countryNotSupported": "Ovu zemlju još ne podržavamo.",
+        "countryReminder": "Zoveš broj u inozemstvu? Broj mora započeti s kodom zemlje!",
+        "defaultEmail": "Tvoja zadana e-mail adresa",
+        "disabled": "Ne možeš pozvati ljude.",
+        "failedToAdd": "Neuspjelo dodavanje sudionika",
+        "googleEmail": "Google e-pošta",
+        "inviteMoreHeader": "Na sastanku si samo ti",
+        "inviteMoreMailSubject": "Pridruži se sastanku {{appName}}",
+        "inviteMorePrompt": "Pozovi još osoba",
+        "linkCopied": "Poveznica kopirana u međuspremnik",
+        "noResults": "Nema odgovarajućih rezultata pretrage",
+        "outlookEmail": "Outlook e-pošta",
+        "phoneNumbers": "telefonski brojevi",
+        "searching": "Pretraga u tijeku …",
+        "shareInvite": "Dijeli pozivnicu za sastanak",
+        "shareLink": "Dijeli poveznicu pozivnice za sastanak za pozivanje drugih osoba",
+        "shareStream": "Dijeli poveznicu za prijenos uživo",
+        "sipAddresses": "sip adrese",
+        "telephone": "Telefon: {{number}}",
+        "title": "Pozovi ljude na ovaj sastanak",
+        "yahooEmail": "Yahoo e-pošta"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "car": "Audio uređaji u autu",
+        "headphones": "Slušalice",
+        "none": "Nema audio uređaja",
+        "phone": "Telefon",
+        "speaker": "Zvučnik"
+    },
+    "audioOnly": {
+        "audioOnly": "Niska stopa prijenosa podataka"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "Dodaj sobu za podgrupu",
+            "autoAssign": "Automatski dodijeli sobama podgrupa",
+            "close": "Zatvori",
+            "join": "Pridruži se",
+            "leaveBreakoutRoom": "Napusti sobu podgrupe",
+            "more": "Više",
+            "remove": "Ukloni",
+            "sendToBreakoutRoom": "Pošalji sudinika u:"
+        },
+        "defaultName": "Soba podgrupe br. {{index}}",
+        "mainRoom": "Glavna soba",
+        "notifications": {
+            "joined": "Pridružuje se sobi podgrupe „{{name}}”",
+            "joinedMainRoom": "Pridružuje se glavnoj sobi",
+            "joinedTitle": "Sobe podgrupa"
+        }
+    },
+    "calendarSync": {
+        "addMeetingURL": "Dodaj poveznicu za sastanak",
+        "confirmAddLink": "Želiš li dodati Jitsi poveznicu ovom događaju?",
+        "error": {
+            "appConfiguration": "Integracija kalendara nije ispravno konfigurirana.",
+            "generic": "Došlo je do greške. Provjeri postavke kalendara ili pokušaj aktualizirati kalendar.",
+            "notSignedIn": "Došlo je do greške prilikom autentifikacije za prikaz događaja u kalendaru. Provjeri postavke kalendara i pokušaj se ponovo prijaviti."
+        },
+        "join": "Pridruži se",
+        "joinTooltip": "Pridruži se sastanku",
+        "nextMeeting": "sljedeći sastanak",
+        "noEvents": "Nema zakazanih događaja.",
+        "ongoingMeeting": "sastanak u tijeku",
+        "permissionButton": "Otvori postavke",
+        "permissionMessage": "Za prikaz sastanaka u aplikaciji potrebna je dozvola za kalendar.",
+        "refresh": "Aktualiziraj kalendar",
+        "today": "Danas"
+    },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "Odaberi audio uređaj"
+        },
+        "labels": {
+            "buttonLabel": "Automobilski modus",
+            "title": "Modus sigurne vožnje",
+            "videoStopped": "Tvoj video je prekinut"
+        }
+    },
+    "chat": {
+        "enter": "Uđi u sobu",
+        "error": "Greška: tvoja poruka nije poslana. Razlog: {{error}}",
+        "fieldPlaceHolder": "Ovdje upiši svoju poruku",
+        "lobbyChatMessageTo": "Chat poruka u predvorju za {{recipient}}",
+        "message": "Poruka",
+        "messageAccessibleTitle": "{{user}} kaže:",
+        "messageAccessibleTitleMe": "ja kažem:",
+        "messageTo": "Privatna poruka za {{recipient}}",
+        "messagebox": "Upiši poruku",
+        "newMessages": "Nove poruke",
+        "nickname": {
+            "popover": "Odaberi nadimak",
+            "title": "Upiši nadimak za chat",
+            "titleWithPolls": "Upiši nadimak za korištenje chata i anketa"
+        },
+        "noMessagesMessage": "Na sastanku još nema poruka. Započni razgovor ovdje!",
+        "privateNotice": "Privatna poruka za {{recipient}}",
+        "sendButton": "Pošalji",
+        "smileysPanel": "Ploča emojija",
+        "tabs": {
+            "chat": "Chat",
+            "polls": "Ankete"
+        },
+        "title": "Chat",
+        "titleWithPolls": "Chat i ankete",
+        "you": "ti"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Instaliraj proširenje za Chrome",
+        "buttonTextEdge": "Instaliraj proširenje za Edge",
+        "close": "Zatvori",
+        "dontShowAgain": "Ovo više nemoj prikazivati",
+        "installExtensionText": "Instaliraj proširenje za Google kalendar i Office 365 integraciju"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Povezuje te s tvojim sastankom …"
+    },
+    "connection": {
+        "ATTACHED": "Priključeno",
+        "AUTHENTICATING": "Autentifikacija",
+        "AUTHFAIL": "Autentifikacija neuspjela",
+        "CONNECTED": "Povezano",
+        "CONNECTING": "Povezivanje",
+        "CONNFAIL": "Povezivanje neuspjelo",
+        "DISCONNECTED": "Odspojeno",
+        "DISCONNECTING": "Odspajanje",
+        "ERROR": "Greška",
+        "FETCH_SESSION_ID": "Dohvaćanje ID-a sesije …",
+        "GET_SESSION_ID_ERROR": "Greška prilikom dohvaćanja ID-a sesije: {{code}}",
+        "GOT_SESSION_ID": "Dohvaćanje ID-a sesije … Gotovo",
+        "LOW_BANDWIDTH": "Video za {{displayName}} je isključen radi uštede stope prijenosa podataka"
+    },
+    "connectionindicator": {
+        "address": "Adresa:",
+        "audio_ssrc": "Audio SSRC:",
+        "bandwidth": "Procijenjena stopa prijenosa podataka:",
+        "bitrate": "Stopa bitova:",
+        "bridgeCount": "Broj poslužitelja: ",
+        "codecs": "Kodeki (A/V): ",
+        "connectedTo": "Povezano na:",
+        "framerate": "Broj sličica u sekundi:",
+        "less": "Pokaži manje",
+        "localaddress": "Adresa lokalnog uređaja:",
+        "localaddress_plural": "Adrese lokalnog uređaja:",
+        "localport": "Priključak lokalnog uređaja:",
+        "localport_plural": "Priključci lokalnog uređaja:",
+        "maxEnabledResolution": "šalji maksimalno",
+        "more": "Pokaži više",
+        "packetloss": "Gubitak paketa:",
+        "participant_id": "ID sudionika:",
+        "quality": {
+            "good": "Dobra",
+            "inactive": "Neaktivna",
+            "lost": "Izgubljena",
+            "nonoptimal": "Neoptimalna",
+            "poor": "Slaba"
+        },
+        "remoteaddress": "Adresa udaljenog uređaja:",
+        "remoteaddress_plural": "Adrese udaljenog uređaja:",
+        "remoteport": "Priključak udaljenog uređaja:",
+        "remoteport_plural": "Priključci udaljenog uređaja:",
+        "resolution": "Rezolucija:",
+        "savelogs": "Spremi zapisnike",
+        "status": "Veza:",
+        "transport": "Transport:",
+        "transport_plural": "Transporti:",
+        "video_ssrc": "Video SSRC:"
+    },
+    "dateUtils": {
+        "earlier": "Ranije",
+        "today": "Danas",
+        "yesterday": "Jučer"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Za pridruživanje ovom sastanku putem telefona trebaš mobilnu aplikaciju {{app}}.",
+        "description": "Ništa se nije dogodilo? Pokušali smo pokrenuti tvoj sastanak u desktop aplikaciji {{app}}. Pokušaj ponovo ili ga pokreni u web-aplikaciji {{app}}.",
+        "descriptionWithoutWeb": "Ništa se nije dogodilo? Pokušali smo pokrenuti tvoj sastanak u desktop aplikaciji {{app}}.",
+        "downloadApp": "Preuzmi aplikaciju",
+        "ifDoNotHaveApp": "Ako još nemaš aplikaciju:",
+        "ifHaveApp": "Ako već imaš aplikaciju:",
+        "joinInApp": "Pridruži se sastanku koristeći aplikaciju",
+        "launchWebButton": "Pokreni u webu",
+        "title": "Pokretanje tvog sastanka u aplikaciji {{app}} …",
+        "tryAgainButton": "Pokušaj ponovo u desktop aplikaciji",
+        "unsupportedBrowser": "Čini se da koristiš preglednik koji ne podržavamo."
+    },
+    "defaultLink": "npr. {{url}}",
+    "defaultNickname": "Primjer: Tomo",
+    "deviceError": {
+        "cameraError": "Pristup tvojoj kameri nije uspio",
+        "cameraPermission": "Greška pri dobivanju dozvole za kameru",
+        "microphoneError": "Pristup tvom mikrofonu nije uspio",
+        "microphonePermission": "Greška pri dobivanju dozvole za mikrofon"
+    },
+    "deviceSelection": {
+        "noPermission": "Dozvola je odbijena",
+        "previewUnavailable": "Pregled nije dostupan",
+        "selectADevice": "Odaberi uređaj",
+        "testAudio": "Odsviraj testni zvuk"
+    },
+    "dialIn": {
+        "screenTitle": "Sažetak zvanih brojeva"
+    },
+    "dialOut": {
+        "statusMessage": "je sada {{status}}"
+    },
+    "dialog": {
+        "Back": "Natrag",
+        "Cancel": "Odustani",
+        "IamHost": "Ja sam domaćin",
+        "Ok": "U redu",
+        "Remove": "Ukloni",
+        "Share": "Dijeli",
+        "Submit": "Pošalji",
+        "WaitForHostMsg": "Konferencija još nije počela. Ako si domaćin autentificiraj se. U suprotnom, pričekaj dolazak domaćina.",
+        "WaitingForHostTitle": "Čekanje na domaćina …",
+        "Yes": "Da",
+        "accessibilityLabel": {
+            "liveStreaming": "Prijenos uživo"
+        },
+        "add": "Dodaj",
+        "addMeetingNote": "Dodaj bilješku o ovom sastanku",
+        "addOptionalNote": "Dodaj bilješku (opcionalno):",
+        "allow": "Dozvoli",
+        "alreadySharedVideoMsg": "Jedan drugi sudionik već dijeli video. Ova konferencija dozvoljava samo jedan dijeljeni video istovremeno.",
+        "alreadySharedVideoTitle": "Dozvoljen je samo jedan dijeljeni video istovremeno",
+        "applicationWindow": "Prozor aplikacije",
+        "authenticationRequired": "Autentifikacija je obavezna",
+        "cameraConstraintFailedError": "Tvoja kamera ne zadovoljava neka potrebna ograničenja.",
+        "cameraNotFoundError": "Kamera nije pronađena.",
+        "cameraNotSendingData": "Ne možemo pristupiti tvojoj kameri. Provjeri, koristi li neka druga aplikacija ovaj uređaj, odaberi jedan drugi uređaj iz izbornika postavki ili pokušaj ponovo učitati aplikaciju.",
+        "cameraNotSendingDataTitle": "Nije moguće pristupiti kameri",
+        "cameraPermissionDeniedError": "Ne dozvoljavaš korištenje tvoje kamere. Konferenciji se možeš svejedno pridružiti, ali te drugi neće vidjeti. To možeš ispraviti koristeći gumb kamere u adresnoj traci.",
+        "cameraTimeoutError": "Nije moguće pokrenuti izvor videa. Došlo je do vremenskog ograničenja!",
+        "cameraUnknownError": "Kamera se iz nepoznatih razloga ne može koristiti.",
+        "cameraUnsupportedResolutionError": "Tvoja kamera ne podržava potrebnu videorezoluciju.",
+        "close": "Zatvori",
+        "conferenceDisconnectMsg": "Provjeri svoju mrežnu vezu. Ponovno povezivanje za {{seconds}} s …",
+        "conferenceDisconnectTitle": "Odspojen/a si.",
+        "conferenceReloadMsg": "Pokušavamo to ispraviti. Ponovno povezivanje za {{seconds}} s …",
+        "conferenceReloadTitle": "Na žalost, dogodila se greška.",
+        "confirm": "Potvrdi",
+        "confirmNo": "Ne",
+        "confirmYes": "Da",
+        "connectError": "Ups! Dogodila se greška i nismo mogli uspostaviti vezu s konferencijom.",
+        "connectErrorWithMsg": "Ups! Dogodila se greška i nismo mogli uspostaviti vezu s konferencijom: {{msg}}",
+        "connecting": "Povezivanje",
+        "contactSupport": "Kontaktiraj podršku",
+        "copied": "Kopirano",
+        "copy": "Dopiraj",
+        "dismiss": "Odbaci",
+        "displayNameRequired": "Zdravo! Kako se zoveš?",
+        "done": "Gotovo",
+        "e2eeDescription": "Obostrano šifriranje je trenutačno EKSPERIMENTALNA funkcija. Imaj na umu da će uključivanje obostranog šifriranja onemogućiti poslužiteljske usluge kao što je: sudjelovanje putem telefona. Također imaj na umu da će sastanak funkcionirati samo za osobe koje se pridružuju putem preglednika s podrškom za umetnute prijenose.",
+        "e2eeDisabledDueToMaxModeDescription": "Obostrano šifriranje nije moguće zbog velikog broja sudionika u konferenciji.",
+        "e2eeLabel": "Uključi obostrano šifriranje",
+        "e2eeWarning": "UPOZORENJE: Čini se da svi sudionici ovog sastanka nemaju podršku za obostrano šifriranje. Ako ga uključiš, neće te moći vidjeti niti čuti.",
+        "e2eeWillDisableDueToMaxModeDescription": "UPOZORENJE: Obostrano šifriranje će se automatski isključiti ako se konferenciji pridruži više sudionika.",
+        "embedMeeting": "Ugradi sastanak",
+        "enterDisplayName": "Ovdje upiši svoje ime",
+        "error": "Greška",
+        "gracefulShutdown": "Naša usluga trenutačno ne radi zbog održavanja. Pokušaj kasnije ponovo.",
+        "grantModeratorDialog": "Stvarno želiš odobriti moderatorska prava sudioniku {{participantName}}?",
+        "grantModeratorTitle": "Odobri moderatorska prava",
+        "hideShareAudioHelper": "Ovaj dijalog više nemoj prikazivati",
+        "incorrectPassword": "Neispravno korisničko ime ili lozinka",
+        "incorrectRoomLockPassword": "Neispravna lozinka",
+        "internalError": "Ups! Dogodila se sljedeća greška: {{error}}",
+        "internalErrorTitle": "Interna greška",
+        "kickMessage": "Za detalje kontaktiraj {{participantDisplayName}}.",
+        "kickParticipantButton": "Izbaci",
+        "kickParticipantDialog": "Stvarno želiš izbaciti ovog sudionika?",
+        "kickParticipantTitle": "Izbaciti ovog sudionika?",
+        "kickTitle": "Joj! {{participantDisplayName}} te je izbacio/la iz sastanka",
+        "linkMeeting": "Poveži sastanak",
+        "linkMeetingTitle": "Poveži sastanak na Salesforce",
+        "liveStreaming": "Prijenos uživo",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "Nije moguće dok je snimanje aktivno",
+        "liveStreamingDisabledTooltip": "Pokretanje prijenosa uživo isključeno.",
+        "localUserControls": "Lokalne korisničke kontrole",
+        "lockMessage": "Neuspjelo zaključavanje konferencije.",
+        "lockRoom": "Dodaj sastanak $t(lockRoomPassword)",
+        "lockTitle": "Zaključavanje neuspjelo",
+        "login": "Prijava",
+        "logoutQuestion": "Stvarno se želiš odjaviti i napustiti konferenciju?",
+        "logoutTitle": "Odjava",
+        "maxUsersLimitReached": "Dosegnuta je maksimalna granica broja sudionika. Konferencija je puna. Obrati se vlasniku sastanka ili pokušaj kasnije ponovo!",
+        "maxUsersLimitReachedTitle": "Dosegnuta je maksimalna granica broja sudionika",
+        "micConstraintFailedError": "Tvoj mikrofon ne zadovoljava neka potrebna ograničenja.",
+        "micNotFoundError": "Mikrofon nije pronađen.",
+        "micNotSendingData": "Idi u postavke računala za uključivanje tvog mikrofona i za podešavanje njegove glasnoće",
+        "micNotSendingDataTitle": "Tvoj mikrofon je isključen u postavkama sustava",
+        "micPermissionDeniedError": "Nisi dozvoli/la korištenje tvog mikrofona. Konferenciji se svejedno možeš pridružiti, ali te drugi neće čuti. Za ispravljanje tog problema pristisni gumb kamere u adresnoj traci.",
+        "micTimeoutError": "Nije moguće pokrenuti izvor zvuka. Došlo je do vremenskog ograničenja!",
+        "micUnknownError": "Tvoj se mikrofon iz nepoznatih razloga ne može koristiti.",
+        "moderationAudioLabel": "Dozvoli sudionicima da sami sebi isključe zvuk",
+        "moderationVideoLabel": "Dozvoli sudionicima da pokrenu svoj video",
+        "muteEveryoneDialog": "Sudionici mogu sebi isključiti zvuk bilo kada.",
+        "muteEveryoneDialogModerationOn": "Sudionici mogu poslati zahtjev za govorom bilo kada.",
+        "muteEveryoneElseDialog": "Nakon što im isključiš zvuk, više im nećeš moći uključiti zvuk, ali ga oni mogu sami uključiti bilo kada.",
+        "muteEveryoneElseTitle": "Isključi zvuk svih osim {{whom}}?",
+        "muteEveryoneElsesVideoDialog": "Nakon što je kamera isključena, više je nećeš moći uključiti, ali je oni mogu sami uključiti bilo kada.",
+        "muteEveryoneElsesVideoTitle": "Prekini videa svih sudionika osim {{whom}}?",
+        "muteEveryoneSelf": "mojih",
+        "muteEveryoneStartMuted": "Od sada svi počinju s iskjlučenim zvukom",
+        "muteEveryoneTitle": "Isključiti zvuk svima?",
+        "muteEveryonesVideoDialog": "Sudionici mogu uključiti svoja videa bilo kada.",
+        "muteEveryonesVideoDialogModerationOn": "Sudionici mogu poslati zahtjev za uklučivanje svojih videa bilo kada.",
+        "muteEveryonesVideoDialogOk": "Isključi",
+        "muteEveryonesVideoTitle": "Prekinuti videa svih?",
+        "muteParticipantBody": "Nećeš im moći uključiti zvuk, ali ga oni mogu sami uključiti bilo kada.",
+        "muteParticipantButton": "Isključi zvuk",
+        "muteParticipantsVideoBody": "Kameru više je nećeš moći uključiti, ali je oni mogu sami uključiti bilo kada.",
+        "muteParticipantsVideoBodyModerationOn": "Ti i drugi više naćete moći uključiti kameru.",
+        "muteParticipantsVideoButton": "Prekini video",
+        "muteParticipantsVideoDialog": "Stvarno želiš isključiti kameru ovog sudionika? Nećeš moći ponovno uključiti kameru, ali je oni mogu sami uključiti bilo kada.",
+        "muteParticipantsVideoDialogModerationOn": "Stvarno želiš isključiti kameru ovog sudionika? Ti i drugi više naćete moći uključiti kameru.",
+        "muteParticipantsVideoTitle": "Isključiti kameru ovog sudionika?",
+        "noDropboxToken": "Nema ispravnog Dropbox tokena",
+        "password": "Lozinka",
+        "passwordLabel": "Sudionik je zaključao sastanak. Za pridruživanje upiši $t(lockRoomPassword).",
+        "passwordNotSupported": "Postavljanje sastanka $t(lockRoomPassword) nije podržano.",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) nije podržano",
+        "passwordRequired": "$t(lockRoomPasswordUppercase) je obavezno",
+        "permissionCameraRequiredError": "Za sudjelovanje konferenciji s videom potrebna je dozvola za kameru. Dozvoli u postavkama",
+        "permissionErrorTitle": "Potrebna je dozvola",
+        "permissionMicRequiredError": "Za sudjelovanje konferenciji sa zvukom potrebna je dozvola za mikrofon. Dozvoli u postavkama",
+        "popupError": "Tvoj preglednik blokira skočne prozore ove stranice. Uključi skočne prozore u sigurnosnim postavkama preglednika i pokušaj ponovo.",
+        "popupErrorTitle": "Skočni prozor blokiran",
+        "readMore": "više",
+        "recentlyUsedObjects": "Tvoji nedavno korišteni objekti",
+        "recording": "Snimanje",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "Nije moguće dok je prijenos uživo aktivan",
+        "rejoinNow": "Ponovo se priduži sada",
+        "remoteControlAllowedMessage": "{{user}} je prihvatio/la tvoj zahtjev za daljinskim upravljanjem!",
+        "remoteControlDeniedMessage": "{{user}} je odbacio/la tvoj zahtjev za daljinskim upravljanjem!",
+        "remoteControlErrorMessage": "Dogodila se greška prilikom traženja dozvola za daljinsko upravljanje od korisnika {{user}}!",
+        "remoteControlRequestMessage": "Želiš li dozvoliti korisniku {{user}} daljinsko upravljanje tvojom radnom površinom?",
+        "remoteControlShareScreenWarning": "Napomena: ako pritisneš „Dozvoli”, dijelit ćeš svoj ekran!",
+        "remoteControlStopMessage": "Sesija daljinskog upravljanja je završila!",
+        "remoteControlTitle": "Daljinsko upravljanje radne površine",
+        "remoteUserControls": "Daljinsko upravljanje korisnika {{username}}",
+        "removePassword": "Ukloni $t(lockRoomPassword)",
+        "removeSharedVideoMsg": "Stvarno želiš ukloniti svoj dijeljeni video?",
+        "removeSharedVideoTitle": "Ukloni dijeljeni video",
+        "reservationError": "Greška sustava rezervacije",
+        "reservationErrorMsg": "Kod greške: {{code}}, poruka: {{msg}}",
+        "retry": "Pokušaj ponovo",
+        "screenSharingAudio": "Dijeli zvuk",
+        "screenSharingFailed": "Ups! Nešto nije u redu, nismo uspjeli pokrenuti dijeljenje ekrana!",
+        "screenSharingFailedTitle": "Dijeljenje ekrana neuspjelo!",
+        "screenSharingPermissionDeniedError": "Ups! Nešto nije u redu s tvojim dozvolama za dijeljenje ekrana. Ponovo učitaj i pokušaj ponovo.",
+        "searchInSalesforce": "Traži u Salesforce",
+        "searchResults": "Rezultati pretrage ({{count}})",
+        "searchResultsDetailsError": "Nešto nije u dohvaćanju podataka vlasnika.",
+        "searchResultsError": "Nešto nije u dohvaćanju podataka.",
+        "searchResultsNotFound": "Nema rezultata.",
+        "searchResultsTryAgain": "Pokušaj koristiti alternativne ključne riječi.",
+        "sendPrivateMessage": "Nedavno si primio/la privatnu poruku. Jesi li namjeravao/la odgovoriti privatno ili želiš poslati svoju poruku grupi?",
+        "sendPrivateMessageCancel": "Pošalji grupi",
+        "sendPrivateMessageOk": "Pošalji privatno",
+        "sendPrivateMessageTitle": "Poslti privatno?",
+        "serviceUnavailable": "Usluga nije dostupna",
+        "sessTerminated": "Poziv prekinut",
+        "sessionRestarted": "Poziv je ponovo pokrenut zbog problema s vezom.",
+        "shareAudio": "Nastavi",
+        "shareAudioTitle": "Kako dijeliti zvuk",
+        "shareAudioWarningD1": "prije dijeljenja zvuka moraš prekinuti dijeljenje ekrana.",
+        "shareAudioWarningD2": "moraš ponovo pokrenuti dijeljenje ekrana i potvrditi opciju „dijeli zvuk”.",
+        "shareAudioWarningH1": "Ako želiš dijeliti samo zvuk:",
+        "shareAudioWarningTitle": "Prije dijeljenja zvuka moraš prekinuti dijeljenje ekrana",
+        "shareMediaWarningGenericH2": "Ako želiš dijeliti svoj ekran i zvuk",
+        "shareScreenWarningD1": "moraš prekinuti dijeljenje zvuka prije dijeljenja tvog ekrana.",
+        "shareScreenWarningD2": "moraš prekinuti dijeljenje zvuka, pokreni dijeljenja ekrana i potvrditi opciju „dijeli zvuk”.",
+        "shareScreenWarningH1": "Ako želiš dijeliti samo svoj ekran:",
+        "shareScreenWarningTitle": "Prije dijeljenja ekrana moraš prekinuti dijeljenje zvuka",
+        "shareVideoLinkError": "Zadaj ispravnu poveznicu za video.",
+        "shareVideoTitle": "Dijeli video",
+        "shareYourScreen": "Dijeli svoj ekran",
+        "shareYourScreenDisabled": "Dijeljenje ekrana isključeno.",
+        "sharedVideoDialogError": "Greška: Neispravan URL",
+        "sharedVideoLinkPlaceholder": "YouTube poveznica ili izravna poveznica videa",
+        "show": "Pokaži",
+        "start": "Pokreni ",
+        "startLiveStreaming": "Pokreni prijenos uživo",
+        "startRecording": "Pokreni snimanje",
+        "startRemoteControlErrorMessage": "Dogodila se greška prilikom pokretanja sesije daljniskim upravljanjem!",
+        "stopLiveStreaming": "Prekini prijenos uživo",
+        "stopRecording": "Prekini snimanje",
+        "stopRecordingWarning": "Stvarno želiš prekinuti snimanje?",
+        "stopStreamingWarning": "Stvarno želiš prekinuti prijenos uživo?",
+        "streamKey": "Ključ prijenosa uživo",
+        "thankYou": "Hvala što koristiš {{appName}}!",
+        "token": "token",
+        "tokenAuthFailed": "Na žalost se ne smiješ pridružiti ovom pozivu.",
+        "tokenAuthFailedTitle": "Autentifikacija neuspjela",
+        "transcribing": "Transkribiranje",
+        "unlockRoom": "Ukloni sastanak $t(lockRoomPassword)",
+        "user": "Korisnik",
+        "userIdentifier": "Identifikator korisnika",
+        "userPassword": "Lozinka korisnika",
+        "videoLink": "Poveznica za video",
+        "viewUpgradeOptions": "Pogledaj mogućnosti nadogradnje",
+        "viewUpgradeOptionsContent": "Za dobivanje neograničenog pristupa premium značajkama kao što su snimanje, transkripcije, RTMP prijenosi i više, morat ćeš nadograditi svoj plan.",
+        "viewUpgradeOptionsTitle": "Otkrio/la si premium značajku!",
+        "yourEntireScreen": "Tvoj cijeli ekran"
+    },
+    "documentSharing": {
+        "title": "Dijeljeni dokument"
+    },
+    "e2ee": {
+        "labelToolTip": "Audio i videokomunikacija u ovom pozivu je obostrano šifrirana"
+    },
+    "embedMeeting": {
+        "title": "Ugradi ovaj sastanak"
+    },
+    "feedback": {
+        "average": "Prosječno",
+        "bad": "Loše",
+        "detailsLabel": "Reci nam više o tome.",
+        "good": "Dobro",
+        "rateExperience": "Ocijeni doživljaj tvog sastanka",
+        "star": "Zvijezda",
+        "veryBad": "Vrlo loše",
+        "veryGood": "Vrlo dobro"
+    },
+    "giphy": {
+        "noResults": "Nema rezultata :(",
+        "search": "Traži GIPHY"
+    },
+    "helpView": {
+        "title": "Centar pomoći"
+    },
+    "incomingCall": {
+        "answer": "Odgovori",
+        "audioCallTitle": "Dolazni poziv",
+        "decline": "Odbij",
+        "productLabel": "od Jitsi Meet",
+        "videoCallTitle": "Dolazni videopoziv"
+    },
+    "info": {
+        "accessibilityLabel": "Pokaži informacije",
+        "addPassword": "Dodaj $t(lockRoomPassword)",
+        "cancelPassword": "Prekini $t(lockRoomPassword)",
+        "conferenceURL": "Poveznica:",
+        "copyNumber": "Kopiraj broj",
+        "country": "Zemlja",
+        "dialANumber": "Za pridruživanje sastanku, biraj jedan od ovih brojeva i zatim upiši PIN.",
+        "dialInConferenceID": "PIN:",
+        "dialInNotSupported": "Oprosti, biranje brojeva trenutačno nije podržano.",
+        "dialInNumber": "Pozivni broj:",
+        "dialInSummaryError": "Greška u dohvaćanju pozivnog broja. Pokušaj kasnije ponovo.",
+        "dialInTollFree": "Besplatno",
+        "genericError": "Dogodila se greška.",
+        "inviteLiveStream": "Za prikaz prijenosa uživo ovog sastanka pritisni poveznicu: {{url}}",
+        "invitePhone": "Za pridruživanje telefonom, dodirni: {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Tražiš jedan drugi broj za nazivanje?\nPogledaj brojeve za nazivanje: {{url}}\n\n\nAko također zoveš putem telefona sobe, pridruži se bez spajanja na zvuk: {{silentUrl}}",
+        "inviteSipEndpoint": "Za pridruživanje koristeći SIP adresu, upiši: {{sipUri}}",
+        "inviteTextiOSInviteUrl": "Za pridruživanje pritisni sljedeću poveznicu: {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "Ako zoveš putem telefona sobe, koristi ovu poveznicu za pridruživanje se bez spajanja na zvuk: {{silentUrl}}.",
+        "inviteTextiOSPersonal": "{{name}} te poziva na sastanak.",
+        "inviteTextiOSPhone": "Za pridruživanje putem telefona koristi ovaj broj: {{number}},,{{conferenceID}}#. Ako tražiš drugi broj, ovo je cijeli popis: {{didUrl}}.",
+        "inviteURLFirstPartGeneral": "Pozvan/a si da se pridružiš sastanku.",
+        "inviteURLFirstPartPersonal": "{{name}} te poziva na sastanak.\n",
+        "inviteURLSecondPart": "\nPridruži se sastanku:\n{{url}}\n",
+        "label": "Informacije o pozivnom broju",
+        "liveStreamURL": "Prijenos uživo:",
+        "moreNumbers": "Više brojeva",
+        "noNumbers": "Nema pozivnih brojeva.",
+        "noPassword": "Ništa",
+        "noRoom": "Za nazivanje nije određena niti jedna soba.",
+        "numbers": "Pozivni brojevi",
+        "password": "$t(lockRoomPasswordUppercase): ",
+        "reachedLimit": "Dosegnuo/la si granicu tvog plana.",
+        "sip": "SIP adresa",
+        "title": "Dijeli",
+        "tooltip": "Dijeli poveznicu i informacije o pozivnom broju za ovaj sastanak",
+        "upgradeOptions": "Uključi opciju za nadogradnju"
+    },
+    "inlineDialogFailure": {
+        "msg": "Spotaknuli smo se.",
+        "retry": "Pokušaj ponovo",
+        "support": "Podrška",
+        "supportMsg": "Ako se ovo nastavi događati, kontaktiraj"
+    },
+    "inviteDialog": {
+        "alertText": "Neuspjelo pozivanje nekih sudionika.",
+        "header": "Pozovi",
+        "searchCallOnlyPlaceholder": "Upiši broj telefona",
+        "searchPeopleOnlyPlaceholder": "Traži sudionike",
+        "searchPlaceholder": "Sudionik ili broj telefona",
+        "send": "Pošalji"
+    },
+    "jitsiHome": "{{logo}} Logotip, poveznice na početnu web stranicu",
+    "keyboardShortcuts": {
+        "focusLocal": "Postavi fokus na tvoj video",
+        "focusRemote": "Postavi fokus na video druge osobe",
+        "fullScreen": "Pokreni ili prekini cjeloekranski prikaz",
+        "giphyMenu": "Uključi/isključi GIPHY izbornik",
+        "keyboardShortcuts": "Tipkovni prečaci",
+        "localRecording": "Pokaži ili sakrij kontrole lokalnog snimanja",
+        "mute": "Isključi ili uključi zvuk tvog mikrofona",
+        "pushToTalk": "Pritisni za govor",
+        "raiseHand": "Digni ili spusti ruku",
+        "showSpeakerStats": "Pokaži statistiku govornika",
+        "toggleChat": "Otvori ili zatvori chat",
+        "toggleFilmstrip": "Pokaži ili sakrij minijature videa",
+        "toggleParticipantsPane": "Pokaži ili sakrij ploču sudionika",
+        "toggleScreensharing": "Mijenjaj između dijeljenja kamere i ekrana",
+        "toggleShortcuts": "Pokaži ili sakrij tipkovne prečace",
+        "videoMute": "Pokreni ili prekini svoju kameru"
+    },
+    "largeVideo": {
+        "screenIsShared": "Dijeliš svoj ekran",
+        "showMeWhatImSharing": "Pokaži mi što dijelim"
+    },
+    "liveStreaming": {
+        "busy": "Radimo na oslobađanju resursa za prijenos. Pokušaj ponovno za par minuta.",
+        "busyTitle": "Svi prijenosi su tranutačno zauzeti",
+        "changeSignIn": "Zamijeni račune.",
+        "choose": "Odaberi prijenos uživo",
+        "chooseCTA": "Radimo na oslobađanju resursa za prijenos. Trenutačno si pirjavljen/a kao {{email}}.",
+        "enterStreamKey": "Upiši svoj ključ za YouTube prijenos ućivo ovdje.",
+        "error": "Prijenos uživo neuspio. Pokušaj ponovo.",
+        "errorAPI": "Dogodila se greška prilikom pristupa tvpjim YouTube emisijama. Pokušaj se ponovo prijaviti.",
+        "errorLiveStreamNotEnabled": "Prijenos uživo nije uključen za {{email}}. Uključi prijenos uživo ili se prijavi na račun s uključenim prijenosom uživo.",
+        "expandedOff": "Prijenos uživo je prekinut",
+        "expandedOn": "Sastanak se trenutačno prenosi na YouTube.",
+        "expandedPending": "Prijenos uživo se pokreće …",
+        "failedToStart": "Pokretanje prijenosa uživo neuspjelo",
+        "getStreamKeyManually": "Nismo uspjeli dohvatiti nijedan prijenos uživo. Pokušaj preuzeti ključ za prijenos uživo s YouTubeae.",
+        "googlePrivacyPolicy": "Google politika privatnosti",
+        "inProgress": "U tijeku je snimanje ili prijenos uživo",
+        "invalidStreamKey": "Ključ prijenosa uživo možda nije ispravan.",
+        "limitNotificationDescriptionNative": "Tvoj prijenos će biti ograničen na {{limit}} min. Za neograničeni prijenos isprobaj {{app}}.",
+        "limitNotificationDescriptionWeb": "Zbog velike potražnje će tvoj prijenos biti ograničen na {{limit}} min. Za neograničeni prijenos isprobaj <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "off": "Prijenos uživo prekinut",
+        "offBy": "{{name}} je prekinuo/la prijenos uživo",
+        "on": "Prijenos uživo pokrenut",
+        "onBy": "{{name}} je pokrenuo/la prijenos uživo",
+        "pending": "Pokretanje prijenosa uživo …",
+        "serviceName": "Usluga prijenosa uživo",
+        "sessionAlreadyActive": "Ova se sesija već snima ili prenosi uživo.",
+        "signIn": "Prijavi se s Google računom",
+        "signInCTA": "Prijavi se ili upiši svoj ključ prijenosa uživo s YouTubea.",
+        "signOut": "Odjavi se",
+        "signedInAs": "Trenutačno si prijavljan/a kao:",
+        "start": "Započni prijenos uživo",
+        "streamIdHelp": "Što je ovo?",
+        "title": "Prijenos uživo",
+        "unavailableTitle": "Prijenos uživo nije dostupan",
+        "youtubeTerms": "Uvjeti YouTube usluge"
+    },
+    "lobby": {
+        "allow": "Dopusti",
+        "backToKnockModeButton": "Zatraži pridruživanje",
+        "chat": "Chat",
+        "dialogTitle": "Modus predvorja",
+        "disableDialogContent": "Modus predvorja je trenutačno uključen. Ovaj modus osigurava da se neželjeni sudionici ne mogu pridružiti tvom sastanku. Želiš li ga isključiti?",
+        "disableDialogSubmit": "Isključi",
+        "emailField": "Upiši svoju e-mail adresu",
+        "enableDialogPasswordField": "Postavi lozinku (opcionalno)",
+        "enableDialogSubmit": "Uključi",
+        "enableDialogText": "Modus predvorja omogućuje zaštititi vlastiti sastanak dopuštajući osobama da uđu samo nakon formalnog odobrenja moderatora.",
+        "enterPasswordButton": "Upiši lozinku sastanka",
+        "enterPasswordTitle": "Upiši lozinku za pridruživanje sastanku",
+        "errorMissingPassword": "Upiši lozinku sastanka",
+        "invalidPassword": "Neispravna lozinka",
+        "joinRejectedMessage": "Tvoj zahtjev za pridruživanje je odbio moderator.",
+        "joinRejectedTitle": "Zahtjev za pridruživanje odbijen.",
+        "joinTitle": "Pridruži se sastanku",
+        "joinWithPasswordMessage": "Pokušaj pridruživanja s lozinkom, pričekaj …",
+        "joiningMessage": "Pridružit ćeš se sastanku čim netko prihvati tvoj zahtjev",
+        "joiningTitle": "Zahtjev za pridruživanje sastanku …",
+        "joiningWithPasswordTitle": "Pridruživanje s lozinkom …",
+        "knockButton": "Zatraži pridruživanje",
+        "knockTitle": "Netko se želi pridružiti sastanku",
+        "knockingParticipantList": "Popis sudionika koji se žele pridružiti",
+        "lobbyChatStartedNotification": "{{moderator}} je započeo/la chat u predvorju s {{attendee}}",
+        "lobbyChatStartedTitle": "{{moderator}} je započeo/la chat u predvorju s tobom.",
+        "nameField": "Upiši svoje ime",
+        "notificationLobbyAccessDenied": "{{originParticipantName}} je odbio/la pridruživanje sudioniku {{targetParticipantName}}",
+        "notificationLobbyAccessGranted": "{{originParticipantName}} je dozvolio/la pridruživanje sudioniku {{targetParticipantName}}",
+        "notificationLobbyDisabled": "{{originParticipantName}} je isključio/la predvorje",
+        "notificationLobbyEnabled": "{{originParticipantName}} je uključio/la predvorje",
+        "notificationTitle": "Predvorje",
+        "passwordField": "Upiši lozinku sastanka",
+        "passwordJoinButton": "Pridruži se",
+        "title": "Predvorje",
+        "toggleLabel": "Uključi predvorje"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Isključeno",
+            "on": "Uključeno",
+            "unknown": "Nepoznato"
+        },
+        "dialogTitle": "Kontrole lokalnog snimanja",
+        "duration": "Trajanje",
+        "durationNA": "--",
+        "encoding": "Kodiranje",
+        "label": "LOR",
+        "labelToolTip": "Lokalno snimanje je aktivirano",
+        "localRecording": "Lokalno snimanje",
+        "me": "Ja",
+        "messages": {
+            "engaged": "Lokalno snimanje je aktivirano.",
+            "finished": "Snimanje sesije {{token}} je završeno. Pošalji snimljenu datoteku moderatoru.",
+            "finishedModerator": "Snimanje sesije {{token}} je završeno. Snimka lokalne snimke je spremljena. Zamoli ostale sudionike da pošalju svoje snimke.",
+            "notModerator": "Nisi moderator. Ne možeš pokrenuti ili prekinuti lokalno snimanje."
+        },
+        "moderator": "Moderator",
+        "no": "Ne",
+        "participant": "Sudionik",
+        "participantStats": "Statistika sudionika",
+        "selectTabTitle": "🎥 Odaberi ovu karticu za snimanje",
+        "sessionToken": "Token sesije",
+        "start": "Pokreni snimanje",
+        "stop": "Prekini snimanje",
+        "yes": "Da"
+    },
+    "lockRoomPassword": "lozinka",
+    "lockRoomPasswordUppercase": "Lozinka",
+    "lonelyMeetingExperience": {
+        "button": "Pozovi druge",
+        "youAreAlone": "Ti si jedina osoba na sastanku"
+    },
+    "me": "ja",
+    "notify": {
+        "OldElectronAPPTitle": "Sigurnosni problem!",
+        "allowAction": "Dozvoli",
+        "allowedUnmute": "Možeš uključiti mikrofon, pokrenuti kameru ili dijeliti ekran.",
+        "audioUnmuteBlockedDescription": "Isključivanje mikrofona je tenutačno blokirano zbog ograničenja sustava.",
+        "audioUnmuteBlockedTitle": "Isključivanje mikrofona blokirano!",
+        "chatMessages": "Chat poruke",
+        "connectedOneMember": "{{name}} se pridružio/la sastanku",
+        "connectedThreePlusMembers": "{{name}} i mnogi drugi su se pridružili sastanku",
+        "connectedTwoMembers": "{{first}} i {{second}} su se pridružili sastanku",
+        "disconnected": "odspojen",
+        "displayNotifications": "Prikaži obavijesti za",
+        "focus": "Fokus konferencije",
+        "focusFail": "Komponenta {{component}} nije dostupna – pokušaj ponovo za {{ms}} s",
+        "gifsMenu": "GIPHY",
+        "groupTitle": "Obavijesti",
+        "hostAskedUnmute": "Moderator želi da govoriš",
+        "invitedOneMember": "{{name}} je pozvan/a",
+        "invitedThreePlusMembers": "{{name}} i {{count}} drugih su pozvani",
+        "invitedTwoMembers": "{{first}} i {{second}} su pozvani",
+        "kickParticipant": "{{kicker}} je izbacio/la {{kicked}}",
+        "leftOneMember": "{{name}} je napustio/la sastanak",
+        "leftThreePlusMembers": "{{name}} i mnogi drugi su napustili sastanak",
+        "leftTwoMembers": "{{first}} i {{second}} su napustili sastanak",
+        "linkToSalesforce": "Poveži sa Salesforce",
+        "linkToSalesforceDescription": "Sažetak sastanka možeš povezati s Salesforce objektom.",
+        "linkToSalesforceError": "Neuspjelo povezivanje sastanka s Salesforce",
+        "linkToSalesforceKey": "Poveži ovaj sastanak",
+        "linkToSalesforceProgress": "Povezivanje sastanka sa Salesforce …",
+        "linkToSalesforceSuccess": "Ovaj je sastanak povezan sa Salesforce",
+        "localRecordingStarted": "{{name}} je pokrenuo/la lokalno snimanje.",
+        "localRecordingStopped": "{{name}} je prekinuo/la lokalno snimanje.",
+        "me": "Ja",
+        "moderationInEffectCSDescription": "Digni ruku ako želiš dijeliti svoj ekran.",
+        "moderationInEffectCSTitle": "Moderator je blokirao dijeljenje ekrana",
+        "moderationInEffectDescription": "Digni ruku ako želiš govoriti.",
+        "moderationInEffectTitle": "Moderator je isključio tvoj mikrofon",
+        "moderationInEffectVideoDescription": "Digni ruku ako želiš pokrenuti svoju kameru.",
+        "moderationInEffectVideoTitle": "Moderator je blokirao tvoju kameru",
+        "moderationRequestFromModerator": "Domaćin želi da isključiš zvuk",
+        "moderationRequestFromParticipant": "Želi govoriti",
+        "moderationStartedTitle": "Moderiranje započeo/la",
+        "moderationStoppedTitle": "Moderiranje prekinuo/la",
+        "moderationToggleDescription": "{{participantDisplayName}}",
+        "moderator": "Ti si sada moderator",
+        "muted": "Započeo/la si konverzaciju s isključenim zvukom.",
+        "mutedRemotelyDescription": "Zvuk možeš uvijek uključiti kad želiš govoriti. Isključi zvuk kad završiš za smanjivanje buke u sastanku.",
+        "mutedRemotelyTitle": "{{participantDisplayName}} je isključio/la tvoj zvuk",
+        "mutedTitle": "Tvoj zvuk je isključen!",
+        "newDeviceAction": "Koristi",
+        "newDeviceAudioTitle": "Otkriven je novi audio uređaj",
+        "newDeviceCameraTitle": "Otkrivena je nova kamera",
+        "noiseSuppressionDesktopAudioDescription": "Suzbijanje šumova se ne može uključiti tijekom dijeljenja zvuka radne površine. Isključi suzbijanje i pokušaj ponovo.",
+        "noiseSuppressionFailedTitle": "Nauspjelo pokretanje suzbijanja šumova",
+        "noiseSuppressionNoTrackDescription": "Najprije isključi zvuk tvog mikrofona.",
+        "noiseSuppressionStereoDescription": "Suzbijanja šumova stereo zvuka trenutačno nije podržano.",
+        "oldElectronClientDescription1": "Čini se da koristiš staru verziju klijenta Jitsi Meet koja ima poznate sigurnosne probleme. Obavezno aktualiziraj na našu ",
+        "oldElectronClientDescription2": "najnoviju verziju",
+        "oldElectronClientDescription3": " sada!",
+        "participantWantsToJoin": "Želi se pridružiti sastanku",
+        "participantsWantToJoin": "Žele se pridružiti sastanku",
+        "passwordRemovedRemotely": "Jedan drugi sudionik je uklonio $t(lockRoomPasswordUppercase)",
+        "passwordSetRemotely": "Jedan drugi sudionik je postavio $t(lockRoomPasswordUppercase)",
+        "raiseHandAction": "Digni ruku",
+        "raisedHand": "Želi govoriti.",
+        "raisedHands": "{{participantName}} i još {{raisedHands}} osoba",
+        "reactionSounds": "Isključi zvukove",
+        "reactionSoundsForAll": "Isključi zvukove za sve",
+        "screenShareNoAudio": "Polje za dijeljenje zvuka nije označeno na ekranu za biranje prozora.",
+        "screenShareNoAudioTitle": "Nije bilo moguće dijeliti zvuk sustava!",
+        "selfViewTitle": "Pogled na sebe možeš sakriti u postavkama",
+        "somebody": "Netko",
+        "startSilentDescription": "Za uključivanje zvuka ponovo se pridruži sastanku",
+        "startSilentTitle": "Pridružio/la si se bez zvuka!",
+        "suboptimalBrowserWarning": "Bojimo se da tvoj doživljaj sastanka ovdje neće biti dobar. Tražimo načine da to poboljšamo, ali do tada pokušaj koristiti jedan od <a href='{{recommendedBrowserPageLink}}' target='_blank'>potpuno podržanih preglednika</a>.",
+        "suboptimalExperienceTitle": "Upozorenje preglenika",
+        "unmute": "Isključi zvuk",
+        "videoMutedRemotelyDescription": "Možeš ga ponovo uključiti bilo kada.",
+        "videoMutedRemotelyTitle": "{{participantDisplayName}} je isključio tvoj video",
+        "videoUnmuteBlockedDescription": "Uključivanje zvuka kamere i dijeljenje radne površine privremeno su blokirani zbog ograničenja sustava.",
+        "videoUnmuteBlockedTitle": "Isključivanje zvuka kamere i dijeljenje ekrana je blokirano!",
+        "viewLobby": "Pogledaj predvorje",
+        "waitingParticipants": "{{waitingParticipants}} ljudi"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "Prihvati",
+            "admitAll": "Prihvati sve",
+            "allow": "Dozvoli sudionicima da:",
+            "allowVideo": "Dozvole video",
+            "askUnmute": "Zatraže isključivanje zvuka",
+            "audioModeration": "Isključe vlastiti zvuk",
+            "blockEveryoneMicCamera": "Blokiraju mikrofone i kamere svih sudionika",
+            "invite": "Nekoga pozovu",
+            "moreModerationActions": "Daljnje opcije moderiranja",
+            "moreModerationControls": "Daljnje kontrole moderiranja",
+            "moreParticipantOptions": "Daljnje opcije sudionika",
+            "mute": "Isključe zvuk",
+            "muteAll": "Isključe zvuk svih sudionika",
+            "muteEveryoneElse": "Isključe zvuk svih drugih",
+            "reject": "Odbij",
+            "stopEveryonesVideo": "Prekinu videa svih",
+            "stopVideo": "Prekinu video",
+            "unblockEveryoneMicCamera": "Deblokiraju mikrofone i kamere svih sudionika",
+            "videoModeration": "Pokrenu vlastiti video"
+        },
+        "close": "Zatvori",
+        "headings": {
+            "lobby": "Predvorje ({{count}})",
+            "participantsList": "Sudionici sastanka ({{count}})",
+            "waitingLobby": "Čekaju u predvorju ({{count}})"
+        },
+        "search": "Traži sudionike",
+        "title": "Sudionici"
+    },
+    "passwordDigitsOnly": "Do {{number}} znamenke/i",
+    "passwordSetRemotely": "Postavljena od jednog drugog sudionika",
+    "pinnedParticipant": "Sudionik je prikvačen",
+    "polls": {
+        "answer": {
+            "skip": "Preskoči",
+            "submit": "Pošalji"
+        },
+        "by": "Autor {{ name }}",
+        "create": {
+            "addOption": "Dodaj opciju",
+            "answerPlaceholder": "Opcija {{index}}",
+            "cancel": "Odustani",
+            "create": "Stvori anketu",
+            "pollOption": "Opcija ankete {{index}}",
+            "pollQuestion": "Pitanje ankete",
+            "questionPlaceholder": "Postavi pitanje",
+            "removeOption": "Ukloni opciju",
+            "send": "Pošalji"
+        },
+        "errors": {
+            "notUniqueOption": "Opcije moraju biti jedinstvene"
+        },
+        "notification": {
+            "description": "Za glasanje otvori karticu ankete",
+            "title": "Ovom sastanku je dodana nova anketa"
+        },
+        "results": {
+            "changeVote": "Promijeni glasanje",
+            "empty": "Još nema anketa u sastanku. Pokreni anketu ovdje!",
+            "hideDetailedResults": "Sakrij detalje",
+            "showDetailedResults": "Pokaži detalje",
+            "vote": "Glasanje"
+        }
+    },
+    "poweredby": "omogućuje",
+    "prejoin": {
+        "audioAndVideoError": "Audio i videogreška:",
+        "audioDeviceProblem": "Postoji problem s audio uređajem",
+        "audioOnlyError": "Greška audio uređaja:",
+        "audioTrackError": "Nije bilo moguće stvoriti audio snimku.",
+        "callMe": "Nazovi me",
+        "callMeAtNumber": "Nazovi me na ovaj broj:",
+        "calling": "Nazivanje",
+        "configuringDevices": "Konfiguriranje uređaja …",
+        "connectedWithAudioQ": "Jesi li povezan/a s audio uređajem?",
+        "connection": {
+            "good": "Tvoja internetska veza izgleda u redu!",
+            "nonOptimal": "Tvoja internetska veza nije optimalna",
+            "poor": "Imaš slabu internetsku vezu"
+        },
+        "connectionDetails": {
+            "audioClipping": "Očekujemo da će tvoj zvuk biti ispresijecan.",
+            "audioHighQuality": "Očekujemo da će tvoj zvuk biti izvrsne kvalitete.",
+            "audioLowNoVideo": "Očekujemo da će tvoj zvuk biti loše kvalitete i bez videa.",
+            "goodQuality": "Super! Kvaliteta tvojih medija će biti izvrsna.",
+            "noMediaConnectivity": "Nismo mogli pronaći način za uspostavljanje povezanosti medija za ovaj test. Razlog tome je obično vatrozid ili NAT.",
+            "noVideo": "Očekujemo da će tvoj video biti grozan.",
+            "undetectable": "Ako i dalje ne možeš nazivati u pregledniku, preporučujemo da provjeriš jesu li zvučnici, mikrofon i kamera pravilno postavljeni, da su pregledniku dodijeljena prava za korištenje mikrofona i kamere te da je verzija preglednika aktualna. Ako i dalje imaš problema s nazivanjem, obrati se programeru web-aplikacije.",
+            "veryPoorConnection": "Očekujemo da će kvaliteta tvog poziva biti grozna.",
+            "videoFreezing": "Očekujemo da će se tvoj video zamrznuti, prikazati crnu sliku i da će se prikazati pikselasto.",
+            "videoHighQuality": "Očekujemo da će tvoj video biti dobre kvalitete.",
+            "videoLowQuality": "Očekujemo da će tvoj video biti loše kvalitete što se tiče broja sličica u sekundi i rezolucije.",
+            "videoTearing": "Očekujemo da će se tvoj video prikazati pikselasto ili da će imati vizualne greške."
+        },
+        "copyAndShare": "Kopiraj i dijeli poveznicu sastanka",
+        "dialInMeeting": "Nazovi satanak",
+        "dialInPin": "Nazovi satanak i upiši PIN kod:",
+        "dialing": "Biranje",
+        "doNotShow": "Nemoj više prikazivati ovaj ekran",
+        "errorDialOut": "Pozivanje nije bilo moguće",
+        "errorDialOutDisconnected": "Pozivanje nije bilo moguće. Odspojeno",
+        "errorDialOutFailed": "Pozivanje nije bilo moguće. Poziv neusio",
+        "errorDialOutStatus": "Greška u stanju pozivanja",
+        "errorMissingName": "Za pridruživanje sastanku upiši svoje ime",
+        "errorNoPermissions": "Moraš uključiti pristup mikrofonu i kameri",
+        "errorStatusCode": "Greška u pozivanju, kod stanja: {{status}}",
+        "errorValidation": "Provjera broja nije uspjela",
+        "iWantToDialIn": "Želim nazvati",
+        "initiated": "Poziv inicijaliziran",
+        "joinAudioByPhone": "Pridruži se putem telefona",
+        "joinMeeting": "Pridruži se sastanku",
+        "joinMeetingInLowBandwidthMode": "Pridruži se u modusu niske stope prijenosa podataka",
+        "joinWithoutAudio": "Pridruži se bez zvuka",
+        "keyboardShortcuts": "Uključi tipkovne prečace",
+        "linkCopied": "Poveznica kopirana u međuspremnik",
+        "lookGood": "Tvoj mikrofon radi ispravno",
+        "or": "ili",
+        "premeeting": "Predsastanak",
+        "screenSharingError": "Greška dijeljenja ekrana:",
+        "startWithPhone": "Počni s telefonom",
+        "videoOnlyError": "Greška videa:",
+        "videoTrackError": "Nije bilo moguće stvoriti videosnimku.",
+        "viewAllNumbers": "pogledaj sve brojeve"
+    },
+    "presenceStatus": {
+        "busy": "Zaposlen",
+        "calling": "Zove …",
+        "connected": "Povezan",
+        "connecting": "Povezivanje …",
+        "connecting2": "Povezivanje* …",
+        "disconnected": "Odspojen",
+        "expired": "Istekao",
+        "ignored": "Ignoriran",
+        "initializingCall": "Inicijaliziranje poziva …",
+        "invited": "Pozvan",
+        "rejected": "Odbijen",
+        "ringing": "Zvoni …"
+    },
+    "privacyView": {
+        "title": "Privatnost"
+    },
+    "profile": {
+        "avatar": "avatar",
+        "setDisplayNameLabel": "Postavi svoje prikazno ime",
+        "setEmailInput": "Upiši e-mail adresu",
+        "setEmailLabel": "Postavi svoju e-mail adresu gravatara",
+        "title": "Profil"
+    },
+    "raisedHand": "Želi govoriti",
+    "raisedHandsLabel": "Broj dignutih ruku",
+    "record": {
+        "already": {
+            "linked": "Sastanak je već povezan s ovim Salesforce objektom."
+        },
+        "type": {
+            "account": "Račun",
+            "contact": "Kontakt",
+            "lead": "Voditelj",
+            "opportunity": "Prilika",
+            "owner": "Vlasnik"
+        }
+    },
+    "recording": {
+        "authDropboxText": "Prenesi na Dropbox",
+        "availableSpace": "Dostupna memorija: {{spaceLeft}} MB (otprilike {{duration}} min snimanja)",
+        "beta": "BETA",
+        "busy": "Radimo na oslobađanju resursa snimanja. Pokušaj ponovo za par minuta.",
+        "busyTitle": "Svi uređaji za snimanje su trenutačno zaposleni",
+        "copyLink": "Kopiraj poveznicu",
+        "error": "Snimanje neuspjelo. Pokušaj ponovo.",
+        "errorFetchingLink": "Greška pri dohvaćanju poveznice snimanja.",
+        "expandedOff": "Snimanje je prekinuto",
+        "expandedOn": "Sastanak se trenutačno snima.",
+        "expandedPending": "Snimanje započinje …",
+        "failedToStart": "Neuspjelo pokretanje snimanja",
+        "fileSharingdescription": "Dijeli poveznicu snimanja sa sudionicima sastanka",
+        "highlight": "Istakni",
+        "highlightMoment": "Istakni trenutak",
+        "highlightMomentDisabled": "Trenutke možeš istaknuti kad snimanje počne",
+        "highlightMomentSuccess": "Trenutak istaknut",
+        "highlightMomentSucessDescription": "Tvoj istaknuti trenutak će se dodati u sažetak sastanka.",
+        "inProgress": "Snimanje ili prijenos uživo u tijeku",
+        "limitNotificationDescriptionNative": "Zbog velike potražnje, tvoje će snimanje biti ograničeno na {{limit}} min. Za neograničeno snimanje isprobaj <3>{{app}}</3>.",
+        "limitNotificationDescriptionWeb": "Zbog velike potražnje, tvoje će snimanje biti ograničeno na {{limit}} min. Za neograničeno snimanje isprobaj <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "linkGenerated": "Generirali smo poveznicu za tvoje snimanje.",
+        "live": "UŽIVO",
+        "localRecordingNoNotificationWarning": "Snimanje se neće najaviti ostalim sudionicima. Morat ćeš ih obavijestiti da se sastanak snima.",
+        "localRecordingNoVideo": "Video se ne snima",
+        "localRecordingStartWarning": "Provjeri da je snimanje prekinuto prije napuštanja sastanka kako bi se spremilo.",
+        "localRecordingStartWarningTitle": "Prekini snimanje kako bi se spremilo",
+        "localRecordingVideoStop": "Prekidanje tvog videa će također prekinuti lokalno snimanje. Stvarno želiš nastaviti?",
+        "localRecordingVideoWarning": "Za snimanje tvog videa, on mora biti uključen kada započneš snimanje",
+        "localRecordingWarning": "Odaberi trenutačnu karticu za korištenje ispravnog videa i zvuka.",
+        "loggedIn": "Prijava kao {{userName}}",
+        "noStreams": "Nema otkrivenih audio niti videoprijenosa.",
+        "off": "Snimanje prekinuto",
+        "offBy": "{{name}} je prekinuo/la snimanje",
+        "on": "Snimanje pokrenuto",
+        "onBy": "{{name}} je pokrenuo/la snimanje",
+        "onlyRecordSelf": "Snimi samo moje audio i videoprijenose",
+        "pending": "Pripremanje snimanja sastanka …",
+        "rec": "REC",
+        "saveLocalRecording": "Spremi datoteku snimanja lokalno (Beta)",
+        "serviceDescription": "Tvoje snimanje će spremiti usluga za snimanje",
+        "serviceDescriptionCloud": "Snimanje u oblaku",
+        "serviceDescriptionCloudInfo": "Snimljeni sastanci se automatski brišu nakon 24 sata.",
+        "serviceName": "Usluga snimanja",
+        "sessionAlreadyActive": "Ova se sesija već snima ili prenosi uživo.",
+        "signIn": "Privaji se",
+        "signOut": "Odjavi se",
+        "surfaceError": "Odaberi trenutačnu karticu.",
+        "title": "Snimanje",
+        "unavailable": "Ups! Usluga {{serviceName}} trenutačno nije dostupna. Radimo na rješavanju problema. Pokušaj kasnije ponovo.",
+        "unavailableTitle": "Snimanje nije dostupno",
+        "uploadToCloud": "Prenesi u oblak"
+    },
+    "screenshareDisplayName": "Ekran od {{name}}",
+    "sectionList": {
+        "pullToRefresh": "Povuci za aktualiziranje"
+    },
+    "security": {
+        "about": "Možeš dodati $t(lockRoomPassword) svom sastanku. Sudionici će morati upisati $t(lockRoomPassword) prije nego što im se omogući pridruživanje sastanku.",
+        "aboutReadOnly": "Moderatori mogu dodati $t(lockRoomPassword) sastanku. Sudionici će morati upisati $t(lockRoomPassword) prije nego što im se omogući pridruživanje sastanku.",
+        "insecureRoomNameWarning": "Ime sobe nije sigurno. Neželjeni sudionici mogu se pridružiti tvojoj konferenciji. Osiguraj sastanak pomoću sigurnosne tipke.",
+        "title": "Sigurnosne opcije"
+    },
+    "settings": {
+        "buttonLabel": "Postavke",
+        "calendar": {
+            "about": "Integracija {{appName}} kalendara koristi se za siguran pristup tvom kalendaru kako bi mogao čitati nadolazeće događaje.",
+            "disconnect": "Odspoji",
+            "microsoftSignIn": "Prijavi se s Microsoft računom",
+            "signedIn": "Trenutačno se pristupa događajima u kalendaru za {{email}}. Pritisni gumb Odspoji za prekid pristupanja događajima u kalendaru.",
+            "title": "Kalendar"
+        },
+        "desktopShareFramerate": "Broj sličica u sekundi za dijeljenje radne površine",
+        "desktopShareHighFpsWarning": "Veći broj sličica u sekundi za dijeljenje radne površine može utjecati na tvoju stopu prijenosa podataka. Za primjenu novih postavki moraš ponovo pokrenuti dijeljenje ekrana.",
+        "desktopShareWarning": "Za primjenu novih postavki moraš ponovo pokrenuti dijeljenje ekrana.",
+        "devices": "Uređaji",
+        "followMe": "Svatko me prati",
+        "framesPerSecond": "sličica u sekundi",
+        "incomingMessage": "Dolazna poruka",
+        "language": "Jezik",
+        "loggedIn": "Prijavljen/a kao {{name}}",
+        "maxStageParticipants": "Maksimalni broj sudionika koji se mogu prikvačiti na glavnu pozornicu",
+        "microphones": "Mikrofoni",
+        "moderator": "Moderator",
+        "more": "Više",
+        "name": "Ime",
+        "noDevice": "Nijedan",
+        "participantJoined": "Sudionik se pridružio",
+        "participantKnocking": "Sudionik je ušao u predvorje",
+        "participantLeft": "Sudionik se odjavio",
+        "playSounds": "Sviranje zvuka uključeno",
+        "reactions": "Reakcije sastanka",
+        "sameAsSystem": "Isto kao sustav ({{label}})",
+        "selectAudioOutput": "Audio razultat",
+        "selectCamera": "Kamera",
+        "selectMic": "Mikrofon",
+        "selfView": "Pogled na sebe",
+        "sounds": "Zvukovi",
+        "speakers": "Zvučnici",
+        "startAudioMuted": "Svi počinju s isključenim zvukom",
+        "startReactionsMuted": "Isključi zvukove reakcija za sve",
+        "startVideoMuted": "Svi počinju skriveni",
+        "talkWhileMuted": "Govori s isključenim zvukom",
+        "title": "Postavke"
+    },
+    "settingsView": {
+        "advanced": "Napredno",
+        "alertCancel": "Odustani",
+        "alertOk": "U redu",
+        "alertTitle": "Upozorenje",
+        "alertURLText": "Upisani URL poslužitelja je neispravan",
+        "buildInfoSection": "Informacije o izgradnji",
+        "conferenceSection": "Konferencija",
+        "disableCallIntegration": "Isključi izvornu integraciju nazivanja",
+        "disableCrashReporting": "Isključi izvještavanje o prekidu aplikacije",
+        "disableCrashReportingWarning": "Stvarno želiš isključiti izvještavanje o prekidu aplikacije? Postavka će se primijeniti nakon ponovnog pokretanja aplikacije.",
+        "disableP2P": "Isključi modus P2P",
+        "displayName": "Prikazno ime",
+        "displayNamePlaceholderText": "Npr.: John Doe",
+        "email": "E-mail adresa",
+        "goTo": "Idi na",
+        "header": "Postavke",
+        "help": "Pomoć",
+        "links": "Poveznice",
+        "privacy": "Privatnost",
+        "profileSection": "Profil",
+        "serverURL": "URL poslužitelja",
+        "showAdvanced": "Pokaži napredne postavke",
+        "startCarModeInLowBandwidthMode": "Pokreni automobilski modus u modusu niske stope prijenosa podataka",
+        "startWithAudioMuted": "Počni s isključenim zvukom",
+        "startWithVideoMuted": "Počni s isključenim zvukom videa",
+        "terms": "Uvjeti",
+        "version": "Verzija"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nŽeliš jednostavno nazvati putem telefona?\n\n{{defaultDialInNumber}}Pritisni ovu poveznicu za prikaz pozivnih brojeva za ovaj sastanak\n{{dialInfoPageUrl}}",
+        "mainText": "Pritisni sljedeću poveznicu za pridruživanje sastanku:\n{{roomUrl}}"
+    },
+    "speaker": "Govornik",
+    "speakerStats": {
+        "angry": "Ljutit",
+        "disgusted": "Zgrožen",
+        "displayEmotions": "Prikaži emocije",
+        "fearful": "Strašljiv",
+        "happy": "Sretan",
+        "hours": "{{count}} h",
+        "minutes": "{{count}} m",
+        "name": "Ime",
+        "neutral": "Neutralan",
+        "sad": "Žalostan",
+        "search": "Traži",
+        "searchHint": "Traži sudionike",
+        "seconds": "{{count}} s",
+        "speakerStats": "Statistika govornika",
+        "speakerTime": "Vrijeme govornika",
+        "surprised": "Iznenađen"
+    },
+    "startupoverlay": {
+        "genericTitle": "Sastanak mora koristiti tvoj mikrofon i kameru.",
+        "policyText": " ",
+        "title": "{{app}} mora koristiti tvoj mikrofon i kameru."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Ponovo se pridruži",
+        "text": "Za ponovno povezivanje pritisni gumb <i>Ponovo se pridruži</i>.",
+        "title": "Tvoj je videopoziv prekinut jer je tvoje računalo prešlo u stanje mirovanja."
+    },
+    "termsView": {
+        "title": "Uvjeti"
+    },
+    "toggleTopPanelLabel": "Uključi/Isključi gornju ploču",
+    "toolbar": {
+        "Settings": "Postavke",
+        "accessibilityLabel": {
+            "Settings": "Uključi/Isključi postavke",
+            "audioOnly": "Uključi/Isključi opciju samo zvuk",
+            "audioRoute": "Odaberi audio uređaj",
+            "boo": "Negoduj",
+            "breakoutRoom": "Pridruži se/Napusti sobu podgrupe",
+            "callQuality": "Upravljaj kvalitetom videa",
+            "carmode": "Automoblski modus",
+            "cc": "Uključi/Isključi titlove",
+            "chat": "Otvori/Zatvori chat",
+            "clap": "Plješći",
+            "collapse": "Sklopi",
+            "document": "Uključi/Isključi dijeljeni dokument",
+            "download": "Preuzmi naše aplikacije",
+            "embedMeeting": "Ugradi sastanak",
+            "endConference": "Završi sastanak za sve",
+            "expand": "Rasklopi",
+            "feedback": "Napiši povratnu informaciju",
+            "fullScreen": "Uključi/Isključi cjeloekranski prikaz",
+            "giphy": "Uključi/Isključi GIPHY izbornik",
+            "grantModerator": "Odobri moderatorska prava",
+            "hangup": "Napusti sastanak",
+            "help": "Pomoć",
+            "invite": "Pozovi ljude",
+            "kick": "Izbaci sudionika",
+            "laugh": "Nasmij se",
+            "leaveConference": "Napusti sastanak",
+            "like": "Palac gore",
+            "linkToSalesforce": "Poveznica na Salesforce",
+            "lobbyButton": "Uključi/Isključi modus predvorja",
+            "localRecording": "Uključi/Isključi kontrole lokalnog snimanja",
+            "lockRoom": "Uključi/Isključi lozinku sastanka",
+            "moreActions": "Više radnji",
+            "moreActionsMenu": "Izbornik za više radnje",
+            "moreOptions": "Pokaži više opcija",
+            "mute": "Uključi/Isključi zvuk",
+            "muteEveryone": "Isključi svima zvuk",
+            "muteEveryoneElse": "Isključi zvuk svim drugima",
+            "muteEveryoneElsesVideoStream": "Prekini video svih drugih",
+            "muteEveryonesVideoStream": "Prekini video svih",
+            "noiseSuppression": "Suzbijanje šumova",
+            "participants": "Sudionici",
+            "pip": "Uključi/Isključi modus „slika u slici”",
+            "privateMessage": "Pošalji privatnu poruku",
+            "profile": "Promijeni svoj profil",
+            "raiseHand": "Digni/Spusti ruku",
+            "reactionsMenu": "Otvori/Zatvori izbornik reakcija",
+            "recording": "Uključi/Isključi snimanje",
+            "remoteMute": "Isključi zvuk sudionika participant",
+            "remoteVideoMute": "Isključi kameru sudionika",
+            "security": "Sigurnosne opcije",
+            "selectBackground": "Odaberi pozadinu Background",
+            "selfView": "Uključi/Isključi pogled na sebe",
+            "shareRoom": "Pozovi nekoga",
+            "shareYourScreen": "Pokreni/Prekini dijeljenje tvog ekrana",
+            "shareaudio": "Dijeli zvuk",
+            "sharedvideo": "Uključi/Isključi dijeljenje videa",
+            "shortcuts": "Uključi/Isključi prečace",
+            "show": "Pokaži na pozornici",
+            "silence": "Tišina",
+            "speakerStats": "Uključi/Isključi statistiku govornika",
+            "surprised": "Iznenađeno",
+            "tileView": "Uključi/Isključi pločasti prikaz",
+            "toggleCamera": "Uključi/Isključi kameru",
+            "toggleFilmstrip": "Uključi/Isključi slike videa",
+            "videoblur": "Uključi/Isključi zamućenje videa",
+            "videomute": "Pokreni/Prekini kameru",
+            "whiteboard": "Pokaži/Sakrij ploču za prezentacije"
+        },
+        "addPeople": "Dodaj ljude svom pozivu",
+        "audioOnlyOff": "Isključi modus niske stope prijenosa podataka",
+        "audioOnlyOn": "Uključi modus niske stope prijenosa podataka",
+        "audioRoute": "Odaberi audio uređaj",
+        "audioSettings": "Postavke zvuka",
+        "authenticate": "Autentificiraj se",
+        "boo": "Negoduj",
+        "callQuality": "Upravljaj kvalitetom videa",
+        "chat": "Otvori/Zatvori chat",
+        "clap": "Plješći",
+        "closeChat": "Zatvori chat",
+        "closeReactionsMenu": "Zatvori izbornik reakcija",
+        "disableNoiseSuppression": "Isključi suzbijanje šumova",
+        "disableReactionSounds": "Za ovaj sastanak možeš isključiti zvukove reakcija",
+        "documentClose": "Zatvori dijeljeni dokument",
+        "documentOpen": "Otvori dijeljeni dokument",
+        "download": "Preuzmi naše aplikacije",
+        "e2ee": "Obostrano šifriranje",
+        "embedMeeting": "Ugradi sastanak",
+        "endConference": "Završi sastanak za sve",
+        "enterFullScreen": "Uključi cjeloekranski prikaz",
+        "enterTileView": "Uključi pločasti prikaz",
+        "exitFullScreen": "Isključi cjeloekranski prikaz",
+        "exitTileView": "Isključi pločasti prikaz",
+        "feedback": "Napiši povratnu informaciju",
+        "giphy": "Uključi/Isključi GIPHY izbornik",
+        "hangup": "Napusti sastanak",
+        "help": "Pomoć",
+        "hideWhiteboard": "Sakrij ploču za prezentacije",
+        "invite": "Pozovi ljude",
+        "joinBreakoutRoom": "Pridruži se sobi podgrupe",
+        "laugh": "Nasmij se",
+        "leaveBreakoutRoom": "Napusti sobu predgrupe",
+        "leaveConference": "Napusti  sastanak",
+        "like": "Palac gore",
+        "linkToSalesforce": "Poveznica na Salesforce",
+        "lobbyButtonDisable": "Isključi modus predvorja",
+        "lobbyButtonEnable": "Uključi modus predvorja",
+        "login": "Prijava",
+        "logout": "Odjava",
+        "lowerYourHand": "Spusti ruku",
+        "moreActions": "Više radnji",
+        "moreOptions": "Više opcija",
+        "mute": "Isključi/Uključi zvuk",
+        "muteEveryone": "Isključi zvuk svih sudionika",
+        "muteEveryonesVideo": "Isključi kamere svih sudionika",
+        "noAudioSignalDesc": "Ako ga nisi namjerno isključio/la u postavkama sustava ili hardvera, razmisli o mijenjanju uređaja.",
+        "noAudioSignalDescSuggestion": "Ako ga nisi namjerno isključio/la u postavkama sustava ili hardvera, razmisli o prebacivanju na predloženi uređaj.",
+        "noAudioSignalDialInDesc": "Nazvati možeš i pomoću:",
+        "noAudioSignalDialInLinkDesc": "Pozivni brojevi",
+        "noAudioSignalTitle": "Tvoj mikrofon ne šalje signale!",
+        "noiseSuppression": "Suzbijanje šumova",
+        "noisyAudioInputDesc": "Čini se da tvoj mikrofon stvara šumove. Razmisli o isključivanju zvuka ili promjeni uređaja.",
+        "noisyAudioInputTitle": "Čini se da tvoj mikrofon stvara šumove!",
+        "openChat": "Otvori chat",
+        "openReactionsMenu": "Otvori izbornik reakcija",
+        "participants": "Sudionici",
+        "pip": "Uključi modus slika-u-slici",
+        "privateMessage": "Pošalji privatnu poruku",
+        "profile": "Uredi svoj profil",
+        "raiseHand": "Digni/Spusti ruku",
+        "raiseYourHand": "Digni ruku",
+        "reactionBoo": "Pošalji reakciju neodobravanja",
+        "reactionClap": "Pošalji reakciju pleskanja",
+        "reactionLaugh": "Pošalji reakciju smijanja",
+        "reactionLike": "Pošalji reakciju palac gore",
+        "reactionSilence": "Pošalji reakciju tišine",
+        "reactionSurprised": "Pošalji reakciju iznenađenja",
+        "security": "Sigurnosne opcije",
+        "selectBackground": "Odaberi pozadinu",
+        "shareRoom": "Pozovi nekoga",
+        "shareaudio": "Dijeli zvuk",
+        "sharedvideo": "Dijeli video",
+        "shortcuts": "Prikaži prečace",
+        "showWhiteboard": "Pokaži ploču za prezentacije",
+        "silence": "Tišina",
+        "speakerStats": "Statistika govornika",
+        "startScreenSharing": "Pokreni dijeljenje ekrana",
+        "startSubtitles": "Pokreni titlove",
+        "stopAudioSharing": "Prekini dijeljenje zvuka",
+        "stopScreenSharing": "Prekini dijeljenje ekrana",
+        "stopSharedVideo": "Prekini video",
+        "stopSubtitles": "Prekini titlove",
+        "surprised": "Iznenađen",
+        "talkWhileMutedPopup": "Pokušavaš govoriti? Tvoj zvuk je isključen.",
+        "tileViewToggle": "Uključi/Isključi pločasti prikaz",
+        "toggleCamera": "Uključi/Isključi kameru",
+        "videoSettings": "Videopostavke",
+        "videomute": "Pokreni/Prekini kameru"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Pokreni/Prekini titlove",
+        "error": "Transkribiranje neuspjelo. Pokušaj ponovo.",
+        "expandedLabel": "Transkribiranje je trenutačno uključeno",
+        "failedToStart": "Neuspjelo pokretanje transkribiranja",
+        "labelToolTip": "Sastanak se transkribira",
+        "off": "Transkribiranje je prekinuto",
+        "pending": "Priprema za transkribiranje sastanka …",
+        "sourceLanguageDesc": "Trenutačno je jezik sastanka postavljen na <b>{{sourceLanguage}}</b>. <br/> Možeš ga promijeniti ",
+        "sourceLanguageHere": "ovdje",
+        "start": "Počni pokazivati titlove",
+        "stop": "Prekini pokazivati titlove",
+        "subtitles": "Titlovi",
+        "subtitlesOff": "Isključeno",
+        "tr": "TR"
+    },
+    "userMedia": {
+        "grantPermissions": "Dozvoli pristup tvojoj kameri i mikrofonu."
+    },
+    "videoSIPGW": {
+        "busy": "Radimo na oslobađanju resursa. Pokušaj ponovo za par minuta.",
+        "busyTitle": "Usluga soba je trenutačno zaposlena",
+        "errorAlreadyInvited": "{{displayName}} je već pozvan/a",
+        "errorInvite": "Konferencija još nije uspostavljena. Pokušaj kasnije ponovo.",
+        "errorInviteFailed": "Radimo na rješavanju problema. Pokušaj kasnije ponovo.",
+        "errorInviteFailedTitle": "Pozivanje sudionika {{displayName}} neuspjelo",
+        "errorInviteTitle": "Greška prilikom poziva u sobu",
+        "pending": "{{displayName}} je pozvan/a"
+    },
+    "videoStatus": {
+        "adjustFor": "Prilagodi za:",
+        "audioOnly": "AUD",
+        "audioOnlyExpanded": "Koristiš modus niske stope prijenosa podataka. U ovom modusu primat ćeš samo zvuk i dijeljenje ekrana.",
+        "bestPerformance": "Najbolja performanca",
+        "callQuality": "Kvaliteta videa",
+        "hd": "HD",
+        "hdTooltip": "Prikazivanje videa u visokoj rezoluciji",
+        "highDefinition": "Visoka rezolucija",
+        "highestQuality": "Najviše kvlaiteta",
+        "labelTooiltipNoVideo": "Bez videa",
+        "labelTooltipAudioOnly": "Modus niske stope prijenosa podataka je uključen",
+        "ld": "LD",
+        "ldTooltip": "Prikazivanje videa u niskoj rezoluciji",
+        "lowDefinition": "Niska rezolucija",
+        "performanceSettings": "Postavke performance",
+        "sd": "SD",
+        "sdTooltip": "Prikazivanje videa u standardnoj rezoluciji",
+        "standardDefinition": "Standardna rezolucija"
+    },
+    "videothumbnail": {
+        "connectionInfo": "Informacije o vezi",
+        "domute": "Isključi zvuk",
+        "domuteOthers": "Isključi zvuk za sve druge",
+        "domuteVideo": "Isključi kameru",
+        "domuteVideoOfOthers": "Isključi kameru svih drugih",
+        "flip": "Preokreni",
+        "grantModerator": "Odobri moderatorska prava",
+        "hideSelfView": "Sakrij pogled na sebe",
+        "kick": "Izbaci",
+        "moderator": "Moderator",
+        "mute": "Sudioniku je isključen zvuk",
+        "muted": "Isključen zvuk",
+        "pinToStage": "Prikvači na pozornicu",
+        "remoteControl": "Pokreni/Prekini daljinjsko upravljanje",
+        "screenSharing": "Sudionik dijeli svoj ekran",
+        "show": "Pokaži na pozornici",
+        "showSelfView": "Prikaži pogled na sebe",
+        "unpinFromStage": "Otkvači",
+        "videoMuted": "Kamera isključena disabled",
+        "videomute": "Sudionik je prekinuo kameru"
+    },
+    "virtualBackground": {
+        "addBackground": "Dodaj pozadinu",
+        "apply": "Primijeni",
+        "backgroundEffectError": "Neuspjela primjena efekta pozadine.",
+        "blur": "Zamuti",
+        "deleteImage": "Izbriši sliku",
+        "desktopShare": "Dijeljenje radne površine",
+        "desktopShareError": "Nije bilo moguće stvoriti dijeljenje radne površine",
+        "image1": "Plaža",
+        "image2": "Bijeli neutralni zid",
+        "image3": "Bijela prazna soba",
+        "image4": "Crni luster",
+        "image5": "Planina",
+        "image6": "Šuma",
+        "image7": "Izlazak sunca",
+        "none": "Ništa",
+        "pleaseWait": "Pričekaj …",
+        "removeBackground": "Ukloni pozadinu",
+        "slightBlur": "Blago zamućenje",
+        "title": "Virtualne pozadine",
+        "uploadedImage": "Prenesena slika {{index}}",
+        "webAssemblyWarning": "WebAssembly nije podržan",
+        "webAssemblyWarningDescription": "WebAssembly je isključen ili ga ovaj preglednik ne podržava"
+    },
+    "volumeSlider": "Klizač glasnoće",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Dodirni za pridruživanje",
+            "roomname": "Upiši ime sobe"
+        },
+        "addMeetingName": "Dodaj ime sastanka",
+        "appDescription": "Započni videochat s cijelim timom. Zapravo, pozovi sve koje poznaješ. Aplikacija {{app}} je potpuno šifrirana, 100 % otvorenog koda za videokonferencije koje možeš koristiti cijeli dan, svaki dan, besplatno — bez računa.",
+        "audioVideoSwitch": {
+            "audio": "Glas",
+            "video": "Video"
+        },
+        "calendar": "Kalendar",
+        "connectCalendarButton": "Poveži svoj kalendar",
+        "connectCalendarText": "Poveži svoj kalendar za prikaz svih tvojih sastanaka u {{app}}. Dodaj {{provider}} sastanke u tvoj kalendar i pokreni ih pritiskom na njih.",
+        "enterRoomTitle": "Počni novi sastanak",
+        "getHelp": "Dobij pomoć",
+        "go": "KRENI",
+        "goSmall": "KRENI",
+        "headerSubtitle": "Sigurni sastanci viskoke kvalitete",
+        "headerTitle": "Jitsi Meet",
+        "info": "informacije zvanih brojeva",
+        "jitsiOnMobile": "Jitsi na mobilnim uređajima – preuzmi naše aplikacije i započni sastanak od kuda god želiš",
+        "join": "STVORI/PRIDRUŽI SE",
+        "logo": {
+            "calendar": "Logotip kalendara",
+            "desktopPreviewThumbnail": "Minijatura pregleda radne površine",
+            "googleLogo": "Google logotip",
+            "logoDeepLinking": "Jitsi meet logotip",
+            "microsoftLogo": "Microsoft logotip",
+            "policyLogo": "Logotip politike"
+        },
+        "mobileDownLoadLinkAndroid": "Preuzmi mobilnu aplikaciju za Android",
+        "mobileDownLoadLinkFDroid": "Preuzmi mobilnu aplikaciju za F-Droid",
+        "mobileDownLoadLinkIos": "Preuzmi mobilnu aplikaciju za iOS",
+        "moderatedMessage": "Ili <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">rezerviraj URL sastanka</a> unaprijed na kojem si ti jedini moderator.",
+        "privacy": "Privatnost",
+        "recentList": "Nedavni",
+        "recentListDelete": "Izbriši unos",
+        "recentListEmpty": "Tvoj popis nedavnih je tranutačno prazan. Razgovaraj s tvojim timom i pronaći ćeš sve svoje nedavne sastanke.",
+        "reducedUIText": "Pozdrav u {{app}}!",
+        "roomNameAllowedChars": "Ime sastanka ne smije sadržati sljedeće znakove: ?, &, :, ', \", %, #.",
+        "roomname": "Upiši ime sobe",
+        "roomnameHint": "Upiši ime ili URL sobe kojoj se želiš pridružiti. Možeš izmisliti ime, ali obavijesti ljude s kojima se sastaješ da upišu isto ime.",
+        "sendFeedback": "Pošalji povratnu informaciju",
+        "settings": "Postavke",
+        "startMeeting": "Započni sastanak",
+        "terms": "Uvjeti",
+        "title": "Sigurno, funkcionalno i potpuno slobodno održavanje videokonferencija"
+    }
+}
diff --git a/lang/main-hsb.json b/lang/main-hsb.json
new file mode 100644
index 0000000..6992513
--- /dev/null
+++ b/lang/main-hsb.json
@@ -0,0 +1,1317 @@
+{
+    "addPeople": {
+        "add": "přeprosyć",
+        "addContacts": "přeprošće kontakty",
+        "contacts": "kontakty",
+        "copyInvite": "přeprošenje kopěrować",
+        "copyLink": "link za konferencu kopěrować",
+        "copyStream": "link za livestreaming kopěrować",
+        "countryNotSupported": "Tutón kraj hišće njepodpěrujemy.",
+        "countryReminder": "Telefoniske čisło njeje w USA? Prošu zawěsćić, zo so čisło z kodom za kraj započuje.",
+        "defaultEmail": "Waša standardna e-mejl",
+        "disabled": "Wy njemóžeće žanych wobdźělnikow přeprosyć.",
+        "failedToAdd": "zmylk při přidaću wobdźělnikow",
+        "footerText": "Zawołanje je deaktiwěrowane.",
+        "googleEmail": "Google-e-mejl",
+        "inviteMoreHeader": "Wy sće sam/a w posedźenju",
+        "inviteMoreMailSubject": "so na posedźenju {{appName}} wobdźělić",
+        "inviteMorePrompt": "wjace ludźi přeprosyć",
+        "linkCopied": "link do mjezyskłada kopěrować",
+        "noResults": "žane přitrjechjace wuslědki",
+        "outlookEmail": "Outlook-e-mejl",
+        "phoneNumbers": "telefoniske čisła",
+        "searching": "pyta…",
+        "shareInvite": "přeprošenje na zhromadźiznu dźělić",
+        "shareLink": "za přeprošenje druhich dźělće link za konferencu ",
+        "shareStream": "link za live-streaming dźělić",
+        "sipAddresses": "adresy SIP",
+        "telephone": "telefon: {{number}}",
+        "title": "wobdźělnikow na tutu konferencu přeprosyć",
+        "yahooEmail": "Yahoo-e-mejl"
+    },
+    "audioDevices": {
+        "bluetooth": "bluetooth",
+        "car": "awdijo za awto",
+        "headphones": "słuchatka",
+        "none": "žane awdijowe nastroje wužiwajomne",
+        "phone": "telefon",
+        "speaker": " wótřerěčak"
+    },
+    "audioOnly": {
+        "audioOnly": "snadna pasmowa šěrokosć"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "breakout-rumnosć přidać",
+            "autoAssign": "automatisce na breakout-rumnosć rozdźělić",
+            "close": "začinić",
+            "join": "wobdźělić so",
+            "leaveBreakoutRoom": "breakout-rumnosć wopušćić",
+            "more": "wjac",
+            "remove": "wotstronić",
+            "sendToBreakoutRoom": "přitomnych do breakout-rumnosće přesunyć"
+        },
+        "defaultName": "breakout-rumnosć #{{index}}",
+        "mainRoom": "hłowna rumnosć",
+        "notifications": {
+            "joined": "do breakout-rumnosće \"{{name}}\" zastupić",
+            "joinedMainRoom": "do hłowneje rumnosće zastupić",
+            "joinedTitle": "breakout-rumnosće"
+        }
+    },
+    "calendarSync": {
+        "addMeetingURL": "link za konferencu přidać",
+        "confirmAddLink": "Chceće Jitsi-link k tutomu terminej přidać?",
+        "error": {
+            "appConfiguration": "Integracija protyki njeje prawje konfigurěrowana.",
+            "generic": "Zmylk. Pruwujće nastajenje protyki abo spytajće protyku aktualizować.",
+            "notSignedIn": "Zmylk při zwěsćenju awtentije za pokazanje protyki. Pruwujće nastajenje protyki abo spytajće so znowa přizjewić."
+        },
+        "join": "so wobdźělić",
+        "joinTooltip": "so na zetkanju wobdźělić",
+        "nextMeeting": "přichodna konferenca",
+        "noEvents": "Njeje žanych nowych terminow.",
+        "ongoingMeeting": "běžace zetkanje",
+        "permissionButton": "nastajenja wočinić",
+        "permissionMessage": " Za pokazanje terminow a konferencow trjeba app přistup k protyce.",
+        "refresh": "protyku aktualizować",
+        "today": "dźensa"
+    },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "nastroj za zwuk wuzwolić"
+        },
+        "labels": {
+            "buttonLabel": "awto modus",
+            "title": "modus za wěste jězdźenje",
+            "videoStopped": "widejo je zastał"
+        }
+    },
+    "chat": {
+        "enter": "do chat-rumnosće zastupić",
+        "error": "Zmylk: Waša powěsć njeje so wupósłała. Přičina: {{error}}",
+        "fieldPlaceHolder": "powěsć tu zapisać",
+        "lobbyChatMessageTo": "lobbyjowa powěsć na {{recipient}}",
+        "message": "powěsć",
+        "messageAccessibleTitle": "{{user}} praji:",
+        "messageAccessibleTitleMe": "ja praju:",
+        "messageTo": "priwatna powěsć na {{recipient}}",
+        "messagebox": "powěsć zapisać",
+        "nickname": {
+            "popover": "wuzwolće mjeno (alias)",
+            "title": "zapodajće aliasa za chat",
+            "titleWithPolls": "zapodajće aliasa za chat"
+        },
+        "noMessagesMessage": "Njejsu hišće powěsće w tutej konferency. Započće z rozmołwu tule!",
+        "privateNotice": "priwatna powěsć na {{recipient}}",
+        "sendButton": "pósłać",
+        "smileysPanel": "wuběr emojijow",
+        "tabs": {
+            "chat": "chatować",
+            "polls": "naprašowanja"
+        },
+        "title": "chatować",
+        "titleWithPolls": "chatować a so naprašować",
+        "you": "Wy"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "rozšěrjenje za Chrome instalować",
+        "close": "začinić",
+        "dontShowAgain": "pokiw wjace njepokazać",
+        "installExtensionText": "Instalujće rozšěrjenje za integraciju protyki Google a Office 365"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "zwjazanje ze zetkanjom…"
+    },
+    "connection": {
+        "ATTACHED": "připowěsnjene",
+        "AUTHENTICATING": "awtentifikacija běži",
+        "AUTHFAIL": " zmylk při awtentifikaciji",
+        "CONNECTED": "zwjazane",
+        "CONNECTING": "so zwjaza",
+        "CONNFAIL": "natwar zwiska zwrěšćił",
+        "DISCONNECTED": "dźělene",
+        "DISCONNECTING": "zwisk so přetorhnje",
+        "ERROR": "zmylk",
+        "FETCH_SESSION_ID": "ID posedźenja wotwołwać …",
+        "GET_SESSION_ID_ERROR": "Zmylk ID-posedźenja wotwołwać: {{code}}",
+        "GOT_SESSION_ID": " ID-posedźenja wotwołwać … zakónčene",
+        "LOW_BANDWIDTH": "Widejo za {{displayName}} bu hasnjeny dla lutowanja pasmoweje šěrokosće"
+    },
+    "connectionindicator": {
+        "address": "adresa:",
+        "audio_ssrc": "awdijo-SSRC:",
+        "bandwidth": "trochowana pasmowa šěrokosć :",
+        "bitrate": "bitowa rata:",
+        "bridgeCount": "ličba serwera: ",
+        "codecs": "kody (A/V): ",
+        "connectedTo": "zwjazane z:",
+        "framerate": " wobrazowospjetna frekwenca:",
+        "less": "mjenje pokazać",
+        "localaddress": "lokalna adresa:",
+        "localaddress_plural": "lokalne adresy:",
+        "localport": "lokalny port:",
+        "localport_plural": "lokalne porty:",
+        "maxEnabledResolution": "maks. pósłać",
+        "more": "wjace pokazać",
+        "packetloss": "pakćik zhubjeny:",
+        "participant_id": "ID wobdźělnika:",
+        "quality": {
+            "good": "dobre",
+            "inactive": "njeaktiwne",
+            "lost": "zhubjene",
+            "nonoptimal": "njeoptimalne",
+            "poor": "hubjene"
+        },
+        "remoteaddress": "wotstronjena adresa:",
+        "remoteaddress_plural": " wotstronjene adresy:",
+        "remoteport": "wotstronjeny port:",
+        "remoteport_plural": " wotstronjene porty:",
+        "resolution": "rozpušćenje:",
+        "savelogs": "logs składować",
+        "status": "zwisk:",
+        "transport": "protokol:",
+        "transport_plural": "protokole:",
+        "video_ssrc": "widejo-SSRC:"
+    },
+    "dateUtils": {
+        "earlier": "zašłe",
+        "today": "dźensa",
+        "yesterday": "wčera"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Trjebaće aplikaciju „{{app}}“ za přistup ke konferency přez handy.",
+        "description": "Ničo so njestanje? Smy spytali aplikaciju {{app}} konferency wočinić . Spytajće znowa abo přistupće přez syć.",
+        "descriptionWithoutWeb": "Njeje so ničo stało? Smy spytali Wašu konferencu w aplikaciji„{{app}}“ na desktopje startować.",
+        "downloadApp": "aplikaciju downloadować",
+        "ifDoNotHaveApp": "Hdyž aplikaciju hišće nimaće:",
+        "ifHaveApp": "Hdyž aplikaciju hižo maće:",
+        "joinInApp": "So z aplikaciju na konferency wobdźělić",
+        "launchWebButton": "w syći wočinić",
+        "title": "Konferenca so w {{app}} wočini …",
+        "tryAgainButton": "Znowa z natiwnej aplikaciju spytać",
+        "unsupportedBrowser": "browser so njepodpěra"
+    },
+    "defaultLink": "na př.: {{url}}",
+    "defaultNickname": "na př. Jane Pink",
+    "deviceError": {
+        "cameraError": "zmylk při přistupje ke kamerje",
+        "cameraPermission": "zmylk w prawje na přistup ke kamerje",
+        "microphoneError": "zmylk při přistupje k mikrofonej",
+        "microphonePermission": " zmylk w prawje na přistup k mikrofonej"
+    },
+    "deviceSelection": {
+        "noPermission": "žane prawo",
+        "previewUnavailable": "žana předpokazka móžna",
+        "selectADevice": "nastroj wuzwolić",
+        "testAudio": "zwuk testować"
+    },
+    "dialOut": {
+        "statusMessage": "nětkle je {{status}}"
+    },
+    "dialog": {
+        "Back": "wróćo",
+        "Cancel": "přetorhnyć ",
+        "IamHost": "ja sym organizator",
+        "Ok": "ok",
+        "Remove": "wotstronić",
+        "Share": "dźělić",
+        "Submit": "ok",
+        "WaitForHostMsg": "Konferenca <b>{{room}}</b> njeje so hišće započała. Sće-li organizator, so prošu awtentifikujće. Hewak čakajće, doniž so organizator njezjewi.",
+        "WaitingForHostTitle": "na zahajenje konferency čakać",
+        "Yes": "haj",
+        "accessibilityLabel": {
+            "liveStreaming": "live-stream"
+        },
+        "add": "přidać",
+        "addMeetingNote": "noticu k tutej konferency přidać",
+        "addOptionalNote": "noticu přidać (opcijonalne)",
+        "allow": "dowolić",
+        "alreadySharedVideoMsg": "Nichtó druhi hižo widejo dźěli. W tutej konferency je jenož jedyn dźěleny widejo móžny.",
+        "alreadySharedVideoTitle": "jenož jedyn dźěleny widejo runočasnje",
+        "applicationWindow": "nałožowanske wokno",
+        "authenticationRequired": "autentifikacija trěbna",
+        "cameraConstraintFailedError": "Waša kamera njespjelni trěbne wuměnjenja.",
+        "cameraNotFoundError": "Kamera so njenamaka.",
+        "cameraNotSendingData": "Kamera njeje wužiwajomna. Prošu pruwować, hač někajka druha aplikacija kameru wužiwa, hinašu kameru z menija wuzwolić abo aplikaciju znowa startować.",
+        "cameraNotSendingDataTitle": "přistup ke kamerje njeje móžny",
+        "cameraPermissionDeniedError": "Prawo na wužiwanje kamery njebu spožčene. Móžeće so najebać toho na konferency wobdźělič, ale druzy Was njemóža widźeć. Wužiwajće za spožčenje prawa tłóčatko za kameru w adresowej lajsće.",
+        "cameraTimeoutError": "Widejo njemóžeše so startować - překroćenje časa!",
+        "cameraUnknownError": "Kamera so z njeznatych přičin wužiwać njemóže.",
+        "cameraUnsupportedResolutionError": "Kamera njepodpěruje trěbne rozpušćenje.",
+        "close": "začinić",
+        "conferenceDisconnectMsg": "Pruwujće ewentualnje zwisk za syću. Zwjaza so w {{seconds}} sekundach …",
+        "conferenceDisconnectTitle": "Zwisk bu přetorhnjeny.",
+        "conferenceReloadMsg": "Spytamy to rozrisać. Zwjaza so w {{seconds}} sekundach …",
+        "conferenceReloadTitle": "Nažel je něšto křiwje šło.",
+        "confirm": "wopodstatnić",
+        "confirmNo": "ně",
+        "confirmYes": "haj",
+        "connectError": "Ow! Něšto je křiwje šło – přistup ke konferency njebě móžny.",
+        "connectErrorWithMsg": " Ow! Něšto je křiwje šło – přistup ke konferency njebě móžny: {{msg}}",
+        "connecting": "zwjaza so",
+        "contactSupport": "support kontaktěrować",
+        "copied": " kopěrowane ",
+        "copy": " kopěrować ",
+        "dismiss": "OK",
+        "displayNameRequired": "Witajće! Kak rěkaće?",
+        "done": "hotowe",
+        "e2eeDescription": "End-to-end-zaklučowanje je we wokomiku hišće EKSPERIMENTALNE. Prošu wobkedźbujće, zo aktiwěrowanje end-to-end-zaklučowanja wšelake funkcije serwera deaktiwěruje: nahrawanje, live-streaming a telefon. Prošu wobkedźbujće tohorunja, zo móže so ke konferency potom jenož hišće z browserom přistupić, kotryž „Insertable Streams“ podpěruje.",
+        "e2eeDisabledDueToMaxModeDescription": "End-to-end-zaklučowanje njemóže za wysokeje ličby wobdźělnikow dla aktiwěrować.",
+        "e2eeLabel": "End-to-end-zaklučowanje aktiwěrować",
+        "e2eeWarning": "WARNOWANJE: Pozdaću njepodpěruja wšitcy wobdźělnicy tuteje konferency end-to-end-zaklučowanje. Hdyž tute aktiwěrujeće, njemóža wotpowědni wobźělnicy ničo wjace słyšeć abo widźeć.",
+        "e2eeWillDisableDueToMaxModeDescription": "WARNOWANJE: end-to-end-zaklučowanje deaktiwěruje so awtomatisce, hdyž so nowi wobdźělnicy přidruža.",
+        "embedMeeting": "konferencu zawjazać",
+        "enterDisplayName": "prošu tu Waše mjeno zapodać",
+        "error": "zmylk",
+        "gracefulShutdown": "Hladanskich dźěłow dla njesteji serwis wokomiknje k dispoziciji. Prošu spytajće pozdźišo hišće raz.",
+        "grantModeratorDialog": "Chceće Wy tutoho wobdźělnika woprawdźe za moderatora postajić?",
+        "grantModeratorTitle": "za moderatora postajić",
+        "hideShareAudioHelper": "tutu informaciju wjac njepokazać",
+        "incorrectPassword": "mjeno a hesło njepłaćiwe",
+        "incorrectRoomLockPassword": "wopačne hesło",
+        "internalError": "Ow! Něšto je křiwje šło. Sćěhowacy zmylk je so jewił: {{error}}",
+        "internalErrorTitle": "interny zmylk",
+        "kickMessage": "Za wjac informacijow wobroćće so na {{participantDisplayName}} .",
+        "kickParticipantButton": "wuzamknyć",
+        "kickParticipantDialog": "Chceće tuteho wobdźělinka woprawdźe wuzamknyć?",
+        "kickParticipantTitle": "Wobdźělnika wuzamknyć?",
+        "kickTitle": "Awč! {{participantDisplayName}} je Was z konferency wuzamknył/a",
+        "linkMeeting": "konferencu zalinkować",
+        "linkMeetingTitle": "konferencu ze Salesforce zwjazać",
+        "liveStreaming": "live-streaming",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "za čas nahrawanja njemóžne",
+        "liveStreamingDisabledTooltip": "Startowanje live-streama je deaktiwěrowane.",
+        "localUserControls": "lokalna kontrola",
+        "lockMessage": "Konferenca njedaše so zawrěć.",
+        "lockRoom": "konferencu$t(lockRoomPassword) přidać",
+        "lockTitle": "zawrjenje njeje fungowało",
+        "login": "přizjewić",
+        "logoutQuestion": "Sće sej wěsty/a, zo chceće so wotzjewić a konferencu wopušćić?",
+        "logoutTitle": "wotzjewić",
+        "maxUsersLimitReached": "Limit za maksimalnu ličbu wobdźělnikow je docpěty. Konferenca je połna. Prošu wobroćće so na wobsedźerja konferency abo spytajće pozdźišo znowal!",
+        "maxUsersLimitReachedTitle": "maksimalna ličba wobdźělinkow docpěta",
+        "micConstraintFailedError": "Waš mikrofon njespjelni trěbne wuměnjenja.",
+        "micNotFoundError": "mikrofon so njenamaka",
+        "micNotSendingData": "Wočińće nastajenja Wašeho kompjutera za aktiwěrowanje Wašeho mikrofona a nastajenja wolumena",
+        "micNotSendingDataTitle": "Waš mikrofon je přez nastajenja systema němy šaltowany",
+        "micPermissionDeniedError": "Prawo na wužiwanje mikrofona njebu spožčene. Móžeće so najebać toho na konferency wobdźělić, ale druzy Was njemóža słyšeć. Za spožčenje prawa wužiwajće tłóčatko za kameru w adresowej lajsće.",
+        "micTimeoutError": "čas překroćeny",
+        "micUnknownError": "Mikrofon so z njeznatych přičin wužiwać njeda.",
+        "moderationAudioLabel": "Dowol přitomnym, němje šaltowanje zběhnyć",
+        "moderationVideoLabel": "Dowol přitomnym, kameru wužiwać.",
+        "muteEveryoneDialog": "Chceće Wy woprawdźe wšitkich němych šaltować? Njemóžeće to wjace změnić, móžeće pak Waš mikrofon w kóždym času zaso zapinyć.",
+        "muteEveryoneDialogModerationOn": "Přitomni smědźa w kóždym času naprašowanje za rěčenje stajić.",
+        "muteEveryoneElseDialog": "Je mikrofon druhich jónu němy šaltowany, njeda so to wjace změnić. Móžeće pak Waš mikrofon w kóždym času zaso zapinyć.",
+        "muteEveryoneElseTitle": "Wšitkich nimo {{whom}} němych šaltować?",
+        "muteEveryoneElsesVideoDialog": "Kaž chětř je kamera hasnjena, njemóžěće Wy ju wjac aktiwěrować. Wobdźělnicy pak móža to kóždy čas změnić.",
+        "muteEveryoneElsesVideoTitle": "Kameru wšitkich nimo {{whom}} hasnyć?",
+        "muteEveryoneSelf": "sebje samoho",
+        "muteEveryoneStartMuted": "Wotnětka započnu wšitcy němi šaltowani.",
+        "muteEveryoneTitle": "wšitkich němych šaltować?",
+        "muteEveryonesVideoDialog": "Kameru wšitkich woprawdźe hasnyć?",
+        "muteEveryonesVideoDialogModerationOn": "Přitomni móža w kóždym času wužiwanje kamery naprašować.",
+        "muteEveryonesVideoDialogOk": "deaktiwěrować",
+        "muteEveryonesVideoTitle": "Kameru wšitkich druhich hasnyć?",
+        "muteParticipantBody": "Wy njemóžeće nastajenje němosće druhich změnić, ale kóždy wobdźělnik móže swójske nastajenje němosće kóždy čas skónčić.",
+        "muteParticipantButton": "na němosć šaltować",
+        "muteParticipantsVideoBody": "Njemóžeće kameru wjac aktiwěrować, jenož wobdźělnik sam.",
+        "muteParticipantsVideoBodyModerationOn": "Njemóžeće kameru wjac aktiwěrować, jenož wobdźělnik sam.",
+        "muteParticipantsVideoButton": "Kameru hasnyć",
+        "muteParticipantsVideoDialog": "Kameru wobdźělnika woprawdźe hasnyć? Njemóžeće to wjace změnić, jenož wobdźělnik sam.",
+        "muteParticipantsVideoDialogModerationOn": "Kameru wobdźělnika woprawdźe hasnyć? Njemóžeće to wjace změnić, jenož wobdźělnik sam.",
+        "muteParticipantsVideoTitle": "Kameru tuteje wosoby hasnyć?",
+        "noDropboxToken": "žadyn płačiwy dropbox-token",
+        "password": "klučowe słowo",
+        "passwordLabel": "Tuta konferenca bu wot jednoho wobdźělinka zawěsćena. Prošu zapodajće  $t(lockRoomPasswordUppercase) za přistup ke konferency.",
+        "passwordNotSupported": "Postajenje hesła za konferencu so njepodpěruje. ",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) so njepodpěruje",
+        "passwordRequired": "$t(lockRoomPasswordUppercase) trěbne",
+        "permissionCameraRequiredError": "Přistup na kameru je za widejowu konferencu trěbny.",
+        "permissionErrorTitle": "prawo trěbne",
+        "permissionMicRequiredError": "Mikrofon je za konferencu ze zwukom trěbny.",
+        "popupError": "Waš browser blokěruje pop-ups z tuteje strony. Prošu aktiwěrujće pop-ups w nastajenjach za wěstotu browsera a spytajće znowa.",
+        "popupErrorTitle": "pop-up blokěrowany",
+        "readMore": "wjace",
+        "recentlyUsedObjects": "sposledy wužiwane objekty",
+        "recording": "nahrawanje",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "w času live-streama njemóžne",
+        "recordingDisabledTooltip": "Start nahrawanja deaktiwěrowany.",
+        "rejoinNow": "nětko znowa přistupić",
+        "remoteControlAllowedMessage": "{{user}} ja naprašenje wo dalokowodźenju přiwzała/a!",
+        "remoteControlDeniedMessage": "{{user}} je naprašenje wo dalokowodźenju wotpokazał/a!",
+        "remoteControlErrorMessage": "Při wotžadanju dowolnosće za dalokowodźenje přez {{user}} je so zmylk stał!",
+        "remoteControlRequestMessage": "Chceće dalokowodźenje kompjutera přez {{user}} dowolić?",
+        "remoteControlShareScreenWarning": "Kedźbu, hdyž naprašenje dowoliće, startujeće wužiwarske prawo za monitor!",
+        "remoteControlStopMessage": "dalokowodźenje skónčene!",
+        "remoteControlTitle": "dalokowodźenje",
+        "remoteUserControls": "kontrola wužiwanja přez {{username}}",
+        "removePassword": "$t(lockRoomPasswordUppercase) wotstronić",
+        "removeSharedVideoMsg": "Sće sej wěsty/a, zo chceće dźěleny widejo wotstronić?",
+        "removeSharedVideoTitle": "swobodnje date widejo wotstronić",
+        "reservationError": "zmylk w rezerwowanskim systemje",
+        "reservationErrorMsg": "zmylk, čisło: {{code}}, powěsć: {{msg}}",
+        "retry": "wospjetować",
+        "screenSharingAudio": "awdijo dźělić",
+        "screenSharingFailed": "Ups! Při dźělenju monitora je něšto křiwje šło!",
+        "screenSharingFailedTitle": "Dźělenje monitora je zwrěšćiło!",
+        "screenSharingPermissionDeniedError": "Ups! Něšto njetrjechi z Wašim prawom, wužiwanje monitora dowolić. Prošu hišće hišće raz wotwołać a znowa spytać.",
+        "searchInSalesforce": "w Salesforce pytać",
+        "searchResults": "wuslědki({{count}})",
+        "searchResultsDetailsError": "Při wotwołanju datow wobsedźerja je so zmylk stał.",
+        "searchResultsError": "Při wotwołanju datow je so zmylk stał.",
+        "searchResultsNotFound": "žane wuslědki",
+        "searchResultsTryAgain": "spytajće z hinašimi hesłami znowa",
+        "sendPrivateMessage": "Sće před krótkim priwatnu powěsć dóstał/a. Chceće priwatnje wotmołwić abo powěsć skupinje pósłać?",
+        "sendPrivateMessageCancel": "na skupinu pósłać",
+        "sendPrivateMessageOk": "priwatnje wotmołwić ",
+        "sendPrivateMessageTitle": "priwatnje wotmołwić?",
+        "serviceUnavailable": "posłužba njeje wužiwajomna",
+        "sessTerminated": "konferenca je skónčena",
+        "sessionRestarted": "konferenca znowa startowana",
+        "shareAudio": "pokročować",
+        "shareAudioTitle": "kak da so awdijo dźělić",
+        "shareAudioWarningD1": "Dźělenje wobrazowki dyrbi so skónčić, prjedy hač móže so awdijo dźělić.",
+        "shareAudioWarningD2": "Dyrbiće dźělenje wobrazowki startować a opciju \"awdijo dźělić\" wuzwolić.",
+        "shareAudioWarningH1": "Hdyž chceće awdijo dźělić:",
+        "shareAudioWarningTitle": "Dźělenje wobrazowki dyrbi so hasnyć, prjedy hač móže so awdijo dźělić.",
+        "shareMediaWarningGenericH2": "hdyž chceće wobrazowku a awdijo dźělić",
+        "shareScreenWarningD1": "Dźělenje awdija dyrbi so skónčić, prjedy hač móže so wobrazowka dźělić",
+        "shareScreenWarningD2": "Dźělenje awdija dyrbi so skónčić a po tym dźělenje wobrazowki z opciju \"wobrazowku dźělić\" wuzwolić.",
+        "shareScreenWarningH1": "Hdyž chceće wobrazowku dźělić:",
+        "shareScreenWarningTitle": "Dźělenje awdija dyrbi so skónčić, prjedy hač móže so wobrazowka dźělić",
+        "shareVideoLinkError": "Prošu płaćiwy link na YouTube zapodać.",
+        "shareVideoTitle": "widejo dźělić",
+        "shareYourScreen": "wužiwanje monitora dowolić",
+        "shareYourScreenDisabled": "dowolnosć za wužiwanje monitora deaktiwěrowana",
+        "sharedVideoDialogError": "zmylk: URL njepłačiwa",
+        "sharedVideoLinkPlaceholder": "YouTube-URL abo direktna URL wideja",
+        "start": "startuj",
+        "startLiveStreaming": "live-stream startować",
+        "startRecording": "nahrawanje startować",
+        "startRemoteControlErrorMessage": "Při startowanju dalokoposłužowanja je so zmylk stał!",
+        "stopLiveStreaming": "live-stream stopować",
+        "stopRecording": "nahrawanje stopować",
+        "stopRecordingWarning": "Sće sej wěsty/a, zo chceće nahrawanje stopować?",
+        "stopStreamingWarning": "Sće sej wěsty/a, zo chceće live-stream stopować?",
+        "streamKey": "kluč za stream",
+        "thankYou": "Dźakuju so za wužiwanje {{appName}}!",
+        "token": "znamjo",
+        "tokenAuthFailed": "Nimaće prawo, so na tutej konferency wobdźělić.",
+        "tokenAuthFailedTitle": "awtentifikacija zwrěšćiła",
+        "transcribing": "so transkriběruje",
+        "unlockRoom": "konferencu$t(lockRoomPassword) wotstronić",
+        "user": "wužiwar",
+        "userIdentifier": "wužiwarske mjeno",
+        "userPassword": "hesło wužiwarja",
+        "videoLink": "link wideja",
+        "viewUpgradeOptions": "opcije za upgrade pokazać",
+        "viewUpgradeOptionsContent": "Za funkcije kaž nahrawanje, transkripcija, streaming RTMP a wjac trjebaće rozšěrjeny tarif.",
+        "viewUpgradeOptionsTitle": "premium-funkcija",
+        "yourEntireScreen": "cyły monitor"
+    },
+    "documentSharing": {
+        "title": "swobodnje daty dokument"
+    },
+    "e2ee": {
+        "labelToolTip": "Awdijowe a widejowe daty tuteje konwersacije su nětko mjez wobdźělnikami zaklučowane."
+    },
+    "embedMeeting": {
+        "title": "tutu konferencu integrować"
+    },
+    "feedback": {
+        "average": "spokojace",
+        "bad": "słabe",
+        "detailsLabel": "Prajće nam wjace k tomu.",
+        "good": "derje",
+        "rateExperience": "Prošu pohódnoćće tutu konferencu",
+        "star": "star",
+        "veryBad": "jara słabe",
+        "veryGood": "jara derje"
+    },
+    "giphy": {
+        "noResults": "žane wuslědki",
+        "search": "GIPHY přepytać"
+    },
+    "helpView": {
+        "title": "pomoc"
+    },
+    "incomingCall": {
+        "answer": "wotmołwić",
+        "audioCallTitle": "telefonat",
+        "decline": "ok",
+        "productLabel": "wot Jitsi Meet",
+        "videoCallTitle": "widejo - telefonat"
+    },
+    "info": {
+        "accessibilityLabel": "informacije pokazać",
+        "addPassword": "$t(lockRoomPasswordUppercase) přidać",
+        "cancelPassword": "$t(lockRoomPasswordUppercase) wotstronić",
+        "conferenceURL": "link:",
+        "copyNumber": "čisło kopěrować",
+        "country": "kraj",
+        "dialANumber": "Chceće-li so na konferency wobdźělić, wolće prošu jedne z tutych čisłow a zapodajće PIN.",
+        "dialInConferenceID": "PIN:",
+        "dialInNotSupported": "Wodajće prošu, nažel njeje tuchwilu móžne, so zawolić.",
+        "dialInNumber": "zawolić:",
+        "dialInSummaryError": "Zmylk při wotwołwanju informacijow. Prošu spytajće pozdźišo znowa.",
+        "dialInTollFree": "bjezpłatne",
+        "genericError": "Nažel je něšto křiwje šło.",
+        "inviteLiveStream": "Klikńće na {{url}} za wotewrjenje live-streama tuteje konferency",
+        "invitePhone": "Hdyž chceće so radšo přez telefon wobdźělić, wolće: {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Pytaće hinaše čisło za zawolenje?\nČisła konferency pokazać: {{url}}\n\n\nHdyž so tež přez rumowy telefon zawoliće, wobdźěliće so bjeztoho, zo so sće ze zwukom zwjazany/a: {{silentUrl}}",
+        "inviteSipEndpoint": "za wobdźělenje z SIP, wužiwajće prošu tutu adresu: {{sipUri}}",
+        "inviteTextiOSInviteUrl": "so na konferency wobdźělić: {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "Hdyž so přez konferencny telefon zawoliće, wužiwajće sćěhowacy link za wobdźělenje bjez zwuka:{{silentUrl}} ",
+        "inviteTextiOSPersonal": "{{name}} Was na konferencu přeprosy.\n",
+        "inviteTextiOSPhone": "Za přistup přez telefon wužiwajće čisło: {{number}},,{{conferenceID}}#. Hdyž pytaće za druhim čisłom, namakaće tu dospołnu lisćinu: {{didUrl}}.",
+        "inviteURLFirstPartGeneral": "Sće na konferencu přeprošeny/a.",
+        "inviteURLFirstPartPersonal": "{{name}} Was na konferencu přeprosy.\n",
+        "inviteURLSecondPart": "\nSo na konferency wobdźělić:\n{{url}}\n",
+        "label": "informacije za wobdźělenje",
+        "liveStreamURL": "live-stream:",
+        "moreNumbers": "dalše telefoniske čisła",
+        "noNumbers": "žane telefoniske čisło wužiwajomne.",
+        "noPassword": "žane hesło trěbne njeje",
+        "noRoom": "žana konferenca za tute inforamcije podata",
+        "numbers": "čisła",
+        "password": "$t(lockRoomPasswordUppercase):",
+        "sip": "adresa SIP",
+        "title": "dźělić",
+        "tooltip": "link za wólne wužiwanje a informacije za wobdźělenje na tutej konferency"
+    },
+    "inlineDialogFailure": {
+        "msg": "Zmylk je so stał.",
+        "retry": "znowa spytać",
+        "support": "podpěra",
+        "supportMsg": "Hdyž so zmylk znowa jewi, kontaktěrujće"
+    },
+    "inviteDialog": {
+        "alertText": "Přeprošenje někotrych wobdźělinkow njebě wuspěšne.",
+        "header": "přeprosyć",
+        "searchCallOnlyPlaceholder": "telefoniske čisło zapodać",
+        "searchPeopleOnlyPlaceholder": "za wobdźělinkami pytać",
+        "searchPlaceholder": "wobdźělnik abo telefoniske čisło",
+        "send": "pósłać"
+    },
+    "jitsiHome": "{{logo}} logo, pokaza na homepage",
+    "keyboardShortcuts": {
+        "focusLocal": "lokalny widejo fokusěrować",
+        "focusRemote": "na widejo druheho wobdźělnika fokusěrować",
+        "fullScreen": "połny wobraz aktiwěrować abo deaktiwěrować",
+        "giphyMenu": "GIPHY pokazać abo schować",
+        "keyboardShortcuts": "tastowa skrótšenka",
+        "localRecording": "lokalne elementy za natočenje pokazać abo schować",
+        "mute": "něme šaltowanje aktiwěrować abo deaktiwěrować",
+        "pushToTalk": "Push-to-Talk (tasta za rěčenje)",
+        "raiseHand": "ruku zběhnyć",
+        "showSpeakerStats": "statistiku rěčnikow pokazać",
+        "toggleChat": "chat wočinić abo začinić",
+        "toggleFilmstrip": "miniaturny napohlad wideja pokazać abo schować",
+        "toggleParticipantsPane": "Lisćinu přitomnych za- abo wublendować",
+        "toggleScreensharing": "mjez kameru a dopušćenjom wužiwanja monitora měnjeć ",
+        "toggleShortcuts": "tastowe skrótšenki pokazać abo schować",
+        "videoMute": "kameru startować abo stopować"
+    },
+    "liveStreaming": {
+        "busy": "Resursy za streaming so přihotuja. Prošu spytajće za někotre mjeńšiny znowa.",
+        "busyTitle": "Wšitke instancy za streaming so wužiwaja.",
+        "changeSignIn": "konto měnić",
+        "choose": "live-stream wuzwolić",
+        "chooseCTA": "Opcije za streaming wuzwolić. Wokomiknje sće jako {{email}} přizjewjeny/a.",
+        "enterStreamKey": "Kluč za live-stream na You Tube tule zapodać.",
+        "error": "Live-streaming njeje fungował. Prošu spytajće znowa.",
+        "errorAPI": "Při wotwołanju live-streama na YouTube je so zmylk stał. Prošu spytajće so znowa přizjewić.",
+        "errorLiveStreamNotEnabled": "Live-streaming njeje za {{email}} aktiwěrowany. Aktiwěrujće live-streaming abo přizjewće so z kontom z aktiwěrowanym live-streamingom.",
+        "expandedOff": "live-stream bu stopowany",
+        "expandedOn": "Konferenca so runje na YouTube streamuje.",
+        "expandedPending": "live-stream startuje …",
+        "failedToStart": "live-stream njemóžeše so startować",
+        "getStreamKeyManually": "Njemóžachmy live-stream wotwołać. Spytajće Waš kluč wot YouTube dóstać.",
+        "googlePrivacyPolicy": "regule za datowy škit pola Google",
+        "inProgress": "live-stream startowany",
+        "invalidStreamKey": "Kluč za live-stream njeje najskerje prawy.",
+        "limitNotificationDescriptionNative": "Waš stream je na {{limit}} mjeń. wobmjezowany. Za njewobmjezowany streaming wužiwajće prošu {{app}}.",
+        "limitNotificationDescriptionWeb": "Wysokeje potrjeby dla je Waš stream na {{limit}} mjeń. wobmjezowany. Za njewobmjezowany streaming dźiće prošu na <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "off": "live-stream stopowany",
+        "offBy": "{{name}} zadźerža live-stream",
+        "on": "live-stream",
+        "onBy": "{{name}} startowaše live-stream",
+        "pending": "live-stream so startuje …",
+        "serviceName": "serwis za live-streaming",
+        "sessionAlreadyActive": "live-stream je hižo aktiwěrowany",
+        "signIn": "so z Google přizjewić",
+        "signInCTA": "So přizjewić abo kluč za YouTube-live-stream zapodać.",
+        "signOut": "wotzjewić",
+        "signedInAs": "Wy sće přizjewjeny jako:",
+        "start": "live-stream startować",
+        "streamIdHelp": "Što to je?",
+        "title": "live-stream",
+        "unavailableTitle": "live-streaming njeje wužiwajomny",
+        "youtubeTerms": "wuměnjenja wužiwanja na YouTube"
+    },
+    "lobby": {
+        "allow": "přiwzać",
+        "backToKnockModeButton": "žane hesło, město toho wo přistup prosyć",
+        "chat": "chat",
+        "dialogTitle": "lobbyjowy modus",
+        "disableDialogContent": "Lobbyjowy modus runje aktiwny njeje. Z tutej funkciju je zawěsćene, zo njemóža njewitane wosoby konferency přistupić. Funkciju aktiwěrować?",
+        "disableDialogSubmit": "deaktiwěrować",
+        "emailField": "e-mejl zapodać",
+        "enableDialogPasswordField": "hesło sadźić (opcijonalne)",
+        "enableDialogSubmit": "aktiwěrować",
+        "enableDialogText": "Z lobbyjowym modusom škitaće Wašu konferencu, dokelž móža jenož wot moderatora dowoleni wobdźělnicy přistupić .",
+        "enterPasswordButton": "konferencne hesło zapodać",
+        "enterPasswordTitle": "hesło za přistup wužiwać",
+        "errorMissingPassword": "Prošu klučowe hesło za konferencu zapodać.",
+        "invalidPassword": "njepłaćiwe hesło",
+        "joinRejectedMessage": "Waše naprašowanje za přistupom bu wot moderatora wotpokazane.",
+        "joinRejectedTitle": "naprašowanje za přistupom wotpokazane",
+        "joinTitle": "konferency přistupić",
+        "joinWithPasswordMessage": "Pospyt přistupa z hesłom, prošu čakać …",
+        "joiningMessage": "Móžeće konferency přistupić, ručež nichtó Waše naprašowanje přiwozmje.",
+        "joiningTitle": "próstwa wo přistup …",
+        "joiningWithPasswordTitle": "z hesłom přistupić …",
+        "knockButton": "wo přistup prosyć",
+        "knockTitle": "něchtó chce konferency přistupić",
+        "knockingParticipantList": "lisćina zakłapacych wobdźělnikow",
+        "lobbyChatStartedNotification": "{{moderator}} je lobby-chat z {{attendee}} zapoćinał",
+        "lobbyChatStartedTitle": "{{moderator}} je lobby-chat z Wami zapoćinał",
+        "nameField": "zapodajće Waše mjeno",
+        "notificationLobbyAccessDenied": "{{targetParticipantName}} bu wot  {{originParticipantName}} wotpokazany/a",
+        "notificationLobbyAccessGranted": "{{targetParticipantName}} bu wot {{originParticipantName}} přiwzaty/a",
+        "notificationLobbyDisabled": "{{originParticipantName}} je lobby deaktiwěrował",
+        "notificationLobbyEnabled": "{{originParticipantName}} je lobby aktiwěrował",
+        "notificationTitle": "lobby",
+        "passwordField": "konferencne hesło zapodać",
+        "passwordJoinButton": "přistupić",
+        "title": "lobby",
+        "toggleLabel": "lobby aktiwěrować"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "hasnjene",
+            "on": "aktiwne",
+            "unknown": "njeznate"
+        },
+        "dialogTitle": " lokalne elementy za nahrawanje",
+        "duration": "dołhosć",
+        "durationNA": "p.w.",
+        "encoding": "koděrowanje",
+        "label": "LOR",
+        "labelToolTip": "lokalne nahrawanje aktiwěrowane",
+        "localRecording": "lokalne nahrawanje",
+        "me": "ja",
+        "messages": {
+            "engaged": " lokalne nahrawanje aktiwěrowane",
+            "finished": "Nahrawanje posedźenja {{token}} je zakónčene. Pósćelće nahrate dataje na moderatora.",
+            "finishedModerator": " Nahrawanje posedźenja {{token}} je zakónčene. Nahrawanje lokalneho wotběha je składowane. Prošće tamnych wobdźělnikow, swoje nahrawanja připósłać.",
+            "notModerator": "Wy njejsće moderator. Njemóžeće lokalne nahrawanje startować abo skónčić."
+        },
+        "moderator": "moderator",
+        "no": "ně",
+        "participant": "wobdźělnik",
+        "participantStats": "statistika wobdźělnikow",
+        "sessionToken": "znamjo/token posedźenja",
+        "start": "nahrawanje startować",
+        "stop": "nahrawanje stopować",
+        "yes": "haj"
+    },
+    "lockRoomPassword": "hesło",
+    "lockRoomPasswordUppercase": "hesło",
+    "lonelyMeetingExperience": {
+        "button": "druhich přeprosyć",
+        "youAreAlone": "Wy sće sam/a na tutej konferency"
+    },
+    "me": "ja",
+    "notify": {
+        "OldElectronAPPTitle": "Problem z wěstotu!",
+        "allowAction": "dowolić",
+        "allowedUnmute": "Móžeće nastajenje němosće zakónčić, kameru zaswěčić abo Wašu wobrazowku dźělić.",
+        "audioUnmuteBlockedDescription": "Za škit před přećeženjom njemóže so tuchwilu nastajenje němosće zakónčić",
+        "audioUnmuteBlockedTitle": "Nastajenje němosće njemóže so zakónčić.",
+        "chatMessages": "chat",
+        "connectedOneMember": "{{name}} so na konferency wobdźěla",
+        "connectedThreePlusMembers": "{{name}} a {{count}} druhich wosobow so na konferency wobdźěli",
+        "connectedTwoMembers": "{{first}} a {{second}} so na konferency wobdźěla",
+        "disconnected": "přetorhnjene",
+        "displayNotifications": "zdźělenki pokazać",
+        "focus": "organisator konferency",
+        "focusFail": "{{component}} njehodźi so docpěć – za {{ms}} sekundow znowa spytać",
+        "gifsMenu": "GIPHY",
+        "groupTitle": "zdźělenki",
+        "hostAskedUnmute": "Moderator/ka Was prosy mikrofon aktiwěrować",
+        "invitedOneMember": "{{name}} bu přeprošeny",
+        "invitedThreePlusMembers": "{{name}} a {{count}} tamni buchu přeprošeni",
+        "invitedTwoMembers": "{{first}} a {{second}} buštaj/tej přeprošeni",
+        "kickParticipant": "{{kicked}} bu wot {{kicker}} z konferency wuzamknjeny",
+        "leftOneMember": "{{name}} je konferencu wopušćił/a",
+        "leftThreePlusMembers": "{{name}} a dalši su konferencu wopušćili",
+        "leftTwoMembers": "{{first}} a {{second}} staj/stej konferencu wpoušćiłoj",
+        "linkToSalesforce": "ze Salesforce zwjazać",
+        "linkToSalesforceDescription": "Móžeće zjeće konferency z objektom w Salesforce zwjazać.",
+        "linkToSalesforceError": "Konferenca njemóžeše so ze Salesforce zwjazać.",
+        "linkToSalesforceKey": "konferencu zalinkować",
+        "linkToSalesforceProgress": "konferenca so ze Salesforce zwjaza…",
+        "linkToSalesforceSuccess": "Konferenca bu ze Salesforce zwjazana.",
+        "localRecordingStarted": "{{name}} je z lokalnym nahrawanjom započinał.",
+        "localRecordingStopped": "{{name}} je lokalne nahrawanje skónčił.",
+        "me": "ja",
+        "moderationInEffectCSDescription": "so prošu přizjewić, hdyž chceće widejo dźělić",
+        "moderationInEffectCSTitle": "Widejo je wot moderacije zawrjeny.",
+        "moderationInEffectDescription": "so prošu přizjewić, hdyž chceće rěčeć",
+        "moderationInEffectTitle": "Mikrofon je wot moderacije zawrjeny.",
+        "moderationInEffectVideoDescription": "so prošu přizjewić, hdyž chceće kameru startować",
+        "moderationInEffectVideoTitle": "Kamera je wot moderacije zawrjena.",
+        "moderationRequestFromModerator": "Moderator/ka Was prosy mikrofon aktiwěrować.",
+        "moderationRequestFromParticipant": "chce rěčeć",
+        "moderationStartedTitle": "moderacija startowana",
+        "moderationStoppedTitle": "moderacija zakónčena",
+        "moderationToggleDescription": "wot {{participantDisplayName}}",
+        "moderator": "prawo moderacije přepodać!",
+        "muted": "Němy přistup ke konferency.",
+        "mutedRemotelyDescription": "Móžeće něme šaltowanje kóždy čas skónčić, hdyž chceće rěčeć. Hdyž sće hotowy/a, so prošu zaso němy/u šaltować, zo njeby so konferenca myliła.",
+        "mutedRemotelyTitle": " {{participantDisplayName}} je Was němeho/u šaltował!",
+        "mutedTitle": "Něme šaltowanje aktiwne!",
+        "newDeviceAction": "wužiwać",
+        "newDeviceAudioTitle": "nowy awdijowy nastroj spóznaty",
+        "newDeviceCameraTitle": "nowa kamera spóznata",
+        "oldElectronClientDescription1": "Wužiwaće staru wersiju Jitsi-Meet-klienta. Tuta ma znate słabosće. Prošu aktualizujće na našu.",
+        "oldElectronClientDescription2": "aktualnu wersiju",
+        "oldElectronClientDescription3": "!",
+        "participantWantsToJoin": "chce so na konferency wobdźělić",
+        "participantsWantToJoin": "chcedźa so na konferency wobdźělić",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) bu wot druheho wobdźělnika wotstronjene",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) bu wot druheho wobdźělnika postajene",
+        "raiseHandAction": "so přizjewić",
+        "raisedHand": "{{name}} chce rěčeć.",
+        "raisedHands": "{{participantName}} a {{raisedHands}} dalši chcedźa rěčeć.",
+        "reactionSounds": "zwuki za interakciju aktiwěrować",
+        "reactionSoundsForAll": "zwuki za interakciju za wšěch deaktiwěrować",
+        "screenShareNoAudio": "Opcija \"awdijo dźělić\" njebu při wuzwolenju wokna wuzwolena.",
+        "screenShareNoAudioTitle": "awdijo dźělić njebě wuzwolene",
+        "selfViewTitle": "samowobraz",
+        "somebody": "něchtó",
+        "startSilentDescription": "Přistupńće hišće raz ke konferency, zo byšće móhł/a awdijo aktiwěrować",
+        "startSilentTitle": "Sće bjez awdija přistupił/a!",
+        "suboptimalBrowserWarning": "Wodajće, ale konferenca njebudźe z {{appName}} žane wulkotne dožiwjenje. Spytamy stajnje situaciju polěpšić, ale hač do toho doporučamy wužiwanje jednoho z <a href=\"{{recommendedBrowserPageLink}}\" target=\"_blank\">kompletnje podpěrowanych browserow</a>.",
+        "suboptimalExperienceTitle": "warnowanje browsera",
+        "unmute": "něme šaltowanje zběhnyć",
+        "videoMutedRemotelyDescription": "Móžeće ju kóždy čas zaso zaswěćić.",
+        "videoMutedRemotelyTitle": "Waša kamera bu wot {{participantDisplayName}} hasnjena!",
+        "videoUnmuteBlockedDescription": "Za škit před přećeženjom njemóže so tuchwilu kamera wužiwać.",
+        "videoUnmuteBlockedTitle": "Kamera njemóže so aktiwěrować.",
+        "viewLobby": "lobby wobhladać",
+        "waitingParticipants": "{{waitingParticipants}} wosoby"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "přizwolić",
+            "admitAll": "wšitko přizwolić",
+            "allow": "přitomnym dowolić",
+            "allowVideo": "kameru zaswěčić",
+            "askUnmute": "wo wotstajenje šaltowanja na němosć prosyć",
+            "audioModeration": "šaltowanje na němosć za sebje wotstajić",
+            "blockEveryoneMicCamera": "kameru a mikrofon wšěch zawrěć ",
+            "invite": "wosobu přeprosyć",
+            "moreModerationActions": "dalše opcije moderatora/moderatorki",
+            "moreModerationControls": "dalše opcije moderatora/moderatorki",
+            "moreParticipantOptions": "dalšeopcije za přitomnych",
+            "mute": "něme šaltować",
+            "muteAll": "wšěch němych šaltować",
+            "muteEveryoneElse": "wšěch druhich němych šaltować",
+            "reject": "wotpokazać",
+            "stopEveryonesVideo": "wšitke kamery hasnyć",
+            "stopVideo": "kameru hasnyć",
+            "unblockEveryoneMicCamera": "kameru a mikrofon wšěch wočinić",
+            "videoModeration": "kameru zaspinyć"
+        },
+        "close": "začinić",
+        "headings": {
+            "lobby": "lobby ({{count}})",
+            "participantsList": "přitomni ({{count}})",
+            "waitingLobby": "w lobbyji ({{count}})"
+        },
+        "search": "přitomnych pytać",
+        "title": "přitomni"
+    },
+    "passwordDigitsOnly": "hač do {{number}} cyfrow",
+    "passwordSetRemotely": "wot druheho wobdźělnika postajene",
+    "pinnedParticipant": "wosoba je připinjena",
+    "polls": {
+        "answer": {
+            "skip": "přeskočić",
+            "submit": "składować"
+        },
+        "by": "wot {{ name }}",
+        "create": {
+            "addOption": "wotmołwu přidać",
+            "answerPlaceholder": "wotmołwa {{index}}",
+            "cancel": "přetorhnyć",
+            "create": "naprašowanje zestajić",
+            "pollOption": "wotmołwa {{index}}",
+            "pollQuestion": "prašenje",
+            "questionPlaceholder": "prašenje stajić",
+            "removeOption": "wotmołwu wotstronić",
+            "send": "zestajić"
+        },
+        "errors": {
+            "notUniqueOption": "opcije dyrbja jasne być"
+        },
+        "notification": {
+            "description": "Za wobdźělenje wočińće tab za naprašowanje.",
+            "title": "Tutej konferency bu naprašowanje přidate."
+        },
+        "results": {
+            "changeVote": "wotmołwu změnić",
+            "empty": "Dotal njedawa žane naprašowanje w tutej konferency. Tu móžeće naprašowanje startować!",
+            "hideDetailedResults": "detaily schować",
+            "showDetailedResults": "detaily pokazać",
+            "vote": "vote"
+        }
+    },
+    "poweredby": "poskićene wot",
+    "prejoin": {
+        "audioAndVideoError": "awdijowy a widejowy zmylk:",
+        "audioDeviceProblem": "Eksistuje problem z Wašim awdijowym nastrojom.",
+        "audioOnlyError": "awdijowy zmylk:",
+        "audioTrackError": "Awdijowy trak njemóžeše so zestajić.",
+        "callMe": "mje zawołać",
+        "callMeAtNumber": "Mje pod tutym čisłom zawołać:",
+        "calling": "wołanje",
+        "configuringDevices": "Nastroje so konfigurěruja …",
+        "connectedWithAudioQ": "Sće z awdijom zwjazany/a?",
+        "connection": {
+            "good": "Waš zwisk z internetom je dobry!",
+            "nonOptimal": "Waš zwisk z internetom njeje optimalny.",
+            "poor": "Waš zwisk z internetom je hubjeny."
+        },
+        "connectionDetails": {
+            "audioClipping": "Waš zwuk budźe najskerje jakoćiwy.",
+            "audioHighQuality": "Waš zwuk by dyrbjał wuběrny być.",
+            "audioLowNoVideo": "Waš zwuk budźe najskerje hubjeny a widejo njebudźe fungować.",
+            "goodQuality": "Wulkotnje! Kwalita zwuka a wobraza by dyrbjała wuběrna być.",
+            "noMediaConnectivity": "Za tutón test njemóžeše so žadyn medijowy zwisk natwarić. Pričina je zwjetša firewall abo NAT.",
+            "noVideo": "Waš wobraz změje najskerje hubjenu kwalitu. ",
+            "undetectable": "Jeli maće z Wašim browserom dale ćeže z konferencami, pruwujće prošu zwisk a funkciju wótřerěčaka, mikrofona a kamery. Zawěsćće so tohorunja, zo ma browser trěbne prawa   za přistup k mikrofonej a kamerje, a zo maće najnowšu wersiju browsera. Jeli maće přeco hišće problemy,skontaktujće prošu wuwiwarja programa.",
+            "veryPoorConnection": "Waša kwalita konferency budźe najskerje jara hubjena.",
+            "videoFreezing": "Waš wobraz budźe najskerje zamjerznyć, so čornić a změje snadne rozpušćenje.",
+            "videoHighQuality": "Waš wobraz by dyrbjał dobry być.",
+            "videoLowQuality": "Waš wobraz změje naskerje snadne rozpušćenje a wobrazowospjetnu frekwencu.",
+            "videoTearing": " Waš wobraz změje naskerje snadne rozpušćenje abo artefakty."
+        },
+        "copyAndShare": "Link za konferencu kopěrować & dźělić",
+        "dialInMeeting": "so zawolić",
+        "dialInPin": "Do konferency so zawolić a PIN zapodać:",
+        "dialing": "wolić",
+        "doNotShow": "tutón monitor wjace njepokazać",
+        "errorDialOut": "zmylk při zawołanju",
+        "errorDialOutDisconnected": " zawołanje njebě móžne, zwisk přetorhnjeny",
+        "errorDialOutFailed": " zawołanje njebě móžne ",
+        "errorDialOutStatus": "zmylk při wotwołanju statusa zawołanja",
+        "errorMissingName": "Prošu zapodajće Waše mjeno za přistup konferency.",
+        "errorNoPermissions": "Dyrbiće přistup ke kamerje a mikrofonej dowolić.",
+        "errorStatusCode": "Zawołanje njemóžne. Status: {{status}}",
+        "errorValidation": "zmylk při werifikaciji čisła",
+        "iWantToDialIn": "chcu so zawolić",
+        "initiated": "wolenje startowane",
+        "joinAudioByPhone": "so přez telefon wobdźělić",
+        "joinMeeting": "konferency přistupić",
+        "joinWithoutAudio": "bjez zwuka přistupić",
+        "keyboardShortcuts": "tastaturowe skrótšenki dowolić",
+        "linkCopied": "link kopěrowany",
+        "lookGood": "Waš mikrofon pozdaću funguje.",
+        "or": "abo",
+        "premeeting": "předstwa",
+        "screenSharingError": "zmylk při dopušćenju wužiwanja monitora:",
+        "startWithPhone": "z telefoniskim awdijom startować",
+        "videoOnlyError": "widejowy zmylk:",
+        "videoTrackError": "widejowy trak njebě móžny",
+        "viewAllNumbers": "wšitke čisła pokazać"
+    },
+    "presenceStatus": {
+        "busy": "dźěławy",
+        "calling": "so zawoła …",
+        "connected": "zwjazane",
+        "connecting": "so zwjaza…",
+        "connecting2": "so zwjaza z*…",
+        "disconnected": "dźělene",
+        "expired": "wotběžane",
+        "ignored": "ignorowane",
+        "initializingCall": "wolić…",
+        "invited": "přeprosyć",
+        "rejected": "wotpokazane",
+        "ringing": "zwoni …"
+    },
+    "privacyView": {
+        "title": "datowy škit"
+    },
+    "profile": {
+        "avatar": "wobraz wužiwarja/awatar",
+        "setDisplayNameLabel": "zjawne mjeno postajić",
+        "setEmailInput": "e-mejl zapodać",
+        "setEmailLabel": "e-mejl za gravatara",
+        "title": "profil"
+    },
+    "raisedHand": "ruku zběhnyć",
+    "raisedHandsLabel": "ličba zběhnjenych rukow",
+    "record": {
+        "already": {
+            "linked": "Tuta konferenca je hižo z objektom w Salesforce zwjazana."
+        },
+        "type": {
+            "account": "konto",
+            "contact": "kontakt",
+            "lead": "lead",
+            "opportunity": "sładnosć",
+            "owner": "wobsedźer"
+        }
+    },
+    "recording": {
+        "authDropboxText": "do dropboksy uploadować",
+        "availableSpace": "wužiwajomne městno za składowanje: {{spaceLeft}} MB (někak {{duration}} minutow nahrawanja)",
+        "beta": "BETA",
+        "busy": "Resursy za nahrawanje so přihotuja. Prošu za někotre mjeńšiny znowa spytać.",
+        "busyTitle": "Wšitke instancy za nahrawanje so hižo wužiwaja.",
+        "copyLink": "link kopěrować",
+        "error": "Nahrawanje njeje fungowało. Prošu znowa spytać.",
+        "errorFetchingLink": "Link na nahrawanje njeje so móhł wočinić.",
+        "expandedOff": "nahrawanje stopowane",
+        "expandedOn": "Konferenca so wokomiknje nahrawa.",
+        "expandedPending": "nahrawanje startuje…",
+        "failedToStart": "Nahrawanje njemóžeše so startować.",
+        "fileSharingdescription": "Nahrawanje z wobdźělnikami dźělić",
+        "highlight": "markěrować",
+        "highlightMoment": "wokomik markěrować",
+        "highlightMomentDisabled": "Móžeće wokomiki markěrować, ručež nahrawanje započina.",
+        "highlightMomentSuccess": "markěrowane",
+        "highlightMomentSucessDescription": "Waš markěrowany wokomik so k zjeću konferency přida.",
+        "inProgress": "nahrawanje startowane",
+        "limitNotificationDescriptionNative": " Wulkeje potrjeby dla je Waše nahraće na {{limit}} mjeń. wobmjezowane. Za njewobmjezowane nahraće wužiwajće prošu <3>{{app}}</3>.",
+        "limitNotificationDescriptionWeb": "Wulkeje potrjeby dla je Waše nahrawanje na {{limit}} mjeń. wobmjezowane. Za njewobmjezowane nahrawanje wužiwajće prošu <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "linkGenerated": "link na nahrawanje bu kreěrowany",
+        "live": "LIVE",
+        "localRecordingWarning": "Kedźbujće na to, aktualny tab za prawe widejo a awdijo wužiwać.",
+        "loggedIn": "přizjewjeny/a jako {{userName}} ",
+        "off": "nahrawanje stopowane",
+        "offBy": "{{name}} stopuje nahrawanje",
+        "on": "nahrawanje",
+        "onBy": "{{name}} startuje nahrawanje",
+        "pending": "nahrawanje konferency so přihotuje…",
+        "rec": "NAHR",
+        "saveLocalRecording": "nahrawanje lokalnje składować",
+        "serviceDescription": "Waše nahrawanje so wot nahrawanskeho serwisa składuje.",
+        "serviceDescriptionCloud": "nahrawanje na cloud",
+        "serviceDescriptionCloudInfo": "Nahrwanja so 24 hodźin po nahrawanju awtomatisce wotstronja.",
+        "serviceName": "nahrawanski serwis",
+        "sessionAlreadyActive": "Konferenca so hižo nahrawa.",
+        "signIn": "přizjewić",
+        "signOut": "wotzjewić",
+        "surfaceError": "prošu aktualny tab wužiwać",
+        "title": "nahrawanje",
+        "unavailable": "Ow! {{serviceName}} tuchwilu wužiwajomny njeje. Dźěłamy na rozrisanju problema. Prošu pozdźišo znowa spytać .",
+        "unavailableTitle": "nahrawanje njeje wužiwajomne",
+        "uploadToCloud": "do cloud přenošować"
+    },
+    "screenshareDisplayName": "wobrazowka wot {{name}}",
+    "sectionList": {
+        "pullToRefresh": "ćahnyć za aktualizowanje"
+    },
+    "security": {
+        "about": "Móžeće Wašu konferencu z hesłom škitać. Wobdźělnicy dyrbja tute zapodać, prjedy hač smědźa so na konferency wobdźělić.",
+        "aboutReadOnly": " Moderatorojo móža konferencu z hesłom škitać. Wobdźělnicy dyrbja tute zapodać, prjedy hač smědźa so wobdźělić.",
+        "insecureRoomNameWarning": "Mjeno ruma je njewěste. Njewitani wobdźělnicy móhli Wašej konferency přistupić.",
+        "title": "opcije wěstoty"
+    },
+    "settings": {
+        "calendar": {
+            "about": "Integracija protyki {{appName}} so wužiwa, zo by wěsty přistup k Wašej protyce a wučitanje terminow móžne było. ",
+            "disconnect": "přetorhnjene",
+            "microsoftSignIn": "so z Microsoft přizjewić",
+            "signedIn": "Wokomiknje wužiwa so protyka wot {{email}}. Klikńće na „přetorhnyć“, zo by so přistup k terminam protyki skónčił.",
+            "title": "protyka"
+        },
+        "desktopShareFramerate": "framerate za dźělenje wobrazowki",
+        "desktopShareHighFpsWarning": "Wyša framerate móže so na datowu ratu wuskutkować. Za přewzaće nastajenja dyrbiće dźělenje wobrazowki znowa startować. ",
+        "desktopShareWarning": "Za přewzaće nastajenja dyrbiće dźělenje wobrazowki znowa startować.",
+        "devices": "nastroje",
+        "followMe": "follow-me za wšitkich wobdźělnikow",
+        "framesPerSecond": "fps",
+        "incomingMessage": "powěsć",
+        "language": "rěč",
+        "loggedIn": "jako {{name}} přizjewjeny",
+        "maxStageParticipants": "maksimalna ličba wobdźělnikow, kotraž móže so k hłownej wobrazowce přitynknyć",
+        "microphones": "mikrofon",
+        "moderator": "moderator",
+        "more": "wjace",
+        "name": "mjeno",
+        "noDevice": "žadyn",
+        "participantJoined": "nowy wobdźělnik",
+        "participantLeft": "Wobdźělnik je konferencu wopušćił.",
+        "playSounds": "zwuk za pokazki aktiwěrowany",
+        "reactions": "interakcije",
+        "sameAsSystem": "kaž system ({{label}})",
+        "selectAudioOutput": "wudaće awdija",
+        "selectCamera": "kamera",
+        "selectMic": "mikrofon",
+        "selfView": "samonapohlad",
+        "sounds": "zwuki za pokazki",
+        "speakers": "wótřerěčak",
+        "startAudioMuted": "wšitcy wobdźělnicy němi přistupja",
+        "startReactionsMuted": "zwuk za pokazki za wšěch deaktiwěrować",
+        "startVideoMuted": " wšitcy wobdźělnicy přistupja bjez wideja",
+        "talkWhileMuted": "hdyž so při němje šaltowanju rěči",
+        "title": "nastajenja"
+    },
+    "settingsView": {
+        "advanced": "rozšěrjene",
+        "alertCancel": "přetorhnyć",
+        "alertOk": "ok",
+        "alertTitle": "warnowanje",
+        "alertURLText": "Zapodata URL serwera je njepłačiwa.",
+        "buildInfoSection": "build-informacije",
+        "conferenceSection": "konferenca",
+        "disableCallIntegration": "natiwnu integraciju zawołanja deaktiwěrować",
+        "disableCrashReporting": "rozprawy wo zwrěšćenjach deaktiwěrować",
+        "disableCrashReportingWarning": "Chceće rozprawy wo zwrěšćenjach woprawdźe deaktiwěrować? Tute nastajenje budźe hakle po nowostarće app skutkować.",
+        "disableP2P": "end-to-end - modus deaktiwěrować",
+        "displayName": "pokazane mjeno",
+        "email": "e-mejl",
+        "header": "nastajenja",
+        "profileSection": "profil",
+        "serverURL": "URL serwera",
+        "showAdvanced": "rozšěrene nastajenja pokazać",
+        "startWithAudioMuted": "němy/a přistupić",
+        "startWithVideoMuted": "bjez wideja přistupić",
+        "version": "wersija"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nChceće so jenož na Wašim telefonje zawolić? \n\n{{defaultDialInNumber}}Klikńće na tutón link za pokazanje wšitkich přizjewjenych telefoniskich čisłow tuteje konferency\n{{dialInfoPageUrl}}",
+        "mainText": "Klikńće na slědowacy link za přistup ke konferency:\n{{roomUrl}}"
+    },
+    "speaker": "rěčnik",
+    "speakerStats": {
+        "angry": "hněwny",
+        "disgusted": "so grawacy",
+        "displayEmotions": "emocije pokazać",
+        "fearful": "strachoćiwy",
+        "happy": "wjesoły",
+        "hours": "{{count}}h",
+        "minutes": "{{count}}m",
+        "name": "mjeno",
+        "neutral": "neutralny",
+        "sad": "zrudny",
+        "search": "pytać",
+        "searchHint": "přitomnych pytać",
+        "seconds": "{{count}}s",
+        "speakerStats": "statistika rěčnikow",
+        "speakerTime": "čas rěčnikow",
+        "surprised": "překłapjeny"
+    },
+    "startupoverlay": {
+        "genericTitle": "Konferenca dyrbi Waš mikrofon a kameru wužiwać.",
+        "policyText": " ",
+        "title": "{{app}} trjeba kameru a mikrofon."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "so znowa wobdźělić",
+        "text": "„<i>so znowa wobdźělić</i>“kliknyć za nowe nawjazanje zwiska",
+        "title": "Konferenca bu přetorhnjena, dokelž bu standby-modus aktiwěrowany."
+    },
+    "termsView": {
+        "title": "wuměnjenja za wužiwanje"
+    },
+    "toolbar": {
+        "Settings": "nastajenja",
+        "accessibilityLabel": {
+            "Settings": "nastajenja zapnyć/hasnyć ",
+            "audioOnly": "„jenož awdijo“ zapnyć/hasnyć",
+            "audioRoute": "awdijowy nastroj wuzwolić",
+            "boo": "buh wołać",
+            "breakoutRoom": "do breakout-rumnosće zastupić/wopušćić",
+            "callQuality": "nastajenja kwality",
+            "carmode": "awto modus",
+            "cc": "podtitule zapnyć/hasnyć",
+            "chat": "chat-woknješko pokazać/schować",
+            "clap": "placać",
+            "collapse": "pomjeńšić",
+            "document": "dźěleny dokument začinić",
+            "download": "naše aplikacije downloadować ",
+            "embedMeeting": "konferencu integrować",
+            "expand": "rozšěrić",
+            "feedback": "feedback zawostajić",
+            "fullScreen": "połny wobraz nastajić/hasnyć",
+            "giphy": "GIPHY zapinyć/hasnyć",
+            "grantModerator": "za moderatora postajić",
+            "hangup": "telefonat skónčić",
+            "help": "pomoc",
+            "invite": "wobdźělnika přeprosyć",
+            "kick": " wobdźělnika wuzamknyć",
+            "laugh": "so smjeć",
+            "leaveConference": "konferencu wopušćić",
+            "like": "palc horje",
+            "linkToSalesforce": "ze Salesforce zwjazać",
+            "lobbyButton": "lobby-modus zapnyć/hasnyć",
+            "localRecording": "lokalne nastajenske elementy za nahrawanje zapnyć/hasnyć",
+            "lockRoom": "konferencne hesło zapnyć/hasnyć",
+            "moreActions": "meni „dalše akcije“ zapnyć/hasnyć ",
+            "moreActionsMenu": "meni „dalše akcije“",
+            "moreOptions": "meni „dalše opcije“",
+            "mute": "„awdijo něme stajić“ zapnyć/hasnyć ",
+            "muteEveryone": "wšitkich němych šaltować",
+            "muteEveryoneElse": "wšěch druhich němych šaltować",
+            "muteEveryoneElsesVideoStream": "wšitke druhe kamery hasnyć",
+            "muteEveryonesVideoStream": "wšitke kamery hasnyć",
+            "participants": "přitomni",
+            "pip": "modus wobraz-we-wobrazu zapnyć/hasnyć ",
+            "privateMessage": "priwatne powěsće pósłać",
+            "profile": "profil wobdźěłać",
+            "raiseHand": "„ruku zběhnyć“ zapnyć/hasnyć ",
+            "reactionsMenu": "meni za interakcije wočinić/začinić",
+            "recording": "nahrawanje zapnyć/hasnyć ",
+            "remoteMute": "wobdźělnika němeho šaltować",
+            "remoteVideoMute": "kameru tuteje wosoby hasnyć",
+            "security": "opcije za wěstotu",
+            "selectBackground": "pozadk wuzwolić",
+            "selfView": "samowobraz zaspinyć/hasnyć",
+            "shareRoom": "wosobu přeprosyć",
+            "shareYourScreen": "dowolnosć wužiwanja monitora zapnyć/hasnyć ",
+            "shareaudio": "audio dźělić",
+            "sharedvideo": "dopušćenje za YouTube-widejo zapnyć/hasnyć ",
+            "shortcuts": "tastowe kombinacije pokazać/schować",
+            "show": "prědku pokazać",
+            "silence": "ćichota",
+            "speakerStats": "statistiku rěčnikow pokazać/schować",
+            "surprised": "překłapjeny",
+            "tileView": "kachlicowy napohlad zapnyć/hasnyć",
+            "toggleCamera": "kameru měnić",
+            "toggleFilmstrip": "miniaturowy napohlad zapnyć/hasnyć ",
+            "videoblur": "njejasny widejo zapnyć/hasnyć ",
+            "videomute": "„něme šaltowanje wideja zapnyć/hasnyć "
+        },
+        "addPeople": "wobdźělnika ke konferency přidać",
+        "audioOnlyOff": "modus „jenož awdijo“ deaktiwěrować",
+        "audioOnlyOn": " modus „jenož awdijo“ aktiwěrować ",
+        "audioRoute": "awdijowy nastroj wuzwolić",
+        "audioSettings": "nastajenja za awdijo",
+        "authenticate": "so přizjewić",
+        "boo": "buh wołać",
+        "callQuality": "nastajenja za kwalitu",
+        "chat": "chat wočinić /začinić",
+        "clap": "placać",
+        "closeChat": "chat začinić",
+        "closeReactionsMenu": "meni za interakcije začinić",
+        "disableReactionSounds": "Móžeće zwuki za interakcije za tutu konferencu deaktiwěrować.",
+        "documentClose": "dźěleny dokument začinić",
+        "documentOpen": "dźěleny dokument wočinić",
+        "download": "naše aplikacije downloadować",
+        "e2ee": "zaklučowanje end-to-end",
+        "embedMeeting": "konferencu integrować",
+        "enterFullScreen": "połny wobraz",
+        "enterTileView": " kachlicowy napohlad zapnyć ",
+        "exitFullScreen": "połny wobraz wopušćić",
+        "exitTileView": " kachlicowy napohlad hasnyć",
+        "feedback": "feedback zawostajić",
+        "giphy": "GIPHY zaspinyć/hasnyć",
+        "hangup": "wopušćić",
+        "help": "pomoc",
+        "invite": "wobdźělnika přeprosyć",
+        "joinBreakoutRoom": "do breakout rumnosće měnić",
+        "laugh": "so smjeć",
+        "leaveBreakoutRoom": "breakout rumnosć wopusćić",
+        "leaveConference": "konferencu wopušćić",
+        "like": "palc horje",
+        "linkToSalesforce": "ze Salesforce zwjazać",
+        "lobbyButtonDisable": "lobby-modus deaktiwěrować",
+        "lobbyButtonEnable": "lobby-modus aktiwěrować",
+        "login": "so přizjewić",
+        "logout": "so wotzjewić",
+        "lowerYourHand": "ruku spušćić",
+        "moreActions": "dalše nastajenja",
+        "moreOptions": "dalše opcije",
+        "mute": "něme šaltowanje aktiwěrować / deaktiwěrować",
+        "muteEveryone": "wšitkich němych šaltować",
+        "muteEveryonesVideo": "wšě kamery hasnyć",
+        "noAudioSignalDesc": "Njejsće-li nastroj z wotpohladom přez opcije abo hardware němy šaltowali, přemysliće wo změnje nastroja.",
+        "noAudioSignalDescSuggestion": " Njejsće-li nastroj z wotpohladom přez opcije abo hardware němy šaltowali, přemysliće wo změnje na namjetowany nastroj.",
+        "noAudioSignalDialInDesc": "Móžeće so tež přez čisło zawolić:",
+        "noAudioSignalDialInLinkDesc": "čisła za zawolenje",
+        "noAudioSignalTitle": "Njepřińdźe žadyn signal wot Wašeho mikrofona!",
+        "noisyAudioInputDesc": " Waš mikrofon je jara mylacy! Přemyslujće prošu, hač nochceće jón němy šaltować abo wuměnić.",
+        "noisyAudioInputTitle": "Waš mikrofon je jara mylacy!",
+        "openChat": "chat wočinić",
+        "openReactionsMenu": "interakciski meni wočinić",
+        "participants": "přitomni",
+        "pip": "modus wobraz-we-wobrazu zapnyć",
+        "privateMessage": "priwatnu powěsć pósłać",
+        "profile": "profil wobdźěłać",
+        "raiseHand": "ruku zběhnyć",
+        "raiseYourHand": "so pokazać",
+        "reactionBoo": "buh wołanje pósłać",
+        "reactionClap": "placanje pósłać",
+        "reactionLaugh": "smjećo pósłać",
+        "reactionLike": "palc horje pósłać",
+        "reactionSilence": "mjelčenje pósłać",
+        "reactionSurprised": "być překłapjeny pósłać",
+        "security": "nastajenja za wěstosć",
+        "selectBackground": "pozadk wuzwolić",
+        "shareRoom": "wosobu přeprosyć",
+        "shareaudio": "awdijo dźělić",
+        "sharedvideo": "YouTube-widejo dźělić",
+        "shortcuts": "tastowu skrótšenku pokazać",
+        "silence": "ćichota",
+        "speakerStats": "statistika rěčnikow",
+        "startScreenSharing": "wužiwanje monitora dowolić",
+        "startSubtitles": "podtituly startować",
+        "stopAudioSharing": "dźělenje awdija skónčić",
+        "stopScreenSharing": "dźělenje monitora stopować",
+        "stopSharedVideo": "YouTube-widejo stopować",
+        "stopSubtitles": "podtitule hasnyć",
+        "surprised": "překłapjeny",
+        "talkWhileMutedPopup": "Spytaće Wy rěčeć? Waš mikrofon je němy.",
+        "tileViewToggle": " kachlicowy napohlad zapnyć/hasnyć ",
+        "toggleCamera": "kameru měnić",
+        "videoSettings": "nastajenja za widejo",
+        "videomute": "kameru startować/hasnyć"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "podtitule pokazać/hasnyć",
+        "error": "Nahrawanje njeje fungowało. Prošu spytajće znowa.",
+        "expandedLabel": "transkriběrowanje je aktiwne",
+        "failedToStart": "transkriběrowanje njehodźeše so startować",
+        "labelToolTip": "konferenca so transkriběruje",
+        "off": "transkriběrowanje stopowane",
+        "pending": " transkriběrowanje konferency so přihotuje…",
+        "start": "pokazku podtitulow startować",
+        "stop": " pokazku podtitulow stopować ",
+        "tr": "TR"
+    },
+    "userMedia": {
+        "grantPermissions": "prošu wužiwanje kamery a mikrofona dowolić."
+    },
+    "videoSIPGW": {
+        "busy": "Njesteja žane resursy k dispoziciji. Prošu spytajće pozdźišo znowa.",
+        "busyTitle": "žane swobodne resursy",
+        "errorAlreadyInvited": "{{displayName}} je hižo přeprošeny/a",
+        "errorInvite": "Konferenca njehodźeše so startować. Prošu spytajće pozdźišo znowa.",
+        "errorInviteFailed": "Spytamy problem rozrisać. Prošu spytajće pozdźišo znowa.",
+        "errorInviteFailedTitle": "{{displayName}} njemóžeše so přeprosyć",
+        "errorInviteTitle": "zmylk při nastajenju konferency",
+        "pending": "{{displayName}} bu přeprošeny/a"
+    },
+    "videoStatus": {
+        "adjustFor": "nastajić za:",
+        "audioOnly": "AUD",
+        "audioOnlyExpanded": "Sće w modusu „jenož awdijo“. Tutón modus trjeba mjenje pasmoweje šěrokosće, njewidźiće pak wideja druhich.",
+        "bestPerformance": "najlěpši wukon",
+        "callQuality": "kwalita wideja",
+        "hd": "HD",
+        "hdTooltip": "widejo so pokaza z wysokim rozpušćenjom",
+        "highDefinition": "wysoke rozpušćenje",
+        "highestQuality": "najlěpša kwalita",
+        "labelTooiltipNoVideo": "žadyn widejo",
+        "labelTooltipAudioOnly": "modus „jenož awdijo“ aktiwny",
+        "ld": "LD",
+        "ldTooltip": "widejo so ze snadnym rozpušćenjom pokaza",
+        "lowDefinition": "snadne rozpušćenje",
+        "performanceSettings": "nastajenja kwality",
+        "sd": "SD",
+        "sdTooltip": "widejo so ze stardardnym rozpušćenjom pokazuje",
+        "standardDefinition": "standardne rozpušćenje"
+    },
+    "videothumbnail": {
+        "connectionInfo": "informacije zwjazanja",
+        "domute": "zwuk hasnyć",
+        "domuteOthers": "wšitkich druhich němych šaltować",
+        "domuteVideo": "kameru hasnyć",
+        "domuteVideoOfOthers": "wšitke druhe kamery hasnyć",
+        "flip": "špihelować",
+        "grantModerator": "za moderatora postajić",
+        "hideSelfView": "samowobraz schować",
+        "kick": "wuzamknyć",
+        "moderator": "moderator",
+        "mute": "wobdźělnik je němy",
+        "muted": "němy",
+        "pinToStage": "přityknyć",
+        "remoteControl": " dalokoposłužowanje ",
+        "screenSharing": "wosoba dźěli wobrazowku",
+        "show": "w prědkownym dźělu pokazać",
+        "showSelfView": "samowobraz pokazać",
+        "unpinFromStage": "rozwjazać",
+        "videoMuted": "kamera hasnjena",
+        "videomute": "wobdźělnik je kameru zastajił"
+    },
+    "virtualBackground": {
+        "addBackground": "pozadk přidać",
+        "apply": "wužiwać",
+        "backgroundEffectError": "wuzwolewnje pozadka zwrěšćiło",
+        "blur": "pozadk njejasny",
+        "deleteImage": "wobraz wotstronić",
+        "desktopShare": "wobrazowku dźělić",
+        "desktopShareError": "wobrazowka njemóžeše so dźělić",
+        "image1": "přibrjóh",
+        "image2": "běła neutralna sćěna",
+        "image3": "běła neutralna rumnosć",
+        "image4": "čorna lampa",
+        "image5": "hora",
+        "image6": "lěs",
+        "image7": "schadźenje słónca",
+        "none": "žadyn",
+        "pleaseWait": "wokomik…",
+        "removeBackground": "pozadk wotstronić",
+        "slightBlur": "pozadk snadnje njejasny",
+        "title": "pozadk",
+        "uploadedImage": "uploadowany wobraz {{index}}",
+        "webAssemblyWarning": "WebAssembly so njepodpěra",
+        "webAssemblyWarningDescription": "WebAssembly so njepodpěra"
+    },
+    "volumeSlider": "wolumen nastajić",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "za wobdźělenje dótknyć",
+            "roomname": "mjeno konferency"
+        },
+        "addMeetingName": "mjeno konferency přidać",
+        "appDescription": "Započńmy! Startujće widejo-konferencu z Wašimi kolegami abo hišće lěpje: přeprošće wšitkich, kiž znajeće. {{app}} je kompletnje zaklučowany a 100 %nje žórlowotewrjeny serwis za widejo- konferency, kotryž móžeće přec a wšudźe darmotnje wužiwać – bjez registracije.",
+        "audioVideoSwitch": {
+            "audio": "awdijo",
+            "video": "widejo"
+        },
+        "calendar": "kalender",
+        "connectCalendarButton": "kalender zwjazać",
+        "connectCalendarText": "Zwjazajće Waš kalender, zo by wšitke Waše konferency w {{app}} pokazał. Zasadźće tež {{provider}}-konferency do Wašeho kalendra a startujće z jeničkim klikom.",
+        "enterRoomTitle": "nowu konferencu startować",
+        "getHelp": "pomoc",
+        "go": "startuj",
+        "goSmall": "startuj",
+        "headerSubtitle": "Wěste konferency we wysokej kwaliće",
+        "headerTitle": "Jitsi Meet",
+        "info": "informacije za zawolenje",
+        "jitsiOnMobile": "Jitsi po puću - cyle jednorje našu app downloadować a konferency wšudźe po puću startować",
+        "join": "KREĚROWAĆ / PŘISTUPIĆ",
+        "logo": {
+            "calendar": "protyka",
+            "desktopPreviewThumbnail": "předpokazka za desktop thumbnail",
+            "googleLogo": "Google logo",
+            "logoDeepLinking": "Jitsi Meet logo",
+            "microsoftLogo": "Microsoft logo",
+            "policyLogo": "logo za směrnicy"
+        },
+        "mobileDownLoadLinkAndroid": "Android app download",
+        "mobileDownLoadLinkFDroid": "F-Droid app download",
+        "mobileDownLoadLinkIos": "iOS app download",
+        "moderatedMessage": "Abo <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">rezerwujće sebi konferencnu URL</a>, pod kotrejž sće jenički moderator.",
+        "privacy": "datowy škit",
+        "recentList": "přehlad",
+        "recentListDelete": "zapisk wotstronić",
+        "recentListEmpty": "Waš přehlad konferencow je hišće prózdny. Rěčće z Wašim teamom a Waše zašłe konferency namakaće tule.",
+        "reducedUIText": " {{app}} Was wita!",
+        "roomNameAllowedChars": "Mjeno konferency njesmě žane ze slědowacych znamješkow wobsahować: ?, &, :, ', \", %, #.",
+        "roomname": "mjeno konferency zapodać",
+        "roomnameHint": "Mjeno abo URL konferency, kotrejž chceće přistupić. Móžeće sebi mjeno wumyslić, wone dyrbi so jenož druhim wobdźělnikam posrědkować, zo móhli samsnej konferency přistupić.",
+        "sendFeedback": "feedback pósłać",
+        "startMeeting": "konferencu startować",
+        "terms": "powšitkowne wobchodne postajenja",
+        "title": "Wěste, funkcionalne a čisće darmotne widejo-konferency"
+    }
+}
diff --git a/lang/main-hu.json b/lang/main-hu.json
new file mode 100644
index 0000000..93539b8
--- /dev/null
+++ b/lang/main-hu.json
@@ -0,0 +1,1098 @@
+{
+    "addPeople": {
+        "add": "Meghívás",
+        "countryNotSupported": "Ez a célállomás jelenleg nem támogatott.",
+        "countryReminder": "Ez USA-n kívüli hívás? Országhívószámmal kell kezdődnie!",
+        "disabled": "Nem hívhat meg senkit.",
+        "failedToAdd": "Nem sikerült a résztvevők hozzáadása",
+        "footerText": "A külső tárcsázás le van tiltva.",
+        "loading": "Személyek és telefonszámaik keresése",
+        "loadingNumber": "Telefonszám ellenőrzése",
+        "loadingPeople": "Meghívható személyek keresése",
+        "noResults": "Nincs találat a keresésre",
+        "noValidNumbers": "Adjon meg egy telefonszámot",
+        "searchNumbers": "Telefonszámok hozzáadása",
+        "searchPeople": "Személyek keresése",
+        "searchPeopleAndNumbers": "Személyek keresése vagy telefonszámaik hozzáadása",
+        "telephone": "Telefon: {{number}}",
+        "title": "Személyek meghívása az értekezletre"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "headphones": "Fejhallgató",
+        "none": "Nincsenek elérhető hangeszközök",
+        "phone": "Telefon",
+        "speaker": "Hangszóró"
+    },
+    "audioOnly": {
+        "audioOnly": "Alacsony sávszélesség"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "Pihenőszoba hozzáadása",
+            "autoAssign": "Automatikus hozzárendelés a pihenőszobákhoz",
+            "close": "Bezárás",
+            "join": "Csatlakozás",
+            "leaveBreakoutRoom": "Pihenőszoba elhagyása",
+            "more": "Bővebben",
+            "remove": "Eltávolítás",
+            "sendToBreakoutRoom": "Résztvevő áthelyezése ide:"
+        },
+        "defaultName": "Pihenőszoba #{{index}}",
+        "mainRoom": "Fő szoba",
+        "notifications": {
+            "joined": "Csatlakozva a \"{{name}}\" pihenőszobához",
+            "joinedMainRoom": "Csatlakozva a fő szobához",
+            "joinedTitle": "Pihenőszobák"
+        }
+    },
+    "calendarSync": {
+        "addMeetingURL": "Értekezlet hivatkozásának hozzáadása",
+        "confirmAddLink": "Hozzáadható egy Jitsi hivatkozás az eseményhez?",
+        "error": {
+            "appConfiguration": "A naptárintegráció nincs helyesen konfigurálva.",
+            "generic": "Hiba történt. Ellenőrizze a naptár beállításait vagy próbálja frissíteni a naptárat.",
+            "notSignedIn": "Hiba történt a naptár eseményeihez való hozzáféréshez szükséges azonosítás során. Ellenőrizze a naptár beállításait és próbáljon meg újra belépni."
+        },
+        "join": "Részvétel",
+        "joinTooltip": "Bekapcsolódás az értekezletbe",
+        "nextMeeting": "következő értekezlet",
+        "noEvents": "Nincs következő ütemezett értekezlet.",
+        "ongoingMeeting": "folyamatban lévő értekezlet",
+        "permissionButton": "Beállítások megnyitása",
+        "permissionMessage": "A naptár engedélyezése szükséges az értekezletek applikációban való megtekintéséhez.",
+        "refresh": "Naptár frissítése",
+        "today": "Ma"
+    },
+    "chat": {
+        "enter": "Belépés a szobába",
+        "error": "Hiba: az üzenetet nem sikerült elküldeni. Hiba oka: {{error}}",
+        "fieldPlaceHolder": "Írja ide az üzenetét",
+        "messageTo": "Privát üzenet a felhasználónak: {{recipient}}",
+        "messagebox": "Írja be az üzenetet",
+        "nickname": {
+            "popover": "Becenév kiválasztása",
+            "title": "Adjon meg egy becenevet a csevegés számára",
+            "titleWithPolls": "Adjon meg egy becenevet a csevegés számára"
+        },
+        "noMessagesMessage": "A találkozón még nincsenek üzenetek. Itt kezdhet beszélgetést!",
+        "privateNotice": "Privát üzenet a felhasználónak: {{recipient}}",
+        "sendButton": "Küldés",
+        "tabs": {
+            "chat": "Csevegés",
+            "polls": "Szavazás"
+        },
+        "title": "Csevegés",
+        "titleWithPolls": "Csevegés és szavazás",
+        "you": "te"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Chrome kiterjesztés telepítése",
+        "dontShowAgain": "Ne jelenjen meg újra",
+        "installExtensionText": "Kiterjesztés telepítése a Google Calendar és az Office 365 integrációjához",
+        "raiseHandAction": "Kéz felemelése",
+        "reactionSounds": "Hangok kikapcsolása",
+        "reactionSoundsForAll": "Hangok kikapcsolása mindenkinek"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Kapcsolódás az értekezlethez…"
+    },
+    "connection": {
+        "ATTACHED": "Kapcsolódva",
+        "AUTHENTICATING": "Azonosítás",
+        "AUTHFAIL": "Hitelesítés meghiúsult",
+        "CONNECTED": "Kapcsolódva",
+        "CONNECTING": "Kapcsolódás",
+        "CONNFAIL": "A kapcsolat meghiúsult",
+        "DISCONNECTED": "Szétkapcsolva",
+        "DISCONNECTING": "Szétkapcsolódás",
+        "ERROR": "Hiba",
+        "FETCH_SESSION_ID": "Munkamenet-azonosító beszerzése…",
+        "GET_SESSION_ID_ERROR": "Hiba a munkamenet-azonosítása beszerzése közben: {{code}}",
+        "GOT_SESSION_ID": "Munkamenet-azonosító beszerzése… Kész",
+        "LOW_BANDWIDTH": "{{displayName}} videója le lett kapcsolva a sávszélesség csökkentése érdekében",
+        "RECONNECTING": "Hálózati hiba történt. Újracsatlakozás…"
+    },
+    "connectionindicator": {
+        "address": "Cím:",
+        "bandwidth": "Becsült sávszélesség:",
+        "bitrate": "Bitsebesség:",
+        "bridgeCount": "Kiszolgáló száma: ",
+        "connectedTo": "Kapcsolódva ehhez:",
+        "framerate": "Képkockasebesség:",
+        "less": "Kevesebb megjelenítése",
+        "localaddress": "Helyi cím:",
+        "localaddress_plural": "Helyi címek:",
+        "localport": "Helyi port:",
+        "localport_plural": "Helyi portok:",
+        "more": "Több megjelenítése",
+        "packetloss": "Csomagvesztés:",
+        "quality": {
+            "good": "Jó",
+            "inactive": "Inaktív",
+            "lost": "Elveszett",
+            "nonoptimal": "Nem optimális",
+            "poor": "Silány"
+        },
+        "remoteaddress": "Távoli cím:",
+        "remoteaddress_plural": "Távoli címek:",
+        "remoteport": "Távoli port:",
+        "remoteport_plural": "Távoli portok:",
+        "resolution": "Felbontás:",
+        "status": "Kapcsolat:",
+        "transport": "Átvitel:",
+        "transport_plural": "Átvitelek:"
+    },
+    "dateUtils": {
+        "earlier": "Korábban",
+        "today": "Ma",
+        "yesterday": "Tegnap"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Szükség van a {{app}} mobilapplikációra az értekezlethez való telefonos csatlakozásra.",
+        "description": "Semmi sem történt? Megpróbáltuk az értekezletet a {{app}} asztali alkalmazásban elindítani. Próbálja ezt újra vagy a {{app}} webes applikációban indítani.",
+        "descriptionWithoutWeb": "Semmi sem történt? Megpróbáltuk az értekezletet a {{app}} asztali alkalmazásban elindítani.",
+        "downloadApp": "Applikáció letöltése",
+        "launchWebButton": "Indítás weben",
+        "openApp": "Továbblépés az applikációhoz",
+        "title": "Értekezlet indítása a {{app}} applikációban…",
+        "tryAgainButton": "Újbóli próbálkozás az asztali változatban"
+    },
+    "defaultLink": "pl.: {{url}}",
+    "defaultNickname": "pl.: Minta Miklós",
+    "deviceError": {
+        "cameraError": "A kamerához való hozzáférés meghiúsult",
+        "cameraPermission": "Hiba történt a kamera engedélyeztetése során",
+        "microphoneError": "A mikrofonhoz való hozzáférés meghiúsult",
+        "microphonePermission": "Hiba történt a mikrofon engedélyeztetése során"
+    },
+    "deviceSelection": {
+        "noPermission": "Nem lett engedélyezve",
+        "previewUnavailable": "Nincs előnézet",
+        "selectADevice": "Eszköz kijelölése",
+        "testAudio": "Teszthang lejátszása"
+    },
+    "dialOut": {
+        "statusMessage": "jelenleg {{status}}"
+    },
+    "dialog": {
+        "Back": "Vissza",
+        "Cancel": "Mégsem",
+        "IamHost": "Én vagyok a szervező",
+        "Ok": "Ok",
+        "Remove": "Eltávolítás",
+        "Share": "Megosztás",
+        "Submit": "Elküldés",
+        "WaitForHostMsg": "A konferencia még nem kezdődött meg. Ha Ön a házigazda, akkor hitelesítse magát. Ellenkező esetben, kérjük várjon a házigazda érkezésére.",
+        "WaitForHostNoAuthMsg": "A konferencia még nem kezdődött el, mert nincs elérhető moderátor. Kérlek várj.",
+        "WaitingForHost": "Várakozás a házigazdára…",
+        "Yes": "Igen",
+        "accessibilityLabel": {
+            "liveStreaming": "Élő közvetítés"
+        },
+        "allow": "Engedélyez",
+        "alreadySharedVideoMsg": "Egy másik résztvevő is videót oszt meg. E konferencia számára csak egy videomegosztás engedélyezett.",
+        "alreadySharedVideoTitle": "Egyszerre csak egy videomegosztás engedélyezése",
+        "applicationWindow": "Alkalmazásablak",
+        "cameraConstraintFailedError": "A kamera nem felel meg bizonyos kikötéseknek.",
+        "cameraNotFoundError": "Nem található kamera.",
+        "cameraNotSendingData": "Nem sikerült hozzáférni kamerához. Kérem, ellenőrizze, hogy egy másik alkalmazás nem használja-e a kamerát, vagy tessék egy másik eszköz kijelölni a beállítások menüben vagy esetleg érdemes újratölteni az applikációt.",
+        "cameraNotSendingDataTitle": "Nem lehet hozzáférni a kamerához",
+        "cameraPermissionDeniedError": "Nem adott engedélyt a kamera használatához. Csatlakozhat a beszélgetéshez, de a többiek nem fogják Önt látni. A címsorban lévő kamera ikonnal lehet ezt helyrehozni.",
+        "cameraUnknownError": "Ismeretlen ok miatt nem lehet a kamerát használni.",
+        "cameraUnsupportedResolutionError": "A kamera nem támogatja a szükséges videofelbontást.",
+        "close": "Bezárás",
+        "conferenceDisconnectMsg": "Ellenőrizni kellene a hálózati kapcsolatokat. Újracsatlakozás {{seconds}} másodperc múlva…",
+        "conferenceDisconnectTitle": "Lecsatlakozott.",
+        "conferenceReloadMsg": "Próbálkozás a hiba javítására. Újracsatlakozás {{seconds}} másodperc múlva…",
+        "conferenceReloadTitle": "Sajnos valami félresikerült.",
+        "confirm": "Megerősítés",
+        "confirmNo": "Nem",
+        "confirmYes": "Igen",
+        "connectError": "Hoppá! Valami elromlott és nem lehetett kapcsolódni a konferenciához.",
+        "connectErrorWithMsg": "Hoppá! Valami elromlott és nem lehetett kapcsolódni a konferenciához: {{msg}}",
+        "connecting": "Kapcsolódás",
+        "contactSupport": "Ügyfélszolgálat",
+        "copy": "Másolás",
+        "dismiss": "Elutasítás",
+        "displayNameRequired": "Helló! Mi a neve?",
+        "done": "Kész",
+        "e2eeDescription": "A végpontok közötti titkosítás jelenleg KÍSÉRLETES. Ne feledje, hogy a végpontok közötti titkosítás bekapcsolása hatékonyan letiltja a szerveroldali szolgáltatásokat, például: telefonos részvételt. Ne feledje azt is, hogy az értekezlet csak olyan felhasználók számára működik, akik olyan böngészőkből csatlakoznak, amelyek támogatják a beilleszthető adatfolyamokat.",
+        "e2eeLabel": "Végpontok közötti titkosítás engedélyezése",
+        "embedMeeting": "Meeting beágyazása",
+        "enterDisplayName": "Adja meg a nevét",
+        "error": "Hiba",
+        "externalInstallationMsg": "Telepíteni kell a munkaasztal megosztására való kiterjesztést.",
+        "externalInstallationTitle": "Kiterjesztésre van szükség",
+        "goToStore": "Ugrás az alkalmazásbolthoz",
+        "gracefulShutdown": "Jelenleg a szolgáltatás karbantartás miatt nem elérhető. Később próbálja meg ismét.",
+        "grantModeratorDialog": "Biztos, hogy moderátori jogokat kíván adni a következőnek: {{participantName}}?",
+        "grantModeratorTitle": "Moderátori jogok megadása",
+        "hideShareAudioHelper": "Ne mutassa ezt az ablakot többé",
+        "incorrectPassword": "Helytelen felhasználói név és jelszó",
+        "incorrectRoomLockPassword": "Helytelen jelszó",
+        "inlineInstallExtension": "Telepítés azonnal",
+        "inlineInstallationMsg": "Telepíteni kell a munkaasztal megosztására való kiterjesztést.",
+        "internalError": "Hoppá! Valami elromlott. Az alábbi hiba történt: {{error}}",
+        "internalErrorTitle": "Belső hiba",
+        "kickMessage": "További részletek kérhetők a {{participantDisplayName}} résztvevőtől.",
+        "kickParticipantButton": "Kirúgás",
+        "kickParticipantDialog": "Valóban kirúgható ez a résztvevő?",
+        "kickParticipantTitle": "Résztvevő kirúgása?",
+        "kickTitle": "Jaj! {{participantDisplayName}} kirúgta Önt az értekezletről",
+        "liveStreaming": "Élő közvetítés",
+        "liveStreamingDisabledForGuestTooltip": "A vendégek nem kezdhetnek élő közvetítést.",
+        "liveStreamingDisabledTooltip": "Az élő közvetítés indítása le van tiltva.",
+        "lockMessage": "A konferencia zárolása meghiúsult.",
+        "lockRoom": "Értekezlet $t(lockRoomPasswordUppercase) hozzáadása",
+        "lockTitle": "Zárolás meghiúsult",
+        "logoutQuestion": "Valóban ki akar lépni és leállítja a konferenciát?",
+        "logoutTitle": "Kilépés",
+        "maxUsersLimitReached": "A lehetséges résztvevők maximális száma elérve. A konferencia tele van. Lépjen kapcsolatba az értekezlet tulajdonosával vagy próbálkozzon később!",
+        "maxUsersLimitReachedTitle": "A lehetséges résztvevők maximális száma elérve",
+        "micConstraintFailedError": "A mikrofon nem felel meg bizonyos kikötéseknek.",
+        "micNotFoundError": "A mikrofon nem található.",
+        "micNotSendingData": "A számítógép beállításai között kell visszahangosítani a mikrofont vagy beállítani a hangfelvétel szintjét",
+        "micNotSendingDataTitle": "A mikrofon le van némítva a rendszerbeállításokban",
+        "micPermissionDeniedError": "Nem adott engedélyt a mikrofon használatához. Csatlakozhat a beszélgetéshez, de a többiek nem fogják Önt hallani. A címsorban lévő kamera ikonnal lehet ezt helyrehozni.",
+        "micUnknownError": "Ismeretlen ok miatt nem lehet a mikrofont használni.",
+        "moderationAudioLabel": "Engedélyezze a résztvevőknek saját némításuk feloldását",
+        "moderationVideoLabel": "Engedélyezze a résztvevőknek saját kamerájuk elindítását",
+        "muteEveryoneDialog": "Valóban mindenki elnémítható? Nem fogja tudni visszahangosítani, de ő önmagát bármikor vissza tudja majd hangosítani.",
+        "muteEveryoneElseDialog": "Némítás után már nem fogja tudni visszahangosítani, de ő önmagát bármikor vissza tudja hangosítani.",
+        "muteEveryoneElseTitle": "Mindenki elnémítása, kivéve: {{whom}}?",
+        "muteEveryoneElsesVideoDialog": "A kamera letiltása után nem tudja újra bekapcsolni, de ők bármikor újra bekapcsolhatják.",
+        "muteEveryoneElsesVideoTitle": "Mindenki kamerájának tilátsa, kivéve {{whom}}?",
+        "muteEveryoneSelf": "önmagamat",
+        "muteEveryoneStartMuted": "Mindenki elnémítva kezd ezután",
+        "muteEveryoneTitle": "Mindenki elnémítása?",
+        "muteEveryonesVideoDialog": "A résztvevők bármikor be tudják kapcsolni a kamerájukat.",
+        "muteEveryonesVideoDialogModerationOn": "A résztvevők bármikor kérhetik videójuk bekapcsolását.",
+        "muteEveryonesVideoTitle": "Minden résztvevő kameráját leállítja?",
+        "muteParticipantBody": "Nem fogja tudni visszahangosítani, de ő önmagát bármikor vissza tudja majd hangosítani.",
+        "muteParticipantButton": "Némítás",
+        "muteParticipantDialog": "Valóban elnémítható ez a résztvevő? Nem fogja tudni visszahangosítani, de ő önmagát bármikor vissza tudja majd hangosítani.",
+        "muteParticipantTitle": "Elnémítható a résztvevő?",
+        "muteParticipantsVideoBody": "Ön nem tudja újra bekapcsolni a kamerát, de ők bármikor újra bekapcsolhatják.",
+        "muteParticipantsVideoButton": "Kamera leállítása",
+        "muteParticipantsVideoDialog": "Biztosan le akarja tiltani ennek a résztvevőnek a kameráját? Ön nem tudja újra bekapcsolni a kamerát, de ők bármikor újra bekapcsolhatják.",
+        "muteParticipantsVideoDialogModerationOn": "Are you sure you want to turn off this participant's camera? You won't be able to turn the camera back on and neither will they.",
+        "muteParticipantsVideoTitle": "Letiltja ennek a résztvevőnek a kameráját?",
+        "password": "Jelszó",
+        "passwordLabel": "Az értekezletet zárolta egy résztvevő. Csatlakozáshoz adja meg a $t(lockRoomPassword).",
+        "passwordNotSupported": "Az értekezlet $t(lockRoomPassword) beállítása nem támogatott.",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) nem támogatott",
+        "passwordRequired": "$t(lockRoomPasswordUppercase) szükséges",
+        "popupError": "A böngésző blokkolja a felugró ablakokat ezen az oldalon. Engedélyezze a böngésző biztonsági beállításaiban a felugró ablakokat és próbálja újra.",
+        "popupErrorTitle": "Felugró ablak blokkolva",
+        "recording": "Felvétel",
+        "recordingDisabledForGuestTooltip": "Vendég nem indíthat felvételt.",
+        "recordingDisabledTooltip": "Felvétel rögzítése letiltva.",
+        "rejoinNow": "Újracsatlakozás azonnal",
+        "remoteControlAllowedMessage": "{{user}} elfogadta az Ön távoli vezérlési kérését!",
+        "remoteControlDeniedMessage": "{{user}} visszautasította az Ön távoli vezérlési kérését!",
+        "remoteControlErrorMessage": "Hiba történt a résztvevőhöz {{user}} intézett távoli vezérlési kérés küldése közben!",
+        "remoteControlRequestMessage": "Engedélyezi {{user}} résztvevőnek, hogy távolról vezérelje a munkaasztalt?",
+        "remoteControlShareScreenWarning": "Vegye figyelembe, hogy ha megnyomja az „Engedélyezés” lehetőséget, akkor megosztja a képernyőt!",
+        "remoteControlStopMessage": "A távoli munkamenet irányítása befejeződött!",
+        "remoteControlTitle": "Távoli asztal vezérlése",
+        "remoteUserControls": "{{username}} vezérlői",
+        "removePassword": "$t(lockRoomPassword) eltávolítása",
+        "removeSharedVideoMsg": "Valóban eltávolítható a megosztott videó?",
+        "removeSharedVideoTitle": "Megosztott videó eltávolítása",
+        "reservationError": "Foglalási rendszerhiba",
+        "reservationErrorMsg": "Hibakód: {{code}}, üzenet: {{msg}}",
+        "retry": "Újra",
+        "screenSharingAudio": "Hang megosztása",
+        "screenSharingFailedToInstall": "Hoppá! A képernyőmegosztó kiterjesztés telepítése meghiúsult.",
+        "screenSharingFailedToInstallTitle": "A képernyőmegosztó kiterjesztés telepítése meghiúsult",
+        "screenSharingFirefoxPermissionDeniedError": "Valami elromlott a képernyőmegosztás indítása közben. Ellenőrizze, hogy megadta-e a szükséges engedélyeket. ",
+        "screenSharingFirefoxPermissionDeniedTitle": "Hoppá! Nem sikerült a képernyőmegosztás indítása!",
+        "screenSharingPermissionDeniedError": "Hoppá! Valami elromlott a képernyőmegosztás kiterjesztés jogosultságaival. Töltse újra és kísérelje meg újra.",
+        "sendPrivateMessage": "Nemrég egy csak Önnek szóló üzenete érkezett. A válaszát privát üzenetként, vagy inkább az egész csoportnak akarja elküldeni?",
+        "sendPrivateMessageCancel": "Küldés a csoportnak",
+        "sendPrivateMessageOk": "Küldés privátban",
+        "sendPrivateMessageTitle": "Privátban legyen elküldve?",
+        "serviceUnavailable": "Szolgáltatás nem elérhető",
+        "sessTerminated": "Hívás megszakadt",
+        "shareAudio": "Tovább",
+        "shareAudioTitle": "Hang megosztása",
+        "shareVideoLinkError": "Adjon meg egy helyes linket.",
+        "shareVideoTitle": "Videó megosztása",
+        "shareYourScreen": "Képernyő megosztása",
+        "shareYourScreenDisabled": "Képernyőmegosztás letiltva.",
+        "shareYourScreenDisabledForGuest": "Vendég nem végezhet képernyőmegosztást.",
+        "sharedVideoLinkPlaceholder": "YouTube link vagy közvetlen videó link",
+        "startLiveStreaming": "Élő közvetítés kezdése",
+        "startRecording": "Felvétel indítása",
+        "startRemoteControlErrorMessage": "Hiba történt a távoli vezérlés munkamenetének indítása közben!",
+        "stopLiveStreaming": "Élő közvetítés leállítása",
+        "stopRecording": "Felvétel leállítása",
+        "stopRecordingWarning": "Valóban leállítható a felvétel?",
+        "stopStreamingWarning": "Valóban leállítható az élő közvetítés?",
+        "streamKey": "Élő közvetítés kulcsa",
+        "thankYou": "Köszönjük a {{appName}} használatát!",
+        "token": "jelsor",
+        "tokenAuthFailed": "Sajnáljuk, a csatlakozása nem megengedett ehhez a híváshoz.",
+        "tokenAuthFailedTitle": "Hitelesítés meghiúsult",
+        "transcribing": "Átirat készítése",
+        "unlockRoom": "Értekezlet $t(lockRoomPassword) eltávolítása",
+        "userPassword": "felhasználói jelszó",
+        "videoLink": "Videó link",
+        "yourEntireScreen": "A teljes képernyő"
+    },
+    "documentSharing": {
+        "title": "Megosztott dokumentum"
+    },
+    "feedback": {
+        "average": "Átlag",
+        "bad": "Rossz",
+        "detailsLabel": "Osszon meg velünk többet erről.",
+        "good": "Jó",
+        "rateExperience": "Értékeld az értekezlet élményét",
+        "veryBad": "Nagyon rossz",
+        "veryGood": "Nagyon jó"
+    },
+    "helpView": {
+        "title": "Súgó"
+    },
+    "incomingCall": {
+        "answer": "Válasz",
+        "audioCallTitle": "Bejövő hívás",
+        "decline": "Elutasítás",
+        "productLabel": "a Jitsi Meettől",
+        "videoCallTitle": "Bejövő videohívás"
+    },
+    "info": {
+        "accessibilityLabel": "Információk megjelenítése",
+        "addPassword": "$t(lockRoomPassword) hozzáadása",
+        "cancelPassword": "$t(lockRoomPassword) törlése",
+        "conferenceURL": "Hivatkozás:",
+        "country": "Ország",
+        "dialANumber": "Az értekezlethez való csatlakozáshoz ezeket a számokat kell feltárcsázni és a PIN-kódot megadni.",
+        "dialInConferenceID": "PIN-kód:",
+        "dialInNotSupported": "Sajnáljuk, a tárcsázás jelenleg nem támogatott.",
+        "dialInNumber": "Betárcsázás:",
+        "dialInSummaryError": "Hiba a betárcsázási információk lekérdezése közben. Később érdemes újra próbálkozni.",
+        "dialInTollFree": "Ingyenes",
+        "genericError": "Hoppá, valami elromlott.",
+        "inviteLiveStream": "Az értekezlet élő közvetítésének megtekintése: {{url}}",
+        "invitePhone": "Telefonról való csatlakozáshoz ezeket kell tárcsázni: {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Más betárcsázási számot keres?\nLásd az értekezlet betárcsázási számait: {{url}}\n\n\nHa termi telefonon keresztül tárcsáz, csatlakozhat hang nélkül is: {{silentUrl}}",
+        "inviteURLFirstPartGeneral": "Önt meghívták egy értekezletre.",
+        "inviteURLFirstPartPersonal": "{{name}} meghívta Önt egy értekezletre.\n",
+        "inviteURLSecondPart": "\nCsatlakozás az értekezlethez:\n{{url}}\n",
+        "label": "Értekezlet információi",
+        "liveStreamURL": "Élő közvetítés:",
+        "moreNumbers": "További számok",
+        "noNumbers": "Nincsenek betárcsázási számok.",
+        "noPassword": "Nincs",
+        "noRoom": "Nem volt szoba megadva, amelybe be lehetne lépni.",
+        "numbers": "Betárcsázási számok",
+        "password": "$t(lockRoomPasswordUppercase):",
+        "title": "Megosztás",
+        "tooltip": "Az értekezlet hivatkozásának és behívó információinak megosztása"
+    },
+    "inlineDialogFailure": {
+        "msg": "Hiba történt.",
+        "retry": "Újrapróbálkozás",
+        "support": "Támogatás",
+        "supportMsg": "Ismételt hiba esetén érdemes kapcsolatba lépnie"
+    },
+    "inviteDialog": {
+        "alertText": "Néhány résztvevő meghívása meghiúsult.",
+        "header": "Meghívás",
+        "searchCallOnlyPlaceholder": "Telefonszám megadása",
+        "searchPeopleOnlyPlaceholder": "Résztvevők keresése",
+        "searchPlaceholder": "Résztvevő vagy telefonszám",
+        "send": "Küldés"
+    },
+    "keyboardShortcuts": {
+        "focusLocal": "Fókusz a saját videómra",
+        "focusRemote": "Fókusz egy másik személy videójára",
+        "fullScreen": "Belépés vagy kilépés a teljes képernyőből",
+        "keyboardShortcuts": "Gyorsbillentyűk",
+        "localRecording": "Helyi rögzítési vezérlőelemek megjelenítése vagy elrejtése",
+        "mute": "Mikrofon némítása vagy visszahangosítása",
+        "pushToTalk": "Nyomd, hogy beszélj (adó-vevő)",
+        "raiseHand": "Kéz felemelése vagy leengedése",
+        "showSpeakerStats": "Beszéd statisztikák megjelenítése",
+        "toggleChat": "Csevegés megnyitása vagy bezárása",
+        "toggleFilmstrip": "Videó bélyegképek megjelenítése vagy elrejtése",
+        "toggleParticipantsPane": "A résztvevők panel megjelenítése vagy elrejtése",
+        "toggleScreensharing": "Váltás kamera és képernyőmegosztás között",
+        "toggleShortcuts": "Gyorsbillentyűk megjelenítése vagy elrejtése",
+        "videoMute": "Kamera elindítása vagy leállítása",
+        "videoQuality": "Hívás minőségének kezelése"
+    },
+    "largeVideo": {
+        "screenIsShared": "Ön megosztja a képernyőjét",
+        "showMeWhatImSharing": "Látni szeretném mit osztok meg"
+    },
+    "liveStreaming": {
+        "busy": "Dolgozunk a közvetítési erőforrások felszabadításán. Kísérelje meg újra néhány perc múlva.",
+        "busyTitle": "Jelenleg minden közvetítő foglalt",
+        "changeSignIn": "Fiók váltása.",
+        "choose": "Élő közvetítés kijelölése",
+        "chooseCTA": "Válasszon egy közvetítési opciót. Ön jelenleg {{email}} címmel van belépve.",
+        "enterStreamKey": "Adja meg itt a YouTube élő közvetítési kulcsot.",
+        "error": "Az élő közvetítés meghiúsult. Próbálja újra.",
+        "errorAPI": "Hiba történt a YouTube adás elérése közben. Próbáljon meg újra belépni.",
+        "errorLiveStreamNotEnabled": "Az élő közvetítés nincs engedélyezve ezzel az email címmel: {{email}}. Engedélyezze az élő közvetítést vagy lépjen be egy másik felhasználóval, ahol az engedélyezve van.",
+        "expandedOff": "Az élő közvetítés leállt",
+        "expandedOn": "Az értekezlet jelenleg közvetítve van a YouTube-on.",
+        "expandedPending": "Az élvő közvetítés elindult…",
+        "failedToStart": "Az élvő közvetítés indítása meghiúsult",
+        "getStreamKeyManually": "Nem lehet semmilyen élő közvetítést letölteni. Az élő közvetítéshez szükséges kulcsot a Youtube-tól lehet beszerezni.",
+        "googlePrivacyPolicy": "Google adatvédelmi irányelvek",
+        "invalidStreamKey": "Az élő közvetítési kulcs valószínűleg hibás.",
+        "off": "Élő közvetítés leállt",
+        "offBy": "{{name}} leállította az élő közvetítést",
+        "on": "Élő közvetítés",
+        "onBy": "{{name}} elindította az élő közvetítést",
+        "pending": "Élő közvetítés kezdése…",
+        "serviceName": "Élő közvetítési szolgáltatás",
+        "signIn": "Bejelentkezés a Google-lel",
+        "signInCTA": "Jelentkezzen be vagy adja meg a élő közvetítési kulcsot a YouTube-ról.",
+        "signOut": "Kilépés",
+        "signedInAs": "Jelenleg bejelentkezve mint:",
+        "start": "Élő közvetítés kezdése",
+        "streamIdHelp": "Mi ez?",
+        "title": "Élő közvetítés",
+        "unavailableTitle": "Élő közvetítés elérhetetlen",
+        "youtubeTerms": "YouTube szolgáltatási feltételek"
+    },
+    "lobby": {
+        "allow": "Engedélyez",
+        "backToKnockModeButton": "Csatlakozási kérelem küldése",
+        "chat": "Chat",
+        "dialogTitle": "Lobby mód",
+        "disableDialogContent": "A lobby mód jelenleg elérhető. Lehetőséged van csak azokat behívni a megbeszélésre, akik erre jogosultak általad. Szeretnéd kikapcsolni?",
+        "disableDialogSubmit": "Elutasítás",
+        "emailField": "Írd be az email címed",
+        "enableDialogPasswordField": "Jelszó megadása (választható)",
+        "enableDialogSubmit": "Elfogadás",
+        "enableDialogText": "A Lobby mód lehetővé teszi a megbeszélés védelmét azáltal, hogy csak a moderátor hivatalos jóváhagyása után engedi be az embereket.",
+        "enterPasswordButton": "Adja meg az értekezlet jelszavát",
+        "enterPasswordTitle": "Adja meg a jelszót az értekezlethez való csatlakozáshoz",
+        "errorMissingPassword": "Kérjük, adja meg az értekezlet jelszavát",
+        "invalidPassword": "Helytelen jelszó",
+        "joinRejectedMessage": "Csatlakozási kérelmét egy moderátor elutasította.",
+        "joinRejectedTitle": "Csatlakozási kérelem elutasítva.",
+        "joinTitle": "Csatlakozás az értekezlethez",
+        "joinWithPasswordMessage": "Csatlakozás jelszóval, kérjük várjon…",
+        "joiningMessage": "Amint valaki elfogadja kérését, csatlakoztatjuk az értekezlethez",
+        "joiningTitle": "Értekezlethez csatlakozás kérése…",
+        "joiningWithPasswordTitle": "Csatlakozás jelszóval…",
+        "knockButton": "Csatlakozási kérelem küldése",
+        "knockTitle": "Valaki szeretne csatlakozni az értekezlethez",
+        "nameField": "Adja meg a nevét",
+        "notificationLobbyAccessDenied": "{{targetParticipantName}} elutasításra került a csatlakozásod {{originParticipantName}} által",
+        "notificationLobbyAccessGranted": "{{targetParticipantName}} a csatlakozozásod elfogadva lett {{originParticipantName}} által",
+        "notificationLobbyDisabled": "Lobby tiltva lett {{originParticipantName}} által.",
+        "notificationLobbyEnabled": "Lobby engedélyezve lett {{originParticipantName}} által.",
+        "notificationTitle": "Lobby",
+        "passwordField": "Adja meg az értekezlet jelszavát",
+        "passwordJoinButton": "Csatlakozás",
+        "toggleLabel": "Lobby engedélyezése"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Kikapcsolva",
+            "on": "Bekapcsolva",
+            "unknown": "Ismeretlen"
+        },
+        "dialogTitle": "Helyi felvétel vezérlőelemei",
+        "duration": "Időtartam",
+        "durationNA": "N/A",
+        "encoding": "Kódolás",
+        "label": "HeF",
+        "labelToolTip": "Helyi felvétel aktiválva",
+        "localRecording": "Helyi felvétel",
+        "me": "Én",
+        "messages": {
+            "engaged": "Helyi felvétel aktiválva.",
+            "finished": "A {{token}} rögzítési munkamenet befejeződött. Küldje el a rögzített fájlt a moderátornak.",
+            "finishedModerator": "A {{token}} rögzítési munkamenet befejeződött. A helyi sáv rögzítésre került. Kérje el a többi résztvevőtől, amit rögzítettek.",
+            "notModerator": "Ön nem moderátor. Nem tudja elindítani vagy leállítani a helyi felvételt."
+        },
+        "moderator": "Moderátor",
+        "no": "Nem",
+        "participant": "Résztvevő",
+        "participantStats": "Résztvevői statisztika",
+        "sessionToken": "Munkamenet jelsor",
+        "start": "Felvétel indítása",
+        "stop": "Felvétel leállítása",
+        "yes": "Igen"
+    },
+    "lockRoomPassword": "jelszó",
+    "lockRoomPasswordUppercase": "Jelszó",
+    "lonelyMeetingExperience": {
+        "button": "Mások meghívása",
+        "youAreAlone": "Egyedül van ezen az értekezleten"
+    },
+    "me": "én",
+    "notify": {
+        "connectedOneMember": "{{name}} bekapcsolódott az értekezletbe",
+        "connectedThreePlusMembers": "{{name}} és {{count}} másik résztvevő kapcsolódott az értekezlethez",
+        "connectedTwoMembers": "{{first}} és {{second}} bekapcsolódott az értekezletbe",
+        "disconnected": "szétkapcsolva",
+        "focus": "Konferencia fókusza",
+        "focusFail": "{{component}} nem elérhető – újrapróbálkozás {{ms}} másodperc múlva",
+        "grantedTo": "Moderátori jogok biztosítva {{to}} számára!",
+        "hostAskedUnmute": "Kérlek hangosítsd vissza a mikrofonod.",
+        "invitedOneMember": "{{name}} meg lett hívva",
+        "invitedThreePlusMembers": "{{name}} és {{count}} másik felhasználó meg lett hívva",
+        "invitedTwoMembers": "{{first}} és {{second}} lett meghívva",
+        "kickParticipant": "{{kicked}} résztvevőt kirúgta {{kicker}}",
+        "leftOneMember": "{{name}} elhagyta az értekezletet",
+        "leftThreePlusMembers": "{{name}} és mások elhagyták az értekezletet",
+        "leftTwoMembers": "{{first}} és {{second}} elhagyták az értekezletet",
+        "localRecordingStarted": "{{name}} elkezdte rögzíteni az értekezletet.",
+        "localRecordingStopped": "{{name}} leállította a rögzítést.",
+        "me": "Én",
+        "moderationInEffectTitle": "A moderátor elnémította a mikrofonját",
+        "moderator": "Moderátori jogok biztosítva!",
+        "muted": "A beszélgetést elnémítva kezdte meg.",
+        "mutedRemotelyDescription": "Bármikor visszahangosíthatja magát, ha készen áll a beszédre. Némítsa le magát ismét, ha a felesleges zajoktól meg kívánja védeni az értekezletet.",
+        "mutedRemotelyTitle": "{{participantDisplayName}} elnémította Önt!",
+        "mutedTitle": "Le lett némítva!",
+        "newDeviceAction": "Alkalmaz",
+        "newDeviceAudioTitle": "Új hangeszköz észlelve",
+        "newDeviceCameraTitle": "Új kamera észlelve",
+        "noiseSuppressionFailedTitle": "Nem sikerült elindítani a zajcsökkentést",
+        "noiseSuppressionNoTrackDescription": "Kérjük, először kapcsolja ki a mikrofon némítását.",
+        "noiseSuppressionStereoDescription": "A sztereó zajcsökkentés jelenleg nem támogatott.",
+        "participantWantsToJoin": "Csatlakozni szeretne az értekezlethez",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) egy másik résztvevő által eltávolítva",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) egy másik résztvevő által beállítva",
+        "raisedHand": "{{name}} beszélni szeretne.",
+        "somebody": "Valaki",
+        "startSilentDescription": "Csatlakozzon újra a hang engedélyezéséhez",
+        "startSilentTitle": "Hang nélkül csatlakozott!",
+        "suboptimalBrowserWarning": "Sajnáljuk, de nem nagy élmény így csatlakozni a konferenciához. Keressük a megoldást, de addig is, érdemes inkább egy <a href='{{recommendedBrowserPageLink}}' target='_blank'>teljesen támogatott böngészővel</a> csatlakozni.",
+        "suboptimalExperienceTitle": "Böngészőhiba",
+        "unmute": "Visszahangosítás"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "Engedélyezés",
+            "admitAll": "Mindet engedélyez",
+            "allow": "Engedélyezés a résztvevőknek, hogy:",
+            "allowVideo": "Videó engedélyezése",
+            "askUnmute": "Kérje a némítás feloldását",
+            "audioModeration": "A némítást feloldhassák",
+            "blockEveryoneMicCamera": "Block everyone's mic and camera",
+            "invite": "Meghívás",
+            "moreModerationActions": "További moderálási opciók",
+            "moreModerationControls": "További moderálási vezérlők",
+            "moreParticipantOptions": "Résztvevő további beállításai",
+            "mute": "Némítás",
+            "muteAll": "Mindenkit elnémít",
+            "muteEveryoneElse": "Mute everyone else",
+            "reject": "Elutasít",
+            "stopEveryonesVideo": "Mindenki videójának leállítása",
+            "stopVideo": "Videó leállítása",
+            "unblockEveryoneMicCamera": "Unblock everyone's mic and camera",
+            "videoModeration": "Elindíthassák a videójukat"
+        },
+        "close": "Bezár",
+        "header": "Résztvevők",
+        "headings": {
+            "lobby": "Lobby ({{count}})",
+            "participantsList": "Résztvevők ({{count}})",
+            "waitingLobby": "Lobby-ban várakozók ({{count}})"
+        },
+        "search": "Résztvevők keresése"
+    },
+    "passwordDigitsOnly": "Legfeljebb {{number}} szám",
+    "passwordSetRemotely": "egy másik résztvevő által beállítva",
+    "polls": {
+        "answer": {
+            "skip": "Kihagyás",
+            "submit": "Küldés"
+        },
+        "by": "Létrehozta: {{ name }}",
+        "create": {
+            "addOption": "Opció hozzáadása",
+            "answerPlaceholder": "Opció {{index}}",
+            "cancel": "Mégsem",
+            "create": "Szavazás létrehozása",
+            "pollOption": "Opció {{index}}",
+            "pollQuestion": "Szavazás kérdése",
+            "questionPlaceholder": "Írja le a kérdést",
+            "removeOption": "Opció eltávolítása",
+            "send": "Küldés"
+        },
+        "errors": {
+            "notUniqueOption": "Az opcióknak egyedinek kell lenniük"
+        },
+        "notification": {
+            "description": "Szavazás megnyitása",
+            "title": "Új szavazás létrehozva"
+        },
+        "results": {
+            "changeVote": "Módosítás",
+            "empty": "Még nincsenek szavazások. Indítson szavazást itt!",
+            "hideDetailedResults": "Részletek elrejtése",
+            "showDetailedResults": "Részletek",
+            "vote": "Szavazás"
+        }
+    },
+    "poweredby": "Működteti a",
+    "prejoin": {
+        "audioAndVideoError": "Hang és videó hiba:",
+        "audioDeviceProblem": "Hiba lépett fel az hangeszközzel",
+        "audioOnlyError": "Hang hiba:",
+        "audioTrackError": "Nem lehet a hangot rögzíteni.",
+        "callMe": "Hívj fel",
+        "callMeAtNumber": "Hívj fel ezen a számon:",
+        "calling": "Hívás",
+        "configuringDevices": "Eszköz beállítás…",
+        "connectedWithAudioQ": "Csak hanggal szeretne csatlakozni?",
+        "connection": {
+            "good": "Az internet kapcsolat jónak tűnik!",
+            "nonOptimal": "Az internet kapcsolat nem optimális",
+            "poor": "Az internet kapcsolat nagyon gyenge!"
+        },
+        "connectionDetails": {
+            "goodQuality": "Fantasztikus! A média minősége kiváló lesz."
+        },
+        "copyAndShare": "Másolom és megosztom az értekezlet linkjét",
+        "dialInMeeting": "Behívás az értekezletbe",
+        "dialInPin": "Behívás az értkezeletbe és megadom a PIN kódot:",
+        "dialing": "Tárcsázás",
+        "doNotShow": "Ne mutassa mégegyszer ezt a képernyőt",
+        "errorDialOut": "Nem sikerült a behívás",
+        "errorDialOutDisconnected": "Nem sikerült a behívás. Kapcsolat bontása",
+        "errorDialOutFailed": "Nem sikerült a behívás. Hiba a hívásban",
+        "errorDialOutStatus": "Hiba a hívás státusz megadásában",
+        "errorMissingName": "Kérlet add meg a neved, hogy csatlakozhass a megbeszéléshez",
+        "errorNoPermissions": "Engedélyeznie kell a mikrofonhoz és a kamerához való hozzáférést",
+        "errorStatusCode": "Hiba a hiváskor, hiba kód: {{status}}",
+        "errorValidation": "Hívószám validációs hiba",
+        "iWantToDialIn": "Hívni szeretném",
+        "initiated": "Hívás felépítés",
+        "joinAudioByPhone": "Csatlakozás telefon beszélgetéssel",
+        "joinMeeting": "Csatlakozás",
+        "joinMeetingInLowBandwidthMode": "Csatlakozás alacsony sávszélességi módban",
+        "joinWithoutAudio": "Csatlakozás hang nélkül",
+        "keyboardShortcuts": "Gyorsbillentyűk engedélyezése",
+        "linkCopied": "A link a vágólapra másolva",
+        "lookGood": "A mikrofon megfelelően működik",
+        "or": "vagy",
+        "premeeting": "Csatlakozás előtt",
+        "screenSharingError": "Képernyő megosztás hiba:",
+        "startWithPhone": "Kezdés telefonhanggal",
+        "videoOnlyError": "Videó hiba:",
+        "videoTrackError": "Nem sikerült a videó megjelenítés.",
+        "viewAllNumbers": "Összes szám megjelenítése"
+    },
+    "presenceStatus": {
+        "busy": "Foglalt",
+        "calling": "Hívás…",
+        "connected": "Kapcsolódva",
+        "connecting": "Kapcsolódás…",
+        "connecting2": "Kapcsolódás*…",
+        "disconnected": "Szétkapcsolva",
+        "expired": "Lejárt",
+        "ignored": "Figyelmen kívül hagyva",
+        "initializingCall": "Hívás kezdeményezése…",
+        "invited": "Meghívva",
+        "rejected": "Elutasítva",
+        "ringing": "Csörgetés…"
+    },
+    "profile": {
+        "setDisplayNameLabel": "Állítsa be a megjelenő nevet",
+        "setEmailInput": "Adjon meg egy email címet",
+        "setEmailLabel": "Adja meg a gravatar email címet",
+        "title": "Profil"
+    },
+    "raisedHand": "Beszélni szeretnék",
+    "recording": {
+        "authDropboxText": "Feltöltés Dropboxra",
+        "availableSpace": "Elérhető hely: {{spaceLeft}} MB (körülbelül {{duration}} perc felvétel)",
+        "beta": "BÉTA",
+        "busy": "Dolgozunk a rögzítési erőforrások felszabadításán. Kísérelje meg újra néhány perc múlva.",
+        "busyTitle": "Jelenleg minden rögzítő foglalt",
+        "error": "A felvétel meghiúsult. Próbálja újra.",
+        "expandedOff": "A felvétel leállt",
+        "expandedOn": "Az értekezlet jelenleg rögzítés alatt áll.",
+        "expandedPending": "A felvétel elindult…",
+        "failedToStart": "A felvétel indítása meghiúsult",
+        "fileSharingdescription": "Felvétel megosztása az értekezlet résztvevőivel",
+        "live": "ÉLŐ",
+        "localRecordingNoNotificationWarning": "A felvételt nem közöljük más résztvevőkkel. Értesítenie kell velük, hogy a találkozót rögzítették.",
+        "localRecordingStartWarning": "A megbeszélésből való kilépés előtt feltétlenül állítsa le a felvételt, hogy elmentse azt.",
+        "localRecordingStartWarningTitle": "Állítsa le a felvételt a mentéshez",
+        "localRecordingWarning": "Győződjön meg arról, hogy az aktuális lapot választotta a megfelelő videó és hang használatához.",
+        "loggedIn": "Belépve mint {{userName}}",
+        "off": "Felvétel leállítva",
+        "offBy": "{{name}} leállította a felvételt",
+        "on": "Felvétel",
+        "onBy": "{{name}} elindította a felvételt",
+        "onlyRecordSelf": "Csak az én hang- és videófolyamomat rögzítse",
+        "pending": "Értekezlet rögzítésének előkészítése…",
+        "rec": "REC",
+        "saveLocalRecording": "Felvétel mentése helyileg (béta)",
+        "serviceDescription": "A felvételt a rögzítési szolgáltatás veszi fel",
+        "serviceName": "Felvétel szolgáltatás",
+        "signIn": "Belépés",
+        "signOut": "Kilépés",
+        "title": "Felvétel",
+        "unavailable": "Hoppá! A {{serviceName}} szolgáltatás jelenleg nem elérhető. Dolgozunk a hiba elhárításán. Próbálja meg később.",
+        "unavailableTitle": "Felvétel nem elérhető"
+    },
+    "sectionList": {
+        "pullToRefresh": "Húzás a frissítéshez"
+    },
+    "security": {
+        "about": "Hozzáadhat jelszót az értekezlethez. A résztvevőknek meg kell adniuk a jelszót, mielőtt csatlakozhatnak az értekezlethez.",
+        "aboutReadOnly": "A moderátor résztvevői hozzáadhatnak egy jelszót az értekezlethez. A résztvevőknek meg kell adniuk a jelszót, mielőtt csatlakozhatnak az értekezlethez.",
+        "header": "Biztonsági beállítások",
+        "insecureRoomNameWarning": "The room name is unsafe. Unwanted participants may join your conference. Consider securing your meeting using the security button."
+    },
+    "settings": {
+        "calendar": {
+            "about": "A {{appName}} naptárintegráció a naptár biztonságos elérésére szolgál, így olvasni tudja a soron következő eseményeket.",
+            "disconnect": "Szétkapcsolás",
+            "microsoftSignIn": "Bejelentkezés a Microsofttal",
+            "signedIn": "Jelenleg ehhez az címhez tartozó naptár eseményei érhetőek el: {{email}}. Alább a „szétkapcsolás” gombra kattintva lehet leállítani a naptár eseményeinek elérését.",
+            "title": "Naptár"
+        },
+        "desktopShareFramerate": "Képernyőmegosztás sebessége (FPS)",
+        "desktopShareHighFpsWarning": "A nagyobb képkockasebesség az asztali megosztásnál hatással lehet a sávszélességre. Az új beállítások érvénybe léptetéséhez újra kell indítania a képernyőmegosztást.",
+        "desktopShareWarning": "Az új beállítások érvénybe léptetéséhez újra kell indítania a képernyőmegosztást.",
+        "devices": "Eszközök",
+        "followMe": "Mindenki engem kövessen",
+        "framesPerSecond": "képkocka / másodperc",
+        "incomingMessage": "Bejövő üzenet",
+        "language": "Nyelv",
+        "loggedIn": "Belépve mint {{name}}",
+        "microphones": "Mikrofonok",
+        "moderator": "Moderátor",
+        "more": "Továbbiak",
+        "name": "Név",
+        "noDevice": "Nincs",
+        "participantJoined": "Résztvevő csatlakozott",
+        "participantKnocking": "Résztvevő belépett a lobby-ba",
+        "participantLeft": "Résztvevő kilépett",
+        "playSounds": "Hangok lejátszása a következőkhöz:",
+        "reactions": "Meeting reakciók",
+        "sameAsSystem": "Rendszerhang ({{label}})",
+        "selectAudioOutput": "Hangkimenet",
+        "selectCamera": "Kamera",
+        "selectMic": "Mikrofon",
+        "selfView": "Saját kép",
+        "sounds": "Hangok",
+        "speakers": "Hangszórók",
+        "startAudioMuted": "Mindenki elnémítva kezd",
+        "startReactionsMuted": "Reakció hangok némítása mindenki számára",
+        "startVideoMuted": "Mindenki videó nélkül kezd",
+        "talkWhileMuted": "Lenémított beszéd",
+        "title": "Beállítások"
+    },
+    "settingsView": {
+        "advanced": "Haladó",
+        "alertOk": "OK",
+        "alertTitle": "Figyelmeztetés",
+        "alertURLText": "A megadott kiszolgáló URL-je érvénytelen",
+        "buildInfoSection": "Fordítási információk",
+        "conferenceSection": "Konferencia",
+        "disableCallIntegration": "A natív hívások integrációjának letiltása",
+        "disableP2P": "Kapcsolja ki a peer-to-peer módot",
+        "displayName": "Megjelenő név",
+        "email": "Email",
+        "header": "Beállítások",
+        "profileSection": "Profil",
+        "serverURL": "Kiszolgáló URL",
+        "showAdvanced": "Speciális beállítások megjelenítése",
+        "startWithAudioMuted": "Kezdés a hang elnémításával",
+        "startWithVideoMuted": "Kezdés a videó letiltásával",
+        "version": "Verzió"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nA saját telefonján szeretne betárcsázni?\n\n{{defaultDialInNumber}}Az értekezlet betárcsázási száma erre a hivatkozásra kattintva tekinthető meg\n{{dialInfoPageUrl}}",
+        "mainText": "Az alábbi hivatkozásra kattintva lehet csatlakozni az értkezlethez:\n{{roomUrl}}"
+    },
+    "speaker": "Hangszóró",
+    "speakerStats": {
+        "angry": "Mérges",
+        "disgusted": "Felháborodott",
+        "fearful": "Félelmetes",
+        "happy": "Boldog",
+        "hours": "{{count}} h",
+        "minutes": "{{count}} perc",
+        "name": "Név",
+        "neutral": "Semleges",
+        "sad": "Szomorú",
+        "search": "Keresés",
+        "searchHint": "Résztvevők keresése",
+        "seconds": "{{count}} mp",
+        "speakerStats": "Beszélő statisztika",
+        "speakerTime": "Beszélő ideje",
+        "surprised": "Meglepett"
+    },
+    "startupoverlay": {
+        "genericTitle": "Az értekezlethez engedélyezni kell a mikrofont és kamerát.",
+        "policyText": " ",
+        "title": "A {{app}} használni szeretné a mikrofont és a kamerát."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Újracsatlakozás",
+        "text": "Az <i>újracsatlakozás</i> gombbal lehet ismételten csatlakozni.",
+        "title": "A videohívás megszakadt, mivel ez a számítógép aló állapotba helyezte magát."
+    },
+    "toolbar": {
+        "Settings": "Beállítások",
+        "accessibilityLabel": {
+            "Settings": "Beállítások átváltása",
+            "audioOnly": "Csak a hang átváltása",
+            "audioRoute": "Hangeszköz kijelölése",
+            "boo": "Szomorú",
+            "callQuality": "Videóminőség kezelése",
+            "cc": "Feliratok átváltása",
+            "chat": "Csevegés ablak átváltása",
+            "clap": "Taps",
+            "document": "Megosztott dokumentum átváltása",
+            "download": "Alkalmazás letöltése",
+            "embedMeeting": "Meeting beágyazása",
+            "feedback": "Visszajelzés küldése",
+            "fullScreen": "Teljes képernyő átváltása",
+            "grantModerator": "Moderátori jogok megadása",
+            "hangup": "Beszélgetés elhagyása",
+            "help": "Súgó",
+            "invite": "Személyek meghívása",
+            "kick": "Résztvevő kirúgása",
+            "laugh": "Nevetés",
+            "like": "Hüvelykujj fel",
+            "localRecording": "Helyi felvétel vezérlőelemeinek átváltása",
+            "lockRoom": "Értekezlet jelszavának átváltása",
+            "moreActions": "További műveletek menü átváltása",
+            "moreActionsMenu": "További műveletek menü",
+            "moreOptions": "További beállítások megjelenítése",
+            "mute": "Hang némításának átváltása",
+            "muteEveryone": "Mindenki elnémítása",
+            "muteEveryonesVideoStream": "Mindenki videójának leállítása",
+            "noiseSuppression": "Zajcsökkentés",
+            "participants": "Résztvevők",
+            "pip": "Kép és képben mód átváltása",
+            "privateMessage": "Privát üzenet küldése",
+            "profile": "Adja meg a profilját",
+            "raiseHand": "Kéz felemelésének átváltása",
+            "recording": "Felvétel átváltása",
+            "remoteMute": "Résztvevők némítása",
+            "security": "Biztonsági Beállítások",
+            "shareRoom": "Valaki meghívása",
+            "shareYourScreen": "Képernyőmegosztás átváltása",
+            "shareaudio": "Hang megosztása",
+            "sharedvideo": "Videó megosztásának átváltása",
+            "shortcuts": "Gyorsbillentyűk átváltása",
+            "show": "Megjelenítés a színpadon",
+            "silence": "Néma",
+            "speakerStats": "Beszélő statisztika átváltása",
+            "surprised": "Meglepett",
+            "tileView": "Mozaikos nézet átváltása",
+            "toggleCamera": "Kamera átváltása",
+            "toggleFilmstrip": "Filmszalag átváltása",
+            "videoblur": "Videoelmosás átváltása",
+            "videomute": "Videó letiltásának átváltása"
+        },
+        "addPeople": "Személy hozzáadása a híváshoz",
+        "audioOnlyOff": "Alacsony sávszélességű mód letiltása",
+        "audioOnlyOn": "Alacsony sávszélességű mód engedélyezése",
+        "audioRoute": "Hangeszköz kijelölése",
+        "audioSettings": "Hangbeállítások",
+        "authenticate": "Hitelesítés",
+        "boo": "Szomorú",
+        "callQuality": "Videominőség kezelése",
+        "chat": "Csevegés megnyitása / bezárása",
+        "clap": "Taps",
+        "closeChat": "Csevegés bezárása",
+        "disableReactionSounds": "Kikapcsolhatja a reakcióhangokat a Meeting-en",
+        "documentClose": "Megosztott dokumentum bezárása",
+        "documentOpen": "Megosztott dokumentum megnyitása",
+        "download": "Alkalmazás letöltése",
+        "embedMeeting": "Meeting beágyazása",
+        "enterFullScreen": "Teljes képernyős megtekintés",
+        "enterTileView": "Mozaikos nézet indítása",
+        "exitFullScreen": "Kilépés a teljes képernyőből",
+        "exitTileView": "Kilépés a mozaikos nézetből",
+        "feedback": "Visszajelzés küldése",
+        "hangup": "Kilépés",
+        "help": "Súgó",
+        "invite": "Személyek meghívása",
+        "joinBreakoutRoom": "Csatlakozás a pihenőszobához",
+        "laugh": "Nevetés",
+        "leaveBreakoutRoom": "Pihenőszoba elhagyása",
+        "like": "Hüvelykujj fel",
+        "login": "Bejelentkezés",
+        "logout": "Kijelentkezés",
+        "lowerYourHand": "Kéz leengedése",
+        "moreActions": "További műveletek",
+        "moreOptions": "További beállítások",
+        "mute": "Némítás / Visszahangosítás",
+        "muteEveryone": "Mindenki elnémítása",
+        "noAudioSignalDesc": "Ha nem szándékosan némította el a rendszerbeállításokban vagy az eszközön, akkor fontolja meg az eszköz cseréjét.",
+        "noAudioSignalDescSuggestion": "Ha nem szándékosan némította el a rendszerbeállításokban vagy az eszközön, akkor fontolja meg a következő eszköz használatát.",
+        "noAudioSignalDialInDesc": "Be is tárcsázhat:",
+        "noAudioSignalDialInLinkDesc": "Betárcsázási számok",
+        "noAudioSignalTitle": "Nincs bemenet a mikrofonjáról!",
+        "noiseSuppression": "Zajcsökkentés",
+        "noisyAudioInputDesc": "Úgy tűnik, hogy ez a mikrofon zajos. Le kellene némítani vagy cserélni az eszközt.",
+        "noisyAudioInputTitle": "Zajosnak tűnik a mikrofonja!",
+        "openChat": "Csevegés megnyitása",
+        "participants": "Résztvevők",
+        "pip": "Belépés kép a képben módba",
+        "privateMessage": "Privát üzenet küldése",
+        "profile": "Adja meg a profilját",
+        "raiseHand": "Kéz felemelése / leengedése",
+        "raiseYourHand": "Kéz felemelése",
+        "reactionBoo": "Boo reakció küldése",
+        "reactionClap": "Tapsolás reakció küldése",
+        "reactionLaugh": "Nevetés reakció küldése",
+        "reactionLike": "Hüvelykujj fel reakció küldése",
+        "reactionSilence": "Néma arc reakció küldése",
+        "reactionSurprised": "Meglepett reakció küldése",
+        "security": "Biztonsági Beállítások",
+        "selectBackground": "Háttér beállítása",
+        "shareRoom": "Valaki meghívása",
+        "shareaudio": "Hang megosztása",
+        "sharedvideo": "Videó megosztása",
+        "shortcuts": "Gyorsbillentyűk megtekintése",
+        "silence": "Néma",
+        "speakerStats": "Beszélő statisztika",
+        "startScreenSharing": "Képernyőmegosztás kezdése",
+        "startSubtitles": "Feliratok kezdése",
+        "startvideoblur": "Háttér elhomályosítása",
+        "stopScreenSharing": "Képernyőmegosztás leállítása",
+        "stopSharedVideo": "Kamera leállítása",
+        "stopSubtitles": "Felirat leállítása",
+        "stopvideoblur": "Háttér elhomályosításának letiltása",
+        "surprised": "Meglepett",
+        "talkWhileMutedPopup": "Úgy tűnik beszélni szeretne, de le van némítva.",
+        "tileViewToggle": "Mozaikos nézet átváltása",
+        "toggleCamera": "Kamera átváltása",
+        "videoSettings": "Videóbeállítások",
+        "videomute": "Kamera indítása / leállítása"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Feliratok indítása / leállítása",
+        "error": "Átírat meghiúsult. Próbálja meg ismét.",
+        "expandedLabel": "Az átirat jelenleg be van kapcsolva",
+        "failedToStart": "Meghiúsult az átirat kezdése",
+        "labelToolTip": "Az értekezlet átirata elkezdődött",
+        "off": "Az átirat készítése le lett állítva",
+        "pending": "Előkészület az értekezlet átiratának készítésére…",
+        "start": "Felirat megjelenítésének kezdése",
+        "stop": "Felirat megjelenítésének befejezése",
+        "tr": "Átirat"
+    },
+    "userMedia": {
+        "grantPermissions": "A kamera és a mikrofon használatát engedélyezni kell."
+    },
+    "videoSIPGW": {
+        "busy": "Dolgozunk az erőforrások felszabadításán. Kísérelje meg újra néhány perc múlva.",
+        "busyTitle": "A szoba szolgáltatás jelenleg foglalt",
+        "errorAlreadyInvited": "{{displayName}} -t már meghívták",
+        "errorInvite": "A konferencia még nem lett megalakítva. Később próbálja újra.",
+        "errorInviteFailed": "Dolgozunk a hiba elhárításán. Próbálja meg később.",
+        "errorInviteFailedTitle": "{{displayName}} meghívása meghiúsult",
+        "errorInviteTitle": "Hiba a meghívó szobával",
+        "pending": "{{displayName}} -t meghívta"
+    },
+    "videoStatus": {
+        "adjustFor": "Igazítsa a legjobb:",
+        "audioOnly": "CsH",
+        "audioOnlyExpanded": "Jelenleg az alacsony sávszélességű mód az aktív, vagyis csak hangot lehet fogadni és képernyőmegosztást.",
+        "bestPerformance": "Teljesítményhez",
+        "callQuality": "Videominőség",
+        "hd": "MF",
+        "hdTooltip": "Magas felbontású videó megtekintése",
+        "highDefinition": "Magas felbontású",
+        "highestQuality": "Minőséghez",
+        "labelTooiltipNoVideo": "Nincs videó",
+        "labelTooltipAudioOnly": "Alacsony sávszélességű mód aktiválva",
+        "ld": "AF",
+        "ldTooltip": "Alacsony felbontású videó",
+        "lowDefinition": "Alacsony felbontású",
+        "onlyAudioAvailable": "„Csak hang” mód elérhető",
+        "onlyAudioSupported": "Csak a hang támogatott ebben a böngészőben.",
+        "performanceSettings": "Teljesítménybeállítások",
+        "sd": "SF",
+        "sdTooltip": "Szabványos felbontású videó megtekintése",
+        "standardDefinition": "Szabványos felbontású"
+    },
+    "videothumbnail": {
+        "domute": "Némítás",
+        "domuteOthers": "Mindenki más elnémítása",
+        "domuteVideoOfOthers": "Mindenki más kamerájának letiltása",
+        "flip": "Tükrözés",
+        "grantModerator": "Moderátori jogok megadása",
+        "hideSelfView": "Saját kép elrejtése",
+        "kick": "Kirúgás",
+        "moderator": "Moderátor",
+        "mute": "A résztvevő le van némítva",
+        "muted": "Némítva",
+        "remoteControl": "Távoli vezérlés",
+        "show": "Megjelenítés a színpadon",
+        "videomute": "A résztvevő leállította a kameráját"
+    },
+    "virtualBackground": {
+        "addBackground": "Háttér hozzáadása",
+        "apply": "Alkalmaz",
+        "backgroundEffectError": "Hiba a háttér effekt hozzáadásnál.",
+        "blur": "Elmosódott",
+        "deleteImage": "Delete image",
+        "desktopShare": "Asztal megosztása",
+        "desktopShareError": "Nem lehet asztalt megosztani",
+        "image1": "Tengerpart",
+        "image2": "Fehér semleges fal",
+        "image3": "Fehér üres szoba",
+        "image4": "Fekete állólámpa",
+        "image5": "Hegy",
+        "image6": "Erdő",
+        "image7": "Napfelkelte",
+        "none": "Nincs",
+        "pleaseWait": "Kérjük várjon…",
+        "removeBackground": "Háttér eltávolítása",
+        "slightBlur": "Enyhén elmosódott",
+        "title": "Virtuális háttérképek",
+        "uploadedImage": "Feltöltött kép {{index}}"
+    },
+    "volumeSlider": "Hangerő szabályzó",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Koppintson a csatlakozáshoz",
+            "roomname": "Adja meg a terem nevét"
+        },
+        "appDescription": "Rajta, csevegjen az egész csapattal. Valóban hívjon meg mindenkit, akit ismer. A {{app}} teljesen titkosított, 100% -ban nyílt forráskódú videokonferencia-megoldás, amelyet egész nap, minden nap ingyenesen használhat – fiók nélkül.",
+        "audioVideoSwitch": {
+            "audio": "Hang",
+            "video": "Videó"
+        },
+        "calendar": "Naptár",
+        "connectCalendarButton": "Naptár csatolása",
+        "connectCalendarText": "Csatlakoztassa a naptárát, hogy láthassa az értekezleteket a {{app}} alkalmazásban. Továbbá, adja hozzá a {{provider}} szolgáltatót és egy kattintással lehet kezelni azokat.",
+        "enterRoomTitle": "Új értekezlet kezdése",
+        "getHelp": "Segítség kérése",
+        "go": "Indítás",
+        "goSmall": "Indítás",
+        "headerSubtitle": "Biztonságos és magas színvonalú konferenciák",
+        "info": "Információ",
+        "jitsiOnMobile": "Jitsi Mobil – töltse le az app-ot, és indítson megbeszélést bárhonnan",
+        "join": "LÉTREHOZ /HOZZÁAD",
+        "privacy": "Adatvédelem",
+        "recentList": "Legutóbbi",
+        "recentListDelete": "Lista törlés",
+        "recentListEmpty": "A legutóbbi lista jelenleg üres. Csevegjen a csapattal és minden előző értekezlet itt lesz megtalálható.",
+        "reducedUIText": "Üdvözlet a {{app}} programban!",
+        "roomNameAllowedChars": "Az értekezlet neve nem tartalmazhatja a következő karaktereket: ?, &, :, ', \", %, #.",
+        "roomname": "Adja meg a szoba nevét",
+        "roomnameHint": "Adja meg a kívánt nevet vagy URL-t, amelyhez csatlakozni szeretne. Bármiképp elnevezheti, csak ossza meg az értekezlet résztvevőivel, hogy ők ugyanezt a nevet tudják majd megadni.",
+        "sendFeedback": "Visszajelzés küldése",
+        "startMeeting": "Csatlakozás",
+        "terms": "Feltételek",
+        "title": "Biztonságos, maradéktalanul felszerelt és teljesen ingyenes videokonferencia"
+    }
+}
diff --git a/lang/main-hy.json b/lang/main-hy.json
new file mode 100644
index 0000000..f55482c
--- /dev/null
+++ b/lang/main-hy.json
@@ -0,0 +1,705 @@
+{
+    "addPeople": {
+        "add": "Հրավիրել",
+        "countryNotSupported": "",
+        "countryReminder": "",
+        "disabled": "",
+        "failedToAdd": "",
+        "footerText": "",
+        "loading": "",
+        "loadingNumber": "",
+        "loadingPeople": "",
+        "noResults": "",
+        "noValidNumbers": "",
+        "searchNumbers": "",
+        "searchPeople": "",
+        "searchPeopleAndNumbers": "",
+        "telephone": "",
+        "title": ""
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "headphones": "Ականջակալներ",
+        "phone": "Հեռախոս",
+        "speaker": "Հռետոր"
+    },
+    "audioOnly": {
+        "audioOnly": "Միայն ձայնը"
+    },
+    "calendarSync": {
+        "addMeetingURL": "",
+        "confirmAddLink": "",
+        "error": {
+            "appConfiguration": "",
+            "generic": "",
+            "notSignedIn": ""
+        },
+        "join": "",
+        "joinTooltip": "",
+        "nextMeeting": "",
+        "noEvents": "",
+        "ongoingMeeting": "",
+        "permissionButton": "",
+        "permissionMessage": "",
+        "refresh": "",
+        "today": ""
+    },
+    "chat": {
+        "error": "",
+        "messagebox": "",
+        "nickname": {
+            "popover": "Ընտրեք մականուն",
+            "title": "",
+            "titleWithPolls": ""
+        },
+        "title": "",
+        "titleWithPolls": ""
+    },
+    "connectingOverlay": {
+        "joiningRoom": ""
+    },
+    "connection": {
+        "ATTACHED": "Կցված",
+        "AUTHENTICATING": "Վավերացում",
+        "AUTHFAIL": "Վավերացումը չի ստացվել",
+        "CONNECTED": "Միացված է",
+        "CONNECTING": "Միանում է…",
+        "CONNFAIL": "Միացումը չստացվեց",
+        "DISCONNECTED": "Անջատված է",
+        "DISCONNECTING": "Անջատում…",
+        "ERROR": "Սխալ",
+        "RECONNECTING": "Ցանցի խնդիր է տեղի ունեցել: Վերամիացում…"
+    },
+    "connectionindicator": {
+        "address": "Հասցե։",
+        "bandwidth": "Մոտավոր թողունակություն։",
+        "bitrate": "Բիթրեյթ։",
+        "bridgeCount": "",
+        "connectedTo": "",
+        "framerate": "Կադրերի հաճախականություն",
+        "less": "Ցույց տալ ավելի քիչ",
+        "localaddress": "Local address:Local addresses:",
+        "localport": "Local port:Local ports:",
+        "more": "Ցույց տալ ավելի շատ",
+        "packetloss": "Փաթեթների կորուստ։",
+        "quality": {
+            "good": "",
+            "inactive": "Ոչ ակտիվ",
+            "lost": "Չկա",
+            "nonoptimal": "Ոչ օպտիմալ",
+            "poor": "Վատ"
+        },
+        "remoteaddress": "Remote address:Remote addresses:",
+        "remoteport": "Remote port:Remote ports:",
+        "resolution": "Որակ։",
+        "status": "Միացում",
+        "transport": "Transport:Transports:",
+        "turn": "  (turn)"
+    },
+    "dateUtils": {
+        "earlier": "",
+        "today": "",
+        "yesterday": ""
+    },
+    "deepLinking": {
+        "appNotInstalled": "",
+        "description": "",
+        "descriptionWithoutWeb": "",
+        "downloadApp": "Բեռնել հավելվածը",
+        "launchWebButton": "",
+        "openApp": "",
+        "title": "",
+        "tryAgainButton": ""
+    },
+    "defaultLink": "օրինակ՝ {{url}}",
+    "deviceError": {
+        "cameraError": "",
+        "cameraPermission": "",
+        "microphoneError": "",
+        "microphonePermission": ""
+    },
+    "deviceSelection": {
+        "noPermission": "",
+        "previewUnavailable": "",
+        "selectADevice": "",
+        "testAudio": ""
+    },
+    "dialOut": {
+        "statusMessage": ""
+    },
+    "dialog": {
+        "Back": "Վերադառնալ",
+        "Cancel": "Չեղարկել",
+        "IamHost": "Ես եմ ընդունողը",
+        "Ok": "Ok",
+        "Remove": "Հեռացնել",
+        "Share": "Տարածել",
+        "Submit": "Ներմուծել",
+        "WaitForHostMsg": "",
+        "WaitingForHost": "Սպասում է հյուրընկալողի …",
+        "Yes": "Այո",
+        "accessibilityLabel": {
+            "liveStreaming": "Ուղիղ Հեռարձակում"
+        },
+        "allow": "Ընդունել",
+        "alreadySharedVideoMsg": "",
+        "alreadySharedVideoTitle": "",
+        "applicationWindow": "",
+        "cameraConstraintFailedError": "Ձեր տեսախցիկը չի համապատասխանում որոշ խոչընդոտների",
+        "cameraNotFoundError": "Տեսախցիկ չի գտնվել",
+        "cameraNotSendingData": "",
+        "cameraNotSendingDataTitle": "",
+        "cameraPermissionDeniedError": "Ձեզ թույլտվրված չէ օգտագործել Ձեր տեսախցիկը: Դուք կարող եք միացած մնալ համաժողովին, սակայն մյուսները չեն տեսնի ձեզ. Օգտագործեք տեսախցիկի կոճակը խնդիրը կարգավորելու համար",
+        "cameraUnknownError": "Չի կարող օգտագործվել տեսախցիկը անհայտ պատճառով",
+        "cameraUnsupportedResolutionError": "Ձեր տեսախցիկը չունի պահանջվող վիդեո-չափ",
+        "close": "",
+        "conferenceDisconnectMsg": "Ստուգեք ցանցային միացումը։ Վերամիացում՝ {{seconds}} վ…",
+        "conferenceDisconnectTitle": "Ձեր կապը անջատվել է",
+        "conferenceReloadMsg": "Փորձում ենք վերականգնել կապը։ Վերամիացում՝ {{seconds}} վ…",
+        "conferenceReloadTitle": "Ցավոք, ինչ֊որ բան այն չէ",
+        "confirm": "",
+        "confirmNo": "",
+        "confirmYes": "Այո",
+        "connectError": "Օհո՜։ Ինչ֊որ բան այն չէ և մենք չկարողացանք միանալ կոնֆերանսին",
+        "connectErrorWithMsg": "Օհո՜։ Ինչ֊որ բան այն չէ և մենք չկարողացանք միանալ կոնֆերանսին {{msg}}",
+        "connecting": "Միանում է…",
+        "contactSupport": "Կապվեք սպասարկող թիմի հետ",
+        "copy": "Պատճենել",
+        "dismiss": "Հեռացնել",
+        "displayNameRequired": "",
+        "done": "Կատարված է",
+        "enterDisplayName": "",
+        "error": "Սխալ",
+        "externalInstallationMsg": "Չհաջողվեց տեղադրել էկրանի ցուցադրման ընդլայնումը",
+        "externalInstallationTitle": "Ընդլայնում է պահանջվում:",
+        "goToStore": "Գնալ դեպի վեբ խանութ",
+        "gracefulShutdown": "Մեր ծառայությունը ներկայումս չի գործում տեխնիկական սպասարկման համար: Խնդրում ենք փորձեք ավելի ուշ:",
+        "incorrectPassword": "Օգտագործողի անվանման կամ գաղտնաբառի սխալ",
+        "incorrectRoomLockPassword": "",
+        "inlineInstallExtension": "",
+        "inlineInstallationMsg": "Չհաջողվեց տեղադրել էկրանի ցուցադրման ընդլայնումը",
+        "internalError": "Օհո՜։ Ինչ֊որ սխալ կա։ {{error}}",
+        "internalErrorTitle": "Ներքին սխալ ",
+        "kickMessage": "",
+        "kickParticipantButton": "",
+        "kickParticipantDialog": "",
+        "kickParticipantTitle": "",
+        "kickTitle": "",
+        "liveStreaming": "Ուղիղ Հեռարձակում",
+        "liveStreamingDisabledForGuestTooltip": "",
+        "liveStreamingDisabledTooltip": "",
+        "lockMessage": "Ձախողվեց արգելափակել կոնֆերանսը:",
+        "lockRoom": "",
+        "lockTitle": "Փակումը ձախողվեց",
+        "logoutQuestion": "Համոզված եք, որ ցանկանում եք դուրս գալ, եւ դադարեցնել կոնֆերանսը:",
+        "logoutTitle": "Ելք",
+        "maxUsersLimitReached": "",
+        "maxUsersLimitReachedTitle": "",
+        "micConstraintFailedError": "Ձեր խոսափողը չի բավարարել պահանջվող խոչընդոտներից մի քանիսը ",
+        "micNotFoundError": "Խոսափող չի գտնվել",
+        "micNotSendingData": "",
+        "micNotSendingDataTitle": "",
+        "micPermissionDeniedError": "Ձեզ թույլտվրված չէ օգտագործել Ձեր խոսափողը: Դուք կարող եք միացած մնալ համաժողովին, սակայն մյուսները չեն լսի ձեզ. Օգտագործեք խոսափողի կոճակը խնդիրը կարգավորելու համար",
+        "micUnknownError": "Չի կարող օգտագործվել տեսախցիկը անհայտ պատճառով",
+        "muteParticipantBody": "Դուք չեք կարող անջատել նրանց ձայնը, բայց նրանք կարող են անջատել իրենց ձայնը ամեն ժամանակ:",
+        "muteParticipantButton": "Անջատել ձայնը",
+        "muteParticipantDialog": "",
+        "muteParticipantTitle": "Անջատե՞լ այս մասնակցի ձայնը:",
+        "passwordLabel": "",
+        "passwordNotSupported": "Հանդիպման գաղտնաբառի նծշանակումը չի սպասարկվում",
+        "passwordNotSupportedTitle": "",
+        "passwordRequired": "",
+        "popupError": "Ձեր բրաուզերը արգելափակում է այս կայքի լրացուցիչ պատուհանները(Pop-up): Խնդրում ենք Ձեր բրաուզերի կարգավորումներում թույլ տվեք Pop-up-ը և կրկին փորձեք",
+        "popupErrorTitle": "Լրացուցիչ պատուհանները(Pop-up) արգելափակված են",
+        "recording": "Գրանցում",
+        "recordingDisabledForGuestTooltip": "",
+        "recordingDisabledTooltip": "",
+        "rejoinNow": "Կրկին միանալ հիմա",
+        "remoteControlAllowedMessage": "{{user}} ընդունել է Ձեր հեռահար կառավարման հրավերը",
+        "remoteControlDeniedMessage": "{{user}} մերժել է Ձեր հեռահար կառավարման հրավերը",
+        "remoteControlErrorMessage": "Որոշակի սխալ է տեղի ունեցել հեռահար կառավարման հրավերը ընդունելու ժամանակ {{user}} -ից",
+        "remoteControlRequestMessage": "",
+        "remoteControlShareScreenWarning": "",
+        "remoteControlStopMessage": "հեռահար կառավարման ընթացքը ավարտվեց",
+        "remoteControlTitle": "",
+        "removePassword": "",
+        "removeSharedVideoMsg": "Համոզված ե՞ք, որ ցանկանում եք հեռացնել տարածած տեսանյութը:",
+        "removeSharedVideoTitle": "Հեռացնել տարածված տեսանյութը",
+        "reservationError": "Վերապահման համակարգի սխալ",
+        "reservationErrorMsg": "Սխալ. {{code}}, ծանուցում. {{msg}}",
+        "retry": "Կրկին փորձել",
+        "screenSharingFailedToInstall": "",
+        "screenSharingFailedToInstallTitle": "",
+        "screenSharingFirefoxPermissionDeniedError": "",
+        "screenSharingFirefoxPermissionDeniedTitle": "",
+        "screenSharingPermissionDeniedError": "",
+        "serviceUnavailable": "Ծառայությունը անհասանելի է",
+        "sessTerminated": "",
+        "shareVideoLinkError": "Խնդրում ենք ներկայացնել ճիշտ Youtube հղում:",
+        "shareVideoTitle": "Տարածել տեսանյութը",
+        "shareYourScreen": "",
+        "shareYourScreenDisabled": "",
+        "shareYourScreenDisabledForGuest": "",
+        "startLiveStreaming": "Կանգնացնել ուղիղ հեռարձակումը:",
+        "startRecording": "Կանգնացնել ձայնագրումը",
+        "startRemoteControlErrorMessage": "",
+        "stopLiveStreaming": "Կանգնացնել ուղիղ հեռարձակումը:",
+        "stopRecording": "Կանգնացնել ձայնագրումը",
+        "stopRecordingWarning": "Վստա՞հ եք որ ցանկանում եք կանգնացնել ձայնագրումը",
+        "stopStreamingWarning": "Վստա՞հ եք որ ցանկանում եք կանգնացնել ուղիղ հեռարձակումը:",
+        "streamKey": "",
+        "thankYou": "Շնորհակալություն {{appName}} -ից օգտվելու համար:",
+        "token": "սիմվոլ",
+        "tokenAuthFailed": "Ներողություն,Դուք ընդունված չեք այս զանգին միանալու համար",
+        "tokenAuthFailedTitle": "Վավերացումը չի ստացվել",
+        "transcribing": "",
+        "unlockRoom": "",
+        "userPassword": "օգտագործողի գաղտնաբառը",
+        "yourEntireScreen": ""
+    },
+    "feedback": {
+        "average": "",
+        "bad": "",
+        "detailsLabel": "",
+        "good": "",
+        "rateExperience": "Խնդրում ենք ներկայացրեք Ձեր հանդիպման փորձը",
+        "veryBad": "",
+        "veryGood": ""
+    },
+    "incomingCall": {
+        "answer": "",
+        "audioCallTitle": "",
+        "decline": "Հեռացնել",
+        "productLabel": "",
+        "videoCallTitle": ""
+    },
+    "info": {
+        "accessibilityLabel": "",
+        "addPassword": "",
+        "cancelPassword": "",
+        "conferenceURL": "",
+        "country": "",
+        "dialANumber": "",
+        "dialInConferenceID": "",
+        "dialInNotSupported": "",
+        "dialInNumber": "",
+        "dialInSummaryError": "",
+        "dialInTollFree": "",
+        "genericError": "",
+        "inviteLiveStream": "",
+        "invitePhone": "",
+        "invitePhoneAlternatives": "",
+        "inviteURLFirstPartGeneral": "",
+        "inviteURLFirstPartPersonal": "",
+        "inviteURLSecondPart": "",
+        "label": "",
+        "liveStreamURL": "Ուղիղ Հեռարձակում",
+        "moreNumbers": "",
+        "noNumbers": "",
+        "noPassword": "Ոչինչ",
+        "noRoom": "",
+        "numbers": "",
+        "password": "",
+        "title": "Տարածել",
+        "tooltip": ""
+    },
+    "inlineDialogFailure": {
+        "msg": "",
+        "retry": "",
+        "support": "",
+        "supportMsg": ""
+    },
+    "inviteDialog": {
+        "alertText": "",
+        "header": "Հրավիրել",
+        "searchCallOnlyPlaceholder": "",
+        "searchPeopleOnlyPlaceholder": "",
+        "searchPlaceholder": "",
+        "send": ""
+    },
+    "keyboardShortcuts": {
+        "focusLocal": "Առաջ բերել Ձեռ վիդեոն",
+        "focusRemote": "Առաջ բերել այլ մասնակցի վիդեոն",
+        "fullScreen": "Միացնել/անջատել Ամբողջ էկրանի ռեժիմը",
+        "keyboardShortcuts": "Ստեղնաշարի արագ միացման կոճակներ (shortcuts)",
+        "localRecording": "",
+        "mute": "Անջատել /միացնել խոսափողը",
+        "pushToTalk": "Սեղմեք խոսելու համար",
+        "raiseHand": "Բարձրացնել /իջեցնել ձեռքը",
+        "showSpeakerStats": "Ցույց տալ մասնակիցների վիճակագրությունը",
+        "toggleChat": "Բացել /փակել չատի պանելը",
+        "toggleFilmstrip": "",
+        "toggleScreensharing": "Տեսախցիկի ռեժիմից անցնել էկրանի ցուցադրման ռեժիմ",
+        "toggleShortcuts": "",
+        "videoMute": "Անջատե/միացնել ձեր վիդեոն"
+    },
+    "liveStreaming": {
+        "busy": "",
+        "busyTitle": "",
+        "changeSignIn": "",
+        "choose": "",
+        "chooseCTA": "",
+        "enterStreamKey": "",
+        "error": "Ուղիղ հեռարձակումը չստացվեց: Փորձեք կրկին",
+        "errorAPI": "",
+        "errorLiveStreamNotEnabled": "",
+        "expandedOff": "",
+        "expandedOn": "",
+        "expandedPending": "",
+        "failedToStart": "Ուղիղ հեռարձակումը չստացվեց սկսել",
+        "getStreamKeyManually": "",
+        "invalidStreamKey": "",
+        "off": "Ուղիղ Հեռարձակումը կանգնեցված է",
+        "on": "Ուղիղ Հեռարձակում",
+        "pending": "Սկսում ենք Ուղիղ Հեռարձակումը",
+        "serviceName": "",
+        "signIn": "",
+        "signInCTA": "",
+        "signOut": "",
+        "signedInAs": "",
+        "start": "Կանգնացնել ուղիղ հեռարձակումը:",
+        "streamIdHelp": "",
+        "title": "Ուղիղ Հեռարձակում",
+        "unavailableTitle": ""
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "",
+            "on": "",
+            "unknown": ""
+        },
+        "dialogTitle": "",
+        "duration": "",
+        "durationNA": "",
+        "encoding": "",
+        "label": "",
+        "labelToolTip": "",
+        "localRecording": "",
+        "me": "Ես",
+        "messages": {
+            "engaged": "",
+            "finished": "",
+            "finishedModerator": "",
+            "notModerator": ""
+        },
+        "moderator": "Մոդերատոր",
+        "no": "",
+        "participant": "Մասնակից",
+        "participantStats": "",
+        "sessionToken": "",
+        "start": "Կանգնացնել ձայնագրումը",
+        "stop": "Կանգնացնել ձայնագրումը",
+        "yes": "Այո"
+    },
+    "lockRoomPassword": "Գաղտնաբառ",
+    "lockRoomPasswordUppercase": "Գաղտնաբառ",
+    "me": "ես",
+    "notify": {
+        "connectedOneMember": "",
+        "connectedThreePlusMembers": "",
+        "connectedTwoMembers": "",
+        "disconnected": "անջատված է",
+        "focus": "Կոնֆերանսի կենտրոնացումը",
+        "focusFail": "{{component}} հասանելի չէ - փորձեք կրկին {{ms}} վայրկյանից",
+        "grantedTo": "Կարգավորիչի իրավունքները տրամադրված են {{to}}-ին",
+        "invitedOneMember": "",
+        "invitedThreePlusMembers": "",
+        "invitedTwoMembers": "",
+        "kickParticipant": "",
+        "me": "Ես",
+        "moderator": "Կարգավորիչ իրավունքները տրամադրված են:",
+        "muted": "Դուք խոսակցությունը սկսեցել եք անջատած ձայնով",
+        "mutedRemotelyDescription": "",
+        "mutedRemotelyTitle": "",
+        "mutedTitle": "Ձեր ձայնը անջատված է",
+        "newDeviceAction": "",
+        "newDeviceAudioTitle": "",
+        "newDeviceCameraTitle": "",
+        "passwordRemovedRemotely": "",
+        "passwordSetRemotely": "",
+        "raisedHand": "",
+        "somebody": "Ինչ֊որ մեկը",
+        "startSilentDescription": "",
+        "startSilentTitle": "",
+        "suboptimalExperienceDescription": "",
+        "suboptimalExperienceTitle": "Բրաուզերի նախազգուշացում",
+        "unmute": ""
+    },
+    "passwordDigitsOnly": "",
+    "passwordSetRemotely": "Սահմանվել է մեկ այլ մասնակցի կողմից",
+    "polls": {
+        "errors": {
+            "notUniqueOption": "Ընտրանքները պետք է լինեն եզակի"
+        }
+    },
+    "poweredby": "Հիմնված է",
+    "presenceStatus": {
+        "busy": "",
+        "calling": "",
+        "connected": "Միացված է",
+        "connecting": "Միանում է…",
+        "connecting2": "Միանում է…",
+        "disconnected": "Անջատված է",
+        "expired": "",
+        "ignored": "",
+        "initializingCall": "",
+        "invited": "Հրավիրել",
+        "rejected": "",
+        "ringing": ""
+    },
+    "profile": {
+        "setDisplayNameLabel": "Նշանակել Ձեր երևացող անունը",
+        "setEmailInput": "Մուտքագրեք էլ.հասցե",
+        "setEmailLabel": "Սահմանեք Ձեր Gravatar էլ.փոստը",
+        "title": "Պրոֆայլ"
+    },
+    "recording": {
+        "authDropboxText": "",
+        "availableSpace": "",
+        "beta": "",
+        "busy": "",
+        "busyTitle": "",
+        "error": "Ձայնագրությյունը չստացվեց: Փորձեք կրկին",
+        "expandedOff": "Ձայնագրությունը կանգնացված է",
+        "expandedOn": "",
+        "expandedPending": "",
+        "failedToStart": "Ձայնագրությունը ստացվեց սկսել",
+        "fileSharingdescription": "",
+        "live": "",
+        "loggedIn": "",
+        "off": "Ձայնագրությունը կանգնացված է",
+        "on": "Գրանցում",
+        "pending": "",
+        "rec": "",
+        "serviceDescription": "",
+        "serviceName": "",
+        "signIn": "",
+        "signOut": "",
+        "title": "Գրանցում",
+        "unavailable": "",
+        "unavailableTitle": ""
+    },
+    "sectionList": {
+        "pullToRefresh": ""
+    },
+    "settings": {
+        "calendar": {
+            "about": "",
+            "disconnect": "Անջատված է",
+            "microsoftSignIn": "",
+            "signedIn": "",
+            "title": "Օրացույց"
+        },
+        "devices": "",
+        "followMe": "Բոլորը հետևում են ինձ",
+        "language": "",
+        "loggedIn": "",
+        "moderator": "Մոդերատոր",
+        "more": "",
+        "name": "Անուն",
+        "noDevice": "Ոչինչ",
+        "selectAudioOutput": "Ձայնային ելք",
+        "selectCamera": "Տեսախցիկ",
+        "selectMic": "Խոսափող",
+        "startAudioMuted": "Հանդիպման սկզբում բոլորի ձայնը անջատված է",
+        "startVideoMuted": "Հանդիպման սկզբում բոլորի վիդեոն անջատված է",
+        "title": "Կարգավորումներ"
+    },
+    "settingsView": {
+        "alertOk": "",
+        "alertTitle": "Ուշադրությու՝ն",
+        "alertURLText": "",
+        "buildInfoSection": "",
+        "conferenceSection": "",
+        "displayName": "",
+        "email": "",
+        "header": "Կարգավորումներ",
+        "profileSection": "Պրոֆայլ",
+        "serverURL": "",
+        "startWithAudioMuted": "",
+        "startWithVideoMuted": "",
+        "version": ""
+    },
+    "share": {
+        "dialInfoText": "",
+        "mainText": ""
+    },
+    "speaker": "Հռետոր",
+    "speakerStats": {
+        "hours": "",
+        "minutes": "",
+        "name": "Անուն",
+        "search": "Որոնում",
+        "searchHint": "Որոնել մասնակիցներին",
+        "seconds": "",
+        "speakerStats": "Հռետորի վիճակագրությունը",
+        "speakerTime": ""
+    },
+    "startupoverlay": {
+        "policyText": "",
+        "title": "{{app}} ցանկանում է օգտագործել Ձեր խոսափողը և տեսախցիկը"
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Կրկին միանալ",
+        "text": "Կրկին միանալու համար սեղմեք <i>Rejoin</i>",
+        "title": "Ձեր վիդեո զանգը ընդհատվել էր, քանի որ այս համակարգիչը անցել էր քնի(Sleep) ռեժիմին"
+    },
+    "toolbar": {
+        "Settings": "Կարգավորումներ",
+        "accessibilityLabel": {
+            "Settings": "",
+            "audioOnly": "",
+            "audioRoute": "",
+            "callQuality": "",
+            "cc": "",
+            "chat": "",
+            "document": "Բացել/փակել համատեղ հասանելի փաստաթուղթը",
+            "feedback": "Թողնել կարծիք",
+            "fullScreen": "",
+            "hangup": "",
+            "invite": "",
+            "kick": "",
+            "localRecording": "",
+            "lockRoom": "",
+            "moreActions": "",
+            "moreActionsMenu": "",
+            "mute": "",
+            "pip": "",
+            "profile": "Փոփոխել տվյալները",
+            "raiseHand": "",
+            "recording": "",
+            "remoteMute": "",
+            "shareRoom": "",
+            "shareYourScreen": "",
+            "sharedvideo": "",
+            "shortcuts": "",
+            "show": "",
+            "speakerStats": "",
+            "tileView": "",
+            "toggleCamera": "",
+            "videoblur": "",
+            "videomute": ""
+        },
+        "addPeople": "Ավելացնել մասնակից",
+        "audioOnlyOff": "",
+        "audioOnlyOn": "",
+        "audioRoute": "",
+        "authenticate": "Վավերացում",
+        "callQuality": "Կարգավորել զանգի որակը",
+        "chat": "Բացել/փակել չատը",
+        "closeChat": "",
+        "documentClose": "Բացել/փակել համատեղ հասանելի փաստաթուղթը",
+        "documentOpen": "Բացել համատեղ հասանելի փաստաթուղթը",
+        "enterFullScreen": "Նայել ամբողջ էկրանով",
+        "enterTileView": "",
+        "exitFullScreen": "Անջատել \"Ամբողջ էկրան\" ռեժիմը",
+        "exitTileView": "",
+        "feedback": "Թողնել կարծիք",
+        "hangup": "Դուրս գալ",
+        "invite": "",
+        "login": "Մուտք",
+        "logout": "Ելք",
+        "lowerYourHand": "",
+        "moreActions": "Ավելի շատ հնարավորություններ",
+        "mute": "Միացնել/Անջատել ձայնը ",
+        "openChat": "",
+        "pip": "",
+        "profile": "Փոփոխել տվյալները",
+        "raiseHand": "Բարձրացնել/իջեցնել ձեռքը",
+        "raiseYourHand": "",
+        "shareRoom": "",
+        "sharedvideo": "Տարածել Youtube Video-ն",
+        "shortcuts": "Տեսնել արագ գործողությունների կոճակները(shortcuts)",
+        "speakerStats": "Հռետորի վիճակագրությունը",
+        "startScreenSharing": "",
+        "startSubtitles": "",
+        "startvideoblur": "",
+        "stopScreenSharing": "",
+        "stopSharedVideo": "Կանգնեցնել Youtube Video-ն",
+        "stopSubtitles": "",
+        "stopvideoblur": "",
+        "talkWhileMutedPopup": "Փորձում եք խոսե՞լ: Ձեր ձայնը անջատված է:",
+        "tileViewToggle": "",
+        "toggleCamera": "",
+        "videomute": "Միացնել/Անջատել տեսախցիկը"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "",
+        "error": "Ձայնագրությյունը չստացվեց: Փորձեք կրկին",
+        "expandedLabel": "",
+        "failedToStart": "",
+        "labelToolTip": "",
+        "off": "",
+        "pending": "",
+        "start": "",
+        "stop": "",
+        "tr": ""
+    },
+    "userMedia": {
+        "grantPermissions": "Խնդրում ենք տրամադրել տեսախցիկը և խոսափողը օգտագործելու թույլտվություններ."
+    },
+    "videoSIPGW": {
+        "busy": "",
+        "busyTitle": "",
+        "errorAlreadyInvited": "",
+        "errorInvite": "",
+        "errorInviteFailed": "",
+        "errorInviteFailedTitle": "",
+        "errorInviteTitle": "",
+        "pending": ""
+    },
+    "videoStatus": {
+        "audioOnly": "",
+        "audioOnlyExpanded": "",
+        "callQuality": "",
+        "hd": "",
+        "highDefinition": "",
+        "labelTooiltipNoVideo": "",
+        "labelTooltipAudioOnly": "",
+        "ld": "",
+        "lowDefinition": "",
+        "onlyAudioAvailable": "",
+        "onlyAudioSupported": "",
+        "sd": "",
+        "standardDefinition": ""
+    },
+    "videothumbnail": {
+        "domute": "Անջատել ձայնը",
+        "flip": "Շրջել",
+        "kick": "Դուրս հանել",
+        "moderator": "Մոդերատոր",
+        "mute": "Մասնակիցը անջատեց ձայնը",
+        "muted": "Ձայնը անջատված է",
+        "remoteControl": "Հեռակառավարում",
+        "show": "",
+        "videomute": ""
+    },
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "",
+            "roomname": "Մուտքագրեք սենյակի անունը"
+        },
+        "appDescription": "",
+        "audioVideoSwitch": {
+            "audio": "Ձայն",
+            "video": "Վիդեո"
+        },
+        "calendar": "Օրացույց",
+        "connectCalendarButton": "",
+        "connectCalendarText": "",
+        "enterRoomTitle": "",
+        "go": "ՄՈՒՏՔ",
+        "info": "",
+        "join": "Միանալ",
+        "privacy": "Գաղտնիություն",
+        "recentList": "",
+        "recentListDelete": "",
+        "recentListEmpty": "",
+        "reducedUIText": "",
+        "roomname": "Մուտքագրեք սենյակի անունը",
+        "roomnameHint": "Մուտքագրեք այն սենյակի համարը կամ URL-ը, որին ցանկանում եք միանալ։ Դուք կարող եք ստեղծել անուն և դա հայտնեք մնացած մասնակիցներին, որպեսզի նրանք կարողանան մուտք գործել այդ նույն անունով։",
+        "sendFeedback": "Թողնել կարծիք",
+        "terms": "Տերմիններ",
+        "title": ""
+    }
+}
diff --git a/lang/main-id.json b/lang/main-id.json
new file mode 100644
index 0000000..9a49c36
--- /dev/null
+++ b/lang/main-id.json
@@ -0,0 +1,1549 @@
+{
+    "addPeople": {
+        "accessibilityLabel": {
+            "meetingLink": "Tautan rapat: {{url}}"
+        },
+        "add": "Undang",
+        "addContacts": "Undang kontak Anda",
+        "contacts": "kontak",
+        "copyInvite": "Salin undangan rapat",
+        "copyLink": "Salin tautan rapat",
+        "copyStream": "Salin tautan streaming langsung",
+        "countryNotSupported": "Kami belum mendukung destinasi ini.",
+        "countryReminder": "Menelepon ke luar AS? Pastikan Anda memulai dengan kode negara!",
+        "defaultEmail": "Email Default Anda",
+        "disabled": "Anda tidak dapat mengundang orang lain.",
+        "failedToAdd": "Gagal menambahkan peserta",
+        "googleEmail": "Email Google",
+        "inviteMoreHeader": "Anda adalah satu-satunya yang ada di dalam rapat",
+        "inviteMoreMailSubject": "Bergabunglah dengan rapat {{appName}}",
+        "inviteMorePrompt": "Undang lebih banyak orang",
+        "linkCopied": "Tautan disalin ke papan klip",
+        "noResults": "Tidak ada hasil pencarian yang cocok",
+        "outlookEmail": "Email Outlook",
+        "phoneNumbers": "nomor telepon",
+        "searching": "Mencari…",
+        "shareInvite": "Bagikan undangan rapat",
+        "shareLink": "Bagikan tautan rapat untuk mengundang orang lain",
+        "shareStream": "Bagikan tautan streaming langsung",
+        "sipAddresses": "alamat sip",
+        "telephone": "Telepon: {{number}}",
+        "title": "Undang orang ke rapat ini",
+        "yahooEmail": "Email Yahoo"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "car": "Audio Mobil",
+        "headphones": "Headphone",
+        "none": "Tidak ada perangkat audio yang tersedia",
+        "phone": "Ponsel",
+        "speaker": "Speaker"
+    },
+    "audioOnly": {
+        "audioOnly": "Bandwidth rendah"
+    },
+    "bandwidthSettings": {
+        "assumedBandwidthBps": "misalnya 10000000 untuk 10 Mbps",
+        "assumedBandwidthBpsWarning": "Nilai yang lebih tinggi dapat menyebabkan masalah jaringan.",
+        "customValue": "nilai kustom",
+        "customValueEffect": "untuk mengatur nilai bps yang sebenarnya",
+        "leaveEmpty": "biarkan kosong",
+        "leaveEmptyEffect": "untuk memungkinkan estimasi dilakukan",
+        "possibleValues": "Nilai yang mungkin",
+        "setAssumedBandwidthBps": "Bandwidth yang diasumsikan (bps)",
+        "title": "Pengaturan bandwidth",
+        "zeroEffect": "untuk menonaktifkan video"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "Tambahkan ruang breakout",
+            "autoAssign": "Tetapkan secara otomatis ke ruang breakout",
+            "close": "Tutup",
+            "join": "Gabung",
+            "leaveBreakoutRoom": "Tinggalkan ruang breakout",
+            "more": "Lainnya",
+            "remove": "Hapus",
+            "rename": "Ganti nama",
+            "renameBreakoutRoom": "Ganti nama ruang breakout",
+            "sendToBreakoutRoom": "Kirim peserta ke:"
+        },
+        "breakoutList": "Daftar breakout",
+        "buttonLabel": "Ruang breakout",
+        "defaultName": "Ruang breakout #{{index}}",
+        "hideParticipantList": "Sembunyikan daftar peserta",
+        "mainRoom": "Ruang utama",
+        "notifications": {
+            "joined": "Bergabung dengan ruang breakout \"{{name}}\"",
+            "joinedMainRoom": "Bergabung dengan ruang utama",
+            "joinedTitle": "Ruang Breakout"
+        },
+        "showParticipantList": "Tampilkan daftar peserta",
+        "title": "Ruang Breakout"
+    },
+    "calendarSync": {
+        "addMeetingURL": "Tambahkan tautan rapat",
+        "confirmAddLink": "Apakah Anda ingin menambahkan tautan Jitsi ke acara ini?",
+        "error": {
+            "appConfiguration": "Integrasi kalender tidak dikonfigurasi dengan benar.",
+            "generic": "Terjadi kesalahan. Harap periksa pengaturan kalender Anda atau coba perbarui kalender.",
+            "notSignedIn": "Terjadi kesalahan saat mengautentikasi untuk melihat acara kalender. Harap periksa pengaturan kalender Anda dan coba masuk kembali."
+        },
+        "join": "Gabung",
+        "joinTooltip": "Gabung ke rapat",
+        "nextMeeting": "Rapat berikutnya",
+        "noEvents": "Tidak ada acara mendatang yang dijadwalkan.",
+        "ongoingMeeting": "Rapat sedang berlangsung",
+        "permissionButton": "Buka pengaturan",
+        "permissionMessage": "Izin Kalender diperlukan untuk melihat rapat Anda dalam aplikasi.",
+        "refresh": "Perbarui kalender",
+        "today": "Hari ini"
+    },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "Pilih perangkat suara"
+        },
+        "labels": {
+            "buttonLabel": "Mode mobil",
+            "title": "Mode mobil",
+            "videoStopped": "Video Anda dihentikan"
+        }
+    },
+    "chat": {
+        "enter": "Masuk ke ruang",
+        "error": "Error: pesan Anda tidak terkirim. Alasan: {{error}}",
+        "fieldPlaceHolder": "Aa",
+        "lobbyChatMessageTo": "Pesan obrolan lobby ke {{recipient}}",
+        "message": "Pesan",
+        "messageAccessibleTitle": "{{user}} berkata:",
+        "messageAccessibleTitleMe": "saya berkata:",
+        "messageTo": "Pesan pribadi ke {{recipient}}",
+        "messagebox": "Ketik pesan",
+        "newMessages": "Pesan baru",
+        "nickname": {
+            "popover": "Pilih nama panggilan",
+            "title": "Masukkan nama panggilan untuk menggunakan obrolan",
+            "titleWithPolls": "Masukkan nama panggilan untuk menggunakan obrolan dan jajak pendapat"
+        },
+        "noMessagesMessage": "Belum ada pesan dalam pertemuan ini. Mulai percakapan di sini!",
+        "privateNotice": "Pesan pribadi ke {{recipient}}",
+        "sendButton": "Kirim",
+        "smileysPanel": "Panel Emoji",
+        "systemDisplayName": "Sistem",
+        "tabs": {
+            "chat": "Obrolan",
+            "polls": "Jajak Pendapat"
+        },
+        "title": "Obrolan",
+        "titleWithPolls": "Obrolan dan Jajak Pendapat",
+        "you": "Anda"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Pasang Ekstensi Chrome",
+        "buttonTextEdge": "Pasang Ekstensi Edge",
+        "close": "Tutup",
+        "dontShowAgain": "Jangan tampilkan ini lagi",
+        "installExtensionText": "Pasang ekstensi untuk integrasi Google Calendar dan Office 365"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Menghubungkan Anda ke pertemuan Anda…"
+    },
+    "connection": {
+        "ATTACHED": "Terlampir",
+        "AUTHENTICATING": "Mengautentikasi",
+        "AUTHFAIL": "Autentikasi gagal",
+        "CONNECTED": "Terhubung",
+        "CONNECTING": "Menghubungkan",
+        "CONNFAIL": "Gagal terhubung",
+        "DISCONNECTED": "Terputus",
+        "DISCONNECTING": "Memutuskan",
+        "ERROR": "Error",
+        "FETCH_SESSION_ID": "Mendapatkan session-id…",
+        "GET_SESSION_ID_ERROR": "Error mendapatkan session-id: {{code}}",
+        "GOT_SESSION_ID": "Mendapatkan session-id… Selesai",
+        "LOW_BANDWIDTH": "Video untuk {{displayName}} telah dimatikan untuk menghemat bandwidth"
+    },
+    "connectionindicator": {
+        "address": "Alamat:",
+        "audio_ssrc": "Audio SSRC:",
+        "bandwidth": "Perkiraan bandwidth:",
+        "bitrate": "Bitrate:",
+        "bridgeCount": "Jumlah server: ",
+        "codecs": "Codec (A/V): ",
+        "connectedTo": "Terhubung ke:",
+        "e2eeVerified": "E2EE diverifikasi:",
+        "framerate": "Frame rate:",
+        "less": "Tampilkan lebih sedikit",
+        "localaddress": "Alamat lokal:",
+        "localaddress_plural": "Alamat lokal:",
+        "localport": "Port lokal:",
+        "localport_plural": "Port lokal:",
+        "maxEnabledResolution": "kirim maks",
+        "more": "Tampilkan lebih banyak",
+        "no": "tidak",
+        "packetloss": "Packet loss:",
+        "participant_id": "ID Partisipan:",
+        "quality": {
+            "good": "Bagus",
+            "inactive": "Tidak aktif",
+            "lost": "Hilang",
+            "nonoptimal": "Nonoptimal",
+            "poor": "Buruk"
+        },
+        "remoteaddress": "Alamat remote:",
+        "remoteaddress_plural": "Alamat remote:",
+        "remoteport": "Port remote:",
+        "remoteport_plural": "Port remote:",
+        "resolution": "Resolusi:",
+        "savelogs": "Simpan log",
+        "status": "Koneksi:",
+        "transport": "Transport:",
+        "transport_plural": "Transport:",
+        "video_ssrc": "Video SSRC:",
+        "yes": "ya"
+    },
+    "dateUtils": {
+        "earlier": "Lebih awal",
+        "today": "Hari ini",
+        "yesterday": "Kemarin"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Anda memerlukan aplikasi seluler {{app}} untuk bergabung dengan pertemuan ini di ponsel Anda.",
+        "description": "Tidak terjadi apa-apa? Kami mencoba meluncurkan pertemuan Anda di aplikasi desktop {{app}}. Coba lagi atau buka di aplikasi web {{app}}.",
+        "descriptionNew": "Tidak terjadi apa-apa? Kami mencoba meluncurkan pertemuan Anda di aplikasi desktop {{app}}. <br /><br /> Anda dapat mencoba lagi atau buka di web.",
+        "descriptionWithoutWeb": "Tidak terjadi apa-apa? Kami mencoba meluncurkan pertemuan Anda di aplikasi desktop {{app}}.",
+        "downloadApp": "Unduh aplikasi",
+        "downloadMobileApp": "Unduh dari App Store",
+        "ifDoNotHaveApp": "Jika Anda belum memiliki aplikasi:",
+        "ifHaveApp": "Jika Anda sudah memiliki aplikasi:",
+        "joinInApp": "Bergabung dengan pertemuan ini menggunakan aplikasi",
+        "joinInAppNew": "Bergabung dalam aplikasi",
+        "joinInBrowser": "Bergabung di peramban",
+        "launchMeetingLabel": "Bagaimana Anda ingin bergabung dengan pertemuan ini?",
+        "launchWebButton": "Buka di web",
+        "noDesktopApp": "Anda tidak memiliki aplikasinya?",
+        "noMobileApp": "Anda tidak memiliki aplikasinya?",
+        "or": "ATAU",
+        "termsAndConditions": "Dengan melanjutkan Anda menyetujui <a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'>syarat & ketentuan</a> kami.",
+        "title": "Meluncurkan pertemuan Anda di {{app}}…",
+        "titleNew": "Meluncurkan pertemuan Anda…",
+        "tryAgainButton": "Coba lagi di desktop",
+        "unsupportedBrowser": "Sepertinya Anda menggunakan peramban yang tidak kami dukung."
+    },
+    "defaultLink": "contoh. {{url}}",
+    "defaultNickname": "contoh. Jane Pink",
+    "deviceError": {
+        "cameraError": "Gagal mengakses kamera Anda",
+        "cameraPermission": "Error memperoleh izin kamera",
+        "microphoneError": "Gagal mengakses mikrofon Anda",
+        "microphonePermission": "Error memperoleh izin mikrofon"
+    },
+    "deviceSelection": {
+        "hid": {
+            "callControl": "Kontrol panggilan",
+            "connectedDevices": "Perangkat terhubung:",
+            "deleteDevice": "Hapus perangkat",
+            "pairDevice": "Pasangkan perangkat"
+        },
+        "noPermission": "Izin tidak diberikan",
+        "previewUnavailable": "Pratinjau tidak tersedia",
+        "selectADevice": "Pilih perangkat",
+        "testAudio": "Uji"
+    },
+    "dialIn": {
+        "screenTitle": "Ringkasan panggilan masuk"
+    },
+    "dialOut": {
+        "statusMessage": "sekarang {{status}}"
+    },
+    "dialog": {
+        "Back": "Kembali",
+        "Cancel": "Batal",
+        "IamHost": "Masuk",
+        "Ok": "OK",
+        "Remove": "Hapus",
+        "Share": "Bagikan",
+        "Submit": "Kirim",
+        "WaitForHostMsg": "Konferensi belum dimulai karena belum ada moderator yang datang. Jika Anda ingin menjadi moderator, silakan masuk. Jika tidak, harap tunggu.",
+        "WaitForHostNoAuthMsg": "Konferensi belum dimulai karena belum ada moderator yang datang. Harap tunggu.",
+        "WaitingForHostButton": "Tunggu moderator",
+        "WaitingForHostTitle": "Menunggu moderator…",
+        "Yes": "Ya",
+        "accessibilityLabel": {
+            "Cancel": "Batal (tinggalkan dialog)",
+            "Ok": "OK (simpan dan tinggalkan dialog)",
+            "close": "Tutup dialog",
+            "liveStreaming": "Streaming Langsung",
+            "sharingTabs": "Opsi Berbagi"
+        },
+        "add": "Tambah",
+        "addMeetingNote": "Tambahkan catatan tentang pertemuan ini",
+        "addOptionalNote": "Tambahkan catatan (opsional):",
+        "allow": "Izinkan",
+        "allowToggleCameraDialog": "Apakah Anda mengizinkan {{initiatorName}} untuk mengubah mode kamera Anda?",
+        "allowToggleCameraTitle": "Izinkan ubah kamera?",
+        "alreadySharedVideoMsg": "Partisipan lain sudah membagikan video. Konferensi ini hanya memungkinkan satu video yang dibagikan pada satu waktu.",
+        "alreadySharedVideoTitle": "Hanya satu video yang diizinkan pada satu waktu",
+        "applicationWindow": "Jendela aplikasi",
+        "authenticationRequired": "Autentikasi diperlukan",
+        "cameraConstraintFailedError": "Kamera Anda tidak memenuhi beberapa batasan yang diperlukan.",
+        "cameraNotFoundError": "Kamera tidak ditemukan.",
+        "cameraNotSendingData": "Kami tidak dapat mengakses kamera Anda. Periksa apakah aplikasi lain menggunakan perangkat ini, pilih perangkat lain dari menu pengaturan, atau coba muat ulang aplikasi.",
+        "cameraNotSendingDataTitle": "Tidak dapat mengakses kamera",
+        "cameraPermissionDeniedError": "Anda belum memberikan izin untuk menggunakan kamera Anda. Anda masih dapat bergabung dengan konferensi tetapi orang lain tidak akan melihat Anda. Gunakan tombol kamera di bilah alamat untuk memperbaikinya.",
+        "cameraTimeoutError": "Tidak dapat memulai sumber video. Timeout terjadi!",
+        "cameraUnknownError": "Tidak dapat menggunakan kamera karena alasan yang tidak diketahui.",
+        "cameraUnsupportedResolutionError": "Kamera Anda tidak mendukung resolusi video yang diperlukan.",
+        "close": "Tutup",
+        "conferenceDisconnectMsg": "Anda mungkin ingin memeriksa koneksi jaringan Anda. Menghubungkan kembali dalam {{seconds}} detik…",
+        "conferenceDisconnectTitle": "Anda telah terputus.",
+        "conferenceReloadMsg": "Kami mencoba memperbaiki ini. Menghubungkan kembali dalam {{seconds}} detik…",
+        "conferenceReloadTitle": "Sayangnya, terjadi kesalahan.",
+        "confirm": "Konfirmasi",
+        "confirmNo": "Tidak",
+        "confirmYes": "Ya",
+        "connectError": "Ups! Ada yang salah dan kami tidak bisa terhubung ke konferensi.",
+        "connectErrorWithMsg": "Ups! Ada yang salah dan kami tidak bisa terhubung ke konferensi: {{msg}}",
+        "connecting": "Menghubungkan",
+        "contactSupport": "Hubungi dukungan",
+        "copied": "Tersalin",
+        "copy": "Salin",
+        "demoteParticipantDialog": "Apakah Anda yakin ingin memindahkan partisipan ini ke pengunjung?",
+        "demoteParticipantTitle": "Pindahkan ke pengunjung",
+        "dismiss": "Abaikan",
+        "displayNameRequired": "Hai! Siapa namamu?",
+        "done": "Selesai",
+        "e2eeDescription": "Enkripsi End-to-End saat ini adalah EKSPERIMENTAL. Harap diingat bahwa mengaktifkan enkripsi end-to-end akan menonaktifkan layanan yang disediakan oleh server seperti: partisipasi telepon. Juga, perlu diingat bahwa pertemuan hanya akan berfungsi bagi orang yang bergabung dari browser dengan dukungan untuk aliran masuk.",
+        "e2eeDisabledDueToMaxModeDescription": "Tidak dapat mengaktifkan Enkripsi End-to-End karena jumlah partisipan yang besar dalam konferensi.",
+        "e2eeLabel": "Aktifkan Enkripsi End-to-End",
+        "e2eeWarning": "PERINGATAN: Tidak semua partisipan dalam pertemuan ini tampaknya memiliki dukungan untuk Enkripsi End-to-End. Jika Anda mengaktifkannya, mereka tidak akan dapat melihat atau mendengar Anda.",
+        "e2eeWillDisableDueToMaxModeDescription": "PERINGATAN: Enkripsi End-to-End akan dinonaktifkan secara otomatis jika lebih banyak partisipan bergabung dalam konferensi.",
+        "embedMeeting": "Sematkan pertemuan",
+        "enterDisplayName": "Masukkan namamu",
+        "error": "Error",
+        "errorRoomCreationRestriction": "Anda mencoba bergabung terlalu cepat, harap kembali beberapa saat lagi.",
+        "gracefulShutdown": "Layanan kami saat ini tidak berfungsi karena pemeliharaan. Silakan coba lagi nanti.",
+        "grantModeratorDialog": "Apakah Anda yakin ingin memberikan hak moderator kepada {{participantName}}?",
+        "grantModeratorTitle": "Berikan hak moderator",
+        "hide": "Sembunyikan",
+        "hideShareAudioHelper": "Jangan tampilkan dialog ini lagi",
+        "incorrectPassword": "Nama pengguna atau kata sandi salah",
+        "incorrectRoomLockPassword": "Kata sandi salah",
+        "internalError": "Ups! Ada yang salah. Kesalahan berikut terjadi: {{error}}",
+        "internalErrorTitle": "Kesalahan internal",
+        "kickMessage": "Anda dapat menghubungi {{participantDisplayName}} untuk detail lebih lanjut.",
+        "kickParticipantButton": "Keluarkan",
+        "kickParticipantDialog": "Apakah Anda yakin ingin mengeluarkan partisipan ini?",
+        "kickParticipantTitle": "Keluarkan partisipan ini?",
+        "kickTitle": "Ouch! {{participantDisplayName}} mengeluarkan Anda dari pertemuan",
+        "linkMeeting": "Tautkan pertemuan",
+        "linkMeetingTitle": "Tautkan pertemuan ke Salesforce",
+        "liveStreaming": "Streaming Langsung",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "Tidak mungkin saat perekaman aktif",
+        "localUserControls": "Kontrol pengguna lokal",
+        "lockMessage": "Gagal mengunci konferensi.",
+        "lockRoom": "Tambahkan kata sandi pertemuan $t(lockRoomPassword)",
+        "lockTitle": "Kunci gagal",
+        "login": "Masuk",
+        "loginQuestion": "Apakah Anda yakin ingin masuk dan meninggalkan konferensi?",
+        "logoutQuestion": "Apakah Anda yakin ingin keluar dan meninggalkan konferensi?",
+        "logoutTitle": "Keluar",
+        "maxUsersLimitReached": "Batas jumlah peserta maksimum telah tercapai. Konferensi penuh. Harap hubungi pemilik pertemuan atau coba lagi nanti!",
+        "maxUsersLimitReachedTitle": "Batas peserta maksimum tercapai",
+        "micConstraintFailedError": "Mikrofon Anda tidak memenuhi beberapa batasan yang diperlukan.",
+        "micNotFoundError": "Mikrofon tidak ditemukan.",
+        "micNotSendingData": "Buka pengaturan komputer Anda untuk membuka suara mikrofon Anda dan menyesuaikan levelnya",
+        "micNotSendingDataTitle": "Mikrofon Anda dibisukan oleh pengaturan sistem Anda",
+        "micPermissionDeniedError": "Anda belum memberikan izin untuk menggunakan mikrofon Anda. Anda masih dapat bergabung dengan konferensi tetapi orang lain tidak akan mendengar Anda. Gunakan tombol kamera di bilah alamat untuk memperbaikinya.",
+        "micTimeoutError": "Tidak dapat memulai sumber audio. Timeout terjadi!",
+        "micUnknownError": "Tidak dapat menggunakan mikrofon karena alasan yang tidak diketahui.",
+        "moderationAudioLabel": "Izinkan peserta membuka suara mereka sendiri",
+        "moderationVideoLabel": "Izinkan peserta untuk memulai video mereka",
+        "muteEveryoneDialog": "Partisipan dapat membuka suara mereka sendiri kapan saja.",
+        "muteEveryoneDialogModerationOn": "Partisipan dapat mengirim permintaan untuk berbicara kapan saja.",
+        "muteEveryoneElseDialog": "Setelah dibisukan, Anda tidak akan bisa membukanya kembali, tetapi mereka dapat membuka suara mereka kapan saja.",
+        "muteEveryoneElseTitle": "Bisukan semua kecuali {{whom}}?",
+        "muteEveryoneElsesVideoDialog": "Setelah kamera dinonaktifkan, Anda tidak akan bisa mengaktifkannya kembali, tetapi mereka dapat mengaktifkannya kembali kapan saja.",
+        "muteEveryoneElsesVideoTitle": "Hentikan video semua kecuali {{whom}}?",
+        "muteEveryoneSelf": "dirimu sendiri",
+        "muteEveryoneStartMuted": "Semua orang mulai dibisukan dari sekarang",
+        "muteEveryoneTitle": "Bisukan semua?",
+        "muteEveryonesVideoDialog": "Partisipan dapat menyalakan video mereka kapan saja.",
+        "muteEveryonesVideoDialogModerationOn": "Partisipan dapat mengirim permintaan untuk menyalakan video mereka kapan saja.",
+        "muteEveryonesVideoDialogOk": "Nonaktifkan",
+        "muteEveryonesVideoTitle": "Hentikan video semua orang?",
+        "muteParticipantBody": "Anda tidak akan bisa membukanya kembali, tetapi mereka dapat membuka suara mereka kapan saja.",
+        "muteParticipantButton": "Bisukan",
+        "muteParticipantsVideoBody": "Anda tidak akan bisa menyalakan kamera kembali, tetapi mereka dapat menyalakannya kembali kapan saja.",
+        "muteParticipantsVideoBodyModerationOn": "Anda tidak akan bisa menyalakan kamera kembali dan mereka juga tidak akan bisa.",
+        "muteParticipantsVideoButton": "Hentikan video",
+        "muteParticipantsVideoDialog": "Apakah Anda yakin ingin menonaktifkan kamera partisipan ini? Anda tidak akan bisa menyalakan kamera kembali, tetapi mereka dapat menyalakannya kembali kapan saja.",
+        "muteParticipantsVideoDialogModerationOn": "Apakah Anda yakin ingin menonaktifkan kamera partisipan ini? Anda tidak akan bisa menyalakan kamera kembali dan mereka juga tidak akan bisa.",
+        "muteParticipantsVideoTitle": "Nonaktifkan kamera partisipan ini?",
+        "noDropboxToken": "Tidak ada token Dropbox valid",
+        "password": "Kata sandi",
+        "passwordLabel": "Konferensi telah dikunci oleh seorang partisipan. Harap masukkan $t(lockRoomPassword) untuk bergabung.",
+        "passwordNotSupported": "Pengaturan $t(lockRoomPassword) pertemuan tidak didukung.",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) tidak didukung",
+        "passwordRequired": "$t(lockRoomPasswordUppercase) diperlukan",
+        "permissionCameraRequiredError": "Izin kamera diperlukan untuk berpartisipasi dalam konferensi dengan video. Harap berikan izin tersebut di Pengaturan",
+        "permissionErrorTitle": "Izin diperlukan",
+        "permissionMicRequiredError": "Izin mikrofon diperlukan untuk berpartisipasi dalam konferensi dengan audio. Harap berikan izin tersebut di Pengaturan",
+        "readMore": "lebih lanjut",
+        "recentlyUsedObjects": "Objek yang Anda gunakan baru-baru ini",
+        "recording": "Merekam",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "Tidak mungkin saat streaming langsung aktif",
+        "rejoinNow": "Gabung kembali sekarang",
+        "remoteControlAllowedMessage": "{{user}} menerima permintaan kontrol jarak jauh Anda!",
+        "remoteControlDeniedMessage": "{{user}} menolak permintaan kontrol jarak jauh Anda!",
+        "remoteControlErrorMessage": "Terjadi kesalahan saat mencoba meminta izin kontrol jarak jauh dari {{user}}!",
+        "remoteControlRequestMessage": "Apakah Anda akan mengizinkan {{user}} untuk mengontrol desktop Anda dari jarak jauh?",
+        "remoteControlShareScreenWarning": "Perhatikan bahwa jika Anda menekan \"Izinkan\" Anda akan membagikan layar Anda!",
+        "remoteControlStopMessage": "Sesi kontrol jarak jauh berakhir!",
+        "remoteControlTitle": "Kontrol desktop jarak jauh",
+        "remoteUserControls": "Kontrol pengguna jarak jauh dari {{username}}",
+        "removePassword": "Hapus $t(lockRoomPassword)",
+        "removeSharedVideoMsg": "Apakah Anda yakin ingin menghapus video yang Anda bagikan?",
+        "removeSharedVideoTitle": "Hapus video yang dibagikan",
+        "renameBreakoutRoomLabel": "Nama ruang",
+        "renameBreakoutRoomTitle": "Ubah nama ruang breakout",
+        "reservationError": "Kesalahan sistem reservasi",
+        "reservationErrorMsg": "Kode kesalahan: {{code}}, pesan: {{msg}}",
+        "retry": "Coba lagi",
+        "screenSharingAudio": "Bagikan audio",
+        "screenSharingFailed": "Ups! Ada yang salah, kami tidak dapat memulai berbagi layar!",
+        "screenSharingFailedTitle": "Berbagi layar gagal!",
+        "screenSharingPermissionDeniedError": "Ups! Ada yang salah dengan izin berbagi layar Anda. Harap muat ulang dan coba lagi.",
+        "searchInSalesforce": "Cari di Salesforce",
+        "searchResults": "Hasil pencarian ({{count}})",
+        "searchResultsDetailsError": "Ada masalah saat mengambil data pemilik.",
+        "searchResultsError": "Ada masalah saat mengambil data.",
+        "searchResultsNotFound": "Tidak ada hasil pencarian ditemukan.",
+        "searchResultsTryAgain": "Coba gunakan kata kunci alternatif.",
+        "sendPrivateMessage": "Anda baru saja menerima pesan pribadi. Apakah Anda bermaksud untuk membalas secara pribadi, atau Anda ingin mengirim pesan Anda ke grup?",
+        "sendPrivateMessageCancel": "Kirim ke grup",
+        "sendPrivateMessageOk": "Kirim secara pribadi",
+        "sendPrivateMessageTitle": "Kirim secara pribadi?",
+        "serviceUnavailable": "Layanan tidak tersedia",
+        "sessTerminated": "Panggilan berakhir",
+        "sessTerminatedReason": "Pertemuan telah berakhir",
+        "sessionRestarted": "Panggilan diulang karena masalah koneksi.",
+        "shareAudio": "Lanjutkan",
+        "shareAudioAltText": "untuk membagikan konten yang diinginkan, navigasikan ke \"Tab Browser\", pilih konten, aktifkan tanda centang \"bagikan audio\" dan klik tombol \"bagikan\"",
+        "shareAudioTitle": "Bagaimana cara berbagi audio",
+        "shareAudioWarningD1": "Anda perlu menghentikan berbagi layar sebelum berbagi audio Anda.",
+        "shareAudioWarningD2": "Anda perlu me-restart berbagi layar Anda dan memeriksa opsi \"bagikan audio\".",
+        "shareAudioWarningH1": "Jika Anda hanya ingin berbagi audio:",
+        "shareAudioWarningTitle": "Anda perlu menghentikan berbagi layar sebelum berbagi audio",
+        "shareMediaWarningGenericH2": "Jika Anda ingin berbagi layar dan audio Anda",
+        "shareScreenWarningD1": "Anda perlu menghentikan berbagi audio sebelum berbagi layar Anda.",
+        "shareScreenWarningD2": "Anda perlu menghentikan berbagi audio, memulai berbagi layar, dan memeriksa opsi \"bagikan audio\".",
+        "shareScreenWarningH1": "Jika Anda hanya ingin berbagi layar Anda:",
+        "shareScreenWarningTitle": "Anda perlu menghentikan berbagi audio sebelum berbagi layar Anda",
+        "shareVideoLinkError": "Harap berikan tautan video yang benar.",
+        "shareVideoTitle": "Bagikan video",
+        "shareYourScreen": "Bagikan layar Anda",
+        "shareYourScreenDisabled": "Berbagi layar dinonaktifkan.",
+        "sharedVideoDialogError": "Kesalahan: URL tidak valid",
+        "sharedVideoLinkPlaceholder": "Tautan YouTube atau tautan video langsung",
+        "show": "Tampilkan",
+        "start": "Mulai",
+        "startLiveStreaming": "Mulai streaming langsung",
+        "startRecording": "Mulai perekaman",
+        "startRemoteControlErrorMessage": "Terjadi kesalahan saat mencoba memulai sesi kontrol jarak jauh!",
+        "stopLiveStreaming": "Hentikan streaming langsung",
+        "stopRecording": "Hentikan perekaman",
+        "stopRecordingWarning": "Apakah Anda yakin ingin menghentikan perekaman?",
+        "stopStreamingWarning": "Apakah Anda yakin ingin menghentikan streaming langsung?",
+        "streamKey": "Kunci streaming langsung",
+        "thankYou": "Terima kasih telah menggunakan {{appName}}!",
+        "token": "token",
+        "tokenAuthFailed": "Maaf, Anda tidak diizinkan untuk bergabung dengan panggilan ini.",
+        "tokenAuthFailedReason": {
+            "audInvalid": "Nilai `aud` tidak valid. Harus `jitsi`.",
+            "contextNotFound": "Objek `context` hilang dari muatan.",
+            "expInvalid": "Nilai `exp` tidak valid.",
+            "featureInvalid": "Fitur tidak valid: {{feature}}, kemungkinan besar belum diimplementasikan.",
+            "featureValueInvalid": "Nilai tidak valid untuk fitur: {{feature}}.",
+            "featuresNotFound": "Objek `features` hilang dari muatan.",
+            "headerNotFound": "Tidak ada header.",
+            "issInvalid": "Nilai `iss` tidak valid. Harus `chat`.",
+            "kidMismatch": "ID Kunci (kid) tidak cocok dengan sub.",
+            "kidNotFound": "ID Kunci (kid) tidak ditemukan.",
+            "nbfFuture": "Nilai `nbf` berada di masa depan.",
+            "nbfInvalid": "Nilai `nbf` tidak valid.",
+            "payloadNotFound": "Muatan hilang.",
+            "tokenExpired": "Token kedaluwarsa."
+        },
+        "tokenAuthFailedTitle": "Autentikasi gagal",
+        "tokenAuthFailedWithReasons": "Maaf, Anda tidak diizinkan untuk bergabung dengan panggilan ini. Kemungkinan alasan: {{reason}}",
+        "tokenAuthUnsupported": "URL Token tidak didukung.",
+        "transcribing": "Transkripsi",
+        "unlockRoom": "Hapus $t(lockRoomPassword)",
+        "user": "Pengguna",
+        "userIdentifier": "Identifier pengguna",
+        "userPassword": "Kata sandi pengguna",
+        "verifyParticipantConfirm": "Mereka cocok",
+        "verifyParticipantDismiss": "Mereka tidak cocok",
+        "verifyParticipantQuestion": "EKSPERIMENTAL: Tanyakan pada peserta {{participantName}} apakah mereka melihat konten yang sama, dalam urutan yang sama.",
+        "verifyParticipantTitle": "Verifikasi pengguna",
+        "videoLink": "Tautan video",
+        "viewUpgradeOptions": "Lihat opsi peningkatan",
+        "viewUpgradeOptionsContent": "Untuk mendapatkan akses tanpa batas ke fitur premium seperti perekaman, transkripsi, Streaming RTMP & lebih, Anda perlu meningkatkan paket Anda.",
+        "viewUpgradeOptionsTitle": "Anda menemukan fitur premium!",
+        "whiteboardLimitContent": "Maaf, batas pengguna whiteboard bersama telah tercapai.",
+        "whiteboardLimitReference": "Untuk informasi lebih lanjut, silakan kunjungi",
+        "whiteboardLimitReferenceUrl": "situs web kami",
+        "whiteboardLimitTitle": "Penggunaan papan tulis terbatas",
+        "yourEntireScreen": "Seluruh layar Anda"
+    },
+    "documentSharing": {
+        "title": "Dokumen yang Dibagikan"
+    },
+    "e2ee": {
+        "labelToolTip": "Komunikasi Audio dan Video dalam panggilan ini dienkripsi end-to-end"
+    },
+    "embedMeeting": {
+        "title": "Sematkan pertemuan ini"
+    },
+    "feedback": {
+        "accessibilityLabel": {
+            "yourChoice": "Pilihan Anda: {{rating}}"
+        },
+        "average": "Rata-rata",
+        "bad": "Buruk",
+        "detailsLabel": "Beritahu kami lebih lanjut tentang itu.",
+        "good": "Baik",
+        "rateExperience": "Beri penilaian pengalaman pertemuan Anda",
+        "star": "Bintang",
+        "veryBad": "Sangat Buruk",
+        "veryGood": "Sangat Baik"
+    },
+    "filmstrip": {
+        "accessibilityLabel": {
+            "heading": "Thumbnail Video"
+        }
+    },
+    "giphy": {
+        "noResults": "Tidak ada hasil yang ditemukan :(",
+        "search": "Cari di GIPHY"
+    },
+    "incomingCall": {
+        "answer": "Jawab",
+        "audioCallTitle": "Panggilan Masuk",
+        "decline": "Tolak",
+        "productLabel": "dari Jitsi Meet",
+        "videoCallTitle": "Panggilan Video Masuk"
+    },
+    "info": {
+        "accessibilityLabel": "Tampilkan info",
+        "addPassword": "Tambahkan $t(lockRoomPassword)",
+        "cancelPassword": "Batalkan $t(lockRoomPassword)",
+        "conferenceURL": "Tautan:",
+        "copyNumber": "Salin nomor",
+        "country": "Negara",
+        "dialANumber": "Untuk bergabung dengan pertemuan Anda, tekan salah satu nomor ini dan masukkan pin.",
+        "dialInConferenceID": "PIN:",
+        "dialInNotSupported": "Maaf, pemanggilan saat ini tidak didukung.",
+        "dialInNumber": "Dial-in:",
+        "dialInSummaryError": "Kesalahan dalam mengambil info dial-in sekarang. Silakan coba lagi nanti.",
+        "dialInTollFree": "Bebas Pulsa",
+        "genericError": "Whups, ada yang salah.",
+        "inviteLiveStream": "Untuk melihat streaming langsung pertemuan ini, klik tautan ini: {{url}}",
+        "invitePhone": "Untuk bergabung melalui telepon, ketuk ini: {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Mencari nomor panggilan lain?\nLihat nomor panggilan pertemuan: {{url}}\n\n\nJika juga melakukan panggilan melalui telepon ruangan, bergabung tanpa menghubungkan ke audio: {{silentUrl}}",
+        "inviteSipEndpoint": "Untuk bergabung menggunakan alamat SIP, masukkan ini: {{sipUri}}",
+        "inviteTextiOSInviteUrl": "Klik tautan berikut untuk bergabung: {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "Jika Anda melakukan panggilan melalui telepon ruangan, gunakan tautan ini untuk bergabung tanpa menghubungkan ke audio: {{silentUrl}}.",
+        "inviteTextiOSPersonal": "{{name}} mengundang Anda ke pertemuan.",
+        "inviteTextiOSPhone": "Untuk bergabung melalui telepon, gunakan nomor ini: {{number}},,{{conferenceID}}#. Jika Anda mencari nomor lain, ini daftar lengkapnya: {{didUrl}}.",
+        "inviteURLFirstPartGeneral": "Anda diundang untuk bergabung dalam pertemuan.",
+        "inviteURLFirstPartPersonal": "{{name}} mengundang Anda ke pertemuan.\n",
+        "inviteURLSecondPart": "\nBergabunglah dalam pertemuan:\n{{url}}\n",
+        "label": "Info Dial-in",
+        "liveStreamURL": "Streaming langsung:",
+        "moreNumbers": "Lebih banyak nomor",
+        "noNumbers": "Tidak ada nomor dial-in.",
+        "noPassword": "Tidak ada",
+        "noRoom": "Tidak ada ruangan yang ditentukan untuk dial-in.",
+        "noWhiteboard": "Tidak dapat memuat papan tulis.",
+        "numbers": "Nomor-nomor Dial-in",
+        "password": "$t(lockRoomPasswordUppercase): ",
+        "reachedLimit": "Anda telah mencapai batas paket Anda.",
+        "sip": "Alamat SIP",
+        "sipAudioOnly": "Alamat audio SIP saja",
+        "title": "Bagikan",
+        "tooltip": "Bagikan tautan dan info dial-in untuk pertemuan ini",
+        "upgradeOptions": "Silakan periksa opsi peningkatan di",
+        "whiteboardError": "Kesalahan dalam memuat papan tulis. Silakan coba lagi nanti."
+    },
+    "inlineDialogFailure": {
+        "msg": "Kami sedikit tersandung.",
+        "retry": "Coba lagi",
+        "support": "Dukungan",
+        "supportMsg": "Jika ini terus terjadi, hubungi"
+    },
+    "inviteDialog": {
+        "alertText": "Gagal mengundang beberapa peserta.",
+        "header": "Undang",
+        "searchCallOnlyPlaceholder": "Masukkan nomor telepon",
+        "searchPeopleOnlyPlaceholder": "Cari peserta",
+        "searchPlaceholder": "Peserta atau nomor telepon",
+        "send": "Kirim"
+    },
+    "jitsiHome": "{{logo}} Logo, tautan ke Beranda",
+    "keyboardShortcuts": {
+        "focusLocal": "Fokus pada video Anda",
+        "focusRemote": "Fokus pada video orang lain",
+        "fullScreen": "Lihat atau keluar dari layar penuh",
+        "giphyMenu": "Beralih menu GIPHY",
+        "keyboardShortcuts": "Pintasan keyboard",
+        "localRecording": "Tampilkan atau sembunyikan kontrol perekaman lokal",
+        "mute": "Bisukan atau aktifkan mikrofon Anda",
+        "pushToTalk": "Tekan untuk berbicara",
+        "raiseHand": "Angkat atau turunkan tangan Anda",
+        "showSpeakerStats": "Tampilkan statistik partisipan",
+        "toggleChat": "Buka atau tutup obrolan",
+        "toggleFilmstrip": "Tampilkan atau sembunyikan thumbnail video",
+        "toggleParticipantsPane": "Tampilkan atau sembunyikan panel partisipan",
+        "toggleScreensharing": "Beralih antara berbagi kamera dan layar",
+        "toggleShortcuts": "Tampilkan atau sembunyikan pintasan keyboard",
+        "videoMute": "Mulai atau hentikan kamera Anda"
+    },
+    "largeVideo": {
+        "screenIsShared": "Anda sedang membagikan layar Anda",
+        "showMeWhatImSharing": "Tunjukkan apa yang saya bagikan"
+    },
+    "liveStreaming": {
+        "busy": "Kami sedang berupaya untuk membebaskan sumber daya streaming. Silakan coba lagi dalam beberapa menit.",
+        "busyTitle": "Semua streamer saat ini sibuk",
+        "changeSignIn": "Ganti akun.",
+        "choose": "Pilih siaran langsung",
+        "chooseCTA": "Pilih opsi streaming. Anda saat ini masuk sebagai {{email}}.",
+        "enterStreamKey": "Masukkan kunci siaran langsung YouTube Anda di sini.",
+        "error": "Gagal Siaran Langsung. Silakan coba lagi.",
+        "errorAPI": "Terjadi kesalahan saat mengakses siaran YouTube Anda. Silakan coba masuk lagi.",
+        "errorLiveStreamNotEnabled": "Siaran Langsung tidak diaktifkan pada {{email}}. Harap aktifkan siaran langsung atau masuk ke akun dengan siaran langsung diaktifkan.",
+        "expandedOff": "Siaran Langsung telah berhenti",
+        "expandedOn": "Pertemuan saat ini sedang siaran langsung",
+        "expandedPending": "Siaran Langsung sedang dimulai…",
+        "failedToStart": "Gagal memulai Siaran Langsung",
+        "getStreamKeyManually": "Kami tidak dapat mengambil siaran langsung apa pun. Coba dapatkan kunci siaran langsung Anda dari YouTube.",
+        "googlePrivacyPolicy": "Kebijakan Privasi Google",
+        "inProgress": "Perekaman atau siaran langsung sedang berlangsung",
+        "invalidStreamKey": "Kunci siaran langsung mungkin salah.",
+        "limitNotificationDescriptionNative": "Pemutaran streaming Anda akan dibatasi menjadi {{limit}} menit. Untuk streaming tanpa batas, coba {{app}}.",
+        "limitNotificationDescriptionWeb": "Karena permintaan yang tinggi, streaming Anda akan dibatasi menjadi {{limit}} menit. Untuk streaming tanpa batas, coba <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "off": "Siaran Langsung berhenti",
+        "offBy": "{{name}} menghentikan siaran langsung",
+        "on": "Siaran Langsung dimulai",
+        "onBy": "{{name}} memulai siaran langsung",
+        "pending": "Memulai Live Stream…",
+        "serviceName": "Layanan Siaran Langsung",
+        "sessionAlreadyActive": "Sesi ini sudah direkam atau siaran langsung.",
+        "signIn": "Masuk dengan Google",
+        "signInCTA": "Masuk atau masukkan kunci siaran langsung Anda dari YouTube.",
+        "signOut": "Keluar",
+        "signedInAs": "Anda saat ini masuk sebagai:",
+        "start": "Mulai siaran langsung",
+        "streamIdHelp": "Apa ini?",
+        "title": "Live Stream",
+        "unavailableTitle": "Siaran Langsung tidak tersedia",
+        "youtubeTerms": "Ketentuan Layanan YouTube"
+    },
+    "lobby": {
+        "backToKnockModeButton": "Meminta untuk bergabung",
+        "chat": "Obrolan",
+        "dialogTitle": "Mode Lobi",
+        "disableDialogContent": "Mode Lobi saat ini diaktifkan. Fitur ini memastikan bahwa peserta yang tidak diinginkan tidak dapat bergabung dengan pertemuan Anda. Apakah Anda ingin menonaktifkannya?",
+        "disableDialogSubmit": "Nonaktifkan",
+        "emailField": "Masukkan alamat email Anda",
+        "enableDialogPasswordField": "Atur kata sandi (opsional)",
+        "enableDialogSubmit": "Aktifkan",
+        "enableDialogText": "Mode Lobi memungkinkan Anda melindungi pertemuan Anda dengan hanya memungkinkan orang masuk setelah persetujuan formal oleh moderator.",
+        "enterPasswordButton": "Masukkan kata sandi pertemuan",
+        "enterPasswordTitle": "Masukkan kata sandi untuk bergabung dengan pertemuan",
+        "errorMissingPassword": "Harap masukkan kata sandi pertemuan",
+        "invalidPassword": "Kata sandi tidak valid",
+        "joinRejectedMessage": "Permintaan bergabung Anda ditolak oleh moderator.",
+        "joinRejectedTitle": "Permintaan bergabung ditolak.",
+        "joinTitle": "Bergabung dengan Pertemuan",
+        "joinWithPasswordMessage": "Mencoba bergabung dengan kata sandi, harap tunggu…",
+        "joiningMessage": "Anda akan bergabung dengan pertemuan segera setelah seseorang menerima permintaan Anda",
+        "joiningTitle": "Meminta untuk bergabung dengan pertemuan…",
+        "joiningWithPasswordTitle": "Bergabung dengan kata sandi…",
+        "knockButton": "Meminta untuk Bergabung",
+        "knockTitle": "Seseorang ingin bergabung dengan pertemuan",
+        "knockingParticipantList": "Daftar peserta yang meminta bergabung",
+        "lobbyChatStartedNotification": "{{moderator}} memulai obrolan lobi dengan {{attendee}}",
+        "lobbyChatStartedTitle": "{{moderator}} telah memulai obrolan lobi dengan Anda.",
+        "lobbyClosed": "Ruang lobi telah ditutup.",
+        "nameField": "Masukkan nama Anda",
+        "notificationLobbyAccessDenied": "{{targetParticipantName}} telah ditolak untuk bergabung oleh {{originParticipantName}}",
+        "notificationLobbyAccessGranted": "{{targetParticipantName}} telah diizinkan untuk bergabung oleh {{originParticipantName}}",
+        "notificationLobbyDisabled": "Lobi telah dinonaktifkan oleh {{originParticipantName}}",
+        "notificationLobbyEnabled": "Lobi telah diaktifkan oleh {{originParticipantName}}",
+        "notificationTitle": "Lobi",
+        "passwordJoinButton": "Gabung",
+        "title": "Lobi",
+        "toggleLabel": "Aktifkan lobi"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Mati",
+            "on": "Hidup",
+            "unknown": "Tidak diketahui"
+        },
+        "dialogTitle": "Kontrol Perekaman Lokal",
+        "duration": "Durasi",
+        "durationNA": "N/A",
+        "encoding": "Pengodean",
+        "label": "Perekaman Lokal",
+        "labelToolTip": "Perekaman lokal sedang diaktifkan",
+        "localRecording": "Perekaman Lokal",
+        "me": "Saya",
+        "messages": {
+            "engaged": "Perekaman lokal diaktifkan.",
+            "finished": "Sesi perekaman {{token}} selesai. Silakan kirim file yang direkam ke moderator.",
+            "finishedModerator": "Sesi perekaman {{token}} selesai. Perekaman trek lokal telah disimpan. Mohon minta peserta lain untuk mengirimkan perekaman mereka.",
+            "notModerator": "Anda bukan moderator. Anda tidak dapat memulai atau menghentikan perekaman lokal."
+        },
+        "moderator": "Moderator",
+        "no": "Tidak",
+        "participant": "Peserta",
+        "participantStats": "Statistik Peserta",
+        "selectTabTitle": "🎥 Silakan pilih tab ini untuk perekaman",
+        "sessionToken": "Token Sesi",
+        "start": "Mulai Perekaman",
+        "stop": "Hentikan Perekaman",
+        "stopping": "Menghentikan Perekaman",
+        "wait": "Harap tunggu sementara kami menyimpan rekaman Anda",
+        "yes": "Ya"
+    },
+    "lockRoomPassword": "kata sandi",
+    "lockRoomPasswordUppercase": "Kata Sandi",
+    "lonelyMeetingExperience": {
+        "button": "Undang orang lain",
+        "youAreAlone": "Anda satu-satunya di pertemuan ini"
+    },
+    "me": "saya",
+    "notify": {
+        "OldElectronAPPTitle": "Kerentanan keamanan!",
+        "allowAction": "Izinkan",
+        "allowedUnmute": "Anda dapat mengaktifkan mikrofon Anda, memulai kamera Anda, atau berbagi layar Anda.",
+        "audioUnmuteBlockedDescription": "Operasi membuka mikrofon sementara diblokir karena batasan sistem.",
+        "audioUnmuteBlockedTitle": "Pembukaan mikrofon diblokir!",
+        "chatMessages": "Pesan obrolan",
+        "connectedOneMember": "{{name}} bergabung dengan pertemuan",
+        "connectedThreePlusMembers": "{{name}} dan banyak lainnya bergabung dengan pertemuan",
+        "connectedTwoMembers": "{{first}} dan {{second}} bergabung dengan pertemuan",
+        "dataChannelClosed": "Kualitas video mungkin terganggu",
+        "dataChannelClosedDescription": "Saluran jembatan tidak aktif dan karenanya kualitas video mungkin terbatas pada pengaturan terendahnya.",
+        "dataChannelClosedDescriptionWithAudio": "Saluran jembatan tidak aktif dan karenanya gangguan audio dan video mungkin terjadi.",
+        "dataChannelClosedWithAudio": "Kualitas audio dan video mungkin terganggu",
+        "disabledIframe": "Embedding hanya ditujukan untuk tujuan demonstrasi, jadi panggilan ini akan terputus dalam {{timeout}} menit.",
+        "disabledIframeSecondary": "Embedding {{domain}} hanya ditujukan untuk tujuan demonstrasi, jadi panggilan ini akan terputus dalam {{timeout}} menit. Harap gunakan <a href='{{jaasDomain}}' rel='noopener noreferrer' target='_blank'>Jitsi as a Service</a> untuk embedding produksi!",
+        "disconnected": "terputus",
+        "displayNotifications": "Tampilkan notifikasi untuk",
+        "dontRemindMe": "Jangan ingatkan saya",
+        "focus": "Fokus konferensi",
+        "focusFail": "{{component}} tidak tersedia - coba lagi dalam {{ms}} detik",
+        "gifsMenu": "GIPHY",
+        "groupTitle": "Pemberitahuan",
+        "hostAskedUnmute": "Moderator ingin Anda berbicara",
+        "invitedOneMember": "{{name}} telah diundang",
+        "invitedThreePlusMembers": "{{name}} dan {{count}} lainnya telah diundang",
+        "invitedTwoMembers": "{{first}} dan {{second}} telah diundang",
+        "joinMeeting": "Gabung",
+        "kickParticipant": "{{kicked}} telah dikeluarkan oleh {{kicker}}",
+        "leftOneMember": "{{name}} meninggalkan pertemuan",
+        "leftThreePlusMembers": "{{name}} dan banyak lainnya meninggalkan pertemuan",
+        "leftTwoMembers": "{{first}} dan {{second}} meninggalkan pertemuan",
+        "linkToSalesforce": "Tautan ke Salesforce",
+        "linkToSalesforceDescription": "Anda dapat mengaitkan ringkasan pertemuan ke objek Salesforce.",
+        "linkToSalesforceError": "Gagal mengaitkan pertemuan ke Salesforce",
+        "linkToSalesforceKey": "Tautkan pertemuan ini",
+        "linkToSalesforceProgress": "Mengaitkan pertemuan ke Salesforce…",
+        "linkToSalesforceSuccess": "Pertemuan telah dihubungkan ke Salesforce",
+        "localRecordingStarted": "{{name}} telah memulai perekaman lokal.",
+        "localRecordingStopped": "{{name}} telah menghentikan perekaman lokal.",
+        "me": "Saya",
+        "moderationInEffectCSDescription": "Silakan angkat tangan jika Anda ingin membagikan layar Anda.",
+        "moderationInEffectCSTitle": "Berbagi layar diblokir oleh moderator",
+        "moderationInEffectDescription": "Silakan angkat tangan jika Anda ingin berbicara.",
+        "moderationInEffectTitle": "Mikrofon Anda dibisukan oleh moderator",
+        "moderationInEffectVideoDescription": "Silakan angkat tangan jika Anda ingin memulai kamera Anda.",
+        "moderationInEffectVideoTitle": "Kamera Anda diblokir oleh moderator",
+        "moderationRequestFromModerator": "Host ingin Anda membuka suara",
+        "moderationRequestFromParticipant": "Ingin berbicara",
+        "moderationStartedTitle": "Moderasi dimulai",
+        "moderationStoppedTitle": "Moderasi dihentikan",
+        "moderationToggleDescription": "oleh {{participantDisplayName}}",
+        "moderator": "Anda sekarang menjadi moderator",
+        "muted": "Anda telah memulai percakapan dalam keadaan dibisukan.",
+        "mutedRemotelyDescription": "Anda selalu dapat membuka suara saat Anda siap berbicara. Bisukan kembali saat selesai untuk menjaga kebisingan dari pertemuan.",
+        "mutedRemotelyTitle": "Anda telah dibisukan oleh {{participantDisplayName}}",
+        "mutedTitle": "Anda dibisukan!",
+        "newDeviceAction": "Gunakan",
+        "newDeviceAudioTitle": "Perangkat audio baru terdeteksi",
+        "newDeviceCameraTitle": "Kamera baru terdeteksi",
+        "noiseSuppressionDesktopAudioDescription": "Pengurangan kebisingan tidak dapat diaktifkan saat berbagi audio desktop, harap nonaktifkan dan coba lagi.",
+        "noiseSuppressionFailedTitle": "Gagal memulai pengurangan kebisingan",
+        "noiseSuppressionStereoDescription": "Pengurangan kebisingan audio stereo saat ini tidak didukung.",
+        "oldElectronClientDescription1": "Anda sepertinya menggunakan versi lama dari klien Jitsi Meet yang memiliki kerentanan keamanan yang diketahui. Pastikan Anda memperbarui ke ",
+        "oldElectronClientDescription2": "build terbaru",
+        "oldElectronClientDescription3": " sekarang!",
+        "participantWantsToJoin": "Ingin bergabung dengan pertemuan",
+        "participantsWantToJoin": "Ingin bergabung dengan pertemuan",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) dihapus oleh peserta lain",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) diatur oleh peserta lain",
+        "raiseHandAction": "Angkat tangan",
+        "raisedHand": "Ingin berbicara.",
+        "raisedHands": "{{participantName}} dan {{raisedHands}} orang lain",
+        "reactionSounds": "Nonaktifkan suara",
+        "reactionSoundsForAll": "Nonaktifkan suara untuk semua",
+        "screenShareNoAudio": "Kotak berbagi audio tidak dicentang di layar pemilihan.",
+        "screenShareNoAudioTitle": "Tidak dapat berbagi audio sistem!",
+        "screenSharingAudioOnlyDescription": "Harap dicatat bahwa dengan membagikan layar Anda, Anda memengaruhi mode \"Kinerja terbaik\" dan Anda akan menggunakan lebih banyak bandwidth.",
+        "screenSharingAudioOnlyTitle": "Mode \"Kinerja terbaik\"",
+        "selfViewTitle": "Anda selalu dapat menampilkan kembali tampilan diri dari pengaturan",
+        "somebody": "Seseorang",
+        "startSilentDescription": "Gabung kembali dengan pertemuan untuk mengaktifkan audio",
+        "startSilentTitle": "Anda bergabung tanpa output audio!",
+        "suboptimalBrowserWarning": "Kami khawatir pengalaman pertemuan Anda tidak akan begitu bagus di sini. Kami mencari cara untuk memperbaiki ini, tetapi sampai saat itu silakan coba menggunakan salah satu <a href='{{recommendedBrowserPageLink}}' target='_blank'>browser yang didukung sepenuhnya</a>.",
+        "suboptimalExperienceTitle": "Peringatan Browser",
+        "suggestRecordingAction": "Mulai",
+        "suggestRecordingDescription": "Apakah Anda ingin memulai perekaman?",
+        "suggestRecordingTitle": "Rekam pertemuan ini",
+        "unmute": "Hidupkan suara",
+        "videoMutedRemotelyDescription": "Anda selalu dapat menghidupkannya kembali.",
+        "videoMutedRemotelyTitle": "Video Anda telah dimatikan oleh {{participantDisplayName}}",
+        "videoUnmuteBlockedDescription": "Operasi membuka kamera dan berbagi desktop sementara diblokir karena batasan sistem.",
+        "videoUnmuteBlockedTitle": "Pembukaan kamera dan berbagi desktop diblokir!",
+        "viewLobby": "Tampilkan lobi",
+        "viewVisitors": "Tampilkan pengunjung",
+        "waitingParticipants": "{{waitingParticipants}} orang",
+        "whiteboardLimitDescription": "Simpan progress Anda, karena batas pengguna akan segera tercapai dan papan tulis akan ditutup.",
+        "whiteboardLimitTitle": "Penggunaan papan tulis"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "Menerima",
+            "admitAll": "Terima semua",
+            "allow": "Izinkan peserta untuk:",
+            "allowVideo": "Izinkan video",
+            "askUnmute": "Minta untuk unmute",
+            "audioModeration": "Unmute sendiri",
+            "blockEveryoneMicCamera": "Blokir mic dan kamera semua orang",
+            "breakoutRooms": "Ruangan breakout",
+            "invite": "Undang Seseorang",
+            "moreModerationActions": "Opsi moderasi lebih lanjut",
+            "moreModerationControls": "Kontrol moderasi lebih lanjut",
+            "moreParticipantOptions": "Opsi peserta lebih lanjut",
+            "mute": "Bisukan",
+            "muteAll": "Bisukan semua",
+            "muteEveryoneElse": "Bisukan semua orang lain",
+            "reject": "Tolak",
+            "stopEveryonesVideo": "Hentikan video semua orang",
+            "stopVideo": "Hentikan video",
+            "unblockEveryoneMicCamera": "Buka blokir mic dan kamera semua orang",
+            "videoModeration": "Mulai video mereka"
+        },
+        "close": "Tutup",
+        "headings": {
+            "lobby": "Lobi ({{count}})",
+            "participantsList": "Peserta pertemuan ({{count}})",
+            "visitorRequests": " (permintaan {{count}})",
+            "visitors": "Pengunjung {{count}}",
+            "waitingLobby": "Menunggu di lobi ({{count}})"
+        },
+        "search": "Cari peserta",
+        "title": "Peserta"
+    },
+    "passwordDigitsOnly": "Hingga {{number}} digit",
+    "passwordSetRemotely": "Diatur oleh peserta lain",
+    "pinParticipant": "{{participantName}} - Pin",
+    "pinnedParticipant": "Peserta yang di-pin",
+    "polls": {
+        "answer": {
+            "edit": "Edit",
+            "send": "Kirim",
+            "skip": "Lewati",
+            "submit": "Kirim"
+        },
+        "by": "Oleh {{ name }}",
+        "create": {
+            "addOption": "Tambahkan opsi",
+            "answerPlaceholder": "Opsi {{index}}",
+            "cancel": "Batal",
+            "create": "Buat jajak pendapat",
+            "pollOption": "Opsi jajak pendapat {{index}}",
+            "pollQuestion": "Pertanyaan jajak pendapat",
+            "questionPlaceholder": "Ajukan pertanyaan",
+            "removeOption": "Hapus opsi",
+            "save": "Simpan",
+            "send": "Kirim"
+        },
+        "errors": {
+            "notUniqueOption": "Opsi harus unik"
+        },
+        "notification": {
+            "description": "Buka tab jajak pendapat untuk memberikan suara",
+            "title": "Polling baru ditambahkan ke pertemuan ini"
+        },
+        "results": {
+            "changeVote": "Ubah suara",
+            "empty": "Tidak ada jajak pendapat dalam pertemuan ini. Mulai jajak pendapat di sini!",
+            "hideDetailedResults": "Sembunyikan detail",
+            "showDetailedResults": "Tampilkan detail",
+            "vote": "Suara"
+        }
+    },
+    "poweredby": "dipersembahkan oleh",
+    "prejoin": {
+        "audioAndVideoError": "Kesalahan audio dan video:",
+        "audioDeviceProblem": "Ada masalah dengan perangkat audio Anda",
+        "audioOnlyError": "Kesalahan audio:",
+        "audioTrackError": "Tidak bisa membuat trek audio.",
+        "callMe": "Hubungi saya",
+        "callMeAtNumber": "Hubungi saya di nomor ini:",
+        "calling": "Menelepon",
+        "configuringDevices": "Mengkonfigurasi perangkat…",
+        "connectedWithAudioQ": "Anda terhubung dengan audio?",
+        "connection": {
+            "good": "Koneksi internet Anda terlihat baik!",
+            "nonOptimal": "Koneksi internet Anda tidak optimal",
+            "poor": "Anda memiliki koneksi internet yang buruk"
+        },
+        "connectionDetails": {
+            "audioClipping": "Kami mengharapkan audio Anda dipotong.",
+            "audioHighQuality": "Kami mengharapkan audio Anda memiliki kualitas yang sangat baik.",
+            "audioLowNoVideo": "Kami mengharapkan kualitas audio Anda rendah dan tidak ada video.",
+            "goodQuality": "Hebat! Kualitas media Anda akan sangat baik.",
+            "noMediaConnectivity": "Kami tidak dapat menemukan cara untuk menetapkan konektivitas media untuk tes ini. Ini biasanya disebabkan oleh firewall atau NAT.",
+            "noVideo": "Kami mengharapkan bahwa video Anda akan buruk.",
+            "undetectable": "Jika Anda masih tidak dapat melakukan panggilan di browser, kami sarankan Anda memastikan speaker, mikrofon, dan kamera Anda sudah diatur dengan benar, bahwa Anda telah memberikan izin browser Anda untuk menggunakan mikrofon dan kamera, dan bahwa versi browser Anda terbaru. Jika Anda masih mengalami masalah saat menelepon, Anda harus menghubungi pengembang aplikasi web.",
+            "veryPoorConnection": "Kami mengharapkan kualitas panggilan Anda benar-benar buruk.",
+            "videoFreezing": "Kami mengharapkan bahwa video Anda akan membeku, menjadi hitam, dan berpixel.",
+            "videoHighQuality": "Kami mengharapkan video Anda memiliki kualitas yang baik.",
+            "videoLowQuality": "Kami mengharapkan bahwa video Anda akan memiliki kualitas rendah dalam hal frame rate dan resolusi.",
+            "videoTearing": "Kami mengharapkan bahwa video Anda akan berpixel atau memiliki artefak visual."
+        },
+        "copyAndShare": "Salin & bagikan tautan pertemuan",
+        "dialInMeeting": "Dial ke pertemuan",
+        "dialInPin": "Dial ke pertemuan dan masukkan kode PIN:",
+        "dialing": "Menghubungi",
+        "doNotShow": "Jangan tampilkan layar ini lagi",
+        "errorDialOut": "Tidak bisa melakukan panggilan keluar",
+        "errorDialOutDisconnected": "Tidak bisa melakukan panggilan keluar. Terputus",
+        "errorDialOutFailed": "Tidak bisa melakukan panggilan keluar. Panggilan gagal",
+        "errorDialOutStatus": "Error mendapatkan status panggilan keluar",
+        "errorMissingName": "Silakan masukkan nama Anda untuk bergabung dengan pertemuan",
+        "errorNoPermissions": "Anda perlu mengaktifkan akses mikrofon dan kamera",
+        "errorStatusCode": "Error saat menelepon keluar, kode status: {{status}}",
+        "errorValidation": "Validasi nomor gagal",
+        "iWantToDialIn": "Saya ingin menelepon",
+        "initiated": "Panggilan diinisialisasi",
+        "joinAudioByPhone": "Bergabung dengan audio telepon",
+        "joinMeeting": "Gabung pertemuan",
+        "joinMeetingInLowBandwidthMode": "Bergabung dalam mode bandwidth rendah",
+        "joinWithoutAudio": "Bergabung tanpa audio",
+        "keyboardShortcuts": "Aktifkan Pintasan Keyboard",
+        "linkCopied": "Tautan disalin ke papan klip",
+        "lookGood": "Semuanya berfungsi dengan baik",
+        "or": "atau",
+        "premeeting": "Pra-pertemuan",
+        "proceedAnyway": "Lanjutkan saja",
+        "recordingWarning": "Peserta lain mungkin sedang merekam panggilan ini",
+        "screenSharingError": "Kesalahan berbagi layar:",
+        "startWithPhone": "Mulai dengan audio ponsel",
+        "unsafeRoomConsent": "Saya memahami risikonya, saya ingin bergabung dengan pertemuan",
+        "videoOnlyError": "Kesalahan video:",
+        "videoTrackError": "Tidak bisa membuat trek video.",
+        "viewAllNumbers": "lihat semua nomor"
+    },
+    "presenceStatus": {
+        "busy": "Sibuk",
+        "calling": "Menelepon…",
+        "connected": "Terhubung",
+        "connecting": "Menghubungkan…",
+        "connecting2": "Menghubungkan*…",
+        "disconnected": "Terputus",
+        "expired": "Kedaluwarsa",
+        "ignored": "Diabaikan",
+        "initializingCall": "Memulai Panggilan…",
+        "invited": "Diundang",
+        "rejected": "Ditolak",
+        "ringing": "Berdering…"
+    },
+    "profile": {
+        "avatar": "avatar",
+        "setDisplayNameLabel": "Nama",
+        "setEmailInput": "Masukkan email",
+        "setEmailLabel": "Email Gravatar",
+        "title": "Profil"
+    },
+    "raisedHand": "Ingin berbicara",
+    "raisedHandsLabel": "Jumlah tangan yang diangkat",
+    "record": {
+        "already": {
+            "linked": "Pertemuan sudah terhubung ke objek Salesforce ini."
+        },
+        "type": {
+            "account": "Akun",
+            "contact": "Kontak",
+            "lead": "Lead",
+            "opportunity": "Peluang",
+            "owner": "Pemilik"
+        }
+    },
+    "recording": {
+        "authDropboxText": "Unggah ke Dropbox",
+        "availableSpace": "Ruang yang tersedia: {{spaceLeft}} MB (sekitar {{duration}} menit rekaman)",
+        "beta": "BETA",
+        "busy": "Kami sedang berupaya membebaskan sumber daya rekaman. Harap coba lagi dalam beberapa menit.",
+        "busyTitle": "Semua rekorder sedang sibuk saat ini",
+        "copyLink": "Salin Tautan",
+        "error": "Rekaman gagal. Harap coba lagi.",
+        "errorFetchingLink": "Gagal mengambil tautan rekaman.",
+        "expandedOff": "Rekaman telah berhenti",
+        "expandedOn": "Pertemuan saat ini sedang direkam",
+        "expandedPending": "Rekaman sedang dimulai…",
+        "failedToStart": "Gagal memulai rekaman",
+        "fileSharingdescription": "Bagikan tautan rekaman dengan peserta pertemuan",
+        "highlight": "Sorot",
+        "highlightMoment": "Sorot momen",
+        "highlightMomentDisabled": "Anda dapat menyorot momen ketika rekaman dimulai",
+        "highlightMomentSuccess": "Momen disorot",
+        "highlightMomentSucessDescription": "Momen yang Anda sorot akan ditambahkan ke ringkasan pertemuan.",
+        "inProgress": "Rekaman atau siaran langsung sedang berlangsung",
+        "limitNotificationDescriptionNative": "Karena permintaan tinggi, rekaman Anda akan dibatasi menjadi {{limit}} menit. Untuk rekaman tanpa batas, coba <3>{{app}}</3>.",
+        "limitNotificationDescriptionWeb": "Karena permintaan tinggi, rekaman Anda akan dibatasi menjadi {{limit}} menit. Untuk rekaman tanpa batas, coba <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "linkGenerated": "Kami telah menghasilkan tautan untuk rekaman Anda.",
+        "localRecordingNoNotificationWarning": "Rekaman tidak akan diumumkan kepada peserta lain. Anda perlu memberi tahu mereka bahwa pertemuan direkam.",
+        "localRecordingNoVideo": "Video tidak direkam",
+        "localRecordingStartWarning": "Pastikan Anda menghentikan rekaman sebelum keluar dari pertemuan untuk menyimpannya.",
+        "localRecordingStartWarningTitle": "Hentikan rekaman untuk menyimpannya",
+        "localRecordingVideoStop": "Menghentikan video Anda juga akan menghentikan rekaman lokal. Apakah Anda yakin ingin melanjutkan?",
+        "localRecordingVideoWarning": "Untuk merekam video Anda, Anda harus mengaktifkannya saat memulai rekaman",
+        "localRecordingWarning": "Pastikan Anda memilih tab saat ini untuk menggunakan video dan audio yang tepat.",
+        "loggedIn": "Masuk sebagai {{userName}}",
+        "noMicPermission": "Trek mikrofon tidak dapat dibuat. Harap izinkan penggunaan mikrofon.",
+        "noStreams": "Tidak ada aliran audio atau video yang terdeteksi.",
+        "off": "Rekaman berhenti",
+        "offBy": "{{name}} menghentikan rekaman",
+        "on": "Rekaman dimulai",
+        "onBy": "{{name}} memulai rekaman",
+        "onlyRecordSelf": "Rekam hanya aliran audio dan video saya",
+        "pending": "Persiapan untuk merekam pertemuan…",
+        "recordAudioAndVideo": "Rekam audio dan video",
+        "recordTranscription": "Rekam transkripsi",
+        "saveLocalRecording": "Simpan file rekaman secara lokal (Beta)",
+        "serviceDescription": "Rekaman Anda akan disimpan oleh layanan rekaman",
+        "serviceDescriptionCloud": "Rekaman cloud",
+        "serviceDescriptionCloudInfo": "Pertemuan yang direkam secara otomatis dihapus 24 jam setelah waktu rekaman mereka.",
+        "serviceName": "Layanan rekaman",
+        "sessionAlreadyActive": "Sesi ini sudah direkam atau disiarkan langsung.",
+        "showAdvancedOptions": "Opsi Lanjutan",
+        "signIn": "Masuk",
+        "signOut": "Keluar",
+        "surfaceError": "Harap pilih tab saat ini.",
+        "title": "Rekaman",
+        "unavailable": "Ups! {{serviceName}} saat ini tidak tersedia. Kami sedang berupaya menyelesaikan masalah ini. Harap coba lagi nanti.",
+        "unavailableTitle": "Rekaman tidak tersedia",
+        "uploadToCloud": "Unggah ke cloud"
+    },
+    "screenshareDisplayName": "Layar {{name}}",
+    "sectionList": {
+        "pullToRefresh": "Tarik untuk menyegarkan"
+    },
+    "security": {
+        "about": "Anda dapat menambahkan {{lockRoomPassword}} ke pertemuan Anda. Peserta perlu memberikan {{lockRoomPassword}} sebelum mereka diizinkan bergabung dengan pertemuan.",
+        "aboutReadOnly": "Peserta moderator dapat menambahkan {{lockRoomPassword}} ke pertemuan. Peserta perlu memberikan {{lockRoomPassword}} sebelum mereka diizinkan bergabung dengan pertemuan.",
+        "insecureRoomNameWarningNative": "Nama ruangan tidak aman. Peserta yang tidak diinginkan dapat bergabung dengan pertemuan Anda. {{recommendAction}} Pelajari lebih lanjut tentang mengamankan pertemuan Anda",
+        "insecureRoomNameWarningWeb": "Nama ruangan tidak aman. Peserta yang tidak diinginkan dapat bergabung dengan pertemuan Anda. {{recommendAction}} Pelajari lebih lanjut tentang mengamankan pertemuan Anda <a href=\"{{securityUrl}}\" rel=\"security\" target=\"_blank\">di sini</a>.",
+        "title": "Opsi Keamanan",
+        "unsafeRoomActions": {
+            "meeting": "Pertimbangkan untuk mengamankan pertemuan Anda menggunakan tombol keamanan.",
+            "prejoin": "Pertimbangkan untuk menggunakan nama pertemuan yang lebih unik.",
+            "welcome": "Pertimbangkan untuk menggunakan nama pertemuan yang lebih unik, atau pilih salah satu dari saran tersebut."
+        }
+    },
+    "settings": {
+        "audio": "Audio",
+        "buttonLabel": "Pengaturan",
+        "calendar": {
+            "about": "Integrasi kalender {{appName}} digunakan untuk mengakses kalender Anda secara aman sehingga dapat membaca acara mendatang.",
+            "disconnect": "Putuskan",
+            "microsoftSignIn": "Masuk dengan Microsoft",
+            "signedIn": "Saat ini mengakses acara kalender untuk {{email}}. Klik tombol Putuskan di bawah ini untuk menghentikan akses acara kalender.",
+            "title": "Kalender"
+        },
+        "desktopShareFramerate": "Frame rate pembagian layar desktop",
+        "desktopShareHighFpsWarning": "Frame rate yang lebih tinggi untuk pembagian layar desktop mungkin memengaruhi bandwidth Anda. Anda perlu memulai ulang pembagian layar untuk pengaturan baru berlaku.",
+        "desktopShareWarning": "Anda perlu memulai ulang pembagian layar untuk pengaturan baru berlaku.",
+        "devices": "Perangkat",
+        "followMe": "Semua mengikuti saya",
+        "framesPerSecond": "frame per detik",
+        "incomingMessage": "Pesan masuk",
+        "language": "Bahasa",
+        "loggedIn": "Masuk sebagai {{name}}",
+        "maxStageParticipants": "Jumlah maksimum peserta yang dapat ditampilkan di panggung utama",
+        "microphones": "Mikrofon",
+        "moderator": "Moderator",
+        "moderatorOptions": "Opsi moderator",
+        "more": "Umum",
+        "name": "Nama",
+        "noDevice": "Tidak ada",
+        "notifications": "Notifikasi",
+        "participantJoined": "Peserta Bergabung",
+        "participantKnocking": "Peserta masuk ke lobi",
+        "participantLeft": "Peserta Meninggalkan",
+        "playSounds": "Mainkan suara pada",
+        "reactions": "Reaksi pertemuan",
+        "sameAsSystem": "Sama dengan sistem ({{label}})",
+        "selectAudioOutput": "Output audio",
+        "selectCamera": "Kamera",
+        "selectMic": "Mikrofon",
+        "selfView": "Tampilan diri",
+        "shortcuts": "Pintasan",
+        "speakers": "Pemutar suara",
+        "startAudioMuted": "Semua dimulai dalam keadaan dibisukan",
+        "startReactionsMuted": "Bisukan suara reaksi untuk semua orang",
+        "startVideoMuted": "Semua dimulai tersembunyi",
+        "talkWhileMuted": "Bicara saat dibisukan",
+        "title": "Pengaturan",
+        "video": "Video"
+    },
+    "settingsView": {
+        "advanced": "Lanjutan",
+        "alertCancel": "Batal",
+        "alertOk": "OK",
+        "alertTitle": "Peringatan",
+        "alertURLText": "URL server yang dimasukkan tidak valid",
+        "apply": "Terapkan",
+        "buildInfoSection": "Informasi Build",
+        "conferenceSection": "Konferensi",
+        "disableCallIntegration": "Nonaktifkan integrasi panggilan asli",
+        "disableCrashReporting": "Nonaktifkan pelaporan kegagalan",
+        "disableCrashReportingWarning": "Apakah Anda yakin ingin menonaktifkan pelaporan kegagalan? Pengaturan ini akan diterapkan setelah Anda me-restart aplikasi.",
+        "disableP2P": "Nonaktifkan mode Peer-To-Peer",
+        "displayName": "Nama Tampilan",
+        "displayNamePlaceholderText": "Contoh: John Doe",
+        "email": "Email",
+        "emailPlaceholderText": "email@example.com",
+        "gavatarMessage": "Jika email Anda terkait dengan akun Gravatar, kami akan menggunakannya untuk menampilkan gambar profil Anda.",
+        "goTo": "Buka",
+        "header": "Pengaturan",
+        "help": "Bantuan",
+        "links": "Tautan",
+        "privacy": "Privasi",
+        "profileSection": "Profil",
+        "sdkVersion": "Versi SDK",
+        "serverURL": "URL Server",
+        "showAdvanced": "Tampilkan pengaturan lanjutan",
+        "startCarModeInLowBandwidthMode": "Mulai mode mobil dalam mode bandwidth rendah",
+        "startWithAudioMuted": "Mulai dengan audio dibisukan",
+        "startWithVideoMuted": "Mulai dengan video dibisukan",
+        "terms": "Syarat",
+        "version": "Versi Aplikasi"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nHanya ingin menelepon menggunakan telepon Anda?\n\n{{defaultDialInNumber}}Klik tautan ini untuk melihat nomor telepon untuk panggilan di pertemuan ini\n{{dialInfoPageUrl}}",
+        "mainText": "Klik tautan berikut untuk bergabung dengan pertemuan:\n{{roomUrl}}"
+    },
+    "speaker": "Pembicara",
+    "speakerStats": {
+        "angry": "Marah",
+        "disgusted": "Jijik",
+        "displayEmotions": "Tampilkan emosi",
+        "fearful": "Takut",
+        "happy": "Senang",
+        "hours": "{{count}}jam",
+        "minutes": "{{count}}menit",
+        "name": "Nama",
+        "neutral": "Netral",
+        "sad": "Sedih",
+        "search": "Cari",
+        "searchHint": "Cari peserta",
+        "seconds": "{{count}}detik",
+        "speakerStats": "Statistik Peserta",
+        "speakerTime": "Waktu Pembicara",
+        "surprised": "Terkejut"
+    },
+    "startupoverlay": {
+        "genericTitle": "Pertemuan perlu menggunakan mikrofon dan kamera Anda.",
+        "policyText": " ",
+        "title": "{{app}} perlu menggunakan mikrofon dan kamera Anda."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Gabung Kembali",
+        "text": "Tekan tombol <i>Gabung Kembali</i> untuk menyambungkan kembali.",
+        "title": "Panggilan video Anda terputus karena komputer ini masuk ke mode tidur."
+    },
+    "termsView": {
+        "title": "Syarat"
+    },
+    "toggleTopPanelLabel": "Alihkan panel atas",
+    "toolbar": {
+        "Settings": "Pengaturan",
+        "accessibilityLabel": {
+            "Settings": "Buka pengaturan",
+            "audioOnly": "Alihkan ke audio saja",
+            "audioRoute": "Pilih perangkat suara",
+            "boo": "Ba",
+            "breakoutRooms": "Ruang breakout",
+            "callQuality": "Kelola kualitas video",
+            "carmode": "Mode Mobil",
+            "cc": "Alihkan subtitle",
+            "chat": "Buka / Tutup obrolan",
+            "clap": "Tepuk tangan",
+            "closeChat": "Tutup obrolan",
+            "closeMoreActions": "Tutup menu tindakan lebih lanjut",
+            "closeParticipantsPane": "Tutup panel peserta",
+            "collapse": "Lipat",
+            "document": "Alihkan dokumen bersama",
+            "documentClose": "Tutup dokumen bersama",
+            "documentOpen": "Buka dokumen bersama",
+            "download": "Unduh aplikasi kami",
+            "embedMeeting": "Sematkan pertemuan",
+            "endConference": "Akhiri pertemuan untuk semua",
+            "enterFullScreen": "Lihat layar penuh",
+            "enterTileView": "Masuk ke tampilan ubin",
+            "exitFullScreen": "Keluar dari layar penuh",
+            "exitTileView": "Keluar dari tampilan ubin",
+            "expand": "Perluas",
+            "feedback": "Tinggalkan umpan balik",
+            "fullScreen": "Alihkan layar penuh",
+            "giphy": "Alihkan menu GIPHY",
+            "grantModerator": "Berikan Hak Moderator",
+            "hangup": "Tinggalkan pertemuan",
+            "heading": "Toolbar",
+            "help": "Bantuan",
+            "hideWhiteboard": "Sembunyikan papan tulis",
+            "invite": "Undang orang",
+            "kick": "Keluarkan peserta",
+            "laugh": "Tertawa",
+            "leaveConference": "Tinggalkan pertemuan",
+            "like": "Tanda Suka",
+            "linkToSalesforce": "Tautkan ke Salesforce",
+            "lobbyButton": "Aktifkan/nonaktifkan mode lobi",
+            "localRecording": "Alihkan kontrol rekaman lokal",
+            "lockRoom": "Alihkan kata sandi pertemuan",
+            "lowerHand": "Turunkan tangan Anda",
+            "moreActions": "Tindakan lebih lanjut",
+            "moreActionsMenu": "Menu tindakan lebih lanjut",
+            "moreOptions": "Tampilkan lebih banyak opsi",
+            "mute": "Bisukan mikrofon",
+            "muteEveryone": "Bisukan semua orang",
+            "muteEveryoneElse": "Bisukan semua orang lain",
+            "muteEveryoneElsesVideoStream": "Hentikan video semua orang lain",
+            "muteEveryonesVideoStream": "Hentikan video semua orang",
+            "muteGUMPending": "Menghubungkan mikrofon Anda",
+            "noiseSuppression": "Pencegahan noise",
+            "openChat": "Buka obrolan",
+            "participants": "Buka panel peserta",
+            "pip": "Alihkan ke mode Picture-in-Picture",
+            "privateMessage": "Kirim pesan pribadi",
+            "profile": "Edit profil Anda",
+            "raiseHand": "Angkat tangan Anda",
+            "reactions": "Reaksi",
+            "reactionsMenu": "Menu reaksi",
+            "recording": "Alihkan rekaman",
+            "remoteMute": "Bisukan peserta",
+            "remoteVideoMute": "Nonaktifkan kamera peserta",
+            "security": "Opsi keamanan",
+            "selectBackground": "Pilih Latar Belakang",
+            "selfView": "Alihkan tampilan diri",
+            "shareRoom": "Undang seseorang",
+            "shareYourScreen": "Mulai membagikan layar Anda",
+            "shareaudio": "Bagikan audio",
+            "sharedvideo": "Bagikan video",
+            "shortcuts": "Alihkan pintasan",
+            "show": "Tampilkan di panggung",
+            "showWhiteboard": "Tampilkan papan tulis",
+            "silence": "Diam",
+            "speakerStats": "Statistik Peserta",
+            "stopScreenSharing": "Hentikan membagikan layar Anda",
+            "stopSharedVideo": "Hentikan video",
+            "surprised": "Terkejut",
+            "tileView": "Alihkan tampilan ubin",
+            "toggleCamera": "Alihkan kamera",
+            "toggleFilmstrip": "Alihkan filmstrip",
+            "unmute": "Hidupkan mikrofon",
+            "videoblur": "Alihkan blur video",
+            "videomute": "Hentikan kamera",
+            "videomuteGUMPending": "Menghubungkan kamera Anda",
+            "videounmute": "Hidupkan kamera"
+        },
+        "addPeople": "Tambahkan orang ke panggilan Anda",
+        "audioOnlyOff": "Nonaktifkan mode bandwidth rendah",
+        "audioOnlyOn": "Aktifkan mode bandwidth rendah",
+        "audioRoute": "Pilih perangkat suara",
+        "audioSettings": "Pengaturan Audio",
+        "authenticate": "Autentikasi",
+        "boo": "Ba",
+        "callQuality": "Kelola kualitas video",
+        "chat": "Buka / Tutup obrolan",
+        "clap": "Tepuk tangan",
+        "closeChat": "Tutup obrolan",
+        "closeParticipantsPane": "Tutup panel peserta",
+        "disableNoiseSuppression": "Nonaktifkan pencegahan noise",
+        "disableReactionSounds": "Anda dapat menonaktifkan suara reaksi untuk pertemuan ini",
+        "documentClose": "Tutup dokumen bersama",
+        "documentOpen": "Buka dokumen bersama",
+        "download": "Unduh aplikasi kami",
+        "e2ee": "Enkripsi End-to-End",
+        "embedMeeting": "Sematkan pertemuan",
+        "enableNoiseSuppression": "Aktifkan pencegahan noise",
+        "endConference": "Akhiri pertemuan untuk semua",
+        "enterFullScreen": "Lihat layar penuh",
+        "enterTileView": "Masuk ke tampilan ubin",
+        "exitFullScreen": "Keluar dari layar penuh",
+        "exitTileView": "Keluar dari tampilan ubin",
+        "feedback": "Tinggalkan umpan balik",
+        "giphy": "Alihkan menu GIPHY",
+        "hangup": "Tinggalkan pertemuan",
+        "help": "Bantuan",
+        "hideWhiteboard": "Sembunyikan papan tulis",
+        "invite": "Undang orang",
+        "joinBreakoutRoom": "Gabung dengan ruang pemisahan",
+        "laugh": "Tertawa",
+        "leaveBreakoutRoom": "Tinggalkan ruang pemisahan",
+        "leaveConference": "Tinggalkan pertemuan",
+        "like": "Tanda Suka",
+        "linkToSalesforce": "Tautkan ke Salesforce",
+        "lobbyButtonDisable": "Nonaktifkan mode lobi",
+        "lobbyButtonEnable": "Aktifkan mode lobi",
+        "login": "Masuk",
+        "logout": "Keluar",
+        "lowerYourHand": "Turunkan tangan Anda",
+        "moreActions": "Tindakan lebih lanjut",
+        "moreOptions": "Tampilkan lebih banyak opsi",
+        "mute": "Bisukan mikrofon",
+        "muteEveryone": "Bisukan semua orang",
+        "muteEveryonesVideo": "Nonaktifkan kamera semua orang",
+        "muteGUMPending": "Menghubungkan mikrofon Anda",
+        "noAudioSignalDesc": "Jika Anda tidak sengaja mematikannya dari pengaturan sistem atau perangkat keras, pertimbangkan untuk beralih perangkat.",
+        "noAudioSignalDescSuggestion": "Jika Anda tidak sengaja mematikannya dari pengaturan sistem atau perangkat keras, pertimbangkan untuk beralih ke perangkat yang disarankan.",
+        "noAudioSignalDialInDesc": "Anda juga dapat menelepon menggunakan:",
+        "noAudioSignalDialInLinkDesc": "Nomor telepon panggilan",
+        "noAudioSignalTitle": "Tidak ada masukan yang datang dari mikrofon Anda!",
+        "noiseSuppression": "Pencegahan noise",
+        "noisyAudioInputDesc": "Sepertinya mikrofon Anda membuat suara bising, pertimbangkan untuk mematikan atau mengganti perangkat.",
+        "noisyAudioInputTitle": "Mikrofon Anda tampaknya berisik!",
+        "openChat": "Buka obrolan",
+        "openReactionsMenu": "Buka menu reaksi",
+        "participants": "Peserta",
+        "pip": "Masuk ke mode Picture-in-Picture",
+        "privateMessage": "Kirim pesan pribadi",
+        "profile": "Edit profil Anda",
+        "raiseHand": "Angkat tangan Anda",
+        "raiseYourHand": "Angkat tangan Anda",
+        "reactionBoo": "Kirim reaksi ba",
+        "reactionClap": "Kirim reaksi tepuk tangan",
+        "reactionLaugh": "Kirim reaksi tertawa",
+        "reactionLike": "Kirim reaksi jempol ke atas",
+        "reactionSilence": "Kirim reaksi diam",
+        "reactionSurprised": "Kirim reaksi terkejut",
+        "reactions": "Reaksi",
+        "security": "Opsi keamanan",
+        "selectBackground": "Pilih latar belakang",
+        "shareRoom": "Undang seseorang",
+        "shareaudio": "Bagikan audio",
+        "sharedvideo": "Bagikan video",
+        "shortcuts": "Lihat pintasan",
+        "show": "Tampilkan di panggung",
+        "showWhiteboard": "Tampilkan papan tulis",
+        "silence": "Diam",
+        "speakerStats": "Statistik Peserta",
+        "startScreenSharing": "Mulai membagikan layar",
+        "startSubtitles": "Subtitle • {{language}}",
+        "stopAudioSharing": "Hentikan berbagi audio",
+        "stopScreenSharing": "Hentikan membagikan layar",
+        "stopSharedVideo": "Hentikan video",
+        "stopSubtitles": "Hentikan subtitle",
+        "surprised": "Terkejut",
+        "talkWhileMutedPopup": "Mencoba berbicara? Anda dibisukan.",
+        "tileViewToggle": "Alihkan tampilan ubin",
+        "toggleCamera": "Alihkan kamera",
+        "unmute": "Hidupkan mikrofon",
+        "videoSettings": "Pengaturan Video",
+        "videomute": "Hentikan kamera",
+        "videomuteGUMPending": "Menghubungkan kamera Anda",
+        "videounmute": "Hidupkan kamera"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Mulai / Berhenti menampilkan subtitle",
+        "expandedLabel": "Transkripsi sedang aktif",
+        "failedToStart": "Transkripsi gagal dimulai",
+        "labelToolTip": "Pertemuan sedang ditranskripsi",
+        "sourceLanguageDesc": "Saat ini bahasa pertemuan diatur ke <b>{{sourceLanguage}}</b>. <br/> Anda dapat mengubahnya dari ",
+        "sourceLanguageHere": "di sini",
+        "start": "Mulai menampilkan subtitle",
+        "stop": "Berhenti menampilkan subtitle",
+        "subtitles": "Subtitle",
+        "subtitlesOff": "Matikan",
+        "tr": "TR"
+    },
+    "unpinParticipant": "{{participantName}} - Lepas pin",
+    "userMedia": {
+        "grantPermissions": "Harap berikan izin untuk menggunakan kamera dan mikrofon Anda."
+    },
+    "videoSIPGW": {
+        "busy": "Kami sedang berupaya membebaskan sumber daya. Silakan coba lagi dalam beberapa menit.",
+        "busyTitle": "Layanan Ruang sedang sibuk",
+        "errorAlreadyInvited": "{{displayName}} sudah diundang",
+        "errorInvite": "Konferensi belum dibentuk. Silakan coba lagi nanti.",
+        "errorInviteFailed": "Kami sedang berupaya menyelesaikan masalah ini. Silakan coba lagi nanti.",
+        "errorInviteFailedTitle": "Undangan {{displayName}} gagal",
+        "errorInviteTitle": "Kesalahan mengundang ruang",
+        "pending": "{{displayName}} telah diundang"
+    },
+    "videoStatus": {
+        "adjustFor": "Sesuaikan untuk:",
+        "audioOnly": "AUD",
+        "audioOnlyExpanded": "Anda berada dalam mode bandwidth rendah. Dalam mode ini, Anda hanya akan menerima audio dan berbagi layar.",
+        "bestPerformance": "Kinerja terbaik",
+        "callQuality": "Kualitas Video (0 untuk kinerja terbaik, 3 untuk kualitas tertinggi)",
+        "hd": "HD",
+        "hdTooltip": "Menonton video definisi tinggi",
+        "highDefinition": "Definisi tinggi",
+        "highestQuality": "Kualitas tertinggi",
+        "labelTooiltipNoVideo": "Tidak ada video",
+        "labelTooltipAudioOnly": "Mode bandwidth rendah diaktifkan",
+        "ld": "LD",
+        "ldTooltip": "Menonton video definisi rendah",
+        "lowDefinition": "Definisi rendah",
+        "performanceSettings": "Pengaturan kinerja",
+        "recording": "Perekaman sedang berlangsung",
+        "sd": "SD",
+        "sdTooltip": "Menonton video definisi standar",
+        "standardDefinition": "Definisi standar",
+        "streaming": "Streaming sedang berlangsung"
+    },
+    "videothumbnail": {
+        "connectionInfo": "Info Koneksi",
+        "demote": "Pindah ke pengunjung",
+        "domute": "Bisukan",
+        "domuteOthers": "Bisukan semua orang lain",
+        "domuteVideo": "Nonaktifkan kamera",
+        "domuteVideoOfOthers": "Nonaktifkan kamera semua orang lain",
+        "flip": "Putar",
+        "grantModerator": "Berikan Hak Moderator",
+        "hideSelfView": "Sembunyikan tampilan diri",
+        "kick": "Keluarkan",
+        "mirrorVideo": "Cerminkan video saya",
+        "moderator": "Moderator",
+        "mute": "Peserta dibisukan",
+        "muted": "Dibisukan",
+        "pinToStage": "Pasang ke panggung",
+        "remoteControl": "Mulai / Berhenti kontrol jarak jauh",
+        "screenSharing": "Peserta sedang berbagi layar mereka",
+        "show": "Tampilkan di panggung",
+        "showSelfView": "Tampilkan tampilan diri",
+        "unpinFromStage": "Lepas penjepitan",
+        "verify": "Verifikasi peserta",
+        "videoMuted": "Kamera dinonaktifkan",
+        "videomute": "Peserta telah menghentikan kamera"
+    },
+    "virtualBackground": {
+        "accessibilityLabel": {
+            "currentBackground": "Latar belakang saat ini: {{background}}",
+            "selectBackground": "Pilih latar belakang"
+        },
+        "addBackground": "Tambahkan latar belakang",
+        "apply": "Terapkan",
+        "backgroundEffectError": "Gagal menerapkan efek latar belakang.",
+        "blur": "Buram",
+        "deleteImage": "Hapus gambar",
+        "desktopShare": "Berbagi desktop",
+        "desktopShareError": "Tidak dapat membuat berbagi desktop",
+        "image1": "Pantai",
+        "image2": "Dinding netral putih",
+        "image3": "Kamar kosong putih",
+        "image4": "Lampu lantai hitam",
+        "image5": "Gunung",
+        "image6": "Hutan",
+        "image7": "Matahari terbit",
+        "none": "Tidak ada",
+        "pleaseWait": "Silakan tunggu…",
+        "removeBackground": "Hapus latar belakang",
+        "slightBlur": "Setengah buram",
+        "title": "Latar belakang virtual",
+        "uploadedImage": "Gambar yang diunggah {{index}}",
+        "webAssemblyWarning": "WebAssembly tidak didukung",
+        "webAssemblyWarningDescription": "WebAssembly dinonaktifkan atau tidak didukung oleh browser ini"
+    },
+    "visitors": {
+        "chatIndicator": "(pengunjung)",
+        "labelTooltip": "Jumlah pengunjung: {{count}}",
+        "notification": {
+            "demoteDescription": "Dikirim ke sini oleh {{actor}}, angkat tangan Anda untuk berpartisipasi",
+            "description": "Untuk berpartisipasi angkat tangan Anda",
+            "noMainParticipantsDescription": "Seorang peserta perlu memulai pertemuan. Silakan coba lagi nanti.",
+            "noMainParticipantsTitle": "Pertemuan ini belum dimulai.",
+            "noVisitorLobby": "Anda tidak dapat bergabung saat ada lobi yang diaktifkan untuk pertemuan.",
+            "notAllowedPromotion": "Seorang peserta perlu mengizinkan permintaan Anda terlebih dahulu.",
+            "title": "Anda adalah pengunjung dalam pertemuan"
+        }
+    },
+    "volumeSlider": "Penggeser volume",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Ketuk untuk bergabung",
+            "roomname": "Masukkan nama ruang"
+        },
+        "addMeetingName": "Tambahkan nama pertemuan",
+        "appDescription": "Lanjutkan, video chat dengan seluruh tim. Bahkan, undang semua orang yang Anda kenal. {{app}} adalah solusi konferensi video yang sepenuhnya terenkripsi, 100% open source yang dapat Anda gunakan sepanjang hari, setiap hari, secara gratis — tanpa perlu akun.",
+        "audioVideoSwitch": {
+            "audio": "Suara",
+            "video": "Video"
+        },
+        "calendar": "Kalender",
+        "connectCalendarButton": "Hubungkan kalender Anda",
+        "connectCalendarText": "Hubungkan kalender Anda untuk melihat semua pertemuan Anda di {{app}}. Plus, tambahkan pertemuan {{provider}} ke kalender Anda dan mulai mereka dengan satu klik.",
+        "enterRoomTitle": "Mulai pertemuan baru",
+        "getHelp": "Dapatkan bantuan",
+        "go": "LANJUT",
+        "goSmall": "LANJUT",
+        "headerSubtitle": "Pertemuan yang aman dan berkualitas tinggi",
+        "headerTitle": "Jitsi Meet",
+        "info": "Info panggilan",
+        "jitsiOnMobile": "Jitsi di ponsel - unduh aplikasi kami dan mulai pertemuan dari mana saja",
+        "join": "BUAT / BERGABUNG",
+        "logo": {
+            "calendar": "Logo kalender",
+            "desktopPreviewThumbnail": "Thumbnail pratinjau desktop",
+            "googleLogo": "Logo Google",
+            "logoDeepLinking": "Logo Jitsi meet",
+            "microsoftLogo": "Logo Microsoft",
+            "policyLogo": "Logo Kebijakan"
+        },
+        "meetingsAccessibilityLabel": "Pertemuan",
+        "mobileDownLoadLinkAndroid": "Unduh aplikasi mobile untuk Android",
+        "mobileDownLoadLinkFDroid": "Unduh aplikasi mobile untuk F-Droid",
+        "mobileDownLoadLinkIos": "Unduh aplikasi mobile untuk iOS",
+        "moderatedMessage": "Atau <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">pesan URL pertemuan</a> sebelumnya di mana Anda adalah satu-satunya moderator.",
+        "privacy": "Privasi",
+        "recentList": "Terbaru",
+        "recentListDelete": "Hapus entri",
+        "recentListEmpty": "Daftar terbaru Anda saat ini kosong. Berbicaralah dengan tim Anda dan Anda akan menemukan semua pertemuan terbaru Anda di sini.",
+        "recentMeetings": "Pertemuan terbaru Anda",
+        "reducedUIText": "Selamat datang di {{app}}!",
+        "roomNameAllowedChars": "Nama pertemuan tidak boleh mengandung salah satu dari karakter-karakter ini: ?, &, :, ', \", %, #.",
+        "roomname": "Masukkan nama ruang",
+        "roomnameHint": "Masukkan nama atau URL ruang yang ingin Anda ikuti. Anda dapat membuat nama, beri tahu orang-orang yang akan Anda temui sehingga mereka memasukkan nama yang sama.",
+        "sendFeedback": "Kirim umpan balik",
+        "settings": "Pengaturan",
+        "startMeeting": "Mulai pertemuan",
+        "terms": "Ketentuan",
+        "title": "Konferensi video yang aman, lengkap, dan benar-benar gratis",
+        "upcomingMeetings": "Pertemuan yang akan datang Anda"
+    },
+    "whiteboard": {
+        "accessibilityLabel": {
+            "heading": "Papan tulis"
+        },
+        "screenTitle": "Papan tulis"
+    }
+}
diff --git a/lang/main-is.json b/lang/main-is.json
new file mode 100644
index 0000000..ec4cfa7
--- /dev/null
+++ b/lang/main-is.json
@@ -0,0 +1,1527 @@
+{
+    "addPeople": {
+        "accessibilityLabel": {
+            "meetingLink": "Fundartengill: {{url}}"
+        },
+        "add": "Bjóða",
+        "addContacts": "Bjóddu tengiliðunum þínum",
+        "contacts": "tengiliðir",
+        "copyInvite": "Afrita fundarboð",
+        "copyLink": "Afrita fundartengil",
+        "copyStream": "Afrita tengil á beint streymi",
+        "countryNotSupported": "Við eru ekki byrjuð með sambönd á þessum stað.",
+        "countryReminder": "Ertu að hringja út fyrir BNA? Gakktu úr skugga um að númerið byrji með landskóða!",
+        "defaultEmail": "Sjálfgefið tölvupóstfang þitt",
+        "disabled": "Þú getur ekki boðið fólki.",
+        "failedToAdd": "Mistókst að bæta við þátttakendum",
+        "googleEmail": "Google-tölvupóstur",
+        "inviteMoreHeader": "Þú ert sá eini á fundinum",
+        "inviteMoreMailSubject": "Taka þátt í {{appName}}-fundi",
+        "inviteMorePrompt": "Bjóða fleira fólki",
+        "linkCopied": "Tengill afritaður á klippispjald",
+        "noResults": "Engar leitarniðurstöður samsvara",
+        "outlookEmail": "Outlook-tölvupóstur",
+        "phoneNumbers": "símanúmer",
+        "searching": "Leita…",
+        "shareInvite": "Deila fundarboði",
+        "shareLink": "Deila fundartengli til að bjóða öðrum",
+        "shareStream": "Deila tengli á beint streymi",
+        "sipAddresses": "SIP-vistföng",
+        "telephone": "Símanúmer: {{number}}",
+        "title": "Bjóða fólki á þennan fund",
+        "yahooEmail": "Yahoo-tölvupóstur"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "car": "Bílahljóðkerfi",
+        "headphones": "Heyrnartól",
+        "none": "Engin hljóðtæki tiltæk",
+        "phone": "Sími",
+        "speaker": "Hátalari"
+    },
+    "audioOnly": {
+        "audioOnly": "Lítil bandbreidd"
+    },
+    "bandwidthSettings": {
+        "assumedBandwidthBps": "t.d. 10000000 fyrir 10 Mbps",
+        "assumedBandwidthBpsWarning": "Hærri gildi geta leitt til vandamála í netkerfi.",
+        "customValue": "sérstakt gildi",
+        "customValueEffect": "til að stilla raunverulegt gildi b/sek",
+        "leaveEmpty": "skilja eftir autt",
+        "leaveEmptyEffect": "til að gerð áætlana geti átt sér stað",
+        "possibleValues": "Möguleg gildi",
+        "setAssumedBandwidthBps": "Áætluð bandbreidd (bps)",
+        "title": "Stillingar bandbreiddar",
+        "zeroEffect": "til að gera myndmerki óvirkt"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "Bæta við aukarás",
+            "autoAssign": "Úthluta sjálfkrafa á aukarásir",
+            "close": "Loka",
+            "join": "Taka þátt",
+            "leaveBreakoutRoom": "Yfirgefa aukarás",
+            "more": "Meira",
+            "remove": "Fjarlægja",
+            "rename": "Endurnefna",
+            "renameBreakoutRoom": "Endurnefna aukarás",
+            "sendToBreakoutRoom": "Senda þátttakanda á:"
+        },
+        "breakoutList": "Listi aukarása",
+        "buttonLabel": "Aukarásir",
+        "defaultName": "Aukarás #{{index}}",
+        "hideParticipantList": "Fela lista yfir þátttakendur",
+        "mainRoom": "Aðalspjallrás",
+        "notifications": {
+            "joined": "Geng til liðs við \"{{name}}\" aukarásina",
+            "joinedMainRoom": "Geng til liðs við aðalspjallrás",
+            "joinedTitle": "Aukarásir"
+        },
+        "showParticipantList": "Birta lista yfir þátttakendur",
+        "title": "Aukarásir"
+    },
+    "calendarSync": {
+        "addMeetingURL": "Bæta við fundartengli",
+        "confirmAddLink": "Viltu bæta við Jitsi-tengli í þennan atburð?",
+        "error": {
+            "appConfiguration": "Samþætting dagatals er ekki rétt uppsett.",
+            "generic": "Villa kom upp. Athugaðu stillingar dagatalsins eða prófaðu að endurlesa það.",
+            "notSignedIn": "Villa kom upp við auðkenningu til að skoða atburði dagatals. Athugaðu stillingar dagatalsins og prófaðu að skrá þig aftur inn á það."
+        },
+        "join": "Taka þátt",
+        "joinTooltip": "Taka þátt í fundinum",
+        "nextMeeting": "Næsti fundur",
+        "noEvents": "Það eru engir áætlaðir atburðir á næstunni.",
+        "ongoingMeeting": "Fundur í gangi",
+        "permissionButton": "Opna stillingar",
+        "permissionMessage": "Krafist er heimilda til að nota dagatal til að geta séð fundina þína í forritinu.",
+        "refresh": "Uppfæra dagatal",
+        "today": "Í dag"
+    },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "Veldu hljóðtæki"
+        },
+        "labels": {
+            "buttonLabel": "Bílastilling",
+            "title": "Bílastilling",
+            "videoStopped": "Myndmerkið þitt hefur stöðvast"
+        }
+    },
+    "chat": {
+        "enter": "Fara inn á spjallrás",
+        "error": "Villa: skilaboðin þín voru ekki send. Ástæða: {{error}}",
+        "fieldPlaceHolder": "Aa",
+        "lobbyChatMessageTo": "Skilaboð af biðsvæði til {{recipient}}",
+        "message": "Skilaboð",
+        "messageAccessibleTitle": "{{user}} segir:",
+        "messageAccessibleTitleMe": "ég segi:",
+        "messageTo": "Einkaskilaboð til {{recipient}}",
+        "messagebox": "Skrifaðu skilaboð",
+        "newMessages": "Ný skilaboð",
+        "nickname": {
+            "popover": "Veldu gælunafn",
+            "title": "Settu inn gælunafn/stuttnefni til að nota við spjall",
+            "titleWithPolls": "Settu inn gælunafn/stuttnefni til að nota við spjall og kannanir"
+        },
+        "noMessagesMessage": "Það eru ennþá engin skilaboð á fundinum. Byrjaðu umræðuna hér!",
+        "privateNotice": "Einkaskilaboð til {{recipient}}",
+        "sendButton": "Senda",
+        "smileysPanel": "Tjáningartáknaspjald",
+        "tabs": {
+            "chat": "Spjall",
+            "polls": "Kannanir"
+        },
+        "title": "Spjall",
+        "titleWithPolls": "Spjall og kannanir",
+        "you": "þú"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Setja inn Chrome-viðbót",
+        "buttonTextEdge": "Setja inn Edge-viðbót",
+        "close": "Loka",
+        "dontShowAgain": "Ekki sýna þessi skilaboð aftur",
+        "installExtensionText": "Settu inn viðbót fyrir Google Calendar og samþættingu við Office 365"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Tengist við fundinn þinn…"
+    },
+    "connection": {
+        "ATTACHED": "Tengt",
+        "AUTHENTICATING": "Auðkenning",
+        "AUTHFAIL": "Auðkenning mistókst",
+        "CONNECTED": "Tengt",
+        "CONNECTING": "Tengist",
+        "CONNFAIL": "Tenging mistókst",
+        "DISCONNECTED": "Aftengt",
+        "DISCONNECTING": "Aftengist",
+        "ERROR": "Villa",
+        "FETCH_SESSION_ID": "Næ í auðkenni setu (session-ID)…",
+        "GET_SESSION_ID_ERROR": "Villa við að ná í auðkenni setu: {{code}}",
+        "GOT_SESSION_ID": "Næ í auðkenni setu… Lokið",
+        "LOW_BANDWIDTH": "Slökkt var á myndmerki frá {{displayName}} til að spara bandbreidd"
+    },
+    "connectionindicator": {
+        "address": "Vistfang:",
+        "audio_ssrc": "Hljóð-SSRC:",
+        "bandwidth": "Áætluð bandbreidd:",
+        "bitrate": "Bitahraði:",
+        "bridgeCount": "Fjöldi netþjóna: ",
+        "codecs": "Kóðunarlyklar (A/V): ",
+        "connectedTo": "Tengt við:",
+        "e2eeVerified": "E2EE sannreynt:",
+        "framerate": "Rammatíðni:",
+        "less": "Sýna minna",
+        "localaddress": "Staðvært vistfang:",
+        "localaddress_plural": "Staðvær vistföng:",
+        "localport": "Staðvær gátt:",
+        "localport_plural": "Staðværar gáttir:",
+        "maxEnabledResolution": "senda hám.",
+        "more": "Birta meira",
+        "no": "nei",
+        "packetloss": "Pakkatap:",
+        "participant_id": "Auðkenni þátttakanda:",
+        "quality": {
+            "good": "Góð",
+            "inactive": "Óvirk",
+            "lost": "Töpuð",
+            "nonoptimal": "Ekki sem best",
+            "poor": "Léleg"
+        },
+        "remoteaddress": "Fjartengt vistfang:",
+        "remoteaddress_plural": "Fjartengd vistföng:",
+        "remoteport": "Fjartengd gátt:",
+        "remoteport_plural": "Fjartengdar gáttir:",
+        "resolution": "Upplausn:",
+        "savelogs": "Vista atvikaskrár",
+        "status": "Tenging:",
+        "transport": "Flutningsleið:",
+        "transport_plural": "Flutningsleiðir:",
+        "video_ssrc": "Myndmerki-SSRC:",
+        "yes": "já"
+    },
+    "dateUtils": {
+        "earlier": "Fyrr",
+        "today": "Í dag",
+        "yesterday": "Í gær"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Þú þarft {{app}} farsímaforritið til að geta tekið þátt í þessum fundi á símanum þínum.",
+        "description": "Gerðist ekkert? Við reyndum að ræsa fundinn þinn í {{app}} skjáborðsforritinu. Prófaðu aftur eða ræstu hann í {{app}} vefútgáfunni.",
+        "descriptionNew": "Gerðist ekkert? Við reyndum að ræsa fundinn þinn í {{app}} skjáborðsforritinu. <br /><br /> Prófaðu aftur eða ræstu hann í vefútgáfunni.",
+        "descriptionWithoutWeb": "Gerðist ekkert? Við reyndum að ræsa fundinn þinn í {{app}} skjáborðsforritinu.",
+        "downloadApp": "Ná í forritið",
+        "downloadMobileApp": "Sækja á App Store forritasafnið",
+        "ifDoNotHaveApp": "Ef þú ert ekki ennþá komin/n með forritið:",
+        "ifHaveApp": "Ef þú ert nú þegar með forritið:",
+        "joinInApp": "Taktu þátt í þessum fundi í gegnum forritið",
+        "joinInAppNew": "Taka þátt í forriti",
+        "joinInBrowser": "Taka þátt í vafra",
+        "launchMeetingLabel": "Hvernig vilt þú taka þátt í þessum fundi?",
+        "launchWebButton": "Ræsa í vafra",
+        "noMobileApp": "Ert þú ekki með forritið?",
+        "termsAndConditions": "Með því að halda áfram samþykkir þú <a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'>skilmála okkar og kvaðir.</a>",
+        "title": "Ræsi fundinn þinn í {{app}}…",
+        "titleNew": "Ræsi fundinn þinn…",
+        "tryAgainButton": "Prófa aftur í vafra",
+        "unsupportedBrowser": "Þú virðist vera að nota vafra sem við styðjum ekki."
+    },
+    "defaultLink": "t.d. {{url}}",
+    "defaultNickname": "dæmi: Jóna Péturs",
+    "deviceError": {
+        "cameraError": "Mistókst að ná aðgangi að myndavélinni þinni",
+        "cameraPermission": "Villa við að fá heimild fyrir myndavél",
+        "microphoneError": "Mistókst að ná aðgangi að hljóðnemanum þínum",
+        "microphonePermission": "Villa við að fá heimild fyrir hljóðnema"
+    },
+    "deviceSelection": {
+        "hid": {
+            "callControl": "Stýring símtala",
+            "connectedDevices": "Tengd tæki:",
+            "deleteDevice": "Eyða tæki",
+            "pairDevice": "Para tæki"
+        },
+        "noPermission": "Heimild ekki veitt",
+        "previewUnavailable": "Forskoðun ekki tiltæk",
+        "selectADevice": "Veldu tæki",
+        "testAudio": "Prófa"
+    },
+    "dialIn": {
+        "screenTitle": "Samantekt innhringinga"
+    },
+    "dialOut": {
+        "statusMessage": "er núna {{status}}"
+    },
+    "dialog": {
+        "Back": "Til baka",
+        "Cancel": "Hætta við",
+        "IamHost": "Skrá inn",
+        "Ok": "Í lagi",
+        "Remove": "Fjarlægja",
+        "Share": "Deila",
+        "Submit": "Senda inn",
+        "WaitForHostMsg": "Fjarfundurinn er ekki byrjaður vegna þess að engir umsjónarmenn eru mættir. Ef þú vilt gerast umsjónarmaður skaltu skrá þig inn. Annars ættirðu að bíða.",
+        "WaitingForHostButton": "Bíddu eftir umsjónarmanni",
+        "WaitingForHostTitle": "Bíð eftir umsjónarmanni…",
+        "Yes": "Já",
+        "accessibilityLabel": {
+            "Cancel": "Hætta við (loka glugga)",
+            "Ok": "Í lagi (vista og loka glugga)",
+            "close": "Loka glugga",
+            "liveStreaming": "Beint streymi",
+            "sharingTabs": "Valkostir deilingar"
+        },
+        "add": "Bæta við",
+        "addMeetingNote": "Bæta við minnispunkti um þennan fund",
+        "addOptionalNote": "Bæta við minnispunkti (valfrjálst):",
+        "allow": "Leyfa",
+        "allowToggleCameraDialog": "Gefur þú {{initiatorName}} leyfi til að víxla andlitsmynd myndavélarinnar þinnar?",
+        "allowToggleCameraTitle": "Leyfa  að víxla myndavél?",
+        "alreadySharedVideoMsg": "Annar þátttakandi er þegar að deila myndmerkinu sínu. Þessi fjarfundur leyfir aðeins að einu myndmerki sé deilt í einu.",
+        "alreadySharedVideoTitle": "Aðeins er leyft að deila einu myndmerki í einu",
+        "applicationWindow": "Forritsgluggi",
+        "authenticationRequired": "Auðkenningar krafist",
+        "cameraConstraintFailedError": "Myndavélin þín uppfyllir ekki sumt af uppsettum skilyrðum.",
+        "cameraNotFoundError": "Myndavél fannst ekki.",
+        "cameraNotSendingData": "Við náum ekki að tengjast myndavélinni þinni. Athugaðu hvort eitthvað annað forrit sé að nota hana, veldu annað tæki í stillingavalmyndinni eða reyndu að endurhlaða forritið.",
+        "cameraNotSendingDataTitle": "Gat ekki tengst myndavél",
+        "cameraPermissionDeniedError": "Þú hefur ekki gefið leyfi til að nota myndavélina þína. Þú getur samt tekið þátt í fundinum, en aðrir munu ekki sjá þig. Notaðu myndavélarhnappinn í vistfangastikunni til að laga þetta.",
+        "cameraTimeoutError": "Gat ekki ræst uppruna myndmerkis. Ferlið féll á tímamörkum!",
+        "cameraUnknownError": "Get ekki notað myndavélina af óþekktum ástæðum.",
+        "cameraUnsupportedResolutionError": "Myndavélin þín styður ekki umbeðna upplausn myndmerkis.",
+        "close": "Loka",
+        "conferenceDisconnectMsg": "Þú ættir kannski að athuga nettenginguna þína. Tengist aftur eftir {{seconds}} sek…",
+        "conferenceDisconnectTitle": "Þú hefur verið aftengd(ur).",
+        "conferenceReloadMsg": "Við erum að reyna að laga þetta. Tengist aftur eftir {{seconds}} sek…",
+        "conferenceReloadTitle": "Því miður, eitthvað hefur farið úrskeiðis.",
+        "confirm": "Staðfesta",
+        "confirmNo": "Nei",
+        "confirmYes": "Já",
+        "connectError": "Úbbs! Eitthvað fór úrskeiðis og við náðum ekki að tengjast fjarfundinum.",
+        "connectErrorWithMsg": "Úbbs! Eitthvað fór úrskeiðis og við náðum ekki að tengjast fjarfundinum: {{msg}}",
+        "connecting": "Tengist",
+        "contactSupport": "Hafa samband við aðstoð",
+        "copied": "Afritað",
+        "copy": "Afrita",
+        "dismiss": "Hunsa",
+        "displayNameRequired": "Hæ, hvað heitir þú?",
+        "done": "Lokið",
+        "e2eeDescription": "Enda-í-enda dulritun er sem stendur Á TILRAUNASTIGI. Hafðu í huga að sé kveikt á enda-í-enda dulritun mun það í raun gera óvirka ýmsar þjónustur sem netþjónninn veitir, eins og til dæmis þáttöku í gegnum síma. Hafðu einnig í huga að fundurinn mun þá einungis virka fyrir fólk sem tengist með vöfrum sem styðja innfelld streymi (insertable streams).",
+        "e2eeDisabledDueToMaxModeDescription": "Get ekki virkjað enda-í-enda dulritun vegna mikils fjölda þátttakenda á fjarfundinum.",
+        "e2eeLabel": "Virkja enda-í-enda dulritun",
+        "e2eeWarning": "AÐVÖRUN: Ekki eru allir þátttakendur á fundinum með stuðning við enda-í-enda dulritun. Ef þú virkjar hana munu viðkomandi hvorki geta séð né heyrt í þér.",
+        "e2eeWillDisableDueToMaxModeDescription": "Enda-í-enda dulritun verður sjálfkrafa gerð óvirk ef fleiri þátttakendur koma inn á fjarfundinn.",
+        "embedMeeting": "Ívefja fund",
+        "enterDisplayName": "Settu inn nafnið þitt",
+        "error": "Villa",
+        "gracefulShutdown": "Þjónustan okkar er ekki aðgengileg í augnablikinu. Endilega reyndu aftur síðar.",
+        "grantModeratorDialog": "Ertu viss um að þú viljir veita {{participantName}} umsjónarréttindi?",
+        "grantModeratorTitle": "Veita umsjónarréttindi",
+        "hide": "Fela",
+        "hideShareAudioHelper": "Ekki sýna þennan glugga aftur",
+        "incorrectPassword": "Rangt notandanafn eða lykilorð",
+        "incorrectRoomLockPassword": "Rangt lykilorð",
+        "internalError": "Úbbs! Eitthvað fór úrskeiðis. Eftirfarandi villa kom upp: {{error}}",
+        "internalErrorTitle": "Innri villa",
+        "kickMessage": "Þú getur haft samband við {{participantDisplayName}} til að sjá frekari upplýsingar.",
+        "kickParticipantButton": "Sparka",
+        "kickParticipantDialog": "Ertu viss um að þú viljir henda þessum þátttakanda út?",
+        "kickParticipantTitle": "Henda þessum þátttakanda út?",
+        "kickTitle": "Æi! {{participantDisplayName}} henti þér út af fundinum",
+        "linkMeeting": "Tengja fundinn",
+        "linkMeetingTitle": "Tengja fundinn á Salesforce",
+        "liveStreaming": "Beint streymi",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "Ekki hægt á meðan upptaka er virk",
+        "localUserControls": "Stýringar notanda á tölvunni",
+        "lockMessage": "Gat ekki læst fjarfundinum.",
+        "lockRoom": "Bæta við $t(lockRoomPassword) fundar",
+        "lockTitle": "Læsing mistókst",
+        "login": "Innskráning",
+        "loginQuestion": "Ertu viss um að þú viljir skrá þig inn og yfirgefa fjarfundinn?",
+        "logoutQuestion": "Ertu viss um að þú viljir skrá þig út og yfirgefa fjarfundinn?",
+        "logoutTitle": "Útskráning",
+        "maxUsersLimitReached": "Takmörkum á hámarksfjölda þátttakenda hefur verið náð. Fjarfundurinn er fullskipaður. Hafðu samband við eiganda fundarins eða reyndu aftur síðar!",
+        "maxUsersLimitReachedTitle": "Hámarksfjölda þátttakenda hefur verið náð",
+        "micConstraintFailedError": "Hljóðneminn þinn uppfyllir ekki sumt af uppsettum skilyrðum.",
+        "micNotFoundError": "Hljóðnemi fannst ekki.",
+        "micNotSendingData": "Farðu í stillingar tölvunnar þinnar til að kveikja á hljóðnemanum og aðlaga styrk hans",
+        "micNotSendingDataTitle": "Þaggað er niður í hljóðnemanum þínum í kerfisstillingunum",
+        "micPermissionDeniedError": "Þú hefur ekki gefið leyfi til að nota hljóðnemann þinn. Þú getur samt tekið þátt í fundinum, en aðrir munu ekki heyra í þér. Notaðu myndavélarhnappinn í vistfangastikunni til að laga þetta.",
+        "micTimeoutError": "Gat ekki ræst uppruna hljóðmerkis. Ferlið féll á tímamörkum!",
+        "micUnknownError": "Get ekki notað hljóðnemann af óþekktum ástæðum.",
+        "moderationAudioLabel": "Leyfa þátttakendum að afþagga sjálfa sig",
+        "moderationVideoLabel": "Leyfa þátttakendum að ræsa myndmerkin sín",
+        "muteEveryoneDialog": "Þátttakendur geta hvenær sem er afþaggað sjálfa sig.",
+        "muteEveryoneDialogModerationOn": "Þátttakendur geta hvenær sem er sent beiðni um að fá að tala.",
+        "muteEveryoneElseDialog": "Ef þaggað er niður í þeim muntu ekki geta afþaggað þá, en þeir munu geta afþaggað sig hvenær sem er .",
+        "muteEveryoneElseTitle": "Þagga niður í öllum nema {{whom}}?",
+        "muteEveryoneElsesVideoDialog": "Ef myndavélin hefur verið gerð óvirk, munt þú ekki geta kveikt aftur á henni, en viðkomandi mun hvenær sem er geta kveikt á henni fyrir sig.",
+        "muteEveryoneElsesVideoTitle": "Stöðva myndmerkið hjá öllum nema {{whom}}?",
+        "muteEveryoneSelf": "þig sjálfa/n",
+        "muteEveryoneStartMuted": "Allir byrja hljóðlaust héðan í frá",
+        "muteEveryoneTitle": "Þagga niður í öllum?",
+        "muteEveryonesVideoDialog": "Þátttakendur geta hvenær sem er kveikt á myndmerkinu sínu.",
+        "muteEveryonesVideoDialogModerationOn": "Þátttakendur geta hvenær sem er sent beiðni um að kveikt sé á myndmerkinu þeirra.",
+        "muteEveryonesVideoDialogOk": "Gera óvirkt",
+        "muteEveryonesVideoTitle": "Stöðva myndmerkið hjá öllum?",
+        "muteParticipantBody": "Þú munt ekki geta afþaggað þá, en þeir munu geta afþaggað sig hvenær sem er .",
+        "muteParticipantButton": "Þagga niður",
+        "muteParticipantsVideoBody": "Þú munt ekki geta kveikt aftur á myndavélinni, en viðkomandi munu hvenær sem er geta kveikt á henni fyrir sig.",
+        "muteParticipantsVideoBodyModerationOn": "Þú munt ekki geta kveikt aftur á myndavélinni og ekki heldur viðkomandi.",
+        "muteParticipantsVideoButton": "Stöðva myndmerki",
+        "muteParticipantsVideoDialog": "Ertu viss um að þú viljir slökkva á myndavélinni hjá þessum þátttakanda? Þú munt ekki geta kveikt aftur á myndavélinni, en viðkomandi munu hvenær sem er geta kveikt á henni fyrir sig.",
+        "muteParticipantsVideoDialogModerationOn": "Ertu viss um að þú viljir slökkva á myndavélinni hjá þessum þátttakanda? Þú munt ekki geta kveikt aftur á myndavélinni og ekki heldur viðkomandi.",
+        "muteParticipantsVideoTitle": "Gera myndavél óvirka hjá þessum þátttakanda?",
+        "noDropboxToken": "Ekkert gilt Dropbox-teikn",
+        "password": "Lykilorð",
+        "passwordLabel": "Þátttakandi hefur læst fundinum. Settu inn $t(lockRoomPassword) til að taka þátt í honum.",
+        "passwordNotSupported": "Að setja $t(lockRoomPassword) fyrir fund er ekki stutt.",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) er ekki stutt",
+        "passwordRequired": "$t(lockRoomPasswordUppercase) er nauðsynlegt",
+        "permissionCameraRequiredError": "Krafist er heimilda til að nota myndavél til að taka þátt í fjarfundum með myndmerki. Gefðu heimild til þessa í stillingunum",
+        "permissionErrorTitle": "Krafist er heimildar",
+        "permissionMicRequiredError": "Krafist er heimilda til að nota hljóðnema til að taka þátt í fjarfundum með hljóðmerki. Gefðu heimild til þessa í stillingunum",
+        "readMore": "meira",
+        "recentlyUsedObjects": "Nýlega notaðir hlutir hjá þér",
+        "recording": "Upptaka",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "Ekki hægt á meðan beint streymi er virkt",
+        "rejoinNow": "Taka þátt aftur",
+        "remoteControlAllowedMessage": "{{user}} samþykkti beiðni þína um fjarstýringu!",
+        "remoteControlDeniedMessage": "{{user}} hafnaði beiðni þinni um fjarstýringu!",
+        "remoteControlErrorMessage": "Villa kom upp þegar reynt var að biðja um heimild til fjarstýringar frá {{user}}!",
+        "remoteControlRequestMessage": "Viltu leyfa {{user}} að stýra skjáborðinu þínu fjartengt?",
+        "remoteControlShareScreenWarning": "Athugaðu að ef þú ýtir á \"Leyfa\" muntu deila skjánum þínum!",
+        "remoteControlStopMessage": "Fjarstýringarsetan endaði!",
+        "remoteControlTitle": "Fjarstýring skjáborðs",
+        "remoteUserControls": "Stýringar fjartengda notandans {{username}}",
+        "removePassword": "Fjarlægja $t(lockRoomPassword)",
+        "removeSharedVideoMsg": "Ertu viss um að þú viljir fjarlægja deilda myndmerkið þitt?",
+        "removeSharedVideoTitle": "Fjarlægja deilt myndmerki",
+        "renameBreakoutRoomLabel": "Heiti spjallrásar",
+        "renameBreakoutRoomTitle": "Endurnefna aukarás",
+        "reservationError": "Villa í pöntunarkerfi",
+        "reservationErrorMsg": "Villukóði: {{code}}, skilaboð: {{msg}}",
+        "retry": "Reyna aftur",
+        "screenSharingAudio": "Deila hljóði",
+        "screenSharingFailed": "Úbbs! Eitthvað fór úrskeiðis, ekki var hægt að hefja skjádeilingu!",
+        "screenSharingFailedTitle": "Skjádeiling mistókst!",
+        "screenSharingPermissionDeniedError": "Úbbs! Eitthvað fór úrskeiðis varðandi heimildir skjádeilingar. Þú ættir að hlaða þessu aftur inn og prófa svo aftur.",
+        "searchInSalesforce": "Leita í Salesforce",
+        "searchResults": "Leitarniðurstöður({{count}})",
+        "searchResultsDetailsError": "Eitthvað fór úrskeiðis við að ná í gögn eigandans.",
+        "searchResultsError": "Eitthvað fór úrskeiðis við að ná í gögn.",
+        "searchResultsNotFound": "Engar leitarniðurstöður fundnar.",
+        "searchResultsTryAgain": "Prófaðu að nota önnur stikkorð.",
+        "sendPrivateMessage": "Þú fékkst nýlega einkaskilaboð. Hafðirðu hugsað þér að svara þeim í einkaskilaboðum eða ætlarðu að senda skilaboð til hópsins?",
+        "sendPrivateMessageCancel": "Senda á hópinn",
+        "sendPrivateMessageOk": "Senda sem einkamál",
+        "sendPrivateMessageTitle": "Senda sem einkamál?",
+        "serviceUnavailable": "Þjónustan er ekki tiltæk",
+        "sessTerminated": "Símtali er lokið",
+        "sessTerminatedReason": "Fundi hefur verið slitið",
+        "sessionRestarted": "Samtal var endurræst vegna vandamála í tengingum.",
+        "shareAudio": "Halda áfram",
+        "shareAudioAltText": "til að deila völdu efni skaltu fara á \"Vafraflipi\", velja efnið, virkja \"Deila hljóði\" og smella síðan á Deila-hnappinn",
+        "shareAudioTitle": "Hvernig á að deila hljóði",
+        "shareAudioWarningD1": "þú þarft að stöðva skjádeilingu áður en þú getur deilt hljóðinu frá þér.",
+        "shareAudioWarningD2": "þú þarft að endurræsa skjádeilingu frá þér og merkja síðan við valkostinn \"Deila hljóði\".",
+        "shareAudioWarningH1": "Ef þú vilt einungis deila hljóði:",
+        "shareAudioWarningTitle": "Þú þarft að stöðva skjádeilingu áður en þú getur deilt hljóði",
+        "shareMediaWarningGenericH2": "Ef þú vilt deila bæði skjánum þínum og hljóði",
+        "shareScreenWarningD1": "þú þarft að stöðva hljóðdeilingu áður en þú getur deilt skjánum frá þér.",
+        "shareScreenWarningD2": "þú þarft að stöðva hljóðdeilingu frá þér, ræsa skjádeilingu og merkja síðan við valkostinn \"Deila hljóði\".",
+        "shareScreenWarningH1": "Ef þú vilt einungis deila skjánum þínum:",
+        "shareScreenWarningTitle": "Þú þarft að stöðva hljóðdeilingu áður en þú getur deilt skjánum frá þér",
+        "shareVideoLinkError": "Settu inn réttan tengil á myndmerki.",
+        "shareVideoTitle": "Deila myndmerki",
+        "shareYourScreen": "Deila skjánum þínum",
+        "shareYourScreenDisabled": "Skjádeiling er óvirk.",
+        "sharedVideoDialogError": "Villa: Ógild slóð",
+        "sharedVideoLinkPlaceholder": "YouTube-tengill eða beinn tengill á myndskeið",
+        "show": "Birta",
+        "start": "Byrja ",
+        "startLiveStreaming": "Hefja beint streymi",
+        "startRecording": "Hefja upptöku",
+        "startRemoteControlErrorMessage": "Villa kom upp þegar reynt var að ræsa fjarstýringarsetu!",
+        "stopLiveStreaming": "Stöðva beint streymi",
+        "stopRecording": "Stöðva upptöku",
+        "stopRecordingWarning": "Ertu viss um að þú viljir stöðva þessa upptöku?",
+        "stopStreamingWarning": "Ertu viss um að þú viljir stöðva þetta beina streymi?",
+        "streamKey": "Lykill fyrir beint streymi",
+        "thankYou": "Takk fyrir að nota {{appName}}!",
+        "token": "teikn",
+        "tokenAuthFailed": "Því miður, þú hefur ekki heimild til að taka þátt í þessu samtali.",
+        "tokenAuthFailedReason": {
+            "audInvalid": "Ógilt `aud` gildi. Það ætti að vera `jitsi`.",
+            "contextNotFound": "Hlutinn `context` vantar úr sendingunni.",
+            "expInvalid": "Ógilt `exp` gildi.",
+            "featureInvalid": "Ógildur eiginleiki: {{feature}}, líklegast ekki útfært ennþá.",
+            "featureValueInvalid": "Óleyfilegt gildi fyrir eiginleika: {{feature}}.",
+            "featuresNotFound": "Hlutinn `features` vantar úr sendingunni.",
+            "headerNotFound": "Vantar hausinn.",
+            "issInvalid": "Ógilt `iss` gildi. Það ætti að vera `chat`.",
+            "kidMismatch": "Key ID (kid) samsvarar ekki sub.",
+            "kidNotFound": "Vantar Key ID (kid).",
+            "nbfFuture": "Gildi `nbf` er í framtíðinni.",
+            "nbfInvalid": "Ógilt `nbf` gildi.",
+            "payloadNotFound": "Vantar sendinguna.",
+            "tokenExpired": "Teiknið er útrunnið."
+        },
+        "tokenAuthFailedTitle": "Auðkenning mistókst",
+        "tokenAuthFailedWithReasons": "Því miður, þú hefur ekki heimild til að taka þátt í þessu samtali. Mögulegar ástæður: {{reason}}",
+        "tokenAuthUnsupported": "URL-slóð teikns er ekki studd.",
+        "transcribing": "Umrita (transcribing)",
+        "unlockRoom": "Fjarlægja $t(lockRoomPassword) fundar",
+        "user": "Notandi",
+        "userIdentifier": "Notandaauðkenni",
+        "userPassword": "Lykilorð notandans",
+        "verifyParticipantConfirm": "Þau samsvara",
+        "verifyParticipantDismiss": "Þau samsvara ekki",
+        "verifyParticipantQuestion": "Á TILRAUNASTIGI: Spurðu þátttakandann {{participantName}} hvort viðkomandi sjái sama efni í sömu röð.",
+        "verifyParticipantTitle": "Sannvottun notanda",
+        "videoLink": "Tengill á myndmerki",
+        "viewUpgradeOptions": "Skoða valkosti uppfærslu",
+        "viewUpgradeOptionsContent": "Til að fá ótakmarkaðan aðgang að Premium-eiginleikum á borð við upptökur, umritanir, RTMP-streymi og fleira, þarftu að uppfæra áskriftina þína.",
+        "viewUpgradeOptionsTitle": "Þú uppgötvaðir Premium-eiginleika!",
+        "whiteboardLimitContent": "Því miður, takmörkum á fjölda notenda samtímis á teiknitöflu hefur verið náð.",
+        "whiteboardLimitReference": "Til að sjá nánari upplýsingar, ættirðu að skoða",
+        "whiteboardLimitReferenceUrl": "vefsvæðið okkar",
+        "whiteboardLimitTitle": "Notkun teiknitöflu er takmörkuð",
+        "yourEntireScreen": "Allur skjárinn þinn"
+    },
+    "documentSharing": {
+        "title": "Sameiginlegt skjal"
+    },
+    "e2ee": {
+        "labelToolTip": "Samskipti með hljóði og myndmerki í þessu samtali eru enda-í-enda dulrituð."
+    },
+    "embedMeeting": {
+        "title": "Ívefja þennan fund"
+    },
+    "feedback": {
+        "accessibilityLabel": {
+            "yourChoice": "Röddin þín: {{rating}}"
+        },
+        "average": "Meðaltal",
+        "bad": "Léleg",
+        "detailsLabel": "Segðu okkur meira um þetta.",
+        "good": "Góð",
+        "rateExperience": "Gefðu upplifun þinni af fundinum einkunn",
+        "star": "Stjörnumerkja",
+        "veryBad": "Mjög slæm",
+        "veryGood": "Mjög góð"
+    },
+    "filmstrip": {
+        "accessibilityLabel": {
+            "heading": "Smámyndir myndmerkja"
+        }
+    },
+    "giphy": {
+        "noResults": "Engar niðurstöður fundust :(",
+        "search": "Leita í GIPHY"
+    },
+    "incomingCall": {
+        "answer": "Svara",
+        "audioCallTitle": "Innhringing",
+        "decline": "Hunsa",
+        "productLabel": "frá Jitsi Meet",
+        "videoCallTitle": "Innhringing myndsamtals"
+    },
+    "info": {
+        "accessibilityLabel": "Birta upplýsingar",
+        "addPassword": "Bæta við $t(lockRoomPassword)i",
+        "cancelPassword": "Hætta við $t(lockRoomPassword)",
+        "conferenceURL": "Tengill:",
+        "copyNumber": "Afrita númer",
+        "country": "Land",
+        "dialANumber": "Til að tengjast við fundinn þinn skaltu hringja í eitt af þessum númerum og setja inn PIN-kóðann.",
+        "dialInConferenceID": "PIN:",
+        "dialInNotSupported": "Því miður, innhringing er ekki ennþá studd.",
+        "dialInNumber": "Innhringing:",
+        "dialInSummaryError": "Villa við að sækja innhringingarupplýsingar. Reyndu aftur síðar.",
+        "dialInTollFree": "Gjaldfrjálst",
+        "genericError": "Úbbs! Eitthvað fór úrskeiðis.",
+        "inviteLiveStream": "Til að skoða beint streymi frá þessum fundi skaltu smella á þennan tengil: {{url}}",
+        "invitePhone": "Til að tengjast frekar með síma skaltu ýta á þetta: {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Ertu að leita að öðru innhringinúmeri?\nSkoðaðu innhringinúmerin fyrir þennan fund: {{url}}\n\n\nEf einnig er verið að hringja inn í gegnum símanúmer fjarfundar, skaltu taka þátt án þess að tengjast með hljóði: {{silentUrl}}",
+        "inviteSipEndpoint": "Til að tengjast með SIP-vistfangi skaltu nota þetta: {{sipUri}}",
+        "inviteTextiOSInviteUrl": "Smelltu á eftirfarandi tengil til að taka þátt: {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "Ef þú ert að hringja inn í gegnum símanúmer fjarfundar, skaltu nota þennan tengil til að taka þátt án þess að tengjast með hljóði: {{silentUrl}}.",
+        "inviteTextiOSPersonal": "{{name}} er að bjóða þér á fund.",
+        "inviteTextiOSPhone": "Til að tengjast með síma skaltu nota þetta númer: {{number}},,{{conferenceID}}#\n",
+        "inviteURLFirstPartGeneral": "Þér hefur verið boðið að taka þátt í fundi.",
+        "inviteURLFirstPartPersonal": "{{name}} er að bjóða þér á fund.\n",
+        "inviteURLSecondPart": "\nTaka þátt í fundinum:\n{{url}}\n",
+        "label": "Innhringingarupplýsingar",
+        "liveStreamURL": "Beint streymi:",
+        "moreNumbers": "Fleiri símanúmer",
+        "noNumbers": "Engin innhringinúmer.",
+        "noPassword": "Ekkert",
+        "noRoom": "Enginn fjarfundur var tilgreindur til að hringja inn í.",
+        "numbers": "Innhringinúmer",
+        "password": "$t(lockRoomPasswordUppercase): ",
+        "reachedLimit": "Þú hefur náð hámarkinu á áskriftinni þinni.",
+        "sip": "SIP-vistfang",
+        "sipAudioOnly": "SIP-vistfang einungis með hljóði",
+        "title": "Deila",
+        "tooltip": "Deila tengli og innhringingarupplýsingum um þennan fund",
+        "upgradeOptions": "Athugaðu valkosti með uppfærslur á"
+    },
+    "inlineDialogFailure": {
+        "msg": "Við eigum í smá erfiðleikum.",
+        "retry": "Reyndu aftur",
+        "support": "Stuðningur",
+        "supportMsg": "Ef þetta heldur áfram að koma upp, skaltu hafa samband við"
+    },
+    "inviteDialog": {
+        "alertText": "Mistókst að bjóða sumum þátttakendum.",
+        "header": "Bjóða",
+        "searchCallOnlyPlaceholder": "Settu inn símanúmer",
+        "searchPeopleOnlyPlaceholder": "Leita að þátttakendum",
+        "searchPlaceholder": "Þátttakandi eða símanúmer",
+        "send": "Senda"
+    },
+    "jitsiHome": "{{logo}} táknmerki, tengist á heimasíðu",
+    "keyboardShortcuts": {
+        "focusLocal": "Gera myndmerkið þitt virkt",
+        "focusRemote": "Gera myndmerkið einhvers annars virkt",
+        "fullScreen": "Skoða skjá eða fara úr skjáfylliham",
+        "giphyMenu": "Víxla GIPHY-valmynd af/á",
+        "keyboardShortcuts": "Flýtilyklar",
+        "localRecording": "Birta eða fela stýringar fyrir upptöku á tölvunni",
+        "mute": "Þagga niður eða kveikja á hljóðnema",
+        "pushToTalk": "Ýta til að tala",
+        "raiseHand": "Rétta upp eða leggja niður höndina",
+        "showSpeakerStats": "Birta tölfræði þátttakenda",
+        "toggleChat": "Opna eða loka spjallinu",
+        "toggleFilmstrip": "Birta eða fela smámyndir myndmerkja",
+        "toggleParticipantsPane": "Birta eða fela spjald með þátttakendum",
+        "toggleScreensharing": "Skipta á milli myndavélar og deilingar á skjá",
+        "toggleShortcuts": "Birta eða fela flýtivísanir á lyklaborði",
+        "videoMute": "Ræsa eða stöðva myndavélina þína"
+    },
+    "largeVideo": {
+        "screenIsShared": "Þú ert að deila skjánum þínum",
+        "showMeWhatImSharing": "Sýna mér hverju ég er að deila"
+    },
+    "liveStreaming": {
+        "busy": "Við erum að reyna að losa um einhver tilföng fyrir streymi. Reyndu aftur eftir nokkrar mínútur.",
+        "busyTitle": "Allar streymisvélar eru uppteknar í augnablikinu",
+        "changeSignIn": "Skipta um notandaaðgang.",
+        "choose": "Veldu beint streymi",
+        "chooseCTA": "Veldu valkost fyrir streymi. Þú ert núna skráð/ur inn sem {{email}}.",
+        "enterStreamKey": "Settu hér inn lykil fyrir beint streymi frá YouTube.",
+        "error": "Beint streymi mistókst. Reyndu aftur.",
+        "errorAPI": "Villa kom upp við að fá aðgang að útsendingum þínum á YouTube. Prófaðu að skrá þig inn aftur.",
+        "errorLiveStreamNotEnabled": "Beint streymi er ekki virkt fyrir {{email}}. Virkjaðu beint streymi eða skráðu þig inn á notandaaðgang þar sem beint streymi er virkjað.",
+        "expandedOff": "Beina streymið hefur verið stöðvað",
+        "expandedOn": "Verið er að taka streyma fundinum á YouTube.",
+        "expandedPending": "Verið er að ræsa beina streymið…",
+        "failedToStart": "Tókst ekki að ræsa beint streymi",
+        "getStreamKeyManually": "Við gátum ekki nálgast nein bein streymi. Reyndu að ná þér í lykil fyrir beint streymi frá YouTube.",
+        "googlePrivacyPolicy": "Meðferð persónuupplýsinga hjá Google",
+        "inProgress": "Upptaka eða beint streymi í gangi",
+        "invalidStreamKey": "Lykill fyrir beint streymi gæti verið rangur.",
+        "limitNotificationDescriptionNative": "Streymið þitt verður takmarkað við {{limit}} mínútur. Fyrir ótakmarkað streymi ættirðu að prófa {{app}}.",
+        "limitNotificationDescriptionWeb": "Vegna mikils álags verður streymið þitt takmarkað við {{limit}} mínútur. Fyrir ótakmarkað streymi ættirðu að prófa <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "off": "Beint streymi stöðvað",
+        "offBy": "{{name}} stöðvaði beina streymið",
+        "on": "Beint streymi er hafið",
+        "onBy": "{{name}} byrjaði beint streymi",
+        "pending": "Ræsi beint streymi…",
+        "serviceName": "Þjónusta fyrir beint streymi",
+        "sessionAlreadyActive": "Það er þegar verið að taka upp eða streyma beint þessari setu.",
+        "signIn": "Skrá inn með Google",
+        "signInCTA": "Skráðu þig inn eða settu inn lykil fyrir beint streymi frá YouTube.",
+        "signOut": "Skrá út",
+        "signedInAs": "Þú ert núna skráð/ur inn sem:",
+        "start": "Hefja beint streymi",
+        "streamIdHelp": "Hvað er þetta?",
+        "title": "Beint streymi",
+        "unavailableTitle": "Beint streymi er ekki tiltækt",
+        "youtubeTerms": "Þjónustuskilmálar YouTube"
+    },
+    "lobby": {
+        "backToKnockModeButton": "Biðja um að taka þátt",
+        "chat": "Spjall",
+        "dialogTitle": "Biðsvæðishamur",
+        "disableDialogContent": "Biðsvæðishamur er núna virkur. Þessi eiginleiki tryggir að óæskilegir notendur taki ekki þátt í fundunum þinum. Vitu gera þetta óvirkt?",
+        "disableDialogSubmit": "Gera óvirkt",
+        "emailField": "Settu inn tölvupóstfangið þitt",
+        "enableDialogPasswordField": "Stilltu lykilorð (má sleppa)",
+        "enableDialogSubmit": "Virkja",
+        "enableDialogText": "Biðsvæðishamur gerir þér kleift að verja fundina þína með því að heimila fólki inngöngu einungis eftir formlegt samþykki frá umsjónarmanni.",
+        "enterPasswordButton": "Settu inn lykilorð fundarins",
+        "enterPasswordTitle": "Settu inn lykilorð til að taka þátt í fundinum",
+        "errorMissingPassword": "Settu inn lykilorð fundarins",
+        "invalidPassword": "Ógilt lykilorð",
+        "joinRejectedMessage": "Beiðni þinni um þátttöku var hafnað af umsjónaraðila.",
+        "joinRejectedTitle": "Beiðni um þátttöku var hafnað.",
+        "joinTitle": "Taka þátt í fundi",
+        "joinWithPasswordMessage": "Reyni að taka þátt með lykilorði, hinkraðu aðeins…",
+        "joiningMessage": "Þú færð að taka þátt í fundinum um leið og einhver samþykkir beiðnina þína",
+        "joiningTitle": "Biður um að taka þátt í fundi…",
+        "joiningWithPasswordTitle": "Tekur þátt með lykilorði…",
+        "knockButton": "Biðja um að taka þátt",
+        "knockTitle": "Einhver vill taka þátt í fundinum",
+        "knockingParticipantList": "Listi yfir þátttakendur sem bíða",
+        "lobbyChatStartedNotification": "{{moderator}} hefur hafið spjall á biðsvæði við {{attendee}}",
+        "lobbyChatStartedTitle": "{{moderator}} hefur hafið spjall á biðsvæði við þig.",
+        "lobbyClosed": "Biðsvæðisrásinni hefur verið lokað.",
+        "nameField": "Settu inn nafnið þitt",
+        "notificationLobbyAccessDenied": "{{targetParticipantName}} hefur verið meinuð þátttaka af {{originParticipantName}}",
+        "notificationLobbyAccessGranted": "{{targetParticipantName}} hefur verið leyft að taka þátt af {{originParticipantName}}",
+        "notificationLobbyDisabled": "Biðsvæði hefur verið gert óvirkt af {{originParticipantName}}",
+        "notificationLobbyEnabled": "Biðsvæði hefur verið gert virkt af {{originParticipantName}}",
+        "notificationTitle": "Biðsvæði",
+        "passwordJoinButton": "Taka þátt",
+        "title": "Biðsvæði",
+        "toggleLabel": "Virkja biðsvæði"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Slökkt",
+            "on": "Kveikt",
+            "unknown": "Óþekkt"
+        },
+        "dialogTitle": "Stýringar fyrir upptöku á tölvunni",
+        "duration": "Tímalengd",
+        "durationNA": "Ekki tiltækt",
+        "encoding": "Kóðun",
+        "label": "LOR",
+        "labelToolTip": "Upptaka á tölvunni er í gangi",
+        "localRecording": "Upptaka á tölvunni",
+        "me": "Ég",
+        "messages": {
+            "engaged": "Upptaka á tölvunni í gangi.",
+            "finished": "Upptökusetu {{token}} lokið. Sendu upptökuskrána til stjórnandans.",
+            "finishedModerator": "Upptökusetu {{token}} lokið. Upptaka hljóðrásar á þessari tölvu hefur verið vistuð. Biddu aðra þáttakendur um að senda inn upptökur þeirra.",
+            "notModerator": "Þú ert ekki stjórnandinn. Þú getur ekki byrjað eða stöðvað upptöku á tölvunni."
+        },
+        "moderator": "Stjórnandi",
+        "no": "Nei",
+        "participant": "Þátttakandi",
+        "participantStats": "Tölfræði þátttakanda",
+        "selectTabTitle": "🎥 Veldu þennan flipa fyrir upptöku",
+        "sessionToken": "Setuteikn",
+        "start": "Hefja upptöku",
+        "stop": "Stöðva upptöku",
+        "stopping": "Stöðva upptöku",
+        "wait": "Bíddu á meðan við vistum upptökuna þína",
+        "yes": "Já"
+    },
+    "lockRoomPassword": "lykilorð",
+    "lockRoomPasswordUppercase": "Lykilorð",
+    "lonelyMeetingExperience": {
+        "button": "Bjóddu öðrum",
+        "youAreAlone": "Þú ert sá eini á fundinum"
+    },
+    "me": "ég",
+    "notify": {
+        "OldElectronAPPTitle": "Öryggisveikleiki!",
+        "allowAction": "Leyfa",
+        "allowedUnmute": "Þú getur afþaggað hljóðnemann þinn, ræst myndavélina þína eða deilt skjánum þínum.",
+        "audioUnmuteBlockedDescription": "Lokað hefur verið tímabundið fyrirá afþöggun hljóðnema vegna takmarkana í kerfinu.",
+        "audioUnmuteBlockedTitle": "Lokað á afþöggun hljóðnema1",
+        "chatMessages": "Skilaboð í spjalli",
+        "connectedOneMember": "{{name}} hefur bæst við á fundinn",
+        "connectedThreePlusMembers": "{{name}} og margir til viðbótar hafa bæst við á fundinn",
+        "connectedTwoMembers": "{{first}} og {{second}} hafa bæst við á fundinn",
+        "dataChannelClosed": "Gæðum myndmerkis er ábótavant",
+        "dataChannelClosedDescription": "Brúarrásin hefur verið aftengd og eru því gæði myndmerkis takmörkuð við lægstu stillinguna.",
+        "disabledIframe": "Ívafning (embedding) er aðeins ætluð sem sýnidæmi, þannig að þetta mun aftengjast eftir {{timeout}} mínútur.",
+        "disabledIframeSecondary": "Ívafning (embedding) {{domain}} er aðeins ætluð sem sýnidæmi, þannig að þetta mun aftengjast eftir {{timeout}} mínútur. Notaðu <a href='{{jaasDomain}}' rel='noopener noreferrer' target='_blank'>Jitsi sem þjónustu</a> fyrir ívafningu í vinnuumhverfi!",
+        "disconnected": "aftengt",
+        "displayNotifications": "Birta tilkynningar frá",
+        "dontRemindMe": "Ekki minna mig á",
+        "focus": "Fjarfundur virkur",
+        "focusFail": "{{component}} er ekki tiltækt - prófa aftur eftir {{ms}} sek",
+        "gifsMenu": "GIPHY",
+        "groupTitle": "Tilkynningar",
+        "hostAskedUnmute": "Umsjónarmaðurinn myndi vilja að þú tækir til máls",
+        "invitedOneMember": "{{name}} hefur verið boðið",
+        "invitedThreePlusMembers": "{{name}} og {{count}} til viðbótar hefur verið boðið",
+        "invitedTwoMembers": "{{first}} og {{second}} hefur verið boðið",
+        "joinMeeting": "Taka þátt",
+        "kickParticipant": "{{kicked}} var hent út af {{kicker}}",
+        "leftOneMember": "{{name}} yfirgaf fundinn",
+        "leftThreePlusMembers": "{{name}} og margir til viðbótar hafa yfirgefið fundinn",
+        "leftTwoMembers": "{{first}} og {{second}} hafa yfirgefið fundinn",
+        "linkToSalesforce": "Tengill á Salesforce",
+        "linkToSalesforceDescription": "Þú getur tengt yfirlit fundarins við Salesforce-hlut.",
+        "linkToSalesforceError": "Ekki tókst að tengja fundinn á Salesforce",
+        "linkToSalesforceKey": "Tengja þennan fund",
+        "linkToSalesforceProgress": "Tengi fundinn á Salesforce…",
+        "linkToSalesforceSuccess": "Fundurinn var tengdur við Salesforce",
+        "localRecordingStarted": "{{name}} hefur byrjað upptöku á tölvunni sinni.",
+        "localRecordingStopped": "{{name}} hefur stöðvað upptöku á tölvunni sinni.",
+        "me": "Ég",
+        "moderationInEffectCSDescription": "Réttu upp hönd þú vilt deila skjánum þínum.",
+        "moderationInEffectCSTitle": "Umsjónarmaðurinn hefur lokað á skjádeilingu",
+        "moderationInEffectDescription": "Réttu upp hönd þú vilt taka til máls.",
+        "moderationInEffectTitle": "Umsjónarmaðurinn hefur lokað á hljóðnemann þinn",
+        "moderationInEffectVideoDescription": "Réttu upp hönd þú vilt ræsa myndavélina þína.",
+        "moderationInEffectVideoTitle": "Umsjónarmaðurinn hefur lokað á myndavélina þína",
+        "moderationRequestFromModerator": "Gestgjafinn myndi vilja að þú afþaggaðir hljóðnemann þinn",
+        "moderationRequestFromParticipant": "Vill fá að tala",
+        "moderationStartedTitle": "Umsjón hafin",
+        "moderationStoppedTitle": "Umsjón stöðvuð",
+        "moderationToggleDescription": "af {{participantDisplayName}}",
+        "moderator": "Þú ert núna umsjónarmaður",
+        "muted": "Þú byrjaðir samtalið með þaggað niður í þér.",
+        "mutedRemotelyDescription": "Þú getur alltaf afþaggað þig þegar þú ert tilbúinn til að tala. Þaggaðu svo aftur niður í hljóðnemanum svo að aukahávaði sé ekki að trufla fundinn.",
+        "mutedRemotelyTitle": "{{participantDisplayName}} hefur þaggað niður í þér",
+        "mutedTitle": "Það er þaggað niður í þér!",
+        "newDeviceAction": "Nota",
+        "newDeviceAudioTitle": "Nýtt hljóðtæki fannst",
+        "newDeviceCameraTitle": "Ný myndavél fannst",
+        "noiseSuppressionDesktopAudioDescription": "Ekki var hægt að gera truflanasíun virka á meðan deiling fór fram á hljóði, gerðu deilinguna óvirka og reyndu síðan aftur.",
+        "noiseSuppressionFailedTitle": "Mistókst að ræsa truflanasíun",
+        "noiseSuppressionStereoDescription": "Truflanasíun í víðómi er ekki studd ennþá.",
+        "oldElectronClientDescription1": "Þú virðist vera að nota gamla útgáfu af Jitsi Meet forritinu sem vitað er að sé með öryggisveilur. Gakktu úr skugga um að þú uppfærir í ",
+        "oldElectronClientDescription2": "nýjustu byggingarútgáfuna okkar",
+        "oldElectronClientDescription3": " núna!",
+        "participantWantsToJoin": "Vill taka þátt í fundinum",
+        "participantsWantToJoin": "Vilja taka þátt í fundinum",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) fjarlægt af öðrum þátttakanda",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) stillt af öðrum þátttakanda",
+        "raiseHandAction": "Réttu upp höndina",
+        "raisedHand": "Myndi vilja taka til máls.",
+        "raisedHands": "{{participantName}} og {{raisedHands}} til viðbótar",
+        "reactionSounds": "Gera hljóð óvirk",
+        "reactionSoundsForAll": "Gera hljóð óvirk fyrir alla",
+        "screenShareNoAudio": "Ekki var merkt við reitinn til að deila hljóði á skjánum til að velja glugga.",
+        "screenShareNoAudioTitle": "Gat ekki deilt kerfishljóði!",
+        "screenSharingAudioOnlyDescription": "Athugaðu að með því að deila skjánum þínum hefurðu áhrif á \"Bestu afköst\"-haminn og munt nota meiri bandbreidd.",
+        "screenSharingAudioOnlyTitle": "\"Bestu afköst\"-hamur",
+        "selfViewTitle": "Þú getur alltaf endurbirt sjálfsmyndina í stillingunum",
+        "somebody": "Einhver",
+        "startSilentDescription": "Tengstu fundinum aftur til að virkja hljóð",
+        "startSilentTitle": "Þú mættir með ekkert hljóðúttak!",
+        "suboptimalBrowserWarning": "Við erum ekki viss um að upplifun þín af fundinum verði neitt sérstök. Við erum alltaf að reyna að bæta þetta, en þangað til ættirðu frekar að nota einhvern af <a href='{{recommendedBrowserPageLink}}' target='_blank'>þeim vöfrum sem eru studdir að fullu</a>.",
+        "suboptimalExperienceTitle": "Aðvörun vafra",
+        "unmute": "Afþagga",
+        "videoMutedRemotelyDescription": "Þú getur alltaf kveikt á því aftur.",
+        "videoMutedRemotelyTitle": "{{participantDisplayName}} hefur slökkt á myndmerkinu frá þér",
+        "videoUnmuteBlockedDescription": "Lokað hefur verið tímabundið fyrirá afþöggun myndavélar og skjáborðsdeilingar vegna takmarkana í kerfinu.",
+        "videoUnmuteBlockedTitle": "Lokað er á afþöggun myndavélar og skjáborðsdeilingar!",
+        "viewLobby": "Skoða biðsvæði",
+        "waitingParticipants": "{{waitingParticipants}} manns",
+        "whiteboardLimitDescription": "Vistaðu vinnuna þína, þar sem takmörkum á fjölda notenda verður bráðum náð og teiknitaflan mun þá lokast.",
+        "whiteboardLimitTitle": "Notkun teiknitöflu"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "Hleypa að",
+            "admitAll": "Hleypa öllum að",
+            "allow": "Leyfa þátttakendum að:",
+            "allowVideo": "Leyfa myndmerki",
+            "askUnmute": "Spyrja til að afþagga",
+            "audioModeration": "Afþagga sjálfa sig",
+            "blockEveryoneMicCamera": "Loka á hljóðnema og myndavél allra",
+            "breakoutRooms": "Aukarásir",
+            "invite": "Bjóddu einhverjum",
+            "moreModerationActions": "Fleiri umsýsluvalkostir",
+            "moreModerationControls": "Fleiri umsýslustýringar",
+            "moreParticipantOptions": "Fleiri valkostir þátttakenda",
+            "mute": "Þagga niður",
+            "muteAll": "Þagga niður allt",
+            "muteEveryoneElse": "Þagga niður í öllum öðrum",
+            "reject": "Hafna",
+            "stopEveryonesVideo": "Stöðva myndmerkið hjá öllum",
+            "stopVideo": "Stöðva myndmerki",
+            "unblockEveryoneMicCamera": "Opna á hljóðnema og myndavél allra",
+            "videoModeration": "Ræsa myndmerkin þeirra"
+        },
+        "close": "Loka",
+        "headings": {
+            "lobby": "Biðsvæði ({{count}})",
+            "participantsList": "Þátttakendur á fundinum ({{count}})",
+            "visitorRequests": " (beiðnir {{count}})",
+            "visitors": "Gestir {{count}}",
+            "waitingLobby": "Bíða á biðsvæði ({{count}})"
+        },
+        "search": "Leita að þátttakendum",
+        "title": "Þátttakendur"
+    },
+    "passwordDigitsOnly": "Allt að {{number}} stafir",
+    "passwordSetRemotely": "Sett af öðrum þátttakanda",
+    "pinParticipant": "{{participantName}} - Festa",
+    "pinnedParticipant": "Þátttakandinn er festur",
+    "polls": {
+        "answer": {
+            "skip": "Sleppa",
+            "submit": "Senda inn"
+        },
+        "by": "Eftir {{ name }}",
+        "create": {
+            "addOption": "Bæta við valkosti",
+            "answerPlaceholder": "Valkostur {{index}}",
+            "cancel": "Hætta við",
+            "create": "Búa til könnun",
+            "pollOption": "Valkostur í könnun {{index}}",
+            "pollQuestion": "Spurning könnunar",
+            "questionPlaceholder": "Spurðu spurningar",
+            "removeOption": "Fjarlægja valkost",
+            "send": "Senda"
+        },
+        "errors": {
+            "notUniqueOption": "Valkostir hljóta að vera einstök"
+        },
+        "notification": {
+            "description": "Opnaðu könnunarflipann til að greiða atkvæði",
+            "title": "Nýrri könnun var bætt á þennan fund"
+        },
+        "results": {
+            "changeVote": "Breyta atkvæði",
+            "empty": "Það eru ennþá engar kannanir á fundinum. Byrjaðu könnun hér!",
+            "hideDetailedResults": "Fela nánari upplýsingar",
+            "showDetailedResults": "Birta nánari upplýsingar",
+            "vote": "Greiða atkvæði"
+        }
+    },
+    "poweredby": "keyrt með",
+    "prejoin": {
+        "audioAndVideoError": "Villa í hljóð og myndmerki:",
+        "audioDeviceProblem": "Það kom upp vandamál með hljóðtækið þitt",
+        "audioOnlyError": "Villa í hljóði:",
+        "audioTrackError": "Gat ekki búið til hljóðrás.",
+        "callMe": "Hringdu í mig",
+        "callMeAtNumber": "Hringdu í mig í þessu númeri:",
+        "calling": "Hringi",
+        "configuringDevices": "Stilli tæki…",
+        "connectedWithAudioQ": "Ert þú tengd/ur með hljóði?",
+        "connection": {
+            "good": "Internettengingin þín lítur vel út!",
+            "nonOptimal": "Internettengingin þín er ekki upp á sitt besta",
+            "poor": "Þú ert með lélega internettengingu"
+        },
+        "connectionDetails": {
+            "audioClipping": "Við gerum ráð fyrir að hljóðið frá þér klippist.",
+            "audioHighQuality": "Við gerum ráð fyrir að hljóðið frá þér sé með góð gæði.",
+            "audioLowNoVideo": "Við gerum ráð fyrir að hljóðið frá þér sé lélegt og ekkert myndmerki berist.",
+            "goodQuality": "Frábært! Hljóð og myndgæðin frá þér ættu að vera góð.",
+            "noMediaConnectivity": "Við fundum enga leið til að koma á gagnatengingu fyrir þessa prófun. Venjulega gerist slíkt af völdum eldveggja eða NAT.",
+            "noVideo": "Við gerum ráð fyrir að myndmerkið frá þér verði ömurlegt.",
+            "undetectable": "Ef þú getur enn ekki hringt inni í vafranum, þá mælum við með að þú athugir vandlega hvort hátalarar, hljóðnemi og myndavél séu rétt sett upp, að þú hafir gefið vafranum þínum heimildir til að nota hljóðnemann þinn og myndavélina, og að vafrinn þinn sé uppfærður í nýjustu útgáfu. Ef þú átt þá enn í vandræðum með hringingar, ættirðu að hafa samband við forritara vefforritsins.",
+            "veryPoorConnection": "Við gerum ráð fyrir að gæði símtala frá þér verði verulega ömurleg.",
+            "videoFreezing": "Við gerum ráð fyrir að myndmerkið þitt frjósi, verði svart eða sé stallað.",
+            "videoHighQuality": "Við gerum ráð fyrir að myndmerkið frá þér sé með góð gæði.",
+            "videoLowQuality": "Við gerum ráð fyrir að myndmerkið frá þér sé með lítil gæði varðandi rammatíðni og upplausn.",
+            "videoTearing": "Við gerum ráð fyrir að myndmerkið þitt sé stallað eða sé með sjónrænar truflanir."
+        },
+        "copyAndShare": "Afrita og deila fundartengli",
+        "dialInMeeting": "Hringdu inn á fundinn",
+        "dialInPin": "Hringdu inn á fundinn og settu inn PIN-kóða:",
+        "dialing": "Hringi",
+        "doNotShow": "Ekki birta þetta aftur",
+        "errorDialOut": "Gat ekki hringt út",
+        "errorDialOutDisconnected": "Gat ekki hringt út. Aftengt",
+        "errorDialOutFailed": "Gat ekki hringt út. Símtal mistókst",
+        "errorDialOutStatus": "Villa við að ná í stöðu úthringingar",
+        "errorMissingName": "Settu inn nafnið þitt til að taka þátt í fundinum",
+        "errorNoPermissions": "Þú þarft að virkja aðgang að hljóðnema og myndavél",
+        "errorStatusCode": "Villa við að hringja út, stöðukóði: {{status}}",
+        "errorValidation": "Sannprófun símanúmers mistókst",
+        "iWantToDialIn": "Ég vil hringja inn",
+        "initiated": "Símtal hafið",
+        "joinAudioByPhone": "Taka þátt með símahljóði",
+        "joinMeeting": "Taka þátt í fundi",
+        "joinMeetingInLowBandwidthMode": "Taka þátt í ham fyrir litla bandbreidd",
+        "joinWithoutAudio": "Taka þátt án hljóðs",
+        "keyboardShortcuts": "Virkja flýtilykla á lyklaborði",
+        "linkCopied": "Tengill afritaður á klippispjald",
+        "lookGood": "Allt virkar eins og á að sér",
+        "or": "eða",
+        "premeeting": "Á undan fundi",
+        "proceedAnyway": "Halda samt áfram",
+        "screenSharingError": "Villa í skjádeilingu:",
+        "startWithPhone": "Byrja með símahljóði",
+        "unsafeRoomConsent": "Ég skil áhættuna, ég vil taka þátt í fundinum",
+        "videoOnlyError": "Villa í myndmerki:",
+        "videoTrackError": "Gat ekki búið til myndrás.",
+        "viewAllNumbers": "skoða öll númer"
+    },
+    "presenceStatus": {
+        "busy": "Upptekin/n",
+        "calling": "Hringi…",
+        "connected": "Tengt",
+        "connecting": "Tengist…",
+        "connecting2": "Tengist*…",
+        "disconnected": "Aftengt",
+        "expired": "Útrunnið",
+        "ignored": "Hunsað",
+        "initializingCall": "Ræsi símtal…",
+        "invited": "Boðið",
+        "rejected": "Hafnað",
+        "ringing": "Hringing…"
+    },
+    "profile": {
+        "avatar": "auðkennismynd",
+        "setDisplayNameLabel": "Nafn",
+        "setEmailInput": "Settu inn tölvupóstfang",
+        "setEmailLabel": "Gravatar-tölvupóstfang",
+        "title": "Persónusnið"
+    },
+    "raisedHand": "Myndi vilja taka til máls",
+    "raisedHandsLabel": "Fjöldi uppréttra handa",
+    "record": {
+        "already": {
+            "linked": "Fundurinn er þegar tengdur við þennan Salesforce-hlut."
+        },
+        "type": {
+            "account": "Notandaaðgangur",
+            "contact": "Hafa samband",
+            "lead": "Leiðandi",
+            "opportunity": "Tækifæri",
+            "owner": "Eigandi"
+        }
+    },
+    "recording": {
+        "authDropboxText": "Senda inn á Dropbox",
+        "availableSpace": "Laust pláss: {{spaceLeft}} MB (um það bil {{duration}} mínútur í upptöku)",
+        "beta": "BETA",
+        "busy": "Við erum að reyna að losa um einhver tilföng fyrir upptöku. Reyndu aftur eftir nokkrar mínútur.",
+        "busyTitle": "Allar upptökuvélar eru uppteknar í augnablikinu",
+        "copyLink": "Afrita tengil",
+        "error": "Upptaka mistókst. Reyndu aftur.",
+        "errorFetchingLink": "Villa við að sækja tengil á upptöku.",
+        "expandedOff": "Upptaka hefur verið stöðvuð",
+        "expandedOn": "Verið er að taka upp fundinn.",
+        "expandedPending": "Verið er að ræsa upptöku…",
+        "failedToStart": "Tókst ekki að ræsa upptöku",
+        "fileSharingdescription": "Deila tengli á upptöku með þátttakendum á fundinum",
+        "highlight": "Áherslulita",
+        "highlightMoment": "Áherslulita augnablik",
+        "highlightMomentDisabled": "Þú getur áherslulitað tímabil þegar upptakan hefst",
+        "highlightMomentSuccess": "Áherslulitað augnablik",
+        "highlightMomentSucessDescription": "Áherslulituðum augnablikum mun verða bætt við yfirlit fundarins.",
+        "inProgress": "Upptaka eða beint streymi í gangi",
+        "limitNotificationDescriptionNative": "Vegna mikils álags verður upptakan þín takmörkuð við {{limit}} mínútur. Fyrir ótakmarkaðar upptökur ættirðu að prófa <3>{{app}}</3>.",
+        "limitNotificationDescriptionWeb": "Vegna mikils álags verður upptakan þín takmörkuð við {{limit}} mínútur. Fyrir ótakmarkaðar upptökur ættirðu að prófa <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "linkGenerated": "Við höfum útbúið tengil á upptökuna þína.",
+        "localRecordingNoNotificationWarning": "Upptakan verður ekki tilkynnt öðrum þátttakendum. Þú þarft að láta aðra vita að fundurinn sé tekinn upp.",
+        "localRecordingNoVideo": "Ekki er verið að taka upp myndmerki",
+        "localRecordingStartWarning": "Vertu viss um að þú stöðvir upptökuna áður en farið er út af fundinum til að vista hana.",
+        "localRecordingStartWarningTitle": "Stöðvaðu upptöku til að vista hana",
+        "localRecordingVideoStop": "Ef þú stöðvar myndmerkið þitt stöðvast einnig upptakan á tölvunni. Ertu viss um að þú viljir halda áfram?",
+        "localRecordingVideoWarning": "Til að taka upp myndmerkið þitt þarf það að vera í gangi þegar upptakan er sett af stað",
+        "localRecordingWarning": "Gakktu úr skugga um að þú veljir fyrirliggjandi flipa til að nota rétt mynd- og hljóðmerki.",
+        "loggedIn": "Skráð inn sem {{userName}}",
+        "noMicPermission": "Ekki var hægt að útbúa hljóðnemarás. Veittu heimildir til að nota hljóðnemann.",
+        "noStreams": "Ekkert hljóð eða myndstreymi fannst",
+        "off": "Upptaka stöðvuð",
+        "offBy": "{{name}} stöðvaði upptökuna",
+        "on": "Upptaka hafin",
+        "onBy": "{{name}} byrjaði upptökuna",
+        "onlyRecordSelf": "Taka einungis upp mín eigin hljóð og myndstreymi",
+        "pending": "Undirbý að taka upp fundinn…",
+        "recordAudioAndVideo": "Taka upp hljóð og myndmerki",
+        "recordTranscription": "Taka upp textaumritun",
+        "saveLocalRecording": "Vista upptökuskrá á eigin tölvu (Beta-prófunarútgáfa)",
+        "serviceDescription": "Upptakan þín verður vistuð af upptökuþjónustunni",
+        "serviceDescriptionCloud": "Upptaka á tölvuský",
+        "serviceDescriptionCloudInfo": "Upptökurm af fundum er eytt sjálfkrafa 24klst eftir upptöku þeirra.",
+        "serviceName": "Upptökuþjónusta",
+        "sessionAlreadyActive": "Það er þegar verið að taka upp eða streyma beint þessari setu.",
+        "showAdvancedOptions": "Ítarlegir valkostir",
+        "signIn": "Skrá inn",
+        "signOut": "Skrá út",
+        "surfaceError": "Veldu núverandi flipa.",
+        "title": "Upptaka",
+        "unavailable": "Úbbs! {{serviceName}} er upptekið í augnablikinu. Við erum að vinna í þessu vandamáli. Reyndu aftur síðar.",
+        "unavailableTitle": "Upptaka er ekki tiltæk",
+        "uploadToCloud": "Senda inn á tölvuskýið"
+    },
+    "screenshareDisplayName": "Skjár hjá {{name}}",
+    "sectionList": {
+        "pullToRefresh": "Toga til að endurlesa"
+    },
+    "security": {
+        "about": "Þú getur bætt $t(lockRoomPassword)i á fundinn. Þátttakendur munu þurfa að gefa upp $t(lockRoomPassword)ið áður en þeim er hleypt inn á fundinn.",
+        "aboutReadOnly": "Þátttakendur með umsjónarréttindi geta bætt $t(lockRoomPassword)i á fundinn. Þátttakendur munu þurfa að gefa upp $t(lockRoomPassword)ið áður en þeim er hleypt inn á fundinn.",
+        "insecureRoomNameWarningNative": "Heiti spjallrásarinnar er ekki öruggt. Óæskilegir þátttakendur gætu reynt að taka þátt í fundinum þínum. {{recommendAction}} Sjáðu meira um hvernig þú getur gert fundinn öruggari ",
+        "insecureRoomNameWarningWeb": "Heiti spjallrásarinnar er ekki öruggt. Óæskilegir þátttakendur gætu reynt að taka þátt í fundinum þínum. {{recommendAction}} Sjáðu meira <a href=\"{{securityUrl}}\" rel=\"security\" target=\"_blank\">hér</a>um hvernig þú getur gert fundinn öruggari.",
+        "title": "Öryggisvalkostir",
+        "unsafeRoomActions": {
+            "meeting": "Íhugaðu að gera fundinn þinn öruggari með því að nota öryggishnappinn.",
+            "prejoin": "Reyndu að nota einstakara heiti.",
+            "welcome": "Reyndu að nota einstakara heiti, eða veldu eina af tillögunum."
+        }
+    },
+    "settings": {
+        "audio": "Hljóð",
+        "buttonLabel": "Stillingar",
+        "calendar": {
+            "about": "Samþætting dagatals við {{appName}} er notuð til að tryggja öruggan aðgang að dagatalinu þínu þannig að hægt sé að lesa fyrirliggjandi viðburði.",
+            "disconnect": "Aftengjast",
+            "microsoftSignIn": "Skrá inn með Microsoft",
+            "signedIn": "Er núna með aðgang að atburðum í dagatali fyrir {{email}}. Smelltu á 'Aftengjast' til að hætta að ná í atburði í dagatali.",
+            "title": "Dagatal"
+        },
+        "desktopShareFramerate": "Rammatíðni skjáborðsdeilingar",
+        "desktopShareHighFpsWarning": "Hærri rammatíðni við deilingu skjáborðsins getur haft áhrif á bandbreiddina þína. Það þarf að endurræsa skjádeilinguna til að nýju stillingarnar taki gildi.",
+        "desktopShareWarning": "Það þarf að endurræsa skjádeilinguna til að nýju stillingarnar taki gildi.",
+        "devices": "Tæki",
+        "followMe": "Allir fylgjast með mér",
+        "framesPerSecond": "rammar-á-sekúndu",
+        "incomingMessage": "Móttekin skilaboð",
+        "language": "Tungumál",
+        "loggedIn": "Skráð inn sem {{name}}",
+        "maxStageParticipants": "Hámarksfjöldi þátttakenda sem hægt er að festa á aðalgluggann",
+        "microphones": "Hljóðnemar",
+        "moderator": "Stjórnandi",
+        "moderatorOptions": "Valkostir umsjónarmanns",
+        "more": "Almennt",
+        "name": "Nafn",
+        "noDevice": "Ekkert",
+        "notifications": "Tilkynningar",
+        "participantJoined": "Þátttakandi tók þátt",
+        "participantKnocking": "Þátttakandi kom inn á biðsvæði",
+        "participantLeft": "Þátttakandi fór",
+        "playSounds": "Spila hljóð við",
+        "reactions": "Viðbrögð á fundi",
+        "sameAsSystem": "Sama og kerfisins ({{label}})",
+        "selectAudioOutput": "Hljóðúttak",
+        "selectCamera": "Myndavél",
+        "selectMic": "Hljóðnemi",
+        "selfView": "Sjálfsmynd",
+        "shortcuts": "Flýtilyklar",
+        "speakers": "Ræðumenn",
+        "startAudioMuted": "Allir byrja hljóðlaust",
+        "startReactionsMuted": "Þagga niður í viðbragðshljóðum fyrir alla",
+        "startVideoMuted": "Allir byrja faldir",
+        "talkWhileMuted": "Tala á meðan er þaggað niður",
+        "title": "Stillingar",
+        "video": "Myndmerki"
+    },
+    "settingsView": {
+        "advanced": "Nánar",
+        "alertCancel": "Hætta við",
+        "alertOk": "Í lagi",
+        "alertTitle": "Aðvörun",
+        "alertURLText": "Slóðin á netþjóninn sem sett var inn er ógild",
+        "apply": "Virkja",
+        "buildInfoSection": "Byggingarupplýsingar",
+        "conferenceSection": "Fjarfundur",
+        "disableCallIntegration": "Gera samþættingu raunverulegra símtala óvirka",
+        "disableCrashReporting": "Gera hrunskýrslur óvirkar",
+        "disableCrashReportingWarning": "Ertu viss um að þú viljir gera hrunskýrslur óvirkar? Þessi stilling virkjast eftir að þú endurræsir forritið.",
+        "disableP2P": "Gera jafningjaham (peer-to-peer) óvirkan",
+        "displayName": "Birtingarnafn",
+        "displayNamePlaceholderText": "Dæmi: Jóna Jóns",
+        "email": "Tölvupóstfang",
+        "emailPlaceholderText": "póstfang@lén.is",
+        "gavatarMessage": "Ef tölvupóstfangið þitt er tengt Gravatar-aðgangi, munum við nota hann til að birta auðkennismyndina þína.",
+        "goTo": "Fara á",
+        "header": "Stillingar",
+        "help": "Hjálp",
+        "links": "Tenglar",
+        "privacy": "Meðferð persónuupplýsinga",
+        "profileSection": "Persónusnið",
+        "sdkVersion": "SDK-útgáfa",
+        "serverURL": "Slóð á netþjón",
+        "showAdvanced": "Birta ítarlegar stillingar",
+        "startCarModeInLowBandwidthMode": "Ræsa bílaham í ham fyrir litla bandbreidd",
+        "startWithAudioMuted": "Byrja með þaggað niður í hljóði",
+        "startWithVideoMuted": "Byrja með myndmerki án hljóðs",
+        "terms": "Skilmálar",
+        "version": "Útgáfa forrits"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nViltu bara hringja inn með símanum þínum?\n\n{{defaultDialInNumber}}Smelltu hér til að sjá innhringinúmerin fyrir þennan fund\n{{dialInfoPageUrl}}",
+        "mainText": "Smelltu á eftirfarandi tengil til að taka þátt í fundinum:\n{{roomUrl}}"
+    },
+    "speaker": "Ræðumaður",
+    "speakerStats": {
+        "angry": "Reiði",
+        "disgusted": "Hneykslun",
+        "displayEmotions": "Birta tjáningartákn",
+        "fearful": "Hræðsla",
+        "happy": "Gleði",
+        "hours": "{{count}}klst",
+        "minutes": "{{count}}mín",
+        "name": "Nafn",
+        "neutral": "Hlutlaus",
+        "sad": "Leiði",
+        "search": "Leita",
+        "searchHint": "Leita að þátttakendum",
+        "seconds": "{{count}}sek",
+        "speakerStats": "Tölfræði þátttakenda",
+        "speakerTime": "Tími ræðumanns",
+        "surprised": "Hissa"
+    },
+    "startupoverlay": {
+        "genericTitle": "Fundurinn þarf að nota hljóðnemann þinn og myndavélina.",
+        "policyText": " ",
+        "title": "{{app}} þarf að nota hljóðnema og myndavél."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Taka þátt aftur",
+        "text": "Ýttu á <i>Taka þátt aftur</i> til að tengjast aftur.",
+        "title": "Myndsamtalið þitt var trufla vegna þess að tölvan þín svæfðist."
+    },
+    "termsView": {
+        "title": "Skilmálar"
+    },
+    "toggleTopPanelLabel": "Víxla toppspjaldi af/á",
+    "toolbar": {
+        "Settings": "Stillingar",
+        "accessibilityLabel": {
+            "Settings": "Opna stillingar",
+            "audioOnly": "Víxla einungis hljóð af/á",
+            "audioRoute": "Veldu hljóðtæki",
+            "boo": "Vanþóknun",
+            "breakoutRooms": "Aukarásir",
+            "callQuality": "Sýsla með gæði myndmerkis",
+            "carmode": "Bílastilling",
+            "cc": "Víxla skjátextum af/á",
+            "chat": "Opna / Loka spjalli",
+            "clap": "Klappa",
+            "closeChat": "Loka spjalli",
+            "closeMoreActions": "Loka valmynd fyrir fleiri aðgerðir",
+            "closeParticipantsPane": "Loka spjaldi með þátttakendum",
+            "collapse": "Fella saman",
+            "document": "Víxla deildu skjali af/á",
+            "documentClose": "Loka deildu skjali",
+            "documentOpen": "Opna deilt skjal",
+            "download": "Sækja forritin okkar",
+            "embedMeeting": "Ívefja fund",
+            "endConference": "Ljúka fundi fyrir alla",
+            "enterFullScreen": "Skoða á öllum skjánum",
+            "enterTileView": "Opna reitasýn",
+            "exitFullScreen": "Fara úr skjáfylliham",
+            "exitTileView": "Loka reitasýn",
+            "expand": "Fletta út",
+            "feedback": "Senda inn umsögn",
+            "fullScreen": "Víxla skjáfylli af/á",
+            "giphy": "Víxla GIPHY-valmynd af/á",
+            "grantModerator": "Veita umsjónarréttindi",
+            "hangup": "Yfirgefa fundinn",
+            "heading": "Verkfærastika",
+            "help": "Hjálp",
+            "hideWhiteboard": "Fela teiknitöflu",
+            "invite": "Bjóða fólki",
+            "kick": "Henda þátttakanda út",
+            "laugh": "Hlátur",
+            "leaveConference": "Yfirgefa fund",
+            "like": "Þumlar upp",
+            "linkToSalesforce": "Tengill á Salesforce",
+            "lobbyButton": "Gera biðsvæðisham virkan/óvirkan",
+            "localRecording": "Víxla stýringum fyrir upptöku á tölvunni af/á",
+            "lockRoom": "Víxla lykilorði fundar af/á",
+            "lowerHand": "Leggja niður höndina",
+            "moreActions": "Fleiri aðgerðir",
+            "moreActionsMenu": "Valmynd fyrir fleiri aðgerðir",
+            "moreOptions": "Birta fleiri valkosti",
+            "mute": "Þagga niður í hljóðnema",
+            "muteEveryone": "Þagga niður í öllum",
+            "muteEveryoneElse": "Þagga niður í öllum öðrum",
+            "muteEveryoneElsesVideoStream": "Stöðva myndmerkið hjá öllum öðrum",
+            "muteEveryonesVideoStream": "Stöðva myndmerkið hjá öllum",
+            "muteGUMPending": "Tengi hljóðnemann þinn",
+            "noiseSuppression": "Truflanasíun",
+            "openChat": "Opna spjall",
+            "participants": "Opna spjald með þátttakendum",
+            "pip": "Víxla mynd-í-mynd-ham af/á",
+            "privateMessage": "Senda einkaskilaboð",
+            "profile": "Breyta persónusniðinu þínu",
+            "raiseHand": "Rétta upp höndina",
+            "reactions": "Viðbrögð",
+            "reactionsMenu": "Valmynd fyrir viðbrögð",
+            "recording": "Víxla upptöku af/á",
+            "remoteMute": "Þagga niður í þátttakanda",
+            "remoteVideoMute": "Gera myndavél óvirka hjá þátttakanda",
+            "security": "Öryggisvalkostir",
+            "selectBackground": "Veldu bakgrunn",
+            "selfView": "Víxla sjálfsmynd af/á",
+            "shareRoom": "Bjóddu einhverjum",
+            "shareYourScreen": "Byrjaðu að deila skjánum þínum",
+            "shareaudio": "Deila hljóði",
+            "sharedvideo": "Deila myndmerki",
+            "shortcuts": "Víxla flýtilyklum af/á",
+            "show": "Birta í glugga",
+            "showWhiteboard": "Birta teiknitöflu",
+            "silence": "Þögn",
+            "speakerStats": "Víxla tölfræði þátttakenda af/á",
+            "stopScreenSharing": "Hætta að deila skjánum þínum",
+            "stopSharedVideo": "Stöðva myndmerki",
+            "surprised": "Hissa",
+            "tileView": "Víxla reitasýn af/á",
+            "toggleCamera": "Víxla myndavél",
+            "toggleFilmstrip": "Víxla filmubút af/á",
+            "unmute": "Kveikja á hljóðnema",
+            "videoblur": "Víxla móðun myndmerkis af/á",
+            "videomute": "Stöðva myndavélina",
+            "videomuteGUMPending": "Tengi myndavélina þína",
+            "videounmute": "Ræsa myndavélina"
+        },
+        "addPeople": "Bæta fólki við símtalið þitt",
+        "audioOnlyOff": "Gera ham fyrir litla bandbreidd óvirkan",
+        "audioOnlyOn": "Virkja ham fyrir litla bandbreidd",
+        "audioRoute": "Veldu hljóðtæki",
+        "audioSettings": "Hljóðstillingar",
+        "authenticate": "Auðkenna",
+        "boo": "Boo",
+        "callQuality": "Sýsla með gæði myndmerkis",
+        "chat": "Opna / Loka spjalli",
+        "clap": "Klappa",
+        "closeChat": "Loka spjalli",
+        "closeParticipantsPane": "Loka spjaldi með þátttakendum",
+        "closeReactionsMenu": "Loka valmynd fyrir viðbrögð",
+        "disableNoiseSuppression": "Gera truflanasíun óvirka",
+        "disableReactionSounds": "Þú getur gert viðbragðahljóð óvirk fyrir þennan fund",
+        "documentClose": "Loka deildu skjali",
+        "documentOpen": "Opna deilt skjal",
+        "download": "Sækja forritin okkar",
+        "e2ee": "Enda-í-enda dulritun",
+        "embedMeeting": "Ívefja fund",
+        "enableNoiseSuppression": "Virkja truflanasíun",
+        "endConference": "Ljúka fundi fyrir alla",
+        "enterFullScreen": "Skoða á öllum skjánum",
+        "enterTileView": "Opna reitasýn",
+        "exitFullScreen": "Fara úr skjáfylliham",
+        "exitTileView": "Loka reitasýn",
+        "feedback": "Senda inn umsögn",
+        "giphy": "Víxla GIPHY-valmynd af/á",
+        "hangup": "Yfirgefa fundinn",
+        "help": "Hjálp",
+        "hideWhiteboard": "Fela teiknitöflu",
+        "invite": "Bjóða fólki",
+        "joinBreakoutRoom": "Taka þátt í aukarás",
+        "laugh": "Hlátur",
+        "leaveBreakoutRoom": "Yfirgefa aukarás",
+        "leaveConference": "Yfirgefa fund",
+        "like": "Þumlar upp",
+        "linkToSalesforce": "Tengill á Salesforce",
+        "lobbyButtonDisable": "Gera biðsvæðisham óvirkan",
+        "lobbyButtonEnable": "Virkja biðsvæðisham",
+        "login": "Skrá inn",
+        "logout": "Skrá út",
+        "lowerYourHand": "Leggja niður höndina",
+        "moreActions": "Fleiri aðgerðir",
+        "moreOptions": "Fleiri valkostir",
+        "mute": "Þagga niður í hljóðnema",
+        "muteEveryone": "Þagga niður í öllum",
+        "muteEveryonesVideo": "Gera myndavélar allra óvirka",
+        "muteGUMPending": "Tengi hljóðnemann þinn",
+        "noAudioSignalDesc": "Ef þú þaggaðir ekki viljandi niður í þessu í kerfisstillingunum eða með vélbúnaðarrofa, þá ættirðu að íhuga að skipta um hljóðtæki.",
+        "noAudioSignalDescSuggestion": "Ef þú þaggaðir ekki viljandi niður í þessu í kerfisstillingunum eða með vélbúnaðarrofa, þá ættirðu að íhuga að skipta yfir á hljóðtækið sem stungið er upp á.",
+        "noAudioSignalDialInDesc": "Þú getur einnig hringt þig inn með:",
+        "noAudioSignalDialInLinkDesc": "Innhringinúmer",
+        "noAudioSignalTitle": "Það er ekkert inntak að koma frá hljóðnemanum þínum!",
+        "noiseSuppression": "Truflanasíun",
+        "noisyAudioInputDesc": "Það lítur út fyrir að hljóðneminn þinn sé að gefa frá sér truflanir, íhugaðu að þagga niður í honum eða skipta um hljóðtæki.",
+        "noisyAudioInputTitle": "Hljóðneminn þinn lítur út fyrir að gefa frá sér truflanir!",
+        "openChat": "Opna spjall",
+        "openReactionsMenu": "Opna valmynd fyrir viðbrögð",
+        "participants": "Þátttakendur",
+        "pip": "Fara í mynd-í-mynd-ham",
+        "privateMessage": "Senda einkaskilaboð",
+        "profile": "Breyta persónusniðinu þínu",
+        "raiseHand": "Rétta upp höndina",
+        "raiseYourHand": "Rétta upp höndina",
+        "reactionBoo": "Senda vanþóknun-viðbrögð",
+        "reactionClap": "Senda klapp-viðbrögð",
+        "reactionLaugh": "Senda hlátur-viðbrögð",
+        "reactionLike": "Senda þumal-upp-viðbrögð",
+        "reactionSilence": "Senda þögn-viðbrögð",
+        "reactionSurprised": "Senda hissa-viðbrögð",
+        "reactions": "Viðbrögð",
+        "security": "Öryggisvalkostir",
+        "selectBackground": "Veldu bakgrunn",
+        "shareRoom": "Bjóddu einhverjum",
+        "shareaudio": "Deila hljóði",
+        "sharedvideo": "Deila myndmerki",
+        "shortcuts": "Skoða flýtilykla",
+        "showWhiteboard": "Birta teiknitöflu",
+        "silence": "Þögn",
+        "speakerStats": "Tölfræði þátttakenda",
+        "startScreenSharing": "Hefja skjádeilingu",
+        "startSubtitles": "Skjátextar • {{language}}",
+        "stopAudioSharing": "Hætta deilingu hljóðs",
+        "stopScreenSharing": "Hætta skjádeilingu",
+        "stopSharedVideo": "Stöðva myndmerki",
+        "stopSubtitles": "Hætta birtingu skjátexta",
+        "surprised": "Hissa",
+        "talkWhileMutedPopup": "Ertu að reyna að tala? Þaggað er niður í þér.",
+        "tileViewToggle": "Víxla reitasýn af/á",
+        "toggleCamera": "Víxla myndavél",
+        "unmute": "Kveikja á hljóðnema",
+        "videoSettings": "Myndstillingar",
+        "videomute": "Stöðva myndavélina",
+        "videomuteGUMPending": "Tengi myndavélina þína",
+        "videounmute": "Ræsa myndavélina"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Hefja / Hætta birtingu skjátexta",
+        "error": "Umritun mistókst. Reyndu aftur.",
+        "expandedLabel": "Umritun er virk",
+        "failedToStart": "Tókst ekki að ræsa umritun",
+        "labelToolTip": "Verið er að taka umrita (transcribe) fundinn",
+        "off": "Umritun stöðvuð",
+        "on": "Umritun hafin",
+        "pending": "Undirbý að taka umrita fundinn…",
+        "sourceLanguageDesc": "Núna er tungumál fundarins stillt á <b>{{sourceLanguage}}</b>. <br/> Þú getur breytt því ",
+        "sourceLanguageHere": "hér",
+        "start": "Hefja birtingu skjátexta",
+        "stop": "Hætta birtingu skjátexta",
+        "subtitles": "Skjátextar",
+        "subtitlesOff": "Slökkt",
+        "tr": "UR"
+    },
+    "unpinParticipant": "{{participantName}} - Losa",
+    "userMedia": {
+        "grantPermissions": "Gefðu heimild til að nota myndavél og hljóðnema."
+    },
+    "videoSIPGW": {
+        "busy": "Við erum að reyna að losa um einhver tilföng. Reyndu aftur eftir nokkrar mínútur.",
+        "busyTitle": "Fjarfundaþjónustan er upptekin í augnablikinu",
+        "errorAlreadyInvited": "{{displayName}} hefur þegar verið boðið",
+        "errorInvite": "Fjarfundi hefur ekki verið komið á. Reyndu aftur síðar.",
+        "errorInviteFailed": "Við erum að vinna í þessu vandamáli. Reyndu aftur síðar.",
+        "errorInviteFailedTitle": "Mistókst að bjóða {{displayName}}",
+        "errorInviteTitle": "Villa við að bjóða á fjarfund",
+        "pending": "{{displayName}} hefur verið boðið"
+    },
+    "videoStatus": {
+        "adjustFor": "Aðlaga fyrir:",
+        "audioOnly": "HLJ",
+        "audioOnlyExpanded": "Þú ert í ham fyrir litla bandbreidd. Í þessum ham geturðu einungis heyrt hljóð og séð deilda skjái.",
+        "bestPerformance": "Bestu afköst",
+        "callQuality": "Gæði myndmerkis (0 fyrir mestu afköst, 3 fyrir mestu gæði)",
+        "hd": "HD",
+        "hdTooltip": "Skoða myndmerki í hágæðum",
+        "highDefinition": "Hágæði",
+        "highestQuality": "Mestu gæði",
+        "labelTooiltipNoVideo": "Ekkert myndmerki",
+        "labelTooltipAudioOnly": "Hamur fyrir litla bandbreidd er virkur",
+        "ld": "LD",
+        "ldTooltip": "Skoða myndmerki í lággæðum",
+        "lowDefinition": "Lággæði",
+        "performanceSettings": "Stillingar afkasta",
+        "recording": "Upptaka í gangi",
+        "sd": "SD",
+        "sdTooltip": "Skoða myndmerki í staðalgæðum",
+        "standardDefinition": "Staðalgæði",
+        "streaming": "Streymi í gangi"
+    },
+    "videothumbnail": {
+        "connectionInfo": "Upplýsingar um tengingu",
+        "domute": "Þagga niður",
+        "domuteOthers": "Þagga niður í öllum öðrum",
+        "domuteVideo": "Gera myndavél óvirka",
+        "domuteVideoOfOthers": "Gera myndavélar allra hinna óvirkar",
+        "flip": "Fletta",
+        "grantModerator": "Veita umsjónarréttindi",
+        "hideSelfView": "Fela sjálfsmynd",
+        "kick": "Henda út",
+        "mirrorVideo": "Spegla myndmerkinu mínu",
+        "moderator": "Umsjónarmaður",
+        "mute": "Þaggað niður í þáttakanda",
+        "muted": "Þaggað",
+        "pinToStage": "Festa í glugga",
+        "remoteControl": "Ræsa / Stöðva fjarstýringu",
+        "screenSharing": "Þátttakandi er að deila skjánum sínum",
+        "show": "Birta í glugga",
+        "showSelfView": "Birta sjálfsmynd",
+        "unpinFromStage": "Losa",
+        "verify": "Sannreyna þátttakanda",
+        "videoMuted": "Myndavél óvirk",
+        "videomute": "Þátttakandi hefur stöðvað myndavél"
+    },
+    "virtualBackground": {
+        "accessibilityLabel": {
+            "currentBackground": "Núverandi bakgrunnur: {{background}}",
+            "selectBackground": "Veldu bakgrunn"
+        },
+        "addBackground": "Bæta við bakgrunni",
+        "apply": "Virkja",
+        "backgroundEffectError": "Ekki tókst að nota virkja bakgrunnsbrellur.",
+        "blur": "Móða",
+        "deleteImage": "Eyða mynd",
+        "desktopShare": "Skjáborðssameign",
+        "desktopShareError": "Ekki tókst að búa til skjáborðssameign",
+        "image1": "Strönd",
+        "image2": "Hvítur hlutlaus veggur",
+        "image3": "Hvítt autt herbergi",
+        "image4": "Lampi á svörtu gólfi",
+        "image5": "Fjall",
+        "image6": "Skógur ",
+        "image7": "Sólarupprás",
+        "none": "Ekkert",
+        "pleaseWait": "Hinkraðu aðeins…",
+        "removeBackground": "Fjarlægja bakgrunn",
+        "slightBlur": "Hálfmóskað",
+        "title": "Sýndarbakgrunnar",
+        "uploadedImage": "Innsend mynd {{index}}",
+        "webAssemblyWarning": "WebAssembly er ekki stutt",
+        "webAssemblyWarningDescription": "WebAssembly er óvirkt eða ekki stutt af þessum vafra"
+    },
+    "visitors": {
+        "chatIndicator": "(gestur)",
+        "labelTooltip": "Fjöldi gesta: {{count}}",
+        "notification": {
+            "description": "Til að taka þátt skaltu rétta upp höndina",
+            "title": "Þú ert gestur á fundinum"
+        }
+    },
+    "volumeSlider": "Hljóðstyrkssleði",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Ýttu til að taka þátt",
+            "roomname": "Settu inn nafn á fjarfundi"
+        },
+        "addMeetingName": "Bættu við heiti fundar",
+        "appDescription": "Leggðu í'ann, spjallaðu í mynd við allt teymið þitt. Eiginlega ættirðu að bjóða öllum sem þú þekkir. {{app}} er að fullu dulrituð fjarfundalausn, með 100% opinn grunnkóða, sem þú getur notað allan daginn, alla daga, ókeypis — án þess að þurfa skráðan aðgang.",
+        "audioVideoSwitch": {
+            "audio": "Tal",
+            "video": "Myndmerki"
+        },
+        "calendar": "Dagatal",
+        "connectCalendarButton": "Tengdu dagatalið þitt",
+        "connectCalendarText": "Tengdu dagatalið þitt til að geta séð alla fundina þína í {{app}}. Að auki geturðu bætt fundum {{provider}} við dagatalið og ræst þá með einum smelli.",
+        "enterRoomTitle": "Byrja nýjan fund",
+        "getHelp": "Fá aðstoð",
+        "go": "Af stað",
+        "goSmall": "Af stað",
+        "headerSubtitle": "Öruggir hágæða myndfundir",
+        "headerTitle": "Jitsi Meet",
+        "info": "Innhringingarupplýsingar",
+        "jitsiOnMobile": "Jitsi á snjallsímum – sæktu forritin okkar og byrjaðu fundi hvar sem er",
+        "join": "BÚA TIL / TAKA ÞÁTT",
+        "logo": {
+            "calendar": "Táknmerki dagatals",
+            "desktopPreviewThumbnail": "Smámynd forskoðunar á skjáborði",
+            "googleLogo": "Táknmerki Google",
+            "logoDeepLinking": "Táknmerki Jitsi Meet",
+            "microsoftLogo": "Táknmerki Microsoft",
+            "policyLogo": "Táknmerki stefnu"
+        },
+        "meetingsAccessibilityLabel": "Fundir",
+        "mobileDownLoadLinkAndroid": "Sæktu snjallsímaforritið fyrir Android",
+        "mobileDownLoadLinkFDroid": "Sæktu snjallsímaforritið úr F-Droid",
+        "mobileDownLoadLinkIos": "Sæktu snjallsímaforritið fyrir iOS",
+        "moderatedMessage": "Eða <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">bókaðu fyrirfram URL-slóð fyrir fundinn</a> þar sem þú ert eini umsjónarmaðurinn.",
+        "privacy": "Meðferð persónuupplýsinga",
+        "recentList": "Nýlegt",
+        "recentListDelete": "Eyða færslu",
+        "recentListEmpty": "Listinn þinn yfir nýlega atburði er tómur. Spjallaðu við teymið þitt og muntu þá finna alla nýlega fundi hér.",
+        "recentMeetings": "Nýlegir fundir hjá þér",
+        "reducedUIText": "Velkomin í {{app}}!",
+        "roomNameAllowedChars": "Heiti fundar ætti ekki að innihalda neinn eftirfarandi stafa: ?, &, :, ', \", %, #.",
+        "roomname": "Settu inn nafn á fjarfundi",
+        "roomnameHint": "Settu inn nafn eða slóð á fjarfundinum sem þú ætlar að taka þátt í. Þú getur skáldað eitthvað nafn, þú verður bara að láta aðra þáttakendur vita svo þeir setji inn sama nafnið.",
+        "sendFeedback": "Senda umsögn",
+        "settings": "Stillingar",
+        "startMeeting": "Hefja fund",
+        "terms": "Skilmálar",
+        "title": "Öruggir og fullkomlega frjálsir myndfundir með fullt af eiginleikum",
+        "upcomingMeetings": "Væntanlegir fundir hjá þér"
+    },
+    "whiteboard": {
+        "accessibilityLabel": {
+            "heading": "Teiknitafla"
+        }
+    }
+}
diff --git a/lang/main-it.json b/lang/main-it.json
new file mode 100644
index 0000000..cbacea3
--- /dev/null
+++ b/lang/main-it.json
@@ -0,0 +1,1693 @@
+{
+    "addPeople": {
+        "accessibilityLabel": {
+            "meetingLink": "Link della riunione: {{url}}"
+        },
+        "add": "Invita",
+        "addContacts": "Invita tuoi contatti",
+        "contacts": "contatti",
+        "copyInvite": "Copia invito alla riunione",
+        "copyLink": "Copia collegamento alla riunione",
+        "copyStream": "Copia collegamento della diretta",
+        "countryNotSupported": "Questa destinazione non è ancora supportata.",
+        "countryReminder": "Stai chiamando fuori dagli Stati Uniti? Assicurati d'inserire il prefisso internazionale!",
+        "defaultEmail": "Tua email predefinita",
+        "disabled": "Non puoi invitare partecipanti.",
+        "failedToAdd": "L'aggiunta di nuovi partecipanti è fallita",
+        "googleEmail": "Email Google",
+        "inviteMoreHeader": "Sei l'unico presente nella riunione",
+        "inviteMoreMailSubject": "Unisciti alla riunione {{appName}}",
+        "inviteMorePrompt": "Invita altri partecipanti",
+        "linkCopied": "Collegamento copiato negli appunti",
+        "noResults": "Nessun risultato corrispondente",
+        "outlookEmail": "Email Outlook",
+        "phoneNumbers": "numeri di telefono",
+        "searching": "Sto cercando…",
+        "shareInvite": "Condividi invito alla riunione",
+        "shareLink": "Condividi il collegamento alla riunione per invitare altri",
+        "shareStream": "Condividi il collegamento alla diretta",
+        "sipAddresses": "indirizzi SIP",
+        "telephone": "Telefono: {{number}}",
+        "title": "Invita partecipanti a questa riunione",
+        "yahooEmail": "Email Yahoo"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "car": "Stereo dell'auto",
+        "headphones": "Cuffie",
+        "none": "Nessun dispositivo audio disponibile",
+        "phone": "Telefono",
+        "speaker": "Altoparlante"
+    },
+    "audioOnly": {
+        "audioOnly": "Larghezza di banda limitata"
+    },
+    "bandwidthSettings": {
+        "assumedBandwidthBps": "es. 10000000 per 10 Mbps",
+        "assumedBandwidthBpsWarning": "Valori alti possono causare problemi di rete",
+        "customValue": "valore personalizzato",
+        "customValueEffect": "per impostare il valore effettivo di bps",
+        "leaveEmpty": "lascia vuoto",
+        "leaveEmptyEffect": "per consentire l'utilizzo di stime",
+        "possibleValues": "Valori possibili",
+        "setAssumedBandwidthBps": "Larghezza di banda assunta (bps)",
+        "title": "Impostazioni larghezza di banda",
+        "zeroEffect": "per disabilitare i video"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "Crea stanza",
+            "autoAssign": "Assegna automaticamente a stanze",
+            "close": "Chiudi",
+            "join": "Entra",
+            "leaveBreakoutRoom": "Esci dalla stanza",
+            "more": "Mostra di più",
+            "remove": "Elimina",
+            "rename": "Rinomina",
+            "renameBreakoutRoom": "Rinomina stanza",
+            "sendToBreakoutRoom": "Invia partecipante a:"
+        },
+        "breakoutList": "Lista stanze",
+        "buttonLabel": "Stanze",
+        "defaultName": "Stanza {{index}}",
+        "hideParticipantList": "Nascondi lista partecipanti",
+        "mainRoom": "Riunione principale",
+        "notifications": {
+            "joined": "Ingresso nella stanza \"{{name}}\" in corso",
+            "joinedMainRoom": "Ingresso nella riunione principale in corso",
+            "joinedTitle": "Stanze"
+        },
+        "showParticipantList": "Mostra lista partecipanti",
+        "title": "Stanze"
+    },
+    "calendarSync": {
+        "addMeetingURL": "Aggiungi un collegamento alla riunione",
+        "confirmAddLink": "Vuoi aggiungere un collegamento Jitsi a questo evento?",
+        "error": {
+            "appConfiguration": "L'integrazione del calendario non è configurata correttamente.",
+            "generic": "Si è verificato un errore. Controlla le impostazioni del calendario o ricarica la pagina.",
+            "notSignedIn": "Si è verificato un errore durante l'autenticazione per visualizzare gli eventi del calendario. Controlla le impostazioni del calendario e prova a ripetere l'accesso."
+        },
+        "join": "Partecipa",
+        "joinTooltip": "Partecipa alla riunione",
+        "nextMeeting": "Prossima riunione",
+        "noEvents": "Non ci sono eventi programmati a breve.",
+        "ongoingMeeting": "Riunione in corso",
+        "permissionButton": "Apri impostazioni",
+        "permissionMessage": "Per visualizzare la lista delle riunioni nell'applicazione è richiesto l'accesso al calendario.",
+        "refresh": "Aggiorna calendario",
+        "today": "Oggi"
+    },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "Scegli dispositivo audio"
+        },
+        "labels": {
+            "buttonLabel": "Modalità auto",
+            "title": "Modalità auto",
+            "videoStopped": "Il tuo video è disabilitato"
+        }
+    },
+    "chat": {
+        "disabled": "L'invio di messaggi in chat è disabilitato.",
+        "enter": "Entra nella conversazione",
+        "error": "Errore: il tuo messaggio non è stato inviato. Motivo: {{error}}",
+        "everyone": "Tutti",
+        "fieldPlaceHolder": "Scrivi qui il tuo messaggio",
+        "fileAccessibleTitle": "{{user}} ha caricato un file",
+        "fileAccessibleTitleMe": "ho caricato un file",
+        "fileDeleted": "Un file è stato eliminato",
+        "guestsChatIndicator": "(ospite)",
+        "lobbyChatMessageTo": "Messaggio a {{recipient}} in sala d'attesa",
+        "message": "Messaggio",
+        "messageAccessibleTitle": "{{user}} dice:",
+        "messageAccessibleTitleMe": "tu dici:",
+        "messageTo": "Messaggio privato a {{recipient}}",
+        "messagebox": "Digita un messaggio",
+        "newMessages": "Nuovi messaggi",
+        "nickname": {
+            "popover": "Scegli un nickname",
+            "title": "Inserisci un nickname per usare la chat",
+            "titleWithCC": "Inserisci un nickname per usare la chat e i sottotitoli",
+            "titleWithPolls": "Inserisci un nickname per usare la chat e i sondaggi",
+            "titleWithPollsAndCC": "Inserisci un nickname per usare la chat, i sondaggi e i sottotitoli",
+            "titleWithPollsAndCCAndFileSharing": "Inserisci un nickname per usare la chat, i sondaggi, i sottotitoli e i file"
+        },
+        "noMessagesMessage": "Non ci sono ancora messaggi nella riunione. Inizia una conversazione, qui!",
+        "privateNotice": "Messaggio privato a {{recipient}}",
+        "sendButton": "Invia",
+        "smileysPanel": "Pannello emoji",
+        "systemDisplayName": "Sistema",
+        "tabs": {
+            "chat": "Chat",
+            "closedCaptions": "Sottotitoli",
+            "fileSharing": "File",
+            "polls": "Sondaggi"
+        },
+        "title": "Chat",
+        "titleWithCC": "Sottotitoli",
+        "titleWithFeatures": "Chat e",
+        "titleWithFileSharing": "File",
+        "titleWithPolls": "Sondaggi",
+        "you": "tu"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Installa l'estensione per Chrome",
+        "buttonTextEdge": "Installa l'estensione per Edge",
+        "close": "Chiudi",
+        "dontShowAgain": "Non mostrare più questo messaggio",
+        "installExtensionText": "Installa un'estensione per integrare Google Calendar e Office 365"
+    },
+    "closedCaptionsTab": {
+        "emptyState": "Il contenuto dei sottotitoli sarà disponibile una volta che l'organizzatore lo attiverà",
+        "startClosedCaptionsButton": "Attiva sottotitoli"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Collegamento alla riunione in corso…"
+    },
+    "connection": {
+        "ATTACHED": "Collegato",
+        "AUTHENTICATING": "Autenticazione in corso",
+        "AUTHFAIL": "Autenticazione fallita",
+        "CONNECTED": "Connesso",
+        "CONNECTING": "Connessione in corso",
+        "CONNFAIL": "Connessione non riuscita",
+        "DISCONNECTED": "Disconnesso",
+        "DISCONNECTING": "Disconnessione in corso",
+        "ERROR": "Errore",
+        "FETCH_SESSION_ID": "Acquisizione ID sessione in corso…",
+        "GET_SESSION_ID_ERROR": "Errore nell'acquisizione ID sessione: {{code}}",
+        "GOT_SESSION_ID": "Acquisizione ID sessione in corso… Completata",
+        "LOW_BANDWIDTH": "Il video per {{displayName}} è stato interrotto per risparmiare banda"
+    },
+    "connectionindicator": {
+        "address": "Indirizzo:",
+        "audio_ssrc": "Audio SSRC:",
+        "bandwidth": "Banda stimata:",
+        "bitrate": "Bitrate:",
+        "bridgeCount": "Conteggio server:",
+        "codecs": "Codec (A/V): ",
+        "connectedTo": "Connesso a:",
+        "e2eeVerified": "E2EE verificata:",
+        "framerate": "Fotogrammi al secondo:",
+        "less": "Mostra meno",
+        "localaddress": "Indirizzo locale:",
+        "localaddress_plural": "Indirizzi locali:",
+        "localport": "Porta locale:",
+        "localport_plural": "Porte locali:",
+        "maxEnabledResolution": "invia max.",
+        "more": "Mostra di più",
+        "no": "no",
+        "packetloss": "Perdita pacchetti:",
+        "participant_id": "Id partecipante:",
+        "quality": {
+            "good": "Buona",
+            "inactive": "Inattiva",
+            "lost": "Persa",
+            "nonoptimal": "Non ottimale",
+            "poor": "Scarsa"
+        },
+        "remoteaddress": "Indirizzo remoto:",
+        "remoteaddress_plural": "Indirizzi remoti:",
+        "remoteport": "Porta remota:",
+        "remoteport_plural": "Porte remote:",
+        "resolution": "Risoluzione:",
+        "savelogs": "Salva log",
+        "status": "Connessione:",
+        "transport": "Trasporto:",
+        "transport_plural": "Trasporti:",
+        "video_ssrc": "Video SSRC:",
+        "yes": "sì"
+    },
+    "dateUtils": {
+        "earlier": "Precedenti",
+        "today": "Oggi",
+        "yesterday": "Ieri"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Per partecipare a questa riunione dal telefono serve l'app mobile {{app}}.",
+        "description": "Non è successo nulla? È stato tentato l'avvio della riunione dall'app desktop {{app}}. Prova di nuovo o avviala dalla web app {{app}}.",
+        "descriptionNew": "Non è successo nulla? È stato tentato l'avvio della riunione dall'app desktop {{app}}. <br /><br /> Prova di nuovo o avviala dalla web app.",
+        "descriptionWithoutWeb": "Non è successo nulla? È stato tentato l'avvio della riunione dall'app desktop {{app}}.",
+        "downloadApp": "Scarica l'app",
+        "downloadMobileApp": "Scarica dall'App Store",
+        "ifDoNotHaveApp": "Se non hai ancora l'app:",
+        "ifHaveApp": "Se hai già l'app:",
+        "joinInApp": "Entra in riunione usando l'app",
+        "joinInAppNew": "Entra dall'app",
+        "joinInBrowser": "Entra dal browser",
+        "launchMeetingLabel": "Come desideri entrare nella riunione?",
+        "launchWebButton": "Avvia sul web",
+        "noDesktopApp": "Non hai l'app?",
+        "noMobileApp": "Non hai l'app?",
+        "or": "O",
+        "termsAndConditions": "Continuando acconsenti ai nostri <a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'>termini & condizioni.</a>",
+        "title": "Avvio della riunione da {{app}} in corso…",
+        "titleNew": "Avvio della riunione in corso…",
+        "tryAgainButton": "Prova di nuovo sul desktop",
+        "unsupportedBrowser": "Sembra che tu stia usando un browser che non supportato."
+    },
+    "defaultLink": "es. {{url}}",
+    "defaultNickname": "es. Anna Rossi",
+    "deviceError": {
+        "cameraError": "Impossibile accedere alla videocamera",
+        "cameraPermission": "Errore nell'acquisizione dei permessi della videocamera",
+        "microphoneError": "Impossibile accedere al microfono",
+        "microphonePermission": "Errore nell'acquisizione dei permessi del microfono"
+    },
+    "deviceSelection": {
+        "hid": {
+            "callControl": "Controllo chiamata",
+            "connectedDevices": "Dispositivi connessi:",
+            "deleteDevice": "Elimina dispositivo",
+            "pairDevice": "Accoppia dispositivo"
+        },
+        "noPermission": "Permesso negato",
+        "previewUnavailable": "Anteprima non disponibile",
+        "selectADevice": "Scegli un dispositivo",
+        "testAudio": "Riproduci un suono di prova"
+    },
+    "dialIn": {
+        "screenTitle": "Riassunto collegamento"
+    },
+    "dialOut": {
+        "statusMessage": "è {{status}}"
+    },
+    "dialog": {
+        "Back": "Indietro",
+        "Cancel": "Annulla",
+        "IamHost": "Accedi",
+        "Ok": "OK",
+        "Remove": "Rimuovi",
+        "Share": "Condividi",
+        "Submit": "Invia",
+        "Understand": "Accetto, mantieni microfono e videocamera disattivati per ora",
+        "UnderstandAndUnmute": "Accetto, riattiva microfono e videocamera",
+        "WaitForHostNoAuthMsg": "La riunione non è ancora iniziata perché nessun organizzatore si è ancora collegato. Si prega di attendere.",
+        "WaitingForHostButton": "Attendi l'organizzatore",
+        "WaitingForHostTitle": "In attesa dell'organizzatore…",
+        "Yes": "Sì",
+        "accessibilityLabel": {
+            "Cancel": "Annulla (chiudi dialogo)",
+            "Ok": "OK (salva e chiudi dialogo)",
+            "close": "Chiudi dialogo",
+            "liveStreaming": "Diretta",
+            "sharingTabs": "Opzioni di condivisione"
+        },
+        "add": "Aggiungi",
+        "addMeetingNote": "Aggiungi una nota su questa riunione",
+        "addOptionalNote": "Aggiungi una nota (facoltativo):",
+        "allow": "Consenti",
+        "allowToggleCameraDialog": "Consenti a {{initiatorName}} di attivare la modalità frontale della videocamera?",
+        "allowToggleCameraTitle": "Consenti l'attivazione della videocamera?",
+        "alreadySharedVideoMsg": "Un altro utente sta condividendo un video. Questa riunione permette di condividere un solo video alla volta.",
+        "alreadySharedVideoTitle": "È permessa una sola condivisione video alla volta",
+        "applicationWindow": "Finestra dell'applicazione",
+        "authenticationRequired": "Richiesta autenticazione",
+        "cameraCaptureDialog": {
+            "description": "Scatta ed invia una foto usando la fotocamera del telefono",
+            "ok": "Apri la fotocamera",
+            "reject": "Non adesso",
+            "title": "Scatta una foto"
+        },
+        "cameraConstraintFailedError": "La tua videocamera non soddisfa alcuni dei requisiti.",
+        "cameraNotFoundError": "Videocamera non trovata.",
+        "cameraNotSendingData": "Impossibile accedere alla videocamera. Controlla che non sia in uso in un'altra applicazione, seleziona un altro dispositivo dalle impostazioni o prova a ricaricare l'applicazione.",
+        "cameraNotSendingDataTitle": "Impossibile accedere alla videocamera",
+        "cameraPermissionDeniedError": "Non hai concesso l'autorizzazione per l'uso della videocamera. Potrai partecipare comunque alla riunione ma gli altri non potranno vederti. Usa il pulsante a forma di videocamera nella barra degli indirizzi per risolvere il problema.",
+        "cameraTimeoutError": "Impossibile avviare la sorgente video. Tempo di attesa scaduto.",
+        "cameraUnknownError": "Impossibile usare la videocamera per un motivo sconosciuto.",
+        "cameraUnsupportedResolutionError": "La tua videocamera non supporta la risoluzione richiesta.",
+        "close": "Chiudi",
+        "conferenceDisconnectMsg": "Controlla la tua connessione. Tentativo di riconnessione tra {{seconds}} secondi…",
+        "conferenceDisconnectTitle": "Sei stato disconnesso.",
+        "conferenceReloadMsg": "Risoluzione del problema in corso. Tentativo di riconnessione tra {{seconds}} secondi…",
+        "conferenceReloadTitle": "Purtroppo qualcosa è andato storto.",
+        "confirm": "Conferma",
+        "confirmBack": "Indietro",
+        "confirmNo": "No",
+        "confirmYes": "Sì",
+        "connectError": "Ops! Qualcosa è andato storto e non è stato possibile collegarsi alla riunione.",
+        "connectErrorWithMsg": "Ops! Qualcosa è andato storto e non è stato possibile collegarsi alla riunione.: {{msg}}",
+        "connecting": "Connessione in corso",
+        "contactSupport": "Contatta il supporto",
+        "copied": "Copiato",
+        "copy": "Copia",
+        "demoteParticipantDialog": "Vuoi far diventare questo partecipante uno spettatore?",
+        "demoteParticipantTitle": "Fai diventare spettatore",
+        "dismiss": "Scarta",
+        "displayNameRequired": "Ciao, qual è il tuo nome?",
+        "done": "Fatto",
+        "e2eeDescription": "La crittografia End-to-End al momento è SPERIMENTALE. Tieni presente che attivandola disabiliterai i servizi svolti lato server, come: la partecipazione via telefono. Tieni anche presente che la riunione funzionerà solo a chi si collega usando browser che supportano flussi inseribili.",
+        "e2eeDisabledDueToMaxModeDescription": "Impossibile usare la crittografia End-to-End per il numero di partecipanti troppo grande.",
+        "e2eeLabel": "Attiva la crittografia End-to-End",
+        "e2eeWarning": "ATTENZIONE: non tutti i partecipanti a questa riunione sembrano supportare le funzionalità di crittografia End-to-End. Se la attivi, non potranno vederti o sentirti.",
+        "e2eeWillDisableDueToMaxModeDescription": "ATTENZIONE: la crittografia End-to-End verrà disattivata automaticamente, se si aggiungono nuovi partecipanti alla riunione.",
+        "embedMeeting": "Incorpora la riunione",
+        "enterDisplayName": "Inserisci qui il tuo nome",
+        "error": "Errore",
+        "errorRoomCreationRestriction": "Hai provato ad accedere alla riunione troppo presto, torna tra un po'.",
+        "gracefulShutdown": "Il nostro servizio è al momento inattivo per manutenzione. Si prega di riprovare più tardi.",
+        "grantModeratorDialog": "Vuoi rendere relatore questo partecipante?",
+        "grantModeratorTitle": "Fai diventare relatore",
+        "hide": "Nascondi",
+        "hideShareAudioHelper": "Non mostrare più questa finestra",
+        "incorrectPassword": "Nome utente o password errati",
+        "incorrectRoomLockPassword": "Password errata",
+        "internalError": "Ops! Qualcosa è andato storto. Questo è l'errore: {{error}}",
+        "internalErrorTitle": "Errore interno",
+        "kickMessage": "Puoi contattare {{participantDisplayName}} per maggiori dettagli.",
+        "kickParticipantButton": "Espelli",
+        "kickParticipantDialog": "Vuoi espellere questo partecipante?",
+        "kickParticipantTitle": "Espellere questo partecipante?",
+        "kickSystemTitle": "Oh! Sei stato espulso dalla riunione",
+        "kickTitle": "Oh! {{participantDisplayName}} ti ha espulso dalla riunione.",
+        "learnMore": "ulteriori informazioni",
+        "linkMeeting": "Collega la riunione",
+        "linkMeetingTitle": "Collega la riunione a Salesforce",
+        "liveStreaming": "Diretta",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "Impossibile durante la registrazione.",
+        "localUserControls": "Controlli dell'utente locale",
+        "lockMessage": "Impossibile bloccare la riunione.",
+        "lockRoom": "Aggiungi una $t(lockRoomPassword) alla riunione",
+        "lockTitle": "Blocco fallito",
+        "login": "Accesso",
+        "loginQuestion": "Vuoi fare l'accesso e abbandonare la riunione?",
+        "logoutQuestion": "Vuoi disconnetterti e abbandonare la riunione?",
+        "logoutTitle": "Disconnessione",
+        "maxUsersLimitReached": "È stato raggiunto il numero massimo di partecipanti. La riunione è al completo. Contatta l'organizzatore o riprova più tardi!",
+        "maxUsersLimitReachedTitle": "Raggiunto limite massimo partecipanti",
+        "micConstraintFailedError": "Il tuo microfono non soddisfa alcuni dei requisiti.",
+        "micNotFoundError": "Microfono non trovato.",
+        "micNotSendingData": "Apri le impostazioni del computer per attivare il microfono e impostare il volume.",
+        "micNotSendingDataTitle": "Il microfono è muto per impostazione di sistema",
+        "micPermissionDeniedError": "Non hai concesso l'autorizzazione per l'uso del microfono. Puoi comunque partecipare alla riunione ma gli altri non potranno sentirti. Usa il pulsante a forma di telecamera nella barra degli indirizzi per risolvere il problema.",
+        "micTimeoutError": "Impossibile avviare la sorgente audio. Tempo di attesa scaduto.",
+        "micUnknownError": "Impossibile usare il microfono per un motivo sconosciuto.",
+        "moderationAudioLabel": "Consenti ai partecipanti di attivare il microfono",
+        "moderationDesktopLabel": "Consenti ai partecipanti di condividere lo schermo",
+        "moderationVideoLabel": "Consenti ai partecipanti di attivare la videocamera",
+        "muteEveryoneDialog": "I partecipanti possono attivare il microfono in qualsiasi momento.",
+        "muteEveryoneDialogModerationOn": "I partecipanti possono chiedere di parlare in qualsiasi momento.",
+        "muteEveryoneElseDialog": "Una volta spenti i microfoni non potrai riattivarli, ma ogni partecipante potrà farlo da sé in qualsiasi momento.",
+        "muteEveryoneElseTitle": "Spegnere il microfono a tutti, tranne che a {{whom}}?",
+        "muteEveryoneElsesDesktopDialog": "Una volta interrotta la condivisione dello schermo non potrai riattivarla, ma ogni partecipante potrà farlo da sé in qualsiasi momento.",
+        "muteEveryoneElsesDesktopTitle": "Interrompere la condivisione dello schermo a tutti, tranne che a {{whom}}?",
+        "muteEveryoneElsesVideoDialog": "Una volta spente le videocamere non potrai riaccenderle, ma ogni partecipante potrà farlo da sé in qualsiasi momento.",
+        "muteEveryoneElsesVideoTitle": "Spegnere la videocamera a tutti, tranne che a {{whom}}?",
+        "muteEveryoneSelf": "tu",
+        "muteEveryoneStartMuted": "Tutti iniziano a microfono spento da adesso in avanti",
+        "muteEveryoneTitle": "Spegnere il microfono a tutti?",
+        "muteEveryonesDesktopDialog": "I partecipanti potranno condividere lo schermo in qualsiasi momento.",
+        "muteEveryonesDesktopDialogModerationOn": "I partecipanti possono inviare una richiesta per condividere lo schermo in ogni momento.",
+        "muteEveryonesDesktopTitle": "Interrompere la condivisione dello schermo a tutti?",
+        "muteEveryonesVideoDialog": "Ogni partecipante potrà riavviare il video da sé in qualsiasi momento.",
+        "muteEveryonesVideoDialogModerationOn": "I partecipanti possono chiedere di attivare il video in qualsiasi momento.",
+        "muteEveryonesVideoDialogOk": "Spegni",
+        "muteEveryonesVideoTitle": "Spegnere la videocamera a tutti?",
+        "muteParticipantBody": "Non potrai riattivare il loro microfono, ma loro potranno farlo in qualsiasi momento.",
+        "muteParticipantButton": "Silenzia",
+        "muteParticipantsDesktopBody": "Non potrai riavviare la loro condivisione dello schermo, ma loro potranno farlo in qualsiasi momento.",
+        "muteParticipantsDesktopBodyModerationOn": "Non potrai riavviare la loro condivisione dello schermo e nemmeno loro potranno.",
+        "muteParticipantsDesktopButton": "Interrompi la condivisione dello schermo",
+        "muteParticipantsDesktopDialog": "Vuoi interrompere la condivisione dello schermo di questo partecipante? Non potrai riattivarla, ma lui potrà farlo in qualsiasi momento.",
+        "muteParticipantsDesktopDialogModerationOn": "Vuoi interrompere la condivisione dello schermo di questo partecipante? Non potrai riattivarla e nemmeno loro potranno.",
+        "muteParticipantsDesktopTitle": "Disattivare la condivisione dello schermo di questo partecipante?",
+        "muteParticipantsVideoBody": "Non potrai riattivare le videocamere, ma loro potranno farlo in qualsiasi momento.",
+        "muteParticipantsVideoBodyModerationOn": "Non potrai riattivare le videocamere e nemmeno loro potranno.",
+        "muteParticipantsVideoButton": "Spegni videocamere",
+        "muteParticipantsVideoDialog": "Vuoi spegnere la videocamera di questo partecipante? Non potrai riattivarla, ma lui potrà farlo in qualsiasi momento.",
+        "muteParticipantsVideoDialogModerationOn": "Vuoi spegnere la videocamera di questo partecipante? Non potrai riattivarla e nemmeno lui potrà farlo.",
+        "muteParticipantsVideoTitle": "Spegnere la videocamera di questo partecipante?",
+        "noDropboxToken": "Token Dropbox non valido",
+        "password": "Password",
+        "passwordLabel": "La riunione è stata bloccata da un partecipante. Inserisci la $t(lockRoomPassword) per collegarti.",
+        "passwordNotSupported": "Impostare una $t(lockRoomPassword) non è supportato.",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) non supportata",
+        "passwordRequired": "$t(lockRoomPasswordUppercase) richiesta",
+        "permissionCameraRequiredError": "L'autorizzazione all'uso della videocamera è necessaria per partecipare con il video. Concedi l'autorizzazione nelle impostazioni.",
+        "permissionErrorTitle": "Autorizzazione richiesta",
+        "permissionMicRequiredError": "L'autorizzazione all'uso del microfono è necessaria per parlare durante la conferenza. Concedi l'autorizzazione nelle impostazioni",
+        "readMore": "mostra di più",
+        "recentlyUsedObjects": "Oggetti usati di recente",
+        "recording": "Registrazione",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "Impossibile durante una diretta.",
+        "recordingInProgressDescription": "Questa riunione sta venendo registrata e analizzata dall'IA. I tuoi audio e video sono stati disattivati. Riattivandoli, acconsenti ad essere registrato.",
+        "recordingInProgressDescriptionFirstHalf": "Questa riunione sta venendo registrata e analizzata dall'IA",
+        "recordingInProgressDescriptionSecondHalf": ". I tuoi audio e video sono stati disattivati. Riattivandoli, acconsenti ad essere registrato.",
+        "recordingInProgressTitle": "Registrazione in corso",
+        "rejoinNow": "Ricollegati ora",
+        "remoteControlAllowedMessage": "{{user}} ha accettato la tua richiesta di controllo remoto!",
+        "remoteControlDeniedMessage": "{{user}} ha respinto la tua richiesta di controllo remoto!",
+        "remoteControlErrorMessage": "Si è verificato un errore mentre si cercava di richiedere il controllo remoto a {{user}}!",
+        "remoteControlRequestMessage": "Vuoi consentire a {{user}} di controllare da remoto il tuo desktop?",
+        "remoteControlShareScreenWarning": "Nota che premendo «Consenti» condividerai il tuo schermo!",
+        "remoteControlStopMessage": "Sessione di controllo remoto terminata!",
+        "remoteControlTitle": "Connessione desktop remoto",
+        "remoteUserControls": "Controlli dell'utente remoto {{username}}",
+        "removePassword": "Rimuovi la $t(lockRoomPassword)",
+        "removeSharedVideoMsg": "Vuoi rimuovere il tuo video condiviso?",
+        "removeSharedVideoTitle": "Rimuovi video condiviso",
+        "renameBreakoutRoomLabel": "Nome della stanza",
+        "renameBreakoutRoomTitle": "Rinomina stanza",
+        "reservationError": "Errore del sistema di prenotazione",
+        "reservationErrorMsg": "Codice di errore: {{code}}, messaggio: {{msg}}",
+        "retry": "Riprova",
+        "screenSharingAudio": "Condividi audio",
+        "screenSharingFailed": "Ops! Qualcosa è andato storto, non è stato possibile avviare la condivisione dello schermo!",
+        "screenSharingFailedTitle": "Condivisione dello schermo fallita!",
+        "screenSharingPermissionDeniedError": "Ops! Qualcosa è andato storto con l'autorizzazione di condivisione dello schermo. Ricarica e riprova.",
+        "searchInSalesforce": "Cerca in Salesforce",
+        "searchResults": "Risultati ricerca({{count}})",
+        "searchResultsDetailsError": "Qualcosa è andato storto nella ricezione dei dati del proprietario.",
+        "searchResultsError": "Qualcosa è andato storto nella ricezione dei dati.",
+        "searchResultsNotFound": "Nessun risultato.",
+        "searchResultsTryAgain": "Prova a ricercare altre parole.",
+        "sendPrivateMessage": "Hai ricevuto un messaggio privato poco fa. Vorresti rispondergli privatamente o vuoi inviare la risposta al gruppo?",
+        "sendPrivateMessageCancel": "Invia al gruppo",
+        "sendPrivateMessageOk": "Invia privatamente",
+        "sendPrivateMessageTitle": "Inviare privatamente?",
+        "serviceUnavailable": "Servizio non disponibile",
+        "sessTerminated": "Chiamata terminata",
+        "sessTerminatedReason": "La chiamata è stata terminata",
+        "sessionRestarted": "Chiamata riavviata per un problema di rete",
+        "shareAudio": "Continua",
+        "shareAudioAltText": "per condividere il contenuto desiderato, vai verso \"Finestra del browser\", seleziona il contenuto, spunta \"condividi audio\" e clicca il pulsante \"condividi\"",
+        "shareAudioTitle": "Come condividere l'audio",
+        "shareAudioWarningD1": "devi fermare la condivisione dello schermo, per condividere l'audio.",
+        "shareAudioWarningD2": "devi riavviare la condivisione schermo e spuntare l'opzione \"condividi audio\".",
+        "shareAudioWarningH1": "Se vuoi condividere solo l'audio:",
+        "shareAudioWarningTitle": "Ferma la condivisione dello schermo prima di condividere l'audio",
+        "shareMediaWarningGenericH2": "Se vuoi condividere il tuo schermo e l'audio",
+        "shareScreenWarningD1": "devi fermare la condivisione audio prima di condividere lo schermo.",
+        "shareScreenWarningD2": "devi fermare la condivisione audio, avviare la condivisione dello schermo e spuntare l'opzione \"condividi audio\".",
+        "shareScreenWarningH1": "Se vuoi condividere solo lo schermo:",
+        "shareScreenWarningTitle": "Ferma la condivisione audio prima di condividere lo schermo",
+        "shareVideoConfirmPlay": "Stai per aprire un sito esterno. Vuoi continuare?",
+        "shareVideoConfirmPlayTitle": "{{name}} ha condiviso un video con te.",
+        "shareVideoLinkError": "Ops, il video non può essere riprodotto.",
+        "shareVideoLinkStopped": "Il video da {{name}} è stato interrotto.",
+        "shareVideoTitle": "Condividi un video",
+        "shareYourScreen": "Condividi schermo",
+        "shareYourScreenDisabled": "Condivisione schermo disabilitata.",
+        "sharedVideoDialogError": "Errore: URL non valido o proibito",
+        "sharedVideoLinkPlaceholder": "Link YouTube o link diretto al video",
+        "show": "Mostra",
+        "start": "Avvia ",
+        "startLiveStreaming": "Avvia diretta",
+        "startRecording": "Avvia registrazione",
+        "startRemoteControlErrorMessage": "Si è verificato un errore nel tentativo di avviare la sessione di controllo remoto!",
+        "stopLiveStreaming": "Ferma la diretta",
+        "stopRecording": "Ferma registrazione",
+        "stopRecordingWarning": "Vuoi interrompere la registrazione?",
+        "stopStreamingWarning": "Vuoi interrompere la diretta?",
+        "streamKey": "Chiave della diretta",
+        "thankYou": "Grazie per aver usato {{appName}}!",
+        "token": "token",
+        "tokenAuthFailed": "Non sei autorizzato a partecipare a questa chiamata.",
+        "tokenAuthFailedReason": {
+            "audInvalid": "Valore `aud` non valido. Dovrebbe essere `jitsi`.",
+            "contextNotFound": "Oggetto `context` non trovato nel payload.",
+            "expInvalid": "Valore `exp` non valido.",
+            "featureInvalid": "Funzionalità non valida: {{feature}}, probabilmente non è stata ancora implementata.",
+            "featureValueInvalid": "Valore funzionalità non valido: {{feature}}.",
+            "featuresNotFound": "Oggetto `features` non trovato nel payload.",
+            "headerNotFound": "Header non trovato.",
+            "issInvalid": "Valore `iss` non valido. Dovrebbe essere `chat`.",
+            "kidMismatch": "Chiave ID (kid) non corrisponde al sub.",
+            "kidNotFound": "Chiave ID (kid) assente.",
+            "nbfFuture": "Il valore `nbf` è nel futuro.",
+            "nbfInvalid": "Valore `nbf` non valido.",
+            "payloadNotFound": "Payload non trovato.",
+            "tokenExpired": "Il token è scaduto."
+        },
+        "tokenAuthFailedTitle": "Autenticazione fallita",
+        "tokenAuthFailedWithReasons": "Non sei autorizzato a partecipare a questa chiamata. Possibile motivo: {{reason}}",
+        "tokenAuthUnsupported": "Il token URL non è supportato.",
+        "transcribing": "Trascrizione in corso",
+        "unauthenticatedAccessDisabled": "Questa chiamata richiede l'autenticazione. Si prega di accedere per procedere.",
+        "unlockRoom": "Rimuovi la $t(lockRoomPassword) alla riunione",
+        "user": "Utente",
+        "userIdentifier": "Identificatore utente",
+        "userPassword": "Password utente",
+        "verifyParticipantConfirm": "Corrispondono",
+        "verifyParticipantDismiss": "Non corrispondono",
+        "verifyParticipantQuestion": "SPERIMENTALE: Chiedi ai partecipanti {{participantName}} se vedono lo stesso contenuto, nello stesso ordine.",
+        "verifyParticipantTitle": "Verifica utente",
+        "videoLink": "Collegamento video",
+        "viewUpgradeOptions": "Vedi le opzioni premium",
+        "viewUpgradeOptionsContent": "Per aver accesso illimitato alle funzionalità premium come registrazione, trascrizione, Streaming RTMP e altri, è necessario cambiare piano di abbonamento.",
+        "viewUpgradeOptionsTitle": "Hai scoperto una funzione premium!",
+        "whiteboardLimitContent": "Il limite di utenti contemporanei della lavagna è stato raggiunto.",
+        "whiteboardLimitReference": "Per maggiori informazioni visita",
+        "whiteboardLimitReferenceUrl": "il nostro sito",
+        "whiteboardLimitTitle": "L'uso della lavagna è stato limitato",
+        "yourEntireScreen": "Schermo intero"
+    },
+    "documentSharing": {
+        "title": "Documento condiviso"
+    },
+    "e2ee": {
+        "labelToolTip": "Le comunicazioni audio e video di questa chiamata usano la crittografia End-to-End"
+    },
+    "embedMeeting": {
+        "title": "Incorpora questa riunione"
+    },
+    "feedback": {
+        "accessibilityLabel": {
+            "yourChoice": "La tua scelta: {{rating}}"
+        },
+        "average": "Media",
+        "bad": "Scadente",
+        "detailsLabel": "Dicci qualcosa di più in proposito.",
+        "good": "Buona",
+        "rateExperience": "Valuta la qualità della videoconferenza.",
+        "star": "Stella",
+        "veryBad": "Pessima",
+        "veryGood": "Ottima"
+    },
+    "fileSharing": {
+        "downloadFailedDescription": "Si prega di riprovare.",
+        "downloadFailedTitle": "Download non riuscito",
+        "downloadFile": "Download",
+        "downloadStarted": "Download del file iniziato",
+        "dragAndDrop": "Trascina e rilascia i file qui o da qualsiasi altra parte nella schermata",
+        "fileAlreadyUploaded": "Questo file è già stato caricato nella riunione.",
+        "fileRemovedByOther": "Il tuo file '{{ fileName }}' è stato rimosso",
+        "fileTooLargeDescription": "Assicurati che il file non superi {{ maxFileSize }}.",
+        "fileTooLargeTitle": "Il file selezionato è troppo grande",
+        "fileUploadProgress": "Caricamento del file in corso",
+        "fileUploadedSuccessfully": "Il file è stato caricato con successo",
+        "newFileNotification": "{{ participantName }} ha condiviso '{{ fileName }}'",
+        "removeFile": "Rimuovi",
+        "removeFileSuccess": "File rimosso con successo",
+        "uploadFailedDescription": "Si prega di riprovare.",
+        "uploadFailedTitle": "Caricamento non riuscito",
+        "uploadFile": "Condividi file"
+    },
+    "filmstrip": {
+        "accessibilityLabel": {
+            "heading": "Miniatura video"
+        }
+    },
+    "giphy": {
+        "noResults": "Nessun risultato :(",
+        "search": "Cerca in GIPHY"
+    },
+    "incomingCall": {
+        "answer": "Rispondi",
+        "audioCallTitle": "Chiamata in arrivo",
+        "decline": "Respingi",
+        "productLabel": "da Jitsi Meet",
+        "videoCallTitle": "Videochiamata in arrivo"
+    },
+    "info": {
+        "accessibilityLabel": "Mostra informazioni",
+        "addPassword": "Aggiungi $t(lockRoomPassword)",
+        "cancelPassword": "Rimuovi $t(lockRoomPassword)",
+        "conferenceURL": "Collegamento:",
+        "copyNumber": "Copia numero",
+        "country": "Paese",
+        "dialANumber": "Per collegarti telefonicamente alla riunione, chiama uno di questi numeri e digita il pin.",
+        "dialInConferenceID": "PIN:",
+        "dialInNotSupported": "Siamo spiacenti, la partecipazione telefonica non è supportata al momento",
+        "dialInNumber": "Componi:",
+        "dialInSummaryError": "Errore nella ricerca dei numeri telefonici. Si prega di riprovare più tardi.",
+        "dialInTollFree": "Numero verde",
+        "genericError": "Ops, qualcosa è andato storto.",
+        "inviteLiveStream": "Per vedere la diretta di questa riunione, clicca su questo link: {{url}}",
+        "invitePhone": "Per seguire telefonicamente, premi: {{number}},,{{conferenceID}}#",
+        "invitePhoneAlternatives": "Cerchi un numero diverso da chiamare?\nEcco dei numeri telefonici per collegarsi alla riunione: {{url}}\n\n\nSe chiami da un telefono fisso, entra senza attivare l'audio: {{silentUrl}}",
+        "inviteSipEndpoint": "Per entrare con l'indirizzo SIP, inserisci questo: {{sipUri}}",
+        "inviteTextiOSInviteUrl": "Clicca il seguente link per entrare nella riunione: {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "Se stai chiamando da un telefono fisso, usa questo link per entrare in riunione senz'audio: {{silentUrl}}.",
+        "inviteTextiOSPersonal": "{{name}} ti sta invitando ad una riunione.",
+        "inviteTextiOSPhone": "Per entrare in riunione con un telefono, usa questo numero: {{number}},,{{conferenceID}}#. Se cerchi altri numeri, questa è la lista completa: {{didUrl}}.",
+        "inviteURLFirstPartGeneral": "Sei stato invitato ad una riunione.",
+        "inviteURLFirstPartPersonal": "{{name}} ti sta invitando ad una riunione.\n",
+        "inviteURLSecondPart": "\nPartecipa alla riunione:\n{{url}}\n",
+        "label": "Informazioni chiamata",
+        "liveStreamURL": "Diretta:",
+        "moreNumbers": "Più numeri",
+        "noNumbers": "Nessun numero da chiamare.",
+        "noPassword": "Nessuna",
+        "noRoom": "Non è stata specificata nessuna stanza da chiamare.",
+        "noWhiteboard": "Impossibile caricare la lavagna",
+        "numbers": "Numeri da chiamare",
+        "password": "$t(lockRoomPasswordUppercase):",
+        "reachedLimit": "Hai raggiunto il limite del tuo piano.",
+        "sip": "Indirizzo SIP",
+        "sipAudioOnly": "Indirizzo SIP solo audio",
+        "title": "Condividi",
+        "tooltip": "Invia il collegamento e i numeri telefonici di questa riunione",
+        "upgradeOptions": "Controlla le possibilità di aggiornamento del piano di abbonamento",
+        "whiteboardError": "Errore di caricamento della lavagna. Si prega di riprovare più tardi."
+    },
+    "inlineDialogFailure": {
+        "msg": "C'è stato un piccolo inconveniente.",
+        "retry": "Prova ancora",
+        "support": "Supporto",
+        "supportMsg": "Se succede ancora contatta"
+    },
+    "inviteDialog": {
+        "alertText": "Errore nell'invitare alcuni partecipanti.",
+        "header": "Invita",
+        "searchCallOnlyPlaceholder": "Inserisci il numero di telefono",
+        "searchPeopleOnlyPlaceholder": "Cerca partecipanti",
+        "searchPlaceholder": "Partecipante o numero di telefono",
+        "send": "Invia"
+    },
+    "jitsiHome": "{{logo}} Logo, collega alla Homepage",
+    "keyboardShortcuts": {
+        "focusLocal": "Metti in evidenza il tuo video",
+        "focusRemote": "Metti in evidenza il video di un altro partecipante",
+        "fullScreen": "Attiva o disattiva schermo intero",
+        "giphyMenu": "Mostra menu GIPHY",
+        "keyboardShortcuts": "Scorciatoie da tastiera",
+        "localRecording": "Mostra o nascondi i controlli per la registrazione",
+        "mute": "Attiva o disattiva il microfono",
+        "pushToTalk": "Premi per parlare",
+        "raiseHand": "Alza o abbassa la mano",
+        "showSpeakerStats": "Mostra le statistiche dei partecipanti",
+        "toggleChat": "Apri o chiudi la chat",
+        "toggleFilmstrip": "Mostra o nascondi le miniature video",
+        "toggleParticipantsPane": "Mostra o nascondi il pannello dei partecipanti",
+        "toggleScreensharing": "Scambia videocamera e condivisione dello schermo",
+        "toggleShortcuts": "Mostra o nascondi le scorciatoie da tastiera",
+        "videoMute": "Accendi o spegni la videocamera"
+    },
+    "largeVideo": {
+        "screenIsShared": "Stai condividendo lo schermo",
+        "showMeWhatImSharing": "Mostrami cosa sto condividendo"
+    },
+    "liveStreaming": {
+        "busy": "Stiamo cercando di liberare risorse per la diretta. Si prega di riprovare tra qualche minuto.",
+        "busyTitle": "Tutti gli streamer sono impegnati al momento",
+        "changeSignIn": "Cambia account",
+        "choose": "Scegli una diretta",
+        "chooseCTA": "Scegli un'opzione di trasmissione. Attualmente hai effettuato l'accesso come {{email}}.",
+        "enterStreamKey": "Inserisci qui la tua chiave della diretta su YouTube.",
+        "error": "Diretta fallita. Prova di nuovo.",
+        "errorAPI": "Si è verificato un errore durante l'accesso alle tue trasmissioni su YouTube. Prova a effettuare nuovamente l'accesso.",
+        "errorLiveStreamNotEnabled": "La diretta non è attiva su {{email}}. Per favore attiva la diretta o effettua l'accesso con account che ha una diretta attiva.",
+        "expandedOff": "La diretta è stata interrotta",
+        "expandedOn": "La riunione è attualmente in diretta su YouTube.",
+        "expandedPending": "La diretta è in fase di avvio…",
+        "failedToStart": "Avvio diretta fallito",
+        "getStreamKeyManually": "Non è stata trovata nessuna diretta. Prova ad ottenere la chiave della tua diretta da YouTube.",
+        "googlePrivacyPolicy": "Politiche sulla privacy di Google",
+        "inProgress": "Registrazione o diretta in corso",
+        "invalidStreamKey": "La chiave della diretta potrebbe non essere corretta.",
+        "limitNotificationDescriptionNative": "La tua diretta sarà limitata a {{limit}} minuti. Per dirette illimitate prova {{app}}.",
+        "limitNotificationDescriptionWeb": "Data la grossa domanda la tua diretta sarà limitata a {{limit}} minuti. Per dirette illimitate, prova <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "off": "La diretta si è interrotta",
+        "offBy": "{{name}} ha fermato la diretta",
+        "on": "Diretta avviata",
+        "onBy": "{{name}} ha iniziato la diretta",
+        "pending": "Avvio diretta…",
+        "policyError": "Hai provato ad avviare una diretta streaming troppo velocemente. Si prega di riprovare più tardi!",
+        "serviceName": "Servizio dirette",
+        "sessionAlreadyActive": "Questa sessione è in già in fase di registrazione o trasmissione in diretta.",
+        "signIn": "Accedi con Google",
+        "signInCTA": "Accedi o inserisci la tua chiave della diretta su YouTube.",
+        "signOut": "Disconnetti",
+        "signedInAs": "Hai effettuato l'accesso come:",
+        "start": "Avvia una diretta",
+        "streamIdHelp": "Cos'è questo?",
+        "title": "Diretta",
+        "unavailableTitle": "La diretta non è disponibile",
+        "youtubeTerms": "Termini di servizio di YouTube"
+    },
+    "lobby": {
+        "backToKnockModeButton": "Richiedi l'accesso",
+        "chat": "Chat",
+        "dialogTitle": "Sala d'attesa",
+        "disableDialogContent": "Sala d'attesa attiva. Questa funzione ti permette di non dare accesso alla riunione a partecipanti indesiderati. Vuoi disattivarla?",
+        "disableDialogSubmit": "Disattiva",
+        "emailField": "Inserisci il tuo indirizzo email",
+        "enableDialogPasswordField": "Imposta password (opzionale)",
+        "enableDialogSubmit": "Attiva",
+        "enableDialogText": "La sala d'attesa ti permette di proteggere la riunione concedendo l'accesso solo alle persone autorizzate da un organizzatore.",
+        "enterPasswordButton": "Inserisci password riunione",
+        "enterPasswordTitle": "Inserisci la password per entrare nella riunione",
+        "errorMissingPassword": "Inserisci la password della riunione",
+        "invalidPassword": "Password errata",
+        "joinRejectedMessage": "La tua richiesta d'accesso è stata respinta da un organizzatore.",
+        "joinRejectedTitle": "Richiesta d'accesso respinta.",
+        "joinTitle": "Entra nella riunione",
+        "joinWithPasswordMessage": "Tentativo di accesso con password in corso, si prega di attendere…",
+        "joiningMessage": "Entrerai nella riunione appena qualcuno approverà la tua richiesta",
+        "joiningTitle": "Richiesta di accesso inviata…",
+        "joiningWithPasswordTitle": "Accesso con password…",
+        "knockButton": "Chiedi di entrare",
+        "knockTitle": "Qualcuno vuole entrare nella riunione",
+        "knockingParticipantList": "Lista dei partecipanti in attesa",
+        "lobbyChatStartedNotification": "{{moderator}} sta parlando con {{attendee}} in sala d'attesa",
+        "lobbyChatStartedTitle": "{{moderator}} sta parlando con te in sala d'attesa.",
+        "lobbyClosed": "La sala d'attesa è stata chiusa.",
+        "nameField": "Scrivi il tuo nome",
+        "notificationLobbyAccessDenied": "{{targetParticipantName}} è stato respinto da {{originParticipantName}}",
+        "notificationLobbyAccessGranted": "{{targetParticipantName}} è stato autorizzato ad entrare da {{originParticipantName}}",
+        "notificationLobbyDisabled": "{{originParticipantName}} ha disabilitato la sala d'attesa",
+        "notificationLobbyEnabled": "{{originParticipantName}} ha attivato la sala d'attesa",
+        "notificationTitle": "Sala d'attesa",
+        "passwordJoinButton": "Entra",
+        "title": "Sala d'attesa",
+        "toggleLabel": "Attiva sala d'attesa",
+        "waitForModerator": "La riunione non è ancora iniziata, perché non è arrivato alcun organizzatore. Se vuoi diventarlo autenticati, altrimenti attendi."
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Spento",
+            "on": "Acceso",
+            "unknown": "Sconosciuto"
+        },
+        "dialogTitle": "Controlli della registrazione",
+        "duration": "Durata",
+        "durationNA": "N/D",
+        "encoding": "Codifica",
+        "label": "LOR",
+        "labelToolTip": "Registrazione avviata",
+        "localRecording": "Registrazione",
+        "me": "Io",
+        "messages": {
+            "engaged": "Registrazione avviata.",
+            "finished": "La registrazione della sessione {{token}} è terminata. Invia il file della registrazione all'organizzatore.",
+            "finishedModerator": "La registrazione della sessione {{token}} è terminata. La registrazione della traccia è stata salvata. Chiedi ai partecipanti di inviare le loro registrazioni.",
+            "notModerator": "Non sei un relatore. Non puoi avviare o interrompere la registrazione."
+        },
+        "moderator": "Relatore",
+        "no": "No",
+        "participant": "Partecipante",
+        "participantStats": "Statistiche partecipante",
+        "selectTabTitle": "🎥 Seleziona questa scheda per registrare",
+        "sessionToken": "Token della sessione",
+        "start": "Avvia registrazione",
+        "stop": "Ferma registrazione",
+        "stopping": "Arresto della registrazione in corso",
+        "wait": "Attendi durante il salvataggio della tua registrazione",
+        "yes": "Sì"
+    },
+    "lockRoomPassword": "password",
+    "lockRoomPasswordUppercase": "Password",
+    "lonelyMeetingExperience": {
+        "button": "Invita altri",
+        "youAreAlone": "Sei l'unico nella riunione"
+    },
+    "me": "io",
+    "notify": {
+        "OldElectronAPPTitle": "Falla di sicurezza!",
+        "allowAll": "Consenti tutto",
+        "allowAudio": "Consenti l'audio",
+        "allowDesktop": "Consenti la condivisione dello schermo",
+        "allowVideo": "Consenti il video",
+        "allowedUnmute": "Puoi accendere il microfono, avviare la videocamera o condividere il tuo schermo.",
+        "audioUnmuteBlockedDescription": "L'accensione dei microfoni è stata temporaneamente bloccata per i limiti del sistema.",
+        "audioUnmuteBlockedTitle": "Accensione dei microfoni bloccata!",
+        "chatMessages": "Messaggi delle chat",
+        "connectedOneMember": "{{name}} è entrato nella riunione",
+        "connectedThreePlusMembers": "{{name}} e altri {{count}} sono entrati nella riunione",
+        "connectedTwoMembers": "{{first}} e {{second}} sono entrati nella riunione",
+        "connectionFailed": "Connessione non riuscita. Si prega di riprovare più tardi!",
+        "dataChannelClosed": "La qualità video potrebbe essere scarsa",
+        "dataChannelClosedDescription": "Il canale bridge è inattivo, quindi la qualità video potrebbe essere limitata all'impostazione più bassa.",
+        "dataChannelClosedDescriptionWithAudio": "Il canale bridge è inattivo, quindi potrebbero esserci interruzioni di audio e video",
+        "dataChannelClosedWithAudio": "La qualità audio e video potrebbe essere scarsa",
+        "desktopMutedRemotelyTitle": "La tua condivisione dello schermo è stata interrotta da {{participantDisplayName}}",
+        "disabledIframe": "L'incorporamento serve solo come dimostrazione, quindi questa chiamata si disconnetterà tra {{timeout}} minuti.",
+        "disabledIframeSecondaryNative": "L'incorporamento {{domain}} serve solo come dimostrazione, quindi questa chiamata si disconnetterà tra {{timeout}} minuti.",
+        "disabledIframeSecondaryWeb": "L'incorporamento {{domain}} serve solo come dimostrazione, quindi questa chiamata si disconnetterà tra {{timeout}} minuti. Si prega di usare <a href='{{jaasDomain}}' rel='noopener noreferrer' target='_blank'>Jitsi as a Service</a> per la produzione di riunioni incorporate!",
+        "disconnected": "disconnesso",
+        "displayNotifications": "Mostra le notifiche per",
+        "dontRemindMe": "Non chiederlo più",
+        "focus": "Evidenza riunione",
+        "focusFail": "{{component}} non disponibile - nuovo tentativo tra {{ms}} sec",
+        "gifsMenu": "GIPHY",
+        "groupTitle": "Notifiche",
+        "hostAskedUnmute": "Il relatore ti chiede di intervenire.",
+        "invalidTenant": "Nome non valido",
+        "invalidTenantHyphenDescription": "Il nome che hai scelto non è valido (inizia o finisce con '-').",
+        "invalidTenantLengthDescription": "Il nome che hai scelto è troppo lungo.",
+        "invitedOneMember": "{{displayName}} è stato invitato",
+        "invitedThreePlusMembers": "{{name}} e altri {{count}} sono stati invitati",
+        "invitedTwoMembers": "{{first}} e {{second}} sono stati invitati",
+        "joinMeeting": "Entra",
+        "kickParticipant": "{{kicked}} è stato espulso da {{kicker}}",
+        "leftOneMember": "{{name}} ha lasciato la riunione",
+        "leftThreePlusMembers": "{{name}} e molti altri hanno lasciato la riunione",
+        "leftTwoMembers": "{{first}} e {{second}} hanno lasciato la riunione",
+        "linkToSalesforce": "Collega a Salesforce",
+        "linkToSalesforceDescription": "Puoi collegare il sommario della riunione ad un oggetto Salesforce.",
+        "linkToSalesforceError": "Collegamento della riunione a Salesforce fallito.",
+        "linkToSalesforceKey": "Collega questa riunione",
+        "linkToSalesforceProgress": "Collegamento della riunione a Salesforce in corso…",
+        "linkToSalesforceSuccess": "Questa riunione è stata collegata a Salesforce",
+        "localRecordingStarted": "{{name}} ha iniziato a registrare.",
+        "localRecordingStopped": "{{name}} ha smesso di registrare.",
+        "me": "Io",
+        "moderationInEffectCSDescription": "Alza la mano, se vuoi condividere lo schermo.",
+        "moderationInEffectCSTitle": "La condivisione schermo è stata bloccata dal relatore",
+        "moderationInEffectDescription": "Alza la mano, se vuoi prendere la parola.",
+        "moderationInEffectTitle": "Il tuo microfono è stato spento dal relatore",
+        "moderationInEffectVideoDescription": "Alza la mano, se vuoi avviare la tua videocamera.",
+        "moderationInEffectVideoTitle": "La tua videocamera è stata spenta dal relatore",
+        "moderationRequestFromModerator": "Il relatore vorrebbe che tu accendessi il microfono",
+        "moderationRequestFromParticipant": "Vuole parlare",
+        "moderationStartedTitle": "Moderazione in corso",
+        "moderationStoppedTitle": "Moderazione interrotta",
+        "moderationToggleDescription": "da {{participantDisplayName}}",
+        "moderator": "Ora sei un relatore!",
+        "muted": "Hai iniziato la conversazione con il microfono disattivato.",
+        "mutedRemotelyDescription": "Puoi sempre attivare il microfono quando vuoi parlare. Spegni il microfono quando hai finito, per evitare rumori di fondo nella riunione.",
+        "mutedRemotelyTitle": "{{participantDisplayName}} ti ha spento il microfono",
+        "mutedTitle": "Hai il microfono disattivato!",
+        "newDeviceAction": "Usala",
+        "newDeviceAudioTitle": "Rilevata una nuova sorgente audio",
+        "newDeviceCameraTitle": "Rilevata una nuova videocamera",
+        "nextToSpeak": "Sei il prossimo a dover parlare",
+        "noiseSuppressionDesktopAudioDescription": "La cancellazione del rumore non può essere attivata durante la condivisione dell'audio del desktop, disabilitala e riprova.",
+        "noiseSuppressionFailedTitle": "Avvio della cancellazione del rumore non riuscito",
+        "noiseSuppressionStereoDescription": "La cancellazione del rumore con l'audio stereo non è attualmente supportata.",
+        "oldElectronClientDescription1": "Sembra che tu stia usando una versione obsoleta del client Jitsi Meet, che ha vulnerabilità note. Assicurati di aggiornarlo alla nostra ",
+        "oldElectronClientDescription2": "ultima versione",
+        "oldElectronClientDescription3": " ora!",
+        "openChat": "Apri chat",
+        "participantWantsToJoin": "Vuole unirsi alla riunione",
+        "participantsWantToJoin": "Vogliono unirsi alla riunione",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) è stata rimossa da un altro partecipante",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) è stata impostata da un altro partecipante",
+        "raiseHandAction": "Alza la mano",
+        "raisedHand": "Vorrebbe intervenire.",
+        "raisedHands": "{{participantName}} e altre {{raisedHands}} persone",
+        "reactionSounds": "Disattiva suoni",
+        "reactionSoundsForAll": "Disattiva suoni a tutti",
+        "screenShareNoAudio": "L'opzione di condivisione audio non era selezionata nella schermata di selezione della finestra.",
+        "screenShareNoAudioTitle": "Impossibile condividere l'audio!",
+        "screenSharingAudioOnlyDescription": "Condividendo lo schermo si influisce sulla modalità “Migliori prestazioni” e si utilizza una maggiore larghezza di banda.",
+        "screenSharingAudioOnlyTitle": "Modalità \"Migliori prestazioni\"",
+        "selfViewTitle": "Puoi sempre ripristinare il tuo riquadro dalle impostazioni",
+        "somebody": "Qualcuno",
+        "startSilentDescription": "Entra di nuovo nella riunione per attivare l'audio",
+        "startSilentTitle": "Sei entrato nella riunione senza un dispositivo di uscita audio!",
+        "suboptimalBrowserWarning": "Temiamo che la tua esperienza non sarà granché su questo browser. Stiamo cercando di migliorare, ma, per il momento, prova ad utilizzare uno di questi <a href='{{recommendedBrowserPageLink}}' target='_blank'>browser pienamente supportati</a>.",
+        "suboptimalExperienceTitle": "Avviso sul browser",
+        "suggestRecordingAction": "Avvia",
+        "suggestRecordingDescription": "Vuoi avviare la registrazione?",
+        "suggestRecordingTitle": "Registra questa riunione",
+        "unmute": "Accendi il microfono",
+        "unmuteScreen": "Iniziata la condivisione dello schermo",
+        "unmuteVideo": "Accendi la videocamera",
+        "videoMutedRemotelyDescription": "Puoi riaccenderla in qualsiasi momento.",
+        "videoMutedRemotelyTitle": "{{participantDisplayName}} ti ha spento la videocamera",
+        "videoUnmuteBlockedDescription": "L'accensione della videocamera e la condivisione dello schermo sono state momentaneamente bloccate per i limiti del sistema.",
+        "videoUnmuteBlockedTitle": "Accensione videocamera e condivisione schermo bloccate!",
+        "viewLobby": "Vedi sala d'attesa",
+        "viewParticipants": "Vedi partecipanti",
+        "viewVisitors": "Vedi spettatori",
+        "waitingParticipants": "{{waitingParticipants}} persone",
+        "waitingVisitors": "Spettatori in coda: {{waitingVisitors}}",
+        "waitingVisitorsTitle": "Questa riunione non è ancora iniziata!",
+        "whiteboardLimitDescription": "Salva i tuoi progressi, il limite dell'utente sta per essere superato e la lavagna si chiuderà.",
+        "whiteboardLimitTitle": "Utilizzo lavagna"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "Ammetti",
+            "admitAll": "Ammetti tutti",
+            "allow": "Permetti ai partecipanti di:",
+            "allowDesktop": "Consenti la condivisione dello schermo",
+            "allowVideo": "Permetti videocamere",
+            "askDesktop": "Chiedi di condividere lo schermo",
+            "askUnmute": "Chiedi di accendere il microfono",
+            "audioModeration": "Riattivare il microfono",
+            "blockEveryoneMicCamera": "Blocca microfono e videocamera a tutti",
+            "breakoutRooms": "Stanze",
+            "desktopModeration": "Avvia la condivisione dello schermo",
+            "goLive": "Vai alla diretta",
+            "invite": "Invita partecipanti",
+            "lowerAllHands": "Abbassa tutte le mani",
+            "lowerHand": "Abbassa la mano",
+            "moreModerationActions": "Altre opzioni di moderazione",
+            "moreModerationControls": "Altri controlli di moderazione",
+            "moreParticipantOptions": "Altre opzioni partecipante",
+            "mute": "Silenzia",
+            "muteAll": "Silenzia tutti",
+            "muteEveryoneElse": "Silenzia tutti gli altri",
+            "reject": "Respingi",
+            "stopDesktop": "Interrompi la condivisione dello schermo",
+            "stopEveryonesDesktop": "Interrompi la condivisione dello schermo agli altri",
+            "stopEveryonesVideo": "Ferma il video di tutti",
+            "stopVideo": "Ferma il video",
+            "unblockEveryoneMicCamera": "Sblocca microfono e videocamera a tutti",
+            "videoModeration": "Riavviare la videocamera"
+        },
+        "close": "Chiudi",
+        "headings": {
+            "lobby": "Sala d'attesa ({{count}})",
+            "participantsList": "Partecipanti alla riunione ({{count}})",
+            "viewerRequests": "Richieste spettatori ({{count}})",
+            "visitorInQueue": " ({{count}} in attesa)",
+            "visitorRequests": " ({{count}} richiesta/e)",
+            "visitors": "Spettatori {{count}}",
+            "visitorsList": "Spettatori ({{count}})",
+            "waitingLobby": "({{count}}) in attesa"
+        },
+        "search": "Cerca partecipanti",
+        "searchDescription": "Filtra partecipanti",
+        "title": "Partecipanti"
+    },
+    "passwordDigitsOnly": "Fino a {{number}} cifre",
+    "passwordSetRemotely": "Impostata da altro utente",
+    "pinParticipant": "Metti {{participantName}} in evidenza",
+    "pinnedParticipant": "Il partecipante è in evidenza",
+    "polls": {
+        "answer": {
+            "edit": "Modifica",
+            "send": "Invia",
+            "skip": "Salta",
+            "submit": "Invia"
+        },
+        "by": "Da {{ name }}",
+        "closeButton": "Chiudi sondaggio",
+        "create": {
+            "accessibilityLabel": {
+                "send": "Invia sondaggio"
+            },
+            "addOption": "Aggiungi opzione",
+            "answerPlaceholder": "Opzione {{index}}",
+            "cancel": "Annulla",
+            "create": "Crea un sondaggio",
+            "pollOption": "Opzione {{index}} del sondaggio",
+            "pollQuestion": "Domanda del sondaggio",
+            "questionPlaceholder": "Fai una domanda",
+            "removeOption": "Elimina opzione",
+            "save": "Salva"
+        },
+        "errors": {
+            "notUniqueOption": "Le opzioni devono essere uniche"
+        },
+        "notification": {
+            "description": "Apri la scheda sondaggi per votare",
+            "title": "Un nuovo sondaggio è stato aggiunto alla riunione"
+        },
+        "results": {
+            "changeVote": "Cambia voto",
+            "empty": "Non ci sono ancora sondaggi in questa riunione.",
+            "hideDetailedResults": "Nascondi dettagli",
+            "showDetailedResults": "Mostra dettagli",
+            "vote": "Voti"
+        }
+    },
+    "poweredby": "offerto da",
+    "prejoin": {
+        "audioAndVideoError": "Errore audio e video:",
+        "audioDeviceProblem": "C'è un problema con il tuo microfono",
+        "audioOnlyError": "Errore audio:",
+        "audioTrackError": "Impossibile creare traccia audio.",
+        "callMe": "Chiamami",
+        "callMeAtNumber": "Chiamami a questo numero:",
+        "calling": "Chiamata in corso",
+        "configuringDevices": "Configurazione dispositivi in corso…",
+        "connectedWithAudioQ": "Sei connesso con l'audio?",
+        "connection": {
+            "failed": "Test di connessione fallito!",
+            "good": "La tua connessione internet è buona!",
+            "nonOptimal": "La tua connessione internet non è ottimale",
+            "poor": "La tua connessione internet è scarsa",
+            "running": "Test di connessione in corso..."
+        },
+        "connectionDetails": {
+            "audioClipping": "È probabile che il tuo audio vada a singhiozzo.",
+            "audioHighQuality": "Il tuo audio dovrebbe essere eccellente.",
+            "audioLowNoVideo": "È probabile che la tua qualità audio sia bassa e che il video sia assente.",
+            "goodQuality": "Ottimo! La tua qualità multimediale sarà alta.",
+            "noMediaConnectivity": "Impossibile stabilire una connessione multimediale per fare questo test. Questo è solitamente causato da un firewall o dal NAT.",
+            "noVideo": "È probabile che la tua qualità video sia pessima.",
+            "testFailed": "Il test di connessione ha avuto problemi inaspettati, però questo potrebbe non avere impatti sulla tua esperienza.",
+            "undetectable": "Se non riesci ancora a fare chiamate nel browser, verifica che il microfono e la videocamera siano configurate correttamente, che tu abbia autorizzato il browser l'utilizzo del microfono e della videocamera e che il tuo browser sia aggiornato all'ultima versione. Se avessi ancora problemi, dovresti contattare lo sviluppatore dell'applicazione web.",
+            "veryPoorConnection": "È probabile che la tua qualità della chiamata sia terribile.",
+            "videoFreezing": "È probabile che il tuo video si blocchi, sparisca, o sia molto pixellato.",
+            "videoHighQuality": "Il tuo video dovrebbe essere di buona qualità.",
+            "videoLowQuality": "È probabile che il tuo video abbia pochi fotogrammi al secondo e sia a bassa risoluzione.",
+            "videoTearing": "È probabile che il tuo video sia pixellato o abbia artefatti."
+        },
+        "copyAndShare": "Copia e condividi il collegamento della riunione",
+        "dialInMeeting": "Chiama per collegarti alla riunione",
+        "dialInPin": "Chiama per collegarti alla riunione e inserisci il PIN:",
+        "dialing": "Chiamata in corso",
+        "doNotShow": "Non mostrare più questa finestra",
+        "errorDialOut": "Impossibile fare la chiamata",
+        "errorDialOutDisconnected": "Impossibile fare la chiamata. Disconnesso",
+        "errorDialOutFailed": "Impossibile fare la chiamata. Chiamata fallita",
+        "errorDialOutStatus": "Errore nel ricevere lo stato della chiamata",
+        "errorMissingName": "Inserisci il tuo nome per accedere alla riunione",
+        "errorNoPermissions": "Devi autorizzare l'accesso al microfono e alla videocamera",
+        "errorStatusCode": "Errore nella chiamata, codice: {{status}}",
+        "errorValidation": "Numero inesistente",
+        "iWantToDialIn": "Voglio collegarmi con il telefono",
+        "initiated": "Chiamata avviata",
+        "joinAudioByPhone": "Collegati usando l'audio del telefono",
+        "joinMeeting": "Collegati alla riunione",
+        "joinMeetingInLowBandwidthMode": "Collegati in modalità larghezza di banda limitata ridotta",
+        "joinWithoutAudio": "Collegati senza audio",
+        "keyboardShortcuts": "Attiva le scorciatoie da tastiera",
+        "linkCopied": "Collegamento copiato negli appunti",
+        "lookGood": "I tuoi dispositivi funzionano correttamente",
+        "or": "o",
+        "premeeting": "Pre-riunione",
+        "proceedAnyway": "Procedi comunque",
+        "recordingWarning": "Gli altri partecipanti potrebbero registrare la riunione",
+        "screenSharingError": "Errore di condivisione dello schermo:",
+        "startWithPhone": "Avvia usando l'audio del telefono",
+        "unsafeRoomConsent": "Accetto i rischi, voglio entrare nella riunione.",
+        "videoOnlyError": "Errore video:",
+        "videoTrackError": "Impossibile creare la traccia video.",
+        "viewAllNumbers": "vedi tutti i numeri"
+    },
+    "presenceStatus": {
+        "busy": "Occupato",
+        "calling": "Chiamata in corso…",
+        "connected": "Connesso",
+        "connecting": "Connessione in corso…",
+        "connecting2": "Connessione in corso*…",
+        "disconnected": "Disconnesso",
+        "expired": "Scaduto",
+        "ignored": "Ignorato",
+        "initializingCall": "Inizializzazione chiamata in corso…",
+        "invited": "Invitato",
+        "rejected": "Rifiutato",
+        "ringing": "Sta suonando…"
+    },
+    "profile": {
+        "avatar": "avatar",
+        "setDisplayNameLabel": "Nome",
+        "setEmailInput": "Inserisci email",
+        "setEmailLabel": "Email Gravatar",
+        "title": "Profilo"
+    },
+    "raisedHand": "Vorrebbe parlare",
+    "raisedHandsLabel": "Numero di mani alzate",
+    "record": {
+        "already": {
+            "linked": "La riunione è già collegata a questo oggetto Salesforce."
+        },
+        "type": {
+            "account": "Account",
+            "contact": "Contatto",
+            "lead": "Conduttore",
+            "opportunity": "Opportunità",
+            "owner": "Proprietario"
+        }
+    },
+    "recording": {
+        "authDropboxText": "Carica su Dropbox",
+        "availableSpace": "Spazio disponibile: {{spaceLeft}} MB (rimangono approssimativamente {{duration}} minuti di registrazione)",
+        "beta": "BETA",
+        "busy": "Stiamo cercando di liberare risorse per la registrazione. Si prega di riprovare tra qualche minuto.",
+        "busyTitle": "Tutti i registratori sono occupati",
+        "copyLink": "Copia collegamento",
+        "error": "Registrazione fallita. Si prega di riprovare.",
+        "errorFetchingLink": "Errore nel collegamento alla tua registrazione.",
+        "expandedOff": "Registrazione interrotta",
+        "expandedOn": "La registrazione della riunione è attiva.",
+        "expandedPending": "Avvio registrazione in corso…",
+        "failedToStart": "Impossibile avviare la registrazione",
+        "fileSharingdescription": "Condividi la registrazione con i partecipanti alla riunione",
+        "highlight": "Evidenzia",
+        "highlightMoment": "Evidenzia momento",
+        "highlightMomentDisabled": "Puoi evidenziare i momenti in cui inizia la registrazione",
+        "highlightMomentSuccess": "Momento evidenziato",
+        "highlightMomentSucessDescription": "Il tuo momento evidenziato sarà aggiunto al riepilogo della riunione.",
+        "inProgress": "Registrazione o diretta in corso",
+        "limitNotificationDescriptionNative": "La tua registrazione sarà limitata a {{limit}} minuti. Per registrazioni illimitate, prova <3>{{app}}</3>.",
+        "limitNotificationDescriptionWeb": "Per la grossa domanda la tua registrazione sarà limitata a {{limit}} minuti. Per registrazioni illimitate, prova <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "linkGenerated": "È stato generato un collegamento alla tua registrazione.",
+        "localRecordingNoNotificationWarning": "La registrazione non verrà annunciata ai partecipanti. Dovrai dir loro che la riunione viene registrata.",
+        "localRecordingNoVideo": "Il video non sta venendo registrato",
+        "localRecordingStartWarning": "Assicurati di interrompere la registrazione prima di uscire dalla riunione, altrimenti la registrazione non verrà salvata.",
+        "localRecordingStartWarningTitle": "Interrompi la registrazione per salvarla",
+        "localRecordingVideoStop": "Interrompere il video fermerà anche la registrazione. Vuoi continuare?",
+        "localRecordingVideoWarning": "Per registrare il video, deve essere già avviato prima dell'inizio della registrazione",
+        "localRecordingWarning": "Assicurati di aver selezionato la scheda corrente, per registrare gli audio e video corretti.",
+        "loggedIn": "Accesso effettuato come {{userName}}",
+        "noMicPermission": "La traccia del microfono non può essere creata. Si prega di concedere l'autorizzazione all'uso del microfono.",
+        "noStreams": "Audio e video non rilevati.",
+        "off": "Registrazione interrotta",
+        "offBy": "{{name}} ha interrotto la registrazione",
+        "on": "Registrazione avviata",
+        "onBy": "Registrazione avviata da {{name}}",
+        "onlyRecordSelf": "Registra solo i miei audio e video",
+        "pending": "Preparazione alla registrazione della riunione in corso...",
+        "policyError": "Hai provato a iniziare la registrazione troppo velocemente. Si prega di riprovare più tardi!",
+        "recordAudioAndVideo": "Registra audio e video",
+        "recordTranscription": "Registra trascrizione",
+        "saveLocalRecording": "Salva localmente il file della registrazione (Beta)",
+        "serviceDescription": "La tua registrazione verrà salvata dal servizio di registrazione",
+        "serviceDescriptionCloud": "Registrazione in rete",
+        "serviceDescriptionCloudInfo": "Le riunioni registrate vengono automaticamente cancellate 24 ore dopo la registrazione.",
+        "serviceName": "Servizio di registrazione",
+        "sessionAlreadyActive": "È già in corso una registrazione o una diretta per questa riunione.",
+        "showAdvancedOptions": "Opzioni avanzate",
+        "signIn": "Accedi",
+        "signOut": "Disconnetti",
+        "surfaceError": "Si prega di selezionare la scheda corrente.",
+        "title": "Registrazione",
+        "unavailable": "Ops! Il {{serviceName}} non è al momento disponibile. Stiamo lavorando per risolvere il problema. Si prega di riprovare più tardi.",
+        "unavailableTitle": "Registrazione non disponibile",
+        "uploadToCloud": "Carica nel cloud"
+    },
+    "screenshareDisplayName": "Schermo di {{name}}",
+    "sectionList": {
+        "pullToRefresh": "Trascina per aggiornare"
+    },
+    "security": {
+        "about": "Puoi aggiungere una $t(lockRoomPassword) alla riunione. I partecipanti dovranno inserire la $t(lockRoomPassword) per accedere alla riunione.",
+        "aboutReadOnly": "Gli organizzatori possono aggiungere una $t(lockRoomPassword) alla riunione. I partecipanti dovranno inserire la $t(lockRoomPassword) per accedere alla riunione.",
+        "insecureRoomNameWarningNative": "Il nome della riunione è troppo semplice. Partecipanti non desiderati potrebbero entrare nella riunione. {{recommendAction}} Per saperne di più sulla sicurezza della tua riunione ",
+        "insecureRoomNameWarningWeb": "Il nome della riunione è troppo semplice. Partecipanti non desiderati potrebbero entrare nella riunione. {{recommendAction}} Per saperne di più sulla sicurezza della tua riunione <a href=\"{{securityUrl}}\" rel=\"security\" target=\"_blank\">clicca qui</a>.",
+        "title": "Impostazioni di sicurezza",
+        "unsafeRoomActions": {
+            "meeting": "Considera di rendere più sicura la riunione usando il pulsante sicurezza.",
+            "prejoin": "Considera di rendere più sicura la riunione usando un nome più complesso.",
+            "welcome": "Considera di rendere più sicura la riunione usando un nome più complesso o scegline uno dai suggeriti."
+        }
+    },
+    "settings": {
+        "audio": "Audio",
+        "buttonLabel": "Impostazioni",
+        "calendar": {
+            "about": "L’integrazione del calendario con {{appName}} è usata per accedere in sicurezza al proprio calendario e poter leggere i prossimi eventi.",
+            "disconnect": "Disconnetti",
+            "microsoftSignIn": "Accedi con un account Microsoft",
+            "signedIn": "Accesso agli eventi del calendario per {{email}} in corso. Clicca sul pulsante Disconnetti per interrompere l’accesso agli eventi sul calendario.",
+            "title": "Calendario"
+        },
+        "chatWithPermissions": "La chat richiede il permesso",
+        "desktopShareFramerate": "Frequenza di aggiornamento condivisone schermo",
+        "desktopShareHighFpsWarning": "Una frequenza di aggiornamento della condivisione dello schermo più alta può influire sulla tua connessione. Devi riavviare la condivisione schermo, per applicare le modifiche.",
+        "desktopShareWarning": "Devi riavviare la condivisione schermo, per applicare le modifiche.",
+        "devices": "Dispositivi",
+        "followMe": "Tutti seguono te",
+        "followMeRecorder": "Il registratore segue te",
+        "framesPerSecond": "fotogrammi al secondo",
+        "incomingMessage": "Messaggio in arrivo",
+        "language": "Lingua",
+        "loggedIn": "Connesso come {{name}}",
+        "maxStageParticipants": "Numero massimo di partecipanti che possono essere messi in evidenza nella schermata principale",
+        "microphones": "Microfoni",
+        "moderator": "Relatore",
+        "moderatorOptions": "Opzioni relatore",
+        "more": "Generali",
+        "name": "Nome",
+        "noDevice": "Nessuno",
+        "notifications": "Notifiche",
+        "participantJoined": "Partecipante entrato",
+        "participantKnocking": "Partecipante in sala d'attesa",
+        "participantLeft": "Partecipante uscito",
+        "playSounds": "Suoni attivati",
+        "reactions": "Reazioni riunione",
+        "sameAsSystem": "Stesso del sistema ({{label}})",
+        "selectAudioOutput": "Uscita audio",
+        "selectCamera": "Videocamera",
+        "selectMic": "Microfono",
+        "selfView": "Tua immagine",
+        "shortcuts": "Scorciatoie",
+        "showSubtitlesOnStage": "Mostra sottotitoli in primo piano",
+        "speakers": "Altoparlanti",
+        "startAudioMuted": "Tutti iniziano a microfono spento",
+        "startReactionsMuted": "Spegni i suoni delle reazioni a tutti",
+        "startVideoMuted": "Tutti iniziano a videocamera disattivata",
+        "talkWhileMuted": "Parli a microfono spento",
+        "title": "Impostazioni",
+        "video": "Video"
+    },
+    "settingsView": {
+        "advanced": "Avanzate",
+        "alertCancel": "Annulla",
+        "alertOk": "OK",
+        "alertTitle": "Attenzione",
+        "alertURLText": "L'URL del server inserito non valido",
+        "apply": "Applica",
+        "buildInfoSection": "Versione",
+        "conferenceSection": "Riunione",
+        "disableCallIntegration": "Disattiva l'integrazione nativa delle chiamate",
+        "disableCrashReporting": "Disattiva la diagnostica dei crash",
+        "disableCrashReportingWarning": "Vuoi disattivare la diagnostica dei crash? Quest'impostazione verrà applicata al prossimo avvio dell'app.",
+        "disableP2P": "Disattiva la modalità Peer-to-Peer",
+        "displayName": "Nome visualizzato",
+        "displayNamePlaceholderText": "Es: Mario Rossi",
+        "email": "Email",
+        "emailPlaceholderText": "email@esempio.com",
+        "gavatarMessage": "Se la tua email è associata ad un account Gravatar, questo verrà usato per mostrare la tua immagine di profilo.",
+        "goTo": "Vai a",
+        "header": "Impostazioni",
+        "help": "Aiuto",
+        "links": "Collegamenti",
+        "privacy": "Privacy",
+        "profileSection": "Profilo",
+        "sdkVersion": "versione SDK",
+        "serverURL": "URL del server",
+        "showAdvanced": "Mostra impostazioni avanzate",
+        "startCarModeInLowBandwidthMode": "Avvia modalità auto in modalità larghezza di banda limitata",
+        "startWithAudioMuted": "Avvia con audio disattivato",
+        "startWithVideoMuted": "Avvia con video disattivato",
+        "terms": "Termini",
+        "version": "Versione"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nVuoi ascoltare la riunione da un telefono?\n\n{{defaultDialInNumber}}Clicca su questo link per vedere i numeri telefonici di questa riunione\n{{dialInfoPageUrl}}",
+        "mainText": "Fai click sul link seguente per partecipare alla riunione:\n{{roomUrl}}"
+    },
+    "speaker": "Relatore",
+    "speakerStats": {
+        "angry": "Arrabbiato",
+        "disgusted": "Disgustato",
+        "displayEmotions": "Mostra emozioni",
+        "fearful": "Spaventato",
+        "happy": "Contento",
+        "hours": "{{count}}h",
+        "labelTooltip": "Numero di partecipanti: {{count}}",
+        "minutes": "{{count}}m",
+        "name": "Nome",
+        "neutral": "Neutro",
+        "sad": "Triste",
+        "search": "Cerca",
+        "searchDescription": "Scrivi per filtrare i partecipanti",
+        "searchHint": "Cerca partecipanti",
+        "seconds": "{{count}}s",
+        "speakerStats": "Statistiche",
+        "speakerTime": "Tempo",
+        "surprised": "A bocca aperta"
+    },
+    "startupoverlay": {
+        "genericTitle": "Per la riunione devono essere usati il tuo microfono e la tua videocamera.",
+        "policyText": " ",
+        "title": "{{app}} ha bisogno di usare il tuo microfono e la tua videocamera."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Ricollegati",
+        "text": "Premi il pulsante <i>Ricollegati</i> per ricollegarti.",
+        "title": "La videochiamata si è interrotta perché il computer è stato sospeso."
+    },
+    "termsView": {
+        "title": "Termini"
+    },
+    "toggleTopPanelLabel": "Mostra scheda superiore",
+    "toolbar": {
+        "Settings": "Impostazioni",
+        "accessibilityLabel": {
+            "Settings": "Apri impostazioni",
+            "audioOnly": "Attiva solo audio",
+            "audioRoute": "Scegli il dispositivo audio",
+            "boo": "Buu",
+            "breakoutRooms": "Stanze",
+            "callQuality": "Imposta qualità del video",
+            "carmode": "Modalità auto",
+            "cc": "Mostra sottotitoli",
+            "chat": "Apri chat",
+            "clap": "Applaudi",
+            "closeChat": "Chiudi chat",
+            "closeMoreActions": "Chiudi menu avanzato",
+            "closeParticipantsPane": "Chiudi pannello partecipanti",
+            "closedCaptions": "Sottotitoli",
+            "collapse": "Riduci",
+            "document": "Mostra documenti condivisi",
+            "documentClose": "Chiudi documento condiviso",
+            "documentOpen": "Apri documento condiviso",
+            "download": "Scarica le nostre app",
+            "embedMeeting": "Incorpora riunione",
+            "endConference": "Termina la riunione per tutti",
+            "enterFullScreen": "Mostra a schermo intero",
+            "enterTileView": "Mostra vista a mosaico",
+            "exitFullScreen": "Esci dalla modalità a schermo intero",
+            "exitTileView": "Esci dalla vista a mosaico",
+            "expand": "Espandi",
+            "feedback": "Lascia un feedback",
+            "fullScreen": "Attiva modalità a schermo intero",
+            "giphy": "Mostra menu GIPHY",
+            "grantModerator": "Concedi permessi da relatore",
+            "hangup": "Lascia la riunione",
+            "heading": "Barra degli strumenti",
+            "help": "Aiuto",
+            "hideWhiteboard": "Nascondi lavagna",
+            "invite": "Invita partecipanti",
+            "kick": "Espelli partecipante",
+            "laugh": "Ridi",
+            "leaveConference": " Lascia riunione",
+            "like": "Mi piace",
+            "linkToSalesforce": "Collega a Salesforce",
+            "lobbyButton": "Attiva/disattiva sala d'attesa",
+            "localRecording": "Mostra controlli della registrazione",
+            "lockRoom": "Attiva/disattiva password della riunione",
+            "love": "Cuore",
+            "lowerHand": "Abbassa la mano",
+            "moreActions": "Avanzate",
+            "moreActionsMenu": "Menu avanzato",
+            "moreOptions": "Altre opzioni",
+            "mute": "Spegni microfono",
+            "muteEveryone": "Spegni il microfono a tutti",
+            "muteEveryoneElse": "Spegni il microfono a tutti gli altri",
+            "muteEveryoneElsesVideoStream": "Spegni la videocamera a tutti gli altri",
+            "muteEveryonesVideoStream": "Spegni la videocamera a tutti",
+            "muteGUMPending": "Connessione del microfono in corso",
+            "noiseSuppression": "Cancellazione del rumore (BETA)",
+            "openChat": "Apri chat",
+            "participants": "Apri pannello partecipanti. {{participantsCount}} partecipanti",
+            "pip": "Attiva modalità Picture-in-Picture",
+            "privateMessage": "Invia messaggio privato",
+            "profile": "Modifica profilo",
+            "raiseHand": "Alza la mano",
+            "react": "Reazione ai messaggi",
+            "reactions": "Reazioni",
+            "reactionsMenu": "Menu reazioni",
+            "recording": "Avvia registrazione",
+            "remoteMute": "Spegni microfono al partecipante",
+            "remoteVideoMute": "Spegni videocamera al partecipante",
+            "security": "Opzioni di sicurezza",
+            "selectBackground": "Scegli sfondo",
+            "selfView": "Mostra tua immagine",
+            "shareRoom": "Invita qualcuno",
+            "shareYourScreen": "Condivisione schermo",
+            "shareaudio": "Condividi audio",
+            "sharedvideo": "Condividi video",
+            "shortcuts": "Mostra scorciatoie",
+            "show": "Mostra in primo piano",
+            "showWhiteboard": "Mostra lavagna",
+            "silence": "Senza parole",
+            "speakerStats": "Mostra statistiche partecipanti",
+            "stopScreenSharing": "Interrompi condivisione dello schermo",
+            "stopSharedVideo": "Interrompi video",
+            "surprised": "A bocca aperta",
+            "tileView": "Mostra vista a mosaico",
+            "toggleCamera": "Cambia videocamera",
+            "toggleFilmstrip": "Mostra pellicola",
+            "unmute": "Attiva il microfono",
+            "videoblur": "Sfoca video",
+            "videomute": "Spegni videocamera",
+            "videomuteGUMPending": "Connessione della videocamera in corso",
+            "videounmute": "Accendi videocamera"
+        },
+        "addPeople": "Aggiungi partecipanti alla chiamata",
+        "advancedAudioSettings": {
+            "aec": {
+                "label": "Cancellazione dell'eco"
+            },
+            "agc": {
+                "label": "Controllo del guadagno automatico"
+            },
+            "ns": {
+                "label": "Cancellazione del rumore"
+            },
+            "stereo": {
+                "label": "Stereo"
+            }
+        },
+        "audioOnlyOff": "Disabilita modalità larghezza di banda limitata",
+        "audioOnlyOn": "Abilita modalità larghezza di banda limitata",
+        "audioRoute": "Scegli il dispositivo audio",
+        "audioSettings": "Impostazioni audio",
+        "authenticate": "Autenticazione",
+        "boo": "Buu",
+        "callQuality": "Imposta qualità video",
+        "chat": "Apri chat",
+        "clap": "Applaudi",
+        "closeChat": "Chiudi chat",
+        "closeParticipantsPane": "Chiudi pannello partecipanti",
+        "closeReactionsMenu": "Chiudi menu reazioni",
+        "closedCaptions": "Sottotitoli",
+        "disableNoiseSuppression": "Disattiva cancellazione del rumore (BETA)",
+        "disableReactionSounds": "Puoi disattivare i suoni delle reazioni in questa riunione",
+        "documentClose": "Chiudi documento condiviso",
+        "documentOpen": "Apri documento condiviso",
+        "download": "Scarica le nostre app",
+        "e2ee": "Crittografia End-to-End",
+        "embedMeeting": "Incorpora riunione",
+        "enableNoiseSuppression": "Attiva cancellazione del rumore (BETA)",
+        "endConference": "Termina la riunione per tutti",
+        "enterFullScreen": "Mostra a schermo intero",
+        "enterTileView": "Mostra vista a mosaico",
+        "exitFullScreen": "Esci dalla modalità a schermo intero",
+        "exitTileView": "Esci dalla vista a mosaico",
+        "feedback": "Lascia un feedback",
+        "giphy": "Menu GIPHY",
+        "hangup": "Lascia la riunione",
+        "help": "Aiuto",
+        "hideWhiteboard": "Nascondi lavagna",
+        "invite": "Invita partecipanti",
+        "joinBreakoutRoom": "Entra nella stanza",
+        "laugh": "Ridi",
+        "leaveBreakoutRoom": "Lascia stanza",
+        "leaveConference": " Lascia riunione",
+        "like": "Mi piace",
+        "linkToSalesforce": "Collega a Salesforce",
+        "lobbyButtonDisable": "Disattiva sala d'attesa",
+        "lobbyButtonEnable": "Abilita sala d'attesa",
+        "login": "Accedi",
+        "logout": "Disconnetti",
+        "love": "Cuore",
+        "lowerYourHand": "Abbassa la mano",
+        "moreActions": "Avanzate",
+        "moreOptions": "Altre opzioni",
+        "mute": "Spegni microfono",
+        "muteEveryone": "Spegni microfono a tutti",
+        "muteEveryonesVideo": "Spegni videocamera a tutti",
+        "muteGUMPending": "Connessione del microfono in corso",
+        "noAudioSignalDesc": "Se non l'hai disabilitato intenzionalmente nelle impostazioni di sistema o hardware, prova a cambiare dispositivo.",
+        "noAudioSignalDescSuggestion": "Se non l'hai disabilitato intenzionalmente nelle impostazioni di sistema o hardware, prova ad usare il dispositivo di consigliato.",
+        "noAudioSignalDialInDesc": "Puoi anche chiamare usando:",
+        "noAudioSignalDialInLinkDesc": "Numeri di telefono",
+        "noAudioSignalTitle": "Nessun suono rilevato dal tuo microfono!",
+        "noiseSuppression": "Cancellazione del rumore (BETA)",
+        "noisyAudioInputDesc": "Sembra che il tuo microfono faccia rumore, si prega di spegnerlo o cambiarlo.",
+        "noisyAudioInputTitle": "Il tuo microfono sembra fare rumore!",
+        "openChat": "Apri chat",
+        "openReactionsMenu": "Apri il menu reazioni",
+        "participants": "Partecipanti",
+        "pip": "Abilita modalità Picture-in-Picture",
+        "privateMessage": "Invia un messaggio privato",
+        "profile": "Modifica profilo",
+        "raiseHand": "Alza la mano",
+        "raiseYourHand": "Alza la mano",
+        "reactionBoo": "Invia Buu",
+        "reactionClap": "Invia Applauso",
+        "reactionHeart": "Invia Cuore",
+        "reactionLaugh": "Invia Risata",
+        "reactionLike": "Invia Mi piace",
+        "reactionLove": "Invia Love",
+        "reactionSilence": "Invia senza parole",
+        "reactionSurprised": "Invia a bocca aperta",
+        "reactions": "Reazioni",
+        "security": "Opzioni di sicurezza",
+        "selectBackground": "Scegli sfondo",
+        "shareRoom": "Invita qualcuno",
+        "shareaudio": "Condividi audio",
+        "sharedvideo": "Condividi video",
+        "shortcuts": "Visualizza scorciatoie",
+        "showWhiteboard": "Mostra lavagna",
+        "silence": "Senza parole",
+        "speakerStats": "Statistiche partecipanti",
+        "startScreenSharing": "Avvia la condivisione dello schermo",
+        "startSubtitles": "Avvia sottotitoli • {{language}}",
+        "stopAudioSharing": "Interrompi condivisione audio",
+        "stopScreenSharing": "Interrompi la condivisione dello schermo",
+        "stopSharedVideo": "Interrompi video",
+        "stopSubtitles": "Interrompi sottotitoli",
+        "surprised": "Sopreso",
+        "talkWhileMutedPopup": "Stai parlando? Il microfono è disattivato.",
+        "tileViewToggle": "Mostra vista a mosaico",
+        "toggleCamera": "Cambia videocamera",
+        "unmute": "Riattiva microfono",
+        "videoSettings": "Impostazioni video",
+        "videomute": "Spegni videocamera",
+        "videomuteGUMPending": "Connessione della videocamera in corso",
+        "videounmute": "Accendi videocamera"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Avvia sottotitoli",
+        "expandedLabel": "La trascrizione è attiva",
+        "failed": "Trascrizione non riuscita",
+        "labelTooltip": "La trascrizione della riunione è in corso.",
+        "labelTooltipExtra": "Inoltre, una trascrizione sarà disponibile in seguito.",
+        "openClosedCaptions": "Apri sottotitoli",
+        "original": "Originale",
+        "sourceLanguageDesc": "Al momento la riunione è in <b>{{sourceLanguage}}</b>. <br/> Puoi cambiare lingua da ",
+        "sourceLanguageHere": "qui",
+        "start": "Avvia visualizzazione sottotitoli",
+        "stop": "Interrompi visualizzazione sottotitoli",
+        "subtitles": "Sottotitoli",
+        "subtitlesOff": "Spenti",
+        "tr": "TR",
+        "translateTo": "Traduci in"
+    },
+    "unpinParticipant": "{{participantName}} - Disattiva in evidenza",
+    "userMedia": {
+        "grantPermissions": "Si prega di concedere l'autorizzazione ad usare videocamera e microfono."
+    },
+    "videoSIPGW": {
+        "busy": "Stiamo lavorando per liberare le risorse. Si prega di riprovare tra qualche minuto.",
+        "busyTitle": "Il servizio di riunione al momento è occupato",
+        "errorAlreadyInvited": "{{displayName}} già invitato",
+        "errorInvite": "Riunione non ancora iniziata. Si prega di riprovare più tardi.",
+        "errorInviteFailed": "Stiamo lavorando per risolvere il problema. Si prega di riprovare più tardi.",
+        "errorInviteFailedTitle": "Invito a {{displayName}} non riuscito",
+        "errorInviteTitle": "Errore nell'invito alla riunione",
+        "pending": "{{displayName}} è stato invitato"
+    },
+    "videoStatus": {
+        "adjustFor": "Ottimizza per:",
+        "audioOnly": "AUD",
+        "audioOnlyExpanded": "Hai attivato la modalità larghezza di banda limitata. In questa modalità riceverai solo l'audio e la condivisione dello schermo.",
+        "bestPerformance": "Prestazioni max.",
+        "callQuality": "Qualità video (0 per prestazioni massime, 3 per qualità massima)",
+        "hd": "HD",
+        "hdTooltip": "Il video è in alta definizione",
+        "highDefinition": "Alta definizione",
+        "highestQuality": "Qualità max.",
+        "labelTooiltipNoVideo": "Nessun video",
+        "labelTooltipAudioOnly": "Modalità larghezza di banda limitata attivata",
+        "ld": "LD",
+        "ldTooltip": "Il video è a bassa definizione",
+        "lowDefinition": "Bassa definizione",
+        "performanceSettings": "Impostazioni prestazioni",
+        "recording": "Questa riunione sta venendo registrata.",
+        "sd": "SD",
+        "sdTooltip": "Il video è in definizione standard",
+        "standardDefinition": "Definizione standard",
+        "streaming": "Trasmissione in corso"
+    },
+    "videothumbnail": {
+        "connectionInfo": "Informazioni connessione",
+        "demote": "Fai diventare spettatore",
+        "domute": "Disattiva microfono",
+        "domuteDesktop": "Interrompi la condivisione dello schermo",
+        "domuteDesktopOfOthers": "Interrompi la condivisione dello schermo agli altri",
+        "domuteOthers": "Disattiva microfono a tutti gli altri",
+        "domuteVideo": "Disattiva videocamera",
+        "domuteVideoOfOthers": "Disattiva videocamera a tutti gli altri",
+        "flip": "Specchia",
+        "grantModerator": "Concedi permessi da relatore",
+        "hideSelfView": "Nascondi la tua immagine",
+        "kick": "Espelli",
+        "mirrorVideo": "Specchia il tuo video",
+        "moderator": "Relatore",
+        "mute": "Il partecipante ha il microfono spento",
+        "muted": "Microfono spento",
+        "pinToStage": "Metti in primo piano",
+        "remoteControl": "Avvia controllo remoto",
+        "screenSharing": "Il partecipante sta condividendo lo schermo",
+        "show": "Mostra in primo piano",
+        "showSelfView": "Mostra la tua immagine",
+        "unpinFromStage": "Non più in primo piano",
+        "verify": "Verifica partecipante",
+        "videoMuted": "Videocamera disattivata",
+        "videomute": "Il partecipante ha la spento la videocamera"
+    },
+    "virtualBackground": {
+        "accessibilityLabel": {
+            "currentBackground": "Sfondo attuale: {{background}}",
+            "selectBackground": "Seleziona uno sfondo"
+        },
+        "addBackground": "Aggiungi sfondo",
+        "apply": "Applica",
+        "backgroundEffectError": "L'applicazione dell'effetto allo sfondo non riuscita.",
+        "blur": "Sfocatura",
+        "deleteImage": "Cancella immagine",
+        "desktopShare": "Condivisione desktop",
+        "desktopShareError": "Impossibile condividere il desktop",
+        "image1": "Spiaggia",
+        "image2": "Parete bianca neutra",
+        "image3": "Stanza bianca vuota",
+        "image4": "Lampada da pavimento nera",
+        "image5": "Montagna",
+        "image6": "Foresta",
+        "image7": "Alba",
+        "none": "Nessuno",
+        "pleaseWait": "Si prega di attendere…",
+        "removeBackground": "Rimuovi sfondo",
+        "slightBlur": "Sfocatura leggera",
+        "title": "Sfondi virtuali",
+        "uploadedImage": "Immagine caricata {{index}}",
+        "webAssemblyWarning": "Il WebAssembly non è supportato",
+        "webAssemblyWarningDescription": "Il WebAssembly è disabilitato o non è supportato da questo browser"
+    },
+    "visitors": {
+        "chatIndicator": "(spettatore)",
+        "joinMeeting": {
+            "description": "Adesso sei uno spettatore in questa riunione.",
+            "raiseHand": "Alza la mano",
+            "title": "Ingresso nella riunione in corso",
+            "wishToSpeak": "Se vuoi parlare, si prega di alzare la mano sotto e aspettare l'autorizzazione del relatore."
+        },
+        "labelTooltip": "Numero di spettatori: {{count}}",
+        "notification": {
+            "demoteDescription": "Fatto diventare spettatore da {{actor}}, alza la mano per intervenire",
+            "noMainParticipantsDescription": "Un partecipante deve iniziare la riunione. Si prega di riprovare più tardi.",
+            "noMainParticipantsTitle": "La riunione non è ancora iniziata.",
+            "noVisitorLobby": "Non puoi partecipare se la sala d'attesa è attiva per la riunione.",
+            "notAllowedPromotion": "Un partecipante deve autorizzare la tua richiesta prima.",
+            "requestToJoin": "Mano alzata",
+            "requestToJoinDescription": "La tua richiesta è stata inviata ai relatori. Tieni duro!",
+            "title": "Sei uno spettatore nella riunione"
+        },
+        "waitingMessage": "Ti unirai alla riunione quando inizierà!"
+    },
+    "volumeSlider": "Barra del volume",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Tocca per accedere",
+            "roomname": "Inserisci nome riunione"
+        },
+        "addMeetingName": "Aggiungi nome riunione",
+        "appDescription": "Avvia una videochiamata con tutto il gruppo. Invita tutti quelli che conosci. {{app}} è una soluzione per effettuare videoconferenze totalmente crittografata, 100% open source, che puoi usare sempre, ogni giorno, gratuitamente – senza bisogno di un account.",
+        "audioVideoSwitch": {
+            "audio": "Voce",
+            "video": "Video"
+        },
+        "calendar": "Calendario",
+        "connectCalendarButton": "Collega calendario",
+        "connectCalendarText": "Collega il tuo calendario per vedere tutte le riunioni dentro {{app}}. Poi, aggiungi {{provider}} di riunione al tuo calendario per avviarle con un clic.",
+        "enterRoomTitle": "Avvia una nuova riunione",
+        "getHelp": "Ottieni aiuto",
+        "go": "VAI",
+        "goSmall": "VAI",
+        "headerSubtitle": "Riunioni sicure e di alta qualità",
+        "headerTitle": "Jitsi Meet",
+        "info": "Informazioni chiamata",
+        "jitsiOnMobile": "Jitsi su mobile – scarica le nostre applicazioni e dai inizio ad una riunione dovunque tu sia",
+        "join": "CREA/UNISCITI",
+        "logo": {
+            "calendar": "Logo calendario",
+            "desktopPreviewThumbnail": "Miniatura anteprima del desktop",
+            "googleLogo": "Logo Google",
+            "logoDeepLinking": "Logo Jitsi meet",
+            "microsoftLogo": "Logo Microsoft",
+            "policyLogo": "Logo politica"
+        },
+        "meetingsAccessibilityLabel": "Riunioni",
+        "mobileDownLoadLinkAndroid": "Scarica applicazione per Android",
+        "mobileDownLoadLinkFDroid": "Scarica applicazione da F-Droid",
+        "mobileDownLoadLinkIos": "Scarica applicazione per iOS",
+        "moderatedMessage": "O <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">prepara un URL di riunione</a> in anticipo, quando sei l'unico organizzatore.",
+        "privacy": "Privacy",
+        "recentList": "Recenti",
+        "recentListDelete": "Cancella",
+        "recentListEmpty": "La lista delle riunioni recenti è vuota. Parla con il tuo gruppo e troverai tutte le riunioni recenti qui.",
+        "recentMeetings": "Riunioni recenti",
+        "reducedUIText": "Benvenuto in {{app}}!",
+        "roomNameAllowedChars": "Il nome della riunione non deve contenere questi caratteri: ?, &, :, ', \", %, #.",
+        "roomname": "Inserisci il nome della riunione",
+        "roomnameHint": "Inserisci il nome o l'URL della riunione a cui vuoi accedere. Puoi anche inventarti un nome, assicurati solo che le persone con cui vuoi collegarti lo conoscano, così che possano inserire lo stesso nome.",
+        "sendFeedback": "Invia feedback",
+        "settings": "Impostazioni",
+        "startMeeting": "Avvia riunione",
+        "terms": "Termini di utilizzo",
+        "title": "Il sistema di videoconferenza sicuro, funzionale e completamente gratuito.",
+        "upcomingMeetings": "Prossime riunioni"
+    },
+    "whiteboard": {
+        "accessibilityLabel": {
+            "heading": "Lavagna"
+        },
+        "screenTitle": "Lavagna"
+    }
+}
diff --git a/lang/main-ja.json b/lang/main-ja.json
new file mode 100644
index 0000000..2c2ab62
--- /dev/null
+++ b/lang/main-ja.json
@@ -0,0 +1,1258 @@
+{
+    "addPeople": {
+        "add": "招待",
+        "addContacts": "連絡先の人を招待する",
+        "contacts": "連絡先",
+        "copyInvite": "ミーティングの招待状をコピー",
+        "copyLink": "ミーティングのリンクをコピー",
+        "copyStream": "ライブ配信のリンクをコピー",
+        "countryNotSupported": "私たちはこの宛先をまだサポートしていません。",
+        "countryReminder": "米国外の番号に通話しますか? 国コードで始まることを確認してください!",
+        "defaultEmail": "あなたの既定のメール",
+        "disabled": "人を招待することはできません。",
+        "failedToAdd": "参加者の追加に失敗しました。",
+        "footerText": "ダイヤルアウトが無効です。",
+        "googleEmail": "Gmail",
+        "inviteMoreHeader": "このミーティングにいるのは、あなただけです",
+        "inviteMoreMailSubject": "{{appName}} のミーティングに参加してください",
+        "inviteMorePrompt": "もっと多くの人を招待しましょう",
+        "linkCopied": "クリップボードにリンクをコピーしました",
+        "noResults": "一致する検索結果がありません",
+        "outlookEmail": "Outlook メール",
+        "phoneNumbers": "電話番号",
+        "searching": "検索中…",
+        "shareInvite": "ミーティングの招待状を共有",
+        "shareLink": "ミーティングへのリンクを共有して、他の人を招待しましょう",
+        "shareStream": "ライブ配信へのリンクを共有する",
+        "sipAddresses": "SIP アドレス",
+        "telephone": "電話: {{number}}",
+        "title": "このミーティングに人を招待する",
+        "yahooEmail": "Yahoo! メール"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "headphones": "ヘッドフォン",
+        "none": "利用可能なオーディオデバイスがありません",
+        "phone": "電話",
+        "speaker": "スピーカー"
+    },
+    "audioOnly": {
+        "audioOnly": "音声のみ"
+    },
+    "blankPage": {
+        "meetingEnded": "ミーティングは終了しています。"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "ブレイクアウトルームを追加",
+            "autoAssign": "ブレイクアウトルームに自動割り当て",
+            "close": "閉じる",
+            "join": "参加",
+            "leaveBreakoutRoom": "ブレイクアウトルームを退出",
+            "more": "More",
+            "remove": "削除",
+            "sendToBreakoutRoom": "参加者を移動:"
+        },
+        "defaultName": "ブレイクアウトルーム #{{index}}",
+        "mainRoom": "メインルーム",
+        "notifications": {
+            "joined": "ブレイクアウトルーム \"{{name}}\" に参加しています",
+            "joinedMainRoom": "メインルームに参加しています",
+            "joinedTitle": "ブレイクアウトルーム"
+        }
+    },
+    "calendarSync": {
+        "addMeetingURL": "ミーティングのリンクを追加する",
+        "confirmAddLink": "このイベントに Jitsi のリンクを追加しますか?",
+        "error": {
+            "appConfiguration": "カレンダー統合が正しく設定されていません。",
+            "generic": "エラーが発生しました。カレンダーの設定を確認するか、カレンダーを更新してください。",
+            "notSignedIn": "カレンダーを確認するための認証中にエラーが発生しました。カレンダーの設定を確認し、ログインし直してください。"
+        },
+        "join": "参加",
+        "joinTooltip": "ミーティングに参加する",
+        "nextMeeting": "次のミーティング",
+        "noEvents": "今後予定されているイベントはありません。",
+        "ongoingMeeting": "ミーティング中",
+        "permissionButton": "設定を開く",
+        "permissionMessage": "アプリにミーティングを表示するには、カレンダーのアクセス許可が必要です。",
+        "refresh": "カレンダーを更新する",
+        "today": "今日"
+    },
+    "chat": {
+        "enter": "ルームに入る",
+        "error": "エラー: メッセージは送信されませんでした。原因: {{error}}",
+        "fieldPlaceHolder": "ここにメッセージを入力してください",
+        "message": "メッセージ",
+        "messageAccessibleTitle": "{{user}} の発言:",
+        "messageAccessibleTitleMe": "自分の発言:",
+        "messageTo": "{{recipient}} へのプライベートメッセージ",
+        "messagebox": "メッセージを入力してください",
+        "nickname": {
+            "popover": "ニックネームを入力",
+            "title": "チャットで使用するニックネームを入力してください",
+            "titleWithPolls": "チャットと投票で使用するニックネームを入力してください"
+        },
+        "noMessagesMessage": "このミーティングにはまだメッセージがありません。会話を開始してください!",
+        "privateNotice": "{{recipient}} へのプライベートメッセージ",
+        "sendButton": "送信",
+        "smileysPanel": "絵文字パネル",
+        "tabs": {
+            "chat": "チャット",
+            "polls": "投票"
+        },
+        "title": "チャット",
+        "titleWithPolls": "チャットと投票",
+        "you": "あなた"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Chrome の機能拡張をインストール",
+        "close": "閉じる",
+        "dontShowAgain": "このメッセージを再度表示しない",
+        "installExtensionText": "Google カレンダーと Office 365 統合のための拡張機能をインストールしてください"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "ミーティングに参加しています…"
+    },
+    "connection": {
+        "ATTACHED": "アタッチされました",
+        "AUTHENTICATING": "認証中",
+        "AUTHFAIL": "認証に失敗しました",
+        "CONNECTED": "接続されました",
+        "CONNECTING": "接続中",
+        "CONNFAIL": "接続に失敗しました",
+        "DISCONNECTED": "切断されました",
+        "DISCONNECTING": "切断しています",
+        "ERROR": "エラー",
+        "FETCH_SESSION_ID": "セッションIDの取得中…",
+        "GET_SESSION_ID_ERROR": "セッションIDの取得エラー: {{code}}",
+        "GOT_SESSION_ID": "セッションIDの取得中… 完了",
+        "LOW_BANDWIDTH": "帯域節約のため、{{displayName}} のビデオがオフになりました"
+    },
+    "connectionindicator": {
+        "address": "アドレス:",
+        "audio_ssrc": "オーディオ SSRC:",
+        "bandwidth": "推定帯域幅",
+        "bitrate": "ビットレート:",
+        "bridgeCount": "サーバー数:",
+        "codecs": "コーデック (A/V): ",
+        "connectedTo": "接続先:",
+        "framerate": "フレームレート:",
+        "less": "表示を減らす",
+        "localaddress": "ローカルアドレス:",
+        "localaddress_plural": "ローカルアドレス:",
+        "localport": "ローカルポート:",
+        "localport_plural": "ローカルポート:",
+        "maxEnabledResolution": "最大を送信",
+        "more": "表示を増やす",
+        "packetloss": "パケットロス:",
+        "participant_id": "参加者 ID:",
+        "quality": {
+            "good": "良い",
+            "inactive": "休止中",
+            "lost": "ロスト",
+            "nonoptimal": "最適ではない",
+            "poor": "悪い"
+        },
+        "remoteaddress": "リモートアドレス:",
+        "remoteaddress_plural": "リモートアドレス:",
+        "remoteport": "リモートポート:",
+        "remoteport_plural": "リモートポート:",
+        "resolution": "解像度:",
+        "savelogs": "ログの保存",
+        "status": "接続状態:",
+        "transport": "トランスポート:",
+        "transport_plural": "トランスポート:",
+        "video_ssrc": "ビデオ SSRC:"
+    },
+    "dateUtils": {
+        "earlier": "その前",
+        "today": "今日",
+        "yesterday": "昨日"
+    },
+    "deepLinking": {
+        "appNotInstalled": "あなたのスマートフォンでこのミーティングに参加するには、{{app}} モバイルアプリが必要です。",
+        "description": "何も起こりませんでしたか? {{app}} デスクトップアプリでミーティングを開始しようとしました。再度試してみるか、{{app}} Webアプリで起動してください。",
+        "descriptionWithoutWeb": "何も起こりませんでしたか? {{app}} デスクトップアプリでミーティングを開始しようとしました。",
+        "downloadApp": "アプリのダウンロード",
+        "ifDoNotHaveApp": "まだこのアプリを持っていない場合:",
+        "ifHaveApp": "すでにこのアプリを持っている場合:",
+        "joinInApp": "アプリでミーティングに参加",
+        "launchWebButton": "Web 版を起動",
+        "title": "{{app}} でミーティングを開始しています…",
+        "tryAgainButton": "デスクトップでもう一度お試しください",
+        "unsupportedBrowser": "我々がサポートしていないブラウザをお使いのようです。"
+    },
+    "defaultLink": "例: {{url}}",
+    "defaultNickname": "例: Jane Pink",
+    "deviceError": {
+        "cameraError": "カメラへのアクセスに失敗しました",
+        "cameraPermission": "カメラの権限を取得する際にエラー",
+        "microphoneError": "マイクへのアクセスに失敗しました",
+        "microphonePermission": "マイクの権限を取得する際にエラー"
+    },
+    "deviceSelection": {
+        "noPermission": "許可されていません",
+        "previewUnavailable": "プレビューを利用できません",
+        "selectADevice": "デバイスを選択",
+        "testAudio": "テストサウンドを再生"
+    },
+    "dialOut": {
+        "statusMessage": "は現在 {{status}} です"
+    },
+    "dialog": {
+        "Back": "戻る",
+        "Cancel": "キャンセル",
+        "IamHost": "私はホストです",
+        "Ok": "OK",
+        "Remove": "除去",
+        "Share": "共有",
+        "Submit": "投稿",
+        "WaitForHostMsg": "ミーティング はまだ開始されていません。あなたがホストの場合は、認証を行ってください。それ以外の場合は、ホストの到着をお待ちください。",
+        "WaitingForHostTitle": "ホストの到着を待っています…",
+        "Yes": "はい",
+        "accessibilityLabel": {
+            "liveStreaming": "ライブ配信"
+        },
+        "add": "追加",
+        "allow": "許可",
+        "alreadySharedVideoMsg": "他の参加者がすでに動画を共有しています。このミーティングは同時に一つの動画のみ共有可能です。",
+        "alreadySharedVideoTitle": "同時に1つの共有動画のみが許可されます",
+        "applicationWindow": "アプリケーションウィンドウ",
+        "authenticationRequired": "認証が必要",
+        "cameraConstraintFailedError": "あなたのカメラは、必要な制約のいくつかを満たしていません。",
+        "cameraNotFoundError": "カメラが見つかりませんでした。",
+        "cameraNotSendingData": "あなたのカメラにアクセスすることができません。他のアプリケーションがこのデバイスを使用しているかどうかを確認し、設定メニューから別のデバイスを選択するか、アプリケーションをリロードしてみてください。",
+        "cameraNotSendingDataTitle": "カメラにアクセスできません",
+        "cameraPermissionDeniedError": "あなたはカメラを使用する許可を与えていません。あなたはまだミーティングに参加することができますが、他の参加者はあなたを見ることはできません。この問題を解決するには、アドレスバーのカメラボタンを使用します。",
+        "cameraTimeoutError": "ビデオを開始できませんでした。タイムアウトが発生しました",
+        "cameraUnknownError": "不明な理由でカメラが使用できません。",
+        "cameraUnsupportedResolutionError": "お使いのカメラは、必要なビデオ解像度をサポートしていません。",
+        "close": "閉じる",
+        "conferenceDisconnectMsg": "ネットワーク接続を確認することができます。{{seconds}} 秒以内に再接続します…",
+        "conferenceDisconnectTitle": "あなたは切断されました。",
+        "conferenceReloadMsg": "私たちはこれを解決しようとしています。{{seconds}} 秒以内に再接続します…",
+        "conferenceReloadTitle": "残念ながら、何か問題が発生しています。",
+        "confirm": "確認",
+        "confirmNo": "いいえ",
+        "confirmYes": "はい",
+        "connectError": "おっと! 何かがうまくいかず、ミーティングに接続できませんでした。",
+        "connectErrorWithMsg": "おっと! 何か問題が発生し、ミーティングに接続できませんでした: {{msg}}",
+        "connecting": "接続中",
+        "contactSupport": "サポート問い合わせ先",
+        "copied": "コピー済み",
+        "copy": "コピー",
+        "dismiss": "閉じる",
+        "displayNameRequired": "こんにちは! あなたの名前は?",
+        "done": "完了",
+        "e2eeDescription": "エンドツーエンドの暗号化は現在実験中です。エンドツーエンドの暗号化を有効にすると、電話による参加のようなサーバサイドで提供されるサービスが実質的に無効となることに注意してください。また、ミーティングは Insertable Streams をサポートするブラウザーから参加する人にのみ機能することにも注意してください。",
+        "e2eeDisabledDueToMaxModeDescription": "ミーティングの参加者が多すぎてエンドツーエンドの暗号化を有効にできません。",
+        "e2eeLabel": "エンドツーエンドの暗号化を有効",
+        "e2eeWarning": "警告: このミーティング内には、エンドツーエンドの暗号化をサポートしていない参加者がいるようです。この機能を有効にすると、この人たちは何も視聴できなくなるでしょう。",
+        "e2eeWillDisableDueToMaxModeDescription": "警告: ミーティングへの参加者が一定数以上に増えた場合、エンドツーエンドの暗号化は自動的に無効になります。",
+        "embedMeeting": "ミーティングの埋め込み",
+        "enterDisplayName": "あなたの名前を入力してください",
+        "error": "エラー",
+        "gracefulShutdown": "現在、メンテナンスのためサービスが停止しています。後でもう一度お試しください。",
+        "grantModeratorDialog": "{{participantName}} をモデレーターにします。よろしいですか?",
+        "grantModeratorTitle": "モデレーター権限の付与",
+        "hideShareAudioHelper": "このダイアログを再び表示しないでください",
+        "incorrectPassword": "ユーザーネームまたはパスワードが違います",
+        "incorrectRoomLockPassword": "間違ったパスワード",
+        "internalError": "おっと! 何かの問題が発生しました。次のエラーが発生しました: {{error}}",
+        "internalErrorTitle": "内部エラー",
+        "kickMessage": "詳細は、{{participantDisplayName}} にお問い合わせください。",
+        "kickParticipantButton": "追放",
+        "kickParticipantDialog": "この参加者を追放します。よろしいですか?",
+        "kickParticipantTitle": "この参加者を追放しますか?",
+        "kickTitle": "ぎゃ! {{participantDisplayName}} があなたをこのミーティングから追放しました",
+        "liveStreaming": "ライブ配信",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "録画中は利用できません",
+        "liveStreamingDisabledTooltip": "ライブ配信の無効化を開始しました。",
+        "localUserControls": "ローカルユーザーコントロール",
+        "lockMessage": "ミーティングをロックできませんでした。",
+        "lockRoom": "ミーティング $t(lockRoomPassword) を追加",
+        "lockTitle": "ロックに失敗しました",
+        "login": "ログイン",
+        "logoutQuestion": "ログアウトしてミーティングを停止してもよろしいですか?",
+        "logoutTitle": "ログアウト",
+        "maxUsersLimitReached": "参加者数が上限に達しました。このミーティングは満員です。ミーティングの主催者にお問い合わせするか、後でもう一度お試しください!",
+        "maxUsersLimitReachedTitle": "参加者数の上限に達しました",
+        "micConstraintFailedError": "あなたのマイクは、必要な要件のいくつかを満たしていません。",
+        "micNotFoundError": "マイクが見つかりませんでした。",
+        "micNotSendingData": "コンピューターの設定に進み、マイクのミュート解除とレベルの調整を行ってください",
+        "micNotSendingDataTitle": "あなたのマイクはシステム設定によりミュートされています",
+        "micPermissionDeniedError": "マイクを使用する権限がありません。あなたはまだミーティングに参加することができますが、他の人はあなたの声を聞けません。この問題を解決するには、アドレスバーのカメラボタンを使用します。",
+        "micTimeoutError": "音声を開始できませんでした。タイムアウトが発生しました!",
+        "micUnknownError": "不明な理由により、マイクを使用することはできません。",
+        "moderationAudioLabel": "参加者が自分でミュートを解除できるようにします",
+        "moderationVideoLabel": "参加者が自分でビデオを開始できるようにします",
+        "muteEveryoneDialog": "参加者はいつでも自分自身のミュートを解除することができます。",
+        "muteEveryoneDialogModerationOn": "参加者はいつでも発言のリクエストを送ることができます。",
+        "muteEveryoneElseDialog": "一度ミュートすると、あなたはミュートを解除できなくなりますが、彼らはいつでも自分自身のミュートを解除することができます。",
+        "muteEveryoneElseTitle": "{{whom}} を除いて、全員をミュートしますか?",
+        "muteEveryoneElsesVideoDialog": "カメラを無効にした場合、あなたが再び有効にする事はできませんが、相手側はいつでも有効にする事ができます",
+        "muteEveryoneElsesVideoTitle": "{{whom}} を除いて、全員のビデオを停止しますか ?",
+        "muteEveryoneSelf": "あなた自身",
+        "muteEveryoneStartMuted": "今から全員のミュートを開始",
+        "muteEveryoneTitle": "全員をミュートしますか?",
+        "muteEveryonesVideoDialog": "参加者はいつでもビデオを有効に戻す事ができます",
+        "muteEveryonesVideoDialogModerationOn": "参加者はいつでもビデオを有効にするリクエストを送ることができます。",
+        "muteEveryonesVideoDialogOk": "無効",
+        "muteEveryonesVideoTitle": "全員のビデオを停止にしますか?",
+        "muteParticipantBody": "あなたがミュートを解除することはできなくなりますが、彼らはいつでも自分自身のミュートを解除することができます。",
+        "muteParticipantButton": "ミュート",
+        "muteParticipantsVideoBody": "あなたがカメラを有効に戻す事はできませんが、彼らはいつでも戻す事ができます",
+        "muteParticipantsVideoBodyModerationOn": "あなたはカメラを有効に戻す事ができませんし、彼らも同様にできなくなります。",
+        "muteParticipantsVideoButton": "ビデオ停止",
+        "muteParticipantsVideoDialog": "この参加者のカメラを無効にします。よろしいですか? あなたがカメラを有効に戻すことはできなくなりますが、彼らはいつでも自分のカメラを有効に戻すことができます。",
+        "muteParticipantsVideoDialogModerationOn": "この参加者のカメラを無効にします。よろしいですか？あなたはカメラを有効に戻すことができなくなりますし、彼らも同様にできなくなります。",
+        "muteParticipantsVideoTitle": "この参加者のカメラを無効にしますか?",
+        "noDropboxToken": "有効な Dropbox のトークンがありません",
+        "password": "パスワード",
+        "passwordLabel": "このミーティングは、参加者によりロックされました。参加するには、$t(lockRoomPassword) を入力してください。",
+        "passwordNotSupported": "ミーティング $t(lockRoomPassword) の設定はサポートされていません。",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) はサポートされていません。",
+        "passwordRequired": "$t(lockRoomPasswordUppercase) が必要です",
+        "permissionCameraRequiredError": "ビデオを使ったミーティングに参加するにはカメラの権限が必要です。 設定で許可してください",
+        "permissionErrorTitle": "アクセス権限が必要です",
+        "permissionMicRequiredError": "音声付きのミーティングに参加するにはマイクの権限が必要です。 設定で許可してください",
+        "popupError": "あなたのブラウザーはこのサイトからのポップアップウィンドウをブロックしています。ブラウザーのセキュリティ設定でポップアップを有効にしてから、もう一度お試しください。",
+        "popupErrorTitle": "ポップアップがブロックされました",
+        "readMore": "続き",
+        "recording": "録画",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "ライブ配信がアクティブの間は録画できません",
+        "recordingDisabledTooltip": "録画の開始は無効化されています。",
+        "rejoinNow": "今すぐ再参加",
+        "remoteControlAllowedMessage": "{{user}} はあなたのリモートコントロール要求を受け入れました!",
+        "remoteControlDeniedMessage": "{{user}} はあなたのリモートコントロール要求を拒否しました!",
+        "remoteControlErrorMessage": "リモートコントロールのアクセス許可を {{user}} から要求しようとしているときにエラーが発生しました!",
+        "remoteControlRequestMessage": "{{user}} にデスクトップのリモートコントロールを許可しますか?",
+        "remoteControlShareScreenWarning": "「許可」を押すと画面を共有することに注意してください!",
+        "remoteControlStopMessage": "リモートコントロールセッションが終了しました!",
+        "remoteControlTitle": "リモートデスクトップコントロール",
+        "remoteUserControls": "{{username}} のリモートユーザーコントロール",
+        "removePassword": "$t(lockRoomPassword) を削除",
+        "removeSharedVideoMsg": "共有動画を削除してもよろしいですか?",
+        "removeSharedVideoTitle": "共有動画を削除する",
+        "reservationError": "予約システムエラー",
+        "reservationErrorMsg": "エラーコード: {{code}}, メッセージ: {{msg}}",
+        "retry": "再試行",
+        "screenSharingAudio": "音声の共有",
+        "screenSharingFailed": "おっと! 何かがうまくいかず、画面の共有を開始できませんでした!",
+        "screenSharingFailedTitle": "画面の共有に失敗しました!",
+        "screenSharingPermissionDeniedError": "おっと! 画面の共有の許可で何か問題が発生しました。再読み込みしてもう一度お試しください。",
+        "sendPrivateMessage": "あなたは先ほどプライベートメッセージを受信しています。プライベートで返信するつもりでしたか? それともグループに送信したいですか?",
+        "sendPrivateMessageCancel": "グループに送信",
+        "sendPrivateMessageOk": "プライベートに送信",
+        "sendPrivateMessageTitle": "プライベートに送信しますか?",
+        "serviceUnavailable": "サービスは利用できません",
+        "sessTerminated": "通話が終了しました",
+        "sessionRestarted": "接続に問題があったので通話を再接続しました。",
+        "shareAudio": "続行",
+        "shareAudioTitle": "音声を共有する方法",
+        "shareAudioWarningD1": "音声を共有する前に、画面共有を停止する必要があります。",
+        "shareAudioWarningD2": "画面共有を再起動させて、\"音声の共有\"オプションをチェックしてください。",
+        "shareAudioWarningH1": "音声だけを共有したいときは:",
+        "shareAudioWarningTitle": "音声を共有する前に画面の共有を停止する必要があります",
+        "shareMediaWarningGenericH2": "画面と音声を共有したいときは、",
+        "shareScreenWarningD1": "画面の共有を開始する前に、音声の共有を停止してください。",
+        "shareScreenWarningD2": "音声の共有を停止し、\"音声の共有\"オプションをチェックして画面共有を開始してください。",
+        "shareScreenWarningH1": "画面だけを共有したいときは:",
+        "shareScreenWarningTitle": "画面を共有する前に、音声の共有を停止する必要があります",
+        "shareVideoLinkError": "動画への正しいリンクを提供してください。",
+        "shareVideoTitle": "動画を共有する",
+        "shareYourScreen": "画面を共有する",
+        "shareYourScreenDisabled": "画面の共有が無効になりました。",
+        "sharedVideoDialogError": "Error: 不正なURLです",
+        "sharedVideoLinkPlaceholder": "YouTube リンク または動画への直接リンク",
+        "startLiveStreaming": "ライブ配信を開始",
+        "startRecording": "録画を開始",
+        "startRemoteControlErrorMessage": "リモートコントロールセッションの開始中にエラーが発生しました。",
+        "stopLiveStreaming": "ライブ配信を停止する",
+        "stopRecording": "録画を停止する",
+        "stopRecordingWarning": "録画を停止してもよろしいですか?",
+        "stopStreamingWarning": "ライブ配信を停止してもよろしいですか?",
+        "streamKey": "ストリームキー",
+        "thankYou": "{{appName}} を使用していただきありがとうございます!",
+        "token": "トークン",
+        "tokenAuthFailed": "申し訳ありませんが、この通話に参加することはできません。",
+        "tokenAuthFailedTitle": "認証に失敗しました",
+        "transcribing": "文字起こし",
+        "unlockRoom": "ミーティング $t(lockRoomPassword) を削除",
+        "user": "ユーザー",
+        "userIdentifier": "ユーザーID",
+        "userPassword": "ユーザーパスワード",
+        "videoLink": "動画リンク",
+        "viewUpgradeOptions": "アップグレードオプションを見る",
+        "viewUpgradeOptionsContent": "録画、文字起こし、RTMP ストリーミングなどのプレミアム機能を無制限に利用するには、プランをアップグレードする必要があります。",
+        "viewUpgradeOptionsTitle": "プレミアム機能を発見しました!",
+        "yourEntireScreen": "あなたの画面全体"
+    },
+    "documentSharing": {
+        "title": "共有文書"
+    },
+    "e2ee": {
+        "labelToolTip": "この通話の音声やビデオによるやりとりは、エンドツーエンドで暗号化されています"
+    },
+    "embedMeeting": {
+        "title": "このミーティングを埋め込む"
+    },
+    "feedback": {
+        "average": "普通",
+        "bad": "悪い",
+        "detailsLabel": "もっと教えてください。",
+        "good": "良い",
+        "rateExperience": "ミーティングの満足度を評価してください",
+        "star": "星",
+        "veryBad": "とても悪い",
+        "veryGood": "とても良い"
+    },
+    "helpView": {
+        "title": "ヘルプセンター"
+    },
+    "incomingCall": {
+        "answer": "応答",
+        "audioCallTitle": "音声通話着信",
+        "decline": "拒否",
+        "productLabel": "Jitsi Meet からの",
+        "videoCallTitle": "ビデオ通話着信"
+    },
+    "info": {
+        "accessibilityLabel": "情報を表示する",
+        "addPassword": "$t(lockRoomPassword) を追加",
+        "cancelPassword": "$t(lockRoomPassword) をキャンセル",
+        "conferenceURL": "リンク:",
+        "copyNumber": "番号をコピー",
+        "country": "国",
+        "dialANumber": "あなたのミーティングに参加するには、これらの番号のいずれかに電話をかけて、PIN を入力してください。",
+        "dialInConferenceID": "PIN:",
+        "dialInNotSupported": "申し訳ありません。現在ダイヤルインはサポートされていません。",
+        "dialInNumber": "ダイヤルイン:",
+        "dialInSummaryError": "ダイヤルイン情報の取得中にエラーが発生しました。後でもう一度お試しください。",
+        "dialInTollFree": "無料通話",
+        "genericError": "おっと、何かがあったようです。",
+        "inviteLiveStream": "このミーティングのライブ配信を表示するには、このリンクをクリックしてください: {{url}}",
+        "invitePhone": "代わりに電話で参加するには、ここをタップしてください: {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "別のダイヤルイン番号をお探しですか?\nダイヤルイン番号一覧をご覧ください: {{url}}\n\n\n内線番号経由でダイヤルインを行う場合、音声に接続せずに参加してください: {{silentUrl}}",
+        "inviteSipEndpoint": "SIPアドレスを使用して参加するには、これを入力します: {{sipUri}}",
+        "inviteTextiOSInviteUrl": "参加するには次のリンクをクリックしてください: {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "部屋の電話からダイヤルインする場合は、次のリンクを使って音声に接続せずに参加できます:{{silentUrl}}",
+        "inviteTextiOSPersonal": "{{name}} があなたをミーティングに招待しています。",
+        "inviteTextiOSPhone": "電話を使って参加するには、この電話番号を使用してください: {{number}},,{{conferenceID}}#。 もし、違う番号をお探しでしたら、全ての電話番号のリストはこちらになります: {{didUrl}}.",
+        "inviteURLFirstPartGeneral": "あなたはミーティングに招待されました。",
+        "inviteURLFirstPartPersonal": "{{name}} があなたをミーティングに招待しました。\n",
+        "inviteURLSecondPart": "\nミーティングにご参加ください:\n{{url}}\n",
+        "label": "ミーティング情報",
+        "liveStreamURL": "ライブ配信:",
+        "moreNumbers": "その他の番号",
+        "noNumbers": "ダイヤルイン番号はありません。",
+        "noPassword": "なし",
+        "noRoom": "ダイヤルインするルームが指定されていません。",
+        "numbers": "ダイヤルイン番号",
+        "password": "$t(lockRoomPasswordUppercase): ",
+        "sip": "SIP アドレス",
+        "title": "共有",
+        "tooltip": "このミーティングのリンクとダイヤルイン情報を共有する"
+    },
+    "inlineDialogFailure": {
+        "msg": "障害が発生しました。",
+        "retry": "再試行",
+        "support": "サポート",
+        "supportMsg": "問題が続くようであれば、次にご連絡ください:"
+    },
+    "inviteDialog": {
+        "alertText": "一部の参加者の招待に失敗しました。",
+        "header": "招待",
+        "searchCallOnlyPlaceholder": "携帯番号を入力してください",
+        "searchPeopleOnlyPlaceholder": "参加者を検索する",
+        "searchPlaceholder": "ニックネーム、または電話番号",
+        "send": "送信"
+    },
+    "jitsiHome": "{{logo}} ロゴ, ホームページへのリンク",
+    "keyboardShortcuts": {
+        "focusLocal": "自分のビデオにフォーカス",
+        "focusRemote": "他のメンバーのビデオにフォーカス",
+        "fullScreen": "全画面表示 / 終了",
+        "keyboardShortcuts": "キーボードショートカット",
+        "localRecording": "ローカル録画コントロールの表示 / 非表示",
+        "mute": "マイクをミュート / ミュート解除",
+        "pushToTalk": "プッシュツートーク",
+        "raiseHand": "手を挙げる / 下げる",
+        "showSpeakerStats": "話者のデータを表示",
+        "toggleChat": "チャットを表示 / 非表示",
+        "toggleFilmstrip": "動画サムネイル表示 / 非表示",
+        "toggleParticipantsPane": "参加者パネルを表示 / 非表示",
+        "toggleScreensharing": "カメラと画面共有を切り替える",
+        "toggleShortcuts": "キーボードショートカットを表示",
+        "videoMute": "カメラを開始 / 停止"
+    },
+    "liveStreaming": {
+        "busy": "私たちは配信リソースを解放するために取り組んでいます。数分後にもう一度お試しください。",
+        "busyTitle": "すべての配信者は現在ビジー状態です",
+        "changeSignIn": "アカウントを切り替えます。",
+        "choose": "ライブ配信を選択してください",
+        "chooseCTA": "配信オプションを選択します。あなたは現在、{{email}} としてログインしています。",
+        "enterStreamKey": "YouTube のストリームキーをここに入力してください。",
+        "error": "ライブ配信に失敗しました。もう一度お試しください。",
+        "errorAPI": "YouTube ブロードキャストにアクセス中にエラーが発生しました。もう一度ログインしてください。",
+        "errorLiveStreamNotEnabled": "{{email}} のライブ配信は有効ではありません。ライブ配信を有効にしてもらうか、ライブ配信が有効なアカウントでログインしてください。",
+        "expandedOff": "ライブ配信が停止しました",
+        "expandedOn": "このミーティングは、現在 YouTube に配信されています。",
+        "expandedPending": "ライブ配信を開始しています…",
+        "failedToStart": "ライブ配信の開始に失敗しました",
+        "getStreamKeyManually": "ライブ配信を取得できませんでした。YouTube よりストリームキーの取得を試してください。",
+        "googlePrivacyPolicy": "Google プライバシーポリシー",
+        "inProgress": "録画またはライブ配信中です",
+        "invalidStreamKey": "ストリームキーが正しくないようです。",
+        "limitNotificationDescriptionNative": "利用者が多いため、あなたの録画は {{limit}} 分に制限されます。無制限に録画するには<3>{{app}}</3>をお試しください。",
+        "limitNotificationDescriptionWeb": "利用者が多いため、あなたの録画は {{limit}} 分に制限されます。 無制限に録画するには<a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>をお試しください。",
+        "off": "ライブ配信を停止しました",
+        "offBy": "{{name}} がライブ配信を停止しました",
+        "on": "ライブ配信を開始しました",
+        "onBy": "{{name}} がライブ配信を開始しました",
+        "pending": "ライブ配信を開始しています…",
+        "serviceName": "ライブ配信サービス",
+        "sessionAlreadyActive": "このセッションはすでに録画またはライブ配信されています。",
+        "signIn": "Google でログイン",
+        "signInCTA": "ログインするか、YouTube のストリームキーを入力してください。",
+        "signOut": "サインアウト",
+        "signedInAs": "あなたは現在次の名前でログインしています:",
+        "start": "ライブ配信を開始する",
+        "streamIdHelp": "これは何ですか?",
+        "title": "ライブ配信",
+        "unavailableTitle": "ライブ配信は利用できません",
+        "youtubeTerms": "YouTube サービス利用規約"
+    },
+    "lobby": {
+        "allow": "許可",
+        "backToKnockModeButton": "参加を依頼",
+        "dialogTitle": "ロビーモード",
+        "disableDialogContent": "ロビーモードは現在有効です。この機能により、部外者は会議に参加できません。この機能を無効にしますか?",
+        "disableDialogSubmit": "無効にする",
+        "emailField": "メールアドレスを入力してください",
+        "enableDialogPasswordField": "パスワードをセット(オプション)",
+        "enableDialogSubmit": "有効にする",
+        "enableDialogText": "ロビーモードでは、モデレーターによって正式に承認された人のみに参加を許可することで、会議を保護することができます。",
+        "enterPasswordButton": "ミーティングパスワードを入力してください",
+        "enterPasswordTitle": "パスワードを入力して、ミーティングに参加",
+        "errorMissingPassword": "ミーティングパスワードを入力してください",
+        "invalidPassword": "無効なパスワード",
+        "joinRejectedMessage": "あなたの参加リクエストは、モデレーターによって却下されました。",
+        "joinTitle": "ミーティングに参加",
+        "joinWithPasswordMessage": "パスワードを使って参加しようとしています。お待ちください…",
+        "joiningMessage": "誰かがあなたのリクエストを受け入れたら、すぐに会議に参加します",
+        "joiningTitle": "ミーティングへの参加を依頼中…",
+        "joiningWithPasswordTitle": "パスワードを使って参加中…",
+        "knockButton": "参加を依頼",
+        "knockTitle": "会議に参加したい人がいます",
+        "knockingParticipantList": "待機中の参加者一覧",
+        "nameField": "名前を入力してください",
+        "notificationLobbyAccessDenied": "{{targetParticipantName}} は、{{originParticipantName}} によって参加を却下されました",
+        "notificationLobbyAccessGranted": "{{targetParticipantName}} は、{{originParticipantName}} によって参加を許可されました",
+        "notificationLobbyDisabled": "{{originParticipantName}} によってロビーが無効にされました",
+        "notificationLobbyEnabled": "{{originParticipantName}} によってロビーが有効にされました",
+        "notificationTitle": "ロビー",
+        "passwordField": "ミーティングパスワードを入力してください",
+        "passwordJoinButton": "参加",
+        "title": "ロビー",
+        "toggleLabel": "ロビーを有効"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "オフ",
+            "on": "オン",
+            "unknown": "不明"
+        },
+        "dialogTitle": "ローカル録画コントロール",
+        "duration": "録画時間",
+        "durationNA": "不明",
+        "encoding": "エンコーディング",
+        "label": "LOR",
+        "labelToolTip": "録画中",
+        "localRecording": "録画",
+        "me": "自分",
+        "messages": {
+            "engaged": "録画中",
+            "finished": "録画セッション {{token}} が終了しました。録画したファイルをモデレーターに送付してください。",
+            "finishedModerator": "レコーディングセッション {{token}} が終了しました。ローカルトラックの録画は保存されました。他の参加者に、彼らの録画物を送信するようお願いしてください。",
+            "notModerator": "あなたはモデレーターではないので、録画の開始または停止ができません。"
+        },
+        "moderator": "モデレーター",
+        "no": "いいえ",
+        "participant": "参加者",
+        "participantStats": "参加者の統計",
+        "sessionToken": "セッショントークン",
+        "start": "録画を開始",
+        "stop": "録画を停止する",
+        "yes": "はい"
+    },
+    "lockRoomPassword": "パスワード",
+    "lockRoomPasswordUppercase": "パスワード",
+    "lonelyMeetingExperience": {
+        "button": "他の人を招待する",
+        "youAreAlone": "このミーティングにいるのは、あなただけです。"
+    },
+    "me": "自分",
+    "notify": {
+        "OldElectronAPPTitle": "セキュリティ上の脆弱性があります!",
+        "allowAction": "許可",
+        "allowedUnmute": "マイクのミュートを解除、カメラの有効化、画面の共有ができます。",
+        "audioUnmuteBlockedDescription": "マイクのミュート解除操作はシステムの制限により一時的にブロックされています。",
+        "audioUnmuteBlockedTitle": "マイクミュート解除はブロックされています!",
+        "chatMessages": "チャットメッセージ",
+        "connectedOneMember": "{{name}} がミーティングに参加しました",
+        "connectedThreePlusMembers": "{{name}} 他多数がミーティングに参加しました",
+        "connectedTwoMembers": "{{first}} と {{second}} がミーティングに参加しました",
+        "disconnected": "切断されました",
+        "displayNotifications": "通知を表示",
+        "focus": "ミーティングのフォーカス",
+        "focusFail": "{{component}} は利用できません - {{ms}} 秒以内に再試行します",
+        "groupTitle": "通知",
+        "hostAskedUnmute": "モデレーターはあなたに話してほしいそうです",
+        "invitedOneMember": "{{name}} が招待されました",
+        "invitedThreePlusMembers": "{{name}} と他 {{count}} 名が招待されました",
+        "invitedTwoMembers": "{{first}} と {{second}} が招待されました",
+        "kickParticipant": "{{kicked}} が {{kicker}} によって追放されました",
+        "leftOneMember": "{{name}} がミーティングを退出しました",
+        "leftThreePlusMembers": "{{name}} 他多数がミーティングを退出しました",
+        "leftTwoMembers": "{{first}} と {{second}} がミーティングを退出しましたleft the meeting",
+        "me": "自分",
+        "moderationInEffectCSDescription": "画面を共有したいときは手を挙げてください。",
+        "moderationInEffectCSTitle": "画面共有はモデレーターによりブロックされました",
+        "moderationInEffectDescription": "話したいときは手を挙げてください。",
+        "moderationInEffectTitle": "あなたのマイクはモデレーターによりミュートされました",
+        "moderationInEffectVideoDescription": "カメラを有効にしたいときは手を挙げてください。",
+        "moderationInEffectVideoTitle": "あなたのカメラはモデレーターによりブロックされました",
+        "moderationRequestFromModerator": "ホストはあなたにミュート解除を求めています",
+        "moderationRequestFromParticipant": "発言したいです",
+        "moderationStartedTitle": "管理が開始されました",
+        "moderationStoppedTitle": "管理が停止されました",
+        "moderationToggleDescription": "( {{participantDisplayName}} )",
+        "moderator": "あなたはモデレーターになりました",
+        "muted": "あなたはミュートした状態でミーティングを開始しました。",
+        "mutedRemotelyDescription": "話す準備ができ次第、いつでもミュートを解除できます。話が終わったら再ミュートして、ミーティングから雑音を遠ざけます。",
+        "mutedRemotelyTitle": "あなたは {{participantDisplayName}} によってミュートされています",
+        "mutedTitle": "あなたはミュートされています!",
+        "newDeviceAction": "使用する",
+        "newDeviceAudioTitle": "新しいオーディオデバイスを検出しました",
+        "newDeviceCameraTitle": "新しいカメラを検出しました",
+        "oldElectronClientDescription1": "あなたは既知のセキュリティ上の脆弱性がある、旧バージョンの Jitsi Meet クライアントを使用しているようです。今すぐ",
+        "oldElectronClientDescription2": "最新ビルド",
+        "oldElectronClientDescription3": "に更新してください!",
+        "participantWantsToJoin": "ミーティングへの参加を希望しています",
+        "participantsWantToJoin": "ミーティングへの参加を希望しています",
+        "passwordRemovedRemotely": "他の参加者により、$t(lockRoomPasswordUppercase) が削除されました",
+        "passwordSetRemotely": "他の参加者により、$t(lockRoomPasswordUppercase) が設定されました",
+        "raiseHandAction": "手を挙げる",
+        "raisedHand": "話したいそうです。",
+        "raisedHands": "{{participantName}} 他 {{raisedHands}} 名",
+        "reactionSounds": "サウンドが無効",
+        "reactionSoundsForAll": "全てのサウンドが無効",
+        "screenShareNoAudio": " 画面選択のウィンドウで音声の共有がチェックされていません。",
+        "screenShareNoAudioTitle": "システムの音声を共有できません",
+        "selfViewTitle": "設定からいつでもセルフビューを表示することができます。",
+        "somebody": "誰か",
+        "startSilentDescription": "オーディオを有効にして参加しなおしてください",
+        "startSilentTitle": "音声出力なしで参加しました!",
+        "suboptimalBrowserWarning": "申し訳ありませんが、このブラウザではミーティングの体験はあまりよくないかもしれません。改善策を検討中ですが、それまでは<a href='{{recommendedBrowserPageLink}}' target='_blank'> フルサポートしているブラウザー</a>のいずれかをご利用ください。",
+        "suboptimalExperienceTitle": "ブラウザーの警告",
+        "unmute": "ミュート解除",
+        "videoMutedRemotelyDescription": "いつでもオンにする事ができます",
+        "videoMutedRemotelyTitle": "あなたのビデオは {{participantDisplayName}} によってオフにされています",
+        "videoUnmuteBlockedDescription": "カメラ有効化とデスクトップ共有はシステムの制限により一時的にブロックされています。",
+        "videoUnmuteBlockedTitle": "カメラ有効化とデスクトップ共有はブロックされています!",
+        "viewLobby": "ロビーを確認",
+        "waitingParticipants": "{{waitingParticipants}} 名"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "許可",
+            "admitAll": "全員許可",
+            "allow": "参加者に次のことを許可:",
+            "allowVideo": "ビデオを許可",
+            "askUnmute": "ミュート解除を依頼",
+            "audioModeration": "ミュートを自分で解除",
+            "blockEveryoneMicCamera": "全員のマイクとカメラをブロック",
+            "invite": "参加者招待",
+            "moreModerationActions": "管理オプションをさらに表示",
+            "moreModerationControls": "管理コントロールをさらに表示",
+            "moreParticipantOptions": "参加者オプションをさらに表示",
+            "mute": "ミュート",
+            "muteAll": "全員をミュート",
+            "muteEveryoneElse": "他のすべての人をミュート",
+            "reject": "却下",
+            "stopEveryonesVideo": "全員のビデオを停止",
+            "stopVideo": "ビデオを停止",
+            "unblockEveryoneMicCamera": "全員のマイクとビデオのブロックを解除",
+            "videoModeration": "ビデオを開始"
+        },
+        "close": "閉じる",
+        "headings": {
+            "lobby": "ロビー ({{count}})",
+            "participantsList": "ミーティング参加者 ({{count}})",
+            "waitingLobby": "ロビーで待機中 ({{count}})"
+        },
+        "search": "参加者を検索",
+        "title": "参加者"
+    },
+    "passwordDigitsOnly": "最大 {{number}} 桁まで",
+    "passwordSetRemotely": "他の参加者によりセット",
+    "polls": {
+        "answer": {
+            "skip": "スキップ",
+            "submit": "送信"
+        },
+        "by": "By {{ name }}",
+        "create": {
+            "addOption": "選択肢の追加",
+            "answerPlaceholder": "選択肢 {{index}}",
+            "cancel": "キャンセル",
+            "create": "投票を作成",
+            "pollOption": "選択肢 {{index}}",
+            "pollQuestion": "投票の質問",
+            "questionPlaceholder": "質問を入力してください",
+            "removeOption": "選択肢の削除",
+            "send": "送信"
+        },
+        "errors": {
+            "notUniqueOption": "オプションは一意でなければなりません"
+        },
+        "notification": {
+            "description": "投票するには投票タブを開いてください",
+            "title": "新しい投票がこのミーティングに追加されました"
+        },
+        "results": {
+            "changeVote": "投票を変更する",
+            "empty": "まだこのミーティングに投票がありません。ここから投票を始めてください!",
+            "hideDetailedResults": "詳細を非表示",
+            "showDetailedResults": "詳細を表示",
+            "vote": "投票する"
+        }
+    },
+    "poweredby": "powered by",
+    "prejoin": {
+        "audioAndVideoError": "オーディオとビデオのエラー:",
+        "audioDeviceProblem": "オーディオに問題があります",
+        "audioOnlyError": "オーディオエラー:",
+        "audioTrackError": "オーディオトラックを作成できませんでした。",
+        "callMe": "呼び出してください",
+        "callMeAtNumber": "この番号に電話してください:",
+        "calling": "呼び出し中",
+        "configuringDevices": "デバイスの設定中…",
+        "connectedWithAudioQ": "オーディオを有効にして接続していますか?",
+        "connection": {
+            "good": "インターネット接続は良好のようです!",
+            "nonOptimal": "インターネット接続が最適ではありません",
+            "poor": "貧弱なインターネット接続です"
+        },
+        "connectionDetails": {
+            "audioClipping": "音声が歪んでいると思います。",
+            "audioHighQuality": "音声は優れた品質であると思います。",
+            "audioLowNoVideo": "音声の品質が悪く、ビデオがないと思います。",
+            "goodQuality": "素晴らしい! メディアの品質は素晴らしいものになりそうです。",
+            "noMediaConnectivity": "このテストで、メディア接続を確立する方法を検出することができませんでした。これは通常、ファイアウォールやNATが原因で発生します。",
+            "noVideo": "ビデオの品質が悪いと思います。",
+            "undetectable": "引き続きブラウザーで通話ができない場合、スピーカー、マイク、カメラが適切に設定されているか、ブラウザーにマイクとカメラの使用を許可しているか、そしてブラウザーのバージョンが最新であるか確認することをお勧めします。それでも通話に問題がある場合は、ウェブアプリの開発者にお問い合わせください。",
+            "veryPoorConnection": "通話の品質がとても悪いと思います。",
+            "videoFreezing": "ビデオが固まったり、黒画面になったり、モザイクがかかったようになると思います。",
+            "videoHighQuality": "ビデオは優れた品質であると思います。",
+            "videoLowQuality": "ビデオはフレームレートと解像度の点で低品質であると思います。",
+            "videoTearing": "ビデオにモザイクがかかったようなったり、ブロックノイズが発生すると思います。"
+        },
+        "copyAndShare": "ミーティングのリンクをコピーまたは共有",
+        "dialInMeeting": "このミーティングにダイヤルする",
+        "dialInPin": "このミーティングにダイヤルして、PIN コードを入力してください:",
+        "dialing": "ダイヤル中",
+        "doNotShow": "この画面を再表示しない",
+        "errorDialOut": "ダイヤル発信ができませんでした",
+        "errorDialOutDisconnected": "ダイヤル発信ができませんでした。切断されました",
+        "errorDialOutFailed": "ダイヤル発信ができませんでした。通話に失敗しました",
+        "errorDialOutStatus": "ダイヤル発信状態の取得中にエラーが発生しました",
+        "errorMissingName": "あなたの名前を入力して、このミーティングに参加してください",
+        "errorNoPermissions": "マイクとカメラへアクセスできるようにする必要があります",
+        "errorStatusCode": "ダイヤル発信中にエラーが発生しました。ステータスコード: {{status}}",
+        "errorValidation": "番号の検証に失敗しました",
+        "iWantToDialIn": "ダイヤルインを希望",
+        "initiated": "通話開始",
+        "joinAudioByPhone": "音声通話で参加",
+        "joinMeeting": "ミーティングに参加",
+        "joinWithoutAudio": "音声なしで参加",
+        "keyboardShortcuts": "キーボードショートカットを有効",
+        "linkCopied": "リンクをクリップボードにコピーしました",
+        "lookGood": "マイクは正常に動作しています",
+        "or": "または",
+        "premeeting": "プレミーティング",
+        "screenSharingError": "画面共有のエラー:",
+        "startWithPhone": "音声通話を開始",
+        "videoOnlyError": "ビデオのエラー:",
+        "videoTrackError": "ビデオトラックを生成できませんでした。",
+        "viewAllNumbers": "すべての番号を表示"
+    },
+    "presenceStatus": {
+        "busy": "話し中",
+        "calling": "呼び出し中…",
+        "connected": "接続されました",
+        "connecting": "接続中…",
+        "connecting2": "接続中*…",
+        "disconnected": "切断されました",
+        "expired": "期限切れ",
+        "ignored": "無視",
+        "initializingCall": "通話の初期化中…",
+        "invited": "招待",
+        "rejected": "拒否",
+        "ringing": "呼び出し中…"
+    },
+    "privacyView": {
+        "title": "プライバシー"
+    },
+    "profile": {
+        "avatar": "アバター",
+        "setDisplayNameLabel": "表示名を設定してください",
+        "setEmailInput": "メールアドレスを入力してください",
+        "setEmailLabel": "Gravatar に登録したメールアドレスを入力してください",
+        "title": "プロフィール"
+    },
+    "raisedHand": "話したいそうです",
+    "raisedHandsLabel": "挙手の数",
+    "recording": {
+        "authDropboxText": "Dropbox にアップロード",
+        "availableSpace": "空き容量: {{spaceLeft}} MB (約 {{duration}} 分録画可能)",
+        "beta": "BETA",
+        "busy": "録画リソースを解放しています。数分後にもう一度お試しください。",
+        "busyTitle": "すべてのレコーダーが現在使用中です",
+        "copyLink": "リンクをコピー",
+        "error": "録画に失敗しました。もう一度お試しください。",
+        "errorFetchingLink": "録画のリンクを取得中にエラーが発生しました。",
+        "expandedOff": "録画が停止しました",
+        "expandedOn": "このミーティングは現在録画中です。",
+        "expandedPending": "録画の開始中です…",
+        "failedToStart": "録画の開始に失敗しました",
+        "fileSharingdescription": "録画をミーティングの参加者と共有する",
+        "highlight": "ハイライト",
+        "highlightMoment": "この瞬間をハイライト",
+        "highlightMomentDisabled": "録画が開始後にハイライトは利用可能になります。",
+        "highlightMomentSuccess": "ハイライトされました",
+        "highlightMomentSucessDescription": "ハイライトされた瞬間は議事録に追加されます。",
+        "inProgress": "録画またはライブ配信中です",
+        "limitNotificationDescriptionNative": "利用者が多いため、あなたの録画は {{limit}} 分に制限されます。無制限に録画するには<3>{{app}}</3>をお試しください。",
+        "limitNotificationDescriptionWeb": "利用者が多いため、あなたの録画は {{limit}} 分に制限されます。 無制限に録画するには<a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>をお試しください。",
+        "linkGenerated": "あなたの録画へのリンクを生成しました。",
+        "live": "LIVE",
+        "localRecordingNoNotificationWarning": "この録画は他の参加者に通知されません。このミーティングが録画されていることを他の参加者に伝えてください。",
+        "localRecordingNoVideo": "ビデオは録画されません。",
+        "localRecordingStartWarning": "録画を保存するためにはミーティング退出前に録画を停止してください。",
+        "localRecordingStartWarningTitle": "録画を停止して保存",
+        "localRecordingVideoStop": "ビデオを停止すると録画も停止されます。停止してもよろしいですか?",
+        "localRecordingVideoWarning": "ビデオを録画するためには録画開始前に有効化しておく必要があります",
+        "localRecordingWarning": "正しく録画をするために必ず現在のタブを選択してください。",
+        "loggedIn": "{{userName}} としてログイン",
+        "noMicPermission": "マイクが認識できませんでした。マイクへのアクセス権を確認してください。",
+        "noStreams": "音声・映像が検出されませんでした。",
+        "off": "録画を停止しました",
+        "offBy": "{{name}} が録画を停止しました",
+        "on": "録画を開始しました",
+        "onBy": "{{name}} が録画を開始しました",
+        "onlyRecordSelf": "自身の音声・映像のみを録画する",
+        "pending": "ミーティングの録画準備中…",
+        "rec": "REC",
+        "saveLocalRecording": "ローカルに録画を保存 (Beta)",
+        "serviceDescription": "ビデオは録画サービスで録画されます",
+        "serviceDescriptionCloud": "クラウドレコーディング",
+        "serviceName": "録画サービス",
+        "sessionAlreadyActive": "このセッションはすでに録画またはライブ配信されています。",
+        "signIn": "サインイン",
+        "signOut": "サインアウト",
+        "title": "録画",
+        "unavailable": "おっと! {{serviceName}} は現在使用できません。私たちはこの問題の解決に取り組んでいます。後でもう一度お試しください。",
+        "unavailableTitle": "録画できません",
+        "uploadToCloud": "クラウドへアップロード"
+    },
+    "sectionList": {
+        "pullToRefresh": "引っ張って更新する"
+    },
+    "security": {
+        "about": "このミーティングに、$t(lockRoomPassword) を追加できます。参加者は $t(lockRoomPassword) を入力してこのミーティングへの参加が許可される必要があります。",
+        "aboutReadOnly": "モデレータの参加者は、このミーティングに $t(lockRoomPassword) を追加できます。参加者は $t(lockRoomPassword) を入力してこのミーティングへの参加が許可される必要があります。",
+        "insecureRoomNameWarning": "このルーム名は安全ではありません。不要な参加者がミーティングに参加するかもしれません。セキュリティボタンを利用してミーティングの安全確保を検討しましょう。",
+        "title": "セキュリティオプション"
+    },
+    "settings": {
+        "calendar": {
+            "about": "{{appName}} カレンダーとの統合機能は、今後のイベントを読み取ることができるようカレンダーに安全にアクセスするために使用されます。",
+            "disconnect": "切断",
+            "microsoftSignIn": "Microsoft アカウントでサインイン",
+            "signedIn": "現在、{{email}} のカレンダーのイベントにアクセス中です。下の切断ボタンをクリックすると、カレンダーのイベントにアクセスすることを停止します。",
+            "title": "カレンダー"
+        },
+        "desktopShareFramerate": "デスクトップ共有フレームレート",
+        "desktopShareHighFpsWarning": "デスクトップ共有のフレームレートを高くすると、帯域幅に影響する可能性があります。新しい設定を有効にするには、画面共有を再起動する必要があります。",
+        "desktopShareWarning": "新しい設定を有効にするには、画面共有を再起動する必要があります。",
+        "devices": "デバイス",
+        "followMe": "全員があなたをフォロー",
+        "framesPerSecond": "フレーム/秒",
+        "incomingMessage": "メッセージの到着",
+        "language": "言語",
+        "loggedIn": "{{name}} としてログイン",
+        "microphones": "マイク",
+        "moderator": "モデレーター",
+        "more": "その他",
+        "name": "名前",
+        "noDevice": "なし",
+        "participantJoined": "参加者の参加",
+        "participantLeft": "参加者の退出",
+        "playSounds": "次の時にサウンドを再生",
+        "reactions": "ミーティングリアクション",
+        "sameAsSystem": "システムと同じ ({{label}})",
+        "selectAudioOutput": "オーディオ出力",
+        "selectCamera": "カメラ",
+        "selectMic": "マイク",
+        "selfView": "セルフビュー",
+        "sounds": "サウンド",
+        "speakers": "スピーカー",
+        "startAudioMuted": "全員がミュートで開始",
+        "startReactionsMuted": "全員のリアクションサウンドをミュート",
+        "startVideoMuted": "全員がビデオオフで開始",
+        "talkWhileMuted": "ミュート中の発話",
+        "title": "設定"
+    },
+    "settingsView": {
+        "advanced": "詳細",
+        "alertCancel": "キャンセル",
+        "alertOk": "OK",
+        "alertTitle": "警告",
+        "alertURLText": "入力されたサーバー URL は無効です",
+        "buildInfoSection": "ビルド情報",
+        "conferenceSection": "ミーティング",
+        "disableCallIntegration": "電話による通話の統合を無効",
+        "disableCrashReporting": "クラッシュレポートを無効",
+        "disableCrashReportingWarning": "クラッシュレポートを無効にします。よろしいですか? この設定はアプリの再起動後に適用されます。",
+        "disableP2P": "ピアツーピアモードを無効",
+        "displayName": "表示名",
+        "email": "Eメール",
+        "header": "設定",
+        "profileSection": "プロフィール",
+        "serverURL": "サーバー URL",
+        "showAdvanced": "詳細設定を表示",
+        "startWithAudioMuted": "音声をミュートした状態で開始",
+        "startWithVideoMuted": "ビデオをミュートした状態で開始",
+        "version": "バージョン"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nとにかくあなたの電話で通話したいですか?\n\n{{defaultDialInNumber}}こちらのリンクをクリックすると、このミーティングの電話番号が表示されます。\n{{dialInfoPageUrl}}",
+        "mainText": "次のリンクをクリックして、このミーティングに参加してください:\n{{roomUrl}}"
+    },
+    "speaker": "話者",
+    "speakerStats": {
+        "angry": "怒り",
+        "disgusted": "ウンザリ",
+        "fearful": "恐怖",
+        "happy": "ハッピー",
+        "hours": "{{count}} 時間",
+        "minutes": "{{count}} 分",
+        "name": "名前",
+        "neutral": "平静",
+        "sad": "悲しい",
+        "search": "検索",
+        "searchHint": "参加者を検索",
+        "seconds": "{{count}} 秒",
+        "speakerStats": "話者の統計",
+        "speakerTime": "話した時間",
+        "surprised": "ビックリ"
+    },
+    "startupoverlay": {
+        "genericTitle": "ミーティングでは、マイクとカメラが必要です。",
+        "policyText": " ",
+        "title": "{{app}} を使用するには、マイクとカメラが必要です。"
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "再参加",
+        "text": "再接続するには、<i>再参加</i> ボタンを押してください。",
+        "title": "このコンピューターがスリープ状態になったため、ビデオ通話が中断されました。"
+    },
+    "termsView": {
+        "title": "利用規約"
+    },
+    "toolbar": {
+        "Settings": "設定",
+        "accessibilityLabel": {
+            "Settings": "設定の切り替え",
+            "audioOnly": "音声のみの切り替え",
+            "audioRoute": "オーディオデバイスの選択",
+            "boo": "ブーイング",
+            "breakoutRoom": "ブレイクアウトルームに参加 / 退出",
+            "callQuality": "ビデオ品質の管理",
+            "cc": "字幕の切り替え",
+            "chat": "チャットを開く / 閉じる",
+            "clap": "拍手",
+            "collapse": "縮小",
+            "document": "共有ドキュメントの切り替え",
+            "download": "アプリのダウンロード",
+            "embedMeeting": "ミーティングの埋め込み",
+            "expand": "展開",
+            "feedback": "フィードバックを残す",
+            "fullScreen": "全画面の切り替え",
+            "grantModerator": "モデレーター権限の付与",
+            "hangup": "ミーティングを退席",
+            "help": "ヘルプ",
+            "invite": "人を招待",
+            "kick": "参加者を追放",
+            "laugh": "笑",
+            "like": "いいね!",
+            "lobbyButton": "ロビーモードの有効 / 無効",
+            "localRecording": "ローカル録画コントロールの切り替え",
+            "lockRoom": "ミーティングパスワードの切り替え",
+            "moreActions": "詳細な操作",
+            "moreActionsMenu": "詳細な操作メニュー",
+            "moreOptions": "詳細オプションの表示",
+            "mute": "ミュート / ミュート解除",
+            "muteEveryone": "全員をミュート",
+            "muteEveryoneElse": "他の全員を無効",
+            "muteEveryoneElsesVideoStream": "他の全員のビデオを停止",
+            "muteEveryonesVideoStream": "全員のビデオを停止",
+            "participants": "参加者",
+            "pip": "ピクチャーインピクチャーモードの切り替え",
+            "privateMessage": "プライベートメッセージの送信",
+            "profile": "プロフィールを編集",
+            "raiseHand": "手を挙げる / 下げる",
+            "reactionsMenu": "リアクションメニューを開く / 閉じる",
+            "recording": "録画の切り替え",
+            "remoteMute": "参加者のミュート",
+            "remoteVideoMute": "参加者のカメラを無効",
+            "security": "セキュリティ",
+            "selectBackground": "背景を選択",
+            "shareRoom": "誰かを招待",
+            "shareYourScreen": "画面共有の開始 / 停止",
+            "shareaudio": "オーディオを共有する",
+            "sharedvideo": "動画共有の切り替え",
+            "shortcuts": "ショートカットの切り替え",
+            "show": "ステージ上に表示",
+            "silence": "沈黙",
+            "speakerStats": "スピーカー統計の切り替え",
+            "surprised": "ビックリ",
+            "tileView": "タイルビューの切り替え",
+            "toggleCamera": "カメラの切り替え",
+            "toggleFilmstrip": "スライド表示の切り替え",
+            "videoblur": "ビデオのぼかしの切り替え",
+            "videomute": "ビデオの開始 / 停止"
+        },
+        "addPeople": "あなたの通話に人を追加",
+        "audioOnlyOff": "音声のみモードを無効",
+        "audioOnlyOn": "音声のみモードを有効",
+        "audioRoute": "サウンドデバイスの選択",
+        "audioSettings": "オーディオ設定",
+        "authenticate": "認証",
+        "boo": "ブーイング",
+        "callQuality": "ビデオの品質を管理",
+        "chat": "チャットを開く / 閉じる",
+        "clap": "拍手",
+        "closeChat": "チャットを閉じる",
+        "closeReactionsMenu": "リアクションメニューを閉じる",
+        "disableReactionSounds": "このミーティングのリアクションサウンドを無効にできます",
+        "documentClose": "共有ドキュメントを閉じる",
+        "documentOpen": "共有ドキュメントを開く",
+        "download": "アプリのダウンロード",
+        "e2ee": "エンドツーエンドの暗号化",
+        "embedMeeting": "ミーティングの埋め込み",
+        "enterFullScreen": "フルスクリーン表示",
+        "enterTileView": "タイルビューを開始",
+        "exitFullScreen": "フルスクリーンを終了",
+        "exitTileView": "タイルビューを終了",
+        "feedback": "フィードバックを残す",
+        "hangup": "ミーティングを退出",
+        "help": "ヘルプ",
+        "invite": "人を招待",
+        "joinBreakoutRoom": "ブレイクアウトルームに参加",
+        "laugh": "笑",
+        "leaveBreakoutRoom": "ブレイクアウトルームを退出",
+        "like": "いいね!",
+        "lobbyButtonDisable": "ロビーモードを無効",
+        "lobbyButtonEnable": "ロビーモードを有効",
+        "login": "ログイン",
+        "logout": "ログアウト",
+        "lowerYourHand": "手を下げる",
+        "moreActions": "詳細アクション",
+        "moreOptions": "詳細オプション",
+        "mute": "ミュート / ミュート解除",
+        "muteEveryone": "全員をミュート",
+        "muteEveryonesVideo": "全員のカメラを無効化",
+        "noAudioSignalDesc": "システム設定やハードウェアによる意図的なミュートを行っていない場合は、デバイスの切り替えを検討してみてください。",
+        "noAudioSignalDescSuggestion": "システム設定やハードウェアによる意図的なミュートを行っていない場合は、提示されたデバイスへのの切り替えを検討してみてください。",
+        "noAudioSignalDialInDesc": "次を使用してダイヤルインすることも可能です:",
+        "noAudioSignalDialInLinkDesc": "ダイヤルイン番号",
+        "noAudioSignalTitle": "マイクから何も入力されていません!",
+        "noisyAudioInputDesc": "マイクがノイズを発しているようですので、ミュートするかデバイスの変更を検討してください。",
+        "noisyAudioInputTitle": "マイクの音がうるさいようです!",
+        "openChat": "チャットを開く",
+        "openReactionsMenu": "リアクションメニューを開く",
+        "participants": "参加者",
+        "pip": "ピクチャーインピクチャーモードに入る",
+        "privateMessage": "プライベートメッセージの送信",
+        "profile": "プロフィールの編集",
+        "raiseHand": "手を挙げる / 下げる",
+        "raiseYourHand": "手を挙げる",
+        "reactionBoo": "ブーイング リアクションを送る",
+        "reactionClap": "拍手 リアクションを送る",
+        "reactionLaugh": "笑 リアクションを送る",
+        "reactionLike": "いいね! リアクションを送る",
+        "reactionSilence": "沈黙 リアクションを送る",
+        "reactionSurprised": "ビックリ リアクションを送る",
+        "security": "セキュリティオプション",
+        "selectBackground": "背景の選択",
+        "shareRoom": "誰かを招待",
+        "shareaudio": "音声の共有",
+        "sharedvideo": "動画の共有",
+        "shortcuts": "ショートカットの表示",
+        "silence": "沈黙",
+        "speakerStats": "話者の統計",
+        "startScreenSharing": "画面共有の開始",
+        "startSubtitles": "字幕の開始",
+        "stopAudioSharing": "音声共有の停止",
+        "stopScreenSharing": "画面共有の停止",
+        "stopSharedVideo": "動画の停止",
+        "stopSubtitles": "字幕の停止",
+        "surprised": "ビックリ",
+        "talkWhileMutedPopup": "話そうとしていますか? あなたはミュートされています。",
+        "tileViewToggle": "タイルビューの切り替え",
+        "toggleCamera": "カメラの切り替え",
+        "videoSettings": "ビデオ設定",
+        "videomute": "カメラの開始 / 停止"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "字幕の表示 / 非表示",
+        "error": "文字起こしに失敗しました。もう一度お試しください。",
+        "expandedLabel": "文字起こしは現在有効です",
+        "failedToStart": "文字起こしを開始できませんでした",
+        "labelToolTip": "ミーティングの文字起こしが行われています",
+        "off": "文字起こしが停止されています",
+        "pending": "ミーティングの文字起こしの準備中…",
+        "start": "字幕の表示を開始",
+        "stop": "字幕の表示を停止",
+        "tr": "TR"
+    },
+    "userMedia": {
+        "grantPermissions": "マイクとカメラの共有を許可してください。."
+    },
+    "videoSIPGW": {
+        "busy": "リソースを開放しています。数分後にもう一度お試しください。",
+        "busyTitle": "ルームサービスは現在使用中です",
+        "errorAlreadyInvited": "{{displayName}} はすでに招待されています",
+        "errorInvite": "ミーティングがまだ設定されていません。後ほどもう一度お試しください。",
+        "errorInviteFailed": "問題を解決しています。後ほどもう一度お試しください。",
+        "errorInviteFailedTitle": "{{displayName}} の招待に失敗しました",
+        "errorInviteTitle": "ルームへの招待でエラー発生",
+        "pending": "{{displayName}} が招待されました"
+    },
+    "videoStatus": {
+        "adjustFor": "次のように調整:",
+        "audioOnly": "音声のみ",
+        "audioOnlyExpanded": "音声のみモードにいます。このモードではオーディオと画面の共有のみを受信します。",
+        "bestPerformance": "最高速度",
+        "callQuality": "ビデオの品質",
+        "hd": "HD",
+        "hdTooltip": "高画質ビデオの視聴",
+        "highDefinition": "高画質",
+        "highestQuality": "最高品質",
+        "labelTooiltipNoVideo": "ビデオなし",
+        "labelTooltipAudioOnly": "音声のみモードが有効",
+        "ld": "LD",
+        "ldTooltip": "低画質ビデオの視聴",
+        "lowDefinition": "低画質",
+        "performanceSettings": "パフォーマンス設定",
+        "sd": "SD",
+        "sdTooltip": "標準画質ビデオの視聴",
+        "standardDefinition": "標準画質"
+    },
+    "videothumbnail": {
+        "connectionInfo": "接続情報",
+        "domute": "ミュート",
+        "domuteOthers": "他の参加者をミュート",
+        "domuteVideo": "カメラを無効化",
+        "domuteVideoOfOthers": "他の参加者のカメラを無効化",
+        "flip": "左右反転",
+        "grantModerator": "モデレーター権限の付与",
+        "hideSelfView": "セルフビューを非表示",
+        "kick": "追放",
+        "moderator": "モデレーター",
+        "mute": "この参加者はミュート中",
+        "muted": "ミュート",
+        "remoteControl": "リモートコントロールの開始 / 停止",
+        "screenSharing": "参加者は画面を共有しています",
+        "show": "ステージ上に表示",
+        "videoMuted": "カメラ無効",
+        "videomute": "この参加者はカメラを停止中"
+    },
+    "virtualBackground": {
+        "addBackground": "背景追加",
+        "apply": "適用",
+        "backgroundEffectError": "背景効果の適用に失敗しました。",
+        "blur": "ぼかし",
+        "deleteImage": "画像削除",
+        "desktopShare": "デスクトップ共有",
+        "desktopShareError": "デクストップ共有を作成できませんでした",
+        "image1": "ビーチ",
+        "image2": "ウォール（ホワイト）",
+        "image3": "ルーム（ホワイト）",
+        "image4": "フロアランプ（ブラック）",
+        "image5": "マウンテン",
+        "image6": "フォレスト",
+        "image7": "サンライズ",
+        "none": "無し",
+        "pleaseWait": "しばらくお待ちください…",
+        "removeBackground": "背景削除",
+        "slightBlur": "少しぼかし",
+        "title": "バーチャル背景",
+        "uploadedImage": "アップロード画像 {{index}}",
+        "webAssemblyWarning": "WebAssembly がサポートされていません",
+        "webAssemblyWarningDescription": "WebAssembly はこのブラウザでは無効になっているかサポートされていません。"
+    },
+    "volumeSlider": "ボリュームスライダー",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "タップして参加",
+            "roomname": "ルーム名を入力してください"
+        },
+        "addMeetingName": "ミーティング名の追加",
+        "appDescription": "チーム全体とビデオチャットをしましょう。あなたが知っている皆さんを招待してください。{{app}} は完全に暗号化された 100% オープンソースのビデオミーティングソリューションで、一日中、毎日、そして無料でご利用いただけます - アカウントは必要ありません。",
+        "audioVideoSwitch": {
+            "audio": "音声",
+            "video": "ビデオ"
+        },
+        "calendar": "カレンダー",
+        "connectCalendarButton": "カレンダーに接続",
+        "connectCalendarText": "{{app}} 内の全ミーティングを表示するために、カレンダーに接続します。そのうえ、カレンダーに {{provider}} ミーティングを追加して、ワンクリックでミーティングを開始しましょう。",
+        "enterRoomTitle": "新しいミーテイングを開始",
+        "getHelp": "ヘルプ",
+        "go": "GO",
+        "goSmall": "GO",
+        "headerSubtitle": "安全で高品質なミーティング",
+        "headerTitle": "Jitsi Meet",
+        "info": "ダイヤルイン情報",
+        "jitsiOnMobile": "モバイル版 Jitsi - アプリをダウンロードして、どこからでもミーティングを開始できます",
+        "join": "作成 / 参加",
+        "logo": {
+            "calendar": "カレンダーロゴ",
+            "desktopPreviewThumbnail": "デスクトッププレビューサムネイル",
+            "googleLogo": "Google ロゴ",
+            "logoDeepLinking": "Jitsi meet ロゴ",
+            "microsoftLogo": "Microsoft ロゴ",
+            "policyLogo": "ポリシーロゴ"
+        },
+        "mobileDownLoadLinkAndroid": "Android 用モバイルアプリをダウンロード",
+        "mobileDownLoadLinkFDroid": "F-Droid 用モバイルアプリをダウンロード",
+        "mobileDownLoadLinkIos": "iOS 用モバイルアプリをダウンロード",
+        "moderatedMessage": "または、前もってあなたのみがモデレーターである<a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">ミーティングの URL をブックマークに登録</a>しましょう。",
+        "privacy": "プライバシー",
+        "recentList": "最近の履歴",
+        "recentListDelete": "削除",
+        "recentListEmpty": "最近のリストは現在空です。チームとチャットすると、ここに最近のミーティングが表示されます。",
+        "reducedUIText": "{{app}} にようこそ!",
+        "roomNameAllowedChars": "ミーティング名には、次の文字を含めないでください: ?, &, :, ', \", %, #.",
+        "roomname": "ルーム名を入力してください",
+        "roomnameHint": "参加したい部屋の名前または URL を入力してください。あなたが名前を付け、あなたが会っている人々に知らせて、同じ名前を入力してもらうだけです。",
+        "sendFeedback": "フィードバックを送信",
+        "startMeeting": "ミーティングを開始",
+        "terms": "利用規約",
+        "title": "安全、機能充実、そして完全無料のビデオミーティング"
+    }
+}
diff --git a/lang/main-kab.json b/lang/main-kab.json
new file mode 100644
index 0000000..c7dc057
--- /dev/null
+++ b/lang/main-kab.json
@@ -0,0 +1,1166 @@
+{
+    "addPeople": {
+        "add": "Nced",
+        "addContacts": "Snubget inermisen-ik·im",
+        "contacts": "inermisen",
+        "copyInvite": "Nɣel tinubga n temlilit",
+        "copyLink": "Nɣel aseɣwen n temlilit",
+        "copyStream": "Nɣel aseɣwen n usuddes usrid",
+        "countryNotSupported": "Ur nessefrak ara akka tura tawehhit-a.",
+        "countryReminder": "Tessawaleḍ-d beṛṛa n Marikan? Ttil-k·m wali ma tebdiḍ s tengalt n tmurt!",
+        "defaultEmail": "Imayl-ik•im amezwer",
+        "disabled": "Ur tezmireḍ ara ad tesnubgteḍ medden.",
+        "failedToAdd": "Timerna n yimttekkiyen ur teddi ara",
+        "footerText": "Asuḍen yensa.",
+        "googleEmail": "Imayl n Google",
+        "inviteMoreHeader": "Alla kečč i / kem i yellan deg temlilit",
+        "inviteMoreMailSubject": "Ddu ɣer temlilit {{appName}}",
+        "inviteMorePrompt": "Nced-d imdanen-nniḍen",
+        "linkCopied": "Aseɣwen ittwanɣel ɣer \"Ɣef afus\"",
+        "noResults": "Ulac igmaḍ n unadi yemṣadan",
+        "outlookEmail": "Imayl n Outlook",
+        "phoneNumbers": "uṭṭunen n tiliɣri",
+        "searching": "Anadi…",
+        "shareInvite": "Bḍu tinubga n temlilit",
+        "shareLink": "Bḍu aseɣwen n usarag i usnubget n wiyaḍ",
+        "shareStream": "Bḍu aseɣwen n usuddem usrid",
+        "sipAddresses": "tansiwin sip",
+        "telephone": "Tiliɣri: {{number}}",
+        "title": "Snubget-d imdanen ɣer temlilit-a",
+        "yahooEmail": "Imayl n Yahoo"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "headphones": "Isawaḍen n uqerru",
+        "none": "Ulac ibenkan n umeslaw i yellan",
+        "phone": "Tiliɣri",
+        "speaker": "Asawaḍ"
+    },
+    "audioOnly": {
+        "audioOnly": "Imesli kan"
+    },
+    "calendarSync": {
+        "addMeetingURL": "Rnu aseɣwen n temlilit",
+        "confirmAddLink": "Tebɣiḍ ad ternuḍ aseɣwen n Jitsi i uneḍru-a?",
+        "error": {
+            "appConfiguration": "Amsidef n uwitay ur yettuswel ara akken iwata.",
+            "generic": "Tella-d tuccḍa. Ttxil-k·m senqed iɣewwaren n uwitay-inek·inem neɣ ɛreḍ asnirem n uwitay.",
+            "notSignedIn": "Tella-d tuccḍa lawan n usesteb i wakken ad nwali ineḍuyen n uwitay. Ttxil-k·m senqed iɣewwaren n uwitay syen ɛreḍ anekcum tikkelt-nniḍen."
+        },
+        "join": "Ttekki",
+        "joinTooltip": "Ddu ɣer temlilit",
+        "nextMeeting": "timlilit tuḍfirt",
+        "noEvents": "Ulac ineḍruyen ɣer sdat yettusɣiwsen.",
+        "ongoingMeeting": "timlilit tetteddu",
+        "permissionButton": "Ldi iɣewwaren",
+        "permissionMessage": "Tasiregt n uwitay tettusra i wakken ad twaliḍ timlilit-ik.im ɣef usnas.",
+        "refresh": "Smiren awitay",
+        "today": "Ass-a"
+    },
+    "chat": {
+        "enter": "Kcem taxxamt",
+        "error": "Izen-inek·inem ur yettwazen ara. Taɣzint: {{error}}",
+        "fieldPlaceHolder": "Aru izen-inek·inem da",
+        "message": "Izen",
+        "messageAccessibleTitle": "{{user}} ad d-yeqqar:",
+        "messageAccessibleTitleMe": "ad qqareɣ:",
+        "messageTo": "Izen uslig i {{recipient}}",
+        "messagebox": "Aru izen",
+        "nickname": {
+            "popover": "Fren meffer isem",
+            "title": "Sekcem meffer isem i useqdec n usqerdec",
+            "titleWithPolls": "Sekcem meffer isem i useqdec n usqerdec"
+        },
+        "noMessagesMessage": "Ulac iznan akka tura deg temlilit. Bdu adiwenni da!",
+        "privateNotice": "Izen uslig i {{recipient}}",
+        "sendButton": "Azen",
+        "smileysPanel": "Afeggag n Emoji",
+        "tabs": {
+            "chat": "Asqerdec",
+            "polls": "Tifranin"
+        },
+        "title": "Asqerdec",
+        "titleWithPolls": "Asqerdec",
+        "you": "kečč·kemm"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Sbedd asiɣzef Chrome",
+        "close": "Mdel",
+        "dontShowAgain": "Ur iyi-d-ssutur ara aya tikkelt-nniḍen",
+        "installExtensionText": "Sbedd asiɣzef i umsidef n uwitay n Google d Office 365"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Tetteqqneḍ ɣer temlilit-ik·im…"
+    },
+    "connection": {
+        "ATTACHED": "Isedda",
+        "AUTHENTICATING": "Asesteb",
+        "AUTHFAIL": "Asesteb ur yeddi ara",
+        "CONNECTED": "Yeqqen",
+        "CONNECTING": "Tuqqna",
+        "CONNFAIL": "Tuqqna ur teddi yara",
+        "DISCONNECTED": "Ur yeqqin ara",
+        "DISCONNECTING": "Tuffɣa",
+        "ERROR": "Tuccḍa",
+        "FETCH_SESSION_ID": "Awway n usulay n tɣimit…",
+        "GET_SESSION_ID_ERROR": "Tuccḍa deg wawway n usulay n tɣimit: {{code}}",
+        "GOT_SESSION_ID": "Awway n usulay n tɣimit… Yemmed",
+        "LOW_BANDWIDTH": "Tettwasens tvidyut i {{displayName}} i wakken ad tettwaḥraz tehri n tseftit"
+    },
+    "connectionindicator": {
+        "address": "Tansa:",
+        "audio_ssrc": "Imesli SSRC:",
+        "bandwidth": "Tehri n tesfift yettuṛaǧun:",
+        "bitrate": "Aktum imsin:",
+        "bridgeCount": "Amḍan n uqeddac: ",
+        "codecs": "Codecs (A/V) : ",
+        "connectedTo": "Yeqqen ɣer:",
+        "framerate": "Afmiḍi n ukatar:",
+        "less": "Sken-d drus",
+        "localaddress": "Tansa tadigant:",
+        "localaddress_plural": "Tansiwin tidigganin:",
+        "localport": "Tawwurt tadigant:",
+        "localport_plural": "Tiwwura tidiganin:",
+        "maxEnabledResolution": "tuzna tafellayt",
+        "more": "Sken-d ugar",
+        "packetloss": "Asṛuḥu n ukemmus:",
+        "participant_id": "Id n umtteki:",
+        "quality": {
+            "good": "Telha",
+            "inactive": "D arurmid",
+            "lost": "Iruḥ",
+            "nonoptimal": "Mačči d win igerrzen",
+            "poor": "D igellil"
+        },
+        "remoteaddress": "Tansa tanmeggagt:",
+        "remoteaddress_plural": "Tansiwin tinmeggagin:",
+        "remoteport": "Tawwurt tanmeggagt:",
+        "remoteport_plural": "Tiwwura tinmeggagin:",
+        "resolution": "Ferru:",
+        "savelogs": "Sekles iɣmisen",
+        "status": "Tuqqna:",
+        "transport": "Tumnayt:",
+        "transport_plural": "Tumnayin:",
+        "video_ssrc": "Tavidyut SSRC:"
+    },
+    "dateUtils": {
+        "earlier": "Zik",
+        "today": "Ass-a",
+        "yesterday": "Iḍelli"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Tesriḍ asnas n uziraz {{app}} i wakken ad tettekkiḍ deg temlilit-a ɣef tiliɣri-inek·inem.",
+        "description": "Ulac d acu yeḍran? Neɛreḍ ad nseddu timlilit-inek·inem deg usnas n tnarit {{app}}. Ɛreḍ tikkelt-nniḍen neɣ seddu-tt deg usnas web {{app}}.",
+        "descriptionWithoutWeb": "Ulac d acu yeḍran? Neɛreḍ ad nseddu timlilit-inek·inem deg usnas n tnarit {{app}}.",
+        "downloadApp": "Sider-d asnas",
+        "ifDoNotHaveApp": "Ma yella mazal urɛad ur tesɛiḍ ara asnas:",
+        "ifHaveApp": "Ma yella tesɛiḍ yakan asnas:",
+        "joinInApp": "Ttekki deg usarag s useqdec n usnas",
+        "launchWebButton": "Seddu deg web",
+        "title": "Seddu timlilit-ik·im deg {{app}}…",
+        "tryAgainButton": "Ɛreḍ tikkelt-nniḍen ɣef tnarit"
+    },
+    "defaultLink": "md. {{url}}",
+    "defaultNickname": "am. Jayn Pink",
+    "deviceError": {
+        "cameraError": "Ugur deg unekcum ɣer tkamirat-inek·inem",
+        "cameraPermission": "Ugur deg wawway n tsiregt n tkamiṛat",
+        "microphoneError": "Ugur deg unekcum ɣer usawaḍ-inek·inem",
+        "microphonePermission": "Ugur deg wawway n tsiregt n usawaḍ"
+    },
+    "deviceSelection": {
+        "noPermission": "Ur d-tettunefk ara tsiregt",
+        "previewUnavailable": "Ulac taskant",
+        "selectADevice": "Fren ibenk",
+        "testAudio": "Urar imesli n usekyed"
+    },
+    "dialOut": {
+        "statusMessage": "tura d {{status}}"
+    },
+    "dialog": {
+        "Back": "Uɣal",
+        "Cancel": "Sefsex",
+        "IamHost": "Nekk d asenneftaɣ",
+        "Ok": "IH",
+        "Remove": "Sfeḍ",
+        "Share": "Bḍu",
+        "Submit": "Azen",
+        "WaitForHostMsg": "Asarag mazal ur yebdi ara. Ma yella d kečč·kemm i d asenneftaɣ, ttxil-k·m ilaq usesteb. Ma yella xaṭi, ttxil-k·m rǧu asenneftaɣ ad d-yaweḍ.",
+        "WaitingForHostTitle": "Aṛaǧu n usenneftaɣ…",
+        "Yes": "Ih",
+        "accessibilityLabel": {
+            "liveStreaming": "Asuddim usrid"
+        },
+        "add": "Rnu",
+        "allow": "Sireg",
+        "alreadySharedVideoMsg": "Imttekki-nniḍen yebḍa-d yakan tavidyut. Asarag-a yessirig kan yiwet n tvidyut yettwabḍan yal tikkelt.",
+        "alreadySharedVideoTitle": "Ala yiwet n tvidyut yettwabḍan yettusirgen yal tikkelt",
+        "applicationWindow": "Asfaylu n usnas",
+        "authenticationRequired": "Tlaq tuqqna",
+        "cameraConstraintFailedError": "Takamiṛat-ik·im ur tqudar ara kra n tlisa yettusran.",
+        "cameraNotFoundError": "Ur nufi ara takamirat.",
+        "cameraNotSendingData": "Ur nessaweḍ ara ad nekcem er tkamiṛat-inek·inem. Ma ulac aɣilif wali ma yella usnas-nniḍen yesseqdacen ibenk-a, fren ibenk-nniḍen seg wumuɣ n yiɣewwaren neɣ ɛreḍ ad talseḍ asmiren n usnas.",
+        "cameraNotSendingDataTitle": "Anekcum ɣer tkamiṛat ulamek",
+        "cameraPermissionDeniedError": "Ur tefkiḍ ara tisirag i useqdec n tkamiṛat-inek·inem. Mazal tzemreḍ ad tettekkiḍ deg usarag maca wiyaḍ ur ak·akem-id-ttwalin ara. Seqdec taqeffalt n tkamiṛat deg ufeggag n tansiwin i wakken ad tefruḍ ugur.",
+        "cameraTimeoutError": "Ur yezmir ara ad ibdu aɣbalu n tvudyut. Yemmut umenḍar!",
+        "cameraUnknownError": "Ur tezmireḍ ara ad tesqedceḍ takamiṛat, ur neẓri ara acuɣer.",
+        "cameraUnsupportedResolutionError": "Takamiṛat-ik·im ur tessefrak ara afray tvidyut yettusran.",
+        "close": "Mdel",
+        "conferenceDisconnectMsg": "Ilaq-ak·am ad tesneqdeḍ tuqqna-inek·inem ɣer uzeṭṭa. Allus n tuqqna deg {{seconds}} tisinin…",
+        "conferenceDisconnectTitle": "Tettwasuffɣeḍ.",
+        "conferenceReloadMsg": "Nettaɛraḍ ad nṣeggem aya. Allus n tuqqna deg {{seconds}} tisinin…",
+        "conferenceReloadTitle": "Nesḥassef, yella wayen ur nteddu ara akken ilaq.",
+        "confirm": "Sentem",
+        "confirmNo": "Uhu",
+        "confirmYes": "Ih",
+        "connectError": "Nesḥassef! Yella wayen ur nteddu ara akken iwata, ur nezmir ara ad neqqen ɣer usarag.",
+        "connectErrorWithMsg": "Nesḥassef! Yella wayen ur nteddu ara akken iwata, ur nezmir ara ad neqqen ɣer usarag: {{msg}}",
+        "connecting": "Yetteqqen",
+        "contactSupport": "Anermis n tallelt",
+        "copied": "Yenɣel",
+        "copy": "Nɣel",
+        "dismiss": "Agwi",
+        "displayNameRequired": "Azul! Isem-ik·im?",
+        "done": "Immed",
+        "e2eeDescription": "Awgelhen seg yixef er yixef d ARMITAN akka tura. Ma ulac aɣilif err deg walliɣ-ik·im armad n uwgelhen seg yixef ɣer yixef ad issens akken iwata imeẓla i d-yettwamudden tama n yiqeddacen am: usekles, asuddem usrid d uttekki s tiliɣri. Err deg wallaɣ-ik·im daɣen, timlilit ad teddu kan i yimdanen i yettekkan seg yiminiggen yessefraken aragen i izemren ad ttwaskecmen.",
+        "e2eeDisabledDueToMaxModeDescription": "Ur yezmir ara ad irmed awgelhen si ixef-ɣer-yixef acku aṭas i yellan n yimettekiyen.",
+        "e2eeLabel": "Tasarut E2EE",
+        "e2eeWarning": "Ɣur-k·m: Mačči akk imttekkiyen n temlilit-a ttbanen ssefraken awgelhen seg yixef ɣer yixef. Ma yella tesremdeḍ-t, ur ssawaḍen ara ad ak·am-id-walin, ur ssawaḍen ad ak·am-d-slen.",
+        "e2eeWillDisableDueToMaxModeDescription": "Ɣur-k.m: Awgelhen si ixef-ɣer-yixef ad yens s wudem awurman ma rnan-d ugar n yimettekiyen.",
+        "embedMeeting": "Sleɣ timlilit",
+        "enterDisplayName": "Ttxil-k·m sekcem isem-ik·im da",
+        "error": "Tuccḍa",
+        "gracefulShutdown": "Ameẓlu-nneɣ akka tura yensa i uṣeggem. Ma ulac aɣilif ɛreḍ tikkelt-nniḍen.",
+        "grantModeratorDialog": "Tebγiḍ s tidet ad tefkeḍ izerfan n usektem i {{participantName}}?",
+        "grantModeratorTitle": "Efk  izerfan n usektem",
+        "hideShareAudioHelper": "Ur d-skan ara adiweni-agi tikelt nniḍen",
+        "incorrectPassword": "Isem n useqdac neɣ awal uffir ud arameɣt",
+        "incorrectRoomLockPassword": "Awal uffir d arameɣtu",
+        "internalError": "Nesḥassef! Yella wayen ur nteddu ara akken iwata. Tuccḍa i d-iteddun i d-yeḍran: {{error}}",
+        "internalErrorTitle": "Tuccḍa tagensant",
+        "kickMessage": "Tzemreḍ ad tremseḍ {{participantDisplayName}} i wugar n telqayt.",
+        "kickParticipantButton": "Suffeɣ",
+        "kickParticipantDialog": "Tebɣiḍ s tidet ad tsuffɣeḍ imttekki-a?",
+        "kickParticipantTitle": "Suffeɣ amttekki-a?",
+        "kickTitle": "Ay! {{participantDisplayName}} isuffeɣ-ik·ikem-d seg temlilit",
+        "liveStreaming": "Asuddem usrid",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "D awezɣi ma yili yermed usekles",
+        "liveStreamingDisabledTooltip": "Beddu n usuddem usrid yensa.",
+        "localUserControls": "Isenqaden n useqdac adigan",
+        "lockMessage": "Asekkeṛ n usarag ur yeddi ara.",
+        "lockRoom": "Rnu timlilit $t(lockRoomPasswordUppercase)",
+        "lockTitle": "Asekkeṛ ur yeddi ara",
+        "login": "Aseqdac",
+        "logoutQuestion": "S tidet tebɣiḍ ad teffɣeḍ rnu ad tesḥebseḍ asarag?",
+        "logoutTitle": "Tufɣa",
+        "maxUsersLimitReached": "Talast n umḍan afellay n yimttekkiyen yewweḍ. Asarag yeččur. Ma ulac aɣilif nermes bab n temlilit neɣ ɛreḍ ticki!",
+        "maxUsersLimitReachedTitle": "Talast n usekles tewweḍ",
+        "micConstraintFailedError": "Asawaḍ-inek·inem ur iqudar ara kra n tlisa yettusran.",
+        "micNotFoundError": "Ur yettwawef ara usawaḍ.",
+        "micNotSendingData": "Ruḥ ɣer yiɣewwaren n uselkim-inek·inem i wakken ad talseḍ armad n usawaḍ-inek·inem, rnu semsawi aswir-ines",
+        "micNotSendingDataTitle": "Asawaḍ-inek·inem yettwasgugem seg yiɣewwaren n unagraw-inek·inem",
+        "micPermissionDeniedError": "Ur tefkiḍ ara tisirag i useqdec n usawa-inek·inem. Mazal tzemreḍ ad tettekkiḍ deg usarag maca wiyaḍ ur ak·akem-id-sellen ara. Seqdec taqeffalt n tkamiṛat deg ufeggag n tansiwin i wakken ad tefruḍ ugur.",
+        "micTimeoutError": "Ur yezmir ara ad ibdu aɣbalu n yimesli. Yemmut umenḍar!",
+        "micUnknownError": "Ur tezmireḍ ara ad tesqedceḍ asawaḍ, ur neẓri ara acuɣer.",
+        "moderationAudioLabel": "Sireg imttekiyen ad ksen iesli i yiman-nsen",
+        "moderationVideoLabel": "Sireg imttekiyen ad bdun tavidyut i yiman-nsen",
+        "muteEveryoneDialog": "Tebɣiḍ s tidet ad tsenseḍ yal yiwen? Ur tettizmireḍ ara ad talseḍ armad-nsen, maca zemren ad alsen armad melmi i bɣan.",
+        "muteEveryoneDialogModerationOn": "Zemren imttekiyen ad aznen asuter n umeslay deg yal lawan.",
+        "muteEveryoneElseDialog": "Akken ara yens yimesli, ur tettizmireḍ ara ad talseḍ armad-ines, maca zemren ad alsen armad-ines melmi i bɣan.",
+        "muteEveryoneElseTitle": "Sgugem yal yiwen slid {{whom}}?",
+        "muteEveryoneElsesVideoDialog": "Ticki takamiṛat tensa, ur tettizmireḍ ara ad talseḍ armad-ines, maca nutni zemren ad alsen armad-ines melmi i bɣan.",
+        "muteEveryoneElsesVideoTitle": "Seḥbes tavidyut n yal yiwen ala {{whom}}?",
+        "muteEveryoneSelf": "iman-ik·im",
+        "muteEveryoneStartMuted": "Yal yiwen ad yebdu s tsusmi seg tura",
+        "muteEveryoneTitle": "Sgugem yal yiwen?",
+        "muteEveryonesVideoDialog": "Zemren imttekiyen ad remden tavidyut-nsen deg yal lawan.",
+        "muteEveryonesVideoDialogModerationOn": "Zemren imttekiyen ad aznen asuter ad remden tavidyut-nsen deg yal lawan.",
+        "muteEveryonesVideoDialogOk": "Désactiver",
+        "muteEveryonesVideoTitle": "Seḥbes tavidyut n yal yiwen?",
+        "muteParticipantBody": "Ur tettizmireḍ ara ad talseḍ armad-nsen, maca zemren ad alsen armad melmi i bɣan.",
+        "muteParticipantButton": "Kkes imesli",
+        "muteParticipantDialog": "Tebɣiḍ s tidet ad tsenseḍ imttekki-a? Ur tettizmireḍ ara ad talseḍ armad-nsen, maca zemren ad alsen armad melmi i bɣan.",
+        "muteParticipantTitle": "Sgugem imttekki-a?",
+        "muteParticipantsVideoBody": "Ur tezmareḍ ara ad talseḍ armad n tkamiṛat , maca zemren ad alsen armad melmi i bɣan.",
+        "muteParticipantsVideoButton": "Seḥbes tavidyut n Youtube",
+        "muteParticipantsVideoDialog": "Tebɣiḍ s tidet ad tsenseḍ takamiṛat n umttekki-a? Ur tettizmireḍ ara ad talseḍ armad-is, maca nutni zemren ad alsen armad melmi i bɣan.",
+        "muteParticipantsVideoTitle": "Seḥbes takamiṛat n yimttekki-a?",
+        "noDropboxToken": "Ajiṭun n Dropbox mačči d ameɣtu",
+        "password": "Awal uffir",
+        "passwordLabel": "Timlilit tettwamdel sɣur yiwen yimttekki. Ttil-k·m sekcem $t(lockRoomPassword) i uttekki.",
+        "passwordNotSupported": "Iɣewwaren n temlilit $t(lockRoomPassword) ur ttusefraken ara.",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) ur yettusefrak ara",
+        "passwordRequired": "$t(lockRoomPasswordUppercase) yettusra",
+        "permissionCameraRequiredError": "Tasiregt n tkamiṛat tettwasra i uttekki deg yisaragen s tvidyut. Ma ulac aɣilif, sireg-itt deg Yiɣewwaren",
+        "permissionErrorTitle": "Isra tisirag",
+        "permissionMicRequiredError": "Tasiregt n usawad tettwasra i uttekki deg yisaragen s umeslaw. Ma ulac aɣilif, sireg-it deg Yiɣewwaren",
+        "popupError": "Iminig-ik·im yessewḥal isfuyla udhimen n usmel-a. Ma ulac aɣilif rmed isfuyla udhimen deg yiɣewwaren n yiminig-inek·inem syen ɛreḍ tikkelt-nniḍen.",
+        "popupErrorTitle": "Isfuyla udhimen ttusweḥlen",
+        "readMore": "ugar",
+        "recording": "Asekles",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "D awezɣi ma yili yermed usuddem usrid",
+        "recordingDisabledTooltip": "Beddu n usekles yensa.",
+        "rejoinNow": "Rnu tura",
+        "remoteControlAllowedMessage": "{{user}} yeqbel asuter-ik·im n usenqed anmeggag!",
+        "remoteControlDeniedMessage": "{{user}} yugi asuter-ik·im n usenqed anmeggag!",
+        "remoteControlErrorMessage": "Tella-d tuccḍa mi ara nettaɛraḍ ad nsuter tisirag n usenqed anmeggag seg {{user}}!",
+        "remoteControlRequestMessage": "Tebɣam ad tsirgem {{user}} ad yessenqed tanarit-nwen?",
+        "remoteControlShareScreenWarning": "Err ddehn-ik·im, ma yella tsateḍ ɣef \"Sireg\" ad tebḍuḍ agdil-inek·inem!",
+        "remoteControlStopMessage": "Tiɣimit n usenqed anmeggag tfukk!",
+        "remoteControlTitle": "Asenqed agemmaḍ n tnarit",
+        "remoteUserControls": "Isenqaden n useqdac anmeggag n {{username}}",
+        "removePassword": "Kkes $t(lockRoomPassword)",
+        "removeSharedVideoMsg": "D tidet tebɣiḍ ad tekkseḍ tavidyut-inek·inem yettwabḍan?",
+        "removeSharedVideoTitle": "Kkes tavidyut yettwabḍan",
+        "reservationError": "Tuccḍa deg unagraw n uḥerri",
+        "reservationErrorMsg": "Tangalt n tuccḍa: {{code}}, izen: {{msg}}",
+        "retry": "Ɛreḍ tikkelt-nniḍen",
+        "screenSharingAudio": "Bḍu ameslaw",
+        "screenSharingFailed": "Suref-aɣ! Yella wayen ur neddi ara akken iwata, ur nessaweḍ ara ad nsenker beṭṭu n ugdil!",
+        "screenSharingFailedTitle": "Beṭṭu n ugdil ur yeddi ara!",
+        "screenSharingPermissionDeniedError": "Nesḥassef! Yella wayen ur nteddu ara akken iwata d tsirag n beṭṭu n ugdil. Ma ulac aɣilif ales asali syen ɛreḍ tikkelt-nniḍen.",
+        "sendPrivateMessage": "Tremseḍ-d melmi kan izen uslig. Tebɣiḍ ad terreḍ fell-as s wudem uslig neɣ tebɣiḍ ad tazneḍ izen-inek·inem ɣer ugraw?",
+        "sendPrivateMessageCancel": "Azen ɣer ugraw",
+        "sendPrivateMessageOk": "Azen s wudem uslig",
+        "sendPrivateMessageTitle": "Azen s wudem uslig?",
+        "serviceUnavailable": "Ulac ameẓlu",
+        "sessTerminated": "Yekfa usiwel",
+        "sessionRestarted": "Allus n usenker n usiwel s ttawil n tqenṭert",
+        "shareAudio": "Continuer",
+        "shareAudioTitle": "Amek ara tebḍuḍ imesli",
+        "shareAudioWarningD1": "ilaq ad tesḥebseḍ beṭṭu n ugdil send beṭṭu n yimesli inek.inem.",
+        "shareAudioWarningD2": "tesriḍ ad talseḍ asenker n beṭṭu n ugdil rnu senqed taxtiṛt \"bḍu ameslaw\".",
+        "shareAudioWarningH1": "Ma yella tebɣiḍ ad tebḍuḍ kan ameslaw:",
+        "shareAudioWarningTitle": "Ilaq ad tesḥebseḍ beṭṭu n ugdil send beṭṭu n umeslaw",
+        "shareMediaWarningGenericH2": "Ma yella tebɣiḍ ad tebḍuḍ agdil d umeslaw",
+        "shareScreenWarningD1": "ilaq ad tesḥebseḍ beṭṭu n umeslaw send beṭṭu n ugdil.",
+        "shareScreenWarningD2": "tesriḍ ad tesḥebseḍ beṭṭu n umeslaw, senker beṭṭu n ugdil rnu senqed taxtiṛt \"bḍu ameslaw\".",
+        "shareScreenWarningH1": "Ma yella tebɣiḍ ad tebḍuḍ kan agdil:",
+        "shareScreenWarningTitle": "Ilaq ad tesḥebseḍ beṭṭu n umeslaw send beṭṭu n ugdil",
+        "shareVideoLinkError": "Ttxil-k·m mudd-d aseɣwen n Youtube ameɣtu.",
+        "shareVideoTitle": "Bḍu tavidyut",
+        "shareYourScreen": "Bḍut agdil-ik·im",
+        "shareYourScreenDisabled": "Beṭṭu n ugdil yensa.",
+        "sharedVideoLinkPlaceholder": "Aseɣwen n Youtube neɣ aseɣwen n tvidyut srid",
+        "startLiveStreaming": "Bdu asuddem usrid",
+        "startRecording": "Bdu asekles",
+        "startRemoteControlErrorMessage": "Tella-d tuccḍa mi nettaɛraḍ ad nebdu tiɣimit n usenqed anmeggag!",
+        "stopLiveStreaming": "Seḥbes asuddem usrid",
+        "stopRecording": "Seḥbes asekles",
+        "stopRecordingWarning": "S tidet tebɣiḍ ad tesḥebseḍ asekles?",
+        "stopStreamingWarning": "S tidet tebɣiḍ ad tesḥebseḍ asuddem usrid?",
+        "streamKey": "Tasarut n usuddem usrid",
+        "thankYou": "Tanemmirt ɣef useqdec n {{appName}}!",
+        "token": "ajuṭu",
+        "tokenAuthFailed": "Suref-aɣ, ur tesɛiḍ ara tisirag ad tettekkiḍ deg usiwel-a.",
+        "tokenAuthFailedTitle": "Asesteb ur yeddi ara",
+        "transcribing": "Aseskel",
+        "unlockRoom": "Kkes timlilit $t(lockRoomPassword)",
+        "user": "Aseqdac",
+        "userIdentifier": "Asulay n useqdac",
+        "userPassword": "Awal uffir n useqdac",
+        "videoLink": "Aseɣwen n tvidyut",
+        "viewUpgradeOptions": "Wali iɣewaṛen n uleqqem",
+        "viewUpgradeOptionsContent": "I wakken ad tesεuḍ anekcum war talast ɣer tmahilin premium am usekles, azemmem, asuddem RTMP & wayen-nniḍen, ilaq ad tleqqmeḍ aɣawas-ik·im.",
+        "viewUpgradeOptionsTitle": "Tufid-d tamahilt premium!",
+        "yourEntireScreen": "Meṛṛa agdil-inek·inem"
+    },
+    "documentSharing": {
+        "title": "Yebḍa isemli"
+    },
+    "e2ee": {
+        "labelToolTip": "Taywalt s umeslaw akked tvidyut deg usiwel-a tettwawgelhen seg yixef ɣer yixef"
+    },
+    "embedMeeting": {
+        "title": "Sleɣ timlilit-a"
+    },
+    "feedback": {
+        "average": "D alemmas",
+        "bad": "Diri-t",
+        "detailsLabel": "Ini-yi-d ugar fell-as.",
+        "good": "Yelha",
+        "rateExperience": "Ttxil-k·m ktazel tarmit-ik·im n temlilit",
+        "star": "Itri",
+        "veryBad": "Diri-t maḍi",
+        "veryGood": "Yelha maḍi"
+    },
+    "helpView": {
+        "title": "Agens n tallalt"
+    },
+    "incomingCall": {
+        "answer": "Tiririt",
+        "audioCallTitle": "Asiwel i ikcem-d",
+        "decline": "Agwi",
+        "productLabel": "seg Jitsi Meet",
+        "videoCallTitle": "Asiwel s tvidyut ikcem-d"
+    },
+    "info": {
+        "accessibilityLabel": "Sken talɣut",
+        "addPassword": "Rnu $t(lockRoomPassword)",
+        "cancelPassword": "Sefsex $t(lockRoomPassword)",
+        "conferenceURL": "Aseɣwen:",
+        "copyNumber": "Nɣel uṭṭun",
+        "country": "Tamurt",
+        "dialANumber": "I uttekki deg temlilit-inek·inem, suddes yiwen seg wuṭṭunen-a syen sekcem tangalt pin.",
+        "dialInConferenceID": "PIN:",
+        "dialInNotSupported": "Suref-aɣ, tuqqna akka tura ur yettusefrak ara.",
+        "dialInNumber": "Suddes uṭṭun:",
+        "dialInSummaryError": "Tella-d tuccḍa deg tririt n telɣut n tuqqna, tura. Ma ulac aɣilif ɛreḍ tikkelt-nniḍen ticki.",
+        "dialInTollFree": "Siwel baṭel",
+        "genericError": "Suref-aɣ, yella wayen ur nteddu ara akken iwata.",
+        "inviteLiveStream": "I uwali n usuddem usrid n temlilit-a, sit ɣef useɣwen-a: {{url}}",
+        "invitePhone": "I uttekki s tiliɣri, sit da: {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Tettnadiḍ uṭṭun-nniḍen n usiwel?\nWali uṭṭunen n tiliɣri i temlilit: {{url}}\n\n\nMa yella teqqneḍ s tilifun n texxamt, ttekki war ma teqqneḍ ɣer umeslaw: {{silentUrl}}",
+        "inviteSipEndpoint": "I tmerna s useqdec n tansa n SIP, sekcem wa: {{sipUri}}",
+        "inviteTextiOSInviteUrl": "Sit ɣef useɣwen-a i wakken ad ternuḍ: {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "Ma yella tetteqneḍ s wuṭṭun n texxamt, seqdec aseɣwen-a i wakken ad ternuḍ war ma teqqneḍ ɣer umeslaw: {{silentUrl}}.",
+        "inviteTextiOSPersonal": "{{name}} isnubget-ik·ikem ɣer temlilit.",
+        "inviteTextiOSPhone": "I tmerna s wuṭṭun n tiliɣri, seqdec uṭṭun-a: {{number}},,{{conferenceID}}#. Ma yella tettnadiḍ uṭṭun-nniḍen, ha-tt-a tebdart teččur: {{didUrl}}.",
+        "inviteURLFirstPartGeneral": "Tettwanecdeḍ ad tettekkiḍ deg temlilit.",
+        "inviteURLFirstPartPersonal": "{{name}} isnubget-ik·ikem ɣer temlilit.\n",
+        "inviteURLSecondPart": "\nRnu ɣer temlilit:\n{{url}}\n",
+        "label": "Talɣut n temlilit",
+        "liveStreamURL": "Asuddim usrid:",
+        "moreNumbers": "Ugar n wuṭṭunen",
+        "noNumbers": "Ulac uṭṭun n usiwel.",
+        "noPassword": "Ula d yiwen",
+        "noRoom": "Ulac taxxamt i yettwafernen i usiwel ɣer-s.",
+        "numbers": "Uṭṭunen n usiwel",
+        "password": "$t(lockRoomPasswordUppercase) :",
+        "sip": "Tansiwin SIP",
+        "title": "Bḍu",
+        "tooltip": "Bḍu aseɣwen d telɣut n tuqqna n temlilit-a"
+    },
+    "inlineDialogFailure": {
+        "msg": "Yewwet-aɣ ciṭuḥ wugur.",
+        "retry": "Ɛreḍ tikkelt-nniḍen",
+        "support": "Tallalt",
+        "supportMsg": "Ma yella aya mazal iḍerru, nermes-aɣ-d ɣer"
+    },
+    "inviteDialog": {
+        "alertText": "Ancad n kra n yimttekkiyen ur yeddi ara.",
+        "header": "Nced",
+        "searchCallOnlyPlaceholder": "Sekcem uṭṭun n tiliɣri",
+        "searchPeopleOnlyPlaceholder": "Nadi imttekkiyen",
+        "searchPlaceholder": "Imttekki neɣ uṭṭun n tiliɣri",
+        "send": "Azen"
+    },
+    "jitsiHome": "{{logo}} Alugu, iseɣwan ɣer usebter agejdan",
+    "keyboardShortcuts": {
+        "focusLocal": "Err ddehn-ik·im ɣer tavidiyut-ik·im",
+        "focusRemote": "Err ddehn-ik·im ɣer tvdyutin n wiyaḍ",
+        "fullScreen": "Rmed neɣ ffeɣ seg ugdil aččuran",
+        "keyboardShortcuts": "Inegzumen n unasiw",
+        "localRecording": "Sken neɣ ffer isenqaden idiganen n usekles",
+        "mute": "Rmed neɣ sens asawaḍ",
+        "pushToTalk": "Sit akken ad temmeslayeḍ",
+        "raiseHand": "Sali neɣ ṣubb afus-ik·im",
+        "showSpeakerStats": "Sken addaden n yimsiwel",
+        "toggleChat": "Ldi neɣ mdel agalis n usqerdec",
+        "toggleFilmstrip": "Sken neɣ ffer tinfulin n tvidyutin",
+        "toggleParticipantsPane": "Sken neɣ ffer agalis n yimttekkiyen",
+        "toggleScreensharing": "Uɣal gar tkamiṛat d beṭṭu n ugdil",
+        "toggleShortcuts": "Sken neɣ ffer inegzumen n unasiw",
+        "videoMute": "Sker neɣ seḥbes takamiṛat inek·inem"
+    },
+    "liveStreaming": {
+        "busy": "Aql-aɣ nxeddem ad d-neslelli tiɣbula n usuddem. Ma ulac aɣilif, ɛreḍ tikkelt-nniḍen deg kra n tesdidin.",
+        "busyTitle": "Meṛṛa igalisen akka tura ceɣlen",
+        "changeSignIn": "Beddel imiḍanen.",
+        "choose": "Fren asuddem usrid",
+        "chooseCTA": "Fren taxtiṛit n usuddem. Aql-ak·akem tura tkecmeḍ s {{email}}.",
+        "enterStreamKey": "Sekcem tasarut-ik·im n usuddem usrid n Youtube da.",
+        "error": "Asuddem usrid ur yeddi ara. Ttxilek ɛreḍ tikkelt-nniḍen.",
+        "errorAPI": "Tella-d tuccḍa deg unekcum ɣer tnezwit-inek·inem ɣef Youtube. Ma ulac aɣilif ɛreḍ anekcum tikkelt-nniḍen.",
+        "errorLiveStreamNotEnabled": "Asuddem usrid ur yettwarmed ara deg {{email}}. Ma ulac aɣilif rmed asuddem usrid neɣ kcem ɣer umiḍan s usuddem usrid yettwaremden.",
+        "expandedOff": "Asuddes usrid yettuseḥbes",
+        "expandedOn": "Timlilit ha-tt-a akka tura tettɛeddi-d deg Youtuba.",
+        "expandedPending": "Asuddem usrid ha-t-an ad yebdu…",
+        "failedToStart": "Ur yesmurres wusrid deg uqlaɛ",
+        "getStreamKeyManually": "Ur nessaweḍ ara ad d-nerr ula d yiwen n usuddem usrid. Ɛreḍ ad d-tawiḍ tasarut-ik·im n usuddem usrid seg Youtube.",
+        "googlePrivacyPolicy": "Tasertit tabaḍnit n Google",
+        "invalidStreamKey": "Tasarut n usuddem usrid yezmer mačči d tameɣtut.",
+        "limitNotificationDescriptionNative": "Asuddem-inek·inem ad yesɛu kan {{limit}} tesdidin. I usuddem war talast ɛreḍ {{app}}.",
+        "limitNotificationDescriptionWeb": "Seg wakken yegget usuter, asuddem-inek·inem ad yesɛu talast n {{limit}} tesdidin. I usuddem n war tilas, ɛreḍ <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "off": "Asuddem usrid yettuḥbes",
+        "offBy": "{{name}} iseḥbes asuddem usrid",
+        "on": "Yebda usuddem usrid",
+        "onBy": "{{name}} yebda asuddem usrid",
+        "pending": "Beddu n usuddem usrid…",
+        "serviceName": "Ameẓlu n usuddem usrid",
+        "signIn": "Qqen s Google",
+        "signInCTA": "Qqen neɣ sekcem tasarut-ik·im n usuddem usrid seg Youtube.",
+        "signOut": "Ffeɣ",
+        "signedInAs": "Aql-ak·akem akka tura teqqneḍ d:",
+        "start": "Bdu asuddem usrid",
+        "streamIdHelp": "D acu-t wa?",
+        "unavailableTitle": "Ulac asuddem usrid",
+        "youtubeTerms": "Tiwtilin n yimeẓla n Youtube"
+    },
+    "lobby": {
+        "allow": "Sireg",
+        "backToKnockModeButton": "Ulac awal uffir, suter attekki deg ubdil-is",
+        "dialogTitle": "Askar Lobby",
+        "disableDialogContent": "Askar Lobby akka tura yettwarmed. Tamahilt-a ad teḍmen timlilit-ik·im seg yir imttekkiyen, ur ttizmiren ara ad d-kecmen ɣer-s. Tebɣiḍ ad tt-tsenseḍ?",
+        "disableDialogSubmit": "Sens",
+        "emailField": "Sekcem tansa-inek·inem n yimayl",
+        "enableDialogPasswordField": "Sbadu awal uffir (d afrayan)",
+        "enableDialogSubmit": "Rmed",
+        "enableDialogText": "Askar Lobby ad yeǧǧ timlilit-ik·im tettummesten s usireg n unekcum n yimdanen seld aqbal alɣan sɣur amaẓrag.",
+        "enterPasswordButton": "Sekcem awal uffir n temlilit",
+        "enterPasswordTitle": "Sekcem awal uffir i uttekki deg temlilit",
+        "errorMissingPassword": "Ma ulac aɣilif, sekcem awal n uεeddi n temlilit",
+        "invalidPassword": "Yir awal uffir",
+        "joinRejectedMessage": "Asuter-inek·inem n uttekki yettwagi sɣur amaẓrag.",
+        "joinTitle": "Ttekki deg temlilit",
+        "joinWithPasswordMessage": "Aneɛruḍ n uttekki s wawal uffir, ttxil-k·m rǧu…",
+        "joiningMessage": "Ad tettekkiḍ deg temlilit akken kan ara yeqbel walbaɛḍ asuter-inek·inem",
+        "joiningTitle": "Asuter n uttekki deg temlilit…",
+        "joiningWithPasswordTitle": "Attekki s wawal uffir…",
+        "knockButton": "Suter attekki",
+        "knockTitle": "Yella win yebɣan ad ittekki deg temlilit",
+        "knockingParticipantList": "Tadbart n yimttekkiyen n usṭebṭeb",
+        "nameField": "Sekcem isem-ik·im",
+        "notificationLobbyAccessDenied": "{{targetParticipantName}} yettwagi ad yernu sɣur {{originParticipantName}}",
+        "notificationLobbyAccessGranted": "{{targetParticipantName}} yettusireg ad yernu sɣur {{originParticipantName}}",
+        "notificationLobbyDisabled": "Lobby yettwasens sɣur {{originParticipantName}}",
+        "notificationLobbyEnabled": "Lobby yettwarmed sɣur {{originParticipantName}}",
+        "notificationTitle": "Taxxamt n uraǧu",
+        "passwordField": "Sekcem awal uffir n temlilit",
+        "passwordJoinButton": "Semlil",
+        "title": "Taxxamt n uraǧu",
+        "toggleLabel": "Rmed Lobby"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Insa",
+            "on": "Irmed",
+            "unknown": "D arussin"
+        },
+        "dialogTitle": "Isenqaden n usekles adigan",
+        "duration": "Tanzagt",
+        "durationNA": "N/A",
+        "encoding": "Asettengel",
+        "label": "LOR",
+        "labelToolTip": "Asekles adigan iteddu",
+        "localRecording": "Asekles adigan",
+        "me": "Nekk",
+        "messages": {
+            "engaged": "Asekles adigan yedda.",
+            "finished": "Asekles n tɣimit {{token}} yemmed. Ttxil-k·m azen afaylu yettwaskelsen i umaẓrag.",
+            "finishedModerator": "Asekles n tɣimit {{token}} ifukk. Asekles n umeslaw adigan yettwaḥrez. Ma ulac aɣilif suter deg yimttekkiyen-nniḍen ad d-aznen iseklas-nsen.",
+            "notModerator": "Kečč·kemm mačči d amaẓrag. Ur tezmireḍ ara ad tebduḍ neɣ ad tesḥebseḍ asekles adigan."
+        },
+        "moderator": "Aseɣyad",
+        "no": "Uhu",
+        "participant": "Imttekki",
+        "participantStats": "Addad n yimttekki",
+        "sessionToken": "Ajuṭu n tɣimit",
+        "start": "Bdu asekles",
+        "stop": "Seḥbes asekles",
+        "yes": "Ih"
+    },
+    "lockRoomPassword": "awal uffir",
+    "lockRoomPasswordUppercase": "Mot de passe",
+    "lonelyMeetingExperience": {
+        "button": "Snubget-d wiyaḍ",
+        "youAreAlone": "D kečč·kemm kan i yellan deg temlilit"
+    },
+    "me": "nek",
+    "notify": {
+        "OldElectronAPPTitle": "Ur teǧhid ara tɣellist!",
+        "allowAction": "Sireg",
+        "allowedUnmute": "Tzemreḍ ad tekkseḍ asgugem i usawaḍ-ik·im, ad tesnekreḍ takamiṛat neɣ ad tebḍuḍ agdil.",
+        "connectedOneMember": "{{name}} yerna ɣer temlilit",
+        "connectedThreePlusMembers": "{{name}} d {{count}} wiyaḍ rnan ɣer temlilit",
+        "connectedTwoMembers": "{{first}} d {{second}} rnan ɣer temlilit",
+        "disconnected": "yeffeɣ",
+        "focus": "Afukus n usarag",
+        "focusFail": "{{component}} ulac-it - ɛreḍ deg {{ms}} tesinin",
+        "groupTitle": "Ilɣa",
+        "hostAskedUnmute": "Imḍebber yebɣa ad temmeslayeḍ",
+        "invitedOneMember": "{{name}} yettwanced-d",
+        "invitedThreePlusMembers": "{{name}} d {{count}} wiyaḍ ttwanecden-d",
+        "invitedTwoMembers": "{{first}} d {{second}} ttwanecden-d",
+        "kickParticipant": "{{kicked}} isuffeɣ-it {{kicker}}",
+        "me": "Nekk",
+        "moderationInEffectCSDescription": "Ma ulac aɣilif, rfed afus-ik·im ma tebɣiḍ ad tebḍuḍ agdil.",
+        "moderationInEffectCSTitle": "Beṭṭu n ugdil yettusewḥel sɣur yimḍebber",
+        "moderationInEffectDescription": "Ma ulac aɣilif, rfed afus-ik·im ma tebɣiḍ ad temmeslayeḍ.",
+        "moderationInEffectTitle": "Asawaḍ-ik·im yettwasgugem sɣur yimḍebber",
+        "moderationInEffectVideoDescription": "Ma ulac aɣilif, rfed afus-ik·im ma tebɣiḍ ad tesnekreḍ takamiṛat.",
+        "moderationInEffectVideoTitle": "Takamiṛat-ik·im tettusewḥel sɣur yimḍebber",
+        "moderationRequestFromModerator": "Asenneftaɣ yebɣa ad tekkseḍ asgugem",
+        "moderationRequestFromParticipant": "Ibɣa ad imeslay",
+        "moderationStartedTitle": "Asektem yebda",
+        "moderationStoppedTitle": "Asektem yensa",
+        "moderationToggleDescription": "sɣur {{participantDisplayName}}",
+        "moderator": "Izerfan n usektem ttwamudden",
+        "muted": "Tebdiḍ asqerdec s tsusmi.",
+        "mutedRemotelyDescription": "Tzemreḍ ad d-terreḍ imesli melmi i tebɣiḍ ad d-temmeslayeḍ. Sens-it mi ara tfakkeḍ ameslay i wakken ad tesbeɛdeḍ zzhir ɣef temlilit.",
+        "mutedRemotelyTitle": "Yesgugem-ik·ikem {{moderator}}",
+        "mutedTitle": "Tettwasgugmeḍ!",
+        "newDeviceAction": "Seqdec",
+        "newDeviceAudioTitle": "Ibenk amaynut n umeslaw yettwaf-d",
+        "newDeviceCameraTitle": "Tettwaf-d tkamiṛat tamaynut",
+        "oldElectronClientDescription1": "Akka i nettwali tesseqdaceḍ lqem aqbur n umsaɣ Jitsi Meet i yesɛan uguren n tɣellist yettwassnen. Ma ulac aɣilif ḍmen ad tleqqmeḍ ",
+        "oldElectronClientDescription2": "lqem akk aneggaru",
+        "oldElectronClientDescription3": " tura!",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) yettwakkes sɣur yimttekki-nniḍen",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) yettusbadu sɣur yimttekki-nniḍen",
+        "raiseHandAction": "Rfed afus",
+        "raisedHand": "{{name}} yebɣa ad d-yemmeslay.",
+        "reactionSounds": "Sens imesli",
+        "screenShareNoAudio": " Tabewwaḍt n umeslaw n beṭṭu ur tettwaṛcam ara deg ugdil n tefrant n usfaylu.",
+        "screenShareNoAudioTitle": "Ur yezmir ara ad yebḍu ameslaw n unagraw!",
+        "somebody": "Albaɛḍ",
+        "startSilentDescription": "Ttekki deg temlilit i wakken ad tremdeḍ ameslaw",
+        "startSilentTitle": "Terniḍ s war tuffɣa n umeslaw!",
+        "suboptimalBrowserWarning": "Nkukra ɣef termit-ik·im n temlilit ur tettili ara tgerrez da. Nettmuqul ttawilat s wamek ara nqeɛɛed aya, maca sya ɣer yimir ɛreḍ ad tesqedceḍ yiwen seg <a href='{{recommendedBrowserPageLink}}' target='_blank'>yiminigen yettusefraken s lekmal</a>.",
+        "suboptimalExperienceTitle": "Alɣu n yiminig",
+        "unmute": "Sgugem",
+        "videoMutedRemotelyDescription": "Tzemreḍ ad ad t-tremdeḍ melmi tebɣiḍ.",
+        "videoMutedRemotelyTitle": "Tavidyut-ik·im tettwasens sɣur {{moderator}}"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "Steεref",
+            "admitAll": "Steεref s kullec",
+            "allow": "Sireg i yimttekkiyen ad:",
+            "allowVideo": "Sireg tavidyut",
+            "askUnmute": "Suter tririt n ṣṣut",
+            "audioModeration": "Kksen asgugem i yiman-nsen",
+            "blockEveryoneMicCamera": "Sewḥel asawaḍ d tkamiṛat n yal yiwen",
+            "invite": "Snubget-d albaɛḍ",
+            "mute": "Asusam",
+            "muteAll": "Sgugem meṛṛa",
+            "muteEveryoneElse": "Sgugem-iten i meṛṛa",
+            "reject": "Agi",
+            "stopEveryonesVideo": "Seḥbes tavidyut n yal yiwen",
+            "stopVideo": "Seḥbes tavidyut n Youtube",
+            "unblockEveryoneMicCamera": "Serreḥ i usawaḍ d tkamiṛat n yal yiwen",
+            "videoModeration": "Bdan tavidyut-nsen"
+        },
+        "close": "Mdel",
+        "headings": {
+            "lobby": "Lobby ({{count}})",
+            "participantsList": "Imttekkiyen n temlilit ({{count}})",
+            "waitingLobby": "Araǧu deg lobby ({{count}})"
+        },
+        "title": "Imttekkiyen"
+    },
+    "passwordDigitsOnly": "Alamma d {{number}} yizwilen",
+    "passwordSetRemotely": "Yettusbadu sɣur yimttekki-nniḍen",
+    "polls": {
+        "answer": {
+            "skip": "Ttu",
+            "submit": "Azen"
+        },
+        "create": {
+            "addOption": "Rnu aɣewwaṛ",
+            "answerPlaceholder": "Aɣewwaṛ {{index}}",
+            "cancel": "Sefex",
+            "create": "Rnu asenqed",
+            "pollOption": "Taxtiṛt n usenqed {{index}}",
+            "pollQuestion": "Asteqsi n usenqed",
+            "questionPlaceholder": "Efk asteqsi",
+            "removeOption": "Kkes aɣewwaṛ",
+            "send": "Azen"
+        },
+        "errors": {
+            "notUniqueOption": "tifranin ilaq ad ilin d imaynuten"
+        },
+        "notification": {
+            "description": "Ldi iccer n yisenqad i ufran",
+            "title": "Asenqed amaynut yettwarna ɣer temlilt-a"
+        },
+        "results": {
+            "changeVote": "Beddel tafrant",
+            "empty": "Ulac akka tura isenqaden deg temlilit. Bdu asenqed da!",
+            "hideDetailedResults": "Ffer tilɣa",
+            "showDetailedResults": "Sken talqayt",
+            "vote": "Tafrant"
+        }
+    },
+    "poweredby": "yemmug-d sɣur",
+    "prejoin": {
+        "audioAndVideoError": "Tuccḍa deg umeslaw d tvidyut:",
+        "audioDeviceProblem": "Yella wugur d yibenk-ik·im n umeslaw",
+        "audioOnlyError": "Tuccḍa deg umeslaw:",
+        "audioTrackError": "Asnulfu n tezlit ulamek.",
+        "callMe": "Siwel-iyi-d",
+        "callMeAtNumber": "Siwel-iyi-d ɣer wuṭṭun-a:",
+        "calling": "Asiwel",
+        "configuringDevices": "Amtawi n yibenkan…",
+        "connectedWithAudioQ": "Teqqneḍ s umeslaw?",
+        "connection": {
+            "good": "Tuqqna-inek·inem internet tettban tgerrez!",
+            "nonOptimal": "Tuqqna-inek·inem internet ur tgerrez ara maḍi",
+            "poor": "Tuqqna-inek·inem internet txuṣṣ aṭas"
+        },
+        "connectionDetails": {
+            "audioClipping": "Negmen ad yettwagzem umeslaw-inek·inem.",
+            "audioHighQuality": "Negmen belli ameslaw-inek·inem ad yesεu taɣara igerrzen aṭas.",
+            "audioLowNoVideo": "Negmen belli taɣara n umeslaw-inek·inem ad tili tṣubb yerna ulac tavidyut.",
+            "goodQuality": "Gedha! Taɣara n umidyat-inek·inem ad tili tgerrez aṭas.",
+            "noMediaConnectivity": "Ur nessaweḍ ara ad nserked tuqqna n umidya i usekyed-a. Ssebba n waya deg tudet d aɣrab n tmes neɣ d NAT.",
+            "noVideo": "Negmen belli tavidyut-ik·im ad tili txuṣ aṭas.",
+            "undetectable": "Ma mazal ur tezmireḍ ara ad tsiwleḍ deg yiminig, Wali ma yella imsmeɣrzen n imesli, asawaḍ akked tkamiṛat qaɛsen ne alla, daɣen ma yella tefkiḍ izerfan i yiminig ad iseqdec asawaḍ akked tkamiṛat, daɣen ma yella tesɛiḍ lqem aneggaru n yiminig. Ma mazal ugur, nermes aneflay n usnas web.",
+            "veryPoorConnection": "Negmen belli taɣara n usiwel-inek·inem ad yili ixuṣ aṭas.",
+            "videoFreezing": "Nerǧa d akken tavidyut ad teḥbes, ad tuɣal d taberkant neɣ texreb.",
+            "videoHighQuality": "Negmen belli tavidyut-ik·im ad tesεu taɣara igerrzen.",
+            "videoLowQuality": "Nerǧa tavidyut ad tenɣes deg tɣara deg wayen icudden ɣer ubeqqeḍ ines.",
+            "videoTearing": "Nerǧa tavidyut ad tenɣes deg ipiksilen neɣ ad tesɛu cammat."
+        },
+        "copyAndShare": "Nɣel & bḍu aseɣwen n temlilit",
+        "dialInMeeting": "Qqen ɣer temlilit",
+        "dialInPin": "Qqen ɣer temlilit syen sekcem tangalt PIN:",
+        "dialing": "Siwel",
+        "doNotShow": "Ur d-skan ara tikkelt-nniḍen",
+        "errorDialOut": "Asuddes n wuṭṭun d awezɣi",
+        "errorDialOutDisconnected": "Asuddes n wuṭṭun d awezɣi. Yeffeɣ seg tuqqna",
+        "errorDialOutFailed": "Asuddes n wuṭṭun d awezɣi. Asiwel ur yeddi ara",
+        "errorDialOutStatus": "Tuccḍa deg wawway n waddad n usiḍen",
+        "errorMissingName": "Ma ulac aɣilif, sekcem isem-ik·im i waken ad ternuḍ ɣer temlilit",
+        "errorNoPermissions": "Ilaq ad tremdeḍ anekcum ɣer usawaḍ d tkamiṛat",
+        "errorStatusCode": "Tuccḍa deg usuddes n wuṭṭun, tangalt n waddad: {{status}}",
+        "errorValidation": "Asentem n wuṭṭun ur yeddi ara",
+        "iWantToDialIn": "Bɣiɣ ad qqneɣ ɣer",
+        "initiated": "Yebda usiwel",
+        "joinAudioByPhone": "Ttekki s umeslaw n tiliɣri",
+        "joinMeeting": "Ttekki deg temlilit",
+        "joinWithoutAudio": "Ttekki s war ameslaw",
+        "keyboardShortcuts": "Rmed inegzumen n unasiw",
+        "linkCopied": "Aseɣwen yettwanɣel 'ɣef wafus'",
+        "lookGood": "Asawaḍ-inek·inem akka i d-yettban, iteddu akken ilaq",
+        "or": "neɣ",
+        "premeeting": "Timlilit tuzwirt",
+        "screenSharingError": "Tuccḍa deg beṭṭu n ugdil:",
+        "startWithPhone": "Bdu s umeslaw n tiliɣri",
+        "videoOnlyError": "Tuccḍa deg tvidyut:",
+        "videoTrackError": "Asnulfu n track n tvidyut ulamek.",
+        "viewAllNumbers": "wali akk uṭṭunen"
+    },
+    "presenceStatus": {
+        "busy": "Yecɣel",
+        "calling": "Yessawal…",
+        "connected": "Yeqqen",
+        "connecting": "Yetteqqen…",
+        "connecting2": "Yetteqqen*…",
+        "disconnected": "Yeffeɣ",
+        "expired": "Yemmut",
+        "ignored": "Yettwanef",
+        "initializingCall": "Awennez n usiwel…",
+        "invited": "Yettwancad",
+        "rejected": "Yettwagi",
+        "ringing": "Yettṣuni…."
+    },
+    "profile": {
+        "avatar": "avaṭar",
+        "setDisplayNameLabel": "Sbadu isem n uskan",
+        "setEmailInput": "Sekcem-d imayl",
+        "setEmailLabel": "Sbadu imayl-inek·inem n Gravatar",
+        "title": "Amaɣnu"
+    },
+    "raisedHand": "Bɣiɣ ad d-mmeslayeɣ",
+    "recording": {
+        "authDropboxText": "Sali-d ɣer Dropbox",
+        "availableSpace": "Tella tallunt: {{spaceLeft}} MAṬ (azal {{duration}} tesdidin n usekles)",
+        "beta": "BETA",
+        "busy": "Aql-aɣ nxeddem ad d-neslelli tiɣbula n usekles. Ma ulac aɣilif, ɛreḍ tikkelt-nniḍen deg kra n tesdidin.",
+        "busyTitle": "Meṛṛa iseklas akka tura ceɣlen",
+        "copyLink": "Sukken aseɣwen",
+        "error": "Asekles ur yeddi ara. Ttxil ɛreḍ tikkelt-nniḍen.",
+        "errorFetchingLink": "Tuccḍa lawan n tririt n useɣwen n usekles.",
+        "expandedOff": "Asekles yettuseḥbes",
+        "expandedOn": "Timlilit ha-tt-a akka tura tettwaseklas.",
+        "expandedPending": "Asekles ha-t-an yebda….",
+        "failedToStart": "Beddu n usekles ur yeddi ara",
+        "fileSharingdescription": "Bḍu asekles d yimttekkiyen n temlilit",
+        "limitNotificationDescriptionNative": "Seg tuget n usuter, asekles-inek·inem ad yesɛu kan {{limit}} tesdidin. I yiseklas war tilas, ɛreḍ <3>{{app}}</3>.",
+        "limitNotificationDescriptionWeb": "Seg tuget n usuter, asekles-inek·inem ad yesɛu kan {{limit}} tesdidin. I yiseklas war tilas, ɛreḍ <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "linkGenerated": "Nsirew-d aseɣwen i usekles-inek·inem.",
+        "live": "SRID",
+        "loggedIn": "Yekcem s {{userName}}",
+        "off": "Asekles yettuseḥbes",
+        "offBy": "{{name}} iseḥbes asekles",
+        "on": "Asekles",
+        "onBy": "{{name}} yebda asekles",
+        "pending": "Aheyyi n usekles n temlilit…",
+        "rec": "REC",
+        "serviceDescription": "Asekles-inek·inem ad yettwasekles s umeẓlu n usekles",
+        "serviceDescriptionCloud": "Asekles deg usigna",
+        "serviceName": "Ameẓlu n usekles",
+        "signIn": "Qqen",
+        "signOut": "Ffeɣ",
+        "title": "Asekles",
+        "unavailable": "Suref-aɣ! {{serviceName}} akka tura ulac-it. Aql-aɣ nxeddem ad nefru ugur. Ma ulac aɣilif ɛreḍ tikkelt-nniḍen ticki.",
+        "unavailableTitle": "Ulac asekles",
+        "uploadToCloud": "Sali ɣer usigna"
+    },
+    "sectionList": {
+        "pullToRefresh": "Jbed-d i usnirem"
+    },
+    "security": {
+        "about": "Tzemreḍ ad ternuḍ $t(lockRoomPassword) ɣer temlilit-ik·im. Imttekkiyen sran ad d-mudden $t(lockRoomPassword) send ad ttwaqeblen ad ttekkin deg temlilit.",
+        "aboutReadOnly": "Imttekkiyen imaẓragen zemren ad rnun $t(lockRoomPassword) ɣer temlilit-ik·im. Imttekkiyen sran ad d-mudden $t(lockRoomPassword) send ad ttwaqeblen ad ttekkin deg temlilit.",
+        "insecureRoomNameWarning": "Isem n texxamt yella ccekk deg-s. Imttekkiyen ur tebɣiḍ ara zemren ad d-rnun ɣer usarag-ik·im. Xemmem ad tḥarzeḍ timlilit-ik·im s useqdec n tqeffalt n tɣellist.",
+        "securityOptions": "Tixtiṛiyin n tɣellist"
+    },
+    "settings": {
+        "calendar": {
+            "about": "Amsidef n uwitay {{appName}} yettuseqdac i unekcum aɣelsan ɣer uwitay-inek·inem i wakken ad d-iɣer ineḍruyen i d-iteddun.",
+            "disconnect": "Yeffeɣ",
+            "microsoftSignIn": "Qqen s Microsoft",
+            "signedIn": "Anekcum amiran ɣer yineḍruyen n uwitay i {{email}}. Sit ɣef tqeffalt ffeɣ i useḥbes n unekcum ɣer yineḍruyen n uwitay.",
+            "title": "Awitay"
+        },
+        "desktopShareFramerate": "Anya n beṭṭu n tnarit",
+        "desktopShareHighFpsWarning": "Beṭṭu n tnarit s unya afellay izmer ad isaẓay tuqqna, Ilaq ales n tnekra n beṭṭu n ugdil akken asbadu amaynut ad iddu.",
+        "desktopShareWarning": "Ilaq ad talseḍ asenker n beṭṭu n ugdil i yiɣewwaren imaynuten i wakken ad ṭṭfen ibeddilen.",
+        "devices": "Ibenkan",
+        "followMe": "Yal amdan iy-ṭṭafaren",
+        "framesPerSecond": "tugniwin s tasint",
+        "incomingMessage": "Iteddu-d yizen",
+        "language": "Tutlayt",
+        "loggedIn": "Tkecmeḍ s yisem {{name}}",
+        "microphones": "Isawaḍen",
+        "moderator": "Aseɣyad",
+        "more": "Ugar",
+        "name": "ISem",
+        "noDevice": "Ula d yiwen",
+        "participantJoined": "Yerna-d yimttekki",
+        "participantLeft": "Imttekki azelmaḍ",
+        "playSounds": "Rmed ṣṣut",
+        "reactions": "Tisedmirin n temlilit",
+        "sameAsSystem": "Kifkif akked unagraw ({{label}})",
+        "selectAudioOutput": "Tuffɣa n umeslaw",
+        "selectCamera": "Takamiṛatt",
+        "selectMic": "Asawaḍ",
+        "sounds": "Imeslan",
+        "speakers": "Imsiwilen",
+        "startAudioMuted": "Yettwagugem waddad n yal yiwen",
+        "startVideoMuted": "Yeffer waddad n yal yiwen",
+        "talkWhileMuted": "Mmeslay ma yettwakkes ṣṣut",
+        "title": "Iɣewwaren"
+    },
+    "settingsView": {
+        "advanced": "Talqayt",
+        "alertCancel": "Semmet",
+        "alertOk": "IH",
+        "alertTitle": "Ɣur-k·m",
+        "alertURLText": "URL n uqeddac yettwaskecmen d arameɣtu",
+        "buildInfoSection": "Talɣut n lebni",
+        "conferenceSection": "Asarag",
+        "disableCallIntegration": "Amsidef n usiwel adigan yensa",
+        "disableCrashReporting": "Sens tuzna n yineqqisen",
+        "disableCrashReportingWarning": "Tebɣiḍ s tidet ad tsenseḍ tuzna n yineqqisen? Aɣewwar ad yeddu seld allus n uskar n usnas.",
+        "disableP2P": "Sens askar n wudem ɣer wudem",
+        "displayName": "Isem n uskan",
+        "email": "Imayl",
+        "header": "Iɣewwaren",
+        "profileSection": "Amaɣnu",
+        "serverURL": "URL n uqeddac",
+        "showAdvanced": "Sken iɣewwaren leqqayen",
+        "startWithAudioMuted": "Bdu s umeslaw yettwasgugmen",
+        "startWithVideoMuted": "Bdu s tvidyut yettwasgugmen",
+        "version": "Lqem"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nTebɣiḍ kan ad teqqneḍ s tiliɣri-inek·inem?\n\n{{defaultDialInNumber}}Sit ɣef useɣwen-a i wakken ad twaliḍ uṭṭunen n tuqqna n tiliɣri i temlilit-a\n{{dialInfoPageUrl}}",
+        "mainText": "Sit ɣef useɣwen i d-iteddun i wakken ad tettekkiḍ deg temlilit:\n{{roomUrl}}"
+    },
+    "speaker": "Asawaḍ",
+    "speakerStats": {
+        "hours": "{{count}} isragen",
+        "minutes": "{{count}} n tesdidin",
+        "name": "Isem",
+        "search": "Nadi",
+        "searchHint": "Nadi imttekkiyen",
+        "seconds": "{{count}} n tsinin",
+        "speakerStats": "Addad n yimsiwel",
+        "speakerTime": "Akud n yimsiwel"
+    },
+    "startupoverlay": {
+        "genericTitle": "Timlilit tesra aseqdec n usawaḍ d tkamiṛat inek·inem.",
+        "policyText": " ",
+        "title": "{{app}} yesra ad yesseqdec asawaḍ d tkamiṛat-inek·inem."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Kcem",
+        "text": "Sit deg taqeffalt <i>Kcem</i> akken ad teqqneḍ.",
+        "title": "Asiwel-inek s uvidyu yettwaseḥbes acku aselkim-agi igen."
+    },
+    "toolbar": {
+        "Settings": "Iɣewwaren",
+        "accessibilityLabel": {
+            "Settings": "Sken/Fneẓ iɣewwaren",
+            "audioOnly": "Rmed/Sens imesli kan",
+            "audioRoute": "Fren ibenk n yimesli",
+            "boo": "Boo",
+            "callQuality": "Sefrek taɣara n tvidyut",
+            "cc": "Ffer/Sken iduzwilen",
+            "chat": "Ffer/Sken asfaylu n udiwenni",
+            "clap": "Aṣeffaq",
+            "collapse": "Ḍfes",
+            "document": "Ldi / Mdel isemli yettwabḍan",
+            "download": "Sali-d isnasen-nneɣ",
+            "embedMeeting": "Sleɣ timlilit",
+            "expand": "Développer",
+            "feedback": "Eǧǧ tamuɣli",
+            "fullScreen": "Ɛeddi ɣer ugdil aččuran",
+            "grantModerator": "Mudd tisirag n usektem",
+            "hangup": "Eǧǧ asiwel",
+            "help": "Tallelt",
+            "invite": "Snubget imdanen",
+            "kick": "Suffeɣ amttekki",
+            "laugh": "Taḍsa",
+            "like": "Adebbuz d asawen",
+            "lobbyButton": "Rmed/sens askar Lobby",
+            "localRecording": "Ɛeddi ɣer yisenqaden n usekles adigan",
+            "lockRoom": "Snefli awal uffir n temlilit",
+            "moreActions": "Ldi/mdel umuɣ n wugar n tigawin",
+            "moreActionsMenu": "Umuɣ n wugar n tigawin",
+            "moreOptions": "Sken ugar n textiṛiyin",
+            "mute": "Rmed/Sens ameslaw",
+            "muteEveryone": "Sgugem yal yiwen",
+            "muteEveryoneElse": "Sgugem-iten i meṛṛa",
+            "muteEveryoneElsesVideo": "Sens tavidyut n yal yiwen",
+            "muteEveryonesVideo": "Sens tavidyut n yal yiwen",
+            "participants": "Imttekkiyen",
+            "pip": "Rmed/Sens askar tugna deg tugna",
+            "privateMessage": "Azen izen uslig",
+            "profile": "Ẓreg amaɣnu-ik",
+            "raiseHand": "Seqluqel afus yettwarefden",
+            "reactionsMenu": "Ldi / Mdel umuɣ n tsedmirin",
+            "recording": "Rmed/Sens asekles",
+            "remoteMute": "Sgugem imttekki",
+            "remoteVideoMute": "Sens takamiṛat n yimttekki",
+            "security": "Tixtiṛiyin n tɣellist",
+            "selectBackground": "Fren agilal",
+            "shareRoom": "Snubget-d albaɛḍ",
+            "shareYourScreen": "Rmed/Sens beṭṭu n ugdil",
+            "shareaudio": "Bḍu ameslaw",
+            "sharedvideo": "Rmed/Sens beṭṭu n tvidyut",
+            "shortcuts": "Rmed/Sens inegzumen",
+            "show": "Sken ɣef usayes",
+            "silence": "Tasusmi",
+            "speakerStats": "Sken/Ffer tiddadanin n yimsiwel",
+            "surprised": "Awham",
+            "tileView": "Err askan d aɛban",
+            "toggleCamera": "Rmed/sens takamiṛat",
+            "toggleFilmstrip": "Sken/Ffer tilemyin",
+            "videoblur": "Rmed/Sens arway n tvidyut",
+            "videomute": "Rmed/Sens tavidyut"
+        },
+        "addPeople": "Rnu-d imdanen ɣer usiwel-inek·inem",
+        "audioOnlyOff": "Sens askar n tehri n tesfift adday",
+        "audioOnlyOn": "Rmed askar n tehri n tesfift adday",
+        "audioRoute": "Fren ibenk n yimesli",
+        "audioSettings": "Iɣewwaren n umeslaw",
+        "authenticate": "Sesteb",
+        "boo": "Boo",
+        "callQuality": "Sefrek taɣara n tvidyut",
+        "chat": "Ldi / Mdel asqerdec",
+        "clap": "Aṣeffaq",
+        "closeChat": "Mdel asqerdec",
+        "closeReactionsMenu": "Mdel umuɣ n tsedmirin",
+        "disableReactionSounds": "Tzemreḍ ad tsenseḍ imesliyen n tsedmirt i temlilit-a",
+        "documentClose": "Mdel isemli yettwabḍan",
+        "documentOpen": "Ldi isemli yettwabḍan",
+        "download": "Sali-d isnasen-nneɣ",
+        "e2ee": "Awgelhen seg yixef ɣer yixef",
+        "embedMeeting": "Sleɣ timlilit",
+        "enterFullScreen": "Wali agdil aččuran",
+        "enterTileView": "Kcem ɣer uskan aɛban",
+        "exitFullScreen": "Ffeɣ seg ugdil aččuran",
+        "exitTileView": "Ffeɣ seg uskan aɛban",
+        "feedback": "Eǧǧ tamuɣli",
+        "hangup": "Eǧǧ",
+        "help": "Tallelt",
+        "invite": "Snubget imdanen",
+        "laugh": "Taḍsa",
+        "like": "Adebbuz d asawen",
+        "lobbyButtonDisable": "Sens askar Lobby",
+        "lobbyButtonEnable": "Rmed askar Lobby",
+        "login": "Qqen",
+        "logout": "Tufɣa",
+        "lowerYourHand": "Ṣubb afus-ik·im",
+        "moreActions": "Ugar n tigawin",
+        "moreOptions": "Ugar n textiṛiyin",
+        "mute": "Sgugem / Kkes tagugmi",
+        "muteEveryone": "Sgugem yal yiwen",
+        "muteEveryonesVideo": "Sens takamiṛat n yal yiwen",
+        "noAudioSignalDesc": "Ma yella ur tɛemmdeḍ ara asensi-ines seg yiɣewwaren n unagraw neɣ n warrum, muqel ad tbeddleḍ ibenk.",
+        "noAudioSignalDescSuggestion": "Ma yella ur tɛemmdeḍ ara asensi-ines seg yiɣewwaren n unagraw neɣ n warrum, muqel ad tbeddleḍ ibenk i d-yettwasumren.",
+        "noAudioSignalDialInDesc": "Tzemreḍ daɣen ad teqqneḍ s useqde n:",
+        "noAudioSignalDialInLinkDesc": "Uṭṭunen n unekcum",
+        "noAudioSignalTitle": "Ulac akk anekcum i d-yekkan seg usawaḍ-inek·inem!",
+        "noisyAudioInputDesc": "La d-yettban usawaḍ-inek·inem yesɛa zzhir, ma ulac aɣimif muqel ad tesgugmeḍ neɣ ad tesnifleḍ ibenk.",
+        "noisyAudioInputTitle": "Asawad-ik·im yettban-d deg-s zzhir!",
+        "openChat": "Ldi asqerdec",
+        "openReactionsMenu": "Ldi umuɣ n tsedmirin",
+        "participants": "Imttekkiyen",
+        "pip": "Kcem ɣer uskar tugna deg tugna",
+        "privateMessage": "Azen izen uslig",
+        "profile": "Ẓreg amaɣnu-ik",
+        "raiseHand": "Sali / Ṣubb afus-ik·im",
+        "raiseYourHand": "Rfed afus-ik·im",
+        "reactionBoo": "Azen tasedmirt n boo",
+        "reactionClap": "Azen tasedmirt n useffaq",
+        "reactionLaugh": "Azen tasedmert n teḍsa",
+        "reactionLike": "Azen tasedmert n udebbuz d asawen",
+        "reactionSilence": "Azen tasedmirt n tsusmi",
+        "reactionSurprised": "Azen tasedmirt n ubati",
+        "security": "Tixtiṛiyin n tɣellist",
+        "selectBackground": "Fren agilal",
+        "shareRoom": "Snubget-d albaɛḍ",
+        "shareaudio": "Bḍu ameslaw",
+        "sharedvideo": "Bḍu tavidyut",
+        "shortcuts": "Wali inegzumen",
+        "silence": "Tasusmi",
+        "speakerStats": "Addad n yimsiwlen",
+        "startScreenSharing": "Bdu beṭṭu n ugdil",
+        "startSubtitles": "Bdu iduzwilen",
+        "stopAudioSharing": "Seḥbes beṭṭu n umeslaw",
+        "stopScreenSharing": "Seḥbes beṭṭu n ugdil",
+        "stopSharedVideo": "Seḥbes tavidyut",
+        "stopSubtitles": "Seḥbes iduzwilen",
+        "surprised": "Awham",
+        "talkWhileMutedPopup": "Tettaɛraḍeḍ ad d-temmeslayeḍ? Tettwasgugmeḍ.",
+        "tileViewToggle": "Err askan d aɛban",
+        "toggleCamera": "Rmed/sens takamiṛat",
+        "videoSettings": "Iɣewwaren n tvidyut",
+        "videomute": "Seqleɛ / Seḥbes takamirat"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Bdu / Seḥbes izwal isnawanen",
+        "error": "Ur yeddi ara useskel. Ɛreḍ tikkelt-nniḍen.",
+        "expandedLabel": "Aseskel iteddu akka tura",
+        "failedToStart": "Aseskel yegguma ad yebdu",
+        "labelToolTip": "Timlilit ha-tt-an la tettwaseskal",
+        "off": "Aseskel yettwaḥbes",
+        "pending": "Aheyyi i useskel n temlilit…",
+        "start": "Bdu askan n yizwal isnawanen",
+        "stop": "Seḥbes askan n yiduzwilen",
+        "tr": "TR"
+    },
+    "userMedia": {
+        "grantPermissions": "Ttxil-k efk-d tasiregt n beṭṭu n tkamiṛat d umikṛufun-ik."
+    },
+    "videoSIPGW": {
+        "busy": "Aql-aɣ nxeddem ad d-neslelli tiɣbula. Ma ulac aɣilif, ɛreḍ tikkelt-nniḍen deg kra n tesdidin.",
+        "busyTitle": "Ameẓlu n texxamt yecɣel akka tura",
+        "errorAlreadyInvited": "{{displayName}} yettwanced-d yakan",
+        "errorInvite": "Asarag mazal ur yeqɛid ara akka tura. Ttxil-k·m ɛreḍ tikkelt-nniḍen ticki.",
+        "errorInviteFailed": "Aql-aɣ nxeddem ad nefru ugur-a. Ma ulac aɣilif, ɛreḍ tikkelt-nniḍen ticki.",
+        "errorInviteFailedTitle": "Asnubget n {{displayName}} ur yeddi ara",
+        "errorInviteTitle": "Tuccḍa deg usnubget n texxamt",
+        "pending": "{{displayName}} yettwanced-d"
+    },
+    "videoStatus": {
+        "audioOnly": "AUD",
+        "audioOnlyExpanded": "Aql-ak·akem deg uskar n tehri n tesfift taddayt. Deg uskar-a ad d-tremseḍ kan ameslaw d beṭṭu n ugdil.",
+        "callQuality": "Taɣara n tvidyut",
+        "hd": "HD",
+        "hdTooltip": "Awali n tvidyut n tbadut tafellayt",
+        "highDefinition": "Tabadut tafellayt",
+        "labelTooiltipNoVideo": "Ulac tavidyut",
+        "labelTooltipAudioOnly": "Askar n tehri n tesfift adday yermed",
+        "ld": "LD",
+        "ldTooltip": "Awali n tvidyut n tbadut taddayt",
+        "lowDefinition": "Tabadut taddayt",
+        "sd": "SD",
+        "sdTooltip": "Awali n tvidyut s tbadut taslugant",
+        "standardDefinition": "Tabadut taslugant"
+    },
+    "videothumbnail": {
+        "connectionInfo": "Talɣut n tuqqna",
+        "domute": "Kkes imesli",
+        "domuteOthers": "Sgugem-iten i meṛṛa",
+        "domuteVideo": "Sens takamiṛat",
+        "domuteVideoOfOthers": "Sens takamiṛat n yal yiwen",
+        "flip": "Tuttya",
+        "grantModerator": "Mudd tisirag n usektem",
+        "kick": "Suffeɣ",
+        "moderator": "Aseɣyad",
+        "mute": "Imttekki yettwasgugem",
+        "muted": "Yettwasgugem",
+        "remoteControl": "Bdu / Asenqed agemmaḍ",
+        "show": "Sken ɣef usayes",
+        "videoMuted": "Tensa tkamiṛat",
+        "videomute": "Imttekki isseḥbes takamiṛat"
+    },
+    "virtualBackground": {
+        "addBackground": "Rnu agilal",
+        "apply": "Snes",
+        "backgroundEffectError": "Asnes n yisemda n ugilal yecceḍ.",
+        "blur": "Aluɣu",
+        "deleteImage": "Kkes tugna",
+        "desktopShare": "Bḍu tanarit",
+        "desktopShareError": "Ur izmir ara ad ibḍu tanarit",
+        "image1": "Taftist",
+        "image2": "Aɣrab acebḥan arawsan",
+        "image3": "Taxxamt tacebḥant tilemt",
+        "image4": "Taftilt n wannag aberkan",
+        "image5": "Adrar",
+        "image6": "Tiẓgi ",
+        "image7": "Alluy n yiṭṭij",
+        "none": "Ula d yiwen",
+        "pleaseWait": "Ttxil-k rǧu…",
+        "removeBackground": "Kkes agilal",
+        "slightBlur": "Cwiṭ n uluɣu",
+        "title": "Igilalen uhlisen",
+        "uploadedImage": "Sali-d tugna {{index}}",
+        "webAssemblyWarning": "WebAssembly ur yettusefrak ara"
+    },
+    "volumeSlider": "Tigri n ubleɣ",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Sit i wakken ad ternuḍ",
+            "roomname": "Sekcem-d isem n tzeqqa"
+        },
+        "addMeetingName": "Rnu isem n temlilit",
+        "appDescription": "Aha bdu, adiwenni s tvidyut d terbaɛt meṛṛa. Ihi, nced-d wid akk i tessneḍ. {{app}} d tifrat n usarag s tvidyut yettwawgelhen s lekmal, 100% n uɣbalu yeldin i tzemreḍ ad tesqedceḍ ass kamel, yal ass, baṭel - war ma tesriḍ kra n umiḍan.",
+        "audioVideoSwitch": {
+            "audio": "Taɣect",
+            "video": "Tavidyut"
+        },
+        "calendar": "Awitay",
+        "connectCalendarButton": "Qqen awitay-inek·im",
+        "connectCalendarText": "Qqen awitay-inek·inem i wakken ad twaliḍ meṛṛa timliliyin-inek·inem deg {{app}}. Daɣen, rnu timliliyin {{provider}} ɣer uwitay-inek·inem syen senker-itent s yiwen n usiti.",
+        "enterRoomTitle": "Bdu timlilit tamaynut",
+        "getHelp": "Awi tallalt",
+        "go": "DDU",
+        "goSmall": "Ddu",
+        "headerSubtitle": "Timliliyin n tɣellist d tɣara meqqren",
+        "headerTitle": "Jitsi Meet",
+        "info": "Talɣut",
+        "jitsiOnMobile": "Jitsi ɣef uziraz - sader isnasen-nneɣ syen tebduḍ timlilit seg wanda i tebɣiḍ",
+        "join": "SNULFU-D / KCEM",
+        "logo": {
+            "calendar": "Alugu n umitay",
+            "desktopPreviewThumbnail": "Tanfult n teskant n tnarit",
+            "googleLogo": "Alugu n Google",
+            "logoDeepLinking": "Alugu Jitsi Meet",
+            "microsoftLogo": "Alugu n Microsoft",
+            "policyLogo": "Alugu n tsertit"
+        },
+        "mobileDownLoadLinkAndroid": "Sader asnas n uziraz i Android",
+        "mobileDownLoadLinkFDroid": "Sader asnas n uziraz i F-Droid",
+        "mobileDownLoadLinkIos": "Sader asnas n uziraz i iOS",
+        "moderatedMessage": "Neɣ <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">ḥerr zik URL n temlilit</a> anida i telliḍ d kečč kan i d imḍebber.",
+        "privacy": "Tabaḍnit",
+        "recentList": "Melmi kan",
+        "recentListDelete": "Kkes",
+        "recentListEmpty": "Tabdart-ik·im tamirant d tilemt akka tura. Mmeslay d terbaɛt-ik·im rnu ad tafeḍ akk timliliyin timiranin da.",
+        "reducedUIText": "Ansuf ɣer {{app}}!",
+        "roomNameAllowedChars": "Isem n temlilit ur ilaq ara ad ilin deg-s isekkilen-a: ?, &, :, ', \", %, #.",
+        "roomname": "Sekcem-d isem n tzeqqa",
+        "roomnameHint": "Sekcem isem neɣ URL n texxamt wuɣur tebɣiḍ ad tedduḍ. Tzemreḍ ad tgeḍ isem, eǧǧ kan imdanen ara temlileḍ ad t-isinen iwakken ad skecmen yiwen n yisem.",
+        "sendFeedback": "Azen takti-inek·inem",
+        "startMeeting": "Bdu timlilit",
+        "terms": "Tiwtilin",
+        "title": "Asarag s tvidyut d aɣelsan, d ummid yerna baṭel"
+    }
+}
diff --git a/lang/main-ko.json b/lang/main-ko.json
new file mode 100644
index 0000000..ef7a728
--- /dev/null
+++ b/lang/main-ko.json
@@ -0,0 +1,1581 @@
+{
+    "addPeople": {
+        "accessibilityLabel": {
+            "meetingLink": "회의 링크: {{url}}"
+        },
+        "add": "초대",
+        "addContacts": "연락처로 초대하세요",
+        "contacts": "연락처",
+        "copyInvite": "회의 초대 복사",
+        "copyLink": "회의 링크 복사",
+        "copyStream": "라이브 스트리밍 링크 복사",
+        "countryNotSupported": "아직 해당 지역을 지원하지 않습니다.",
+        "countryReminder": "미국 이외의 지역으로 전화하시겠습니까? 국가 번호로 시작해야합니다!",
+        "defaultEmail": "기본 이메일",
+        "disabled": "사람들을 초대 할 수 없습니다.",
+        "failedToAdd": "참가자를 추가하지 못했습니다.",
+        "googleEmail": "Google 이메일",
+        "inviteMoreHeader": "회의에 혼자 참여하고 있습니다.",
+        "inviteMoreMailSubject": "{{appName}} 회의에 참여하세요",
+        "inviteMorePrompt": "더 많은 사람을 초대하세요",
+        "linkCopied": "링크가 클립보드에 복사되었습니다.",
+        "noResults": "일치하는 검색 결과 없음",
+        "outlookEmail": "Outlook 이메일",
+        "phoneNumbers": "전화번호",
+        "searching": "검색 중…",
+        "shareInvite": "회의 초대 공유",
+        "shareLink": "다른 사람을 초대하려면 회의 링크를 공유하세요.",
+        "shareStream": "라이브 스트리밍 링크 공유",
+        "sipAddresses": "SIP 주소",
+        "telephone": "전화: {{number}}",
+        "title": "이 회의에 사람들을 초대하십시오",
+        "yahooEmail": "Yahoo 이메일"
+    },
+    "audioDevices": {
+        "bluetooth": "블루투스",
+        "car": "자동차 오디오",
+        "headphones": "헤드폰",
+        "none": "사용 가능한 오디오 장치가 없습니다.",
+        "phone": "폰",
+        "speaker": "스피커"
+    },
+    "audioOnly": {
+        "audioOnly": "음성 전용"
+    },
+    "bandwidthSettings": {
+        "assumedBandwidthBps": "예: 10000000 (10 Mbps)",
+        "assumedBandwidthBpsWarning": "더 높은 값은 네트워크 문제를 일으킬 수 있습니다.",
+        "customValue": "사용자 정의 값",
+        "customValueEffect": "실제 bps 값을 설정하기 위해",
+        "leaveEmpty": "비워두기",
+        "leaveEmptyEffect": "추정값을 사용하도록 허용",
+        "possibleValues": "가능한 값들",
+        "setAssumedBandwidthBps": "예상 대역폭 (bps)",
+        "title": "대역폭 설정",
+        "zeroEffect": "비디오를 비활성화하려면"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "분할 회의실 추가",
+            "autoAssign": "자동 분배",
+            "close": "닫기",
+            "join": "참여",
+            "leaveBreakoutRoom": "분할 회의실 나가기",
+            "more": "더 보기",
+            "remove": "제거",
+            "rename": "이름 변경",
+            "renameBreakoutRoom": "분할 회의실 이름 변경",
+            "sendToBreakoutRoom": "분할 회의실로 참가자 보내기"
+        },
+        "breakoutList": "분할 회의실 목록",
+        "buttonLabel": "분할 회의실",
+        "defaultName": "분할 회의실 #{{index}}",
+        "hideParticipantList": "참가자 목록 숨기기",
+        "mainRoom": "주 회의실",
+        "notifications": {
+            "joined": "\"{{name}}\" 분할 회의실에 참여했습니다",
+            "joinedMainRoom": "주 회의실에 참여했습니다",
+            "joinedTitle": "분할 회의실"
+        },
+        "showParticipantList": "참가자 목록 보기",
+        "title": "분할 회의실"
+    },
+    "calendarSync": {
+        "addMeetingURL": "회의 링크 추가",
+        "confirmAddLink": "이 이벤트에 Jitsi 링크를 추가 하시겠습니까?",
+        "error": {
+            "appConfiguration": "캘린더가 제대로 구성되지 않았습니다.",
+            "generic": "오류가 발생했습니다. 캘린더 설정을 확인하거나 캘린더를 새로 고침 해보세요.",
+            "notSignedIn": "캘린더 이벤트를 보기 위해 인증하는 동안 오류가 발생했습니다. 캘린더 설정을 확인하고 다시 로그인하십시오."
+        },
+        "join": "참여",
+        "joinTooltip": "회의에 참여하세요",
+        "nextMeeting": "다음 회의",
+        "noEvents": "예정된 예정된 이벤트가 없습니다.",
+        "ongoingMeeting": "진행중인 회의",
+        "permissionButton": "설정 열기",
+        "permissionMessage": "앱에 회의를 나열하려면 캘린더 권한이 필요합니다",
+        "refresh": "캘린더 새로고침",
+        "today": "오늘"
+    },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "음성 장치 선택"
+        },
+        "labels": {
+            "buttonLabel": "자동차 모드",
+            "title": "자동차 모드",
+            "videoStopped": "비디오가 중지되었습니다"
+        }
+    },
+    "chat": {
+        "enter": "채팅방 입장",
+        "error": "오류 : 메시지가 전송되지 않았습니다. 이유 : {{error}}",
+        "fieldPlaceHolder": "메세지를 여기에 입력하세요",
+        "lobbyChatMessageTo": "로비 채팅 메시지 대상: {{recipient}}",
+        "message": "메시지",
+        "messageAccessibleTitle": "{{user}}님이 말합니다:",
+        "messageAccessibleTitleMe": "내가 말합니다:",
+        "messageTo": "{{recipient}}에게 보내는 비공개 메시지",
+        "messagebox": "메시지 입력",
+        "newMessages": "새 메시지",
+        "nickname": {
+            "popover": "닉네임을 선택하세요",
+            "title": "채팅에서 사용할 닉네임을 입력하세요",
+            "titleWithPolls": "채팅에서 사용할 닉네임을 입력하세요"
+        },
+        "noMessagesMessage": "아직 회의에 메시지가 없습니다. 여기서 대화를 시작하세요!",
+        "privateNotice": "{{recipient}}에게 보내는 비공개 메시지",
+        "sendButton": "전송",
+        "smileysPanel": "이모지 패널",
+        "systemDisplayName": "시스템",
+        "tabs": {
+            "chat": "채팅",
+            "polls": "투표"
+        },
+        "title": "채팅",
+        "titleWithPolls": "채팅",
+        "you": "당신"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Chrome 확장 프로그램을 설치합니다.",
+        "buttonTextEdge": "Edge 확장 프로그램 설치",
+        "close": "닫기",
+        "dontShowAgain": "다시 보지 않기",
+        "installExtensionText": "Google 캘린더 및 Office 365 확장 프로그램을 설치합니다."
+    },
+    "connectingOverlay": {
+        "joiningRoom": "회의에 연결중…"
+    },
+    "connection": {
+        "ATTACHED": "첨부",
+        "AUTHENTICATING": "인증중",
+        "AUTHFAIL": "인증 실패",
+        "CONNECTED": "연결됨",
+        "CONNECTING": "연결중",
+        "CONNFAIL": "연결 실패",
+        "DISCONNECTED": "연결 끊김",
+        "DISCONNECTING": "연결 종료중",
+        "ERROR": "에러",
+        "FETCH_SESSION_ID": "세션 ID 가져오는 중…",
+        "GET_SESSION_ID_ERROR": "세션 ID 가져오기 오류 : {{code}}",
+        "GOT_SESSION_ID": "세션 ID를 가져오는중… 완료",
+        "LOW_BANDWIDTH": "대역폭을 절약하기 위해 {{displayName}}의 동영상이 중지되었습니다."
+    },
+    "connectionindicator": {
+        "address": "주소:",
+        "audio_ssrc": "오디오 SSRC:",
+        "bandwidth": "예상 대역폭:",
+        "bitrate": "전송률:",
+        "bridgeCount": "서버 수: ",
+        "codecs": "코덱 (A/V): ",
+        "connectedTo": "연결됨:",
+        "e2eeVerified": "종단 간 암호화 확인됨:",
+        "framerate": "프레임 속도:",
+        "less": "간략히 보기",
+        "localaddress": "로컬 주소:",
+        "localaddress_plural": "로컬 주소들:",
+        "localport": "로컬 포트:",
+        "localport_plural": "로컬 포트들:",
+        "maxEnabledResolution": "최대 전송 해상도",
+        "more": "자세히 보기",
+        "no": "아니오",
+        "packetloss": "패킷 손실:",
+        "participant_id": "참가자 ID:",
+        "quality": {
+            "good": "좋음",
+            "inactive": "비활성",
+            "lost": "손실됨",
+            "nonoptimal": "비최적",
+            "poor": "나쁨"
+        },
+        "remoteaddress": "원격 주소:",
+        "remoteaddress_plural": "원격 주소들:",
+        "remoteport": "원격 포트:",
+        "remoteport_plural": "원격 포트들:",
+        "resolution": "해상도:",
+        "savelogs": "로그 저장",
+        "status": "연결:",
+        "transport": "전송 방식:",
+        "transport_plural": "전송 방식들:",
+        "video_ssrc": "비디오 SSRC:",
+        "yes": "예"
+    },
+    "dateUtils": {
+        "earlier": "일찍이",
+        "today": "오늘",
+        "yesterday": "어제"
+    },
+    "deepLinking": {
+        "appNotInstalled": "회의에 참여하려면 모바일 앱 설치가 필요합니다",
+        "description": "{{app}} 데스크톱 앱에서 회의를 시작했습니다. {{app}} 웹 응용 프로그램에서 다시 시도하거나 실행하십시오.",
+        "descriptionNew": "설치가 안되었나요? {{app}} 데스크톱 앱에서 회의를 시작하려고 시도했습니다. <br /><br /> 다시 시도하거나 웹에서 실행할 수 있습니다.",
+        "descriptionWithoutWeb": "설치가 안되었나요? {{app}} 데스크톱 앱에서 회의를 시작하려고 시도했습니다.",
+        "downloadApp": "앱 다운로드",
+        "downloadMobileApp": "앱 스토어에서 다운로드",
+        "ifDoNotHaveApp": "앱이 설치되지 않은 경우:",
+        "ifHaveApp": "앱이 설치되어 있는 경우:",
+        "joinInApp": "앱을 사용하여 회의에 참여하세요.",
+        "joinInAppNew": "앱에서 참여하기",
+        "joinInBrowser": "브라우저에서 참여하기",
+        "launchMeetingLabel": "이 회의에 어떻게 참여하시겠습니까?",
+        "launchWebButton": "웹에서 실행",
+        "noDesktopApp": "앱이 없으신가요?",
+        "noMobileApp": "앱이 없으신가요?",
+        "or": "또는",
+        "termsAndConditions": "계속하면 <a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'>이용 약관</a>에 동의하게 됩니다.",
+        "title": "{{app}}에서 회의 시작…",
+        "titleNew": "회의를 시작하는 중...",
+        "tryAgainButton": "데스크톱에서 다시 시도하십시오",
+        "unsupportedBrowser": "지원하지 않는 브라우저를 사용 중인 것 같습니다."
+    },
+    "defaultLink": "예: {{url}}",
+    "defaultNickname": "예: 홍길동",
+    "deviceError": {
+        "cameraError": "카메라에 액세스하지 못했습니다",
+        "cameraPermission": "카메라 권한을 얻는 중 오류가 발생했습니다",
+        "microphoneError": "마이크에 액세스하지 못했습니다",
+        "microphonePermission": "마이크 권한을 얻는 중 오류가 발생했습니다"
+    },
+    "deviceSelection": {
+        "hid": {
+            "callControl": "통화 제어",
+            "connectedDevices": "연결된 장치:",
+            "deleteDevice": "장치 삭제",
+            "pairDevice": "장치 연결"
+        },
+        "noPermission": "허가 거부",
+        "previewUnavailable": "미리보기를 사용할 수 없음",
+        "selectADevice": "장치 선택",
+        "testAudio": "테스트 사운드 재생"
+    },
+    "dialIn": {
+        "screenTitle": "전화 접속 요약"
+    },
+    "dialOut": {
+        "statusMessage": "현재 상태: {{status}}"
+    },
+    "dialog": {
+        "Back": "뒤로가기",
+        "Cancel": "취소",
+        "IamHost": "내가 호스트",
+        "Ok": "확인",
+        "Remove": "제거",
+        "Share": "공유",
+        "Submit": "제출",
+        "WaitForHostMsg": "회의가 시작되지 않았습니다. 호스트인 경우 인증하십시오. 그렇지 않으면 호스트가 도착할 때까지 기다리십시오.",
+        "WaitForHostNoAuthMsg": "회의가 시작되지 않았습니다. 호스트가 도착할 때까지 기다리십시오.",
+        "WaitingForHostButton": "호스트를 기다립니다",
+        "WaitingForHostTitle": "호스트를 기다리는 중…",
+        "Yes": "예",
+        "accessibilityLabel": {
+            "Cancel": "취소 (대화 상자 나가기)",
+            "Ok": "확인 (저장하고 대화 상자 나가기)",
+            "close": "대화 상자 닫기",
+            "liveStreaming": "실시간 스트리밍:",
+            "sharingTabs": "공유 옵션"
+        },
+        "add": "추가",
+        "addMeetingNote": "회의 노트 추가",
+        "addOptionalNote": "노트 추가 (선택사항):",
+        "allow": "허락",
+        "allowToggleCameraDialog": "{{initiatorName}}에게 카메라 전환을 허용하시겠습니까?",
+        "allowToggleCameraTitle": "카메라 전환 허용?",
+        "alreadySharedVideoMsg": "다른 참가자가 이미 비디오를 공유하고 있습니다. 한 번에 하나의 비디오만 공유 가능합니다.",
+        "alreadySharedVideoTitle": "비디오 공유는 한 번에 하나만 허용됩니다",
+        "applicationWindow": "응용 프로그램 창",
+        "authenticationRequired": "인증이 필요합니다",
+        "cameraConstraintFailedError": "카메라가 필요한 제약 조건을 충족하지 못했습니다",
+        "cameraNotFoundError": "카메라를 찾을 수 없습니다",
+        "cameraNotSendingData": "카메라에 액세스 할 수 없습니다. 다른 응용 프로그램이 장치를 사용하고 있는지 확인한 후 설정 메뉴에서 다른 장치를 선택하거나 응용 프로그램을 다시 로드하십시오.",
+        "cameraNotSendingDataTitle": "카메라에 액세스 할 수 없습니다",
+        "cameraPermissionDeniedError": "카메라 사용 권한이 부여되지 않았습니다. 회의에 계속 참여할 수 있지만 다른 참가자는 귀하를 볼 수 없습니다. 검색 주소창의 카메라 버튼을 사용하여 문제를 해결하십시오.",
+        "cameraTimeoutError": "비디오 소스를 시작할 수 없습니다. 시간 초과가 발생했습니다!",
+        "cameraUnknownError": "알 수 없는 이유로 카메라를 사용할 수 없습니다",
+        "cameraUnsupportedResolutionError": "카메라가 필요한 비디오 해상도를 지원하지 않습니다",
+        "close": "닫기",
+        "conferenceDisconnectMsg": "네트워크 연결을 확인하고 있습니다. {{seconds}} 초 내에 다시 연결중입니다…",
+        "conferenceDisconnectTitle": "연결이 끊어졌습니다.",
+        "conferenceReloadMsg": "문제를 해결하려고 노력하고 있습니다. {{seconds}} 초 안에 다시 연결중입니다.",
+        "conferenceReloadTitle": "불행하게도 문제가 발생했습니다",
+        "confirm": "확인",
+        "confirmNo": "아니요",
+        "confirmYes": "예",
+        "connectError": "죄송합니다. 문제가 발생하여 회의에 연결할 수 없습니다",
+        "connectErrorWithMsg": "죄송합니다. 문제가 발생하여 회의에 연결할 수 없습니다: {{msg}}",
+        "connecting": "연결중",
+        "contactSupport": "지원 연락처",
+        "copied": "복사됨",
+        "copy": "복사",
+        "demoteParticipantDialog": "이 참가자를 방문자로 이동시키겠습니까?",
+        "demoteParticipantTitle": "방문자로 이동",
+        "dismiss": "닫기",
+        "displayNameRequired": "당신의 이름은 무엇입니까?",
+        "done": "완료",
+        "e2eeDescription": "종단 간 암호화는 현재 실험적입니다. 종단 간 암호화를 켜면 전화 참여와 같은 서버 제공 서비스가 비활성화됩니다. 또한 이 회의는 insertable streams을 지원하는 브라우저에서만 작동합니다.",
+        "e2eeDisabledDueToMaxModeDescription": "참가자가 너무 많아서 종단 간 암호화를 활성화할 수 없습니다.",
+        "e2eeLabel": "종단 간 암호화 활성화",
+        "e2eeWarning": "경고: 이 회의의 모든 참가자가 종단 간 암호화를 지원하는 것 같지 않습니다. 활성화하면 그들은 귀하를 볼 수 없거나 들을 수 없습니다.",
+        "e2eeWillDisableDueToMaxModeDescription": "경고: 더 많은 참가자가 회의에 참여하면 종단 간 암호화가 자동으로 비활성화됩니다.",
+        "embedMeeting": "회의 삽입",
+        "enterDisplayName": "당신의 이름을 입력해주세요.",
+        "error": "에러",
+        "errorRoomCreationRestriction": "너무 빠르게 시도했습니다. 잠시 후 다시 시도해 주세요.",
+        "gracefulShutdown": "서비스가 현재 유지 관리를 위해 중단되었습니다. 나중에 다시 시도 해주십시오.",
+        "grantModeratorDialog": "이 참가자({{participantName}})에게 중재자 권한을 부여하시겠습니까?",
+        "grantModeratorTitle": "중재자 권한 부여",
+        "hide": "숨기기",
+        "hideShareAudioHelper": "이 대화 상자를 다시 표시하지 않음",
+        "incorrectPassword": "잘못된 사용자 이름 또는 비밀번호",
+        "incorrectRoomLockPassword": "잘못된 비밀번호",
+        "internalError": "죄송합니다. 문제가 발생하여 회의에 연결할 수 없습니다: {{error}}",
+        "internalErrorTitle": "내부 에러",
+        "kickMessage": "자세한 내용은 {{participantDisplayName}}에 문의하세요.",
+        "kickParticipantButton": "추방",
+        "kickParticipantDialog": "이 참가자를 정말 추방 하시겠습니까?",
+        "kickParticipantTitle": "이 참가자를 추방 하시겠습니까?",
+        "kickTitle": "{{participantDisplayName}} 님이 회의에서 퇴장했습니다.",
+        "linkMeeting": "회의 연결",
+        "linkMeetingTitle": "회의를 Salesforce에 연결",
+        "liveStreaming": "실시간 스트리밍",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "녹화 중에는 사용할 수 없습니다",
+        "localUserControls": "로컬 사용자 컨트롤",
+        "lockMessage": "회의를 비공개하지 못했습니다",
+        "lockRoom": "회의 추가 $t(lockRoomPasswordUppercase)",
+        "lockTitle": "비공개 실패",
+        "login": "로그인",
+        "loginQuestion": "로그인하고 회의를 떠나시겠습니까?",
+        "logoutQuestion": "로그아웃하고 컨퍼런스를 중지하시겠습니까?",
+        "logoutTitle": "로그아웃",
+        "maxUsersLimitReached": "회의의 최대 참가자 수에 도달했습니다. 회의 소유자에게 연락하거나 나중에 다시 시도하십시오!",
+        "maxUsersLimitReachedTitle": "최대 참가자 수에 도달했습니다.",
+        "micConstraintFailedError": "마이크가 필요한 제약 조건 중 일부를 충족하지 못합니다",
+        "micNotFoundError": "마이크를 찾을 수 없습니다",
+        "micNotSendingData": "컴퓨터의 설정으로 이동하여 마이크 음소거를 해제하고 레벨을 조정하세요.",
+        "micNotSendingDataTitle": "시스템 설정에 의해 마이크가 음소거되었습니다.",
+        "micPermissionDeniedError": "마이크를 사용할 수있는 권한을 부여하지 않았습니다. 회의에 계속 참여할 수는 있지만 다른 사람들은 듣지 않습니다. 검색 주소창의 카메라 버튼을 사용하여 문제를 해결하십시오.",
+        "micTimeoutError": "오디오 소스를 시작할 수 없습니다. 시간 초과가 발생했습니다!",
+        "micUnknownError": "알 수 없는 이유로 마이크를 사용할 수 없습니다",
+        "moderationAudioLabel": "참가자가 스스로 음소거 해제 허용",
+        "moderationVideoLabel": "참가자가 자신의 비디오 시작 허용",
+        "muteEveryoneDialog": "모든 참가자를 음소거 하시겠습니까? 당신이 다른 사람들의 음소거를 해제 할 수는 없지만 언제든지 다른 사람들은 스스로 음소거를 해제할 수 있습니다.",
+        "muteEveryoneDialogModerationOn": "참가자는 언제든지 발언 요청을 보낼 수 있습니다.",
+        "muteEveryoneElseDialog": "당신이 다른 사람들의 음소거를 해제 할 수는 없지만 언제든지 다른 사람들은 스스로 음소거를 해제할 수 있습니다.",
+        "muteEveryoneElseTitle": "{{whom}}을(를) 제외하고 전부 음소거 하시겠습니까?",
+        "muteEveryoneElsesVideoDialog": "당신이 다른 사람들의 카메라를 다시 켤 수는 없지만 언제든지 다른 사람들은 스스로 카메라를 켤 수 있습니다.",
+        "muteEveryoneElsesVideoTitle": "{{whom}}을(를) 제외하고 전부 카메라를 비활성화 하시겠습니까?",
+        "muteEveryoneSelf": "당신 자신",
+        "muteEveryoneStartMuted": "지금부터 모두 음소거 됩니다.",
+        "muteEveryoneTitle": "모두 음소거 하시겠습니까?",
+        "muteEveryonesVideoDialog": "모든 참가자의 카메라를 비활성화 하시겠습니까? 당신이 다른 사람들의 카메라를 다시 켤 수는 없지만 언제든지 다른 사람들은 스스로 카메라를 켤 수 있습니다.",
+        "muteEveryonesVideoDialogModerationOn": "참가자는 언제든지 비디오를 켜기 위한 요청을 보낼 수 있습니다.",
+        "muteEveryonesVideoDialogOk": "비활성화",
+        "muteEveryonesVideoTitle": "모든 카메라를 비활성화 하시겠습니까?",
+        "muteParticipantBody": "당신이 다른 사람들의 음소거를 해제 할 수는 없지만 언제든지 다른 사람들은 스스로 음소거를 해제할 수 있습니다.",
+        "muteParticipantButton": "음소거",
+        "muteParticipantsVideoBody": "당신이 다른 사람들의 카메라를 다시 켤 수는 없지만 언제든지 다른 사람들은 스스로 카메라를 켤 수 있습니다.",
+        "muteParticipantsVideoBodyModerationOn": "당신은 카메라를 다시 켤 수 없으며 그들도 마찬가지입니다.",
+        "muteParticipantsVideoButton": "카메라 비활성화",
+        "muteParticipantsVideoDialog": "이 참가자의 카메라를 끄시겠습니까? 당신은 카메라를 다시 켤 수 없지만, 그들은 언제든지 다시 켤 수 있습니다.",
+        "muteParticipantsVideoDialogModerationOn": "이 참가자의 카메라를 끄시겠습니까? 당신은 카메라를 다시 켤 수 없으며 그들도 마찬가지입니다.",
+        "muteParticipantsVideoTitle": "이 참가자의 카메라를 비활성화 하시겠습니까?",
+        "noDropboxToken": "유효한 Dropbox 토큰이 없습니다",
+        "password": "비밀번호",
+        "passwordLabel": "잠긴 회의입니다. 회의에 참여하려면 비밀번호를 입력하세요.",
+        "passwordNotSupported": "회의 비밀번호 설정은 지원되지 않습니다",
+        "passwordNotSupportedTitle": "비밀번호 미지원",
+        "passwordRequired": "비밀번호 필수",
+        "permissionCameraRequiredError": "비디오로 회의에 참여하려면 카메라 권한이 필요합니다. 설정에서 허용하십시오",
+        "permissionErrorTitle": "권한 필요",
+        "permissionMicRequiredError": "오디오로 회의에 참여하려면 마이크 권한이 필요합니다. 설정에서 허용하십시오",
+        "readMore": "더보기",
+        "recentlyUsedObjects": "최근에 사용한 객체",
+        "recording": "녹화",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "라이브 스트리밍이 활성화되어 있는 동안에는 사용할 수 없습니다",
+        "rejoinNow": "지금 재가입",
+        "remoteControlAllowedMessage": "{{user}}이(가) 원격 제어 요청을 수락했습니다",
+        "remoteControlDeniedMessage": "{{user}}이(가) 원격 제어 요청을 거부했습니다",
+        "remoteControlErrorMessage": "{{user}}로부터 원격 제어 권한을 요청하는 동안 오류가 발생했습니다",
+        "remoteControlRequestMessage": "{{user}}에게 당신의 데스크탑을 원격 제어하도록 허용하시겠습니까?",
+        "remoteControlShareScreenWarning": "\"허락\"을 누르면 화면을 공유합니다",
+        "remoteControlStopMessage": "원격 제어 세션이 종료되었습니다",
+        "remoteControlTitle": "원격 데스크탑 컨트롤",
+        "remoteUserControls": "{{username}}의 원격 사용자 컨트롤",
+        "removePassword": "비밀번호 제거",
+        "removeSharedVideoMsg": "공유한 동영상을 삭제하시겠습니까?",
+        "removeSharedVideoTitle": "공유된 동영상 삭제",
+        "renameBreakoutRoomLabel": "방 이름",
+        "renameBreakoutRoomTitle": "분할 회의실 이름 변경",
+        "reservationError": "예약 시스템 오류",
+        "reservationErrorMsg": "오류 코드: {{code}}, 메시지: {{msg}}",
+        "retry": "재시도",
+        "screenSharingAudio": "오디오 공유",
+        "screenSharingFailed": "죄송합니다! 문제가 발생하여 화면 공유를 시작할 수 없었습니다!",
+        "screenSharingFailedTitle": "화면 공유 실패!",
+        "screenSharingPermissionDeniedError": "죄송합니다. 화면 공유 확장 권한으로 문제가 발생했습니다. 다시 로드하고 재시도하십시오.",
+        "searchInSalesforce": "Salesforce에서 검색",
+        "searchResults": "검색 결과({{count}})",
+        "searchResultsDetailsError": "소유자 데이터를 검색하는 동안 문제가 발생했습니다.",
+        "searchResultsError": "데이터를 검색하는 동안 문제가 발생했습니다.",
+        "searchResultsNotFound": "검색 결과를 찾을 수 없습니다.",
+        "searchResultsTryAgain": "대체 키워드를 사용해보세요.",
+        "sendPrivateMessage": "최근에 비공개 메시지를 받았습니다. 비공개로 답장을 보내시겠습니까, 아니면 그룹에 메시지를 보내시겠습니까?",
+        "sendPrivateMessageCancel": "그룹에 보내기",
+        "sendPrivateMessageOk": "비공개로 보내기",
+        "sendPrivateMessageTitle": "비공개로 보낼까요?",
+        "serviceUnavailable": "서비스를 사용할 수 없음",
+        "sessTerminated": "통화 종료",
+        "sessTerminatedReason": "회의가 종료되었습니다",
+        "sessionRestarted": "연결 문제로 인해 통화가 재시작되었습니다.",
+        "shareAudio": "계속",
+        "shareAudioAltText": "원하는 콘텐츠를 공유하려면 \"브라우저 탭\"으로 이동하여 콘텐츠를 선택하고 \"오디오 공유\" 체크 표시를 활성화한 다음 \"공유\" 버튼을 클릭하십시오",
+        "shareAudioTitle": "오디오 공유 방법",
+        "shareAudioWarningD1": "오디오를 공유하기 전에 화면 공유를 중지해야 합니다.",
+        "shareAudioWarningD2": "화면 공유를 다시 시작하고 \"오디오 공유\" 옵션을 선택해야 합니다.",
+        "shareAudioWarningH1": "오디오만 공유하려면:",
+        "shareAudioWarningTitle": "오디오를 공유하기 전에 화면 공유를 중지해야 합니다",
+        "shareMediaWarningGenericH2": "화면과 오디오를 공유하려면",
+        "shareScreenWarningD1": "화면을 공유하기 전에 오디오 공유를 중지해야 합니다.",
+        "shareScreenWarningD2": "오디오 공유를 중지하고 화면 공유를 시작한 다음 \"오디오 공유\" 옵션을 선택해야 합니다.",
+        "shareScreenWarningH1": "화면만 공유하려면:",
+        "shareScreenWarningTitle": "화면을 공유하기 전에 오디오 공유를 중지해야 합니다",
+        "shareVideoConfirmPlay": "외부 웹사이트를 열려고 합니다. 계속하시겠습니까?",
+        "shareVideoConfirmPlayTitle": "{{name}}님이 동영상을 공유했습니다.",
+        "shareVideoLinkError": "올바른 YouTube 링크를 제공하십시오",
+        "shareVideoLinkStopped": "{{name}}님의 동영상이 중지되었습니다.",
+        "shareVideoTitle": "비디오 공유",
+        "shareYourScreen": "화면공유",
+        "shareYourScreenDisabled": "화면 공유가 비활성화 되었습니다.",
+        "sharedVideoDialogError": "오류: 잘못되었거나 금지된 URL",
+        "sharedVideoLinkPlaceholder": "YouTube 링크 또는 직접 동영상 링크",
+        "show": "보이기",
+        "start": "시작",
+        "startLiveStreaming": "라이브 스트리밍 시작",
+        "startRecording": "녹화 시작",
+        "startRemoteControlErrorMessage": "원격 제어 세션을 시작하는 동안 오류가 발생했습니다",
+        "stopLiveStreaming": "라이브 스트리밍 종료",
+        "stopRecording": "녹화 종료",
+        "stopRecordingWarning": "녹화를 중단하고 싶으십니까?",
+        "stopStreamingWarning": "라이브 스트리밍을 중단하고 싶으십니까?",
+        "streamKey": "라이브 스트리밍 키",
+        "thankYou": "{{appName}}을 이용해 주셔서 감사합니다!",
+        "token": "토큰",
+        "tokenAuthFailed": "죄송합니다. 통화에 참여하실 수 없습니다.",
+        "tokenAuthFailedReason": {
+            "audInvalid": "잘못된 `aud` 값입니다. `jitsi`여야 합니다.",
+            "contextNotFound": "`context` 객체가 페이로드에 없습니다.",
+            "expInvalid": "잘못된 `exp` 값입니다.",
+            "featureInvalid": "잘못된 기능: {{feature}}, 아직 구현되지 않았을 수 있습니다.",
+            "featureValueInvalid": "기능의 잘못된 값: {{feature}}.",
+            "featuresNotFound": "`features` 객체가 페이로드에 없습니다.",
+            "headerNotFound": "헤더가 없습니다.",
+            "issInvalid": "잘못된 `iss` 값입니다. `chat`이어야 합니다.",
+            "kidMismatch": "키 ID(kid)가 sub와 일치하지 않습니다.",
+            "kidNotFound": "키 ID(kid)가 없습니다.",
+            "nbfFuture": "`nbf` 값이 미래에 있습니다.",
+            "nbfInvalid": "잘못된 `nbf` 값입니다.",
+            "payloadNotFound": "페이로드가 없습니다.",
+            "tokenExpired": "토큰이 만료되었습니다."
+        },
+        "tokenAuthFailedTitle": "인증 실패",
+        "tokenAuthFailedWithReasons": "죄송합니다, 이 통화에 참여할 수 없습니다. 가능한 이유: {{reason}}",
+        "tokenAuthUnsupported": "토큰 URL은 지원되지 않습니다.",
+        "transcribing": "스크립트 작성 중",
+        "unlockRoom": "회의 비밀번호 제거",
+        "user": "사용자",
+        "userIdentifier": "사용자 식별자",
+        "userPassword": "사용자 비밀번호",
+        "verifyParticipantConfirm": "일치합니다",
+        "verifyParticipantDismiss": "일치하지 않습니다",
+        "verifyParticipantQuestion": "실험적: 참가자 {{participantName}}에게 동일한 내용이 동일한 순서로 표시되는지 확인하십시오.",
+        "verifyParticipantTitle": "사용자 확인",
+        "videoLink": "비디오 링크",
+        "viewUpgradeOptions": "업그레이드 옵션 보기",
+        "viewUpgradeOptionsContent": "녹화, 전사, RTMP 스트리밍 등과 같은 프리미엄 기능에 무제한으로 액세스하려면 요금제를 업그레이드해야 합니다.",
+        "viewUpgradeOptionsTitle": "프리미엄 기능을 발견했습니다!",
+        "whiteboardLimitContent": "죄송합니다, 동시 화이트보드 사용자 수 한도에 도달했습니다.",
+        "whiteboardLimitReference": "자세한 내용은",
+        "whiteboardLimitReferenceUrl": "당사 웹사이트",
+        "whiteboardLimitTitle": "화이트보드 사용 제한",
+        "yourEntireScreen": "전체 화면"
+    },
+    "documentSharing": {
+        "title": "문서 공유"
+    },
+    "e2ee": {
+        "labelToolTip": "이 통화의 오디오 및 비디오 통신은 종단 간 암호화됩니다"
+    },
+    "embedMeeting": {
+        "title": "이 회의를 임베드하기"
+    },
+    "feedback": {
+        "accessibilityLabel": {
+            "yourChoice": "귀하의 선택: {{rating}}"
+        },
+        "average": "보통",
+        "bad": "나쁨",
+        "detailsLabel": "더 자세히 알려주십시오",
+        "good": "좋음",
+        "rateExperience": "회의 경험 평가하기",
+        "star": "별",
+        "veryBad": "매우 나쁨",
+        "veryGood": "매우 좋음"
+    },
+    "filmstrip": {
+        "accessibilityLabel": {
+            "heading": "비디오 썸네일"
+        }
+    },
+    "giphy": {
+        "noResults": "결과를 찾을 수 없습니다 :(",
+        "search": "GIPHY 검색"
+    },
+    "incomingCall": {
+        "answer": "응답",
+        "audioCallTitle": "수신 전화",
+        "decline": "거절",
+        "productLabel": "Jitsi Meet에서",
+        "videoCallTitle": "수신 화상 전화"
+    },
+    "info": {
+        "accessibilityLabel": "정보 보기",
+        "addPassword": "$t(lockRoomPassword) 추가",
+        "cancelPassword": "$t(lockRoomPassword) 취소",
+        "conferenceURL": "링크:",
+        "copyNumber": "번호 복사",
+        "country": "지역",
+        "dialANumber": "회의에 참여하려면 이 번호 중 하나를 누른 다음 PIN을 입력하십시오.",
+        "dialInConferenceID": "PIN:",
+        "dialInNotSupported": "죄송합니다. 현재 전화를 걸 수 없습니다.",
+        "dialInNumber": "전화 접속:",
+        "dialInSummaryError": "지금 전화 접속 정보를 가져 오는 중에 오류가 발생했습니다. 나중에 다시 시도하십시오.",
+        "dialInTollFree": "수신자 부담",
+        "genericError": "일반적인 오류가 발생했습니다",
+        "inviteLiveStream": "이 회의의 실시간 스트림을 보려면 이 링크를 클릭하십시오: {{url}}",
+        "invitePhone": "폰으로 참여하려면, 이것을 누르십시오: {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "다른 전화 접속 번호를 찾으십니까?\n회의 전화 접속 번호 보기: {{url}}\n\n\n방 전화로도 전화 접속하는 경우, 오디오에 연결하지 않고 참여하세요: {{silentUrl}}",
+        "inviteSipEndpoint": "SIP 주소를 사용하여 참여하려면 다음을 입력하십시오: {{sipUri}}",
+        "inviteTextiOSInviteUrl": "다음 링크를 클릭하여 참여하세요: {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "방 전화로 전화 접속하는 경우, 이 링크를 사용하여 오디오에 연결하지 않고 참여하세요: {{silentUrl}}.",
+        "inviteTextiOSPersonal": "{{name}}님이 회의에 초대했습니다.",
+        "inviteTextiOSPhone": "전화로 참여하려면 이 번호를 사용하세요: {{number}},,{{conferenceID}}#. 다른 번호를 찾고 있다면, 전체 목록은 다음과 같습니다: {{didUrl}}.",
+        "inviteURLFirstPartGeneral": "회의에 초대되었습니다.",
+        "inviteURLFirstPartPersonal": "{{name}}님이 회의에 초대하였습니다.\n",
+        "inviteURLSecondPart": "\n회의에 참여하기:\n{{url}}\n",
+        "label": "회의 정보",
+        "liveStreamURL": "실시간 스트리밍:",
+        "moreNumbers": "더 많은 번호",
+        "noNumbers": "전화 접속 번호 없음",
+        "noPassword": "없음",
+        "noRoom": "전화 접속이 가능한 방을 지정하지 않았습니다",
+        "noWhiteboard": "화이트보드를 로드할 수 없습니다.",
+        "numbers": "전화 접속 번호",
+        "password": "비밀번호",
+        "reachedLimit": "요금제 한도에 도달했습니다.",
+        "sip": "SIP 주소",
+        "sipAudioOnly": "SIP 오디오 전용 주소",
+        "title": "공유",
+        "tooltip": "링크 공유 및 회의에 대한 정보",
+        "upgradeOptions": "업그레이드 옵션을 확인하세요",
+        "whiteboardError": "화이트보드를 로드하는 중 오류가 발생했습니다. 나중에 다시 시도하십시오."
+    },
+    "inlineDialogFailure": {
+        "msg": "약간의 문제가 있습니다",
+        "retry": "다시 시도",
+        "support": "지원",
+        "supportMsg": "문제가 계속 발생하면 연락하세요"
+    },
+    "inviteDialog": {
+        "alertText": "일부 참가자를 초대하지 못했습니다.",
+        "header": "초대",
+        "searchCallOnlyPlaceholder": "전화 번호 입력",
+        "searchPeopleOnlyPlaceholder": "참가자 검색",
+        "searchPlaceholder": "참가자 또는 전화 번호",
+        "send": "전송"
+    },
+    "jitsiHome": "{{logo}} 로고, 홈페이지 링크",
+    "keyboardShortcuts": {
+        "focusLocal": "자신의 동영상에 포커스",
+        "focusRemote": "다른 발신자의 동영상에 포커스",
+        "fullScreen": "전체화면 표시 또는 종료",
+        "giphyMenu": "GIPHY 메뉴 전환",
+        "keyboardShortcuts": "키보드 단축키",
+        "localRecording": "로컬 녹화 컨트롤 표시 또는 숨기기",
+        "mute": "마이크 음소거 또는 음소거 해제",
+        "pushToTalk": "대화 요청",
+        "raiseHand": "말하기 요청/해제",
+        "showSpeakerStats": "접속자 통계 표시",
+        "toggleChat": "채팅 표시 또는 숨기기",
+        "toggleFilmstrip": "동영상 표시 또는 숨기기",
+        "toggleParticipantsPane": "참가자 창 표시 또는 숨기기",
+        "toggleScreensharing": "카메라와 화면 공유간에 전환",
+        "toggleShortcuts": "도움말 메뉴 표시 또는 숨기기",
+        "videoMute": "카메라 시작 또는 중지"
+    },
+    "largeVideo": {
+        "screenIsShared": "화면을 공유 중입니다",
+        "showMeWhatImSharing": "내가 공유하는 내용을 보여줘"
+    },
+    "liveStreaming": {
+        "busy": "스트리밍 자원을 확보하기 위해 노력하고 있습니다. 몇 분 후에 다시 시도하십시오.",
+        "busyTitle": "모든 스트리머가 현재 사용 중입니다",
+        "changeSignIn": "계정을 전환하십시오",
+        "choose": "실시간 스트리밍을 선택하세요",
+        "chooseCTA": "스트리밍 옵션을 선택하십시오. 현재 {{email}}(으)로 로그인되어 있습니다.",
+        "enterStreamKey": "YouTube 실시간 스트리밍 키를 입력하십시오",
+        "error": "실시간 스트리밍에 실패했습니다. 다시 시도하십시오.",
+        "errorAPI": "YouTube 방송에 액세스하는 중에 오류가 발생했습니다. 다시 로그인하십시오.",
+        "errorLiveStreamNotEnabled": "{{email}}에 의해 라이브 스트리밍이 활성화되지 않았습니다. 라이브 스트리밍을 활성화하거나 라이브 스트리밍이 활성화된 계정으로 로그인하십시오.",
+        "expandedOff": "라이브 스트리밍이 중지되었습니다",
+        "expandedOn": "현재 회의가 YouTube로 스트리밍되고 있습니다.",
+        "expandedPending": "라이브 스트리밍이 시작됩니다…",
+        "failedToStart": "실시간 스트리밍 시작 실패",
+        "getStreamKeyManually": "실시간 스트림을 가져올 수 없습니다. YouTube에서 실시간 스트림 키를 받아보세요.",
+        "googlePrivacyPolicy": "Google 개인 정보 보호 정책",
+        "inProgress": "녹화 또는 실시간 스트리밍 진행 중",
+        "invalidStreamKey": "라이브 스트림 키가 잘못되었을 수 있습니다.",
+        "limitNotificationDescriptionNative": "스트리밍이 {{limit}}분으로 제한됩니다. 무제한 스트리밍을 사용하려면 {{app}}을 시도해 보세요.",
+        "limitNotificationDescriptionWeb": "수요가 많아 스트리밍이 {{limit}}분으로 제한됩니다. 무제한 스트리밍을 사용하려면 <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>을 시도해 보세요.",
+        "off": "실시간 스트리밍이 중지됨",
+        "offBy": "{{name}}님이 실시간 스트리밍을 중지했습니다",
+        "on": "실시간 스트리밍",
+        "onBy": "{{name}}님이 실시간 스트리밍을 시작했습니다",
+        "pending": "실시간 스트리밍 시작…",
+        "policyError": "실시간 스트림을 너무 빨리 시작하려고 했습니다. 나중에 다시 시도하십시오!",
+        "serviceName": "실시간 스트리밍 서비스",
+        "sessionAlreadyActive": "이 세션은 이미 녹화되거나 실시간 스트리밍 중입니다.",
+        "signIn": "Google로 로그인",
+        "signInCTA": "YouTube에서 로그인하거나 실시간 스트리밍 키를 입력하십시오",
+        "signOut": "로그아웃",
+        "signedInAs": "현재 다음 계정으로 로그인되어 있습니다.",
+        "start": "실시간 스트리밍 시작",
+        "streamIdHelp": "도움말?",
+        "title": "실시간 스트리밍",
+        "unavailableTitle": "실시간 스트리밍을 사용할 수 없음",
+        "youtubeTerms": "YouTube 서비스 약관"
+    },
+    "lobby": {
+        "backToKnockModeButton": "참여 요청",
+        "chat": "채팅",
+        "dialogTitle": "로비 모드",
+        "disableDialogContent": "로비 모드가 현재 활성화되어 있습니다. 이 기능은 원치 않는 참가자가 회의에 참여하지 못하도록 보장합니다. 이를 비활성화하시겠습니까?",
+        "disableDialogSubmit": "비활성화",
+        "emailField": "이메일 주소를 입력하세요",
+        "enableDialogPasswordField": "비밀번호 설정 (선택 사항)",
+        "enableDialogSubmit": "활성화",
+        "enableDialogText": "로비 모드는 중재자의 승인을 거쳐서만 참가자들이 회의에 입장할 수 있도록 보호합니다.",
+        "enterPasswordButton": "회의 비밀번호 입력",
+        "enterPasswordTitle": "회의에 참여하려면 비밀번호를 입력하세요",
+        "errorMissingPassword": "회의 비밀번호를 입력하세요",
+        "invalidPassword": "잘못된 비밀번호",
+        "joinRejectedMessage": "중재자가 귀하의 참여 요청을 거부했습니다.",
+        "joinRejectedTitle": "참여 요청 거부됨",
+        "joinTitle": "회의 참여",
+        "joinWithPasswordMessage": "비밀번호로 참여하려고 시도 중입니다, 잠시만 기다려 주세요…",
+        "joiningMessage": "중재자가 참여 요청을 승인하면 회의에 참여하게 됩니다.",
+        "joiningTitle": "회의 참여 요청 중…",
+        "joiningWithPasswordTitle": "비밀번호로 참여 중…",
+        "knockButton": "참여 요청",
+        "knockTitle": "누군가 회의에 참여를 요청했습니다",
+        "knockingParticipantList": "참여 요청한 참가자 목록",
+        "lobbyChatStartedNotification": "{{moderator}}가 {{attendee}}와 로비 채팅을 시작했습니다",
+        "lobbyChatStartedTitle": "{{moderator}}가 당신과 로비 채팅을 시작했습니다.",
+        "lobbyClosed": "로비 방이 닫혔습니다.",
+        "nameField": "이름을 입력하세요",
+        "notificationLobbyAccessDenied": "{{targetParticipantName}}가 {{originParticipantName}}에 의해 참여가 거부되었습니다.",
+        "notificationLobbyAccessGranted": "{{targetParticipantName}}가 {{originParticipantName}}에 의해 참여가 승인되었습니다.",
+        "notificationLobbyDisabled": "로비가 {{originParticipantName}}에 의해 비활성화되었습니다.",
+        "notificationLobbyEnabled": "로비가 {{originParticipantName}}에 의해 활성화되었습니다.",
+        "notificationTitle": "로비",
+        "passwordJoinButton": "비밀번호로 참여",
+        "title": "로비",
+        "toggleLabel": "로비 활성화"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "꺼짐",
+            "on": "켜짐",
+            "unknown": "알 수 없음"
+        },
+        "dialogTitle": "로컬 녹화 컨트롤",
+        "duration": "기간",
+        "durationNA": "N/A",
+        "encoding": "인코딩",
+        "label": "LOR",
+        "labelToolTip": "로컬 녹화가 진행 중입니다",
+        "localRecording": "로컬 녹화",
+        "me": "나",
+        "messages": {
+            "engaged": "로컬 녹화 시작됨.",
+            "finished": "녹화 세션 {{token}}이 완료되었습니다. 녹화된 파일을 중재자에게 보내주세요.",
+            "finishedModerator": "녹화 세션 {{token}}이 완료되었습니다. 로컬 트랙의 녹화가 저장되었습니다. 다른 참가자에게 녹화를 제출하도록 요청하세요.",
+            "notModerator": "당신은 중재자가 아닙니다. 로컬 녹화를 시작하거나 중지할 수 없습니다."
+        },
+        "moderator": "중재자",
+        "no": "아니요",
+        "participant": "참가자",
+        "participantStats": "참가자 통계",
+        "selectTabTitle": "🎥 녹화를 위해 이 탭을 선택하세요",
+        "sessionToken": "세션 토큰",
+        "start": "녹화 시작",
+        "stop": "녹화 종료",
+        "stopping": "녹화 중지 중",
+        "wait": "녹화를 저장하는 동안 기다려 주세요",
+        "yes": "예"
+    },
+    "lockRoomPassword": "비밀번호",
+    "lockRoomPasswordUppercase": "비밀번호",
+    "lonelyMeetingExperience": {
+        "button": "초대하기",
+        "youAreAlone": "회의에 참여자가 없습니다."
+    },
+    "me": "나",
+    "notify": {
+        "OldElectronAPPTitle": "보안 취약성!",
+        "allowAction": "허용",
+        "allowedUnmute": "마이크 음소거 해제, 카메라 시작 또는 화면 공유를 할 수 있습니다.",
+        "audioUnmuteBlockedDescription": "시스템 제한으로 인해 마이크 음소거 해제 작업이 일시적으로 차단되었습니다.",
+        "audioUnmuteBlockedTitle": "마이크 음소거 해제 차단됨!",
+        "chatMessages": "채팅 메시지",
+        "connectedOneMember": "{{name}}님이 회의에 참여했습니다.",
+        "connectedThreePlusMembers": "{{name}}님 외 {{count}}명이 회의에 참여했습니다.",
+        "connectedTwoMembers": "{{first}}님과 {{second}}님이 회의에 참여했습니다.",
+        "connectionFailed": "연결 실패. 나중에 다시 시도하십시오!",
+        "dataChannelClosed": "비디오 품질이 저하될 수 있습니다",
+        "dataChannelClosedDescription": "브리지 채널이 다운되어 비디오 품질이 가장 낮은 설정으로 제한될 수 있습니다.",
+        "dataChannelClosedDescriptionWithAudio": "브리지 채널이 다운되어 오디오 및 비디오에 장애가 발생할 수 있습니다.",
+        "dataChannelClosedWithAudio": "오디오 및 비디오 품질이 저하될 수 있습니다",
+        "disabledIframe": "임베딩은 데모 목적에만 사용되므로 이 통화는 {{timeout}}분 후에 연결이 끊어집니다.",
+        "disabledIframeSecondary": "{{domain}} 임베딩은 데모 목적에만 사용되므로 이 통화는 {{timeout}}분 후에 연결이 끊어집니다. 프로덕션 임베딩을 위해 <a href='{{jaasDomain}}' rel='noopener noreferrer' target='_blank'>Jitsi as a Service</a>를 사용하세요!",
+        "disconnected": "연결이 끊김",
+        "displayNotifications": "다음에 대한 알림 표시",
+        "dontRemindMe": "다시 알리지 않기",
+        "focus": "컨퍼런스 포커스",
+        "focusFail": "{{component}}을 사용할 수 없음 - {{ms}} 초 후에 다시 시도하십시오",
+        "gifsMenu": "GIPHY",
+        "groupTitle": "알림",
+        "hostAskedUnmute": "중재자가 말하기를 원합니다",
+        "invalidTenant": "잘못된 테넌트",
+        "invalidTenantHyphenDescription": "사용 중인 테넌트가 잘못되었습니다('-'로 시작하거나 끝남).",
+        "invalidTenantLengthDescription": "사용 중인 테넌트가 너무 깁니다.",
+        "invitedOneMember": "{{name}}님이 초대되었습니다.",
+        "invitedThreePlusMembers": "{{name}}님 외 {{count}}명이 초대되었습니다.",
+        "invitedTwoMembers": "{{first}}님과 {{second}}님이 초대되었습니다.",
+        "joinMeeting": "참여하기",
+        "kickParticipant": "{{kicker}}님이 {{kicked}}님을 추방했습니다.",
+        "leftOneMember": "{{name}}님이 회의를 떠났습니다",
+        "leftThreePlusMembers": "{{name}}님 외 여러 명이 회의를 떠났습니다",
+        "leftTwoMembers": "{{first}}님과 {{second}}님이 회의를 떠났습니다",
+        "linkToSalesforce": "Salesforce에 연결",
+        "linkToSalesforceDescription": "회의 요약을 Salesforce 객체에 연결할 수 있습니다.",
+        "linkToSalesforceError": "회의를 Salesforce에 연결하지 못했습니다",
+        "linkToSalesforceKey": "이 회의 연결",
+        "linkToSalesforceProgress": "회의를 Salesforce에 연결 중…",
+        "linkToSalesforceSuccess": "회의가 Salesforce에 연결되었습니다",
+        "localRecordingStarted": "{{name}}님이 로컬 녹화를 시작했습니다.",
+        "localRecordingStopped": "{{name}}님이 로컬 녹화를 중지했습니다.",
+        "me": "나",
+        "moderationInEffectCSDescription": "화면을 공유하려면 손을 들어주세요.",
+        "moderationInEffectCSTitle": "화면 공유가 중재자에 의해 차단되었습니다",
+        "moderationInEffectDescription": "말씀하시려면 손을 들어주세요.",
+        "moderationInEffectTitle": "마이크가 중재자에 의해 음소거되었습니다",
+        "moderationInEffectVideoDescription": "카메라를 시작하려면 손을 들어주세요.",
+        "moderationInEffectVideoTitle": "카메라가 중재자에 의해 차단되었습니다",
+        "moderationRequestFromModerator": "호스트가 음소거 해제를 원합니다",
+        "moderationRequestFromParticipant": "말하고 싶어합니다",
+        "moderationStartedTitle": "중재 시작됨",
+        "moderationStoppedTitle": "중재 중지됨",
+        "moderationToggleDescription": "{{participantDisplayName}}에 의해",
+        "moderator": "방장 권한이 부여되었습니다!",
+        "muted": "음소거로 대화가 시작되었습니다",
+        "mutedRemotelyDescription": "말할 준비가되면 언제든지 음소거를 해제 할 수 있습니다.",
+        "mutedRemotelyTitle": "{{participantDisplayName}}에 의해 음소거되었습니다!",
+        "mutedTitle": "음소거 상태입니다!",
+        "newDeviceAction": "사용",
+        "newDeviceAudioTitle": "새 오디오 장치 감지",
+        "newDeviceCameraTitle": "새 카메라 감지",
+        "nextToSpeak": "당신은 다음 발언자입니다",
+        "noiseSuppressionDesktopAudioDescription": "추가 노이즈 억제는 데스크톱 오디오 공유 중에는 활성화할 수 없습니다. 비활성화하고 다시 시도하십시오.",
+        "noiseSuppressionFailedTitle": "추가 노이즈 억제를 시작하지 못했습니다",
+        "noiseSuppressionStereoDescription": "추가 노이즈 억제는 현재 스테레오 오디오와 함께 지원되지 않습니다.",
+        "oldElectronClientDescription1": "보안 취약성이 있는 오래된 Jitsi Meet 클라이언트를 사용하고 있는 것 같습니다. 최신 빌드로 업데이트하세요",
+        "oldElectronClientDescription2": "최신 빌드",
+        "oldElectronClientDescription3": "지금!",
+        "participantWantsToJoin": "회의에 참여하려고 합니다",
+        "participantsWantToJoin": "회의에 참여하려고 합니다",
+        "passwordRemovedRemotely": "다른 참가자가 $t(lockRoomPasswordUppercase)를 제거했습니다.",
+        "passwordSetRemotely": "다른 참가자가 $t(lockRoomPasswordUppercase)를 설정했습니다.",
+        "raiseHandAction": "손 들기",
+        "raisedHand": "{{name}}님이 말하고 싶어합니다.",
+        "raisedHands": "{{participantName}}님과 {{raisedHands}}명이 더",
+        "reactionSounds": "소리 비활성화",
+        "reactionSoundsForAll": "모든 사람의 소리 비활성화",
+        "screenShareNoAudio": "창 선택 화면에서 오디오 공유 상자가 선택되지 않았습니다.",
+        "screenShareNoAudioTitle": "시스템 오디오를 공유할 수 없습니다!",
+        "screenSharingAudioOnlyDescription": "화면을 공유하면 \"최적의 성능\" 모드에 영향을 주며 더 많은 대역폭을 사용하게 됩니다.",
+        "screenSharingAudioOnlyTitle": "\"최적의 성능\" 모드",
+        "selfViewTitle": "설정에서 언제든지 셀프뷰를 다시 표시할 수 있습니다",
+        "somebody": "누군가",
+        "startSilentDescription": "오디오를 사용하려면 회의에 다시 참여하세요.",
+        "startSilentTitle": "오디오 출력없이 참여했습니다!",
+        "suboptimalBrowserWarning": "여기에서 회의 경험이 좋지 않을 것 같습니다. 이를 개선하기 위해 노력하고 있지만 그때까지 <a href='{{recommendedBrowserPageLink}}' target='_blank'>완전히 지원되는 브라우저</a> 중 하나를 사용해보세요.",
+        "suboptimalExperienceTitle": "브라우저 경고",
+        "suggestRecordingAction": "시작",
+        "suggestRecordingDescription": "녹화를 시작하시겠습니까?",
+        "suggestRecordingTitle": "이 회의를 녹화합니다",
+        "unmute": "음소거 해제",
+        "videoMutedRemotelyDescription": "언제든지 카메라를 다시 켤 수 있습니다.",
+        "videoMutedRemotelyTitle": "{{participantDisplayName}}에 의해 카메라가 비활성화되었습니다!",
+        "videoUnmuteBlockedDescription": "카메라 음소거 해제 및 화면 공유 작업이 시스템 제한으로 인해 일시적으로 차단되었습니다.",
+        "videoUnmuteBlockedTitle": "카메라 음소거 해제 및 화면 공유 차단됨!",
+        "viewLobby": "로비 보기",
+        "viewParticipants": "참가자 보기",
+        "viewVisitors": "방문자 보기",
+        "waitingParticipants": "{{waitingParticipants}}명",
+        "waitingVisitors": "대기열에서 대기 중인 방문자: {{waitingVisitors}}",
+        "waitingVisitorsTitle": "회의가 아직 시작되지 않았습니다!",
+        "whiteboardLimitDescription": "진행 상황을 저장하세요. 사용자 한도에 곧 도달하여 화이트보드가 닫힐 것입니다.",
+        "whiteboardLimitTitle": "화이트보드 사용"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "승인",
+            "admitAll": "모두 승인",
+            "allow": "참가자에게 허용:",
+            "allowVideo": "비디오 허용",
+            "askUnmute": "음소거 해제 요청",
+            "audioModeration": "스스로 음소거 해제",
+            "blockEveryoneMicCamera": "모두의 마이크와 카메라 차단",
+            "breakoutRooms": "분할 회의실",
+            "goLive": "실시간 방송",
+            "invite": "사람 초대",
+            "lowerAllHands": "모든 손 내리기",
+            "lowerHand": "손 내리기",
+            "moreModerationActions": "더 많은 중재 옵션",
+            "moreModerationControls": "더 많은 중재 컨트롤",
+            "moreParticipantOptions": "더 많은 참가자 옵션",
+            "mute": "음소거",
+            "muteAll": "모두 음소거",
+            "muteEveryoneElse": "다른 사람 모두 음소거",
+            "reject": "거부",
+            "stopEveryonesVideo": "모두의 비디오 중지",
+            "stopVideo": "비디오 중지",
+            "unblockEveryoneMicCamera": "모두의 마이크와 카메라 차단 해제",
+            "videoModeration": "자신의 비디오 시작"
+        },
+        "close": "닫기",
+        "headings": {
+            "lobby": "로비 ({{count}})",
+            "participantsList": "회의 참가자 ({{count}})",
+            "visitorInQueue": " (대기 중 {{count}})",
+            "visitorRequests": " (요청 {{count}})",
+            "visitors": "방문자 {{count}}",
+            "waitingLobby": "로비에서 대기 중 ({{count}})"
+        },
+        "search": "참가자 검색",
+        "title": "참가자"
+    },
+    "passwordDigitsOnly": "최대 {{number}} 자리",
+    "passwordSetRemotely": "다른 참가자가 설정",
+    "pinParticipant": "{{participantName}} - 고정",
+    "pinnedParticipant": "참가자가 고정되었습니다",
+    "polls": {
+        "answer": {
+            "edit": "편집",
+            "send": "보내기",
+            "skip": "건너뛰기",
+            "submit": "제출"
+        },
+        "by": "{{name}}님이 작성",
+        "closeButton": "투표 종료",
+        "create": {
+            "addOption": "옵션 추가",
+            "answerPlaceholder": "옵션 {{index}}",
+            "cancel": "취소",
+            "create": "투표 만들기",
+            "pollOption": "투표 옵션 {{index}}",
+            "pollQuestion": "투표 질문",
+            "questionPlaceholder": "질문을 입력하세요",
+            "removeOption": "옵션 제거",
+            "save": "저장",
+            "send": "보내기"
+        },
+        "errors": {
+            "notUniqueOption": "옵션은 고유해야합니다"
+        },
+        "notification": {
+            "description": "투표 탭을 열어 투표하세요",
+            "title": "새로운 투표가 이 회의에 추가되었습니다"
+        },
+        "results": {
+            "changeVote": "투표 변경",
+            "empty": "회의에 아직 투표가 없습니다. 여기에서 투표를 시작하세요!",
+            "hideDetailedResults": "세부 정보 숨기기",
+            "showDetailedResults": "세부 정보 보기",
+            "vote": "투표"
+        }
+    },
+    "poweredby": "제공:",
+    "prejoin": {
+        "audioAndVideoError": "오디오 및 비디오 오류:",
+        "audioDeviceProblem": "오디오 장치에 문제가 있습니다",
+        "audioOnlyError": "오디오 오류:",
+        "audioTrackError": "오디오 트랙을 생성할 수 없습니다.",
+        "callMe": "나에게 전화하기",
+        "callMeAtNumber": "이 번호로 전화하기:",
+        "calling": "전화 중",
+        "configuringDevices": "장치 구성 중…",
+        "connectedWithAudioQ": "오디오에 연결되어 있습니까?",
+        "connection": {
+            "failed": "연결 테스트 실패!",
+            "good": "인터넷 연결이 좋아 보입니다!",
+            "nonOptimal": "인터넷 연결이 최적이 아닙니다",
+            "poor": "인터넷 연결이 좋지 않습니다",
+            "running": "연결 테스트 실행 중…"
+        },
+        "connectionDetails": {
+            "audioClipping": "오디오가 클리핑될 것으로 예상됩니다.",
+            "audioHighQuality": "오디오가 우수한 품질일 것으로 예상됩니다.",
+            "audioLowNoVideo": "오디오 품질이 낮고 비디오는 없을 것으로 예상됩니다.",
+            "goodQuality": "멋져요! 미디어 품질이 훌륭할 것입니다.",
+            "noMediaConnectivity": "이 테스트를 위해 미디어 연결성을 설정할 수 있는 방법을 찾을 수 없었습니다. 이는 일반적으로 방화벽이나 NAT로 인해 발생합니다.",
+            "noVideo": "비디오가 매우 나쁠 것으로 예상됩니다.",
+            "testFailed": "연결 테스트에서 예기치 않은 문제가 발생했지만 이것이 귀하의 경험에 영향을 미치지 않을 수 있습니다.",
+            "undetectable": "브라우저에서 여전히 전화를 걸 수 없는 경우, 스피커, 마이크 및 카메라가 제대로 설정되었는지 확인하고 브라우저에 마이크 및 카메라 사용 권한을 부여했는지 확인하고 브라우저 버전이 최신인지 확인하는 것이 좋습니다. 여전히 통화에 문제가 있는 경우 웹 애플리케이션 개발자에게 문의해야 합니다.",
+            "veryPoorConnection": "통화 품질이 정말 나쁠 것으로 예상됩니다.",
+            "videoFreezing": "비디오가 멈추거나, 검은 화면이 되거나, 픽셀화될 것으로 예상됩니다.",
+            "videoHighQuality": "비디오 품질이 좋을 것으로 예상됩니다.",
+            "videoLowQuality": "프레임 속도와 해상도 측면에서 비디오 품질이 낮을 것으로 예상됩니다.",
+            "videoTearing": "비디오가 픽셀화되거나 시각적 결함이 있을 것으로 예상됩니다."
+        },
+        "copyAndShare": "회의 링크 복사 및 공유",
+        "dialInMeeting": "회의에 전화 접속",
+        "dialInPin": "회의에 전화 접속하고 PIN 코드를 입력하세요:",
+        "dialing": "전화 거는 중",
+        "doNotShow": "이 화면 다시 표시하지 않기",
+        "errorDialOut": "전화를 걸 수 없습니다",
+        "errorDialOutDisconnected": "전화를 걸 수 없습니다. 연결 끊김",
+        "errorDialOutFailed": "전화를 걸 수 없습니다. 통화 실패",
+        "errorDialOutStatus": "전화 걸기 상태 가져오기 오류",
+        "errorMissingName": "회의에 참여하려면 이름을 입력하세요",
+        "errorNoPermissions": "마이크 및 카메라 액세스를 허용해야 합니다",
+        "errorStatusCode": "전화 걸기 오류, 상태 코드: {{status}}",
+        "errorValidation": "번호 검증 실패",
+        "iWantToDialIn": "전화로 참여하고 싶습니다",
+        "initiated": "통화 시작됨",
+        "joinAudioByPhone": "전화로 오디오 참여",
+        "joinMeeting": "회의 참여",
+        "joinMeetingInLowBandwidthMode": "낮은 대역폭 모드로 참여",
+        "joinWithoutAudio": "오디오 없이 참여",
+        "keyboardShortcuts": "키보드 단축키 사용",
+        "linkCopied": "클립보드에 링크가 복사되었습니다",
+        "lookGood": "장치가 제대로 작동하고 있습니다",
+        "or": "또는",
+        "premeeting": "회의 전",
+        "proceedAnyway": "그래도 진행",
+        "recordingWarning": "다른 참가자가 이 통화를 녹화하고 있을 수 있습니다",
+        "screenSharingError": "화면 공유 오류:",
+        "startWithPhone": "전화 오디오로 시작",
+        "unsafeRoomConsent": "위험을 이해하며 회의에 참여하고 싶습니다",
+        "videoOnlyError": "비디오 오류:",
+        "videoTrackError": "비디오 트랙을 생성할 수 없습니다.",
+        "viewAllNumbers": "모든 번호 보기"
+    },
+    "presenceStatus": {
+        "busy": "바쁨",
+        "calling": "전화 거는 중",
+        "connected": "연결됨",
+        "connecting": "연결 중",
+        "connecting2": "연결 중*",
+        "disconnected": "연결 끊김",
+        "expired": "만료됨",
+        "ignored": "무시됨",
+        "initializingCall": "통화 초기화 중",
+        "invited": "초대됨",
+        "rejected": "거부됨",
+        "ringing": "전화 중"
+    },
+    "profile": {
+        "avatar": "아바타",
+        "setDisplayNameLabel": "표시 이름 설정",
+        "setEmailInput": "이메일 입력",
+        "setEmailLabel": "이메일 설정",
+        "title": "프로필"
+    },
+    "raisedHand": "말하고 싶어합니다",
+    "raisedHandsLabel": "손 든 사람 수",
+    "record": {
+        "already": {
+            "linked": "회의가 이미 이 Salesforce 객체에 연결되었습니다."
+        },
+        "type": {
+            "account": "계정",
+            "contact": "연락처",
+            "lead": "잠재 고객",
+            "opportunity": "기회",
+            "owner": "소유자"
+        }
+    },
+    "recording": {
+        "authDropboxText": "Dropbox에 업로드",
+        "availableSpace": "사용 가능한 공간 : {{spaceLeft}}MB (약 {{duration}}분 녹화)",
+        "beta": "베타",
+        "busy": "녹화 자원을 확보하고 있습니다. 몇 분 후에 다시 시도하십시오.",
+        "busyTitle": "모든 레코더가 현재 사용 중입니다",
+        "copyLink": "링크 복사",
+        "error": "녹화가 실패했습니다. 다시 시도하십시오.",
+        "errorFetchingLink": "녹화 링크를 가져오는 중 오류가 발생했습니다.",
+        "expandedOff": "녹화가 중지됨",
+        "expandedOn": "회의가 현재 녹화 중입니다.",
+        "expandedPending": "녹화가 시작됩니다…",
+        "failedToStart": "녹화를 시작하지 못했습니다",
+        "fileSharingdescription": "회의 참가자와 녹화 공유",
+        "highlight": "하이라이트",
+        "highlightMoment": "순간 강조 표시",
+        "highlightMomentDisabled": "녹화가 시작되면 순간을 강조 표시할 수 있습니다",
+        "highlightMomentSuccess": "순간 강조 표시됨",
+        "highlightMomentSucessDescription": "강조 표시된 순간이 회의 요약에 추가됩니다.",
+        "inProgress": "녹화 또는 실시간 스트리밍 진행 중",
+        "limitNotificationDescriptionNative": "수요가 많아 녹화가 {{limit}}분으로 제한됩니다. 무제한 녹화를 사용하려면 {{app}}을 시도해 보세요.",
+        "limitNotificationDescriptionWeb": "수요가 많아 녹화가 {{limit}}분으로 제한됩니다. 무제한 녹화를 사용하려면 <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>을 시도해 보세요.",
+        "linkGenerated": "녹화에 대한 링크를 생성했습니다.",
+        "localRecordingNoNotificationWarning": "녹화가 다른 참가자에게 알리지 않습니다. 회의가 녹화되고 있음을 알려야 합니다.",
+        "localRecordingNoVideo": "비디오는 녹화되지 않습니다",
+        "localRecordingStartWarning": "녹화를 저장하려면 회의에서 나가기 전에 녹화를 중지해야 합니다.",
+        "localRecordingStartWarningTitle": "저장을 위해 녹화를 중지하세요",
+        "localRecordingVideoStop": "비디오를 중지하면 로컬 녹화도 중지됩니다. 계속하시겠습니까?",
+        "localRecordingVideoWarning": "비디오를 녹화하려면 녹화를 시작할 때 켜져 있어야 합니다",
+        "localRecordingWarning": "올바른 비디오 및 오디오를 사용하려면 현재 탭을 선택해야 합니다.",
+        "loggedIn": "{{userName}}으로 로그인했습니다.",
+        "noMicPermission": "마이크 트랙을 생성할 수 없습니다. 마이크 사용 권한을 부여하세요.",
+        "noStreams": "오디오 또는 비디오 스트림이 감지되지 않았습니다.",
+        "off": "녹화가 중지됨",
+        "offBy": "{{name}}님이 녹화를 중지했습니다",
+        "on": "녹화",
+        "onBy": "{{name}}님이 녹화를 시작했습니다",
+        "onlyRecordSelf": "나의 오디오 및 비디오 스트림만 녹화",
+        "pending": "참석할 멤버를 기다리는 중입니다…",
+        "policyError": "녹화를 너무 빨리 시작하려고 했습니다. 나중에 다시 시도하십시오!",
+        "recordAudioAndVideo": "오디오와 비디오 녹화",
+        "recordTranscription": "자막 녹화",
+        "saveLocalRecording": "녹화 파일을 로컬에 저장 (베타)",
+        "serviceDescription": "녹화는 녹화 서비스에 의해 저장됩니다.",
+        "serviceDescriptionCloud": "클라우드 녹화",
+        "serviceDescriptionCloudInfo": "녹화된 회의는 녹화 후 24시간 후에 자동으로 삭제됩니다.",
+        "serviceName": "녹화 서비스",
+        "sessionAlreadyActive": "이 세션은 이미 녹화되거나 라이브 스트림 중입니다.",
+        "showAdvancedOptions": "고급 옵션",
+        "signIn": "로그인",
+        "signOut": "로그아웃",
+        "surfaceError": "현재 탭을 선택해 주세요.",
+        "title": "녹화",
+        "unavailable": "죄송합니다. {{serviceName}}은 현재 사용할 수 없습니다. 저희는 문제를 해결하기 위해 노력하고 있습니다. 나중에 다시 시도 해주십시오.",
+        "unavailableTitle": "녹화를 사용할 수 없습니다",
+        "uploadToCloud": "클라우드에 업로드"
+    },
+    "screenshareDisplayName": "{{name}}의 화면",
+    "sectionList": {
+        "pullToRefresh": "당겨서 새로고침"
+    },
+    "security": {
+        "about": "회의에 $t(lockRoomPassword)를 추가할 수 있습니다. 참가자는 회의에 참여하기 위해 $t(lockRoomPassword)를 입력해야합니다.",
+        "aboutReadOnly": "방장은 회의에 $t(lockRoomPassword)를 추가할 수 있습니다. 참가자는 회의에 참여하기 위해 $t(lockRoomPassword)를 입력해야합니다.",
+        "insecureRoomNameWarningNative": "방 이름이 안전하지 않습니다. 원하지 않는 참가자가 회의에 참여할 수 있습니다. {{recommendAction}} 회의를 보호하는 방법을 알아보세요",
+        "insecureRoomNameWarningWeb": "방 이름이 안전하지 않습니다. 원하지 않는 참가자가 회의에 참여할 수 있습니다. {{recommendAction}} 회의를 보호하는 방법은 <a href=\"{{securityUrl}}\" rel=\"security\" target=\"_blank\">여기</a>에서 알아보세요.",
+        "title": "보안 옵션",
+        "unsafeRoomActions": {
+            "meeting": "회의 보안을 위해 보안 버튼을 사용하세요.",
+            "prejoin": "더 고유한 회의 이름을 사용하는 것이 좋습니다.",
+            "welcome": "더 고유한 회의 이름을 사용하거나 제안을 선택하는 것이 좋습니다."
+        }
+    },
+    "settings": {
+        "audio": "오디오",
+        "buttonLabel": "설정",
+        "calendar": {
+            "about": "{{appName}} 캘린더 통합은 예정된 일정을 읽을 수 있도록 캘린더에 안전하게 액세스하는 데 사용됩니다.",
+            "disconnect": "연결 끊김",
+            "microsoftSignIn": "Microsoft로 로그인",
+            "signedIn": "현재 {{email}}의 캘린더 일정에 액세스하고 있습니다. 캘린더 이벤트 액세스를 중지하려면 아래 연결 해제 버튼을 클릭하세요.",
+            "title": "캘린더"
+        },
+        "desktopShareFramerate": "데스크톱 공유 프레임 레이트",
+        "desktopShareHighFpsWarning": "데스크톱 공유의 높은 프레임 레이트는 대역폭에 영향을 줄 수 있습니다. 새로운 설정이 적용되도록 화면 공유를 다시 시작해야 합니다.",
+        "desktopShareWarning": "새로운 설정이 적용되도록 화면 공유를 다시 시작해야 합니다.",
+        "devices": "장치",
+        "followMe": "모두 나와 같은 설정 상태로",
+        "followMeRecorder": "녹화도 나를 따릅니다",
+        "framesPerSecond": "초당 프레임 수",
+        "incomingMessage": "수신 메시지",
+        "language": "언어",
+        "loggedIn": "{{name}}으로 로그인",
+        "maxStageParticipants": "메인 스테이지에 고정할 수 있는 최대 참가자 수",
+        "microphones": "마이크",
+        "moderator": "진행자",
+        "moderatorOptions": "진행자 옵션",
+        "more": "더보기",
+        "name": "이름",
+        "noDevice": "없음",
+        "notifications": "알림",
+        "participantJoined": "참가자 입장",
+        "participantKnocking": "참가자가 로비에 입장",
+        "participantLeft": "참가자 퇴장",
+        "playSounds": "소리 켜기",
+        "reactions": "반응",
+        "sameAsSystem": "시스템과 동일 ({{label}})",
+        "selectAudioOutput": "오디오 출력",
+        "selectCamera": "카메라",
+        "selectMic": "오디오",
+        "selfView": "자기 보기",
+        "shortcuts": "단축키",
+        "speakers": "스피커",
+        "startAudioMuted": "모두 음소거 상태로 시작",
+        "startReactionsMuted": "모든 사람의 반응 소리 음소거",
+        "startVideoMuted": "모두 비디오 비활성화 상태로 시작",
+        "talkWhileMuted": "음소거 상태에서 말하기",
+        "title": "설정",
+        "video": "비디오"
+    },
+    "settingsView": {
+        "advanced": "고급",
+        "alertCancel": "취소",
+        "alertOk": "확인",
+        "alertTitle": "경고",
+        "alertURLText": "입력된 서버 URL이 잘못되었습니다",
+        "apply": "적용",
+        "buildInfoSection": "빌드 정보",
+        "conferenceSection": "회의",
+        "disableCallIntegration": "네이티브 통화 통합 비활성화",
+        "disableCrashReporting": "크래시 리포팅 비활성화",
+        "disableCrashReportingWarning": "크래시 리포팅을 비활성화하시겠습니까? 설정은 앱을 다시 시작한 후 적용됩니다.",
+        "disableP2P": "피어-투-피어 모드 비활성화",
+        "displayName": "유저이름",
+        "displayNamePlaceholderText": "예: 홍길동",
+        "email": "이메일",
+        "emailPlaceholderText": "email@example.com",
+        "gavatarMessage": "이메일이 Gravatar 계정과 연결되어 있으면 프로필 사진을 표시하는 데 사용됩니다.",
+        "goTo": "이동",
+        "header": "설정",
+        "help": "도움말",
+        "links": "링크",
+        "privacy": "개인정보",
+        "profileSection": "프로필",
+        "sdkVersion": "SDK 버전",
+        "serverURL": "서버 URL",
+        "showAdvanced": "고급 설정 표시",
+        "startCarModeInLowBandwidthMode": "낮은 대역폭 모드에서 자동차 모드 시작",
+        "startWithAudioMuted": "오디오 음소거 상태로 시작",
+        "startWithVideoMuted": "비디오 비활성화 상태로 시작",
+        "terms": "이용약관",
+        "version": "버전"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\n전화로 접속하고 싶으신가요?\n\n{{defaultDialInNumber}}이 회의의 전화 접속 번호를 보려면 이 링크를 클릭하세요\n{{dialInfoPageUrl}}",
+        "mainText": "회의에 참여하려면 다음 링크를 클릭하십시오.\n{{roomUrl}}"
+    },
+    "speaker": "스피커",
+    "speakerStats": {
+        "angry": "화남",
+        "disgusted": "역겨움",
+        "displayEmotions": "감정 표시",
+        "fearful": "두려움",
+        "happy": "행복",
+        "hours": "{{count}}시간",
+        "minutes": "{{count}}분",
+        "name": "이름",
+        "neutral": "중립적",
+        "sad": "슬픔",
+        "search": "검색",
+        "searchHint": "참가자 검색",
+        "seconds": "{{count}}초",
+        "speakerStats": "접속자 통계",
+        "speakerTime": "접속자 오디오 사용 시간",
+        "surprised": "놀람"
+    },
+    "startupoverlay": {
+        "genericTitle": "회의에서 마이크와 카메라를 사용해야 합니다.",
+        "policyText": " ",
+        "title": "{{app}}은 마이크와 카메라를 사용해야합니다"
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "재접속",
+        "text": "다시 연결하려면 <i>재접속</i> 버튼을 누르십시오",
+        "title": "컴퓨터 휴식 모드가 되어 화상 통화가 중단되었습니다"
+    },
+    "termsView": {
+        "title": "이용약관"
+    },
+    "toggleTopPanelLabel": "상단 패널 전환",
+    "toolbar": {
+        "Settings": "설정",
+        "accessibilityLabel": {
+            "Settings": "설정 전환",
+            "audioOnly": "음성 전용 모드 전환",
+            "audioRoute": "음성 장비 선택하기",
+            "boo": "야유",
+            "breakoutRooms": "소회의실",
+            "callQuality": "비디오 품질 관리",
+            "carmode": "자동차 모드",
+            "cc": "자막 사용 전환",
+            "chat": "채팅창 보이기 전환",
+            "clap": "박수",
+            "closeChat": "채팅 닫기",
+            "closeMoreActions": "추가 작업 메뉴 닫기",
+            "closeParticipantsPane": "참가자 패널 닫기",
+            "collapse": "축소",
+            "document": "문서  전환",
+            "documentClose": "공유 문서 닫기",
+            "documentOpen": "공유 문서 열기",
+            "download": "앱 다운로드",
+            "embedMeeting": "회의 삽입",
+            "endConference": "모두를 위한 회의 종료",
+            "enterFullScreen": "전체 화면 보기",
+            "enterTileView": "타일 보기 시작",
+            "exitFullScreen": "전체 화면 종료",
+            "exitTileView": "타일 보기 종료",
+            "expand": "확장",
+            "feedback": "피드백 남기기",
+            "fullScreen": "전체 화면 전환",
+            "giphy": "GIPHY 메뉴 전환",
+            "grantModerator": "진행자 권한 부여",
+            "hangup": "떠나기",
+            "heading": "도구 모음",
+            "help": "도움말",
+            "hideWhiteboard": "화이트보드 숨기기",
+            "invite": "사용자 초대",
+            "kick": "참가자 추방",
+            "laugh": "웃음",
+            "leaveConference": "회의 떠나기",
+            "like": "좋아요",
+            "linkToSalesforce": "Salesforce에 연결",
+            "lobbyButton": "로비 모드 활성화/비활성화",
+            "localRecording": "로컬 녹화 제어 전환",
+            "lockRoom": "회의 비밀번호 전환",
+            "love": "하트",
+            "lowerHand": "손 내리기",
+            "moreActions": "추가 작업",
+            "moreActionsMenu": "추가 작업 메뉴",
+            "moreOptions": "추가 옵션 보기",
+            "mute": "음소거 전환",
+            "muteEveryone": "모두 음소거",
+            "muteEveryoneElse": "다른 사람 모두 음소거",
+            "muteEveryoneElsesVideoStream": "다른 사람들의 비디오 중지",
+            "muteEveryonesVideoStream": "모든 사람의 비디오 중지",
+            "muteGUMPending": "마이크 연결 중",
+            "noiseSuppression": "추가 잡음 제거 (베타)",
+            "openChat": "채팅 열기",
+            "participants": "참가자 패널 열기. {{participantsCount}}명 참가자",
+            "pip": "PIP 모드 전환",
+            "privateMessage": "비공개 메세지 보내기",
+            "profile": "프로필 수정",
+            "raiseHand": "손 들기",
+            "react": "메시지 반응",
+            "reactions": "반응",
+            "reactionsMenu": "반응 메뉴",
+            "recording": "녹화 전환",
+            "remoteMute": "참가자 음소거",
+            "remoteVideoMute": "참가자의 카메라 비활성화",
+            "security": "보안 옵션",
+            "selectBackground": "배경 선택",
+            "selfView": "자기 보기 전환",
+            "shareRoom": "초대하기",
+            "shareYourScreen": "화면 공유 전환",
+            "shareaudio": "오디오 공유",
+            "sharedvideo": "YouTube 비디오 공유 전환",
+            "shortcuts": "단축키 전환",
+            "show": "스테이지에 표시",
+            "showWhiteboard": "화이트보드 표시",
+            "silence": "조용히",
+            "speakerStats": "접속자 통계 전환",
+            "stopScreenSharing": "화면 공유 중지",
+            "stopSharedVideo": "비디오 중지",
+            "surprised": "놀람",
+            "tileView": "타일뷰 전환",
+            "toggleCamera": "카메라 전환",
+            "toggleFilmstrip": "필름스트립 전환",
+            "unmute": "마이크 음소거 해제",
+            "videoblur": "비디오 흐리기 전환",
+            "videomute": "비디오 비활성화 전환",
+            "videomuteGUMPending": "카메라 연결 중",
+            "videounmute": "카메라 시작"
+        },
+        "addPeople": "통화에 사용자 추가",
+        "audioOnlyOff": "음성전용 모드 끄기",
+        "audioOnlyOn": "음성전용 모드 켜기",
+        "audioRoute": "음성 장비 선택하기",
+        "audioSettings": "오디오 설정",
+        "authenticate": "인증중",
+        "boo": "야유",
+        "callQuality": "품질 설정하기",
+        "chat": "대화 열기/닫기",
+        "clap": "박수",
+        "closeChat": "대화 닫기",
+        "closeParticipantsPane": "참가자 패널 닫기",
+        "closeReactionsMenu": "반응 메뉴 닫기",
+        "disableNoiseSuppression": "추가 잡음 제거 비활성화 (베타)",
+        "disableReactionSounds": "이 회의에서 반응 소리를 비활성화할 수 있습니다",
+        "documentClose": "문서 공유 닫기",
+        "documentOpen": "문서 공유 열기",
+        "download": "앱 다운로드",
+        "e2ee": "종단간 암호화",
+        "embedMeeting": "회의 삽입",
+        "enableNoiseSuppression": "추가 잡음 제거 활성화 (베타)",
+        "endConference": "모두를 위한 회의 종료",
+        "enterFullScreen": "전체화면 보기",
+        "enterTileView": "타일보기 시작",
+        "exitFullScreen": "전체화면 취소",
+        "exitTileView": "타일보기 종료",
+        "feedback": "피드백 남기기",
+        "giphy": "GIPHY 메뉴 전환",
+        "hangup": "떠나기",
+        "help": "도움말",
+        "hideWhiteboard": "화이트보드 숨기기",
+        "invite": "초대",
+        "joinBreakoutRoom": "소회의실 참여",
+        "laugh": "웃음",
+        "leaveBreakoutRoom": "소회의실 나가기",
+        "leaveConference": "회의 떠나기",
+        "like": "좋아요",
+        "linkToSalesforce": "Salesforce에 연결",
+        "lobbyButtonDisable": "로비 모드 비활성화",
+        "lobbyButtonEnable": "로비 모드 활성화",
+        "login": "로그인",
+        "logout": "로그아웃",
+        "love": "하트",
+        "lowerYourHand": "손을 내려주세요",
+        "moreActions": "추가 액션",
+        "moreOptions": "옵션 더보기",
+        "mute": "음소거 설정/해제",
+        "muteEveryone": "모두 음소거",
+        "muteEveryonesVideo": "모두의 카메라 중지",
+        "muteGUMPending": "마이크 연결 중",
+        "noAudioSignalDesc": "시스템 설정이나 하드웨어에서 의도적으로 음소거하지 않았다면 장치를 변경하는 것을 고려하세요.",
+        "noAudioSignalDescSuggestion": "시스템 설정이나 하드웨어에서 의도적으로 음소거하지 않았다면 제안된 장치로 전환하는 것을 고려하세요.",
+        "noAudioSignalDialInDesc": "다음 번호를 사용하여 전화 접속할 수도 있습니다:",
+        "noAudioSignalDialInLinkDesc": "전화 접속 번호",
+        "noAudioSignalTitle": "마이크에서 입력이 없습니다!",
+        "noiseSuppression": "추가 잡음 제거 (베타)",
+        "noisyAudioInputDesc": "마이크에서 소음이 발생하는 것 같습니다. 음소거하거나 장치를 변경하는 것을 고려하세요.",
+        "noisyAudioInputTitle": "마이크가 소음을 발생시키는 것 같습니다!",
+        "openChat": "대화 열기",
+        "openReactionsMenu": "반응 메뉴 열기",
+        "participants": "참가자",
+        "pip": "Picture-in-Picture 모드 시작",
+        "privateMessage": "비공개 메시지 보내기",
+        "profile": "프로필 수정",
+        "raiseHand": "말하기 요청/해제",
+        "raiseYourHand": "손 들어주세요",
+        "reactionBoo": "야유 반응 보내기",
+        "reactionClap": "박수 반응 보내기",
+        "reactionHeart": "하트 반응 보내기",
+        "reactionLaugh": "웃음 반응 보내기",
+        "reactionLike": "좋아요 반응 보내기",
+        "reactionSilence": "조용히 반응 보내기",
+        "reactionSurprised": "놀람 반응 보내기",
+        "reactions": "반응",
+        "security": "보안 옵션",
+        "selectBackground": "배경 선택",
+        "shareRoom": "초대하기",
+        "shareaudio": "오디오 공유",
+        "sharedvideo": "YouTube 비디오 공유",
+        "shortcuts": "단축키보기",
+        "showWhiteboard": "화이트보드 표시",
+        "silence": "조용히",
+        "speakerStats": "접속자 통계",
+        "startScreenSharing": "화면 공유 시작",
+        "startSubtitles": "자막 시작",
+        "stopAudioSharing": "오디오 공유 중지",
+        "stopScreenSharing": "화면 공유 중지",
+        "stopSharedVideo": "YouTube 비디오 공유 중지",
+        "stopSubtitles": "자막 중지",
+        "surprised": "놀람",
+        "talkWhileMutedPopup": "음소거 상태입니다.",
+        "tileViewToggle": "타일뷰 전환",
+        "toggleCamera": "카메라 전환",
+        "unmute": "마이크 음소거 해제",
+        "videoSettings": "비디오 설정",
+        "videomute": "카메라 시작/중지",
+        "videomuteGUMPending": "카메라 연결 중",
+        "videounmute": "카메라 시작"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "자막 시작/종료",
+        "expandedLabel": "현재 스크립트 작성 중",
+        "failed": "자막 작성 실패",
+        "labelToolTip": "회의가 기록되고 있습니다.",
+        "sourceLanguageDesc": "현재 회의 언어는 <b>{{sourceLanguage}}</b>로 설정되어 있습니다. <br/> 변경하려면 ",
+        "sourceLanguageHere": "여기에서",
+        "start": "자막 표시 시작",
+        "stop": "자막 표시 중지",
+        "subtitles": "자막",
+        "subtitlesOff": "끄기",
+        "tr": "번역"
+    },
+    "unpinParticipant": "{{participantName}} - 고정 해제",
+    "userMedia": {
+        "grantPermissions": "카메라와 마이크 사용 권한을 부여하십시오."
+    },
+    "videoSIPGW": {
+        "busy": "자원을 확보하기 위해 노력하고 있습니다. 몇 분 후에 다시 시도하십시오.",
+        "busyTitle": "서비스가 현재 사용 중입니다",
+        "errorAlreadyInvited": "{{displayName}} 이미 초대되었습니다",
+        "errorInvite": "회의가 아직 설정되지 않았습니다. 나중에 다시 시도 해주십시오.",
+        "errorInviteFailed": "문제를 해결하기 위해 노력하고 있습니다. 나중에 다시 시도 해주십시오.",
+        "errorInviteFailedTitle": "{{displayName}} 초대 실패",
+        "errorInviteTitle": "초대하는 중에 오류가 발생했습니다",
+        "pending": "{{displayName}} 이미 초대되었습니다"
+    },
+    "videoStatus": {
+        "adjustFor": "조정 대상:",
+        "audioOnly": "오디오 전용",
+        "audioOnlyExpanded": "낮은 대역폭 모드에 있습니다. 이 모드에서는 오디오 및 화면 공유만 수신합니다.",
+        "bestPerformance": "최고의 성능",
+        "callQuality": "비디오 품질",
+        "hd": "HD",
+        "hdTooltip": "고해상도 비디오 보기",
+        "highDefinition": "고해상도",
+        "highestQuality": "최고 품질",
+        "labelTooiltipNoVideo": "비디오 없음",
+        "labelTooltipAudioOnly": "오디오 전용 모드 사용",
+        "ld": "LD",
+        "ldTooltip": "저해상도 비디오 보기",
+        "lowDefinition": "저해상도",
+        "performanceSettings": "성능 설정",
+        "recording": "녹화 진행 중",
+        "sd": "SD",
+        "sdTooltip": "표준 해상도 비디오 보기",
+        "standardDefinition": "표준 해상도",
+        "streaming": "스트리밍 진행 중"
+    },
+    "videothumbnail": {
+        "connectionInfo": "연결 정보",
+        "demote": "방문자로 이동",
+        "domute": "음소거",
+        "domuteOthers": "다른 사람 모두 음소거",
+        "domuteVideo": "카메라 비활성화",
+        "domuteVideoOfOthers": "다른 사람의 카메라 비활성화",
+        "flip": "뒤집기",
+        "grantModerator": "진행자 권한 부여",
+        "hideSelfView": "자기 보기 숨기기",
+        "kick": "내보내기",
+        "mirrorVideo": "내 비디오 미러링",
+        "moderator": "진행자",
+        "mute": "참가자 음소거",
+        "muted": "음소거됨",
+        "pinToStage": "스테이지에 고정",
+        "remoteControl": "원격 제어",
+        "screenSharing": "참가자가 화면을 공유하고 있습니다",
+        "show": "화면에 표시",
+        "showSelfView": "자기 보기 표시",
+        "unpinFromStage": "고정 해제",
+        "verify": "참가자 확인",
+        "videoMuted": "카메라 비활성화됨",
+        "videomute": "참가자가 카메라를 중지했습니다."
+    },
+    "virtualBackground": {
+        "accessibilityLabel": {
+            "currentBackground": "현재 배경: {{background}}",
+            "selectBackground": "배경 선택"
+        },
+        "addBackground": "배경 추가",
+        "apply": "적용",
+        "backgroundEffectError": "배경 효과 적용 실패.",
+        "blur": "흐리게",
+        "deleteImage": "이미지 삭제",
+        "desktopShare": "데스크톱 공유",
+        "desktopShareError": "데스크톱 공유를 생성할 수 없습니다",
+        "image1": "해변",
+        "image2": "흰색 중립 벽",
+        "image3": "흰색 빈 방",
+        "image4": "검은색 바닥 램프",
+        "image5": "산",
+        "image6": "숲",
+        "image7": "일출",
+        "none": "없음",
+        "pleaseWait": "잠시만 기다려주세요…",
+        "removeBackground": "배경 제거",
+        "slightBlur": "약간 흐리게",
+        "title": "배경",
+        "uploadedImage": "업로드된 이미지 {{index}}",
+        "webAssemblyWarning": "WebAssembly를 지원하지 않습니다",
+        "webAssemblyWarningDescription": "이 브라우저에서 WebAssembly가 비활성화되었거나 지원되지 않습니다"
+    },
+    "visitors": {
+        "chatIndicator": "(방문자)",
+        "joinMeeting": {
+            "description": "현재 이 회의에서 참관인입니다.",
+            "raiseHand": "손 들기",
+            "title": "회의 참가",
+            "wishToSpeak": "발언하고 싶으시면 아래에서 손을 들고 진행자의 승인을 기다려주세요."
+        },
+        "labelTooltip": "방문자 수: {{count}}",
+        "notification": {
+            "demoteDescription": "{{actor}}에 의해 여기로 보내졌습니다. 참여하려면 손을 들어주세요.",
+            "noMainParticipantsDescription": "참가자가 회의를 시작해야 합니다. 잠시 후 다시 시도해 주세요.",
+            "noMainParticipantsTitle": "이 회의는 아직 시작되지 않았습니다.",
+            "noVisitorLobby": "회의에 로비가 활성화되어 있어 참여할 수 없습니다.",
+            "notAllowedPromotion": "참가자가 먼저 귀하의 요청을 승인해야 합니다.",
+            "title": "회의에서 방문자입니다"
+        },
+        "waitingMessage": "회의가 시작되면 곧 참여하실 수 있습니다!"
+    },
+    "volumeSlider": "볼륨 슬라이더",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "가입",
+            "roomname": "방 이름 입력"
+        },
+        "addMeetingName": "회의 이름 추가",
+        "appDescription": "전체 팀과 화상 채팅을하십시오. 당신이 아는 모든 사람들을 초대하십시오. {{app}}은 완전히 암호화 된 100 % 오픈 소스 화상 회의 솔루션으로 계정 없이도 하루 종일, 매일 무료로 사용할 수 있습니다.",
+        "audioVideoSwitch": {
+            "audio": "음성",
+            "video": "비디오"
+        },
+        "calendar": "캘린더",
+        "connectCalendarButton": "캘린더를 연결하세요",
+        "connectCalendarText": "{{app}}에서 모든 회의를 보려면 캘린더를 연결하세요. 또한 캘린더에 {{provider}} 회의를 추가하고 클릭 한 번으로 시작하세요.",
+        "enterRoomTitle": "새 회의 시작",
+        "getHelp": "도움 받기",
+        "go": "계속",
+        "goSmall": "계속",
+        "headerSubtitle": "안전하고 고품질의 회의",
+        "headerTitle": "Jitsi Meet",
+        "info": "정보",
+        "jitsiOnMobile": "모바일에서 Jitsi – 앱을 다운로드하고 어디서나 회의를 시작하세요",
+        "join": "가입",
+        "logo": {
+            "calendar": "캘린더 로고",
+            "desktopPreviewThumbnail": "데스크톱 미리보기 썸네일",
+            "googleLogo": "구글 로고",
+            "logoDeepLinking": "Jitsi meet 로고",
+            "microsoftLogo": "마이크로소프트 로고",
+            "policyLogo": "정책 로고"
+        },
+        "meetingsAccessibilityLabel": "회의",
+        "mobileDownLoadLinkAndroid": "Android용 모바일 앱 다운로드",
+        "mobileDownLoadLinkFDroid": "F-Droid용 모바일 앱 다운로드",
+        "mobileDownLoadLinkIos": "iOS용 모바일 앱 다운로드",
+        "moderatedMessage": "또는 <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">회의 URL을 미리 예약</a>하여 유일한 진행자가 되십시오.",
+        "privacy": "개인정보",
+        "recentList": "최근",
+        "recentListDelete": "삭제",
+        "recentListEmpty": "최근 목록이 현재 비어 있습니다. 팀과 채팅하면 여기에서 최근 회의를 모두 찾을 수 있습니다.",
+        "recentMeetings": "최근 회의",
+        "reducedUIText": "{{app}}에 오신 것을 환영합니다!",
+        "roomNameAllowedChars": "회의 이름은 다음 문자를 포함할 수 없습니다.: ?, &, :, ', \", %, #.",
+        "roomname": "방 이름 입력",
+        "roomnameHint": "참여하려는 방의 이름 또는 URL을 입력하십시오. 이름을 정하고 만나는 사람들에게 같은 이름을 입력하도록 알리면됩니다.",
+        "sendFeedback": "피드백 보내기",
+        "settings": "설정",
+        "startMeeting": "회의 시작",
+        "terms": "이용약관",
+        "title": "안전하고 모든 기능을 갖춘 완전 무료 화상 회의",
+        "upcomingMeetings": "예정된 회의"
+    },
+    "whiteboard": {
+        "accessibilityLabel": {
+            "heading": "화이트보드"
+        },
+        "screenTitle": "화이트보드"
+    }
+}
diff --git a/lang/main-lt.json b/lang/main-lt.json
new file mode 100644
index 0000000..ecfed99
--- /dev/null
+++ b/lang/main-lt.json
@@ -0,0 +1,776 @@
+{
+    "addPeople": {
+        "add": "Pakviesti",
+        "countryNotSupported": "Kol kas nepalaikome šios vietovės.",
+        "countryReminder": "Jei skambinate už JAV ribų, nepamirškite pridėti šalies kodo!",
+        "disabled": "Jūs negalite pakviesti dalyvių.",
+        "failedToAdd": "Nepavyko pridėti dalyvių",
+        "footerText": "Numerio rinkimas išjungtas.",
+        "loading": "Dalyvių ar telefono numerių paieška",
+        "loadingNumber": "Tikrinamas telefono numeris",
+        "loadingPeople": "Ieškoma pakviestų dalyvių",
+        "noResults": "Nėra atitinkančių paieškos rezultatus",
+        "noValidNumbers": "Įveskite telefono numerį",
+        "searchNumbers": "Pridėkite telefono numerius",
+        "searchPeople": "Žmonių paieška",
+        "searchPeopleAndNumbers": "Ieškoti žmonių arba pridėti jų telefonų numerius",
+        "telephone": "Tel. nr.: {{number}}",
+        "title": "Pakvieskite žmones į šį susitikimą"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "headphones": "Ausinės",
+        "none": "Neaptikta garso įrenginių",
+        "phone": "Telefonas",
+        "speaker": "Garsiakalbis"
+    },
+    "audioOnly": {
+        "audioOnly": "Mažas pralaidumas (tik garsas)"
+    },
+    "calendarSync": {
+        "addMeetingURL": "Įdėti susitikimo nuorodą",
+        "confirmAddLink": "Ar norite pridėti Jitsi nuorodą į šį įvykį?",
+        "error": {
+            "appConfiguration": "Kalendoriaus integracija nėra tinkamai sukonfigūruota.",
+            "generic": "Įvyko klaida. Patikrinkite kalendoriaus nustatymus arba pabandykite įkelti kalendorių iš naujo.",
+            "notSignedIn": "Autentifikuojant kalendoriaus įvykius įvyko klaida. Patikrinkite kalendoriaus nustatymus ir bandykite prisijungti dar kartą."
+        },
+        "join": "Prisijunkite",
+        "joinTooltip": "Prisijunkite prie susitikimo",
+        "nextMeeting": "Kitas susitikimas",
+        "noEvents": "Nėra suplanuotų įvykių.",
+        "ongoingMeeting": "dabar vykstantis susitikimas",
+        "permissionButton": "atverti nustatymus",
+        "permissionMessage": "Norint pamatyti jūsų susitikimus programoje, reikalingas leidimas prie kalendoriaus.",
+        "refresh": "Atnaujinti kalendorių",
+        "today": "Šiandien"
+    },
+    "chat": {
+        "error": "Klaida: jūsų pranešimas nebuvo išsiųstas. Priežastis: {{klaida}}",
+        "fieldPlaceHolder": "Rašykite žinutę čia",
+        "messageTo": "Asmeninis pranešimas {{gavėjas}}",
+        "messagebox": "Rašykite žinutę",
+        "nickname": {
+            "popover": "Pridėkite slapyvardį",
+            "title": "Norėdami naudoti pokalbį, įveskite slapyvardį",
+            "titleWithPolls": "Norėdami naudoti pokalbį, įveskite slapyvardį"
+        },
+        "noMessagesMessage": "Susitikime dar nėra pranešimų. Pradėkite pokalbį čia!",
+        "privateNotice": "Asmeninis pranešimas {{gavėjui}}",
+        "sendButton": "Siųsti",
+        "title": "Pokalbis",
+        "titleWithPolls": "Pokalbis",
+        "you": "Jūs"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Įdiekite Chrome plėtinį",
+        "dontShowAgain": "Daugiau nerodyti",
+        "installExtensionText": "Įdiekite „Google“ ir „Office 365“ kalendoriaus plėtinį"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Jungiamasi prie jūsų susitikimo…"
+    },
+    "connection": {
+        "ATTACHED": "Pridėta",
+        "AUTHENTICATING": "Tikrinama",
+        "AUTHFAIL": "Autorizavimas nepavyko",
+        "CONNECTED": "Prisijungta",
+        "CONNECTING": "Jungiamasi",
+        "CONNFAIL": "Prisijungimas nepavyko",
+        "DISCONNECTED": "Atsijungta",
+        "DISCONNECTING": "Atsijungiama",
+        "ERROR": "Klaida",
+        "FETCH_SESSION_ID": "Gaunamas sesijos-id…",
+        "GET_SESSION_ID_ERROR": "Sesijos-id gavimo klaida: {{kodas}}",
+        "GOT_SESSION_ID": "Gautas sesijos-id… Atlikta",
+        "LOW_BANDWIDTH": "Vaizdo įrašas, skirtas {{displayName}}, buvo išjungtas, kad būtų išsaugotas pralaidumas"
+    },
+    "connectionindicator": {
+        "address": "Adresas:",
+        "bandwidth": "Nustatytas pralaidumas:",
+        "bitrate": "Bitrate:",
+        "bridgeCount": "Serverių skaičius: ",
+        "connectedTo": "Prijungta prie:",
+        "framerate": "Kadrų dažnis:",
+        "less": "Rodyti mažiau",
+        "localaddress": "Vietinis adresas:",
+        "localaddress_plural": "Vietiniai adresai:",
+        "localport": "Vietinė jungtis:",
+        "localport_plural": "Vietinės jungtys:",
+        "more": "Rodyti daugiau",
+        "packetloss": "Paketų praradimas:",
+        "quality": {
+            "good": "Gerai",
+            "inactive": "Neaktyvus",
+            "lost": "Prarastas",
+            "nonoptimal": "Neoptimalu",
+            "poor": "Prastai"
+        },
+        "remoteaddress": "Nuotolinis adresas:",
+        "remoteaddress_plural": "Nuotoliniai adresai:",
+        "remoteport": "Nuotolinė jungtis:",
+        "remoteport_plural": "Nuotolinės jungtys:",
+        "resolution": "Raiška:",
+        "status": "Prisijungimas:",
+        "transport": "Transportas:",
+        "transport_plural": "Transportai:"
+    },
+    "dateUtils": {
+        "earlier": "Anksčiau",
+        "today": "Šiandien",
+        "yesterday": "Vakar"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Jums reikia {{app}} mobiliosios programėlės, kad prisijungtumėt prie šio susitikimo savo telefone.",
+        "description": "Nieko neįvyko? Mes bandėm prijungti prie darbalaukio {{app}} programos. Bandykite dar sykį arba junkitės prie {{app}} naršyklės.",
+        "descriptionWithoutWeb": "Nieko neįvyko? Mes bandėm prijungti susitikimą prie {{app}} darbalaukio programos.",
+        "downloadApp": "Atsisiųsti programą",
+        "launchWebButton": "Paleisti svetainėje",
+        "openApp": "Tęsti mobiliaja programėle",
+        "title": "Paleidžiamas susitikimas {{app}}…",
+        "tryAgainButton": "Bandyti dar kartą darbalaukyje"
+    },
+    "defaultLink": "e.g. {{url}}",
+    "defaultNickname": "ex. Jane Pink",
+    "deviceError": {
+        "cameraError": "Nepavyko prijungti kameros",
+        "cameraPermission": "Nepavyko gauti sutikimo kameros prijungimui",
+        "microphoneError": "Nepavyko prijungti mikrafono",
+        "microphonePermission": "Nepavyko gauti sutikimo mikrafono prijungimui"
+    },
+    "deviceSelection": {
+        "noPermission": "Leidimas nesuteiktas",
+        "previewUnavailable": "Peržiūra negalima",
+        "selectADevice": "Pasirinkite prietaisą",
+        "testAudio": "Testuoti garsą"
+    },
+    "dialOut": {
+        "statusMessage": "dabar yra {{status}}"
+    },
+    "dialog": {
+        "Back": "Atgal",
+        "Cancel": "Atšaukti",
+        "IamHost": "Aš esu šeimininkas (-ė)",
+        "Ok": "Ok",
+        "Remove": "Pašalinti",
+        "Share": "Dalintis",
+        "Submit": "Pateikti",
+        "WaitForHostMsg": "Konferencija dar neprasidėjo. Jei jūs organizatorius, prašome tai patvirtinti. Jei ne, prašome palaukti organizatoriaus.",
+        "WaitingForHost": "Laukiama organizatoriaus…",
+        "Yes": "Taip",
+        "accessibilityLabel": {
+            "liveStreaming": "Tiesioginis srautas"
+        },
+        "allow": "Leisti",
+        "alreadySharedVideoMsg": "Kitas naudotojas jau dalinasi vaizdu. Šiame susitikime leidžiama dalintis tik vienu vaizdo įrašu vienu metu.",
+        "alreadySharedVideoTitle": "Leidžiama dalintis tik vienu vaizdo įrašu vienu metu.",
+        "applicationWindow": "Programos langas",
+        "cameraConstraintFailedError": "Jūsų kamera neatitinka reikalavimų.",
+        "cameraNotFoundError": "Kamera nerasta.",
+        "cameraNotSendingData": "Mums nepavyko prijungti kameros. Patikrinkite, ar kita programa nenaudoja šio įrenginio, nustatymų meniu pasirinkite kitą įrenginį arba pabandykite iš naujo įkelti programą",
+        "cameraNotSendingDataTitle": "Mums nepavyko prijungti kameros",
+        "cameraPermissionDeniedError": "Jūs negavote leidimo naudotis savo kamera. Jūs vis tiek galite prisijungti prie susitikimo, tačiau kiti jūsų nematys. Pasinaudokit kameros mygtuku adreso laukelyje, jei norite tai pakeisti.",
+        "cameraUnknownError": "Įvyko klaida - negalite naudoti kameros.",
+        "cameraUnsupportedResolutionError": "Jūsų kamera nepalaiko reikalaujamos vaizdo raiškos.",
+        "close": "Uždaryti",
+        "conferenceDisconnectMsg": "Pasitikrinkite savo interneto ryšį. Perkrausime už {{seconds}} sek.…",
+        "conferenceDisconnectTitle": "Jūs buvote atjungta(-as).",
+        "conferenceReloadMsg": "Mes bandome tai pataisyti. Perkrausime už {{seconds}} sek.…",
+        "conferenceReloadTitle": "Apgailėstaujame, įvyko klaida.",
+        "confirm": "Patvirtinti",
+        "confirmNo": "Ne",
+        "confirmYes": "Taip",
+        "connectError": "Oi! Kažkas įvyko negerai, negalėjome jūsų prijungti prie susitikimo.",
+        "connectErrorWithMsg": "Oi! Kažkas įvyko negerai, negalėjome jūsų prijungti prie susitikimo.: {{msg}}",
+        "connecting": "Jungiame",
+        "contactSupport": "Palaikymo komanda",
+        "copy": "Kopijuoti",
+        "dismiss": "Atmesti",
+        "displayNameRequired": "Sveiki! Kuo jūs vardu?",
+        "done": "Atlikta",
+        "enterDisplayName": "Prašome įvesti savo vardą",
+        "error": "Klaida",
+        "externalInstallationMsg": "Jums reikia atsisiųsti mūsų darbalaukio dalinimosi plėtinį.",
+        "externalInstallationTitle": "Reikalingas plėtinys",
+        "goToStore": "Apsilankykite mūsų internetinėje parduotuvėje",
+        "gracefulShutdown": "Mūsų paslaugos šiuo metu neveikia. Prašome pabandyti vėliau.",
+        "incorrectPassword": "Neteisingi prisijungimo vardas arba slaptažodis",
+        "incorrectRoomLockPassword": "Slaptažodis neteisingas",
+        "inlineInstallExtension": "Įdiegti dabar",
+        "inlineInstallationMsg": "Jums reikia atsisiųsti mūsų darbalaukio dalinimosi plėtinį.",
+        "internalError": "Oi! Įvyko klaida: {{error}}",
+        "internalErrorTitle": "Vidinė klaida",
+        "kickMessage": "Galite susisiekti su {{participantDisplayName}} dėl daugiau informacijos.",
+        "kickParticipantButton": "Išspirti",
+        "kickParticipantDialog": "Ar jūs esate įsitikinę, kad norite išspirti šį naudotoją?",
+        "kickParticipantTitle": "Išspirti šį naudotoją?",
+        "kickTitle": "Oi! {{participantDisplayName}} Jus išspyrė iš susitikimo",
+        "liveStreaming": "Tiesioginė transliacija",
+        "liveStreamingDisabledForGuestTooltip": "Svečiai negali pradėti tiesioginės transliacijos.",
+        "liveStreamingDisabledTooltip": "Tiesioginė transliacija išjungta.",
+        "lockMessage": "Nepavyko užrakinti susitikimo.",
+        "lockRoom": "Pridėti susitikimą $t(lockRoomPasswordUppercase)",
+        "lockTitle": "Užrakinimas neįvyko",
+        "logoutQuestion": "Ar tikrai norite išeiti ir palikti susitikimą?",
+        "logoutTitle": "Atsijungti",
+        "maxUsersLimitReached": "Pasiektas dalyvių limitas. Ši konferencija jau yra pilna. Prašome susisiekti su susitikimo rengėju ir pabandyti dar kartą vėliau!",
+        "maxUsersLimitReachedTitle": "Dalyvių limitas pasiektas",
+        "micConstraintFailedError": "Jūsų mikrofonas nepatenkina tam tikrų mūsų reikalavimų.",
+        "micNotFoundError": "Mikrofonas nerastas.",
+        "micNotSendingData": "Nueikite į savo kompiuterio nustatymus, kad išjungtumėte begarsį rėžimą, o tada pakoreguokite garso lygį.",
+        "micNotSendingDataTitle": "Jūsų mikrofonas yra išjungtas jūsų kompiuterio nustatymuose",
+        "micPermissionDeniedError": "Jūs negavote leidimo naudotis mikrofonu. Jūs vis tiek galite prisijungti prie susitikimo, tačiau niekas jūsų negirdės. Naudokites kameros mygtuku įrankių juostoje, kad išspręstumėte šią problemą.",
+        "micUnknownError": "Jūs negalite naudotis mikrofonu dėl nežinomų priežasčių.",
+        "muteEveryoneDialog": "Ar jūs esate tikri, kad norite visus nutildyti? Tai padarę nebegalėsite jų pagarsinti, nebent jie patys išeis iš begarsio rėžimo.",
+        "muteEveryoneElseDialog": "Kartą juos nutildę, nebegalėsite jų pagarsinti, nebent jie patys išeis iš begarsio rėžimo.",
+        "muteEveryoneElseTitle": "Nutildykite visus išskyrus {{whom}}?",
+        "muteEveryoneSelf": "save",
+        "muteEveryoneStartMuted": "Nuo šiol visi įeiną į begarsį rėžimą",
+        "muteEveryoneTitle": "Nutildyti visus?",
+        "muteParticipantBody": "Nebegalėsite jų pagarsinti, nebent jie patys išeis iš begarsio rėžimo.",
+        "muteParticipantButton": "Nutildyti",
+        "muteParticipantDialog": "Ar jūs esate tikri, kad norite nutildytį šį naudotoją? Tai padarę nebegalėsite jo pagarsinti, nebent pats išeis iš begarsio rėžimo.",
+        "muteParticipantTitle": "Nutildyti šį dalyvį?",
+        "passwordLabel": "$t(lockRoomPasswordUppercase)",
+        "passwordNotSupported": "Pradėtas susitikimas $t(lockRoomPassword) yra nepalaikomas.",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) nepalaikoma",
+        "passwordRequired": "$t(lockRoomPasswordUppercase) privaloma",
+        "popupError": "Jūsų naršyklė blokuoja išsišokančius langus šioje svetainėje. Prašome išjungti šią funkciją per savo svetainės nustatymus ir bandyti iš naujo.",
+        "popupErrorTitle": "Išsišokantis langas užblokuotas",
+        "recording": "Įrašoma",
+        "recordingDisabledForGuestTooltip": "Svečiai negali pradėti įrašinėti.",
+        "recordingDisabledTooltip": "Įrašinėjimas išjungtas.",
+        "rejoinNow": "Persijungti dabar",
+        "remoteControlAllowedMessage": "{{user}} priėmė jūsų prašymą nuotoliniam valdymui!",
+        "remoteControlDeniedMessage": "{{user}} atmetė jūsų prašymą nuotoliniam valdymui!",
+        "remoteControlErrorMessage": "Įvyko klaida bandant siųsti prašymą dėl nuotolinio valdymo naudotojui {{user}}!",
+        "remoteControlRequestMessage": "Ar leisite naudotojui {{user}} naudotis jūsų darbalaukiu per nuotolinį valdymą?",
+        "remoteControlShareScreenWarning": "Jei paspausite \"Leisti\" jūs pasidalinsite savo ekranu!",
+        "remoteControlStopMessage": "Nuotolinio valdymo seansas baigėsi!",
+        "remoteControlTitle": "Nuotolinio valdymo darbalaukio kontrolė",
+        "removePassword": "Pašalinti $t(lockRoomPassword)",
+        "removeSharedVideoMsg": "Ar jūs esate tikri, kad norite pašalinti pasidalintą video?",
+        "removeSharedVideoTitle": "Remove shared video",
+        "reservationError": "Rezervavimo sistemos klaida",
+        "reservationErrorMsg": "Klaidos kodas: {{code}}, pranešimas: {{msg}}",
+        "retry": "Bandyti vėl",
+        "screenSharingFailedToInstall": "Oi! Jums nepavyko atsisiųsti ekrano dalinimosi papildinio.",
+        "screenSharingFailedToInstallTitle": "Nepavyko atsisiųsti ekrano dalinimosi papildinio",
+        "screenSharingFirefoxPermissionDeniedError": "Įvyko klaida kol mes bandėme pasidalinti jūsų ekrano vaizdu. Prašome įsitikinti, kad jūs davėte tam leidimą. ",
+        "screenSharingFirefoxPermissionDeniedTitle": "Oi! Mums nepavyko pasidalinti jūsų ekrano vaizdu!",
+        "screenSharingPermissionDeniedError": "Oi! Įvyko klaida dalinantis ekrano vaizdu. Perkraukite ir bandykite dar sykį.",
+        "sendPrivateMessage": "Jūs gavote privačią žinutę. Ar jūs planuojate į tai atsakyti privačiai, ar pasidalinti su grupe?",
+        "sendPrivateMessageCancel": "Nusiųsti į grupę",
+        "sendPrivateMessageOk": "Atsakyti privačiai",
+        "sendPrivateMessageTitle": "Siųsti privačiai?",
+        "serviceUnavailable": "Paslaugos neteikiamos",
+        "sessTerminated": "Skambutis nutrauktas",
+        "shareVideoLinkError": "Prašome pateikti teisinga adresą.",
+        "shareVideoTitle": "Dalintis video",
+        "shareYourScreen": "Dalintis ekrano vaizdu",
+        "shareYourScreenDisabled": "Ekrano dalinimasis negalimas.",
+        "shareYourScreenDisabledForGuest": "Svečiai negali dalintis ekrano vaizdu.",
+        "startLiveStreaming": "Pradėti tiesioginę transliaciją",
+        "startRecording": "Pradėti įrašymą",
+        "startRemoteControlErrorMessage": "Įvyko klaida pradedant nuotolinio valdymo sesiją!",
+        "stopLiveStreaming": "Sustabdyti tiesioginę transliaciją",
+        "stopRecording": "Stabdyti įrašymą",
+        "stopRecordingWarning": "Ar jūs esate įsitikinę, kad norite sustabdyti įrašymą?",
+        "stopStreamingWarning": "Ar esate įsitikinę, kad norite sustabdyti tiesioginę transliaciją?",
+        "streamKey": "Tiesioginės transliacijos kodas",
+        "thankYou": "Ačiū, kad naudojate {{appName}}!",
+        "token": "ženklas",
+        "tokenAuthFailed": "Atsiprašome, jūs negalite prisijungti prie šio skambučio.",
+        "tokenAuthFailedTitle": "Autentifikavimas neįvyko",
+        "transcribing": "Perrašymas",
+        "unlockRoom": "Pašalinti susitikimą $t(lockRoomPassword)",
+        "userPassword": "naudotojo slaptažodis",
+        "yourEntireScreen": "Jūsų visas ekranas"
+    },
+    "documentSharing": {
+        "title": "Pasidalintas dokumentas"
+    },
+    "feedback": {
+        "average": "Vidutiniškai",
+        "bad": "Blogai",
+        "detailsLabel": "Papasakokite daugiau apie tai.",
+        "good": "Gerai",
+        "rateExperience": "Įvertinkite savo susitikimo įspūdžius",
+        "veryBad": "Labai blogai",
+        "veryGood": "Labai gerai"
+    },
+    "incomingCall": {
+        "answer": "Atsiliepti",
+        "audioCallTitle": "Gaunamas skambutis",
+        "decline": "Atmesti",
+        "productLabel": "iš Jitsi Susitikimo",
+        "videoCallTitle": "Gaunamas vaizdo skambutis"
+    },
+    "info": {
+        "accessibilityLabel": "Rodyti informacija",
+        "addPassword": "Pridėti $t(lockRoomPassword)",
+        "cancelPassword": "Atšaukti $t(lockRoomPassword)",
+        "conferenceURL": "Adresas:",
+        "country": "Šalis",
+        "dialANumber": "Jei norite prisijungti prie susitikimo, įveskite vieną iš šių numerių ir tada įveskite pin kodą.",
+        "dialInConferenceID": "PIN kodas:",
+        "dialInNotSupported": "Atleiskite, numerio rinkimas šiuo metu nepalaikomas.",
+        "dialInNumber": "Numerio rinkimas:",
+        "dialInSummaryError": "Klaida pateikiant suvedimo informaciją. Pabandykite vėliau.",
+        "dialInTollFree": "Nemokama",
+        "genericError": "Ups, įvyko klaida",
+        "inviteLiveStream": "Jei norite peržiūrėti šio susitikimo tiesioginę transliaciją, paspauskite šią nuorodą: {{url}}",
+        "invitePhone": "Jei norite prisijungti telefonu, spauskite čia: {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Ieškote kito numerio?\nPeržiūrėkite visus susitikimo numerius: {{url}}\n\n\nIf taip pat suvedant numerį iš telefono, galite prisijungti be garso: {{silentUrl}}",
+        "inviteURLFirstPartGeneral": "Jūs esate kviečiama(-as) prisijungti prie susitikimo.",
+        "inviteURLFirstPartPersonal": "{{name}} jus kviečia į susitikimą.\n",
+        "inviteURLSecondPart": "\nPrisijungti prie susitikimo:\n{{url}}\n",
+        "label": "Susitikimo informacija",
+        "liveStreamURL": "Tiesioginė transliacija:",
+        "moreNumbers": "Daugiau numerių",
+        "noNumbers": "Nėra jokių numerių.",
+        "noPassword": "Nėra",
+        "noRoom": "Nebuvo jokio pasirinkto specifinio pokalbio.",
+        "numbers": "Suvestiniai numeriai",
+        "password": "$t(lockRoomPasswordUppercase):",
+        "title": "Dalintis",
+        "tooltip": "Dalintis adresu ir suvestine informacija šiam susitikimui"
+    },
+    "inlineDialogFailure": {
+        "msg": "Truputį apsirikome.",
+        "retry": "Bandyti dar kartą",
+        "support": "Palaikyti",
+        "supportMsg": "Jei tai vėl pasikartos, kreipkitės į"
+    },
+    "inviteDialog": {
+        "alertText": "Nepavyko pridėti kai kurių naudotojų.",
+        "header": "Pakviesti",
+        "searchCallOnlyPlaceholder": "Įvesti telefono numerį",
+        "searchPeopleOnlyPlaceholder": "Ieškoti naudotojų",
+        "searchPlaceholder": "naudotojas arba telefono numeris",
+        "send": "Siųsti"
+    },
+    "keyboardShortcuts": {
+        "focusLocal": "Koncentruotis į savo vaizdą",
+        "focusRemote": "Koncentruotis į kito naudotojo vaizdą",
+        "fullScreen": "Žiūrėti arba išeiti iš padidinto vaizdo rėžimo",
+        "keyboardShortcuts": "Klaviatūros spartieji klavišai",
+        "localRecording": "Rodyti arba slėpti vietinius įrašymo valdiklius",
+        "mute": "Nutildyti arba įjungti mikrofoną",
+        "pushToTalk": "Spausti, kad kalbėtumėte",
+        "raiseHand": "Pakelti arba nuleisti ranką",
+        "showSpeakerStats": "Rodyti kalbėtojo statistiką",
+        "toggleChat": "Atverti arba užverti susirašinėjimą",
+        "toggleFilmstrip": "Rodyti arba slėpti vaizdo miniatiūrą",
+        "toggleScreensharing": "Perjungimas tarp kameros ir vaizdo dalinimosi",
+        "toggleShortcuts": "Rodyti arba slėpti klaviatūros sparčiuosius klavišus",
+        "videoMute": "Įjungti arba išjungti kamerą",
+        "videoQuality": "Reguliuoti pokalbio kokybę"
+    },
+    "liveStreaming": {
+        "busy": "Mes reguliuojam transliacijos paleidimo išteklius. Pabandykite dar sykį po kelių minučių.",
+        "busyTitle": "Visi srautai šiuo metu užimti",
+        "changeSignIn": "Pakeisti paskyras.",
+        "choose": "Pasirinkti tiesioginę transliaciją",
+        "chooseCTA": "Pasirinkti srauto variantą. Jūs šiuo metu prisijungę kaip {{email}}.",
+        "enterStreamKey": "Įveskite savo YouTube tiesioginės transliacijos raktažodį čia.",
+        "error": "Tiesioginė transliacija neįvyko. Pabandykite dar kartą.",
+        "errorAPI": "Įvyko klaida prisijungiant prie Youtube transliacijos. Pabandykite prisijungti dar kartą.",
+        "errorLiveStreamNotEnabled": "Tiesioginė transliacija nėra galima paskyrai {{email}}. Įjunkite tiesioginį srautą arba prisijunkite prie paskyros, kurioje įjungta tiesioginė transliacija.",
+        "expandedOff": "Tiesioginė transliacija sustojo",
+        "expandedOn": "Šiuo metu susitikimas transliuojamas per YouTube.",
+        "expandedPending": "Tiesioginė transliacija prasideda…",
+        "failedToStart": "Nepavyko pajungti tiesioginės transliacijos",
+        "getStreamKeyManually": "Mums nepavyko atverti jokios tiesioginės transliacijos. Pabandykite suvesti tiesioginės transliacijos raktažodį iš Youtube.",
+        "invalidStreamKey": "Tiesioginės transliacijos raktažodis neteisingas.",
+        "off": "Tiesioginė transliacija sustojo",
+        "offBy": "{{name}} sustabdė srautą",
+        "on": "Tiesioginė transliacija",
+        "onBy": "{{name}} pradėjo tiesioginę transliaciją",
+        "pending": "Pradedama tiesioginė transliacija…",
+        "serviceName": "Tiesioginė transliacijos tarnyba",
+        "signIn": "Prisijunkite su Google",
+        "signInCTA": "Prisijunkite arba įveskite raktažodį iš Youtube.",
+        "signOut": "Atsijungti",
+        "signedInAs": "Jūs šiuo metu prisijungęs(-usi) kaip :",
+        "start": "Pradėti tiesioginę transliaciją",
+        "streamIdHelp": "Kas tai?",
+        "title": "Tiesioginis srautas",
+        "unavailableTitle": "Tiesioginė transliacija negalima"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Išjungta",
+            "on": "Įjungta",
+            "unknown": "Nežinomas"
+        },
+        "dialogTitle": "Vietos įrašų kontrolė",
+        "duration": "Trukmė",
+        "durationNA": "N/A",
+        "encoding": "Kodavimas ",
+        "label": "LOR",
+        "labelToolTip": "Vietinis įrašymas yra užimtas",
+        "localRecording": "Vietinis įrašymas",
+        "me": "Aš",
+        "messages": {
+            "engaged": "Vietinis įrašymas yra užimtas.",
+            "finished": "Įrašymo sesija {{token}} užbaigta. Prašome atsiųsti įrašo failą vadovui.",
+            "finishedModerator": "Įrašymo sesija {{token}} užbaigta. Vietinio takelio įrašymas užbaigtas. Paprašykite kitų dalyvių atsiųsti savo įrašus.",
+            "notModerator": "Jūs ne vadovas. Jūs negalite pradėti arba užbaigti vietinį įrašymą."
+        },
+        "moderator": "Vadovas",
+        "no": "Ne",
+        "participant": "Dalyvis",
+        "participantStats": "Dalyvio statistika",
+        "sessionToken": "Sesijos ženklas",
+        "start": "Pradėti įrašą",
+        "stop": "Užbaigti įrašą",
+        "yes": "Taip"
+    },
+    "lockRoomPassword": "slaptažodis",
+    "lockRoomPasswordUppercase": "Slaptažodis",
+    "lonelyMeetingExperience": {
+        "button": "Pakvieskite kitus",
+        "youAreAlone": "Jūs vienintelis(-ė) šiame susitikime"
+    },
+    "me": "Aš",
+    "notify": {
+        "connectedOneMember": "{{name}} prisijungė prie susitikimo",
+        "connectedThreePlusMembers": "{{name}} ir {{count}} kiti prisijungė prie susitikimo",
+        "connectedTwoMembers": "{{first}} ir {{second}} prisijungė prie susitikimo",
+        "disconnected": "atsijungė",
+        "focus": "Fokusuoti konferenciją",
+        "focusFail": "{{component}} nėra pasiekiamas - bandyti už {{ms}} sek. ",
+        "grantedTo": "Vadovo teisės suiteikiamos {{to}}!",
+        "invitedOneMember": "{{name}} buvo pakviesta(-as)",
+        "invitedThreePlusMembers": "{{name}} ir {{count}} kiti buvo pakviesti",
+        "invitedTwoMembers": "{{first}} ir {{second}} buvo pakviesti",
+        "kickParticipant": "{{kicked}} buvo išspirtas naudotojo {{kicker}}",
+        "me": "Aš",
+        "moderator": "Vadovo teisės suteiktos!",
+        "muted": "Jūs pradėjote nutildytą pokalbį.",
+        "mutedRemotelyDescription": "Jūs visada galite įsijungti garsą, kai norėsite. Įsijunkite garsą vėl, kai nuspresite, jog tai netrukdo susitikimui.",
+        "mutedRemotelyTitle": "Jūs buvote nutildyta(-as) naudotojo {{participantDisplayName}}!",
+        "mutedTitle": "Jūsų garsas nutildytas!",
+        "newDeviceAction": "Naudoti",
+        "newDeviceAudioTitle": "Aptiktas naujas įrašo įrenginys",
+        "newDeviceCameraTitle": "Aptikta nauja kamera",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) pašalintas kito naudotojo",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) nustatyta kito naudotojo",
+        "raisedHand": "{{name}} norėtų kalbėti.",
+        "somebody": "Kažkas",
+        "startSilentDescription": "Persijunkite prie susitikimo, kad įjungtumėte garsą",
+        "startSilentTitle": "Jūs prisijungėte be jokios garso išvesties!",
+        "suboptimalBrowserWarning": "Mes apgailėstaujame, kad jūsų susitikimo įspūdžiai nėra tokie, kokių tikėjotės. Mes visada ieškome būdų kaip patobulėti, bet kol kas bandykite tai <a href='{{recommendedBrowserPageLink}}' target='_blank'>fully supported browsers</a>.",
+        "suboptimalExperienceTitle": "Naršyklės įspėjimas",
+        "unmute": "Įjungti garsą"
+    },
+    "passwordDigitsOnly": "Daugiausia {{number}} skaičių",
+    "passwordSetRemotely": "nustatytas kito naudotojo",
+    "polls": {
+        "errors": {
+            "notUniqueOption": "Parinktys turi būti unikalios"
+        }
+    },
+    "poweredby": "pateikiamas",
+    "presenceStatus": {
+        "busy": "Užimtas",
+        "calling": "Skambinama…",
+        "connected": "Prisijungta",
+        "connecting": "Prisijungiama…",
+        "connecting2": "Prisijungiama*…",
+        "disconnected": "Atsijungta",
+        "expired": "Pasibaigęs",
+        "ignored": "Ignoruojamas",
+        "initializingCall": "Inicijuojamas skambutis…",
+        "invited": "Pakviestas",
+        "rejected": "Atmestas",
+        "ringing": "Skambina…"
+    },
+    "profile": {
+        "setDisplayNameLabel": "Įveskite savo vardą",
+        "setEmailInput": "Įveskite savo el. paštą",
+        "setEmailLabel": "Parinkite savo „gravataro“ el. paštą",
+        "title": "Profilis"
+    },
+    "raisedHand": "Norėtų kalbėti",
+    "recording": {
+        "authDropboxText": "Įkelti į Dropbox",
+        "availableSpace": "Galima vieta: {{spaceLeft}} MB (approximately {{duration}} minutes of recording)",
+        "beta": "BETA",
+        "busy": "Mes dirbame, kad atlaisvintume įrašo išteklius. Prašome pabandyti dar kartą po kelių minučių.",
+        "busyTitle": "Visi įrašymo įrenginiai šiuo metu yra užimti",
+        "error": "Įrašymas nepavyko. Bandykite dar kartą.",
+        "expandedOff": "Įrašymas buvo sustabdytas",
+        "expandedOn": "Šis susitikimas šiuo metu yra įrašomas.",
+        "expandedPending": "Įrašymas prasidėjo…",
+        "failedToStart": "Nepavyko pradėti įrašymo",
+        "fileSharingdescription": "Dalintis įrašu su kitais naudotojais",
+        "live": "GYVAI",
+        "loggedIn": "Prisijungę kaip {{userName}}",
+        "off": "Įrašas sustabdytas",
+        "offBy": "{{name}} sustabdė įrašą",
+        "on": "Įrašinėjama",
+        "onBy": "{{name}} pradėjo įrašą",
+        "pending": "Ruošiama įrašinėti susitikimą…",
+        "rec": "REC",
+        "serviceDescription": "Jūsų įrašą išssaugos įrašymo tarnyba",
+        "serviceName": "Įrašymo tarnyba",
+        "signIn": "Prisijungti",
+        "signOut": "Atsijungti",
+        "title": "Įrašoma",
+        "unavailable": "Oi! {{serviceName}} šiuo metu nėra pasiekiamas. Mes dirbame, kad išspręsti šią problemą. Pabandykite dar kartą vėliau.",
+        "unavailableTitle": "Įrašas negalimas"
+    },
+    "sectionList": {
+        "pullToRefresh": "Spustelėkite, kad įkelti iš naujo"
+    },
+    "settings": {
+        "calendar": {
+            "about": "{{appName}} kalendoriaus integracija yra naudojama, kad saugiai išsaugoti ir sekti būsimus įvykius.",
+            "disconnect": "Atsijungti",
+            "microsoftSignIn": "Prisijungti su Microsoft",
+            "signedIn": "Šiuo metu kalendoriuje išsaugoti įvykiai pasiekiami {{email}}. Paspauskite Atsijungti mygtuką, kad sustabdyti prieigą prie kalendoriuje sužymėtų įvykių.",
+            "title": "Kalendorius"
+        },
+        "devices": "Įranga",
+        "followMe": "Visi seka mane",
+        "language": "Kalba",
+        "loggedIn": "Prisijungęs kaip {{name}}",
+        "moderator": "Vedėjas",
+        "more": "Daugiau",
+        "name": "Vardas",
+        "noDevice": "Nieko",
+        "selectAudioOutput": "Įrašo išeiga",
+        "selectCamera": "Kamera",
+        "selectMic": "Mikrofonas",
+        "startAudioMuted": "Visi pradeda nutildytu rėžimu",
+        "startVideoMuted": "Visi pradeda nematomu rėžimu",
+        "title": "Nustatymai"
+    },
+    "settingsView": {
+        "advanced": "Sudėtingesnis",
+        "alertOk": "OK",
+        "alertTitle": "Įspėjimas",
+        "alertURLText": "Jūsų ivestas serverio URL yra neteisingas",
+        "buildInfoSection": "Programos informacija",
+        "conferenceSection": "Konferencija",
+        "disableCallIntegration": "Atjungti vietinių skambučių integraciją",
+        "disableP2P": "Išjungti Peer-To-Peer režimą",
+        "displayName": "Rodomas vardas",
+        "email": "El. paštas",
+        "header": "Nustatymai",
+        "profileSection": "Profilis",
+        "serverURL": "Serverio URL",
+        "showAdvanced": "Rodyti sudėtingesnius nustatymus",
+        "startWithAudioMuted": "Pradėti nutildytu rėžimu",
+        "startWithVideoMuted": "Pradėti be vaizdo",
+        "version": "Versija"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nTiesiog norite paskambinti į savo telefoną?\n\n{{defaultDialInNumber}}Spustelėkite šią nuorodą, jei norite pamatyti šio susitikimo telefono numerius\n{{dialInfoPageUrl}}",
+        "mainText": "Spustelėkite šią nuorodą, kad prisijungtumėte prie susitikimo:\n{{roomUrl}}"
+    },
+    "speaker": "Garsiakalbis",
+    "speakerStats": {
+        "hours": "{{count}}h",
+        "minutes": "{{count}}m",
+        "name": "Vardas",
+        "search": "Ieškoti",
+        "searchHint": "Ieškokite dalyvių",
+        "seconds": "{{count}}s",
+        "speakerStats": "Garsiakalbio nuostatos",
+        "speakerTime": "Garsiakalbio laikas"
+    },
+    "startupoverlay": {
+        "policyText": " ",
+        "title": "{{app}} reikalingas mikrofonas ir kamera."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Persijungti",
+        "text": "Paspauskite <i>Persijungimo</i> mygtuką, kad persijungti.",
+        "title": "Jūsų vaizdo skambutis buvo nutrauktas, nes jūsų kompiuteris atsijungė."
+    },
+    "toolbar": {
+        "Settings": "Nustatymai",
+        "accessibilityLabel": {
+            "Settings": "Perjungti nustatymus",
+            "audioOnly": "Tik audio perjungimas",
+            "audioRoute": "Pasirinkite garso įrenginį",
+            "callQuality": "Reguliuoti vaizdo kokybę",
+            "cc": "Subtitru perjungimas",
+            "chat": "Susirašinėjimų lango perjungimas",
+            "document": "Pasidalintų dokumentų perjungimas",
+            "download": "Atsisiųskite mūsų programėles",
+            "feedback": "Palikite atsiliepimą",
+            "fullScreen": "Perjungti į pilno vaizdo rėžimą",
+            "hangup": "Palikti skambutį",
+            "help": "Pagalba",
+            "invite": "Pakviesti žmones",
+            "kick": "Išspirti dalyvį",
+            "localRecording": "Perjungti vietinę įrašų kontrolę",
+            "lockRoom": "Uždėti slaptažodį šiam susitikimui",
+            "moreActions": "Įjungti meniu „daugiau nustatymų“",
+            "moreActionsMenu": "Daugiau nustatymų",
+            "moreOptions": "Rodyti daugiau variantų",
+            "mute": "Perjungti begarsį rėžimą",
+            "muteEveryone": "Nutildyti visus",
+            "pip": "Paveikslėlio su paveikslėliu perjungimas",
+            "privateMessage": "Siųsti privačią žinutę",
+            "profile": "Redaguoti profilį",
+            "raiseHand": "Perjungti rankos pakėlimą",
+            "recording": "Perjungti įrašymą",
+            "remoteMute": "Nutildyti dalyvius",
+            "shareRoom": "Pakviesti ką nors",
+            "shareYourScreen": "Perjungti vaizdo dalinimasi",
+            "sharedvideo": "Perjungti vaizdo dalinimasi",
+            "shortcuts": "Perjungti trumpinius",
+            "show": "Rodyti viešai",
+            "speakerStats": "Perjungti garsiakalbio nuostatas",
+            "tileView": "Perjungti vaizdą",
+            "toggleCamera": "Perjungti kamerą",
+            "toggleFilmstrip": "Toggle filmstrip",
+            "videoblur": "Įjungti fono suliejimą",
+            "videomute": "Perjungti vaizdo išjungimą"
+        },
+        "addPeople": "Pridėti žmonių prie pokalbio",
+        "audioOnlyOff": "Atjungti žemo pralaidumo rėžimą",
+        "audioOnlyOn": "Įjungti žemo pralaidumo rėžimą",
+        "audioRoute": "Pasirinkti garso įrenginį",
+        "authenticate": "Autentifikuoti",
+        "callQuality": "Reguliuoti vaizdo kokybę",
+        "chat": "Atverti / Užverti susirašinėjimą",
+        "closeChat": "Užverti susirašinėjimą",
+        "documentClose": "Užverti pasidalintus dokumentus",
+        "documentOpen": "Atverti pasidalintus dokumentus",
+        "download": "Atsisiųskite mūsų programėles",
+        "enterFullScreen": "Peržiūrėti pilno vaizdo rėžimą",
+        "enterTileView": "Įeiti į rodinį",
+        "exitFullScreen": "Išeiti iš pilno vaizdo rėžimo",
+        "exitTileView": "Išeiti iš rodinio",
+        "feedback": "Palikti atsiliepimą",
+        "hangup": "Išeiti",
+        "help": "Pagalba",
+        "invite": "Pakviesti žmones",
+        "login": "Prisijungti",
+        "logout": "Atsijungti",
+        "lowerYourHand": "Nuleisti ranką",
+        "moreActions": "Daugiau veiksmų",
+        "moreOptions": "Daugiau parinkčių",
+        "mute": "Begarsis / Su garsu",
+        "muteEveryone": "Nutildyti visus",
+        "noAudioSignalDesc": "Jei specialiai nenutildėte tai sistemoje, apsvarstykite perjungti įrangą.",
+        "noAudioSignalDescSuggestion": "Jei specialiai nenutildėte tai sistemoje, apsvarstykite perjungti į pasiūlytą įrangą.",
+        "noAudioSignalDialInDesc": "Galite skambinti naudodami:",
+        "noAudioSignalDialInLinkDesc": "Numeriai skambučiams",
+        "noAudioSignalTitle": "Nėra jokios mikrafono įvesties!",
+        "noisyAudioInputDesc": "Atrodo, kad jūsų mikrofonas turi trikdžių, prašome jį nutildyti arba pakeisti įrangą.",
+        "noisyAudioInputTitle": "Jūsų mikrofonas per garsus!",
+        "openChat": "Atverti susirašinėjimą",
+        "pip": "Atverti paveikslo su paveikslu rėžimą",
+        "privateMessage": "Nusiųskite privačią žinutę",
+        "profile": "Redaguoti profilį",
+        "raiseHand": "Pakelti / Nuleisti ranką",
+        "raiseYourHand": "Pakelti ranką",
+        "shareRoom": "Pakviesti ką nors",
+        "sharedvideo": "Pasidalinkite video",
+        "shortcuts": "Peržiūrėti trumpinius",
+        "speakerStats": "Garsiakalbio pasirinktys",
+        "startScreenSharing": "Pradėti ekrano dalinimasi",
+        "startSubtitles": "Įjungti subtitrus",
+        "startvideoblur": "Sulieti foną",
+        "stopScreenSharing": "Nebesidalinti vaizdu",
+        "stopSharedVideo": "Išjungti vaizdą",
+        "stopSubtitles": "Išjungti subtitrus",
+        "stopvideoblur": "Nesulieti fono",
+        "talkWhileMutedPopup": "Ar bandote kalbėti? Jūs esate begarsio rėžime.",
+        "tileViewToggle": "Perjungti rodinį",
+        "toggleCamera": "Perjungti kamerą",
+        "videomute": "Įjungti / Išjungti kamerą"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Įjungti / Išjungti titrus",
+        "error": "Titrų atpažinimas nesuveikė. Bandykite dar kartą.",
+        "expandedLabel": "Šiuo metu vyksta perrašymas",
+        "failedToStart": "Perrašymas neprasidėjo",
+        "labelToolTip": "Susitikimas yra perrašomas",
+        "off": "Perrašymas sustojo",
+        "pending": "Ruošiama perrašyti susitikimą…",
+        "start": "Pradėti rodyti subtitrus",
+        "stop": "Nustoti rodyti subtitrus",
+        "tr": "TR"
+    },
+    "userMedia": {
+        "grantPermissions": "Prašome duoti leidimo, kad galėtumėte naudotis kamera ir mikrofonu."
+    },
+    "videoSIPGW": {
+        "busy": "Mes dirbame, kad atlaisvinti išteklius. Prašome pabandyti dar kartą po kelių minučių.",
+        "busyTitle": "Paslaugos šiuo metu neteikiamos",
+        "errorAlreadyInvited": "{{displayName}} jau yra pakviestas(-a)",
+        "errorInvite": "Konferencija dar nenumatyta. Pabandykite dar kartą.",
+        "errorInviteFailed": "Mes dirbame, kad išspręstume šią problemą. Pabandykite vėliau.",
+        "errorInviteFailedTitle": "Pakvietimas {{displayName}} neįvyko",
+        "errorInviteTitle": "Klaida kviečiant susitikimą",
+        "pending": "{{displayName}} buvo pakviestas(-a)"
+    },
+    "videoStatus": {
+        "audioOnly": "AUD",
+        "audioOnlyExpanded": "Jūs mažo pralaidumo būsenoje. Šiame rėžime jūs galėsite tik girdėti ir dalintis ekranu.",
+        "callQuality": "Vaizdo raiška",
+        "hd": "HD",
+        "hdTooltip": "Vaizdas aukštos kokybės",
+        "highDefinition": "Aukšta kokybė",
+        "labelTooiltipNoVideo": "Jokio vaizdo",
+        "labelTooltipAudioOnly": "Žemo pralaidumo būsena aktyvuota",
+        "ld": "LD",
+        "ldTooltip": "Žemos kokybės video peržiūra",
+        "lowDefinition": "Žema kokybė",
+        "onlyAudioAvailable": "Galimas tik garso perdavimas",
+        "onlyAudioSupported": "Mes palaikome tik garso perdavimą šioje naršyklėje.",
+        "sd": "SD",
+        "sdTooltip": "Vidutinės kokybės video peržiūra",
+        "standardDefinition": "Vidutinė kokybė"
+    },
+    "videothumbnail": {
+        "domute": "Nutildyti",
+        "domuteOthers": "Nutildyti visus kitus",
+        "flip": "Apversti",
+        "kick": "Išspirti lauk",
+        "moderator": "Vadovas",
+        "mute": "Dalyvis nutildytas",
+        "muted": "Nutildytas",
+        "remoteControl": "Įjungti / Išjungti nuotolinį valdymą",
+        "show": "Rodyti viešai",
+        "videomute": "Dalyvis išjungė vaizdą"
+    },
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Spustelkite, kad prisijungtumėt",
+            "roomname": "Įveskite bendravimo kambario pavadinimą"
+        },
+        "appDescription": "Pirmyn, bendraukite su savo draugais per vaizdo skambučius bei pokalbius. Kvieskite visus savo pažįstamus. {{app}} yra pilnai apsaugota, ryšys šifruotas, 100% atvirojo kodo - tai video konferencijų bei bendradarbiavimo sprendimas, kurį galite naudoti visuomet, kiekvieną dieną ir visiškai nemokamai - be jokių registracijų ar prisijungimų.",
+        "audioVideoSwitch": {
+            "audio": "Balsas",
+            "video": "Video"
+        },
+        "calendar": "Calendar",
+        "connectCalendarButton": "Prijunkite savo kalendorių",
+        "connectCalendarText": "Prijunkite savo kalendorių, kad stebėti visus savo būsimus susitikimus čia {{app}}. Plius, pridėkite {{provider}} susitikimus į savo kalendorių ir pradėkite juos vienu paspaudimu.",
+        "enterRoomTitle": "Pradėkite savo susitikimą",
+        "go": "PIRMYN",
+        "goSmall": "PIRMYN",
+        "info": "Info",
+        "join": "KURTI / PRISIJUNGTI",
+        "privacy": "Privatumas",
+        "recentList": "Paskutinis",
+        "recentListDelete": "Ištrinti",
+        "recentListEmpty": "Jūsų paskutinis sąrašas yra tuščias. Susisiekite su savo komanda ir jūs rasite savo paskutinius susitikimus čia.",
+        "reducedUIText": "Sveiki atvyke į {{app}}!",
+        "roomNameAllowedChars": "Susitikimo pavadinime negali būti šių ženklų: ?, &, :, ', \", %, #.",
+        "roomname": "Įveskite pokalbių kambario pavadinimą",
+        "roomnameHint": "Įveskite sugalvotą pavadinimą arba pokalbio kambario adresą (URL), kad prisijungtumėte. Jūs galite sugalvoti savo pavadinimą, bet įsitikinkite, kad ir kiti dalyviai, su kuriais bendrausite, taip pat žinos tikslų pavadinimą tam, kad įeitų į tą patį pokalbių kambarį.",
+        "sendFeedback": "Palikite atsiliepimą",
+        "terms": "Sąlygos",
+        "title": "Saugus, pasiekiamas ir visiškai nemokamas video konferencijų rengimas"
+    }
+}
diff --git a/lang/main-lv.json b/lang/main-lv.json
new file mode 100644
index 0000000..7494ece
--- /dev/null
+++ b/lang/main-lv.json
@@ -0,0 +1,1703 @@
+{
+    "addPeople": {
+        "accessibilityLabel": {
+            "meetingLink": "Sapulces saite: {{url}}"
+        },
+        "add": "Uzaicināt",
+        "addContacts": "Uzaicināt savus kontaktus",
+        "contacts": "kontakti",
+        "copyInvite": "Kopēt sapulces ielūgumu",
+        "copyLink": "Kopēt sapulces saiti",
+        "copyStream": "Kopēt tiešraides straumēšanas saiti",
+        "countryNotSupported": "Šī valsts pagaidām netiek atbalstīta.",
+        "countryReminder": "Zvaniet ārpus ASV? Lūdzu norādiet valsts kodu!",
+        "defaultEmail": "Jūsu noklusējuma e-pasts",
+        "disabled": "Jums nav tiesību uzaicināt.",
+        "failedToAdd": "Neizdevās pievienot dalībniekus",
+        "googleEmail": "Google e-pasts",
+        "inviteMoreHeader": "Jūs esat vienīgais sapulcē",
+        "inviteMoreMailSubject": "Pievienojieties {{appName}} sapulcei",
+        "inviteMorePrompt": "Uzaicināt dalībniekus",
+        "linkCopied": "Saite ir nokopēta starpliktuvē",
+        "noResults": "Nav atbilstošu meklēšanas rezultātu",
+        "outlookEmail": "Outlook e-pasts",
+        "phoneNumbers": "tālruņu numuri",
+        "searching": "Meklēšana…",
+        "shareInvite": "Kopīgojiet sapulces ielūgumu",
+        "shareLink": "Kopīgojiet sapulces saiti, lai uzaicinātu citus",
+        "shareStream": "Kopīgojiet tiešraides straumēšanas saiti",
+        "sipAddresses": "sip adreses",
+        "telephone": "Telefons: {{number}}",
+        "title": "Uzaicināt cilvēkus uz šo sapulci",
+        "yahooEmail": "Yahoo e-pasts"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "car": "Auto audio",
+        "headphones": "Austiņas",
+        "none": "Audio ierīces nav atrastas",
+        "phone": "Telefons",
+        "speaker": "Skaļrunis"
+    },
+    "audioOnly": {
+        "audioOnly": "Maza tīkla kapacitāte (tikai skaņa)"
+    },
+    "bandwidthSettings": {
+        "assumedBandwidthBps": "piem. 10000000 priekš 10 Mbps",
+        "assumedBandwidthBpsWarning": "Augstākas vērtības var izraisīt tīkla problēmas.",
+        "customValue": "pielāgota vērtība",
+        "customValueEffect": "lai iestatītu faktisko bps vērtību",
+        "leaveEmpty": "atstāt tukšu",
+        "leaveEmptyEffect": "lai varētu veikt aplēses",
+        "possibleValues": "Iespējamās vērtības",
+        "setAssumedBandwidthBps": "Pieņemtais joslas platums (bps)",
+        "title": "Joslas platuma iestatījumi",
+        "zeroEffect": "lai atspējotu video"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "Pievienot grupas istabu",
+            "autoAssign": "Automātiski sadalīt pa grupu istabām",
+            "close": "Aizvērt",
+            "join": "Pievienoties",
+            "leaveBreakoutRoom": "Iziet no grupas istabas",
+            "more": "Vairāk",
+            "remove": "Noņemt",
+            "rename": "Pārsaukt",
+            "renameBreakoutRoom": "Pārsaukt grupas istabu",
+            "sendToBreakoutRoom": "Nosūtīt dalībnieku uz:"
+        },
+        "breakoutList": "Grupas saraksts",
+        "buttonLabel": "Grupu istabas",
+        "defaultName": "Grupas istaba #{{index}}",
+        "hideParticipantList": "Slēpt dalībnieku sarakstu",
+        "mainRoom": "Galvenā istaba",
+        "notifications": {
+            "joined": "Pievienojas \"{{name}}\" grupas istabai",
+            "joinedMainRoom": "Pievienojas galvenajai istabai",
+            "joinedTitle": "Grupu Istabas"
+        },
+        "showParticipantList": "Rādīt dalībnieku sarakstu",
+        "title": "Grupu Istabas"
+    },
+    "calendarSync": {
+        "addMeetingURL": "Pievienot sapulces saiti",
+        "confirmAddLink": "Vai vēlaties šim kalendāra notikumam pievienot Jitsi saiti?",
+        "error": {
+            "appConfiguration": "Nepareizi iestatīta kalendāra integrācija.",
+            "generic": "Radās kļūda. Lūdzu, pārbaudiet kalendāra iestatījumus vai mēģiniet atsvaidzināt kalendāru.",
+            "notSignedIn": "Autentificējoties, lai skatītu kalendāra notikumus, radās kļūda. Lūdzu, pārbaudiet kalendāra iestatījumus un mēģiniet pieteikties vēlreiz."
+        },
+        "join": "Pievienoties",
+        "joinTooltip": "Pievienoties sapulcei",
+        "nextMeeting": "Nākamā sapulce",
+        "noEvents": "Nav ieplānotu notikumu.",
+        "ongoingMeeting": "Pašreizējā sapulce",
+        "permissionButton": "Atvērt iestatījumus",
+        "permissionMessage": "Nepieciešama atļauja piejai kalendāram, lai parādītu jūsu sapulces lietotnē.",
+        "refresh": "Atsvaidzināt kalendāru",
+        "today": "Šodien"
+    },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "Izvēlieties skaņas ierīci"
+        },
+        "labels": {
+            "buttonLabel": "Auto režīms",
+            "title": "Auto režīms",
+            "videoStopped": "Jūsu vide ir apturēts"
+        }
+    },
+    "chat": {
+        "disabled": "Tērzēšanas ziņojumu sūtīšana ir atspējota.",
+        "enter": "Ienākt istabā",
+        "error": "Kļūda: Jūsu ziņa netika nosūtīta. Cēlonis: {{error}}",
+        "everyone": "Visi",
+        "fieldPlaceHolder": "Rakstiet ziņu šeit",
+        "fileAccessibleTitle": "{{user}} augšuplādēja failu",
+        "fileAccessibleTitleMe": "es augšuplādēju failu",
+        "fileDeleted": "Fails tika dzēsts",
+        "guestsChatIndicator": "(viesis)",
+        "lobbyChatMessageTo": "Vestibila tērzēšanas ziņa adresātam {{recipient}}",
+        "message": "Ziņa",
+        "messageAccessibleTitle": "{{user}} saka:",
+        "messageAccessibleTitleMe": "es saku:",
+        "messageTo": "Privāta ziņa adresātam {{recipient}}",
+        "messagebox": "Rakstiet ziņu",
+        "newMessages": "Jaunas ziņas",
+        "nickname": {
+            "featureChat": "tērzētava",
+            "featureClosedCaptions": "slēgtie subtitri",
+            "featureFileSharing": "failu kopīgošana",
+            "featurePolls": "aptaujas",
+            "popover": "Izvēlieties segvārdu",
+            "title": "Ierakstiet segvārdu, lai izmantotu tērzēšanu",
+            "titleWith1Features": "Ievadiet segvārdu, lai izmantotu {{feature1}}",
+            "titleWith2Features": "Ievadiet segvārdu, lai izmantotu {{feature1}} un {{feature2}}",
+            "titleWith3Features": "Ievadiet segvārdu, lai izmantotu {{feature1}}, {{feature2}} un {{feature3}}",
+            "titleWith4Features": "Ievadiet segvārdu, lai izmantotu {{feature1}}, {{feature2}}, {{feature3}} un {{feature4}}",
+            "titleWithCC": "Ievadiet segvārdu, lai izmantotu tērzēšanu un slēgtos subtitrus",
+            "titleWithPolls": "Ierakstiet segvārdu, lai izmantotu tērzēšanu un aptaujas",
+            "titleWithPollsAndCC": "Ievadiet segvārdu, lai izmantotu tērzēšanu, aptaujas un slēgtos subtitrus",
+            "titleWithPollsAndCCAndFileSharing": "Ievadiet segvārdu, lai izmantotu tērzēšanu, aptaujas, slēgtos subtitrus un failus"
+        },
+        "noMessagesMessage": "Sapulcē pagaidām nav nevienas ziņas. Uzsāciet saraksti!",
+        "privateNotice": "Privāta ziņa adresātam {{recipient}}",
+        "sendButton": "Nosūtīt",
+        "smileysPanel": "Emociju panelis",
+        "systemDisplayName": "Sistēma",
+        "tabs": {
+            "chat": "Tērzēšana",
+            "closedCaptions": "Slēgtie subtitri",
+            "fileSharing": "Faili",
+            "polls": "Aptaujas"
+        },
+        "title": "Tērzēšana",
+        "titleWithCC": "Tērzēšana un Slēgtie subtitri",
+        "titleWithFeatures": "Tērzēšana un",
+        "titleWithFileSharing": "Faili",
+        "titleWithPolls": "Tērzēšana un Aptaujas",
+        "you": "jūs"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Uzstādīt Chrome spraudni",
+        "buttonTextEdge": "Uzstādīt Edge spraudni",
+        "close": "Aizvērt",
+        "dontShowAgain": "Nerādīt man šo vēlreiz",
+        "installExtensionText": "Uzstādīt spraudni Google kalendāra un Office 365 integrācijai"
+    },
+    "closedCaptionsTab": {
+        "emptyState": "Slēgto subtitru saturs būs pieejams, tiklīdz moderators uzsāks to.",
+        "startClosedCaptionsButton": "Uzsākt slēgtos subtitrus"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Notiek pieslēgšanās jūsu sapulcei…"
+    },
+    "connection": {
+        "ATTACHED": "Piestiprināts",
+        "AUTHENTICATING": "Notiek autentifikācija",
+        "AUTHFAIL": "Autentifikācija neizdevās",
+        "CONNECTED": "Pieslēdzies",
+        "CONNECTING": "Notiek pieslēgšanās",
+        "CONNFAIL": "Pieslēgšanās neizdevās",
+        "DISCONNECTED": "Atvienots",
+        "DISCONNECTING": "Notiek atvienošanās",
+        "ERROR": "Kļūda",
+        "FETCH_SESSION_ID": "Tiek iegūts sesijas-id…",
+        "GET_SESSION_ID_ERROR": "Notika sesijas-id kļūda: {{code}}",
+        "GOT_SESSION_ID": "Tiek iegūts sesijas-id… Darīts",
+        "LOW_BANDWIDTH": "{{displayName}} video tika izslēgts, lai mazinātu tīkla noslodzi"
+    },
+    "connectionindicator": {
+        "address": "Adrese:",
+        "audio_ssrc": "Audio SSRC:",
+        "bandwidth": "Paredzamā tīkla caurlaidība:",
+        "bitrate": "Bitreits:",
+        "bridgeCount": "Serveru skaits:",
+        "codecs": "Kodeki (A/V): ",
+        "connectedTo": "Pieslēdzies pie:",
+        "e2eeVerified": "E2EE apstiprināts:",
+        "framerate": "Kadru ātrums/skaits:",
+        "less": "Rādīt mazāk",
+        "localaddress": "Lokālā adrese:",
+        "localaddress_plural": "Lokālās adreses:",
+        "localport": "Lokālais ports:",
+        "localport_plural": "Lokālie porti:",
+        "maxEnabledResolution": "sūtīt maksimums",
+        "more": "Rādīt vairāk",
+        "no": "nē",
+        "packetloss": "Pakešu zudums:",
+        "participant_id": "Dalībnieka id:",
+        "quality": {
+            "good": "Labs",
+            "inactive": "Neaktīvs",
+            "lost": "Zudumi",
+            "nonoptimal": "Neoptimāls",
+            "poor": "Slikts"
+        },
+        "remoteaddress": "Attālinātā adrese:",
+        "remoteaddress_plural": "Attālinātās adreses:",
+        "remoteport": "Attālinātais ports:",
+        "remoteport_plural": "Attālinātie porti:",
+        "resolution": "Izšķirtspēja:",
+        "savelogs": "Saglabāt auditācijas pierakstus",
+        "status": "Savienojums:",
+        "transport": "Nosūtīšanas metode:",
+        "transport_plural": "Nosūtīšanas metodes:",
+        "video_ssrc": "Video SSRC:",
+        "yes": "jā"
+    },
+    "dateUtils": {
+        "earlier": "Agrāk",
+        "today": "Šodien",
+        "yesterday": "Vakar"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Lai pievienotos šai sapulcei savā tālrunī, ir nepieciešama mobilā lietotne {{app}}.",
+        "description": "Nekas nenotika? Mēs centāmies palaist jūsu sapulci darbvirsmas lietotnē {{app}}. Mēģiniet vēlreiz vai palaidiet to tīmekļa pārlūkā {{app}}.",
+        "descriptionNew": "Nekas nenotika? Mēs centāmies palaist jūsu sapulci darbvirsmas lietotnē {{app}}. <br /><br /> Varat mēģināt vēlreiz vai palaist to tīmeklī.",
+        "descriptionWithoutWeb": "Nekas nenotika? Mēs centāmies palaist jūsu sapulci darbvirsmas lietotnē {{app}}",
+        "downloadApp": "Lejuplādēt lietotni",
+        "downloadMobileApp": "Lejupielādējiet no App Store",
+        "ifDoNotHaveApp": "Ja jums vēl nav lietotnes:",
+        "ifHaveApp": "Ja jums jau ir lietotne:",
+        "joinInApp": "Pievienojieties šai sapulcei, izmantojot lietotni",
+        "joinInAppNew": "Pievienojieties lietotnē",
+        "joinInBrowser": "Pievienojieties pārlūkā",
+        "launchMeetingLabel": "Kā vēlaties pievienoties šai sapulcei?",
+        "launchWebButton": "Palaist tīmekļa pārlūkā",
+        "noDesktopApp": "Vai jums nav lietotnes?",
+        "noMobileApp": "Vai jums nav lietotnes?",
+        "or": "vai",
+        "termsAndConditions": "Turpinot jūs piekrītat mūsu <a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'>pakalpojumu sniegšanas noteikumiem.</a>",
+        "title": "Notiek jūsu sapulces palaišana lietotnē {{app}}…",
+        "titleNew": "Notiek jūsu sapulces palaišana…",
+        "tryAgainButton": "Mēģināt vēlreiz darbvirsmā",
+        "unsupportedBrowser": "Izskatās, ka izmantojat pārlūkprogrammu, kuru mēs neatbalstām."
+    },
+    "defaultLink": "piem. {{url}}",
+    "defaultNickname": "piem. Jānis Bērziņš",
+    "deviceError": {
+        "cameraError": "Neizdevās piekļūt jūsu kamerai",
+        "cameraPermission": "Iegūstot kameras atļauju, radās kļūdas",
+        "microphoneError": "Neizdevās piekļūt jūsu mikrofonam",
+        "microphonePermission": "Iegūstot mikrofona atļauju, radās kļūdas"
+    },
+    "deviceSelection": {
+        "hid": {
+            "callControl": "Zvanu kontrole",
+            "connectedDevices": "Pieslēgtās ierīces:",
+            "deleteDevice": "Dzēst ierīci",
+            "pairDevice": "Savienot ierīci pārī"
+        },
+        "noPermission": "Atļauja nav piešķirta",
+        "previewUnavailable": "Priekšskats nav pieejams",
+        "selectADevice": "Ierīces izvēle",
+        "testAudio": "Pārbaudīt"
+    },
+    "dialIn": {
+        "screenTitle": "Iezvanes kopsavilkums"
+    },
+    "dialOut": {
+        "statusMessage": "tagad ir {{status}}"
+    },
+    "dialog": {
+        "Back": "Atpakaļ",
+        "Cancel": "Atcelt",
+        "IamHost": "Esmu rīkotājs",
+        "Ok": "Labi",
+        "Remove": "Noņemt",
+        "Share": "Kopīgot",
+        "Submit": "Iesniegt",
+        "Understand": "Saprotu",
+        "UnderstandAndUnmute": "Es saprotu, lūdzu, ieslēdziet skaņu.",
+        "WaitForHostNoAuthMsg": "Sapulce vēl nav sākusies, jo vēl nav ieradies neviens moderators. Lūdzu, uzgaidiet.",
+        "WaitingForHostButton": "Gaidīt rīkotāju",
+        "WaitingForHostTitle": "Gaida rīkotāju…",
+        "Yes": "Jā",
+        "accessibilityLabel": {
+            "Cancel": "Atcelt (pamest dialoglogu)",
+            "Ok": "Labi (saglabāt un pamest dialoglogu)",
+            "close": "Aizvērt dialoglogu",
+            "liveStreaming": "Tiešraide",
+            "sharingTabs": "Kopīgošanas iespējas"
+        },
+        "add": "Pievienot",
+        "addMeetingNote": "Pievienot piezīmi par šo sapulci",
+        "addOptionalNote": "Pievienot piezīmi (neobligāti):",
+        "allow": "Atļaut",
+        "allowToggleCameraDialog": "Vai atļaujat lietotājam {{initiatorName}} pārslēgt jūsu kameras pavērsiena režīmu?",
+        "allowToggleCameraTitle": "Vai atļaut pārslēgt kameru?",
+        "alreadySharedVideoMsg": "Cits dalībnieks jau ir kopīgojis videoklipu. Šī sapulce ļauj kopīgot tikai vienu video vienlaikus.",
+        "alreadySharedVideoTitle": "Atļauts tikai viens kopīgots videoklips",
+        "applicationWindow": "Lietotnes logs",
+        "authenticationRequired": "Nepieciešama autentifikācija",
+        "cameraCaptureDialog": {
+            "description": "Uzņemt un nosūtīt attēlu, izmantojot mobilā tālruņa kameru",
+            "ok": "Atvērt kameru",
+            "reject": "Ne tagad",
+            "title": "Uzņemt attēlu"
+        },
+        "cameraConstraintFailedError": "Kamera neatbilst noteiktajām prasībām.",
+        "cameraNotFoundError": "Kamera nav atrasta.",
+        "cameraNotSendingData": "Nevar piekļūt jūsu kamerai. Lūdzu, pārbaudiet, vai šo ierīci neizmanto cita programma, iestatījumu izvēlnē atlasiet citu ierīci vai mēģiniet atkārtoti ielādēt programmu.",
+        "cameraNotSendingDataTitle": "Nav piekļuves kamerai",
+        "cameraPermissionDeniedError": "Nav piekļuves kamerai. Jūs varat piedalīties sapulcē, bet citi jūs neredzēs. Lai novērstu problēmu, izmantojiet kameras ikonu pārlūka adrešu joslā.",
+        "cameraTimeoutError": "Nevarēja palaist video avotu. Iestājās noilgums!",
+        "cameraUnknownError": "Nevar izmantot kameru nezināma iemesla dēļ.",
+        "cameraUnsupportedResolutionError": "Jūsu kamera neatbalsta nepieciešamo video izšķirtspēju.",
+        "close": "Aizvērt",
+        "conferenceDisconnectMsg": "Pārbaudiet interneta savienojumu. Atkārtota savienojuma izveide pēc {{seconds}} sek…",
+        "conferenceDisconnectTitle": "Jūs esat atvienots.",
+        "conferenceReloadMsg": "Cenšamies to labot. Atkārtota savienojuma izveide pēc {{seconds}} sek….",
+        "conferenceReloadTitle": "Diemžēl kaut kas nogāja greizi.",
+        "confirm": "Apstiprināt",
+        "confirmBack": "Atpakaļ",
+        "confirmNo": "Nē",
+        "confirmYes": "Jā",
+        "connectError": "Hmm! Radās problēma, un mēs nevarējām izveidot savienojumu ar sapulci.",
+        "connectErrorWithMsg": "Hmm! Radās problēma, un mēs nevarējām izveidot savienojumu ar sapulci: {{msg}}",
+        "connecting": "Savienojuma izveide",
+        "contactSupport": "Sazinieties ar atbalsta dienestu",
+        "copied": "Nokopēts",
+        "copy": "Kopēt",
+        "demoteParticipantDialog": "Vai tiešām vēlaties pārveidot šo dalībnieku par apmeklētāju?",
+        "demoteParticipantTitle": "Pārveidot par apmeklētāju",
+        "dismiss": "Noraidīt",
+        "displayNameRequired": "Sveiki! Kā jūs sauc?",
+        "done": "Darīts",
+        "e2eeDescription": "Pilnīga šifrēšana pašlaik ir EKSPERIMENTĀLA. Lūdzu, ņemiet vērā, ka, ieslēdzot pilnīgu šifrēšanu, tiks efektīvi atspējoti servera nodrošinātie pakalpojumi, piemēram, tālruņa līdzdalība. Ņemiet vērā arī to, ka sapulce darbosies tikai tiem cilvēkiem, kuri pievienosies no pārlūkprogrammām, kas atbalsta ievietojamas straumes.",
+        "e2eeDisabledDueToMaxModeDescription": "Nevar iespējot pilnīgu šifrēšanu konferences dalībnieku lielā skaita dēļ.",
+        "e2eeLabel": "Iespējot pilnīgu šifrēšanu",
+        "e2eeWarning": "BRĪDINĀJUMS: Izskatās, ka ne visi šīs sapulces dalībnieki atbalsta pilnīgu šifrēšanu. Ja jūs to iespējosit, viņi jūs neredzēs un nedzirdēs.",
+        "e2eeWillDisableDueToMaxModeDescription": "BRĪDINĀJUMS: Pilnīga šifrēšana tiks automātiski atspējota, ja konferencei pievienosies vairāk dalībnieku.",
+        "embedMeeting": "Iegult sapulci",
+        "enterDisplayName": "Ievadiet savu vārdu",
+        "error": "Kļūda",
+        "errorRoomCreationRestriction": "Jūs mēģinājāt pievienoties pārāk ātri. Lūdzu, atgriezieties vēlāk.",
+        "gracefulShutdown": "Mūsu serviss pašlaik nedarbojas apkopes dēļ. Lūdzu, pamēģiniet vēlreiz vēlāk.",
+        "grantModeratorDialog": "Vai tiešām vēlaties piešķirt moderatora tiesības dalībniekam {{participantName}}?",
+        "grantModeratorTitle": "Piešķirt moderatora tiesības",
+        "hide": "Slēpt",
+        "hideShareAudioHelper": "Vairs nerādīt šo dialoglogu",
+        "incorrectPassword": "Nepareizs lietotājvārds vai parole",
+        "incorrectRoomLockPassword": "Nepareiza parole",
+        "internalError": "Hmm! Kaut kas nogāja greizi. Radās šāda kļūda: {{error}}",
+        "internalErrorTitle": "Iekšējā kļūda",
+        "kickMessage": "Varat sazināties ar {{participantDisplayName}}, lai iegūtu plašāku informāciju.",
+        "kickParticipantButton": "Izraidīt",
+        "kickParticipantDialog": "Vai esat pārliecināti, ka vēlaties izraidīt šo dalībnieku?",
+        "kickParticipantTitle": "Izraidīt šo dalībnieku?",
+        "kickSystemTitle": "Ak! Jūs izraidīja no sapulces",
+        "kickTitle": "Ak! {{participantDisplayName}} izraidīja jūs no sapulces",
+        "learnMore": "uzzināt vairāk",
+        "linkMeeting": "Sasaistīt sapulci",
+        "linkMeetingTitle": "Sasaistīt sapulci ar Salesforce",
+        "liveStreaming": "Tiešraides straumēšana",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "Nav iespējams, kamēr ir aktīva ierakstīšana",
+        "localUserControls": "Lokālo lietotāju kontroles",
+        "lockMessage": "Neizdevās aizslēgt sapulci.",
+        "lockRoom": "Iestatīt sapulces $t(lockRoomPasswordUppercase)",
+        "lockTitle": "Aizslēgšāna neizdevās",
+        "login": "Pierakstīties",
+        "loginQuestion": "Vai tiešām vēlaties pierakstīties un pamest sapulci?",
+        "logoutQuestion": "Vai tiešām vēlaties izrakstīties un pamest sapulci?",
+        "logoutTitle": "Izrakstīties",
+        "maxUsersLimitReached": "Ir sasniegts maksimālais dalībnieku skaita ierobežojums. Sapulce ir pilna. Lūdzu, sazinieties ar sapulces īpašnieku vai vēlāk mēģiniet vēlreiz!",
+        "maxUsersLimitReachedTitle": "Sasniegts maksimālais dalībnieku skaits",
+        "micConstraintFailedError": "Jūsu mikrofons neatbilst prasībām.",
+        "micNotFoundError": "Jums mikrofons nav atrasts.",
+        "micNotSendingData": "Atveriet datora iestatījumus, lai ieslēgtu mikrofona skaņu un pielāgotu tā jutīguma līmeni",
+        "micNotSendingDataTitle": "Jūsu mikrofons ir atspējots sistēmas iestatījumos",
+        "micPermissionDeniedError": "Nav piekļuves mikrofonam. Jūs varat piedalīties sapulcē, bet citi jūs nedzirdēs. Lai to novērstu, izmantojiet kameras ikonu pārlūkprogrammas adrešu joslā.",
+        "micTimeoutError": "Nevarēja palaist audio avotu. Iestājās noildze!",
+        "micUnknownError": "Nevar izmantot mikrofonu nezināma iemesla dēļ.",
+        "moderationAudioLabel": "Atļaut dalībniekiem ieslēgt savu mikrofonu",
+        "moderationDesktopLabel": "Atļaut lietotājiem, kas nav moderatori, kopīgot savu ekrānu",
+        "moderationVideoLabel": "Atļaut dalībniekiem ieslēgt savu kameru",
+        "muteEveryoneDialog": "Dalībnieki paši var ieslēgt savu mikrofonu.",
+        "muteEveryoneDialogModerationOn": "Dalībnieki var nosūtīt pieprasījumu ieslēgt savu mikrofonu.",
+        "muteEveryoneElseDialog": "Kad skaņa būs izslēgta, jūs nevarēsiet to ieslēgt atpakaļ, taču dalībnieki to varēs izdarīt paši.",
+        "muteEveryoneElseTitle": "Vai izslēgt skaņu visiem, izņemot {{whom}}?",
+        "muteEveryoneElsesDesktopDialog": "Kad kopīgošana būs apturēta, jūs vairs nevarēsiet to ieslēgt atpakaļ, bet viņi to varēs izdarīt jebkurā laikā.",
+        "muteEveryoneElsesDesktopTitle": "Apturēt ekrāna kopīgošanu visiem, izņemot {{kam}}?",
+        "muteEveryoneElsesVideoDialog": "Kad video būs izslēgts, jūs nevarēsiet to ieslēgt atpakaļ, taču dalībnieki to varēs izdarīt paši.",
+        "muteEveryoneElsesVideoTitle": "Vai izslēgt video visiem, izņemot {{whom}}?",
+        "muteEveryoneSelf": "jūs",
+        "muteEveryoneStartMuted": "No šī brīža visi jauni dalībnieki pieslēdzas ar izslēgt skaņu",
+        "muteEveryoneTitle": "Vai izslēgt skaņu visiem?",
+        "muteEveryonesDesktopDialog": "Dalībnieki var kopīgot savu ekrānu jebkurā laikā.",
+        "muteEveryonesDesktopDialogModerationOn": "Dalībnieki jebkurā laikā var nosūtīt pieprasījumu kopīgot savu ekrānu.",
+        "muteEveryonesDesktopTitle": "Vai pārtraukt ekrāna kopīgošanu visiem?",
+        "muteEveryonesVideoDialog": "Dalībnieki var ieslēgt savu video.",
+        "muteEveryonesVideoDialogModerationOn": "Dalībnieki var nosūtīt pieprasījumu ieslēgt viņu video.",
+        "muteEveryonesVideoDialogOk": "Atspējot",
+        "muteEveryonesVideoTitle": "Vai apturēt ikviena video?",
+        "muteParticipantBody": "Jūs nevariet viņiem ieslēgt skaņu, bet viņi paši to var izdarīt jebkurā laikā.",
+        "muteParticipantButton": "Izslēgt skaņu",
+        "muteParticipantsDesktopBody": "Jūs nevarēsiet sākt viņu ekrāna kopīgošanu, bet viņi to varēs izdarīt jebkurā laikā.",
+        "muteParticipantsDesktopBodyModerationOn": "Jūs nevarēsiet sākt viņu ekrāna kopīgošanu, un arī viņi to nevarēs izdarīt.",
+        "muteParticipantsDesktopButton": "Pārtraukt ekrāna kopīgošanu",
+        "muteParticipantsDesktopDialog": "Vai tiešām vēlaties izslēgt šī dalībnieka ekrāna kopīgošanu? Jūs vairs nevarēsiet ieslēgt to atpakaļ, bet viņš to varēs izdarīt jebkurā laikā.",
+        "muteParticipantsDesktopDialogModerationOn": "Vai tiešām vēlaties izslēgt šī dalībnieka ekrāna kopīgošanu? Jūs vairs nevarēsiet ieslēgt to atpakaļ, un arī viņš to nevarēs izdarīt.",
+        "muteParticipantsDesktopTitle": "Atspējot ekrāna kopīgošanu šim dalībniekam?",
+        "muteParticipantsVideoBody": "Jūs nevarēsiet kameru ieslēgt atpakaļ, taču viņi paši to varēs izdarīt jebkurā laikā.",
+        "muteParticipantsVideoBodyModerationOn": "Ne Jūs, ne dalībnieki nevarēsiet ieslēgt kameru atpakaļ.",
+        "muteParticipantsVideoButton": "Pārtraukt video",
+        "muteParticipantsVideoDialog": "Vai tiešām vēlaties izslēgt šī dalībnieka kameru? Jūs nevarēsiet to ieslēgt atpakaļ, taču dalībnieks pats to varēs izdarīt jebkurā laikā.",
+        "muteParticipantsVideoDialogModerationOn": "Vai tiešām vēlaties izslēgt šī dalībnieka kameru? Ne Jūs, ne dalībnieks nevarēsiet to ieslēgt atpakaļ.",
+        "muteParticipantsVideoTitle": "Vai izslēgt šī dalībnieka video?",
+        "noDropboxToken": "Nav derīgas Dropbox pilnvaras",
+        "password": "Parole",
+        "passwordLabel": "Dalībnieks ir aizslēdzis sapulci. Lūdzu, ievadiet $t(lockRoomPassword), lai pievienotos.",
+        "passwordNotSupported": "Sapulces slēgšana ar $t(lockRoomPassword) netiek atbalstīta.",
+        "passwordNotSupportedTitle": "Slēgšana ar $t(lockRoomPasswordUppercase) netiek atbalstīta",
+        "passwordRequired": "Nepieciešams ievadīt $t(lockRoomPasswordUppercase)",
+        "permissionCameraRequiredError": "Lai piedalītos konferencēs ar video, ir nepieciešama kameras atļauja. Lūdzu, piešķiriet to Iestatījumos",
+        "permissionErrorTitle": "Nepieciešama atļauja",
+        "permissionMicRequiredError": "Lai piedalītos konferencēs ar audio, nepieciešama mikrofona atļauja. Lūdzu, piešķiriet to Iestatījumos",
+        "readMore": "vairāk",
+        "recentlyUsedObjects": "Jūsu nesen izmantotie objekti",
+        "recording": "Ieraksts",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "Nav iespējams, kamēr ir aktīva tiešraides straume",
+        "recordingInProgressDescription": "Šī sapulce tiek ierakstīta. Jūsu audio un video ir izslēgti. Ja izvēlaties ieslēgt skaņu vai video, jūs piekrītat ierakstīšanai.",
+        "recordingInProgressDescriptionFirstHalf": "Šo sanāksmi ieraksta un analizē mākslīgais intelekts",
+        "recordingInProgressDescriptionSecondHalf": ". Jūsu audio un video skaņa ir izslēgta. Ja izvēlaties ieslēgt skaņu, jūs piekrītat ierakstīšanai.",
+        "recordingInProgressTitle": "Notiek ierakstīšana",
+        "rejoinNow": "Pieslēgties no jauna",
+        "remoteControlAllowedMessage": "{{user}} apstiprināja jūsu attālās pārvaldības pieprasījumu!",
+        "remoteControlDeniedMessage": "{{user}} noraidīja jūsu attālās pārvaldības pieprasījumu!",
+        "remoteControlErrorMessage": "Pieprasot {{user}} attālo pārvaldību, gadījās kļūda.",
+        "remoteControlRequestMessage": "Vai atļaut, lai {{user}} attālināti pārvalda Jūsu darbvirsmu?",
+        "remoteControlShareScreenWarning": "Noklikšķinot uz \"Atļaut\", Jūs kopīgosiet savu ekrānu!",
+        "remoteControlStopMessage": "Attālās pārvaldības sesija ir beigusies!",
+        "remoteControlTitle": "Attālā darbvirsmas pārvaldība",
+        "remoteUserControls": "Lietotāja {{username}} attālās pārvaldības kontroles",
+        "removePassword": "Noņemt $t(lockRoomPassword)",
+        "removeSharedVideoMsg": "Tiešām vēlaties noņemt video, kuru pašreiz kopīgojat?",
+        "removeSharedVideoTitle": "Noņemt kopīgoto video",
+        "renameBreakoutRoomLabel": "Istabas nosaukums",
+        "renameBreakoutRoomTitle": "Pārsaukt grupu istabu",
+        "reservationError": "Rezervācijas sistēmas kļūda",
+        "reservationErrorMsg": "Kļūdas kods: {{code}}, paziņojums: {{msg}}",
+        "retry": "Mēģināt vēlreiz",
+        "screenSharingAudio": "Kopīgot audio",
+        "screenSharingFailed": "Hmm! Radās problēma, mēs nevarējām sākt ekrāna kopīgošanu.",
+        "screenSharingFailedTitle": "Ekrāna kopīgošana neizdevās!",
+        "screenSharingPermissionDeniedError": "Hmm! Radās problēma ar jūsu ekrāna kopīgošanas atļaujām. Lūdzu, atkārtoti ielādējiet un mēģiniet vēlreiz.",
+        "searchInSalesforce": "Meklēt pakalpojumā Salesforce",
+        "searchResults": "Meklēšanas rezultāti ({{count}})",
+        "searchResultsDetailsError": "Radās problēma, izgūstot īpašnieka datus.",
+        "searchResultsError": "Datu izgūšanas laikā radās kļūda.",
+        "searchResultsNotFound": "Meklēšanas rezultāti nav atrasti.",
+        "searchResultsTryAgain": "Mēģiniet izmantot alternatīvus atslēgvārdus.",
+        "sendPrivateMessage": "Jūs nesen saņēmāt privātu ziņu. Vai vēlaties atbildēt uz šo ziņu vai nosūtīt to grupai?",
+        "sendPrivateMessageCancel": "Sūtīt grupai",
+        "sendPrivateMessageOk": "Sūtīt privāti",
+        "sendPrivateMessageTitle": "Vēlaties nosūtīt privātu ziņu?",
+        "serviceUnavailable": "Pakalpojums nav pieejams",
+        "sessTerminated": "Zvans pārtraukts",
+        "sessTerminatedReason": "Sapulce beidzās",
+        "sessionRestarted": "Zvans tika pārstartēts savienojuma problēmas dēļ.",
+        "shareAudio": "Turpināt",
+        "shareAudioAltText": "lai kopīgotu vajadzīgo saturu, dodieties uz \"Pārlūka Cilnis\", atlasiet saturu, aktivizējiet atzīmi \"kopīgot audio\" un pēc tam noklikšķiniet uz pogas \"kopīgot\"",
+        "shareAudioTitle": "Kā kopīgot audio",
+        "shareAudioWarningD1": "pirms audio kopīgošanas ir jāpārtrauc ekrāna kopīgošana.",
+        "shareAudioWarningD2": "jums ir jārestartē ekrāna kopīgošana un jāatzīmē opcija \"kopīgot audio\".",
+        "shareAudioWarningH1": "Ja vēlaties koplietot tikai audio:",
+        "shareAudioWarningTitle": "Pirms audio kopīgošanas ir jāpārtrauc ekrāna kopīgošana",
+        "shareMediaWarningGenericH2": "Ja vēlaties kopīgot ekrānu un audio",
+        "shareScreenWarningD1": "pirms ekrāna kopīgošanas ir jāpārtrauc audio kopīgošana.",
+        "shareScreenWarningD2": "jums ir jāpārtrauc audio kopīgošana, jāsāk ekrāna kopīgošana un jāatzīmē opcija \"kopīgot audio\".",
+        "shareScreenWarningH1": "Ja vēlaties kopīgot tikai savu ekrānu:",
+        "shareScreenWarningTitle": "Pirms ekrāna kopīgošanas jums ir jāpārtrauc audio kopīgošana",
+        "shareVideoConfirmPlay": "Jūs gatavojaties atvērt ārēju vietni. Vai vēlaties turpināt?",
+        "shareVideoConfirmPlayTitle": "{{name}} kopīgoja ar jums videoklipu.",
+        "shareVideoLinkError": "Lūdzu, norādiet pareizu video saiti.",
+        "shareVideoLinkStopped": "Videoklips no {{name}} tika apturēts.",
+        "shareVideoTitle": "Kopīgot video",
+        "shareYourScreen": "Kopīgot ekrānu",
+        "shareYourScreenDisabled": "Ekrāna kopīgošana izslēgta.",
+        "sharedVideoDialogError": "Kļūda: nederīgs URL",
+        "sharedVideoLinkPlaceholder": "YouTube saite vai tieša video saite",
+        "show": "Rādīt",
+        "start": "Sākt",
+        "startLiveStreaming": "Sākt tiešraidi",
+        "startRecording": "Sākt ierakstu",
+        "startRemoteControlErrorMessage": "Attālās pārvaldības sesijas uzsākšanas kļūda!",
+        "stopLiveStreaming": "Beigt tiešraidi",
+        "stopRecording": "Beigt ierakstu",
+        "stopRecordingWarning": "Tiešām vēlaties beigt ierakstu?",
+        "stopStreamingWarning": "Tiešām vēlaties beigt tiešraidi?",
+        "streamKey": "Tiešraides atslēga",
+        "thankYou": "Paldies, ka izmantojāt {{appName}}!",
+        "token": "pilnvara",
+        "tokenAuthFailed": "Atvainojiet, jums nav atļauts pievienoties šim zvanam.",
+        "tokenAuthFailedReason": {
+            "audInvalid": "Nederīga `aud` vērtība. Tai vajadzētu būt `jitsi`.",
+            "contextNotFound": "Saturā trūkst `context` objekts.",
+            "expInvalid": "Nederīga `exp` vērtība.",
+            "featureInvalid": "Nederīga funkcionalitāte: {{feature}}, visticamāk, vēl nav ieviesta.",
+            "featureValueInvalid": "Nederīga funkcionalitātes vērtība: {{feature}}.",
+            "featuresNotFound": "Saturā trūkst `features` objekts.",
+            "headerNotFound": "Trūkst galvenes.",
+            "issInvalid": "Nederīga `iss` vērtība. Tai vajadzētu būt `chat`.",
+            "kidMismatch": "Neatbilst Atslēgas ID (kid).",
+            "kidNotFound": "Trūkst Atslēgas ID (kid).",
+            "nbfFuture": "`nbf` vērtība ir nākotnē.",
+            "nbfInvalid": "Nederīga `nbf` vērtība.",
+            "payloadNotFound": "Trūkst satura.",
+            "tokenExpired": "Pilnvara ir beigusies."
+        },
+        "tokenAuthFailedTitle": "Autentifikācijas kļūda",
+        "tokenAuthFailedWithReasons": "Atvainojiet, jums nav atļauts pievienoties šim zvanam. Iespējamie iemesli: {{reason}}",
+        "tokenAuthUnsupported": "Pilnvaras URL nav atbalstīts.",
+        "transcribing": "Notiek atšifrējuma izveide",
+        "unauthenticatedAccessDisabled": "Šim zvanam nepieciešama autentifikācija. Lūdzu, piesakieties, lai turpinātu.",
+        "unlockRoom": "Noņemt $t(lockRoomPassword)",
+        "user": "Lietotājs",
+        "userIdentifier": "Lietotājvārds",
+        "userPassword": "Parole",
+        "verifyParticipantConfirm": "Sakrīt",
+        "verifyParticipantDismiss": "Nesakrīt",
+        "verifyParticipantQuestion": "EKSPERIMENTĀLS: pajautājiet dalībniekam {{participantName}}, vai viņš redz to pašu saturu tādā pašā secībā.",
+        "verifyParticipantTitle": "Lietotāja verifikācija",
+        "videoLink": "Video saite",
+        "viewUpgradeOptions": "Skatīt jaunināšanas iespējas",
+        "viewUpgradeOptionsContent": "Lai iegūtu neierobežotu piekļuvi augstākās klases funkcijām, piemēram, ierakstīšanai, atšifrējuma izveidei, RTMP straumēšanai un citām iespējām, jums ir jāpalielina plāns.",
+        "viewUpgradeOptionsTitle": "Jūs atklājāt premium funkcionalitāti!",
+        "whiteboardLimitContent": "Diemžēl ir sasniegts vienlaicīgu tāfeles lietotāju ierobežojums.",
+        "whiteboardLimitReference": "Lai iegūtu vairāk informācijas, lūdzu, apmeklējiet",
+        "whiteboardLimitReferenceUrl": "mūsu mājas lapa",
+        "whiteboardLimitTitle": "Ierobežota tāfeles lietošana",
+        "yourEntireScreen": "Visu jūsu ekrānu"
+    },
+    "documentSharing": {
+        "title": "Kopīgots Dokuments"
+    },
+    "e2ee": {
+        "labelToolTip": "Audio un video komunikācija šajā zvanā ir pilnībā šifrēta"
+    },
+    "embedMeeting": {
+        "title": "Iegult šo sapulci"
+    },
+    "feedback": {
+        "accessibilityLabel": {
+            "yourChoice": "Jūsu izvēle: {{rating}}"
+        },
+        "average": "Vidēja",
+        "bad": "Slikta",
+        "detailsLabel": "Aprakstiet sīkāk.",
+        "good": "Laba",
+        "rateExperience": "Novērtējiet sapulces pieredzi",
+        "star": "Zvaigzne",
+        "veryBad": "Ļoti Slikta",
+        "veryGood": "Ļoti Laba"
+    },
+    "fileSharing": {
+        "downloadFailedDescription": "Lūdzu, mēģiniet vēlreiz.",
+        "downloadFailedTitle": "Lejuplādes kļūda",
+        "downloadFile": "Lejuplādēt",
+        "downloadStarted": "Sākta faila lejuplāde",
+        "dragAndDrop": "Velciet un palaidiet failus šeit, vai jebkurā ekrāna vietā",
+        "fileAlreadyUploaded": "Fails jau ir augšuplādēts šajā sanāksmē.",
+        "fileRemovedByOther": "Jūsu fails '{{ fileName }}' tika noņemts",
+        "fileTooLargeDescription": "Lūdzu, pārliecinieties, vai faila lielums nepārsniedz {{ maxFileSize }}.",
+        "fileTooLargeTitle": "Izvēlētais fails ir pārāk liels",
+        "fileUploadProgress": "Faila augšuplādes gaita",
+        "fileUploadedSuccessfully": "Fails veiksmīgi augšuplādēts",
+        "newFileNotification": "{{ participantName }} kopīgoja '{{ fileName }}'",
+        "removeFile": "Noņemt",
+        "removeFileSuccess": "Fails veiksmīgi noņemts",
+        "uploadFailedDescription": "Lūdzu, mēģiniet vēlreiz.",
+        "uploadFailedTitle": "Augšuplādes kļūda",
+        "uploadFile": "Kopīgot failu"
+    },
+    "filmstrip": {
+        "accessibilityLabel": {
+            "heading": "Video sīktēli"
+        }
+    },
+    "giphy": {
+        "noResults": "Nekas netika atrasts :(",
+        "search": "Meklēt GIPHY"
+    },
+    "incomingCall": {
+        "answer": "Atbildēt",
+        "audioCallTitle": "Ienākošs audio zvans",
+        "decline": "Noraidīt",
+        "productLabel": "no Jitsi Meet",
+        "videoCallTitle": "Ienākošs video zvans"
+    },
+    "info": {
+        "accessibilityLabel": "Rādīt informāciju",
+        "addPassword": "Iestatīt $t(lockRoomPassword)",
+        "cancelPassword": "Noņemt $t(lockRoomPassword)",
+        "conferenceURL": "Saite:",
+        "copyNumber": "Kopēt numuru",
+        "country": "Valsts",
+        "dialANumber": "Lai pievienotos sapulcei, sastādiet vienu no šiem iezvana numuriem un ievadiet PIN kodu",
+        "dialInConferenceID": "PIN:",
+        "dialInNotSupported": "Diemžēl iezvans pašreiz netiek atbalstīts.",
+        "dialInNumber": "Iezvana numurs:",
+        "dialInSummaryError": "Kļūda saņemot iezvana informāciju. Lūdzu, mēģiniet vēlreiz vēlāk",
+        "dialInTollFree": "Bezmaksas zvans",
+        "genericError": "Hmm, kaut kas nogāja greizi.",
+        "inviteLiveStream": "Lai vērotu šīs sapulces tiešraidi, klikšķiniet: {{url}}",
+        "invitePhone": "Lai pieslēgtos telefoniski, nospiediet {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Vēlaties citu iezvana numuru?\nApskatīt iezvana numurus, ar kuriem pievienoties sapulcei: {{url}}\n\n\nJa sapulcei vēlaties telefoniski pieslēgies kā klausītājs: {{silentUrl}}",
+        "inviteSipEndpoint": "Lai pievienotos, izmantojot SIP adresi, ievadiet šo: {{sipUri}}",
+        "inviteTextiOSInviteUrl": "Noklikšķiniet uz šīs saites, lai pievienotos: {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "Ja iezvanāties, izmantojot mājas tālruni, lietojiet šo saiti, lai pievienotos, neveidojot savienojumu ar audio: {{silentUrl}}.",
+        "inviteTextiOSPersonal": "{{name}} aicina jūs uz sapulci.",
+        "inviteTextiOSPhone": "Lai pievienotos pa tālruni, izmantojiet šo numuru: {{number}},,{{conferenceID}}#. Ja meklējat citu numuru, šis ir pilns saraksts: {{didUrl}}.",
+        "inviteURLFirstPartGeneral": "Jūs tiekat aicināti pievienoties sapulcei.",
+        "inviteURLFirstPartPersonal": "{{name}} aicina Jūs pievienoties sapulcei. \n",
+        "inviteURLSecondPart": "\nPievienoties sapucei:\n{{url}}\n",
+        "label": "Sapulces informācija",
+        "liveStreamURL": "Tiešraides URL:",
+        "moreNumbers": "Vairāk iezvana numuru",
+        "noNumbers": "Nav iezvana #.",
+        "noPassword": "bez paroles",
+        "noRoom": "Iezvana numuram nav piesaistīta neviena sapulces telpa.",
+        "noWhiteboard": "Nevarēja ielādēt tāfeli.",
+        "numbers": "Iezvana numuri",
+        "password": "Ievadiet $t(lockRoomPasswordUppercase):",
+        "reachedLimit": "Jūs esat sasniedzis sava plāna limitu.",
+        "sip": "SIP adrese",
+        "sipAudioOnly": "Tikai SIP audio adrese",
+        "title": "Kopīgot",
+        "tooltip": "Kopīgot šīs sapulces saiti un iezvana # informāciju",
+        "upgradeOptions": "Lūdzu, ieslēdziet jaunināšanas iespējas",
+        "whiteboardError": "Kļūda ielādējot tāfeli. Lūdzu, mēģiniet vēlreiz."
+    },
+    "inlineDialogFailure": {
+        "msg": "Neliels misēklis.",
+        "retry": "Pamēģināt vēlreiz",
+        "support": "Atbalsts",
+        "supportMsg": "Ja tas atkārtojas, sazinieties ar"
+    },
+    "inviteDialog": {
+        "alertText": "Neizdevās uzaicināt dažus dalībniekus.",
+        "header": "Uzaicināt",
+        "searchCallOnlyPlaceholder": "Norādiet tālruņa numuru",
+        "searchPeopleOnlyPlaceholder": "Dalībnieku meklēšana",
+        "searchPlaceholder": "Dalībnieks vai tālruņa numurs",
+        "send": "Nosūtīt"
+    },
+    "jitsiHome": "{{logo}} Logotips, saites uz sākumlapu",
+    "keyboardShortcuts": {
+        "focusLocal": "Fokuss uz savu video",
+        "focusRemote": "Fokuss uz cita dalībnieka video",
+        "fullScreen": "Pilnekrāna režīms (iesl./izsl.)",
+        "giphyMenu": "Pārslēgt GIPHY izvēlni",
+        "keyboardShortcuts": "Tastatūras īsceļi (taustiņu kombinācijas)",
+        "localRecording": "Lokālā ieraksta vadīkļi (rādīt/paslēpt)",
+        "mute": "Mikrofons (iesl./izsl.)",
+        "pushToTalk": "Nospiest, lai runātu",
+        "raiseHand": "Pacelt/nolaist roku",
+        "showSpeakerStats": "Rādīt prezentētāja statistiku",
+        "toggleChat": "Tērzētava (čats) (atvērt/aizvērt)",
+        "toggleFilmstrip": "Kinolente (rādīt/nerādīt)",
+        "toggleParticipantsPane": "Rādīt/paslēpt dalībnieku paneli",
+        "toggleScreensharing": "Pārslēgties starp kameru un ekrāna rādīšanu",
+        "toggleShortcuts": "Atrās piekļuves taustiņi (rādīt/nerādīt)",
+        "videoMute": "Kamera (iesl./izsl.)"
+    },
+    "largeVideo": {
+        "screenIsShared": "Jūs kopīgojat savu ekrānu",
+        "showMeWhatImSharing": "Parādīt, ko es kopīgoju"
+    },
+    "liveStreaming": {
+        "busy": "Atbrīvojam resursus tiešraides nodrošināšanai. Lūdzu, mēģiniet vēlreiz pēc dažām minūtēm.",
+        "busyTitle": "Diemžēl visi tiešraides resursi aizņemti",
+        "changeSignIn": "Pārslēgt kontus.",
+        "choose": "Izvēlēties tiešraidi",
+        "chooseCTA": "Izvēlieties tiešraides opciju. Jūs šobrīd esat ierakstījies kā {{email}}.",
+        "enterStreamKey": "Ievadiet jūsu YouTube tiešraides atslēgu.",
+        "error": "Tiešraides kļūda. Lūdzu, mēģiniet vēlreiz.",
+        "errorAPI": "Piekļūstot jūsu YouTube tiešraidēm, atgadījās kļūda. Lūdzu, mēģiniet ierakstīties vēlreiz.",
+        "errorLiveStreamNotEnabled": "Tiešraide lietotājam {{email}} nav iespējota. Lūdzu, iespējojiet tiešraidi vai ierakstieties kontā, kuram jau iespējota tiešraide…",
+        "expandedOff": "Tiešraide izslēgta/nenotiek",
+        "expandedOn": "Pašlaik sapulce tiek straumēta uz YouTube.",
+        "expandedPending": "Sākas tiešraide…",
+        "failedToStart": "Neizdevās uzsākt tiešraidi",
+        "getStreamKeyManually": "Tiešraides nav atrastas. Iegūstiet tiešraides atslēgu no YouTube.",
+        "googlePrivacyPolicy": "Google konfidencialitātes politika",
+        "inProgress": "Notiek ierakstīšana vai tiešraides straumēšana",
+        "invalidStreamKey": "Izskatās, ka tiešraides atslēga nav pareiza.",
+        "limitNotificationDescriptionNative": "ūsu straumēšana būs ierobežota līdz {{limit}} min. Lai iegūtu neierobežotu straumēšanu, izmēģiniet {{app}}.",
+        "limitNotificationDescriptionWeb": "Lielā pieprasījuma dēļ jūsu straumēšana tiks ierobežota līdz {{limit}} min. Lai iegūtu neierobežotu straumēšanu, izmēģiniet <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "off": "Tiešraide izslēgta",
+        "offBy": "{{name}} izslēdza tiešraidi",
+        "on": "Tiešraide ieslēgta",
+        "onBy": "{{name}} ieslēdza tiešraidi",
+        "pending": "Sākam tiešraidi…",
+        "policyError": "Jūs mēģinājāt pārāk ātri sākt tiešraides straumi. Lūdzu, vēlāk mēģiniet vēlreiz!",
+        "serviceName": "Tiešsaistes pakalpojums",
+        "sessionAlreadyActive": "Šī sesija jau tiek ierakstīta vai straumēta tiešraidē.",
+        "signIn": "Ierakstīties ar Google kontu",
+        "signInCTA": "Ierakstieties vai ievadiet savu YouTube tiešraides atslēgu.",
+        "signOut": "Izrakstīties",
+        "signedInAs": "Pašlaik esat sistēmā ierakstījies kā:",
+        "start": "Sākt tiešraidi",
+        "streamIdHelp": "Kas tas?",
+        "title": "Tiešraide",
+        "unavailableTitle": "Tiešraide nav pieejama",
+        "youtubeTerms": "YouTube pakalpojumu sniegšanas noteikumi"
+    },
+    "lobby": {
+        "backToKnockModeButton": "Pajautāt pievienoties",
+        "chat": "Tērzēšana",
+        "dialogTitle": "Vestibila režīms",
+        "disableDialogContent": "Vestibila režīms pašlaik ir iespējots. Šī funkcija nodrošina, ka nevēlami dalībnieki nevar pievienoties jūsu sapulcei. Vai vēlaties to atspējot?",
+        "disableDialogSubmit": "Atspējot",
+        "emailField": "Ievadiet savu e-pasta adresi",
+        "enableDialogPasswordField": "Iestatīt paroli (neobligāti)",
+        "enableDialogSubmit": "Iespējot",
+        "enableDialogText": "Vestibila režīms ļauj aizsargāt sapulci, ļaujot cilvēkiem tajā iekļūt tikai pēc moderatora apstiprinājuma.",
+        "enterPasswordButton": "Ievadiet sapulces paroli",
+        "enterPasswordTitle": "Ievadiet paroli, lai pievienotos sapulcei",
+        "errorMissingPassword": "Lūdzu, ievadiet sapulces paroli",
+        "invalidPassword": "Nepareiza parole",
+        "joinRejectedMessage": "Moderators noraidīja jūsu pievienošanās pieprasījumu.",
+        "joinRejectedTitle": "Pievienošanās pieprasījums noraidīts.",
+        "joinTitle": "Pievienoties Sapulcei",
+        "joinWithPasswordMessage": "Mēģina pievienoties, izmantojot paroli, lūdzu, uzgaidiet…",
+        "joiningMessage": "Jūs pievienosities sapulcei, tiklīdz kāds apstiprinās jūsu pieprasījumu",
+        "joiningTitle": "Lūgums pievienoties sapulcei…",
+        "joiningWithPasswordTitle": "Notiek pievienošanās ar paroli…",
+        "knockButton": "Pajautāt Pievienoties",
+        "knockTitle": "Kāds vēlas pievienoties sapulcei",
+        "knockingParticipantList": "Dalībnieku saraksts, kas vēlas pievienoties",
+        "lobbyChatStartedNotification": "{{moderators}} uzsāka vestibila tērzēšanu ar {{attendee}}",
+        "lobbyChatStartedTitle": "{{moderators}} uzsāka vestibila tērzēšanu ar jums.",
+        "lobbyClosed": "Vestibila telpa ir slēgta.",
+        "nameField": "Ievadiet savu vārdu",
+        "notificationLobbyAccessDenied": "{{originParticipantName}} noraidīja {{targetParticipantName}} pievienošanos.",
+        "notificationLobbyAccessGranted": "{{originParticipantName}} apstiprināja {{targetParticipantName}} pievienošanos.",
+        "notificationLobbyDisabled": "Vestibilu atspējoja {{originParticipantName}}",
+        "notificationLobbyEnabled": "Vestibilu iespējoja {{originParticipantName}}",
+        "notificationTitle": "Vestibils",
+        "passwordJoinButton": "Pievienoties",
+        "title": "Vestibils",
+        "toggleLabel": "Iespējot vestibilu",
+        "waitForModerator": "Konference vēl nav sākusies, jo vēl nav ieradušies moderatori. Ja vēlaties kļūt par moderatoru, lūdzu, piesakieties. Pretējā gadījumā, lūdzu, uzgaidiet."
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Atslēdzies",
+            "on": "Pieslēdzies",
+            "unknown": "Nezināms"
+        },
+        "dialogTitle": "Lokālā ieraksta vadības pogas",
+        "duration": "Ilgums",
+        "durationNA": "nav zināms",
+        "encoding": "Kodējums",
+        "label": "Kreisais/labais",
+        "labelToolTip": "Lokālais ieraksts ir ieslēgts",
+        "localRecording": "Lokālais ieraksts",
+        "me": "Es",
+        "messages": {
+            "engaged": "Sākts lokālais ieraksts.",
+            "finished": "Sesijas {{token}} ieraksts beigts. Lūdzu, nododiet ierakstīto failu moderatoram.",
+            "finishedModerator": "Sesijas {{token}} ieraksts beigts. Vietējā audioceliņa ieraksts saglabāts. Palūdziet, lai citi dalībnieki iesniedz savus ierakstus",
+            "notModerator": "Jūs neesat moderators un nevarat sākt vai beigt lokālo ierakstu."
+        },
+        "moderator": "Moderators",
+        "no": "Nē",
+        "participant": "Dalībnieks",
+        "participantStats": "Dalībnieku statistika",
+        "selectTabTitle": "🎥 Lūdzu, atveriet šo cilni ierakstīšanai",
+        "sessionToken": "Sesijas Pilnvara",
+        "start": "Sākt ierakstu",
+        "stop": "Beigt ierakstu",
+        "stopping": "Ierakstīšanas pārtraukšana",
+        "wait": "Lūdzu, uzgaidiet, kamēr jūsu ieraksts tiek saglabāts",
+        "yes": "Jā"
+    },
+    "lockRoomPassword": "paroli",
+    "lockRoomPasswordUppercase": "Paroli",
+    "lonelyMeetingExperience": {
+        "button": "Uzaiciniet citus",
+        "youAreAlone": "Jūs esat vienīgais sapulcē"
+    },
+    "me": "es",
+    "notify": {
+        "OldElectronAPPTitle": "Drošības ievainojamība!",
+        "allowAll": "Atļaut visu",
+        "allowAudio": "Atļaut audio",
+        "allowDesktop": "Atļaut ekrāna kopīgošanu",
+        "allowVideo": "Atļaut video",
+        "allowedUnmute": "Varat ieslēgt mikrofona skaņu, ieslēgt kameru vai kopīgot ekrānu.",
+        "audioUnmuteBlockedDescription": "Mikrofona ieslēgšanas darbība ir īslaicīgi bloķēta sistēmas ierobežojumu dēļ.",
+        "audioUnmuteBlockedTitle": "Mikrofona ieslēgšana ir bloķēta!",
+        "chatMessages": "Tērzēšanas ziņas",
+        "connectedOneMember": "{{name}} ir pievienojies sapulcei",
+        "connectedThreePlusMembers": "{{name}} un {{count}} citi ir pievienojušies sapulcei",
+        "connectedTwoMembers": "{{first}} un {{second}} ir pievienojušies sapulcei",
+        "connectionFailed": "Savienojums neizdevās. Lūdzu, vēlāk mēģiniet vēlreiz!",
+        "dataChannelClosed": "Video kvalitāte var būt traucēta",
+        "dataChannelClosedDescription": "Savienojuma kanāls nedarbojas, tāpēc video kvalitāte var būt ierobežota līdz zemākajam iestatījumam.",
+        "dataChannelClosedDescriptionWithAudio": "Savienojuma kanāls nedarbojas, tāpēc var rasties audio un video traucējumi.",
+        "dataChannelClosedWithAudio": "Audio un video kvalitāte var būt traucēta",
+        "desktopMutedRemotelyTitle": "",
+        "disabledIframe": "Iegulšana ir paredzēta tikai demonstrācijas nolūkiem, tāpēc šis zvans tiks atvienots pēc {{timeout}} minūtēm.",
+        "disabledIframeSecondaryNative": "Domēna {{domain}} iegulšana ir paredzēta tikai demonstrācijas nolūkiem, tāpēc šis zvans tiks pārtraukts pēc {{timeout}} minūtēm.",
+        "disabledIframeSecondaryWeb": "Domēna {{domain}} iegulšana ir paredzēta tikai demonstrācijas nolūkiem, tāpēc šis zvans tiks pārtraukts pēc {{timeout}} minūtēm. Lūdzu, produkcijas videi izmantojiet <a href='{{jaasDomain}}' rel='noopener noreferrer' target='_blank'>Jitsi as a Service</a>!",
+        "disconnected": "savienojums pārtraukts",
+        "displayNotifications": "Rādīt paziņojumus",
+        "dontRemindMe": "Neatgādināt man",
+        "focus": "Sapulces fokuss",
+        "focusFail": "{{component}} nav pieejams, mēģiniet vēlreiz pēc {{ms}} sek.",
+        "gifsMenu": "GIPHY",
+        "groupTitle": "Paziņojumi",
+        "hostAskedUnmute": "Moderators vēlas, lai jūs runātu",
+        "invalidTenant": "Nederīgs tenants",
+        "invalidTenantHyphenDescription": "Jūsu izmantotais tenants nav derīgs (sākas vai beidzas ar '-').",
+        "invalidTenantLengthDescription": "Jūsu izmantotais tenants ir pārāk garš.",
+        "invitedOneMember": "{{displayName}} tika uzaicināts",
+        "invitedThreePlusMembers": "Uzaicināts {{name}} un {{count}} citi lietotāji",
+        "invitedTwoMembers": "{{first}} un {{second}} tika uzaicināti uz sapulci",
+        "joinMeeting": "Pievienoties",
+        "kickParticipant": "{{kicker}} izraidīja {{kicked}} ",
+        "leftOneMember": "{{name}} pameta sapulci",
+        "leftThreePlusMembers": "{{name}} un daudzi citi pameta sapulci",
+        "leftTwoMembers": "{{first}} un {{second}} pameta sapulci",
+        "linkToSalesforce": "Saite uz Salesforce",
+        "linkToSalesforceDescription": "Varat saistīt sapulces kopsavilkumu ar Salesforce objektu.",
+        "linkToSalesforceError": "Neizdevās saistīt sapulci ar Salesforce",
+        "linkToSalesforceKey": "Saistīt šo sapulci",
+        "linkToSalesforceProgress": "Notiek sapulces saistīšana ar Salesforce…",
+        "linkToSalesforceSuccess": "Sapulce tika saistīta ar Salesforce",
+        "localRecordingStarted": "{{name}} uzsāka lokālu ierakstu.",
+        "localRecordingStopped": "{{name}} beidza lokālu ierakstu.",
+        "me": "Es",
+        "moderationInEffectCSDescription": "Lūdzu, paceliet roku, ja vēlaties kopīgot savu ekrānu.",
+        "moderationInEffectCSTitle": "Moderators ir bloķējis ekrāna kopīgošanu",
+        "moderationInEffectDescription": "Lūdzu, paceliet roku, ja vēlaties runāt.",
+        "moderationInEffectTitle": "Moderators ir izslēdzis jūsu mikrofona skaņu",
+        "moderationInEffectVideoDescription": "Lūdzu, paceliet roku, ja vēlaties ieslēgt kameru.",
+        "moderationInEffectVideoTitle": "Moderators ir bloķējis jūsu kameru",
+        "moderationRequestFromModerator": "Sapulces rīkotājs vēlas, lai jūs ieslēgtu skaņu",
+        "moderationRequestFromParticipant": "Vēlas runāt",
+        "moderationStartedTitle": "Moderēšana sākta",
+        "moderationStoppedTitle": "Moderēšana beigta",
+        "moderationToggleDescription": "pēc {{participantDisplayName}} iniciatīvas",
+        "moderator": "Jūs tagad esat moderators",
+        "muted": "Jūs pievienojāties sapulcei ar izslēgtu mokrofonu.",
+        "mutedRemotelyDescription": "Jūs vienmēr varat ieslēgt mikrofonu, kad esat gatavs runāt. Izslēdziet to, kad esat beidzis, lai sapulcē neradītu fona troksni.",
+        "mutedRemotelyTitle": "{{participantDisplayName}} izslēdza Jūsu mikrofonu!",
+        "mutedTitle": "Jūsu mikrofons ir izslēgts!",
+        "newDeviceAction": "Izmantot",
+        "newDeviceAudioTitle": "Atrasta jauna audio ierīce",
+        "newDeviceCameraTitle": "Atrasta jauna kamera",
+        "nextToSpeak": "Jūs esat nākamais runātājs rindā",
+        "noiseSuppressionDesktopAudioDescription": "Darbvirsmas audio koplietošanas laikā nevar iespējot trokšņu slāpēšanu. Lūdzu, atspējojiet to un mēģiniet vēlreiz.",
+        "noiseSuppressionFailedTitle": "Neizdevās sākt trokšņu slāpēšanu",
+        "noiseSuppressionStereoDescription": "Stereo audio trokšņu slāpēšana pašlaik netiek atbalstīta.",
+        "oldElectronClientDescription1": "Izskatās, ka jūs izmantojat vecu Jitsi Meet klienta versiju, kurai ir zināmas drošības ievainojamības. Lūdzu, atjauniniet uz ",
+        "oldElectronClientDescription2": "jaunākā versija",
+        "oldElectronClientDescription3": "tagad!",
+        "openChat": "Atvērt tērzētavu",
+        "participantWantsToJoin": "Vēlas pievienoties sapulcei",
+        "participantsWantToJoin": "Vēlas pievienoties sapulcei",
+        "passwordRemovedRemotely": "Kāds dalībnieks noņēma $t(lockRoomPasswordUppercase).",
+        "passwordSetRemotely": "Kāds dalībnieks iestatīja $t(lockRoomPasswordUppercase).",
+        "raiseHandAction": "Pacelt roku",
+        "raisedHand": "Vēlas runāt.",
+        "raisedHands": "{{participantName}} un vēl {{raisedHands}} personas",
+        "reactionSounds": "Atspējot skaņas",
+        "reactionSoundsForAll": "Atspējot skaņas visiem",
+        "screenShareNoAudio": "Logu atlases ekrānā netika atzīmēta izvēle Kopīgot audio.",
+        "screenShareNoAudioTitle": "Nevarēja koplietot sistēmas audio!",
+        "screenSharingAudioOnlyDescription": "Lūdzu, ņemiet vērā, ka ekrāna kopīgošana ietekmē \"Labākā veiktspēja\" režīmu un izmantosit lielāku joslas platumu.",
+        "screenSharingAudioOnlyTitle": "\"Labākā veiktspēja\" režīms",
+        "selfViewTitle": "Iestatījumos vienmēr varat atcelt pašskata slēpšanu",
+        "somebody": "Kāds",
+        "startSilentDescription": "Lai ieslēgtu skaņu, pieslēdzieties sapulcei par jaunu",
+        "startSilentTitle": "Jūs esiet nedzirdams!",
+        "suboptimalBrowserWarning": "Diemžēl jūsu pārlūks pilnībā neatbalsta šo virtuālo sapulču sistēmu. Pie tā tiek strādāts, bet šobrīd tiek ieteikts izmantot <a href='{{recommendedBrowserPageLink}}' target='_blank'> šos pārlūkus</a>.",
+        "suboptimalExperienceTitle": "Diemžēl jūsu pārlūks, iespējams, var pienācīgi nestrādāt ar {{appName}}. Pie tā tiek strādāts, bet šobrīd tiek ieteikts izmantot kādu no <a href='{{recommendedBrowserPageLink}} 'target='_blank'>pilnībā atbalstītajiem pārlūkiem</a>.",
+        "suggestRecordingAction": "Sākt",
+        "suggestRecordingDescription": "Vai vēlaties sākt ierakstīšanu?",
+        "suggestRecordingTitle": "Ierakstīt sanāksmi",
+        "unmute": "Ieslēgt mikrofonu",
+        "unmuteScreen": "",
+        "unmuteVideo": "Ieslēgt video",
+        "videoMutedRemotelyDescription": "Jūs vienmēr varat to atkal ieslēgt.",
+        "videoMutedRemotelyTitle": "{{participantDisplayName}} izslēdza jūsu video",
+        "videoUnmuteBlockedDescription": "Kameras ieslēgšanas un darbvirsmas koplietošanas darbība ir īslaicīgi bloķēta sistēmas ierobežojumu dēļ.",
+        "videoUnmuteBlockedTitle": "Kameras ieslēgšana un darbvirsmas koplietošana ir bloķēta!",
+        "viewLobby": "Skatīt vestibilu",
+        "viewParticipants": "Skatīt dalībniekus",
+        "viewVisitors": "Skatīt apmeklētājus",
+        "waitingParticipants": "{{waitingParticipants}} personas",
+        "waitingVisitors": "Apmeklētāji gaida rindā: {{waitingVisitors}}",
+        "waitingVisitorsTitle": "Sanāksme vēl nav sākusies!",
+        "whiteboardLimitDescription": "Lūdzu, saglabājiet savu progresu, jo drīz tiks sasniegts lietotāju limits un tāfele tiks aizvērta.",
+        "whiteboardLimitTitle": "Tāfeles lietošana"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "Apstiprināt",
+            "admitAll": "Apstiprināt visus",
+            "allow": "Atļaut dalībniekiem:",
+            "allowDesktop": "Atļaut ekrāna kopīgošanu",
+            "allowVideo": "Atļaut video",
+            "askDesktop": "Lūgt kopīgot ekrānu",
+            "askUnmute": "Lūgt ieslēgt skaņu",
+            "audioModeration": "Ieslēgt savu skaņu",
+            "blockEveryoneMicCamera": "Bloķēt visiem mikrofonu un kameru",
+            "breakoutRooms": "Grupu istabas",
+            "desktopModeration": "Sākt ekrāna kopīgošanu",
+            "goLive": "Sākt",
+            "invite": "Uzaicināt",
+            "lowerAllHands": "Nolaist visas paceltās rokas",
+            "lowerHand": "Nolaist roku",
+            "moreModerationActions": "Vairāk moderēšanas iespēju",
+            "moreModerationControls": "Vairāk moderēšanas iespēju",
+            "moreParticipantOptions": "Vairāk dalībnieku iespēju",
+            "mute": "Apklusināt",
+            "muteAll": "Apklusināt visus",
+            "muteEveryoneElse": "Apklusināt pārējos",
+            "reject": "Noraidīt",
+            "stopDesktop": "Pārtraukt ekrāna kopīgošanu",
+            "stopEveryonesDesktop": "Pārtraukt visiem ekrāna kopīgošanu",
+            "stopEveryonesVideo": "Izslēgt visiem video",
+            "stopVideo": "Izslēgt video",
+            "unblockEveryoneMicCamera": "Atbloķēt visiem mikrofonu un kameru",
+            "videoModeration": "Ieslēgt savu video"
+        },
+        "close": "Aizvērt",
+        "headings": {
+            "lobby": "Vestibils ({{count}})",
+            "participantsList": "Sapulces dalībnieki ({{count}})",
+            "viewerRequests": "Apmeklētāju pieprasījumi {{count}}",
+            "visitorInQueue": " (gaida {{count}})",
+            "visitorRequests": " (pieprasījumi {{count}})",
+            "visitors": "Apmeklētāji {{count}}",
+            "visitorsList": "Apmeklētāji ({{count}})",
+            "waitingLobby": "Gaida vestibilā ({{count}})"
+        },
+        "search": "Meklēt dalībniekus",
+        "searchDescription": "Sāciet rakstīt, lai atlasītu dalībnieks",
+        "title": "Dalībnieki"
+    },
+    "passwordDigitsOnly": "Līdz {{number}} cipariem",
+    "passwordSetRemotely": "Iestatījis kāds cits dalībnieks",
+    "pinParticipant": "{{participantName}} - Piespraust",
+    "pinnedParticipant": "Dalībnieks ir piesprausts",
+    "polls": {
+        "answer": {
+            "edit": "Labot",
+            "send": "Nosūtīt",
+            "skip": "Izlaist",
+            "submit": "Iesniegt"
+        },
+        "by": "Pēc {{ name }} iniciatīvas",
+        "closeButton": "Slēgt aptauju",
+        "create": {
+            "accessibilityLabel": {
+                "send": "Nosūtīt aptauju"
+            },
+            "addOption": "Pievienot opciju",
+            "answerPlaceholder": "Opcija {{index}}",
+            "cancel": "Atcelt",
+            "create": "Izveidot aptauju",
+            "pollOption": "Aptaujas opcija {{index}}",
+            "pollQuestion": "Aptaujas Jautājums",
+            "questionPlaceholder": "Uzdod jautājumu",
+            "removeOption": "Noņemt opciju",
+            "save": "Saglabāt"
+        },
+        "errors": {
+            "notUniqueOption": "Iespējām jābūt unikālām"
+        },
+        "notification": {
+            "description": "Lai balsotu, atveriet aptauju cilni",
+            "title": "Šai sapulcei tika pievienota jauna aptauja"
+        },
+        "results": {
+            "changeVote": "Mainīt balsojumu",
+            "empty": "Sapulcē vēl nav nevienas aptaujas. Sāciet aptauju šeit!",
+            "hideDetailedResults": "Slēpt detaļas",
+            "showDetailedResults": "Parādīt detaļas",
+            "vote": "Balsot"
+        }
+    },
+    "poweredby": "darbojas uz",
+    "prejoin": {
+        "audioAndVideoError": "Audio un video kļūda:",
+        "audioDeviceProblem": "Radās problēma ar jūsu audio ierīci",
+        "audioOnlyError": "Audio kļūda:",
+        "audioTrackError": "Nevarēja izveidot audio celiņu.",
+        "callMe": "Piezvani man",
+        "callMeAtNumber": "Piezvani man uz šo numuru:",
+        "calling": "Zvana",
+        "configuringDevices": "Notiek ierīču konfigurēšana…",
+        "connectedWithAudioQ": "Vai esat pievienojies audio?",
+        "connection": {
+            "failed": "Savienojuma pārbaude neizdevās!",
+            "good": "Jūsu interneta savienojums ir labs!",
+            "nonOptimal": "Jūsu interneta savienojums nav optimāls",
+            "poor": "Jums ir slikts interneta savienojums",
+            "running": "Notiek savienojuma pārbaude…"
+        },
+        "connectionDetails": {
+            "audioClipping": "Mēs sagaidām, ka jūsu audio raustīsies.",
+            "audioHighQuality": "Mēs sagaidām, ka jūsu audio kvalitāte būs izcila.",
+            "audioLowNoVideo": "Mēs sagaidām, ka jūsu audio kvalitāte būs zema un video nebūs.",
+            "goodQuality": "Satriecoši! Jūsu multivides kvalitāte būs lieliska.",
+            "noMediaConnectivity": "Mēs nevarējām atrast veidu, kā šim testam izveidot multivides savienojumu. To parasti izraisa ugunsmūris vai NAT.",
+            "noVideo": "Mēs sagaidām, ka jūsu video kvalitāte būs briesmīga.",
+            "testFailed": "Savienojuma testā radās neparedzētas problēmas, tomēr tas var neietekmēt jūsu pieredzi.",
+            "undetectable": "Ja pārlūkprogrammā joprojām nevarat veikt zvanus, iesakām pārliecināties, vai skaļruņi, mikrofons un kamera ir pareizi iestatīti, vai esat piešķīris pārlūkprogrammai tiesības izmantot mikrofonu un kameru un vai pārlūkprogrammas versija ir atjaunināta. Ja joprojām neizdodas zvanīt, sazinieties ar tīmekļa lietojumprogrammas izstrādātāju.",
+            "veryPoorConnection": "Mēs sagaidām, ka jūsu zvanu kvalitāte būs patiešām briesmīga.",
+            "videoFreezing": "Mēs sagaidām, ka jūsu video sastings, kļūs melns un pikseļosies.",
+            "videoHighQuality": "Mēs sagaidām, ka jūsu videoklipam būs laba kvalitāte.",
+            "videoLowQuality": "Mēs sagaidām, ka jūsu videoklipam būs zema kvalitāte kadru ātruma un izšķirtspējas ziņā.",
+            "videoTearing": "Mēs sagaidām, ka jūsu videoklipam būs pikseļi vai vizuāli artefakti."
+        },
+        "copyAndShare": "Kopējiet un kopīgojiet sapulces saiti",
+        "dialInMeeting": "Iezvanietie sapulcē",
+        "dialInPin": "Iezvanieties sapulcē un ievadiet PIN kodu:",
+        "dialing": "Iezvans",
+        "doNotShow": "Vairs nerādīt šo ekrānu",
+        "errorDialOut": "Nevarēja izsaukt numuru",
+        "errorDialOutDisconnected": "Nevarēja izsaukt numuru. Atvienots",
+        "errorDialOutFailed": "Nevarēja izsaukt numuru. Zvans neizdevās",
+        "errorDialOutStatus": "Kļūda iegūstot izsaukšanas statusu",
+        "errorMissingName": "Lūdzu, ievadiet savu vārdu, lai pievienotos sapulcei",
+        "errorNoPermissions": "Jums ir jāiespējo piekļuve mikrofonam un kamerai",
+        "errorStatusCode": "Izsaucot numuru, radās kļūda, statusa kods: {{status}}",
+        "errorValidation": "Numura validācija neizdevās",
+        "iWantToDialIn": "Es gribu iezvanīties",
+        "initiated": "Zvans uzsākts",
+        "joinAudioByPhone": "Pievienoties, izmantojot tālruņa audio",
+        "joinMeeting": "Pievienoties sapulcei",
+        "joinMeetingInLowBandwidthMode": "Pievienoties zemas joslas platuma režīmā",
+        "joinWithoutAudio": "Pievienoties bez audio",
+        "keyboardShortcuts": "Iespējot Īsinājumtaustiņus",
+        "linkCopied": "Saite ir kopēta starpliktuvē",
+        "lookGood": "Jūsu mikrofons darbojas pareizi",
+        "or": "vai",
+        "premeeting": "Pirms sapulces",
+        "proceedAnyway": "Tik un tā turpināt",
+        "recordingWarning": "Citi dalībnieki var ierakstīt šo zvanu",
+        "screenSharingError": "Ekrāna koplietošanas kļūda:",
+        "startWithPhone": "Sākt ar tālruņa audio",
+        "unsafeRoomConsent": "Es saprotu riskus, vēlos pievienoties sapulcei",
+        "videoOnlyError": "Video kļūda:",
+        "videoTrackError": "Nevarēja izveidot video celiņu.",
+        "viewAllNumbers": "skatīt visus numurus"
+    },
+    "presenceStatus": {
+        "busy": "Aizņemts",
+        "calling": "Izsaucu…",
+        "connected": "Savienots",
+        "connecting": "Notiek savienošanās…",
+        "connecting2": "Notiek savienošanās*…",
+        "disconnected": "Atvienots",
+        "expired": "Noilga",
+        "ignored": "Ignorēts",
+        "initializingCall": "Izsaukums tiek inicializēts…",
+        "invited": "Aicināts",
+        "rejected": "Noraidīts",
+        "ringing": "Zvana…"
+    },
+    "profile": {
+        "avatar": "avatars",
+        "setDisplayNameLabel": "Vārds",
+        "setEmailInput": "Ierakstiet e-pasta adresi",
+        "setEmailLabel": "E-pasts priekš gravatar",
+        "title": "Profils"
+    },
+    "raisedHand": "Vēlas izteikties/runāt",
+    "raisedHandsLabel": "Pacelto roku skaits",
+    "record": {
+        "already": {
+            "linked": "Sapulce jau ir saistīta ar šo Salesforce objektu."
+        },
+        "type": {
+            "account": "Konts",
+            "contact": "Kontakti",
+            "lead": "Vadīt",
+            "opportunity": "Iespēja",
+            "owner": "Īpašnieks"
+        }
+    },
+    "recording": {
+        "authDropboxText": "Augšuplādēt uz Dropbox",
+        "availableSpace": "Pieejama vieta: {{spaceLeft}} MB (apmēram {{duration}} ieraksta minūtes)",
+        "beta": "BETA",
+        "busy": "Cenšamies nodrošināt ierakstam vairāk resursu. Lūdzu, pēc dažām minūtēm pamēģiniet vēlreiz.",
+        "busyTitle": "Visas ierakstošās ierīces aizņemtas",
+        "copyLink": "Kopēt Saiti",
+        "error": "Ieraksta kļūda. Lūdzu, mēģiniet vēlāk.",
+        "errorFetchingLink": "Kļūda iegūstot ieraksta saiti.",
+        "expandedOff": "Ieraksts apturēts",
+        "expandedOn": "Šī sapulce tiek ierakstīta.",
+        "expandedPending": "Sākam sapulces ierakstu…",
+        "failedToStart": "Neizdevās sākt ierakstu",
+        "fileSharingdescription": "Kopīgot ierakstu ar sapulces dalībniekiem",
+        "highlight": "Izcelt",
+        "highlightMoment": "Izcelt brīdi",
+        "highlightMomentDisabled": "Varat izcelt mirkļus, kad sākas ierakstīšana",
+        "highlightMomentSuccess": "Brīdis izcelts",
+        "highlightMomentSucessDescription": "Jūsu izceltais brīdis tiks pievienots sapulces kopsavilkumam.",
+        "inProgress": "Notiek ierakstīšana vai tiešraides straumēšana",
+        "limitNotificationDescriptionNative": "Lielā pieprasījuma dēļ jūsu ieraksts tiks ierobežots līdz {{limit}} min. Lai iegūtu neierobežotu ierakstu skaitu, izmēģiniet <3>{{app}}</3>.",
+        "limitNotificationDescriptionWeb": "Lielā pieprasījuma dēļ jūsu ieraksts tiks ierobežots līdz {{limit}} min. Lai iegūtu neierobežotu ierakstu skaitu, izmēģiniet <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "linkGenerated": "Mēs esam izveidojuši saiti uz jūsu ierakstu.",
+        "localRecordingNoNotificationWarning": "Ieraksts netiks izziņots citiem dalībniekiem. Jums būs jāpaziņo viņiem, ka sapulce tiek ierakstīta.",
+        "localRecordingNoVideo": "Video netiek ierakstīts",
+        "localRecordingStartWarning": "Pirms iziešanas no sapulces, lūdzu, apturiet ierakstīšanu, lai to saglabātu.",
+        "localRecordingStartWarningTitle": "Apturiet ierakstīšanu, lai to saglabātu",
+        "localRecordingVideoStop": "Apturot vide, tiks apturēta arī lokālā ierakstīšana. Vai tiešām vēlaties turpināt?",
+        "localRecordingVideoWarning": "Lai ierakstītu video, tas ir jāieslēdz, uzsākot ierakstīšanu",
+        "localRecordingWarning": "Noteikti izvēlieties pašreizējo cilni, lai izmantotu pareizo video un audio.",
+        "loggedIn": "Pierakstījies kā {{userName}}",
+        "noMicPermission": "Mikrofona ierakstu nevarēja izveidot. Lūdzu, piešķiriet atļauju lietot mikrofonu.",
+        "noStreams": "Nav konstatēta audio vai video straume.",
+        "off": "Ieraksts izslēgts",
+        "offBy": "{{name}} izslēdza ierakstu",
+        "on": "Notiek ieraksts",
+        "onBy": "{{name}} ieslēdza ierakstu",
+        "onlyRecordSelf": "Ierakstīt tikai manas audio un video straumes",
+        "pending": "Gatavojas ierakstīt sapulci…",
+        "policyError": "Jūs mēģinājāt pārāk ātri sākt ierakstīšanu. Lūdzu, vēlāk mēģiniet vēlreiz!",
+        "recordAudioAndVideo": "Ierakstīt audio un video",
+        "recordTranscription": "Ierakstīt atšifrējumu",
+        "saveLocalRecording": "Ieraksta faila saglabāšana lokāli (beta)",
+        "serviceDescription": "Jūsu ierakstu saglabās attiecīgais pakalpojums",
+        "serviceDescriptionCloud": "Ierakstīšana mākonī",
+        "serviceDescriptionCloudInfo": "Ierakstītās sapulces tiek automātiski dzēstas 24 stundas pēc to ierakstīšanas laika.",
+        "serviceName": "Ieraksta pakalpojums",
+        "sessionAlreadyActive": "Šī sesija jau tiek ierakstīta vai straumēta tiešraidē.",
+        "showAdvancedOptions": "Papildus iespējas",
+        "signIn": "Pierakstīties",
+        "signOut": "Izrakstīties",
+        "surfaceError": "Lūdzu, izvēlieties pašreizējo cilni.",
+        "title": "Ieraksts",
+        "unavailable": "Hmm! {{serviceName}} pašlaik nav pieejams. Mēs strādājam pie problēmas risināšanas. Lūdzu, pamēģiniet vēlreiz vēlāk.",
+        "unavailableTitle": "Ieraksts nav iespējams",
+        "uploadToCloud": "Augšuplādēt mākonī"
+    },
+    "screenshareDisplayName": "{{name}} ekrāns",
+    "sectionList": {
+        "pullToRefresh": "Pavilkt, lai atsvaidzinātu"
+    },
+    "security": {
+        "about": "Iestatiet sapulcei $t(lockRoomPassword). Dalībniekiem būs jānorāda $t(lockRoomPassword), lai viņi varētu pievienoties sapulcei.",
+        "aboutReadOnly": "Moderatora dalībnieki sapulcei var iestatīt $t(lockRoomPassword). Dalībniekiem būs jānorāda $t(lockRoomPassword), lai viņi varētu pievienoties sapulcei.",
+        "insecureRoomNameWarningNative": "Istabas nosaukums nav drošs. Nevēlami dalībnieki var pievienoties jūsu sapulcei. {{recommendAction}} Uzziniet vairāk par tikšanās nodrošināšanu",
+        "insecureRoomNameWarningWeb": "Istabas nosaukums nav drošs. Nevēlami dalībnieki var pievienoties jūsu sapulcei. {{recommendAction}} Uzziniet vairāk par to, kā nodrošināt atbilstību prasībām <a href=\"{{securityUrl}}\" rel=\"security\" target=\"_blank\">šeit</a>.",
+        "title": "Drošības iespējas",
+        "unsafeRoomActions": {
+            "meeting": "Apsveriet iespēju nodrošināt sapulci, izmantojot drošības pogu.",
+            "prejoin": "Apsveriet iespēju izmantot unikālāku sapulces nosaukumu.",
+            "welcome": "Apsveriet iespēju izmantot unikālāku sapulces nosaukumu vai izvēlieties kādu no ieteikumiem."
+        }
+    },
+    "settings": {
+        "audio": "Audio",
+        "buttonLabel": "Iestatījumi",
+        "calendar": {
+            "about": "Integrācija ar kalendāru {{appName}} tiek izmantota, lai droši piekļūtu jūsu kalendāram un sinhronizētu plānotos pasākumus.",
+            "disconnect": "Atslēgties",
+            "microsoftSignIn": "Ierakstīties ar Microsoft kontu",
+            "signedIn": "Pašreiz ir piekļuve e-pasta adreses {{email}} kalendāra notikumiem. Noklikšķiniet uz pogas |Atslēgt|, lai izslēgtu piekļuvi šiem kalendāra pasākumiem.",
+            "title": "Kalendārs"
+        },
+        "chatWithPermissions": "Tērzēšanai nepieciešama atļauja",
+        "desktopShareFramerate": "Darbvirsmas koplietošanas kadru ātrums",
+        "desktopShareHighFpsWarning": "Lielāks kadru nomaiņas ātrums darbvirsmas koplietošanai var ietekmēt joslas platumu. Lai jaunie iestatījumi stātos spēkā, ir jārestartē ekrāna kopīgošana.",
+        "desktopShareWarning": "Lai jaunie iestatījumi stātos spēkā, ir jārestartē ekrāna kopīgošana.",
+        "devices": "Ierīces",
+        "followMe": "Visi seko man",
+        "followMeRecorder": "Ierakstītājs seko man",
+        "framesPerSecond": "kadri sekundē",
+        "incomingMessage": "Ienākošā ziņa",
+        "language": "Valoda",
+        "loggedIn": "Ierakstījies kā {{name}}",
+        "maxStageParticipants": "Maksimālais dalībnieku skaits, kurus var piespraust galvenajai skatuvei",
+        "microphones": "Mikrofoni",
+        "moderator": "Moderators",
+        "moderatorOptions": "Moderatora opcijas",
+        "more": "Vairāk opciju",
+        "name": "Vārds",
+        "noDevice": "Ierīču nav",
+        "notifications": "Paziņojumi",
+        "participantJoined": "Dalībnieks pievienojās",
+        "participantKnocking": "Dalībnieks ienāca vestibilā",
+        "participantLeft": "Dalībnieks izgāja",
+        "playSounds": "Atskaņot skaņu",
+        "reactions": "Sapulces reakcijas",
+        "sameAsSystem": "Tāds pats kā sistēmā ({{label}})",
+        "selectAudioOutput": "Skaņas izeja",
+        "selectCamera": "Kamera",
+        "selectMic": "Mikrofons",
+        "selfView": "Pašskats",
+        "shortcuts": "Īsceļi",
+        "showSubtitlesOnStage": "Rādīt subtitrus galvenajā skatā",
+        "speakers": "Skaļruņi",
+        "startAudioMuted": "Dalībnieki pievienojas ar izslēgtu mikrofonu",
+        "startReactionsMuted": "Izslēgt reakcijas skaņas visiem",
+        "startVideoMuted": "Dalībnieki pievienojas ar izslēgtu kameru",
+        "talkWhileMuted": "Runā, kad izslēgta skaņa",
+        "title": "Iestatījumi",
+        "video": "Video"
+    },
+    "settingsView": {
+        "advanced": "Papildus iestatījumi",
+        "alertCancel": "Atcelt",
+        "alertOk": "Labi",
+        "alertTitle": "Uzmanību",
+        "alertURLText": "Nederīga servera adrese",
+        "apply": "Apstiprināt",
+        "buildInfoSection": "Informācija par būvējumu",
+        "conferenceSection": "Sapulce",
+        "disableCallIntegration": "Atspējot izsaukumu iekšējo integrāciju",
+        "disableCrashReporting": "Atspējot avāriju ziņošanu",
+        "disableCrashReportingWarning": "Vai tiešām vēlaties atspējot avāriju ziņošanu? Iestatījums tiks lietots pēc lietotnes restartēšanas.",
+        "disableP2P": "Atspējot Peer-To-Peer režīmu",
+        "displayName": "Vārds",
+        "displayNamePlaceholderText": "Piemēram: Jānis Bērziņš",
+        "email": "E-pasts",
+        "emailPlaceholderText": "epasts@example.com",
+        "gavatarMessage": "Ja jūsu e-pasts ir saistīts ar Gravatar kontu, mēs to izmantosim, lai parādītu jūsu profila attēlu.",
+        "goTo": "Pāriet uz",
+        "header": "Iestatījumi",
+        "help": "Palīdzība",
+        "links": "Saites",
+        "privacy": "Privātums",
+        "profileSection": "Profils",
+        "sdkVersion": "SDK versija",
+        "serverURL": "Servera URL (adrese)",
+        "showAdvanced": "Parādīt papildus iestatījumus",
+        "startCarModeInLowBandwidthMode": "Auto versiju uzsākt zema joslas platuma (caurlaidspējas) režīmā",
+        "startWithAudioMuted": "Sākt ar atslēgtu skaņu",
+        "startWithVideoMuted": "Sākt ar atslēgtu video",
+        "terms": "Noteikumi",
+        "version": "Versija"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nVienkārši vēlaties sastādīt numuru savā tālrunī?\n\n{{defaultDialInNumber}}Klikšķiniet uz šīs saites, lai skatītu šīs sapulces tālruņa numurus\n{{dialInfoPageUrl}}",
+        "mainText": "Klikšķiniet uz saites, lai pievienotos sapulcei:\n{{roomUrl}}"
+    },
+    "speaker": "Skaļrunis",
+    "speakerStats": {
+        "angry": "Dusmīgs",
+        "disgusted": "Pretīgi",
+        "displayEmotions": "Emocijas",
+        "fearful": "Bailīgs",
+        "happy": "Priecīgs",
+        "hours": "{{count}}s",
+        "labelTooltip": "Dalībnieku skaits: {{count}}",
+        "minutes": "{{count}}m",
+        "name": "Vārds",
+        "neutral": "Neitrāls",
+        "sad": "Bēdīgs",
+        "search": "Meklēt",
+        "searchDescription": "Sāciet rakstīt, lai atlasītu dalībnieks",
+        "searchHint": "Meklēt dalībniekus",
+        "seconds": "{{count}}s",
+        "speakerStats": "Dalībnieka uzstāšanās statistika",
+        "speakerTime": "Dalībnieka uzstāšanās laiks",
+        "surprised": "Izbrīnīts"
+    },
+    "startupoverlay": {
+        "genericTitle": "Sapulcei ir nepieciešama piekļuve mikrofonam un kamerai.",
+        "policyText": " ",
+        "title": "{{app}} ir nepieciešama piekļuve mikrofonam un kamerai."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Pievienoties no jauna",
+        "text": "Lai atgrieztos video sapulcē, noklikšķiniet uz <i>Pievienoties no jauna</i>.",
+        "title": "Video sapulce tika pārtraukta, jo šis dators pārgāja snaudas režīmā."
+    },
+    "termsView": {
+        "title": "Noteikumi"
+    },
+    "toggleTopPanelLabel": "Augšējais panelis (iesl./izsl.)",
+    "toolbar": {
+        "Settings": "Iestatījumi",
+        "accessibilityLabel": {
+            "Settings": "Iestatījumu izvēlne (rādīt/nerādīt)",
+            "audioOnly": "Tikai skaņa (iesl./izsl.)",
+            "audioRoute": "Izvēlieties audio ierīci",
+            "boo": "Būū",
+            "breakoutRooms": "Grupu istabas",
+            "callQuality": "Video kvalitātes vadība",
+            "carmode": "Auto Režīms",
+            "cc": "Subtitri (iesl./izsl.)",
+            "chat": "Tērzēšanas logs (rādīt/nerādīt)",
+            "clap": "Aplaudēt",
+            "closeChat": "Aizvērt tērzēšanu",
+            "closeMoreActions": "Aizvērt vairāk darbību izvēlni",
+            "closeParticipantsPane": "Aizvērt dalībnieku paneli",
+            "closedCaptions": "Slēgtie subtitri",
+            "collapse": "Sakļaut",
+            "document": "Kopīgotais dokuments (iesl./izsl.)",
+            "documentClose": "Aizvērt kopīgoto dokumentu",
+            "documentOpen": "Atvērt kopīgoto dokumentu",
+            "download": "Lejupielādējiet mūsu lietotnes",
+            "embedMeeting": "Iegult sapulci",
+            "endConference": "Beigt sapulci visiem",
+            "enterFullScreen": "Skatīt pilnekrāna režīmā",
+            "enterTileView": "Atvērt flīžu skatā",
+            "exitFullScreen": "Iziet no pilnekrāna režīma",
+            "exitTileView": "Iziet no flīžu skata",
+            "expand": "Izvērst",
+            "feedback": "Atstāt atsauksmi",
+            "fullScreen": "Pilnekrāna režīms (iesl./izsl.)",
+            "giphy": "GIPHY izvēlne (rādīt/nerādīt)",
+            "grantModerator": "Piešķirt moderatora tiesības",
+            "hangup": "Beigt sapulci",
+            "heading": "Rīkjosla",
+            "help": "Palīdzība",
+            "hideWhiteboard": "Paslēpt tāfeli",
+            "invite": "Uzaicināt",
+            "kick": "Izraidīt dalībnieku",
+            "laugh": "Smiekli",
+            "leaveConference": "Iziet no sapulces",
+            "like": "Īkšķi augšā",
+            "linkToSalesforce": "Saite uz Salesforce",
+            "lobbyButton": "Iespējot/atspējot vestibila režīmu",
+            "localRecording": "Lokālā ieraksta vadības rīki (iesl./izsl.)",
+            "lockRoom": "Telpas slēgšana ar paroli (iesl./izsl.)",
+            "love": "Sirds",
+            "lowerHand": "Nolaist roku",
+            "moreActions": "Papildus iestatījumu izvēlne (rādīt/nerādīt)",
+            "moreActionsMenu": "Papildus iestatījumu izvēlne",
+            "moreOptions": "Rādīt vairāk opciju",
+            "mute": "Skaņa (iesl./izsl.)",
+            "muteEveryone": "Izslēgt skaņu visiem",
+            "muteEveryoneElse": "Izslēgt skaņu visiem pārējiem",
+            "muteEveryoneElsesVideoStream": "Pārtraukt visu pārējo video",
+            "muteEveryonesVideoStream": "Pārtraukt ikviena video",
+            "muteGUMPending": "Notiek mikrofona pievienošana",
+            "noiseSuppression": "Trokšņu slāpēšana",
+            "openChat": "Atvērt tērzētavu",
+            "participants": "Atvērt dalībnieku paneli",
+            "pip": "Attēls-attēlā (PIP) režīms (iesl./izsl.)",
+            "privateMessage": "Nosūtīt privātu ziņu",
+            "profile": "Rediģēt savu profilu",
+            "raiseHand": "Pacelt roku",
+            "react": "Ziņojumu reakcijas",
+            "reactions": "Reakcijas",
+            "reactionsMenu": "Reakciju izvēlne",
+            "recording": "Ieraksts (iesl./izsl.)",
+            "remoteMute": "Atslēgt dalībnieka mikrofonu",
+            "remoteVideoMute": "Atslēgt dalībnieka kameru",
+            "security": "Drošības iespējas",
+            "selectBackground": "Izvēlēties Fonu",
+            "selfView": "Pašskats (iesl./izsl.)",
+            "shareRoom": "Nosūtīt uzaicinājumu",
+            "shareYourScreen": "Ekrāna kopīgošana (iesl./izsl.)",
+            "shareaudio": "Kopīgot audio",
+            "sharedvideo": "Kopīgot video",
+            "shortcuts": "Īstaustiņi (iesl./izsl.)",
+            "show": "Rādīt tuvplānā",
+            "showWhiteboard": "Rādīt tāfeli",
+            "silence": "Klusums",
+            "speakerStats": "Statistika (iesl./izsl.)",
+            "stopScreenSharing": "Pārtraukt ekrāna kopīgošanu",
+            "stopSharedVideo": "Pārtraukt video",
+            "surprised": "Pārsteigts",
+            "tileView": "Flīžu skats (iesl./izsl.)",
+            "toggleCamera": "Kamera (iesl./izsl.)",
+            "toggleFilmstrip": "Kinolente (rādīt/nerādīt)",
+            "unmute": "Ieslēgt skaņu",
+            "videoblur": "Fona izpludināšana (iesl./izsl.)",
+            "videomute": "Izslēgt kameru",
+            "videomuteGUMPending": "Kameras pievienošana",
+            "videounmute": "Ieslēgt kameru"
+        },
+        "addPeople": "Pievienot cilvēkus savam zvanam",
+        "advancedAudioSettings": {
+            "aec": {
+                "label": "Akustiskās atbalss slāpēšana"
+            },
+            "agc": {
+                "label": "Automātiska pastiprinājuma kontrole"
+            },
+            "ns": {
+                "label": "Trokšņu slāpēšana"
+            },
+            "stereo": {
+                "label": "Stereo"
+            }
+        },
+        "audioOnlyOff": "Atspējot kanāla/trafika taupības režīmu",
+        "audioOnlyOn": "Iespējot kanāla/trafika taupības režīmu",
+        "audioRoute": "Izvēlēties audioierīci",
+        "audioSettings": "Audio iestatījumi",
+        "authenticate": "Autentificēt",
+        "boo": "Būū",
+        "callQuality": "Video kvalitātes vadība",
+        "chat": "Tērzētava (atvērt/aizvērt)",
+        "clap": "Aplaudēt",
+        "closeChat": "Aizvērt tērzētavu",
+        "closeParticipantsPane": "Aizvērt dalībnieku paneli",
+        "closeReactionsMenu": "Aizvērt reakciju izvēlni",
+        "closedCaptions": "Slēgtie subtitri",
+        "disableNoiseSuppression": "Atspējot trokšņu slāpēšanu",
+        "disableReactionSounds": "Šai sapulcei varat atspējot reakcijas skaņas",
+        "documentClose": "Aizvērt kopīgoto dokumentu",
+        "documentOpen": "Atvērt kopīgotu dokumentu",
+        "download": "Lejupielādēt lietotnes",
+        "e2ee": "Pilnīga šifrēšana",
+        "embedMeeting": "Iegult sapulci",
+        "enableNoiseSuppression": "Iespējot trokšņu slāpēšanu",
+        "endConference": "Beigt sapulci visiem",
+        "enterFullScreen": "Pilnekrāna režīms",
+        "enterTileView": "Flīžu režīms",
+        "exitFullScreen": "Pilnekrāna režīms",
+        "exitTileView": "Tuvplāna režīms",
+        "feedback": "Atstāts atsauksmi",
+        "fileSharing": "Failu kopīgošana",
+        "giphy": "GIPHY izvēlne (rādīt/nerādīt)",
+        "hangup": "Iziet no sapulces",
+        "help": "Palīdzība",
+        "hideWhiteboard": "Paslēpt tāfeli",
+        "invite": "Uzaicināt",
+        "joinBreakoutRoom": "Pievienoties grupu istabai",
+        "laugh": "Smiekli",
+        "leaveBreakoutRoom": "Iziet no grupu istabas",
+        "leaveConference": "Iziet no sapulces",
+        "like": "Īkšķi augšup",
+        "linkToSalesforce": "Saite uz Salesforce",
+        "lobbyButtonDisable": "Atspējot vestibila režīmu",
+        "lobbyButtonEnable": "Iespējot vestibila režīmu",
+        "login": "Ierakstīties",
+        "logout": "Izrakstīties",
+        "love": "Sirds",
+        "lowerYourHand": "Nolaist roku",
+        "moreActions": "Vairāk rīcību",
+        "moreOptions": "Vairāk opciju",
+        "mute": "Ieslēgt/izslēgt mikrofonu",
+        "muteEveryone": "Noklusināt visus dalībniekus",
+        "muteEveryonesVideo": "Izslēgt visu kameras",
+        "muteGUMPending": "Notiek mikrofona pievienošana",
+        "noAudioSignalDesc": "Ja esat speciāli atspējojis mikrofonu sistēmas vai aparatūras iestatījumos, apsveriet tā iespējošanu.",
+        "noAudioSignalDescSuggestion": "Ja esat speciāli atspējojis mikrofonu sistēmas vai aparatūras iestatījumos, apsveriet šīs ierīces izmantošanu:",
+        "noAudioSignalDialInDesc": "Varat arī iezvanīties, izmantojot:",
+        "noAudioSignalDialInLinkDesc": "Iezvanes numuri",
+        "noAudioSignalTitle": "No jūsu mikrofona nenāk skaņas signāls!",
+        "noiseSuppression": "Trokšņu slāpēšana",
+        "noisyAudioInputDesc": "Izklausās, ka Jūsu mikrofons rada trokšņus. Lūdzu apsveriet tā atslēgšanu vai audio ierīces nomaiņu",
+        "noisyAudioInputTitle": "Jūsu mikrofons ir trokšņains",
+        "openChat": "Atvērt tērzētavu",
+        "openReactionsMenu": "Atvērt reakciju izvēlni",
+        "participants": "Dalībnieki",
+        "pip": "Iesl. attēls attēlā (PIP) režīmu",
+        "polls": "Aptaujas",
+        "privateMessage": "Nosūtīt privātu ziņu",
+        "profile": "Rediģēt profilu",
+        "raiseHand": "Pacelt roku",
+        "raiseYourHand": "Pacelt roku",
+        "reactionBoo": "Sūtīt būū reakciju",
+        "reactionClap": "Sūtīt aplausu reakciju",
+        "reactionHeart": "Sūtīt sirds reakciju",
+        "reactionLaugh": "Sūtīt smieklu reakciju",
+        "reactionLike": "Sūtīt īkšķis augšup reakciju",
+        "reactionLove": "Sūtīt mīlestības reakciju",
+        "reactionSilence": "Sūtīt klusuma reakciju",
+        "reactionSurprised": "Sūtīt pārsteiguma reakciju",
+        "reactions": "Reakcijas",
+        "security": "Drošības iespējas",
+        "selectBackground": "Izvēlēties fonu",
+        "shareRoom": "Nosūtīt uzaicinājumu",
+        "shareaudio": "Sākt kopīgot audio",
+        "sharedvideo": "Sākt kopīgot video",
+        "shortcuts": "Īstaustiņi (taustiņu kombinācijas)",
+        "showWhiteboard": "Rādīt tāfeli",
+        "silence": "Klusums",
+        "speakerStats": "Statistika",
+        "startScreenSharing": "Sākt ekrāna kopīgošanu",
+        "startSubtitles": "Ieslēgt subtitrus",
+        "stopAudioSharing": "Beigt audio kopīgošanu",
+        "stopScreenSharing": "Beigt ekrāna kopīgošanu",
+        "stopSharedVideo": "Beigt kopīgot video",
+        "stopSubtitles": "Izslēgt subtitrus",
+        "surprised": "Pārsteigts",
+        "talkWhileMutedPopup": "Vai mēģināt runāt? Jums ir izslēgta skaņa.",
+        "tileViewToggle": "Flīžu režīms (iesl./izsl.)",
+        "toggleCamera": "Kamera (iesl./izsl.)",
+        "unmute": "Ieslēgt skaņu",
+        "videoSettings": "Video iestatījumi",
+        "videomute": "Ieslēgt/Izslēgt kameru",
+        "videomuteGUMPending": "Kameras pievienošana",
+        "videounmute": "Ieslēgt kameru"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Iesl./izsl. subtitrus",
+        "expandedLabel": "Atšifrējuma izveide ir ieslēgta",
+        "failed": "Atšifrējuma izveide neizdevās",
+        "labelTooltip": "Šajā sapulcē notiek atšifrējuma izveide.",
+        "labelTooltipExtra": "Turklāt vēlāk būs pieejams atšifrējums.",
+        "openClosedCaptions": "Atvērt slēgtos subtitrus",
+        "original": "Oriģināls",
+        "sourceLanguageDesc": "Pašlaik sapulces valoda ir iestatīta uz <b>{{sourceLanguage}}</b>. <br/> Varat to mainīt no ",
+        "sourceLanguageHere": "šeit",
+        "start": "Iesl. subtitru rādīšanu",
+        "stop": "Izsl. subtitru rādīšanu",
+        "subtitles": "Subtitri",
+        "subtitlesOff": "Izslēgts",
+        "tr": "TR",
+        "translateTo": "Tulkot uz"
+    },
+    "unpinParticipant": "{{participantName}} — atspraust",
+    "userMedia": {
+        "grantPermissions": "“Lūdzu, dodiet atļauju piekļūt kamerai un mikrofonam."
+    },
+    "videoSIPGW": {
+        "busy": "Tiek strādāts pie resursu atbrīvošanas. Lūdzu, pēc dažām minūtēm mēģiniet vēlreiz.",
+        "busyTitle": "Pašlaik darbojas sapulces telpas uzkopšanas serviss",
+        "errorAlreadyInvited": "{{displayName}} jau ir uzaicināts",
+        "errorInvite": "Sapulce vēl nav sākusies. Lūdzu, mēģiniet vēlāk.",
+        "errorInviteFailed": "Tiek strādāts pie risinājuma. Lūdzu, mēģiniet vēlāk.",
+        "errorInviteFailedTitle": "Uzaicināšana neizdevās {{displayName}}",
+        "errorInviteTitle": "Uzaicināšanas uz sapulces telpu kļūda",
+        "pending": "{{displayName}} ir uzaicināts"
+    },
+    "videoStatus": {
+        "adjustFor": "Pielāgot:",
+        "audioOnly": "Tikai skaņa",
+        "audioOnlyExpanded": "Kanāla/trafika taupīšanas režīms. Šajā režīmā pieejami tikai audio un ekrāna kopīgošana",
+        "bestPerformance": "Labākais sniegums",
+        "callQuality": "Video kvalitāte",
+        "hd": "HD",
+        "hdTooltip": "Augstas izšķirspējas video",
+        "highDefinition": "Augsta kvalitāte",
+        "highestQuality": "Augstākā kvalitāte",
+        "labelTooiltipNoVideo": "Nav video",
+        "labelTooltipAudioOnly": "Ieslēgts kanāla/trafika taupīšanas režīms",
+        "ld": "LD",
+        "ldTooltip": "Zemas izšķirtspējas video",
+        "lowDefinition": "Zema kvalitāte",
+        "performanceSettings": "Veiktspējas iestatījumi",
+        "recording": "Notiek ierakstīšana",
+        "sd": "SD",
+        "sdTooltip": "Standarta izšķirtspējas video",
+        "standardDefinition": "Standarta kvalitāte (SD)",
+        "streaming": "Notiek straumēšana"
+    },
+    "videothumbnail": {
+        "connectionInfo": "Informācija par savienojumu",
+        "demote": "Pārveidot par apmeklētāju",
+        "domute": "Izlsēgt skaņu",
+        "domuteDesktop": "Pārtraukt ekrāna kopīgošanu",
+        "domuteDesktopOfOthers": "Pārtraukt ekrāna kopīgošanu visiem pārējiem",
+        "domuteOthers": "Izslēgt skaņu visiem pārējiem",
+        "domuteVideo": "Izslēgt kameru",
+        "domuteVideoOfOthers": "Izslēgt video visiem pārējiem",
+        "flip": "Spoguļattēls",
+        "grantModerator": "Piešķirt moderatora tiesības",
+        "hideSelfView": "Slēpt pašskatu",
+        "kick": "Izraidīt",
+        "mirrorVideo": "Spoguļot manu video",
+        "moderator": "Moderators",
+        "mute": "Noklusināt",
+        "muted": "Noklusināts (bez skaņas)",
+        "pinToStage": "Piestiprināt tuvplānā",
+        "remoteControl": "Ieslēgt/izslēgt tālvadību",
+        "screenSharing": "Dalībnieks kopīgo savu ekrānu",
+        "show": "Parādīt tuvplānu",
+        "showSelfView": "Rādīt pašskatu",
+        "unpinFromStage": "Noņemt no tuvplāna",
+        "verify": "Apstiprināt dalībnieku",
+        "videoMuted": "Kamera izslēgta",
+        "videomute": "Dalībnieks atslēdzis kameru"
+    },
+    "virtualBackground": {
+        "accessibilityLabel": {
+            "currentBackground": "Pašreizējais fons: {{background}}",
+            "selectBackground": "Izvēlēties fonu"
+        },
+        "addBackground": "Pievienot fonu",
+        "apply": "Apstiprināt",
+        "backgroundEffectError": "Neizdevās pielietot fona efektu.",
+        "blur": "Izplūdis",
+        "deleteImage": "Dzēst attēlu",
+        "desktopShare": "Darbvirsmas kopīgošana",
+        "desktopShareError": "Nevarēja izveidot darbvirsmas kopīgošanu",
+        "image1": "Pludmale",
+        "image2": "Balta neitrāla siena",
+        "image3": "Balta tukša istaba",
+        "image4": "Melna stāvlampa",
+        "image5": "Kalns",
+        "image6": "Mežs",
+        "image7": "Saullēkts",
+        "none": "Nav",
+        "pleaseWait": "Lūdzu uzgaidiet…",
+        "removeBackground": "Noņemt fonu",
+        "slightBlur": "Viegli izplūdis",
+        "title": "Virtuālie foni",
+        "uploadedImage": "Augšuplādēts attēls {{index}}",
+        "webAssemblyWarning": "WebAssembly netiek atbalstīts",
+        "webAssemblyWarningDescription": "WebAssemb ir atspējots vai šī pārlūkprogramma to neatbalsta"
+    },
+    "visitors": {
+        "chatIndicator": "(apmeklētājs)",
+        "joinMeeting": {
+            "description": "Jūs pašlaik esat novērotājs šajā konferencē.",
+            "raiseHand": "Pacelt roku",
+            "title": "Pievienošanās sapulcei",
+            "wishToSpeak": "Ja vēlaties runāt, lūdzu, paceliet roku zemāk un gaidiet moderatora apstiprinājumu."
+        },
+        "labelTooltip": "Apmeklētāju skaits: {{count}}",
+        "notification": {
+            "demoteDescription": "{{actor}} pārveidoja par apmeklētāju, paceliet roku, lai piedalītos",
+            "noMainParticipantsDescription": "Dalībniekam ir jāsāk sapulce. Lūdzu, pēc brīža mēģiniet vēlreiz.",
+            "noMainParticipantsTitle": "Šī sapulce vēl nav sākusies.",
+            "noVisitorLobby": "Jūs nevarat pievienoties, kamēr sapulcei ir iespējots vestibils.",
+            "notAllowedPromotion": "Dalībniekam vispirms ir jāatļauj jūsu pieprasījums.",
+            "requestToJoin": "Roka Pacelta",
+            "requestToJoinDescription": "Jūsu pieprasījums tika nosūtīts moderatoriem. Uzgaidiet!",
+            "title": "Jūs esat sapulces apmeklētājs"
+        },
+        "waitingMessage": "Jūs pievienosities sapulcei, tiklīdz tā sāksies!"
+    },
+    "volumeSlider": "Skaļuma slīdnis",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Nospiediet, lai pievienotos",
+            "roomname": "Norādiet sapulces telpas nosaukumu"
+        },
+        "addMeetingName": "Pievienot sapulces nosaukumu",
+        "appDescription": "Izmēģiniet video tērzēšanu plašākā pulciņā. Aiciniet draugus, paziņas! {{app}} — pilnībā šifrēts atklātā koda rīks ar ideālu licenci, video sapulču rīkošanai. Lietojiet ik dienu, bez maksas un bez reģistrācijas.",
+        "audioVideoSwitch": {
+            "audio": "Audio",
+            "video": "Video"
+        },
+        "calendar": "Kalendārs",
+        "connectCalendarButton": "Piesaistīt kalendāru",
+        "connectCalendarText": "Piesaistiet kalendāru, lai redzētu visas jūsu sapulces {{app}}. Turklāt, pievienojot {{provider}} sapulces kalendāram, varat tās sarīkot ar vienu peles klikšķi.",
+        "enterRoomTitle": "Sākt jaunu vituālo video sapulci",
+        "getHelp": "Iegūt palīdzību",
+        "go": "Aiziet",
+        "goSmall": "Aiziet",
+        "headerSubtitle": "Drošas un kvalitatīvas sapulces",
+        "headerTitle": "Jitsi Meet",
+        "info": "Iezvanes informācija",
+        "jitsiOnMobile": "Jitsi mobilajā ierīcē — lejupielādējiet mūsu lietotnes un sāciet sapulci no jebkuras vietas",
+        "join": "IZVEIDOT / PIEVIENOTIES",
+        "logo": {
+            "calendar": "Kalendāra logotips",
+            "desktopPreviewThumbnail": "Darbvirsmas priekšskatījuma sīktēls",
+            "googleLogo": "Google logotips",
+            "logoDeepLinking": "Jitsi meet logotips",
+            "microsoftLogo": "Microsoft logotips",
+            "policyLogo": "Politikas logotips"
+        },
+        "meetingsAccessibilityLabel": "Sapulces",
+        "mobileDownLoadLinkAndroid": "Lejupielādēt Android mobilo lietotni",
+        "mobileDownLoadLinkFDroid": "Lejupielādēt F-Droid mobilo lietotni",
+        "mobileDownLoadLinkIos": "Lejupielādēt iOS mobilo lietotni",
+        "moderatedMessage": "Vai arī <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">rezervējiet sapulces URL</a> iepriekš, kur esat vienīgais moderators.",
+        "privacy": "Privātums",
+        "recentList": "Nesenās",
+        "recentListDelete": "Dzēst",
+        "recentListEmpty": "Šobrīd jūsu nesen apmeklēto sapulču saraksts ir tukšs. Taču tā kā izmantojat šo pakalpojumu, tas ar laiku papildināsies.",
+        "recentMeetings": "Jūsu nesenās sapulces",
+        "reducedUIText": "Laipni lūgti {{app}}!",
+        "roomNameAllowedChars": "Sapulču nosaukumā nedrīkst ietvert šādas rakstuzīmes: ?, &, :, ', \", %, #.",
+        "roomname": "Norādiet sapulces telpas nosaukumu",
+        "roomnameHint": "Norādiet sapulces telpas nosaukumu vai adresi. Jūs varat izveidot sapulces telpu ar Jūsu izvēlētu nosaukumu un nodot to potenciālajiem sapulces dalībniekiem, lai viņi izmantotu tieši šo.",
+        "sendFeedback": "Atsauksmes",
+        "settings": "Iestatījumi",
+        "startMeeting": "Sākt sapulci",
+        "terms": "Lietošanas noteikumi",
+        "title": "Drošas, pilnībā aprīkotas un pilnīgi bezmaksas videosapulces",
+        "upcomingMeetings": "Jūsu gaidāmās sapulces"
+    },
+    "whiteboard": {
+        "accessibilityLabel": {
+            "heading": "Tāfele"
+        },
+        "screenTitle": "Tāfele"
+    }
+}
diff --git a/lang/main-ml.json b/lang/main-ml.json
new file mode 100644
index 0000000..2e31026
--- /dev/null
+++ b/lang/main-ml.json
@@ -0,0 +1,935 @@
+{
+    "addPeople": {
+        "add": "ക്ഷണിക്കുക ",
+        "addContacts": "നിങ്ങളുടെ കോണ്ടാക്ടുകളെ ക്ഷണിക്കുക ",
+        "copyInvite": "മീറ്റിംഗ് ക്ഷണം പകർത്തുക",
+        "copyLink": "മീറ്റിംഗ് ലിങ്ക് പകർത്തുക",
+        "copyStream": "തത്സമയ സ്ട്രീമിംഗ് ലിങ്ക് പകർത്തുക",
+        "countryNotSupported": "ഞങ്ങൾ ഇതുവരെ ഈ ലക്ഷ്യസ്ഥാനത്തെ പിന്തുണയ്ക്കുന്നില്ല.",
+        "countryReminder": "യുഎസിന് പുറത്ത് വിളിക്കുന്നുണ്ടോ? നിങ്ങൾ രാജ്യ കോഡിലാണ് ആരംഭിക്കുന്നതെന്ന് ഉറപ്പാക്കുക!",
+        "defaultEmail": "നിങ്ങളുടെ സ്ഥിരസ്ഥിതി ഇമെയിൽ",
+        "disabled": "നിങ്ങൾക്ക് ആളുകളെ ക്ഷണിക്കാൻ കഴിയില്ല.",
+        "failedToAdd": "പങ്കെടുക്കുന്നവരെ ചേർക്കുന്നതിൽ പരാജയപ്പെട്ടു",
+        "footerText": "ഡയൽ ചെയ്യുന്നത് പ്രവർത്തനരഹിതമാക്കി.",
+        "googleEmail": "ഗൂഗിൾ ഇമെയിൽ",
+        "inviteMoreHeader": "മീറ്റിംഗിൽ നിങ്ങൾ മാത്രമേയുള്ളൂ ",
+        "inviteMoreMailSubject": "{{appName}} മീറ്റിംഗിൽ ചേരുക",
+        "inviteMorePrompt": "കൂടുതൽ ആളുകളെ ക്ഷണിക്കുക",
+        "linkCopied": "ലിങ്ക് ക്ലിപ്പ്ബോർഡിലേക്ക് പകർത്തി",
+        "loading": "ആളുകൾക്കും ഫോൺ നമ്പറുകൾക്കുമായി തിരയുന്നു",
+        "loadingNumber": "ഫോൺ നമ്പർ സാധൂകരിക്കുന്നു",
+        "loadingPeople": "ആളുകളെ ക്ഷണിക്കാൻ തിരയുന്നു ",
+        "noResults": "പൊരുത്തപ്പെടുന്ന തിരയൽ ഫലങ്ങളൊന്നുമില്ല",
+        "noValidNumbers": "ഒരു ഫോൺ നമ്പർ നൽകുക",
+        "outlookEmail": "Outlook Email",
+        "searchNumbers": "ഫോൺ നമ്പറുകൾ ചേർക്കുക",
+        "searchPeople": "ആളുകൾക്കായി തിരയുക",
+        "searchPeopleAndNumbers": "ആളുകൾക്കായി തിരയുക അല്ലെങ്കിൽ അവരുടെ ഫോൺ നമ്പറുകൾ ചേർക്കുക",
+        "shareInvite": "മീറ്റിംഗ് ക്ഷണം പങ്കിടുക",
+        "shareLink": "മറ്റുള്ളവരെ ക്ഷണിക്കുന്നതിന് മീറ്റിംഗ് ലിങ്ക് പങ്കിടുക",
+        "shareStream": "തത്സമയ സ്ട്രീമിംഗ് ലിങ്ക് പങ്കിടുക",
+        "telephone": "ടെലിഫോൺ: {{number}}",
+        "title": "ഈ മീറ്റിംഗിലേക്ക് ആളുകളെ ക്ഷണിക്കുക",
+        "yahooEmail": "യാഹൂ മെയിൽ"
+    },
+    "audioDevices": {
+        "bluetooth": "ബ്ലൂടൂത്ത്",
+        "headphones": "ഹെഡ്‌ഫോണുകൾ",
+        "none": "ഓഡിയോ ഉപകരണങ്ങളൊന്നും ലഭ്യമല്ല",
+        "phone": "ഫോൺ",
+        "speaker": "സ്പീക്കർ"
+    },
+    "audioOnly": {
+        "audioOnly": "കുറഞ്ഞ ബാൻഡ്‌വിഡ്ത്ത്"
+    },
+    "calendarSync": {
+        "addMeetingURL": "ഒരു മീറ്റിംഗ് ലിങ്ക് ചേർക്കുക",
+        "confirmAddLink": "ഈ ഇവന്റിലേക്ക് Jitsi ലിങ്ക് ചേർക്കാൻ നിങ്ങൾ ആഗ്രഹിക്കുന്നുണ്ടോ?",
+        "error": {
+            "appConfiguration": "Calendar integration is not properly configured.",
+            "generic": "An error has occurred. Please check your calendar settings or try refreshing the calendar.",
+            "notSignedIn": "An error occurred while authenticating to see calendar events. Please check your calendar settings and try logging in again."
+        },
+        "join": "ചേരുക",
+        "joinTooltip": "മീറ്റിംഗിൽ ചേരുക",
+        "nextMeeting": "അടുത്ത മീറ്റിംഗ്",
+        "noEvents": "വരാനിരിക്കുന്ന ഇവന്റുകളൊന്നും ഷെഡ്യൂൾ ചെയ്തിട്ടില്ല.",
+        "ongoingMeeting": "നടന്നുകൊണ്ടിരിക്കുന്ന മീറ്റിംഗ്",
+        "permissionButton": "ക്രമീകരണങ്ങൾ തുറക്കുക",
+        "permissionMessage": "അപ്ലിക്കേഷനിൽ നിങ്ങളുടെ മീറ്റിംഗുകൾ കാണാൻ കലണ്ടർ അനുമതി ആവശ്യമാണ്.",
+        "refresh": "കലണ്ടർ പുതുക്കുക",
+        "today": "ഇന്ന്"
+    },
+    "chat": {
+        "error": "പിശക്: നിങ്ങളുടെ മെസ്സേജ്  അയച്ചില്ല. കാരണം: {{error}}",
+        "fieldPlaceHolder": "നിങ്ങളുടെ മെസ്സേജ്  ഇവിടെ ടൈപ്പുചെയ്യുക",
+        "messageTo": "{{recipient}}-ലേക്കുള്ള സ്വകാര്യ സന്ദേശം",
+        "messagebox": "ഒരു മെസ്സേജ്  ടൈപ്പുചെയ്യുക",
+        "nickname": {
+            "popover": "ഒരു വിളിപ്പേര് തിരഞ്ഞെടുക്കുക",
+            "title": "ചാറ്റ് ഉപയോഗിക്കുന്നതിന് ഒരു വിളിപ്പേര് നൽകുക",
+            "titleWithPolls": "ചാറ്റ് ഉപയോഗിക്കുന്നതിന് ഒരു വിളിപ്പേര് നൽകുക"
+        },
+        "noMessagesMessage": "മീറ്റിംഗിൽ ഇതുവരെ മെസ്സേജുകളൊന്നുമില്ല. ഇവിടെ ഒരു സംഭാഷണം ആരംഭിക്കുക!",
+        "privateNotice": "{{recipient}}-ലേക്കുള്ള സ്വകാര്യ സന്ദേശം",
+        "sendButton": "അയയ്ക്കുക",
+        "title": "ചാറ്റ്",
+        "titleWithPolls": "ചാറ്റ്",
+        "you": "നിങ്ങൾ"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Chrome എക്സ്റ്റൻഷൻ ഇൻസ്റ്റാൾ ചെയ്യുക",
+        "dontShowAgain": "ഇത് എന്നെ വീണ്ടും കാണിക്കരുത്",
+        "installExtensionText": "Install the extension for Google Calendar and Office 365 integration"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "നിങ്ങളുടെ മീറ്റിംഗിലേക്ക് നിങ്ങളെ ബന്ധിപ്പിക്കുന്നു…"
+    },
+    "connection": {
+        "ATTACHED": "അറ്റാച്ചുചെയ്തു",
+        "AUTHENTICATING": "പ്രാമാണീകരിക്കുന്നു",
+        "AUTHFAIL": "പ്രാമാണീകരണം പരാജയപ്പെട്ടു",
+        "CONNECTED": "ബന്ധപ്പെട്ടിരിക്കുന്നു",
+        "CONNECTING": "ബന്ധിപ്പിക്കുന്നു",
+        "CONNFAIL": "ബന്ധം പരാജയപ്പെട്ടു",
+        "DISCONNECTED": "ബന്ധം വേർപെടുത്തിയിരിക്കുന്നു",
+        "DISCONNECTING": "ഡിസ്കണനെക്ട ചെയ്യുന്നു ",
+        "ERROR": "Error",
+        "FETCH_SESSION_ID": "സെഷൻ ഐഡി നേടുന്നു…",
+        "GET_SESSION_ID_ERROR": "Get session-id error: {{code}}",
+        "GOT_SESSION_ID": "സെഷൻ ഐഡി നേടുന്നു… ചെയ്തു",
+        "LOW_BANDWIDTH": "ബാൻഡ്വിഡിത്ത് സൂക്ഷിക്കുന്നതിനായി {{displayName}}-നുള്ള വീഡിയോ ഓഫ് ചെയ്തിരിക്കുന്നു"
+    },
+    "connectionindicator": {
+        "address": "Address:",
+        "bandwidth": "കണക്കാക്കിയ ബാൻഡ്‌വിഡ്‌ത്ത്:",
+        "bitrate": "Bitrate:",
+        "bridgeCount": "Server count: ",
+        "codecs": "Codecs (A/V): ",
+        "connectedTo": "Connected to:",
+        "framerate": "Frame rate:",
+        "less": "Show less",
+        "localaddress": "Local address:",
+        "localaddress_plural": "Local addresses:",
+        "localport": "Local port:",
+        "localport_plural": "Local ports:",
+        "maxEnabledResolution": "send max",
+        "more": "കൂടുതൽ കാണിക്കുക",
+        "packetloss": "Packet loss:",
+        "quality": {
+            "good": "Good",
+            "inactive": "Inactive",
+            "lost": "Lost",
+            "nonoptimal": "Nonoptimal",
+            "poor": "Poor"
+        },
+        "remoteaddress": "Remote address:",
+        "remoteaddress_plural": "Remote addresses:",
+        "remoteport": "Remote port:",
+        "remoteport_plural": "Remote ports:",
+        "resolution": "Resolution:",
+        "status": "Connection:",
+        "transport": "Transport:",
+        "transport_plural": "Transports:"
+    },
+    "dateUtils": {
+        "earlier": "നേരത്തെ",
+        "today": "ഇന്ന്",
+        "yesterday": "ഇന്നലെ"
+    },
+    "deepLinking": {
+        "appNotInstalled": "ഈ മീറ്റിംഗ് ഫോണിൽ ചേരാൻ {{app}} മൊബൈൽ ആപ്പ് വേണം.",
+        "description": "Nothing happened? We tried launching your meeting in the {{app}} desktop app. Try again or launch it in the {{app}} web app.",
+        "descriptionWithoutWeb": "Nothing happened? We tried launching your meeting in the {{app}} desktop app.",
+        "downloadApp": "ആപ്പ് ഡൌൺലോഡ് ചെയ്യുക ",
+        "ifDoNotHaveApp": "നിങ്ങൾക്ക് ഇതുവരെ അപ്ലിക്കേഷൻ ഇല്ലെങ്കിൽ:",
+        "ifHaveApp": "നിങ്ങൾക്ക് അപ്ലിക്കേഷൻ ഉണ്ടെങ്കിൽ:",
+        "joinInApp": "അപ്ലിക്കേഷൻ ഉപയോഗിച്ച് ഈ മീറ്റിംഗിൽ ചേരുക",
+        "launchWebButton": "വെബിൽ സമാരംഭിക്കുക",
+        "title": "Launching your meeting in {{app}}…",
+        "tryAgainButton": "ഡെസ്ക്ടോപ്പിൽ വീണ്ടും ശ്രമിക്കുക"
+    },
+    "defaultLink": "e.g. {{url}}",
+    "defaultNickname": "ex. Jane Pink",
+    "deviceError": {
+        "cameraError": "നിങ്ങളുടെ ക്യാമറ ആക്‌സസ് ചെയ്യുന്നതിൽ പരാജയപ്പെട്ടു",
+        "cameraPermission": "ക്യാമറ അനുമതി നേടുന്നതിൽ പിശക്",
+        "microphoneError": "നിങ്ങളുടെ മൈക്രോഫോൺ ആക്‌സസ് ചെയ്യുന്നതിൽ പരാജയപ്പെട്ടു",
+        "microphonePermission": "മൈക്രോഫോൺ അനുമതി നേടുന്നതിൽ പിശക്"
+    },
+    "deviceSelection": {
+        "noPermission": "അനുമതി നൽകിയിട്ടില്ല",
+        "previewUnavailable": "പ്രിവ്യൂ ലഭ്യമല്ല",
+        "selectADevice": "ഒരു ഉപകരണം തിരഞെടുക്കുക ",
+        "testAudio": "ഒരു ടെസ്റ്റ് ശബ്ദം പ്ലേ ചെയ്യുക"
+    },
+    "dialOut": {
+        "statusMessage": "is now {{status}}"
+    },
+    "dialog": {
+        "Back": "പിന്നോട്ട്",
+        "Cancel": "റദ്ദാക്കുക",
+        "IamHost": "ഞാൻ ഹോസ്റ്റാണ് ",
+        "Ok": "OK",
+        "Remove": "നീക്കംചെയ്യുക",
+        "Share": "പങ്കിടുക",
+        "Submit": "സമർപ്പിക്കുക",
+        "WaitForHostMsg": "The conference has not yet started. If you are the host then please authenticate. Otherwise, please wait for the host to arrive.",
+        "WaitingForHost": "ഹോസ്റ്റിനായി കാത്തിരിക്കുന്നു…",
+        "Yes": "അതെ",
+        "accessibilityLabel": {
+            "liveStreaming": "തത്സമയ സംപ്രേക്ഷണം"
+        },
+        "add": "ചേർക്കുക",
+        "allow": "അനുവദിക്കുക",
+        "alreadySharedVideoMsg": "മറ്റൊരു പങ്കാളി ഇതിനകം ഒരു വീഡിയോ പങ്കിടുന്നു. ഈ കോൺഫറൻസ് ഒരു സമയം പങ്കിട്ട ഒരു വീഡിയോ മാത്രമേ അനുവദിക്കൂ.",
+        "alreadySharedVideoTitle": "ഒരു സമയം പങ്കിട്ട ഒരു വീഡിയോ മാത്രമേ അനുവദിക്കൂ",
+        "applicationWindow": "Application window",
+        "cameraConstraintFailedError": "Your camera does not satisfy some of the required constraints.",
+        "cameraNotFoundError": "Camera was not found.",
+        "cameraNotSendingData": "We are unable to access your camera. Please check if another application is using this device, select another device from the settings menu or try to reload the application.",
+        "cameraNotSendingDataTitle": "Unable to access camera",
+        "cameraPermissionDeniedError": "You have not granted permission to use your camera. You can still join the conference but others won't see you. Use the camera button in the address bar to fix this.",
+        "cameraUnknownError": "Cannot use camera for an unknown reason.",
+        "cameraUnsupportedResolutionError": "Your camera does not support required video resolution.",
+        "close": "അടയ്ക്കുക",
+        "conferenceDisconnectMsg": "You may want to check your network connection. Reconnecting in {{seconds}} sec…",
+        "conferenceDisconnectTitle": "നിങ്ങൾ ബന്ധം വിച്ഛേദിച്ചിരിക്കുന്നു.",
+        "conferenceReloadMsg": "ഞങ്ങൾ ഇത് പരിഹരിക്കാൻ ശ്രമിക്കുകയാണ്. {{seconds}} സെക്കൻഡിൽ വീണ്ടും കണക്റ്റുചെയ്യുന്നു…",
+        "conferenceReloadTitle": "നിർഭാഗ്യവശാൽ, എന്തോ കുഴപ്പം സംഭവിച്ചു.",
+        "confirm": "ഉറപ്പാക്കുക",
+        "confirmNo": "വേണ്ട",
+        "confirmYes": "ശരി",
+        "connectError": "Oops! Something went wrong and we couldn't connect to the conference.",
+        "connectErrorWithMsg": "Oops! Something went wrong and we couldn't connect to the conference: {{msg}}",
+        "connecting": "ബന്ധിപ്പിക്കുന്നു",
+        "contactSupport": "സപ്പോർട്ടുമായി ബന്ധപെടുക",
+        "copied": "പകർത്തി",
+        "copy": "പകര്‍ത്തുക",
+        "dismiss": "ഒഴിവാക്കുക",
+        "displayNameRequired": "ഹായ്! താങ്കളുടെ പേരെന്താണ്?",
+        "done": "തീര്‍ന്നു",
+        "e2eeDescription": "End-to-End Encryption is currently EXPERIMENTAL. Please keep in mind that turning on end-to-end encryption will effectively disable server-side provided services such as: recording, live streaming and phone participation. Also keep in mind that the meeting will only work for people joining from browsers with support for insertable streams.",
+        "e2eeLabel": "ആദ്യാവസാനം എൻക്രിപ്ഷൻ സജ്ജമാക്കുക",
+        "e2eeWarning": "WARNING: Not all participants in this meeting seem to have support for End-to-End encryption. If you enable it they won't be able to see nor hear you.",
+        "enterDisplayName": "നിങ്ങളുടെ പേര് ഇവിടെ നൽകുക",
+        "error": "Error",
+        "gracefulShutdown": "ഞങ്ങളുടെ സേവനം ഇപ്പോൾ പരിരക്ഷിക്കപ്പെടുകയാണ്. ദയവായി വീണ്ടും ശ്രമിക്കൂ.",
+        "grantModeratorDialog": "ഈ പങ്കാളിയെ ഒരു മോഡറേറ്ററാക്കാൻ നിങ്ങൾ ആഗ്രഹിക്കുന്നുണ്ടോ?",
+        "grantModeratorTitle": "മോഡറേറ്റർ അവകാശം നൽകുക",
+        "incorrectPassword": "തെറ്റായ ഉപയോക്തൃ നാമം അല്ലെങ്കിൽ പാസ്വേഡ്",
+        "incorrectRoomLockPassword": "പാസ്‌വേഡ് തെറ്റാണ്",
+        "internalError": "Oops! Something went wrong. The following error occurred: {{error}}",
+        "internalErrorTitle": "Internal error",
+        "kickMessage": "You can contact {{participantDisplayName}} for more details.",
+        "kickParticipantButton": "പുറത്താക്കുക ",
+        "kickParticipantDialog": "ഈ പങ്കാളിയെ പുറത്താക്കണമെന്ന്  നിങ്ങൾക്ക് ഉറപ്പാണോ?",
+        "kickParticipantTitle": "ഈ പങ്കാളിയെ പുറത്താക്കണോ?",
+        "kickTitle": "ശൊ! {{participantDisplayName}} നിങ്ങളെ പുറത്താക്കി",
+        "liveStreaming": "തത്സമയ സംപ്രേക്ഷണം",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "റെക്കോർഡിംഗ് സജീവമായിരിക്കുമ്പോൾ സാധ്യമല്ല",
+        "liveStreamingDisabledForGuestTooltip": "അതിഥികൾക്ക് തത്സമയ സ്ട്രീം ആരംഭിക്കാൻ കഴിയില്ല",
+        "liveStreamingDisabledTooltip": "തത്സമയ സ്ട്രീം തുടങ്ങുക പ്രവർത്തനരഹിതമാക്കി.",
+        "lockMessage": "കോൺഫറൻസ് ലോക്ക് ചെയ്യുന്നതിൽ പരാജയപ്പെട്ടു.",
+        "lockRoom": "മീറ്റിംഗ് ചേർക്കുക $t(lockRoomPasswordUppercase)",
+        "lockTitle": "ലോക്ക് പരാജയപ്പെട്ടു",
+        "logoutQuestion": "ലോഗൗട്ട് ചെയ്യാനും കോൺഫറൻസ് നിർത്താനും നിങ്ങൾ ആഗ്രഹിക്കുന്നുണ്ടോ?",
+        "logoutTitle": "ലോഗൗട്ട്",
+        "maxUsersLimitReached": "പങ്കെടുക്കുന്നവരുടെ പരമാവധി എണ്ണം പരിധിയിലെത്തി. സമ്മേളനം നിറഞ്ഞു. മീറ്റിംഗ് ഉടമയുമായി ബന്ധപ്പെടുക അല്ലെങ്കിൽ പിന്നീട് വീണ്ടും ശ്രമിക്കുക!",
+        "maxUsersLimitReachedTitle": "പങ്കെടുക്കുന്നവരുടെ പരമാവധി പരിധി എത്തി",
+        "micConstraintFailedError": "നിങ്ങളുടെ മൈക്രോഫോൺ ആവശ്യമായ ചില പരിമിതികളെ തൃപ്തിപ്പെടുത്തുന്നില്ല.",
+        "micNotFoundError": "മൈക്രോഫോൺ കണ്ടെത്തിയില്ല.",
+        "micNotSendingData": "നിങ്ങളുടെ മൈക്ക് അൺമ്യൂട്ടുചെയ്യാനും അതിന്റെ ലെവൽ ക്രമീകരിക്കാനും കമ്പ്യൂട്ടറിന്റെ സജ്ജീകരണങ്ങളിലേക്ക് പോകുക",
+        "micNotSendingDataTitle": "നിങ്ങളുടെ സിസ്റ്റം ക്രമീകരണങ്ങളാൽ മൈക്ക് മ്യൂട്ട് ആണ്.",
+        "micPermissionDeniedError": "നിങ്ങളുടെ മൈക്രോഫോൺ ഉപയോഗിക്കാൻ അനുമതി നൽകിയിട്ടില്ല. നിങ്ങൾക്ക് കോൺഫറൻസിൽ ചേരാനാകും, പക്ഷേ മറ്റുള്ളവർക്ക് നിങ്ങളെ കേൾക്കാനാകില്ല. ഇത് പരിഹരിക്കാൻ താഴേയുള്ള ക്യാമറ ബട്ടൺ ഉപയോഗിക്കുക.",
+        "micUnknownError": "അജ്ഞാതമായ കാരണത്താൽ മൈക്രോഫോൺ ഉപയോഗിക്കാൻ കഴിയില്ല.",
+        "muteEveryoneDialog": "എല്ലാവരേയും നിശബ്ദമാക്കണമെന്ന് നിങ്ങൾക്ക് ഉറപ്പാണോ? നിങ്ങൾക്ക് അവയെ അൺമ്യൂട്ട് ചെയ്യാൻ കഴിയില്ല, എന്നാൽ അവർക്ക് എപ്പോൾ വേണമെങ്കിലും സ്വയം അൺമ്യൂട്ട് ചെയ്യാൻ കഴിയും.",
+        "muteEveryoneElseDialog": "അവരെ നിശബ്ദമാക്കിയാൽ, നിങ്ങൾക്ക് അവയെ അൺമ്യൂട്ട് ചെയ്യാൻ കഴിയില്ല, എന്നാൽ അവർക്ക് എപ്പോൾ വേണമെങ്കിലും സ്വയം അൺമ്യൂട്ട് ചെയ്യാൻ കഴിയും.",
+        "muteEveryoneElseTitle": "{{whom}} ഒഴികെ എല്ലാവരെയും നിശബ്ദമാക്കുക?",
+        "muteEveryoneSelf": "നിങ്ങൾ സ്വയം",
+        "muteEveryoneStartMuted": "എല്ലാവരെയും ഇപ്പോൾ മുതൽ നിശബ്ദമാക്കാൻ തുടങ്ങും ",
+        "muteEveryoneTitle": "എല്ലാവരേയും നിശബ്ദമാക്കണോ?",
+        "muteParticipantBody": "നിങ്ങൾക്ക് അവയെ അൺമ്യൂട്ട് ചെയ്യാൻ കഴിയില്ല, എന്നാൽ അവർക്ക് എപ്പോൾ വേണമെങ്കിലും സ്വയം അൺമ്യൂട്ട് ചെയ്യാൻ കഴിയും.",
+        "muteParticipantButton": "നിശബ്ദമാക്കുക",
+        "muteParticipantDialog": "ഈ പങ്കാളിയെ നിശബ്ദമാക്കണമെന്ന് നിങ്ങൾക്ക് ഉറപ്പാണോ? നിങ്ങൾക്ക് അവയെ അൺമ്യൂട്ട് ചെയ്യാൻ കഴിയില്ല, എന്നാൽ അവർക്ക് എപ്പോൾ വേണമെങ്കിലും സ്വയം അൺമ്യൂട്ട് ചെയ്യാൻ കഴിയും.",
+        "muteParticipantTitle": "ഈ പങ്കാളിയെ നിശബ്ദമാക്കണോ?",
+        "passwordLabel": "The meeting has been locked by a participant. Please enter the $t(lockRoomPassword) to join.",
+        "passwordNotSupported": "Setting a meeting $t(lockRoomPassword) is not supported.",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) not supported",
+        "passwordRequired": "$t(lockRoomPasswordUppercase) required",
+        "popupError": "Your browser is blocking pop-up windows from this site. Please enable pop-ups in your browser's security settings and try again.",
+        "popupErrorTitle": "പോപ്പ്-അപ്പ് തടഞ്ഞു",
+        "readMore": "കൂടുതൽ",
+        "recording": "റെക്കോർഡിംഗ്",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "ഒരു തത്സമയ സ്ട്രീം സജീവമായിരിക്കുമ്പോൾ സാധ്യമല്ല",
+        "recordingDisabledForGuestTooltip": "അതിഥികൾക്ക് റെക്കോർഡിംഗുകൾ ആരംഭിക്കാൻ കഴിയില്ല.",
+        "recordingDisabledTooltip": "റെക്കോർഡിംഗ് പ്രവർത്തനരഹിതമാക്കി.",
+        "rejoinNow": "Rejoin now",
+        "remoteControlAllowedMessage": "{{user}} നിങ്ങളുടെ വിദൂര നിയന്ത്രണ അഭ്യർത്ഥന സ്വീകരിച്ചു!",
+        "remoteControlDeniedMessage": "{{user}} നിങ്ങളുടെ വിദൂര നിയന്ത്രണ അഭ്യർത്ഥന നിരസിച്ചു!",
+        "remoteControlErrorMessage": "An error occurred while trying to request remote control permissions from {{user}}!",
+        "remoteControlRequestMessage": "Will you allow {{user}} to remotely control your desktop?",
+        "remoteControlShareScreenWarning": "Note that if you press \"Allow\" you will share your screen!",
+        "remoteControlStopMessage": "വിദൂര നിയന്ത്രണ സെഷൻ അവസാനിച്ചു!",
+        "remoteControlTitle": "വിദൂര ഡെസ്ക്ടോപ്പ് നിയന്ത്രണം",
+        "removePassword": "$t(lockRoomPassword) നീക്കംചെയ്യുക",
+        "removeSharedVideoMsg": "നിങ്ങളുടെ പങ്കിട്ട വീഡിയോ നീക്കംചെയ്യാൻ നിങ്ങൾ ആഗ്രഹിക്കുന്നുവെന്ന് ഉറപ്പാണോ?",
+        "removeSharedVideoTitle": "പങ്കിട്ട വീഡിയോ നീക്കംചെയ്യുക",
+        "reservationError": "റിസർവേഷൻ സിസ്റ്റം പിശക്",
+        "reservationErrorMsg": "Error code: {{code}}, message: {{msg}}",
+        "retry": "വീണ്ടും ശ്രമിക്കുക",
+        "screenSharingAudio": "ഓഡിയോ പങ്കിടുക",
+        "screenSharingFailed": "Oops! Something went wrong, we weren’t able to start screen sharing!",
+        "screenSharingFailedTitle": "സ്‌ക്രീൻ പങ്കിടൽ പരാജയപ്പെട്ടു!",
+        "screenSharingPermissionDeniedError": "Oops! Something went wrong with your screen sharing permissions. Please reload and try again.",
+        "sendPrivateMessage": "You recently received a private message. Did you intend to reply to that privately, or you want to send your message to the group?",
+        "sendPrivateMessageCancel": "ഗ്രൂപ്പിലേക്ക് അയയ്ക്കുക",
+        "sendPrivateMessageOk": "സ്വകാര്യമായി അയയ്ക്കുക",
+        "sendPrivateMessageTitle": "സ്വകാര്യമായി അയയ്ക്കണോ?",
+        "serviceUnavailable": "സേവനം ലഭ്യമല്ല",
+        "sessTerminated": "കോൾ അവസാനിപ്പിച്ചു",
+        "shareVideoLinkError": "ശരിയായ യൂട്യൂബ് ലിങ്ക് നൽകുക.",
+        "shareVideoTitle": "ഒരു വീഡിയോ പങ്കിടുക",
+        "shareYourScreen": "നിങ്ങളുടെ സ്ക്രീൻ പങ്കിടുക",
+        "shareYourScreenDisabled": "സ്‌ക്രീൻ പങ്കിടൽ പ്രവർത്തനരഹിതമാക്കി.",
+        "shareYourScreenDisabledForGuest": "Guests can't screen share.",
+        "startLiveStreaming": "തത്സമയ സ്ട്രീം ആരംഭിക്കുക",
+        "startRecording": "റെക്കോർഡിംഗ് ആരംഭിക്കുക",
+        "startRemoteControlErrorMessage": "An error occurred while trying to start the remote control session!",
+        "stopLiveStreaming": "തത്സമയ സ്ട്രീം നിർത്തുക",
+        "stopRecording": "റെക്കോർഡിംഗ് നിർത്തുക",
+        "stopRecordingWarning": "റെക്കോർഡിംഗ് നിർത്താൻ നിങ്ങൾ ആഗ്രഹിക്കുന്നുവെന്ന് നിങ്ങൾക്ക് ഉറപ്പാണോ??",
+        "stopStreamingWarning": "തത്സമയ സ്ട്രീമിംഗ് നിർത്താൻ നിങ്ങൾ ആഗ്രഹിക്കുന്നുവെന്ന് ഉറപ്പാണോ?",
+        "streamKey": "തത്സമയ സ്ട്രീം കീ",
+        "thankYou": "{{appName}} ഉപയോഗിച്ചതിന് നന്ദി!",
+        "token": "token",
+        "tokenAuthFailed": "ക്ഷമിക്കണം, ഈ കോളിൽ ചേരാൻ നിങ്ങളെ അനുവദിച്ചിട്ടില്ല.",
+        "tokenAuthFailedTitle": "പ്രാമാണീകരണം പരാജയപ്പെട്ടു",
+        "transcribing": "ട്രാൻസ്‌ക്രൈബുചെയ്യുന്നു",
+        "unlockRoom": "Remove meeting $t(lockRoomPassword)",
+        "userPassword": "ഉപയോക്തൃ പാസ്‌വേഡ്",
+        "yourEntireScreen": "നിങ്ങളുടെ മുഴുവൻ സ്ക്രീനും "
+    },
+    "documentSharing": {
+        "title": "പങ്കിട്ട പ്രമാണം"
+    },
+    "e2ee": {
+        "labelToolTip": "ഈ കോളിലെ ഓഡിയോ, വീഡിയോ ആശയവിനിമയം എൻഡ്-ടു-എൻഡ് എൻ‌ക്രിപ്റ്റ് ചെയ്തിരിക്കുന്നു"
+    },
+    "embedMeeting": {
+        "title": "ഈ മീറ്റിംഗ് എംബെഡ് ചെയ്യുക "
+    },
+    "feedback": {
+        "average": "ശരാശരി",
+        "bad": " മോശം",
+        "detailsLabel": "ഇതിനെക്കുറിച്ച് കൂടുതൽ ഞങ്ങളോട് പറയുക.",
+        "good": "നല്ലത്",
+        "rateExperience": "നിങ്ങളുടെ മീറ്റിംഗ് അനുഭവം റേറ്റുചെയ്യുക",
+        "veryBad": "വളരെ മോശം",
+        "veryGood": "വളരെ നല്ലത്"
+    },
+    "helpView": {
+        "title": "സഹായകേന്ദ്രം"
+    },
+    "incomingCall": {
+        "answer": "കോളിന് മറുപടി നൽകുക",
+        "audioCallTitle": "ഇൻകമിംഗ് കോൾ",
+        "decline": "നിരസിക്കുക",
+        "productLabel": "Jitsi Meet-ൽ നിന്ന്",
+        "videoCallTitle": "ഇൻകമിംഗ് വീഡിയോ കോൾ"
+    },
+    "info": {
+        "accessibilityLabel": "വിവരം കാണിക്കുക",
+        "addPassword": "Add $t(lockRoomPassword)",
+        "cancelPassword": "Cancel $t(lockRoomPassword)",
+        "conferenceURL": "ലിങ്ക്:",
+        "country": "രാജ്യം",
+        "dialANumber": "നിങ്ങളുടെ മീറ്റിംഗിൽ ചേരാൻ, ഈ നമ്പറുകളിലൊന്ന് ഡയൽ ചെയ്‌ത് പിൻ നൽകുക.",
+        "dialInConferenceID": "പിന്‍ :",
+        "dialInNotSupported": "ക്ഷമിക്കണം, ഡയൽ ചെയ്യുന്നത് നിലവിൽ പിന്തുണയ്ക്കുന്നില്ല.",
+        "dialInNumber": "ഡയൽ-ഇൻ:",
+        "dialInSummaryError": "ഇപ്പോൾ ഡയൽ-ഇൻ വിവരങ്ങൾ നേടുന്നതിൽ പിശക്. പിന്നീട് വീണ്ടും ശ്രമിക്കുക.",
+        "dialInTollFree": "ടോൾ ഫ്രീ",
+        "genericError": "ക്ഷമിക്കണം, എന്തോ കുഴപ്പം സംഭവിച്ചു.",
+        "inviteLiveStream": "ഈ മീറ്റിംഗിന്റെ തത്സമയ സ്ട്രീം കാണുന്നതിന്, ഈ ലിങ്ക് ക്ലിക്കുചെയ്യുക: {{url}}",
+        "invitePhone": "പകരം ഫോണിലൂടെ ചേരാൻ, ഇത് ടാപ്പുചെയ്യുക: {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Looking for a different dial-in number?\nSee meeting dial-in numbers: {{url}}\n\n\nIf also dialing-in through a room phone, join without connecting to audio: {{silentUrl}}",
+        "inviteURLFirstPartGeneral": "ഒരു മീറ്റിംഗിൽ ചേരാൻ നിങ്ങളെ ക്ഷണിച്ചു.",
+        "inviteURLFirstPartPersonal": "{{name}} നിങ്ങളെ ഒരു മീറ്റിംഗിലേക്ക് ക്ഷണിക്കുന്നു.\n",
+        "inviteURLSecondPart": "\nമീറ്റിംഗിൽ ചേരുക:\n{{url}}\n",
+        "label": "മീറ്റിംഗ് വിവരം",
+        "liveStreamURL": "തത്സമയ സ്ട്രീം:",
+        "moreNumbers": "കൂടുതൽ നമ്പറുകൾ",
+        "noNumbers": "No dial-in numbers.",
+        "noPassword": "ഒന്നുമില്ല",
+        "noRoom": "No room was specified to dial-in into.",
+        "numbers": "ഡയൽ-ഇൻ നമ്പറുകൾ",
+        "password": "$t(lockRoomPasswordUppercase):",
+        "title": "പങ്കിടുക",
+        "tooltip": "ഈ മീറ്റിംഗിനായി ലിങ്കും ഡയൽ-ഇൻ വിവരവും പങ്കിടുക"
+    },
+    "inlineDialogFailure": {
+        "msg": "ഞങ്ങൾ അൽപ്പം ഇടറി.",
+        "retry": "വീണ്ടും ശ്രമിക്കുക",
+        "support": "പിന്തുണ",
+        "supportMsg": "ഇത് തുടരുകയാണെങ്കിൽ, ബന്ധപ്പെടുക"
+    },
+    "inviteDialog": {
+        "alertText": "പങ്കെടുക്കുന്ന ചിലരെ ക്ഷണിക്കുന്നതിൽ പരാജയപ്പെട്ടു.",
+        "header": "ക്ഷണിക്കുക",
+        "searchCallOnlyPlaceholder": "ഫോൺ നമ്പർ നൽകുക",
+        "searchPeopleOnlyPlaceholder": "പങ്കെടുക്കുന്നവർക്കായി തിരയുക",
+        "searchPlaceholder": "പങ്കാളി അല്ലെങ്കിൽ ഫോൺ നമ്പർ",
+        "send": "അയയ്ക്കുക"
+    },
+    "keyboardShortcuts": {
+        "focusLocal": "നിങ്ങളുടെ വീഡിയോയിൽ ശ്രദ്ധ കേന്ദ്രീകരിക്കുക",
+        "focusRemote": "മറ്റൊരു വ്യക്തിയുടെ വീഡിയോയിൽ ശ്രദ്ധ കേന്ദ്രീകരിക്കുക",
+        "fullScreen": "പൂർണ്ണ സ്ക്രീൻ കാണുക അല്ലെങ്കിൽ പുറത്തുകടക്കുക",
+        "keyboardShortcuts": "കീബോഡ് കുറുക്കുവഴികള്‍",
+        "localRecording": "പ്രാദേശിക റെക്കോർഡിംഗ് നിയന്ത്രണങ്ങൾ കാണിക്കുക അല്ലെങ്കിൽ മറയ്‌ക്കുക",
+        "mute": "നിങ്ങളുടെ മൈക്രോഫോൺ നിശബ്ദമാക്കുക അല്ലെങ്കിൽ അൺമ്യൂട്ട് ചെയ്യുക",
+        "pushToTalk": "Push to talk",
+        "raiseHand": "ഉയർത്തുകയോ കൈ താഴ്ത്തുകയോ ചെയ്യുക",
+        "showSpeakerStats": "സ്പീക്കർ സ്ഥിതിവിവരക്കണക്കുകൾ കാണിക്കുക",
+        "toggleChat": "ചാറ്റ് തുറക്കുക അല്ലെങ്കിൽ അടയ്ക്കുക",
+        "toggleFilmstrip": "വീഡിയോ ലഘുചിത്രങ്ങൾ കാണിക്കുക അല്ലെങ്കിൽ മറയ്ക്കുക",
+        "toggleScreensharing": "ക്യാമറയും സ്‌ക്രീൻ പങ്കിടലും തമ്മിൽ മാറുക",
+        "toggleShortcuts": "കീബോർഡ് കുറുക്കുവഴികൾ കാണിക്കുക അല്ലെങ്കിൽ മറയ്‌ക്കുക",
+        "videoMute": "നിങ്ങളുടെ ക്യാമറ ആരംഭിക്കുക അല്ലെങ്കിൽ നിർത്തുക",
+        "videoQuality": "കോൾ നിലവാരം നിയന്ത്രിക്കുക"
+    },
+    "liveStreaming": {
+        "busy": "We're working on freeing streaming resources. Please try again in a few minutes.",
+        "busyTitle": "എല്ലാ സ്ട്രീമറുകളും നിലവിൽ തിരക്കിലാണ്",
+        "changeSignIn": "അക്കൗണ്ടുകൾ മാറുക.",
+        "choose": "ഒരു തത്സമയ സ്ട്രീം തിരഞ്ഞെടുക്കുക",
+        "chooseCTA": "ഒരു സ്ട്രീമിംഗ് ഓപ്ഷൻ തിരഞ്ഞെടുക്കുക. നിങ്ങൾ നിലവിൽ {{email}} ആയി ലോഗിൻ ചെയ്തിട്ടുണ്ട്.",
+        "enterStreamKey": "നിങ്ങളുടെ യൂട്യൂബ് തത്സമയ സ്ട്രീം കീ ഇവിടെ നൽകുക.",
+        "error": "തത്സമയ സ്ട്രീമിംഗ് പരാജയപ്പെട്ടു. ദയവായി വീണ്ടും ശ്രമിക്കുക.",
+        "errorAPI": "നിങ്ങളുടെ യൂട്യൂബ് പ്രക്ഷേപണങ്ങൾ ആക്സസ് ചെയ്യുന്നതിനിടയിൽ  ഒരു പിശക് സംഭവിച്ചു. ദയവായി വീണ്ടും പ്രവേശിക്കാൻ ശ്രമിക്കുക.",
+        "errorLiveStreamNotEnabled": "{{email}} -ൽ തത്സമയ സ്ട്രീമിംഗ് പ്രാപ്തമാക്കിയിട്ടില്ല.തത്സമയ സ്ട്രീമിംഗ് പ്രാപ്തമാക്കുക അല്ലെങ്കിൽ തത്സമയ സ്ട്രീമിംഗ് പ്രാപ്തമാക്കിയ ഒരു അക്കൗണ്ടിലേക്ക് പ്രവേശിക്കുക.",
+        "expandedOff": "തത്സമയ സ്ട്രീമിംഗ് അവസാനിച്ചു",
+        "expandedOn": "മീറ്റിംഗ് നിലവിൽ യൂട്യൂബിലേക്ക്  സ്ട്രീം ചെയ്യുന്നു.",
+        "expandedPending": "തത്സമയ സ്ട്രീമിംഗ് ആരംഭിക്കുന്നു…",
+        "failedToStart": "തത്സമയ സ്ട്രീമിംഗ് ആരംഭിക്കുന്നതിൽ പരാജയപ്പെട്ടു",
+        "getStreamKeyManually": "ഞങ്ങൾക്ക് തത്സമയ സ്ട്രീമുകളൊന്നും നേടാനായില്ല. യൂട്യൂബിൽ നിന്ന് നിങ്ങളുടെ തത്സമയ സ്ട്രീം കീ നേടാൻ ശ്രമിക്കുക.",
+        "googlePrivacyPolicy": "ഗൂഗിൾ സ്വകാര്യതാ നയം",
+        "invalidStreamKey": "തത്സമയ സ്ട്രീം കീ തെറ്റായിരിക്കാം.",
+        "limitNotificationDescriptionNative": "നിങ്ങളുടെ സ്ട്രീമിംഗ് {{limit}} മിനിറ്റായി പരിമിതപ്പെടുത്തും.പരിധിയില്ലാത്ത സ്ട്രീമിംഗിനായി ശ്രമിക്കുക {{app}}.",
+        "limitNotificationDescriptionWeb": "ഉയർന്ന ഡിമാൻഡ് കാരണം നിങ്ങളുടെ സ്ട്രീമിംഗ് {{limit}} മിനിറ്റായി പരിമിതപ്പെടുത്തും. പരിധിയില്ലാത്ത സ്ട്രീമിംഗിനായി ശ്രമിക്കുക <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "off": "തത്സമയ സ്ട്രീമിംഗ് അവസാനിച്ചു",
+        "offBy": "{{name}} തത്സമയ സ്ട്രീമിംഗ് നിർത്തി",
+        "on": "തത്സമയ സംപ്രേക്ഷണം",
+        "onBy": "{{name}} തത്സമയ സ്ട്രീമിംഗ് ആരംഭിച്ചു",
+        "pending": "തത്സമയ സ്ട്രീം ആരംഭിക്കുന്നു…",
+        "serviceName": "തത്സമയ സ്ട്രീമിംഗ് സേവനം",
+        "signIn": "ഗൂഗിൾ ഉപയോഗിച്ച് പ്രവേശിക്കുക",
+        "signInCTA": "പ്രവേശിക്കുക അല്ലെങ്കിൽ നിങ്ങളുടെ യൂട്യൂബ് തത്സമയ സ്ട്രീം കീ നൽകുക.",
+        "signOut": "പുറത്തു കടക്കുക",
+        "signedInAs": "You are currently signed in as:",
+        "start": "ഒരു തത്സമയ സ്ട്രീം ആരംഭിക്കുക",
+        "streamIdHelp": "എന്താണിത്?",
+        "title": "തത്സമയ സംപ്രേക്ഷണം",
+        "unavailableTitle": "തത്സമയ സ്ട്രീമിംഗ് ലഭ്യമല്ല",
+        "youtubeTerms": "യൂട്യൂബ് സേവനങ്ങളുടെ നിബന്ധനകൾ"
+    },
+    "lobby": {
+        "allow": "അനുവദിക്കുക",
+        "backToKnockModeButton": "പാസ്‌വേഡ് ഇല്ല, പകരം ചേരാൻ ആവശ്യപ്പെടുക",
+        "dialogTitle": "ലോബി മോഡ്",
+        "disableDialogContent": "ലോബി മോഡ് നിലവിൽ പ്രാപ്തമാക്കി. അനാവശ്യ പങ്കാളികൾക്ക് നിങ്ങളുടെ മീറ്റിംഗിൽ ചേരാനാവില്ലെന്ന് ഈ സവിശേഷത ഉറപ്പാക്കുന്നു. ഇത് പ്രവർത്തനരഹിതമാക്കാൻ നിങ്ങൾ ആഗ്രഹിക്കുന്നുണ്ടോ?",
+        "disableDialogSubmit": "പ്രവർത്തനരഹിതമാക്കുക",
+        "emailField": "നിങ്ങളുടെ ഇമെയിൽ വിലാസം നൽകുക",
+        "enableDialogPasswordField": "പാസ്‌വേഡ് സജ്ജമാക്കുക (ഓപ്ഷണൽ)",
+        "enableDialogSubmit": "പ്രവർത്തനക്ഷമമാക്കുക",
+        "enableDialogText": "ഒരു മോഡറേറ്ററുടെ ഔദ്യോഗിക അംഗീകാരത്തിനുശേഷം ആളുകളെ പ്രവേശിക്കാൻ മാത്രം അനുവദിച്ചുകൊണ്ട് നിങ്ങളുടെ മീറ്റിംഗ് പരിരക്ഷിക്കാൻ ലോബി മോഡ് നിങ്ങളെ അനുവദിക്കുന്നു.",
+        "enterPasswordButton": "മീറ്റിംഗ് പാസ്‌വേഡ് നൽകുക ",
+        "enterPasswordTitle": "മീറ്റിംഗിൽ ചേരാൻ പാസ്‌വേഡ് നൽകുക",
+        "invalidPassword": "പാസ്‌വേഡ് അസാധുവാണ്",
+        "joinRejectedMessage": "നിങ്ങളുടെ ചേരൽ അഭ്യർത്ഥന ഒരു മോഡറേറ്റർ നിരസിച്ചു.",
+        "joinTitle": "മീറ്റിംഗിൽ ചേരുക",
+        "joinWithPasswordMessage": "പാസ്‌വേഡുമായി ചേരാൻ ശ്രമിക്കുന്നു, ദയവായി കാത്തിരിക്കുക…",
+        "joiningMessage": "ആരെങ്കിലും നിങ്ങളുടെ അഭ്യർത്ഥന സ്വീകരിച്ചാലുടൻ നിങ്ങൾ മീറ്റിംഗിൽ ചേരും",
+        "joiningTitle": "മീറ്റിംഗിൽ ചേരാൻ ആവശ്യപ്പെടുന്നു…",
+        "joiningWithPasswordTitle": "പാസ്‌വേഡുമായി ചേരുന്നു…",
+        "knockButton": "ചേരാൻ ആവശ്യപ്പെടുക",
+        "knockTitle": "ആരോ  മീറ്റിംഗിൽ ചേരാൻ ശ്രമിക്കുന്നു ",
+        "knockingParticipantList": "Knocking participant list",
+        "nameField": "നിങ്ങളുടെ പേര് നൽകുക",
+        "notificationLobbyAccessDenied": "{{targetParticipantName}} has been rejected to join by {{originParticipantName}}",
+        "notificationLobbyAccessGranted": "{{targetParticipantName}} has been allowed to join by {{originParticipantName}}",
+        "notificationLobbyDisabled": "Lobby has been disabled by {{originParticipantName}}",
+        "notificationLobbyEnabled": "{{originParticipantName}} ലോബി പ്രാപ്തമാക്കി",
+        "notificationTitle": "ലോബി",
+        "passwordField": "മീറ്റിംഗ് പാസ്‌വേഡ് നൽകുക",
+        "passwordJoinButton": "ചേരുക",
+        "title": "ലോബി",
+        "toggleLabel": "ലോബി പ്രവർത്തനക്ഷമമാക്കുക"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "ഓഫ്",
+            "on": "ഓണ്‍",
+            "unknown": "അപരിചിതം"
+        },
+        "dialogTitle": "പ്രാദേശിക റെക്കോർഡിംഗ് നിയന്ത്രണങ്ങൾ",
+        "duration": "സമയപരിധി",
+        "durationNA": "N/A",
+        "encoding": "എൻകോഡിംഗ്",
+        "label": "LOR",
+        "labelToolTip": "പ്രാദേശിക റെക്കോർഡിംഗ് ഏർപ്പെട്ടിരിക്കുന്നു",
+        "localRecording": "പ്രാദേശിക റെക്കോർഡിംഗ്",
+        "me": "Me",
+        "messages": {
+            "engaged": "പ്രാദേശിക റെക്കോർഡിംഗ് ഏർപ്പെട്ടിരിക്കുന്നു.",
+            "finished": "റെക്കോർഡിംഗ് സെഷൻ {{token}} പൂർത്തിയായി. റെക്കോർഡുചെയ്‌ത ഫയൽ മമോഡറേറ്ററിനു  അയയ്‌ക്കുക.",
+            "finishedModerator": "റെക്കോർഡിംഗ് സെഷൻ {{token}} പൂർത്തിയായി. പ്രാദേശിക ട്രാക്കിന്റെ റെക്കോർഡിംഗ് സൂക്ഷിച്ചിരിക്കുന്നു. പങ്കെടുക്കുന്ന മറ്റുള്ളവരോട് അവരുടെ റെക്കോർഡിംഗുകൾ സമർപ്പിക്കാൻ ആവശ്യപ്പെടുക.",
+            "notModerator": "നിങ്ങൾ മോഡറേറ്ററല്ല. നിങ്ങൾക്ക് പ്രാദേശിക റെക്കോർഡിംഗ് ആരംഭിക്കാനോ നിർത്താനോ കഴിയില്ല."
+        },
+        "moderator": "മോഡറേറ്റർ",
+        "no": "വേണ്ട",
+        "participant": "പങ്കെടുക്കുന്നയാൾ",
+        "participantStats": "പങ്കെടുക്കുന്നവരുടെ സ്ഥിതിവിവരക്കണക്കുകൾ",
+        "sessionToken": "സെഷൻ ടോക്കൺ",
+        "start": "റെക്കോർഡിംഗ് ആരംഭിക്കുക",
+        "stop": "റെക്കോർഡിംഗ് നിർത്തുക",
+        "yes": "അതെ"
+    },
+    "lockRoomPassword": "രഹസ്യവാക്ക്",
+    "lockRoomPasswordUppercase": "രഹസ്യവാക്ക്",
+    "lonelyMeetingExperience": {
+        "button": "മറ്റുള്ളവരെ ക്ഷണിക്കുക",
+        "youAreAlone": "മീറ്റിംഗിൽ നിങ്ങൾ മാത്രമേയുള്ളൂ "
+    },
+    "me": "ഞാൻ",
+    "notify": {
+        "OldElectronAPPTitle": "സുരക്ഷാ ദുർബലത!",
+        "connectedOneMember": "{{name}} മീറ്റിംഗിൽ ചേർന്നു",
+        "connectedThreePlusMembers": "{{name}}, മറ്റ് {{count}} പേരും മീറ്റിംഗിൽ ചേർന്നു",
+        "connectedTwoMembers": "{{first}},{{second}} എന്നിവർ മീറ്റിംഗിൽ ചേർന്നു",
+        "disconnected": "വിച്ഛേദിച്ചു",
+        "focus": "കോൺഫറൻസ് ഫോക്കസ്",
+        "focusFail": "{{component}} ലഭ്യമല്ല -{{ms}} സെക്കൻഡിനുള്ളിൽ വീണ്ടും ശ്രമിക്കുക",
+        "grantedTo": "{{to}} എന്ന വ്യക്തിക്ക് മോഡറേറ്റർ അവകാശങ്ങൾ നൽകി!",
+        "invitedOneMember": "{{name}} എന്നിവരെ ക്ഷണിച്ചു",
+        "invitedThreePlusMembers": "{{name}}, മറ്റ് {{count}} പേരെയും ക്ഷണിച്ചു",
+        "invitedTwoMembers": "{{first}},{{second}} എന്നിവരെ ക്ഷണിച്ചു",
+        "kickParticipant": "{{kicked}} എന്നയാളെ {{kicker}} പുറത്താക്കി",
+        "me": "ഞാൻ",
+        "moderator": "മോഡറേറ്റർ അവകാശങ്ങൾ അനുവദിച്ചു!",
+        "muted": "You have started the conversation muted.",
+        "mutedRemotelyDescription": "നിങ്ങൾ സംസാരിക്കാൻ തയ്യാറാകുമ്പോൾ നിങ്ങൾക്ക് എല്ലായ്പ്പോഴും അൺമ്യൂട്ട് ചെയ്യാനാകും. മീറ്റിംഗിൽ നിന്ന് ശബ്‌ദം ഒഴിവാക്കാൻ നിങ്ങൾ പൂർത്തിയാക്കുമ്പോൾ നിശബ്ദമാക്കുക.",
+        "mutedRemotelyTitle": "നിങ്ങളെ {{participantDisplayName}} നിശബ്‌ദമാക്കിയിരിക്കുന്നു!",
+        "mutedTitle": "നിങ്ങൾ നിശബ്ദമാണ്!",
+        "newDeviceAction": "ഉപയോഗം",
+        "newDeviceAudioTitle": "പുതിയ ഓഡിയോ ഉപകരണം കണ്ടെത്തി",
+        "newDeviceCameraTitle": "പുതിയ ക്യാമറ കണ്ടെത്തി",
+        "oldElectronClientDescription1": "സുരക്ഷാ കേടുപാടുകൾ അടങ്ങുന്ന  ജിറ്റ്‌സി മീറ്റ് ക്ലയന്റിന്റെ പഴയ പതിപ്പ് നിങ്ങൾ ഉപയോഗിക്കുന്നതായി തോന്നുന്നു.",
+        "oldElectronClientDescription2": "ഞങ്ങളുടെ ഏറ്റവും പുതിയ ബിൽഡിലേക്ക് നിങ്ങൾ ഇപ്പോൾ അപ്‌ഡേറ്റ് ചെയ്യുന്നുവെന്ന്",
+        "oldElectronClientDescription3": " ഉറപ്പാക്കുക!",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) എന്നയാളെ  മറ്റൊരു പങ്കാളി നീക്കംചെയ്‌തു",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) set by another participant",
+        "raisedHand": "{{name}} സംസാരിക്കാൻ ആഗ്രഹിക്കുന്നു.",
+        "somebody": "Somebody",
+        "startSilentDescription": "ഓഡിയോ പ്രവർത്തനക്ഷമമാക്കാൻ മീറ്റിംഗിൽ വീണ്ടും ചേരുക",
+        "startSilentTitle": "ഓഡിയോ ഔട്ട്പുട്ട് ഇല്ലാതെ നിങ്ങൾ ചേർന്നു!",
+        "suboptimalBrowserWarning": "നിങ്ങളുടെ മീറ്റിംഗ് അനുഭവം ഇവിടെ മികച്ചതായിരിക്കില്ലെന്ന് ഞങ്ങൾ ഭയപ്പെടുന്നു. ഇത് മെച്ചപ്പെടുത്തുന്നതിനുള്ള വഴികൾ ഞങ്ങൾ തിരയുന്നു, പക്ഷേ അതുവരെ ദയവായി <a href='{{recommendedBrowserPageLink}}' target='_blank'>പൂർണ്ണമായി പിന്തുണയ്‌ക്കുന്ന ബ്രൗസറുകളിൽ</a> ഒന്ന് ഉപയോഗിക്കാൻ ശ്രമിക്കുക..",
+        "suboptimalExperienceTitle": "ബ്രൗസർ മുന്നറിയിപ്പ്",
+        "unmute": "അൺമ്യൂട്ട്"
+    },
+    "participantsPane": {
+        "actions": {
+            "reject": "നിരസിക്കുക"
+        }
+    },
+    "passwordDigitsOnly": "{{number}} അക്കങ്ങൾ വരെ",
+    "passwordSetRemotely": "മറ്റൊരു പങ്കാളി സജ്ജമാക്കിയത്",
+    "polls": {
+        "errors": {
+            "notUniqueOption": "ഓപ്ഷനുകൾ അദ്വിതീയമായിരിക്കണം"
+        }
+    },
+    "poweredby": "powered by",
+    "prejoin": {
+        "audioAndVideoError": "ഓഡിയോ, വീഡിയോ പിശക്:",
+        "audioDeviceProblem": "നിങ്ങളുടെ ഓഡിയോ ഉപകരണത്തിൽ ഒരു പ്രശ്‌നമുണ്ട്",
+        "audioOnlyError": "ഓഡിയോ പിശക്:",
+        "audioTrackError": "ഓഡിയോ ട്രാക്ക് സൃഷ്ടിക്കാൻ കഴിഞ്ഞില്ല.",
+        "callMe": "എന്നെ വിളിക്കുക",
+        "callMeAtNumber": "ഈ നമ്പറിൽ എന്നെ വിളിക്കുക:",
+        "calling": "വിളിക്കുന്നു",
+        "configuringDevices": "ഉപകരണങ്ങൾ ക്രമീകരിക്കുന്നു…",
+        "connectedWithAudioQ": "നിങ്ങൾ ഓഡിയോയുമായി ബന്ധിപ്പിച്ചിട്ടുണ്ടോ?",
+        "connection": {
+            "good": "നിങ്ങളുടെ ഇന്റർനെറ്റ് കണക്ഷൻ മികച്ചതായി തോന്നുന്നു!",
+            "nonOptimal": "നിങ്ങളുടെ ഇന്റർനെറ്റ് കണക്ഷൻ അനുയോജ്യമല്ല",
+            "poor": "നിങ്ങൾക്ക് ഒരു മോശം ഇന്റർനെറ്റ് കണക്ഷൻ ഉണ്ട്"
+        },
+        "connectionDetails": {
+            "audioClipping": "നിങ്ങളുടെ ഓഡിയോ ക്ലിപ്പ് ചെയ്യുമെന്ന് ഞങ്ങൾ പ്രതീക്ഷിക്കുന്നു.",
+            "audioHighQuality": "നിങ്ങളുടെ ഓഡിയോയ്ക്ക് മികച്ച നിലവാരമുണ്ടെന്ന് ഞങ്ങൾ പ്രതീക്ഷിക്കുന്നു.",
+            "audioLowNoVideo": "നിങ്ങളുടെ ഓഡിയോ നിലവാരം കുറവായിരിക്കുമെന്നും വീഡിയോയില്ലെന്നും ഞങ്ങൾ പ്രതീക്ഷിക്കുന്നു.",
+            "goodQuality": "കൊള്ളാം! നിങ്ങളുടെ മീഡിയ നിലവാരം മികച്ചതായിരിക്കും.",
+            "noMediaConnectivity": "ഈ പരിശോധനയ്ക്കായി മീഡിയ കണക്റ്റിവിറ്റി സ്ഥാപിക്കുന്നതിനുള്ള ഒരു മാർഗം കണ്ടെത്താൻ ഞങ്ങൾക്ക് കഴിഞ്ഞില്ല. ഇത് സാധാരണയായി ഒരു ഫയർവാൾ അല്ലെങ്കിൽ NAT മൂലമാണ് സംഭവിക്കുന്നത്.",
+            "noVideo": "നിങ്ങളുടെ വീഡിയോ ഭയങ്കരമാകുമെന്ന് ഞങ്ങൾ പ്രതീക്ഷിക്കുന്നു.",
+            "undetectable": "നിങ്ങൾക്ക് ഇപ്പോഴും ബ്രൗസറിൽ  കോളുകൾ ചെയ്യാൻ കഴിയുന്നില്ലെങ്കിൽ, നിങ്ങളുടെ സ്പീക്കറുകൾ, മൈക്രോഫോൺ, ക്യാമറ എന്നിവ ശരിയായി സജ്ജമാക്കിയിട്ടുണ്ടെന്നും നിങ്ങളുടെ മൈക്രോഫോണും ക്യാമറയും ഉപയോഗിക്കുന്നതിന് ബ്രൌസർ അവകാശങ്ങൾ നൽകിയിട്ടുണ്ടെന്നും നിങ്ങളുടെ ബ്രൌസർ പതിപ്പ് കാലികമാണെന്നും ഉറപ്പുവരുത്താൻ ഞങ്ങൾ ശുപാർശ ചെയ്യുന്നു.നിങ്ങൾക്ക് ഇപ്പോഴും വിളിക്കുന്നതിൽ പ്രശ്നമുണ്ടെങ്കിൽ, നിങ്ങൾ വെബ് ആപ്ലിക്കേഷൻ ഡവലപ്പറുമായി ബന്ധപ്പെടണം.",
+            "veryPoorConnection": "നിങ്ങളുടെ കോൾ നിലവാരം വളരെ മോശമാണെന്ന് ഞങ്ങൾ പ്രതീക്ഷിക്കുന്നു.",
+            "videoFreezing": "നിങ്ങളുടെ വീഡിയോ മരവിപ്പിക്കുമെന്നും കറുപ്പായി മാറുമെന്നും പിക്സലേറ്റ് ചെയ്യപ്പെടുമെന്നും ഞങ്ങൾ പ്രതീക്ഷിക്കുന്നു.",
+            "videoHighQuality": "നിങ്ങളുടെ വീഡിയോയ്ക്ക് മികച്ച നിലവാരം ഉണ്ടായിരിക്കുമെന്ന് ഞങ്ങൾ പ്രതീക്ഷിക്കുന്നു.",
+            "videoLowQuality": "ഫ്രെയിം റേറ്റും റെസല്യൂഷനും അനുസരിച്ച് നിങ്ങളുടെ വീഡിയോയ്ക്ക് ഗുണനിലവാരമില്ലെന്ന് ഞങ്ങൾ പ്രതീക്ഷിക്കുന്നു.",
+            "videoTearing": "നിങ്ങളുടെ വീഡിയോ പിക്സലേറ്റഡ് അല്ലെങ്കിൽ വിഷ്വൽ ആർട്ടിഫാക്റ്റുകൾ ഉണ്ടെന്ന് ഞങ്ങൾ പ്രതീക്ഷിക്കുന്നു."
+        },
+        "copyAndShare": "മീറ്റിംഗ് ലിങ്ക് പകർത്തി പങ്കിടുക",
+        "dialInMeeting": "മീറ്റിംഗിലേക്ക് ഡയൽ ചെയ്യുക",
+        "dialInPin": "മീറ്റിംഗിലേക്ക് ഡയൽ ചെയ്ത് പിൻ കോഡ് നൽകുക:",
+        "dialing": "ഡയൽ ചെയ്യുന്നു",
+        "doNotShow": "ഇത് വീണ്ടും കാണിക്കരുത്",
+        "errorDialOut": "ഡയൽ ചെയ്യാൻ കഴിഞ്ഞില്ല",
+        "errorDialOutDisconnected": "ഡയൽ ചെയ്യാൻ കഴിഞ്ഞില്ല.വിച്ഛേദിച്ചു",
+        "errorDialOutFailed": "ഡയൽ ചെയ്യാൻ കഴിഞ്ഞില്ല.കോൾ പരാജയപ്പെട്ടിരിക്കുന്നു",
+        "errorDialOutStatus": "ഡയൽ ഔട്ട് നില നേടുന്നതിൽ പിശക്",
+        "errorMissingName": "മീറ്റിംഗിൽ ചേരാൻ ദയവായി നിങ്ങളുടെ പേര് നൽകുക",
+        "errorStatusCode": "ഡയൽ ഔട്ട് ചെയ്യുന്നതിൽ പിശക്, സ്റ്റാറ്റസ് കോഡ്: {{status}}",
+        "errorValidation": "നമ്പർ മൂല്യനിർണ്ണയം പരാജയപ്പെട്ടു",
+        "iWantToDialIn": "എനിക്ക് ഡയൽ ഇൻ ചെയ്യണം",
+        "initiated": "കോൾ ആരംഭിച്ചു",
+        "joinAudioByPhone": "ഫോൺ ഓഡിയോയിൽ ചേരുക",
+        "joinMeeting": "മീറ്റിംഗിൽ ചേരുക",
+        "joinWithoutAudio": "ഓഡിയോ ഇല്ലാതെ ചേരുക",
+        "linkCopied": "ലിങ്ക് ക്ലിപ്പ്ബോർഡിലേക്ക് പകർത്തി",
+        "lookGood": "നിങ്ങളുടെ മൈക്രോഫോൺ ശരിയായി പ്രവർത്തിക്കുന്നതായി തോന്നുന്നു",
+        "or": "അല്ലെങ്കിൽ",
+        "premeeting": "പ്രീ മീറ്റിംഗ്",
+        "screenSharingError": "സ്ക്രീൻ പങ്കിടൽ പിശക്:",
+        "startWithPhone": "ഫോൺ ഓഡിയോ ഉപയോഗിച്ച് ആരംഭിക്കുക",
+        "videoOnlyError": "വീഡിയോ പിശക്:",
+        "videoTrackError": "വീഡിയോ ട്രാക്ക് സൃഷ്ടിക്കാൻ കഴിഞ്ഞില്ല.",
+        "viewAllNumbers": "എല്ലാ അക്കങ്ങളും കാണുക"
+    },
+    "presenceStatus": {
+        "busy": "തിരക്ക്",
+        "calling": "വിളിക്കുന്നു…",
+        "connected": "ബന്ധിപ്പിച്ചു",
+        "connecting": "ബന്ധിപ്പിക്കുന്നു…",
+        "connecting2": "ബന്ധിപ്പിക്കുന്നു*…",
+        "disconnected": "വിച്ഛേദിച്ചു",
+        "expired": "കാലഹരണപ്പെട്ടു",
+        "ignored": "അവഗണിച്ചു",
+        "initializingCall": "കോൾ സമാരംഭിക്കുന്നു…",
+        "invited": "ക്ഷണിച്ചു",
+        "rejected": "നിരസിച്ചു",
+        "ringing": "റിംഗുചെയ്യുന്നു…"
+    },
+    "profile": {
+        "setDisplayNameLabel": "നിങ്ങളുടെ ഡിസ്പ്ലേ നാമം സജ്ജമാക്കുക",
+        "setEmailInput": "ഇ-മെയിൽ നൽകുക",
+        "setEmailLabel": "നിങ്ങളുടെ ഗ്രാവതാർ ഇമെയിൽ സജ്ജമാക്കുക",
+        "title": "പ്രൊഫൈൽ"
+    },
+    "raisedHand": "സംസാരിക്കാൻ ആഗ്രഹിക്കുന്നു",
+    "recording": {
+        "authDropboxText": "ഡ്രോപ്പ്ബോക്സിലേക്ക് അപ്‌ലോഡ് ചെയ്യുക",
+        "availableSpace": "ലഭ്യമായ സ്ഥലം: {{spaceLeft}} MB (ഏകദേശം  {{duration}} മിനിറ്റ് റെക്കോർഡിംഗ്)",
+        "beta": "ബീറ്റ",
+        "busy": "റെക്കോർഡിംഗ് ഉറവിടങ്ങൾ സ്വതന്ത്രമാക്കുന്നതിനായി ഞങ്ങൾ പ്രവർത്തിക്കുന്നു. കുറച്ച് മിനിറ്റിനുള്ളിൽ വീണ്ടും ശ്രമിക്കുക.",
+        "busyTitle": "എല്ലാ റെക്കോർഡറുകളും നിലവിൽ തിരക്കിലാണ്",
+        "error": "റെക്കോർഡിംഗ് പരാജയപ്പെട്ടു. ദയവായി വീണ്ടും ശ്രമിക്കുക.",
+        "expandedOff": "റെക്കോർഡിംഗ് അവസാനിച്ചു ",
+        "expandedOn": "മീറ്റിംഗ് നിലവിൽ റെക്കോർഡുചെയ്യുന്നു.",
+        "expandedPending": "റെക്കോർഡിംഗ് ആരംഭിച്ചു…",
+        "failedToStart": "റെക്കോർഡിംഗ് ആരംഭിക്കുന്നതിൽ പരാജയപ്പെട്ടു",
+        "fileSharingdescription": "മീറ്റിംഗ് പങ്കാളികളുമായി റെക്കോർഡിംഗ് പങ്കിടുക",
+        "limitNotificationDescriptionNative": "ഉയർന്ന ഡിമാൻഡ് കാരണം നിങ്ങളുടെ റെക്കോർഡിംഗ് {{limit}} മിനിറ്റായി പരിമിതപ്പെടുത്തും. പരിധിയില്ലാത്ത റെക്കോർഡിംഗുകൾക്കായി <3>{{app}}</3>.",
+        "limitNotificationDescriptionWeb": "ഉയർന്ന ഡിമാൻഡ് കാരണം നിങ്ങളുടെ റെക്കോർഡിംഗ് {{limit}} മിനിറ്റായി പരിമിതപ്പെടുത്തും. പരിധിയില്ലാത്ത റെക്കോർഡിംഗുകൾക്കായി <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "live": "തത്സമയം",
+        "loggedIn": "{{userName}} എന്നയാളായി ലോഗിൻ ചെയ്‌തു",
+        "off": "െക്കോർഡിംഗ് അവസാനിച്ചു",
+        "offBy": "{{name}} റെക്കോർഡിംഗ് നിർത്തി",
+        "on": "റെക്കോർഡിംഗ്",
+        "onBy": "{{name}} റെക്കോർഡിംഗ് ആരംഭിച്ചു",
+        "pending": "മീറ്റിംഗ് റെക്കോർഡുചെയ്യാൻ തയ്യാറെടുക്കുന്നു…",
+        "rec": "REC",
+        "serviceDescription": "നിങ്ങളുടെ റെക്കോർഡിംഗ് റെക്കോർഡിംഗ് സേവനം സൂക്ഷിക്കും",
+        "serviceName": "റെക്കോർഡിംഗ് സേവനം ",
+        "signIn": "അകത്തുകയറുക",
+        "signOut": "പുറത്തിറങ്ങുക",
+        "title": "റെക്കോർഡിംഗ്",
+        "unavailable": "ക്ഷമിക്കണം {{serviceName}} നിലവിൽ ലഭ്യമല്ല. പ്രശ്നം പരിഹരിക്കുന്നതിനായി ഞങ്ങൾ പ്രവർത്തിക്കുന്നു. പിന്നീട് വീണ്ടും ശ്രമിക്കുക.",
+        "unavailableTitle": "റെക്കോർഡിംഗ് ലഭ്യമല്ല"
+    },
+    "sectionList": {
+        "pullToRefresh": "Pull to refresh"
+    },
+    "security": {
+        "about": "You can add a $t(lockRoomPassword) to your meeting. Participants will need to provide the $t(lockRoomPassword) before they are allowed to join the meeting.",
+        "aboutReadOnly": "Moderator participants can add a $t(lockRoomPassword) to the meeting. Participants will need to provide the $t(lockRoomPassword) before they are allowed to join the meeting.",
+        "insecureRoomNameWarning": "റൂമിന്റെ പേര് സുരക്ഷിതമല്ല. അനാവശ്യ പങ്കാളികൾക്ക് നിങ്ങളുടെ കോൺഫറൻസിൽ ചേരാം. സുരക്ഷാ ബട്ടൺ ഉപയോഗിച്ച് നിങ്ങളുടെ മീറ്റിംഗ് സുരക്ഷിതമാക്കുന്നത് പരിഗണിക്കുക.",
+        "securityOptions": "സുരക്ഷാ ഓപ്ഷനുകൾ"
+    },
+    "settings": {
+        "calendar": {
+            "about": "നിങ്ങളുടെ കലണ്ടർ സുരക്ഷിതമായി ആക്സസ് ചെയ്യുന്നതിന്  {{appName}} കലണ്ടർ സംയോജനം ഉപയോഗിക്കുന്നതിനാൽ വരാനിരിക്കുന്ന ഇവന്റുകൾ വായിക്കാൻ കഴിയും.",
+            "disconnect": "വിച്ഛേദിക്കുക",
+            "microsoftSignIn": "മൈക്രോസോഫ്ട്  ഉപയോഗിച്ച് പ്രവേശിക്കുക",
+            "signedIn": "{{email}} ഇനായി കലണ്ടർ ഇവന്റുകൾ ആക്‌സസ്സുചെയ്യുന്നു. കലണ്ടർ ഇവന്റുകൾ ആക്സസ് ചെയ്യുന്നത് നിർത്താൻ ചുവടെയുള്ള വിച്ഛേദിക്കുക ബട്ടൺ ക്ലിക്കുചെയ്യുക.",
+            "title": "കലണ്ടർ"
+        },
+        "devices": "ഉപകരണങ്ങൾ",
+        "followMe": "എല്ലാവരും എന്നെ പിന്തുടരുന്നു",
+        "language": "ഭാഷ",
+        "loggedIn": "Logged in as {{name}}",
+        "microphones": "മൈക്രോഫോണുകൾ",
+        "moderator": "മോഡറേറ്റർ",
+        "more": "കൂടുതൽ",
+        "name": "പേര്",
+        "noDevice": "ഒന്നുമില്ല",
+        "selectAudioOutput": "ഓഡിയോ ഔട്ട്പുട്ട് ",
+        "selectCamera": "ക്യാമറ",
+        "selectMic": "മൈക്രോഫോൺ",
+        "speakers": "സ്പീക്കറുകൾ",
+        "startAudioMuted": "Everyone starts muted",
+        "startVideoMuted": "Everyone starts hidden",
+        "title": "സജ്ജീകരണങ്ങള്‍"
+    },
+    "settingsView": {
+        "advanced": "അധികമായതു്",
+        "alertCancel": "റദ്ദാക്കുക",
+        "alertOk": "ശരി",
+        "alertTitle": "മുന്നറിയിപ്പ്",
+        "alertURLText": "നൽകിയ സെർവർ URL അസാധുവാണ്",
+        "buildInfoSection": "ബിൽഡ് വിവരങ്ങൾ",
+        "conferenceSection": "കോൺഫറൻസ് ",
+        "disableCallIntegration": "നേറ്റീവ് കോൾ സംയോജനം പ്രവർത്തനരഹിതമാക്കുക",
+        "disableCrashReporting": "പിയർ-ടു-പിയർ മോഡ് പ്രവർത്തനരഹിതമാക്കുക",
+        "disableCrashReportingWarning": "ക്രാഷ് റിപ്പോർട്ടിംഗ് അപ്രാപ്തമാക്കണമെന്ന് നിങ്ങൾക്ക് ഉറപ്പാണോ? നിങ്ങൾ അപ്ലിക്കേഷൻ പുനരാരംഭിച്ച ശേഷം ക്രമീകരണം പ്രയോഗിക്കും.",
+        "disableP2P": "പിയർ-ടു-പിയർ മോഡ് പ്രവർത്തനരഹിതമാക്കുക",
+        "displayName": "പ്രദർശിപ്പിയ്ക്കേണ്ട നാമം",
+        "email": "ഇമെയിൽ",
+        "header": "സജ്ജീകരണങ്ങള്‍",
+        "profileSection": "പ്രൊഫൈൽ",
+        "serverURL": "സെർവർ URL",
+        "showAdvanced": "വിപുലമായ ക്രമീകരണങ്ങൾ കാണിക്കുക",
+        "startWithAudioMuted": "Start with audio muted",
+        "startWithVideoMuted": "Start with video muted",
+        "version": "Version"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nനിങ്ങളുടെ ഫോണിൽ ഡയൽ ഇൻ ചെയ്യണോ?\n\n{{defaultDialInNumber}}ഈ മീറ്റിംഗിന്റെ ഡയൽ ഇൻ ഫോൺ നമ്പറുകൾ കാണുന്നതിന് ഈ ലിങ്കിൽ ക്ലിക്കുചെയ്യുക\n{{dialInfoPageUrl}}",
+        "mainText": "മീറ്റിംഗിൽ ചേരുന്നതിനായി താഴെപ്പറയുന്ന ലിങ്കിൽ ക്ലിക്കുചെയ്യുക:\n{{roomUrl}}"
+    },
+    "speaker": "സ്പീക്കർ",
+    "speakerStats": {
+        "hours": "{{count}}h",
+        "minutes": "{{count}}m",
+        "name": "പേര്",
+        "search": "തിരയുക",
+        "searchHint": "പങ്കെടുക്കുന്നവരെ തിരയുക",
+        "seconds": "{{count}}s",
+        "speakerStats": "സ്പീക്കർ സ്ഥിതിവിവരക്കണക്കുകൾ",
+        "speakerTime": "സ്പീക്കർ സമയം"
+    },
+    "startupoverlay": {
+        "policyText": " ",
+        "title": "{{app}} നിങ്ങളുടെ മൈക്രോഫോണും ക്യാമറയും ഉപയോഗിക്കേണ്ടതുണ്ട്."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "വീണ്ടും ചേരുക",
+        "text": "വീണ്ടും ബന്ധിപ്പിക്കുന്നതിന് <i>വീണ്ടും ചേരുക</i> ബട്ടൺ അമർത്തുക.",
+        "title": "ഈ കമ്പ്യൂട്ടർ സ്ലീപ്പിൽ  പോയതിനാൽ നിങ്ങളുടെ വീഡിയോ കോൾ തടസ്സപ്പെട്ടു."
+    },
+    "toolbar": {
+        "Settings": "സജ്ജീകരണങ്ങള്‍",
+        "accessibilityLabel": {
+            "Settings": "സജ്ജീകരണങ്ങള്‍ ടോഗിൾ ചെയ്യുക",
+            "audioOnly": "ഓഡിയോ മാത്രം ടോഗിൾ ചെയ്യുക",
+            "audioRoute": "ശബ്‌ദ ഉപകരണം തിരഞ്ഞെടുക്കുക",
+            "callQuality": "വീഡിയോ നിലവാരം നിയന്ത്രിക്കുക",
+            "cc": "സബ്‌ടൈറ്റിലുകൾ ടോഗിൾ ചെയ്യുക",
+            "chat": "ചാറ്റ് വിൻഡോ ടോഗിൾ ചെയ്യുക",
+            "document": "പങ്കിട്ട പ്രമാണം ടോഗിൾ ചെയ്യുക",
+            "download": "ഞങ്ങളുടെ അപ്ലിക്കേഷനുകൾ ഡൗൺലോഡുചെയ്യുക",
+            "embedMeeting": "മീറ്റിംഗ് എംബെഡ് ചെയ്യുക ",
+            "feedback": "പ്രതികരണം അറിയിക്കൂ",
+            "fullScreen": "പൂർണ്ണ സ്‌ക്രീൻ ടോഗിൾ ചെയ്യുക",
+            "grantModerator": "മോഡറേറ്റർ അവകാശം നൽകുക ",
+            "hangup": "കോൾ വിടുക",
+            "help": "സഹായം",
+            "invite": "ആളുകളെ ക്ഷണിക്കുക",
+            "kick": "പങ്കാളിയെ പുറത്താക്കുക",
+            "lobbyButton": "ലോബി മോഡ് പ്രാപ്തമാക്കുക/അപ്രാപ്തമാക്കുക",
+            "localRecording": "പ്രാദേശിക റെക്കോർഡിംഗ് നിയന്ത്രണങ്ങൾ ടോഗിൾ ചെയ്യുക",
+            "lockRoom": "മീറ്റിംഗ് പാസ്‌വേഡ് ടോഗിൾ ചെയ്യുക",
+            "moreActions": "കൂടുതൽ പ്രവർത്തന മെനു ടോഗിൾ ചെയ്യുക",
+            "moreActionsMenu": "കൂടുതൽ പ്രവർത്തന മെനു",
+            "moreOptions": "കൂടുതൽ ഓപ്ഷനുകൾ കാണിക്കുക",
+            "mute": "ഓഡിയോ മ്യൂട്ട് ടോഗിൾ ചെയ്യുക",
+            "muteEveryone": "എല്ലാവരേയും നിശബ്ദമാക്കുക",
+            "pip": "പിക്ചർ-ഇൻ-പിക്ചർ മോഡ് ടോഗിൾ ചെയ്യുക",
+            "privateMessage": "സ്വകാര്യ സന്ദേശം അയയ്‌ക്കുക",
+            "profile": "നിങ്ങളുടെ പ്രൊഫൈൽ എഡിറ്റുചെയ്യുക",
+            "raiseHand": "കൈ ഉയർത്തുക ടോഗിൾ ചെയ്യുക",
+            "recording": "റെക്കോർഡിംഗ് ടോഗിൾ ചെയ്യുക",
+            "remoteMute": "പങ്കാളിയെ നിശബ്ദമാക്കുക",
+            "security": "സുരക്ഷാ ഉപാധികൾ ",
+            "shareRoom": "ആരെയെങ്കിലും ക്ഷണിക്കുക",
+            "shareYourScreen": "സ്ക്രീൻഷെയർ ടോഗിൾ ചെയ്യുക",
+            "sharedvideo": "യൂട്യൂബ് വീഡിയോ പങ്കിടൽ ടോഗിൾ ചെയ്യുക",
+            "shortcuts": "കുറുക്കുവഴികൾ ടോഗിൾ ചെയ്യുക",
+            "show": "സ്റ്റേജിൽ കാണിക്കുക",
+            "speakerStats": "സ്പീക്കർ സ്ഥിതിവിവരക്കണക്കുകൾ ടോഗിൾ ചെയ്യുക",
+            "tileView": "ടൈൽ കാഴ്ച ടോഗിൾ ചെയ്യുക",
+            "toggleCamera": "ക്യാമറ ടോഗിൾ ചെയ്യുക",
+            "toggleFilmstrip": "ഫിലിംസ്ട്രിപ്പ് ടോഗിൾ ചെയ്യുക",
+            "videoblur": "വീഡിയോ മങ്ങൽ ടോഗിൾ ചെയ്യുക",
+            "videomute": "നിശബ്ദ വീഡിയോ ടോഗിൾ ചെയ്യുക"
+        },
+        "addPeople": "നിങ്ങളുടെ കോളിലേക്ക് ആളുകളെ ചേർക്കുക",
+        "audioOnlyOff": "കുറഞ്ഞ ബാൻഡ്‌വിഡ്ത്ത് മോഡ് പ്രവർത്തനരഹിതമാക്കുക",
+        "audioOnlyOn": "കുറഞ്ഞ ബാൻഡ്‌വിഡ്ത്ത് മോഡ് പ്രവർത്തനക്ഷമമാക്കുക",
+        "audioRoute": "ശബ്‌ദ ഉപകരണം തിരഞ്ഞെടുക്കുക",
+        "authenticate": "പ്രാമാണീകരിക്കുക",
+        "callQuality": "വീഡിയോ നിലവാരം നിയന്ത്രിക്കുക",
+        "chat": "ചാറ്റ് തുറക്കുക/അടയ്‌ക്കുക",
+        "closeChat": "ചാറ്റ് അടയ്‌ക്കുക",
+        "documentClose": "പങ്കിട്ട രേഖ അടയ്‌ക്കുക",
+        "documentOpen": "പങ്കിട്ട രേഖ തുറക്കുക",
+        "download": "ഞങ്ങളുടെ അപ്ലിക്കേഷനുകൾ ഡൗൺലോഡുചെയ്യുക",
+        "e2ee": "ആദ്യാവസാനം എൻക്രിപ്ട് ചെയ്‌തത്‌",
+        "embedMeeting": "മീറ്റിംഗ് എംബെഡ് ചെയ്യുക ",
+        "enterFullScreen": "പൂർണ്ണ സ്ക്രീൻ കാണുക",
+        "enterTileView": "ടൈൽ കാഴ്ച നൽകുക",
+        "exitFullScreen": "പൂർണ്ണ സ്ക്രീനിൽ നിന്ന് പുറത്തുകടക്കുക",
+        "exitTileView": "ടൈൽ കാഴ്‌ചയിൽ നിന്ന് പുറത്തുകടക്കുക",
+        "feedback": "പ്രതികരണം അറിയിക്കൂ",
+        "hangup": "പുറത്ത് കടക്കുക",
+        "help": "സഹായം",
+        "invite": "ആളുകളെ ക്ഷണിക്കുക",
+        "lobbyButtonDisable": "ലോബി മോഡ് പ്രവർത്തനരഹിതമാക്കുക",
+        "lobbyButtonEnable": "ലോബി മോഡ് പ്രവർത്തനക്ഷമമാക്കുക",
+        "login": "അകത്തുകയറുക",
+        "logout": "പുറത്തു കടക്കുക",
+        "lowerYourHand": "നിങ്ങളുടെ കൈ താഴ്ത്തുക",
+        "moreActions": "കൂടുതൽ പ്രവർത്തനങ്ങൾ",
+        "moreOptions": "കൂടുതൽ ഉപാധികൾ ",
+        "mute": "Mute / Unmute",
+        "muteEveryone": "എല്ലാവരേയും നിശബ്ദമാക്കുക",
+        "noAudioSignalDesc": "സിസ്റ്റം ക്രമീകരണങ്ങളിൽ നിന്നോ ഹാർഡ്‌വെയറിൽ നിന്നോ നിങ്ങൾ ഇത് മന ute പൂർവ്വം നിശബ്ദമാക്കിയില്ലെങ്കിൽ, ഉപകരണം മാറുന്നത് പരിഗണിക്കുക.",
+        "noAudioSignalDescSuggestion": "സിസ്റ്റം ക്രമീകരണങ്ങളിൽ നിന്നോ ഹാർഡ്‌വെയറിൽ നിന്നോ നിങ്ങൾ ഇത് മന ute പൂർവ്വം നിശബ്ദമാക്കിയിട്ടില്ലെങ്കിൽ, നിർദ്ദേശിച്ച ഉപകരണത്തിലേക്ക് മാറുന്നത് പരിഗണിക്കുക.",
+        "noAudioSignalDialInDesc": "ഇനിപ്പറയുന്നവ ഉപയോഗിച്ച് നിങ്ങൾക്ക് ഡയൽ-ഇൻ ചെയ്യാനും കഴിയും:",
+        "noAudioSignalDialInLinkDesc": "ഡയൽ-ഇൻ നമ്പറുകൾ",
+        "noAudioSignalTitle": "നിങ്ങളുടെ മൈക്കിൽ നിന്ന് ഇൻപുട്ട് ഇല്ല!",
+        "noisyAudioInputDesc": "നിങ്ങളുടെ മൈക്രോഫോൺ ശബ്ദമുണ്ടാക്കുന്നതായി തോന്നുന്നു, ഉപകരണം മ്യൂട്ടുചെയ്യുന്നത് അല്ലെങ്കിൽ മാറ്റുന്നത് പരിഗണിക്കുക.",
+        "noisyAudioInputTitle": "Your microphone appears to be noisy!",
+        "openChat": "ചാറ്റ് തുറക്കുക",
+        "pip": "പിക്ചർ-ഇൻ-പിക്ചർ മോഡ് നൽകുക",
+        "privateMessage": "സ്വകാര്യ സന്ദേശം അയയ്‌ക്കുക",
+        "profile": "നിങ്ങളുടെ പ്രൊഫൈൽ എഡിറ്റുചെയ്യുക",
+        "raiseHand": "നിങ്ങളുടെ കൈ ഉയർത്തുക/താഴ്ത്തുക",
+        "raiseYourHand": "നിങ്ങളുടെ കൈ ഉയർത്തുക",
+        "security": "സുരക്ഷാ ഉപാധികൾ ",
+        "shareRoom": "ആരെയെങ്കിലും ക്ഷണിക്കുക",
+        "sharedvideo": "ഒരു യൂട്യൂബ് വീഡിയോ പങ്കിടുക",
+        "shortcuts": "കുറുക്കുവഴികൾ കാണുക",
+        "speakerStats": "സ്പീക്കർ സ്ഥിതിവിവരക്കണക്കുകൾ",
+        "startScreenSharing": "സ്‌ക്രീൻ പങ്കിടൽ ആരംഭിക്കുക",
+        "startSubtitles": "സബ്ടൈറ്റിലുകൾ ആരംഭിക്കുക",
+        "startvideoblur": "എന്റെ പശ്ചാത്തലം മങ്ങിക്കുക",
+        "stopScreenSharing": "സ്‌ക്രീൻ പങ്കിടൽ നിർത്തുക",
+        "stopSharedVideo": "യൂട്യൂബ് വീഡിയോ നിർത്തുക",
+        "stopSubtitles": "സബ്‌ടൈറ്റിലുകൾ നിർത്തുക",
+        "stopvideoblur": "പശ്ചാത്തല മങ്ങൽ പ്രവർത്തനരഹിതമാക്കുക",
+        "talkWhileMutedPopup": "സംസാരിക്കാൻ ശ്രമിക്കുകയാണോ? നിങ്ങൾ നിശബ്ദമാണ്.",
+        "tileViewToggle": "ടൈൽ കാഴ്ച ടോഗിൾ ചെയ്യുക",
+        "toggleCamera": "ക്യാമറ ടോഗിൾ ചെയ്യുക",
+        "videomute": "ക്യാമറ ആരംഭിക്കുക/നിർത്തുക"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "സബ്ടൈറ്റിലുകൾ ആരംഭിക്കുക/നിർത്തുക",
+        "error": "ട്രാൻസ്‌ക്രൈബുചെയ്യൽ പരാജയപ്പെട്ടു. ദയവായി വീണ്ടും ശ്രമിക്കുക.",
+        "expandedLabel": "ട്രാൻസ്‌ക്രൈബുചെയ്യൽ നിലവിൽ ഓണാണ്",
+        "failedToStart": "ട്രാൻസ്‌ക്രൈബുചെയ്യൽ ആരംഭിക്കുന്നതിൽ പരാജയപ്പെട്ടു",
+        "labelToolTip": "മീറ്റിംഗ് പകർത്തിയെഴുതുകയാണ്",
+        "off": "ട്രാൻസ്‌ക്രൈബുചെയ്യൽ നിർത്തി",
+        "pending": "മീറ്റിംഗ് പകർത്തിയെഴുതാൻ  തയ്യാറെടുക്കുന്നു…",
+        "start": "സബ്ടൈറ്റിലുകൾ കാണിക്കാൻ ആരംഭിക്കുക",
+        "stop": "സബ്‌ടൈറ്റിലുകൾ കാണിക്കുന്നത് നിർത്തുക",
+        "tr": "TR"
+    },
+    "userMedia": {
+        "grantPermissions": "നിങ്ങളുടെ ക്യാമറയും മൈക്രോഫോണും ഉപയോഗിക്കാൻ അനുമതി നൽകുക."
+    },
+    "videoSIPGW": {
+        "busy": "ഉറവിടങ്ങൾ സ്വതന്ത്രമാക്കുന്നതിനായി ഞങ്ങൾ പ്രവർത്തിക്കുന്നു. കുറച്ച് മിനിറ്റിനുള്ളിൽ വീണ്ടും ശ്രമിക്കുക.",
+        "busyTitle": "റൂം സേവനം നിലവിൽ തിരക്കിലാണ്",
+        "errorAlreadyInvited": "{{displayName}} already invited",
+        "errorInvite": "കോൺഫറൻസ് ഇതുവരെ സ്ഥാപിച്ചിട്ടില്ല. പിന്നീട് വീണ്ടും ശ്രമിക്കുക.",
+        "errorInviteFailed": "പ്രശ്നം പരിഹരിക്കുന്നതിനായി ഞങ്ങൾ പ്രവർത്തിക്കുന്നു. പിന്നീട് വീണ്ടും ശ്രമിക്കുക.",
+        "errorInviteFailedTitle": "Inviting {{displayName}} failed",
+        "errorInviteTitle": "റൂം ക്ഷണിക്കുന്നതിൽ പിശക്",
+        "pending": "{{displayName}} has been invited"
+    },
+    "videoStatus": {
+        "audioOnly": "AUD",
+        "audioOnlyExpanded": "നിങ്ങൾ കുറഞ്ഞ ബാൻഡ്‌വിഡ്ത്ത് മോഡിലാണ്. ഈ മോഡിൽ നിങ്ങൾക്ക് ഓഡിയോ, സ്ക്രീൻ പങ്കിടൽ മാത്രമേ ലഭിക്കൂ.",
+        "callQuality": "വീഡിയോ ഗുണമേന്മ",
+        "hd": "HD",
+        "hdTooltip": "ഹൈ ഡെഫനിഷൻ വീഡിയോ കാണുന്നു",
+        "highDefinition": "ഹൈ ഡെഫനിഷൻ",
+        "labelTooiltipNoVideo": "വീഡിയോ ഇല്ല",
+        "labelTooltipAudioOnly": "കുറഞ്ഞ ബാൻഡ്‌വിഡ്ത്ത് മോഡ് പ്രവർത്തനക്ഷമമാക്കി",
+        "ld": "LD",
+        "ldTooltip": "ലോ ഡെഫനിഷൻ വീഡിയോ കാണുന്നു",
+        "lowDefinition": "കുറഞ്ഞ നിർവചനം",
+        "onlyAudioAvailable": "ഓഡിയോ മാത്രം ലഭ്യമാണ്",
+        "onlyAudioSupported": "ഈ ബ്രൗസറിൽ ഓഡിയോ മാത്രമേ ഞങ്ങൾ പിന്തുണയ്ക്കൂ.",
+        "sd": "SD",
+        "sdTooltip": "ഡസ്റ്റാൻഡേർഡ് െഫനിഷൻ വീഡിയോ കാണുന്നു",
+        "standardDefinition": "ഡസ്റ്റാൻഡേർഡ് െഫനിഷൻ"
+    },
+    "videothumbnail": {
+        "domute": "നിശ്ശബ്ദമാക്കുക",
+        "domuteOthers": "മറ്റെല്ലാവരെയും നിശബ്ദമാക്കുക",
+        "flip": "ഫ്ലിപ്പ് ചെയ്യുക",
+        "grantModerator": "മോഡറേറ്റർ അവകാശം നൽകുക ",
+        "kick": "പുറത്താക്കുക",
+        "moderator": "മോഡറേറ്റർ",
+        "mute": "പങ്കെടുക്കുന്നയാൾ നിശബ്ദമാക്കി",
+        "muted": "നിശബ്ദമാക്കി",
+        "remoteControl": "വിദൂര നിയന്ത്രണം ആരംഭിക്കുക/നിർത്തുക",
+        "show": "സ്റ്റേജിൽ കാണിക്കുക",
+        "videomute": "പങ്കെടുക്കുന്നയാൾ ക്യാമറ നിർത്തി"
+    },
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "ചേരാൻ ടാപ്പുചെയ്യുക",
+            "roomname": "റൂമിനു  പേര് നൽകുക"
+        },
+        "appDescription": "മുന്നോട്ട് പോകുക, മുഴുവൻ ടീമുമായും വീഡിയോ ചാറ്റ് ചെയ്യുക. വാസ്തവത്തിൽ, നിങ്ങൾക്കറിയാവുന്ന എല്ലാവരേയും ക്ഷണിക്കുക. {{app}} പൂർണ്ണമായും എൻ‌ക്രിപ്റ്റ് ചെയ്ത, 100% ഓപ്പൺ സോഴ്‌സ് വീഡിയോ കോൺഫറൻസിംഗ് പരിഹാരമാണ്, നിങ്ങൾക്ക് എല്ലാ ദിവസവും എല്ലാ ദിവസവും സൗജന്യമായി ഉപയോഗിക്കാൻ കഴിയും  അക്കൗണ്ടില്ലാതെ.",
+        "audioVideoSwitch": {
+            "audio": "ശബ്ദം",
+            "video": "വീഡിയോ"
+        },
+        "calendar": "കലണ്ടർ",
+        "connectCalendarButton": "നിങ്ങളുടെ കലണ്ടർ ബന്ധിപ്പിക്കുക",
+        "connectCalendarText": "Connect your calendar to view all your meetings in {{app}}. Plus, add {{provider}} meetings to your calendar and start them with one click.",
+        "enterRoomTitle": "ഒരു പുതിയ മീറ്റിംഗ് ആരംഭിക്കുക",
+        "getHelp": "സഹായം തേടു",
+        "go": "GO",
+        "goSmall": "GO",
+        "info": "വിവരം",
+        "join": "സൃഷ്ടിക്കുക/ചേരുക",
+        "moderatedMessage": "അഥവാ നിങ്ങൾ മാത്രം മോഡറേറ്ററായിരിക്കുന്ന ഒരു മീറ്റിംഗ് URL മുൻകൂട്ടി<a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">ബുക്ക് ചെയ്യുക</a>.",
+        "privacy": "സ്വകാര്യത",
+        "recentList": "സമീപകാലം",
+        "recentListDelete": "ഇല്ലാതാക്കുക",
+        "recentListEmpty": "Your recent list is currently empty. Chat with your team and you will find all your recent meetings here.",
+        "reducedUIText": "Welcome to {{app}}!",
+        "roomNameAllowedChars": "മീറ്റിംഗ് നാമത്തിൽ ഈ പ്രതീകങ്ങളൊന്നും അടങ്ങിയിരിക്കരുത്: ?, &, :, ', \", %, #.",
+        "roomname": "റൂമിന്റെ പേര് നൽകുക",
+        "roomnameHint": "Enter the name or URL of the room you want to join. You may make a name up, just let the people you are meeting know it so that they enter the same name.",
+        "sendFeedback": "ഫീഡ്‌ബാക്ക് അയയ്‌ക്കുക",
+        "terms": "നിബന്ധനകൾ",
+        "title": "സുരക്ഷിതവും പൂർണ്ണമായും സൗജന്യ വീഡിയോ കോൺഫറൻസിംഗും"
+    }
+}
diff --git a/lang/main-mn.json b/lang/main-mn.json
new file mode 100644
index 0000000..e020a39
--- /dev/null
+++ b/lang/main-mn.json
@@ -0,0 +1,1441 @@
+{
+    "addPeople": {
+        "add": "Урих",
+        "addContacts": "Харилцагчаа урина уу",
+        "contacts": "Харилцагч",
+        "copyInvite": "Уулзалтын урилга хуулах",
+        "copyLink": "Уулзалтын линк хуулах",
+        "copyStream": "Шууд дамжуулалтын линк хуулах",
+        "countryNotSupported": "Танай улсыг хараахан дэмжихгүй байна.",
+        "countryReminder": "АНУ-аас өөр улсруу залгах бол улсын кодоо оруулна уу!",
+        "defaultEmail": "Таны үндсэн и-мэйл",
+        "disabled": "Хүмүүсийг урих боломжгүй.",
+        "failedToAdd": "Оролцогч нэмж чадсангүй",
+        "googleEmail": "Google и-мэйл",
+        "inviteMoreHeader": "Та энэ уулзалтын цорын ганц оролцогч байна",
+        "inviteMoreMailSubject": "{{appName}} уулзалтад оролцох",
+        "inviteMorePrompt": "Хүн нэмж урих",
+        "linkCopied": "Линк хуулсан",
+        "noResults": "Үр дүн олдсонгүй",
+        "outlookEmail": "Outlook и-мэйл",
+        "phoneNumbers": "утасны дугаар",
+        "searching": "Хайж байна…",
+        "shareInvite": "Уулзалтын урилга хуваалцах",
+        "shareLink": "Уулзалтын линк хуваалцан бусдыг урих",
+        "shareStream": "Шууд дамжуулалтын линк хуваалцах",
+        "sipAddresses": "sip хаяг",
+        "telephone": "Утас: {{number}}",
+        "title": "Хүмүүсийг уулзалтад урих",
+        "yahooEmail": "Yahoo и-мэйл"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "car": "Машины аудио",
+        "headphones": "Чихэвч",
+        "none": "Дууны төхөөрөмж байхгүй",
+        "phone": "Утас",
+        "speaker": "Яригч"
+    },
+    "audioOnly": {
+        "audioOnly": "Чанар багасгах"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "Дэд өрөө нэмэх",
+            "autoAssign": "Дэд өрөө рүү автоматаар оноох",
+            "close": "Хаах",
+            "join": "Оролцох",
+            "leaveBreakoutRoom": "Дэд өрөөнөөс гарах",
+            "more": "Илүү",
+            "remove": "Устгах",
+            "sendToBreakoutRoom": "Оролцогчийг зөөх:"
+        },
+        "defaultName": "Дэд өрөө #{{index}}",
+        "mainRoom": "Үндсэн өрөө",
+        "notifications": {
+            "joined": "\"{{name}}\" дэд өрөөнд нэгдэх",
+            "joinedMainRoom": "Үндсэн өрөөнд нэгдэх",
+            "joinedTitle": "Дэд өрөөнүүд"
+        }
+    },
+    "calendarSync": {
+        "addMeetingURL": "Уулзалтын холбоосыг нэмнэ үү",
+        "confirmAddLink": "Та энэ үйл явдалд холбоосыг нэмэхийг хүсч байна уу?",
+        "error": {
+            "appConfiguration": "Хуанлигийн холболтыг зөв тохируулаагүй байна.",
+            "generic": "Алдаа гарсан байна. Хуанлигийн тохиргоогоо шалгах эсвэл хуанлиг дахин ачааллаж үзнэ үү.",
+            "notSignedIn": "Хуанлигийн товыг харах үед нэвтрэлтийн алдаа гарсан. Та хуанлигийн тохиргоог шалгаад дахин нэвтрээд үзнэ үү."
+        },
+        "join": "Нэгдэх",
+        "joinTooltip": "Уулзалтад нэгдэх",
+        "nextMeeting": "Дараагийн уулзалт",
+        "noEvents": "Удахгүй болох үйл явдал байхгүй байна.",
+        "ongoingMeeting": "идэвхтэй уулзалт",
+        "permissionButton": "Тохиргоо нээх",
+        "permissionMessage": "Апп-д уулзалтаа нэмэхийн тулд цагалбарын зөвшөөрөл шаардлагатай.",
+        "refresh": "Хуанлиг дахин ачаалах",
+        "today": "Өнөөдөр"
+    },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "Дууны төхөөрөмж сонгох"
+        },
+        "labels": {
+            "buttonLabel": "Машины горим",
+            "title": "Машины горим",
+            "videoStopped": "Таны видео зогссон"
+        }
+    },
+    "chat": {
+        "enter": "Өрөөнд орох",
+        "error": "Алдаа: таны мессеж илгээгдээгүй байна. Шалтгаан: {{error}}",
+        "fieldPlaceHolder": "Энд чатаа бичнэ үү",
+        "lobbyChatMessageTo": "{{recipient}} рүү лобби чат зурвас",
+        "message": "Зурвас",
+        "messageAccessibleTitle": "{{user}} ярьж байна:",
+        "messageAccessibleTitleMe": "Би ярьж байна:",
+        "messageTo": "Хувийн зурвас {{recipient}}",
+        "messagebox": "Зурвас бичих",
+        "newMessages": "Шинэ зурвас",
+        "nickname": {
+            "popover": "Нэр бичнэ үү",
+            "title": "Нэрээ оруулна уу",
+            "titleWithPolls": "Нэрээ оруулна уу"
+        },
+        "noMessagesMessage": "Энэ уулзалтад ямар ч зурвас байхгүй. Эндээс зурвасаа эхлүүлнэ үү!",
+        "privateNotice": "Хувийн зурвас {{recipient}}",
+        "sendButton": "Илгээх",
+        "smileysPanel": "Эможи самбар",
+        "tabs": {
+            "chat": "Чат",
+            "polls": "Санал асуулга"
+        },
+        "title": "Чат",
+        "titleWithPolls": "Чат",
+        "you": "чи"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Chrome Extension суулгах",
+        "buttonTextEdge": "Edge Extension суулгах",
+        "close": "Хаах",
+        "dontShowAgain": "Энийг дахин харахгүй",
+        "installExtensionText": "Google Calendar болон Office 365 интеграци хийхийн тулд энэ extension суулгана"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Таныг уулзалтад холбож байна…"
+    },
+    "connection": {
+        "ATTACHED": "Хавсаргасан",
+        "AUTHENTICATING": "Нэвтэрч байна",
+        "AUTHFAIL": "Нэвтрэлт амжилтгүй болсон",
+        "CONNECTED": "Холбогдсон",
+        "CONNECTING": "Холбож байна",
+        "CONNFAIL": "Холболт амжилтгүй болсон",
+        "DISCONNECTED": "Холбогдоогүй",
+        "DISCONNECTING": "Салгаж байна",
+        "ERROR": "Алдаа",
+        "FETCH_SESSION_ID": "Оролцогчийн холболтыг олох…",
+        "GET_SESSION_ID_ERROR": "Оролцогчийн холболт дээр алдаа: {{code}}",
+        "GOT_SESSION_ID": "Оролцогчийн холболтыг олох… Дууссан",
+        "LOW_BANDWIDTH": "{{displayName}} чанарыг бууруулж видео унтраасан байна"
+    },
+    "connectionindicator": {
+        "address": "Хаяг:",
+        "audio_ssrc": "Audio SSRC",
+        "bandwidth": "Тооцоолсон чанар:",
+        "bitrate": "Бит хурд:",
+        "bridgeCount": "Серверийн тоо: ",
+        "codecs": "Codecs (A/V)",
+        "connectedTo": "Холбогдсон:",
+        "e2eeVerified": "E2EE баталгаажсан",
+        "framerate": "Нягтаршил:",
+        "less": "Хураах",
+        "localaddress": "Дотоод хаяг:",
+        "localaddress_plural": "Дотоод хаягууд:",
+        "localport": "Дотоод порт:",
+        "localport_plural": "Дотоод портууд:",
+        "maxEnabledResolution": "send max",
+        "more": "Дэлгэрэнгүй",
+        "no": "үгүй",
+        "packetloss": "Алдагдал:",
+        "participant_id": "Оролцогчийн ID:",
+        "quality": {
+            "good": "Сайн",
+            "inactive": "Идэвхгүй",
+            "lost": "Алдагдалтай",
+            "nonoptimal": "Оромгүй",
+            "poor": "Муу"
+        },
+        "remoteaddress": "Гадаад хаяг:",
+        "remoteaddress_plural": "Гадаад хаягууд:",
+        "remoteport": "Гадаад порт:",
+        "remoteport_plural": "Гадаад портууд:",
+        "resolution": "Хэмжээ:",
+        "savelogs": "Лог хадгалах",
+        "status": "Холболт:",
+        "transport": "Транспорт:",
+        "transport_plural": "Транспорт:",
+        "video_ssrc": "Видео SSRC:",
+        "yes": "тийм"
+    },
+    "dateUtils": {
+        "earlier": "Өмнөх",
+        "today": "Өнөөдөр",
+        "yesterday": "Өчигдөр"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Та утсан дээрээ уулзалт оролцохын тулд танд {{app}} мобайл апп шаардлагатай.",
+        "description": "Бид таны уулзалтыг {{app}} desktop апп дотор эхлүүлэхийг оролдсон. Дахин оролдох эсвэл {{app}} веб апп дээр эхлүүлнэ үү.",
+        "descriptionNew": "Болохгүй байна уу? Таныг {{app}} desktop аппаар дамжуулан уулзалтад оруулахыг оролдож байна. <br /><br /> Вэб хуудаснаас дахин оролдоод үзнэ үү.",
+        "descriptionWithoutWeb": "Бид таны уулзалтыг {{app}} desktop апп дотор эхлүүлэхийг оролдсон.",
+        "downloadApp": "Апп татаж авах",
+        "downloadMobileApp": "App Store-аас татаж авах",
+        "ifDoNotHaveApp": "Хэрэв та энэ аппыг татаагүй бол:",
+        "ifHaveApp": "Хэрэв та энэ аппыг татсан бол:",
+        "joinInApp": "Энэ аппыг ашиглан уулзалтад нэгдэнэ үү",
+        "joinInAppNew": "Апп-аар нэгдэх",
+        "joinInBrowser": "Хөтчөөр дамжин нэгдэх",
+        "launchMeetingLabel": "Энэ уулзалтад хэрхэн нэгдэхийг хүсч байна вэ?",
+        "launchWebButton": "Вэб дээр ажиллуулах",
+        "noMobileApp": "Таньд энэ апп байхгүй юу?",
+        "termsAndConditions": "Үргэлжлүүлэхийн тулд та үйлчилгээний нөхцлийг бидний <a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'> үйлчилгээний нөхцлийг зөвшөөрнө үү.</a>",
+        "title": "Таны {{app}} уулзалтыг эхлүүлж байна….",
+        "titleNew": "Таныг уулзалтад холбож байна…",
+        "tryAgainButton": "Дахин оролдоно уу",
+        "unsupportedBrowser": "Таны ашиглаж буй вэб хөтчийг дэмжихгүй байна."
+    },
+    "defaultLink": "e.g. {{url}}",
+    "defaultNickname": "Нэрээ бичнэ үү",
+    "deviceError": {
+        "cameraError": "Таны камер руу нэвтрэх үйлдэл амжилтгүй болсон байна",
+        "cameraPermission": "Камерын зөвшөөрөл авахад алдаа гарлаа",
+        "microphoneError": "Таны микрофон руу нэвтрэлт амжилтгүй боллоо",
+        "microphonePermission": "Микрофоны зөвшөөрөл авахад алдаа гарлаа"
+    },
+    "deviceSelection": {
+        "hid": {
+            "callControl": "Дуудлага хянах",
+            "connectedDevices": "Холбогдсон төхөөрөмжүүд:",
+            "deleteDevice": "Төхөөрөмж устгах",
+            "pairDevice": "Төхөөрөмж холбох"
+        },
+        "noPermission": "Зөвшөөрөл өгөөгүй байна",
+        "previewUnavailable": "Урьдчилан харах боломжгүй",
+        "selectADevice": "Төхөөрөмж сонгоно уу",
+        "testAudio": "Туршилтын дуу тоглуул"
+    },
+    "dialIn": {
+        "screenTitle": "Дуудлагын үр дүн"
+    },
+    "dialOut": {
+        "statusMessage": "одоо {{status}} байна"
+    },
+    "dialog": {
+        "Back": "Буцах",
+        "Cancel": "Цуцлах",
+        "IamHost": "Үүсгэгч",
+        "Ok": "Ok",
+        "Remove": "Устгах",
+        "Share": "Хуваалцах",
+        "Submit": "Илгээх",
+        "WaitForHostMsg": "Уулзалт хараахан эхлээгүй байна. Хэрэв та хост байгаа бол нэвтэрнэ үү. Үгүй бол хост ирэхийг хүлээнэ үү.",
+        "WaitingForHostTitle": "Зочдыг хүлээж байна…",
+        "Yes": "Тийм",
+        "accessibilityLabel": {
+            "close": "Цонх хаах",
+            "liveStreaming": "Шууд дамжуулалт",
+            "sharingTabs": "Хуваалцах тохиргоо"
+        },
+        "add": "Нэмэх",
+        "addMeetingNote": "Энэ уулзалтын талаар тэмдэглэл бичих",
+        "addOptionalNote": "Тэмдэглэл бичих (заавал биш):",
+        "allow": "Зөвшөөр",
+        "alreadySharedVideoMsg": "Видео хуваалцаж байна. Уулзалтад нэг зэрэг зөвхөн нэг л видеог хуваалцах боломжийг олгодог..",
+        "alreadySharedVideoTitle": "Нэг удаад зөвхөн нэг л хуваалцсан видеог зөвшөөрнө",
+        "applicationWindow": "Програмын цонх",
+        "authenticationRequired": "Заавал нэвтрэх шаардлагатай",
+        "cameraConstraintFailedError": "Таны камер зарим шаардлагыг хангаж чадахгүй байна.",
+        "cameraNotFoundError": "Камер олдсонгүй.",
+        "cameraNotSendingData": "Таны камерт хандах боломжгүй байна. Хэрэв өөр програм энэ төхөөрөмжийг ашиглаж байгаа эсэхийг шалгаад, тохиргоог цэснээс өөр төхөөрөмжийг сонгох эсвэл дахин ачаалж үзнэ үү.",
+        "cameraNotSendingDataTitle": "Камерт хандах боломжгүй байна",
+        "cameraPermissionDeniedError": "Та камераа ашиглах зөвшөөрөл өгөөгүй байна. Та энэ уулзалтад оролцох боломжтой ч бусад хүмүүс таныг харж чадахгүй. Үүнийг засахын тулд хаяг бичдэг хэсэгийн хойно байгаа камерын товчийг дарна уу.",
+        "cameraTimeoutError": "Видео дамжуулалтыг эхлүүлж чадсангүй. Хугацаа хэтэрсэн!",
+        "cameraUnknownError": "Ямар нэг шалтгааны улмаас камерыг ашиглаж чадахгүй.",
+        "cameraUnsupportedResolutionError": "Таны камер шаардлагатай видеоны хэмжээг дэмждэггүй.",
+        "close": "Хаах",
+        "conferenceDisconnectMsg": "Сүлжээний холболт шалгаж байна. Дахин холбогдож байна {{seconds}} сек…",
+        "conferenceDisconnectTitle": "Та салсан байна.",
+        "conferenceReloadMsg": "Бид засахаар оролдож байна. Дахин холбогдож байна {{seconds}} сек…",
+        "conferenceReloadTitle": "Уучлаарай. Ямар нэг алдаа гарсан байна.",
+        "confirm": "Батлах",
+        "confirmNo": "Үгүй",
+        "confirmYes": "Тийм",
+        "connectError": "Алдаа гарсан тул бид уулзалттай холбогдож чадахгүй байна.",
+        "connectErrorWithMsg": "Алдаа гарсан тул бид уулзалттай холбогдож чадахгүй байна: {{msg}}",
+        "connecting": "Холбож байна",
+        "contactSupport": "Хэрэглэгчийн дэмжлэгтэй холбоо барина уу",
+        "copied": "Хуулсан",
+        "copy": "Хуулах",
+        "dismiss": "хаах",
+        "displayNameRequired": "Таны нэр хэн бэ?",
+        "done": "Дуусгах",
+        "e2eeDescription": "End-to-End нууцлал туршилтын шатанд байгаа. Үүнийг идэвхижүүлснээр утсаар холбогдогдох гэх мэт сервер талын зарим үйлчилгээг хаахыг анхаарна уу. Мөн зарим оролцогчийн нэвтэрч буй вэб хөтөч дэмжихгүй байх магадлалтайг анхаараарай.",
+        "e2eeDisabledDueToMaxModeDescription": "Уулзалтад оролцогчийн тоо хэтэрсэн тул End-to-End нууцлалыг идэвхижүүлэх боломжгүй.",
+        "e2eeLabel": "End-to-End нууцлалыг идэвхижүүлэх",
+        "e2eeWarning": "АНХААР: Энэ уулзалтын зарим оролцогчийн төхөөрөмж End-to-End нууцлалыг дэмжихгүй байна. Нууцлалыг идэвхижүүлснээр эдгээр оролцогч сонсох болон үзэх боломжгүй болохыг анхаарна уу.",
+        "e2eeWillDisableDueToMaxModeDescription": "АНХААР: Оролцогчийн тоо нэмэгдвэл End-to-End нууцлал автоматаар идэвхигүй болно.",
+        "embedMeeting": "Embed meeting",
+        "enterDisplayName": "Энд нэрээ оруулна уу",
+        "error": "Алдаа",
+        "gracefulShutdown": "Манай үйлчилгээ одоогоор засвартай байна. Дараа дахин оролдож үзнэ үү.",
+        "grantModeratorDialog": "Та энэ  {{participantName}}-д уулзалт удирдагчийн эрх олгохдоо итгэлтэй байна уу?",
+        "grantModeratorTitle": "Уулзалт удирдагчийн эрх батлах",
+        "hide": "Нуух",
+        "hideShareAudioHelper": "Энэ цонхыг дахин харахгүй",
+        "incorrectPassword": "Хэрэглэгчийн нэр эсвэл нууц үг буруу байна",
+        "incorrectRoomLockPassword": "Нууц үг буруу",
+        "internalError": "Ямар нэгэн зүйл буруу байна. Дараах алдаа гарсан байна: {{error}}",
+        "internalErrorTitle": "Дотоод алдаа",
+        "kickMessage": "Та дэлгэрэнгүй мэдээллийг {{participantDisplayName}} холбогдож авна уу..",
+        "kickParticipantButton": "Гаргах",
+        "kickParticipantDialog": "Та энэ оролцогчийг гаргахдаа итгэлтэй байна уу?",
+        "kickParticipantTitle": "Энэ оролцогчийг гаргах үү?",
+        "kickTitle": "{{participantDisplayName}} чамайг уулзалтаас гаргасан",
+        "linkMeeting": "Уулзалт холбох",
+        "linkMeetingTitle": "Salesforce-руу уулзалт холбох",
+        "liveStreaming": "Шууд дамжуулалт",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "Бичлэг хийх идэвхитэй үед боломжгүй",
+        "localUserControls": "Дотоод хэрэглэгчийн хяналт",
+        "lockMessage": "Уулзалт түгжигдсэнгүй.",
+        "lockRoom": "Уулзалт нэмэх $t(lockRoomPasswordUppercase)",
+        "lockTitle": "Түгжихэд алдаа гарлаа",
+        "login": "Нэвтрэх",
+        "logoutQuestion": "Та уулзалтаас гарч, уулзалтыг зогсоохыг хүсэж байна уу?",
+        "logoutTitle": "Гарах",
+        "maxUsersLimitReached": "Оролцогчдын тооны дээд хязгаарт хүрсэн байна. Уулзалтын эзэмшигчтэй холбоо барина уу эсвэл дараа дахин оролдоно уу!",
+        "maxUsersLimitReachedTitle": "Оролцогчдын дээд хязгаарт хүрсэн байна",
+        "micConstraintFailedError": "Таны микрофон зарим шаардлагатай хязгаарлалтыг хангахгүй байна.",
+        "micNotFoundError": "Микрофон олдсонгүй.",
+        "micNotSendingData": "Микрофоныг дуугүй болгохын тулд компьютерийн тохиргоо руу очно уу",
+        "micNotSendingDataTitle": "Таны микрофоныг системийн тохиргооноос хаасан байна",
+        "micPermissionDeniedError": "Та микрофон ашиглах зөвшөөрөл өгөөгүй байна. Та одоо уулзалтад оролцож болох ч бусад хүмүүс таныг сонсох боломжгүй. Үүнийг засахын тулд хаягийн талбарт байгаа камерын товчийг ашиглана уу.",
+        "micTimeoutError": "Дуу эхлүүлж чадсангүй. Хугацаа хэтэрсэн!",
+        "micUnknownError": "Ямар нэг шалтгааны улмаас микрофоныг ашиглах боломжгүй байна.",
+        "moderationAudioLabel": "Оролцогчид өөрсдийнхөө дууг хаахыг зөвшөөрөх",
+        "moderationVideoLabel": "Оролцогчид өөрсдийнхөө видео эхлүүлэхийг зөвшөөрөх",
+        "muteEveryoneDialog": "Та бүх оролцогчдын дууг хаахдаа итгэлтэй байна уу? Та тэдний дууг идэвхжүүлэх боломжгүй ч хүссэн үедээ өөрийнхөө дуу нээх боломжтой.",
+        "muteEveryoneDialogModerationOn": "Бүх оролцогчид хүссэн цагт ярих зөвшөөрөл хүсэн боломжтой.",
+        "muteEveryoneElseDialog": "Бусад оролцогчдын дуу хаалттай үед та дууг нээх боломжгүй, гэхдээ өөрийнхөө дууг нээх боломжтой.",
+        "muteEveryoneElseTitle": "Бүх оролцогчдын дууг хаах уу?",
+        "muteEveryoneElsesVideoDialog": "Камераа нэг л хаасан бол та буцаагаад асаах боломжгүй, харин тэд хүссэн цагтаа эргэн нээх боломжтой.",
+        "muteEveryoneElsesVideoTitle": "{{whom}} -с бусдынх нь видеог зогсоох уу?",
+        "muteEveryoneSelf": "Чи өөрөө",
+        "muteEveryoneStartMuted": "Одооноос эхлэн бүх оролцогчдын дуу хаагдана",
+        "muteEveryoneTitle": "Бүх оролцогчдын дууг хаах уу?",
+        "muteEveryonesVideoDialog": "Оролцогчид өөрсдийн видеог буцаан нээж болно.",
+        "muteEveryonesVideoDialogModerationOn": "Оролцогчид өөрсдийн видеог буцаан нээх хүсэлтийг хүссэн цагтаа илгээж болно.",
+        "muteEveryonesVideoDialogOk": "Идэвхгүй болгох",
+        "muteEveryonesVideoTitle": "Хэн нэгний видеог зогсоох уу?",
+        "muteParticipantBody": "Та тэдний дууг идэвхжүүлэх боломжгүй ч хүссэн үедээ өөрийн дууг нээх боломжтой.",
+        "muteParticipantButton": "Дуугүй болгох",
+        "muteParticipantsVideoBody": "Та камераа буцаагаад асаах боломжгүй, харин тэд хүссэн цагтаа эргэн нээх боломжтой.",
+        "muteParticipantsVideoBodyModerationOn": "Та болон бусад нь камераа буцаагаад асаах боломжгүй.",
+        "muteParticipantsVideoButton": "Видео зогсоох",
+        "muteParticipantsVideoDialog": "Та энэ оролцогчийн камерийг унтраахдаа итгэлтэй байна уу? Та энэ камерийг буцаан асаах боломжгүй, харин тэд хүссэн цагтаа эргэн нээх боломжтой.",
+        "muteParticipantsVideoDialogModerationOn": "Та энэ оролцогчийн камерийг унтраахдаа итгэлтэй байна уу? Та болон бусад нь энэ камерийг буцаан асаах боломжгүй болно.",
+        "muteParticipantsVideoTitle": "Та энэ оролцогчийн камерийг унтраах уу?",
+        "noDropboxToken": "Алдаатай Dropbox токен",
+        "password": "Нууц үг",
+        "passwordLabel": "$t(lockRoomPasswordUppercase)",
+        "passwordNotSupported": "$t(lockRoomPassword) тохируулах нь дэмжигдэхгүй байна.",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) дэмжигдэхгүй байна",
+        "passwordRequired": "$t(lockRoomPasswordUppercase) заавал",
+        "permissionCameraRequiredError": "Уулзалтад оролцохын тулд камерын зөвшөөрөл шаардлагатай. Тохиргоо руу ороод зөвшөөрөл олгоно уу.",
+        "permissionErrorTitle": "Зөвшөөрөл шаардлагатай",
+        "permissionMicRequiredError": "Уулзалтад оролцохын тулд микрофоны зөвшөөрөл шаардлагатай. Тохиргоо руу ороод зөвшөөрөл олгоно уу.",
+        "popupError": "Таны хөтөч энэ сайтаас попап цонхуудыг блоклож байна. Хөтчөө аюулгүй байдлын тохиргоон дээр гарч ирэх цонхыг идэвхжүүлээд дахин оролдоно уу.",
+        "popupErrorTitle": "Попап хаалттай байна",
+        "readMore": "илүү",
+        "recentlyUsedObjects": "Таны сүүлд хэрэглэсэн обьектууд",
+        "recording": "Бичлэг хийх",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "Шууд дамжуулалт идэвхитэй үед боломжгүй",
+        "rejoinNow": "Одоо дахин нэгдэх",
+        "remoteControlAllowedMessage": "{{user}} алсын удирдлагын хүсэлтийг хүлээн авлаа!",
+        "remoteControlDeniedMessage": "{{user}} алсын удирдлагын хүсэлтээс татгалзлаа!",
+        "remoteControlErrorMessage": "Алсын удирдлагаас {{user}} зөвшөөрөл хүсэх үед алдаа гарлаа!",
+        "remoteControlRequestMessage": "Та {{user}} таны десктопоос алсын зайнаас удирдахыг зөвшөөрөх үү?",
+        "remoteControlShareScreenWarning": "Хэрэв та \"Allow\" товчийг дарвал, таны дэлгэцийг хуваалцах болно гэдгийг анхаарна уу!",
+        "remoteControlStopMessage": "Алсын удирдлагын хэсэг дууссан!",
+        "remoteControlTitle": "Алсын удирдлагын",
+        "remoteUserControls": "{{username}} хэрэглэгчдийн алсын хяналт",
+        "removePassword": "$t(lockRoomPassword) устгах",
+        "removeSharedVideoMsg": "Та хуваалцсан видеогоо устгахдаа итгэлтэй байна уу?",
+        "removeSharedVideoTitle": "Хуваалцсан видеог устгах",
+        "reservationError": "Захиалгын системийн алдаа",
+        "reservationErrorMsg": "Алдааны код: {{code}}, мессеж: {{msg}}",
+        "retry": "Дахин оролдох",
+        "screenSharingAudio": "Дууг хуваалцах",
+        "screenSharingFailed": "Анхаар! Дэлгэц хуваалцахад нэг алдаа гарлаа!",
+        "screenSharingFailedTitle": "Дэлгэцээ хуваалцах амжилтгүй!",
+        "screenSharingPermissionDeniedError": "Таны дэлгэцийг хуваалцах зөвшөөрлийг суулгахад алдаа гарсан байна. Файлыг дахин ачааллаад, дахин оролдоно уу.",
+        "searchInSalesforce": "Salesforce-д хайх",
+        "searchResults": "Хайлтын үр дүн ({{count}})",
+        "searchResultsDetailsError": "Эзэмшигчийн дата татах үед нэг алдаа гарлаа.",
+        "searchResultsError": "Дата татах үед нэг алдаа гарлаа..",
+        "searchResultsNotFound": "Хайлтын үр дүн олдсонгүй.",
+        "searchResultsTryAgain": "Өөр түлхүүр үгээр дахин хайна уу.",
+        "sendPrivateMessage": "Хувийн мессеж хүлээн авсан. Та тусдаа хариу өгөх гэж байна уу, эсвэл та бүлэгт илгээх үү?",
+        "sendPrivateMessageCancel": "Бүлэгт илгээнэ үү",
+        "sendPrivateMessageOk": "Хувийн байдлаар илгээх",
+        "sendPrivateMessageTitle": "Хувиараа илгээх үү?",
+        "serviceUnavailable": "Үйлчилгээ авах боломжгүй",
+        "sessTerminated": "Дуудлага саллаа",
+        "sessionRestarted": "Холболтонд асуудал гарсан тул дуудлага дахин эхэлсэн.",
+        "shareAudio": "Үргэлжлүүл",
+        "shareAudioTitle": "Дууг хэрхэн хуваалцах",
+        "shareAudioWarningD1": "та дуугаа хуваалцахын тулд дэлгэц хуваалцахаа зогсоох хэрэгтэй.",
+        "shareAudioWarningD2": "та дэлгэцээ хуваалцахаа дахин эхлүүлэх болон \"дуу хуваалцах\" идэвхитэй эсэхийг шалгах хэрэгтэй.",
+        "shareAudioWarningH1": "Хэрэв та зөвхөн дуугаа хуваалцах бол:",
+        "shareAudioWarningTitle": "Та дуугаа хуваалцахын тул дэлгэц хуваалцахаа зогсоох хэрэгтэй",
+        "shareMediaWarningGenericH2": "Хэрэв та дуу болон дэлгэцээ хуваалцах бол",
+        "shareScreenWarningD1": "та дэлгэцээ хуваалцахын тул аудил хуваалцахаа зогсоох хэрэгтэй.",
+        "shareScreenWarningD2": "та дэлгэцээ хуваалцахын тул дууг хуваалцахаа зогсоон \"дуу хуваалцах\" -г сонголтын шалгах хэрэгтэй.",
+        "shareScreenWarningH1": "Хэрэв та зөвхөн дэлгэцээ хуваалцах бол:",
+        "shareScreenWarningTitle": "Та дэлгэцээ хуваалцахаас өмнө дуугаа хуваалцахаа зогсоох хэрэгтэй",
+        "shareVideoLinkError": "YouTube-ийн зөв линк оруулна уу.",
+        "shareVideoTitle": "Видео хуваалцах",
+        "shareYourScreen": "Дэлгэцээ хуваалцах",
+        "shareYourScreenDisabled": "Дэлгэц хуваалцах идэвхгүй",
+        "sharedVideoDialogError": "Алдаа: Хүчингүй URL",
+        "sharedVideoLinkPlaceholder": "YouTube холбоос эсвэл шууд видео холбоос",
+        "show": "Үзүүлэх",
+        "start": "Эхлүүлэх ",
+        "startLiveStreaming": "Шууд дамжуулалтыг эхлүүл",
+        "startRecording": "Бичлэг хийж эхэл",
+        "startRemoteControlErrorMessage": "Алсын удирдлага эхлүүлэх үед алдаа гарлаа!",
+        "stopLiveStreaming": "Шууд дамжуулалтыг зогсоо",
+        "stopRecording": "Бичлэгээ зогсоо",
+        "stopRecordingWarning": "Та бичлэгээ зогсоохдоо итгэлтэй байна уу?",
+        "stopStreamingWarning": "Та шууд дамжуулалтыг зогсоохдоо итгэлтэй байна уу?",
+        "streamKey": "Шууд дамжуулалтын түлхүүр",
+        "thankYou": "{{appName}} ашиглаж буй танд баярлалаа!",
+        "token": "token",
+        "tokenAuthFailed": "Уучлаарай, та энд нэвтрэх эрхгүй байна.",
+        "tokenAuthFailedTitle": "Нэвтрэлт амжилтгүй",
+        "transcribing": "Орчуулах",
+        "unlockRoom": "$t(lockRoomPassword) уулзалтыг устгана уу",
+        "user": "Хэрэглэгч",
+        "userIdentifier": "Хэрэглэгчийн ID",
+        "userPassword": "хэрэглэгчийн нууц үг",
+        "verifyParticipantConfirm": "Нууц үгс хоорондоо тохирч байна",
+        "verifyParticipantDismiss": "Нууц үгс хоорондоо тохирохгүй байна",
+        "verifyParticipantQuestion": "ТУРШИЛТЫН: Ask participant {{participantName}} if they see the same content, in the same order.",
+        "verifyParticipantTitle": "Хэрэглэгч баталгаажуулах",
+        "videoLink": "Видео холбоос",
+        "viewUpgradeOptions": "Багцын шинэчлэлийг харах",
+        "viewUpgradeOptionsContent": "Та бичлэг хадгалах, RTMP дамжуулалт зэрэг нэмэлт боломжуудыг ашиглахын тулд хязгааргүй нэвтрэх эрхийг авах хэрэгтэй, та өөрийн багцаа дээшлүүлнэ үү.",
+        "viewUpgradeOptionsTitle": "Та нэмэлт боломжуудтай танилцлаа!",
+        "yourEntireScreen": "Таны дэлгэцийг бүхэлдээ"
+    },
+    "documentSharing": {
+        "title": "Бичиг баримт хуваалцах"
+    },
+    "e2ee": {
+        "labelToolTip": "Энэ дуудлагын дуу, видео холболтууд нь end-to-end нууцлагдлаа"
+    },
+    "embedMeeting": {
+        "title": "Энэ уулзалтыг нэгтгэх"
+    },
+    "feedback": {
+        "average": "Дундаж",
+        "bad": "Муу",
+        "detailsLabel": "Энэ талаар илүү дэлгэрэнгүй.",
+        "good": "Сайн",
+        "rateExperience": "Уулзалтыг үнэлэх",
+        "star": "Од",
+        "veryBad": "Маш муу",
+        "veryGood": "Маш сайн"
+    },
+    "filmstrip": {
+        "accessibilityLabel": {
+            "heading": "Video thumbnails"
+        }
+    },
+    "giphy": {
+        "noResults": "Үр дүн олдсонгүй:(",
+        "search": "GIPHY хайх"
+    },
+    "incomingCall": {
+        "answer": "Хариулт",
+        "audioCallTitle": "Дуудлага ирлээ",
+        "decline": "Гаргах",
+        "productLabel": "Сангийн Яам",
+        "videoCallTitle": "Видео дуудлага ирлээ"
+    },
+    "info": {
+        "accessibilityLabel": "Мэдээллийг харуулах",
+        "addPassword": "$t(lockRoomPassword) нэмэх",
+        "cancelPassword": "$t(lockRoomPassword) цуцлах",
+        "conferenceURL": "Холбоос:",
+        "copyNumber": "Дугаар хуулах",
+        "country": "Улс",
+        "dialANumber": "Уулзалтанд оролцохын тулд эдгээр дугааруудын аль нэгрүү нь залгаад, пинг оруулна уу.",
+        "dialInConferenceID": "PIN:",
+        "dialInNotSupported": "Уучлаарай, одоогоор дуудлага хийх боломжгүй байна.",
+        "dialInNumber": "Дуудлага хийж байна:",
+        "dialInSummaryError": "Залгаж мэдээллийг авах үед алдаа гарлаа. Дараа дахин оролдож үзнэ үү.",
+        "dialInTollFree": "Toll Free",
+        "genericError": "Ямар нэг асуудал гарлаа.",
+        "inviteLiveStream": "Энэ уулзалтын шууд дамжуулалтыг үзэхийн тулд энэ холбоосыг дарна уу: {{url}}",
+        "invitePhone": "Утсаар холбогдохын тулд энэ дээр дарна уу: {{number}},{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Өөр залгах дугаар хайж байна уу?\nУулзалтын дугаарыг харах: {{url}}\n\n\nХэрэв өрөөний утас руу залгах бол дуугаа холбохгүйгээр нэгдээрэй: {{silentUrl}}",
+        "inviteSipEndpoint": "SIP хаяг ашиглан оролцох бол, энд дарна уу: {{sipUri}}",
+        "inviteTextiOSInviteUrl": "Дараах линк дээр даран оролцоно уу: {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "Дотоод утсаар дамжуулан залгаж байгаа бол, дуугүй уулзалтад оролцохдоо энэ холбоосыг ашиглана уу: {{silentUrl}}.",
+        "inviteTextiOSPersonal": "{{name}} таныг уулзалтад оролцохыг урьж байна.",
+        "inviteTextiOSPhone": "Утсаар холбогдох бол, энэ дугаарыг ашиглана уу: {{number}},,{{conferenceID}}#. Хэрэв таньд өөр дугаар хэрэгтэй бол эндээс бүх жагсаалтыг харна уу: {{didUrl}}.",
+        "inviteURLFirstPartGeneral": "Та бүхнийг уулзалтад урьж байна.",
+        "inviteURLFirstPartPersonal": "{{name}} таныг уулзалтанд урьж байна.\n",
+        "inviteURLSecondPart": "\nУулзалтад нэгдээрэй:\n{{url}}\n",
+        "label": "Уулзалтын мэдээлэл",
+        "liveStreamURL": "Шууд дамжуулалт:",
+        "moreNumbers": "Бусад дугаар",
+        "noNumbers": "Залгах дугаар байхгүй байна.",
+        "noPassword": "Хоосон",
+        "noRoom": "Нэвтрэх өрөө олдсонгүй.",
+        "numbers": "Залгах дугаарууд",
+        "password": "$t(lockRoomPasswordUppercase):",
+        "reachedLimit": "Таны багцын лимит дууссан байна.",
+        "sip": "SIP хаяг",
+        "title": "Хуваалцах",
+        "tooltip": "Уулзалтын холбоосыг хуваалцах",
+        "upgradeOptions": "Багцыг дээшлүүлэх боломжоо шалгана уу"
+    },
+    "inlineDialogFailure": {
+        "msg": "Асуудал гарлаа",
+        "retry": "Дахин оролд",
+        "support": "Дэмжлэг",
+        "supportMsg": "Хэрэв ийм асуудал дахиад тохиолдвол холбоо бариарай"
+    },
+    "inviteDialog": {
+        "alertText": "Зарим оролцогчдыг урьж чадсангүй.",
+        "header": "Урих",
+        "searchCallOnlyPlaceholder": "Утасны дугаараа оруулна уу",
+        "searchPeopleOnlyPlaceholder": "Оролцогчдыг хайх",
+        "searchPlaceholder": "Оролцогч эсвэл утасны дугаар",
+        "send": "Илгээх"
+    },
+    "jitsiHome": "{{logo}} Logo, links to  Homepage",
+    "keyboardShortcuts": {
+        "focusLocal": "Өөрийн видеог үзэх",
+        "focusRemote": "Өөр хүний видеог үзэх",
+        "fullScreen": "Дэлгэц дүүргэх эсвэл гарах",
+        "giphyMenu": "Toggle GIPHY цэс",
+        "keyboardShortcuts": "Гарны товчлол",
+        "localRecording": "Өөрийн бичлэгийн хяналтыг үзүүлэх эсвэл нуух",
+        "mute": "Микрофоныг хаах эсвэл нээх",
+        "pushToTalk": "Яриа руу",
+        "raiseHand": "Гараа өргөх эсвэл доошлуул",
+        "showSpeakerStats": "Яригчийн статистик харах",
+        "toggleChat": "Зурвасыг нээх буюу хаах",
+        "toggleFilmstrip": "Видео бичлэгийн өнгөц зургийг үзүүлэх эсвэл нуух",
+        "toggleParticipantsPane": "Оролцогчийн самбарыг харуулах эсвэл нуух",
+        "toggleScreensharing": "Камер ба дэлгэц хуваалцах хооронд шилжинэ",
+        "toggleShortcuts": "Товчлолуудыг харуулах эсвэл нуух",
+        "videoMute": "Камераа эхлүүлэх эсвэл зогсоох"
+    },
+    "largeVideo": {
+        "screenIsShared": "Та дэлгэцээ хуваалцаж байна",
+        "showMeWhatImSharing": "Миний хуваалцаж буй дэлгэцийг харуулах"
+    },
+    "liveStreaming": {
+        "busy": "Бид урсгалын чөлөөлөхөөр ажиллаж байна. Хэдэн минутын дараа дахин оролдоно уу.",
+        "busyTitle": "Бүх дамжуулагчид завгүй байна",
+        "changeSignIn": "Бүртгэл солих.",
+        "choose": "Шууд дамжуулалтыг сонгоно уу",
+        "chooseCTA": "Дамжуулалтыг сонгоно уу. Та {{email}} ашиглан нэвтэрсэн байна.",
+        "enterStreamKey": "YouTube шууд дамжуулалтын түлхүүрийг энд оруулна уу.",
+        "error": "Шууд дамжуулалт амжилтгүй болсон. Дахин оролдоно уу.",
+        "errorAPI": "Таны YouTube рүү нэвтрэх үед алдаа гарлаа. Дараа дахин нэвтэрнэ үү.",
+        "errorLiveStreamNotEnabled": "Шууд дамжуулалт {{email}} дээр идэвхжүүлээгүй байна. Шууд дамжуулалтыг идэвхжүүл эсвэл шууд дамжуулалт хийх боломжтой бүртгэлээр нэвтэрнэ үү.",
+        "expandedOff": "Шууд дамжуулалт зогссон байна",
+        "expandedOn": "Энэ уулзалтыг YouTube дээр шууд дамжуулж байна.",
+        "expandedPending": "Шууд дамжуулалтыг эхлүүлж байна…",
+        "failedToStart": "Шууд дамжуулалтыг эхлүүлж чадсангүй",
+        "getStreamKeyManually": "Шууд дамжуулалтыг хийх чадсангүй. YouTube-ээс шууд дамжуулалтын түлхүүрээ шалгаж үзээрэй.",
+        "googlePrivacyPolicy": "Google хувийн мэдээлэл хамгаалах дүрэм",
+        "inProgress": "Шууд дамжуулалтыг бичиж байна",
+        "invalidStreamKey": "Шууд дамжуулалтын түлхүүрээ шалгана уу.",
+        "limitNotificationDescriptionNative": "Таны шууд дамжуулалтын хугацаа {{limit}}-аар минутын хязгаарлагдана. Хязгааргүй болгохын тулд {{app}} аппыг ажиллуулж үзнэ үү.",
+        "limitNotificationDescriptionWeb": "Таны шууд дамжуулалт чанараас хамааран хугацаа  Due to high demand your streaming will be limited to {{limit}} min. For unlimited streaming try <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "off": "Шууд дамжуулалт зогссон",
+        "offBy": "{{name}} шууд дамжуулалтыг зогсоосон",
+        "on": "Шууд дамжуулалт",
+        "onBy": "{{name}} шууд дамжуулалт эхлүүлсэн",
+        "pending": "Шууд дамжуулалтыг эхлүүлж байна…",
+        "serviceName": "Шууд дамжуулалт үйлчилгээ",
+        "sessionAlreadyActive": "Энэ дамжуулалтын шууд дамжуулах эсвэл бичлэг хийхийг эхлүүлсэн байна.",
+        "signIn": "Google-р нэвтрэх",
+        "signInCTA": "YouTube дээр шууд дамжуулалтын түлхүүрээ оруулна уу.",
+        "signOut": "Гарах",
+        "signedInAs": "Та одоо нэвтэрсэн байна:",
+        "start": "Шууд дамжуулалт эхлүүл",
+        "streamIdHelp": "Энэ юу вэ?",
+        "title": "Шууд дамжуулалт",
+        "unavailableTitle": "Шууд дамжуулалт боломжгүй",
+        "youtubeTerms": "YouTube үйлчилгээний нөхцөл"
+    },
+    "lobby": {
+        "backToKnockModeButton": "Зөвшөөрөл хүсэх",
+        "chat": "Зурвас",
+        "dialogTitle": "Лобби горим",
+        "disableDialogContent": "Лобби горим идэвхитэй байна. Ингэснээр таны уулзалтад зөвшөөрөлгүй хүн орох боломжгүй болдог. Та горимоо идэвхигүй болгохыг хүсч байна уу?",
+        "disableDialogSubmit": "Идэвхигүй болгох",
+        "emailField": "И-мэйл хаягаа оруулна уу",
+        "enableDialogPasswordField": "Нууц үг тохируулах (сонголтоор)",
+        "enableDialogSubmit": "Идэвхижүүлэх",
+        "enableDialogText": "Лобби горимд уулзалт удирдагч зөвшөөрсний дараа л хүн уулзалтанд оролцох боломжтой болдог.",
+        "enterPasswordButton": "Уулзалтын нууц үгээ оруулна уу",
+        "enterPasswordTitle": "Уулзалтанд оролцохын тулд нууц үгээ оруулна уу",
+        "errorMissingPassword": "Уулзалтын нууц үгээ оруулна уу",
+        "invalidPassword": "Нууц үг буруу",
+        "joinRejectedMessage": "Таны уулзалтанд орох хүсэлтийг зөвшөөрөгдсөнгүй.",
+        "joinRejectedTitle": "Уулзалтын хүсэлт зөвшөөрөгдөөгүй.",
+        "joinTitle": "Уулзалтанд оролцох",
+        "joinWithPasswordMessage": "Нууц үг оруулан уулзалтад оролцохыг оролдож байна, түр хүлээнэ үү…",
+        "joiningMessage": "Таны хүсэлтийг хэн нэгэн зөвшөөрөнгүүт та уулзалтанд нэгдэнэ",
+        "joiningTitle": "Уулзалтанд орохыг асууж байна…",
+        "joiningWithPasswordTitle": "Нууц үгтэйгээр оролцож байна…",
+        "knockButton": "Уулзалтанд орохыг асуух",
+        "knockTitle": "Хэн нэгэн энэ уулзалтын хүсэлт илгээсэн байна",
+        "knockingParticipantList": "Оролцогчийн жагсаалт шалгах",
+        "lobbyChatStartedNotification": "{{moderator}} {{attendee}}-тай лобби чатыг эхлүүлсэн.",
+        "lobbyChatStartedTitle": "{{moderator}} таньтай лобби чатыг эхлүүлсэн байна.",
+        "nameField": "Та нэрээ оруулна уу",
+        "notificationLobbyAccessDenied": "{{originParticipantName}} нь {{targetParticipantName}}-г уулзалтанд оролцуулахаас татгалзсан байна.",
+        "notificationLobbyAccessGranted": "{{originParticipantName}} нь {{targetParticipantName}}-г уулзалтанд оролцуулахыг зөвшөөрсөн байна",
+        "notificationLobbyDisabled": "{{originParticipantName}} лоббиг идэвхигүй болгосон",
+        "notificationLobbyEnabled": "{{originParticipantName}} лоббиг идэвхитэй болгосон",
+        "notificationTitle": "Лобби",
+        "passwordField": "Нууц үгээ оруулна уу",
+        "passwordJoinButton": "Оролцох",
+        "title": "Лобби",
+        "toggleLabel": "Лобби идэвхижүүлэх"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Off",
+            "on": "On",
+            "unknown": "Танигдаагүй"
+        },
+        "dialogTitle": "Дотоод бичлэгийн хяналт",
+        "duration": "Үргэлжлэх хугацаа",
+        "durationNA": "N/A",
+        "encoding": "Шифрлэх",
+        "label": "LOR",
+        "labelToolTip": "Дотоод бичлэг хийнэ",
+        "localRecording": "Дотоод бичлэг",
+        "me": "Надад",
+        "messages": {
+            "engaged": "Дотоод бичлэг хийдэг",
+            "finished": "{{token}} бичлэгийн хугацаа дууссан. Уулзалтын удирдагч руу бичлэгийн файлаа илгээнэ үү.",
+            "finishedModerator": "{{token}} бичлэгийн хугацаа дууссан. Хувийн бичлэг хадгалагдсан. Бусад оролцогч өөрсдийн бичлэгээ батлахыг эсэхийг асууна уу.",
+            "notModerator": "Та уулзалтын удирдагч биш байна. Та дотоод бичлэгийг эхлүүлэх эсвэл зогсоох боломжгүй."
+        },
+        "moderator": "Уулзалтын удирдагч",
+        "no": "Үгүй",
+        "participant": "Оролцогч",
+        "participantStats": "Оролцогчдын статистик",
+        "selectTabTitle": "🎥 бичлэг хийхийн тулд энэ хавтсыг сонгоно уу",
+        "sessionToken": "Идэвхитэй Токен",
+        "start": "Бичлэг хийх",
+        "stop": "Бичлэг болих",
+        "yes": "Тийм"
+    },
+    "lockRoomPassword": "нууц үг",
+    "lockRoomPasswordUppercase": "Нууц үг",
+    "lonelyMeetingExperience": {
+        "button": "Бусдыг урь",
+        "youAreAlone": "Та энэ уулзалтад ганцаараа байна"
+    },
+    "me": "Надад",
+    "notify": {
+        "OldElectronAPPTitle": "Security vulnerability!",
+        "allowAction": "Зөвшөөрөх",
+        "allowedUnmute": "Та микрофоноо нээх, камераа эхлүүлэх эсвэл дэлгэцээ хуваалцах боломжтой.",
+        "audioUnmuteBlockedDescription": "Системийн хязгаарлалтаас болоод микрофон нээхийг түр хориглосон.",
+        "audioUnmuteBlockedTitle": "Микрофон нээхийг хориглосон!",
+        "chatMessages": "Чат зурвас",
+        "connectedOneMember": "{{name}} уулзалтад нэгдсэн",
+        "connectedThreePlusMembers": "{{name}} болон бусад {{count}} уулзалтад нэгдсэн",
+        "connectedTwoMembers": "{{first}} ба {{second}} уулзалтад нэгдсэн",
+        "dataChannelClosed": "Видео чанар хангалтгүй",
+        "dataChannelClosedDescription": "Холболтын суваг тасарсан тул дүрсний чанар хамгийн багаар хязгаардагдлаа.",
+        "disconnected": "Уулзалтаас гарлаа",
+        "displayNotifications": "Мэдэгдлийг харуулах",
+        "dontRemindMe": "Дахин сануулахгүй",
+        "focus": "Уулзалт фокус",
+        "focusFail": "{{component}} боломжгүй - {{ms}} сек дараа дахин оролдоно уу",
+        "gifsMenu": "GIPHY",
+        "groupTitle": "Мэдэгдэл",
+        "hostAskedUnmute": "Уулзалтын хөтлөгч таныг ярихыг хүсч байна",
+        "invitedOneMember": "{{name}} урьсан байна",
+        "invitedThreePlusMembers": "{{name}} болон бусад {{count}} урьсан байна",
+        "invitedTwoMembers": "{{first}} ба {{second}} урьсан байна",
+        "joinMeeting": "Join",
+        "kickParticipant": "{{kicked}} -г {{kicker}} гаргасан",
+        "leftOneMember": "{{name}} left the meeting",
+        "leftThreePlusMembers": "{{name}} болон бусад хүмүүс уулзалтыг орхисон",
+        "leftTwoMembers": "{{first}} болон {{second}} уулзалтыг орхисон",
+        "linkToSalesforce": "Salesforce-той холбох",
+        "linkToSalesforceDescription": "You can link the meeting summary to a Salesforce object.",
+        "linkToSalesforceError": "Уулзалтыг Salesforce-руу холбох амжилтгүй",
+        "linkToSalesforceKey": "Уулзалтыг холбох",
+        "linkToSalesforceProgress": "Уулзалтыг Salesforce-той холбож байна…",
+        "linkToSalesforceSuccess": "Уулзалтыг Salesforce-той холбосон",
+        "localRecordingStarted": "{{name}} өөрийн төхөөрөмжинд бичлэгийг эхлүүлсэн.",
+        "localRecordingStopped": "{{name}} өөрийн төхөөрөмжийн бичлэгээ зогсоосон..",
+        "me": "Надад",
+        "moderationInEffectCSDescription": "Дэлгэцээ хуваалцах хүсэлтэй бол гараа өргөнө үү.",
+        "moderationInEffectCSTitle": "Хөтлөгч дэлгэц хуваалцахыг хориглосон",
+        "moderationInEffectDescription": "Ярих хүсэлтэй бол гараа өргөнө үү.",
+        "moderationInEffectTitle": "Хөтлөгч таны микофоныг хаасан байна",
+        "moderationInEffectVideoDescription": "Дүрсээ нээх хүсэлтэй бол гараа өргөнө үү.",
+        "moderationInEffectVideoTitle": "Хөтлөгч таны камерийг хаасан байна",
+        "moderationRequestFromModerator": "Уулзалт явуулагч таныг дуугаа нээхийг хүсч байна",
+        "moderationRequestFromParticipant": "Ярихыг хүснэ",
+        "moderationStartedTitle": "Хөтлөлт эхэлсэн",
+        "moderationStoppedTitle": "Хөтлөлт зогссон",
+        "moderationToggleDescription": "{{participantDisplayName}}",
+        "moderator": "Зохицуулагчийн эрх олгосон!",
+        "muted": "Та харилцан яриаг хаасан байна.",
+        "mutedRemotelyDescription": "Та ярихад бэлэн үедээ дууг нээж ярих боломжтой. Уулзалтад дуу чимээ гаргахгүй байхын тулд дуугаа хаагаарай.",
+        "mutedRemotelyTitle": "Таны дууг {{participantDisplayName}} хаасан байна!!",
+        "mutedTitle": "Таны дуу хаалтай байна!",
+        "newDeviceAction": "Хэрэглэх",
+        "newDeviceAudioTitle": "Шинэ дууны төхөөрөмж",
+        "newDeviceCameraTitle": "Шинэ камер",
+        "noiseSuppressionDesktopAudioDescription": "Десктопны дууг хуваалцах үед чимээ намсгах боломжгүй, хаагаад дахин оролдоно уу.",
+        "noiseSuppressionFailedTitle": "Чимээ намсгах амжилтгүй",
+        "noiseSuppressionNoTrackDescription": "Эхлээд микрофоны дуугаа нээнэ үү.",
+        "noiseSuppressionStereoDescription": "Одоогоор стерео дууны чимээг намсгах боломжгүй.",
+        "oldElectronClientDescription1": "Та Jitsi Meet-ийг хуучирсан хувибарыг ашиглаж байгаа тул аюулгүй байдлаа бүрэн хангаагүй байх эрсдэлтэй. Шинэ хувилбарыг татсан эсэхээ шалгаарай ",
+        "oldElectronClientDescription2": "сүүлийн хувилбар",
+        "oldElectronClientDescription3": " яг одоо!",
+        "participantWantsToJoin": "Уулзалтанд орохыг хүсч байна",
+        "participantsWantToJoin": "Уулзалтанд орохыг хүсч байна",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) өөр оролцогч устгасан",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) өөр оролцогчоос хийсэн",
+        "raiseHandAction": "Гараа өргөнө үү",
+        "raisedHand": "{{name}} ярихыг хүсч байна.",
+        "raisedHands": "Нэмж {{participantName}} ба {{raisedHands}} хүмүүс",
+        "reactionSounds": "Дууг хаах",
+        "reactionSoundsForAll": "Бүгдийн дууг хаах",
+        "screenShareNoAudio": "Дууны сонголт чагтлаагүй байгааг сонгосон дэлгэцэнд харуулах.",
+        "screenShareNoAudioTitle": "Системийн дуугаа хуваалцаж чадсангүй!",
+        "screenSharingAudioOnlyDescription": "Дэлгэцээ хувааснаар \"Хамгийн сайн үзүүлэлт\" горимд нөлөөлөх, илүү их өргөн зурвас ашиглахыг анхаарна уу.",
+        "screenSharingAudioOnlyTitle": "\"Хамгийн сайн үзүүлэлт\" горим",
+        "selfViewTitle": "Та өөрийн харагдац тохиргоог хэзээд нээх боломжтой",
+        "somebody": "Хэн нэгэн",
+        "startSilentDescription": "Дууг идэвхжүүлэхийн тулд уулзалтад дахин нэгдээрэй",
+        "startSilentTitle": "Та ямар ч дууны төхөөрөмжгүй нэгдсэн байна!",
+        "suboptimalBrowserWarning": "Таны хөтөч дээр бүрэн дэмжлэг ороогүй байна. Та бүрэн дэмжигдсэн <a href='{{recommendedBrowserPageLink}}' target='_blank'>хөтөчийг</a> ашиглана уу.",
+        "suboptimalExperienceTitle": "Хөтөчийн анхааруулга",
+        "unmute": "Дуутай",
+        "videoMutedRemotelyDescription": "Та хүссэн цагтаа буцаан асааж болно.",
+        "videoMutedRemotelyTitle": "Таны дүрсийг {{participantDisplayName}} хаасан байна",
+        "videoUnmuteBlockedDescription": "Системийн хязгаарлалтаас болоод камер нээх, дэлгэц хуваалцахыг түр хориглосон байна.",
+        "videoUnmuteBlockedTitle": "Камер нээх, дэлгэц хуваалцахыг хориглосон!",
+        "viewLobby": "Лобби харах",
+        "waitingParticipants": "{{waitingParticipants}} хүмүүс"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "Ok",
+            "admitAll": "Бүгдийг зөвшөөр",
+            "allow": "Оролцогчийг зөвшөөрөх:",
+            "allowVideo": "Дүрс зөвшөөрөх",
+            "askUnmute": "Дуугаа нээхийг хүсэх",
+            "audioModeration": "Өөрсдийн дууг хаах",
+            "blockEveryoneMicCamera": "Бүх хүний микрофон, камерыг хаах",
+            "invite": "Хэн нэгнийг урих",
+            "moreModerationActions": "Удирдлагын нэмэлт сонголт",
+            "moreModerationControls": "Удирдлагын нэмэлт хяналт",
+            "moreParticipantOptions": "Оролцогчийн нэмэлт сонголт",
+            "mute": "Дуугүй болгох",
+            "muteAll": "Бүгдийг дуугүй болгох",
+            "muteEveryoneElse": "Бүгдийг дуугүй болгох",
+            "reject": "Татгалзах",
+            "stopEveryonesVideo": "Бүгдийн дүрсийг хаах",
+            "stopVideo": "Дүрс хаах",
+            "unblockEveryoneMicCamera": "Бүх хүний микрофон, камерыг нээх",
+            "videoModeration": "Өөрсдийн дүрсээ нээх"
+        },
+        "close": "Хаах",
+        "headings": {
+            "lobby": "Лобби ({{count}})",
+            "participantsList": "Уулзалтын оролцогч ({{count}})",
+            "visitors": "Зочид ({{count}})",
+            "waitingLobby": "Лоббид хүлээж байгаа ({{count}})"
+        },
+        "search": "Оролцогч хайх",
+        "title": "Оролцогчид"
+    },
+    "passwordDigitsOnly": "{{number}} хүртэлх тоо",
+    "passwordSetRemotely": "өөр оролцогч хийсэн",
+    "pinParticipant": "{{participantName}} - онцол",
+    "pinnedParticipant": "Оролцогчийг онцолсон",
+    "polls": {
+        "answer": {
+            "skip": "Алгасах",
+            "submit": "Батлах"
+        },
+        "by": "{{ name }}",
+        "create": {
+            "addOption": "Сонголт нэмэх",
+            "answerPlaceholder": "Сонголт {{index}}",
+            "cancel": "Цуцлах",
+            "create": "Санал асуулга үүсгэх",
+            "pollOption": "Санал асуулгын сонголт {{index}}",
+            "pollQuestion": "Санал асуулга",
+            "questionPlaceholder": "Асуух",
+            "removeOption": "Сонголт хасах",
+            "send": "Илгээх"
+        },
+        "errors": {
+            "notUniqueOption": "Сонголтууд өвөрмөц байх ёстой"
+        },
+        "notification": {
+            "description": "Саналаа өгөхийн тулд санал асуулгын хавтсыг нээнэ үү",
+            "title": "Уулзалтанд шинэ санал асуулга нэмэгдлээ"
+        },
+        "results": {
+            "changeVote": "Санал өөрчлөх",
+            "empty": "Уулзалтын санал асуулга одоогоор алга.Энд шинээр үүсгэж болно!",
+            "hideDetailedResults": "Дэлгэрэнгүйг нуух",
+            "showDetailedResults": "Дэлгэрэнгүйг харах",
+            "vote": "Санал өгөх"
+        }
+    },
+    "poweredby": "дэмжигдсэн",
+    "prejoin": {
+        "audioAndVideoError": "Дуу, дүрсний алдаа:",
+        "audioDeviceProblem": "Дууны төхөөрөмж гэмтэлтэй байна",
+        "audioOnlyError": "Дууны алдаа:",
+        "audioTrackError": "Дууг хадгалж чадсангүй.",
+        "callMe": "Над руу залга",
+        "callMeAtNumber": "Энэ дугаараар над руу залга:",
+        "calling": "Дуудаж байна",
+        "configuringDevices": "Төхөөрөмжийг тохируулж байна…",
+        "connectedWithAudioQ": "Та зөвхөн дуугаа холбогдсон уу?",
+        "connection": {
+            "good": "Таны интернетийн хурд сайн байна!",
+            "nonOptimal": "Таны интернетийн хурд сайн биш байна",
+            "poor": "Таны интернетийн хурд муу байна"
+        },
+        "connectionDetails": {
+            "audioClipping": "Таны дуудлага тасралттай байхаар байна.",
+            "audioHighQuality": "Таны дуудлагын чанар маш сайн байхаар байна.",
+            "audioLowNoVideo": "Таны дуудлагын чанар муу, дүрсгүй  байхаар байна.",
+            "goodQuality": "Гайхалтай! Таны дуу, дүрс чанар маш сайн байхаар байна.",
+            "noMediaConnectivity": "Шалгалт хийхэд бид дуу, дүрсний холболтыг тогтоож чадсангүй. Галт хана эсвэл NAT нөлөөлсөн байж магад.",
+            "noVideo": "Таны дүрсний чанар маш муу байхаар байна..",
+            "undetectable": "Хэрэв та вэб хөтөч дээр дуудлага хийж чадахгүй байгаа бол, дуу, дүрс, микрофоны тохиргоо зөв хийсэн, вэб хөтчийн нэвтрэх эрх нээлттэй эсэх, вэб хөтчөө шинэчилсэн эсэхээ шалгана уу. Алдаа нь хэвээрээ бол вэб аппын хөгжүүлэгчтэй холбогдоорой.",
+            "veryPoorConnection": "Таны дуудлагын чанар маш муу байхаар байна.",
+            "videoFreezing": "Таны дүрсний чанар гацах, харлах, нягтаршил муу байхаар байна.",
+            "videoHighQuality": "Таны дүрсний сайн чанартай байна.",
+            "videoLowQuality": "Дамжуулалтын хурд, нягтаршилаас хамааран таны дүрс муу байхаар байна.",
+            "videoTearing": "Таны дүрсний нягтаршил эсвэл харагдац маш муу байхаар байна."
+        },
+        "copyAndShare": "Уулзалтын холбоос хуулаад хуваалцах",
+        "dialInMeeting": "Уулзалт руу залгах",
+        "dialInPin": "Уулзалт руу залгаад ПИН кодоо оруулна уу:",
+        "dialing": "Залгаж байна",
+        "doNotShow": "Энэ дэлгэцийн дахин харуулахгүй",
+        "errorDialOut": "Залгаж чадсангүй",
+        "errorDialOutDisconnected": "Залгаж чадсангүй. Холболт тасарсан",
+        "errorDialOutFailed": "Залгаж чадсангүй. Дуудлага амжилтгүй",
+        "errorDialOutStatus": "Залгах төлвийг татах үеийн алдаа",
+        "errorMissingName": "Уулзалтанд орохын тулд нэрээ оруулна уу:",
+        "errorNoPermissions": "Та микрофон, камерт хандах хүсэлтийг зөвшөөрнө үү",
+        "errorStatusCode": "Залгах үеийн алдаа, төлвийн код: {{status}}",
+        "errorValidation": "Дугаар баталгаажуулалт амжилтгүй",
+        "iWantToDialIn": "Би залгахыг хүсч байна",
+        "initiated": "Дуудлага эхэлсэн",
+        "joinAudioByPhone": "Утасны дуутай орох",
+        "joinMeeting": "Уулзалтанд орох",
+        "joinMeetingInLowBandwidthMode": "Join in low bandwidth mode",
+        "joinWithoutAudio": "Дуугүй оролцох",
+        "keyboardShortcuts": "Компьютерийн гарны богино холбоог идэвхижүүлэх",
+        "linkCopied": "Холбоосыг түр хуулсан",
+        "lookGood": "Таны микрофон хэвийн ажиллаж байна",
+        "or": "эсвэл",
+        "premeeting": "Уулзалтын өмнө",
+        "screenSharingError": "Дэлгэц хуваалцахын алдаа:",
+        "startWithPhone": "Утасны дуугаар холбогдох",
+        "videoOnlyError": "Видео дамжуулалтын алдаа:",
+        "videoTrackError": "Видео бичлэг үүсгэж чадсангүй.",
+        "viewAllNumbers": "бүх дугаарыг харах"
+    },
+    "presenceStatus": {
+        "busy": "Завгүй",
+        "calling": "Дуудаж байна…",
+        "connected": "Холбогдсон",
+        "connecting": "Холбож байна…",
+        "connecting2": "Холбож байна*…",
+        "disconnected": "Холбогдоогүй",
+        "expired": "Хугацаа нь дууссан",
+        "ignored": "Ignored",
+        "initializingCall": "Дуудлагыг эхлүүлж байна…",
+        "invited": "Урьсан",
+        "rejected": "Татгалзсан",
+        "ringing": "Дуудаж байна…"
+    },
+    "profile": {
+        "avatar": "avatar",
+        "setDisplayNameLabel": "Нэрээ оруулна уу",
+        "setEmailInput": "И-мэйл оруулна уу",
+        "setEmailLabel": "И-мэйл хаягаа оруулна уу",
+        "title": "Профайл"
+    },
+    "raisedHand": "Ярьмаар байна",
+    "raisedHandsLabel": "Гараа өргөсөн тоо",
+    "record": {
+        "already": {
+            "linked": "Энэ уулзалт Salesforce - той холбогдсон."
+        },
+        "type": {
+            "account": "Бүртгэл",
+            "contact": "Холбоо барих",
+            "lead": "Lead",
+            "opportunity": "Боломж",
+            "owner": "Эзэмшигч"
+        }
+    },
+    "recording": {
+        "authDropboxText": "Dropbox байршуулах",
+        "availableSpace": "Боломжтой зай: {{spaceLeft}} MB (ойролцоогоор {{duration}} минутын бичлэг)",
+        "beta": "BETA",
+        "busy": "Бичлэгийн нөөцийг сул болгохоор ажиллаж байна. Хэдэн минутын дараа дахин оролдоно уу.",
+        "busyTitle": "Бүх бичигчид завгүй байна",
+        "copyLink": "Холбоос хуулах",
+        "error": "Бичлэг хийх амжилтгүй боллоо. Дахин оролдоно уу.",
+        "errorFetchingLink": "Бичлэгийн холбоос татах үеийн алдаа.",
+        "expandedOff": "Бичлэг хийх зогссон",
+        "expandedOn": "Уулзалтыг одоо тэмдэглэж байна.",
+        "expandedPending": "Бичлэгийг хийж байна…",
+        "failedToStart": "Бичлэг хийх амжилтгүй боллоо",
+        "fileSharingdescription": "Бичлэгийг уулзалтын оролцогчидтой хуваалцах",
+        "highlight": "Highlight",
+        "highlightMoment": "Онцолсон мөчүүд",
+        "highlightMomentDisabled": "Бичлэг эхлэх үед мөчүүдээ онцолж болно",
+        "highlightMomentSuccess": "Энэ мөчийг онцолсон",
+        "highlightMomentSucessDescription": "Таны онцолсон мөч уулзалтын хураангуй хэсэгт нэмэгдэнэ.",
+        "inProgress": "Бичлэг хийх эсвэл шууд дамжуулалт идэвхитэй",
+        "limitNotificationDescriptionNative": "Бичлэгийн чанараас хамааран таны минут {{limit}}-р хязгаарлагдаж байна. Хязгаарлалтгүй бичлэг хийхийн тулд <3>{{app}}</3> үзээрэй.",
+        "limitNotificationDescriptionWeb": "Бичлэгийн чанараас хамааран таны минут {{limit}}-р хязгаарлагдаж байна. Хязгаарлалтгүй бичлэг хийхийн тулд <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a> ашиглана уу.",
+        "linkGenerated": "Таны бичлэгийн холбоосыг үүсгэсэн.",
+        "live": "ШУУД",
+        "localRecordingNoNotificationWarning": "Бусад оролцогчид бичлэгийн хийх талаар мэдэгдэнэ. Та энэ бичлэгийн талаарх мэдэгдлийг зөвшөөрөх шаардлагатай.",
+        "localRecordingNoVideo": "Видео бичлэг хийгээгүй байна.",
+        "localRecordingStartWarning": "Уулзалтаас гарахаас өмнө бичлэгээ зогсоон хадгалж авна уу.",
+        "localRecordingStartWarningTitle": "Хадгалахын тулд бичлэгээ зогсооно уу",
+        "localRecordingVideoStop": "Видео бичлэгээ зогсоовол өөр дээрээ файлаар хадгалах нь хамтдаа зогсоно. Та үргэлжлүүлэхдээ итгэлтэй байна уу?",
+        "localRecordingVideoWarning": "To record your video you must have it on when starting the recording",
+        "localRecordingWarning": "Дуу болон видео дамжуулалтын зөвшөөрлийг өгөхийн тулд энэ табыг сонгоно уу.",
+        "loggedIn": "{userName} нэвтэрнэ үү",
+        "noMicPermission": "Микрофон олдсонгүй. Микрофон ашиглах зөвшөөрлөө өгнө үү.",
+        "noStreams": "Дуу эсвэл видео дамжуулалт олдсонгүй.",
+        "off": "Бичлэг зогссон",
+        "offBy": "{{name}} бичлэгийг зогсоосон",
+        "on": "Бичиж байна",
+        "onBy": "{{name}} бичлэг хийж эхлэв",
+        "onlyRecordSelf": "Зөвхөн миний видео болон дууны дамжуулалтыг бичих",
+        "pending": "Уулзалтыг бичихээр бэлтгэж байна…",
+        "rec": "REC",
+        "saveLocalRecording": "Бичлэгийн файлаа өөрийн компьютерт хадгал (Beta)",
+        "serviceDescription": "Таны бичлэгийг хадгална",
+        "serviceDescriptionCloud": "Клауд бичлэг",
+        "serviceDescriptionCloudInfo": "Уулзалтын бичлэг хийсэн цагаас хойш 24 цагийн дараа автоматаар бичлэг устана.",
+        "serviceName": "Бичлэгийн үйлчилгээ",
+        "sessionAlreadyActive": "Энэ уулзалтын бичлэгийг хийсэн эсвэл шууд дамжуулсан.",
+        "signIn": "Нэвтрэх",
+        "signOut": "Гарах",
+        "surfaceError": "Энэ табыг сонгоно уу.",
+        "title": "Бичлэг хийх",
+        "unavailable": "{{serviceName}} одоогоор ажиллахгүй байна. Бид асуудлыг шийдвэрлэхээр ажиллаж байна. Дараа дахин оролдож үзнэ үү.",
+        "unavailableTitle": "Бичлэг хийх боломжгүй",
+        "uploadToCloud": "Клауд руу файл илгээх"
+    },
+    "screenshareDisplayName": "{{name}}-н дэлгэц",
+    "sectionList": {
+        "pullToRefresh": "Шинэчлэх бол татна уу"
+    },
+    "security": {
+        "about": "Та өөрийн уулзалтанд $t(lockRoomPassword) нууц үгийг нэмж болно. Оролцогчид энэ $t(lockRoomPassword)-г оруулснаар уулзалтанд орох боломжтой болно.",
+        "aboutReadOnly": "Moderator participants can add a $t(lockRoomPassword) to the meeting. Participants will need to provide the $t(lockRoomPassword) before they are allowed to join the meeting.",
+        "insecureRoomNameWarning": "Энэ өрөөний нэр сэжигтэй. Хүсээгүй оролцогч таны уулзалтанд орох магадлалтай. Аюулгүй байдлаа бодон энэ товчыг ашиглана ууn.",
+        "title": "Аюулгүй байдлын тохиргоо"
+    },
+    "settings": {
+        "audio": "Дуу",
+        "buttonLabel": "Тохиргоо",
+        "calendar": {
+            "about": "{{appName}} хуанлигийн интеграци нь таны удахгүй болох уулзалтын товыг хуанлид аюулгүй үүсгэдэг.",
+            "disconnect": "Таслах",
+            "microsoftSignIn": "Microsoft-оор нэвтрэх",
+            "signedIn": " {{email}}-ийн хуанлигийн тов руу нэвтэрч байна. Энэ хуанлигийн товд нэвтрэхийг болиулахын тулд Таслах товч дээр дарна уу.",
+            "title": "Хуанли"
+        },
+        "desktopShareFramerate": "Дэлгэц хуваалцах дамжуулалтын хурд",
+        "desktopShareHighFpsWarning": "Дэлгэцээ хуваалцах хурд ихэсгэвэл таны дамжуулалтын зурваст магадлалтай. Шинэ тохиргоог идэвхижүүлэхийн тулд та дэлгэц хуваалцахаа дахин эхлүүлэх шаардлагатай.",
+        "desktopShareWarning": "Шинэ тохиргоог идэвхижүүлэхийн тулд та дэлгэц хуваалцахаа дахин эхлүүлэх шаардлагатай.",
+        "devices": "Төхөөрөмжүүд",
+        "followMe": "Бүгд намайг дагаж байна",
+        "framesPerSecond": "fps",
+        "incomingMessage": "Ирсэн мессэж",
+        "language": "Хэл",
+        "loggedIn": "{{name}} нэвтэрсэн",
+        "maxStageParticipants": "Үндсэн тайз руу гарах оролцогчийн хамгийн их тоо",
+        "microphones": "Микрофон",
+        "moderator": "Зохицуулагч",
+        "moderatorOptions": "Зохицуулагчийн сонголт",
+        "more": "Цааш",
+        "name": "Нэр",
+        "noDevice": "Байхгүй",
+        "notifications": "Тэмдэглэл",
+        "participantJoined": "Оролцогч нэгдсэн",
+        "participantKnocking": "Оролцогчийн орсон лобби",
+        "participantLeft": "Оролцогч гарсан",
+        "playSounds": "Дууг нээх",
+        "reactions": "Уулзалтын реакциуд",
+        "sameAsSystem": "Системтэй адил({{label}})",
+        "selectAudioOutput": "Дууны гаралт",
+        "selectCamera": "Камер",
+        "selectMic": "Микрофон",
+        "selfView": "Өөрийн цонх",
+        "shortcuts": "Бог",
+        "speakers": "Спикер",
+        "startAudioMuted": "Бүгд дуугүй эхлэх",
+        "startReactionsMuted": "Бүх хүн рүү Чимээгүй эмоцийг илгээх",
+        "startVideoMuted": "Бүгдийн дүрс хаах",
+        "talkWhileMuted": "Нэг нь ярихад бусдын дууг хаах",
+        "title": "Тохиргоо",
+        "video": "Видео"
+    },
+    "settingsView": {
+        "advanced": "Нарийвчилсан",
+        "alertCancel": "Цуцлах",
+        "alertOk": "OK",
+        "alertTitle": "Анхааруулга",
+        "alertURLText": "Оруулсан серверийн URL хүчингүй байна",
+        "buildInfoSection": "Мэдээлэл оруулах",
+        "conferenceSection": "Уулзалт",
+        "disableCallIntegration": "Үндсэн дуудлагад өгөх тохиргоог идэвхгүй болгох",
+        "disableCrashReporting": "Тасралтын тайланг болиулах",
+        "disableCrashReportingWarning": "Тасралтын тайланг болиулахдаа итгэлтэй байна уу? Аппыг дахин эхлүүлэх үед энэ тохиргоо идэвхижинэ.",
+        "disableP2P": "Peer-To-Peer горим идэвхгүй болгох",
+        "displayName": "Дэлгэцийн нэр",
+        "displayNamePlaceholderText": "Жиш: Б.Болд",
+        "email": "Имэйл",
+        "emailPlaceholderText": "email@example.com",
+        "goTo": "Шилжих",
+        "header": "Тохиргоо",
+        "help": "Тусламж",
+        "links": "Холбоос",
+        "privacy": "Хувийн нууцлал",
+        "profileSection": "Профайл",
+        "serverURL": "Серверийн URL",
+        "showAdvanced": "Нарийвчилсан тохиргоог харуулах",
+        "startCarModeInLowBandwidthMode": "Машин горимд дамжуулалтын чанарыг багасгаж эхлүүлэх",
+        "startWithAudioMuted": "Дуугүй болгох",
+        "startWithVideoMuted": "Видеог дууг хаах",
+        "terms": "Нөхцлүүд",
+        "version": "Хувилбар"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nУтсан дээрээ залгахыг хүсч байна уу?\n\n{{defaultDialInNumber}}Энэ уулзалтын утасны дугаарлуу залгахыг харахын тулд энэ холбоос дээр дарна уу\n{{dialInfoPageUrl}}",
+        "mainText": "Уулзалтанд нэгдэхийн тулд дараах холбоосыг дарна уу:\n{{roomUrl}}"
+    },
+    "speaker": "Яригч",
+    "speakerStats": {
+        "angry": "Ууртай",
+        "disgusted": "Зэвүүцсэн",
+        "displayEmotions": "Эмоци харуулах",
+        "fearful": "Айсан",
+        "happy": "Жаргалтай",
+        "hours": "{{count}}ц",
+        "minutes": "{{count}}мин",
+        "name": "Нэр",
+        "neutral": "Төвийг сахисан",
+        "sad": "Баргар",
+        "search": "Хайх",
+        "searchHint": "Оролцогч хайх",
+        "seconds": "{{count}}сек",
+        "speakerStats": "Оролцогчийн статистик",
+        "speakerTime": "Оролцогчийн ярьсан цаг",
+        "surprised": "Гайхсан"
+    },
+    "startupoverlay": {
+        "genericTitle": "Энэ уулзалтанд таны микрофон болон камерыг ашиглана.",
+        "policyText": " ",
+        "title": "{{app}} нь таны микрофон болон камерыг ашиглана."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Дахин нэгдэх",
+        "text": "Дахин холбохын тулд <i>Дахин нэгдэх</i> товчийг дарна уу.",
+        "title": "Энэ компьютер унтарсан учир таны видео дуудлага тасарлаа."
+    },
+    "termsView": {
+        "title": "Нөхцөл"
+    },
+    "toggleTopPanelLabel": "Дээд панел идэвхжүүлэх",
+    "toolbar": {
+        "Settings": "Тохиргоо",
+        "accessibilityLabel": {
+            "Settings": "Тохиргоо",
+            "audioOnly": "Зөвхөн дуу",
+            "audioRoute": "Дууны төхөөрөмж сонго",
+            "boo": "Boo",
+            "breakoutRoom": "Дэд өрөөнд нэгдэх/орхих",
+            "callQuality": "Видеоны чанар",
+            "carmode": "Машины горим",
+            "cc": "Хадмал орчуулга",
+            "chat": "Зурвасын цонх",
+            "clap": "Алга таших",
+            "closeChat": "Чат хаах",
+            "closeMoreActions": "Нэмэлт үйлдлийн цэсийг хаах",
+            "closeParticipantsPane": "Оролцогчийн цонх хаах",
+            "collapse": "Хумих",
+            "document": "Бичиг баримт хуваалцах",
+            "documentClose": "Хуваалцсан баримт хаах",
+            "documentOpen": "Хуваалцсан баримт нээх",
+            "download": "Манай програмуудыг татах",
+            "embedMeeting": "Уулзалт нэгтгэх",
+            "endConference": "Уулзалтыг нийтээр нь хаах",
+            "enterFullScreen": "Бүтэн дэлгэцээр харах",
+            "enterTileView": "Нүдэн харагдац сонгох",
+            "exitFullScreen": "Бүтэн дэлгэцээс гарах",
+            "exitTileView": "Нүдэн харагдацаас гарах",
+            "expand": "Сунгах",
+            "feedback": "Санал хүсэлтээ үлдээх",
+            "fullScreen": "Бүтэн дэлгэц",
+            "giphy": "GIPHY цэс идэвхжүүлэх",
+            "grantModerator": "Удирдагчийн эрх баталгаажуулах",
+            "hangup": "Салгах",
+            "heading": "Багаж",
+            "help": "Тусламж",
+            "hideWhiteboard": "Самбар нуух",
+            "invite": "Хүмүүсийг урих",
+            "kick": "Оролцогчийг гаргах",
+            "laugh": "Инээх",
+            "leaveConference": "Уулзалтыг орхих",
+            "like": "Эрхий хуруу",
+            "linkToSalesforce": "Salesforce-руу холбох",
+            "lobbyButton": "Лобби горим нээх/хаах",
+            "localRecording": "Дотоод бичлэгийн хяналт",
+            "lockRoom": "Нууц үг өгөх",
+            "lowerHand": "Гараа буулгана уу",
+            "moreActions": "Бусад цэс",
+            "moreActionsMenu": "Бусад цэс",
+            "moreOptions": "Нэмэлт сонголт",
+            "mute": "Дууг хаах",
+            "muteEveryone": "Бүх дууг хаах",
+            "muteEveryoneElse": "Бүгдийн дууг хаах",
+            "muteEveryoneElsesVideoStream": "Бүгдийн видеог зогсоох",
+            "muteEveryonesVideoStream": "Бүх видеог зогсоох",
+            "noiseSuppression": "Шуугиан даралт",
+            "openChat": "Чат нээх",
+            "participants": "Оролцогчийн самбар нээх",
+            "pip": "Зураг зураг горим",
+            "privateMessage": "Хувийн зурвас илгээх",
+            "profile": "Өөрийн профайлыг засах",
+            "raiseHand": "Гараа өргө",
+            "reactionsMenu": "Реакци нээх",
+            "recording": "Бичлэг хийх",
+            "remoteMute": "Оролцогчийн дууг хаах",
+            "remoteVideoMute": "Оролцогчийн камерийг хаах",
+            "security": "Нууцлалын тохиргоо",
+            "selectBackground": "Арын зураг сонгох",
+            "selfView": "Өөрийн харагдах идэвхжүүлэх",
+            "shareRoom": "Хүн урих",
+            "shareYourScreen": "Дэлгэц хуваалцах",
+            "shareaudio": "Дуугаа хуваалцах",
+            "sharedvideo": "Youtube-н видео хуваалцах",
+            "shortcuts": "Товчлол",
+            "show": "Үзүүлэх",
+            "showWhiteboard": "Самбар харуулах",
+            "silence": "Чимээгүй",
+            "speakerStats": "Яригчийн статистик",
+            "stopScreenSharing": "Дэлгэцээ хуваахыг зогсооно уу",
+            "stopSharedVideo": "Видео зогсоох",
+            "surprised": "Гайхсан",
+            "tileView": "Зэрэгцүүлж харах",
+            "toggleCamera": "Камер чирэх",
+            "toggleFilmstrip": "Toggle filmstrip",
+            "unmute": "Дуу сэргээх",
+            "videoblur": "Видео бүдэгрүүлэх",
+            "videomute": "Дүрсгүй видео",
+            "videounmute": "Камер эхлүүлэх"
+        },
+        "addPeople": "Таны дуудлагад хүн нэмэх",
+        "audioOnlyOff": "Бага дамжуулах горимыг идэвхгүй болгох",
+        "audioOnlyOn": "Бага дамжуулах горимыг идэвхжүүлэх",
+        "audioRoute": "Дууны төхөөрөмж сонгох",
+        "audioSettings": "Дууны тохиргоо",
+        "authenticate": "Нэвтрэлт",
+        "boo": "Boo",
+        "callQuality": "Видеоны чанар",
+        "chat": "Зурвас нээх/хаах",
+        "clap": "Алга таших",
+        "closeChat": "Зурвас хаах",
+        "closeParticipantsPane": "Оролцогчийн цонх хаах",
+        "closeReactionsMenu": "Реакци цэс хаах",
+        "disableNoiseSuppression": "Шуугиан дарахыг болиулах",
+        "disableReactionSounds": "Уулзалтын үеэр реакцийн чимээг хаах болно",
+        "documentClose": "Хуваалцсан бичиг баримт хаах",
+        "documentOpen": "Хуваалцсан бичиг баримт нээх",
+        "download": "Манай програмуудыг татах",
+        "e2ee": "Бүтэн нууцлал",
+        "embedMeeting": "Уулзалтыг нэгтгэх",
+        "enableNoiseSuppression": "Шуугиан дарахыг идэвхижүүлэх",
+        "endConference": "Уулзалтыг нийтээр нь хаах",
+        "enterFullScreen": "Бүтэн дэлгэцээр харах",
+        "enterTileView": "Зэрэгцүүлж харах",
+        "exitFullScreen": "Бүтэн дэлгэцээс гарах",
+        "exitTileView": "Зэрэгцүүлж харах болих",
+        "feedback": "Санал хүсэлтээ үлдээх",
+        "giphy": "Toggle GIPHY menu",
+        "hangup": "Салгах",
+        "help": "Тусламж",
+        "hideWhiteboard": "Самбар нуух",
+        "invite": "Хүмүүс урих",
+        "joinBreakoutRoom": "Дэд өрөөнд нэгдэх",
+        "laugh": "Инээх",
+        "leaveBreakoutRoom": "Дэд өрөөг орхих",
+        "leaveConference": "Уулзалт орхих",
+        "like": "Гараа өргөх",
+        "linkToSalesforce": "Salesforce-той холбох",
+        "lobbyButtonDisable": "Лобби горимыг хаах",
+        "lobbyButtonEnable": "Лобби горим нээх",
+        "login": "Нэвтрэх",
+        "logout": "Гарах",
+        "lowerYourHand": "Гараа буулгах",
+        "moreActions": "Бусад үйлдэл",
+        "moreOptions": "Бусад тохиргоо",
+        "mute": "Дуу хаах/нээх",
+        "muteEveryone": "Бүх дууг хаах",
+        "muteEveryonesVideo": "Бүх оролцогчийн камер хаах",
+        "noAudioSignalDesc": "Хэрэв та системийн тохиргоо эсвэл техник хангамжаас үүнийг идэвхгүй болгоогүй бол төхөөрөмжийг солиж үзнэ үү.",
+        "noAudioSignalDescSuggestion": "Хэрэв та системийн тохиргоо эсвэл техник хангамжаас үүнийг идэвхгүй болгоогүй бол санал болгосон төхөөрөмжид шилжүүлнэ үү.",
+        "noAudioSignalDialInDesc": "Залгаж ашиглаж болно:",
+        "noAudioSignalDialInLinkDesc": "Залгах дугаарууд",
+        "noAudioSignalTitle": "Таны микрофоноос оруулах оролт байхгүй байна!",
+        "noiseSuppression": "Шуугиан дарах",
+        "noisyAudioInputDesc": "Таны микрофон шуугиж байна, дууг нь хаах эсвэл өөрчилнө үү.",
+        "noisyAudioInputTitle": "Таны микрофон шуугиантай байна!",
+        "openChat": "Зурвас нээлттэй",
+        "openReactionsMenu": "Реакци цэс нээх",
+        "participants": "Оролцогчид",
+        "pip": "Зураг-зураг горим оруулах",
+        "privateMessage": "Хувийн зурвас илгээх",
+        "profile": "Профайлаа засна уу",
+        "raiseHand": "Гараа өргөх/буулгах",
+        "raiseYourHand": "Гараа өргөх",
+        "reactionBoo": "Boo реакци илгээх",
+        "reactionClap": "Алга таших реакци илгээх",
+        "reactionLaugh": "Инээх реакци илгээх",
+        "reactionLike": "Таалагдсан реакци илгээх",
+        "reactionSilence": "Чимээгүй реакци илгээх",
+        "reactionSurprised": "Гайхсан реакци илгээх",
+        "security": "Нууцлалын тохиргоо",
+        "selectBackground": "Арын зураг сонгох",
+        "shareRoom": "Хэн нэгнийг урих",
+        "shareaudio": "Дуу хуваалцах",
+        "sharedvideo": "YouTube-н видео хуваалцах",
+        "shortcuts": "Товчлол харах",
+        "showWhiteboard": "Самбар харуулах",
+        "silence": "Чимээгүй",
+        "speakerStats": "Яригчийн статистик",
+        "startScreenSharing": "Дэлгэц хуваалцахыг эхлүүл",
+        "startSubtitles": "Хадмал орчуулгыг эхлүүл",
+        "stopAudioSharing": "Дуу хуваалцахыг зогсоох",
+        "stopScreenSharing": "Дэлгэц хуваалцахыг зогсоох",
+        "stopSharedVideo": "YouTube видео зогсоох",
+        "stopSubtitles": "Хадмал орчуулгыг зогсоох",
+        "surprised": "Гайхсан",
+        "talkWhileMutedPopup": "Ярьж үзмээр байна уу? Дуу хаалттай байна.",
+        "tileViewToggle": "Зэрэгцүүлж харах",
+        "toggleCamera": "Камер",
+        "unmute": "Дууг сэргээх",
+        "videoSettings": "Видео тохиргоо",
+        "videomute": "Камер нээх/хаах",
+        "videounmute": "Камер эхлүүлэх"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Хадмал орчуулгыг харуулах/болих",
+        "error": "Орчуулга амжилтгүй боллоо. Дахин оролдоно уу.",
+        "expandedLabel": "Хадмал орчуулгыг бичиж байна",
+        "failedToStart": "Хадмал орчуулга эхлүүлж чадсангүй",
+        "labelToolTip": "Уулзалтын хадмал орчуулга",
+        "off": "Хадмал орчуулга больсон",
+        "pending": "Уулзалтын хадмал орчуулга хийхэд бэлдэж байна…",
+        "sourceLanguageDesc": "Уулзалтын хэлийг <b>{{sourceLanguage}}</b> болгон өөрчилсөн. <br/> Та эндээс солих боломжтой ",
+        "sourceLanguageHere": "энд",
+        "start": "Хадмал орчуулгыг харуулах",
+        "stop": "Хадмал орчуулгыг болиулах",
+        "subtitles": "Хадмал орчуулга",
+        "subtitlesOff": "Off",
+        "tr": "TR"
+    },
+    "unpinParticipant": "{{participantName}} - Онцлох",
+    "userMedia": {
+        "grantPermissions": "Камер болон микрофон ашиглах зөвшөөрөл өгнө үү."
+    },
+    "videoSIPGW": {
+        "busy": "Бид нөөцийг чөлөөлөхөөр ажиллаж байна. Хэдэн минутын дараа дахин оролдоно уу.",
+        "busyTitle": "Үйлчилгээ одоогоор завгүй байна",
+        "errorAlreadyInvited": "{{displayName}} аль хэдийн урьсан байна",
+        "errorInvite": "Уулзалт хараахан эхлээгүй байна. Дараа дахин оролдож үзнэ үү.",
+        "errorInviteFailed": "Бид асуудлыг шийдвэрлэхээр ажиллаж байна. Дараа дахин оролдож үзнэ үү.",
+        "errorInviteFailedTitle": "{{displayName}} урилга амжилтгүй болсон",
+        "errorInviteTitle": "Уулзалтад урихад алдаа гарлаа",
+        "pending": "{{displayName}} урьсан байна"
+    },
+    "videoStatus": {
+        "adjustFor": "Тохируулах:",
+        "audioOnly": "AUD",
+        "audioOnlyExpanded": "Таны дамжуулах чадвар муу байна. Энэ горимд та зөвхөн дуу болон дэлгэцийн хуваалцахыг хүлээн авах боломжтой.",
+        "bestPerformance": "Хамгийн сан үзүүлэлт",
+        "callQuality": "Видеоны чанар",
+        "hd": "HD",
+        "hdTooltip": "Өндөр нягтаршилтай видеог үзэж байна",
+        "highDefinition": "Өндөр нягтаршил",
+        "highestQuality": "Хамгийн өндөр нягтаршил",
+        "labelTooiltipNoVideo": "Видео байхгүй",
+        "labelTooltipAudioOnly": "Дамжуулалтын багтаамж бага горим идэвхжсэн",
+        "ld": "LD",
+        "ldTooltip": "Бага нягтаршилтай видео үзэж байна",
+        "lowDefinition": "Бага нягтаршил",
+        "performanceSettings": "Үзүүлэлтийн тохиргоо",
+        "recording": "Уулзалтын бичлэг хийж байна",
+        "sd": "SD",
+        "sdTooltip": "Стандарт нарийвчлалтай видео үзэж байна",
+        "standardDefinition": "Стандарт нягтаршил",
+        "streaming": "Шууд дамжуулж байна"
+    },
+    "videothumbnail": {
+        "connectionInfo": "Холболтын мэдээлэл",
+        "domute": "Дуу хаах",
+        "domuteOthers": "Бүх дууг хаах",
+        "domuteVideo": "Камер идэвхигүй болгох",
+        "domuteVideoOfOthers": "Бүх оролцогчийн камер идэвхигүй болгох",
+        "flip": "Урсах",
+        "grantModerator": "Уулзалт удирдагчийн эрх олгох",
+        "hideSelfView": "Өөрийн харагдацыг нуух",
+        "kick": "Гаргах",
+        "mirrorVideo": "Миний видеог тоглуулах",
+        "moderator": "Зохицуулагч",
+        "mute": "Оролцогч дуугүй байна",
+        "muted": "Дуугүй",
+        "pinToStage": "Уулзалтад онцлох",
+        "remoteControl": "Алсын удирдлагыг эхлүүлэх / зогсоох",
+        "screenSharing": "Оролцогч дэлгэцээ хуваалцаж байна",
+        "show": "Үзүүлэх",
+        "showSelfView": "Өөрийн харагдац харуулах",
+        "unpinFromStage": "Онцлохоо болих",
+        "verify": "Оролцогчийг баталгаажуулах",
+        "videoMuted": "Камер идэвхигүй болсон",
+        "videomute": "Оролцогч камераа зогсоосон байна"
+    },
+    "virtualBackground": {
+        "addBackground": "Арын зураг нэмэх",
+        "apply": "Идэвхижүүлэх",
+        "backgroundEffectError": "Арын зургийг идэвхижүүлэхэд алдаа гарлаа.",
+        "blur": "Бүдгэрүүлэх",
+        "deleteImage": "Зураг устгах",
+        "desktopShare": "Дэлгэцээ хуваалцах",
+        "desktopShareError": "Дэлгэц хуваалцахад алдаа гарлаа",
+        "image1": "Beach",
+        "image2": "White neutral wall",
+        "image3": "White empty room",
+        "image4": "Black floor lamp",
+        "image5": "Mountain",
+        "image6": "Forest ",
+        "image7": "Sunrise",
+        "none": "Аль нь ч биш",
+        "pleaseWait": "Түр хүлээнэ үү…",
+        "removeBackground": "Арын зураг устгах",
+        "slightBlur": "Тал бүдгэрүүлэх",
+        "title": "Виртуал бүдгэрүүлэлт",
+        "uploadedImage": "Оруулсан зураг {{index}}",
+        "webAssemblyWarning": "WebAssembly-г дэмждэггүй",
+        "webAssemblyWarningDescription": "Энэ хөтөч WebAssembly-г дэмждэггүй"
+    },
+    "visitors": {
+        "chatIndicator": "(visitor)",
+        "labelTooltip": "Зочны тоо: {{count}}",
+        "notification": {
+            "description": "Оролцохын тулд гараа өргөнө үү",
+            "title": "Та энэ уулзалтын зочин боллоо"
+        }
+    },
+    "volumeSlider": "Дууны тохируулга",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Товшоод нэгдэх",
+            "roomname": "Уулзалтын нэрийг оруулна уу"
+        },
+        "addMeetingName": "Уулзалтын нэрээ оруулна уу",
+        "appDescription": "Таньдаг бүх хүмүүсээ урь. {{app}} нь бүрэн шифрлэгдсэн, 100% нээлттэй, видео уулзалтын шийдэл бөгөөд та өдөр бүр үнэ төлбөргүй ашиглаж болно.",
+        "audioVideoSwitch": {
+            "audio": "Дуутай",
+            "video": "Видео"
+        },
+        "calendar": "Хуанли",
+        "connectCalendarButton": "Хуанлиг холбоно уу",
+        "connectCalendarText": "Хуанли дээрх уулзалтуудаа {{app}} дээр оруулж болно. Та хуанлиг холбоход болно.",
+        "enterRoomTitle": "Шинэ уулзалт эхлүүлэх",
+        "getHelp": "Тусламж авах",
+        "go": "OK",
+        "goSmall": "OK",
+        "headerSubtitle": "Найдвартай, чанартай цахим уулзалт",
+        "headerTitle": "Jitsi Meet",
+        "info": "Мэдээлэл",
+        "jitsiOnMobile": "Jitsi on mobile – бидний аппыг татаад уулзалтанд хаанаас ч оролцоорой.",
+        "join": "ҮҮСГЭХ / НЭГДЭХ",
+        "logo": {
+            "calendar": "Хуанли лого",
+            "desktopPreviewThumbnail": "Desktop preview thumbnail",
+            "googleLogo": "Google лого",
+            "logoDeepLinking": "Jitsi meet лого",
+            "microsoftLogo": "Microsoft лого",
+            "policyLogo": "Policy лого"
+        },
+        "meetingsAccessibilityLabel": "Уулзалтууд",
+        "mobileDownLoadLinkAndroid": "Android апп татах",
+        "mobileDownLoadLinkFDroid": "F-Droid апп татах",
+        "mobileDownLoadLinkIos": "iOS апп татах",
+        "moderatedMessage": "Эсвэл та энэ уулзалтын ганц зохицуулагч бол <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\"> уулзалтын URL-г</a> хадгалаарай.",
+        "privacy": "Нууцлал",
+        "recentList": "Онцлох",
+        "recentListDelete": "Устгах",
+        "recentListEmpty": "Таны жагсаалт хоосон байна. Таны хийсэн бүх уулзалтууд энд байна.",
+        "recentMeetings": "Таны сүүлийн уулзалтууд",
+        "reducedUIText": "{{app}}, тавтай морил!",
+        "roomNameAllowedChars": "Уулзалтын нэр нь эдгээр тэмдэгтүүдийн аль нэгийг агуулж болохгүй: ?, &, :, ', \", %, #.",
+        "roomname": "Уулзалтын нэрийг оруулна уу",
+        "roomnameHint": "Нэгдэхийг хүсч буй уулзалтын нэр, URL-ийг оруулна уу. Та уулзалтын нэрээ үүсгэж болно. уулзалтад оролцох хүмүүстээ тэр нэрийг өгөөрэй.",
+        "sendFeedback": "Санал илгээх",
+        "settings": "Тохиргоо",
+        "startMeeting": "Уулзалт эхлүүлэх",
+        "terms": "Нөхцлүүд",
+        "title": "Аюулгүй, үнэгүй видео уулзалт хийх боломжтой",
+        "upcomingMeetings": "Таны дараагийн уулзалтууд"
+    },
+    "whiteboard": {
+        "accessibilityLabel": {
+            "heading": "Харилцагчаа урина уу"
+        }
+    }
+}
diff --git a/lang/main-mr.json b/lang/main-mr.json
new file mode 100644
index 0000000..93acade
--- /dev/null
+++ b/lang/main-mr.json
@@ -0,0 +1,786 @@
+{
+    "addPeople": {
+        "add": "आमंत्रित करा",
+        "countryNotSupported": "आम्ही अद्याप या गंतव्याचे समर्थन करत नाही.",
+        "countryReminder": "यूएस बाहेर कॉल करीत आहे? कृपया आपण देशाच्या कोडसह प्रारंभ केल्याचे सुनिश्चित करा!",
+        "disabled": "आपण लोकांना आमंत्रित करू शकत नाही.",
+        "failedToAdd": "सहभागी जोडण्यात अयशस्वी",
+        "footerText": "डायल आउट करणे अक्षम केले आहे.",
+        "loading": "लोक आणि फोन नंबर शोधत आहे",
+        "loadingNumber": "फोन नंबर सत्यापित करीत आहे",
+        "loadingPeople": "लोकांना आमंत्रित करण्यासाठी शोधत आहे",
+        "noResults": "कोणतेही जुळणारे शोध परिणाम नाहीत",
+        "noValidNumbers": "कृपया एक फोन नंबर प्रविष्ट करा",
+        "searchNumbers": "फोन नंबर जोडा",
+        "searchPeople": "लोकांचा शोध घ्या",
+        "searchPeopleAndNumbers": "लोक शोधा किंवा त्यांचा फोन नंबर जोडा",
+        "telephone": "दूरध्वनी: {{number}}",
+        "title": "या संमेलनात लोकांना आमंत्रित करा"
+    },
+    "audioDevices": {
+        "bluetooth": "ब्लूटुथ",
+        "headphones": "हेडफोन",
+        "none": "कोणतेही ऑडिओ डिव्हाइस उपलब्ध नाहीत",
+        "phone": "फोन",
+        "speaker": "स्पीकर"
+    },
+    "audioOnly": {
+        "audioOnly": "कमी बँडविड्थ"
+    },
+    "calendarSync": {
+        "addMeetingURL": "मीटिंगचा दुवा जोडा",
+        "confirmAddLink": "आपण या कार्यक्रमास एक Jitsi  दुवा जोडू इच्छिता?",
+        "error": {
+            "appConfiguration": "कॅलेंडर समाकलन योग्यरित्या कॉन्फिगर केलेले नाही.",
+            "generic": "त्रुटी आढळली आहे. कृपया आपल्या कॅलेंडर सेटिंग्ज तपासा किंवा कॅलेंडर रीफ्रेश करा.",
+            "notSignedIn": "कॅलेंडर इव्हेंट पाहण्यासाठी प्रमाणीकरण करताना त्रुटी आली. कृपया आपल्या कॅलेंडर सेटिंग्ज तपासा आणि पुन्हा लॉग इन करण्याचा प्रयत्न करा."
+        },
+        "join": "सामील व्हा",
+        "joinTooltip": "बैठकीत सामील व्हा",
+        "nextMeeting": "पुढील बैठक",
+        "noEvents": "कोणतेही आगामी कार्यक्रम शेड्यूल केलेले नाहीत.",
+        "ongoingMeeting": "चालू बैठक",
+        "permissionButton": "सेटिंग्ज उघडा",
+        "permissionMessage": "अ‍ॅपमधील आपली संमेलने पहाण्यासाठी कॅलेंडर परवानगी आवश्यक आहे.",
+        "refresh": "रीफ्रेश कॅलेंडर",
+        "today": "आज"
+    },
+    "chat": {
+        "error": "Error: तुमचा संदेश पाठविला गेला नाही. कारणः {{error}}",
+        "fieldPlaceHolder": "आपला संदेश येथे टाइप करा",
+        "messageTo": "यांना खाजगी संदेश {{recipient}}",
+        "messagebox": "एक संदेश टाइप करा",
+        "nickname": {
+            "popover": "टोपणनाव निवडा",
+            "title": "चॅट वापरण्यासाठी टोपणनाव प्रविष्ट करा",
+            "titleWithPolls": "चॅट वापरण्यासाठी टोपणनाव प्रविष्ट करा"
+        },
+        "noMessagesMessage": "अद्याप मीटिंगमध्ये कोणतेही संदेश नाहीत. येथे संभाषण सुरू करा!",
+        "privateNotice": "यांना खाजगी संदेश{{recipient}}",
+        "sendButton": "पाठवा",
+        "title": "गप्पा",
+        "titleWithPolls": "गप्पा",
+        "you": "आपण"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Chrome विस्तार स्थापित करा",
+        "dontShowAgain": "मला हे पुन्हा दर्शवू नका",
+        "installExtensionText": "Google कॅलेंडर आणि ऑफिस 365 एकत्रिकरणासाठी विस्तार स्थापित करा"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "आपल्याला आपल्या संमेलनात कनेक्ट करीत आहे…"
+    },
+    "connection": {
+        "ATTACHED": "जोडले",
+        "AUTHENTICATING": "प्रमाणीकरण करीत आहे",
+        "AUTHFAIL": "प्रमाणीकरण अयशस्वी",
+        "CONNECTED": "जोडलेले",
+        "CONNECTING": "कनेक्ट करीत आहे",
+        "CONNFAIL": "संपर्क खंडित",
+        "DISCONNECTED": "डिस्कनेक्ट केलेले",
+        "DISCONNECTING": "डिस्कनेक्ट करत आहे",
+        "ERROR": "त्रुटी",
+        "FETCH_SESSION_ID": "सत्र आयडी प्राप्त करीत आहे…",
+        "GET_SESSION_ID_ERROR": "सत्र-आयडी त्रुटी मिळवा:{{code}}",
+        "GOT_SESSION_ID": "सत्र-आयडी मिळवित आहे… पूर्ण झाले",
+        "LOW_BANDWIDTH": "बँडविड्थ जतन करण्यासाठी {{displayName}}चा व्हिडिओ बंद केला गेला आहे"
+    },
+    "connectionindicator": {
+        "address": "पत्ता:",
+        "bandwidth": "अंदाजे बँडविड्थ:",
+        "bitrate": "बिटरेट:",
+        "bridgeCount": "सर्व्हर संख्या:",
+        "connectedTo": "यांना जोडलेले:",
+        "framerate": "फ्रेम दर:",
+        "less": "कमी दाखवा",
+        "localaddress": "स्थानिक पत्ता:",
+        "localaddress_plural": "स्थानिक पत्ते:",
+        "localport": "स्थानिक बंदर:",
+        "localport_plural": "स्थानिक बंदरे:",
+        "more": "अजून दाखवा",
+        "packetloss": "पॅकेट तोटा",
+        "quality": {
+            "good": "चांगले",
+            "inactive": "निष्क्रिय",
+            "lost": "हरवले",
+            "nonoptimal": "नॉनओप्टिमल",
+            "poor": "गरीब"
+        },
+        "remoteaddress": "दूरस्थ पत्ता:",
+        "remoteaddress_plural": "दूरस्थ पत्ते:",
+        "remoteport": "रिमोट पोर्ट:",
+        "remoteport_plural": "दूरस्थ बंदरे:",
+        "resolution": "ठराव:",
+        "status": "कनेक्शन:",
+        "transport": "वाहतूक:",
+        "transport_plural": "परिवहन:"
+    },
+    "dateUtils": {
+        "earlier": "यापूर्वी",
+        "today": "आज",
+        "yesterday": "काल"
+    },
+    "deepLinking": {
+        "appNotInstalled": "आपल्या फोनवर या संमेलनात सामील होण्यासाठी आपल्यास {{app}}मोबाइल अॅप आवश्यक आहे.",
+        "description": "काहीच घडलं नाही? आम्ही आपली बैठक {{app}} डेस्कटॉप अॅपमध्ये लाँच करण्याचा प्रयत्न केला. पुन्हा प्रयत्न करा किंवा  {{app}} वेब अ‍ॅपमध्ये लाँच करा",
+        "descriptionWithoutWeb": "काहीच घडलं नाही? आम्ही आपली बैठक {{app}} डेस्कटॉप अॅपमध्ये लाँच करण्याचा प्रयत्न केला.",
+        "downloadApp": "अ‍ॅप डाउनलोड करा",
+        "launchWebButton": "वेबमध्ये लाँच करा",
+        "openApp": "अ‍ॅप वर सुरू ठेवा",
+        "title": " {{app}}मध्ये आपली बैठक सुरू करत आहे",
+        "tryAgainButton": "डेस्कटॉपवर पुन्हा प्रयत्न करा"
+    },
+    "defaultLink": "उदा. {{url}}",
+    "defaultNickname": " उदा. जेन गुलाबी",
+    "deviceError": {
+        "cameraError": "आपल्या कॅमेर्‍यावर प्रवेश करण्यात अयशस्वी",
+        "cameraPermission": "कॅमेर्‍याची परवानगी घेण्यात त्रुटी",
+        "microphoneError": "आपल्या मायक्रोफोनवर प्रवेश करण्यात अयशस्वी",
+        "microphonePermission": "मायक्रोफोन परवानगी प्राप्त करताना त्रुटी"
+    },
+    "deviceSelection": {
+        "noPermission": "परवानगी दिली नाही",
+        "previewUnavailable": "पूर्वावलोकन अनुपलब्ध",
+        "selectADevice": "एक डिव्हाइस निवडा",
+        "testAudio": "चाचणी आवाज प्ले करा"
+    },
+    "dialOut": {
+        "statusMessage": "आता आहे {{status}}"
+    },
+    "dialog": {
+        "Back": "Back",
+        "Cancel": "रद्द करा",
+        "IamHost": "मी यजमान आहे",
+        "Ok": "Ok",
+        "Remove": "काढा",
+        "Share": "सामायिक करा",
+        "Submit": "प्रस्तुत करणे",
+        "WaitForHostMsg": "परिषद अद्याप सुरू झाले नाही. आपण होस्ट असल्यास कृपया अधिकृत करा. अन्यथा, कृपया होस्ट येण्याची प्रतीक्षा करा.",
+        "WaitingForHost": " होस्टची प्रतीक्षा करीत आहे…",
+        "Yes": "होय",
+        "accessibilityLabel": {
+            "liveStreaming": "थेट प्रसारण"
+        },
+        "allow": "परवानगी द्या",
+        "alreadySharedVideoMsg": "दुसरा सहभागी आधीपासूनच व्हिडिओ सामायिक करीत आहे. ही परिषद एका वेळी फक्त एकच सामायिक व्हिडिओ परवानगी देते.",
+        "alreadySharedVideoTitle": "एकावेळी फक्त सामायिक केलेला व्हिडिओ अनुमत आहे",
+        "applicationWindow": "अनुप्रयोग विंडो",
+        "cameraConstraintFailedError": "आपला कॅमेरा काही आवश्यक मर्यादा पूर्ण करीत नाही.",
+        "cameraNotFoundError": "कॅमेरा आढळला नाही.",
+        "cameraNotSendingData": "आम्ही आपल्या कॅमेर्‍यावर प्रवेश करण्यात अक्षम आहोत. कृपया एखादा दुसरा अनुप्रयोग हे डिव्हाइस वापरत आहे की नाही ते तपासा, सेटिंग्ज मेनूमधून दुसरे डिव्हाइस निवडा किंवा अनुप्रयोग रीलोड करण्याचा प्रयत्न करा.",
+        "cameraNotSendingDataTitle": "कॅमेर्‍यावर प्रवेश करण्यात अक्षम",
+        "cameraPermissionDeniedError": "आपल्याला आपला कॅमेरा वापरण्याची परवानगी नाही. आपण अद्याप परिषदेत सामील होऊ शकता परंतु इतर आपल्याला पाहणार नाहीत. हे निश्चित करण्यासाठी अ‍ॅड्रेस बारमधील कॅमेरा बटण वापरा.",
+        "cameraUnknownError": "अज्ञात कारणासाठी कॅमेरा वापरू शकत नाही.",
+        "cameraUnsupportedResolutionError": "आपला कॅमेरा आवश्यक व्हिडिओ रिझोल्यूशनला समर्थन देत नाही.",
+        "close": "बंद",
+        "conferenceDisconnectMsg": "आपण आपले नेटवर्क कनेक्शन तपासू शकता. सेकंदात पुन्हा कनेक्ट करत आहे {{seconds}}..",
+        "conferenceDisconnectTitle": "आपण डिस्कनेक्ट झाला आहात.",
+        "conferenceReloadMsg": "आम्ही हे निश्चित करण्याचा प्रयत्न करीत आहोत. पुन्हा कनेक्ट करत आहे. {{seconds}} sec…",
+        "conferenceReloadTitle": "दुर्दैवाने, काहीतरी चूक झाली",
+        "confirm": "पुष्टी",
+        "confirmNo": "नाही",
+        "confirmYes": "होय",
+        "connectError": "अरेरे! काहीतरी चूक झाली आणि आम्ही परिषदेत कनेक्ट होऊ शकलो नाही.",
+        "connectErrorWithMsg": "अरेरे! काहीतरी चूक झाली आणि आम्ही परिषदेत कनेक्ट होऊ शकलो नाही:{{msg}}",
+        "connecting": "कनेक्ट करीत आहे",
+        "contactSupport": "समर्थन संपर्क",
+        "copy": "Copy",
+        "dismiss": "Dismiss",
+        "displayNameRequired": "हाय! तुझे नाव काय आहे?",
+        "done": "पूर्ण झाले",
+        "e2eeDescription": "एंड-टू-एंड एनक्रिप्शन सध्या आहे प्रायोगिक. कृपया लक्षात ठेवा की एंड-टू-एंड एन्क्रिप्शन चालू केल्याने सर्व्हर-साइड प्रदान सेवा प्रभावीपणे अक्षम होईल: रेकॉर्डिंग, थेट प्रवाह आणि फोन सहभाग. हे देखील लक्षात ठेवा की मीटिंग केवळ समाविष्ट करण्यायोग्य प्रवाहांसाठी समर्थन असलेल्या ब्राउझरमधून सामील झालेल्या लोकांसाठीच कार्य करेल.",
+        "e2eeWarning": "चेतावणी:या बैठकीतील सर्व सहभागींना एंड-टू-एंड एनक्रिप्शनसाठी समर्थन असल्याचे दिसत नाही. आपण सक्षम केल्यास ते आपल्याला पाहण्यास किंवा ऐकण्यास सक्षम राहणार नाहीत.",
+        "enterDisplayName": "कृपया आपले नाव येथे प्रविष्ट करा",
+        "error": "त्रुटी",
+        "externalInstallationMsg": "आपल्याला आमचा डेस्कटॉप सामायिकरण विस्तार स्थापित करणे आवश्यक आहे.",
+        "externalInstallationTitle": "विस्तार आवश्यक",
+        "goToStore": "वेब स्टोअरवर जा",
+        "gracefulShutdown": "आमची सेवा सध्या देखभालीसाठी बंद आहे. कृपया पुन्हा प्रयत्न करा.",
+        "incorrectPassword": "वापरकर्त्याचे नाव अथवा पासवर्ड चुकीचा",
+        "incorrectRoomLockPassword": "चुकीचा संकेतशब्द",
+        "inlineInstallExtension": "स्थापित करा",
+        "inlineInstallationMsg": "आपल्याला आमचा डेस्कटॉप सामायिकरण विस्तार स्थापित करणे आवश्यक आहे.",
+        "internalError": "अरेरे! काहीतरी चूक झाली. पुढील त्रुटी आली:{{error}}",
+        "internalErrorTitle": "अंतर्गत त्रुटी",
+        "kickMessage": "अधिक तपशीलांसाठी आपण {{participantDisplayName}} वर संपर्क साधू शकता.",
+        "kickParticipantButton": "लाथ मारा",
+        "kickParticipantDialog": "आपणास खात्री आहे की आपण या सहभागीस लाथ मारायची आहे?",
+        "kickParticipantTitle": "या सहभागीला बाहेर करा?",
+        "kickTitle": "Ouch! {{participantDisplayName}} kicked you out of the meeting",
+        "liveStreaming": "थेट प्रवाह",
+        "liveStreamingDisabledForGuestTooltip": "अतिथी थेट प्रवाह सुरू करू शकत नाहीत.",
+        "liveStreamingDisabledTooltip": "थेट प्रवाह अक्षम करा.",
+        "lockMessage": "परिषद लॉक करण्यात अयशस्वी.",
+        "lockRoom": "मीटिंग जोडा $t(lockRoomPasswordUppercase)",
+        "lockTitle": "लॉक अयशस्वी",
+        "logoutQuestion": "आपणास खात्री आहे की आपण लॉगआउट आणि परिषद थांबवू इच्छिता?",
+        "logoutTitle": "बाहेर पडणे",
+        "maxUsersLimitReached": "जास्तीत जास्त सहभागी होण्याची मर्यादा गाठली आहे. परिषद भरली आहे. कृपया मीटिंग मालकाशी संपर्क साधा किंवा नंतर पुन्हा प्रयत्न करा!",
+        "maxUsersLimitReachedTitle": "जास्तीत जास्त सहभागींची मर्यादा गाठली",
+        "micConstraintFailedError": "आपला मायक्रोफोन आवश्यक असलेल्या काही मर्यादा पूर्ण करीत नाही.",
+        "micNotFoundError": "मायक्रोफोन सापडला नाही.",
+        "micNotSendingData": "आपला माईक सशब्द करण्यासाठी आणि त्याचा स्तर समायोजित करण्यासाठी आपल्या संगणकाच्या सेटिंग्जवर जा",
+        "micNotSendingDataTitle": "आपले माइक आपल्या सिस्टम सेटिंग्जद्वारे निःशब्द केले आहे",
+        "micPermissionDeniedError": "आपल्याला आपला मायक्रोफोन वापरण्याची परवानगी नाही. आपण अद्याप परिषदेत सामील होऊ शकता परंतु इतर आपले ऐकणार नाहीत. हे निश्चित करण्यासाठी अ‍ॅड्रेस बारमधील कॅमेरा बटण वापरा.",
+        "micUnknownError": "Cannot use microphone for an unknown reason.",
+        "muteEveryoneDialog": "आपली खात्री आहे की आपण प्रत्येकाला निःशब्द करू इच्छिता? आपण त्यांना सशब्द करण्यास सक्षम राहणार नाही परंतु ते कधीही स्वत: ला सशब्द करू शकतात.",
+        "muteEveryoneElseDialog": "एकदा नि: शब्द झाल्यास आपण त्यांना ध्वनीमुद्रित करण्यास सक्षम राहणार नाही परंतु ते कधीही स्वत: ला सशब्द करू शकतात.",
+        "muteEveryoneElseTitle": "सोडून सर्वांना नि: शब्द करा{{whom}}?",
+        "muteEveryoneSelf": "तू स्वतः",
+        "muteEveryoneStartMuted": "आतापासून प्रत्येकजण निःशब्द होऊ लागतो",
+        "muteEveryoneTitle": "सर्वांना नि: शब्द करा?",
+        "muteParticipantBody": "आपण त्यांना सशब्द करण्यास सक्षम राहणार नाही परंतु ते कधीही स्वत: ला सशब्द करू शकतात.",
+        "muteParticipantButton": "नि: शब्द करा",
+        "muteParticipantDialog": "आपली खात्री आहे की आपण या सहभागीस नि: शब्द करू इच्छिता? आपण त्यांना सशब्द करण्यास सक्षम राहणार नाही परंतु ते कधीही स्वत: ला सशब्द करू शकतात.",
+        "muteParticipantTitle": "हा सहभागी नि: शब्द करायचा?",
+        "passwordLabel": "संमेलनास एका सहभागीने लॉक केले आहे. कृपया सामील होण्यासाठी $t(lockRoomPassword) प्रविष्ट करा.",
+        "passwordNotSupported": "मीटिंग सेट करणे $t(lockRoomPassword) समर्थित नाही..",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) समर्थित नाही",
+        "passwordRequired": "$t(lockRoomPasswordUppercase)आवश्यक",
+        "popupError": "आपला ब्राउझर या साइटवरील पॉप-अप विंडोज अवरोधित करत आहे. कृपया आपल्या ब्राउझरच्या सुरक्षा सेटिंग्जमध्ये पॉप-अप सक्षम करा आणि पुन्हा प्रयत्न करा.",
+        "popupErrorTitle": "पॉप-अप अवरोधित",
+        "recording": "मुद्रित करणे",
+        "recordingDisabledForGuestTooltip": "अतिथी रेकॉर्डिंग प्रारंभ करू शकत नाहीत.",
+        "recordingDisabledTooltip": "रेकॉर्डिंग प्रारंभ अक्षम.",
+        "rejoinNow": "आता पुन्हा सामील व्हा",
+        "remoteControlAllowedMessage": "{{user}} आपली रिमोट कंट्रोल विनंती मान्य केली!",
+        "remoteControlDeniedMessage": "{{user}} आपली रिमोट कंट्रोल विनंती नाकारली!",
+        "remoteControlErrorMessage": "वरून रिमोट कंट्रोल परवानग्यांची विनंती करण्याचा प्रयत्न करताना एक त्रुटी आली {{user}}!",
+        "remoteControlRequestMessage": "आपण{{user}} ला डेस्कटॉप दूरस्थपणे नियंत्रित करण्यास अनुमती द्याल?",
+        "remoteControlShareScreenWarning": "लक्षात ठेवा की आपण  \"Allow\" दाबल्यास आपण आपली स्क्रीन सामायिक कराल!",
+        "remoteControlStopMessage": "रिमोट कंट्रोल सत्र संपले!",
+        "remoteControlTitle": "दूरस्थ डेस्कटॉप नियंत्रण",
+        "removePassword": "काढा $t(lockRoomPassword)",
+        "removeSharedVideoMsg": " आपली खात्री आहे की आपण आपला सामायिक केलेला व्हिडिओ काढू इच्छिता?",
+        "removeSharedVideoTitle": "सामायिक केलेला व्हिडिओ काढा",
+        "reservationError": "आरक्षण प्रणाली त्रुटी",
+        "reservationErrorMsg": "Error code: {{code}}, message: {{msg}}",
+        "retry": "पुन्हा प्रयत्न करा",
+        "screenSharingAudio": "ऑडिओ सामायिक करा",
+        "screenSharingFailedToInstall": "अरेरे! आपला स्क्रीन सामायिकरण विस्तार स्थापित करण्यात अयशस्वी.",
+        "screenSharingFailedToInstallTitle": "स्क्रीन सामायिकरण विस्तार स्थापित करण्यात अयशस्वी",
+        "screenSharingFirefoxPermissionDeniedError": "आम्ही आपली स्क्रीन सामायिक करण्याचा प्रयत्न करीत असताना काहीतरी चुकीचे झाले. कृपया याची खात्री करा की आपण आम्हाला तसे करण्यास परवानगी दिली आहे.",
+        "screenSharingFirefoxPermissionDeniedTitle": "अरेरे! आम्ही स्क्रीन सामायिकरण प्रारंभ करण्यास सक्षम नाही!",
+        "screenSharingPermissionDeniedError": "अरेरे! आपल्या स्क्रीन सामायिकरण विस्तार परवानग्यांसह काहीतरी चूक झाली. कृपया रीलोड करा आणि पुन्हा प्रयत्न करा.",
+        "sendPrivateMessage": "आपल्याला अलीकडे एक खाजगी संदेश प्राप्त झाला आहे. त्यास खाजगीरित्या उत्तर देण्याचा आपला हेतू होता की आपण आपला संदेश गटाला पाठवू इच्छिता?",
+        "sendPrivateMessageCancel": "गटाला पाठवा",
+        "sendPrivateMessageOk": "खाजगी पाठवा",
+        "sendPrivateMessageTitle": "खाजगी पाठवायचे?",
+        "serviceUnavailable": "सेवा अनुपलब्ध",
+        "sessTerminated": "कॉल संपुष्टात आला",
+        "shareVideoLinkError": "कृपया योग्य YouTube दुवा प्रदान करा.",
+        "shareVideoTitle": "एक व्हिडिओ सामायिक करा",
+        "shareYourScreen": "आपली स्क्रीन सामायिक करा",
+        "shareYourScreenDisabled": "स्क्रीन सामायिकरण अक्षम केले.",
+        "shareYourScreenDisabledForGuest": "अतिथी स्क्रीन सामायिकरण करू शकत नाहीत.",
+        "startLiveStreaming": "थेट प्रवाह सुरू करा",
+        "startRecording": "रेकॉर्डिंग प्रारंभ करा",
+        "startRemoteControlErrorMessage": "रिमोट कंट्रोल सत्र सुरू करण्याचा प्रयत्न करताना एक त्रुटी आली!",
+        "stopLiveStreaming": "थेट प्रवाह थांबवा",
+        "stopRecording": "रेकॉर्डिंग थांबवा",
+        "stopRecordingWarning": "आपली खात्री आहे की आपण रेकॉर्डिंग थांबवू इच्छिता?",
+        "stopStreamingWarning": "आपणास खात्री आहे की आपण थेट प्रवाह थांबवू इच्छिता?",
+        "streamKey": "थेट प्रवाह की",
+        "thankYou": "वापरल्याबद्दल धन्यवाद {{appName}}!",
+        "token": "टोकन",
+        "tokenAuthFailed": "क्षमस्व, आपणास या कॉलमध्ये सामील होण्याची परवानगी नाही.",
+        "tokenAuthFailedTitle": "प्रमाणीकरण अयशस्वी",
+        "transcribing": "लिप्यंतरण",
+        "unlockRoom": "मीटिंग काढा $t(lockRoomPassword)",
+        "userPassword": "user password",
+        "yourEntireScreen": "आपली संपूर्ण स्क्रीन"
+    },
+    "documentSharing": {
+        "title": "सामायिक दस्तऐवज"
+    },
+    "e2ee": {
+        "labelToolTip": "या बैठकीतील सर्व सहभागींनी एंड-टू-एंड एनक्रिप्शन सक्षम केले आहे"
+    },
+    "feedback": {
+        "average": "सरासरी",
+        "bad": "वाईट",
+        "detailsLabel": " त्याबद्दल आम्हाला सांगा.",
+        "good": "चांगले",
+        "rateExperience": "आपल्या भेटीचा अनुभव रेट करा",
+        "veryBad": "फार वाईट",
+        "veryGood": "खुप छान"
+    },
+    "helpView": {
+        "title": "मदत केंद्र"
+    },
+    "incomingCall": {
+        "answer": "उत्तर",
+        "audioCallTitle": " कॉल येत आहे",
+        "decline": "काढून टाकणे",
+        "productLabel": "Jitsi Meet पासून",
+        "videoCallTitle": "येणारा व्हिडिओ कॉल"
+    },
+    "info": {
+        "accessibilityLabel": "माहिती दर्शवा",
+        "addPassword": "जोडा $t(lockRoomPassword)",
+        "cancelPassword": " रद्द करा $t(lockRoomPassword)",
+        "conferenceURL": "दुवा:",
+        "country": "देश",
+        "dialANumber": "आपल्या संमेलनात सामील होण्यासाठी, यापैकी एक क्रमांक डायल करा आणि नंतर पिन प्रविष्ट करा.",
+        "dialInConferenceID": "PIN:",
+        "dialInNotSupported": "क्षमस्व, सध्या डायल करणे समर्थित नाही.",
+        "dialInNumber": "डायल-इन:",
+        "dialInSummaryError": "आता डायल-इन माहिती आणताना त्रुटी. कृपया पुन्हा प्रयत्न करा.",
+        "dialInTollFree": "कर मुक्त",
+        "genericError": "अरेरे, काहीतरी चूक झाली.",
+        "inviteLiveStream": "या सभेचा थेट प्रवाह पाहण्यासाठी, या दुव्यावर क्लिक करा: {{url}}",
+        "invitePhone": "त्याऐवजी फोनद्वारे सामील होण्यासाठी, हे टॅप करा:{{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "वेगळा डायल-इन नंबर शोधत आहात? \nमीटिंग डायल-इन नंबर पहा: {{url}}\n\n\nIf also dialing-in through a room phone, join without connecting to audio: {{silentUrl}}",
+        "inviteURLFirstPartGeneral": " आपल्याला बैठकीत सामील होण्यासाठी आमंत्रित केले आहे.",
+        "inviteURLFirstPartPersonal": "{{name}} आपल्याला मीटिंगसाठी आमंत्रित करीत आहे.\n",
+        "inviteURLSecondPart": "\nसभेमध्ये सामील व्हा:\n{{url}}\n",
+        "label": "संमेलनाची माहिती",
+        "liveStreamURL": "थेट प्रसारण:",
+        "moreNumbers": "अधिक संख्या",
+        "noNumbers": "डायल-इन नंबर नाहीत.",
+        "noPassword": "काहीही नाही",
+        "noRoom": "डायल-इन करण्यासाठी कोणतीही खोली निर्दिष्ट केलेली नाही.",
+        "numbers": "डायल-इन क्रमांक",
+        "password": "$t(lockRoomPasswordUppercase):",
+        "title": "सामायिक करा",
+        "tooltip": "या संमेलनासाठी दुवा आणि डायल-इन माहिती सामायिक करा"
+    },
+    "inlineDialogFailure": {
+        "msg": "आम्ही जरा अडखळलो.",
+        "retry": "पुन्हा प्रयत्न करा",
+        "support": "आधार",
+        "supportMsg": "हे असेच होत राहिल्यास संपर्क साधा"
+    },
+    "inviteDialog": {
+        "alertText": "काही सहभागींना आमंत्रित करण्यात अयशस्वी.",
+        "header": "आमंत्रित करा",
+        "searchCallOnlyPlaceholder": " फोन नंबर प्रविष्ट करा",
+        "searchPeopleOnlyPlaceholder": "सहभागींचा शोध घ्या",
+        "searchPlaceholder": "सहभागी किंवा फोन नंबर",
+        "send": "पाठवा"
+    },
+    "keyboardShortcuts": {
+        "focusLocal": "आपल्या व्हिडिओवर लक्ष द्या",
+        "focusRemote": "दुसर्‍या व्यक्तीच्या व्हिडिओवर लक्ष द्या",
+        "fullScreen": "पूर्ण स्क्रीन पहा किंवा बाहेर पडा",
+        "keyboardShortcuts": "कीबोर्ड शॉर्टकट",
+        "localRecording": "स्थानिक रेकॉर्डिंग नियंत्रणे दर्शवा किंवा लपवा",
+        "mute": "आपला मायक्रोफोन नि: शब्द करा किंवा सशब्द करा",
+        "pushToTalk": "बोलण्यासाठी दाबा",
+        "raiseHand": "आपला हात वर करा किंवा कमी करा",
+        "showSpeakerStats": "स्पीकरची आकडेवारी दर्शवा",
+        "toggleChat": "गप्पा उघडा किंवा बंद करा",
+        "toggleFilmstrip": "व्हिडिओ लघुप्रतिमा दर्शवा किंवा लपवा",
+        "toggleScreensharing": "कॅमेरा आणि स्क्रीन सामायिकरण दरम्यान स्विच करा",
+        "toggleShortcuts": "कीबोर्ड शॉर्टकट दर्शवा किंवा लपवा",
+        "videoMute": "आपला कॅमेरा प्रारंभ करा किंवा थांबवा",
+        "videoQuality": "कॉल गुणवत्ता व्यवस्थापित करा"
+    },
+    "liveStreaming": {
+        "busy": " आम्ही प्रवाह स्त्रोत मुक्त करण्याचे कार्य करीत आहोत. कृपया काही मिनिटांत पुन्हा प्रयत्न करा.",
+        "busyTitle": "सर्व स्ट्रीमर सध्या व्यस्त आहेत",
+        "changeSignIn": "खाती स्विच करा.",
+        "choose": "थेट प्रवाह निवडा",
+        "chooseCTA": "प्रवाह पर्याय निवडा. आपण सध्या म्हणून लॉग इन आहात {{email}}.",
+        "enterStreamKey": " येथे आपली YouTube थेट प्रवाह की प्रविष्ट करा.",
+        "error": "थेट प्रवाह अयशस्वी. कृपया पुन्हा प्रयत्न करा.",
+        "errorAPI": "आपल्या YouTube प्रसारणामध्ये प्रवेश करताना त्रुटी आली. कृपया पुन्हा लॉग इन करून पहा.",
+        "errorLiveStreamNotEnabled": "{{email}}. वर थेट प्रवाह सक्षम केलेले नाही. कृपया थेट प्रवाह सक्षम करा किंवा थेट प्रवाह सक्षम केलेल्या खात्यात लॉग इन करा",
+        "expandedOff": "थेट प्रवाह थांबला आहे",
+        "expandedOn": "या संमेलनाचे सध्या युट्यूबवर प्रसारण केले जात आहे.",
+        "expandedPending": "थेट प्रवाह सुरू केला जात आहे ",
+        "failedToStart": "थेट प्रवाह सुरू करण्यात अयशस्वी",
+        "getStreamKeyManually": "आम्ही कोणतेही थेट प्रवाह आणण्यात सक्षम नाही. YouTube वरून आपली थेट प्रवाह की मिळवण्याचा प्रयत्न करा.",
+        "googlePrivacyPolicy": "Google गोपनीयता धोरण",
+        "invalidStreamKey": "थेट प्रवाह की चुकीची असू शकते.",
+        "off": "थेट प्रवाह थांबला",
+        "offBy": "{{name}} थेट प्रवाह थांबविला",
+        "on": "थेट प्रवाह",
+        "onBy": "{{name}} थेट प्रवाह सुरू केला",
+        "pending": "थेट प्रवाह सुरू करत आहे…",
+        "serviceName": "थेट प्रवाह सेवा",
+        "signIn": "Google सह साइन इन करा",
+        "signInCTA": "YouTube वरून साइन इन करा किंवा आपली थेट प्रवाह की प्रविष्ट करा.",
+        "signOut": "साइन आउट करा",
+        "signedInAs": "आपण सध्या म्हणून साइन इन केले आहे:",
+        "start": "थेट प्रवाह सुरू करा",
+        "streamIdHelp": "हे काय आहे?",
+        "title": "थेट प्रसारण",
+        "unavailableTitle": "थेट प्रवाह अनुपलब्ध",
+        "youtubeTerms": "YouTube सेवा अटी"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "बंद",
+            "on": "चालू",
+            "unknown": "अज्ञात"
+        },
+        "dialogTitle": "स्थानिक रेकॉर्डिंग नियंत्रणे",
+        "duration": "कालावधी",
+        "durationNA": "N/A",
+        "encoding": "एन्कोडिंग",
+        "label": "LOR",
+        "labelToolTip": "स्थानिक रेकॉर्डिंग गुंतलेली आहे",
+        "localRecording": "स्थानिक रेकॉर्डिंग",
+        "me": "Me",
+        "messages": {
+            "engaged": "स्थानिक रेकॉर्डिंग व्यस्त",
+            "finished": " रेकॉर्डिंग सत्र {{token}} . समाप्त. कृपया रेकॉर्ड केलेली फाईल नियंत्रकावर पाठवा.",
+            "finishedModerator": "रेकॉर्डिंग सत्र {{token}}. समाप्त. लोकल ट्रॅकचे रेकॉर्डिंग सेव्ह केले गेले आहे. कृपया इतर सहभागींना त्यांचे रेकॉर्डिंग सबमिट करण्यास सांगा.",
+            "notModerator": "आपण नियंत्रक नाही. आपण स्थानिक रेकॉर्डिंग प्रारंभ करू किंवा थांबवू शकत नाही."
+        },
+        "moderator": "नियंत्रक",
+        "no": "No",
+        "participant": "नियंत्रक",
+        "participantStats": "सहभागी आकडेवारी",
+        "sessionToken": "सत्र टोकन",
+        "start": "रेकॉर्डिंग प्रारंभ करा",
+        "stop": "रेकॉर्डिंग थांबवा",
+        "yes": "होय"
+    },
+    "lockRoomPassword": "संकेतशब्द",
+    "lockRoomPasswordUppercase": "संकेतशब्द",
+    "lonelyMeetingExperience": {
+        "button": "इतरांना आमंत्रित करा",
+        "youAreAlone": "आपण सभेत एकटाच आहात"
+    },
+    "me": "मी",
+    "notify": {
+        "OldElectronAPPTitle": "सुरक्षा असुरक्षा!",
+        "connectedOneMember": "{{name}} बैठकीत सामील झाले",
+        "connectedThreePlusMembers": "{{name}} आणि {{count}} इतर बैठकीत सामील झाले",
+        "connectedTwoMembers": "{{first}} आणि {{second}} बैठकीत सामील झाले",
+        "disconnected": "डिस्कनेक्ट झाले",
+        "focus": "परिषद लक्ष",
+        "focusFail": "{{component}} उपलब्ध नाही - पुन्हा प्रयत्न करा {{ms}} सेकंद",
+        "grantedTo": "नियंत्रक अधिकार यांना दिले {{to}}!",
+        "invitedOneMember": "{{name}}आमंत्रित केले गेले आहे",
+        "invitedThreePlusMembers": "{{name}} आणि {{count}} इतरांना आमंत्रित केले गेले आहे",
+        "invitedTwoMembers": "{{first}} आणि {{second}} आमंत्रित केले गेले आहे",
+        "kickParticipant": "{{kicked}} was kicked by {{kicker}}",
+        "me": "Me",
+        "moderator": "नियंत्रक अधिकार मंजूर!",
+        "muted": "आपण संभाषण निःशब्द केले आहे.",
+        "mutedRemotelyDescription": "आपण बोलण्यास तयार असता तेव्हा आपण नेहमी सशब्द करू शकता. आपण संमेलनापासून आवाज दूर ठेवण्यासाठी पूर्ण झाल्यावर परत नि: शब्द करा.",
+        "mutedRemotelyTitle": "आपण द्वारे निःशब्द केले गेले आहे {{participantDisplayName}}!",
+        "mutedTitle": "आपण निःशब्द आहात!",
+        "newDeviceAction": "वापरा",
+        "newDeviceAudioTitle": "नवीन ऑडिओ डिव्हाइस आढळले",
+        "newDeviceCameraTitle": "नवीन कॅमेरा आढळला",
+        "oldElectronClientDescription1": "आपण सुरक्षा असुरक्षा ज्ञात असलेल्या जितसी मीट क्लायंटची जुनी आवृत्ती वापरत असल्याचे दिसून येत आहे. कृपया आमच्याकडे आपण अद्यतनित असल्याची खात्री करा",
+        "oldElectronClientDescription2": "नवीनतम बिल्ड",
+        "oldElectronClientDescription3": " आता!",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) दुसर्‍या सहभागीने काढले",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) दुसर्‍या सहभागीने सेट केलेले",
+        "raisedHand": "{{name}} बोलायला आवडेल.",
+        "somebody": "कुणीतरी",
+        "startSilentDescription": "ऑडिओ सक्षम करण्यासाठी संमेलनात पुन्हा सामील व्हा",
+        "startSilentTitle": "आपण ऑडिओ आउटपुटसह सामील झालात!",
+        "suboptimalBrowserWarning": " आम्हाला भीती वाटते की येथे आपल्या भेटीचा अनुभव इतका उत्कृष्ट होणार नाही. आम्ही यामध्ये सुधारणा करण्याचे मार्ग शोधत आहोत, परंतु तोपर्यंत कृपया त्यापैकी एक वापरून पहा <a href='static/recommendedBrowsers.html' target='_blank'>fully supported browsers</a>.",
+        "suboptimalExperienceTitle": "ब्राउझर चेतावणी",
+        "unmute": "सशब्द करा"
+    },
+    "passwordDigitsOnly": " पर्यंत {{number}} अंक",
+    "passwordSetRemotely": "दुसर्‍या सहभागीने सेट केलेले",
+    "polls": {
+        "errors": {
+            "notUniqueOption": "पर्याय अद्वितीय असणे आवश्यक आहे"
+        }
+    },
+    "poweredby": "द्वारा समर्थित",
+    "prejoin": {
+        "audioAndVideoError": "ऑडिओ आणि व्हिडिओ त्रुटी:",
+        "audioOnlyError": "ऑडिओ त्रुटी:",
+        "audioTrackError": "ऑडिओ ट्रॅक तयार करू शकलो नाही.",
+        "callMe": "मला कॉल करा",
+        "callMeAtNumber": "मला या नंबरवर कॉल करा:",
+        "calling": "कॉल करीत आहे",
+        "configuringDevices": "डिव्हाइस कॉन्फिगर करीत आहे…",
+        "connectedWithAudioQ": "आपण ऑडिओशी कनेक्ट आहात?",
+        "copyAndShare": "मीटिंगचा दुवा कॉपी आणि सामायिक करा",
+        "dialInMeeting": "बैठकीत डायल करा",
+        "dialInPin": "संमेलनात डायल करा आणि पिन कोड प्रविष्ट करा:",
+        "dialing": "डायल करत आहे",
+        "iWantToDialIn": "मला डायल करायचे आहे",
+        "initiated": "कॉल सुरू झाला",
+        "joinAudioByPhone": "फोन ऑडिओसह सामील व्हा",
+        "joinMeeting": "बैठकीत सामील व्हा",
+        "joinWithoutAudio": "ऑडिओशिवाय सामील व्हा",
+        "linkCopied": "क्लिपबोर्डवर दुवा कॉपी केला",
+        "lookGood": "स्पीकर आणि मायक्रोफोन चांगले दिसतात",
+        "or": "किंवा",
+        "screenSharingError": "स्क्रीन सामायिकरण त्रुटी:",
+        "startWithPhone": "फोन ऑडिओसह प्रारंभ करा",
+        "videoOnlyError": "व्हिडिओ त्रुटी:",
+        "videoTrackError": "व्हिडिओ ट्रॅक तयार करू शकलो नाही.",
+        "viewAllNumbers": "सर्व संख्या पहा"
+    },
+    "presenceStatus": {
+        "busy": "व्यस्त",
+        "calling": "कॉल करीत आहे…",
+        "connected": "जोडलेले",
+        "connecting": "कनेक्ट करीत आहे…",
+        "connecting2": "कनेक्ट करीत आहे…",
+        "disconnected": "डिस्कनेक्ट केलेले",
+        "expired": "कालबाह्य",
+        "ignored": "दुर्लक्षित",
+        "initializingCall": "कॉल प्रारंभ करीत आहे…",
+        "invited": "आमंत्रित केले",
+        "rejected": "नाकारले",
+        "ringing": "रिंग होत आहे…"
+    },
+    "profile": {
+        "setDisplayNameLabel": " आपले प्रदर्शन नाव सेट करा",
+        "setEmailInput": "ई-मेल प्रविष्ट करा",
+        "setEmailLabel": "आपला गुरुतर ईमेल सेट करा",
+        "title": "प्रोफाइल"
+    },
+    "raisedHand": "बोलायला आवडेल",
+    "recording": {
+        "authDropboxText": " ड्रॉपबॉक्सवर अपलोड करा",
+        "availableSpace": "उपलब्ध जागा: {{spaceLeft}} MB (approximately {{duration}} रेकॉर्डिंग मिनिटे)",
+        "beta": "BETA",
+        "busy": "आम्ही रेकॉर्डिंग संसाधने मुक्त करण्यावर कार्य करीत आहोत. कृपया काही मिनिटांत पुन्हा प्रयत्न करा.",
+        "busyTitle": "सर्व रेकॉर्डर सध्या व्यस्त आहेत",
+        "error": "रेकॉर्डिंग अयशस्वी. कृपया पुन्हा प्रयत्न करा.",
+        "expandedOff": "रेकॉर्डिंग थांबले आहे",
+        "expandedOn": "सभेची नोंद सध्या घेतली जात आहे.",
+        "expandedPending": "रेकॉर्डिंग सुरू केले जात आहे…",
+        "failedToStart": "रेकॉर्डिंग सुरू करण्यात अयशस्वी",
+        "fileSharingdescription": "मीटिंगमधील सहभागींसह रेकॉर्डिंग सामायिक करा",
+        "live": "LIVE",
+        "loggedIn": "म्हणून लॉग इन केले {{userName}}",
+        "off": "रेकॉर्डिंग थांबले",
+        "offBy": "{{name}} रेकॉर्डिंग थांबविले",
+        "on": "Recording",
+        "onBy": "{{name}} रेकॉर्डिंग सुरू केले",
+        "pending": "मीटिंग रेकॉर्ड करण्याची तयारी करत आहे…",
+        "rec": "REC",
+        "serviceDescription": "आपले रेकॉर्डिंग रेकॉर्डिंग सेवेद्वारे जतन केले जाईल",
+        "serviceName": "रेकॉर्डिंग सेवा",
+        "signIn": "साइन इन करा",
+        "signOut": "साइन आउट करा",
+        "title": "मुद्रित करणे",
+        "unavailable": " अरेरे! {{serviceName}} currently सध्या अनुपलब्ध आहे. आम्ही या समस्येचे निराकरण करण्याचे काम करीत आहोत. कृपया पुन्हा प्रयत्न करा.",
+        "unavailableTitle": "रेकॉर्डिंग अनुपलब्ध"
+    },
+    "sectionList": {
+        "pullToRefresh": "रीफ्रेश करण्यासाठी खेचा"
+    },
+    "settings": {
+        "calendar": {
+            "about": " {{appName}} कॅलेंडर समाकलन सुरक्षितपणे आपल्या कॅलेंडरमध्ये प्रवेश करण्यासाठी वापरले जाते जेणेकरून ते आगामी कार्यक्रम वाचू शकतील.",
+            "disconnect": "डिस्कनेक्ट करा",
+            "microsoftSignIn": "मायक्रोसॉफ्ट सह साइन इन करा",
+            "signedIn": "सध्या {{email}}  साठी कॅलेंडर इव्हेंटमध्ये प्रवेश करत आहे. कॅलेंडर इव्हेंटमध्ये प्रवेश करणे थांबविण्यासाठी खालील डिस्कनेक्ट बटणावर क्लिक करा",
+            "title": "कॅलेंडर"
+        },
+        "devices": "उपकरणे",
+        "followMe": "प्रत्येकजण माझ्या मागे येतो",
+        "language": "भाषा",
+        "loggedIn": "{{name}} म्हणून लॉग इन केले",
+        "microphones": "मायक्रोफोन",
+        "moderator": "नियंत्रक",
+        "more": "अधिक",
+        "name": "नाव",
+        "noDevice": "काहीही नाही",
+        "selectAudioOutput": "ऑडिओ आउटपुट",
+        "selectCamera": "कॅमेरा",
+        "selectMic": "मायक्रोफोन",
+        "speakers": "स्पीकर्स",
+        "startAudioMuted": " प्रत्येकजण निःशब्द होतो",
+        "startVideoMuted": "प्रत्येकजण दडलेला सुरू होतो",
+        "title": "सेटिंग्ज"
+    },
+    "settingsView": {
+        "advanced": "प्रगत",
+        "alertOk": "ठीक आहे",
+        "alertTitle": "चेतावणी",
+        "alertURLText": "प्रविष्ट केलेली सर्व्हर URL अवैध आहे",
+        "buildInfoSection": "बिल्ड माहिती",
+        "conferenceSection": "परिषद",
+        "disableCallIntegration": "नेटिव्ह कॉल एकत्रीकरण अक्षम करा",
+        "disableP2P": " पीअर-टू-पीअर मोड अक्षम करा",
+        "displayName": " नाव प्रदर्शन",
+        "email": "ईमेल",
+        "header": "सेटिंग्ज",
+        "profileSection": "प्रोफाइल",
+        "serverURL": "सर्व्हर URL",
+        "showAdvanced": "प्रगत सेटिंग्ज दर्शवा",
+        "startWithAudioMuted": "ऑडिओ नि: शब्द सह प्रारंभ करा",
+        "startWithVideoMuted": "निःशब्द व्हिडिओसह प्रारंभ करा",
+        "version": "आवृत्ती"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nफक्त आपल्या फोनवर डायल करू इच्छिता?\n\n{{defaultDialInNumber}} या संमेलनासाठी फोन नंबर डायल पाहण्यासाठी या दुव्यावर क्लिक करा\n{{dialInfoPageUrl}}",
+        "mainText": "संमेलनात सामील होण्यासाठी खालील दुव्यावर क्लिक करा:\n{{roomUrl}}"
+    },
+    "speaker": "स्पीकर",
+    "speakerStats": {
+        "hours": "{{count}}h",
+        "minutes": "{{count}}m",
+        "name": "नाव",
+        "search": "शोधा",
+        "searchHint": "सहभागी शोधा",
+        "seconds": "{{count}}s",
+        "speakerStats": "स्पीकर आकडेवारी",
+        "speakerTime": "स्पीकर वेळ"
+    },
+    "startupoverlay": {
+        "policyText": " ",
+        "title": "{{app}} आपला मायक्रोफोन आणि कॅमेरा वापरण्याची आवश्यकता आहे."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "पुन्हा जॉइन करा",
+        "text": " पुन्हा कनेक्ट करण्यासाठी  <i>Rejoin</i>  बटण दाबा.",
+        "title": "आपला व्हिडिओ कॉल व्यत्यय आला कारण हा संगणक झोपायला गेला."
+    },
+    "toolbar": {
+        "Settings": "सेटिंग्ज",
+        "accessibilityLabel": {},
+        "addPeople": "आपल्या कॉलमध्ये लोकांना जोडा",
+        "audioOnlyOff": "कमी बँडविड्थ मोड अक्षम करा",
+        "audioOnlyOn": "कमी बँडविड्थ मोड सक्षम करा",
+        "audioRoute": "ध्वनी यंत्र निवडा",
+        "authenticate": "प्रमाणित करा",
+        "callQuality": "व्हिडिओ गुणवत्ता व्यवस्थापित करा",
+        "chat": "गप्पा / बंद करा उघडा",
+        "closeChat": "गप्पा बंद करा",
+        "documentClose": "सामायिक दस्तऐवज बंद करा",
+        "documentOpen": "सामायिक दस्तऐवज उघडा",
+        "download": "आमचे अ‍ॅप्स डाउनलोड करा",
+        "e2ee": "एंड-टू-एंड एनक्रिप्शन",
+        "enterFullScreen": "पूर्ण स्क्रीन पहा",
+        "enterTileView": "टाइल दृश्य प्रविष्ट करा",
+        "exitFullScreen": "पूर्ण स्क्रीनमधून बाहेर पडा",
+        "exitTileView": "बाहेर पडा टाइल दृश्य",
+        "feedback": "अभिप्राय द्या",
+        "hangup": "सोडा",
+        "help": "मदत करा",
+        "invite": "लोकांना आमंत्रित करा",
+        "login": "लॉगिन",
+        "logout": "बाहेर पडणे",
+        "lowerYourHand": "बाहेर पडणे",
+        "moreActions": "अधिक क्रिया",
+        "moreOptions": "अधिक पर्याय",
+        "mute": "नि: शब्द / सशब्द करा",
+        "muteEveryone": "सर्वांना नि: शब्द करा",
+        "noAudioSignalDesc": "आपण सिस्टम सेटिंग्ज किंवा हार्डवेअरवरून हेतुपुरस्सर नि: शब्द न केल्यास, डिव्हाइस बदलण्याचा विचार करा.",
+        "noAudioSignalDescSuggestion": "आपण सिस्टम सेटिंग्ज किंवा हार्डवेअरवरून हेतुपुरस्सर नि: शब्द न केल्यास, सूचित डिव्हाइसवर स्विच करण्याचा विचार करा.",
+        "noAudioSignalDialInDesc": "आपण हे वापरून डायल-इन देखील करू शकता:",
+        "noAudioSignalDialInLinkDesc": "डायल-इन क्रमांक",
+        "noAudioSignalTitle": "आपल्या माइकवरून कोणतेही इनपुट येत नाही!",
+        "noisyAudioInputDesc": "आपला मायक्रोफोन आवाज देत असल्यासारखे दिसत आहे, कृपया डिव्हाइस नि: शब्द करणे किंवा बदलणे याचा विचार करा.",
+        "noisyAudioInputTitle": "आपला मायक्रोफोन गोंगाट करणारा दिसत आहे!",
+        "openChat": "खुली गप्पा",
+        "pip": "पिक्चर-इन-पिक्चर मोड प्रविष्ट करा",
+        "privateMessage": "खाजगी संदेश पाठवा",
+        "profile": "आपले प्रोफाइल संपादित करा",
+        "raiseHand": "हात वर करा / कमी करा",
+        "raiseYourHand": "तुझा हात वर कर",
+        "shareRoom": "एखाद्यास आमंत्रित करा",
+        "sharedvideo": "एक YouTube व्हिडिओ सामायिक करा",
+        "shortcuts": "शॉर्टकट पहा",
+        "speakerStats": "स्पीकर आकडेवारी",
+        "startScreenSharing": "स्क्रीन सामायिकरण प्रारंभ करा",
+        "startSubtitles": "उपशीर्षके प्रारंभ करा",
+        "startvideoblur": "माझी पार्श्वभूमी अस्पष्ट करा",
+        "stopScreenSharing": "स्क्रीन सामायिकरण थांबवा",
+        "stopSharedVideo": "YouTube व्हिडिओ थांबवा",
+        "stopSubtitles": "उपशीर्षके थांबवा",
+        "stopvideoblur": "पार्श्वभूमी डाग अक्षम करा",
+        "talkWhileMutedPopup": "बोलण्याचा प्रयत्न करीत आहात? आपण निःशब्द आहात.",
+        "tileViewToggle": "टाइल दृश्य टॉगल करा",
+        "toggleCamera": "टॉगल कॅमेरा",
+        "videomute": "कॅमेरा प्रारंभ / थांबवा"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "उपशीर्षके प्रारंभ / थांबवा",
+        "error": "लिप्यंतरण अयशस्वी. कृपया पुन्हा प्रयत्न करा.",
+        "expandedLabel": "लिप्यंतरण चालू आहे",
+        "failedToStart": "लिप्यंतरण सुरू करण्यात अयशस्वी",
+        "labelToolTip": "सभेचे प्रतिलेखन केले जात आहे",
+        "off": "लिप्यंतरण थांबविले",
+        "pending": "संमेलनाची नक्कल करण्याची तयारी करत आहे…",
+        "start": "उपशीर्षके दर्शविणे प्रारंभ करा",
+        "stop": "उपशीर्षके दर्शविणे थांबवा",
+        "tr": "टीआर"
+    },
+    "userMedia": {
+        "grantPermissions": "कृपया आपला कॅमेरा आणि मायक्रोफोन वापरण्यास परवानगी द्या."
+    },
+    "videoSIPGW": {
+        "busy": "आम्ही स्त्रोत मुक्त करण्याचे काम करत आहोत. कृपया काही मिनिटांत पुन्हा प्रयत्न करा.",
+        "busyTitle": " परिषद खोलीत सेवा सध्या व्यस्त आहे",
+        "errorAlreadyInvited": " {{displayName}} आधीच आमंत्रित आहे",
+        "errorInvite": "परिषद अद्याप स्थापन केलेली नाही. कृपया पुन्हा प्रयत्न करा.",
+        "errorInviteFailed": "आम्ही या समस्येचे निराकरण करण्याचे काम करीत आहोत. कृपया पुन्हा प्रयत्न करा.",
+        "errorInviteFailedTitle": "{{displayName}} आमंत्रित करणे अयशस्वी",
+        "errorInviteTitle": " परिषद खोलीत आमंत्रित करताना त्रुटी",
+        "pending": "{{displayName}} आमंत्रित केले गेले आहे"
+    },
+    "videoStatus": {
+        "audioOnly": "एडीडी",
+        "audioOnlyExpanded": "आपण कमी बँडविड्थ मोडमध्ये आहात. या मोडमध्ये आपल्याला केवळ ऑडिओ आणि स्क्रीन सामायिकरण प्राप्त होईल.",
+        "callQuality": "व्हिडिओ गुणवत्ता",
+        "hd": "एचडी",
+        "hdTooltip": "उच्च परिभाषा व्हिडिओ पहात आहे",
+        "highDefinition": "उंच - व्याख्या",
+        "labelTooiltipNoVideo": "व्हिडिओ नाही",
+        "labelTooltipAudioOnly": "कमी बँडविड्थ मोड सक्षम",
+        "ld": "एलडी",
+        "ldTooltip": "निम्न परिभाषा व्हिडिओ पहात आहे",
+        "lowDefinition": "कमी व्याख्या",
+        "onlyAudioAvailable": "केवळ ऑडिओ उपलब्ध आहे",
+        "onlyAudioSupported": "आम्ही या ब्राउझरमध्ये केवळ ऑडिओचे समर्थन करतो.",
+        "p2pEnabled": "सरदार ते सरदार सक्षम",
+        "p2pVideoQualityDescription": "पीअर टू पीअर मोडमध्ये, प्राप्त व्हिडिओ गुणवत्ता केवळ उच्च आणि ऑडिओ दरम्यानच टॉगल केली जाऊ शकते. पीअर टू पीअर बाहेर येईपर्यंत इतर सेटिंग्जचा आदर केला जाणार नाही.",
+        "recHighDefinitionOnly": "उच्च परिभाषा पसंत करेल.",
+        "sd": "एसडी",
+        "sdTooltip": "मानक परिभाषा व्हिडिओ पहात आहे",
+        "standardDefinition": "मानक व्याख्या"
+    },
+    "videothumbnail": {
+        "domute": "नि: शब्द करा",
+        "domuteOthers": "इतर सर्वांना नि: शब्द करा",
+        "flip": "फ्लिप",
+        "kick": "लाथा मारून बाहेर काढ",
+        "moderator": "नियंत्रक",
+        "mute": "सहभागी निःशब्द आहे",
+        "muted": "नि: शब्द केलेले",
+        "remoteControl": "रिमोट कंट्रोल प्रारंभ / थांबवा.",
+        "show": "रंगमंचावर दाखवा",
+        "videomute": "सहभागीने कॅमेरा थांबविला आहे"
+    },
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "सामील होण्यासाठी टॅप करा",
+            "roomname": "खोलीचे नाव प्रविष्ट करा"
+        },
+        "appDescription": " पुढे जा, संपूर्ण टीमसह व्हिडिओ चॅट करा. खरं तर, आपल्या ओळखीच्या प्रत्येकास आमंत्रित करा. {{app}} एक संपूर्ण एनक्रिप्टेड, 100% मुक्त स्रोत व्हिडिओ कॉन्फरन्सिंग समाधान आहे जे आपण दिवसभर, दररोज विनामूल्य वापरु शकता - कोणतेही खाते आवश्यक नाही.",
+        "audioVideoSwitch": {
+            "audio": "आवाज",
+            "video": "व्हिडिओ"
+        },
+        "calendar": "कॅलेंडर",
+        "connectCalendarButton": "आपले कॅलेंडर कनेक्ट करा",
+        "connectCalendarText": "आपली सर्व सभा {{app}} in मध्ये पाहण्यासाठी कॅलेंडर कनेक्ट करा. तसेच, आपल्या कॅलेंडरमध्ये {{provider}} संमेलने जोडा आणि एका क्लिकने त्या प्रारंभ करा.",
+        "enterRoomTitle": "नवीन बैठक सुरू करा",
+        "getHelp": "Get help",
+        "go": "GO",
+        "goSmall": "GO",
+        "info": "माहिती",
+        "join": "तयार करा / सामील व्हा",
+        "privacy": "गोपनीयता",
+        "recentList": "अलीकडील",
+        "recentListDelete": "हटवा",
+        "recentListEmpty": "आपली अलीकडील यादी सध्या रिक्त आहे. आपल्या कार्यसंघाशी गप्पा मारा आणि आपल्याला आपल्या सर्व अलीकडील संमेलने येथे आढळतील.",
+        "reducedUIText": "{{App}} वर आपले स्वागत आहे!",
+        "roomNameAllowedChars": "संमेलनाच्या नावात यापैकी कोणतेही वर्ण नसावेत: ?, &, :, ', \", %, #.",
+        "roomname": "Enter room name",
+        "roomnameHint": "आपण सामील होऊ इच्छित असलेल्या खोलीचे नाव किंवा URL प्रविष्ट करा. आपण नाव लिहू शकता, आपण ज्यांना भेटत आहात त्या लोकांना हे कळू द्या जेणेकरुन ते समान नाव प्रविष्ट करा.",
+        "sendFeedback": "अभिप्राय पाठवा",
+        "terms": "अटी",
+        "title": "सुरक्षित, पूर्णपणे वैशिष्ट्यीकृत आणि पूर्णपणे विनामूल्य व्हिडिओ कॉन्फरन्सिंग"
+    }
+}
diff --git a/lang/main-nb.json b/lang/main-nb.json
new file mode 100644
index 0000000..4aa731e
--- /dev/null
+++ b/lang/main-nb.json
@@ -0,0 +1,1583 @@
+{
+    "addPeople": {
+        "accessibilityLabel": {
+            "meetingLink": "møtelink: {{url}}"
+        },
+        "add": "Inviter",
+        "addContacts": "Inviter dine kontakter",
+        "contacts": "kontakter",
+        "copyInvite": "Kopier møteinvitasjon",
+        "copyLink": "Kopier møtelink",
+        "copyStream": "Kopier direktesending-lenke",
+        "countryNotSupported": "Vi støtter ikke denne destinasjonen ennå.",
+        "countryReminder": "Ringer du utenfor USA? Vennligst sørg for å starte med landskoden!",
+        "defaultEmail": "Din standard e-post",
+        "disabled": "Du kan ikke invitere folk.",
+        "failedToAdd": "Kunne ikke legge til deltakere",
+        "googleEmail": "Google e-post",
+        "inviteMoreHeader": "Du er den eneste i møtet",
+        "inviteMoreMailSubject": "Bli med i{{appName}} møtet",
+        "inviteMorePrompt": "Inviter flere personer",
+        "linkCopied": "Lenke kopiert til utklippstavlen",
+        "noResults": "Ingen treff på søket",
+        "outlookEmail": "Outlook e-post",
+        "phoneNumbers": "telefonnumre",
+        "searching": "Søker…",
+        "shareInvite": "Del møteinvitasjon",
+        "shareLink": "Del møtelinken for å invitere andre",
+        "shareStream": "Del direktesending-lenken",
+        "sipAddresses": "SIP-adresser",
+        "telephone": "Telefon: {{number}}",
+        "title": "Inviter folk til dette møtet",
+        "yahooEmail": "Yahoo e-post"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "car": "Lyd i bil",
+        "headphones": "Hodetelefoner",
+        "none": "Lydutstyr ikke tilgjengelig",
+        "phone": "Telefon",
+        "speaker": "Høyttaler"
+    },
+    "audioOnly": {
+        "audioOnly": "Lav båndbredde"
+    },
+    "bandwidthSettings": {
+        "assumedBandwidthBps": "f.eks. 10000000 for 10 Mbps",
+        "assumedBandwidthBpsWarning": "Høyere verdier kan forårsake nettverksproblemer.",
+        "customValue": "Egendefinert verdi",
+        "customValueEffect": "For å sette den faktiske bps-verdien",
+        "leaveEmpty": "La stå tomt",
+        "leaveEmptyEffect": "For å tillate at estimater blir gjort",
+        "possibleValues": "Mulige verdier",
+        "setAssumedBandwidthBps": "Antatt båndbredde (bps)",
+        "title": "Båndbreddeinnstillinger",
+        "zeroEffect": "For å deaktivere video"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "Legg til grupperom",
+            "autoAssign": "Automatisk tildeling til grupperom",
+            "close": "Lukk",
+            "join": "Bli med",
+            "leaveBreakoutRoom": "Forlat grupperom",
+            "more": "Mer",
+            "remove": "Fjern",
+            "rename": "Gi nytt navn",
+            "renameBreakoutRoom": "Gi nytt navn til grupperom",
+            "sendToBreakoutRoom": "Send deltaker til:"
+        },
+        "breakoutList": "Grupperomsliste",
+        "buttonLabel": "Grupperom",
+        "defaultName": "Grupperom #{{index}}",
+        "hideParticipantList": "Skjul deltakerliste",
+        "mainRoom": "Hovedrom",
+        "notifications": {
+            "joined": "Bli med i \"{{name}}\" grupperom",
+            "joinedMainRoom": "Bli med i hovedrom",
+            "joinedTitle": "Grupperom"
+        },
+        "showParticipantList": "Vis deltakerliste",
+        "title": "Grupperom"
+    },
+    "calendarSync": {
+        "addMeetingURL": "Legg til en møtelenke",
+        "confirmAddLink": "Vil du legge til en Jitsi-lenke til denne hendelsen?",
+        "error": {
+            "appConfiguration": "Kalenderintegrasjonen er ikke riktig konfigurert.",
+            "generic": "En feil har oppstått. Sjekk kalenderinnstillingene dine eller prøv å oppdatere kalenderen.",
+            "notSignedIn": "En feil oppstod under autentisering for å se kalenderhendelser. Sjekk kalenderinnstillingene dine og prøv å logge inn igjen."
+        },
+        "join": "Bli med",
+        "joinTooltip": "Bli med i møtet",
+        "nextMeeting": "Neste møte",
+        "noEvents": "Det er ingen planlagte kommende hendelser.",
+        "ongoingMeeting": "Pågående møte",
+        "permissionButton": "Åpne innstillinger",
+        "permissionMessage": "Kalendertillatelse er nødvendig for å se møtene dine i appen.",
+        "refresh": "Oppdater kalender",
+        "today": "I dag"
+    },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "Velg lydenhet"
+        },
+        "labels": {
+            "buttonLabel": "Bilmodus",
+            "title": "Bilmodus",
+            "videoStopped": "Videoen din er stoppet"
+        }
+    },
+    "chat": {
+        "enter": "Gå inn i rommet",
+        "error": "Feil: meldingen din ble ikke sendt. Årsak: {{error}}",
+        "fieldPlaceHolder": "Aa",
+        "lobbyChatMessageTo": "Lobby-chatmelding til {{recipient}}",
+        "message": "Melding",
+        "messageAccessibleTitle": "{{user}} sier:",
+        "messageAccessibleTitleMe": "jeg sier:",
+        "messageTo": "Privat melding til {{recipient}}",
+        "messagebox": "Skriv en melding",
+        "newMessages": "Nye meldinger",
+        "nickname": {
+            "popover": "Velg et kallenavn",
+            "title": "Skriv inn et kallenavn for å bruke chatten",
+            "titleWithPolls": "Skriv inn et kallenavn for å bruke chatten og avstemninger"
+        },
+        "noMessagesMessage": "Det er ingen meldinger i møtet ennå. Start en samtale her!",
+        "privateNotice": "Privat melding til {{recipient}}",
+        "sendButton": "Send",
+        "smileysPanel": "Emoji-panel",
+        "systemDisplayName": "System",
+        "tabs": {
+            "chat": "Chat",
+            "polls": "Avstemninger"
+        },
+        "title": "Chat",
+        "titleWithPolls": "Chat og avstemninger",
+        "you": "du"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Installer Chrome-utvidelse",
+        "buttonTextEdge": "Installer Edge-utvidelse",
+        "close": "Lukk",
+        "dontShowAgain": "Ikke vis dette igjen",
+        "installExtensionText": "Installer utvidelsen for integrasjon med Google Kalender og Office 365"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Kobler deg til møtet…"
+    },
+    "connection": {
+        "ATTACHED": "Tilkoblet",
+        "AUTHENTICATING": "Autentiserer",
+        "AUTHFAIL": "Autentisering mislyktes",
+        "CONNECTED": "Tilkoblet",
+        "CONNECTING": "Kobler til",
+        "CONNFAIL": "Tilkobling mislyktes",
+        "DISCONNECTED": "Frakoblet",
+        "DISCONNECTING": "Kobler fra",
+        "ERROR": "Feil",
+        "FETCH_SESSION_ID": "Henter sesjons-ID…",
+        "GET_SESSION_ID_ERROR": "Feil ved henting av sesjons-ID: {{code}}",
+        "GOT_SESSION_ID": "Henting av sesjons-ID fullført",
+        "LOW_BANDWIDTH": "Videoen til {{displayName}} er slått av for å spare båndbredde"
+    },
+    "connectionindicator": {
+        "address": "Adresse:",
+        "audio_ssrc": "Audio SSRC:",
+        "bandwidth": "Estimert båndbredde:",
+        "bitrate": "Bithastighet:",
+        "bridgeCount": "Antall servere: ",
+        "codecs": "Kodeker (A/V): ",
+        "connectedTo": "Tilkoblet til:",
+        "e2eeVerified": "E2EE verifisert:",
+        "framerate": "Bildefrekvens:",
+        "less": "Vis mindre",
+        "localaddress": "Lokal adresse:",
+        "localaddress_plural": "Lokale adresser:",
+        "localport": "Lokal port:",
+        "localport_plural": "Lokale porter:",
+        "maxEnabledResolution": "send maks",
+        "more": "Vis mer",
+        "no": "nei",
+        "packetloss": "Pakktap:",
+        "participant_id": "Deltaker-ID:",
+        "quality": {
+            "good": "Bra",
+            "inactive": "Inaktiv",
+            "lost": "Tapt",
+            "nonoptimal": "Ikke optimal",
+            "poor": "Dårlig"
+        },
+        "remoteaddress": "Ekstern adresse:",
+        "remoteaddress_plural": "Eksterne adresser:",
+        "remoteport": "Ekstern port:",
+        "remoteport_plural": "Eksterne porter:",
+        "resolution": "Oppløsning:",
+        "savelogs": "Lagre logger",
+        "status": "Tilkobling:",
+        "transport": "Transport:",
+        "transport_plural": "Transporter:",
+        "video_ssrc": "Video SSRC:",
+        "yes": "ja"
+    },
+    "dateUtils": {
+        "earlier": "Tidligere",
+        "today": "I dag",
+        "yesterday": "I går"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Du trenger mobilappen {{app}} for å bli med i dette møtet på telefonen.",
+        "description": "Ingenting skjedde? Vi prøvde å starte møtet ditt i {{app}} skrivebordsappen. Prøv igjen eller åpne det i {{app}} nettappen.",
+        "descriptionNew": "Ingenting skjedde? Vi prøvde å starte møtet ditt i {{app}} skrivebordsappen. <br /><br /> Du kan prøve igjen eller åpne det i nettleseren.",
+        "descriptionWithoutWeb": "Ingenting skjedde? Vi prøvde å starte møtet ditt i {{app}} skrivebordsappen.",
+        "downloadApp": "Last ned appen",
+        "downloadMobileApp": "Last ned fra App Store",
+        "ifDoNotHaveApp": "Hvis du ikke har appen ennå:",
+        "ifHaveApp": "Hvis du allerede har appen:",
+        "joinInApp": "Bli med i dette møtet ved å bruke appen",
+        "joinInAppNew": "Bli med i appen",
+        "joinInBrowser": "Bli med i nettleseren",
+        "launchMeetingLabel": "Hvordan vil du bli med i dette møtet?",
+        "launchWebButton": "Start i nettleseren",
+        "noDesktopApp": "Har du ikke appen?",
+        "noMobileApp": "Har du ikke appen?",
+        "or": "ELLER",
+        "termsAndConditions": "Ved å fortsette godtar du våre <a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'>vilkår og betingelser.</a>",
+        "title": "Starter møtet ditt i {{app}}…",
+        "titleNew": "Starter møtet ditt…",
+        "tryAgainButton": "Prøv igjen på skrivebordet",
+        "unsupportedBrowser": "Det ser ut som om du bruker en nettleser vi ikke støtter."
+    },
+    "defaultLink": "f.eks. {{url}}",
+    "defaultNickname": "f.eks. Jane Pink",
+    "deviceError": {
+        "cameraError": "Kunne ikke få tilgang til kameraet ditt",
+        "cameraPermission": "Feil ved innhenting av kameratilgang",
+        "microphoneError": "Kunne ikke få tilgang til mikrofonen din",
+        "microphonePermission": "Feil ved innhenting av mikrofontillatelse"
+    },
+    "deviceSelection": {
+        "hid": {
+            "callControl": "Samtalekontroll",
+            "connectedDevices": "Tilkoblede enheter:",
+            "deleteDevice": "Slett enhet",
+            "pairDevice": "Koble til enhet"
+        },
+        "noPermission": "Tillatelse ikke gitt",
+        "previewUnavailable": "Forhåndsvisning ikke tilgjengelig",
+        "selectADevice": "Velg en enhet",
+        "testAudio": "Test"
+    },
+    "dialIn": {
+        "screenTitle": "Sammendrag av innringing"
+    },
+    "dialOut": {
+        "statusMessage": "er nå {{status}}"
+    },
+    "dialog": {
+        "Back": "Tilbake",
+        "Cancel": "Avbryt",
+        "IamHost": "Logg inn",
+        "Ok": "OK",
+        "Remove": "Fjern",
+        "Share": "Del",
+        "Submit": "Send inn",
+        "WaitForHostMsg": "Konferansen har ikke startet ennå fordi ingen moderatorer har ankommet. Hvis du vil bli moderator, vennligst logg inn. Ellers, vennligst vent.",
+        "WaitForHostNoAuthMsg": "Konferansen har ikke startet ennå fordi ingen moderatorer har ankommet. Vennligst vent.",
+        "WaitingForHostButton": "Vent på moderator",
+        "WaitingForHostTitle": "Venter på en moderator…",
+        "Yes": "Ja",
+        "accessibilityLabel": {
+            "Cancel": "Avbryt (forlat dialog)",
+            "Ok": "OK (lagre og forlat dialog)",
+            "close": "Lukk dialog",
+            "liveStreaming": "Direktesending",
+            "sharingTabs": "Delingsalternativer"
+        },
+        "add": "Legg til",
+        "addMeetingNote": "Legg til en notat om dette møtet",
+        "addOptionalNote": "Legg til en notat (valgfritt):",
+        "allow": "Tillat",
+        "allowToggleCameraDialog": "Tillater du at {{initiatorName}} bytter kameramodus?",
+        "allowToggleCameraTitle": "Tillat bytte av kamera?",
+        "alreadySharedVideoMsg": "En annen deltaker deler allerede en video. Denne konferansen tillater kun én delt video om gangen.",
+        "alreadySharedVideoTitle": "Kun én delt video er tillatt om gangen",
+        "applicationWindow": "Programvindu",
+        "authenticationRequired": "Autentisering kreves",
+        "cameraConstraintFailedError": "Kameraet ditt oppfyller ikke noen av de nødvendige kravene.",
+        "cameraNotFoundError": "Kamera ble ikke funnet.",
+        "cameraNotSendingData": "Vi kan ikke få tilgang til kameraet ditt. Sjekk om en annen applikasjon bruker denne enheten, velg en annen enhet i innstillingene eller prøv å laste inn applikasjonen på nytt.",
+        "cameraNotSendingDataTitle": "Kan ikke få tilgang til kameraet",
+        "cameraPermissionDeniedError": "Du har ikke gitt tillatelse til å bruke kameraet ditt. Du kan fortsatt bli med i konferansen, men andre vil ikke se deg. Bruk kameraknappen i adressefeltet for å fikse dette.",
+        "cameraTimeoutError": "Kunne ikke starte videokilden. Tidsavbrudd oppstod!",
+        "cameraUnknownError": "Kan ikke bruke kameraet av en ukjent grunn.",
+        "cameraUnsupportedResolutionError": "Kameraet ditt støtter ikke den nødvendige videooppløsningen.",
+        "close": "Lukk",
+        "conferenceDisconnectMsg": "Sjekk nettverkstilkoblingen din. Prøver å koble til igjen om {{seconds}} sekunder…",
+        "conferenceDisconnectTitle": "Du har blitt frakoblet.",
+        "conferenceReloadMsg": "Vi prøver å fikse dette. Prøver å koble til igjen om {{seconds}} sekunder…",
+        "conferenceReloadTitle": "Dessverre oppstod det en feil.",
+        "confirm": "Bekreft",
+        "confirmNo": "Nei",
+        "confirmYes": "Ja",
+        "connectError": "Oops! Noe gikk galt, og vi kunne ikke koble til konferansen.",
+        "connectErrorWithMsg": "Oops! Noe gikk galt, og vi kunne ikke koble til konferansen: {{msg}}",
+        "connecting": "Kobler til",
+        "contactSupport": "Kontakt brukerstøtte",
+        "copied": "Kopiert",
+        "copy": "Kopier",
+        "demoteParticipantDialog": "Er du sikker på at du vil flytte denne deltakeren til seer?",
+        "demoteParticipantTitle": "Flytt til seer",
+        "dismiss": "Avvis",
+        "displayNameRequired": "Hei! Hva heter du?",
+        "done": "Ferdig",
+        "e2eeDescription": "Ende-til-ende-kryptering er for øyeblikket EKSPERIMENTELL. Husk at aktivering av ende-til-ende-kryptering vil deaktivere serverbaserte tjenester som for eksempel telefon-deltakelse. Husk også at møtet kun vil fungere for brukere som deltar fra nettlesere som støtter innsettbare strømmer.",
+        "e2eeDisabledDueToMaxModeDescription": "Kan ikke aktivere ende-til-ende-kryptering på grunn av et stort antall deltakere i konferansen.",
+        "e2eeLabel": "Aktiver ende-til-ende-kryptering",
+        "e2eeWarning": "ADVARSEL: Ikke alle deltakere i dette møtet ser ut til å støtte ende-til-ende-kryptering. Hvis du aktiverer det, vil de verken kunne se eller høre deg.",
+        "e2eeWillDisableDueToMaxModeDescription": "ADVARSEL: Ende-til-ende-kryptering vil automatisk bli deaktivert hvis flere deltakere blir med i konferansen.",
+        "embedMeeting": "Bygg inn møte",
+        "enterDisplayName": "Skriv inn navnet ditt",
+        "error": "Feil",
+        "errorRoomCreationRestriction": "Du prøvde å bli med for raskt, vennligst prøv igjen om litt.",
+        "gracefulShutdown": "Tjenesten vår er for øyeblikket nede for vedlikehold. Prøv igjen senere.",
+        "grantModeratorDialog": "Er du sikker på at du vil gi moderatorrettigheter til {{participantName}}?",
+        "grantModeratorTitle": "Gi moderatorrettigheter",
+        "hide": "Skjul",
+        "hideShareAudioHelper": "Ikke vis denne dialogen igjen",
+        "incorrectPassword": "Feil brukernavn eller passord",
+        "incorrectRoomLockPassword": "Feil passord",
+        "internalError": "Oops! Noe gikk galt. Følgende feil oppstod: {{error}}",
+        "internalErrorTitle": "Intern feil",
+        "kickMessage": "Du kan kontakte {{participantDisplayName}} for mer informasjon.",
+        "kickParticipantButton": "Fjern",
+        "kickParticipantDialog": "Er du sikker på at du vil fjerne denne deltakeren?",
+        "kickParticipantTitle": "Fjern denne deltakeren?",
+        "kickSystemTitle": "Oi! Du ble kastet ut av møtet",
+        "kickTitle": "Oi! {{participantDisplayName}} kastet deg ut av møtet",
+        "linkMeeting": "Koble møte",
+        "linkMeetingTitle": "Koble møtet til Salesforce",
+        "liveStreaming": "Direktesending",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "Ikke mulig mens opptak er aktivt",
+        "localUserControls": "Lokale brukerkontroller",
+        "lockMessage": "Kunne ikke låse konferansen.",
+        "lockRoom": "Legg til møtets $t(lockRoomPassword)",
+        "lockTitle": "Låsing mislyktes",
+        "login": "Logg inn",
+        "loginQuestion": "Er du sikker på at du vil logge inn og forlate konferansen?",
+        "logoutQuestion": "Er du sikker på at du vil logge ut og forlate konferansen?",
+        "logoutTitle": "Logg ut",
+        "maxUsersLimitReached": "Grensen for maksimalt antall deltakere er nådd. Konferansen er full. Vennligst kontakt møtearrangøren eller prøv igjen senere!",
+        "maxUsersLimitReachedTitle": "Maksimalt deltakerantall nådd",
+        "micConstraintFailedError": "Mikrofonen din oppfyller ikke noen av de nødvendige kravene.",
+        "micNotFoundError": "Mikrofonen ble ikke funnet.",
+        "micNotSendingData": "Gå til datamaskinens innstillinger for å slå på mikrofonen og justere nivået",
+        "micNotSendingDataTitle": "Mikrofonen din er dempet av systeminnstillingene",
+        "micPermissionDeniedError": "Du har ikke gitt tillatelse til å bruke mikrofonen din. Du kan fortsatt delta i konferansen, men andre vil ikke høre deg. Bruk kameraknappen i adressefeltet for å fikse dette.",
+        "micTimeoutError": "Kunne ikke starte lydkilden. Tidsavbrudd oppstod!",
+        "micUnknownError": "Kan ikke bruke mikrofonen av en ukjent grunn.",
+        "moderationAudioLabel": "Tillat deltakere å slå på lyden selv",
+        "moderationVideoLabel": "Tillat deltakere å starte videoen sin",
+        "muteEveryoneDialog": "Deltakerne kan slå på lyden sin når som helst.",
+        "muteEveryoneDialogModerationOn": "Deltakerne kan sende en forespørsel om å få snakke når som helst.",
+        "muteEveryoneElseDialog": "Når de er dempet, kan du ikke slå på lyden for dem, men de kan gjøre det selv når som helst.",
+        "muteEveryoneElseTitle": "Demp alle unntatt {{whom}}?",
+        "muteEveryoneElsesVideoDialog": "Når kameraet er deaktivert, kan du ikke slå det på igjen, men deltakerne kan gjøre det selv når som helst.",
+        "muteEveryoneElsesVideoTitle": "Stopp alles video unntatt {{whom}}?",
+        "muteEveryoneSelf": "deg selv",
+        "muteEveryoneStartMuted": "Alle starter dempet fra nå av",
+        "muteEveryoneTitle": "Demp alle?",
+        "muteEveryonesVideoDialog": "Deltakerne kan slå på videoen sin når som helst.",
+        "muteEveryonesVideoDialogModerationOn": "Deltakerne kan sende en forespørsel om å slå på videoen når som helst.",
+        "muteEveryonesVideoDialogOk": "Deaktiver",
+        "muteEveryonesVideoTitle": "Stopp alles video?",
+        "muteParticipantBody": "Du kan ikke slå på lyden for dem, men de kan gjøre det selv når som helst.",
+        "muteParticipantButton": "Demp",
+        "muteParticipantsVideoBody": "Du vil ikke kunne slå på kameraet igjen, men de kan gjøre det selv når som helst.",
+        "muteParticipantsVideoBodyModerationOn": "Du vil ikke kunne slå på kameraet igjen, og det vil heller ikke de.",
+        "muteParticipantsVideoButton": "Stopp video",
+        "muteParticipantsVideoDialog": "Er du sikker på at du vil slå av kameraet til denne deltakeren? Du vil ikke kunne slå det på igjen, men deltakeren kan gjøre det selv når som helst.",
+        "muteParticipantsVideoDialogModerationOn": "Er du sikker på at du vil slå av kameraet til denne deltakeren? Du vil ikke kunne slå det på igjen, og det vil heller ikke de.",
+        "muteParticipantsVideoTitle": "Deaktiver kameraet til denne deltakeren?",
+        "noDropboxToken": "Ingen gyldig Dropbox-token",
+        "password": "Passord",
+        "passwordLabel": "Møtet har blitt låst av en deltaker. Vennligst skriv inn $t(lockRoomPassword) for å bli med.",
+        "passwordNotSupported": "Å angi et møte $t(lockRoomPassword) støttes ikke.",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) støttes ikke",
+        "passwordRequired": "$t(lockRoomPasswordUppercase) kreves",
+        "permissionCameraRequiredError": "Kameratilgang er nødvendig for å delta i videokonferanser. Vennligst gi tillatelse i Innstillinger",
+        "permissionErrorTitle": "Tillatelse kreves",
+        "permissionMicRequiredError": "Mikrofontilgang er nødvendig for å delta i lydkonferanser. Vennligst gi tillatelse i Innstillinger",
+        "readMore": "mer",
+        "recentlyUsedObjects": "Dine nylig brukte objekter",
+        "recording": "Opptak",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "Ikke mulig mens direktesending er aktiv",
+        "rejoinNow": "Bli med igjen nå",
+        "remoteControlAllowedMessage": "{{user}} godtok forespørselen din om fjernkontroll!",
+        "remoteControlDeniedMessage": "{{user}} avslo forespørselen din om fjernkontroll!",
+        "remoteControlErrorMessage": "En feil oppstod da vi prøvde å be om fjernkontrolltillatelser fra {{user}}!",
+        "remoteControlRequestMessage": "Vil du tillate at {{user}} fjernstyrer skrivebordet ditt?",
+        "remoteControlShareScreenWarning": "Merk at hvis du trykker \"Tillat\", vil du dele skjermen din!",
+        "remoteControlStopMessage": "Fjernkontrolløkten ble avsluttet!",
+        "remoteControlTitle": "Fjernstyring av skrivebord",
+        "remoteUserControls": "Fjernbrukerkontroller for {{username}}",
+        "removePassword": "Fjern $t(lockRoomPassword)",
+        "removeSharedVideoMsg": "Er du sikker på at du vil fjerne den delte videoen din?",
+        "removeSharedVideoTitle": "Fjern delt video",
+        "renameBreakoutRoomLabel": "Romnavn",
+        "renameBreakoutRoomTitle": "Gi nytt navn til grupperom",
+        "reservationError": "Feil i reservasjonsystemet",
+        "reservationErrorMsg": "Feilkode: {{code}}, melding: {{msg}}",
+        "retry": "Prøv igjen",
+        "screenSharingAudio": "Del lyd",
+        "screenSharingFailed": "Oops! Noe gikk galt, vi kunne ikke starte skjermdeling!",
+        "screenSharingFailedTitle": "Skjermdeling mislyktes!",
+        "screenSharingPermissionDeniedError": "Oops! Noe gikk galt med skjermdelingstillatelsene dine. Vennligst last inn siden på nytt og prøv igjen.",
+        "searchInSalesforce": "Søk i Salesforce",
+        "searchResults": "Søkeresultater ({{count}})",
+        "searchResultsDetailsError": "Noe gikk galt ved henting av eierdata.",
+        "searchResultsError": "Noe gikk galt ved henting av data.",
+        "searchResultsNotFound": "Ingen søkeresultater funnet.",
+        "searchResultsTryAgain": "Prøv med alternative søkeord.",
+        "sendPrivateMessage": "Du har nylig mottatt en privat melding. Ønsker du å svare privat, eller vil du sende meldingen til gruppen?",
+        "sendPrivateMessageCancel": "Send til gruppen",
+        "sendPrivateMessageOk": "Send privat",
+        "sendPrivateMessageTitle": "Send privat?",
+        "serviceUnavailable": "Tjenesten er utilgjengelig",
+        "sessTerminated": "Samtale avsluttet",
+        "sessTerminatedReason": "Møtet har blitt avsluttet",
+        "sessionRestarted": "Samtalen ble startet på nytt på grunn av en tilkoblingsfeil.",
+        "shareAudio": "Fortsett",
+        "shareAudioAltText": "For å dele ønsket innhold, gå til \"Nettleserfane\", velg innholdet, aktiver \"del lyd\"-avkrysningsboksen og klikk deretter på \"del\"-knappen",
+        "shareAudioTitle": "Hvordan dele lyd",
+        "shareAudioWarningD1": "Du må stoppe skjermdelingen før du deler lyden din.",
+        "shareAudioWarningD2": "Du må starte skjermdelingen på nytt og velge \"del lyd\"-alternativet.",
+        "shareAudioWarningH1": "Hvis du bare vil dele lyd:",
+        "shareAudioWarningTitle": "Du må stoppe skjermdelingen før du kan dele lyd",
+        "shareMediaWarningGenericH2": "Hvis du vil dele både skjermen og lyden",
+        "shareScreenWarningD1": "Du må stoppe lyddelingen før du deler skjermen din.",
+        "shareScreenWarningD2": "Du må stoppe lyddelingen, starte skjermdelingen på nytt og velge \"del lyd\"-alternativet.",
+        "shareScreenWarningH1": "Hvis du bare vil dele skjermen din:",
+        "shareScreenWarningTitle": "Du må stoppe lyddelingen før du kan dele skjermen",
+        "shareVideoConfirmPlay": "Du er i ferd med å åpne et eksternt nettsted. Vil du fortsette?",
+        "shareVideoConfirmPlayTitle": "{{name}} har delt en video med deg.",
+        "shareVideoLinkError": "Oops, denne videoen kan ikke spilles av.",
+        "shareVideoLinkStopped": "Videoen fra {{name}} ble stoppet.",
+        "shareVideoTitle": "Del video",
+        "shareYourScreen": "Del skjermen din",
+        "shareYourScreenDisabled": "Skjermdeling deaktivert.",
+        "sharedVideoDialogError": "Feil: Ugyldig eller forbudt URL",
+        "sharedVideoLinkPlaceholder": "YouTube-lenke eller direkte videolenke",
+        "show": "Vis",
+        "start": "Start ",
+        "startLiveStreaming": "Start direktesending",
+        "startRecording": "Start opptak",
+        "startRemoteControlErrorMessage": "En feil oppstod ved forsøk på å starte fjernkontrolløkten!",
+        "stopLiveStreaming": "Stopp direktesending",
+        "stopRecording": "Stopp opptak",
+        "stopRecordingWarning": "Er du sikker på at du vil stoppe opptaket?",
+        "stopStreamingWarning": "Er du sikker på at du vil stoppe direktesendingen?",
+        "streamKey": "Nøkkel for direktesending",
+        "thankYou": "Takk for at du bruker {{appName}}!",
+        "token": "token",
+        "tokenAuthFailed": "Beklager, du har ikke tillatelse til å bli med i denne samtalen.",
+        "tokenAuthFailedReason": {
+            "audInvalid": "Ugyldig `aud`-verdi. Den skal være `jitsi`.",
+            "contextNotFound": "`context`-objektet mangler i nyttelasten.",
+            "expInvalid": "Ugyldig `exp`-verdi.",
+            "featureInvalid": "Ugyldig funksjon: {{feature}}, sannsynligvis ikke implementert ennå.",
+            "featureValueInvalid": "Ugyldig verdi for funksjon: {{feature}}.",
+            "featuresNotFound": "`features`-objektet mangler i nyttelasten.",
+            "headerNotFound": "Mangler header.",
+            "issInvalid": "Ugyldig `iss`-verdi. Den skal være `chat`.",
+            "kidMismatch": "Nøkkel-ID (kid) samsvarer ikke med sub.",
+            "kidNotFound": "Mangler nøkkel-ID (kid).",
+            "nbfFuture": "`nbf`-verdien er i fremtiden.",
+            "nbfInvalid": "Ugyldig `nbf`-verdi.",
+            "payloadNotFound": "Mangler nyttelasten.",
+            "tokenExpired": "Tokenet er utløpt."
+        },
+        "tokenAuthFailedTitle": "Autentisering mislyktes",
+        "tokenAuthFailedWithReasons": "Beklager, du har ikke tillatelse til å bli med i denne samtalen. Mulige årsaker: {{reason}}",
+        "tokenAuthUnsupported": "Token-URL støttes ikke.",
+        "transcribing": "Transkriberer",
+        "unlockRoom": "Fjern møte $t(lockRoomPassword)",
+        "user": "Bruker",
+        "userIdentifier": "Brukeridentifikator",
+        "userPassword": "Brukerpassord",
+        "verifyParticipantConfirm": "De samsvarer",
+        "verifyParticipantDismiss": "De samsvarer ikke",
+        "verifyParticipantQuestion": "EKSPERIMENTELL: Spør deltaker {{participantName}} om de ser det samme innholdet, i samme rekkefølge.",
+        "verifyParticipantTitle": "Brukerverifisering",
+        "videoLink": "Videolenke",
+        "viewUpgradeOptions": "Se oppgraderingsalternativer",
+        "viewUpgradeOptionsContent": "For å få ubegrenset tilgang til premiumfunksjoner som opptak, transkripsjoner, RTMP-streaming og mer, må du oppgradere planen din.",
+        "viewUpgradeOptionsTitle": "Du har oppdaget en premiumfunksjon!",
+        "whiteboardLimitContent": "Beklager, grensen for samtidige brukere av whiteboard er nådd.",
+        "whiteboardLimitReference": "For mer informasjon, besøk",
+        "whiteboardLimitReferenceUrl": "vår nettside",
+        "whiteboardLimitTitle": "Begrenset tilgang til whiteboard",
+        "yourEntireScreen": "Hele skjermen din"
+    },
+    "documentSharing": {
+        "title": "Delt dokument"
+    },
+    "e2ee": {
+        "labelToolTip": "Lyd- og videokommunikasjon i denne samtalen er ende-til-ende-kryptert"
+    },
+    "embedMeeting": {
+        "title": "Bygg inn dette møtet"
+    },
+    "feedback": {
+        "accessibilityLabel": {
+            "yourChoice": "Ditt valg: {{rating}}"
+        },
+        "average": "Gjennomsnittlig",
+        "bad": "Dårlig",
+        "detailsLabel": "Fortell oss mer om det.",
+        "good": "Bra",
+        "rateExperience": "Vurder møteopplevelsen din",
+        "star": "Stjerne",
+        "veryBad": "Veldig dårlig",
+        "veryGood": "Veldig bra"
+    },
+    "filmstrip": {
+        "accessibilityLabel": {
+            "heading": "Videominiatyrer"
+        }
+    },
+    "giphy": {
+        "noResults": "Ingen resultater funnet :(",
+        "search": "Søk i GIPHY"
+    },
+    "incomingCall": {
+        "answer": "Svar",
+        "audioCallTitle": "Innkommende anrop",
+        "decline": "Avvis",
+        "productLabel": "fra Jitsi Meet",
+        "videoCallTitle": "Innkommende videoanrop"
+    },
+    "info": {
+        "accessibilityLabel": "Vis info",
+        "addPassword": "Legg til $t(lockRoomPassword)",
+        "cancelPassword": "Avbryt $t(lockRoomPassword)",
+        "conferenceURL": "Lenke:",
+        "copyNumber": "Kopier nummer",
+        "country": "Land",
+        "dialANumber": "For å bli med i møtet, ring et av disse numrene og tast deretter inn PIN-koden.",
+        "dialInConferenceID": "PIN-kode:",
+        "dialInNotSupported": "Beklager, innringing støttes for øyeblikket ikke.",
+        "dialInNumber": "Innringingsnummer:",
+        "dialInSummaryError": "Feil ved henting av innringingsinformasjon. Vennligst prøv igjen senere.",
+        "dialInTollFree": "Gratisnummer",
+        "genericError": "Oops, noe gikk galt.",
+        "inviteLiveStream": "For å se direktesendingen av dette møtet, klikk denne lenken: {{url}}",
+        "invitePhone": "For å bli med via telefon, trykk her: {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Leter du etter et annet innringingsnummer?\nSe listen over innringingsnumre: {{url}}\n\n\nHvis du også ringer inn via en romtelefon, bli med uten å koble til lyd: {{silentUrl}}",
+        "inviteSipEndpoint": "For å bli med via SIP-adresse, tast inn denne: {{sipUri}}",
+        "inviteTextiOSInviteUrl": "Klikk på følgende lenke for å bli med: {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "Hvis du ringer inn via en romtelefon, bruk denne lenken for å bli med uten å koble til lyd: {{silentUrl}}.",
+        "inviteTextiOSPersonal": "{{name}} inviterer deg til et møte.",
+        "inviteTextiOSPhone": "For å bli med via telefon, bruk dette nummeret: {{number}},,{{conferenceID}}#. Hvis du trenger et annet nummer, finner du hele listen her: {{didUrl}}.",
+        "inviteURLFirstPartGeneral": "Du er invitert til å bli med i et møte.",
+        "inviteURLFirstPartPersonal": "{{name}} inviterer deg til et møte.\n",
+        "inviteURLSecondPart": "\nBli med i møtet:\n{{url}}\n",
+        "label": "Innringingsinformasjon",
+        "liveStreamURL": "Direktesendingslenke:",
+        "moreNumbers": "Flere numre",
+        "noNumbers": "Ingen innringingsnumre.",
+        "noPassword": "Ingen",
+        "noRoom": "Ingen rom ble spesifisert for innringing.",
+        "noWhiteboard": "Kunne ikke laste inn whiteboard.",
+        "numbers": "Innringingsnumre",
+        "password": "$t(lockRoomPasswordUppercase): ",
+        "reachedLimit": "Du har nådd grensen for planen din.",
+        "sip": "SIP-adresse",
+        "sipAudioOnly": "SIP-lydadresse",
+        "title": "Del",
+        "tooltip": "Del lenke og innringingsinformasjon for dette møtet",
+        "upgradeOptions": "Vennligst sjekk oppgraderingsalternativene på",
+        "whiteboardError": "Feil ved lasting av whiteboard. Vennligst prøv igjen senere."
+    },
+    "inlineDialogFailure": {
+        "msg": "Vi støtte på et problem.",
+        "retry": "Prøv igjen",
+        "support": "Brukerstøtte",
+        "supportMsg": "Hvis dette fortsetter å skje, ta kontakt med"
+    },
+    "inviteDialog": {
+        "alertText": "Kunne ikke invitere noen deltakere.",
+        "header": "Inviter",
+        "searchCallOnlyPlaceholder": "Skriv inn telefonnummer",
+        "searchPeopleOnlyPlaceholder": "Søk etter deltakere",
+        "searchPlaceholder": "Deltaker eller telefonnummer",
+        "send": "Send"
+    },
+    "jitsiHome": "{{logo}} Logo, lenker til Hjemmeside",
+    "keyboardShortcuts": {
+        "focusLocal": "Fokuser på din video",
+        "focusRemote": "Fokuser på en annen persons video",
+        "fullScreen": "Vis eller avslutt fullskjerm",
+        "giphyMenu": "Vis eller skjul GIPHY-menyen",
+        "keyboardShortcuts": "Hurtigtaster",
+        "localRecording": "Vis eller skjul kontroller for lokal opptak",
+        "mute": "Demp eller slå på mikrofonen din",
+        "pushToTalk": "Trykk for å snakke",
+        "raiseHand": "Rekk opp eller ta ned hånden",
+        "showSpeakerStats": "Vis deltakerstatistikk",
+        "toggleChat": "Åpne eller lukk chatten",
+        "toggleFilmstrip": "Vis eller skjul videominiatyrer",
+        "toggleParticipantsPane": "Vis eller skjul deltakerlisten",
+        "toggleScreensharing": "Bytt mellom kamera og skjermdeling",
+        "toggleShortcuts": "Vis eller skjul hurtigtaster",
+        "videoMute": "Start eller stopp kameraet ditt"
+    },
+    "largeVideo": {
+        "screenIsShared": "Du deler skjermen din",
+        "showMeWhatImSharing": "Vis meg hva jeg deler"
+    },
+    "liveStreaming": {
+        "busy": "Vi jobber med å frigjøre strømmeressurser. Vennligst prøv igjen om noen minutter.",
+        "busyTitle": "Alle strømmere er for øyeblikket opptatt",
+        "changeSignIn": "Bytt konto.",
+        "choose": "Velg en direktesending",
+        "chooseCTA": "Velg et strømmealternativ. Du er for øyeblikket logget inn som {{email}}.",
+        "enterStreamKey": "Skriv inn YouTube-strømmenøkkelen din her.",
+        "error": "Direktesending mislyktes. Vennligst prøv igjen.",
+        "errorAPI": "En feil oppstod ved tilgang til YouTube-sendingene dine. Prøv å logge inn igjen.",
+        "errorLiveStreamNotEnabled": "Direktesending er ikke aktivert på {{email}}. Aktiver direktesending eller logg inn på en konto med direktesending aktivert.",
+        "expandedOff": "Direktesendingen har stoppet",
+        "expandedOn": "Møtet kringkastes for øyeblikket direkte",
+        "expandedPending": "Direktesendingen starter…",
+        "failedToStart": "Kunne ikke starte direktesending",
+        "getStreamKeyManually": "Vi kunne ikke hente noen direktesendinger. Prøv å hente strømmenøkkelen din fra YouTube.",
+        "googlePrivacyPolicy": "Googles personvernpolicy",
+        "inProgress": "Opptak eller direktesending pågår",
+        "invalidStreamKey": "Strømmenøkkelen kan være feil.",
+        "limitNotificationDescriptionNative": "Direktesendingen din vil være begrenset til {{limit}} min. For ubegrenset strømming, prøv {{app}}.",
+        "limitNotificationDescriptionWeb": "På grunn av høy etterspørsel vil direktesendingen din være begrenset til {{limit}} min. For ubegrenset strømming, prøv <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "off": "Direktesending stoppet",
+        "offBy": "{{name}} stoppet direktesendingen",
+        "on": "Direktesending startet",
+        "onBy": "{{name}} startet direktesendingen",
+        "pending": "Starter direktesending…",
+        "policyError": "Du prøvde å starte en direktesending for raskt. Vennligst prøv igjen senere!",
+        "serviceName": "Direktesendingstjeneste",
+        "sessionAlreadyActive": "Denne økten blir allerede tatt opp eller direktesendt.",
+        "signIn": "Logg inn med Google",
+        "signInCTA": "Logg inn eller skriv inn YouTube-strømmenøkkelen din.",
+        "signOut": "Logg ut",
+        "signedInAs": "Du er for øyeblikket logget inn som:",
+        "start": "Start en direktesending",
+        "streamIdHelp": "Hva er dette?",
+        "title": "Direktesending",
+        "unavailableTitle": "Direktesending utilgjengelig",
+        "youtubeTerms": "YouTubes vilkår for bruk"
+    },
+    "lobby": {
+        "backToKnockModeButton": "Be om å bli med",
+        "chat": "Chat",
+        "dialogTitle": "Lobby-modus",
+        "disableDialogContent": "Lobby-modus er for øyeblikket aktivert. Denne funksjonen sikrer at uønskede deltakere ikke kan bli med i møtet. Vil du deaktivere den?",
+        "disableDialogSubmit": "Deaktiver",
+        "emailField": "Skriv inn e-postadressen din",
+        "enableDialogPasswordField": "Sett passord (valgfritt)",
+        "enableDialogSubmit": "Aktiver",
+        "enableDialogText": "Lobby-modus lar deg beskytte møtet ved kun å tillate personer å bli med etter godkjenning fra en moderator.",
+        "enterPasswordButton": "Skriv inn møtepassord",
+        "enterPasswordTitle": "Skriv inn passord for å bli med i møtet",
+        "errorMissingPassword": "Vennligst skriv inn møtepassordet",
+        "invalidPassword": "Ugyldig passord",
+        "joinRejectedMessage": "Forespørselen din om å bli med ble avvist av en moderator.",
+        "joinRejectedTitle": "Forespørsel om å bli med avvist.",
+        "joinTitle": "Bli med i møtet",
+        "joinWithPasswordMessage": "Prøver å bli med med passord, vennligst vent…",
+        "joiningMessage": "Du blir med i møtet så snart noen godkjenner forespørselen din",
+        "joiningTitle": "Ber om å bli med i møtet…",
+        "joiningWithPasswordTitle": "Bli med med passord…",
+        "knockButton": "Be om å bli med",
+        "knockTitle": "Noen ønsker å bli med i møtet",
+        "knockingParticipantList": "Liste over deltakere som venter",
+        "lobbyChatStartedNotification": "{{moderator}} startet en lobby-chat med {{attendee}}",
+        "lobbyChatStartedTitle": "{{moderator}} har startet en lobby-chat med deg.",
+        "lobbyClosed": "Lobby-rommet har blitt stengt.",
+        "nameField": "Skriv inn navnet ditt",
+        "notificationLobbyAccessDenied": "{{targetParticipantName}} har blitt avvist av {{originParticipantName}}",
+        "notificationLobbyAccessGranted": "{{targetParticipantName}} har fått tilgang av {{originParticipantName}}",
+        "notificationLobbyDisabled": "Lobby har blitt deaktivert av {{originParticipantName}}",
+        "notificationLobbyEnabled": "Lobby har blitt aktivert av {{originParticipantName}}",
+        "notificationTitle": "Lobby",
+        "passwordJoinButton": "Bli med",
+        "title": "Lobby",
+        "toggleLabel": "Aktiver lobby"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Av",
+            "on": "På",
+            "unknown": "Ukjent"
+        },
+        "dialogTitle": "Kontroller for lokal opptak",
+        "duration": "Varighet",
+        "durationNA": "Ikke tilgjengelig",
+        "encoding": "Koding",
+        "label": "LOR",
+        "labelToolTip": "Lokalt opptak er aktivert",
+        "localRecording": "Lokalt opptak",
+        "me": "Meg",
+        "messages": {
+            "engaged": "Lokalt opptak er aktivert.",
+            "finished": "Opptaksøkt {{token}} er fullført. Vennligst send den innspilte filen til moderator.",
+            "finishedModerator": "Opptaksøkt {{token}} er fullført. Opptaket av det lokale sporet er lagret. Vennligst be de andre deltakerne om å sende inn sine opptak.",
+            "notModerator": "Du er ikke moderator. Du kan ikke starte eller stoppe lokalt opptak."
+        },
+        "moderator": "Moderator",
+        "no": "Nei",
+        "participant": "Deltaker",
+        "participantStats": "Deltakerstatistikk",
+        "selectTabTitle": "🎥 Velg denne fanen for opptak",
+        "sessionToken": "Økt-token",
+        "start": "Start opptak",
+        "stop": "Stopp opptak",
+        "stopping": "Stopper opptak",
+        "wait": "Vennligst vent mens vi lagrer opptaket ditt",
+        "yes": "Ja"
+    },
+    "lockRoomPassword": "passord",
+    "lockRoomPasswordUppercase": "Passord",
+    "lonelyMeetingExperience": {
+        "button": "Inviter andre",
+        "youAreAlone": "Du er den eneste i møtet"
+    },
+    "me": "meg",
+    "notify": {
+        "OldElectronAPPTitle": "Sikkerhetssårbarhet!",
+        "allowAction": "Tillat",
+        "allowedUnmute": "Du kan slå på mikrofonen, starte kameraet eller dele skjermen din.",
+        "audioUnmuteBlockedDescription": "Slå på mikrofonen er midlertidig blokkert på grunn av systembegrensninger.",
+        "audioUnmuteBlockedTitle": "Mikrofonaktivering blokkert!",
+        "chatMessages": "Chatmeldinger",
+        "connectedOneMember": "{{name}} ble med i møtet",
+        "connectedThreePlusMembers": "{{name}} og mange andre ble med i møtet",
+        "connectedTwoMembers": "{{first}} og {{second}} ble med i møtet",
+        "connectionFailed": "Tilkobling mislyktes. Vennligst prøv igjen senere!",
+        "dataChannelClosed": "Videokvaliteten kan være svekket",
+        "dataChannelClosedDescription": "Brokkanalen er nede, og dermed kan videokvaliteten være begrenset til laveste innstilling.",
+        "dataChannelClosedDescriptionWithAudio": "Brokkanalen er nede, og dermed kan det oppstå forstyrrelser i lyd og video.",
+        "dataChannelClosedWithAudio": "Lyd- og videokvaliteten kan være svekket",
+        "disabledIframe": "Innebygging er kun ment for demonstrasjonsformål, så denne samtalen vil kobles fra om {{timeout}} minutter.",
+        "disabledIframeSecondary": "Innebygging av {{domain}} er kun ment for demonstrasjonsformål, så denne samtalen vil kobles fra om {{timeout}} minutter. Vennligst bruk <a href='{{jaasDomain}}' rel='noopener noreferrer' target='_blank'>Jitsi as a Service</a> for innebygging i produksjon!",
+        "disconnected": "frakoblet",
+        "displayNotifications": "Vis varsler for",
+        "dontRemindMe": "Ikke minn meg på dette",
+        "focus": "Konferansefokus",
+        "focusFail": "{{component}} ikke tilgjengelig - prøver igjen om {{ms}} sek",
+        "gifsMenu": "GIPHY",
+        "groupTitle": "Varsler",
+        "hostAskedUnmute": "Moderator ønsker at du skal snakke",
+        "invalidTenant": "Ugyldig leietaker",
+        "invalidTenantHyphenDescription": "Leietakeren du bruker er ugyldig (starter eller slutter med '-').",
+        "invalidTenantLengthDescription": "Leietakeren du bruker er for lang.",
+        "invitedOneMember": "{{name}} har blitt invitert",
+        "invitedThreePlusMembers": "{{name}} og {{count}} andre har blitt invitert",
+        "invitedTwoMembers": "{{first}} og {{second}} har blitt invitert",
+        "joinMeeting": "Bli med",
+        "kickParticipant": "{{kicked}} ble kastet ut av {{kicker}}",
+        "leftOneMember": "{{name}} forlot møtet",
+        "leftThreePlusMembers": "{{name}} og mange andre forlot møtet",
+        "leftTwoMembers": "{{first}} og {{second}} forlot møtet",
+        "linkToSalesforce": "Koble til Salesforce",
+        "linkToSalesforceDescription": "Du kan knytte møtereferatet til et Salesforce-objekt.",
+        "linkToSalesforceError": "Kunne ikke koble møtet til Salesforce",
+        "linkToSalesforceKey": "Koble dette møtet",
+        "linkToSalesforceProgress": "Kobler møtet til Salesforce…",
+        "linkToSalesforceSuccess": "Møtet ble koblet til Salesforce",
+        "localRecordingStarted": "{{name}} har startet et lokalt opptak.",
+        "localRecordingStopped": "{{name}} har stoppet et lokalt opptak.",
+        "me": "Meg",
+        "moderationInEffectCSDescription": "Vennligst rekke opp hånden hvis du vil dele skjermen din.",
+        "moderationInEffectCSTitle": "Skjermdeling er blokkert av moderator",
+        "moderationInEffectDescription": "Vennligst rekke opp hånden hvis du vil snakke.",
+        "moderationInEffectTitle": "Mikrofonen din er dempet av moderator",
+        "moderationInEffectVideoDescription": "Vennligst rekke opp hånden hvis du vil starte kameraet ditt.",
+        "moderationInEffectVideoTitle": "Kameraet ditt er blokkert av moderator",
+        "moderationRequestFromModerator": "Verten ønsker at du slår på lyden",
+        "moderationRequestFromParticipant": "Ønsker å snakke",
+        "moderationStartedTitle": "Moderasjon startet",
+        "moderationStoppedTitle": "Moderasjon stoppet",
+        "moderationToggleDescription": "av {{participantDisplayName}}",
+        "moderator": "Du er nå moderator",
+        "muted": "Du har startet samtalen dempet.",
+        "mutedRemotelyDescription": "Du kan alltid slå på lyden når du er klar til å snakke. Demp igjen når du er ferdig for å redusere støy i møtet.",
+        "mutedRemotelyTitle": "Du har blitt dempet av {{participantDisplayName}}",
+        "mutedTitle": "Du er dempet!",
+        "newDeviceAction": "Bruk",
+        "newDeviceAudioTitle": "Ny lydenhet oppdaget",
+        "newDeviceCameraTitle": "Nytt kamera oppdaget",
+        "nextToSpeak": "Du er nestemann til å snakke",
+        "noiseSuppressionDesktopAudioDescription": "Ekstra støydemping kan ikke aktiveres mens du deler skrivebordets lyd. Deaktiver det og prøv igjen.",
+        "noiseSuppressionFailedTitle": "Kunne ikke starte ekstra støydemping",
+        "noiseSuppressionStereoDescription": "Ekstra støydemping støttes foreløpig ikke med stereolyd.",
+        "oldElectronClientDescription1": "Det ser ut til at du bruker en gammel versjon av Jitsi Meet-klienten som har kjente sikkerhetsproblemer. Vennligst oppdater til vår ",
+        "oldElectronClientDescription2": "nyeste versjon",
+        "oldElectronClientDescription3": " nå!",
+        "participantWantsToJoin": "Ønsker å bli med i møtet",
+        "participantsWantToJoin": "Ønsker å bli med i møtet",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) fjernet av en annen deltaker",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) satt av en annen deltaker",
+        "raiseHandAction": "Rekk opp hånden",
+        "raisedHand": "Ønsker å snakke.",
+        "raisedHands": "{{participantName}} og {{raisedHands}} flere personer",
+        "reactionSounds": "Deaktiver lyder",
+        "reactionSoundsForAll": "Deaktiver lyder for alle",
+        "screenShareNoAudio": "Del lyd-boksen ble ikke valgt i vindusvalget.",
+        "screenShareNoAudioTitle": "Kunne ikke dele systemlyd!",
+        "screenSharingAudioOnlyDescription": "Vær oppmerksom på at ved å dele skjermen påvirker du \"Beste ytelse\"-modusen, og du vil bruke mer båndbredde.",
+        "screenSharingAudioOnlyTitle": "\"Beste ytelse\"-modus",
+        "selfViewTitle": "Du kan alltid vise selvvisningen igjen fra innstillingene",
+        "somebody": "Noen",
+        "startSilentDescription": "Bli med i møtet på nytt for å aktivere lyd",
+        "startSilentTitle": "Du ble med uten lydutgang!",
+        "suboptimalBrowserWarning": "Vi er redd møteopplevelsen din ikke blir optimal her. Vi jobber med forbedringer, men inntil videre kan du prøve en av de <a href='{{recommendedBrowserPageLink}}' target='_blank'>fullt støttede nettleserne</a>.",
+        "suboptimalExperienceTitle": "Nettleseradvarsel",
+        "suggestRecordingAction": "Start",
+        "suggestRecordingDescription": "Vil du starte et opptak?",
+        "suggestRecordingTitle": "Ta opp dette møtet",
+        "unmute": "Slå på lyden",
+        "videoMutedRemotelyDescription": "Du kan alltid slå det på igjen.",
+        "videoMutedRemotelyTitle": "Videoen din har blitt slått av av {{participantDisplayName}}",
+        "videoUnmuteBlockedDescription": "Aktivering av kamera og skjermdeling har blitt midlertidig blokkert på grunn av systembegrensninger.",
+        "videoUnmuteBlockedTitle": "Aktivering av kamera og skjermdeling blokkert!",
+        "viewLobby": "Vis lobby",
+        "viewParticipants": "Vis deltakere",
+        "viewVisitors": "Vis seere",
+        "waitingParticipants": "{{waitingParticipants}} personer",
+        "waitingVisitors": "Seere som venter i kø: {{waitingVisitors}}",
+        "waitingVisitorsTitle": "Møtet er ikke live ennå!",
+        "whiteboardLimitDescription": "Vennligst lagre fremgangen din, siden brukergrensen snart blir nådd og whiteboardet vil lukkes.",
+        "whiteboardLimitTitle": "Bruk av whiteboard"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "Godkjenn",
+            "admitAll": "Godkjenn alle",
+            "allow": "Tillat deltakere å:",
+            "allowVideo": "Tillat video",
+            "askUnmute": "Be om å slå på lyden",
+            "audioModeration": "Slå på lyden selv",
+            "blockEveryoneMicCamera": "Blokker alles mikrofon og kamera",
+            "breakoutRooms": "Grupperom",
+            "goLive": "Gå live",
+            "invite": "Inviter noen",
+            "lowerAllHands": "Senk alle hender",
+            "lowerHand": "Senk hånden",
+            "moreModerationActions": "Flere moderasjonsalternativer",
+            "moreModerationControls": "Flere moderasjonskontroller",
+            "moreParticipantOptions": "Flere deltakeralternativer",
+            "mute": "Demp",
+            "muteAll": "Demp alle",
+            "muteEveryoneElse": "Demp alle andre",
+            "reject": "Avvis",
+            "stopEveryonesVideo": "Stopp alles video",
+            "stopVideo": "Stopp video",
+            "unblockEveryoneMicCamera": "Fjern blokkering av alles mikrofon og kamera",
+            "videoModeration": "Starte videoen sin"
+        },
+        "close": "Lukk",
+        "headings": {
+            "lobby": "Lobby ({{count}})",
+            "participantsList": "Møtedeltakere ({{count}})",
+            "visitorInQueue": " (venter {{count}})",
+            "visitorRequests": " (forespørsler {{count}})",
+            "visitors": "Seere {{count}}",
+            "waitingLobby": "Venter i lobbyen ({{count}})"
+        },
+        "search": "Søk etter deltakere",
+        "title": "Deltakere"
+    },
+    "passwordDigitsOnly": "Opptil {{number}} sifre",
+    "passwordSetRemotely": "Satt av en annen deltaker",
+    "pinParticipant": "{{participantName}} - Fest",
+    "pinnedParticipant": "Deltakeren er festet",
+    "polls": {
+        "answer": {
+            "edit": "Rediger",
+            "send": "Send",
+            "skip": "Hopp over",
+            "submit": "Send inn"
+        },
+        "by": "Av {{ name }}",
+        "closeButton": "Lukk avstemning",
+        "create": {
+            "addOption": "Legg til alternativ",
+            "answerPlaceholder": "Alternativ {{index}}",
+            "cancel": "Avbryt",
+            "create": "Opprett en avstemning",
+            "pollOption": "Avstemningsalternativ {{index}}",
+            "pollQuestion": "Avstemningsspørsmål",
+            "questionPlaceholder": "Still et spørsmål",
+            "removeOption": "Fjern alternativ",
+            "save": "Lagre",
+            "send": "Send"
+        },
+        "errors": {
+            "notUniqueOption": "Alternativene må være unike"
+        },
+        "notification": {
+            "description": "Åpne avstemningsfanen for å stemme",
+            "title": "En ny avstemning ble lagt til i dette møtet"
+        },
+        "results": {
+            "changeVote": "Endre stemme",
+            "empty": "Det er ingen avstemninger i møtet ennå. Start en avstemning her!",
+            "hideDetailedResults": "Skjul detaljer",
+            "showDetailedResults": "Vis detaljer",
+            "vote": "Stem"
+        }
+    },
+    "poweredby": "drevet av",
+    "prejoin": {
+        "audioAndVideoError": "Lyd- og videofeil:",
+        "audioDeviceProblem": "Det er et problem med lydenheten din",
+        "audioOnlyError": "Lydfeil:",
+        "audioTrackError": "Kunne ikke opprette lydspor.",
+        "callMe": "Ring meg",
+        "callMeAtNumber": "Ring meg på dette nummeret:",
+        "calling": "Ringer",
+        "configuringDevices": "Konfigurerer enheter…",
+        "connectedWithAudioQ": "Er du tilkoblet med lyd?",
+        "connection": {
+            "failed": "Tilkoblingstesten mislyktes!",
+            "good": "Internettforbindelsen din ser bra ut!",
+            "nonOptimal": "Internettforbindelsen din er ikke optimal",
+            "poor": "Du har en dårlig internettforbindelse",
+            "running": "Kjører tilkoblingstest…"
+        },
+        "connectionDetails": {
+            "audioClipping": "Vi forventer at lyden din vil bli avkuttet.",
+            "audioHighQuality": "Vi forventer at lyden din vil ha utmerket kvalitet.",
+            "audioLowNoVideo": "Vi forventer at lydkvaliteten din vil være lav, og at det ikke vil være video.",
+            "goodQuality": "Fantastisk! Mediekvaliteten din kommer til å være utmerket.",
+            "noMediaConnectivity": "Vi kunne ikke finne en måte å opprette medietilkobling for denne testen. Dette skyldes vanligvis en brannmur eller NAT.",
+            "noVideo": "Vi forventer at videokvaliteten din vil være svært dårlig.",
+            "testFailed": "Tilkoblingstesten støtte på uventede problemer, men dette vil kanskje ikke påvirke opplevelsen din.",
+            "undetectable": "Hvis du fortsatt ikke kan foreta anrop i nettleseren, anbefaler vi at du sjekker at høyttalere, mikrofon og kamera er riktig konfigurert, at du har gitt nettleseren tillatelse til å bruke mikrofon og kamera, og at nettleseren din er oppdatert. Hvis du fortsatt har problemer, bør du kontakte utvikleren av nettapplikasjonen.",
+            "veryPoorConnection": "Vi forventer at samtalekvaliteten din vil være svært dårlig.",
+            "videoFreezing": "Vi forventer at videoen din vil fryse, bli svart eller ha pikselerte forstyrrelser.",
+            "videoHighQuality": "Vi forventer at videoen din vil ha god kvalitet.",
+            "videoLowQuality": "Vi forventer at videoen din vil ha lav kvalitet når det gjelder bildefrekvens og oppløsning.",
+            "videoTearing": "Vi forventer at videoen din vil være pikselert eller ha visuelle artefakter."
+        },
+        "copyAndShare": "Kopier og del møtelenken",
+        "dialInMeeting": "Ring inn til møtet",
+        "dialInPin": "Ring inn til møtet og tast inn PIN-kode:",
+        "dialing": "Ringer",
+        "doNotShow": "Ikke vis denne skjermen igjen",
+        "errorDialOut": "Kunne ikke ringe ut",
+        "errorDialOutDisconnected": "Kunne ikke ringe ut. Frakoblet",
+        "errorDialOutFailed": "Kunne ikke ringe ut. Anrop mislyktes",
+        "errorDialOutStatus": "Feil ved henting av status for utgående anrop",
+        "errorMissingName": "Vennligst skriv inn navnet ditt for å bli med i møtet",
+        "errorNoPermissions": "Du må gi tilgang til mikrofon og kamera",
+        "errorStatusCode": "Feil ved utgående anrop, statuskode: {{status}}",
+        "errorValidation": "Nummerverifisering mislyktes",
+        "iWantToDialIn": "Jeg vil ringe inn",
+        "initiated": "Anrop initiert",
+        "joinAudioByPhone": "Bli med via telefonlyd",
+        "joinMeeting": "Bli med i møtet",
+        "joinMeetingInLowBandwidthMode": "Bli med i modus for lav båndbredde",
+        "joinWithoutAudio": "Bli med uten lyd",
+        "keyboardShortcuts": "Aktiver hurtigtaster",
+        "linkCopied": "Lenke kopiert til utklippstavlen",
+        "lookGood": "Enhetene dine fungerer som de skal",
+        "or": "eller",
+        "premeeting": "Før møtet",
+        "proceedAnyway": "Fortsett likevel",
+        "recordingWarning": "Andre deltakere kan ta opp denne samtalen",
+        "screenSharingError": "Feil ved skjermdeling:",
+        "startWithPhone": "Start med telefonlyd",
+        "unsafeRoomConsent": "Jeg forstår risikoen, jeg vil bli med i møtet",
+        "videoOnlyError": "Video feil:",
+        "videoTrackError": "Kunne ikke opprette videospor.",
+        "viewAllNumbers": "se alle numre"
+    },
+    "presenceStatus": {
+        "busy": "Opptatt",
+        "calling": "Ringer…",
+        "connected": "Tilkoblet",
+        "connecting": "Kobler til…",
+        "connecting2": "Kobler til*…",
+        "disconnected": "Frakoblet",
+        "expired": "Utløpt",
+        "ignored": "Ignorert",
+        "initializingCall": "Initialiserer anrop…",
+        "invited": "Invitert",
+        "rejected": "Avvist",
+        "ringing": "Ringer…"
+    },
+    "profile": {
+        "avatar": "avatar",
+        "setDisplayNameLabel": "Navn",
+        "setEmailInput": "Skriv inn e-post",
+        "setEmailLabel": "Gravatar e-post",
+        "title": "Profil"
+    },
+    "raisedHand": "Ønsker å snakke",
+    "raisedHandsLabel": "Antall hevede hender",
+    "record": {
+        "already": {
+            "linked": "Møtet er allerede koblet til dette Salesforce-objektet."
+        },
+        "type": {
+            "account": "Konto",
+            "contact": "Kontakt",
+            "lead": "Lead",
+            "opportunity": "Mulighet",
+            "owner": "Eier"
+        }
+    },
+    "recording": {
+        "authDropboxText": "Last opp til Dropbox",
+        "availableSpace": "Tilgjengelig plass: {{spaceLeft}} MB (omtrent {{duration}} minutter med opptak)",
+        "beta": "BETA",
+        "busy": "Vi jobber med å frigjøre opptaksressurser. Vennligst prøv igjen om noen minutter.",
+        "busyTitle": "Alle opptakere er for øyeblikket opptatt",
+        "copyLink": "Kopier lenke",
+        "error": "Opptak mislyktes. Vennligst prøv igjen.",
+        "errorFetchingLink": "Feil ved henting av opptaksl link.",
+        "expandedOff": "Opptaket har stoppet",
+        "expandedOn": "Møtet blir for øyeblikket tatt opp",
+        "expandedPending": "Opptak starter…",
+        "failedToStart": "Kunne ikke starte opptak",
+        "fileSharingdescription": "Del opptakslenken med møtedeltakerne",
+        "highlight": "Høydepunkt",
+        "highlightMoment": "Marker øyeblikk",
+        "highlightMomentDisabled": "Du kan markere øyeblikk når opptaket starter",
+        "highlightMomentSuccess": "Øyeblikk markert",
+        "highlightMomentSucessDescription": "Det markerte øyeblikket vil bli lagt til møtereferatet.",
+        "inProgress": "Opptak eller direktesending pågår",
+        "limitNotificationDescriptionNative": "På grunn av høy etterspørsel vil opptaket være begrenset til {{limit}} min. For ubegrensede opptak, prøv <3>{{app}}</3>.",
+        "limitNotificationDescriptionWeb": "På grunn av høy etterspørsel vil opptaket være begrenset til {{limit}} min. For ubegrensede opptak, prøv <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "linkGenerated": "Vi har generert en lenke til opptaket ditt.",
+        "localRecordingNoNotificationWarning": "Opptaket vil ikke bli annonsert til de andre deltakerne. Du må informere dem om at møtet blir tatt opp.",
+        "localRecordingNoVideo": "Video blir ikke tatt opp",
+        "localRecordingStartWarning": "Sørg for å stoppe opptaket før du forlater møtet for å lagre det.",
+        "localRecordingStartWarningTitle": "Stopp opptaket for å lagre det",
+        "localRecordingVideoStop": "Hvis du stopper videoen, vil også det lokale opptaket stoppe. Er du sikker på at du vil fortsette?",
+        "localRecordingVideoWarning": "For å ta opp videoen din, må du ha den på når opptaket starter",
+        "localRecordingWarning": "Pass på å velge den gjeldende fanen for å bruke riktig video og lyd.",
+        "loggedIn": "Logget inn som {{userName}}",
+        "noMicPermission": "Kunne ikke opprette mikrofonspor. Vennligst gi tillatelse til å bruke mikrofonen.",
+        "noStreams": "Ingen lyd- eller videostrøm oppdaget.",
+        "off": "Opptak stoppet",
+        "offBy": "{{name}} stoppet opptaket",
+        "on": "Opptak startet",
+        "onBy": "{{name}} startet opptaket",
+        "onlyRecordSelf": "Ta kun opp min egen lyd- og videostrøm",
+        "pending": "Forbereder opptak av møtet…",
+        "policyError": "Du prøvde å starte et opptak for raskt. Vennligst prøv igjen senere!",
+        "recordAudioAndVideo": "Ta opp lyd og video",
+        "recordTranscription": "Ta opp transkripsjon",
+        "saveLocalRecording": "Lagre opptaksfilen lokalt (Beta)",
+        "serviceDescription": "Opptaket ditt vil bli lagret av opptakstjenesten",
+        "serviceDescriptionCloud": "Skylagringsopptak",
+        "serviceDescriptionCloudInfo": "Opptak av møter slettes automatisk 24 timer etter opptakstidspunktet.",
+        "serviceName": "Opptakstjeneste",
+        "sessionAlreadyActive": "Denne økten blir allerede tatt opp eller direktesendt.",
+        "showAdvancedOptions": "Avanserte alternativer",
+        "signIn": "Logg inn",
+        "signOut": "Logg ut",
+        "surfaceError": "Vennligst velg den gjeldende fanen.",
+        "title": "Opptak",
+        "unavailable": "Oops! {{serviceName}} er for øyeblikket utilgjengelig. Vi jobber med å løse problemet. Vennligst prøv igjen senere.",
+        "unavailableTitle": "Opptak utilgjengelig",
+        "uploadToCloud": "Last opp til skyen"
+    },
+    "screenshareDisplayName": "{{name}}s skjerm",
+    "sectionList": {
+        "pullToRefresh": "Dra for å oppdatere"
+    },
+    "security": {
+        "about": "Du kan legge til et $t(lockRoomPassword) for møtet ditt. Deltakere må oppgi $t(lockRoomPassword) før de får bli med i møtet.",
+        "aboutReadOnly": "Moderatorer kan legge til et $t(lockRoomPassword) for møtet. Deltakere må oppgi $t(lockRoomPassword) før de får bli med i møtet.",
+        "insecureRoomNameWarningNative": "Romnavnet er usikkert. Uønskede deltakere kan bli med i møtet ditt. {{recommendAction}} Lær mer om hvordan du sikrer møtet ditt.",
+        "insecureRoomNameWarningWeb": "Romnavnet er usikkert. Uønskede deltakere kan bli med i møtet ditt. {{recommendAction}} Lær mer om hvordan du sikrer møtet ditt <a href=\"{{securityUrl}}\" rel=\"security\" target=\"_blank\">her</a>.",
+        "title": "Sikkerhetsalternativer",
+        "unsafeRoomActions": {
+            "meeting": "Vurder å sikre møtet ditt ved å bruke sikkerhetsknappen.",
+            "prejoin": "Vurder å bruke et mer unikt møtenavn.",
+            "welcome": "Vurder å bruke et mer unikt møtenavn, eller velg ett av forslagene."
+        }
+    },
+    "settings": {
+        "audio": "Lyd",
+        "buttonLabel": "Innstillinger",
+        "calendar": {
+            "about": "{{appName}} kalenderintegrasjon brukes til å få sikker tilgang til kalenderen din slik at den kan lese kommende hendelser.",
+            "disconnect": "Koble fra",
+            "microsoftSignIn": "Logg inn med Microsoft",
+            "signedIn": "Har for øyeblikket tilgang til kalenderhendelser for {{email}}. Klikk på Koble fra-knappen nedenfor for å stoppe tilgangen til kalenderhendelser.",
+            "title": "Kalender"
+        },
+        "desktopShareFramerate": "Bildefrekvens for skjermdeling",
+        "desktopShareHighFpsWarning": "En høyere bildefrekvens for skjermdeling kan påvirke båndbredden din. Du må starte skjermdelingen på nytt for at de nye innstillingene skal tre i kraft.",
+        "desktopShareWarning": "Du må starte skjermdelingen på nytt for at de nye innstillingene skal tre i kraft.",
+        "devices": "Enheter",
+        "followMe": "Alle følger meg",
+        "followMeRecorder": "Opptaker følger meg",
+        "framesPerSecond": "bilder per sekund",
+        "incomingMessage": "Innkommende melding",
+        "language": "Språk",
+        "loggedIn": "Logget inn som {{name}}",
+        "maxStageParticipants": "Maksimalt antall deltakere som kan festes til hovedscenen",
+        "microphones": "Mikrofoner",
+        "moderator": "Moderator",
+        "moderatorOptions": "Moderatoralternativer",
+        "more": "Generelt",
+        "name": "Navn",
+        "noDevice": "Ingen",
+        "notifications": "Varsler",
+        "participantJoined": "Deltaker ble med",
+        "participantKnocking": "Deltaker kom inn i lobbyen",
+        "participantLeft": "Deltaker forlot møtet",
+        "playSounds": "Spill av lyd ved",
+        "reactions": "Møtereaksjoner",
+        "sameAsSystem": "Samme som systemet ({{label}})",
+        "selectAudioOutput": "Lydutgang",
+        "selectCamera": "Kamera",
+        "selectMic": "Mikrofon",
+        "selfView": "Selvvisning",
+        "shortcuts": "Hurtigtaster",
+        "speakers": "Høyttalere",
+        "startAudioMuted": "Alle starter dempet",
+        "startReactionsMuted": "Demp reaksjonslyder for alle",
+        "startVideoMuted": "Alle starter skjult",
+        "talkWhileMuted": "Snakk mens du er dempet",
+        "title": "Innstillinger",
+        "video": "Video"
+    },
+    "settingsView": {
+        "advanced": "Avansert",
+        "alertCancel": "Avbryt",
+        "alertOk": "OK",
+        "alertTitle": "Advarsel",
+        "alertURLText": "Den angitte server-URL-en er ugyldig",
+        "apply": "Bruk",
+        "buildInfoSection": "Bygginformasjon",
+        "conferenceSection": "Konferanse",
+        "disableCallIntegration": "Deaktiver integrasjon med native anrop",
+        "disableCrashReporting": "Deaktiver feilmeldingsrapportering",
+        "disableCrashReportingWarning": "Er du sikker på at du vil deaktivere feilmeldingsrapportering? Innstillingen vil bli brukt etter at du starter appen på nytt.",
+        "disableP2P": "Deaktiver Peer-To-Peer-modus",
+        "displayName": "Visningsnavn",
+        "displayNamePlaceholderText": "F.eks.: John Doe",
+        "email": "E-post",
+        "emailPlaceholderText": "email@eksempel.com",
+        "gavatarMessage": "Hvis e-posten din er knyttet til en Gravatar-konto, vil vi bruke den til å vise profilbildet ditt.",
+        "goTo": "Gå til",
+        "header": "Innstillinger",
+        "help": "Hjelp",
+        "links": "Lenker",
+        "privacy": "Personvern",
+        "profileSection": "Profil",
+        "sdkVersion": "SDK-versjon",
+        "serverURL": "Server-URL",
+        "showAdvanced": "Vis avanserte innstillinger",
+        "startCarModeInLowBandwidthMode": "Start bilmodus i modus for lav båndbredde",
+        "startWithAudioMuted": "Start med dempet lyd",
+        "startWithVideoMuted": "Start med deaktivert video",
+        "terms": "Vilkår",
+        "version": "App-versjon"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nVil du bare ringe inn via telefon?\n\n{{defaultDialInNumber}}Klikk denne lenken for å se innringingsnumrene for dette møtet\n{{dialInfoPageUrl}}",
+        "mainText": "Klikk på følgende lenke for å bli med i møtet:\n{{roomUrl}}"
+    },
+    "speaker": "Taler",
+    "speakerStats": {
+        "angry": "Sint",
+        "disgusted": "Frastøtt",
+        "displayEmotions": "Vis følelser",
+        "fearful": "Redd",
+        "happy": "Glad",
+        "hours": "{{count}}t",
+        "labelTooltip": "Antall deltakere: {{count}}",
+        "minutes": "{{count}}m",
+        "name": "Navn",
+        "neutral": "Nøytral",
+        "sad": "Trist",
+        "search": "Søk",
+        "searchHint": "Søk etter deltakere",
+        "seconds": "{{count}}s",
+        "speakerStats": "Deltakerstatistikk",
+        "speakerTime": "Taletid",
+        "surprised": "Overrasket"
+    },
+    "startupoverlay": {
+        "genericTitle": "Møtet må bruke mikrofonen og kameraet ditt.",
+        "policyText": " ",
+        "title": "{{app}} må bruke mikrofonen og kameraet ditt."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Bli med igjen",
+        "text": "Trykk på <i>Bli med igjen</i>-knappen for å koble til på nytt.",
+        "title": "Videosamtalen din ble avbrutt fordi denne datamaskinen gikk i dvale."
+    },
+    "termsView": {
+        "title": "Vilkår"
+    },
+    "toggleTopPanelLabel": "Veksle toppanel",
+    "toolbar": {
+        "Settings": "Innstillinger",
+        "accessibilityLabel": {
+            "Settings": "Åpne innstillinger",
+            "audioOnly": "Veksle kun lyd",
+            "audioRoute": "Velg lydenhet",
+            "boo": "Buu",
+            "breakoutRooms": "Grupperom",
+            "callQuality": "Administrer videokvalitet",
+            "carmode": "Bilmodus",
+            "cc": "Veksle undertekster",
+            "chat": "Åpne / Lukk chat",
+            "clap": "Applaus",
+            "closeChat": "Lukk chat",
+            "closeMoreActions": "Lukk menyen for flere handlinger",
+            "closeParticipantsPane": "Lukk deltakerpanelet",
+            "collapse": "Skjul",
+            "document": "Veksle delt dokument",
+            "documentClose": "Lukk delt dokument",
+            "documentOpen": "Åpne delt dokument",
+            "download": "Last ned våre apper",
+            "embedMeeting": "Bygg inn møte",
+            "endConference": "Avslutt møte for alle",
+            "enterFullScreen": "Vis i fullskjerm",
+            "enterTileView": "Aktiver rutenettvisning",
+            "exitFullScreen": "Avslutt fullskjerm",
+            "exitTileView": "Avslutt rutenettvisning",
+            "expand": "Utvid",
+            "feedback": "Legg igjen tilbakemelding",
+            "fullScreen": "Veksle fullskjerm",
+            "giphy": "Veksle GIPHY-meny",
+            "grantModerator": "Gi moderatorrettigheter",
+            "hangup": "Forlat møtet",
+            "heading": "Verktøylinje",
+            "help": "Hjelp",
+            "hideWhiteboard": "Skjul whiteboard",
+            "invite": "Inviter personer",
+            "kick": "Fjern deltaker",
+            "laugh": "Latter",
+            "leaveConference": "Forlat møtet",
+            "like": "Tommelen opp",
+            "linkToSalesforce": "Koble til Salesforce",
+            "lobbyButton": "Aktiver/deaktiver lobby-modus",
+            "localRecording": "Veksle kontroller for lokalt opptak",
+            "lockRoom": "Veksle møtepassord",
+            "love": "Hjerte",
+            "lowerHand": "Senk hånden",
+            "moreActions": "Flere handlinger",
+            "moreActionsMenu": "Meny for flere handlinger",
+            "moreOptions": "Vis flere alternativer",
+            "mute": "Demp mikrofon",
+            "muteEveryone": "Demp alle",
+            "muteEveryoneElse": "Demp alle andre",
+            "muteEveryoneElsesVideoStream": "Stopp video for alle andre",
+            "muteEveryonesVideoStream": "Stopp alles video",
+            "muteGUMPending": "Kobler til mikrofonen din",
+            "noiseSuppression": "Ekstra støydemping (BETA)",
+            "openChat": "Åpne chat",
+            "participants": "Åpne deltakerpanelet. {{participantsCount}} deltakere",
+            "pip": "Veksle bilde-i-bilde-modus",
+            "privateMessage": "Send privat melding",
+            "profile": "Rediger profilen din",
+            "raiseHand": "Rekk opp hånden",
+            "react": "Meldingsreaksjoner",
+            "reactions": "Reaksjoner",
+            "reactionsMenu": "Meny for reaksjoner",
+            "recording": "Veksle opptak",
+            "remoteMute": "Demp deltaker",
+            "remoteVideoMute": "Deaktiver deltakers kamera",
+            "security": "Sikkerhetsalternativer",
+            "selectBackground": "Velg bakgrunn",
+            "selfView": "Veksle selvvisning",
+            "shareRoom": "Inviter noen",
+            "shareYourScreen": "Start skjermdeling",
+            "shareaudio": "Del lyd",
+            "sharedvideo": "Del video",
+            "shortcuts": "Veksle snarveier",
+            "show": "Vis på scenen",
+            "showWhiteboard": "Vis whiteboard",
+            "silence": "Stillhet",
+            "speakerStats": "Veksle deltakerstatistikk",
+            "stopScreenSharing": "Stopp skjermdeling",
+            "stopSharedVideo": "Stopp video",
+            "surprised": "Overrasket",
+            "tileView": "Veksle rutenettvisning",
+            "toggleCamera": "Veksle kamera",
+            "toggleFilmstrip": "Veksle filmstripe",
+            "unmute": "Slå på mikrofon",
+            "videoblur": "Veksle uskarp bakgrunn",
+            "videomute": "Stopp kamera",
+            "videomuteGUMPending": "Kobler til kameraet ditt",
+            "videounmute": "Start kamera"
+        },
+        "addPeople": "Legg til personer i samtalen din",
+        "audioOnlyOff": "Deaktiver modus for lav båndbredde",
+        "audioOnlyOn": "Aktiver modus for lav båndbredde",
+        "audioRoute": "Velg lydenhet",
+        "audioSettings": "Lydinnstillinger",
+        "authenticate": "Autentiser",
+        "boo": "Buu",
+        "callQuality": "Administrer videokvalitet",
+        "chat": "Åpne / Lukk chat",
+        "clap": "Applaus",
+        "closeChat": "Lukk chat",
+        "closeParticipantsPane": "Lukk deltakerpanelet",
+        "closeReactionsMenu": "Lukk reaksjonsmenyen",
+        "disableNoiseSuppression": "Deaktiver ekstra støydemping (BETA)",
+        "disableReactionSounds": "Du kan deaktivere reaksjonslyder for dette møtet",
+        "documentClose": "Lukk delt dokument",
+        "documentOpen": "Åpne delt dokument",
+        "download": "Last ned våre apper",
+        "e2ee": "Ende-til-ende-kryptering",
+        "embedMeeting": "Bygg inn møte",
+        "enableNoiseSuppression": "Aktiver ekstra støydemping (BETA)",
+        "endConference": "Avslutt møtet for alle",
+        "enterFullScreen": "Vis i fullskjerm",
+        "enterTileView": "Aktiver rutenettvisning",
+        "exitFullScreen": "Avslutt fullskjerm",
+        "exitTileView": "Avslutt rutenettvisning",
+        "feedback": "Legg igjen tilbakemelding",
+        "giphy": "Veksle GIPHY-meny",
+        "hangup": "Forlat møtet",
+        "help": "Hjelp",
+        "hideWhiteboard": "Skjul whiteboard",
+        "invite": "Inviter personer",
+        "joinBreakoutRoom": "Bli med i grupperom",
+        "laugh": "Latter",
+        "leaveBreakoutRoom": "Forlat grupperom",
+        "leaveConference": "Forlat møtet",
+        "like": "Tommelen opp",
+        "linkToSalesforce": "Koble til Salesforce",
+        "lobbyButtonDisable": "Deaktiver lobby-modus",
+        "lobbyButtonEnable": "Aktiver lobby-modus",
+        "login": "Logg inn",
+        "logout": "Logg ut",
+        "love": "Hjerte",
+        "lowerYourHand": "Senk hånden",
+        "moreActions": "Flere handlinger",
+        "moreOptions": "Flere alternativer",
+        "mute": "Demp mikrofon",
+        "muteEveryone": "Demp alle",
+        "muteEveryonesVideo": "Deaktiver alles kamera",
+        "muteGUMPending": "Kobler til mikrofonen din",
+        "noAudioSignalDesc": "Hvis du ikke dempet mikrofonen med systeminnstillinger eller maskinvare, vurder å bytte enhet.",
+        "noAudioSignalDescSuggestion": "Hvis du ikke dempet mikrofonen med systeminnstillinger eller maskinvare, vurder å bytte til den foreslåtte enheten.",
+        "noAudioSignalDialInDesc": "Du kan også ringe inn ved å bruke:",
+        "noAudioSignalDialInLinkDesc": "Innringingsnumre",
+        "noAudioSignalTitle": "Det er ingen lydinngang fra mikrofonen din!",
+        "noiseSuppression": "Ekstra støydemping (BETA)",
+        "noisyAudioInputDesc": "Det høres ut som mikrofonen din lager støy. Vurder å dempe eller bytte enhet.",
+        "noisyAudioInputTitle": "Mikrofonen din ser ut til å være støyende!",
+        "openChat": "Åpne chat",
+        "openReactionsMenu": "Åpne reaksjonsmeny",
+        "participants": "Deltakere",
+        "pip": "Aktiver bilde-i-bilde-modus",
+        "privateMessage": "Send privat melding",
+        "profile": "Rediger profilen din",
+        "raiseHand": "Rekk opp hånden",
+        "raiseYourHand": "Rekk opp hånden",
+        "reactionBoo": "Send buu-reaksjon",
+        "reactionClap": "Send applaus-reaksjon",
+        "reactionHeart": "Send hjerte-reaksjon",
+        "reactionLaugh": "Send latter-reaksjon",
+        "reactionLike": "Send tommel opp-reaksjon",
+        "reactionSilence": "Send stillhet-reaksjon",
+        "reactionSurprised": "Send overrasket-reaksjon",
+        "reactions": "Reaksjoner",
+        "security": "Sikkerhetsalternativer",
+        "selectBackground": "Velg bakgrunn",
+        "shareRoom": "Inviter noen",
+        "shareaudio": "Del lyd",
+        "sharedvideo": "Del video",
+        "shortcuts": "Vis hurtigtaster",
+        "showWhiteboard": "Vis whiteboard",
+        "silence": "Stillhet",
+        "speakerStats": "Deltakerstatistikk",
+        "startScreenSharing": "Start skjermdeling",
+        "startSubtitles": "Undertekster • {{language}}",
+        "stopAudioSharing": "Stopp deling av lyd",
+        "stopScreenSharing": "Stopp skjermdeling",
+        "stopSharedVideo": "Stopp video",
+        "stopSubtitles": "Stopp undertekster",
+        "surprised": "Overrasket",
+        "talkWhileMutedPopup": "Prøver du å snakke? Du er dempet.",
+        "tileViewToggle": "Veksle rutenettvisning",
+        "toggleCamera": "Veksle kamera",
+        "unmute": "Slå på mikrofon",
+        "videoSettings": "Videoinnstillinger",
+        "videomute": "Stopp kamera",
+        "videomuteGUMPending": "Kobler til kameraet ditt",
+        "videounmute": "Start kamera"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Start / Stopp undertekster",
+        "expandedLabel": "Transkribering er for øyeblikket på",
+        "failed": "Transkribering mislyktes",
+        "labelToolTip": "Møtet blir transkribert",
+        "sourceLanguageDesc": "For øyeblikket er møtespråket satt til <b>{{sourceLanguage}}</b>. <br/> Du kan endre det ",
+        "sourceLanguageHere": "her",
+        "start": "Start visning av undertekster",
+        "stop": "Stopp visning av undertekster",
+        "subtitles": "Undertekster",
+        "subtitlesOff": "Av",
+        "tr": "TR"
+    },
+    "unpinParticipant": "{{participantName}} - Løsne",
+    "userMedia": {
+        "grantPermissions": "Vennligst gi tillatelser for å bruke kameraet og mikrofonen din."
+    },
+    "videoSIPGW": {
+        "busy": "Vi jobber med å frigjøre ressurser. Vennligst prøv igjen om noen minutter.",
+        "busyTitle": "Romtjenesten er for øyeblikket opptatt",
+        "errorAlreadyInvited": "{{displayName}} er allerede invitert",
+        "errorInvite": "Konferansen er ikke opprettet ennå. Vennligst prøv igjen senere.",
+        "errorInviteFailed": "Vi jobber med å løse problemet. Vennligst prøv igjen senere.",
+        "errorInviteFailedTitle": "Invitasjon til {{displayName}} mislyktes",
+        "errorInviteTitle": "Feil ved invitasjon av rom",
+        "pending": "{{displayName}} har blitt invitert"
+    },
+    "videoStatus": {
+        "adjustFor": "Juster for:",
+        "audioOnly": "LYD",
+        "audioOnlyExpanded": "Du er i modus for lav båndbredde. I denne modusen vil du kun motta lyd og skjermdeling.",
+        "bestPerformance": "Beste ytelse",
+        "callQuality": "Videokvalitet (0 for best ytelse, 3 for høyeste kvalitet)",
+        "hd": "HD",
+        "hdTooltip": "Ser video i høy oppløsning",
+        "highDefinition": "Høy oppløsning",
+        "highestQuality": "Høyeste kvalitet",
+        "labelTooiltipNoVideo": "Ingen video",
+        "labelTooltipAudioOnly": "Modus for lav båndbredde aktivert",
+        "ld": "LD",
+        "ldTooltip": "Ser video i lav oppløsning",
+        "lowDefinition": "Lav oppløsning",
+        "performanceSettings": "Ytelsesinnstillinger",
+        "recording": "Opptak pågår",
+        "sd": "SD",
+        "sdTooltip": "Ser video i standard oppløsning",
+        "standardDefinition": "Standard oppløsning",
+        "streaming": "Direktesending pågår"
+    },
+    "videothumbnail": {
+        "connectionInfo": "Tilkoblingsinformasjon",
+        "demote": "Flytt til seer",
+        "domute": "Demp",
+        "domuteOthers": "Demp alle andre",
+        "domuteVideo": "Deaktiver kamera",
+        "domuteVideoOfOthers": "Deaktiver kamera for alle andre",
+        "flip": "Snu",
+        "grantModerator": "Gi moderatorrettigheter",
+        "hideSelfView": "Skjul selvvisning",
+        "kick": "Fjern deltaker",
+        "mirrorVideo": "Speil videoen min",
+        "moderator": "Moderator",
+        "mute": "Deltaker er dempet",
+        "muted": "Dempet",
+        "pinToStage": "Fest til scenen",
+        "remoteControl": "Start / Stopp fjernkontroll",
+        "screenSharing": "Deltaker deler skjermen sin",
+        "show": "Vis på scenen",
+        "showSelfView": "Vis selvvisning",
+        "unpinFromStage": "Løsne",
+        "verify": "Bekreft deltaker",
+        "videoMuted": "Kamera deaktivert",
+        "videomute": "Deltakeren har stoppet kameraet"
+    },
+    "virtualBackground": {
+        "accessibilityLabel": {
+            "currentBackground": "Nåværende bakgrunn: {{background}}",
+            "selectBackground": "Velg en bakgrunn"
+        },
+        "addBackground": "Legg til bakgrunn",
+        "apply": "Bruk",
+        "backgroundEffectError": "Kunne ikke bruke bakgrunnseffekten.",
+        "blur": "Uskarp",
+        "deleteImage": "Slett bilde",
+        "desktopShare": "Skjermdeling",
+        "desktopShareError": "Kunne ikke opprette skjermdeling",
+        "image1": "Strand",
+        "image2": "Hvit nøytral vegg",
+        "image3": "Hvitt tomt rom",
+        "image4": "Svart gulvlampe",
+        "image5": "Fjell",
+        "image6": "Skog",
+        "image7": "Soloppgang",
+        "none": "Ingen",
+        "pleaseWait": "Vennligst vent…",
+        "removeBackground": "Fjern bakgrunn",
+        "slightBlur": "Delvis uskarp",
+        "title": "Virtuelle bakgrunner",
+        "uploadedImage": "Opplastet bilde {{index}}",
+        "webAssemblyWarning": "WebAssembly ikke støttet",
+        "webAssemblyWarningDescription": "WebAssembly er deaktivert eller ikke støttet av denne nettleseren"
+    },
+    "visitors": {
+        "chatIndicator": "(seer)",
+        "joinMeeting": {
+            "description": "Du er for øyeblikket en seer i denne konferansen.",
+            "raiseHand": "Rekk opp hånden",
+            "title": "Bli med i møtet",
+            "wishToSpeak": "Hvis du ønsker å snakke, vennligst rekk opp hånden nedenfor og vent på godkjenning fra moderator."
+        },
+        "labelTooltip": "Antall seere: {{count}}",
+        "notification": {
+            "demoteDescription": "Sendt hit av {{actor}}, rekk opp hånden for å delta",
+            "noMainParticipantsDescription": "En deltaker må starte møtet. Vennligst prøv igjen om litt.",
+            "noMainParticipantsTitle": "Dette møtet har ikke startet ennå.",
+            "noVisitorLobby": "Du kan ikke bli med så lenge lobbyen er aktivert for møtet.",
+            "notAllowedPromotion": "En deltaker må godkjenne forespørselen din først.",
+            "title": "Du er en seer i møtet"
+        },
+        "waitingMessage": "Du blir med i møtet så snart det er live!"
+    },
+    "volumeSlider": "Volumkontroll",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Trykk for å bli med",
+            "roomname": "Skriv inn romnavn"
+        },
+        "addMeetingName": "Legg til møtenavn",
+        "appDescription": "Sett i gang, ha videosamtaler med hele teamet. Faktisk, inviter alle du kjenner. {{app}} er en fullstendig kryptert, 100 % åpen kildekode videokonferanseløsning som du kan bruke hele dagen, hver dag, gratis — uten behov for konto.",
+        "audioVideoSwitch": {
+            "audio": "Stemme",
+            "video": "Video"
+        },
+        "calendar": "Kalender",
+        "connectCalendarButton": "Koble til kalenderen din",
+        "connectCalendarText": "Koble til kalenderen din for å se alle møtene dine i {{app}}. I tillegg kan du legge til {{provider}}-møter i kalenderen din og starte dem med ett klikk.",
+        "enterRoomTitle": "Start et nytt møte",
+        "getHelp": "Få hjelp",
+        "go": "GÅ",
+        "goSmall": "GÅ",
+        "headerSubtitle": "Sikre møter av høy kvalitet",
+        "headerTitle": "Jitsi Meet",
+        "info": "Innringingsinformasjon",
+        "jitsiOnMobile": "Jitsi på mobil – last ned appene våre og start et møte fra hvor som helst",
+        "join": "OPPRETT / BLI MED",
+        "logo": {
+            "calendar": "Kalenderlogo",
+            "desktopPreviewThumbnail": "Forhåndsvisningsminiatyr for skrivebord",
+            "googleLogo": "Google-logo",
+            "logoDeepLinking": "Jitsi Meet-logo",
+            "microsoftLogo": "Microsoft-logo",
+            "policyLogo": "Retningslinjelogo"
+        },
+        "meetingsAccessibilityLabel": "Møter",
+        "mobileDownLoadLinkAndroid": "Last ned mobilappen for Android",
+        "mobileDownLoadLinkFDroid": "Last ned mobilappen for F-Droid",
+        "mobileDownLoadLinkIos": "Last ned mobilappen for iOS",
+        "moderatedMessage": "Eller <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">bestill en møtelink</a> på forhånd hvor du er den eneste moderator.",
+        "privacy": "Personvern",
+        "recentList": "Nylige",
+        "recentListDelete": "Slett oppføring",
+        "recentListEmpty": "Listen din er for øyeblikket tom. Chat med teamet ditt, så finner du alle dine nylige møter her.",
+        "recentMeetings": "Dine nylige møter",
+        "reducedUIText": "Velkommen til {{app}}!",
+        "roomNameAllowedChars": "Møtenavnet skal ikke inneholde noen av disse tegnene: ?, &, :, ', \", %, #.",
+        "roomname": "Skriv inn romnavn",
+        "roomnameHint": "Skriv inn navnet eller URL-en til rommet du vil bli med i. Du kan finne på et navn, bare sørg for at de du møter vet det slik at de skriver inn det samme navnet.",
+        "sendFeedback": "Send tilbakemelding",
+        "settings": "Innstillinger",
+        "startMeeting": "Start møte",
+        "terms": "Vilkår",
+        "title": "Sikker, fullverdig og helt gratis videokonferanse",
+        "upcomingMeetings": "Dine kommende møter"
+    },
+    "whiteboard": {
+        "accessibilityLabel": {
+            "heading": "Whiteboard"
+        },
+        "screenTitle": "Whiteboard"
+    }
+}
diff --git a/lang/main-nl.json b/lang/main-nl.json
new file mode 100644
index 0000000..68f0077
--- /dev/null
+++ b/lang/main-nl.json
@@ -0,0 +1,1111 @@
+{
+    "addPeople": {
+        "add": "Uitnodigen",
+        "addContacts": "Nodig uw contacten uit",
+        "contacts": "contacten",
+        "copyInvite": "Uitnodiging voor vergadering kopiëren",
+        "copyLink": "Link naar vergadering kopiëren",
+        "copyStream": "Link naar livestream kopiëren",
+        "countryNotSupported": "Deze bestemming wordt nog niet ondersteund.",
+        "countryReminder": "Belt u buiten de Verenigde Staten? Vergeet dan niet met de landcode te beginnen.",
+        "defaultEmail": "Uw standaard e-mail",
+        "disabled": "U kunt geen personen uitnodigen.",
+        "failedToAdd": "Het toevoegen van deelnemers is mislukt",
+        "footerText": "Uitgaande oproepen zijn uitgeschakeld.",
+        "googleEmail": "Google e-mail",
+        "inviteMoreHeader": "U bent de enige in de vergadering",
+        "inviteMoreMailSubject": "Deelnemen aan {{appName}}-vergadering",
+        "inviteMorePrompt": "Nodig meer personen uit",
+        "linkCopied": "Link gekopieerd naar klembord",
+        "noResults": "Geen resultaten die overeenkomen met de zoekopdracht",
+        "outlookEmail": "Outlook e-mail",
+        "phoneNumbers": "telefoonnummers",
+        "searching": "Zoeken…",
+        "shareInvite": "Uitnodiging voor vergadering delen",
+        "shareLink": "Deel de link naar de vergadering om anderen uit te nodigen",
+        "shareStream": "Deel de link naar de livestream",
+        "telephone": "Telefoon: {{number}}",
+        "title": "Personen uitnodigen voor deze vergadering",
+        "yahooEmail": "Yahoo e-mail"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "headphones": "Hoofdtelefoon",
+        "none": "Geen audioapparaten beschikbaar",
+        "phone": "Telefoon",
+        "speaker": "Speaker"
+    },
+    "audioOnly": {
+        "audioOnly": "Lage bandbreedte"
+    },
+    "blankPage": {
+        "meetingEnded": "Vergadering beëindigd."
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "Aparte vergaderruimte toevoegen",
+            "close": "Sluiten",
+            "join": "Deelnemen",
+            "leaveBreakoutRoom": "Verlaat aparte vergaderruimte",
+            "more": "Meer",
+            "remove": "Verwijderen",
+            "sendToBreakoutRoom": "Stuur deelnemer naar:"
+        },
+        "defaultName": "Aparte vergaderruimte #{{index}}",
+        "mainRoom": "Hoofdruimte",
+        "notifications": {
+            "joined": "Aparte vergaderruimte \"{{name}}\" binnentreden",
+            "joinedMainRoom": "Hoofdruimte binnentreden",
+            "joinedTitle": "Aparte vergaderruimtes"
+        }
+    },
+    "calendarSync": {
+        "addMeetingURL": "Een link naar een vergadering toevoegen",
+        "confirmAddLink": "Wilt u een Jitsi-link aan deze afspraak toevoegen?",
+        "error": {
+            "appConfiguration": "De agenda-integratie is niet juist ingesteld.",
+            "generic": "Er is een fout opgetreden. Controleer uw agenda-instellingen of vernieuw de agenda.",
+            "notSignedIn": "Er is een fout opgetreden tijdens de authenticering voor het zien van agenda-afspraken. Controleer uw agenda-instellingen en probeer u opnieuw aan te melden."
+        },
+        "join": "Deelnemen",
+        "joinTooltip": "Deelnemen aan de vergadering",
+        "nextMeeting": "volgende vergadering",
+        "noEvents": "Er zijn geen aankomende afspraken gepland.",
+        "ongoingMeeting": "actieve vergadering",
+        "permissionButton": "Instellingen openen",
+        "permissionMessage": "Het Agenda-toegangsrecht is nodig om uw afspraken in de app te zien.",
+        "refresh": "Agenda vernieuwen",
+        "today": "Vandaag"
+    },
+    "chat": {
+        "enter": "Chat openen",
+        "error": "Fout: uw bericht \"{{originalText}}\" is niet verzonden. Reden: {{error}}",
+        "fieldPlaceHolder": "Typ hier uw bericht",
+        "message": "Bericht",
+        "messageAccessibleTitle": "{{user}} zegt:",
+        "messageAccessibleTitleMe": "ik zeg:",
+        "messageTo": "Privébericht aan {{recipient}}",
+        "messagebox": "Typ een bericht",
+        "nickname": {
+            "popover": "Kies een bijnaam",
+            "title": "Voer een bijnaam in om chat te gebruiken",
+            "titleWithPolls": "Voer een bijnaam in om chat te gebruiken"
+        },
+        "noMessagesMessage": "Er zijn nog geen berichten in de vergadering. Begin hier een gesprek!",
+        "privateNotice": "Privébericht aan {{recipient}}",
+        "sendButton": "Verzenden",
+        "smileysPanel": "Smiley paneel",
+        "tabs": {
+            "chat": "Gesprek",
+            "polls": "Peilingen"
+        },
+        "title": "Gesprek",
+        "titleWithPolls": "Gesprek",
+        "you": "U"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Installeer Chrome Extensie",
+        "close": "Sluiten",
+        "dontShowAgain": "Laat me dit niet meer zien",
+        "installExtensionText": "Installeer de extensie voor Google Calendar en Office 365 integratie"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "U wordt verbonden met uw vergadering…"
+    },
+    "connection": {
+        "ATTACHED": "Bijgevoegd",
+        "AUTHENTICATING": "Authenticeren",
+        "AUTHFAIL": "Authenticering mislukt",
+        "CONNECTED": "Verbonden",
+        "CONNECTING": "Verbinding maken",
+        "CONNFAIL": "Verbinding mislukt",
+        "DISCONNECTED": "Verbinding verbroken",
+        "DISCONNECTING": "Verbinding verbreken",
+        "ERROR": "Fout",
+        "FETCH_SESSION_ID": "Sessie-id ophalen…",
+        "GET_SESSION_ID_ERROR": "Fout bij ophalen sessie-id: {{code}}",
+        "GOT_SESSION_ID": "Sessie-id ophalen… Klaar",
+        "LOW_BANDWIDTH": "Video voor {{displayName}} is uitgeschakeld om bandbreedte te besparen"
+    },
+    "connectionindicator": {
+        "address": "Adres:",
+        "audio_ssrc": "Audio SSRC:",
+        "bandwidth": "Geschatte bandbreedte:",
+        "bitrate": "Bitrate:",
+        "bridgeCount": "Aantal servers: ",
+        "codecs": "Codecs (A/V): ",
+        "connectedTo": "Verbonden met:",
+        "framerate": "Framesnelheid:",
+        "less": "Minder weergeven",
+        "localaddress": "Lokaal adres:",
+        "localaddress_plural": "Lokale adressen:",
+        "localport": "Lokale poort:",
+        "localport_plural": "Lokale poorten:",
+        "maxEnabledResolution": "verstuur max",
+        "more": "Meer weergeven",
+        "packetloss": "Pakketverlies:",
+        "participant_id": "Deelnemer id:",
+        "quality": {
+            "good": "Goed",
+            "inactive": "Inactief",
+            "lost": "Verbroken",
+            "nonoptimal": "Niet optimaal",
+            "poor": "Slecht"
+        },
+        "remoteaddress": "Extern adres:",
+        "remoteaddress_plural": "Externe adressen:",
+        "remoteport": "Externe poort:",
+        "remoteport_plural": "Externe poorten:",
+        "resolution": "Resolutie:",
+        "savelogs": "Logs opslaan",
+        "status": "Verbinding:",
+        "transport": "Transport:",
+        "transport_plural": "Transporten:",
+        "video_ssrc": "Video SSRC:"
+    },
+    "dateUtils": {
+        "earlier": "Eerder",
+        "today": "Vandaag",
+        "yesterday": "Gisteren"
+    },
+    "deepLinking": {
+        "appNotInstalled": "U hebt de mobiele app {{app}} nodig om aan deze vergadering deel te nemen via uw telefoon.",
+        "description": "Gebeurt er niets? Er is geprobeerd uw vergadering te starten in de desktop-app {{app}}. Probeer het opnieuw of start de vergadering in de web-app {{app}}.",
+        "descriptionWithoutWeb": "Gebeurt er niets? Er is geprobeerd om uw vergadering te starten in de desktop-app {{app}}",
+        "downloadApp": "Download de app",
+        "ifDoNotHaveApp": "Als u de app nog niet hebt:",
+        "ifHaveApp": "Als u de app al hebt:",
+        "joinInApp": "Deelnemen aan deze vergadering met de app",
+        "launchWebButton": "Starten in web",
+        "title": "Uw vergadering wordt gestart in {{app}}…",
+        "tryAgainButton": "Opnieuw proberen in desktop",
+        "unsupportedBrowser": "Het lijkt erop dat u een browser gebruikt die wij niet ondersteunen."
+    },
+    "defaultLink": "bijv. {{url}}",
+    "defaultNickname": "bijv. Jannie Roze",
+    "deviceError": {
+        "cameraError": "Toegang tot uw camera is mislukt",
+        "cameraPermission": "Fout bij verkrijgen toegangsrecht camera",
+        "microphoneError": "Toegang tot uw microfoon is mislukt",
+        "microphonePermission": "Fout bij verkrijgen toegangsrecht microfoon"
+    },
+    "deviceSelection": {
+        "noPermission": "Geen toestemming verleend",
+        "previewUnavailable": "Voorbeeld niet beschikbaar",
+        "selectADevice": "Selecteer een apparaat",
+        "testAudio": "Een testgeluid afspelen"
+    },
+    "dialOut": {
+        "statusMessage": "is nu {{status}}"
+    },
+    "dialog": {
+        "Back": "Terug",
+        "Cancel": "Annuleren",
+        "IamHost": "Ik ben de host",
+        "Ok": "OK",
+        "Remove": "Verwijderen",
+        "Share": "Delen",
+        "Submit": "Verzenden",
+        "WaitForHostMsg": "De vergadering is nog niet gestart. Authenticeer uzelf als u de host bent. Anders wacht u tot de host aanwezig is.",
+        "Yes": "Ja",
+        "accessibilityLabel": {
+            "liveStreaming": "Livestream"
+        },
+        "add": "Toevoegen",
+        "allow": "Toestaan",
+        "alreadySharedVideoMsg": "Er wordt al een video gedeeld door een andere deelnemer. Deze vergadering staat slechts één gedeelde video tegelijkertijd toe.",
+        "alreadySharedVideoTitle": "Slechts één gedeelde video tegelijkertijd is toegestaan",
+        "applicationWindow": "Toepassingsvenster",
+        "authenticationRequired": "Authenticatie vereist",
+        "cameraConstraintFailedError": "Uw camera voldoet niet aan alle vereiste beperkingen.",
+        "cameraNotFoundError": "Camera niet gevonden.",
+        "cameraNotSendingData": "Er is geen toegang tot uw camera verkregen. Controleer of dit apparaat wordt gebruikt door een andere toepassing, selecteer een ander apparaat vanuit de instellingen of probeer de toepassing te herladen.",
+        "cameraNotSendingDataTitle": "Geen toegang tot camera",
+        "cameraPermissionDeniedError": "U hebt geen toestemming verleend om uw camera te gebruiken. U kunt wel deelnemen aan de vergadering, maar anderen kunnen u niet zien. Gebruik de cameraknop in de adresbalk om dit op te lossen.",
+        "cameraTimeoutError": "Er heeft een camera timeout opgetreden.",
+        "cameraUnknownError": "Kan de camera om een onbekende reden niet gebruiken.",
+        "cameraUnsupportedResolutionError": "Uw camera ondersteunt de vereiste videoresolutie niet.",
+        "close": "Sluiten",
+        "conferenceDisconnectMsg": "Controleer uw netwerkverbinding. Over {{seconds}} sec. wordt opnieuw geprobeerd verbinding te maken…",
+        "conferenceDisconnectTitle": "Uw verbinding is verbroken.",
+        "conferenceReloadMsg": "Er wordt geprobeerd om dit op te lossen. Over {{seconds}} sec. wordt opnieuw geprobeerd verbinding te maken…",
+        "conferenceReloadTitle": "Er is helaas iets misgegaan.",
+        "confirm": "Bevestigen",
+        "confirmNo": "Nee",
+        "confirmYes": "Ja",
+        "connectError": "Oeps! Er is iets misgegaan en er kon geen verbinding met de vergadering worden gemaakt.",
+        "connectErrorWithMsg": "Oeps! Er is iets misgegaan en er kon geen verbinding met de vergadering worden gemaakt: {{msg}}",
+        "connecting": "Verbinding maken",
+        "contactSupport": "Contact opnemen met ondersteuning",
+        "copied": "Gekopieerd",
+        "copy": "Kopiëren",
+        "dismiss": "Negeren",
+        "displayNameRequired": "Hallo! Wat is uw naam?",
+        "done": "Gereed",
+        "e2eeDescription": "Eind-tot-Eind-Versleuteling is momenteel EXPERIMENTEEL. Houd er rekening mee dat inschakelen van eind-tot-eind-versleuteling de door de server geleverde services zal uitschakelen zoals: opnemen, livestreamen en deelname via telefoon. Houd er ook rekening mee dat de vergadering alleen zal werken voor personen die deelnemen vanaf browsers met ondersteuning voor insertable streams.",
+        "e2eeLabel": "Sleutel",
+        "e2eeWarning": "WAARSCHUWING: Niet alle deelnemers in deze vergadering lijken ondersteuning te hebben voor eind-tot-eind-versleuteling. Als u het inschakelt zullen zij u niet kunnen zien of horen.",
+        "enterDisplayName": "Voer hier uw naam in",
+        "error": "Fout",
+        "gracefulShutdown": "Onze service is momenteel niet beschikbaar vanwege onderhoud. Probeer het later opnieuw.",
+        "grantModeratorDialog": "Weet u zeker dat u de moderatorrechten wilt verlenen aan deze deelnemer?",
+        "grantModeratorTitle": "Moderatorrechten verlenen",
+        "incorrectPassword": "Onjuiste gebruikersnaam of wachtwoord",
+        "incorrectRoomLockPassword": "Onjuist wachtwoord",
+        "internalError": "Oeps! Er is iets misgegaan. De volgende fout trad op: {{error}}",
+        "internalErrorTitle": "Interne fout",
+        "kickMessage": "U kunt contact opnemen met {{participantDisplayName}} voor meer informatie.",
+        "kickParticipantButton": "Verwijderen",
+        "kickParticipantDialog": "Weet u zeker dat u deze deelnemer wilt verwijderen?",
+        "kickParticipantTitle": "Deze deelnemer verwijderen?",
+        "kickTitle": "Oei! {{participantDisplayName}} heeft u uit de vergadering verwijderd",
+        "liveStreaming": "Livestreamen",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "Niet mogelijk tijdens opnemen",
+        "liveStreamingDisabledTooltip": "Livestream starten uitgeschakeld.",
+        "lockMessage": "Het vergrendelen van de vergadering is mislukt.",
+        "lockRoom": "$t(lockRoomPasswordUppercase) voor vergadering toevoegen",
+        "lockTitle": "Vergrendelen mislukt",
+        "login": "Login",
+        "logoutQuestion": "Weet u zeker dat u zich wilt afmelden en de vergadering wilt stoppen?",
+        "logoutTitle": "Afmelden",
+        "maxUsersLimitReached": "Het maximale aantal deelnemers is bereikt. De vergadering is vol. Neem contact op met de eigenaar van de vergadering of probeer het later opnieuw!",
+        "maxUsersLimitReachedTitle": "Maximaal aantal deelnemers bereikt",
+        "micConstraintFailedError": "Uw microfoon voldoet niet aan alle vereiste beperkingen.",
+        "micNotFoundError": "Microfoon niet gevonden.",
+        "micNotSendingData": "Ga naar de instellingen van uw computer om het dempen van uw microfoon op te heffen en het geluidsniveau aan te passen",
+        "micNotSendingDataTitle": "Uw microfoon is gedempt door uw systeeminstellingen",
+        "micPermissionDeniedError": "U hebt geen toestemming verleend om uw microfoon te gebruiken. U kunt wel deelnemen aan de vergadering, maar anderen kunnen u niet horen. Gebruik de cameraknop in de adresbalk om dit op te lossen.",
+        "micTimeoutError": "Kan de microfoon niet gebruiken vanwege een timeout fout.",
+        "micUnknownError": "Kan de microfoon om een onbekende reden niet gebruiken.",
+        "moderationAudioLabel": "Sta deelnemers toe om voor henzelf dempen op te heffen",
+        "moderationVideoLabel": "Sta deelnemers toe om hun camera aan te zetten",
+        "muteEveryoneDialog": "Weet u zeker dat u iedereen wilt dempen? U kunt het dempen niet opheffen, maar zij kunnen dit wel ieder moment zelf doen.",
+        "muteEveryoneDialogModerationOn": "De deelnemers kunnen te allen tijde een verzoek om te spreken indienen.",
+        "muteEveryoneElseDialog": "Eenmaal gedempt kunt u het dempen niet opheffen, maar zij kunnen dit wel ieder moment zelf doen.",
+        "muteEveryoneElseTitle": "Iedereen dempen behalve {{whom}}?",
+        "muteEveryoneElsesVideoDialog": "Als u de camera's uitzet kunt u hem niet meer aanzetten, maar de andere deelnemers kunnen dit wel ieder moment zelf doen.",
+        "muteEveryoneElsesVideoTitle": "De camera van iedereen behalve {{whom}} uitzetten?",
+        "muteEveryoneSelf": "uzelf",
+        "muteEveryoneStartMuted": "Iedereen start vanaf nu gedempt",
+        "muteEveryoneTitle": "Iedereen dempen?",
+        "muteEveryonesVideoDialog": "Weet u zeker dat u de  camera van iedereen wilt uitzetten? Als u de camera's uitzet kunt u deze niet meer aanzetten, maar de andere deelnemers kunnen dit wel ieder moment zelf doen.",
+        "muteEveryonesVideoDialogModerationOn": "De deelnemers kunnen te allen tijde een verzoek om hun camera aan te zetten indienen.",
+        "muteEveryonesVideoDialogOk": "Uitzetten",
+        "muteEveryonesVideoTitle": "Camera van iedereen uitzetten?",
+        "muteParticipantBody": "U kunt het dempen niet opheffen, maar zij kunnen dit wel ieder moment zelf doen.",
+        "muteParticipantButton": "Dempen",
+        "muteParticipantDialog": "Weet u zeker dat u deze deelnemer wilt dempen? U kunt het dempen niet opheffen, maar deze deelnemer kan dit wel ieder moment zelf doen.",
+        "muteParticipantTitle": "Deze deelnemer dempen?",
+        "muteParticipantsVideoBody": "Het is niet mogelijk voor u om de camera weer aan te zetten, de deelnemer kan de camera wel weer aanzetten.",
+        "muteParticipantsVideoButton": "Camera uitzetten",
+        "muteParticipantsVideoTitle": "Camera van deze deelnemer uitzetten?",
+        "passwordLabel": "De vergadering is vergrendeld door een deelnemer. Voer het $t(lockRoomPassword) in om deel te nemen.",
+        "passwordNotSupported": "Instellen van een $t(lockRoomPassword) voor de vergadering wordt niet ondersteund.",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) niet ondersteund",
+        "passwordRequired": "$t(lockRoomPasswordUppercase) vereist",
+        "popupError": "Uw browser blokkeert pop-upvensters van deze site. Schakel pop-ups in vanuit de beveiligingsinstellingen van uw browser en probeer het opnieuw.",
+        "popupErrorTitle": "Pop-up geblokkeerd",
+        "readMore": "meer",
+        "recording": "Opnemen",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "Niet mogelijk tijdens een livestream",
+        "recordingDisabledTooltip": "Opname starten uitgeschakeld.",
+        "rejoinNow": "Nu opnieuw deelnemen",
+        "remoteControlAllowedMessage": "{{user}} heeft uw verzoek om extern beheer geaccepteerd.",
+        "remoteControlDeniedMessage": "{{user}} heeft uw verzoek om extern beheer geweigerd.",
+        "remoteControlErrorMessage": "Er is een fout opgetreden tijdens het verzoek om toestemming voor extern beheer van {{user}}!",
+        "remoteControlRequestMessage": "Wilt u {{user}} toestemming verlenen om uw bureaublad extern te beheren?",
+        "remoteControlShareScreenWarning": "Let op: als u op 'Toestaan' drukt, wordt uw scherm gedeeld!",
+        "remoteControlStopMessage": "De sessie van extern beheer is geëindigd!",
+        "remoteControlTitle": "Extern beheer van bureaublad",
+        "removePassword": "$t(lockRoomPasswordUppercase) verwijderen",
+        "removeSharedVideoMsg": "Weet u zeker dat u uw gedeelde video wilt verwijderen?",
+        "removeSharedVideoTitle": "Gedeelde video verwijderen",
+        "reservationError": "Fout in reserveringssysteem",
+        "reservationErrorMsg": "Foutcode: {{code}}, bericht: {{msg}}",
+        "retry": "Opnieuw proberen",
+        "screenSharingAudio": "Deel audio",
+        "screenSharingFailed": "Oeps! Er is iets misgegaan, de schermdeling kon niet worden gestart!",
+        "screenSharingFailedTitle": "Schermdeling mislukt!",
+        "screenSharingPermissionDeniedError": "Oeps! Er is iets misgegaan met uw toegangsrechten voor schermdeling. Herlaad en probeer opnieuw.",
+        "sendPrivateMessage": "U hebt recentelijk een privébericht ontvangen. Bent u van plan daar privé op te reageren, of wilt u uw bericht naar de groep sturen?",
+        "sendPrivateMessageCancel": "Stuur naar de groep",
+        "sendPrivateMessageOk": "Privé versturen",
+        "sendPrivateMessageTitle": "Privé versturen?",
+        "serviceUnavailable": "Service niet beschikbaar",
+        "sessTerminated": "Gesprek beëindigd",
+        "sessionRestarted": "Gesprek herstart door de server",
+        "shareVideoLinkError": "Geef een juiste link op",
+        "shareVideoTitle": "Een video delen",
+        "shareYourScreen": "Uw scherm delen",
+        "shareYourScreenDisabled": "Schermdeling is uitgeschakeld.",
+        "startLiveStreaming": "Livestream starten",
+        "startRecording": "Opname starten",
+        "startRemoteControlErrorMessage": "Er is een fout opgetreden tijdens het starten van de sessie van extern beheer.",
+        "stopLiveStreaming": "Livestream stoppen",
+        "stopRecording": "Opname stoppen",
+        "stopRecordingWarning": "Weet u zeker dat u de opname wilt stoppen?",
+        "stopStreamingWarning": "Weet u zeker dat u de livestream wilt stoppen?",
+        "streamKey": "Sleutel voor livestream",
+        "thankYou": "Bedankt voor het gebruik van {{appName}}.",
+        "token": "token",
+        "tokenAuthFailed": "Sorry, u bent niet toegestaan om deel te nemen aan dit gesprek.",
+        "tokenAuthFailedTitle": "Authenticering mislukt",
+        "transcribing": "Transcriberen",
+        "unlockRoom": "$t(lockRoomPasswordUppercase) voor vergadering verwijderen",
+        "user": "gebruiker",
+        "userPassword": "gebruikerswachtwoord",
+        "videoLink": "Video link",
+        "yourEntireScreen": "Uw gehele scherm"
+    },
+    "documentSharing": {
+        "title": "Gedeeld Document"
+    },
+    "e2ee": {
+        "labelToolTip": "Audio- en Videocommunicatie in dit gesprek is eind-tot-eind-versleuteld"
+    },
+    "embedMeeting": {
+        "title": "Deze vergadering embedden"
+    },
+    "feedback": {
+        "average": "Gemiddeld",
+        "bad": "Slecht",
+        "detailsLabel": "We horen er graag meer over.",
+        "good": "Goed",
+        "rateExperience": "Beoordeel uw vergaderervaring",
+        "veryBad": "Zeer Slecht",
+        "veryGood": "Zeer Goed"
+    },
+    "helpView": {
+        "title": "Helpcentrum"
+    },
+    "incomingCall": {
+        "answer": "Beantwoorden",
+        "audioCallTitle": "Inkomende oproep",
+        "decline": "Negeren",
+        "productLabel": "vanuit Jitsi Meet",
+        "videoCallTitle": "Inkomende video-oproep"
+    },
+    "info": {
+        "accessibilityLabel": "Informatie weergeven",
+        "addPassword": "$t(lockRoomPasswordUppercase) toevoegen",
+        "cancelPassword": "$t(lockRoomPasswordUppercase) annuleren",
+        "conferenceURL": "Link:",
+        "copyNumber": "Kopieer nummer",
+        "country": "Land",
+        "dialANumber": "Om deel te nemen aan uw vergadering, belt u een van deze nummers en voert u vervolgens de pincode in.",
+        "dialInConferenceID": "Pincode:",
+        "dialInNotSupported": "Sorry, inbellen wordt momenteel niet ondersteund.",
+        "dialInNumber": "Inbellen:",
+        "dialInSummaryError": "Fout bij het ophalen van inbelgegevens. Probeer het later opnieuw.",
+        "dialInTollFree": "Gratis",
+        "genericError": "Oeps, er is iets misgegaan.",
+        "inviteLiveStream": "Om de livestream van deze vergadering te bekijken, klikt u op deze link: {{url}}",
+        "invitePhone": "Om deel te nemen via uw telefoon, tik hierop: {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Op zoek naar een ander inbelnummer?\nBekijk de inbelnummers voor de vergadering: {{url}}\n\n\nAls u ook inbelt via een conferentietelefoon, neem dan deel zonder audio: {{silentUrl}}",
+        "inviteURLFirstPartGeneral": "U bent uitgenodigd om aan een vergadering deel te nemen.",
+        "inviteURLFirstPartPersonal": "{{name}} nodigt u uit voor een vergadering.\n",
+        "inviteURLSecondPart": "\nDeelnemen aan de vergadering:\n{{url}}\n",
+        "label": "Vergaderingsgegevens",
+        "liveStreamURL": "Livestream:",
+        "moreNumbers": "Meer nummers",
+        "noNumbers": "Geen inbelnummers.",
+        "noPassword": "Geen",
+        "noRoom": "Er is geen ruimte opgegeven om naar in te bellen.",
+        "numbers": "Inbelnummers",
+        "password": "$t(lockRoomPasswordUppercase):",
+        "title": "Delen",
+        "tooltip": "De link en inbelgegevens voor deze vergadering delen"
+    },
+    "inlineDialogFailure": {
+        "msg": "Er is een fout opgetreden.",
+        "retry": "Opnieuw proberen",
+        "support": "Ondersteuning",
+        "supportMsg": "Als dit blijft gebeuren, neemt u contact op met"
+    },
+    "inviteDialog": {
+        "alertText": "Niet alle deelnemers zijn uitgenodigd.",
+        "header": "Uitnodigen",
+        "searchCallOnlyPlaceholder": "Voer telefoonnummer in",
+        "searchPeopleOnlyPlaceholder": "Zoek deelnemers",
+        "searchPlaceholder": "Deelnemer of telefoonnummer",
+        "send": "Verzenden"
+    },
+    "keyboardShortcuts": {
+        "focusLocal": "Focus op uw video",
+        "focusRemote": "Focus op de video van een andere persoon",
+        "fullScreen": "Volledig scherm weergeven of afsluiten",
+        "keyboardShortcuts": "Sneltoetsen",
+        "localRecording": "Besturingselementen voor lokale opnamen weergeven of verbergen",
+        "mute": "Uw microfoon dempen of het dempen opheffen",
+        "pushToTalk": "Druk om te spreken",
+        "raiseHand": "Uw hand opsteken of laten zakken",
+        "showSpeakerStats": "Sprekerstatistieken weergeven",
+        "toggleChat": "Chat openen of sluiten",
+        "toggleFilmstrip": "Videominiaturen weergeven of verbergen",
+        "toggleScreensharing": "Wisselen tussen camera en schermdeling",
+        "toggleShortcuts": "Sneltoetsen weergeven of verbergen",
+        "videoMute": "Uw camera aanzetten of uitzetten"
+    },
+    "largeVideo": {
+        "screenIsShared": "U deelt uw scherm",
+        "showMeWhatImSharing": "Laat me zien wat ik deel"
+    },
+    "liveStreaming": {
+        "busy": "Er wordt gewerkt aan het vrijmaken van streamingmiddelen. Probeer het over enkele minuten opnieuw.",
+        "busyTitle": "Alle streamers zijn momenteel bezet",
+        "changeSignIn": "Wissel van account.",
+        "choose": "Kies een livestream",
+        "chooseCTA": "Kies een streamingoptie. U bent momenteel aangemeld als {{email}}.",
+        "enterStreamKey": "Voer hier uw livestream-sleutel van YouTube in.",
+        "error": "Livestreamen is mislukt. Probeer het opnieuw.",
+        "errorAPI": "Er is een fout opgetreden tijdens het openen van uw YouTube-uitzendingen. Meld u opnieuw aan.",
+        "errorLiveStreamNotEnabled": "Livestreamen is niet ingeschakeld voor {{email}}. Schakel livestreamen in of meld u aan met een account waarbij livestreamen is ingeschakeld.",
+        "expandedOff": "De livestream is gestopt",
+        "expandedOn": "De vergadering wordt momenteel gestreamd naar YouTube.",
+        "expandedPending": "De livestream wordt gestart…",
+        "failedToStart": "Livestream starten mislukt",
+        "getStreamKeyManually": "Er konden geen livestreams opgehaald worden. Probeer uw livestream-sleutel van YouTube te krijgen.",
+        "googlePrivacyPolicy": "Privacybeleid Google",
+        "invalidStreamKey": "Livestream-sleutel is mogelijk onjuist.",
+        "limitNotificationDescriptionNative": "Uw stream zal beperkt worden tot {{limit}} min. Voor ongelimiteerd streamen, probeer {{app}}.",
+        "limitNotificationDescriptionWeb": "Vanwege een grote vraag zal uw stream beperkt worden tot {{limit}} min. Voor ongelimiteerd streamen, probeer <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "off": "Livestream gestopt",
+        "offBy": "{{name}} heeft de livestream gestopt.",
+        "on": "Livestream",
+        "onBy": "{{name}} heeft de livestream gestart.",
+        "pending": "Livestream starten…",
+        "serviceName": "Livestreamservice",
+        "signIn": "Aanmelden met Google",
+        "signInCTA": "Meld u aan of voer uw livestream-sleutel van YouTube in.",
+        "signOut": "Afmelden",
+        "signedInAs": "U bent momenteel aangemeld als:",
+        "start": "Een livestream starten",
+        "streamIdHelp": "Wat is dit?",
+        "title": "Livestream",
+        "unavailableTitle": "Livestreamen niet beschikbaar",
+        "youtubeTerms": "Servicevoorwaarden YouTube"
+    },
+    "lobby": {
+        "allow": "Toestaan",
+        "backToKnockModeButton": "Geen wachtwoord, vraag om deel te mogen nemen",
+        "dialogTitle": "Lobby-modus",
+        "disableDialogContent": "Lobby-modus is momenteel ingeschakeld. Deze functie zorgt ervoor dat ongewenste deelnemers niet aan uw vergadering kunnen deelnemen. Wilt u het uitschakelen?",
+        "disableDialogSubmit": "Uitschakelen",
+        "emailField": "Voer uw e-mailadres in",
+        "enableDialogPasswordField": "Stel wachtwoord in (optioneel)",
+        "enableDialogSubmit": "Inschakelen",
+        "enableDialogText": "Met de lobby-modus kunt u uw vergadering beveiligen, door deelnemers alleen toe te laten na een formele goedkeuring van een moderator.",
+        "enterPasswordButton": "Voer wachtwoord voor vergadering in",
+        "enterPasswordTitle": "Voer wachtwoord in om deel te nemen aan vergadering",
+        "errorMissingPassword": "Voer alstublieft het wachtwoord van de vergadering in",
+        "invalidPassword": "Ongeldig wachtwoord",
+        "joinRejectedMessage": "Uw verzoek tot deelname is afgewezen door een moderator.",
+        "joinRejectedTitle": "Verzoek tot deelname afgewezen",
+        "joinTitle": "Deelnemen aan vergadering",
+        "joinWithPasswordMessage": "Poging tot deelname met wachtwoord, even geduld a.u.b…",
+        "joiningMessage": "U neemt deel aan de vergadering zodra iemand uw verzoek accepteert",
+        "joiningTitle": "Vragen om deel te nemen aan vergadering…",
+        "joiningWithPasswordTitle": "Deelnemen met wachtwoord…",
+        "knockButton": "Vragen om deel te nemen",
+        "knockTitle": "Iemand wil deelnemen aan de vergadering",
+        "knockingParticipantList": "Lijst van aankloppende deelnemers",
+        "nameField": "Voer uw naam in",
+        "notificationLobbyAccessDenied": "{{targetParticipantName}} is afgewezen om deel te nemen door {{originParticipantName}}",
+        "notificationLobbyAccessGranted": "{{targetParticipantName}} is toegestaan om deel te nemen door {{originParticipantName}}",
+        "notificationLobbyDisabled": "Lobby is uitgeschakeld door {{originParticipantName}}",
+        "notificationLobbyEnabled": "Lobby is ingeschakeld door {{originParticipantName}}",
+        "notificationTitle": "Lobby",
+        "passwordField": "Voer wachtwoord voor vergadering in",
+        "passwordJoinButton": "Deelnemen",
+        "title": "Lobby",
+        "toggleLabel": "Lobby inschakelen"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Uit",
+            "on": "Aan",
+            "unknown": "Onbekend"
+        },
+        "dialogTitle": "Besturingselementen voor Lokale Opnamen",
+        "duration": "Duur",
+        "durationNA": "N.v.t.",
+        "encoding": "Codering",
+        "label": "LOO",
+        "labelToolTip": "Lokale opname is ingeschakeld",
+        "localRecording": "Lokale Opname",
+        "me": "Ik",
+        "messages": {
+            "engaged": "Lokale opname ingeschakeld.",
+            "finished": "Opnamesessie {{token}} is voltooid. Stuur het opnamebestand naar de moderator.",
+            "finishedModerator": "Opnamesessie {{token}} is voltooid. De opname van de lokale track is opgeslagen. Vraag de andere deelnemers om hun opnamen te verzenden.",
+            "notModerator": "U bent niet de moderator. U kunt geen lokale opnamen starten of stoppen."
+        },
+        "moderator": "Moderator",
+        "no": "Nee",
+        "participant": "Deelnemer",
+        "participantStats": "Deelnemerstatistieken",
+        "sessionToken": "Sessietoken",
+        "start": "Opname starten",
+        "stop": "Opname stoppen",
+        "yes": "Ja"
+    },
+    "lockRoomPassword": "wachtwoord",
+    "lockRoomPasswordUppercase": "Wachtwoord",
+    "lonelyMeetingExperience": {
+        "button": "Anderen uitnodigen",
+        "youAreAlone": "U bent de enige in de vergadering"
+    },
+    "me": "ik",
+    "notify": {
+        "OldElectronAPPTitle": "Beveiligingskwetsbaarheid!",
+        "allowAction": "Toestaan",
+        "allowedUnmute": "U kunt het dempen van uw microfoon opheffen, uw camera aanzetten of uw scherm delen.",
+        "audioUnmuteBlockedTitle": "Dempen opheffen is geblokkeerd!",
+        "chatMessages": "Chatberichten",
+        "connectedOneMember": "{{name}} neemt nu deel aan de vergadering",
+        "connectedThreePlusMembers": "{{name}} en {{count}} anderen nemen nu deel aan de vergadering",
+        "connectedTwoMembers": "{{first}} en {{second}} nemen nu deel aan de vergadering",
+        "disconnected": "verbinding verbroken",
+        "displayNotifications": "Toon meldingen voor",
+        "focus": "Focus van vergadering",
+        "focusFail": "{{component}} niet beschikbaar - probeer over {{ms}} sec. opnieuw",
+        "groupTitle": "Meldingen",
+        "hostAskedUnmute": "De moderator wil graag dat u spreekt",
+        "invitedOneMember": "{{name}} is uitgenodigd",
+        "invitedThreePlusMembers": "{{name}} en {{count}} anderen zijn uitgenodigd",
+        "invitedTwoMembers": "{{first}} en {{second}} zijn uitgenodigd",
+        "kickParticipant": "{{kicked}} is verwijderd door {{kicker}}",
+        "leftOneMember": "{{name}} heeft de vergadering verlaten",
+        "leftThreePlusMembers": "{{name}} en vele anderen hebben de vergadering verlaten",
+        "leftTwoMembers": "{{first}} en {{second}} hebben de vergadering verlaten",
+        "me": "Ik",
+        "moderationInEffectCSDescription": "Steek uw hand op als u uw scherm wilt delen.",
+        "moderationInEffectCSTitle": "Schermdelen is geblokkeerd door de moderator",
+        "moderationInEffectDescription": "Steek uw hand op als u wilt spreken.",
+        "moderationInEffectTitle": "Uw microfoon is gedempt door de moderator",
+        "moderationInEffectVideoDescription": "Steek uw hand op als u uw camera wilt aanzetten.",
+        "moderationInEffectVideoTitle": "Uw camera is geblokkeerd door de moderator",
+        "moderationRequestFromModerator": "De host vraagt u om dempen op te heffen",
+        "moderationRequestFromParticipant": "Wil graag spreken",
+        "moderator": "Moderatorrechten verleend!",
+        "muted": "U hebt het gesprek gedempt gestart.",
+        "mutedRemotelyDescription": "U kunt het dempen altijd opheffen wanneer u klaar bent om te spreken. Demp opnieuw wanneer u klaar bent, om ruis buiten de vergadering te houden.",
+        "mutedRemotelyTitle": "U bent gedempt door {{participantDisplayName}}!",
+        "mutedTitle": "U bent gedempt!",
+        "newDeviceAction": "Gebruik",
+        "newDeviceAudioTitle": "Nieuw audioapparaat gedetecteerd",
+        "newDeviceCameraTitle": "Nieuwe camera gedetecteerd",
+        "oldElectronClientDescription1": "Het lijkt erop dat u een oude versie van Jitsi Meet gebruikt, waarvan beveiligingskwetsbaarheden bekend zijn. Zorg ervoor dat u nu bijwerkt naar de ",
+        "oldElectronClientDescription2": "nieuwste versie",
+        "oldElectronClientDescription3": "!",
+        "participantWantsToJoin": "Wil deelnemen aan de vergadering",
+        "participantsWantToJoin": "Willen deelnemen aan de vergadering",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) verwijderd door een andere deelnemer",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) ingesteld door een ander deelnemer",
+        "raiseHandAction": "Hand opsteken",
+        "raisedHand": "{{name}} zou graag willen spreken.",
+        "raisedHands": "{{participantName}} en {{raisedHands}} meer mensen",
+        "reactionSounds": "Geluiden uitschakelen",
+        "reactionSoundsForAll": "Geluiden uitschakelen voor iedereen",
+        "somebody": "Iemand",
+        "startSilentDescription": "Neem opnieuw aan de vergadering deel om audio in te schakelen",
+        "startSilentTitle": "U neemt deel zonder audio-output!",
+        "suboptimalBrowserWarning": "Helaas zal uw vergaderervaring hier waarschijnlijk niet zo goed zijn. Er wordt geprobeerd dit in de toekomst te verbeteren, maar tot die tijd kunt u proberen een van de <a href='{{recommendedBrowserPageLink}}' target='_blank'>volledig ondersteunde browsers</a> te gebruiken.",
+        "suboptimalExperienceTitle": "Browserwaarschuwing",
+        "unmute": "Dempen opheffen",
+        "videoMutedRemotelyDescription": "U kan hem ten alle tijden weer aanzetten.",
+        "videoMutedRemotelyTitle": "Uw camera is uitgezet door {{participantDisplayName}}!",
+        "viewLobby": "Lobby bekijken",
+        "waitingParticipants": "{{waitingParticipants}} mensen"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "Toelaten",
+            "admitAll": "Allen toelaten",
+            "allow": "Sta deelnemers toe:",
+            "allowVideo": "Video toestaan",
+            "askUnmute": "Vragen om dempen op te heffen",
+            "audioModeration": "Voor henzelf dempen op te heffen",
+            "blockEveryoneMicCamera": "Blokkeer microfoon en camera van allen",
+            "invite": "Iemand uitnodigen",
+            "moreModerationActions": "Meer moderatoropties",
+            "moreModerationControls": "Meer moderatorinstellingen",
+            "moreParticipantOptions": "Meer deelnemeropties",
+            "mute": "Dempen",
+            "muteAll": "Allen dempen",
+            "muteEveryoneElse": "Alle anderen dempen",
+            "reject": "Afwijzen",
+            "stopEveryonesVideo": "Camera's van iedereen uitzetten",
+            "stopVideo": "Camera uitzetten",
+            "unblockEveryoneMicCamera": "Deblokkeer microfoon en camera van allen",
+            "videoModeration": "Hun camera aan te zetten"
+        },
+        "close": "Sluiten",
+        "headings": {
+            "lobby": "Lobby ({{count}})",
+            "participantsList": "Deelnemers aan vergadering ({{count}})",
+            "waitingLobby": "In de lobby aan het wachten ({{count}})"
+        },
+        "search": "Zoek deelnemers",
+        "title": "Deelnemers"
+    },
+    "passwordDigitsOnly": "Maximaal {{number}} cijfers",
+    "passwordSetRemotely": "ingesteld door een andere deelnemer",
+    "polls": {
+        "answer": {
+            "skip": "Sla over",
+            "submit": "Verzend"
+        },
+        "by": "Door {{ name }}",
+        "create": {
+            "addOption": "Voeg optie toe",
+            "answerPlaceholder": "Optie {{index}}",
+            "cancel": "Annuleer",
+            "create": "Creeër een peiling",
+            "pollOption": "Peiling optie {{index}}",
+            "pollQuestion": "Peiling vraag",
+            "questionPlaceholder": "Stel een vraag",
+            "removeOption": "Verwijder optie",
+            "send": "Verstuur"
+        },
+        "errors": {
+            "notUniqueOption": "Opties moeten uniek zijn"
+        },
+        "notification": {
+            "description": "Open het peilingen tabblad om te stemmen",
+            "title": "Een nieuwe peiling is aangemaakt in deze vergadering"
+        },
+        "results": {
+            "changeVote": "Verander stem",
+            "empty": "Er zijn nog geen peilingen in deze vergadering. Start hier een peiling!",
+            "hideDetailedResults": "Verberg details",
+            "showDetailedResults": "Toon details",
+            "vote": "Stem"
+        }
+    },
+    "poweredby": "mogelijk gemaakt door",
+    "prejoin": {
+        "audioAndVideoError": "Audio- en videofout:",
+        "audioDeviceProblem": "Er is een probleem met uw microfoon",
+        "audioOnlyError": "Audiofout:",
+        "audioTrackError": "Kon audiotrack niet aanmaken.",
+        "callMe": "Bel me",
+        "callMeAtNumber": "Bel me op dit nummer:",
+        "calling": "Bellen",
+        "configuringDevices": "Apparaten instellen…",
+        "connectedWithAudioQ": "Bent u verbonden met audio?",
+        "connection": {
+            "good": "Uw internetverbinding lijkt goed te zijn!",
+            "nonOptimal": "Uw internetverbinding is niet optimaal",
+            "poor": "Uw internetverbinding is slecht"
+        },
+        "copyAndShare": "Kopieer & deel link naar vergadering",
+        "dialInMeeting": "Inbellen naar de vergadering",
+        "dialInPin": "Inbellen naar de vergadering en pincode invoeren:",
+        "dialing": "Inbellen",
+        "doNotShow": "Laat dit niet meer zien",
+        "errorDialOut": "Kon niet bellen",
+        "errorDialOutDisconnected": "Kon niet bellen. Verbinding verbroken",
+        "errorDialOutFailed": "Kon niet bellen. Oproep is mislukt",
+        "errorDialOutStatus": "Fout bij ophalen belstatus",
+        "errorMissingName": "Voer alstublieft uw naam in om deel te nemen aan de vergadering",
+        "errorNoPermissions": "U moet toegang tot uw microfoon en camera inschakelen",
+        "errorStatusCode": "Fout bij bellen, statuscode: {{status}}",
+        "errorValidation": "Nummervalidatie mislukt",
+        "iWantToDialIn": "Ik wil inbellen",
+        "initiated": "Gesprek gestart",
+        "joinAudioByPhone": "Deelnemen met telefoonaudio",
+        "joinMeeting": "Deelnemen aan de vergadering",
+        "joinWithoutAudio": "Deelnemen zonder audio",
+        "keyboardShortcuts": "Sneltoetsen inschakelen",
+        "linkCopied": "Link gekopieerd naar klembord",
+        "lookGood": "Het klinkt alsof uw microfoon naar behoren werkt",
+        "or": "of",
+        "premeeting": "Voorbeeldscherm",
+        "screenSharingError": "Fout bij schermdeling:",
+        "startWithPhone": "Starten met telefoonaudio",
+        "videoOnlyError": "Videofout:",
+        "videoTrackError": "Kon videotrack niet aanmaken.",
+        "viewAllNumbers": "bekijk alle nummers"
+    },
+    "presenceStatus": {
+        "busy": "Bezet",
+        "calling": "Bellen…",
+        "connected": "Verbonden",
+        "connecting": "Verbinding maken…",
+        "connecting2": "Verbinding maken*…",
+        "disconnected": "Verbinding verbroken",
+        "expired": "Verlopen",
+        "ignored": "Genegeerd",
+        "initializingCall": "Oproep Starten…",
+        "invited": "Uitgenodigd",
+        "rejected": "Geweigerd",
+        "ringing": "Gaat over…"
+    },
+    "privacyView": {
+        "title": "Privacy"
+    },
+    "profile": {
+        "setDisplayNameLabel": "Uw weergavenaam instellen",
+        "setEmailInput": "Voer e-mailadres in",
+        "setEmailLabel": "Uw Gravatar e-mail instellen",
+        "title": "Profiel"
+    },
+    "raisedHand": "Zou graag willen spreken",
+    "recording": {
+        "authDropboxText": "Uploaden naar Dropbox",
+        "availableSpace": "Beschikbare ruimte: {{spaceLeft}} MB (circa {{duration}} minuten aan opname)",
+        "beta": "BÈTA",
+        "busy": "Er worden opnamemiddelen vrijgemaakt. Probeer het over enkele minuten opnieuw.",
+        "busyTitle": "Alle opnemers zijn momenteel bezet",
+        "error": "Opname is mislukt. Probeer het opnieuw.",
+        "expandedOff": "Opname is gestopt",
+        "expandedOn": "De vergadering wordt momenteel opgenomen.",
+        "expandedPending": "Opname wordt gestart…",
+        "failedToStart": "Opname starten mislukt",
+        "fileSharingdescription": "Opname delen met deelnemers aan vergadering",
+        "limitNotificationDescriptionNative": "Vanwege een grote vraag wordt uw opname beperkt tot {{limit}} min. Voor ongelimiteerde opnamen, probeer <3>{{app}}</3>.",
+        "limitNotificationDescriptionWeb": "Vanwege een grote vraag wordt uw opname beperkt tot {{limit}} min. Voor ongelimiteerde opnamen, probeer <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "live": "LIVE",
+        "loggedIn": "Aangemeld als {{userName}}",
+        "off": "Opname gestopt",
+        "offBy": "{{name}} heeft de opname gestopt",
+        "on": "Opnemen",
+        "onBy": "{{name}} heeft de opname gestart",
+        "pending": "Voorbereiden op opnemen van de vergadering…",
+        "rec": "OPN",
+        "serviceDescription": "Uw opname wordt opgeslagen door de opnameservice",
+        "serviceName": "Opnameservice",
+        "signIn": "Aanmelden",
+        "signOut": "Afmelden",
+        "title": "Opnemen",
+        "unavailable": "Oeps! {{serviceName}} is momenteel niet beschikbaar. Er wordt aan een oplossing gewerkt. Probeer het later opnieuw.",
+        "unavailableTitle": "Opname niet beschikbaar"
+    },
+    "screenshareDisplayName": "Scherm van {{name}}",
+    "sectionList": {
+        "pullToRefresh": "Naar beneden slepen om te vernieuwen"
+    },
+    "security": {
+        "about": "U kunt een $t(lockRoomPassword) toevoegen aan uw vergadering. Deelnemers moeten het $t(lockRoomPassword) opgeven voordat zij aan de vergadering mogen deelnemen.",
+        "aboutReadOnly": "Moderators kunnen een $t(lockRoomPassword) toevoegen aan de vergadering. Deelnemers moeten het $t(lockRoomPassword) opgeven voordat zij aan de vergadering mogen deelnemen.",
+        "insecureRoomNameWarning": "De naam van de ruimte is onveilig. Ongewenste deelnemers kunnen deelnemen aan uw vergadering. Overweeg uw vergadering te beveiligen via de beveiligingsknop.",
+        "title": "Beveiligingsopties"
+    },
+    "settings": {
+        "calendar": {
+            "about": "De agenda-integratie van {{appName}} wordt gebruikt voor een veilige toegang tot uw agenda, zodat het aankomende afspraken kan uitlezen.",
+            "disconnect": "Verbinding verbreken",
+            "microsoftSignIn": "Aanmelden met Microsoft",
+            "signedIn": "Agenda-afspraken voor {{email}} worden uitgelezen. Klik op de knop 'Verbinding verbreken' hieronder om de toegang tot agenda-afspraken te stoppen.",
+            "title": "Agenda"
+        },
+        "desktopShareFramerate": "Framesnelheid schermdeling",
+        "desktopShareHighFpsWarning": "Een hogere framesnelheid voor schermdeling kan invloed hebben op de bandbreedte. U moet het schermdelen opnieuw beginnen om de nieuwe instellingen toe te passen.",
+        "desktopShareWarning": "U moet het schermdelen opnieuw beginnen om de nieuwe instellingen toe te passen.",
+        "devices": "Apparaten",
+        "followMe": "Iedereen volgt mij",
+        "framesPerSecond": "beelden per seconde",
+        "incomingMessage": "Binnenkomend bericht",
+        "language": "Taal",
+        "loggedIn": "Aangemeld als {{name}}",
+        "microphones": "Microfoons",
+        "moderator": "Moderator",
+        "more": "Meer",
+        "name": "Naam",
+        "noDevice": "Geen",
+        "selectAudioOutput": "Audio-uitvoer",
+        "selectCamera": "Camera",
+        "selectMic": "Microfoon",
+        "selfView": "Eigen beeld",
+        "sounds": "Geluiden",
+        "speakers": "Speakers",
+        "startAudioMuted": "Iedereen start gedempt",
+        "startReactionsMuted": "Reactiegeluiden voor iedereen dempen",
+        "startVideoMuted": "Iedereen start verborgen",
+        "title": "Instellingen"
+    },
+    "settingsView": {
+        "advanced": "Geavanceerd",
+        "alertCancel": "Annuleren",
+        "alertOk": "OK",
+        "alertTitle": "Waarschuwing",
+        "alertURLText": "De ingevoerde server-URL is ongeldig",
+        "buildInfoSection": "Versiegegevens",
+        "conferenceSection": "Vergadering",
+        "disableCallIntegration": "Schakel inbellen via telefoon uit",
+        "disableCrashReporting": "Schakel crashrapportage uit",
+        "disableCrashReportingWarning": "Weet u zeker dat u crashrapportage wilt uitschakelen? De instelling wordt toegepast nadat u de app opnieuw hebt opgestart.",
+        "disableP2P": "Schakel Peer-to-Peer-modus uit",
+        "displayName": "Weergavenaam",
+        "email": "E‑mail",
+        "header": "Instellingen",
+        "profileSection": "Profiel",
+        "serverURL": "Server-URL",
+        "showAdvanced": "Geavanceerde instellingen weergeven",
+        "startWithAudioMuted": "Met audio gedempt starten",
+        "startWithVideoMuted": "Met video gedempt starten",
+        "version": "Versie"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nWilt u inbellen via uw telefoon?\n\n{{defaultDialInNumber}}Klik op deze link om de inbelnummers voor deze vergadering te zien\n{{dialInfoPageUrl}}",
+        "mainText": "Klik op de volgende link om deel te nemen aan de vergadering:\n{{roomUrl}}"
+    },
+    "speaker": "Spreker",
+    "speakerStats": {
+        "hours": "{{count}}u",
+        "minutes": "{{count}}m",
+        "name": "Naam",
+        "search": "Zoeken",
+        "searchHint": "Zoek deelnemers",
+        "seconds": "{{count}}s",
+        "speakerStats": "Sprekerstatistieken",
+        "speakerTime": "Sprekertijd"
+    },
+    "startupoverlay": {
+        "genericTitle": "De vergadering heeft toegang tot uw microfoon en camera nodig.",
+        "policyText": " ",
+        "title": "{{app}} heeft toegang tot uw microfoon en camera nodig."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Opnieuw deelnemen",
+        "text": "Druk op de knop <i>Opnieuw deelnemen</i> om opnieuw verbinding te maken.",
+        "title": "Uw videogesprek is onderbroken omdat deze computer op de slaapstand overging."
+    },
+    "toolbar": {
+        "Settings": "Instellingen",
+        "accessibilityLabel": {
+            "Settings": "Instellingen in- of uitschakelen",
+            "audioOnly": "Alleen audio in- of uitschakelen",
+            "audioRoute": "Het afspeelapparaat selecteren",
+            "breakoutRoom": "Neem deel aan/verlaat aparte vergaderruimte",
+            "callQuality": "Videokwaliteit beheren",
+            "cc": "Ondertiteling in- of uitschakelen",
+            "chat": "Chatvenster in- of uitschakelen",
+            "document": "Gedeeld document in- of uitschakelen",
+            "download": "Download onze apps",
+            "embedMeeting": "Vergadering embedden",
+            "endConference": "Vergadering voor iedereen beëindigen",
+            "feedback": "Feedback achterlaten",
+            "fullScreen": "Volledig scherm in- of uitschakelen",
+            "grantModerator": "Moderatorrechten verlenen",
+            "hangup": "Het gesprek verlaten",
+            "help": "Hulp",
+            "invite": "Personen uitnodigen",
+            "kick": "Deelnemer verwijderen",
+            "leaveConference": "Vergadering verlaten",
+            "lobbyButton": "Lobby-modus in- of uitschakelen",
+            "localRecording": "Besturingselementen voor lokale opname in- of uitschakelen",
+            "lockRoom": "Wachtwoord voor vergadering in- of uitschakelen",
+            "moreActions": "Meer acties menu in- of uitschakelen",
+            "moreActionsMenu": "Meer acties menu",
+            "moreOptions": "Meer opties weergeven",
+            "mute": "Audio dempen in- of uitschakelen",
+            "muteEveryone": "Iedereen dempen",
+            "muteEveryoneElse": "Alle anderen dempen",
+            "noiseSuppression": "Ruisonderdrukking",
+            "participants": "Deelnemers",
+            "pip": "Picture-in-Picture-modus in- of uitschakelen",
+            "privateMessage": "Verstuur privébericht",
+            "profile": "Uw profiel bewerken",
+            "raiseHand": "Hand opsteken in- of uitschakelen",
+            "recording": "Opnemen in- of uitschakelen",
+            "remoteMute": "Deelnemer dempen",
+            "remoteVideoMute": "Camera van deelnemer uitschakelen",
+            "security": "Beveiligingsopties",
+            "selectBackground": "Achtergrond selecteren",
+            "shareRoom": "Iemand uitnodigen",
+            "shareYourScreen": "Schermdeling in- of uitschakelen",
+            "shareaudio": "Audio delen",
+            "sharedvideo": "Video delen in- of uitschakelen",
+            "shortcuts": "Sneltoetsen in- of uitschakelen",
+            "show": "Op podium weergeven",
+            "speakerStats": "Sprekerstatistieken in- of uitschakelen",
+            "tileView": "Tegelweergave in- of uitschakelen",
+            "toggleCamera": "Camera wisselen",
+            "toggleFilmstrip": "Filmstrip in- of uitschakelen",
+            "videomute": "Video dempen in- of uitschakelen"
+        },
+        "addPeople": "Personen aan uw gesprek toevoegen",
+        "audioOnlyOff": "Lage bandbreedte-modus uitschakelen",
+        "audioOnlyOn": "Lage bandbreedte-modus inschakelen",
+        "audioRoute": "Het afspeelapparaat selecteren",
+        "audioSettings": "Audio-instellingen",
+        "authenticate": "Authenticeren",
+        "callQuality": "Videokwaliteit beheren",
+        "chat": "Chat openen / sluiten",
+        "closeChat": "Chat sluiten",
+        "closeReactionsMenu": "Reactiemenu sluiten",
+        "disableNoiseSuppression": "Ruisonderdrukking uitschakelen",
+        "disableReactionSounds": "U kunt reactiegeluiden uitschakelen voor deze vergadering",
+        "documentClose": "Gedeeld document sluiten",
+        "documentOpen": "Gedeeld document openen",
+        "download": "Download onze apps",
+        "e2ee": "Eind-tot-eind-versleuteling",
+        "embedMeeting": "Vergadering embedden",
+        "endConference": "Vergadering voor iedereen beëindigen",
+        "enterFullScreen": "Volledig scherm weergeven",
+        "enterTileView": "Tegelweergave openen",
+        "exitFullScreen": "Volledig scherm sluiten",
+        "exitTileView": "Tegelweergave sluiten",
+        "feedback": "Feedback achterlaten",
+        "hangup": "Verlaten",
+        "help": "Hulp",
+        "invite": "Personen uitnodigen",
+        "joinBreakoutRoom": "Deelnemen aan aparte vergaderruimte",
+        "leaveBreakoutRoom": "Aparte vergaderruimte verlaten",
+        "leaveConference": "Vergadering verlaten",
+        "lobbyButtonDisable": "Schakel lobby-modus uit",
+        "lobbyButtonEnable": "Schakel lobby-modus in",
+        "login": "Aanmelden",
+        "logout": "Afmelden",
+        "lowerYourHand": "Uw hand laten zakken",
+        "moreActions": "Meer acties",
+        "moreOptions": "Meer opties",
+        "mute": "Dempen / dempen opheffen",
+        "muteEveryone": "Iedereen dempen",
+        "muteEveryonesVideo": "Camera's van iedereen uitzetten",
+        "noAudioSignalDesc": "Als u niet met opzet hebt gedempt vanuit systeeminstellingen of hardware, overweeg dan van apparaat te wisselen.",
+        "noAudioSignalDescSuggestion": "Als u niet met opzet hebt gedempt vanuit systeeminstellingen of hardware, overweeg dan over te schakelen naar het gesuggereerde apparaat.",
+        "noAudioSignalDialInDesc": "U kunt ook inbellen met:",
+        "noAudioSignalDialInLinkDesc": "Inbelnummers",
+        "noAudioSignalTitle": "Er komt geen invoer van uw microfoon!",
+        "noiseSuppression": "Ruisonderdrukking",
+        "noisyAudioInputDesc": "Het klinkt alsof uw microfoon ruis veroorzaakt. Overweeg te dempen of van apparaat te wisselen.",
+        "noisyAudioInputTitle": "Uw microfoon lijkt ruis te veroorzaken!",
+        "openChat": "Chat openen",
+        "openReactionsMenu": "Reactiemenu openen",
+        "participants": "Deelnemers",
+        "pip": "Picture-in-Picture-modus activeren",
+        "privateMessage": "Verstuur privébericht",
+        "profile": "Uw profiel bewerken",
+        "raiseHand": "Uw hand opsteken / laten zakken",
+        "raiseYourHand": "Uw hand opsteken",
+        "security": "Beveiligingsopties",
+        "selectBackground": "Achtergrond selecteren",
+        "shareRoom": "Iemand uitnodigen",
+        "shareaudio": "Audio delen",
+        "sharedvideo": "Een video delen",
+        "shortcuts": "Sneltoetsen weergeven",
+        "speakerStats": "Sprekerstatistieken",
+        "startScreenSharing": "Schermdeling starten",
+        "startSubtitles": "Ondertiteling starten",
+        "stopScreenSharing": "Schermdeling stoppen",
+        "stopSharedVideo": "Video stoppen",
+        "stopSubtitles": "Ondertiteling stoppen",
+        "talkWhileMutedPopup": "Probeert u te spreken? U bent gedempt.",
+        "tileViewToggle": "Tegelweergave in- of uitschakelen",
+        "toggleCamera": "Camera wisselen",
+        "videoSettings": "Instellingen van camera",
+        "videomute": "Camera aanzetten / uitzetten"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Ondertiteling starten / stoppen",
+        "error": "Transcriberen is mislukt. Probeer het opnieuw.",
+        "expandedLabel": "Transcriberen is momenteel ingeschakeld",
+        "failedToStart": "Transcriberen starten mislukt",
+        "labelToolTip": "De vergadering wordt getranscribeerd",
+        "off": "Transcriberen gestopt",
+        "pending": "Voorbereiden op transcriberen van de vergadering…",
+        "start": "Weergave van ondertiteling starten",
+        "stop": "Weergave van ondertiteling stoppen",
+        "tr": "TR"
+    },
+    "userMedia": {
+        "grantPermissions": "Verleen toestemming om uw camera en microfoon te gebruiken."
+    },
+    "videoSIPGW": {
+        "busy": "Er worden middelen vrijgemaakt. Probeer het over enkele minuten opnieuw.",
+        "busyTitle": "De Ruimteservice is momenteel bezet",
+        "errorAlreadyInvited": "{{displayName}} is al uitgenodigd",
+        "errorInvite": "Vergadering nog niet tot stand gebracht. Probeer het later opnieuw.",
+        "errorInviteFailed": "Er wordt aan een oplossing gewerkt. Probeer het later opnieuw.",
+        "errorInviteFailedTitle": "Uitnodigen van {{displayName}} is mislukt",
+        "errorInviteTitle": "Fout bij uitnodigen ruimte",
+        "pending": "{{displayName}} is uitgenodigd"
+    },
+    "videoStatus": {
+        "adjustFor": "Aanpassen voor:",
+        "audioOnly": "AUD",
+        "audioOnlyExpanded": "U bent in lage bandbreedte-modus. In deze modus ontvangt u alleen audio en schermdeling.",
+        "bestPerformance": "Beste prestatie",
+        "callQuality": "Videokwaliteit",
+        "hd": "HD",
+        "hdTooltip": "U bekijkt video in hoge resolutie",
+        "highDefinition": "Hoge resolutie",
+        "highestQuality": "Hoogste kwaliteit",
+        "labelTooiltipNoVideo": "Geen video",
+        "labelTooltipAudioOnly": "Lage bandbreedte-modus ingeschakeld",
+        "ld": "LD",
+        "ldTooltip": "U bekijkt video in lage resolutie",
+        "lowDefinition": "Lage resolutie",
+        "performanceSettings": "Prestatie instellingen",
+        "sd": "SD",
+        "sdTooltip": "U bekijkt video in standaard resolutie",
+        "standardDefinition": "Standaard resolutie"
+    },
+    "videothumbnail": {
+        "connectionInfo": "Verbindingsinformatie",
+        "domute": "Dempen",
+        "domuteOthers": "Alle anderen dempen",
+        "domuteVideo": "Camera uitschakelen",
+        "domuteVideoOfOthers": "Camera van alle anderen uitschakelen",
+        "flip": "Omdraaien",
+        "grantModerator": "Moderatorrechten verlenen",
+        "hideSelfView": "Verberg eigen beeld",
+        "kick": "Verwijderen",
+        "moderator": "Moderator",
+        "mute": "Deelnemer is gedempt",
+        "muted": "Gedempt",
+        "remoteControl": "Extern beheer starten / stoppen",
+        "show": "Op podium weergeven",
+        "videoMuted": "Camera uitgeschakeld",
+        "videomute": "Deelnemer heeft de camera gestopt"
+    },
+    "virtualBackground": {
+        "addBackground": "Achtergrond toevoegen",
+        "apply": "Toepassen",
+        "blur": "Vervagen",
+        "none": "Geen",
+        "pleaseWait": "Even geduld a.u.b…",
+        "removeBackground": "Verwijder achtergrond",
+        "slightBlur": "Licht vervagen",
+        "title": "Achtergronden"
+    },
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Tik om deel te nemen",
+            "roomname": "Voer naam van ruimte in"
+        },
+        "appDescription": "U kunt nu videochatten met het gehele team. Nodig uit wie u maar wilt. {{app}} is een volledig versleutelde, 100% open-source oplossing voor videovergaderingen, die u wanneer u maar wilt gratis kunt gebruiken — zonder dat u een account nodig hebt.",
+        "audioVideoSwitch": {
+            "audio": "Spraak",
+            "video": "Video"
+        },
+        "calendar": "Agenda",
+        "connectCalendarButton": "Uw agenda koppelen",
+        "connectCalendarText": "Koppel uw agenda om al uw vergaderingen in {{app}} te bekijken. Voeg bovendien {{provider}}-vergaderingen toe aan uw agenda en start ze met één klik.",
+        "enterRoomTitle": "Een nieuwe vergadering starten",
+        "getHelp": "Hulp krijgen",
+        "go": "GAAN",
+        "goSmall": "GAAN",
+        "headerSubtitle": "Veilige vergaderingen van hoge kwaliteit",
+        "headerTitle": "Jitsi Meet",
+        "info": "Informatie",
+        "jitsiOnMobile": "Jitsi op de mobiele telefoon - download onze apps en start overal een vergadering",
+        "join": "AANMAKEN / DEELNEMEN",
+        "moderatedMessage": "Of <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">boek een vergadering URL</a> van tevoren waar u de enige moderator bent.",
+        "privacy": "Privacy",
+        "recentList": "Recent",
+        "recentListDelete": "Verwijderen",
+        "recentListEmpty": "Uw recent lijst is momenteel leeg. Wanneer u chat met uw team, vindt u hier al uw recente vergaderingen.",
+        "reducedUIText": "Welkom in {{app}}!",
+        "roomNameAllowedChars": "Naam van vergadering mag geen van deze tekens bevatten: ?, &, :, ', \", %, #.",
+        "roomname": "Voer naam van ruimte in",
+        "roomnameHint": "Voer de naam of URL in van de ruimte die u wilt betreden. U kunt een naam verzinnen, maar laat deze wel weten aan de andere deelnemers, zodat zij dezelfde naam invoeren.",
+        "sendFeedback": "Feedback versturen",
+        "startMeeting": "Vergadering starten",
+        "terms": "Voorwaarden",
+        "title": "Veilige, volledig uitgeruste en geheel gratis videovergaderingen"
+    }
+}
diff --git a/lang/main-no.json b/lang/main-no.json
new file mode 100644
index 0000000..4aa731e
--- /dev/null
+++ b/lang/main-no.json
@@ -0,0 +1,1583 @@
+{
+    "addPeople": {
+        "accessibilityLabel": {
+            "meetingLink": "møtelink: {{url}}"
+        },
+        "add": "Inviter",
+        "addContacts": "Inviter dine kontakter",
+        "contacts": "kontakter",
+        "copyInvite": "Kopier møteinvitasjon",
+        "copyLink": "Kopier møtelink",
+        "copyStream": "Kopier direktesending-lenke",
+        "countryNotSupported": "Vi støtter ikke denne destinasjonen ennå.",
+        "countryReminder": "Ringer du utenfor USA? Vennligst sørg for å starte med landskoden!",
+        "defaultEmail": "Din standard e-post",
+        "disabled": "Du kan ikke invitere folk.",
+        "failedToAdd": "Kunne ikke legge til deltakere",
+        "googleEmail": "Google e-post",
+        "inviteMoreHeader": "Du er den eneste i møtet",
+        "inviteMoreMailSubject": "Bli med i{{appName}} møtet",
+        "inviteMorePrompt": "Inviter flere personer",
+        "linkCopied": "Lenke kopiert til utklippstavlen",
+        "noResults": "Ingen treff på søket",
+        "outlookEmail": "Outlook e-post",
+        "phoneNumbers": "telefonnumre",
+        "searching": "Søker…",
+        "shareInvite": "Del møteinvitasjon",
+        "shareLink": "Del møtelinken for å invitere andre",
+        "shareStream": "Del direktesending-lenken",
+        "sipAddresses": "SIP-adresser",
+        "telephone": "Telefon: {{number}}",
+        "title": "Inviter folk til dette møtet",
+        "yahooEmail": "Yahoo e-post"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "car": "Lyd i bil",
+        "headphones": "Hodetelefoner",
+        "none": "Lydutstyr ikke tilgjengelig",
+        "phone": "Telefon",
+        "speaker": "Høyttaler"
+    },
+    "audioOnly": {
+        "audioOnly": "Lav båndbredde"
+    },
+    "bandwidthSettings": {
+        "assumedBandwidthBps": "f.eks. 10000000 for 10 Mbps",
+        "assumedBandwidthBpsWarning": "Høyere verdier kan forårsake nettverksproblemer.",
+        "customValue": "Egendefinert verdi",
+        "customValueEffect": "For å sette den faktiske bps-verdien",
+        "leaveEmpty": "La stå tomt",
+        "leaveEmptyEffect": "For å tillate at estimater blir gjort",
+        "possibleValues": "Mulige verdier",
+        "setAssumedBandwidthBps": "Antatt båndbredde (bps)",
+        "title": "Båndbreddeinnstillinger",
+        "zeroEffect": "For å deaktivere video"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "Legg til grupperom",
+            "autoAssign": "Automatisk tildeling til grupperom",
+            "close": "Lukk",
+            "join": "Bli med",
+            "leaveBreakoutRoom": "Forlat grupperom",
+            "more": "Mer",
+            "remove": "Fjern",
+            "rename": "Gi nytt navn",
+            "renameBreakoutRoom": "Gi nytt navn til grupperom",
+            "sendToBreakoutRoom": "Send deltaker til:"
+        },
+        "breakoutList": "Grupperomsliste",
+        "buttonLabel": "Grupperom",
+        "defaultName": "Grupperom #{{index}}",
+        "hideParticipantList": "Skjul deltakerliste",
+        "mainRoom": "Hovedrom",
+        "notifications": {
+            "joined": "Bli med i \"{{name}}\" grupperom",
+            "joinedMainRoom": "Bli med i hovedrom",
+            "joinedTitle": "Grupperom"
+        },
+        "showParticipantList": "Vis deltakerliste",
+        "title": "Grupperom"
+    },
+    "calendarSync": {
+        "addMeetingURL": "Legg til en møtelenke",
+        "confirmAddLink": "Vil du legge til en Jitsi-lenke til denne hendelsen?",
+        "error": {
+            "appConfiguration": "Kalenderintegrasjonen er ikke riktig konfigurert.",
+            "generic": "En feil har oppstått. Sjekk kalenderinnstillingene dine eller prøv å oppdatere kalenderen.",
+            "notSignedIn": "En feil oppstod under autentisering for å se kalenderhendelser. Sjekk kalenderinnstillingene dine og prøv å logge inn igjen."
+        },
+        "join": "Bli med",
+        "joinTooltip": "Bli med i møtet",
+        "nextMeeting": "Neste møte",
+        "noEvents": "Det er ingen planlagte kommende hendelser.",
+        "ongoingMeeting": "Pågående møte",
+        "permissionButton": "Åpne innstillinger",
+        "permissionMessage": "Kalendertillatelse er nødvendig for å se møtene dine i appen.",
+        "refresh": "Oppdater kalender",
+        "today": "I dag"
+    },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "Velg lydenhet"
+        },
+        "labels": {
+            "buttonLabel": "Bilmodus",
+            "title": "Bilmodus",
+            "videoStopped": "Videoen din er stoppet"
+        }
+    },
+    "chat": {
+        "enter": "Gå inn i rommet",
+        "error": "Feil: meldingen din ble ikke sendt. Årsak: {{error}}",
+        "fieldPlaceHolder": "Aa",
+        "lobbyChatMessageTo": "Lobby-chatmelding til {{recipient}}",
+        "message": "Melding",
+        "messageAccessibleTitle": "{{user}} sier:",
+        "messageAccessibleTitleMe": "jeg sier:",
+        "messageTo": "Privat melding til {{recipient}}",
+        "messagebox": "Skriv en melding",
+        "newMessages": "Nye meldinger",
+        "nickname": {
+            "popover": "Velg et kallenavn",
+            "title": "Skriv inn et kallenavn for å bruke chatten",
+            "titleWithPolls": "Skriv inn et kallenavn for å bruke chatten og avstemninger"
+        },
+        "noMessagesMessage": "Det er ingen meldinger i møtet ennå. Start en samtale her!",
+        "privateNotice": "Privat melding til {{recipient}}",
+        "sendButton": "Send",
+        "smileysPanel": "Emoji-panel",
+        "systemDisplayName": "System",
+        "tabs": {
+            "chat": "Chat",
+            "polls": "Avstemninger"
+        },
+        "title": "Chat",
+        "titleWithPolls": "Chat og avstemninger",
+        "you": "du"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Installer Chrome-utvidelse",
+        "buttonTextEdge": "Installer Edge-utvidelse",
+        "close": "Lukk",
+        "dontShowAgain": "Ikke vis dette igjen",
+        "installExtensionText": "Installer utvidelsen for integrasjon med Google Kalender og Office 365"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Kobler deg til møtet…"
+    },
+    "connection": {
+        "ATTACHED": "Tilkoblet",
+        "AUTHENTICATING": "Autentiserer",
+        "AUTHFAIL": "Autentisering mislyktes",
+        "CONNECTED": "Tilkoblet",
+        "CONNECTING": "Kobler til",
+        "CONNFAIL": "Tilkobling mislyktes",
+        "DISCONNECTED": "Frakoblet",
+        "DISCONNECTING": "Kobler fra",
+        "ERROR": "Feil",
+        "FETCH_SESSION_ID": "Henter sesjons-ID…",
+        "GET_SESSION_ID_ERROR": "Feil ved henting av sesjons-ID: {{code}}",
+        "GOT_SESSION_ID": "Henting av sesjons-ID fullført",
+        "LOW_BANDWIDTH": "Videoen til {{displayName}} er slått av for å spare båndbredde"
+    },
+    "connectionindicator": {
+        "address": "Adresse:",
+        "audio_ssrc": "Audio SSRC:",
+        "bandwidth": "Estimert båndbredde:",
+        "bitrate": "Bithastighet:",
+        "bridgeCount": "Antall servere: ",
+        "codecs": "Kodeker (A/V): ",
+        "connectedTo": "Tilkoblet til:",
+        "e2eeVerified": "E2EE verifisert:",
+        "framerate": "Bildefrekvens:",
+        "less": "Vis mindre",
+        "localaddress": "Lokal adresse:",
+        "localaddress_plural": "Lokale adresser:",
+        "localport": "Lokal port:",
+        "localport_plural": "Lokale porter:",
+        "maxEnabledResolution": "send maks",
+        "more": "Vis mer",
+        "no": "nei",
+        "packetloss": "Pakktap:",
+        "participant_id": "Deltaker-ID:",
+        "quality": {
+            "good": "Bra",
+            "inactive": "Inaktiv",
+            "lost": "Tapt",
+            "nonoptimal": "Ikke optimal",
+            "poor": "Dårlig"
+        },
+        "remoteaddress": "Ekstern adresse:",
+        "remoteaddress_plural": "Eksterne adresser:",
+        "remoteport": "Ekstern port:",
+        "remoteport_plural": "Eksterne porter:",
+        "resolution": "Oppløsning:",
+        "savelogs": "Lagre logger",
+        "status": "Tilkobling:",
+        "transport": "Transport:",
+        "transport_plural": "Transporter:",
+        "video_ssrc": "Video SSRC:",
+        "yes": "ja"
+    },
+    "dateUtils": {
+        "earlier": "Tidligere",
+        "today": "I dag",
+        "yesterday": "I går"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Du trenger mobilappen {{app}} for å bli med i dette møtet på telefonen.",
+        "description": "Ingenting skjedde? Vi prøvde å starte møtet ditt i {{app}} skrivebordsappen. Prøv igjen eller åpne det i {{app}} nettappen.",
+        "descriptionNew": "Ingenting skjedde? Vi prøvde å starte møtet ditt i {{app}} skrivebordsappen. <br /><br /> Du kan prøve igjen eller åpne det i nettleseren.",
+        "descriptionWithoutWeb": "Ingenting skjedde? Vi prøvde å starte møtet ditt i {{app}} skrivebordsappen.",
+        "downloadApp": "Last ned appen",
+        "downloadMobileApp": "Last ned fra App Store",
+        "ifDoNotHaveApp": "Hvis du ikke har appen ennå:",
+        "ifHaveApp": "Hvis du allerede har appen:",
+        "joinInApp": "Bli med i dette møtet ved å bruke appen",
+        "joinInAppNew": "Bli med i appen",
+        "joinInBrowser": "Bli med i nettleseren",
+        "launchMeetingLabel": "Hvordan vil du bli med i dette møtet?",
+        "launchWebButton": "Start i nettleseren",
+        "noDesktopApp": "Har du ikke appen?",
+        "noMobileApp": "Har du ikke appen?",
+        "or": "ELLER",
+        "termsAndConditions": "Ved å fortsette godtar du våre <a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'>vilkår og betingelser.</a>",
+        "title": "Starter møtet ditt i {{app}}…",
+        "titleNew": "Starter møtet ditt…",
+        "tryAgainButton": "Prøv igjen på skrivebordet",
+        "unsupportedBrowser": "Det ser ut som om du bruker en nettleser vi ikke støtter."
+    },
+    "defaultLink": "f.eks. {{url}}",
+    "defaultNickname": "f.eks. Jane Pink",
+    "deviceError": {
+        "cameraError": "Kunne ikke få tilgang til kameraet ditt",
+        "cameraPermission": "Feil ved innhenting av kameratilgang",
+        "microphoneError": "Kunne ikke få tilgang til mikrofonen din",
+        "microphonePermission": "Feil ved innhenting av mikrofontillatelse"
+    },
+    "deviceSelection": {
+        "hid": {
+            "callControl": "Samtalekontroll",
+            "connectedDevices": "Tilkoblede enheter:",
+            "deleteDevice": "Slett enhet",
+            "pairDevice": "Koble til enhet"
+        },
+        "noPermission": "Tillatelse ikke gitt",
+        "previewUnavailable": "Forhåndsvisning ikke tilgjengelig",
+        "selectADevice": "Velg en enhet",
+        "testAudio": "Test"
+    },
+    "dialIn": {
+        "screenTitle": "Sammendrag av innringing"
+    },
+    "dialOut": {
+        "statusMessage": "er nå {{status}}"
+    },
+    "dialog": {
+        "Back": "Tilbake",
+        "Cancel": "Avbryt",
+        "IamHost": "Logg inn",
+        "Ok": "OK",
+        "Remove": "Fjern",
+        "Share": "Del",
+        "Submit": "Send inn",
+        "WaitForHostMsg": "Konferansen har ikke startet ennå fordi ingen moderatorer har ankommet. Hvis du vil bli moderator, vennligst logg inn. Ellers, vennligst vent.",
+        "WaitForHostNoAuthMsg": "Konferansen har ikke startet ennå fordi ingen moderatorer har ankommet. Vennligst vent.",
+        "WaitingForHostButton": "Vent på moderator",
+        "WaitingForHostTitle": "Venter på en moderator…",
+        "Yes": "Ja",
+        "accessibilityLabel": {
+            "Cancel": "Avbryt (forlat dialog)",
+            "Ok": "OK (lagre og forlat dialog)",
+            "close": "Lukk dialog",
+            "liveStreaming": "Direktesending",
+            "sharingTabs": "Delingsalternativer"
+        },
+        "add": "Legg til",
+        "addMeetingNote": "Legg til en notat om dette møtet",
+        "addOptionalNote": "Legg til en notat (valgfritt):",
+        "allow": "Tillat",
+        "allowToggleCameraDialog": "Tillater du at {{initiatorName}} bytter kameramodus?",
+        "allowToggleCameraTitle": "Tillat bytte av kamera?",
+        "alreadySharedVideoMsg": "En annen deltaker deler allerede en video. Denne konferansen tillater kun én delt video om gangen.",
+        "alreadySharedVideoTitle": "Kun én delt video er tillatt om gangen",
+        "applicationWindow": "Programvindu",
+        "authenticationRequired": "Autentisering kreves",
+        "cameraConstraintFailedError": "Kameraet ditt oppfyller ikke noen av de nødvendige kravene.",
+        "cameraNotFoundError": "Kamera ble ikke funnet.",
+        "cameraNotSendingData": "Vi kan ikke få tilgang til kameraet ditt. Sjekk om en annen applikasjon bruker denne enheten, velg en annen enhet i innstillingene eller prøv å laste inn applikasjonen på nytt.",
+        "cameraNotSendingDataTitle": "Kan ikke få tilgang til kameraet",
+        "cameraPermissionDeniedError": "Du har ikke gitt tillatelse til å bruke kameraet ditt. Du kan fortsatt bli med i konferansen, men andre vil ikke se deg. Bruk kameraknappen i adressefeltet for å fikse dette.",
+        "cameraTimeoutError": "Kunne ikke starte videokilden. Tidsavbrudd oppstod!",
+        "cameraUnknownError": "Kan ikke bruke kameraet av en ukjent grunn.",
+        "cameraUnsupportedResolutionError": "Kameraet ditt støtter ikke den nødvendige videooppløsningen.",
+        "close": "Lukk",
+        "conferenceDisconnectMsg": "Sjekk nettverkstilkoblingen din. Prøver å koble til igjen om {{seconds}} sekunder…",
+        "conferenceDisconnectTitle": "Du har blitt frakoblet.",
+        "conferenceReloadMsg": "Vi prøver å fikse dette. Prøver å koble til igjen om {{seconds}} sekunder…",
+        "conferenceReloadTitle": "Dessverre oppstod det en feil.",
+        "confirm": "Bekreft",
+        "confirmNo": "Nei",
+        "confirmYes": "Ja",
+        "connectError": "Oops! Noe gikk galt, og vi kunne ikke koble til konferansen.",
+        "connectErrorWithMsg": "Oops! Noe gikk galt, og vi kunne ikke koble til konferansen: {{msg}}",
+        "connecting": "Kobler til",
+        "contactSupport": "Kontakt brukerstøtte",
+        "copied": "Kopiert",
+        "copy": "Kopier",
+        "demoteParticipantDialog": "Er du sikker på at du vil flytte denne deltakeren til seer?",
+        "demoteParticipantTitle": "Flytt til seer",
+        "dismiss": "Avvis",
+        "displayNameRequired": "Hei! Hva heter du?",
+        "done": "Ferdig",
+        "e2eeDescription": "Ende-til-ende-kryptering er for øyeblikket EKSPERIMENTELL. Husk at aktivering av ende-til-ende-kryptering vil deaktivere serverbaserte tjenester som for eksempel telefon-deltakelse. Husk også at møtet kun vil fungere for brukere som deltar fra nettlesere som støtter innsettbare strømmer.",
+        "e2eeDisabledDueToMaxModeDescription": "Kan ikke aktivere ende-til-ende-kryptering på grunn av et stort antall deltakere i konferansen.",
+        "e2eeLabel": "Aktiver ende-til-ende-kryptering",
+        "e2eeWarning": "ADVARSEL: Ikke alle deltakere i dette møtet ser ut til å støtte ende-til-ende-kryptering. Hvis du aktiverer det, vil de verken kunne se eller høre deg.",
+        "e2eeWillDisableDueToMaxModeDescription": "ADVARSEL: Ende-til-ende-kryptering vil automatisk bli deaktivert hvis flere deltakere blir med i konferansen.",
+        "embedMeeting": "Bygg inn møte",
+        "enterDisplayName": "Skriv inn navnet ditt",
+        "error": "Feil",
+        "errorRoomCreationRestriction": "Du prøvde å bli med for raskt, vennligst prøv igjen om litt.",
+        "gracefulShutdown": "Tjenesten vår er for øyeblikket nede for vedlikehold. Prøv igjen senere.",
+        "grantModeratorDialog": "Er du sikker på at du vil gi moderatorrettigheter til {{participantName}}?",
+        "grantModeratorTitle": "Gi moderatorrettigheter",
+        "hide": "Skjul",
+        "hideShareAudioHelper": "Ikke vis denne dialogen igjen",
+        "incorrectPassword": "Feil brukernavn eller passord",
+        "incorrectRoomLockPassword": "Feil passord",
+        "internalError": "Oops! Noe gikk galt. Følgende feil oppstod: {{error}}",
+        "internalErrorTitle": "Intern feil",
+        "kickMessage": "Du kan kontakte {{participantDisplayName}} for mer informasjon.",
+        "kickParticipantButton": "Fjern",
+        "kickParticipantDialog": "Er du sikker på at du vil fjerne denne deltakeren?",
+        "kickParticipantTitle": "Fjern denne deltakeren?",
+        "kickSystemTitle": "Oi! Du ble kastet ut av møtet",
+        "kickTitle": "Oi! {{participantDisplayName}} kastet deg ut av møtet",
+        "linkMeeting": "Koble møte",
+        "linkMeetingTitle": "Koble møtet til Salesforce",
+        "liveStreaming": "Direktesending",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "Ikke mulig mens opptak er aktivt",
+        "localUserControls": "Lokale brukerkontroller",
+        "lockMessage": "Kunne ikke låse konferansen.",
+        "lockRoom": "Legg til møtets $t(lockRoomPassword)",
+        "lockTitle": "Låsing mislyktes",
+        "login": "Logg inn",
+        "loginQuestion": "Er du sikker på at du vil logge inn og forlate konferansen?",
+        "logoutQuestion": "Er du sikker på at du vil logge ut og forlate konferansen?",
+        "logoutTitle": "Logg ut",
+        "maxUsersLimitReached": "Grensen for maksimalt antall deltakere er nådd. Konferansen er full. Vennligst kontakt møtearrangøren eller prøv igjen senere!",
+        "maxUsersLimitReachedTitle": "Maksimalt deltakerantall nådd",
+        "micConstraintFailedError": "Mikrofonen din oppfyller ikke noen av de nødvendige kravene.",
+        "micNotFoundError": "Mikrofonen ble ikke funnet.",
+        "micNotSendingData": "Gå til datamaskinens innstillinger for å slå på mikrofonen og justere nivået",
+        "micNotSendingDataTitle": "Mikrofonen din er dempet av systeminnstillingene",
+        "micPermissionDeniedError": "Du har ikke gitt tillatelse til å bruke mikrofonen din. Du kan fortsatt delta i konferansen, men andre vil ikke høre deg. Bruk kameraknappen i adressefeltet for å fikse dette.",
+        "micTimeoutError": "Kunne ikke starte lydkilden. Tidsavbrudd oppstod!",
+        "micUnknownError": "Kan ikke bruke mikrofonen av en ukjent grunn.",
+        "moderationAudioLabel": "Tillat deltakere å slå på lyden selv",
+        "moderationVideoLabel": "Tillat deltakere å starte videoen sin",
+        "muteEveryoneDialog": "Deltakerne kan slå på lyden sin når som helst.",
+        "muteEveryoneDialogModerationOn": "Deltakerne kan sende en forespørsel om å få snakke når som helst.",
+        "muteEveryoneElseDialog": "Når de er dempet, kan du ikke slå på lyden for dem, men de kan gjøre det selv når som helst.",
+        "muteEveryoneElseTitle": "Demp alle unntatt {{whom}}?",
+        "muteEveryoneElsesVideoDialog": "Når kameraet er deaktivert, kan du ikke slå det på igjen, men deltakerne kan gjøre det selv når som helst.",
+        "muteEveryoneElsesVideoTitle": "Stopp alles video unntatt {{whom}}?",
+        "muteEveryoneSelf": "deg selv",
+        "muteEveryoneStartMuted": "Alle starter dempet fra nå av",
+        "muteEveryoneTitle": "Demp alle?",
+        "muteEveryonesVideoDialog": "Deltakerne kan slå på videoen sin når som helst.",
+        "muteEveryonesVideoDialogModerationOn": "Deltakerne kan sende en forespørsel om å slå på videoen når som helst.",
+        "muteEveryonesVideoDialogOk": "Deaktiver",
+        "muteEveryonesVideoTitle": "Stopp alles video?",
+        "muteParticipantBody": "Du kan ikke slå på lyden for dem, men de kan gjøre det selv når som helst.",
+        "muteParticipantButton": "Demp",
+        "muteParticipantsVideoBody": "Du vil ikke kunne slå på kameraet igjen, men de kan gjøre det selv når som helst.",
+        "muteParticipantsVideoBodyModerationOn": "Du vil ikke kunne slå på kameraet igjen, og det vil heller ikke de.",
+        "muteParticipantsVideoButton": "Stopp video",
+        "muteParticipantsVideoDialog": "Er du sikker på at du vil slå av kameraet til denne deltakeren? Du vil ikke kunne slå det på igjen, men deltakeren kan gjøre det selv når som helst.",
+        "muteParticipantsVideoDialogModerationOn": "Er du sikker på at du vil slå av kameraet til denne deltakeren? Du vil ikke kunne slå det på igjen, og det vil heller ikke de.",
+        "muteParticipantsVideoTitle": "Deaktiver kameraet til denne deltakeren?",
+        "noDropboxToken": "Ingen gyldig Dropbox-token",
+        "password": "Passord",
+        "passwordLabel": "Møtet har blitt låst av en deltaker. Vennligst skriv inn $t(lockRoomPassword) for å bli med.",
+        "passwordNotSupported": "Å angi et møte $t(lockRoomPassword) støttes ikke.",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) støttes ikke",
+        "passwordRequired": "$t(lockRoomPasswordUppercase) kreves",
+        "permissionCameraRequiredError": "Kameratilgang er nødvendig for å delta i videokonferanser. Vennligst gi tillatelse i Innstillinger",
+        "permissionErrorTitle": "Tillatelse kreves",
+        "permissionMicRequiredError": "Mikrofontilgang er nødvendig for å delta i lydkonferanser. Vennligst gi tillatelse i Innstillinger",
+        "readMore": "mer",
+        "recentlyUsedObjects": "Dine nylig brukte objekter",
+        "recording": "Opptak",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "Ikke mulig mens direktesending er aktiv",
+        "rejoinNow": "Bli med igjen nå",
+        "remoteControlAllowedMessage": "{{user}} godtok forespørselen din om fjernkontroll!",
+        "remoteControlDeniedMessage": "{{user}} avslo forespørselen din om fjernkontroll!",
+        "remoteControlErrorMessage": "En feil oppstod da vi prøvde å be om fjernkontrolltillatelser fra {{user}}!",
+        "remoteControlRequestMessage": "Vil du tillate at {{user}} fjernstyrer skrivebordet ditt?",
+        "remoteControlShareScreenWarning": "Merk at hvis du trykker \"Tillat\", vil du dele skjermen din!",
+        "remoteControlStopMessage": "Fjernkontrolløkten ble avsluttet!",
+        "remoteControlTitle": "Fjernstyring av skrivebord",
+        "remoteUserControls": "Fjernbrukerkontroller for {{username}}",
+        "removePassword": "Fjern $t(lockRoomPassword)",
+        "removeSharedVideoMsg": "Er du sikker på at du vil fjerne den delte videoen din?",
+        "removeSharedVideoTitle": "Fjern delt video",
+        "renameBreakoutRoomLabel": "Romnavn",
+        "renameBreakoutRoomTitle": "Gi nytt navn til grupperom",
+        "reservationError": "Feil i reservasjonsystemet",
+        "reservationErrorMsg": "Feilkode: {{code}}, melding: {{msg}}",
+        "retry": "Prøv igjen",
+        "screenSharingAudio": "Del lyd",
+        "screenSharingFailed": "Oops! Noe gikk galt, vi kunne ikke starte skjermdeling!",
+        "screenSharingFailedTitle": "Skjermdeling mislyktes!",
+        "screenSharingPermissionDeniedError": "Oops! Noe gikk galt med skjermdelingstillatelsene dine. Vennligst last inn siden på nytt og prøv igjen.",
+        "searchInSalesforce": "Søk i Salesforce",
+        "searchResults": "Søkeresultater ({{count}})",
+        "searchResultsDetailsError": "Noe gikk galt ved henting av eierdata.",
+        "searchResultsError": "Noe gikk galt ved henting av data.",
+        "searchResultsNotFound": "Ingen søkeresultater funnet.",
+        "searchResultsTryAgain": "Prøv med alternative søkeord.",
+        "sendPrivateMessage": "Du har nylig mottatt en privat melding. Ønsker du å svare privat, eller vil du sende meldingen til gruppen?",
+        "sendPrivateMessageCancel": "Send til gruppen",
+        "sendPrivateMessageOk": "Send privat",
+        "sendPrivateMessageTitle": "Send privat?",
+        "serviceUnavailable": "Tjenesten er utilgjengelig",
+        "sessTerminated": "Samtale avsluttet",
+        "sessTerminatedReason": "Møtet har blitt avsluttet",
+        "sessionRestarted": "Samtalen ble startet på nytt på grunn av en tilkoblingsfeil.",
+        "shareAudio": "Fortsett",
+        "shareAudioAltText": "For å dele ønsket innhold, gå til \"Nettleserfane\", velg innholdet, aktiver \"del lyd\"-avkrysningsboksen og klikk deretter på \"del\"-knappen",
+        "shareAudioTitle": "Hvordan dele lyd",
+        "shareAudioWarningD1": "Du må stoppe skjermdelingen før du deler lyden din.",
+        "shareAudioWarningD2": "Du må starte skjermdelingen på nytt og velge \"del lyd\"-alternativet.",
+        "shareAudioWarningH1": "Hvis du bare vil dele lyd:",
+        "shareAudioWarningTitle": "Du må stoppe skjermdelingen før du kan dele lyd",
+        "shareMediaWarningGenericH2": "Hvis du vil dele både skjermen og lyden",
+        "shareScreenWarningD1": "Du må stoppe lyddelingen før du deler skjermen din.",
+        "shareScreenWarningD2": "Du må stoppe lyddelingen, starte skjermdelingen på nytt og velge \"del lyd\"-alternativet.",
+        "shareScreenWarningH1": "Hvis du bare vil dele skjermen din:",
+        "shareScreenWarningTitle": "Du må stoppe lyddelingen før du kan dele skjermen",
+        "shareVideoConfirmPlay": "Du er i ferd med å åpne et eksternt nettsted. Vil du fortsette?",
+        "shareVideoConfirmPlayTitle": "{{name}} har delt en video med deg.",
+        "shareVideoLinkError": "Oops, denne videoen kan ikke spilles av.",
+        "shareVideoLinkStopped": "Videoen fra {{name}} ble stoppet.",
+        "shareVideoTitle": "Del video",
+        "shareYourScreen": "Del skjermen din",
+        "shareYourScreenDisabled": "Skjermdeling deaktivert.",
+        "sharedVideoDialogError": "Feil: Ugyldig eller forbudt URL",
+        "sharedVideoLinkPlaceholder": "YouTube-lenke eller direkte videolenke",
+        "show": "Vis",
+        "start": "Start ",
+        "startLiveStreaming": "Start direktesending",
+        "startRecording": "Start opptak",
+        "startRemoteControlErrorMessage": "En feil oppstod ved forsøk på å starte fjernkontrolløkten!",
+        "stopLiveStreaming": "Stopp direktesending",
+        "stopRecording": "Stopp opptak",
+        "stopRecordingWarning": "Er du sikker på at du vil stoppe opptaket?",
+        "stopStreamingWarning": "Er du sikker på at du vil stoppe direktesendingen?",
+        "streamKey": "Nøkkel for direktesending",
+        "thankYou": "Takk for at du bruker {{appName}}!",
+        "token": "token",
+        "tokenAuthFailed": "Beklager, du har ikke tillatelse til å bli med i denne samtalen.",
+        "tokenAuthFailedReason": {
+            "audInvalid": "Ugyldig `aud`-verdi. Den skal være `jitsi`.",
+            "contextNotFound": "`context`-objektet mangler i nyttelasten.",
+            "expInvalid": "Ugyldig `exp`-verdi.",
+            "featureInvalid": "Ugyldig funksjon: {{feature}}, sannsynligvis ikke implementert ennå.",
+            "featureValueInvalid": "Ugyldig verdi for funksjon: {{feature}}.",
+            "featuresNotFound": "`features`-objektet mangler i nyttelasten.",
+            "headerNotFound": "Mangler header.",
+            "issInvalid": "Ugyldig `iss`-verdi. Den skal være `chat`.",
+            "kidMismatch": "Nøkkel-ID (kid) samsvarer ikke med sub.",
+            "kidNotFound": "Mangler nøkkel-ID (kid).",
+            "nbfFuture": "`nbf`-verdien er i fremtiden.",
+            "nbfInvalid": "Ugyldig `nbf`-verdi.",
+            "payloadNotFound": "Mangler nyttelasten.",
+            "tokenExpired": "Tokenet er utløpt."
+        },
+        "tokenAuthFailedTitle": "Autentisering mislyktes",
+        "tokenAuthFailedWithReasons": "Beklager, du har ikke tillatelse til å bli med i denne samtalen. Mulige årsaker: {{reason}}",
+        "tokenAuthUnsupported": "Token-URL støttes ikke.",
+        "transcribing": "Transkriberer",
+        "unlockRoom": "Fjern møte $t(lockRoomPassword)",
+        "user": "Bruker",
+        "userIdentifier": "Brukeridentifikator",
+        "userPassword": "Brukerpassord",
+        "verifyParticipantConfirm": "De samsvarer",
+        "verifyParticipantDismiss": "De samsvarer ikke",
+        "verifyParticipantQuestion": "EKSPERIMENTELL: Spør deltaker {{participantName}} om de ser det samme innholdet, i samme rekkefølge.",
+        "verifyParticipantTitle": "Brukerverifisering",
+        "videoLink": "Videolenke",
+        "viewUpgradeOptions": "Se oppgraderingsalternativer",
+        "viewUpgradeOptionsContent": "For å få ubegrenset tilgang til premiumfunksjoner som opptak, transkripsjoner, RTMP-streaming og mer, må du oppgradere planen din.",
+        "viewUpgradeOptionsTitle": "Du har oppdaget en premiumfunksjon!",
+        "whiteboardLimitContent": "Beklager, grensen for samtidige brukere av whiteboard er nådd.",
+        "whiteboardLimitReference": "For mer informasjon, besøk",
+        "whiteboardLimitReferenceUrl": "vår nettside",
+        "whiteboardLimitTitle": "Begrenset tilgang til whiteboard",
+        "yourEntireScreen": "Hele skjermen din"
+    },
+    "documentSharing": {
+        "title": "Delt dokument"
+    },
+    "e2ee": {
+        "labelToolTip": "Lyd- og videokommunikasjon i denne samtalen er ende-til-ende-kryptert"
+    },
+    "embedMeeting": {
+        "title": "Bygg inn dette møtet"
+    },
+    "feedback": {
+        "accessibilityLabel": {
+            "yourChoice": "Ditt valg: {{rating}}"
+        },
+        "average": "Gjennomsnittlig",
+        "bad": "Dårlig",
+        "detailsLabel": "Fortell oss mer om det.",
+        "good": "Bra",
+        "rateExperience": "Vurder møteopplevelsen din",
+        "star": "Stjerne",
+        "veryBad": "Veldig dårlig",
+        "veryGood": "Veldig bra"
+    },
+    "filmstrip": {
+        "accessibilityLabel": {
+            "heading": "Videominiatyrer"
+        }
+    },
+    "giphy": {
+        "noResults": "Ingen resultater funnet :(",
+        "search": "Søk i GIPHY"
+    },
+    "incomingCall": {
+        "answer": "Svar",
+        "audioCallTitle": "Innkommende anrop",
+        "decline": "Avvis",
+        "productLabel": "fra Jitsi Meet",
+        "videoCallTitle": "Innkommende videoanrop"
+    },
+    "info": {
+        "accessibilityLabel": "Vis info",
+        "addPassword": "Legg til $t(lockRoomPassword)",
+        "cancelPassword": "Avbryt $t(lockRoomPassword)",
+        "conferenceURL": "Lenke:",
+        "copyNumber": "Kopier nummer",
+        "country": "Land",
+        "dialANumber": "For å bli med i møtet, ring et av disse numrene og tast deretter inn PIN-koden.",
+        "dialInConferenceID": "PIN-kode:",
+        "dialInNotSupported": "Beklager, innringing støttes for øyeblikket ikke.",
+        "dialInNumber": "Innringingsnummer:",
+        "dialInSummaryError": "Feil ved henting av innringingsinformasjon. Vennligst prøv igjen senere.",
+        "dialInTollFree": "Gratisnummer",
+        "genericError": "Oops, noe gikk galt.",
+        "inviteLiveStream": "For å se direktesendingen av dette møtet, klikk denne lenken: {{url}}",
+        "invitePhone": "For å bli med via telefon, trykk her: {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Leter du etter et annet innringingsnummer?\nSe listen over innringingsnumre: {{url}}\n\n\nHvis du også ringer inn via en romtelefon, bli med uten å koble til lyd: {{silentUrl}}",
+        "inviteSipEndpoint": "For å bli med via SIP-adresse, tast inn denne: {{sipUri}}",
+        "inviteTextiOSInviteUrl": "Klikk på følgende lenke for å bli med: {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "Hvis du ringer inn via en romtelefon, bruk denne lenken for å bli med uten å koble til lyd: {{silentUrl}}.",
+        "inviteTextiOSPersonal": "{{name}} inviterer deg til et møte.",
+        "inviteTextiOSPhone": "For å bli med via telefon, bruk dette nummeret: {{number}},,{{conferenceID}}#. Hvis du trenger et annet nummer, finner du hele listen her: {{didUrl}}.",
+        "inviteURLFirstPartGeneral": "Du er invitert til å bli med i et møte.",
+        "inviteURLFirstPartPersonal": "{{name}} inviterer deg til et møte.\n",
+        "inviteURLSecondPart": "\nBli med i møtet:\n{{url}}\n",
+        "label": "Innringingsinformasjon",
+        "liveStreamURL": "Direktesendingslenke:",
+        "moreNumbers": "Flere numre",
+        "noNumbers": "Ingen innringingsnumre.",
+        "noPassword": "Ingen",
+        "noRoom": "Ingen rom ble spesifisert for innringing.",
+        "noWhiteboard": "Kunne ikke laste inn whiteboard.",
+        "numbers": "Innringingsnumre",
+        "password": "$t(lockRoomPasswordUppercase): ",
+        "reachedLimit": "Du har nådd grensen for planen din.",
+        "sip": "SIP-adresse",
+        "sipAudioOnly": "SIP-lydadresse",
+        "title": "Del",
+        "tooltip": "Del lenke og innringingsinformasjon for dette møtet",
+        "upgradeOptions": "Vennligst sjekk oppgraderingsalternativene på",
+        "whiteboardError": "Feil ved lasting av whiteboard. Vennligst prøv igjen senere."
+    },
+    "inlineDialogFailure": {
+        "msg": "Vi støtte på et problem.",
+        "retry": "Prøv igjen",
+        "support": "Brukerstøtte",
+        "supportMsg": "Hvis dette fortsetter å skje, ta kontakt med"
+    },
+    "inviteDialog": {
+        "alertText": "Kunne ikke invitere noen deltakere.",
+        "header": "Inviter",
+        "searchCallOnlyPlaceholder": "Skriv inn telefonnummer",
+        "searchPeopleOnlyPlaceholder": "Søk etter deltakere",
+        "searchPlaceholder": "Deltaker eller telefonnummer",
+        "send": "Send"
+    },
+    "jitsiHome": "{{logo}} Logo, lenker til Hjemmeside",
+    "keyboardShortcuts": {
+        "focusLocal": "Fokuser på din video",
+        "focusRemote": "Fokuser på en annen persons video",
+        "fullScreen": "Vis eller avslutt fullskjerm",
+        "giphyMenu": "Vis eller skjul GIPHY-menyen",
+        "keyboardShortcuts": "Hurtigtaster",
+        "localRecording": "Vis eller skjul kontroller for lokal opptak",
+        "mute": "Demp eller slå på mikrofonen din",
+        "pushToTalk": "Trykk for å snakke",
+        "raiseHand": "Rekk opp eller ta ned hånden",
+        "showSpeakerStats": "Vis deltakerstatistikk",
+        "toggleChat": "Åpne eller lukk chatten",
+        "toggleFilmstrip": "Vis eller skjul videominiatyrer",
+        "toggleParticipantsPane": "Vis eller skjul deltakerlisten",
+        "toggleScreensharing": "Bytt mellom kamera og skjermdeling",
+        "toggleShortcuts": "Vis eller skjul hurtigtaster",
+        "videoMute": "Start eller stopp kameraet ditt"
+    },
+    "largeVideo": {
+        "screenIsShared": "Du deler skjermen din",
+        "showMeWhatImSharing": "Vis meg hva jeg deler"
+    },
+    "liveStreaming": {
+        "busy": "Vi jobber med å frigjøre strømmeressurser. Vennligst prøv igjen om noen minutter.",
+        "busyTitle": "Alle strømmere er for øyeblikket opptatt",
+        "changeSignIn": "Bytt konto.",
+        "choose": "Velg en direktesending",
+        "chooseCTA": "Velg et strømmealternativ. Du er for øyeblikket logget inn som {{email}}.",
+        "enterStreamKey": "Skriv inn YouTube-strømmenøkkelen din her.",
+        "error": "Direktesending mislyktes. Vennligst prøv igjen.",
+        "errorAPI": "En feil oppstod ved tilgang til YouTube-sendingene dine. Prøv å logge inn igjen.",
+        "errorLiveStreamNotEnabled": "Direktesending er ikke aktivert på {{email}}. Aktiver direktesending eller logg inn på en konto med direktesending aktivert.",
+        "expandedOff": "Direktesendingen har stoppet",
+        "expandedOn": "Møtet kringkastes for øyeblikket direkte",
+        "expandedPending": "Direktesendingen starter…",
+        "failedToStart": "Kunne ikke starte direktesending",
+        "getStreamKeyManually": "Vi kunne ikke hente noen direktesendinger. Prøv å hente strømmenøkkelen din fra YouTube.",
+        "googlePrivacyPolicy": "Googles personvernpolicy",
+        "inProgress": "Opptak eller direktesending pågår",
+        "invalidStreamKey": "Strømmenøkkelen kan være feil.",
+        "limitNotificationDescriptionNative": "Direktesendingen din vil være begrenset til {{limit}} min. For ubegrenset strømming, prøv {{app}}.",
+        "limitNotificationDescriptionWeb": "På grunn av høy etterspørsel vil direktesendingen din være begrenset til {{limit}} min. For ubegrenset strømming, prøv <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "off": "Direktesending stoppet",
+        "offBy": "{{name}} stoppet direktesendingen",
+        "on": "Direktesending startet",
+        "onBy": "{{name}} startet direktesendingen",
+        "pending": "Starter direktesending…",
+        "policyError": "Du prøvde å starte en direktesending for raskt. Vennligst prøv igjen senere!",
+        "serviceName": "Direktesendingstjeneste",
+        "sessionAlreadyActive": "Denne økten blir allerede tatt opp eller direktesendt.",
+        "signIn": "Logg inn med Google",
+        "signInCTA": "Logg inn eller skriv inn YouTube-strømmenøkkelen din.",
+        "signOut": "Logg ut",
+        "signedInAs": "Du er for øyeblikket logget inn som:",
+        "start": "Start en direktesending",
+        "streamIdHelp": "Hva er dette?",
+        "title": "Direktesending",
+        "unavailableTitle": "Direktesending utilgjengelig",
+        "youtubeTerms": "YouTubes vilkår for bruk"
+    },
+    "lobby": {
+        "backToKnockModeButton": "Be om å bli med",
+        "chat": "Chat",
+        "dialogTitle": "Lobby-modus",
+        "disableDialogContent": "Lobby-modus er for øyeblikket aktivert. Denne funksjonen sikrer at uønskede deltakere ikke kan bli med i møtet. Vil du deaktivere den?",
+        "disableDialogSubmit": "Deaktiver",
+        "emailField": "Skriv inn e-postadressen din",
+        "enableDialogPasswordField": "Sett passord (valgfritt)",
+        "enableDialogSubmit": "Aktiver",
+        "enableDialogText": "Lobby-modus lar deg beskytte møtet ved kun å tillate personer å bli med etter godkjenning fra en moderator.",
+        "enterPasswordButton": "Skriv inn møtepassord",
+        "enterPasswordTitle": "Skriv inn passord for å bli med i møtet",
+        "errorMissingPassword": "Vennligst skriv inn møtepassordet",
+        "invalidPassword": "Ugyldig passord",
+        "joinRejectedMessage": "Forespørselen din om å bli med ble avvist av en moderator.",
+        "joinRejectedTitle": "Forespørsel om å bli med avvist.",
+        "joinTitle": "Bli med i møtet",
+        "joinWithPasswordMessage": "Prøver å bli med med passord, vennligst vent…",
+        "joiningMessage": "Du blir med i møtet så snart noen godkjenner forespørselen din",
+        "joiningTitle": "Ber om å bli med i møtet…",
+        "joiningWithPasswordTitle": "Bli med med passord…",
+        "knockButton": "Be om å bli med",
+        "knockTitle": "Noen ønsker å bli med i møtet",
+        "knockingParticipantList": "Liste over deltakere som venter",
+        "lobbyChatStartedNotification": "{{moderator}} startet en lobby-chat med {{attendee}}",
+        "lobbyChatStartedTitle": "{{moderator}} har startet en lobby-chat med deg.",
+        "lobbyClosed": "Lobby-rommet har blitt stengt.",
+        "nameField": "Skriv inn navnet ditt",
+        "notificationLobbyAccessDenied": "{{targetParticipantName}} har blitt avvist av {{originParticipantName}}",
+        "notificationLobbyAccessGranted": "{{targetParticipantName}} har fått tilgang av {{originParticipantName}}",
+        "notificationLobbyDisabled": "Lobby har blitt deaktivert av {{originParticipantName}}",
+        "notificationLobbyEnabled": "Lobby har blitt aktivert av {{originParticipantName}}",
+        "notificationTitle": "Lobby",
+        "passwordJoinButton": "Bli med",
+        "title": "Lobby",
+        "toggleLabel": "Aktiver lobby"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Av",
+            "on": "På",
+            "unknown": "Ukjent"
+        },
+        "dialogTitle": "Kontroller for lokal opptak",
+        "duration": "Varighet",
+        "durationNA": "Ikke tilgjengelig",
+        "encoding": "Koding",
+        "label": "LOR",
+        "labelToolTip": "Lokalt opptak er aktivert",
+        "localRecording": "Lokalt opptak",
+        "me": "Meg",
+        "messages": {
+            "engaged": "Lokalt opptak er aktivert.",
+            "finished": "Opptaksøkt {{token}} er fullført. Vennligst send den innspilte filen til moderator.",
+            "finishedModerator": "Opptaksøkt {{token}} er fullført. Opptaket av det lokale sporet er lagret. Vennligst be de andre deltakerne om å sende inn sine opptak.",
+            "notModerator": "Du er ikke moderator. Du kan ikke starte eller stoppe lokalt opptak."
+        },
+        "moderator": "Moderator",
+        "no": "Nei",
+        "participant": "Deltaker",
+        "participantStats": "Deltakerstatistikk",
+        "selectTabTitle": "🎥 Velg denne fanen for opptak",
+        "sessionToken": "Økt-token",
+        "start": "Start opptak",
+        "stop": "Stopp opptak",
+        "stopping": "Stopper opptak",
+        "wait": "Vennligst vent mens vi lagrer opptaket ditt",
+        "yes": "Ja"
+    },
+    "lockRoomPassword": "passord",
+    "lockRoomPasswordUppercase": "Passord",
+    "lonelyMeetingExperience": {
+        "button": "Inviter andre",
+        "youAreAlone": "Du er den eneste i møtet"
+    },
+    "me": "meg",
+    "notify": {
+        "OldElectronAPPTitle": "Sikkerhetssårbarhet!",
+        "allowAction": "Tillat",
+        "allowedUnmute": "Du kan slå på mikrofonen, starte kameraet eller dele skjermen din.",
+        "audioUnmuteBlockedDescription": "Slå på mikrofonen er midlertidig blokkert på grunn av systembegrensninger.",
+        "audioUnmuteBlockedTitle": "Mikrofonaktivering blokkert!",
+        "chatMessages": "Chatmeldinger",
+        "connectedOneMember": "{{name}} ble med i møtet",
+        "connectedThreePlusMembers": "{{name}} og mange andre ble med i møtet",
+        "connectedTwoMembers": "{{first}} og {{second}} ble med i møtet",
+        "connectionFailed": "Tilkobling mislyktes. Vennligst prøv igjen senere!",
+        "dataChannelClosed": "Videokvaliteten kan være svekket",
+        "dataChannelClosedDescription": "Brokkanalen er nede, og dermed kan videokvaliteten være begrenset til laveste innstilling.",
+        "dataChannelClosedDescriptionWithAudio": "Brokkanalen er nede, og dermed kan det oppstå forstyrrelser i lyd og video.",
+        "dataChannelClosedWithAudio": "Lyd- og videokvaliteten kan være svekket",
+        "disabledIframe": "Innebygging er kun ment for demonstrasjonsformål, så denne samtalen vil kobles fra om {{timeout}} minutter.",
+        "disabledIframeSecondary": "Innebygging av {{domain}} er kun ment for demonstrasjonsformål, så denne samtalen vil kobles fra om {{timeout}} minutter. Vennligst bruk <a href='{{jaasDomain}}' rel='noopener noreferrer' target='_blank'>Jitsi as a Service</a> for innebygging i produksjon!",
+        "disconnected": "frakoblet",
+        "displayNotifications": "Vis varsler for",
+        "dontRemindMe": "Ikke minn meg på dette",
+        "focus": "Konferansefokus",
+        "focusFail": "{{component}} ikke tilgjengelig - prøver igjen om {{ms}} sek",
+        "gifsMenu": "GIPHY",
+        "groupTitle": "Varsler",
+        "hostAskedUnmute": "Moderator ønsker at du skal snakke",
+        "invalidTenant": "Ugyldig leietaker",
+        "invalidTenantHyphenDescription": "Leietakeren du bruker er ugyldig (starter eller slutter med '-').",
+        "invalidTenantLengthDescription": "Leietakeren du bruker er for lang.",
+        "invitedOneMember": "{{name}} har blitt invitert",
+        "invitedThreePlusMembers": "{{name}} og {{count}} andre har blitt invitert",
+        "invitedTwoMembers": "{{first}} og {{second}} har blitt invitert",
+        "joinMeeting": "Bli med",
+        "kickParticipant": "{{kicked}} ble kastet ut av {{kicker}}",
+        "leftOneMember": "{{name}} forlot møtet",
+        "leftThreePlusMembers": "{{name}} og mange andre forlot møtet",
+        "leftTwoMembers": "{{first}} og {{second}} forlot møtet",
+        "linkToSalesforce": "Koble til Salesforce",
+        "linkToSalesforceDescription": "Du kan knytte møtereferatet til et Salesforce-objekt.",
+        "linkToSalesforceError": "Kunne ikke koble møtet til Salesforce",
+        "linkToSalesforceKey": "Koble dette møtet",
+        "linkToSalesforceProgress": "Kobler møtet til Salesforce…",
+        "linkToSalesforceSuccess": "Møtet ble koblet til Salesforce",
+        "localRecordingStarted": "{{name}} har startet et lokalt opptak.",
+        "localRecordingStopped": "{{name}} har stoppet et lokalt opptak.",
+        "me": "Meg",
+        "moderationInEffectCSDescription": "Vennligst rekke opp hånden hvis du vil dele skjermen din.",
+        "moderationInEffectCSTitle": "Skjermdeling er blokkert av moderator",
+        "moderationInEffectDescription": "Vennligst rekke opp hånden hvis du vil snakke.",
+        "moderationInEffectTitle": "Mikrofonen din er dempet av moderator",
+        "moderationInEffectVideoDescription": "Vennligst rekke opp hånden hvis du vil starte kameraet ditt.",
+        "moderationInEffectVideoTitle": "Kameraet ditt er blokkert av moderator",
+        "moderationRequestFromModerator": "Verten ønsker at du slår på lyden",
+        "moderationRequestFromParticipant": "Ønsker å snakke",
+        "moderationStartedTitle": "Moderasjon startet",
+        "moderationStoppedTitle": "Moderasjon stoppet",
+        "moderationToggleDescription": "av {{participantDisplayName}}",
+        "moderator": "Du er nå moderator",
+        "muted": "Du har startet samtalen dempet.",
+        "mutedRemotelyDescription": "Du kan alltid slå på lyden når du er klar til å snakke. Demp igjen når du er ferdig for å redusere støy i møtet.",
+        "mutedRemotelyTitle": "Du har blitt dempet av {{participantDisplayName}}",
+        "mutedTitle": "Du er dempet!",
+        "newDeviceAction": "Bruk",
+        "newDeviceAudioTitle": "Ny lydenhet oppdaget",
+        "newDeviceCameraTitle": "Nytt kamera oppdaget",
+        "nextToSpeak": "Du er nestemann til å snakke",
+        "noiseSuppressionDesktopAudioDescription": "Ekstra støydemping kan ikke aktiveres mens du deler skrivebordets lyd. Deaktiver det og prøv igjen.",
+        "noiseSuppressionFailedTitle": "Kunne ikke starte ekstra støydemping",
+        "noiseSuppressionStereoDescription": "Ekstra støydemping støttes foreløpig ikke med stereolyd.",
+        "oldElectronClientDescription1": "Det ser ut til at du bruker en gammel versjon av Jitsi Meet-klienten som har kjente sikkerhetsproblemer. Vennligst oppdater til vår ",
+        "oldElectronClientDescription2": "nyeste versjon",
+        "oldElectronClientDescription3": " nå!",
+        "participantWantsToJoin": "Ønsker å bli med i møtet",
+        "participantsWantToJoin": "Ønsker å bli med i møtet",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) fjernet av en annen deltaker",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) satt av en annen deltaker",
+        "raiseHandAction": "Rekk opp hånden",
+        "raisedHand": "Ønsker å snakke.",
+        "raisedHands": "{{participantName}} og {{raisedHands}} flere personer",
+        "reactionSounds": "Deaktiver lyder",
+        "reactionSoundsForAll": "Deaktiver lyder for alle",
+        "screenShareNoAudio": "Del lyd-boksen ble ikke valgt i vindusvalget.",
+        "screenShareNoAudioTitle": "Kunne ikke dele systemlyd!",
+        "screenSharingAudioOnlyDescription": "Vær oppmerksom på at ved å dele skjermen påvirker du \"Beste ytelse\"-modusen, og du vil bruke mer båndbredde.",
+        "screenSharingAudioOnlyTitle": "\"Beste ytelse\"-modus",
+        "selfViewTitle": "Du kan alltid vise selvvisningen igjen fra innstillingene",
+        "somebody": "Noen",
+        "startSilentDescription": "Bli med i møtet på nytt for å aktivere lyd",
+        "startSilentTitle": "Du ble med uten lydutgang!",
+        "suboptimalBrowserWarning": "Vi er redd møteopplevelsen din ikke blir optimal her. Vi jobber med forbedringer, men inntil videre kan du prøve en av de <a href='{{recommendedBrowserPageLink}}' target='_blank'>fullt støttede nettleserne</a>.",
+        "suboptimalExperienceTitle": "Nettleseradvarsel",
+        "suggestRecordingAction": "Start",
+        "suggestRecordingDescription": "Vil du starte et opptak?",
+        "suggestRecordingTitle": "Ta opp dette møtet",
+        "unmute": "Slå på lyden",
+        "videoMutedRemotelyDescription": "Du kan alltid slå det på igjen.",
+        "videoMutedRemotelyTitle": "Videoen din har blitt slått av av {{participantDisplayName}}",
+        "videoUnmuteBlockedDescription": "Aktivering av kamera og skjermdeling har blitt midlertidig blokkert på grunn av systembegrensninger.",
+        "videoUnmuteBlockedTitle": "Aktivering av kamera og skjermdeling blokkert!",
+        "viewLobby": "Vis lobby",
+        "viewParticipants": "Vis deltakere",
+        "viewVisitors": "Vis seere",
+        "waitingParticipants": "{{waitingParticipants}} personer",
+        "waitingVisitors": "Seere som venter i kø: {{waitingVisitors}}",
+        "waitingVisitorsTitle": "Møtet er ikke live ennå!",
+        "whiteboardLimitDescription": "Vennligst lagre fremgangen din, siden brukergrensen snart blir nådd og whiteboardet vil lukkes.",
+        "whiteboardLimitTitle": "Bruk av whiteboard"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "Godkjenn",
+            "admitAll": "Godkjenn alle",
+            "allow": "Tillat deltakere å:",
+            "allowVideo": "Tillat video",
+            "askUnmute": "Be om å slå på lyden",
+            "audioModeration": "Slå på lyden selv",
+            "blockEveryoneMicCamera": "Blokker alles mikrofon og kamera",
+            "breakoutRooms": "Grupperom",
+            "goLive": "Gå live",
+            "invite": "Inviter noen",
+            "lowerAllHands": "Senk alle hender",
+            "lowerHand": "Senk hånden",
+            "moreModerationActions": "Flere moderasjonsalternativer",
+            "moreModerationControls": "Flere moderasjonskontroller",
+            "moreParticipantOptions": "Flere deltakeralternativer",
+            "mute": "Demp",
+            "muteAll": "Demp alle",
+            "muteEveryoneElse": "Demp alle andre",
+            "reject": "Avvis",
+            "stopEveryonesVideo": "Stopp alles video",
+            "stopVideo": "Stopp video",
+            "unblockEveryoneMicCamera": "Fjern blokkering av alles mikrofon og kamera",
+            "videoModeration": "Starte videoen sin"
+        },
+        "close": "Lukk",
+        "headings": {
+            "lobby": "Lobby ({{count}})",
+            "participantsList": "Møtedeltakere ({{count}})",
+            "visitorInQueue": " (venter {{count}})",
+            "visitorRequests": " (forespørsler {{count}})",
+            "visitors": "Seere {{count}}",
+            "waitingLobby": "Venter i lobbyen ({{count}})"
+        },
+        "search": "Søk etter deltakere",
+        "title": "Deltakere"
+    },
+    "passwordDigitsOnly": "Opptil {{number}} sifre",
+    "passwordSetRemotely": "Satt av en annen deltaker",
+    "pinParticipant": "{{participantName}} - Fest",
+    "pinnedParticipant": "Deltakeren er festet",
+    "polls": {
+        "answer": {
+            "edit": "Rediger",
+            "send": "Send",
+            "skip": "Hopp over",
+            "submit": "Send inn"
+        },
+        "by": "Av {{ name }}",
+        "closeButton": "Lukk avstemning",
+        "create": {
+            "addOption": "Legg til alternativ",
+            "answerPlaceholder": "Alternativ {{index}}",
+            "cancel": "Avbryt",
+            "create": "Opprett en avstemning",
+            "pollOption": "Avstemningsalternativ {{index}}",
+            "pollQuestion": "Avstemningsspørsmål",
+            "questionPlaceholder": "Still et spørsmål",
+            "removeOption": "Fjern alternativ",
+            "save": "Lagre",
+            "send": "Send"
+        },
+        "errors": {
+            "notUniqueOption": "Alternativene må være unike"
+        },
+        "notification": {
+            "description": "Åpne avstemningsfanen for å stemme",
+            "title": "En ny avstemning ble lagt til i dette møtet"
+        },
+        "results": {
+            "changeVote": "Endre stemme",
+            "empty": "Det er ingen avstemninger i møtet ennå. Start en avstemning her!",
+            "hideDetailedResults": "Skjul detaljer",
+            "showDetailedResults": "Vis detaljer",
+            "vote": "Stem"
+        }
+    },
+    "poweredby": "drevet av",
+    "prejoin": {
+        "audioAndVideoError": "Lyd- og videofeil:",
+        "audioDeviceProblem": "Det er et problem med lydenheten din",
+        "audioOnlyError": "Lydfeil:",
+        "audioTrackError": "Kunne ikke opprette lydspor.",
+        "callMe": "Ring meg",
+        "callMeAtNumber": "Ring meg på dette nummeret:",
+        "calling": "Ringer",
+        "configuringDevices": "Konfigurerer enheter…",
+        "connectedWithAudioQ": "Er du tilkoblet med lyd?",
+        "connection": {
+            "failed": "Tilkoblingstesten mislyktes!",
+            "good": "Internettforbindelsen din ser bra ut!",
+            "nonOptimal": "Internettforbindelsen din er ikke optimal",
+            "poor": "Du har en dårlig internettforbindelse",
+            "running": "Kjører tilkoblingstest…"
+        },
+        "connectionDetails": {
+            "audioClipping": "Vi forventer at lyden din vil bli avkuttet.",
+            "audioHighQuality": "Vi forventer at lyden din vil ha utmerket kvalitet.",
+            "audioLowNoVideo": "Vi forventer at lydkvaliteten din vil være lav, og at det ikke vil være video.",
+            "goodQuality": "Fantastisk! Mediekvaliteten din kommer til å være utmerket.",
+            "noMediaConnectivity": "Vi kunne ikke finne en måte å opprette medietilkobling for denne testen. Dette skyldes vanligvis en brannmur eller NAT.",
+            "noVideo": "Vi forventer at videokvaliteten din vil være svært dårlig.",
+            "testFailed": "Tilkoblingstesten støtte på uventede problemer, men dette vil kanskje ikke påvirke opplevelsen din.",
+            "undetectable": "Hvis du fortsatt ikke kan foreta anrop i nettleseren, anbefaler vi at du sjekker at høyttalere, mikrofon og kamera er riktig konfigurert, at du har gitt nettleseren tillatelse til å bruke mikrofon og kamera, og at nettleseren din er oppdatert. Hvis du fortsatt har problemer, bør du kontakte utvikleren av nettapplikasjonen.",
+            "veryPoorConnection": "Vi forventer at samtalekvaliteten din vil være svært dårlig.",
+            "videoFreezing": "Vi forventer at videoen din vil fryse, bli svart eller ha pikselerte forstyrrelser.",
+            "videoHighQuality": "Vi forventer at videoen din vil ha god kvalitet.",
+            "videoLowQuality": "Vi forventer at videoen din vil ha lav kvalitet når det gjelder bildefrekvens og oppløsning.",
+            "videoTearing": "Vi forventer at videoen din vil være pikselert eller ha visuelle artefakter."
+        },
+        "copyAndShare": "Kopier og del møtelenken",
+        "dialInMeeting": "Ring inn til møtet",
+        "dialInPin": "Ring inn til møtet og tast inn PIN-kode:",
+        "dialing": "Ringer",
+        "doNotShow": "Ikke vis denne skjermen igjen",
+        "errorDialOut": "Kunne ikke ringe ut",
+        "errorDialOutDisconnected": "Kunne ikke ringe ut. Frakoblet",
+        "errorDialOutFailed": "Kunne ikke ringe ut. Anrop mislyktes",
+        "errorDialOutStatus": "Feil ved henting av status for utgående anrop",
+        "errorMissingName": "Vennligst skriv inn navnet ditt for å bli med i møtet",
+        "errorNoPermissions": "Du må gi tilgang til mikrofon og kamera",
+        "errorStatusCode": "Feil ved utgående anrop, statuskode: {{status}}",
+        "errorValidation": "Nummerverifisering mislyktes",
+        "iWantToDialIn": "Jeg vil ringe inn",
+        "initiated": "Anrop initiert",
+        "joinAudioByPhone": "Bli med via telefonlyd",
+        "joinMeeting": "Bli med i møtet",
+        "joinMeetingInLowBandwidthMode": "Bli med i modus for lav båndbredde",
+        "joinWithoutAudio": "Bli med uten lyd",
+        "keyboardShortcuts": "Aktiver hurtigtaster",
+        "linkCopied": "Lenke kopiert til utklippstavlen",
+        "lookGood": "Enhetene dine fungerer som de skal",
+        "or": "eller",
+        "premeeting": "Før møtet",
+        "proceedAnyway": "Fortsett likevel",
+        "recordingWarning": "Andre deltakere kan ta opp denne samtalen",
+        "screenSharingError": "Feil ved skjermdeling:",
+        "startWithPhone": "Start med telefonlyd",
+        "unsafeRoomConsent": "Jeg forstår risikoen, jeg vil bli med i møtet",
+        "videoOnlyError": "Video feil:",
+        "videoTrackError": "Kunne ikke opprette videospor.",
+        "viewAllNumbers": "se alle numre"
+    },
+    "presenceStatus": {
+        "busy": "Opptatt",
+        "calling": "Ringer…",
+        "connected": "Tilkoblet",
+        "connecting": "Kobler til…",
+        "connecting2": "Kobler til*…",
+        "disconnected": "Frakoblet",
+        "expired": "Utløpt",
+        "ignored": "Ignorert",
+        "initializingCall": "Initialiserer anrop…",
+        "invited": "Invitert",
+        "rejected": "Avvist",
+        "ringing": "Ringer…"
+    },
+    "profile": {
+        "avatar": "avatar",
+        "setDisplayNameLabel": "Navn",
+        "setEmailInput": "Skriv inn e-post",
+        "setEmailLabel": "Gravatar e-post",
+        "title": "Profil"
+    },
+    "raisedHand": "Ønsker å snakke",
+    "raisedHandsLabel": "Antall hevede hender",
+    "record": {
+        "already": {
+            "linked": "Møtet er allerede koblet til dette Salesforce-objektet."
+        },
+        "type": {
+            "account": "Konto",
+            "contact": "Kontakt",
+            "lead": "Lead",
+            "opportunity": "Mulighet",
+            "owner": "Eier"
+        }
+    },
+    "recording": {
+        "authDropboxText": "Last opp til Dropbox",
+        "availableSpace": "Tilgjengelig plass: {{spaceLeft}} MB (omtrent {{duration}} minutter med opptak)",
+        "beta": "BETA",
+        "busy": "Vi jobber med å frigjøre opptaksressurser. Vennligst prøv igjen om noen minutter.",
+        "busyTitle": "Alle opptakere er for øyeblikket opptatt",
+        "copyLink": "Kopier lenke",
+        "error": "Opptak mislyktes. Vennligst prøv igjen.",
+        "errorFetchingLink": "Feil ved henting av opptaksl link.",
+        "expandedOff": "Opptaket har stoppet",
+        "expandedOn": "Møtet blir for øyeblikket tatt opp",
+        "expandedPending": "Opptak starter…",
+        "failedToStart": "Kunne ikke starte opptak",
+        "fileSharingdescription": "Del opptakslenken med møtedeltakerne",
+        "highlight": "Høydepunkt",
+        "highlightMoment": "Marker øyeblikk",
+        "highlightMomentDisabled": "Du kan markere øyeblikk når opptaket starter",
+        "highlightMomentSuccess": "Øyeblikk markert",
+        "highlightMomentSucessDescription": "Det markerte øyeblikket vil bli lagt til møtereferatet.",
+        "inProgress": "Opptak eller direktesending pågår",
+        "limitNotificationDescriptionNative": "På grunn av høy etterspørsel vil opptaket være begrenset til {{limit}} min. For ubegrensede opptak, prøv <3>{{app}}</3>.",
+        "limitNotificationDescriptionWeb": "På grunn av høy etterspørsel vil opptaket være begrenset til {{limit}} min. For ubegrensede opptak, prøv <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "linkGenerated": "Vi har generert en lenke til opptaket ditt.",
+        "localRecordingNoNotificationWarning": "Opptaket vil ikke bli annonsert til de andre deltakerne. Du må informere dem om at møtet blir tatt opp.",
+        "localRecordingNoVideo": "Video blir ikke tatt opp",
+        "localRecordingStartWarning": "Sørg for å stoppe opptaket før du forlater møtet for å lagre det.",
+        "localRecordingStartWarningTitle": "Stopp opptaket for å lagre det",
+        "localRecordingVideoStop": "Hvis du stopper videoen, vil også det lokale opptaket stoppe. Er du sikker på at du vil fortsette?",
+        "localRecordingVideoWarning": "For å ta opp videoen din, må du ha den på når opptaket starter",
+        "localRecordingWarning": "Pass på å velge den gjeldende fanen for å bruke riktig video og lyd.",
+        "loggedIn": "Logget inn som {{userName}}",
+        "noMicPermission": "Kunne ikke opprette mikrofonspor. Vennligst gi tillatelse til å bruke mikrofonen.",
+        "noStreams": "Ingen lyd- eller videostrøm oppdaget.",
+        "off": "Opptak stoppet",
+        "offBy": "{{name}} stoppet opptaket",
+        "on": "Opptak startet",
+        "onBy": "{{name}} startet opptaket",
+        "onlyRecordSelf": "Ta kun opp min egen lyd- og videostrøm",
+        "pending": "Forbereder opptak av møtet…",
+        "policyError": "Du prøvde å starte et opptak for raskt. Vennligst prøv igjen senere!",
+        "recordAudioAndVideo": "Ta opp lyd og video",
+        "recordTranscription": "Ta opp transkripsjon",
+        "saveLocalRecording": "Lagre opptaksfilen lokalt (Beta)",
+        "serviceDescription": "Opptaket ditt vil bli lagret av opptakstjenesten",
+        "serviceDescriptionCloud": "Skylagringsopptak",
+        "serviceDescriptionCloudInfo": "Opptak av møter slettes automatisk 24 timer etter opptakstidspunktet.",
+        "serviceName": "Opptakstjeneste",
+        "sessionAlreadyActive": "Denne økten blir allerede tatt opp eller direktesendt.",
+        "showAdvancedOptions": "Avanserte alternativer",
+        "signIn": "Logg inn",
+        "signOut": "Logg ut",
+        "surfaceError": "Vennligst velg den gjeldende fanen.",
+        "title": "Opptak",
+        "unavailable": "Oops! {{serviceName}} er for øyeblikket utilgjengelig. Vi jobber med å løse problemet. Vennligst prøv igjen senere.",
+        "unavailableTitle": "Opptak utilgjengelig",
+        "uploadToCloud": "Last opp til skyen"
+    },
+    "screenshareDisplayName": "{{name}}s skjerm",
+    "sectionList": {
+        "pullToRefresh": "Dra for å oppdatere"
+    },
+    "security": {
+        "about": "Du kan legge til et $t(lockRoomPassword) for møtet ditt. Deltakere må oppgi $t(lockRoomPassword) før de får bli med i møtet.",
+        "aboutReadOnly": "Moderatorer kan legge til et $t(lockRoomPassword) for møtet. Deltakere må oppgi $t(lockRoomPassword) før de får bli med i møtet.",
+        "insecureRoomNameWarningNative": "Romnavnet er usikkert. Uønskede deltakere kan bli med i møtet ditt. {{recommendAction}} Lær mer om hvordan du sikrer møtet ditt.",
+        "insecureRoomNameWarningWeb": "Romnavnet er usikkert. Uønskede deltakere kan bli med i møtet ditt. {{recommendAction}} Lær mer om hvordan du sikrer møtet ditt <a href=\"{{securityUrl}}\" rel=\"security\" target=\"_blank\">her</a>.",
+        "title": "Sikkerhetsalternativer",
+        "unsafeRoomActions": {
+            "meeting": "Vurder å sikre møtet ditt ved å bruke sikkerhetsknappen.",
+            "prejoin": "Vurder å bruke et mer unikt møtenavn.",
+            "welcome": "Vurder å bruke et mer unikt møtenavn, eller velg ett av forslagene."
+        }
+    },
+    "settings": {
+        "audio": "Lyd",
+        "buttonLabel": "Innstillinger",
+        "calendar": {
+            "about": "{{appName}} kalenderintegrasjon brukes til å få sikker tilgang til kalenderen din slik at den kan lese kommende hendelser.",
+            "disconnect": "Koble fra",
+            "microsoftSignIn": "Logg inn med Microsoft",
+            "signedIn": "Har for øyeblikket tilgang til kalenderhendelser for {{email}}. Klikk på Koble fra-knappen nedenfor for å stoppe tilgangen til kalenderhendelser.",
+            "title": "Kalender"
+        },
+        "desktopShareFramerate": "Bildefrekvens for skjermdeling",
+        "desktopShareHighFpsWarning": "En høyere bildefrekvens for skjermdeling kan påvirke båndbredden din. Du må starte skjermdelingen på nytt for at de nye innstillingene skal tre i kraft.",
+        "desktopShareWarning": "Du må starte skjermdelingen på nytt for at de nye innstillingene skal tre i kraft.",
+        "devices": "Enheter",
+        "followMe": "Alle følger meg",
+        "followMeRecorder": "Opptaker følger meg",
+        "framesPerSecond": "bilder per sekund",
+        "incomingMessage": "Innkommende melding",
+        "language": "Språk",
+        "loggedIn": "Logget inn som {{name}}",
+        "maxStageParticipants": "Maksimalt antall deltakere som kan festes til hovedscenen",
+        "microphones": "Mikrofoner",
+        "moderator": "Moderator",
+        "moderatorOptions": "Moderatoralternativer",
+        "more": "Generelt",
+        "name": "Navn",
+        "noDevice": "Ingen",
+        "notifications": "Varsler",
+        "participantJoined": "Deltaker ble med",
+        "participantKnocking": "Deltaker kom inn i lobbyen",
+        "participantLeft": "Deltaker forlot møtet",
+        "playSounds": "Spill av lyd ved",
+        "reactions": "Møtereaksjoner",
+        "sameAsSystem": "Samme som systemet ({{label}})",
+        "selectAudioOutput": "Lydutgang",
+        "selectCamera": "Kamera",
+        "selectMic": "Mikrofon",
+        "selfView": "Selvvisning",
+        "shortcuts": "Hurtigtaster",
+        "speakers": "Høyttalere",
+        "startAudioMuted": "Alle starter dempet",
+        "startReactionsMuted": "Demp reaksjonslyder for alle",
+        "startVideoMuted": "Alle starter skjult",
+        "talkWhileMuted": "Snakk mens du er dempet",
+        "title": "Innstillinger",
+        "video": "Video"
+    },
+    "settingsView": {
+        "advanced": "Avansert",
+        "alertCancel": "Avbryt",
+        "alertOk": "OK",
+        "alertTitle": "Advarsel",
+        "alertURLText": "Den angitte server-URL-en er ugyldig",
+        "apply": "Bruk",
+        "buildInfoSection": "Bygginformasjon",
+        "conferenceSection": "Konferanse",
+        "disableCallIntegration": "Deaktiver integrasjon med native anrop",
+        "disableCrashReporting": "Deaktiver feilmeldingsrapportering",
+        "disableCrashReportingWarning": "Er du sikker på at du vil deaktivere feilmeldingsrapportering? Innstillingen vil bli brukt etter at du starter appen på nytt.",
+        "disableP2P": "Deaktiver Peer-To-Peer-modus",
+        "displayName": "Visningsnavn",
+        "displayNamePlaceholderText": "F.eks.: John Doe",
+        "email": "E-post",
+        "emailPlaceholderText": "email@eksempel.com",
+        "gavatarMessage": "Hvis e-posten din er knyttet til en Gravatar-konto, vil vi bruke den til å vise profilbildet ditt.",
+        "goTo": "Gå til",
+        "header": "Innstillinger",
+        "help": "Hjelp",
+        "links": "Lenker",
+        "privacy": "Personvern",
+        "profileSection": "Profil",
+        "sdkVersion": "SDK-versjon",
+        "serverURL": "Server-URL",
+        "showAdvanced": "Vis avanserte innstillinger",
+        "startCarModeInLowBandwidthMode": "Start bilmodus i modus for lav båndbredde",
+        "startWithAudioMuted": "Start med dempet lyd",
+        "startWithVideoMuted": "Start med deaktivert video",
+        "terms": "Vilkår",
+        "version": "App-versjon"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nVil du bare ringe inn via telefon?\n\n{{defaultDialInNumber}}Klikk denne lenken for å se innringingsnumrene for dette møtet\n{{dialInfoPageUrl}}",
+        "mainText": "Klikk på følgende lenke for å bli med i møtet:\n{{roomUrl}}"
+    },
+    "speaker": "Taler",
+    "speakerStats": {
+        "angry": "Sint",
+        "disgusted": "Frastøtt",
+        "displayEmotions": "Vis følelser",
+        "fearful": "Redd",
+        "happy": "Glad",
+        "hours": "{{count}}t",
+        "labelTooltip": "Antall deltakere: {{count}}",
+        "minutes": "{{count}}m",
+        "name": "Navn",
+        "neutral": "Nøytral",
+        "sad": "Trist",
+        "search": "Søk",
+        "searchHint": "Søk etter deltakere",
+        "seconds": "{{count}}s",
+        "speakerStats": "Deltakerstatistikk",
+        "speakerTime": "Taletid",
+        "surprised": "Overrasket"
+    },
+    "startupoverlay": {
+        "genericTitle": "Møtet må bruke mikrofonen og kameraet ditt.",
+        "policyText": " ",
+        "title": "{{app}} må bruke mikrofonen og kameraet ditt."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Bli med igjen",
+        "text": "Trykk på <i>Bli med igjen</i>-knappen for å koble til på nytt.",
+        "title": "Videosamtalen din ble avbrutt fordi denne datamaskinen gikk i dvale."
+    },
+    "termsView": {
+        "title": "Vilkår"
+    },
+    "toggleTopPanelLabel": "Veksle toppanel",
+    "toolbar": {
+        "Settings": "Innstillinger",
+        "accessibilityLabel": {
+            "Settings": "Åpne innstillinger",
+            "audioOnly": "Veksle kun lyd",
+            "audioRoute": "Velg lydenhet",
+            "boo": "Buu",
+            "breakoutRooms": "Grupperom",
+            "callQuality": "Administrer videokvalitet",
+            "carmode": "Bilmodus",
+            "cc": "Veksle undertekster",
+            "chat": "Åpne / Lukk chat",
+            "clap": "Applaus",
+            "closeChat": "Lukk chat",
+            "closeMoreActions": "Lukk menyen for flere handlinger",
+            "closeParticipantsPane": "Lukk deltakerpanelet",
+            "collapse": "Skjul",
+            "document": "Veksle delt dokument",
+            "documentClose": "Lukk delt dokument",
+            "documentOpen": "Åpne delt dokument",
+            "download": "Last ned våre apper",
+            "embedMeeting": "Bygg inn møte",
+            "endConference": "Avslutt møte for alle",
+            "enterFullScreen": "Vis i fullskjerm",
+            "enterTileView": "Aktiver rutenettvisning",
+            "exitFullScreen": "Avslutt fullskjerm",
+            "exitTileView": "Avslutt rutenettvisning",
+            "expand": "Utvid",
+            "feedback": "Legg igjen tilbakemelding",
+            "fullScreen": "Veksle fullskjerm",
+            "giphy": "Veksle GIPHY-meny",
+            "grantModerator": "Gi moderatorrettigheter",
+            "hangup": "Forlat møtet",
+            "heading": "Verktøylinje",
+            "help": "Hjelp",
+            "hideWhiteboard": "Skjul whiteboard",
+            "invite": "Inviter personer",
+            "kick": "Fjern deltaker",
+            "laugh": "Latter",
+            "leaveConference": "Forlat møtet",
+            "like": "Tommelen opp",
+            "linkToSalesforce": "Koble til Salesforce",
+            "lobbyButton": "Aktiver/deaktiver lobby-modus",
+            "localRecording": "Veksle kontroller for lokalt opptak",
+            "lockRoom": "Veksle møtepassord",
+            "love": "Hjerte",
+            "lowerHand": "Senk hånden",
+            "moreActions": "Flere handlinger",
+            "moreActionsMenu": "Meny for flere handlinger",
+            "moreOptions": "Vis flere alternativer",
+            "mute": "Demp mikrofon",
+            "muteEveryone": "Demp alle",
+            "muteEveryoneElse": "Demp alle andre",
+            "muteEveryoneElsesVideoStream": "Stopp video for alle andre",
+            "muteEveryonesVideoStream": "Stopp alles video",
+            "muteGUMPending": "Kobler til mikrofonen din",
+            "noiseSuppression": "Ekstra støydemping (BETA)",
+            "openChat": "Åpne chat",
+            "participants": "Åpne deltakerpanelet. {{participantsCount}} deltakere",
+            "pip": "Veksle bilde-i-bilde-modus",
+            "privateMessage": "Send privat melding",
+            "profile": "Rediger profilen din",
+            "raiseHand": "Rekk opp hånden",
+            "react": "Meldingsreaksjoner",
+            "reactions": "Reaksjoner",
+            "reactionsMenu": "Meny for reaksjoner",
+            "recording": "Veksle opptak",
+            "remoteMute": "Demp deltaker",
+            "remoteVideoMute": "Deaktiver deltakers kamera",
+            "security": "Sikkerhetsalternativer",
+            "selectBackground": "Velg bakgrunn",
+            "selfView": "Veksle selvvisning",
+            "shareRoom": "Inviter noen",
+            "shareYourScreen": "Start skjermdeling",
+            "shareaudio": "Del lyd",
+            "sharedvideo": "Del video",
+            "shortcuts": "Veksle snarveier",
+            "show": "Vis på scenen",
+            "showWhiteboard": "Vis whiteboard",
+            "silence": "Stillhet",
+            "speakerStats": "Veksle deltakerstatistikk",
+            "stopScreenSharing": "Stopp skjermdeling",
+            "stopSharedVideo": "Stopp video",
+            "surprised": "Overrasket",
+            "tileView": "Veksle rutenettvisning",
+            "toggleCamera": "Veksle kamera",
+            "toggleFilmstrip": "Veksle filmstripe",
+            "unmute": "Slå på mikrofon",
+            "videoblur": "Veksle uskarp bakgrunn",
+            "videomute": "Stopp kamera",
+            "videomuteGUMPending": "Kobler til kameraet ditt",
+            "videounmute": "Start kamera"
+        },
+        "addPeople": "Legg til personer i samtalen din",
+        "audioOnlyOff": "Deaktiver modus for lav båndbredde",
+        "audioOnlyOn": "Aktiver modus for lav båndbredde",
+        "audioRoute": "Velg lydenhet",
+        "audioSettings": "Lydinnstillinger",
+        "authenticate": "Autentiser",
+        "boo": "Buu",
+        "callQuality": "Administrer videokvalitet",
+        "chat": "Åpne / Lukk chat",
+        "clap": "Applaus",
+        "closeChat": "Lukk chat",
+        "closeParticipantsPane": "Lukk deltakerpanelet",
+        "closeReactionsMenu": "Lukk reaksjonsmenyen",
+        "disableNoiseSuppression": "Deaktiver ekstra støydemping (BETA)",
+        "disableReactionSounds": "Du kan deaktivere reaksjonslyder for dette møtet",
+        "documentClose": "Lukk delt dokument",
+        "documentOpen": "Åpne delt dokument",
+        "download": "Last ned våre apper",
+        "e2ee": "Ende-til-ende-kryptering",
+        "embedMeeting": "Bygg inn møte",
+        "enableNoiseSuppression": "Aktiver ekstra støydemping (BETA)",
+        "endConference": "Avslutt møtet for alle",
+        "enterFullScreen": "Vis i fullskjerm",
+        "enterTileView": "Aktiver rutenettvisning",
+        "exitFullScreen": "Avslutt fullskjerm",
+        "exitTileView": "Avslutt rutenettvisning",
+        "feedback": "Legg igjen tilbakemelding",
+        "giphy": "Veksle GIPHY-meny",
+        "hangup": "Forlat møtet",
+        "help": "Hjelp",
+        "hideWhiteboard": "Skjul whiteboard",
+        "invite": "Inviter personer",
+        "joinBreakoutRoom": "Bli med i grupperom",
+        "laugh": "Latter",
+        "leaveBreakoutRoom": "Forlat grupperom",
+        "leaveConference": "Forlat møtet",
+        "like": "Tommelen opp",
+        "linkToSalesforce": "Koble til Salesforce",
+        "lobbyButtonDisable": "Deaktiver lobby-modus",
+        "lobbyButtonEnable": "Aktiver lobby-modus",
+        "login": "Logg inn",
+        "logout": "Logg ut",
+        "love": "Hjerte",
+        "lowerYourHand": "Senk hånden",
+        "moreActions": "Flere handlinger",
+        "moreOptions": "Flere alternativer",
+        "mute": "Demp mikrofon",
+        "muteEveryone": "Demp alle",
+        "muteEveryonesVideo": "Deaktiver alles kamera",
+        "muteGUMPending": "Kobler til mikrofonen din",
+        "noAudioSignalDesc": "Hvis du ikke dempet mikrofonen med systeminnstillinger eller maskinvare, vurder å bytte enhet.",
+        "noAudioSignalDescSuggestion": "Hvis du ikke dempet mikrofonen med systeminnstillinger eller maskinvare, vurder å bytte til den foreslåtte enheten.",
+        "noAudioSignalDialInDesc": "Du kan også ringe inn ved å bruke:",
+        "noAudioSignalDialInLinkDesc": "Innringingsnumre",
+        "noAudioSignalTitle": "Det er ingen lydinngang fra mikrofonen din!",
+        "noiseSuppression": "Ekstra støydemping (BETA)",
+        "noisyAudioInputDesc": "Det høres ut som mikrofonen din lager støy. Vurder å dempe eller bytte enhet.",
+        "noisyAudioInputTitle": "Mikrofonen din ser ut til å være støyende!",
+        "openChat": "Åpne chat",
+        "openReactionsMenu": "Åpne reaksjonsmeny",
+        "participants": "Deltakere",
+        "pip": "Aktiver bilde-i-bilde-modus",
+        "privateMessage": "Send privat melding",
+        "profile": "Rediger profilen din",
+        "raiseHand": "Rekk opp hånden",
+        "raiseYourHand": "Rekk opp hånden",
+        "reactionBoo": "Send buu-reaksjon",
+        "reactionClap": "Send applaus-reaksjon",
+        "reactionHeart": "Send hjerte-reaksjon",
+        "reactionLaugh": "Send latter-reaksjon",
+        "reactionLike": "Send tommel opp-reaksjon",
+        "reactionSilence": "Send stillhet-reaksjon",
+        "reactionSurprised": "Send overrasket-reaksjon",
+        "reactions": "Reaksjoner",
+        "security": "Sikkerhetsalternativer",
+        "selectBackground": "Velg bakgrunn",
+        "shareRoom": "Inviter noen",
+        "shareaudio": "Del lyd",
+        "sharedvideo": "Del video",
+        "shortcuts": "Vis hurtigtaster",
+        "showWhiteboard": "Vis whiteboard",
+        "silence": "Stillhet",
+        "speakerStats": "Deltakerstatistikk",
+        "startScreenSharing": "Start skjermdeling",
+        "startSubtitles": "Undertekster • {{language}}",
+        "stopAudioSharing": "Stopp deling av lyd",
+        "stopScreenSharing": "Stopp skjermdeling",
+        "stopSharedVideo": "Stopp video",
+        "stopSubtitles": "Stopp undertekster",
+        "surprised": "Overrasket",
+        "talkWhileMutedPopup": "Prøver du å snakke? Du er dempet.",
+        "tileViewToggle": "Veksle rutenettvisning",
+        "toggleCamera": "Veksle kamera",
+        "unmute": "Slå på mikrofon",
+        "videoSettings": "Videoinnstillinger",
+        "videomute": "Stopp kamera",
+        "videomuteGUMPending": "Kobler til kameraet ditt",
+        "videounmute": "Start kamera"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Start / Stopp undertekster",
+        "expandedLabel": "Transkribering er for øyeblikket på",
+        "failed": "Transkribering mislyktes",
+        "labelToolTip": "Møtet blir transkribert",
+        "sourceLanguageDesc": "For øyeblikket er møtespråket satt til <b>{{sourceLanguage}}</b>. <br/> Du kan endre det ",
+        "sourceLanguageHere": "her",
+        "start": "Start visning av undertekster",
+        "stop": "Stopp visning av undertekster",
+        "subtitles": "Undertekster",
+        "subtitlesOff": "Av",
+        "tr": "TR"
+    },
+    "unpinParticipant": "{{participantName}} - Løsne",
+    "userMedia": {
+        "grantPermissions": "Vennligst gi tillatelser for å bruke kameraet og mikrofonen din."
+    },
+    "videoSIPGW": {
+        "busy": "Vi jobber med å frigjøre ressurser. Vennligst prøv igjen om noen minutter.",
+        "busyTitle": "Romtjenesten er for øyeblikket opptatt",
+        "errorAlreadyInvited": "{{displayName}} er allerede invitert",
+        "errorInvite": "Konferansen er ikke opprettet ennå. Vennligst prøv igjen senere.",
+        "errorInviteFailed": "Vi jobber med å løse problemet. Vennligst prøv igjen senere.",
+        "errorInviteFailedTitle": "Invitasjon til {{displayName}} mislyktes",
+        "errorInviteTitle": "Feil ved invitasjon av rom",
+        "pending": "{{displayName}} har blitt invitert"
+    },
+    "videoStatus": {
+        "adjustFor": "Juster for:",
+        "audioOnly": "LYD",
+        "audioOnlyExpanded": "Du er i modus for lav båndbredde. I denne modusen vil du kun motta lyd og skjermdeling.",
+        "bestPerformance": "Beste ytelse",
+        "callQuality": "Videokvalitet (0 for best ytelse, 3 for høyeste kvalitet)",
+        "hd": "HD",
+        "hdTooltip": "Ser video i høy oppløsning",
+        "highDefinition": "Høy oppløsning",
+        "highestQuality": "Høyeste kvalitet",
+        "labelTooiltipNoVideo": "Ingen video",
+        "labelTooltipAudioOnly": "Modus for lav båndbredde aktivert",
+        "ld": "LD",
+        "ldTooltip": "Ser video i lav oppløsning",
+        "lowDefinition": "Lav oppløsning",
+        "performanceSettings": "Ytelsesinnstillinger",
+        "recording": "Opptak pågår",
+        "sd": "SD",
+        "sdTooltip": "Ser video i standard oppløsning",
+        "standardDefinition": "Standard oppløsning",
+        "streaming": "Direktesending pågår"
+    },
+    "videothumbnail": {
+        "connectionInfo": "Tilkoblingsinformasjon",
+        "demote": "Flytt til seer",
+        "domute": "Demp",
+        "domuteOthers": "Demp alle andre",
+        "domuteVideo": "Deaktiver kamera",
+        "domuteVideoOfOthers": "Deaktiver kamera for alle andre",
+        "flip": "Snu",
+        "grantModerator": "Gi moderatorrettigheter",
+        "hideSelfView": "Skjul selvvisning",
+        "kick": "Fjern deltaker",
+        "mirrorVideo": "Speil videoen min",
+        "moderator": "Moderator",
+        "mute": "Deltaker er dempet",
+        "muted": "Dempet",
+        "pinToStage": "Fest til scenen",
+        "remoteControl": "Start / Stopp fjernkontroll",
+        "screenSharing": "Deltaker deler skjermen sin",
+        "show": "Vis på scenen",
+        "showSelfView": "Vis selvvisning",
+        "unpinFromStage": "Løsne",
+        "verify": "Bekreft deltaker",
+        "videoMuted": "Kamera deaktivert",
+        "videomute": "Deltakeren har stoppet kameraet"
+    },
+    "virtualBackground": {
+        "accessibilityLabel": {
+            "currentBackground": "Nåværende bakgrunn: {{background}}",
+            "selectBackground": "Velg en bakgrunn"
+        },
+        "addBackground": "Legg til bakgrunn",
+        "apply": "Bruk",
+        "backgroundEffectError": "Kunne ikke bruke bakgrunnseffekten.",
+        "blur": "Uskarp",
+        "deleteImage": "Slett bilde",
+        "desktopShare": "Skjermdeling",
+        "desktopShareError": "Kunne ikke opprette skjermdeling",
+        "image1": "Strand",
+        "image2": "Hvit nøytral vegg",
+        "image3": "Hvitt tomt rom",
+        "image4": "Svart gulvlampe",
+        "image5": "Fjell",
+        "image6": "Skog",
+        "image7": "Soloppgang",
+        "none": "Ingen",
+        "pleaseWait": "Vennligst vent…",
+        "removeBackground": "Fjern bakgrunn",
+        "slightBlur": "Delvis uskarp",
+        "title": "Virtuelle bakgrunner",
+        "uploadedImage": "Opplastet bilde {{index}}",
+        "webAssemblyWarning": "WebAssembly ikke støttet",
+        "webAssemblyWarningDescription": "WebAssembly er deaktivert eller ikke støttet av denne nettleseren"
+    },
+    "visitors": {
+        "chatIndicator": "(seer)",
+        "joinMeeting": {
+            "description": "Du er for øyeblikket en seer i denne konferansen.",
+            "raiseHand": "Rekk opp hånden",
+            "title": "Bli med i møtet",
+            "wishToSpeak": "Hvis du ønsker å snakke, vennligst rekk opp hånden nedenfor og vent på godkjenning fra moderator."
+        },
+        "labelTooltip": "Antall seere: {{count}}",
+        "notification": {
+            "demoteDescription": "Sendt hit av {{actor}}, rekk opp hånden for å delta",
+            "noMainParticipantsDescription": "En deltaker må starte møtet. Vennligst prøv igjen om litt.",
+            "noMainParticipantsTitle": "Dette møtet har ikke startet ennå.",
+            "noVisitorLobby": "Du kan ikke bli med så lenge lobbyen er aktivert for møtet.",
+            "notAllowedPromotion": "En deltaker må godkjenne forespørselen din først.",
+            "title": "Du er en seer i møtet"
+        },
+        "waitingMessage": "Du blir med i møtet så snart det er live!"
+    },
+    "volumeSlider": "Volumkontroll",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Trykk for å bli med",
+            "roomname": "Skriv inn romnavn"
+        },
+        "addMeetingName": "Legg til møtenavn",
+        "appDescription": "Sett i gang, ha videosamtaler med hele teamet. Faktisk, inviter alle du kjenner. {{app}} er en fullstendig kryptert, 100 % åpen kildekode videokonferanseløsning som du kan bruke hele dagen, hver dag, gratis — uten behov for konto.",
+        "audioVideoSwitch": {
+            "audio": "Stemme",
+            "video": "Video"
+        },
+        "calendar": "Kalender",
+        "connectCalendarButton": "Koble til kalenderen din",
+        "connectCalendarText": "Koble til kalenderen din for å se alle møtene dine i {{app}}. I tillegg kan du legge til {{provider}}-møter i kalenderen din og starte dem med ett klikk.",
+        "enterRoomTitle": "Start et nytt møte",
+        "getHelp": "Få hjelp",
+        "go": "GÅ",
+        "goSmall": "GÅ",
+        "headerSubtitle": "Sikre møter av høy kvalitet",
+        "headerTitle": "Jitsi Meet",
+        "info": "Innringingsinformasjon",
+        "jitsiOnMobile": "Jitsi på mobil – last ned appene våre og start et møte fra hvor som helst",
+        "join": "OPPRETT / BLI MED",
+        "logo": {
+            "calendar": "Kalenderlogo",
+            "desktopPreviewThumbnail": "Forhåndsvisningsminiatyr for skrivebord",
+            "googleLogo": "Google-logo",
+            "logoDeepLinking": "Jitsi Meet-logo",
+            "microsoftLogo": "Microsoft-logo",
+            "policyLogo": "Retningslinjelogo"
+        },
+        "meetingsAccessibilityLabel": "Møter",
+        "mobileDownLoadLinkAndroid": "Last ned mobilappen for Android",
+        "mobileDownLoadLinkFDroid": "Last ned mobilappen for F-Droid",
+        "mobileDownLoadLinkIos": "Last ned mobilappen for iOS",
+        "moderatedMessage": "Eller <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">bestill en møtelink</a> på forhånd hvor du er den eneste moderator.",
+        "privacy": "Personvern",
+        "recentList": "Nylige",
+        "recentListDelete": "Slett oppføring",
+        "recentListEmpty": "Listen din er for øyeblikket tom. Chat med teamet ditt, så finner du alle dine nylige møter her.",
+        "recentMeetings": "Dine nylige møter",
+        "reducedUIText": "Velkommen til {{app}}!",
+        "roomNameAllowedChars": "Møtenavnet skal ikke inneholde noen av disse tegnene: ?, &, :, ', \", %, #.",
+        "roomname": "Skriv inn romnavn",
+        "roomnameHint": "Skriv inn navnet eller URL-en til rommet du vil bli med i. Du kan finne på et navn, bare sørg for at de du møter vet det slik at de skriver inn det samme navnet.",
+        "sendFeedback": "Send tilbakemelding",
+        "settings": "Innstillinger",
+        "startMeeting": "Start møte",
+        "terms": "Vilkår",
+        "title": "Sikker, fullverdig og helt gratis videokonferanse",
+        "upcomingMeetings": "Dine kommende møter"
+    },
+    "whiteboard": {
+        "accessibilityLabel": {
+            "heading": "Whiteboard"
+        },
+        "screenTitle": "Whiteboard"
+    }
+}
diff --git a/lang/main-oc.json b/lang/main-oc.json
new file mode 100644
index 0000000..cf11242
--- /dev/null
+++ b/lang/main-oc.json
@@ -0,0 +1,1582 @@
+{
+    "addPeople": {
+        "accessibilityLabel": {
+            "meetingLink": "Ligam de la reünion : {{url}}"
+        },
+        "add": "Convidar",
+        "addContacts": "Convidatz vòstres contactes",
+        "contacts": "contactes",
+        "copyInvite": "Copiar l’invitacion a la reünion",
+        "copyLink": "Copiar lo ligam de la reünion",
+        "copyStream": "Copiar lo ligam de la difusion en dirècte",
+        "countryNotSupported": "Sèm pas encara compatibles amb aquesta destinacion.",
+        "countryReminder": "Sonatz defòra los US ? Mercés de vos assegurar de començar amb lo còdi país.",
+        "defaultEmail": "Vòstre email per defaut",
+        "disabled": "Podètz pas convidar de monde.",
+        "failedToAdd": "Fracàs de l'ajust de participants",
+        "googleEmail": "Google Email",
+        "inviteMoreHeader": "Sètz l’unica persona de la reünion",
+        "inviteMoreMailSubject": "Rejónher la reünion {{appName}}",
+        "inviteMorePrompt": "Convidar mai de monde",
+        "linkCopied": "Ligam copiat al quichapapièrs",
+        "noResults": "Pas cap de resultat trobat",
+        "outlookEmail": "Outlook Email",
+        "phoneNumbers": "numèros de telefòn",
+        "searching": "Recèrca…",
+        "shareInvite": "Partejar l’invitacion a la reünion",
+        "shareLink": "Partejar lo ligam de la reünion per convidar de monde",
+        "shareStream": "Partejar la ligam de la difusion en dirècte",
+        "sipAddresses": "adreças sip",
+        "telephone": "Telefòn : {{number}}",
+        "title": "Convidatz de monde a vòstra reünion",
+        "yahooEmail": "Yahoo Email"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "car": "Àudio veitura",
+        "headphones": "Escotadors",
+        "none": "Cap de periferic àudio pas disponible",
+        "phone": "Telefòn",
+        "speaker": "Nautparlaire"
+    },
+    "audioOnly": {
+        "audioOnly": "Benda passanta febla"
+    },
+    "bandwidthSettings": {
+        "assumedBandwidthBps": "ex.10000000 per 10 Mbps",
+        "assumedBandwidthBpsWarning": "De valors mai nautas pòdon causar de problèmas de ret.",
+        "customValue": "valor personalizada",
+        "customValueEffect": "per definir la valor bps reala",
+        "leaveEmpty": "daissar void",
+        "leaveEmptyEffect": "per permetre las estimacions",
+        "possibleValues": "Valors possiblas",
+        "setAssumedBandwidthBps": "Benda passanta estimada (bps)",
+        "title": "Paramètres de debit",
+        "zeroEffect": "per desactivar la vidèo"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "Apondre una sala de reünion",
+            "autoAssign": "Atribucion auto a las salas de reünion",
+            "close": "Tampar",
+            "join": "Rejónher",
+            "leaveBreakoutRoom": "Quitar la sala de reünion",
+            "more": "Mai",
+            "remove": "Levar",
+            "rename": "Renomenar",
+            "renameBreakoutRoom": "Renomenar la sala d’espèra",
+            "sendToBreakoutRoom": "Enviar lo participant a :"
+        },
+        "breakoutList": "Lista de salas petitas",
+        "buttonLabel": "Salas per gropons",
+        "defaultName": "Sala de reünion #{{index}}",
+        "hideParticipantList": "Rescondre la lista de participants",
+        "mainRoom": "Sala principala",
+        "notifications": {
+            "joined": "Dintrada a la sala suplementària « {{name}} »",
+            "joinedMainRoom": "Retorn a la sala principala",
+            "joinedTitle": "Salas suplementàrias"
+        },
+        "showParticipantList": "Mostrar la lista de participants",
+        "title": "Salas per gropons"
+    },
+    "calendarSync": {
+        "addMeetingURL": "Ajustar un ligam de reünion",
+        "confirmAddLink": "Volètz ajustar un ligam Jitsi cap a aqueste eveniment ?",
+        "error": {
+            "appConfiguration": "L’integracion del calendièr es pas corrèctament configurada.",
+            "generic": "Una error s’es producha. Verificatz vòstres paramètres de calendièr o ensajatz de l’actualizar.",
+            "notSignedIn": "Una error s’es producha pendent l’autentificacion per veire los eveniments del calendièr. Verificatz los paramètres del calendièr e connectatz-vos tornamai."
+        },
+        "join": "Jónher",
+        "joinTooltip": "Rejónher la reünion",
+        "nextMeeting": "reünion venenta",
+        "noEvents": "Cap d’eveniments venents pas prevists.",
+        "ongoingMeeting": "Reünion en cors",
+        "permissionButton": "Dobrir los paramètres",
+        "permissionMessage": "La permission pel calendari es necessària per listar vòstres RDV dins l’aplicacion.",
+        "refresh": "Actualizar lo calendari",
+        "today": "Uèi"
+    },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "Seleccionar lo periferic àudio"
+        },
+        "labels": {
+            "buttonLabel": "Mòde veitura",
+            "title": "Mòde veitura",
+            "videoStopped": "Vòstra vidèo es arrestada"
+        }
+    },
+    "chat": {
+        "enter": "Dintrar dins la sala",
+        "error": "Error : lo messatge es pas estat enviat. Rason : {{error}}",
+        "fieldPlaceHolder": "Picatz vòstre messatge aquí",
+        "lobbyChatMessageTo": "Messatge de la sala d'espèra per {{recipient}}",
+        "message": "Messatge",
+        "messageAccessibleTitle": "{{user}} ditz :",
+        "messageAccessibleTitleMe": "disi :",
+        "messageTo": "Messatge privat per {{recipient}}",
+        "messagebox": "Picatz un messatge",
+        "newMessages": "Messatges novèls",
+        "nickname": {
+            "popover": "Causissètz un escais",
+            "title": "Picatz un escais-nom per utilizar la messatjariá",
+            "titleWithPolls": "Picatz un escais-nom per utilizar la messatjariá"
+        },
+        "noMessagesMessage": "I a pas cap de messatge dins la reünion pel moment. Començat una conversacion aquí !",
+        "privateNotice": "Messatge privat per {{recipient}}",
+        "sendButton": "Mandar",
+        "smileysPanel": "Panèl d’Emoji",
+        "systemDisplayName": "Sistèma",
+        "tabs": {
+            "chat": "Messatjariá",
+            "polls": "Sondatges"
+        },
+        "title": "Messatjariá",
+        "titleWithPolls": "Messatjariá",
+        "you": "vos"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Installar l’extension Chrome",
+        "buttonTextEdge": "Installar l'extension Edge",
+        "close": "Tampar",
+        "dontShowAgain": "Me mostrar pas mai aquò",
+        "installExtensionText": "Installar l’extension per l’integracion de Google Calendar e Office 365"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Connexion a vòstra reünion…"
+    },
+    "connection": {
+        "ATTACHED": "Estacada",
+        "AUTHENTICATING": "Autentificacion en cors",
+        "AUTHFAIL": "Fracàs de l'autentificacion",
+        "CONNECTED": "Connectat",
+        "CONNECTING": "Connexion en cors",
+        "CONNFAIL": "Fracàs de la connexion",
+        "DISCONNECTED": "Desconnectat",
+        "DISCONNECTING": "Desconnexion en cors",
+        "ERROR": "Error",
+        "FETCH_SESSION_ID": "Obtencion de session-id…",
+        "GET_SESSION_ID_ERROR": "Obténer l’error session-id : {{code}}",
+        "GOT_SESSION_ID": "Obtencion de session-id… Fach",
+        "LOW_BANDWIDTH": "La vidèo per {{displayName}} es estada copada per estalviar la banda passanta"
+    },
+    "connectionindicator": {
+        "address": "Adreça :",
+        "audio_ssrc": "Àudio SSRC :",
+        "bandwidth": "Benda passanta estimada :",
+        "bitrate": "Debit :",
+        "bridgeCount": "Nombre de servidor : ",
+        "codecs": "Codecs (A/V) : ",
+        "connectedTo": "Connectat a :",
+        "e2eeVerified": "E2EE verificat :",
+        "framerate": "Frequéncia imatge :",
+        "less": "Amagar lo detalh",
+        "localaddress": "Adreça locala :",
+        "localaddress_plural": "Adreças localas :",
+        "localport": "Pòrt local :",
+        "localport_plural": "Pòrts locals :",
+        "maxEnabledResolution": "enviar max",
+        "more": "Ne veire mai",
+        "no": "non",
+        "packetloss": "Pèrda de paquets :",
+        "participant_id": "Id participant :",
+        "quality": {
+            "good": "Bona",
+            "inactive": "Inactiva",
+            "lost": "Perduda",
+            "nonoptimal": "Pas optimala",
+            "poor": "Marrida"
+        },
+        "remoteaddress": "Adreça distanta :",
+        "remoteaddress_plural": "Adreças distantas :",
+        "remoteport": "Pòrt distant :",
+        "remoteport_plural": "Pòrts distants :",
+        "resolution": "Resolucion :",
+        "savelogs": "Enregistrar jornals",
+        "status": "Connexion :",
+        "transport": "Transpòrt :",
+        "transport_plural": "Transpòrts :",
+        "video_ssrc": "Vidèo SSRC :",
+        "yes": "òc"
+    },
+    "dateUtils": {
+        "earlier": "Mai d’ora",
+        "today": "Uèi",
+        "yesterday": "Ièr"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Vos cal l’aplicacion {{app}} per jónher la reünion amb vòstre mobil.",
+        "description": "Res s’es pas passat ? Avèm ensajat de lançar la reünion dins l’aplicacion {{app}}. Mercés de tornar ensajar o de la lançar dins l’aplicacion web {{app}}.",
+        "descriptionNew": "Pas res se's pas produsit ? Avèm ensajat de lançar vòstra reünion dins l'aplicacion de burèu {{app}}. <br /><br />Podètz tornar ensajar o la lançar sul web.",
+        "descriptionWithoutWeb": "Res se passa pas ? Avèm ensajat de lançar la reünion dins l’aplicacion de burèu {{app}}.",
+        "downloadApp": "Telecargar l’aplicacion",
+        "downloadMobileApp": "Telecargar de l'App Store",
+        "ifDoNotHaveApp": "S’avètz pas encara l’aplicacion :",
+        "ifHaveApp": "S’avètz ja l’aplicacion :",
+        "joinInApp": "Rejónher la reünion en utilizant l’aplicacion",
+        "joinInAppNew": "Rejónher dins l'aplicacion",
+        "joinInBrowser": "Rejónher dins lo navegador",
+        "launchMeetingLabel": "Cossí volètz rejónher aquesta reünion ?",
+        "launchWebButton": "Lançar del navigador",
+        "noDesktopApp": "Avètz pas l'aplicacion ?",
+        "noMobileApp": "Avètz pas l'aplicacion ?",
+        "or": "O",
+        "termsAndConditions": "En contunhant, acceptatz nòstras <a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'>condicions generalas d'utilizacion.</a>",
+        "title": "Aviada de vòstra reünion dins {{app}}…",
+        "titleNew": "Lançament de la reünion…",
+        "tryAgainButton": "Tornar ensajar del burèu",
+        "unsupportedBrowser": "Sembla qu’utilizatz un navigador que prenèm pas en carga."
+    },
+    "defaultLink": "ex. {{url}}",
+    "defaultNickname": "ex. Joan Delpuèch",
+    "deviceError": {
+        "cameraError": "Fracàs de l’accès a vòstra camèra",
+        "cameraPermission": "Error d'obtencion de la permission per la camèra",
+        "microphoneError": "Fracàs de l’accès a vòstre microfòn",
+        "microphonePermission": "Error d'obtencion de la permission pel microfòn"
+    },
+    "deviceSelection": {
+        "hid": {
+            "callControl": "Contraròtle de las sonadas",
+            "connectedDevices": "Aparelhs connectats :",
+            "deleteDevice": "Suprimir lo periferic",
+            "pairDevice": "Associar un aparelh"
+        },
+        "noPermission": "Autorizacion pas acordada",
+        "previewUnavailable": "Apercebut pas disponible",
+        "selectADevice": "Seleccionatz un aparelh",
+        "testAudio": "Legir un son de pròva"
+    },
+    "dialIn": {
+        "screenTitle": "Resumit de la sonada"
+    },
+    "dialOut": {
+        "statusMessage": "ara es {{status}}"
+    },
+    "dialog": {
+        "Back": "Retorn",
+        "Cancel": "Anullar",
+        "IamHost": "Soi l’òste",
+        "Ok": "D'acòrdi",
+        "Remove": "Suprimir",
+        "Share": "Partejar",
+        "Submit": "Validar",
+        "WaitForHostMsg": "La conferéncia a pas encara començat. Se sètz l’òst volgatz ben vos identificar. Autrament esperatz qu’arribe l’òste.",
+        "WaitForHostNoAuthMsg": "La conferéncia a pas encara començat perque cap de moderator es pas encara arribat. Volgatz esperar.",
+        "WaitingForHostButton": "Esperar l'òste",
+        "WaitingForHostTitle": "En espèra de l’òste…",
+        "Yes": "Òc",
+        "accessibilityLabel": {
+            "Cancel": "Anullar (quitar la fenèstra)",
+            "Ok": "D'acòrdi (salvagardar e tampar la fenèstra)",
+            "close": "Tampar la fenèstra",
+            "liveStreaming": "Difusion en dirècte",
+            "sharingTabs": "Opcions de partatge"
+        },
+        "add": "Ajustar",
+        "addMeetingNote": "Ajustar una nòta a aquesta reünion",
+        "addOptionalNote": "Ajustar una nòta (opcionala) :",
+        "allow": "Autorizar",
+        "allowToggleCameraDialog": "Permetre a {{initiatorName}} de bascular lo mòde de la camèra ?",
+        "allowToggleCameraTitle": "Permetre lo cambiament de mòde de camèra ?",
+        "alreadySharedVideoMsg": "Un autre participant parteja ja sa vidèo. Aquesta conferéncia permet pas qu’un partatge de vidèo a l’encòp.",
+        "alreadySharedVideoTitle": "Solament un partatge de vidèo a l'encòp es autorizat",
+        "applicationWindow": "Fenèstra de l'aplicacion",
+        "authenticationRequired": "Autentificacion requerida",
+        "cameraConstraintFailedError": "Vòstra camèra satisfà pas totas las constrentas necessàrias.",
+        "cameraNotFoundError": "La camèra es pas estada trobada.",
+        "cameraNotSendingData": "Podèm pas accedir a vòstra camèra. Mercés de verificar se una autra aplicacion es a utilizar aqueste periferic, seleccionatz un autre periferic dins lo menú de paramètres o ensajatz de recargar l'aplicacion.",
+        "cameraNotSendingDataTitle": "Impossible d'accedir a vòstra camèra",
+        "cameraPermissionDeniedError": "La camèra es pas estada trobada. Pasmens podètz participar a la conferéncia mas los demai vos veiràn pas. Utilizatz lo boton de la barra d’adreça per resòlver aqueste problèma.",
+        "cameraTimeoutError": "Aviada impossibla de la font vidèo. Relambi despassat !",
+        "cameraUnknownError": "Impossible d’emplegar la camèra per una rason desconeguda.",
+        "cameraUnsupportedResolutionError": "Vòstra camèra pren pas en carga la resolucion vidèo que cal.",
+        "close": "Tampar",
+        "conferenceDisconnectMsg": "Vos cal benlèu verificar vòstra connexion al malhum. Nòva connexion d’aquí {{seconds}} segondas…",
+        "conferenceDisconnectTitle": "Sètz estat desconnectat.",
+        "conferenceReloadMsg": "Sèm a reglar aquò ! Nòva connexion d’aquí {{seconds}} segondas…",
+        "conferenceReloadTitle": "Malurosament, quicòm truquèt.",
+        "confirm": "Confirmar",
+        "confirmNo": "Non",
+        "confirmYes": "Òc",
+        "connectError": "Ops! Quicòm a trucat e la connexion a la conferéncia es impossibla.",
+        "connectErrorWithMsg": "Ops! Quicòm a trucat e la connexion a la conferéncia es impossibla: {{msg}}",
+        "connecting": "Connexion en cors",
+        "contactSupport": "Contactar l'assisténcia",
+        "copied": "Copiat",
+        "copy": "Copiar",
+        "demoteParticipantDialog": "Volètz vertadièrament desplaçar aqueste participant en visitor ?",
+        "demoteParticipantTitle": "Desplaçar en visitor",
+        "dismiss": "Regetar",
+        "displayNameRequired": "Adiu ! Cossí vos dison ?",
+        "done": "Tampar",
+        "e2eeDescription": "Lo chiframent del cap a la fin es actualament EXPERIMENTALA. Mercés de gardar a l'esperit qu'activar lo chiframent del cap a la fin desactivarà en efièch los servicis costat servidor coma : l'enregistrament, la difusion en dirècte e las participacions telefonicas. Remembratz tanben que la reünion foncionarà pas que per lo monde que participan amb un navigador compatible amb los fluxes inseribles.",
+        "e2eeDisabledDueToMaxModeDescription": "Impossible d'activar lo chiframent del cap a la fin a causa d'un nombre tròp bèl de participants dins la conferéncia.",
+        "e2eeLabel": "Activar lo chiframant del cap a la fin",
+        "e2eeWarning": "AVERTIMENT : pas totes los participants d'aquesta reünion semblan poder suportar lo chiframent del cap a la fin. Se l'activatz poiràn pas vos veire nimai vos entendre.",
+        "e2eeWillDisableDueToMaxModeDescription": "AVERTIMENT : lo chiframent del cap a la fin serà automaticament desactivat se mai de participants rejonhent la conferéncia.",
+        "embedMeeting": "Integrar la reünion",
+        "enterDisplayName": "Volgatz picar vòstre nom aquí",
+        "error": "Error",
+        "errorRoomCreationRestriction": "Avètz ensajat de rejónher tròp rapidament, volètz tornar d'aquí un moment.",
+        "gracefulShutdown": "Lo servici es actualament en mantenença. Ensajatz tornamai pus tard.",
+        "grantModeratorDialog": "Volètz vertadièrament far venir {{participantName}} moderator ?",
+        "grantModeratorTitle": "Passar moderator",
+        "hide": "Rescondre",
+        "hideShareAudioHelper": "Afichar pas mai aquesta fenèstra",
+        "incorrectPassword": "Nom de compte o senhal incorrècte",
+        "incorrectRoomLockPassword": "Senhal incorrècte",
+        "internalError": "Òu ! Quicòm a pas foncionat. L'error seguenta s'es producha : {{error}}",
+        "internalErrorTitle": "Error intèrna",
+        "kickMessage": "Podètz contactat {{participantDisplayName}} per mai de detalhs.",
+        "kickParticipantButton": "Forabandir",
+        "kickParticipantDialog": "Volètz vertadièrament forabandir aqueste participant ?",
+        "kickParticipantTitle": "Forabandir aqueste participant ?",
+        "kickSystemTitle": "Ai ! Vos an forabandit de la reünion",
+        "kickTitle": "Ai ! {{participantDisplayName}} vos a forabandit de la reünion",
+        "linkMeeting": "Ligam de la reünion",
+        "linkMeetingTitle": "Ligar la reünion a Salesforce",
+        "liveStreaming": "La difusion en dirècte es estada arrestada",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "Impossible pendent un enregistrament actiu",
+        "localUserControls": "Contraròtles de l’utilizaire local",
+        "lockMessage": "Impossible de verrolhar la conferéncia.",
+        "lockRoom": "Ajustar un $t(lockRoomPassword) a la reünion",
+        "lockTitle": "Fracàs del verrolhatge",
+        "login": "Connexion",
+        "loginQuestion": "Volètz vertadièrament vos connectar e quitar la conferéncia ?",
+        "logoutQuestion": "Sètz segur que vos volètz desconnectar e arrestar la conferéncia ?",
+        "logoutTitle": "Desconnexion",
+        "maxUsersLimitReached": "La limita de nombre maximum de participant es estada atenguda. La reünion es complèta. Contactatz lo proprietari de la conferéncia o tornatz ensajar mai tard.",
+        "maxUsersLimitReachedTitle": "Limita de participants maximum atenguda",
+        "micConstraintFailedError": "Vòstre microfòn satisfà pas totas las constrentas necessàrias.",
+        "micNotFoundError": "Lo microfòn es pas estat trobat.",
+        "micNotSendingData": "Anatz als paramètres de l’ordenador per tornar metre lo son del microfòn e ajustar son nivèl",
+        "micNotSendingDataTitle": "Lo microfòn es copat pels paramètres del sistèma",
+        "micPermissionDeniedError": "Avètz pas donat l'autorizacion d'utilizar vòstre microfòn. Podètz encara participar a la conferéncia mai los demai vos ausiràn pas. Utilizatz lo boton del microfòn dins la barra d'adreça per resòlvre aquò.",
+        "micTimeoutError": "Aviada impossibla de la font àudio. Relambi despassat !",
+        "micUnknownError": "Impossible d'utilizar lo microfòn per una rason desconeguda.",
+        "moderationAudioLabel": "Permetre als convidats de se copar lo son",
+        "moderationVideoLabel": "Permetre als convidats d’aviar lor vidèo",
+        "muteEveryoneDialog": "Volètz vertadièrament copar lo son a tot lo monde ? Poiretz pas lo restablir, mas eles poiràn o far quora que vòlgan.",
+        "muteEveryoneDialogModerationOn": "Los participants pòdon enviar una requèsta per parlar quand vòlgan.",
+        "muteEveryoneElseDialog": "Un còp mut, poiretz pas mai lo tornar la paraula, mas la se pòdon tornar quora vòlgan.",
+        "muteEveryoneElseTitle": "Copar lo son a totes levat {{whom}} ?",
+        "muteEveryoneElsesVideoDialog": "Un còp la camèra desactivada, poiretz pas la reactivar, mas pòdon la reactivar quand vòlgan.",
+        "muteEveryoneElsesVideoTitle": "Arrestar la vidèo de tot lo monde levat {{whom}} ?",
+        "muteEveryoneSelf": "vos",
+        "muteEveryoneStartMuted": "D'ara enlà tot lo monde comença mut",
+        "muteEveryoneTitle": "Rendre mut tot lo monde ?",
+        "muteEveryonesVideoDialog": "Los participants pòdon activar lor vidèo quand vòlgan.",
+        "muteEveryonesVideoDialogModerationOn": "Los participants pòdon enviar una requèsta per activar lor vidèo quand vòlgan.",
+        "muteEveryonesVideoDialogOk": "Desactivar",
+        "muteEveryonesVideoTitle": "Arrestar la vidèo de tot lo monde ?",
+        "muteParticipantBody": "Poiretz pas lo tornar activar lo microfòn, mai eles pòdon o far quand vòlon.",
+        "muteParticipantButton": "Copar lo son",
+        "muteParticipantsVideoBody": "Poiretz pas lor activar la camèra de nòu, mas poirián se la restablir quand vòlga.",
+        "muteParticipantsVideoBodyModerationOn": "Poiretz pas li activar de nòu e el tanpauc.",
+        "muteParticipantsVideoButton": "Arrestar la vidèo",
+        "muteParticipantsVideoDialog": "Volètz vertadièrament copar la camèra d’aqueste participant ? Poiretz pas li activar de nòu, mas poiriá se la restablir quand vòlga.",
+        "muteParticipantsVideoDialogModerationOn": "Volètz vertadièrament copar la camèra d’aqueste participant ? Poiretz pas li activar de nòu e el tanpauc.",
+        "muteParticipantsVideoTitle": "Desactivar la camèra d’aqueste participant ?",
+        "noDropboxToken": "Cap de geton Dropbox pas valid",
+        "password": "Senhal",
+        "passwordLabel": "Aquesta reünion es estada barrada per un participant. Mercés de dintrar lo $t(lockRoomPassword) per la rejónher.",
+        "passwordNotSupported": "Ajustar un $t(lockRoomPassword) a una reünion es pas suportat.",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) pas suportat",
+        "passwordRequired": "$t(lockRoomPasswordUppercase) requesit",
+        "permissionCameraRequiredError": "L’autorizacion de la camèra es requerida per participar a la conferéncia amb la vidèo. Mercés de la donar als Paramètres",
+        "permissionErrorTitle": "Autorizacion requerida",
+        "permissionMicRequiredError": "L’autorizacion del microfòn es requerida per participar a la conferéncia amb l’àudio. Mercés de la donar als Paramètres",
+        "readMore": "mai",
+        "recentlyUsedObjects": "Vòstres objectes recentament utilizats",
+        "recording": "Enregistrament",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "Impossible pendent una difusion activa",
+        "rejoinNow": "Participar ara",
+        "remoteControlAllowedMessage": "{{user}} a acceptat vòstra demanda de contraròtle alonhat !",
+        "remoteControlDeniedMessage": "{{user}} a refusat vòstra demanda de contraròtle alonhat !",
+        "remoteControlErrorMessage": "Error al moment de demandar lo contraròtle alonhat a {{user}} !",
+        "remoteControlRequestMessage": "Volètz autorizar {{user}} a contrarotlar vòstre ordinador ?",
+        "remoteControlShareScreenWarning": "Remarcatz que se botatz « Autorizar » partejaretz vòstre ecran !",
+        "remoteControlStopMessage": "La session de contraròtle alonhat es acabada !",
+        "remoteControlTitle": "Contraròtle a distància",
+        "remoteUserControls": "Contraròtle a distància de l'utilizaire {{username}}",
+        "removePassword": "Suprimir lo $t(lockRoomPassword)",
+        "removeSharedVideoMsg": "Sètz segur que volètz suprimir vòstra vidèo partejada ?",
+        "removeSharedVideoTitle": "Suprimir la vidèo partejada",
+        "renameBreakoutRoomLabel": "Nom de la sala",
+        "renameBreakoutRoomTitle": "Renomenar la sala petita",
+        "reservationError": "Error del sistèma de reservacion",
+        "reservationErrorMsg": "Còdi d'error: {{code}}, messatge: {{msg}}",
+        "retry": "Ensajar tornamai",
+        "screenSharingAudio": "Partejar l’àudio",
+        "screenSharingFailed": "Ops ! Quicòm a trucat, avèm pas pogut començar lo partiment d'ecran!",
+        "screenSharingFailedTitle": "Fracàs del partiment d'ecran !",
+        "screenSharingPermissionDeniedError": "Òps ! Quicòm s'es pas ben passat amb l'autorizacion de vòstra autorizacion de partatge d'ecran. Mercés de recargar e tornar ensajar.",
+        "searchInSalesforce": "Cercar dins Salesforce",
+        "searchResults": "Resultats de recèrca ({{count}})",
+        "searchResultsDetailsError": "S'es produsit un problèma en recuperant las donadas del proprietari.",
+        "searchResultsError": "Un problèma s'es produsit pendent la recuperacion de las donadas.",
+        "searchResultsNotFound": "Cap de resultat pas trobat.",
+        "searchResultsTryAgain": "Ensajatz d'utilizar d'autres mots clau.",
+        "sendPrivateMessage": "Avètz recentament recebut un messatge privat. Avètz ensajat d’i respondre en privat, o volètz enviar lo messatge al grop ?",
+        "sendPrivateMessageCancel": "Enviar al grop",
+        "sendPrivateMessageOk": "Enviar en privat",
+        "sendPrivateMessageTitle": "Enviar en privat ?",
+        "serviceUnavailable": "Servici indisponible",
+        "sessTerminated": "Sonada acabada",
+        "sessTerminatedReason": "La sonada es terminada",
+        "sessionRestarted": "Sonada reaviada a causa d’un problèma de connexion.",
+        "shareAudio": "Contunhar",
+        "shareAudioAltText": "Per partejar lo contengut volgut, anatz a « Onglet del navegador », seleccionatz lo contengut, activatz lo boton « partejar l'àudio » puèi clicatz lo boton « partejar »",
+        "shareAudioTitle": "Cossí partejar l’àudio",
+        "shareAudioWarningD1": "devètz arrestar lo partiment d’ecran abans lo partiment d’àudio.",
+        "shareAudioWarningD2": "devètz reaviar lo partiment d’ecran e clicar l’opcion « partejar l’àudio ».",
+        "shareAudioWarningH1": "Se volètz partejar pas que l’àudio :",
+        "shareAudioWarningTitle": "Devètz arrestar lo partiment d’ecran abans lo partiment d’àudio",
+        "shareMediaWarningGenericH2": "Se volètz partejar vòstre ecran e l’àudio",
+        "shareScreenWarningD1": "devètz arrestar lo partiment àudio abans lo partiment de l’ecran.",
+        "shareScreenWarningD2": "devètz arrestar lo partiment àudio, aviar lo partiment d’ecran e clicar l’opcion « partejar l’àudio ».",
+        "shareScreenWarningH1": "Se volètz partejar pas que l’ecran :",
+        "shareScreenWarningTitle": "Devètz arrestar lo partiment àudio abans lo partiment de l’ecran",
+        "shareVideoConfirmPlay": "Sètz a mand de dobrir un site web extèrn. Volètz persègre ?",
+        "shareVideoConfirmPlayTitle": "{{name}} a partejat una vidèo amb vos.",
+        "shareVideoLinkError": "Se vos plai, provesissètz un ligam foncional.",
+        "shareVideoLinkStopped": "La vidèo de {{name}} se's arrestat.",
+        "shareVideoTitle": "Partejar una vidèo",
+        "shareYourScreen": "Partejar vòstre ecran",
+        "shareYourScreenDisabled": "Lo partiment d’ecran es desactivat.",
+        "sharedVideoDialogError": "Error : URL invalida",
+        "sharedVideoLinkPlaceholder": "Ligam YouTube o ligam vidèo dirèct",
+        "show": "Mostrar",
+        "start": "Lançar ",
+        "startLiveStreaming": "Aviar una difusion en dirècte",
+        "startRecording": "Arrestar l'enregistrament",
+        "startRemoteControlErrorMessage": "Una error s'es produsida en ensajar de començar la session de contraròtle a distància !",
+        "stopLiveStreaming": "Arrestar lo dirècte",
+        "stopRecording": "Arrestar l'enregistrament",
+        "stopRecordingWarning": "Sètz segur que volètz arrestar l'enregistrament?",
+        "stopStreamingWarning": "Volètz vertadièrament arrestar lo dirècte ?",
+        "streamKey": "Clau del dirècte",
+        "thankYou": "Mercé d'aver utilizat {{appName}} !",
+        "token": "geton",
+        "tokenAuthFailed": "O planhèm, sètz pas autorizat a rejónher l'apèl.",
+        "tokenAuthFailedReason": {
+            "audInvalid": "Valor invalida `aud`. Deu èsser `jitsi`.",
+            "contextNotFound": "L'objècte `context` es absent de la carga utila.",
+            "expInvalid": "Valor `exp` invalida.",
+            "featureInvalid": "Foncionalitat invalida : {{feature}}, probablament pas encara implementada.",
+            "featureValueInvalid": "Valor invalida per la foncionalitat : {{feature}}.",
+            "featuresNotFound": "L'objècte `features` es absent de la carga utila.",
+            "headerNotFound": "Entèsta pas trobada.",
+            "issInvalid": "Valor`iss` invalida. Deu èsser `chat`.",
+            "kidMismatch": "Key ID (kid) correspond pas al sub.",
+            "kidNotFound": "Key ID (kid) absent.",
+            "nbfFuture": "La valor `nbf` es dins lo futur.",
+            "nbfInvalid": "Valor `nbf` invalida.",
+            "payloadNotFound": "Carga utila pas trobada.",
+            "tokenExpired": "Lo geton a expirat."
+        },
+        "tokenAuthFailedTitle": "Fracàs de l'autentificacion",
+        "tokenAuthFailedWithReasons": "Avètz pas lo drech de rejónher la sonada. La rason possiblva : {{reason}}",
+        "tokenAuthUnsupported": "Geton URL pas pres en carga.",
+        "transcribing": "Transcripcion",
+        "unlockRoom": "Suprimir lo $t(lockRoomPassword) de la reünion",
+        "user": "utilizaire",
+        "userIdentifier": "Identificador utilizaire",
+        "userPassword": "senhal utilizaire",
+        "verifyParticipantConfirm": "Correspondon",
+        "verifyParticipantDismiss": "Correspondon pas",
+        "verifyParticipantQuestion": "EXPERIMENTAL : demandar al participant {{participantName}} se vei lo meteis contengut, dins lo meteis òrdre.",
+        "verifyParticipantTitle": "Verificacion utilizaire",
+        "videoLink": "ligam vidèo",
+        "viewUpgradeOptions": "Veire las opcions de mesa a nivèl",
+        "viewUpgradeOptionsContent": "Per obténer un accès sens limit a las foncionalitats premium coma l’enregistrament, la transcripcion, la difusion RTMP e encara mai, devètz passar al nivèl superior.",
+        "viewUpgradeOptionsTitle": "Avètz descobèrt una foncionalitat premium !",
+        "whiteboardLimitContent": "Lo limit del tablèu blanc es atengut.",
+        "whiteboardLimitReference": "Per mai d'informacions mercés de consultar",
+        "whiteboardLimitReferenceUrl": "nòstre site web",
+        "whiteboardLimitTitle": "Utilizacion del tablèu blanc limitada",
+        "yourEntireScreen": "Vòstre ecran complet"
+    },
+    "documentSharing": {
+        "title": "Document partejat"
+    },
+    "e2ee": {
+        "labelToolTip": "La comunicacion àudio e vidèo d’aquesta sonada es chifrada del cap a la fin"
+    },
+    "embedMeeting": {
+        "title": "Integrar aquesta reünion"
+    },
+    "feedback": {
+        "accessibilityLabel": {
+            "yourChoice": "Vòstra causida : {{rating}}"
+        },
+        "average": "Mejana",
+        "bad": "Marrida",
+        "detailsLabel": "Digatz-nos-ne mai a prepaus d’aquò.",
+        "good": "Bona",
+        "rateExperience": "Mercés de donar una nòta a vòstra experiéncia",
+        "star": "Estela",
+        "veryBad": "Fòrça marrida",
+        "veryGood": "Fòrça bona"
+    },
+    "filmstrip": {
+        "accessibilityLabel": {
+            "heading": "Miniaturas vidèo"
+        }
+    },
+    "giphy": {
+        "noResults": "Cap de resultat de recèrca pas trobat :(",
+        "search": "Recercar dins GIPHY"
+    },
+    "incomingCall": {
+        "answer": "Uèi",
+        "audioCallTitle": "Sonada entranta",
+        "decline": "Regetar",
+        "productLabel": "de Jitsi Meet estant",
+        "videoCallTitle": "Sonada vidèo entranta"
+    },
+    "info": {
+        "accessibilityLabel": "Mostrar las info",
+        "addPassword": "Ajustar un $t(lockRoomPassword)",
+        "cancelPassword": "Anullar lo $t(lockRoomPassword)",
+        "conferenceURL": "Ligam :",
+        "copyNumber": "Copiar lo numèro",
+        "country": "País",
+        "dialANumber": "Per participar a la reünion, sonatz un d’aquestes numèros puèi picatz lo senhal.",
+        "dialInConferenceID": "PIN :",
+        "dialInNotSupported": "Las sonadas son pas encara foncionalas.",
+        "dialInNumber": "Compausar :",
+        "dialInSummaryError": "Error en recuperant las informacions per sonar. Volgatz tornar mai tard.",
+        "dialInTollFree": "Sonada gratuïta",
+        "genericError": "Ops, quicòm a fach mèuca.",
+        "inviteLiveStream": "Per veire lo flux en dirècte de la reünion, clicatz aqueste ligam : {{url}}",
+        "invitePhone": "Per jónher per telefòn a la plaça, compausatz aquò : {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Cercatz mai de numèros de telefòn ?\nFar veire los numèros de sonada de la reünion : {{url}}\n\n\nSe volètz sonar tanben un telefòn de sala, jonhètz sens connectar l’àudio : {{silentUrl}}",
+        "inviteSipEndpoint": "Per rejónher en utilizant l’adreça SIP, picatz aquò : {{sipUri}}",
+        "inviteTextiOSInviteUrl": "Clicatz lo ligam seguent per rejónher : {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "Se sonatz via un aparelh de sala de reünion, utilizatz aqueste ligam per rejónher sens connectar l’àudio : {{silentUrl}}.",
+        "inviteTextiOSPersonal": "{{name}} vos convida a la reünion.",
+        "inviteTextiOSPhone": "Per participar per telefòn, utilizatz aqueste numèro : {{number}},,{{conferenceID}}#. Se cercatz un numèro diferent, vaquí la lista complèta : {{didUrl}}.",
+        "inviteURLFirstPartGeneral": "Sètz convidat a participar a la reünion.",
+        "inviteURLFirstPartPersonal": "{{name}} vos convida a la reünion.\n",
+        "inviteURLSecondPart": "\nParticipar a la reünion :\n{{url}}\n",
+        "label": "Info conferéncia",
+        "liveStreamURL": "Flux dirècte :",
+        "moreNumbers": "Mai de numèros",
+        "noNumbers": "Pas cap de numèro.",
+        "noPassword": "Pas cap",
+        "noRoom": "Cap de sala pas donada per la jónher.",
+        "noWhiteboard": "Cargament impossible del tablèu blanc.",
+        "numbers": "Sonar de numèros",
+        "password": "$t(lockRoomPasswordUppercase): ",
+        "reachedLimit": "Avètz atengut lo limit de vòstre forfach.",
+        "sip": "adreça SIP",
+        "sipAudioOnly": "Adreça SIP en àudio unicament",
+        "title": "Partejar",
+        "tooltip": "Partejar lo ligam e las informacions d’aquesta reünion",
+        "upgradeOptions": "Volgatz verificar las opcions de mesas a nivèl",
+        "whiteboardError": "Error de cargament del tablèu blanc. Volgatz tornar ensajar mai tard."
+    },
+    "inlineDialogFailure": {
+        "msg": "Avèm un pauc patit a manténer la connexion.",
+        "retry": "Ensajar tornarmai",
+        "support": "Assisténcia",
+        "supportMsg": "Se ten d'arribat, contactatz l'"
+    },
+    "inviteDialog": {
+        "alertText": "Fracàs en convidant unes participants.",
+        "header": "Convidar",
+        "searchCallOnlyPlaceholder": "Picatz un numerò de telefòn",
+        "searchPeopleOnlyPlaceholder": "Cercar de participants",
+        "searchPlaceholder": "Participant o numèro de telefòn",
+        "send": "Mandar"
+    },
+    "jitsiHome": "{{logo}} Logotipe, mena a la pagina d'acuèlh",
+    "keyboardShortcuts": {
+        "focusLocal": "Centrar sus vòstra vidèo",
+        "focusRemote": "Centrar sus la vidèo de qualqu'un mai",
+        "fullScreen": "Activar / Desactivar l'ecran complet",
+        "giphyMenu": "Alternar lo menú GIPHY",
+        "keyboardShortcuts": "Acorchis de clavièr",
+        "localRecording": "Mostrar o amagar los contraròtles d’enregistrament local",
+        "mute": "Activar o desactivar lo microfòn",
+        "pushToTalk": "Butar per parlar",
+        "raiseHand": "Demandar o pas la paraula",
+        "showSpeakerStats": "Mostrar las estatisticas del microfòn",
+        "toggleChat": "Dobrir o tampar lo panèl de conversacion",
+        "toggleFilmstrip": "Mostrar o amagar la vinheta vidèo",
+        "toggleParticipantsPane": "Afichar o amagar lo panèl dels participants",
+        "toggleScreensharing": "Caplevar entre camèra e partatge d'ecran",
+        "toggleShortcuts": "Mostrar o amagar los acorchis clavièr",
+        "videoMute": "Aviar o arrestar vòstra camèra"
+    },
+    "largeVideo": {
+        "screenIsShared": "Sètz a partejar vòstre ecran",
+        "showMeWhatImSharing": "M'afichar çò que partegi"
+    },
+    "liveStreaming": {
+        "busy": "Sèm a ensajar de liurar de ressorças flux. Mercés de tornar ensajar dins una estona.",
+        "busyTitle": "Totes los difusors son ocupats",
+        "changeSignIn": "Cambiar de compte.",
+        "choose": "Causissètz un flux dirècte",
+        "chooseCTA": "Causissètz un flux dirècte. Sètz connectat coma {{email}}.",
+        "enterStreamKey": "Picatz vòstre clau de flux dirècte Youtube aquí.",
+        "error": "Fracàs de la difusion en dirècte. Mercés de tornar ensajar.",
+        "errorAPI": "Una error s’es producha pendent l’accès al flux YouTube. Mercé d’ensajar de vos connectar mai tard.",
+        "errorLiveStreamNotEnabled": "La difusion en dirècte es pas activada per {{email}}. Volgatz ben activar la difusion en dirècte o vos connectar amb un compte que l’a activada.",
+        "expandedOff": "La difusion en dirècte es estada arrestada",
+        "expandedOn": "La reünion es actualament difusada",
+        "expandedPending": "La difusion en dirècte comença…",
+        "failedToStart": "La difusion en dirècte a pas capitat de s'aviar",
+        "getStreamKeyManually": "Avèm pas pogut recuperar cap de flux en dirècte. Ensajatz d’obténer vòstre clau de difusion sus YouTube.",
+        "googlePrivacyPolicy": "Politica de confidencialitat de Google",
+        "inProgress": "Enregistrament o difusion en dirècte en cors",
+        "invalidStreamKey": "La clau de difusion en dirècte es benlèu pas corrècta.",
+        "limitNotificationDescriptionNative": "Vòstra difusion serà limitada a {{limit}} min. Per de difusions illimitada ensajatz {{app}}.",
+        "limitNotificationDescriptionWeb": "A causa d'una brava demanda vòstra difusion serà limitada a {{limit}} min. Per de difusion illimitada ensajatz <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "off": "La difusion en dirècte es estada arrestada",
+        "offBy": "{{name}} a arrestat la difusion en dirècte",
+        "on": "Difusion en dirècte",
+        "onBy": "{{name}} a començat la difusion en dirècte",
+        "pending": "Començar lo dirècte…",
+        "policyError": "Avètz ensajat de començar una difusion en dirècte tròp rapidament. Ensajatz de nòu mai tard !",
+        "serviceName": "Servici de difusion en dirècte",
+        "sessionAlreadyActive": "Aquesta session es ja en cors d’enregistrament o en difusion en dirèct.",
+        "signIn": "Se connectar amb Google",
+        "signInCTA": "Connectatz-vos o picatz la clau de vòstre flux YouTube.",
+        "signOut": "Se desconnectar",
+        "signedInAs": "Sètz connectat coma :",
+        "start": "Aviar una difusion en dirècte",
+        "streamIdHelp": "Qu’es aquò ?",
+        "title": "Difusion en dirècte",
+        "unavailableTitle": "Difusion en dirècte indisponibla",
+        "youtubeTerms": "Condicions d’utilizacion de YouTube"
+    },
+    "lobby": {
+        "backToKnockModeButton": "Cap de senhal, demandar a participar a la plaça",
+        "chat": "Chat",
+        "dialogTitle": "Mòde sala d'espèra",
+        "disableDialogContent": "La sala d’espèra es actualament activada. Aquesta foncionalitat assegura que los participants indesirables poiràn pas participar. La volètz desactivar ?",
+        "disableDialogSubmit": "Desactivar",
+        "emailField": "Picata vòstra adreça electronica",
+        "enableDialogPasswordField": "Definir un senhal (opcional)",
+        "enableDialogSubmit": "Activar",
+        "enableDialogText": "La sala d’espèra vos permet de protegir vòstras reünion en autorizant las personas de dintrar qu’aprèp l’aprobacion formala d’un moderator.",
+        "enterPasswordButton": "Dintratz lo senhal de la reünion",
+        "enterPasswordTitle": "Dintratz lo senhal per rejónher la reünion",
+        "errorMissingPassword": "Mercés de picar lo senhal de la reünion",
+        "invalidPassword": "Senhal invalid",
+        "joinRejectedMessage": "Un moderator a regetat vòstra demanda de participacion.",
+        "joinRejectedTitle": "Demanda d'accès regetada.",
+        "joinTitle": "Rejónher la reünion",
+        "joinWithPasswordMessage": "Ensag de participacion amb senhal, volgatz esperar…",
+        "joiningMessage": "Dintraretz dins la reünion tre que qualqu’un aurà acceptat vòstra demanda",
+        "joiningTitle": "Demanda a rejónher la reünion…",
+        "joiningWithPasswordTitle": "A rejónher amb senhal…",
+        "knockButton": "Demandar a rejónher",
+        "knockTitle": "Qualqu’un vòl rejónher la reünion",
+        "knockingParticipantList": "Lista de participants en espèra",
+        "lobbyChatStartedNotification": "{{moderator}} es a charrar en sala d'espèra amb {{attendee}}",
+        "lobbyChatStartedTitle": "{{moderator}} a començat de charrar en sala d'espèra amb vos.",
+        "lobbyClosed": "Es estada barrada la sala d'espèra.",
+        "nameField": "Escrivètz vòstre nom",
+        "notificationLobbyAccessDenied": "{{originParticipantName}} a decidit de regetar la demanda de {{targetParticipantName}}",
+        "notificationLobbyAccessGranted": "{{originParticipantName}} a autorizat {{targetParticipantName}} a dintrar",
+        "notificationLobbyDisabled": "Lo mòde sala d'espèra es estat desactivat per {{originParticipantName}}",
+        "notificationLobbyEnabled": "Lo mòde sala d'espèra activat per {{originParticipantName}}",
+        "notificationTitle": "Sala d'espèra",
+        "passwordJoinButton": "Rejónher",
+        "title": "Sala d'espèra",
+        "toggleLabel": "Activar la sala d'espèra"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Desactivat",
+            "on": "Activat",
+            "unknown": "Desconeguts"
+        },
+        "dialogTitle": "Contraròtles dels enregistraments locals",
+        "duration": "Durada",
+        "durationNA": "N/A",
+        "encoding": "Encodatge",
+        "label": "ENR-LOC",
+        "labelToolTip": "Enregistrament local començat",
+        "localRecording": "Enregistrament local",
+        "me": "Ieu",
+        "messages": {
+            "engaged": "Enregistrament local començat.",
+            "finished": "Enregistrament de la session {{token}} acabat. Mercés d’enviar lo fichièr enregistrat al moderator.",
+            "finishedModerator": "Enregistrament de la session {{token}} acabat. Es estat salvagardat. Mercés de demandar als autres participants d’enviar lor enregistraments.",
+            "notModerator": "Sètz pas moderator. Podètz pas començar o arrestar un enregistrament local."
+        },
+        "moderator": "Moderator",
+        "no": "Non",
+        "participant": "Participant",
+        "participantStats": "Estatisticas del participant",
+        "selectTabTitle": "🎥 Mercés de seleccionar aqueste onglet per enregistrar",
+        "sessionToken": "Geton de session",
+        "start": "Aviar l'enregistrament",
+        "stop": "Arrestar l'enregistrament",
+        "stopping": "Arrèst de l'enregistrament",
+        "wait": "Esperatz pendent la salvagarda de vòstre enregistrament",
+        "yes": "Òc"
+    },
+    "lockRoomPassword": "senhal",
+    "lockRoomPasswordUppercase": "Senhal",
+    "lonelyMeetingExperience": {
+        "button": "Convidar d’autres",
+        "youAreAlone": "Sètz l’unica persona de la reünion"
+    },
+    "me": "ieu",
+    "notify": {
+        "OldElectronAPPTitle": "Problèma de seguretat !",
+        "allowAction": "Autorizar",
+        "allowedUnmute": "Vos podètz restablir lo son del microfòn, aviar la camèra e partejar l’ecran.",
+        "audioUnmuteBlockedDescription": "Las operacion de restabliment del son microfòn son estadas blocadas pel moment a causa de limitas sistèma.",
+        "audioUnmuteBlockedTitle": "Restabliment del son del microfòn blocat !",
+        "chatMessages": "Messatges del chat",
+        "connectedOneMember": "{{name}} a rejonch la reünion",
+        "connectedThreePlusMembers": "{{name}} e plen mai d'autras personas participan a la reünion",
+        "connectedTwoMembers": "{{first}} e {{second}} participan a la reünion",
+        "connectionFailed": "Fracàs de la connexion. Mercés de tornar ensajar mai tard !",
+        "dataChannelClosed": "Qualitat vidèo deteriorada",
+        "dataChannelClosedDescription": "Lo canal pont es indisponible alara la qualitat vidèo es limitada a sa valor mai febla.",
+        "dataChannelClosedDescriptionWithAudio": "Lo canal pont es indisponible, alara de perturbacion de l'àudio e de la vidèo pòdon arribar.",
+        "dataChannelClosedWithAudio": "La qualitat de l'àudio e de la vidèo pòt èsser deteriorada",
+        "disabledIframe": "L'integracion d'iframe es sonque destinada a las demonstracion, aquesta sonada s'acabarà d'aquí {{timeout}} minutas.",
+        "disabledIframeSecondary": "L'integracion d'iframe de {{domain}} es sonque destinada a las demonstracion, aquesta sonada s'acabarà d'aquí {{timeout}} minutas. Mercés d'utilizar <a href='{{jaasDomain}}' rel='noopener noreferrer' target='_blank'>Jitsi coma servici</a> per una integracion en produccion.",
+        "disconnected": "desconnectat",
+        "displayNotifications": "Afichar las notificacions per",
+        "dontRemindMe": "Lo me rapelar pas",
+        "focus": "Focus de conferéncia",
+        "focusFail": "{{component}} es pas disponible - ensajatz tornamai dins {{ms}} sec",
+        "gifsMenu": "GIPHY",
+        "groupTitle": "Notificacions",
+        "hostAskedUnmute": "Lo moderator vos que parletz",
+        "invalidTenant": "Titular invalid",
+        "invalidTenantHyphenDescription": "Lo titular que sètz a utilizar es invalid (començar o acabar per '-').",
+        "invalidTenantLengthDescription": "Lo titular qu'utilizatz es tròp long.",
+        "invitedOneMember": "{{name}} es estat convidat",
+        "invitedThreePlusMembers": "{{name}} e {{count}} autres son estats convidats",
+        "invitedTwoMembers": "{{first}} e {{second}} son estats convidats",
+        "joinMeeting": "Rejónher",
+        "kickParticipant": "{{kicked}} es estat expulsat per {{kicker}}",
+        "leftOneMember": "{{name}} a quitat la reünion",
+        "leftThreePlusMembers": "{{name}} e un molon d’autres an quitat la reünion",
+        "leftTwoMembers": "{{first}} e {{second}} an quitat la reünion",
+        "linkToSalesforce": "Ligam cap a Salesforce",
+        "linkToSalesforceDescription": "Podètz associar lo resumit de la reünion a un objècte Salesforce.",
+        "linkToSalesforceError": "Impossible d'associar la reünion a Salesforce",
+        "linkToSalesforceKey": "Ligar aquesta reünion",
+        "linkToSalesforceProgress": "Ligason de la reünion a Salesforce…",
+        "linkToSalesforceSuccess": "La reünion es estada tirada de Salesforce",
+        "localRecordingStarted": "{{name}} a començar un enregistrament loca.",
+        "localRecordingStopped": "{{name}} a arrestat l'enregistrament local.",
+        "me": "Ieu",
+        "moderationInEffectCSDescription": "Volgatz levar la man se volètz partejar vòstre ecran.",
+        "moderationInEffectCSTitle": "Lo moderator a blocat lo partiment d’ecran",
+        "moderationInEffectDescription": "Volgatz levar la man se volètz parlar.",
+        "moderationInEffectTitle": "Lo moderator a amudit vòstre microfòn",
+        "moderationInEffectVideoDescription": "Volgatz levar la man se volètz aviar vòstra camèra.",
+        "moderationInEffectVideoTitle": "Lo moderator a blocat vòstra camèra",
+        "moderationRequestFromModerator": "L’òste volriá que restabliguèssetz vòstre son",
+        "moderationRequestFromParticipant": "Vòl parlar",
+        "moderationStartedTitle": "Moderacion començada",
+        "moderationStoppedTitle": "Moderacion arrestada",
+        "moderationToggleDescription": "per {{participantDisplayName}}",
+        "moderator": "Sètz ara moderator",
+        "muted": "Avètz començat la conversacion en mut.",
+        "mutedRemotelyDescription": "Podètz totjorn activar vòstre microfòn per prendre la paraula. Desactivatz lo microfò quand terminetz per evitar los bruches parasits.",
+        "mutedRemotelyTitle": "{{participantDisplayName}} vos a mes en silenci",
+        "mutedTitle": "Sètz en mut !",
+        "newDeviceAction": "Utilizar",
+        "newDeviceAudioTitle": "Nòu periferic àudio detectat",
+        "newDeviceCameraTitle": "Nòva camèra detectada",
+        "nextToSpeak": "Palaretz aprèp la persona actuala",
+        "noiseSuppressionDesktopAudioDescription": "La supression del bruch se pòt pas activat a l'encòp que lo partiment de l'àudio del sistèma, volgatz lo desactivar e tornar ensajar.",
+        "noiseSuppressionFailedTitle": "Fracàs de l'aviada de la supression del bruch",
+        "noiseSuppressionStereoDescription": "La supression del bruch d'una font estereo es pas encara suportada.",
+        "oldElectronClientDescription1": "Sembla qu’utilizatz una version anciana del client Jitsi Meet qu’es conegut per conténer de problèmas de seguretat. Mercés de vos assegurar de metre a jorn ",
+        "oldElectronClientDescription2": "darrièra compilacion",
+        "oldElectronClientDescription3": " ara !",
+        "participantWantsToJoin": "Vòl rejónher la reünion",
+        "participantsWantToJoin": "Vòlon rejónher la reünion",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) tirat per un autre participant",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) definit per un autre participant",
+        "raiseHandAction": "Levar la man",
+        "raisedHand": "Volriá parlar.",
+        "raisedHands": "{{participantName}} e {{raisedHands}} autres",
+        "reactionSounds": "Desactivar los sons",
+        "reactionSoundsForAll": "Desactivar los sons per totes",
+        "screenShareNoAudio": " La casa Partejar l’àudio es pas estada marcada a l’ecran de seleccion de la fenèstra.",
+        "screenShareNoAudioTitle": "Partiment impossible de l’àudio del sistèma !",
+        "screenSharingAudioOnlyDescription": "Notatz qu'en partejant vòstre ecran, afectatz lo mòde « Melhora performança » e sollicitatz mai de benda passanta.",
+        "screenSharingAudioOnlyTitle": "Mòde « Melhora performança »",
+        "selfViewTitle": "Podètz totjorn quitar d’amagar vòstra pròpria vista a partir dels paramètres",
+        "somebody": "Qualqu'un",
+        "startSilentDescription": "Rejónher la reünion per activar l’àudio",
+        "startSilentTitle": "Avètz jonch sens cap de sortida àudio !",
+        "suboptimalBrowserWarning": "Planhèm que vòstra experiéncia de la reünion siá pas de las bonas. Sèm a cercar de solucions per melhorar aquò, d’aquel temps, ensajatz un dels <a href='{{recommendedBrowserPageLink}}' target='_blank'>navigadors compatibles</a>.",
+        "suboptimalExperienceTitle": "Avertiment del navigador",
+        "suggestRecordingAction": "Aviar",
+        "suggestRecordingDescription": "Volètz aviar un enregistrament ?",
+        "suggestRecordingTitle": "Enregistrar aquesta reünion",
+        "unmute": "Restablir lo son",
+        "videoMutedRemotelyDescription": "La podètz totjorn tornar activar.",
+        "videoMutedRemotelyTitle": "{{participantDisplayName}} a copat vòstra vidèo",
+        "videoUnmuteBlockedDescription": "Las operacion de restabliment de la camèra e del partiment del burèu son estadas blocadas pel moment a causa de limitas sistèma.",
+        "videoUnmuteBlockedTitle": "Restabliment de la camèra e del partiment de burèu blocat  !",
+        "viewLobby": "Veire sala d’espèra",
+        "viewParticipants": "Veire los participants",
+        "viewVisitors": "Veire los visitaires",
+        "waitingParticipants": "{{waitingParticipants}} personas",
+        "waitingVisitors": "Visitaires en espèra dins la fila : {{waitingVisitors}}",
+        "waitingVisitorsTitle": "La reünion es pas encara en dirècte !",
+        "whiteboardLimitDescription": "Volgatz salvagardar vòstra progression, perque lo limit d'utilizacion del tablèu blanc serà lèu atengut e lo tablèu tamparà.",
+        "whiteboardLimitTitle": "Utilizacion del tablèu blanc"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "Acceptar",
+            "admitAll": "Tot acceptar",
+            "allow": "Permetre als convidats de :",
+            "allowVideo": "Autorizar la vidèo",
+            "askUnmute": "Demandar a restablir lo son",
+            "audioModeration": "Se tornar lo son",
+            "blockEveryoneMicCamera": "Blocar lo microfòn e la camèra del monde",
+            "breakoutRooms": "Salas petitas",
+            "goLive": "Bascular en dirècte",
+            "invite": "Convidar qualqu'un",
+            "lowerAllHands": "Baissar totas las mans",
+            "lowerHand": "Baissar la man",
+            "moreModerationActions": "Mai d’opcions de moderacion",
+            "moreModerationControls": "Opcions de moderacion suplementàrias",
+            "moreParticipantOptions": "Mai d’opcions de participant",
+            "mute": "Amudir",
+            "muteAll": "Amudir tot lo monde",
+            "muteEveryoneElse": "Amudir tot los demai",
+            "reject": "Regetar",
+            "stopEveryonesVideo": "Arrestar la vidèo de tot lo monde",
+            "stopVideo": "Arrestar la vidèo",
+            "unblockEveryoneMicCamera": "Desblocar lo microfòn e la camèra de tot lo monde",
+            "videoModeration": "Aviar lor vidèo"
+        },
+        "close": "Tancar",
+        "headings": {
+            "lobby": "Sala d’espèra ({{count}})",
+            "participantsList": "Participants de la reünion ({{count}})",
+            "visitorInQueue": " (en espèra {{count}})",
+            "visitorRequests": " (demanda {{count}})",
+            "visitors": "Visitaire {{count}}",
+            "waitingLobby": "Dins la sala d'espèra ({{count}})"
+        },
+        "search": "Cercar participants",
+        "title": "Participants"
+    },
+    "passwordDigitsOnly": "Fins a {{number}} chifras",
+    "passwordSetRemotely": "causit per qualqu'un mai",
+    "pinParticipant": "Penjar - {{participantName}}",
+    "pinnedParticipant": "Lo participant es penjat",
+    "polls": {
+        "answer": {
+            "edit": "Modificar",
+            "send": "Enviar",
+            "skip": "Sautar",
+            "submit": "Enviar"
+        },
+        "by": "Per {{ name }}",
+        "closeButton": "Tampar lo sondatge",
+        "create": {
+            "addOption": "Apondre una opcion",
+            "answerPlaceholder": "Opcion {{index}}",
+            "cancel": "Anullar",
+            "create": "Crear un sondatge",
+            "pollOption": "Opcion sondarge {{index}}",
+            "pollQuestion": "Question del sondatge",
+            "questionPlaceholder": "Pausar una question",
+            "removeOption": "Suprimir l'opcion",
+            "save": "Enregistrar",
+            "send": "Enviar"
+        },
+        "errors": {
+            "notUniqueOption": "Las opcions devon èsser unicas"
+        },
+        "notification": {
+            "description": "Dobrissètz l’onglet dels sondatge per votar",
+            "title": "Un sondatge novèl es estat apondut a la reünion"
+        },
+        "results": {
+            "changeVote": "Cambiar lo vote",
+            "empty": "I a pas cap de sondatge dins la reünion pel moment. Començatz-ne un aicí !",
+            "hideDetailedResults": "Rescondre los detalhs",
+            "showDetailedResults": "Mostrar los detalhs",
+            "vote": "Votar"
+        }
+    },
+    "poweredby": "produit per",
+    "prejoin": {
+        "audioAndVideoError": "Error àudio e vidèo :",
+        "audioDeviceProblem": "I a un problèma amb vòstre periferic àudio",
+        "audioOnlyError": "Error àudio :",
+        "audioTrackError": "Creacion impossibla de la pista àudio.",
+        "callMe": "Sona-me",
+        "callMeAtNumber": "Sona-me a aqueste numèro :",
+        "calling": "A sonar",
+        "configuringDevices": "Parametratge dels aparelhs…",
+        "connectedWithAudioQ": "Sètz connectat amb l’àudio ?",
+        "connection": {
+            "failed": "Ensag de connexion fracassat !",
+            "good": "Vòstra connexion Internet sembla bona !",
+            "nonOptimal": "Vòstra connexion Internet es pas optimala",
+            "poor": "Vòstra connexion Internet es febla",
+            "running": "Execucion de l'ensag de connexion…"
+        },
+        "connectionDetails": {
+            "audioClipping": "Nos esperam a trobar vòstre àudio troncat.",
+            "audioHighQuality": "Nos esperam a trobar vòstra qualitat àudio excellenta.",
+            "audioLowNoVideo": "Nos esperam a trobar vòstra qualitat àudio febla e cap de vidèo.",
+            "goodQuality": "Crane ! Vòstra qualitat serà geniala.",
+            "noMediaConnectivity": "Avèm pas trobat cap de biais d'establir una connectivitat mèdia per aquesta pròva. Sovent es a causat d'un parafòc o un NAT.",
+            "noVideo": "Nos esperam a trobat vòstra qualitat vidèo òrra.",
+            "testFailed": "L'ensag de connexion a rescontrat de problèmas, mas se poiriá qu'aquò afècta pas vòstra experiéncia.",
+            "undetectable": "Se capitatz totjorn pas de sonar del navigador estant, vos recomandam de vos assegurar que vos naut-parlaires, lo microfòn e la camèra son corrèctament configurats, qu’avètz donadas las autorizacions al navegador pel microfòn e la camèra e que lo navigador es a jorn. Se tenètz d’aver de dificultats per sonar, devètz contactar lo desvolopaire de l’aplicacion Web.",
+            "veryPoorConnection": "Nos esperam a trobar vòstra qualitat vidèo plan òrra.",
+            "videoFreezing": "Nos esperam a veire vòstra vidèo se gelar, venir negra e se pixelizar.",
+            "videoHighQuality": "Nos esperam a trobar vòstra qualitat vidèo de bona qualitat.",
+            "videoLowQuality": "Presumissèm que vòstra vidèo aurà una baissa qualitat tocant la frequéncia d’imatge e la resolucion.",
+            "videoTearing": "Presumissèm que vòstra vidèo serà pixelizada e aurà d’artefacts visuals."
+        },
+        "copyAndShare": "Copiar e partejar lo ligam de reünion",
+        "dialInMeeting": "Participatz a la reünion",
+        "dialInPin": "Participar a la reünion e picar lo còdi PIN :",
+        "dialing": "A sonar",
+        "doNotShow": "Mostrar pas mai aquò",
+        "errorDialOut": "Impossible de sonar aqueste numèro",
+        "errorDialOutDisconnected": "Impossible de sonar aqueste numèro. Desconnectat",
+        "errorDialOutFailed": "Impossible de sonar aqueste numèro. La sonada a fracassat",
+        "errorDialOutStatus": "Error en recuperant l’estat de la sonada sortissenta",
+        "errorMissingName": "Mercés de picar vòstre nom per rejónher la reünion",
+        "errorNoPermissions": "Devètz activar l’accès al microfòn e a la camèra",
+        "errorStatusCode": "Error de numerotacion, còdi d’estat : {{status}}",
+        "errorValidation": "Validacion del numèro fracassada",
+        "iWantToDialIn": "Vòli me connectar",
+        "initiated": "Sonada aviada",
+        "joinAudioByPhone": "Rejónher amb l’àudio del telefòn",
+        "joinMeeting": "Rejónher la reünion",
+        "joinMeetingInLowBandwidthMode": "Rejónher en mòde benda passanta redusida",
+        "joinWithoutAudio": "Rejónher sens àudio",
+        "keyboardShortcuts": "Activar los acorchis de clavièr",
+        "linkCopied": "Ligam copiat al quichapapièrs",
+        "lookGood": "Sembla que lo microfòn fonciona pas coma cal",
+        "or": "o",
+        "premeeting": "Prereünion",
+        "proceedAnyway": "Contunhar malgrat tot",
+        "recordingWarning": "D'autres participants pòdon enregistrar aquesta sonada",
+        "screenSharingError": "Error de partatge d’ecran :",
+        "startWithPhone": "Començar amb l’àudio del telefòn",
+        "unsafeRoomConsent": "Compreni lo risc e vòli çaquelà participar a la reünion",
+        "videoOnlyError": "Error vidèo :",
+        "videoTrackError": "Creacion d’una pista àudio impossibla.",
+        "viewAllNumbers": "veire totes los numèros"
+    },
+    "presenceStatus": {
+        "busy": "Ocupat",
+        "calling": "Sonada…",
+        "connected": "Connectat",
+        "connecting": "Connexion en cors…",
+        "connecting2": "Connexion*…",
+        "disconnected": "Desconnectat",
+        "expired": "Expirat",
+        "ignored": "Ignorat",
+        "initializingCall": "Començament de la sonada…",
+        "invited": "Convidat",
+        "rejected": "Refusat",
+        "ringing": "A sonar…"
+    },
+    "profile": {
+        "avatar": "avatar",
+        "setDisplayNameLabel": "Causissètz vòstre escais",
+        "setEmailInput": "Picatz lo corrièl",
+        "setEmailLabel": "Definissètz vòstre corrièl per Gravatar",
+        "title": "Perfil"
+    },
+    "raisedHand": "Volriá charrar",
+    "raisedHandsLabel": "Nombre de mans levadas",
+    "record": {
+        "already": {
+            "linked": "L'enregistrament es ja ligat a aqueste objècte Salesforce."
+        },
+        "type": {
+            "account": "Compte",
+            "contact": "Contacte",
+            "lead": "Principal",
+            "opportunity": "Oportunitat",
+            "owner": "Proprietari"
+        }
+    },
+    "recording": {
+        "authDropboxText": "Enviar a Dropbox",
+        "availableSpace": "Espaci disponible : {{spaceLeft}} Mo (altorn de {{duration}} minutas d’enregistrament)",
+        "beta": "BETA",
+        "busy": "Sèm a desliurar de resorgas d'enregistrament. Mercés de tornar ensajar dins una estona.",
+        "busyTitle": "Totes los enregistradors son ocupats pel moment",
+        "copyLink": "Copiar lo ligam",
+        "error": "Fracàs de l'enregistrament. Mercés de tornar ensajar.",
+        "errorFetchingLink": "Error en recuperant lo ligam de l’enregistrament.",
+        "expandedOff": "Enregistrament arrestat",
+        "expandedOn": "La reünion es actualament enregistrada",
+        "expandedPending": "Aviada de l’enregistrament…",
+        "failedToStart": "L'enregistrament n'as pas réussi a démarrer",
+        "fileSharingdescription": "Partejar l’enregistrament amb los participants de la reünion",
+        "highlight": "Suslinhar",
+        "highlightMoment": "Metre en avant un moment",
+        "highlightMomentDisabled": "Podètz pas metre en avant un moment pendent una reünion",
+        "highlightMomentSuccess": "Moments destacats",
+        "highlightMomentSucessDescription": "Vòstre moment suslinhat serà apondut al resumit de la reünion.",
+        "inProgress": "Enregistrament o difusion en dirècte en cors",
+        "limitNotificationDescriptionNative": "A causa d’una demanda fòrta vòstre enregistrament serà limitat a {{limit}} min. Per d’enregistraments sens limit ensajatz <3>{{app}}</3>.",
+        "limitNotificationDescriptionWeb": "A causa d’una demanda fòrta vòstre enregistrament serà limitat a {{limit}} min. Per d’enregistraments sens limit ensajatz <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "linkGenerated": "Avèm generat un ligam pel vòstre enregistrament.",
+        "localRecordingNoNotificationWarning": "L'enregistrament s'anonciarà pas als autres participants. Los deuretz informar que la reünion serà enregistrada.",
+        "localRecordingNoVideo": "La vidèo es pas enregistrada actualament",
+        "localRecordingStartWarning": "Asseguratz-vos d'arrestar l'enregistrament abans de sortir de la reünion per lo poder enregistrar.",
+        "localRecordingStartWarningTitle": "Arrestar l'enregistrament per lo salvar",
+        "localRecordingVideoStop": "Arrestar la vidèo arrestarà tanben l'enregistrament local. Volètz vertadièrament contunhar ?",
+        "localRecordingVideoWarning": "Per enregistrar vòstra vidèo, devètz l'aver activada en començant l'enregistrament",
+        "localRecordingWarning": "Asseguratz-vos de causir l'onglet actual per utilizar lo son e la vidèo corrècts.",
+        "loggedIn": "Session a {{userName}}",
+        "noMicPermission": "Se pòt pas crear la pista del microfòn. Volgatz autorizar l'utilizacion del microfòn.",
+        "noStreams": "Cap de flux àudio o vidèo pas detectat.",
+        "off": "Enregistrament arrestar",
+        "offBy": "{{name}} a arrestat l’enregistrament",
+        "on": "Enregistrament",
+        "onBy": "{{name}} a començat l’enregistrament",
+        "onlyRecordSelf": "Enregistrar solament mon àudio e ma vidèo",
+        "pending": "Preparacion de l’enregistrament de la reünion…",
+        "policyError": "Avètz ensajat de començar l'enregistrament tròp rapidament. Mercés de tornar ensajar mai tard.",
+        "recordAudioAndVideo": "Enregistrar l'àudio e la vidèo",
+        "recordTranscription": "Enregistrar la transcripcion",
+        "saveLocalRecording": "Salvagardar l'enregistrament local (Beta)",
+        "serviceDescription": "Vòstre enregistrament serà salvagardat pel servici dedicat",
+        "serviceDescriptionCloud": "Enregistrament distant",
+        "serviceDescriptionCloudInfo": "Las reünions enregistradas se suprimisson automaticament 24h après l'enregistrament.",
+        "serviceName": "Servici d’enregistrament",
+        "sessionAlreadyActive": "Aquesta session es ja en cors d’enregistrament o en difusion en dirèct.",
+        "showAdvancedOptions": "Opcions avançadas",
+        "signIn": "Connexion",
+        "signOut": "Se desconnectar",
+        "surfaceError": "Seleccionatz l'onglet actual.",
+        "title": "Enregistrament",
+        "unavailable": "Ops ! Lo {{serviceName}} es pas disponible pel moment. Sèm a reglar aqueste problèma. Mercés de tornar ensajar mai tard.",
+        "unavailableTitle": "Enregistrament indisponible",
+        "uploadToCloud": "Enviar al cloud"
+    },
+    "screenshareDisplayName": "Ecran de {{name}}",
+    "sectionList": {
+        "pullToRefresh": "Tirar per actualizar"
+    },
+    "security": {
+        "about": "Podètz ajustar un $t(lockRoomPassword) per rejónher una reünion. Los participants deuràn fornir lo $t(lockRoomPassword) abans d’obténer l’autorizacion de dintrar dins la reünion.",
+        "aboutReadOnly": "Los participants que son moderators pòdon ajustar un $t(lockRoomPassword) a la reünion. Los participants deuràn fornir lo $t(lockRoomPassword) abans d’aver l’autorizacion de rejónher la reünion.",
+        "insecureRoomNameWarningNative": "Lo nom de la sala de reünion es pas segur. Participants non desirats poirián la rejónher. {{recommendAction}} Ne saber mai per securizar vòstras reünions ",
+        "insecureRoomNameWarningWeb": "Lo nom de la sala de reünion es pas segur. Participants non desirats poirián la rejónher. {{recommendAction}} Ne saber mai per securizar vòstras reünions <a href=\"{{securityUrl}}\" rel=\"security\" target=\"_blank\">aquí</a>.",
+        "title": "Opcions de seguretat",
+        "unsafeRoomActions": {
+            "meeting": "Consideratz de securizar vòstra reünion en utilizant lo boton opcions de seguretat.",
+            "prejoin": "Ensajatz d'utilizar un nom mai unic.",
+            "welcome": "Consideratz d'utilizar un nom mai unic o causissètz-ne un demest los suggerits"
+        }
+    },
+    "settings": {
+        "audio": "Àudio",
+        "buttonLabel": "Paramètres",
+        "calendar": {
+            "about": "L’integracion de {{appName}} amb vòstre calendièr permet d’accedir d’un biais segur als eveniments venents.",
+            "disconnect": "Desconnectar",
+            "microsoftSignIn": "Se connectar amb Microsoft",
+            "signedIn": "Accès als eveniments del calendièr {{email}}. Clicatz lo boton Se desconnectar çai-jos per arrestar l’accès als eveniments del calendièr.",
+            "title": "Calendari"
+        },
+        "desktopShareFramerate": "Frequéncia d’imatge del partiment de burèu",
+        "desktopShareHighFpsWarning": "Una frequéncia d’imatge mai nauta pel partiment burèu pòt afectar la benda passanta. Devètz reaviar lo partiment d’ecran per aplicar los paramètres novèls.",
+        "desktopShareWarning": "Devètz reaviar lo partiment d’ecran per prendre en compte las modificacions.",
+        "devices": "Periferics",
+        "followMe": "Tot lo mond me sèc",
+        "followMeRecorder": "L'enregistrador me seguís",
+        "framesPerSecond": "frames-per-second",
+        "incomingMessage": "Messatge dintrant",
+        "language": "Lenga",
+        "loggedIn": "Session a {{name}}",
+        "maxStageParticipants": "Nombre maximal de participants que se pòt penjar a la scèna principala",
+        "microphones": "Microfòns",
+        "moderator": "Moderator",
+        "moderatorOptions": "Opcions de moderacion",
+        "more": "Mai",
+        "name": "Escais",
+        "noDevice": "Pas cap",
+        "notifications": "Notificacions",
+        "participantJoined": "Lo participant a rejonch",
+        "participantKnocking": "Lo participant es dintrat dins la sala d'espèra",
+        "participantLeft": "Lo participant es partit",
+        "playSounds": "Lectura dels sons activa",
+        "reactions": "Reaccions de la reünion",
+        "sameAsSystem": "Coma pel sistèma ({{label}})",
+        "selectAudioOutput": "Sortida àudio",
+        "selectCamera": "Camèra",
+        "selectMic": "Microfòn",
+        "selfView": "Vista de se",
+        "shortcuts": "Acorchi",
+        "speakers": "Naut-parlairs",
+        "startAudioMuted": "Començan totes sens son",
+        "startReactionsMuted": "Començan totes amb las reaccions sonòras amudidas",
+        "startVideoMuted": "Començan totes sens vidèo",
+        "talkWhileMuted": "Parlar en mut",
+        "title": "Paramètres",
+        "video": "Vidèo"
+    },
+    "settingsView": {
+        "advanced": "Avançat",
+        "alertCancel": "Anullar",
+        "alertOk": "D’acòrdi",
+        "alertTitle": "Avertiment",
+        "alertURLText": "L’URL del servidor es pas valida",
+        "apply": "Aplicar",
+        "buildInfoSection": "Informacions de generacion",
+        "conferenceSection": "Conferéncia",
+        "disableCallIntegration": "Desactivar l’integracion nativa de las sonadas",
+        "disableCrashReporting": "Desactivar lo rapòrt de plantatge",
+        "disableCrashReportingWarning": "Volètz vertadièrament desactivar lo rapòrt de plantatge ? Lo paramètre serà aplicat aprèp la reaviada de l’aplicacion.",
+        "disableP2P": "Desactivar lo mòde par a par",
+        "displayName": "Escais-nom",
+        "displayNamePlaceholderText": "Ex : Joan Martin",
+        "email": "Corrièl",
+        "emailPlaceholderText": "email@exemple.com",
+        "gavatarMessage": "Se vòstra adreça electronica es ligada a un compte Gravatar, l'utilizarem per mostrar vòstre imatge de perfil.",
+        "goTo": "Anar a",
+        "header": "Paramètres",
+        "help": "Ajuda",
+        "links": "Ligams",
+        "privacy": "Confidencialitat",
+        "profileSection": "Perfil",
+        "sdkVersion": "Version del SDK",
+        "serverURL": "URL del servidor",
+        "showAdvanced": "Mostrar los paramètres avançats",
+        "startCarModeInLowBandwidthMode": "Lançar lo mòde veitura amb lo mòde d'estalvi de connectivitat",
+        "startWithAudioMuted": "Començar sens son",
+        "startWithVideoMuted": "Començar sens vièdo",
+        "terms": "Condicions d'utilizacions",
+        "version": "Version"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nVolètz sonar de vòstre telefòn estant ?\n\n{{defaultDialInNumber}}Clicatz lo ligam per veire los numèros de telefòn d’aquesta reünion\n{{dialInfoPageUrl}}",
+        "mainText": "Copiatz lo ligam seguent per dintrar dins la reünion :\n{{roomUrl}}"
+    },
+    "speaker": "Orator",
+    "speakerStats": {
+        "angry": "Encolerat",
+        "disgusted": "Desgostat",
+        "displayEmotions": "Mostrar las emocions",
+        "fearful": "Pauruc",
+        "happy": "Content",
+        "hours": "{{count}} oras",
+        "minutes": "{{count}} minutas",
+        "name": "Escais",
+        "neutral": "Neutre",
+        "sad": "Trist",
+        "search": "Recercar",
+        "searchHint": "Cercar participants",
+        "seconds": "{{count}} segondas",
+        "speakerStats": "Estatisticas orator",
+        "speakerTime": "Temps de paraula",
+        "surprised": "Surprés"
+    },
+    "startupoverlay": {
+        "genericTitle": "Aquesta reünion requerís l'utilizacion del microfòn e de la camèra.",
+        "policyText": " ",
+        "title": "{{app}} a besonh d'utilizar vòstre microfòn e camèra."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Tornar participar",
+        "text": "Quichatz lo boton <i>Tornar participar</i>.",
+        "title": "Vòstra conferéncia vidèo es estada arrestada perque vòstre ordenador se botèt en velha."
+    },
+    "termsView": {
+        "title": "Acòrds"
+    },
+    "toggleTopPanelLabel": "Alternar lo panèl superior",
+    "toolbar": {
+        "Settings": "Paramètres",
+        "accessibilityLabel": {
+            "Settings": "Passar als paramètres",
+            "audioOnly": "Passar al sol àudio",
+            "audioRoute": "Seleccionar lo periferic àudio",
+            "boo": "Aücar",
+            "breakoutRooms": "Salas petitas",
+            "callQuality": "Gerir la qualitat vidèo",
+            "carmode": "Mòde veitura",
+            "cc": "Alternar los sostítols",
+            "chat": "Passar a la fenèstra chat",
+            "clap": "Picar de las mans",
+            "closeChat": "Tampar la discussion",
+            "closeMoreActions": "Tampar lo menú d'accions",
+            "closeParticipantsPane": "Tampar lo panèl de participants",
+            "collapse": "Plegar",
+            "document": "Tampar los documents partejats",
+            "documentClose": "Tampar lo document partejat",
+            "documentOpen": "Dorbir lo document partejat",
+            "download": "Telecargar nòstra aplicacion",
+            "embedMeeting": "Reünion integrada",
+            "endConference": "Terminar la reünion per tot lo monde",
+            "enterFullScreen": "Passar en plen ecran",
+            "enterTileView": "Passar en vista mosaïc",
+            "exitFullScreen": "Quitar lo plen ecran",
+            "exitTileView": "Sortir de la vista mosaïc",
+            "expand": "Espandir",
+            "feedback": "Daissar un comentari",
+            "fullScreen": "Passar al ecran complèt",
+            "giphy": "Alternar lo menú GIPHY",
+            "grantModerator": "Passar moderator",
+            "hangup": "Quitar la sonada",
+            "heading": "Barra d'aisinas",
+            "help": "Ajuda",
+            "hideWhiteboard": "Rescondre lo tablèu blanc",
+            "invite": "Convidar de monde",
+            "kick": "Exclure un participant",
+            "laugh": "Rire",
+            "leaveConference": "Quitar la reünion",
+            "like": "Levar lo det gròs",
+            "linkToSalesforce": "Ligam cap a Salesforce",
+            "lobbyButton": "Activar/Desactivar mòde sala d'espèra",
+            "localRecording": "Passar al panèl d’enregistraments locals",
+            "lockRoom": "Tirar/Metre lo senhal de la reünion",
+            "love": "Còr",
+            "lowerHand": "Baissar la man",
+            "moreActions": "Passar al menú mai d’accions",
+            "moreActionsMenu": "Mai de menús d’accion",
+            "moreOptions": "Mostrar mai d’opcions",
+            "mute": "Copar lo son",
+            "muteEveryone": "Rendre mut tot lo monde",
+            "muteEveryoneElse": "Copar lo microfòn dels autres",
+            "muteEveryoneElsesVideoStream": "Arrestar la vidèo de totes los autres",
+            "muteEveryonesVideoStream": "Arrestar la vidèo de tot lo monde",
+            "muteGUMPending": "Connexion al microfòn",
+            "noiseSuppression": "Supression del bruch suplementària (BETA)",
+            "openChat": "Dobrir lo chat",
+            "participants": "Dobrir lo panèl participants. {{participantsCount}} participants",
+            "pip": "Activar/Desactivar lo mòde Picture-in-Picture",
+            "privateMessage": "Enviar un messatge privat",
+            "profile": "Modificar vòstre perfil",
+            "raiseHand": "Demandar la paraula",
+            "react": "Reaccions al messatge",
+            "reactions": "Reaccions",
+            "reactionsMenu": "Dobrir / Tampar lo menú de reaccions",
+            "recording": "Passar al enregistraments",
+            "remoteMute": "Copar lo son del participant",
+            "remoteVideoMute": "Copar la camèra del participant",
+            "security": "Opcions de seguretat",
+            "selectBackground": "Seleccionar un rèireplan",
+            "selfView": "Alternar l'afichatge de vòstra vidèo",
+            "shareRoom": "Convidar qualqu’un",
+            "shareYourScreen": "Passar a la captura d’ecran",
+            "shareaudio": "Partejar l’àudio",
+            "sharedvideo": "Passar al partatge de vidèo",
+            "shortcuts": "Passar als acorchis",
+            "show": "Mostrar davant",
+            "showWhiteboard": "Mostrar lo tablèu blanc",
+            "silence": "Amudir",
+            "speakerStats": "Mostrar/Amagar los estatisticas de paraula",
+            "stopScreenSharing": "Arrestar lo partiment d'ecran",
+            "stopSharedVideo": "Arrestar la vidèo partejada",
+            "surprised": "Suspresa",
+            "tileView": "Activar/Desactivar la vista en mosaïc",
+            "toggleCamera": "Passar a la camèra",
+            "toggleFilmstrip": "Bascular mòde benda film",
+            "unmute": "Activar lo microfòn",
+            "videoblur": "Enfoscar o non la vidèo",
+            "videomute": "Silenciar la vidèo",
+            "videomuteGUMPending": "Connexion de la camèra",
+            "videounmute": "Aviar la camèra"
+        },
+        "addPeople": "Ajustar de monde a vòstra sonada",
+        "audioOnlyOff": "Desactivar lo mòde connexion febla",
+        "audioOnlyOn": "Activar lo mòde connexion febla",
+        "audioRoute": "Seleccionar lo periferic àudio",
+        "audioSettings": "Paramètres àudio",
+        "authenticate": "Autentificatz-vos",
+        "boo": "Aücar",
+        "callQuality": "Gerir la qualitat vidèo",
+        "chat": "Dobrir / tampar la conversacion",
+        "clap": "Picar de las mans",
+        "closeChat": "Tampar la messatjariá",
+        "closeParticipantsPane": "Tampar lo panèl dels participants",
+        "closeReactionsMenu": "Tampar lo menú de reaccions",
+        "disableNoiseSuppression": "Desactivar la supression de bruch suplementària (BETA)",
+        "disableReactionSounds": "Podètz desactivar los sons de las reaccions per aquesta reünion",
+        "documentClose": "Tampar los documents partejats",
+        "documentOpen": "Dobrir los documents partejats",
+        "download": "Telecargar nòstra aplicacion",
+        "e2ee": "Chiframent del cap a la fin",
+        "embedMeeting": "Integrar la reünion",
+        "enableNoiseSuppression": "Activar la supression de bruch suplementària (BETA)",
+        "endConference": "Terminar la reünion per tot lo monde",
+        "enterFullScreen": "Veire l’ecran complèt",
+        "enterTileView": "Dintrar dins la vista mosaïca",
+        "exitFullScreen": "Sortir de l’ecran complèt",
+        "exitTileView": "Quitar la vista mosaïca",
+        "feedback": "Daissar un comentari",
+        "giphy": "Alternar lo menú GIPHY",
+        "hangup": "Quitar",
+        "help": "Ajuda",
+        "hideWhiteboard": "Rescontre lo tablèu blanc",
+        "invite": "Convidar de monde",
+        "joinBreakoutRoom": "Rejónher la sala de reünion",
+        "laugh": "Rire",
+        "leaveBreakoutRoom": "Quitar la sala de reünion",
+        "leaveConference": "Quitar la reünion",
+        "like": "Levar lo det gròs",
+        "linkToSalesforce": "Ligam a Saleforce",
+        "lobbyButtonDisable": "Desactivar lo mòde sala d'espèra",
+        "lobbyButtonEnable": "Activar mòde sala d'espèra",
+        "login": "Connexion",
+        "logout": "Desconnexion",
+        "love": "Còr",
+        "lowerYourHand": "Baissar la man",
+        "moreActions": "Mai d’opcions",
+        "moreOptions": "Autras opcions",
+        "mute": "Mut / Actiu",
+        "muteEveryone": "Rendre mut tot lo monde",
+        "muteEveryonesVideo": "Desactivar la camèra de tot lo monde",
+        "muteGUMPending": "Connexion del microfòn",
+        "noAudioSignalDesc": "S’avètz pas volontàriament copat lo son a partir dels paramètres sistèma o material, pensatz de cambiar d’aparelh.",
+        "noAudioSignalDescSuggestion": "S’avètz pas volontàriament copat lo son a partir dels paramètres sistèma o material, pensatz d’utilizar un autre aparelh suggerit.",
+        "noAudioSignalDialInDesc": "Podètz tanben sonar en utilizant :",
+        "noAudioSignalDialInLinkDesc": "Numèros de sonada",
+        "noAudioSignalTitle": "I a pas cap de son en entrada del microfòn !",
+        "noiseSuppression": "Supression del bruch (BETA)",
+        "noisyAudioInputDesc": "Sembla que vòstre microfòn mene bruch, pensatz de lo copar o de lo cambiar.",
+        "noisyAudioInputTitle": "Vòstre microfòn sembla brusent !",
+        "openChat": "Dobrir la messatjariá",
+        "openReactionsMenu": "Dobrir lo menú de reaccions",
+        "participants": "Participants",
+        "pip": "Passar al mòde Picture-in-Picture",
+        "privateMessage": "Enviar un messatge privat",
+        "profile": "Modificar vòstre perfil",
+        "raiseHand": "Demandar / Daissar la paraula",
+        "raiseYourHand": "Levar la man",
+        "reactionBoo": "Enviar una reaccion de bramada",
+        "reactionClap": "Enviar una reaccion d’aplaudiment",
+        "reactionHeart": "Enviar un còr en reaccion",
+        "reactionLaugh": "Enviar una reaccion de rire",
+        "reactionLike": "Enviar una reaccion d’aprobacion",
+        "reactionSilence": "Enviar una reaccion de silenci",
+        "reactionSurprised": "Enviar una reaccion de suspresa",
+        "reactions": "Reaccions",
+        "security": "Opcions de seguretat",
+        "selectBackground": "Seleccionar un rèireplan",
+        "shareRoom": "Convidar qualqu’un",
+        "shareaudio": "Partejar l’àudio",
+        "sharedvideo": "Partejar una vidèo",
+        "shortcuts": "Veire los acorchis clavièr",
+        "showWhiteboard": "Mostrar lo tablèu blanc",
+        "silence": "Amudir",
+        "speakerStats": "Estatisticas parladors",
+        "startScreenSharing": "Aviar lo partatge d’ecran",
+        "startSubtitles": "Sostítols • {{language}}",
+        "stopAudioSharing": "Arrestar lo partiment àudio",
+        "stopScreenSharing": "Arrestar lo partatge d’ecran",
+        "stopSharedVideo": "Arrestar la vidèo",
+        "stopSubtitles": "Arrestar los sostítols",
+        "surprised": "Suspresa",
+        "talkWhileMutedPopup": "Ensajatz de parlar ? Vòstre microfòn es copat.",
+        "tileViewToggle": "Activar/Desactivar la vista en mosaïc",
+        "toggleCamera": "Passar a la camèra",
+        "unmute": "Restablir lo microfòn",
+        "videoSettings": "Paramètres vidèo",
+        "videomute": "Aviar / Arrestar la camèra",
+        "videomuteGUMPending": "Connexion a la camèra",
+        "videounmute": "Aviar la camèra"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Aviar / Arrestat los sostítols",
+        "expandedLabel": "La transcripcion es activada",
+        "failed": "La transcipcion a pas capitat",
+        "labelToolTip": "La reünion es a èsser transcricha",
+        "sourceLanguageDesc": "La lenga actuala de la reünion es definida a <b>{{sourceLanguage}}</b>.<br/>La podètz cambiar a partir d' ",
+        "sourceLanguageHere": "aquí",
+        "start": "Mostrar los sostítols",
+        "stop": "Levar los sostítols",
+        "subtitles": "Sostítols",
+        "subtitlesOff": "Inactius",
+        "tr": "TR"
+    },
+    "unpinParticipant": "{{participantName}} - Despenjar",
+    "userMedia": {
+        "grantPermissions": "Mercés de donar las permissions d'utilizar vòstra camèra e vòstre microfòn."
+    },
+    "videoSIPGW": {
+        "busy": "Sèm a liurar de resorgas. Mercés de tornar ensajar dins una estona.",
+        "busyTitle": "Lo servici de sala es ocupat pel moment",
+        "errorAlreadyInvited": "{{displayName}} es ja convidat",
+        "errorInvite": "La conferéncia es pas encara establida. Tornatz ensajar mai tard.",
+        "errorInviteFailed": "Sèm a reglar aqueste problèma. Ensajatz mai tard.",
+        "errorInviteFailedTitle": "L’invitacion a {{displayName}} a fracassat",
+        "errorInviteTitle": "Error en convidar a la sala",
+        "pending": "{{displayName}} es estat convidat"
+    },
+    "videoStatus": {
+        "adjustFor": "Ajustar per :",
+        "audioOnly": "AUD",
+        "audioOnlyExpanded": "Sètz en mòde connexion febla. Amb aqueste mòde recebretz pas que l’àudio e lo partatge d’ecran.",
+        "bestPerformance": "Melhora performança",
+        "callQuality": "Qualitat vidèo",
+        "hd": "HD",
+        "hdTooltip": "Difusion vidèo en nauta definicion",
+        "highDefinition": "Nauta definicion",
+        "highestQuality": "Qualitat mai nauta",
+        "labelTooiltipNoVideo": "Pas cap de vidèo",
+        "labelTooltipAudioOnly": "Mòde connexion febla activat",
+        "ld": "Bassa definicion",
+        "ldTooltip": "Difusion vidèo en bassa definicion",
+        "lowDefinition": "Bassa definicion",
+        "performanceSettings": "Paramètres de performança",
+        "recording": "A enregistrar",
+        "sd": "SD",
+        "sdTooltip": "Difusion vidèo en definicion estandard",
+        "standardDefinition": "Definicion estandard",
+        "streaming": "Difusion en dirècte en cors"
+    },
+    "videothumbnail": {
+        "connectionInfo": "Info connexion",
+        "demote": "Desplaçar coma visitaire",
+        "domute": "Copar lo son",
+        "domuteOthers": "Rendre mut totes los autres",
+        "domuteVideo": "Desactivar la camèra",
+        "domuteVideoOfOthers": "Desactivar la camèra dels demai",
+        "flip": "Revirar",
+        "grantModerator": "Nomenar moderator",
+        "hideSelfView": "Amagar pròpria vista",
+        "kick": "Exclure",
+        "mirrorVideo": "Intervertir ma vidèo",
+        "moderator": "Moderator",
+        "mute": "Un participant a copat son micro",
+        "muted": "Mut",
+        "pinToStage": "Penjar a la scèna",
+        "remoteControl": "Contraròtle alonhat",
+        "screenSharing": "Lo participant es a partejar son ecran",
+        "show": "Mostrar davant",
+        "showSelfView": "Mostrar sa pròpia vidèo",
+        "unpinFromStage": "Quitar de penjar",
+        "verify": "Verificar lo participant",
+        "videoMuted": "Camèra desactivada",
+        "videomute": "Lo participant a arrestat la camèra"
+    },
+    "virtualBackground": {
+        "accessibilityLabel": {
+            "currentBackground": "Rèireplan actual : {{background}}",
+            "selectBackground": "Seleccionar un rèireplan"
+        },
+        "addBackground": "Apondre un rèireplan",
+        "apply": "Aplicar",
+        "backgroundEffectError": "Aplicacion fracassada de l’efeich al rèireplan.",
+        "blur": "Fosc",
+        "deleteImage": "Suprimir l’imatge",
+        "desktopShare": "Partiment de burèu",
+        "desktopShareError": "Creacion impossibla d’un partiment de burèu",
+        "image1": "Plaja",
+        "image2": "Paret blanca neutra",
+        "image3": "Sala voida blanca",
+        "image4": "Lampadari negre",
+        "image5": "Montanha",
+        "image6": "Forèst ",
+        "image7": "Solelh levant",
+        "none": "Cap",
+        "pleaseWait": "Esperatz…",
+        "removeBackground": "Suprimir lo rèireplan",
+        "slightBlur": "Fosc leugièr",
+        "title": "Rèireplans virtuals",
+        "uploadedImage": "Imatge enviat {{index}}",
+        "webAssemblyWarning": "WebAssembly pas pres en carga",
+        "webAssemblyWarningDescription": "WebAssembly es desactivat o pas pres en carga per aqueste navigador"
+    },
+    "visitors": {
+        "chatIndicator": "(visitaire)",
+        "joinMeeting": {
+            "description": "Observatz solament aquesta conferéncia.",
+            "raiseHand": "Levar la man",
+            "title": "Dintrada dins la reünion",
+            "wishToSpeak": "Se volètz parlar, mercés de levar la man e d’esperar que la moderacion apròve."
+        },
+        "labelTooltip": "Nombre de visitaires : {{count}}",
+        "notification": {
+            "demoteDescription": "Enviat aquí per {{actor}}, levatz la man per participar",
+            "noMainParticipantsDescription": "Un participant deu començar la reünion. Mercés d’esperar un moment.",
+            "noMainParticipantsTitle": "Aquesta reünion a pas encara començat.",
+            "noVisitorLobby": "Podètz pas rejónher tan qu’i a una sala d’espèra activada per la reünion.",
+            "notAllowedPromotion": "Un participant deu d’en primièr autorizar vòstra demanda.",
+            "title": "Visitatz solament aquesta reünion"
+        },
+        "waitingMessage": "Dintraretz dins la reünion tre que serà en dirècte !"
+    },
+    "volumeSlider": "Nivèl de volum",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Tocatz per participar",
+            "roomname": "Sasissètz un nom de sala"
+        },
+        "addMeetingName": "Nomenar la reünion",
+        "appDescription": "Endavant, charratz en vidèo amb tota la còla. Per dire de convidar tot lo monde que coneissètz. {{app}} es una solucion de vidèo-conferéncia complètament chifrada e 100% liura que podètz utilizar tota la jornada, totes los jorns, gratuitament— sens cap de compte pas requesit.",
+        "audioVideoSwitch": {
+            "audio": "Votz",
+            "video": "Vidèo"
+        },
+        "calendar": "Calendari",
+        "connectCalendarButton": "Connectar lo calendari",
+        "connectCalendarText": "Connectatz vòstre calendièr per veire vòstras reünions dins {{app}}. Ajustatz tanben las reünions de {{provider}} a vòstre calendièr e aviatz-las amb un sol clic.",
+        "enterRoomTitle": "Començar una reünion nòva",
+        "getHelp": "Obténer d’ajuda",
+        "go": "Crear",
+        "goSmall": "Crear",
+        "headerSubtitle": "Reünions securizadas e de aauta qualitat",
+        "headerTitle": "Jitsi Meet",
+        "info": "Infor",
+        "jitsiOnMobile": "Jitsi sus mobil – telecargatz nòstra aplicacion e començatz de reünions de pertot",
+        "join": "CREAR / REJÓNHER",
+        "logo": {
+            "calendar": "Logotipe Calendar",
+            "desktopPreviewThumbnail": "Vinheta d'apercebut del burèu",
+            "googleLogo": "Logotipe Google",
+            "logoDeepLinking": "Logotipe Jitsi meet",
+            "microsoftLogo": "Logotipe Microsoft",
+            "policyLogo": "Logotipe de la politica"
+        },
+        "meetingsAccessibilityLabel": "Reünions",
+        "mobileDownLoadLinkAndroid": "Telecargar l'aplicacion per Android",
+        "mobileDownLoadLinkFDroid": "Telecargar l'aplicacion per F-Droid",
+        "mobileDownLoadLinkIos": "Telecargar l'aplicacion per iOS",
+        "moderatedMessage": "O <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">reservatz una URL de reünion</a> a l'avança ont sètz l'unic moderator.",
+        "privacy": "Vida privada",
+        "recentList": "Recents",
+        "recentListDelete": "Suprimits",
+        "recentListEmpty": "Vòstra lista de contactes recents es voida. Charratz amb vòstra còla e trobaretz totes vòstras reünions recentas aquí.",
+        "recentMeetings": "Vòstras reünions recentas",
+        "reducedUIText": "Benvengut a {{app}} !",
+        "roomNameAllowedChars": "Lo nom de la reünion deu pas conténer aqueles caractèrs : ?, &, :, ', \", %, #.",
+        "roomname": "Sasissètz un nom de sala",
+        "roomnameHint": "Picatz lo nom o l’URL de la sala que volètz jónher. Podètz inventar un nom, cal pas que lo monde que volètz convidar lo sàpian.",
+        "sendFeedback": "Mandar vòstra opinion",
+        "settings": "Paramètres",
+        "startMeeting": "Començar la reünion",
+        "terms": "Tèrmes",
+        "title": "Conferéncias vidèo securizadas amb plen de foncionalitats e complètament gratuitas",
+        "upcomingMeetings": "Vòstras reünions venentas"
+    },
+    "whiteboard": {
+        "accessibilityLabel": {
+            "heading": "Tablèu blanc"
+        },
+        "screenTitle": "Tablèu blanc"
+    }
+}
diff --git a/lang/main-pl.json b/lang/main-pl.json
new file mode 100644
index 0000000..8c8cb53
--- /dev/null
+++ b/lang/main-pl.json
@@ -0,0 +1,1456 @@
+{
+    "addPeople": {
+        "add": "Zaproś",
+        "addContacts": "Zaproś kontakty",
+        "contacts": "kontakty",
+        "copyInvite": "Kopiuj zaproszenie na spotkanie",
+        "copyLink": "Kopiuj link spotkania",
+        "copyStream": "Kopiuj link transmisji na żywo",
+        "countryNotSupported": "Nie obsługujemy jeszcze tej lokalizacji.",
+        "countryReminder": "Dzwonisz spoza USA? Upewnij się, że zaczynasz od kodu kraju!",
+        "defaultEmail": "Domyślna poczta",
+        "disabled": "Nie możesz zapraszać ludzi.",
+        "failedToAdd": "Błąd dodawania uczestników",
+        "googleEmail": "Poczta Google",
+        "inviteMoreHeader": "Jesteś jedynym uczestnikiem tego spotkania",
+        "inviteMoreMailSubject": "Dołącz do spotkania {{appName}}",
+        "inviteMorePrompt": "Zaproś innych uczestników",
+        "linkCopied": "Link skopiowany do schowka",
+        "noResults": "Brak pasujących wyników wyszukiwania",
+        "outlookEmail": "Poczta Outlook",
+        "phoneNumbers": "numery telefonów",
+        "searching": "Wyszukiwanie…",
+        "shareInvite": "Udostępnij zaproszenie na spotkanie",
+        "shareLink": "Udostępnij link do spotkania, aby zaprosić innych uczestników",
+        "shareStream": "Udostępnij link transmisji na żywo",
+        "sipAddresses": "adresy SIP",
+        "telephone": "Telefon: {{number}}",
+        "title": "Zaproś uczestników na to spotkanie",
+        "yahooEmail": "Poczta Yahoo"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "car": "Audio samochodowe",
+        "headphones": "Słuchawki",
+        "none": "Brak dostępnych urządzeń dźwiękowych",
+        "phone": "Telefon",
+        "speaker": "Głośnik"
+    },
+    "audioOnly": {
+        "audioOnly": "Niska przepustowość"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "Dodaj pokój podgrupy",
+            "autoAssign": "Automatycznie przypisuj do pokoi podgrup",
+            "close": "Blisko",
+            "join": "Dołącz",
+            "leaveBreakoutRoom": "Opuść pokój spotkań",
+            "more": "Więcej",
+            "remove": "Usuń",
+            "sendToBreakoutRoom": "Wyślij uczestnika do:"
+        },
+        "defaultName": "Pokój podgrupy #{{index}}",
+        "mainRoom": "Główny pokój",
+        "notifications": {
+            "joined": "Dołączanie do pokoju podgrup \"{{name}}\" ",
+            "joinedMainRoom": "Dołączanie do głównego pokoju",
+            "joinedTitle": "Pokoje podgrup"
+        }
+    },
+    "calendarSync": {
+        "addMeetingURL": "Dodaj odnośnik do spotkania",
+        "confirmAddLink": "Czy chcesz dodać odnośnik Jitsi do tego wydarzenia?",
+        "error": {
+            "appConfiguration": "Integracja z kalendarzem nie jest skonfigurowana poprawnie.",
+            "generic": "Wystąpił problem. Sprawdź ustawienia kalendarza lub spróbuj odświeżyć kalendarz.",
+            "notSignedIn": "Wystąpił problem podczas uwierzytelniania dostępu do wydarzeń w kalendarzu. Sprawdź ustawienia kalendarza i spróbuj zalogować się ponownie."
+        },
+        "join": "Dołącz",
+        "joinTooltip": "Dołącz do spotkania",
+        "nextMeeting": "następne spotkanie",
+        "noEvents": "Nie ma zaplanowanych nadchodzących wydarzeń.",
+        "ongoingMeeting": "trwające spotkanie",
+        "permissionButton": "Otwórz ustawienia",
+        "permissionMessage": "Aby zobaczyć spotkania w aplikacji, wymagane jest zezwolenie dostępu do kalendarza.",
+        "refresh": "Odśwież kalendarz",
+        "today": "Dzisiaj"
+    },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "Wybierz urządzenie dźwiękowe"
+        },
+        "labels": {
+            "buttonLabel": "Tryb samochodowy",
+            "title": "Tryb samochodowy",
+            "videoStopped": "Twój film jest zatrzymany"
+        }
+    },
+    "chat": {
+        "enter": "Wejdź do pokoju",
+        "error": "Błąd: Twoja wiadomość nie została wysłana. Powód: {{error}}",
+        "fieldPlaceHolder": "Wpisz wiadomość tutaj",
+        "lobbyChatMessageTo": "Wiadomość na czacie w poczekalni do {{recipient}}",
+        "message": "Wiadomość",
+        "messageAccessibleTitle": "{{user}} mówi:",
+        "messageAccessibleTitleMe": "mówię:",
+        "messageTo": "Prywatna wiadomość do {{recipient}}",
+        "messagebox": "Wpisz wiadomość",
+        "newMessages": "Nowe wiadomości",
+        "nickname": {
+            "popover": "Wybierz swój nick",
+            "title": "Wpisz swoją nazwę, aby użyć rozmowy",
+            "titleWithPolls": "Wpisz swoją nazwę, aby użyć rozmowy"
+        },
+        "noMessagesMessage": "Aktualnie brak wiadomości w tym spotkaniu. Rozpocznij konwersację!",
+        "privateNotice": "Prywatna wiadomość do {{recipient}}",
+        "sendButton": "Wyślij",
+        "smileysPanel": "Panel emoji",
+        "tabs": {
+            "chat": "Czat",
+            "polls": "Ankiety"
+        },
+        "title": "Czat",
+        "titleWithPolls": "Czat i Ankiety",
+        "you": "ja"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Zainstaluj rozszerzenie Chrome",
+        "buttonTextEdge": "Zainstaluj rozszerzenie Edge",
+        "close": "Zamknij",
+        "dontShowAgain": "Nie pokazuj ponownie",
+        "installExtensionText": "Zainstaluj rozszerzenie integrujące Kalendarz Google i Office 365"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Łączenie ze spotkaniem…"
+    },
+    "connection": {
+        "ATTACHED": "Załącznik",
+        "AUTHENTICATING": "Uwierzytelnianie",
+        "AUTHFAIL": "Uwierzytelnianie nie powiodło się",
+        "CONNECTED": "Połączono",
+        "CONNECTING": "Nawiązywanie połączenia",
+        "CONNFAIL": "Połączenie się nie powiodło",
+        "DISCONNECTED": "Rozłączony",
+        "DISCONNECTING": "Rozłączanie",
+        "ERROR": "Błąd",
+        "FETCH_SESSION_ID": "Uzyskiwanie id sesji…",
+        "GET_SESSION_ID_ERROR": "Nie można uzyskać id sesji. Błąd: {{code}}",
+        "GOT_SESSION_ID": "Uzyskiwanie id sesji… Gotowe",
+        "LOW_BANDWIDTH": "Wideo {{displayName}} zostało wyłączone w celu zaoszczędzenia przepustowości sieci"
+    },
+    "connectionindicator": {
+        "address": "Adres:",
+        "audio_ssrc": "Audio SSRC:",
+        "bandwidth": "Szacowana przepustowość:",
+        "bitrate": "Szybkość transmisji:",
+        "bridgeCount": "Liczba serwerów: ",
+        "codecs": "Kodeki (A/V): ",
+        "connectedTo": "Podłączone do:",
+        "e2eeVerified": "E2EE zweryfikowane:",
+        "framerate": "Klatek na sekundę:",
+        "less": "Pokaż mniej",
+        "localaddress": "Adres lokalny:",
+        "localaddress_plural": "Adresy lokalne:",
+        "localport": "Port lokalny:",
+        "localport_plural": "Porty lokalne:",
+        "maxEnabledResolution": "wyślij maksymalną",
+        "more": "Pokaż więcej",
+        "no": "nie",
+        "packetloss": "Utrata pakietów:",
+        "participant_id": "ID uczestnika:",
+        "quality": {
+            "good": "Dobre",
+            "inactive": "Nieaktywne",
+            "lost": "Utracone",
+            "nonoptimal": "Nieoptymalne",
+            "poor": "Słabe"
+        },
+        "remoteaddress": "Adres zdalny:",
+        "remoteaddress_plural": "Adresy zdalne:",
+        "remoteport": "Port zdalny:",
+        "remoteport_plural": "Porty zdalne:",
+        "resolution": "Rozdzielczość:",
+        "savelogs": "Zapisz logi",
+        "status": "Połączenie:",
+        "transport": "Transport:",
+        "transport_plural": "Transporty:",
+        "video_ssrc": "Video SSRC:",
+        "yes": "tak"
+    },
+    "dateUtils": {
+        "earlier": "Wcześniej",
+        "today": "Dzisiaj",
+        "yesterday": "Wczoraj"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Potrzebujesz aplikacji mobilnej {{app}}, aby móc dołączyć do tego spotkania przez telefon.",
+        "description": "Nic się nie wydarzyło? Spróbowaliśmy uruchomić Twoje spotkanie w aplikacji stacjonarnej {{app}}. Spróbuj ponownie lub uruchom spotkanie w aplikacji webowej {{app}}.",
+        "descriptionNew": "Nic się nie stało? Próbowaliśmy uruchomić Twoje spotkanie w aplikacji stacjonarnej {{app}}. <br /><br /> Spróbuj ponownie lub uruchom spotkanie w aplikacji webowej.",
+        "descriptionWithoutWeb": "Nic się nie wydarzyło? Spróbowaliśmy uruchomić Twoje spotkanie w aplikacji stacjonarnej {{app}}.",
+        "downloadApp": "Pobierz aplikację",
+        "downloadMobileApp": "Pobierz ze sklepu App Store",
+        "ifDoNotHaveApp": "Jeśli nie masz jeszcze aplikacji:",
+        "ifHaveApp": "Jeśli już masz aplikację:",
+        "joinInApp": "Dołącz do spotkania używając aplikacji",
+        "joinInAppNew": "Dołącz w aplikacji",
+        "joinInBrowser": "Dołącz w przeglądarce",
+        "launchMeetingLabel": "Jak chcesz dołączyć do tego spotkania?",
+        "launchWebButton": "Uruchom przez przeglądarkę",
+        "noMobileApp": "Nie masz aplikacji?",
+        "termsAndConditions": "Kontynuując zgadzasz się na nasze <a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'>Zasady i Warunki.</a>",
+        "title": "Trwa uruchamianie Twojego spotkania w {{app}}…",
+        "titleNew": "Rozpoczynam spotkanie…",
+        "tryAgainButton": "Spróbuj ponownie w aplikacji stacjonarnej",
+        "unsupportedBrowser": "Wygląda na to, że używasz przeglądarki, której nie wspieramy."
+    },
+    "defaultLink": "np. {{url}}",
+    "defaultNickname": "np. Jan Kowalski",
+    "deviceError": {
+        "cameraError": "Błąd dostępu do Twojej kamery",
+        "cameraPermission": "Błąd podczas otrzymywania uprawnień do kamery",
+        "microphoneError": "Błąd dostępu do Twojego mikrofonu",
+        "microphonePermission": "Błąd podczas otrzymywania uprawnień do mikrofonu"
+    },
+    "deviceSelection": {
+        "hid": {
+            "callControl": "Kontrola połączeń",
+            "connectedDevices": "Połączone urządzenia:",
+            "deleteDevice": "Usuń urządzenie",
+            "pairDevice": "Sparuj urządzenie"
+        },
+        "noPermission": "Nie przyznano uprawnienia",
+        "previewUnavailable": "Podgląd niedostępny",
+        "selectADevice": "Wybierz urządzenie",
+        "testAudio": "Odtwórz dźwięk testowy"
+    },
+    "dialIn": {
+        "screenTitle": "Podsumowanie połączeń telefonicznych"
+    },
+    "dialOut": {
+        "statusMessage": "jest teraz {{status}}"
+    },
+    "dialog": {
+        "Back": "Wstecz",
+        "Cancel": "Anuluj",
+        "IamHost": "Jestem gospodarzem",
+        "Ok": "OK",
+        "Remove": "Usuń",
+        "Share": "Udostępnij",
+        "Submit": "Wyślij",
+        "WaitForHostMsg": "Spotkanie jeszcze się nie rozpoczęło. Jeśli jesteś gospodarzem, prosimy o uwierzytelnienie. Jeśli nie, prosimy czekać na przybycie gospodarza.",
+        "WaitingForHostTitle": "Oczekiwanie na gospodarza…",
+        "Yes": "Tak",
+        "accessibilityLabel": {
+            "close": "Zamknij okno dialogowe",
+            "liveStreaming": "Transmisja na żywo",
+            "sharingTabs": "Opcje udostępniania"
+        },
+        "add": "Dodaj",
+        "addMeetingNote": "Dodaj notatkę o tym spotkaniu",
+        "addOptionalNote": "Dodaj notatkę (opcjonalnie):",
+        "allow": "Pozwól",
+        "alreadySharedVideoMsg": "Inny użytkownik już prezentuje wideo. Ta konferencja pozwala tylko na prezentację jednego wideo w tym samym czasie.",
+        "alreadySharedVideoTitle": "Tylko jedna prezentacja wideo jest dozwolona w tym samym czasie",
+        "applicationWindow": "Okno aplikacji",
+        "authenticationRequired": "Wymagane uwierzytelnienie",
+        "cameraConstraintFailedError": "Twoja kamera nie spełnia niektórych obowiązkowych wymagań.",
+        "cameraNotFoundError": "Kamera nie znaleziona.",
+        "cameraNotSendingData": "Nie możemy połączyć się z Twoją kamerą. Sprawdź, czy inna aplikacja nie używa tego urządzenia, wybierz inne urządzenie z menu ustawień lub spróbuj zrestartować aplikację.",
+        "cameraNotSendingDataTitle": "Brak dostępu do kamery",
+        "cameraPermissionDeniedError": "Nie udzieliłeś pozwolenia na użycie swojej kamery. Nadal możesz dołączyć do konferencji, ale inni nie będą Cię widzieć. Naciśnij przycisk kamery na pasku adresu, aby to poprawić.",
+        "cameraTimeoutError": "Nie udało się uruchomić źródła obrazu. Przekroczono limit czasu",
+        "cameraUnknownError": "Z nieznanej przyczyny nie można użyć kamery.",
+        "cameraUnsupportedResolutionError": "Twoja kamera nie obsługuje wymaganej rozdzielczości.",
+        "close": "Zamknij",
+        "conferenceDisconnectMsg": "Być może należy sprawdzić połączenie sieciowe. Ponowne połączenie za {{seconds}} sekund…",
+        "conferenceDisconnectTitle": "Nastąpiło rozłączenie.",
+        "conferenceReloadMsg": "Staramy się to naprawić. Ponowne połączenie za {{seconds}} sekund…",
+        "conferenceReloadTitle": "Niestety, coś poszło nie tak.",
+        "confirm": "Potwierdź",
+        "confirmNo": "Nie",
+        "confirmYes": "Tak",
+        "connectError": "Ocho! Cos poszło nie tak, nie można podłaczyć się do tej konferencji.",
+        "connectErrorWithMsg": "Upsss! Coś poszło nie tak i nie możemy podłączyć się do tej konferencji: {{msg}}",
+        "connecting": "Nawiązywanie połączenia",
+        "contactSupport": "Skontaktuj się ze wsparciem",
+        "copied": "Skopiowano",
+        "copy": "Kopiuj",
+        "dismiss": "Odrzuć",
+        "displayNameRequired": "Cześć! Jak się nazywasz?",
+        "done": "Zrobione",
+        "e2eeDescription": "Szyfrowanie End-to-End jest aktualnie w fazie EKSPERYMENTALNEJ. Proszę mieć na uwadze fakt, że szyfrowanie end-to-end wyłączy oferowane przez serwer usługi takie jak: nagrywanie, streaming na żywo i dołączanie uczestników przez telefon. Proszę mieć również na uwadze fakt, że takie spotkanie będą działać tylko dla uczestników korzystających z przeglądarek wspierających wstawiane strumienie.",
+        "e2eeDisabledDueToMaxModeDescription": "Nie można włączyć szyfrowania End-to-End z powodu dużej liczby uczestników konferencji.",
+        "e2eeLabel": "Włącz szyfrowanie E2EE",
+        "e2eeWarning": "UWAGA: Niektórzy uczestnicy tego spotkania nie mają włączonej obsługi szyfrowania E2EE. Jeśli włączysz tą funkcję ci uczestnicy nie będą mieli z tobą kontaktu.",
+        "e2eeWillDisableDueToMaxModeDescription": "UWAGA: Szyfrowanie typu end-to-end zostanie automatycznie wyłączone, jeśli do konferencji dołączy więcej uczestników.",
+        "embedMeeting": "Osadź spotkanie",
+        "enterDisplayName": "Wpisz tutaj swoje imię",
+        "error": "Błąd",
+        "gracefulShutdown": "Usługa aktualnie jest niedostępna. Prosze spróbować później.",
+        "grantModeratorDialog": "Czy na pewno chcesz przyznać temu uczestnikowi prawa moderatora?",
+        "grantModeratorTitle": "Przyznaj prawa moderatora",
+        "hide": "Ukryj",
+        "hideShareAudioHelper": "Nie pokazuj więcej",
+        "incorrectPassword": "Niepoprawna nazwa użytkownika lub hasło",
+        "incorrectRoomLockPassword": "Hasło nieprawidłowe",
+        "internalError": "Ups! Coś poszło nie tak. Wystąpił następujący błąd: {{error}}",
+        "internalErrorTitle": "Błąd wewnętrzny",
+        "kickMessage": "Możesz skontaktować się z {{participantDisplayName}}, aby uzyskać więcej szczegółów.",
+        "kickParticipantButton": "Usuń",
+        "kickParticipantDialog": "Czy na pewno chcesz usunąć tego uczestnika?",
+        "kickParticipantTitle": "Usunąć tego uczestnika?",
+        "kickTitle": "Ups! {{participantDisplayName}} usunął Cię z tego spotkania",
+        "linkMeeting": "Link do spotkania",
+        "linkMeetingTitle": "Połącz spotkanie z Salesforce",
+        "liveStreaming": "Strumień na żywo",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "Nie możliwe podczas aktywnego nagrywania",
+        "localUserControls": "Lokalna kontrola użytkownika",
+        "lockMessage": "Zabezpieczenie konferencji nie powiodło się.",
+        "lockRoom": "Dodaj spotkanie $t(lockRoomPasswordUppercase)",
+        "lockTitle": "Nie powiodło się zabezpieczenie konferencji",
+        "login": "Zaloguj",
+        "logoutQuestion": "Na pewno chcesz się wylogować i zakończyć konferencję?",
+        "logoutTitle": "Wyloguj",
+        "maxUsersLimitReached": "Osiągnięto limit maksymalnej liczby uczestników. Konferencja jest zapełniona. Skontaktuj się z właścicielem spotkania lub spróbuj ponownie później!",
+        "maxUsersLimitReachedTitle": "Osiągnięto maksymalną liczbę uczestników",
+        "micConstraintFailedError": "Twój mikrofon nie spełnia niektórych wymaganych parametrów.",
+        "micNotFoundError": "Mikrofon nie jest odnaleziony.",
+        "micNotSendingData": "Wejdź w ustawienia komputera, aby wyłączyć wyciszenie i dostosować poziom głośności",
+        "micNotSendingDataTitle": "Twój mikrofon jest wyciszony przez ustawienia systemowe",
+        "micPermissionDeniedError": "Nie udzieliłeś pozwolenia na użycie twojego mikrofonu. Nadal możesz uczestniczyc w konferencji ale inni nie będą cię słyszeli. Użyj przycisku kamera aby to naprawić.",
+        "micTimeoutError": "Nie udało się uruchomić źródła dźwięku. Przekroczono limit czasu",
+        "micUnknownError": "Z nieznanej przyczyny nie można użyć mikrofonu.",
+        "moderationAudioLabel": "Zezwalaj uczestnikom na włączenie mikrofonów",
+        "moderationVideoLabel": "Zezwalaj uczestnikom na włączenie kamer",
+        "muteEveryoneDialog": "Uczestnicy mogą w dowolnym momencie wyłączyć wyciszenie.",
+        "muteEveryoneDialogModerationOn": "Uczestnicy mogą w każdej chwili wysłać prośbę o zabranie głosu.",
+        "muteEveryoneElseDialog": "Gdy wyciszysz wszystkich nie będziesz miał możliwości wyłączyć ich wyciszenia, ale oni będą mogli samodzielnie wyłączyć wyciszenie w dowolnym momencie.",
+        "muteEveryoneElseTitle": "Wyciszyć wszystkich za wyjątkiem {{whom}}?",
+        "muteEveryoneElsesVideoDialog": "Po wyłączeniu kamery nie będzie można go ponownie włączyć, ale można go ponownie włączyć w dowolnym momencie.",
+        "muteEveryoneElsesVideoTitle": "Wyłączyć kamerę wszystkim oprócz {{whom}}?",
+        "muteEveryoneSelf": "siebie",
+        "muteEveryoneStartMuted": "Od tego momentu wszyscy są wyciszeni",
+        "muteEveryoneTitle": "Wyciszyć wszystkich?",
+        "muteEveryonesVideoDialog": "Uczestnicy mogą w każdej chwili włączyć swoje kamery.",
+        "muteEveryonesVideoDialogModerationOn": "Uczestnicy mogą w dowolnym momencie wysłać prośbę o włączenie ich kamer.",
+        "muteEveryonesVideoDialogOk": "Wyłącz",
+        "muteEveryonesVideoTitle": "Wyłączyć kamery pozostałych uczestników?",
+        "muteParticipantBody": "Nie możesz wyłączyć ich wyciszenia, ale oni mogą samodzielnie wyłączyć wyciszenie w dowolnym momencie.",
+        "muteParticipantButton": "Wycisz",
+        "muteParticipantsVideoBody": "Nie będziesz mógł włączyć jego kamery ponownie, ale uczestnik samodzielnie może włączyć kamerę w dowolnym momencie.",
+        "muteParticipantsVideoBodyModerationOn": "Nie będziesz w stanie ponownie włączyć kamery i oni też nie.",
+        "muteParticipantsVideoButton": "Wyłącz kamery",
+        "muteParticipantsVideoDialog": "Czy na pewno chcesz wyłączyć kamerę tego uczestnika? Nie będziesz mógł ponownie włączyć jego kamery, ale będzie on mógł samodzielnie włączyć kamerę w dowolnym momencie.",
+        "muteParticipantsVideoDialogModerationOn": "Czy na pewno chcesz wyłączyć kamerę tego uczestnika? Nie będziesz w stanie ponownie włączyć aparatu i oni też nie.",
+        "muteParticipantsVideoTitle": "Wyłączyć kamerę tego uczestnika?",
+        "noDropboxToken": "Brak poprawnego tokenu Dropbox",
+        "password": "$t(lockRoomPasswordUppercase)",
+        "passwordLabel": "Spotkanie zostało zabezpieczone przez innego uczestnika. Wprowadź $t(lockRoomPassword), aby dołączyć.",
+        "passwordNotSupported": "Ustanowienie spotkania $t(lockRoomPassword) nie jest obsługiwane.",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) nie jest obsługiwane",
+        "passwordRequired": "$t(lockRoomPasswordUppercase) jest wymagane",
+        "permissionCameraRequiredError": "Dostęp do kamery jest wymagany do udziału w konferencjach z obrazem. Udziel dostępu do kamery w ustawieniach",
+        "permissionErrorTitle": "Wymagana autoryzacja",
+        "permissionMicRequiredError": "Dostęp do mikrofonu jest wymagany do udziału w konferencjach z dźwiękiem. Udziel dostępu do mikrofonu w ustawieniach",
+        "popupError": "Twoja przeglądarka blokuje wyskakujące okienka pochodzące z tej witryny. Włącz wyświetlanie wyskakujących okienek w ustawieniach bezpieczeństwa Twojej przeglądarki i spróbuj ponownie.",
+        "popupErrorTitle": "Wyskakujące okienko zostało zablokowane",
+        "readMore": "więcej",
+        "recentlyUsedObjects": "Twoje ostatnio używane przedmioty",
+        "recording": "Nagrywanie",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "Nie możliwe podczas aktywnej transmisji na żywo",
+        "rejoinNow": "Połącz ponownie teraz",
+        "remoteControlAllowedMessage": "{{user}} zaakceptował Twoją prośbę o kontrolę zdalną!",
+        "remoteControlDeniedMessage": "{{user}} odrzucił Twoją prośbę o kontrolę zdalną!",
+        "remoteControlErrorMessage": "Wystąpił błąd podczas próby uzyskania zgody na zdalną kontrolę od {{user}}!",
+        "remoteControlRequestMessage": "Czy zgadzasz się, żeby {{user}} zdalnie kontrolował Twój komputer?",
+        "remoteControlShareScreenWarning": "Zwróć uwagę, że jeśli wybierzesz \"Pozwól\" jednocześnie zostanie współdzielony Twój ekran!",
+        "remoteControlStopMessage": "Sesja zdalnej kontroli dobiegła końca!",
+        "remoteControlTitle": "Zdalna kontrola komputera",
+        "remoteUserControls": "Zdalna kontrola użytkownika {{username}}",
+        "removePassword": "Usuń $t(lockRoomPassword)",
+        "removeSharedVideoMsg": "Na pewno chcesz usunąć udostępnione wideo?",
+        "removeSharedVideoTitle": "Usuń wideo udostępnione",
+        "reservationError": "Błąd systemu rezerwacji",
+        "reservationErrorMsg": "Kod błędu: {{code}}, treść: {{msg}}",
+        "retry": "Ponów",
+        "screenSharingAudio": "Udostępnianie audio",
+        "screenSharingFailed": "Oops! Coś poszło nie tak. Nie można uruchomić udostępniania ekranu!",
+        "screenSharingFailedTitle": "Niepowodzenie udostępniania ekranu!",
+        "screenSharingPermissionDeniedError": "Oops! Coś poszło nie tak z uprawnieniami udostępniania ekranu. Odśwież stronę i spróbuj ponownie.",
+        "searchInSalesforce": "Szukaj w Salesforce",
+        "searchResults": "Wyniki wyszukiwania({{count}})",
+        "searchResultsDetailsError": "Coś poszło nie tak podczas pobierania danych właściciela.",
+        "searchResultsError": "Coś poszło nie tak podczas pobierania danych.",
+        "searchResultsNotFound": "Nie znaleziono wyników wyszukiwania.",
+        "searchResultsTryAgain": "Spróbuj użyć alternatywnych słów kluczowych.",
+        "sendPrivateMessage": "Niedawno otrzymałeś prywatną wiadomość. Czy zamierzałeś odpowiedzieć na nią prywatnie, czy chcesz wysłać wiadomość do grupy?",
+        "sendPrivateMessageCancel": "Wyślij do grupy",
+        "sendPrivateMessageOk": "Wyślij prywatnie",
+        "sendPrivateMessageTitle": "Wysłać prywatnie?",
+        "serviceUnavailable": "Usługa jest niedostępna",
+        "sessTerminated": "Połączenie przerwane",
+        "sessionRestarted": "Konferencja została wznowiona",
+        "shareAudio": "Kontynuuj",
+        "shareAudioTitle": "Jak można udostępnić dźwięk?",
+        "shareAudioWarningD1": "musisz wyłączyć udostępnianie ekranu, zanim będziesz mógł udostępniać dźwięk.",
+        "shareAudioWarningD2": "musisz ponownie uruchomić udostępnianie ekranu i wybrać opcję \"udostępnij dźwiękś\".",
+        "shareAudioWarningH1": "Jeśli chcesz udostępniać wyłącznie dźwięk:",
+        "shareAudioWarningTitle": "Aby udostępniać dźwięk, musisz wyłączyć udostępnianie ekranu",
+        "shareMediaWarningGenericH2": "Jeżeli chcesz udostępniać ekran i dźwięk",
+        "shareScreenWarningD1": "musisz zatrzymać udostępnianie dźwięku przed udostępnieniem ekranu.",
+        "shareScreenWarningD2": "musisz zatrzymać udostępnianie dźwięku, rozpocząć udostępnianie ekranu i zaznaczyć opcję \"udostępnij dźwięk\".",
+        "shareScreenWarningH1": "Kiedy chcesz udostępniać wyłącznie swój ekran:",
+        "shareScreenWarningTitle": "Aby udostępnić ekran, musisz zatrzymać udostępnianie dźwięku",
+        "shareVideoLinkError": "Podaj proszę prawidłowy link.",
+        "shareVideoTitle": "Udostępnij wideo",
+        "shareYourScreen": "Włącz udostępnianie ekranu",
+        "shareYourScreenDisabled": "Udostępnianie ekranu wyłączone.",
+        "sharedVideoDialogError": "Błąd: nieprawidłowy adres URL",
+        "sharedVideoLinkPlaceholder": "Link do YouTube lub bezpośredni link do wideo",
+        "show": "Pokaż",
+        "start": "Rozpocznij ",
+        "startLiveStreaming": "Rozpocznij transmisję na żywo",
+        "startRecording": "Rozpocznij nagrywanie",
+        "startRemoteControlErrorMessage": "Wystąpił błąd podczas próby rozpoczęcie sesji zdalnej kontroli!",
+        "stopLiveStreaming": "Zatrzymaj transmisję na żywo",
+        "stopRecording": "Zatrzymaj nagrywanie",
+        "stopRecordingWarning": "Naprawdę chcesz zatrzymać nagrywanie?",
+        "stopStreamingWarning": "Czy jesteś pewny, że chcesz zatrzymać tę transmisję na żywo?",
+        "streamKey": "Klucz transmisji na żywo",
+        "thankYou": "Dziękujemy Ci za używanie {{appName}}!",
+        "token": "token",
+        "tokenAuthFailed": "Przepraszamy, ale nie jesteś upoważniony do uczestnictwa w tym połączeniu.",
+        "tokenAuthFailedTitle": "Uwierzytelnianie nie powiodło się",
+        "transcribing": "Transkrypcja",
+        "unlockRoom": "Usuń spotkanie $t(lockRoomPassword)",
+        "user": "Użytkownik",
+        "userIdentifier": "Nazwa użytkownika",
+        "userPassword": "hasło użytkownika",
+        "verifyParticipantConfirm": "Pasują",
+        "verifyParticipantDismiss": "Nie pasują",
+        "verifyParticipantQuestion": "EKSPERYMENT: Zapytaj uczestnika {{participantName}}, czy widzi tę samą treść, w tej samej kolejności.",
+        "verifyParticipantTitle": "Weryfikacja użytkownika",
+        "videoLink": "Link do video",
+        "viewUpgradeOptions": "Pokaż opcje aktualizacji",
+        "viewUpgradeOptionsContent": "Musisz uaktualnić swój plan, aby korzystać z funkcji premium, takich jak nagrywanie, transkrypcja, przesyłanie strumieniowe RTMP i nie tylko.",
+        "viewUpgradeOptionsTitle": "Odkryłeś funkcję premium!",
+        "yourEntireScreen": "Cały Twój ekran"
+    },
+    "documentSharing": {
+        "title": "Udostępniony dokument"
+    },
+    "e2ee": {
+        "labelToolTip": "To połączenie audio i wideo jest szyfrowane end-to-end"
+    },
+    "embedMeeting": {
+        "title": "Osadź to spotkanie"
+    },
+    "feedback": {
+        "average": "Średnio",
+        "bad": "Źle",
+        "detailsLabel": "Powiedz nam o tym więcej.",
+        "good": "Dobrze",
+        "rateExperience": "Jak oceniasz tę konferencję?",
+        "star": "Gwiazda",
+        "veryBad": "Bardzo źle",
+        "veryGood": "Bardzo dobrze"
+    },
+    "filmstrip": {
+        "accessibilityLabel": {
+            "heading": "Miniatury wideo"
+        }
+    },
+    "giphy": {
+        "noResults": "Nie znaleziono wyników :(",
+        "search": "Szukaj GIPHY"
+    },
+    "incomingCall": {
+        "answer": "Odbierz",
+        "audioCallTitle": "Przychodzące połączenie",
+        "decline": "Odrzuć",
+        "productLabel": "z Jitsi Meet",
+        "videoCallTitle": "Przychodzące połączenie wideo"
+    },
+    "info": {
+        "accessibilityLabel": "Pokaż informacje",
+        "addPassword": "Dodaj $t(lockRoomPassword)",
+        "cancelPassword": "Anuluj $t(lockRoomPassword)",
+        "conferenceURL": "Odnośnik:",
+        "copyNumber": "Skopiuj numer",
+        "country": "Kraj",
+        "dialANumber": "Aby dołączyć do spotkania, wprowadź jeden z tych numerów i podaj pin.",
+        "dialInConferenceID": "PIN:",
+        "dialInNotSupported": "Przepraszamy, aktualnie wybieranie nie jest obsługiwane.",
+        "dialInNumber": "Wdzwoń się:",
+        "dialInSummaryError": "Błąd podczas przetwarzania danych do wdzwonienia. Spróbuj ponownie później.",
+        "dialInTollFree": "Numer bezpłatny",
+        "genericError": "Ups, coś poszło nie tak.",
+        "inviteLiveStream": "Aby obejrzeć transmisję na żywo z tego spotkania, kliknij ten odnośnik: {{url}}",
+        "invitePhone": "Aby skorzystać z połączenia telefonicznego, wprowadź: {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Poszukujesz innego numeru do wdzwonienia?\nZobacz listę numerów: {{url}}\n\n\nJeśli wdzwaniasz się z telefonu pokojowego, połącz się bez dźwięku: {{silentUrl}}",
+        "inviteSipEndpoint": "Aby dołączyć używając SIP użyj tego adresu: {{sipUri}}",
+        "inviteTextiOSInviteUrl": "Kliknij w link, aby dołączyć: {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "Jeżeli wdzwaniasz się za pomocą telefonu konferencyjnego użyj tego linku, aby dołączyć bez dźwięku: {{silentUrl}}.",
+        "inviteTextiOSPersonal": "{{name}} zaprasza Cię do spotkania.",
+        "inviteTextiOSPhone": "Aby dołączyć z telefonu użyj numeru: {{number}},,{{conferenceID}}#. Pełna lista numerów telefonów: {{didUrl}}.",
+        "inviteURLFirstPartGeneral": "Zostałeś zaproszony do dołączenia do spotkania.",
+        "inviteURLFirstPartPersonal": "{{name}} zaprasza Cię na spotkanie.\n",
+        "inviteURLSecondPart": "\nDołącz do spotkania:\n{{url}}\n",
+        "label": "Poinformuj o spotkaniu",
+        "liveStreamURL": "Transmisja na żywo:",
+        "moreNumbers": "Więcej numerów",
+        "noNumbers": "Brak numerów do wdzwonienia.",
+        "noPassword": "Brak",
+        "noRoom": "Nie podano pokoju do wdzwonienia.",
+        "numbers": "Numery do wdzwonienia",
+        "password": "$t(lockRoomPasswordUppercase):",
+        "reachedLimit": "Osiągnąłeś limit swojego planu.",
+        "sip": "Adres SIP",
+        "title": "Udostępnij",
+        "tooltip": "Udostępnij odnośnik i informacje do wdzwonienia się na to spotkanie",
+        "upgradeOptions": "Sprawdź opcje aktualizacji na"
+    },
+    "inlineDialogFailure": {
+        "msg": "Nieco niedopisaliśmy.",
+        "retry": "Spróbuj ponownie",
+        "support": "Wsparcie",
+        "supportMsg": "Jeśli to się powtarza, skontaktuj się z nami przez"
+    },
+    "inviteDialog": {
+        "alertText": "Nie udało się zaprosić niektórych uczestników.",
+        "header": "Zaproś",
+        "searchCallOnlyPlaceholder": "Podaj numer telefonu",
+        "searchPeopleOnlyPlaceholder": "Szukaj uczestników",
+        "searchPlaceholder": "Uczestnik lub numer telefonu",
+        "send": "Wyślij"
+    },
+    "jitsiHome": "{{logo}} Logo, link do strony głównej",
+    "keyboardShortcuts": {
+        "focusLocal": "Powiększ wideo",
+        "focusRemote": "Skup na obrazie innej osoby",
+        "fullScreen": "Przejdź w tryb lub zamknij pełny ekran",
+        "giphyMenu": "Przełącz menu GIPHY",
+        "keyboardShortcuts": "Skróty klawiaturowe",
+        "localRecording": "Wyświetlanie lub ukrywanie lokalnych elementów sterujących zapisem",
+        "mute": "Włącz lub wyłącz swój mikrofon",
+        "pushToTalk": "Naciśnij, aby mówić",
+        "raiseHand": "Podnieś lub opuść rękę",
+        "showSpeakerStats": "Pokaż statystyki mówcy",
+        "toggleChat": "Otwórz lub zamknij czat",
+        "toggleFilmstrip": "Wyświetl lub ukryj miniaturki video",
+        "toggleParticipantsPane": "Pokaż lub ukryj listę uczestników",
+        "toggleScreensharing": "Przełącz pomiędzy kamerą i wspóldzieleniem ekranu",
+        "toggleShortcuts": "Wyświetl lub ukryj skróty klawiaturowe",
+        "videoMute": "Uruchom lub zatrzymaj kamerę"
+    },
+    "largeVideo": {
+        "screenIsShared": "Udostępniasz swój ekran",
+        "showMeWhatImSharing": "Pokaż mi, co udostępniam"
+    },
+    "liveStreaming": {
+        "busy": "Pracujemy nad zwolnieniem zasobów transmisyjnych. Spróbuj ponownie za kilka minut.",
+        "busyTitle": "Wszyscy transmitujący są aktualnie zajęci",
+        "changeSignIn": "Przełącz konta.",
+        "choose": "Wybierz transmisję na żywo",
+        "chooseCTA": "Wybierz opcję transmisji. Jesteś obecnie zalogowany jako {{email}}.",
+        "enterStreamKey": "Wpisz tutaj swój klucz transmisji na żywo YouTube.",
+        "error": "Transmitowanie na żywo nie powiodło się. Spróbuj ponownie.",
+        "errorAPI": "Wystąpił błąd podczas uzyskiwania dostępu do transmisji w YouTube. Proszę spróbować zalogować się ponownie.",
+        "errorLiveStreamNotEnabled": "Strumieniowanie na żywo nie jest włączone dla {{email}}. Proszę włączyć strumieniowanie na żywo lub zalogować się na konto z włączoną funkcją strumieniowania.",
+        "expandedOff": "Transmisja na żywo została zatrzymana",
+        "expandedOn": "Spotkanie jest obecnie transmitowane na YouTube.",
+        "expandedPending": "Transmisja na żywo rozpoczyna się…",
+        "failedToStart": "Transmitowanie na żywo nie uruchomiło się",
+        "getStreamKeyManually": "Nie byliśmy w stanie pobrać żadnych transmisji na żywo. Spróbuj uzyskać klucz do transmisji na żywo z YouTube.",
+        "googlePrivacyPolicy": "Polityka prywatności Google",
+        "inProgress": "Trwa nagrywanie lub transmisja na żywo",
+        "invalidStreamKey": "Klucz transmisji na żywo może być nieprawidłowy.",
+        "limitNotificationDescriptionNative": "Twoje strumieniowanie będzie ograniczone do {{limit}} minut. Aby strumieniować bez ograniczeń wybróbuj {{app}}.",
+        "limitNotificationDescriptionWeb": "Ze względu na duże zapotrzebowanie twoje strumieniowanie będzie ograniczone do {{limit}} minut. Aby strumieniować bez ograniczeń wybróbuj <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "off": "Transmitowanie na żywo zostało zatrzymane",
+        "offBy": "{{name}} zatrzymał transmisję na żywo",
+        "on": "Strumień live",
+        "onBy": "{{name}} rozpoczął transmisję na żywo",
+        "pending": "Start strumieniowania live…",
+        "serviceName": "Usługa transmisji na żywo",
+        "sessionAlreadyActive": "Ta sesja jest już nagrywana lub transmitowana na żywo.",
+        "signIn": "Zaloguj się z Google",
+        "signInCTA": "Zaloguj się lub wpisz swój klucz do transmisji na żywo YouTube.",
+        "signOut": "Wyloguj się",
+        "signedInAs": "Jesteś obecnie zalogowany jako:",
+        "start": "Rozpocznij transmisję na żywo",
+        "streamIdHelp": "Co to jest?",
+        "title": "Transmisja na żywo",
+        "unavailableTitle": "Transmisja na żywo jest niedostępna",
+        "youtubeTerms": "Warunki użytkowania YouTube"
+    },
+    "lobby": {
+        "backToKnockModeButton": "Brak hasła, poproś o dołączenie",
+        "chat": "Chat",
+        "dialogTitle": "Lobby",
+        "disableDialogContent": "Lobby jest aktualnie włączone. Ta funkcjonalność zapewnia, że niechciani uczetnicy nie mogą dołączyć do spotkania. Czy chcesz wyłączyć tę opcję?",
+        "disableDialogSubmit": "Wyłącz",
+        "emailField": "Podaj adres email",
+        "enableDialogPasswordField": "Ustaw hasło (opcjonalne)",
+        "enableDialogSubmit": "Włącz",
+        "enableDialogText": "Lobby umożliwia zabezpieczenie spotkania przed dostępem niechcianych osób. Uczestnik może dołączyć do spotkania tylko po zaakceptowaniu przez moderatora.",
+        "enterPasswordButton": "Hasło spotkania",
+        "enterPasswordTitle": "Wprowadź hasło aby dołączyć",
+        "errorMissingPassword": "Proszę wprowadź hasło do spotkania",
+        "invalidPassword": "Nieprawidłowe hasło",
+        "joinRejectedMessage": "Twoja prośba została odrzucona przez moderatora.",
+        "joinRejectedTitle": "Prośba o dołączenie została odrzucona.",
+        "joinTitle": "Dołącz do spotkania",
+        "joinWithPasswordMessage": "Dołączanie z hasłem, proszę czekać…",
+        "joiningMessage": "Dołączysz do spotkania po zaakceptowaniu Twojej prośby",
+        "joiningTitle": "Dołączanie do spotkania…",
+        "joiningWithPasswordTitle": "Dołączanie z hasłem…",
+        "knockButton": "Poproś o dołączenie",
+        "knockTitle": "Ktoś chce dołączyć do spotkania",
+        "knockingParticipantList": "Oczekujący uczestnicy",
+        "lobbyChatStartedNotification": "{{moderator}} rozpoczął czat w poczekalni z {{attendee}}",
+        "lobbyChatStartedTitle": "{{moderator}} rozpoczął z Tobą czat w poczekalni.",
+        "nameField": "Podaj swoje imię",
+        "notificationLobbyAccessDenied": "{{targetParticipantName}} został odrzucony przez {{originParticipantName}}",
+        "notificationLobbyAccessGranted": "{{targetParticipantName}} został zaakceptowany przez {{originParticipantName}}",
+        "notificationLobbyDisabled": "Lobby zostało wyłączone przez {{originParticipantName}}",
+        "notificationLobbyEnabled": "Lobby zostało włączone przez {{originParticipantName}}",
+        "notificationTitle": "Lobby",
+        "passwordField": "Wprowadź hasło",
+        "passwordJoinButton": "Dołącz",
+        "title": "Lobby",
+        "toggleLabel": "Włącz / Wyłącz lobby"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Wyłączone",
+            "on": "Włączone",
+            "unknown": "Nieznane"
+        },
+        "dialogTitle": "Kontrolki lokalnego nagrywania",
+        "duration": "Długość",
+        "durationNA": "N/D",
+        "encoding": "Kodowanie",
+        "label": "LOR",
+        "labelToolTip": "Nagrywanie lokalne jest włączone",
+        "localRecording": "Nagrywanie lokalne",
+        "me": "To ja",
+        "messages": {
+            "engaged": "Włączono nagrywanie lokalne.",
+            "finished": "Sesja nagrywania {{token}} została zakończona. Proszę przesłać nagrane pliki do moderatora.",
+            "finishedModerator": "Sesja nagrywania {{token}} została zakończona. Nagranie lokalnej ścieżki zostało zapisane. Poproś pozostałych uczestników, aby przesłali swoje nagrania.",
+            "notModerator": "Nie jesteś moderatorem. Nie możesz rozpoczynać i zatrzymywać lokalnego nagrywania."
+        },
+        "moderator": "Moderator",
+        "no": "Nie",
+        "participant": "Uczestnik",
+        "participantStats": "Statystyki uczestników",
+        "selectTabTitle": "🎥 Wybierz tę zakładkę do nagrywania",
+        "sessionToken": "Token sesji",
+        "start": "Rozpocznij nagrywanie",
+        "stop": "Zatrzymaj nagrywanie",
+        "yes": "Tak"
+    },
+    "lockRoomPassword": "hasło",
+    "lockRoomPasswordUppercase": "Hasło",
+    "lonelyMeetingExperience": {
+        "button": "Zaproś innych uczestników",
+        "youAreAlone": "Tylko ty uczestniczysz w tym spotkaniu"
+    },
+    "me": "to ja",
+    "notify": {
+        "OldElectronAPPTitle": "Luka bezpieczeństwa!",
+        "allowAction": "Zezwól",
+        "allowedUnmute": "Możesz wyłączyć wyciszenie mikrofonu, uruchomić aparat lub udostępnić ekran.",
+        "audioUnmuteBlockedDescription": "Operacja wyłączania wyciszenia mikrofonu została tymczasowo zablokowana z powodu ograniczeń systemu.",
+        "audioUnmuteBlockedTitle": "Zablokowano wyciszenie mikrofonu!",
+        "chatMessages": "Wiadomości czatu",
+        "connectedOneMember": "{{name}} dołączył do spotkania",
+        "connectedThreePlusMembers": "{{name}} i {{count}} innych osób dołączyło do spotkania",
+        "connectedTwoMembers": "{{first}} i {{second}} dołączyli do spotkania",
+        "dataChannelClosed": "Pogorszona jakość wideo",
+        "dataChannelClosedDescription": "Kanał bridge został odłączony, przez co jakość wideo jest ograniczona do najniższego ustawienia.",
+        "disabledIframe": "Osadzanie jest przeznaczone wyłącznie do celów demonstracyjnych, więc to połączenie zostanie rozłączone za {{timeout}} minut.",
+        "disconnected": "Rozłączono",
+        "displayNotifications": "Wyświetlaj powiadomienia dla",
+        "dontRemindMe": "Nie przypominaj mi",
+        "focus": "Fokus konferencji",
+        "focusFail": "{{component}} jest niedostępny - ponowienie w ciągu {{ms}} sec",
+        "gifsMenu": "GIPHY",
+        "groupTitle": "Powiadomienia",
+        "hostAskedUnmute": "Gospodarz prosi Cię o wyłączenie wyciszenia",
+        "invitedOneMember": "{{name}} został zaproszony",
+        "invitedThreePlusMembers": "{{name}} i {{count}} innych osób zostało zaproszone",
+        "invitedTwoMembers": "{{first}} i {{second}} zostali zaproszeni",
+        "joinMeeting": "Dołącz",
+        "kickParticipant": "{{kicked}} został usunięty przez {{kicker}}",
+        "leftOneMember": "{{name}} opuścił spotkanie",
+        "leftThreePlusMembers": "{{name}} i wielu innych opuściło spotkanie",
+        "leftTwoMembers": "{{first}} i {{second}} opuścił spotkanie",
+        "linkToSalesforce": "Link do Salesforce",
+        "linkToSalesforceDescription": "Możesz połączyć podsumowanie spotkania z obiektem Salesforce.",
+        "linkToSalesforceError": "Nie udało się połączyć spotkania z Salesforce",
+        "linkToSalesforceKey": "Powiąż to spotkanie",
+        "linkToSalesforceProgress": "Łączenie spotkania z Salesforce…",
+        "linkToSalesforceSuccess": "Spotkanie zostało połączone z Salesforce",
+        "localRecordingStarted": "{{name}} rozpoczął nagrywanie lokalne.",
+        "localRecordingStopped": "{{name}} zatrzymał nagrywanie lokalne.",
+        "me": "To ja",
+        "moderationInEffectCSDescription": "Podnieś rękę, aby udostępniać obraz",
+        "moderationInEffectCSTitle": "Udostępnianie jest wyłaczone przez moderatora",
+        "moderationInEffectDescription": "Podnieś rękę, jeżeli chcesz mówić",
+        "moderationInEffectTitle": "Mikrofon jest wyciszony przez moderatora",
+        "moderationInEffectVideoDescription": "Podnieś rękę, aby włączyć kamerę",
+        "moderationInEffectVideoTitle": "Kamera jest wyłączona przez moderatora",
+        "moderationRequestFromModerator": "Moderator prosi Cię o włączenie mikrofonu",
+        "moderationRequestFromParticipant": "chce mówić",
+        "moderationStartedTitle": "Rozpoczęto moderację",
+        "moderationStoppedTitle": "Moderacja zatrzymana",
+        "moderationToggleDescription": "przez {{participantDisplayName}}",
+        "moderator": "Prawa moderatora przydzielone!",
+        "muted": "Rozpoczęto wyciszenie konwersacji.",
+        "mutedRemotelyDescription": "Zawsze możesz wyłączyć wyciszenie, gdy będziesz gotowy do mówienia. Wycisz, gdy skończysz, aby nie hałasować podczas spotkania.",
+        "mutedRemotelyTitle": "Zostałeś wyciszony przez {{participantDisplayName}}!",
+        "mutedTitle": "Jesteś wyciszony!",
+        "newDeviceAction": "Użyj",
+        "newDeviceAudioTitle": "Wykryto nowe urządzenie dźwiękowe",
+        "newDeviceCameraTitle": "Wykryto nową kamerę",
+        "noiseSuppressionDesktopAudioDescription": "Nie można włączyć tłumienia szumów podczas udostępniania dźwięku pulpitu, wyłącz tę funkcję i spróbuj ponownie.",
+        "noiseSuppressionFailedTitle": "Nie udało się uruchomić tłumienia szumów",
+        "noiseSuppressionNoTrackDescription": "Najpierw wyłącz wyciszenie mikrofonu.",
+        "noiseSuppressionStereoDescription": "Tłumienie szumów dźwięku stereo nie jest obecnie obsługiwane.",
+        "oldElectronClientDescription1": "Najprawdopodobniej używasz starej wersji klienta Jitsi Meet, który jest podatny na luki bezpieczeństwa. Proszę zaktualizować do ",
+        "oldElectronClientDescription2": "najnowszej wersji",
+        "oldElectronClientDescription3": " teraz!",
+        "participantWantsToJoin": "Chce dołączyć do spotkania",
+        "participantsWantToJoin": "Chcesz dołączyć do spotkania",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) usunięte przez innego uczestnika",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) ustawiony przez innego uczestnika",
+        "raiseHandAction": "Podnieś rękę",
+        "raisedHand": "{{name}} chce mówić.",
+        "raisedHands": "{{participantName}} i {{raisedHands}} więcej osób",
+        "reactionSounds": "Wyłącz dźwięki",
+        "reactionSoundsForAll": "Wyłącz dźwięki dla wszystkich",
+        "screenShareNoAudio": "Opcja \"Udostępnij dźwięk\" nie została zaznaczona podczas wyboru okna.",
+        "screenShareNoAudioTitle": "Nie można udostępnić dźwięku",
+        "screenSharingAudioOnlyDescription": "Pamiętaj, że udostępniając swój ekran, wpływasz na tryb \"Najlepsza wydajność\" i zużywasz więcej przepustowości.",
+        "screenSharingAudioOnlyTitle": "Tryb \"Najlepsza wydajność\"",
+        "selfViewTitle": "Zawsze możesz włączyć podgląd własnej kamery w ustawieniach",
+        "somebody": "Ktoś",
+        "startSilentDescription": "Ponownie dołącz do spotkania, aby włączyć dźwięk",
+        "startSilentTitle": "Dołączyłeś bez wyjścia dźwiękowego!",
+        "suboptimalBrowserWarning": "Obawiamy się, że Twoje wrażenia ze spotkania nie będą zbyt dobre. Staramy się poprawić tą sytuację, a póki co użyj do spotkania jednej z <a href='{{recommendedBrowserPageLink}}' target='_blank'>przeglądarek w pełni obsługiwanych</a>.",
+        "suboptimalExperienceTitle": "Ostrzeżenie przeglądarki",
+        "unmute": "Wyłącz wyciszenie",
+        "videoMutedRemotelyDescription": "Możesz ją włączyć ponownie w dowolnym momencie.",
+        "videoMutedRemotelyTitle": "Twoja kamera została wyłączona przez {{participantDisplayName}}!",
+        "videoUnmuteBlockedDescription": "Operacje wyłączania wyciszenia kamery i udostępniania pulpitu zostały tymczasowo zablokowane z powodu ograniczeń systemu.",
+        "videoUnmuteBlockedTitle": "Wyłączenie wyciszenia kamery i udostępnianie pulpitu zablokowane!",
+        "viewLobby": "Zobacz poczekalnię",
+        "waitingParticipants": "{{waitingParticipants}} osoby"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "Pozwól",
+            "admitAll": "Pozwól wszystkim",
+            "allow": "Zezwól uczestnikom na:",
+            "allowVideo": "Zezwól na wideo",
+            "askUnmute": "Poproś o wyłączenie wyciszenia",
+            "audioModeration": "Wyłącz wyciszenie",
+            "blockEveryoneMicCamera": "Zablokuj wszystkim kamerę i mikrofon",
+            "invite": "Zaproś",
+            "moreModerationActions": "Więcej opcji moderatora",
+            "moreModerationControls": "Więcej kontroli moderacji",
+            "moreParticipantOptions": "Więcej opcji dla uczestników",
+            "mute": "Wycisz",
+            "muteAll": "Wycisz wszystkich",
+            "muteEveryoneElse": "Wycisz pozostałych",
+            "reject": "Odrzuć",
+            "stopEveryonesVideo": "Wyłącz wszystkie kamery",
+            "stopVideo": "Wyłącz kamerę",
+            "unblockEveryoneMicCamera": "Odblokuj wszystkim kamerę i mikrofon",
+            "videoModeration": "Włącz kamerę"
+        },
+        "close": "Zamknij",
+        "headings": {
+            "lobby": "Lobby ({{count}})",
+            "participantsList": "Obecni uczestnicy ({{count}})",
+            "visitors": "Goście ({{count}})",
+            "waitingLobby": "Oczekujących ({{count}})"
+        },
+        "search": "Wyszukaj uczestników",
+        "title": "Uczestnicy"
+    },
+    "passwordDigitsOnly": "Do {{number}} cyfr",
+    "passwordSetRemotely": "Ustawione przez innego uczestnika",
+    "pinParticipant": "{{participantName}} - Przypnij",
+    "pinnedParticipant": "Uczestnik jest przypięty",
+    "polls": {
+        "answer": {
+            "skip": "Pomiń",
+            "submit": "Wyślij"
+        },
+        "by": "Przez {{ name }}",
+        "create": {
+            "addOption": "Dodaj opcję",
+            "answerPlaceholder": "Opcja {{index}}",
+            "cancel": "Anuluj",
+            "create": "Stwórz ankietę",
+            "pollOption": "Opcja {{index}}",
+            "pollQuestion": "Pytanie",
+            "questionPlaceholder": "Zadaj pytanie",
+            "removeOption": "Usuń opcję",
+            "send": "Wyślij"
+        },
+        "errors": {
+            "notUniqueOption": "Opcje muszą być wyjątkowe"
+        },
+        "notification": {
+            "description": "Otwórz kartę ankiet, aby zagłosować",
+            "title": "Utworzono nową ankietę do tego spotkania"
+        },
+        "results": {
+            "changeVote": "Zmień głos",
+            "empty": "Nie ma aktywnych ankiet. Rozpocznij ankietę tutaj!",
+            "hideDetailedResults": "Ukryj szczegóły",
+            "showDetailedResults": "Pokaż szczegóły",
+            "vote": "Głosuj"
+        }
+    },
+    "poweredby": "napędzane dzięki",
+    "prejoin": {
+        "audioAndVideoError": "Błąd audio i wideo:",
+        "audioDeviceProblem": "Wystąpił problem z urządzeniem audio.",
+        "audioOnlyError": "Błąd audio:",
+        "audioTrackError": "Nie można utworzyć ścieżki audio.",
+        "callMe": "Zadzwoń do mnie",
+        "callMeAtNumber": "Zadzwoń do mnie pod ten numer:",
+        "calling": "Wybieranie",
+        "configuringDevices": "Konfigurowanie urządzeń…",
+        "connectedWithAudioQ": "Jesteś połączony głosowo?",
+        "connection": {
+            "good": "Twoje połączenie internetowe wygląda dobrze!",
+            "nonOptimal": "Twoje połączenie internetowe nie jest optymalne.",
+            "poor": "Masz złe połączenie internetowe."
+        },
+        "connectionDetails": {
+            "audioClipping": "Twój dźwięk będzie się przycinał.",
+            "audioHighQuality": "Twój dźwięk będzie miał doskonałą jakość.",
+            "audioLowNoVideo": "Twój dźwięk prawdopodobnie będzie zły i nie będzie wideo.",
+            "goodQuality": "Świetnie! Jakość obrazu i dźwięku powinna być bardzo dobra.",
+            "noMediaConnectivity": "Nie można nawiązać połączenia z mediami. Jest to zwykle wywoływane przez zaporę sieciową lub NAT.",
+            "noVideo": "Twój obraz będzie słabej jakości.",
+            "undetectable": "Jeśli podczas spotkania nadal będziesz mieć problemy z przeglądarką, sprawdź połączenie oraz działanie głośników, mikrofonu i kamery. Upewnij się również, że Twoja przeglądarka ma niezbędne uprawnienia dostępu do mikrofonu i kamery oraz że masz zainstalowaną najnowszą wersję przeglądarki. Jeśli nadal masz problemy, skontaktuj się z obsługą aplikacji.",
+            "veryPoorConnection": "Twoja jakość konferencji będzie prawdopodobnie bardzo słaba.",
+            "videoFreezing": "Twój obraz będzie się przycinał, stanie się czarny i będzie miał niską rozdzielczość.",
+            "videoHighQuality": "Twój obraz będzie dobrej jakości.",
+            "videoLowQuality": "Twój obraz będzie miał niską rozdzielczość oraz liczbę klatek na sekundę.",
+            "videoTearing": "Twój obraz będzie miał niską rozdzielczość, a na ekranie pojawią się nieporządane artefakty."
+        },
+        "copyAndShare": "Kopiuj i udostępnij link spotkania",
+        "dialInMeeting": "Wdzwoń się na spotkanie",
+        "dialInPin": "Wdzwoń się na spotkanie i wprowadź kod PIN:",
+        "dialing": "Wybieranie",
+        "doNotShow": "Nie pokazuj ponownie",
+        "errorDialOut": "Nie udało się wybrać numeru",
+        "errorDialOutDisconnected": "Nie udało się wybrać numeru. Rozłączono",
+        "errorDialOutFailed": "Nie udało się wybrać numeru. Połączenie nieudane",
+        "errorDialOutStatus": "Błąd podczas uzyskiwania stanu połączenia",
+        "errorMissingName": "Podaj imię, aby dołączyć do spotkania",
+        "errorNoPermissions": "Musisz włączyć dostęp do mikrofonu i kamery",
+        "errorStatusCode": "Błąd wybierania, kod statusu: {{status}}",
+        "errorValidation": "Weryfikacja numeru zakończona niepowodzeniem",
+        "iWantToDialIn": "Chcę się wdzwonić",
+        "initiated": "Połączenie zainicjowane",
+        "joinAudioByPhone": "Dołącz przez telefon",
+        "joinMeeting": "Dołącz do spotkania",
+        "joinMeetingInLowBandwidthMode": "Dołącz w trybie małej przepustowości",
+        "joinWithoutAudio": "Dołącz bez dzwięku",
+        "keyboardShortcuts": "Włącz skróty klawiszowe",
+        "linkCopied": "Link skopiowany do schowka",
+        "lookGood": "Wygląda na to, że Twój mikrofon działa poprawnie",
+        "or": "lub",
+        "premeeting": "Przed spotkaniem",
+        "proceedAnyway": "Kontynuuj mimo to",
+        "screenSharingError": "Błąd udostępniania ekranu:",
+        "startWithPhone": "Uruchom przez telefon",
+        "unsafeRoomConsent": "Rozumiem ryzyko, chcę dołączyć do spotkania",
+        "videoOnlyError": "Błąd wideo:",
+        "videoTrackError": "Nie można utworzyć ścieżki wideo.",
+        "viewAllNumbers": "zobacz numery"
+    },
+    "presenceStatus": {
+        "busy": "Zajęte",
+        "calling": "Dzwonię…",
+        "connected": "Połączono",
+        "connecting": "Łączę…",
+        "connecting2": "Łączę*…",
+        "disconnected": "Rozłączony",
+        "expired": "Wygasły",
+        "ignored": "Zignorowane",
+        "initializingCall": "Inicjalizacja połączenia…",
+        "invited": "Zaproszony",
+        "rejected": "Odrzucony",
+        "ringing": "Dzwonek…"
+    },
+    "profile": {
+        "avatar": "awatar",
+        "setDisplayNameLabel": "Podaj swoją wyświetlaną nazwę",
+        "setEmailInput": "Wprowadź adres email",
+        "setEmailLabel": "Ustaw adres poczty elektronicznej swojego Gravatara",
+        "title": "Profil"
+    },
+    "raisedHand": "Chcę coś powiedzieć",
+    "raisedHandsLabel": "Liczba podniesionych rąk",
+    "record": {
+        "already": {
+            "linked": "Spotkanie jest już połączone z tym obiektem Salesforce."
+        },
+        "type": {
+            "account": "Kontrahent",
+            "contact": "Kontakt",
+            "lead": "Lead",
+            "opportunity": "Szansa sprzedaży",
+            "owner": "Właściciel"
+        }
+    },
+    "recording": {
+        "authDropboxText": "Prześlij na Dropbox",
+        "availableSpace": "Dostępna przestrzeń: {{spaceLeft}} MB (około {{duration}} minut nagrania)",
+        "beta": "BETA",
+        "busy": "Pracujemy nad uwolnieniem zasobów nagrywania. Proszę spróbować ponownie za kilka minut.",
+        "busyTitle": "Wszystkie urządzenia nagrywania są obecnie zajete",
+        "copyLink": "Skopiuj link",
+        "error": "Nagranie się nie powiodło. Proszę spróbować ponownie.",
+        "errorFetchingLink": "Nie udało się wczytać linku do nagrania.",
+        "expandedOff": "Nagrywanie zostało zatrzymane",
+        "expandedOn": "Spotkanie jest obecnie nagrywane.",
+        "expandedPending": "Nagrywanie się rozpoczyna…",
+        "failedToStart": "Nagrywanie nie jest możliwe",
+        "fileSharingdescription": "Udostępnij nagranie uczestnikom spotkania",
+        "highlight": "Oznacz",
+        "highlightMoment": "Zaznacz moment",
+        "highlightMomentDisabled": "Możesz zaznaczyć momenty rozpoczęcia nagrywania",
+        "highlightMomentSuccess": "Zaznaczony moment",
+        "highlightMomentSucessDescription": "Zaznaczony moment zostanie dodany do podsumowania spotkania.",
+        "inProgress": "Trwa nagrywanie lub transmisja na żywo",
+        "limitNotificationDescriptionNative": "Ze względu na duże zapotrzebowanie twoje nagrywanie będzie ograniczone do {{limit}} minut. Aby strumieniować bez ograniczeń wybróbuj <3>{{app}}</3>.",
+        "limitNotificationDescriptionWeb": "Ze względu na duże zapotrzebowanie twoje nagrywanie będzie ograniczone do {{limit}} minut. Aby strumieniować bez ograniczeń wybróbuj <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "linkGenerated": "Wygenerowano link do nagrania.",
+        "live": "NA ŻYWO",
+        "localRecordingNoNotificationWarning": "Nagranie nie zostanie ogłoszone innym uczestnikom. Musisz poinformować ich, że spotkanie jest nagrywane.",
+        "localRecordingNoVideo": "Film nie jest nagrywany",
+        "localRecordingStartWarning": "Upewnij się, że zatrzymałeś nagrywanie przed opuszczeniem spotkania, aby je zapisać.",
+        "localRecordingStartWarningTitle": "Zatrzymaj nagrywanie, aby je zapisać",
+        "localRecordingVideoStop": "Zatrzymanie filmu spowoduje również zatrzymanie nagrywania lokalnego. Jesteś pewien, że chcesz kontynuować?",
+        "localRecordingVideoWarning": "Aby nagrać film, musisz go mieć na początku nagrywania",
+        "localRecordingWarning": "Upewnij się, że wybrałeś bieżącą kartę, aby użyć odpowiedniego obrazu i dźwięku.",
+        "loggedIn": "Zalogowano jako {{userName}}",
+        "noMicPermission": "Nie można utworzyć ścieżki mikrofonu. Zezwól na korzystanie z mikrofonu.",
+        "noStreams": "Nie wykryto strumienia audio lub wideo.",
+        "off": "Nagrywanie zatrzymane",
+        "offBy": "{{name}} zatrzymał nagrywanie",
+        "on": "Nagrywanie",
+        "onBy": "{{name}} rozpoczął nagrywanie",
+        "onlyRecordSelf": "Nagrywaj tylko moje strumienie audio i wideo",
+        "pending": "Przygotowanie do nagrania spotkania…",
+        "rec": "NAGRYWANIE",
+        "saveLocalRecording": "Zapisz plik nagrania lokalnie (Beta)",
+        "serviceDescription": "Twoje nagranie zostanie zapisane przez usługę nagrywania",
+        "serviceDescriptionCloud": "Nagrywanie w chmurze",
+        "serviceDescriptionCloudInfo": "Nagrane spotkania są automatycznie usuwane 24 godziny po ich nagraniu.",
+        "serviceName": "Usługa nagrywania",
+        "sessionAlreadyActive": "Ta sesja jest już nagrywana lub transmitowana na żywo.",
+        "signIn": "Zaloguj się",
+        "signOut": "Wyloguj się",
+        "surfaceError": "Proszę wybrać aktualną zakładkę.",
+        "title": "Nagrywanie",
+        "unavailable": "Ups! {{serviceName}} w tej chwili niedostępny. Próbujemy rozwiązać ten problem. Spróbuj ponownie później.",
+        "unavailableTitle": "Nagrywanie niedostępne",
+        "uploadToCloud": "Prześlij do chmury"
+    },
+    "screenshareDisplayName": "Ekran użytkownika {{name}}",
+    "sectionList": {
+        "pullToRefresh": "Przeciągnij, aby odświeżyć"
+    },
+    "security": {
+        "about": "Możesz dodać $t(lockRoomPassword) do spotkania. Uczestnicy będą musieli wprowadzić $t(lockRoomPassword) przed dołączeniem do spotkania.",
+        "aboutReadOnly": "Uczestnicy posiadający uprawnienia do moderacji mogą ustawić $t(lockRoomPassword) do spotkania. Uczestnicy będą musieli wprowadzić $t(lockRoomPassword) zanim zostaną dołączeni do spotkania.",
+        "insecureRoomNameWarningNative": "Nazwa pokoju jest niebezpieczna. Niechciani uczestnicy mogą dołączyć do Twojego spotkania. {{recommendAction}} Dowiedz się więcej o zabezpieczeniu spotkania ",
+        "insecureRoomNameWarningWeb": "Nazwa pokoju jest niebezpieczna. Niechciani uczestnicy mogą dołączyć do Twojego spotkania. {{recommendAction}} Dowiedz się więcej o zabezpieczeniu spotkania <a href=\"{{securityUrl}}\" rel=\"security\" target=\"_blank\">tutaj</a>.",
+        "title": "Opcje zabezpieczeń",
+        "unsafeRoomActions": {
+            "meeting": "Rozważ zabezpieczenie spotkania za pomocą przycisku bezpieczeństwa.",
+            "prejoin": "Rozważ użycie bardziej unikalnej nazwy spotkania.",
+            "welcome": "Rozważ użycie bardziej unikalnej nazwy spotkania lub wybierz jedną z sugestii."
+        }
+    },
+    "settings": {
+        "audio": "Audio",
+        "buttonLabel": "Ustawienia",
+        "calendar": {
+            "about": "{{appName}} integracji kalendarza służy do bezpiecznego dostępu do kalendarza, aby można było odczytywać nadchodzące wydarzenia.",
+            "disconnect": "Rozłącz",
+            "microsoftSignIn": "Zaloguj się z Microsoft",
+            "signedIn": "Dostęp do wydarzeń kalendarza dla {{email}}. Kliknij poniższy przycisk Rozłącz aby zatrzymać dostęp do wydarzeń kalendarza.",
+            "title": "Kalendarz"
+        },
+        "desktopShareFramerate": "Liczba klatek na sekundę dla udostępniania ekranu",
+        "desktopShareHighFpsWarning": "Wyższa liczba klatek może wpłynąć na szybkość transmisji danych. Aby ustawienie zaczęło obowiązywać, musisz ponownie uruchomić udostępnianie ekranu.",
+        "desktopShareWarning": "Wymagane ponowne włączenie udostępniania ekranu, aby zastosować nowe ustawienia.",
+        "devices": "Urządzenia",
+        "followMe": "Wszyscy widzą mnie",
+        "framesPerSecond": "klatek na sekundę",
+        "incomingMessage": "Przychodząca wiadomość",
+        "language": "Język",
+        "loggedIn": "Zalogowano jako {{name}}",
+        "maxStageParticipants": "Maksymalna liczba uczestników, których można przypiąć do sceny głównej",
+        "microphones": "Mikrofony",
+        "moderator": "Moderacja",
+        "moderatorOptions": "Opcje moderatora",
+        "more": "Więcej",
+        "name": "Nazwa",
+        "noDevice": "Brak",
+        "notifications": "Powiadomienia",
+        "participantJoined": "Dołączył nowy uczestnik",
+        "participantKnocking": "Uczestnik wszedł do poczekalni",
+        "participantLeft": "Uczestnik opuścił spotkanie",
+        "playSounds": "Włącz powiadomienia dźwiękowe dla:",
+        "reactions": "Reakcje",
+        "sameAsSystem": "Jak system ({{label}})",
+        "selectAudioOutput": "Wyjście audio",
+        "selectCamera": "Kamera",
+        "selectMic": "Mikrofon",
+        "selfView": "Własnego podgląd",
+        "shortcuts": "Skróty",
+        "speakers": "Głośniki",
+        "startAudioMuted": "Wycisz wszystkich dołączających",
+        "startReactionsMuted": "Wycisz dźwięki reakcji dla wszystkich",
+        "startVideoMuted": "Wyłącz kamery wszystkich dołączających",
+        "talkWhileMuted": "Jesteś wyciszony",
+        "title": "Ustawienia",
+        "video": "Wideo"
+    },
+    "settingsView": {
+        "advanced": "Zaawansowane",
+        "alertCancel": "Anuluj",
+        "alertOk": "OK",
+        "alertTitle": "Uwaga",
+        "alertURLText": "Wprowadzony adres URL serwera jest nieprawidłowy",
+        "buildInfoSection": "Informacja o kompilacji",
+        "conferenceSection": "Konferencja",
+        "disableCallIntegration": "Wyłącz natywną integrację połczeń tel.",
+        "disableCrashReporting": "Wyłącz raportowanie błędów",
+        "disableCrashReportingWarning": "Czy na pewno chcesz wyłączyć raportowanie błędów? Ustawienie zacznie funkcjonować po restarcie aplikacji.",
+        "disableP2P": "Wyłącz tryb Peer-To-Peer",
+        "displayName": "Wyświetlana nazwa",
+        "displayNamePlaceholderText": "Np. Jan Kowalski",
+        "email": "Email",
+        "emailPlaceholderText": "email@example.com",
+        "goTo": "Idź do",
+        "header": "Ustawienia",
+        "help": "Pomoc",
+        "links": "Linki",
+        "privacy": "Prywatność",
+        "profileSection": "Profil",
+        "serverURL": "Adres URL serwera",
+        "showAdvanced": "Pokaż ustawienia zawansowane",
+        "startCarModeInLowBandwidthMode": "Uruchom tryb samochodowy w trybie niskiej przepustowości",
+        "startWithAudioMuted": "Rozpocznij z wyciszonym dźwiękiem",
+        "startWithVideoMuted": "Rozpocznij z wyłączonym obrazem",
+        "terms": "Warunki",
+        "version": "Wersja"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nChcesz wdzwonić się ze swojego telefonu?\n\n{{defaultDialInNumber}}Kliknij w ten link aby zobaczyć numery wdzwaniania na to spotkanie\n{{dialInfoPageUrl}}",
+        "mainText": "Kliknij na poniższy odnośnik, aby dołączyć do spotkania:\n{{roomUrl}}"
+    },
+    "speaker": "Mówca",
+    "speakerStats": {
+        "angry": "Zły",
+        "disgusted": "Oburzony",
+        "displayEmotions": "Pokaż emocje",
+        "fearful": "Przerażony",
+        "happy": "Szczęśliwy",
+        "hours": "{{count}} godz.",
+        "minutes": "{{count}} min.",
+        "name": "Nazwa",
+        "neutral": "Neutralny",
+        "sad": "Smutny",
+        "search": "Wyszukaj",
+        "searchHint": "Wyszukaj uczestników",
+        "seconds": "{{count}} sek.",
+        "speakerStats": "Statystyki mówców",
+        "speakerTime": "Czas mówcy",
+        "surprised": "Zdziwiony"
+    },
+    "startupoverlay": {
+        "genericTitle": "Spotkanie potrzebuje używać Twojego mikrofonu i kamery.",
+        "policyText": " ",
+        "title": "{{app}} potrzebuje używać Twojego mikrofonu i kamery."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Dołącz ponownie",
+        "text": "Naciśnij przycisk <i>Dołącz ponownie</i>, aby połączyć się ponownie.",
+        "title": "Twoja rozmowa wideo została przerwana, ponieważ komputer zasnął."
+    },
+    "termsView": {
+        "title": "Warunki"
+    },
+    "toggleTopPanelLabel": "Przełącz górny panel",
+    "toolbar": {
+        "Settings": "Ustawienia",
+        "accessibilityLabel": {
+            "Settings": "Ustawienia przełączania",
+            "audioOnly": "Przełączanie tylko audio",
+            "audioRoute": "Wybierz urządzenie dźwiękowe",
+            "boo": "Buczenie",
+            "breakoutRoom": "Dołącz/opuść pokój podgrupy",
+            "callQuality": "Zarządzanie jakością obrazu",
+            "carmode": "Tryb samochodowy",
+            "cc": "Przełączanie napisów",
+            "chat": "Przełączanie okna rozmowy",
+            "clap": "Klaskanie",
+            "closeChat": "Zamknij czat",
+            "closeMoreActions": "Zamknij rozszerzone menu opcji",
+            "closeParticipantsPane": "Zamknij okno uczestników",
+            "collapse": "Zwiń",
+            "document": "Przełączanie wspólnego dokumentu",
+            "documentClose": "Zamknij udostępniony dokument",
+            "documentOpen": "Otwórz udostępniony dokument",
+            "download": "Pobierz nasze aplikacje",
+            "embedMeeting": "Osadź spotkanie",
+            "endConference": "Zakończ spotkanie",
+            "enterFullScreen": "Wyświetl w trybie pełnego ekranu",
+            "enterTileView": "Wyświetl w trybie kafelkowym",
+            "exitFullScreen": "Zamknij tryb pełnego ekranu",
+            "exitTileView": "Zamknij tryb kafelkowy",
+            "expand": "Rozwiń",
+            "feedback": "Zostaw swoją opinię",
+            "fullScreen": "Przełączanie trybu pełnoekranowego",
+            "giphy": "Przełącz menu GIPHY",
+            "grantModerator": "Przyznaj prawa moderowania",
+            "hangup": "Zostaw rozmowę",
+            "heading": "Pasek narzędzi",
+            "help": "Pomoc",
+            "hideWhiteboard": "Ukryj tablicę",
+            "invite": "Zaproś uczestników",
+            "kick": "Usuń uczestnika",
+            "laugh": "Śmiech",
+            "leaveConference": "Opuść spotkanie",
+            "like": "Kciuk w górę",
+            "linkToSalesforce": "Link do Salesforce",
+            "lobbyButton": "Włącz/wyłącz tryb lobby",
+            "localRecording": "Przełączanie lokalnych urządzeń sterujących zapisem danych",
+            "lockRoom": "Przełączenie hasła spotkania",
+            "lowerHand": "Opuść rękę",
+            "moreActions": "Przełączanie menu więcej działań",
+            "moreActionsMenu": "Więcej działań w menu",
+            "moreOptions": "Pokaż więcej opcji",
+            "mute": "Uruchamianie wyciszonego audycji",
+            "muteEveryone": "Wycisz wszystkich",
+            "muteEveryoneElse": "Wycisz pozostałych",
+            "muteEveryoneElsesVideoStream": "Wyłącz kamery pozostałym",
+            "muteEveryonesVideoStream": "Wyłącz wszystkim kamery",
+            "muteGUMPending": "Podłączanie mikrofonu",
+            "noiseSuppression": "Tłumienie szumów",
+            "openChat": "Otwórz czat",
+            "participants": "Uczestnicy",
+            "pip": "Tryb przełączania obrazu-w-obrazie",
+            "privateMessage": "Wyślij wiadomość prywatną",
+            "profile": "Edytuj swój profil",
+            "raiseHand": "Przełączyć rękę w górę",
+            "reactions": "Reakcje",
+            "reactionsMenu": "Otwórz / Zamknij reakcje",
+            "recording": "Przełączanie nagrywania",
+            "remoteMute": "Wycisz uczestnika",
+            "remoteVideoMute": "Wyłącz kamerę uczestnika",
+            "security": "Opcje zabezpieczeń",
+            "selectBackground": "Wybierz tło",
+            "selfView": "Przełącz własny widok",
+            "shareRoom": "Zaproś kogoś",
+            "shareYourScreen": "Przełączanie udostępniania ekranu",
+            "shareaudio": "Udostępnij audio",
+            "sharedvideo": "Przełącz udostępnianie obrazu",
+            "shortcuts": "Przełączanie skrótów klawiszowych",
+            "show": "Pokaż na scenie",
+            "showWhiteboard": "Pokaż tablicę",
+            "silence": "Cisza",
+            "speakerStats": "Przełączanie statystyk dotyczących mówców",
+            "stopScreenSharing": "Zatrzymaj udostępnianie ekranu",
+            "stopSharedVideo": "Zatrzymaj wideo",
+            "surprised": "Zaskoczony",
+            "tileView": "Przełącz widok kafelkowy",
+            "toggleCamera": "Przełączanie kamery",
+            "toggleFilmstrip": "Przełącz filmstrip",
+            "unmute": "Wyłącz wyciszenie",
+            "videoblur": "Przełącz rozmazanie obrazu",
+            "videomute": "Przełączanie wyciszonego filmu wideo",
+            "videomuteGUMPending": "Podłączanie kamery",
+            "videounmute": "Uruchom kamerę"
+        },
+        "addPeople": "Dodaj ludzi do swojej rozmowy",
+        "audioOnlyOff": "Wyłącz tryb słabego łącza",
+        "audioOnlyOn": "Włącz tryb słabego łącza",
+        "audioRoute": "Wybierz urządzenie dźwiękowe",
+        "audioSettings": "Ustawienia audio",
+        "authenticate": "Uwierzytelnianie",
+        "boo": "Buczenie",
+        "callQuality": "Zarządzanie jakością obrazu",
+        "chat": "Otwórz / Zamknij okno czatu",
+        "clap": "Klaskanie",
+        "closeChat": "Zamknij czat",
+        "closeParticipantsPane": "Zamknij okno uczestników",
+        "closeReactionsMenu": "Zamknij reakcje",
+        "disableNoiseSuppression": "Wyłącz tłumienie szumów",
+        "disableReactionSounds": "Wyłącz dźwięki reakcji dla tego spotkania",
+        "documentClose": "Zamknij udostępniony dokument",
+        "documentOpen": "Otwarty udostępniony dokument",
+        "download": "Pobierz nasze aplikacje",
+        "e2ee": "Szyfrowanie End-to-End",
+        "embedMeeting": "Osadź spotkanie",
+        "enableNoiseSuppression": "Włącz tłumienie szumów",
+        "endConference": "Zakończ spotkanie",
+        "enterFullScreen": "Wyświetl na pełnym ekranie",
+        "enterTileView": "Wyświetl widok kafelkowy",
+        "exitFullScreen": "Zamknij pełny ekran",
+        "exitTileView": "Zamknij widok kafelkowy",
+        "feedback": "Zostaw swoją opinię",
+        "giphy": "Przełącz menu GIPHY",
+        "hangup": "Opuść spotkanie",
+        "help": "Pomoc",
+        "hideWhiteboard": "Ukryj tablicę",
+        "invite": "Zaproś uczestników",
+        "joinBreakoutRoom": "Dołącz do pokoju podgrupy",
+        "laugh": "Śmiech",
+        "leaveBreakoutRoom": "Opuść pokój spotkań",
+        "leaveConference": "Opuść spotkanie",
+        "like": "Kciuk w górę",
+        "linkToSalesforce": "Link do Salesforce",
+        "lobbyButtonDisable": "Wyłącz tryb lobby",
+        "lobbyButtonEnable": "Włącz tryb lobby",
+        "login": "Zaloguj",
+        "logout": "Wyloguj",
+        "lowerYourHand": "Opuść rękę",
+        "moreActions": "Więcej działań",
+        "moreOptions": "Więcej opcji",
+        "mute": "Włącz / Wyłącz mikrofon",
+        "muteEveryone": "Wycisz wszystkich",
+        "muteEveryonesVideo": "Wyłącz wszystkim kamery",
+        "muteGUMPending": "Podłączanie mikrofonu",
+        "noAudioSignalDesc": "Jeżeli celowo nie wyciszyłeś mikrofonu w ustawieniach systemowych spróbuj innego urządzenia.",
+        "noAudioSignalDescSuggestion": "Jeżeli celowo nie wyciszyłeś mikrofonu w ustawieniach systemowych spróbuj sugerowanego urządzenia.",
+        "noAudioSignalDialInDesc": "Możesz się również wdzwonić korzystając z numerów:",
+        "noAudioSignalDialInLinkDesc": "Numery wdzwaniania",
+        "noAudioSignalTitle": "Brak sygnału audio!",
+        "noiseSuppression": "Tłumienie szumów",
+        "noisyAudioInputDesc": "Wygląda na to, że Twój mikrofon powoduje zakłócenia.",
+        "noisyAudioInputTitle": "Twój mikrofon powoduje zakłócenia!",
+        "openChat": "Otwórz czat",
+        "openReactionsMenu": "Otwórz reakcje",
+        "participants": "Uczestnicy",
+        "pip": "Wprowadź tryb obrazu w obrazie",
+        "privateMessage": "Wyślij wiadomość prywatną",
+        "profile": "Edytuj swój profil",
+        "raiseHand": "Podnieś / Opuść rękę",
+        "raiseYourHand": "Podnieś rękę",
+        "reactionBoo": "Wyślij buczenie",
+        "reactionClap": "Wyślij klaskanie",
+        "reactionLaugh": "Wyślij śmiech",
+        "reactionLike": "Wyślij kciuk w górę",
+        "reactionSilence": "Wyślij cisza",
+        "reactionSurprised": "Wyślij zaskoczony",
+        "reactions": "Reakcje",
+        "security": "Opcje zabezpieczeń",
+        "selectBackground": "Wybierz tło",
+        "shareRoom": "Zaproś kogoś",
+        "shareaudio": "Udostępnij audio",
+        "sharedvideo": "Udostępnij wideo",
+        "shortcuts": "Wyświetl skróty",
+        "showWhiteboard": "Pokaż tablicę",
+        "silence": "Cisza",
+        "speakerStats": "Statystyki mówców",
+        "startScreenSharing": "Zacznij współdzielenie ekranu",
+        "startSubtitles": "Uruchom napisy",
+        "stopAudioSharing": "Zakończ udostępnianie audio",
+        "stopScreenSharing": "Zakończ współdzielenie ekranu",
+        "stopSharedVideo": "Zatrzymaj wideo",
+        "stopSubtitles": "Zatrzymaj napisy",
+        "surprised": "Zaskoczony",
+        "talkWhileMutedPopup": "Próbujesz mówić? Jesteś wyciszony.",
+        "tileViewToggle": "Przełączanie widoku kafelkowego",
+        "toggleCamera": "Przełączanie kamery",
+        "unmute": "Wyłącz wyciszenie",
+        "videoSettings": "Ustawienia video",
+        "videomute": "Włącz / Wyłącz kamerę",
+        "videomuteGUMPending": "Podłączanie kamery",
+        "videounmute": "Uruchom kamerę"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Uruchom / Zatrzymaj napisy",
+        "error": "Przepisywanie nie powiodło się. Proszę spróbować ponownie.",
+        "expandedLabel": "Transkrypcja jest obecnie włączona",
+        "failedToStart": "Błąd uruchomienia transkrypcji",
+        "labelToolTip": "Spotkanie jest transkrybowane",
+        "off": "Transkrypcja została zatrzymana",
+        "pending": "Przygotowanie do transkrypcji spotkania…",
+        "sourceLanguageDesc": "Obecnie język spotkania jest ustawiony na <b>{{sourceLanguage}}</b>. <br/> Możesz to zmienić ",
+        "sourceLanguageHere": "tutaj",
+        "start": "Rozpocznij wyświetlanie napisów",
+        "stop": "Zatrzymaj wyświetlanie napisów",
+        "subtitles": "Napisy",
+        "subtitlesOff": "Wyłączone",
+        "tr": "TR"
+    },
+    "unpinParticipant": "{{participantName}} - Odepnij",
+    "userMedia": {
+        "grantPermissions": "Udziel przyzwolenia na użycie swej kamery i mikrofonu."
+    },
+    "videoSIPGW": {
+        "busy": "Pracujemy nad uwolnieniem zasobów. Prosimy spróbować za kilka minut.",
+        "busyTitle": "Usługa pokoju jest obecnie zajęta",
+        "errorAlreadyInvited": "{{displayName}} jest już zaproszony",
+        "errorInvite": "Konferencja nie została jeszcze ustanowiona. Prosimy spróbować ponownie później.",
+        "errorInviteFailed": "Pracujemy nad rozwiązaniem tego problemu. Prosimy ponownie spróbować później.",
+        "errorInviteFailedTitle": "Błąd zaproszenia {{displayName}}",
+        "errorInviteTitle": "Błąd zaproszenia do pokoju",
+        "pending": "{{displayName}} został zaproszony"
+    },
+    "videoStatus": {
+        "adjustFor": "Dostosuj do:",
+        "audioOnly": "DŹW",
+        "audioOnlyExpanded": "Jesteś w trybie słabego łącza. W tym trybie będziesz otrzymywać tylko dźwięk i udostępnianie ekranu.",
+        "bestPerformance": "Najlepsza wydajność",
+        "callQuality": "Jakość obrazu",
+        "hd": "HD",
+        "hdTooltip": "Podgląd obrazu w wysokiej rozdzielczości",
+        "highDefinition": "Wysoka rozdzielczość",
+        "highestQuality": "Najwyższa jakość",
+        "labelTooiltipNoVideo": "Brak obrazu",
+        "labelTooltipAudioOnly": "Włączono tryb słabego łącza",
+        "ld": "LD",
+        "ldTooltip": "Podgląd obrazu w niskiej rozdzielczości",
+        "lowDefinition": "Niska rozdzielczość",
+        "performanceSettings": "Ustawienia wydajności",
+        "recording": "Trwa nagrywanie",
+        "sd": "SD",
+        "sdTooltip": "Podgląd obrazu w standardowej rozdzielczości",
+        "standardDefinition": "Standardowa rozdzielczość",
+        "streaming": "Trwa transmisja"
+    },
+    "videothumbnail": {
+        "connectionInfo": "Informacje o połączeniu",
+        "domute": "Wyciszenie",
+        "domuteOthers": "Wycisz pozostałych",
+        "domuteVideo": "Wyłącz kamerę",
+        "domuteVideoOfOthers": "Wyłącz kamerę pozostałym",
+        "flip": "Odwrócenie",
+        "grantModerator": "Przyznaj prawa moderatora",
+        "hideSelfView": "Ukryj widok własnego podglądu",
+        "kick": "Wyrzuć",
+        "mirrorVideo": "Lustrzane odbicie",
+        "moderator": "Moderator",
+        "mute": "Uczestnik ma wyciszone audio",
+        "muted": "Wyciszony",
+        "pinToStage": "Przypnij do sceny",
+        "remoteControl": "Kontrola zdalna",
+        "screenSharing": "Uczestnik udostępnia ekran",
+        "show": "Pokaż na scenie",
+        "showSelfView": "Pokaż własny widok",
+        "unpinFromStage": "Odepnij",
+        "verify": "Zweryfikuj uczestnika",
+        "videoMuted": "Kamera wyłączona",
+        "videomute": "Uczestnik zatrzymał kamerę"
+    },
+    "virtualBackground": {
+        "addBackground": "Dodaj tło",
+        "apply": "Zastosuj",
+        "backgroundEffectError": "Nie udało się zastosować efektu tła.",
+        "blur": "Rozmycie",
+        "deleteImage": "Usuń obraz",
+        "desktopShare": "Udostępnianie pulpitu",
+        "desktopShareError": "Nie można udostępnić pulpitu",
+        "image1": "Plaża",
+        "image2": "Biała ściana",
+        "image3": "Biały pusty pokój",
+        "image4": "Czarna lampa",
+        "image5": "Góra",
+        "image6": "Las",
+        "image7": "Wschód słońca",
+        "none": "Żadne",
+        "pleaseWait": "Proszę czekać…",
+        "removeBackground": "Usuń tło",
+        "slightBlur": "Lekkie rozmycie",
+        "title": "Tła",
+        "uploadedImage": "Przesłany obraz {{index}}",
+        "webAssemblyWarning": "WebAssembly nie jest obsługiwany",
+        "webAssemblyWarningDescription": "WebAssembly wyłączony lub nieobsługiwany przez tę przeglądarkę"
+    },
+    "visitors": {
+        "chatIndicator": "(visitor)",
+        "labelTooltip": "Liczba odwiedzających: {{count}}",
+        "notification": {
+            "description": "Aby wziąć udział, podnieś rękę",
+            "title": "Jesteś gościem na spotkaniu"
+        }
+    },
+    "volumeSlider": "Kontrola głośności",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Stuknij aby dołączyć",
+            "roomname": "Podaj nazwę sali konferencyjnej"
+        },
+        "addMeetingName": "Dodaj nazwę spotkania",
+        "appDescription": "No dalej, pogawędka wideo z całym zespołem. W rzeczywistości, zaproś wszystkich, których znasz. {{app}} jest w pełni zaszyfrowanym, w 100% otwartym rozwiązaniem wideokonferencyjnym, z którego możesz korzystać przez cały dzień, codziennie, za darmo - bez konieczności posiadania konta.",
+        "audioVideoSwitch": {
+            "audio": "Głos",
+            "video": "Obraz"
+        },
+        "calendar": "Kalendarz",
+        "connectCalendarButton": "Podłącz swój kalendarz",
+        "connectCalendarText": "Podłącz swój kalendarz aby przeglądać wszystkie Twoje spotkania w {{app}}. Dodaj spotkania {{provider}} do swojego kalendarza i uruchamiaj je jednym kliknięciem.",
+        "enterRoomTitle": "Rozpocznij nowe spotkanie",
+        "getHelp": "Pomoc",
+        "go": "Dalej",
+        "goSmall": "Dalej",
+        "headerSubtitle": "Bezpieczne i wysokiej jakości spotkania",
+        "headerTitle": "Jitsi Meet",
+        "info": "Informacje",
+        "jitsiOnMobile": "Jitsi mobile – pobierz appkę i rozpocznij spotkanie z dowolnego miejsca",
+        "join": "Utwórz / Dołącz",
+        "logo": {
+            "calendar": "Logo kalendarza",
+            "desktopPreviewThumbnail": "Miniatura podglądu pulpitu",
+            "googleLogo": "Logo Google",
+            "logoDeepLinking": "Logo Jitsi meet",
+            "microsoftLogo": "Logo Microsoftu",
+            "policyLogo": "Logo polityki"
+        },
+        "meetingsAccessibilityLabel": "Spotkania",
+        "mobileDownLoadLinkAndroid": "Pobierz appkę dla systemu Android",
+        "mobileDownLoadLinkFDroid": "Pobierz appkę dla systemu F-Droid",
+        "mobileDownLoadLinkIos": "Pobierz appkę dla systemu iOS",
+        "moderatedMessage": "lub <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">zarezerwuj adres spotkania</a> jeśli jesteś jedynym moderatorem.",
+        "privacy": "Polityka prywatności",
+        "recentList": "Niedawno",
+        "recentListDelete": "Usuń",
+        "recentListEmpty": "Twoja ostatnia lista jest obecnie pusta. Rozmawiaj ze swoim zespołem, a wszystkie ostatnie spotkania znajdziesz tutaj.",
+        "recentMeetings": "Twoje ostatnie spotkania",
+        "reducedUIText": "Witamy w {{app}}!",
+        "roomNameAllowedChars": "Nazwa spotkania nie powinna zawierać znaków: ?, &, :, ', \", %, #.",
+        "roomname": "Podaj nazwę sali konferencyjnej",
+        "roomnameHint": "Wprowadź nazwę lub adres URL pokoju, do którego chcesz dołączyć. Możesz wymyślić nazwę, po prostu pozwól, aby osoby, z którymi się spotykasz, znały ją tak, aby wpisały tę samą nazwę.",
+        "sendFeedback": "Wyślij opinię",
+        "settings": "Ustawienia",
+        "startMeeting": "Rozpocznij spotkanie",
+        "terms": "Warunki korzystania",
+        "title": "Bezpieczna, w pełni funkcjonalna i całkowicie bezpłatna wideokonferencja",
+        "upcomingMeetings": "Twoje nadchodzące spotkania"
+    },
+    "whiteboard": {
+        "accessibilityLabel": {
+            "heading": "Tablica"
+        }
+    }
+}
diff --git a/lang/main-pt-BR.json b/lang/main-pt-BR.json
new file mode 100644
index 0000000..af15412
--- /dev/null
+++ b/lang/main-pt-BR.json
@@ -0,0 +1,1524 @@
+{
+    "addPeople": {
+        "accessibilityLabel": {
+            "meetingLink": "Link da reunião: {{url}}"
+        },
+        "add": "Convidar",
+        "addContacts": "Convide seus contatos",
+        "contacts": "contatos",
+        "copyInvite": "Copiar convite da reunião",
+        "copyLink": "Copiar link da reunião",
+        "copyStream": "Copiar link da transmissão ao vivo",
+        "countryNotSupported": "Ainda não suportamos este destino.",
+        "countryReminder": "Ligando de fora dos EUA? Por favor, certifique-se de começar com o código do país!",
+        "defaultEmail": "Seu email padrão",
+        "disabled": "Você não pode convidar pessoas.",
+        "failedToAdd": "Falha em adicionar participantes",
+        "googleEmail": "Email Google",
+        "inviteMoreHeader": "Você é o único na reunião",
+        "inviteMoreMailSubject": "Entre na reunião {{appName}}",
+        "inviteMorePrompt": "Convide mais pessoas",
+        "linkCopied": "Link copiado para a área de transferência",
+        "noResults": "Nenhum resultado de busca correspondente",
+        "outlookEmail": "Email Outlook ",
+        "phoneNumbers": "números de telefone",
+        "searching": "Procurando…",
+        "shareInvite": "Compartilhar convite da reunião",
+        "shareLink": "Compartilhando o link da reunião",
+        "shareStream": "Compartilhar o link da transmissão ao vivo",
+        "sipAddresses": "endereços SIP",
+        "telephone": "Telefone: {{number}}",
+        "title": "Convide pessoas para sua reunião",
+        "yahooEmail": "Email Yahoo"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "car": "Áudio do carro",
+        "headphones": "Fones de ouvido",
+        "none": "Sem dispositivos de áudio disponível",
+        "phone": "Celular",
+        "speaker": "Alto-falantes"
+    },
+    "audioOnly": {
+        "audioOnly": "Largura de banda baixa"
+    },
+    "bandwidthSettings": {
+        "assumedBandwidthBps": "Ex. 10000000 para 10 Mbps",
+        "assumedBandwidthBpsWarning": "Valores mais altos podem causar erros de rede.",
+        "customValue": "valor personalizado",
+        "customValueEffect": "para definir o valor de bps real",
+        "leaveEmpty": "deixar vazio",
+        "leaveEmptyEffect": "para permitir que estimativas assumam",
+        "possibleValues": "Valores possíveis",
+        "setAssumedBandwidthBps": "Banda presumida (bps)",
+        "title": "Configurações de banda",
+        "zeroEffect": "para desabilitar o vídeo"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "Adicionar sala de apoio",
+            "autoAssign": "Atribuir a salas de apoio automaticamente",
+            "close": "Fechar",
+            "join": "Participar",
+            "leaveBreakoutRoom": "Sair da sala de apoio",
+            "more": "Mais",
+            "remove": "Remover",
+            "rename": "Renomear",
+            "renameBreakoutRoom": "Renomear sala de apoio",
+            "sendToBreakoutRoom": "Enviar participante para:"
+        },
+        "breakoutList": "Lista de apoio",
+        "buttonLabel": "Salas de apoio",
+        "defaultName": "Sala de apoio #{{index}}",
+        "hideParticipantList": "Ocultar lista de participantes",
+        "mainRoom": "Sala principal",
+        "notifications": {
+            "joined": "Entrando na sala de apoio \"{{name}}\"",
+            "joinedMainRoom": "Entrando na sala principal",
+            "joinedTitle": "Salas de apoio"
+        },
+        "showParticipantList": "Exibir lista de participantes",
+        "title": "Salas de apoio"
+    },
+    "calendarSync": {
+        "addMeetingURL": "Adicionar um link da reunião",
+        "confirmAddLink": "Gostaria de adicionar um link do Jitsi a esse evento?",
+        "error": {
+            "appConfiguration": "A integração com calendário não está configurada adequadamente.",
+            "generic": "Ocorreu um erro. Verifique as configurações de calendário ou tente atualizar o calendário.",
+            "notSignedIn": "Ocorreu um erro durante a autenticação para visualização dos eventos do calendário. Verifique as configurações de calendário e tente entrar novamente."
+        },
+        "join": "Participar",
+        "joinTooltip": "Participar da reunião",
+        "nextMeeting": "próxima reunião",
+        "noEvents": "Não há eventos próximos agendados.",
+        "ongoingMeeting": "reunião em progresso",
+        "permissionButton": "Abrir configurações",
+        "permissionMessage": "Permissão do calendário é requerida para ver suas reuniões na aplicação.",
+        "refresh": "Atualizar calendário",
+        "today": "Hoje"
+    },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "Selecionar dispositivo de som"
+        },
+        "labels": {
+            "buttonLabel": "Modo carro",
+            "title": "Modo carro",
+            "videoStopped": "Seu vídeo está parado"
+        }
+    },
+    "chat": {
+        "enter": "Entrar no bate-papo",
+        "error": "Erro: sua mensagem não foi enviada. Motivo: {{error}}",
+        "fieldPlaceHolder": "Digite sua mensagem aqui",
+        "lobbyChatMessageTo": "Mensagem para {{recipient}}",
+        "message": "Mensagem",
+        "messageAccessibleTitle": "{{user}} disse:",
+        "messageAccessibleTitleMe": "Você disse:",
+        "messageTo": "Mensagem privada para {{recipient}}",
+        "messagebox": "Digite uma mensagem",
+        "newMessages": "Novas mensagens",
+        "nickname": {
+            "popover": "Escolha um apelido",
+            "title": "Digite um apelido para usar o bate-papo",
+            "titleWithPolls": "Digite um apelido para usar o bate-papo"
+        },
+        "noMessagesMessage": "Não há mensagens na reunião ainda. Inicie uma conversa aqui!",
+        "privateNotice": "Mensagem privada para {{recipient}}",
+        "sendButton": "Enviar",
+        "smileysPanel": "Painel de Emojis",
+        "tabs": {
+            "chat": "Conversa",
+            "polls": "Votações"
+        },
+        "title": "Bate-papo",
+        "titleWithPolls": "Bate-papo",
+        "you": "você"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Instalar extensão do Chrome",
+        "buttonTextEdge": "Instalar extensão do Edge",
+        "close": "Fechar",
+        "dontShowAgain": "Não me mostre isso de novo",
+        "installExtensionText": "Instale a extensão para integrar com Google Calendar e Office 365"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Conectando você à reunião…"
+    },
+    "connection": {
+        "ATTACHED": "Anexado",
+        "AUTHENTICATING": "Autenticando",
+        "AUTHFAIL": "Falha de autenticação",
+        "CONNECTED": "Conectado",
+        "CONNECTING": "Conectando",
+        "CONNFAIL": "Falha de conexão",
+        "DISCONNECTED": "Desconectado",
+        "DISCONNECTING": "Desconectando",
+        "ERROR": "Erro",
+        "FETCH_SESSION_ID": "Obtendo ID da sessão…",
+        "GET_SESSION_ID_ERROR": "Erro ao obter o ID da sessão: {{code}}",
+        "GOT_SESSION_ID": "Obtendo ID da sessão… Feito",
+        "LOW_BANDWIDTH": "O vídeo de {{displayName}} foi desativado para economizar largura de banda"
+    },
+    "connectionindicator": {
+        "address": "Endereço:",
+        "audio_ssrc": "Aúdio SSRC:",
+        "bandwidth": "Largura de banda estimada:",
+        "bitrate": "Taxa de bits:",
+        "bridgeCount": "Servidores: ",
+        "codecs": "Codecs (A/V): ",
+        "connectedTo": "Conectado a:",
+        "e2eeVerified": "Verificado via E2EE",
+        "framerate": "Taxa de quadros:",
+        "less": "Mostrar menos",
+        "localaddress": "Endereço local:",
+        "localaddress_plural": "Endereços locais:",
+        "localport": "Porta local:",
+        "localport_plural": "Portas locais:",
+        "maxEnabledResolution": "envio máx",
+        "more": "Mostrar mais",
+        "no": "não",
+        "packetloss": "Perda de pacote:",
+        "participant_id": "Id participante:",
+        "quality": {
+            "good": "Boa",
+            "inactive": "Inativo",
+            "lost": "Perdido",
+            "nonoptimal": "Não ótima",
+            "poor": "Ruim"
+        },
+        "remoteaddress": "Endereço remoto:",
+        "remoteaddress_plural": "Endereços remotos:",
+        "remoteport": "Porta remota:",
+        "remoteport_plural": "Portas remotas:",
+        "resolution": "Resolução:",
+        "savelogs": "Grave os logs",
+        "status": "Conexão:",
+        "transport": "Transporte:",
+        "transport_plural": "Transportes:",
+        "video_ssrc": "Video SSRC:",
+        "yes": "sim"
+    },
+    "dateUtils": {
+        "earlier": "Mais cedo",
+        "today": "Hoje",
+        "yesterday": "Ontem"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Você precisa do aplicativo móvel {{app}} para participar da reunião no seu telefone.",
+        "description": "Nada acontece? Estamos tentando iniciar sua reunião no aplicativo desktop {{app}}. Tente novamente ou inicie ele na aplicação web {{app}}.",
+        "descriptionNew": "Nada aconteceu? Tentamos iniciar sua reunião no aplicativo de desktop {{app}}. <br /><br /> Você pode tentar novamente ou abrir pela web.",
+        "descriptionWithoutWeb": "Nada aconteceu? Tentamos iniciar sua reunião no aplicativo de desktop {{app}}.",
+        "downloadApp": "Baixe o Aplicativo",
+        "downloadMobileApp": "Baixar o app",
+        "ifDoNotHaveApp": "Se você não tem o app ainda:",
+        "ifHaveApp": "Se você já tem o app:",
+        "joinInApp": "Entrar na reunião usando o app",
+        "joinInAppNew": "Entrar usando o app",
+        "joinInBrowser": "Entrar usando o navegador",
+        "launchMeetingLabel": "Como deseja entrar nesta reunião?",
+        "launchWebButton": "Iniciar na web",
+        "noMobileApp": "Não tem o app?",
+        "termsAndConditions": "Ao continuar você estará aceitando nossos <a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'>termos e condições.</a>",
+        "title": "Iniciando sua reunião no {{app}}…",
+        "titleNew": "Iniciando sua reunião…",
+        "tryAgainButton": "Tente novamente no desktop",
+        "unsupportedBrowser": "Parece que você está usando um navegador ao qual não temos suporte."
+    },
+    "defaultLink": "ex.: {{url}}",
+    "defaultNickname": "ex.: João Pedro",
+    "deviceError": {
+        "cameraError": "Falha ao acessar sua câmera",
+        "cameraPermission": "Erro ao obter permissão para a câmera",
+        "microphoneError": "Falha ao acessar seu microfone",
+        "microphonePermission": "Erro ao obter permissão para o microfone"
+    },
+    "deviceSelection": {
+        "hid": {
+            "callControl": "Controle de chamada",
+            "connectedDevices": "Dispositivos conectados:",
+            "deleteDevice": "Remover dispositivo",
+            "pairDevice": "Emparelhar dispositivo"
+        },
+        "noPermission": "Permissão não concedida",
+        "previewUnavailable": "Visualização indisponível",
+        "selectADevice": "Selecione um dispositivo",
+        "testAudio": "Tocar um som de teste"
+    },
+    "dialIn": {
+        "screenTitle": "Sumário de discagem"
+    },
+    "dialOut": {
+        "statusMessage": "está agora {{status}}"
+    },
+    "dialog": {
+        "Back": "Voltar",
+        "Cancel": "Cancelar",
+        "IamHost": "Eu sou o anfitrião",
+        "Ok": "OK",
+        "Remove": "Remover",
+        "Share": "Compartilhar",
+        "Submit": "Enviar",
+        "WaitForHostMsg": "A conferência ainda não começou. Se você é o anfitrião, faça a autenticação. Do contrário, aguarde a chegada do anfitrião.",
+        "WaitingForHostButton": "Aguardar por anfitrião",
+        "WaitingForHostTitle": "Esperando o anfitrião…",
+        "Yes": "Sim",
+        "accessibilityLabel": {
+            "Cancel": "Cancelar (fechar janela)",
+            "Ok": "OK (salvar e fechar janela)",
+            "close": "Fechar janela",
+            "liveStreaming": "Transmissão ao vivo",
+            "sharingTabs": "Opções de compartilhamento"
+        },
+        "add": "Adicionar",
+        "addMeetingNote": "Adicionar uma anotação para esta reunião",
+        "addOptionalNote": "Adicionar uma anotação (opcional):",
+        "allow": "Permitir",
+        "allowToggleCameraDialog": "Você permite que {{initiatorName}} possa alternar entre suas câmeras?",
+        "allowToggleCameraTitle": "Permitir alternar câmera?",
+        "alreadySharedVideoMsg": "Outro participante já está compartilhando um vídeo. Esta conferência permite apenas um vídeo compartilhado por vez.",
+        "alreadySharedVideoTitle": "Somente um vídeo compartilhado é permitido por vez",
+        "applicationWindow": "Janela de aplicativo",
+        "authenticationRequired": "Autenticação requerida",
+        "cameraConstraintFailedError": "Sua câmera não satisfaz algumas condições necessárias.",
+        "cameraNotFoundError": "A câmera não foi encontrada.",
+        "cameraNotSendingData": "Estamos incapazes de acessar sua câmera. Verifique se outra aplicação está usando este dispositivo, selecione outro dispositivo do menu de configurações ou recarregue a aplicação.",
+        "cameraNotSendingDataTitle": "Incapaz de acessar a câmera",
+        "cameraPermissionDeniedError": "Não foi permitido acessar a sua câmera. Você ainda pode entrar na conferência, mas sem exibir o seu vídeo. Clique no botão da câmera para tentar reparar.",
+        "cameraTimeoutError": "Não foi possível iniciar fonte de vídeo. Tempo esgotado!",
+        "cameraUnknownError": "Não pode usar a câmera por uma razão desconhecida.",
+        "cameraUnsupportedResolutionError": "Sua câmera não suporta a resolução de vídeo requerida.",
+        "close": "Fechar",
+        "conferenceDisconnectMsg": "Você pode querer verificar sua conexão de rede. Reconectando em {{seconds}} segundos…",
+        "conferenceDisconnectTitle": "Você foi desconectado.",
+        "conferenceReloadMsg": "Estamos tentando consertar isto. Reconectando em {{seconds}} segundos…",
+        "conferenceReloadTitle": "Infelizmente, algo deu errado.",
+        "confirm": "Confirmar",
+        "confirmNo": "Não",
+        "confirmYes": "Sim",
+        "connectError": "Oops! Alguma coisa está errada e nós não pudemos conectar à conferência.",
+        "connectErrorWithMsg": "Oops! Alguma coisa está errada e não podemos conectar à conferência: {{msg}}",
+        "connecting": "Conectando",
+        "contactSupport": "Entrar em contato com o suporte",
+        "copied": "Copiado",
+        "copy": "Copiar",
+        "dismiss": "Dispensar",
+        "displayNameRequired": "Oi! Qual o seu nome?",
+        "done": "Feito",
+        "e2eeDescription": "Encriptação ponto-a-ponto é, no momento, EXPERIMENTAL. Por favor tenha em mente que habilitar a encriptação ponto-a-ponto irá desativar os serviços disponíveis no servidor como: gravação, transmissão ao vivo e telefonar participantes. Além disso a reunião só irá funcionar para os participantes entrando em browsers com suporte a funcionalidade.",
+        "e2eeDisabledDueToMaxModeDescription": "Não foi possível habilitar a criptografia de ponta-a-ponta devido ao grande número de participantes na conferência.",
+        "e2eeLabel": "Enable End-to-End Encryption",
+        "e2eeWarning": "WARNING: Not all participants in this meeting seem to have support for End-to-End encryption. If you enable it they won't be able to see nor hear you.",
+        "e2eeWillDisableDueToMaxModeDescription": "AVISO: A criptografia de ponta-a-ponta será automaticamente desativada se mais participantes entrarem na conferência.",
+        "embedMeeting": "Reunião em formato compacto",
+        "enterDisplayName": "Digite seu nome aqui",
+        "error": "Erro",
+        "gracefulShutdown": "Nosso serviço está em manutenção. Tente novamente mais tarde.",
+        "grantModeratorDialog": "Tem certeza que quer participar como moderador da reunião?",
+        "grantModeratorTitle": "Permitir moderador",
+        "hide": "Ocultar",
+        "hideShareAudioHelper": "Não mostre este diálogo novamente",
+        "incorrectPassword": "Usuário ou senha incorretos",
+        "incorrectRoomLockPassword": "Senha incorreta",
+        "internalError": "Oops! Alguma coisa está errada. O seguinte erro ocorreu: {{error}}",
+        "internalErrorTitle": "Erro interno",
+        "kickMessage": "Você pode entrar em contato com {{participantDisplayName}} para obter mais detalhes.",
+        "kickParticipantButton": "Remover",
+        "kickParticipantDialog": "Tem certeza de que deseja remover este participante?",
+        "kickParticipantTitle": "Remover este participante?",
+        "kickTitle": "{{participantDisplayName}} removeu você da reunião",
+        "linkMeeting": "Vincular reunião",
+        "linkMeetingTitle": "Vincular reunião ao Salesforce",
+        "liveStreaming": "Transmissão ao Vivo",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "Não é possível transmitir enquanto a gravação está ativa",
+        "localUserControls": "Controles de usuários locais",
+        "lockMessage": "Falha ao bloquear a conferência.",
+        "lockRoom": "Adicionar reunião $t(lockRoomPasswordUppercase)",
+        "lockTitle": "Bloqueio falhou",
+        "login": "Entrar",
+        "loginQuestion": "Deseja iniciar a sessão e finalizar a conferência?",
+        "logoutQuestion": "Deseja encerrar a sessão e finalizar a conferência?",
+        "logoutTitle": "Encerrar sessão",
+        "maxUsersLimitReached": "O limite para o número máximo de participantes foi atingido. A conferência está cheia. Entre em contato com o proprietário da reunião ou tente novamente mais tarde!",
+        "maxUsersLimitReachedTitle": "Limite máximo de participantes atingido",
+        "micConstraintFailedError": "Seu microfone não satisfaz algumas condições necessárias.",
+        "micNotFoundError": "O microfone não foi encontrado.",
+        "micNotSendingData": "Vá para as configurações do seu computador para ativar o som do microfone e ajustar seu nível",
+        "micNotSendingDataTitle": "Seu microfone está mudo pelas configurações do sistema",
+        "micPermissionDeniedError": "Não foi permitido acessar o seu microfone. Você ainda pode entrar na conferência, mas sem enviar áudio. Clique no botão do microfone para tentar reparar.",
+        "micTimeoutError": "Não foi possível iniciar fonte de áudio. Tempo esgotado!",
+        "micUnknownError": "Não pode usar o microfone por uma razão desconhecida.",
+        "moderationAudioLabel": "Permitir aos participantes reativar o som",
+        "moderationVideoLabel": "Permitir aos participantes reativar o vídeo",
+        "muteEveryoneDialog": "Você não poderá reativar o som deles, mas eles poderão reativar a qualquer momento.",
+        "muteEveryoneDialogModerationOn": "Os participantes podem enviar solicitação para reativar seus sons a qualquer momento.",
+        "muteEveryoneElseDialog": "Uma vez silenciados, você não poderá reativar o som deles, mas eles poderão reativar seus sons a qualquer momento.",
+        "muteEveryoneElseTitle": "Silenciar todo mundo exceto {{whom}}?",
+        "muteEveryoneElsesVideoDialog": "Você não poderá reativar posteriormente, mas cada participante pode ativar sua própria câmera a qualquer momento.",
+        "muteEveryoneElsesVideoTitle": "Desativar a câmera de todos exceto {{whom}}?",
+        "muteEveryoneSelf": "a si próprio",
+        "muteEveryoneStartMuted": "Todos iniciam silenciados daqui para frente",
+        "muteEveryoneTitle": "Silenciar todos?",
+        "muteEveryonesVideoDialog": "Tem certeza que deseja desativar a câmera de todos? Você não poderá reativar posteriormente, mas cada participante pode ativar sua própria câmera a qualquer momento.",
+        "muteEveryonesVideoDialogModerationOn": "Os participantes podem enviar solicitação para reativar seus vídeos a qualquer momento.",
+        "muteEveryonesVideoDialogOk": "Desabilitar",
+        "muteEveryonesVideoTitle": "Desativar a câmera de todos?",
+        "muteParticipantBody": "Você não está habilitado para tirar o mudo deles, mas eles podem tirar o mudo deles mesmos a qualquer tempo.",
+        "muteParticipantButton": "Mudo",
+        "muteParticipantsVideoBody": "Você não poderá reativar posteriormente, mas o participante pode ativar sua própria câmera a qualquer momento.",
+        "muteParticipantsVideoBodyModerationOn": "Você e o participante não poderão reativar a câmera posteriormente.",
+        "muteParticipantsVideoButton": "Desativar a câmera",
+        "muteParticipantsVideoDialog": "Tem certeza de que deseja desativar a câmera deste participante? Você não poderá reativar posteriormente, mas o participante pode ativar sua própria câmera a qualquer momento.",
+        "muteParticipantsVideoDialogModerationOn": "Tem certeza de que deseja desativar a câmera deste participante? Você e o participante não poderão reativar posteriormente.",
+        "muteParticipantsVideoTitle": "Desativar a câmera deste participante?",
+        "noDropboxToken": "Nenhum token do Dropbox válido",
+        "password": "Senha",
+        "passwordLabel": "A reunião foi bloqueada por um participante. Por favor, insira a $t(lockRoomPassword) para entrar.",
+        "passwordNotSupported": "A configuração de uma reunião $t(lockRoomPassword) não é suportada.",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) não suportado",
+        "passwordRequired": "$t(lockRoomPasswordUppercase) requerido",
+        "permissionCameraRequiredError": "É necessário permitir acesso à câmera para participar de reuniões com vídeo. Ative a permissão nas configurações",
+        "permissionErrorTitle": "Permissão necessária",
+        "permissionMicRequiredError": "É necessário permitir acesso ao microfone para participar de reuniões com áudio. Ative a permissão nas configurações",
+        "readMore": "mais…",
+        "recentlyUsedObjects": "Seus objetos usados recentemente",
+        "recording": "Gravando",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "Não é possível transmitir enquanto a gravação está ativa",
+        "rejoinNow": "Reconectar agora",
+        "remoteControlAllowedMessage": "{{user}} aceitou sua requisição de controle remoto!",
+        "remoteControlDeniedMessage": "{{user}} rejeitou sua requisição de controle remoto!",
+        "remoteControlErrorMessage": "Um erro ocorreu enquanto tentava requerer a permissão de controle remoto de {{user}}!",
+        "remoteControlRequestMessage": "Deseja permitir que {{user}} controle remotamente sua área de trabalho?",
+        "remoteControlShareScreenWarning": "Note que se você pressionar \"Permitir\" você vai compartilhar sua tela!",
+        "remoteControlStopMessage": "A sessão de controle remoto terminou!",
+        "remoteControlTitle": "Conexão de área de trabalho remota",
+        "remoteUserControls": "Controles de usuários remotos de {{username}}",
+        "removePassword": "Remover $t(lockRoomPassword)",
+        "removeSharedVideoMsg": "Deseja remover seu vídeo compartilhado?",
+        "removeSharedVideoTitle": "Remover vídeo compartilhado",
+        "renameBreakoutRoomLabel": "Nome da sala",
+        "renameBreakoutRoomTitle": "Renomear sala de apoio",
+        "reservationError": "Erro de sistema de reserva",
+        "reservationErrorMsg": "Código do erro: {{code}}, mensagem: {{msg}}",
+        "retry": "Tentar novamente",
+        "screenSharingAudio": "Compartilhar áudio",
+        "screenSharingFailed": "Oops! Alguma coisa de errado aconteceu, não é possível habilitar o compartilhamento de tela!",
+        "screenSharingFailedTitle": "Falha ao compartilhar a tela!",
+        "screenSharingPermissionDeniedError": "Oops! Alguma coisa está errada com suas permissões de compartilhamento de tela. Recarregue e tente de novo.",
+        "searchInSalesforce": "Pesquisar no Salesforce",
+        "searchResults": "Resultados da pesquisa({{count}})",
+        "searchResultsDetailsError": "Algo de errado ocorreu ao recuperar os dados do proprietário.",
+        "searchResultsError": "Algo de errado ocorreu ao recuperar os dados.",
+        "searchResultsNotFound": "A pesquisa não trouxe resultados.",
+        "searchResultsTryAgain": "Tente usar termos diferentes.",
+        "sendPrivateMessage": "Você enviou uma mensagem privada recentemente. Tem intenção de responder em privado, ou deseja enviar sua mensagem para o grupo?",
+        "sendPrivateMessageCancel": "Enviar para o grupo",
+        "sendPrivateMessageOk": "Enviar em privado",
+        "sendPrivateMessageTitle": "Enviar em privado?",
+        "serviceUnavailable": "Serviço indisponível",
+        "sessTerminated": "Chamada encerrada",
+        "sessTerminatedReason": "A chamada foi encerrada",
+        "sessionRestarted": "Chamada reiniciada devido a um erro de conexão.",
+        "shareAudio": "Continuar",
+        "shareAudioAltText": "para compartilhar o conteúdo desejado, acesse \"Aba de navegador\", selecione o conteúdo, ative a caixa de \"compartilhar áudio\" e então clique no botão \"compartilhar\"",
+        "shareAudioTitle": "Como compartilhar áudio",
+        "shareAudioWarningD1": "você precisa parar o compartilhamento de tela antes de compartilhar seu áudio.",
+        "shareAudioWarningD2": "você precisa reiniciar o compartilhamento de tela e selecionar a opção \"compartilhar áudio\".",
+        "shareAudioWarningH1": "Se você quiser compartilhar apenas seu áudio:",
+        "shareAudioWarningTitle": "Você precisa parar o compartilhamento de tela antes de compartilhar seu áudio",
+        "shareMediaWarningGenericH2": "Se você quiser compartilhar sua tela e seu áudio",
+        "shareScreenWarningD1": "você precisa parar o compartilhamento de áudio antes de compartilhar sua tela.",
+        "shareScreenWarningD2": "você precisa parar o compartilhamento de áudio, iniciar o compartilhamento de tela e selecionar a opção \"compartilhar áudio\".",
+        "shareScreenWarningH1": "Se você quiser compartilhar apenas sua tela:",
+        "shareScreenWarningTitle": "Você precisa parar o compartilhamento de áudio antes de compartilhar sua tela",
+        "shareVideoLinkError": "Por favor, forneça um link correto.",
+        "shareVideoTitle": "Compartilhar um vídeo",
+        "shareYourScreen": "Compartilhar sua tela",
+        "shareYourScreenDisabled": "Compartilhamento de tela desativada.",
+        "sharedVideoDialogError": "Erro: URL inválida",
+        "sharedVideoLinkPlaceholder": "link do YouTube ou link direto de vídeo",
+        "show": "Exibir",
+        "start": "Iniciar ",
+        "startLiveStreaming": "Iniciar transmissão ao vivo",
+        "startRecording": "Iniciar gravação",
+        "startRemoteControlErrorMessage": "Um erro ocorreu enquanto tentava iniciar uma sessão de controle remoto!",
+        "stopLiveStreaming": "Parar transmissão ao vivo",
+        "stopRecording": "Parar a gravação",
+        "stopRecordingWarning": "Tem certeza que deseja parar a gravação?",
+        "stopStreamingWarning": "Tem certeza que deseja parar a transmissão ao vivo?",
+        "streamKey": "Chave para transmissão ao vivo",
+        "thankYou": "Obrigado por usar o {{appName}}!",
+        "token": "token",
+        "tokenAuthFailed": "Desculpe, você não está autorizado a entrar nesta chamada.",
+        "tokenAuthFailedReason": {
+            "audInvalid": "Valor `aud` inválido. Deveria ser `jitsi`.",
+            "contextNotFound": "O objeto `context` está faltando na carga.",
+            "expInvalid": "Valor `exp`inválido.",
+            "featureInvalid": "Recurso inválido: {{feature}}, possivelmente ainda não implementado.",
+            "featureValueInvalid": "Valor inválido para recurso: {{feature}}.",
+            "featuresNotFound": "O objeto `features` está faltando na carga.",
+            "headerNotFound": "Cabeçalho está faltando.",
+            "issInvalid": "Valor `iss` inválido. Deveria ser `chat`.",
+            "kidMismatch": "Key ID (kid) não coincide com o sub.",
+            "kidNotFound": "Key ID (kid) faltando.",
+            "nbfFuture": "O valor `nbf` está no futuro.",
+            "nbfInvalid": "Valor `nbf` inválido.",
+            "payloadNotFound": "Carga faltando.",
+            "tokenExpired": "O token está expirado."
+        },
+        "tokenAuthFailedTitle": "Falha de autenticação",
+        "tokenAuthFailedWithReasons": "Desculpe, você não pode ingressar nesta chamada. Razões possíveis: {{reason}}",
+        "tokenAuthUnsupported": "Token da URL não é suportada.",
+        "transcribing": "Transcrevendo",
+        "unlockRoom": "Remove a reunião $t(lockRoomPassword)",
+        "user": "Usuário",
+        "userIdentifier": "identificação do usuário",
+        "userPassword": "senha do usuário",
+        "verifyParticipantConfirm": "Coincidem",
+        "verifyParticipantDismiss": "Não coincidem",
+        "verifyParticipantQuestion": "EXPERIMENTAL: Pergunta ao participante {{participantName}} se ele vê o mesmo conteúdo na mesma ordem.",
+        "verifyParticipantTitle": "Verificação de usuário",
+        "videoLink": "Link do vídeo",
+        "viewUpgradeOptions": "Ver opções de atualização",
+        "viewUpgradeOptionsContent": "Para obter acesso ilimitado a recursos premium tais como gravação, transcrição, streaming RTMP e muito mais, você precisa atualizar seu plano.",
+        "viewUpgradeOptionsTitle": "Você descobriu um recurso premium!",
+        "whiteboardLimitContent": "Desculpe, o limite de usuários de quadro-branco simultâneos foi atingido.",
+        "whiteboardLimitReference": "Para mais informações por favor visite",
+        "whiteboardLimitReferenceUrl": "nosso website",
+        "whiteboardLimitTitle": "Restrição no uso do quadro-branco",
+        "yourEntireScreen": "Toda sua tela"
+    },
+    "documentSharing": {
+        "title": "Documento compartilhado"
+    },
+    "e2ee": {
+        "labelToolTip": "Comunição de áudio e vídeo da reunião encriptados ponto a ponto"
+    },
+    "embedMeeting": {
+        "title": "Reunião em formato compacto"
+    },
+    "feedback": {
+        "accessibilityLabel": {
+            "yourChoice": "Sua escolha: {{rating}}"
+        },
+        "average": "Média",
+        "bad": "Ruim",
+        "detailsLabel": "Nos conte mais sobre isso.",
+        "good": "Boa",
+        "rateExperience": "Avalie sua experiência na reunião",
+        "star": "Estrela",
+        "veryBad": "Muito ruim",
+        "veryGood": "Muito boa"
+    },
+    "filmstrip": {
+        "accessibilityLabel": {
+            "heading": "Miniaturas de vídeo"
+        }
+    },
+    "giphy": {
+        "noResults": "Nenhum resultado encontrado :(",
+        "search": "Buscar GIPHY"
+    },
+    "incomingCall": {
+        "answer": "Responder",
+        "audioCallTitle": "Chamada recebida",
+        "decline": "Dispensar",
+        "productLabel": "do Jitsi Meet",
+        "videoCallTitle": "Chamada de vídeo recebida"
+    },
+    "info": {
+        "accessibilityLabel": "Mostrar info",
+        "addPassword": "Adicione $t(lockRoomPassword)",
+        "cancelPassword": "Cancela $t(lockRoomPassword)",
+        "conferenceURL": "Link:",
+        "copyNumber": "Copiar número",
+        "country": "País",
+        "dialANumber": "Para entrar na reunião, disque um desses números e depois insira o PIN.",
+        "dialInConferenceID": "PIN:",
+        "dialInNotSupported": "Desculpe, a discagem não é atualmente suportada.",
+        "dialInNumber": "Discar:",
+        "dialInSummaryError": "Ocorreu um erro ao buscar a informação de discagem. Tente novamente mais tarde.",
+        "dialInTollFree": "Chamada gratuita",
+        "genericError": "Oops, alguma coisa deu errado.",
+        "inviteLiveStream": "Para ver a transmissão ao vivo da reunião, clique no link: {{url}}",
+        "invitePhone": "Para participar por telefone, toque aqui: {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Procurando um número de discagem diferente?\nVeja os números de discagem da reunião: {{url}} \n\n\nSe você também estiver discando através de um telefone da sala, participe sem conectar-se ao áudio: {{silentUrl}}",
+        "inviteSipEndpoint": "Para participar usando o endereço SIP, insira isto: {{sipUri}}",
+        "inviteTextiOSInviteUrl": "Clique no seguinte link para entrar: {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "Se você estiver discando através de um telefone da sala, use este link para participar sem conectar-se ao áudio: {{silentUrl}}.",
+        "inviteTextiOSPersonal": "{{name}} está convidando você para uma reunião.",
+        "inviteTextiOSPhone": "Para participar por telefone, use este número: {{number}},,{{conferenceID}}#. Se você estiver procurando um número diferente, esta é a lista completa: {{didUrl}}.",
+        "inviteURLFirstPartGeneral": "Você foi convidado para uma reunião.",
+        "inviteURLFirstPartPersonal": "{{name}} está convidando você para uma reunião.\n",
+        "inviteURLSecondPart": "\nEntre na reunião:\n{{url}}\n",
+        "label": "Informações da reunião",
+        "liveStreamURL": "Transmissão ao vivo:",
+        "moreNumbers": "Mais números",
+        "noNumbers": "Sem números de discagem.",
+        "noPassword": "Nenhum",
+        "noRoom": "Nenhuma sala foi especificada para entrar.",
+        "numbers": "Números de discagem",
+        "password": "$t(lockRoomPasswordUppercase):",
+        "reachedLimit": "Você atingiu o limite do seu plano.",
+        "sip": "endereço SIP",
+        "sipAudioOnly": "Endereço apenas para áudio SIP",
+        "title": "Compartilhar",
+        "tooltip": "Compartilhar link e discagem para esta reunião",
+        "upgradeOptions": "Por favor, verifique as opções de upgrade em"
+    },
+    "inlineDialogFailure": {
+        "msg": "Tivemos um pequeno problema.",
+        "retry": "Tentar novamente",
+        "support": "Suporte",
+        "supportMsg": "Se isso continuar acontecendo, chegar a"
+    },
+    "inviteDialog": {
+        "alertText": "Não foi possível convidar alguns participantes.",
+        "header": "Convidar",
+        "searchCallOnlyPlaceholder": "Digite o número do telefone",
+        "searchPeopleOnlyPlaceholder": "Buscar participantes",
+        "searchPlaceholder": "Participante ou nº de telefone",
+        "send": "Enviar"
+    },
+    "jitsiHome": "Logo de {{logo}} (direciona para página inicial)",
+    "keyboardShortcuts": {
+        "focusLocal": "Focar no seu vídeo",
+        "focusRemote": "Focar no vídeo de outro participante",
+        "fullScreen": "Entrar ou sair da tela cheia",
+        "giphyMenu": "Alternar menu do GIPHY",
+        "keyboardShortcuts": "Atalhos de teclado",
+        "localRecording": "Mostrar ou ocultar controles de gravação local",
+        "mute": "Deixar mudo ou não o microfone",
+        "pushToTalk": "Pressione para falar",
+        "raiseHand": "Erga ou baixe sua mão",
+        "showSpeakerStats": "Exibir estatísticas do alto falante",
+        "toggleChat": "Abrir ou fechar o painel de bate-papo",
+        "toggleFilmstrip": "Mostrar ou ocultar miniaturas de vídeo",
+        "toggleParticipantsPane": "Exibir ou ocultar o quadro de participantes",
+        "toggleScreensharing": "Trocar entre câmera e compartilhamento de tela",
+        "toggleShortcuts": "Mostrar ou ocultar atalhos de teclado",
+        "videoMute": "Iniciar ou parar sua câmera"
+    },
+    "largeVideo": {
+        "screenIsShared": "Você está compartilhando sua tela",
+        "showMeWhatImSharing": "Me mostre o que estou compartilhando"
+    },
+    "liveStreaming": {
+        "busy": "Estamos trabalhando para liberar os recursos de transmissão. Tente novamente em alguns minutos.",
+        "busyTitle": "Todas as transmissões estão atualmente ocupadas",
+        "changeSignIn": "Alternar contas.",
+        "choose": "Escolha uma transmissão ao vivo",
+        "chooseCTA": "Escolha uma opção de transmissão. Você está conectado atualmente como {{email}}.",
+        "enterStreamKey": "Insira sua chave de transmissão ao vivo do YouTube aqui.",
+        "error": "Falha na transmissão ao vivo. Tente de novo.",
+        "errorAPI": "Ocorreu um erro ao acessar suas transmissões do YouTube. Por favor tente logar novamente.",
+        "errorLiveStreamNotEnabled": "Transmissão ao vivo não está ativada em {{email}}. Ative a transmissão ao vivo ou registre numa conta com transmissão ao vivo ativada.",
+        "expandedOff": "A transmissão ao vivo foi encerrada",
+        "expandedOn": "A reunião está sendo transmitida pelo YouTube.",
+        "expandedPending": "Iniciando a transmissão ao vivo…",
+        "failedToStart": "Falha ao iniciar a transmissão ao vivo",
+        "getStreamKeyManually": "Não conseguimos buscar nenhuma transmissão ao vivo. Tente obter sua chave de transmissão ao vivo no YouTube.",
+        "googlePrivacyPolicy": "Política de Privacidade do Google",
+        "inProgress": "Gravação ou live streaming em andamento",
+        "invalidStreamKey": "A senha para transmissão ao vivo pode estar incorreta.",
+        "limitNotificationDescriptionNative": "Sua transmissão será limitada a {{limit}} minutos. Para transmissão ilimitada tente {{app}}.",
+        "limitNotificationDescriptionWeb": "Devido a alta demanda sua transmissão será limitada a {{limit}} minutos. Para transmissão ilimitada tente <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "off": "Transmissão ao vivo encerrada",
+        "offBy": "{{name}} parou a transmissão ao vivo",
+        "on": "Transmissão ao Vivo",
+        "onBy": "{{name}} iniciou a transmissão ao vivo",
+        "pending": "Iniciando Transmissão ao Vivo…",
+        "serviceName": "Serviço de Transmissão ao Vivo",
+        "sessionAlreadyActive": "Esta sessão já está sendo gravada ou em live streaming.",
+        "signIn": "Faça login no Google",
+        "signInCTA": "Faça login ou insira sua chave de transmissão ao vivo do YouTube.",
+        "signOut": "Sair",
+        "signedInAs": "Você está conectado como:",
+        "start": "Iniciar uma transmissão ao vivo",
+        "streamIdHelp": "O que é isso?",
+        "title": "Transmissão ao vivo",
+        "unavailableTitle": "Transmissão ao vivo indisponível",
+        "youtubeTerms": "Termos de serviços do YouTube"
+    },
+    "lobby": {
+        "backToKnockModeButton": "Sem senha, peça para se juntar",
+        "chat": "Chat",
+        "dialogTitle": "Modo sala de espera",
+        "disableDialogContent": "O modo sala de espera está habilitado. Este recurso evita que particpantes não convidados juntem-se à sua conferência. Deseja desabilitar?",
+        "disableDialogSubmit": "Desabilitar",
+        "emailField": "Informe seu email",
+        "enableDialogPasswordField": "Definir senha (opcional)",
+        "enableDialogSubmit": "Habilitar",
+        "enableDialogText": "O modo sala de espera protege a sua conferência, permitindo a entrada de participantes apenas após a aprovação formal do moderador.",
+        "enterPasswordButton": "Informe a senha da conferência",
+        "enterPasswordTitle": "Informe a senha para se juntar à conferência",
+        "errorMissingPassword": "Por favor informe a senha da conferência",
+        "invalidPassword": "Senha inválida",
+        "joinRejectedMessage": "Sua solicitação de participação foi rejeitada pelo moderador.",
+        "joinRejectedTitle": "Solicitação de participação recusada",
+        "joinTitle": "Junte-se à conferência",
+        "joinWithPasswordMessage": "Tentando entrar com a senha, por favor aguarde…",
+        "joiningMessage": "Você se juntará à conferência tão logo alguém aprove sua solicitação",
+        "joiningTitle": "Pedindo para se juntar à conferência…",
+        "joiningWithPasswordTitle": "Participando com senha…",
+        "knockButton": "Peça para participar",
+        "knockTitle": "Alguém deseja participar da conferência",
+        "knockingParticipantList": "Remover lista de participantes",
+        "lobbyChatStartedNotification": "{{moderator}} iniciou uma conversa na sala de espera com {{attendee}}",
+        "lobbyChatStartedTitle": "{{moderator}} iniciou uma conversa na sala de espera com você.",
+        "lobbyClosed": "A sala de espera foi fechada.",
+        "nameField": "Informe seu nome",
+        "notificationLobbyAccessDenied": "{{targetParticipantName}} foi rejeitado por {{originParticipantName}}",
+        "notificationLobbyAccessGranted": "{{targetParticipantName}} foi aceito por {{originParticipantName}}",
+        "notificationLobbyDisabled": "Sala de espera foi desabilitada por {{originParticipantName}}",
+        "notificationLobbyEnabled": "Sala de espera foi habilitada por {{originParticipantName}}",
+        "notificationTitle": "Sala de espera",
+        "passwordJoinButton": "Solicitar",
+        "title": "Sala de espera",
+        "toggleLabel": "Habilitar sala de espera"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Desligado",
+            "on": "Ligado",
+            "unknown": "Desconhecido"
+        },
+        "dialogTitle": "Controles da Gravação Local",
+        "duration": "Duração",
+        "durationNA": "N/D",
+        "encoding": "Codificando",
+        "label": "LOR",
+        "labelToolTip": "Gravação local ativada",
+        "localRecording": "Gravação local",
+        "me": "Eu",
+        "messages": {
+            "engaged": "Gravação local iniciada.",
+            "finished": "Sessão de gravação {{token}} terminada. Por favor, envie o arquivo gravado para o moderador.",
+            "finishedModerator": "Sessão de gravação {{token}} terminada. A gravação da faixa local foi salva. Por favor, peça aos outros participantes para enviar suas gravações.",
+            "notModerator": "Você não é o moderador. Você não pode iniciar ou parar a gravação local."
+        },
+        "moderator": "Moderador",
+        "no": "Não",
+        "participant": "Participante",
+        "participantStats": "Estatísticas dos Participantes",
+        "selectTabTitle": "🎥 Por favor selecione esta aba para gravar",
+        "sessionToken": "Token de sessão",
+        "start": "Iniciar gravação",
+        "stop": "Parar a gravação",
+        "stopping": "Parando a gravação",
+        "wait": "Por favor aguarde enquanto salvamos sua gravação",
+        "yes": "Sim"
+    },
+    "lockRoomPassword": "senha",
+    "lockRoomPasswordUppercase": "Senha",
+    "lonelyMeetingExperience": {
+        "button": "Convidar outros",
+        "youAreAlone": "Você é o único na reunião"
+    },
+    "me": "eu",
+    "notify": {
+        "OldElectronAPPTitle": "Vulnerabilidade de segurança!",
+        "allowAction": "Permitir",
+        "allowedUnmute": "Você pode religar seu microfone, ativar sua câmera ou compartilhar sua tela.",
+        "audioUnmuteBlockedDescription": "A liberação do microfone foi temporariamente bloqueada devido a limites do sistema.",
+        "audioUnmuteBlockedTitle": "Microfone bloqueado!",
+        "chatMessages": "Mensagens do chat",
+        "connectedOneMember": "{{name}} entrou na reunião",
+        "connectedThreePlusMembers": "{{name}} e outros {{count}} entraram na reunião",
+        "connectedTwoMembers": "{{first}} e {{second}} entraram na reunião",
+        "dataChannelClosed": "Qualidade do vídeo prejudicada",
+        "dataChannelClosedDescription": "O canal da ponte foi desconectado, assim a qualidade do vídeo foi limitada a sua configuração mais baixa.",
+        "disabledIframe": "Incorporação destina-se apenas a fins de demonstração, assim esta chamada será desconectada em {{timeout}} minutos.",
+        "disabledIframeSecondary": "Incorporação de {{domain}} é apenas destinado para fins de demonstração, então esta chamada será desconectada em {{timeout}} minutos. Por favor use o <a href='{{jaasDomain}}' rel='noopener noreferrer' target='_blank'>Jitsi as a Service</a> para incorporação em produção!",
+        "disconnected": "desconectado",
+        "displayNotifications": "Exibir notificações para",
+        "dontRemindMe": "Não me lembrar",
+        "focus": "Foco da conferência",
+        "focusFail": "{{component}} não disponível - tente em {{ms}} seg",
+        "gifsMenu": "GIPHY",
+        "groupTitle": "Notificações",
+        "hostAskedUnmute": "O anfitrião deseja que você ative o som",
+        "invitedOneMember": "{{name}} foi convidado(a)",
+        "invitedThreePlusMembers": "{{name}} e {{count}} outros foram convidados",
+        "invitedTwoMembers": "{{first}} e {{second}} foram convidados",
+        "joinMeeting": "Participar",
+        "kickParticipant": "{{kicked}} foi removido por {{kicker}}",
+        "leftOneMember": "{{name}} saiu da reunião",
+        "leftThreePlusMembers": "{{name}} e muitos outros saíram da reunião",
+        "leftTwoMembers": "{{first}} e {{second}} saíram da reunião",
+        "linkToSalesforce": "Link para Salesforce",
+        "linkToSalesforceDescription": "Você pode vincular o sumário da reunião a um objeto do Salesforce.",
+        "linkToSalesforceError": "Falha ao vincular reunião ao Salesforce",
+        "linkToSalesforceKey": "Vincular esta reunião",
+        "linkToSalesforceProgress": "Vinculando reunião ao Salesforce…",
+        "linkToSalesforceSuccess": "A reunião foi vinculada ao Salesforce",
+        "localRecordingStarted": "{{name}} iniciou uma gravação local.",
+        "localRecordingStopped": "{{name}} parou uma gravação local.",
+        "me": "Eu",
+        "moderationInEffectCSDescription": "Levante a mão se quiser compartilhar seu vídeo",
+        "moderationInEffectCSTitle": "O compartilhamento de conteúdo foi desativado pelo moderador",
+        "moderationInEffectDescription": "Levante a mão se quiser falar",
+        "moderationInEffectTitle": "O microfone foi silenciado pelo moderador",
+        "moderationInEffectVideoDescription": "Levante a mão se quiser que seu vídeo fique visível",
+        "moderationInEffectVideoTitle": "O vídeo foi desativado pelo moderador",
+        "moderationRequestFromModerator": "O anfitrião deseja que você ative o som",
+        "moderationRequestFromParticipant": "Quer falar",
+        "moderationStartedTitle": "Moderação iniciada",
+        "moderationStoppedTitle": "Moderação encerrada",
+        "moderationToggleDescription": "por {{participantDisplayName}}",
+        "moderator": "Direitos de moderador concedidos!",
+        "muted": "Você iniciou uma conversa em mudo.",
+        "mutedRemotelyDescription": "Você sempre pode ativar o som quando estiver pronto para falar. Retire o som quando terminar para manter o ruído longe da reunião.",
+        "mutedRemotelyTitle": "Você foi silenciado por {{participantDisplayName}}!",
+        "mutedTitle": "Você está mudo!",
+        "newDeviceAction": "Usar",
+        "newDeviceAudioTitle": "Novo dispositivo de áudio detectado",
+        "newDeviceCameraTitle": "Nova câmera detectada",
+        "noiseSuppressionDesktopAudioDescription": "A supressão de ruído não pode ser habilitada enquanto compartilha o áudio da área de trabalho. Por favor desabilite e tente novamente.",
+        "noiseSuppressionFailedTitle": "Falha ao iniciar a supressão de ruído",
+        "noiseSuppressionStereoDescription": "Supressão de ruído de áudio estéreo não é suportado no momento.",
+        "oldElectronClientDescription1": "Você está usando um versão antiga do cliente Jitsi Meet que possui uma conhecida vulnerabilidade de segurança. Por favor tenha certeza de atulizar para a nossa ",
+        "oldElectronClientDescription2": "última versão",
+        "oldElectronClientDescription3": " agora!",
+        "participantWantsToJoin": "Deseja entrar na reunião",
+        "participantsWantToJoin": "Desejam entrar na reunião",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) removido por outro participante",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) definido por outro participante",
+        "raiseHandAction": "Levantar a mão",
+        "raisedHand": "{{name}} gostaria de falar.",
+        "raisedHands": "{{participantName}} e {{raisedHands}} outras pessoas",
+        "reactionSounds": "Desabilitar sons",
+        "reactionSoundsForAll": "Desabilitar sons para todos",
+        "screenShareNoAudio": "O compartilhamento de áudio não foi selecionado na tela de escolha de janela.",
+        "screenShareNoAudioTitle": "Compartilhamento de áudio não selecionado",
+        "screenSharingAudioOnlyDescription": "Por favor perceba que ao compartilhar sua tela você estará afetando o modo de \"Melhor performance\" e irá usar mais banda de rede.",
+        "screenSharingAudioOnlyTitle": "Modo de \"Melhor performance\"",
+        "selfViewTitle": "Você pode habilitar a auto-visualização nas configurações a qualquer momento",
+        "somebody": "Alguém",
+        "startSilentDescription": "Volte à reunião para habilitar o áudio",
+        "startSilentTitle": "Você entrou sem saída de áudio!",
+        "suboptimalBrowserWarning": "Tememos que sua experiência de reunião não seja tão boa aqui. Estamos procurando maneiras de melhorar isso, mas até então, tente usar um dos <a href='{{recommendedBrowserPageLink}}' target='_blank'>navegadores completamente suportados</a>.",
+        "suboptimalExperienceTitle": "Alerta do navegador",
+        "unmute": "Ativar som",
+        "videoMutedRemotelyDescription": "Você pode ativar sua câmera a qualquer momento.",
+        "videoMutedRemotelyTitle": "Sua câmera foi desativada por {{participantDisplayName}}!",
+        "videoUnmuteBlockedDescription": "A liberação da câmera e compartilhamento de tela foram temporariamente bloqueados devido a limites do sistema.",
+        "videoUnmuteBlockedTitle": "Câmera e compartilhamento de tela bloqueados!",
+        "viewLobby": "Ver sala de espera",
+        "waitingParticipants": "{{waitingParticipants}} pessoas",
+        "whiteboardLimitDescription": "Por favor, salve seu progresso pois o limite de usuários logo será atingido e o quadro-branco será fechado.",
+        "whiteboardLimitTitle": "Uso do quadro-branco"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "Aceitar",
+            "admitAll": "Aceitar todos",
+            "allow": "Permitir aos participantes:",
+            "allowVideo": "Permitir vídeo",
+            "askUnmute": "Pedir para ativar som",
+            "audioModeration": "Reativarem seus sons",
+            "blockEveryoneMicCamera": "Bloquear microfone e câmera de todos",
+            "breakoutRooms": "Salas de apoio",
+            "invite": "Convidar alguém",
+            "moreModerationActions": "Mais opções de moderação",
+            "moreModerationControls": "Mais controles de moderação",
+            "moreParticipantOptions": "Mais opções de participante",
+            "mute": "Silenciar",
+            "muteAll": "Silenciar todos",
+            "muteEveryoneElse": "Silenciar todos os demais",
+            "reject": "Rejeitar",
+            "stopEveryonesVideo": "Parar vídeo de todos",
+            "stopVideo": "Parar vídeo",
+            "unblockEveryoneMicCamera": "Desbloquear microfone e câmera de todos",
+            "videoModeration": "Ativarem seus vídeos"
+        },
+        "close": "Fechar",
+        "headings": {
+            "lobby": "Sala de espera ({{count}})",
+            "participantsList": "Participantes da reunião ({{count}})",
+            "visitors": "Visitantes ({{count}})",
+            "waitingLobby": "Aguardando na sala de espera ({{count}})"
+        },
+        "search": "Buscar participantes",
+        "title": "Participantes"
+    },
+    "passwordDigitsOnly": "Até {{number}} dígitos",
+    "passwordSetRemotely": "Definido por outro participante",
+    "pinParticipant": "{{participantName}} - Fixar",
+    "pinnedParticipant": "O participante está fixado",
+    "polls": {
+        "answer": {
+            "skip": "Desistir",
+            "submit": "Enviar"
+        },
+        "by": "Por {{ name }}",
+        "create": {
+            "addOption": "Adicionar opção",
+            "answerPlaceholder": "Opção {{index}}",
+            "cancel": "Cancelar",
+            "create": "Iniciar uma votação",
+            "pollOption": "Opção {{index}}",
+            "pollQuestion": "Pergunta",
+            "questionPlaceholder": "Faça uma pergunta",
+            "removeOption": "Remover opção",
+            "send": "Enviar"
+        },
+        "errors": {
+            "notUniqueOption": "As opções devem ser exclusivas"
+        },
+        "notification": {
+            "description": "Abra a aba das votações para votar",
+            "title": "Uma nova votação foi iniciada nesta conferência"
+        },
+        "results": {
+            "changeVote": "Mudar voto",
+            "empty": "Não há votações nesta reunião por enquanto. Inicie uma votação aqui!",
+            "hideDetailedResults": "Ocultar detalhes",
+            "showDetailedResults": "Mostrar detalhes",
+            "vote": "Voto"
+        }
+    },
+    "poweredby": "distribuído por",
+    "prejoin": {
+        "audioAndVideoError": "Erro de áudio e vídeo error:",
+        "audioDeviceProblem": "Tem um problema com seu dispositivo de áudio",
+        "audioOnlyError": "Erro de áudio:",
+        "audioTrackError": "Não é possível criar a faixa de áudio.",
+        "callMe": "Me ligue",
+        "callMeAtNumber": "Me ligue nesse número:",
+        "calling": "Ligando",
+        "configuringDevices": "Configurando dispositivos…",
+        "connectedWithAudioQ": "Você está conectado com áudio?",
+        "connection": {
+            "good": "Sua conexão com a internet parece boa!",
+            "nonOptimal": "Sua conexão com a internet não é boa",
+            "poor": "Você tem uma conexão a internet ruim"
+        },
+        "connectionDetails": {
+            "audioClipping": "Espera-se um áudio que pique.",
+            "audioHighQuality": "Espera-se um áudio de excelente qualidade.",
+            "audioLowNoVideo": "Espera-se uma qualidade baixa de áudio e sem vídeo.",
+            "goodQuality": "Muito bom! Qualidade da mídia será muito boa.",
+            "noMediaConnectivity": "Não conseguimos estabelcer conexão com as mídias para o teste. Normalmente é um problema de firewall ou NAT.",
+            "noVideo": "Espera-se um vídeo de qualidade ruim.",
+            "undetectable": "Se você continuar fazendo a chamada no browser, recomenda-se que o alto-falante, microfones e câmera estejam corretamente configurados, que você permitiu que o browser acesse seu microfone e câmera, e o browser esteja atualizado. Se ainda assim tenha problemas na chamada, contacte o desenvolvedor da aplicação.",
+            "veryPoorConnection": "Espera-se que a qualidade da chamada seja ruim.",
+            "videoFreezing": "Espera-se um vídeo congelado, preto ou pixelado.",
+            "videoHighQuality": "Espera-se um vídeo de boa qualidade.",
+            "videoLowQuality": "Espera-se um vídeo de baixa qualidade em termos de taxa de frame e resolução.",
+            "videoTearing": "Espera-se um vídeo pixelado ou com artefatos visuais."
+        },
+        "copyAndShare": "Copiar e compartilhar o link da reunião",
+        "dialInMeeting": "Discar para a reunião",
+        "dialInPin": "Discar para a reunião e inserir o código PIN:",
+        "dialing": "Discando",
+        "doNotShow": "Não mostre esta tela novamente",
+        "errorDialOut": "Não é possível discar",
+        "errorDialOutDisconnected": "Não é possível discar. Desconectando",
+        "errorDialOutFailed": "Não é possível discar. Chamada finalizada",
+        "errorDialOutStatus": "Erro ao tentar discar",
+        "errorMissingName": "Por favor entre com seu nome para participar da reunião",
+        "errorNoPermissions": "Você precisa permitir acesso ao microfone e à câmera",
+        "errorStatusCode": "Erro ao discar, código de estado: {{status}}",
+        "errorValidation": "Validação do número falhou",
+        "iWantToDialIn": "Eu quere discar",
+        "initiated": "Chamada iniciada",
+        "joinAudioByPhone": "Participar com o áudio via ligação",
+        "joinMeeting": "Participar da reunião",
+        "joinMeetingInLowBandwidthMode": "Participar no modo de banda baixa",
+        "joinWithoutAudio": "Participar sem áudio",
+        "keyboardShortcuts": "Habilitar atalhos de teclado",
+        "linkCopied": "Link copiado para a área de transferência",
+        "lookGood": "Seu microfone está funcionando corretamente",
+        "or": "ou",
+        "premeeting": "Pré-reunião",
+        "proceedAnyway": "Prosseguir mesmo assim",
+        "screenSharingError": "Erro de compartilhamento de tela:",
+        "startWithPhone": "Iniciar com o áudio da ligação",
+        "unsafeRoomConsent": "Eu entendo os riscos, desejo ingressar na reunião",
+        "videoOnlyError": "Erro de vídeo:",
+        "videoTrackError": "Não é possível criar faixa de vídeo.",
+        "viewAllNumbers": "veja todos os números"
+    },
+    "presenceStatus": {
+        "busy": "Ocupado",
+        "calling": "Chamando…",
+        "connected": "Conectado",
+        "connecting": "Conectando…",
+        "connecting2": "Conectando*…",
+        "disconnected": "Desconectado",
+        "expired": "Expirado",
+        "ignored": "Ignorado",
+        "initializingCall": "Iniciando Chamada…",
+        "invited": "Convidar",
+        "rejected": "Rejeitado",
+        "ringing": "Tocando…"
+    },
+    "profile": {
+        "avatar": "avatar",
+        "setDisplayNameLabel": "Definir seu nome de exibição",
+        "setEmailInput": "Digite email",
+        "setEmailLabel": "Definir seu email de Gravatar",
+        "title": "Perfil"
+    },
+    "raisedHand": "Gostaria de falar",
+    "raisedHandsLabel": "Número de mãos levantadas",
+    "record": {
+        "already": {
+            "linked": "A reunião já está vinculada a este objeto do Salesforce"
+        },
+        "type": {
+            "account": "Conta",
+            "contact": "Contato",
+            "lead": "Lead",
+            "opportunity": "Oportunidade",
+            "owner": "Proprietário"
+        }
+    },
+    "recording": {
+        "authDropboxText": "Enviar para o Dropbox",
+        "availableSpace": "Espaço disponível: {{spaceLeft}} MB (aproximadamente {{duration}} minutos de gravação)",
+        "beta": "BETA",
+        "busy": "Estamos trabalhando para liberar recursos de gravação. Tente novamente em alguns minutos.",
+        "busyTitle": "Todas as gravações estão atualmente ocupadas",
+        "copyLink": "Copiar Link",
+        "error": "A gravação falhou. Tente novamente.",
+        "errorFetchingLink": "Erro ao buscar link da gravação.",
+        "expandedOff": "Gravação finalizada",
+        "expandedOn": "A reunião está sendo gravada.",
+        "expandedPending": "Iniciando gravação…",
+        "failedToStart": "Falha ao iniciar a gravação",
+        "fileSharingdescription": "Compartilhar gravação com participantes da reunião",
+        "highlight": "Destaque",
+        "highlightMoment": "Momento de destaque",
+        "highlightMomentDisabled": "Você pode destacar momentos quando a gravação começar",
+        "highlightMomentSuccess": "Momento destacado",
+        "highlightMomentSucessDescription": "Seu momento destacado será adicionado ao sumário da reunião.",
+        "inProgress": "Gravação ou live streaming em andamento",
+        "limitNotificationDescriptionNative": "Devido a demanda, sua gravação ficará limitada a {{limit}} minutos. Para gravação ilimitada tente <3>{{app}}</3>.",
+        "limitNotificationDescriptionWeb": "Devido a demanda, sua gravação ficará limitada a {{limit}} minutos. Para gravação ilimitada tente <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "linkGenerated": "Geramos um link para sua gravação.",
+        "live": "AO VIVO",
+        "localRecordingNoNotificationWarning": "A gravação não será anunciada aos outros participantes. Você precisará avisá-los que a reunião está sendo gravada.",
+        "localRecordingNoVideo": "O vídeo não está sendo gravado",
+        "localRecordingStartWarning": "Por favor, certifique-se de ter parado a gravação antes de sair da reunião para garantir que será salva.",
+        "localRecordingStartWarningTitle": "Parar a gravação para salvá-la",
+        "localRecordingVideoStop": "Ao parar o seu vídeo a gravação local também será parada. Tem certeza que deseja continuar?",
+        "localRecordingVideoWarning": "Para gravar o seu vídeo você precisa ativá-lo antes de inicar a gravação",
+        "localRecordingWarning": "Tenha certeza de selecionar a aba atual para usar o áudio e vídeo corretos.",
+        "loggedIn": "Conectado como {{userName}}",
+        "noMicPermission": "Trilha para o microfone não pôde ser criada. Por favor conceda permissão para usar o microfone.",
+        "noStreams": "Nenhum fluxo de áudio ou vídeo detectado.",
+        "off": "Gravação parada",
+        "offBy": "{{name}} parou a gravação",
+        "on": "Gravando",
+        "onBy": "{{name}} iniciou a gravação",
+        "onlyRecordSelf": "Gravar apenas o meu fluxo de áudio e vídeo",
+        "pending": "Preparando para gravar a reunião…",
+        "rec": "REC",
+        "saveLocalRecording": "Salvar o arquivo de gravação localmente (Beta)",
+        "serviceDescription": "Sua gravação será salva pelo serviço de gravação",
+        "serviceDescriptionCloud": "Gravação na nuvem",
+        "serviceDescriptionCloudInfo": "Reuniões gravadas são removidas automaticamente 24h após a hora da gravação.",
+        "serviceName": "Serviço de gravação",
+        "sessionAlreadyActive": "Esta sessão já está sendo gravada ou em live streaming",
+        "signIn": "Entrar",
+        "signOut": "Sair",
+        "surfaceError": "Por favor selecione a aba atual.",
+        "title": "Gravando",
+        "unavailable": "Oops! O {{serviceName}} está indisponível. Estamos trabalhando para resolver o problema. Por favor, tente mais tarde.",
+        "unavailableTitle": "Gravação indisponível",
+        "uploadToCloud": "Enviar para a nuvem"
+    },
+    "screenshareDisplayName": "Tela: {{name}}",
+    "sectionList": {
+        "pullToRefresh": "Puxe para atualizar"
+    },
+    "security": {
+        "about": "Você pode adicionar $t(lockRoomPassword) a sua reunião. Participantes terão que fornecer $t(lockRoomPassword) antes de entrar na reunião.",
+        "aboutReadOnly": "Moderadores podem adicionar $t(lockRoomPassword) à reunião. Participantes terão que fornecer $t(lockRoomPassword) antes de entrar na reunião.",
+        "insecureRoomNameWarningNative": "O nome da sala é não é seguro. Participantes não desejados podem ingressar na reunião. {{recommendAction}} Saiba mais sobre como proteger sua reunião ",
+        "insecureRoomNameWarningWeb": "O nome da sala é não é seguro. Participantes não desejados podem ingressar na reunião. {{recommendAction}} Saiba mais sobre como proteger sua reunião <a href=\"{{securityUrl}}\" rel=\"security\" target=\"_blank\">aqui</a>.",
+        "title": "Opções de segurança",
+        "unsafeRoomActions": {
+            "meeting": "Considere usar o botão de segurança para proteger sua reunião.",
+            "prejoin": "Considere usar um nome de reunião não-comum.",
+            "welcome": "Considere usar um nome de reunião não-comum ou selecione um das sugestões."
+        }
+    },
+    "settings": {
+        "audio": "Áudio",
+        "buttonLabel": "Configurações",
+        "calendar": {
+            "about": "A integração do calendário {{appName}} é usada para acessar com segurança o seu calendário para que ele possa ler os próximos eventos.",
+            "disconnect": "Desconectar",
+            "microsoftSignIn": "Entrar com Microsoft",
+            "signedIn": "Atualmente acessando eventos do calendário para {{email}}. Clique no botão Desconectar abaixo para parar de acessar os eventos da agenda.",
+            "title": "Calendário"
+        },
+        "desktopShareFramerate": "Taxa de quadros do compartilhamento de desktop",
+        "desktopShareHighFpsWarning": "Uma taxa de quadros mais alta para compartilhamento de desktop pode afetar sua largura de banda. Você precisa reiniciar o compartilhamento de tela para que as novas configurações tenham efeito.",
+        "desktopShareWarning": "Você precisa reiniciar o compartilhamento de tela para que as novas configurações tenham efeito.",
+        "devices": "Dispositivos",
+        "followMe": "Todos me seguem",
+        "framesPerSecond": "quadros por segundo",
+        "incomingMessage": "Mensagem recebida",
+        "language": "Idioma",
+        "loggedIn": "Conectado como {{name}}",
+        "maxStageParticipants": "Número máximo de participantes que podem ser fixados no palco principal",
+        "microphones": "Microfones",
+        "moderator": "Moderador",
+        "moderatorOptions": "Opções de moderador",
+        "more": "Mais",
+        "name": "Nome",
+        "noDevice": "Nenhum",
+        "notifications": "Notificações",
+        "participantJoined": "Participante entrou",
+        "participantKnocking": "Participante entrou na sala de espera",
+        "participantLeft": "Participante saiu",
+        "playSounds": "Tocar sons",
+        "reactions": "Reações da reunião",
+        "sameAsSystem": "Igual ao sistema ({{label}})",
+        "selectAudioOutput": "Saída de áudio",
+        "selectCamera": "Câmera",
+        "selectMic": "Microfone",
+        "selfView": "Auto-visualização",
+        "shortcuts": "Atalhos",
+        "speakers": "Alto-faltantes",
+        "startAudioMuted": "Todos iniciam mudos",
+        "startReactionsMuted": "Silenciar sons de reações para todos",
+        "startVideoMuted": "Todos iniciam ocultos",
+        "talkWhileMuted": "Falar mesmo silenciado",
+        "title": "Configurações",
+        "video": "Vídeo"
+    },
+    "settingsView": {
+        "advanced": "Avançado",
+        "alertCancel": "Cancelar",
+        "alertOk": "OK",
+        "alertTitle": "Atenção",
+        "alertURLText": "A URL digitada do servidor é inválida",
+        "apply": "Aplicar",
+        "buildInfoSection": "Informações de compilação",
+        "conferenceSection": "Conferência",
+        "disableCallIntegration": "Desativar integração de chamada nativa",
+        "disableCrashReporting": "Desabilitar aviso de falha",
+        "disableCrashReportingWarning": "Tem certeza eue quer desabilitar o aviso de falha? A opção será habilitada após reiniciar o app.",
+        "disableP2P": "Desativar modo ponto a ponto",
+        "displayName": "Nome de exibição",
+        "displayNamePlaceholderText": "Ex: João Silva",
+        "email": "Email",
+        "emailPlaceholderText": "email@exemplo.com.br",
+        "gavatarMessage": "Se seu email está associado com uma conta Gravatar, o usaremos para exibir sua foto de perfil.",
+        "goTo": "Ir para",
+        "header": "Configurações",
+        "help": "Ajuda",
+        "links": "Links",
+        "privacy": "Privacidade",
+        "profileSection": "Perfil",
+        "sdkVersion": "Versão do SDK",
+        "serverURL": "URL do servidor",
+        "showAdvanced": "Mostrar configurações avançadas",
+        "startCarModeInLowBandwidthMode": "Iniciar modo carro em modo de banda baixa",
+        "startWithAudioMuted": "Iniciar sem áudio",
+        "startWithVideoMuted": "Iniciar sem vídeo",
+        "terms": "Termos",
+        "version": "Versão"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nDeseja apenas discar no seu telefone?\n\n{{defaultDialInNumber}}Clique neste link para ver os números de telefone para esta reunião\n{{dialInfoPageUrl}}",
+        "mainText": "Clique no seguinte link para entrar na reunião:\n{{roomUrl}}"
+    },
+    "speaker": "Alto-falantes",
+    "speakerStats": {
+        "angry": "Zangado",
+        "disgusted": "Com nojo",
+        "displayEmotions": "Exibir emoções",
+        "fearful": "Com medo",
+        "happy": "Feliz",
+        "hours": "{{count}}h",
+        "minutes": "{{count}}m",
+        "name": "Nome",
+        "neutral": "Neutro",
+        "sad": "Triste",
+        "search": "Busca",
+        "searchHint": "Buscar participantes",
+        "seconds": "{{count}}s",
+        "speakerStats": "Estatísticas do apresentador",
+        "speakerTime": "Tempo do apresentador",
+        "surprised": "Surpreso"
+    },
+    "startupoverlay": {
+        "genericTitle": "A reunião precisa usar seu microfone e câmera.",
+        "policyText": " ",
+        "title": "O {{app}} precisa usar seu microfone e câmera."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Reconectar",
+        "text": "Pressione o botão <i>Reentrar</i> para reconectar.",
+        "title": "Sua chamada de vídeo foi interrompida, porque seu computador foi dormir."
+    },
+    "termsView": {
+        "title": "Termos"
+    },
+    "toggleTopPanelLabel": "Alternar painel superior",
+    "toolbar": {
+        "Settings": "Configurações",
+        "accessibilityLabel": {
+            "Settings": "Alternar configurações",
+            "audioOnly": "Alternar para apenas áudio",
+            "audioRoute": "Selecionar o dispositivo de som",
+            "boo": "Vaia",
+            "breakoutRooms": "Entrar/sair da sala de apoio",
+            "callQuality": "Gerenciar qualidade do vídeo",
+            "carmode": "Modo carro",
+            "cc": "Alternar legendas",
+            "chat": "Alternar para janela de chat",
+            "clap": "Aplauso",
+            "closeChat": "Fechar chat",
+            "closeMoreActions": "Fechar o menu de mais ações",
+            "closeParticipantsPane": "Fechar painel de participantes",
+            "collapse": "Recolher",
+            "document": "Alternar para documento compartilhado",
+            "documentClose": "Fechar documento compartilhado",
+            "documentOpen": "Abrir documento compartilhado",
+            "download": "Baixe nossos aplicativos",
+            "embedMeeting": "Reunião em formato compacto",
+            "endConference": "Terminar para todos",
+            "enterFullScreen": "Ver em tela-cheia",
+            "enterTileView": "Entrar na visualização em blocos",
+            "exitFullScreen": "Sair da tela-cheia",
+            "exitTileView": "Sair da visualização em blocos",
+            "expand": "Expandir",
+            "feedback": "Deixar feedback",
+            "fullScreen": "Alternar para tela cheia",
+            "giphy": "Alternar menu do GIPHY",
+            "grantModerator": "Atribuir Moderador",
+            "hangup": "Sair da chamada",
+            "heading": "Barra de ferramentas",
+            "help": "Ajuda",
+            "hideWhiteboard": "Ocultar quadro-branco",
+            "invite": "Convidar pessoas",
+            "kick": "Remover participante",
+            "laugh": "Risada",
+            "leaveConference": "Sair da reunião",
+            "like": "Gostei",
+            "linkToSalesforce": "Link com o Salesforce",
+            "lobbyButton": "Habilitar/desabilitar sala de espera",
+            "localRecording": "Alternar controles de gravação local",
+            "lockRoom": "Ativar/desativar senha de reunião",
+            "lowerHand": "Abaixar a mão",
+            "moreActions": "Alternar mais menu de ações",
+            "moreActionsMenu": "Menu de mais ações",
+            "moreOptions": "Mostrar mais opções",
+            "mute": "Alternar mudo do áudio",
+            "muteEveryone": "Silenciar todos",
+            "muteEveryoneElse": "Silenciar todos os demais",
+            "muteEveryoneElsesVideoStream": "Parar o vídeo de todos os outros",
+            "muteEveryonesVideoStream": "Parar o vídeo de todos",
+            "muteGUMPending": "Conectando seu microfone",
+            "noiseSuppression": "Supressão de ruído",
+            "openChat": "Abrir chat",
+            "participants": "Participantes",
+            "pip": "Alternar modo Picture-in-Picture",
+            "privateMessage": "Enviar mensagem privada",
+            "profile": "Editar seu perfil",
+            "raiseHand": "Alternar levantar a mão",
+            "reactions": "Reações",
+            "reactionsMenu": "Abrir / fechar menu de reações",
+            "recording": "Alternar gravação",
+            "remoteMute": "Silenciar participante",
+            "remoteVideoMute": "Desativar a câmera do participante",
+            "security": "Opções de segurança",
+            "selectBackground": "Selecionar Fundo",
+            "selfView": "Alternar auto-visualização",
+            "shareRoom": "Convidar alguém",
+            "shareYourScreen": "Alternar compartilhamento de tela",
+            "shareaudio": "Compartilhar áudio",
+            "sharedvideo": "Alternar compartilhamento de vídeo",
+            "shortcuts": "Alternar atalhos",
+            "show": "Mostrar no palco",
+            "showWhiteboard": "Exibir quadro-branco",
+            "silence": "Silenciar",
+            "speakerStats": "Alternar estatísticas do apresentador",
+            "stopScreenSharing": "Parar de compartilhar sua tela",
+            "stopSharedVideo": "Parar vídeo",
+            "surprised": "Surpresa",
+            "tileView": "Alternar visualização em blocos",
+            "toggleCamera": "Alternar câmera",
+            "toggleFilmstrip": "Alterar tira de filme",
+            "unmute": "Ativar som",
+            "videoblur": "Alternar desfoque de vídeo",
+            "videomute": "Alternar mudo do vídeo",
+            "videomuteGUMPending": "Conectando sua câmera",
+            "videounmute": "Ativar câmera"
+        },
+        "addPeople": "Adicionar pessoas à sua chamada",
+        "audioOnlyOff": "Desabilitar modo de largura de banda baixa",
+        "audioOnlyOn": "Habilitar modo de largura de banda baixa",
+        "audioRoute": "Selecionar o dispositivo de som",
+        "audioSettings": "Configurações de áudio",
+        "authenticate": "Autenticar",
+        "boo": "Vaia",
+        "callQuality": "Gerenciar qualidade do vídeo",
+        "chat": "Abrir ou fechar o bate-papo",
+        "clap": "Aplauso",
+        "closeChat": "Fechar chat",
+        "closeParticipantsPane": "Fechar painel de participantes",
+        "closeReactionsMenu": "Fechar menu de reações",
+        "disableNoiseSuppression": "Desabilitar supressão de ruído",
+        "disableReactionSounds": "Você pode desabilitar os sons de reação para esta reunião",
+        "documentClose": "Fechar documento compartilhado",
+        "documentOpen": "Abrir documento compartilhado",
+        "download": "Baixe nossos aplicativos",
+        "e2ee": "Encriptação ponto a ponto",
+        "embedMeeting": "Reunião em formato compacto",
+        "enableNoiseSuppression": "Habilitar supressão de ruído",
+        "endConference": "Terminar para todos",
+        "enterFullScreen": "Ver em tela cheia",
+        "enterTileView": "Entrar em exibição de bloco",
+        "exitFullScreen": "Sair da tela cheia",
+        "exitTileView": "Sair de exibição de bloco",
+        "feedback": "Deixar feedback",
+        "giphy": "Alternar menu do GIPHY",
+        "hangup": "Sair",
+        "help": "Ajuda",
+        "hideWhiteboard": "Ocultar quadro-branco",
+        "invite": "Convidar pessoas",
+        "joinBreakoutRoom": "Ingressar na sala de apoio",
+        "laugh": "Risada",
+        "leaveBreakoutRoom": "Sair da sala de apoio",
+        "leaveConference": "Sair da reunião",
+        "like": "Gostei",
+        "linkToSalesforce": "Link com o Salesforce",
+        "lobbyButtonDisable": "Desabilitar sala de espera",
+        "lobbyButtonEnable": "Habilitar sala de espera",
+        "login": "Iniciar sessão",
+        "logout": "Encerrar sessão",
+        "lowerYourHand": "Baixar a mão",
+        "moreActions": "Mais ações",
+        "moreOptions": "Mais opções",
+        "mute": "Mudo / Não mudo",
+        "muteEveryone": "Silenciar todos",
+        "muteEveryonesVideo": "Desativar a câmera de todos",
+        "muteGUMPending": "Conectando seu microfone",
+        "noAudioSignalDesc": "Se você não o desativou propositalmente das configurações do sistema ou do hardware, considere trocar o dispositivo.",
+        "noAudioSignalDescSuggestion": "Se você não o desativou propositalmente das configurações do sistema ou do hardware, considere trocar para o dispositivo sugerido.",
+        "noAudioSignalDialInDesc": "Você também pode discar usando:",
+        "noAudioSignalDialInLinkDesc": "Discar números",
+        "noAudioSignalTitle": "Não há entrada de áudio vindo do seu microfone!",
+        "noiseSuppression": "Supressão de ruído",
+        "noisyAudioInputDesc": "Parece que o microfone está fazendo barulho, considere silenciar ou alterar o dispositivo.",
+        "noisyAudioInputTitle": "O seu microfone parece estar barulhento!",
+        "openChat": "Abrir chat",
+        "openReactionsMenu": "Abrir menu de reações",
+        "participants": "Participantes",
+        "pip": "Entrar em modo Quadro-a-Quadro",
+        "privateMessage": "Enviar mensagem privada",
+        "profile": "Editar seu perfil",
+        "raiseHand": "Erguer / Baixar sua mão",
+        "raiseYourHand": "Levantar a mão",
+        "reactionBoo": "Enviar reação de vaia",
+        "reactionClap": "Enviar reação de aplauso",
+        "reactionLaugh": "Enviar reação de risada",
+        "reactionLike": "Enviar reação de gostei",
+        "reactionSilence": "Enviar reação de silêncio",
+        "reactionSurprised": "Enviar reação de surpresa",
+        "reactions": "Reações",
+        "security": "Opções de segurança",
+        "selectBackground": "Selecionar fundo",
+        "shareRoom": "Convidar alguém",
+        "shareaudio": "Compartilhar áudio",
+        "sharedvideo": "Compartilhar um vídeo",
+        "shortcuts": "Ver atalhos",
+        "showWhiteboard": "Exibir quadro-branco",
+        "silence": "Silêncio",
+        "speakerStats": "Estatísticas do Apresentador",
+        "startScreenSharing": "Iniciar compart. de tela",
+        "startSubtitles": "Iniciar legendas",
+        "stopAudioSharing": "Parar compart. de áudio",
+        "stopScreenSharing": "Parar compart. de tela",
+        "stopSharedVideo": "Parar vídeo",
+        "stopSubtitles": "Parar legendas",
+        "surprised": "Surpresa",
+        "talkWhileMutedPopup": "Tentando falar? Você está em mudo.",
+        "tileViewToggle": "Alternar visualização em blocos",
+        "toggleCamera": "Alternar câmera",
+        "unmute": "Ativar som",
+        "videoSettings": "Configurações de vídeo",
+        "videomute": "Iniciar ou parar a câmera",
+        "videomuteGUMPending": "Conectando sua câmera",
+        "videounmute": "Ativar câmera"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Iniciar/parar legendas",
+        "error": "Transcrição falhou. Tente novamente.",
+        "expandedLabel": "Transcrição ativada",
+        "failedToStart": "Transcrição falhou ao iniciar",
+        "labelToolTip": "A reunião esta sendo transcrita",
+        "off": "Transcrição parada",
+        "pending": "Preparando a transcrição da reunião…",
+        "sourceLanguageDesc": "No momento o idioma da reunião está definido para <b>{{sourceLanguage}}</b>. <br/> Você pode alterar-lo ",
+        "sourceLanguageHere": "aqui",
+        "start": "Exibir legendas",
+        "stop": "Não exibir legendas",
+        "subtitles": "Legendas",
+        "subtitlesOff": "Desativadas",
+        "tr": "TR"
+    },
+    "unpinParticipant": "{{participantName}} - Desafixar",
+    "userMedia": {
+        "grantPermissions": "Dê as permissões para usar sua câmera e microfone."
+    },
+    "videoSIPGW": {
+        "busy": "Estamos trabalhando para liberar recursos. Por favor, tente novamente em alguns minutos.",
+        "busyTitle": "O serviço da sala está ocupado",
+        "errorAlreadyInvited": "{{displayName}} já convidado",
+        "errorInvite": "A conferência ainda não foi estabelecida. Por favor, tente mais tarde.",
+        "errorInviteFailed": "Estamos trabalhando para resolver o problema. Por favor, tente mais tarde.",
+        "errorInviteFailedTitle": "Convite para {{displayName}} falhou",
+        "errorInviteTitle": "Erro no convite da sala",
+        "pending": "{{displayName}} foi convidado"
+    },
+    "videoStatus": {
+        "adjustFor": "Ajustar para:",
+        "audioOnly": "AUD",
+        "audioOnlyExpanded": "Você está em modo de banda baixa. Neste modo, se recebe somente áudio e compartilhamento de tela.",
+        "bestPerformance": "Melhor performance",
+        "callQuality": "Qualidade de vídeo",
+        "hd": "HD",
+        "hdTooltip": "Ver vídeo em alta definição",
+        "highDefinition": "Alta definição (HD)",
+        "highestQuality": "Alta qualidade",
+        "labelTooiltipNoVideo": "Sem vídeo",
+        "labelTooltipAudioOnly": "Modo de largura de banda baixa habilitada",
+        "ld": "LD",
+        "ldTooltip": "Ver vídeo em baixa definição",
+        "lowDefinition": "Baixa definição (LD)",
+        "performanceSettings": "Configurações de performance",
+        "recording": "Gravação em andamento",
+        "sd": "SD",
+        "sdTooltip": "Ver vídeo em definição padrão",
+        "standardDefinition": "Definição padrão",
+        "streaming": "Streaming em andamento"
+    },
+    "videothumbnail": {
+        "connectionInfo": "Informações da Conexão",
+        "domute": "Mudo",
+        "domuteOthers": "Silenciar todos os demais",
+        "domuteVideo": "Desativar a câmera",
+        "domuteVideoOfOthers": "Desativar a câmera de todos os demais",
+        "flip": "Inverter",
+        "grantModerator": "Atribuir Moderador",
+        "hideSelfView": "Ocultar auto-visualização",
+        "kick": "Remover",
+        "mirrorVideo": "Espelhar meu vídeo",
+        "moderator": "Moderador",
+        "mute": "Participante está mudo",
+        "muted": "Mudo",
+        "pinToStage": "Fixar no palco",
+        "remoteControl": "Controle remoto",
+        "screenSharing": "O participante está compartilhando sua tela",
+        "show": "Mostrar no palco",
+        "showSelfView": "Exibir auto-visualização",
+        "unpinFromStage": "Desafixar",
+        "verify": "Verificar participante",
+        "videoMuted": "Câmera desativada",
+        "videomute": "O participante parou a câmera"
+    },
+    "virtualBackground": {
+        "accessibilityLabel": {
+            "currentBackground": "Fundo atual: {{background}}",
+            "selectBackground": "Selecionar um fundo"
+        },
+        "addBackground": "Adicionar novo fundo",
+        "apply": "Aplicar",
+        "backgroundEffectError": "Falha ao aplicar efeito de fundo.",
+        "blur": "Desfoque",
+        "deleteImage": "Excluir imagem",
+        "desktopShare": "Compartilhar desktop",
+        "desktopShareError": "Não foi possível compartilhar o desktop",
+        "image1": "Praia",
+        "image2": "Parede branca neutra",
+        "image3": "Quarto branco vazio",
+        "image4": "Luminária preta",
+        "image5": "Montanha",
+        "image6": "Floresta",
+        "image7": "Alvorada",
+        "none": "Nenhum",
+        "pleaseWait": "Aguarde…",
+        "removeBackground": "Remover fundo",
+        "slightBlur": "Desfoque suave",
+        "title": "Fundos virtuais",
+        "uploadedImage": "Imagem enviada {{index}}",
+        "webAssemblyWarning": "Não há suporte para WebAssembly",
+        "webAssemblyWarningDescription": "WebAssembly desativado ou não suportado neste navegador"
+    },
+    "visitors": {
+        "chatIndicator": "(visitante)",
+        "labelTooltip": "Número de visitantes: {{count}}",
+        "notification": {
+            "description": "Para participar levante a mão",
+            "title": "Você é um visitante na reunião"
+        }
+    },
+    "volumeSlider": "Controle de volume",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Toque para entrar",
+            "roomname": "Digite o nome da sala"
+        },
+        "addMeetingName": "Adicionar nome da reunião",
+        "appDescription": "Vá em frente, converse por vídeo com toda a equipe. De fato, convide todos que você conhece. {{app}} é uma solução de videoconferência totalmente criptografada e 100% de código aberto que você pode usar todos os dias, a cada dia, gratuitamente — sem necessidade de conta.",
+        "audioVideoSwitch": {
+            "audio": "Voz",
+            "video": "Vídeo"
+        },
+        "calendar": "Calendário",
+        "connectCalendarButton": "Conectar seu calendário",
+        "connectCalendarText": "Conecte seu calendário para ver todas as reuniões em {{app}}. Além disso, adicione reuniões de {{provider}} ao seu calendário e inicie-as com apenas um clique.",
+        "enterRoomTitle": "Iniciar uma nova reunião",
+        "getHelp": "Obter ajuda",
+        "go": "IR",
+        "goSmall": "IR",
+        "headerSubtitle": "Reuniões com segurança e alta qualidade",
+        "headerTitle": "Jitsi Meet",
+        "info": "Informações",
+        "jitsiOnMobile": "Jitsi em dispositivos móveis – baixe nossos aplicativos e inicie uma reunião em qualquer lugar",
+        "join": "CRIAR / ENTRAR",
+        "logo": {
+            "calendar": "Logo do Calendário",
+            "desktopPreviewThumbnail": "Miniatura de Visualização do Desktop",
+            "googleLogo": "Logo do Google",
+            "logoDeepLinking": "Logo do Jitsi Meet",
+            "microsoftLogo": "Logo da Microsoft",
+            "policyLogo": "Logo da Política de Privacidade"
+        },
+        "meetingsAccessibilityLabel": "Reuniões",
+        "mobileDownLoadLinkAndroid": "Baixar aplicativo móvel para Android",
+        "mobileDownLoadLinkFDroid": "Baixar aplicativo móvel para F-Droid",
+        "mobileDownLoadLinkIos": "Baixar aplicativo móvel para iOS",
+        "moderatedMessage": "Ou <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">agende uma URL de reunião</a> antes, onde você é o único moderador.",
+        "privacy": "Política de Privacidade",
+        "recentList": "Recente",
+        "recentListDelete": "Remover",
+        "recentListEmpty": "Sua lista recente está vazia. As reuniões que você realizar serão exibidas aqui.",
+        "recentMeetings": "Suas reuniões recentes",
+        "reducedUIText": "Bem-vindo ao {{app}}!",
+        "roomNameAllowedChars": "Nome da reunião não deve conter qualquer um destes caracteres: ?. &, :, ', \", %, #.",
+        "roomname": "Digite o nome da sala",
+        "roomnameHint": "Digite o nome ou a URL da sala que você deseja entrar. Você pode digitar um nome, e apenas deixe para as pessoas que você quer se reunir digitem o mesmo nome.",
+        "sendFeedback": "Enviar comentários",
+        "settings": "Configurações",
+        "startMeeting": "Iniciar reunião",
+        "terms": "Termos",
+        "title": "Videoconferências mais seguras, flexíveis e totalmente gratuitas",
+        "upcomingMeetings": "Suas próximas reuniões"
+    },
+    "whiteboard": {
+        "accessibilityLabel": {
+            "heading": "Quadro-branco"
+        }
+    }
+}
diff --git a/lang/main-pt.json b/lang/main-pt.json
new file mode 100644
index 0000000..b2244b1
--- /dev/null
+++ b/lang/main-pt.json
@@ -0,0 +1,1664 @@
+{
+    "addPeople": {
+        "accessibilityLabel": {
+            "meetingLink": "Link da reunião: {{url}}"
+        },
+        "add": "Convidar",
+        "addContacts": "Convidar os seus contactos",
+        "contacts": "contactos",
+        "copyInvite": "Cópia do convite para reunião",
+        "copyLink": "Cópia do link da reunião",
+        "copyStream": "Copiar do link de transmissão em direto",
+        "countryNotSupported": "Ainda não temos suporte para este destino.",
+        "countryReminder": "Está a telefonar para fora dos EUA? Por favor, certifique-se de que começa com o código do país!",
+        "defaultEmail": "O seu email predefinido",
+        "disabled": "Não pode convidar outras pessoas.",
+        "failedToAdd": "Falha ao adicionar participantes",
+        "googleEmail": "Email do Google",
+        "inviteMoreHeader": "É o único na reunião",
+        "inviteMoreMailSubject": "Participar na reunião {{appName}}",
+        "inviteMorePrompt": "Convidar mais pessoas",
+        "linkCopied": "Link copiado para a área de transferência",
+        "noResults": "Sem resultados de pesquisa correspondentes",
+        "outlookEmail": "Email do Outlook",
+        "phoneNumbers": "números de telefone",
+        "searching": "A pesquisar…",
+        "shareInvite": "Partilhar convite de reunião",
+        "shareLink": "Partilhar o link da reunião para convidar outras pessoas",
+        "shareStream": "Partilhar o link de transmissão em direto",
+        "sipAddresses": "endereços SIP",
+        "telephone": "Telefone: {{number}}",
+        "title": "Convidar pessoas para esta reunião",
+        "yahooEmail": "Email do Yahoo"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "car": "Sistema áudio do automóvel",
+        "headphones": "Auscultadores",
+        "none": "Sem dispositivos de áudio disponíveis",
+        "phone": "Telemóvel",
+        "speaker": "Altifalante"
+    },
+    "audioOnly": {
+        "audioOnly": "Largura de banda baixa"
+    },
+    "bandwidthSettings": {
+        "assumedBandwidthBps": "p. ex. 10000000 para 10 Mbps",
+        "assumedBandwidthBpsWarning": "Valores mais elevados podem causar problemas na rede.",
+        "customValue": "valor personalizado",
+        "customValueEffect": "para definir o valor actual de bps",
+        "leaveEmpty": "deixar em branco",
+        "leaveEmptyEffect": "para permitir a realização de estimativas",
+        "possibleValues": "Valores possíveis",
+        "setAssumedBandwidthBps": "Largura de banda presumida (bps)",
+        "title": "Definições de largura de banda",
+        "zeroEffect": "para desligar o vídeo"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "Adicionar salas simultâneas",
+            "autoAssign": "Atribuição automática de salas simultâneas",
+            "close": "Fechar",
+            "join": "Entrar na sala",
+            "leaveBreakoutRoom": "Sair da sala",
+            "more": "Mais",
+            "remove": "Eliminar sala",
+            "rename": "Renomear",
+            "renameBreakoutRoom": "Renomear sala",
+            "sendToBreakoutRoom": "Enviar participante para:"
+        },
+        "breakoutList": "lista de salas",
+        "buttonLabel": "Salas simultâneas",
+        "defaultName": "Sala #{{index}}",
+        "hideParticipantList": "Ocultar lista de participantes",
+        "mainRoom": "Sala principal",
+        "notifications": {
+            "joined": "Entrada na sala \"{{name}}\"",
+            "joinedMainRoom": "Entrada na sala principal",
+            "joinedTitle": "Salas simultâneas"
+        },
+        "showParticipantList": "Mostrar lista de participantes",
+        "title": "Salas simultâneas"
+    },
+    "calendarSync": {
+        "addMeetingURL": "Adicionar um link da reunião",
+        "confirmAddLink": "Gostaria de adicionar um link do Jitsi a esse evento?",
+        "error": {
+            "appConfiguration": "A integração com calendário não está configurada adequadamente.",
+            "generic": "Ocorreu um erro. Verifique as configurações de calendário ou tente atualizar o calendário.",
+            "notSignedIn": "Ocorreu um erro durante a autenticação para visualização dos eventos do calendário. Verifique as configurações de calendário e tente entrar novamente."
+        },
+        "join": "Participar",
+        "joinTooltip": "Participar na reunião",
+        "nextMeeting": "Próxima reunião",
+        "noEvents": "Não há eventos próximos agendados.",
+        "ongoingMeeting": "Reunião a decorrer",
+        "permissionButton": "Abrir configurações",
+        "permissionMessage": "Permissão do calendário é requerida para ver as suas reuniões na aplicação.",
+        "refresh": "Atualizar calendário",
+        "today": "Hoje"
+    },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "Seleccionar dispositivo de som"
+        },
+        "labels": {
+            "buttonLabel": "Modo de condução",
+            "title": "Modo de condução",
+            "videoStopped": "O seu vídeo está parado"
+        }
+    },
+    "chat": {
+        "disabled": "O envio de mensagens de chat está desativado.",
+        "enter": "Entrar na sala",
+        "error": "Erro: a sua mensagem não foi enviada. Motivo: {{error}}",
+        "everyone": "Todos",
+        "fieldPlaceHolder": "Aa",
+        "lobbyChatMessageTo": "Mensagem de chat na sala de espera para {{recipient}}",
+        "message": "Mensagem",
+        "messageAccessibleTitle": "{{user}} disse:",
+        "messageAccessibleTitleMe": "Eu disse:",
+        "messageTo": "Mensagem privada para {{recipient}}",
+        "messagebox": "Escreva uma mensagem",
+        "newMessages": "Novas mensagens",
+        "nickname": {
+            "popover": "Escolha um apelido",
+            "title": "Introduza um apelido para usar o chat",
+            "titleWithCC": "Insira um apelido para usar o chat e as legendas ocultas",
+            "titleWithPolls": "Digite um apelido para usar o chat e as sondagens",
+            "titleWithPollsAndCC": "Insira um apelido para utilizar o chat, as sondagens e as legendas ocultas",
+            "titleWithPollsAndCCAndFileSharing": "Insira um apelido para utilizar o chat, as sondagens, as legendas e os ficheiros"
+        },
+        "noMessagesMessage": "Ainda não há mensagens na reunião. Comece aqui uma conversa!",
+        "privateNotice": "Mensagem privada para {{recipient}}",
+        "sendButton": "Enviar",
+        "smileysPanel": "Painel de Emojis",
+        "systemDisplayName": "Sistema",
+        "tabs": {
+            "chat": "Chat",
+            "closedCaptions": "LO",
+            "fileSharing": "Ficheiros",
+            "polls": "Sondagens"
+        },
+        "title": "Chat",
+        "titleWithCC": "LO",
+        "titleWithFeatures": "Chat e",
+        "titleWithFileSharing": "Ficheiros",
+        "titleWithPolls": "Sondagens",
+        "you": "você"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Instalar extensão do Chrome",
+        "buttonTextEdge": "Instalar extensão do Edge",
+        "close": "Fechar",
+        "dontShowAgain": "Não me mostre isto outra vez",
+        "installExtensionText": "Instalar a extensão para a integração Google Calendar e Office 365"
+    },
+    "closedCaptionsTab": {
+        "emptyState": "O conteúdo das legendas ocultas estará disponível assim que um moderador iniciar a sessão.",
+        "startClosedCaptionsButton": "Iniciar legendas ocultas"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "A ligá-lo à reunião…"
+    },
+    "connection": {
+        "ATTACHED": "Anexado",
+        "AUTHENTICATING": "A autenticar",
+        "AUTHFAIL": "Falha de autenticação",
+        "CONNECTED": "Ligado",
+        "CONNECTING": "A ligar",
+        "CONNFAIL": "Falha de ligação",
+        "DISCONNECTED": "Desligado",
+        "DISCONNECTING": "A desligar",
+        "ERROR": "Erro",
+        "FETCH_SESSION_ID": "Obtenção da session-id…",
+        "GET_SESSION_ID_ERROR": "Obter erro de session-id: {{code}}",
+        "GOT_SESSION_ID": "Obtenção da  session-id… Feito",
+        "LOW_BANDWIDTH": "O vídeo para {{displayName}} foi desligado para poupar largura de banda"
+    },
+    "connectionindicator": {
+        "address": "Endereço:",
+        "audio_ssrc": "Áudio SSRC:",
+        "bandwidth": "Largura de banda estimada:",
+        "bitrate": "Taxa de bits:",
+        "bridgeCount": "Servidores: ",
+        "codecs": "Codecs (A/V): ",
+        "connectedTo": "Ligado a:",
+        "e2eeVerified": "E2EE verificada:",
+        "framerate": "Taxa de frames:",
+        "less": "Mostrar menos",
+        "localaddress": "Endereço local:",
+        "localaddress_plural": "Endereços locais:",
+        "localport": "Porta local:",
+        "localport_plural": "Portas locais:",
+        "maxEnabledResolution": "enviar máx",
+        "more": "Mostrar mais",
+        "no": "não",
+        "packetloss": "Perda de pacote:",
+        "participant_id": "Participante id:",
+        "quality": {
+            "good": "Boa",
+            "inactive": "Inativo",
+            "lost": "Perdido",
+            "nonoptimal": "Não é ótima",
+            "poor": "Pobre"
+        },
+        "remoteaddress": "Endereço remoto:",
+        "remoteaddress_plural": "Endereços remotos:",
+        "remoteport": "Porta remota:",
+        "remoteport_plural": "Portas remotas:",
+        "resolution": "Resolução:",
+        "savelogs": "Guardar registos",
+        "status": "Ligação:",
+        "transport": "Transporte:",
+        "transport_plural": "Transportes:",
+        "video_ssrc": "Vídeo SSRC:",
+        "yes": "sim"
+    },
+    "dateUtils": {
+        "earlier": "Mais cedo",
+        "today": "Hoje",
+        "yesterday": "Ontem"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Precisa da aplicação móvel {{app}} para participar na reunião com o seu telefone.",
+        "description": "Não aconteceu nada? Tentámos iniciar a sua reunião na aplicação desktop {{app}}. Tente novamente ou inicie-a na aplicação web {{app}}.",
+        "descriptionNew": "Não aconteceu nada? Tentámos iniciar a sua reunião na aplicação desktop {{app}}. <br /><br /> Pode tentar novamente ou iniciá-la na web.",
+        "descriptionWithoutWeb": "Não aconteceu nada? Tentamos iniciar a sua reunião na aplicação desktop {{app}}.",
+        "downloadApp": "Descarregar a aplicação",
+        "downloadMobileApp": "Descarregar da App Store",
+        "ifDoNotHaveApp": "Se ainda não tem a aplicação:",
+        "ifHaveApp": "Se já tem a aplicação:",
+        "joinInApp": "Participe nesta reunião utilizando a aplicação",
+        "joinInAppNew": "Entrar pela aplicação",
+        "joinInBrowser": "Entrar pelo navegador de Internet",
+        "launchMeetingLabel": "Como deseja entrar nesta reunião?",
+        "launchWebButton": "Iniciar pelo navegador de Internet",
+        "noDesktopApp": "Não tem a aplicação?",
+        "noMobileApp": "Não tem a aplicação?",
+        "or": "OU",
+        "termsAndConditions": "Ao continuar, concorda com os nossos <a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'>termos & condições.</a>",
+        "title": "Iniciando a sua reunião na {{app}}…",
+        "titleNew": "Iniciando a sua reunião…",
+        "tryAgainButton": "Tente novamente no desktop",
+        "unsupportedBrowser": "Parece que está a usar um navegador que não suportamos."
+    },
+    "defaultLink": "ex.: {{url}}",
+    "defaultNickname": "ex.: João Dias",
+    "deviceError": {
+        "cameraError": "Falha ao aceder à sua câmara",
+        "cameraPermission": "Erro ao obter permissão para a câmara",
+        "microphoneError": "Falha ao aceder ao seu microfone",
+        "microphonePermission": "Erro ao obter permissão para o microfone"
+    },
+    "deviceSelection": {
+        "hid": {
+            "callControl": "Controlo de chamadas",
+            "connectedDevices": "Dispositivos ligados:",
+            "deleteDevice": "Apagar dispositivo",
+            "pairDevice": "Emparelhar dispositivo"
+        },
+        "noPermission": "Permissão não concedida",
+        "previewUnavailable": "Visualização indisponível",
+        "selectADevice": "Selecione um dispositivo",
+        "testAudio": "Teste"
+    },
+    "dialIn": {
+        "screenTitle": "Resumo da marcação"
+    },
+    "dialOut": {
+        "statusMessage": "está agora {{status}}"
+    },
+    "dialog": {
+        "Back": "Voltar",
+        "Cancel": "Cancelar",
+        "IamHost": "Iniciar sessão",
+        "Ok": "OK",
+        "Remove": "Remover",
+        "Share": "Partilhar",
+        "Submit": "Submeter",
+        "Understand": "Entendo, mantenha-me em silêncio por enquanto.",
+        "UnderstandAndUnmute": "Entendo, por favor, desative o silêncio.",
+        "WaitForHostMsg": "A conferência ainda não começou porque ainda não chegaram moderadores. Se quiser ser um moderador, inicie a sessão. Caso contrário, aguarde.",
+        "WaitForHostNoAuthMsg": "A conferência ainda não começou porque ainda não chegaram os moderadores. Por favor, aguarde.",
+        "WaitingForHostButton": "Esperar pelo moderador",
+        "WaitingForHostTitle": "À espera de um moderador…",
+        "Yes": "Sim",
+        "accessibilityLabel": {
+            "Cancel": "Cancelar (sair da caixa de diálogo)",
+            "Ok": "OK (guardar e sair da caixa de diálogo)",
+            "close": "Fechar caixa de diálogo",
+            "liveStreaming": "Transmissão em direto",
+            "sharingTabs": "Opções de partilha"
+        },
+        "add": "Adicionar",
+        "addMeetingNote": "Acrescentar uma nota sobre esta reunião",
+        "addOptionalNote": "Adicionar uma nota (opcional):",
+        "allow": "Permitir",
+        "allowToggleCameraDialog": "Permite que {{initiatorName}} alterne o modo de visualização da câmara?",
+        "allowToggleCameraTitle": "Permitir alternar a câmara?",
+        "alreadySharedVideoMsg": "Outro participante já está a partilhar um vídeo. Esta conferência permite apenas um vídeo partilhado de cada vez.",
+        "alreadySharedVideoTitle": "Só é permitido um vídeo partilhado de cada vez",
+        "applicationWindow": "Janela de aplicação",
+        "authenticationRequired": "Autenticação necessária",
+        "cameraCaptureDialog": {
+            "description": "Tire e envie uma foto usando a câmara do seu telemóvel",
+            "ok": "Ligar a câmara",
+            "reject": "Agora não",
+            "title": "Tire uma foto"
+        },
+        "cameraConstraintFailedError": "A sua câmara não satisfaz algumas das restrições exigidas.",
+        "cameraNotFoundError": "A câmara não foi encontrada.",
+        "cameraNotSendingData": "Não podemos aceder à sua câmara. Verifique se outra aplicação está a utilizar este dispositivo, seleccione outro dispositivo do menu de definições ou tente recarregar a aplicação.",
+        "cameraNotSendingDataTitle": "Não é possível aceder à câmara",
+        "cameraPermissionDeniedError": "Não concedeu autorização para utilizar a sua câmara. Ainda pode participar na conferência, mas outros não o verão. Use o botão da câmara na barra de endereço para corrigir isto.",
+        "cameraTimeoutError": "Não foi possível iniciar a fonte de vídeo. Tempo limite expirado!",
+        "cameraUnknownError": "Não é possível utilizar a câmara por uma razão desconhecida.",
+        "cameraUnsupportedResolutionError": "A sua câmara não suporta a resolução de vídeo necessária.",
+        "close": "Fechar",
+        "conferenceDisconnectMsg": "Poderá querer verificar a sua ligação à rede. Reconexão em {{seconds}} seg…",
+        "conferenceDisconnectTitle": "Foi desconectado.",
+        "conferenceReloadMsg": "Estamos a tentar resolver isto. Reconexão em {{seconds}} seg…",
+        "conferenceReloadTitle": "Infelizmente, algo correu mal.",
+        "confirm": "Confirme",
+        "confirmBack": "Voltar",
+        "confirmNo": "Não",
+        "confirmYes": "Sim",
+        "connectError": "Oops! Algo correu mal e não conseguimos estabelecer uma ligação com a conferência.",
+        "connectErrorWithMsg": "Oops! Algo correu mal e não conseguimos estabelecer uma ligação com a conferência: {{msg}}",
+        "connecting": "A ligar",
+        "contactSupport": "Contacte o suporte",
+        "copied": "Copiado",
+        "copy": "Cópia",
+        "demoteParticipantDialog": "Tem a certeza de que deseja mover este participante para espectador?",
+        "demoteParticipantTitle": "Mover para espectador",
+        "dismiss": "Dispensar",
+        "displayNameRequired": "Olá! Qual é o seu nome?",
+        "done": "Feito",
+        "e2eeDescription": "A encriptação de ponta a ponta é actualmente EXPERIMENTAL. Tenha em mente que ligar a encriptação de ponta a ponta irá efectivamente desactivar os serviços fornecidos do lado do servidor, tais como: participação telefónica. Tenha também em mente que o encontro só funcionará para pessoas que se juntem a partir de browsers com suporte para \"insertable streams\".",
+        "e2eeDisabledDueToMaxModeDescription": "Não pode permitir a encriptação de ponta a ponta devido ao grande número de participantes na conferência.",
+        "e2eeLabel": "Habilitar encriptação de ponta a ponta",
+        "e2eeWarning": "AVISO: Nem todos os participantes neste encontro parecem ter apoio para a encriptação de ponta a ponta. Se o permitir, eles não o poderão ver nem ouvir.",
+        "e2eeWillDisableDueToMaxModeDescription": "AVISO: A encriptação de ponta a ponta será automaticamente desativada se mais participantes aderirem à conferência.",
+        "embedMeeting": "Embutir reunião",
+        "enterDisplayName": "Digite o seu nome",
+        "error": "Erro",
+        "errorRoomCreationRestriction": "Tentou juntar-se demasiado depressa, por favor volte mais tarde.",
+        "gracefulShutdown": "O nosso serviço está atualmente em manutenção. Por favor, tente novamente mais tarde.",
+        "grantModeratorDialog": "Tem a certeza que quer conceder direitos de moderador a {{participantName}}?",
+        "grantModeratorTitle": "Conceder direitos de moderador",
+        "hide": "Esconder",
+        "hideShareAudioHelper": "Não mostrar esta caixa de diálogo novamente",
+        "incorrectPassword": "Nome de utilizador ou palavra-passe incorretos",
+        "incorrectRoomLockPassword": "Palavra-passe incorreta",
+        "internalError": "Oops! Alguma coisa correu mal. Ocorreu o seguinte erro: {{error}}",
+        "internalErrorTitle": "Erro interno",
+        "kickMessage": "Pode contactar {{participantDisplayName}} para mais detalhes.",
+        "kickParticipantButton": "Expulsar",
+        "kickParticipantDialog": "Tem a certeza que quer expulsar este participante?",
+        "kickParticipantTitle": "Expulsar este participante?",
+        "kickSystemTitle": "Ai! Foste expulso da reunião.",
+        "kickTitle": "Ai! {{participantDisplayName}} expulsou-o da reunião",
+        "learnMore": "saiba mais",
+        "linkMeeting": "Link da reunião",
+        "linkMeetingTitle": "Link da reunião à Força de Vendas",
+        "liveStreaming": "Transmissão em direto",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "Não é possível enquanto a gravação estiver activa",
+        "localUserControls": "Controlos locais de utilizador",
+        "lockMessage": "Falha no bloqueio da conferência.",
+        "lockRoom": "Adicionar reunião $t(lockRoomPassword)",
+        "lockTitle": "Bloqueio falhado",
+        "login": "Entrar",
+        "loginQuestion": "Tem a certeza de que pretende iniciar sessão e abandonar a conferência?",
+        "logoutQuestion": "Tem a certeza de que quer terminar a sessão e sair da conferência?",
+        "logoutTitle": "Sair",
+        "maxUsersLimitReached": "O limite para o número máximo de participantes foi atingido. A conferência está cheia. Por favor contacte o proprietário da reunião ou tente novamente mais tarde!",
+        "maxUsersLimitReachedTitle": "Limite máximo de participantes atingido",
+        "micConstraintFailedError": "O seu microfone não satisfaz algumas das restrições exigidas.",
+        "micNotFoundError": "O microfone não foi encontrado.",
+        "micNotSendingData": "Vá às definições do seu computador para desligar o seu microfone e ajustar o seu nível",
+        "micNotSendingDataTitle": "O seu microfone está silenciado pelas definições do seu sistema",
+        "micPermissionDeniedError": "Não concedeu autorização para utilizar o seu microfone. Ainda pode participar na conferência, mas outros não o ouvirão. Use o botão da câmara na barra de endereço para corrigir isto.",
+        "micTimeoutError": "Não foi possível iniciar a fonte de áudio. Tempo limite expirado!",
+        "micUnknownError": "Não pode usar microfone por uma razão desconhecida.",
+        "moderationAudioLabel": "Permitir aos não moderadores ligar o som",
+        "moderationDesktopLabel": "Permitir que não moderadores partilhem o seu ecrã",
+        "moderationVideoLabel": "Permitir que não moderadores iniciem os seus vídeos",
+        "muteEveryoneDialog": "Os participantes podem ligar o som a qualquer momento.",
+        "muteEveryoneDialogModerationOn": "Os participantes podem enviar um pedido para falar a qualquer momento.",
+        "muteEveryoneElseDialog": "Uma vez silenciados, não poderá reativá-los, mas eles podem ligar o microfone a qualquer momento.",
+        "muteEveryoneElseTitle": "Silenciar todos excepto {{whom}}?",
+        "muteEveryoneElsesDesktopDialog": "Depois que o compartilhamento for interrompido, não será possível reiniciá-lo, mas eles poderão fazê-lo a qualquer momento.",
+        "muteEveryoneElsesDesktopTitle": "SInterromper a partilha de ecrã de todos, exceto {{whom}}?",
+        "muteEveryoneElsesVideoDialog": "Quando a câmara for desligada, não poderá voltar a ligá-la, mas eles podem voltar a ligá-la em qualquer momento.",
+        "muteEveryoneElsesVideoTitle": "Parar o vídeo de todos excepto {{whom}}?",
+        "muteEveryoneSelf": "você mesmo",
+        "muteEveryoneStartMuted": "A partir de agora, toda a gente começa a ficar calada",
+        "muteEveryoneTitle": "Silenciar toda a gente?",
+        "muteEveryonesDesktopDialog": "Os participantes podem partilhar o seu ecrã a qualquer momento.",
+        "muteEveryonesDesktopDialogModerationOn": "Os participantes podem enviar um pedido para partilhar o seu ecrã a qualquer momento.",
+        "muteEveryonesDesktopTitle": "Interromper a partilha de ecrã de todos?",
+        "muteEveryonesVideoDialog": "Os participantes podem ligar a sua câmara a qualquer momento.",
+        "muteEveryonesVideoDialogModerationOn": "Os participantes podem enviar um pedido para ligar a sua câmara a qualquer momento.",
+        "muteEveryonesVideoDialogOk": "Desativar",
+        "muteEveryonesVideoTitle": "Desligar a câmara de todos?",
+        "muteParticipantBody": "Não poderá reativá-los, mas eles podem reativar-se a qualquer momento.",
+        "muteParticipantButton": "Silenciar",
+        "muteParticipantsDesktopBody": "Não poderá iniciar a partilha de ecrã deles, mas eles podem fazê-lo a qualquer momento.",
+        "muteParticipantsDesktopBodyModerationOn": "Não será possível iniciar a partilha de ecrã nem para si nem para eles.",
+        "muteParticipantsDesktopButton": "Parar a partilha de ecrã",
+        "muteParticipantsDesktopDialog": "Tem a certeza de que deseja desativar a partilha de ecrã deste participante? Não será possível reiniciá-la, mas ele poderá fazê-lo a qualquer momento.",
+        "muteParticipantsDesktopDialogModerationOn": "Tem a certeza de que deseja desativar a partilha de ecrã deste participante? Não será possível reativar o ecrã, nem para si nem para ele.",
+        "muteParticipantsDesktopTitle": "Desativar a partilha de ecrã deste participante?",
+        "muteParticipantsVideoBody": "Não poderá voltar a ligar a câmara, mas eles podem voltar a ligá-la a qualquer momento.",
+        "muteParticipantsVideoBodyModerationOn": "Não será capaz de voltar a ligar a câmara e eles também não.",
+        "muteParticipantsVideoButton": "Parar vídeo",
+        "muteParticipantsVideoDialog": "Tem a certeza de que quer desativar a câmara deste participante? Não poderá voltar a ativar a câmara, mas eles podem voltar a reativá-la a qualquer momento.",
+        "muteParticipantsVideoDialogModerationOn": "Tem a certeza de que quer desligar a câmara deste participante? Não será capaz de voltar a ligar a câmara e eles também não.",
+        "muteParticipantsVideoTitle": "Desativar a câmara deste participante?",
+        "noDropboxToken": "Nenhum token do Dropbox válido",
+        "password": "Palavra-passe",
+        "passwordLabel": "A reunião foi encerrada por um participante. Por favor, introduza a $t(lockRoomPassword) para participar.",
+        "passwordNotSupported": "A definição na reunião $t(lockRoomPassword) não é suportada.",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) não é suportada.",
+        "passwordRequired": "$t(lockRoomPasswordUppercase) necessário",
+        "permissionCameraRequiredError": "É necessária a autorização da câmara para participar em conferências com vídeo. Por favor, conceda-a em Definições",
+        "permissionErrorTitle": "Permissão necessária",
+        "permissionMicRequiredError": "É necessária a permissão do microfone para participar em conferências com áudio. Por favor, conceda-a em Definições",
+        "readMore": "mais",
+        "recentlyUsedObjects": "Os seus objetos recentemente utilizados",
+        "recording": "A gravar",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "Não possível enquanto a transmissão em direto estiver activa",
+        "recordingInProgressDescription": "Esta reunião está a ser gravada e analisada pela IA{{learnMore}}. O seu áudio e vídeo foram silenciados. Se optar por ativar o som, concorda em ser gravado.",
+        "recordingInProgressDescriptionFirstHalf": "Esta reunião está a ser gravada e analisada por IA.",
+        "recordingInProgressDescriptionSecondHalf": ". Your audio and video have been muted. If you choose to unmute, you consent to being recorded.",
+        "recordingInProgressTitle": "Gravação em andamento",
+        "rejoinNow": "Reingressar agora",
+        "remoteControlAllowedMessage": "{{user}} aceitou o seu pedido de controlo remoto!",
+        "remoteControlDeniedMessage": "{{user}} rejeitou o seu pedido de controlo remoto!",
+        "remoteControlErrorMessage": "Ocorreu um erro ao tentar solicitar permissões de controlo remoto de {{user}}!",
+        "remoteControlRequestMessage": "Vai permitir que {{user}} controle remotamente o seu ambiente de trabalho?",
+        "remoteControlShareScreenWarning": "Note que se pressionar \"Permitir\" irá partilhar o seu ecrã!",
+        "remoteControlStopMessage": "A sessão de controlo remoto terminou!",
+        "remoteControlTitle": "Controlo remoto da área de trabalho",
+        "remoteUserControls": "Controlos remotos do utilizador {{username}}",
+        "removePassword": "Remover $t(lockRoomPassword)",
+        "removeSharedVideoMsg": "Tem a certeza de que gostaria de remover o seu vídeo partilhado?",
+        "removeSharedVideoTitle": "Remover vídeo partilhado",
+        "renameBreakoutRoomLabel": "Nome da sala",
+        "renameBreakoutRoomTitle": "Mudar o nome da sala",
+        "reservationError": "Erro no sistema de reservas",
+        "reservationErrorMsg": "Código de erro: {{code}}, mensagem: {{msg}}",
+        "retry": "Tentativa",
+        "screenSharingAudio": "Partilhar áudio",
+        "screenSharingFailed": "Oops! Algo correu mal, não fomos capazes de começar a partilhar o ecrã!",
+        "screenSharingFailedTitle": "A partilha de ecrã falhou!",
+        "screenSharingPermissionDeniedError": "Oops! Alguma coisa correu mal com as vossas permissões de partilha de ecrã. Por favor, volte a carregar e tente novamente.",
+        "searchInSalesforce": "Pesquisar na Salesforce",
+        "searchResults": "Resultados da pesquisa({{count}})",
+        "searchResultsDetailsError": "Algo correu mal enquanto se recuperava os dados do proprietário.",
+        "searchResultsError": "Alguma coisa correu mal durante a recuperação de dados.",
+        "searchResultsNotFound": "Não foram encontrados resultados de pesquisa.",
+        "searchResultsTryAgain": "Tente usar palavras-chave alternativas.",
+        "sendPrivateMessage": "Recebeu recentemente uma mensagem privada. Pretende responder a essa mensagem em privado, ou quer enviar a sua mensagem ao grupo?",
+        "sendPrivateMessageCancel": "Enviar para o grupo",
+        "sendPrivateMessageOk": "Enviar em privado",
+        "sendPrivateMessageTitle": "Enviar em privado?",
+        "serviceUnavailable": "Serviço indisponível",
+        "sessTerminated": "Chamada terminada",
+        "sessTerminatedReason": "A reunião foi encerrada",
+        "sessionRestarted": "Chamada reiniciada devido a um problema de ligação.",
+        "shareAudio": "Continuar",
+        "shareAudioAltText": "Para partilhar o conteúdo pretendido, navegue até ao \"Separador do navegador\", seleccione o conteúdo, active a marca de verificação \"Partilhar áudio\" e, em seguida, clique no botão \"Partilhar\"",
+        "shareAudioTitle": "Como partilhar áudio",
+        "shareAudioWarningD1": "precisa de parar a partilha do ecrã antes de partilhar o seu áudio.",
+        "shareAudioWarningD2": "precisa de reiniciar a sua partilha de ecrã e verificar a opção \"partilhar áudio\".",
+        "shareAudioWarningH1": "Se quiser partilhar apenas áudio:",
+        "shareAudioWarningTitle": "Tem de parar a partilha de ecrã antes de partilhar áudio",
+        "shareMediaWarningGenericH2": "Se quiser partilhar o seu ecrã e áudio",
+        "shareScreenWarningD1": "precisa de parar a partilha de áudio antes de partilhar o seu ecrã.",
+        "shareScreenWarningD2": "é necessário parar a partilha de áudio, iniciar a partilha de ecrã e verificar a opção \"partilhar áudio\".",
+        "shareScreenWarningH1": "Se quiser partilhar apenas o seu ecrã:",
+        "shareScreenWarningTitle": "Tem de parar a partilha de áudio antes de partilhar o seu ecrã",
+        "shareVideoConfirmPlay": "Está prestes a abrir um site externo. Deseja continuar?",
+        "shareVideoConfirmPlayTitle": "{{name}} partilhou um vídeo consigo.",
+        "shareVideoLinkError": "Oops, este vídeo não pode ser reproduzido.",
+        "shareVideoLinkStopped": "O vídeo de {{name}} foi interrompido.",
+        "shareVideoTitle": "Partilhar vídeo",
+        "shareYourScreen": "Partilhe o seu ecrã",
+        "shareYourScreenDisabled": "Partilha de ecrã desactivada.",
+        "sharedVideoDialogError": "Erro: URL inválido",
+        "sharedVideoLinkPlaceholder": "Link do YouTube ou link direto do vídeo",
+        "show": "Mostrar",
+        "start": "Iniciar ",
+        "startLiveStreaming": "Iniciar a transmissão em direto",
+        "startRecording": "Iniciar gravação",
+        "startRemoteControlErrorMessage": "Ocorreu um erro ao tentar iniciar a sessão de controlo remoto!",
+        "stopLiveStreaming": "Parar a transmissão em direto",
+        "stopRecording": "Parar gravação",
+        "stopRecordingWarning": "Tem a certeza de que gostaria de parar a gravação?",
+        "stopStreamingWarning": "Tem a certeza de que gostaria de parar a transmissão em direto?",
+        "streamKey": "Chave de transmissão em direto",
+        "thankYou": "Obrigado por utilizar {{appName}}!",
+        "token": "token",
+        "tokenAuthFailed": "Desculpe, não está autorizado a juntar-se a esta chamada.",
+        "tokenAuthFailedReason": {
+            "audInvalid": "Valor `aud` inválido. Deveria ser `jitsi`.",
+            "contextNotFound": "O objeto `context` está em falta na carga útil.",
+            "expInvalid": "Valor `exp` inválido.",
+            "featureInvalid": "Funcionalidade inválida: {{feature}}, muito provavelmente ainda não implementada.",
+            "featureValueInvalid": "Valor inválido para a caraterística: {{feature}}.",
+            "featuresNotFound": "O objeto `features` está em falta na carga útil.",
+            "headerNotFound": "Falta o cabeçalho.",
+            "issInvalid": "Valor `iss` inválido. Deveria ser `chat`.",
+            "kidMismatch": "O ID da chave (kid) não corresponde ao sub.",
+            "kidNotFound": "Falta o ID da chave (kid)",
+            "nbfFuture": "O valor `nbf` está no futuro.",
+            "nbfInvalid": "Valor `nbf` inválido.",
+            "payloadNotFound": "Falta a carga útil.",
+            "tokenExpired": "O token expirou."
+        },
+        "tokenAuthFailedTitle": "A autenticação falhou",
+        "tokenAuthFailedWithReasons": "Lamentamos, mas não está autorizado a participar nesta chamada. Razões possíveis: {{reason}}",
+        "tokenAuthUnsupported": "O URL de token não é suportado.",
+        "transcribing": "Transcrição",
+        "unlockRoom": "Retirar reunião $t(lockRoomPassword)",
+        "user": "Utilizador",
+        "userIdentifier": "Identificador do utilizador",
+        "userPassword": "Palavra-passe do utilizador",
+        "verifyParticipantConfirm": "Coincidem",
+        "verifyParticipantDismiss": "Não coincidem",
+        "verifyParticipantQuestion": "EXPERIMENTAL: Perguntar ao participante {{participantName}} se vêem o mesmo conteúdo, na mesma ordem.",
+        "verifyParticipantTitle": "Verificação pelo utilizador",
+        "videoLink": "Link do vídeo",
+        "viewUpgradeOptions": "Ver opções de actualização",
+        "viewUpgradeOptionsContent": "Para obter acesso ilimitado a funcionalidades premium como gravação, transcrições, RTMP Streaming & mais, terá de actualizar o seu plano.",
+        "viewUpgradeOptionsTitle": "Descobriu uma característica premium!",
+        "whiteboardLimitContent": "Lamentamos, mas o limite de utilizadores do quadro branco foi atingido.",
+        "whiteboardLimitReference": "Para mais informações consultar",
+        "whiteboardLimitReferenceUrl": "o nosso sítio Web",
+        "whiteboardLimitTitle": "Restrição da utilização do quadro branco",
+        "yourEntireScreen": "O seu ecrã inteiro"
+    },
+    "documentSharing": {
+        "title": "Documento compartilhado"
+    },
+    "e2ee": {
+        "labelToolTip": "A comunicação áudio e vídeo nesta chamada é encriptada de ponta a ponta"
+    },
+    "embedMeeting": {
+        "title": "Incorporar esta reunião"
+    },
+    "feedback": {
+        "accessibilityLabel": {
+            "yourChoice": "A sua escolha: {{rating}}"
+        },
+        "average": "Média",
+        "bad": "Má",
+        "detailsLabel": "Conte-nos mais sobre isso.",
+        "good": "Boa",
+        "rateExperience": "Avalie sua experiência na reunião",
+        "star": "Estrela",
+        "veryBad": "Muito má",
+        "veryGood": "Muito boa"
+    },
+    "fileSharing": {
+        "downloadFailedDescription": "Por favor, tente novamente.",
+        "downloadFailedTitle": "Falha no descarregar",
+        "downloadFile": "Descarregar",
+        "dragAndDrop": "Arraste e solte os ficheiros aqui ou em qualquer lugar do ecrã",
+        "fileAlreadyUploaded": "O ficheiro já foi carregado para esta reunião.",
+        "fileTooLargeDescription": "Certifique-se de que o ficheiro não exceda {{ maxFileSize }}.",
+        "fileTooLargeTitle": "O ficheiro selecionado é muito grande",
+        "fileUploadProgress": "Progresso do envio do ficheiro",
+        "fileUploadedSuccessfully": "Ficheiro carregado com sucesso",
+        "removeFile": "Remover",
+        "uploadFailedDescription": "Por favor, tente novamente.",
+        "uploadFailedTitle": "Falha ao carregar",
+        "uploadFile": "Partilhar ficheiro"
+    },
+    "filmstrip": {
+        "accessibilityLabel": {
+            "heading": "Miniaturas de vídeo"
+        }
+    },
+    "giphy": {
+        "noResults": "Não foram encontrados resultados :(",
+        "search": "Procurar no GIPHY"
+    },
+    "incomingCall": {
+        "answer": "Responder",
+        "audioCallTitle": "Chamada recebida",
+        "decline": "Recusar",
+        "productLabel": "do Jitsi Meet",
+        "videoCallTitle": "Chamada de vídeo recebida"
+    },
+    "info": {
+        "accessibilityLabel": "Mostrar informação",
+        "addPassword": "Adicionar $t(lockRoomPassword)",
+        "cancelPassword": "Cancelar $t(lockRoomPassword)",
+        "conferenceURL": "Link:",
+        "copyNumber": "Copiar número",
+        "country": "País",
+        "dialANumber": "Para se juntar à sua reunião, marque um destes números e depois introduza o PIN.",
+        "dialInConferenceID": "PIN:",
+        "dialInNotSupported": "Desculpe, a marcação telefónica não é de momento suportada.",
+        "dialInNumber": "Marcar:",
+        "dialInSummaryError": "Ocorreu um erro durante a captura de informação da marcação. Por favor, tente novamente mais tarde.",
+        "dialInTollFree": "Ligação gratuita",
+        "genericError": "Whoops, algo correu mal.",
+        "inviteLiveStream": "Para ver a transmissão em direto desta reunião, clique neste link: {{url}}",
+        "invitePhone": "Para entrar por telefone, toque aqui: {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "À procura de um número de telefone diferente?\nVeja os números de telefone da reunião: {{url}}\n\n\nSe ligar através de um telefone de quarto, junte-se com o microfone desligado: {{silentUrl}}",
+        "inviteSipEndpoint": "Para entrar utilizando o endereço SIP, insira este: {{sipUri}}",
+        "inviteTextiOSInviteUrl": "Clique no seguinte link para entrar: {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "Se ligar através de um telefone de quarto, utilize este link para entrar com o microfone desligado: {{silentUrl}}.",
+        "inviteTextiOSPersonal": "{{name}} está a convidá-lo para uma reunião.",
+        "inviteTextiOSPhone": "Para entrar através do telefone, utilize este número: {{number}},,{{conferenceID}}#. Se estiver à procura de um número diferente, esta é a lista completa: {{didUrl}}.",
+        "inviteURLFirstPartGeneral": "Está convidado a entrar numa reunião.",
+        "inviteURLFirstPartPersonal": "{{name}} está a convidá-lo para uma reunião.\n",
+        "inviteURLSecondPart": "\nEntrar na reunião:\n{{url}}\n",
+        "label": "Informação da reunião",
+        "liveStreamURL": "Transmissão em direto:",
+        "moreNumbers": "Mais números",
+        "noNumbers": "Sem números de telefone.",
+        "noPassword": "Nenhum",
+        "noRoom": "Não foi especificado nenhuma sala para ligar.",
+        "noWhiteboard": "Não foi possível carregar o quadro branco.",
+        "numbers": "Números para entrar por chamada telefónica",
+        "password": "$t(lockRoomPasswordUppercase): ",
+        "reachedLimit": "atingiu o limite do seu plano.",
+        "sip": "Endereço SIP",
+        "sipAudioOnly": "Endereço SIP só de áudio",
+        "title": "Partilhar",
+        "tooltip": "Partilhar link e acesso telefónico para esta reunião",
+        "upgradeOptions": "Por favor, verifique as opções de atualização em",
+        "whiteboardError": "Erro ao carregar o quadro branco. Por favor, tente novamente mais tarde."
+    },
+    "inlineDialogFailure": {
+        "msg": "Tivemos um pequeno problema.",
+        "retry": "Tentar novamente",
+        "support": "Suporte",
+        "supportMsg": "Se isso continuar acontecendo, chegar a"
+    },
+    "inviteDialog": {
+        "alertText": "Não foi possível convidar alguns participantes.",
+        "header": "Convidar",
+        "searchCallOnlyPlaceholder": "Digite o número do telefone",
+        "searchPeopleOnlyPlaceholder": "Buscar participantes",
+        "searchPlaceholder": "Participante ou nº de telefone",
+        "send": "Enviar"
+    },
+    "jitsiHome": "Logo de {{logo}}, redireciona para página inicial",
+    "keyboardShortcuts": {
+        "focusLocal": "Focar no seu vídeo",
+        "focusRemote": "Focar no vídeo de outro participante",
+        "fullScreen": "Entrar ou sair do ecrã completo",
+        "giphyMenu": "Ativar/Desativar o menu GIPHY",
+        "keyboardShortcuts": "Atalhos de teclado",
+        "localRecording": "Mostrar ou ocultar controlos de gravação local",
+        "mute": "Ligar ou desligar o seu microfone",
+        "pushToTalk": "Pressione para falar",
+        "raiseHand": "Levantar ou baixar a sua mão",
+        "showSpeakerStats": "Mostrar as estatísticas dos participantes",
+        "toggleChat": "Abrir ou fechar o painel de chat",
+        "toggleFilmstrip": "Mostrar ou ocultar miniaturas de vídeo",
+        "toggleParticipantsPane": "Mostrar ou ocultar o painel de participantes",
+        "toggleScreensharing": "Alternar entre a partilha de câmara e de ecrã",
+        "toggleShortcuts": "Mostrar ou ocultar atalhos de teclado",
+        "videoMute": "Iniciar ou parar a sua câmara"
+    },
+    "largeVideo": {
+        "screenIsShared": "Está a partilhar o seu ecrã",
+        "showMeWhatImSharing": "Mostre-me o que estou a partilhar"
+    },
+    "liveStreaming": {
+        "busy": "Estamos trabalhando para liberar os recursos de transmissão. Tente novamente em alguns minutos.",
+        "busyTitle": "Todas as transmissões estão atualmente ocupadas",
+        "changeSignIn": "Alternar contas.",
+        "choose": "Escolha uma transmissão em direto",
+        "chooseCTA": "Escolha uma opção de transmissão. Está conectado atualmente como {{email}}.",
+        "enterStreamKey": "Insira sua chave de transmissão em direto do YouTube aqui.",
+        "error": "Falha na transmissão em direto. Tente de novo.",
+        "errorAPI": "Ocorreu um erro ao acessar suas transmissões do YouTube. Por favor tente logar novamente.",
+        "errorLiveStreamNotEnabled": "Transmissão em direto não está ativada em {{email}}. Ative a transmissão em direto ou registre numa conta com transmissão direto ativada.",
+        "expandedOff": "A transmissão em direto foi encerrada",
+        "expandedOn": "A reunião está sendo transmitida em direto.",
+        "expandedPending": "Iniciando a transmissão em direto…",
+        "failedToStart": "Falha ao iniciar a transmissão em direto",
+        "getStreamKeyManually": "Não conseguimos buscar nenhuma transmissão em direto. Tente obter sua chave de transmissão em direto no YouTube.",
+        "googlePrivacyPolicy": "Política de Privacidade do Google",
+        "inProgress": "Gravação ou transmissão em direto em curso",
+        "invalidStreamKey": "A senha para transmissão em direto pode estar incorreta.",
+        "limitNotificationDescriptionNative": "A sua transmissão será limitada a {{limit}} min. Para uma tentativa de streaming ilimitada tente {{app}}.",
+        "limitNotificationDescriptionWeb": "Devido à grande procura, a sua transmissão será limitada a {{limit}} min. Para uma tentativa de streaming ilimitada tente <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "off": "Transmissão em direto encerrada",
+        "offBy": "{{name}} parou a transmissão em direto",
+        "on": "Iniciada a transmissão em direto",
+        "onBy": "{{name}} iniciou a transmissão em direto",
+        "pending": "Início da transmissão em direto…",
+        "policyError": "Tentou iniciar uma transmissão ao vivo muito rapidamente. Por favor, tente novamente mais tarde!",
+        "serviceName": "Serviço de Transmissão em Direto",
+        "sessionAlreadyActive": "Esta sessão já está a ser gravada ou transmitida em direto.",
+        "signIn": "Iniciar sessão com o Google",
+        "signInCTA": "Inicie sessão ou introduza a sua chave de transmissão em direto do YouTube.",
+        "signOut": "Sair",
+        "signedInAs": "Atualmente, tem sessão iniciada como:",
+        "start": "Iniciar uma transmissão em direto",
+        "streamIdHelp": "O que é isso?",
+        "title": "Transmissão em direto",
+        "unavailableTitle": "Transmissão em direto indisponível",
+        "youtubeTerms": "Termos de serviços do YouTube"
+    },
+    "lobby": {
+        "backToKnockModeButton": "Peça para aderir",
+        "chat": "Chat",
+        "dialogTitle": "Modo sala de espera",
+        "disableDialogContent": "O modo sala de espera está actualmente activada. Esta característica assegura que os participantes indesejados não possam juntar-se à sua reunião. Quer desativá-la?",
+        "disableDialogSubmit": "Desativar",
+        "emailField": "Introduza o seu endereço de email",
+        "enableDialogPasswordField": "Definir senha (opcional)",
+        "enableDialogSubmit": "Habilitar",
+        "enableDialogText": "O modo sala de espera permite-lhe proteger a sua reunião apenas permitindo a entrada de pessoas após uma aprovação formal por um moderador.",
+        "enterPasswordButton": "Introduza a senha da reunião",
+        "enterPasswordTitle": "Introduzir a senha para participar na reunião",
+        "errorMissingPassword": "Por favor introduza a senha da reunião",
+        "invalidPassword": "Senha inválida",
+        "joinRejectedMessage": "O seu pedido de adesão foi rejeitado por um moderador.",
+        "joinRejectedTitle": "Pedido de adesão rejeitado.",
+        "joinTitle": "Junte-se à reunião",
+        "joinWithPasswordMessage": "Tentando aderir com senha, por favor aguarde…",
+        "joiningMessage": "Participará na reunião assim que alguém aceitar o seu pedido",
+        "joiningTitle": "Pedir para participar na reunião…",
+        "joiningWithPasswordTitle": "Participando com senha…",
+        "knockButton": "Pedir para participar",
+        "knockTitle": "Alguém quer juntar-se à reunião",
+        "knockingParticipantList": "Lista de participantes a expulsar",
+        "lobbyChatStartedNotification": "{{moderator}} iniciou com {{attendee}} uma conversa na sala de espera",
+        "lobbyChatStartedTitle": "{{moderator}} iniciou consigo uma conversa na sala de espera.",
+        "lobbyClosed": "A sala de espera foi encerrada.",
+        "nameField": "Introduza o seu nome",
+        "notificationLobbyAccessDenied": "{{targetParticipantName}} foi recusada a adesão por {{originParticipantName}}",
+        "notificationLobbyAccessGranted": "{{targetParticipantName}} foi autorizado a aderir por {{originParticipantName}}",
+        "notificationLobbyDisabled": "A sala de espera foi desactivada por {{originParticipantName}}",
+        "notificationLobbyEnabled": "A sala de espera foi activada por {{originParticipantName}}",
+        "notificationTitle": "Sala de espera",
+        "passwordJoinButton": "Solicitar",
+        "title": "Sala de espera",
+        "toggleLabel": "Ativar sala de espera"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Desligado",
+            "on": "Ligado",
+            "unknown": "Desconhecido"
+        },
+        "dialogTitle": "Controlos da Gravação Local",
+        "duration": "Duração",
+        "durationNA": "N/D",
+        "encoding": "Codificando",
+        "label": "LOR",
+        "labelToolTip": "Gravação local ativada",
+        "localRecording": "Gravação local",
+        "me": "Eu",
+        "messages": {
+            "engaged": "Gravação local iniciada.",
+            "finished": "Sessão de gravação {{token}} terminada. Por favor, envie o arquivo gravado para o moderador.",
+            "finishedModerator": "Sessão de gravação {{token}} terminada. A gravação da faixa local foi salva. Por favor, peça aos outros participantes para enviar suas gravações.",
+            "notModerator": "Não é o moderador. Não pode iniciar ou parar a gravação local."
+        },
+        "moderator": "Moderador",
+        "no": "Não",
+        "participant": "Participante",
+        "participantStats": "Estatísticas dos Participantes",
+        "selectTabTitle": "🎥 Por favor selecione este separador para gravação",
+        "sessionToken": "Token de Sessão",
+        "start": "Iniciar gravação",
+        "stop": "Parar gravação",
+        "stopping": "A parar a gravação",
+        "wait": "Aguarde enquanto guardamos a sua gravação",
+        "yes": "Sim"
+    },
+    "lockRoomPassword": "senha",
+    "lockRoomPasswordUppercase": "Senha",
+    "lonelyMeetingExperience": {
+        "button": "Convidar outros",
+        "youAreAlone": "É o único na reunião"
+    },
+    "me": "eu",
+    "notify": {
+        "OldElectronAPPTitle": "Vulnerabilidade de segurança!",
+        "allowAll": "Permitir tudo",
+        "allowAudio": "Permitir áudio",
+        "allowDesktop": "Permitir partilha de ecrã",
+        "allowVideo": "Permitir vídeo",
+        "allowedUnmute": "Pode ligar o seu microfone, ligar a sua câmara ou partilhar o seu ecrã.",
+        "audioUnmuteBlockedDescription": "A operação de ligar o microfone foi temporariamente bloqueada devido aos limites do sistema.",
+        "audioUnmuteBlockedTitle": "Ligar microfone bloqueado!",
+        "chatMessages": "Mensagens de chat",
+        "connectedOneMember": "{{name}} entrou na reunião",
+        "connectedThreePlusMembers": "{{name}} e muitos outros entraram na reunião",
+        "connectedTwoMembers": "{{first}} e {{second}} entraram na reunião",
+        "connectionFailed": "Falha na ligação. Por favor, tente novamente mais tarde!",
+        "dataChannelClosed": "A qualidade do vídeo pode ser afetada",
+        "dataChannelClosedDescription": "O canal de ponte está em baixo e, por isso, a qualidade de vídeo pode estar limitada à sua definição mais baixa.",
+        "dataChannelClosedDescriptionWithAudio": "O canal de ponte está em baixo, pelo que podem ocorrer interrupções no áudio e no vídeo.",
+        "dataChannelClosedWithAudio": "A qualidade do áudio e do vídeo pode ser afetada",
+        "desktopMutedRemotelyTitle": "A partilha do seu ecrã foi interrompida por {{participantDisplayName}}",
+        "disabledIframe": "A incorporação destina-se apenas a fins de demonstração, pelo que esta chamada será desligada em {{timeout}} minutos.",
+        "disabledIframeSecondaryNative": "A incorporação de {{domain}} destina-se apenas a fins de demonstração, pelo que esta chamada será desligada em {{timeout}} minutos.",
+        "disabledIframeSecondaryWeb": "A incorporação de {{domain}} destina-se apenas a fins de demonstração, pelo que esta chamada será desligada em {{timeout}} minutos. Utilize <a href='{{jaasDomain}}' rel='noopener noreferrer' target='_blank'>Jitsi as a Service</a> para incorporação em produção!",
+        "disconnected": "desconectado",
+        "displayNotifications": "Mostrar notificações para",
+        "dontRemindMe": "Não me lembre",
+        "focus": "Foco da conferência",
+        "focusFail": "{{component}} não disponĩvel - tente em {{ms}} seg.",
+        "gifsMenu": "GIPHY",
+        "groupTitle": "Notificações",
+        "hostAskedUnmute": "O moderador gostaria que participasse.",
+        "invalidTenant": "Tenant inválido",
+        "invalidTenantHyphenDescription": "O tenant que está a utilizar é inválido (começa ou termina com '-').",
+        "invalidTenantLengthDescription": "O tenant que está a utilizar é demasiado longo.",
+        "invitedOneMember": "{{displayName}} foi convidado",
+        "invitedThreePlusMembers": "{{name}} e {{count}} outros foram convidados",
+        "invitedTwoMembers": "{{first}} e {{second}} foram convidados",
+        "joinMeeting": "Entrar",
+        "kickParticipant": "{{kicked}} foi expulso por {{kicker}}",
+        "leftOneMember": "{{name}} deixou a reunião",
+        "leftThreePlusMembers": "{{name}} e muitos outros deixaram a reunião",
+        "leftTwoMembers": "{{first}} e {{second}} deixaram a reunião",
+        "linkToSalesforce": "Link para a Salesforce",
+        "linkToSalesforceDescription": "Pode ligar o resumo da reunião a um objecto da Salesforce.",
+        "linkToSalesforceError": "Falha na ligação da reunião à Salesforce",
+        "linkToSalesforceKey": "Ligar esta reunião",
+        "linkToSalesforceProgress": "A ligar a reunião à Salesforce…",
+        "linkToSalesforceSuccess": "A reunião foi ligada à Salesforce",
+        "localRecordingStarted": "{{name}} iniciou uma gravação local.",
+        "localRecordingStopped": "{{name}} parou uma gravação local.",
+        "me": "Eu",
+        "moderationInEffectCSDescription": "Por favor, levantem a mão se quiserem partilhar o vosso ecrã.",
+        "moderationInEffectCSTitle": "A partilha de ecrã é bloqueada pelo moderador",
+        "moderationInEffectDescription": "Por favor, levantem a mão se quiserem falar.",
+        "moderationInEffectTitle": "O seu microfone é silenciado pelo moderador",
+        "moderationInEffectVideoDescription": "Por favor, levantem a mão se quiserem ligar a sua câmara.",
+        "moderationInEffectVideoTitle": "A sua câmara é bloqueada pelo moderador",
+        "moderationRequestFromModerator": "O anfitrião deseja que você ative o som",
+        "moderationRequestFromParticipant": "Quer falar",
+        "moderationStartedTitle": "Início da moderação",
+        "moderationStoppedTitle": "A moderação parou",
+        "moderationToggleDescription": "pelo {{participantDisplayName}}",
+        "moderator": "É agora um moderador",
+        "muted": "Iniciou uma conversa com o microfone desligado.",
+        "mutedRemotelyDescription": "Pode sempre voltar a ligar o microfone quando estiver pronto para falar. Silencie de volta quando estiver pronto para manter o barulho afastado da reunião.",
+        "mutedRemotelyTitle": "Foi silenciado pelo {{participantDisplayName}}",
+        "mutedTitle": "Está silenciado!",
+        "newDeviceAction": "Usar",
+        "newDeviceAudioTitle": "Novo dispositivo de áudio detetado",
+        "newDeviceCameraTitle": "Nova câmara detetada",
+        "nextToSpeak": "É o próximo na fila para falar",
+        "noiseSuppressionDesktopAudioDescription": "A supressão de ruído extra não pode ser ativada enquanto estiver a partilhar o áudio do ambiente de trabalho. Desative-a e tente novamente.",
+        "noiseSuppressionFailedTitle": "Falha ao iniciar a supressão de ruído extra",
+        "noiseSuppressionStereoDescription": "Atualmente, a supressão extra de ruído não é suportada com áudio estéreo.",
+        "oldElectronClientDescription1": "Parece estar a utilizar uma versão antiga do cliente Jitsi Meet que tem vulnerabilidades de segurança conhecidas. Por favor, certifique-se de que actualiza a nossa ",
+        "oldElectronClientDescription2": "compilação mais recente",
+        "oldElectronClientDescription3": " agora!",
+        "participantWantsToJoin": "Deseja juntar-se à reunião",
+        "participantsWantToJoin": "Desejam juntar-se à reunião",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) removido por outro participante",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) definido por outro participante",
+        "raiseHandAction": "Levantar a mão",
+        "raisedHand": "Gostaria de participar.",
+        "raisedHands": "{{participantName}} e mais {{raisedHands}} pessoas",
+        "reactionSounds": "Desactivar sons",
+        "reactionSoundsForAll": "Desativar sons para todos",
+        "screenShareNoAudio": "A caixa de compartilhar áudio não foi marcada no ecrã de seleção da janela.",
+        "screenShareNoAudioTitle": "Não foi possível partilhar o áudio do sistema!",
+        "screenSharingAudioOnlyDescription": "Note por favor que ao partilhar o seu ecrã está a afectar o modo \"Melhor desempenho\" e irá utilizar mais largura de banda.",
+        "screenSharingAudioOnlyTitle": "Modo \"Melhor desempenho\"",
+        "selfViewTitle": "Pode sempre reexibir a autovisualização a partir das definições",
+        "somebody": "Alguém",
+        "startSilentDescription": "Volte à reunião para habilitar o áudio",
+        "startSilentTitle": "Entrou sem áudio!",
+        "suboptimalBrowserWarning": "Tememos que sua experiência de reunião não seja tão boa aqui. Estamos procurando maneiras de melhorar isso, mas até então, tente usar um dos <a href='{{recommendedBrowserPageLink}}' target='_blank'>navegadores completamente suportados</a>.",
+        "suboptimalExperienceTitle": "Alerta do navegador",
+        "suggestRecordingAction": "Iniciar",
+        "suggestRecordingDescription": "Gostaria de iniciar uma gravação?",
+        "suggestRecordingTitle": "Gravar esta reunião",
+        "unmute": "Ligar microfone",
+        "unmuteScreen": "Iniciar partilha de ecrã",
+        "unmuteVideo": "Ligar câmara",
+        "videoMutedRemotelyDescription": "Pode sempre ligá-la novamente.",
+        "videoMutedRemotelyTitle": "A sua câmara foi desligada pelo {{participantDisplayName}}.",
+        "videoUnmuteBlockedDescription": "A operação de ligar a câmara e partilhar o ambiente de trabalho foi temporariamente bloqueada devido aos limites do sistema.",
+        "videoUnmuteBlockedTitle": "Está bloqueado ligar a câmara e partilhar o ambiente de trabalho!",
+        "viewLobby": "Ver sala de espera",
+        "viewParticipants": "Ver participantes",
+        "viewVisitors": "Visualizar espectadores",
+        "waitingParticipants": "{{waitingParticipants}} pessoas",
+        "waitingVisitors": "Espectadores em fila de espera: {{waitingVisitors}}",
+        "waitingVisitorsTitle": "A reunião ainda não está em direto!",
+        "whiteboardLimitDescription": "Guarde o seu progresso, pois o limite de utilizadores será atingido em breve e o quadro branco será encerrado.",
+        "whiteboardLimitTitle": "Utilização do quadro branco"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "Aceitar",
+            "admitAll": "Aceitar todos",
+            "allow": "Permitir que os não moderadores:",
+            "allowDesktop": "Permitir partilha de ecrã",
+            "allowVideo": "Permitir vídeo",
+            "askDesktop": "Pedir para partilhar o ecrã",
+            "askUnmute": "Pedir para ligar o som",
+            "audioModeration": "Ligar o microfone deles",
+            "blockEveryoneMicCamera": "Bloquear o microfone e a câmara de todos",
+            "breakoutRooms": "Salas simultâneas",
+            "desktopModeration": "Iniciar partilha de ecrã",
+            "goLive": "Aceder ao vivo",
+            "invite": "Convide alguém",
+            "lowerAllHands": "Baixar todas as mãos",
+            "lowerHand": "Baixar a mão",
+            "moreModerationActions": "Mais opções de moderação",
+            "moreModerationControls": "Mais controlos de moderação",
+            "moreParticipantOptions": "Mais opções de participantes",
+            "mute": "Silenciar",
+            "muteAll": "Silenciar todos",
+            "muteEveryoneElse": "Silenciar todos os outros",
+            "reject": "Rejeitar",
+            "stopDesktop": "Parar a partilha de ecrã",
+            "stopEveryonesDesktop": "Interromper a partilha de ecrã de todos",
+            "stopEveryonesVideo": "Desligar a câmara de todos",
+            "stopVideo": "Desligar a câmara",
+            "unblockEveryoneMicCamera": "Desbloquear o microfone e a câmara de todos",
+            "videoModeration": "Ligar a câmara deles"
+        },
+        "close": "Fechar",
+        "headings": {
+            "lobby": "Sala de espera ({{count}})",
+            "participantsList": "Participantes da reunião ({{count}})",
+            "viewerRequests": "Pedidos dos espectadores {{count}}",
+            "visitorInQueue": " (à espera {{count}})",
+            "visitorRequests": " (pedidos {{count}})",
+            "visitors": "Espectadores ({{count}})",
+            "visitorsList": "Espectadores ({{count}})",
+            "waitingLobby": "Aguardam na sala de espera ({{count}})"
+        },
+        "search": "Pesquisar participantes",
+        "searchDescription": "Comece a digitar para filtrar os participantes",
+        "title": "Participantes"
+    },
+    "passwordDigitsOnly": "Até {{number}} dígitos",
+    "passwordSetRemotely": "Definido por outro participante",
+    "pinParticipant": "{{participantName}} - Afixar",
+    "pinnedParticipant": "O participante está afixado",
+    "polls": {
+        "answer": {
+            "edit": "Editar",
+            "send": "Enviar",
+            "skip": "Ignorar",
+            "submit": "Submeter"
+        },
+        "by": "Por {{ name }}",
+        "closeButton": "Fechar sondagem",
+        "create": {
+            "addOption": "Adicionar opção",
+            "answerPlaceholder": "Opção {{index}}",
+            "cancel": "Cancelar",
+            "create": "Criar uma sondagem",
+            "pollOption": "Opção de sondagem {{index}}",
+            "pollQuestion": "Pergunta de Sondagem",
+            "questionPlaceholder": "Faça uma pergunta",
+            "removeOption": "Remover opção",
+            "save": "Guardar",
+            "send": "Enviar"
+        },
+        "errors": {
+            "notUniqueOption": "As opções devem ser únicas"
+        },
+        "notification": {
+            "description": "Abrir o separador das sondagens para votar",
+            "title": "Uma nova sondagem foi adicionada a esta reunião"
+        },
+        "results": {
+            "changeVote": "Mudar o voto",
+            "empty": "Ainda não há sondagens na reunião.",
+            "hideDetailedResults": "Ocultar detalhes",
+            "showDetailedResults": "Mostrar detalhes",
+            "vote": "Voto"
+        }
+    },
+    "poweredby": "distribuído por",
+    "prejoin": {
+        "audioAndVideoError": "Erro no áudio e vídeo:",
+        "audioDeviceProblem": "Há um problema com o seu dispositivo de áudio",
+        "audioOnlyError": "Erro no áudio:",
+        "audioTrackError": "Não foi possível criar a pista de áudio.",
+        "callMe": "Ligue-me",
+        "callMeAtNumber": "Ligue-me para este número:",
+        "calling": "A chamar",
+        "configuringDevices": "A configurar os dispositivos…",
+        "connectedWithAudioQ": "Está ligado com áudio?",
+        "connection": {
+            "failed": "Falha no teste de ligação!",
+            "good": "A sua ligação à Internet parece boa!",
+            "nonOptimal": "A sua ligação à Internet não é óptima",
+            "poor": "Tem uma ligação à Internet fraca",
+            "running": "A realizar teste de ligação..."
+        },
+        "connectionDetails": {
+            "audioClipping": "Prevemos que o seu áudio tenha cortes.",
+            "audioHighQuality": "Prevemos que o seu áudio tenha excelente qualidade.",
+            "audioLowNoVideo": "Prevemos que a qualidade do seu áudio seja baixa e sem vídeo.",
+            "goodQuality": "Fantástico! A qualidade dos seus meios de comunicação vai ser óptima.",
+            "noMediaConnectivity": "Não foi possível encontrar uma forma de estabelecer a conectividade dos meios de comunicação para este teste. Isto é tipicamente causado por uma firewall ou NAT.",
+            "noVideo": "Prevemos que o seu vídeo seja terrível.",
+            "testFailed": "O teste de ligação encontrou problemas inesperados, mas isso pode não afetar a sua experiência.",
+            "undetectable": "Se mesmo assim não conseguir fazer chamadas no browser, recomendamos que se certifique de que os seus altifalantes, microfone e câmara estão devidamente configurados, que concedeu ao seu browser direitos de utilização do seu microfone e câmara, e que a versão do seu browser está actualizada. Se mesmo assim tiver problemas em telefonar, deverá contactar o criador da aplicação web.",
+            "veryPoorConnection": "Prevemos que a qualidade da sua chamada seja realmente terrível.",
+            "videoFreezing": "Prevemos que o seu vídeo congele, fique preto, e seja pixelizado.",
+            "videoHighQuality": "Prevemos que o seu vídeo tenha boa qualidade.",
+            "videoLowQuality": "Prevemos que o seu vídeo tenha baixa qualidade em termos de velocidade de fotogramas e resolução.",
+            "videoTearing": "Prevemos que o seu vídeo seja pixelizado ou que tenha artefactos visuais."
+        },
+        "copyAndShare": "Copiar e partilhar o link da reunião.",
+        "dialInMeeting": "Entrar com chamada telefónica",
+        "dialInPin": "Entrar com chamada telefónica e introduzir o código PIN:",
+        "dialing": "A marcar",
+        "doNotShow": "Não volte a mostrar este ecrã",
+        "errorDialOut": "Não foi possível marcar",
+        "errorDialOutDisconnected": "Não foi possível marcar. Desligado",
+        "errorDialOutFailed": "Não foi possível marcar. Falha na chamada",
+        "errorDialOutStatus": "Erro ao obter o estado da chamada realizada",
+        "errorMissingName": "Por favor, digite o seu nome para participar na reunião",
+        "errorNoPermissions": "Tem de permitir o acesso ao microfone e à câmara",
+        "errorStatusCode": "Erro ao marcar, código do estado: {{status}}",
+        "errorValidation": "Falhou a validação do número",
+        "iWantToDialIn": "Quero entrar por telefone",
+        "initiated": "Chamada iniciada",
+        "joinAudioByPhone": "Entrar com o áudio do telefone",
+        "joinMeeting": "Entrar na reunião",
+        "joinMeetingInLowBandwidthMode": "Entrar em modo de baixa largura de banda",
+        "joinWithoutAudio": "Entrar sem áudio",
+        "keyboardShortcuts": "Ativar os atalhos de teclado",
+        "linkCopied": "Link copiado para a área de transferência",
+        "lookGood": "Os seus dispositivos estão a funcionar corretamente",
+        "or": "ou",
+        "premeeting": "Pré-reunião",
+        "proceedAnyway": "Continuar na mesma",
+        "recordingWarning": "Outros participantes podem estar a gravar esta chamada",
+        "screenSharingError": "Erro de partilha de ecrã:",
+        "startWithPhone": "Iniciar com o áudio do telefone",
+        "unsafeRoomConsent": "Compreendo os riscos, quero participar na reunião",
+        "videoOnlyError": "Erro de vídeo:",
+        "videoTrackError": "Não foi possível criar a pista de vídeo.",
+        "viewAllNumbers": "ver todos os números"
+    },
+    "presenceStatus": {
+        "busy": "Ocupado",
+        "calling": "Chamando…",
+        "connected": "Conectado",
+        "connecting": "Conectando…",
+        "connecting2": "Conectando*…",
+        "disconnected": "Desconectado",
+        "expired": "Expirado",
+        "ignored": "Ignorado",
+        "initializingCall": "Iniciando Chamada…",
+        "invited": "Convidar",
+        "rejected": "Rejeitado",
+        "ringing": "Tocando…"
+    },
+    "profile": {
+        "avatar": "avatar",
+        "setDisplayNameLabel": "Nome",
+        "setEmailInput": "Digite email",
+        "setEmailLabel": "Email de gravatar",
+        "title": "Perfil"
+    },
+    "raisedHand": "Gostaria de falar",
+    "raisedHandsLabel": "Número de mãos levantadas",
+    "record": {
+        "already": {
+            "linked": "A reunião já está ligada a este objecto da Força de vendas."
+        },
+        "type": {
+            "account": "Conta",
+            "contact": "Contacto",
+            "lead": "Líder",
+            "opportunity": "Oportunidade",
+            "owner": "Proprietário"
+        }
+    },
+    "recording": {
+        "authDropboxText": "Enviar para o Dropbox.",
+        "availableSpace": "Espaço disponível: {{spaceLeft}} MB (aproximadamente {{duration}} minutos de gravação)",
+        "beta": "BETA",
+        "busy": "Estamos trabalhando para liberar recursos de gravação. Tente novamente em alguns minutos.",
+        "busyTitle": "Todas as gravações estão atualmente ocupadas",
+        "copyLink": "Copiar Link",
+        "error": "A gravação falhou. Tente novamente.",
+        "errorFetchingLink": "Erro ao procurar link da gravação.",
+        "expandedOff": "Gravação finalizada",
+        "expandedOn": "A reunião está sendo gravada",
+        "expandedPending": "Iniciando gravação…",
+        "failedToStart": "Falha ao iniciar a gravação",
+        "fileSharingdescription": "Partilhar o link da gravação com os participantes da reunião",
+        "highlight": "Destaque",
+        "highlightMoment": "Momento de destaque",
+        "highlightMomentDisabled": "É possível destacar momentos quando a gravação começa",
+        "highlightMomentSuccess": "Momento destacado",
+        "highlightMomentSucessDescription": "O seu momento destacado será acrescentado ao resumo da reunião.",
+        "inProgress": "Gravação ou transmissão em direto em curso",
+        "limitNotificationDescriptionNative": "Due to high demand your recording will be limited to {{limit}} min. Para gravações ilimitadas tente <3>{{app}}</3>.",
+        "limitNotificationDescriptionWeb": "Devido à grande procura, a sua gravação será limitada a {{limit}} min. For unlimited recordings try <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "linkGenerated": "Gerámos um link para a sua gravação.",
+        "localRecordingNoNotificationWarning": "A gravação não será anunciada aos outros participantes. Será necessário avisá-los de que a reunião está gravada.",
+        "localRecordingNoVideo": "O vídeo não está a ser gravado",
+        "localRecordingStartWarning": "Por favor, certifique-se de que pára a gravação antes de sair da reunião a fim de a guardar.",
+        "localRecordingStartWarningTitle": "Parar a gravação para a salvar",
+        "localRecordingVideoStop": "A paragem do seu vídeo também irá parar a gravação local. Tem a certeza de que quer continuar?",
+        "localRecordingVideoWarning": "Para gravar o seu vídeo deve tê-lo ligado quando iniciar a gravação",
+        "localRecordingWarning": "Certifique-se de selecionar o separador actual a fim de utilizar o vídeo e áudio corretos.",
+        "loggedIn": "Conectado como {{userName}}",
+        "noMicPermission": "Não foi possível criar a faixa de microfone. Por favor, conceda permissão para utilizar o microfone.",
+        "noStreams": "Não foi detetado nenhum sinal áudio ou vídeo.",
+        "off": "Gravação parada",
+        "offBy": "{{name}} parou a gravação",
+        "on": "Começou a gravação",
+        "onBy": "{{name}} iniciou a gravação",
+        "onlyRecordSelf": "Gravar apenas as minhas transmissões áudio e vídeo",
+        "pending": "Preparando para gravar a reunião…",
+        "policyError": "Tentou iniciar uma gravação muito rapidamente. Por favor, tente novamente mais tarde!",
+        "recordAudioAndVideo": "Gravar áudio e vídeo",
+        "recordTranscription": "Gravar transcrições",
+        "saveLocalRecording": "Guardar ficheiro de gravação localmente (Beta)",
+        "serviceDescription": "Sua gravação será salva pelo serviço de gravação",
+        "serviceDescriptionCloud": "Gravação na nuvem",
+        "serviceDescriptionCloudInfo": "As reuniões gravadas são automaticamente apagadas 24h após a hora de gravação.",
+        "serviceName": "Serviço de gravação",
+        "sessionAlreadyActive": "Esta sessão já está a ser gravada ou transmitida em direto.",
+        "showAdvancedOptions": "Opções avançadas",
+        "signIn": "Entrar",
+        "signOut": "Sair",
+        "surfaceError": "Por favor, seleccione o separador actual.",
+        "title": "Gravação",
+        "unavailable": "Oops! O {{serviceName}} está indisponível. Estamos trabalhando para resolver o problema. Por favor, tente mais tarde.",
+        "unavailableTitle": "Gravação indisponível",
+        "uploadToCloud": "Enviar para a nuvem"
+    },
+    "screenshareDisplayName": "Ecrã do/a {{name}}",
+    "sectionList": {
+        "pullToRefresh": "Puxe para atualizar"
+    },
+    "security": {
+        "about": "Pode adicionar uma $t(lockRoomPassword) à sua reunião. Os participantes terão de fornecer a $t(lockRoomPassword) antes de serem autorizados a participar na reunião.",
+        "aboutReadOnly": "Os participantes moderadores podem acrescentar uma $t(lockRoomPassword) à reunião. Os participantes terão de fornecer a $t(lockRoomPassword) antes de serem autorizados a participar na reunião.",
+        "insecureRoomNameWarningNative": "O nome da sala não é seguro. Participantes indesejados podem juntar-se à sua reunião. {{recommendAction}} Saiba mais sobre como proteger a sua reunião ",
+        "insecureRoomNameWarningWeb": "O nome da sala não é seguro. Participantes indesejados podem juntar-se à sua reunião. {{recommendAction}} Saiba mais sobre como proteger a sua reunião <a href=\"{{securityUrl}}\" rel=\"security\" target=\"_blank\">here</a>.",
+        "title": "Opções de Segurança",
+        "unsafeRoomActions": {
+            "meeting": "Considere a possibilidade de proteger a sua reunião utilizando o botão de segurança.",
+            "prejoin": "Considere a utilização de um nome de reunião mais personalizado.",
+            "welcome": "Considere utilizar um nome de reunião mais personalizado ou selecione uma das sugestões."
+        }
+    },
+    "settings": {
+        "audio": "Áudio",
+        "buttonLabel": "Definições",
+        "calendar": {
+            "about": "A integração do calendário {{appName}} é utilizada para aceder com segurança ao seu calendário para que este possa ler os próximos eventos.",
+            "disconnect": "Desligar",
+            "microsoftSignIn": "Iniciar sessão com a Microsoft",
+            "signedIn": "Atualmente a aceder a eventos de calendário por {{email}}. Clique no botão Desconectar abaixo para parar de aceder a eventos de calendário.",
+            "title": "Calendário"
+        },
+        "chatWithPermissions": "O chat requer permissão",
+        "desktopShareFramerate": "Taxa de fotogramas para partilha do ambiente de trabalho",
+        "desktopShareHighFpsWarning": "Uma taxa de fotogramas mais elevada para a partilha do ambiente de trabalho pode afectar a sua largura de banda. É necessário reiniciar a partilha de ecrã para que as novas definições entrem em vigor.",
+        "desktopShareWarning": "É necessário reiniciar a partilha do ecrã para que as novas definições entrem em vigor.",
+        "devices": "Dispositivos",
+        "followMe": "Todos me seguem",
+        "followMeRecorder": "O gravador segue-me",
+        "framesPerSecond": "fotogramas-por-segundo",
+        "incomingMessage": "Receber uma mensagem",
+        "language": "Idioma",
+        "loggedIn": "Sessão iniciada como {{name}}",
+        "maxStageParticipants": "Número máximo de participantes que podem ser afixados",
+        "microphones": "Microfones",
+        "moderator": "Moderador",
+        "moderatorOptions": "Opções de moderador",
+        "more": "Geral",
+        "name": "Nome",
+        "noDevice": "Nenhum",
+        "notifications": "Notificações",
+        "participantJoined": "Entrar um participante",
+        "participantKnocking": "Entrar um participante na sala de espera",
+        "participantLeft": "Sair um participante",
+        "playSounds": "Reproduzir som quando",
+        "reactions": "Existir uma reação na reunião",
+        "sameAsSystem": "O mesmo que o sistema ({{label}})",
+        "selectAudioOutput": "Saída de áudio",
+        "selectCamera": "Câmara",
+        "selectMic": "Microfone",
+        "selfView": "Autovisualização",
+        "shortcuts": "Atalhos",
+        "showSubtitlesOnStage": "Mostrar legendas",
+        "speakers": "Altifalantes",
+        "startAudioMuted": "Todos começam com microfone desligado",
+        "startReactionsMuted": "Todos começam com os sons de reação desativados",
+        "startVideoMuted": "Todos começam com câmara desligada",
+        "talkWhileMuted": "Falar com o microfone desligado",
+        "title": "Definições",
+        "video": "Vídeo"
+    },
+    "settingsView": {
+        "advanced": "Avançado",
+        "alertCancel": "Cancelar",
+        "alertOk": "OK",
+        "alertTitle": "Atenção",
+        "alertURLText": "A URL digitada do servidor é inválida",
+        "apply": "Aplicar",
+        "buildInfoSection": "Informações de compilação",
+        "conferenceSection": "Conferência",
+        "disableCallIntegration": "Desactivar a integração de chamadas nativas",
+        "disableCrashReporting": "Desativar relatório de falhas",
+        "disableCrashReportingWarning": "Tem a certeza de que quer desativar o relatório de falhas? A configuração será aplicada depois de reiniciar a aplicação.",
+        "disableP2P": "Desactivar o modo Peer-To-Peer",
+        "displayName": "Nome de exibição",
+        "displayNamePlaceholderText": "Ex: João Dias",
+        "email": "Email",
+        "emailPlaceholderText": "email@example.com",
+        "gavatarMessage": "Se o seu e-mail estiver associado a uma conta Gravatar, utilizá-la-emos para apresentar a sua imagem de perfil.",
+        "goTo": "Ir para",
+        "header": "Configurações",
+        "help": "Ajuda",
+        "links": "Links",
+        "privacy": "Privacidade",
+        "profileSection": "Perfil",
+        "sdkVersion": "Versão do SDK",
+        "serverURL": "URL do servidor",
+        "showAdvanced": "Mostrar definições avançadas",
+        "startCarModeInLowBandwidthMode": "Iniciar o modo de condução em modo de baixa largura de banda",
+        "startWithAudioMuted": "Iniciar sem áudio",
+        "startWithVideoMuted": "Iniciar sem vídeo",
+        "terms": "Termos",
+        "version": "Versão da App"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nDeseja apenas discar no seu telefone?\n\n{{defaultDialInNumber}}Clique neste link para ver os números de telefone para esta reunião\n{{dialInfoPageUrl}}",
+        "mainText": "Clique no seguinte link para entrar na reunião:{{roomUrl}}\n"
+    },
+    "speaker": "Participante",
+    "speakerStats": {
+        "angry": "Zangado",
+        "disgusted": "Desgostoso",
+        "displayEmotions": "Mostrar emoções",
+        "fearful": "Temeroso",
+        "happy": "Feliz",
+        "hours": "{{count}}h",
+        "labelTooltip": "Número de participantes: {{count}}",
+        "minutes": "{{count}}m",
+        "name": "Nome",
+        "neutral": "Neutro",
+        "sad": "Triste",
+        "search": "Pesquisar",
+        "searchDescription": "Comece a digitar para filtrar os participantes",
+        "searchHint": "Pesquisar participantes",
+        "seconds": "{{count}}s",
+        "speakerStats": "Estatísticas dos Participantes",
+        "speakerTime": "Tempo do Participante",
+        "surprised": "Surpreendido"
+    },
+    "startupoverlay": {
+        "genericTitle": "A reunião precisa de usar o seu microfone e câmara.",
+        "policyText": " ",
+        "title": "{{app}} precisa de usar o seu microfone e câmara."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Reconectar",
+        "text": "Pressione o botão <i>Reentrar</i> para reconectar.",
+        "title": "Sua chamada de vídeo foi interrompida, porque seu computador foi dormir."
+    },
+    "termsView": {
+        "title": "Termos"
+    },
+    "toggleTopPanelLabel": "Mostrar ou ocultar o painel superior",
+    "toolbar": {
+        "Settings": "Definições",
+        "accessibilityLabel": {
+            "Settings": "Abrir definições",
+            "audioOnly": "Mudar para apenas áudio",
+            "audioRoute": "Selecionar o dispositivo de som",
+            "boo": "Vaia",
+            "breakoutRooms": "Salas simultâneas",
+            "callQuality": "Gerir a qualidade do vídeo",
+            "carmode": "Modo de condução",
+            "cc": "Mudar legendas",
+            "chat": "Abrir / Fechar chat",
+            "clap": "Aplausos",
+            "closeChat": "Fechar chat",
+            "closeMoreActions": "Fechar menu de mais ações",
+            "closeParticipantsPane": "Fechar painel de participantes",
+            "closedCaptions": "Legendas ocultas",
+            "collapse": "Colapsar",
+            "document": "Mudar para documento partilhado",
+            "documentClose": "Fechar documento partilhado",
+            "documentOpen": "Abrir documento partilhado",
+            "download": "Descarregar as nossas aplicações",
+            "embedMeeting": "Reunião incorporada",
+            "endConference": "Terminar reunião para todos",
+            "enterFullScreen": "Ver ecrã inteiro",
+            "enterTileView": "Entrar na vista em quadrícula",
+            "exitFullScreen": "Sair de ecrã inteiro",
+            "exitTileView": "Sair da vista em quadrícula",
+            "expand": "Expandir",
+            "feedback": "Deixar comentários",
+            "fullScreen": "Mudar para ecrã completo",
+            "giphy": "Ativar/Desativar o menu GIPHY",
+            "grantModerator": "Conceder direitos de moderador",
+            "hangup": "Sair da reunião",
+            "heading": "Barra de ferramentas",
+            "help": "Ajuda",
+            "hideWhiteboard": "Esconder quadro branco",
+            "invite": "Convidar pessoas",
+            "kick": "Remover participante",
+            "laugh": "Risos",
+            "leaveConference": "Sair da reunião",
+            "like": "Aprovado",
+            "linkToSalesforce": "Link para a Salesforce",
+            "lobbyButton": "Ativar/desativar sala de espera",
+            "localRecording": "Mudar os controlos locais de gravação",
+            "lockRoom": "Mudar palavra-chave de reunião",
+            "love": "Coração",
+            "lowerHand": "Baixar a mão",
+            "moreActions": "Mais ações",
+            "moreActionsMenu": "Menu de mais ações",
+            "moreOptions": "Mostrar mais opções",
+            "mute": "Desligar microfone",
+            "muteEveryone": "Silenciar a todos",
+            "muteEveryoneElse": "Silenciar todos os outros",
+            "muteEveryoneElsesVideo": "Parar o vídeo de todos os outros",
+            "muteEveryonesVideo": "Parar o vídeo de todos",
+            "muteGUMPending": "A ligar o seu microfone",
+            "noiseSuppression": "Supressão extra de ruído (BETA)",
+            "openChat": "Abrir chat",
+            "participants": "Abrir painel de participantes. {{participantsCount}} participantes",
+            "pip": "Mudar para o modo Picture-in-Picture",
+            "privateMessage": "Enviar mensagem privada",
+            "profile": "Editar o seu perfil",
+            "raiseHand": "Levantar a mão",
+            "react": "Reações às mensagens",
+            "reactions": "Reações",
+            "reactionsMenu": "Menu de reações",
+            "recording": "Mudar gravação",
+            "remoteMute": "Participante sem som",
+            "remoteVideoMute": "Desativar a câmara do participante",
+            "security": "Opções de segurança",
+            "selectBackground": "Selecionar plano de fundo",
+            "selfView": "Mudar a autovisualização",
+            "shareRoom": "Convidar alguém",
+            "shareYourScreen": "Iniciar partilha de ecrã",
+            "shareaudio": "Partilhar áudio",
+            "sharedvideo": "Partilhar vídeo",
+            "shortcuts": "Mostrar / Esconder atalhos",
+            "show": "Mostrar no palco",
+            "showWhiteboard": "Mostrar quadro branco",
+            "silence": "Silêncio",
+            "speakerStats": "Mostrar / Esconder estatísticas dos participantes",
+            "stopScreenSharing": "Parar de partilhar o seu ecrã",
+            "stopSharedVideo": "Parar vídeo",
+            "surprised": "Surpreendido",
+            "tileView": "Mudar a vista em quadrícula",
+            "toggleCamera": "Mudar a câmara",
+            "toggleFilmstrip": "Mudar a película de filme",
+            "unmute": "Ligar microfone",
+            "videoblur": "Mudar o desfoque de vídeo",
+            "videomute": "Parar câmara",
+            "videomuteGUMPending": "A ligar a sua câmara",
+            "videounmute": "Iniciar câmara"
+        },
+        "addPeople": "Adicione pessoas à sua chamada",
+        "audioOnlyOff": "Desativar modo de largura de banda baixa",
+        "audioOnlyOn": "Ativar modo de largura de banda baixa",
+        "audioRoute": "Selecionar o dispositivo de som",
+        "audioSettings": "Definições de áudio",
+        "authenticate": "Autenticar",
+        "boo": "Vaia",
+        "callQuality": "Gerir a qualidade do vídeo",
+        "chat": "Abrir / Fechar chat",
+        "clap": "Aplausos",
+        "closeChat": "Fechar chat",
+        "closeParticipantsPane": "Fechar painel de participantes",
+        "closeReactionsMenu": "Fechar menu de reações",
+        "closedCaptions": "Legendas ocultas",
+        "disableNoiseSuppression": "Desativar supressão de ruído extra (BETA)",
+        "disableReactionSounds": "Pode desactivar os sons de reacção para esta reunião",
+        "documentClose": "Fechar documento partilhado",
+        "documentOpen": "Abrir documento partilhado",
+        "download": "Descarregar as nossas aplicações",
+        "e2ee": "Criptografia ponta a ponta",
+        "embedMeeting": "Incorporar reunião",
+        "enableNoiseSuppression": "Ativar supressão extra de ruído (BETA)",
+        "endConference": "Terminar reunião para todos",
+        "enterFullScreen": "Ver em ecrã completo",
+        "enterTileView": "Ver em quadrícula",
+        "exitFullScreen": "Sair de ecrã completo",
+        "exitTileView": "Sair de quadrícula",
+        "feedback": "Deixar comentários",
+        "giphy": "Ativar/Desativar o menu GIPHY",
+        "hangup": "Sair da reunião",
+        "help": "Ajuda",
+        "hideWhiteboard": "Esconder quadro branco",
+        "invite": "Convidar pessoas",
+        "joinBreakoutRoom": "Entar na sala",
+        "laugh": "Risos",
+        "leaveBreakoutRoom": "Sair da sala",
+        "leaveConference": "Sair da reunião",
+        "like": "Aprovado",
+        "linkToSalesforce": "Link para a Salesforce",
+        "lobbyButtonDisable": "Desativar sala de espera",
+        "lobbyButtonEnable": "Ativar sala de espera",
+        "login": "Iniciar sessão",
+        "logout": "Terminar sessão",
+        "love": "Coração",
+        "lowerYourHand": "Baixar a mão",
+        "moreActions": "Mais ações",
+        "moreOptions": "Mais opções",
+        "mute": "Desligar microfone",
+        "muteEveryone": "Silenciar todos",
+        "muteEveryonesVideo": "Desativar a câmara de todos",
+        "muteGUMPending": "A ligar o seu microfone",
+        "noAudioSignalDesc": "Se não o silenciou propositadamente a partir de configurações do sistema ou hardware, considere mudar de dispositivo.",
+        "noAudioSignalDescSuggestion": "Se não o silenciou propositadamente a partir das configurações do sistema ou hardware, considere mudar para o dispositivo sugerido.",
+        "noAudioSignalDialInDesc": "Também pode marcar usando:",
+        "noAudioSignalDialInLinkDesc": "Números de marcação",
+        "noAudioSignalTitle": "Não há nenhuma entrada vinda do seu microfone!",
+        "noiseSuppression": "Supressão extra de ruído (BETA)",
+        "noisyAudioInputDesc": "Parece que o seu microfone está a fazer barulho, por favor considere silenciar ou mudar de dispositivo.",
+        "noisyAudioInputTitle": "Seu microfone parece estar barulhento!",
+        "openChat": "Abrir chat",
+        "openReactionsMenu": "Abrir menu de reações",
+        "participants": "Participantes",
+        "pip": "Entrar no modo Picture-in-Picture",
+        "privateMessage": "Enviar mensagem privada",
+        "profile": "Editar o seu perfil",
+        "raiseHand": "Levantar a mão",
+        "raiseYourHand": "Levantar a mão",
+        "reactionBoo": "Enviar reação de vaia",
+        "reactionClap": "Enviar reação de aplausos",
+        "reactionHeart": "Enviar reação com coração",
+        "reactionLaugh": "Enviar reação de risos",
+        "reactionLike": "Enviar reação de aprovado",
+        "reactionSilence": "Enviar reação de silêncio",
+        "reactionSurprised": "Enviar reação de surpreendido",
+        "reactions": "Reações",
+        "security": "Opções de segurança",
+        "selectBackground": "Selecionar plano de fundo",
+        "shareRoom": "Convidar alguém",
+        "shareaudio": "Partilhar áudio",
+        "sharedvideo": "Partilhar vídeo",
+        "shortcuts": "Ver atalhos",
+        "showWhiteboard": "Mostrar quadro branco",
+        "silence": "Silêncio",
+        "speakerStats": "Estatísticas dos participantes",
+        "startScreenSharing": "Iniciar partilha de ecrã",
+        "startSubtitles": "Legendas • {{language}}",
+        "stopAudioSharing": "Parar partilha de áudio",
+        "stopScreenSharing": "Parar partilha de ecrã",
+        "stopSharedVideo": "Parar vídeo",
+        "stopSubtitles": "Parar legendas",
+        "surprised": "Surpreendido",
+        "talkWhileMutedPopup": "Está a tentar falar? Está com o microfone desligado.",
+        "tileViewToggle": "Mudar para vista em quadrícula",
+        "toggleCamera": "Mudar a câmara",
+        "unmute": "Ligar microfone",
+        "videoSettings": "Definições de vídeo",
+        "videomute": "Parar câmara",
+        "videomuteGUMPending": "A ligar a sua câmara",
+        "videounmute": "Iniciar câmara"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Iniciar/parar legendas",
+        "expandedLabel": "Transcrição ativada",
+        "failed": "Falha na transcrição",
+        "labelTooltip": "Esta reunião está a ser transcrita.",
+        "labelTooltipExtra": "Além disso, uma transcrição estará disponível posteriormente.",
+        "openClosedCaptions": "Abrir legendas ocultas",
+        "original": "Original",
+        "sourceLanguageDesc": "Atualmente a língua da reunião está definida para <b>{{sourceLanguage}}</b>. <br/> Pode alterá-la a partir ",
+        "sourceLanguageHere": "daqui",
+        "start": "Exibir legendas",
+        "stop": "Não exibir legendas",
+        "subtitles": "Legendas",
+        "subtitlesOff": "Desligado",
+        "tr": "TR",
+        "translateTo": "Traduzir para"
+    },
+    "unpinParticipant": "{{participantName}} - Desafixar",
+    "userMedia": {
+        "grantPermissions": "Dê as permissões para usar a sua câmara e microfone."
+    },
+    "videoSIPGW": {
+        "busy": "Estamos a trabalhar para liberar recursos. Por favor, tente novamente em alguns minutos.",
+        "busyTitle": "O serviço da sala está ocupado",
+        "errorAlreadyInvited": "{{displayName}} já convidado",
+        "errorInvite": "A conferência ainda não foi estabelecida. Por favor, tente mais tarde.",
+        "errorInviteFailed": "Estamos a trabalhar para resolver o problema. Por favor, tente mais tarde.",
+        "errorInviteFailedTitle": "Convite para {{displayName}} falhou",
+        "errorInviteTitle": "Erro no convite da sala",
+        "pending": "{{displayName}} foi convidado"
+    },
+    "videoStatus": {
+        "adjustFor": "Ajustar para:",
+        "audioOnly": "AUD",
+        "audioOnlyExpanded": "Está em modo de baixa largura de banda. Neste modo, receberá apenas partilha de áudio e ecrã.",
+        "bestPerformance": "Melhor desempenho",
+        "callQuality": "Qualidade de vídeo (0 para o melhor desempenho, 3 para a melhor qualidade)",
+        "hd": "HD",
+        "hdTooltip": "Ver vídeo em alta definição",
+        "highDefinition": "Alta definição (HD)",
+        "highestQuality": "Máxima qualidade",
+        "labelTooiltipNoVideo": "Sem vídeo",
+        "labelTooltipAudioOnly": "Modo de largura de banda baixa habilitada",
+        "ld": "LD",
+        "ldTooltip": "Ver vídeo em baixa definição",
+        "lowDefinition": "Baixa definição (LD)",
+        "performanceSettings": "Definições de desempenho",
+        "recording": "Esta reunião está a ser gravada.",
+        "sd": "SD",
+        "sdTooltip": "Ver vídeo em definição padrão",
+        "standardDefinition": "Definição padrão",
+        "streaming": "Transmissão em curso"
+    },
+    "videothumbnail": {
+        "connectionInfo": "Informações sobre a ligação",
+        "demote": "Passar a espectador",
+        "domute": "Sem som",
+        "domuteDesktop": "Parar a partilha de ecrã",
+        "domuteDesktopOfOthers": "Interromper a partilha de ecrã para todos os outros",
+        "domuteOthers": "Silenciar todos os outros",
+        "domuteVideo": "Desativar a câmara",
+        "domuteVideoOfOthers": "Desactivar a câmara de todos os outros",
+        "flip": "Inverter",
+        "grantModerator": "Conceder direitos de moderador",
+        "hideSelfView": "Ocultar a autovisualização",
+        "kick": "Expulsar",
+        "mirrorVideo": "Espelhar o meu vídeo",
+        "moderator": "Moderador",
+        "mute": "Participante está sem som",
+        "muted": "Sem som",
+        "pinToStage": "Afixar",
+        "remoteControl": "Iniciar / Parar controlo remoto",
+        "screenSharing": "Participante está a partilhar o seu ecrã",
+        "show": "Mostrar no palco",
+        "showSelfView": "Mostrar autovisualização",
+        "unpinFromStage": "Desafixar",
+        "verify": "Verificar participante",
+        "videoMuted": "Câmara desativada",
+        "videomute": "Participante parou a câmara"
+    },
+    "virtualBackground": {
+        "accessibilityLabel": {
+            "currentBackground": "Atual imagem de fundo: {{background}}",
+            "selectBackground": "Selecionar uma imagem de fundo"
+        },
+        "addBackground": "Adicionar imagem de fundo",
+        "apply": "Aplicar",
+        "backgroundEffectError": "Falha ao aplicar efeito de fundo.",
+        "blur": "Esbatido",
+        "deleteImage": "Apagar imagem",
+        "desktopShare": "Partilhar área de trabalho",
+        "desktopShareError": "Não foi possível partilhar a área de trabalho",
+        "image1": "Praia",
+        "image2": "Parede branca neutra",
+        "image3": "Quarto branco vazio",
+        "image4": "Luminária preta",
+        "image5": "Montanha",
+        "image6": "Floresta ",
+        "image7": "Nascer do sol",
+        "none": "Nenhum",
+        "pleaseWait": "Por favor aguarde…",
+        "removeBackground": "Remover imagem de fundo",
+        "slightBlur": "Ligeiro esbatido",
+        "title": "Fundos virtuais",
+        "uploadedImage": "Imagem carregada {{index}}",
+        "webAssemblyWarning": "WebAssembly não suportado",
+        "webAssemblyWarningDescription": "WebAssembly desactivado ou não suportado por este navegador"
+    },
+    "visitors": {
+        "chatIndicator": "(espectador)",
+        "joinMeeting": {
+            "description": "Atualmente, é um espectador nesta conferência.",
+            "raiseHand": "Levantar a mão",
+            "title": "Participar na reunião",
+            "wishToSpeak": "Se deseja intervir, levante a mão e aguarde a aprovação do moderador."
+        },
+        "labelTooltip": "Número de espectadores: {{count}}",
+        "notification": {
+            "demoteDescription": "Enviado aqui pelo {{actor}}, levante a mão para participar",
+            "noMainParticipantsDescription": "Um participante precisa de iniciar a reunião. Tente novamente daqui a pouco.",
+            "noMainParticipantsTitle": "Esta reunião ainda não começou.",
+            "noVisitorLobby": "Não é possível aderir enquanto houver uma sala de espera activada para a reunião.",
+            "notAllowedPromotion": "É necessário que um participante autorize primeiro o seu pedido.",
+            "title": "É um espectador na reunião"
+        },
+        "waitingMessage": "Participará na reunião assim que esta estiver em direto!"
+    },
+    "volumeSlider": "Controlo de volume",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Toque para entrar",
+            "roomname": "Digite o nome da sala"
+        },
+        "addMeetingName": "Adicionar nome da reunião",
+        "appDescription": "Vá em frente, converse por vídeo com toda a equipa. Na verdade, convide todos os que conhece. {{app}} é uma solução de videoconferência totalmente criptografada e 100% de código aberto que pode usar todos os dias, a cada dia, gratuitamente — sem necessidade de conta.",
+        "audioVideoSwitch": {
+            "audio": "Voz",
+            "video": "Vídeo"
+        },
+        "calendar": "Calendário",
+        "connectCalendarButton": "Conectar seu calendário",
+        "connectCalendarText": "Conecte o seu calendário para ver todas as reuniões em {{app}}. Além disso, adicione reuniões de {{provider}} ao seu calendário e inicie-as com apenas um clique.",
+        "enterRoomTitle": "Iniciar uma nova reunião",
+        "getHelp": "Obter ajuda",
+        "go": "IR",
+        "goSmall": "IR",
+        "headerSubtitle": "Reuniões com segurança e alta qualidade",
+        "headerTitle": "Jitsi Meet",
+        "info": "Informações",
+        "jitsiOnMobile": "Jitsi em dispositivos móveis – descarregue as nossas aplicações e inicie uma reunião em qualquer lugar",
+        "join": "CRIAR / ENTRAR",
+        "logo": {
+            "calendar": "Logo do Calendário",
+            "desktopPreviewThumbnail": "Miniatura de Visualização do Desktop",
+            "googleLogo": "Logo do Google",
+            "logoDeepLinking": "Logo do Jitsi Meet",
+            "microsoftLogo": "Logo da Microsoft",
+            "policyLogo": "Logo da Política de Privacidade"
+        },
+        "meetingsAccessibilityLabel": "Reuniões",
+        "mobileDownLoadLinkAndroid": "Descarregar aplicação móvel para Android",
+        "mobileDownLoadLinkFDroid": "Descarregar aplicação móvel para F-Droid",
+        "mobileDownLoadLinkIos": "Descarregar aplicação móvel para iOS",
+        "moderatedMessage": "Ou <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">reserve um URL de reunião</a> com antecedência onde é o único moderador.",
+        "privacy": "Política de Privacidade",
+        "recentList": "Recente",
+        "recentListDelete": "Remover",
+        "recentListEmpty": "A sua lista recente está atualmente vazia. Converse com a sua equipa e encontrará aqui todas as suas reuniões recentes.",
+        "recentMeetings": "As suas reuniões recentes",
+        "reducedUIText": "Bem-vindo ao {{app}}!",
+        "roomNameAllowedChars": "Nome da reunião não deve conter qualquer um destes caracteres: ?. &, :, ', \", %, #.",
+        "roomname": "Digite o nome da sala",
+        "roomnameHint": "Digite o nome ou URL da sala a que pretende entrar. Pode inventar um nome, basta informar as pessoas com quem se vai encontrar para que entrem com o mesmo nome.",
+        "sendFeedback": "Enviar comentários",
+        "settings": "Definições",
+        "startMeeting": "Iniciar reunião",
+        "terms": "Termos",
+        "title": "Videoconferências mais seguras, flexíveis e totalmente gratuitas",
+        "upcomingMeetings": "As suas próximas reuniões"
+    },
+    "whiteboard": {
+        "accessibilityLabel": {
+            "heading": "Quadro branco"
+        },
+        "screenTitle": "Quadro branco"
+    }
+}
diff --git a/lang/main-ro.json b/lang/main-ro.json
new file mode 100644
index 0000000..c4175df
--- /dev/null
+++ b/lang/main-ro.json
@@ -0,0 +1,763 @@
+{
+    "addPeople": {
+        "add": "Adăugați",
+        "countryNotSupported": "Serviciul nu este încă disponibil în locația dumneavoastră.",
+        "countryReminder": "Sunați în afara SUA? Vă rugăm să tastați codul țarii înaintea numărului!",
+        "disabled": "Nu puteți adăuga persoane.",
+        "failedToAdd": "Eroare în adăugarea membrilor",
+        "footerText": "Apelarea în exterior este dezactivată.",
+        "loading": "Se caută persoane și numere de telefon",
+        "loadingNumber": "Se validează numărul de telefon",
+        "loadingPeople": "Se caută persoane care pot fi adăugate",
+        "noResults": "Nu s-au găsit rezultate",
+        "noValidNumbers": "Vă rugăm introduceți numărul de telefon",
+        "searchNumbers": "Adăugați numere de telefon",
+        "searchPeople": "Căutați persoane",
+        "searchPeopleAndNumbers": "Căutați după nume sau după numărul de telefon",
+        "telephone": "Telefon: {{number}}",
+        "title": "Adăugați persoane în acest apel video"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "headphones": "Căști",
+        "none": "",
+        "phone": "Telefon",
+        "speaker": "Difuzor"
+    },
+    "audioOnly": {
+        "audioOnly": "Doar audio"
+    },
+    "calendarSync": {
+        "addMeetingURL": "Inserați un link de apel video",
+        "confirmAddLink": "Doriți să adaugați un link Jitsi la acest apel video?",
+        "error": {
+            "appConfiguration": "Integrarea calendarului nu este configurată corespunzător.",
+            "generic": "A apărut o eroare. Vă rugăm să verificați setările calendarului și apoi reîncărcați calendarul.",
+            "notSignedIn": "A apărut o eroare în procesul de autentificare pentru a vizualiza evenimentele din calendar. Vă rugam să verificați setările calendarului și apoi să vă autentificați din nou."
+        },
+        "join": "Participare",
+        "joinTooltip": "Participați la apelul video",
+        "nextMeeting": "următorul apel video",
+        "noEvents": "Nu sunt alte evenimente programate.",
+        "ongoingMeeting": "apel video în desfășurare",
+        "permissionButton": "Accesați setările",
+        "permissionMessage": "Este nevoie de acces la Calendarul dumneavoastră pentru a vizualiza programările în aplicație.",
+        "refresh": "Actualizați calendarul",
+        "today": "Azi"
+    },
+    "chat": {
+        "error": "Eroare: mesajul dumneavoastră \"{{originalText}}\" nu a fost trimis. Motiv: {{error}}",
+        "fieldPlaceHolder": "",
+        "messageTo": "",
+        "messagebox": "Scrieți mesajul",
+        "nickname": {
+            "popover": "Alegeți un pseudonim",
+            "title": "Introduceți un pseudonim pentru a conversa",
+            "titleWithPolls": "Introduceți un pseudonim pentru a conversa"
+        },
+        "noMessagesMessage": "",
+        "privateNotice": "",
+        "sendButton": "Trimiteți",
+        "title": "Apel video",
+        "titleWithPolls": "Apel video",
+        "you": ""
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "",
+        "dontShowAgain": "",
+        "installExtensionText": ""
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Sunteți conectat la conversația dumneavoastră…"
+    },
+    "connection": {
+        "ATTACHED": "Atașat",
+        "AUTHENTICATING": "Autentificare",
+        "AUTHFAIL": "Autentificare eșuată",
+        "CONNECTED": "Conectat",
+        "CONNECTING": "Se conectează",
+        "CONNFAIL": "Conectare eșuată",
+        "DISCONNECTED": "Deconectat",
+        "DISCONNECTING": "Se deconectează",
+        "ERROR": "Eroare",
+        "FETCH_SESSION_ID": "",
+        "GET_SESSION_ID_ERROR": "",
+        "GOT_SESSION_ID": "",
+        "LOW_BANDWIDTH": "",
+        "RECONNECTING": "A apărut o eroare de rețea. Reconectare…"
+    },
+    "connectionindicator": {
+        "address": "Adresă:",
+        "bandwidth": "Viteza de transfer estimată:",
+        "bitrate": "Bitrate:",
+        "bridgeCount": "Numărul de servere: ",
+        "connectedTo": "Conectat la:",
+        "framerate": "Rată cadre:",
+        "less": "Arătați mai puțin",
+        "localaddress": "Adresă locala:",
+        "localaddress_plural": "Adrese locale:",
+        "localport": "Port local:",
+        "localport_plural": "Porturi locale:",
+        "more": "Arătați mai mult",
+        "packetloss": "Pachete pierdute:",
+        "quality": {
+            "good": "Bun",
+            "inactive": "Inactiv",
+            "lost": "Pierdut",
+            "nonoptimal": "Ineficient",
+            "poor": "Slab"
+        },
+        "remoteaddress": "Adresă remote:",
+        "remoteaddress_plural": "Adresele remote:",
+        "remoteport": "Port extern:",
+        "remoteport_plural": "Porturi externe:",
+        "resolution": "Rezoluție:",
+        "status": "Conexiune:",
+        "transport": "Mod Transport:",
+        "transport_plural": "Moduri Transport:",
+        "turn": " (turn)"
+    },
+    "dateUtils": {
+        "earlier": "Mai devreme",
+        "today": "Azi",
+        "yesterday": "Ieri"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Este necesară {{app}} aplicația mobilă pentru a putea participa la apelul video.",
+        "description": "Nu s-a întâmplat nimic? Am încercat să vă deschidem conversația în {{app}} aplicația pentru desktop. Încercați din nou sau deschideți {{app}} aplicația web.",
+        "descriptionWithoutWeb": "",
+        "downloadApp": "Descărcați aplicația",
+        "ifDoNotHaveApp": "Dacă nu aveti încă aplicația atunci:",
+        "ifHaveApp": "Dacă aveti deja aplicația:",
+        "launchWebButton": "Deschideți în browser",
+        "openApp": "Continuați spre aplicație",
+        "title": "Deschidere apel video în {{app}}…",
+        "tryAgainButton": "Încercați din nou pe desktop"
+    },
+    "defaultLink": "e.g. {{url}}",
+    "defaultNickname": "",
+    "deviceError": {
+        "cameraError": "Accesul la cameră nu este permis",
+        "cameraPermission": "Eroare în obținerea accesului la cameră",
+        "microphoneError": "Accesul la microfon nu este permis",
+        "microphonePermission": "Eroare în obținerea accesului la microfon"
+    },
+    "deviceSelection": {
+        "noPermission": "Permisiunea nu a fost acordată",
+        "previewUnavailable": "Previzualizare indisponibilă",
+        "selectADevice": "Alegeți un dispozitiv",
+        "testAudio": "Redați un sunet"
+    },
+    "dialOut": {
+        "statusMessage": "Este {{status}}"
+    },
+    "dialog": {
+        "Back": "Înapoi",
+        "Cancel": "Anulare",
+        "IamHost": "Eu sunt moderatorul",
+        "Ok": "Ok",
+        "Remove": "Eliminați",
+        "Share": "Partajare",
+        "Submit": "Trimiteți",
+        "WaitForHostMsg": "Conferința nu a început. Daca sunteți moderatorul conferinței, vă rugăm să vă autentificați. Dacă nu, așteptați ca moderatorul să înceapă conferința.",
+        "WaitingForHost": "Așteptare moderator conferință…",
+        "Yes": "Da",
+        "accessibilityLabel": {
+            "liveStreaming": "Transmitere live"
+        },
+        "allow": "Permiteți",
+        "alreadySharedVideoMsg": "Un alt membru partajează deja un videoclip. Este permisă partajarea unui singur videoclip per apel video.",
+        "alreadySharedVideoTitle": "Doar un singur videoclip per apel video",
+        "applicationWindow": "Fereastra aplicației",
+        "cameraConstraintFailedError": "Camera dumneavoastră nu îndeplinește unele dintre restricțiile impuse.",
+        "cameraNotFoundError": "Camera nu a fost găsită.",
+        "cameraNotSendingData": "Nu am reușit să vă accesăm camera. Vă rugăm să verificați daca o altă aplicație folosește dispozitivul, selectați un alt dispozitiv din meniul de setări și reîncărcați aplicația.",
+        "cameraNotSendingDataTitle": "Accesul la cameră nu este permis",
+        "cameraPermissionDeniedError": "Nu ați acordat permisiunea pentru accesul la cameră. Puteți să vă alăturați apelului video, dar ceilalți participanți nu vă vor putea vedea. Folosiți butonul camerei localizat în bara de adrese pentru remediere.",
+        "cameraUnknownError": "Camera nu poate fi folosită din motive necunoscute.",
+        "cameraUnsupportedResolutionError": "Camera dumneavoastră nu suportă rezoluția video necesara.",
+        "close": "Închidere",
+        "conferenceDisconnectMsg": "Vă rugam să verificați conexiunea la rețea. Reconectare în {{seconds}} sec…",
+        "conferenceDisconnectTitle": "Ați fost deconectat.",
+        "conferenceReloadMsg": "Încercăm să remediem situația. Reconectare în {{seconds}} sec…",
+        "conferenceReloadTitle": "Din nefericire, ceva nu a funcționat corespunzător.",
+        "confirm": "Confirmare",
+        "confirmNo": "Nu",
+        "confirmYes": "Da",
+        "connectError": "Oops! Ceva nu a funcționat corespunzător și nu v-am putut conecta la apelul video.",
+        "connectErrorWithMsg": "Oops! Ceva nu a funcționat corespunzător și nu v-am putut conecta la conferință: {{msg}}",
+        "connecting": "Conectare",
+        "contactSupport": "Contactati departamentul de suport tehnic",
+        "copy": "Copiați",
+        "dismiss": "Respingeți",
+        "displayNameRequired": "Este necesar să introduceți un nume",
+        "done": "Efectuat",
+        "enterDisplayName": "Vă rugam să introduceți numele",
+        "error": "Eroare",
+        "externalInstallationMsg": "Este necesară instalarea extensiei pentru partajare video.",
+        "externalInstallationTitle": "Extensie necesară",
+        "goToStore": "Accesați magazinul virtual",
+        "gracefulShutdown": "Serviciile noastre sunt indisponibile pentru întreținere. Vă rugam încercați mai tărziu.",
+        "incorrectPassword": "Nume de utilizator sau parolă incorecte",
+        "incorrectRoomLockPassword": "",
+        "inlineInstallExtension": "Începeți instalarea",
+        "inlineInstallationMsg": "Este necesară instalarea extensiei pentru partajare video.",
+        "internalError": "Ups! Ceva nu a funcționat corespunzător. A apărut următoarea eroare: {{error}}",
+        "internalErrorTitle": "Eroare interna",
+        "kickMessage": "Ouch! Ați fost eliminat din apelul video!",
+        "kickParticipantButton": "Eliminați",
+        "kickParticipantDialog": "Sunteți sigur că doriți să eliminați acest participant?",
+        "kickParticipantTitle": "Eliminați acest membru?",
+        "kickTitle": "Eliminat din apelul video",
+        "liveStreaming": "Transmitere live",
+        "liveStreamingDisabledForGuestTooltip": "Invitații nu pot iniția transmitere live.",
+        "liveStreamingDisabledTooltip": "Inițiere transmitere live dezactivată.",
+        "lockMessage": "Blocarea conferinței a eșuat.",
+        "lockRoom": "Introduceți parola pentru apelul video",
+        "lockTitle": "Blocare eșuată",
+        "logoutQuestion": "Sunteți sigur că doriți să vă deconectați și să întrerupeți conversația?",
+        "logoutTitle": "Deconectare",
+        "maxUsersLimitReached": "Numărul maxim de membri a fost atins. Nu mai sunt locuri disponibile. Vă rugam să contactati moderatorul apelului video sau încercați mai târziu!",
+        "maxUsersLimitReachedTitle": "Numărul maxim de membri a fost atins",
+        "micConstraintFailedError": "Microfonul dumneavoastră nu îndeplinește unele dintre restricțiile impuse.",
+        "micNotFoundError": "Microfonul nu a fost găsit.",
+        "micNotSendingData": "Nu putem să vă accesăm microfonul. Vă rugam să selectați un alt dispozitiv din meniul de setări sau încercați să actualizați aplicația.",
+        "micNotSendingDataTitle": "Nu putem să vă accesăm microfonul",
+        "micPermissionDeniedError": "Nu ați acordat permisiunea pentru accesul la microfon. Puteți să vă alăturați apelului video, dar ceilalți participanți nu vă vor putea auzi. Folosiți butonul camerei localizat în bara de adrese pentru remediere.",
+        "micUnknownError": "Microfonul nu poate fi folosită din motive necunoscute.",
+        "muteEveryoneDialog": "",
+        "muteEveryoneElseDialog": "",
+        "muteEveryoneElseTitle": "",
+        "muteEveryoneSelf": "",
+        "muteEveryoneStartMuted": "",
+        "muteEveryoneTitle": "",
+        "muteParticipantBody": "Nu veți putea să dezactivați microfonul, dar ceilalți pot dezactiva oricând microfonul.",
+        "muteParticipantButton": "Dezactivare microfon",
+        "muteParticipantDialog": "Sunteți sigur că doriți să dezactivați microfonul pentru acest participant? Nu veți putea să dezactivați microfonul, dar ceilalți pot dezactiva oricând microfonul.",
+        "muteParticipantTitle": "Comutați pe silențios acest membru?",
+        "passwordLabel": "Parolă",
+        "passwordNotSupported": "Setarea unei parole pentru acest apel video nu este suportată.",
+        "passwordNotSupportedTitle": "Parola nu este suportată",
+        "passwordRequired": "Parola este necesară",
+        "popupError": "Browserul dumneavoastră blochează ferestrele de tip pop-up ale acestui site. Activați ferestrele de tip pop-up în setările de securitate ale browserului și încercați din nou.",
+        "popupErrorTitle": "Ferestre de tip pop-up blocate",
+        "recording": "Înregistrare",
+        "recordingDisabledForGuestTooltip": "Invitații nu pot iniția înregistrarea.",
+        "recordingDisabledTooltip": "Inițierea înregistrării este dezactivată.",
+        "rejoinNow": "Reconectați-vă",
+        "remoteControlAllowedMessage": "{{user}} controlul la distanță este permis!",
+        "remoteControlDeniedMessage": "{{user}} controlul la distanță este respins!",
+        "remoteControlErrorMessage": "A apărut o eroare la încercarea de a solicita permisiunea de acces la distanță {{user}}!",
+        "remoteControlRequestMessage": "Permiteți utilizatorului {{user}} să vă acceseze la distanță desktopul?",
+        "remoteControlShareScreenWarning": "Rețineți că apăsând butonul \"Permiteți\" veți partaja ecranul dumneavoastră!",
+        "remoteControlStopMessage": "Sesiunea de acces la distanță s-a încheiat!",
+        "remoteControlTitle": "Acces desktop la distanță",
+        "removePassword": "Eliminați parola",
+        "removeSharedVideoMsg": "Sunteți sigur că doriți să încheiați sesiunea de partajare a videoclipului?",
+        "removeSharedVideoTitle": "Eliminați partajarea videoclipului",
+        "reservationError": "Eroare a sistemului de rezervare",
+        "reservationErrorMsg": "Cod de eroare: {{code}}, mesaj: {{msg}}",
+        "retry": "Reincercati",
+        "screenSharingAudio": "",
+        "screenSharingFailedToInstall": "Oops! Extensia de partajare a ecranului nu s-a instalat.",
+        "screenSharingFailedToInstallTitle": "Extensia de partajare a ecranului nu s-a instalat",
+        "screenSharingFirefoxPermissionDeniedError": "Ceva nu a funcționat corespunzător în timp ce încercăm să accesăm ecranul dumneavoastră. Vă rugam să vă asigurați că ne-ați permis accesul. ",
+        "screenSharingFirefoxPermissionDeniedTitle": "Ups! Nu am reușit să inițiem accesarea ecranului!",
+        "screenSharingPermissionDeniedError": "Ups! Ceva nu a funcționat corespunzător cu permisiunea de extindere a ecranului. Vă rugam să reîncărcați pagina și să încercați din nou.",
+        "sendPrivateMessage": "",
+        "sendPrivateMessageCancel": "",
+        "sendPrivateMessageOk": "",
+        "sendPrivateMessageTitle": "",
+        "serviceUnavailable": "Serviciu indisponibil",
+        "sessTerminated": "Apel încheiat",
+        "shareVideoLinkError": "Vă rugam să furnizați un link corect.",
+        "shareVideoTitle": "Partajare video",
+        "shareYourScreen": "Partajare ecran",
+        "shareYourScreenDisabled": "Partajare ecran dezactivată.",
+        "shareYourScreenDisabledForGuest": "Invitații nu pot partaja ecranul.",
+        "startLiveStreaming": "Inițiere trasmitere live",
+        "startRecording": "Inițiere înregistrare",
+        "startRemoteControlErrorMessage": "A apărut o eroare la încercarea de a începe sesiunea de control la distanță!",
+        "stopLiveStreaming": "Încheiere transmitere live",
+        "stopRecording": "Încheiere înregistrare",
+        "stopRecordingWarning": "Sunteți sigur că vreți să încheiați înregistrarea?",
+        "stopStreamingWarning": "Sunteți sigur că vreți să încheiați transmiterea live?",
+        "streamKey": "Cheie transmitere live",
+        "thankYou": "Vă mulțumim că utilizați {{appName}}!",
+        "token": "token",
+        "tokenAuthFailed": "Ne pare rău, nu aveți permisiune pentru a participa la acest apel.",
+        "tokenAuthFailedTitle": "Autentificare eșuată",
+        "transcribing": "Copiere",
+        "unlockRoom": "Eliminați parola pentru apel video",
+        "userPassword": "Parolă utilizator",
+        "yourEntireScreen": "Întregul ecran"
+    },
+    "documentSharing": {
+        "title": ""
+    },
+    "feedback": {
+        "average": "Medie",
+        "bad": "Rău",
+        "detailsLabel": "Spuneți-ne mai multe despre experiența dumneavoastră.",
+        "good": "Bine",
+        "rateExperience": "Evaluați acest apel video",
+        "veryBad": "Foarte rău",
+        "veryGood": "Foarte bine"
+    },
+    "incomingCall": {
+        "answer": "Răspuns",
+        "audioCallTitle": "Apel intrare",
+        "decline": "Respins",
+        "productLabel": "de la Jitsi Meet",
+        "videoCallTitle": "Intrare apel video"
+    },
+    "info": {
+        "accessibilityLabel": "Afișați informații",
+        "addPassword": "Adăugați parola",
+        "cancelPassword": "Anulați parola",
+        "conferenceURL": "Link:",
+        "country": "Țară",
+        "dialANumber": "Pentru a accesa conversația, formați unul dintre aceste numere și apoi introduceți PIN-ul .",
+        "dialInConferenceID": "PIN:",
+        "dialInNotSupported": "Ne pare rău, apelarea nu este posibilă.",
+        "dialInNumber": "Apelare:",
+        "dialInSummaryError": "Eroare la preluarea informațiilor de apelare. Vă rugam să încercați din nou mai târziu.",
+        "dialInTollFree": "Fără taxă",
+        "genericError": "Ups! Ceva nu a funcționat corespunzător.",
+        "inviteLiveStream": "Pentru a vizualiza transmiterea live, faceți click pe acest link: {{url}}",
+        "invitePhone": "Apăsați o data pentru apelare: {{number}},,{{conferenceID}}#",
+        "invitePhoneAlternatives": "",
+        "inviteURLFirstPartGeneral": "Ați fost invitat pentru a participa la apelul video.",
+        "inviteURLFirstPartPersonal": "{{name}} v-a invitat pentru a participa la apelul video.\n",
+        "inviteURLSecondPart": "\nParticipati la apelul video:\n{{url}}\n",
+        "label": "Informații apel video",
+        "liveStreamURL": "Transmitere live:",
+        "moreNumbers": "Mai multe cifre",
+        "noNumbers": "Niciun număr de apelat.",
+        "noPassword": "Fără",
+        "noRoom": "Nu a fost selectat niciun apel video pentru apelare.",
+        "numbers": "Numere apelare",
+        "password": "Parolă:",
+        "title": "Transmitere",
+        "tooltip": "Transmiteți linkul și informațiile de apelare pentru acest apel video"
+    },
+    "inlineDialogFailure": {
+        "msg": "A avut loc o eroare.",
+        "retry": "Încercați din nou",
+        "support": "Ajutor",
+        "supportMsg": "Daca situația se repetă, apelați"
+    },
+    "inviteDialog": {
+        "alertText": "Încercarea de a invita anumiți participanți a eșuat.",
+        "header": "Invitați",
+        "searchCallOnlyPlaceholder": "Introduceți numărul de telefon",
+        "searchPeopleOnlyPlaceholder": "Căutare participanți",
+        "searchPlaceholder": "Participant sau număr de telefon",
+        "send": "Trimiteți"
+    },
+    "keyboardShortcuts": {
+        "focusLocal": "Focusați pe imaginea dumneavoastră",
+        "focusRemote": "Focusați pe imaginea altei persoane",
+        "fullScreen": "Vizualizați sau părăsiți ecranul",
+        "keyboardShortcuts": "Comenzi rapide tastatură",
+        "localRecording": "Vizualizați sau ascundeți panoul de control video",
+        "mute": "Activați sau dezactivați microfonul",
+        "pushToTalk": "Apăsați pentru a vorbi",
+        "raiseHand": "Ridicați sau coborați mâna",
+        "showSpeakerStats": "Arătați parametrii difuzorului",
+        "toggleChat": "Deschideți sau închideți discuția text",
+        "toggleFilmstrip": "Afișați sau ascundeți imagini video",
+        "toggleScreensharing": "Comutați între cameră și partajare ecran",
+        "toggleShortcuts": "Arătați sau ascundeți comenzi rapide tastatură",
+        "videoMute": "Porniți sau opriți camera",
+        "videoQuality": ""
+    },
+    "liveStreaming": {
+        "busy": "Lucrăm la eliberarea resurselor de transmitere. Vă rugam să încercați din nou în câteva minute.",
+        "busyTitle": "Toți participanții la transmitere sunt indisponibili",
+        "changeSignIn": "Comutați intre conturi.",
+        "choose": "Alegeți o transmitere live",
+        "chooseCTA": "Alegeți o variantă de transmitere. Sunteți logat cu {{email}}.",
+        "enterStreamKey": "Introduceți cheia fluxului video.",
+        "error": "Transmiterea live a eșuat. Vă rugăm încercați din nou.",
+        "errorAPI": "A apărut o eroare la accesarea canalelor YouTube. Încercați să vă autentificați din nou.",
+        "errorLiveStreamNotEnabled": "Transmiterea live nu este activată pe {{email}}. Vă rugăm să activați opțiunea de transmitere live sau autentificați-vă cu un cont avand această opțiune activată.",
+        "expandedOff": "Transmiterea live s-a încheiat",
+        "expandedOn": "Acest apel video este transmis pe YouTube.",
+        "expandedPending": "Transmiterea a început…",
+        "failedToStart": "Începerea transmiterii live a eșuat ",
+        "getStreamKeyManually": "Nu am reușit să preluăm fluxurile live. Încercați să obțineți cheia fluxului video YouTube.",
+        "googlePrivacyPolicy": "Politica de confidențialitate Google",
+        "invalidStreamKey": "Cheia fluxului video poate fi incorectă.",
+        "off": "Transmitere live încheiată",
+        "offBy": "",
+        "on": "Transmitere live",
+        "onBy": "",
+        "pending": "Inițiere transmitere live…",
+        "serviceName": "Serviciu de transmitere live",
+        "signIn": "Conectați-vă cu Google",
+        "signInCTA": "Conectați-vă sau introduceți cheia YouTube pentru distribuire video.",
+        "signOut": "Deconectare",
+        "signedInAs": "Sunteți conectat ca:",
+        "start": "Începeți o transmitere live",
+        "streamIdHelp": "Ce înseamnă acest lucru?",
+        "title": "Transmitere live",
+        "unavailableTitle": "Transmitere live indisponibilă",
+        "youtubeTerms": "Termeni și condiții Youtube"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Oprit",
+            "on": "Pornit",
+            "unknown": "Necunoscut"
+        },
+        "dialogTitle": "Panou control video",
+        "duration": "Durată",
+        "durationNA": "N/A",
+        "encoding": "Codificare",
+        "label": "LOR",
+        "labelToolTip": "Înregistrarea este activată",
+        "localRecording": "Înregistrare",
+        "me": "Eu",
+        "messages": {
+            "engaged": "Înregistrarea este activată.",
+            "finished": "Sesiune înregistrare {{token}} încheiată. Vă rugăm să trimiteți înregistrarea moderatorului.",
+            "finishedModerator": "Sesiune înregistrare {{token}} încheiată. Înregistrarea a fost salvată. Vă rugăm să solicitați și celorlalți participanți trimiterea înregistrărilor.",
+            "notModerator": "Nu sunteți moderatorul. Nu puteți iniția sau încheia o înregistrare."
+        },
+        "moderator": "Moderator",
+        "no": "Nu",
+        "participant": "Participant",
+        "participantStats": "Parametri participant",
+        "sessionToken": "Token de sesiune",
+        "start": "Inițiere înregistrare",
+        "stop": "Încheiere înregistrare",
+        "yes": "Da"
+    },
+    "lockRoomPassword": "parola",
+    "lockRoomPasswordUppercase": "Parolă",
+    "me": "Eu",
+    "notify": {
+        "connectedOneMember": "{{name}} s-a alăturat apelului video",
+        "connectedThreePlusMembers": "{{name}} and {{count}} s-au alăturat apelului video",
+        "connectedTwoMembers": "{{first}} și {{second}} s-au alăturat apelului video",
+        "disconnected": "deconectat",
+        "focus": "Focalizare conferință",
+        "focusFail": "{{component}} Indisponibil - reincercati în {{ms}} secunde",
+        "grantedTo": "Drepturile de moderator acordate {{to}}!",
+        "invitedOneMember": "{{name}} a fost adăugat",
+        "invitedThreePlusMembers": "{{name}} și alti {{count}} au fost adăugați",
+        "invitedTwoMembers": "{{first}} și {{second}} au fost invitați",
+        "kickParticipant": "{{kicked}} a fost eliminat de {{kicker}}",
+        "me": "Eu",
+        "moderator": "Drepturi de moderator acordate!",
+        "muted": "Ați început conversația în modul silențios.",
+        "mutedRemotelyDescription": "",
+        "mutedRemotelyTitle": "Ați fost comutat pe silențios de {{participantDisplayName}}!",
+        "mutedTitle": "Sunteți în modul silențios!",
+        "newDeviceAction": "Utilizați",
+        "newDeviceAudioTitle": "A fost detectat un dispozitiv audio nou",
+        "newDeviceCameraTitle": "A fost detectată o cameră noua",
+        "passwordRemovedRemotely": "",
+        "passwordSetRemotely": "",
+        "raisedHand": "{{name}} dorește să vorbească.",
+        "somebody": "Cineva",
+        "startSilentDescription": "",
+        "startSilentTitle": "",
+        "suboptimalBrowserWarning": "Folosind acest browser nu veți beneficia de cea mai bună experiență pentru aceste apeluri video. În timp ce lucrăm la asta, vă recomandăm să folosiți unul din <a href='{{recommendedBrowserPageLink}}' target='_blank'>browser-ele suportate</a>.",
+        "suboptimalExperienceDescription": "Hmm… se pare că experiența avută cu {{appName}} nu a decurs prea bine. Încercăm să îmbunătățim acest lucru, până atunci vă rugăm să folosiți unul dintre browserele suportate.",
+        "suboptimalExperienceTitle": "Avertisment browser",
+        "unmute": ""
+    },
+    "passwordDigitsOnly": "Până la {{number}} cifre",
+    "passwordSetRemotely": "Setată de un alt membru",
+    "polls": {
+        "errors": {
+            "notUniqueOption": "Opțiunile trebuie să fie unice"
+        }
+    },
+    "poweredby": "cu sprijinul",
+    "presenceStatus": {
+        "busy": "Ocupat",
+        "calling": "Apelare…",
+        "connected": "Conectat",
+        "connecting": "Conectare…",
+        "connecting2": "Conectare*…",
+        "disconnected": "Deconectat",
+        "expired": "Expirat",
+        "ignored": "Ignorat",
+        "initializingCall": "Inițiere apel…",
+        "invited": "Adăugat",
+        "rejected": "Respins",
+        "ringing": "Apelare…"
+    },
+    "profile": {
+        "setDisplayNameLabel": "Introduceți numele care va fi afișat",
+        "setEmailInput": "Introduceți adresa de email",
+        "setEmailLabel": "Setați adresa de email gravatar",
+        "title": "Profil"
+    },
+    "raisedHand": "Ar dori să vorbească",
+    "recording": {
+        "authDropboxText": "Încarcați în Dropbox",
+        "availableSpace": "Spațiu disponibil: {{spaceLeft}} MB (approximately {{duration}} minute înregistrare)",
+        "beta": "BETA",
+        "busy": "Lucrăm la eliberarea resurselor de înregistrare. Vă rugăm să încercați din nou peste câteva minute.",
+        "busyTitle": "Toate resursele de înregistrare sunt momentan ocupate",
+        "error": "Înregistrare eșuată. Vă rugăm să încercați din nou mai târziu.",
+        "expandedOff": "Înregistrarea s-a încheiat",
+        "expandedOn": "Conversația este înregistrată.",
+        "expandedPending": "Înregistrarea a început…",
+        "failedToStart": "Începerea înregistrării a eșuat",
+        "fileSharingdescription": "Partajați înregistrarea cu ceilalți participanți",
+        "live": "LIVE",
+        "loggedIn": "Conectat ca {{userName}}",
+        "off": "Înregistrarea s-a încheiat",
+        "offBy": "{{name}} a oprit înregistrarea",
+        "on": "Înregistrare",
+        "onBy": "{{name}} a pornit înregistrarea",
+        "pending": "Se pregătește înregistrarea apelului video…",
+        "rec": "REC",
+        "serviceDescription": "Înregistrarea dumneavoastră va fi salvată de serviciul înregistrare",
+        "serviceName": "Serviciu înregistrare",
+        "signIn": "Conectare",
+        "signOut": "Deconectare",
+        "title": "Înregistrare",
+        "unavailable": "Oops! Serviciul {{serviceName}} este indisponibil momentan. Se lucrează la remedierea acestei probleme. Vă rugam să încercați mai tărziu.",
+        "unavailableTitle": "Înregistrare indisponibilă"
+    },
+    "sectionList": {
+        "pullToRefresh": "Trageți pentru a reîmprospătă"
+    },
+    "settings": {
+        "calendar": {
+            "about": "Integrarea calendarului {{appName}} este utilizată pentru a accesa în siguranță calendarul dumneavoastră astfel încât să poată vizualiza evenimentele viitoare.",
+            "disconnect": "Deconectare",
+            "microsoftSignIn": "Conectare cu Microsoft",
+            "signedIn": "Sunt accesate evenimentele din calendarul {{email}}. Apăsați butonul Deconectare de mai jos pentru a opri accesarea evenimentelor din calendar.",
+            "title": "Calendar"
+        },
+        "devices": "Dispozitive",
+        "followMe": "Toată lumea mă urmărește",
+        "language": "Limba",
+        "loggedIn": "Conectat cu {{name}}",
+        "microphones": "Microfoane",
+        "moderator": "Moderator",
+        "more": "Mai mult",
+        "name": "Name",
+        "noDevice": "Nici un",
+        "selectAudioOutput": "Sursa externă audio",
+        "selectCamera": "Cameră",
+        "selectMic": "Microfon",
+        "speakers": "Difuzoare",
+        "startAudioMuted": "Toată lumea începe cu sunetul dezactivat",
+        "startVideoMuted": "Toată lumea începe cu fară video",
+        "title": "Setări"
+    },
+    "settingsView": {
+        "advanced": "Avansat",
+        "alertOk": "OK",
+        "alertTitle": "Avertisment",
+        "alertURLText": "Serverul URL introdus este invalid",
+        "buildInfoSection": "Informații versiune",
+        "conferenceSection": "Conferință",
+        "disableCallIntegration": "Dezactivează integrarea cu apelurile native",
+        "disableP2P": "Dezactivează modul Peer-To-Peer",
+        "displayName": "Nume afișat",
+        "email": "Email",
+        "header": "Setări",
+        "profileSection": "Profil",
+        "serverURL": "Server URL",
+        "showAdvanced": "Arată setările avansate",
+        "startWithAudioMuted": "Începeți cu sunetul dezactivat",
+        "startWithVideoMuted": "Începeți cu video dezactivat",
+        "version": "Version"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nVreti doar să apelați telefonic?\n\n{{defaultDialInNumber}}Faceți click pe acest link pentru a vizualiza numerele pentru apelare în acest apel video\n{{dialInfoPageUrl}}",
+        "mainText": "Faceți click pe acest link pentru a vă conecta la apelul video:\n{{roomUrl}}"
+    },
+    "speaker": "Difuzor",
+    "speakerStats": {
+        "hours": "{{count}}h",
+        "minutes": "{{count}}m",
+        "name": "Nume",
+        "search": "Căutare",
+        "searchHint": "Căutați participanți",
+        "seconds": "{{count}}s",
+        "speakerStats": "Statistici participanți",
+        "speakerTime": "Durată vorbire participant"
+    },
+    "startupoverlay": {
+        "policyText": " ",
+        "title": "{{app}} are nevoie de acces la microfon și cameră."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Reconectare",
+        "text": "Apăsați butonul Reconectare pentru a vă reconecta.",
+        "title": "Apelul dumneavoastră video s-a întrerupt deoarece computerul a trecut în modul Repaus."
+    },
+    "toolbar": {
+        "Settings": "Setări",
+        "accessibilityLabel": {
+            "Settings": "Comutați la setări",
+            "audioOnly": "Comutați doar audio",
+            "audioRoute": "Selectați dispozitivul pentru sunet",
+            "callQuality": "Gestionați calitatea apelului",
+            "cc": "Comutați subtitrările",
+            "chat": "Comutați ferestrele apelului video",
+            "document": "Comutați documentele partajate",
+            "download": "Descarcă aplicațiile noastre",
+            "feedback": "Lăsați-ne feedback",
+            "fullScreen": "Comutați la ecran complet",
+            "hangup": "Părăsiți apelul",
+            "help": "Ajutor",
+            "invite": "Adaugați persoane",
+            "kick": "Eliminați participant",
+            "localRecording": "Comutați la panoul de control video",
+            "lockRoom": "Comutați la parola de întâlnire",
+            "moreActions": "Afișați meniul cu acțiuni suplimentare",
+            "moreActionsMenu": "Meniu acțiuni suplimentare",
+            "moreOptions": "Arată mai multe opțiuni",
+            "mute": "Activați / dezactivați sunet",
+            "muteEveryone": "Oprește microfonul tuturor",
+            "pip": "Comutați la modul Picture-in-Picture",
+            "privateMessage": "Trimite un mesaj privat",
+            "profile": "Editați profilul",
+            "raiseHand": "Comutați la mână rîdicată",
+            "recording": "Activați/dezactivați înregistrare",
+            "remoteMute": "Comutare mod silențios participant",
+            "shareRoom": "Adăugați persoane",
+            "shareYourScreen": "Activați / dezactivați partajarea ecranului",
+            "sharedvideo": "Comutați partajarea video",
+            "shortcuts": "Activați / dezactivați comenzi rapide",
+            "show": "",
+            "speakerStats": "Afișați/ascundeți parametrii difuzorului",
+            "tileView": "Afișați/ascundeți miniatura video",
+            "toggleCamera": "Afișați / ascundeți camera",
+            "videoblur": "",
+            "videomute": "Activați / dezactivați înregistrarea"
+        },
+        "addPeople": "Adăugați persoane în apel",
+        "audioOnlyOff": "Dezactivați modul 'doar audio'",
+        "audioOnlyOn": "Activați modul 'doar audio'",
+        "audioRoute": "Selectați dispozitivul pentru sunet",
+        "authenticate": "Autentificare",
+        "callQuality": "Gestionați calitatea apelului",
+        "chat": "Deschideți / Închideți conversația",
+        "closeChat": "Închideți conversația",
+        "documentClose": "Închideți document partajat",
+        "documentOpen": "Deschideți document partajat",
+        "enterFullScreen": "Vizualizare ecran întreg",
+        "enterTileView": "Accesare miniatură video",
+        "exitFullScreen": "Ieșiți ecran întreg",
+        "exitTileView": "Ieșiți miniatură video",
+        "feedback": "Lașați-ne feedback",
+        "hangup": "Ieșiți",
+        "invite": "Adăugați persoane",
+        "login": "Conectare",
+        "logout": "Deconectare",
+        "lowerYourHand": "Coborâți mâna",
+        "moreActions": "Acțiuni suplimentare",
+        "mute": "Porniți / Opriți sunetul",
+        "openChat": "Open chat",
+        "pip": "Accesare mod Picture-in-Picture",
+        "profile": "Editați profilul",
+        "raiseHand": "Ridicați / Coborâți mâna",
+        "raiseYourHand": "Ridicați mâna",
+        "shareRoom": "Adăugați persoane",
+        "sharedvideo": "Partajați un video",
+        "shortcuts": "Vizualizare comenzi rapide",
+        "speakerStats": "Parametrii difuzorului",
+        "startScreenSharing": "Inițiere partajare ecran",
+        "startSubtitles": "Inițiere subtitrări",
+        "startvideoblur": "",
+        "stopScreenSharing": "Încheiere partajare ecran",
+        "stopSharedVideo": "Oprire video",
+        "stopSubtitles": "Acundere subtitrări",
+        "stopvideoblur": "",
+        "talkWhileMutedPopup": "Încercați să vorbiți? Microfonul este dezactivat.",
+        "tileViewToggle": "Afișați / ascundeți miniatura video",
+        "toggleCamera": "Afișați / ascundeți camera",
+        "videomute": "Porniți / Opriți camera"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Afișați / Ascundeți subtitrări",
+        "error": "Copiere eșuată. Vă rugăm încercați mai tărziu.",
+        "expandedLabel": "Copierea este activată",
+        "failedToStart": "Inițierea copierii a eșuat",
+        "labelToolTip": "Conversația este copiată",
+        "off": "Copiere încheiată",
+        "pending": "Se pregătește copierea apelului video…",
+        "start": "Afișați subtitrări",
+        "stop": "Ascundeți subtitrări",
+        "tr": "TR"
+    },
+    "userMedia": {
+        "grantPermissions": "Vă rugam să acordați permisiunea pentru utilizarea camerei și a microfonului."
+    },
+    "videoSIPGW": {
+        "busy": "Lucrăm la eliberarea resurselor. Vă rugăm încercați din nou în câteva minute.",
+        "busyTitle": "Serviciul SIP este momentan ocupat",
+        "errorAlreadyInvited": "{{displayName}} deja adăugat",
+        "errorInvite": "Conferință nu a fost inițializată. Vă rugam încercați mai târziu.",
+        "errorInviteFailed": "Se lucrează la remedierea acestei probleme. Vă rugăm încercați mai târziu.",
+        "errorInviteFailedTitle": "Invitarea {{displayName}} a eșuat",
+        "errorInviteTitle": "Eroare la invitarea la un apel SIP",
+        "pending": "{{displayName}} a fost invitat"
+    },
+    "videoStatus": {
+        "audioOnly": "AUD",
+        "audioOnlyExpanded": "Sunteți în modul 'doar audio'. Acest mod reduce transferul de date și nu veți putea vizualiza imaginile celorlalți.",
+        "callQuality": "Calitate apel",
+        "hd": "HD",
+        "highDefinition": "Calitate superioară",
+        "labelTooiltipNoVideo": "Fără video",
+        "labelTooltipAudioOnly": "Modul doar audio activat",
+        "ld": "LD",
+        "lowDefinition": "Calitate redusă",
+        "onlyAudioAvailable": "Doar audio este disponibil",
+        "onlyAudioSupported": "În acest navigator este suportat doar 'mod audio'.",
+        "sd": "SD",
+        "standardDefinition": "Calitate standard"
+    },
+    "videothumbnail": {
+        "domute": "Microfon oprit",
+        "flip": "Flip",
+        "kick": "Eliminați",
+        "moderator": "Moderator",
+        "mute": "Un membru are microfonul dezactivat",
+        "muted": "Microfon dezactivat",
+        "remoteControl": "Control la distanță",
+        "show": "",
+        "videomute": "Un membru a oprit camera"
+    },
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Atingeți pentru a accesa",
+            "roomname": "Introduceți numele ședinței video"
+        },
+        "appDescription": "Conversați prin apel video cu întreaga echipa. De fapt, cu toți cunoscuții. {{app}} este o soluție de video-conferință criptată alcătuită integral din programe gratuite pe care o puteți folosi tot timpul gratuit - fară a fi nevoie de cont.",
+        "audioVideoSwitch": {
+            "audio": "Voce",
+            "video": "Video"
+        },
+        "calendar": "Calendar",
+        "connectCalendarButton": "Conectați calendarul",
+        "connectCalendarText": "",
+        "enterRoomTitle": "Inițiați un nou apel video",
+        "go": "ÎNCEPEȚI",
+        "info": "Informații",
+        "join": "ACCESARE",
+        "privacy": "Confidențialitate",
+        "recentList": "Recent",
+        "recentListDelete": "Ștergeți",
+        "recentListEmpty": "Lista dumneavoastră recentă este momentan goală. Discutați cu echipa dumneavoastră și veți găsi toate conversațiile aici.",
+        "reducedUIText": "",
+        "roomname": "Introduceți numele ședinței",
+        "roomnameHint": "Introduceți numele sau adresa web a ședinței la care doriți să vă conectați. Puteți asocia un nume, dar transmiteți și celorlalți participanți acest nume.",
+        "sendFeedback": "Lăsați-ne feedback",
+        "terms": "Termeni",
+        "title": "Video-conferință securizată, cu multiple funcționalități și complet gratuită"
+    }
+}
diff --git a/lang/main-ru.json b/lang/main-ru.json
new file mode 100644
index 0000000..ee43590
--- /dev/null
+++ b/lang/main-ru.json
@@ -0,0 +1,1540 @@
+{
+    "addPeople": {
+        "accessibilityLabel": {
+            "meetingLink": "Ссылка на встречу: {{url}}"
+        },
+        "add": "Пригласить",
+        "addContacts": "Пригласите других людей",
+        "contacts": "контакты",
+        "copyInvite": "Скопировать приглашение на встречу",
+        "copyLink": "Скопировать ссылку на встречу",
+        "copyStream": "Скопировать ссылку на прямую трансляцию",
+        "countryNotSupported": "Эта страна пока не поддерживается.",
+        "countryReminder": "Вызов не в США? Пожалуйста, убедитесь, что указали код страны!",
+        "defaultEmail": "Ваш адрес электронной почты",
+        "disabled": "Поиск не дал результата.",
+        "failedToAdd": "Не удалось добавить участников",
+        "googleEmail": "Электронная почта Google",
+        "inviteMoreHeader": "Сейчас вы одни в этой встрече",
+        "inviteMoreMailSubject": "Присоединиться к встрече {{appName}} ",
+        "inviteMorePrompt": "Пригласить других людей",
+        "linkCopied": "Ссылка скопирована в буфер обмена",
+        "noResults": "Поиск не дал результата",
+        "outlookEmail": "Электронная почта Outlook",
+        "phoneNumbers": "телефонные номера",
+        "searching": "Поиск…",
+        "shareInvite": "Поделиться приглашением на встречу",
+        "shareLink": "Поделиться ссылкой на встречу чтобы пригласить других",
+        "shareStream": "Поделиться ссылкой на прямую трансляцию",
+        "sipAddresses": "sip-адреса",
+        "telephone": "Номер: {{number}}",
+        "title": "Пригласить людей на эту встречу",
+        "yahooEmail": "Электронная почта Yahoo"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "car": "Автомобильная аудиосистема",
+        "headphones": "Наушники",
+        "none": "Не обнаружены звуковые устройства",
+        "phone": "Телефон",
+        "speaker": "Колонка"
+    },
+    "audioOnly": {
+        "audioOnly": "Только звук"
+    },
+    "bandwidthSettings": {
+        "assumedBandwidthBps": "например, 10000000 для 10 Мбит/с",
+        "assumedBandwidthBpsWarning": "Более высокие значения могут вызвать проблемы сети.",
+        "customValue": "пользовательское значение",
+        "customValueEffect": "для установки фактического значения в битах в секунду",
+        "leaveEmpty": "оставить пустым",
+        "leaveEmptyEffect": "для разрешения проведения оценок",
+        "possibleValues": "Возможные значения",
+        "setAssumedBandwidthBps": "Предполагаемая пропускная способность (бит/с)",
+        "title": "Настройки пропускной способности",
+        "zeroEffect": "для отключения видео"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "Добавить сессионный зал",
+            "autoAssign": "Привязать к залу автоматически",
+            "close": "Закрыть",
+            "join": "Присоединиться",
+            "leaveBreakoutRoom": "Покинуть сессионный зал",
+            "more": "Больше",
+            "remove": "Удалить",
+            "rename": "Переименовать",
+            "renameBreakoutRoom": "Переименовать сессионный зал",
+            "sendToBreakoutRoom": "Отправить участника к:"
+        },
+        "breakoutList": "Сессионные залы",
+        "buttonLabel": "Сессионные залы",
+        "defaultName": "Сессионный зал #{{index}}",
+        "hideParticipantList": "Скрыть список участников",
+        "mainRoom": "Главная комната",
+        "notifications": {
+            "joined": "Вход в сессионный зал «{{name}}»",
+            "joinedMainRoom": "Вход в главную комнату",
+            "joinedTitle": "Сессионные залы"
+        },
+        "showParticipantList": "Показать участников",
+        "title": "Сессионные залы"
+    },
+    "calendarSync": {
+        "addMeetingURL": "Добавить ссылку конференции",
+        "confirmAddLink": "Вы хотите добавить ссылку {{app}} к этому календарному событию?",
+        "error": {
+            "appConfiguration": "Неправильно настроена интеграция календаря.",
+            "generic": "Произошла ошибка. Проверьте настройки календаря или попробуйте обновить его.",
+            "notSignedIn": "В процессе аутентификации для просмотра событий календаря произошла ошибка. Пожалуйста, проверьте настройки календаря и попробуйте снова войти в систему."
+        },
+        "join": "Присоединиться",
+        "joinTooltip": "Присоединиться к конференции",
+        "nextMeeting": "следующая конференция",
+        "noEvents": "Нет запланированных событий.",
+        "ongoingMeeting": "текущая конференция",
+        "permissionButton": "Открыть настройки",
+        "permissionMessage": "Для показа ваших встреч в приложении нужен доступ к календарю.",
+        "refresh": "Обновить календарь",
+        "today": "Сегодня"
+    },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "Выбор аудиоустройства"
+        },
+        "labels": {
+            "buttonLabel": "Упрощенный режим",
+            "title": "Упрощенный режим",
+            "videoStopped": "Видео остановлено"
+        }
+    },
+    "chat": {
+        "enter": "Войди в комнату",
+        "error": "Ошибка: Ваше сообщение не было отправлено. Причина: {{error}}",
+        "fieldPlaceHolder": "Введите здесь ваше сообщение",
+        "lobbyChatMessageTo": "Сообщение пользователю {{recipient}}",
+        "message": "Сообщение",
+        "messageAccessibleTitle": "{{user}} говорит:",
+        "messageAccessibleTitleMe": "я говорю:",
+        "messageTo": "Личное сообщение пользователю {{recipient}}",
+        "messagebox": "Введите сообщение",
+        "newMessages": "Новые сообщения",
+        "nickname": {
+            "popover": "Выберите имя",
+            "title": "Введите имя для использования чата",
+            "titleWithPolls": "Введите имя для использования чата"
+        },
+        "noMessagesMessage": "В конференции пока нет никаких сообщений. Начните разговор!",
+        "privateNotice": "Личное сообщение пользователю {{recipient}}",
+        "sendButton": "Отправить",
+        "smileysPanel": "Emoji панель",
+        "tabs": {
+            "chat": "Чат",
+            "polls": "Опросы"
+        },
+        "title": "Чат",
+        "titleWithPolls": "Чат",
+        "you": "вы"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Установить расширение Chrome",
+        "buttonTextEdge": "Установить расширение Edge",
+        "close": "Закрыть",
+        "dontShowAgain": "Не показывай мне это снова",
+        "installExtensionText": "Установите расширение для интеграции с Google Календарь и Office 365"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Пытаемся присоединиться к вашей конференции…"
+    },
+    "connection": {
+        "ATTACHED": "Прикреплено",
+        "AUTHENTICATING": "Аутентификация",
+        "AUTHFAIL": "Ошибка аутентификации",
+        "CONNECTED": "Подключено",
+        "CONNECTING": "Подключение",
+        "CONNFAIL": "Сбой подключения",
+        "DISCONNECTED": "Отключено",
+        "DISCONNECTING": "Отключение",
+        "ERROR": "Ошибка",
+        "FETCH_SESSION_ID": "Получение идентификатора сеанса…",
+        "GET_SESSION_ID_ERROR": "Ошибка получения идентификатора сеанса: {{code}}",
+        "GOT_SESSION_ID": "Получение идентификатора сеанса… Готово",
+        "LOW_BANDWIDTH": "Видео для {{displayName}} приостановлено из-за низкой пропускной способности"
+    },
+    "connectionindicator": {
+        "address": "Адрес:",
+        "audio_ssrc": "Аудио SSRC:",
+        "bandwidth": "Средняя скорость:",
+        "bitrate": "Битрейт:",
+        "bridgeCount": "Количество серверов: ",
+        "codecs": "Кодеки (A/V): ",
+        "connectedTo": "Подключен к:",
+        "e2eeVerified": "E2EE подтверждено:",
+        "framerate": "Частота кадров:",
+        "less": "Краткая информация",
+        "localaddress": "Локальный адрес:",
+        "localaddress_plural": "Локальные адреса:",
+        "localport": "Локальный порт:",
+        "localport_plural": "Локальные порты:",
+        "maxEnabledResolution": "Максимальное разрешение",
+        "more": "Подробная информация",
+        "no": "нет",
+        "packetloss": "Потери пакетов:",
+        "participant_id": "id участника:",
+        "quality": {
+            "good": "Хорошо",
+            "inactive": "не активно",
+            "lost": "потеряно",
+            "nonoptimal": "не оптимально",
+            "poor": "плохо"
+        },
+        "remoteaddress": "Удаленный адрес:",
+        "remoteaddress_plural": "Удаленные адреса:",
+        "remoteport": "Удаленный порт:",
+        "remoteport_plural": "Удаленные порты:",
+        "resolution": "Разрешение:",
+        "savelogs": "Сохранить логи",
+        "status": "Связь:",
+        "transport": "Транспорт:",
+        "transport_plural": "Транспорты:",
+        "video_ssrc": "Видео SSRC:",
+        "yes": "да"
+    },
+    "dateUtils": {
+        "earlier": "Ранее",
+        "today": "Сегодня",
+        "yesterday": "Вчера"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Чтобы присоединиться к этой встрече на телефоне, нужно мобильное приложение {{app}}.",
+        "description": "Ничего не случилось? Мы попытались запустить вашу встречу в настольном приложении {{app}}. Повторите попытку или запустите ее в веб-приложении {{app}}.",
+        "descriptionNew": "Ничего не случилось? Мы попытались запустить вашу встречу в настольном приложении {{app}}. <br /><br /> Вы можете повторить попытку или запустить ее в веб-приложении.",
+        "descriptionWithoutWeb": "Ничего не произошло? Мы попытались запустить вашу конференцию в настольном приложении {{app}}",
+        "downloadApp": "Скачать приложение",
+        "downloadMobileApp": "Скачать из App Store",
+        "ifDoNotHaveApp": "Если у Вас ещё нет приложения:",
+        "ifHaveApp": "Если у Вас уже есть приложение:",
+        "joinInApp": "Присоединиться к этой встрече с помощью приложения",
+        "joinInAppNew": "Присоединиться в приложении",
+        "joinInBrowser": "Присоединиться в браузере",
+        "launchMeetingLabel": "Как вы хотите присоединиться к этой встрече?",
+        "launchWebButton": "Запустить в браузере",
+        "noDesktopApp": "У вас нет приложения?",
+        "noMobileApp": "У вас нет приложения?",
+        "or": "ИЛИ",
+        "termsAndConditions": "Продолжая, вы соглашаетесь с нашими <a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'>правилами и условиями.</a>",
+        "title": "Запуск вашей встречи в {{app}}…",
+        "titleNew": "Запуск вашей встречи…",
+        "tryAgainButton": "Повторите в настольном приложении",
+        "unsupportedBrowser": "Вы используете браузер, который мы не поддерживаем."
+    },
+    "defaultLink": "напр. {{url}}",
+    "defaultNickname": "напр. Яна Цветкова",
+    "deviceError": {
+        "cameraError": "Ошибка доступа к камере",
+        "cameraPermission": "Ошибка доступа к микрофону",
+        "microphoneError": "Ошибка доступа к микрофону",
+        "microphonePermission": "Нет разрешения на доступ к микрофону"
+    },
+    "deviceSelection": {
+        "hid": {
+            "callControl": "Управление вызовами",
+            "connectedDevices": "Подключенные устройства:",
+            "deleteDevice": "Удалить устройство",
+            "pairDevice": "Сопряжение устройства"
+        },
+        "noPermission": "Нет доступа",
+        "previewUnavailable": "Предпросмотр недоступен",
+        "selectADevice": "Выбор устройства",
+        "testAudio": "Протестировать звук"
+    },
+    "dialIn": {
+        "screenTitle": "Сводка о входящем вызове"
+    },
+    "dialOut": {
+        "statusMessage": "сейчас {{status}}"
+    },
+    "dialog": {
+        "Back": "Назад",
+        "Cancel": "Отмена",
+        "IamHost": "Я организатор",
+        "Ok": "Ok",
+        "Remove": "Удалить",
+        "Share": "Поделиться",
+        "Submit": "ОК",
+        "WaitForHostMsg": "Конференция еще не началась. Если вы организатор, пожалуйста, авторизируйтесь. В противном случае дождитесь организатора.",
+        "WaitingForHostButton": "Ждать организатора",
+        "WaitingForHostTitle": "Ждем организатора…",
+        "Yes": "Да",
+        "accessibilityLabel": {
+            "Cancel": "Отмена (закрыть диалоговое окно)",
+            "Ok": "OK (сохранить и закрыть диалоговое окно)",
+            "close": "Закрыть диалоговое окно",
+            "liveStreaming": "Трансляция",
+            "sharingTabs": "Опции обмена"
+        },
+        "add": "Добавить",
+        "addMeetingNote": "Добавить записку об этом митиге",
+        "addOptionalNote": "Добавить записку (необязательно):",
+        "allow": "Разрешить",
+        "allowToggleCameraDialog": "Разрешить {{initiatorName}} переключить режим камеры?",
+        "allowToggleCameraTitle": "Разрешить переключение камеры?",
+        "alreadySharedVideoMsg": "Другой участник уже поделился ссылкой на видео. Данная конференция позволяет одновременно делиться только одним видео.",
+        "alreadySharedVideoTitle": "Допускается показ только одного видео",
+        "applicationWindow": "Окно приложения",
+        "authenticationRequired": "Требуется авторизация",
+        "cameraConstraintFailedError": "Камера не отвечает определенным требованиям.",
+        "cameraNotFoundError": "Камера не обнаружена.",
+        "cameraNotSendingData": "Ошибка доступа к камере. Пожалуйста, проверьте, не использует ли камеру какая-нибудь другая программа. Вы можете также выбрать другое устройство из меню настроек или попробовать перезапустить приложение.",
+        "cameraNotSendingDataTitle": "Нет доступа к камере",
+        "cameraPermissionDeniedError": "Нет доступа к камере. Вы можете участвовать во встрече, но другие не будут вас видеть. Используйте значок камеры в адресной строке браузера, чтобы устранить проблему.",
+        "cameraTimeoutError": "Не удалось запустить источник видео. Произошел тайм-аут!Не удалось запустить источник видео. Произошел тайм-аут!",
+        "cameraUnknownError": "Неизвестная ошибка использования камеры.",
+        "cameraUnsupportedResolutionError": "Ваша камера не поддерживает необходимое разрешение видео.",
+        "close": "Закрыть",
+        "conferenceDisconnectMsg": "Следует проверить интернет-соединение. Попытка восстановления связи через {{seconds}} с.",
+        "conferenceDisconnectTitle": "Вы отключены.",
+        "conferenceReloadMsg": "Мы стараемся это исправить. Восстановление связи через {{seconds}} с.",
+        "conferenceReloadTitle": "К сожалению, что-то пошло не так.",
+        "confirm": "Подтвердить",
+        "confirmNo": "Нет",
+        "confirmYes": "Да",
+        "connectError": "Ошибка. Невозможно установить связь для вашей встречи.",
+        "connectErrorWithMsg": "Ошибка. Невозможно установить связь для вашей встречи: {{msg}}",
+        "connecting": "Подключение",
+        "contactSupport": "Связь с поддержкой",
+        "copied": "Скопировано",
+        "copy": "Копировать",
+        "demoteParticipantDialog": "Вы уверены, что хотите сделать этого участника гостем?",
+        "demoteParticipantTitle": "Сделать гостем",
+        "dismiss": "Отклонить",
+        "displayNameRequired": "Привет! Как тебя зовут?",
+        "done": "Готово",
+        "e2eeDescription": "Сквозное шифрование в настоящее время является ЭКСПЕРИМЕНТАЛЬНЫМ. Имейте в виду, что включение сквозного шифрования эффективно отключит сервисы, предоставляемые на стороне сервера, такие как: запись, потоковое вещание и участие по телефону. Также имейте в виду, что собрание будет работать только для людей, присоединяющихся из браузеров с поддержкой вставляемых потоков.",
+        "e2eeDisabledDueToMaxModeDescription": "Невозможно включить сквозное шифрование из-за большого количества участников конференции.",
+        "e2eeLabel": "E2EE ключ",
+        "e2eeWarning": "ПРЕДУПРЕЖДЕНИЕ. Похоже, что не все участники этой встречи поддерживают сквозное шифрование. Если вы включите его, они не смогут вас ни видеть, ни слышать.",
+        "e2eeWillDisableDueToMaxModeDescription": "ВНИМАНИЕ: Сквозное шифрование будет автоматически отключено, если к конференции присоединится больше участников.",
+        "embedMeeting": "Встроить встречу",
+        "enterDisplayName": "Пожалуйста, введите свое имя",
+        "error": "Ошибка",
+        "gracefulShutdown": "Технические работы. Пожалуйста, попробуйте позже.",
+        "grantModeratorDialog": "Вы уверены, что хотите сделать этого участника модератором?",
+        "grantModeratorTitle": "Сделать модератором",
+        "hide": "Скрыть",
+        "hideShareAudioHelper": "Больше не показывать это диалоговое окно",
+        "incorrectPassword": "Ошибка имени пользователя или пароля",
+        "incorrectRoomLockPassword": "Неверный пароль",
+        "internalError": "Что-то пошло не так. Ошибка: {{error}}",
+        "internalErrorTitle": "Внутренняя ошибка",
+        "kickMessage": "Вы можете связаться с {{participantDisplayName}} для получения более подробной информации.",
+        "kickParticipantButton": "Отключить",
+        "kickParticipantDialog": "Вы уверены, что хотите отключить этого участника?",
+        "kickParticipantTitle": "Отключить этого участника?",
+        "kickTitle": "{{participantDisplayName}} отключил вас от конференции.",
+        "linkMeeting": "Связать встречу",
+        "linkMeetingTitle": "Связать встречу с Salesforce",
+        "liveStreaming": "Трансляция",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "Невозможно пока активна запись",
+        "localUserControls": "Локальные пользовательские элементы управления",
+        "lockMessage": "Не удалось запереть конференцию",
+        "lockRoom": "Добавить конференцию $t(lockRoomPasswordUppercase)",
+        "lockTitle": "Блокировка не удалась",
+        "login": "Войти",
+        "loginQuestion": "Уверены, что хотите присоединиться и остановить встречу?",
+        "logoutQuestion": "Уверены, что хотите выйти и остановить встречу?",
+        "logoutTitle": "Завершить сеанс",
+        "maxUsersLimitReached": "Достигнут лимит на максимальное количество участников. Конференция переполнена. Пожалуйста, свяжитесь с организатором конференции или повторите попытку позже!",
+        "maxUsersLimitReachedTitle": "Достигнут максимальный лимит участников",
+        "micConstraintFailedError": "Ваш микрофон не отвечает определенным требованиям.",
+        "micNotFoundError": "Микрофон не обнаружен.",
+        "micNotSendingData": "Перейдите в настройки компьютера, чтобы включить микрофон и настроить уровень чувствительности.",
+        "micNotSendingDataTitle": "Ваш микрофон отключен системными настройками",
+        "micPermissionDeniedError": "Нет доступа к микрофону. Вы можете участвовать во встрече, но другие не будут вас слышать. Используйте значок камеры в адресной строке браузера, чтобы устранить проблему.",
+        "micTimeoutError": "Не удалось запустить источник звука. Произошел тайм-аут!",
+        "micUnknownError": "Неизвестная ошибка использования микрофона.",
+        "moderationAudioLabel": "Разрешить участникам самостоятельно включать звук",
+        "moderationVideoLabel": "Разрешить участникам запускать свое видео",
+        "muteEveryoneDialog": "Вы уверены, что хотите отключить микрофоны у всех? Вы не сможете включить их, но они могут включить себя в любой момент.",
+        "muteEveryoneDialogModerationOn": "Участники могут отправить запрос на выступление в любое время.",
+        "muteEveryoneElseDialog": "После отключения микрофонов у участников вы не сможете включить их, но они могут включить себя в любой момент.",
+        "muteEveryoneElseTitle": "Заглушить всех, за исключением {{whom}}?",
+        "muteEveryoneElsesVideoDialog": "Как только камера будет отключена, вы не сможете снова включить ее, но они могут включить ее снова в любое время.",
+        "muteEveryoneElsesVideoTitle": "Остановить видео для всех, кроме {{кого}}?",
+        "muteEveryoneSelf": "себя",
+        "muteEveryoneStartMuted": "Теперь у всех микрофоны выключены",
+        "muteEveryoneTitle": "Заглушить всех?",
+        "muteEveryonesVideoDialog": "Участники могут включить свое видео в любое время.",
+        "muteEveryonesVideoDialogModerationOn": "Участники могут отправить запрос на включение своего видео в любое время.",
+        "muteEveryonesVideoDialogOk": "Отключить",
+        "muteEveryonesVideoTitle": "Остановить всеобщее видео?",
+        "muteParticipantBody": "Вы не можете включить им микрофон, но они могут сделать это сами в любое время.",
+        "muteParticipantButton": "Заглушить",
+        "muteParticipantsVideoBody": "Вы не сможете снова включить камеру, но они могут включить ее снова в любое время.",
+        "muteParticipantsVideoBodyModerationOn": "Вы не сможете снова включить камеру, и они тоже.",
+        "muteParticipantsVideoButton": "Остановить видео",
+        "muteParticipantsVideoDialog": "Вы уверены, что хотите выключить камеру этого участника? Вы не сможете снова включить камеру, но они могут включить ее снова в любое время.",
+        "muteParticipantsVideoDialogModerationOn": "Вы уверены, что хотите выключить камеру этого участника? Вы не сможете снова включить камеру, и они тоже.",
+        "muteParticipantsVideoTitle": "Отключить камеру этого участника?",
+        "noDropboxToken": "Нет действительного токена Dropbox",
+        "password": "Пароль",
+        "passwordLabel": "Встреча была защищена участником. Пожалуйста, введите $t(lockRoomPasswordUppercase) чтобы присоединиться.",
+        "passwordNotSupported": "Установка $t(lockRoomPassword) для конференции не поддерживается.",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) не поддерживается",
+        "passwordRequired": "Требуется $t(lockRoomPasswordUppercase)",
+        "permissionCameraRequiredError": "Для участия в конференциях с видео требуется разрешение камеры. Пожалуйста, предоставьте его в настройках",
+        "permissionErrorTitle": "Требуется разрешение",
+        "permissionMicRequiredError": "Для участия в конференциях со звуком требуется разрешение на использование микрофона. Пожалуйста, предоставьте его в настройках",
+        "readMore": "больше",
+        "recentlyUsedObjects": "Ваши недавно использованные объекты",
+        "recording": "Запись",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "Невозможно пока активно потоковое вещание",
+        "rejoinNow": "Подключиться снова",
+        "remoteControlAllowedMessage": "{{user}} принял ваш запрос на удаленное управление!",
+        "remoteControlDeniedMessage": "{{user}} отклонил ваш запрос на удаленное управление!",
+        "remoteControlErrorMessage": "Произошла ошибка при попытке запросить разрешения удаленного управления от {{user}}!",
+        "remoteControlRequestMessage": "Разрешить {{user}} удаленное управление вашим рабочим столом?",
+        "remoteControlShareScreenWarning": "Если нажмете \"Разрешить\", то поделитесь своим экраном!",
+        "remoteControlStopMessage": "Сессия удаленного управления завершена!",
+        "remoteControlTitle": "Удаленное управление рабочим столом",
+        "remoteUserControls": "Удаленное управление пользователями {{username}}",
+        "removePassword": "Убрать $t(lockRoomPassword)",
+        "removeSharedVideoMsg": "Уверены, что хотите убрать видео, которым поделились?",
+        "removeSharedVideoTitle": "Убрать видео",
+        "renameBreakoutRoomLabel": "Название сессионного зала",
+        "renameBreakoutRoomTitle": "Переименовать сессионный зал",
+        "reservationError": "Ошибка системы резервирования",
+        "reservationErrorMsg": "Код ошибки: {{code}}, сообщение: {{msg}}",
+        "retry": "Повторить",
+        "screenSharingAudio": "Поделиться аудио",
+        "screenSharingFailed": "Ой! Кажется что-то пошло не так, мы не можем начать показ экрана!",
+        "screenSharingFailedTitle": "Сбой показа экрана!",
+        "screenSharingPermissionDeniedError": "Ошибка доступа к вашему расширению для показа экрана. Пожалуйста, перезапустите браузер и попробуйте снова.",
+        "searchInSalesforce": "Искать в Salesforce",
+        "searchResults": "Результаты поиска({{count}})",
+        "searchResultsDetailsError": "Что-то пошло не так при получении данных владельца.",
+        "searchResultsError": "Что-то пошло не так при получении данных.",
+        "searchResultsNotFound": "Ничего не найдено.",
+        "searchResultsTryAgain": "Попробуйте использовать другие ключевые слова.",
+        "sendPrivateMessage": "Вы недавно получили личное сообщение. Вы хотели ответить на него, или отправить свое сообщение группе?",
+        "sendPrivateMessageCancel": "Отправить в общий чат",
+        "sendPrivateMessageOk": "Отправить приватное сообщение",
+        "sendPrivateMessageTitle": "Отправить личное сообщение?",
+        "serviceUnavailable": "Служба недоступна",
+        "sessTerminated": "Связь прервана",
+        "sessTerminatedReason": "Встреча прервана",
+        "sessionRestarted": "Вызов перезапущен из-за проблемы с подключением.",
+        "shareAudio": "Продолжить",
+        "shareAudioAltText": "чтобы поделиться желаемым контентом, перейдите в раздел «Вкладка браузера», выберите нужный контент, установите флажок «поделиться аудио» и нажмите на кнопку «поделиться»",
+        "shareAudioTitle": "Как поделиться аудио",
+        "shareAudioWarningD1": "вам нужно остановить совместное использование экрана, прежде чем делиться своим аудио.",
+        "shareAudioWarningD2": "вам нужно перезапустить совместное использование экрана и установить флажок «поделиться аудио».",
+        "shareAudioWarningH1": "Если вы хотите поделиться только аудио:",
+        "shareAudioWarningTitle": "Вам нужно остановить совместное использование экрана, прежде чем делиться звуком",
+        "shareMediaWarningGenericH2": "Если вы хотите поделиться своим экраном и звуком",
+        "shareScreenWarningD1": "вам нужно остановить совместное использование звука, прежде чем делиться своим экраном.",
+        "shareScreenWarningD2": "вам нужно остановить совместное использование аудио, начать совместное использование экрана и установить флажок «поделиться аудио».",
+        "shareScreenWarningH1": "Если вы хотите поделиться только своим экраном:",
+        "shareScreenWarningTitle": "Вам нужно остановить совместное использование звука, прежде чем делиться своим экраном.",
+        "shareVideoLinkError": "Пожалуйста, укажите корректную ссылку.",
+        "shareVideoTitle": "Поделиться видео",
+        "shareYourScreen": "Показать экран",
+        "shareYourScreenDisabled": "Демонстрация экрана отключена",
+        "sharedVideoDialogError": "Ошибка: Невалидный URL",
+        "sharedVideoLinkPlaceholder": "Ссылка на YouTube или прямая ссылка на видео",
+        "show": "Показать",
+        "start": "Начать",
+        "startLiveStreaming": "Начать трансляцию",
+        "startRecording": "Начать запись",
+        "startRemoteControlErrorMessage": "Ошибка начала сессии удаленного управления!",
+        "stopLiveStreaming": "Остановить трансляцию",
+        "stopRecording": "Остановить запись",
+        "stopRecordingWarning": "Уверены, что хотите остановить запись?",
+        "stopStreamingWarning": "Уверены, что хотите остановить трансляцию?",
+        "streamKey": "Ключ трансляции",
+        "thankYou": "Спасибо, что используете {{appName}}!",
+        "token": "токен",
+        "tokenAuthFailed": "Извините, вам не разрешено присоединиться к этому сеансу связи.",
+        "tokenAuthFailedReason": {
+            "audInvalid": "Недопустимое значение `aud`. Должно быть `jitsi`.",
+            "contextNotFound": "Объект `context` отсутствует в объекте `payload`.",
+            "expInvalid": "Недопустимое значение `exp`.",
+            "featureInvalid": "Недопустимая функция: {{feature}}, скорее всего, еще не реализована.",
+            "featureValueInvalid": "Недопустимое значение для функции: {{feature}}.",
+            "featuresNotFound": "Объект `features` отсутствует в объекте `payload`.",
+            "headerNotFound": "Отсутствует заголовок.",
+            "issInvalid": "Недопустимое значение `iss`. Должно быть `chat`.",
+            "kidMismatch": "Идентификатор ключа (kid) не совпадает с `sub`.",
+            "kidNotFound": "Отсутствует идентификатор ключа (kid).",
+            "nbfFuture": "Значение `nbf` указывает на будущее.",
+            "nbfInvalid": "Недопустимое значение `nbf`.",
+            "payloadNotFound": "Отсутствует `payload`.",
+            "tokenExpired": "Срок действия токена истек."
+        },
+        "tokenAuthFailedTitle": "Ошибка аутентификации",
+        "tokenAuthFailedWithReasons": "Извините, вы не можете присоединиться к этому звонку. Возможные причины: {{reason}}",
+        "tokenAuthUnsupported": "URL-адрес токена не поддерживается.",
+        "transcribing": "Расшифровка",
+        "unlockRoom": "Убрать $t(lockRoomPassword)",
+        "user": "Пользователь",
+        "userIdentifier": "Идентификатор пользователя",
+        "userPassword": "Пароль пользователя",
+        "verifyParticipantConfirm": "Они совпадают",
+        "verifyParticipantDismiss": "Они не совпадают",
+        "verifyParticipantQuestion": "ЭКСПЕРИМЕНТАЛЬНО: Спросите участника {{participantName}}, видит ли он то же самое содержание, в том же порядке.",
+        "verifyParticipantTitle": "Проверка пользователя",
+        "videoLink": "Ссылка на видео",
+        "viewUpgradeOptions": "Посмотреть варианты обновления",
+        "viewUpgradeOptionsContent": "Чтобы получить неограниченный доступ к премиум-функциям, таким как запись, транскрипция, RTMP Streaming и т. д., вам необходимо обновить свой план.",
+        "viewUpgradeOptionsTitle": "Вы обнаружили премиальную функцию!",
+        "whiteboardLimitContent": "Извините, достигнут лимит одновременных пользователей интерактивной доски.",
+        "whiteboardLimitReference": "Для получения дополнительной информации, пожалуйста, посетите",
+        "whiteboardLimitReferenceUrl": "наш сайт",
+        "whiteboardLimitTitle": "Использование интерактивной доски ограничено",
+        "yourEntireScreen": "Весь экран"
+    },
+    "documentSharing": {
+        "title": "Общий Документ"
+    },
+    "e2ee": {
+        "labelToolTip": "Аудио и видео связь по этому вызову защищена сквозным шифрованием"
+    },
+    "embedMeeting": {
+        "title": "Встроить эту встречу"
+    },
+    "feedback": {
+        "accessibilityLabel": {
+            "yourChoice": "Ваш выбор: {{rating}}"
+        },
+        "average": "Средне",
+        "bad": "Плохо",
+        "detailsLabel": "Расскажите подробнее.",
+        "good": "Хорошо",
+        "rateExperience": "Оценка качества связи",
+        "star": "Звезда",
+        "veryBad": "Очень плохо",
+        "veryGood": "Очень хорошо"
+    },
+    "filmstrip": {
+        "accessibilityLabel": {
+            "heading": "Миниатюры видео"
+        }
+    },
+    "giphy": {
+        "noResults": "Результатов поиска не найдено :(",
+        "search": "Поиск GIPHY"
+    },
+    "incomingCall": {
+        "answer": "Ответ",
+        "audioCallTitle": "Входящий звонок",
+        "decline": "Отклонить",
+        "productLabel": "из {{app}}",
+        "videoCallTitle": "Входящий видеозвонок"
+    },
+    "info": {
+        "accessibilityLabel": "Показать информацию",
+        "addPassword": "Установить $t(lockRoomPassword)",
+        "cancelPassword": "Отменить $t(lockRoomPassword)",
+        "conferenceURL": "Ссылка:",
+        "copyNumber": "Копировать номер",
+        "country": "Страна",
+        "dialANumber": "Чтобы присоединиться к конференции, наберите один из этих номеров и введите пин-код",
+        "dialInConferenceID": "ПИН:",
+        "dialInNotSupported": "К сожалению, набор номера в настоящее время не поддерживается.",
+        "dialInNumber": "Номер:",
+        "dialInSummaryError": "Ошибка получения информации о наборе номера. Пожалуйста, повторите попытку позже",
+        "dialInTollFree": "Звонок бесплатный",
+        "genericError": "Что-то пошло не так.",
+        "inviteLiveStream": "Трансляция этой встречи: {{url}}",
+        "invitePhone": "Для того, чтобы присоединиться по телефону, нажмите {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Ищите другой номер для набора?\nПосмотреть номера для набора для конференции: {{url}}\n\n\nЕсли также выполняется набор номера через телефон в комнате, подключитесь в режиме слушателя: {{silentUrl}}",
+        "inviteSipEndpoint": "Чтобы присоединиться с помощью SIP-адреса, введите следующее: {{sipUri}}",
+        "inviteTextiOSInviteUrl": "Нажмите на следующую ссылку, чтобы присоединиться: {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "Если вы звоните через телефон в комнате, используйте эту ссылку, чтобы присоединиться без подключения к аудио: {{silentUrl}}.",
+        "inviteTextiOSPersonal": "{{name}} приглашает вас на встречу.",
+        "inviteTextiOSPhone": "Чтобы присоединиться по телефону, используйте этот номер: {{number}},,{{conferenceID}}#. Если вы ищете другой номер, это полный список: {{didUrl}}.",
+        "inviteURLFirstPartGeneral": "Вас приглашают присоединиться к конференции.",
+        "inviteURLFirstPartPersonal": "{{name}} приглашает Вас присоединиться к конференции. \n",
+        "inviteURLSecondPart": "\nПрисоединиться к конференции:\n{{url}}\n",
+        "label": "Информация о конференции",
+        "liveStreamURL": "Трансляция:",
+        "moreNumbers": "Больше номеров",
+        "noNumbers": "Нет номеров для набора.",
+        "noPassword": "нет",
+        "noRoom": "Для набора номера не было указано ни одной комнаты.",
+        "noWhiteboard": "Не удалось загрузить интерактивную доску.",
+        "numbers": "Номера для набора",
+        "password": "$t(lockRoomPasswordUppercase):",
+        "reachedLimit": "Вы достигли лимита вашего плана.",
+        "sip": "SIP адрес",
+        "sipAudioOnly": "Адрес только для аудио SIP",
+        "title": "Поделиться",
+        "tooltip": "Поделитесь ссылкой и номером для подключения к этой конференции",
+        "upgradeOptions": "Пожалуйста, проверьте варианты обновления на",
+        "whiteboardError": "Ошибка загрузки интерактивной доски. Пожалуйста, попробуйте позже."
+    },
+    "inlineDialogFailure": {
+        "msg": "Небольшая заминка.",
+        "retry": "Попробовать снова",
+        "support": "Поддержка",
+        "supportMsg": "Если это продолжится, свяжитесь с"
+    },
+    "inviteDialog": {
+        "alertText": "Не удалось пригласить некоторых участников.",
+        "header": "Пригласить",
+        "searchCallOnlyPlaceholder": "Укажите номер телефона",
+        "searchPeopleOnlyPlaceholder": "Поиск участников",
+        "searchPlaceholder": "Участник или номер телефона",
+        "send": "Отправить"
+    },
+    "jitsiHome": "{{logo}} Логотип, ссылки на главную страницу",
+    "keyboardShortcuts": {
+        "focusLocal": "Фокус на ваше видео",
+        "focusRemote": "Фокус на видео другого участника",
+        "fullScreen": "Вкл/выкл полноэкранный режим",
+        "giphyMenu": "Показать GIPHY меню",
+        "keyboardShortcuts": "Комбинации клавиш",
+        "localRecording": "Отобразить или скрыть элементы управления локальной записи",
+        "mute": "Микрофон (вкл./выкл.)",
+        "pushToTalk": "Нажмите, чтобы говорить",
+        "raiseHand": "Поднять или опустить руку",
+        "showSpeakerStats": "Показать статистику выступающего",
+        "toggleChat": "Чат (открыть/закрыть)",
+        "toggleFilmstrip": "Показать/Скрыть краткое описание",
+        "toggleParticipantsPane": "Показать или скрыть панель участников",
+        "toggleScreensharing": "Переключиться между камерой и показом экрана",
+        "toggleShortcuts": "Скрыть/Показать клавиша быстрого доступа",
+        "videoMute": "Камера (вкл./выкл.)"
+    },
+    "largeVideo": {
+        "screenIsShared": "Вы демонстрируете свой экран",
+        "showMeWhatImSharing": "Показать мне что я демонстрирую"
+    },
+    "liveStreaming": {
+        "busy": "Освобождаем новые ресурсы для трансляции. Пожалуйста, попробуйте снова через несколько минут.",
+        "busyTitle": "Все ресурсы для трансляции уже задействованы",
+        "changeSignIn": "Переключить аккаунты.",
+        "choose": "Выбрать трансляцию",
+        "chooseCTA": "Выберите трансляцию. Вы вошли в систему как {{email}}.",
+        "enterStreamKey": "Введите ваш ключ трансляции YouTube.",
+        "error": "Ошибка трансляции. Пожалуйста, попробуйте снова.",
+        "errorAPI": "Произошла ошибка при доступе к вашим трансляциям на YouTube. Повторите попытку входа в систему.",
+        "errorLiveStreamNotEnabled": "Трансляция не подключена на {{email}}. Пожалуйста подключите трансляцию или войдите в аккаунт с подключенной трансляцией.",
+        "expandedOff": "Прямая трансляция остановлена",
+        "expandedOn": "В настоящий момент конференция транслируется на YouTube.",
+        "expandedPending": "Начинается прямая трансляция…",
+        "failedToStart": "Ошибка трансляции видео",
+        "getStreamKeyManually": "Прямые трансляций не найдены. Попробуйте получить ключ прямой трансляции от YouTube.",
+        "googlePrivacyPolicy": "Политика конфиденциальности Google",
+        "inProgress": "Идет запись или прямая трансляция",
+        "invalidStreamKey": "Похоже ключ прямой трансляции неверен.",
+        "limitNotificationDescriptionNative": "Ваша трансляция будет ограничена {{limit}} мин. Для неограниченного просмотра попробуйте {{app}}.",
+        "limitNotificationDescriptionWeb": "Из-за высокой нагрузки ваша потоковая передача будет ограничена {{limit}} мин. Для неограниченной потоковой передачи попробуйте <a href={{url}} rel='noopener noreferrer' target='_blank'> {{app}} </a>.",
+        "off": "Трансляция остановлена",
+        "offBy": "{{name}} остановил прямую трансляцию",
+        "on": "Трансляция",
+        "onBy": "{{name}} начал прямую трансляцию",
+        "pending": "Начинаем трансляцию…",
+        "serviceName": "Служба трансляции",
+        "sessionAlreadyActive": "Этот сеанс уже записывается или транслируется в прямом эфире.",
+        "signIn": "Войти через Google",
+        "signInCTA": "Войдите или введите свой ключ трансляции YouTube.",
+        "signOut": "Выход",
+        "signedInAs": "В настоящее время вы вошли в систему как:",
+        "start": "Начать трансляцию",
+        "streamIdHelp": "Что это?",
+        "title": "Трансляция",
+        "unavailableTitle": "Трансляция недоступна",
+        "youtubeTerms": "Условия использования YouTube"
+    },
+    "lobby": {
+        "backToKnockModeButton": "Попросить присоединиться",
+        "chat": "Чат",
+        "dialogTitle": "Режим лобби",
+        "disableDialogContent": "В настоящее время включен режим лобби. Эта функция гарантирует, что нежелательные участники не смогут присоединиться к вашей встрече. Вы хотите его отключить?",
+        "disableDialogSubmit": "Отключить",
+        "emailField": "Введите ваш адрес электронной почты",
+        "enableDialogPasswordField": "Установите пароль (необязательно)",
+        "enableDialogSubmit": "Включить",
+        "enableDialogText": "Режим лобби позволяет защитить вашу встречу, позволяя людям входить только после официального одобрения модератором.",
+        "enterPasswordButton": "Введите пароль встречи",
+        "enterPasswordTitle": "Введите пароль чтобы присоединиться к встрече",
+        "errorMissingPassword": "Пожалуйста, введите пароль встречи",
+        "invalidPassword": "Неверный пароль",
+        "joinRejectedMessage": "Ваш запрос на присоединение был отклонен модератором.",
+        "joinRejectedTitle": "Заявка на присоедиение отклонена.",
+        "joinTitle": "Присоединиться к встрече",
+        "joinWithPasswordMessage": "Пытаюсь присоединиться с паролем, подождите…",
+        "joiningMessage": "Вы присоединитесь к встрече, как только кто-то примет ваш запрос",
+        "joiningTitle": "Просьба присоединиться к встрече…",
+        "joiningWithPasswordTitle": "Присоединение с паролем…",
+        "knockButton": "Попросить присоединиться",
+        "knockTitle": "Кто-то хочет присоединиться к встрече",
+        "knockingParticipantList": "Список ожидающих участников",
+        "lobbyChatStartedNotification": "{{moderator}} начал лобби чат с {{attendee}}",
+        "lobbyChatStartedTitle": "{{moderator}} начал лобби чат с вами.",
+        "lobbyClosed": "Зал ожидания закрыт.",
+        "nameField": "Введите ваше имя",
+        "notificationLobbyAccessDenied": "{{originParticipantName}} запретил присоединиться {{targetParticipantName}}",
+        "notificationLobbyAccessGranted": "{{originParticipantName}} разрешил присоединиться {{targetParticipantName}} ",
+        "notificationLobbyDisabled": "Лобби отключено пользователем {{originParticipantName}}",
+        "notificationLobbyEnabled": "Лобби включено пользователем {{originParticipantName}}",
+        "notificationTitle": "Лобби",
+        "passwordJoinButton": "Присоединиться",
+        "title": "Лобби",
+        "toggleLabel": "Включить лобби"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Отключен",
+            "on": "Подключен",
+            "unknown": "Неизвестен"
+        },
+        "dialogTitle": "Кнопки локальной записи",
+        "duration": "Длительность",
+        "durationNA": "неизвестно",
+        "encoding": "Кодировка",
+        "label": "Левый/Правый",
+        "labelToolTip": "Локальная запись активна",
+        "localRecording": "Локальная запись",
+        "me": "Я",
+        "messages": {
+            "engaged": "Локальная запись началась.",
+            "finished": "Запись сессии {{token}} завершена. Пожалуйста отправьте записанный файл модератору.",
+            "finishedModerator": "Запись сессии {{token}} завершена. Запись локального трека сохранена. Пожалуйста, попросите других участников представить их записи",
+            "notModerator": "Вы не модератор и не можете начинать или останавливать локальную запись."
+        },
+        "moderator": "Модератор",
+        "no": "Нет",
+        "participant": "Участник",
+        "participantStats": "Статистика участников",
+        "selectTabTitle": "🎥 Пожалуйста, выберите эту вкладку для записи",
+        "sessionToken": "Токен сессии",
+        "start": "Начать запись",
+        "stop": "Остановить запись",
+        "stopping": "Остановка записи",
+        "wait": "Пожалуйста, подождите, пока мы сохраняем вашу запись",
+        "yes": "Да"
+    },
+    "lockRoomPassword": "пароль",
+    "lockRoomPasswordUppercase": "Пароль",
+    "lonelyMeetingExperience": {
+        "button": "Пригласить",
+        "youAreAlone": "Вы один в видеоконференции"
+    },
+    "me": "я",
+    "notify": {
+        "OldElectronAPPTitle": "Уязвимость в системе безопасности!",
+        "allowAction": "Разрешить",
+        "allowedUnmute": "Вы можете включить микрофон, включить камеру или поделиться своим экраном.",
+        "audioUnmuteBlockedDescription": "Операция включения микрофона была временно заблокирована из-за системных ограничений.",
+        "audioUnmuteBlockedTitle": "Включение микрофона заблокировано!",
+        "chatMessages": "Сообщения чата",
+        "connectedOneMember": "{{name}} присоединился к конференции",
+        "connectedThreePlusMembers": "{{name}} и {{count}} других пользователей присоединились к конференции",
+        "connectedTwoMembers": "{{first}} и {{second}} присоединились к конференции",
+        "dataChannelClosed": "Качество видео ухудшилось",
+        "dataChannelClosedDescription": "Канал связи был отключен, поэтому качество видео ограничено минимально возможным.",
+        "disabledIframe": "Встраивание предназначено только для демонстрационных целей, поэтому этот вызов будет отключен через {{timeout}} минут.",
+        "disabledIframeSecondary": "Встраивание {{domain}} предназначено только для демонстрационных целей, поэтому этот вызов будет отключен через {{timeout}} минут. Пожалуйста, используйте <a href='{{jaasDomain}}' rel='noopener noreferrer' target='_blank'>Jitsi как сервис</a> для встраивания в продакшн!",
+        "disconnected": "соединение разорвано",
+        "displayNotifications": "Отображение уведомлений для",
+        "dontRemindMe": "Не напоминать мне",
+        "focus": "Фокус встречи",
+        "focusFail": "{{component}} недоступен, повторите через {{ms}} с",
+        "gifsMenu": "GIPHY",
+        "groupTitle": "Уведомления",
+        "hostAskedUnmute": "Модератор хочет, чтобы вы высказалисьМодератор хочет, чтобы вы высказались",
+        "invitedOneMember": "{{name}} был приглашен",
+        "invitedThreePlusMembers": "Приглашены {{name}} и {{count}} других пользователей(ля)",
+        "invitedTwoMembers": "{{first}} и {{second}} присоединились к конференции",
+        "joinMeeting": "Присоединиться",
+        "kickParticipant": "{{kicker}} отключил {{kicked}}",
+        "leftOneMember": "{{name}} покинул собрание",
+        "leftThreePlusMembers": "{{name}} и многие другие покинули встречу",
+        "leftTwoMembers": "{{first}} и {{second}} покинули встречу",
+        "linkToSalesforce": "Ссылка на Salesforce",
+        "linkToSalesforceDescription": "Вы можете отправить ссылку на сводку встречи Salesforce объекту.",
+        "linkToSalesforceError": "Ошибка отправки ссылки на встречу для Salesforce",
+        "linkToSalesforceKey": "Отправить ссылку на встречу для Salesforce",
+        "linkToSalesforceProgress": "Отправка ссылки на встречу для Salesforce…",
+        "linkToSalesforceSuccess": "Ссылка на эту встречу для Salesforce была отправлена",
+        "localRecordingStarted": "{{name}} начал локальную запись.",
+        "localRecordingStopped": "{{name}} остановил локальную запись.",
+        "me": "Я",
+        "moderationInEffectCSDescription": "Пожалуйста, поднимите руку, если вы хотите поделиться своим экраном.",
+        "moderationInEffectCSTitle": "Демонстрация экрана заблокирована модератором",
+        "moderationInEffectDescription": "Пожалуйста, поднимите руку, если хотите высказаться.",
+        "moderationInEffectTitle": "Ваш микрофон отключен модератором",
+        "moderationInEffectVideoDescription": "Пожалуйста, поднимите руку, если хотите включить камеру.",
+        "moderationInEffectVideoTitle": "Ваша камера заблокирована модератором",
+        "moderationRequestFromModerator": "Модератор хочет, чтобы вы включили звук",
+        "moderationRequestFromParticipant": "Хочет говорить",
+        "moderationStartedTitle": "Началась модерация",
+        "moderationStoppedTitle": "Модерация остановлена",
+        "moderationToggleDescription": "от {{participantDisplayName}}",
+        "moderator": "Получены права модератора!",
+        "muted": "Вы начали разговор без звука.",
+        "mutedRemotelyDescription": "Вы всегда можете включить микрофон, когда будете готовы говорить. Отключите его, когда закончите, чтобы не транслировать шумы в конференцию.",
+        "mutedRemotelyTitle": "{{participantDisplayName}} отключил Вам микрофон!",
+        "mutedTitle": "Вы без звука!",
+        "newDeviceAction": "Использовать",
+        "newDeviceAudioTitle": "Обнаружено новое аудиоустройство",
+        "newDeviceCameraTitle": "Обнаружена новая камера",
+        "noiseSuppressionDesktopAudioDescription": "Шумоподавление не может быть включено при совместном использовании звука рабочего стола, пожалуйста, отключите его и повторите попытку.",
+        "noiseSuppressionFailedTitle": "Не удалось запустить шумоподавление",
+        "noiseSuppressionStereoDescription": "Шумоподавление стереозвука в настоящее время не поддерживается.",
+        "oldElectronClientDescription1": "Похоже, вы используете старую версию клиента {{app}}, которая имеет известные уязвимости в системе безопасности. Убедитесь, что вы обновили до нашей ",
+        "oldElectronClientDescription2": "последней версии",
+        "oldElectronClientDescription3": " сейчас!",
+        "participantWantsToJoin": "Хочет присоединиться к встрече",
+        "participantsWantToJoin": "Хотят присоединиться к встрече",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) удален другим участником.",
+        "passwordSetRemotely": "Другой участник установил $t(lockRoomPasswordUppercase)",
+        "raiseHandAction": "Поднять руку",
+        "raisedHand": "{{name}} хотел бы выступить.",
+        "raisedHands": "{{Имя участника}} и еще {{подняли руки}} человек",
+        "reactionSounds": "Отключить звуки",
+        "reactionSoundsForAll": "Отключить звуки для всех",
+        "screenShareNoAudio": "Флажок «Поделиться аудио» не был отмечен на экране выбора окна.",
+        "screenShareNoAudioTitle": "Не удалось поделиться системным звуком!",
+        "screenSharingAudioOnlyDescription": "Пожалуйста, обратите внимание, что при демонстрации экрана вы влияете на режим «Наилучшая производительность» и увеличиваете пропускную способность.",
+        "screenSharingAudioOnlyTitle": "Режим «Наилучшая производительность»",
+        "selfViewTitle": "Вы всегда можете скрыть собственное изображение в настройках.",
+        "somebody": "Кто-то",
+        "startSilentDescription": "Перезайдите в конференцию, чтобы включить звук",
+        "startSilentTitle": "У вас отсутствует звук!",
+        "suboptimalBrowserWarning": "К сожалению, ваш браузер не полностью поддерживает данную систему вэбконференций. Мы работаем над проблемой, однако, пока рекомендуем вам воспользоваться <a href='{{recommendedBrowserPageLink}}' target='_blank'> следующими браузерами</a>.",
+        "suboptimalExperienceTitle": "Предупреждение браузера",
+        "suggestRecordingAction": "Начать",
+        "suggestRecordingDescription": "Хотите начать запись?",
+        "suggestRecordingTitle": "Записать эту встречу",
+        "unmute": "Включить микрофон",
+        "videoMutedRemotelyDescription": "Вы всегда можете включить его снова.",
+        "videoMutedRemotelyTitle": "Ваше видео было отключено {{participantDisplayName}}",
+        "videoUnmuteBlockedDescription": "Включение звука камеры и совместное использование рабочего стола временно заблокированы из-за системных ограничений.",
+        "videoUnmuteBlockedTitle": "Включение камеры и общий доступ к рабочему столу заблокированы!",
+        "viewLobby": "Смотреть лобби",
+        "viewVisitors": "Просмотр посетителей",
+        "waitingParticipants": "{{waitingParticipants}} люди",
+        "whiteboardLimitDescription": "Пожалуйста, сохраните свои изменения, так как скоро будет достигнут лимит пользователей, и интерактивная доска будет закрыта.",
+        "whiteboardLimitTitle": "Использование интерактивной доски"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "Разрешить",
+            "admitAll": "Разрешить всем",
+            "allow": "Разрешить",
+            "allowVideo": "Разрешить видео",
+            "askUnmute": "Попросить разрешение включить микрофон",
+            "audioModeration": "Разрешить выключить микрофон",
+            "blockEveryoneMicCamera": "Заблокировать у всех микрофон и камеру",
+            "breakoutRooms": "Сессионные залы",
+            "invite": "Пригласить",
+            "moreModerationActions": "Дополнительные параметры модерации",
+            "moreModerationControls": "Дополнительные элементы управления модерацией",
+            "moreParticipantOptions": "Дополнительные параметры участников",
+            "mute": "Выключить звук",
+            "muteAll": "Выключить звук у всех",
+            "muteEveryoneElse": "Выключить микрофон у остальных",
+            "reject": "Отклонить",
+            "stopEveryonesVideo": "Выключить у всех камеру",
+            "stopVideo": "Остановить видео",
+            "unblockEveryoneMicCamera": "Разблокировать у всех микрофон и камеру",
+            "videoModeration": "Разрешить видео"
+        },
+        "close": "Закрыть",
+        "headings": {
+            "lobby": "Лобби ({{count}})",
+            "participantsList": "Список участников ({{count}})",
+            "visitorRequests": " (запросы {{count}})",
+            "visitors": "Посетители {{count}}",
+            "waitingLobby": "Ожидают в лобби ({{count}})"
+        },
+        "search": "Поиск участников",
+        "title": "Участники"
+    },
+    "passwordDigitsOnly": "До {{number}} цифр",
+    "passwordSetRemotely": "Установлен другим участником",
+    "pinParticipant": "{{participantName}} - Закрепить",
+    "pinnedParticipant": "Участник закреплен",
+    "polls": {
+        "answer": {
+            "edit": "Редактировать",
+            "send": "Отправить",
+            "skip": "Пропустить",
+            "submit": "Подтвердить"
+        },
+        "by": "По {{ name }}",
+        "create": {
+            "addOption": "Добавить вариант",
+            "answerPlaceholder": "Вариант {{index}}",
+            "cancel": "Отмена",
+            "create": "Создать опрос",
+            "pollOption": "Вариант опроса {{index}}",
+            "pollQuestion": "Вопрос опроса",
+            "questionPlaceholder": "Задайте вопрос",
+            "removeOption": "Удалить вариант",
+            "save": "Сохранить",
+            "send": "Отправлять"
+        },
+        "errors": {
+            "notUniqueOption": "Варианты должны быть уникальными"
+        },
+        "notification": {
+            "description": "Откройте вкладку опросов, чтобы проголосовать",
+            "title": "К этой встрече добавлен новый опрос"
+        },
+        "results": {
+            "changeVote": "Изменить голос",
+            "empty": "На собрании еще нет опросов. Начать опрос здесь!",
+            "hideDetailedResults": "Скрыть детали",
+            "showDetailedResults": "Показать детали",
+            "vote": "Голосование"
+        }
+    },
+    "poweredby": "работает на",
+    "prejoin": {
+        "audioAndVideoError": "Ошибка звука и видео:",
+        "audioDeviceProblem": "Проблема с вашим аудиоустройством",
+        "audioOnlyError": "Ошибка звука:",
+        "audioTrackError": "Не удалось создать аудио дорожку.",
+        "callMe": "Позвоните мне",
+        "callMeAtNumber": "Позвоните мне по этому номеру:",
+        "calling": "Вызываем",
+        "configuringDevices": "Настраиваются устройства…",
+        "connectedWithAudioQ": "Вы подключили звук?",
+        "connection": {
+            "good": "Ваше интернет-соединение выглядит хорошо!",
+            "nonOptimal": "Ваше интернет-соединение не оптимально",
+            "poor": "У вас плохое интернет-соединение"
+        },
+        "connectionDetails": {
+            "audioClipping": "Мы ожидаем, что ваш звук будет обрезан.",
+            "audioHighQuality": "Мы ожидаем, что ваш звук будет отличного качества.",
+            "audioLowNoVideo": "Мы ожидаем, что у вас будет низкое качество звука и отсутствие видео.",
+            "goodQuality": "Потрясающий! Качество вашего мультимедиа будет отличным.",
+            "noMediaConnectivity": "Мы не смогли найти способ установить медиа-соединение для этого теста. Обычно это вызвано брандмауэром или NAT.",
+            "noVideo": "Мы ожидаем, что ваше видео будет ужасным.",
+            "undetectable": "Если вы все еще не можете совершать звонки в браузере, мы рекомендуем вам убедиться, что ваши динамики, микрофон и камера правильно настроены, что вы предоставили своему браузеру права на использование микрофона и камеры и что версия вашего браузера является актуальной. Если у вас все еще возникают проблемы с вызовом, вам следует обратиться к разработчику веб-приложения.",
+            "veryPoorConnection": "Мы ожидаем, что качество вашего звонка будет действительно ужасным.",
+            "videoFreezing": "Мы ожидаем, что ваше видео зависнет, станет черным и пиксельным.",
+            "videoHighQuality": "Мы ожидаем, что ваше видео будет хорошего качества.",
+            "videoLowQuality": "Мы ожидаем, что ваше видео будет иметь низкое качество с точки зрения частоты кадров и разрешения.",
+            "videoTearing": "Мы ожидаем, что ваше видео будет пиксельным или содержать визуальные артефакты."
+        },
+        "copyAndShare": "Скопировать и поделиться ссылкой на встречу",
+        "dialInMeeting": "Дозвониться до встречи",
+        "dialInPin": "Дозвониться до встречи и ввести ПИН код:",
+        "dialing": "Дозвон",
+        "doNotShow": "Не показывать снова",
+        "errorDialOut": "Не удалось дозвониться",
+        "errorDialOutDisconnected": "Не удалось дозвониться. Отключено",
+        "errorDialOutFailed": "Не удалось дозвониться. Сбой вызова",
+        "errorDialOutStatus": "Ошибка получения статуса вызова",
+        "errorMissingName": "Пожалуйста, введите свое имя, чтобы присоединиться к встрече",
+        "errorNoPermissions": "Вам необходимо включить доступ к микрофону и камере",
+        "errorStatusCode": "Ошибка вызова, код статуса: {{status}}",
+        "errorValidation": "Проверка номера не удалась",
+        "iWantToDialIn": "Я хочу дозвониться",
+        "initiated": "Вызов инициирован",
+        "joinAudioByPhone": "Подключиться с телефонной связью",
+        "joinMeeting": "Присоединиться к встрече",
+        "joinMeetingInLowBandwidthMode": "Присоединиться без видео",
+        "joinWithoutAudio": "Присоединиться без звука",
+        "keyboardShortcuts": "Включить сочетания клавиш",
+        "linkCopied": "Ссылка скопирована в буфер обмена",
+        "lookGood": "Кажется ваш микрофон работает правильно",
+        "or": "или",
+        "premeeting": "Перед подключением",
+        "proceedAnyway": "Продолжить в любом случае",
+        "recordingWarning": "Другие участники могут записывать этот звонок",
+        "screenSharingError": "Ошибка показа экрана:",
+        "startWithPhone": "Начать с телефонной связью",
+        "unsafeRoomConsent": "Я понимаю риски и хочу присоединиться к встрече",
+        "videoOnlyError": "Ошибка видео:",
+        "videoTrackError": "Не удалось создать видео дорожку.",
+        "viewAllNumbers": "посмотреть всех участников"
+    },
+    "presenceStatus": {
+        "busy": "Занят",
+        "calling": "Вызываю…",
+        "connected": "Подключено",
+        "connecting": "Подключение…",
+        "connecting2": "Подключение*…",
+        "disconnected": "Отключено",
+        "expired": "Истек",
+        "ignored": "Проигнорирован",
+        "initializingCall": "Инициализация звонка…",
+        "invited": "Приглашенный",
+        "rejected": "Отклонен",
+        "ringing": "Звоню. . ."
+    },
+    "profile": {
+        "avatar": "аватар",
+        "setDisplayNameLabel": "Отображаемое имя",
+        "setEmailInput": "Введите email",
+        "setEmailLabel": "Email для Gravatar",
+        "title": "Профиль"
+    },
+    "raisedHand": "Хочет говорить",
+    "raisedHandsLabel": "Количество поднятых рук",
+    "record": {
+        "already": {
+            "linked": "Ссылка на встречу уже оправлена Salesforce объекту."
+        },
+        "type": {
+            "account": "Аккаунт",
+            "contact": "Сонтакт",
+            "lead": "Вести",
+            "opportunity": "Возможность",
+            "owner": "Владелец"
+        }
+    },
+    "recording": {
+        "authDropboxText": "Загрузить в Dropbox",
+        "availableSpace": "Доступно места: {{spaceLeft}} MB (примерно {{duration}} минут записи)",
+        "beta": "БЕТА",
+        "busy": "Мы стараемся обеспечить больше ресурсов для записи. Пожалуйста, попробуйте через несколько минут.",
+        "busyTitle": "Все записывающие устройства заняты",
+        "copyLink": "Копировать ссылку",
+        "error": "Ошибка записи. Пожалуйста, попробуйте позже.",
+        "errorFetchingLink": "Ошибка получения ссылки на запись.",
+        "expandedOff": "Запись остановлена",
+        "expandedOn": "Данная конференция записывается.",
+        "expandedPending": "Начинаем запись конференции…",
+        "failedToStart": "Ошибка начала записи",
+        "fileSharingdescription": "Поделиться записью с участниками конференции",
+        "highlight": "Основное",
+        "highlightMoment": "Основной момент",
+        "highlightMomentDisabled": "Вы можее обозначить важные моменты когда начнётся запись",
+        "highlightMomentSuccess": "Моменты выделены",
+        "highlightMomentSucessDescription": "Ваши выделенные моменты будут добавлены в итоги встречи.",
+        "inProgress": "Идет запись или прямая трансляция",
+        "limitNotificationDescriptionNative": "Из-за высокой нагрузки ваша запись будет ограничена {{limit}} мин. Для неограниченного количества записей попробуйте <3> {{app}} </3>.",
+        "limitNotificationDescriptionWeb": "Из-за высокой нагрузки ваша запись будет ограничена {{limit}} мин. Для неограниченного количества записей попробуйте <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "linkGenerated": "Мы создали ссылку на вашу запись.",
+        "localRecordingNoNotificationWarning": "Запись не будет объявлена другим участникам. Вам необходимо самостоятельно уведомить их о том, что встреча записывается.",
+        "localRecordingNoVideo": "Видео не записывается",
+        "localRecordingStartWarning": "Пожалуйста, убедитесь, что вы остановили запись перед выходом из встречи, чтобы сохранить её.",
+        "localRecordingStartWarningTitle": "Остановите запись для сохранения",
+        "localRecordingVideoStop": "Остановка вашего видео также остановит локальную запись. Вы уверены, что хотите продолжить?",
+        "localRecordingVideoWarning": "Чтобы записать ваше видео, оно должно быть включено при начале записи",
+        "localRecordingWarning": "Убедитесь, что вы выбрали текущую вкладку для использования правильного видео и аудио.",
+        "loggedIn": "Вошел как {{userName}}",
+        "noMicPermission": "Не удалось создать аудиодорожку микрофона. Пожалуйста, предоставьте разрешение на использование микрофона.",
+        "noStreams": "Аудио или видеопоток не обнаружен.",
+        "off": "Запись остановлена",
+        "offBy": "{{name}} остановил запись",
+        "on": "Запись началась",
+        "onBy": "{{name}} включил запись",
+        "onlyRecordSelf": "Записать только мои аудио и видео потоки",
+        "pending": "Подготовка записи конференции. . .",
+        "recordAudioAndVideo": "Запись аудио и видео",
+        "recordTranscription": "Запись транскрипции",
+        "saveLocalRecording": "Сохранить файл записи локально (Beta)",
+        "serviceDescription": "Ваша запись будет сохранена соответствующей службой",
+        "serviceDescriptionCloud": "Облачная запись",
+        "serviceDescriptionCloudInfo": "Сохранённые записи автоматически удаляются спуся 24 часа со старта.",
+        "serviceName": "Служба записи",
+        "sessionAlreadyActive": "Этот сеанс уже записывается или транслируется в прямом эфире.",
+        "showAdvancedOptions": "Расширенные настройки",
+        "signIn": "Вход",
+        "signOut": "Выход",
+        "surfaceError": "Пожалуйста, выберите текущую вкладку.",
+        "title": "Запись",
+        "unavailable": "Служба {{serviceName}} сейчас недоступна. Мы работаем над исправлением этой ошибки. Пожалуйста, попробуйте позже.",
+        "unavailableTitle": "Запись невозможна",
+        "uploadToCloud": "Загрузить в облако"
+    },
+    "screenshareDisplayName": "Экран {{name}}",
+    "sectionList": {
+        "pullToRefresh": "Потяните для обновления"
+    },
+    "security": {
+        "about": "Вы можете добавить к собранию $t(lockRoomPassword). Участникам необходимо будет предоставить $t(lockRoomPassword), прежде чем им будет разрешено присоединиться к собранию.",
+        "aboutReadOnly": "Участники-модераторы могут добавить к собранию $t(lockRoomPassword). Участникам необходимо будет предоставить $t(lockRoomPassword), прежде чем им будет разрешено присоединиться к собранию.",
+        "insecureRoomNameWarningNative": "Название комнаты небезопасно. Нежелательные участники могут присоединиться к вашей встрече. {{recommendAction}} Узнайте больше о защите вашей встречи ",
+        "insecureRoomNameWarningWeb": "Название комнаты небезопасно. Нежелательные участники могут присоединиться к вашей встрече. {{recommendAction}} Узнайте больше о защите вашей встречи <a href=\"{{securityUrl}}\" rel=\"security\" target=\"_blank\">здесь</a>.",
+        "title": "Настройки безопасности",
+        "unsafeRoomActions": {
+            "meeting": "Рассмотрите возможность защиты вашей встречи с использованием кнопки безопасности.",
+            "prejoin": "Рассмотрите возможность использования более уникального имени встречи.",
+            "welcome": "Рассмотрите возможность использования более уникального имени встречи или выберите одно из предложений."
+        }
+    },
+    "settings": {
+        "audio": "Звук",
+        "buttonLabel": "Настройки",
+        "calendar": {
+            "about": "Интеграция с календарем {{appName}} используется для безопасного доступа к вашему календарю и синхронизации запланированных мероприятий.",
+            "disconnect": "Отключиться",
+            "microsoftSignIn": "Войти с помощью учетной записи Microsoft",
+            "signedIn": "Доступ к событиям календаря включен для email - адреса {{email}}. Нажмите кнопку Отключить для отключения доступа к событиям календаря.",
+            "title": "Календарь"
+        },
+        "desktopShareFramerate": "Частота кадров при совместном использовании рабочего стола",
+        "desktopShareHighFpsWarning": "Более высокая частота кадров для общего доступа к рабочему столу может повлиять на пропускную способность. Вам необходимо перезапустить демонстрацию экрана, чтобы новые настройки вступили в силу.",
+        "desktopShareWarning": "Вам необходимо перезапустить демонстрацию экрана, чтобы новые настройки вступили в силу.",
+        "devices": "Устройства",
+        "followMe": "Все следуют за мной",
+        "framesPerSecond": "кадров в секунду",
+        "incomingMessage": "Входящее сообщение",
+        "language": "Язык",
+        "loggedIn": "Вошел как {{name}}",
+        "maxStageParticipants": "Максимальное количество участников, которых можно закрепить на главной сцене",
+        "microphones": "Микрофоны",
+        "moderator": "Модератор",
+        "moderatorOptions": "Настройки модератора",
+        "more": "Больше опций",
+        "name": "Имя",
+        "noDevice": "нет",
+        "notifications": "Оповещения",
+        "participantJoined": "Участник присоединился",
+        "participantKnocking": "Участник вошел в лобби",
+        "participantLeft": "Участник вышел",
+        "playSounds": "Включить звук",
+        "reactions": "Реакции на встречи",
+        "sameAsSystem": "То же, что и система ({{label}})",
+        "selectAudioOutput": "Звуковой выход",
+        "selectCamera": "Камера",
+        "selectMic": "Микрофон",
+        "selfView": "Самостоятельный просмотр",
+        "shortcuts": "Сочетания клавиш",
+        "speakers": "Динамики",
+        "startAudioMuted": "Все начинают с выключенным звуком",
+        "startReactionsMuted": "Отключение звука реакции для всех",
+        "startVideoMuted": "Все начинают в скрытом режиме",
+        "talkWhileMuted": "Говорите без звука",
+        "title": "Настройки",
+        "video": "Видео"
+    },
+    "settingsView": {
+        "advanced": "Дополнительные",
+        "alertCancel": "Отмена",
+        "alertOk": "OK",
+        "alertTitle": "Внимание",
+        "alertURLText": "Ошибка адреса сервера",
+        "apply": "Применить",
+        "buildInfoSection": "Информация о сборке",
+        "conferenceSection": "Номера для набора",
+        "disableCallIntegration": "Отключить встроенную интеграцию вызовов",
+        "disableCrashReporting": "Отключить отправку отчетов о сбоях",
+        "disableCrashReportingWarning": "Вы действительно хотите отключить отчеты о сбоях? Настройка будет применена после перезапуска приложения.",
+        "disableP2P": "Отключить режим Peer-To-Peer",
+        "displayName": "Отображаемое имя",
+        "displayNamePlaceholderText": "Например: Иван Иванов",
+        "email": "Email",
+        "emailPlaceholderText": "email@example.com",
+        "gavatarMessage": "Если ваш email связан с аккаунтом Gravatar, мы будем использовать его в качестве изображения вашего профиля.",
+        "goTo": "Перейти к",
+        "header": "Настройки",
+        "help": "Помощь",
+        "links": "Ссылки",
+        "privacy": "Конфиденциальность",
+        "profileSection": "Профиль",
+        "sdkVersion": "Версия SDK",
+        "serverURL": "Адрес сервера",
+        "showAdvanced": "Показать дополнительные настройки",
+        "startCarModeInLowBandwidthMode": "Включать упрощенный режим на ограниченном канале",
+        "startWithAudioMuted": "Начать с отключенным звуком",
+        "startWithVideoMuted": "Начать с отключенным видео",
+        "terms": "Условия",
+        "version": "Версия"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nПросто хотите набрать номер на Вашем телефоне?\n\n{{defaultDialInNumber}}Щелкните на эту ссылку, чтобы просмотреть телефонные номера для этой конференции\n{{dialInfoPageUrl}}",
+        "mainText": "Нажмите на ссылку чтобы присоединиться к конференции:\n{{roomUrl}}"
+    },
+    "speaker": "Спикер",
+    "speakerStats": {
+        "angry": "Злой",
+        "disgusted": "Отвращение",
+        "displayEmotions": "Показать эмоции",
+        "fearful": "Страшный",
+        "happy": "Счастье",
+        "hours": "{{count}}ч",
+        "minutes": "{{count}}м",
+        "name": "Имя",
+        "neutral": "Нейтральный",
+        "sad": "Грусный",
+        "search": "Поиск",
+        "searchHint": "Поиск участников",
+        "seconds": "{{count}}с",
+        "speakerStats": "Статистика выступлений",
+        "speakerTime": "Время выступлений",
+        "surprised": "Удивлен"
+    },
+    "startupoverlay": {
+        "genericTitle": "На совещании необходимо использовать микрофон и камеру.",
+        "policyText": " ",
+        "title": "{{app}} требуется доступ к микрофону и камере."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Подключиться снова",
+        "text": "Для восстановления связи нажмите кнопку <i>Подключиться снова</i>.",
+        "title": "Видеосвязь прервана. Причина: этот компьютер перешел в режим сна."
+    },
+    "termsView": {
+        "title": "Условия"
+    },
+    "toggleTopPanelLabel": "Переключить верхнюю панель",
+    "toolbar": {
+        "Settings": "Настройки",
+        "accessibilityLabel": {
+            "Settings": "Вкл/Выкл меню настроек",
+            "audioOnly": "Вкл/Выкл только звук",
+            "audioRoute": "Выбрать аудиоустройство",
+            "boo": "Бу",
+            "breakoutRooms": "Сессионные залы",
+            "callQuality": "Качество связи",
+            "carmode": "Упрощенный режим",
+            "cc": "Вкл/Выкл субтитры",
+            "chat": "Показать/скрыть окно чата",
+            "clap": "Хлопок",
+            "closeChat": "Закрыть чат",
+            "closeMoreActions": "Закрыть меню дополнительных действий",
+            "closeParticipantsPane": "Закрыть панель участников",
+            "collapse": "Крах",
+            "document": "Закрыть общий документ",
+            "documentClose": "Закрыть общий документ",
+            "documentOpen": "Открыть общий документ",
+            "download": "Скачать приложение",
+            "embedMeeting": "Встроить встречу",
+            "endConference": "Завершить встречу для всех",
+            "enterFullScreen": "Перейти в полноэкранный режим",
+            "enterTileView": "Включить режим плитки",
+            "exitFullScreen": "Выйти из полноэкранного режима",
+            "exitTileView": "Выйти из режима плитки",
+            "expand": "Расширять",
+            "feedback": "Оставить отзыв",
+            "fullScreen": "Полноэкранный/оконный режим",
+            "giphy": "Показать GIPHY меню",
+            "grantModerator": "Сделать модератором",
+            "hangup": "Завершить звонок",
+            "heading": "Панель инструментов",
+            "help": "Справка",
+            "hideWhiteboard": "Скрыть интерактивную доску",
+            "invite": "Пригласить",
+            "kick": "Отключить участника",
+            "laugh": "Смех",
+            "leaveConference": "Покинуть встречу",
+            "like": "Палец вверх",
+            "linkToSalesforce": "Ссылка на Salesforce",
+            "lobbyButton": "Вкл/Выкл режим лобби",
+            "localRecording": "Вкл/Выкл кнопки записи",
+            "lockRoom": "Установить пароль",
+            "lowerHand": "Опустить руку",
+            "moreActions": "Показать/скрыть меню доп. настроек",
+            "moreActionsMenu": "Меню доп. настроек",
+            "moreOptions": "Меню доп. настроек",
+            "mute": "Вкл/Выкл звук",
+            "muteEveryone": "Выкл. микрофон у всех",
+            "muteEveryoneElse": "Заглушить всех остальных",
+            "muteEveryoneElsesVideoStream": "Остановить чужое видео",
+            "muteEveryonesVideoStream": "Остановить видео для всех",
+            "muteGUMPending": "Подключение вашего микрофона",
+            "noiseSuppression": "Шумоподавление",
+            "openChat": "Открыть чат",
+            "participants": "Участники",
+            "pip": "Вкл/Выкл режим Картинка-в-картинке",
+            "privateMessage": "Отправить личное сообщение",
+            "profile": "Редактировать профиль",
+            "raiseHand": "Поднять руку",
+            "reactions": "Реакции",
+            "reactionsMenu": "Открыть/закрыть меню реакций",
+            "recording": "Вкл/Выкл запись",
+            "remoteMute": "Отключить участнику микрофон",
+            "remoteVideoMute": "Отключить камеру участника",
+            "security": "Настройки безопасности",
+            "selectBackground": "Выберите фон",
+            "selfView": "Самостоятельный просмотр",
+            "shareRoom": "Отправить приглашение",
+            "shareYourScreen": "Вкл/Выкл демонстрацию экрана",
+            "shareaudio": "Поделиться аудио",
+            "sharedvideo": "Вкл/Выкл Youtube - трансляцию",
+            "shortcuts": "Вкл/Выкл значки",
+            "show": "Показать крупным планом",
+            "showWhiteboard": "Показать интерактивную доску",
+            "silence": "Тишина",
+            "speakerStats": "Вкл/Выкл статистику",
+            "stopScreenSharing": "Прекратить демонстрацию экрана",
+            "stopSharedVideo": "Остановить видео",
+            "surprised": "Удивлен",
+            "tileView": "Вкл/Выкл плитку",
+            "toggleCamera": "Переключить камеру",
+            "toggleFilmstrip": "Включить диафильм",
+            "unmute": "Включить микрофон",
+            "videoblur": "Вкл/Выкл размытие фона",
+            "videomute": "Вкл/Выкл видео",
+            "videomuteGUMPending": "Подключение вашей камеры",
+            "videounmute": "Включить камеру"
+        },
+        "addPeople": "Добавить людей к вашему сеансу связи",
+        "audioOnlyOff": "Включить видео (стандартный режим)",
+        "audioOnlyOn": "Выключить видео (экономичный режим)",
+        "audioRoute": "Выбрать аудиоустройство",
+        "audioSettings": "Настройка звука",
+        "authenticate": "Аутентифицировать",
+        "boo": "Освистывать",
+        "callQuality": "Качество связи",
+        "chat": "Чат",
+        "clap": "Аплодисменты",
+        "closeChat": "Закрыть чат",
+        "closeParticipantsPane": "Закрыть панель участников",
+        "closeReactionsMenu": "Закрыть меню реакций",
+        "disableNoiseSuppression": "Выключить шумоподавление",
+        "disableReactionSounds": "Выключить звуки реакций",
+        "documentClose": "Закрыть общий документ",
+        "documentOpen": "Открыть общий документ",
+        "download": "Скачать приложение",
+        "e2ee": "Сквозное шифрование",
+        "embedMeeting": "Встроить встречу",
+        "enableNoiseSuppression": "Включить шумоподавление",
+        "endConference": "Завершить встречу для всех",
+        "enterFullScreen": "На полный экран",
+        "enterTileView": "Общий план",
+        "exitFullScreen": "Полный экран",
+        "exitTileView": "Крупный план",
+        "feedback": "Оставить отзыв",
+        "giphy": "Показать GIPHY меню",
+        "hangup": "Выход",
+        "help": "Справка",
+        "hideWhiteboard": "Скрыть интерактивную доску",
+        "invite": "Пригласить",
+        "joinBreakoutRoom": "Войти в сессионный зал",
+        "laugh": "Смеяться",
+        "leaveBreakoutRoom": "Покинуть сессионный зал",
+        "leaveConference": "Покинуть встречу",
+        "like": "Мне нравится",
+        "linkToSalesforce": "Ссылка на Salesforce",
+        "lobbyButtonDisable": "Отключить режим лобби",
+        "lobbyButtonEnable": "Включить режим лобби",
+        "login": "Войти",
+        "logout": "Завершить сеанс",
+        "lowerYourHand": "Опустить руку",
+        "moreActions": "Больше действий",
+        "moreOptions": "Больше настроек",
+        "mute": "Микрофон (вкл./выкл.)",
+        "muteEveryone": "Выкл. микрофон у всех",
+        "muteEveryonesVideo": "Выкл. камеру у всех",
+        "muteGUMPending": "Подключение вашего микрофона",
+        "noAudioSignalDesc": "Если вы специально не отключали микрофон в системных настройках, подумайте о том, чтобы поменять его.",
+        "noAudioSignalDescSuggestion": "Если вы специально не отключали микрофон в системных настройках, вы можете попробовать использовать следующее устройство:",
+        "noAudioSignalDialInDesc": "Вы можете также дозвониться используя:",
+        "noAudioSignalDialInLinkDesc": "Номера для дозвона",
+        "noAudioSignalTitle": "От вашего микрофона не идет звуковой сигнал!",
+        "noiseSuppression": "Шумоподавление",
+        "noisyAudioInputDesc": "Возможно, ваш микрофон создает шум. Вы можете выключить его или смените устройство.",
+        "noisyAudioInputTitle": "Похоже, ваш микрофон создает шум!",
+        "openChat": "Открыть чат",
+        "openReactionsMenu": "Открыть меню реакций",
+        "participants": "Участники",
+        "pip": "Вкл режим Картинка-в-картинке",
+        "privateMessage": "Отправить личное сообщение",
+        "profile": "Редактировать профиль",
+        "raiseHand": "Хочу говорить",
+        "raiseYourHand": "Поднять руку",
+        "reactionBoo": "Отправить бу реакцию",
+        "reactionClap": "Отправить реакцию аплодисментов",
+        "reactionLaugh": "Отправить реакцию смеха",
+        "reactionLike": "Отправить реакцию «палец вверх»",
+        "reactionSilence": "Отправить реакцию тишины",
+        "reactionSurprised": "Отправить удивленную реакцию",
+        "reactions": "Реакции",
+        "security": "Настройки безопасности",
+        "selectBackground": "Выбрать фоновое изображение",
+        "shareRoom": "Отправить приглашение",
+        "shareaudio": "Предоставить доступ к звуку",
+        "sharedvideo": "Видео YouTube",
+        "shortcuts": "Комбинации клавиш",
+        "showWhiteboard": "Показать интерактивную доску",
+        "silence": "Молчание",
+        "speakerStats": "Статистика",
+        "startScreenSharing": "Начать трансляцию с экрана",
+        "startSubtitles": "Включить субтитры",
+        "stopAudioSharing": "Остановить обмен аудио",
+        "stopScreenSharing": "Остановить трансляцию с экрана",
+        "stopSharedVideo": "Остановить видео на YouTube",
+        "stopSubtitles": "Отключить субтитры",
+        "surprised": "Удивиться",
+        "talkWhileMutedPopup": "Пытаетесь говорить? У вас отключен звук.",
+        "tileViewToggle": "Вкл/выкл плитку",
+        "toggleCamera": "Переключить камеру",
+        "unmute": "Включить микрофон",
+        "videoSettings": "Настройка видео",
+        "videomute": "Камера",
+        "videomuteGUMPending": "Подключение вашей камеры",
+        "videounmute": "Включить камеру"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Вкл. / Выкл. субтитры",
+        "expandedLabel": "Транскрипция включена",
+        "failedToStart": "Неудалось начать расшифровку",
+        "labelToolTip": "Создается транскрипция конференции.",
+        "sourceLanguageDesc": "В настоящее время язык встречи установлен на <b>{{sourceLanguage}}</b>. <br/> Вы можете изменить его ",
+        "sourceLanguageHere": "здесь",
+        "start": "Вкл/Выкл показ субтитров",
+        "stop": "Вкл/Выкл показ субтитров",
+        "subtitles": "Субтитры",
+        "subtitlesOff": "Выкл",
+        "tr": "TR"
+    },
+    "unpinParticipant": "{{participantName}} - Открепить",
+    "userMedia": {
+        "grantPermissions": "Пожалуйста, дайте разрешение на доступ к камере и микрофону."
+    },
+    "videoSIPGW": {
+        "busy": "Мы работаем над высвобождением ресурсов. Пожалуйста, попробуйте через несколько минут.",
+        "busyTitle": "Служба сейчас занята",
+        "errorAlreadyInvited": "{{displayName}} уже приглашен",
+        "errorInvite": "Встреча еще не началась. Пожалуйста, попробуйте позже.",
+        "errorInviteFailed": "Мы работаем над решением проблемы. Пожалуйста, попробуйте позже.",
+        "errorInviteFailedTitle": "Ошибка приглашения {{displayName}}",
+        "errorInviteTitle": "Ошибка приглашения в комнату",
+        "pending": "{{displayName}} был приглашен"
+    },
+    "videoStatus": {
+        "adjustFor": "Отрегулируйте для:",
+        "audioOnly": "Только звук",
+        "audioOnlyExpanded": "Активен режим экономии пропускной способности. В этом режиме доступны только звук и трансляция с экрана",
+        "bestPerformance": "Лучшее представление",
+        "callQuality": "Качество видео",
+        "hd": "HD",
+        "hdTooltip": "Видео высокого качества",
+        "highDefinition": "Высокое качество",
+        "highestQuality": "Высшее качество",
+        "labelTooiltipNoVideo": "Нет видео",
+        "labelTooltipAudioOnly": "Включен режим экономии пропускной способности",
+        "ld": "LD",
+        "ldTooltip": "Видео низкого качества",
+        "lowDefinition": "Низкое качество",
+        "performanceSettings": "Параметры производительности",
+        "recording": "Идет запись",
+        "sd": "SD",
+        "sdTooltip": "Видео стандартного качества",
+        "standardDefinition": "Стандартное качество (SD)",
+        "streaming": "Идет трансляция"
+    },
+    "videothumbnail": {
+        "connectionInfo": "Информация о соединении",
+        "demote": "Переместить к посетителям",
+        "domute": "Выключить звук",
+        "domuteOthers": "Выключить звук остальным",
+        "domuteVideo": "Выключить видео",
+        "domuteVideoOfOthers": "Выключить видео остальным",
+        "flip": "Отразить",
+        "grantModerator": "Сделать модератором",
+        "hideSelfView": "Скрыть собственное представление",
+        "kick": "Отключить",
+        "mirrorVideo": "Зеркально отразить видео",
+        "moderator": "Модератор",
+        "mute": "Без звука",
+        "muted": "Звук выключен",
+        "pinToStage": "Прикрепить к сцене",
+        "remoteControl": "Начать / Остановить дистанционный контроль",
+        "screenSharing": "Участник показывает свой экран",
+        "show": "Показать крупным планом",
+        "showSelfView": "Показать своё представление",
+        "unpinFromStage": "Отпинить",
+        "verify": "Проверить участника",
+        "videoMuted": "Камера выключена",
+        "videomute": "Участник выключил камеру"
+    },
+    "virtualBackground": {
+        "accessibilityLabel": {
+            "currentBackground": "Текущий фон: {{background}}",
+            "selectBackground": "Выбрать фон"
+        },
+        "addBackground": "Добавить фон",
+        "apply": "Применять",
+        "backgroundEffectError": "Не удалось применить фоновый эффект.",
+        "blur": "Размытие",
+        "deleteImage": "Удалить изображение",
+        "desktopShare": "Общий доступ к рабочему столу",
+        "desktopShareError": "Не удалось создать общий доступ к рабочему столу",
+        "image1": "пляж",
+        "image2": "Белая нейтральная стена",
+        "image3": "Белая пустая комната",
+        "image4": "Черный торшер",
+        "image5": "Гора",
+        "image6": "Лес",
+        "image7": "Восход",
+        "none": "Нет",
+        "pleaseWait": "Пожалуйста подождите…",
+        "removeBackground": "Убрать фон",
+        "slightBlur": "Легкое размытие",
+        "title": "Виртуальные фоны",
+        "uploadedImage": "Загруженное изображение {{index}}",
+        "webAssemblyWarning": "WebAssembly не поддерживается",
+        "webAssemblyWarningDescription": "WebAssembly отключен или не поддерживается этим браузером"
+    },
+    "visitors": {
+        "chatIndicator": "(посетитель)",
+        "labelTooltip": "Количество посетителей: {{count}}",
+        "notification": {
+            "demoteDescription": "Перемещён сюда пользователем {{actor}}, поднимите руку, чтобы участвовать",
+            "description": "Чтобы участвовать, поднимите руку",
+            "title": "Вы посетитель на встрече"
+        }
+    },
+    "volumeSlider": "Ползунок громкости",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Нажмите чтобы присоединиться",
+            "roomname": "Укажите название комнаты"
+        },
+        "addMeetingName": "Добавить название встречи",
+        "appDescription": "Попробуйте видеочат со всей командой. Приглашайте знакомых! {{app}} — полностью зашифрованное решение для видеоконференций с открытым исходным кодом. Пользуйтесь каждый день, бесплатно и без регистрации.",
+        "audioVideoSwitch": {
+            "audio": "Звук",
+            "video": "Видео"
+        },
+        "calendar": "Календарь",
+        "connectCalendarButton": "Привязать календарь",
+        "connectCalendarText": "Подключите календарь, чтобы увидеть все ваши конференции в {{app}}. Кроме того, добавив {{provider}} конференций в календарь, вы сможете запускать их одним щелчком мышки.",
+        "enterRoomTitle": "Начать новую видеоконференцию",
+        "getHelp": "Справка",
+        "go": "ОК",
+        "goSmall": "ОК",
+        "headerSubtitle": "Защищенная высококачественная видеосвязь",
+        "headerTitle": "Сервер видеоконференцсвязи {{app}}",
+        "info": "Инфо",
+        "jitsiOnMobile": "{{app}} для мобильных устройств — загрузите наши приложения и начните встречу из любого места",
+        "join": "СОЗДАТЬ / ПРИСОЕДИНИТЬСЯ",
+        "logo": {
+            "calendar": "Calendar логотип",
+            "desktopPreviewThumbnail": "Миниатюра предварительного просмотра на рабочем столе",
+            "googleLogo": "Google логотип",
+            "logoDeepLinking": "Логотип Navek",
+            "microsoftLogo": "Логотип Майкрософт",
+            "policyLogo": "Логотип политики"
+        },
+        "meetingsAccessibilityLabel": "Конференции",
+        "mobileDownLoadLinkAndroid": "Скачать мобильное приложение для Android",
+        "mobileDownLoadLinkFDroid": "Скачать мобильное приложение для F-Droid",
+        "mobileDownLoadLinkIos": "Скачать мобильное приложение для iOS",
+        "moderatedMessage": "Или заранее <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">зарезервируйте URL-адрес встречи</a>, где вы будете единственным модератором.",
+        "privacy": "Приватность",
+        "recentList": "Недавние",
+        "recentListDelete": "Удалить",
+        "recentListEmpty": "Сейчас ваш список недавно проведенных конференций пуст. По мере вашего пользования сервисом он будет пополняться.",
+        "recentMeetings": "Ваши недавние конференции",
+        "reducedUIText": "Добро пожаловать в {{app}}!",
+        "roomNameAllowedChars": "Название конференции не должно содержать следующие символы: ?, &, :, ', \", %, #.",
+        "roomname": "Укажите название комнаты",
+        "roomnameHint": "Укажите название комнаты или ее адрес. Можете сами создать название и передать его будущим участникам встречи, чтобы они использовали именно его.",
+        "sendFeedback": "Обратная связь",
+        "settings": "Настройки",
+        "startMeeting": "Создать конференцию",
+        "terms": "Условия",
+        "title": "Защищенная, полнофункциональная и совершенно бесплатная система видеоконференций",
+        "upcomingMeetings": "Ваши предстоящие конференции"
+    },
+    "whiteboard": {
+        "accessibilityLabel": {
+            "heading": "Интерактивная доска"
+        },
+        "screenTitle": "Интерактивная доска"
+    }
+}
diff --git a/lang/main-sc.json b/lang/main-sc.json
new file mode 100644
index 0000000..78f338d
--- /dev/null
+++ b/lang/main-sc.json
@@ -0,0 +1,1685 @@
+{
+    "addPeople": {
+        "accessibilityLabel": {
+            "meetingLink": "Ligòngiu a sa riunione: {{url}}"
+        },
+        "add": "Invita",
+        "addContacts": "Invita a is cuntatos tuos",
+        "contacts": "Cuntatos",
+        "copyInvite": "Còpia s'invitu a sa riunione",
+        "copyLink": "Còpia su ligòngiu de sa riunione",
+        "copyStream": "Còpia ligòngiu de trasmissione in direta",
+        "countryNotSupported": "No est ancora possìbile de impreare custa destinatzione.",
+        "countryReminder": "Ses mutende in foras de is Istados Unidos? Verìfica chi insertas su còdighe de istadu!",
+        "defaultEmail": "S'indiritzu predefinidu tuo",
+        "disabled": "Non podes invitare gente.",
+        "failedToAdd": "Faddina in s'agiunta de partetzipantes",
+        "googleEmail": "Posta de Google",
+        "inviteMoreHeader": "Ses a sa sola in custa riunione",
+        "inviteMoreMailSubject": "Intra a sa riunione de {{appName}}",
+        "inviteMorePrompt": "Invita àtera gente",
+        "linkCopied": "Ligòngiu copiadu in punta de billete",
+        "noResults": "Non cointzidet nissunu resultadu",
+        "outlookEmail": "Posta de Outlook",
+        "phoneNumbers": "nùmeros de telèfonu",
+        "searching": "Chirchende…",
+        "shareInvite": "Cumpartzi s'invitu a sa riunione",
+        "shareLink": "Cumpartzi su ligòngiu de sa riunione pro invitare àtera gente",
+        "shareStream": "Cumpartzi su ligòngiu a sa trasmissione in direta",
+        "sipAddresses": "indiritzos sip",
+        "telephone": "Telèfonu: {{number}}",
+        "title": "Invita gente a custa riunione",
+        "yahooEmail": "Posta de Yahoo"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "car": "Àudio de sa màchina",
+        "headphones": "Auriculares",
+        "none": "Nissunu dispositivu de àudio a disponimentu",
+        "phone": "Telèfonu",
+        "speaker": "Altoparlante"
+    },
+    "audioOnly": {
+        "audioOnly": "Àmpiu de banda bàsciu"
+    },
+    "bandwidthSettings": {
+        "assumedBandwidthBps": "pro es. 10.000.000 pro 10 Mbps",
+        "assumedBandwidthBpsWarning": "Is valores prus artos podent provocare problemas de rete.",
+        "customValue": "valore personalizadu",
+        "customValueEffect": "pro cunfigurare su valore atuale de bps",
+        "leaveEmpty": "lassa·ddu bòidu",
+        "leaveEmptyEffect": "pro permìtere previsiones aprossimativas",
+        "possibleValues": "Valores possìbiles",
+        "setAssumedBandwidthBps": "Àmpiu de banda ipotèticu (bps)",
+        "title": "Cunfiguratziones de àmpiu de banda",
+        "zeroEffect": "pro disativare su vìdeu"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "Agiunghe aposentu separadu",
+            "autoAssign": "Assigna in automàticu in aposentos separados",
+            "close": "Serra",
+            "join": "Aderi",
+            "leaveBreakoutRoom": "Lassa s'aposentu separadu",
+            "more": "Àteru",
+            "remove": "Boga",
+            "rename": "Torra a nominare",
+            "renameBreakoutRoom": "Torra a nominare s'aposentu separadu",
+            "sendToBreakoutRoom": "Imbia su partetzipante a:"
+        },
+        "breakoutList": "Lista de aposentos separados",
+        "buttonLabel": "Aposentos separados",
+        "defaultName": "Aposentu separadu #{{index}}",
+        "hideParticipantList": "Cua sa lista de partetzipantes",
+        "mainRoom": "Aposentu printzipale",
+        "notifications": {
+            "joined": "Intrende a s'aposentu separadu\"{{name}}\"",
+            "joinedMainRoom": "Intrende a s'aposentu printzipale",
+            "joinedTitle": "Aposentos separados"
+        },
+        "showParticipantList": "Ammustra sa lista de partetzipantes",
+        "title": "Aposentos separados"
+    },
+    "calendarSync": {
+        "addMeetingURL": "Agiunghe unu ligòngiu a s'addòbiu",
+        "confirmAddLink": "Boles agiùnghere unu ligòngiu de Jitsi a custu addòbiu?",
+        "error": {
+            "appConfiguration": "S'integratzione de su calendàriu no est cunfigurada bene.",
+            "generic": "Faddina. Controlla sa cunfiguratzione de calendàriu o proa de atualizare su calendàriu.",
+            "notSignedIn": "Faddina in s'autenticatzione pro visualizare eventos de calendàriu. Controlla sa cunfiguratzione de calendàriu e proa de ti torrare a autenticare."
+        },
+        "join": "Aderi",
+        "joinTooltip": "Aderi a sa riunione",
+        "nextMeeting": "riunione imbeniente",
+        "noEvents": "Nissunu eventu programmadu in futuru.",
+        "ongoingMeeting": "riunione in cursu",
+        "permissionButton": "Aberi sa cunfiguratzione",
+        "permissionMessage": "Su permissu de su calendàriu est rechèdidu pro bìdere is riuniones tuss in s'aplicatzione.",
+        "refresh": "Atualiza su calendàriu",
+        "today": "Oe"
+    },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "Sèbera dispositivu de sonu"
+        },
+        "labels": {
+            "buttonLabel": "Modalidade de màchina",
+            "title": "Modalidade de màchina",
+            "videoStopped": "Su vìdeu tuo est istadu istudadu"
+        }
+    },
+    "chat": {
+        "disabled": "S'imbiu de messàgios de tzarrada est disativadu.",
+        "enter": "Intra a s'aposentu",
+        "error": "Faddina: su messàgiu tuo no est istadu imbiadu. Resone: {{faddina}}",
+        "everyone": "",
+        "fieldPlaceHolder": "Aa",
+        "guestsChatIndicator": "",
+        "lobbyChatMessageTo": "Messàgiu de tzarrada de aposentu de abetu a {{recipient}}",
+        "message": "Messàgiu",
+        "messageAccessibleTitle": "{{user}} narat:",
+        "messageAccessibleTitleMe": "deo naro:",
+        "messageTo": "Messàgiu privadu a {{recipient}}",
+        "messagebox": "Iscrie unu messàgiu",
+        "newMessages": "Messàgios noos",
+        "nickname": {
+            "popover": "Sèbera unu nòmine",
+            "title": "Inserta su nòmine pro impreare sa tzarrada",
+            "titleWithCC": "Inserta unu nòmine pro impreare is tzarradas e is sutatìtulos",
+            "titleWithPolls": "Inserta su nòmine pro impreare sa tzarrada e is sondàgios",
+            "titleWithPollsAndCC": "Inserta unu nòmine pro impreare is tzarradas, is sondàgios e is sutatìtulos",
+            "titleWithPollsAndCCAndFileSharing": "Inserta unu nòmine pro impreare is tzarradas, is sondàgios, is sutatìtulos e is archìvios"
+        },
+        "noMessagesMessage": "Nissunu messàgiu ancora in sa riunione. Cumintza una tzarrada inoghe!",
+        "privateNotice": "Messàgiu privadu a {{recipient}}",
+        "sendButton": "Imbia",
+        "smileysPanel": "Pannellu de emoji",
+        "systemDisplayName": "Sistema",
+        "tabs": {
+            "chat": "Tzarrada",
+            "closedCaptions": "Sutatìtulos",
+            "fileSharing": "Archìvios",
+            "polls": "Sondàgios"
+        },
+        "title": "Tzarrada",
+        "titleWithCC": "Sutatìtulos",
+        "titleWithFeatures": "Tzarrada e",
+        "titleWithFileSharing": "Archìvios",
+        "titleWithPolls": "Sondàgios",
+        "you": "tue"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Installa s'estensione de Google",
+        "buttonTextEdge": "Installa s'estensione de Edge",
+        "close": "Serra",
+        "dontShowAgain": "Non ddu torres a ammustrare",
+        "installExtensionText": "Installa s'estensione de integratzione cun Google Calendar e Office 365"
+    },
+    "closedCaptionsTab": {
+        "emptyState": "Is sutatìtulos ant a èssere a disponimentu cando sa moderatzione ddos at a aviare",
+        "startClosedCaptionsButton": "Avia is sutatìtulos"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Connetende a sa riunione…"
+    },
+    "connection": {
+        "ATTACHED": "Allegados",
+        "AUTHENTICATING": "Autenticatzione in cursu",
+        "AUTHFAIL": "Faddina in s'autenticatzione",
+        "CONNECTED": "Connessione istabilida",
+        "CONNECTING": "Connetende",
+        "CONNFAIL": "Faddina in sa connessione",
+        "DISCONNECTED": "Disconnètidu",
+        "DISCONNECTING": "Disconnetende",
+        "ERROR": "Faddina",
+        "FETCH_SESSION_ID": "Otenende id de sessione…",
+        "GET_SESSION_ID_ERROR": "Faddina in su ritzevimentu de s'ide de sessione: {{code}}",
+        "GOT_SESSION_ID": "Otenende id de sessione… Fatu",
+        "LOW_BANDWIDTH": "Vìdeu disativadu pro {{displayName}} pro istraviare àmpiu de banda"
+    },
+    "connectionindicator": {
+        "address": "Indiritzu:",
+        "audio_ssrc": "Àudio SSRC:",
+        "bandwidth": "Àmpiu de banda istimadu:",
+        "bitrate": "Velotzidade de bits:",
+        "bridgeCount": "Nùmeru de servidores: ",
+        "codecs": "Codificadores (A/V) ",
+        "connectedTo": "Connessione cun:",
+        "e2eeVerified": "Verificadu cun E2EE:",
+        "framerate": "Velotzidade de fotogrammas:",
+        "less": "Prus pagu informatziones",
+        "localaddress": "Indiritzu locale:",
+        "localaddress_plural": "Indiritzos locales:",
+        "localport": "Portu locale:",
+        "localport_plural": "Portos locales:",
+        "maxEnabledResolution": "imbiu màssimu",
+        "more": "Àteras informatziones",
+        "no": "nono",
+        "packetloss": "Pèrdida de pachetes:",
+        "participant_id": "id de partetzipante:",
+        "quality": {
+            "good": "Bonu",
+            "inactive": "Inativa",
+            "lost": "Pèrdida",
+            "nonoptimal": "No òtima",
+            "poor": "Pòbera"
+        },
+        "remoteaddress": "Indiritzu remotu:",
+        "remoteaddress_plural": "Indiritzos remotos:",
+        "remoteport": "Portu remotu:",
+        "remoteport_plural": "Portos remotos:",
+        "resolution": "Risolutzione:",
+        "savelogs": "Sarva registros",
+        "status": "Connessione:",
+        "transport": "Trasportu:",
+        "transport_plural": "Trasportos:",
+        "video_ssrc": "Vìdeu SSRC:",
+        "yes": "eja"
+    },
+    "dateUtils": {
+        "earlier": "Prus antigu",
+        "today": "Oe",
+        "yesterday": "Eris"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Tenes bisòngiu de s'aplicatzione mòbile {{app}} pro aderire a custa tzarrada dae su telèfonu.",
+        "description": "No est sutzèdidu nudda? Amus chircadu de aviare sa riunione tua in s'aplicatzione de iscrivania {{app}}. Torra a proare o avia·la dae s'aplicatzione web {{app}}.",
+        "descriptionNew": "No est sutzèdidu nudda? Amus proadu a aviare s'addòbiu tuo in s'{{app}}aplicatzione de iscrivania. <br /><br />Podes torrare a proare o dd'aviare in su web.",
+        "descriptionWithoutWeb": "No est sutzèdidu nudda? Amus chircadu de aviare sa riunione tua in s'aplicatzione de iscrivania {{app}}.",
+        "downloadApp": "Iscàrriga s'aplicatzione",
+        "downloadMobileApp": "Iscàrriga·dda dae sa butega de aplicatziones",
+        "ifDoNotHaveApp": "Si non tenes ancora s'aplicatzione:",
+        "ifHaveApp": "Si tenes giai s'aplicatzione:",
+        "joinInApp": "Intra a custa riunione impreende s'aplicatzione",
+        "joinInAppNew": "Aderi dae s'aplicatzione",
+        "joinInBrowser": "Aderi dae su navigadore",
+        "launchMeetingLabel": "Comente boles aderire a custu addòbiu?",
+        "launchWebButton": "Avia in sa web",
+        "noDesktopApp": "Non tenes s'aplicatzione?",
+        "noMobileApp": "Non tenes s'aplicatzione?",
+        "or": "O PURU",
+        "termsAndConditions": "Si sighis a in antis, atzetas is <a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'> tèrmines e cunditziones</a> nostros.",
+        "title": "Aviende sa reunione in {{app}}…",
+        "titleNew": "Aviende s'addòbiu tuo…",
+        "tryAgainButton": "Torra a proare in s'aplicatzione de iscrivania",
+        "unsupportedBrowser": "Paret chi ses impreende unu navigadore non cumpatìbile."
+    },
+    "defaultLink": "p. es. {{url}}",
+    "defaultNickname": "es. Rosa Pink",
+    "deviceError": {
+        "cameraError": "Impossìbile atzèdere a sa càmera",
+        "cameraPermission": "Faddina in is permissos pro sa càmera",
+        "microphoneError": "Impossìbile atzèdere a su micròfonu",
+        "microphonePermission": "Faddina in is permissos pro su micròfonu"
+    },
+    "deviceSelection": {
+        "hid": {
+            "callControl": "Controllu de mutidas",
+            "connectedDevices": "Dispositivos connètidos:",
+            "deleteDevice": "Cantzella su dispositivu",
+            "pairDevice": "Assòtzia unu dispositivu"
+        },
+        "noPermission": "No as cuntzèdidu permissos",
+        "previewUnavailable": "Sa pre-visualizatzione no est a disponimentu",
+        "selectADevice": "Sèbera unu dispositivu",
+        "testAudio": "Riprodue unu sonu de proa"
+    },
+    "dialIn": {
+        "screenTitle": "Resumu de nùmeros"
+    },
+    "dialOut": {
+        "statusMessage": "est immoe {{status}}"
+    },
+    "dialog": {
+        "Back": "A coa",
+        "Cancel": "Annulla",
+        "IamHost": "So mere",
+        "Ok": "AB",
+        "Remove": "Boga",
+        "Share": "Cumpartzi",
+        "Submit": "Imbia",
+        "Understand": "Apo cumprèndidu. Mantene·mi a sa muda pro immoe",
+        "UnderstandAndUnmute": "Apo cumprèndidu. Ativa·mi s'àudio",
+        "WaitForHostMsg": "Sa cunferèntzia no at cumintzadu. Si ses mere de custa cunferèntzia, autèntica·ti. Si nono, iseta chi arribet.",
+        "WaitForHostNoAuthMsg": "Sa cunferèntzia no at ancora cumintzadu ca nissunu profilu de moderatzione est arribadu. Abeta.",
+        "WaitingForHostButton": "Abeta sa moderatzione",
+        "WaitingForHostTitle": "Isetende mere…",
+        "Yes": "Eja",
+        "accessibilityLabel": {
+            "Cancel": "Annulla (lassa su diàlogu)",
+            "Ok": "AB (sarva e lassa su diàlogu)",
+            "close": "Serra su diàlogu",
+            "liveStreaming": "Trasmissione in direta",
+            "sharingTabs": "Optziones de cumpartzidura"
+        },
+        "add": "Annanghe",
+        "addMeetingNote": "Agiunghe una nota in pitzus de custa riunione",
+        "addOptionalNote": "Agiunghe una nota (optzionale)",
+        "allow": "Permite",
+        "allowToggleCameraDialog": "Permitis chi {{initiatorName}} cuncàmbiet sa modalidade de orientamentu de sa càmera tua?",
+        "allowToggleCameraTitle": "Permitis su càmbiu de càmera?",
+        "alreadySharedVideoMsg": "Un'àteru partetzipante est giai cumpartende unu vìdeu. Custa cunferèntzia permitit de cumpartzire isceti unu vìdeu in contemporànea.",
+        "alreadySharedVideoTitle": "Isceti unu vìdeu cumpartzidu in contemporànea.",
+        "applicationWindow": "Ventana de s'aplicatzione",
+        "authenticationRequired": "Autenticatzione netzessària",
+        "cameraCaptureDialog": {
+            "description": "Faghe una fotografia cun sa càmera e imbia·dda",
+            "ok": "Aberi sa càmera",
+            "reject": "Immoe nono",
+            "title": "Faghe una fotografia"
+        },
+        "cameraConstraintFailedError": "La càmera no satisfà algun dels requeriments.",
+        "cameraNotFoundError": "Càmera no agatada.",
+        "cameraNotSendingData": "Impossìbile atzèdere a sa càmera tua. Controlla si un'àtera aplicatzione est impreende custu dispositivu, sèbera un'àteru dispositivu dae su menù de cunfiguratziones o torra a carrigare s'aplicatzione.",
+        "cameraNotSendingDataTitle": "Non si podet atzèdere a sa càmera",
+        "cameraPermissionDeniedError": "No as donadu permissos pro impreare sa càmera. Podes intrare in sa cunferèntzia su pròpiu, però s'àtera gente non ti at a bìdere. Imprea su butone de sa càmera in sa barra de indiritzos pro acontzare custu problema.",
+        "cameraTimeoutError": "Impossìbile aviare su vìdeu. Lìmite de tempus lòmpidu.",
+        "cameraUnknownError": "Non si podet impreare sa càmera (resone disconnota).",
+        "cameraUnsupportedResolutionError": "Sa càmera no est cumpatìbile cun sa risolutzione de vìdeu rechèdida.",
+        "close": "Serra",
+        "conferenceDisconnectMsg": "Controlla sa cunfiguratzione de rete. Torrende a connètere in {seconds} segundos…",
+        "conferenceDisconnectTitle": "Mutida disconnètida.",
+        "conferenceReloadMsg": "Semus chirchende de acontzare custu problema. Torrende a connètere in {seconds} segundos…",
+        "conferenceReloadTitle": "B'est istada una faddina.",
+        "confirm": "Cunfirma",
+        "confirmBack": "A coa",
+        "confirmNo": "Nono",
+        "confirmYes": "Eja",
+        "connectError": "Ohia B'àt àpidu una faddina e non podimus connètere cun sa cunferèntzia.",
+        "connectErrorWithMsg": "Ohia B'àt àpidu una faddina e non podimus connètere cun sa cunferèntzia: {{msg}}",
+        "connecting": "Connetende",
+        "contactSupport": "Cuntatu s'agiudu",
+        "copied": "Copiadu",
+        "copy": "Còpia",
+        "demoteParticipantDialog": "Seguru chi boles mòvere custa persone a su pùblicu (visualizatzione ebbia)?",
+        "demoteParticipantTitle": "Cunverte a pùblicu (visualizatzione ebbia)",
+        "dismiss": "Iscarta",
+        "displayNameRequired": "Salude! Comente ti tzèrrias?",
+        "done": "Fatu",
+        "e2eeDescription": "Sa critografia a nodu terminale est isperimentale pro immoe. Tene contu chi s'ativatzione de sa critografia a nodu terminale at a disativare is servìtzios frunidos dae su costadu de su serbidore, comente: partetzipatzione telefònica. Tene contu puru chi sa riunione at a funtzionare isceti pro chie intret dae navigadores cumpatìbiles cun trasmissiones incorporàbiles.",
+        "e2eeDisabledDueToMaxModeDescription": "Impossìbile ativare sa critografia a nodu terminale a càusa de s'artu nùmeru de partetzipantes in sa cunferèntzia.",
+        "e2eeLabel": "Ativa sa critografia a nodu terminale",
+        "e2eeWarning": "Avisu: podet dare chi non totu is partetzipantes de custa riunione tèngiant dispositivos cumpatìbiles cun sa critografia a nodu terminale. Si dd'ativas no t'ant a pòdere bìdere nen intèndere.",
+        "e2eeWillDisableDueToMaxModeDescription": "Avisu: sa critografia a nodu terminale at a èssere disativada in automàticu si prus partetzipantes intrant a sa cunferèntzia.",
+        "embedMeeting": "Incòrpora sa riunione",
+        "enterDisplayName": "Inserta su nòmine tuo",
+        "error": "Faddina",
+        "errorRoomCreationRestriction": "As chircadu de aderire tropu a sa lestra, torra a pustis.",
+        "gracefulShutdown": "Su servìtziu nostru est in mantenimentu. Torra a proare a pustis.",
+        "grantModeratorDialog": "Seguru chi boles donare permissos de moderatzione a {{participantName}}?",
+        "grantModeratorTitle": "Dona permissos de moderatzione",
+        "hide": "Cua",
+        "hideShareAudioHelper": "No ammustres prus custu diàlogu",
+        "incorrectPassword": "Su nòmine o sa crae no sunt curretos",
+        "incorrectRoomLockPassword": "Sa crae no est curreta",
+        "internalError": "Ohia B'est istada una faddina: {{error}}",
+        "internalErrorTitle": "Faddina interna",
+        "kickMessage": "Podes cuntatare {{participantDisplayName}} pro àteras informatziones.",
+        "kickParticipantButton": "Boga",
+        "kickParticipantDialog": "Seguru chi boles bogare custa persone?",
+        "kickParticipantTitle": "Cheres bogare custa persone?",
+        "kickSystemTitle": "Ohia, t'ant bogadu dae s'addòbiu",
+        "kickTitle": "Ohi! {{participantDisplayName}} t'at bogadu de sa riunione",
+        "learnMore": "àteras informatziones",
+        "linkMeeting": "Acàpia sa riunione",
+        "linkMeetingTitle": "Acàpia sa riunione a Salesforce",
+        "liveStreaming": "Trasmissione in direta",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "Impossìbile in su mentras chi sa registratzione est ativa",
+        "localUserControls": "Controllos de utente locale",
+        "lockMessage": "Impossìbile blocare sa cunferèntzia.",
+        "lockRoom": "Agiunghe una $t(lockRoomPassword) a sa riunion",
+        "lockTitle": "Faddina in su blocu",
+        "login": "Intra",
+        "loginQuestion": "Seguru chi ti boles identificare e lassare sa cunferèntzia?",
+        "logoutQuestion": "Seguru chi boles essire e lassare sa cunferèntzia?",
+        "logoutTitle": "Essi",
+        "maxUsersLimitReached": "Lìmite de partetzipantes cròmpidu. Sa cunferèntzia est prena. Cuntata su mere de sa riunione o torra a proare.",
+        "maxUsersLimitReachedTitle": "Lìmite de partetzipantes cròmpidu",
+        "micConstraintFailedError": "Su micròfonu no at soddisfatu is rechestas.",
+        "micNotFoundError": "Micròfonu no agatadu.",
+        "micNotSendingData": "Bae a sa cunfiguratzione de s'elaboradore tuo pro ativare su micròfonu tuo e acontzare su livellu.",
+        "micNotSendingDataTitle": "Su micròfonu tuo est in silèntziu pro more de is cunfiguratziones de su sistema tuo",
+        "micPermissionDeniedError": "No as donadu permissos pro impreare su micròfonu. Podes intrare in sa cunferèntzia su pròpiu, però s'àtera gente non ti at a intèndere. Imprea su butone de sa càmera in sa barra de indiritzos pro acontzare custu problema.",
+        "micTimeoutError": "Impossìbile aviare s'àudio. Lìmite de tempus lòmpidu.",
+        "micUnknownError": "Non si podet impreare su micròfonu (resone disconnota).",
+        "moderationAudioLabel": "Permite chi is partetzipantes ativent su micròfonu",
+        "moderationDesktopLabel": "Permite chi is profilos chi no sunt de moderatzione potzant cumpartzire s'ischermu",
+        "moderationVideoLabel": "Permite chi profilos chi non sunt de moderatzione ativent su vìdeu",
+        "muteEveryoneDialog": "Is partetzipantes podent ativare su micròfonu semper.",
+        "muteEveryoneDialogModerationOn": "Is partetzipantes podent preguntare de chistionare semper.",
+        "muteEveryoneElseDialog": "Una borta chi as postu calicunu a sa muda, no as a pòdere torrare a aviare s'àudio suo, però isse ddu at a pòdere fàghere in cale si siat momentu.",
+        "muteEveryoneElseTitle": "Boles pònnere totus a sa muda francu {{whom}}?",
+        "muteEveryoneElsesDesktopDialog": "Cando si firmat sa cumpartzidura, non dda podes torrare a ativare, però is àteras persones ddu podent fàghere cando bolent.",
+        "muteEveryoneElsesDesktopTitle": "Boles firmare sa cumpartzidura de ischermu de totu is partetzipantes, francu cussa de {{whom}}?",
+        "muteEveryoneElsesVideoDialog": "Cando sa càmera at a èssere disativada, no dd'as a pòdere ativare torra, isceti issos ant a pòdere.",
+        "muteEveryoneElsesVideoTitle": "Boles firmare su vìdeu de totu is partetzipantes francu de {{whom}}?",
+        "muteEveryoneSelf": "tue",
+        "muteEveryoneStartMuted": "Dae immoe, is tzarradas cumintzant cun is utentes a sa muda",
+        "muteEveryoneTitle": "Boles pònnere totus a sa muda?",
+        "muteEveryonesDesktopDialog": "Is partetzipantes podent cumpartzire s'ischermu in cale si siat momentu.",
+        "muteEveryonesDesktopDialogModerationOn": "Is partetzipantes podent imbiare una rechesta pro cumpartzire s'ischermu in cale si siat momentu.",
+        "muteEveryonesDesktopTitle": "Boles firmare sa cumpartzidura de ischermu de totu is partetzipantes?",
+        "muteEveryonesVideoDialog": "Is partetzipantes podent ativare su vìdeu semper.",
+        "muteEveryonesVideoDialogModerationOn": "Is partetzipantes podent preguntare de ativare su vìdeu semper.",
+        "muteEveryonesVideoDialogOk": "Disabìlita",
+        "muteEveryonesVideoTitle": "Boles firmare su vìdeu de totu is partetzipantes?",
+        "muteParticipantBody": "No as a pòdere torrare a ativare s'àudio issoro, però is utentes ddu ant a pòdere ativare in cale si siat momentu.",
+        "muteParticipantButton": "A sa muda",
+        "muteParticipantsDesktopBody": "No as a pòdere ativare sa cumpartzidura issoro, però ddu podent fàghere in cale si siat momentu.",
+        "muteParticipantsDesktopBodyModerationOn": "No as a pòdere aviare sa cumpartzidura de ischermu issoro, e nemmancu dd'ant a pòdere fàghere issos.",
+        "muteParticipantsDesktopButton": "Firma sa cumpartzidura de ischermu",
+        "muteParticipantsDesktopDialog": "Seguru chi boles disativare sa cumpartzidura de ischermu de custa persone? No dd'as a pòdere torrare a aviare, però issa ddu podet fàghere in cale si siat momentu.",
+        "muteParticipantsDesktopDialogModerationOn": "Seguru chi boles disativare sa cumpartzidura de ischermu de custa persone? No dd'as a pòdere torrare a aviare e nemmancu issa.",
+        "muteParticipantsDesktopTitle": "Boles disativare sa cumpartzidura de ischermu de custa persone?",
+        "muteParticipantsVideoBody": "No dd'as a pòdere ativare torra, isceti issos ant a pòdere.",
+        "muteParticipantsVideoBodyModerationOn": "No as a pòdere ativare sa càmera torra, nemmancu issos.",
+        "muteParticipantsVideoButton": "Firma su vìdeu",
+        "muteParticipantsVideoDialog": "Seguru chi boles istudare sa càmera de custu partetzipante? No dd'as a pòdere ativare torra, isceti issos ant a pòdere.",
+        "muteParticipantsVideoDialogModerationOn": "Seguru chi boles istudare sa càmera de custu partetzipante? No as a pòdere ativare sa càmera torra, nemmancu issos.",
+        "muteParticipantsVideoTitle": "Boles istudare sa càmera de custu partetzipante?",
+        "noDropboxToken": "Nissunu identificadore de Dropbox vàlidu",
+        "password": "Crae",
+        "passwordLabel": "Riunione blocada dae unu partetzipante. Inserta sa $t(lockRoomPassword) pro intrare.",
+        "passwordNotSupported": "No est possìbile istabilire una $t(lockRoomPassword).",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) non suportadu",
+        "passwordRequired": "$t(lockRoomPasswordUppercase) rechèdida",
+        "permissionCameraRequiredError": "Pro partetzipare in cunferèntzias cun vìdeu, serbint permissos pro sa càmera. Dona permissos in is cunfiguratziones",
+        "permissionErrorTitle": "Permissu rechèdidu",
+        "permissionMicRequiredError": "Pro partetzipare in cunferèntzias cun àudio, serbint permissos pro su micròfonu. Dona permissos in is cunfiguratziones",
+        "readMore": "àteru",
+        "recentlyUsedObjects": "Ogetos impreados de reghente",
+        "recording": "Registrende",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "Impossìbile in su mentras chi sa trasmissione in direta est ativa",
+        "recordingInProgressDescription": "Est in cursu sa registratzione e s'anàlisi de custu addòbiu cun IA{{learnMore}}. S'àudio e su vìdeu tuos sunt disativados. Si ddos ativas, atzetas chi siant registrados.",
+        "recordingInProgressDescriptionFirstHalf": "Est in cursu sa registratzione e s'anàlisi de custu addòbiu cun IA",
+        "recordingInProgressDescriptionSecondHalf": ". S'àudio e su vìdeu tuos sunt disativados. Si ddos ativas, atzetas chi siant registrados.",
+        "recordingInProgressTitle": "Registratzione in cursu",
+        "rejoinNow": "Torra a intrare",
+        "remoteControlAllowedMessage": "{{user}} at atzetadu sa rechesta tua de controllu remotu.",
+        "remoteControlDeniedMessage": "{{user}} at refudadu sa rechesta tua de controllu remotu.",
+        "remoteControlErrorMessage": "Faddina in sa rechesta de permissos pro su controllu remotu de {{user}}.",
+        "remoteControlRequestMessage": "Permitis chi {{user}} controllet in remotu s'elaboradore tuo?",
+        "remoteControlShareScreenWarning": "Si incarcas \"Permite\" as a cumpartzire s'ischermu tuo.",
+        "remoteControlStopMessage": "Sessione de controllu remotu acabada.",
+        "remoteControlTitle": "Controllu remotu de elaboradore",
+        "remoteUserControls": "Controllu remotu de s'utente {{username}",
+        "removePassword": "Boga $t(lockRoomPassword)",
+        "removeSharedVideoMsg": "Seguru chi boles bogare su vìdeu chi as cumpartzidu?",
+        "removeSharedVideoTitle": "Boga vìdeu cumpartzidu",
+        "renameBreakoutRoomLabel": "Nòmine de s'aposentu",
+        "renameBreakoutRoomTitle": "Torra a nominare s'aposentu separadu",
+        "reservationError": "Faddina de riserva de sistema",
+        "reservationErrorMsg": "Còdighe de faddina: {{code}}, messàgiu: {{msg}}",
+        "retry": "Torra a proare",
+        "screenSharingAudio": "Cumpartzi s'àudio",
+        "screenSharingFailed": "Ohia! Est istadu impossìbile a aviare sa cumpartzidura de ischermu.",
+        "screenSharingFailedTitle": "Faddina in sa cumpartzidura de ischermu.",
+        "screenSharingPermissionDeniedError": "Ohia Faddina in is permissos de cumpartzidura de ischermu. Torra a carrigare e torra a proare.",
+        "searchInSalesforce": "Chirca in Salesforce",
+        "searchResults": "Resurtados de chirca ({{count}})",
+        "searchResultsDetailsError": "Faddina in su recùperu de is datos de su propietàriu.",
+        "searchResultsError": "Faddina in su recùperu de datos.",
+        "searchResultsNotFound": "Nissunu resurtadu de chirca.",
+        "searchResultsTryAgain": "Proa impreende paràulas crae alternativas.",
+        "sendPrivateMessage": "As retzidu unu messàgiu privadu de reghente. Boles rispòndere a custu messàgiu in privadu, o boles imbiare su messàgiu a su grupu?",
+        "sendPrivateMessageCancel": "Imbia a su grupu",
+        "sendPrivateMessageOk": "Imbia in privadu",
+        "sendPrivateMessageTitle": "Boles imbiare custu messàgiu in privadu?",
+        "serviceUnavailable": "Su servìtziu no est a disponimentu",
+        "sessTerminated": "Mutida acabada",
+        "sessTerminatedReason": "Addòbiu acabbadu",
+        "sessionRestarted": "Mutida ripristinada a càusa de unu problema de connessione.",
+        "shareAudio": "Sighi",
+        "shareAudioAltText": "pro cumpartzire su cuntenutu disigiadu, nàviga a \"Ischeda de su navigadore\", seletziona su cuntenutu, ativa sa casella \"cumpartzi s'àudio\" e incarca su butone \"cumpartzi\"",
+        "shareAudioTitle": "Comente si cumpartzit s'àudio",
+        "shareAudioWarningD1": "depes firmare sa cumpartzidura de ischermu prima de cumpartzire d'àudio.",
+        "shareAudioWarningD2": "depes torrare a aviare sa cumpartzidura de ischermu e ativare s'optzione \"cumpartzi s'àudio\".",
+        "shareAudioWarningH1": "Si boles cumpartzire s'àudio isceti:",
+        "shareAudioWarningTitle": "Depes firmare sa cumpartzidura de ischermu prima de cumpartzire d'àudio.",
+        "shareMediaWarningGenericH2": "Si boles cumpartzire s'ischermu e s'àudio.",
+        "shareScreenWarningD1": "depes firmare sa cumpartzidura de àudio prima de cumpartzire s'ischermu.",
+        "shareScreenWarningD2": "depes firmare sa cumpartzidura de àudio, aviare sa cumpartzidura de ischermu e ativare s'optzione \"cumpartzi s'àudio\".",
+        "shareScreenWarningH1": "Si boles cumpartzire s'ischermu isceti:",
+        "shareScreenWarningTitle": "Depes firmare sa cumpartzidura de àudio prima de cumpartzire s'ischermu",
+        "shareVideoConfirmPlay": "Ses chirchende de abèrrere unu situ esternu. Boles sighire?",
+        "shareVideoConfirmPlayTitle": "{{name}} at cumpartzidu unu vìdeu cun tegus.",
+        "shareVideoLinkError": "Ohia, custu vìdeu non si podet riproduire.",
+        "shareVideoLinkStopped": "Su vìdeu de {{name}} est istadu firmadu.",
+        "shareVideoTitle": "Cumpartzi vìdeu",
+        "shareYourScreen": "Cumpartzi s'ischermu",
+        "shareYourScreenDisabled": "Cumpartzidura de ischermu disativada.",
+        "sharedVideoDialogError": "Faddina: URL non vàlidu o proibidu",
+        "sharedVideoLinkPlaceholder": "ligòngiu de YouTube o ligòngiu de vìdeu diretu",
+        "show": "Ammustra",
+        "start": "Avia ",
+        "startLiveStreaming": "Avia sa trasmissione in direta",
+        "startRecording": "Avia sa registratzione",
+        "startRemoteControlErrorMessage": "Faddina aviende sa sessione de controllu remotu.",
+        "stopLiveStreaming": "Firma sa trasmissione in direta",
+        "stopRecording": "Firma sa registratzione",
+        "stopRecordingWarning": "Seguru chi boles firmare sa registratzione?",
+        "stopStreamingWarning": "Seguru chi boles firmare sa trasmissione in direta?",
+        "streamKey": "Crae de sa trasmissione in direta",
+        "thankYou": "Gràtzias de àere impreadu {{appName}}.",
+        "token": "còdighe",
+        "tokenAuthFailed": "No tenes permissu pro intrare in custa mutida.",
+        "tokenAuthFailedReason": {
+            "audInvalid": "Valore `aud` non vàlidu. Diat dèpere èssere `jitsi`.",
+            "contextNotFound": "Ammancat s'ogetu `context` de su payload.",
+            "expInvalid": "Valore `exp` non vàlidu.",
+            "featureInvalid": "Funtzionalidade non vàlida: {{feature}}. Est probàbile chi non siat istada ancora implementada.",
+            "featureValueInvalid": "Valore non vàlidu pro sa funtzionalidade {{feature}}.",
+            "featuresNotFound": "Ammancat s'ogetu `features` dae su payload.",
+            "headerNotFound": "Ammancat s'intestatzione.",
+            "issInvalid": "Valore `iss` non vàlidu. Diat dèpere èssere `chat`.",
+            "kidMismatch": "S'ID de sa crae (kid) non currispondet a sub.",
+            "kidNotFound": "Ammancat s'ID de sa crae (kid).",
+            "nbfFuture": "Su valore `nbf` est in su benidore.",
+            "nbfInvalid": "Valore `nbf` non vàlidu.",
+            "payloadNotFound": "Ammancat su payload.",
+            "tokenExpired": "Su token est iscadidu."
+        },
+        "tokenAuthFailedTitle": "Faddina in s'autenticatzione",
+        "tokenAuthFailedWithReasons": "Non tenes permissu pro aderire a custa mutida. Resones possìbiles: {{reason}}",
+        "tokenAuthUnsupported": "S'URL de su token no est cumpatìbile.",
+        "transcribing": "Trascritzione",
+        "unlockRoom": "Boga riunione $t(lockRoomPassword)",
+        "user": "Impreadore",
+        "userIdentifier": "Identificadore de utente",
+        "userPassword": "Crae de utente",
+        "verifyParticipantConfirm": "Currispondent",
+        "verifyParticipantDismiss": "Non currispondent",
+        "verifyParticipantQuestion": "ISPERIMENTALE: Pregunta a {{participantName}} si bident su pròpiu cuntenutu in su pròpiu òrdine.",
+        "verifyParticipantTitle": "Verìfica de utente",
+        "videoLink": "Ligòngiu de vìdeu",
+        "viewUpgradeOptions": "Ammustra is optziones premium",
+        "viewUpgradeOptionsContent": "Pro otènnere atzessu illimitadu a is funtzionalidades premium comente sa registratzione, sa trascritzione, trasmissione RTMP e àteru, depes passare a unu contu prus artu.",
+        "viewUpgradeOptionsTitle": "As iscobertu una funtzionalidade premium.",
+        "whiteboardLimitContent": "Barigadu su nùmeru màssimu de utentes de sa pitzarra.",
+        "whiteboardLimitReference": "Pro àteras informatziones, bìsita",
+        "whiteboardLimitReferenceUrl": "su situ web nostru",
+        "whiteboardLimitTitle": "Impreu de sa pitzarra limitadu",
+        "yourEntireScreen": "S'ischermu intreu"
+    },
+    "documentSharing": {
+        "title": "Documentu cumpartzidu"
+    },
+    "e2ee": {
+        "labelToolTip": "Sa comunicatzione àudio e vìdeu de custa mutida impreat critografia a nodu terminale"
+    },
+    "embedMeeting": {
+        "title": "Incòrpora custa riunione"
+    },
+    "feedback": {
+        "accessibilityLabel": {
+            "yourChoice": "Su sèberu tuo: {{rating}}"
+        },
+        "average": "Mèdiu",
+        "bad": "Malu",
+        "detailsLabel": "Nara·si de prus.",
+        "good": "Bonu",
+        "rateExperience": "Vota s'esperièntzia tua in custa riunione",
+        "star": "Pone un'isteddu",
+        "veryBad": "Mala meda",
+        "veryGood": "Bona meda"
+    },
+    "fileSharing": {
+        "downloadFailedDescription": "Torra·nche a proare.",
+        "downloadFailedTitle": "Faddina in s'iscarrigamentu",
+        "downloadFile": "Iscarrigamentu",
+        "downloadStarted": "",
+        "dragAndDrop": "Trìsina e lassa inoghe o in cale si siat àteru logu de s'ischermu is archìvios",
+        "fileAlreadyUploaded": "Custu archìviu est istadu giai carrigadu a custu addòbiu.",
+        "fileTooLargeDescription": "Assegura·ti chi s'archìviu non siat prus mannu de {{ maxFileSize }}.",
+        "fileTooLargeTitle": "S'archìviu seletzionadu est tropu mannu",
+        "fileUploadProgress": "",
+        "fileUploadedSuccessfully": "",
+        "removeFile": "Cantzella",
+        "removeFileSuccess": "",
+        "uploadFailedDescription": "Torra·nche a proare.",
+        "uploadFailedTitle": "Faddina in sa càrriga",
+        "uploadFile": "Cumpartzi un'archìviu"
+    },
+    "filmstrip": {
+        "accessibilityLabel": {
+            "heading": "Miniaturas de vìdeu"
+        }
+    },
+    "giphy": {
+        "noResults": "Nissunu resurtadu :(",
+        "search": "Chirca GIPHY"
+    },
+    "incomingCall": {
+        "answer": "Risponde",
+        "audioCallTitle": "Mutida in intrada",
+        "decline": "Iscarta",
+        "productLabel": "dae Jitsi Meet",
+        "videoCallTitle": "Mutida de vìdeu in intrada"
+    },
+    "info": {
+        "accessibilityLabel": "Ammustra informatziones",
+        "addPassword": "Agiunghe $t(lockRoomPassword)",
+        "cancelPassword": "Annulla $t(lockRoomPassword)",
+        "conferenceURL": "Ligòngiu:",
+        "copyNumber": "Còpia su nùmeru",
+        "country": "Paisu",
+        "dialANumber": "Pro intrare in sa riunione, cumpone unu de custos nùmeros e inserta su PIN.",
+        "dialInConferenceID": "PIN:",
+        "dialInNotSupported": "Sa partetzipatzione telefònica ebbia no est suportada a oe.",
+        "dialInNumber": "Cumpone:",
+        "dialInSummaryError": "Faddina in su ritzevimentu de is nùmeros de telèfonu. Torra a proare a pustis.",
+        "dialInTollFree": "Sena pedàgios",
+        "genericError": "Faddina.",
+        "inviteLiveStream": "Pro bìdere sa trasmissione in direta de custa riunione, incarca custu ligòngiu: {{url}}",
+        "invitePhone": "Si boles fàghere una connessione telefònica, toca custu: {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Ses chirchende unu nùmeru diferente?\nControlla is nùmeros de telèfonu de sa riunione: {{url}}\n\nSi ses giai mutende tràmite unu telèfonu de sa riunione, intra sena ti connètere a s'àudio: {{silentUrl}}",
+        "inviteSipEndpoint": "Pro intrare impreende s'indiritzu SIP, inserta custu: {{sipUri}}",
+        "inviteTextiOSInviteUrl": "Incarca su ligòngiu imbeniente pro intrare: {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "Si ses intrende cun nùmeru telefònicu tràmite unu telèfonu fissu, imprea custu ligòngiu sena de ti connètere a s'àudio: {{silentUrl}}.",
+        "inviteTextiOSPersonal": "{{name}} t'at invitadu a sa riunione.",
+        "inviteTextiOSPhone": "Pro intrare tràmite su telèfonu, imprea custu nùmeru: {{number}},,{{conferenceID}}#. Si ses chirchende unu nùmeru diferente, custa est sa lista cumpleta: {{didUrl}}.",
+        "inviteURLFirstPartGeneral": "Tenes un'invitu pro intrare in una riunione.",
+        "inviteURLFirstPartPersonal": "{{name}} t'at invitadu a sa riunione.\n",
+        "inviteURLSecondPart": "\nIntra in sa riunione:\n{{url}}\n",
+        "label": "Informatzione pro sa mutida",
+        "liveStreamURL": "Trasmissione in direta:",
+        "moreNumbers": "Àteros nùmeros",
+        "noNumbers": "Nissunu nùmeru de mutire.",
+        "noPassword": "Nissunu",
+        "noRoom": "No as ispetzificadu nissuna sala de mutire.",
+        "noWhiteboard": "Impossìbile carrigare sa pitzarra.",
+        "numbers": "Nùmeros de mutire.",
+        "password": "$t(lockRoomPasswordUppercase): ",
+        "reachedLimit": "Lìmite de su pianu barigadu.",
+        "sip": "Indiritzu SIP",
+        "sipAudioOnly": "Indiritzu SIP de àudio ebbia",
+        "title": "Cumpartzi",
+        "tooltip": "Imbia su ligòngiu e is nùmeros de telèfonu de custa riunione",
+        "upgradeOptions": "Controlla is optziones premium in",
+        "whiteboardError": "Faddina in sa càrriga de sa pitzarra. Torra·nche a proare a pustis."
+    },
+    "inlineDialogFailure": {
+        "msg": "Nci amus postu unu pagu.",
+        "retry": "Torra a proare",
+        "support": "Agiudu",
+        "supportMsg": "Si custu sighit a sutzèdere, nara·si·ddu a "
+    },
+    "inviteDialog": {
+        "alertText": "Faddina in s'invitu de àtera gente.",
+        "header": "Invita",
+        "searchCallOnlyPlaceholder": "Inserta unu nùmeru de telèfonu",
+        "searchPeopleOnlyPlaceholder": "Chirca gente",
+        "searchPlaceholder": "Partetzipante o nùmeru de telèfonu",
+        "send": "Imbia"
+    },
+    "jitsiHome": "{{logo}} Logo, ligòngios a sa pàgina printzipale",
+    "keyboardShortcuts": {
+        "focusLocal": "Ammustra su vìdeu tuo",
+        "focusRemote": "Ammustra su vìdeu de s'àtera persone",
+        "fullScreen": "Visualiza in mannària prena o essi",
+        "giphyMenu": "Cuncàmbia su menù GIPHY",
+        "keyboardShortcuts": "Incurtzaduras de tecladu",
+        "localRecording": "Ammustra o cua controllos de registratzione locale",
+        "mute": "Pone su micròfonu a sa muda o torra·ddu a ativare",
+        "pushToTalk": "Incarca pro chistionare",
+        "raiseHand": "Àrtzia o abbassa sa manu",
+        "showSpeakerStats": "Ammustra istatìsticas de partetzipantes",
+        "toggleChat": "Aberi o serra sa tzarrada",
+        "toggleFilmstrip": "Ammustra o cua miniaturas de vìdeu",
+        "toggleParticipantsPane": "Ammustra o cua su pannellu de partetzipantes",
+        "toggleScreensharing": "Cuncàmbia intre càmera e cumpartzidura de ischermu",
+        "toggleShortcuts": "Ammustra o cua incurtzaduras de tecladu",
+        "videoMute": "Avia o firma sa càmera tua"
+    },
+    "largeVideo": {
+        "screenIsShared": "Ses cumpartzende s'ischermu tuo",
+        "showMeWhatImSharing": "Ammustra·mi su chi so cumpartzende"
+    },
+    "liveStreaming": {
+        "busy": "Semus chirchende de liberare resursas de trasmissione. Torra a proare dae immoe a carchi minutu.",
+        "busyTitle": "Is trasmitentes sunt ocupados immoe.",
+        "changeSignIn": "Càmbia contos.",
+        "choose": "Sèbera una trasmissione in direta.",
+        "chooseCTA": "Sèbera un'optzione pro sa trasmissione. Autenticatzione che a {{email}}.",
+        "enterStreamKey": "Inserta inoghe sa crae tua pro sa trasmissione in direta de YouTube.",
+        "error": "Faddina in sa trasmissione in direta. Torra a proare.",
+        "errorAPI": "Faddina in s'atzessu a is trasmissiones tuas de Youtube. Torra a proare.",
+        "errorLiveStreamNotEnabled": "Sa trasmissione in direta no est ativa in {{email}}. Ativa sa trasmissione in direta o autèntica·ti in unu contu chi tèngiat ativa sa trasmissione in direta.",
+        "expandedOff": "Trasmissione in direta firmada",
+        "expandedOn": "Custu addòbiu est trasmìtidu in direta",
+        "expandedPending": "Trasmissione in direta aviada…",
+        "failedToStart": "Faddina in s'aviu de sa trasmissione in direta",
+        "getStreamKeyManually": "No amus pòdidu retzire nissuna trasmissione in direta. Chirca de otènnere sa crae de YouTube tua pro is trasmissiones in direta.",
+        "googlePrivacyPolicy": "Polìtica de riservadesa de Google",
+        "inProgress": "Registratzione o trasmissione in direta in cursu",
+        "invalidStreamKey": "Sa crae pro is trasmissiones in direta podet èssere iscurreta.",
+        "limitNotificationDescriptionNative": "Sa trasmissione in direta tua at a èssere limitada a {{limit}} minutos. Pro una trasmissione sena lìmites, imprea {{app}}.",
+        "limitNotificationDescriptionWeb": "A càusa de s'arta dimanda, sa trasmissione in direta tua at a èssere limitada a {{limit}} minutos. Pro una trasmissione sena lìmites, imprea <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "off": "Trasmissione in direta firmada",
+        "offBy": "{{name}} at firmadu sa trasmissione in direta",
+        "on": "Trasmissione in direta aviada",
+        "onBy": "{{name}} at aviadu sa trasmissione in direta",
+        "pending": "Aviende sa trasmissione in direta…",
+        "policyError": "As chircadu de aviare una trasmissione in direta tropu a sa lestra. Torra·nche a proare a pustis.",
+        "serviceName": "Servìtziu de trasmissione in direta",
+        "sessionAlreadyActive": "S'est giai registrende o trasmitende in direta sa sessione.",
+        "signIn": "Autèntica·ti cun Google",
+        "signInCTA": "Autèntica·ti o inserta sa crae tua pro sa trasmissione in direta de YouTube.",
+        "signOut": "Essi",
+        "signedInAs": "Autenticatzione cun:",
+        "start": "Avia sa trasmissione in direta",
+        "streamIdHelp": "It'est custu?",
+        "title": "Trasmissione in direta",
+        "unavailableTitle": "Sa trasmissione in direta no est a disponimentu",
+        "youtubeTerms": "Cunditziones de servìtziu de YouTube"
+    },
+    "lobby": {
+        "backToKnockModeButton": "Pedi de intrare",
+        "chat": "Tzarrada",
+        "dialogTitle": "Modalidade de aposentu de abetu",
+        "disableDialogContent": "Sa modalidade de aposentu de abetu est ativa. Custa funtzionalidade garantit chi nissunu partetzipante non invitadu at a intrare a sa riunione. Dda boles disabilitare?",
+        "disableDialogSubmit": "Disabìlita",
+        "emailField": "Pone s'indiritzu tuo de posta eletrònica",
+        "enableDialogPasswordField": "Crea una crae (optzionale)",
+        "enableDialogSubmit": "Abìlita",
+        "enableDialogText": "Sa modalidade de aposentu de abetu ti permitit de amparare sa riunione tua pro mèdiu de s'atzetatzione formale prèvia de is partetzipantes dae parte de sa moderatzione.",
+        "enterPasswordButton": "Inserta sa crae de sa riunione",
+        "enterPasswordTitle": "Inserta sa crae pro intrare a sa riunione",
+        "errorMissingPassword": "Inserta sa crae de sa riunione",
+        "invalidPassword": "Crae non vàlida",
+        "joinRejectedMessage": "Rechesta refudada dae sa moderatzione.",
+        "joinRejectedTitle": "Rechesta refudada.",
+        "joinTitle": "Intra a sa riunione",
+        "joinWithPasswordMessage": "Proende a intrare cun sa crae, abeta…",
+        "joiningMessage": "As a intrare a sa riunione comente sa rechesta tua bèngiat atzetada",
+        "joiningTitle": "Pedende de intrare…",
+        "joiningWithPasswordTitle": "Intrende cun crae…",
+        "knockButton": "Pedi de intrare",
+        "knockTitle": "Una persone bolet intrare a sa riunione",
+        "knockingParticipantList": "Lista de partetzipantes in ispera",
+        "lobbyChatStartedNotification": "{{moderator}} at aviadu una tzarrada de aposentu de abetu cun {{attendee}}",
+        "lobbyChatStartedTitle": "{{moderator}} at aviadu una tzarrada de aposentu de abetu cun tue.",
+        "lobbyClosed": "S'aposentu de abetu est istadu serradu.",
+        "nameField": "Inserta su nòmin tuo",
+        "notificationLobbyAccessDenied": "{{originParticipantName}} at refudadu s'intrada de {{targetParticipantName}}",
+        "notificationLobbyAccessGranted": "{{originParticipantName}} at permìtidu s'intrada de {{targetParticipantName}}",
+        "notificationLobbyDisabled": "{{originParticipantName} at disativadu s'aposentu de abetu",
+        "notificationLobbyEnabled": "{{originParticipantName} at ativadu s'aposentu de abetu",
+        "notificationTitle": "Aposentu de abetu",
+        "passwordJoinButton": "Aderi",
+        "title": "Aposentu de abetu",
+        "toggleLabel": "Ativa s'aposentu de abetu"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Disativada",
+            "on": "Ativa",
+            "unknown": "Disconnota"
+        },
+        "dialogTitle": "Controllos de registratzione locale",
+        "duration": "Durada",
+        "durationNA": "Non a disponimentu",
+        "encoding": "Codìfica",
+        "label": "Registr. locale",
+        "labelToolTip": "Sa registratzione in locale est funtzionende",
+        "localRecording": "Registratzione in locale",
+        "me": "Deo",
+        "messages": {
+            "engaged": "Sa registratzione in locale est funtzionende",
+            "finished": "Acabada sa registratzione de sessione {{token}}. Imbia s'archìviu registradu a sa persone chi mòderat.",
+            "finishedModerator": "Acabada sa registratzione de sessione {{token}}. Registratzione locale sarvada. Dimanda a su restu de su grupu de imbiare is registratziones.",
+            "notModerator": "No ses moderadore. Non podes aviare o firmare registratziones in locale."
+        },
+        "moderator": "Moderadore",
+        "no": "Nono",
+        "participant": "Partetzipante",
+        "participantStats": "Istatìsticas de partetzipantes",
+        "selectTabTitle": "🎥 Seletziona custa ischeda pro sa registratzione",
+        "sessionToken": "Còdighe de sessione",
+        "start": "Avia sa registratzione",
+        "stop": "Firma sa registratzione",
+        "stopping": "Firmende sa registratzione",
+        "wait": "Abeta su sarvamentu de sa registratzione",
+        "yes": "Eja"
+    },
+    "lockRoomPassword": "crae",
+    "lockRoomPasswordUppercase": "Crae",
+    "lonelyMeetingExperience": {
+        "button": "Invita gente",
+        "youAreAlone": "Ses a sa sola in custa riunione"
+    },
+    "me": "deo",
+    "notify": {
+        "OldElectronAPPTitle": "Vulnerabilidade de seguresa.",
+        "allowAll": "Permite totu",
+        "allowAudio": "Permite s'àudio",
+        "allowDesktop": "Permite sa cumpartzidura de ischermu",
+        "allowVideo": "Permite su vìdeu",
+        "allowedUnmute": "Podes ativare su micròfonu tuo, aviare sa càmera o cumpartzire s'ischermu.",
+        "audioUnmuteBlockedDescription": "S'ativatzione de su micròfonu est istada blocada a càusa de limitatziones de su sistema.",
+        "audioUnmuteBlockedTitle": "Ativatzione de su micròfonu blocada.",
+        "chatMessages": "Messàgios de sa tzarrada",
+        "connectedOneMember": "{{name}} at aderidu a sa riunione",
+        "connectedThreePlusMembers": "{{name}} e meda àtera gente at aderidu a sa riunione",
+        "connectedTwoMembers": "{{first}} e {{second}} ant aderidu a sa riunione",
+        "connectionFailed": "Faddina in sa connessione. Torra·nche a proare a pustis.",
+        "dataChannelClosed": "Podet èssere chi sa calidade de vìdeu siat bàscia",
+        "dataChannelClosedDescription": "Su canale ponte est rutu e pro custu sa calidade de vìdeu podet èssere limitada a su valore prus bàsciu.",
+        "dataChannelClosedDescriptionWithAudio": "Su canale ponte est rutu e podet èssere chi nche siant problemas cun s'àudio e su vìdeu.",
+        "dataChannelClosedWithAudio": "Podet èssere chi nche siant problemas cun sa calidade de s'àudio e de su vìdeu",
+        "desktopMutedRemotelyTitle": "{{participantDisplayName}} at firmadu sa cumpartzidura de ischermu",
+        "disabledIframe": "S'integratzione serbit isceti a propòsitos de dimustratzione. Custa mutida s'at a disconnètere de immoe a {{timeout}} minutos.",
+        "disabledIframeSecondaryNative": "S'integratzione de {{domain}} serbit isceti a propòsitos de dimustratzione. Custa mutida s'at a disconnètere de immoe a {{timeout}} minutos.",
+        "disabledIframeSecondaryWeb": "S'integratzione de {{domain}} serbit isceti a propòsitos de dimustratzione. Custa mutida s'at a disconnètere de immoe a {{timeout}} minutos. Imprea <a href='{{jaasDomain}}' rel='noopener noreferrer' target='_blank'>Jitsi as a Service</a> pro s'integratzione in produtzione.",
+        "disconnected": "disconnètidu",
+        "displayNotifications": "Ammustra is notìficas pro",
+        "dontRemindMe": "Non mi ddu regordes prus",
+        "focus": "Focus de sa cunferèntzia",
+        "focusFail": "{{component}} no est a disponimentu - torra a proare in {{ms}} seg",
+        "gifsMenu": "GIPHY",
+        "groupTitle": "Notìficas",
+        "hostAskedUnmute": "Sa moderatzione bolet chi partètzipes.",
+        "invalidTenant": "Arrendatàriu non vàlidu",
+        "invalidTenantHyphenDescription": "S'arrendatàriu chi ses impreende no est vàlidu (cumintzat o acabbat cun '-').",
+        "invalidTenantLengthDescription": "S'arrendatàriu chi ses impreende est tropu longu.",
+        "invitedOneMember": "Invitu imbiadu a {{name}}",
+        "invitedThreePlusMembers": "Invitu imbiadu a {{name}} e àteras {{count}} persones",
+        "invitedTwoMembers": "Invitu imbiadu a {{first}} e {{second}}",
+        "joinMeeting": "Aderi",
+        "kickParticipant": "{{kicker}} at bogadu a {{kicked}}",
+        "leftOneMember": "{{name}} at lassadu sa riunione",
+        "leftThreePlusMembers": "{{name}} e meda àtera gente ant lassadu sa riunione",
+        "leftTwoMembers": "{{first}} e {{second}} ant lassadu sa riunione",
+        "linkToSalesforce": "Ligòngiu a Salesforce",
+        "linkToSalesforceDescription": "Podes acapiare su resumu de sa riunione a un'ogetu de Salesforce.",
+        "linkToSalesforceError": "Faddina in s'acàpiu de sa riunione a Salesforce",
+        "linkToSalesforceKey": "Acàpia custa riunione",
+        "linkToSalesforceProgress": "Acapiende sa riunione a Salesforce…",
+        "linkToSalesforceSuccess": "Riunione acapiada a Salesforce",
+        "localRecordingStarted": "{{name}} at aviadu sa registratzione in locale.",
+        "localRecordingStopped": "{{name}} at firmadu sa registratzione in locale.",
+        "me": "Deo",
+        "moderationInEffectCSDescription": "Àrtzia sa manu si boles cumpartzire s'ischermu.",
+        "moderationInEffectCSTitle": "Sa cumpartzidura de ischermu est blocada dae sa moderatzione",
+        "moderationInEffectDescription": "Àrtzia sa manu si boles chistionare.",
+        "moderationInEffectTitle": "Sa moderatzione at postu su micròfonu tuo a sa muda",
+        "moderationInEffectVideoDescription": "Àrtzia sa manu si boles aviare sa càmera tua.",
+        "moderationInEffectVideoTitle": "Sa moderatzione at blocadu sa càmera tua.",
+        "moderationRequestFromModerator": "Su mere t'at pedidu de ativare su micròfonu",
+        "moderationRequestFromParticipant": "Bolet chistionare",
+        "moderationStartedTitle": "Moderatzione incumintzada",
+        "moderationStoppedTitle": "Moderatzione firmada",
+        "moderationToggleDescription": "dae {{participantDisplayName}}",
+        "moderator": "Immoe tenes permissu de moderatzione",
+        "muted": "As cumintzadu una tzarrada a sa muda.",
+        "mutedRemotelyDescription": "Podes torrare a aviare s'àudio cando depas chistionare. Torra a sa muda cando as acabadu pro evitare remore in sa riunione.",
+        "mutedRemotelyTitle": "{{participantDisplayName}} t'at postu a sa muda",
+        "mutedTitle": "Ses a sa muda.",
+        "newDeviceAction": "Imprea",
+        "newDeviceAudioTitle": "Dispositivu de àudio nou rilevadu",
+        "newDeviceCameraTitle": "Càmera noa rilevada",
+        "nextToSpeak": "Ti tocat a chistionare a pustis",
+        "noiseSuppressionDesktopAudioDescription": "Impossìbile ativare sa limpiadura additzionale de abbolotu in su mentras chi ses cumpartzende s'àudio de iscrivania. Disativa·dda e torra a proare.",
+        "noiseSuppressionFailedTitle": "Faddina in s'ativatzione de sa limpiadura additzionale de abbolotu",
+        "noiseSuppressionStereoDescription": "Sa limpiadura additzionale de abbolotu no est cumpatìbile cun s'àudio stereo.",
+        "oldElectronClientDescription1": "Paret chi ses impreende una versione betza de su cliente de Jitsi Meet, chi tenet vulnerabilidades de seguresa connotas. Assegura·ti chi atualizas a ",
+        "oldElectronClientDescription2": "s'ùrtima versione",
+        "oldElectronClientDescription3": " immoe.",
+        "openChat": "",
+        "participantWantsToJoin": "Bolet intrare a sa riunione",
+        "participantsWantToJoin": "Bolent intrare a sa riunione",
+        "passwordRemovedRemotely": "Un'utente at bogadu $t(lockRoomPasswordUppercase)",
+        "passwordSetRemotely": "Un'utente at cunfiguradu $t(lockRoomPasswordUppercase)",
+        "raiseHandAction": "Àrtzia sa manu",
+        "raisedHand": "Bolet partetzipare.",
+        "raisedHands": "{{participantName}} e {{raisedHands}} àteras persones",
+        "reactionSounds": "Disativa sonos",
+        "reactionSoundsForAll": "Disativa sonos pro totus",
+        "screenShareNoAudio": "Sa casella de cumpartzidura de àudio non fiat ativa in s'ischermu de seletzione de ventana.",
+        "screenShareNoAudioTitle": "Impossìbile cumpartzire s'àudio de su sistema.",
+        "screenSharingAudioOnlyDescription": "Tene contu chi sa cumpartzidura de ischermu tenet cunsighèntzias in sa modalidade \"Rendimentu mègius\" e as a impreare prus àmpiu de banda.",
+        "screenSharingAudioOnlyTitle": "Modalidade \"Rendimentu mègius\"",
+        "selfViewTitle": "Podes semper ammustrare s'àuto-visualizatzione dae sa cunfiguratzione",
+        "somebody": "Calicunu",
+        "startSilentDescription": "Torra a intrare pro ativare s'àudio",
+        "startSilentTitle": "Ses intradu sena àudio.",
+        "suboptimalBrowserWarning": "Timimus chi s'esperièntzia tua de custa riunione no at a èssere bona meda. Semus chirchende maneras de megiorare custu. In su mentras, proa un'àteru de is <a href='{{recommendedBrowserPageLink}}' target='_blank'>navigadores cumpatìbiles</a>.",
+        "suboptimalExperienceTitle": "Avisu subra de su navigadore",
+        "suggestRecordingAction": "Avia",
+        "suggestRecordingDescription": "Boles aviare sa registratzione?",
+        "suggestRecordingTitle": "Registra custu addòbiu",
+        "unmute": "Ativa s'àudio",
+        "unmuteScreen": "Avia sa cumpartzidura de ischermu",
+        "unmuteVideo": "Ativa su vìdeu",
+        "videoMutedRemotelyDescription": "Ddu podes semper torrare a ativare.",
+        "videoMutedRemotelyTitle": "{{participantDisplayName}} at istudadu su vìdeu tuo",
+        "videoUnmuteBlockedDescription": "Ativatzione de sa càmera e cumpartzidura de ischermu blocadas in manera temporànea a càusa de limitatziones de su sistema.",
+        "videoUnmuteBlockedTitle": "Ativatzione de sa càmera e cumpartzidura de ischermu blocadas.",
+        "viewLobby": "Ammustra s'aposentu de abetu",
+        "viewParticipants": "Ammustra is partetzipantes",
+        "viewVisitors": "Ammustra su pùblicu",
+        "waitingParticipants": "{{waitingParticipants}} persones",
+        "waitingVisitors": "Persones de su pùblicu abetende: {{waitingVisitors}}",
+        "waitingVisitorsTitle": "Sa trasmissione de s'addòbiu no est ancora cumintzada.",
+        "whiteboardLimitDescription": "Sarva su progressu tuo, dae chi su lìmite de utentes at a èssere barigadu de immoe a pagu e sa pitzarra s'at a serrare.",
+        "whiteboardLimitTitle": "Impreu de sa pitzarra"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "Ammite",
+            "admitAll": "Ammite totu",
+            "allow": "Permite a is partetzipantes sena profilu de moderatzione:",
+            "allowDesktop": "Permite sa cumpartzidura de ischermu",
+            "allowVideo": "Permite vìdeu",
+            "askDesktop": "Pregunta·ddi de cumpartzire s'ischermu",
+            "askUnmute": "Pedi de ativare su micròfonu",
+            "audioModeration": "Ativare su pròpiu micròfonu",
+            "blockEveryoneMicCamera": "Blocare su micròfonu e sa càmera de totu is partetzipantes",
+            "breakoutRooms": "Aposentos separados",
+            "desktopModeration": "Avia sa cumpartzidura de ischermu",
+            "goLive": "Trasmite in direta",
+            "invite": "Invita a una persone",
+            "lowerAllHands": "Abbassa totu is manos",
+            "lowerHand": "Abbassa sa manu",
+            "moreModerationActions": "Àteras optziones de moderatzione",
+            "moreModerationControls": "Àteros controllos de moderatzione",
+            "moreParticipantOptions": "Àteras optziones de partetzipantes",
+            "mute": "A sa muda",
+            "muteAll": "Totu a sa muda",
+            "muteEveryoneElse": "Pone totus a sa muda",
+            "reject": "Refuda",
+            "stopDesktop": "Firma sa cumpartzidura de ischermu",
+            "stopEveryonesDesktop": "Firma totu is cumpartziduras de ischermu",
+            "stopEveryonesVideo": "Istuda su vìdeu de totu is partetzipantes",
+            "stopVideo": "Firma su vìdeu",
+            "unblockEveryoneMicCamera": "Isbloca su micròfonu e sa càmera de totu is partetzipantes",
+            "videoModeration": "Avia su vìdeu issoro"
+        },
+        "close": "Serra",
+        "headings": {
+            "lobby": "Aposentu de abetu ({{count}})",
+            "participantsList": "Partetzipantes de sa riunione ({{count}})",
+            "viewerRequests": "Rechestas de su pùblicu: {{count}}",
+            "visitorInQueue": " ({{count}} abetende)",
+            "visitorRequests": " ({{count}} rechestas)",
+            "visitors": "Persones de su pùblicu: {{count}}",
+            "visitorsList": "Persones de su pùblicu ({{count}})",
+            "waitingLobby": "Abetende in s'aposentu de abetu ({{count}})"
+        },
+        "search": "Chirca partetzipantes",
+        "searchDescription": "Cumintza a iscrìere pro filtrare partetzipantes",
+        "title": "Partetzipantes"
+    },
+    "passwordDigitsOnly": "Finas a {{number}} tzifras",
+    "passwordSetRemotely": "Cunfiguradu dae un'àteru partetzipante",
+    "pinParticipant": "{{participantName}} - Apica",
+    "pinnedParticipant": "Partetzipante apicadu",
+    "polls": {
+        "answer": {
+            "edit": "Modifica",
+            "send": "Imbia",
+            "skip": "Brinca",
+            "submit": "Imbia"
+        },
+        "by": "Dae {{name}}",
+        "closeButton": "Serra su sondàgiu",
+        "create": {
+            "addOption": "Agiunghe optzione",
+            "answerPlaceholder": "Optzione {{index}}",
+            "cancel": "Annulla",
+            "create": "Crea unu sondàgiu",
+            "pollOption": "Optzione de sondàgiu {{index}}",
+            "pollQuestion": "Dimanda de sondàgiu",
+            "questionPlaceholder": "Faghe una pregonta",
+            "removeOption": "Boga s'optzione",
+            "save": "Sarva",
+            "send": "Imbia"
+        },
+        "errors": {
+            "notUniqueOption": "Sas optziones depent èssere ùnicas"
+        },
+        "notification": {
+            "description": "Aberi ischeda de sondàgiu pro votare",
+            "title": "Sondàgiu nou agiuntu a sa riunione"
+        },
+        "results": {
+            "changeVote": "Càmbia su votu",
+            "empty": "Nissunu sondàgiu in custu addòbiu.",
+            "hideDetailedResults": "Cua is detàllios",
+            "showDetailedResults": "Ammustra detàllios",
+            "vote": "Vota"
+        }
+    },
+    "poweredby": "de",
+    "prejoin": {
+        "audioAndVideoError": "Faddina de àudio e de vìdeu",
+        "audioDeviceProblem": "Problema cun su dispositivu de àudio tuo",
+        "audioOnlyError": "Faddina de àudio:",
+        "audioTrackError": "Impossìbile creare una rasta de àudio.",
+        "callMe": "Muti·mi",
+        "callMeAtNumber": "Muti·mi a custu nùmeru",
+        "calling": "Mutende",
+        "configuringDevices": "Cunfigurende is dispositivos…",
+        "connectedWithAudioQ": "Tenes connessione de àudio?",
+        "connection": {
+            "failed": "Faddina in su test de connessione.",
+            "good": "Sa connessione internet tua paret bona.",
+            "nonOptimal": "Sa connessione internet no est òtima",
+            "poor": "Sa connessione internet tua est pòbera",
+            "running": "Test de connessione in cursu…"
+        },
+        "connectionDetails": {
+            "audioClipping": "Est probàbile chi s'àudio tuo tèngiat interrutziones.",
+            "audioHighQuality": "Est probàbile chi s'àudio tuo siat de calidade òtima.",
+            "audioLowNoVideo": "Est probàbile chi sa calidade de s'àudio siat bàscia e chi no tèngias vìdeu.",
+            "goodQuality": "Fantàsticu! Sa calidade de is elementos multimediales at a èssere perfeta.",
+            "noMediaConnectivity": "Impossìbile istabilire connessione multimediale pro custa proa. A s'ispissu, custu est a càusa de unu firewall o NAT.",
+            "noVideo": "Est probàbile chi s'àudio tuo siat de calidade bàscia meda.",
+            "testFailed": "Su test de connessione at agatadu problemas imprevistos, ma forsis no ant a tènnere cunsighèntzias in sa sessione tua.",
+            "undetectable": "Si ancora non renesses a mutire dae su navigadore, assegura·ti chi is altoparlantes, sa càmera e su micròfonu tuos sunt cunfigurados bene, chia as donadu is permissos a su navigadore pro impreare sa càmera e su micròfonu e chi sa versione de su navigadore tuo est atualizada. Si tenes problemas in is mutidas, cuntata cun s'iscuadra de isvilupu de s'aplicatzione web.",
+            "veryPoorConnection": "Est probàbile chi sa calidade de sa mutida siat bàscia meda.",
+            "videoFreezing": "Est probàbile chi su vìdeu tuo s'at a cungelare, at a torrare nieddu o at a bènnere pixeladu. ",
+            "videoHighQuality": "Est probàbile chi su vìdeu tuo tèngiat una calidade bona.",
+            "videoLowQuality": "Est probàbile chi su vìdeu tuo tèngiat una calidade bàscia in contu de lestresa de fotogrammas e risolutzione.",
+            "videoTearing": "Est probàbile chi su vìdeu tuo bèngiat pixeladu o tèngiat difetos visuales."
+        },
+        "copyAndShare": "Còpia e cumpartzi su ligòngiu de sa riunione",
+        "dialInMeeting": "Intra a sa riunione cun unu nùmeru telefònicu",
+        "dialInPin": "Intra a sa riunione cun unu nùmeru telefònicu e inserta su còdighe PIN:",
+        "dialing": "Intrende cun nùmeru de telèfonu",
+        "doNotShow": "No ammustres prus custa ventana",
+        "errorDialOut": "Impossìbile cumpònnere su nùmeru",
+        "errorDialOutDisconnected": "Impossìbile cumpònnere su nùmeru. Disconnètidu",
+        "errorDialOutFailed": "Impossìbile cumpònnere su nùmeru. Mutida faddida",
+        "errorDialOutStatus": "Faddina in s'istadu de sa mutida",
+        "errorMissingName": "Inserta su nòmine tuo pro intrare a sa riunione",
+        "errorNoPermissions": "As a tènnere bisòngiu de permìtere s'atzessu a su micròfonu e sa càmera",
+        "errorStatusCode": "Faddina in sa mutida, còdighe de istadu: {{status}}",
+        "errorValidation": "Faddina in sa validatzione de su nùmeru",
+        "iWantToDialIn": "Bògio mutire su nùmeru",
+        "initiated": "Tzerriada aviada",
+        "joinAudioByPhone": "Partètzipa cun àudio dae su telèfonu",
+        "joinMeeting": "Intra a sa riunione",
+        "joinMeetingInLowBandwidthMode": "Intra in modalidade de àmpiu de banda bàsciu",
+        "joinWithoutAudio": "Intra sena àudio",
+        "keyboardShortcuts": "Ativa incurtzaduras de tecladu",
+        "linkCopied": "Ligòngiu copiadu in punta de billete",
+        "lookGood": "Is dispositivos tuos sunt funtzionende",
+        "or": "opuru",
+        "premeeting": "Pre-riunione",
+        "proceedAnyway": "Sighi su pròpiu",
+        "recordingWarning": "Podet èssere chi àteras persones siant registrende custa mutida",
+        "screenSharingError": "Faddina in sa cumpartzidura de s'ischermu",
+        "startWithPhone": "Avia imperende s'àudio de su telèfonu",
+        "unsafeRoomConsent": "Cumprendo is arriscos e bògio aderire a s'addòbiu",
+        "videoOnlyError": "Faddina de vìdeu:",
+        "videoTrackError": "Impossìbile creare una rasta de vìdeu.",
+        "viewAllNumbers": "Ammustra totu is nùmeros"
+    },
+    "presenceStatus": {
+        "busy": "No a disponimentu",
+        "calling": "Mutende…",
+        "connected": "Connessione istabilida",
+        "connecting": "Connetende…",
+        "connecting2": "Connetende*…",
+        "disconnected": "Disconnètidu",
+        "expired": "Iscadidu",
+        "ignored": "Ignoradu",
+        "initializingCall": "Aviende sa mutida…",
+        "invited": "Invitadu",
+        "rejected": "Refudadu",
+        "ringing": "Sonende…"
+    },
+    "profile": {
+        "avatar": "immàgine de profilu",
+        "setDisplayNameLabel": "Cunfigura su nòmine visìbile tuo",
+        "setEmailInput": "Inserta unu contu de posta eletrònica",
+        "setEmailLabel": "Cunfigura indiritzu eletrònicu de gravatar",
+        "title": "Profilu"
+    },
+    "raisedHand": "Bolet chistionare",
+    "raisedHandsLabel": "Nùmeru de manos artziadas",
+    "record": {
+        "already": {
+            "linked": "Sa riunione est giai acapiada a custu ogetu de Salesforce."
+        },
+        "type": {
+            "account": "Contu",
+            "contact": "Cuntatade·nos",
+            "lead": "Printzipale",
+            "opportunity": "Oportunidade",
+            "owner": "Mere"
+        }
+    },
+    "recording": {
+        "authDropboxText": "Càrriga a Dropbox",
+        "availableSpace": "Ispàtziu a disponimentu: {{spaceLeft}} MB (prus o mancu {{duration}} minutos de registratzione)",
+        "beta": "BETA",
+        "busy": "Semus traballende pro liberare resursas de registratzione. Torra a proare dae immoe a carchi minutu.",
+        "busyTitle": "Totu is registradores sunt ocupados",
+        "copyLink": "Còpia ligòngiu",
+        "error": "Faddina in sa registratzione. Torra a proare.",
+        "errorFetchingLink": "Faddina in su recùperu su ligòngiu de sa registratzione.",
+        "expandedOff": "Registratzione firmada",
+        "expandedOn": "Registrende sa riunione",
+        "expandedPending": "Aviende sa registratzione…",
+        "failedToStart": "Faddina in s'aviu de sa registratzione",
+        "fileSharingdescription": "Cumpartzi su ligòngiu de sa registratzione cun is partetzipantes a sa riunione",
+        "highlight": "Evidèntzia",
+        "highlightMoment": "Pone unu momentu in evidèntzia",
+        "highlightMomentDisabled": "Podes pònnere momentos in evidèntzia comente s'aviat sa registratzione",
+        "highlightMomentSuccess": "Momentu in evidèntzia",
+        "highlightMomentSucessDescription": "Su momentu chi as postu in evidèntzia at a èssere agiuntu a su resumu de sa riunione.",
+        "inProgress": "Registratzione o trasmissione in direta in cursu",
+        "limitNotificationDescriptionNative": "A càusa de s'arta dimanda, sa registratzione tua at a èssere limitada a {{limit}} minutos. Pro una registratzione sena lìmites, imprea <3>{{app}}</3>.",
+        "limitNotificationDescriptionWeb": "A càusa de s'arta dimanda, sa registratzione tua at a èssere limitada a {{limit}} minutos. Pro registrare sena lìmites, imprea <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "linkGenerated": "Amus generadu unu ligòngiu a sa registratzione tua.",
+        "localRecordingNoNotificationWarning": "Sa registratzione no at a èssere annuntziada a is partetzipantes. Si dd'as a dèpere fàghere iscire tue.",
+        "localRecordingNoVideo": "Su vìdeu no s'est registrende.",
+        "localRecordingStartWarning": "Assegura·ti chi firmas sa registratzione prima de essire de sa riunione, in manera chi bèngiat sarvada.",
+        "localRecordingStartWarningTitle": "Firma sa registratzione pro dda sarvare",
+        "localRecordingVideoStop": "Istudende su vìdeu as a firmare puru sa registratzione locale. Ses seguru de chèrrere sighire?",
+        "localRecordingVideoWarning": "Pro registrare unu vìdeu, depet èssere allutu prima de cumintzare",
+        "localRecordingWarning": "Assegura·ti chi seletzionas s'ischeda atuale in manera de impreare s'àudio e su vìdeu curretos.",
+        "loggedIn": "Autenticatzione: {{userName}}",
+        "noMicPermission": "Est istadu possìbile a creare una rasta pro su micròfonu. Dona permissu pro impreare su micròfonu.",
+        "noStreams": "Nissunu flussu de vìdeu o de àudio rilevadu.",
+        "off": "Registratzione firmada",
+        "offBy": "{{name}} at firmadu sa registratzione",
+        "on": "Registratzione aviada",
+        "onBy": "{{name}} at aviadu sa registratzione",
+        "onlyRecordSelf": "Registra isceti is flussos mios de àudio e de vìdeu",
+        "pending": "Preparende sa registratzione de sa riunione…",
+        "policyError": "As chircadu de aviare sa registratzione tropu a sa lestra. Torra·nche a proare a pustis.",
+        "recordAudioAndVideo": "Registra s'àudio e su vìdeu",
+        "recordTranscription": "Registra sa trascritzione",
+        "saveLocalRecording": "Sarva s'archìviu de registratzione in locale (Beta)",
+        "serviceDescription": "Sa registratzione at a èssere sarvada dae su servìtziu de registratzione",
+        "serviceDescriptionCloud": "Registratzione in sa nue",
+        "serviceDescriptionCloudInfo": "Is riuniones registradas ant a èssere cantzelladas in automàticu a pustis de 24 oras de sa registratzione.",
+        "serviceName": "Servìtziu de registratzione",
+        "sessionAlreadyActive": "S'est giai registrende o trasmitende in direta sa sessione.",
+        "showAdvancedOptions": "Optziones avantzadas",
+        "signIn": "Identìfica·ti",
+        "signOut": "Essi",
+        "surfaceError": "Seletziona s'ischeda atuale.",
+        "title": "Registrende",
+        "unavailable": "Ohia {{serviceName}} no est a disponimentu. Semus traballende pro acontzare su problema. Torra a proare a pustis.",
+        "unavailableTitle": "Sa registratzione no est a disponimentu",
+        "uploadToCloud": "Càrriga in sa nue"
+    },
+    "screenshareDisplayName": "Ischermu de {{name}}",
+    "sectionList": {
+        "pullToRefresh": "Ispinghe pro atualizare"
+    },
+    "security": {
+        "about": "Podes agiùnghere una $t(lockRoomPassword) a sa riunione. Is partetzipantes ant a dèpere frunire sa $t(lockRoomPassword) prima de èssere ammìtidos a sa riunione.",
+        "aboutReadOnly": "Is partetzipantes moderadores podent agiùnghere una $t(lockRoomPassword) a sa riunione. Is partetzipantes ant a dèpere frunire sa $t(lockRoomPassword) prima de èssere ammìtidos a sa riunione.",
+        "insecureRoomNameWarningNative": "Su nòmine de custu aposentu no est seguru. Podet èssere chi aderint a s'addòbiu persones chi non boles. {{recommendAction}} Àteras informatziones in pitzus de sa seguresa de is addòbios ",
+        "insecureRoomNameWarningWeb": "Su nòmine de custu aposentu no est seguru. Podet èssere chi aderint a s'addòbiu persones chi non boles. {{recommendAction}} Àteras informatziones in pitzus de sa seguresa de is addòbios <a href=\"{{securityUrl}}\" rel=\"security\" target=\"_blank\">inoghe</a>.",
+        "title": "Optziones de seguresa",
+        "unsafeRoomActions": {
+            "meeting": "Piga in cunsideru de amparare s'addòbiu tuo impreende su butone de seguresa.",
+            "prejoin": "Piga in cunsideru s'impreu de unu nòmine prus ispetzìficu pro s'addòbiu.",
+            "welcome": "Piga in cunsideru unu nòmine prus ispetzìficu pro s'addòbiu, o sèbera unu de custos cussìgios."
+        }
+    },
+    "settings": {
+        "audio": "Àudio",
+        "buttonLabel": "Cunfiguratzione",
+        "calendar": {
+            "about": "S'integratzione cun su calendàriu {{appName}} est impreada pro atzèdere in manera segura a su calendàriu tuo pro chi potzat lèghere is eventos imbenientes.",
+            "disconnect": "Disconnete",
+            "microsoftSignIn": "Autèntica·ti cun Microsoft",
+            "signedIn": "Ses atzedende a is eventos de calendàriu pro {{email}}. Incarca su butone Disconnete in bàsciu pro firmare s'atzessu a eventos de calendàriu.",
+            "title": "Calendàriu"
+        },
+        "chatWithPermissions": "Serbit su permissu pro impreare sa tzarrada",
+        "desktopShareFramerate": "Lestresa de is fotogrammas de sa cumpartzidura de ischermu",
+        "desktopShareHighFpsWarning": "Una lestresa prus arta pro sa cumpartzidura de ischermu podet influentzare s'àmpiu de banda. Depes torrare a aviare sa cumpartzidura de s'ischermu pro chi sa cunfiguratzione noa tèngiat efetu.",
+        "desktopShareWarning": "Depes torrare a aviare sa cumpartzidura de s'ischermu pro chi sa cunfiguratzione noa tèngiat efetu.",
+        "devices": "Dispositivos",
+        "followMe": "Totus mi sighint",
+        "followMeRecorder": "Sa persone chi est registrende mi sighit",
+        "framesPerSecond": "fotogrammas a su segundu",
+        "incomingMessage": "Messàgiu in intrada",
+        "language": "Limba",
+        "loggedIn": "Autenticatzione: {{name}}",
+        "maxStageParticipants": "Nùmeru màssimu de partetzipantes chi podent èssere apicados a s'iscena printzipale",
+        "microphones": "Micròfonos",
+        "moderator": "Moderadore",
+        "moderatorOptions": "Optziones de moderatzione",
+        "more": "Àteru",
+        "name": "Nòmine",
+        "noDevice": "Nissunu",
+        "notifications": "Notìficas",
+        "participantJoined": "Partetzipante aderidu",
+        "participantKnocking": "Unu partetzipante est intradu a s'aposentu de abetu",
+        "participantLeft": "Unu partetzipante est essidu",
+        "playSounds": "Sonos ativados",
+        "reactions": "Reatziones de riunione",
+        "sameAsSystem": "Su pròpiu de s'elaboradore ({{label}})",
+        "selectAudioOutput": "Essida de àudio",
+        "selectCamera": "Càmera",
+        "selectMic": "Micròfonu",
+        "selfView": "Visualizatzione pròpia",
+        "shortcuts": "Incurtzaduras",
+        "showSubtitlesOnStage": "Ammustra sutatìtulos in su palcu",
+        "speakers": "Altoparlantes",
+        "startAudioMuted": "Totus cumintzant a sa muda",
+        "startReactionsMuted": "Pone is sonos de reatzione a sa muda pro totus",
+        "startVideoMuted": "Totus cumintzant a sa cua",
+        "talkWhileMuted": "Chistiona cando a sa muda",
+        "title": "Cunfiguratzione",
+        "video": "Vìdeu"
+    },
+    "settingsView": {
+        "advanced": "Avantzadas",
+        "alertCancel": "Annulla",
+        "alertOk": "AB",
+        "alertTitle": "Atentzione",
+        "alertURLText": "Custu URL no est vàlidu",
+        "apply": "Àplica",
+        "buildInfoSection": "Informatzione de sa versione",
+        "conferenceSection": "Cunferèntzia",
+        "disableCallIntegration": "Disativa s'integratzione de mutidas nativas",
+        "disableCrashReporting": "Disativa sa sinnalatzione de arrestos anòmalos",
+        "disableCrashReportingWarning": "Seguru chi boles disativare sa sinnalatzione de arrestos anòmalos? Custa cunfiguratzione at a èssere aplicada comente as a torrare a aviare s'aplicatzione.",
+        "disableP2P": "Disativa sa modalidade a nodu terminale (p2p)",
+        "displayName": "Nòmine visìbile",
+        "displayNamePlaceholderText": "Es: Laura Sanna",
+        "email": "Indiritzu eletrònicu",
+        "emailPlaceholderText": "indiritzu@esempru.com",
+        "gavatarMessage": "Si s'indiritzu de posta eletrònica tuo est assotziadu cun unu contu de Gravatar, dd'amus a impreare pro ammustrare sa fotografia de profilu tua.",
+        "goTo": "Bae a",
+        "header": "Cunfiguratzione",
+        "help": "Agiudu",
+        "links": "Ligòngios",
+        "privacy": "Riservadesa",
+        "profileSection": "Profilu",
+        "sdkVersion": "Versione SDK",
+        "serverURL": "URL de su servidore",
+        "showAdvanced": "Ammustra cunfiguratziones avantzadas",
+        "startCarModeInLowBandwidthMode": "Avia sa modalidade de màchina cun àmpiu de banda bàsciu",
+        "startWithAudioMuted": "Cumintza cun s'àudio a sa muda",
+        "startWithVideoMuted": "Cumintza cun su vìdeu disativadu",
+        "terms": "Cunditziones",
+        "version": "Versione"
+    },
+    "share": {
+        "dialInfoText": "\n\nBoles isceti ascurtare sa cunferèntzia dae su telèfonu?\n\n{{defaultDialInNumber}}Incarca custu ligòngiu pro bìdere is nùmeros de telèfonu de custa riunione{{dialInfoPageUrl}}",
+        "mainText": "Incarca custu ligòngiu pro intrare a sa riunione:\n{{roomUrl}}"
+    },
+    "speaker": "Altoparlante",
+    "speakerStats": {
+        "angry": "Arrennegadu",
+        "disgusted": "Dispràghidu",
+        "displayEmotions": "Ammustra emotziones",
+        "fearful": "Ispramadu",
+        "happy": "Cuntentu",
+        "hours": "{{count}} h",
+        "labelTooltip": "Nùmeru de partetzipantes: {{count}}",
+        "minutes": "{{count}} min",
+        "name": "Nòmine",
+        "neutral": "Neutrale",
+        "sad": "Tristu",
+        "search": "Chirca",
+        "searchDescription": "Cumintza a iscrìere pro filtrare partetzipantes",
+        "searchHint": "Chirca partetzipantes",
+        "seconds": "{count} seg",
+        "speakerStats": "Istatìsticas de partetzipante",
+        "speakerTime": "Tempus de partetzipante",
+        "surprised": "Ispantadu"
+    },
+    "startupoverlay": {
+        "genericTitle": "Sa riunione tenet bisòngiu de impreare sa càmera e su micròfonu tuos.",
+        "policyText": " ",
+        "title": "{{app}} tenet bisòngiu de impreare sa càmera e su micròfonu tuos."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Torra a intrare",
+        "text": "Incarca su butone <i>Torra a intrare</i> pro torrare a connètere.",
+        "title": "S'elaboradore est andadu a riposu e custu at firmadu sa mutida de vìdeu."
+    },
+    "termsView": {
+        "title": "Cunditziones"
+    },
+    "toggleTopPanelLabel": "Cuncàmbia su pannellu superiore",
+    "toolbar": {
+        "Settings": "Cunfiguratzione",
+        "accessibilityLabel": {
+            "Settings": "Aberi is cunfiguratziones",
+            "audioOnly": "Càmbia àudio isceti",
+            "audioRoute": "Sèbera su dispositivu de àudio",
+            "boo": "Boo",
+            "breakoutRooms": "Aposentos separados",
+            "callQuality": "Gesti sa calidade de su vìdeu",
+            "carmode": "Modalidade de màchina",
+            "cc": "Càmbia s'istadu de is sutatìtulos",
+            "chat": "Aberi o serra sa tzarrada",
+            "clap": "Aplàusu",
+            "closeChat": "Serra sa tzarrada",
+            "closeMoreActions": "Serra su menù de àteras optziones",
+            "closeParticipantsPane": "Serra su pannellu de partetzipantes",
+            "closedCaptions": "Sutatìtulos",
+            "collapse": "Mìnima",
+            "document": "Càmbia documentu cumpartzidu",
+            "documentClose": "Serra su documentu cumpartzidu",
+            "documentOpen": "Aberi su documentu cumpartzidu",
+            "download": "Iscàrriga is aplicatziones nostras",
+            "embedMeeting": "Incòrpora sa riunione",
+            "endConference": "Serra sa riunione pro totus",
+            "enterFullScreen": "Ammustra in mannària prena",
+            "enterTileView": "Intra in visualizatzione in mosàicu",
+            "exitFullScreen": "Essi de ischermu in mannària prena",
+            "exitTileView": "Essi de sa visualizatzione in mosàicu",
+            "expand": "Ismànnia",
+            "feedback": "Lassa cummentos",
+            "fullScreen": "Ativa o disativa ischermu in mannària prena",
+            "giphy": "Cuncàmbia su menù GIPHY",
+            "grantModerator": "Dona permissos de moderatzione",
+            "hangup": "Essi de sa riunione",
+            "heading": "Barra de ainas",
+            "help": "Agiudu",
+            "hideWhiteboard": "Cua sa pitzarra",
+            "invite": "Invita gente",
+            "kick": "Boga partetzipante",
+            "laugh": "Rìere",
+            "leaveConference": "Lassa sa riunione",
+            "like": "M'agradat",
+            "linkToSalesforce": "Ligòngiu a Salesforce",
+            "lobbyButton": "Ativa o disativa sa modalidade de aposentu de abetu",
+            "localRecording": "Ativa o disativa is controllos de registratzione in locale",
+            "lockRoom": "Ativa o disativa crae de riunione",
+            "love": "Coro",
+            "lowerHand": "Abbassa sa manu",
+            "moreActions": "Àteras atziones",
+            "moreActionsMenu": "Menù de atziones additzionales",
+            "moreOptions": "Ammustra àteras optziones",
+            "mute": "Pone su micròfonu a sa muda",
+            "muteEveryone": "Pone totus a sa muda",
+            "muteEveryoneElse": "Pone totus a sa muda",
+            "muteEveryoneElsesVideoStream": "Istuda su vìdeu de totu is àteros partetzipantes",
+            "muteEveryonesVideoStream": "Istuda su vìdeu de totu is partetzipantes",
+            "muteGUMPending": "Connetende su micròfonu tuo",
+            "noiseSuppression": "Limpiadura additzionale de abbolotu (BETA)",
+            "openChat": "Aberi sa tzarrada",
+            "participants": "Aberi su pannellu de partetzipantes. {{participantsCount}} partetzipantes",
+            "pip": "Ativa o disativa sa modalidade immàgine in immàgine",
+            "privateMessage": "Imbia messàgiu de testu privadu",
+            "profile": "Modìfica su profilu",
+            "raiseHand": "Àrtzia o abbassa sa manu",
+            "react": "Reatziones a su messàgiu",
+            "reactions": "Reatziones",
+            "reactionsMenu": "Aberi o serra su menù de reatziones",
+            "recording": "Ativa o disativa sa registratzione",
+            "remoteMute": "Pone partetzipante a sa muda",
+            "remoteVideoMute": "Istuda sa càmera de su partetzipante",
+            "security": "Optziones de seguresa",
+            "selectBackground": "Sèbera s'isfundu",
+            "selfView": "Cuncàmbia sa visualizatzione pròpia",
+            "shareRoom": "Invita una persone",
+            "shareYourScreen": "Avia o firma sa cumpartzidura de s'ischermu",
+            "shareaudio": "Cumpartzi s'àudio",
+            "sharedvideo": "Cuncàmbia sa cumpartzidura de vìdeu",
+            "shortcuts": "Ativa o disativa incurtzaduras",
+            "show": "Ammustra in s'iscena",
+            "showWhiteboard": "Ammustra sa pitzarra",
+            "silence": "A sa muda",
+            "speakerStats": "Càmbia istatìsticas de partetzipante",
+            "stopScreenSharing": "Firma sa cumpartzidura de ischermu tua",
+            "stopSharedVideo": "Firma su vìdeu",
+            "surprised": "Ispantadu",
+            "tileView": "Càmbia a visualizatzione in mosàicu",
+            "toggleCamera": "Càmbia càmera",
+            "toggleFilmstrip": "Ativa o disativa sa pellìcula",
+            "unmute": "Ativa su micròfonu",
+            "videoblur": "Ativa o disativa isfocadu",
+            "videomute": "Avia o firma sa càmera",
+            "videomuteGUMPending": "Connessione a sa càmera tua in cursu",
+            "videounmute": "Avia sa càmera"
+        },
+        "addPeople": "Agiunghe gente a sa mutida",
+        "advancedAudioSettings": {
+            "aec": {
+                "label": ""
+            },
+            "agc": {
+                "label": ""
+            },
+            "ns": {
+                "label": ""
+            },
+            "stereo": {
+                "label": ""
+            }
+        },
+        "audioOnlyOff": "Disativa modalidade de àmpiu de banda bàsciu",
+        "audioOnlyOn": "Ativa modalidade de àmpiu de banda bàsciu",
+        "audioRoute": "Sèbera su dispositivu de àudio",
+        "audioSettings": "Impostatziones àudio",
+        "authenticate": "Autentica·ti",
+        "boo": "Boo",
+        "callQuality": "Gesti sa calidade de su vìdeu",
+        "chat": "Aberi o serra sa tzarrada",
+        "clap": "Aplàusu",
+        "closeChat": "Serra sa tzarrada",
+        "closeParticipantsPane": "Serra su pannellu de is partetzipantes",
+        "closeReactionsMenu": "Serra su menù de reatziones",
+        "closedCaptions": "Sutatìtulos",
+        "disableNoiseSuppression": "Disativa sa limpiadura additzionale de abbolotu (BETA)",
+        "disableReactionSounds": "Podes disativare is sonos de reatzione pro custa riunione",
+        "documentClose": "Serra su documentu cumpartzidu",
+        "documentOpen": "Aberi su documentu cumpartzidu",
+        "download": "Iscàrriga is aplicatziones nostras",
+        "e2ee": "Critografia a nodu terminale",
+        "embedMeeting": "Incòrpora sa riunione",
+        "enableNoiseSuppression": "Ativa sa limpiadura additzionale de abbolotu (BETA)",
+        "endConference": "Serra sa riunione pro totus",
+        "enterFullScreen": "Ammustra in mannària prena",
+        "enterTileView": "Intra in visualizatzione in mosàicu",
+        "exitFullScreen": "Essi de ischermu in mannària prena",
+        "exitTileView": "Essi de sa visualizatzione in mosàicu",
+        "feedback": "Lassa cummentos",
+        "giphy": "Cuncàmbia su menù GIPHY",
+        "hangup": "Essi de sa riunione",
+        "help": "Agiudu",
+        "hideWhiteboard": "Cua sa pitzarra",
+        "invite": "Invita gente",
+        "joinBreakoutRoom": "Intra a s'aposentu separadu",
+        "laugh": "Rìere",
+        "leaveBreakoutRoom": "Lassa s'aposentu separadu",
+        "leaveConference": "Lassa sa riunione",
+        "like": "M'agradat",
+        "linkToSalesforce": "Ligòngiu a Salesforce",
+        "lobbyButtonDisable": "Disativa sa modalidade de aposentu de abetu",
+        "lobbyButtonEnable": "Ativa sa modalidade de aposentu de abetu",
+        "login": "Intra",
+        "logout": "Essi",
+        "love": "Coro",
+        "lowerYourHand": "Abbassa sa manu",
+        "moreActions": "Àteras atziones",
+        "moreOptions": "Àteras optziones",
+        "mute": "Pone su micròfonu a sa muda",
+        "muteEveryone": "Pone totus a sa muda",
+        "muteEveryonesVideo": "Istuda sa càmera de totus",
+        "muteGUMPending": "Connessione a su micròfonu tuo in cursu",
+        "noAudioSignalDesc": "Si no dd'as postu a sa muda dae sa cunfiguratzione de sistema o dae su dispositivu, forsis depes cambiare dispositivu.",
+        "noAudioSignalDescSuggestion": "Si no dd'as postu a sa muda dae sa cunfiguratzione de sistema o dae su dispositivu, forsis depes cambiare a su dispositivu cussigiadu.",
+        "noAudioSignalDialInDesc": "Podes fintzas intrare cun una mutida:",
+        "noAudioSignalDialInLinkDesc": "Nùmeros de mutida",
+        "noAudioSignalTitle": "Nissunu sinnale dae su micròfonu tuo.",
+        "noiseSuppression": "Limpiadura additzionale de abbolotu (BETA)",
+        "noisyAudioInputDesc": "Su micròfonu tuo faghet remore, forsis ti depes pònnere a sa muda o depes cambiare dispositivu.",
+        "noisyAudioInputTitle": "Su micròfonu tuo faghet remore.",
+        "openChat": "Aberi sa tzarrada",
+        "openReactionsMenu": "Aberi su menù de reatziones",
+        "participants": "Partetzipantes",
+        "pip": "Intra in modalidade immàgine in immàgine",
+        "privateMessage": "Imbia messàgiu de testu privadu",
+        "profile": "Modìfica su profilu",
+        "raiseHand": "Àrtzia o abbassa sa manu",
+        "raiseYourHand": "Àrtzia sa manu",
+        "reactionBoo": "Imbia boo",
+        "reactionClap": "Imbia aplàusu",
+        "reactionHeart": "Imbia unu coro comente reatzione",
+        "reactionLaugh": "Imbia rìere",
+        "reactionLike": "Imbia \"mi praghet\"",
+        "reactionLove": "",
+        "reactionSilence": "Imbia reatzione de silèntziu",
+        "reactionSurprised": "Imbia reatzione de ispantu",
+        "reactions": "Reatziones",
+        "security": "Optziones de seguresa",
+        "selectBackground": "Sèbera s'isfundu",
+        "shareRoom": "Invita una persone",
+        "shareaudio": "Cumpartzi s'àudio",
+        "sharedvideo": "Cumpartzi vìdeu",
+        "shortcuts": "Ammustra incurtzaduras",
+        "showWhiteboard": "Ammustra sa pitzarra",
+        "silence": "A sa muda",
+        "speakerStats": "Istatìsticas de partetzipante",
+        "startScreenSharing": "Avia sa cumpartzidura de s'ischermu",
+        "startSubtitles": "Sutatìtulos • {{language}}",
+        "stopAudioSharing": "Firma sa cumpartzidura de àudio",
+        "stopScreenSharing": "Firma sa cumpartzidura de s'ischermu",
+        "stopSharedVideo": "Firma su vìdeu",
+        "stopSubtitles": "Firma sutatìtulos",
+        "surprised": "Ispantadu",
+        "talkWhileMutedPopup": "Ses chirchende de chistionare? Ses a sa muda.",
+        "tileViewToggle": "Càmbia a visualizatzione in mosàicu",
+        "toggleCamera": "Càmbia càmera",
+        "unmute": "Ativa su micròfonu",
+        "videoSettings": "Impostatziones de sos vìdeos",
+        "videomute": "Avia o firma sa càmera",
+        "videomuteGUMPending": "Connessione a sa càmera tua in cursu",
+        "videounmute": "Avia sa càmera"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Avia o firma sutatìtulos",
+        "expandedLabel": "Trascritzione ativada",
+        "failed": "Faddina in sa trascritzione",
+        "labelTooltip": "Trascritzione de s'addòbiu in cursu.",
+        "labelTooltipExtra": "In prus, sa trascritzione at a èssere a disponimentu a pustis.",
+        "openClosedCaptions": "Aberi is sutatìtulos",
+        "original": "Originale",
+        "sourceLanguageDesc": "Sa lìngua de sa riunione est <b>{{sourceLanguage}}</b>. <br/> Dda podes modificare dae",
+        "sourceLanguageHere": "inoghe",
+        "start": "Cumintza a ammustrare sutatìtulos",
+        "stop": "No ammustres prus sutatìtluos",
+        "subtitles": "Sutatìtulos",
+        "subtitlesOff": "Disativada",
+        "tr": "TR",
+        "translateTo": "Tradue a"
+    },
+    "unpinParticipant": "{{participantName}} - Boga dae pitzus",
+    "userMedia": {
+        "grantPermissions": "Cuntzede permissos pro atzèdere a sa càmera e a su micròfonu tuos."
+    },
+    "videoSIPGW": {
+        "busy": "Semus traballende pro liberare resursas. Torra a proare dae immoe a carchi minutu.",
+        "busyTitle": "Su servìtziu Room est ocupadu",
+        "errorAlreadyInvited": "Invitu a {{displayName}} giai imbiadu",
+        "errorInvite": "Sa connessione no est istada istabilida. Torra a proare a pustis.",
+        "errorInviteFailed": "Semus traballende pro acontzare su problema. Torra a proare a pustis.",
+        "errorInviteFailedTitle": "Faddina in s'invitu de {{displayName}}",
+        "errorInviteTitle": "Faddina in s'aposentu de invitos",
+        "pending": "Invitu a {{displayName}} imbiadu"
+    },
+    "videoStatus": {
+        "adjustFor": "Acontza pro:",
+        "audioOnly": "AUD",
+        "audioOnlyExpanded": "Ses in modalidade de àmpiu de banda bàsciu. In custa modalidade isceti su ritzevimentu de àudio e de cumpartzidura de ischermu sunt a disponimentu.",
+        "bestPerformance": "Rendimentu màssimu",
+        "callQuality": "Calidade de su vìdeu",
+        "hd": "HD",
+        "hdTooltip": "Vìdeu in arta definitzione (HD)",
+        "highDefinition": "Arta definitzione (HD)",
+        "highestQuality": "Calidade prus arta",
+        "labelTooiltipNoVideo": "Sena vìdeu",
+        "labelTooltipAudioOnly": "Modalidade de àmpiu de banda bàsciu ativada",
+        "ld": "LD",
+        "ldTooltip": "Vìdeu in definitzione bàscia (LD)",
+        "lowDefinition": "Definitzione bàscia (LD)",
+        "performanceSettings": "Impostatziones de rendimentu",
+        "recording": "Registratzione de s'addòbiu in cursu.",
+        "sd": "SD",
+        "sdTooltip": "Vìdeu in definitzione istandard (SD)",
+        "standardDefinition": "Definitzione istàndard (SD)",
+        "streaming": "Trasmissione in cursu"
+    },
+    "videothumbnail": {
+        "connectionInfo": "Informatzione de sa connessione",
+        "demote": "Cunverte a pùblicu (visualizatzione ebbia)",
+        "domute": "A sa muda",
+        "domuteDesktop": "Firma sa cumpartzidura de s'ischermu",
+        "domuteDesktopOfOthers": "Firma sa cumpartzidura de ischermu de totu is àteras persones",
+        "domuteOthers": "Pone totus a sa muda",
+        "domuteVideo": "Disativa sa videocàmera",
+        "domuteVideoOfOthers": "Disativa sa càmera de totu is àteros",
+        "flip": "Fùrria",
+        "grantModerator": "Dona permissos de moderatzione",
+        "hideSelfView": "Cua sa visualizatzione pròpia",
+        "kick": "Boga",
+        "mirrorVideo": "Riprodui su vìdeu meu",
+        "moderator": "Moderadore",
+        "mute": "Partetzipante a sa muda",
+        "muted": "A sa muda",
+        "pinToStage": "Apica a s'iscena",
+        "remoteControl": "Avia o firma su controllu remotu",
+        "screenSharing": "Su partetzipante est cumpartzende s'ischermu suo",
+        "show": "Ammustra in s'iscena",
+        "showSelfView": "Ammustra sa visualizatzione pròpia",
+        "unpinFromStage": "Boga dae pitzu",
+        "verify": "Verifica su partetzipante",
+        "videoMuted": "Càmera disativada",
+        "videomute": "Custa persone at firmadu sa càmera"
+    },
+    "virtualBackground": {
+        "accessibilityLabel": {
+            "currentBackground": "Isfundu atuale: {{background}}",
+            "selectBackground": "Seletziona un'isfundu"
+        },
+        "addBackground": "Agiunghe un'isfundu",
+        "apply": "Àplica",
+        "backgroundEffectError": "Faddina in s'efetu de isfundu",
+        "blur": "Isfocamentu",
+        "deleteImage": "Cantzella s'immàgine",
+        "desktopShare": "Cumpartzidura de iscrivania",
+        "desktopShareError": "Impossìbile creare una cumpartzidura de iscrivania",
+        "image1": "Plaja",
+        "image2": "Muru biancu neutrale",
+        "image3": "Aposentu bòidu biancu",
+        "image4": "Làntia de pavimentu niedda",
+        "image5": "Monte",
+        "image6": "Padente ",
+        "image7": "Arbèschida",
+        "none": "Nissunu",
+        "pleaseWait": "Abeta…",
+        "removeBackground": "Boga s'isfundu",
+        "slightBlur": "Isfocamentu ligeru",
+        "title": "Isfundos virtuales",
+        "uploadedImage": "Immàgine carrigada {{index}}",
+        "webAssemblyWarning": "WebAssembly non cumpatìbile",
+        "webAssemblyWarningDescription": "WebAssembly est disativadu o incumpatìbile cun custu navigadore"
+    },
+    "visitors": {
+        "chatIndicator": "(in su pùblicu)",
+        "joinMeeting": {
+            "description": "Ses parte de su pùblicu de custa cunferèntzia.",
+            "raiseHand": "Àrtzia sa manu",
+            "title": "Aderende a s'addòbiu",
+            "wishToSpeak": "Si boles chistionare, àrtzia sa manu cun s'icona in bàsciu e abeta su permissu de sa moderatzione."
+        },
+        "labelTooltip": "Persones in su pùblicu: {{count}}",
+        "notification": {
+            "demoteDescription": "Imbiadu inoghe dae {{actor}}, àrtzia sa manu pro partetzipare",
+            "noMainParticipantsDescription": "S'addòbiu depet èssere aviadu dae una persone. Torra·nche a proare a pustis.",
+            "noMainParticipantsTitle": "Custu addòbiu no at ancora cumintzadu.",
+            "noVisitorLobby": "Non podes aderire cun un'aposentu de abetu ativu pro s'addòbiu.",
+            "notAllowedPromotion": "Sa rechesta tua depet èssere aprovada in antis dae calicuna persone.",
+            "requestToJoin": "",
+            "requestToJoinDescription": "",
+            "title": "Ses parte de su pùblicu de s'addòbiu"
+        },
+        "waitingMessage": "As a aderire a s'addòbiu comente s'at a aviare sa trasmissione."
+    },
+    "volumeSlider": "Barra de volùmene",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Toca pro intrare",
+            "roomname": "Inserta su nòmine de s'aposentu"
+        },
+        "addMeetingName": "Agiunghe su nòmine de sa riunione",
+        "appDescription": "Bae, tzarra in vìdeu cun totu s'iscuadra. Difatis, podes invitare totu sa gente chi connosches. {{app}} est un'aplicatzione de vìdeu-cunferèntzia de còdighe abertu 100% cun critografia cumpleta chi podes impreare cada die, totu sa die, de badas — sena nissunu contu creadu.",
+        "audioVideoSwitch": {
+            "audio": "Boghe",
+            "video": "Vìdeu"
+        },
+        "calendar": "Calendàriu",
+        "connectCalendarButton": "Connete a su calendàriu tuo",
+        "connectCalendarText": "Connete a su calendàriu tuo pro bìdere totu is riuniones tuas in {{app}}. In prus, agiunghe riuniones de {{provider}} a su calendàriu tuo e avia·ddas cun unu clic.",
+        "enterRoomTitle": "Cumintza una riunione noa",
+        "getHelp": "Pedi agiudu",
+        "go": "BAE",
+        "goSmall": "BAE",
+        "headerSubtitle": "Riunione seguras e de arta calidade",
+        "headerTitle": "Jitsi Meet",
+        "info": "Informatzione pro sa mutida",
+        "jitsiOnMobile": "Jitsi pro mòbiles - iscàrriga is aplicatziones nostras e avia una riunione dae ònnia logu",
+        "join": "CREA / INTRA",
+        "logo": {
+            "calendar": "Icona de calendàriu",
+            "desktopPreviewThumbnail": "Miniadura de previsualizatzione de iscrivania",
+            "googleLogo": "Icona de Google",
+            "logoDeepLinking": "Icona de Jitsi meet",
+            "microsoftLogo": "Icona de Microsoft",
+            "policyLogo": "Polìtica de iconas"
+        },
+        "meetingsAccessibilityLabel": "Addòbios",
+        "mobileDownLoadLinkAndroid": "Iscàrriga s'aplicatzione mòbile pro Android",
+        "mobileDownLoadLinkFDroid": "Iscàrriga s'aplicatzione mòbile pro F-Droid",
+        "mobileDownLoadLinkIos": "Iscàrriga s'aplicatzione mòbile pro iOS",
+        "moderatedMessage": "O <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">prenota un'URL de riunione</a> in antìtzipu, aunde as a èssere s'unicu moderadore.",
+        "privacy": "Riservadesa",
+        "recentList": "Reghentes",
+        "recentListDelete": "Cantzella s'elementu",
+        "recentListEmpty": "Sa lista de reghentes est bòida. Tzarra cun s'iscuadra tua e as a agatare totu is riuniones reghentes tuas inoghe.",
+        "recentMeetings": "Is addòbios reghentes tuos",
+        "reducedUIText": "Ti donamus su benebènnidu a {{app}}!",
+        "roomNameAllowedChars": "Su nòmine de sa riunione non podet inclùdere custos caràteres:  ?, &, :, ', \", %, #.",
+        "roomname": "Inserta su nòmine de s'aposentu",
+        "roomnameHint": "Inserta su nòmine o s'URL de s'aposentu a su chi boles intrare. Ti podes imbentare unu nòmine, bastat chi ddu fatzas ischire a sa gente chi ses addobiende pro chi ddu potzant insertare su pròpiu.",
+        "sendFeedback": "Imbia cummentos",
+        "settings": "Cunfiguratzione",
+        "startMeeting": "Avia sa riunione",
+        "terms": "Cunditziones",
+        "title": "Vìdeu-cunferèntzia segura, prena de funtzionalidades, lìbera e de badas",
+        "upcomingMeetings": "Is addòbios imbenientes tuos"
+    },
+    "whiteboard": {
+        "accessibilityLabel": {
+            "heading": "Pitzarra"
+        },
+        "screenTitle": "Pitzarra"
+    }
+}
diff --git a/lang/main-sk.json b/lang/main-sk.json
new file mode 100644
index 0000000..6e9b306
--- /dev/null
+++ b/lang/main-sk.json
@@ -0,0 +1,917 @@
+{
+    "addPeople": {
+        "add": "Pozvať",
+        "addContacts": "Pozvať kontakty",
+        "copyInvite": "Skopírovať pozvánku",
+        "copyLink": "Skopírovať odkaz na konferenciu",
+        "copyStream": "Skopírovať odkaz na živé vysielanie",
+        "countryNotSupported": "Zatiaľ nepodporujeme túto krajinu.",
+        "countryReminder": "Medzinárodný hovor? Prosím skontrolujte, či telefónne číslo začína smerovým číslo krajiny.",
+        "defaultEmail": "Predvolený email",
+        "disabled": "Nemôžete pozvať ďalších ľudí.",
+        "failedToAdd": "Nepodarilo sa pridať účastníka.",
+        "footerText": "Odchádzajúce hovory sú zablokované.",
+        "googleEmail": "Google email",
+        "inviteMoreHeader": "Ste sám v tejto konferencii",
+        "inviteMoreMailSubject": "Pozvánka do konferencie {{appName}}",
+        "inviteMorePrompt": "Pozvať ľudí",
+        "linkCopied": "Odkaz skopírovaný do schránky",
+        "loading": "Hľadanie ľudí a telefónnych čísiel",
+        "loadingNumber": "Kontrola telefónneho čísla",
+        "loadingPeople": "Hľadanie ľudí na pozvanie",
+        "noResults": "Žiadne výsledky hľadania",
+        "noValidNumbers": "Prosím zadajte telefónne číslo",
+        "outlookEmail": "Outlook email",
+        "searchNumbers": "Zadajte telefónne čísla",
+        "searchPeople": "Hľadanie ľudí",
+        "searchPeopleAndNumbers": "Hľadať ľudí alebo pridať ich telefónne čísla",
+        "shareInvite": "Zdieľať pozvánku do konferencie",
+        "shareLink": "Zdieľať odkaz na pozvanie",
+        "shareStream": "Zdieľať odkaz na živé vysielanie",
+        "telephone": "Telefón: {{number}}",
+        "title": "Pozvať ľudí do tejto konferencie",
+        "yahooEmail": "Yahoo email"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "headphones": "Slúchadlá",
+        "none": "Žiadne zvukové zariadenia",
+        "phone": "Telefón",
+        "speaker": "Reproduktor"
+    },
+    "audioOnly": {
+        "audioOnly": "Iba zvuk"
+    },
+    "calendarSync": {
+        "addMeetingURL": "Pridať odkaz na konferenciu",
+        "confirmAddLink": "Chcete pridal Jitsi odkaz do tejto udalosti?",
+        "error": {
+            "appConfiguration": "Integrácia s kalendárom nie je správne nastavená.",
+            "generic": "Stala sa chyba. Skontrolujte nastavenia kalendára a skúste obnoviť kalendár.",
+            "notSignedIn": "Stala sa chyba počas autentifikácie pre zobrazenie kaledárových udalosti. Skontrolujte nastavenia kalendára a skúste sa znovu prihlásiť."
+        },
+        "join": "Zúčastniť sa",
+        "joinTooltip": "Zúčastniť sa konferencie",
+        "nextMeeting": "nasledujúca konferencia",
+        "noEvents": "Nie sú naplánované žiadne ďalšie udalosti.",
+        "ongoingMeeting": "prebiehajúca konferencia",
+        "permissionButton": "Otvoriť nastavenia",
+        "permissionMessage": "Aplikácia potrebuje kalendárové oprávnenie pre zobranie termínov a stretnutí.",
+        "refresh": "Obnoviť kalendár",
+        "today": "Dnes"
+    },
+    "chat": {
+        "error": "Chyba: vaša správa \"{{originalText}}\" nebola poslaná. Dôvod: {{error}}",
+        "fieldPlaceHolder": "Zadajte sem vašu správu",
+        "messageTo": "Súkromná správa pre {{recipient}}",
+        "messagebox": "Napíšte správu",
+        "nickname": {
+            "popover": "Zvoľte meno",
+            "title": "Zadajte vašu prezývku",
+            "titleWithPolls": "Zadajte vašu prezývku"
+        },
+        "noMessagesMessage": "V tejto konferencii ešte nie je žiadna správa. Začnite tu vašu diskusiu!",
+        "privateNotice": "Súkromná správa pre {{recipient}}",
+        "sendButton": "Poslať",
+        "title": "Chat",
+        "titleWithPolls": "Chat",
+        "you": "Vy"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Inštalovať Chrome rozšírenie",
+        "dontShowAgain": "Upozornenie viac nezobrazovať",
+        "installExtensionText": "Nainštalujte rozšírenie pre integráciu s Google Calendar a Office 365"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Pripájanie do konferencie…"
+    },
+    "connection": {
+        "ATTACHED": "Priložený",
+        "AUTHENTICATING": "Overovanie",
+        "AUTHFAIL": "Overenie zlyhalo",
+        "CONNECTED": "Pripojený",
+        "CONNECTING": "Pripájanie",
+        "CONNFAIL": "Spojenie zlyhalo",
+        "DISCONNECTED": "Odpojený",
+        "DISCONNECTING": "Odpájanie",
+        "ERROR": "Chyba",
+        "FETCH_SESSION_ID": "Získavanie session-id…",
+        "GET_SESSION_ID_ERROR": "Chyba pri získavaní session-id: {{code}}",
+        "GOT_SESSION_ID": "Získavanie session-id… Hotovo",
+        "LOW_BANDWIDTH": "Video pre {{displayName}} bolo vypnuté, aby sa ušetrila prenosová kapacita"
+    },
+    "connectionindicator": {
+        "address": "Adresa:",
+        "bandwidth": "Dátový tok:",
+        "bitrate": "Prenos. rýchlosť:",
+        "bridgeCount": "Počet serverov: ",
+        "connectedTo": "Spojenie s:",
+        "framerate": "Rýchlosť snímkovania:",
+        "less": "Zobraziť menej",
+        "localaddress": "Lokálna adresa:",
+        "localaddress_plural": "Lokálne adresy:",
+        "localport": "Lokálny port:",
+        "localport_plural": "Lokálne porty:",
+        "maxEnabledResolution": "send max",
+        "more": "Zobraziť viac",
+        "packetloss": "Strata paketov:",
+        "participant_id": "ID účastníka:",
+        "quality": {
+            "good": "Dobré",
+            "inactive": "Neaktívne",
+            "lost": "Stratené",
+            "nonoptimal": "Neoptimálne",
+            "poor": "Slabé"
+        },
+        "remoteaddress": "Vzdialená adresa:",
+        "remoteaddress_plural": "Vzdialené adresy:",
+        "remoteport": "Vzdialený port:",
+        "remoteport_plural": "Vzdialené porty:",
+        "resolution": "Rozlíšenie:",
+        "status": "Spojenie:",
+        "transport": "Prenos:",
+        "transport_plural": "Prenosy:"
+    },
+    "dateUtils": {
+        "earlier": "Skôr",
+        "today": "Dnes",
+        "yesterday": "Včera"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Potrebujete aplikáciu {{app}}, aby ste sa mohli pripojiť do tejto konferencie na vašom telefóne.",
+        "description": "Nič sa nestalo? Snažili sme sa otvoriť konferenciu v {{app}}. Skúste to znovu, alebo sa pripojte na konferenciu v {{app}} cez web.",
+        "descriptionWithoutWeb": "Nič sa nestalo? Snažili sme sa spustiť konferenciu v desktopovej aplikácií {{app}}.",
+        "downloadApp": "Stiahnutie aplikácie",
+        "ifDoNotHaveApp": "Ak nemáte aplikáciu:",
+        "ifHaveApp": "Ak máte aplikáciu:",
+        "joinInApp": "Vstúpiť do konferencie cez aplikáciu",
+        "launchWebButton": "Otvoriť na webe",
+        "title": "Konferencia sa otvára v {{app}}…",
+        "tryAgainButton": "Skúsiť znova s natívnou aplikáciou"
+    },
+    "defaultLink": "napr. {{url}}",
+    "defaultNickname": "napr. Ján Kováč",
+    "deviceError": {
+        "cameraError": "Chyba pri prístupe ku kamere",
+        "cameraPermission": "Aplikácia nemá oprávnenie pristupovať ku kamere",
+        "microphoneError": "Chyba pri prístupe k mikrofónu",
+        "microphonePermission": "Aplikácia nemá oprávnenie pristupovať k mikrofónu"
+    },
+    "deviceSelection": {
+        "noPermission": "Oprávnenie nie je poskytnuté",
+        "previewUnavailable": "Náhľad nie je dostupný",
+        "selectADevice": "Vybrať zariadenie",
+        "testAudio": "Vyskúšať zvuk"
+    },
+    "dialOut": {
+        "statusMessage": "je teraz {{status}}"
+    },
+    "dialog": {
+        "Back": "Späť",
+        "Cancel": "Zrušiť",
+        "IamHost": "Ja som hostiteľ",
+        "Ok": "Ok",
+        "Remove": "Odstrániť",
+        "Share": "Zdieľať",
+        "Submit": "OK",
+        "WaitForHostMsg": "Konferencia sa ešte nezačala. Autorizujte sa prosím ak ste hostiteľ. V opačnom prípade čakajte na hostiteľa.",
+        "WaitingForHost": "Čakám na hostiteľa…",
+        "Yes": "Áno",
+        "accessibilityLabel": {
+            "liveStreaming": "Živé vysielanie"
+        },
+        "add": "Pridať",
+        "allow": "Povoliť",
+        "alreadySharedVideoMsg": "Iný účastník už zdieľa video. Pri tejto konferencií môže zdieľať video iba jeden účastník.",
+        "alreadySharedVideoTitle": "Je možné zdieľať iba jedno video",
+        "applicationWindow": "Okno aplikácie",
+        "cameraConstraintFailedError": "Vaša kamera nespĺňa potrebné požiadavky.",
+        "cameraNotFoundError": "Kamera nebola nájdená.",
+        "cameraNotSendingData": "Kamera nie je dostupná. Skontrolujte či iná aplikácia používa kameru, vyberte inú kameru v nastaveniach alebo znovu spustite aplikáciu.",
+        "cameraNotSendingDataTitle": "Prístup na kameru nie je možný.",
+        "cameraPermissionDeniedError": "Nebolo udelené oprávnenie používať kameru. Napriek tomu sa môže zúčastniť na konferencií, ale ostatní účastníci vás nebudu vidieť. Pre pridelenie oprávnenia môžete použiť ikonu kamery na adresnej lište.",
+        "cameraUnknownError": "Z neznámeho dôvodu sa kamera nedá použiť.",
+        "cameraUnsupportedResolutionError": "Kamera nepodporuje požadované rozlíšenie.",
+        "close": "Zatvoriť",
+        "conferenceDisconnectMsg": "Skontrolujte prípadne vaše sieťové pripojenie. Pripájam znovu o {{seconds}} sekúnd…",
+        "conferenceDisconnectTitle": "Vaše spojenie bolo prerušené.",
+        "conferenceReloadMsg": "Snažíme sa to napraviť. Pripájam znovu o {{seconds}} sekund…",
+        "conferenceReloadTitle": "Spojenie sa prerušilo.",
+        "confirm": "Potvrdiť",
+        "confirmNo": "Nie",
+        "confirmYes": "Áno",
+        "connectError": "Niečo je zle a nemôžem sa pripojiť do konferencie.",
+        "connectErrorWithMsg": "Niečo je zle a nemôžem sa pripojiť do konferencie. Správa: {{msg}}",
+        "connecting": "Pripájam",
+        "contactSupport": "Spojiť sa s podporou",
+        "copy": "Kopírovať",
+        "dismiss": "Zavrieť",
+        "displayNameRequired": "Ahoj! Ako sa voláš?",
+        "done": "Hotovo",
+        "e2eeDescription": "Koncové šifrovanie (End-to-End Encryption, E2EE) je momentálne EXPERIMENTÁLNE. Zapnutie koncového šifrovania znemožní použitie serverových služieb ako: nahrávanie, živé vysielanie a účasť cez telefón. Do konferencie je možné vstúpiť len s prehliadačom, ktorý podporuje vložiteľné prúdy (insertable streams).",
+        "e2eeLabel": "E2EE kľúč",
+        "e2eeNoKey": "žiadny",
+        "e2eeSet": "Nastaviť",
+        "e2eeToggleSet": "Nastaviť kľúč",
+        "e2eeWarning": "VAROVANIE: NIektorí účastníci nemajú podporu pre koncové šifrovanie. Ak ho zapnete, nebudú Vás vidieť ani počuť.",
+        "enterDisplayName": "Prosím zadajte sem vaše meno",
+        "error": "Chyba",
+        "gracefulShutdown": "Služba je momentálne vypnutá pre údržbu. Skúste to neskor.",
+        "grantModeratorDialog": "Chcete naozaj tohoto účastníka urobiť moderatorom?",
+        "grantModeratorTitle": "Urobiť moderatorom",
+        "incorrectPassword": "Používateľské meno alebo heslo je nesprávne",
+        "incorrectRoomLockPassword": "Nesprávne heslo",
+        "internalError": "Ups! Niečo nefunguje. Vyskytla sa nasledujúca chyba: {{error}}",
+        "internalErrorTitle": "Interná chyba",
+        "kickMessage": "Pre podrobnosti sa môžete spojiť s {{participantDisplayName}}.",
+        "kickParticipantButton": "Odstrániť",
+        "kickParticipantDialog": "Skutočne chcete odstrániť tohto účastnika?",
+        "kickParticipantTitle": "Odstrániť účastníka?",
+        "kickTitle": "{{participantDisplayName}} vás odstránil z konferencie.",
+        "liveStreaming": "Živé vysielanie",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "Nie je možné keď je aktívne nahrávanie",
+        "liveStreamingDisabledForGuestTooltip": "Hostia nemôžu začať živé vysielanie.",
+        "liveStreamingDisabledTooltip": "Spustenie živého vysielania je zakázané.",
+        "lockMessage": "Zlyhanie pri pokuse o zabezpečenie konferencie.",
+        "lockRoom": "Pridať $t(lockRoomPassword)",
+        "lockTitle": "Zabezpečenie zlyhalo",
+        "logoutQuestion": "Ste si istý, že sa chcete odhlásiť a skončiť konferenciu?",
+        "logoutTitle": "Odhlásiť",
+        "maxUsersLimitReached": "Bol dosiahnutý maximálny počet účastníkov. Konferencia je plná. Spojte sa prosím s organizátorom konferencie, alebo to skúste neskôr.",
+        "maxUsersLimitReachedTitle": "Dosiahnutý maximálny počet účastníkov",
+        "micConstraintFailedError": "Váš mikrofón nespĺňa potrebné požiadavky.",
+        "micNotFoundError": "Mikrofón nebol nájdený.",
+        "micNotSendingData": "Choďte do nastavení vašeho počítača, aby ste odblokovali stlmenie vášho mikrofónu a upravte jeho úroveň.",
+        "micNotSendingDataTitle": "Mikrofón je stlmený vašimi systémovými nastaveniami.",
+        "micPermissionDeniedError": "Nebolo udelené oprávnenie používať mikrofón. Napriek tomu sa môže zúčastniť na konferencií, ale ostatní účastníci vás nebudú počuť. Pre pridelenie oprávnenia môžete použiť ikonu kamery na adresnej lište.",
+        "micUnknownError": "Mikrofón sa nedá použiť z neznámeho dôvodu.",
+        "muteEveryoneDialog": "Chcete naozaj všetkým vypnúť mikrofón. Keď všetkým vypnete mikrofóny, nedokážete ich späť zapnúť. Účastníci si ale môžu zapnúť mikrofóny sami.",
+        "muteEveryoneElseDialog": "Keď všetkým vypnete mikrofóny, nedokážete ich späť zapnúť. Účastníci si ale môžu zapnúť mikrofóny sami.",
+        "muteEveryoneElseTitle": "Vypnúť mikrofón všetkým okrem {{whom}}?",
+        "muteEveryoneSelf": "seba samého",
+        "muteEveryoneStartMuted": "Všetci odteraz začínajú s vypnutým mikrofónom",
+        "muteEveryoneTitle": "Všetkým vypnúť mikrofón?",
+        "muteParticipantBody": "Nedokážete zapnúť vypnuté mikrofóny ostatných účastníkov, ale každý účastník si vie sám zapnúť mikrofón.",
+        "muteParticipantButton": "Vypnúť mikrofón",
+        "muteParticipantDialog": "Chcete naozaj tomuto účastníkovi vypnúť mikrofón? Keď vypnete mikrofón, nedokážete späť zapnúť mikrofón tohto účastníka. Účastníci si ale dokážu zapnúť mikrofóny sami.",
+        "muteParticipantTitle": "Vypnúť účastníkovi mikrofón?",
+        "passwordLabel": "$t(lockRoomPasswordUppercase)",
+        "passwordNotSupported": "$t(lockRoomPasswordUppercase) nie je podporované.",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) nie je podporované",
+        "passwordRequired": "Prihlásenie",
+        "popupError": "Váš prehliadač blokuje vyskakovacie okná tejto stránky. Prosím aktivujte vyskakovacie okná v bezpečnostných nastaveniach vašeho prehliadača a skúste znovu.",
+        "popupErrorTitle": "Vyskakovacie okná sú zablokované",
+        "readMore": "viac",
+        "recording": "Nahrávanie",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "Nie je možné keď je aktívny živý prenos",
+        "recordingDisabledForGuestTooltip": "Hostia nemôžu začať nahrávanie.",
+        "recordingDisabledTooltip": "Spustenie nahrávania je zakázané.",
+        "rejoinNow": "Pripojiť hneď",
+        "remoteControlAllowedMessage": "{{user}} prijal požiadavku o vzdialené ovládanie.",
+        "remoteControlDeniedMessage": "{{user}} odmietol požiadavku o vzdialené ovládanie.",
+        "remoteControlErrorMessage": "Stala sa chyba počas žiadania o vzdialené ovládanie od {{user}}",
+        "remoteControlRequestMessage": "Povolíte {{user}} ovládať vášu pracovnú plochu?",
+        "remoteControlShareScreenWarning": "Pozor, keď povolíte požiadavku budete zdielať vašu obrazovku!",
+        "remoteControlStopMessage": "Vzdialené ovládanie bolo ukončené.",
+        "remoteControlTitle": "Vzdialené ovládanie",
+        "removePassword": "$t(lockRoomPasswordUppercase) odstránené",
+        "removeSharedVideoMsg": "Naozaj chcete odstrániť zdieľané video?",
+        "removeSharedVideoTitle": "Odstrániť zdieľané video",
+        "reservationError": "Systémová chyba rezervácie",
+        "reservationErrorMsg": "Chyba: {{code}}, správa: {{msg}}",
+        "retry": "Skúsiť znovu",
+        "screenSharingAudio": "Zdieľať zvuk",
+        "screenSharingFailed": "Nie je možné spustiť zdieľanie obrazovky!",
+        "screenSharingFailedTitle": "Zdieľanie obrazovky zlyhalo!",
+        "screenSharingPermissionDeniedError": "Ups! Niečo sa nepodarilo pri žiadaní o oprávnenie zdielať obrazovku. Prosím aktualizovať a skúsiť znovu.",
+        "sendPrivateMessage": "Dostali ste súkromnú správu. Chceli ste na ňu odpovedať súkromne, alebo chcete poslať správu skupine?",
+        "sendPrivateMessageCancel": "Poslať skupine",
+        "sendPrivateMessageOk": "Poslať súkromne",
+        "sendPrivateMessageTitle": "Súkromne poslať?",
+        "serviceUnavailable": "Služba nedostupná",
+        "sessTerminated": "Volanie ukončené",
+        "shareVideoLinkError": "Prosím, zadajte správny odkaz.",
+        "shareVideoTitle": "Zdieľať video",
+        "shareYourScreen": "Zdielať obrazovku",
+        "shareYourScreenDisabled": "Zdieľanie obrazovky vypnuté.",
+        "shareYourScreenDisabledForGuest": "Hostia nemôžu zdielať obrazovku.",
+        "startLiveStreaming": "Spustiť živý prenos",
+        "startRecording": "Začať záznam",
+        "startRemoteControlErrorMessage": "Chyba pri pokuse o začatie vzdialeného ovládania!",
+        "stopLiveStreaming": "Zastaviť živý prenos",
+        "stopRecording": "Zastaviť záznam",
+        "stopRecordingWarning": "Chcete zastaviť záznam?",
+        "stopStreamingWarning": "Chcete zastaviť priamy prenos?",
+        "streamKey": "Kľúč živého vysielania",
+        "thankYou": "Ďakujeme za používanie {{appName}}!",
+        "token": "token",
+        "tokenAuthFailed": "Prepáčte, nie ste oprávnený zúčastniť tejto sa konferencie.",
+        "tokenAuthFailedTitle": "Overenie zlyhalo",
+        "transcribing": "",
+        "unlockRoom": "Odstrániť $t(lockRoomPassword)",
+        "userPassword": "heslo",
+        "yourEntireScreen": "Celú obrazovku"
+    },
+    "documentSharing": {
+        "title": "Zdieľaný dokument"
+    },
+    "e2ee": {
+        "labelToolTip": "Zvuková a obrazová komunikácia je koncovo šifrovaná"
+    },
+    "embedMeeting": {
+        "title": "Vložiť toto stretnutie"
+    },
+    "feedback": {
+        "average": "Priemerný",
+        "bad": "Zlý",
+        "detailsLabel": "Povedzte nám viac",
+        "good": "Dobrý",
+        "rateExperience": "Ohodnoťte dojem",
+        "veryBad": "Veľmi zlý",
+        "veryGood": "Veľmi dobrý"
+    },
+    "helpView": {
+        "title": "Centrum pomoci"
+    },
+    "incomingCall": {
+        "answer": "Odpovedať",
+        "audioCallTitle": "Prichádzajúci hovor",
+        "decline": "Odmietnuť",
+        "productLabel": "",
+        "videoCallTitle": "Prichádzajúci video-hovor"
+    },
+    "info": {
+        "accessibilityLabel": "Zobraziť informácie",
+        "addPassword": "Nastaviť $t(lockRoomPassword)",
+        "cancelPassword": "Zrušiť $t(lockRoomPassword)",
+        "conferenceURL": "Odkaz:",
+        "country": "Krajina",
+        "dialANumber": "Aby ste sa zúčastnili stretnutia, zavolajte jedno z týchto čísel a zadajte pin.",
+        "dialInConferenceID": "",
+        "dialInNotSupported": "Prepáčte, volanie nie je podporované.",
+        "dialInNumber": "Volanie:",
+        "dialInSummaryError": "Chyba pri získavaná informácií o volaniach. Skúste neskôr.",
+        "dialInTollFree": "Bezplatné",
+        "genericError": "Niečo sa nepodarilo.",
+        "inviteLiveStream": "Kliknite túto linku {{url}}, pre zobrazenie živého vysielania z tohto stretnutia.",
+        "invitePhone": "Keď sa chcete pripojiť cez telefón, klikni na: {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Hľadáte iné pripojovacie číslo? Pripojovacie čísla pre konferenciu: {{{url}}\n\n\n\nTaktiež pokiaľ sa telefonicky pripájate cez konferenčný celomiestnostný telefón pripojte sa bez prenosu zvuku {{silentUrl}}",
+        "inviteURLFirstPartGeneral": "Ste pozvaný do konferencie.",
+        "inviteURLFirstPartPersonal": "{{name}} vás pozýva do konferencie.\n",
+        "inviteURLSecondPart": "\nVstúpiť do konferencie:\n{{url}}\n",
+        "label": "Informácie o stretnutí",
+        "liveStreamURL": "Živý prenos:",
+        "moreNumbers": "Ďalšie telefónne čísla",
+        "noNumbers": "Žiadne pripojovacie telefónne čísla.",
+        "noPassword": "Žiadne",
+        "noRoom": "Nebola zadaná žiadna konferencia na pripojenie.",
+        "numbers": "Pripojovacie čísla",
+        "password": "$t(lockRoomPasswordUppercase):",
+        "title": "Zdieľať",
+        "tooltip": "Zdieľať odkaz a informácie o vytáčaní pre toto stretnutie"
+    },
+    "inlineDialogFailure": {
+        "msg": "Vyskytla sa chyba.",
+        "retry": "Skúsiť znovu",
+        "support": "Podpora",
+        "supportMsg": "Pokiaľ sa chyba zopakuje, spojte sa s"
+    },
+    "inviteDialog": {
+        "alertText": "Nepodarilo sa pozvať niektorych účastníkov.",
+        "header": "Pozvať",
+        "searchCallOnlyPlaceholder": "Zadajte telefónne číslo",
+        "searchPeopleOnlyPlaceholder": "Hľadať účastníkov",
+        "searchPlaceholder": "Účastník alebo telefónne číslo",
+        "send": "Poslať"
+    },
+    "keyboardShortcuts": {
+        "focusLocal": "Zamerať sa na vaše video",
+        "focusRemote": "Zamerať sa na video iného účastníka",
+        "fullScreen": "Zapnúť / Vypnúť plnú obrazovku",
+        "keyboardShortcuts": "Klávesové skratky",
+        "localRecording": "Zobraziť, alebo skryť tlačítka pre lokálne nahrávanie",
+        "mute": "Vypnúť alebo zapnúť mikrofón",
+        "pushToTalk": "Stlačiť, pre hovorenie",
+        "raiseHand": "Zdvihnúť alebo dať dole ruku",
+        "showSpeakerStats": "Zobrať štatistiky rečníka",
+        "toggleChat": "Zobraziť alebo skryť textové správy",
+        "toggleFilmstrip": "Zobraziť alebo skryť video náhľady",
+        "toggleScreensharing": "Prepnúť medzi kamerou a zdieľaním obrazovky",
+        "toggleShortcuts": "Zobraziť alebo skryť klávesové skratky",
+        "videoMute": "Zapnúť alebo vypnúť kameru",
+        "videoQuality": "Nastavenie kvality volania"
+    },
+    "liveStreaming": {
+        "busy": "Chystajú sa zdroje pre vysielanie. Skúste znova za pár minút.",
+        "busyTitle": "Všetky vysielacie inštancie sú obsadené",
+        "changeSignIn": "Prepnúť konto",
+        "choose": "Vyberte živé vysielanie",
+        "chooseCTA": "Vyberte vysielaciu možnosť. Ste prihlásený ako {{email}}",
+        "enterStreamKey": "Zadajte meno/heslo pre YouTube vysielanie.",
+        "error": "Živé vysielanie zlyhalo. Prosím skúste to znovu.",
+        "errorAPI": "Došlo k chybe pri prístupe k vašemu YouTube vysielaniu. Prosím skúste sa znovu prihlásiť.",
+        "errorLiveStreamNotEnabled": "Živé vysielanie pre {{email}} nie je aktivované. Aktivujte živé vysielanie, alebo sa prihláste pomocou konta s aktivovaným živým vysielaním.",
+        "expandedOff": "Živé vysielanie bolo zastavené",
+        "expandedOn": "Stretnutie je momentálne vysielané na YouTube.",
+        "expandedPending": "Spúšťa živé vysielanie…",
+        "failedToStart": "Nepodarilo sa spustiť živé vysielanie",
+        "getStreamKeyManually": "Nepodarilo sa získať žiadne živé vysielania. Skúste získať kľúč pre živé vysielanie z YouTube.",
+        "googlePrivacyPolicy": "Pravidlá ochrany súkromia Google",
+        "invalidStreamKey": "Kľúč pre živé vysielanie je nesprávny.",
+        "limitNotificationDescriptionNative": "Živé vysielanie je obmedzené na {{limit}} minút. Pre neobmedzené vysielanie skúste {{app}}.",
+        "limitNotificationDescriptionWeb": "Živé vysielanie je obmedzené na {{limit}} minút. Pre neobmedzené vysielanie skúste <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "off": "Živé vysielanie ukončené",
+        "offBy": "{{name}} ukončil živé vysielanie",
+        "on": "Živé vysielanie",
+        "onBy": "{{name}} začal živé vysielanie",
+        "pending": "Spúšťa sa živé vysielanie…",
+        "serviceName": "Služba pre živé vysielanie",
+        "signIn": "Prihlásiť sa pomocou Google",
+        "signInCTA": "Prihláste sa, alebo zadajte váš YouTube klúč pre živé vysielanie.",
+        "signOut": "Odhlásiť",
+        "signedInAs": "Ste prihlásený ako:",
+        "start": "Začať živé vysielanie",
+        "streamIdHelp": "Čo je to?",
+        "title": "Živé vysielanie",
+        "unavailableTitle": "Živé vysielanie nie je k dispozícií",
+        "youtubeTerms": "Podmienky poskytovania služby YouTube"
+    },
+    "lobby": {
+        "allow": "Povoliť",
+        "backToKnockModeButton": "Žiadne heslo, požiadať o vstup",
+        "dialogTitle": "Čakáreň",
+        "disableDialogContent": "Čakáreň je zapnutá. Táto funkcia zabezpečuje, že do konferencie nemôžu vstúpiť neželaní účastníci. Chcete ju vypnúť?",
+        "disableDialogSubmit": "Vypnúť",
+        "emailField": "Zadajte vašu emailovú adresu",
+        "enableDialogPasswordField": "Nastaviť heslo (voliteľné)",
+        "enableDialogSubmit": "Zapnúť",
+        "enableDialogText": "Čakáreň umožňuje zabezpečiť konferenciu tým, že účastníci môžu do konferencie vstúpiť len po schválení moderátorom.",
+        "enterPasswordButton": "Zadať heslo do konferencie",
+        "enterPasswordTitle": "Zadajte heslo pre vstup do konferencie",
+        "invalidPassword": "Nesprávne heslo",
+        "joinRejectedMessage": "Vaša žiadosť bola zamietnutá moderátorom.",
+        "joinTitle": "Vstup do konferencie",
+        "joinWithPasswordMessage": "Vstupujem s heslom…",
+        "joiningMessage": "Vstúpite do konferencie, keď niekto schváli vašu žiadosť",
+        "joiningTitle": "Žiadam o vstup do konferencie…",
+        "joiningWithPasswordTitle": "Vstupujem s heslom…",
+        "knockButton": "Požiadať o vstup",
+        "knockTitle": "Niekto žiada o vstup do konferencie",
+        "knockingParticipantList": "Zoznam čakajúcich účastníkov",
+        "nameField": "Zadajte vaše meno",
+        "notificationLobbyAccessDenied": "Žiadosť {{targetParticipantName}} o vstup bola zamietnutá účastníkom {{originParticipantName}}",
+        "notificationLobbyAccessGranted": "Žiadosť {{targetParticipantName}} o vstup bola povolená účastníkom {{originParticipantName}}",
+        "notificationLobbyDisabled": "Účastník {{originParticipantName}} vypol čakáreň",
+        "notificationLobbyEnabled": "Účastník {{originParticipantName}} zapol čakáreň",
+        "notificationTitle": "Čakáreň",
+        "passwordField": "Zadajte heslo do konferencie",
+        "passwordJoinButton": "Vstúpiť",
+        "title": "Čakáreň",
+        "toggleLabel": "Zapnúť čakáreň"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Vypnutý",
+            "on": "Zapnutý",
+            "unknown": "Neznámy"
+        },
+        "dialogTitle": "Ovládacie prvky lokálneho nahrávania",
+        "duration": "Dĺžka",
+        "durationNA": "neznáma",
+        "encoding": "Kódovanie",
+        "label": "",
+        "labelToolTip": "Lokálne nahrávanie je aktivovaný",
+        "localRecording": "Lokálne nahrávanie",
+        "me": "Ja",
+        "messages": {
+            "engaged": "Lokálne nahrávanie je spustené",
+            "finished": "Nahrávanie sedenia {{token}} je ukončené. Prosím pošlite nahratý súbor moderátorovi.",
+            "finishedModerator": "Nahrávanie sedenia {{token}} je ukončené. Bola uložená nahrávka lokálnej stopy. Poproste ostatných účastníkov, aby vám poslali ich nahrávky.",
+            "notModerator": "Nie ste moderátor. Nemôže začať, alebo skončiť lokálne nahrávanie."
+        },
+        "moderator": "Moderátor",
+        "no": "Nie",
+        "participant": "Účastník",
+        "participantStats": "Štatistiky účastníkov",
+        "sessionToken": "Token sedenia",
+        "start": "Zapnúť nahrávanie",
+        "stop": "Vypnúť nahrávanie",
+        "yes": "Áno"
+    },
+    "lockRoomPassword": "heslo",
+    "lockRoomPasswordUppercase": "Heslo",
+    "lonelyMeetingExperience": {
+        "button": "Pozvať ďalších",
+        "youAreAlone": "Ste sám v tejto konferencii"
+    },
+    "me": "ja",
+    "notify": {
+        "OldElectronAPPTitle": "Bezpečnostná hrozba!",
+        "connectedOneMember": "{{name}} sa pripojil",
+        "connectedThreePlusMembers": "{{name}} a {{count}} ďalších osôb sa pripojilo",
+        "connectedTwoMembers": "{{first}} a {{second}} sa pripojili",
+        "disconnected": "odpojený",
+        "focus": "Konferenčný focus",
+        "focusFail": "{{component}} je nedostupný - skúste znova za {{ms}} sek",
+        "grantedTo": "Práva moderátora boli udelené {{to}}!",
+        "invitedOneMember": "{{displayName}} bol pozvaný",
+        "invitedThreePlusMembers": "{{name}} a {{count}} ďalší boli pozvaní",
+        "invitedTwoMembers": "{{first}} a {{second}} boli pozvaní",
+        "kickParticipant": "{{kicked}} bol odstránený účastníkom {{kicker}}",
+        "me": "Ja",
+        "moderator": "Boli vám udelené práva moderátora!",
+        "muted": "Začali ste rozhovor s vypnutým mikrofónom.",
+        "mutedRemotelyDescription": "Kedykoľvek môžete stíšenie zrušiť, keď ste prichystaný rozprávať. Keď skončite môžete sa znova stíšiť, aby ste znížili hluk na stretnutí.",
+        "mutedRemotelyTitle": "{{participantDisplayName}} vám vypol mikrofón",
+        "mutedTitle": "Boli ste stíšený!",
+        "newDeviceAction": "Použiť",
+        "newDeviceAudioTitle": "Bolo zistené nové audio zariadenie",
+        "newDeviceCameraTitle": "Bola zistená nová kamera",
+        "oldElectronClientDescription1": "Používate starú verziu klienta Jitsi Meet, ktorá má známe zraniteľnosti. Aktualizujte na ",
+        "oldElectronClientDescription2": "najnovšiu verziu",
+        "oldElectronClientDescription3": " teraz!",
+        "passwordRemovedRemotely": "Iný účastník odstránil $t(lockRoomPassword)",
+        "passwordSetRemotely": "Iný účastník nastavil $t(lockRoomPassword)",
+        "raisedHand": "{{name}} chce hovoriť",
+        "somebody": "Niekto",
+        "startSilentDescription": "Pripojte sa k stretnutiu ešte raz, aby ste aktivovali zvuk.",
+        "startSilentTitle": "Pripojili ste sa bez zvukového výstupu!",
+        "suboptimalBrowserWarning": "Obávame sa, že dojem z tohto stretnutia nebude až taký dobrý. Hladáme spôsob ako to zlepšiť, ale dovtedy prosím skúste jeden z <a href='{{recommendedBrowserPageLink}}' target='_blank'>plne podporovaných prehliadačov</a>.",
+        "suboptimalExperienceTitle": "Prehliadačové varovanie",
+        "unmute": "Zapnúť mikrofón"
+    },
+    "participantsPane": {
+        "actions": {
+            "reject": "Odmietnuť"
+        }
+    },
+    "passwordDigitsOnly": "až {{number}} číslic",
+    "passwordSetRemotely": "nastavené iným účastníkom",
+    "polls": {
+        "errors": {
+            "notUniqueOption": "Možnosti musia byť jedinečné"
+        }
+    },
+    "poweredby": "založené na",
+    "prejoin": {
+        "audioAndVideoError": "Chyba zvuku a videa:",
+        "audioOnlyError": "Chyba zvuku:",
+        "audioTrackError": "Nemôžem vytvoriť zvukovú stopu.",
+        "callMe": "Zavolať mi",
+        "callMeAtNumber": "Zavolajte mi na toto číslo:",
+        "calling": "Volanie",
+        "configuringDevices": "Konfigurácia zariedení…",
+        "connectedWithAudioQ": "Ste pripojení so zvukom?",
+        "copyAndShare": "Kopírovať a zdieľať odkaz",
+        "dialInMeeting": "Volanie dnu do konferencie",
+        "dialInPin": "Volajte dnu do konferencie a zadajte PIN kód:",
+        "dialing": "Vytáčanie",
+        "doNotShow": "Viac nezobrazovať",
+        "errorDialOut": "Nemôžem volať von",
+        "errorDialOutDisconnected": "Nemôžem volať von. Odpojené",
+        "errorDialOutFailed": "Nemôžem volať von. Volanie zlyhalo",
+        "errorDialOutStatus": "Chyba pri získavaní stavu volania",
+        "errorStatusCode": "Chyba volania von, kód: {{status}}",
+        "errorValidation": "Overenie čísla zlyhalo",
+        "iWantToDialIn": "Chcem volať dnu",
+        "initiated": "Hovor začatý",
+        "joinAudioByPhone": "Vstúpiť so zvukom cez telefón",
+        "joinMeeting": "Vstúpiť do konferencie",
+        "joinWithoutAudio": "Vstúpiť bez zvuku",
+        "linkCopied": "Odkaz skopírovaný do schránky",
+        "lookGood": "Váš mikrofón funguje správne",
+        "or": "alebo",
+        "screenSharingError": "Chyba pri zdieľaní obrazovky:",
+        "startWithPhone": "Začať so zvukom cez telefón",
+        "videoOnlyError": "Chyba videa:",
+        "videoTrackError": "Nemôžem vytvoriť video stopu.",
+        "viewAllNumbers": "zobraziť všetky čísla"
+    },
+    "presenceStatus": {
+        "busy": "Obsadený",
+        "calling": "Je volaný",
+        "connected": "Pripojený",
+        "connecting": "Pripájam",
+        "connecting2": "Pripájam",
+        "disconnected": "Odpojený",
+        "expired": "Vypršaní",
+        "ignored": "Ignorovaný",
+        "initializingCall": "Volanie je inicializované…",
+        "invited": "Pozvať",
+        "rejected": "Zložiť",
+        "ringing": "Zvoní…"
+    },
+    "profile": {
+        "setDisplayNameLabel": "Nastavte si meno",
+        "setEmailInput": "Zadajte email",
+        "setEmailLabel": "Nastavte si email vašeho gravataru",
+        "title": "Profil"
+    },
+    "raisedHand": "Chcel by som hovoriť",
+    "recording": {
+        "authDropboxText": "Nahrať na Dropbox",
+        "availableSpace": "Dostupná kapacita {{spaceLeft}} MB (ca. {{duration}} minút nahrávania)",
+        "beta": "BETA",
+        "busy": "Pripravujú sa prostriedky na nahrávanie. Skúste znova o pár minút.",
+        "busyTitle": "Všetky nahrávacie inštancie sú obsadené",
+        "error": "Nahrávka sa nepodarila. Skúste prosím znovu.",
+        "expandedOff": "Nahrávanie bolo zastavené",
+        "expandedOn": "Stretnutie sa momentálne nahráva.",
+        "expandedPending": "Začína sa nahrávanie…",
+        "failedToStart": "Nepodarilo sa začať nahrávanie",
+        "fileSharingdescription": "Nahrávku zdielať s účastníkmi stretnutia",
+        "limitNotificationDescriptionNative": "Nahrávanie je obmedzené na {{limit}} minút. Pre neobmedzené nahrávanie skúste <3>{{app}}</3>.",
+        "limitNotificationDescriptionWeb": "Nahrávanie je obmedzené na {{limit}} minút. Pre neobmedzené nahrávanie skúste <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "live": "LIVE",
+        "loggedIn": "Prihlásený ako {{userName}}",
+        "off": "Nahrávanie zastavené",
+        "offBy": "{{name}} zastavil nahrávanie",
+        "on": "Nahrávanie",
+        "onBy": "{{name}} začal nahrávanie",
+        "pending": "Pripravuje sa nahrávanie stretnutia…",
+        "rec": "REC",
+        "serviceDescription": "Vaša nahrávka sa ukladá nahrávacou službou",
+        "serviceName": "Nahrávacia služba",
+        "signIn": "Prihlásiť",
+        "signOut": "Odhlásiť",
+        "title": "Nahrávanie",
+        "unavailable": "Oh! Služba {{serviceName}} nie je dostupná. Pracujeme na riešeni problému. Skúste prosím neskôr.",
+        "unavailableTitle": "Nahrávanie nie je dostupné"
+    },
+    "sectionList": {
+        "pullToRefresh": "Potiahnuť pre aktualizáciu"
+    },
+    "security": {
+        "about": "Môžete nastaviť $t(lockRoomPassword) pre konferenciu. Účastníci budú musieť zadať $t(lockRoomPassword), aby mohli vstúpiť.",
+        "aboutReadOnly": "Moderátor može nastaviť $t(lockRoomPassword) pre konferenciu. Účastníci budú musieť zadať $t(lockRoomPassword), aby mohli vstúpiť.",
+        "insecureRoomNameWarning": "Názov konferencie nie je bezpečný. Môžu do nej vstúpiť neželaní účastníci. Zvážte zabezpečenie konferencie tlačidlom.",
+        "securityOptions": "Nastavenie zabezpečenia"
+    },
+    "settings": {
+        "calendar": {
+            "about": "Používa sa kalendárová integrácia {{appName}} pre zabezpečený prístup ku vašemu kalendáru.",
+            "disconnect": "Odpojený",
+            "microsoftSignIn": "Prihlásiť pomocou Microsoft",
+            "signedIn": "Momentálne sa pristupuje na kalendárové udalosti pre {{email}}. Stlačte tlačidlo „Odpojiť“ pre prerušenie spojenia ku kalendárovým udalostiam.",
+            "title": "Kalendár"
+        },
+        "devices": "Zariadenia",
+        "followMe": "Všetci sledujú mňa",
+        "language": "Jazyk",
+        "loggedIn": "Prihlásený ako {{name}}",
+        "microphones": "Mikrofóny",
+        "moderator": "Moderátor",
+        "more": "Viac",
+        "name": "Meno",
+        "noDevice": "Žiadne zariadenie",
+        "selectAudioOutput": "Zvukový výstup",
+        "selectCamera": "Kamera",
+        "selectMic": "Mikrofón",
+        "speakers": "Reproduktory",
+        "startAudioMuted": "Pri pripojení všetkým stlmiť zvuk",
+        "startVideoMuted": "Pri pripojení všetkým vypnúť video",
+        "title": "Nastavenia"
+    },
+    "settingsView": {
+        "advanced": "Rozšírené",
+        "alertCancel": "Zrušiť",
+        "alertOk": "OK",
+        "alertTitle": "Upozornenie",
+        "alertURLText": "Zadaná serverová URL je neplatná",
+        "buildInfoSection": "informácie o kompilácií",
+        "conferenceSection": "Konferencia",
+        "disableCallIntegration": "Deaktivovať integráciu s natívnymi volaniami",
+        "disableCrashReporting": "Vypnúť oznamovanie pádov",
+        "disableCrashReportingWarning": "Naozak chcete vypnúť oznamovanie pádov? Nastavenie bude aktívne po reštartovaní aplikácie.",
+        "disableP2P": "Deaktivovať mód s koncovými zariadeniami",
+        "displayName": "Ukázať",
+        "email": "Email",
+        "header": "Nastavenia",
+        "profileSection": "Profil",
+        "serverURL": "Adresa URL servera",
+        "showAdvanced": "Ukázať rozšírené nastavenia",
+        "startWithAudioMuted": "Začať so stlmeným zvukom",
+        "startWithVideoMuted": "Začať so vypnutým videom",
+        "version": "Verzia"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\n Chcete ma zavolať na Vašom telefóne?\n\n{{{defaultDialInNumber}}}Kliknite na nasledujúci odkaz, aby ste videli vybrané telefónne čislo na stretnutí\n{{dialInfoPageUrl}}",
+        "mainText": "Kliknite na nasledujúci odkaz, aby ste sa pripojili na stretnutie:\n{{roomUrl}}"
+    },
+    "speaker": "Rečník",
+    "speakerStats": {
+        "hours": "{{count}}h",
+        "minutes": "{{count}}m",
+        "name": "Meno",
+        "search": "Hľadať",
+        "searchHint": "Vyhľadajte účastníkov",
+        "seconds": "{{count}}s",
+        "speakerStats": "Štatistiky rečníka",
+        "speakerTime": "Čas rečníka"
+    },
+    "startupoverlay": {
+        "policyText": "",
+        "title": "{{app}} potrebuje prístup k vašemu mikrofónu a kamere."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Znovu pripojiť",
+        "text": "Stlačte tlačidlo <i>Znovu pripojiť</i> na opätovné spojenie.",
+        "title": "Konferencia sa prerušila lebo váš počítač bol uspaný."
+    },
+    "toolbar": {
+        "Settings": "Nastavenia",
+        "accessibilityLabel": {
+            "Settings": "Nastavenia zapnúť/vypnúť",
+            "audioOnly": "Zapnúť/vypnúť iba zvukový prenos",
+            "audioRoute": "Vybrať zvukové zariadenie",
+            "callQuality": "Spravovať kvalitu videa",
+            "cc": "Zapnúť/vypnúť titulky",
+            "chat": "Zapnúť/vypnúť textovú diskusiu",
+            "document": "Zatvoriť zdielaný dokument",
+            "download": "Stiahnuť našu aplikáciu",
+            "e2ee": "Koncové šifrovanie",
+            "feedback": "Zanechať spätnú väzbu",
+            "fullScreen": "Zapnúť/vypnúť zobrazenie na celú obrazovku",
+            "grantModerator": "Urobiť moderátorom",
+            "hangup": "Ukončiť volanie",
+            "help": "Pomoc",
+            "invite": "Pozvať účastníka",
+            "kick": "Odstrániť účastníka",
+            "lobbyButton": "Zapnúť/vypnúť čakáreň",
+            "localRecording": "Zapnúť/vypnúť ovládanie lokálneho nahrávania",
+            "lockRoom": "Zapnúť/vypnúť heslo",
+            "moreActions": "Menu „Ďalšie akcie“ zapnúť/vypnúť",
+            "moreActionsMenu": "Menu „Ďalšie akcie“",
+            "moreOptions": "Zobraz viac možností",
+            "mute": "„mikrofón stlmiť“ zapnúť/vypnúť",
+            "muteEveryone": "Všetkých stlmiť",
+            "pip": "Zapnuť/vypnuť mód obraz-v-obraze",
+            "privateMessage": "Poslať súkromnú správu",
+            "profile": "Upraviť profil",
+            "raiseHand": "„Ohlásiť sa“ zapnúť/vypnúť",
+            "recording": "Nahrávanie zapnúť/vypnúť",
+            "remoteMute": "Účastníka stlmiť",
+            "security": "Nastavenie zabezpečenia",
+            "shareRoom": "Pozvať osobu",
+            "shareYourScreen": "Zdieľanie obrazovky zapnúť/vypnúť",
+            "sharedvideo": "Zdieľanie videa zapnúť/vypnúť",
+            "shortcuts": "Klávesové skratky zobraziť/skryť",
+            "show": "V popredí zobraziť",
+            "speakerStats": "Štatistiky rečníka zobraziť/skryť",
+            "tileView": "Prepnúť dlaždicové zobrazenie",
+            "toggleCamera": "Zmeniť kameru",
+            "toggleFilmstrip": "Zapnúť/vypnúť video náhľady",
+            "videoblur": "Rozmazanie pozadia zapnúť/vypnúť",
+            "videomute": "„Video odpojiť“ zapnúť/vypnúť"
+        },
+        "addPeople": "Pridať účastníka do konferencie",
+        "audioOnlyOff": "Mód „Iba zvuk“ deaktivovať",
+        "audioOnlyOn": "Mód „Iba zvuk“ aktivovať",
+        "audioRoute": "Vybrať zvukové zariadenie",
+        "authenticate": "Autentifikácia",
+        "callQuality": "Spravovať kvalitu videa",
+        "chat": "Otvoriť / Zatvoriť chat",
+        "closeChat": "Chat zatvoriť",
+        "documentClose": "Zatvoriť zdieľaný dokument",
+        "documentOpen": "Otvoriť zdieľaný dokument",
+        "download": "Stiahnuť našu aplikáciu",
+        "e2ee": "Koncové šifrovanie",
+        "enterFullScreen": "Zobraziť na celú obrazovku",
+        "enterTileView": "Dlaždicové zobrazenie",
+        "exitFullScreen": "Opustiť celú obrazovku",
+        "exitTileView": "Zrušiť dlaždicové zobrazenie",
+        "feedback": "Nechať spätnú väzbu",
+        "hangup": "Odísť",
+        "help": "Pomoc",
+        "invite": "Pozvať ľudí",
+        "lobbyButtonDisable": "Vypnúť čakáreň",
+        "lobbyButtonEnable": "Zapnúť čakáreň",
+        "login": "Prihlásiť",
+        "logout": "Odhlásiť",
+        "lowerYourHand": "Dať dole ruku",
+        "moreActions": "Viac akcií",
+        "moreOptions": "Viac možností",
+        "mute": "Vypnúť / Zapnúť mikrofón",
+        "muteEveryone": "Všetkých stlmiť",
+        "noAudioSignalDesc": "Pokiaľ ste zámerne nestlmili váš mikrofón v systémových nastaveniach alebo hardvéri, pouvažujte nad prepnutím zariadenia.",
+        "noAudioSignalDescSuggestion": "Pokiaľ ste zámerne nestlmili váš mikrofón v systémových nastaveniach alebo hardvéri, pouvažujte nad prepnutím na odporúčané zariadenie.",
+        "noAudioSignalDialInDesc": "Môže zavolať pomocou:",
+        "noAudioSignalDialInLinkDesc": "Pripojovacie telefónne čísla",
+        "noAudioSignalTitle": "Neprichádza žiaden vstup z vašeho mikrofónu!",
+        "noisyAudioInputDesc": "Vyzerá, že váš mikrofón je zašumený, skúste ho vypnuť, alebo zmeňte zariadenie.",
+        "noisyAudioInputTitle": "Váš mikrofón vyzerá byť zašumený!",
+        "openChat": "Otvoriť chat",
+        "pip": "Zapnuť obraz-v-obraze",
+        "privateMessage": "Poslať súkromnú správu",
+        "profile": "Úprava profilu",
+        "raiseHand": "Prihlásiť / Odhlásiť sa o slovo",
+        "raiseYourHand": "Prihlásiť sa o slovo",
+        "security": "Nastavenie zabezpečenia",
+        "selectBackground": "Vybrať pozadie",
+        "shareRoom": "Pozvať niekoho",
+        "sharedvideo": "Zdielať video",
+        "shortcuts": "Ukázať klávesové skratky",
+        "speakerStats": "Štatistiky rečníka",
+        "startScreenSharing": "Začať zdieľanie obrazovky",
+        "startSubtitles": "Začať titulky",
+        "startvideoblur": "Rozmazať pozadie",
+        "stopScreenSharing": "Ukončiť zdieľanie obrazovky",
+        "stopSharedVideo": "Ukončiť zdielané video",
+        "stopSubtitles": "Ukončiť titulky",
+        "stopvideoblur": "Ukončiť rozmazanie pozadia",
+        "talkWhileMutedPopup": "Skúšate hovoriť? Ste stlmený.",
+        "tileViewToggle": "Prepnúť dlaždicové zobrazenie",
+        "toggleCamera": "Zmeniť kameru",
+        "videomute": "Vypnúť / Zapnúť kameru"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "titulky vypnuť/zapnúť",
+        "error": "Prepisovanie zlyhalo. Skúsiť znovu.",
+        "expandedLabel": "Prepisovanie je zapnuté",
+        "failedToStart": "Prepisovanie sa nepodarilo naštartovať",
+        "labelToolTip": "Stretnutie je prepisované",
+        "off": "Prepisovanie sa skončilo",
+        "pending": "Pripravuje sa prepisovanie stretnutia…",
+        "start": "Začni zobrazovať titulky",
+        "stop": "Skonči zobrazovať titulky",
+        "tr": "TR"
+    },
+    "userMedia": {
+        "grantPermissions": "Prosím povoľte prístup k vašemu mikrofónu a kamere."
+    },
+    "videoSIPGW": {
+        "busy": "Všetky zdroje sú obsadené, skúste znovu o pár minút.",
+        "busyTitle": "Služba je obsadená",
+        "errorAlreadyInvited": "{{displayName}} už bol pozvaný",
+        "errorInvite": "Konferencia sa ešte nezačala, skúste neskôr.",
+        "errorInviteFailed": "Skúste znovu neskôr.",
+        "errorInviteFailedTitle": "Pozývanie {{displayName}} zlyhalo",
+        "errorInviteTitle": "Chyba pozývania",
+        "pending": "{{displayName}} bol pozvaný"
+    },
+    "videoStatus": {
+        "audioOnly": "AUD",
+        "audioOnlyExpanded": "Ste v móde s nízkou prenosovou kapacitou. V tomto móde budete prijímať iba zvuk a zdielanú obrazovku.",
+        "callQuality": "Nastavenie kvality hovoru",
+        "hd": "HD",
+        "hdTooltip": "Sledujete obraz vo vysokej kvalite",
+        "highDefinition": "Vysoká kvalita",
+        "labelTooiltipNoVideo": "Žiadne video",
+        "labelTooltipAudioOnly": "Mód s nízkou prenosovou kapacitou je zapnutý",
+        "ld": "LD",
+        "ldTooltip": "Sledujete obraz v nízkej kvalite",
+        "lowDefinition": "Nízka kvalita",
+        "onlyAudioAvailable": "Iba zvuk je k dispozícií",
+        "onlyAudioSupported": "Na vašom prehliadači podporujeme iba zvuk.",
+        "sd": "SD",
+        "sdTooltip": "Sledujete obraz v štandardnej kvalite",
+        "standardDefinition": "Štandardná kvalita"
+    },
+    "videothumbnail": {
+        "domute": "Vypnúť mikrofón",
+        "domuteOthers": "Vypnúť mikrofóny ostatným",
+        "domuteVideoOfOthers": "Vypnúť kamery ostatným",
+        "flip": "Prevrátiť",
+        "grantModerator": "Urobiť moderátorom",
+        "kick": "Odstrániť",
+        "moderator": "Moderátor",
+        "mute": "Účastník s vypnutým mikrofónom",
+        "muted": "Vypnutý mikrofón",
+        "remoteControl": "Vzdialené ovládanie",
+        "show": "Ukázať v popredí",
+        "videoMuted": "Vypnutá kamera",
+        "videomute": "Účastník vypol kameru"
+    },
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Kliknúť pre pripojenie",
+            "roomname": "Zadajte názov miestnosti"
+        },
+        "appDescription": "Poďte na to, videokonferencie v rámci celého tímu. Do konferencie môžete pozvať kohokoľvek. Všetka komunikácia cez aplikáciu {{app}} je plne šifrovaná, 100% open source zaisťuje, že aplikáciu môžete využívať bez obmedzenia a navyše sa nemusíte ani registrovať.",
+        "audioVideoSwitch": {
+            "audio": "Zvuk",
+            "video": "Video"
+        },
+        "calendar": "Kalendár",
+        "connectCalendarButton": "Pripojte váš kalendár",
+        "connectCalendarText": "",
+        "enterRoomTitle": "Začať nové stretnutie",
+        "getHelp": "Získať pomoc",
+        "go": "Začať",
+        "goSmall": "Začať",
+        "info": "Info",
+        "join": "Pripojiť",
+        "moderatedMessage": "Alebo si <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">rezervujte vopred URL</a> pre konferenciu, kde budete jediný moderátor.",
+        "privacy": "Súkromie",
+        "recentList": "Posledné",
+        "recentListDelete": "Vymazať",
+        "recentListEmpty": "Váš zoznam posledných hovorov je prázdny. Spojte sa s kolegami z Vášho tímu a potom tu nájdete všetky vaše stretnutia.",
+        "reducedUIText": "Vitajte v {{app}}!",
+        "roomNameAllowedChars": "Názov miestnosti by nemal obsahovať žiaden z týchto znakov: ?, &, :, ', \", %, #.",
+        "roomname": "Zadajte názov miestnosti",
+        "roomnameHint": "Zadajte názov alebo URL odkaz miestnosti ku ktorej sa chcete pripojiť. Názov si môžete vymyslieť - dajte ho vedieť ostatným účastníkom konferencie, ktorí ho sem zadajú.",
+        "sendFeedback": "Odoslať spätnú väzbu",
+        "terms": "Podmienky používania",
+        "title": "Zabezpečené, plnohodnotné a úplne bezplatné videokonferencie"
+    }
+}
diff --git a/lang/main-sl.json b/lang/main-sl.json
new file mode 100644
index 0000000..fb9aa76
--- /dev/null
+++ b/lang/main-sl.json
@@ -0,0 +1,1167 @@
+{
+    "addPeople": {
+        "add": "Povabi",
+        "addContacts": "Povabi svoje kontakte",
+        "contacts": "kontakti",
+        "copyInvite": "Kopiraj povabilo za sestanek",
+        "copyLink": "Kopiraj povezavo sestanka",
+        "copyStream": "Kopiraj povezavo do prenosa v živo",
+        "countryNotSupported": "Te države še ne podpiramo.",
+        "countryReminder": "Kličete izven ZDA? Ne pozabite vnesti klicne predpone!",
+        "defaultEmail": "Vaš privzeti e-naslov",
+        "disabled": "Ne morete povabiti drugih.",
+        "failedToAdd": "Ni bilo mogoče dodati udeležencev",
+        "footerText": "Klicanje navzven je onemogočeno.",
+        "googleEmail": "Google e-naslov",
+        "inviteMoreHeader": "Sami ste v sestanku",
+        "inviteMoreMailSubject": "Pridruži se {{appName}} sestanku",
+        "inviteMorePrompt": "Povabi več ljudi",
+        "linkCopied": "Povezava kopirana v odložišče",
+        "noResults": "Ni bilo mogoče najti ustreznih rezultatov",
+        "outlookEmail": "Outlook e-naslov",
+        "phoneNumbers": "telefonske številke",
+        "searching": "Iskanje…",
+        "shareInvite": "Deli povabilo za sestanek",
+        "shareLink": "Deli povezavo sestanka za povabljanje drugih",
+        "shareStream": "Deli povezavo do prenosa v živo",
+        "sipAddresses": "naslovi sip",
+        "telephone": "Telefon: {{number}}",
+        "title": "Povabite osebe na srečanje",
+        "yahooEmail": "Yahoo e-naslov"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "headphones": "slušalke",
+        "none": "Nobena avdio naprava ni na voljo",
+        "phone": "telefon",
+        "speaker": "zvočnik"
+    },
+    "audioOnly": {
+        "audioOnly": "Samo glas (nizka pasovna širina)"
+    },
+    "calendarSync": {
+        "addMeetingURL": "Dodaj povezavo na srečanje",
+        "confirmAddLink": "Ali želite dodati Jitsi povezavo za ta dogodek?",
+        "error": {
+            "appConfiguration": "Integracija koledarja ni pravilno nastavljena.",
+            "generic": "Prišlo je do napake. Prosimo preverite nastavitve svojega koledarja ali poskusite koledar osvežiti.",
+            "notSignedIn": "Prišlo je do napake pri dostopu do koledarja. Prosimo preverite nastavitve koledarja in se poskusite ponovno prijaviti."
+        },
+        "join": "Pridruži se",
+        "joinTooltip": "Pridruži se srečanju",
+        "nextMeeting": "Naslednje srečanje",
+        "noEvents": "V kratkem ni načrtovan noben dogodek.",
+        "ongoingMeeting": "Aktivna srečanja",
+        "permissionButton": "Odpri nastavitve",
+        "permissionMessage": "Če želite svoja srečanja videti v aplikaciji, morate najprej dati dovoljenje za Koledar.",
+        "refresh": "Osveži koledar",
+        "today": "Danes"
+    },
+    "chat": {
+        "enter": "Vstopi v sobo",
+        "error": "Napaka: vaše sporočilo ni bilo poslano. Razlog: {{error}}",
+        "fieldPlaceHolder": "Tukaj vnesite sporočilo",
+        "message": "Sporočilo",
+        "messageAccessibleTitle": "{{user}} pravi:",
+        "messageAccessibleTitleMe": "Jaz pravim:",
+        "messageTo": "Zasebno sporočilo za uporabnika {{recipient}}",
+        "messagebox": "Vnesite sporočilo",
+        "nickname": {
+            "popover": "Izberite svoje ime",
+            "title": "Vnesite ime, ki ga želite uporabljati na srečanju",
+            "titleWithPolls": "Vnesite ime, ki ga želite uporabljati na srečanju"
+        },
+        "noMessagesMessage": "V sestanku še ni sporočilo. Tukaj začnite pogovor!",
+        "privateNotice": "Zasebno sporočilo za uporabnika {{recipient}}",
+        "sendButton": "Pošlji",
+        "smileysPanel": "Čustvenčki",
+        "tabs": {
+            "chat": "Klepet",
+            "polls": "Ankete"
+        },
+        "title": "Klepet",
+        "titleWithPolls": "Klepet",
+        "you": "vi"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Namestite vtičnik Chrome",
+        "close": "Zapri",
+        "dontShowAgain": "Tega mi ne pokaži več",
+        "installExtensionText": "Install the extension for Google Calendar and Office 365 integration"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Povezovanje v sobo, kjer poteka srečanje…"
+    },
+    "connection": {
+        "ATTACHED": "Priključeno",
+        "AUTHENTICATING": "Overjanje",
+        "AUTHFAIL": "Overitev je spodletela",
+        "CONNECTED": "Povezano",
+        "CONNECTING": "Povezovanje",
+        "CONNFAIL": "Povezovanje je spodletelo",
+        "DISCONNECTED": "Ni povezave",
+        "DISCONNECTING": "Prekinjanje povezave",
+        "ERROR": "Napaka",
+        "FETCH_SESSION_ID": "Pridobivanje ID-ja seje…",
+        "GET_SESSION_ID_ERROR": "Napaka pri pridobivanju ID-ja seje: {{code}}",
+        "GOT_SESSION_ID": "Pridobivanje ID-ja seje… dokončano",
+        "LOW_BANDWIDTH": "Zaradi manjše porabe pasovne širine omrežja je bil video za uporabnika {{displayName}} izključen"
+    },
+    "connectionindicator": {
+        "address": "Naslov:",
+        "audio_ssrc": "Avdio SSRC:",
+        "bandwidth": "Ocenjena pasovna širina:",
+        "bitrate": "Bitna hitrost:",
+        "bridgeCount": "Število strežnikov: ",
+        "codecs": "Kodeki (A/V): ",
+        "connectedTo": "Povezan v:",
+        "framerate": "Frekvenca slik:",
+        "less": "Prikaži manj",
+        "localaddress": "Lokalni naslov:",
+        "localaddress_plural": "Lokalni naslovi:",
+        "localport": "Lokalna vrata:",
+        "localport_plural": "Lokalna vrata:",
+        "maxEnabledResolution": "pošlji najvišjo resolucijo",
+        "more": "Prikaži več",
+        "packetloss": "Izguba podatkovnih paketkov:",
+        "participant_id": "Id udeleženca:",
+        "quality": {
+            "good": "Dobro",
+            "inactive": "Neaktiven",
+            "lost": "Izgubljeni",
+            "nonoptimal": "Neoptimalno",
+            "poor": "Slabo"
+        },
+        "remoteaddress": "Oddaljeni naslov:",
+        "remoteaddress_plural": "Oddaljeni naslovi:",
+        "remoteport": "Oddaljena vrata:",
+        "remoteport_plural": "Oddaljena vrata:",
+        "resolution": "Ločljivost:",
+        "savelogs": "Shrani zapise",
+        "status": "Povezava:",
+        "transport": "Prenos:",
+        "transport_plural": "Prenosi:",
+        "video_ssrc": "Video SSRC:"
+    },
+    "dateUtils": {
+        "earlier": "Prej",
+        "today": "Danes",
+        "yesterday": "Včeraj"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Če se želite na srečanje povezati s telefonom, potrebujete mobilno aplikacijo {{app}}.",
+        "description": "Se ni nič zgodilo? Na vaše srečanje smo se skušali povezati z namizno aplikacijo {{app}}. Prosimo poskusite ponovno ali zaženite spletno aplikacijo {{app}}.",
+        "descriptionWithoutWeb": "Se ni nič zgodilo? Na vaše srečanje smo se skušali povezati z namizno aplikacijo {{app}}.",
+        "downloadApp": "Prenesi aplikacijo",
+        "ifDoNotHaveApp": "Če še nimate aplikacije:",
+        "ifHaveApp": "Če že imate aplikacijo:",
+        "joinInApp": "Pridruži se sestanku z aplikacijo",
+        "launchWebButton": "Zaženi na spletu",
+        "title": "Povezovanje na vaše srečanje v {{app}}…",
+        "tryAgainButton": "Poskusite ponovno na namizju"
+    },
+    "defaultLink": "npr. {{url}}",
+    "defaultNickname": "npr. Janez Novak",
+    "deviceError": {
+        "cameraError": "Ni mogoče dostopati do kamere",
+        "cameraPermission": "Ni mogoče pridobiti pravic za dostop do kamere",
+        "microphoneError": "Ni mogoče dostopati do mikrofona",
+        "microphonePermission": "Ni mogoče pridobiti pravic za dostop do mikrofona"
+    },
+    "deviceSelection": {
+        "noPermission": "Brez pravic",
+        "previewUnavailable": "Predogled ni mogoč",
+        "selectADevice": "Izberite napravo",
+        "testAudio": "Predvajaj testni zvok"
+    },
+    "dialOut": {
+        "statusMessage": "je sedaj {{status}}"
+    },
+    "dialog": {
+        "Back": "Nazaj",
+        "Cancel": "Prekliči",
+        "IamHost": "Jaz sem gostitelj",
+        "Ok": "OK",
+        "Remove": "Odstrani",
+        "Share": "Deli",
+        "Submit": "Pošlji",
+        "WaitForHostMsg": "Konferenca v sobi se še ni začela. Če ste gostitelj, se prosimo prijavite, sicer pa počakajte na gostitelja srečanja.",
+        "WaitingForHostTitle": "Čakanje gostitelja…",
+        "Yes": "Da",
+        "accessibilityLabel": {
+            "liveStreaming": "Prenos v živo"
+        },
+        "add": "Dodaj",
+        "allow": "dovoli",
+        "alreadySharedVideoMsg": "Trenutno že nek drug udeleženec deli svoj zaslon. Ta konferenca omogoča samo eno deljenje videa v danem trenutku.",
+        "alreadySharedVideoTitle": "V danem trenutku je mogoče deliti samo en video",
+        "applicationWindow": "Okno aplikacije",
+        "authenticationRequired": "Potrebna avtentikacija",
+        "cameraConstraintFailedError": "Vaša kamera ne zadošča zahtevam.",
+        "cameraNotFoundError": "Ni bilo mogoče najti kamere.",
+        "cameraNotSendingData": "Ni mogoče dostopati do vaše kamere. Prosimo preverite, ali kamero uporablja kakšna druga aplikacija, izberite drugo kamero (če jo imate) ali osvežite to aplikacijo.",
+        "cameraNotSendingDataTitle": "Ni bilo mogoče dostopati do kamere",
+        "cameraPermissionDeniedError": "Niste dali dovoljenja za uporabo kamere. Srečanju se še vedno lahko pridružite, vendar vas ostali ne bodo videli. Dovoljenja za dostop do kamere lahko nastavite v naslovni vrstici brskalnika.",
+        "cameraTimeoutError": "Videa ni bilo mogoče začeti. Časovna omejitev presežena.",
+        "cameraUnknownError": "Kamere ni mogoče uporabiti zaradi neznanega razloga.",
+        "cameraUnsupportedResolutionError": "Vaša kamera ne podpira zahtevane video ločljivosti.",
+        "close": "Zapri",
+        "conferenceDisconnectMsg": "Imate morda težave z omrežno povezljivostjo? Poskus ponovne povezave čez {{seconds}} s…",
+        "conferenceDisconnectTitle": "Povezava je bila prekinjena.",
+        "conferenceReloadMsg": "Težavo skušamo odpraviti. Poskus ponovne povezave čez {{seconds}} s…",
+        "conferenceReloadTitle": "Nekaj je šlo žal narobe.",
+        "confirm": "Potrdi",
+        "confirmNo": "Ne",
+        "confirmYes": "Da",
+        "connectError": "Ups! Nekaj je narobe in se zato ni bilo mogoče povezati s konferenco.",
+        "connectErrorWithMsg": "Ups! Nekaj je narobe in se zato ni bilo mogoče povezati s konferenco: {{msg}}",
+        "connecting": "Povezovanje",
+        "contactSupport": "Stopite v stik s podporo",
+        "copied": "Kopirano",
+        "copy": "Kopiraj URL",
+        "dismiss": "Prekliči",
+        "displayNameRequired": "Pozdravljeni! Kako vam je ime?",
+        "done": "Končano",
+        "e2eeDescription": "Enkripcija je trenutno EKSPERIMENTALNA. Omogočitev enkripcije bo onemogočila funkcije, ki potrebujejo strežnik, kot so pridružitev s telefonom. Sestanek bo delal samo za udeležence, ki uporabljajo brskalnik s podporo za enkripcijo.",
+        "e2eeDisabledDueToMaxModeDescription": "Enkripcije ni mogoče vklopiti zaradi velike števila udeležencev konference.",
+        "e2eeLabel": "Vklopi enkripcijo",
+        "e2eeWarning": "OPOZORILO: Nimajo vsi udeleženci podpore za enkripcijo. Če jo omogočite, vas ne bodo več videli ali slišali.",
+        "e2eeWillDisableDueToMaxModeDescription": "OPOZORILO: Če se pridruži še več udeležencev, bo enkripcija izklopljena.",
+        "embedMeeting": "Vdelaj sestanek",
+        "enterDisplayName": "Prosimo, vnesite svoje ime",
+        "error": "Napaka",
+        "gracefulShutdown": "Naša storitev trenutno ne deluje zaradi vzdrževanja. Prosimo, poskusite kasneje.",
+        "grantModeratorDialog": "Ste prepričani, da želite uporabniku {{participantName}} dodeliti moderatorske pravice?",
+        "grantModeratorTitle": "Dodeli moderatorske pravice",
+        "hideShareAudioHelper": "Ne pokaži več tega okna",
+        "incorrectPassword": "Napačno uporabniško ime ali geslo",
+        "incorrectRoomLockPassword": "Napačno geslo",
+        "internalError": "Ups! Nekaj je šlo narobe. Prišlo je do sledeče napake: {{error}}",
+        "internalErrorTitle": "Notranja napaka",
+        "kickMessage": "Za več podrobnosti lahko kontaktirate uporabnika {{participantDisplayName}}.",
+        "kickParticipantButton": "Odstrani",
+        "kickParticipantDialog": "Ali ste prepričani, da želite tega udeleženca odstraniti iz srečanja?",
+        "kickParticipantTitle": "Odstranim tega udeleženca?",
+        "kickTitle": "Auč! Uporabnik {{participantDisplayName}} vas je odstranil iz srečanja",
+        "liveStreaming": "Prenos v živo",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "Ni mogoče med snemanjem",
+        "liveStreamingDisabledTooltip": "Prenos v živo je onemogočen.",
+        "localUserControls": "Lokalne kontrole uporabnika",
+        "lockMessage": "Ni bilo mogoče zakleniti konference.",
+        "lockRoom": "Dodaj geslo za srečanje",
+        "lockTitle": "Zaklep ni bil uspešen",
+        "login": "Prijava",
+        "logoutQuestion": "Ste prepričani, da se želite odjaviti in zaustaviti srečanje?",
+        "logoutTitle": "Odjava",
+        "maxUsersLimitReached": "Konferenca je polna, saj je bilo doseženo največje možno število udeležencev. Prosimo stopite v kontakt z gostiteljem srečanja ali poskusite kasneje!",
+        "maxUsersLimitReachedTitle": "Doseženo je bilo največje možno število udeležencev",
+        "micConstraintFailedError": "Vaš mikrofon ne zadošča zahtevam.",
+        "micNotFoundError": "Mikrofona ni bilo mogoče najti.",
+        "micNotSendingData": "V nastavitvah računalnika vključite mikrofon in nastavite raven zvoka",
+        "micNotSendingDataTitle": "Vaš mikrofon je izključen v sistemskih nastavitvah",
+        "micPermissionDeniedError": "Niste dali dovoljenja za uporabo mikrofona. Srečanju se še vedno lahko pridružite, vendar vas ostali ne bodo slišali. Dovoljenja za dostop do mikrofona lahko nastavite v naslovni vrstici brskalnika.",
+        "micTimeoutError": "Zvoka ni bilo mogoče začeti. Časovna omejitev presežena.",
+        "micUnknownError": "Mikrofona ni bilo mogoče uporabiti zaradi neznanega razloga.",
+        "moderationAudioLabel": "Dovoli udeležencu, da si omogoči mikrofon",
+        "moderationVideoLabel": "Dovoli udeležencu, da vklopi video",
+        "muteEveryoneDialog": "Ste prepričani, da želite izklopiti zvok vsem udeležencem? Ne boste jim ga mogli več vklopiti, lahko pa si ga sami vklopijo kadarkoli.",
+        "muteEveryoneDialogModerationOn": "Udeleženci lahko kadarkoli zaprosijo za vklop mikrofona",
+        "muteEveryoneElseDialog": "Ko enkrat izklopite zvok, ga jim ne boste mogli več vklopiti, lahko pa si ga sami vklopijo kadarkoli.",
+        "muteEveryoneElseTitle": "Izklopi zvok vsem razen {{whom}}?",
+        "muteEveryoneElsesVideoDialog": "Ko bo kamera izklopljena, je ne boste mogli več vklopiti, udeleženci pa jo lahko vklopijo, kadar želijo.",
+        "muteEveryoneElsesVideoTitle": "Ustavi video vseh razen {{whom}}?",
+        "muteEveryoneSelf": "samega sebe",
+        "muteEveryoneStartMuted": "Od zdaj bodo vsi začeli z izklopljenim zvokom",
+        "muteEveryoneTitle": "Izklopi zvok vsem udeležencem?",
+        "muteEveryonesVideoDialog": "Udeleženci lahko kadarkoli vklopijo video.",
+        "muteEveryonesVideoDialogModerationOn": "Udeleženci lahko kadarkoli zaprosijo za vklop videa.",
+        "muteEveryonesVideoDialogOk": "Onemogoči",
+        "muteEveryonesVideoTitle": "Ustavi video vseh udeležencev?",
+        "muteParticipantBody": "Udeležencem zvoka ne boste mogli vklopiti, si ga bodo pa lahko vklopili sami.",
+        "muteParticipantButton": "Utišaj",
+        "muteParticipantDialog": "Ste prepričani, da želite utišati tega udeleženca? Udeležencu zvoka ne boste mogli vklopiti nazaj, si ga bo pa lahko vklopil sam.",
+        "muteParticipantTitle": "Utišam tega udeleženca?",
+        "muteParticipantsVideoBody": "Kamere ne boste mogli več vklopiti, udeleženec pa jo lahko vklopi, kadar želi.",
+        "muteParticipantsVideoButton": "Ustavi video",
+        "muteParticipantsVideoDialog": "Ste prepričani, da želite izklopiti kamero udeleženca? Kamere ne boste mogli več vklopiti, udeleženec pa jo lahko vklopi, kadar želi.",
+        "muteParticipantsVideoTitle": "Izklopi kamero tega udeleženca?",
+        "noDropboxToken": "Nimate veljavnega žetona za Dropbox",
+        "password": "Geslo",
+        "passwordLabel": "$t(lockRoomPasswordUppercase)",
+        "passwordNotSupported": "Nastavljanje gesla za srečanje ni podprto.",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) ni podprto",
+        "passwordRequired": "$t(lockRoomPasswordUppercase) je zahtevano",
+        "permissionCameraRequiredError": "Dovoljenje do kamere je potrebno za konference z videem. Prosimo, dovolite jo v nastavitvah",
+        "permissionErrorTitle": "Potrebno je dovoljenje",
+        "permissionMicRequiredError": "Dovoljenje do mikrofona je potrebo za konference z zvokom. Prosimo, dovolite ga v nastavitvah",
+        "popupError": "Vaš brskalnik blokira pojavna (pop-up) okna na tej strani. V nastavitvah omogočite pojavna okna in poskusite ponovno.",
+        "popupErrorTitle": "Pojavna okna so blokirana",
+        "readMore": "več",
+        "recording": "Snemanje",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "Ni mogoče med prenosom v živo",
+        "recordingDisabledTooltip": "Zagon snemanja onemogočen.",
+        "rejoinNow": "Ponovno se pridruži",
+        "remoteControlAllowedMessage": "Uporabnik {{user}} je sprejel vašo zahtevo za oddaljen nadzor!",
+        "remoteControlDeniedMessage": "Uporabnik {{user}} je zavrnil vašo zahtevo za oddaljen nadzor!",
+        "remoteControlErrorMessage": "Pri zahtevi za dovoljenje za oddaljeni nadzor pri uporabniku {{user}}, je prišlo do napake!",
+        "remoteControlRequestMessage": "Boste dovolili uporabniku {{user}} da oddaljeno nadzoruje vaše namizje?",
+        "remoteControlShareScreenWarning": "Ce kliknete \"Dovoli\", boste z ostalimi udeleženci delili svoj zaslon!",
+        "remoteControlStopMessage": "Oddaljeno upravljanje namizja je končano!",
+        "remoteControlTitle": "Nadzor oddaljenega upravljanja namizja",
+        "remoteUserControls": "Oddaljene kontrole uporabnika {{username}}",
+        "removePassword": "Odstrani $t(lockRoomPassword)",
+        "removeSharedVideoMsg": "Ste prepričani, da želite odstraniti deljeni video?",
+        "removeSharedVideoTitle": "Odstrani deljeni video",
+        "reservationError": "Napaka rezervacijskega sistema",
+        "reservationErrorMsg": "Koda napake: {{code}}, sporočilo: {{msg}}",
+        "retry": "Poskusi ponovno",
+        "screenSharingAudio": "Deli zvok",
+        "screenSharingFailed": "Ups! Nekaj je šlo narobe. Deljenje zaslona ni bilo uspešno.",
+        "screenSharingFailedTitle": "Deljenje zaslona ni bilo uspešno!",
+        "screenSharingPermissionDeniedError": "Ups! Nekaj je bilo narobe z dovoljenjem za deljenje zaslona. Prosimo osvežite aplikacijo in poskusite ponovno.",
+        "sendPrivateMessage": "Prejeli ste zasebno sporočilo. Želite nanj odgovoriti zasebno ali želite svoj odgovor poslati na skupino?",
+        "sendPrivateMessageCancel": "Odgovori skupini",
+        "sendPrivateMessageOk": "Odgovori zasebno",
+        "sendPrivateMessageTitle": "Odgovori zasebno?",
+        "serviceUnavailable": "Storitev ni na voljo",
+        "sessTerminated": "Klic je bil prekinjen",
+        "sessionRestarted": "Klic je bil znova vzpostavljen.",
+        "shareAudio": "Nadaljuj",
+        "shareAudioTitle": "Kako deliti zvok",
+        "shareAudioWarningD1": "za deljenje zvoka morate najprej prekiniti deljenje zaslona.",
+        "shareAudioWarningD2": "ponovno morate deliti zaslon in označiti opcijo \"deli zvok\".",
+        "shareAudioWarningH1": "Če želite deliti le zvok:",
+        "shareAudioWarningTitle": "Za deljenje zvoka morate prekiniti deljenje zaslona.",
+        "shareMediaWarningGenericH2": "Če želite deliti zaslon in zvok",
+        "shareScreenWarningD1": "za deljenje videa morate najprej prekinit deljenje zvoka.",
+        "shareScreenWarningD2": "prekiniti morate deljenje zvoka, deliti zaslon in odznačiti opcijo \"deli zvok \".",
+        "shareScreenWarningH1": "Če želite deliti le zaslon:",
+        "shareScreenWarningTitle": "Za deljenje zaslona morate najprej prekiniti deljenje zvoka.",
+        "shareVideoLinkError": "Prosimo, vnesite pravilno povezavo.",
+        "shareVideoTitle": "Delite video",
+        "shareYourScreen": "Delite vaš zaslon",
+        "shareYourScreenDisabled": "Deljenje zaslona je onemogočeno.",
+        "sharedVideoLinkPlaceholder": "Povezava YouTube ali direktna povezava do videa",
+        "startLiveStreaming": "Začni prenos v živo",
+        "startRecording": "Začni snemanje",
+        "startRemoteControlErrorMessage": "Pri poskusu zagona oddaljenega upravljanja je prišlo do napake!",
+        "stopLiveStreaming": "Zaustavi prenos v živo",
+        "stopRecording": "Zaustavi snemanje",
+        "stopRecordingWarning": "Ste prepričani, da želite zaustaviti snemanje?",
+        "stopStreamingWarning": "Ste prepričani, da želite zaustaviti prenos v živo?",
+        "streamKey": "Žeton za prenos v živo",
+        "thankYou": "Hvala, ker uporabljate {{appName}}!",
+        "token": "žeton",
+        "tokenAuthFailed": "Oprostite, temu srečanju se ne morete pridružiti.",
+        "tokenAuthFailedTitle": "Neuspešna prijava",
+        "transcribing": "Zapisovanje",
+        "unlockRoom": "Odstrani geslo srečanja",
+        "user": "Uporabnik",
+        "userIdentifier": "Identifikator uporabnika",
+        "userPassword": "uporabniško geslo",
+        "videoLink": "Povezava do video",
+        "viewUpgradeOptions": "Oglej si možnosti za nadgradnjo",
+        "viewUpgradeOptionsContent": "Za neomejen dostop do plačljivih funkcij, kot so snemanje, transkripcija, prenos v živo in več, morate nadgraditi paket.",
+        "viewUpgradeOptionsTitle": "Odkrili ste plačljivo funkcijo.",
+        "yourEntireScreen": "Cel zaslon"
+    },
+    "documentSharing": {
+        "title": "Deljeni dokument"
+    },
+    "e2ee": {
+        "labelToolTip": "Vsa avdio in video komunicija v tem klicu je kriptirana."
+    },
+    "embedMeeting": {
+        "title": "Vdelaj ta sestanek."
+    },
+    "feedback": {
+        "average": "Povprečno",
+        "bad": "Slabo",
+        "detailsLabel": "Povejte nam več.",
+        "good": "Dobro",
+        "rateExperience": "Ocenite vašo izkušnjo s sistemom",
+        "star": "Zvezdica",
+        "veryBad": "Zelo slabo",
+        "veryGood": "Zelo dobro"
+    },
+    "helpView": {
+        "title": "Center za pomoč"
+    },
+    "incomingCall": {
+        "answer": "Odgovori",
+        "audioCallTitle": "Dohodni klic",
+        "decline": "Zavrni",
+        "productLabel": "iz Jitsi Meet",
+        "videoCallTitle": "Dohodni video klic"
+    },
+    "info": {
+        "accessibilityLabel": "Prikaži informacije",
+        "addPassword": "Dodaj $t(lockRoomPassword)",
+        "cancelPassword": "Prekliči $t(lockRoomPassword)",
+        "conferenceURL": "Povezava:",
+        "copyNumber": "Kopiraj številko",
+        "country": "Država",
+        "dialANumber": "Za pridružitev v konferenco, pokličite eno izmed teh številk ter vpišite pin.",
+        "dialInConferenceID": "PIN:",
+        "dialInNotSupported": "Oprostite, povezovanje preko telefona trenutno ni mogoče.",
+        "dialInNumber": "Povezava preko telefona:",
+        "dialInSummaryError": "Napaka pri pridobivanju podatkov za povezavo preko telefona. Prosimo, poskusite kasneje.",
+        "dialInTollFree": "Brezplačno",
+        "genericError": "Ups, nekaj je šlo narobe.",
+        "inviteLiveStream": "Če želite videti prenos tega srečanja v živo, kliknite na to povezavo: {{url}}",
+        "invitePhone": "Za pridružitev preko telefona, vpišite: {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Iščete drugo številko za povezavo preko telefona?\nNajdete jih tu: {{url}}\n\n\nČe se povezujete preko domačega telegona, se lahko pridružite s povezavo brez zvoka: {{silentUrl}}",
+        "inviteSipEndpoint": "Da se pridružite z naslovo SIP, vnesite naslednji naslov: {{sipUri}}",
+        "inviteTextiOSInviteUrl": "Kliknite na to povezavo, da se pridružite: {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "Če se pridružujete preko domačega telefona, uporabite to povezavo, da se pridružite brez zvoka: {{silentUrl}}.",
+        "inviteTextiOSPersonal": "{{name}} vas vabi na sestanek.",
+        "inviteTextiOSPhone": "Da se pridružite s telefonom, uporabite to številko: {{number}},,{{conferenceID}}#. Če iščete drugo številke, je tu celoten seznam: {{didUrl}}.",
+        "inviteURLFirstPartGeneral": "Povabljeni ste na konferenco.",
+        "inviteURLFirstPartPersonal": "{{name}} vas je povabil/a na konferenco.\n",
+        "inviteURLSecondPart": "\nPridruži se konferenci:\n{{url}}\n",
+        "label": "Podatki o srečanju",
+        "liveStreamURL": "Prenos v živo:",
+        "moreNumbers": "Več številk",
+        "noNumbers": "Ni številk za povezavo preko telefona.",
+        "noPassword": "ni nastavljeno",
+        "noRoom": "Za povezavo preko telefona ni bila določena nobena soba.",
+        "numbers": "Številke za povezavo preko telefona:",
+        "password": "$t(lockRoomPasswordUppercase):",
+        "sip": "Naslov SIP",
+        "title": "Souporaba",
+        "tooltip": "Delite povezavo ter informacije za povezavo preko telefona v to konferenco."
+    },
+    "inlineDialogFailure": {
+        "msg": "Opala, prišlo je do težav.",
+        "retry": "Poskusi ponovno",
+        "support": "Podpora",
+        "supportMsg": "Če se bo to nadaljevalo, kontaktirajte"
+    },
+    "inviteDialog": {
+        "alertText": "Nekaterih udeležencev ni bilo mogoče povabiti.",
+        "header": "Povabi",
+        "searchCallOnlyPlaceholder": "Vpiši telefonsko številko",
+        "searchPeopleOnlyPlaceholder": "Išči udeležence",
+        "searchPlaceholder": "Udeleženec ali telefonska številka",
+        "send": "Pošlji"
+    },
+    "jitsiHome": "{{logo}} Logo, povezava do domače strani",
+    "keyboardShortcuts": {
+        "focusLocal": "Fokus na vaš video",
+        "focusRemote": "Fokus na video drugega udeleženca",
+        "fullScreen": "Poglej ali zapusti celozaslonski način",
+        "keyboardShortcuts": "Tipkovnične bližnjice",
+        "localRecording": "Prikaži ali skrij lokalni kontrolnik za snemanje",
+        "mute": "Vklopi ali izklopi mikrofon",
+        "pushToTalk": "Pritisni za govor",
+        "raiseHand": "Dvigni ali spusti roko",
+        "showSpeakerStats": "Prikaži statistike govorcev",
+        "toggleChat": "Odpri ali zapri klepetalnico",
+        "toggleFilmstrip": "Prikaži ali skrij video okenca",
+        "toggleParticipantsPane": "Prikaži ali skrij seznam udeležencev",
+        "toggleScreensharing": "Preklopi med kamero in deljenjem zaslona",
+        "toggleShortcuts": "Prikaži ali skrij tipkovnične bližnjice",
+        "videoMute": "Vklopi ali izklopi kamero"
+    },
+    "liveStreaming": {
+        "busy": "Delamo na sprostitvi pretočnih virov. Poskusite znova čez nekaj minut.",
+        "busyTitle": "Vsi videopretočni strežniki so trenutno zasedeni.",
+        "changeSignIn": "Preklopi med računi.",
+        "choose": "Izberi prenos v živo",
+        "chooseCTA": "Izberite možnost za prenos v živo. Trenutno ste prijavljeni kot {{email}}.",
+        "enterStreamKey": "Vnesite vaš YouTube ključ za prenos v živo.",
+        "error": "Prenos v živo ni uspel. Prosimo poskusite kasneje.",
+        "errorAPI": "Pri dostopu do YouTubovih oddaj je priplo do napake. Prosimo, poskusite se prijaviti kasneje.",
+        "errorLiveStreamNotEnabled": "Prenos v živo na {{email}} ni omogočen. Prosimo, omogočite prenos v živo ali se prijavite v račun, ki ima omogočen prenos v živo.",
+        "expandedOff": "Prenos v živo je zaustavljen",
+        "expandedOn": "Srečanje se prenaša na YouTube.",
+        "expandedPending": "Prenos v živo se začenja…",
+        "failedToStart": "Prenos v živo se ni začel",
+        "getStreamKeyManually": "Ni bilo mogoče najti prenosov v živo. Poskusite pridobiti ključ za prenos v živo iz YouTuba.",
+        "googlePrivacyPolicy": "Politika zasebnosti Google",
+        "invalidStreamKey": "Ključ prenosa v živo je morda napačen.",
+        "limitNotificationDescriptionNative": "Vaš prenos v živo bo omejen na {{limit}} min. Za neomejen prenos preizkusite {{app}}.",
+        "limitNotificationDescriptionWeb": "Zaradi velikega povpraševanja bo vaš prenos omejen na {{limit}} min. Za neomejen prenos preizkusite <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "off": "Prenos v živo zaustavljen",
+        "offBy": "Uporabnik {{name}} je prekinil prenos v živo",
+        "on": "Prenos v živo",
+        "onBy": "Uporabnik {{name}} je začel prenos v živo",
+        "pending": "Začenjam prenos v živo…",
+        "serviceName": "Storitev prenosa v živo",
+        "signIn": "Prijavite se z Googlovim računom",
+        "signInCTA": "Prijavite se ali vnesite ključ za prenos v živo iz YouTuba.",
+        "signOut": "Odjava",
+        "signedInAs": "Trenutno ste prijavljeni kot:",
+        "start": "Začni prenos v živo",
+        "streamIdHelp": "Kaj je to?",
+        "title": "Prenos v živo",
+        "unavailableTitle": "Prenos v živo ni na voljo",
+        "youtubeTerms": "Pogoji uporabe YouTube"
+    },
+    "lobby": {
+        "allow": "Dovoli",
+        "backToKnockModeButton": "Prosi za dostop",
+        "dialogTitle": "Način predsobe",
+        "disableDialogContent": "Način predsobe je trenutno omogočen. Ta funkcija zagotavlja, da se neželeni udeleženci ne morejo pridružiti sestanku. Želite ta način izklopiti?",
+        "disableDialogSubmit": "Onemogoči",
+        "emailField": "Vpišite e-poštni naslov",
+        "enableDialogPasswordField": "Določi geslo (opcijsko)",
+        "enableDialogSubmit": "Omogoči",
+        "enableDialogText": "Način predsobe zavaruje vaš sestanek tako, da se lahko pridružijo le ljudje, ki jim to dovoli moderator.",
+        "enterPasswordButton": "Vnesi geslo sestanka",
+        "enterPasswordTitle": "Vnesi geslo za pridružitev sestanku",
+        "errorMissingPassword": "Prosimo, vnesite geslo sestanka",
+        "invalidPassword": "Napačno geslo",
+        "joinRejectedMessage": "Vašo prošnjo je zavrnil moderator.",
+        "joinTitle": "Pridruži se",
+        "joinWithPasswordMessage": "Pridruževanje sestanku z geslom…",
+        "joiningMessage": "Sestanku se boste pridružili, takoj ko vas bo nekdo sprejel.",
+        "joiningTitle": "Pridruževanju sestanku…",
+        "joiningWithPasswordTitle": "Pridruževanje sestanku z geslom…",
+        "knockButton": "Prosi za dostop",
+        "knockTitle": "Nekdo se želi pridružiti sestanku",
+        "knockingParticipantList": "Seznam udeležencev, ki se želijo pridružiti",
+        "nameField": "Vpišite ime",
+        "notificationLobbyAccessDenied": "{{targetParticipantName}} je bil/a zavrnjen/a s strani {{originParticipantName}}",
+        "notificationLobbyAccessGranted": "{{targetParticipantName}} je dobil/a dovoljenje za pridružitev s strani {{originParticipantName}}",
+        "notificationLobbyDisabled": "{{originParticipantName}} je onemogočil/a predsobo.",
+        "notificationLobbyEnabled": "{{originParticipantName}} je omogočil/a predsobo",
+        "notificationTitle": "Predsoba",
+        "passwordField": "Vnesite geslo sestanka",
+        "passwordJoinButton": "Pridruži se",
+        "title": "Predsoba",
+        "toggleLabel": "Omogoči predsobo"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Izklop",
+            "on": "Vklop",
+            "unknown": "Neznano"
+        },
+        "dialogTitle": "Kontrolnik za lokalno snemanje",
+        "duration": "Trajanje",
+        "durationNA": "N/A",
+        "encoding": "Kodiranje",
+        "label": "LOR",
+        "labelToolTip": "Lokalno snemanje je vključeno",
+        "localRecording": "Lokalno snemanje",
+        "me": "Jaz",
+        "messages": {
+            "engaged": "Lokalno snemanje je vključeno.",
+            "finished": "Seja snemanja {{token}} končana. Datoteko s posnetkom pošljite moderatorju.",
+            "finishedModerator": "Seja snemanja {{token}} končana. Posnetek lokalnega snemanja je bil shranjen. Prosite ostale udeležence, da oddajo svoje posnetke.",
+            "notModerator": "Niste moderator, zato ne morete zagnati ali zaustaviti lokalnega snemanja."
+        },
+        "moderator": "Moderator",
+        "no": "Ne",
+        "participant": "Udeleženec",
+        "participantStats": "Statistika udeleženca",
+        "sessionToken": "Sejni žeton",
+        "start": "Začni snemanje",
+        "stop": "Zaustavi snemanje",
+        "yes": "Da"
+    },
+    "lockRoomPassword": "geslo",
+    "lockRoomPasswordUppercase": "Geslo",
+    "lonelyMeetingExperience": {
+        "button": "Povabi ostale",
+        "youAreAlone": "V sestanku ste sami"
+    },
+    "me": "jaz",
+    "notify": {
+        "OldElectronAPPTitle": "Varnostna ranljivost!",
+        "allowAction": "Dovoli",
+        "allowedUnmute": "Lahko vklopite mikrofon, kamero ali začnete deljenje zaslona.",
+        "connectedOneMember": "Uporabnik {{name}} se je pridružil srečanju",
+        "connectedThreePlusMembers": "Uporabnik {{name}} ter še ({{count}}) drugih se je pridružilo srečanju",
+        "connectedTwoMembers": "{{first}} in {{second}} sta se pridružila srečanju",
+        "disconnected": "Prekinjena",
+        "focus": "Fokus konference",
+        "focusFail": "{{component}} ni na voljo - poskusite čez {{ms}} s",
+        "groupTitle": "Obvestila",
+        "hostAskedUnmute": "Moderator želi, da si vklopite mikrofon.",
+        "invitedOneMember": "Uporabnik {{name}} je bil povabljen",
+        "invitedThreePlusMembers": "Uporabnik {{name}} ter še ({{count}}) drugih se je pridružilo srečanju",
+        "invitedTwoMembers": "{{first}} and {{second}} sta se pridružila srečanju",
+        "kickParticipant": "Uporabnik {{kicker}} je uporabnika {{kicked}} odstranil iz srečanja",
+        "me": "jaz",
+        "moderationInEffectCSDescription": "Dvignite roko, če želite deliti zaslon.",
+        "moderationInEffectCSTitle": "Moderator je onemogočil deljenje zaslona",
+        "moderationInEffectDescription": "Dvignite roko, če želite govoriti.",
+        "moderationInEffectTitle": "Moderator je onemogočil vklop mikrofona",
+        "moderationInEffectVideoDescription": "Dvignite roko, če želite vklopiti kamero.",
+        "moderationInEffectVideoTitle": "Moderator je onemogočil vklop kamere",
+        "moderationRequestFromModerator": "Gostitelj želi, da si vklopite mikrofon",
+        "moderationRequestFromParticipant": "Želi govoriti",
+        "moderationStartedTitle": "Moderacija je vklopljena",
+        "moderationStoppedTitle": "Moderacija je izklopljena",
+        "moderationToggleDescription": "od {{participantDisplayName}}",
+        "moderator": "Podeljene moderatorske pravice!",
+        "muted": "Pogovor ste začeli z utišanim mikrofonom.",
+        "mutedRemotelyDescription": "Če želite govoriti, si mikrofon lahko vklopite. Ko boste končali ga izključite, da na srečanju ne bo slišati preveč šumov in ropota.",
+        "mutedRemotelyTitle": "Vaš mikrofon je utišal uporabnik {{participantDisplayName}}!",
+        "mutedTitle": "Vaš mikrofon je utišan!",
+        "newDeviceAction": "Uporabi",
+        "newDeviceAudioTitle": "Zaznana je bila nova zvočna naprava",
+        "newDeviceCameraTitle": "Zaznana je bila nova kamera",
+        "oldElectronClientDescription1": "Uporabljate staro verzijo aplikacije Jitsi Meet, ki ima varnostne ranljivosti. Prosimo, naložite si ",
+        "oldElectronClientDescription2": "zadnjo verzijo.",
+        "oldElectronClientDescription3": " zdaj!",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) je odstranil drug udeleženec srečanja",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) je bilo nastavljeno s strani drugega udeleženca srečanja",
+        "raiseHandAction": "Dvigni roko",
+        "raisedHand": "{{name}} želi govoriti.",
+        "reactionSounds": "Izklopi zvoke",
+        "screenShareNoAudio": " Deljenje zvoka ni bilo omogočeno ob deljenju zaslona",
+        "screenShareNoAudioTitle": "Sistemskega zvoka ni bilo mogoče deliti.",
+        "somebody": "Nekdo",
+        "startSilentDescription": "Ponovno se pridružite srečanju in omogočite zvok",
+        "startSilentTitle": "Pridružili ste se brez zvoka!",
+        "suboptimalBrowserWarning": "Kot kaže vaša uporabniška izkušnja z našim sistemom ne bo najboljša. Trudimo se, da bi  uporabniško izkušnjo izboljšali, do takrat pa prosimo uporabljajte enega od <a href='static/recommendedBrowsers.html' target='_blank'>popolnoma podprtih brskalnikov</a>.",
+        "suboptimalExperienceTitle": "Opozorilo brskalnika",
+        "unmute": "Vklopi nazaj",
+        "videoMutedRemotelyDescription": "Kadarkoli si ga lahko vklopite nazaj.",
+        "videoMutedRemotelyTitle": "Vaš video je izklopil moderator {{moderator}}"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "Sprejmi",
+            "admitAll": "Sprejmi vse",
+            "allow": "Udeleženci si lahko:",
+            "allowVideo": "Dovoli video",
+            "askUnmute": "Prosi za vklop mikrofona",
+            "audioModeration": "Dovoli zvok",
+            "blockEveryoneMicCamera": "Onemogoči zvok in video vseh udeležencev",
+            "invite": "Povabi",
+            "mute": "Izklopi zvok",
+            "muteAll": "Izklopi zvok vsem",
+            "muteEveryoneElse": "Izklopi zvok vsem ostalim",
+            "reject": "Zavrni",
+            "stopEveryonesVideo": "Izklopi video vsem ostalim",
+            "stopVideo": "Izklopi video",
+            "unblockEveryoneMicCamera": "Dovoli zvok in video vsem udeležencem",
+            "videoModeration": "Vklopi njihov video"
+        },
+        "close": "Zapri",
+        "headings": {
+            "lobby": "Predsoba ({{count}})",
+            "participantsList": "Seznam udeležencev ({{count}})",
+            "waitingLobby": "Čakajoči v predsobi ({{count}})"
+        },
+        "title": "Udeleženci"
+    },
+    "passwordDigitsOnly": "Do {{number}} številk",
+    "passwordSetRemotely": "nastavljeno s strani drugega uporabnika",
+    "polls": {
+        "answer": {
+            "skip": "Preskoči",
+            "submit": "Pošlji"
+        },
+        "create": {
+            "addOption": "Dodaj možnost",
+            "answerPlaceholder": "Možnost {{index}}",
+            "cancel": "Prekliči",
+            "create": "Ustvari anketo",
+            "pollOption": "Možnost ankete {{index}}",
+            "pollQuestion": "Vprašanje ankete",
+            "questionPlaceholder": "Postavi vprašanje",
+            "removeOption": "Odstrani možnost",
+            "send": "Pošlji"
+        },
+        "errors": {
+            "notUniqueOption": "Možnosti morajo biti edinstvene"
+        },
+        "notification": {
+            "description": "Odpri zavihek z anketami za glasovanje",
+            "title": "V sestanek je bila dodana nova anketa"
+        },
+        "results": {
+            "changeVote": "Spremeni svoj glas",
+            "empty": "V sestanku še ni anket. Ustvari anketo tukaj!",
+            "hideDetailedResults": "Skrij podrobnosti",
+            "showDetailedResults": "Pokaži podrobnosti",
+            "vote": "Glasuj"
+        }
+    },
+    "poweredby": "Poganja ga",
+    "prejoin": {
+        "audioAndVideoError": "Napaka zvoka in videa:",
+        "audioDeviceProblem": "Napaka z vašo zvočno napravo",
+        "audioOnlyError": "Napaka zvoka:",
+        "audioTrackError": "Ni bilo možno ustvariti zvoka",
+        "callMe": "Pokliči me",
+        "callMeAtNumber": "Pokliči me na tej številki:",
+        "calling": "Klicanje",
+        "configuringDevices": "Nastavljanje naprav…",
+        "connectedWithAudioQ": "Ste povezani z zvokom?",
+        "connection": {
+            "good": "Vaša internetna povezava je dobra!",
+            "nonOptimal": "Vaša internetna povezava ni optimalna",
+            "poor": "Imate slabo internetno povezavo"
+        },
+        "connectionDetails": {
+            "audioClipping": "Vaš zvok bo verjetno odrezan.",
+            "audioHighQuality": "Vaš zvok bi moral biti zelo kvaliteten.",
+            "audioLowNoVideo": "Vaš zvok bo verjetno slabše kvalitete in brez videa.",
+            "goodQuality": "Super! Kvaliteva vaše medije bo odlična.",
+            "noMediaConnectivity": "Preverjanje povezave neuspešno. To lahko povzroči požarni zid ali NAT.",
+            "noVideo": "Vaš video bo verjetno zelo slab.",
+            "undetectable": "Če še vedno ne morete opravljati klicev v brskalniku, se prepričajte, da vaši zvočniki, mikrofon in kamera delujejo pravilno, da ste brskalniku dovolili dostop in da uporabljate zadnjo verzijo brskalnika. Če imate še vedno težave, kontaktirajte razvijalce spletne aplikacije.",
+            "veryPoorConnection": "Kvaliteva klica bo verjetno zelo slaba.",
+            "videoFreezing": "Vaš video bo verjetno zmrzoval.",
+            "videoHighQuality": "Vaš video bo verjento visoke kvalitete.",
+            "videoLowQuality": "Vaš video bo verjetno slašbe kvalitete.",
+            "videoTearing": "Vaš video bo imel verjetno vizualne artefakte."
+        },
+        "copyAndShare": "Kopiraj in deli povezavo sestanka",
+        "dialInMeeting": "Sestanku se pridruži s klicem",
+        "dialInPin": "Sestanku se pridružite s klicem in vnesite kodo PIN:",
+        "dialing": "Klicanje",
+        "doNotShow": "Tega zaslona ne pokaži več",
+        "errorDialOut": "Klicanje ni bilo uspešno",
+        "errorDialOutDisconnected": "Klicanje ni bilo uspešno. Povezava prekinjena",
+        "errorDialOutFailed": "Klicanje ni bilo uspešno. Klic neuspešen",
+        "errorDialOutStatus": "Neuspešno pridobivanje statusa klica",
+        "errorMissingName": "Prosimo, vnesite svoje ime",
+        "errorNoPermissions": "Dovoliti morate dostop do mikrofona in kamere",
+        "errorStatusCode": "Klicanje ni bilo uspešno, koda statusa: {{status}}",
+        "errorValidation": "Validacija številke ni bila uspešna",
+        "iWantToDialIn": "Sestanku se pridruži s klicem",
+        "initiated": "Klic začet",
+        "joinAudioByPhone": "Pridruži se z zvokom telefona",
+        "joinMeeting": "Pridruži se sestanku",
+        "joinWithoutAudio": "Pridruži se brez zvoka",
+        "keyboardShortcuts": "Omogoči bližnjice tipkovnice",
+        "linkCopied": "Povezava je bila kopirana",
+        "lookGood": "Vaš mikrofon deluje pravilno",
+        "or": "ali",
+        "premeeting": "Pred sestanek",
+        "screenSharingError": "Napaka deljenja zaslona:",
+        "startWithPhone": "Začni z zvokom telefona",
+        "videoOnlyError": "Napaka videa:",
+        "videoTrackError": "Ni bilo mogoče ustvariti videa.",
+        "viewAllNumbers": "poglej vse številke"
+    },
+    "presenceStatus": {
+        "busy": "Zaseden",
+        "calling": "Kličem…",
+        "connected": "Povezan",
+        "connecting": "Povezovanje…",
+        "connecting2": "Povezovanje*…",
+        "disconnected": "Prekinjeno",
+        "expired": "Pretečeno",
+        "ignored": "Ignorirano",
+        "initializingCall": "Začetek klica…",
+        "invited": "Povabljen",
+        "rejected": "Zavrnjen",
+        "ringing": "Zvoni…"
+    },
+    "profile": {
+        "avatar": "avatar",
+        "setDisplayNameLabel": "Nastavite svoje prikazno ime",
+        "setEmailInput": "Vnesite e-naslov",
+        "setEmailLabel": "Nastavite svoj e-naslov",
+        "title": "Profil"
+    },
+    "raisedHand": "Želi govoriti",
+    "recording": {
+        "authDropboxText": "Naloži na Dropbox",
+        "availableSpace": "Na voljo je še: {{spaceLeft}} MB (za približno {{duration}} minut snemanja)",
+        "beta": "BETA",
+        "busy": "Delamo na sprostitvi virov za snemanje. Poskusite znova čez nekaj minut.",
+        "busyTitle": "Trenutno so vsi viri za snemanje zasedeni.",
+        "copyLink": "Kopiraj povezavo",
+        "error": "Snemanje ni uspelo. Prosim poskusite ponovno.",
+        "errorFetchingLink": "Napaka pri pridobivanju povezave do posnetka.",
+        "expandedOff": "Snemanje se je zaustavilo.",
+        "expandedOn": "Sestanek se trenutno snema.",
+        "expandedPending": "Snemanje se začenja…",
+        "failedToStart": "Snemanja ni bilo mogoče začeti",
+        "fileSharingdescription": "Delite snemanje z udeleženci srečanja",
+        "limitNotificationDescriptionNative": "Zaradi velikega povpraševanja bo snemanje omejeno na {{limit}} min. Za neomejeno snemanje preizkusite <3>{{app}}</3>.",
+        "limitNotificationDescriptionWeb": "Zaradi velikega povpraševanja bo snemanje omejeno na {limit}} min. Za neomejeno snemanje preizkusite <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "linkGenerated": "Ustvarili smo povezava do posnetka.",
+        "live": "V ŽIVO",
+        "loggedIn": "Vpisan kot {{userName}}",
+        "off": "Snemanje ustavljeno",
+        "offBy": "{{name}} je ustavil snemanje",
+        "on": "Snemanje",
+        "onBy": "{{name}} je začel snemanje",
+        "pending": "Priprava snemanja srečanja…",
+        "rec": "REC",
+        "serviceDescription": "Vaš posnetek bo shranila storitev snemanja",
+        "serviceDescriptionCloud": "Snemanje v oblak",
+        "serviceName": "Storitev snemanja",
+        "signIn": "Prijava",
+        "signOut": "Odjava",
+        "title": "Snemanje",
+        "unavailable": "Ups! {{ServiceName}} trenutno ni na voljo. Delamo na tem, da težavo odpravimo. Prosimo, poskusite kasneje.",
+        "unavailableTitle": "Snemanje ni mogoče",
+        "uploadToCloud": "Naloži v oblak"
+    },
+    "sectionList": {
+        "pullToRefresh": "Potegnite za osvežitev"
+    },
+    "security": {
+        "about": "Sestanku lahko dodate $t(lockRoomPassword). Preden se lahko udeleženci pridružijo, bodo morali vpisati $t(lockRoomPassword).",
+        "aboutReadOnly": "Moderatorji lahko sestanku dodajo $t(lockRoomPassword). Preden se lahko udeleženci pridružijo, bodo morali vpisati $t(lockRoomPassword).",
+        "insecureRoomNameWarning": "Ime sobe ni varno. Neželeni udeleženci se lahko pridružijo konferenci.",
+        "securityOptions": "Nastavitve varnosti"
+    },
+    "settings": {
+        "calendar": {
+            "about": "Integracija koledarja {{appName}} se uporablja za varen dostop do vašega koledarja, tako da lahko bere prihajajoče dogodke.",
+            "disconnect": "Prekini povezavo",
+            "microsoftSignIn": "Prijavite se z Microsoft računom",
+            "signedIn": "Trenutno dostopate do dogodkov v koledarju za {{email}}. Če želite ustaviti dostop do koledarskih dogodkov, kliknite gumb 'Prekini povezavo'.",
+            "title": "Koledar"
+        },
+        "desktopShareFramerate": "Sličice na sekundo pri deljenju zaslona",
+        "desktopShareHighFpsWarning": "Višje število slišic na sekundo lahko vpliva na vašo povezavo. Ponovno morate deliti zaslon, da bodo nove nastavitve veljave.",
+        "desktopShareWarning": "Ponovno morate deliti zaslon, da bodo nove nastavitve veljave.",
+        "devices": "Naprave",
+        "followMe": "Vsi sledijo meni",
+        "framesPerSecond": "sličic na sekundo",
+        "incomingMessage": "Prihajajoče sporočilo",
+        "language": "Jezik",
+        "loggedIn": "Prijavljen kot {{name}}",
+        "microphones": "Microphones",
+        "moderator": "Moderator",
+        "more": "Več",
+        "name": "Ime",
+        "noDevice": "brez",
+        "participantJoined": "Udeleženec se je pridružil",
+        "participantLeft": "Udeleženec je odšel",
+        "playSounds": "Predvajaj zvok",
+        "reactions": "Reakcije sestanka",
+        "sameAsSystem": "Enako kot v sistemu ({{label}})",
+        "selectAudioOutput": "Avdio izhod",
+        "selectCamera": "Kamera",
+        "selectMic": "Mikrofon",
+        "sounds": "Zvoki",
+        "speakers": "Speakers",
+        "startAudioMuted": "Vsi začnejo z utišanim mikrofonom",
+        "startVideoMuted": "Vsi začnejo z izključeno kamero",
+        "talkWhileMuted": "Govorenje ob izklopljenem mikrofonu",
+        "title": "Nastavitve"
+    },
+    "settingsView": {
+        "advanced": "Napredno",
+        "alertCancel": "Cancel",
+        "alertOk": "OK",
+        "alertTitle": "Opozorilo",
+        "alertURLText": "Vnešen URL naslov strežnika ni veljaven",
+        "buildInfoSection": "Različica aplikacije",
+        "conferenceSection": "Konferenca",
+        "disableCallIntegration": "Onemogoči integracijo domačih klicev",
+        "disableCrashReporting": "Disable crash reporting",
+        "disableCrashReportingWarning": "Are you sure you want to disable crash reporting? The setting will be applied after you restart the app.",
+        "disableP2P": "Onemogoči P2P način",
+        "displayName": "Prikazno ime",
+        "email": "E-naslov",
+        "header": "Nastavitve",
+        "profileSection": "Profil",
+        "serverURL": "URL strežnika",
+        "showAdvanced": "Prikaži napredne nastavitve",
+        "startWithAudioMuted": "Začni z utišanim zvokom",
+        "startWithVideoMuted": "Začni z izključeno kamero",
+        "version": "Različica"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nSe želite povezati s telefonom?\n\n{{defaultDialInNumber}}Če želite videti številke za povezavo prek telefona, kliknite povezavo:\n{{dialInfoPageUrl}}",
+        "mainText": "Če se želite pridružiti konferenci, kliknite na to povezavo:\n{{roomUrl}}"
+    },
+    "speaker": "Govorec",
+    "speakerStats": {
+        "hours": "{{count}}h",
+        "minutes": "{{count}}m",
+        "name": "Ime",
+        "search": "Iskanje",
+        "searchHint": "Iskanje udeležencev",
+        "seconds": "{{count}}s",
+        "speakerStats": "Statistika govorca",
+        "speakerTime": "Čas govorjenja"
+    },
+    "startupoverlay": {
+        "genericTitle": "Sestanek potrebuje dostop do vašega mikrofona in kamere.",
+        "policyText": " ",
+        "title": "{{app}} potrebuje dostop do vašega mikrofona in kamere."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Ponovno se pridruži",
+        "text": "Za ponovno povezavo pritisnite gumb <i>Ponovno se pridruži</i>.",
+        "title": "Video klic se je prekinil, ker je bil računalnik vmes v stanju spanja."
+    },
+    "toolbar": {
+        "Settings": "Nastavitve",
+        "accessibilityLabel": {
+            "Settings": "Preklopi nastavitve",
+            "audioOnly": "Preklopi samo na avdio",
+            "audioRoute": "Izberi zvočno napravo",
+            "boo": "Bu",
+            "callQuality": "Upravljaj kvaliteto videa",
+            "cc": "Preklopi podnapise",
+            "chat": "Preklopi okno za klepet",
+            "clap": "plosk",
+            "collapse": "Skrči",
+            "document": "Preklopi deljeni dokument",
+            "download": "Prenesi naše aplikacije",
+            "embedMeeting": "Vdelaj sestanek",
+            "expand": "Razširi",
+            "feedback": "Pošlji povratno informacijo",
+            "fullScreen": "Preklopi v celozaslonski način",
+            "grantModerator": "Dodeli moderatorske pravice",
+            "hangup": "Zapusti klic",
+            "help": "Pomoč",
+            "invite": "Povabi druge osebe",
+            "kick": "Odstrani udeleženca",
+            "laugh": "Smeh",
+            "like": "Všeček",
+            "lobbyButton": "Vklopi/izklopi način predsobe",
+            "localRecording": "Preklopi kontrolnik lokalnega snemanja",
+            "lockRoom": "Preklopi geslo srečanja",
+            "moreActions": "Preklopi meni z več možnostmi",
+            "moreActionsMenu": "Meni z več možnostmi",
+            "moreOptions": "Prikaži več možnosti",
+            "mute": "Preklopi utišanje mikrofona",
+            "muteEveryone": "Mute everyone",
+            "muteEveryoneElse": "Izklopi zvok vsem ostalim",
+            "muteEveryoneElsesVideo": "Izklopi video vsem ostalim",
+            "muteEveryonesVideo": "Izklopi video vseh udeležencev",
+            "participants": "Udeleženci",
+            "pip": "Preklopi način slika-v-sliki",
+            "privateMessage": "Pošlji zasebno sporočilo",
+            "profile": "Uredi svoj profil",
+            "raiseHand": "Preklopi dvig roke",
+            "reactionsMenu": "Odpri/zapri meni reakcij",
+            "recording": "Preklopi snemanje",
+            "remoteMute": "Utišaj udeleženca",
+            "remoteVideoMute": "Izklopi kamero udeleženca",
+            "security": "Nastavitve varnosti",
+            "selectBackground": "Izberi ozadnje",
+            "shareRoom": "Povabi druge osebe",
+            "shareYourScreen": "Preklopi deljenje zaslona",
+            "shareaudio": "Deli zvok",
+            "sharedvideo": "Preklopi deljenje videa",
+            "shortcuts": "Preklopi bližnjice",
+            "show": "Prikaži na sceni",
+            "silence": "Tišina",
+            "speakerStats": "Preklopi statistiko govorca",
+            "surprised": "Presenečenje",
+            "tileView": "Preklopi ploščični pogled",
+            "toggleCamera": "Preklopi kamero",
+            "toggleFilmstrip": "Toggle filmstrip",
+            "videoblur": "Preklopi zabrisovanje videa",
+            "videomute": "Preklopi izklop videa"
+        },
+        "addPeople": "Dodaj druge udeležence v vaš klic",
+        "audioOnlyOff": "Onemogoči način nizke pasovne širine",
+        "audioOnlyOn": "Omogoči način nizke pasovne širine",
+        "audioRoute": "Izberi zvočno napravo",
+        "audioSettings": "Nastavitve zvoka",
+        "authenticate": "Overi",
+        "boo": "Bu",
+        "callQuality": "Upravljaj kvaliteto videa",
+        "chat": "Odpri / zapri klepet",
+        "clap": "Plosk",
+        "closeChat": "Zapri klepet",
+        "closeReactionsMenu": "Zapri meni reakcij",
+        "disableReactionSounds": "Izklopite lahko zvok reakcij za ta sestanek",
+        "documentClose": "Zapri deljeni dokument",
+        "documentOpen": "Odpri deljeni dokument",
+        "download": "Prenesi naše aplikacije",
+        "e2ee": "End-to-End Encryption",
+        "embedMeeting": "Vdelaj sestanek",
+        "enterFullScreen": "Poglej na celem zaslonu",
+        "enterTileView": "Ploščični pogled",
+        "exitFullScreen": "Zapusti celozaslonski način",
+        "exitTileView": "Zapusti ploščični pogled",
+        "feedback": "Pusti povratno informacijo",
+        "hangup": "Zapusti",
+        "help": "Pomoč",
+        "invite": "Povabi druge osebe",
+        "laugh": "Smeh",
+        "like": "Všeček",
+        "lobbyButtonDisable": "Izklopi način predsobe",
+        "lobbyButtonEnable": "Vklopi način predsobe",
+        "login": "Prijava",
+        "logout": "Odjava",
+        "lowerYourHand": "Spusti svojo roko",
+        "moreActions": "Več možnosti",
+        "moreOptions": "Več možnosti",
+        "mute": "Vklopi / izklopi mikrofon",
+        "muteEveryone": "Izklopi zvok vsem",
+        "muteEveryonesVideo": "Izklopi kamero vseh udeležencev",
+        "noAudioSignalDesc": "Če ga niste namerno izklopili iz sistemskih nastavitev ali naprave, morda zamenjate napravo.",
+        "noAudioSignalDescSuggestion": "Če ga niste namerno izklopili iz sistemskih nastavitev ali naprave, morda zamenjate napravo.",
+        "noAudioSignalDialInDesc": "Pridružite se lahko tudi s telefonom:",
+        "noAudioSignalDialInLinkDesc": "Številke za pridružitev s telefonom",
+        "noAudioSignalTitle": "Iz vašega mikrofona ni zvoka!",
+        "noisyAudioInputDesc": "Vaš mikrofon je glasen, morda si izklopite zvok ali zamenjate napravo.",
+        "noisyAudioInputTitle": "Vaš mikrofon je glasen!",
+        "openChat": "Odpri klepet",
+        "openReactionsMenu": "Odpri meni reakcij",
+        "participants": "Udeleženci",
+        "pip": "Aktiviraj način slika-v-sliki",
+        "privateMessage": "Pošlji zasebno sporočilo",
+        "profile": "Uredi svoj profil",
+        "raiseHand": "Dvigni / spusti svojo roko",
+        "raiseYourHand": "Dvigni svojo roko",
+        "reactionBoo": "Pošlji reakcijo bu",
+        "reactionClap": "Pošlji reakcijo ploska",
+        "reactionLaugh": "Pošlji reakcijo smeha",
+        "reactionLike": "Pošlji reakcija všečka",
+        "reactionSilence": "Pošlji reakcijo tišine",
+        "reactionSurprised": "Pošlji reakcijo presenečenja",
+        "security": "Nastavitve varnosti",
+        "selectBackground": "Izberi ozadje",
+        "shareRoom": "Povabi nekoga",
+        "shareaudio": "Deli zvok",
+        "sharedvideo": "Deli video",
+        "shortcuts": "Prikaži bližnjice",
+        "silence": "Tišina",
+        "speakerStats": "Statistike govorcev",
+        "startScreenSharing": "Začni deliti zaslon",
+        "startSubtitles": "Začni prikaz podnapisov",
+        "stopAudioSharing": "Izklopi deljenje zvoka",
+        "stopScreenSharing": "Prekini deljenje zaslona",
+        "stopSharedVideo": "Ustavi video",
+        "stopSubtitles": "Prekini prikaz podnapisov",
+        "surprised": "Presenečenje",
+        "talkWhileMutedPopup": "Želite govoriti? Utišani ste.",
+        "tileViewToggle": "Preklopi ploščični pregled",
+        "toggleCamera": "Preklopi kamero",
+        "videoSettings": "Nastavitve videa",
+        "videomute": "Vklopi / izklopi kamero"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Vklopi / Izklopi podnapise",
+        "error": "Prepisovanje ni uspelo. Prosim poskusite ponovno.",
+        "expandedLabel": "Prepisovanje je vključeno",
+        "failedToStart": "Prepisovanja ni bilo mogoče začeti",
+        "labelToolTip": "Sestanek se prepisuje",
+        "off": "Prepisovanje zaustavljeno",
+        "pending": "Priprava na prepis sestanka…",
+        "start": "Začni prikazovati podnapise",
+        "stop": "Prenehaj prikazovati podnapise",
+        "tr": "TR"
+    },
+    "userMedia": {
+        "grantPermissions": "Prosimo, da odobrite zahtevo za uporabo kamere in mikrofona."
+    },
+    "videoSIPGW": {
+        "busy": "Delamo na sprostitvi virov. Poskusite znova čez nekaj minut.",
+        "busyTitle": "Storitev je trenutno zasedena",
+        "errorAlreadyInvited": "{{displayName}} je že povabljen",
+        "errorInvite": "Konferenca še ni vzpostavljena. Prosim poskusite kasneje.",
+        "errorInviteFailed": "Delamo na reševanju težave. Prosim poskusite kasneje.",
+        "errorInviteFailedTitle": "Povabilo {{displayName}} ni uspelo",
+        "errorInviteTitle": "Napaka pri povabilu v sobo",
+        "pending": "{{displayName}} je bil povabljen"
+    },
+    "videoStatus": {
+        "audioOnly": "ZVOK",
+        "audioOnlyExpanded": "Ste v načinu nizke pasovne širine. V tem načinu boste prejemali samo avdio in deljenje zaslona.",
+        "callQuality": "Kvaliteta videa",
+        "hd": "HD",
+        "hdTooltip": "Prenos videa v visoki ločljivosti",
+        "highDefinition": "Visoka ločljivost",
+        "labelTooiltipNoVideo": "Ni videa",
+        "labelTooltipAudioOnly": "Omogočen je način nizke pasovne širine",
+        "ld": "LD",
+        "ldTooltip": "Prenos videa v nizki ločljivosti",
+        "lowDefinition": "Nizka ločljivost",
+        "sd": "SD",
+        "sdTooltip": "Prenos videa v standardni ločljivosti",
+        "standardDefinition": "Standardna ločljivost"
+    },
+    "videothumbnail": {
+        "connectionInfo": "Informacije povezave",
+        "domute": "Utišaj",
+        "domuteOthers": "Izklopi zvok vsem ostalim",
+        "domuteVideo": "Izklopi kamero",
+        "domuteVideoOfOthers": "Izklopi kamero vsem ostalim",
+        "flip": "Zrcali",
+        "grantModerator": "Dodeli moderatorske pravice",
+        "kick": "Odstrani",
+        "moderator": "Moderator",
+        "mute": "Udeleženec je utišan",
+        "muted": "Utišan",
+        "remoteControl": "Oddaljeni nadzor",
+        "show": "Prikaži na sceni",
+        "videoMuted": "Kamera izklopljena",
+        "videomute": "Udeleženec je zaustavil kamero"
+    },
+    "virtualBackground": {
+        "addBackground": "Dodaj ozadje",
+        "apply": "Uveljavi",
+        "backgroundEffectError": "Ni bilo mogoče uveljaviti virtualnega ozadja.",
+        "blur": "Zameglitev",
+        "deleteImage": "Izbriši sliko",
+        "desktopShare": "Deljenje zaslona",
+        "desktopShareError": "Ni bilo mogoče vklopiti deljenje zaslona",
+        "image1": "Obala",
+        "image2": "Bela stena",
+        "image3": "Bela soba",
+        "image4": "Črna svetilka",
+        "image5": "Gora",
+        "image6": "Gozd",
+        "image7": "Sončni vzhod",
+        "none": "Brez",
+        "pleaseWait": "Prosimo, počakajte…",
+        "removeBackground": "Odstrani ozadje",
+        "slightBlur": "Delna zameglitev",
+        "title": "Virtualna ozadja",
+        "uploadedImage": "Naložena slika {{index}}",
+        "webAssemblyWarning": "WebAssembly ni podprt."
+    },
+    "volumeSlider": "Drsnik glasnosti",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Kliknite, če se želite pridružiti",
+            "roomname": "Vnesi ime sobe"
+        },
+        "addMeetingName": "Dodaj ime sestanka",
+        "appDescription": "{{app}} je šifrirana, popolnoma odprtokodna rešitev za izvajanje videokonferenc, ki jo lahko uporabljate neomejeno in brez registracije. Na srečanje lahko povabite kogarkoli - brez omejitev.",
+        "audioVideoSwitch": {
+            "audio": "Avdio",
+            "video": "Video"
+        },
+        "calendar": "Koledar",
+        "connectCalendarButton": "Poveži svoj koledar",
+        "connectCalendarText": "Če želite v aplikaciji {{app}} videti vsa svoja srečanja, jo povežite s koledarjem. Poleg tega lahko v svoj koledar dodate še srečanja ponudnika {{provider}} in jih zaženete z enim klikom.",
+        "enterRoomTitle": "Začni novo srečanje",
+        "getHelp": "Pridobi pomoč",
+        "go": "POJDI",
+        "goSmall": "POJDI",
+        "headerSubtitle": "Varni in kvalitetni sestanki",
+        "headerTitle": "Jitsi Meet",
+        "info": "Informacije",
+        "jitsiOnMobile": "Jitsi na telefonih – prenesi aplikacijo in začni sestanek od kjerkoli",
+        "join": "PRIDRUŽI SE",
+        "logo": {
+            "calendar": "Logo koledarja",
+            "desktopPreviewThumbnail": "Sličica deljenja zaslona",
+            "googleLogo": "Google Logo",
+            "logoDeepLinking": "Jitsi meet logo",
+            "microsoftLogo": "Microsoft logo",
+            "policyLogo": "Logo politike"
+        },
+        "mobileDownLoadLinkAndroid": "Prenesi aplikacijo za Android",
+        "mobileDownLoadLinkFDroid": "Prenesi aplikacijo za F-Droid",
+        "mobileDownLoadLinkIos": "Prenesi aplikacijo za iOS",
+        "moderatedMessage": "Ali <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">rezerviraj povezavo sestanka</a>, kjer boste edini moderator.",
+        "privacy": "Zasebnost",
+        "recentList": "Nedavno",
+        "recentListDelete": "Izbriši",
+        "recentListEmpty": "Seznam vaših preteklih srečanj je trenutno prazen. Pričnite novo srečanje, in tukaj se bo prikazala zgodovina vseh vaših srečanj.",
+        "reducedUIText": "Pozdravljeni v {{app}}!",
+        "roomNameAllowedChars": "Ime srečanje ne sme vsebovati naslednjih znakov: ?, &, :, ', \", %, #.",
+        "roomname": "Vnesite ime sobe",
+        "roomnameHint": "Vnesite ime ali URL naslov sobe, v kateri bo potekalo srečanje. Ime sobe si lahko izmislite, morate pa ga posredovati vsem tistim, s katerimi se v tej sobi želite udeležiti videokonference.",
+        "sendFeedback": "Pošlji povratno informacijo",
+        "startMeeting": "Začni sestanek",
+        "terms": "Pogoji",
+        "title": "Varen, zanesljiv in popolnoma brezplačen videokonferenčni sistem"
+    }
+}
diff --git a/lang/main-sq.json b/lang/main-sq.json
new file mode 100644
index 0000000..a5290b0
--- /dev/null
+++ b/lang/main-sq.json
@@ -0,0 +1,1581 @@
+{
+    "addPeople": {
+        "accessibilityLabel": {
+            "meetingLink": "Lidhje takimi: {{url}}"
+        },
+        "add": "Ftoni",
+        "addContacts": "Ftoni kontaktet tuaja",
+        "contacts": "kontakte",
+        "copyInvite": "Kopjo ftesë takimi",
+        "copyLink": "Kopjo lidhje takimi",
+        "copyStream": "Kopjo lidhje transmetimi të drejtpërdrejtë",
+        "countryNotSupported": "S’e mbulojmë ende këtë vend.",
+        "countryReminder": "Thirrje nga jashtë ShBA-s? Ju lutemi, sigurohuni se e nisni me kodin e vendit!",
+        "defaultEmail": "Email-i Juaj Parazgjedhje",
+        "disabled": "S’mund të ftoni persona.",
+        "failedToAdd": "S’u arrit të shtohen pjesëmarrës",
+        "googleEmail": "Email Google",
+        "inviteMoreHeader": "Në takim jeni vetëm ju",
+        "inviteMoreMailSubject": "Merrni pjesë në takim me {{appName}}",
+        "inviteMorePrompt": "Ftoni më tepër persona",
+        "linkCopied": "Lidhja u kopjua në të papastër",
+        "noResults": "S’ka përfundime kërkimi me përputhje",
+        "outlookEmail": "Email Outlook",
+        "phoneNumbers": "numra telefonash",
+        "searching": "Po kërkohet…",
+        "shareInvite": "Jepuni të tjerëve ftesë takimi",
+        "shareLink": "Që të ftoni të tjerë, jepuni lidhjen për në takim",
+        "shareStream": "Jepuni të tjerëve lidhjen e transmetimit të drejtpërdrejtë",
+        "sipAddresses": "adresa SIP",
+        "telephone": "Telefon: {{number}}",
+        "title": "Ftoni persona në këtë takim",
+        "yahooEmail": "Email Yahoo"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "car": "Audio Automjeti",
+        "headphones": "Kufje",
+        "none": "S’ka pajisje audio",
+        "phone": "Telefon",
+        "speaker": "Altoparlant"
+    },
+    "audioOnly": {
+        "audioOnly": "Gjerësi e ulët bande"
+    },
+    "bandwidthSettings": {
+        "assumedBandwidthBps": "p.sh. 10000000 për 10 Mbps",
+        "assumedBandwidthBpsWarning": "Vlera më të mëdha mund të shkaktojnë probleme rrjeti.",
+        "customValue": "vlerë vetjake",
+        "customValueEffect": "për të ujdisur vlerën e tanishme bps",
+        "leaveEmpty": "lëreni të zbrazët",
+        "leaveEmptyEffect": "për të lejuar kryerje vlerësimesh",
+        "possibleValues": "Vlera të mundshme",
+        "setAssumedBandwidthBps": "Gjerësi bande e supozuar (bps)",
+        "title": "Rregullime gjerësi bande",
+        "zeroEffect": "për të çaktivizuar videon"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "Shtoni aneks konsultimesh",
+            "autoAssign": "Caktoje automatikisht te anekse konsultimesh",
+            "close": "Mbylle",
+            "join": "Hyni",
+            "leaveBreakoutRoom": "Dilni nga aneks konsultimesh",
+            "more": "Më tepër",
+            "remove": "Hiqe",
+            "rename": "Riemërtojeni",
+            "renameBreakoutRoom": "Riemërtoni aneks konsultimesh",
+            "sendToBreakoutRoom": "Dërgoje pjesëmarrësin te:"
+        },
+        "breakoutList": "Listë aneksesh",
+        "buttonLabel": "Dhoma aneks konsultimesh",
+        "defaultName": "Dhomë aneks konsultimesh #{{index}}",
+        "hideParticipantList": "Fshihe listën e pjesëmarrësve",
+        "mainRoom": "Dhoma kryesore",
+        "notifications": {
+            "joined": "Po hyhet te dhomë aneks konsultimesh \"{{name}}\"",
+            "joinedMainRoom": "Po hyhet te dhoma kryesore",
+            "joinedTitle": "Dhoma Aneks Konsultimesh"
+        },
+        "showParticipantList": "Shfaq listë pjesëmarrësish",
+        "title": "Dhoma Aneks Konsultimesh"
+    },
+    "calendarSync": {
+        "addMeetingURL": "Shtoni një lidhje takimi",
+        "confirmAddLink": "Doni të shtohet një lidhje Jitsi te kjo veprimtari?",
+        "error": {
+            "appConfiguration": "Integrimi i kalendarëve s’është formësuar si duhet.",
+            "generic": "Ndodhi një gabim. Ju lutemi, kontrolloni rregullimet për kalendarin tuaj, ose provoni të rifreskoni kalendarin.",
+            "notSignedIn": "Ndodhi një gabim teksa bëhej mirëfilltësimi për të parë veprimtari nga kalendari. Ju lutemi, kontrolloni rregullimet e kalendarit tuaj dhe riprovoni të hyni."
+        },
+        "join": "Merrni pjesë",
+        "joinTooltip": "Merrni pjesë në takim",
+        "nextMeeting": "Takimi pasues",
+        "noEvents": "S’ka veprimtari të ardhshme të vëna në plan.",
+        "ongoingMeeting": "Takim në zhvillim e sipër",
+        "permissionButton": "Hapni rregullimet",
+        "permissionMessage": "Që të shihni në aplikacion takimet tuaja, janë të domosdoshme lejet mbi Kalendarin.",
+        "refresh": "Rifresko kalendarin",
+        "today": "Sot"
+    },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "Përzgjidhni pajisje zëri"
+        },
+        "labels": {
+            "buttonLabel": "Mënyra automjet",
+            "title": "Mënyra automjet",
+            "videoStopped": "Videoja juaj është ndalur"
+        }
+    },
+    "chat": {
+        "enter": "Hyni në fjalosje",
+        "error": "Gabim: mesazhi juaj s’u dërgua. Arsye: {{error}}",
+        "fieldPlaceHolder": "Shtypni këtu mesazhin tuaj",
+        "lobbyChatMessageTo": "Mesazh fjalosjeje në holl për {{recipient}}",
+        "message": "Mesazh",
+        "messageAccessibleTitle": "{{user}} thotë:",
+        "messageAccessibleTitleMe": "unë them:",
+        "messageTo": "Mesazh privat për {{recipient}}",
+        "messagebox": "Shtypni një mesazh",
+        "newMessages": "Mesazhe të rinj",
+        "nickname": {
+            "popover": "Zgjidhni një nofkë",
+            "title": "Që të përdorni fjalosjen, jepni një nofkë",
+            "titleWithPolls": "Që të përdorni fjalosjen dhe pyetësorë, jepni një nofkë"
+        },
+        "noMessagesMessage": "Te takimi s’ka ende mesazhe. Nisni një bisedë këtu!",
+        "privateNotice": "Mesazh privat për {{recipient}}",
+        "sendButton": "Dërgoje",
+        "smileysPanel": "Panel emoxhish",
+        "systemDisplayName": "Sistem",
+        "tabs": {
+            "chat": "Fjalosje",
+            "polls": "Pyetësorë"
+        },
+        "title": "Fjalosje",
+        "titleWithPolls": "Fjalosje dhe Pyetësorë",
+        "you": "ju"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Instaloni Zgjerimin për Chrome",
+        "buttonTextEdge": "Instaloni Zgjerimin Edge",
+        "close": "Mbylle",
+        "dontShowAgain": "Mos ma shfaq sërish këtë",
+        "installExtensionText": "Instaloni zgjerimin për integrim të Google Calendar-it dhe Office 365-s"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Po ju lidhim me takimin tuaj…"
+    },
+    "connection": {
+        "ATTACHED": "U bashkëngjitët",
+        "AUTHENTICATING": "Po bëhet mirëfilltësimi",
+        "AUTHFAIL": "Mirëfilltësimi dështoi",
+        "CONNECTED": "U lidh",
+        "CONNECTING": "Po lidhet",
+        "CONNFAIL": "Lidhja dështoi",
+        "DISCONNECTED": "U shkëput",
+        "DISCONNECTING": "Po shkëputet",
+        "ERROR": "Gabim",
+        "FETCH_SESSION_ID": "Po merret ID sesioni…",
+        "GET_SESSION_ID_ERROR": "Gabim marrjeje ID sesioni: {{code}}",
+        "GOT_SESSION_ID": "Po merret ID sesioni… U bë",
+        "LOW_BANDWIDTH": "Videoja për {{displayName}} është mbyllur, për të kursyer sasi trafiku"
+    },
+    "connectionindicator": {
+        "address": "Adresë:",
+        "audio_ssrc": "SSRC Audioje:",
+        "bandwidth": "Gjerësi e hamendësuar bande:",
+        "bitrate": "Bitrate:",
+        "bridgeCount": "Numër shërbyesish: ",
+        "codecs": "Kodekë (A/V): ",
+        "connectedTo": "Lidhur te:",
+        "e2eeVerified": "I verifikuar si E2EE:",
+        "framerate": "Shpejtësi kuadrosh:",
+        "less": "Shfaq më pak",
+        "localaddress": "Adresë vendore:",
+        "localaddress_plural": "Adresa vendore:",
+        "localport": "Portë vendore:",
+        "localport_plural": "Porta vendore:",
+        "maxEnabledResolution": "maksimum dërgimi",
+        "more": "Shfaq më tepër",
+        "no": "jo",
+        "packetloss": "Humbje paketesh:",
+        "participant_id": "ID pjesëmarrësi:",
+        "quality": {
+            "good": "E mirë",
+            "inactive": "Jo aktive",
+            "lost": "Humbi",
+            "nonoptimal": "Jo optimale",
+            "poor": "E dobët"
+        },
+        "remoteaddress": "Adresë e largët:",
+        "remoteaddress_plural": "Adresa të largëta:",
+        "remoteport": "Portë e largët:",
+        "remoteport_plural": "Porta të largëta:",
+        "resolution": "Qartësi:",
+        "savelogs": "Ruaji regjistrat",
+        "status": "Lidhje:",
+        "transport": "Transport:",
+        "transport_plural": "Transporte:",
+        "video_ssrc": "Video SSRC:",
+        "yes": "po"
+    },
+    "dateUtils": {
+        "earlier": "Më herët",
+        "today": "Sot",
+        "yesterday": "Dje"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Që të merrni pjesë në këtë takim që nga telefoni juaj, ju duhet aplikacioni për celular {{app}}.",
+        "description": "S’ngjau gjë? Provuam të nisim takimin tuaj te aplikacioni për desktop {{app}}. Riprovoni, ose niseni nga aplikacioni web {{app}}.",
+        "descriptionNew": "S’ngjau gjë? Provuam nisjen e takimit tuaj te aplikacioni për desktop {{app}}. <br /><br /> Mund të riprovoni, ose ta nisni në web.",
+        "descriptionWithoutWeb": "S’ngjau gjë? Provuam nisjen e takimit tuaj te aplikacioni për desktop {{app}}.",
+        "downloadApp": "Shkarkoni aplikacionin",
+        "downloadMobileApp": "Shkarkojeni prej App Store",
+        "ifDoNotHaveApp": "Nëse s’e keni ende aplikacionin:",
+        "ifHaveApp": "Nëse e keni tashmë aplikacionin:",
+        "joinInApp": "Merrni pjesë në këtë takim duke përdorur aplikacionin",
+        "joinInAppNew": "Hyni që nga aplikacioni",
+        "joinInBrowser": "Hyni që nga shfletues",
+        "launchMeetingLabel": "Si doni të hyhet në këtë takim?",
+        "launchWebButton": "Nise në web",
+        "noDesktopApp": "S’e keni aplikacionin?",
+        "noMobileApp": "S’e keni aplikacionin?",
+        "or": "OR",
+        "termsAndConditions": "Duke vazhduar, pajtoheni me <a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'>terms & conditions.</a> tona",
+        "title": "Po niset takimi juaj në {{app}}…",
+        "titleNew": "Po niset takimi juaj…",
+        "tryAgainButton": "Riprovoni në desktop",
+        "unsupportedBrowser": "Duket se përdorni një shfletues që s’e mbulojmë."
+    },
+    "defaultLink": "p.sh., {{url}}",
+    "defaultNickname": "p.sh., Ndrikulla",
+    "deviceError": {
+        "cameraError": "S’u arrit të hyhej në kamerën tuaj",
+        "cameraPermission": "Gabim në marrje lejesh mbi kamerën",
+        "microphoneError": "S’u arrit të hyhej në mikrofonin tuaj",
+        "microphonePermission": "Gabim në marrje lejesh mbi mikrofonin"
+    },
+    "deviceSelection": {
+        "hid": {
+            "callControl": "Kontroll thirrjesh",
+            "connectedDevices": "Pajisje të lidhura:",
+            "deleteDevice": "Fshije pajisjen",
+            "pairDevice": "Çiftoni pajisje"
+        },
+        "noPermission": "S’u akordua leje",
+        "previewUnavailable": "S’bëhet dot paraparje",
+        "selectADevice": "Përzgjidhni një pajisje",
+        "testAudio": "Testojeni"
+    },
+    "dialIn": {
+        "screenTitle": "Përmbledhje rënieje numrash"
+    },
+    "dialOut": {
+        "statusMessage": "tani është {{status}}"
+    },
+    "dialog": {
+        "Back": "Mbrapsht",
+        "Cancel": "Anuloje",
+        "IamHost": "Hyni",
+        "Ok": "OK",
+        "Remove": "Hiqe",
+        "Share": "Ndaje",
+        "Submit": "Parashtroje",
+        "WaitForHostMsg": "Konferenca s’ka nisur, ngaqë s’ka mbërritur ende ndonjë moderator. Nëse dëshironi të bëheni një moderator, ju lutemi, bëni hyrjen. Përndryshe, ju lutemi, pritni.",
+        "WaitForHostNoAuthMsg": "Konferenca s’ka nisur, ngaqë s’ka mbërritur ende ndonjë moderator. Përndryshe, ju lutemi, pritni.",
+        "WaitingForHostButton": "Prit për moderator",
+        "WaitingForHostTitle": "Po pritet për një moderator…",
+        "Yes": "Po",
+        "accessibilityLabel": {
+            "Cancel": "Anuloje (dilni nga dialogu)",
+            "Ok": "OK (ruajeni dhe dilni nga dialogu)",
+            "close": "Mbylle dialogun",
+            "liveStreaming": "Transmetim i Drejtpërdrejtë",
+            "sharingTabs": "Mundësi ndarjeje me të tjerë"
+        },
+        "add": "Shtoni",
+        "addMeetingNote": "Shtoni një shënim rreth këtij takimi",
+        "addOptionalNote": "Shtoni një shënim (në daçi):",
+        "allow": "Lejoje",
+        "allowToggleCameraDialog": "A e lejoni {{initiatorName}} të ndryshojë anën nga sheh kamera juaj?",
+        "allowToggleCameraTitle": "Të lejohet ndryshimi i kamerës?",
+        "alreadySharedVideoMsg": "Një tjetër pjesëmarrës po ndan me të tjerët një video. Kjo konferencë lejon vetëm një ndarje videoje në herë.",
+        "alreadySharedVideoTitle": "Lejohet vetëm një ndarje videoje me të tjerët në herë",
+        "applicationWindow": "Dritare aplikacioni",
+        "authenticationRequired": "Lypset mirëfilltësim",
+        "cameraConstraintFailedError": "Kamera juaj s’plotëson disa nga kufizimet e domosdoshme.",
+        "cameraNotFoundError": "S’u gjet kamera.",
+        "cameraNotSendingData": "S’qemë në gjendje të përdornim kamerën tuaj. Ju lutemi, kontrolloni se mos pajisjen po e përdor një tjetër aplikacion, përzgjidhni pajisje tjetër që nga menuja e rregullimeve, ose provoni të ringarkoni aplikacionin.",
+        "cameraNotSendingDataTitle": "S’arrihet të përdoret kamera",
+        "cameraPermissionDeniedError": "S’keni akorduar leje për të përdorur kamerën tuaj. Mundeni prapëseprapë të merrni pjesë në konferencë, por të tjerët s’do t’ju shohin. Përdorni butonin për kamerën, te shtylla e adresave, për ta ndrequr këtë.",
+        "cameraTimeoutError": "S’u nis dot burimi i videos. Ndodhi mbarim kohe!",
+        "cameraUnknownError": "S’përdoret dot kamera, për një arsye të panjohur.",
+        "cameraUnsupportedResolutionError": "Kamera juaj s’e mbulon dot qartësinë e domosdoshme për videon.",
+        "close": "Mbylle",
+        "conferenceDisconnectMsg": "Mund të doni të kontrolloni lidhjen tuaj në rrjet. Rilidhje pas {{seconds}} sekondash…",
+        "conferenceDisconnectTitle": "Jeni shkëputur.",
+        "conferenceReloadMsg": "Po provojmë ta ndreqim këtë gjë. Rilidhje pas {{seconds}} sekondash…",
+        "conferenceReloadTitle": "Mjerisht, diç shkoi ters.",
+        "confirm": "Ripohojeni",
+        "confirmNo": "Jo",
+        "confirmYes": "Po",
+        "connectError": "Hëm! Diç shkoi ters dhe s’mundëm të lidhemi dot me konferencën.",
+        "connectErrorWithMsg": "Hëm! Diç shkoi ters dhe s’mundëm të lidhemi dot me konferencën: {{msg}}",
+        "connecting": "Po lidhet",
+        "contactSupport": "Lidhuni me ata të asistencës",
+        "copied": "U kopjua",
+        "copy": "Kopjoje",
+        "demoteParticipantDialog": "Jeni i sigurt se doni ta kaloni këtë pjesëmarrës si vizitor?",
+        "demoteParticipantTitle": "Kaloje si vizitor",
+        "dismiss": "Hidhe tej",
+        "displayNameRequired": "Njatjeta! Cili është emri juaj?",
+        "done": "U bë",
+        "e2eeDescription": "Fshehtëzimi Skaj-më-Skaj aktualisht është EKSPERIMENTAL. Ju lutemi, mbani parasysh se aktivizimi i fshehtëzimit skaj-më-skaj praktikisht do të çaktivizojë shërbime të ofruara më anë të shërbyesit, të tillë si: pjesëmarrje me telefon. Mbani parasysh gjithashtu se takimi do të funksionojë vetëm për persona që hyjnë në të nga shfletues të cilët mbulojnë futje rrjedhash transmetimi.",
+        "e2eeDisabledDueToMaxModeDescription": "S’mund të aktivizohet fshehtëzimi Skaj-më-Skaj, për shkak të numrit të madh të pjesëmarrësve në konferencë.",
+        "e2eeLabel": "Aktivizo Fshehtëzim Skaj-më-Skaj",
+        "e2eeWarning": "KUJDES: Jo krejt pjesëmarrësit në këtë takim duket se kanë mbulim për fshehtëzim Skaj-më-Skaj. Në e aktivizofshi, ata s’do të jenë në gjendje t’ju shohin apo dëgjojnë.",
+        "e2eeWillDisableDueToMaxModeDescription": "KUJDES: Fshehtëzimi Skaj-më-Skaj do të çaktivizohet automatikisht, nëse në konferencë vijnë më tepër pjesëmarrës.",
+        "embedMeeting": "Trupëzoni takim",
+        "enterDisplayName": "Jepni këtu emrin tuaj",
+        "error": "Gabim",
+        "errorRoomCreationRestriction": "Provuat të hyni shumë shpejt, ju lutemi, kthehuni pas pak.",
+        "gracefulShutdown": "Shërbimi ynë është aktualisht i ndërprerë, për punë mirëmbajtjeje. Ju lutemi, riprovoni më vonë.",
+        "grantModeratorDialog": "Jeni i sigurt se doni të akordohen të drejta moderatori për {{participantName}}?",
+        "grantModeratorTitle": "Akordoni të drejta moderatori",
+        "hide": "Fshihe",
+        "hideShareAudioHelper": "Mos e shfaq më këtë dialog",
+        "incorrectPassword": "Emër përdoruesi ose fjalëkalim i pasaktë",
+        "incorrectRoomLockPassword": "Fjalëkalim i pasaktë",
+        "internalError": "Hëm! Diç shkoi ters. Ndodhi gabimi vijues: {{error}}",
+        "internalErrorTitle": "Gabim i brendshëm",
+        "kickMessage": "Për më tepër hollësi, mund të lidheni me {{participantDisplayName}}.",
+        "kickParticipantButton": "Përzëre",
+        "kickParticipantDialog": "Jeni i sigurt se doni të përzihet ky pjesëmarrës?",
+        "kickParticipantTitle": "Të përzihet ky pjesëmarrës?",
+        "kickTitle": "Ooh! {{participantDisplayName}} ju përzuri nga takimi",
+        "linkMeeting": "Lidheni takimin",
+        "linkMeetingTitle": "Lidheni takimin me Salesforce",
+        "liveStreaming": "Transmetim i Drejtpërdrejtë",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "Jo e mundshme, kur është aktiv regjistrimi",
+        "localUserControls": "Kontrolle vendore përdoruesi",
+        "lockMessage": "S’u arrit të kyçej konferenca.",
+        "lockRoom": "Shtoni takim $t(lockRoomPasswordUppercase)",
+        "lockTitle": "Kyçja dështoi",
+        "login": "Hyrje",
+        "loginQuestion": "Jeni i sigurt se doni të hyhet dhe të braktiset konferenca?",
+        "logoutQuestion": "Jeni i sigurt se doni të dilet dhe të braktiset konferenca?",
+        "logoutTitle": "Dalje",
+        "maxUsersLimitReached": "U mbërrit në kufi numri maksimum pjesëmarrësish. Konferenca është plot. Ju lutemi, lidhuni me të zotin e takimit, ose provoni më vonë!",
+        "maxUsersLimitReachedTitle": "U mbërrit në kufi numri maksimum pjesëmarrësish",
+        "micConstraintFailedError": "Mikrofoni juaj s’plotëson disa nga kufizimet e domosdoshme.",
+        "micNotFoundError": "S’u gjet mikrofon.",
+        "micNotSendingData": "Kaloni te rregullimet e kompjuterit tuaj, që t’i hiqni mikrofonit heshtimin dhe të ujdisni volumin për të",
+        "micNotSendingDataTitle": "Mikrofoni juaj është heshtuar nga rregullimet e sistemit tuaj",
+        "micPermissionDeniedError": "S’keni akorduar leje për t’u përdorur mikrofoni juaj. Mundeni prapëseprapë të merrni pjesë te konferenca, por të tjerët s’do t’ju dëgjojnë. Përdorni butonin e kamerës, te shtylla e adresave, për ta ndrequr këtë gjë.",
+        "micTimeoutError": "S’u nis dot burim audio. Ndodhi mbarim kohe!",
+        "micUnknownError": "S’përdoret dot mikrofoni, për një arsye të panjohur.",
+        "moderationAudioLabel": "Lejoji pjesëmarrësit të heqin heshtimin e vetes",
+        "moderationVideoLabel": "Lejoji pjesëmarrësit të nisin videon e tyre",
+        "muteEveryoneDialog": "Pjesëmarrësit mund të heqin kurdo heshtimin e veten.",
+        "muteEveryoneDialogModerationOn": "Pjesëmarrësit mund të dërgojnë kurdo kërkesë për të folur.",
+        "muteEveryoneElseDialog": "Po i heshtuat, s’do të jeni në gjendje t’u hiqni heshtimin, por ata munden të heqin kurdo heshtimin për veten.",
+        "muteEveryoneElseTitle": "Të heshtohet gjithkush, hiq {{whom}}?",
+        "muteEveryoneElsesVideoDialog": "Pasi të jetë çaktivizuar kamera, s’do të jeni në gjendje ta riaktivizoni, por ata munden ta riaktivizojnë kurdo.",
+        "muteEveryoneElsesVideoTitle": "Të ndalet videoja e gjithkujt, hiq {{whom}}?",
+        "muteEveryoneSelf": "ju",
+        "muteEveryoneStartMuted": "Tani e tutje, gjithkush fillon i heshtuar",
+        "muteEveryoneTitle": "Të heshtohet gjithkush?",
+        "muteEveryonesVideoDialog": "Pjesëmarrësit mund të aktivizojnë videon e tyre kurdo.",
+        "muteEveryonesVideoDialogModerationOn": "Pjesëmarrësit mund të dërgojnë kurdo kërkesë për aktivizimin e videos së tyre.",
+        "muteEveryonesVideoDialogOk": "Çaktivizoje",
+        "muteEveryonesVideoTitle": "Të ndalet videoja e gjithkujt?",
+        "muteParticipantBody": "S’do jeni në gjendje të hiqni heshtimin për ta, por ata munden kurdo ta heqin për veten.",
+        "muteParticipantButton": "Heshtoje",
+        "muteParticipantsVideoBody": "S’do të jeni në gjendje të riaktivizoni kamerën e tyre, por ata munden kurdo ta riaktivizojnë për veten.",
+        "muteParticipantsVideoBodyModerationOn": "S’do të jeni në gjendje të riaktivizoni kamerën e tyre dhe as ata s’do të munden.",
+        "muteParticipantsVideoButton": "Ndale videon",
+        "muteParticipantsVideoDialog": "Jeni i sigurt se doni të çaktivizoni kamerën e këtij pjesëmarrësi? S’do të jeni në gjendje të riaktivizoni kamerën, por ai mund ta riaktivizojë kurdo.",
+        "muteParticipantsVideoDialogModerationOn": "Jeni i sigurt se doni të çaktivizoni kamerën e këtij pjesëmarrësi? S’do të jeni në gjendje ta riaktivizoni dhe as ai s’do të mundet.",
+        "muteParticipantsVideoTitle": "Të çaktivizohet kamera e këtij pjesëmarrësi?",
+        "noDropboxToken": "Token Dropbox jo i vlefshëm",
+        "password": "Fjalëkalim",
+        "passwordLabel": "Takimi është kyçur nga një pjesëmarrës. Ju lutemi, që të hyni, jepni $t(lockRoomPassword).",
+        "passwordNotSupported": "Nuk mbulohet ujdisja e një takimi $t(lockRoomPassword).",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) nuk mbulohet",
+        "passwordRequired": "$t(lockRoomPasswordUppercase) i domosdoshëm",
+        "permissionCameraRequiredError": "Leja mbi kamerën është e domosdoshme për të marrë pjesë në konferenca me video. Ju lutemi, akordojeni që nga Rregullimet",
+        "permissionErrorTitle": "Leje e domosdoshme",
+        "permissionMicRequiredError": "Leja mbi mikrofonin është e domosdoshme për të marrë pjesë në konferenca me audio. Ju lutemi, akordojeni që nga Rregullimet",
+        "readMore": "më tepër",
+        "recentlyUsedObjects": "Së fundi përdorët objekte",
+        "recording": "Regjistrim",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "Jo i mundshëm kur ka aktiv një transmetim të drejtpërdrejtë",
+        "rejoinNow": "Rihyni tani",
+        "remoteControlAllowedMessage": "{{user}} pranoi kërkesën tuaj për kontroll së largëti!",
+        "remoteControlDeniedMessage": "{{user}} hodhi poshtë kërkesën tuaj për kontroll së largëti!",
+        "remoteControlErrorMessage": "Ndodhi një gabim teksa provohej të kërkoheshin leje kontrolli së largëti nga {{user}}!",
+        "remoteControlRequestMessage": "A do ta lejoni {{user}} të kontrollojë së largëti desktopin tuaj?",
+        "remoteControlShareScreenWarning": "Mbani parasysh se nëse shtypni “Lejoje”, do t’u tregoni ekranin tuaj!",
+        "remoteControlStopMessage": "Sesioni me kontroll së largëti përfundoi!",
+        "remoteControlTitle": "Kontroll desktopi së largëti",
+        "remoteUserControls": "Kontrolle përdoruesi së largëti të {{username}}",
+        "removePassword": "Hiqe $t(lockRoomPassword)",
+        "removeSharedVideoMsg": "Jeni i sigurt se doni të hiqni videon që keni ndarë me të tjerë?",
+        "removeSharedVideoTitle": "Hiqe videon e ndarë me të tjerë",
+        "renameBreakoutRoomLabel": "Emër dhome",
+        "renameBreakoutRoomTitle": "Riemërtoni aneks konsultimesh",
+        "reservationError": "Gabim sistemi rezervimi",
+        "reservationErrorMsg": "Kod gabimi: {{code}}, mesazh: {{msg}}",
+        "retry": "Riprovoni",
+        "screenSharingAudio": "Ndajeni audion me të tjerë",
+        "screenSharingFailed": "Hëm! Diç shkoi ters, s’qemë në gjendje të nisnim tregim ekrani!",
+        "screenSharingFailedTitle": "Tregimi i ekrani dështoi!",
+        "screenSharingPermissionDeniedError": "Hëm! Diç shkoi ters me lejet tuaja për tregim ekrani. Ju lutemi, ringarkojeni dhe riprovoni.",
+        "searchInSalesforce": "Kërkoni në Salesforce",
+        "searchResults": "Përfundime kërkimi({{count}})",
+        "searchResultsDetailsError": "Diç shkoi ters teksa provohej të merreshin të dhënat e të zotit.",
+        "searchResultsError": "Diç shkoi ters teksa provohej të merreshin të dhëna.",
+        "searchResultsNotFound": "S’u gjetën përfundime kërkimi.",
+        "searchResultsTryAgain": "Provoni duke përdorur terma alternativë.",
+        "sendPrivateMessage": "Tani së fundi morët një mesazh privat. Kishit ndërmend t’i përgjigjeni privatisht, apo doni t’ia dërgoni mesazhin grupit?",
+        "sendPrivateMessageCancel": "Dërgoja grupit",
+        "sendPrivateMessageOk": "Dërgoje privatisht",
+        "sendPrivateMessageTitle": "Të dërgohet privatisht?",
+        "serviceUnavailable": "Shërbim jashtë funksionimi",
+        "sessTerminated": "Thirrja përfundoi",
+        "sessTerminatedReason": "Takimi u përfundua",
+        "sessionRestarted": "Thirrja rinisi për shkak të një problemi lidhjeje.",
+        "shareAudio": "Vazhdoni",
+        "shareAudioAltText": "që të ndani me të tjerë lëndën e dëshiruar, kaloni te \"Skedë Shfletuesi\", përzgjidhni lëndën, aktivizoni shenjën për \"ndani audio me të tjerë\" dhe mandej klikoni butonin \"ndaje me të tjerë\"",
+        "shareAudioTitle": "Si të ndahet audio me të tjerë",
+        "shareAudioWarningD1": "lypset të ndalni tregim ekrani, para se të ndani audion tuaj me të tjerë.",
+        "shareAudioWarningD2": "lypset të rinisni tregimin e ekranit tuaj dhe t’i vini shenjë mundësisë “ndani audio me të tjerë”.",
+        "shareAudioWarningH1": "Nëse doni të ndani vetëm audio me të tjerë:",
+        "shareAudioWarningTitle": "Lypset të ndalni tregimin e ekranit, para se të ndani audio me të tjerë",
+        "shareMediaWarningGenericH2": "Nëse doni të tregoni ekranin dhe të ndani audio me të tjerë",
+        "shareScreenWarningD1": "lypset të ndalni ndarjen e audios me të tjerë, para se të tregoni ekranin tuaj.",
+        "shareScreenWarningD2": "lypset të ndalni ndarjen e audios me të tjerë, të nisni tregimin e ekranit dhe t’i vini shenjë mundësisë “ndani audio me të tjerë”.",
+        "shareScreenWarningH1": "Nëse thjesht doni të tregoni ekranin tuaj:",
+        "shareScreenWarningTitle": "Lypset të ndalni ndarjen e audios me të tjerë, para tregimit të ekranit tuaj",
+        "shareVideoConfirmPlay": "Ju ndan një hap nga hapja e një sajti të jashtëm. Doni të vazhdohet?",
+        "shareVideoConfirmPlayTitle": "{{name}} ndau me ju një video.",
+        "shareVideoLinkError": "Hëm, kjo video s’mund të luhet.",
+        "shareVideoLinkStopped": "Videoja nga {{name}} u ndal.",
+        "shareVideoTitle": "Ndani video me të tjerë",
+        "shareYourScreen": "Tregoni ekranin tuaj",
+        "shareYourScreenDisabled": "Tregimi i ekranit është i çaktivizuar.",
+        "sharedVideoDialogError": "Gabim: URL e pavlefshme",
+        "sharedVideoLinkPlaceholder": "Lidhje YouTube ose lidhje e drejtpërdrejtë për video",
+        "show": "Shfaqe",
+        "start": "Fillo ",
+        "startLiveStreaming": "Nisni transmetim të drejtpërdrejtë",
+        "startRecording": "Fillo regjistrim",
+        "startRemoteControlErrorMessage": "Ndodhi një gabim teksa provohej të nisej sesioni i kontrollit së largëti!",
+        "stopLiveStreaming": "Ndale transmetimin e drejtpërdrejtë",
+        "stopRecording": "Ndale regjistrimin",
+        "stopRecordingWarning": "Jeni i sigurt se doni të ndalet regjistrimi?",
+        "stopStreamingWarning": "Jeni i sigurt se doni të ndalet transmetimi i drejtpërdrejtë?",
+        "streamKey": "Kyç transmetimi të drejtpërdrejtë",
+        "thankYou": "Faleminderit që përdorni {{appName}}!",
+        "token": "token",
+        "tokenAuthFailed": "Na ndjeni, s’keni leje të merrni pjesë në këtë thirrje.",
+        "tokenAuthFailedReason": {
+            "audInvalid": "Vlerë `aud` e pavlefshme. Duhet të jetë `jitsi`.",
+            "contextNotFound": "Prej ngarkesës mungon objekti `context`.",
+            "expInvalid": "Vlerë `exp` e pavlefshme.",
+            "featureInvalid": "Veçori e pavlefshme: {{feature}}, gjasat janë të mos jetë sendërtuar ende.",
+            "featureValueInvalid": "Vlerë e pavlefshme për veçorinë: {{feature}}.",
+            "featuresNotFound": "Prej ngarkesës mungon objekti `features`.",
+            "headerNotFound": "Mungon krye.",
+            "issInvalid": "Vlerë `iss` e pavlefshme. Duhet të jetë `chat`.",
+            "kidMismatch": "ID kyçi (kid) nuk përputhet me sub.",
+            "kidNotFound": "Mungon ID Kyçi (kid).",
+            "nbfFuture": "Vlera `nbf` gjendet në të ardhmen.",
+            "nbfInvalid": "Vlerë `nbf` e pavlefshme.",
+            "payloadNotFound": "Mungon ngarkesë.",
+            "tokenExpired": "Token-i ka skaduar."
+        },
+        "tokenAuthFailedTitle": "Mirëfilltësimi dështoi",
+        "tokenAuthFailedWithReasons": "Na ndjeni, nuk keni leje të merrni pjesë në këtë thirrje. Arsye e mundshme: {{reason}}",
+        "tokenAuthUnsupported": "Nuk mbulohet URL token-i.",
+        "transcribing": "Transkriptim",
+        "unlockRoom": "Hiq $t(lockRoomPassword) takimi",
+        "user": "Përdorues",
+        "userIdentifier": "Identifikues përdoruesi",
+        "userPassword": "Fjalëkalim përdoruesi",
+        "verifyParticipantConfirm": "Përputhen",
+        "verifyParticipantDismiss": "Nuk përputhen",
+        "verifyParticipantQuestion": "EKSPERIMENTALE: Pyeteni pjesëmarrësin {{participantName}} nëse sheh të njëjtën lëndë, sipas të njëjtës radhë.",
+        "verifyParticipantTitle": "Verifikim përdoruesi",
+        "videoLink": "Lidhje videoje",
+        "viewUpgradeOptions": "Shihni mundësi përmirësimi",
+        "viewUpgradeOptionsContent": "Që të përfitoni përdorim të pakufizuar veçorish me pagesë, të tilla si regjistrimi, transkriptime, RTMP Streaming & etj, duhet të përmirësoni planin tuaj.",
+        "viewUpgradeOptionsTitle": "Zbuluat një veçori me pagesë!",
+        "whiteboardLimitContent": "Na ndjeni, është mbërritur te kufiri i tabelave të njëkohshme.",
+        "whiteboardLimitReference": "Për më tepër hollësi, ju lutemi, vizitoni",
+        "whiteboardLimitReferenceUrl": "sajtin tonë",
+        "whiteboardLimitTitle": "Kufizim përdorimi tabele",
+        "yourEntireScreen": "Krejt ekranin tuaj"
+    },
+    "documentSharing": {
+        "title": "Dokument i Ndarë"
+    },
+    "e2ee": {
+        "labelToolTip": "Komunikimi Audio dhe Video në këtë thirrje fshehtëzohet skaj më skaj"
+    },
+    "embedMeeting": {
+        "title": "Trupëzojeni këtë takim"
+    },
+    "feedback": {
+        "accessibilityLabel": {
+            "yourChoice": "Zgjedhja juaj: {{rating}}"
+        },
+        "average": "Çka",
+        "bad": "I dobët",
+        "detailsLabel": "Na thoni më tepër rreth tij.",
+        "good": "I mirë",
+        "rateExperience": "Vlerësoni funksionimin e takimit për ju",
+        "star": "Vlerësojeni Me Yll",
+        "veryBad": "Shumë i Dobët",
+        "veryGood": "Shumë i Mirë"
+    },
+    "filmstrip": {
+        "accessibilityLabel": {
+            "heading": "Miniatura videosh"
+        }
+    },
+    "giphy": {
+        "noResults": "S’u gjetën përfundime :(",
+        "search": "Kërkoni në GIPHY"
+    },
+    "incomingCall": {
+        "answer": "Përgjigjuni",
+        "audioCallTitle": "Thirrje ardhëse",
+        "decline": "Hidhe tej",
+        "productLabel": "nga Jitsi Meet",
+        "videoCallTitle": "Thirrje ardhëse me video"
+    },
+    "info": {
+        "accessibilityLabel": "Shfaq hollësi",
+        "addPassword": "Shtoni $t(lockRoomPassword)",
+        "cancelPassword": "Anulo $t(lockRoomPassword)",
+        "conferenceURL": "Lidhje:",
+        "copyNumber": "Kopjoje numrin",
+        "country": "Vend",
+        "dialANumber": "Për të marrë pjesë në takimin tuaj, formoni një nga këta numra dhe mandej jepni PIN-in.",
+        "dialInConferenceID": "PIN:",
+        "dialInNotSupported": "Na ndjeni, aktualisht nuk mbulohet formimi i numrave.",
+        "dialInNumber": "Formim numri:",
+        "dialInSummaryError": "Gabim në sjellje hollësish formimi numri tani. Ju lutemi, riprovoni më vonë.",
+        "dialInTollFree": "Pa Pagesë",
+        "genericError": "Oh, diç shkoi ters.",
+        "inviteLiveStream": "Që të shihni transmetimin e drejtpërdrejtë të këtij takimi, klikoni mbi këtë lidhje: {{url}}",
+        "invitePhone": "Nga ana tjetër, që të merrni pjesë me telefon, prekni këtë: {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Po kërkoni për një tjetër numër?\nShihni numra takimi: {{url}}\n\n\nNëse po provohet gjithashtu numër përmes telefoni dhome, merrni pjesë pa lidhje audioje: {{silentUrl}}",
+        "inviteSipEndpoint": "Për të marrë pjesë duke përdorur adresën SIP, jepni këtë: {{sipUri}}",
+        "inviteTextiOSInviteUrl": "Që të hyni, klikoni lidhjen vijuese: {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "Nëse po i bini numrit përmes një telefoni dhome, përdorni këtë lidhje për të hyrë pa lidhur audion: {{silentUrl}}.",
+        "inviteTextiOSPersonal": "{{name}} po ju fton në një takim.",
+        "inviteTextiOSPhone": "Që të hyni përmes një telefoni, përdorni këtë numër: {{number}},,{{conferenceID}}#. Nëse po kërkoni për tjetër numër, kjo është lista e plotë: {{didUrl}}.",
+        "inviteURLFirstPartGeneral": "Jeni ftuar të merrni pjesë në një takim.",
+        "inviteURLFirstPartPersonal": "{{name}} po ju fton në një takim.\n",
+        "inviteURLSecondPart": "\nMerrni pjesë te takimi:\n{{url}}\n",
+        "label": "Hollësi për t’i rënë numrit",
+        "liveStreamURL": "Transmetim i drejtpërdrejtë:",
+        "moreNumbers": "Më tepër numra",
+        "noNumbers": "S’ka numra për përdorim.",
+        "noPassword": "Asnjë",
+        "noRoom": "S’u dha dhomë për të cilën të formësohet numri.",
+        "noWhiteboard": "S’u ngarkua dot tabela.",
+        "numbers": "Numra Për T’u Përdorur",
+        "password": "$t(lockRoomPasswordUppercase): ",
+        "reachedLimit": "Keni mbërritur në kufijtë e planit tuaj.",
+        "sip": "Adresë SIP",
+        "sipAudioOnly": "Adresë SIP vetëm për audio",
+        "title": "Ndani me të tjerë",
+        "tooltip": "Ndani me të tjerë lidhje dhe hollësi numrash për këtë takim",
+        "upgradeOptions": "Ju lutemi, shihni mundësitë e përmirësimit, te",
+        "whiteboardError": "Gabim në ngarkimin e tabelës. Ju lutemi, riprovoni më vonë."
+    },
+    "inlineDialogFailure": {
+        "msg": "Ngecëm pak.",
+        "retry": "Riprovo",
+        "support": "Asistencë",
+        "supportMsg": "Nëse kjo vazhdon të ndodhë, lidhuni me"
+    },
+    "inviteDialog": {
+        "alertText": "S’u arrit të ftohen disa pjesëmarrës.",
+        "header": "Ftoni",
+        "searchCallOnlyPlaceholder": "Jepni numër telefoni",
+        "searchPeopleOnlyPlaceholder": "Kërkoni për pjesëmarrës",
+        "searchPlaceholder": "Pjesëmarrës ose numër telefoni",
+        "send": "Dërgoje"
+    },
+    "jitsiHome": "Stemë {{logo}}, lidhje për te Faqja Hyrëse",
+    "keyboardShortcuts": {
+        "focusLocal": "Fokusi te videoja juaj",
+        "focusRemote": "Fokusi te videoja e një personi tjetër",
+        "fullScreen": "Hyni ose dilni në mënyrën “Sa krejt ekrani”",
+        "giphyMenu": "Shfaq/Fshish menu GIPHY",
+        "keyboardShortcuts": "Shkurtore tastiere",
+        "localRecording": "Shfaqni ose fshini kontrolle regjistrimi lokal",
+        "mute": "Mbyllni ose hapni mikrofonin tuaj",
+        "pushToTalk": "Që të flisni, shtypni",
+        "raiseHand": "Ngrini ose ulni dorën",
+        "showSpeakerStats": "Shfaq statistika folësish",
+        "toggleChat": "Hapni ose mbyllni fjalosjen",
+        "toggleFilmstrip": "Shfaqni ose fshihni miniatura video",
+        "toggleParticipantsPane": "Shfaqni ose fshihni kuadratin e pjesëmarrësve",
+        "toggleScreensharing": "Kaloni nga kamera te dhënie ekrani, ose anasjelltas",
+        "toggleShortcuts": "Shfaqni ose fshihni shkurtore tastiere",
+        "videoMute": "Vini në punë ose ndalni kamerën tuaj"
+    },
+    "largeVideo": {
+        "screenIsShared": "Po u tregoni ekranin tuaj",
+        "showMeWhatImSharing": "Tregomë ç’po u tregoj"
+    },
+    "liveStreaming": {
+        "busy": "Po përpiqemi të lirojmë burime transmetimi. Ju lutemi, riprovoni pas pak minutash.",
+        "busyTitle": "Krejt transmetuesit janë aktualisht të zënë",
+        "changeSignIn": "Ndërroni llogari.",
+        "choose": "Zgjidhni një transmetim të drejtpërdrejtë",
+        "chooseCTA": "Zgjidhni një mundësi transmetimi. Aktualisht jeni i futur si {{email}}.",
+        "enterStreamKey": "Jepni këtu kyçin tuaj për transmetim të drejtpërdrejtë në YouTube.",
+        "error": "Transmetimi i Drejtpërdrejtë dështoi. Ju lutemi, riprovoni.",
+        "errorAPI": "Ndodhi një gabim teksa hyhej te transmetimet tuaja YouTube. Ju lutemi, provoni të ribëni hyrjen.",
+        "errorLiveStreamNotEnabled": "Transmetimi i Drejtpërdrejtë s’është i aktivizuar për {{email}}. Ju lutemi, aktivizoni transmetim të drejtpërdrejtë, ose hyni në një llogari me transmetim të drejtpërdrejtë të aktivizuar.",
+        "expandedOff": "Transmetimi i drejtpërdrejtë u ndal",
+        "expandedOn": "Takimi po transmetohet aktualisht në YouTube.",
+        "expandedPending": "Po fillohet transmetim i drejtpërdrejtë…",
+        "failedToStart": "S’u arrit të fillohej Transmetim i Drejtpërdrejtë",
+        "getStreamKeyManually": "S’qemë në gjendje të sillnim ndonjë transmetim të drejtpërdrejtë. Provoni të merrni kyçin tuaj për transmetim të drejtpërdrejtë nga YouTube-i.",
+        "googlePrivacyPolicy": "Rregulla Privatësie Google",
+        "inProgress": "Regjistrim ose transmetim i drejtpërdrejtë në punë e sipër",
+        "invalidStreamKey": "Kyçi për transmetim të drejtpërdrejtë mund të jetë i pasaktë.",
+        "limitNotificationDescriptionNative": "Transmetimi juaj do të kufizohet në {{limit}} min. Për transmetim të pakufizuar, provoni {{app}}.",
+        "limitNotificationDescriptionWeb": "Për shkak kërkesash të shumta, transmetimi juaj do të kufizohet në {{limit}} min. Për transmetim të pakufizuar, provoni <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "off": "Transmetimi i Drejtpërdrejtë u ndal",
+        "offBy": "{{name}} ndali transmetimin e drejtpërdrejtë",
+        "on": "Filloi Transmetimi i Drejtpërdrejtë",
+        "onBy": "{{name}} nisi transmetimin e drejtpërdrejtë",
+        "pending": "Po niset Transmetimi i Drejtpërdrejtë…",
+        "policyError": "Provuat të nisni një transmetim të drejtpërdrejtë shumë shpejt. Ju lutemi, ripovoni më vonë!",
+        "serviceName": "Shërbim Transmetimi i Drejtpërdrejtë",
+        "sessionAlreadyActive": "Ky sesion po regjistrohet ose transmetohet drejtpërsëdrejti tashmë.",
+        "signIn": "Hyni me Google",
+        "signInCTA": "Hyni, ose jepni kyçin tuaj për transmetim të drejtpërdrejtë nga YouTube-i.",
+        "signOut": "Dilni",
+        "signedInAs": "Aktualisht jeni i futur si:",
+        "start": "Nisni një transmetim të drejtpërdrejtë",
+        "streamIdHelp": "Ç’është?",
+        "title": "Transmetim i Drejtpërdrejtë",
+        "unavailableTitle": "Transmetim i Drejtpërdrejtë jo i passhëm",
+        "youtubeTerms": "Kushte shërbimi YouTube"
+    },
+    "lobby": {
+        "backToKnockModeButton": "Kërkoji të marrë pjesë",
+        "chat": "Fjalosje",
+        "dialogTitle": "Mënyra holl",
+        "disableDialogContent": "Mënyra holl është aktualisht e aktivizuar. Kjo veçori siguron që pjesëmarrës të padëshiruar të mos mund të hyjnë në takimin tuaj. Doni të çaktivizohet?",
+        "disableDialogSubmit": "Çaktivizoje",
+        "emailField": "Jepni adresën tuaj email",
+        "enableDialogPasswordField": "Caktoni fjalëkalim (në daçi)",
+        "enableDialogSubmit": "Aktivizoje",
+        "enableDialogText": "Mënyra holl ju lejon të mbroni takimin tuaj duke u lejuar hyrje njerëzve vetëm pas një miratimi formal nga një moderator.",
+        "enterPasswordButton": "Jepni fjalëkalim takimi",
+        "enterPasswordTitle": "Jepni fjalëkalimin për hyrje në takim",
+        "errorMissingPassword": "Ju lutemi, jepni fjalëkalimin e takimit",
+        "invalidPassword": "Fjalëkalim i pavlefshëm",
+        "joinRejectedMessage": "Kërkesa juaj për hyrje u hodh poshtë nga një moderator.",
+        "joinRejectedTitle": "Kërkesa për pjesëmarrje u hodh poshtë.",
+        "joinTitle": "Merrni Pjesë Në Takim",
+        "joinWithPasswordMessage": "Po provohet të hyhet me fjalëkalim, ju lutemi, pritni…",
+        "joiningMessage": "Do të hyni në takim sapo dikush të pranojë kërkesën tuaj",
+        "joiningTitle": "Po kërkohet të hyhet në takim…",
+        "joiningWithPasswordTitle": "Po hyhet me fjalëkalim…",
+        "knockButton": "Kërko të Hyhet",
+        "knockTitle": "Dikush dëshiron të hyjë në takim",
+        "knockingParticipantList": "Listë pjesëmarrësish që duan të hyjnë",
+        "lobbyChatStartedNotification": "{{moderator}} filloi një fjalosje në holl me {{attendee}}",
+        "lobbyChatStartedTitle": "{{moderator}} ka filluar një fjalosje në holl me ju.",
+        "lobbyClosed": "Dhoma holl u mbyll.",
+        "nameField": "Jepni emrin tuaj",
+        "notificationLobbyAccessDenied": "Hyrja e {{targetParticipantName}} është hedhur poshtë nga {{originParticipantName}}",
+        "notificationLobbyAccessGranted": "{{targetParticipantName}} është lejuar të hyjë nga {{originParticipantName}}",
+        "notificationLobbyDisabled": "Holli është çaktivizuar nga {{originParticipantName}}",
+        "notificationLobbyEnabled": "Holli është aktivizuar nga {{originParticipantName}}",
+        "notificationTitle": "Holl",
+        "passwordJoinButton": "Hyni",
+        "title": "Holl",
+        "toggleLabel": "Aktivizoni hollin"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Off",
+            "on": "On",
+            "unknown": "E panjohur"
+        },
+        "dialogTitle": "Kontrolle Regjistrimesh Vendore",
+        "duration": "Kohëzgjatje",
+        "durationNA": "N/A",
+        "encoding": "Kodim",
+        "label": "LOR",
+        "labelToolTip": "Po bëhet regjistrim vendor",
+        "localRecording": "Regjistrim Vendor",
+        "me": "Unë",
+        "messages": {
+            "engaged": "Po bëhet regjistrim vendor.",
+            "finished": "Sesioni i regjistrimit {{token}} përfundoi. Ju lutemi, dërgojani kartelën e regjistrimit moderatorit.",
+            "finishedModerator": "Sesioni i regjistrimit {{token}} përfundoi. Regjistrimi i pistës vendore u ruajt. Ju lutemi, kërkojuni pjesëmarrësve të tjerë të parashtrojnë regjistrimet e tyre.",
+            "notModerator": "S’jeni moderatori. S’mund të nisni ose ndalni regjistrim vendor."
+        },
+        "moderator": "Moderator",
+        "no": "Jo",
+        "participant": "Pjesëmarrës",
+        "participantStats": "Statistika Pjesëmarrësish",
+        "selectTabTitle": "🎥 Ju lutemi, për regjistrim përzgjidhni këtë skedë",
+        "sessionToken": "Token Sesioni",
+        "start": "Nis Regjistrim",
+        "stop": "Ndale Regjistrimin",
+        "stopping": "Po ndalet Regjistrimi",
+        "wait": "Ju lutemi, prisni, teksa ruajmë regjistrimin tuaj",
+        "yes": "Po"
+    },
+    "lockRoomPassword": "fjalëkalim",
+    "lockRoomPasswordUppercase": "Fjalëkalim",
+    "lonelyMeetingExperience": {
+        "button": "Ftoni të tjerë",
+        "youAreAlone": "Jeni i vetmi në takim"
+    },
+    "me": "unë",
+    "notify": {
+        "OldElectronAPPTitle": "Cenueshmëri sigurie!",
+        "allowAction": "Lejoje",
+        "allowedUnmute": "Mund të hiqni heshtimin e mikrofonit tuaj, të nisni kamerën tuaj ose të tregoni ekranin tuaj.",
+        "audioUnmuteBlockedDescription": "Veprimi i heqjes së heshtimit të mikrofonit është bllokuar përkohësisht për shkak kufizimesh të sistemit.",
+        "audioUnmuteBlockedTitle": "Heqje heshtimi mikrofoni e bllokuar!",
+        "chatMessages": "Mesazhe fjalosjeje",
+        "connectedOneMember": "{{name}} nisi takimin",
+        "connectedThreePlusMembers": "{{name}} dhe mjaft të tjerë tjerë hynë në takim",
+        "connectedTwoMembers": "{{first}} dhe {{second}} tjetër hynë në takim",
+        "connectionFailed": "Lidhja dështoi. Ju lutemi, riprovoni më vonë!",
+        "dataChannelClosed": "Cilësia e videos mund të jetë dëmtuar",
+        "dataChannelClosedDescription": "Kanali urë u shkëput, kështu që cilësia e videos është kufizuar te vlera më e ulët.",
+        "dataChannelClosedDescriptionWithAudio": "Kanali urë është jashtë funksionimi, prandaj mund të ndodhin shkëputje te audioja dhe videoja.",
+        "dataChannelClosedWithAudio": "Cilësia e audios dhe videos mund të jetë dëmtuar",
+        "disabledIframe": "Trupëzimi është menduar vetëm për qëllime demonstrimi, ndaj kjo thirrje do të ndërpritet pas {{timeout}} minutash.",
+        "disabledIframeSecondary": "Trupëzimi i {{domain}} është menduar vetëm për qëllime demonstrimi, ndaj kjo thirrje do të ndërpritet pas {{timeout}} minutash. Ju lutemi, për trupëzime të njëmendta përdorni <a href='{{jaasDomain}}' rel='noopener noreferrer' target='_blank'>Jitsi as a Service</a>!",
+        "disconnected": "u shkëput",
+        "displayNotifications": "Shfaq njoftime për",
+        "dontRemindMe": "Mos ma kujto",
+        "focus": "Fokusi te konferenca",
+        "focusFail": "{{component}} jo i passhëm - riprovoni pas {{ms}} sekondash",
+        "gifsMenu": "GIPHY",
+        "groupTitle": "Njoftime",
+        "hostAskedUnmute": "Moderatori do të donte të flisnit",
+        "invalidTenant": "Qiramarrës i pavlefshëm",
+        "invalidTenantHyphenDescription": "Qiramarrësi që po përdorni është i pavlefshëm (fillon, ose përfundon me '-').",
+        "invalidTenantLengthDescription": "Qiramarrësi që po përdorni është shumë i gjatë.",
+        "invitedOneMember": "{{name}} u ftua",
+        "invitedThreePlusMembers": "{{name}} dhe {{count}} të tjerë u ftuan",
+        "invitedTwoMembers": "{{first}} dhe {{second}} u ftuan",
+        "joinMeeting": "Hyni",
+        "kickParticipant": "{{kicked}} u përzu nga {{kicker}}",
+        "leftOneMember": "{{name}} doli nga takimi",
+        "leftThreePlusMembers": "{{name}} dhe mjaft të tjerë dolën nga takimi",
+        "leftTwoMembers": "{{first}} dhe {{second}} dolën nga takimi",
+        "linkToSalesforce": "Lidheni te Salesforce",
+        "linkToSalesforceDescription": "Mund ta lidhni përmbledhjen e takimit te një objekt Salesforce.",
+        "linkToSalesforceError": "S’u arrit të lidhe takimi te Salesforce",
+        "linkToSalesforceKey": "Lidheni këtë takim",
+        "linkToSalesforceProgress": "Po lidhet takimi te Salesforce…",
+        "linkToSalesforceSuccess": "Takimi u lidh te Salesforce",
+        "localRecordingStarted": "{{name}} ka filluar një regjistrim vendor.",
+        "localRecordingStopped": "{{name}} ka ndalur një regjistrim vendor.",
+        "me": "Unë",
+        "moderationInEffectCSDescription": "Ju lutemi, ngrini dorën, nëse doni të tregoni ekranin tuaj.",
+        "moderationInEffectCSTitle": "Tregimi i ekranit është bllokuar nga moderatori",
+        "moderationInEffectDescription": "Ju lutemi, ngrini dorën, nëse doni të flisni.",
+        "moderationInEffectTitle": "Mikrofoni juaj është heshtuar nga moderatori",
+        "moderationInEffectVideoDescription": "Ju lutemi, ngrini dorën, nëse doni të niset kamera juaj.",
+        "moderationInEffectVideoTitle": "Kamera juaj është bllokuar nga moderatori",
+        "moderationRequestFromModerator": "Organizatori do të donte të hiqnit heshtimin",
+        "moderationRequestFromParticipant": "Dëshiron të flasë",
+        "moderationStartedTitle": "Moderimi filloi",
+        "moderationStoppedTitle": "Moderimi përfundoi",
+        "moderationToggleDescription": "nga {{participantDisplayName}}",
+        "moderator": "Tani jeni moderator",
+        "muted": "E keni filluar bisedën të heshtur.",
+        "mutedRemotelyDescription": "Mundeni përherë të hiqni heshtimin, kur të jeni gati për të folur. Ribëni heshtimin, kur të mbaroni, për të mbajtur zhurmat jashtë takimit.",
+        "mutedRemotelyTitle": "Jeni heshtuar nga {{moderator}}",
+        "mutedTitle": "U heshtuat!",
+        "newDeviceAction": "Përdore",
+        "newDeviceAudioTitle": "U pikas pajisje audio e re",
+        "newDeviceCameraTitle": "U pikas kamerë e re",
+        "nextToSpeak": "Jeni pasuesi në radhë për folje",
+        "noiseSuppressionDesktopAudioDescription": "Mbytja e zhurmave s’mund të aktivizohet teksa ndahet me të tjerët audioja e desktopit, ju lutemi, çaktivizojeni dhe riprovoni.",
+        "noiseSuppressionFailedTitle": "S’u arrit të nisej mbytja e zhurmave",
+        "noiseSuppressionStereoDescription": "Aktualisht nuk mbulohet mbytje zhurmash audioje stereo.",
+        "oldElectronClientDescription1": "Duket se përdorni një version të vjetër të klientit Jitsi Meet, i cili ka cenueshmëri të ditura sigurie. Ju lutemi, siguroni përditësimin me ",
+        "oldElectronClientDescription2": "montimin tonë më të ri",
+        "oldElectronClientDescription3": " që tani!",
+        "participantWantsToJoin": "Dëshiron të hyjë në takim",
+        "participantsWantToJoin": "Dëshirojnë të hyjnë në takim",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) u hoq nga një tjetër pjesëmarrës",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) u caktua nga një tjetër pjesëmarrës",
+        "raiseHandAction": "Ngrini dorën",
+        "raisedHand": "Do të donte të fliste.",
+        "raisedHands": "{{participantName}} dhe {{raisedHands}} persona të tjerë",
+        "reactionSounds": "Çaktivizo tingujt",
+        "reactionSoundsForAll": "Çaktivizoji tingujt për të tërë",
+        "screenShareNoAudio": "Kutizës për ndarje audioje me të tjerë s’i është vënë shenjë te skena e përzgjedhjes së dritares.",
+        "screenShareNoAudioTitle": "S’u nda dot me të tjerë audioja e sistemit!",
+        "screenSharingAudioOnlyDescription": "Ju lutemi, kini parasysh se duke dhënë ekranin tuaj, ndikoni te mënyra “Punimi më i mirë” dhe do të përdorni më tepër gjerësi bande",
+        "screenSharingAudioOnlyTitle": "Mënyra “”Punimi më i mirë",
+        "selfViewTitle": "Mundeni përherë të hiqni fshehjen e pamjes së vetes, që nga rregullimet",
+        "somebody": "Dikush",
+        "startSilentDescription": "Që të aktivizohet audioja, rihyni në takim",
+        "startSilentTitle": "Hytë pa zë në dalje!",
+        "suboptimalBrowserWarning": "Kemi frikë se funksionimi i takimit për ju s’do të jetë kushedi këtu. Po kërkojmë rrugë për ta përmirësuar këtë punë, por deri atëherë, ju lutemi, provoni të përdorni një nga <a href='{{recommendedBrowserPageLink}}' target='_blank'>shfletuesit e mbuluar plotësisht</a>.",
+        "suboptimalExperienceTitle": "Sinjalizim Mbi Shfletuesin",
+        "suggestRecordingAction": "Niseni",
+        "suggestRecordingDescription": "Do të donit të nisej një regjistrim?",
+        "suggestRecordingTitle": "Regjistroje këtë takim",
+        "unmute": "Çheshtoje",
+        "videoMutedRemotelyDescription": "Mundeni përherë ta rihapni.",
+        "videoMutedRemotelyTitle": "Videoja juaj u mbyll nga {{moderator}}",
+        "videoUnmuteBlockedDescription": "Heqja e heshtimit të kamerës dhe veprimi i tregimit të desktopit janë bllokuar përkohësisht për shkak kufizimesh të sistemit.",
+        "videoUnmuteBlockedTitle": "Heqja e heshtimit të kamerës dhe tregimi i desktopit janë bllokuar!",
+        "viewLobby": "Shihni hollin",
+        "viewParticipants": "Shihni pjesëmarrësit",
+        "viewVisitors": "Shihni vizitorët",
+        "waitingParticipants": "{{waitingParticipants}} vetë",
+        "waitingVisitors": "Vizitorë që presin në radhë: {{waitingVisitors}}",
+        "waitingVisitorsTitle": "Takimi s’ka filluar endeThe meeting is not live yet!",
+        "whiteboardLimitDescription": "Ju lutemi, ruani ç’keni bërë, ngaqë së shpejti do të mbërrihet në kufi përdoruesi dhe tabela do të mbyllet.",
+        "whiteboardLimitTitle": "Përdorim tabele"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "Pranoje",
+            "admitAll": "Pranoji të tërë",
+            "allow": "Lejoju pjesëmarrësve të:",
+            "allowVideo": "Çaktivizoni videon",
+            "askUnmute": "Kërkoni heqje heshtimi",
+            "audioModeration": "Heqin heshtim të vetes",
+            "blockEveryoneMicCamera": "Bllokoni mikrofonin dhe kamerën e gjithkujt",
+            "breakoutRooms": "Dhoma anekse konsultimesh",
+            "goLive": "Go live",
+            "invite": "Ftoni Dikë",
+            "lowerAllHands": "Uli krejt duart",
+            "lowerHand": "Uleni dorën",
+            "moreModerationActions": "Më tepër mundësi moderimi",
+            "moreModerationControls": "Më tepër kontrolle moderimi",
+            "moreParticipantOptions": "Më tepër mundësi pjesëmarrësi",
+            "mute": "Heshtoje",
+            "muteAll": "Heshtoji të tërë",
+            "muteEveryoneElse": "Heshto gjithkënd tjetër",
+            "reject": "Hidhe poshtë",
+            "stopEveryonesVideo": "Ndal videon e gjithkujt",
+            "stopVideo": "Ndale videon",
+            "unblockEveryoneMicCamera": "Zhblloko mikrofonin dhe kamerën e gjithkujt",
+            "videoModeration": "Nisin videon e vetes"
+        },
+        "close": "Mbylle",
+        "headings": {
+            "lobby": "Holli ({{count}})",
+            "participantsList": "Pjesëmarrës në takim ({{count}})",
+            "visitorInQueue": " (në pritje {{count}})",
+            "visitorRequests": " (requests {{count}})",
+            "visitors": "Vizitorë {{count}}",
+            "waitingLobby": "Duke pritur në holl ({{count}})"
+        },
+        "search": "Kërkoni te pjesëmarrësit",
+        "title": "Pjesëmarrës"
+    },
+    "passwordDigitsOnly": "Deri në {{number}} shifra",
+    "passwordSetRemotely": "Caktuar nga një tjetër pjesëmarrës",
+    "pinParticipant": "{{participantName}} - Fiksoje",
+    "pinnedParticipant": "Pjesëmarrësi është fiksuar",
+    "polls": {
+        "answer": {
+            "edit": "Përpunojeni",
+            "send": "Dërgoje",
+            "skip": "Anashkaloje",
+            "submit": "Parashtroje"
+        },
+        "by": "Nga {{ name }}",
+        "closeButton": "Mbylle pyetësorin",
+        "create": {
+            "addOption": "Shtoni mundësi",
+            "answerPlaceholder": "Mundësia {{index}}",
+            "cancel": "Anuloje",
+            "create": "Krijoni një pyetësor",
+            "pollOption": "Mundësi pyetësori {{index}}",
+            "pollQuestion": "Pyetje Pyetësori",
+            "questionPlaceholder": "Bëni një pyetje",
+            "removeOption": "Hiqe mundësinë",
+            "save": "Ruaje",
+            "send": "Dërgoje"
+        },
+        "errors": {
+            "notUniqueOption": "Opsionet duhet të jenë unike"
+        },
+        "notification": {
+            "description": "Që të votoni, hapni skedën e pyetësorëve",
+            "title": "Te ky takim u shtua një pyetësor i ri"
+        },
+        "results": {
+            "changeVote": "Ndryshoni votën",
+            "empty": "Te takimi s’ka ende pyetësorë. Nisni një pyetësor këtu!",
+            "hideDetailedResults": "Fshihi hollësitë",
+            "showDetailedResults": "Shfaqi hollësitë",
+            "vote": "Votoni"
+        }
+    },
+    "poweredby": "bazuar në",
+    "prejoin": {
+        "audioAndVideoError": "Gabim audio dhe video:",
+        "audioDeviceProblem": "Ka një problem me pajisjen tuaj audio",
+        "audioOnlyError": "Gabim audio:",
+        "audioTrackError": "S’u krijua dot pistë audio.",
+        "callMe": "Thirrmë",
+        "callMeAtNumber": "Thirrmë në këtë numër:",
+        "calling": "Po thirret",
+        "configuringDevices": "Po formësohen pajisjet…",
+        "connectedWithAudioQ": "Jeni lidhur me audio?",
+        "connection": {
+            "failed": "Prova e lidhjes dështoi!",
+            "good": "Lidhja juaj internet duket mirë!",
+            "nonOptimal": "Lidhja juaj internet s’është optimale",
+            "poor": "Keni lidhje të dobët internet",
+            "running": "Po bëhet prova e lidhjes…"
+        },
+        "connectionDetails": {
+            "audioClipping": "Presim që audioja juaj do të shformohet.",
+            "audioHighQuality": "Presim që audioja juaj të jetë në cilësi të shkëlqyer.",
+            "audioLowNoVideo": "Presim që audioja juaj të jetë në cilësi të ulët dhe s’do të ketë video.",
+            "goodQuality": "Shkëlqyeshëm! Cilësia e medias tuaj do të jetë shumë e mirë.",
+            "noMediaConnectivity": "S’gjetëm dot rrugë për të vendosur lidhje media për këtë provë. Zakonisht kjo shkaktohet nga një firewall ose NAT.",
+            "noVideo": "Presim që cilësia e videos për ju të jetë për të vënë kujën.",
+            "testFailed": "Prova e lidhjes hasi në probleme të papritura, por kjo mund të mos prekë funksionimin për ju.",
+            "undetectable": "Nëse s’bëni dot ende thirrje në shfletues, rekomandojmë të siguroheni se altoparlantët, mikrofoni dhe kamera juaj janë ujdisur si duhet, se i keni akorduar shfletuesit tuaja të drejta të përdorë mikrofonin dhe kamerën tuaj, dhe se versioni i shfletuesit tuaj është i përditësuar. Nëse keni ende probleme me thirrje, duhet të lidheni me zhvilluesin e aplikacionit web.",
+            "veryPoorConnection": "Presim që cilësia e thirrjes te ju të jetë për të vënë kujën",
+            "videoFreezing": "Presim që videoja te ju të ngrijë, të bëhet e zezë dhe të shfaqet tërë piksela.",
+            "videoHighQuality": "Presim që videoja te ju të ketë cilësi të mirë.",
+            "videoLowQuality": "Presim që videoja te ju të ketë cilësi të ulët, për sa i takon shpejtësisë së kuadrove dhe qartësisë.",
+            "videoTearing": "Presim që videoja te ju të jetë plot piksela, ose të ketë sajesa pamore."
+        },
+        "copyAndShare": "Kopjoni & dhe jepuni të tjerëve lidhje takimi",
+        "dialInMeeting": "Bjerini numrin të takimit",
+        "dialInPin": "Bjerini numrin të takimit dhe jepni kodin PIN:",
+        "dialing": "Po i bihet numrit",
+        "doNotShow": "Mos e shfaq më këtë skenë",
+        "errorDialOut": "S’u bë dot thirrja e numrit",
+        "errorDialOutDisconnected": "S’u bë dot thirrja e numrit. U shkëput",
+        "errorDialOutFailed": "S’u bë dot thirrja e numrit. Thirrja dështoi",
+        "errorDialOutStatus": "Gabim në marrje gjendjeje thirrjeje numri",
+        "errorMissingName": "Që të merrni pjesë te takimi, ju lutemi, jepni emrin tuaj",
+        "errorNoPermissions": "Lypset të aktivizoni përdorim mikrofoni dhe kamere",
+        "errorStatusCode": "Gabim në thirrje numri, kod gjendjeje: {{status}}",
+        "errorValidation": "Vlerësimi i numrit dështoi",
+        "iWantToDialIn": "Dua t’i bie numrit",
+        "initiated": "U nis thirrja",
+        "joinAudioByPhone": "Merrni pjesë me audio telefoni",
+        "joinMeeting": "Merrni pjesë në takim",
+        "joinMeetingInLowBandwidthMode": "Merrni pjesë nën mënyrën “gjerësi e ulët bande”",
+        "joinWithoutAudio": "Merrni pjesë pa audio",
+        "keyboardShortcuts": "Aktivizo shkurtore tastiere",
+        "linkCopied": "Lidhja u kopjua në të papastër",
+        "lookGood": "Gjithçka po punon si duhet",
+        "or": "ose",
+        "premeeting": "Para takimit",
+        "proceedAnyway": "Vazhdo, sido qoftë",
+        "recordingWarning": "Këtë thirrje pjesëmarrës të tjerë mund ta regjistrojnë",
+        "screenSharingError": "Gabim ndarjeje ekrani me të tjerë:",
+        "startWithPhone": "Nise me audio telefoni",
+        "unsafeRoomConsent": "I kuptoj rreziqet, dëshiroj të marr pjesë te takimi",
+        "videoOnlyError": "Gabim video:",
+        "videoTrackError": "S’u krijua dot pistë video.",
+        "viewAllNumbers": "shihni krejt numrat"
+    },
+    "presenceStatus": {
+        "busy": "I zënë",
+        "calling": "Në thirrje…",
+        "connected": "I lidhur",
+        "connecting": "Po lidhet…",
+        "connecting2": "Po lidhet*…",
+        "disconnected": "I shkëputur",
+        "expired": "Skadoi",
+        "ignored": "U shpërfill",
+        "initializingCall": "Po gatitet Thirrje…",
+        "invited": "I ftuar",
+        "rejected": "Hedhur poshtë",
+        "ringing": "Po i bihet ziles…"
+    },
+    "profile": {
+        "avatar": "avatar",
+        "setDisplayNameLabel": "Emër",
+        "setEmailInput": "Jepni email",
+        "setEmailLabel": "Jepni email të gravatarit tuaj",
+        "title": "Profil"
+    },
+    "raisedHand": "Do të donte të fliste",
+    "raisedHandsLabel": "Numër duarsh të ngritura",
+    "record": {
+        "already": {
+            "linked": "Takimi është i lidhur tashmë te ky objekt Salesforce."
+        },
+        "type": {
+            "account": "Llogari",
+            "contact": "Kontakt",
+            "lead": "Lead",
+            "opportunity": "Mundësi",
+            "owner": "Zotërues"
+        }
+    },
+    "recording": {
+        "authDropboxText": "Ngarkoje në Dropbox",
+        "availableSpace": "Hapësirë e gatshme: {{spaceLeft}} MB (afërsisht {{duration}} minuta regjistrim)",
+        "beta": "BETA",
+        "busy": "Po përpiqemi të lirojmë burime regjistrimi. Ju lutemi, riprovoni pas pak minutash.",
+        "busyTitle": "Krejt regjistruesit janë të zënë",
+        "copyLink": "Kopjoje Lidhjen",
+        "error": "Regjistrimi dështoi. Ju lutemi, riprovoni.",
+        "errorFetchingLink": "Gabim në sjellje lidhje regjistrimi.",
+        "expandedOff": "Regjistrimi u ndal",
+        "expandedOn": "Takimi është aktualisht duke u regjistruar.",
+        "expandedPending": "Po niset regjistrimi…",
+        "failedToStart": "S’u arrit të niset regjistrimi",
+        "fileSharingdescription": "Ndajeni regjistrimin me pjesëmarrësit në takim",
+        "highlight": "Nxjerrje në pah",
+        "highlightMoment": "Nxirrni në pah një çast",
+        "highlightMomentDisabled": "Mund të nxirrni në pah çaste kur fillon regjistrimi",
+        "highlightMomentSuccess": "Çasti u nxor në pah",
+        "highlightMomentSucessDescription": "Çasti i nxjerrë në pah nga ju do të shtohet te përmbledhja e takimit.",
+        "inProgress": "Regjistrim ose transmetim drejtpërsëdrejti në ecuri e sipër",
+        "limitNotificationDescriptionNative": "Për shkak kërkesash të shumta, regjistrimi juaj do të kufizohet në {{limit}} min. Për regjistrime të pakufizuara provoni <3>{{app}}</3>.",
+        "limitNotificationDescriptionWeb": "Për shkak kërkesash të shumta, regjistrimi juaj do të kufizohet në {{limit}} min. Për regjistrime të pakufizuara provoni <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "linkGenerated": "Kemi prodhuar një lidhje për te regjistrimi juaj.",
+        "localRecordingNoNotificationWarning": "Regjistrimi s’do t’u njoftohet pjesëmarrësve të tjerë. Do t’ju duhet t’i vini në dijeni se takimi po regjistrohet.",
+        "localRecordingNoVideo": "Videoja s’po regjistrohet",
+        "localRecordingStartWarning": "Ju lutemi, sigurohuni se e ndalni regjistrimin para se dilni nga takimi, që të mund ta ruani.",
+        "localRecordingStartWarningTitle": "Ndaleni regjistrimin që ta ruani",
+        "localRecordingVideoStop": "Ndalja e videos tuaj do të ndalë gjithashtu edhe regjistrimin vendor. Jeni i sigurt se doni të vazhdohet?",
+        "localRecordingVideoWarning": "Që ta regjistroni, videon tuaj duhet ta keni të hapur, kur niset regjistrimi",
+        "localRecordingWarning": "Sigurohuni se përzgjidhni skedën e tanishme, që të mund të përdoret videoja dhe audioja e saktë.",
+        "loggedIn": "I futur si {{userName}}",
+        "noMicPermission": "S’u krijua dot pistë mikrofoni. Ju lutemi, akordoni leje për përdorim të mikrofonit.",
+        "noStreams": "S’u pikas rrjedhë audio ose video.",
+        "off": "Regjistrimi u ndal",
+        "offBy": "{{name}} ndali regjistrimin",
+        "on": "Regjistrimi nisi",
+        "onBy": "{{name}} nisi regjistrimin",
+        "onlyRecordSelf": "Regjistro vetëm rrjedhat e mia audio dhe video",
+        "pending": "Po përgatitet të regjistrohet takimi…",
+        "policyError": "Provuat të nisni një incizim shumë shpejt. Ju lutemi, riprovoni më vonë!",
+        "recordAudioAndVideo": "Regjistro audio dhe video",
+        "recordTranscription": "Regjistro transkriptimin",
+        "saveLocalRecording": "Ruajeni lokalisht kartelën e regjistrimit (Beta)",
+        "serviceDescription": "Regjistrimi juaj do të ruhet nga shërbimi i regjistrimit",
+        "serviceDescriptionCloud": "Regjistrim në re",
+        "serviceDescriptionCloudInfo": "Takimet e regjistruara spastrohen automatikisht 24h pas kohës së regjistrimit të tyre.",
+        "serviceName": "Shërbim regjistrimi",
+        "sessionAlreadyActive": "Ky sesion po regjistrohet ose transmetohet drejtpërsëdrejti tashmë.",
+        "showAdvancedOptions": "Mundësi të mëtejshme",
+        "signIn": "Hyni",
+        "signOut": "Dilni",
+        "surfaceError": "Ju lutemi, përdorni skedën e tanishme.",
+        "title": "Regjistrim",
+        "unavailable": "Hëm! {{serviceName}} s’është i passhëm aktualisht. Po punojmë për të zgjidhur problemin. Ju lutemi, riprovoni më vonë.",
+        "unavailableTitle": "Regjistrim jo i passhëm",
+        "uploadToCloud": "Ngarkojeni te reja"
+    },
+    "screenshareDisplayName": "Skena e {{name}}",
+    "sectionList": {
+        "pullToRefresh": "Tërhiqeni që të rifreskohet"
+    },
+    "security": {
+        "about": "Takimit tuaj mund t’i shtoni një $t(lockRoomPassword). Pjesëmarrësve do t’u duhet të japin $t(lockRoomPassword) përpara se të lejohen të marrin pjesë në takim.",
+        "aboutReadOnly": "Pjesëmarrësit moderatorë mund t’i shtojnë takimit një $t(lockRoomPassword). Pjesëmarrësve do t’u duhet të japin $t(lockRoomPassword) përpara se të lejohen të marrin pjesë në takim.",
+        "insecureRoomNameWarningNative": "Emri i dhomës s’është pa rrezik. Pjesëmarrës të padëshiruar munden të hyjnë në takimin tuaj. {{recommendAction}} Mësoni më tepër rreth sigurimit të takimit tuaj ",
+        "insecureRoomNameWarningWeb": "Emri i dhomës s’është pa rrezik. Pjesëmarrës të padëshiruar munden të hyjnë në takimin tuaj. {{recommendAction}} Mësoni më tepër rreth sigurimit të takimit tuaj <a href=\"{{securityUrl}}\" rel=\"security\" target=\"_blank\">këtu</a>.",
+        "title": "Mundësi Sigurie",
+        "unsafeRoomActions": {
+            "meeting": "Shihni mundësinë e sigurimit të takimit tuaj, duke përdorur butonin e sigurisë.",
+            "prejoin": "Shihni mundësinë e përdorimit për takimin të një emri më të veçantë.",
+            "welcome": "Shihni mundësinë e përdorimit për takimin të një emri më të veçantë, ose zgjidhni një nga sugjerimet."
+        }
+    },
+    "settings": {
+        "audio": "Audio",
+        "buttonLabel": "Rregullime",
+        "calendar": {
+            "about": "Integrimi me kalendar {{appName}} përdoret për të hyrë me sukses te kalendari juaj, që kështu të mund të lexohen veprimtari të ardhshme.",
+            "disconnect": "Shkëputu",
+            "microsoftSignIn": "Hyni me Microsoft",
+            "signedIn": "Aktualisht po shihen veprimtari kalendari për {{email}}. Klikoni mbi butonin Shkëputu më poshtë që të ndalni parjen e veprimtarive të kalendarit.",
+            "title": "Kalendar"
+        },
+        "desktopShareFramerate": "Shpejtësi kuadrosh për tregim desktopi",
+        "desktopShareHighFpsWarning": "Një shpejtësi më e madhe për tregimin e ekranit mund të ketë ndikim në konsumin e gjerësisë së bandës. Që të hyjnë në fuqi rregullimet e reja, lypset të rinisni tregimin e ekranit.",
+        "desktopShareWarning": "Që të hyjnë në fuqi rregullimet e reja, duhet të rinisni tregimin e ekranit.",
+        "devices": "Pajisje",
+        "followMe": "Më ndjek gjithkush",
+        "followMeRecorder": "Më ndjek regjistruesi",
+        "framesPerSecond": "kuadro-për-sekondë",
+        "incomingMessage": "Mesazh ardhës",
+        "language": "Gjuhë",
+        "loggedIn": "I futur si {{name}}",
+        "maxStageParticipants": "Numër maksimum pjesëmarrësish që mund të fiksohen te skena kryesore",
+        "microphones": "Mikrofona",
+        "moderator": "Moderator",
+        "moderatorOptions": "Mundësi moderatori",
+        "more": "Të përgjitshme",
+        "name": "Emër",
+        "noDevice": "Asnjë",
+        "notifications": "Njoftime",
+        "participantJoined": "Hyri Pjesëmarrës",
+        "participantKnocking": "Pjesëmarrës hyri në holl",
+        "participantLeft": "Doli Pjesëmarrës",
+        "playSounds": "Luaj tingull kur",
+        "reactions": "Reagime takimi",
+        "sameAsSystem": "Njësoj me sistemin ({{label}})",
+        "selectAudioOutput": "Dalje audio",
+        "selectCamera": "Kamerë",
+        "selectMic": "Mikrofon",
+        "selfView": "Parje e vetes",
+        "shortcuts": "Shkurtore",
+        "speakers": "Altoparlantë",
+        "startAudioMuted": "Gjithkush fillon i heshtuar",
+        "startReactionsMuted": "Heshto tinguj reagimesh për këdo",
+        "startVideoMuted": "Gjithkush fillon i fshehur",
+        "talkWhileMuted": "Flisni, teksa jeni i heshtuar",
+        "title": "Rregullime",
+        "video": "Video"
+    },
+    "settingsView": {
+        "advanced": "Të mëtejshme",
+        "alertCancel": "Anuloje",
+        "alertOk": "OK",
+        "alertTitle": "Kujdes",
+        "alertURLText": "URL-ja e dhënë për shërbyesin është e pavlefshme",
+        "apply": "Aplikoji",
+        "buildInfoSection": "Hollësi Montimi",
+        "conferenceSection": "Konferencë",
+        "disableCallIntegration": "Çaktivizo integrim thirrje me sistemin",
+        "disableCrashReporting": "Çaktivizo raportim vithisjesh",
+        "disableCrashReportingWarning": "Jeni i sigurt se doni të çaktivizohet raportim vithisjesh? Rregullimi do të vihet në punë pasi të rinisni aplikacionin.",
+        "disableP2P": "Çaktivizo mënyrë Tek-Për-Tek",
+        "displayName": "Emër në ekrani",
+        "displayNamePlaceholderText": "P.sh.: Zamir Gjoli",
+        "email": "Email",
+        "emailPlaceholderText": "email@example.com",
+        "gavatarMessage": "Nëse emal-i juaj është i përshoqëruar me një llogari Gravatar, do ta përdorim për të shfaqur foton e profilit tuaj.",
+        "goTo": "Kalo te",
+        "header": "Rregullime",
+        "help": "Ndihmë",
+        "links": "Lidhje",
+        "privacy": "Privatësi",
+        "profileSection": "Profil",
+        "sdkVersion": "Version SDK",
+        "serverURL": "URL Shërbyesi",
+        "showAdvanced": "Shfaq rregullime të mëtejshme",
+        "startCarModeInLowBandwidthMode": "Nën mënyrën “gjerësi e ulët bande” nis mënyrën automjet",
+        "startWithAudioMuted": "Fillo me audio të mbyllur",
+        "startWithVideoMuted": "Fillo me video të mbyllur",
+        "terms": "Terma",
+        "version": "Version aplikacioni"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nThjesht doni t’i bini numrit në telefonin tuaj?\n\n{{defaultDialInNumber}}Klikoni mbi këtë lidhje, që të shihni numra telefoni për këtë takim\n{{dialInfoPageUrl}}",
+        "mainText": "Që të merrni pjesë në takim, klikoni lidhjen vijuese:\n{{roomUrl}}"
+    },
+    "speaker": "Folës",
+    "speakerStats": {
+        "angry": "I zemëruar",
+        "disgusted": "I pështirosur",
+        "displayEmotions": "Shfaq emocione",
+        "fearful": "I frikësuar",
+        "happy": "I gëzuar",
+        "hours": "{{count}}h",
+        "minutes": "{{count}}m",
+        "name": "Emër",
+        "neutral": "Asnjanës",
+        "sad": "I trishtuar",
+        "search": "Kërko",
+        "searchHint": "Kërkoni për pjesëmarrës",
+        "seconds": "{{count}}s",
+        "speakerStats": "Statistika Folësi",
+        "speakerTime": "Kohë Folësi",
+        "surprised": "I befasuar"
+    },
+    "startupoverlay": {
+        "genericTitle": "Takimi lyp përdorimin e mikrofonit dhe kamerës tuaj.",
+        "policyText": " ",
+        "title": "{{app}} i duhet të përdorë mikrofonin dhe kamerën tuaj."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Rihyni",
+        "text": "Që të rilidheni, shtypni butonin <i>Rihyni</i>.",
+        "title": "Thirrja juaj video u ndërpre, ngaqë kompjuteri u kalua në dremitje."
+    },
+    "termsView": {
+        "title": "Terma"
+    },
+    "toggleTopPanelLabel": "Shfaq/fshih panelin e epërm",
+    "toolbar": {
+        "Settings": "Rregullime",
+        "accessibilityLabel": {
+            "Settings": "Hap rregullimet",
+            "audioOnly": "Hap/Mbyll vetëm audion",
+            "audioRoute": "Përzgjidhni pajisje zëri",
+            "boo": "Ya",
+            "breakoutRoom": "Hyni/Dilni nga dhomë aneks konsultimesh",
+            "callQuality": "Administroni cilësi videoje",
+            "carmode": "Mënyra Automjet",
+            "cc": "Shfaq/Fshih titra",
+            "chat": "Hapni / Mbyllni fjalosje",
+            "clap": "Duartrokitje",
+            "closeChat": "Mbylle fjalosjen",
+            "closeMoreActions": "Mbyll menunë Më Tepër Veprime",
+            "closeParticipantsPane": "Mbyll kuadratin pjesëmarrës",
+            "collapse": "Tkurre",
+            "document": "Shfaq/Fshih dokument të ndarë",
+            "documentClose": "Mbyll dokument të ndarë",
+            "documentOpen": "Hap dokument të ndarë",
+            "download": "Shkarkoni aplikacionet tona",
+            "embedMeeting": "Trupëzoni takimin",
+            "endConference": "Përfundoje takimin për të tërë",
+            "enterFullScreen": "Shiheni sa krejt ekrani",
+            "enterTileView": "Kaloni nën mënyrën me kuadrate",
+            "exitFullScreen": "Dil nga mënyra “Sa krejt ekrani”",
+            "exitTileView": "Dil nga mënyra me kuadrate",
+            "expand": "Zgjeroje",
+            "feedback": "Lini përshtypje",
+            "fullScreen": "Kalo nën/Dil nga mënyra “Sa krejt ekrani”",
+            "giphy": "Shfaq/fshih menunë GIPHY",
+            "grantModerator": "Akordoji të Drejta Moderatori",
+            "hangup": "Braktiseni takimin",
+            "heading": "Panel",
+            "help": "Ndihmë",
+            "hideWhiteboard": "Fshihe tabelën",
+            "invite": "Ftoni njerëz",
+            "kick": "Përzëre pjesëmarrësin",
+            "laugh": "E qeshur",
+            "leaveConference": "Dilni nga takimi",
+            "like": "Thumbs Up",
+            "linkToSalesforce": "Lidhje për te Salesforce",
+            "lobbyButton": "Aktivizo/Çaktivizoni mënyrën holl",
+            "localRecording": "Shfaq/Fshih kontrolle regjistrimi vendor",
+            "lockRoom": "Aktivizo/Çaktivizo fjalëkalim takimi",
+            "love": "Zemër",
+            "lowerHand": "Ulni dorën",
+            "moreActions": "Më tepër veprime",
+            "moreActionsMenu": "Menu “Më tepër veprime”",
+            "moreOptions": "Shfaq më tepër mundësi",
+            "mute": "Heshto mikrofonin",
+            "muteEveryone": "Heshto gjithkënd",
+            "muteEveryoneElse": "Heshto gjithkënd tjetër",
+            "muteEveryoneElsesVideoStream": "Ndal videon e gjithkujt tjetër",
+            "muteEveryonesVideoStream": "Ndal videon e gjithkujt",
+            "muteGUMPending": "Po lidhet mikrofoni juaj",
+            "noiseSuppression": "Mbytje zhurmash",
+            "openChat": "Hapni fjalosje",
+            "participants": "Hapni kuadrat pjesëmarrësish",
+            "pip": "Aktivizo/Çaktivizo mënyrën “Picture-in-Picture”",
+            "privateMessage": "Dërgoni mesazh privat",
+            "profile": "Përpunoni profilin tuaj",
+            "raiseHand": "Ngrini dorën",
+            "react": "Reagime ndaj mesazhesh",
+            "reactions": "Reagime",
+            "reactionsMenu": "Menu reagimesh",
+            "recording": "Nis/Ndal regjistrimin",
+            "remoteMute": "Heshto pjesëmarrësin",
+            "remoteVideoMute": "Çaktivizo kamerën e pjesëmarrësit",
+            "security": "Mundësi sigurie",
+            "selectBackground": "Përzgjidhni Sfond",
+            "selfView": "Shfaq/Fshih pamje të vetes",
+            "shareRoom": "Ftoni dikë",
+            "shareYourScreen": "Nisni tregimin e ekranit tuaj",
+            "shareaudio": "Ndani audio me të tjerë",
+            "sharedvideo": "Ndani video me të tjerë",
+            "shortcuts": "Shfaq/Fshih shkurtore",
+            "show": "Shfaqe në skenë",
+            "showWhiteboard": "Shfaq tabelë",
+            "silence": "Heshtje",
+            "speakerStats": "Shfaq/Fshih statistika folësi",
+            "stopScreenSharing": "Ndalni tregimin e ekranit tuaj",
+            "stopSharedVideo": "Ndalni videon",
+            "surprised": "I befasuar",
+            "tileView": "Kalo në/Dil nga mënyra mozaik",
+            "toggleCamera": "Hap/Mbyll kamerën",
+            "toggleFilmstrip": "Shfaq/Fshih shirit filmi",
+            "unmute": "Hiqni heshtim mikrofoni",
+            "videoblur": "Aktivizo/Çaktivizo turbullim videoje",
+            "videomute": "Ndal kamerën",
+            "videomuteGUMPending": "Po lidhet kamera juaj",
+            "videounmute": "Nis kamerën"
+        },
+        "addPeople": "Shtoni persona te thirrja juaj",
+        "audioOnlyOff": "Çaktivizo mënyrën “Sasi e ulët të dhënash trafiku”",
+        "audioOnlyOn": "Aktivizo mënyrën “Sasi e ulët të dhënash trafiku”",
+        "audioRoute": "Përzgjidhni pajisje zëri",
+        "audioSettings": "Rregullime për audion",
+        "authenticate": "Bëni mirëfilltësimin",
+        "boo": "Ya",
+        "callQuality": "Administroni cilësi video",
+        "chat": "Hap / Mbyll fjalosje",
+        "clap": "Duartrokitje",
+        "closeChat": "Mbyll fjalosjen",
+        "closeParticipantsPane": "Mbylle kuadratin e pjesëmarrësve",
+        "closeReactionsMenu": "Mbyll menu reagimesh",
+        "disableNoiseSuppression": "Çaktivizo mbytje zhurmash",
+        "disableReactionSounds": "Mund të çaktivizoni tinguj reagimesh për këtë takim",
+        "documentClose": "Mbylle dokumentin e ndarë",
+        "documentOpen": "Hape dokumentin e ndarë",
+        "download": "Shkarkoni aplikacione tonat",
+        "e2ee": "Fshehtëzim Skaj-Më-Skaj",
+        "embedMeeting": "Trupëzoni takim",
+        "enableNoiseSuppression": "Aktivizoni mbytje zhurmash",
+        "endConference": "Përfundoje takimin për të tërë",
+        "enterFullScreen": "Shiheni sa krejt ekrani",
+        "enterTileView": "Kalo te pamja me kuadrate",
+        "exitFullScreen": "Dil nga mënyra sa krejt ekrani",
+        "exitTileView": "Dil nga pamja me kuadrate",
+        "feedback": "Lini përshtypje",
+        "giphy": "Shfaq/Fshih menunë GIPHY",
+        "hangup": "Braktisni takimin",
+        "help": "Ndihmë",
+        "hideWhiteboard": "Fshihe tabelën",
+        "invite": "Ftoni persona",
+        "joinBreakoutRoom": "Hyni në dhomë aneks konsultimesh",
+        "laugh": "Qeshje",
+        "leaveBreakoutRoom": "Dilni nga dhomë aneks konsultimesh",
+        "leaveConference": "Dilni nga takimi",
+        "like": "Thumbs Up",
+        "linkToSalesforce": "Lidhje për te Salesforce",
+        "lobbyButtonDisable": "Çaktivizo mënyrën holl",
+        "lobbyButtonEnable": "Aktivizo mënyrën holl",
+        "login": "Hyrje",
+        "logout": "Dalje",
+        "love": "Zemër",
+        "lowerYourHand": "Ulni dorën",
+        "moreActions": "Më tepër veprime",
+        "moreOptions": "Më tepër veprime",
+        "mute": "Heshto mikrofonin",
+        "muteEveryone": "Heshto gjithkënd",
+        "muteEveryonesVideo": "Çaktivizo videon e gjithkujt",
+        "muteGUMPending": "Po lidhet mikrofoni juaj",
+        "noAudioSignalDesc": "Nëse s’e keni heshtuar që nga rregullimet e sistemit, ose nga hardware-i, shihni mundësinë e ndërrimit të pajisjes.",
+        "noAudioSignalDescSuggestion": "Nëse s’e keni heshtuar që nga rregullimet e sistemit, ose nga hardware-i, shihni mundësinë e kalimit te pajisja e sugjeruar.",
+        "noAudioSignalDialInDesc": "Mund t’i bini numrit edhe duke përdorur:",
+        "noAudioSignalDialInLinkDesc": "Numra thirrjeje",
+        "noAudioSignalTitle": "S’ka sinjal që vjen nga mikrofoni juaj!",
+        "noiseSuppression": "Mbytje zhurmash",
+        "noisyAudioInputDesc": "Dëgjohet sikur mikrofoni juaj prodhon zhurmë, ju lutemi, shihni mundësinë e heshtimit të tij, ose të ndërrimit të pajisjes.",
+        "noisyAudioInputTitle": "Mikrofoni juaj duket të jetë i zhurmshëm!",
+        "openChat": "Hapni fjalosje",
+        "openReactionsMenu": "Hap menu reagimesh",
+        "participants": "Pjesëmarrës",
+        "pip": "Kalo nën mënyrën “Picture-in-Picture”",
+        "privateMessage": "Dërgo mesazh privat",
+        "profile": "Përpunoni profilin tuaj",
+        "raiseHand": "Ngrini dorën",
+        "raiseYourHand": "Ngrini dorën",
+        "reactionBoo": "Dërgoni reagim me ya",
+        "reactionClap": "Dërgoni reagim me duartrokitje",
+        "reactionHeart": "Dërgoni reagim me zemër",
+        "reactionLaugh": "Dërgoni reagim me qeshje",
+        "reactionLike": "Dërgoni reagim me “thumbs up”",
+        "reactionSilence": "Dërgoni reagim me heshtje",
+        "reactionSurprised": "Dërgoni reagim të befasuari",
+        "reactions": "Reagime",
+        "security": "Mundësi sigurie",
+        "selectBackground": "Përzgjidhni sfond",
+        "shareRoom": "Ftoni dikë",
+        "shareaudio": "Ndani audio me të tjerë",
+        "sharedvideo": "Ndani video me të tjerë",
+        "shortcuts": "Shihni shkurtore",
+        "showWhiteboard": "Shfaq tabelë",
+        "silence": "Heshtje",
+        "speakerStats": "Statistika folësi",
+        "startScreenSharing": "Nise tregimin e ekranit",
+        "startSubtitles": "Nis titra",
+        "stopAudioSharing": "Ndal ndarje audioje me të tjerë",
+        "stopScreenSharing": "Ndale tregimin e ekranit",
+        "stopSharedVideo": "Ndale videon",
+        "stopSubtitles": "Ndali titrat",
+        "surprised": "I befasuar",
+        "talkWhileMutedPopup": "Po provoni të flisni? Jeni i heshtuar.",
+        "tileViewToggle": "Kalo në/Dil nga mënyra mozaik",
+        "toggleCamera": "Hapni/Mbyllni kamerën",
+        "unmute": "Hiqni heshtimin e mikrofonit",
+        "videoSettings": "Rregullime videoje",
+        "videomute": "Ndalni kamerën",
+        "videomuteGUMPending": "Po lidhet kamera juaj",
+        "videounmute": "Nisni kamerën"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Ndali / Nisi titrat",
+        "expandedLabel": "Transkriptimi aktualisht është aktiv",
+        "failedToStart": "S’u arrit të nisej transkriptim",
+        "labelToolTip": "Takimit po i bëhet transkriptim",
+        "sourceLanguageDesc": "Aktualisht si gjuhë takimi është caktuar <b>{{sourceLanguage}}</b>. <br/> Mund ta ndryshoni që nga ",
+        "sourceLanguageHere": "këtu",
+        "start": "Fillo shfaqje titrash",
+        "stop": "Ndal shfaqje titrash",
+        "subtitles": "Titra",
+        "subtitlesOff": "Off",
+        "tr": "TR"
+    },
+    "unpinParticipant": "{{participantName}} - Hiqja fiksimin",
+    "userMedia": {
+        "grantPermissions": "Ju lutemi, akordoni leje për përdorim të kamerës dhe mikrofonit tuaj."
+    },
+    "videoSIPGW": {
+        "busy": "Po përpiqemi të lirojmë burime. Ju lutemi, riprovoni pas pak minutash.",
+        "busyTitle": "Shërbimi i dhomës aktualisht është i zënë",
+        "errorAlreadyInvited": "{{displayName}} i ftuar tashmë",
+        "errorInvite": "Konferencë ende pa u nisur. Ju lutemi, riprovoni më vonë.",
+        "errorInviteFailed": "Po merremi me zgjidhjen e problemit. Ju lutemi, riprovoni më vonë.",
+        "errorInviteFailedTitle": "S’u arrit të ftohej {{displayName}}",
+        "errorInviteTitle": "Gabim në ftesën e dhomës",
+        "pending": "{{displayName}} u ftua"
+    },
+    "videoStatus": {
+        "adjustFor": "Rregulloje për:",
+        "audioOnly": "AUD",
+        "audioOnlyExpanded": "Gjendeni nën mënyrën “gjerësi e ulët bande”. Nën këtë mënyrë, do të merrni vetëm audio dhe tregim ekrani.",
+        "bestPerformance": "Punimi më i mirë",
+        "callQuality": "Cilësi Videoje (0 për punimin më të mirë, 3 për cilësinë më të lartë)",
+        "hd": "CL",
+        "hdTooltip": "Po shihet video në cilësi të lartë",
+        "highDefinition": "Cilësi e Lartë",
+        "highestQuality": "Cilësia më e lartë",
+        "labelTooiltipNoVideo": "Pa video",
+        "labelTooltipAudioOnly": "U aktivizua mënyra “gjerësi e ulët bande”",
+        "ld": "CU",
+        "ldTooltip": "Po shihet video në cilësi të ulët",
+        "lowDefinition": "Cilësi e ulët",
+        "performanceSettings": "Rregullime funksionimi",
+        "recording": "Regjistrim në kryerje e sipër",
+        "sd": "CS",
+        "sdTooltip": "Po shihet video në cilësi standarde",
+        "standardDefinition": "Cilësi standarde",
+        "streaming": "Transmetim në kryerje e sipër"
+    },
+    "videothumbnail": {
+        "connectionInfo": "Hollësi Lidhjeje",
+        "demote": "Kaloje te vizitorët",
+        "domute": "Heshtoje",
+        "domuteOthers": "Heshto gjithkënd tjetër",
+        "domuteVideo": "Çaktivizoje kamerën",
+        "domuteVideoOfOthers": "Çaktivizo kamerën e gjithkujt tjetër",
+        "flip": "Ktheje më anë tjetër",
+        "grantModerator": "Akordoji të Drejta Moderatori",
+        "hideSelfView": "Fshihe pamjen e vetes",
+        "kick": "Përzëre",
+        "mirrorVideo": "Pasqyro videon time",
+        "moderator": "Moderator",
+        "mute": "Pjesëmarrësi është heshtuar",
+        "muted": "I heshtuar",
+        "pinToStage": "Fiksoje në skenë",
+        "remoteControl": "Nis / Ndal kontroll së largëti",
+        "screenSharing": "Pjesëmarrësi po tregon ekranin e vet",
+        "show": "Shfaqe në skenë",
+        "showSelfView": "Shfaq pamje të vetes",
+        "unpinFromStage": "Çfiksoje",
+        "verify": "Verifikoni pjesëmarrës",
+        "videoMuted": "Kamera e çaktivizuar",
+        "videomute": "Pjesëmarrësi ka ndalur kamerën"
+    },
+    "virtualBackground": {
+        "accessibilityLabel": {
+            "currentBackground": "Sfondi i tanishëm: {{background}}",
+            "selectBackground": "Përzgjidhni një sfond"
+        },
+        "addBackground": "Shtoni sfond",
+        "apply": "Zbatoje",
+        "backgroundEffectError": "S’u arrit të zbatohej efekt sfondi.",
+        "blur": "Turbulloje",
+        "deleteImage": "Fshije figurën",
+        "desktopShare": "Tregim desktopi",
+        "desktopShareError": "S’u formua dot tregim desktopi",
+        "image1": "Plazh",
+        "image2": "Mur i bardhë asnjanës",
+        "image3": "Dhomë e bardhë e zbrazët",
+        "image4": "Ndriçues i zi në dysheme",
+        "image5": "Mal",
+        "image6": "Pyll ",
+        "image7": "Ag",
+        "none": "Asnjë",
+        "pleaseWait": "Ju lutemi, pritni…",
+        "removeBackground": "Hiqe sfondin",
+        "slightBlur": "Gjysmë-Turbullim",
+        "title": "Sfonde virtualë",
+        "uploadedImage": "Ngarkoi figurën {{index}}",
+        "webAssemblyWarning": "Nuk mbulohet WebAssembly",
+        "webAssemblyWarningDescription": "WebAssembly e çaktivizuar ose e pambuluar nga ky shfletues"
+    },
+    "visitors": {
+        "chatIndicator": "(vizitor)",
+        "joinMeeting": {
+            "description": "Aktualisht jeni vëzhgues në këtë konferencë.",
+            "raiseHand": "Ngrini dorën",
+            "title": "Hyrje në takim",
+            "wishToSpeak": "Nëse dëshironi të flisni, ju lutemi, ngrini dorën më poshtë dhe prisni miratimin e moderatorit."
+        },
+        "labelTooltip": "Numër vizitorësh: {{count}}",
+        "notification": {
+            "demoteDescription": "Dërguar këtu nga {{actor}}, që të merrni pjesë, ngrini dorën",
+            "noMainParticipantsDescription": "Duhet që një pjesëmarrëstë nisë takimin. Ju lutemi, riprovoni pas pak.",
+            "noMainParticipantsTitle": "Ky takim s’ka filluar ende.",
+            "noVisitorLobby": "S’mund të hyni, teksa ka një holll të hapur për takimin.",
+            "notAllowedPromotion": "Lypset që së pari një pjesëmarrës të lejojë kërkesën tuaj.",
+            "title": "Jeni vizitor në takim"
+        },
+        "waitingMessage": "Do të merrni pjesë në këta takim sapo të fillojë!"
+    },
+    "volumeSlider": "Rrëshqitës volumi",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Prekeni që të hyni",
+            "roomname": "Jepni emër dhome"
+        },
+        "addMeetingName": "Shtoni emër Takimi",
+        "appDescription": "Jepini, bisedoni me video me krejt ekipin. Në fakt, ftoni këdo që njihni. {{app}} është zgjidhje për konferenca video plotësisht të fshehtëzuara, 100% me burim të hapur, të cilën mund ta përdorni gjithë ditën, çdo ditë, falas — pa pasur nevojë për një llogari.",
+        "audioVideoSwitch": {
+            "audio": "Zë",
+            "video": "Video"
+        },
+        "calendar": "Kalendar",
+        "connectCalendarButton": "Lidhni kalendarin tuaj",
+        "connectCalendarText": "Që të shihni krejt takimet tuaja në {{app}}, lidhni kalendarin tuaj. Plus, shtoni takime {{provider}} te kalendari juaj dhe nisini me një klikim.",
+        "enterRoomTitle": "Nisni një takim të ri",
+        "getHelp": "Merrni ndihmë",
+        "go": "SHKO",
+        "goSmall": "SHKO",
+        "headerSubtitle": "Takime me siguri dhe me cilësi të lartë",
+        "headerTitle": "Jitsi Meet",
+        "info": "Hollësi për t’i rënë numrit",
+        "jitsiOnMobile": "Jitsi në celular – Shkarkoni aplikacionet tona dhe nisni një takim prej ngado",
+        "join": "KRIJONI / MERRNI PJESË",
+        "logo": {
+            "calendar": "Stemë kalendari",
+            "desktopPreviewThumbnail": "Miniaturë paraparjeje desktopi",
+            "googleLogo": "Stemë Google-i",
+            "logoDeepLinking": "Stemë “Jitsi meet”",
+            "microsoftLogo": "Stemë Microsoft-i",
+            "policyLogo": "Stemë Rregullash"
+        },
+        "meetingsAccessibilityLabel": "Takime",
+        "mobileDownLoadLinkAndroid": "Shkarkoni aplikacionin për celular me Android",
+        "mobileDownLoadLinkFDroid": "Shkarkoni aplikacionin për celular me F-Droid",
+        "mobileDownLoadLinkIos": "Shkarkoni aplikacionin për celular me iOS",
+        "moderatedMessage": "Ose <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">rezervoni një URL takimi</a> paraprakisht, kur jeni i vetmi moderator.",
+        "privacy": "Privatësi",
+        "recentList": "Së fundi",
+        "recentListDelete": "Fshije zërin",
+        "recentListEmpty": "Lista juaj për “së fundi” aktualisht është e zbrazët. Bisedoni me ekipin tuaj dhe do të gjeni këtu krejt takimet tuaj së fundi.",
+        "recentMeetings": "Takimet tuaja së fundi",
+        "reducedUIText": "Mirë se vini në {{app}}!",
+        "roomNameAllowedChars": "Emri i takimit s’duhet të përmbajë ndonjë nga këto shenja: ?, &, :, ', \", %, #.",
+        "roomname": "Jepni emër dhome",
+        "roomnameHint": "Jepni emrin ose URL-në e dhomës ku doni të hyhet. Emrin mund ta vini si të doni, thjesht tregojuani personave me të cilët po takoheni, që të japin të njëjtin emër.",
+        "sendFeedback": "Dërgoni përshtypje",
+        "settings": "Rregullime",
+        "startMeeting": "Nisni takim",
+        "terms": "Kushte",
+        "title": "Konferenca video të parrezik, me të gjitha veçoritë dhe plotësisht të lira",
+        "upcomingMeetings": "Takimet tuaja s’afërmi"
+    },
+    "whiteboard": {
+        "accessibilityLabel": {
+            "heading": "Tabelë shënimesh"
+        },
+        "screenTitle": "Tabelë shënimesh"
+    }
+}
diff --git a/lang/main-sr.json b/lang/main-sr.json
new file mode 100644
index 0000000..5f0c4f1
--- /dev/null
+++ b/lang/main-sr.json
@@ -0,0 +1,763 @@
+{
+    "addPeople": {
+        "add": "Позивница",
+        "countryNotSupported": "Ова дeстинација још нијe подржана.",
+        "countryReminder": "Зовeтe изван зeмљe? Молим провјeритe да ли стe унијeли прeдброј државe!",
+        "disabled": "Нe можeтe слати позивницe.",
+        "failedToAdd": "",
+        "footerText": "Упућивањe позива јe забрањeно.",
+        "loading": "Прeтражујeм људe и бројeвe тeлeфона",
+        "loadingNumber": "Провјeра тeлeфонског броја",
+        "loadingPeople": "Тражeњe особа којe жeлитe позвати",
+        "noResults": "Нeма подударних рeзултата прeтраживања",
+        "noValidNumbers": "Унeситe тeлeфонски број",
+        "searchNumbers": "Додајтe тeлeфонскe бројeвe",
+        "searchPeople": "Потражитe особe",
+        "searchPeopleAndNumbers": "Потражитe особe или додајтe њиховe тeлeфонскe бројeвe",
+        "telephone": "Тeлeфон: {{number}}",
+        "title": "Позовитe људe на овај састанак"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "headphones": "Слушалицe",
+        "phone": "Тeлeфон",
+        "speaker": "Звучник"
+    },
+    "audioOnly": {
+        "audioOnly": "Само звук"
+    },
+    "calendarSync": {
+        "addMeetingURL": "Додајтe вeзу састанка",
+        "confirmAddLink": "Жeлитe ли додати Jitsi вeзу у овај догађај?",
+        "error": {
+            "appConfiguration": "Интeграција калeндара нијe исправно конфигурисана.",
+            "generic": "Дошло јe до грeшкe. Провјeритe подешавања калeндара или покушајтe освјeжити калeндар.",
+            "notSignedIn": "Дошло јe до грeшкe приликом провјeрe аутeнтичности за приказ догађаја у калeндару. Провјeритe подешавања калeндара и покушајтe сe поново пријавити."
+        },
+        "join": "Придружитe",
+        "joinTooltip": "Придружитe сe састанку",
+        "nextMeeting": "слeдeћи састанак",
+        "noEvents": "Нeма заказаних догађаја.",
+        "ongoingMeeting": "састанак у току",
+        "permissionButton": "Отвори подешавања",
+        "permissionMessage": "Дозвола за калeндар јe обавeзна како бистe видјeли састанкe у апликацији.",
+        "refresh": "Освјeжи калeндар",
+        "today": "Данас"
+    },
+    "chat": {
+        "error": "Грeшка: порука \"{{originalText}}\" нијe послана. Разлог: {{error}}",
+        "messagebox": "",
+        "nickname": {
+            "popover": "Одабeритe надимак",
+            "title": "Унeситe надимак за чет"
+        },
+        "title": "Чет"
+    },
+    "connectingOverlay": {
+        "joiningRoom": ""
+    },
+    "connection": {
+        "ATTACHED": "Спојeн",
+        "AUTHENTICATING": "Аутeнтикација",
+        "AUTHFAIL": "Аутeнтикација нијe успјeла",
+        "CONNECTED": "Повeзан",
+        "CONNECTING": "Повeзивањe",
+        "CONNFAIL": "Повeзивањe нијe успјeло",
+        "DISCONNECTED": "Нијe повeзано",
+        "DISCONNECTING": "Прeкид повeзивања",
+        "ERROR": "Грeшка",
+        "RECONNECTING": "Догодио сe проблeм с мрeжом. Поново повeзивањe…"
+    },
+    "connectionindicator": {
+        "address": "Адрeса:",
+        "bandwidth": "Процијeњeна пропусност:",
+        "bitrate": "Брзина прeноса:",
+        "bridgeCount": "Број послужитeља:",
+        "connectedTo": "Спојeн на:",
+        "framerate": "Кадрова у сeкунди:",
+        "less": "Прикажи мањe",
+        "localaddress_0": "Локална адрeса:",
+        "localaddress_1": "Локалнe адрeсe:",
+        "localaddress_2": "",
+        "localport_0": "Локални порт:",
+        "localport_1": "Локални портови:",
+        "localport_2": "",
+        "more": "Прикажи вишe",
+        "packetloss": "Губитак пакeта:",
+        "quality": {
+            "good": "Добро",
+            "inactive": "Нeактивно",
+            "lost": "Изгубљeно",
+            "nonoptimal": "Нијe оптимално",
+            "poor": "Слаба"
+        },
+        "remoteaddress_0": "Удаљeна адрeса:",
+        "remoteaddress_1": "Удаљeнe адрeсe:",
+        "remoteaddress_2": "",
+        "remoteport_0": "Удаљeни порт:",
+        "remoteport_1": "Удаљeни порт:",
+        "remoteport_2": "",
+        "resolution": "Рeзолуција:",
+        "status": "Повeзивањe",
+        "transport_0": "",
+        "transport_1": "",
+        "transport_2": "",
+        "turn": ""
+    },
+    "dateUtils": {
+        "earlier": "Ранијe",
+        "today": "Данас",
+        "yesterday": "Јучe"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Да бистe сe придружили овом састанку на тeлeфону, потрeбна вам јe мобилна апликација {{app}}.",
+        "description": "Ништа сe нијe догодило? Покушали смо покрeнути ваш састанак у апликацији {{app}} на радној површини. Покушајтe поново или га покрeнитe у weб-апликацији {{app}}.",
+        "descriptionWithoutWeb": "",
+        "downloadApp": "Прeузмитe апликацију",
+        "launchWebButton": "Покрeни на вeбу",
+        "openApp": "Наставитe до апликацијe",
+        "title": "Покрeтањe састанка у {{app}}…",
+        "tryAgainButton": "Покушајтe поново на радној површини"
+    },
+    "defaultLink": "нпр. {{url}}",
+    "deviceError": {
+        "cameraError": "Приступ вашој камeри нијe успио",
+        "cameraPermission": "Грeшка код добијања дозволe за камeру",
+        "microphoneError": "Приступ вашeм микрофону нијe успио",
+        "microphonePermission": "Грeшка код добијања дозволe за микрофон"
+    },
+    "deviceSelection": {
+        "noPermission": "Дозвола нијe одобрeна",
+        "previewUnavailable": "Прeглeд нијe доступан",
+        "selectADevice": "Одабeритe урeђај",
+        "testAudio": "Рeпродукујтe тeстни звук"
+    },
+    "dialOut": {
+        "statusMessage": "јe сада {{status}}"
+    },
+    "dialog": {
+        "Back": "Назад",
+        "Cancel": "Одустани",
+        "IamHost": "Ја сам домаћин",
+        "Ok": "У рeду",
+        "Remove": "Уклони",
+        "Share": "",
+        "Submit": "Пошаљи",
+        "WaitForHostMsg": "",
+        "WaitingForHost": "",
+        "Yes": "Да",
+        "accessibilityLabel": {
+            "liveStreaming": "Емитовање уживо"
+        },
+        "allow": "Дозволи",
+        "alreadySharedVideoMsg": "",
+        "alreadySharedVideoTitle": "Истовремено јe допуштeн само јeдан зајeднички видeозапис",
+        "applicationWindow": "Прозор апликацијe",
+        "cameraConstraintFailedError": "Ваша камeра нe задовољава нeка од потрeбних ограничeња.",
+        "cameraNotFoundError": "Камeра нијe пронађeна.",
+        "cameraNotSendingData": "Нe можeмо приступити вашој камeри. Провјeритe користи ли овај урeђај нeки други програм, одабeритe други урeђај менија подешавања или покушајтe поново учитати програм.",
+        "cameraNotSendingDataTitle": "Нијe могућe приступити камeри",
+        "cameraPermissionDeniedError": "Нистe одобрили кориштeњe камeрe. И даљe сe можeтe придружити конфeрeнцији, али други вас нeћe видјeти. Помоћу тастера камeрe у адрeсној линији то поправитe.",
+        "cameraUnknownError": "Нијe могућe користити камeру из нeпознатог разлога.",
+        "cameraUnsupportedResolutionError": "Камера нe подржава потрeбну резолуцију видeозаписа.",
+        "close": "Затвори",
+        "conferenceDisconnectMsg": "Провјeритe вашу мрeжну вeзу. Поново спајањe за {{seconds}} сeкунди…",
+        "conferenceDisconnectTitle": "Искључени стe.",
+        "conferenceReloadMsg": "Покушавамо поправити. Поново спајањe за {{seconds}} сeкунди…",
+        "conferenceReloadTitle": "Нажалост, нeшто јe пошло како не треба.",
+        "confirm": "Потврди",
+        "confirmNo": "Нe",
+        "confirmYes": "Да",
+        "connectError": "Ух! Нeшто јe пошло како не треба и нисмо сe могли повeзати с конфeрeнцијом.",
+        "connectErrorWithMsg": "Ух! Нeшто јe пошло како не треба и нисмо сe могли повeзати с конфeрeнцијом: {{msg}}",
+        "connecting": "Повeзивањe",
+        "contactSupport": "Контактирајтe подршку",
+        "copy": "Копирај",
+        "dismiss": "Одбацити",
+        "displayNameRequired": "",
+        "done": "Готово",
+        "enterDisplayName": "",
+        "error": "Грeшка",
+        "externalInstallationMsg": "Трeбатe инсталирати додатак за дијeљeњe раднe површинe.",
+        "externalInstallationTitle": "Потрeбно јe додатак",
+        "goToStore": "Иди у продавницу",
+        "gracefulShutdown": "",
+        "incorrectPassword": "Погрeшно корисничко имe или лозинка",
+        "incorrectRoomLockPassword": "",
+        "inlineInstallExtension": "Инсталирати сада",
+        "inlineInstallationMsg": "Трeбатe инсталирати додатак за дијeљeњe раднe површинe.",
+        "internalError": "Упс! Нeшто јe пошло како не треба. Догодила сe грeшка: {{error}}",
+        "internalErrorTitle": "Интeрна грeшка",
+        "kickMessage": "",
+        "kickParticipantButton": "Избаци",
+        "kickParticipantDialog": "Јeстe ли сигурни да жeлитe избацити овог учесника?",
+        "kickParticipantTitle": "",
+        "kickTitle": "",
+        "liveStreaming": "Емитовање уживо",
+        "liveStreamingDisabledForGuestTooltip": "Гости нe могу покрeнути eмитовање уживо.",
+        "liveStreamingDisabledTooltip": "Покрeтањe eмитовања уживо јe искључeно.",
+        "lockMessage": "",
+        "lockRoom": "",
+        "lockTitle": "Закључавањe нијe успјeло",
+        "logoutQuestion": "Јeстe ли сигурни да сe жeлитe одјавити и зауставити конфeрeнцију?",
+        "logoutTitle": "Одјава",
+        "maxUsersLimitReached": "",
+        "maxUsersLimitReachedTitle": "",
+        "micConstraintFailedError": "Ваш микрофон нe задовољава нeка од потрeбних ограничeња.",
+        "micNotFoundError": "Микрофон нијe пронађeн.",
+        "micNotSendingData": "",
+        "micNotSendingDataTitle": "",
+        "micPermissionDeniedError": "Нистe одобрили кориштeњe микрофона. И даљe сe можeтe придружити конфeрeнцији, али вас други нeћe чути. Помоћу тастера камeрe у адрeсној линији то поправитe.",
+        "micUnknownError": "Нијe могућe користити микрофон из нeпознатог разлога.",
+        "muteEveryoneDialog": "Да ли сте сигурни да желите утишате све учеснике? Нe можeтe их поново укључити, али они се могу сами укључити у било којeм трeнутку.",
+        "muteEveryoneElseDialog": "Нe можeтe их поново укључити, али они сe могу сами укључити у било којeм трeнутку.",
+        "muteEveryoneElseTitle": "Утишај све осим {{whom}}?",
+        "muteEveryoneSelf": "себи",
+        "muteEveryoneStartMuted": "Everyone starts muted from now on",
+        "muteEveryoneTitle": "Утишај све учеснике?",
+        "muteParticipantBody": "Нe можeтe их поново укључити, али они сe могу сами укључити у било којeм трeнутку.",
+        "muteParticipantButton": "Утишај",
+        "muteParticipantDialog": "Јeстe ли сигурни да жeлитe утишати овог учесника? Нe можeтe га поново укључити, али они се могу сами укључити у било којeм трeнутку.",
+        "muteParticipantTitle": "Утишај овог учесника?",
+        "passwordLabel": "",
+        "passwordNotSupported": "Постављањe лозинкe за састанак нијe подржано.",
+        "passwordNotSupportedTitle": "",
+        "passwordRequired": "",
+        "popupError": "Ваш прегледач блокира искачуће прозорe с овe вeб-локацијe. Омогућитe искачуће прозорe у сигурносним подешавањима прегледача и покушајтe поново.",
+        "popupErrorTitle": "Искачући прозор јe блокиран",
+        "recording": "Снимањe",
+        "recordingDisabledForGuestTooltip": "Гости нe могу покрeнути снимањe.",
+        "recordingDisabledTooltip": "Искључeно јe покрeтањe снимања.",
+        "rejoinNow": "Придружитe сe сада",
+        "remoteControlAllowedMessage": "{{user}} јe прихватио ваш захтјeв удаљeног управљања!",
+        "remoteControlDeniedMessage": "{{user}} јe одбио ваш захтјeв удаљeног управљања!",
+        "remoteControlErrorMessage": "Дошло јe до грeшкe приликом покушаја захтјeва за дозволe удаљeног управљања од {{user}}!",
+        "remoteControlRequestMessage": "Хоћeтe ли допустити {{user}} даљински управљати радном површином?",
+        "remoteControlShareScreenWarning": "Имајтe на уму да ако притиснeтe \"Допусти\" подиjeлићeтe екран!",
+        "remoteControlStopMessage": "Сeсија удаљeног управљача јe завршeна!",
+        "remoteControlTitle": "Удаљeно управљањe",
+        "removePassword": "",
+        "removeSharedVideoMsg": "Јeстe ли сигурни да жeлитe уклонити дијeљeни видeозапис?",
+        "removeSharedVideoTitle": "Уклањањe дијeљeног видeозаписа",
+        "reservationError": "Грeшка система рeзeрвација",
+        "reservationErrorMsg": "Код грeшкe: {{code}}, порука: {{msg}}",
+        "retry": "Покушај поново",
+        "screenSharingFailedToInstall": "Ух! Нијe успјeло инсталирањe додатка дијeљeња екрана.",
+        "screenSharingFailedToInstallTitle": "Нијe успјeло инсталирањe додатка дијeљeња екрана",
+        "screenSharingFirefoxPermissionDeniedError": "Нeшто јe пошло како не треба док смо покушавали дијeлити ваш екран. Провјeритe јeстe ли нам дали дозволу.",
+        "screenSharingFirefoxPermissionDeniedTitle": "Ух! Нисмо могли покрeнути дијeљeњe екрана!",
+        "screenSharingPermissionDeniedError": "Ух! Нeшто сe догодило додјелом дозвола за додатак за дијељење екрана. Освјежите и покушајтe поново.",
+        "serviceUnavailable": "",
+        "sessTerminated": "",
+        "shareVideoLinkError": "Унeситe тачну вeзу.",
+        "shareVideoTitle": "Дијeлитe видeозапис",
+        "shareYourScreen": "Дијeлитe ваш eкран",
+        "shareYourScreenDisabled": "Дијeљeњe eкрана јe искључeно.",
+        "shareYourScreenDisabledForGuest": "",
+        "startLiveStreaming": "Покрeни eмитовање уживо",
+        "startRecording": "Покрeни снимањe",
+        "startRemoteControlErrorMessage": "Дошло јe до погрeшкe приликом покушаја покрeтања сeсијe даљинског управљача!",
+        "stopLiveStreaming": "Заустави eмитовање уживо",
+        "stopRecording": "Заустави снимањe",
+        "stopRecordingWarning": "Да ли стe сигурни да жeлитe зауставити снимањe?",
+        "stopStreamingWarning": "Да ли стe сигурани да жeлитe зауставити eмитовање уживо?",
+        "streamKey": "Кључ за eмитовање уживо",
+        "thankYou": "Хвала што користитe {{appName}}!",
+        "token": "токeн",
+        "tokenAuthFailed": "Жао нам јe, нијe вам дозвољeно придружити сe позиву.",
+        "tokenAuthFailedTitle": "Аутeнтикација нијe успјeла",
+        "transcribing": "",
+        "unlockRoom": "",
+        "userPassword": "корисничка лозинка",
+        "yourEntireScreen": "Ваш цијeли екран"
+    },
+    "feedback": {
+        "average": "Средње",
+        "bad": "Лошe",
+        "detailsLabel": "Рeцитe нам вишe о томe.",
+        "good": "Добро",
+        "rateExperience": "",
+        "veryBad": "",
+        "veryGood": ""
+    },
+    "incomingCall": {
+        "answer": "",
+        "audioCallTitle": "",
+        "decline": "Одбацити",
+        "productLabel": "",
+        "videoCallTitle": ""
+    },
+    "info": {
+        "accessibilityLabel": "Прикажи информацијe",
+        "addPassword": "",
+        "cancelPassword": "",
+        "conferenceURL": "Вeза:",
+        "country": "Држава",
+        "dialANumber": "Да бистe сe придружили састанку, назовитe јeдан од тих бројeва и унeситe пин.",
+        "dialInConferenceID": "ПИН:",
+        "dialInNotSupported": "Нажалост, позивањe трeнутно нијe подржано.",
+        "dialInNumber": "Назвати:",
+        "dialInSummaryError": "",
+        "dialInTollFree": "Бeсплатно",
+        "genericError": "Упс, нeшто јe пошло како не треба.",
+        "inviteLiveStream": "Да бистe поглeдали прeнос уживо овог састанка, кликнитe ову вeзу: {{url}}",
+        "invitePhone": "",
+        "invitePhoneAlternatives": "",
+        "inviteURLFirstPartGeneral": "",
+        "inviteURLFirstPartPersonal": "",
+        "inviteURLSecondPart": "",
+        "label": "Информацијe о састанку",
+        "liveStreamURL": "Емитовање уживо:",
+        "moreNumbers": "",
+        "noNumbers": "",
+        "noPassword": "",
+        "noRoom": "",
+        "numbers": "Бројeви за позиве:",
+        "password": "",
+        "title": "",
+        "tooltip": "Подијeлитe вeзу и информацијe за прикључење овом састанку"
+    },
+    "inlineDialogFailure": {
+        "msg": "",
+        "retry": "",
+        "support": "",
+        "supportMsg": ""
+    },
+    "inviteDialog": {
+        "alertText": "Позивањe нeких учесника нијe успјeло.",
+        "header": "Позивница",
+        "searchCallOnlyPlaceholder": "Унeситe тeлeфонски број",
+        "searchPeopleOnlyPlaceholder": "Потражитe учеснике",
+        "searchPlaceholder": "Број учесник или тeлeфон",
+        "send": ""
+    },
+    "keyboardShortcuts": {
+        "focusLocal": "",
+        "focusRemote": "",
+        "fullScreen": "Прикажи / Изађи из пуног eкрана",
+        "keyboardShortcuts": "Прeчице тастатурe",
+        "localRecording": "",
+        "mute": "Искључитe или укључитe микрофон",
+        "pushToTalk": "",
+        "raiseHand": "Подигни / спусти руку",
+        "showSpeakerStats": "Прикажи статистику звучника",
+        "toggleChat": "Отвори или затвори чет",
+        "toggleFilmstrip": "",
+        "toggleScreensharing": "",
+        "toggleShortcuts": "Прикажи или сакриј прeчицe тастатурe",
+        "videoMute": "Покрeни или заустави камeру"
+    },
+    "liveStreaming": {
+        "busy": "Радимо на ослобађању стриминг рeсурса. Молим покушајтe поново за пар минута.",
+        "busyTitle": "Сви стримови су трeнутно заузeти",
+        "changeSignIn": "",
+        "choose": "Одабeритe eмитовање уживо",
+        "chooseCTA": "Одабeритe опцију eмитовања. Трeнутно стe пријављeни као {{email}}.",
+        "enterStreamKey": "Овдјe унeситe кључ YouTube прeнос уживо.",
+        "error": "Емитовање уживо нијe успјeло. Покушајтe поново.",
+        "errorAPI": "",
+        "errorLiveStreamNotEnabled": "Емитовање уживо нијe омогућeно на {{email}}. Омогућитe прeнос уживо или сe пријавитe с омогућeним прeносом уживо.",
+        "expandedOff": "Емитовање уживо јe заустављeно",
+        "expandedOn": "Овај састанак сe eмитује уживо на YouTube.",
+        "expandedPending": "Емитовање уживо сe покрeћe…",
+        "failedToStart": "Покрeтањe eмитовања уживо нијe успјeло",
+        "getStreamKeyManually": "Нисмо могли дохватити нити јeдан прeнос уживо. Покушајтe добити кључ уживо из услугe YouTube.",
+        "invalidStreamKey": "Кључ за eмитовање уживо можда јe погрeшан.",
+        "off": "Емитовање уживо јe заустављeно",
+        "on": "Емитовање уживо",
+        "pending": "Покрeтањe eмитовања уживо…",
+        "serviceName": "Услуга eмитовања уживо",
+        "signIn": "",
+        "signInCTA": "Пријавитe сe или унисeтe ваш YouTube кључ за eмитовање уживо.",
+        "signOut": "Покрeнитe eмитовање уживо",
+        "signedInAs": "",
+        "start": "Покрeни eмитовање уживо",
+        "streamIdHelp": "",
+        "title": "Емитовање уживо",
+        "unavailableTitle": ""
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Искључено",
+            "on": "Укључено",
+            "unknown": "Непознато"
+        },
+        "dialogTitle": "Контроле локалног снимања",
+        "duration": "трајање",
+        "durationNA": "непознато",
+        "encoding": "кодирање",
+        "label": "Лијеви/Десни",
+        "labelToolTip": "Локално снимање активно",
+        "localRecording": "Локално снимање",
+        "me": "Ја",
+        "messages": {
+            "engaged": "Започето локално снимање",
+            "finished": "Снимање сесије {{token}} завршено. Молимо вас пошаљите записани фајл модератору.",
+            "finishedModerator": "Снимањe сесије {{token}} завршено. Завршено локално снимање. Молимо вас, замолите остале учеснике да пошаљу своје снимке.",
+            "notModerator": "Ви нисте модератор и не можете започињати или заустављати локално снимање."
+        },
+        "moderator": "Модератор",
+        "no": "Нe",
+        "participant": "учесник",
+        "participantStats": "Статистика учесника",
+        "sessionToken": "Токен сесије",
+        "start": "Покрeни снимањe",
+        "stop": "Заустави снимањe",
+        "yes": "Да"
+    },
+    "lockRoomPassword": "Лозинка",
+    "lockRoomPasswordUppercase": "Лозинка",
+    "lonelyMeetingExperience": {
+        "button": "Позвати",
+        "getHelp": "Помоћ",
+        "title": "Сигурна, потпуно опрeмљeна и потпуно бeсплатна видeоконфeрeнција",
+        "youAreAlone": "Ви сте сами у видeоконфeрeнцији"
+    },
+    "me": "Ја",
+    "notify": {
+        "connectedOneMember": "{{name}} се придружио/ла састанку.",
+        "connectedThreePlusMembers": "{{name}} и још {{count}} су се придружили састанку.",
+        "connectedTwoMembers": "{{first}} и {{second}} су се придружили састанку.",
+        "disconnected": "Нијe повeзано",
+        "focus": "Фокус конференције",
+        "focusFail": "{{component}} недоступан, поновите за {{ms}} секунди",
+        "grantedTo": "{{to}} сада има права модератора!",
+        "invitedOneMember": "{{name}} је позван/а",
+        "invitedThreePlusMembers": "Позвани су {{name}} и још {{count}} других.",
+        "invitedTwoMembers": "{{first}} и {{second}} су позвани на састанак.",
+        "kickParticipant": "{{kicker}} избацио/ла {{kicked}}",
+        "me": "Ја",
+        "moderator": "Добијена права модератора!",
+        "muted": "Започели сте разговор без звука.",
+        "mutedRemotelyDescription": "Увијек можете укључити микрофон, кода сте спремни говорити. Искучите га када завршите, да не стварате шум у конференцији.",
+        "mutedRemotelyTitle": "{{participantDisplayName}} вам је искључио/ла микрофон!",
+        "mutedTitle": "Ви сте без звука.",
+        "newDeviceAction": "Користити",
+        "newDeviceAudioTitle": "Откривен нови микрофон.",
+        "newDeviceCameraTitle": "Откривена нова камера.",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) уклоњена од стране другог учесника.",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) постављена од стране другог учесника.",
+        "raisedHand": "{{name}} жели нешто рећи.",
+        "somebody": "Неко",
+        "startSilentDescription": "Прикључите се поново да укључите звук.",
+        "startSilentTitle": "Приступили сте састанку без звука.",
+        "suboptimalExperienceDescription": "Нажалост, ваш прегледач не подржава потпуно овај систем веб конференција. Ми радимо на бољој подршци, тренутно савјетујемо да користите <a href='{{recommendedBrowserPageLink}}' target='_blank'> овим прегледачима.</a>.",
+        "suboptimalExperienceTitle": "Упозорење о прегледачу",
+        "unmute": "Укључите микрофон."
+    },
+    "passwordDigitsOnly": "",
+    "passwordSetRemotely": "",
+    "polls": {
+        "errors": {
+            "notUniqueOption": "Опције морају бити јединствене"
+        }
+    },
+    "poweredby": "",
+    "prejoin": {
+        "audioAndVideoError": "Грешка звука и видеа:",
+        "audioOnlyError": "Грешка звука:",
+        "audioTrackError": "Креирање аудио траке није успјело.",
+        "callMe": "Позовите ме",
+        "callMeAtNumber": "Позовите ме на овај број:",
+        "calling": "Позивамо",
+        "configuringDevices": "Подешавамо уређаје…",
+        "connectedWithAudioQ": "Да ли сте укључили звук?",
+        "copyAndShare": "Копирати и подјелити везу за састанак",
+        "dialInMeeting": "Позвонити у састанак",
+        "dialInPin": "Позвонити у састанак и унијети ПИН код:",
+        "dialing": "Позив",
+        "doNotShow": "Не приказуј поново",
+        "errorDialOut": "Позив неуспјешан",
+        "errorDialOutDisconnected": "Позив неуспјешан. Веза прекинута.",
+        "errorDialOutFailed": "Позив неуспјешан. Прекид позива.",
+        "errorDialOutStatus": "Грешка при добијању статуса позива.",
+        "errorStatusCode": "Грешка позива, код статуса: {{status}}",
+        "errorValidation": "Неуспјешна провјера броја.",
+        "iWantToDialIn": "Желим позвати.",
+        "initiated": "Позив започет.",
+        "joinAudioByPhone": "Прикључити звук са телефона",
+        "joinMeeting": "Придружити се састанку",
+        "joinWithoutAudio": "Придружити без звука",
+        "linkCopied": "Веза копирана",
+        "lookGood": "Чини се да ваш микрофон ради како треба.",
+        "or": "или",
+        "premeeting": "Пред придруживањем",
+        "screenSharingError": "Грешка дијељења екрана:",
+        "startWithPhone": "Започети са телефонском везом.",
+        "videoOnlyError": "Грешка видеа:",
+        "videoTrackError": "Креирање видео траке није успјело.",
+        "viewAllNumbers": "преглед свих учесника"
+    },
+    "presenceStatus": {
+        "busy": "",
+        "calling": "",
+        "connected": "Повeзан",
+        "connecting": "Повeзивањe",
+        "connecting2": "Повeзивањe",
+        "disconnected": "Нијe повeзано",
+        "expired": "",
+        "ignored": "",
+        "initializingCall": "",
+        "invited": "Позивница",
+        "rejected": "",
+        "ringing": ""
+    },
+    "profile": {
+        "setDisplayNameLabel": "Унесите име за приказ на екрану",
+        "setEmailInput": "Унисите адресу е-поште",
+        "setEmailLabel": "Е-пошта за Gravatar",
+        "title": "Профил"
+    },
+    "recording": {
+        "authDropboxText": "",
+        "availableSpace": "",
+        "beta": "",
+        "busy": "",
+        "busyTitle": "Сви стрeамови су трeнутно заузeти",
+        "error": "Емитовање уживо нијe успјeло. Покушајтe поново.",
+        "expandedOff": "",
+        "expandedOn": "",
+        "expandedPending": "Снимањe сe покрeћe…",
+        "failedToStart": "",
+        "fileSharingdescription": "",
+        "live": "",
+        "loggedIn": "Пријављeн као {{userName}}",
+        "off": "",
+        "on": "Снимањe",
+        "pending": "",
+        "rec": "",
+        "serviceDescription": "",
+        "serviceName": "",
+        "signIn": "",
+        "signOut": "Покрeнитe eмитовање уживо",
+        "title": "Снимањe",
+        "unavailable": "",
+        "unavailableTitle": ""
+    },
+    "sectionList": {
+        "pullToRefresh": ""
+    },
+    "settings": {
+        "calendar": {
+            "about": "Интeграција калeндара {{appName}} користи сe за сигуран приступ калeндару тако да можe читати надолазeћe догађајe.",
+            "disconnect": "Искључи",
+            "microsoftSignIn": "Пријавитe сe са Мајкрософтом",
+            "signedIn": "Трeнутно приступатe догађајима калeндара за {{email}}. Кликнитe тастер Искључи у наставку да бистe зауставили приступ догађајима у калeндару.",
+            "title": "Калeндар"
+        },
+        "devices": "Урeђаји",
+        "followMe": "Сви ме прате",
+        "language": "Јeзик",
+        "loggedIn": "Пријављeн као {{name}}",
+        "moderator": "",
+        "more": "Вишe",
+        "name": "Имe",
+        "noDevice": "Готово",
+        "selectAudioOutput": "Звучни излаз",
+        "selectCamera": "Камeра",
+        "selectMic": "Микрофон",
+        "startAudioMuted": "Сви почињу са искључeним звуком",
+        "startVideoMuted": "Сви почињу сакривeни",
+        "title": "Подешавања"
+    },
+    "settingsView": {
+        "alertOk": "У рeду",
+        "alertTitle": "",
+        "alertURLText": "Унeсeни URL сервера нијe исправан",
+        "buildInfoSection": "",
+        "conferenceSection": "Конфeрeнција",
+        "displayName": "Имe за приказ",
+        "email": "",
+        "header": "Подешавања",
+        "profileSection": "",
+        "serverURL": "URL сервера",
+        "startWithAudioMuted": "Покрeни са искључeним звуком",
+        "startWithVideoMuted": "Покрeни са утишаним видeозаписом",
+        "version": ""
+    },
+    "share": {
+        "dialInfoText": "",
+        "mainText": ""
+    },
+    "speaker": "Звучник",
+    "speakerStats": {
+        "hours": "",
+        "minutes": "",
+        "name": "Имe",
+        "search": "Претрага",
+        "searchHint": "Учесници претраге",
+        "seconds": "",
+        "speakerStats": "Статистика говорника",
+        "speakerTime": "Вријeмe говорника"
+    },
+    "startupoverlay": {
+        "policyText": "",
+        "title": "{{app}} трeба користити ваш микрофон и камeру."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "",
+        "text": "",
+        "title": ""
+    },
+    "toolbar": {
+        "Settings": "Подешавања",
+        "accessibilityLabel": {
+            "Settings": "Прикажи подешавања",
+            "audioOnly": "",
+            "audioRoute": "Одабeритe урeђај за звук",
+            "callQuality": "",
+            "cc": "",
+            "chat": "Четајте",
+            "document": "Прикажи или сакриј дијeљeни докумeнт",
+            "feedback": "",
+            "fullScreen": "Прeбаци на пуни екран",
+            "hangup": "Изађитe из позива",
+            "invite": "",
+            "kick": "",
+            "localRecording": "",
+            "lockRoom": "Закључај собу",
+            "moreActions": "Више акција",
+            "moreActionsMenu": "",
+            "mute": "Нијeми видeозапис",
+            "pip": "Отвори слику-у-слици",
+            "profile": "",
+            "raiseHand": "Подигни руку",
+            "recording": "Снимање",
+            "remoteMute": "",
+            "shareRoom": "Позови нeког",
+            "shareYourScreen": "Укључи / искључи дијeљeњe eкрана",
+            "sharedvideo": "",
+            "shortcuts": "Укључи / искључи прeчицe",
+            "show": "",
+            "speakerStats": "Укључи / искључи статистику говорника",
+            "tileView": "Приказ сличица",
+            "toggleCamera": "Укључи / искључи камeру",
+            "videoblur": "",
+            "videomute": "Нијeми видeозапис"
+        },
+        "addPeople": "Додај особe у позив",
+        "audioOnlyOff": "Искључи начин само звук",
+        "audioOnlyOn": "Укључи начин само звук",
+        "audioRoute": "Одабeритe урeђај за звук",
+        "authenticate": "Аутeнтикација",
+        "callQuality": "Управљај квалитeтом позива",
+        "chat": "Отвори / Затвори чет",
+        "closeChat": "Затвори чет",
+        "documentClose": "Затвори дијeљeни докумeнт",
+        "documentOpen": "Отвори дијeљeњи докумeнт",
+        "enterFullScreen": "Приказ прeко пуног eкрана",
+        "enterTileView": "Укључи приказ сличица",
+        "exitFullScreen": "Изађи из пуног eкрана",
+        "exitTileView": "Изађи из плочица",
+        "feedback": "Обратна веза",
+        "hangup": "Излаз",
+        "invite": "Позвати",
+        "login": "Пријава",
+        "logout": "Одјава",
+        "lowerYourHand": "Спусти руку",
+        "moreActions": "Вишe акција",
+        "mute": "Искључи / Укључи звук",
+        "openChat": "Отвори чет",
+        "pip": "Отвори слику-у-слици",
+        "profile": "Профил",
+        "raiseHand": "Подигни / спусти руку",
+        "raiseYourHand": "Подигни руку",
+        "shareRoom": "Позови нeкога",
+        "sharedvideo": "Подијeли видeозапис",
+        "shortcuts": "Приказ прeчица",
+        "speakerStats": "Статистика говорника",
+        "startScreenSharing": "Покрeни дијeљeњe eкрана",
+        "startSubtitles": "Покрeни поднасловe",
+        "startvideoblur": "Замути моју позадину",
+        "stopScreenSharing": "Заустави дијeљeњe eкрана",
+        "stopSharedVideo": "Заустави видeозапис",
+        "stopSubtitles": "Заустави поднасловe",
+        "stopvideoblur": "Искључи замућену позадину",
+        "talkWhileMutedPopup": "Покушаваш говорити? Утишан си.",
+        "tileViewToggle": "Приказ плочица",
+        "toggleCamera": "Укључи / искључи камeру",
+        "videomute": "Покрeни / Заустави камeру"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "",
+        "error": "Емитовање уживо нијe успјeло. Покушајтe поново.",
+        "expandedLabel": "",
+        "failedToStart": "",
+        "labelToolTip": "",
+        "off": "",
+        "pending": "",
+        "start": "",
+        "stop": "",
+        "tr": ""
+    },
+    "userMedia": {
+        "grantPermissions": "Молим дозволитe употрeбу камeрe и микрофона."
+    },
+    "videoSIPGW": {
+        "busy": "",
+        "busyTitle": "",
+        "errorAlreadyInvited": "",
+        "errorInvite": "",
+        "errorInviteFailed": "",
+        "errorInviteFailedTitle": "",
+        "errorInviteTitle": "",
+        "pending": ""
+    },
+    "videoStatus": {
+        "audioOnly": "Ауд",
+        "audioOnlyExpanded": "У режиму сте ниске пропусности. У овом режиму добијате само звук и дјељење екрана.",
+        "callQuality": "Квалитет видеа",
+        "hd": "HD",
+        "hdTooltip": "Преглед видеа високе дефиниције",
+        "highDefinition": "Висока дефиниција",
+        "labelTooiltipNoVideo": "Нема видеа",
+        "labelTooltipAudioOnly": "Укључен режим ниске пропусности",
+        "ld": "LD",
+        "ldTooltip": "Преглед видеа ниске дефиниције",
+        "lowDefinition": "Ниска дефиниција",
+        "onlyAudioAvailable": "Само звук је доступан",
+        "onlyAudioSupported": "У овом прегледачу доступан је само звук.",
+        "sd": "SD",
+        "sdTooltip": "Преглед видеа стандардне дефиниције",
+        "standardDefinition": "Стандардна дефиниција"
+    },
+    "videothumbnail": {
+        "domute": "Утишај",
+        "flip": "",
+        "kick": "",
+        "moderator": "",
+        "mute": "",
+        "muted": "Утишај",
+        "remoteControl": "",
+        "show": "",
+        "videomute": ""
+    },
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Додирнитe за придруживањe",
+            "roomname": "Унeси назив собe"
+        },
+        "appDescription": "Само напријeд, користитe видeопозивe са цијeлим тимом. Заправо, позовитe свe којe знатe. {{app}} јe потпуно шифровано, видeоконфeрeнцијско рјeшeњe 100% отворeног кода којe можeтe користити цијeли дан, сваки дан, бeсплатно - бeз потрeбe за налогом.",
+        "audioVideoSwitch": {
+            "audio": "Глас",
+            "video": "Видeозапис"
+        },
+        "calendar": "Калeндар",
+        "connectCalendarButton": "Повeжитe свој калeндар",
+        "connectCalendarText": "Повeжитe свој калeндар да бистe видјeли свe својe састанкe у {{app}}. Осим тога, додајтe {{provider}} састанкe у свој калeндар и покрeнитe их јeдним кликом.",
+        "enterRoomTitle": "Започнитe нови састанак",
+        "go": "КРЕНИ",
+        "info": "",
+        "join": "УЂИ",
+        "privacy": "Приватност",
+        "recentList": "Нeдавни",
+        "recentListDelete": "Избриши",
+        "recentListEmpty": "Ваш списак нeдавних разговора јe празан. Четајте са својим тимом и овдјe ћeтe пронаћи списак нeдавних састанака.",
+        "reducedUIText": "",
+        "roomname": "Унeси назив собe",
+        "roomnameHint": "Унeситe назив или URL собe којој се жeлитe придружити. Можeтe измијeнити имe, само нeка људи с којима сe састајeтe то знају како би унијeли исто имe.",
+        "sendFeedback": "Пошаљитe повратну информацију",
+        "terms": "Услови",
+        "title": "Сигурна, потпуно опрeмљeна и потпуно бeсплатна видeоконфeрeнција"
+    }
+}
diff --git a/lang/main-sv.json b/lang/main-sv.json
new file mode 100644
index 0000000..4ad5b22
--- /dev/null
+++ b/lang/main-sv.json
@@ -0,0 +1,1690 @@
+{
+    "addPeople": {
+        "accessibilityLabel": {
+            "meetingLink": "Mötes länk: {{url}}"
+        },
+        "add": "Bjud in",
+        "addContacts": "Bjud in dina kontakter",
+        "contacts": "Kontakter",
+        "copyInvite": "Kopiera mötesinbjudan",
+        "copyLink": "Kopiera möteslänk",
+        "copyStream": "Kopiera livestreamlänk",
+        "countryNotSupported": "Vi stöder inte det här landsnumret ännu.",
+        "countryReminder": "Ringer du till utlandsnummer? Börja alltid med landskoden.",
+        "defaultEmail": "Din mailadress",
+        "disabled": "Du kan inte bjuda in andra.",
+        "failedToAdd": "Kunde inte lägga till deltagare",
+        "googleEmail": "Google email",
+        "inviteMoreHeader": "Du är enda deltagaren i mötet",
+        "inviteMoreMailSubject": "Anslut till {{appName}} möte",
+        "inviteMorePrompt": "Bjud in fler personer",
+        "linkCopied": "Länk kopierad till utklipp",
+        "noResults": "Inga sökträffar",
+        "outlookEmail": "Outlook email",
+        "phoneNumbers": "Telefonnummer",
+        "searching": "Söker….",
+        "shareInvite": "Dela mötesinbjudan",
+        "shareLink": "Dela mötesinbjudan för att bjuda in fler",
+        "shareStream": "Dela livestreamlänken",
+        "sipAddresses": "sip-adress",
+        "telephone": "Telefon: {{number}}",
+        "title": "Bjud in andra till mötet",
+        "yahooEmail": "Yahoo email"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "car": "Bil",
+        "headphones": "Hörlurar",
+        "none": "Inga ljudenheter tillgängliga",
+        "phone": "Telefon",
+        "speaker": "Högtalare"
+    },
+    "audioOnly": {
+        "audioOnly": "Enbart ljud"
+    },
+    "bandwidthSettings": {
+        "assumedBandwidthBps": "t.ex. 10000000 för 10 Mbps",
+        "assumedBandwidthBpsWarning": "Högre värden kan skapa nätverksproblem.",
+        "customValue": "anpassat värde",
+        "customValueEffect": "för att ställa in det faktiska bps-värdet",
+        "leaveEmpty": "lämna tomt",
+        "leaveEmptyEffect": "för att uppskattningar ska äga rum",
+        "possibleValues": "Möjliga värden",
+        "setAssumedBandwidthBps": "Uppskattat värde (bps)",
+        "title": "Bandbreddsinställningar",
+        "zeroEffect": "för att slå av video"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "Lägg till grupprum",
+            "autoAssign": "Automatisk fördelning av grupprum",
+            "close": "Stäng",
+            "join": "Gå med",
+            "leaveBreakoutRoom": "Lämna grupprum",
+            "more": "Mer",
+            "remove": "Ta bort",
+            "rename": "Döp om",
+            "renameBreakoutRoom": "Döp om grupprum",
+            "sendToBreakoutRoom": "Skicka deltagare till grupprum:"
+        },
+        "breakoutList": "Grupprums lista",
+        "buttonLabel": "Grupprum",
+        "defaultName": "Grupprum #{{index}}",
+        "hideParticipantList": "Dölj deltagarlista",
+        "mainRoom": "Huvudrum",
+        "notifications": {
+            "joined": "Gick med i grupprum \"{{name}}\"",
+            "joinedMainRoom": "Gick med i huvudrummet",
+            "joinedTitle": "Grupprum"
+        },
+        "showParticipantList": "Visa deltagarlista",
+        "title": "Grupprum"
+    },
+    "calendarSync": {
+        "addMeetingURL": "Lägg till en möteslänk",
+        "confirmAddLink": "Vill du lägga till en Jitsi-länk i händelsen?",
+        "error": {
+            "appConfiguration": "Kalenderintegrationen är inte rätt inställd.",
+            "generic": "Ett fel har inträffat. Kontrollera dina kalenderinställningar eller uppdatera kalendern.",
+            "notSignedIn": "Ett fel inträffade när kalenderhändelserna autentiserades för visning. Kontrollera kalenderinställningarna och försök att logga in igen."
+        },
+        "join": "Gå med",
+        "joinTooltip": "Gå med i mötet",
+        "nextMeeting": "Nästa möte",
+        "noEvents": "Det finns inga inbokade kommande aktiviteter.",
+        "ongoingMeeting": "Pågående möte",
+        "permissionButton": "Öppna inställningar",
+        "permissionMessage": "Tillåtelse från kalendern krävs för att se dina möten i appen.",
+        "refresh": "Uppdatera kalender",
+        "today": "Idag"
+    },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "Välj ljudkälla"
+        },
+        "labels": {
+            "buttonLabel": "Billäge",
+            "title": "Billäge",
+            "videoStopped": "Video avstängd"
+        }
+    },
+    "chat": {
+        "disabled": "Skicka chattmeddelande är inaktiverat",
+        "enter": "Delta i mötet",
+        "error": "Fel: ditt meddelande skickades inte. Orsak: {{error}}",
+        "everyone": "Alla",
+        "fieldPlaceHolder": "Skriv ditt meddelande här",
+        "guestsChatIndicator": "(gäst)",
+        "lobbyChatMessageTo": "Skicka meddelande",
+        "message": "Meddelande",
+        "messageAccessibleTitle": "{{user}} Säger:",
+        "messageAccessibleTitleMe": "Jag säger: ",
+        "messageTo": "Privat meddelande till {{recipient}}",
+        "messagebox": "Skriv ett meddelande",
+        "newMessages": "Nytt meddelande",
+        "nickname": {
+            "popover": "Välj ett namn",
+            "title": "Skriv in ett namn för att börja använda chatten",
+            "titleWithCC": "Skriv in ett namn för att börja använda chatten och för undertexter",
+            "titleWithPolls": "Skriv in ett namn för att börja använda chatten och omröstningar",
+            "titleWithPollsAndCC": "Skriv in ett namn för att börja använda chatten, omröstningar och undertexter",
+            "titleWithPollsAndCCAndFileSharing": "Skriv in ett namn för att börja använda chatten, omröstningar, undertexter och fildelning"
+        },
+        "noMessagesMessage": "Det finns ännu inga meddelanden i mötet. Påbörja en konversation!",
+        "privateNotice": "Privat meddelande till {{recipient}}",
+        "sendButton": "Skicka",
+        "smileysPanel": "Emoji panel",
+        "systemDisplayName": "",
+        "tabs": {
+            "chat": "Chatt",
+            "closedCaptions": "Undertexter",
+            "fileSharing": "Fildelning",
+            "polls": "Omröstningar"
+        },
+        "title": "Chatt",
+        "titleWithCC": "Undertexter",
+        "titleWithFeatures": "Chatt och",
+        "titleWithFileSharing": "Filer",
+        "titleWithPolls": "Omröstningar",
+        "you": "dig"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Installera Chrome-tillägg",
+        "buttonTextEdge": "Installera Edge-tillägg",
+        "close": "Stäng",
+        "dontShowAgain": "Visa inte det här igen",
+        "installExtensionText": "Installera tillägget för integration med Google Kalender och Office 365"
+    },
+    "closedCaptionsTab": {
+        "emptyState": "Undertexter kommer vara tillgängliga när en moderator startar de",
+        "startClosedCaptionsButton": "Starta undertexter"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Ansluter till mötet…"
+    },
+    "connection": {
+        "ATTACHED": "Ansluten",
+        "AUTHENTICATING": "Kontrollerar behörighet",
+        "AUTHFAIL": "Autentisering misslyckades",
+        "CONNECTED": "Ansluten",
+        "CONNECTING": "Ansluter",
+        "CONNFAIL": "Anslutningen misslyckades",
+        "DISCONNECTED": "Frånkopplad",
+        "DISCONNECTING": "Kopplar från",
+        "ERROR": "Fel",
+        "FETCH_SESSION_ID": "Hämtar sessions-id…",
+        "GET_SESSION_ID_ERROR": "Hämta sessions-id-fel: {{code}}",
+        "GOT_SESSION_ID": "Hämta sessions-id… Klart",
+        "LOW_BANDWIDTH": "Video för {{displayName}} har stängts av för att spara bandbredd"
+    },
+    "connectionindicator": {
+        "address": "Adress:",
+        "audio_ssrc": "Ljud SSRC:",
+        "bandwidth": "Beräknad bandbredd:",
+        "bitrate": "Bithastighet:",
+        "bridgeCount": "Serverantal: ",
+        "codecs": "Codecs (A/V):",
+        "connectedTo": "Ansluten till:",
+        "e2eeVerified": "E2EE verifierad",
+        "framerate": "Bildfrekvens:",
+        "less": "Visa mindre",
+        "localaddress": "Lokal adress:",
+        "localaddress_plural": "Lokala adresser:",
+        "localport": "Lokal port:",
+        "localport_plural": "Lokala portar:",
+        "maxEnabledResolution": "Sänd maxiamlt",
+        "more": "Visa mer",
+        "no": "Nej",
+        "packetloss": "Paketförluster:",
+        "participant_id": "Deltagar id:",
+        "quality": {
+            "good": "Bra",
+            "inactive": "Inaktiv",
+            "lost": "Förlorad",
+            "nonoptimal": "Ej optimal",
+            "poor": "Dåligt"
+        },
+        "remoteaddress": "Fjärradress:",
+        "remoteaddress_plural": "Fjärradresser:",
+        "remoteport": "Fjärrport:",
+        "remoteport_plural": "Fjärrportar:",
+        "resolution": "Upplösning:",
+        "savelogs": "Spara loggar",
+        "status": "Anslutning:",
+        "transport": "Transport:",
+        "transport_plural": "Transporter:",
+        "video_ssrc": "Video SSRC:",
+        "yes": "Ja"
+    },
+    "dateUtils": {
+        "earlier": "Tidigare",
+        "today": "Idag",
+        "yesterday": "Igår"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Du behöver mobilappen {{app}} för att gå med i det här mötet från din telefon.",
+        "description": "Hände inget? Vi försökte starta mötet i programmet {{app}} i din skrivbordsapp. Försök igen eller starta det i webbappen {{app}}.",
+        "descriptionNew": "Hände inget? Vi försökte starta mötet i programmet {{app}} i din skrivbordsapp. <br /><br /> Försök igen eller starta det på webben.",
+        "descriptionWithoutWeb": "Händer inget? Vi försökte starta mötet i {{app}}-skrivbordsappen.",
+        "downloadApp": "Hämta appen",
+        "downloadMobileApp": "Ladda ner mobilappen",
+        "ifDoNotHaveApp": "Om du inte har appen än:",
+        "ifHaveApp": "Om du redan har appen:",
+        "joinInApp": "Delta i detta möte med din app",
+        "joinInAppNew": "Delta i appen",
+        "joinInBrowser": "Delta på webben",
+        "launchMeetingLabel": "Hur vill du delta i detta möte?",
+        "launchWebButton": "Starta på webben",
+        "noDesktopApp": "",
+        "noMobileApp": "Har du inte appen?",
+        "or": "",
+        "termsAndConditions": "Genom att fortsätta godkänner du våra <a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'>villkor.</a>",
+        "title": "Startar ditt möte i {{app}}…",
+        "titleNew": "Startar ditt möte…",
+        "tryAgainButton": "Försök igen på skrivbordet",
+        "unsupportedBrowser": "Det verkar som att du använder en webbläsare som vi inte stöder."
+    },
+    "defaultLink": "t.ex. {{url}}",
+    "defaultNickname": "till exempel Julia Eriksson",
+    "deviceError": {
+        "cameraError": "Det gick inte att komma åt kameran",
+        "cameraPermission": "Fel vid begäran om åtkomst till kamera",
+        "microphoneError": "Det gick inte att komma åt mikrofonen",
+        "microphonePermission": "Fel vid begäran om åtkomst till mikrofon"
+    },
+    "deviceSelection": {
+        "hid": {
+            "callControl": "Samtalskontroll",
+            "connectedDevices": "Anslutna enheter",
+            "deleteDevice": "Radera enhet",
+            "pairDevice": "Para enhet"
+        },
+        "noPermission": "Behörighet nekad",
+        "previewUnavailable": "Förhandsgranskning inte tillgänglig",
+        "selectADevice": "Välj en enhet",
+        "testAudio": "Spela upp ett testljud"
+    },
+    "dialIn": {
+        "screenTitle": "Ring in"
+    },
+    "dialOut": {
+        "statusMessage": "är nu {{status}}"
+    },
+    "dialog": {
+        "Back": "Tillbaka",
+        "Cancel": "Avbryt",
+        "IamHost": "Jag är värd",
+        "Ok": "OK",
+        "Remove": "Ta bort",
+        "Share": "Dela",
+        "Submit": "Skicka",
+        "Understand": "Jag förstår, låt min mikrofon vara avstängd tillsvidare",
+        "UnderstandAndUnmute": "Jag förstår, starta min mikrofon",
+        "WaitForHostNoAuthMsg": "Konferensen har ännu inte startat eftersom ingen värd har anlänt ännu. Vänligen vänta.",
+        "WaitingForHostButton": "Vänta på värd",
+        "WaitingForHostTitle": "Väntar på värden…",
+        "Yes": "Ja",
+        "accessibilityLabel": {
+            "Cancel": "Avbryt",
+            "Ok": "Ok",
+            "close": "Stäng",
+            "liveStreaming": "Livesändning",
+            "sharingTabs": "Delningsalternativ"
+        },
+        "add": "Lägg till",
+        "addMeetingNote": "Mötesinformation",
+        "addOptionalNote": "Ytterligare information",
+        "allow": "Tillåt",
+        "allowToggleCameraDialog": "Tillåter du att {{initiatorName}} får växla kamera till ansiktsläge?",
+        "allowToggleCameraTitle": "Tillåt att växla kamera",
+        "alreadySharedVideoMsg": "En annan deltagare delar redan en video. Konferensen tillåter bara en video-delning åt gången.",
+        "alreadySharedVideoTitle": "Endast en delad video åt gången tillåts",
+        "applicationWindow": "Applikationsfönster",
+        "authenticationRequired": "Autentisering krävs",
+        "cameraCaptureDialog": {
+            "description": "Ta ett foto och skicka de via din mobila enhet",
+            "ok": "Starta kamera",
+            "reject": "Inte nu",
+            "title": "Ta ett foto"
+        },
+        "cameraConstraintFailedError": "Din kamera uppfyller inte kraven för användning.",
+        "cameraNotFoundError": "Hittar ingen kamera.",
+        "cameraNotSendingData": "Vi saknar åtkomst till kameran. Kontrollera om ett annat program använder enheten, välj en annan enhet från inställningsmenyn eller försök att starta om programmet.",
+        "cameraNotSendingDataTitle": "Åtkomst saknas till kameran",
+        "cameraPermissionDeniedError": "Du har inte tillåtit användning av din kamera. Du kan gå med i mötet men de andra kan då inte se dej. Om du vill tillåta användning av din kamera gör du det via kameraknappen i URL-fältet.",
+        "cameraTimeoutError": "Tiden är ute, kunde ej starta video. ",
+        "cameraUnknownError": "Av okänd anledning kan din kamera inte användas.",
+        "cameraUnsupportedResolutionError": "Din kamera stöder inte den krävda videoupplösningen.",
+        "close": "Stäng",
+        "conferenceDisconnectMsg": "Kolla din internetanslutning. Återansluter om {{seconds}} sekunder…",
+        "conferenceDisconnectTitle": "Du har kopplats ner.",
+        "conferenceReloadMsg": "Vi försöker fixa problemet. Återansluter om {{seconds}} sekunder…",
+        "conferenceReloadTitle": "Något gick snett.",
+        "confirm": "Bekräfta",
+        "confirmBack": "Bakåt",
+        "confirmNo": "Nej",
+        "confirmYes": "Ja",
+        "connectError": "Ojdå! Något gick fel och vi kunde inte ansluta till konferensen.",
+        "connectErrorWithMsg": "Ojdå! Något gick fel och vi kunde inte ansluta till konferensen: {{msg}}",
+        "connecting": "Ansluter",
+        "contactSupport": "Kontakta kundtjänst",
+        "copied": "Kopierad",
+        "copy": "Kopiera",
+        "demoteParticipantDialog": "Are you sure you want to move this participant to viewer? Är du säker på att du vill flytta denna deltagaren till tittare",
+        "demoteParticipantTitle": "Flytta till tittare",
+        "dismiss": "Förkasta",
+        "displayNameRequired": "Hej, vad heter du?",
+        "done": "Klar",
+        "e2eeDescription": "Stödet för End-to-End kryptering är EXPERIMENTELLT. Notera att om du aktiverar det kommer vissa funktioner som t.ex. telefondeltagande försvinna. Mötet kommer även att begränsas till deltagare med webbläsare som har stöd för insertable streams.",
+        "e2eeDisabledDueToMaxModeDescription": "Det går inte att aktivera end-to-end-kryptering på grund av stort antal deltagare i konferensen.",
+        "e2eeLabel": "Aktivera \"end-to-end\" kryptering",
+        "e2eeWarning": "Varning, alla deltagare i mötet har ej stöd för \"end-to-end\" kryptering",
+        "e2eeWillDisableDueToMaxModeDescription": "VARNING: End-to-end-kryptering kommer att inaktiveras automatiskt om fler deltagare går med i konferensen.",
+        "embedMeeting": "Bädda in möte",
+        "enterDisplayName": "Ange namn",
+        "error": "Fel",
+        "errorRoomCreationRestriction": "Du försökte gå med för snabbt, kom tillbaka om en stund.",
+        "gracefulShutdown": "Vår tjänst är för tillfället nedstängd för underhåll. Vänligen försök senare.",
+        "grantModeratorDialog": "Är du säker du vill göra denna deltagare till en moderator?",
+        "grantModeratorTitle": "Godkänn moderator",
+        "hide": "Dölj",
+        "hideShareAudioHelper": "Visa inte denna dialog igen ",
+        "incorrectPassword": "Fel användarnamn eller lösenord",
+        "incorrectRoomLockPassword": "Felaktigt lösenord",
+        "internalError": "Ett fel uppstod. Fel: {{error}}",
+        "internalErrorTitle": "Internt fel",
+        "kickMessage": "Du kan kontakta {{participantDisplayName}} för mer information.",
+        "kickParticipantButton": "Ta bort deltagaren från mötet",
+        "kickParticipantDialog": "Vill du ta bort denna deltagaren från mötet?",
+        "kickParticipantTitle": "Tysta deltagaren?",
+        "kickSystemTitle": "Du har blivit borttagen från mötet",
+        "kickTitle": "{{participantDisplayName}} tog bort dig från mötet",
+        "learnMore": "Läs mer",
+        "linkMeeting": "Länka möte",
+        "linkMeetingTitle": "Länka möte till Salesforce",
+        "liveStreaming": "Streama",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "Ej möjligt medan inspelning pågår",
+        "localUserControls": "Lokala användarkontroller",
+        "lockMessage": "Misslyckades att låsa konferensen.",
+        "lockRoom": "Lägg till möte $t(lockRoomPasswordUppercase)",
+        "lockTitle": "Låsning misslyckades",
+        "login": "Logga in",
+        "loginQuestion": "Är du säker på att du vill logga in och lämna mötet",
+        "logoutQuestion": "Är du säker på att du vill logga ut och lämna konferensen?",
+        "logoutTitle": "Logga ut",
+        "maxUsersLimitReached": "Gränsen för maximalt antal deltagare har nåtts. Konferensen är full. Kontakta mötesägaren eller försök igen senare!",
+        "maxUsersLimitReachedTitle": "Maximal deltagarantal uppnått",
+        "micConstraintFailedError": "Din mikrofon uppfyller inte kraven för användning.",
+        "micNotFoundError": "Hittar ingen mikrofon.",
+        "micNotSendingData": "Gå till datorns inställningar för att stänga av mikrofonen och justera dess nivå",
+        "micNotSendingDataTitle": "Din mikrofon är tystad av dina systeminställningar",
+        "micPermissionDeniedError": "Du har inte tillåtit användning av din mikrofon. Du kan gå med i mötet men de andra kan då inte höra dej. Om du vill tillåta användning av din mikrofon gör du det via mikrofonknappen i URL-fältet.",
+        "micTimeoutError": "Time out, kunde ej starta ljud enhet",
+        "micUnknownError": "Av okänd anledning kan inte din mikrofon användas.",
+        "moderationAudioLabel": "Tillåt deltagarna att slå på ljudet för sig själva",
+        "moderationDesktopLabel": "Tillåt deltagare att skärmdela",
+        "moderationVideoLabel": "Tillåt deltagarna att starta sin video",
+        "muteEveryoneDialog": "Är du säker på att du vill tysta alla? Du kan inte slå på mikrofonen åt dem, men de kan själva slå på sin egen mikrofon när som helst.",
+        "muteEveryoneDialogModerationOn": "Deltagarna kan när som helst begära att få prata.",
+        "muteEveryoneElseDialog": "När någon tystats kan du inte slå på mikrofonen, men de kan själva slå på sin egen mikrofon när som helst.",
+        "muteEveryoneElseTitle": "Tysta alla utom {{whom}}?",
+        "muteEveryoneElsesDesktopDialog": "När delningen är stoppad kommer du inte kunna starta den igen. Men de kan dela med dig igen.",
+        "muteEveryoneElsesDesktopTitle": "Stoppa allas skärmdelning utom {{whom}}?",
+        "muteEveryoneElsesVideoDialog": "När kameran är inaktiverad kan den inte aktiveras igen. Däremot kan övriga deltagare aktivera sina kameror.",
+        "muteEveryoneElsesVideoTitle": "Inaktivera allas kameror förutom {{whom}}",
+        "muteEveryoneSelf": "Dig själv",
+        "muteEveryoneStartMuted": "Alla börjar tystade",
+        "muteEveryoneTitle": "Tysta alla?",
+        "muteEveryonesDesktopDialog": "Deltagarna kan dela sin skärm när som helst. Du kan inte starta deras skärmdelning åt dem.",
+        "muteEveryonesDesktopDialogModerationOn": "Deltagarna kan skicka en förfrågan om att starta skärmdelningen.",
+        "muteEveryonesDesktopTitle": "Stoppa alla deltagares skärmdelning?",
+        "muteEveryonesVideoDialog": "Är du säker du vill inaktivera allas kameror. Du kommer inte att kunna aktivera dessa igen. Däremot kommer deltagarna att kunna aktivera sin egen kamera när som.",
+        "muteEveryonesVideoDialogModerationOn": "Deltagarna kan när som helst begära att få aktivera sin kamera.",
+        "muteEveryonesVideoDialogOk": "Inaktivera",
+        "muteEveryonesVideoTitle": "Inaktiveras allas kameror",
+        "muteParticipantBody": "Du kan inte aktivera deras mikrofoner, men de kan göra det själva.",
+        "muteParticipantButton": "Tysta",
+        "muteParticipantsDesktopBody": "Du kommer inte kunna starta deltagarnas skärmdelning. Men deltagare kan starta skärmdelning.",
+        "muteParticipantsDesktopBodyModerationOn": "Du kommer inte kunna starta deltagarnas skärmdelning.Deltagare kommer inte kunna starta deras skärmdelning.",
+        "muteParticipantsDesktopButton": "Stoppa skärmdelning",
+        "muteParticipantsDesktopDialog": "Är du säker på att du vill stänga av deltagarens skärmdelning? Du kommer inte kunna slå igång den igen, utan deltagaren måste starta de igen.",
+        "muteParticipantsDesktopDialogModerationOn": "Är du säker på att du vill stänga av deltagarens skärmdelning? Du kommer inte kunna slå igång den igen, deltagaren kommer inte heller kunna starta den igen.",
+        "muteParticipantsDesktopTitle": "Avaktivera skärmdelning för deltagaren?",
+        "muteParticipantsVideoBody": "Du kommer inte att kunna aktivera kameran igen. Däremot kan deltagaren kunna aktivera sin egen kamera när som.",
+        "muteParticipantsVideoBodyModerationOn": "Du och deltagarna kommer inte att kunna aktivera kameran igen.",
+        "muteParticipantsVideoButton": "Inaktivera kamera",
+        "muteParticipantsVideoDialog": "Är du säker du vill inaktivera denna deltagares kamera. Du kommer inte att kunna aktivera den igen. Däremot kan deltagaren kunna aktivera sin egen kamera när som.",
+        "muteParticipantsVideoDialogModerationOn": "Är du säker på att du vill inaktivera den här deltagarens kamera? Du kommer inte att kunna aktivera kameran igen och inte de heller.",
+        "muteParticipantsVideoTitle": "Inaktivera denna deltagares kamera?",
+        "noDropboxToken": "Ingen giltig dropbox tecken",
+        "password": "Lösenord",
+        "passwordLabel": "Mötet har låsts av en deltagare. Ange $t(lockRoomPassword) för att gå med.",
+        "passwordNotSupported": "Att sätta ett $t(lockRoomPassword) för mötesrummet stöds ej.",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) stöds inte",
+        "passwordRequired": "$t(lockRoomPasswordUppercase) krävs",
+        "permissionCameraRequiredError": "Tillåtelse krävs för att delta med kamera i denna möte. Var god skaffa detta i \"inställningar\".",
+        "permissionErrorTitle": "Tillåtelse krävs",
+        "permissionMicRequiredError": "Tillåtelse krävs för att delta med mikrofon i denna möte. Var god skaffa detta i \"inställningar\".",
+        "readMore": "Mer",
+        "recentlyUsedObjects": "Dina senaste använda objekt",
+        "recording": "Inspelning",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "Ej möjligt medan livestreaming pågår.",
+        "recordingInProgressDescription": "Mötet spelas in och analyseras av AI{{learnMore}}. Ditt ljud och din bild har stängts av, om du väljer att starta kamera eller mikrofon så accepterar du att bli inspelad.",
+        "recordingInProgressDescriptionFirstHalf": "Mötet spelas in och analyseras av AI",
+        "recordingInProgressDescriptionSecondHalf": "Ditt ljud och din bild har stängts av, om du väljer att starta kamera eller mikrofon så accepterar du att bli inspelad.",
+        "recordingInProgressTitle": "Inspelning pågår",
+        "rejoinNow": "Återanslut nu",
+        "remoteControlAllowedMessage": "{{user}} godkände din begäran om fjärrstyrning.",
+        "remoteControlDeniedMessage": "{{user}} avböjde din begäran om fjärrstyrning.",
+        "remoteControlErrorMessage": "Ett fel uppstod när fjärrstyrningsrättigheter begärdes från {{user}}.",
+        "remoteControlRequestMessage": "Vill du tillåta att {{user}} får kontrollera din skärm?",
+        "remoteControlShareScreenWarning": "OBS, om du trycker \"Tillåt\" kommer du dela din skärm!",
+        "remoteControlStopMessage": "Fjärrstyrningssessionen avslutades.",
+        "remoteControlTitle": "Anslutning till fjärrskrivbord",
+        "remoteUserControls": "Fjärranvändarkontroller av {{användarnamn}}",
+        "removePassword": "Ta bort $t(lockRoomPassword)",
+        "removeSharedVideoMsg": "Är du säker på att du vill ta bort din delade video?",
+        "removeSharedVideoTitle": "Ta bort den delade videon",
+        "renameBreakoutRoomLabel": "Rums namn",
+        "renameBreakoutRoomTitle": "Döp om grupprum",
+        "reservationError": "Fel i reservationssystemet",
+        "reservationErrorMsg": "Felkod: {{code}}, meddelande: {{msg}}",
+        "retry": "Försök igen",
+        "screenSharingAudio": "Dela ljud",
+        "screenSharingFailed": "Oops! Något gick fel, skärmdelning kunde ej startas.",
+        "screenSharingFailedTitle": "Skärmdelning misslyckades!",
+        "screenSharingPermissionDeniedError": "Något är fel med åtkomstinställningarna för skärmdelningen. Ladda om sidan och försök igen.",
+        "searchInSalesforce": "Sök i Salesforce",
+        "searchResults": "Sökresultat ({{count}})",
+        "searchResultsDetailsError": "Något gick fel när ägardata hämtades.",
+        "searchResultsError": "Något gick fel när data hämtades.",
+        "searchResultsNotFound": "Inga sökresultat hittades.",
+        "searchResultsTryAgain": "Try using alternative keywords.",
+        "sendPrivateMessage": "Du har fått ett privat meddelande. Tänkte du svara på det privat, eller vill du skicka ditt meddelande till alla deltagare?",
+        "sendPrivateMessageCancel": "Skicka till alla deltagare",
+        "sendPrivateMessageOk": "Skicka privat",
+        "sendPrivateMessageTitle": "Skicka privat?",
+        "serviceUnavailable": "Tjänsten otillgänglig",
+        "sessTerminated": "Konferensen avslutades",
+        "sessTerminatedReason": "",
+        "sessionRestarted": "Samtal återstartat av bryggan",
+        "shareAudio": "Fortsätt",
+        "shareAudioAltText": "För att dela önskat innehåll, navigera till \"Webläsarfliken\", välj innehållet, aktivera \"dela ljud\"-kryssmärket och klicka sedan på \"dela\" knappen",
+        "shareAudioTitle": "Hur man delar ljud",
+        "shareAudioWarningD1": "Du måste avsluta din skärmdelning innan du kan dela ditt ljud",
+        "shareAudioWarningD2": "Du måste starta om din skärmdelning och därefter klicka på \"ljuddelning\"",
+        "shareAudioWarningH1": "Om du bara vill dela ljud:",
+        "shareAudioWarningTitle": "Du måste avsluta skärmdelning innan du kan dela ljud",
+        "shareMediaWarningGenericH2": "Om du vill dela din bild och ljud",
+        "shareScreenWarningD1": "du måste avsluta ljuddelning innan du aktiverar skärmdelning",
+        "shareScreenWarningD2": "du måste avsluta ljuddelning, starta skärmdelning och sen aktivera \"ljuddelning\"",
+        "shareScreenWarningH1": "Om du bara vill dela din skärm:",
+        "shareScreenWarningTitle": "Du måste avsluta ljuddelning innan du kan dela in skärm",
+        "shareVideoConfirmPlay": "Du är på väg att öppna en extern webbplats. Vill du fortsätta?",
+        "shareVideoConfirmPlayTitle": "{{name}} har delat en video med dig.",
+        "shareVideoLinkError": "Skriv in en fungerande länk.",
+        "shareVideoLinkStopped": "Videon från {{name}} har avslutats.",
+        "shareVideoTitle": "Ta bort en delad video",
+        "shareYourScreen": "Dela din skärm",
+        "shareYourScreenDisabled": "Skärmdelning har inaktiverats.",
+        "sharedVideoDialogError": "Fel: Ogiltig URL",
+        "sharedVideoLinkPlaceholder": "YouTube-länk eller direkt videolänk",
+        "show": "Visa",
+        "start": "Starta",
+        "startLiveStreaming": "Starta livesändning",
+        "startRecording": "Starta inspelning",
+        "startRemoteControlErrorMessage": "Ett fel inträffade när fjärrsessionen skulle starta!",
+        "stopLiveStreaming": "Avsluta livesändning",
+        "stopRecording": "Avsluta inspelningen",
+        "stopRecordingWarning": "Vill du avsluta den pågående inspelningen?",
+        "stopStreamingWarning": "Vill du avsluta den pågående strömningen?",
+        "streamKey": "Nyckel för liveström",
+        "thankYou": "Tack för att du använder {{appName}}!",
+        "token": "token",
+        "tokenAuthFailed": "Du är inte behörig att delta i det här samtalet.",
+        "tokenAuthFailedReason": {
+            "audInvalid": "Ogiltigt `aud`-värde. Det ska vara `jitsi`.",
+            "contextNotFound": "Objektet `context` saknas från payload.",
+            "expInvalid": "Ogilting `exp` värde.",
+            "featureInvalid": "Ogiltig feature: {{feature}}, mest troligt inte implementerat än.",
+            "featureValueInvalid": "Felaktigt värde för feature: {{feature}}.",
+            "featuresNotFound": "`Features` objektet saknas i payload.",
+            "headerNotFound": "Saknar header.",
+            "issInvalid": "Ogiltigt `iss`-värde. Det ska vara `chat`.",
+            "kidMismatch": "Nyckel ID (kid) matchat inte sub.",
+            "kidNotFound": "Nyckel ID saknas (kid).",
+            "nbfFuture": "Värdet i `nbf` är i framtiden.",
+            "nbfInvalid": "Ogilitigt `nbf`värde.",
+            "payloadNotFound": "Payload saknas.",
+            "tokenExpired": "Token har gått ut."
+        },
+        "tokenAuthFailedTitle": "Autentisering misslyckades",
+        "tokenAuthFailedWithReasons": "Förlåt, du har inte tillåtelse att gå med i det här samtalet. Troliga anledingar: {{reason}}",
+        "tokenAuthUnsupported": "Token URL är inte tillåten",
+        "transcribing": "Transkriberar",
+        "unauthenticatedAccessDisabled": "Detta samtalet kräver identifiering. Logga in för att fortsätta.",
+        "unlockRoom": "Ta bort möte $t(lockRoomPassword)",
+        "user": "Användare",
+        "userIdentifier": "Användar-ID",
+        "userPassword": "Lösenord",
+        "verifyParticipantConfirm": "De matchar",
+        "verifyParticipantDismiss": "De matchar inte",
+        "verifyParticipantQuestion": "EXPERIMENTELLT: Fråga deltagaren; {{participantName}} om han/hon kan se samma innehåll, i samma ordning.",
+        "verifyParticipantTitle": "Användarverifikation",
+        "videoLink": "Videolänk",
+        "viewUpgradeOptions": "Se uppgraderings alternativ",
+        "viewUpgradeOptionsContent": "För att få obegränsad tillgång till premiumfunktioner som inspelning, transkriptioner, RTMP-streaming och mer måste du uppgradera din plan.",
+        "viewUpgradeOptionsTitle": "Du upptäckte en premiumfunktion!",
+        "whiteboardLimitContent": "Förlåt, max antal samtidiga deltagare i whiteboard har uppnåts.",
+        "whiteboardLimitReference": "För mer information besök",
+        "whiteboardLimitReferenceUrl": "vår webplats",
+        "whiteboardLimitTitle": "Användande av whiteboard har begränsats",
+        "yourEntireScreen": "Helskärm"
+    },
+    "documentSharing": {
+        "title": "Delade dokument"
+    },
+    "e2ee": {
+        "labelToolTip": "Ljud- och videokommunikation för detta samtal är krypterad från dator till dator"
+    },
+    "embedMeeting": {
+        "title": "Bädda in möte"
+    },
+    "feedback": {
+        "accessibilityLabel": {
+            "yourChoice": "Ditt val: {{rating}}"
+        },
+        "average": "Medel",
+        "bad": "Dåligt",
+        "detailsLabel": "Berätta mer.",
+        "good": "Bra",
+        "rateExperience": "Betygsätt din mötesupplevelse",
+        "star": "Stjärna",
+        "veryBad": "Mycket dåligt",
+        "veryGood": "Mycket bra"
+    },
+    "fileSharing": {
+        "downloadFailedDescription": "Försök igen.",
+        "downloadFailedTitle": "Nedladdning misslyckades",
+        "downloadFile": "Ladda ner",
+        "downloadStarted": "Nedladdning har startat",
+        "dragAndDrop": "Dra och släpp filen här eller någonstans på skärmen",
+        "fileAlreadyUploaded": "Filen har redan laddats upp till mötet.",
+        "fileRemovedByOther": "Filen vid namn '{{ fileName }}' har tagits bort",
+        "fileTooLargeDescription": "Se till att filstorleken inte överskrider {{ maxFileSize }}.",
+        "fileTooLargeTitle": "Den valda filen är för stor",
+        "fileUploadProgress": "Överföring pågår",
+        "fileUploadedSuccessfully": "Överföring lyckades",
+        "newFileNotification": "{{ participantName }} delade '{{ fileName }}'",
+        "removeFile": "Ta bort",
+        "removeFileSuccess": "Filen togs bort",
+        "uploadFailedDescription": "Snälla försök igen.",
+        "uploadFailedTitle": "Överföring misslyckades",
+        "uploadFile": "Dela fil"
+    },
+    "filmstrip": {
+        "accessibilityLabel": {
+            "heading": "Videominiatyrer"
+        }
+    },
+    "giphy": {
+        "noResults": "Inga resultat funna :(",
+        "search": "Sök efter GIPHY"
+    },
+    "incomingCall": {
+        "answer": "Svara",
+        "audioCallTitle": "Inkommande samtal",
+        "decline": "Avvisa",
+        "productLabel": "från Jitsi Meet",
+        "videoCallTitle": "Inkommande videosamtal"
+    },
+    "info": {
+        "accessibilityLabel": "Visa info",
+        "addPassword": "Lägg till $t(lockRoomPassword)",
+        "cancelPassword": "Avbryt $t(lockRoomPassword)",
+        "conferenceURL": "Länk:",
+        "copyNumber": "Kopiera nummer",
+        "country": "Land",
+        "dialANumber": "Om du vill gå med i mötet ringer du något av dessa nummer och fyller sedan i PIN-koden.",
+        "dialInConferenceID": "PIN-kod:",
+        "dialInNotSupported": "Tyvärr stöds inte inringning just nu.",
+        "dialInNumber": "Inringning:",
+        "dialInSummaryError": "Kan inte hämta inringningsinformation just nu. Försök igen senare.",
+        "dialInTollFree": "Avgiftsfritt nummer",
+        "genericError": "Oj då, något gick fel.",
+        "inviteLiveStream": "Om du vill se livesändningen av mötet klickar du här: {{url}}",
+        "invitePhone": "För att gå med via telefon istället trycker du in: {{number}} ,, {{conferenceID}} #\n",
+        "invitePhoneAlternatives": "Letar du efter ett annat uppringningsnummer?\nSe mötesuppringningsnummer: {{url}}\n\n\nOm du också ringer in via en rumstelefon går du med utan att ansluta till ljud: {{silentUrl}}",
+        "inviteSipEndpoint": "Om du ansluta med SIP -adressen anger du följande: {{sipUri}}",
+        "inviteTextiOSInviteUrl": "Klicka på följande länk för att gå med: {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "Om du ringer in via en rumstelefon använder du den här länken för att ansluta utan ljud: {{silentUrl}}.",
+        "inviteTextiOSPersonal": "{{name}} bjuder in dig till ett möte.",
+        "inviteTextiOSPhone": "Om du vill gå med via telefon använder du det här numret: {{number}} ,, {{conferenceID}}#. Om du letar efter ett annat nummer är detta hela listan: {{didUrl}}.",
+        "inviteURLFirstPartGeneral": "Du är inbjuden till ett möte.",
+        "inviteURLFirstPartPersonal": "{{name}} bjuder in dig till ett möte.\n",
+        "inviteURLSecondPart": "\nGå med i mötet:\n{{url}}\n",
+        "label": "Mötesinformation",
+        "liveStreamURL": "Livesändning:",
+        "moreNumbers": "Fler nummer",
+        "noNumbers": "Inga inringningsnummer.",
+        "noPassword": "Inget lösenord",
+        "noRoom": "Inget rum specificerades för inringning.",
+        "noWhiteboard": "Kan inte ladda whiteboard.",
+        "numbers": "Inringningsnummer",
+        "password": "$t(lockRoomPasswordUppercase):",
+        "reachedLimit": "Du har nått gränsen för din prenumeration.",
+        "sip": "SIP adress",
+        "sipAudioOnly": "SIP endast ljud address",
+        "title": "Dela",
+        "tooltip": "Dela länk och information om inringning för mötet",
+        "upgradeOptions": "Vänligen kontrollera om uppgraderingsalternativen är på",
+        "whiteboardError": "Problem att ladda whiteboard, var god försök senare."
+    },
+    "inlineDialogFailure": {
+        "msg": "Vi slirade lite.",
+        "retry": "Försök igen",
+        "support": "Support",
+        "supportMsg": "Om detta fortsätter hända kontakta"
+    },
+    "inviteDialog": {
+        "alertText": "Det gick inte att bjuda in alla deltagare.",
+        "header": "Bjud in",
+        "searchCallOnlyPlaceholder": "Ange telefonnummer",
+        "searchPeopleOnlyPlaceholder": "Leta efter deltagare",
+        "searchPlaceholder": "Deltagare eller telefonnummer",
+        "send": "Skicka"
+    },
+    "jitsiHome": "{{logo}} Logotyp, länkar till startsidan",
+    "keyboardShortcuts": {
+        "focusLocal": "Sätt fokus på din videobild",
+        "focusRemote": "Fokusera på någon annans video",
+        "fullScreen": "Visa eller stäng fullskärm",
+        "giphyMenu": "Växla GIPHY meny",
+        "keyboardShortcuts": "Tangentbordsgenvägar",
+        "localRecording": "Visa eller dölj lokala inspelningsverktyg",
+        "mute": "Tysta eller aktivera din mikrofon",
+        "pushToTalk": "Tryck-för-att-prata",
+        "raiseHand": "Räck upp eller ta ner din jag vill ha ordet-hand",
+        "showSpeakerStats": "Visa talarstatistik",
+        "toggleChat": "Öppna eller stäng chatten",
+        "toggleFilmstrip": "Visa eller dölj videominiatyrer",
+        "toggleParticipantsPane": "Visa eller dölj deltagarfönstret",
+        "toggleScreensharing": "Växla mellan kamera och skärmdelning",
+        "toggleShortcuts": "Visa eller dölj kortkommandon",
+        "videoMute": "Aktivera / inaktivera din kamera"
+    },
+    "largeVideo": {
+        "screenIsShared": "Du delar din skärm",
+        "showMeWhatImSharing": "Visa mig vad det är jag delar"
+    },
+    "liveStreaming": {
+        "busy": "Vi försöker frigöra fler strömningsresurser. Försök igen senare.",
+        "busyTitle": "Alla strömningsresurser är upptagna",
+        "changeSignIn": "Växla användarkonto.",
+        "choose": "Välj en ström",
+        "chooseCTA": "Välj ett livesändningsalternativ. Du är nu inloggad som {{email}}.",
+        "enterStreamKey": "Skriv in lösenordet till YouTube-livesändningen här.",
+        "error": "Direktströmning misslyckades. Försök igen.",
+        "errorAPI": "Ett fel inträffade vid åtkomst till dina YouTube-sändningar. Försök att logga in igen.",
+        "errorLiveStreamNotEnabled": "Livesändning är otillgänglig för {{email}}. Aktivera livesändning eller logga in på ett konto där det är aktiverat.",
+        "expandedOff": "Livesändningen har avslutats",
+        "expandedOn": "Mötet livesänds just nu på YouTube.",
+        "expandedPending": "Livesändningen startas…",
+        "failedToStart": "Strömningen kunde inte påbörjas",
+        "getStreamKeyManually": "Vi kunde inte hämta några direktströmmar. Försök att få din direktströmningsnyckel från YouTube.",
+        "googlePrivacyPolicy": "Googles sekretesspolicy",
+        "inProgress": "Inspelning eller livestreaming pågår",
+        "invalidStreamKey": "Livesändningslösenordet kan vara felaktigt.",
+        "limitNotificationDescriptionNative": "Din strömning är begränsad till {{limit}} min. För obegränsad strömning, prova {{app}}.",
+        "limitNotificationDescriptionWeb": "På grund av stor efterfrågan kommer din strömning att begränsas till {{limit}} min. För obegränsad strömning, prova <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "off": "Strömning avslutad",
+        "offBy": "{{name}} stoppade direktströmningen",
+        "on": "Strömma",
+        "onBy": "{{name}} startade direktströmningen",
+        "pending": "Börja strömma…",
+        "policyError": "",
+        "serviceName": "Livesändningstjänst",
+        "sessionAlreadyActive": "Den här sessionen spelas redan in eller livestreamas.",
+        "signIn": "Logga in med Google",
+        "signInCTA": "Logga in eller ange ditt livesändningslösenord från YouTube.",
+        "signOut": "Logga ut",
+        "signedInAs": "Du är nu inloggad som:",
+        "start": "Starta en livesändning",
+        "streamIdHelp": "Vad är det här?",
+        "title": "Direktsändning",
+        "unavailableTitle": "Livesändning otillgänglig",
+        "youtubeTerms": "Tjänstevillkor för YouTube"
+    },
+    "lobby": {
+        "backToKnockModeButton": "Tillbaka till väntrum",
+        "chat": "Chatt",
+        "dialogTitle": "Väntrum",
+        "disableDialogContent": "Väntrumsläge är för närvarande aktiverat. Denna funktion säkerställer att oönskade deltagare inte kan gå med i ditt möte. Vill du inaktivera det?",
+        "disableDialogSubmit": "Inaktivera",
+        "emailField": "Skriv in din mailadress",
+        "enableDialogPasswordField": "Ange lösenord (valfritt)",
+        "enableDialogSubmit": "Aktivera",
+        "enableDialogText": "Väntrumsläge låter dig skydda ditt möte genom att bara tillåta människor att komma in efter ett formellt godkännande av en moderator.",
+        "enterPasswordButton": "Ange möteslösenord",
+        "enterPasswordTitle": "Ange lösenord för att ansluta till mötet",
+        "errorMissingPassword": "Ange möteslösenord",
+        "invalidPassword": "Felaktigt lösenord",
+        "joinRejectedMessage": "Din anslutningsbegäran avvisades av en moderator.",
+        "joinRejectedTitle": "Anslutningsbegäran avvisades.",
+        "joinTitle": "Anslut till mötet",
+        "joinWithPasswordMessage": "Försöker ansluta med lösenord, vänta…",
+        "joiningMessage": "Du kommer anslutas till mötet så snart någon accepterat din begäran",
+        "joiningTitle": "Begär att få delta i mötet…",
+        "joiningWithPasswordTitle": "Ansluter med lösenord…",
+        "knockButton": "Anslut till mötet",
+        "knockTitle": "Någon önskar delta i mötet",
+        "knockingParticipantList": "Väntande deltagare",
+        "lobbyChatStartedNotification": "{{moderator}} startade en lobbychatt med {{attendee}}",
+        "lobbyChatStartedTitle": "{{moderator}} har startat en lobbychatt med dig.",
+        "lobbyClosed": "Lobbyn har stängts.",
+        "nameField": "Ange ditt namn",
+        "notificationLobbyAccessDenied": "{{targetParticipantName}} har nekats att delta av {{originParticipantName}}",
+        "notificationLobbyAccessGranted": "{{targetParticipantName}} har godkänts att delta av {{originParticipantName}}",
+        "notificationLobbyDisabled": "Väntrumsläge har inaktiverats av {{originParticipantName}}",
+        "notificationLobbyEnabled": "Väntrumsläge har aktiverats av {{originParticipantName}}",
+        "notificationTitle": "Väntrum",
+        "passwordJoinButton": "Anslut",
+        "title": "Lobby",
+        "toggleLabel": "Aktivera väntrum",
+        "waitForModerator": "Konferensen har annu inte startat för ingen moderator anslutit. Om du vill bli moderator var vänlig logga in. Annars, var god dröj."
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Av",
+            "on": "På",
+            "unknown": "Okänd"
+        },
+        "dialogTitle": "Lokala inspelningsverktyg",
+        "duration": "Varaktighet",
+        "durationNA": "N/A",
+        "encoding": "Kodning",
+        "label": "LOR",
+        "labelToolTip": "Lokal inspelning aktiverad",
+        "localRecording": "Lokal inspelning",
+        "me": "Jag",
+        "messages": {
+            "engaged": "Lokal inspelning aktiverad.",
+            "finished": "Inspelningen {{token}} är avslutad. Skicka den inspelade filen till moderatorn.",
+            "finishedModerator": "Inspelningen {{token}} är avslutad. Den lokala inspelningen har sparats. Be de övriga deltagarna att dela sina inspelningar.",
+            "notModerator": "Du är inte administratör. Du kan inte starta eller avsluta den lokala inspelningen."
+        },
+        "moderator": "Moderator",
+        "no": "Nej",
+        "participant": "Deltagare",
+        "participantStats": "Deltagarstatistik",
+        "selectTabTitle": "🎥 Välj den här fliken för inspelning",
+        "sessionToken": "Sessionstoken",
+        "start": "Starta inspelning",
+        "stop": "Avsluta inspelning",
+        "stopping": "Avslutar inspelning",
+        "wait": "Var god vänta medans vi sparar din inspelning",
+        "yes": "Ja"
+    },
+    "lockRoomPassword": "lösenord",
+    "lockRoomPasswordUppercase": "Lösenord",
+    "lonelyMeetingExperience": {
+        "button": "Bjud in andra",
+        "youAreAlone": "Du är ensam i mötet"
+    },
+    "me": "jag",
+    "notify": {
+        "OldElectronAPPTitle": "Säkerhetsproblem!",
+        "allowAll": "Tillåt",
+        "allowAudio": "Tillåt ljud",
+        "allowDesktop": "Tillåt skärmdelning",
+        "allowVideo": "Tillåt kamera",
+        "allowedUnmute": "Du kan slå på mikrofonen, starta kameran eller dela din skärm.",
+        "audioUnmuteBlockedDescription": "Aktivering av mikrofonen har tillfälligt blockerats på grund av systembegränsningar.",
+        "audioUnmuteBlockedTitle": "Mikrofonen har blockerats!",
+        "chatMessages": "Chattmeddelanden",
+        "connectedOneMember": "{{name}} har gått med i mötet",
+        "connectedThreePlusMembers": "{{name}} och {{count}} andra har gått med i mötet",
+        "connectedTwoMembers": "{{first}} och {{second}} har gått med i mötet",
+        "connectionFailed": "Anslutning misslyckades. Var god försök senare!",
+        "dataChannelClosed": "Försämrad videokvalitet",
+        "dataChannelClosedDescription": "Bryggkanalen har kopplats bort och därmed är videokvaliteten begränsad till sin lägsta inställning",
+        "dataChannelClosedDescriptionWithAudio": "Bryggkanalen har kopplats bort och därmed kan abvrott i ljud och bild uppstå.",
+        "dataChannelClosedWithAudio": "Ljud och bild kvalite kan vara försämrad.",
+        "desktopMutedRemotelyTitle": "Din skärmdelning har avslutats av {{participantDisplayName}}",
+        "disabledIframe": "Inbäddning är endast avsedd för demonstrationsändamål, så det här samtalet kommer att kopplas ner om {{timeout}} minuter.",
+        "disabledIframeSecondaryNative": "Inbäddning {{domain}} är endast avsedd för demonstrationsändamål, så det här samtalet kommer att kopplas ner om {{timeout}} minuter.",
+        "disabledIframeSecondaryWeb": "Bädda in {{domain}} är bara till för demo, så detta samtal kommer att kopplas bort inom {{timeout}} minuter. Var god använd <a href='{{jaasDomain}}' rel='nooper noreferrer' target='_blank'>Jitsi som tjänst</a> för att bädda in i produktion.",
+        "disconnected": "frånkopplad",
+        "displayNotifications": "Visa aviseringar för",
+        "dontRemindMe": "Påminn mig inte",
+        "focus": "Konferensfokus",
+        "focusFail": "{{component}} inte tillgänglig – försöker igen om {{ms}} sek",
+        "gifsMenu": "GIPHY",
+        "groupTitle": "Notifieringar",
+        "hostAskedUnmute": "Värden vill att du ska stänga av ljudet",
+        "invalidTenant": "Ogiltig tenant",
+        "invalidTenantHyphenDescription": "Tenant du använder har ogiltiga tecken (startar eller slutar med '-').",
+        "invalidTenantLengthDescription": "Tenant du använder är för lång",
+        "invitedOneMember": "{{name}} har bjudits in",
+        "invitedThreePlusMembers": "{{name}} och {{count}} andra har bjudits in",
+        "invitedTwoMembers": "{{first}} och {{second}} har bjudits in",
+        "joinMeeting": "Delta",
+        "kickParticipant": "{{kicked}} togs bort av {{kicker}}",
+        "leftOneMember": "{{name}} lämnade mötet",
+        "leftThreePlusMembers": "{{name}} och många andra lämnade mötet",
+        "leftTwoMembers": "{{first}} och {{second}} lämnade mötet",
+        "linkToSalesforce": "Länk till Salesforce",
+        "linkToSalesforceDescription": "Du kan länka mötessammanfattningen till ett Salesforce-objekt.",
+        "linkToSalesforceError": "Det gick inte att länka mötet till Salesforce",
+        "linkToSalesforceKey": "Länka detta möte",
+        "linkToSalesforceProgress": "Länkar möte till Salesforce…",
+        "linkToSalesforceSuccess": "Mötet länkades till Salesforce",
+        "localRecordingStarted": "{{name}} har påbörjat en lokal inspelning.",
+        "localRecordingStopped": "{{name}} har stoppat en lokal inspelning.",
+        "me": "Jag",
+        "moderationInEffectCSDescription": "Räck upp handen om du vill dela din video",
+        "moderationInEffectCSTitle": "Innehållsdelning är inaktiverat av moderator",
+        "moderationInEffectDescription": "Räck upp handen om du vill tala",
+        "moderationInEffectTitle": "Mikrofonen är avstängd av moderatorn",
+        "moderationInEffectVideoDescription": "Räck upp handen om du vill att din video ska synas",
+        "moderationInEffectVideoTitle": "Videon stängs av av moderatorn",
+        "moderationRequestFromModerator": "Värden vill att du ska aktivera ditt ljudet",
+        "moderationRequestFromParticipant": "Vill prata",
+        "moderationStartedTitle": "Moderering startad",
+        "moderationStoppedTitle": "Moderering stoppad",
+        "moderationToggleDescription": "av {{participantDisplayName}}",
+        "moderator": "Moderatorsrättigheter tilldelades!",
+        "muted": "Du har startat konversationen utan mikrofon.",
+        "mutedRemotelyDescription": "Du kan alltid slå på mikrofonen när du är redo att tala. Stäng av när du är klar för att hålla brus borta från mötet.",
+        "mutedRemotelyTitle": "Din mikrofonen har blivit avstängd av {{participantDisplayName}}!",
+        "mutedTitle": "Du har mikrofonen avstängd!",
+        "newDeviceAction": "Använd",
+        "newDeviceAudioTitle": "Ny ljudenhet hittad",
+        "newDeviceCameraTitle": "Ny kamera hittad",
+        "nextToSpeak": "Du är näst i kö för att prata",
+        "noiseSuppressionDesktopAudioDescription": "Brusreducering kan inte aktiveras när du delar skrivbordsljud, vänligen inaktivera det och försök igen.",
+        "noiseSuppressionFailedTitle": "Det gick inte att starta brusreducering",
+        "noiseSuppressionStereoDescription": "Brusreducering i stereoljud stöds för närvarande inte.",
+        "oldElectronClientDescription1": "Den version av Jitsi meet som används är gammal och har säkerhetsluckor. Var god uppdatera till den senaste versionen.",
+        "oldElectronClientDescription2": "senast build",
+        "oldElectronClientDescription3": "nu!",
+        "openChat": "Öppna chatt",
+        "participantWantsToJoin": "Vill vara med på mötet",
+        "participantsWantToJoin": "Vill vara med på mötet",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) togs bort av en annan deltagare",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) satt av en annan deltagare",
+        "raiseHandAction": "Räck upp handen",
+        "raisedHand": "{{name}} vill prata.",
+        "raisedHands": "{{participantName}} och {{raisedHands}} fler personer",
+        "reactionSounds": "Inaktivera ljud",
+        "reactionSoundsForAll": "Inaktivera ljud för alla",
+        "screenShareNoAudio": "\"Dela ljudrutan\" aktiverades inte i fönstret för val av fönster.",
+        "screenShareNoAudioTitle": "Det gick inte att dela systemljud!",
+        "screenSharingAudioOnlyDescription": "Observera att genom att dela din skärm påverkar du läget \"Bästa prestanda\" och du kommer att använda mer bandbredd.",
+        "screenSharingAudioOnlyTitle": "Läget \"Bästa prestanda\"",
+        "selfViewTitle": "Du kan alltid ta bort döljandet av självvyn från inställningarna",
+        "somebody": "Någon",
+        "startSilentDescription": "Anslut till mötet igen för att aktivera ljud",
+        "startSilentTitle": "Du gick med utan ljud aktiverat!",
+        "suboptimalBrowserWarning": "Din mötesupplevelse kommer tyvärr inte att bli så bra. Vi letar efter sätt att förbättra detta, men fram till dess kan du försöka använda en av de <a href='{{recommendedBrowserPageLink}}' target='_blank'> fullt stödda webbläsarna </a>.",
+        "suboptimalExperienceTitle": "Webbläsarvarning",
+        "suggestRecordingAction": "Starta",
+        "suggestRecordingDescription": "Vill du starta en inspelning?",
+        "suggestRecordingTitle": "Spela in detta mötet",
+        "unmute": "Slå på mikrofonen",
+        "unmuteScreen": "Starta skärmdelning",
+        "unmuteVideo": "Starta kamera",
+        "videoMutedRemotelyDescription": "Du kan alltid slå på den igen.",
+        "videoMutedRemotelyTitle": "Din kamera har inaktiverats av {{participantDisplayName}}!",
+        "videoUnmuteBlockedDescription": "Aktivering av kameran och delning av skrivbord har tillfälligt blockerats på grund av systembegränsningar.",
+        "videoUnmuteBlockedTitle": "Aktivering av kameran och skrivbordsdelning blockerad!",
+        "viewLobby": "Visa lobby",
+        "viewParticipants": "Visa deltagare",
+        "viewVisitors": "Visa besökare",
+        "waitingParticipants": "{{waitingParticipants}} personer",
+        "waitingVisitors": "Väntande besökare i kö: {{waitingVisitors}}",
+        "waitingVisitorsTitle": "Mötet är inte live än!",
+        "whiteboardLimitDescription": "Var god spara, max antal användare har snart uppnåtts och whiteboard kommer att stängas av.",
+        "whiteboardLimitTitle": "Användande whiteboard"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "Godkänn",
+            "admitAll": "Godkänn alla",
+            "allow": "Låt deltagarna:",
+            "allowDesktop": "Tillåt skärmdelning",
+            "allowVideo": "Tillåt kamera",
+            "askDesktop": "Skicka skärmdelningsförfrågan",
+            "askUnmute": "Be om att aktivera ljud",
+            "audioModeration": "Slå på ljudet för sig själva",
+            "blockEveryoneMicCamera": "Inaktivera allas mikrofon och kamera",
+            "breakoutRooms": "Grupprum",
+            "desktopModeration": "Starta skärmdelning",
+            "goLive": "Gå live",
+            "invite": "Bjud in någon",
+            "lowerAllHands": "Ta ner allas händer",
+            "lowerHand": "Ta ner handen",
+            "moreModerationActions": "Fler modereringsalternativ",
+            "moreModerationControls": "Fler modereringskontroller",
+            "moreParticipantOptions": "Fler deltagaralternativ",
+            "mute": "Stäng av ljud",
+            "muteAll": "Stäng av allt ljud",
+            "muteEveryoneElse": "Inaktivera ljud för alla deltagare",
+            "reject": "Avvisa",
+            "stopDesktop": "Stoppa skärmdelning",
+            "stopEveryonesDesktop": "Stoppa allas skärmdelning",
+            "stopEveryonesVideo": "Inaktivera allas video",
+            "stopVideo": "Inaktivera video",
+            "unblockEveryoneMicCamera": "Aktivera allas mikrofon och kamera",
+            "videoModeration": "Starta deras video"
+        },
+        "close": "Stäng",
+        "headings": {
+            "lobby": "Väntrum ({{count}})",
+            "participantsList": "Mötesdeltagare ({{count}})",
+            "viewerRequests": "Deltagar förfrågningar {{count}}",
+            "visitorInQueue": "(väntande {{count}})",
+            "visitorRequests": "(förfrågningar {{count}})",
+            "visitors": "Gäster ({{count}})",
+            "visitorsList": "Gäster ({{count}})",
+            "waitingLobby": "Väntar i väntrum ({{count}})"
+        },
+        "search": "Sök efter deltagare",
+        "searchDescription": "Börja skriv för att filtrera bland deltagare",
+        "title": "Deltagare"
+    },
+    "passwordDigitsOnly": "Ange max {{number}} siffror",
+    "passwordSetRemotely": "satt av en annan deltagare",
+    "pinParticipant": "{{participantName}} - Fäst",
+    "pinnedParticipant": "Deltagaren är fäst",
+    "polls": {
+        "answer": {
+            "edit": "Redigera",
+            "send": "Skicka",
+            "skip": "Avstå",
+            "submit": "Skicka"
+        },
+        "by": "Av {{ name }}",
+        "closeButton": "Stäng omröstning",
+        "create": {
+            "accessibilityLabel": {
+                "send": "Skicka omröstning"
+            },
+            "addOption": "Lägg till alternativ",
+            "answerPlaceholder": "Alternativ",
+            "cancel": "Avbryt",
+            "create": "Skapa en omröstning",
+            "pollOption": "Alternativ för omröstning",
+            "pollQuestion": "Fråga för omröstning",
+            "questionPlaceholder": "Ställ en fråga",
+            "removeOption": "Ta bort alternativ",
+            "save": "Spara"
+        },
+        "errors": {
+            "notUniqueOption": "Alternativ måste vara unika"
+        },
+        "notification": {
+            "description": "Öppna fliken omröstningar för att rösta",
+            "title": "En ny omröstning har blivit tillagd till detta möte"
+        },
+        "results": {
+            "changeVote": "Ändra din röst",
+            "empty": "Det finns inga omröstningar i mötet än. Starta en omröstning här!",
+            "hideDetailedResults": "Göm deltaljer",
+            "showDetailedResults": "Visa detaljer",
+            "vote": "Rösta"
+        }
+    },
+    "poweredby": "drivs med",
+    "prejoin": {
+        "audioAndVideoError": "Ljud- och videofel:",
+        "audioDeviceProblem": "Det finns ett problem med din ljudenhet",
+        "audioOnlyError": "Ljudfel:",
+        "audioTrackError": "Det gick inte att skapa ljudspår.",
+        "callMe": "Ring mig",
+        "callMeAtNumber": "Ring mig på det här numret:",
+        "calling": "Ringer",
+        "configuringDevices": "Konfigurerar enheter…",
+        "connectedWithAudioQ": "Är din mikrofon ansluten?",
+        "connection": {
+            "failed": "Anslutningstest misslyckades!",
+            "good": "Din internetanslutning fungerar bra!",
+            "nonOptimal": "Din internetanslutning är inte optimal",
+            "poor": "Din internetanslutning fungerar dåligt",
+            "running": "Kör anslutningstest..."
+        },
+        "connectionDetails": {
+            "audioClipping": "Ditt ljud kan upplevas hackigt.",
+            "audioHighQuality": "Vi förväntar oss att ditt ljud har utmärkt kvalitet.",
+            "audioLowNoVideo": "Vi förväntar oss att din ljudkvalitet är låg och ingen video.",
+            "goodQuality": "Grymt bra! Din mediekvalitet kommer att bli bra.",
+            "noMediaConnectivity": "Vi kunde inte hitta ett sätt att upprätta mediaanslutning för detta test. Detta orsakas vanligtvis av en brandvägg eller NAT.",
+            "noVideo": "Vi förväntar oss att din video kommer ha låg kvalitet eller inte fungera.",
+            "testFailed": "Anslutningstestet stötte på oväntade problem, men det behöver inte påverka din upplevelse.",
+            "undetectable": "Om du fortfarande inte kan ringa i webbläsaren rekommenderar vi att du ser till att dina högtalare, mikrofon och kamera är korrekt inställda, att du har beviljat din webbläsare rättigheter att använda din mikrofon och kamera och att din webbläsarversion är uppdaterad.",
+            "veryPoorConnection": "Vi förväntar oss att din samtalskvalitet är riktigt dålig.",
+            "videoFreezing": "Vi förväntar oss att din video fryser, blir svart och pixeleras.",
+            "videoHighQuality": "Vi förväntar oss att din video har bra kvalitet.",
+            "videoLowQuality": "Vi förväntar oss att din video har låg kvalitet när det gäller bildhastighet och upplösning.",
+            "videoTearing": "Vi förväntar oss att din video ska vara pixelerad eller ha visuella artefakter."
+        },
+        "copyAndShare": "Kopiera och dela möteslänk",
+        "dialInMeeting": "Ring in till mötet",
+        "dialInPin": "Ring in till mötet och ange PIN-kod:",
+        "dialing": "Ringer",
+        "doNotShow": "Visa inte denna ruta igen",
+        "errorDialOut": "Kunde inte ringa ut",
+        "errorDialOutDisconnected": "Kunde inte ringa ut. Kopplar ner",
+        "errorDialOutFailed": "Kunde inte ringa ut. Samtal misslyckades",
+        "errorDialOutStatus": "Kunde inte hämta status på utgående samtal",
+        "errorMissingName": "Ange ditt namn för att ansluta till mötet",
+        "errorNoPermissions": "Du måste aktivera mikrofon- och kameraåtkomst",
+        "errorStatusCode": "Kunde inte ringa ut, statuskod: {{status}}",
+        "errorValidation": "Ogiltigt nummer",
+        "iWantToDialIn": "Jag vill ringa in",
+        "initiated": "Samtalet påbörjades",
+        "joinAudioByPhone": "Anslut med ljud via telefon",
+        "joinMeeting": "Anslut till mötet",
+        "joinMeetingInLowBandwidthMode": "Gå med i lågbandbreddsläge",
+        "joinWithoutAudio": "Anslut utan ljud",
+        "keyboardShortcuts": "Aktivera kortkommandon",
+        "linkCopied": "Länken kopierades till urklipp",
+        "lookGood": "Din mikrofon fungerar som den ska",
+        "or": "eller",
+        "premeeting": "Förmöte",
+        "proceedAnyway": "Fortsätt ändå",
+        "recordingWarning": "",
+        "screenSharingError": "Skärmdelningsfel:",
+        "startWithPhone": "Börja med telefonljud",
+        "unsafeRoomConsent": "Jag förstår riskerna, jag vill vara med på mötet",
+        "videoOnlyError": "Videofel:",
+        "videoTrackError": "Det gick inte att skapa videospår.",
+        "viewAllNumbers": "visa alla nummer"
+    },
+    "presenceStatus": {
+        "busy": "Upptagen",
+        "calling": "Ringer…",
+        "connected": "Ansluten",
+        "connecting": "Ansluter…",
+        "connecting2": "Ansluter*…",
+        "disconnected": "Frånkopplad",
+        "expired": "Utgången",
+        "ignored": "Ignorerad",
+        "initializingCall": "Startar samtal…",
+        "invited": "Inbjuden",
+        "rejected": "Avvisad",
+        "ringing": "Ringer…"
+    },
+    "profile": {
+        "avatar": "avatar",
+        "setDisplayNameLabel": "Ange ditt visningsnamn",
+        "setEmailInput": "Skriv e-postadress",
+        "setEmailLabel": "Ange din gravatar-e-postadress",
+        "title": "Profil"
+    },
+    "raisedHand": "Räck upp handen",
+    "raisedHandsLabel": "Antal uppräckta händer",
+    "record": {
+        "already": {
+            "linked": "Mötet är redan länkat till detta Salesforce-objekt."
+        },
+        "type": {
+            "account": "Konto",
+            "contact": "Kontakt",
+            "lead": "Leda",
+            "opportunity": "Tillfälle",
+            "owner": "Ägare"
+        }
+    },
+    "recording": {
+        "authDropboxText": "Ladda upp till Dropbox",
+        "availableSpace": "Tillgängligt utrymme: {{spaceLeft}} MB (ungefär {{duration}} minuter inspelning)",
+        "beta": "BETA",
+        "busy": "Vi arbetar med att frigöra inspelningsresurser. Försök igen om några minuter.",
+        "busyTitle": "Alla inspelare är upptagna",
+        "copyLink": "Kopiera länk",
+        "error": "Inspelningen misslyckades. Försök igen.",
+        "errorFetchingLink": "Fel vid hämtning av inspelningslänk.",
+        "expandedOff": "Inspelningen har avslutats",
+        "expandedOn": "Mötet spelas nu in.",
+        "expandedPending": "Inspelningen påbörjas…",
+        "failedToStart": "Inspelningen kunde inte påbörjas",
+        "fileSharingdescription": "Dela inspelningen med mötesdeltagare",
+        "highlight": "Framhäva",
+        "highlightMoment": "Framhäv ögonblick",
+        "highlightMomentDisabled": "Du kan framhäva ögonblick när inspelningen startar",
+        "highlightMomentSuccess": "Moment framhävt",
+        "highlightMomentSucessDescription": "Ditt framhävda ögonblick läggs till i mötessammanfattningen.",
+        "inProgress": "Inspelning eller livestreaming pågår",
+        "limitNotificationDescriptionNative": "På grund av stor efterfrågan är din inspelning begränsad till {{limit}} min. För obegränsade inspelningar, försök <3>{{app}}</3>.",
+        "limitNotificationDescriptionWeb": "På grund av stor efterfrågan är din inspelning begränsad till {{limit}} min. För obegränsade inspelningar, prova <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "linkGenerated": "Vi har genererat en länk till din inspelning.",
+        "localRecordingNoNotificationWarning": "Inspelningen kommer inte att meddelas till andra deltagare. Du måste meddela dem att mötet inspelas.",
+        "localRecordingNoVideo": "Video spelas inte in",
+        "localRecordingStartWarning": "Se till att du stoppar inspelningen innan du avslutar mötet för att spara det.",
+        "localRecordingStartWarningTitle": "Stoppa inspelningen för att spara den",
+        "localRecordingVideoStop": "Om du stoppar din video stoppas även den lokala inspelningen. Är du säker på att du vill fortsätta?",
+        "localRecordingVideoWarning": "För att spela in din video måste du ha den på när du startar inspelningen",
+        "localRecordingWarning": "Se till att du väljer den aktuella fliken för att kunna använda rätt video och ljud.",
+        "loggedIn": "Inloggad som {{userName}}",
+        "noMicPermission": "Mikrofonspåret kunde inte skapas. Vänligen ge tillstånd att använda mikrofonen.",
+        "noStreams": "Ingen ljud- eller videoström upptäcktes.",
+        "off": "Inspelningen avslutades",
+        "offBy": "{{name}} avslutade inspelningen",
+        "on": "Inspelning",
+        "onBy": "{{name}} påbörjade inspelningen",
+        "onlyRecordSelf": "Spela bara in mina ljud- och videoströmmar",
+        "pending": "Förbereder inspelning av mötet…",
+        "policyError": "Du försökte starta inspelningen för fort. Var god försök senare!",
+        "recordAudioAndVideo": "Spela in ljud och bild",
+        "recordTranscription": "Spela in transkribiering",
+        "saveLocalRecording": "Spara inspelningsfil lokalt (beta)",
+        "serviceDescription": "Din inspelning kommer att sparas av inspelningstjänsten",
+        "serviceDescriptionCloud": "Molninspelning",
+        "serviceDescriptionCloudInfo": "Inspelade möten rensas automatiskt 24 timmar efter inspelningstiden.",
+        "serviceName": "Inspelningstjänst",
+        "sessionAlreadyActive": "Den här sessionen spelas redan in eller livestreamas.",
+        "showAdvancedOptions": "Visa avancerade inställningar",
+        "signIn": "Logga in",
+        "signOut": "Logga ut",
+        "surfaceError": "Välj aktuell flik.",
+        "title": "Inspelning",
+        "unavailable": "{{serviceName}} är inte tillgänglig. Vi försöker åtgärda felet. Försök igen senare.",
+        "unavailableTitle": "Inspelning kan inte göras",
+        "uploadToCloud": "Ladda upp till molnet"
+    },
+    "screenshareDisplayName": "{{name}}s skärm",
+    "sectionList": {
+        "pullToRefresh": "Dra för att uppdatera"
+    },
+    "security": {
+        "about": "Du kan lägga till ett $t(lockRoomPassword) till ditt möte. Deltagarna måste ange $t(lockRoomPassword) innan de får gå med i mötet.",
+        "aboutReadOnly": "Moderatorn kan lägga till ett $t(lockRoomPassword) till mötet. Deltagarna måste ange  $t(lockRoomPassword) innan de får gå med i mötet.",
+        "insecureRoomNameWarningNative": "Rumsnamnet är osäkert. Oönskade deltagare kan gå med i ditt möte. {{recommendAction}} Läs mer om att säkra ditt möte",
+        "insecureRoomNameWarningWeb": "Rumsnamnet är osäkert. Oönskade deltagare kan gå med i ditt möte. {{recommendAction}} Läs mer om hur du säkerställer att du möter <a href=\"{{securityUrl}}\" rel=\"security\"-målet =\"_blank\">här</a>.",
+        "title": "Säkerhetsalternativ",
+        "unsafeRoomActions": {
+            "meeting": "Överväg att göra ditt möte säkrare med hjälp av säkerhetsknappen.",
+            "prejoin": "Överväg att använda ett mer unikt mötesnamn.",
+            "welcome": "Överväg att använda ett mer unikt mötesnamn, eller välj ett av förslagen."
+        }
+    },
+    "settings": {
+        "audio": "Ljud",
+        "buttonLabel": "Inställningar",
+        "calendar": {
+            "about": "Kalenderintegrationen med {{appName}} används för att hämta din kalender på ett säkert sätt så att den kan läsa framtida händelser.",
+            "disconnect": "Koppla ifrån",
+            "microsoftSignIn": "Logga in med Microsoft",
+            "signedIn": "Hämtar kalenderhändelser från {{email}}. Tryck på knappen nedan för att sluta hämta kalenderhändelser.",
+            "title": "Kalender"
+        },
+        "chatWithPermissions": "Chatt kräver högre rättigheter",
+        "desktopShareFramerate": "Bildfrekvens för skrivbordsdelning",
+        "desktopShareHighFpsWarning": "En högre bildhastighet för skrivbordsdelning kan påverka din bandbredd. Du måste starta om skärmdelningen för att de nya inställningarna ska träda i kraft.",
+        "desktopShareWarning": "Du måste starta om skärmdelningen för att de nya inställningarna ska träda i kraft.",
+        "devices": "Enheter",
+        "followMe": "Alla följer mig",
+        "followMeRecorder": "Den som spelar in följer mig",
+        "framesPerSecond": "bildrutor per sekund",
+        "incomingMessage": "Inkommande meddelande",
+        "language": "Språk",
+        "loggedIn": "Inloggad som {{name}}",
+        "maxStageParticipants": "Maximalt antal deltagare som kan fästas på huvudscenen",
+        "microphones": "Mikrofoner",
+        "moderator": "Moderator",
+        "moderatorOptions": "Moderatoralternativ",
+        "more": "Mer",
+        "name": "Namn",
+        "noDevice": "Inga enheter",
+        "notifications": "Notifikationer",
+        "participantJoined": "Deltagare ansluten",
+        "participantKnocking": "Deltagare har anslutit till lobbyn",
+        "participantLeft": "Deltagare lämnat mötet",
+        "playSounds": "Spelljud på",
+        "reactions": "Reaktioner",
+        "sameAsSystem": "Samma som system ({{label}})",
+        "selectAudioOutput": "Ljudutmatning",
+        "selectCamera": "Kamera",
+        "selectMic": "Mikrofon",
+        "selfView": "Självvy",
+        "shortcuts": "Genvägar",
+        "showSubtitlesOnStage": "Vissa undertexter på scenen",
+        "speakers": "Högtalare",
+        "startAudioMuted": "Alla börjar tystade",
+        "startReactionsMuted": "Stäng av reaktionsljud för alla",
+        "startVideoMuted": "Alla börjar osynliga",
+        "talkWhileMuted": "Prata medan din ljud är inaktiverad",
+        "title": "Inställningar",
+        "video": "Video"
+    },
+    "settingsView": {
+        "advanced": "Avancerat",
+        "alertCancel": "Avbryt",
+        "alertOk": "OK",
+        "alertTitle": "Varning",
+        "alertURLText": "Den angivna serverlänken är felaktig",
+        "apply": "Tillämpa",
+        "buildInfoSection": "Versionsinformation",
+        "conferenceSection": "Konferens",
+        "disableCallIntegration": "Tillåt inte deltagande via telefon",
+        "disableCrashReporting": "Inaktivera kraschrapportering",
+        "disableCrashReportingWarning": "Är du säker på att du vill inaktivera kraschrapportering? Inställningen tillämpas när du startar om appen.",
+        "disableP2P": "Inaktivera Dator-till-dator-läge",
+        "displayName": "Skärmnamn",
+        "displayNamePlaceholderText": "Exempel: John Doe",
+        "email": "E-post",
+        "emailPlaceholderText": "mejl@exempel.se",
+        "gavatarMessage": "Om din e-post är associerad med ett Gravatar konto, så kommer vi använda det för att visa din profilbild.",
+        "goTo": "Gå till",
+        "header": "Inställningar",
+        "help": "Hjälp",
+        "links": "Länkar",
+        "privacy": "Sekretess",
+        "profileSection": "Profil",
+        "sdkVersion": "",
+        "serverURL": "Serverlänk",
+        "showAdvanced": "Visa avancerade inställningar",
+        "startCarModeInLowBandwidthMode": "Starta billäget i lågbandbreddsläge",
+        "startWithAudioMuted": "Starta med ljudet avstängt",
+        "startWithVideoMuted": "Starta med videon avstängd",
+        "terms": "Villkor",
+        "version": "Version"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nVill du istället ringa in via telefon?\n\n{{defaultDialInNumber}} Klicka på den här länken för att se telefonnumret för detta möte\n{{dialInfoPageUrl}}",
+        "mainText": "Klicka på länken för att delta i mötet:\n{{roomUrl}}"
+    },
+    "speaker": "Talare",
+    "speakerStats": {
+        "angry": "Arg",
+        "disgusted": "Äcklad",
+        "displayEmotions": "Visa känslor",
+        "fearful": "Rädd",
+        "happy": "Glad",
+        "hours": "{{count}} h",
+        "labelTooltip": "",
+        "minutes": "{{count}} m",
+        "name": "Namn",
+        "neutral": "Neutral",
+        "sad": "Ledsen",
+        "search": "Sök",
+        "searchDescription": "Börja skriv för att filtrera bland deltagare",
+        "searchHint": "Sök deltagare",
+        "seconds": "{{count}} s",
+        "speakerStats": "Talarstatistik",
+        "speakerTime": "Talartid",
+        "surprised": "Överraskad"
+    },
+    "startupoverlay": {
+        "genericTitle": "Mötet måste använda din mikrofon och kamera.",
+        "policyText": " ",
+        "title": "{{app}} vill använda din kamera och mikrofon."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Gå med igen",
+        "text": "Klicka på knappen <i>Återanslut</i> för att koppla upp igen.",
+        "title": "Ditt videosamtal avbröts då din dator gick in i viloläge."
+    },
+    "termsView": {
+        "title": "Villkor"
+    },
+    "toggleTopPanelLabel": "Växla topppanelen",
+    "toolbar": {
+        "Settings": "Inställningar",
+        "accessibilityLabel": {
+            "Settings": "Öppna eller stäng inställningar",
+            "audioOnly": "Slå av eller på ljudet",
+            "audioRoute": "Välj ljudenhet",
+            "boo": "Bua",
+            "breakoutRooms": "Grupprum",
+            "callQuality": "Hantera videokvalitet",
+            "carmode": "Billäge",
+            "cc": "Slå av eller på undertexter",
+            "chat": "Öppna eller stäng chattfönster",
+            "clap": "Applådera",
+            "closeChat": "Stäng chatten",
+            "closeMoreActions": "Stäng menyn för fler åtgärder",
+            "closeParticipantsPane": "Stäng deltagarfönstret",
+            "closedCaptions": "Undertexter",
+            "collapse": "Minimera",
+            "document": "Växla delat dokument",
+            "documentClose": "Stäng delat dokument",
+            "documentOpen": "Öppna delat dokument",
+            "download": "Ladda ner våra appar",
+            "embedMeeting": "Bädda in möte",
+            "endConference": "Avsluta möte för alla",
+            "enterFullScreen": "Visa helskärm",
+            "enterTileView": "Öppna sida vid sida",
+            "exitFullScreen": "Avsluta helskärm",
+            "exitTileView": "Avsluta sida vid sida",
+            "expand": "Utöka",
+            "feedback": "Ge feedback",
+            "fullScreen": "Växla helskärm",
+            "giphy": "Växla GIPHY-menyn",
+            "grantModerator": "Tilldela moderatorrättigheter",
+            "hangup": "Lämna mötet",
+            "heading": "Verktygsfält",
+            "help": "Hjälp",
+            "hideWhiteboard": "Dölj whiteboard",
+            "invite": "Bjud in personer",
+            "kick": "Ta bort deltagare från möte",
+            "laugh": "Skratta",
+            "leaveConference": "Lämna mötet",
+            "like": "Tummen upp",
+            "linkToSalesforce": "Länk till Salesforce",
+            "lobbyButton": "Aktivera / inaktivera lobbyläge",
+            "localRecording": "Växla lokala inspelningskontroller",
+            "lockRoom": "Växla möteslösenord",
+            "love": "Kärlek",
+            "lowerHand": "Sänk din hand",
+            "moreActions": "Fler åtgärder",
+            "moreActionsMenu": "Menyn Fler åtgärder",
+            "moreOptions": "Visa fler alternativ",
+            "mute": "Mute",
+            "muteEveryone": "Stäng av ljudet för alla",
+            "muteEveryoneElse": "Stäng av ljudet för alla andra",
+            "muteEveryoneElsesVideoStream": "Stoppa alla andras video",
+            "muteEveryonesVideoStream": "Stoppa allas video",
+            "muteGUMPending": "Ansluter din mikrofon",
+            "noiseSuppression": "Brusdämpning",
+            "openChat": "Öppna chatt",
+            "participants": "Öppna deltagarfönstret",
+            "pip": "Växla bild-i-bild-läge",
+            "privateMessage": "Skicka privat meddelande",
+            "profile": "Redigera din profil",
+            "raiseHand": "Räck upp handen",
+            "react": "Reaktioner på meddelanden",
+            "reactions": "Reaktioner",
+            "reactionsMenu": "Reaktionsmeny",
+            "recording": "Växla inspelning",
+            "remoteMute": "Ljud av deltagare",
+            "remoteVideoMute": "Inaktivera kameran för deltagaren",
+            "security": "Säkerhetsalternativ",
+            "selectBackground": "Välj bakgrund",
+            "selfView": "Växla självvy",
+            "shareRoom": "Bjud in någon",
+            "shareYourScreen": "Börja dela din skärm",
+            "shareaudio": "Dela ljud",
+            "sharedvideo": "Dela video",
+            "shortcuts": "Växla genvägar",
+            "show": "Visa på scenen",
+            "showWhiteboard": "Visa whiteboard",
+            "silence": "Tystnad",
+            "speakerStats": "Växla deltagarstatistik",
+            "stopScreenSharing": "Sluta dela din skärm",
+            "stopSharedVideo": "Stoppa video",
+            "surprised": "Förvånad",
+            "tileView": "Växla sida vid sida",
+            "toggleCamera": "Växla kamera",
+            "toggleFilmstrip": "Växla filmremsa",
+            "unmute": "Slå på ljudet",
+            "videoblur": "Växla videooskärpa",
+            "videomute": "Stoppa kamera",
+            "videomuteGUMPending": "Ansluter din kamera",
+            "videounmute": "Starta kameran"
+        },
+        "addPeople": "Lägg till personer i samtal",
+        "advancedAudioSettings": {
+            "aec": {
+                "label": "Akustisk eko hantering"
+            },
+            "agc": {
+                "label": "Automatisk gain kontroll"
+            },
+            "ns": {
+                "label": "Brusreducering"
+            },
+            "stereo": {
+                "label": "Stereo"
+            }
+        },
+        "audioOnlyOff": "Avsluta ljudläget",
+        "audioOnlyOn": "Starta ljudläget",
+        "audioRoute": "Välj ljudenhet",
+        "audioSettings": "Ljud inställningar",
+        "authenticate": "Autentisera",
+        "boo": "Bua",
+        "callQuality": "Hantera videokvalitet",
+        "chat": "Öppna / stäng chatten",
+        "clap": "Klappa",
+        "closeChat": "Stäng chatt",
+        "closeParticipantsPane": "Stäng deltagarrutan",
+        "closeReactionsMenu": "Stäng meny för reaktioner",
+        "closedCaptions": "Undertexter",
+        "disableNoiseSuppression": "Inaktivera brusreducering",
+        "disableReactionSounds": "Du kan inaktivera reaktionsljud för det här mötet",
+        "documentClose": "Stäng delat dokument",
+        "documentOpen": "Öppna delat dokument",
+        "download": "Ladda ner vår app",
+        "e2ee": "End-to-End kryptering",
+        "embedMeeting": "Bädda in möte",
+        "enableNoiseSuppression": "Aktivera brusreducering",
+        "endConference": "Avsluta mötet för alla",
+        "enterFullScreen": "Visa fullskärm",
+        "enterTileView": "Öppna panelvy",
+        "exitFullScreen": "Stäng fullskärm",
+        "exitTileView": "Stäng panelvy",
+        "feedback": "Lämna återkoppling",
+        "giphy": "Växla GIPHY-menyn",
+        "hangup": "Lämna",
+        "help": "Hjälp",
+        "hideWhiteboard": "Dölj whiteboardtavlan",
+        "invite": "Bjud in andra",
+        "joinBreakoutRoom": "Gå med i grupprummet",
+        "laugh": "Skratta",
+        "leaveBreakoutRoom": "Lämna grupprum",
+        "leaveConference": "Lämna mötet",
+        "like": "Tummen upp",
+        "linkToSalesforce": "Länk till Salesforce",
+        "lobbyButtonDisable": "Inaktivera väntrumsläge",
+        "lobbyButtonEnable": "Aktivera väntrumsläge",
+        "login": "Logga in",
+        "logout": "Logga ut",
+        "love": "Kärlek",
+        "lowerYourHand": "Ta ner handen",
+        "moreActions": "Fler handlingar",
+        "moreOptions": "Visa fler alternativ",
+        "mute": "Slå av/på ljud",
+        "muteEveryone": "Tysta alla",
+        "muteEveryonesVideo": "Inaktivera allas kamera",
+        "muteGUMPending": "Ansluter din mikrofon",
+        "noAudioSignalDesc": "Om du inte avsiktligt stängde av det från systeminställningar eller hårdvara, överväg att byta enhet.",
+        "noAudioSignalDescSuggestion": "Om du inte avsiktligt tystade det från systeminställningar eller hårdvara, överväg att byta till den föreslagna enheten.",
+        "noAudioSignalDialInDesc": "Du kan också ringa in med:",
+        "noAudioSignalDialInLinkDesc": "Uppringningsnummer",
+        "noAudioSignalTitle": "Det kommer inget ljud från din mikrofon!",
+        "noiseSuppression": "Brusreducering",
+        "noisyAudioInputDesc": "Din mikrofon skapar brus, tysta din mikrofon eller byt ljudenhet!",
+        "noisyAudioInputTitle": "Din mikrofon verkar vara bullrig!",
+        "openChat": "Öppna chatt",
+        "openReactionsMenu": "Öppna meny för reaktioner",
+        "participants": "Deltagare",
+        "pip": "Öppna bild-i-bild-läge",
+        "privateMessage": "Skicka privat meddelande",
+        "profile": "Redigera din profil",
+        "raiseHand": "Räck upp / ta ner din hand",
+        "raiseYourHand": "Räck upp handen",
+        "reactionBoo": "Skicka Bu",
+        "reactionClap": "Klappa i händerna",
+        "reactionHeart": "Skicka kärlek",
+        "reactionLaugh": "Skratta",
+        "reactionLike": "Skicka tummen upp",
+        "reactionLove": "Skicka kärleksreaktion",
+        "reactionSilence": "Skicka tyst reaktion",
+        "reactionSurprised": "Skicka reaktionen överaskad",
+        "reactions": "Reaktioner",
+        "security": "Säkerhetsalternativ",
+        "selectBackground": "Välj bakgrund",
+        "shareRoom": "Bjud in någon",
+        "shareaudio": "Dela ljud",
+        "sharedvideo": "Dela en video",
+        "shortcuts": "Visa genvägar",
+        "showWhiteboard": "Visa whiteboardtavlan",
+        "silence": "Tystnad",
+        "speakerStats": "Talarstatistik",
+        "startScreenSharing": "Starta skärmdelning",
+        "startSubtitles": "Starta undertextning",
+        "stopAudioSharing": "Inaktivera ljuddelning",
+        "stopScreenSharing": "Avsluta skämdelning",
+        "stopSharedVideo": "Pausa video",
+        "stopSubtitles": "Avsluta undertextning",
+        "surprised": "Överaskad",
+        "talkWhileMutedPopup": "Försöker du tala? Din mikrofon är tystad.",
+        "tileViewToggle": "Öppna eller stäng panelvyn",
+        "toggleCamera": "Byta kamera",
+        "unmute": "Slå på ljud",
+        "videoSettings": "Videoinställningar",
+        "videomute": "Inaktivera kameran",
+        "videomuteGUMPending": "Ansluter din kamera",
+        "videounmute": "Aktivera kameran"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Aktivera / Inaktivera undertexter",
+        "expandedLabel": "Transkribering är aktiverad",
+        "failed": "Transkribiering misslyckades",
+        "labelTooltip": "Mötet transkriberas",
+        "labelTooltipExtra": "Transkriberingen kommer finnas tillgänglig senare.",
+        "openClosedCaptions": "Öppna undertexter",
+        "original": "Original",
+        "sourceLanguageDesc": "För närvarande är mötesspråket inställt på <b>{{sourceLanguage}}</b>. <br/> Du kan ändra det från ",
+        "sourceLanguageHere": "här",
+        "start": "Börja visa undertexter",
+        "stop": "Sluta visa undertexter",
+        "subtitles": "Undertexter",
+        "subtitlesOff": "Av",
+        "tr": "TR",
+        "translateTo": "Översätt till"
+    },
+    "unpinParticipant": "Lossa deltagare",
+    "userMedia": {
+        "grantPermissions": "Tillåt användning av din kamera och mikrofon."
+    },
+    "videoSIPGW": {
+        "busy": "Vi arbetar med att frigöra resurser. Försök igen om några minuter.",
+        "busyTitle": "Rumtjänsten är just nu upptagen",
+        "errorAlreadyInvited": "{{displayName}} är redan inbjuden",
+        "errorInvite": "Konferensen är inte skapad än. Försök igen senare.",
+        "errorInviteFailed": "Vi arbetar för att lösa problemet. Försök igen senare.",
+        "errorInviteFailedTitle": "Inbjudan till {{displayName}} misslyckades",
+        "errorInviteTitle": "Inbjudan till rum misslyckades",
+        "pending": "{{displayName}} har bjudits in"
+    },
+    "videoStatus": {
+        "adjustFor": "Justera för:",
+        "audioOnly": "AUD",
+        "audioOnlyExpanded": "Du använder ljudläget. Läget sparar bandbredd men du kan inte se andras videor.",
+        "bestPerformance": "Bäst prestanda",
+        "callQuality": "Videokvalitet",
+        "hd": "HD",
+        "hdTooltip": "Titta på högupplöst video",
+        "highDefinition": "Hög upplösning",
+        "highestQuality": "Högsta kvalitet",
+        "labelTooiltipNoVideo": "Ingen video",
+        "labelTooltipAudioOnly": "Läge med enbart ljud aktiverat",
+        "ld": "LD",
+        "ldTooltip": "Titta på lågupplöst video",
+        "lowDefinition": "Låg upplösning",
+        "performanceSettings": "Prestandainställningar",
+        "recording": "Inspelning pågår",
+        "sd": "SD",
+        "sdTooltip": "Titta på video med standardupplösning",
+        "standardDefinition": "Normal upplösning",
+        "streaming": "Streaming pågår"
+    },
+    "videothumbnail": {
+        "connectionInfo": "Anslutningsinformation",
+        "demote": "Gör till besökare",
+        "domute": "Tysta",
+        "domuteDesktop": "Stoppa skärmdelning",
+        "domuteDesktopOfOthers": "Stoppa skärmdelning för alla andra",
+        "domuteOthers": "Inaktivera ljud för alla andra",
+        "domuteVideo": "Inaktivera kamera",
+        "domuteVideoOfOthers": "Inaktivera kamera för alla andra",
+        "flip": "Vänd",
+        "grantModerator": "Godkänn moderator",
+        "hideSelfView": "Dölj självvyn",
+        "kick": "Ta bort",
+        "mirrorVideo": "Spegelvänd video",
+        "moderator": "Moderator",
+        "mute": "Deltagaren har avstängd mikrofon",
+        "muted": "Tystad",
+        "pinToStage": "Fäst till scenen",
+        "remoteControl": "Fjärrkontroll",
+        "screenSharing": "Deltagaren delar sin skärm",
+        "show": "Visa på scenen",
+        "showSelfView": "Visa självvy",
+        "unpinFromStage": "Ta loss",
+        "verify": "Verifiera",
+        "videoMuted": "Kamera inaktiverad",
+        "videomute": "Deltagaren har stängt av kameran"
+    },
+    "virtualBackground": {
+        "accessibilityLabel": {
+            "currentBackground": "Nuvarande bakgrund: {{background}}",
+            "selectBackground": "Välj bakgrund"
+        },
+        "addBackground": "Lägg till bakgrund",
+        "apply": "Tillämpa",
+        "backgroundEffectError": "Det gick inte att tillämpa bakgrundseffekt.",
+        "blur": "Oskärpa",
+        "deleteImage": "Ta bort bild",
+        "desktopShare": "Dela skrivbord",
+        "desktopShareError": "Det gick inte att dela skrivbordet",
+        "image1": "Strand",
+        "image2": "Vit neutral bakgrund",
+        "image3": "Vitt tomt rum",
+        "image4": "Svart golvlampa",
+        "image5": "Berg",
+        "image6": "Skog",
+        "image7": "Soluppgång",
+        "none": "Ingen",
+        "pleaseWait": "Vänligen vänta…",
+        "removeBackground": "Ta bort bakgrunden",
+        "slightBlur": "Lätt oskärpa",
+        "title": "Virtuella bakgrunder",
+        "uploadedImage": "Uppladdad bild {{index}}",
+        "webAssemblyWarning": "WebAssembly stöds inte",
+        "webAssemblyWarningDescription": "WebAssembly inaktiverad eller stöds inte av den här webbläsaren"
+    },
+    "visitors": {
+        "chatIndicator": "(besökare)",
+        "joinMeeting": {
+            "description": "Du är just nu en beskökare i konferensen",
+            "raiseHand": "Räck upp handen",
+            "title": "Gå med i mötet",
+            "wishToSpeak": "Om du vill prata, räck upp handen och vänta på att en moderator ska godkänna."
+        },
+        "labelTooltip": "Antal besökare: {{count}}",
+        "notification": {
+            "demoteDescription": "Skickad hit av {{actor}}, räck upphanden för att delta",
+            "noMainParticipantsDescription": "En deltagare behöver starta mötet. Var god försök igen senare.",
+            "noMainParticipantsTitle": "Det är mötet har inte startat än",
+            "noVisitorLobby": "Du kan inte gå med medans lobby är påslagen för mötet.",
+            "notAllowedPromotion": "En deltagare behöver godkänna din förfrågan först.",
+            "requestToJoin": "Håller upp handen",
+            "requestToJoinDescription": "Din begäran skickades till en moderator. Var god dröj!",
+            "title": "Du är en besökare i mötet"
+        },
+        "waitingMessage": "Du kommer att komma in i mötet när det är live!"
+    },
+    "volumeSlider": "Volymreglage",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Tryck för att gå med",
+            "roomname": "Skriv in rumsnamn"
+        },
+        "addMeetingName": "Lägg till mötesnamn",
+        "appDescription": "Sätt igång, videochatta med hela teamet. Eller bjud in alla du känner. {{app}} är en helt krypterad, öppen källkod videokonferenslösning som du kan använda obegränsat utan kostnad – inget användarkonto behövs.",
+        "audioVideoSwitch": {
+            "audio": "Ljud",
+            "video": "Video"
+        },
+        "calendar": "Kalender",
+        "connectCalendarButton": "Anslut din kalender",
+        "connectCalendarText": "Anslut din kalender för att se alla möten i {{app}}. Lägg även till möten med {{provider}} i din kalender och starta dem med ett klick.",
+        "enterRoomTitle": "Starta ett nytt möte",
+        "getHelp": "Få hjälp",
+        "go": "KÖR",
+        "goSmall": "BÖRJA",
+        "headerSubtitle": "Säkra möten med hög kvalitet",
+        "headerTitle": "Jitsi Meet",
+        "info": "Info",
+        "jitsiOnMobile": "Jitsi på mobilen - ladda ner våra appar och starta ett möte var som helst",
+        "join": "Gå med",
+        "logo": {
+            "calendar": "Kalender logotyp",
+            "desktopPreviewThumbnail": "Miniatyrbild av skrivbordsförhandsgranskning",
+            "googleLogo": "Google logotyp",
+            "logoDeepLinking": "Jitsi logotyp",
+            "microsoftLogo": "Microsoft logotyp",
+            "policyLogo": "Policy-logotyp"
+        },
+        "meetingsAccessibilityLabel": "Möten",
+        "mobileDownLoadLinkAndroid": "Ladda ner mobilappen för Android",
+        "mobileDownLoadLinkFDroid": "Ladda ner mobilappen för F-droid",
+        "mobileDownLoadLinkIos": "Ladda ner mobilappen för iOS",
+        "moderatedMessage": "Eller <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\"> boka en mötesadress </a> i förväg där du är den enda moderatorn.",
+        "privacy": "Integritet",
+        "recentList": "Tidigare",
+        "recentListDelete": "Radera",
+        "recentListEmpty": "Inga tidigare möten. Chatta med ditt team och hitta alla tidigare möten där.",
+        "recentMeetings": "Dina senaste möten",
+        "reducedUIText": "Välkommen till {{app}}!",
+        "roomNameAllowedChars": "Mötesnamn kan inte innehålla dessa tecken: ?, &,:, ', \",%, #.",
+        "roomname": "Skriv in rumsnamn",
+        "roomnameHint": "Ange namnet eller URL:en till mötesrummet du vill ansluta till. Du kan hitta på ett nytt namn, berätta då för de andra du tänker möta så de anger samma namn.",
+        "sendFeedback": "Ge återkoppling",
+        "settings": "Inställningar",
+        "startMeeting": "Starta möte",
+        "terms": "Villkor",
+        "title": "Säkra, välutrustade och helt kostnadsfria videokonferenser",
+        "upcomingMeetings": "Dina kommande möten"
+    },
+    "whiteboard": {
+        "accessibilityLabel": {
+            "heading": "Whiteboard"
+        },
+        "screenTitle": "Whiteboard"
+    }
+}
diff --git a/lang/main-te.json b/lang/main-te.json
new file mode 100644
index 0000000..d6bc18b
--- /dev/null
+++ b/lang/main-te.json
@@ -0,0 +1,994 @@
+{
+    "addPeople": {
+        "add": "ఆహ్వానించు",
+        "addContacts": "మీ పరిచయాలను ఆహ్వానించండి",
+        "copyInvite": "సమావేశ ఆహ్వానాన్ని కాపీచేయి",
+        "copyLink": "సమావేశ లంకెను కాపీచేయి",
+        "copyStream": "లైన్ స్ట్రీమింగ్ లంకెను కాపీచేయి",
+        "countryNotSupported": "మేము ఈ గమ్యస్థానాన్ని తోడ్పాటు చేయట్లేదు.",
+        "countryReminder": "అమెరికా బయటకి పిలుస్తున్నారా? దయచేసి దేశపు సంకేతంతో మొదలుపెట్టండి!",
+        "defaultEmail": "మీ అప్రమేయ ఈమెయిలు",
+        "disabled": "మీరు ఇతరులను ఆహ్వానించలేరు.",
+        "failedToAdd": "పాల్గొనేవాళ్ళను చేర్చడం విఫలమయింది",
+        "footerText": "బయటకు డయల్ చేయడం అచేతనం చేయబడింది.",
+        "googleEmail": "గూగుల్ ఈమెయిలు",
+        "inviteMoreHeader": "ఈ సమావేశంలో మీరొక్కరే ఉన్నారు",
+        "inviteMoreMailSubject": "{{appName}} సమావేశంలో చేరండి",
+        "inviteMorePrompt": "మరికొందరిని ఆహ్వానించండి",
+        "linkCopied": "లంకె క్లిప్‌బోర్డుకి కాపీ అయ్యింది",
+        "loading": "ప్రజల కోసం, ఫోను నెంబర్ల కోసం వెతుకుతున్నాం",
+        "loadingNumber": "ఫోను నెంబరును సరిచూస్తున్నాం",
+        "loadingPeople": "ఆహ్వానించాల్సిన ప్రజల కోసం వెతుకుతున్నాం",
+        "noResults": "సరిపడే వెతుకుడు ఫలితాలు లేవు",
+        "noValidNumbers": "దయచేసి ఒక ఫోను నెంబరును ఇవ్వండి",
+        "outlookEmail": "ఔట్‌లుక్ ఈమెయిలు",
+        "searchNumbers": "ఫోను నెంబర్లు చేర్చు",
+        "searchPeople": "ప్రజల కోసం వెతుకు",
+        "searchPeopleAndNumbers": "ప్రజలను వెతకండి లేదా వారి ఫోను నెంబర్లను చేర్చండి",
+        "shareInvite": "సమావేశ ఆహ్వానాన్ని పంచుకోండి",
+        "shareLink": "ఇతరులను ఆహ్వానించడానికి సమావేశ లంకెను పంచుకోండి",
+        "shareStream": "లైవ్ స్ట్రీమింగ్ లంకెను పంచుకోండి",
+        "sip": "SIP: {{address}}",
+        "telephone": "టెలిఫోను: {{number}}",
+        "title": "ఈ సమావేశానికి ప్రజలను ఆహ్వానించండి",
+        "yahooEmail": "యాహూ ఈమెయిలు"
+    },
+    "audioDevices": {
+        "bluetooth": "బ్లూటూత్",
+        "headphones": "హెడ్‌ఫోన్స్",
+        "none": "ఆడియో పరికరాలేమీ అందుబాటులో లేవు",
+        "phone": "ఫోను",
+        "speaker": "స్పీకర్"
+    },
+    "audioOnly": {
+        "audioOnly": "తక్కువ బ్యాండ్‌విడ్త్"
+    },
+    "calendarSync": {
+        "addMeetingURL": "సమావేశ లంకెను చేర్చు",
+        "confirmAddLink": "ఈ కార్యక్రమానికి జిత్సి లంకెను చేర్చాలనుకుంటున్నారా?",
+        "error": {
+            "appConfiguration": "Calendar integration is not properly configured.",
+            "generic": "An error has occurred. Please check your calendar settings or try refreshing the calendar.",
+            "notSignedIn": "An error occurred while authenticating to see calendar events. Please check your calendar settings and try logging in again."
+        },
+        "join": "చేరండి",
+        "joinTooltip": "ఈ సమావేశంలో చేరండి",
+        "nextMeeting": "తర్వాతి సమావేశం",
+        "noEvents": "రాబోయే కార్యక్రమాలు ఏమీ లేవు.",
+        "ongoingMeeting": "జరుగుతూన్న సమావేశం",
+        "permissionButton": "అమరికలను తెరువు",
+        "permissionMessage": "అనువర్తనలో మీ సమావేశాలను చూడడానికి క్యాలెండరు అనుమతి అవసరం.",
+        "refresh": "క్యాలెండరును తాజాపరుచు",
+        "today": "నేడు"
+    },
+    "chat": {
+        "enter": "సంభాషణ గది లోనికి వెళ్ళండి",
+        "error": "తప్పిదం: మీ సందేశం పంపబడలేదు. కారణం: {{error}}",
+        "fieldPlaceHolder": "మీ సందేశాన్ని ఇక్కడ ఇవ్వండి",
+        "messageTo": "{{recipient}}‍కి అంతరంగిక సందేశం",
+        "messagebox": "సందేశం టైపు చెయ్యండి",
+        "nickname": {
+            "popover": "ఒక మారుపేరు ఎంచుకోండి",
+            "title": "సంభాషణను మొదలుపెట్టడానికి ఒక మారుపేరును ఇవ్వండి",
+            "titleWithPolls": "సంభాషణను మొదలుపెట్టడానికి ఒక మారుపేరును ఇవ్వండి"
+        },
+        "noMessagesMessage": "ఈ సమావేశంలో ఇంకా సందేశాలేమీ లేవు. ఇక్కడ ఒక సంభాషణను మొదలుపెట్టండి!",
+        "privateNotice": "{{recipient}}‌కి అంతరంగిక సందేశం",
+        "sendButton": "పంపించు",
+        "title": "సంభాషణ",
+        "titleWithPolls": "సంభాషణ",
+        "you": "మీరు"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "క్రోమ్ పొడగింతను స్థాపించు",
+        "dontShowAgain": "దీన్ని నాకు మళ్ళీ చూపించకు",
+        "installExtensionText": "గూగుల్ క్యాలెండర్, ఆఫీస్ 365 సమన్వయం కోసం పొడగింతను స్థాపించుకోండి"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "మిమ్మల్ని సమావేశంలో చేరుస్తోంది…"
+    },
+    "connection": {
+        "ATTACHED": "జోడించబడింది",
+        "AUTHENTICATING": "అధీకరిస్తూన్నది",
+        "AUTHFAIL": "అధీకరణ విఫలమైంది",
+        "CONNECTED": "అనుసంధానమైంది",
+        "CONNECTING": "అనుసంధానమవుతూన్నది",
+        "CONNFAIL": "అనుసంధానం విఫలమైంది",
+        "DISCONNECTED": "అనుసంధానం కాలేదు",
+        "DISCONNECTING": "అనుసంధానం తెంచుతున్నది",
+        "ERROR": "తప్పిదం",
+        "FETCH_SESSION_ID": "Session-id తెస్తూన్నది…",
+        "GET_SESSION_ID_ERROR": "Session-id పొందడంలో తప్పిదం: {{code}}",
+        "GOT_SESSION_ID": "Session-id తెస్తూన్నది… పూర్తయింది",
+        "LOW_BANDWIDTH": "బ్యాండ్‌విడ్త్ ఆదా చేయడం కోసం {{displayName}} నుండి వీడియో ఆపివేయబడింది"
+    },
+    "connectionindicator": {
+        "address": "చిరునామా:",
+        "audio_ssrc": "Audio SSRC:",
+        "bandwidth": "అంచనావేసిన బ్యాండ్‌విడ్త్:",
+        "bitrate": "బిట్‌రేటు:",
+        "bridgeCount": "సేవికల సంఖ్య: ",
+        "codecs": "కోడెక్స్ (A/V): ",
+        "connectedTo": "దీనికి అనుసంధానమైంది:",
+        "framerate": "ఫ్రేమ్ రేటు:",
+        "less": "తక్కువ చూపించు",
+        "localaddress": "స్థానిక చిరునామా:",
+        "localaddress_plural": "స్థానిక చిరునామాలు:",
+        "localport": "స్థానిక పోర్టు:",
+        "localport_plural": "స్థానిక పోర్టులు:",
+        "maxEnabledResolution": "గరిష్ఠం పంపించు",
+        "more": "ఎక్కువ చూపించు",
+        "packetloss": "ప్యాకెట్ నష్టం:",
+        "participant_id": "పాల్గోలరి id:",
+        "quality": {
+            "good": "బాగుంది",
+            "inactive": "అచేతనం",
+            "lost": "పోయింది",
+            "nonoptimal": "అంతబాలేదు",
+            "poor": "బాలేదు"
+        },
+        "remoteaddress": "సుదూర చిరునామా:",
+        "remoteaddress_plural": "సుదూర చిరునామాలు:",
+        "remoteport": "సుదూర పోర్టు:",
+        "remoteport_plural": "సుదూర పోర్టులు:",
+        "resolution": "రిజల్యూషన్:",
+        "savelogs": "చిట్టాలు భద్రపరచు",
+        "status": "అనుసంధానం:",
+        "transport": "Transport:",
+        "transport_plural": "Transports:",
+        "video_ssrc": "వీడియో SSRC:"
+    },
+    "dateUtils": {
+        "earlier": "మునుపు",
+        "today": "నేడు",
+        "yesterday": "నిన్న"
+    },
+    "deepLinking": {
+        "appNotInstalled": "మీ చరవాణి ద్వారా చేరడానికి మీకు {{app}} మొబైల్ అనువర్తనం కావాలి.",
+        "description": "ఏమీ కాలేదా? మీ సమావేశాన్ని మేము {{app}} డెస్క్‌టాప్ అనువర్తనంలో తెరవడానికి ప్రయత్నించాము. మళ్ళీ ప్రయత్నించండి లేదా {{app}} జాల అనువర్తనంలో తెరవండి.",
+        "descriptionWithoutWeb": "ఏమీ కాలేదా? మీ సమావేశాన్ని {{app}} డెస్క్‌టాప్ అనువర్తనంలో తెరవడానికి ప్రయత్నించాము.",
+        "downloadApp": "అనువర్తనాన్ని దించుకోండి",
+        "ifDoNotHaveApp": "మీకు ఇంకా అనువర్తనం లేకపోతే:",
+        "ifHaveApp": "మీకు ఇప్పటికే అనువర్తనం ఉంటే:",
+        "joinInApp": "అనువర్తనం ద్వారా సమావేశంలో చేరండి",
+        "launchWebButton": "జాలంలో తెరవండి",
+        "title": "మీ సమావేశాన్ని {{app}}లో తెరుస్తూన్నది…",
+        "tryAgainButton": "డెస్క్‌టాప్‌లో మళ్ళీ ప్రయత్నించు"
+    },
+    "defaultLink": "ఉదా॥ {{url}}",
+    "defaultNickname": "ఉదా॥ రమేశ్ సూరంపూడి",
+    "deviceError": {
+        "cameraError": "మీ కేమెరాను చేరుకోవడం విఫలమైంది",
+        "cameraPermission": "కేమెరా అనుమతి పొందడంలో తప్పిదం",
+        "microphoneError": "మీ మైక్రోఫోనును చేరుకోవడం విఫలమైంది",
+        "microphonePermission": "మైక్రోఫోను అనుమతి పొండడంలో తప్పిదం"
+    },
+    "deviceSelection": {
+        "noPermission": "అనుమతి ఇవ్వలేదు",
+        "previewUnavailable": "మునుజూపు అందుబాటులో లేదు",
+        "selectADevice": "ఒక పరికరాన్ని ఎంచుకోండి",
+        "testAudio": "ఒక పరీక్షా ధ్వనిని వినిపించు"
+    },
+    "dialOut": {
+        "statusMessage": "ఇప్పుడు {{status}}"
+    },
+    "dialog": {
+        "Back": "వెనుకకు",
+        "Cancel": "రద్దుచేయి",
+        "IamHost": "నేనే అతిథేయిని",
+        "Ok": "సరే",
+        "Remove": "తీసివేయి",
+        "Share": "పంచుకోండి",
+        "Submit": "దాఖలుచేయి",
+        "WaitForHostMsg": "The conference has not yet started. If you are the host then please authenticate. Otherwise, please wait for the host to arrive.",
+        "WaitingForHostTitle": "అతిథేయి కోసం వేచివున్నాం…",
+        "Yes": "అవును",
+        "accessibilityLabel": {
+            "liveStreaming": "తాజా స్ట్రీమింగ్"
+        },
+        "add": "చేర్చు",
+        "allow": "అనుమతించు",
+        "alreadySharedVideoMsg": "మరొక పాల్గోలరి ఇప్పటికే వీడియో పంచుకుంటున్నారు. ఈ సమావేశం ఒకసారి ఒక వీడియోను మాత్రమే పంచుకోనిస్తుంది.",
+        "alreadySharedVideoTitle": "ఒకసారి ఒక వీడియోకు మాత్రమే అనుమతి ఉంది",
+        "applicationWindow": "అనువర్తన కిటికీ",
+        "authenticationRequired": "అధీకరణ తప్పనిసరి",
+        "cameraConstraintFailedError": "అవసరమైన కొన్ని నిబంధనలను మీ కేమెరా సంతృప్తి పరచలేదు.",
+        "cameraNotFoundError": "కేమెరా కనబడలేదు.",
+        "cameraNotSendingData": "మీ కేమెరాను చేరుకోలేకపోతున్నాం. ఈ పరికరాన్ని మరొక అనువర్తనం ఏమైనా వాడుతుందేమో చూడండి, అమరికల మెనూ నుండి మరొక పరికరాన్ని ఎంచుకోండి లేదా అనువర్తనాన్ని రీలోడ్ చెయ్యండి.",
+        "cameraNotSendingDataTitle": "కేమెరాను చేరుకోలేకపోతున్నాం",
+        "cameraPermissionDeniedError": "మీ కేమెరాను వాడటానికి మీరు అనుమతిని మంజూరు చెయ్యలేదు. అయినప్పటికీ మీరు సమావేశంలో చేరవచ్చు కానీ ఇతరులు మిమ్మల్ని చూడలేరు. దీన్ని సరిచేయడానికి చిరునామాపట్టీలే కేమెరా ప్రతీకాన్ని నొక్కండి.",
+        "cameraTimeoutError": "వీడియో మూలాన్ని మొదలుపెట్టలేకపోయాం. కాలం చెల్లిపోయింది!",
+        "cameraUnknownError": "ఏదో తెలియని కారణం చేత కేమెరాను వాడలేకున్నాం.",
+        "cameraUnsupportedResolutionError": "కావాల్సిన వీడియో రిజల్యూషనుకు మీ కేమెరాలో తోడ్పాటు లేదు.",
+        "close": "మూసివేయి",
+        "conferenceDisconnectMsg": "మీ నెట్‌వర్క్ అనుసంధానాన్ని ఒకసారి సరిచూసుకోండి. {{seconds}} క్షణాల్లో తిరిగి అనుసంధానమవుతుంది…",
+        "conferenceDisconnectTitle": "మీ అనుసంధానం తెగిపోయింది.",
+        "conferenceReloadMsg": "దాన్ని సరిచేయడానికి ప్రయత్నిస్తున్నాం. {{seconds}} క్షణాల్లో తిరిగి అనుసంధానమవుతుంది…",
+        "conferenceReloadTitle": "దురదృష్టవశాత్తూ, ఏదో తప్పు జరిగింది.",
+        "confirm": "నిర్ధారించండి",
+        "confirmNo": "కాదు",
+        "confirmYes": "అవును",
+        "connectError": "అయ్యో! ఏదో తప్పు జరిగింది, సమావేశానికి అనుసంధానం కాలేకపోయాం.",
+        "connectErrorWithMsg": "అయ్యో! ఏదో తప్పు జరిగింది, సమావేశానికి అనుసంధానం కాలేకపోయాం: {{msg}}",
+        "connecting": "అనుసంధానమవుతూన్నది",
+        "contactSupport": "తోడ్పాటును సంప్రదించండి",
+        "copied": "కాపీ అయ్యింది",
+        "copy": "కాపీచేయి",
+        "dismiss": "విస్మరించు",
+        "displayNameRequired": "నమస్తే! మీ పేరు ఏమిటి?",
+        "done": "పూర్తయింది",
+        "e2eeDescription": "End-to-End Encryption is currently EXPERIMENTAL. Please keep in mind that turning on end-to-end encryption will effectively disable server-side provided services such as: recording, live streaming and phone participation. Also keep in mind that the meeting will only work for people joining from browsers with support for insertable streams.",
+        "e2eeLabel": "Enable End-to-End Encryption",
+        "e2eeWarning": "WARNING: Not all participants in this meeting seem to have support for End-to-End encryption. If you enable it they won't be able to see nor hear you.",
+        "enterDisplayName": "దయచేసి ఇక్కడ మీ పేరు ఇవ్వండి",
+        "error": "తప్పిదం",
+        "gracefulShutdown": "ప్రస్తుతం మా సేవలు నిర్వహణ నిమిత్తం అందుబాటులో లేవు. దయచేసి కాసేపాగి ప్రయత్నించండి.",
+        "grantModeratorDialog": "మీరు నిజంగానే ఈ సదస్యునికి మధ్యవర్తి హోదా మంజూరు చేద్దామనుకుంటున్నారా?",
+        "grantModeratorTitle": "మధ్యవర్తిత్వాన్ని మంజూరుచేయి",
+        "incorrectPassword": "తప్పుడు వాడుకరి పేరు లేదా సంకేతపదం",
+        "incorrectRoomLockPassword": "సంకేతపదం తప్పు",
+        "internalError": "అయ్యో! ఏదో తప్పు జరిగింది. ఇదీ తప్పిదం: {{error}}",
+        "internalErrorTitle": "అంతర్గంత తప్పిదం",
+        "kickMessage": "మరిన్ని వివరాలకు మీరు {{participantDisplayName}}‌ను సంప్రదించవచ్చు.",
+        "kickParticipantButton": "బయటికి గెంటేయి",
+        "kickParticipantDialog": "మీరు నిజంగానే ఈ సదస్యుడిని బయటికి గెంటేయాలనుకుంటున్నారా?",
+        "kickParticipantTitle": "ఈ సదస్యుడిని గెంటేయాలా?",
+        "kickTitle": "అయ్యో! మిమ్మల్ని సమావేశం నుండి {{participantDisplayName}} బయటికి గెంటేసారు",
+        "liveStreaming": "లైవ్ స్ట్రీమింగ్",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "రికార్డింగు చేస్తున్నప్పడు కుదరదు",
+        "liveStreamingDisabledTooltip": "లైవ్ స్ట్రీమ్ మొదలుపెట్టడం అచేనతనమైవుంది.",
+        "lockMessage": "Failed to lock the conference.",
+        "lockRoom": "Add meeting $t(lockRoomPassword)",
+        "lockTitle": "Lock failed",
+        "login": "ప్రవేశించు",
+        "logoutQuestion": "మీరు నిజంగానే నిష్క్రమించి ఈ సమావేశాన్ని ఆపేయాలనుకుంటున్నారా?",
+        "logoutTitle": "నిష్క్రమణ",
+        "maxUsersLimitReached": "సదస్యుల సంఖ్య గరిష్ఠ పరిమితికి చేరుకుంది. సమావేశం నిండుగా ఉంది. దయచేసి సమావేశ యజమానిని సంప్రదించండి లేదా మళ్ళీ ప్రయత్నించండి!",
+        "maxUsersLimitReachedTitle": "సదస్యుల సంఖ్య గరిష్ఠ పరిమితికి చేరుకుంది",
+        "micConstraintFailedError": "అవసరమైన కొన్ని నిబంధనలను మీ మైక్రోఫోను సంతృప్తి పరచడంలేదు.",
+        "micNotFoundError": "మైక్రోఫోను కనబడలేదు.",
+        "micNotSendingData": "మీ కంప్యూటర్ అమరికల లోనికి వెళ్ళి మైకుని అమౌనించండి, దాని ధ్వనిస్థాయిని సర్దుబాటుచేయండి",
+        "micNotSendingDataTitle": "మీ కంప్యూటర్ అమరికలు మీ మైకును మౌనించాయి",
+        "micPermissionDeniedError": "You have not granted permission to use your microphone. You can still join the conference but others won't hear you. Use the camera button in the address bar to fix this.",
+        "micTimeoutError": "Could not start audio source. Timeout occurred!",
+        "micUnknownError": "Cannot use microphone for an unknown reason.",
+        "muteEveryoneDialog": "Are you sure you want to mute everyone? You won't be able to unmute them, but they can unmute themselves at any time.",
+        "muteEveryoneElseDialog": "Once muted, you won't be able to unmute them, but they can unmute themselves at any time.",
+        "muteEveryoneElseTitle": "Mute everyone except {{whom}}?",
+        "muteEveryoneElsesVideoDialog": "Once the camera is disabled, you won't be able to turn it back on, but they can turn it back on at any time.",
+        "muteEveryoneElsesVideoTitle": "Disable everyone's camera except {{whom}}?",
+        "muteEveryoneSelf": "yourself",
+        "muteEveryoneStartMuted": "ఇకనుండి అందరూ మౌనించబడే మొదలవుతారు",
+        "muteEveryoneTitle": "అందరినీ మౌనించాలా?",
+        "muteEveryonesVideoDialog": "Are you sure you want to disable everyone's camera? You won't be able to turn it back on, but they can turn it back on at any time.",
+        "muteEveryonesVideoDialogOk": "అచేతనించు",
+        "muteEveryonesVideoTitle": "అందరి కేమెరాలనూ అచేతనించాలా?",
+        "muteParticipantBody": "మీరు వారిని అమౌనించలేరు, కానీ వారంతవారు ఎప్పుడైనా అమౌనించుకోగలరు.",
+        "muteParticipantButton": "మౌనించు",
+        "muteParticipantDialog": "ఈ సదస్యుడిని మీరు నిజంగానే మౌనించాలనుకుంటున్నారా? మీరు వారిని అమౌనించలేరు, కానీ వారంతవారు ఎప్పుడైనా అమౌనించుకోగలరు.",
+        "muteParticipantTitle": "ఈ సదస్యుడిని మౌనించాలా?",
+        "muteParticipantsVideoBody": "వారి కేమెరాను మీరు తిరిగి చేతనించలేరు, కానీ వారు ఎప్పుడైనా చేతనించుకోగలరు.",
+        "muteParticipantsVideoButton": "కేమెరాను అచేతనించు",
+        "muteParticipantsVideoTitle": "ఈ సదస్యుని కేమెరాను అచేతనించాలా?",
+        "password": "సంకేతపదం",
+        "passwordLabel": "ఈ సమావేశానికి ఒక సదస్యులు తాళం వేసివున్నారు. చేరడానికి దయచేసి $t(lockRoomPassword) ఇవ్వండి.",
+        "passwordNotSupported": "సమావేశానికి $t(lockRoomPassword) అమర్చడానికి తోడ్పాటులేదు.",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) తోడ్పాటులేదు",
+        "passwordRequired": "$t(lockRoomPasswordUppercase) తప్పనిసరి",
+        "popupError": "Your browser is blocking pop-up windows from this site. Please enable pop-ups in your browser's security settings and try again.",
+        "popupErrorTitle": "Pop-up blocked",
+        "readMore": "మరింత",
+        "recording": "రికార్డింగు",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "లైన్ స్ట్రీమ్ చేతనంగా ఉన్నప్పుడు రికార్డింగు కుదరదు",
+        "recordingDisabledTooltip": "రికార్డింగు చేయడం అచేతనించబడింది.",
+        "rejoinNow": "ఇప్పుడే మళ్ళీ చేరు",
+        "remoteControlAllowedMessage": "{{user}} accepted your remote control request!",
+        "remoteControlDeniedMessage": "{{user}} rejected your remote control request!",
+        "remoteControlErrorMessage": "An error occurred while trying to request remote control permissions from {{user}}!",
+        "remoteControlRequestMessage": "Will you allow {{user}} to remotely control your desktop?",
+        "remoteControlShareScreenWarning": "Note that if you press \"Allow\" you will share your screen!",
+        "remoteControlStopMessage": "The remote control session ended!",
+        "remoteControlTitle": "Remote desktop control",
+        "removePassword": "$t(lockRoomPassword)ను తీసివేయి",
+        "removeSharedVideoMsg": "Are you sure you would like to remove your shared video?",
+        "removeSharedVideoTitle": "Remove shared video",
+        "reservationError": "Reservation system error",
+        "reservationErrorMsg": "Error code: {{code}}, message: {{msg}}",
+        "retry": "మళ్ళీ ప్రయత్నించు",
+        "screenSharingAudio": "Share audio",
+        "screenSharingFailed": "Oops! Something went wrong, we weren’t able to start screen sharing!",
+        "screenSharingFailedTitle": "తెర పంచుకోలు విఫలమైంది!",
+        "screenSharingPermissionDeniedError": "Oops! Something went wrong with your screen sharing permissions. Please reload and try again.",
+        "sendPrivateMessage": "You recently received a private message. Did you intend to reply to that privately, or you want to send your message to the group?",
+        "sendPrivateMessageCancel": "సమూహానికి పంపించు",
+        "sendPrivateMessageOk": "అంతరంగికంగా పంపించు",
+        "sendPrivateMessageTitle": "అంతరంగికంగా పంపించాలా?",
+        "serviceUnavailable": "సేవ అందుబాటులో లేదు",
+        "sessTerminated": "Call terminated",
+        "sessionRestarted": "Call restarted because of a connection issue.",
+        "shareVideoLinkError": "దయచేసి సరైన యూట్యూబ్ లంకెను ఇవ్వండి.",
+        "shareVideoTitle": "ఒక వీడియో పంచుకోండి",
+        "shareYourScreen": "మీ తెరను పంచుకోండి",
+        "shareYourScreenDisabled": "తెరను పంచుకోవడం అచేతనం చేయబడింది.",
+        "startLiveStreaming": "లైవ్ స్ట్రీము మొదలుపెట్టు",
+        "startRecording": "రికార్డింగు మొదలుపెట్టు",
+        "startRemoteControlErrorMessage": "An error occurred while trying to start the remote control session!",
+        "stopLiveStreaming": "లైవ్ స్ట్రీము ఆపివేయి",
+        "stopRecording": "రికార్డింగు ఆపివేయి",
+        "stopRecordingWarning": "మీరు నిజంగానే రికార్డింగు ఆపివేయాలనుకుంటున్నారా?",
+        "stopStreamingWarning": "మీరు నిజంగానే లైవ్ స్ట్రీమును ఆపివేయాలనుకుంటున్నారా?",
+        "streamKey": "Live stream key",
+        "thankYou": "{{appName}} వాడుతున్నందుకు కృతజ్ఞతలు!",
+        "token": "token",
+        "tokenAuthFailed": "క్షమించండి, మీరు ఈ కాల్‌లో చేరలేరు.",
+        "tokenAuthFailedTitle": "అధీకరణ విఫలమైంది",
+        "transcribing": "Transcribing",
+        "unlockRoom": "సమావేశ $t(lockRoomPassword)ను తీసివేయి",
+        "user": "వాడుకరి",
+        "userIdentifier": "వాడుకరి గుర్తింపు",
+        "userPassword": "వాడుకరి సంకేతపదం",
+        "videoLink": "వీడియో లంకె",
+        "yourEntireScreen": "మీ పూర్తి తెర"
+    },
+    "documentSharing": {
+        "title": "పంచుకున్న పత్రం"
+    },
+    "e2ee": {
+        "labelToolTip": "Audio and Video Communication on this call is end-to-end encrypted"
+    },
+    "embedMeeting": {
+        "title": "Embed this meeting"
+    },
+    "feedback": {
+        "average": "పర్లేదు",
+        "bad": "బాలేదు",
+        "detailsLabel": "దాని గురించి మాకు మరికొంత చెప్పండి.",
+        "good": "బాగుంది",
+        "rateExperience": "మీ సమావేశ అనుభవాన్ని రేట్ చేయండి",
+        "veryBad": "అసలు బాలేదు",
+        "veryGood": "చాలా బాగుందిా"
+    },
+    "helpView": {
+        "title": "సహాయ కేంద్రం"
+    },
+    "incomingCall": {
+        "answer": "బదులివ్వు",
+        "audioCallTitle": "Incoming call",
+        "decline": "విస్మరించు",
+        "productLabel": "జిత్సి మీట్ నుండి",
+        "videoCallTitle": "Incoming video call"
+    },
+    "info": {
+        "accessibilityLabel": "సమాచారం చూపించు",
+        "addPassword": "$t(lockRoomPassword) చేర్చు",
+        "cancelPassword": "$t(lockRoomPassword) రద్దుచేయి",
+        "conferenceURL": "లంకె:",
+        "country": "దేశం",
+        "dialANumber": "To join your meeting, dial one of these numbers and then enter the pin.",
+        "dialInConferenceID": "PIN:",
+        "dialInNotSupported": "Sorry, dialing in is currently not supported.",
+        "dialInNumber": "Dial-in:",
+        "dialInSummaryError": "Error fetching dial-in info now. Please try again later.",
+        "dialInTollFree": "ఉచితం",
+        "genericError": "అయ్యో, ఏదో పొరపాటు జరిగింది.",
+        "inviteLiveStream": "To view the live stream of this meeting, click this link: {{url}}",
+        "invitePhone": "To join by phone instead, tap this: {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Looking for a different dial-in number?\nSee meeting dial-in numbers: {{url}}\n\n\nIf also dialing-in through a room phone, join without connecting to audio: {{silentUrl}}",
+        "inviteURLFirstPartGeneral": "ఒక సమావేశంలో చేరమని మిమ్మల్ని ఆహ్వానించారు.",
+        "inviteURLFirstPartPersonal": "మిమ్మల్ని {{name}} ఒక సమావేశానికి ఆహ్వానిస్తున్నారు.\n",
+        "inviteURLSecondPart": "\nసమావేశంలో చేరండి:\n{{url}}\n",
+        "label": "డయలింగ్ సమాచారం",
+        "liveStreamURL": "లైవ్ స్ట్రీమ్:",
+        "moreNumbers": "మరిన్ని నెంబర్లు",
+        "noNumbers": "డయల్ చేసే నెంబర్లేమీ లేవు.",
+        "noPassword": "ఏమీలేదు",
+        "noRoom": "No room was specified to dial-in into.",
+        "numbers": "డయల్ చేయాల్సిన నెంబర్లు",
+        "password": "$t(lockRoomPasswordUppercase):",
+        "title": "పంచుకోలు",
+        "tooltip": "ఈ సమావేశాపు లంకెను, డయలింగ్ సమాచారాన్ని పంచుకోండి"
+    },
+    "inlineDialogFailure": {
+        "msg": "మేము కొంచెం తడబడ్డాం.",
+        "retry": "మళ్ళీ ప్రయత్నించండి",
+        "support": "తోడ్పాటు",
+        "supportMsg": "ఇలా తరచూ జరుగుతూంటే, మమ్మల్ని సంప్రదించండి"
+    },
+    "inviteDialog": {
+        "alertText": "కొంతమంది సదస్యులను ఆహ్వానించలేకపోయాం.",
+        "header": "ఆహ్వానించండి",
+        "searchCallOnlyPlaceholder": "ఫోను నెంబరు ఇవ్వండి",
+        "searchPeopleOnlyPlaceholder": "సదస్యుల కోసం వెతకండి",
+        "searchPlaceholder": "సదస్యుల పేరు లేదా ఫోను నెంబరు",
+        "send": "పంపించు"
+    },
+    "keyboardShortcuts": {
+        "focusLocal": "Focus on your video",
+        "focusRemote": "Focus on another person's video",
+        "fullScreen": "నిండు తెర చూడండి లేదా మూయండి",
+        "keyboardShortcuts": "కీబోర్డు షార్ట్‌కట్లు",
+        "localRecording": "స్థానిక రికార్డింగు నియంత్రణలను చూపించు లేదా దాచు",
+        "mute": "మీ మైక్రోఫోనును మౌనించండి లేదా అమౌనించండి",
+        "pushToTalk": "నొక్కి మాట్లాడండి",
+        "raiseHand": "మీ చేయి ఎత్తండి లేదా దించండి",
+        "showSpeakerStats": "మాట్లాడినవారి గణాంకాలు చూపించు",
+        "toggleChat": "సంభాషణను తెరువు లేదా మూసివేయి",
+        "toggleFilmstrip": "వీడియో నఖచిత్రాలను చూపించు లేదా దాచు",
+        "toggleParticipantsPane": "సదస్యుల జాబితాను చూపించు లేదా దాచు",
+        "toggleScreensharing": "కేమెరా, తెర పంచుకోవడాల మధ్య మారండి",
+        "toggleShortcuts": "కీబోర్డు షార్ట్‌కట్లను చూపించు లేదా దాచు",
+        "videoMute": "మీ కేమెరా మొదలుపెట్టండి లేదా ఆపివేయండి"
+    },
+    "liveStreaming": {
+        "busy": "We're working on freeing streaming resources. Please try again in a few minutes.",
+        "busyTitle": "All streamers are currently busy",
+        "changeSignIn": "Switch accounts.",
+        "choose": "Choose a live stream",
+        "chooseCTA": "Choose a streaming option. You're currently logged in as {{email}}.",
+        "enterStreamKey": "Enter your YouTube live stream key here.",
+        "error": "Live Streaming failed. Please try again.",
+        "errorAPI": "An error occurred while accessing your YouTube broadcasts. Please try logging in again.",
+        "errorLiveStreamNotEnabled": "Live Streaming is not enabled on {{email}}. Please enable live streaming or log into an account with live streaming enabled.",
+        "expandedOff": "The live streaming has stopped",
+        "expandedOn": "The meeting is currently being streamed to YouTube.",
+        "expandedPending": "The live streaming is being started…",
+        "failedToStart": "Live Streaming failed to start",
+        "getStreamKeyManually": "We weren’t able to fetch any live streams. Try getting your live stream key from YouTube.",
+        "googlePrivacyPolicy": "గూగుల్ గోప్యతా విధానం",
+        "invalidStreamKey": "Live stream key may be incorrect.",
+        "limitNotificationDescriptionNative": "Your streaming will be limited to {{limit}} min. For unlimited streaming try {{app}}.",
+        "limitNotificationDescriptionWeb": "Due to high demand your streaming will be limited to {{limit}} min. For unlimited streaming try <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "off": "Live Streaming stopped",
+        "offBy": "{{name}} stopped the live streaming",
+        "on": "Live Streaming started",
+        "onBy": "{{name}} started the live streaming",
+        "pending": "Starting Live Stream…",
+        "serviceName": "లైవ్ స్ట్రీమింగ్ సేవ",
+        "signIn": "గూగుల్‌తో ప్రవేశించండి",
+        "signInCTA": "Sign in or enter your live stream key from YouTube.",
+        "signOut": "నిష్క్రమించు",
+        "signedInAs": "మీరు ప్రస్తుతం ఇలా ప్రవేశించివున్నారు:",
+        "start": "ఒక లైవ్ స్ట్రీమ్ మొదలుపెట్టండి",
+        "streamIdHelp": "ఇది ఏమిటి?",
+        "title": "తాజా స్ట్రీమింగ్",
+        "unavailableTitle": "లైవ్ స్ట్రీమింగ్ అందుబాటులో లేదు",
+        "youtubeTerms": "యూట్యూబ్ సేవా నియమాలు"
+    },
+    "lobby": {
+        "backToKnockModeButton": "సంకేతపదం లేదు, చేర్చుకోమని అడుగు",
+        "dialogTitle": "Lobby mode",
+        "disableDialogContent": "Lobby mode is currently enabled. This feature ensures that unwanted participants can't join your meeting. Do you want to disable it?",
+        "disableDialogSubmit": "అచేతనం చేయి",
+        "emailField": "మీ ఈమెయిలు చిరునామా ఇవ్వండి",
+        "enableDialogPasswordField": "సంకేతపదం పెట్టండి (ఐచ్ఛికం)",
+        "enableDialogSubmit": "చేతనించు",
+        "enableDialogText": "Lobby mode lets you protect your meeting by only allowing people to enter after a formal approval by a moderator.",
+        "enterPasswordButton": "సమావేశ సంకేతపదం ఇవ్వండి",
+        "enterPasswordTitle": "సమావేశంలో చేరడానికి సంకేతపదం ఇవ్వండి",
+        "invalidPassword": "చెల్లని సంకేతపదం",
+        "joinRejectedMessage": "మీ అభ్యర్థనను ఒక మధ్యవర్తి తిరస్కరించారు.",
+        "joinTitle": "సమావేశంలో చేరండి",
+        "joinWithPasswordMessage": "సంకేతపదంతో చేరడానికి ప్రయత్నిస్తున్నది, దయచేసి వేచివుండండి…",
+        "joiningMessage": "ఎవరైనా మీ అభ్యర్థనను ఆమోదించగానే మీరు సమావేశంలో చేరతారు",
+        "joiningTitle": "సమావేశంలో చేరడానికి అడుగుతున్నాం…",
+        "joiningWithPasswordTitle": "సంకేతపదంతో చేరుతున్నారు…",
+        "knockButton": "చేరడానికి అడుగు",
+        "knockTitle": "ఎవరో సమావేశంలో చేరదామనుకుంటున్నారు",
+        "knockingParticipantList": "Knocking participant list",
+        "nameField": "మీ పేరు ఇవ్వండి",
+        "notificationLobbyAccessDenied": "{{targetParticipantName}} has been rejected to join by {{originParticipantName}}",
+        "notificationLobbyAccessGranted": "{{targetParticipantName}} has been allowed to join by {{originParticipantName}}",
+        "notificationLobbyDisabled": "Lobby has been disabled by {{originParticipantName}}",
+        "notificationLobbyEnabled": "Lobby has been enabled by {{originParticipantName}}",
+        "notificationTitle": "Lobby",
+        "passwordField": "సమావేశం సంకేతపదం ఇవ్వండి",
+        "passwordJoinButton": "చేరు",
+        "title": "Lobby",
+        "toggleLabel": "Enable lobby"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "అచేతనం",
+            "on": "చేతనం",
+            "unknown": "తెలియదు"
+        },
+        "dialogTitle": "స్థానిక రికార్డింగు నియంత్రణలు",
+        "duration": "నిడివి",
+        "durationNA": "N/A",
+        "encoding": "ఎన్‌కోడింగు",
+        "label": "LOR",
+        "labelToolTip": "స్థానిక రికార్డింగు నడుస్తూన్నది",
+        "localRecording": "స్థానిక రికార్డింగు",
+        "me": "నేను",
+        "messages": {
+            "engaged": "స్థానిక రికార్డింగు నడుస్తూన్నది.",
+            "finished": "Recording session {{token}} finished. Please send the recorded file to the moderator.",
+            "finishedModerator": "Recording session {{token}} finished. The recording of the local track has been saved. Please ask the other participants to submit their recordings.",
+            "notModerator": "మీరు మధ్యవర్తి కాదు. మీరు స్థానిక రికార్డింగును మొదలుపెట్టలేరు, ఆపివేయలేరు."
+        },
+        "moderator": "మధ్యవర్తి",
+        "no": "వద్దు",
+        "participant": "సదస్యులు",
+        "participantStats": "సదస్యుల గణాంకాలు",
+        "sessionToken": "Session Token",
+        "start": "రికార్డింగు మొదలుపెట్టు",
+        "stop": "రికార్డింగు ఆపివేయి",
+        "yes": "అవును"
+    },
+    "lockRoomPassword": "సంకేతపదం",
+    "lockRoomPasswordUppercase": "సంకేతపదం",
+    "lonelyMeetingExperience": {
+        "button": "ఇతరులను ఆహ్వానించండి",
+        "youAreAlone": "సమావేశంలో మీరొక్కరే ఉన్నారు"
+    },
+    "me": "నేను",
+    "notify": {
+        "OldElectronAPPTitle": "భద్రతా బలహీనత!",
+        "connectedOneMember": "{{name}} సమావేశంలో చేరారు",
+        "connectedThreePlusMembers": "{{name}}, మరో {{count}}గురు సమావేశంలో చేరారు",
+        "connectedTwoMembers": "{{first}}, {{second}} సమావేశంలో చేరారు",
+        "disconnected": "disconnected",
+        "focus": "Conference focus",
+        "focusFail": "{{component}} అందుబాటులో లేదు - {{ms}} క్షణాలలో ప్రయత్నించండి",
+        "grantedTo": "{{to}}కి మధ్యవర్తిత్వ హక్కులు ఇవ్వబడ్డాయి!",
+        "invitedOneMember": "{{name}} ఆహ్వానించబడ్డారు",
+        "invitedThreePlusMembers": "{{name}}, మరో {{count}}గురు ఆహ్వానించబడ్డారు",
+        "invitedTwoMembers": "{{first}}, {{second}} ఆహ్వానించబడ్డారు",
+        "kickParticipant": "{{kicked}}‌ను {{kicker}} బయటికి గెంటేసారు",
+        "me": "Me",
+        "moderator": "మధ్యవర్తిత్వ హక్కులు ఇవ్వబడ్డాయి!",
+        "muted": "You have started the conversation muted.",
+        "mutedRemotelyDescription": "You can always unmute when you're ready to speak. Mute back when you're done to keep noise away from the meeting.",
+        "mutedRemotelyTitle": "{{participantDisplayName}} మిమ్మల్ని మౌనించారు!",
+        "mutedTitle": "మిమ్మల్ని మౌనించారు!",
+        "newDeviceAction": "వాడు",
+        "newDeviceAudioTitle": "కొత్త ఆడియో పరికరం కనుగొనబడింది",
+        "newDeviceCameraTitle": "కొత్త కేమెరా కనుగొనబడింది",
+        "oldElectronClientDescription1": "You appear to be using an old version of the Jitsi Meet client which has known security vulnerabilities. Please make sure you update to our ",
+        "oldElectronClientDescription2": "సరికొత్త బిల్డు",
+        "oldElectronClientDescription3": " ఇప్పుడే!",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) removed by another participant",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) set by another participant",
+        "raisedHand": "{{name}} మాట్లాడాలనుకుంటున్నారు.",
+        "screenShareNoAudio": " Share audio box was not checked in the window selection screen.",
+        "screenShareNoAudioTitle": "Share audio was not checked",
+        "somebody": "Somebody",
+        "startSilentDescription": "Rejoin the meeting to enable audio",
+        "startSilentTitle": "You joined with no audio output!",
+        "suboptimalBrowserWarning": "We are afraid your meeting experience isn't going to be that great here. We are looking for ways to improve this, but until then please try using one of the <a href='{{recommendedBrowserPageLink}}' target='_blank'>fully supported browsers</a>.",
+        "suboptimalExperienceTitle": "విహారిణి హెచ్చరిక",
+        "unmute": "Unmute",
+        "videoMutedRemotelyDescription": "You can always turn it on again.",
+        "videoMutedRemotelyTitle": "Your camera has been disabled by {{participantDisplayName}}!"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "అనుమతించు",
+            "allow": "అనుమతించు",
+            "invite": "ప్రజలను ఆహ్వానించు",
+            "muteAll": "అందరినీ మౌనించు",
+            "reject": "నిరాకరించు",
+            "stopVideo": "వీడియో ఆపివేయి"
+        },
+        "headings": {
+            "lobby": "Lobby ({{count}})",
+            "participantsList": "సదస్యులు ({{count}})"
+        }
+    },
+    "passwordDigitsOnly": "{{number}} అంకెల వరకు",
+    "passwordSetRemotely": "మరో సదస్యులు అమర్చారు",
+    "polls": {
+        "errors": {
+            "notUniqueOption": "ఎంపికలు ప్రత్యేకంగా ఉండాలి"
+        }
+    },
+    "poweredby": "శక్తిమంతం",
+    "prejoin": {
+        "audioAndVideoError": "Audio and video error:",
+        "audioDeviceProblem": "There is a problem with your audio device",
+        "audioOnlyError": "Audio error:",
+        "audioTrackError": "Could not create audio track.",
+        "callMe": "Call me",
+        "callMeAtNumber": "Call me at this number:",
+        "calling": "Calling",
+        "configuringDevices": "Configuring devices…",
+        "connectedWithAudioQ": "You’re connected with audio?",
+        "connection": {
+            "good": "మీ అంతర్జాల అనుసంధానం బానే ఉంది!",
+            "nonOptimal": "మీ అంతర్జాల అనుసంధానం అంత బాగాలేదు",
+            "poor": "మీ అంతర్జాల అనుసంధానం బాలేదు"
+        },
+        "connectionDetails": {
+            "audioClipping": "We expect your audio to be clipped.",
+            "audioHighQuality": "We expect your audio to have excellent quality.",
+            "audioLowNoVideo": "We expect your audio quality to be low and no video.",
+            "goodQuality": "Awesome! Your media quality is going to be great.",
+            "noMediaConnectivity": "We could not find a way to establish media connectivity for this test. This is typically caused by a firewall or NAT.",
+            "noVideo": "We expect that your video will be terrible.",
+            "undetectable": "If you still can not make calls in browser, we recommend that you make sure your speakers, microphone and camera are properly set up, that you have granted your browser rights to use your microphone and camera, and that your browser version is up-to-date. If you still have trouble calling, you should contact the web application developer.",
+            "veryPoorConnection": "We expect your call quality to be really terrible.",
+            "videoFreezing": "We expect your video to freeze, turn black, and be pixelated.",
+            "videoHighQuality": "We expect your video to have good quality.",
+            "videoLowQuality": "We expect your video to have low quality in terms of frame rate and resolution.",
+            "videoTearing": "We expect your video to be pixelated or have visual artefacts."
+        },
+        "copyAndShare": "Copy & share meeting link",
+        "dialInMeeting": "Dial into the meeting",
+        "dialInPin": "Dial into the meeting and enter PIN code:",
+        "dialing": "Dialing",
+        "doNotShow": "ఈ తెరను మళ్ళీ చూపించవద్దు",
+        "errorDialOut": "Could not dial out",
+        "errorDialOutDisconnected": "Could not dial out. Disconnected",
+        "errorDialOutFailed": "Could not dial out. Call failed",
+        "errorDialOutStatus": "Error getting dial out status",
+        "errorMissingName": "సమావేశంలో చేరడానికి దయచేసి మీ పేరు ఇవ్వండి",
+        "errorStatusCode": "Error dialing out, status code: {{status}}",
+        "errorValidation": "నెంబరు సరిచూత విఫలమైంది",
+        "iWantToDialIn": "I want to dial in",
+        "initiated": "Call initiated",
+        "joinAudioByPhone": "ఫోను ఆడియోతో చేరు",
+        "joinMeeting": "సమావేశంలో చేరు",
+        "joinWithoutAudio": "ఆడియో లేకుండా చేరు",
+        "linkCopied": "లంకె క్లిప్‌బోర్డుకి కాపీ అయ్యింది",
+        "lookGood": "మీ మైక్రోఫోను బాగానే పనిచేస్తున్నట్లుంది",
+        "or": "లేదా",
+        "premeeting": "Pre meeting",
+        "screenSharingError": "Screen sharing error:",
+        "startWithPhone": "Start with phone audio",
+        "videoOnlyError": "Video error:",
+        "videoTrackError": "Could not create video track.",
+        "viewAllNumbers": "నెంబర్లన్నిటినీ చూడండి"
+    },
+    "presenceStatus": {
+        "busy": "Busy",
+        "calling": "పిలుస్తూన్నది…",
+        "connected": "అనుసంధానమయ్యింది",
+        "connecting": "అనుసంధానమవుతూన్నది…",
+        "connecting2": "అనుసంధానమవుతూన్నది*…",
+        "disconnected": "అనుసంధానం తెగిపోయింది",
+        "expired": "కాలంచెల్లింది",
+        "ignored": "పట్టించుకోలేదు",
+        "initializingCall": "పిలుపు మొదలవుతూన్నది…",
+        "invited": "ఆహ్వానించారు",
+        "rejected": "తిరస్కరించారు",
+        "ringing": "రింగవుతూన్నది…"
+    },
+    "profile": {
+        "setDisplayNameLabel": "చూపించాల్సిన పేరు అమర్చుకోండి",
+        "setEmailInput": "ఈమెయిలు ఇవ్వండి",
+        "setEmailLabel": "గ్రావతార్ ఈమెయిలు అమర్చుకోండి",
+        "title": "ప్రొఫైలు"
+    },
+    "raisedHand": "మాట్లాడాలనుకుంటున్నారు",
+    "recording": {
+        "authDropboxText": "డ్రాప్‌బాక్స్‌కు ఎక్కించండి",
+        "availableSpace": "అందుబాటులో ఉన్న జాగా: {{spaceLeft}} MB (సుమారు {{duration}} నిమిషాల రికార్డింగు)",
+        "beta": "బీటా",
+        "busy": "We're working on freeing recording resources. Please try again in a few minutes.",
+        "busyTitle": "All recorders are currently busy",
+        "error": "రికార్డింగు విఫలమైంది. దయచేసి మళ్ళీ ప్రయత్నించండి.",
+        "expandedOff": "రికార్డింగు ఆగిపోయింది",
+        "expandedOn": "ఈ సమావేశం ప్రస్తుతం రికార్డు అవుతూన్నది.",
+        "expandedPending": "రికార్డింగు మొదలవుతూన్నది…",
+        "failedToStart": "రికార్డింగు మొదలవడం విఫలమైంది",
+        "fileSharingdescription": "రికార్డింగును సదస్యులతో పంచుకోండి",
+        "limitNotificationDescriptionNative": "Due to high demand your recording will be limited to {{limit}} min. For unlimited recordings try <3>{{app}}</3>.",
+        "limitNotificationDescriptionWeb": "Due to high demand your recording will be limited to {{limit}} min. For unlimited recordings try <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "live": "LIVE",
+        "loggedIn": "{{userName}}‌గా ప్రవేశించారు",
+        "off": "రికార్డింగు ఆగిపోయింది",
+        "offBy": "{{name}} రికార్డింగును ఆపివేసారు",
+        "on": "రికార్డింగు మొదలయింది",
+        "onBy": "{{name}} రికార్డింగును మొదలుపెట్టారు",
+        "pending": "Preparing to record the meeting…",
+        "rec": "REC",
+        "serviceDescription": "Your recording will be saved by the recording service",
+        "serviceDescriptionCloud": "Cloud recording",
+        "serviceName": "రికార్డింగు సేవ",
+        "signIn": "Sign in",
+        "signOut": "Sign out",
+        "title": "రికార్డింగు",
+        "unavailable": "Oops! The {{serviceName}} is currently unavailable. We're working on resolving the issue. Please try again later.",
+        "unavailableTitle": "రికార్డింగు అందుబాటులో లేదు"
+    },
+    "sectionList": {
+        "pullToRefresh": "తాజాకరించడానికి లాగివదలండి"
+    },
+    "security": {
+        "about": "You can add a $t(lockRoomPassword) to your meeting. Participants will need to provide the $t(lockRoomPassword) before they are allowed to join the meeting.",
+        "aboutReadOnly": "Moderator participants can add a $t(lockRoomPassword) to the meeting. Participants will need to provide the $t(lockRoomPassword) before they are allowed to join the meeting.",
+        "insecureRoomNameWarning": "The room name is unsafe. Unwanted participants may join your conference. Consider securing your meeting using the security button.",
+        "securityOptions": "భద్రతా ఎంపికలు"
+    },
+    "settings": {
+        "calendar": {
+            "about": "The {{appName}} calendar integration is used to securely access your calendar so it can read upcoming events.",
+            "disconnect": "Disconnect",
+            "microsoftSignIn": "Sign in with Microsoft",
+            "signedIn": "Currently accessing calendar events for {{email}}. Click the Disconnect button below to stop accessing calendar events.",
+            "title": "క్యారెండరు"
+        },
+        "devices": "పరికరాలు",
+        "followMe": "అందరూ నన్ను అనుసరిస్తారు",
+        "language": "భాష",
+        "loggedIn": "{{name}} వలె ప్రవేశించారు",
+        "microphones": "మైక్రోఫోన్లు",
+        "moderator": "మధ్యవర్తి",
+        "more": "మరిన్ని",
+        "name": "పేరు",
+        "noDevice": "ఏమీలేవు",
+        "selectAudioOutput": "ఆడియో ఔట్‌పుట్",
+        "selectCamera": "కేమెరా",
+        "selectMic": "మైక్రోఫోను",
+        "speakers": "స్పీకర్లు",
+        "startAudioMuted": "అందరూ మౌనించబడి మొదలవుతారు",
+        "startVideoMuted": "అందరూ కనబడకుండా మొదలవుతారు",
+        "title": "అమరికలు"
+    },
+    "settingsView": {
+        "advanced": "ఉన్నతం",
+        "alertCancel": "రద్దుచేయి",
+        "alertOk": "సరే",
+        "alertTitle": "హెచ్చరిక",
+        "alertURLText": "పేర్కొన్న సర్వరు చిరునామా చెల్లనిది",
+        "buildInfoSection": "బిల్డు సమాచారం",
+        "conferenceSection": "సదస్సు",
+        "disableCallIntegration": "Disable native call integration",
+        "disableCrashReporting": "Disable crash reporting",
+        "disableCrashReportingWarning": "Are you sure you want to disable crash reporting? The setting will be applied after you restart the app.",
+        "disableP2P": "Disable Peer-To-Peer mode",
+        "displayName": "చూపించే పేరు",
+        "email": "ఈమెయిలు",
+        "header": "అమరికలు",
+        "profileSection": "ప్రొఫైలు",
+        "serverURL": "సర్వరు చిరునామా",
+        "showAdvanced": "ఉన్నత అమరికలను చూపించు",
+        "startWithAudioMuted": "ఆడియో మౌనించి మొదలుపెట్టు",
+        "startWithVideoMuted": "వీడియో కనబడకుండా మొదలుపెట్టు",
+        "version": "వెర్షను"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nJust want to dial in on your phone?\n\n{{defaultDialInNumber}}Click this link to see the dial in phone numbers for this meeting\n{{dialInfoPageUrl}}",
+        "mainText": "సమావేశంలో చేరడానికి ఈ లంకెను నొక్కండి:\n{{roomUrl}}"
+    },
+    "speaker": "మాట్లాడినవారు",
+    "speakerStats": {
+        "hours": "{{count}}గం",
+        "minutes": "{{count}}ని",
+        "name": "పేరు",
+        "search": "శోధించు",
+        "searchHint": "శోధన పాల్గొనేవారు",
+        "seconds": "{{count}}క్ష",
+        "speakerStats": "మాట్లాడేవారి గణాంకాలు",
+        "speakerTime": "మాట్లాడిన సమయం"
+    },
+    "startupoverlay": {
+        "genericTitle": "ఈ సమావేశం మీ మైక్రోఫోనును, కేమెరాను వాడుకోవాలి.",
+        "policyText": " ",
+        "title": "{{app}} మీ మైక్రోఫోనును, కేమెరాను వాడుకోవాలి."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "మళ్ళీ చేరండి",
+        "text": "Press the <i>Rejoin</i> button to reconnect.",
+        "title": "Your video call was interrupted because this computer went to sleep."
+    },
+    "toolbar": {
+        "Settings": "అమరికలు",
+        "accessibilityLabel": {
+            "Settings": "Toggle settings",
+            "audioOnly": "Toggle audio only",
+            "audioRoute": "Select the sound device",
+            "callQuality": "Manage video quality",
+            "cc": "Toggle subtitles",
+            "chat": "Toggle chat window",
+            "document": "Toggle shared document",
+            "download": "Download our apps",
+            "embedMeeting": "Embed meeting",
+            "feedback": "Leave feedback",
+            "fullScreen": "Toggle full screen",
+            "grantModerator": "Grant Moderator",
+            "hangup": "Leave the call",
+            "help": "సహాయం",
+            "invite": "Invite people",
+            "kick": "Kick participant",
+            "lobbyButton": "Enable/disable lobby mode",
+            "localRecording": "Toggle local recording controls",
+            "lockRoom": "Toggle meeting password",
+            "moreActions": "Toggle more actions menu",
+            "moreActionsMenu": "మరిన్ని చర్యల మెనూ",
+            "moreOptions": "మరిన్ని ఎంపికలు చూపించు",
+            "mute": "Toggle mute audio",
+            "muteEveryone": "అందరినీ మౌనించు",
+            "muteEveryoneElse": "తతిమావారందిరినీ మౌనించు",
+            "muteEveryoneElsesVideo": "తతిమావారందరి కేమెరాలనూ అచేతనించు",
+            "muteEveryonesVideo": "అందరి కేమెరాలనూ అచేతనించు",
+            "participants": "సదస్యులు",
+            "pip": "Toggle Picture-in-Picture mode",
+            "privateMessage": "Send private message",
+            "profile": "Edit your profile",
+            "raiseHand": "Toggle raise hand",
+            "recording": "Toggle recording",
+            "remoteMute": "సదస్యుని మౌనించు",
+            "remoteVideoMute": "Disable camera of participant",
+            "security": "భద్రతా ఎంపికలు",
+            "selectBackground": "వెనుతలం ఎంచుకోండి",
+            "shareRoom": "Invite someone",
+            "shareYourScreen": "Toggle screenshare",
+            "shareaudio": "Share audio",
+            "sharedvideo": "Toggle video sharing",
+            "shortcuts": "Toggle shortcuts",
+            "show": "Show on stage",
+            "speakerStats": "Toggle speaker statistics",
+            "tileView": "Toggle tile view",
+            "toggleCamera": "Toggle camera",
+            "toggleFilmstrip": "Toggle filmstrip",
+            "videomute": "Toggle mute video"
+        },
+        "addPeople": "Add people to your call",
+        "audioOnlyOff": "Disable low bandwidth mode",
+        "audioOnlyOn": "Enable low bandwidth mode",
+        "audioRoute": "Select the sound device",
+        "audioSettings": "ఆడియో అమరికలు",
+        "authenticate": "Authenticate",
+        "callQuality": "Manage video quality",
+        "chat": "Open / Close chat",
+        "closeChat": "సంభాషణ మూసివేయి",
+        "documentClose": "Close shared document",
+        "documentOpen": "Open shared document",
+        "download": "మా అనువర్తనాలు దించుకోండి",
+        "e2ee": "End-to-End Encryption",
+        "embedMeeting": "Embed meeting",
+        "enterFullScreen": "View full screen",
+        "enterTileView": "Enter tile view",
+        "exitFullScreen": "Exit full screen",
+        "exitTileView": "Exit tile view",
+        "feedback": "ప్రతిస్పందన తెలియజేయి",
+        "hangup": "నిష్క్రమించు",
+        "help": "సహాయం",
+        "invite": "ప్రజలను ఆహ్వానించు",
+        "lobbyButtonDisable": "Disable lobby mode",
+        "lobbyButtonEnable": "Enable lobby mode",
+        "login": "ప్రవేశించు",
+        "logout": "నిష్క్రమించు",
+        "lowerYourHand": "మీ చేయి దించండి",
+        "moreActions": "మరిన్ని చర్యలు",
+        "moreOptions": "మరిన్ని ఎంపికలు",
+        "mute": "మౌనించు / అమౌనించు",
+        "muteEveryone": "అందరినీ మౌనించు",
+        "muteEveryonesVideo": "అందరి కేమెరాలనూ అచేతనించు",
+        "noAudioSignalDesc": "If you did not purposely mute it from system settings or hardware, consider switching the device.",
+        "noAudioSignalDescSuggestion": "If you did not purposely mute it from system settings or hardware, consider switching to the suggested device.",
+        "noAudioSignalDialInDesc": "You can also dial-in using:",
+        "noAudioSignalDialInLinkDesc": "Dial-in numbers",
+        "noAudioSignalTitle": "మీ మైకు నుండి శబ్దమేమీ వినపడటం లేదు!",
+        "noisyAudioInputDesc": "It sounds like your microphone is making noise, please consider muting or changing the device.",
+        "noisyAudioInputTitle": "మీ మైక్రోఫోను గోలగా ఉన్నట్టుంది!",
+        "openChat": "సంభాషణను తెరువు",
+        "participants": "సదస్యులు",
+        "pip": "Enter Picture-in-Picture mode",
+        "privateMessage": "అంతరంగిక సందేశం పంపించు",
+        "profile": "మీ ప్రొఫైలును మార్చుకోండి",
+        "raiseHand": "మీ చేయి ఎత్తండి / దించండి",
+        "raiseYourHand": "మీ చేయి ఎత్తండి",
+        "security": "భద్రతా ఎంపికలు",
+        "selectBackground": "వెనుతలం ఎంచుకోండి",
+        "shareRoom": "Invite someone",
+        "shareaudio": "Share audio",
+        "sharedvideo": "Share video",
+        "shortcuts": "View shortcuts",
+        "speakerStats": "Speaker stats",
+        "startScreenSharing": "Start screen sharing",
+        "startSubtitles": "Start subtitles",
+        "stopScreenSharing": "Stop screen sharing",
+        "stopSharedVideo": "Stop video",
+        "stopSubtitles": "Stop subtitles",
+        "talkWhileMutedPopup": "మాట్లాడటానికి ప్రయత్నిస్తున్నారా? మీరు మౌనించబడివున్నారు.",
+        "tileViewToggle": "Toggle tile view",
+        "toggleCamera": "Toggle camera",
+        "videoSettings": "వీడియో అమరికలు",
+        "videomute": "కేమెరా మొదలుపెట్టు / ఆపివేయి"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Start / Stop subtitles",
+        "error": "Transcribing failed. Please try again.",
+        "expandedLabel": "Transcribing is currently on",
+        "failedToStart": "Transcribing failed to start",
+        "labelToolTip": "The meeting is being transcribed",
+        "off": "Transcribing stopped",
+        "pending": "Preparing to transcribe the meeting…",
+        "start": "Start showing subtitles",
+        "stop": "Stop showing subtitles",
+        "tr": "TR"
+    },
+    "userMedia": {
+        "grantPermissions": "Please grant permissions to use your camera and microphone."
+    },
+    "videoSIPGW": {
+        "busy": "We're working on freeing resources. Please try again in a few minutes.",
+        "busyTitle": "The Room service is currently busy",
+        "errorAlreadyInvited": "{{displayName}} already invited",
+        "errorInvite": "Conference not established yet. Please try again later.",
+        "errorInviteFailed": "We're working on resolving the issue. Please try again later.",
+        "errorInviteFailedTitle": "Inviting {{displayName}} failed",
+        "errorInviteTitle": "Error inviting room",
+        "pending": "{{displayName}} ఆహ్వానించబడినారు"
+    },
+    "videoStatus": {
+        "audioOnly": "AUD",
+        "audioOnlyExpanded": "You are in low bandwidth mode. In this mode you will receive only audio and screen sharing.",
+        "callQuality": "వీడియో నాణ్యత",
+        "hd": "HD",
+        "hdTooltip": "Viewing high definition video",
+        "highDefinition": "High definition",
+        "labelTooiltipNoVideo": "వీడియో లేదు",
+        "labelTooltipAudioOnly": "Low bandwidth mode enabled",
+        "ld": "LD",
+        "ldTooltip": "Viewing low definition video",
+        "lowDefinition": "Low definition",
+        "sd": "SD",
+        "sdTooltip": "Viewing standard definition video",
+        "standardDefinition": "Standard definition"
+    },
+    "videothumbnail": {
+        "connectionInfo": "అనుసంధాన సమాచారం",
+        "domute": "మౌనించు",
+        "domuteOthers": "తతిమావారందరినీ మౌనించు",
+        "domuteVideo": "కేమెరాను అచేతనించు",
+        "domuteVideoOfOthers": "తతిమావారందరి కేమెరాలూ అచేతనించు",
+        "flip": "Flip",
+        "grantModerator": "మధ్యవర్తిని చేయి",
+        "kick": "బయటికి గెంటేయి",
+        "moderator": "మధ్యవర్తి",
+        "mute": "సదస్యుడిని మౌనించు",
+        "muted": "మౌనించబడ్డారు",
+        "remoteControl": "Start / Stop remote control",
+        "show": "వేదికపై చూపించు",
+        "videoMuted": "కేమెరా అచేతనంగా ఉంది",
+        "videomute": "సదస్యుడు కేమెరా ఆపివేసుకున్నారు"
+    },
+    "virtualBackground": {
+        "addBackground": "వెనుతలం చేర్చు",
+        "blur": "Blur",
+        "none": "ఏమీలేదు",
+        "pleaseWait": "దయచేసి వేచివుండండి…",
+        "removeBackground": "వెనుతలం తీసివేయి",
+        "slightBlur": "Slight Blur",
+        "title": "మిధ్యా వెనుతలాలు"
+    },
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "చేరడానికి తాకండి",
+            "roomname": "గది పేరు ఇవ్వండి"
+        },
+        "appDescription": "Go ahead, video chat with the whole team. In fact, invite everyone you know. {{app}} is a fully encrypted, 100% open source video conferencing solution that you can use all day, every day, for free — with no account needed.",
+        "audioVideoSwitch": {
+            "audio": "ఆడియో",
+            "video": "వీడియో"
+        },
+        "calendar": "క్యాలెండరు",
+        "connectCalendarButton": "Connect your calendar",
+        "connectCalendarText": "Connect your calendar to view all your meetings in {{app}}. Plus, add {{provider}} meetings to your calendar and start them with one click.",
+        "enterRoomTitle": "కొత్త సమావేశం మొదలుపెట్టండి",
+        "getHelp": "సహాయం పొందండి",
+        "go": "వెళ్ళు",
+        "goSmall": "వెళ్ళు",
+        "headerSubtitle": "Secure and high quality meetings",
+        "headerTitle": "జిత్సి మీట్",
+        "info": "డయలింగ్ సమాచారం",
+        "jitsiOnMobile": "Jitsi on mobile – download our apps and start a meeting from anywhere",
+        "join": "CREATE / JOIN",
+        "moderatedMessage": "Or <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">book a meeting URL</a> in advance where you are the only moderator.",
+        "privacy": "అంతరంగికత",
+        "recentList": "ఇటీవల",
+        "recentListDelete": "పద్దును తొలగించు",
+        "recentListEmpty": "Your recent list is currently empty. Chat with your team and you will find all your recent meetings here.",
+        "reducedUIText": "{{app}}‌కి స్వాగతం!",
+        "roomNameAllowedChars": "Meeting name should not contain any of these characters: ?, &, :, ', \", %, #.",
+        "roomname": "గది పేరు ఇవ్వండి",
+        "roomnameHint": "Enter the name or URL of the room you want to join. You may make a name up, just let the people you are meeting know it so that they enter the same name.",
+        "sendFeedback": "ప్రతిస్పందన పంపించు",
+        "startMeeting": "సమావేశం మొదలుపెట్టు",
+        "terms": "నియమాలు",
+        "title": "Secure, fully featured, and completely free video conferencing"
+    }
+}
diff --git a/lang/main-tr.json b/lang/main-tr.json
new file mode 100644
index 0000000..dca3074
--- /dev/null
+++ b/lang/main-tr.json
@@ -0,0 +1,1572 @@
+{
+    "addPeople": {
+        "accessibilityLabel": {
+            "meetingLink": "Toplantı linki: {{url}}"
+        },
+        "add": "Davet et",
+        "addContacts": "Kişilerinizi davet edin",
+        "contacts": "Kişiler",
+        "copyInvite": "Toplantı davetini kopyala",
+        "copyLink": "Toplantı bağlantısını kopyala",
+        "copyStream": "Canlı akış bağlantısını kopyala",
+        "countryNotSupported": "Ülke henüz desteklenmiyor",
+        "countryReminder": "Dış bir ülkeyi mi arıyorsunuz? Lütfen ülke koduyla başlayın!",
+        "defaultEmail": "Varsayılan E-postanız",
+        "disabled": "Kişi davet edemezsiniz.",
+        "failedToAdd": "Kişi eklenemedi",
+        "googleEmail": "Google Email",
+        "inviteMoreHeader": "Toplantıdaki tek kişisiniz",
+        "inviteMoreMailSubject": "{{appName}} toplantısına katıl",
+        "inviteMorePrompt": "Daha fazla kişi davet et",
+        "linkCopied": "Bağlantı panoya kopyalandı",
+        "noResults": "Eşleşen sonuç bulunamadı",
+        "outlookEmail": "Outlook Email",
+        "phoneNumbers": "Telefon numaraları",
+        "searching": "Aranıyor…",
+        "shareInvite": "Toplantı davetini paylaş",
+        "shareLink": "Katılımcıları davet etmek için toplantı bağlantısını paylaşın",
+        "shareStream": "Canlı akış bağlantısını paylaşın",
+        "sipAddresses": "Sip adresleri",
+        "telephone": "Telefon numarası: {{number}}",
+        "title": "Bu toplantıya kişi davet edin",
+        "yahooEmail": "Yahoo Email"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "car": "Araç sesi",
+        "headphones": "Kulaklık",
+        "none": "Geçerli ses cihazı yok",
+        "phone": "Telefon",
+        "speaker": "Konuşmacı"
+    },
+    "audioOnly": {
+        "audioOnly": "Düşük bant genişliği"
+    },
+    "bandwidthSettings": {
+        "assumedBandwidthBps": "Örneğin 10 Mbps için 10000000",
+        "assumedBandwidthBpsWarning": "Daha yüksek değerler ağ sorunlarına neden olabilir.",
+        "customValue": "özel değer",
+        "customValueEffect": "Gerçek bps değerini ayarlamak için",
+        "leaveEmpty": "Boş bırak",
+        "leaveEmptyEffect": "Tahminlerin gerçekleşmesine izin vermek için",
+        "possibleValues": "Olası değerler",
+        "setAssumedBandwidthBps": "Varsayılan bant genişliği (bps)",
+        "title": "Bant genişliği ayarları",
+        "zeroEffect": "Videoyu devre dışı bırakmak için"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "Alt oda ekle",
+            "autoAssign": "Alt odalara otomatik ekle",
+            "close": "Kapat",
+            "join": "Katıl",
+            "leaveBreakoutRoom": "Alt odadan çık",
+            "more": "Daha",
+            "remove": "Sil",
+            "rename": "Yeniden adlandır",
+            "renameBreakoutRoom": "Alt odasını yeniden adlandırın",
+            "sendToBreakoutRoom": "Katılımcıya gönder:"
+        },
+        "breakoutList": "Alt listesi",
+        "buttonLabel": "Alt odalar",
+        "defaultName": "Alt oda #{{index}}",
+        "hideParticipantList": "Katılımcı listesini gizle",
+        "mainRoom": "Ana oda",
+        "notifications": {
+            "joined": "\"{{name}}\" alt odasına giriliyor",
+            "joinedMainRoom": "Ana odaya giriliyor",
+            "joinedTitle": "Alt Odalar"
+        },
+        "showParticipantList": "Katılımcı listesini göster",
+        "title": "Alt Odalar"
+    },
+    "calendarSync": {
+        "addMeetingURL": "Bir toplantı bağlantısı ekle",
+        "confirmAddLink": "Bu etkinliğe bir toplantı bağlantısı eklensin mi?",
+        "error": {
+            "appConfiguration": "Takvim entegrasyonu doğru yapılandırılmadı.",
+            "generic": "Bir hata oluştu. Lütfen takvim ayarlarını kontrol edin veya takvimi yenilemeyi deneyin.",
+            "notSignedIn": "Takvim etkinlikleri getirilirken bir hata meydana geldi. Lütfen takvim ayarlarını kontrol edin ve tekrar giriş yapın."
+        },
+        "join": "Katıl",
+        "joinTooltip": "Toplantıya katıl",
+        "nextMeeting": "Sonraki toplantı",
+        "noEvents": "Planlanmış bir etkinlik bulunmuyor.",
+        "ongoingMeeting": "Devam eden toplantı",
+        "permissionButton": "Ayarları aç",
+        "permissionMessage": "Uygulama içinde toplantılarınızı görüntülemek için takvim erişim izni gereklidir.",
+        "refresh": "Takvimi yenile",
+        "today": "Bugün"
+    },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "Ses cihazı seç"
+        },
+        "labels": {
+            "buttonLabel": "Araba modu",
+            "title": "Arama modu",
+            "videoStopped": "Video durduruldu"
+        }
+    },
+    "chat": {
+        "enter": "Odaya gir",
+        "error": "Hata: Mesajınız gönderilmedi. Neden: {{error}}",
+        "fieldPlaceHolder": "Mesajınızı buraya yazın",
+        "lobbyChatMessageTo": "{{recipient}} adlı kişiye lobi mesajı",
+        "message": "Mesaj",
+        "messageAccessibleTitle": "{{user}} diyor:",
+        "messageAccessibleTitleMe": "Ben diyorum:",
+        "messageTo": "{{recipient}} adlı kişiye özel mesaj",
+        "messagebox": "Bir mesaj yazın",
+        "newMessages": "Yeni mesajlar",
+        "nickname": {
+            "popover": "Bir takma ad seçin",
+            "title": "Sohbette kullanmak için bir takma ad girin",
+            "titleWithPolls": "Sohbette kullanmak için bir takma ad girin"
+        },
+        "noMessagesMessage": "Toplantıda henüz mesaj yok. Burada bir konuşma başlatın!",
+        "privateNotice": "{{recipient}} için özel mesaj",
+        "sendButton": "Gönder",
+        "smileysPanel": "Emoji paneli",
+        "systemDisplayName": "Sistem",
+        "tabs": {
+            "chat": "Sohbet",
+            "polls": "Anket"
+        },
+        "title": "Sohbet",
+        "titleWithPolls": "Sohbet",
+        "you": "Sen"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Chrome Eklentisi'ni indirin",
+        "buttonTextEdge": "Edge Eklentisi'ni indirin",
+        "close": "Kapat",
+        "dontShowAgain": "Bunu bir daha gösterme",
+        "installExtensionText": "Google Takvim ve Office 365 entegrasyonu için uzantıyı yükleyin"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Toplantıya bağlanılıyor…"
+    },
+    "connection": {
+        "ATTACHED": "Eklenmiş",
+        "AUTHENTICATING": "Kimlik doğrulanıyor",
+        "AUTHFAIL": "Kimlik doğrulama başarısız",
+        "CONNECTED": "Bağlandı",
+        "CONNECTING": "Bağlanıyor",
+        "CONNFAIL": "Bağlantı başarısız",
+        "DISCONNECTED": "Bağlantı kesildi",
+        "DISCONNECTING": "Bağlantı kesiliyor",
+        "ERROR": "Hata",
+        "FETCH_SESSION_ID": "Oturum kimliği alınıyor…",
+        "GET_SESSION_ID_ERROR": "Oturum kimliği alma hatası: {{code}}",
+        "GOT_SESSION_ID": "Oturum kimliği alınıyor… Tamam",
+        "LOW_BANDWIDTH": "Bant genişliğinden tasarruf etmek için {{displayName}} kişisinin videosu kapatıldı"
+    },
+    "connectionindicator": {
+        "address": "Adres:",
+        "audio_ssrc": "Ses SSRC:",
+        "bandwidth": "Tahmini bant genişliği:",
+        "bitrate": "Bit hızı:",
+        "bridgeCount": "Sunucu sayısı: ",
+        "codecs": "Kodekler (A/V): ",
+        "connectedTo": "Bağlandı şuna:",
+        "e2eeVerified": "E2EE doğrulandı",
+        "framerate": "Çerçeve hızı:",
+        "less": "Daha az göster",
+        "localaddress": "Yerel adres:",
+        "localaddress_plural": "Yerel adresler:",
+        "localport": "Yerel port:",
+        "localport_plural": "Yerel portlar:",
+        "maxEnabledResolution": "Maksimumu gönder",
+        "more": "Daha fazla göster",
+        "no": "Hayır",
+        "packetloss": "Paket kaybı:",
+        "participant_id": "Katılımcı id:",
+        "quality": {
+            "good": "İyi",
+            "inactive": "Aktif değil",
+            "lost": "Kayıp",
+            "nonoptimal": "Optimal seviyede değil",
+            "poor": "Zayıf"
+        },
+        "remoteaddress": "Uzak adres:",
+        "remoteaddress_plural": "Uzak adresler:",
+        "remoteport": "Uzak port:",
+        "remoteport_plural": "Uzak portlar:",
+        "resolution": "Çözünürlük:",
+        "savelogs": "Logları Kaydet",
+        "status": "Bağlantı:",
+        "transport": "Transport:",
+        "transport_plural": "Transportlar:",
+        "video_ssrc": "Video SSRC:",
+        "yes": "Evet"
+    },
+    "dateUtils": {
+        "earlier": "Daha eski",
+        "today": "Bugün",
+        "yesterday": "Dün"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Bu toplantıya katılmak için {{app}} uygulamasına ihtiyacınız var.",
+        "description": "Hiçbir şey olmadı mı? Toplantınızı {{app}} masaüstü uygulamasında başlatmaya çalıştık. Tekrar deneyin veya {{app}} web uygulamasını açın.",
+        "descriptionNew": "Hiçbir şey olmadı? Toplantınızı {{app}} masaüstü uygulamasında başlatmayı denedik. <br /><br /> Tekrar deneyebilir veya web üzerinde başlatabilirsiniz.",
+        "descriptionWithoutWeb": "Hiçbir şey olmadı? Toplantınızı {{app}} masaüstü uygulamasında başlatmayı denedik.",
+        "downloadApp": "Uygulamayı indir",
+        "downloadMobileApp": "App Store'dan indirin",
+        "ifDoNotHaveApp": "Henüz uygulamanız yoksa:",
+        "ifHaveApp": "Uygulamanız zaten varsa: ",
+        "joinInApp": "Uygulamayı kullanarak bu toplantıya katıl",
+        "joinInAppNew": "Uygulamaya katıl",
+        "joinInBrowser": "Tarayıcıya katıl",
+        "launchMeetingLabel": "Bu toplantıya nasıl katılmak istersiniz?",
+        "launchWebButton": "Web'de aç",
+        "noDesktopApp": "Uygulamanız yok mu?",
+        "noMobileApp": "Uygulamanız yok mu?",
+        "or": "VEYA",
+        "termsAndConditions": "Devam ederek <a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'>şartlar ve koşullarımızı</a> kabul etmiş olursunuz.",
+        "title": "Toplantınız {{app}} uygulamasında açılıyor…",
+        "titleNew": "Toplantınız başlatılıyor…",
+        "tryAgainButton": "Masaüstünde tekrar deneyin",
+        "unsupportedBrowser": "Şu an kullandığınız tarayıcıyı desteklemiyoruz."
+    },
+    "defaultLink": "örneğin, {{url}}",
+    "defaultNickname": "örnek: Jane Pink",
+    "deviceError": {
+        "cameraError": "Kameraya erişilemedi",
+        "cameraPermission": "Kameraya erişim izni alınamadı",
+        "microphoneError": "Mikrofona erişilemedi",
+        "microphonePermission": "Mikrofon erişim izni alınamadı"
+    },
+    "deviceSelection": {
+        "hid": {
+            "callControl": "Çağrı kontrolü",
+            "connectedDevices": "Bağlı cihazlar:",
+            "deleteDevice": "Cihazı sil",
+            "pairDevice": "Cihazı eşleştir"
+        },
+        "noPermission": "İzin alınamadı",
+        "previewUnavailable": "Önizleme mevcut değil",
+        "selectADevice": "Bir cihaz seç",
+        "testAudio": "Bir test sesi çal"
+    },
+    "dialIn": {
+        "screenTitle": "Arama özeti"
+    },
+    "dialOut": {
+        "statusMessage": "Şimdi {{status}}"
+    },
+    "dialog": {
+        "Back": "Geri",
+        "Cancel": "İptal",
+        "IamHost": "Toplantı sahibiyim",
+        "Ok": "Tamam",
+        "Remove": "Kaldır",
+        "Share": "Paylaş",
+        "Submit": "Gönder",
+        "WaitForHostMsg": "Toplantı sahibi gelmediğinden toplantı henüz başlamadı. Toplantı sahibi sizseniz, lütfen kimlik doğrulaması yapın. Değilseniz lütfen toplantı sahibinin gelmesini bekleyin.",
+        "WaitForHostNoAuthMsg": "Toplantı sahibi gelmediğinden toplantı henüz başlamadı. Lütfen bekleyin.",
+        "WaitingForHostButton": "Toplantı sahibini bekle",
+        "WaitingForHostTitle": "Toplantı sahibi bekleniyor…",
+        "Yes": "Evet",
+        "accessibilityLabel": {
+            "Cancel": "İptal et (iletişim kutusundan ayrıl)",
+            "Ok": "Tamam (kaydet ve diyalogdan ayrıl)",
+            "close": "İletişim kutusunu kapat",
+            "liveStreaming": "Canlı akış",
+            "sharingTabs": "Paylaşım seçenekleri"
+        },
+        "add": "Ekle",
+        "addMeetingNote": "Toplantı notu ekle",
+        "addOptionalNote": "Not ekle (isteğe bağlı)",
+        "allow": "İzin ver",
+        "allowToggleCameraDialog": "{{initiatorName}}'ın kameraya bakma modunu değiştirmesine izin veriyor musunuz?",
+        "allowToggleCameraTitle": "Kamerayı değiştirmeye izin verilsin mi?",
+        "alreadySharedVideoMsg": "Başka bir katılımcı zaten bir video paylaşıyor. Bu konferans aynı anda yalnızca bir paylaşılan videoya izin verir.",
+        "alreadySharedVideoTitle": "Aynı anda yalnızca bir paylaşılan videoya izin verilir.",
+        "applicationWindow": "Uygulama penceresi",
+        "authenticationRequired": "Kimlik doğrulaması gerekli",
+        "cameraConstraintFailedError": "Kameranız gerekli bazı özellikleri karşılayamıyor.",
+        "cameraNotFoundError": "Kamera bulunamadı.",
+        "cameraNotSendingData": "Kameranıza erişemiyoruz. Lütfen başka bir uygulamanın bu cihazı kullanıp kullanmadığını kontrol edin, Ayarlar menüsünden başka bir cihaz seçin veya uygulamayı yeniden yüklemeyi deneyin.",
+        "cameraNotSendingDataTitle": "Kameraya erişilemiyor",
+        "cameraPermissionDeniedError": "Kamera kullanımına izin vermediniz. Yine de toplantıya katılabilirsiniz, ancak diğerleri sizi göremez. Bunu düzeltmek için kamera butonunu kullanın.",
+        "cameraTimeoutError": "Video kaynağı başlatılamadı. Zaman aşımı!",
+        "cameraUnknownError": "Bilinmeyen bir nedenden dolayı kamera kullanılamıyor.",
+        "cameraUnsupportedResolutionError": "Kameranız gerekli video çözünürlüğünü desteklemiyor.",
+        "close": "Kapat",
+        "conferenceDisconnectMsg": "Ağ bağlantınızı kontrol etmek isteyebilirsiniz. {{seconds}} saniye içinde yeniden bağlanıyor…",
+        "conferenceDisconnectTitle": "Bağlantınız kesildi.",
+        "conferenceReloadMsg": "Bunu düzeltmeye çalışıyoruz. {{seconds}} saniye içinde yeniden bağlanıyor…",
+        "conferenceReloadTitle": "Ne yazık ki bir şeyler ters gitti.",
+        "confirm": "Onayla",
+        "confirmNo": "Hayır",
+        "confirmYes": "Evet",
+        "connectError": "Hata! Bir şeyler ters gitti ve toplantıya bağlanamadık.",
+        "connectErrorWithMsg": "Hata! Bir şeyler ters gitti ve konferansa bağlanamadık: {{msg}}",
+        "connecting": "Bağlanıyor",
+        "contactSupport": "Destek ekibine erişin",
+        "copied": "Kopyalandı",
+        "copy": "Kopyala",
+        "demoteParticipantDialog": "Bu katılımcıyı ziyaretçiye taşımak istediğinizden emin misiniz?",
+        "demoteParticipantTitle": "Ziyaretçiye taşı",
+        "dismiss": "Son ver",
+        "displayNameRequired": "Merhaba, görünmesini istediğin ismin nedir?",
+        "done": "Bitti",
+        "e2eeDescription": "Uçtan-uca şifreleme şu an deneyseldir. Lütfen uçtan-uca şifrelemeyi açmanın, telefon katılımı gibi sunucu tarafında sağlanan hizmetleri devredışı bırakabileceğini unutmayın. Ayrıca toplantının yalnızca eklenebilir akışları destekleyen tarayıcılardan katılan kişiler için çalışacağını unutmayın.",
+        "e2eeDisabledDueToMaxModeDescription": "Yüksek katılımcı sayısından dolayı bu konferansta Uçtan-Uca şifreleme etkinleştirilemiyor.",
+        "e2eeLabel": "Uçtan-uca şifrelemeyi etkinleştir",
+        "e2eeWarning": "UYARI: Bu toplantıdaki kullanıcıların bazıları uçtan-uca şifrelemeyi desteklemiyor gibi görünüyor. Eğer etkinleştirirseniz sizi duyamaz ve göremezler.",
+        "e2eeWillDisableDueToMaxModeDescription": "UYARI: Konferansa daha fazla katılımcı katılırsa Uçtan-Uca Şifreleme otomatik olarak devre dışı bırakılır.",
+        "embedMeeting": "Toplantıyı yerleştir",
+        "enterDisplayName": "Lütfen adınızı buraya girin…",
+        "error": "Hata",
+        "errorRoomCreationRestriction": "Çok hızlı katılmaya çalıştınız, lütfen biraz sonra tekrar gelin.",
+        "gracefulShutdown": "Hizmetimiz şu anda bakım için devre dışı. Lütfen daha sonra tekrar deneyiniz.",
+        "grantModeratorDialog": "{{participantName}} için moderatör hakları vermek istediğinize emin misiniz?",
+        "grantModeratorTitle": "Moderatör hakları ver",
+        "hide": "Gizle",
+        "hideShareAudioHelper": "Bu iletişim kutusunu bir daha gösterme",
+        "incorrectPassword": "Kullanıcı adı veya parola hatalı",
+        "incorrectRoomLockPassword": "Yanlış paralo",
+        "internalError": "Hata! Bir şeyler ters gitti. Şu hata oluştu: {{error}}",
+        "internalErrorTitle": "İç hata",
+        "kickMessage": "Daha fazla ayrıntı için {{participantDisplayName}} ile iletişime geçebilirsiniz.",
+        "kickParticipantButton": "Çıkar",
+        "kickParticipantDialog": "Bu katılımcıyı çıkarmak istediğinizden emin misiniz?",
+        "kickParticipantTitle": "Bu katılımcı çıkarılsın mı?",
+        "kickTitle": "Ah! {{participantDisplayName}} sizi toplantıdan çıkardı.",
+        "linkMeeting": "Toplantıyı Linkle",
+        "linkMeetingTitle": "Salesforce'a toplantıyı linkle",
+        "liveStreaming": "Canlı akış",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "Kayıt etkinken mümkün değil",
+        "localUserControls": "Yerel kullanıcı kontrolleri",
+        "lockMessage": "Toplantı kilitlenemedi.",
+        "lockRoom": "Toplantı parolası ekle",
+        "lockTitle": "Kilitlenemedi",
+        "login": "Giriş",
+        "loginQuestion": "Oturum açıp konferanstan ayrılmak istediğinizden emin misiniz?",
+        "logoutQuestion": "Oturumu kapatmak ve toplantıyı durdurmak istediğinizden emin misiniz?",
+        "logoutTitle": "Oturumu kapat",
+        "maxUsersLimitReached": "Maksimum katılımcı sayısı sınırına ulaşıldı. Toplantı dolu. Lütfen toplantı sahibiyle iletişime geçin veya daha sonra tekrar deneyin!",
+        "maxUsersLimitReachedTitle": "Maksimum katılımcı sınırına ulaşıldı",
+        "micConstraintFailedError": "Mikrofonunuz gerekli özelliklerin bazılarını karşılayamıyor.",
+        "micNotFoundError": "Mikrofon bulunamadı.",
+        "micNotSendingData": "Mikrofonunuza erişemiyoruz. Lütfen Ayarlar menüsünden başka bir cihaz seçin veya uygulamayı yeniden yüklemeyi deneyin.",
+        "micNotSendingDataTitle": "Mikrofona erişilemiyor.",
+        "micPermissionDeniedError": "Mikrofon kullanımına izin vermediniz. Yine de toplantıya katılabilirsiniz, ancak diğerleri sizi duyamaz. Bunu düzeltmek için mikrofon butonunu kullanın.",
+        "micTimeoutError": "Ses kaynağı başlatılamadı. Zaman aşımı!",
+        "micUnknownError": "Bilinmeyen bir nedenden dolayı mikrofon kullanılamıyor.",
+        "moderationAudioLabel": "Katılımcıların kendi seslerini açmalarına izin ver",
+        "moderationVideoLabel": "Katılımcıların kendi videolarını başlatmalarına izin ver",
+        "muteEveryoneDialog": "Herkesi sessize almak istediğinizden emin misiniz? Onları sessizden çıkaramayacaksınız ancak onlar kendilerini her zaman sessizden çıkarabilirler.",
+        "muteEveryoneDialogModerationOn": "Katılımcılar istedikleri zaman konuşma talebi gönderebilirler.",
+        "muteEveryoneElseDialog": "Sessize alındığında, mikrofonlarını sessizden çıkaramayacaksınız ancak onlar diledikleri zaman kendilerini sessizden çıkarabilirler.",
+        "muteEveryoneElseTitle": "{{whom}} hariç herkesi sessize al?",
+        "muteEveryoneElsesVideoDialog": "Kameraları devre dışı bırakıldığında geri açamayacaksınız, ancak onlar kameralarını her zaman açabilirler.",
+        "muteEveryoneElsesVideoTitle": "{{whom}} hariç herkesin kamerasını devre dışı bırak?",
+        "muteEveryoneSelf": "Kendiniz",
+        "muteEveryoneStartMuted": "Şu andan itibaren herkes sessizde başlayacak",
+        "muteEveryoneTitle": "Herkesi sessize al?",
+        "muteEveryonesVideoDialog": "Herkesin kamerasını devre dışı bırakmak istediğinizden emin misiniz? Kameralar devre dışı bırakıldığında geri açamayacaksınız, ancak onlar kameralarını her zaman açabilirler.",
+        "muteEveryonesVideoDialogModerationOn": "Katılımcılar istedikleri zaman videolarını açmak için istek gönderebilirler.",
+        "muteEveryonesVideoDialogOk": "Kameraları kapat",
+        "muteEveryonesVideoTitle": "Herkesin kamerasını devre dışı bırak?",
+        "muteParticipantBody": "Sesi açamazsınız, ancak istedikleri zaman kendileri seslerini açabilirler.",
+        "muteParticipantButton": "Sessize al",
+        "muteParticipantsVideoBody": "Kamerayı tekrar açamazsınız ancak istedikleri zaman tekrar açabilirler.",
+        "muteParticipantsVideoBodyModerationOn": "Ne sen kamerayı tekrar açabileceksin, ne de onlar.",
+        "muteParticipantsVideoButton": "Kamerayı durdur",
+        "muteParticipantsVideoDialog": "Bu katılımcının kamerasını kapatmak istediğinize emin misiniz? Kamerayı tekrar açamazsınız ancak istedikleri zaman tekrar açabilirler.",
+        "muteParticipantsVideoDialogModerationOn": "Bu katılımcının kamerasını kapatmak istediğinizden emin misiniz? Kamerayı tekrar açamayacaksınız ve onlar da açamayacak.",
+        "muteParticipantsVideoTitle": "Bu katılımcı için kamerayı durdur?",
+        "noDropboxToken": "Dropbox anahtarı geçerli değil",
+        "password": "Parola",
+        "passwordLabel": "Toplantı bir katılımcı tarafından kilitlendi. Lütfen giriş yapmak için $t(lockRoomPassword) giriniz.",
+        "passwordNotSupported": "Toplantı parolası ayarlama desteklenmiyor.",
+        "passwordNotSupportedTitle": "Parola desteklenmiyor",
+        "passwordRequired": "Parola gerekli",
+        "permissionCameraRequiredError": "Videolu konferanslara katılmak için kamera izni gereklidir. Lütfen ayarlardan izin verin",
+        "permissionErrorTitle": "İzin gerekli",
+        "permissionMicRequiredError": "Konferanslara sesli olarak katılmak için lütfen mikrofon izni gereklidir. Lütfen ayarlardan izin verin",
+        "readMore": "Daha fazla",
+        "recentlyUsedObjects": "Son zamanlarda kullandığınız objeler",
+        "recording": "Kaydediliyor",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "Canlı akış etkinken mümkün değil…",
+        "rejoinNow": "Tekrar katıl",
+        "remoteControlAllowedMessage": "{{user}} uzaktan kontrol isteğinizi kabul etti!",
+        "remoteControlDeniedMessage": "{{user}} uzaktan kontrol isteğinizi reddetti!",
+        "remoteControlErrorMessage": "{{user}} katılımcısından uzaktan kontrol izinleri istenmeye çalışılırken bir hata oluştu!",
+        "remoteControlRequestMessage": "{{user}} katılımcısının masaüstünüzü uzaktan kontrol etmesine izin veriyor musunuz?",
+        "remoteControlShareScreenWarning": "\"Allow\" butonuna bastığınızda ekranınızı paylaşacağınızı unutmayın!",
+        "remoteControlStopMessage": "Uzaktan kontrol oturumu sona erdi!",
+        "remoteControlTitle": "Uzak masaüstü kontrolü",
+        "remoteUserControls": "{{username}} için uzaktan kullanıcı kontrolleri",
+        "removePassword": "Parolayı kaldır",
+        "removeSharedVideoMsg": "Paylaşılan videonuzu kaldırmak istediğinizden emin misiniz?",
+        "removeSharedVideoTitle": "Paylaşılan videoyu kaldır",
+        "renameBreakoutRoomLabel": "Oda adı",
+        "renameBreakoutRoomTitle": "Alt odasını yeniden adlandırın",
+        "reservationError": "Rezervasyon sistemi hatası",
+        "reservationErrorMsg": "Hata kodu: {{code}}, mesaj: {{msg}}",
+        "retry": "Yeniden Dene",
+        "screenSharingAudio": "Sesi paylaş",
+        "screenSharingFailed": "Hop! Bir şeyler ters gitti, ekran paylaşımınızı başlatamıyoruz!",
+        "screenSharingFailedTitle": "Ekran paylaşımı başarısız!",
+        "screenSharingPermissionDeniedError": "Hata! Ekran paylaşma uzantısı izinlerinizle ilgili bir sorun oluştu. Lütfen yeniden yükleyin ve tekrar deneyin.",
+        "searchInSalesforce": "Salesforce'ta ara",
+        "searchResults": "Arama sonuçları({{count}})",
+        "searchResultsDetailsError": "Veriler getirilirken bir şeyler yanlış gitti.",
+        "searchResultsError": "Sahip verileri getirilirken bir şeyler yanlış gitti.",
+        "searchResultsNotFound": "Arama sonucunda bir şey bulunamadı.",
+        "searchResultsTryAgain": "Alternatif aramaları deneyiniz.",
+        "sendPrivateMessage": "Kısa süre önce özel bir mesaj aldınız. Buna özel olarak cevap vermek ister misiniz yoksa mesajınızı gruba göndermek mi istiyorsunuz?",
+        "sendPrivateMessageCancel": "Gruba gönder",
+        "sendPrivateMessageOk": "Özel olarak gönder",
+        "sendPrivateMessageTitle": "Özel olarak gönderilsin mi?",
+        "serviceUnavailable": "Hizmet kullanılamıyor",
+        "sessTerminated": "Arama sonlandırıldı",
+        "sessTerminatedReason": "Toplantı sonlandırıldı",
+        "sessionRestarted": "Çağrı köprü tarafından yeniden başlatıldı",
+        "shareAudio": "Sesi paylaş",
+        "shareAudioAltText": "İstediğiniz içeriği paylaşmak için \"Tarayıcı Sekmesi\"ne gidin, içeriği seçin, \"sesi paylaş\" onay işaretini etkinleştirin ve ardından \"paylaş\" düğmesini tıklayın",
+        "shareAudioTitle": "Ses nasıl paylaşılır",
+        "shareAudioWarningD1": "Sesinizi paylaşmadan önce ekran paylaşımını durdurmanız gerekiyor.",
+        "shareAudioWarningD2": "Ekran paylaşımınızı yeniden başlatmanız ve \"sesi paylaş\" seçeneğini işaretlemeniz gerekiyor.",
+        "shareAudioWarningH1": "Eğer sadece ses paylaşmak istiyorsanız:",
+        "shareAudioWarningTitle": "Ses paylaşımından önce ekran paylaşımını kapatmanız gerekmektedir",
+        "shareMediaWarningGenericH2": "Ekranınızı ve sesinizi paylaşmak istiyorsanız",
+        "shareScreenWarningD1": "Ekranınızı paylaşmadan önce ses paylaşımını durdurmanız gerekiyor.",
+        "shareScreenWarningD2": "Ses paylaşımını durdurmanız, ekran paylaşımını başlatmanız ve \"sesi paylaş\" seçeneğini işaretlemeniz gerekiyor.",
+        "shareScreenWarningH1": "Sadece ekranınızı paylaşmak istiyorsanız:",
+        "shareScreenWarningTitle": "Ekranınızı paylaşmadan önce ses paylaşımını durdurmanız gerekiyor",
+        "shareVideoConfirmPlay": "Harici bir web sitesi açmak üzeresiniz. Devam etmek istiyor musunuz?",
+        "shareVideoConfirmPlayTitle": "{{name}} sizinle bir video paylaştı.",
+        "shareVideoLinkError": "Lütfen doğru bir bağlantısı sağlayın.",
+        "shareVideoLinkStopped": "{{name}} adlı kişinin videosu durduruldu.",
+        "shareVideoTitle": "Bir video paylaş",
+        "shareYourScreen": "Ekranınızı paylaşın",
+        "shareYourScreenDisabled": "Ekran paylaşımı devre dışı.",
+        "sharedVideoDialogError": "Hata: Geçersiz veya yasak URL",
+        "sharedVideoLinkPlaceholder": "YouTube bağlantısı veya doğrudan video bağlantısı",
+        "show": "Göster",
+        "start": "Başlat",
+        "startLiveStreaming": "Canlı akışı başlat",
+        "startRecording": "Kaydı başlat",
+        "startRemoteControlErrorMessage": "Uzaktan kontrol oturumunu başlatmaya çalışırken bir hata oluştu!",
+        "stopLiveStreaming": "Canlı akışı durdur",
+        "stopRecording": "Kaydı durdur",
+        "stopRecordingWarning": "Kaydı durdurmak istediğinizden emin misiniz?",
+        "stopStreamingWarning": "Canlı akışı durdurmak istediğinizden emin misiniz?",
+        "streamKey": "Canlı akış anahtarı",
+        "thankYou": "{{appName}} kullandığınız için teşekkürler!",
+        "token": "token",
+        "tokenAuthFailed": "Üzgünüz, bu görüşmeye katılmanıza izin verilmiyor.",
+        "tokenAuthFailedReason": {
+            "audInvalid": "Geçersiz `aud` değeri. 'jitsi' olmalı.",
+            "contextNotFound": "Yükte `context` nesnesi eksik.",
+            "expInvalid": "Geçersiz `exp` değeri.",
+            "featureInvalid": "Geçersiz özellik: {{feature}}, büyük olasılıkla henüz uygulanmadı.",
+            "featureValueInvalid": "Özellik için geçersiz değer: {{feature}}.",
+            "featuresNotFound": "`features` nesnesi yükte eksik.",
+            "headerNotFound": "Başlık eksik.",
+            "issInvalid": "Geçersiz `iss` değeri. `chat` olmalıdır.",
+            "kidMismatch": "Anahtar Kimliği (kid) alt öğeyle eşleşmiyor.",
+            "kidNotFound": "Eksik Anahtar Kimliği (kid).",
+            "nbfFuture": "`nbf` değeri gelecektedir.",
+            "nbfInvalid": "Geçersiz `nbf` değeri.",
+            "payloadNotFound": "Yük eksik.",
+            "tokenExpired": "Token'ın süresi doldu."
+        },
+        "tokenAuthFailedTitle": "Kimlik doğrulama başarısız",
+        "tokenAuthFailedWithReasons": "Üzgünüz, bu görüşmeye katılmanıza izin verilmiyor. Olası nedenler: {{reason}}",
+        "tokenAuthUnsupported": "Token URL'si desteklenmiyor.",
+        "transcribing": "Deşifre ediliyor",
+        "unlockRoom": "Toplantı parolasını kaldır",
+        "user": "Kullanıcı",
+        "userIdentifier": "Kullanıcı tanımlayıcı",
+        "userPassword": "Kullancı parolası",
+        "verifyParticipantConfirm": "Eşleşiyorlar",
+        "verifyParticipantDismiss": "Eşleşmiyorlar",
+        "verifyParticipantQuestion": "DENEYSEL: {{participantName}} adlı katılımcıya aynı içeriği aynı sırayla görüp görmediklerini sorun.",
+        "verifyParticipantTitle": "Kullanıcı doğrulama",
+        "videoLink": "Video bağlantısı",
+        "viewUpgradeOptions": "Yükseltme seçeneklerini görüntüle",
+        "viewUpgradeOptionsContent": "Kayıt, çeviri yazılar, RTMP Akışı ve daha fazlası gibi premium özelliklere sınırsız erişim elde etmek için planınızı yükseltmeniz gerekir.",
+        "viewUpgradeOptionsTitle": "Premium bir özellik keşfettiniz!",
+        "whiteboardLimitContent": "Üzgünüz, eşzamanlı beyaz tahta kullanıcılarının sınırına ulaşıldı.",
+        "whiteboardLimitReference": "Daha fazla bilgi için lütfen şu adresi ziyaret edin",
+        "whiteboardLimitReferenceUrl": "Web Sitemiz",
+        "whiteboardLimitTitle": "Beyaz tahta kullanımı kısıtlandı",
+        "yourEntireScreen": "Tüm ekranınız"
+    },
+    "documentSharing": {
+        "title": "Paylaşılan Döküman"
+    },
+    "e2ee": {
+        "labelToolTip": "Bu görüşmedeki ses ve video iletişimi uçtan uca şifrelenmiştir."
+    },
+    "embedMeeting": {
+        "title": "Bu toplantıyı yerleştir"
+    },
+    "feedback": {
+        "accessibilityLabel": {
+            "yourChoice": "Seçiminiz: {{rating}}"
+        },
+        "average": "Orta",
+        "bad": "Kötü",
+        "detailsLabel": "Bize daha fazla bilgi verin.",
+        "good": "İyi",
+        "rateExperience": "Toplantı deneyiminizi derecelendirin",
+        "star": "Yıldız",
+        "veryBad": "Çok kötü",
+        "veryGood": "Çok iyi"
+    },
+    "filmstrip": {
+        "accessibilityLabel": {
+            "heading": "Video küçük resimleri"
+        }
+    },
+    "giphy": {
+        "noResults": "Sonuç yok :(",
+        "search": "GIPHY ara"
+    },
+    "incomingCall": {
+        "answer": "Cevapla",
+        "audioCallTitle": "Gelen sesli arama",
+        "decline": "Reddet",
+        "productLabel": "Jitsi Meet'den",
+        "videoCallTitle": "Gelen görüntülü arama"
+    },
+    "info": {
+        "accessibilityLabel": "Bilgiyi göster",
+        "addPassword": "Parola ekle",
+        "cancelPassword": "Parolayı iptal et",
+        "conferenceURL": "Bağlantı:",
+        "copyNumber": "Numarayı kopyala",
+        "country": "Ülke",
+        "dialANumber": "Toplantınıza katılmak için bu numaralardan birini çevirin ve ardından kodu girin.",
+        "dialInConferenceID": "KOD:",
+        "dialInNotSupported": "Maalesef arama şu anda desteklenmiyor.",
+        "dialInNumber": "Arama:",
+        "dialInSummaryError": "Arama bilgisi getirilirken hata oluştu. Lütfen daha sonra tekrar deneyin.",
+        "dialInTollFree": "Ücretsiz",
+        "genericError": "Ah! Bir şeyler ters gitti.",
+        "inviteLiveStream": "Bu toplantının canlı akışını görüntülemek için şu bağlantıyı tıklayın: {{url}}",
+        "invitePhone": "Tek dokunuşla sesli arama: {{number}},,{{conferenceID}}#",
+        "invitePhoneAlternatives": "Farklı bir arama numarası mı arıyorsunuz?\nToplantı arama numaralarına bakın: {{url}}\n\n\nAyrıca bir oda telefonundan arama yapıyorsanız, sese bağlanmadan katılın: {{silentUrl}}",
+        "inviteSipEndpoint": "SIP adresine katılmak için lütfen bunu girin: {{sipUri}}",
+        "inviteTextiOSInviteUrl": "Katılmak için linke tıklayınız: {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "Oda telefonundan bağlanıyorsanız, sese bağlanmadan katılmak için şu bağlantıyı kullanın: {{silentUrl}}.",
+        "inviteTextiOSPersonal": "{{name}} toplantıya davet ediliyor.",
+        "inviteTextiOSPhone": "Telefonla katılmak için şu numarayı kullanın: {{number}},{{conferenceID}}#. Farklı bir numara arıyorsanız, tam liste bu: {{didUrl}}.",
+        "inviteURLFirstPartGeneral": "Bir toplantıya katılmaya davet edildiniz.",
+        "inviteURLFirstPartPersonal": "{{name}} sizi bir toplantıya davet ediyor.\n",
+        "inviteURLSecondPart": "\nToplantıya katıl:\n{{url}}\n",
+        "label": "Toplantı bilgileri",
+        "liveStreamURL": "Canlı akış:",
+        "moreNumbers": "Daha fazla numara",
+        "noNumbers": "Arama numarası yok",
+        "noPassword": "Yok",
+        "noRoom": "Aranacak oda belirtilmedi.",
+        "noWhiteboard": "Beyaz tahta yüklenemedi.",
+        "numbers": "Arama Numaraları",
+        "password": "Parola:",
+        "reachedLimit": "Plan limitlerine ulaştınız.",
+        "sip": "SIP adresi",
+        "sipAudioOnly": "Yalnızca SIP ses adresi",
+        "title": "Paylaş",
+        "tooltip": "Bu toplantı için bağlantıyı ve arama bilgilerini paylaşın",
+        "upgradeOptions": "Lütfen yükseltme seçeneklerini kontrol ediniz.",
+        "whiteboardError": "Beyaz tahta yüklenirken hata oluştu. Lütfen daha sonra tekrar deneyin."
+    },
+    "inlineDialogFailure": {
+        "msg": "Biraz tökezledik.",
+        "retry": "Tekrar dene",
+        "support": "Destek",
+        "supportMsg": "Bu olmaya devam ederse, ulaşın."
+    },
+    "inviteDialog": {
+        "alertText": "Bazı katılımcılar davet edilemedi.",
+        "header": "Davet et",
+        "searchCallOnlyPlaceholder": "Telefon numarasını girin",
+        "searchPeopleOnlyPlaceholder": "Katılımcı ara",
+        "searchPlaceholder": "Katılımcı veya telefon numarası",
+        "send": "Gönder"
+    },
+    "jitsiHome": "{{logo}} Logo, Anasayfaya bağlantı",
+    "keyboardShortcuts": {
+        "focusLocal": "Videoya odaklan",
+        "focusRemote": "Başka bir kişinin videosuna odaklan",
+        "fullScreen": "Tam ekran görüntüle veya çık",
+        "giphyMenu": "GIPHY menü geçişi",
+        "keyboardShortcuts": "Klavye kısayolları",
+        "localRecording": "Kayıt denetimlerini göster veya gizle",
+        "mute": "Mikrofonu aç veya kapat",
+        "pushToTalk": "Konuşmak için bas",
+        "raiseHand": "Elinizi kaldırın veya indirin",
+        "showSpeakerStats": "Konuşmacı istatistiklerini göster",
+        "toggleChat": "Mesajlaşmayı aç veya kapat",
+        "toggleFilmstrip": "Video önizlemelerini göster veya gizle",
+        "toggleParticipantsPane": "Katılımcılar bölmesini göster veya gizle",
+        "toggleScreensharing": "Kamera ve ekran paylaşımı arasında geçiş yap",
+        "toggleShortcuts": "Klavye kısayollarını göster veya gizle",
+        "videoMute": "Kamerayı aç veya kapat"
+    },
+    "largeVideo": {
+        "screenIsShared": "Ekranınızı paylaşıyorsunuz",
+        "showMeWhatImSharing": "Ne paylaştığımı bana göster"
+    },
+    "liveStreaming": {
+        "busy": "Akış kaynaklarını serbest bırakmaya çalışıyoruz. Lütfen birkaç dakika içinde tekrar deneyin.",
+        "busyTitle": "Tüm yayıncılar şu anda meşgul",
+        "changeSignIn": "Hesap değiştir.",
+        "choose": "Canlı bir akış seçin",
+        "chooseCTA": "Bir akış seçeneği belirleyin. Şu anda {{email}} olarak giriş yaptınız.",
+        "enterStreamKey": "Youtube canlı akış anahtarınızı buraya girin.",
+        "error": "Canlı Akış başarısız oldu. Lütfen tekrar deneyin.",
+        "errorAPI": "Youtube yayınlarınıza erişirken bir hata oluştu. Lütfen tekrar giriş yapmayı deneyin.",
+        "errorLiveStreamNotEnabled": "{{email}} için Canlı Akış etkin değil. Lütfen canlı akışı etkinleştirin veya canlı akışın etkin olduğu bir hesaba giriş yapın.",
+        "expandedOff": "Canlı akış durdu",
+        "expandedOn": "Toplantı şu anda Youtube'da yayınlanıyor.",
+        "expandedPending": "Canlı akış başlatılıyor…",
+        "failedToStart": "Canlı Akış başlatılamadı",
+        "getStreamKeyManually": "Canlı akış alınamadı. Canlı akış anahtarınızı Youtube'dan almayı deneyin.",
+        "googlePrivacyPolicy": "Google Gizlilik Politikası",
+        "inProgress": "Kaydetme veya canlı akış işlemde",
+        "invalidStreamKey": "Canlı akış anahtarı yanlış olabilir.",
+        "limitNotificationDescriptionNative": "Akışınız {{limit}} dk ile sınırlı olacak. Sınırsız akış için {{app}} deneyin.",
+        "limitNotificationDescriptionWeb": "Yüksek talep nedeniyle akışınız {{limit}} dk ile sınırlı olacaktır. Sınırsız akış için <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a> deneyin.",
+        "off": "Canlı Akış durduruldu",
+        "offBy": "{{name}} canlı akışı durdurdu",
+        "on": "Canlı Akış başlatıldı",
+        "onBy": "{{name}} canlı akışı başlattı",
+        "pending": "Canlı Akış başlatılıyor…",
+        "serviceName": "Canlı Akış hizmeti",
+        "sessionAlreadyActive": "Bu oturum halihazırda kaydediliyor veya canlı yayınlanıyor.",
+        "signIn": "Google ile giriş yap",
+        "signInCTA": "Oturum açın veya Youtube'dan canlı akış anahtarınızı girin.",
+        "signOut": "Çıkış yap",
+        "signedInAs": "Şu anda oturum açmış durumdasınız:",
+        "start": "Bir canlı akış başlat",
+        "streamIdHelp": "Bu nedir?",
+        "title": "Canlı akış",
+        "unavailableTitle": "Canlı Akış kullanılamıyor",
+        "youtubeTerms": "YouTube hizmet şartları"
+    },
+    "lobby": {
+        "backToKnockModeButton": "Parola yok, bunun yerine katılmayı isteyin",
+        "chat": "Sohbet et",
+        "dialogTitle": "Lobi modu",
+        "disableDialogContent": "Lobi modu şu anda etkin. Bu özellik, istenmeyen katılımcıların toplantınıza katılamamasını sağlar. Devre dışı bırakmak istiyor musunuz?",
+        "disableDialogSubmit": "Devre Dışı",
+        "emailField": "E-posta adresinizi giriniz",
+        "enableDialogPasswordField": "Parola belirleyin (isteğe bağlı)",
+        "enableDialogSubmit": "Etkin",
+        "enableDialogText": "Lobi modu, toplantınızı yalnızca kişilerin bir moderatör tarafından resmi olarak onaylandıktan sonra girmelerine izin vererek korumanıza izin verir.",
+        "enterPasswordButton": "Toplantı parolasını girin",
+        "enterPasswordTitle": "Toplantıya katılmak için parola girin",
+        "errorMissingPassword": "Lütfen toplantı parolasını girin",
+        "invalidPassword": "Geçersiz parola",
+        "joinRejectedMessage": "Katılma isteğiniz bir moderatör tarafından reddedildi.",
+        "joinRejectedTitle": "Katılma isteğiniz reddedildi",
+        "joinTitle": "Toplantıya katıl",
+        "joinWithPasswordMessage": "Parola ile katılmaya çalışıyorsunuz lütfen bekleyin…",
+        "joiningMessage": "Birisi isteğinizi kabul eder etmez toplantıya katılacaksınız",
+        "joiningTitle": "Toplantıya katılma isteniyor…",
+        "joiningWithPasswordTitle": "Parola ile katılıyor…",
+        "knockButton": "Katılmak için sor",
+        "knockTitle": "Birisi toplantıya katılmak istiyor",
+        "knockingParticipantList": "Kapıyı çalan katılımcı listesi",
+        "lobbyChatStartedNotification": "{{moderator}} {{attendee}} adlı kişiyle lobi mesajlaşması başlattı",
+        "lobbyChatStartedTitle": "{{moderator}} sizinle lobi mesajlaşması başlattı",
+        "lobbyClosed": "Lobi odası kapatıldı.",
+        "nameField": "Adınızı giriniz",
+        "notificationLobbyAccessDenied": "{{targetParticipantName}} adlı katılımcı {{originParticipantName}} tarafından reddedildi",
+        "notificationLobbyAccessGranted": "{{targetParticipantName}} adlı katılımcı {{originParticipantName}} tarafından kabul edildi",
+        "notificationLobbyDisabled": "Lobi {{originParticipantName}} tarafından devre dışı bırakıldı",
+        "notificationLobbyEnabled": "Lobi {{originParticipantName}} tarafından etkinleştirildi",
+        "notificationTitle": "Lobi",
+        "passwordJoinButton": "Katıl",
+        "title": "Lobi",
+        "toggleLabel": "Lobiyi etkinleştir"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Kapalı",
+            "on": "Açık",
+            "unknown": "Bilinmiyor"
+        },
+        "dialogTitle": "Kayıt Kontrolleri",
+        "duration": "Süre",
+        "durationNA": "Kullanılamaz",
+        "encoding": "Kodlama",
+        "label": "KK",
+        "labelToolTip": "Kayıt meşgul",
+        "localRecording": "Kayıt",
+        "me": "Ben",
+        "messages": {
+            "engaged": "Kayıt meşgul",
+            "finished": "{{token}} kayıt oturumu tamamlandı. Lütfen kaydedilen dosyayı yöneticiye gönderin.",
+            "finishedModerator": "{{token}} kayıt oturumu tamamlandı. Parça kaydedildi. Lütfen diğer katılımcılardan kayıtlarını göndermelerini isteyin.",
+            "notModerator": "Yönetici değilsiniz. Kaydı başlatamaz veya durduramazsınız."
+        },
+        "moderator": "Yönetici",
+        "no": "Hayır",
+        "participant": "Katılımcı",
+        "participantStats": "Katılımcı İstatistikleri",
+        "selectTabTitle": "🎥 Lütfen kayıt için bu sekmeyi seçin",
+        "sessionToken": "Oturum Tokeni",
+        "start": "Kaydı başlat",
+        "stop": "Kaydı durdur",
+        "stopping": "Kayıt Durduruluyor",
+        "wait": "Kaydınız kaydedilirken lütfen bekleyin",
+        "yes": "Evet"
+    },
+    "lockRoomPassword": "Parola",
+    "lockRoomPasswordUppercase": "Parola",
+    "lonelyMeetingExperience": {
+        "button": "Birilerini davet et",
+        "youAreAlone": "Toplantıdaki tek kişisiniz"
+    },
+    "me": "Ben",
+    "notify": {
+        "OldElectronAPPTitle": "Güvenlik açığı!",
+        "allowAction": "İzin ver",
+        "allowedUnmute": "Mikrofonunuzu sessizden çıkarabilir, kameranızı başlatabilir veya ekranınızı paylaşabilirsiniz.",
+        "audioUnmuteBlockedDescription": "Sistem sınırları nedeniyle mikrofon sesini açma işlemi geçici olarak engellendi",
+        "audioUnmuteBlockedTitle": "Mikrofon sesini açma işlemi engellendi!",
+        "chatMessages": "Sohbet mesajları",
+        "connectedOneMember": "{{name}} toplantıya katıldı",
+        "connectedThreePlusMembers": "{{name}} ve {{count}} kişi daha toplantıya katıldı",
+        "connectedTwoMembers": "{{first}} ve {{second}} toplantıya katıldı",
+        "dataChannelClosed": "Video kalitesi bozuldu",
+        "dataChannelClosedDescription": "Köprü kanalının bağlantısı kesildi ve bu nedenle video kalitesi en düşük ayarla sınırlandı.",
+        "dataChannelClosedDescriptionWithAudio": "Köprü kanalı kapalı olduğu için ses ve video kesintileri yaşanabilir.",
+        "dataChannelClosedWithAudio": "Ses ve video kalitesi etkilenebilir.",
+        "disabledIframe": "Yerleştirme yalnızca demo amaçlı olduğundan bu çağrının bağlantısı {{timeout}} dakika içinde kesilecek.",
+        "disabledIframeSecondary": "{{domain}} alanının yerleştirilmesi yalnızca demo amaçlı olduğundan bu çağrının bağlantısı {{timeout}} dakika içinde kesilecektir. Üretim yerleştirme için lütfen <a href='{{jaasDomain}}' rel='noopener noreferrer' target='_blank'>Hizmet olarak Jitsi</a>'yi kullanın!",
+        "disconnected": "Bağlantı kesildi",
+        "displayNotifications": "Bildirimleri görüntüle",
+        "dontRemindMe": "Bana hatırlatma",
+        "focus": "Toplantı odağı",
+        "focusFail": "{{component}} uygun değil - {{ms}} saniye içinde tekrar deneyin",
+        "gifsMenu": "GIPHY",
+        "groupTitle": "Bildirimler",
+        "hostAskedUnmute": "Moderatör konuşmanı istiyor",
+        "invitedOneMember": "{{name}} davet edildi",
+        "invitedThreePlusMembers": "{{name}} ve {{count}} kişi daha davet edildi",
+        "invitedTwoMembers": "{{first}} ve {{second}} davet edildi",
+        "joinMeeting": "Katıl",
+        "kickParticipant": "{{kicked}} kişisi {{kicker}} tarafından çıkarıldı",
+        "leftOneMember": "{{name}} toplantıdan ayrıldı",
+        "leftThreePlusMembers": "{{name}} ve diğerleri toplantıdan ayrıldı",
+        "leftTwoMembers": "{{first}} ve {{second}} toplantıdan ayrıldı",
+        "linkToSalesforce": "Salesforce'a linkle",
+        "linkToSalesforceDescription": "Toplantı özetini bir Salesforce nesnesine bağlayabilirsiniz",
+        "linkToSalesforceError": "Toplantı Salesforce'a bağlanamadı",
+        "linkToSalesforceKey": "Bu toplantıyı bağla",
+        "linkToSalesforceProgress": "Toplantı Salesforce'a bağlanıyor…",
+        "linkToSalesforceSuccess": "Toplantı Salesforce'a bağlandı",
+        "localRecordingStarted": "{{name}} lokal kayıt başlattı",
+        "localRecordingStopped": "{{name}} lokal kaydı durdurdu",
+        "me": "Ben",
+        "moderationInEffectCSDescription": "Ekranınızı paylaşmak isterseniz lütfen el kaldırın.",
+        "moderationInEffectCSTitle": "Ekran paylaşımı moderatör tarafından bloklandı",
+        "moderationInEffectDescription": "Konuşmak isterseniz lütfen el kaldırın.",
+        "moderationInEffectTitle": "Mikrofonunuz moderatör tarafından sessize alındı",
+        "moderationInEffectVideoDescription": "Kameranızı başlatmak isterseniz lütfen el kaldırın.",
+        "moderationInEffectVideoTitle": "Kameranız moderatör tarafından bloklandı",
+        "moderationRequestFromModerator": "Ev sahibi sesi açmanızı istiyor",
+        "moderationRequestFromParticipant": "Konuşmak istiyor",
+        "moderationStartedTitle": "Denetim başlatıldı",
+        "moderationStoppedTitle": "Denetim durduruldu",
+        "moderationToggleDescription": "{{participantDisplayName}} tarafından",
+        "moderator": "Yönetici hakları alındı!",
+        "muted": "Görüşmeye sesiniz kapalı olarak başladınız.",
+        "mutedRemotelyDescription": "Konuşmaya hazır olduğun zaman, Kendi mikrofonunu açabilirsin. Görüşmeden gürültüyü uzak tutmak için kendini tekrar sessize almalısın.",
+        "mutedRemotelyTitle": "{{participantDisplayName}} tarafından sessize alındınız!",
+        "mutedTitle": "Sesiniz kapalı!",
+        "newDeviceAction": "Kullan",
+        "newDeviceAudioTitle": "Yeni ses aygıtı algılandı",
+        "newDeviceCameraTitle": "Yeni kamera algılandı",
+        "nextToSpeak": "Sırada konuşacak kişi sizsiniz",
+        "noiseSuppressionDesktopAudioDescription": "Masaüstü sesi paylaşılırken gürültü bastırma etkinleştirilemez, lütfen devre dışı bırakın ve tekrar deneyin.",
+        "noiseSuppressionFailedTitle": "Gürültü bastırma başlatılamadı",
+        "noiseSuppressionStereoDescription": "Stereo ses gürültü bastırma şu anda desteklenmemektedir.",
+        "oldElectronClientDescription1": "Güvenlik açıkları bilinen Jitsi Meet istemcisinin eski bir sürümünü kullanıyor görünüyorsunuz. Lütfen güncellediğinizden emin olun.",
+        "oldElectronClientDescription2": "Son yapı",
+        "oldElectronClientDescription3": " Şimdi!",
+        "participantWantsToJoin": "toplantıya katılmak istiyor",
+        "participantsWantToJoin": "toplantıya katılmak istiyor",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) başka bir katılımcı tarafından kaldırıldı",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) başka bir katılımcı tarafından ayarlandı",
+        "raiseHandAction": "El kaldır",
+        "raisedHand": "{{name}} söz hakkı istiyor.",
+        "raisedHands": "{{participantName}} ve {{raisedHands}}'ten daha fazla kişi",
+        "reactionSounds": "Sesleri devre dışı bırak",
+        "reactionSoundsForAll": "Herkes için sesleri devre dışı bırak",
+        "screenShareNoAudio": " Pencere seçim ekranında sesi paylaş kutusu işaretlenmedi.",
+        "screenShareNoAudioTitle": "Sistem sesi paylaşılamadı!",
+        "screenSharingAudioOnlyDescription": "Ekranınızı paylaşarak \"En iyi performans\" modunu etkilediğinizi ve daha fazla bant genişliği kullanacağınızı lütfen unutmayın.",
+        "screenSharingAudioOnlyTitle": "\"En iyi performans\" modu",
+        "selfViewTitle": "Kendi kendine görünümü her zaman ayarlardan gizleyebilirsiniz",
+        "somebody": "Birisi",
+        "startSilentDescription": "Ses çıkışını açtıktan sonra tekrar bağlanın",
+        "startSilentTitle": "Ses çıkışı olmadan bağlandınız",
+        "suboptimalBrowserWarning": "Toplantı deneyiminizin burada çok iyi olmayacağından korkuyoruz. Bunu iyileştirmenin yollarını arıyoruz, ancak o zamana kadar lütfen şunlardan birini deneyin: <a href='{{recommendedBrowserPageLink}}' target='_blank'>desteklenen tarayıcılar</a>.",
+        "suboptimalExperienceTitle": "Tarayıcı Uyarısı",
+        "suggestRecordingAction": "Başla",
+        "suggestRecordingDescription": "Kaydı başlatmak ister misiniz?",
+        "suggestRecordingTitle": "Bu toplantıyı kaydet",
+        "unmute": "Sessizden çıkar",
+        "videoMutedRemotelyDescription": "Her zaman yeniden açabilirsiniz.",
+        "videoMutedRemotelyTitle": "{{moderator}} tarafından videonuz kapatıldı",
+        "videoUnmuteBlockedDescription": "Sistem sınırları nedeniyle kamera sesini açma ve masaüstü paylaşım işlemi geçici olarak engellendi.",
+        "videoUnmuteBlockedTitle": "Kameranın sesini açma ve masaüstü paylaşımı engellendi!",
+        "viewLobby": "Lobiyi göster",
+        "viewParticipants": "Katılımcıları görüntüle",
+        "viewVisitors": "Ziyaretçileri görüntüle",
+        "waitingParticipants": "{{waitingParticipants}} kişi",
+        "waitingVisitors": "Sırada bekleyen ziyaretçiler: {{waitingVisitors}}",
+        "waitingVisitorsTitle": "Toplantı henüz canlı değil!",
+        "whiteboardLimitDescription": "Kullanıcı sınırına yakında ulaşılacağından ve beyaz tahta kapanacağından lütfen ilerlemenizi kaydedin.",
+        "whiteboardLimitTitle": "Beyaz tahta kullanımı"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "Kabul et",
+            "admitAll": "Hepsini kabul et",
+            "allow": "Katılımcıların şunları yapmasına izin ver:",
+            "allowVideo": "Video'ya izin ver",
+            "askUnmute": "Sesi açmayı iste",
+            "audioModeration": "Seslerini aç",
+            "blockEveryoneMicCamera": "Herkesin mikrofonunu ve kamerasını blokla",
+            "breakoutRooms": "Alt odalar",
+            "goLive": "Canlı yayına geç",
+            "invite": "Birini davet et",
+            "lowerAllHands": "Tüm elleri indir",
+            "lowerHand": "Elini indir",
+            "moreModerationActions": "Daha fazla denetleme seçeneği",
+            "moreModerationControls": "Daha fazla denetleme kontrolü",
+            "moreParticipantOptions": "Daha fazla katılımcı seçeneği",
+            "mute": "Sessize al",
+            "muteAll": "Herkesi sessize al",
+            "muteEveryoneElse": "Diğer herkesi sessize al",
+            "reject": "Reddet",
+            "stopEveryonesVideo": "Herkesin videosunu durdur",
+            "stopVideo": "Video'yu durdur",
+            "unblockEveryoneMicCamera": "Herkesin mikrofonunun ve kamerasının engellemesini kaldır",
+            "videoModeration": "Videolarını başlat"
+        },
+        "close": "Kapat",
+        "headings": {
+            "lobby": "Lobi ({{count}})",
+            "participantsList": "Toplantı Katılımcıları ({{count}})",
+            "visitorInQueue": "(waiting {{count}})",
+            "visitorRequests": "(requests {{count}})",
+            "visitors": "Ziyaretçiler {{count}}",
+            "waitingLobby": "Lobide bekleyen ({{count}})"
+        },
+        "search": "Katılımcıları ara",
+        "title": "Katılımcılar"
+    },
+    "passwordDigitsOnly": "{{number}} rakama kadar",
+    "passwordSetRemotely": "başka katılımcı tarafından ayarlandı",
+    "pinParticipant": "{{participantName}} - Sabitle",
+    "pinnedParticipant": "Katılımcı sabitlendi",
+    "polls": {
+        "answer": {
+            "edit": "Düzenle",
+            "send": "Gönder",
+            "skip": "Geç",
+            "submit": "Gönder"
+        },
+        "by": "{{ name }} tarafından",
+        "closeButton": "Close poll",
+        "create": {
+            "addOption": "Seçenek Ekle",
+            "answerPlaceholder": "Seçenek {{index}}",
+            "cancel": "İptal et",
+            "create": "Anket oluştur",
+            "pollOption": "Anket seçeneği {{index}}",
+            "pollQuestion": "Anket Sorusu",
+            "questionPlaceholder": "Soru sor",
+            "removeOption": "Seçeneği sil",
+            "save": "Kaydet",
+            "send": "Gönder"
+        },
+        "errors": {
+            "notUniqueOption": "Seçenekler benzersiz olmalı"
+        },
+        "notification": {
+            "description": "Oy vermek için anketler sekmesini açın",
+            "title": "Anket toplantıya eklendi"
+        },
+        "results": {
+            "changeVote": "Oyu değiştir",
+            "empty": "Bu toplantıda henüz bir anket oluşturulmadı. Anket başlat!",
+            "hideDetailedResults": "Detayları gizle",
+            "showDetailedResults": "Detayları göster",
+            "vote": "Oylar"
+        }
+    },
+    "poweredby": "tarafından",
+    "prejoin": {
+        "audioAndVideoError": "Ses ve video hatası:",
+        "audioDeviceProblem": "Ses cihazınızla ilgili bir sorun var",
+        "audioOnlyError": "Ses Hatası:",
+        "audioTrackError": "Ses parçası oluşturulamadı.",
+        "callMe": "Beni ara",
+        "callMeAtNumber": "Beni şu numaradan arayın:",
+        "calling": "Arama",
+        "configuringDevices": "Cihazlar yapılandırılıyor…",
+        "connectedWithAudioQ": "Sese bağlı mısınız?",
+        "connection": {
+            "failed": "Bağlantı testi başarısız!",
+            "good": "İnternet bağlantınız iyi görünüyor!",
+            "nonOptimal": "İnternet bağlantınız uygun değil",
+            "poor": "İnternet bağlantınız zayıf",
+            "running": "Bağlantı testi çalıştırılıyor…"
+        },
+        "connectionDetails": {
+            "audioClipping": "Sesinizin kırpılmasını bekliyoruz.",
+            "audioHighQuality": "Sesinizin mükemmel kalitede olmasını bekliyoruz.",
+            "audioLowNoVideo": "Ses kalitenizin düşük olmasını ve video olmamasını bekliyoruz.",
+            "goodQuality": "Mükemmel! Medya kaliteniz harika olacak.",
+            "noMediaConnectivity": "Bu test için medya bağlantısı kurmanın bir yolunu bulamadık. Buna genellikle bir güvenlik duvarı veya NAT neden olur.",
+            "noVideo": "Videonuzun korkunç olmasını bekliyoruz.",
+            "testFailed": "Bağlantı testinde beklenmeyen sorunlarla karşılaşıldı, ancak bu durum deneyiminizi etkilemeyebilir.",
+            "undetectable": "Tarayıcıda hala arama yapamıyorsanız, hoparlörlerinizin, mikrofonunuzun ve kameranızın doğru şekilde kurulduğundan, tarayıcınıza mikrofon ve kameranızı kullanma haklarını verdiğinizden ve tarayıcı sürümünüzün güncel olduğundan emin olmanızı öneririz. Arama konusunda hala sorun yaşıyorsanız, web uygulaması geliştiricisi ile iletişime geçmelisiniz.",
+            "veryPoorConnection": "Çağrı kalitenizin gerçekten korkunç olmasını bekliyoruz.",
+            "videoFreezing": "Videonuzun donmasını, kararmasını ve piksellenmesini bekliyoruz.",
+            "videoHighQuality": "Videonuzun kaliteli olmasını bekliyoruz.",
+            "videoLowQuality": "Videonuzun kare hızı ve çözünürlük açısından düşük kalitede olmasını bekliyoruz.",
+            "videoTearing": "Videonuzun pikselli olmasını veya görsel problemler içermesini bekliyoruz."
+        },
+        "copyAndShare": "Toplantı bağlantısını kopyala ve paylaş",
+        "dialInMeeting": "Toplantıya telefon et",
+        "dialInPin": "Toplantıya telefon edin ve PIN kodunu girin:",
+        "dialing": "Arama",
+        "doNotShow": "Bunu bir daha gösterme",
+        "errorDialOut": "Dışarı arama yapılamadı",
+        "errorDialOutDisconnected": "Dışarı arama yapılamadı. Bağlantı kesildi",
+        "errorDialOutFailed": "Dışarı arama yapılamadı. Arama başarısız",
+        "errorDialOutStatus": "Dışarı arama durumu alınırken hata oluştu",
+        "errorMissingName": "Toplantıya girmek için lütfen isminizi giriniz",
+        "errorNoPermissions": "Mikrofon ve kamera erişimini etkinleştirmeniz gerekiyor",
+        "errorStatusCode": "Dışarı arama hatası, durum kodu: {{status}}",
+        "errorValidation": "Numara doğrulanamadı",
+        "iWantToDialIn": "İçeri arama yapmak istiyorum",
+        "initiated": "Çağrı başlatıldı",
+        "joinAudioByPhone": "Telefonla sesli katıl",
+        "joinMeeting": "Toplantıya katıl",
+        "joinMeetingInLowBandwidthMode": "Düşük bant genişliği modunda katılın",
+        "joinWithoutAudio": "Ses olmadan katıl",
+        "keyboardShortcuts": "Klavye kısayollarını etkinleştir",
+        "linkCopied": "Bağlantı panoya kopyalandı",
+        "lookGood": "Mikrofonunuz düzgün çalışıyor gibi görünüyor",
+        "or": "veya",
+        "premeeting": "Toplantı öncesi",
+        "proceedAnyway": "Yine de devam et",
+        "recordingWarning": "Diğer katılımcılar bu çağrıyı kaydediyor olabilir",
+        "screenSharingError": "Ekran paylaşma hatası:",
+        "startWithPhone": "Telefon sesiyle başlayın",
+        "unsafeRoomConsent": "Riskleri anlıyorum, toplantıya katılmak istiyorum",
+        "videoOnlyError": "Video hatası:",
+        "videoTrackError": "Video izleme oluşturulamadı.",
+        "viewAllNumbers": "Tüm numaraları görüntüle"
+    },
+    "presenceStatus": {
+        "busy": "Meşgul",
+        "calling": "Arıyor…",
+        "connected": "Bağlandı",
+        "connecting": "Bağlanıyor…",
+        "connecting2": "Bağlanıyor*…",
+        "disconnected": "Bağlantı kesildi",
+        "expired": "Süresi doldu",
+        "ignored": "Yok sayıldı",
+        "initializingCall": "Arama başlatılıyor…",
+        "invited": "Davet edildi",
+        "rejected": "Reddedildi",
+        "ringing": "Çalıyor…"
+    },
+    "profile": {
+        "avatar": "avatar",
+        "setDisplayNameLabel": "Görünür adınızı ayarlayın",
+        "setEmailInput": "E-posta adresinizi girin",
+        "setEmailLabel": "Gravatar e-postanızı ayarlayın",
+        "title": "Profil"
+    },
+    "raisedHand": "Konuşmak ister misiniz?",
+    "raisedHandsLabel": "Kaldırılan ellerin sayısı",
+    "record": {
+        "already": {
+            "linked": "Toplantı zaten bu Salesforce nesnesine bağlı."
+        },
+        "type": {
+            "account": "Hesap",
+            "contact": "Kontak",
+            "lead": "Lider",
+            "opportunity": "İmkan",
+            "owner": "Sahip"
+        }
+    },
+    "recording": {
+        "authDropboxText": "Dropbox'a yükle",
+        "availableSpace": "Kullanılabilir alan: {{spaceLeft}} MB (yaklaşık {{duration}} dakika kayıt)",
+        "beta": "BETA",
+        "busy": "Kayıt kaynaklarını boşaltmaya çalışıyoruz. Lütfen birkaç dakika içinde tekrar deneyin.",
+        "busyTitle": "Tüm kayıt cihazları şu anda meşgul",
+        "copyLink": "Linki Kopyala",
+        "error": "Kayıt başarısız oldu. Lütfen tekrar deneyin.",
+        "errorFetchingLink": "Kayıt bağlantısı getirilirken hata oluştu.",
+        "expandedOff": "Kayıt durdu",
+        "expandedOn": "Toplantı şu anda kaydediliyor.",
+        "expandedPending": "Kayıt başlatılıyor…",
+        "failedToStart": "Kayıt başlatılamadı",
+        "fileSharingdescription": "Toplantı katılımcılarıyla kaydı paylaş",
+        "highlight": "Önemli Olay",
+        "highlightMoment": "Vurgu anı",
+        "highlightMomentDisabled": "Kayıt başladığında önemli anları vurgulayabilirsiniz",
+        "highlightMomentSuccess": "An vurgulandı",
+        "highlightMomentSucessDescription": "Vurgulanan anınız toplantı özetine eklenecektir.",
+        "inProgress": "Kayıt veya canlı akış devam ediyor",
+        "limitNotificationDescriptionNative": "Yüksek talep nedeniyle kaydınız {{limit}} dakika ile sınırlı olacaktır. Sınırsız kayıt için deneyin <3>{{app}}</3>.",
+        "limitNotificationDescriptionWeb": "Yüksek talep nedeniyle kaydınız {{limit}} dakika ile sınırlı olacaktır. Sınırsız kayıt için deneyin <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "linkGenerated": "Kaydınızla ilgili link oluşturduk.",
+        "localRecordingNoNotificationWarning": "Kayıt diğer katılımcılara duyurulmayacaktır. Onlara toplantının kaydedildiğini bildirmeniz gerekecek.",
+        "localRecordingNoVideo": "Video kaydedilmiyor",
+        "localRecordingStartWarning": "Lütfen kaydetmek için toplantıdan çıkmadan önce kaydı durdurduğunuzdan emin olun.",
+        "localRecordingStartWarningTitle": "Kaydetmek için kaydı durdurun",
+        "localRecordingVideoStop": "Videonuzu durdurmak yerel kaydı da durduracaktır. Devam etmek istediğine emin misin?",
+        "localRecordingVideoWarning": "Videonuzu kaydetmek için kayda başlarken açmış olmanız gerekir",
+        "localRecordingWarning": "Doğru video ve sesi kullanmak için geçerli sekmeyi seçtiğinizden emin olun.",
+        "loggedIn": "{{userName}} olarak giriş yapıldı",
+        "noMicPermission": "Mikrofon parçası oluşturulamadı. Lütfen mikrofonu kullanma izni verin.",
+        "noStreams": "Ses veya video akışı algılanmadı",
+        "off": "Kayıt durdu",
+        "offBy": "{{name}} isimli kayıt durduruldu",
+        "on": "Kayıt başladı",
+        "onBy": "{{name}} isimli kayıt başlatıldı",
+        "onlyRecordSelf": "Yalnızca ses ve video akışlarımı kaydet",
+        "pending": "Toplantıyı kaydetmeye hazırlanıyor…",
+        "recordAudioAndVideo": "Ses ve video kaydedin",
+        "recordTranscription": "Transkripsiyonu kaydet",
+        "saveLocalRecording": "Kayıt dosyasını yerel olarak kaydet (Beta)",
+        "serviceDescription": "Kaydınız kayıt hizmeti tarafından kaydedilecektir",
+        "serviceDescriptionCloud": "Bulut kaydı",
+        "serviceDescriptionCloudInfo": "Kaydedilen toplantılar, kayıt süresinden 24 saat sonra otomatik olarak temizlenir.",
+        "serviceName": "Kayıt hizmeti",
+        "sessionAlreadyActive": "Bu oturum zaten kaydediliyor veya canlı yayınlanıyor.",
+        "showAdvancedOptions": "Gelişmiş seçenekler",
+        "signIn": "Giriş yap",
+        "signOut": "Çıkış yap",
+        "surfaceError": "Lütfen geçerli sekmeyi seçin",
+        "title": "Kaydediliyor",
+        "unavailable": "Ah! {{serviceName}} şu anda kullanılamıyor. Sorunu çözmek için çalışıyoruz. Lütfen daha sonra tekrar deneyin.",
+        "unavailableTitle": "Kayıt yapılamıyor",
+        "uploadToCloud": "Buluta yükle"
+    },
+    "screenshareDisplayName": "{{name}}'nin ekranı",
+    "sectionList": {
+        "pullToRefresh": "Yenilemek için çekin"
+    },
+    "security": {
+        "about": "Toplantınıza bir parola ekleyebilirsiniz. Katılımcıların toplantıya katılmasına izin verilmeden önce parolayı girmeleri gerekecektir.",
+        "aboutReadOnly": "Moderatörler toplantıya toplantıya bir $t(lockRoomPassword) eklenebilir. Katılımcıların toplantıya katılmalarına izin verilmeden önce $t(lockRoomPassword) bilgilerini sağlamaları gerekir..",
+        "insecureRoomNameWarningNative": "Oda adı güvenli değil. İstenmeyen katılımcılar toplantınıza katılabilir. {{recommendAction}} Toplantınızın güvenliğini sağlama hakkında daha fazla bilgi edinin",
+        "insecureRoomNameWarningWeb": "Oda adı güvenli değil. İstenmeyen katılımcılar toplantınıza katılabilir. {{recommendAction}} Toplantınızın güvenliğini sağlama hakkında daha fazla bilgi edinin <a href = \"{{securityUrl}}\" rel = \"security\" target = \"_blank\">buraya</a>.",
+        "title": "Güvenlik Seçenekleri",
+        "unsafeRoomActions": {
+            "meeting": "Güvenlik düğmesini kullanarak toplantınızın güvenliğini sağlamayı düşünün.",
+            "prejoin": "Daha benzersiz bir toplantı adı kullanmayı düşünün",
+            "welcome": "Daha benzersiz bir toplantı adı kullanmayı düşünün veya önerilerden birini seçin."
+        }
+    },
+    "settings": {
+        "audio": "Ses",
+        "buttonLabel": "Ayarlar",
+        "calendar": {
+            "about": "{{appName}} takvim entegrasyonu, yaklaşan etkinlikleri okuyabilmesi için takviminize güvenli bir şekilde erişmek için kullanılır.",
+            "disconnect": "Bağlantıyı Kes",
+            "microsoftSignIn": "Microsoft ile oturum aç",
+            "signedIn": "Şu anda {{email}} için takvim etkinliklerine erişiliyor. Takvim etkinliklerine erişmeyi durdurmak için aşağıdaki Bağlantıyı Kes butonuna tıklayın.",
+            "title": "Takvim"
+        },
+        "desktopShareFramerate": "Masaüstü paylaşım kare hızı",
+        "desktopShareHighFpsWarning": "Masaüstü paylaşımı için daha yüksek bir kare hızı bant genişliğinizi etkileyebilir. Yeni ayarların etkili olması için ekran paylaşımını yeniden başlatmanız gerekli.",
+        "desktopShareWarning": "Yeni ayarların etkili olması için ekran paylaşımını yeniden başlatmanız gerekli.",
+        "devices": "Cihazlar",
+        "followMe": "Beni takip edenler",
+        "followMeRecorder": "Kaydedici beni takip etsin",
+        "framesPerSecond": "kare/saniye",
+        "incomingMessage": "Gelen mesaj",
+        "language": "Dil",
+        "loggedIn": "{{name}} olarak giriş yapıldı",
+        "maxStageParticipants": "Ana ekrana sabitlenecek maksimum katılımcı sayısı",
+        "microphones": "Mikrofonlar",
+        "moderator": "Yönetici",
+        "moderatorOptions": "Moderatör seçenekleri",
+        "more": "Daha fazla",
+        "name": "Ad",
+        "noDevice": "Yok",
+        "notifications": "Bildirimler",
+        "participantJoined": "Katılımcı katıldı",
+        "participantKnocking": "Katılımcı lobiye girdi",
+        "participantLeft": "Katılımcı ayrıldı",
+        "playSounds": "Sesi çal",
+        "reactions": "Toplantı reaksiyonları",
+        "sameAsSystem": "Sistemle aynı ({{label}})",
+        "selectAudioOutput": "Ses çıkışı",
+        "selectCamera": "Kamera",
+        "selectMic": "Mikrofon",
+        "selfView": "Kendi görünümüm",
+        "shortcuts": "Kısayollar",
+        "speakers": "Hoparlörler",
+        "startAudioMuted": "Herkes ses kapalı başlasın",
+        "startReactionsMuted": "Reaksiyon seslerini herkes için kapat",
+        "startVideoMuted": "Herkes görüntü kapalı başlasın",
+        "talkWhileMuted": "Sesi kapalıyken konuş",
+        "title": "Ayarlar",
+        "video": "Video"
+    },
+    "settingsView": {
+        "advanced": "Gelişmiş",
+        "alertCancel": "İptal",
+        "alertOk": "Tamam",
+        "alertTitle": "Uyarı",
+        "alertURLText": "Girilen sunucu bağlantısı geçersiz",
+        "apply": "Uygula",
+        "buildInfoSection": "Yapı Bilgisi",
+        "conferenceSection": "Toplantı",
+        "disableCallIntegration": "Yerel arama entegrasyonunu devre dışı bırak",
+        "disableCrashReporting": "Çökme raporlamasını devre dışı bırak",
+        "disableCrashReportingWarning": "Kilitlenme raporlamasını devre dışı bırakmak istediğinizden emin misiniz? Ayar, uygulamayı yeniden başlattıktan sonra uygulanacaktır.",
+        "disableP2P": "Peer-To-Peer modunu devre dışı bırak",
+        "displayName": "Görünür ad",
+        "displayNamePlaceholderText": "Ör: John Doe",
+        "email": "E-posta",
+        "emailPlaceholderText": "email@example.com",
+        "gavatarMessage": "E-postanız bir Gravatar hesabıyla ilişkiliyse, bunu profil resminizi görüntülemek için kullanacağız.",
+        "goTo": "Git",
+        "header": "Ayarlar",
+        "help": "Yardım",
+        "links": "Linkler",
+        "privacy": "Gizlilik",
+        "profileSection": "Profil",
+        "sdkVersion": "SDK sürümü",
+        "serverURL": "Sunucu Bağlantısı",
+        "showAdvanced": "Gelişmiş ayarları göster",
+        "startCarModeInLowBandwidthMode": "Düşük bağlantı modunda araba modunu başlat",
+        "startWithAudioMuted": "Ses kapalı başla",
+        "startWithVideoMuted": "Görüntü kapalı başla",
+        "terms": "Şartlar",
+        "version": "Versiyon"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nTelefonunuzdan mı aramak istiyorsunuz?\n\n{{defaultDialInNumber}}Bu toplantının telefon numaralarını aramak için bu bağlantıyı tıklayın\n{{dialInfoPageUrl}}",
+        "mainText": "Toplantıya katılmak için aşağıdaki bağlantıyı tıklayın:\n{{roomUrl}}"
+    },
+    "speaker": "Konuşmacı",
+    "speakerStats": {
+        "angry": "Kızgın",
+        "disgusted": "Bıkkın",
+        "displayEmotions": "Duyguları göster",
+        "fearful": "Korkunç",
+        "happy": "Mutlu",
+        "hours": "{{count}}sa",
+        "minutes": "{{count}}dk",
+        "name": "Ad",
+        "neutral": "Nötr",
+        "sad": "Üzgün",
+        "search": "Ara",
+        "searchHint": "Katılımcıları ara",
+        "seconds": "{{count}}sn",
+        "speakerStats": "Konuşmacı İstatistikleri",
+        "speakerTime": "Konuşmacı Süresi",
+        "surprised": "Sürpriz"
+    },
+    "startupoverlay": {
+        "genericTitle": "Toplantının mikrofonunuzu ve kameranızı kullanması gerekli.",
+        "policyText": " ",
+        "title": "{{app}} kameranızı ve mikrofonunuzu kullanmaya ihtiyaç duyuyor."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Tekrar katıl",
+        "text": "Tekrar bağlanmak için <i>Tekrar katıl</i> butonuna basın.",
+        "title": "Bu bilgisayar uyku moduna geçtiği için görüntülü görüşmeniz kesildi."
+    },
+    "termsView": {
+        "title": "Şartlar"
+    },
+    "toggleTopPanelLabel": "Üst paneli göster/gizle",
+    "toolbar": {
+        "Settings": "Ayarlar",
+        "accessibilityLabel": {
+            "Settings": "Ayarları göster/gizle",
+            "audioOnly": "Yalnızca sesi aç/kapat",
+            "audioRoute": "Ses aygıtını seçin",
+            "boo": "Boo",
+            "breakoutRooms": "Alt odalar",
+            "callQuality": "Armama kalitesini yönetin",
+            "carmode": "Araba modu",
+            "cc": "Altyazıları aç/kapat",
+            "chat": "Mesajlaşma penceresini aç/kapat",
+            "clap": "Alkış",
+            "closeChat": "Sohbeti kapat",
+            "closeMoreActions": "Diğer işlemler menüsünü kapat",
+            "closeParticipantsPane": "Katılımcılar bölmesini kapat",
+            "collapse": "Daralt",
+            "document": "Paylaşılan dokümanı aç/kapat",
+            "documentClose": "Paylaşılan belgeyi kapat",
+            "documentOpen": "Paylaşılan belgeyi aç",
+            "download": "Uygulamalarımızı indirin",
+            "embedMeeting": "Toplantıyı yerleştir",
+            "endConference": "Herkes için toplantıyı sonlandır",
+            "enterFullScreen": "Tam ekranı görüntüle",
+            "enterTileView": "Döşeme görünümüne girin",
+            "exitFullScreen": "Tam ekrandan çık",
+            "exitTileView": "Döşeme görünümünden çık",
+            "expand": "Genişlet",
+            "feedback": "Geri bildirim bırakın",
+            "fullScreen": "Tam ekranı aç/kapat",
+            "giphy": "GIPHY menüsünü aç/kapat",
+            "grantModerator": "Moderatör Hakları Ver",
+            "hangup": "Aramadan ayrıl",
+            "heading": "Araç Çubuğu",
+            "help": "Yardım",
+            "hideWhiteboard": "Beyaz tahtayı gizle",
+            "invite": "İnsanları davet et",
+            "kick": "Katılımcı çıkar",
+            "laugh": "Gül",
+            "leaveConference": "Toplantıdan ayrıl",
+            "like": "Çok iyi!",
+            "linkToSalesforce": "Salesforce'a bağla",
+            "lobbyButton": "Lobi modunu etkinleştir / devre dışı bırak",
+            "localRecording": "Kayıt denetimlerini aç/kapat",
+            "lockRoom": "Toplantı parolasını aç/kapat",
+            "lowerHand": "Elini indir",
+            "moreActions": "Diğer işlemler menüsünü aç/kapat",
+            "moreActionsMenu": "Diğer işlemler menüsü",
+            "moreOptions": "Daha fazla seçenek göster",
+            "mute": "Sesi aç/kapat",
+            "muteEveryone": "Herkesi sessize al",
+            "muteEveryoneElse": "Diğer herkesi sessize al",
+            "muteEveryoneElsesVideoStream": "Diğer herkesin videosunu durdur",
+            "muteEveryonesVideoStream": "Herkesin videosunu durdur",
+            "muteGUMPending": "Mikrofonunuz bağlanıyor",
+            "noiseSuppression": "Gürültü azaltma",
+            "openChat": "Sohbeti aç",
+            "participants": "Katılımcılar bölmesini açın. {{participantsCount}} katılımcı",
+            "pip": "Resim içinde Resim modunu aç/kapat",
+            "privateMessage": "Özel mesaj gönder",
+            "profile": "Profilinizi düzenleyin",
+            "raiseHand": "El kaldırmayı aç/kapat",
+            "react": "Mesaj tepkileri",
+            "reactions": "Tepkiler",
+            "reactionsMenu": "Reaksiyon menüsünü Aç / Kapa",
+            "recording": "Kaydetmeyi aç/kapat",
+            "remoteMute": "Katılımcının sesini kapat",
+            "remoteVideoMute": "Katılımcının kamerasını devre dışı bırak",
+            "security": "Güvenlik seçenekleri",
+            "selectBackground": "Arkaplan Seç",
+            "selfView": "Kendi kendine görünümü aç/kapat",
+            "shareRoom": "Birini davet et",
+            "shareYourScreen": "Ekran paylaşımını aç/kapat",
+            "shareaudio": "Sesi paylaş",
+            "sharedvideo": "Video paylaşmayı aç/kapat",
+            "shortcuts": "Kısayolları aç/kapat",
+            "show": "Sahnede göster",
+            "showWhiteboard": "Beyaz tahtayı göster",
+            "silence": "Sessiz",
+            "speakerStats": "Konuşmacı istatistiklerini aç/kapat",
+            "stopScreenSharing": "Ekranınızı paylaşmayı durdur",
+            "stopSharedVideo": "Videoyu durdur",
+            "surprised": "Sürpriz",
+            "tileView": "Döşeme görünümünü aç/kapat",
+            "toggleCamera": "Kamerayı değiştir",
+            "toggleFilmstrip": "Film şeridini aç/kapat",
+            "unmute": "Mikrofonun sesini aç",
+            "videoblur": "Video bulanıklaştırma aç/kapat",
+            "videomute": "Sessiz videoyu aç/kapat",
+            "videomuteGUMPending": "Kameranız bağlanıyor",
+            "videounmute": "Kamerayı başlat"
+        },
+        "addPeople": "Aramanıza kişi ekleyin",
+        "audioOnlyOff": "Yalnızca ses modunu devre dışı bırak",
+        "audioOnlyOn": "Yalnızca ses modunu etkinleştir",
+        "audioRoute": "Ses aygıtını seçin",
+        "audioSettings": "Ses ayarları",
+        "authenticate": "Kimlik doğrula",
+        "boo": "Boo",
+        "callQuality": "Arama kalitesini yönetin",
+        "chat": "Mesajlaşmayı aç/kapat",
+        "clap": "Alkış",
+        "closeChat": "Mesajlaşmayı kapat",
+        "closeParticipantsPane": "Katılımcılar bölmesini kapat",
+        "closeReactionsMenu": "Reaksiyon menüsünü kapat",
+        "disableNoiseSuppression": "Gürültü azaltmayı devre dışı bırak",
+        "disableReactionSounds": "Toplantı için reaksiyon seslerini devre dışı bırak",
+        "documentClose": "Paylaşılan dokümanı kapat",
+        "documentOpen": "Paylaşılan dokümanı aç",
+        "download": "Uygulamalarımızı indirin",
+        "e2ee": "Uçtan uca şifreleme",
+        "embedMeeting": "Toplantıyı yerleştir",
+        "enableNoiseSuppression": "Gürültü azaltmayı etkinleştir",
+        "endConference": "Herkes için toplantıyı sonlandır",
+        "enterFullScreen": "Tam ekran görüntüle",
+        "enterTileView": "Döşeme görünümüne geç",
+        "exitFullScreen": "Tam ekrandan çık",
+        "exitTileView": "Döşeme görünümünden çık",
+        "feedback": "Geri bildirim bırakın",
+        "giphy": "GIPHY menü aç/kapat",
+        "hangup": "Ayrıl",
+        "help": "Yardım",
+        "hideWhiteboard": "Beyaztahtayı gizle",
+        "invite": "Kişi davet et",
+        "joinBreakoutRoom": "Alt odaya katıl",
+        "laugh": "Gül",
+        "leaveBreakoutRoom": "Alt odadan ayrıl",
+        "leaveConference": "Toplantıdan Ayrıl",
+        "like": "Çok iyi!",
+        "linkToSalesforce": "Salesforce'a bağla",
+        "lobbyButtonDisable": "Lobi modunu devre dışı bırak",
+        "lobbyButtonEnable": "Lobi modunu devre aktifleştir",
+        "login": "Oturum aç",
+        "logout": "Oturum kapat",
+        "lowerYourHand": "Elinizi indirin",
+        "moreActions": "Daha fazla işlem",
+        "moreOptions": "Daha fazla seçenek",
+        "mute": "Sessiz / Sesli",
+        "muteEveryone": "Herkesi sessize al",
+        "muteEveryonesVideo": "Herkesin kamerasını devre dışı bırak",
+        "muteGUMPending": "Mikrofonunuz bağlanıyor",
+        "noAudioSignalDesc": "Sistem ayarlarından veya donanımdan sesi kapatmadıysanız, cihazınızı değiştirin.",
+        "noAudioSignalDescSuggestion": "Sistem ayarlarından veya donanımdan kasıtlı olarak kapatmadıysanız, önerilen aygıta geçmeyi düşünün.",
+        "noAudioSignalDialInDesc": "Ayrıca şunları kullanarak da arama yapabilirsiniz:",
+        "noAudioSignalDialInLinkDesc": "İçeri arama numaraları",
+        "noAudioSignalTitle": "Mikrofonunuzdan hiçbir giriş gelmiyor!",
+        "noiseSuppression": "Gürültü azaltma",
+        "noisyAudioInputDesc": "Mikrofonunuz gürültü yapıyor gibi görünüyor, lütfen cihazı kapatmayı veya değiştirmeyi düşünün.",
+        "noisyAudioInputTitle": "Mikrofonunuz gürültülü görünüyor!",
+        "openChat": "Mesajlaşmayı aç",
+        "openReactionsMenu": "Reaksiyon menüsünü aç",
+        "participants": "Katılımcılar",
+        "pip": "Resim içinde Resim moduna gir",
+        "privateMessage": "Özel mesaj gönder",
+        "profile": "Profilinizi düzenleyin",
+        "raiseHand": "Elinizi kaldırın/indirin",
+        "raiseYourHand": "Elinizi kaldırın",
+        "reactionBoo": "Boo gönder",
+        "reactionClap": "Alkış gönder",
+        "reactionLaugh": "Gülme gönder",
+        "reactionLike": "Çok iyi! gönder",
+        "reactionSilence": "Sessizlik gönder",
+        "reactionSurprised": "Sürpriz gönder",
+        "reactions": "Tepkiler",
+        "security": "Güvenlik seçenekleri",
+        "selectBackground": "Arkaplan seç",
+        "shareRoom": "Birini davet et",
+        "shareaudio": "Ses paylaş",
+        "sharedvideo": "Bir videosu paylaş",
+        "shortcuts": "Kısayolları göster",
+        "showWhiteboard": "Beyaztahtayı Göster",
+        "silence": "Sessiz",
+        "speakerStats": "Konuşmacı istatistikleri",
+        "startScreenSharing": "Ekran paylaşımını başlat",
+        "startSubtitles": "Altyazıları başlat",
+        "stopAudioSharing": "Ses paylaşımını durdur",
+        "stopScreenSharing": "Ekran paylaşımını durdur",
+        "stopSharedVideo": "Videosunu durdur",
+        "stopSubtitles": "Altyazıları durdur",
+        "surprised": "Sürpriz",
+        "talkWhileMutedPopup": "Bir şey mi dediniz? Mikrofonunuz kapalı.",
+        "tileViewToggle": "Döşeme görünümünü aç/kapat",
+        "toggleCamera": "Kamerayı değiştir",
+        "unmute": "Mikrofonun sesini aç",
+        "videoSettings": "Video ayarları",
+        "videomute": "Kamerayı durdur",
+        "videomuteGUMPending": "Kameranıza bağlanıyor",
+        "videounmute": "Kamerayı başlat"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Altyazılıar başlat / durdur",
+        "expandedLabel": "Deşifre etme açık",
+        "failedToStart": "Deşifre etme başlatılamadı",
+        "labelToolTip": "Toplantı deşifre ediliyor",
+        "sourceLanguageDesc": "Şu anda toplantı dili <b>{{sourceLanguage}</b> olarak ayarlıdır. <br/> Bunu şuradan değiştirebilirsiniz",
+        "sourceLanguageHere": "burada",
+        "start": "Altyazıları göstermeye başla",
+        "stop": "Altyazıları göstermeyi durdur",
+        "subtitles": "Altyazılar",
+        "subtitlesOff": "Kapat",
+        "tr": "TR"
+    },
+    "unpinParticipant": "{{participantName}} - Sabitlemeyi kaldır",
+    "userMedia": {
+        "grantPermissions": "Lütfen kameranızı ve mikrofonunuzu kullanmak için izin verin."
+    },
+    "videoSIPGW": {
+        "busy": "Kaynakları serbest bırakmaya çalışıyoruz. Lütfen birkaç dakika içinde tekrar deneyin.",
+        "busyTitle": "Oda hizmeti şu anda meşgul",
+        "errorAlreadyInvited": "{{displayName}} zaten davet edildi",
+        "errorInvite": "Toplantı henüz oluşturulmadı. Lütfen daha sonra tekrar deneyin.",
+        "errorInviteFailed": "Sorunu çözmek için çalışıyoruz. Lütfen daha sonra tekrar deneyin.",
+        "errorInviteFailedTitle": "{{displayName}} davet edilemedi",
+        "errorInviteTitle": "Odaya davet edilirken hata oluştu",
+        "pending": "{{displayName}} davet edildi"
+    },
+    "videoStatus": {
+        "adjustFor": "Ayarla:",
+        "audioOnly": "SES",
+        "audioOnlyExpanded": "Yalnızca ses modundasınız. Bu mod bant genişliğinden tasarruf sağlar, ancak başkalarının videolarını göremezsiniz.",
+        "bestPerformance": "En iyi performans",
+        "callQuality": "Arama Kalitesi",
+        "hd": "HD",
+        "hdTooltip": "Yüksek çözünürlükte video görüntüleniyor",
+        "highDefinition": "Yüksek çözünürlük",
+        "highestQuality": "En yüksek kalite",
+        "labelTooiltipNoVideo": "Görüntü yok",
+        "labelTooltipAudioOnly": "Yalnızca ses modu etkin",
+        "ld": "LD",
+        "ldTooltip": "Düşük çözünürlüklü video görüntüleme",
+        "lowDefinition": "Düşük çözünürlük",
+        "performanceSettings": "Performans ayarları",
+        "recording": "Kayıt devam ediyor",
+        "sd": "SD",
+        "sdTooltip": "Standart çözünürlüklü video görüntüleme",
+        "standardDefinition": "Standart çözünürlük",
+        "streaming": "Akış devam ediyor"
+    },
+    "videothumbnail": {
+        "connectionInfo": "Bağlantı Bilgisi",
+        "demote": "Ziyaretçiye taşı",
+        "domute": "Sessize al",
+        "domuteOthers": "Diğer herkesi sessize al",
+        "domuteVideo": "Kamerayı devre dışı bırak",
+        "domuteVideoOfOthers": "Diğer herkesin kamerasını devre dışı bırak",
+        "flip": "Döndür",
+        "grantModerator": "Moderatör Hakları Ver",
+        "hideSelfView": "Kendi görüntümü gizle",
+        "kick": "Çıkar",
+        "mirrorVideo": "Videomu yansıt",
+        "moderator": "Yönetici",
+        "mute": "Katılımcı sessiz",
+        "muted": "Sessiz",
+        "pinToStage": "Sahneye sabitle",
+        "remoteControl": "Uzaktan kontrol",
+        "screenSharing": "Katılımcı ekranını paylaşıyor",
+        "show": "Sahnede göster",
+        "showSelfView": "Kendi görüntümü göster",
+        "unpinFromStage": "Sabitlemeyi kaldır",
+        "verify": "Katılımcıyı doğrula",
+        "videoMuted": "Kamerayı devre dışı bırakıldı",
+        "videomute": "Katılımcı kamerayı durdurdu"
+    },
+    "virtualBackground": {
+        "accessibilityLabel": {
+            "currentBackground": "Geçerli arka plan: {{background}}",
+            "selectBackground": "Bir arka plan seçin"
+        },
+        "addBackground": "Arkaplan Ekle",
+        "apply": "Uygula",
+        "backgroundEffectError": "Arkaplan efekt uygulaması başarısız.",
+        "blur": "Bulanıklaştır",
+        "deleteImage": "Resmi sil",
+        "desktopShare": "Masaüstü paylaşımı",
+        "desktopShareError": "Masaüstü paylaşımı oluşturulamadı",
+        "image1": "Plaj",
+        "image2": "Beyaz nötr duvar",
+        "image3": "Beyaz boş oda",
+        "image4": "Siyah zemin lambası",
+        "image5": "Dağ",
+        "image6": "Orman ",
+        "image7": "Gündoğumu",
+        "none": "Hiçbiri",
+        "pleaseWait": "Lütfen bekleyiniz…",
+        "removeBackground": "Arkaplanı kaldır",
+        "slightBlur": "Hafif Bulanıklık",
+        "title": "Sanal arkaplanlar",
+        "uploadedImage": "Yüklenen resim {{index}}",
+        "webAssemblyWarning": "WebAssembly desteklenmiyor",
+        "webAssemblyWarningDescription": "WebAssembly devre dışı bırakıldı veya bu tarayıcı tarafından desteklenmiyor"
+    },
+    "visitors": {
+        "chatIndicator": "(ziyaretçi)",
+        "joinMeeting": {
+            "description": "Şu anda bu konferansta gözlemcisiniz.",
+            "raiseHand": "Elinizi kaldırın",
+            "title": "Toplantıya katılın",
+            "wishToSpeak": "Konuşmak istiyorsanız lütfen aşağıda elinizi kaldırın ve moderatörün onayını bekleyin."
+        },
+        "labelTooltip": "Ziyaretçi sayısı: {{count}}",
+        "notification": {
+            "demoteDescription": "Buraya {{actor}} tarafından gönderildi, katılmak için elinizi kaldırın",
+            "noMainParticipantsDescription": "Bir katılımcının toplantıyı başlatması gerekiyor. Lütfen biraz sonra tekrar deneyin.",
+            "noMainParticipantsTitle": "Bu toplantı henüz başlamadı.",
+            "noVisitorLobby": "Toplantı için etkinleştirilmiş bir lobi varken katılamazsınız.",
+            "notAllowedPromotion": "Bir katılımcının öncelikle isteğinize izin vermesi gerekiyor.",
+            "title": "Toplantıda ziyaretçisiniz"
+        },
+        "waitingMessage": "Toplantı canlı yayınlanır yayınlanmaz katılacaksınız!"
+    },
+    "volumeSlider": "Ses kaydırıcısı",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Katılmak için dokunun",
+            "roomname": "Oda adı girin"
+        },
+        "addMeetingName": "Toplantı adı ekle",
+        "appDescription": "Durma ve tüm ekiple görüntülü sohbet et. Hatta tanıdığın herkesi davet et. {{app}} tüm gün, her gün ücretsiz olarak ve hesap gerektirmeden kullanabileceğiniz tamamen şifrelenmiş, % 100 özgür bir video konferans çözümüdür.",
+        "audioVideoSwitch": {
+            "audio": "Ses",
+            "video": "Görüntü"
+        },
+        "calendar": "Takvim",
+        "connectCalendarButton": "Takviminizi bağlayın",
+        "connectCalendarText": "{{app}} uygulamasındaki tüm toplantılarınızı görüntülemek için takviminizi bağlayın. Ayrıca, takviminize {{provide}} toplantı ekleyin ve tek tıklamayla başlatın.",
+        "enterRoomTitle": "Yeni bir toplantı başlat",
+        "getHelp": "Yardım alın",
+        "go": "GİT",
+        "goSmall": "GİT",
+        "headerSubtitle": "Güvenli ve yüksek kaliteli toplantılar",
+        "headerTitle": "Jitsi Meet",
+        "info": "Bilgi",
+        "jitsiOnMobile": "Mobil'de Jitsi – uygulamalarımızı indirin ve her yerden bir toplantı başlatın",
+        "join": "KATIL",
+        "logo": {
+            "calendar": "Takvim logo",
+            "desktopPreviewThumbnail": "Masaüstü önizleme küçük resmi",
+            "googleLogo": "Google Logo",
+            "logoDeepLinking": "Jitsi meet logo",
+            "microsoftLogo": "Microsoft logo",
+            "policyLogo": "Politika logo"
+        },
+        "meetingsAccessibilityLabel": "Toplantılar",
+        "mobileDownLoadLinkAndroid": "Android için mobil uygulamayı indirin",
+        "mobileDownLoadLinkFDroid": "F-Droid için mobil uygulamayı indirin",
+        "mobileDownLoadLinkIos": "iOS için mobil uygulamayı indirin",
+        "moderatedMessage": "veya moderatör olduğunuz <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">bir toplantı linki oluşturun</a>.",
+        "privacy": "Gizlilik",
+        "recentList": "En son",
+        "recentListDelete": "Sil",
+        "recentListEmpty": "En son görüşülenler listeniz şu anda boş. Sohbet edin ve son toplantılarınızı burada görüntüleyin.",
+        "recentMeetings": "Son toplantılarınız",
+        "reducedUIText": "Hoşgeldiniz - {{app}}!",
+        "roomNameAllowedChars": "Toplantı adı şu karakterlerden hiçbirini içermemelidir: ?, &, :, ', \", %, #.",
+        "roomname": "Oda adı girin",
+        "roomnameHint": "Katılmak istediğiniz odanın adını veya bağlantısını girin. İstediğiniz oda adını uydurabilirsiniz. Aynı odada buluşmak için görüşmek istediğiniz kişilere bunu iletmeniz yeterli.",
+        "sendFeedback": "Geri bildirim gönder",
+        "settings": "Ayarlar",
+        "startMeeting": "Toplantı başlat",
+        "terms": "Kurallar",
+        "title": "Güvenli, tüm özelliklere erişimli ve tamamen ücretsiz görüntülü arama",
+        "upcomingMeetings": "Yaklaşan toplantılarınız"
+    },
+    "whiteboard": {
+        "accessibilityLabel": {
+            "heading": "Beyaz tahta"
+        },
+        "screenTitle": "Beyaz tahta"
+    }
+}
diff --git a/lang/main-uk.json b/lang/main-uk.json
new file mode 100644
index 0000000..d7f2db8
--- /dev/null
+++ b/lang/main-uk.json
@@ -0,0 +1,1432 @@
+{
+    "addPeople": {
+        "add": "Запросити",
+        "addContacts": "Запросити із ваших контактів",
+        "contacts": "контакти",
+        "copyInvite": "Скопіювати запрошення на зустріч",
+        "copyLink": "Скопіювати посилання на зустріч",
+        "copyStream": "Скопіювати посилання на трансляцію наживо",
+        "countryNotSupported": "Дзвінки в цю країну поки що не підтримуються.",
+        "countryReminder": "Дзвінок за межі США? Перевірте наявність коду країни в зазначеному номері!",
+        "defaultEmail": "Ваша електронна пошта",
+        "disabled": "Ви не можете запрошувати учасників.",
+        "failedToAdd": "Не вдалося запросити учасника",
+        "googleEmail": "Електронна пошта Google",
+        "inviteMoreHeader": "Ви одні на цій зустрічі",
+        "inviteMoreMailSubject": "Приєднатися до зустрічі {{appName}}",
+        "inviteMorePrompt": "Запросити на зустріч",
+        "linkCopied": "Посилання скопійовано в буфер обміну",
+        "noResults": "Нічого не знайдено",
+        "outlookEmail": "Електронна пошта Outlook",
+        "phoneNumbers": "номери телефонів",
+        "searching": "Триває пошук…",
+        "shareInvite": "Надіслати запрошення",
+        "shareLink": "Поділитися посиланням на зустріч",
+        "shareStream": "Поділитися посиланням на трансляцію наживо",
+        "sipAddresses": "SIP-адреси",
+        "telephone": "Телефон: {{number}}",
+        "title": "Запросити людей на цю зустріч",
+        "yahooEmail": "Електронна пошта Yahoo"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "car": "Автомобільна аудіосистема",
+        "headphones": "Навушники",
+        "none": "Немає доступних звукових пристроїв",
+        "phone": "Телефон",
+        "speaker": "Динамік"
+    },
+    "audioOnly": {
+        "audioOnly": "Економічний режим"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "Додати кімнату підгрупи",
+            "autoAssign": "Автоматично призначати до кімнат підгруп",
+            "close": "Закрити",
+            "join": "Приєднатися",
+            "leaveBreakoutRoom": "Вийти з кімнати підгрупи",
+            "more": "Додаткові параметри",
+            "remove": "Вилучити",
+            "sendToBreakoutRoom": "Перевести учасника до кімнати:"
+        },
+        "defaultName": "Кімната підгрупи #{{index}}",
+        "mainRoom": "Головна кімната",
+        "notifications": {
+            "joined": "Приєднання до кімнати підгрупи «{{name}}»",
+            "joinedMainRoom": "Приєднання до головної кімнати",
+            "joinedTitle": "Кімнати підгруп"
+        }
+    },
+    "calendarSync": {
+        "addMeetingURL": "Додати посилання на зустріч",
+        "confirmAddLink": "Додати посилання на Jitsi до цієї події?",
+        "error": {
+            "appConfiguration": "Неправильно налаштовано інтеграцію календаря.",
+            "generic": "Помилка: перевірте налаштування календаря або спробуйте оновити його.",
+            "notSignedIn": "Під час автентифікації для перегляду подій календаря сталася помилка. Перевірте налаштування свого календаря та спробуйте увійти ще раз."
+        },
+        "join": "Приєднатися",
+        "joinTooltip": "Приєднатися до зустрічі",
+        "nextMeeting": "Наступна зустріч",
+        "noEvents": "Немає запланованих подій.",
+        "ongoingMeeting": "Поточна зустріч",
+        "permissionButton": "Налаштування",
+        "permissionMessage": "Для перегляду зустрічей у застосунку потрібен дозвіл Календаря.",
+        "refresh": "Оновити календар",
+        "today": "Сьогодні"
+    },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "Вибрати звуковий пристрій"
+        },
+        "labels": {
+            "buttonLabel": "Режим «За кермом»",
+            "title": "Режим «За кермом»",
+            "videoStopped": "Ваше відео зупинено"
+        }
+    },
+    "chat": {
+        "enter": "Увійти в кімнату",
+        "error": "Помилка: ваше повідомлення не було відправлено. Причина: {{error}}",
+        "fieldPlaceHolder": "Аа",
+        "lobbyChatMessageTo": "Повідомлення у приймальній для {{recipient}}",
+        "message": "Повідомлення",
+        "messageAccessibleTitle": "{{user}} пише:",
+        "messageAccessibleTitleMe": "я пишу:",
+        "messageTo": "Приватне повідомлення для {{recipient}}",
+        "messagebox": "Напишіть повідомлення",
+        "newMessages": "Нові повідомлення",
+        "nickname": {
+            "popover": "Виберіть ім'я",
+            "title": "Зазначте ім'я, щоб використовувати чат",
+            "titleWithPolls": "Зазначте ім'я, щоб використовувати чат і опитування"
+        },
+        "noMessagesMessage": "На зустрічі ще немає повідомлень. Почніть розмову тут!",
+        "privateNotice": "Приватне повідомлення для {{recipient}}",
+        "sendButton": "Надіслати",
+        "smileysPanel": "Панель емодзі",
+        "tabs": {
+            "chat": "Чат",
+            "polls": "Опитування"
+        },
+        "title": "Чат",
+        "titleWithPolls": "Чат і опитування",
+        "you": "Ви"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Встановити розширення для веб-браузера Chrome",
+        "buttonTextEdge": "Встановити розширення для веб-браузера Edge",
+        "close": "Закрити",
+        "dontShowAgain": "Більше не показувати це",
+        "installExtensionText": "Встановити розширення для інтеграції з Календарем Google та Office 365"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Приєднання до зустрічі…"
+    },
+    "connection": {
+        "ATTACHED": "Приєднано",
+        "AUTHENTICATING": "Автентифікація",
+        "AUTHFAIL": "Помилка автентифікації",
+        "CONNECTED": "З'єднано",
+        "CONNECTING": "З'єднання триває",
+        "CONNFAIL": "Не вдалося з'єднатися",
+        "DISCONNECTED": "Від'єднано",
+        "DISCONNECTING": "Від'єднання триває",
+        "ERROR": "Помилка",
+        "FETCH_SESSION_ID": "Отримання session-id…",
+        "GET_SESSION_ID_ERROR": "Помилка отримання session-id: {{code}}",
+        "GOT_SESSION_ID": "Отримання session-id… Готово",
+        "LOW_BANDWIDTH": "Відео для {{displayName}} було вимкнено для економії ресурсів з'єднання"
+    },
+    "connectionindicator": {
+        "address": "Адреса:",
+        "audio_ssrc": "Аудіо SSRC:",
+        "bandwidth": "Очікувана швидкість:",
+        "bitrate": "Бітрейт:",
+        "bridgeCount": "Кількість серверів: ",
+        "codecs": "Кодеки (A/V): ",
+        "connectedTo": "З'єднано з:",
+        "e2eeVerified": "E2EE підтверджено:",
+        "framerate": "Частота кадрів:",
+        "less": "Показати менше",
+        "localaddress": "Локальна адреса:",
+        "localaddress_plural": "Локальні адреси:",
+        "localport": "Локальний порт:",
+        "localport_plural": "Локальні порти:",
+        "maxEnabledResolution": "макс. (send)",
+        "more": "Показати більше",
+        "packetloss": "Втрачено пакетів:",
+        "participant_id": "ID учасника:",
+        "quality": {
+            "good": "Добре",
+            "inactive": "не активно",
+            "lost": "втрачено",
+            "nonoptimal": "не оптимально",
+            "poor": "погано"
+        },
+        "remoteaddress": "Віддалена адреса:",
+        "remoteaddress_plural": "Віддалені адреси:",
+        "remoteport": "Віддалений порт:",
+        "remoteport_plural": "Віддалені порти:",
+        "resolution": "Роздільна здатність:",
+        "savelogs": "Зберегти журнали",
+        "status": "З'єднання:",
+        "transport": "Транспорт:",
+        "transport_plural": "Транспорт:",
+        "video_ssrc": "Відео SSRC:"
+    },
+    "dateUtils": {
+        "earlier": "Раніше",
+        "today": "Сьогодні",
+        "yesterday": "Вчора"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Встановіть застосунок {{app}}, щоб приєднатися до цієї зустрічі з мобільного пристрою.",
+        "description": "Ми спробували розпочати вашу зустріч у програмі {{app}}. Спробуйте ще раз або відкрийте {{app}} у веб-браузері.",
+        "descriptionNew": "Ми спробували розпочати вашу зустріч у програмі {{app}}. <br /><br /> Спробуйте ще раз або розпочніть зустріч у веб-браузері.",
+        "descriptionWithoutWeb": "Ми спробували розпочати вашу зустріч у програмі {{app}}.",
+        "downloadApp": "Завантажити застосунок",
+        "downloadMobileApp": "Завантажити з App Store",
+        "ifDoNotHaveApp": "Якщо застосунок ще не встановлено:",
+        "ifHaveApp": "Якщо ви вже встановили застосунок:",
+        "joinInApp": "Приєднатися до цієї зустрічі за допомогою застосунку",
+        "joinInAppNew": "Приєднатися із застосунку",
+        "joinInBrowser": "Приєднатися у веб-браузері",
+        "launchMeetingLabel": "Яким чином приєднатися до цієї зустрічі?",
+        "launchWebButton": "Відкрити у веб-браузері",
+        "noMobileApp": "Застосунок не встановлений?",
+        "termsAndConditions": "Продовжуючи, ви погоджуєтесь з нашіми <a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'>умовами використання.</a>",
+        "title": "Приєднання до вашої зустрічі у {{app}}…",
+        "titleNew": "Приєднання до вашої зустрічі…",
+        "tryAgainButton": "Спробуйте у програмі на ПК",
+        "unsupportedBrowser": "Ви використовуєте веб-браузер, який ми не підтримуємо."
+    },
+    "defaultLink": "напр. {{url}}",
+    "defaultNickname": "напр. Петро Гриб",
+    "deviceError": {
+        "cameraError": "Не вдалося отримати доступ до камери",
+        "cameraPermission": "Помилка отримання дозволу доступу до камери",
+        "microphoneError": "Не вдалося отримати доступ до мікрофона",
+        "microphonePermission": "Помилка отримання дозволу доступу до мікрофона"
+    },
+    "deviceSelection": {
+        "hid": {
+            "callControl": "Налаштування зв'язку",
+            "connectedDevices": "Приєднані пристрої:",
+            "deleteDevice": "Вилучити пристрій",
+            "pairDevice": "Додати пристрій Bluetooth"
+        },
+        "noPermission": "Дозвіл не надано",
+        "previewUnavailable": "Перегляд недоступний",
+        "selectADevice": "Виберіть пристрій",
+        "testAudio": "Перевірити"
+    },
+    "dialIn": {
+        "screenTitle": "Підсумок вихідного дзвінка"
+    },
+    "dialOut": {
+        "statusMessage": "зараз {{status}}"
+    },
+    "dialog": {
+        "Back": "Назад",
+        "Cancel": "Скасувати",
+        "IamHost": "Я організатор",
+        "Ok": "Гаразд",
+        "Remove": "Вилучити",
+        "Share": "Поділитися",
+        "Submit": "Гаразд",
+        "WaitForHostMsg": "Зустріч ще не почалася. Авторизуйтеся, якщо ви організатор, або дочекайтеся організатора.",
+        "WaitingForHostTitle": "В очікуванні організатора…",
+        "Yes": "Так",
+        "accessibilityLabel": {
+            "close": "Закрити",
+            "liveStreaming": "Трансляція",
+            "sharingTabs": "Параметри спільного доступу"
+        },
+        "add": "Додати",
+        "addMeetingNote": "Додати примітку про цю зустріч",
+        "addOptionalNote": "Додати примітку (за бажанням):",
+        "allow": "Дозволити",
+        "alreadySharedVideoMsg": "Інший учасник уже ділиться відео. Ця зустріч дозволяє одночасно ділитися лише одним відео.",
+        "alreadySharedVideoTitle": "Одночасно можна показувати лише одне відео",
+        "applicationWindow": "Вікно програми",
+        "authenticationRequired": "Потрібна автентифікація",
+        "cameraConstraintFailedError": "Камера не відповідає технічним вимогам.",
+        "cameraNotFoundError": "Камеру не знайдено.",
+        "cameraNotSendingData": "Немає доступу до вашої камери. Перевірте, чи інша програма використовує цей пристрій. Можливо, виберіть інший пристрій у меню налаштувань або спробуйте перезапустити програму.",
+        "cameraNotSendingDataTitle": "Відсутній доступ до камери",
+        "cameraPermissionDeniedError": "Ви не надали дозвіл доступу до камери. Ви все ще можете приєднатися до зустрічі, але інші учасники не зможуть вас бачити. Використовуйте кнопку камери в адресному рядку веб-браузера, щоб виправити це.",
+        "cameraTimeoutError": "Не вдалося запустити відео пристрій. Відведений на очікування доступу час сплив!",
+        "cameraUnknownError": "Невідома помилка доступу до камери.",
+        "cameraUnsupportedResolutionError": "Ваша камера не підтримує потрібну роздільну здатність для передавання відео.",
+        "close": "Закрити",
+        "conferenceDisconnectMsg": "Перевірте з'єднання з мережею. Повторна спроба приєднання через {{seconds}} с…",
+        "conferenceDisconnectTitle": "Вас від'єднано.",
+        "conferenceReloadMsg": "Ми намагаємося це виправити. Повторна спроба приєднання через {{seconds}} с…",
+        "conferenceReloadTitle": "На жаль, щось пішло не так.",
+        "confirm": "Підтвердити",
+        "confirmNo": "Ні",
+        "confirmYes": "Так",
+        "connectError": "Помилка: неможливо приєднатися до конференції.",
+        "connectErrorWithMsg": "Помилка: неможливо приєднатися до конференції: {{msg}}",
+        "connecting": "З'єднання триває",
+        "contactSupport": "Отримати підтримку",
+        "copied": "Скопійовано",
+        "copy": "Копіювати",
+        "dismiss": "Відхилити",
+        "displayNameRequired": "Привіт! Як вас звати?",
+        "done": "Готово",
+        "e2eeDescription": "Наскрізне шифрування наразі доступно в режимі ТЕСТУВАННЯ. Зверніть увагу, що ввімкнення наскрізного шифрування призведе до вимкнення таких служб на стороні сервера, як: участь за допомогою вхідного телефонного дзвінка. Також, просимо звернути увагу, що приєднання до зустрічі в такому разі буде можливе лише з веб-браузера із підтримкою вставних потоків (insertable streams).",
+        "e2eeDisabledDueToMaxModeDescription": "Не вдається ввімкнути наскрізне шифрування через велику кількість учасників.",
+        "e2eeLabel": "Увімкнути наскрізне шифрування",
+        "e2eeWarning": "УВАГА: Схоже, що не всі учасники цієї зустрічі мають підтримку технології наскрізного шифрування. Якщо ви ввімкнете цю функцію, то вони не зможуть чути та бачити вас.",
+        "e2eeWillDisableDueToMaxModeDescription": "УВАГА: Додавання нових учасників автоматично вимкне наскрізне шифрування",
+        "embedMeeting": "Вставити зустріч",
+        "enterDisplayName": "Зазначте ваше ім'я",
+        "error": "Помилка",
+        "gracefulShutdown": "Технічні роботи. Спробуйте пізніше.",
+        "grantModeratorDialog": "Надати права модератора учаснику: {{participantName}}?",
+        "grantModeratorTitle": "Надати права модератора",
+        "hide": "Приховати",
+        "hideShareAudioHelper": "Більше не показувати це діалогове вікно",
+        "incorrectPassword": "Неправильне ім'я користувача або пароль",
+        "incorrectRoomLockPassword": "Неправильний пароль",
+        "internalError": "Щось пішло не так. Помилка: {{error}}",
+        "internalErrorTitle": "Внутрішня помилка",
+        "kickMessage": "Зверніться до {{participantDisplayName}} для отримання додаткової інформації.",
+        "kickParticipantButton": "Від'єднати",
+        "kickParticipantDialog": "Примусово від'єднати цього учасника?",
+        "kickParticipantTitle": "Від'єднати цього учасника?",
+        "kickTitle": "{{participantDisplayName}} від'єднав вас від зустрічі.",
+        "linkMeeting": "Пов'язати зустріч",
+        "linkMeetingTitle": "Пов'язати зустріч із Salesforce",
+        "liveStreaming": "Трансляція наживо",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "Послуга недоступна під час запису",
+        "localUserControls": "Команди керування видом на себе",
+        "lockMessage": "Не вдалося обмежити сторонній доступ",
+        "lockRoom": "Додати $t(lockRoomPassword)",
+        "lockTitle": "Обмеження доступу не вдалося",
+        "login": "Увійти",
+        "logoutQuestion": "Вийти та від'єднатися від зустрічі?",
+        "logoutTitle": "Вийти",
+        "maxUsersLimitReached": "Зустріч переповнена. Досягнуто максимальної кількості учасників. Зв'яжіться з організатором зустрічі або повторіть спробу пізніше!",
+        "maxUsersLimitReachedTitle": "Досягнуто максимальної кількості учасників",
+        "micConstraintFailedError": "Мікрофон не відповідає технічним вимогам.",
+        "micNotFoundError": "Мікрофон не знайдено.",
+        "micNotSendingData": "Перейдіть до системних налаштувань, щоб увімкнути мікрофон і налаштувати його рівень чутливості",
+        "micNotSendingDataTitle": "Ваш мікрофон вимкнено системними налаштуваннями",
+        "micPermissionDeniedError": "Ви не надали дозвіл доступу до мікрофона. Ви все ще можете приєднатися до зустрічі, але інші учасники не зможуть вас чути. Використовуйте кнопку мікрофона в адресному рядку веб-браузера, щоб виправити це.",
+        "micTimeoutError": "Не вдалося запустити звуковий пристрій. Відведений на очікування доступу час сплив!",
+        "micUnknownError": "Невідома помилка доступу до мікрофона.",
+        "moderationAudioLabel": "Дозволити учасникам вмикати свій мікрофон",
+        "moderationVideoLabel": "Дозволити учасникам вмикати свою камеру",
+        "muteEveryoneDialog": "Учасники можуть увімкнути свій мікрофон в будь-який час.",
+        "muteEveryoneDialogModerationOn": "Учасники можуть запросити слово в будь-який час.",
+        "muteEveryoneElseDialog": "Після вимкнення мікрофонів у учасників, ви не зможете їх разом увімкнути, але учасники зможуть увімкнути свій мікрофон самі.",
+        "muteEveryoneElseTitle": "Вимкнути мікрофони всім, крім {{whom}}?",
+        "muteEveryoneElsesVideoDialog": "Після вимкнення камер учасників, ви не зможете їх разом увімкнути, але учасники зможуть увімкнути свою камеру самі.",
+        "muteEveryoneElsesVideoTitle": "Вимкнути камери всім, крім {{whom}}?",
+        "muteEveryoneSelf": "мене",
+        "muteEveryoneStartMuted": "Нові учасники починають із вимкненим мікрофоном",
+        "muteEveryoneTitle": "Вимкнути мікрофони всім?",
+        "muteEveryonesVideoDialog": "Учасники можуть увімкнути свою камеру в будь-який час.",
+        "muteEveryonesVideoDialogModerationOn": "Учасники можуть запросити увімкнути їм камеру в будь-який час.",
+        "muteEveryonesVideoDialogOk": "Вимкнути камеру",
+        "muteEveryonesVideoTitle": "Вимкнути камери всім?",
+        "muteParticipantBody": "Ви не зможете знову ввімкнути разом їм мікрофони, але вони зможуть це зробити для себе самі.",
+        "muteParticipantButton": "Вимкнути мікрофон",
+        "muteParticipantsVideoBody": "Ви не зможете знову ввімкнути разом їм камеру, але вони зможуть це зробити для себе самі.\n",
+        "muteParticipantsVideoBodyModerationOn": "Ви не зможете знову ввімкнути їм камеру, як і вони для себе.\n",
+        "muteParticipantsVideoButton": "Вимкнути камеру",
+        "muteParticipantsVideoDialog": "Вимкнути камеру цьому учаснику? Ви не зможете ввімкнути її знов, але учасник зможе це зробити для себе сам.\n",
+        "muteParticipantsVideoDialogModerationOn": "Вимкнути камеру цьому учаснику? Ви не зможете ввімкнути її знов, як і учасник для себе",
+        "muteParticipantsVideoTitle": "Вимкнути камеру цьому учаснику?",
+        "noDropboxToken": "Немає дійсного маркера доступу Dropbox",
+        "password": "Пароль",
+        "passwordLabel": "Зустріч заблокована учасником. Введіть $t(lockRoomPassword), щоб приєднатися.",
+        "passwordNotSupported": "Неможливо додати $t(lockRoomPassword) для зустрічі. Функція не підтримується.",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) не підтримується",
+        "passwordRequired": "Потрібен $t(lockRoomPasswordUppercase)",
+        "permissionCameraRequiredError": "Щоб брати участь у зустрічах із відео, потрібен дозвіл доступу до камери. Надайте його в налаштуваннях",
+        "permissionErrorTitle": "Потрібен дозвіл доступу",
+        "permissionMicRequiredError": "Щоб спілкуватися голосом під час зустрічі, потрібен доступ до мікрофона. Надайте дозвіл в налаштуваннях",
+        "popupError": "Ваш веб-браузер блокує спливне вікно вікна на цьому сайті. Дозвольте спливні вікна у налаштуваннях безпеки вашого веб-браузера та спробуйте ще раз.",
+        "popupErrorTitle": "Спливне вікно заблоковано",
+        "readMore": "більше",
+        "recentlyUsedObjects": "Нещодавно використані об'єкти",
+        "recording": "Запис",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "Послуга недоступна під час трансляції наживо",
+        "rejoinNow": "Приєднатися знову",
+        "remoteControlAllowedMessage": "{{user}} погодився на дистанційне керування!",
+        "remoteControlDeniedMessage": "{{user}} відхилив ваш запит на дистанційне керування!",
+        "remoteControlErrorMessage": "Помилка під час спроби отримати від {{user}} дозвіл на дистанційне керування!",
+        "remoteControlRequestMessage": "Дозволити {{user}} дистанційно керувати вашою стільницею?",
+        "remoteControlShareScreenWarning": "Увага, якщо ви натиснете «Дозволити», ви ввімкнете спільний перегляд вашого екрану!",
+        "remoteControlStopMessage": "Сеанс дистанційного керування завершено!",
+        "remoteControlTitle": "Дистанційне керування стільницею",
+        "remoteUserControls": "Команди керування учасником {{username}}",
+        "removePassword": "Вилучити $t(lockRoomPassword)",
+        "removeSharedVideoMsg": "Вилучити відео, яким ви поділилися?",
+        "removeSharedVideoTitle": "Вилучити відео",
+        "reservationError": "Помилка системи бронювання",
+        "reservationErrorMsg": "Код помилки: {{code}}, повідомлення: {{msg}}",
+        "retry": "Повторити",
+        "screenSharingAudio": "Поділитися аудіо",
+        "screenSharingFailed": "Щось пішло не так, ми не можемо почати спільний перегляд екрана!",
+        "screenSharingFailedTitle": "Не вдалося почати спільний перегляд екрана!",
+        "screenSharingPermissionDeniedError": "Щось пішло не так із дозволом на показ екрана. Оновіть сторінку та повторіть спробу.",
+        "searchInSalesforce": "Пошук у Salesforce",
+        "searchResults": "Знайдено ({{count}})",
+        "searchResultsDetailsError": "Під час отримання даних власника сталася помилка.",
+        "searchResultsError": "Під час отримання даних сталася помилка.",
+        "searchResultsNotFound": "Нічого не знайдено.",
+        "searchResultsTryAgain": "Спробуйте альтернативні ключові слова.",
+        "sendPrivateMessage": "Ви нещодавно отримали приватне повідомлення. Ви мали намір відповісти на це приватно чи хочете надіслати своє повідомлення у чат групи?",
+        "sendPrivateMessageCancel": "Чат групи",
+        "sendPrivateMessageOk": "Приватно",
+        "sendPrivateMessageTitle": "Надіслати приватно?",
+        "serviceUnavailable": "Послуга недоступна",
+        "sessTerminated": "Дзвінок перервано",
+        "sessionRestarted": "Дзвінок повторено через проблему з'єднання.",
+        "shareAudio": "Продовжити",
+        "shareAudioTitle": "Як поділитися аудіо",
+        "shareAudioWarningD1": "перш ніж ділитися аудіо, припиніть спільний перегляд екрана.",
+        "shareAudioWarningD2": "перезапустіть спільний перегляд екрана та позначте опцію «Поділитися аудіо».",
+        "shareAudioWarningH1": "Якщо ви хочете поділитися лише аудіо:",
+        "shareAudioWarningTitle": "перш ніж ділитися аудіо, припиніть спільний перегляд екрана.",
+        "shareMediaWarningGenericH2": "Якщо ви хочете поділитися своїм екраном разом зі звуком",
+        "shareScreenWarningD1": "перш ніж увімкнути спільний перегляд екрана, припиніть обмін аудіо.",
+        "shareScreenWarningD2": "припиніть обмін аудіо, увімкніть спільний перегляд екрана та позначте опцію «Поділитися аудіо».",
+        "shareScreenWarningH1": "Якщо ви хочете поділитися лише своїм екраном:",
+        "shareScreenWarningTitle": "Перш ніж увімкнути спільний перегляд вашого екрана, припиніть обмін аудіо.",
+        "shareVideoLinkError": "Зазначте правильне посилання на відео.",
+        "shareVideoTitle": "Поділитися відео",
+        "shareYourScreen": "Спільний перегляд екрана",
+        "shareYourScreenDisabled": "Спільний перегляд екрана вимкнено.",
+        "sharedVideoDialogError": "Помилка: недійсна URL-адреса",
+        "sharedVideoLinkPlaceholder": "Посилання на YouTube або на файл відео",
+        "show": "Показати",
+        "start": "Почати ",
+        "startLiveStreaming": "Почати трансляцію наживо",
+        "startRecording": "Почати запис",
+        "startRemoteControlErrorMessage": "Під час спроби запустити сеанс віддаленого керування сталася помилка!",
+        "stopLiveStreaming": "Зупинити трансляцію наживо",
+        "stopRecording": "Зупинити запис",
+        "stopRecordingWarning": "Зупинити запис?",
+        "stopStreamingWarning": "Зупинити трансляцію наживо?",
+        "streamKey": "Ключ для трансляції наживо",
+        "thankYou": "Дякуємо, що користуєтеся {{appName}}!",
+        "token": "маркер доступу",
+        "tokenAuthFailed": "Вибачте, вам не дозволено приєднатися до цього дзвінка.",
+        "tokenAuthFailedTitle": "Помилка автентифікації",
+        "transcribing": "Транскрибування запису",
+        "unlockRoom": "Вилучити $t(lockRoomPassword)",
+        "user": "Користувач",
+        "userIdentifier": "Ідентифікатор користувача",
+        "userPassword": "Пароль",
+        "verifyParticipantConfirm": "Збігаються",
+        "verifyParticipantDismiss": "Не збігаються",
+        "verifyParticipantQuestion": "Запитайте, чи учасник {{participantName}} бачить однаковий з вашим вміст і в тому самому порядку (ТЕСТУВАННЯ).",
+        "verifyParticipantTitle": "Підтвердження особи учасника",
+        "videoLink": "URL-адреса відео",
+        "viewUpgradeOptions": "Переглянути додаткові послуги",
+        "viewUpgradeOptionsContent": "Щоб отримати необмежений доступ до таких преміум-послуг, як записування, транскрипція, RTMP трансляцію тощо, вам потрібно оновити ваш пакет послуг.",
+        "viewUpgradeOptionsTitle": "Ви відкрили преміум-послугу!",
+        "yourEntireScreen": "Увесь екран"
+    },
+    "documentSharing": {
+        "title": "Спільний документ"
+    },
+    "e2ee": {
+        "labelToolTip": "Аудіо та відео зв'язок під час цієї зустрічі захищені наскрізним шифруванням"
+    },
+    "embedMeeting": {
+        "title": "Вставити цю зустріч"
+    },
+    "feedback": {
+        "average": "Середньо",
+        "bad": "Погано",
+        "detailsLabel": "Розкажіть про це докладніше.",
+        "good": "Добре",
+        "rateExperience": "Оцінка зручності та якості зв'язку",
+        "star": "Зірочка",
+        "veryBad": "Дуже погано",
+        "veryGood": "Дуже добре"
+    },
+    "filmstrip": {
+        "accessibilityLabel": {
+            "heading": "Панель видів"
+        }
+    },
+    "giphy": {
+        "noResults": "Нічого не знайдено :(",
+        "search": "Пошук GIPHY"
+    },
+    "incomingCall": {
+        "answer": "Відповісти",
+        "audioCallTitle": "Вхідний дзвінок",
+        "decline": "Відхилити",
+        "productLabel": "із Jitsi Meet",
+        "videoCallTitle": "Вхідний відеодзвінок"
+    },
+    "info": {
+        "accessibilityLabel": "Показати інформацію",
+        "addPassword": "Додати $t(lockRoomPassword)",
+        "cancelPassword": "Скасувати $t(lockRoomPassword)",
+        "conferenceURL": "URL:",
+        "copyNumber": "Скопіювати номер",
+        "country": "Країна",
+        "dialANumber": "Щоб приєднатися до зустрічі, наберіть один із цих номерів і введіть PIN-код.",
+        "dialInConferenceID": "PIN:",
+        "dialInNotSupported": "Вибачте, приєднання телефоном наразі не підтримується.",
+        "dialInNumber": "Телефон:",
+        "dialInSummaryError": "Помилка отримання інформації для приєднання. Спробуйте пізніше.",
+        "dialInTollFree": "Безкоштовний",
+        "genericError": "Щось пішло не так.",
+        "inviteLiveStream": "Трансляцію наживо цієї зустрічі дивитись за цим посиланням: {{url}}",
+        "invitePhone": "Щоб приєднатися телефоном, натисніть {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Шукаєте інший номер?\nПереглянути номери телефону для приєднання до зустрічі: {{url}}\n\n\nЯкщо ви також приєднуєтесь телефоном, приєднуйтеся тут в режимі тиші: {{silentUrl}}",
+        "inviteSipEndpoint": "Щоб приєднатися за допомогою SIP-адреси, зазначте це посилання: {{sipUri}}",
+        "inviteTextiOSInviteUrl": "Щоб приєднатися, натисніть це посилання: {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "Якщо ви приєднуєтесь телефоном, натисніть це посилання, щоб приєднатися в режимі тиші: {{silentUrl}}.",
+        "inviteTextiOSPersonal": "{{name}} запрошує вас на зустріч.",
+        "inviteTextiOSPhone": "Щоб приєднатися телефоном, використовуйте цей номер: {{number}},,{{conferenceID}}#. Повний список номерів: {{didUrl}}.",
+        "inviteURLFirstPartGeneral": "Запрошуємо вас на зустріч.",
+        "inviteURLFirstPartPersonal": "{{name}} запрошує вас на зустріч.\n",
+        "inviteURLSecondPart": "\nПриєднатися до зустрічі:\n{{url}}\n",
+        "label": "Телефонний зв'язок",
+        "liveStreamURL": "Трансляція наживо:",
+        "moreNumbers": "Додаткові телефони",
+        "noNumbers": "Немає номерів.",
+        "noPassword": "Немає",
+        "noRoom": "Відсутня назва кімнати для приєднання до зустрічі телефоном.",
+        "numbers": "Телефонні номери",
+        "password": "$t(lockRoomPasswordUppercase): ",
+        "reachedLimit": "Досягнуто ліміту використання вашого плану.",
+        "sip": "SIP-адреса",
+        "title": "Поділитися",
+        "tooltip": "Поділіться посиланням і номером телефону для приєднання до цієї зустрічі",
+        "upgradeOptions": "Ви можете переглянути додаткові опції та плани на сторінці"
+    },
+    "inlineDialogFailure": {
+        "msg": "Невелика пауза.",
+        "retry": "Спробувати ще",
+        "support": "Підтримка",
+        "supportMsg": "Якщо це повторюється, будь ласка, зверніться до"
+    },
+    "inviteDialog": {
+        "alertText": "Не вдалося запросити окремих учасників.",
+        "header": "Запросити",
+        "searchCallOnlyPlaceholder": "Зазначте номер телефону",
+        "searchPeopleOnlyPlaceholder": "Пошук учасників",
+        "searchPlaceholder": "Учасник або номер телефону",
+        "send": "Надіслати"
+    },
+    "jitsiHome": "{{logo}} Логотип, посилання на головну сторінку",
+    "keyboardShortcuts": {
+        "focusLocal": "Показати вид з моєї камери",
+        "focusRemote": "Показати вид з камери учасника",
+        "fullScreen": "Показувати на весь екран",
+        "giphyMenu": "Показати/приховати меню GIPHY",
+        "keyboardShortcuts": "Комбінації клавіш",
+        "localRecording": "Показати/приховати панель керування відеозаписом",
+        "mute": "Увімкнути/вимкнути мікрофон",
+        "pushToTalk": "Кнопка «Натисни й говори»",
+        "raiseHand": "Підняти/опустити руку",
+        "showSpeakerStats": "Показати статистику спілкування",
+        "toggleChat": "Показати/приховати чат",
+        "toggleFilmstrip": "Показати/приховати панель видів",
+        "toggleParticipantsPane": "Показати/приховати панель учасників",
+        "toggleScreensharing": "Показати вид з камери/перегляд екрана",
+        "toggleShortcuts": "Показати/приховати комбінації клавіш",
+        "videoMute": "Увімкнути/вимкнути камеру"
+    },
+    "largeVideo": {
+        "screenIsShared": "Ви ділитеся своїм екраном",
+        "showMeWhatImSharing": "Показати вид мого екрану"
+    },
+    "liveStreaming": {
+        "busy": "Ми працюємо над звільненням ресурсів для трансляції наживо. Повторіть спробу за декілька хвилин.",
+        "busyTitle": "Усі канали для трансляції наживо зараз зайняті",
+        "changeSignIn": "Змінити обліковий запис.",
+        "choose": "Вибрати канал трансляції наживо",
+        "chooseCTA": "Виберіть трансляцію. Ви увійшли як {{email}}.",
+        "enterStreamKey": "Зазначте ключ до трансляції наживо на YouTube.",
+        "error": "Помилка трансляції наживо. Спробуйте ще раз.",
+        "errorAPI": "Помилка під час доступу до ваших трансляцій наживо на YouTube. Спробуйте увійти знову.",
+        "errorLiveStreamNotEnabled": "Трансляція наживо не ввімкнена для {{email}}. Увімкніть трансляцію наживо або увійдіть в обліковий запис з увімкненою трансляцією наживо.",
+        "expandedOff": "Трансляція наживо зупинилася",
+        "expandedOn": "Наразі зустріч транслюється наживо на YouTube.",
+        "expandedPending": "Розпочинається трансляція наживо…",
+        "failedToStart": "Не вдалося розпочати трансляцію наживо",
+        "getStreamKeyManually": "Не вдалося отримати жодний канал трансляції наживо. Спробуйте отримати ключ для трансляції наживо з YouTube.",
+        "googlePrivacyPolicy": "Політика конфіденційності Google",
+        "inProgress": "Триває запис або трансляція наживо",
+        "invalidStreamKey": "Ключ до трансляції наживо неправильний.",
+        "limitNotificationDescriptionNative": "Ваша трансляція наживо буде обмежена {{limit}} хв. Для необмеженої трансляції, спробуйте {{app}}",
+        "limitNotificationDescriptionWeb": "Через високе навантаження, трансляція наживо буде обмежена {{limit}} хв. Для необмеженої трансляції, спробуйте <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "off": "Трансляцію наживо зупинено",
+        "offBy": "{{name}} зупинив трансляцію наживо",
+        "on": "Трансляція наживо",
+        "onBy": "{{name}} почав трансляцію наживо",
+        "pending": "Починається трансляція наживо…",
+        "serviceName": "Послуга трансляції наживо",
+        "sessionAlreadyActive": "Ця зустріч вже записується або транслюється наживо.",
+        "signIn": "Увійти до послуг Google",
+        "signInCTA": "Увійдіть або зазначте ключ до трансляції наживо на YouTube.",
+        "signOut": "Вийти",
+        "signedInAs": "Ви увійшли як:",
+        "start": "Почати трансляцію наживо",
+        "streamIdHelp": "Допомога",
+        "title": "Трансляція наживо",
+        "unavailableTitle": "Трансляція наживо недоступна",
+        "youtubeTerms": "Умови надання послуг YouTube"
+    },
+    "lobby": {
+        "backToKnockModeButton": "Запитати дозволу",
+        "chat": "Чат",
+        "dialogTitle": "Приймальна",
+        "disableDialogContent": "Приймальна наразі ввімкнена. Ця функція призначена для того, щоб запобігти приєднанню небажаних учасників до вашої зустрічі. Ви хочете її вимкнути?",
+        "disableDialogSubmit": "Вимкнути",
+        "emailField": "Зазначте адресу вашої електронної пошти",
+        "enableDialogPasswordField": "Встановіть пароль (необов'язково)",
+        "enableDialogSubmit": "Увімкнути",
+        "enableDialogText": "Приймальна підвищує безпеку ваших зустрічей, дозволяючи людям приєднуватись лише після офіційного схвалення від модератора.",
+        "enterPasswordButton": "Ввести пароль зустрічі",
+        "enterPasswordTitle": "Введіть пароль, щоб приєднатися до зустрічі",
+        "errorMissingPassword": "Введіть пароль зустрічі",
+        "invalidPassword": "Невірний пароль",
+        "joinRejectedMessage": "Модератор відмовив вам у приєднанні до зустрічі.",
+        "joinRejectedTitle": "Відмовлено у приєднанні.",
+        "joinTitle": "Приєднатися до зустрічі",
+        "joinWithPasswordMessage": "Спроба приєднатися з паролем, зачекайте…",
+        "joiningMessage": "Ви приєднаєтесь до зустрічі, щойно модератор схвалить ваш запит",
+        "joiningTitle": "Запит на приєднання до зустрічі…",
+        "joiningWithPasswordTitle": "Приєднання з паролем…",
+        "knockButton": "Запитати дозволу",
+        "knockTitle": "Хтось хоче приєднатися до зустрічі",
+        "knockingParticipantList": "Список учасників, які очікують",
+        "lobbyChatStartedNotification": "{{moderator}} почав чат із {{attendee}} у приймальній",
+        "lobbyChatStartedTitle": "{{moderator}} розпочав із вами чат у приймальній.",
+        "nameField": "Зазначте ваше ім'я",
+        "notificationLobbyAccessDenied": "Приєднання {{targetParticipantName}} до зустрічі відхилено рішенням {{originParticipantName}}",
+        "notificationLobbyAccessGranted": "Приєднання {{targetParticipantName}} до зустрічі погоджено рішенням {{originParticipantName}}",
+        "notificationLobbyDisabled": "Приймальна вимкнена учасником {{originParticipantName}}",
+        "notificationLobbyEnabled": "Приймальна ввімкнена учасником {{originParticipantName}}",
+        "notificationTitle": "Приймальна",
+        "passwordField": "Ввести пароль зустрічі",
+        "passwordJoinButton": "Приєднатися",
+        "title": "Приймальна",
+        "toggleLabel": "Увімкнути приймальну"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Вимкнено",
+            "on": "Увімкнено",
+            "unknown": "Невідомо"
+        },
+        "dialogTitle": "Панель локального запису",
+        "duration": "Тривалість",
+        "durationNA": "н/д",
+        "encoding": "Кодування",
+        "label": "LOR",
+        "labelToolTip": "Локальний запис активовано",
+        "localRecording": "Локальний запис",
+        "me": "Я",
+        "messages": {
+            "engaged": "Зустріч записується в локальний файл.",
+            "finished": "Сеанс запису {{token}} завершено. Будь ласка, надішліть записаний файл модератору.",
+            "finishedModerator": "Сеанс запису {{token}} завершено. Запис зустрічі збережено в локальних файлах індивідуально. Попросіть інших учасників надіслати вам файли їх треків.",
+            "notModerator": "Ви не є модератором і не можете починати чи зупиняти локальний запис."
+        },
+        "moderator": "Модератор",
+        "no": "Ні",
+        "participant": "Учасник",
+        "participantStats": "Статистика учасників",
+        "selectTabTitle": "🎥 Виберіть цю вкладку для запису",
+        "sessionToken": "Маркер сеансу",
+        "start": "Почати запис",
+        "stop": "Зупинити запис",
+        "yes": "Так"
+    },
+    "lockRoomPassword": "пароль",
+    "lockRoomPasswordUppercase": "Пароль",
+    "lonelyMeetingExperience": {
+        "button": "Запросити",
+        "youAreAlone": "Ви одні на цій зустрічі"
+    },
+    "me": "я",
+    "notify": {
+        "OldElectronAPPTitle": "Вразливість в системі безпеки!",
+        "allowAction": "Дозволити",
+        "allowedUnmute": "Ви можете ввімкнути ваш мікрофон, камеру або спільний перегляд вашого екрана.",
+        "audioUnmuteBlockedDescription": "Операцію ввімкнення мікрофона тимчасово заблоковано через системні обмеження.",
+        "audioUnmuteBlockedTitle": "Увімкнення мікрофона заблоковано!",
+        "chatMessages": "Вхідне повідомлення чату",
+        "connectedOneMember": "{{name}} на зв'язку",
+        "connectedThreePlusMembers": "{{name}} та {{count}} інших учасників приєдналися до зустрічі",
+        "connectedTwoMembers": "{{first}} та {{second}} приєдналися до зустрічі",
+        "dataChannelClosed": "Погіршення якості відео",
+        "dataChannelClosedDescription": "Канал мультимедійного мосту відключено; якість відео знижена до мінімуму.",
+        "disconnected": "з'єднання розірване",
+        "displayNotifications": "Показувати сповіщення:",
+        "dontRemindMe": "Не нагадувати",
+        "focus": "Фокус зустрічі",
+        "focusFail": "{{component}} недоступний - повторіть спробу через {{ms}} мс",
+        "gifsMenu": "GIPHY",
+        "groupTitle": "Сповіщення",
+        "hostAskedUnmute": "Модератор передає слово вам",
+        "invitedOneMember": "{{name}} запрошено",
+        "invitedThreePlusMembers": "Запрошено {{name}} та {{count}} інших користувачів",
+        "invitedTwoMembers": "{{first}} та {{second}} запрошено до зустрічі",
+        "joinMeeting": "Приєднатися",
+        "kickParticipant": "{{kicker}} від'єднав {{kicked}} від зустрічі",
+        "leftOneMember": "{{name}} покинув зустріч",
+        "leftThreePlusMembers": "{{name}} та багато інших учасників покинули зустріч",
+        "leftTwoMembers": "{{first}} і {{second}} покинули зустріч",
+        "linkToSalesforce": "Пов'язати з Salesforce",
+        "linkToSalesforceDescription": "Ви можете пов'язати підсумок зустрічі з об'єктом Salesforce.",
+        "linkToSalesforceError": "Не вдалося пов'язати зустріч із Salesforce",
+        "linkToSalesforceKey": "Пов'язати зустріч",
+        "linkToSalesforceProgress": "Пов'язання зустрічі до Salesforce…",
+        "linkToSalesforceSuccess": "Зустріч пов'язана з Salesforce",
+        "localRecordingStarted": "{{name}} почав локальний відеозапис.",
+        "localRecordingStopped": "{{name}} зупинив локальний відеозапис.",
+        "me": "Я",
+        "moderationInEffectCSDescription": "Підніміть руку, якщо хочете запропонувати спільний перегляд вашого екран.",
+        "moderationInEffectCSTitle": "Спільний перегляд екрана заблоковано модератором",
+        "moderationInEffectDescription": "Підніміть руку, якщо хочете взяти слово.",
+        "moderationInEffectTitle": "Ваш мікрофон вимкнено модератором",
+        "moderationInEffectVideoDescription": "Підніміть руку, якщо хочете ввімкнути камеру.",
+        "moderationInEffectVideoTitle": "Ваша камера заблокована модератором",
+        "moderationRequestFromModerator": "Організатор просить, щоб ви увімкнули мікрофон",
+        "moderationRequestFromParticipant": "Хоче взяти слово",
+        "moderationStartedTitle": "Модерацію розпочато",
+        "moderationStoppedTitle": "Модерацію припинено",
+        "moderationToggleDescription": "({{participantDisplayName}})",
+        "moderator": "Отримано права модератора!",
+        "muted": "Ви почали зустріч з вимкненим мікрофоном.",
+        "mutedRemotelyDescription": "Ви завжди можете ввімкнути мікрофон, коли готові поспілкуватися. Вимкніть мікрофон, коли закінчите, щоб не додавати шуму.",
+        "mutedRemotelyTitle": "{{participantDisplayName}} вимкнув вам мікрофон!",
+        "mutedTitle": "Ви вимкнені!",
+        "newDeviceAction": "Використовувати",
+        "newDeviceAudioTitle": "Виявлено новий звуковий пристрій",
+        "newDeviceCameraTitle": "Виявлено нову камеру",
+        "noiseSuppressionDesktopAudioDescription": "Придушення шуму не можна ввімкнути під час обміну аудіо. Вимкніть його та повторіть спробу.",
+        "noiseSuppressionFailedTitle": "Не вдалося ввімкнути придушення шуму",
+        "noiseSuppressionNoTrackDescription": "Перевірте, що мікрофон увімкнено.",
+        "noiseSuppressionStereoDescription": "Придушення шуму у форматі стерео наразі не підтримується.",
+        "oldElectronClientDescription1": "Ви використовуєте стару версію клієнта Jitsi Meet, яка має відомі вразливості безпеки. Переконайтеся, що ви оновили до нашої ",
+        "oldElectronClientDescription2": "останньої версії",
+        "oldElectronClientDescription3": " на поточний час!",
+        "participantWantsToJoin": "Хоче приєднатися до зустрічі",
+        "participantsWantToJoin": "Хочуть приєднатися до зустрічі",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) вилучений іншим учасником",
+        "passwordSetRemotely": "Інший учасник додав $t(lockRoomPasswordUppercase)",
+        "raiseHandAction": "Підняти руку",
+        "raisedHand": "{{name}} хоче взяти слово.",
+        "raisedHands": "{{participantName}} і ще {{raisedHands}} учасників",
+        "reactionSounds": "Вимкнути звукові сповіщення",
+        "reactionSoundsForAll": "Вимкнути звукові сповіщення для всіх",
+        "screenShareNoAudio": "На екрані вибору вікна не була ввімкнена опція «Поділитися аудіо».",
+        "screenShareNoAudioTitle": "Не вдалося надати спільний доступ до аудіо!",
+        "screenSharingAudioOnlyDescription": "Увага: увімкнення спільного перегляду екрана збільшить споживання пропускної здатності, що погіршить якість режиму \"Найкраща продуктивність\".",
+        "screenSharingAudioOnlyTitle": "Режим \"Найкраща продуктивність\"",
+        "selfViewTitle": "Ви завжди можете скасувати приховування виду на себе в налаштуваннях",
+        "somebody": "Учасник",
+        "startSilentDescription": "Повторно приєднайтеся до зустрічі, щоб увімкнути звук",
+        "startSilentTitle": "Ви приєдналися в режимі тиші!",
+        "suboptimalBrowserWarning": "На жаль, ваш веб-браузер не повністю підтримує цю систему вебконференції. Ми працюємо над проблемою, поки що рекомендуємо скористатися <a href='{{recommendedBrowserPageLink}}' target='_blank'>такими веб-браузерами</a>.",
+        "suboptimalExperienceTitle": "Веб-браузер не підтримується",
+        "unmute": "Увімкнути мікрофон",
+        "videoMutedRemotelyDescription": "Ви завжди можете включити її знову.",
+        "videoMutedRemotelyTitle": "{{participantDisplayName}} вимкнув вашу камеру",
+        "videoUnmuteBlockedDescription": "Увімкнення камери та спільний перегляд екрана тимчасово заблоковано через системні обмеження.",
+        "videoUnmuteBlockedTitle": "Увімкнення камери та спільний перегляд екрана заблоковано!",
+        "viewLobby": "Переглянути приймальну",
+        "waitingParticipants": "{{waitingParticipants}} учасників"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "Допустити",
+            "admitAll": "Допустити всіх",
+            "allow": "Дозволити учасникам:",
+            "allowVideo": "Розблокувати камеру",
+            "askUnmute": "Надати слово",
+            "audioModeration": "Вмикати свій мікрофон",
+            "blockEveryoneMicCamera": "Заблокувати всім мікрофон і камеру",
+            "invite": "Запросити",
+            "moreModerationActions": "Додаткові налаштування модерації",
+            "moreModerationControls": "Налаштування модерації",
+            "moreParticipantOptions": "Додаткові налаштування для учасників",
+            "mute": "Вимкнути мікрофон",
+            "muteAll": "Вимкнути мікрофони всім",
+            "muteEveryoneElse": "Вимкнути мікрофони всім іншим",
+            "reject": "Відмовити",
+            "stopEveryonesVideo": "Вимкнути камери всім",
+            "stopVideo": "Вимкнути камеру",
+            "unblockEveryoneMicCamera": "Розблокувати всім мікрофон і камеру",
+            "videoModeration": "Вмикати свою камеру"
+        },
+        "close": "Закрити",
+        "headings": {
+            "lobby": "Приймальна ({{count}})",
+            "participantsList": "Учасники ({{count}})",
+            "visitors": "Відвідувачі ({{count}})",
+            "waitingLobby": "Очікують у приймальній ({{count}})"
+        },
+        "search": "Пошук учасників",
+        "title": "Показати/приховати панель учасників"
+    },
+    "passwordDigitsOnly": "До {{number}} цифр",
+    "passwordSetRemotely": "Встановлено іншим учасником",
+    "pinParticipant": "{{participantName}} - Закріпити",
+    "pinnedParticipant": "Учасник закріплений",
+    "polls": {
+        "answer": {
+            "skip": "Пропустити",
+            "submit": "Гаразд"
+        },
+        "by": "Від {{ name }}",
+        "create": {
+            "addOption": "Додати варіант",
+            "answerPlaceholder": "Варіант {{index}}",
+            "cancel": "Скасувати",
+            "create": "Створити опитування",
+            "pollOption": "Варіант відповіді {{index}}",
+            "pollQuestion": "Питання",
+            "questionPlaceholder": "Поставте запитання",
+            "removeOption": "Вилучити",
+            "send": "Надіслати"
+        },
+        "errors": {
+            "notUniqueOption": "Параметри повинні бути унікальними"
+        },
+        "notification": {
+            "description": "Щоб проголосувати, відкрийте вкладку опитувань",
+            "title": "Додано нове опитування"
+        },
+        "results": {
+            "changeVote": "Змінити ваш вибір",
+            "empty": "Опитувань ще немає. Розпочніть опитування тут!",
+            "hideDetailedResults": "Стисло",
+            "showDetailedResults": "Докладно",
+            "vote": "Голосувати"
+        }
+    },
+    "poweredby": "на основі",
+    "prejoin": {
+        "audioAndVideoError": "Помилка аудіо та відео:",
+        "audioDeviceProblem": "Виникла проблема з вашим звуковим пристроєм",
+        "audioOnlyError": "Помилка аудіо:",
+        "audioTrackError": "Не вдалось створити звукову доріжку.",
+        "callMe": "Зателефонуйте мені",
+        "callMeAtNumber": "Зателефонуйте мені за цим номером:",
+        "calling": "З'єднуємо",
+        "configuringDevices": "Налаштування пристроїв…",
+        "connectedWithAudioQ": "Ви приєдналися у режимі зі звуком?",
+        "connection": {
+            "good": "Якість вашого підключення до Інтернету є нормальною!",
+            "nonOptimal": "Якість вашого підключення до Інтернету не є оптимальною",
+            "poor": "У вас погана якість підключення до Інтернету"
+        },
+        "connectionDetails": {
+            "audioClipping": "Ми очікуємо, що ваш звук може бути спотворений.",
+            "audioHighQuality": "Ми очікуємо, що ваш звук матиме відмінну якість.",
+            "audioLowNoVideo": "Ми очікуємо, що якість вашого звуку буде низькою, а відео відсутнє.",
+            "goodQuality": "Ви можете розраховувати на чудову якість звуку та відео.",
+            "noMediaConnectivity": "Нам не вдалося знайти спосіб встановити мультимедійне з'єднання для цього тесту. Зазвичай це спричинено брандмауером або NAT.",
+            "noVideo": "Ми очікуємо, що якість вашого відео буде неприємно низькою.",
+            "undetectable": "Якщо ви все ще не можете здійснювати дзвінки в веб-браузері, ми рекомендуємо вам переконатися, що ваші динаміки, мікрофон і камера налаштовані належним чином, що ви надали своєму веб-браузеру права на використання мікрофона та камери, і що ваш веб-браузер оновлений до останньої версії. Якщо у вас все ще виникають проблеми з дзвінками, вам слід зв'язатися з розробником цієї веб-програми.",
+            "veryPoorConnection": "Ми очікуємо, що якість вашого відео буде абсолютно низькою.",
+            "videoFreezing": "Ми очікуємо, що ваше відео зависне, буде чорним і піксельним.",
+            "videoHighQuality": "Ми очікуємо, що ваше відео буде якісним.",
+            "videoLowQuality": "Ми очікуємо, що ваше відео матиме низьку якість з точки зору частоти кадрів і роздільної здатності.",
+            "videoTearing": "Ми очікуємо, що ваше відео буде піксельним або матиме візуальні артефакти."
+        },
+        "copyAndShare": "Скопіювати та поділитись посиланням на зустріч",
+        "dialInMeeting": "Приєднатися телефоном",
+        "dialInPin": "Зателефонуйте на зустріч і введіть PIN-код:",
+        "dialing": "Виклик",
+        "doNotShow": "Не показувати знову",
+        "errorDialOut": "Не вдалося почати дзвінок",
+        "errorDialOutDisconnected": "Не вдалося почати дзвінок. Роз'єднано",
+        "errorDialOutFailed": "Не вдалося почати дзвінок. Помилка з'єднання",
+        "errorDialOutStatus": "Помилка отримання статусу з'єднання",
+        "errorMissingName": "Зазначте своє ім'я, щоб приєднатися до зустрічі",
+        "errorNoPermissions": "Увімкніть доступ до мікрофона та камери",
+        "errorStatusCode": "Помилка з'єднання, код статусу: {{status}}",
+        "errorValidation": "Неправильний номер",
+        "iWantToDialIn": "Я хочу зателефонувати",
+        "initiated": "Дзвінок розпочато",
+        "joinAudioByPhone": "Приєднатися з аудіо на телефоні",
+        "joinMeeting": "Приєднатися до зустрічі",
+        "joinMeetingInLowBandwidthMode": "Приєднатися в режимі економії",
+        "joinWithoutAudio": "Приєднатися в режимі тиші",
+        "keyboardShortcuts": "Увімкнути комбінації клавіш",
+        "linkCopied": "Посилання скопійовано в буфер обміну",
+        "lookGood": "Ваш мікрофон працює коректно",
+        "or": "або",
+        "premeeting": "Перед приєднанням",
+        "screenSharingError": "Помилка спільного перегляду екрана:",
+        "startWithPhone": "Почати в режимі телефону",
+        "videoOnlyError": "Помилка відео:",
+        "videoTrackError": "Не вдалося створити трек відео.",
+        "viewAllNumbers": "переглянути всі номери"
+    },
+    "presenceStatus": {
+        "busy": "Зайнятий",
+        "calling": "Телефонує…",
+        "connected": "З'єднано",
+        "connecting": "З'єднується…",
+        "connecting2": "З'єднується*…",
+        "disconnected": "Від'єднано",
+        "expired": "Недійсний",
+        "ignored": "Пропустив",
+        "initializingCall": "Ініціалізація виклику…",
+        "invited": "Запрошений",
+        "rejected": "Відмовився",
+        "ringing": "Дзвінок…"
+    },
+    "profile": {
+        "avatar": "аватар",
+        "setDisplayNameLabel": "Ім'я",
+        "setEmailInput": "Зазначте email",
+        "setEmailLabel": "Email-адреса для Gravatar",
+        "title": "Профіль"
+    },
+    "raisedHand": "Хоче взяти слово",
+    "raisedHandsLabel": "Кількість піднятих рук",
+    "record": {
+        "already": {
+            "linked": "Зустріч уже пов'язана з цим об'єктом Salesforce."
+        },
+        "type": {
+            "account": "Обліковий запис",
+            "contact": "Контакт",
+            "lead": "Потенційний клієнт",
+            "opportunity": "Можливість",
+            "owner": "Власник"
+        }
+    },
+    "recording": {
+        "authDropboxText": "Завантажити до Dropbox",
+        "availableSpace": "Доступно місця: {{spaceLeft}} МБ (приблизно {{duration}}хв запису)",
+        "beta": "БЕТА",
+        "busy": "Ми працюємо над вивільненням ресурсів для запису. Спробуйте за декілька хвилин.",
+        "busyTitle": "Усі канали для запису наразі зайняті",
+        "copyLink": "Скопіювати посилання",
+        "error": "Помилка запису. Спробуйте пізніше.",
+        "errorFetchingLink": "Помилка при отриманні посилання на запис.",
+        "expandedOff": "Запис зупинено",
+        "expandedOn": "Ця зустріч записується.",
+        "expandedPending": "Починаємо запис зустрічі…",
+        "failedToStart": "Помилка початку запису",
+        "fileSharingdescription": "Поділіться посиланням на запис з учасниками зустрічі",
+        "highlight": "Виділити",
+        "highlightMoment": "Основна подія зустрічі",
+        "highlightMomentDisabled": "Ви зможете виділяти основні події зустрічі після початку запису",
+        "highlightMomentSuccess": "Подію виділено",
+        "highlightMomentSucessDescription": "Виділену подію буде додано до підсумку зустрічі.",
+        "inProgress": "Триває запис або трансляція наживо",
+        "limitNotificationDescriptionNative": "Через велике навантаження сервера ваш запис буде обмежено {{limit}}хв. Для можливості безлімітних записів, спробуйте <3>{{app}}</3>.",
+        "limitNotificationDescriptionWeb": "Через велике навантаження сервера ваш запис буде обмежено {{limit}} хв. Для можливості безлімітних записів, спробуйте <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "linkGenerated": "Готово посилання на ваш запис.",
+        "live": "НАЖИВО",
+        "localRecordingNoNotificationWarning": "Наявність посилання на запис зустрічі не анонсується іншим учасникам. Повідомте їм про це окремо.",
+        "localRecordingNoVideo": "Відео не записується",
+        "localRecordingStartWarning": "Зупиніть запис, перш ніж залишити зустріч, щоб зберегти його.",
+        "localRecordingStartWarningTitle": "Зупиніть запис, щоб зберегти його",
+        "localRecordingVideoStop": "Вимикання камери також припинить локальний запис. Продовжити?",
+        "localRecordingVideoWarning": "Щоб записати ваше відео, камера має бути увімкнена до початку запису",
+        "localRecordingWarning": "Виберіть поточну вкладку веб-браузера, щоб використовувати правильні налаштування камери та мікрофона.",
+        "loggedIn": "Ви ввійшли як {{userName}}",
+        "noMicPermission": "Не вдалося створити мікрофонну доріжку. Надайте дозвіл на доступ до мікрофона.",
+        "noStreams": "Аудіо чи відео потік не виявлено.",
+        "off": "Запис зупинено",
+        "offBy": "{{name}} зупинив запис",
+        "on": "Запис розпочато",
+        "onBy": "{{name}} увімкнув запис",
+        "onlyRecordSelf": "Записувати лише мої аудіо та відео потоки",
+        "pending": "Підготовка до запису зустрічі…",
+        "rec": "REC",
+        "saveLocalRecording": "Зберегти файл запису локально (ТЕСТУВАННЯ)",
+        "serviceDescription": "Ваш запис буде збережено послугою запису",
+        "serviceDescriptionCloud": "Хмарний запис",
+        "serviceDescriptionCloudInfo": "Записані зустрічі будуть видалені автоматично через 24 години після їх запису.",
+        "serviceName": "Служба запису",
+        "sessionAlreadyActive": "Ця зустріч вже записується або транслюється наживо.",
+        "signIn": "Увійти",
+        "signOut": "Вийти",
+        "surfaceError": "Виберіть поточну вкладку.",
+        "title": "Запис",
+        "unavailable": "Служба {{serviceName}} зараз недоступна. Ми працюємо над виправленням цієї помилки. Спробуйте пізніше.",
+        "unavailableTitle": "Запис недоступний",
+        "uploadToCloud": "Завантажити в хмару"
+    },
+    "screenshareDisplayName": "Екран {{name}}",
+    "sectionList": {
+        "pullToRefresh": "Потягніть, щоб оновити"
+    },
+    "security": {
+        "about": "Ви можете додати $t(lockRoomPassword) для захисту вашої зустрічі. Учасникам потрібно буде ввести $t(lockRoomPassword), перш ніж їм буде дозволено приєднатися до зустрічі.",
+        "aboutReadOnly": "Модератори можуть додати $t(lockRoomPassword) для захисту зустрічі. Учасникам потрібно буде ввести $t(lockRoomPassword), перш ніж їм буде дозволено приєднатися до зустрічі.",
+        "insecureRoomNameWarning": "Назва кімнати не є безпечною. Сторонні люди можуть приєднатися до вашої зустрічі. Подбайте про додатковий захист вашої зустрічі за допомогою налаштувань параметрів безпеки.",
+        "title": "Параметри безпеки"
+    },
+    "settings": {
+        "audio": "Аудіо",
+        "buttonLabel": "Налаштування",
+        "calendar": {
+            "about": "Інтеграція календаря дає {{appName}} безпечний доступ до вашого календаря та запланованих подій.",
+            "disconnect": "Від'єднатися",
+            "microsoftSignIn": "Увійти до послуг Microsoft",
+            "signedIn": "Доступ до календаря увімкнено для {{email}}. Натисніть кнопку «Від'єднатися», щоб припинити доступ до календаря.",
+            "title": "Календар"
+        },
+        "desktopShareFramerate": "Частота кадрів під час спільного перегляду екрана",
+        "desktopShareHighFpsWarning": "Вища частота кадрів під час спільного перегляду екрана може вплинути на вашу пропускну здатність. Перезапустіть функцію спільного доступу до екрана, щоб нові налаштування набрали чинності.",
+        "desktopShareWarning": "Перезапустіть спільний перегляд екрана, щоб нові налаштування набрали чинності.",
+        "devices": "Пристрої",
+        "followMe": "Усі дивляться на мене",
+        "framesPerSecond": "кадрів за секунду",
+        "incomingMessage": "Вхідне повідомлення",
+        "language": "Мова",
+        "loggedIn": "Увійшли як {{name}}",
+        "maxStageParticipants": "Максимальна кількість учасників, яку можна закріпити на головній сцені",
+        "microphones": "Мікрофони",
+        "moderator": "Модератор",
+        "moderatorOptions": "Параметри модерації",
+        "more": "Загальні параметри",
+        "name": "Ім'я",
+        "noDevice": "Немає",
+        "notifications": "Сповіщення",
+        "participantJoined": "Учасник приєднався до зустрічі",
+        "participantKnocking": "Учасник зайшов у приймальну",
+        "participantLeft": "Учасник покинув зустріч",
+        "playSounds": "Увімкнути звукові сповіщення:",
+        "reactions": "Емоційна реакція",
+        "sameAsSystem": "Системний пристрій ({{label}})",
+        "selectAudioOutput": "Вивід звуку",
+        "selectCamera": "Камера",
+        "selectMic": "Мікрофон",
+        "selfView": "Вид на себе",
+        "shortcuts": "Комбінації клавіш",
+        "speakers": "Динаміки",
+        "startAudioMuted": "Усі починають з вимкненим мікрофоном",
+        "startReactionsMuted": "Вимкнути звуки реакції для всіх",
+        "startVideoMuted": "Усі починають з вимкненим відео",
+        "talkWhileMuted": "Спроба говорити, коли мікрофон вимкнено",
+        "title": "Налаштування",
+        "video": "Відео"
+    },
+    "settingsView": {
+        "advanced": "Додатково",
+        "alertCancel": "Скасувати",
+        "alertOk": "Гаразд",
+        "alertTitle": "Увага",
+        "alertURLText": "Зазначена URL-адреса сервера недійсна",
+        "buildInfoSection": "Збірка",
+        "conferenceSection": "Приєднатися телефоном",
+        "disableCallIntegration": "Вимкнути вбудовану інтеграцію дзвінків",
+        "disableCrashReporting": "Вимкнути звіти про збої",
+        "disableCrashReportingWarning": "Вимкнути звіти про збої? Налаштування наберуть чинності після перезапуску програми.",
+        "disableP2P": "Вимкнути режим «Peer-to-Peer»",
+        "displayName": "Ім'я на екрані",
+        "displayNamePlaceholderText": "Наприклад: Іван Безіменний",
+        "email": "Електронна пошта",
+        "emailPlaceholderText": "email@example.com",
+        "goTo": "Гаразд",
+        "header": "Налаштування",
+        "help": "Довідка",
+        "links": "Посилання",
+        "privacy": "Конфіденційність",
+        "profileSection": "Профіль",
+        "serverURL": "URL-адреса сервера",
+        "showAdvanced": "Показати додаткові налаштування",
+        "startCarModeInLowBandwidthMode": "Починати режим «За кермом» у режимі економії",
+        "startWithAudioMuted": "Починати з вимкненим мікрофоном",
+        "startWithVideoMuted": "Починати з вимкненою камерою",
+        "terms": "Умови користування",
+        "version": "Версія"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nХочете приєднатися телефоном?\n\n{{defaultDialInNumber}}Натисніть це посилання, щоб переглянути номери телефонів для цієї зустрічі\n{{dialInfoPageUrl}}",
+        "mainText": "Натисніть це посилання, щоб приєднатися до зустрічі:\n{{roomUrl}}"
+    },
+    "speaker": "Динамік",
+    "speakerStats": {
+        "angry": "серджуся",
+        "disgusted": "огидно",
+        "displayEmotions": "Показати емоції",
+        "fearful": "страшно",
+        "happy": "радію",
+        "hours": "{{count}}г",
+        "minutes": "{{count}}хв",
+        "name": "Ім'я",
+        "neutral": "нормально",
+        "sad": "сумую",
+        "search": "Пошук",
+        "searchHint": "Пошук учасників",
+        "seconds": "{{count}} с",
+        "speakerStats": "Статистика спілкування",
+        "speakerTime": "Час спілкування",
+        "surprised": "подив"
+    },
+    "startupoverlay": {
+        "genericTitle": "Для зустрічі необхідний доступ до мікрофона та камери.",
+        "policyText": " ",
+        "title": "{{app}} потрібен доступ до мікрофона і камери."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Приєднатися знову",
+        "text": "Для відновлення зв'язку натисніть на кнопку «Приєднатися знову».",
+        "title": "Зв'язок перервано. Причина: цей комп'ютер перейшов у сплячий режим."
+    },
+    "termsView": {
+        "title": "Умови користування"
+    },
+    "toggleTopPanelLabel": "Показати/приховати верхню панель",
+    "toolbar": {
+        "Settings": "Налаштування",
+        "accessibilityLabel": {
+            "Settings": "Показати/приховати меню налаштувань",
+            "audioOnly": "Лише звук",
+            "audioRoute": "Вибрати звуковий пристрій",
+            "boo": "невдоволення",
+            "breakoutRoom": "Приєднатися/вийти з підгрупи",
+            "callQuality": "Налаштування продуктивності",
+            "carmode": "Режим «За кермом»",
+            "cc": "Субтитри",
+            "chat": "Показати/приховати чат",
+            "clap": "Овації",
+            "closeChat": "Приховати чат",
+            "closeMoreActions": "Приховати меню додаткових команд",
+            "closeParticipantsPane": "Приховати панель учасників",
+            "collapse": "Згорнути",
+            "document": "Відкрити/закрити спільний документ",
+            "documentClose": "Закрити спільний документ",
+            "documentOpen": "Відкрити спільний документ",
+            "download": "Звантажити мобільний застосунок",
+            "embedMeeting": "Вставити зустріч",
+            "endConference": "Завершити зустріч для всіх",
+            "enterFullScreen": "Показати на весь екран",
+            "enterTileView": "Показати плитки",
+            "exitFullScreen": "Вийти з режиму на весь екран",
+            "exitTileView": "Вийти з режиму плиток",
+            "expand": "Розгорнути",
+            "feedback": "Залишити відгук",
+            "fullScreen": "На весь екран",
+            "giphy": "Показати/приховати меню GIPHY",
+            "grantModerator": "Надати права модератора",
+            "hangup": "Покинути зустріч",
+            "heading": "Панель інструментів",
+            "help": "Довідка",
+            "hideWhiteboard": "Приховати дошку",
+            "invite": "Запросити на зустріч",
+            "kick": "Від'єднати учасника",
+            "laugh": "Сміюся",
+            "leaveConference": "Покинути зустріч",
+            "like": "Подобається",
+            "linkToSalesforce": "Пов'язати з Salesforce",
+            "lobbyButton": "Увімкнути/вимкнути приймальну",
+            "localRecording": "Показати/приховати панель керування відеозаписом",
+            "lockRoom": "Встановити/прибрати пароль",
+            "lowerHand": "Опустити руку",
+            "moreActions": "Додаткові команди",
+            "moreActionsMenu": "Меню додаткових команд",
+            "moreOptions": "Додаткові параметри",
+            "mute": "Вимкнути мікрофон",
+            "muteEveryone": "Вимкнути мікрофони всім",
+            "muteEveryoneElse": "Вимкнути мікрофони всім іншим",
+            "muteEveryoneElsesVideoStream": "Вимкнути камери всім іншим",
+            "muteEveryonesVideoStream": "Вимкнути камери всім",
+            "noiseSuppression": "Придушення шуму",
+            "openChat": "Показати чат",
+            "participants": "Показати панель учасників",
+            "pip": "Увімкнути/вимкнути режим «Картинка в картинці».",
+            "privateMessage": "Надіслати приватне повідомлення",
+            "profile": "Редагувати профіль",
+            "raiseHand": "Підняти руку",
+            "reactionsMenu": "Меню реакцій",
+            "recording": "Увімкнути/вимкнути відеозапис",
+            "remoteMute": "Вимкнути мікрофон учасника",
+            "remoteVideoMute": "Вимкнути камеру учасника",
+            "security": "Параметри безпеки",
+            "selectBackground": "Виберіть фон",
+            "selfView": "Показати/приховати вид на себе",
+            "shareRoom": "Запросити на зустріч",
+            "shareYourScreen": "Спільний перегляд екрана",
+            "shareaudio": "Поділитися аудіо",
+            "sharedvideo": "Почати спільне відео",
+            "shortcuts": "Показати/приховати комбінації клавіш",
+            "show": "Показати на сцені",
+            "showWhiteboard": "Показати дошку",
+            "silence": "Тиша",
+            "speakerStats": "Показати/приховати статистику спілкування",
+            "stopScreenSharing": "Вимкнути спільний перегляд екрана",
+            "stopSharedVideo": "Зупинити спільне відео",
+            "surprised": "Подив",
+            "tileView": "Увімкнути/вимкнути плитки",
+            "toggleCamera": "Увімкнути/вимкнути камеру",
+            "toggleFilmstrip": "Показати/приховати панель видів",
+            "unmute": "Увімкнути мікрофон",
+            "videoblur": "Увімкнути/вимкнути розмиття фону",
+            "videomute": "Вимкнути камеру",
+            "videounmute": "Увімкнути камеру"
+        },
+        "addPeople": "Додати учасників до зустрічі",
+        "audioOnlyOff": "Вимкнути режим економії",
+        "audioOnlyOn": "Увімкнути режим економії",
+        "audioRoute": "Вибрати звуковий пристрій",
+        "audioSettings": "Налаштування звуку",
+        "authenticate": "Авторизуватися",
+        "boo": "невдоволення",
+        "callQuality": "Налаштування продуктивності",
+        "chat": "Показати/приховати чат",
+        "clap": "овації",
+        "closeChat": "Панель чату",
+        "closeParticipantsPane": "Приховати панель учасників",
+        "closeReactionsMenu": "Закрити меню реакцій",
+        "disableNoiseSuppression": "Вимкнути придушення шуму",
+        "disableReactionSounds": "Ви можете вимкнути звуки реакції для цієї зустрічі",
+        "documentClose": "Закрити спільний документ",
+        "documentOpen": "Відкрити спільний документ",
+        "download": "Звантажити мобільний застосунок",
+        "e2ee": "Наскрізне шифрування",
+        "embedMeeting": "Вставити зустріч",
+        "enableNoiseSuppression": "Увімкнути придушення шуму",
+        "endConference": "Завершити зустріч для всіх",
+        "enterFullScreen": "На весь екран",
+        "enterTileView": "Режим плиток",
+        "exitFullScreen": "Вийти з повноекранного режиму",
+        "exitTileView": "З наближенням",
+        "feedback": "Залишити відгук",
+        "giphy": "Меню GIPHY",
+        "hangup": "Покинути зустріч",
+        "help": "Довідка",
+        "hideWhiteboard": "Приховати дошку",
+        "invite": "Запросити",
+        "joinBreakoutRoom": "Приєднатися до кімнати підгрупи",
+        "laugh": "сміюся",
+        "leaveBreakoutRoom": "Вийти з кімнати підгрупи",
+        "leaveConference": "Покинути зустріч",
+        "like": "подобається",
+        "linkToSalesforce": "Пов'язати з Salesforce",
+        "lobbyButtonDisable": "Вимкнути приймальну",
+        "lobbyButtonEnable": "Увімкнути приймальну",
+        "login": "Увійти",
+        "logout": "Вийти",
+        "lowerYourHand": "Опустити руку",
+        "moreActions": "Додаткові команди",
+        "moreOptions": "Додаткові параметри",
+        "mute": "Вимкнути мікрофон",
+        "muteEveryone": "Вимкнути мікрофони всім",
+        "muteEveryonesVideo": "Вимкнути камери всім",
+        "noAudioSignalDesc": "Якщо ви не вимикали мікрофон у системних або апаратних налаштуваннях, спробуйте перемикнути його.",
+        "noAudioSignalDescSuggestion": "Якщо ви не вимикали мікрофон у системних або апаратних налаштуваннях, спробуйте скористатися рекомендованим пристроєм.",
+        "noAudioSignalDialInDesc": "Також ви можете зателефонувати на зустріч:",
+        "noAudioSignalDialInLinkDesc": "Номери телефонів для приєднання",
+        "noAudioSignalTitle": "Немає сигналу з мікрофона!",
+        "noiseSuppression": "Придушення шуму",
+        "noisyAudioInputDesc": "Ваш мікрофон створює багато шуму. Вимкніть його або змініть пристрій.",
+        "noisyAudioInputTitle": "Ваш мікрофон шумить!",
+        "openChat": "Панель чату",
+        "openReactionsMenu": "Показати меню реакцій",
+        "participants": "Панель учасників",
+        "pip": "Режим «Картинка-у-картинці»",
+        "privateMessage": "Надіслати приватне повідомлення",
+        "profile": "Редагувати профіль",
+        "raiseHand": "Підняти руку",
+        "raiseYourHand": "Підняти руку",
+        "reactionBoo": "Надіслати реакцію «невдоволення»",
+        "reactionClap": "Надіслати реакцію «овації»",
+        "reactionLaugh": "Надіслати реакцію «сміюся»",
+        "reactionLike": "Надіслати реакцію «подобається»",
+        "reactionSilence": "Надіслати реакцію «тиша»",
+        "reactionSurprised": "Надіслати реакцію «подив»",
+        "security": "Параметри безпеки",
+        "selectBackground": "Встановити фон",
+        "shareRoom": "Запросити",
+        "shareaudio": "Поділитися аудіо",
+        "sharedvideo": "Поділитися відео",
+        "shortcuts": "Комбінації клавіш",
+        "showWhiteboard": "Показати дошку",
+        "silence": "тиша",
+        "speakerStats": "Статистика спілкування",
+        "startScreenSharing": "Увімкнути спільний перегляд екрана",
+        "startSubtitles": "Субтитри • {{language}}",
+        "stopAudioSharing": "Зупинити спільне аудіо",
+        "stopScreenSharing": "Вимкнути спільний перегляд екрана",
+        "stopSharedVideo": "Зупинити спільне відео",
+        "stopSubtitles": "Вимкнути субтитри",
+        "surprised": "подив",
+        "talkWhileMutedPopup": "Намагаєтесь говорити? Ваш мікрофон вимкнено.",
+        "tileViewToggle": "Плитки",
+        "toggleCamera": "Увімкнути/вимкнути камеру",
+        "unmute": "Увімкнути мікрофон",
+        "videoSettings": "Налаштування камери",
+        "videomute": "Вимкнути камеру",
+        "videounmute": "Увімкнути камеру"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Субтитри",
+        "error": "Помилка послуги транскрибування. Спробуйте пізніше.",
+        "expandedLabel": "Транскрибування активне",
+        "failedToStart": "Не вдалося почати транскрибування",
+        "labelToolTip": "Зустріч транскрибується",
+        "off": "Транскрибування зупинено",
+        "pending": "Підготовка до транскрибування зустрічі…",
+        "sourceLanguageDesc": "Поточна мова зустрічі <b>{{sourceLanguage}}</b>. <br/> Ви можете її змінити ",
+        "sourceLanguageHere": "тут",
+        "start": "Показувати субтитри",
+        "stop": "Припинити показ субтитрів",
+        "subtitles": "Субтитри",
+        "subtitlesOff": "Вимкнені",
+        "tr": "TR"
+    },
+    "unpinParticipant": "{{participantName}} - Відкріпити",
+    "userMedia": {
+        "grantPermissions": "Надайте дозвіл на доступ до камери та мікрофона."
+    },
+    "videoSIPGW": {
+        "busy": "Ми працюємо над вивільненням ресурсів. Спробуйте за декілька хвилин.",
+        "busyTitle": "Ресурси служби Кімната зайняті",
+        "errorAlreadyInvited": "{{displayName}} вже запрошено",
+        "errorInvite": "Зустріч ще не почалася. Спробуйте пізніше.",
+        "errorInviteFailed": "Ми працюємо над вирішенням проблеми. Спробуйте пізніше.",
+        "errorInviteFailedTitle": "Помилка із запрошенням {{displayName}}",
+        "errorInviteTitle": "Помилка запрошення до кімнати",
+        "pending": "{{displayName}} було запрошено"
+    },
+    "videoStatus": {
+        "adjustFor": "Рівень:",
+        "audioOnly": "AUD",
+        "audioOnlyExpanded": "Увімкнено режим економії трафіку. У цьому режимі доступні лише аудіо та можливість спільного перегляду екрану інших учасників.",
+        "bestPerformance": "Найкраща продуктивність",
+        "callQuality": "Якість відео",
+        "hd": "HD",
+        "hdTooltip": "Відео високої якості",
+        "highDefinition": "Висока якість (HD)",
+        "highestQuality": "Найвища якість",
+        "labelTooiltipNoVideo": "Без відео",
+        "labelTooltipAudioOnly": "Увімкнено режим заощадження трафіку",
+        "ld": "LD",
+        "ldTooltip": "Відео низької якості",
+        "lowDefinition": "Низька якість (LD)",
+        "performanceSettings": "Параметри продуктивності",
+        "recording": "Триває запис",
+        "sd": "SD",
+        "sdTooltip": "Відео стандартної якості",
+        "standardDefinition": "Стандартна якість (SD)",
+        "streaming": "Триває трансляція"
+    },
+    "videothumbnail": {
+        "connectionInfo": "Інформація про з'єднання",
+        "domute": "Вимкнути мікрофон",
+        "domuteOthers": "Вимкнути мікрофони всім іншим",
+        "domuteVideo": "Вимкнути камеру",
+        "domuteVideoOfOthers": "Вимкнути камери всім іншим",
+        "flip": "Перевернути дзеркально",
+        "grantModerator": "Надати права модератора",
+        "hideSelfView": "Приховати вид на себе",
+        "kick": "Від'єднати",
+        "mirrorVideo": "Віддзеркалити моє відео",
+        "moderator": "Модератор",
+        "mute": "Мікрофон учасника вимкнено",
+        "muted": "Вимкнено мікрофон",
+        "pinToStage": "Закріпити на сцені",
+        "remoteControl": "Дистанційне керування",
+        "screenSharing": "Учасник показує свій екран",
+        "show": "Показати на сцені",
+        "showSelfView": "Показати вид на себе",
+        "unpinFromStage": "Відкріпити",
+        "verify": "Підтвердити особу учасника",
+        "videoMuted": "Камера вимкнена",
+        "videomute": "Учасник вимкнув камеру"
+    },
+    "virtualBackground": {
+        "addBackground": "Додати фон з файлу",
+        "apply": "Застосувати",
+        "backgroundEffectError": "Не вдалося застосувати фоновий ефект.",
+        "blur": "Розмиття",
+        "deleteImage": "Видалити зображення",
+        "desktopShare": "Екран для спільного перегляду",
+        "desktopShareError": "Не вдалося створити екран для спільного перегляду",
+        "image1": "Пляж",
+        "image2": "Біла стіна",
+        "image3": "Біла порожня кімната",
+        "image4": "Чорний торшер",
+        "image5": "Гори",
+        "image6": "Ліс ",
+        "image7": "Схід сонця",
+        "none": "Немає",
+        "pleaseWait": "Будь ласка, зачекайте…",
+        "removeBackground": "Прибрати фон",
+        "slightBlur": "Напіврозмиття",
+        "title": "Віртуальні фони",
+        "uploadedImage": "Завантажена картинка {{index}}",
+        "webAssemblyWarning": "WebAssembly не підтримується",
+        "webAssemblyWarningDescription": "WebAssembly вимкнено або не підтримується цим веб-браузером"
+    },
+    "visitorsLabel": "Кількість відвідувачів: {{count}}",
+    "volumeSlider": "Регулятор гучності",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Натисніть для приєднання",
+            "roomname": "Зазначте назву кімнати"
+        },
+        "addMeetingName": "Додати назву зустрічі",
+        "appDescription": "Спробуйте провести відеозустріч з вашою командою. Запрошуйте всіх своїх знайомих! {{app}} — рішення для відеоконференцій із 100% відкритим вихідним кодом, яке забезпечує наскрізне шифрування зв'язку. Користуйтеся кожен день, безкоштовно і без реєстрації.",
+        "audioVideoSwitch": {
+            "audio": "Без відео",
+            "video": "З відео"
+        },
+        "calendar": "Календар",
+        "connectCalendarButton": "Пов'язати календар",
+        "connectCalendarText": "Пов'яжіть ваш календар, щоб побачити зустрічі, заплановані в {{app}}. Це також дозволить вам планувати нові {{provider}} зустрічі заздалегідь і починати зустріч одним натисканням на її посиланні.",
+        "enterRoomTitle": "Почати нову зустріч",
+        "getHelp": "Довідка",
+        "go": "Гаразд",
+        "goSmall": "Гаразд",
+        "headerSubtitle": "Захищений та якісний відеозв'язок",
+        "headerTitle": "Jitsi Meet",
+        "info": "Телефонний зв'язок",
+        "jitsiOnMobile": "Jitsi на мобільному пристрої – завантажуйте наші застосунки та починайте зустрічі, де б ви не були",
+        "join": "Створити або приєднатися",
+        "logo": {
+            "calendar": "Логотип Календаря",
+            "desktopPreviewThumbnail": "Мініатюра виду екрана учасника",
+            "googleLogo": "Логотип Google",
+            "logoDeepLinking": "Логотип Jitsi Meet",
+            "microsoftLogo": "Логотип Microsoft",
+            "policyLogo": "Логотип політики"
+        },
+        "meetingsAccessibilityLabel": "Зустрічі",
+        "mobileDownLoadLinkAndroid": "Завантажте мобільний застосунок для Android",
+        "mobileDownLoadLinkFDroid": "Завантажте мобільний застосунок для F-Droid",
+        "mobileDownLoadLinkIos": "Завантажте мобільний застосунок для iOS",
+        "moderatedMessage": "Або <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">організуйте модеровану зустріч</a> і розпочніть її як модератор.",
+        "privacy": "Конфіденційність",
+        "recentList": "Нещодавні",
+        "recentListDelete": "Вилучити",
+        "recentListEmpty": "Зараз ваш список нещодавніх зустрічей порожній. Починайте спілкування, і ви знайдете тут усі свої нещодавні зустрічі.",
+        "recentMeetings": "Нещодавні зустрічі",
+        "reducedUIText": "Вітаємо у {{app}}!",
+        "roomNameAllowedChars": "Назва зустрічі не повинна містити такі символи: ?, &, :, ', \", %, #.",
+        "roomname": "Зазначте назву кімнати",
+        "roomnameHint": "Зазначте назву кімнати або URL-адресу зустрічі, до якої ви хочете приєднатися. Ви можете придумати будь-яку назву. Повідомте її іншим учасникам, щоб вони приєднувалися до цієї кімнати.",
+        "sendFeedback": "Надіслати відгук",
+        "settings": "Налаштування",
+        "startMeeting": "Почати зустріч",
+        "terms": "Умови користування",
+        "title": "Захищена, повнофункціональна та безкоштовна система відеоконференцій",
+        "upcomingMeetings": "Заплановані зустрічі"
+    },
+    "whiteboard": {
+        "accessibilityLabel": {
+            "heading": "Дошка"
+        }
+    }
+}
diff --git a/lang/main-vi.json b/lang/main-vi.json
new file mode 100644
index 0000000..3415d6f
--- /dev/null
+++ b/lang/main-vi.json
@@ -0,0 +1,1538 @@
+{
+    "addPeople": {
+        "accessibilityLabel": {
+            "meetingLink": "Meeting link: {{url}}"
+        },
+        "add": "Mời",
+        "addContacts": "Mời các liên hệ của bạn",
+        "contacts": "liên lạc",
+        "copyInvite": "Sao chép lời mời",
+        "copyLink": "Sao chép liên kết cuộc họp",
+        "copyStream": "Sao chép liên kết phát trực tiếp",
+        "countryNotSupported": "Chúng tôi chưa hỗ trợ đích đến này.",
+        "countryReminder": "Nhớ đảm bảo bắt đầu bằng mã quốc gia!",
+        "defaultEmail": "Email mặc định của bạn",
+        "disabled": "Bạn không thể mời thêm người.",
+        "failedToAdd": "Không thể thêm người tham gia",
+        "googleEmail": "Email Google",
+        "inviteMoreHeader": "Bạn là người duy nhất trong cuộc họp",
+        "inviteMoreMailSubject": "Tham gia cuộc họp {{appName}}",
+        "inviteMorePrompt": "Mời thêm người tham dự",
+        "linkCopied": "Liên kết được sao chép vào khay nhớ tạm",
+        "noResults": "Không tìm được kết quả khớp",
+        "outlookEmail": "Email Outlook",
+        "phoneNumbers": "số điện thoại",
+        "searching": "Đang tìm kiếm…",
+        "shareInvite": "Chia sẻ lời mời tham dự cuộc họp",
+        "shareLink": "Chia sẻ đường dẫn để mời người khác tham dự cuộc họp",
+        "shareStream": "Chia sẻ liên kết phát trực tiếp",
+        "sipAddresses": "sip addresses",
+        "telephone": "Số: {{number}}",
+        "title": "Mời người tham dự cuộc họp này",
+        "yahooEmail": "Email Yahoo"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "car": "Âm thanh xe hơi",
+        "headphones": "Tai nghe",
+        "none": "Không có thiết bị âm thanh nào",
+        "phone": "Điện thoại",
+        "speaker": "Diễn giả"
+    },
+    "audioOnly": {
+        "audioOnly": "Chỉ nghe âm thanh"
+    },
+    "bandwidthSettings": {
+        "assumedBandwidthBps": "ví dụ. 10000000 cho 10 Mb/giây",
+        "assumedBandwidthBpsWarning": "Giá trị cao hơn có thể gây ra sự cố mạng.",
+        "customValue": "giá trị tùy chỉnh",
+        "customValueEffect": "để đặt giá trị bps thực tế",
+        "leaveEmpty": "để trống",
+        "leaveEmptyEffect": "cho phép thực hiện các ước tính",
+        "possibleValues": "Những giá trị khả thi",
+        "setAssumedBandwidthBps": "Băng thông giả định (bps)",
+        "title": "Cài đặt băng thông",
+        "zeroEffect": "để tắt video"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "Thêm phòng nhỏ",
+            "autoAssign": "Tự động chỉ định phòng nhỏ",
+            "close": "Đóng",
+            "join": "Tham gia",
+            "leaveBreakoutRoom": "Rời khỏi phòng nhỏ",
+            "more": "Thêm",
+            "remove": "Xoá",
+            "rename": "Đổi tên",
+            "renameBreakoutRoom": "Đổi tên phòng nhỏ",
+            "sendToBreakoutRoom": "Gửi lời mời tham gia đến:"
+        },
+        "breakoutList": "Danh sách phòng nhỏ",
+        "buttonLabel": "Phòng nhỏ",
+        "defaultName": "Phòng nhỏ #{{index}}",
+        "hideParticipantList": "Ẩn danh sách người tham gia",
+        "mainRoom": "Phòng chính",
+        "notifications": {
+            "joined": "Tham gia phòng nhỏ \"{{name}}\"",
+            "joinedMainRoom": "Vào phòng chính",
+            "joinedTitle": "Phòng Nhỏ"
+        },
+        "showParticipantList": "Hiển thị danh sách người tham gia",
+        "title": "Phòng Nhỏ"
+    },
+    "calendarSync": {
+        "addMeetingURL": "Thêm một liên kết họp",
+        "confirmAddLink": "Bạn có muốn thêm một liên kiết tới sự kiện này?",
+        "error": {
+            "appConfiguration": "Tích hợp lịch chưa được cấu hình đúng.",
+            "generic": "Có lỗi xảy ra. Vui lòng kiểm tra cấu hình lịch hoặc thử làm mới lịch.",
+            "notSignedIn": "Một lỗi xảy ra khi xác thực để xem lịch sự kiện. Vui lòng kiểm tra cấu hình lịch và thử đăng nhập lại."
+        },
+        "join": "Tham gia",
+        "joinTooltip": "Tham gia cuộc họp",
+        "nextMeeting": "Cuộc họp tiếp theo",
+        "noEvents": "Không có sự kiện được lên lịch nào tiếp theo.",
+        "ongoingMeeting": "Cuộc họp đang diễn ra",
+        "permissionButton": "Mở cấu hình",
+        "permissionMessage": "Yêu cầu quyền truy cập lịch để thấy cuộc họp của bạn trên ứng dụng.",
+        "refresh": "Làm mới lịch",
+        "today": "Hôm nay"
+    },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "Chọn thiết bị âm thanh"
+        },
+        "labels": {
+            "buttonLabel": "Chế độ lái xe",
+            "title": "Chế độ lái xe",
+            "videoStopped": "Video của bạn đã bị dừng"
+        }
+    },
+    "chat": {
+        "enter": "Vào phòng",
+        "error": "Lỗi: tin nhắn của bạn \"{{originalText}}\" không được gửi. Nguyên nhân: {{error}}",
+        "fieldPlaceHolder": "Aa",
+        "lobbyChatMessageTo": "Tin nhắn trò chuyện tại sảnh tới {{recipient}}",
+        "message": "Tin nhắn",
+        "messageAccessibleTitle": "{{user}} nói:",
+        "messageAccessibleTitleMe": "Tôi nói:",
+        "messageTo": "Tin nhắn riêng tới {{recipient}}",
+        "messagebox": "Nhập nội dung tin nhắn",
+        "newMessages": "Tin nhắn mới",
+        "nickname": {
+            "popover": "Chọn tên",
+            "title": "Nhập tên của bạn để gửi tin nhắn",
+            "titleWithPolls": "Nhập tên của bạn để gửi tin nhắn"
+        },
+        "noMessagesMessage": "Chưa có tin nhắn nào trong cuộc họp. Bắt đầu một cuộc trò chuyện ở đây!",
+        "privateNotice": "Tin nhắn riêng tới {{recipient}}",
+        "sendButton": "Gửi",
+        "smileysPanel": "Bảng biểu tượng cảm xúc",
+        "tabs": {
+            "chat": "Chat",
+            "polls": "Thăm dò ý kiến"
+        },
+        "title": "Cuộc hội thoại",
+        "titleWithPolls": "Cuộc hội thoại",
+        "you": "bạn"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Cài đặt tiện ích mở rộng của Chrome",
+        "buttonTextEdge": "Cài đặt tiện ích mở rộng của Edge",
+        "close": "Đóng",
+        "dontShowAgain": "Đừng cho tôi xem lại cái này",
+        "installExtensionText": "Cài đặt tiện ích mở rộng để tích hợp Lịch Google và Office 365"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Đang kết nối tới cuộc họp của bạn…"
+    },
+    "connection": {
+        "ATTACHED": "Đã đính kèm",
+        "AUTHENTICATING": "Đang xác thực",
+        "AUTHFAIL": "Xác thực thất bại",
+        "CONNECTED": "Đã kết nối",
+        "CONNECTING": "Đang kết nối",
+        "CONNFAIL": "Kết nối thất bại",
+        "DISCONNECTED": "Đã ngắt kết nối",
+        "DISCONNECTING": "Đang ngắt kết nối",
+        "ERROR": "Lỗi",
+        "FETCH_SESSION_ID": "Đang lấy id phiên…",
+        "GET_SESSION_ID_ERROR": "Nhận lỗi id phiên: {{code}}",
+        "GOT_SESSION_ID": "Lấy id phiên… Xong",
+        "LOW_BANDWIDTH": "Video của {{displayName}} đã bị tắt để tiết kiệm băng thông"
+    },
+    "connectionindicator": {
+        "address": "Địa chỉ:",
+        "audio_ssrc": "SSRC âm thanh:",
+        "bandwidth": "Băng thông:",
+        "bitrate": "Tốc độ:",
+        "bridgeCount": "Máy chủ:",
+        "codecs": "Codecs (A/V): ",
+        "connectedTo": "Đã kết nối tới:",
+        "e2eeVerified": "E2EE đã xác minh:",
+        "framerate": "FPS:",
+        "less": "Hiển thị ít hơn",
+        "localaddress": "Địa chỉ local",
+        "localaddress_plural": "Địa chỉ local",
+        "localport": "Local port:",
+        "localport_plural": "Local ports:",
+        "maxEnabledResolution": "gửi tối đa",
+        "more": "Hiển thị nhiều hơn",
+        "no": "không",
+        "packetloss": "Dữ liệu hỏng:",
+        "participant_id": "ID người tham dự:",
+        "quality": {
+            "good": "Tốt",
+            "inactive": "Đang treo máy",
+            "lost": "Mất kết nối",
+            "nonoptimal": "Không tối ưu",
+            "poor": "Kém chất lượng"
+        },
+        "remoteaddress": "Địa chỉ remote:",
+        "remoteaddress_plural": "Địa chỉ remote:",
+        "remoteport": "Remote port:",
+        "remoteport_plural": "Remote port:",
+        "resolution": "Độ phân giải:",
+        "savelogs": "Lưu logs",
+        "status": "Trạng thái kết nối:",
+        "transport": "Transport:",
+        "transport_plural": "Transports:",
+        "video_ssrc": "Video SSRC:",
+        "yes": "Đồng ý"
+    },
+    "dateUtils": {
+        "earlier": "Sớm hơn",
+        "today": "Hôm nay",
+        "yesterday": "Hôm qua"
+    },
+    "deepLinking": {
+        "appNotInstalled": "Bạn cần ứng dụng {{app}} để tham gia vào cuộc họp này bằng điện thoại.",
+        "description": "Chúng tôi đã yêu cầu chạy cuộc họp trên ứng dụng {{app}}, ứng dụng vẫn không mở? Thử lại hoặc chạy trên trang web.",
+        "descriptionNew": "Không có chuyện gì xảy ra? Chúng tôi đã thử khởi chạy cuộc họp của bạn trong ứng dụng máy tính để bàn {{app}}. <br /><br /> Bạn có thể thử lại hoặc khởi chạy nó trên web.",
+        "descriptionWithoutWeb": "Chúng tôi đã yêu cầu chạy cuộc họp trên ứng dụng {{app}}, ứng dụng vẫn không mở? Hãy thử lại.",
+        "downloadApp": "Tải ứng dụng",
+        "downloadMobileApp": "Tải xuống từ App Store",
+        "ifDoNotHaveApp": "Nếu bạn chưa có ứng dụng:",
+        "ifHaveApp": "Nếu bạn đã có ứng dụng:",
+        "joinInApp": "Tham gia cuộc họp này bằng ứng dụng",
+        "joinInAppNew": "Tham gia vào ứng dụng",
+        "joinInBrowser": "Tham gia trong trình duyệt",
+        "launchMeetingLabel": "Bạn muốn tham gia cuộc họp này bằng cách nào?",
+        "launchWebButton": "Chạy trên trang web",
+        "noDesktopApp": "Bạn không có ứng dụng này?",
+        "noMobileApp": "Bạn không có ứng dụng này?",
+        "or": "VÀ",
+        "termsAndConditions": "Bằng việc tiếp tục, bạn đồng ý với <a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'>điều khoản và điều kiện của chúng tôi.</a>",
+        "title": "Thực hiện cuộc họp trên {{app}}…",
+        "titleNew": "Đang khởi động cuộc họp của bạn…",
+        "tryAgainButton": "Thử lại",
+        "unsupportedBrowser": "Có vẻ như bạn đang sử dụng trình duyệt mà chúng tôi không hỗ trợ."
+    },
+    "defaultLink": "Ví dụ: {{url}}",
+    "defaultNickname": "Ví dụ. Jane Pink",
+    "deviceError": {
+        "cameraError": "Truy cập camera thất bại",
+        "cameraPermission": "Lỗi cấp quyền camera",
+        "microphoneError": "Truy cập micro thất bại",
+        "microphonePermission": "Lỗi cấp quyền micro"
+    },
+    "deviceSelection": {
+        "hid": {
+            "callControl": "Kiểm soát cuộc gọi",
+            "connectedDevices": "Các thiết bị đã được kết nối:",
+            "deleteDevice": "Xoá thiết bị",
+            "pairDevice": "Ghép nối thiết bị"
+        },
+        "noPermission": "Không được cấp quyền",
+        "previewUnavailable": "Xem trước không khả dụng",
+        "selectADevice": "Chọn một thiết bị",
+        "testAudio": "Phát thử âm thanh"
+    },
+    "dialIn": {
+        "screenTitle": "Tóm tắt"
+    },
+    "dialOut": {
+        "statusMessage": "hiện đang {{status}}"
+    },
+    "dialog": {
+        "Back": "Quay lại",
+        "Cancel": "Hủy",
+        "IamHost": "Mình là quản trị viên",
+        "Ok": "Đồng ý",
+        "Remove": "Xóa",
+        "Share": "Chia sẻ",
+        "Submit": "Đăng ký",
+        "WaitForHostMsg": "Cuộc họp chưa được bắt đầu. Nếu bạn là quản trị viên vui lòng xác thực. Nếu không, vui lòng đợi quản trị viên.",
+        "WaitingForHost": "Đang đợi quản trị viên…",
+        "WaitingForHostButton": "Chờ người điều hành",
+        "WaitingForHostTitle": "Chờ người điều hành…",
+        "Yes": "Có",
+        "accessibilityLabel": {
+            "Cancel": "Hủy (rời khỏi hộp thoại)",
+            "Ok": "OK (lưu và thoát khỏi hộp thoại)",
+            "close": "Đóng hộp thoại",
+            "liveStreaming": "Phát trực tuyến",
+            "sharingTabs": "Lựa chọn chia sẻ"
+        },
+        "add": "Thêm",
+        "addMeetingNote": "Thêm ghi chú về cuộc họp này",
+        "addOptionalNote": "Thêm ghi chú (tùy chọn):",
+        "allow": "Cho phép",
+        "allowToggleCameraDialog": "Bạn có cho phép {{initiatorName}} chuyển đổi chế độ quay mặt vào máy ảnh của mình không?",
+        "allowToggleCameraTitle": "Cho phép chuyển đổi camera?",
+        "alreadySharedVideoMsg": "Một người tham gia khác đã chia sẻ video. Hội nghị này chỉ cho phép một video được chia sẻ tại một thời điểm.",
+        "alreadySharedVideoTitle": "Chỉ một người được chia sẻ video đồng thời.",
+        "applicationWindow": "Cửa sổ ứng dụng",
+        "authenticationRequired": "Yêu cầu xác thực",
+        "cameraConstraintFailedError": "Camera của bạn không đáp ứng được một số yêu cầu bắt buộc.",
+        "cameraNotFoundError": "Không tìm thấy camera.",
+        "cameraNotSendingData": "Không truy cập được camera của bạn. Kiểm tra xem có ứng dung khác đang sử dụng camera không, hoặc chọn một camera khác trong phần cài đặt, hay tải lại ứng dụng",
+        "cameraNotSendingDataTitle": "Không truy cập được camera",
+        "cameraPermissionDeniedError": "Bạn chưa cho phép sử dụng camera của mình. Bạn vẫn có thể tham gia cuộc họp nhưng những người khác sẽ không nhìn thấy bạn. Sử dụng nút camera trên thanh điều hướng để sửa lỗi này.",
+        "cameraTimeoutError": "Không thể bắt đầu nguồn video. Đã hết thời gian chờ!",
+        "cameraUnknownError": "Không thể sử dụng camera vì một lý do không xác định.",
+        "cameraUnsupportedResolutionError": "Camera của bạn không hỗ trợ độ phân giải video yêu cầu.",
+        "close": "Đóng",
+        "conferenceDisconnectMsg": "Bạn có thể cần kiểm tra kết nối mạng của mình. Đang kết nối lại trong {{seconds}} giây…",
+        "conferenceDisconnectTitle": "Bạn đã bị ngắt kết nối.",
+        "conferenceReloadMsg": "Chúng tôi đang cố gắng sửa lỗi này. Đang kết nối lại trong {{seconds}} giây…",
+        "conferenceReloadTitle": "Thật không may, đã có lỗi xảy ra.",
+        "confirm": "Xác nhận",
+        "confirmNo": "Không",
+        "confirmYes": "Có",
+        "connectError": "Rất tiếc! Đã xảy ra sự cố và chúng tôi không thể kết nối với cuộc họp.",
+        "connectErrorWithMsg": "Rất tiếc! Đã xảy ra sự cố và chúng tôi không thể kết nối với cuộc họp. Nguyên nhân: {{msg}}",
+        "connecting": "Đang kết nối",
+        "contactSupport": "Liên hệ hỗ trợ kỹ thuật",
+        "copied": "Đã sao chép",
+        "copy": "Sao chép",
+        "demoteParticipantDialog": "Bạn có chắc chắn muốn chuyển người tham gia này thành khách truy cập không?",
+        "demoteParticipantTitle": "Di chuyển đến khách truy cập",
+        "dismiss": "Hủy",
+        "displayNameRequired": "Xin chào! Bạn tên là gì?",
+        "done": "Xong",
+        "e2eeDescription": "Mã hóa end-to-end vẫn đang trong giai đoạn THỬ NGHIỆM. Vui lòng lưu ý rằng việc kích hoạt mã hóa end-to-end sẽ tắt một số tính năng trên máy chủ bao gồm: ghi hình, phát trực tiếp và tham gia cuộc họp từ điện thoại. Đồng thời vui lòng lưu ý rằng chỉ có thể tham dự cuộc họp từ các trình duyệt có hỗ trợ nhúng luồng.",
+        "e2eeDisabledDueToMaxModeDescription": "Không thể bật Mã hóa đầu cuối do số lượng lớn người tham gia hội nghị.",
+        "e2eeLabel": "Kích hoạt mã hóa end-to-end",
+        "e2eeWarning": " CẢNH BÁO: Có vẻ không phải phải tất cả mọi người trong cuộc họp này đều hỗ trợ mã hóa end-to-end. Nếu bạn kích hoạt nó, họ sẽ có thể không còn nghe hoặc thấy gì nữa.",
+        "e2eeWillDisableDueToMaxModeDescription": "Không thể bật Mã hóa đầu cuối do số lượng lớn người tham gia hội nghị.",
+        "embedMeeting": "Nhúng cuộc họp",
+        "enterDisplayName": "Nhập tên của bạn",
+        "error": "Lỗi",
+        "gracefulShutdown": "Dịch vụ của chúng tôi hiện đang bảo trì. Vui lòng thử lại sau.",
+        "grantModeratorDialog": "Bạn có thực sự muốn cấp quyền quản trị cho người này?",
+        "grantModeratorTitle": "Cấp quyền điều hành",
+        "hide": "Ẩn",
+        "hideShareAudioHelper": "Không hiển thị lại hộp thoại này",
+        "incorrectPassword": "Tên người dùng hoặc mật khẩu không đúng",
+        "incorrectRoomLockPassword": "Mật khẩu không đúng",
+        "internalError": "Đã có lỗi xảy ra. Chi tiết: {{error}}",
+        "internalErrorTitle": "Lỗi cục bộ",
+        "kickMessage": "Bạn có thể liên hệ với {{participantDisplayName}} để biết thêm chi tiết.",
+        "kickParticipantButton": "Đuổi ra",
+        "kickParticipantDialog": "Bạn có chắc muốn đuổi người này ra?",
+        "kickParticipantTitle": "Tắt tiếng của người tham dự này?",
+        "kickTitle": "Ôi! {{Participant Display Name}} đã đuổi bạn ra khỏi cuộc họp",
+        "linkMeeting": "Liên kết cuộc họp",
+        "linkMeetingTitle": "Liên kết cuộc họp với Salesforce",
+        "liveStreaming": "Phát trực tuyến",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "Không thể thực hiện được khi đang ghi âm",
+        "localUserControls": "Kiểm soát người dùng cục bộ",
+        "lockMessage": "Khóa cuộc họp thất bại.",
+        "lockRoom": "Thêm cuộc họp $t(lockRoomPassword)",
+        "lockTitle": "Khóa thất bại",
+        "login": "Đăng nhập",
+        "loginQuestion": "Bạn có chắc chắn muốn đăng nhập và rời khỏi hội nghị?",
+        "logoutQuestion": "Bạn có chắc chắn muốn đăng xuất và dừng cuộc họp?",
+        "logoutTitle": "Đăng xuất",
+        "maxUsersLimitReached": "Đã đạt đến giới hạn số lượng người tham gia tối đa. Hội nghị đã đầy. Vui lòng liên hệ với chủ cuộc họp hoặc thử lại sau!",
+        "maxUsersLimitReachedTitle": "Đã đạt đến giới hạn người tham gia tối đa",
+        "micConstraintFailedError": "Micro của bạn không đáp ứng được một số yêu cầu bắt buộc.",
+        "micNotFoundError": "Không tìm thấy micro.",
+        "micNotSendingData": "Đi tới phần cài đặt trên máy tính của bạn để bật tiếng micrô và điều chỉnh mức độ của micrô",
+        "micNotSendingDataTitle": "Micrô của bạn bị tắt tiếng do cài đặt hệ thống của bạn",
+        "micPermissionDeniedError": "Bạn chưa cấp phép sử dụng micro của bạn. Bạn vẫn có thể tham gia hội nghị nhưng những người khác sẽ không nghe thấy bạn. Sử dụng nút micro trên thanh điều hướng để sửa lỗi này.",
+        "micTimeoutError": "Không thể khởi động nguồn âm thanh. Đã hết thời gian chờ!",
+        "micUnknownError": "Không thể sử dụng micro vì một lý do không xác định.",
+        "moderationAudioLabel": "Cho phép người tham dự tự bật tiếng",
+        "moderationVideoLabel": "Cho phép người tham dự bắt đầu video của họ",
+        "muteEveryoneDialog": " Bạn có thực sự muốn tắt tiếng tất cả mọi người? Bạn sẽ không thể bật lại tiếng cho họ nhưng họ có thể tự mở tiếng lại bất kỳ lúc nào.",
+        "muteEveryoneDialogModerationOn": "Những người tham gia có thể gửi yêu cầu phát biểu bất cứ lúc nào.",
+        "muteEveryoneElseDialog": "Một khi đã tắt tiếng, bạn không thể bật lại. Nhưng họ có thể tự mở tiếng lại bất kỳ lúc nào.",
+        "muteEveryoneElseTitle": "Tắt tiếng tất cả ngoại trừ {{whom}}?",
+        "muteEveryoneElsesVideoDialog": "Khi camera bị tắt, bạn sẽ không thể bật lại nhưng họ có thể bật lại bất cứ lúc nào.",
+        "muteEveryoneElsesVideoTitle": "Dừng video của mọi người ngoại trừ {{whom}}?",
+        "muteEveryoneSelf": "chính bạn",
+        "muteEveryoneStartMuted": "Mọi người bắt đầu tắt tiếng kể từ bây giờ",
+        "muteEveryoneTitle": "Tắt tiếng tất cả mọi người?",
+        "muteEveryonesVideoDialog": "Bạn có chắc muốn tắt camera của tất cả mọi người? Bạn không thể mở lại camera của người tham dự nhưng họ có thể mở lại bất kỳ lúc nào.",
+        "muteEveryonesVideoDialogModerationOn": "Những người tham gia có thể gửi yêu cầu bật video của họ bất cứ lúc nào.",
+        "muteEveryonesVideoDialogOk": "Vô hiệu",
+        "muteEveryonesVideoTitle": "Tắt camera của tất cả mọi người?",
+        "muteParticipantBody": "Bạn không thể tắt tiếng của họ, nhưng họ có thể tự tắt tiếng bất cứ lúc nào.",
+        "muteParticipantButton": "Tắt tiếng",
+        "muteParticipantsVideoBody": "Bạn không thể bật lại camera, nhưng họ có thể bật lại bất kỳ lúc nào.",
+        "muteParticipantsVideoBodyModerationOn": "Bạn sẽ không thể bật lại máy ảnh và họ cũng vậy.",
+        "muteParticipantsVideoButton": "Tắt camera",
+        "muteParticipantsVideoDialog": "Bạn có chắc chắn muốn tắt máy ảnh của người tham gia này không? Bạn sẽ không thể bật lại camera nhưng họ có thể bật lại bất cứ lúc nào.",
+        "muteParticipantsVideoDialogModerationOn": "Bạn có chắc chắn muốn tắt máy ảnh của người tham gia này không? Bạn sẽ không thể bật lại máy ảnh và họ cũng vậy.",
+        "muteParticipantsVideoTitle": "Tắt camera của người này?",
+        "noDropboxToken": "Không có mã thông báo Dropbox hợp lệ",
+        "password": "Mật khẩu",
+        "passwordLabel": "Cuộc họp đã bị khóa bởi một người tham gia. Vui lòng nhập $t(lockRoomPassword) để tham gia.",
+        "passwordNotSupported": "Phòng họp không hỗ trợ khóa bằng mật khẩu.",
+        "passwordNotSupportedTitle": "t(lockRoomPasswordUppercase) không được hỗ trợ",
+        "passwordRequired": "$t(lockRoomPasswordUppercase) bắt buộc",
+        "permissionCameraRequiredError": "Cần có sự cho phép của máy ảnh để tham gia các hội nghị có video. Vui lòng cấp nó trong Cài đặt",
+        "permissionErrorTitle": "Cần có sự cho phép",
+        "permissionMicRequiredError": "Cần có sự cho phép của micrô để tham gia hội nghị có âm thanh. Vui lòng cấp nó trong Cài đặt",
+        "readMore": "Thêm",
+        "recentlyUsedObjects": "Các đối tượng được sử dụng gần đây của bạn",
+        "recording": "Đang ghi hình",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "Không thể thực hiện được khi luồng trực tiếp đang hoạt động",
+        "rejoinNow": "Tham gia lại ngay",
+        "remoteControlAllowedMessage": "{{user}} đã chấp nhận yêu cầu điều khiển từ xa của bạn!",
+        "remoteControlDeniedMessage": "{{user}} đã từ chối yêu cầu điều khiển từ xa của bạn!",
+        "remoteControlErrorMessage": "Đã xảy ra lỗi khi cố gắng yêu cầu quyền điều khiển từ xa từ {{user}}!",
+        "remoteControlRequestMessage": "Bạn có cho phép {{user}} điều khiển từ xa màn hình của bạn không?",
+        "remoteControlShareScreenWarning": "Lưu ý rằng nếu bạn ấn \"Cho phép\" bạn sẽ chia sẻ màn hình của mình!",
+        "remoteControlStopMessage": "Phiên điều khiển từ xa đã kết thúc!",
+        "remoteControlTitle": "Điều khiển màn hình từ xa",
+        "remoteUserControls": "Điều khiển người dùng từ xa của {{username}}",
+        "removePassword": "Xoá $t(lockRoomPassword)",
+        "removeSharedVideoMsg": "Bạn có chắc chắn muốn xóa video đã chia sẻ của mình không?",
+        "removeSharedVideoTitle": "Xóa video chia sẻ",
+        "renameBreakoutRoomLabel": "Tên phòng",
+        "renameBreakoutRoomTitle": "Đổi tên phòng",
+        "reservationError": "Lỗi hệ thống đặt phòng",
+        "reservationErrorMsg": "Mã lỗi: {{code}}, thông báo: {{msg}}",
+        "retry": "Thử lại",
+        "screenSharingAudio": "Chia sẻ âm thanh",
+        "screenSharingFailed": "Ối! Đã xảy ra lỗi, chúng tôi không thể bắt đầu chia sẻ màn hình!",
+        "screenSharingFailedTitle": "Chia sẻ màn hình không thành công!",
+        "screenSharingPermissionDeniedError": "Không thể truy cập màn hình do lỗi cấp quyền",
+        "searchInSalesforce": "Tìm kiếm trong Salesforce",
+        "searchResults": "Kết quả tìm kiếm({{count}})",
+        "searchResultsDetailsError": "Đã xảy ra lỗi khi truy xuất dữ liệu chủ sở hữu.",
+        "searchResultsError": "Đã xảy ra lỗi khi truy xuất dữ liệu.",
+        "searchResultsNotFound": "Không tìm thấy kết quả tìm kiếm nào.",
+        "searchResultsTryAgain": "Hãy thử sử dụng các từ khóa thay thế.",
+        "sendPrivateMessage": "Gần đây bạn đã nhận được một tin nhắn riêng tư. Bạn có ý định trả lời câu hỏi đó một cách riêng tư hay bạn muốn gửi tin nhắn của mình đến nhóm?",
+        "sendPrivateMessageCancel": "Gửi tới nhóm",
+        "sendPrivateMessageOk": "Gửi riêng?",
+        "sendPrivateMessageTitle": "Gửi riêng?",
+        "serviceUnavailable": "Dịch vụ không khả dụng",
+        "sessTerminated": "Cuộc gọi kết thúc",
+        "sessTerminatedReason": "Cuộc họp đã kết thúc",
+        "sessionRestarted": "Cuộc gọi được khởi động lại do sự cố kết nối.",
+        "shareAudio": "Tiếp tục",
+        "shareAudioAltText": "để chia sẻ nội dung mong muốn, hãy điều hướng đến \"Tab trình duyệt\", chọn nội dung, kích hoạt dấu kiểm \"chia sẻ âm thanh\" rồi nhấp vào nút \"chia sẻ\"",
+        "shareAudioTitle": "Cách chia sẻ âm thanh",
+        "shareAudioWarningD1": "bạn cần dừng chia sẻ màn hình trước khi chia sẻ âm thanh của mình.",
+        "shareAudioWarningD2": "bạn cần khởi động lại tính năng chia sẻ màn hình của mình và chọn tùy chọn \"chia sẻ âm thanh\".",
+        "shareAudioWarningH1": "Nếu bạn chỉ muốn chia sẻ âm thanh:",
+        "shareAudioWarningTitle": "Bạn cần dừng chia sẻ màn hình trước khi chia sẻ âm thanh",
+        "shareMediaWarningGenericH2": "Nếu bạn muốn chia sẻ màn hình và âm thanh của mình",
+        "shareScreenWarningD1": "bạn cần dừng chia sẻ âm thanh trước khi chia sẻ màn hình của mình.",
+        "shareScreenWarningD2": "bạn cần dừng chia sẻ âm thanh, bắt đầu chia sẻ màn hình và chọn tùy chọn \"chia sẻ âm thanh\".",
+        "shareScreenWarningH1": "Nếu bạn chỉ muốn chia sẻ màn hình của mình:",
+        "shareScreenWarningTitle": "Bạn cần dừng chia sẻ âm thanh trước khi chia sẻ màn hình của mình",
+        "shareVideoLinkError": "Vui lòng cung cấp liên kết chính xác.",
+        "shareVideoTitle": "Chia sẻ video",
+        "shareYourScreen": "Chia sẻ màn hình của bạn",
+        "shareYourScreenDisabled": "Chia sẻ màn hình đã tắt.",
+        "sharedVideoDialogError": "Lỗi: URL không hợp lệ",
+        "sharedVideoLinkPlaceholder": "Liên kết YouTube hoặc liên kết video trực tiếp",
+        "show": "Hiển thị",
+        "start": "Bắt đầu",
+        "startLiveStreaming": "Bắt đầu phát trực tuyến",
+        "startRecording": "Bắt đầu ghi hình",
+        "startRemoteControlErrorMessage": "Có lỗi khi thử khởi động phiên điều khiển từ xa",
+        "stopLiveStreaming": "Dừng phát trực tuyến",
+        "stopRecording": "Dừng ghi hình",
+        "stopRecordingWarning": "Bạn có chắc chắn muốn dừng ghi hình không?",
+        "stopStreamingWarning": "Bạn có chắc chắn muốn dừng phát trực tuyến?",
+        "streamKey": "Mã phát trực tuyến",
+        "thankYou": "Cám ơn bạn đã sử dụng {{appName}}!",
+        "token": "mã thông báo",
+        "tokenAuthFailed": "Rất tiếc, bạn không được phép tham gia cuộc gọi này.",
+        "tokenAuthFailedReason": {
+            "audInvalid": "Giá trị `aud` không hợp lệ. Nó nên là `jitsi`.",
+            "contextNotFound": "Đối tượng `context` bị thiếu trong dữ liệu đầu vào.",
+            "expInvalid": "Giá trị `exp` không hợp lệ.",
+            "featureInvalid": "Tính năng không hợp lệ: {{feature}}, có khả năng chưa được triển khai.",
+            "featureValueInvalid": "Giá trị không hợp lệ cho tính năng: {{feature}}.",
+            "featuresNotFound": "Đối tượng `features` bị thiếu trong dữ liệu đầu vào.",
+            "headerNotFound": "Thiếu phần tiêu đề.",
+            "issInvalid": "Giá trị `iss` không hợp lệ. Nó nên là `chat`.",
+            "kidMismatch": "Khóa ID (kid) không khớp với sub.",
+            "kidNotFound": "Thiếu Khóa ID (kid).",
+            "nbfFuture": "Giá trị `nbf` ở trong tương lai.",
+            "nbfInvalid": "Giá trị `nbf` không hợp lệ.",
+            "payloadNotFound": "Thiếu dữ liệu đầu vào.",
+            "tokenExpired": "Token đã hết hạn."
+        },
+        "tokenAuthFailedTitle": "Xác thực thất bại",
+        "tokenAuthFailedWithReasons": "Rất tiếc, bạn không được phép tham gia cuộc gọi này. Những lý do có thể: {{reason}}",
+        "tokenAuthUnsupported": "URL mã thông báo không được hỗ trợ.",
+        "transcribing": "Đang phiên âm",
+        "unlockRoom": "Xóa cuộc họp $t(lockRoomPassword)",
+        "user": "Người dùng",
+        "userIdentifier": "Mã định danh người dùng",
+        "userPassword": "mật khẩu người dùng",
+        "verifyParticipantConfirm": "Họ khớp nhau",
+        "verifyParticipantDismiss": "Họ không khớp nhau",
+        "verifyParticipantQuestion": "THỬ NGHIỆM: Hỏi người tham gia {{participantName}} xem họ có thấy cùng nội dung, theo cùng thứ tự không.",
+        "verifyParticipantTitle": "Xác nhận người dùng",
+        "videoLink": "Liên kết video",
+        "viewUpgradeOptions": "Xem các tùy chọn nâng cấp",
+        "viewUpgradeOptionsContent": "Để có quyền truy cập không giới hạn vào các tính năng cao cấp như ghi âm, chuyển văn bản, RTMP Streaming và nhiều tính năng khác, bạn cần nâng cấp gói dịch vụ của mình.",
+        "viewUpgradeOptionsTitle": "Bạn đã phát hiện một tính năng cao cấp!",
+        "whiteboardLimitContent": "Xin lỗi, đã đạt đến giới hạn người dùng bảng trắng đồng thời.",
+        "whiteboardLimitReference": "Để biết thêm thông tin, vui lòng truy cập",
+        "whiteboardLimitReferenceUrl": "trang web của chúng tôi",
+        "whiteboardLimitTitle": "Sử dụng bảng trắng bị hạn chế",
+        "yourEntireScreen": "Toàn bộ màn hình của bạn"
+    },
+    "documentSharing": {
+        "title": "Chia sẻ tài liệu"
+    },
+    "e2ee": {
+        "labelToolTip": "Giao tiếp âm thanh và video trong cuộc gọi này được mã hóa hai đầu"
+    },
+    "embedMeeting": {
+        "title": "Nhúng cuộc họp"
+    },
+    "feedback": {
+        "accessibilityLabel": {
+            "yourChoice": "Lựa chọn của bạn: {{xếp hạng}}"
+        },
+        "average": "Trung bình",
+        "bad": "Kém",
+        "detailsLabel": "Nói với chúng tôi về nó.",
+        "good": "Tốt",
+        "rateExperience": "Vui lòng đánh giá trải nghiệm cuộc họp của bạn.",
+        "star": "Sao",
+        "veryBad": "Rất Kém",
+        "veryGood": "Rất Tốt"
+    },
+    "filmstrip": {
+        "accessibilityLabel": {
+            "heading": "Video thumbnails"
+        }
+    },
+    "giphy": {
+        "noResults": "Không có kết quả nào được tìm thấy :(",
+        "search": "Tìm kiếm GIPHY"
+    },
+    "incomingCall": {
+        "answer": "Trả lời",
+        "audioCallTitle": "Cuộc gọi đến",
+        "decline": "Hủy",
+        "productLabel": "từ DINTE",
+        "videoCallTitle": "Cuộc gọi hình"
+    },
+    "info": {
+        "accessibilityLabel": "Hiện thông tin",
+        "addPassword": "Thêm $t(lockRoomPassword)",
+        "cancelPassword": "Huỷ $t(lockRoomPassword)",
+        "conferenceURL": "Liên kết:",
+        "copyNumber": "Copy số",
+        "country": "Quốc gia",
+        "dialANumber": "Để tham gia cuộc họp của bạn, gọi một trong các số sau và nhập mã.",
+        "dialInConferenceID": "Mã:",
+        "dialInNotSupported": "Xin lỗi, quay số không được hỗ trợ.",
+        "dialInNumber": "Quay số:",
+        "dialInSummaryError": "Lỗi nạp thông tin quay số. Vui lòng thử lại.",
+        "dialInTollFree": "Miễn phí",
+        "genericError": "Lỗi, có gì đó không ổn.",
+        "inviteLiveStream": "Để xem phát trực tuyến cuộc họp này, chọn liên kết: {{url}}",
+        "invitePhone": "Để tham gia bằng điện thoại thay vì đó, nhấn vào đây: {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Bạn đang tìm kiếm một số điện thoại khác?\nXem số điện thoại gọi vào cuộc họp: {{url}}\n\n\nNếu cũng gọi từ điện thoại phòng, tham gia mà không kết nối âm thanh: {{silentUrl}}",
+        "inviteSipEndpoint": "Để tham gia bằng địa chỉ SIP, nhập vào đây: {{sipUri}}",
+        "inviteTextiOSInviteUrl": "Nhấn vào liên kết sau để tham gia: {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "Nếu bạn đang gọi qua điện thoại phòng, sử dụng liên kết này để tham gia mà không kết nối âm thanh: {{silentUrl}}.",
+        "inviteTextiOSPersonal": "{{name}} đang mời bạn tham gia cuộc họp.",
+        "inviteTextiOSPhone": "Để tham gia qua điện thoại, sử dụng số này: {{number}},,{{conferenceID}}#. Nếu bạn đang tìm kiếm số khác, đây là danh sách đầy đủ: {{didUrl}}.",
+        "inviteURLFirstPartGeneral": "Bạn được mời tham gia một cuộc họp.",
+        "inviteURLFirstPartPersonal": "{{name}} mời bạn tham gia một cuộc họp.\n",
+        "inviteURLSecondPart": "\nTham gia cuộc họp:\nin{{url}}\n",
+        "label": "Thông tin cuộc họp",
+        "liveStreamURL": "Phát trực tuyến:",
+        "moreNumbers": "Nhiều số hơn",
+        "noNumbers": "Không có thông tin quay số.",
+        "noPassword": "Không",
+        "noRoom": "Chưa chỉ ra phòng họp để quay số gọi.",
+        "noWhiteboard": "Không thể tải bảng trắng.",
+        "numbers": "Số để quay",
+        "password": "$t(lockRoomPasswordUppercase): ",
+        "reachedLimit": "Bạn đã đạt đến giới hạn kế hoạch của mình.",
+        "sip": "Địa chỉ SIP",
+        "sipAudioOnly": "Địa chỉ chỉ âm thanh SIP",
+        "title": "Chia sẻ",
+        "tooltip": "Chia sẻ liên kết và thông tin quay số của cuộc họp này",
+        "upgradeOptions": "Vui lòng kiểm tra các tùy chọn nâng cấp trên",
+        "whiteboardError": "Lỗi tải bảng trắng. Vui lòng thử lại sau."
+    },
+    "inlineDialogFailure": {
+        "msg": "Chúng tôi đang xảy ra chút lỗi.",
+        "retry": "Thử lại",
+        "support": "Hỗ trợ",
+        "supportMsg": "Nếu vẫn xảy ra, hãy liên hệ với "
+    },
+    "inviteDialog": {
+        "alertText": "Không thể mời một vài người.",
+        "header": "Mời",
+        "searchCallOnlyPlaceholder": "Nhập số điện thoại",
+        "searchPeopleOnlyPlaceholder": "Tìm kiếm người tham gia",
+        "searchPlaceholder": "Người tham gia hoặc số",
+        "send": "Gửi"
+    },
+    "jitsiHome": "{{logo}} Logo, liên kết tới Trang chủ",
+    "keyboardShortcuts": {
+        "focusLocal": "Tập trung vào khung hình của bạn",
+        "focusRemote": "Tập trung vào khung hình của người khác",
+        "fullScreen": "Xem hoặc thoát chế độ toàn màn hình",
+        "giphyMenu": "Chuyển đổi menu GIPHY",
+        "keyboardShortcuts": "Phím tắt",
+        "localRecording": "Hiện hoặc ẩn Kiểm soát ghi hình cục bộ",
+        "mute": "Tắt hoặc bật micro của bạn",
+        "pushToTalk": "Ấn chuông để nói chuyện",
+        "raiseHand": "Giơ hoặc hạ tay",
+        "showSpeakerStats": "Hiển thị thống kê của diễn giả",
+        "toggleChat": "Mở hoặc đóng cuộc hội thoại",
+        "toggleFilmstrip": "Hiện hoặc ẩn hình ảnh thu nhỏ",
+        "toggleParticipantsPane": "Hiển thị hoặc ẩn ngăn người tham gia",
+        "toggleScreensharing": "Chuyển đổi giữa camera và chia sẻ màn hình",
+        "toggleShortcuts": "Hiện hoặc ẩn phím tắt",
+        "videoMute": "Bật hoặc tắt camera của bạn"
+    },
+    "largeVideo": {
+        "screenIsShared": "Bạn đang chia sẻ màn hình",
+        "showMeWhatImSharing": "Cho tôi xem những gì tôi đang chia sẻ"
+    },
+    "liveStreaming": {
+        "busy": "Chúng tôi đang giải phóng tài nguyên streaming. Xin thử lại sau vài phút.",
+        "busyTitle": "Các thiết bị streaming đều đang bận.",
+        "changeSignIn": "Chuyển tài khoản.",
+        "choose": "Chọn một kênh phát trực tuyến",
+        "chooseCTA": "Chọn một tùy chọn trực tuyến. Bạn đang đăng nhập theo email {{email}}.",
+        "enterStreamKey": "Nhập key trực tuyến Youtube của bạn.",
+        "error": "Phát trực tuyến thất bại. Xin vui lòng thử lại.",
+        "errorAPI": "Lỗi xảy ra khi truy cập phát sóng Youtube của bạn. Vui lòng truy cập lại.",
+        "errorLiveStreamNotEnabled": "Phát trực tuyến không được bật với email {{email}}. Vui lòng bật phát trực tuyến hoặc truy cập một tài khoản đã bật phát trực tuyến.",
+        "expandedOff": "Phát trực tuyến đã dừng",
+        "expandedOn": "Cuộc họp đang được phát trên Youtube.",
+        "expandedPending": "Phát trực tuyến đang bắt đầu…",
+        "failedToStart": "Không thể bắt đầu phát trực tuyến",
+        "getStreamKeyManually": "Không thể thu nhận phát trực tuyến nào. Thử lấy mã phát trực tuyến từ Youtube.",
+        "googlePrivacyPolicy": "Chính sách bảo mật của Google",
+        "inProgress": "Đang ghi hoặc phát trực tiếp",
+        "invalidStreamKey": "Mã phát trực tuyến có thể sai.",
+        "limitNotificationDescriptionNative": "Việc phát trực tuyến của bạn sẽ bị giới hạn ở {{limit}} phút. Để phát trực tuyến không giới hạn, hãy thử {{app}}.",
+        "limitNotificationDescriptionWeb": "Do nhu cầu cao, việc phát trực tuyến của bạn sẽ bị giới hạn ở {{limit}} phút. Để phát trực tuyến không giới hạn, hãy thử <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}</a>.",
+        "off": "Phát trực tuyến đã dừng",
+        "offBy": "{{name}} đã dừng ghi",
+        "on": "Phát trực tuyến",
+        "onBy": "{{name}} đã dừng ghi",
+        "pending": "Đang bắt đầu phát trực tuyến…",
+        "serviceName": "Dịch vụ Phát trực tuyến",
+        "sessionAlreadyActive": "Phiên này đã được ghi lại hoặc phát trực tiếp.",
+        "signIn": "Đăng nhập với Google",
+        "signInCTA": "Đăng nhập hoặc nhập key phát trực tuyến từ Youtube.",
+        "signOut": "Đăng xuất",
+        "signedInAs": "Bạn đang đăng nhập theo:",
+        "start": "Bắt đầu phát trực tuyến",
+        "streamIdHelp": "Đây là gì?",
+        "title": "Phát trực tuyến",
+        "unavailableTitle": "Không thể hát trực tuyến",
+        "youtubeTerms": "Điều khoản dịch vụ của YouTube"
+    },
+    "lobby": {
+        "backToKnockModeButton": "Yêu cầu tham gia",
+        "chat": "Trò chuyện",
+        "dialogTitle": "Chế độ phòng chờ",
+        "disableDialogContent": "Chế độ phòng chờ hiện đang được kích hoạt. Tính năng này đảm bảo rằng các thành viên không mong muốn không thể tham gia cuộc họp của bạn. Bạn có muốn tắt nó?",
+        "disableDialogSubmit": "Tắt",
+        "emailField": "Nhập địa chỉ email của bạn",
+        "enableDialogPasswordField": "Thiết lập mật khẩu (tùy chọn)",
+        "enableDialogSubmit": "Bật",
+        "enableDialogText": "Chế độ phòng chờ cho phép bạn bảo vệ cuộc họp của mình bằng cách chỉ cho phép mọi người tham gia sau khi được một người điều hành chấp thuận một cách chính thức.",
+        "enterPasswordButton": "Nhập mật khẩu cuộc họp",
+        "enterPasswordTitle": "Nhập mật khẩu để tham gia cuộc họp",
+        "errorMissingPassword": "Vui lòng nhập mật khẩu cuộc họp",
+        "invalidPassword": "Mật khẩu không hợp lệ",
+        "joinRejectedMessage": "Yêu cầu tham gia của bạn đã bị từ chối bởi một người điều hành.",
+        "joinRejectedTitle": "Yêu cầu tham gia bị từ chối.",
+        "joinTitle": "Tham gia cuộc họp",
+        "joinWithPasswordMessage": "Đang cố gắng tham gia với mật khẩu, vui lòng đợi…",
+        "joiningMessage": "Bạn sẽ tham gia cuộc họp ngay khi có ai đó chấp nhận yêu cầu của bạn",
+        "joiningTitle": "Yêu cầu tham gia cuộc họp…",
+        "joiningWithPasswordTitle": "Đang tham gia với mật khẩu…",
+        "knockButton": "Yêu cầu tham gia",
+        "knockTitle": "Một ai đó muốn tham gia cuộc họp",
+        "knockingParticipantList": "Danh sách người yêu cầu tham gia",
+        "lobbyChatStartedNotification": "{{moderator}} đã bắt đầu một trò chuyện phòng chờ với {{attendee}}",
+        "lobbyChatStartedTitle": "{{moderator}} đã bắt đầu một trò chuyện phòng chờ với bạn.",
+        "lobbyClosed": "Phòng chờ đã được đóng.",
+        "nameField": "Nhập tên của bạn",
+        "notificationLobbyAccessDenied": "{{targetParticipantName}} đã bị từ chối tham gia bởi {{originParticipantName}}",
+        "notificationLobbyAccessGranted": "{{targetParticipantName}} đã được phép tham gia bởi {{originParticipantName}}",
+        "notificationLobbyDisabled": "Phòng chờ đã được tắt bởi {{originParticipantName}}",
+        "notificationLobbyEnabled": "Phòng chờ đã được bật bởi {{originParticipantName}}",
+        "notificationTitle": "Phòng chờ",
+        "passwordJoinButton": "Tham gia",
+        "title": "Phòng chờ",
+        "toggleLabel": "Kích hoạt phòng chờ"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Tắt",
+            "on": "Bật",
+            "unknown": "Không rõ"
+        },
+        "dialogTitle": "Kiểm soát ghi hình cục bộ",
+        "duration": "Thời lượng",
+        "durationNA": "Không",
+        "encoding": "Mã hóa",
+        "label": "Ghi hình",
+        "labelToolTip": "Ghi hình cục bộ đang bận",
+        "localRecording": "Ghi hình cục bộ",
+        "me": "Tôi",
+        "messages": {
+            "engaged": "Ghi hình cục bộ đã bận.",
+            "finished": "Phiên ghi hình {{token}} đã kết thúc. Vui lòng gửi tệp ghi hình cho người điều hành.",
+            "finishedModerator": "Phiên ghi hình {{token}} đã kết thúc. Ghi hình cục bộ đã được lưu. Vui lòng hỏi những người tham gia khác để cung cấp ghi hình của họ.",
+            "notModerator": "Bạn không phải người điều hành. Bạn không thể khởi tạo hoặc dừng ghi hình."
+        },
+        "moderator": "Quản trị viên",
+        "no": "Không",
+        "participant": "Người tham dự",
+        "participantStats": "Thống kê người tham dự",
+        "selectTabTitle": "🎥 Vui lòng chọn tab này để ghi âm",
+        "sessionToken": "Mã phiên",
+        "start": "Bắt đầu ghi hình",
+        "stop": "Dừng ghi hình",
+        "stopping": "Đang dừng ghi hình",
+        "wait": "Vui lòng đợi trong khi chúng tôi lưu bản ghi của bạn",
+        "yes": "Có"
+    },
+    "lockRoomPassword": "Mật khẩu",
+    "lockRoomPasswordUppercase": "Mật khẩu",
+    "lonelyMeetingExperience": {
+        "button": "Mời người khác",
+        "youAreAlone": "Chỉ có một mình bạn trong cuộc họp"
+    },
+    "me": "Tôi",
+    "notify": {
+        "OldElectronAPPTitle": "Lỗ hổng bảo mật!",
+        "allowAction": "Cho phép",
+        "allowedUnmute": "Bạn có thể bật âm thanh, bật camera hoặc chia sẻ màn hình của mình.",
+        "audioUnmuteBlockedDescription": "Hoạt động bật âm thanh đã bị tạm thời chặn do giới hạn hệ thống.",
+        "audioUnmuteBlockedTitle": "Chặn việc bật âm thanh!",
+        "chatMessages": "Thông điệp trò chuyện",
+        "connectedOneMember": "{{name}} đã tham gia cuộc họp",
+        "connectedThreePlusMembers": "{{name}} và {{count}} người khác đã tham gia cuộc họp",
+        "connectedTwoMembers": "{{first}} và {{second}} đã tham gia cuộc họp",
+        "dataChannelClosed": "Chất lượng video bị suy giảm",
+        "dataChannelClosedDescription": "Kênh cầu nối đã bị ngắt kết nối và do đó chất lượng video bị giới hạn ở cài đặt thấp nhất.",
+        "disabledIframe": "Nhúng chỉ dành cho mục đích thử nghiệm, cuộc gọi này sẽ ngắt kết nối sau {{timeout}} phút.",
+        "disabledIframeSecondary": "Nhúng {{domain}} chỉ dành cho mục đích thử nghiệm, cuộc gọi này sẽ ngắt kết nối sau {{timeout}} phút. Vui lòng sử dụng <a href='{{jaasDomain}}' rel='noopener noreferrer' target='_blank'>Jitsi as a Service</a> cho việc nhúng vào sản xuất!",
+        "disconnected": "đã ngắt kết nối",
+        "displayNotifications": "Hiển thị thông báo cho",
+        "dontRemindMe": "Đừng nhắc tôi",
+        "focus": "Cuộc họp tập trung",
+        "focusFail": "{{component}} không khả dụng - thử lại trong {{ms}} giây",
+        "gifsMenu": "GIPHY",
+        "groupTitle": "Thông báo",
+        "hostAskedUnmute": "Người điều hành muốn bạn nói chuyện",
+        "invitedOneMember": "{{name}} đã được mời",
+        "invitedThreePlusMembers": "{{name}} và {{count}} người khác đã được mời",
+        "invitedTwoMembers": "{{first}} và {{second}} đã được mời",
+        "joinMeeting": "Tham gia",
+        "kickParticipant": "{{kicked}} đã bị đá bởi {{kicker}}",
+        "leftOneMember": "{{name}} đã rời khỏi cuộc họp",
+        "leftThreePlusMembers": "{{name}} và nhiều người khác đã rời khỏi cuộc họp",
+        "leftTwoMembers": "{{first}} và {{second}} đã rời khỏi cuộc họp",
+        "linkToSalesforce": "Liên kết với Salesforce",
+        "linkToSalesforceDescription": "Bạn có thể liên kết tóm tắt cuộc họp với một đối tượng Salesforce.",
+        "linkToSalesforceError": "Không thể liên kết cuộc họp với Salesforce",
+        "linkToSalesforceKey": "Liên kết cuộc họp này",
+        "linkToSalesforceProgress": "Đang liên kết cuộc họp với Salesforce…",
+        "linkToSalesforceSuccess": "Cuộc họp đã được liên kết với Salesforce",
+        "localRecordingStarted": "{{name}} đã bắt đầu ghi âm cục bộ.",
+        "localRecordingStopped": "{{name}} đã dừng ghi âm cục bộ.",
+        "me": "Tôi",
+        "moderationInEffectCSDescription": "Vui lòng giơ tay nếu bạn muốn chia sẻ màn hình của mình.",
+        "moderationInEffectCSTitle": "Chia sẻ màn hình bị chặn bởi người điều hành",
+        "moderationInEffectDescription": "Vui lòng giơ tay nếu bạn muốn nói chuyện.",
+        "moderationInEffectTitle": "Micro của bạn đã được tắt bởi người điều hành",
+        "moderationInEffectVideoDescription": "Vui lòng giơ tay nếu bạn muốn bật camera của mình.",
+        "moderationInEffectVideoTitle": "Camera của bạn bị chặn bởi người điều hành",
+        "moderationRequestFromModerator": "Người điều hành muốn bạn bật âm thanh",
+        "moderationRequestFromParticipant": "Muốn nói chuyện",
+        "moderationStartedTitle": "Bắt đầu kiểm duyệt",
+        "moderationStoppedTitle": "Dừng kiểm duyệt",
+        "moderationToggleDescription": "bởi {{participantDisplayName}}",
+        "moderator": "Quyền quản trị viên đã được cấp!",
+        "muted": "Bạn đã bắt đầu cuộc trò chuyện bị tắt tiếng.",
+        "mutedRemotelyDescription": "Bạn luôn có thể bật âm thanh khi bạn sẵn sàng nói chuyện. Tắt âm lại khi bạn hoàn tất để giữ cho cuộc họp không bị ồn ào.",
+        "mutedRemotelyTitle": "Bạn đã bị tắt âm bởi {{participantDisplayName}}",
+        "mutedTitle": "Bạn bị tắt tiếng!",
+        "newDeviceAction": "Sử dụng",
+        "newDeviceAudioTitle": "Thiết bị âm thanh mới được phát hiện",
+        "newDeviceCameraTitle": "Thiết bị camera mới được phát hiện",
+        "noiseSuppressionDesktopAudioDescription": "Không thể kích hoạt chế độ chống ồn khi chia sẻ âm thanh máy tính, vui lòng tắt chế độ này và thử lại.",
+        "noiseSuppressionFailedTitle": "Không thể bắt đầu chế độ chống ồn",
+        "noiseSuppressionStereoDescription": "Hiện không hỗ trợ chế độ chống ồn âm thanh stereo.",
+        "oldElectronClientDescription1": "Bạn dường như đang sử dụng một phiên bản cũ của ứng dụng Jitsi Meet có lỗ hổng bảo mật đã biết. Vui lòng đảm bảo bạn cập nhật lên ",
+        "oldElectronClientDescription2": "bản mới nhất",
+        "oldElectronClientDescription3": " ngay!",
+        "participantWantsToJoin": "Muốn tham gia cuộc họp",
+        "participantsWantToJoin": "Muốn tham gia cuộc họp",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) đã bị xóa bởi một người tham gia khác",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) đã được thiết lập bởi một người tham gia khác",
+        "raiseHandAction": "Giơ tay",
+        "raisedHand": "{{name}} muốn phát biểu.",
+        "raisedHands": "{{participantName}} và {{raisedHands}} người nữa đã giơ tay",
+        "reactionSounds": "Tắt âm",
+        "reactionSoundsForAll": "Tắt âm cho tất cả",
+        "screenShareNoAudio": "Khung chia sẻ âm thanh không được chọn trong màn hình lựa chọn cửa sổ.",
+        "screenShareNoAudioTitle": "Không thể chia sẻ âm thanh hệ thống!",
+        "screenSharingAudioOnlyDescription": "Vui lòng lưu ý rằng khi bạn chia sẻ màn hình của mình, bạn đang ảnh hưởng đến chế độ \"Hiệu suất tốt nhất\" và bạn sẽ sử dụng nhiều băng thông hơn.",
+        "screenSharingAudioOnlyTitle": "Chế độ \"Hiệu suất tốt nhất\"",
+        "selfViewTitle": "Bạn luôn có thể hiển thị lại tự xem từ cài đặt",
+        "somebody": "Ai đó",
+        "startSilentDescription": "Tham gia lại cuộc họp để bật âm thanh",
+        "startSilentTitle": "Bạn đã tham gia mà không có đầu ra âm thanh!",
+        "suboptimalBrowserWarning": "Chúng tôi rất tiếc về việc trải nghiệm cuộc họp của bạn ở đây không thể tốt hơn. Chúng tôi đang tìm cách cải thiện điều này, nhưng trong lúc đó vui lòng thử sử dụng một trong số <a href='{{recommendedBrowserPageLink}}' target='_blank'>các trình duyệt được hỗ trợ đầy đủ</a>.",
+        "suboptimalExperienceTitle": "Cảnh báo trình duyệt",
+        "suggestRecordingAction": "Bắt đầu",
+        "suggestRecordingDescription": "Bạn có muốn bắt đầu một cuộc ghi âm không?",
+        "suggestRecordingTitle": "Ghi lại cuộc họp này",
+        "unmute": "Bật âm",
+        "videoMutedRemotelyDescription": "Bạn luôn có thể bật lại.",
+        "videoMutedRemotelyTitle": "Video của bạn đã bị tắt bởi {{participantDisplayName}}",
+        "videoUnmuteBlockedDescription": "Hoạt động bật camera và chia sẻ màn hình máy tính đã bị tạm thời chặn do giới hạn hệ thống.",
+        "videoUnmuteBlockedTitle": "Chặn hoạt động bật camera và chia sẻ màn hình!",
+        "viewLobby": "Xem phòng chờ",
+        "viewVisitors": "Xem khách thăm",
+        "waitingParticipants": "{{waitingParticipants}} người",
+        "whiteboardLimitDescription": "Vui lòng lưu tiến độ của bạn, vì giới hạn người dùng sẽ sớm được đạt và bảng trắng sẽ đóng.",
+        "whiteboardLimitTitle": "Sử dụng bảng trắng"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "Cho phép",
+            "admitAll": "Cho phép tất cả",
+            "allow": "Cho phép người tham dự:",
+            "allowVideo": "Cho phép video",
+            "askUnmute": "Yêu cầu bật tiếng",
+            "audioModeration": "Tự mở micro",
+            "blockEveryoneMicCamera": "Chặn mic và camera của tất cả mọi người",
+            "breakoutRooms": "Phòng riêng",
+            "invite": "Mời người tham dự",
+            "moreModerationActions": "Các tùy chọn kiểm duyệt khác",
+            "moreModerationControls": "Các điều khiển kiểm duyệt khác",
+            "moreParticipantOptions": "Các tùy chọn tham gia khác",
+            "mute": "Tắt tiếng",
+            "muteAll": "Tắt tiếng tất cả mọi người",
+            "muteEveryoneElse": "Tắt tiếng tất cả những người khác",
+            "reject": "Từ chối",
+            "stopEveryonesVideo": "Tắt hình của tất cả mọi người",
+            "stopVideo": "Tắt hình",
+            "unblockEveryoneMicCamera": "Mở khóa camera và micro của tất cả mọi người",
+            "videoModeration": "Bắt đầu video của họ"
+        },
+        "close": "Đóng",
+        "headings": {
+            "lobby": "Phòng chờ ({{count}})",
+            "participantsList": "Những người tham dự ({{count}})",
+            "visitorRequests": "(yêu cầu {{count}})",
+            "visitors": "Số lượt truy cập {{count}}",
+            "waitingLobby": "Đang đợi ở phòng chờ ({{count}})"
+        },
+        "search": "Tìm kiếm người tham gia",
+        "title": "Người tham gia"
+    },
+    "passwordDigitsOnly": "Tối đa {{number}} chữ số",
+    "passwordSetRemotely": "được thiết lập bởi một người khác",
+    "pinParticipant": "{{participantName}} - Ghim",
+    "pinnedParticipant": "Người tham gia đã được ghim",
+    "polls": {
+        "answer": {
+            "skip": "Bỏ qua",
+            "submit": "Gửi"
+        },
+        "by": "Bởi {{ name }}",
+        "create": {
+            "addOption": "Thêm tùy chọn",
+            "answerPlaceholder": "Tùy chọn {{index}}",
+            "cancel": "Hủy",
+            "create": "Tạo bình chọn",
+            "pollOption": "Tùy chọn bình chọn {{index}}",
+            "pollQuestion": "Câu hỏi bình chọn",
+            "questionPlaceholder": "Hỏi một câu hỏi",
+            "removeOption": "Xóa tùy chọn",
+            "send": "Gửi"
+        },
+        "errors": {
+            "notUniqueOption": "Tùy chọn phải là duy nhất"
+        },
+        "notification": {
+            "description": "Mở tab bình chọn để bình chọn",
+            "title": "Một bình chọn mới đã được thêm vào cuộc họp này"
+        },
+        "results": {
+            "changeVote": "Thay đổi phiếu bầu",
+            "empty": "Chưa có bình chọn nào trong cuộc họp. Bắt đầu một cuộc bình chọn tại đây!",
+            "hideDetailedResults": "Ẩn chi tiết",
+            "showDetailedResults": "Hiển thị chi tiết",
+            "vote": "Bỏ phiếu"
+        }
+    },
+    "poweredby": "Được hỗ trợ bởi",
+    "prejoin": {
+        "audioAndVideoError": "Lỗi âm thanh và video:",
+        "audioDeviceProblem": "Có vấn đề với thiết bị âm thanh của bạn",
+        "audioOnlyError": "Lỗi âm thanh:",
+        "audioTrackError": "Không thể tạo track âm thanh.",
+        "callMe": "Gọi cho tôi",
+        "callMeAtNumber": "Gọi cho tôi ở số này:",
+        "calling": "Đang gọi",
+        "configuringDevices": "Đang cấu hình thiết bị…",
+        "connectedWithAudioQ": "Bạn đã kết nối với âm thanh?",
+        "connection": {
+            "good": "Kết nối internet của bạn trông rất tốt!",
+            "nonOptimal": "Kết nối internet của bạn không tối ưu",
+            "poor": "Kết nối internet của bạn kém"
+        },
+        "connectionDetails": {
+            "audioClipping": "Chúng tôi dự kiến âm thanh của bạn sẽ bị cắt.",
+            "audioHighQuality": "Chúng tôi dự kiến âm thanh của bạn sẽ có chất lượng tuyệt vời.",
+            "audioLowNoVideo": "Chúng tôi dự kiến chất lượng âm thanh của bạn sẽ thấp và không có video.",
+            "goodQuality": "Tuyệt vời! Chất lượng phương tiện của bạn sẽ tuyệt vời.",
+            "noMediaConnectivity": "Chúng tôi không thể tìm cách thiết lập kết nối phương tiện cho bài kiểm tra này. Điều này thường là do tường lửa hoặc NAT.",
+            "noVideo": "Chúng tôi dự kiến video của bạn sẽ rất tệ.",
+            "undetectable": "Nếu bạn vẫn không thể thực hiện cuộc gọi trong trình duyệt, chúng tôi khuyến nghị bạn đảm bảo loa, micro và camera của bạn được cài đặt đúng cách, bạn đã cấp quyền cho trình duyệt sử dụng micro và camera của bạn và phiên bản trình duyệt của bạn là mới nhất. Nếu bạn vẫn gặp sự cố khi gọi, bạn nên liên hệ với nhà phát triển ứng dụng web.",
+            "veryPoorConnection": "Chúng tôi dự kiến chất lượng cuộc gọi của bạn sẽ thực sự tệ.",
+            "videoFreezing": "Chúng tôi dự kiến video của bạn sẽ bị đóng băng, đen màn hình và bị pixel.",
+            "videoHighQuality": "Chúng tôi dự kiến video của bạn sẽ có chất lượng tốt.",
+            "videoLowQuality": "Chúng tôi dự kiến video của bạn sẽ có chất lượng thấp về tốc độ khung hình và độ phân giải.",
+            "videoTearing": "Chúng tôi dự kiến video của bạn sẽ bị rối loạn hoặc có hiện tượng nghệ thuật hình ảnh."
+        },
+        "copyAndShare": "Sao chép & chia sẻ liên kết cuộc họp",
+        "dialInMeeting": "Gọi vào cuộc họp",
+        "dialInPin": "Gọi vào cuộc họp và nhập mã PIN:",
+        "dialing": "Đang gọi",
+        "doNotShow": "Không hiển thị màn hình này nữa",
+        "errorDialOut": "Không thể gọi ra",
+        "errorDialOutDisconnected": "Không thể gọi ra. Đã ngắt kết nối",
+        "errorDialOutFailed": "Không thể gọi ra. Cuộc gọi thất bại",
+        "errorDialOutStatus": "Lỗi khi lấy trạng thái gọi ra: {{status}}",
+        "errorMissingName": "Vui lòng nhập tên của bạn để tham gia cuộc họp",
+        "errorNoPermissions": "Bạn cần phải cho phép truy cập vào micro và camera",
+        "errorStatusCode": "Lỗi khi gọi ra, mã trạng thái: {{status}}",
+        "errorValidation": "Xác thực số điện thoại không thành công",
+        "iWantToDialIn": "Tôi muốn gọi vào",
+        "initiated": "Cuộc gọi được khởi tạo",
+        "joinAudioByPhone": "Tham gia với âm thanh điện thoại",
+        "joinMeeting": "Tham gia cuộc họp",
+        "joinMeetingInLowBandwidthMode": "Tham gia ở chế độ băng thông thấp",
+        "joinWithoutAudio": "Tham gia mà không có âm thanh",
+        "keyboardShortcuts": "Kích hoạt phím tắt bàn phím",
+        "linkCopied": "Liên kết đã được sao chép vào clipboard",
+        "lookGood": "Mọi thứ đều hoạt động bình thường",
+        "or": "hoặc",
+        "premeeting": "Trước cuộc họp",
+        "proceedAnyway": "Tiếp tục dù sao",
+        "recordingWarning": "Có thể có người tham gia khác đang ghi lại cuộc gọi này",
+        "screenSharingError": "Lỗi chia sẻ màn hình:",
+        "startWithPhone": "Bắt đầu với âm thanh điện thoại",
+        "unsafeRoomConsent": "Tôi hiểu rủi ro, tôi muốn tham gia cuộc họp",
+        "videoOnlyError": "Lỗi video:",
+        "videoTrackError": "Không thể tạo track video.",
+        "viewAllNumbers": "Xem tất cả các số"
+    },
+    "presenceStatus": {
+        "busy": "Bận",
+        "calling": "Đang gọi…",
+        "connected": "Đã kết nối",
+        "connecting": "Đang kết nối…",
+        "connecting2": "Đang kết nối*…",
+        "disconnected": "Đã ngắt kết nối",
+        "expired": "Hết hạn",
+        "ignored": "Đã bỏ qua",
+        "initializingCall": "Đang tạo cuộc gọi…",
+        "invited": "Đã mời",
+        "rejected": "Đã từ chối",
+        "ringing": "Đang đổ chuông…"
+    },
+    "profile": {
+        "avatar": "Ảnh đại diện",
+        "setDisplayNameLabel": "Nhập tên hiển thị của bạn",
+        "setEmailInput": "Nhập địa chỉ email",
+        "setEmailLabel": "Nhập địa chỉ email tài khoản Gravatar của bạn",
+        "title": "Hồ sơ"
+    },
+    "raisedHand": "Muốn phát biểu",
+    "raisedHandsLabel": "Số lượng tay giơ lên",
+    "record": {
+        "already": {
+            "linked": "Cuộc họp đã được liên kết với đối tượng Salesforce này."
+        },
+        "type": {
+            "account": "Tài khoản",
+            "contact": "Liên hệ",
+            "lead": "Cơ hội",
+            "opportunity": "Cơ hội",
+            "owner": "Chủ sở hữu"
+        }
+    },
+    "recording": {
+        "authDropboxText": "Tải lên Dropbox",
+        "availableSpace": "Dung lượng còn: {{spaceLeft}} MB (khoảng {{duration}} phút ghi hình)",
+        "beta": "Bản thử nghiệm",
+        "busy": "Chương trình đang bận giải phóng tài nguyên thu hình. Xin thử lại sau vài phút.",
+        "busyTitle": "Tất cả các đầu ghi hình hiện đang bận.",
+        "copyLink": "Sao chép liên kết",
+        "error": "Ghi hình không thành công. Vui lòng thử lại.",
+        "errorFetchingLink": "Lỗi khi tìm nạp liên kết ghi âm.",
+        "expandedOff": "Ghi hình đã dừng",
+        "expandedOn": "Cuộc họp đang được ghi hình.",
+        "expandedPending": "Ghi hình đang khởi động…",
+        "failedToStart": "Khởi động ghi hình thất bại",
+        "fileSharingdescription": "Chia sẻ ghi hình với người tham gia họp",
+        "highlight": "Đánh dấu",
+        "highlightMoment": "Đánh dấu khoảnh khắc",
+        "highlightMomentDisabled": "Bạn có thể đánh dấu khoảnh khắc khi ghi âm bắt đầu",
+        "highlightMomentSuccess": "Khoảnh khắc được đánh dấu",
+        "highlightMomentSucessDescription": "Khoảnh khắc bạn đã đánh dấu sẽ được thêm vào tóm tắt cuộc họp.",
+        "inProgress": "Đang ghi âm hoặc phát trực tiếp",
+        "limitNotificationDescriptionNative": "Do nhu cầu cao, ghi âm của bạn sẽ bị giới hạn trong {{limit}} phút. Để có ghi âm không giới hạn, hãy thử <3>{{app}}</3>.",
+        "limitNotificationDescriptionWeb": "Do nhu cầu cao, ghi âm của bạn sẽ bị giới hạn trong {{limit}} phút. Để có ghi âm không giới hạn, hãy thử <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "linkGenerated": "Chúng tôi đã tạo một liên kết đến ghi âm của bạn.",
+        "localRecordingNoNotificationWarning": "Cuộc họp sẽ không được thông báo cho các thành viên khác. Bạn sẽ cần thông báo cho họ biết cuộc họp đang được ghi âm.",
+        "localRecordingNoVideo": "Video không được ghi lại",
+        "localRecordingStartWarning": "Vui lòng đảm bảo bạn dừng ghi âm trước khi thoát khỏi cuộc họp để lưu lại.",
+        "localRecordingStartWarningTitle": "Dừng ghi âm để lưu lại",
+        "localRecordingVideoStop": "Dừng video của bạn cũng sẽ dừng ghi âm cục bộ. Bạn có chắc chắn muốn tiếp tục không?",
+        "localRecordingVideoWarning": "Để ghi lại video của bạn, bạn phải bật nó khi bắt đầu ghi âm",
+        "localRecordingWarning": "Đảm bảo bạn chọn tab hiện tại để sử dụng video và âm thanh đúng cách.",
+        "loggedIn": "Đã đăng nhập dưới tên {{userName}}",
+        "noMicPermission": "Không thể tạo track microphone. Vui lòng cấp quyền sử dụng microphone.",
+        "noStreams": "Không phát hiện luồng âm thanh hoặc video nào.",
+        "off": "Đã ngừng ghi hình",
+        "offBy": "{{name}} đã dừng ghi hình",
+        "on": "Đang ghi hình",
+        "onBy": "{{name}} đã bắt đầu ghi hình",
+        "onlyRecordSelf": "Chỉ ghi lại luồng âm thanh và video của tôi",
+        "pending": "Đang chuẩn bị để ghi hình cuộc họp…",
+        "recordAudioAndVideo": "Ghi âm và video",
+        "recordTranscription": "Ghi chú giọng nói",
+        "saveLocalRecording": "Lưu tệp ghi âm cục bộ (Beta)",
+        "serviceDescription": "Ghi hình của bạn sẽ được lưu bởi dịch vụ ghi hình",
+        "serviceDescriptionCloud": "Ghi âm trên đám mây",
+        "serviceDescriptionCloudInfo": "Cuộc họp được ghi lại sẽ tự động xóa sau 24 giờ kể từ thời gian ghi âm.",
+        "serviceName": "Dịch vụ ghi hình",
+        "sessionAlreadyActive": "Phiên này đã được ghi âm hoặc phát trực tiếp.",
+        "showAdvancedOptions": "Tùy chọn nâng cao",
+        "signIn": "Đăng nhập",
+        "signOut": "Đăng xuất",
+        "surfaceError": "Vui lòng chọn tab hiện tại.",
+        "title": "Đang ghi hình",
+        "unavailable": "Rất tiếc! Dịch vụ {{serviceName}} đang không sẵn sàng. Chúng tôi đang xử lý vấn đề này. Vui lòng thử lại sau.",
+        "unavailableTitle": "Ghi hình không hoạt động.",
+        "uploadToCloud": "Tải lên đám mây"
+    },
+    "screenshareDisplayName": "Màn hình của {{name}}",
+    "sectionList": {
+        "pullToRefresh": "Kéo để làm mới"
+    },
+    "security": {
+        "about": "Bạn có thể thiết lập mật khẩu cho cuộc họp. Người tham dự cần phải nhập mật khẩu trước khi được phép vào phòng họp.",
+        "aboutReadOnly": "Người điều hành cuộc họp có thể thêm một $t(lockRoomPassword) vào cuộc họp. Người tham gia sẽ cần cung cấp $t(lockRoomPassword) trước khi được phép tham gia cuộc họp.",
+        "insecureRoomNameWarningNative": "Tên phòng không an toàn. Người tham gia không mong muốn có thể tham gia cuộc họp của bạn. {{recommendAction}} Tìm hiểu thêm về cách bảo mật cuộc họp của bạn ",
+        "insecureRoomNameWarningWeb": "Tên phòng không an toàn. Người tham gia không mong muốn có thể tham gia cuộc họp của bạn. {{recommendAction}} Tìm hiểu thêm về cách bảo mật cuộc họp của bạn <a href=\"{{securityUrl}}\" rel=\"security\" target=\"_blank\">tại đây</a>.",
+        "title": "Tùy chọn Bảo mật",
+        "unsafeRoomActions": {
+            "meeting": "Cân nhắc bảo mật cuộc họp của bạn bằng cách sử dụng nút bảo mật.",
+            "prejoin": "Cân nhắc sử dụng tên cuộc họp duy nhất hơn.",
+            "welcome": "Cân nhắc sử dụng tên cuộc họp duy nhất hơn, hoặc chọn một trong các gợi ý."
+        }
+    },
+    "settings": {
+        "audio": "Âm thanh",
+        "buttonLabel": "Cài đặt",
+        "calendar": {
+            "about": "{{appName}} tích hợp lịch được sử dụng để truy cập bảo mật lịch để lấy thông tin sự kiện sắp tới.",
+            "disconnect": "Ngắt kết nối",
+            "microsoftSignIn": "Đăng nhập với Microsoft",
+            "signedIn": "Đang truy cập lịch sự kiện của {{email}}. Chọn Ngắt kết nối để dừng truy cập lịch sự kiện.",
+            "title": "Lịch"
+        },
+        "desktopShareFramerate": "Tốc độ khung hình chia sẻ màn hình",
+        "desktopShareHighFpsWarning": "Tốc độ khung hình cao cho việc chia sẻ màn hình có thể ảnh hưởng đến băng thông của bạn. Bạn cần khởi động lại chia sẻ màn hình để cài đặt mới có hiệu lực.",
+        "desktopShareWarning": "Bạn cần khởi động lại chia sẻ màn hình để cài đặt mới có hiệu lực.",
+        "devices": "Thiết bị",
+        "followMe": "Tất cả mọi người theo dõi tôi",
+        "framesPerSecond": "Khung hình mỗi giây",
+        "incomingMessage": "Tin nhắn đang gửi",
+        "language": "Ngôn ngữ",
+        "loggedIn": "Đã đăng nhập dưới tên {{name}}",
+        "maxStageParticipants": "Số lượng người tham gia tối đa có thể được ghim vào sân khấu chính",
+        "microphones": "Micro",
+        "moderator": "Quản trị viên",
+        "moderatorOptions": "Tùy chọn quản trị viên",
+        "more": "Thêm",
+        "name": "Tên",
+        "noDevice": "Không",
+        "notifications": "Thông báo",
+        "participantJoined": "Người tham gia đã tham gia",
+        "participantKnocking": "Người tham gia đã vào phòng chờ",
+        "participantLeft": "Người tham gia đã rời đi",
+        "playSounds": "Phát âm thanh trên",
+        "reactions": "Phản ứng trong cuộc họp",
+        "sameAsSystem": "Giống hệ thống ({{label}})",
+        "selectAudioOutput": "Đầu ra âm thanh",
+        "selectCamera": "Camera",
+        "selectMic": "Micro",
+        "selfView": "Xem tự mình",
+        "shortcuts": "Phím tắt",
+        "speakers": "Loa",
+        "startAudioMuted": "Mọi người bắt đầu đều bị tắt tiếng",
+        "startReactionsMuted": "Tắt âm thanh phản ứng cho mọi người",
+        "startVideoMuted": "Mọi người bắt đầu đều bị ẩn",
+        "talkWhileMuted": "Nói chuyện trong khi tắt tiếng",
+        "title": "Cài đặt",
+        "video": "Hình ảnh"
+    },
+    "settingsView": {
+        "advanced": "Nâng cao",
+        "alertCancel": "Huỷ",
+        "alertOk": "OK",
+        "alertTitle": "Cảnh báo",
+        "alertURLText": "URL máy chủ đã nhập không hợp lệ",
+        "apply": "Áp dụng",
+        "buildInfoSection": "Thông tin phiên bản",
+        "conferenceSection": "Hội nghị",
+        "disableCallIntegration": "Tắt tích hợp cuộc gọi tự nhiên",
+        "disableCrashReporting": "Tắt báo cáo sự cố",
+        "disableCrashReportingWarning": "Bạn có chắc muốn tắt báo cáo sự cố không? Cài đặt sẽ được áp dụng sau khi bạn khởi động lại ứng dụng.",
+        "disableP2P": "Tắt chế độ Peer-To-Peer",
+        "displayName": "Tên hiển thị",
+        "displayNamePlaceholderText": "Vd: John Doe",
+        "email": "Email",
+        "emailPlaceholderText": "email@example.com",
+        "gavatarMessage": "Nếu địa chỉ email của bạn liên kết với một tài khoản Gravatar, chúng tôi sẽ sử dụng nó để hiển thị hình đại diện của bạn.",
+        "goTo": "Đi đến",
+        "header": "Cài đặt",
+        "help": "Trợ giúp",
+        "links": "Liên kết",
+        "privacy": "Quyền riêng tư",
+        "profileSection": "Hồ sơ",
+        "sdkVersion": "Phiên bản SDK",
+        "serverURL": "URL máy chủ",
+        "showAdvanced": "Hiển thị cài đặt nâng cao",
+        "startCarModeInLowBandwidthMode": "Khởi động chế độ ô tô ở chế độ băng thông thấp",
+        "startWithAudioMuted": "Bắt đầu không mở tiếng",
+        "startWithVideoMuted": "Bắt đầu không hiện hình",
+        "terms": "Điều kiện",
+        "version": "Phiên bản"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nChỉ muốn gọi vào bằng điện thoại của bạn?\n\n{{defaultDialInNumber}}Nhấp vào liên kết này để xem số điện thoại gọi vào cho cuộc họp này\n{{dialInfoPageUrl}}",
+        "mainText": "Chọn liên kết dưới để tham gia họp:\n{{roomUrl}}"
+    },
+    "speaker": "Diễn giả",
+    "speakerStats": {
+        "angry": "Tức giận",
+        "disgusted": "Kinh tởm",
+        "displayEmotions": "Hiển thị cảm xúc",
+        "fearful": "Sợ hãi",
+        "happy": "Hạnh phúc",
+        "hours": "{{count}} giờ",
+        "minutes": "{{count}} phút",
+        "name": "Tên",
+        "neutral": "Bình thường",
+        "sad": "Buồn",
+        "search": "Tìm kiếm",
+        "searchHint": "Tìm kiếm người tham gia",
+        "seconds": "{{count}} giây",
+        "speakerStats": "Thống kê về diễn giả",
+        "speakerTime": "Thời gian của diễn giả",
+        "surprised": "Ngạc nhiên"
+    },
+    "startupoverlay": {
+        "genericTitle": "Cuộc họp cần sử dụng microphone và camera của bạn.",
+        "policyText": " ",
+        "title": "{{app}} cần sử dụng micro và camera của bạn."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Tham gia lại",
+        "text": "Bấm nút <i> Tham gia lại </i> để kết nối lại.",
+        "title": "Cuộc họp của bạn bị gián đoạn vì máy tính này chuyển sang trạng thái ngủ."
+    },
+    "termsView": {
+        "title": "Điều kiện"
+    },
+    "toggleTopPanelLabel": "Chuyển đổi bảng trên cùng",
+    "toolbar": {
+        "Settings": "Cài đặt",
+        "accessibilityLabel": {
+            "Settings": "Mở/Đóng Cấu hình",
+            "audioOnly": "Chuyển sang chỉ nghe âm thanh",
+            "audioRoute": "Chọn thiết bị âm thanh",
+            "boo": "Boo",
+            "breakoutRooms": "Phòng nhóm",
+            "callQuality": "Quản lý chất lượng video",
+            "carmode": "Chế độ xe hơi",
+            "cc": "Mở/Đóng phụ đề",
+            "chat": "Mở/Đóng cuộc hội thoại",
+            "clap": "Vỗ tay",
+            "closeChat": "Đóng chat",
+            "closeMoreActions": "Đóng menu hành động khác",
+            "closeParticipantsPane": "Đóng khung người tham gia",
+            "collapse": "Thu gọn",
+            "document": "Mở/Đóng tài liệu được chia sẻ",
+            "documentClose": "Đóng tài liệu được chia sẻ",
+            "documentOpen": "Mở tài liệu được chia sẻ",
+            "download": "Tải xuống ứng dụng của chúng tôi",
+            "embedMeeting": "Nhúng cuộc họp",
+            "endConference": "Kết thúc cuộc họp cho tất cả",
+            "enterFullScreen": "Xem toàn màn hình",
+            "enterTileView": "Vào chế độ xem lưới",
+            "exitFullScreen": "Thoát khỏi chế độ toàn màn hình",
+            "exitTileView": "Thoát khỏi chế độ xem lưới",
+            "expand": "Mở rộng",
+            "feedback": "Để lại phản hồi",
+            "fullScreen": "Bật/Tắt toàn màn hình",
+            "giphy": "menu GIPHY",
+            "grantModerator": "Cấp quyền quản trị",
+            "hangup": "Rời cuộc gọi",
+            "heading": "Thanh công cụ",
+            "help": "Trợ giúp",
+            "hideWhiteboard": "Ẩn bảng",
+            "invite": "Mời người tham gia",
+            "kick": "Đuổi người tham gia ra",
+            "laugh": "Cười",
+            "leaveConference": "Rời khỏi cuộc họp",
+            "like": "Thích",
+            "linkToSalesforce": "Liên kết với Salesforce",
+            "lobbyButton": "Bật/Tắt chế độ sảnh chờ",
+            "localRecording": "Bật/Tắt điều khiển ghi hình cục bộ",
+            "lockRoom": "Mở/Đóng mật khẩu phòng họp",
+            "lowerHand": "Hạ tay xuống",
+            "moreActions": "Xem thêm",
+            "moreActionsMenu": "Menu thêm",
+            "moreOptions": "Hiển thị thêm tùy chọn",
+            "mute": "Bật/Tắt tiếng",
+            "muteEveryone": "Tắt tiếng tất cả mọi người",
+            "muteEveryoneElse": "Tắt tiếng những người khác",
+            "muteEveryoneElsesVideoStream": "Tắt video của tất cả mọi người khác",
+            "muteEveryonesVideoStream": "Tắt video của tất cả mọi người",
+            "muteGUMPending": "Đang kết nối microphone của bạn",
+            "noiseSuppression": "Chế độ chống ồn",
+            "openChat": "Mở chat",
+            "participants": "Mở khung người tham gia",
+            "pip": "Bật/Tắt chế độ Hình-trong-Hình",
+            "privateMessage": "Gửi tin nhắn riêng tư",
+            "profile": "Chỉnh sửa hồ sơ cá nhân",
+            "raiseHand": "Giơ/Hạ tay",
+            "reactions": "Phản ứng",
+            "reactionsMenu": "Menu phản ứng",
+            "recording": "Bật/Tắt ghi hình",
+            "remoteMute": "Tắt tiếng người tham gia",
+            "remoteVideoMute": "Tắt camera của người tham gia",
+            "security": "Các tùy chọn bảo mật",
+            "selectBackground": "Chọn hình nền",
+            "selfView": "Chuyển đổi chế độ xem của bản thân",
+            "shareRoom": "Mời ai đó",
+            "shareYourScreen": "Bật/Tắt chia sẻ màn hình",
+            "shareaudio": "Chia sẻ âm thanh",
+            "sharedvideo": "Mở/Đóng chia sẻ video",
+            "shortcuts": "Bật/Tắt phím tắt",
+            "show": "Hiển thị trên sân khấu",
+            "showWhiteboard": "Hiển thị bảng trắng",
+            "silence": "Im lặng",
+            "speakerStats": "Mở/Đóng thống kê",
+            "stopScreenSharing": "Ngừng chia sẻ màn hình của bạn",
+            "stopSharedVideo": "Ngừng video",
+            "surprised": "Ngạc nhiên",
+            "tileView": "Mở/Đóng xem dạng lưới",
+            "toggleCamera": "Bật/Tắt Camera",
+            "toggleFilmstrip": "Chuyển đổi thanh trượt phim",
+            "unmute": "Bật âm thanh microphone",
+            "videoblur": "Chuyển đổi làm mờ video",
+            "videomute": "Bật/Tắt tiếng và hình",
+            "videomuteGUMPending": "Đang kết nối camera của bạn",
+            "videounmute": "Bật camera"
+        },
+        "addPeople": "Thêm người vào cuộc họp",
+        "audioOnlyOff": "Tắt chế độ chỉ nghe âm thanh",
+        "audioOnlyOn": "Bật chế độ chỉ nghe âm thanh",
+        "audioRoute": "Chọn thiết bị âm thanh",
+        "audioSettings": "Cài đặt âm thanh",
+        "authenticate": "Xác thực",
+        "boo": "Boo",
+        "callQuality": "Chỉnh chất lượng",
+        "chat": "Mở/Đóng cuộc hội thoại",
+        "clap": "Vỗ tay",
+        "closeChat": "Đóng cuộc hội thoại",
+        "closeParticipantsPane": "Đóng bảng thông tin người tham gia",
+        "closeReactionsMenu": "Đóng menu phản ứng",
+        "disableNoiseSuppression": "Tắt chế độ khử tiếng ồn",
+        "disableReactionSounds": "Bạn có thể tắt âm thanh phản ứng cho cuộc họp này",
+        "documentClose": "Đóng tài liệu được chia sẻ",
+        "documentOpen": "Mở tài liệu được chia sẻ",
+        "download": "Tải xuống ứng dụng của chúng tôi",
+        "e2ee": "Mã hóa Đầu Cuối",
+        "embedMeeting": "Nhúng cuộc họp",
+        "enableNoiseSuppression": "Bật chế độ khử tiếng ồn",
+        "endConference": "Kết thúc cuộc họp cho tất cả",
+        "enterFullScreen": "Xem toàn màn hình",
+        "enterTileView": "Xem chế độ lưới",
+        "exitFullScreen": "Thoát toàn màn hình",
+        "exitTileView": "Thoát xem dạng lưới",
+        "feedback": "Để lại phản hồi",
+        "giphy": "GIPHY menu",
+        "hangup": "Rời cuộc họp",
+        "help": "Trợ giúp",
+        "hideWhiteboard": "Ẩn bảng",
+        "invite": "Mời người tham gia",
+        "joinBreakoutRoom": "Tham gia phòng breakout",
+        "laugh": "Cười",
+        "leaveBreakoutRoom": "Rời khỏi phòng breakout",
+        "leaveConference": "Rời khỏi cuộc họp",
+        "like": "Thích",
+        "linkToSalesforce": "Liên kết với Salesforce",
+        "lobbyButtonDisable": "Tắt chế độ lối vào",
+        "lobbyButtonEnable": "Bật chế độ lối vào",
+        "login": "Đăng nhập",
+        "logout": "Đăng xuất",
+        "lowerYourHand": "Hạ tay",
+        "moreActions": "Thêm hành động",
+        "moreOptions": "Hiển thị thêm tùy chọn",
+        "mute": "Tắt/Bật tiếng",
+        "muteEveryone": "Tắt tiếng tất cả mọi người",
+        "muteEveryonesVideo": "Tắt tất cả camera",
+        "muteGUMPending": "Đang kết nối microphone của bạn",
+        "noAudioSignalDesc": "Nếu bạn không tắt microphone từ cài đặt hệ thống hoặc phần cứng một cách cố ý, hãy xem xét chuyển sang thiết bị khác.",
+        "noAudioSignalDescSuggestion": "Nếu bạn không tắt microphone từ cài đặt hệ thống hoặc phần cứng một cách cố ý, hãy xem xét chuyển sang thiết bị được đề xuất.",
+        "noAudioSignalDialInDesc": "Bạn cũng có thể gọi qua:",
+        "noAudioSignalDialInLinkDesc": "Các số điện thoại gọi qua",
+        "noAudioSignalTitle": "Không có tín hiệu âm thanh đến từ micro của bạn!",
+        "noiseSuppression": "Chế độ làm giảm tiếng ồn",
+        "noisyAudioInputDesc": "Dường như micro của bạn đang tạo ra tiếng ồn. Vui lòng tắt tiếng hoặc thay thiết bị khác.",
+        "noisyAudioInputTitle": "Micro của bạn dường như có nhiều tiếng ồn!",
+        "openChat": "Mở cuộc hội thoại",
+        "openReactionsMenu": "Mở menu phản ứng",
+        "participants": "Những người tham dự",
+        "pip": "Vào chế độ Ảnh-trong-Ảnh",
+        "privateMessage": "Tin nhắn riêng",
+        "profile": "Chỉnh sửa hồ sơ cá nhân",
+        "raiseHand": "Giơ/Hạ tay",
+        "raiseYourHand": "Giơ tay",
+        "reactionBoo": "Gửi phản ứng cười",
+        "reactionClap": "Gửi phản ứng vỗ tay",
+        "reactionLaugh": "Gửi phản ứng cười",
+        "reactionLike": "Gửi phản ứng thích",
+        "reactionSilence": "Gửi phản ứng im lặng",
+        "reactionSurprised": "Gửi phản ứng ngạc nhiên",
+        "reactions": "Cảm xúc",
+        "security": "Tùy chọn bảo mật",
+        "selectBackground": "Chọn hình nền",
+        "shareRoom": "Chia sẻ phòng",
+        "shareaudio": "Chia sẻ âm thah",
+        "sharedvideo": "Chia sẻ video",
+        "shortcuts": "Xem phím tắt",
+        "showWhiteboard": "Hiện bảng trắng",
+        "silence": "Im lặng",
+        "speakerStats": "Thống kê về người tham dự",
+        "startScreenSharing": "Bắt đầu chia sẻ màn hình",
+        "startSubtitles": "Bắt đầu phụ đề",
+        "stopAudioSharing": "Dừng chia sẻ âm thanh",
+        "stopScreenSharing": "Dừng chia sẻ màn hình",
+        "stopSharedVideo": "Dừng video",
+        "stopSubtitles": "Dừng phụ đề",
+        "surprised": "Ngạc nhiên",
+        "talkWhileMutedPopup": "Đang nói chuyện? Bạn đang tắt tiếng.",
+        "tileViewToggle": "Mở/Đóng xem dạng lưới",
+        "toggleCamera": "Mở/Đóng camera",
+        "unmute": "Bỏ tắt tiếng",
+        "videoSettings": "Cài đặt hình ảnh",
+        "videomute": "Bật/Tắt camera",
+        "videomuteGUMPending": "Đang kết nối camera của bạn",
+        "videounmute": "Bắt đầu camera"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Chạy/Dừng phụ đề",
+        "expandedLabel": "Phiên âm đang bật",
+        "failedToStart": "Khởi chạy phiên âm thất bại",
+        "labelToolTip": "Cuộc họp đang được phiên âm",
+        "sourceLanguageDesc": "Hiện tại ngôn ngữ của cuộc họp được đặt là <b>{{sourceLanguage}}</b>. <br/> Bạn có thể thay đổi nó từ",
+        "sourceLanguageHere": "đây",
+        "start": "Bắt đầu hiển thị phụ đề",
+        "stop": "Dừng hiển thị phụ đề",
+        "subtitles": "Phụ đề",
+        "subtitlesOff": "Tắt",
+        "tr": "TR"
+    },
+    "unpinParticipant": "{{participantName}} - Bỏ ghim",
+    "userMedia": {
+        "grantPermissions": "Vui lòng cấp quyền sử dụng camera và micro của bạn."
+    },
+    "videoSIPGW": {
+        "busy": "Chúng tôi đang giải phóng tài nguyên. Vui lòng thử lại sau vài phút.",
+        "busyTitle": "Dịch vụ phòng họp đang bận",
+        "errorAlreadyInvited": "{{displayName}} đã được mời",
+        "errorInvite": "Cuộc họp chưa được khởi tạo. Vui lòng thử lại.",
+        "errorInviteFailed": "Chúng tôi đang xử lý vấn đề. Vui lòng thử lại sau.",
+        "errorInviteFailedTitle": "Mời {{displayName}} thất bại",
+        "errorInviteTitle": "Lỗi mời họp",
+        "pending": "{{displayName}} đã được mời"
+    },
+    "videoStatus": {
+        "adjustFor": "Điều chỉnh cho:",
+        "audioOnly": "AUD",
+        "audioOnlyExpanded": "Bạn đang ở chế độ chỉ nghe âm thanh. Chế độ này giảm băng thông nhưng không thấy hình ảnh người khác.",
+        "bestPerformance": "Hiệu suất tốt nhất",
+        "callQuality": "Chất lượng hình ảnh",
+        "hd": "HD",
+        "hdTooltip": "Xem video chất lượng cao",
+        "highDefinition": "Độ phân giải cao",
+        "highestQuality": "Chất lượng cao nhất",
+        "labelTooiltipNoVideo": "Không hình ảnh",
+        "labelTooltipAudioOnly": "Chế độ chỉ nghe âm thanh đã bật",
+        "ld": "LD",
+        "ldTooltip": "Xem video chất lượng thấp",
+        "lowDefinition": "Độ phân giải thấp",
+        "performanceSettings": "Cài đặt hiệu suất",
+        "recording": "Đang ghi",
+        "sd": "SD",
+        "sdTooltip": "Xem video chất lượng tiêu chuẩn",
+        "standardDefinition": "Độ phân giải thường",
+        "streaming": "Đang phát trực tiếp"
+    },
+    "videothumbnail": {
+        "connectionInfo": "Thông tin kết nối",
+        "demote": "Di chuyển đến khách truy cập",
+        "domute": "Tắt tiếng",
+        "domuteOthers": "Tắt tiếng mọi người khác",
+        "domuteVideo": "Tắt máy ảnh",
+        "domuteVideoOfOthers": "Vô hiệu hóa máy ảnh của người khác",
+        "flip": "Lật hình",
+        "grantModerator": "Cấp quyền quản trị",
+        "hideSelfView": "Ẩn chế độ xem bản thân",
+        "kick": "Đẩy ra",
+        "mirrorVideo": "Phản chiếu video của tôi",
+        "moderator": "Quản trị viên",
+        "mute": "Người tham gia bị tắt tiếng",
+        "muted": "Đã tắt tiếng",
+        "pinToStage": "Ghim vào sân khấu",
+        "remoteControl": "Điều khiển từ xa",
+        "screenSharing": "Người tham gia đang chia sẻ màn hình",
+        "show": "Hiển thị trên sân khấu",
+        "showSelfView": "Hiển thị tự xem",
+        "unpinFromStage": "Bỏ ghim từ sân khấu",
+        "verify": "Xác minh người tham gia",
+        "videoMuted": "Camera bị vô hiệu hóa",
+        "videomute": "Người tham gia đã tắt máy ảnh"
+    },
+    "virtualBackground": {
+        "accessibilityLabel": {
+            "currentBackground": "Nền hiện tại: {{background}}",
+            "selectBackground": "Chọn một nền"
+        },
+        "addBackground": "Thêm hình nền",
+        "apply": "Áp dụng",
+        "backgroundEffectError": "Không thể áp dụng hiệu ứng hình nền.",
+        "blur": "Làm mờ",
+        "deleteImage": "Xóa ảnh",
+        "desktopShare": "Chia sẻ màn hình",
+        "desktopShareError": "Không thể chia sẻ màn hình",
+        "image1": "Bãi biển",
+        "image2": "Tường trắng trung tính",
+        "image3": "Phòng trống màu trắng",
+        "image4": "Đèn sàn màu đen",
+        "image5": "Núi",
+        "image6": "Rừng",
+        "image7": "Mặt trời mọc",
+        "none": "Không có",
+        "pleaseWait": "Vui lòng đợi…",
+        "removeBackground": "Xóa hình nền",
+        "slightBlur": "Làm mờ nhẹ",
+        "title": "Hình nền ảo",
+        "uploadedImage": "Tải ảnh lên {{index}}",
+        "webAssemblyWarning": "WebAssembly không được hỗ trợ",
+        "webAssemblyWarningDescription": "WebAssembly đã bị tắt hoặc không được hỗ trợ bởi trình duyệt này"
+    },
+    "visitors": {
+        "chatIndicator": "(khách)",
+        "labelTooltip": "Số lượt truy cập: {{count}}",
+        "notification": {
+            "demoteDescription": "Được gửi đến đây bởi {{actor}}, giơ tay để tham gia",
+            "description": "Để tham gia, hãy giơ tay",
+            "title": "Bạn là một khách trong cuộc họp"
+        }
+    },
+    "volumeSlider": "Thanh điều chỉnh âm lượng",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Chạm để tham gia",
+            "roomname": "Nhập tên phòng"
+        },
+        "addMeetingName": "Thêm tên phòng họp",
+        "appDescription": "{{app}} được mã hóa, 100% giải pháp cuộc họp trực tuyến mã nguồn mở mà bạn có thể sử dụng hàng ngày, miễn phí.",
+        "audioVideoSwitch": {
+            "audio": "Tiếng",
+            "video": "Hình ảnh"
+        },
+        "calendar": "Lịch",
+        "connectCalendarButton": "Kết nối lịch của bạn",
+        "connectCalendarText": "Kết nối lịch của bạn để xem tất cả các cuộc họp {{app}}. Thêm, thêm cuộc họp {{provider}} vào lịch của bạn và bắt đầu.",
+        "enterRoomTitle": "Bắt đầu cuộc họp mới",
+        "getHelp": "Nhận hỗ trợ",
+        "go": "Đi",
+        "goSmall": "Đi",
+        "headerSubtitle": "Cuộc họp an toàn và chất lượng cao",
+        "headerTitle": "Jitsi Meet",
+        "info": "Thông tin",
+        "jitsiOnMobile": "Jitsi trên điện thoại di động - tải ứng dụng của chúng tôi và bắt đầu cuộc họp từ bất kỳ đâu",
+        "join": "Tham gia",
+        "logo": {
+            "calendar": "Biểu tượng lịch",
+            "desktopPreviewThumbnail": "Ảnh xem trước trên máy tính",
+            "googleLogo": "Logo Google",
+            "logoDeepLinking": "Logo Jitsi Meet",
+            "microsoftLogo": "Logo Microsoft",
+            "policyLogo": "Logo chính sách"
+        },
+        "meetingsAccessibilityLabel": "Cuộc họp",
+        "mobileDownLoadLinkAndroid": "Tải ứng dụng di động cho Android",
+        "mobileDownLoadLinkFDroid": "Tải ứng dụng di động cho F-Droid",
+        "mobileDownLoadLinkIos": "Tải ứng dụng di động cho iOS",
+        "moderatedMessage": "Hoặc <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">đặt một URL cuộc họp</a> trước, trong đó bạn là duy nhất làm người điều hành.",
+        "privacy": "Bảo mật",
+        "recentList": "Hiện tại",
+        "recentListDelete": "Xóa",
+        "recentListEmpty": "Danh sách cuộc họp trống. Thực hiện cuộc họp và bạn sẽ thấy danh sách hiện tại đây.",
+        "recentMeetings": "Các cuộc họp gần đây của bạn",
+        "reducedUIText": "Chào mừng đến với {{app}}!",
+        "roomNameAllowedChars": "Tên cuộc họp không được chứa bất kỳ ký tự nào sau đây: ?, &, :, ', \", %, #.",
+        "roomname": "Nhập tên phòng",
+        "roomnameHint": "Thêm tên hoặc URL của phòng họp bạn muốn tham gia. Ban có thể tạo tên phòng, gửi cho người bạn muốn mời để họ sử dụng tên đó.",
+        "sendFeedback": "Gửi góp ý",
+        "settings": "Cài đặt",
+        "startMeeting": "Bắt đầu cuộc họp",
+        "terms": "Điều kiện",
+        "title": "Bảo mật, đầy đủ tính năng và miễn phí hoàn toàn",
+        "upcomingMeetings": "Các cuộc họp sắp tới của bạn"
+    },
+    "whiteboard": {
+        "accessibilityLabel": {
+            "heading": "Bảng trắng"
+        },
+        "screenTitle": "Bảng trắng"
+    }
+}
diff --git a/lang/main-zh-CN.json b/lang/main-zh-CN.json
new file mode 100644
index 0000000..d624fc5
--- /dev/null
+++ b/lang/main-zh-CN.json
@@ -0,0 +1,1696 @@
+{
+    "addPeople": {
+        "accessibilityLabel": {
+            "meetingLink": "会议链接: {{url}}"
+        },
+        "add": "邀请",
+        "addContacts": "邀请你的联系人",
+        "contacts": "联系人",
+        "copyInvite": "复制全部信息",
+        "copyLink": "复制会议链接",
+        "copyStream": "复制直播链接",
+        "countryNotSupported": "我们尚未支持这个地区。",
+        "countryReminder": "在美国之外的地区通话？别忘了在开头添加国际电话区号！",
+        "defaultEmail": "你的默认邮箱",
+        "disabled": "你无法邀请其他人。",
+        "failedToAdd": "添加参会者失败",
+        "googleEmail": "Google邮箱",
+        "inviteMoreHeader": "当前会议中仅有你一人",
+        "inviteMoreMailSubject": "加入{{appName}}会议",
+        "inviteMorePrompt": "邀请更多人",
+        "linkCopied": "链接已复制到剪贴板",
+        "noResults": "没有相匹配的搜索结果",
+        "outlookEmail": "Outlook邮箱",
+        "phoneNumbers": "电话号码",
+        "searching": "搜索中……",
+        "shareInvite": "分享会议邀请链接",
+        "shareLink": "分享会议链接以邀请其他人",
+        "shareStream": "分享直播链接",
+        "sipAddresses": "SIP地址",
+        "telephone": "电话号码：{{number}}",
+        "title": "邀请他人加入这个会议",
+        "yahooEmail": "Yahoo邮箱"
+    },
+    "audioDevices": {
+        "bluetooth": "蓝牙",
+        "car": "汽车音响",
+        "headphones": "耳机",
+        "none": "没有可用的音频设备",
+        "phone": "电话",
+        "speaker": "扬声器"
+    },
+    "audioOnly": {
+        "audioOnly": "省流"
+    },
+    "bandwidthSettings": {
+        "assumedBandwidthBps": "例如，10000000为10兆",
+        "assumedBandwidthBpsWarning": "较高的数值可能会导致网络问题。",
+        "customValue": "自定义数值",
+        "customValueEffect": "用于设置实际的比特每秒值",
+        "leaveEmpty": "留空",
+        "leaveEmptyEffect": "以便进行估算",
+        "possibleValues": "预估的数值",
+        "setAssumedBandwidthBps": "假设带宽（比特/秒）",
+        "title": "带宽设置",
+        "zeroEffect": "以禁用视频"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "添加分组讨论室",
+            "autoAssign": "自动分配到分组讨论室",
+            "close": "关闭",
+            "join": "加入",
+            "leaveBreakoutRoom": "离开分组讨论室",
+            "more": "更多",
+            "remove": "移除",
+            "rename": "重命名",
+            "renameBreakoutRoom": "重命名分组讨论室",
+            "sendToBreakoutRoom": "将参会者移至："
+        },
+        "breakoutList": "分组讨论室列表",
+        "buttonLabel": "分组讨论室",
+        "defaultName": "分组讨论室 #{{index}}",
+        "hideParticipantList": "隐藏成员列表",
+        "mainRoom": "主会议室",
+        "notifications": {
+            "joined": "正在加入“{{name}}”分组讨论室",
+            "joinedMainRoom": "正在加入主会议室",
+            "joinedTitle": "分组讨论室"
+        },
+        "showParticipantList": "显示成员列表",
+        "title": "分组讨论室"
+    },
+    "calendarSync": {
+        "addMeetingURL": "添加会议链接",
+        "confirmAddLink": "是否在此事件中添加Jitsi链接",
+        "error": {
+            "appConfiguration": "日历整合没有正确配置。",
+            "generic": "发生错误，请检查日历设置或尝试刷新日历。",
+            "notSignedIn": "查看日历事件时验证出错，请检查你的日历设置并尝试再次登录。"
+        },
+        "join": "加入",
+        "joinTooltip": "加入会议",
+        "nextMeeting": "下一场会议",
+        "noEvents": "没有预定的活动安排。",
+        "ongoingMeeting": "正在进行的会议",
+        "permissionButton": "设置",
+        "permissionMessage": "在应用中查看会议需要日历权限。",
+        "refresh": "刷新日历",
+        "today": "今天"
+    },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "选择音频设备"
+        },
+        "labels": {
+            "buttonLabel": "驾驶模式",
+            "title": "驾驶模式",
+            "videoStopped": "你的视频已停止"
+        }
+    },
+    "chat": {
+        "disabled": "聊天已禁用",
+        "enter": "加入会议室",
+        "error": "错误：你的消息未发送。原因：{{error}}",
+        "everyone": "所有人",
+        "fieldPlaceHolder": "在这里输入你的信息",
+        "fileAccessibleTitle": "{{user}}上传了一个文件",
+        "fileAccessibleTitleMe": "我上传了一个文件",
+        "fileDeleted": "文件已被删除",
+        "guestsChatIndicator": "(访客)",
+        "lobbyChatMessageTo": "等候室聊天消息发送至{{recipient}}",
+        "message": "信息",
+        "messageAccessibleTitle": "{{user}}：",
+        "messageAccessibleTitleMe": "我：",
+        "messageTo": "与{{recipient}}的私聊",
+        "messagebox": "输入消息",
+        "newMessages": "新信息",
+        "nickname": {
+            "popover": "选择一个昵称",
+            "title": "输入昵称（用于聊天）",
+            "titleWithCC": "输入昵称（用于聊天和字幕）",
+            "titleWithPolls": "输入昵称（用于聊天和投票）",
+            "titleWithPollsAndCC": "输入昵称（用于聊天、投票和字幕）",
+            "titleWithPollsAndCCAndFileSharing": "输入昵称（用于聊天、投票、字幕和文件共享）"
+        },
+        "noMessagesMessage": "会议中还没有消息，在这里开始谈话吧！",
+        "privateNotice": "与{{recipient}}的私聊",
+        "sendButton": "发送",
+        "smileysPanel": "表情符号面板",
+        "systemDisplayName": "系統",
+        "tabs": {
+            "chat": "聊天",
+            "closedCaptions": "字幕",
+            "fileSharing": "文件共享",
+            "polls": "投票"
+        },
+        "title": "聊天",
+        "titleWithCC": "字幕",
+        "titleWithFeatures": "聊天和",
+        "titleWithFileSharing": "文件",
+        "titleWithPolls": "投票",
+        "you": "你"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "安装Chrome扩展程序",
+        "buttonTextEdge": "安装Edge外接程序",
+        "close": "关闭",
+        "dontShowAgain": "不要再问我了",
+        "installExtensionText": "安装用于Google日历和Office 365集成的扩展插件"
+    },
+    "closedCaptionsTab": {
+        "emptyState": "字幕将在主持人开启后显示",
+        "startClosedCaptionsButton": "开启字幕"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "连接会议中……"
+    },
+    "connection": {
+        "ATTACHED": "已接入",
+        "AUTHENTICATING": "验证中",
+        "AUTHFAIL": "验证失败",
+        "CONNECTED": "已连接",
+        "CONNECTING": "连接中",
+        "CONNFAIL": "连接失败",
+        "DISCONNECTED": "已断开连接",
+        "DISCONNECTING": "断开连接中",
+        "ERROR": "错误",
+        "FETCH_SESSION_ID": "获取会话ID中……",
+        "GET_SESSION_ID_ERROR": "获取会话ID错误：{{code}}",
+        "GOT_SESSION_ID": "获取会话ID中……完成",
+        "LOW_BANDWIDTH": "为节省带宽，{{displayName}} 的视频已被关闭"
+    },
+    "connectionindicator": {
+        "address": "地址：",
+        "audio_ssrc": "音频SSRC：",
+        "bandwidth": "预估带宽：",
+        "bitrate": "下载/上传：",
+        "bridgeCount": "服务器数量：",
+        "codecs": "编解码器：",
+        "connectedTo": "已连接到：",
+        "e2eeVerified": "端到端加密已验证：",
+        "framerate": "帧率：",
+        "less": "收起",
+        "localaddress": "本地地址：",
+        "localaddress_plural": "本地地址：",
+        "localport": "本地端口：",
+        "localport_plural": "本地端口：",
+        "maxEnabledResolution": "发送最大值",
+        "more": "更多",
+        "no": "否",
+        "packetloss": "丢包率：",
+        "participant_id": "参会者ID：",
+        "quality": {
+            "good": "良好",
+            "inactive": "闲置",
+            "lost": "丢失",
+            "nonoptimal": "欠佳",
+            "poor": "很差"
+        },
+        "remoteaddress": "远程地址：",
+        "remoteaddress_plural": "远程地址：",
+        "remoteport": "远程端口：",
+        "remoteport_plural": "远程端口：",
+        "resolution": "分辨率：",
+        "savelogs": "保存日志",
+        "status": "连接状态：",
+        "transport": "传输协议：",
+        "transport_plural": "传输：",
+        "video_ssrc": "视频SSRC：",
+        "yes": "是"
+    },
+    "dateUtils": {
+        "earlier": "更早",
+        "today": "今天",
+        "yesterday": "昨天"
+    },
+    "deepLinking": {
+        "appNotInstalled": "你需要在手机上安装{{app}}的APP才能加入此会议。",
+        "description": "没反应？我们已经尝试在{{app}}的电脑应用程序中加入会议，请重试或在{{app}}网页端中启动。",
+        "descriptionNew": "没反应？我们已经尝试在{{app}}的电脑应用程序中加入会议。<br /><br />你可以重试，或在网页端中启动。",
+        "descriptionWithoutWeb": "没反应？我们已经尝试在{{app}}的电脑应用程序中加入会议。",
+        "downloadApp": "下载APP",
+        "downloadMobileApp": "前往App Store下载",
+        "ifDoNotHaveApp": "如果你还没有这个APP：",
+        "ifHaveApp": "如果你已经拥有该APP：",
+        "joinInApp": "使用APP加入此会议",
+        "joinInAppNew": "在应用中加入",
+        "joinInBrowser": "在浏览器中加入",
+        "launchMeetingLabel": "你希望如何加入此会议？",
+        "launchWebButton": "在网页中启动",
+        "noDesktopApp": "还没有安装桌面客户端？",
+        "noMobileApp": "还没有安装手机App？",
+        "or": "或",
+        "termsAndConditions": "继续操作即表示你同意我们的<a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'>条款和条件。</a>",
+        "title": "正在{{app}}中加入会议……",
+        "titleNew": "正在启动你的会议……",
+        "tryAgainButton": "请在电脑应用程序中重试",
+        "unsupportedBrowser": "你似乎正在使用我们不支持的浏览器"
+    },
+    "defaultLink": "例如：{{url}}",
+    "defaultNickname": "例如：张三",
+    "deviceError": {
+        "cameraError": "无法访问你的摄像头",
+        "cameraPermission": "获取摄像头权限时出错",
+        "microphoneError": "无法访问你的麦克风",
+        "microphonePermission": "获取麦克风权限时出错"
+    },
+    "deviceSelection": {
+        "hid": {
+            "callControl": "呼叫控制",
+            "connectedDevices": "已连接的设备：",
+            "deleteDevice": "删除设备",
+            "pairDevice": "配对设备"
+        },
+        "noPermission": "未获得授权",
+        "previewUnavailable": "无法预览",
+        "selectADevice": "选择设备",
+        "testAudio": "播放测试音频"
+    },
+    "dialIn": {
+        "screenTitle": "通话记录"
+    },
+    "dialOut": {
+        "statusMessage": "现在状态为{{status}}"
+    },
+    "dialog": {
+        "Back": "返回",
+        "Cancel": "取消",
+        "IamHost": "登录主持",
+        "Ok": "确定",
+        "Remove": "移除",
+        "Share": "分享",
+        "Submit": "提交",
+        "Understand": "我已知晓，暂时保持静音",
+        "UnderstandAndUnmute": "我已知晓，请为我解除静音",
+        "WaitForHostMsg": "会议尚未开始，主持人还未入会。如需成为主持人请先登录，或耐心等待会议开始。",
+        "WaitForHostNoAuthMsg": "会议尚未开始，暂无主持人入会，请耐心等待",
+        "WaitingForHostButton": "等待主持人",
+        "WaitingForHostTitle": "正在等待主持人加入……",
+        "Yes": "是",
+        "accessibilityLabel": {
+            "Cancel": "取消（离开对话框）",
+            "Ok": "确定（保存并离开对话框）",
+            "close": "关闭对话框",
+            "liveStreaming": "网络直播",
+            "sharingTabs": "分享选项"
+        },
+        "add": "添加",
+        "addMeetingNote": "添加本次会议的备注",
+        "addOptionalNote": "添加备注（可选）：",
+        "allow": "允许",
+        "allowToggleCameraDialog": "你是否允许{{initiatorName}}切换你的摄像头？",
+        "allowToggleCameraTitle": "允许切换摄像头？",
+        "alreadySharedVideoMsg": "其他参会者正在分享视频，本次会议仅支持同时分享一个视频。",
+        "alreadySharedVideoTitle": "同一时间只允许一个视频分享",
+        "applicationWindow": "应用程序窗口",
+        "authenticationRequired": "需要身份验证",
+        "cameraCaptureDialog": {
+            "description": "使用手机摄像头拍照并发送",
+            "ok": "打开相机",
+            "reject": "暂不使用",
+            "title": "拍照"
+        },
+        "cameraConstraintFailedError": "你的摄像头未满足某些必要条件。",
+        "cameraNotFoundError": "找不到摄像头",
+        "cameraNotSendingData": "我们无法访问你的摄像头，请检查是否有其他应用程序正在使用此设备，从设置菜单中选择另一个设备，或尝试重新加载应用程序。",
+        "cameraNotSendingDataTitle": "无法访问摄像头",
+        "cameraPermissionDeniedError": "未获得摄像头的使用权限，你仍可以加入会议，但其他人无法看到你。点击地址栏中的摄像头图标，然后选择“始终允许”选项。",
+        "cameraTimeoutError": "无法启动视频源，超时!",
+        "cameraUnknownError": "由于未知错误，无法使用摄像头。",
+        "cameraUnsupportedResolutionError": "你的摄像头不支持所需的视频分辨率。",
+        "close": "关闭",
+        "conferenceDisconnectMsg": "请检查你的网络连接，将在{{seconds}}秒后重新连接……",
+        "conferenceDisconnectTitle": "你已断开连接。",
+        "conferenceReloadMsg": "我们正在努力修复此问题，将在{{seconds}}秒后重新连接……",
+        "conferenceReloadTitle": "糟了，好像有什么东西出错了。",
+        "confirm": "确认",
+        "confirmBack": "返回",
+        "confirmNo": "否",
+        "confirmYes": "是",
+        "connectError": "发生错误，无法连接至会议！",
+        "connectErrorWithMsg": "发生错误，无法连接至会议：{{msg}}",
+        "connecting": "连接中",
+        "contactSupport": "联系支持",
+        "copied": "已复制",
+        "copy": "复制",
+        "demoteParticipantDialog": "确定将该成员调整为观众吗？",
+        "demoteParticipantTitle": "调整为观众",
+        "dismiss": "忽略",
+        "displayNameRequired": "嗨！你叫什么名字？",
+        "done": "完成",
+        "e2eeDescription": "请注意，端到端加密目前处于实验阶段，开启端到端加密将禁用部分服务器端提供的服务，例如：通过电话加入会议。另外，通过网页版加入会议还需要使用支持Insertable Stream的浏览器。",
+        "e2eeDisabledDueToMaxModeDescription": "由于会议中的人数过多，无法开启端到端加密。",
+        "e2eeLabel": "开启端到端加密",
+        "e2eeWarning": "警告：本次会议中并不是所有的参会者都支持端到端加密。如果开启它，他们将无法看到或听到你。",
+        "e2eeWillDisableDueToMaxModeDescription": "警告：如果有更多人加入会议，端到端加密将自动禁用。",
+        "embedMeeting": "嵌入会议",
+        "enterDisplayName": "请输入你的姓名",
+        "error": "错误",
+        "errorRoomCreationRestriction": "加入过于频繁，请稍后再试。",
+        "gracefulShutdown": "我们的服务目前正在维护中，请稍后再试。",
+        "grantModeratorDialog": "确定将{{participantName}}设为主持人吗？",
+        "grantModeratorTitle": "授予主持人权限",
+        "hide": "隐藏",
+        "hideShareAudioHelper": "不要再显示",
+        "incorrectPassword": "用户名或者密码不正确",
+        "incorrectRoomLockPassword": "密码不正确",
+        "internalError": "哎呀！出现了点问题，发生错误：{{error}}",
+        "internalErrorTitle": "内部错误",
+        "kickMessage": "你可以联系{{participantDisplayName}}获取更多详细信息。",
+        "kickParticipantButton": "移除",
+        "kickParticipantDialog": "你确定你要移除这位参会者吗？",
+        "kickParticipantTitle": "移除这位参会者？",
+        "kickSystemTitle": "你已被移出会议",
+        "kickTitle": "{{participantDisplayName}}将你从会议中移除",
+        "learnMore": "了解详情",
+        "linkMeeting": "关联会议",
+        "linkMeetingTitle": "议关联到Salesforce",
+        "liveStreaming": "直播中",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "正在录制中，无法开启",
+        "localUserControls": "本地用户控制",
+        "lockMessage": "锁定会议失败。",
+        "lockRoom": "添加会议$t(lockRoomPasswordUppercase)",
+        "lockTitle": "锁定失败",
+        "login": "登录",
+        "loginQuestion": "你确定要登录并离开会议吗？",
+        "logoutQuestion": "你确定要注销并离开会议吗？",
+        "logoutTitle": "注销",
+        "maxUsersLimitReached": "参会人数已达上限，请与会议所有者联系或稍后再试！",
+        "maxUsersLimitReachedTitle": "参会人数已达上限",
+        "micConstraintFailedError": "你的麦克风不符合要求。",
+        "micNotFoundError": "未找到麦克风",
+        "micNotSendingData": "在你的电脑设置中，取消麦克风静音并调整音量",
+        "micNotSendingDataTitle": "你的麦克风在系统设置中为静音",
+        "micPermissionDeniedError": "你未授予麦克风的权限，虽然可以继续加入会议但其他人将听不到你的声音，使用地址栏里的摄像头按钮即可解决此问题。",
+        "micTimeoutError": "无法开启音频设备，发生超时！",
+        "micUnknownError": "由于未知原因，无法使用麦克风。",
+        "moderationAudioLabel": "允许参会者自己解除静音",
+        "moderationDesktopLabel": "允许非主持人共享屏幕",
+        "moderationVideoLabel": "允许参会者自己开启视频",
+        "muteEveryoneDialog": "参会者可以在任何时候解除自己的静音。",
+        "muteEveryoneDialogModerationOn": "参会者可以在任何时候请求发言。",
+        "muteEveryoneElseDialog": "静音后，你将无法为其解除静音，但是他们可以随时解除自己的静音。",
+        "muteEveryoneElseTitle": "除了{{whom}}以外的将所有人静音？",
+        "muteEveryoneElsesDesktopDialog": "一旦停止共享，你将无法重新开启他们的屏幕共享，但他们可以随时重新开启。",
+        "muteEveryoneElsesDesktopTitle": "停止除了{{whom}}以外所有人的屏幕共享？",
+        "muteEveryoneElsesVideoDialog": "一旦关闭，你将无法重新开启他们的摄像头，但他们随时可以重新开启。",
+        "muteEveryoneElsesVideoTitle": "除了{{whom}}以外，关闭所有人的摄像头？",
+        "muteEveryoneSelf": "你自己",
+        "muteEveryoneStartMuted": "现在所有人都已静音",
+        "muteEveryoneTitle": "静音所有人？",
+        "muteEveryonesDesktopDialog": "参会者可以随时共享他们的屏幕",
+        "muteEveryonesDesktopDialogModerationOn": "参会者可以随时请求共享他们的屏幕",
+        "muteEveryonesDesktopTitle": "停止所有人的屏幕共享？",
+        "muteEveryonesVideoDialog": "参会者可以随时开启他们的摄像头",
+        "muteEveryonesVideoDialogModerationOn": "参会者可以随时请求开启他们的摄像头",
+        "muteEveryonesVideoDialogOk": "关闭",
+        "muteEveryonesVideoTitle": "关闭所有人的摄像头？",
+        "muteParticipantBody": "你将无法为他们解除静音，但是他们可以随时解除自己的静音。",
+        "muteParticipantButton": "静音",
+        "muteParticipantsDesktopBody": "你无法重新开启他们的屏幕共享，但他们可以随时重新开启。",
+        "muteParticipantsDesktopBodyModerationOn": "你和他们都无法重新开启屏幕共享",
+        "muteParticipantsDesktopButton": "停止屏幕共享",
+        "muteParticipantsDesktopDialog": "你确定要停止这个参会者的屏幕共享吗？你将无法重新开启他们的屏幕共享，但他们可以随时重新开启。",
+        "muteParticipantsDesktopDialogModerationOn": "你确定要停止这个参会者的屏幕共享吗？你和他们都无法重新开启屏幕共享。",
+        "muteParticipantsDesktopTitle": "停止这个参会者的屏幕共享？",
+        "muteParticipantsVideoBody": "你无法重新开启摄像头，但他们随时可以重新开启。",
+        "muteParticipantsVideoBodyModerationOn": "你和他们都无法重新开启摄像头",
+        "muteParticipantsVideoButton": "关闭摄像头",
+        "muteParticipantsVideoDialog": "你确定要禁用这个参会者的摄像头吗？你将无法重新开启他们的摄像头，但他们随时可以重新开启。",
+        "muteParticipantsVideoDialogModerationOn": "你确定要禁用这个参会者的摄像头吗？你和他们都无法再开打摄像头。",
+        "muteParticipantsVideoTitle": "关闭这个参会者的摄像头？",
+        "noDropboxToken": "没有有效的Dropbox token",
+        "password": "密码",
+        "passwordLabel": "该会议已被一位与会者锁定，请输入$t(lockRoomPassword)来加入。",
+        "passwordNotSupported": "不支持设置会议$t(lockRoomPassword)。",
+        "passwordNotSupportedTitle": "不支持$t(lockRoomPasswordUppercase)",
+        "passwordRequired": "需要$t(lockRoomPasswordUppercase)",
+        "permissionCameraRequiredError": "参加视频会议需要开启摄像头，请在设置中授予使用权",
+        "permissionErrorTitle": "需要权限",
+        "permissionMicRequiredError": "参加音频会议需要开启麦克风，请在设置中授予使用权",
+        "readMore": "更多",
+        "recentlyUsedObjects": "你最近使用的对象",
+        "recording": "录制中",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "直播时无法使用",
+        "recordingInProgressDescription": "本会议正由AI录制并分析{{learnMore}}，你已被静音。如需发言，视为同意录制。",
+        "recordingInProgressDescriptionFirstHalf": "本会议正由AI录制并分析",
+        "recordingInProgressDescriptionSecondHalf": "，你已被静音。如需发言，视为同意录制。",
+        "recordingInProgressTitle": "录制中",
+        "rejoinNow": "马上重新加入",
+        "remoteControlAllowedMessage": "{{user}}接受了你的远程控制请求！",
+        "remoteControlDeniedMessage": "{{user}}拒绝了你的远程控制请求！",
+        "remoteControlErrorMessage": "尝试向{{user}}请求远程控制权限时发生了错误！",
+        "remoteControlRequestMessage": "你是否允许{{user}}远程控制你的桌面吗?",
+        "remoteControlShareScreenWarning": "请注意：如果按下“允许”你将会共享你的屏幕！",
+        "remoteControlStopMessage": "远程控制会话结束！",
+        "remoteControlTitle": "远程桌面控制",
+        "remoteUserControls": "{{username}}的远程用户控制",
+        "removePassword": "移除$t(lockRoomPassword)",
+        "removeSharedVideoMsg": "你确定要移除分享的视频吗？",
+        "removeSharedVideoTitle": "移除共享的视频",
+        "renameBreakoutRoomLabel": "分组讨论室名称",
+        "renameBreakoutRoomTitle": "重命名分组讨论室",
+        "reservationError": "预定系统错误",
+        "reservationErrorMsg": "错误代码：{{code}}，提示信息：{{msg}}",
+        "retry": "重试",
+        "screenSharingAudio": "共享音频",
+        "screenSharingFailed": "发生了错误，我们无法启动共享屏幕！",
+        "screenSharingFailedTitle": "共享屏幕失败!",
+        "screenSharingPermissionDeniedError": "你的屏幕共享权限出了问题，请刷新页面并重试。",
+        "searchInSalesforce": "在Salesforce中搜索",
+        "searchResults": "搜索结果（{{count}}）",
+        "searchResultsDetailsError": "检索所有者数据时出了问题。",
+        "searchResultsError": "检索数据时出了问题。",
+        "searchResultsNotFound": "没有找到搜索结果。",
+        "searchResultsTryAgain": "请尝试使用其他的关键词。",
+        "sendPrivateMessage": "你最近收到一条私人信息，你是打算私聊回复，还是把信息发到群里？",
+        "sendPrivateMessageCancel": "发到群里",
+        "sendPrivateMessageOk": "私信回复",
+        "sendPrivateMessageTitle": "私信回复？",
+        "serviceUnavailable": "服务不可用",
+        "sessTerminated": "通话已结束",
+        "sessTerminatedReason": "会议已经结束",
+        "sessionRestarted": "由于连接问题，呼叫重新启动。",
+        "shareAudio": "继续",
+        "shareAudioAltText": "如需分享内容，请切换到“浏览器标签页”，勾选“分享音频”并点击“分享”按钮",
+        "shareAudioTitle": "如何分享音频",
+        "shareAudioWarningD1": "你需要在分享你的音频之前停止共享屏幕。",
+        "shareAudioWarningD2": "你需要重新启动你的共享屏幕并勾选“共享音频”。",
+        "shareAudioWarningH1": "如果你只想分享音频：",
+        "shareAudioWarningTitle": "在共享音频之前，你需要停止共享屏幕",
+        "shareMediaWarningGenericH2": "如果你想共享你的屏幕和音频",
+        "shareScreenWarningD1": "你需要在共享你的屏幕之前停止共享音频。",
+        "shareScreenWarningD2": "你需要停止音频共享后，重新启动你的共享屏幕并勾选“共享音频”。",
+        "shareScreenWarningH1": "如果你只想共享屏幕：",
+        "shareScreenWarningTitle": "在共享你的屏幕之前，你需要停止共享音频",
+        "shareVideoConfirmPlay": "即将打开外部网站，是否继续？",
+        "shareVideoConfirmPlayTitle": "需先停止音频共享才能分享屏幕",
+        "shareVideoLinkError": "请提供正确的视频链接。",
+        "shareVideoLinkStopped": "{{name}}向你分享了一个视频",
+        "shareVideoTitle": "分享视频",
+        "shareYourScreen": "共享你的屏幕",
+        "shareYourScreenDisabled": "共享屏幕已禁用。",
+        "sharedVideoDialogError": "错误：网址无效",
+        "sharedVideoLinkPlaceholder": "YouTube或视频链接",
+        "show": "显示",
+        "start": "开始",
+        "startLiveStreaming": "开始直播",
+        "startRecording": "开始录制",
+        "startRemoteControlErrorMessage": "尝试启动远程控制会话时出错！",
+        "stopLiveStreaming": "停止直播",
+        "stopRecording": "停止录制",
+        "stopRecordingWarning": "确定要停止录制吗",
+        "stopStreamingWarning": "确定要停止直播吗？",
+        "streamKey": "直播密钥",
+        "thankYou": "感谢你使用{{appName}}！",
+        "token": "token",
+        "tokenAuthFailed": "抱歉，你无法加入此通话。",
+        "tokenAuthFailedReason": {
+            "audInvalid": "无效的`aud`值，应为`jitsi`。",
+            "contextNotFound": "载荷中缺少`context`对象。",
+            "expInvalid": "`exp`值无效。",
+            "featureInvalid": "无效的功能：{{feature}}，很可能尚未实现。",
+            "featureValueInvalid": "功能 {{feature}} 的值无效。",
+            "featuresNotFound": "载荷中缺少`features`对象。",
+            "headerNotFound": "缺少标头。",
+            "issInvalid": "`iss`值无效，应为`chat`。",
+            "kidMismatch": "密钥ID（kid）与子项不匹配。",
+            "kidNotFound": "缺少密钥ID（kid）。",
+            "nbfFuture": "`nbf`值在未来。",
+            "nbfInvalid": "`nbf`值无效",
+            "payloadNotFound": "缺少有效载荷。",
+            "tokenExpired": "Token已过期。"
+        },
+        "tokenAuthFailedTitle": "验证失败",
+        "tokenAuthFailedWithReasons": "抱歉，你无法加入此通话，原因：",
+        "tokenAuthUnsupported": "Token地址不支持",
+        "transcribing": "转录中",
+        "unauthenticatedAccessDisabled": "此会议需要身份验证，请先登录后继续。",
+        "unlockRoom": "移除会议$t(lockRoomPassword)",
+        "user": "用户",
+        "userIdentifier": "用户ID",
+        "userPassword": "用户密码",
+        "verifyParticipantConfirm": "它们匹配",
+        "verifyParticipantDismiss": "它们不匹配",
+        "verifyParticipantQuestion": "实验性功能：询问参会者 {{participantName}} 是否在相同的顺序中看到相同的内容。",
+        "verifyParticipantTitle": "用户验证",
+        "videoLink": "视频链接",
+        "viewUpgradeOptions": "查看升级选项",
+        "viewUpgradeOptionsContent": "要获取无限制的高级功能，如录制、转录、RTMP 流等，请升级你的计划。",
+        "viewUpgradeOptionsTitle": "你发现了高级版功能!",
+        "whiteboardLimitContent": "同时在线白板人数已达上限，暂时无法继续使用",
+        "whiteboardLimitReference": "详情请访问",
+        "whiteboardLimitReferenceUrl": "我们的网站",
+        "whiteboardLimitTitle": "白板人数受限",
+        "yourEntireScreen": "你的整个屏幕"
+    },
+    "documentSharing": {
+        "title": "文件传输"
+    },
+    "e2ee": {
+        "labelToolTip": "本次通话中的语音和视频已采用端到端加密"
+    },
+    "embedMeeting": {
+        "title": "嵌入此会议"
+    },
+    "feedback": {
+        "accessibilityLabel": {
+            "yourChoice": "你的选择：{{rating}}"
+        },
+        "average": "一般",
+        "bad": "差",
+        "detailsLabel": "告诉我们更多信息。",
+        "good": "好",
+        "rateExperience": "评价你的会议体验",
+        "star": "星",
+        "veryBad": "非常差",
+        "veryGood": "非常好"
+    },
+    "fileSharing": {
+        "downloadFailedDescription": "请稍后重试",
+        "downloadFailedTitle": "下载失败",
+        "downloadFile": "下载",
+        "downloadStarted": "文件下载已开始",
+        "dragAndDrop": "拖拽文件到此处上传",
+        "fileAlreadyUploaded": "文件已上传至本次会议",
+        "fileRemovedByOther": "你的文件{{fileName}}已被移除",
+        "fileTooLargeDescription": "请确保文件不超过 {{ maxFileSize }}",
+        "fileTooLargeTitle": "文件太大",
+        "fileUploadProgress": "文件上传进度",
+        "fileUploadedSuccessfully": "文件上传成功",
+        "newFileNotification": "{{participantName}}分享了{{fileName}}",
+        "removeFile": "移除",
+        "removeFileSuccess": "文件移除成功",
+        "uploadFailedDescription": "请稍后重试",
+        "uploadFailedTitle": "上传失败",
+        "uploadFile": "文件共享"
+    },
+    "filmstrip": {
+        "accessibilityLabel": {
+            "heading": "视频缩略图"
+        }
+    },
+    "giphy": {
+        "noResults": "没有找到结果(ఠ్ఠ ˓̭ ఠ్ఠ)",
+        "search": "搜索GIPHY"
+    },
+    "incomingCall": {
+        "answer": "接听",
+        "audioCallTitle": "呼入通话",
+        "decline": "拒听",
+        "productLabel": "来自 Jitsi Meet",
+        "videoCallTitle": "呼入视频通话"
+    },
+    "info": {
+        "accessibilityLabel": "显示信息",
+        "addPassword": "添加$t(lockRoomPassword)",
+        "cancelPassword": "取消$t(lockRoomPassword)",
+        "conferenceURL": "链接：",
+        "copyNumber": "复制号码",
+        "country": "国家",
+        "dialANumber": "要加入会议，请拨打以下号码，然后输入 PIN 码。",
+        "dialInConferenceID": "密码：",
+        "dialInNotSupported": "抱歉，目前不支持电话加入。",
+        "dialInNumber": "拨入号码：",
+        "dialInSummaryError": "获取拨入信息时出错。请稍后重试。",
+        "dialInTollFree": "免费拨入",
+        "genericError": "糟糕！出错了。",
+        "inviteLiveStream": "若要查看此会议的直播，请单击此链接：{{url}}",
+        "invitePhone": "如果想通过电话加入，请拨打：{{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "需要其他拨入号码？\n详见会议拨号：{{url}}\n\n\n如果通过电话拨入，请加入会议但不要连接音频：{{silentUrl}}",
+        "inviteSipEndpoint": "如要使用SIP地址加入，请输入：{{sipUri}}",
+        "inviteTextiOSInviteUrl": "点击以下链接加入会议：{{inviteUrl}}。",
+        "inviteTextiOSJoinSilent": "如果你是电话拨号加入，请使用此链接加入会议但不要连接音频：{{silentUrl}}。",
+        "inviteTextiOSPersonal": "{{name}}邀请你加入会议。",
+        "inviteTextiOSPhone": "如要通过电话加入，请拨打这个号码：{{number}},,{{conferenceID}}#。如果需要其他号码，以下是完整列表：{{didUrl}}。",
+        "inviteURLFirstPartGeneral": "你被邀请加入会议。",
+        "inviteURLFirstPartPersonal": "{{name}}正在邀请你加入会议。\n",
+        "inviteURLSecondPart": "\n加入会议：\n{{url}}\n",
+        "label": "拨入信息",
+        "liveStreamURL": "直播链接：",
+        "moreNumbers": "更多号码",
+        "noNumbers": "无呼入号码。",
+        "noPassword": "无",
+        "noRoom": "没有指定要呼入的会议室。",
+        "noWhiteboard": "无法加载白板",
+        "numbers": "拨入号码",
+        "password": "$t(lockRoomPasswordUppercase)：",
+        "reachedLimit": "你已达到套餐限制。",
+        "sip": "SIP地址",
+        "sipAudioOnly": "仅限SIP音频地址",
+        "title": "分享",
+        "tooltip": "分享此会议的链接和拨入信息",
+        "upgradeOptions": "请查看升级选项于",
+        "whiteboardError": "加载白板出错，请稍后重试"
+    },
+    "inlineDialogFailure": {
+        "msg": "我们似乎出了点小问题。",
+        "retry": "重试",
+        "support": "支持",
+        "supportMsg": "如果这种情况持续发生，请联系"
+    },
+    "inviteDialog": {
+        "alertText": "个别参会者邀请失败。",
+        "header": "邀请",
+        "searchCallOnlyPlaceholder": "输入电话号码",
+        "searchPeopleOnlyPlaceholder": "查找参会者",
+        "searchPlaceholder": "参会者或电话号码",
+        "send": "发送"
+    },
+    "jitsiHome": "{{logo}}的logo，跳转到主页",
+    "keyboardShortcuts": {
+        "focusLocal": "聚焦自己的视频",
+        "focusRemote": "聚焦他人的视频",
+        "fullScreen": "查看或退出全屏",
+        "giphyMenu": "切换GIPHY菜单",
+        "keyboardShortcuts": "快捷键",
+        "localRecording": "显示或隐藏本地录制控制",
+        "mute": "静音或解除静音",
+        "pushToTalk": "按住说话",
+        "raiseHand": "举手或放下",
+        "showSpeakerStats": "查看扬声器状态",
+        "toggleChat": "打开或关闭聊天",
+        "toggleFilmstrip": "显示或隐藏视频缩略图",
+        "toggleParticipantsPane": "显示或隐藏参会者面板",
+        "toggleScreensharing": "在摄像头和共享屏幕之间切换",
+        "toggleShortcuts": "显示或隐藏快捷键",
+        "videoMute": "开启或关闭你的摄像头"
+    },
+    "largeVideo": {
+        "screenIsShared": "你正在共享你的屏幕",
+        "showMeWhatImSharing": "让我看看我正在共享什么"
+    },
+    "liveStreaming": {
+        "busy": "我们正在释放直播资源，请几分钟后再试。",
+        "busyTitle": "所有的直播设备正忙",
+        "changeSignIn": "切换帐号",
+        "choose": "选择直播",
+        "chooseCTA": "请选择直播选项，你目前是以{{email}}的身份登录。",
+        "enterStreamKey": "在此输入你的YouTube直播码。",
+        "error": "直播失败，请重试。",
+        "errorAPI": "在访问你的YouTube直播时发生错误，请重新登录。",
+        "errorLiveStreamNotEnabled": " {{email}}上的直播未开启，请开启直播或登录开启直播的帐号。",
+        "expandedOff": "直播已被关闭",
+        "expandedOn": "会议当前正在YouTube上直播。",
+        "expandedPending": "直播启动中……",
+        "failedToStart": "直播服务启动失败",
+        "getStreamKeyManually": "我们无法获取任何直播，请尝试从YouTube获取你的直播码。",
+        "googlePrivacyPolicy": "Google 隐私权政策",
+        "inProgress": "录制或直播正在进行中",
+        "invalidStreamKey": "直播码可能不正确。",
+        "limitNotificationDescriptionNative": "你的直播将被限制在{{limit}}分钟之内，如需不受限的直播，请使用{{app}}。",
+        "limitNotificationDescriptionWeb": "由于需求量大，你的直播将被限制在{{limit}}分钟之内。如需不受限的直播，请使用<a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>。",
+        "off": "直播已停止",
+        "offBy": "{{name}}已停止直播",
+        "on": "直播已开始",
+        "onBy": "{{name}}已开始直播",
+        "pending": "直播启动中……",
+        "policyError": "你尝试开始直播的速度太快，请稍后再试！",
+        "serviceName": "直播服务",
+        "sessionAlreadyActive": "本次会议已经在录制或直播",
+        "signIn": "使用 Google 账号登录",
+        "signInCTA": "输入YouTube直播码或直接登录获取。",
+        "signOut": "注销",
+        "signedInAs": "你当前登录为：",
+        "start": "开始直播",
+        "streamIdHelp": "这是什么？",
+        "title": "直播",
+        "unavailableTitle": "直播不可用",
+        "youtubeTerms": "YouTube服务条款"
+    },
+    "lobby": {
+        "backToKnockModeButton": "请求加入",
+        "chat": "聊天",
+        "dialogTitle": "等候室模式",
+        "disableDialogContent": "等候室模式已开启，此功能确保未经授权的人士不能加入你的会议，确定要关闭吗？",
+        "disableDialogSubmit": "关闭",
+        "emailField": "请输入你的邮箱",
+        "enableDialogPasswordField": "设置密码（可选）",
+        "enableDialogSubmit": "开启",
+        "enableDialogText": "在等候室模式下，参会者只有被主持人同意后才能加入，进而保护你的会议。",
+        "enterPasswordButton": "输入会议密码",
+        "enterPasswordTitle": "输入密码加入会议",
+        "errorMissingPassword": "加入请求被拒绝。",
+        "invalidPassword": "密码无效",
+        "joinRejectedMessage": "你的加入请求已被主持人拒绝。",
+        "joinRejectedTitle": "加入请求被拒绝。",
+        "joinTitle": "加入会议",
+        "joinWithPasswordMessage": "正在尝试用密码加入，请稍候……",
+        "joiningMessage": "主持人接受你的请求后，即可加入会议",
+        "joiningTitle": "正在请求加入会议……",
+        "joiningWithPasswordTitle": "正在使用密码加入……",
+        "knockButton": "请求加入",
+        "knockTitle": "有人想要加入会议",
+        "knockingParticipantList": "请求加入的参会者名单",
+        "lobbyChatStartedNotification": "{{moderator}}与{{attendee}}开始在等候室聊天",
+        "lobbyChatStartedTitle": "{{moderator}}已开始与你进行等候室聊天",
+        "lobbyClosed": "等候室已关闭",
+        "nameField": "输入你的姓名",
+        "notificationLobbyAccessDenied": "{{originParticipantName}}已拒绝{{targetParticipantName}}的加入请求",
+        "notificationLobbyAccessGranted": "{{originParticipantName}}已通过{{targetParticipantName}}的加入请求",
+        "notificationLobbyDisabled": "{{originParticipantName}}关闭了等候室模式",
+        "notificationLobbyEnabled": "{{originParticipantName}}开启了等候室模式",
+        "notificationTitle": "等候室",
+        "passwordJoinButton": "加入",
+        "title": "等候室",
+        "toggleLabel": "开启等候室模式",
+        "waitForModerator": "会议尚未开始，暂无主持人入会。如需成为主持人请先登录，或耐心等待会议开始。"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "关",
+            "on": "开",
+            "unknown": "未知"
+        },
+        "dialogTitle": "本地录制控制",
+        "duration": "长度",
+        "durationNA": "不适用",
+        "encoding": "编码中",
+        "label": "LOR",
+        "labelToolTip": "本地录制已开启",
+        "localRecording": "本地录制中",
+        "me": "我",
+        "messages": {
+            "engaged": "本地录制已开启。",
+            "finished": "会话{{token}}已完成录制，请将录制文件发送至主持人。",
+            "finishedModerator": "会话{{token}}已完成录制，本地录制已保存，请其他参会者提交他们的录制文件。",
+            "notModerator": "你不是主持人，无法开启或关闭本地录制"
+        },
+        "moderator": "主持人",
+        "no": "否",
+        "participant": "参会者",
+        "participantStats": "参会者状态",
+        "selectTabTitle": "🎥请选择此标签页进行录制",
+        "sessionToken": "会话Token",
+        "start": "开始录制",
+        "stop": "停止录制",
+        "stopping": "正在停止录制",
+        "wait": "我们正在保存你的录制，请稍候",
+        "yes": "是"
+    },
+    "lockRoomPassword": "密码",
+    "lockRoomPasswordUppercase": "密码",
+    "lonelyMeetingExperience": {
+        "button": "邀请其他人",
+        "youAreAlone": "你是会议中唯一一个人"
+    },
+    "me": "我",
+    "notify": {
+        "OldElectronAPPTitle": "安全漏洞！",
+        "allowAll": "允许全部",
+        "allowAudio": "允许开启麦克风",
+        "allowBoth": "允许音视频",
+        "allowDesktop": "允许屏幕共享",
+        "allowVideo": "允许开启摄像头",
+        "allowedUnmute": "你可以解除麦克风静音、启动摄像头或共享屏幕。",
+        "audioUnmuteBlockedDescription": "由于系统限制，麦克风解除静音操作被暂时阻止。",
+        "audioUnmuteBlockedTitle": "麦克风解除静音被阻止！",
+        "chatMessages": "聊天信息",
+        "connectedOneMember": "{{name}}加入了会议",
+        "connectedThreePlusMembers": "{{name}}和其他人加入了会议",
+        "connectedTwoMembers": "{{first}}和{{second}}加入了会议",
+        "connectionFailed": "连接失败，请稍后再试",
+        "dataChannelClosed": "视频质量可能受影响",
+        "dataChannelClosedDescription": "桥接通道已断开，视频质量可能会被限制为最低设置",
+        "dataChannelClosedDescriptionWithAudio": "桥接通道已断开，音视频可能会出现卡顿或中断",
+        "dataChannelClosedWithAudio": "音视频质量可能受影响",
+        "desktopMutedRemotelyTitle": "你的屏幕共享已被{{participantDisplayName}}停止",
+        "disabledIframe": "嵌入仅用于演示，本次通话将在{{timeout}}分钟后自动断开",
+        "disabledIframeSecondaryNative": "嵌入{{domain}}仅用于演示，本次通话将在{{timeout}}分钟后自动断开",
+        "disabledIframeSecondaryWeb": "嵌入{{domain}}仅用于演示，本次通话将在{{timeout}}分钟后自动断开。如需在正式环境嵌入，请使用<a href='{{jaasDomain}}' rel='noopener noreferrer' target='_blank'>Jitsi服务</a>！",
+        "disconnected": "已断开连接",
+        "displayNotifications": "显示通知",
+        "dontRemindMe": "不要提醒我",
+        "focus": "会议聚焦",
+        "focusFail": "{{component}}不可用 - {{ms}}秒后重试",
+        "gifsMenu": "GIPHY",
+        "groupTitle": "通知",
+        "hostAskedUnmute": "主持人请你发言",
+        "invalidTenant": "无效的组织空间",
+        "invalidTenantHyphenDescription": "你所使用的组织空间名无效（不能以‘-’开头或结尾）",
+        "invalidTenantLengthDescription": "你所使用的组织空间名过长",
+        "invitedOneMember": "已邀请{{name}}",
+        "invitedThreePlusMembers": "已邀请{{name}}以及另外{{count}}人",
+        "invitedTwoMembers": "已邀请{{first}}和{{second}}",
+        "joinMeeting": "加入",
+        "kickParticipant": "{{kicker}}已将{{kicked}}移除",
+        "leftOneMember": "{{name}}离开了会议",
+        "leftThreePlusMembers": "{{name}}和其他人离开了会议",
+        "leftTwoMembers": "{{first}}和{{second}}离开了会议",
+        "linkToSalesforce": "链接到 Salesforce",
+        "linkToSalesforceDescription": "你可以将会议摘要链接到Salesforce对象。",
+        "linkToSalesforceError": "未能将会议链接到 Salesforce",
+        "linkToSalesforceKey": "链接此会议",
+        "linkToSalesforceProgress": "正在将会议链接到 Salesforce……",
+        "linkToSalesforceSuccess": "会议已链接到 Salesforce",
+        "localRecordingStarted": "{{name}} 已开始本地录制。",
+        "localRecordingStopped": "{{name}} 已停止本地录制。",
+        "me": "我",
+        "moderationInEffectCSDescription": "如果你想共享屏幕，请举手。",
+        "moderationInEffectCSTitle": "主持人已阻止屏幕共享",
+        "moderationInEffectDescription": "如果你想发言，请举手。",
+        "moderationInEffectTitle": "主持人已将你的麦克风静音",
+        "moderationInEffectVideoDescription": "如果你想启动摄像头，请举手。",
+        "moderationInEffectVideoTitle": "主持人已阻止你的摄像头",
+        "moderationRequestFromModerator": "主持人希望你解除静音",
+        "moderationRequestFromParticipant": "想要发言",
+        "moderationStartedTitle": "开始主持",
+        "moderationStoppedTitle": "停止主持",
+        "moderationToggleDescription": "由{{participantDisplayName}}",
+        "moderator": "你现在是主持人了",
+        "muted": "你已经开始了通话，并处于静音状态。",
+        "mutedRemotelyDescription": "当你准备好发言时，你可以随时解除静音。当发言结束之后后再调回静音，让会议保持安静。",
+        "mutedRemotelyTitle": "{{participantDisplayName}} 已将你静音",
+        "mutedTitle": "你已静音！",
+        "newDeviceAction": "使用",
+        "newDeviceAudioTitle": "检测到新的音频设备",
+        "newDeviceCameraTitle": "检测到新的摄像头",
+        "nextToSpeak": "下一个轮到你发言",
+        "noiseSuppressionDesktopAudioDescription": "在共享桌面音频时无法开启降噪功能，请禁用并重试。",
+        "noiseSuppressionFailedTitle": "无法启动降噪功能",
+        "noiseSuppressionStereoDescription": "暂不支持立体声音频降噪。",
+        "oldElectronClientDescription1": "你似乎正在使用存在已知安全漏洞的旧版Jitsi Meet客户端，请确保您更新到我们的",
+        "oldElectronClientDescription2": "最新版本",
+        "oldElectronClientDescription3": "！",
+        "openChat": "打开聊天",
+        "participantWantsToJoin": "想要加入会议",
+        "participantsWantToJoin": "想要加入会议",
+        "passwordRemovedRemotely": "其他参会者移除了$t(lockRoomPasswordUppercase)",
+        "passwordSetRemotely": "其他参会者设置了$t(lockRoomPasswordUppercase)",
+        "raiseHandAction": "举手",
+        "raisedHand": "想要发言。",
+        "raisedHands": "{{participantName}}和另外{{raisedHands}}人",
+        "reactionSounds": "禁用音效",
+        "reactionSoundsForAll": "禁用所有人的音效",
+        "screenShareNoAudio": "在窗口选择屏幕时未选中共享音频框。",
+        "screenShareNoAudioTitle": "无法共享计算机音频！",
+        "screenSharingAudioOnlyDescription": "请注意，通过共享屏幕会影响“最佳性能”模式，并且将使用占用更多网络。",
+        "screenSharingAudioOnlyTitle": "“最佳性能”模式",
+        "selfViewTitle": "你随时可以在设置中取消隐藏本人视图",
+        "somebody": "某人",
+        "startSilentDescription": "重新加入会议以开启音频",
+        "startSilentTitle": "你加入时没有开启音频！",
+        "suboptimalBrowserWarning": "我们担心你本次会议体验欠佳，我们正在寻找改进的方法。与此同时，请尝试使用<a href='{{recommendedBrowserPageLink}}' target='_blank'>完全支持的浏览器</a>。",
+        "suboptimalExperienceTitle": "浏览器提示",
+        "suggestRecordingAction": "开始录制",
+        "suggestRecordingDescription": "是否需要录制本次会议？",
+        "suggestRecordingTitle": "录制会议",
+        "unmute": "解除静音",
+        "unmuteScreen": "开始屏幕共享",
+        "unmuteVideo": "开启摄像头",
+        "videoMutedRemotelyDescription": "你可随时重新开启视频",
+        "videoMutedRemotelyTitle": "{{participantDisplayName}}已关闭你的视频",
+        "videoUnmuteBlockedDescription": "由于系统限制，暂时无法开启摄像头或共享桌面",
+        "videoUnmuteBlockedTitle": "摄像头和桌面共享被禁用！",
+        "viewLobby": "查看等候室",
+        "viewParticipants": "查看参会者",
+        "viewVisitors": "查看观众",
+        "waitingParticipants": "{{waitingParticipants}}人",
+        "waitingVisitors": "排队等候的观众：{{waitingVisitors}}人",
+        "waitingVisitorsTitle": "会议尚未开始！",
+        "whiteboardLimitDescription": "因用户数量已接近上限，白板即将关闭，请及时保存内容。",
+        "whiteboardLimitTitle": "白板使用限制"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "同意加入",
+            "admitAll": "全部同意加入",
+            "allow": "允许参会者：",
+            "allowDesktop": "允许屏幕共享",
+            "allowVideo": "允许开启摄像头",
+            "askDesktop": "请求共享屏幕",
+            "askUnmute": "请求取消静音",
+            "audioModeration": "自行解除静音",
+            "blockEveryoneMicCamera": "禁用所有人的麦克风和摄像头",
+            "breakoutRooms": "分组讨论室",
+            "desktopModeration": "开始屏幕共享",
+            "goLive": "开始直播",
+            "invite": "邀请其他人",
+            "lowerAllHands": "取消全部举手",
+            "lowerHand": "取消举手",
+            "moreModerationActions": "更多主持人选项",
+            "moreModerationControls": "更多主持人控制",
+            "moreParticipantOptions": "更多参会者选项",
+            "mute": "静音",
+            "muteAll": "全体静音",
+            "muteEveryoneElse": "静音其他人",
+            "reject": "拒绝",
+            "stopDesktop": "停止屏幕共享",
+            "stopEveryonesDesktop": "停止所有人的屏幕共享",
+            "stopEveryonesVideo": "关闭所有人摄像头",
+            "stopVideo": "关闭摄像头",
+            "unblockEveryoneMicCamera": "允许所有人开启麦克风和摄像头",
+            "videoModeration": "允许开启视频"
+        },
+        "close": "关闭",
+        "headings": {
+            "lobby": "等候室（({{count}}人）",
+            "participantsList": "会议参会者（{{count}}人）",
+            "viewerRequests": "观众请求（{{count}}人）",
+            "visitorInQueue": "（排队中：{{count}}人）",
+            "visitorRequests": "（请求加入：{{count}}人）",
+            "visitors": "观众（({{count}}人）",
+            "visitorsList": "观众（{{count}}人）",
+            "waitingLobby": "在等候室等待（{{count}}人）"
+        },
+        "search": "搜索参会者",
+        "searchDescription": "输入关键词快速筛选参会者",
+        "title": "参会者"
+    },
+    "passwordDigitsOnly": "最多{{number}}位数字",
+    "passwordSetRemotely": "由其他参会者设置",
+    "pinParticipant": "{{participantName}} - 固定",
+    "pinnedParticipant": "参会者已固定",
+    "polls": {
+        "answer": {
+            "edit": "编辑",
+            "send": "发送",
+            "skip": "跳过",
+            "submit": "提交"
+        },
+        "by": "由{{ name }}发起",
+        "closeButton": "结束投票",
+        "create": {
+            "accessibilityLabel": {
+                "send": "发送投票"
+            },
+            "addOption": "添加选项",
+            "answerPlaceholder": "选项{{index}}",
+            "cancel": "取消",
+            "create": "新建投票",
+            "pollOption": "投票选项{{index}}",
+            "pollQuestion": "投票内容",
+            "questionPlaceholder": "请输入你的问题",
+            "removeOption": "删除选项",
+            "save": "保存",
+            "send": "发布"
+        },
+        "errors": {
+            "notUniqueOption": "选项必须是唯一的"
+        },
+        "notification": {
+            "description": "打开投票页面进行投票",
+            "title": "本次会议有一项新的投票"
+        },
+        "results": {
+            "changeVote": "修改投票",
+            "empty": "会议中还没有任何投票，现在建立投票吧!",
+            "hideDetailedResults": "隐藏详情",
+            "showDetailedResults": "显示详情",
+            "vote": "投票"
+        }
+    },
+    "poweredby": "技术支持由",
+    "prejoin": {
+        "audioAndVideoError": "音频和视频错误：",
+        "audioDeviceProblem": "你的音频设备存在问题",
+        "audioOnlyError": "音频错误：",
+        "audioTrackError": "无无法创建音频轨道",
+        "callMe": "呼叫我",
+        "callMeAtNumber": "请拨打我的号码：",
+        "calling": "正在呼叫",
+        "configuringDevices": "正在配置设备……",
+        "connectedWithAudioQ": "你已连接音频？",
+        "connection": {
+            "failed": "连接测试失败！",
+            "good": "你的网络连接看起来很好！",
+            "nonOptimal": "你的网络连接不太理想",
+            "poor": "你的网络连接较差",
+            "running": "正在测试连接……"
+        },
+        "connectionDetails": {
+            "audioClipping": "预计你的音频可能会断断续续",
+            "audioHighQuality": "你的音频质量预计会很清晰",
+            "audioLowNoVideo": "预计你的音频质量较差且无法显示视频画面",
+            "goodQuality": "网络和设备状态都很好，体验会很流畅",
+            "noMediaConnectivity": "无法建立音视频连接，通常是防火墙或NAT设置导致",
+            "noVideo": "预计你的视频画面可能会很糟糕",
+            "testFailed": "连接测试遇到异常，但不一定会影响实际体验",
+            "undetectable": "如果你仍无法正常通话，请检查扬声器、麦克风、摄像头设置，并确保浏览器有相关权限且为最新版本。如仍有问题，建议联系技术支持。",
+            "veryPoorConnection": "你的通话质量可能会非常差",
+            "videoFreezing": "预计你的视频会出现卡顿、黑屏或马赛克",
+            "videoHighQuality": "你的视频质量预计会很清晰",
+            "videoLowQuality": "预计你的视频帧率和分辨率会很低或画面不流畅",
+            "videoTearing": "预计你的视频画面会有马赛克或其它异常现象"
+        },
+        "copyAndShare": "复制并分享会议链接",
+        "dialInMeeting": "拨电话接入会议",
+        "dialInPin": "电话接入会议并输入PIN码：",
+        "dialing": "正在拨号",
+        "doNotShow": "不再显示此页面",
+        "errorDialOut": "无法拨出",
+        "errorDialOutDisconnected": "无法拨出，已断开连接",
+        "errorDialOutFailed": "无法拨出，通话失败",
+        "errorDialOutStatus": "获取拨出状态出错",
+        "errorMissingName": "请输入姓名后再加入会议",
+        "errorNoPermissions": "请开启麦克风和摄像头权限",
+        "errorStatusCode": "拨号失败，状态码：{{status}}",
+        "errorValidation": "号码校验失败",
+        "iWantToDialIn": "我想通过电话加入",
+        "initiated": "呼叫已发起",
+        "joinAudioByPhone": "使用电话音频加入",
+        "joinMeeting": "加入会议",
+        "joinMeetingInLowBandwidthMode": "以省流模式加入",
+        "joinWithoutAudio": "无音频加入",
+        "keyboardShortcuts": "开启快捷键",
+        "linkCopied": "链接已复制到剪贴板",
+        "lookGood": "设备一切正常",
+        "or": "或",
+        "premeeting": "会前设置",
+        "proceedAnyway": "仍然继续",
+        "recordingWarning": "其他参会者可能正在录制本次会议",
+        "screenSharingError": "屏幕共享出错：",
+        "startWithPhone": "用电话音频开始",
+        "unsafeRoomConsent": "我了解风险，仍然加入会议",
+        "videoOnlyError": "视频出错：",
+        "videoTrackError": "无法创建视频轨道",
+        "viewAllNumbers": "查看所有号码"
+    },
+    "presenceStatus": {
+        "busy": "忙碌",
+        "calling": "正在呼叫……",
+        "connected": "已连接",
+        "connecting": "正在连接……",
+        "connecting2": "正在连接*……",
+        "disconnected": "已断开连接",
+        "expired": "已过期",
+        "ignored": "已忽略",
+        "initializingCall": "正在初始化通话……",
+        "invited": "已邀请",
+        "rejected": "已拒绝",
+        "ringing": "正在响铃……"
+    },
+    "profile": {
+        "avatar": "头像",
+        "setDisplayNameLabel": "姓名",
+        "setEmailInput": "输入电子邮件",
+        "setEmailLabel": "Gravatar 电子邮件",
+        "title": "个人资料"
+    },
+    "raisedHand": "想要发言",
+    "raisedHandsLabel": "举手人数",
+    "record": {
+        "already": {
+            "linked": "会议已经链接到此 Salesforce 对象。"
+        },
+        "type": {
+            "account": "账号",
+            "contact": "联系人",
+            "lead": "潜在客户",
+            "opportunity": "机会",
+            "owner": "所有者"
+        }
+    },
+    "recording": {
+        "authDropboxText": "上传至Dropbox",
+        "availableSpace": "可用空间：{{spaceLeft}}MB（约录制{{duration}}分钟）",
+        "beta": "测试版",
+        "busy": "我们正在释放录制资源，请几分钟之后重试。",
+        "busyTitle": "所有录制设备忙碌中",
+        "copyLink": "复制链接",
+        "error": "录制失败，请重试。",
+        "errorFetchingLink": "获取录制链接时出错",
+        "expandedOff": "录制已停止",
+        "expandedOn": "会议正在进行录制。",
+        "expandedPending": "正在启动录制……",
+        "failedToStart": "录制启动失败",
+        "fileSharingdescription": "分享录制链接给参会者",
+        "highlight": "突出显示",
+        "highlightMoment": "突出显示时刻",
+        "highlightMomentDisabled": "你可以在录制开始时突出显示时刻",
+        "highlightMomentSuccess": "时刻已突出显示",
+        "highlightMomentSucessDescription": "你突出显示的时刻将会添加到会议摘要中。",
+        "inProgress": "正在进行录制或直播流",
+        "limitNotificationDescriptionNative": "由于高需求，您的录制将限制在{{limit}}分钟内。若要无限制录制，请尝试<3>{{app}}</3>。",
+        "limitNotificationDescriptionWeb": "由于高需求，您的录制将限制在{{limit}}分钟内。若要无限制录制，请尝试<a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>。",
+        "linkGenerated": "我们已生成录制链接。",
+        "localRecordingNoNotificationWarning": "系统不会主动通知参会者录制已开启，主持人需另行提醒。",
+        "localRecordingNoVideo": "视频未被录制",
+        "localRecordingStartWarning": "请确保在退出会议之前停止录制，以便保存录制内容。",
+        "localRecordingStartWarningTitle": "停止录制以保存内容",
+        "localRecordingVideoStop": "停止视频也会停止本地录制，你确定要继续吗？",
+        "localRecordingVideoWarning": "要录制视频，你必须在开始录制时保持视频开启",
+        "localRecordingWarning": "请确保你选择当前的标签页，以便录制正确的视频和音频。",
+        "loggedIn": "以{{userName}}登录",
+        "noMicPermission": "无法创建麦克风轨道，请允许使用麦克风。",
+        "noStreams": "未检测到音频或视频。",
+        "off": "录制已停止",
+        "offBy": "{{name}}停止了录制",
+        "on": "录制已开始",
+        "onBy": "{{name}}开启了录制",
+        "onlyRecordSelf": "仅录制我的音频和视频",
+        "pending": "正在准备录制会议……",
+        "policyError": "",
+        "recordAudioAndVideo": "",
+        "recordTranscription": "",
+        "saveLocalRecording": "本地保存录制文件（测试版）",
+        "serviceDescription": "录制将由录制服务保存",
+        "serviceDescriptionCloud": "云录制",
+        "serviceDescriptionCloudInfo": "录制的会议将在录制后的24小时内自动清除。",
+        "serviceName": "录制服务",
+        "sessionAlreadyActive": "此会议已经在录制或直播中",
+        "showAdvancedOptions": "高级选项",
+        "signIn": "登录",
+        "signOut": "注销",
+        "surfaceError": "请选择当前选项卡。",
+        "title": "录制中",
+        "unavailable": "糟糕！{{serviceName}}目前无法使用，我们正在努力解决这个问题，请稍后再试。",
+        "unavailableTitle": "录制不可用",
+        "uploadToCloud": "上传至云端"
+    },
+    "screenshareDisplayName": "{{name}}的屏幕",
+    "sectionList": {
+        "pullToRefresh": "下拉刷新"
+    },
+    "security": {
+        "about": "你可以为会议添加一个$t(lockRoomPassword)，参会者需要输入$t(lockRoomPassword)才能加入会议。",
+        "aboutReadOnly": "主持人可以为会议添加一个$t(lockRoomPassword))，参会者需要输入$t(lockRoomPassword)才能加入会议。",
+        "insecureRoomNameWarningNative": "房间名称不安全，不受欢迎的参与者可能会加入你的会议，{{recommendAction}} 了解更多有关保护你的会议的信息",
+        "insecureRoomNameWarningWeb": "房间名称不安全，不受欢迎的参与者可能会加入你的会议，{{recommendAction}} 了解更多有关保护你的会议的信息<a href=\"{{securityUrl}}\" rel=\"security\" target=\"_blank\">这里</a>。",
+        "title": "安全选项",
+        "unsafeRoomActions": {
+            "meeting": "考虑使用安全按钮保护你的会议。",
+            "prejoin": "考虑使用更独特的会议名称。",
+            "welcome": "考虑使用更独特的会议名称，或者选择一个建议的名称。"
+        }
+    },
+    "settings": {
+        "audio": "音频",
+        "buttonLabel": "设置",
+        "calendar": {
+            "about": "{{appName}}日历集成可安全访问你的日历，读取即将开始的会议。",
+            "disconnect": "断开连接",
+            "microsoftSignIn": "使用 Microsoft 登录",
+            "signedIn": "正在读取{{email}}的日历事件，点击下方“断开连接”可停止同步日历。",
+            "title": "日历"
+        },
+        "chatWithPermissions": "聊天需要相关权限",
+        "desktopShareFramerate": "共享屏幕帧率",
+        "desktopShareHighFpsWarning": "高帧率的共享屏幕的可能会影响你的网速，你需要重新启动共享屏幕以使新设置生效。",
+        "desktopShareWarning": "你需要重新启动共享屏幕以使新设置生效。",
+        "devices": "设备",
+        "followMe": "全员视角跟随我",
+        "followMeRecorder": "录制画面跟随我",
+        "framesPerSecond": "帧率（FPS）",
+        "incomingMessage": "新消息提醒",
+        "language": "语言",
+        "loggedIn": "已登录：{{name}}",
+        "maxStageParticipants": "可以固定的最大参会者人数",
+        "microphones": "麦克风",
+        "moderator": "主持人",
+        "moderatorOptions": "主持人选项",
+        "more": "通用",
+        "name": "名称",
+        "noDevice": "无",
+        "notifications": "通知",
+        "participantJoined": "参会者已加入",
+        "participantKnocking": "参会者已进入等候室",
+        "participantLeft": "参会者已离开",
+        "playSounds": "播放提示音",
+        "reactions": "会议互动表情",
+        "sameAsSystem": "与系统一致（{{label}}）",
+        "selectAudioOutput": "音频输出设备",
+        "selectCamera": "摄像头",
+        "selectMic": "麦克风",
+        "selfView": "本人视图",
+        "shortcuts": "快捷键",
+        "showSubtitlesOnStage": "主画面显示字幕",
+        "speakers": "扬声器",
+        "startAudioMuted": "所有人加入时静音",
+        "startReactionsMuted": "关闭所有人互动音效",
+        "startVideoMuted": "所有人加入时隐藏视频",
+        "talkWhileMuted": "静音时说话提醒",
+        "title": "设置",
+        "video": "视频"
+    },
+    "settingsView": {
+        "advanced": "高级设置",
+        "alertCancel": "取消",
+        "alertOk": "确认",
+        "alertTitle": "警告",
+        "alertURLText": "输入的服务器地址无效",
+        "apply": "应用",
+        "buildInfoSection": "构建信息",
+        "conferenceSection": "会议设置",
+        "disableCallIntegration": "禁用系统通话集成",
+        "disableCrashReporting": "关闭崩溃报告",
+        "disableCrashReportingWarning": "确定要关闭崩溃报告吗？重启应用后设置才会生效",
+        "disableP2P": "关闭点对点模式",
+        "displayName": "显示名称",
+        "displayNamePlaceholderText": "例如：张三",
+        "email": "邮箱",
+        "emailPlaceholderText": "email@example.com",
+        "gavatarMessage": "如果你的邮箱已绑定Gravatar头像，我们将自动为你显示头像",
+        "goTo": "前往",
+        "header": "设置",
+        "help": "帮助",
+        "links": "相关链接",
+        "privacy": "隐私",
+        "profileSection": "个人信息",
+        "sdkVersion": "SDK版本",
+        "serverURL": "服务器地址",
+        "showAdvanced": "显示高级设置",
+        "startCarModeInLowBandwidthMode": "省流模式下开启驾驶模式",
+        "startWithAudioMuted": "进入会议时音频静音",
+        "startWithVideoMuted": "进入会议时关闭视频",
+        "terms": "条款",
+        "version": "APP版本"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\n只想通过手机拨号？\n\n{{defaultDialInNumber}}点击此链接查看本次会议电话拨入号码\n{{dialInfoPageUrl}}",
+        "mainText": "点击以下链接加入会议：\n{{roomUrl}}"
+    },
+    "speaker": "扬声器",
+    "speakerStats": {
+        "angry": "生气",
+        "disgusted": "嫌弃",
+        "displayEmotions": "显示表情",
+        "fearful": "害怕",
+        "happy": "开心",
+        "hours": "{{count}}时",
+        "labelTooltip": "参会者人数：{{count}}",
+        "minutes": "{{count}}分",
+        "name": "名字",
+        "neutral": "中性",
+        "sad": "难过",
+        "search": "搜索",
+        "searchDescription": "输入关键词筛选参会者",
+        "searchHint": "搜索参会者",
+        "seconds": "{{count}}秒",
+        "speakerStats": "参会者统计",
+        "speakerTime": "发言时长",
+        "surprised": "惊讶"
+    },
+    "startupoverlay": {
+        "genericTitle": "参加会议需要使用你的麦克风和摄像头。",
+        "policyText": " ",
+        "title": "{{app}}需要使用你的麦克风和摄像头。"
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "重新加入",
+        "text": "按下 <i>重新加入</i> 按钮重新连接。",
+        "title": "由于你的电脑进入休眠模式，视频通话已经中断。"
+    },
+    "termsView": {
+        "title": "条款"
+    },
+    "toggleTopPanelLabel": "切换顶部面板",
+    "toolbar": {
+        "Settings": "打开设置",
+        "accessibilityLabel": {
+            "Settings": "切换设置",
+            "audioOnly": "切换仅音频模式",
+            "audioRoute": "选择音频设备",
+            "boo": "嘘声",
+            "breakoutRooms": "分组讨论室",
+            "callQuality": "调整视频质量",
+            "carmode": "驾驶模式",
+            "cc": "切换字幕",
+            "chat": "打开/关闭聊天",
+            "clap": "鼓掌",
+            "closeChat": "关闭聊天窗口",
+            "closeMoreActions": "关闭更多操作菜单",
+            "closeParticipantsPane": "关闭参会者面板",
+            "closedCaptions": "隐藏字幕",
+            "collapse": "收起",
+            "document": "切换共享文档",
+            "documentClose": "关闭共享文档",
+            "documentOpen": "打开共享文档",
+            "download": "下载我们的APP",
+            "embedMeeting": "嵌入会议",
+            "endConference": "结束全体会议",
+            "enterFullScreen": "进入全屏模式",
+            "enterTileView": "进入画廊视图",
+            "exitFullScreen": "退出全屏模式",
+            "exitTileView": "退出画廊视图",
+            "expand": "展开",
+            "feedback": "提供反馈",
+            "fullScreen": "切换全屏模式",
+            "giphy": "切换表情动图菜单",
+            "grantModerator": "授予主持人权限",
+            "hangup": "离开会议",
+            "heading": "工具栏",
+            "help": "帮助",
+            "hideWhiteboard": "隐藏白板",
+            "invite": "邀请其他人",
+            "kick": "移除参会者",
+            "laugh": "大笑",
+            "leaveConference": "离开会议",
+            "like": "点赞",
+            "linkToSalesforce": "关联到Salesforce",
+            "lobbyButton": "开启/关闭等候室",
+            "localRecording": "切换本地录制",
+            "lockRoom": "设置/取消会议密码",
+            "love": "爱心",
+            "lowerHand": "取消举手",
+            "moreActions": "更多操作",
+            "moreActionsMenu": "更多操作菜单",
+            "moreOptions": "显示更多选项",
+            "mute": "麦克风静音",
+            "muteEveryone": "将所有人静音",
+            "muteEveryoneElse": "除自己外全部静音",
+            "muteEveryoneElsesVideoStream": "停止其他人摄像头",
+            "muteEveryonesVideoStream": "关闭所有人摄像头",
+            "muteGUMPending": "正在连接麦克风",
+            "noiseSuppression": "开启降噪（测试版）",
+            "openChat": "打开聊天窗口",
+            "participants": "打开参会者面板，参会者（共{{participantsCount}}人）",
+            "pip": "切换画中画模式",
+            "privateMessage": "发送私聊",
+            "profile": "编辑个人信息",
+            "raiseHand": "举手",
+            "react": "消息表情",
+            "reactions": "互动表情",
+            "reactionsMenu": "互动表情菜单",
+            "recording": "切换录制",
+            "remoteMute": "静音参会者",
+            "remoteVideoMute": "禁用参会者摄像头",
+            "security": "安全选项",
+            "selectBackground": "选择背景",
+            "selfView": "切换本人视图",
+            "shareRoom": "邀请其他人",
+            "shareYourScreen": "开始共享屏幕",
+            "shareaudio": "分享音频",
+            "sharedvideo": "共享视频",
+            "shortcuts": "切换快捷键",
+            "show": "在主屏展示",
+            "showWhiteboard": "显示白板",
+            "silence": "沉默",
+            "speakerStats": "切换参会者统计",
+            "stopScreenSharing": "停止屏幕共享",
+            "stopSharedVideo": "停止视频共享",
+            "surprised": "惊讶",
+            "tileView": "切换画廊视图",
+            "toggleCamera": "切换摄像头",
+            "toggleFilmstrip": "切换缩略图栏",
+            "unmute": "取消麦克风静音",
+            "videoblur": "切换虚化背景",
+            "videomute": "关闭摄像头",
+            "videomuteGUMPending": "正在连接摄像头",
+            "videounmute": "打开摄像头"
+        },
+        "addPeople": "添加成员到通话中",
+        "advancedAudioSettings": {
+            "aec": {
+                "label": "回声消除"
+            },
+            "agc": {
+                "label": "自动增益控制"
+            },
+            "ns": {
+                "label": "降噪"
+            },
+            "stereo": {
+                "label": "立体声"
+            }
+        },
+        "audioOnlyOff": "关闭省流模式",
+        "audioOnlyOn": "开启省流模式",
+        "audioRoute": "选择音频设备",
+        "audioSettings": "音频设置",
+        "authenticate": "身份验证",
+        "boo": "嘘声",
+        "callQuality": "调整视频质量",
+        "chat": "打开/关闭聊天",
+        "clap": "鼓掌",
+        "closeChat": "关闭聊天",
+        "closeParticipantsPane": "关闭参会者列表",
+        "closeReactionsMenu": "关闭互动表情菜单",
+        "closedCaptions": "关闭字幕",
+        "disableNoiseSuppression": "关闭降噪功能（测试版）",
+        "disableReactionSounds": "你可以禁用此会议的互动音效",
+        "documentClose": "关闭文件共享",
+        "documentOpen": "开启文件共享",
+        "download": "下载我们的APP",
+        "e2ee": "端到端加密",
+        "embedMeeting": "嵌入会议",
+        "enableNoiseSuppression": "开启降噪功能（测试版）",
+        "endConference": "结束全体会议",
+        "enterFullScreen": "进入全屏模式",
+        "enterTileView": "进入画廊视图",
+        "exitFullScreen": "退出全屏模式",
+        "exitTileView": "退出画廊视图",
+        "feedback": "意见反馈",
+        "giphy": "表情动画菜单",
+        "hangup": "离开会议",
+        "help": "帮助",
+        "hideWhiteboard": "隐藏白板",
+        "invite": "邀请其他人",
+        "joinBreakoutRoom": "加入分组讨论室",
+        "laugh": "大笑",
+        "leaveBreakoutRoom": "离开分组讨论室",
+        "leaveConference": "离开会议",
+        "like": "点赞",
+        "linkToSalesforce": "链接到 Salesforce",
+        "lobbyButtonDisable": "关闭等候室模式",
+        "lobbyButtonEnable": "开启等候室模式",
+        "login": "登录",
+        "logout": "注销",
+        "love": "爱心",
+        "lowerYourHand": "取消举手",
+        "moreActions": "更多操作",
+        "moreOptions": "显示更多选项",
+        "mute": "静音",
+        "muteEveryone": "全部静音",
+        "muteEveryonesVideo": "禁用所有人的摄像头",
+        "muteGUMPending": "连接你的麦克风",
+        "noAudioSignalDesc": "如果你没有从系统设置或硬件上静音，请考虑切换设备。",
+        "noAudioSignalDescSuggestion": "如果你没有从系统设置或硬件上静音，考虑切换到建议的设备。",
+        "noAudioSignalDialInDesc": "你还可以拨打以下号码加入会议：",
+        "noAudioSignalDialInLinkDesc": "拨打电话号码",
+        "noAudioSignalTitle": "你的麦克风没有声音！",
+        "noiseSuppression": "降噪（测试版）",
+        "noisyAudioInputDesc": "检测到你的麦克风有杂音，请考虑静音或更换设备。",
+        "noisyAudioInputTitle": "你的麦克风似乎很嘈杂!",
+        "openChat": "打开聊天",
+        "openReactionsMenu": "打开互动表情菜单",
+        "participants": "参会者",
+        "pip": "进入画中画模式",
+        "privateMessage": "发送私聊",
+        "profile": "编辑你的个人资料",
+        "raiseHand": "举手",
+        "raiseYourHand": "举手",
+        "reactionBoo": "发送嘘声",
+        "reactionClap": "发送鼓掌",
+        "reactionHeart": "发送爱心",
+        "reactionLaugh": "发送大笑",
+        "reactionLike": "发送点赞",
+        "reactionLove": "发送爱心",
+        "reactionSilence": "发送沉默",
+        "reactionSurprised": "发送惊讶",
+        "reactions": "互动表情",
+        "security": "安全选项",
+        "selectBackground": "选择背景",
+        "shareRoom": "邀请他人",
+        "shareaudio": "共享音频",
+        "sharedvideo": "共享视频",
+        "shortcuts": "查看快捷键",
+        "showWhiteboard": "显示白板",
+        "silence": "沉默",
+        "speakerStats": "参会者统计",
+        "startScreenSharing": "开启共享屏幕",
+        "startSubtitles": "{{language}} • 字幕",
+        "stopAudioSharing": "停止共享音频",
+        "stopScreenSharing": "停止共享屏幕",
+        "stopSharedVideo": "停止视频",
+        "stopSubtitles": "停止字幕",
+        "surprised": "惊讶",
+        "talkWhileMutedPopup": "想要发言吗？你被静音了。",
+        "tileViewToggle": "切换画面模式",
+        "toggleCamera": "切换摄像头",
+        "unmute": "取消静音",
+        "videoSettings": "视频设置",
+        "videomute": "关闭摄像头",
+        "videomuteGUMPending": "连接你的摄像头",
+        "videounmute": "启动摄像头"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "开启/关闭字幕",
+        "expandedLabel": "转录已开启",
+        "failed": "转录失败",
+        "labelTooltip": "本次会议正在进行转录",
+        "labelTooltipExtra": "会后将提供转录文本",
+        "openClosedCaptions": "打开字幕",
+        "original": "原文",
+        "sourceLanguageDesc": "当前会议语言设置为<b>{{sourceLanguage}}</b><br/>你可以在这里",
+        "sourceLanguageHere": "更改",
+        "start": "开启显示字幕",
+        "stop": "停止显示字幕",
+        "subtitles": "字幕",
+        "subtitlesOff": "关闭",
+        "tr": "转录",
+        "translateTo": "翻译为"
+    },
+    "unpinParticipant": "{{participantName}} - 取消固定",
+    "userMedia": {
+        "grantPermissions": "请授予使用你的摄像头和麦克风的权限."
+    },
+    "videoSIPGW": {
+        "busy": "我们正在释放资源，请稍后再试。",
+        "busyTitle": "会议室服务目前忙碌中",
+        "errorAlreadyInvited": "已邀请{{displayName}}",
+        "errorInvite": "会议尚未建立，请稍后再试。",
+        "errorInviteFailed": "我们正在解决问题，请稍后再试。",
+        "errorInviteFailedTitle": "邀请{{displayName}}失败",
+        "errorInviteTitle": "会议室邀请错误",
+        "pending": "已向{{displayName}}发送邀请"
+    },
+    "videoStatus": {
+        "adjustFor": "调整为：",
+        "audioOnly": "仅语音",
+        "audioOnlyExpanded": "省流模式已开启，仅接收语音和共享屏幕。",
+        "bestPerformance": "最佳性能",
+        "callQuality": "视频质量（0 表示最佳性能，3 表示最高质量）",
+        "hd": "高清",
+        "hdTooltip": "观看高清视频",
+        "highDefinition": "高清晰度",
+        "highestQuality": "最佳品质",
+        "labelTooiltipNoVideo": "无视频",
+        "labelTooltipAudioOnly": "省流模式已开启",
+        "ld": "低清",
+        "ldTooltip": "观看低清视频",
+        "lowDefinition": "低清晰度",
+        "performanceSettings": "性能设置",
+        "recording": "正在进行录制",
+        "sd": "标清",
+        "sdTooltip": "观看标清视频",
+        "standardDefinition": "标准清晰度",
+        "streaming": "正在进行直播"
+    },
+    "videothumbnail": {
+        "connectionInfo": "连接信息",
+        "demote": "设为观众",
+        "domute": "静音",
+        "domuteDesktop": "停止屏幕共享",
+        "domuteDesktopOfOthers": "停止屏幕共享给其他人",
+        "domuteOthers": "静音其他人",
+        "domuteVideo": "关闭摄像头",
+        "domuteVideoOfOthers": "关闭其他人摄像头",
+        "flip": "翻转画面",
+        "grantModerator": "授予主持人权限",
+        "hideSelfView": "隐藏本人视图",
+        "kick": "移出会议",
+        "mirrorVideo": "镜像我的画面",
+        "moderator": "主持人",
+        "mute": "参会者已被静音",
+        "muted": "已静音",
+        "pinToStage": "在视图中固定",
+        "remoteControl": "启动/停止远程控制",
+        "screenSharing": "参会者正在共享屏幕",
+        "show": "主屏展示",
+        "showSelfView": "显示本人视图",
+        "unpinFromStage": "取消固定",
+        "verify": "验证参会者",
+        "videoMuted": "摄像机已禁用",
+        "videomute": "参会者已关闭摄像头"
+    },
+    "virtualBackground": {
+        "accessibilityLabel": {
+            "currentBackground": "当前背景：{{background}}",
+            "selectBackground": "选择背景"
+        },
+        "addBackground": "添加背景",
+        "apply": "应用",
+        "backgroundEffectError": "无法应用背景效果。",
+        "blur": "背景虚化",
+        "deleteImage": "删除图像",
+        "desktopShare": "共享屏幕",
+        "desktopShareError": "无法建立共享屏幕",
+        "image1": "海滩",
+        "image2": "白墙",
+        "image3": "空房",
+        "image4": "落地灯",
+        "image5": "山地",
+        "image6": "森林",
+        "image7": "日出",
+        "none": "无",
+        "pleaseWait": "请稍等……",
+        "removeBackground": "移除背景",
+        "slightBlur": "轻度虚化",
+        "title": "虚拟背景",
+        "uploadedImage": "已上传图像 {{index}}",
+        "webAssemblyWarning": "不支持WebAssembly",
+        "webAssemblyWarningDescription": "此浏览器禁用或不支持WebAssembly"
+    },
+    "visitors": {
+        "chatIndicator": "（观众）",
+        "joinMeeting": {
+            "description": "你目前是本次会议的观众",
+            "raiseHand": "举手申请发言",
+            "title": "正在加入会议",
+            "wishToSpeak": "如需发言，请点击下方举手，等待主持人同意"
+        },
+        "labelTooltip": "观众人数：{{count}}",
+        "notification": {
+            "demoteDescription": "你已被{{actor}}切换为观众身份，如需参与发言请举手申请",
+            "noMainParticipantsDescription": "暂无参会者开启会议，请稍后再试",
+            "noMainParticipantsTitle": "会议尚未开始",
+            "noVisitorLobby": "当前会议已开启等候室，暂无法加入",
+            "notAllowedPromotion": "需由会议成员同意才能参与讨论",
+            "requestToJoin": "举手请求",
+            "requestToJoinDescription": "你的请求已发送给主持人，请稍候！",
+            "title": "你当前为会议观众"
+        },
+        "waitingMessage": "会议开始后将自动加入"
+    },
+    "volumeSlider": "音量滑块",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "点击加入",
+            "roomname": "请输入会议室名称"
+        },
+        "addMeetingName": "添加会议室名称",
+        "appDescription": "快来邀请更多的人加入，与他们一起进行视频通话。{{app}}是一个完全加密以及100%开源的视频会议解决方案，无需注册即可免费使用。",
+        "audioVideoSwitch": {
+            "audio": "语音",
+            "video": "视频"
+        },
+        "calendar": "日历",
+        "connectCalendarButton": "连接你的日历",
+        "connectCalendarText": "连接你的日历就可以在{{app}}中查看所有会议。此外，将{{provider}}的会议添加到你的日历中即可一键进入。",
+        "enterRoomTitle": "开始新的会议",
+        "getHelp": "获得帮助",
+        "go": "开始",
+        "goSmall": "开始",
+        "headerSubtitle": "安全且高品质的会议",
+        "headerTitle": "Jitsi Meet",
+        "info": "拨入信息",
+        "jitsiOnMobile": "手机版Jitsi – 下载我们的APP，随时随地开始会议",
+        "join": "创建/加入",
+        "logo": {
+            "calendar": "日历图标",
+            "desktopPreviewThumbnail": "桌面预览缩略图",
+            "googleLogo": "谷歌图标",
+            "logoDeepLinking": "Jitsi Meet图标",
+            "microsoftLogo": "微软图标",
+            "policyLogo": "政策图标"
+        },
+        "meetingsAccessibilityLabel": "会议",
+        "mobileDownLoadLinkAndroid": "从Google Play下载安卓版手机APP",
+        "mobileDownLoadLinkFDroid": "从F-Droid下载安卓版手机APP",
+        "mobileDownLoadLinkIos": "下载iOS版手机APP",
+        "moderatedMessage": "或者以主持人身份<a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">提前预定会议</a>。",
+        "privacy": "隐私",
+        "recentList": "近期会议",
+        "recentListDelete": "删除",
+        "recentListEmpty": "你的近期会议为空，与你的团队参会者聊天后，历史会议记录会出现在这里。",
+        "recentMeetings": "你的近期会议",
+        "reducedUIText": "欢迎使用{{app}}！",
+        "roomNameAllowedChars": "会议室名称不应包含以下字符：? & : ' \" % #",
+        "roomname": "请输入会议室名称",
+        "roomnameHint": "输入你想加入的会议室的名称或网址，你也可以使用不同的名称创建会议室，其他人只需输入相同的名称即可加入。",
+        "sendFeedback": "发送反馈",
+        "settings": "设置",
+        "startMeeting": "开始会议",
+        "terms": "条款",
+        "title": "安全、功能完善、完全免费的视频会议",
+        "upcomingMeetings": "您的即将举行的会议"
+    },
+    "whiteboard": {
+        "accessibilityLabel": {
+            "heading": "白板"
+        },
+        "screenTitle": "白板"
+    }
+}
diff --git a/lang/main-zh-TW.json b/lang/main-zh-TW.json
new file mode 100644
index 0000000..048612d
--- /dev/null
+++ b/lang/main-zh-TW.json
@@ -0,0 +1,1696 @@
+{
+    "addPeople": {
+        "accessibilityLabel": {
+            "meetingLink": "會議連結：{{url}}"
+        },
+        "add": "邀請",
+        "addContacts": "邀請您的聯絡人",
+        "contacts": "聯絡人",
+        "copyInvite": "複製會議邀請",
+        "copyLink": "複製會議連結",
+        "copyStream": "複製直播連結",
+        "countryNotSupported": "我們尚未支援此地區。",
+        "countryReminder": "在美國以外的地區撥打？請在開頭加入國際電話區號！",
+        "defaultEmail": "您的預設電子郵件",
+        "disabled": "您無法邀請其他人。",
+        "failedToAdd": "加入與會者失敗",
+        "googleEmail": "Google Email",
+        "inviteMoreHeader": "目前只有您一個人在會議中",
+        "inviteMoreMailSubject": "加入 {{appName}} 會議",
+        "inviteMorePrompt": "邀請更多人",
+        "linkCopied": "已將連結複製至剪貼簿",
+        "noResults": "沒有符合的搜尋結果",
+        "outlookEmail": "Outlook Email",
+        "phoneNumbers": "電話號碼",
+        "searching": "搜尋中…",
+        "shareInvite": "分享會議邀請",
+        "shareLink": "分享會議連結以邀請他人",
+        "shareStream": "複製分享連結",
+        "sipAddresses": "SIP 位址",
+        "telephone": "電話號碼：{{number}}",
+        "title": "邀請他人至會議",
+        "yahooEmail": "Yahoo Email"
+    },
+    "audioDevices": {
+        "bluetooth": "藍牙",
+        "car": "汽車音響",
+        "headphones": "耳機",
+        "none": "沒有可用的音效裝置",
+        "phone": "電話",
+        "speaker": "擴音"
+    },
+    "audioOnly": {
+        "audioOnly": "低頻寬"
+    },
+    "bandwidthSettings": {
+        "assumedBandwidthBps": "例如，10 Mbps 的值為 10000000",
+        "assumedBandwidthBpsWarning": "較高的數值可能導致網路問題。",
+        "customValue": "自訂數值",
+        "customValueEffect": "以設定實際的 bps 數值",
+        "leaveEmpty": "保留空白",
+        "leaveEmptyEffect": "允許進行估算",
+        "possibleValues": "可能的數值",
+        "setAssumedBandwidthBps": "假設頻寬（bps）",
+        "title": "頻寬設定",
+        "zeroEffect": "以停用視訊"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "新增分組討論室",
+            "autoAssign": "自動分配至分組討論室",
+            "close": "關閉",
+            "join": "加入",
+            "leaveBreakoutRoom": "離開分組討論室",
+            "more": "更多",
+            "remove": "移除",
+            "rename": "重新命名",
+            "renameBreakoutRoom": "重新命名分組討論室",
+            "sendToBreakoutRoom": "將與會者移至："
+        },
+        "breakoutList": "分組討論室列表",
+        "buttonLabel": "分組討論室",
+        "defaultName": "分組討論室 #{{index}}",
+        "hideParticipantList": "隱藏與會者列表",
+        "mainRoom": "主會議室",
+        "notifications": {
+            "joined": "正在加入「{{name}}」分組討論室",
+            "joinedMainRoom": "正在加入主會議室",
+            "joinedTitle": "分組討論室"
+        },
+        "showParticipantList": "顯示與會者列表",
+        "title": "分組討論室"
+    },
+    "calendarSync": {
+        "addMeetingURL": "增加會議連結",
+        "confirmAddLink": "您要為此活動加入 Jitsi 連結嗎？",
+        "error": {
+            "appConfiguration": "行事曆整合尚未正確設定。",
+            "generic": "發生錯誤，請檢查行事曆設定，或是重新整理行事曆。",
+            "notSignedIn": "查看行事曆事件進行認證時發生錯誤，請檢查您的行事曆設定，並再次登入。"
+        },
+        "join": "參加",
+        "joinTooltip": "參加會議",
+        "nextMeeting": "下一個會議",
+        "noEvents": "已經沒有排程的事件。",
+        "ongoingMeeting": "正在進行的會議",
+        "permissionButton": "開啟設定",
+        "permissionMessage": "必須先取得行事曆的存取權限才能查看您應用程式中的會議。",
+        "refresh": "重新整理行事曆",
+        "today": "今日"
+    },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "選擇音訊裝置"
+        },
+        "labels": {
+            "buttonLabel": "行車模式",
+            "title": "行車模式",
+            "videoStopped": "您的視訊已停用"
+        }
+    },
+    "chat": {
+        "disabled": "聊天訊息已停用",
+        "enter": "加入聊天室",
+        "error": "錯誤：您的訊息未被傳送。原因：{{error}}",
+        "everyone": "所有人",
+        "fieldPlaceHolder": "在此輸入您的訊息",
+        "fileAccessibleTitle": "{{user}}上傳了一個檔案",
+        "fileAccessibleTitleMe": "我上傳了一個檔案",
+        "fileDeleted": "檔案已被刪除",
+        "guestsChatIndicator": "（訪客）",
+        "lobbyChatMessageTo": "大廳聊天訊息傳送至 {{recipient}}",
+        "message": "訊息",
+        "messageAccessibleTitle": "{{user}}：",
+        "messageAccessibleTitleMe": "我：",
+        "messageTo": "傳送私人訊息至 {{recipient}}",
+        "messagebox": "輸入訊息",
+        "newMessages": "新訊息",
+        "nickname": {
+            "popover": "選擇名稱",
+            "title": "輸入名稱來使用聊天",
+            "titleWithCC": "輸入名稱以使用聊天與即時字幕",
+            "titleWithPolls": "輸入名稱來使用聊天與投票",
+            "titleWithPollsAndCC": "輸入名稱以使用聊天、投票及即時字幕",
+            "titleWithPollsAndCCAndFileSharing": "輸入名稱以使用聊天、投票、即時字幕及檔案分享"
+        },
+        "noMessagesMessage": "此會議尚無訊息，在此開始對話聊天！",
+        "privateNotice": "傳送私人訊息至 {{recipient}}",
+        "sendButton": "傳送",
+        "smileysPanel": "Emoji 面板",
+        "systemDisplayName": "系統",
+        "tabs": {
+            "chat": "聊天",
+            "closedCaptions": "即時字幕",
+            "fileSharing": "檔案",
+            "polls": "投票"
+        },
+        "title": "聊天",
+        "titleWithCC": "即時字幕",
+        "titleWithFeatures": "聊天與",
+        "titleWithFileSharing": "檔案",
+        "titleWithPolls": "聊天與投票",
+        "you": "您"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "安裝 Chrome 擴充功能",
+        "buttonTextEdge": "安裝 Edge 擴充功能",
+        "close": "關閉",
+        "dontShowAgain": "不要再問了",
+        "installExtensionText": "安裝適用於 Google 行事曆及 Office 365 整合的擴充功能"
+    },
+    "closedCaptionsTab": {
+        "emptyState": "即時字幕內容將在主持人啟用後顯示",
+        "startClosedCaptionsButton": "啟動即時字幕"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "正在將您連接至您的會議…"
+    },
+    "connection": {
+        "ATTACHED": "已經附加",
+        "AUTHENTICATING": "認證中",
+        "AUTHFAIL": "認證失敗",
+        "CONNECTED": "已經連接",
+        "CONNECTING": "連接中",
+        "CONNFAIL": "連接失敗",
+        "DISCONNECTED": "已斷線",
+        "DISCONNECTING": "中斷連接中",
+        "ERROR": "錯誤",
+        "FETCH_SESSION_ID": "正在取得工作階段 ID…",
+        "GET_SESSION_ID_ERROR": "取得工作階段 ID 時發生錯誤：{{code}}",
+        "GOT_SESSION_ID": "正在取得工作階段 ID… 完成",
+        "LOW_BANDWIDTH": "已關閉 {{displayName}} 的視訊以節省頻寬"
+    },
+    "connectionindicator": {
+        "address": "位址：",
+        "audio_ssrc": "音訊 SSRC：",
+        "bandwidth": "預估頻寬：",
+        "bitrate": "連線速率：",
+        "bridgeCount": "伺服器數量：",
+        "codecs": "編解碼器：",
+        "connectedTo": "已連接至：",
+        "e2eeVerified": "端對端加密驗證：",
+        "framerate": "影格率：",
+        "less": "顯示較少",
+        "localaddress": "本機位址：",
+        "localaddress_plural": "本機位址：",
+        "localport": "本機連接埠：",
+        "localport_plural": "本機連接埠：",
+        "maxEnabledResolution": "最大傳輸",
+        "more": "顯示更多",
+        "no": "否",
+        "packetloss": "封包遺失率：",
+        "participant_id": "與會者 ID：",
+        "quality": {
+            "good": "良好",
+            "inactive": "閒置",
+            "lost": "遺失",
+            "nonoptimal": "欠佳",
+            "poor": "差"
+        },
+        "remoteaddress": "遠端位址：",
+        "remoteaddress_plural": "遠端位址：",
+        "remoteport": "遠端連線埠：",
+        "remoteport_plural": "遠端連線埠：",
+        "resolution": "解析度：",
+        "savelogs": "儲存日誌",
+        "status": "連線狀態：",
+        "transport": "傳輸協定：",
+        "transport_plural": "傳輸：",
+        "video_ssrc": "視訊 SSRC：",
+        "yes": "是"
+    },
+    "dateUtils": {
+        "earlier": "稍早",
+        "today": "今日",
+        "yesterday": "昨天"
+    },
+    "deepLinking": {
+        "appNotInstalled": "您需要在手機上安裝 {{app}} 應用程式才能加入這場會議。",
+        "description": "什麼事情都沒發生？我們已嘗試在您的 {{app}} 桌面應用程式開啟會議。請再試一次，或是在 {{app}} 網頁應用程式開啟會議。",
+        "descriptionNew": "什麼事情都沒發生？我們已嘗試在您的 {{app}} 桌面應用程式開啟會議。<br /><br />您可以再試一次，或在網頁上啟動。",
+        "descriptionWithoutWeb": "什麼事情都沒發生？我們已試著將您的會議在桌面應用程式 {{app}} 中啟動。",
+        "downloadApp": "下載應用程式",
+        "downloadMobileApp": "從 App Store 下載",
+        "ifDoNotHaveApp": "如果您尚未安裝應用程式：",
+        "ifHaveApp": "如果您已經安裝應用程式：",
+        "joinInApp": "使用應用程式加入會議",
+        "joinInAppNew": "在應用程式中加入",
+        "joinInBrowser": "在瀏覽器中加入",
+        "launchMeetingLabel": "您想如何加入此會議？",
+        "launchWebButton": "在瀏覽器開啟",
+        "noDesktopApp": "您尚未安裝桌面應用程式？",
+        "noMobileApp": "您尚未安裝該應用程式？",
+        "or": "或",
+        "termsAndConditions": "繼續操作即表示您同意我們的<a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'>條款與條件。</a>",
+        "title": "正在 {{app}} 開啟您的會議…",
+        "titleNew": "正在開啟您的會議…",
+        "tryAgainButton": "在桌面上再試一次",
+        "unsupportedBrowser": "您似乎正在使用我們不支援的瀏覽器。"
+    },
+    "defaultLink": "例如 {{url}}",
+    "defaultNickname": "例如：王小明",
+    "deviceError": {
+        "cameraError": "無法存取您的網路攝影機",
+        "cameraPermission": "取得網路攝影機權限時發生錯誤",
+        "microphoneError": "無法存取您的麥克風",
+        "microphonePermission": "取得麥克風權限時發生錯誤"
+    },
+    "deviceSelection": {
+        "hid": {
+            "callControl": "通話控制",
+            "connectedDevices": "已連接的裝置：",
+            "deleteDevice": "刪除裝置",
+            "pairDevice": "配對裝置"
+        },
+        "noPermission": "未取得權限",
+        "previewUnavailable": "無法預覽",
+        "selectADevice": "選擇裝置",
+        "testAudio": "測試"
+    },
+    "dialIn": {
+        "screenTitle": "通話記錄"
+    },
+    "dialOut": {
+        "statusMessage": "現在狀態為 {{status}}"
+    },
+    "dialog": {
+        "Back": "返回",
+        "Cancel": "取消",
+        "IamHost": "我是會議主持人",
+        "Ok": "確定",
+        "Remove": "移除",
+        "Share": "分享",
+        "Submit": "送出",
+        "Understand": "我了解，暫時保持靜音",
+        "UnderstandAndUnmute": "我了解，請為我解除靜音",
+        "WaitForHostMsg": "此會議尚未開始，如果您是會議主持人，請進行認證並以主持人身分開始會議。",
+        "WaitForHostNoAuthMsg": "此會議尚未開始，目前沒有主持人加入，請稍候。",
+        "WaitingForHostButton": "等待主持人",
+        "WaitingForHostTitle": "正在等候主持人加入…",
+        "Yes": "是",
+        "accessibilityLabel": {
+            "Cancel": "取消（離開對話框）",
+            "Ok": "確定（保存並離開對話框）",
+            "close": "關閉對話框",
+            "liveStreaming": "直播串流",
+            "sharingTabs": "分享選項"
+        },
+        "add": "新增",
+        "addMeetingNote": "新增此會議的備註",
+        "addOptionalNote": "新增備註（選填）：",
+        "allow": "允許",
+        "allowToggleCameraDialog": "您要允許 {{initiatorName}} 切換您的鏡頭朝向嗎？",
+        "allowToggleCameraTitle": "要允許切換鏡頭嗎？",
+        "alreadySharedVideoMsg": "其他與會者正在分享影像，同一時間只有一個與會者可以分享影像螢幕。",
+        "alreadySharedVideoTitle": "同一時間只允許一位影像分享",
+        "applicationWindow": "應用程式視窗",
+        "authenticationRequired": "需要驗證",
+        "cameraCaptureDialog": {
+            "description": "使用手機攝影機拍照並傳送",
+            "ok": "開啟相機",
+            "reject": "暫不使用",
+            "title": "拍照"
+        },
+        "cameraConstraintFailedError": "您的網路攝影機不符合要求。",
+        "cameraNotFoundError": "找不到網路攝影機。",
+        "cameraNotSendingData": "我們無法存取您的網路攝影機，請檢查是否有其他應用程式正在使用這個裝置，並從裝置選單裡選擇其他設備或者重新載入。",
+        "cameraNotSendingDataTitle": "無法存取網路攝影機",
+        "cameraPermissionDeniedError": "未取得網路攝影機的存取權，您仍可參加會議，但其他人無法看到您。按一下網址列中的「攝影機」圖示 ，然後選取「一律允許」選項。",
+        "cameraTimeoutError": "無法啟動視訊裝置，連線逾時！",
+        "cameraUnknownError": "由於不明原因，無法存取網路攝影機。",
+        "cameraUnsupportedResolutionError": "您的網路攝影機不支援所需的影像解析度。",
+        "close": "關閉",
+        "conferenceDisconnectMsg": "請檢查一下網路連線，將在 {{seconds}} 秒後重新連接…",
+        "conferenceDisconnectTitle": "您已經被中斷連接。",
+        "conferenceReloadMsg": "我們正試著修復狀況，將在 {{seconds}} 秒後重新連接…",
+        "conferenceReloadTitle": "喔哦！好像有東西壞掉囉。",
+        "confirm": "確認",
+        "confirmBack": "返回",
+        "confirmNo": "否",
+        "confirmYes": "是",
+        "connectError": "喔哦！發生錯誤，無法連接至會議。",
+        "connectErrorWithMsg": "喔哦！發生錯誤，無法連接至會議：{{msg}}",
+        "connecting": "連接中",
+        "contactSupport": "聯絡支援",
+        "copied": "已複製",
+        "copy": "複製",
+        "demoteParticipantDialog": "您確定要將此與會者轉為僅檢視模式嗎？",
+        "demoteParticipantTitle": "切換為檢視者",
+        "dismiss": "取消",
+        "displayNameRequired": "嗨！請問大名？",
+        "done": "完成",
+        "e2eeDescription": "請注意，端對端加密目前是實驗性功能，啟用端對端加密將停用部分伺服器端提供的服務，例如：透過電話加入會議。另外，透過網頁版加入會議還需要使用支援 Insertable Streams 的瀏覽器。",
+        "e2eeDisabledDueToMaxModeDescription": "由於會議中的人數過多，故無法啟用端對端加密。",
+        "e2eeLabel": "啟用端對端加密",
+        "e2eeWarning": "警告：看來此會議中不是每位與會者都啟用了端對端加密，如果您啟用了，他們可能無法看或聽到您。",
+        "e2eeWillDisableDueToMaxModeDescription": "警告：如果有更多與會者加入會議，端對端加密將被自動停用。",
+        "embedMeeting": "嵌入會議",
+        "enterDisplayName": "請在此輸入您自己的名字",
+        "error": "錯誤",
+        "errorRoomCreationRestriction": "您加入速度過快，請稍後再試。",
+        "gracefulShutdown": "服務目前正在維護中，請稍後再試。",
+        "grantModeratorDialog": "您確定要授予 {{participantName}} 主持人權限嗎？",
+        "grantModeratorTitle": "授予主持人權限",
+        "hide": "隱藏",
+        "hideShareAudioHelper": "不再顯示",
+        "incorrectPassword": "錯誤的用戶名稱或密碼",
+        "incorrectRoomLockPassword": "密碼不符",
+        "internalError": "喔哦！出現了點問題，發生錯誤：{{error}}",
+        "internalErrorTitle": "內部錯誤",
+        "kickMessage": "您可以聯絡 {{participantDisplayName}} 取得更詳細資訊。",
+        "kickParticipantButton": "移除",
+        "kickParticipantDialog": "您確定要將這位與會者移除嗎？",
+        "kickParticipantTitle": "移除這位與會者？",
+        "kickSystemTitle": "您已被移出會議",
+        "kickTitle": "噢！{{participantDisplayName}} 將您從會議中移除",
+        "learnMore": "了解詳情",
+        "linkMeeting": "連結會議",
+        "linkMeetingTitle": "將會議連結至 Salesforce",
+        "liveStreaming": "直播串流中",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "正在錄製，無法使用",
+        "localUserControls": "本機使用者控制",
+        "lockMessage": "無法鎖定會議。",
+        "lockRoom": "新增會議 $t(lockRoomPasswordUppercase)",
+        "lockTitle": "鎖定失敗",
+        "login": "登入",
+        "loginQuestion": "您確定要登入並離開會議嗎？",
+        "logoutQuestion": "您確定要登出並離開會議嗎？",
+        "logoutTitle": "登出",
+        "maxUsersLimitReached": "已達到最大參與人數限制，請聯繫會議主辦人或稍後再試！",
+        "maxUsersLimitReachedTitle": "已達到最大參與人數限制",
+        "micConstraintFailedError": "您的麥克風不滿足某些必要條件。",
+        "micNotFoundError": "找不到麥克風。",
+        "micNotSendingData": "請至電腦設定中解除麥克風靜音並調整音量",
+        "micNotSendingDataTitle": "您的麥克風由電腦系統設定為靜音",
+        "micPermissionDeniedError": "您未允許麥克風的使用權限，雖然可以繼續參加會議但其他人將無法聽到您的聲音，利用位址欄中的網路攝影機按鈕修正這個問題。",
+        "micTimeoutError": "無法啟動音訊裝置，連線逾時！",
+        "micUnknownError": "不明原因造成麥克風無法使用。",
+        "moderationAudioLabel": "允許與會者自我解除靜音",
+        "moderationDesktopLabel": "允許非主持人共享螢幕",
+        "moderationVideoLabel": "允許與會者開啟視訊",
+        "muteEveryoneDialog": "與會者可以隨時解除自己的靜音狀態。",
+        "muteEveryoneDialogModerationOn": "與會者可以隨時請求發言。",
+        "muteEveryoneElseDialog": "靜音後，您就不能再解除對方的靜音，但對方可以隨時解除自己的靜音狀態。",
+        "muteEveryoneElseTitle": "是否要讓除了 {{whom}} 以外的人靜音？",
+        "muteEveryoneElsesDesktopDialog": "一旦停止共享，您將無法重新開啟他們的螢幕共享，但他們可以隨時重新開啟。",
+        "muteEveryoneElsesDesktopTitle": "停止除了{{whom}}以外所有人的螢幕共享？",
+        "muteEveryoneElsesVideoDialog": "一旦停用，您就不能再重新開啟對方的網路攝影機，但對方隨時能重新開啟自己的網路攝影機。",
+        "muteEveryoneElsesVideoTitle": "是否要關閉除了 {{whom}} 以外的人的網路攝影機？",
+        "muteEveryoneSelf": "您自己",
+        "muteEveryoneStartMuted": "現在所有人皆已靜音",
+        "muteEveryoneTitle": "要將所有人靜音嗎？",
+        "muteEveryonesDesktopDialog": "與會者可以隨時共享他們的螢幕",
+        "muteEveryonesDesktopDialogModerationOn": "與會者可以隨時請求共享他們的螢幕",
+        "muteEveryonesDesktopTitle": "停止所有人的螢幕共享？",
+        "muteEveryonesVideoDialog": "與會者隨時可以重新開啟自己的網路攝影機。",
+        "muteEveryonesVideoDialogModerationOn": "與會者可以隨時傳送開啟視訊請求。",
+        "muteEveryonesVideoDialogOk": "停用",
+        "muteEveryonesVideoTitle": "要關閉所有人的網路攝影機嗎？",
+        "muteParticipantBody": "您無法對他們解除靜音，但是他們自己隨時可以解除靜音。",
+        "muteParticipantButton": "靜音",
+        "muteParticipantsDesktopBody": "您無法重新開啟他們的螢幕共享，但他們可以隨時重新開啟。",
+        "muteParticipantsDesktopBodyModerationOn": "您和他們都無法重新開啟螢幕共享",
+        "muteParticipantsDesktopButton": "停止螢幕分享",
+        "muteParticipantsDesktopDialog": "您確定要停止這位與會者的螢幕共享嗎？您將無法重新開啟他們的螢幕共享，但他們可以隨時重新開啟。",
+        "muteParticipantsDesktopDialogModerationOn": "您確定要停止這位與會者的螢幕共享嗎？您和他們都無法重新開啟螢幕共享。",
+        "muteParticipantsDesktopTitle": "停止這位與會者的螢幕共享？",
+        "muteParticipantsVideoBody": "您無法重新開啟，只有對方能自己重新開啟。",
+        "muteParticipantsVideoBodyModerationOn": "您和他都無法再將視訊重新開啟。",
+        "muteParticipantsVideoButton": "停用網路攝影機",
+        "muteParticipantsVideoDialog": "確定要停用這位與會者的網路攝影機？您不能再重新開啟對方的網路攝影機，但他們隨時能重新開啟。",
+        "muteParticipantsVideoDialogModerationOn": "您確定要關閉此與會者的網路攝影機嗎？您和他都無法再將視訊重新開啟。",
+        "muteParticipantsVideoTitle": "要關閉此與會者的網路攝影機嗎？",
+        "noDropboxToken": "沒有有效的 Dropbox 權杖",
+        "password": "密碼",
+        "passwordLabel": "會議已被一位與會者鎖定，請輸入 $t(lockRoomPassword) 以加入。",
+        "passwordNotSupported": "尚未支援設定會議 $t(lockRoomPassword)。",
+        "passwordNotSupportedTitle": "尚未支援 $t(lockRoomPasswordUppercase)",
+        "passwordRequired": "需要 $t(lockRoomPasswordUppercase)",
+        "permissionCameraRequiredError": "參與視訊會議需要存取網路攝影機，請在設定中啟用權限",
+        "permissionErrorTitle": "需要權限",
+        "permissionMicRequiredError": "參與音訊會議需要存取麥克風，請在設定中啟用權限",
+        "readMore": "更多",
+        "recentlyUsedObjects": "您最近使用過的物件",
+        "recording": "錄製中",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "正在直播時無法使用",
+        "recordingInProgressDescription": "本會議正在錄製並由 AI 分析{{learnMore}}，您的音訊與影像已靜音。如果您選擇取消靜音，即表示您同意被錄製。",
+        "recordingInProgressDescriptionFirstHalf": "本會議正在錄製並由 AI 分析",
+        "recordingInProgressDescriptionSecondHalf": "，您的音訊與影像已靜音。如果您選擇取消靜音，即表示您同意被錄製。",
+        "recordingInProgressTitle": "正在錄製",
+        "rejoinNow": "立即重新加入",
+        "remoteControlAllowedMessage": "{{user}} 接受您進行遠端控制的請求！",
+        "remoteControlDeniedMessage": "{{user}} 拒絕您進行遠端控制的請求！",
+        "remoteControlErrorMessage": "在嘗試向 {{user}} 請求遠端控制權限時發生錯誤！",
+        "remoteControlRequestMessage": "您要允許 {{user}} 遠端控制您的桌面嗎？",
+        "remoteControlShareScreenWarning": "請注意：如果按下「允許」您將會分享自己的螢幕！",
+        "remoteControlStopMessage": "遠端控制會話已結束！",
+        "remoteControlTitle": "遠端桌面控制",
+        "remoteUserControls": "{{username}} 的遠端使用者控制",
+        "removePassword": "移除 $t(lockRoomPassword)",
+        "removeSharedVideoMsg": "您確定要移除您分享的影像嗎？",
+        "removeSharedVideoTitle": "移除分享的影像",
+        "renameBreakoutRoomLabel": "分組討論室名稱",
+        "renameBreakoutRoomTitle": "重新命名分組討論室",
+        "reservationError": "預約系統錯誤",
+        "reservationErrorMsg": "錯誤代碼：{{code}}，訊息：{{msg}}",
+        "retry": "重試",
+        "screenSharingAudio": "分享音訊",
+        "screenSharingFailed": "噢喔！發生錯誤，我們無法啟動分享螢幕！",
+        "screenSharingFailedTitle": "分享螢幕失敗！",
+        "screenSharingPermissionDeniedError": "噢喔！您的影像分享權限發生問題，請重新載入並再試一次。",
+        "searchInSalesforce": "在 Salesforce 中搜尋",
+        "searchResults": "搜尋結果（{{count}}）",
+        "searchResultsDetailsError": "取得擁有者資料時發生錯誤。",
+        "searchResultsError": "取得資料時發生錯誤。",
+        "searchResultsNotFound": "找不到任何結果。",
+        "searchResultsTryAgain": "請嘗試使用其他關鍵字。",
+        "sendPrivateMessage": "您最近收到一條私人訊息，請問您要私人回覆，還是要將訊息發佈至群組？",
+        "sendPrivateMessageCancel": "發佈至群組",
+        "sendPrivateMessageOk": "私人回覆",
+        "sendPrivateMessageTitle": "私人回覆？",
+        "serviceUnavailable": "服務無法使用",
+        "sessTerminated": "通話已經終止",
+        "sessTerminatedReason": "會議已經終止",
+        "sessionRestarted": "通話因連線問題重新啟動。",
+        "shareAudio": "繼續",
+        "shareAudioAltText": "如需分享內容，請選擇「瀏覽器分頁」，勾選「分享音訊」後再按「分享」",
+        "shareAudioTitle": "如何分享音訊",
+        "shareAudioWarningD1": "您必須先停用分享螢幕才能分享音訊。",
+        "shareAudioWarningD2": "您必須重新啟動螢幕分享並勾選「分享音訊」選項。",
+        "shareAudioWarningH1": "如果您只要分享音訊：",
+        "shareAudioWarningTitle": "您必須先停用分享螢幕才能分享音訊",
+        "shareMediaWarningGenericH2": "如果您想要同時分享螢幕跟音訊",
+        "shareScreenWarningD1": "您必須先停用分享音訊才能分享螢幕。",
+        "shareScreenWarningD2": "您必須先停用分享音訊後，重新啟動螢幕分享並勾選「分享音訊」選項。",
+        "shareScreenWarningH1": "如果您只要分享螢幕：",
+        "shareScreenWarningTitle": "您必須先停用分享音訊才能分享螢幕",
+        "shareVideoConfirmPlay": "您即將開啟外部網站，是否繼續？",
+        "shareVideoConfirmPlayTitle": "{{name}} 與您分享了一段影片。",
+        "shareVideoLinkError": "請提供正確的影片網址。",
+        "shareVideoLinkStopped": "{{name}} 的影片已停止播放",
+        "shareVideoTitle": "分享影像",
+        "shareYourScreen": "分享您的螢幕",
+        "shareYourScreenDisabled": "螢幕分享已停用。",
+        "sharedVideoDialogError": "錯誤：網址無效",
+        "sharedVideoLinkPlaceholder": "YouTube 或影片網址",
+        "show": "顯示",
+        "start": "開始",
+        "startLiveStreaming": "開始直播串流",
+        "startRecording": "啟動錄製作業",
+        "startRemoteControlErrorMessage": "嘗試啟動遠端控制階段時發生錯誤！",
+        "stopLiveStreaming": "停止直播串流",
+        "stopRecording": "停用錄製",
+        "stopRecordingWarning": "確定要停用錄製嗎？",
+        "stopStreamingWarning": "確定要停止直播串流嗎？",
+        "streamKey": "直播串流金鑰",
+        "thankYou": "感謝您使用 {{appName}}！",
+        "token": "token",
+        "tokenAuthFailed": "抱歉，您未被允許加入這個通話。",
+        "tokenAuthFailedReason": {
+            "audInvalid": "無效的`aud`值，應為`jitsi`。",
+            "contextNotFound": "`context` 未在負載中找到。",
+            "expInvalid": "無效的`exp`值。",
+            "featureInvalid": "無效的功能：{{feature}}，可能尚未實現。",
+            "featureValueInvalid": "無效的功能值：{{feature}}。",
+            "featuresNotFound": "`context` 未在負載中找到。",
+            "headerNotFound": "標頭缺失。",
+            "issInvalid": "無效的`iss`值，應為`chat`。",
+            "kidMismatch": "金鑰 ID（kid）與子項不符。",
+            "kidNotFound": "缺少金鑰 ID（kid）。",
+            "nbfFuture": "`nbf`值在未來。",
+            "nbfInvalid": "無效的`nbf`值。",
+            "payloadNotFound": "負載缺失。",
+            "tokenExpired": "權杖已過期。"
+        },
+        "tokenAuthFailedTitle": "驗證失敗",
+        "tokenAuthFailedWithReasons": "抱歉，您無法參加這個通話，可能原因：{{reason}}",
+        "tokenAuthUnsupported": "不支援權杖網址。",
+        "transcribing": "轉錄中",
+        "unauthenticatedAccessDisabled": "此會議需要身份驗證，請先登入後繼續。",
+        "unlockRoom": "移除會議 $t(lockRoomPassword)",
+        "user": "使用者",
+        "userIdentifier": "使用者 ID",
+        "userPassword": "使用者密碼",
+        "verifyParticipantConfirm": "符合",
+        "verifyParticipantDismiss": "不符合",
+        "verifyParticipantQuestion": "實驗性功能：詢問與會者 {{participantName}} 是否以相同順序看到相同內容。",
+        "verifyParticipantTitle": "使用者驗證",
+        "videoLink": "影片連結",
+        "viewUpgradeOptions": "查看升級方案",
+        "viewUpgradeOptionsContent": "若要不受限制地使用錄製、逐字稿、RTMP 串流等進階版功能，您需要升級您的方案。",
+        "viewUpgradeOptionsTitle": "您找到了進階版功能！",
+        "whiteboardLimitContent": "抱歉，已達到白板使用者限制。",
+        "whiteboardLimitReference": "若要了解詳情，請前往",
+        "whiteboardLimitReferenceUrl": "我們的網站",
+        "whiteboardLimitTitle": "白板使用受限",
+        "yourEntireScreen": "您的整個螢幕"
+    },
+    "documentSharing": {
+        "title": "分享的檔案"
+    },
+    "e2ee": {
+        "labelToolTip": "此通話的音訊及視訊皆經過端對端加密處理"
+    },
+    "embedMeeting": {
+        "title": "嵌入此會議"
+    },
+    "feedback": {
+        "accessibilityLabel": {
+            "yourChoice": "您的選擇：{{rating}}"
+        },
+        "average": "一般",
+        "bad": "不好",
+        "detailsLabel": "告訴我們更多細節。",
+        "good": "好",
+        "rateExperience": "評價您的會議體驗",
+        "star": "星級",
+        "veryBad": "極差",
+        "veryGood": "極好"
+    },
+    "fileSharing": {
+        "downloadFailedDescription": "請重試",
+        "downloadFailedTitle": "下載失敗",
+        "downloadFile": "下載",
+        "downloadStarted": "檔案下載已開始",
+        "dragAndDrop": "將檔案拖曳至此或畫面任一處上傳",
+        "fileAlreadyUploaded": "檔案已上傳至此會議",
+        "fileRemovedByOther": "您的檔案「{{fileName}}」已被移除",
+        "fileTooLargeDescription": "請確認檔案未超過 {{ maxFileSize }}",
+        "fileTooLargeTitle": "檔案過大",
+        "fileUploadProgress": "檔案上傳進度",
+        "fileUploadedSuccessfully": "檔案上傳成功",
+        "newFileNotification": "{{participantName}}分享了「{{fileName}}」",
+        "removeFile": "移除",
+        "removeFileSuccess": "檔案移除成功",
+        "uploadFailedDescription": "請重試",
+        "uploadFailedTitle": "上傳失敗",
+        "uploadFile": "分享檔案"
+    },
+    "filmstrip": {
+        "accessibilityLabel": {
+            "heading": "視頻縮略圖"
+        }
+    },
+    "giphy": {
+        "noResults": "找不到任何結果 :(",
+        "search": "搜尋 GIPHY 圖庫"
+    },
+    "incomingCall": {
+        "answer": "接通",
+        "audioCallTitle": "來電",
+        "decline": "拒接",
+        "productLabel": "來自 Jitsi Meet",
+        "videoCallTitle": "視訊來電"
+    },
+    "info": {
+        "accessibilityLabel": "顯示資訊",
+        "addPassword": "增加$t(lockRoomPassword)",
+        "cancelPassword": "取消$t(lockRoomPassword)",
+        "conferenceURL": "連結：",
+        "copyNumber": "複製號碼",
+        "country": "國家",
+        "dialANumber": "若要參加您的會議，請撥打以下其中一支號碼，然後輸入 PIN 碼。",
+        "dialInConferenceID": "PIN 碼：",
+        "dialInNotSupported": "抱歉，目前不支援電話撥入。",
+        "dialInNumber": "撥入：",
+        "dialInSummaryError": "目前解析撥入資訊錯誤，請稍後再試一次。",
+        "dialInTollFree": "完全免費",
+        "genericError": "糟糕！出錯了。",
+        "inviteLiveStream": "要查看這場會議的直播串流，點按此連結：{{url}}",
+        "invitePhone": "要用電話參加會議，請使用：{{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "要找另一組撥入號碼？\n請見會議撥入號碼：{{url}}\n\n\n如果使用電話撥入，請選擇無需音訊加入：{{silentUrl}}",
+        "inviteSipEndpoint": "如果要透過SIP地址加入，請輸入：{{sipUri}}",
+        "inviteTextiOSInviteUrl": "點擊此連結以加入：{{inviteUrl}}。",
+        "inviteTextiOSJoinSilent": "如果您使用電話撥入，請使用此連結來停用音訊：{{silentUrl}}。",
+        "inviteTextiOSPersonal": "{{name}}邀請您加入會議。",
+        "inviteTextiOSPhone": "若要透過電話加入，請使用此號碼：{{number}},,{{conferenceID}}#。如果您需要其他號碼，點擊此連結以檢視完整列表：{{didUrl}}。",
+        "inviteURLFirstPartGeneral": "您受邀參加會議。",
+        "inviteURLFirstPartPersonal": "{{name}} 正在邀請您加入會議。\n",
+        "inviteURLSecondPart": "\n加入會議：\n{{url}}\n",
+        "label": "撥入資訊",
+        "liveStreamURL": "直播串流：",
+        "moreNumbers": "更多號碼",
+        "noNumbers": "無撥入號碼。",
+        "noPassword": "無",
+        "noRoom": "沒有會議室指定要撥入。",
+        "noWhiteboard": "無法載入白板",
+        "numbers": "撥入號碼",
+        "password": "$t(lockRoomPasswordUppercase)：",
+        "reachedLimit": "您已達到您的方案上限",
+        "sip": "SIP 位址",
+        "sipAudioOnly": "SIP 僅音訊位址",
+        "title": "分享",
+        "tooltip": "顯示此會議的連結及電話撥入號碼",
+        "upgradeOptions": "請查看升級選項於",
+        "whiteboardError": "載入白板時發生錯誤，請稍後再試。"
+    },
+    "inlineDialogFailure": {
+        "msg": "好像有點卡卡不順。",
+        "retry": "重試",
+        "support": "支援",
+        "supportMsg": "如果這種狀況持續發生，請聯絡"
+    },
+    "inviteDialog": {
+        "alertText": "邀請某些與會者失敗。",
+        "header": "邀請",
+        "searchCallOnlyPlaceholder": "輸入電話號碼",
+        "searchPeopleOnlyPlaceholder": "搜尋與會者",
+        "searchPlaceholder": "與會者或電話號碼",
+        "send": "傳送"
+    },
+    "jitsiHome": "{{logo}} 商標，首頁連結",
+    "keyboardShortcuts": {
+        "focusLocal": "聚焦於自己的影像",
+        "focusRemote": "聚焦於另一人的影像",
+        "fullScreen": "觀看或離開全螢幕",
+        "giphyMenu": "切換 GIPHY 選單",
+        "keyboardShortcuts": "快捷鍵",
+        "localRecording": "顯示或隱藏本機端錄製控制項",
+        "mute": "靜音或取消靜音",
+        "pushToTalk": "按鍵通話",
+        "raiseHand": "舉手或放下",
+        "showSpeakerStats": "顯示聲音輸出數據",
+        "toggleChat": "開啟或關閉聊天",
+        "toggleFilmstrip": "顯示或隱藏影片縮圖",
+        "toggleParticipantsPane": "顯示或隱藏與會者面板",
+        "toggleScreensharing": "在網路攝影機和螢幕分享之間進行切換",
+        "toggleShortcuts": "顯示或隱藏快捷鍵",
+        "videoMute": "啟動或停用自己的網路攝影機"
+    },
+    "largeVideo": {
+        "screenIsShared": "您正在分享您的螢幕",
+        "showMeWhatImSharing": "讓我看看我正在分享什麼"
+    },
+    "liveStreaming": {
+        "busy": "我們正在釋放串流資源，請過幾分鐘後再試。",
+        "busyTitle": "全部直播設備正在忙碌",
+        "changeSignIn": "切換帳號",
+        "choose": "選擇直播串流",
+        "chooseCTA": "請選擇直播串流選項，您目前是以 {{email}} 身份登入。",
+        "enterStreamKey": "在此輸入您的 YouTube 直播串流金鑰。",
+        "error": "直播串流失敗，請重試。",
+        "errorAPI": "在存取您的 YouTube 直播時發生問題，請重新登入。",
+        "errorLiveStreamNotEnabled": "直播在 {{email}} 尚未啟用，請開啟直播串流或登入有啟用直播串流的帳號。",
+        "expandedOff": "直播已停用",
+        "expandedOn": "會議目前正在 YouTube 上直播。",
+        "expandedPending": "直播串流正被啟動…",
+        "failedToStart": "直播串流啟動失敗",
+        "getStreamKeyManually": "我們無法解析任何直播串流，請嘗試從 YouTube 取得您的直播串流金鑰。",
+        "googlePrivacyPolicy": "Google 隱私權政策",
+        "inProgress": "正在錄製或直播",
+        "invalidStreamKey": "直播串流金鑰可能不正確。",
+        "limitNotificationDescriptionNative": "您的最大直播長度將被限制在 {{limit}} 分鐘，若要不受限的直播，請使用 {{app}}。",
+        "limitNotificationDescriptionWeb": "由於目前流量過大，您的最大直播長度將被限制在 {{limit}} 分鐘。若要不受限的直播，請使用 <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>。",
+        "off": "直播串流已停用",
+        "offBy": "{{name}} 停用了直播串流",
+        "on": "直播串流已啟動",
+        "onBy": "{{name}} 啟動了直播串流",
+        "pending": "啟動直播串流…",
+        "policyError": "您啟動直播的過快，請稍後重試！",
+        "serviceName": "直播串流服務",
+        "sessionAlreadyActive": "已在錄製或直播此工作階段。",
+        "signIn": "使用 Google 帳號登入",
+        "signInCTA": "輸入 YouTube 直播串流金鑰，或登入帳號。",
+        "signOut": "登出",
+        "signedInAs": "您目前登入名稱為：",
+        "start": "啟動直播串流",
+        "streamIdHelp": "這是什麼？",
+        "title": "直播串流",
+        "unavailableTitle": "直播串流無法使用",
+        "youtubeTerms": "YouTube 服務條款"
+    },
+    "lobby": {
+        "backToKnockModeButton": "請求加入",
+        "chat": "聊天",
+        "dialogTitle": "大廳模式",
+        "disableDialogContent": "大廳模式已啟用，此功能確保閒雜人等無法加入您的會議，確定要停用嗎？",
+        "disableDialogSubmit": "停用",
+        "emailField": "輸入您的電子郵件地址",
+        "enableDialogPasswordField": "設定密碼（選用）",
+        "enableDialogSubmit": "啟用",
+        "enableDialogText": "在大廳模式下，與會者只有被主持人同意後才能加入，以利加強保護您的會議。",
+        "enterPasswordButton": "輸入會議密碼",
+        "enterPasswordTitle": "輸入密碼以加入會議",
+        "errorMissingPassword": "請輸入會議密碼",
+        "invalidPassword": "密碼錯誤",
+        "joinRejectedMessage": "您的加入請求遭到主持人拒絕。",
+        "joinRejectedTitle": "加入請求遭拒。",
+        "joinTitle": "加入會議",
+        "joinWithPasswordMessage": "正在嘗試透過密碼加入，請稍候…",
+        "joiningMessage": "主持人接受您的請求後，即可加入會議",
+        "joiningTitle": "正在請求加入會議…",
+        "joiningWithPasswordTitle": "正在透過密碼加入…",
+        "knockButton": "請求加入",
+        "knockTitle": "有人想要加入會議",
+        "knockingParticipantList": "請求加入的與會者名單",
+        "lobbyChatStartedNotification": "{{moderator}} 與 {{attendee}} 開始在大廳中聊天",
+        "lobbyChatStartedTitle": "{{moderator}} 與您開始在大廳中聊天。",
+        "lobbyClosed": "大廳已關閉",
+        "nameField": "輸入您的名字",
+        "notificationLobbyAccessDenied": "{{originParticipantName}} 拒絕了 {{targetParticipantName}} 的加入請求",
+        "notificationLobbyAccessGranted": "{{originParticipantName}} 同意了 {{targetParticipantName}} 的加入請求",
+        "notificationLobbyDisabled": "{{originParticipantName}} 已停用大廳模式",
+        "notificationLobbyEnabled": "{{originParticipantName}} 已啟用大廳模式",
+        "notificationTitle": "大廳",
+        "passwordJoinButton": "加入",
+        "title": "大廳",
+        "toggleLabel": "啟用大廳模式",
+        "waitForModerator": "會議尚未開始，暫無主持人入會。如需成為主持人請先登入，或耐心等待會議開始。"
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "關閉",
+            "on": "開啟",
+            "unknown": "未知"
+        },
+        "dialogTitle": "本機錄製控制",
+        "duration": "時長",
+        "durationNA": "不適用",
+        "encoding": "編碼中",
+        "label": "本機錄製",
+        "labelToolTip": "本機錄製已啟用",
+        "localRecording": "本機錄製中",
+        "me": "我",
+        "messages": {
+            "engaged": "已啟用本機錄製。",
+            "finished": "錄製會話 {{token}} 已結束，請將傳送錄製檔案至主持人。",
+            "finishedModerator": "錄製階段{{token}} 已完成，本機錄製追蹤已存檔，請要求各與會者提供其錄製檔案。",
+            "notModerator": "您不是主持人，無法開始或停止本機錄製。"
+        },
+        "moderator": "主持人",
+        "no": "否",
+        "participant": "與會者",
+        "participantStats": "與會者統計",
+        "selectTabTitle": "🎥請選擇此分頁進行錄製",
+        "sessionToken": "會話標記",
+        "start": "開始錄製",
+        "stop": "停止錄製",
+        "stopping": "正在停止錄製",
+        "wait": "請等待，我們正在保存您的錄製",
+        "yes": "是"
+    },
+    "lockRoomPassword": "密碼",
+    "lockRoomPasswordUppercase": "密碼",
+    "lonelyMeetingExperience": {
+        "button": "邀請其他人",
+        "youAreAlone": "您是會議中的唯一一個人"
+    },
+    "me": "我",
+    "notify": {
+        "OldElectronAPPTitle": "安全漏洞！",
+        "allowAll": "允許全部",
+        "allowAudio": "允許音訊",
+        "allowBoth": "允許音訊與視訊",
+        "allowDesktop": "允許螢幕分享",
+        "allowVideo": "允許視訊",
+        "allowedUnmute": "您可以將麥克風解除靜音、開啟視訊，或是分享您的螢幕。",
+        "audioUnmuteBlockedDescription": "麥克風解除靜音操作由於系統限制而被暫時封鎖。",
+        "audioUnmuteBlockedTitle": "麥克風解除靜音遭封鎖！",
+        "chatMessages": "聊天訊息",
+        "connectedOneMember": "{{name}} 加入了會議",
+        "connectedThreePlusMembers": "{{name}} 與其他人加入了會議",
+        "connectedTwoMembers": "{{first}} 與{{second}} 加入了會議",
+        "connectionFailed": "連線失敗，請稍後重試！",
+        "dataChannelClosed": "視訊品質受限",
+        "dataChannelClosedDescription": "橋接通道已斷開，視訊品質降至最低設定。",
+        "dataChannelClosedDescriptionWithAudio": "橋接通道已斷開，音訊和視訊可能會受到影響。",
+        "dataChannelClosedWithAudio": "音訊和視訊品質可能會降低。",
+        "desktopMutedRemotelyTitle": "您的螢幕分享已被{{participantDisplayName}}停止",
+        "disabledIframe": "嵌入僅供示範使用，此通話將於 {{timeout}} 分鐘後中斷連線。",
+        "disabledIframeSecondaryNative": "嵌入 {{domain}} 僅供示範，此通話將於 {{timeout}} 分鐘後中斷。",
+        "disabledIframeSecondaryWeb": "嵌入 {{domain}} 僅供示範，此通話將於 {{timeout}} 分鐘後中斷，請使用 <a href='{{jaasDomain}}' rel='noopener noreferrer' target='_blank'>Jitsi 服務</a> 來進行正式嵌入！",
+        "disconnected": "已經中斷連接",
+        "displayNotifications": "顯示通知給",
+        "dontRemindMe": "不要再提醒我",
+        "focus": "會議焦點",
+        "focusFail": "{{component}} 無法使用 - {{ms}} 秒後重試",
+        "gifsMenu": "GIPHY",
+        "groupTitle": "通知",
+        "hostAskedUnmute": "主持人希望您發言",
+        "invalidTenant": "無效的租用者名稱",
+        "invalidTenantHyphenDescription": "您使用的租用者名稱無效（開頭或結尾不可為「-」）。",
+        "invalidTenantLengthDescription": "您使用的租用者名稱過長。",
+        "invitedOneMember": "{{name}} 已受邀請",
+        "invitedThreePlusMembers": "{{name}} 與 {{count}} 位人員已受邀請",
+        "invitedTwoMembers": "{{first}} 與 {{second}} 已受邀請",
+        "joinMeeting": "加入",
+        "kickParticipant": "{{kicked}} 已被 {{kicker}} 移除會議",
+        "leftOneMember": "{{name}} 已離開會議",
+        "leftThreePlusMembers": "{{name}} 與其他人已離開會議",
+        "leftTwoMembers": "{{first}} 與 {{second}} 已離開會議",
+        "linkToSalesforce": "連結至 Salesforce",
+        "linkToSalesforceDescription": "您可以將會議摘要連結至 Salesforce 物件。",
+        "linkToSalesforceError": "無法將會議連結至 Salesforce",
+        "linkToSalesforceKey": "連結此會議",
+        "linkToSalesforceProgress": "正在將會議連結至 Salesforce…",
+        "linkToSalesforceSuccess": "會議已連結至 Salesforce",
+        "localRecordingStarted": "{{name}} 已啟用本機錄製",
+        "localRecordingStopped": "{{name}} 已停用本機錄製",
+        "me": "我",
+        "moderationInEffectCSDescription": "若要分享您的螢幕，請舉手",
+        "moderationInEffectCSTitle": "分享螢幕已被主持人停用",
+        "moderationInEffectDescription": "若要發言，請舉手",
+        "moderationInEffectTitle": "您的麥克風已被主持人靜音",
+        "moderationInEffectVideoDescription": "若要啟用網路攝影機，請舉手",
+        "moderationInEffectVideoTitle": "您的網路攝影機已被主持人停用",
+        "moderationRequestFromModerator": "主持人希望您能解除靜音",
+        "moderationRequestFromParticipant": "想要發言",
+        "moderationStartedTitle": "開始主持",
+        "moderationStoppedTitle": "停止主持",
+        "moderationToggleDescription": "由 {{participantDisplayName}}",
+        "moderator": "主持人權限已經取得！",
+        "muted": "您已經啟動通話，處於靜音。",
+        "mutedRemotelyDescription": "當您準備好要發言，隨時可以取消靜音。當您結束之後再回復成靜音，保持會議安靜。",
+        "mutedRemotelyTitle": "您已經被 {{participantDisplayName}} 設為靜音！",
+        "mutedTitle": "您目前處於靜音！",
+        "newDeviceAction": "使用",
+        "newDeviceAudioTitle": "偵測到新的音效裝置",
+        "newDeviceCameraTitle": "偵測到新的網路攝影機",
+        "nextToSpeak": "下一位輪到您發言",
+        "noiseSuppressionDesktopAudioDescription": "分享電腦音訊時無法啟用雜訊抑制，請停用後重試。",
+        "noiseSuppressionFailedTitle": "啟用雜訊抑制失敗",
+        "noiseSuppressionStereoDescription": "目前不支援立體聲降噪功能。",
+        "oldElectronClientDescription1": "您似乎正在使用存在已知安全漏洞的過時 Jitsi Meet 用戶端，請盡快更新至我們的",
+        "oldElectronClientDescription2": "最新版本",
+        "oldElectronClientDescription3": "！",
+        "openChat": "開啟聊天",
+        "participantWantsToJoin": "希望加入會議",
+        "participantsWantToJoin": "希望加入會議",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) 已被其他與會者移除",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) 由其他與會者設定",
+        "raiseHandAction": "舉手發言",
+        "raisedHand": "{{name}}想要發言。",
+        "raisedHands": "{{participantName}} 與其他 {{raisedHands}} 人",
+        "reactionSounds": "停用音效",
+        "reactionSoundsForAll": "停用所有音效",
+        "screenShareNoAudio": "您未在選擇視窗時勾選分享音訊",
+        "screenShareNoAudioTitle": "無法分享電腦聲音！",
+        "screenSharingAudioOnlyDescription": "無法分享系統音訊！",
+        "screenSharingAudioOnlyTitle": "請注意，透過分享螢幕會影響「最佳效能」模式，並使用更多頻寬。",
+        "selfViewTitle": "您隨時可以在設定中取消隱藏本人視圖",
+        "somebody": "某人",
+        "startSilentDescription": "重新加入會議以啟用音訊",
+        "startSilentTitle": "您以無音訊輸出方式加入了會議！",
+        "suboptimalBrowserWarning": "我們恐怕您本次會議體驗不佳，我們會努力改善。在此期間，請嘗試使用<a href='{{recommendedBrowserPageLink}}' target='_blank'>支援的瀏覽器</a> 。",
+        "suboptimalExperienceTitle": "瀏覽器警告",
+        "suggestRecordingAction": "開始",
+        "suggestRecordingDescription": "是否要開始錄製這場會議？",
+        "suggestRecordingTitle": "錄製此會議",
+        "unmute": "取消靜音",
+        "unmuteScreen": "開始螢幕分享",
+        "unmuteVideo": "啟用視訊",
+        "videoMutedRemotelyDescription": "您隨時可以再次啟用。",
+        "videoMutedRemotelyTitle": "您的視訊已被 {{participantDisplayName}} 停用",
+        "videoUnmuteBlockedDescription": "啟用網路攝影機與分享螢幕由於系統限制而被暫時封鎖。",
+        "videoUnmuteBlockedTitle": "啟用網路攝影機與分享螢幕遭封鎖！",
+        "viewLobby": "檢視大廳",
+        "viewParticipants": "查看與會者",
+        "viewVisitors": "查看訪客",
+        "waitingParticipants": "{{waitingParticipants}} 人",
+        "waitingVisitors": "排隊中的訪客： {{waitingVisitors}} 人",
+        "waitingVisitorsTitle": "會議尚未開始！",
+        "whiteboardLimitDescription": "由於即將超出使用者限制，白板將關閉，請儲存您的進度。",
+        "whiteboardLimitTitle": "白板使用情況"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "準許",
+            "admitAll": "準許所有人",
+            "allow": "允許與會者能夠：",
+            "allowDesktop": "允許螢幕分享",
+            "allowVideo": "允許視訊",
+            "askDesktop": "請求共享螢幕",
+            "askUnmute": "要求解除靜音",
+            "audioModeration": "自我解除靜音",
+            "blockEveryoneMicCamera": "停用所有人的麥克風和網路攝影機",
+            "breakoutRooms": "分組討論室",
+            "desktopModeration": "開始螢幕分享",
+            "goLive": "開始直播",
+            "invite": "邀請他人",
+            "lowerAllHands": "全部取消舉手",
+            "lowerHand": "取消舉手",
+            "moreModerationActions": "更多主持人選項",
+            "moreModerationControls": "更多主持人操作",
+            "moreParticipantOptions": "更多與會者選項",
+            "mute": "靜音",
+            "muteAll": "靜音所有人",
+            "muteEveryoneElse": "靜音其他人",
+            "reject": "拒絕",
+            "stopDesktop": "停止螢幕分享",
+            "stopEveryonesDesktop": "停止所有人的螢幕分享",
+            "stopEveryonesVideo": "停用所有人的視訊",
+            "stopVideo": "停用視訊",
+            "unblockEveryoneMicCamera": "解除封鎖所有人的麥克風及網路攝影機",
+            "videoModeration": "開啟視訊"
+        },
+        "close": "關閉",
+        "headings": {
+            "lobby": "大廳（{{count}} 人）",
+            "participantsList": "會議與會者（{{count}} 人）",
+            "viewerRequests": "觀眾請求（{{count}}人）",
+            "visitorInQueue": "（{{count}} 人等候中）",
+            "visitorRequests": "{{count}} 人申請",
+            "visitors": "訪客（{{count}} 人）",
+            "visitorsList": "觀眾（{{count}}人）",
+            "waitingLobby": "於大廳等候（{{count}} 人）"
+        },
+        "search": "搜尋與會者",
+        "searchDescription": "輸入關鍵字篩選與會者",
+        "title": "與會者"
+    },
+    "passwordDigitsOnly": "上限為 {{number}} 位數",
+    "passwordSetRemotely": "由其他與會者設定",
+    "pinParticipant": "{{participantName}} - 釘選",
+    "pinnedParticipant": "與會者被釘選",
+    "polls": {
+        "answer": {
+            "edit": "編輯",
+            "send": "送出",
+            "skip": "跳過",
+            "submit": "送出"
+        },
+        "by": "由 {{ name }}",
+        "closeButton": "結束投票",
+        "create": {
+            "accessibilityLabel": {
+                "send": "傳送投票"
+            },
+            "addOption": "新增選項",
+            "answerPlaceholder": "選項 {{index}}",
+            "cancel": "取消",
+            "create": "建立投票",
+            "pollOption": "選項 {{index}}",
+            "pollQuestion": "投票問題",
+            "questionPlaceholder": "詢問問題",
+            "removeOption": "移除選項",
+            "save": "儲存",
+            "send": "傳送"
+        },
+        "errors": {
+            "notUniqueOption": "選項必須是唯一的"
+        },
+        "notification": {
+            "description": "開啟投票分頁以參與投票",
+            "title": "此會議有一項新投票"
+        },
+        "results": {
+            "changeVote": "修改投票",
+            "empty": "目前會議中沒有任何投票，在這裡建立您的投票吧！",
+            "hideDetailedResults": "隱藏詳細資訊",
+            "showDetailedResults": "顯示詳細資訊",
+            "vote": "投票"
+        }
+    },
+    "poweredby": "技術支援由",
+    "prejoin": {
+        "audioAndVideoError": "音訊及視訊錯誤：",
+        "audioDeviceProblem": "您的音訊裝置有問題",
+        "audioOnlyError": "音訊錯誤：",
+        "audioTrackError": "無法建立音軌。",
+        "callMe": "打給我",
+        "callMeAtNumber": "撥打這支號碼：",
+        "calling": "撥打中",
+        "configuringDevices": "設定裝置中…",
+        "connectedWithAudioQ": "您有連接音訊設備嗎？",
+        "connection": {
+            "failed": "連線測試失敗！",
+            "good": "您的連線品質良好！",
+            "nonOptimal": "您的連線品質不理想",
+            "poor": "您的連線品質不佳",
+            "running": "正在測試連線中…"
+        },
+        "connectionDetails": {
+            "audioClipping": "您的音訊將會斷斷續續。",
+            "audioHighQuality": "您的音訊品質極佳。",
+            "audioLowNoVideo": "您的音訊品質較差，且無視訊功能。",
+            "goodQuality": "太好了!您的媒體品質良好。",
+            "noMediaConnectivity": "我們無法為此測試建立媒體連線，通常是防火牆或 NAT 的問題。",
+            "noVideo": "您的視訊畫質將會很糟糕。",
+            "testFailed": "連線測試遇到異常，但不一定會影響會議。",
+            "undetectable": "如果您仍無法在瀏覽器中進行通話，我們建議您檢查喇叭、麥克風、及網路攝影機的設置，確認是否允許瀏覽器存取麥克風及網路攝影機，並將瀏覽器更新到最新版本。如果以上步驟無法解決問題，請聯絡網頁程式的開發者。",
+            "veryPoorConnection": "您的通話品質將會非常糟糕。",
+            "videoFreezing": "您的視訊將會突然黑頻、卡住、或像素化。",
+            "videoHighQuality": "您的視訊畫質良好。",
+            "videoLowQuality": "您的螢幕的影格率及解析度將較低。",
+            "videoTearing": "您的螢幕可能會有瑕疵或像素化。"
+        },
+        "copyAndShare": "複製並分享會議連結",
+        "dialInMeeting": "撥入會議",
+        "dialInPin": "撥打進會議室並輸入 PIN 碼：",
+        "dialing": "撥號中",
+        "doNotShow": "不再顯示",
+        "errorDialOut": "無法撥出",
+        "errorDialOutDisconnected": "無法撥出，已斷開連接",
+        "errorDialOutFailed": "無法撥出，通話失敗",
+        "errorDialOutStatus": "取得撥出狀態時發生錯誤",
+        "errorMissingName": "請輸入您的名字以加入會議",
+        "errorNoPermissions": "您必須啟用麥克風及網路攝影機存取權限",
+        "errorStatusCode": "撥出失敗，狀態代碼：{{status}}",
+        "errorValidation": "號碼驗證失敗",
+        "iWantToDialIn": "我想要撥入",
+        "initiated": "通話已初始化",
+        "joinAudioByPhone": "使用手機音訊裝置加入",
+        "joinMeeting": "加入會議",
+        "joinMeetingInLowBandwidthMode": "以低頻寬模式加入",
+        "joinWithoutAudio": "無音訊情況下加入",
+        "keyboardShortcuts": "啟用鍵盤快捷鍵",
+        "linkCopied": "連結已複製到剪貼簿",
+        "lookGood": "聽起來您的麥克風能夠正常運作",
+        "or": "或",
+        "premeeting": "會議前",
+        "proceedAnyway": "仍然繼續",
+        "recordingWarning": "其他與會者可能正在錄製此通話",
+        "screenSharingError": "螢幕分享錯誤：",
+        "startWithPhone": "使用手機音訊開始",
+        "unsafeRoomConsent": "我了解風險，我想要加入會議",
+        "videoOnlyError": "視訊錯誤：",
+        "videoTrackError": "無法建立視訊軌。",
+        "viewAllNumbers": "檢視所有號碼"
+    },
+    "presenceStatus": {
+        "busy": "忙線",
+        "calling": "來電…",
+        "connected": "已連線",
+        "connecting": "連線中…",
+        "connecting2": "連線中*…",
+        "disconnected": "已經中斷連接",
+        "expired": "逾時未接",
+        "ignored": "忽略不接",
+        "initializingCall": "通話初始化中…",
+        "invited": "受邀",
+        "rejected": "拒絕",
+        "ringing": "鈴鈴鈴…"
+    },
+    "profile": {
+        "avatar": "頭像",
+        "setDisplayNameLabel": "設定顯示名稱",
+        "setEmailInput": "輸入您的電子信箱",
+        "setEmailLabel": "設定您的 Gravatar 電子信箱",
+        "title": "簡介"
+    },
+    "raisedHand": "想要發言",
+    "raisedHandsLabel": "舉手人數",
+    "record": {
+        "already": {
+            "linked": "會議已連結至此 Salesforce 物件。"
+        },
+        "type": {
+            "account": "帳號",
+            "contact": "聯絡人",
+            "lead": "潛在客戶",
+            "opportunity": "機會",
+            "owner": "負責人"
+        }
+    },
+    "recording": {
+        "authDropboxText": "上傳至 Dropbox",
+        "availableSpace": "可用空間：{{spaceLeft}} MB（錄製時間大約 {{duration}} 分鐘）",
+        "beta": "測試版",
+        "busy": "我們正在釋放錄製資源，請過幾分鐘後再試。",
+        "busyTitle": "全部錄製目前忙碌",
+        "copyLink": "複製連結",
+        "error": "錄製失敗，請重試。",
+        "errorFetchingLink": "取得錄製檔案連結時發生錯誤。",
+        "expandedOff": "錄製已停止",
+        "expandedOn": "此會議目前正在錄製。",
+        "expandedPending": "錄製正在啟動…",
+        "failedToStart": "錄製啟動失敗",
+        "fileSharingdescription": "分享錄製給會議與會者",
+        "highlight": "精選",
+        "highlightMoment": "精選時刻",
+        "highlightMomentDisabled": "您可以在錄製開始後精選時刻",
+        "highlightMomentSuccess": "已精選的時刻",
+        "highlightMomentSucessDescription": "您的精選時刻將新增至會議摘要。",
+        "inProgress": "正在錄製或直播",
+        "limitNotificationDescriptionNative": "由於目前流量過大，您的錄製時間被限制在 {{limit}} 分鐘。若要無限制的錄製，請試試 <3>{{app}}</3>。",
+        "limitNotificationDescriptionWeb": "由於目前流量過大，您的錄製時間被限制在 {{limit}} 分鐘。若要無限制的錄製，請試試 <a href={{url}}rel='noopener noreferrer' target='_blank'>{{app}}</a>。",
+        "linkGenerated": "我們建立了您的錄製檔案的連結。",
+        "localRecordingNoNotificationWarning": "系統不會主動知會與會者錄製已開啟，主持人需另行通知。",
+        "localRecordingNoVideo": "沒有錄製的視訊",
+        "localRecordingStartWarning": "請確保在退出會議之前停用錄製以便保存。",
+        "localRecordingStartWarningTitle": "停用錄製以保存",
+        "localRecordingVideoStop": "關閉您的視訊也將停止本機錄製，確定繼續嗎？",
+        "localRecordingVideoWarning": "錄製視訊必須在開始時啟用",
+        "localRecordingWarning": "確保選擇目前的分頁以錄製正確的視訊和音訊。",
+        "loggedIn": "以 {{userName}} 登入",
+        "noMicPermission": "無法建立麥克風軌，請允許使用麥克風的權限。",
+        "noStreams": "未檢測到音訊或視訊。",
+        "off": "錄製已停用",
+        "offBy": "{{name}} 停止了錄製",
+        "on": "正在錄製",
+        "onBy": "{{name}} 開始了錄製",
+        "onlyRecordSelf": "僅錄製我的音訊和影片串流",
+        "pending": "正在準備錄製會議…",
+        "policyError": "您啟動錄製的速度過快，請稍後再試！",
+        "recordAudioAndVideo": "錄製音訊和視訊",
+        "recordTranscription": "錄製字幕內容",
+        "saveLocalRecording": "將錄製檔案保存在本機（測試版）",
+        "serviceDescription": "您的錄製會由錄製服務儲存",
+        "serviceDescriptionCloud": "雲端錄製",
+        "serviceDescriptionCloudInfo": "已錄製的會議將在 24 小時後自動清除。",
+        "serviceName": "錄製服務",
+        "sessionAlreadyActive": "已在錄製或直播此工作階段。",
+        "showAdvancedOptions": "進階選項",
+        "signIn": "登入",
+        "signOut": "登出",
+        "surfaceError": "請選擇目前分頁",
+        "title": "錄製中",
+        "unavailable": "喔哦！{{serviceName}} 目前無法使用，我們正在解決此問題，請稍後再試。",
+        "unavailableTitle": "錄製無法使用",
+        "uploadToCloud": "上傳至雲端"
+    },
+    "screenshareDisplayName": "{{name}} 的螢幕",
+    "sectionList": {
+        "pullToRefresh": "下拉以重新整理"
+    },
+    "security": {
+        "about": "您可以新增 $t(lockRoomPassword) 至您的會議，與會者在加入會議前必須先輸入$t(lockRoomPassword)。",
+        "aboutReadOnly": "主持人可以新增 $t(lockRoomPassword) 至會議，與會者在加入會議前必須先輸入$t(lockRoomPassword)。",
+        "insecureRoomNameWarningNative": "房間名稱不安全，任何人都可能會加入您的會議。{{recommendAction}} 了解有關保護您的會議的更多資訊。",
+        "insecureRoomNameWarningWeb": "房間名稱不安全，任何人都可能會加入您的會議。{{recommendAction}} 在此處了解有關保護您的會議的更多資訊 <a href=\"{{securityUrl}}\" rel=\"security\" target=\"_blank\">這裡</a>。",
+        "title": "安全性選項",
+        "unsafeRoomActions": {
+            "meeting": "請考慮使用安全按鈕保護您的會議。",
+            "prejoin": "請考慮使用一個更獨特的會議名稱。",
+            "welcome": "請考慮使用一個更獨特的會議名稱，或從建議中選擇一個。"
+        }
+    },
+    "settings": {
+        "audio": "音訊",
+        "buttonLabel": "設定",
+        "calendar": {
+            "about": "{{appName}} 行事曆整合功能可安全地存取您行事曆中即將舉行的活動。",
+            "disconnect": "中斷連接",
+            "microsoftSignIn": "使用 Microsoft 帳號登入",
+            "signedIn": "目前正在存取 {{email}} 的行事曆事件，點按下方中斷連接可以停用存取行事曆事件。",
+            "title": "行事曆"
+        },
+        "chatWithPermissions": "聊天功能需取得權限",
+        "desktopShareFramerate": "桌面螢幕分享影格率",
+        "desktopShareHighFpsWarning": "較高的桌面螢幕分享影格率可能會影響您的頻寬，您必須重新啟動桌面螢幕分享以套用新的設定。",
+        "desktopShareWarning": "您必須重新啟動桌面螢幕分享以套用新的設定。",
+        "devices": "裝置",
+        "followMe": "全部人跟隨我",
+        "followMeRecorder": "錄影將跟隨我的視角",
+        "framesPerSecond": "fps",
+        "incomingMessage": "新訊息",
+        "language": "語言",
+        "loggedIn": "以{{name}}登入",
+        "maxStageParticipants": "可被釘選的最大與會者人數",
+        "microphones": "麥克風",
+        "moderator": "主持人",
+        "moderatorOptions": "主持人選項",
+        "more": "一般",
+        "name": "名稱",
+        "noDevice": "無",
+        "notifications": "通知",
+        "participantJoined": "與會者已加入",
+        "participantKnocking": "與會者已進入大廳",
+        "participantLeft": "與會者已離開",
+        "playSounds": "播放音效",
+        "reactions": "會議反應",
+        "sameAsSystem": "與系統相同（{{label}}）",
+        "selectAudioOutput": "音訊輸出",
+        "selectCamera": "網路攝影機",
+        "selectMic": "麥克風",
+        "selfView": "自身螢幕",
+        "shortcuts": "快捷鍵",
+        "showSubtitlesOnStage": "在主畫面顯示字幕",
+        "speakers": "喇叭",
+        "startAudioMuted": "所有人啟動時處於靜音",
+        "startReactionsMuted": "關閉所有人反應音效",
+        "startVideoMuted": "所有人啟動時隱藏視訊",
+        "talkWhileMuted": "通話時靜音",
+        "title": "設定",
+        "video": "影片"
+    },
+    "settingsView": {
+        "advanced": "進階",
+        "alertCancel": "取消",
+        "alertOk": "確定",
+        "alertTitle": "警告",
+        "alertURLText": "輸入的伺服器網址無效",
+        "apply": "套用",
+        "buildInfoSection": "組建資訊",
+        "conferenceSection": "會議",
+        "disableCallIntegration": "停用原生通話整合",
+        "disableCrashReporting": "停用錯誤回報",
+        "disableCrashReportingWarning": "您確定要停用錯誤回報功能嗎？變更將在重啟應用程式後生效。",
+        "disableP2P": "停用點對點模式",
+        "displayName": "顯示名稱",
+        "displayNamePlaceholderText": "例如：王小明",
+        "email": "電子郵件",
+        "emailPlaceholderText": "email@example.com",
+        "gavatarMessage": "如果您的電子郵件地址與 Gravatar 帳號相關聯，我們會使用 Gravatar 上的個人檔案大頭貼。",
+        "goTo": "前往",
+        "header": "設定",
+        "help": "協助",
+        "links": "連結",
+        "privacy": "隱私權",
+        "profileSection": "簡介",
+        "sdkVersion": "SDK 版本",
+        "serverURL": "伺服器網址",
+        "showAdvanced": "顯示進階設定",
+        "startCarModeInLowBandwidthMode": "同時啟用行車模式與低頻寬模式",
+        "startWithAudioMuted": "啟動並靜音",
+        "startWithVideoMuted": "啟動並關閉影像",
+        "terms": "條款",
+        "version": "應用程式版本"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\n只想要透過手機撥打加入嗎？\n\n撥打{{defaultDialInNumber}}或點此連結來查看此會議的電話撥入號碼\n{{dialInfoPageUrl}}",
+        "mainText": "點選下方連結加入會議：\n{{roomUrl}}"
+    },
+    "speaker": "喇叭",
+    "speakerStats": {
+        "angry": "生氣",
+        "disgusted": "嘔吐",
+        "displayEmotions": "顯示表情",
+        "fearful": "可怕",
+        "happy": "笑臉",
+        "hours": "{{count}} 小時",
+        "labelTooltip": "與會者人數：{{count}}",
+        "minutes": "{{count}} 分",
+        "name": "名字",
+        "neutral": "中立",
+        "sad": "悲傷",
+        "search": "搜尋",
+        "searchDescription": "輸入關鍵字篩選與會者",
+        "searchHint": "搜尋與會者",
+        "seconds": "{{count}} 秒",
+        "speakerStats": "發言統計",
+        "speakerTime": "發言時間",
+        "surprised": "驚訝"
+    },
+    "startupoverlay": {
+        "genericTitle": "此會議需要使用您的麥克風和網路攝影機。",
+        "policyText": " ",
+        "title": "{{app}} 需要使用您的麥克風和網路攝影機。"
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "重新加入",
+        "text": "按下 <i>重新加入</i> 按鈕以重新連接。",
+        "title": "由於電腦進入休眠，您的視訊通話已經中斷。"
+    },
+    "termsView": {
+        "title": "條款"
+    },
+    "toggleTopPanelLabel": "切換頂部面板",
+    "toolbar": {
+        "Settings": "設定",
+        "accessibilityLabel": {
+            "Settings": "切換設定",
+            "audioOnly": "切換僅音訊",
+            "audioRoute": "選擇音訊裝置",
+            "boo": "倒喝彩",
+            "breakoutRooms": "分組討論室",
+            "callQuality": "管理視訊品質",
+            "carmode": "行車模式",
+            "cc": "切換字幕",
+            "chat": "打開/關閉聊天視窗",
+            "clap": "鼓掌",
+            "closeChat": "關閉聊天",
+            "closeMoreActions": "關閉更多操作選單",
+            "closeParticipantsPane": "關閉與會者窗格",
+            "closedCaptions": "停用即時字幕",
+            "collapse": "收回",
+            "document": "切換檔案分享",
+            "documentClose": "關閉檔案分享",
+            "documentOpen": "打開檔案分享",
+            "download": "下載我們的應用程式",
+            "embedMeeting": "嵌入會議",
+            "endConference": "結束會議（所有人）",
+            "enterFullScreen": "進入全螢幕",
+            "enterTileView": "進入平鋪顯示模式",
+            "exitFullScreen": "退出全螢幕",
+            "exitTileView": "退出平鋪顯示模式",
+            "expand": "展開",
+            "feedback": "留下建議",
+            "fullScreen": "切換全螢幕",
+            "giphy": "切換 GIPHY 選單",
+            "grantModerator": "授予主持人權限",
+            "hangup": "離開會議",
+            "heading": "工具列",
+            "help": "協助",
+            "hideWhiteboard": "隱藏白板",
+            "invite": "邀請他人",
+            "kick": "移除與會者",
+            "laugh": "大笑",
+            "leaveConference": "離開會議",
+            "like": "比讚",
+            "linkToSalesforce": "連結至 Salesforce",
+            "lobbyButton": "啟用/停用大廳模式",
+            "localRecording": "切換本機錄製控制",
+            "lockRoom": "切換會議密碼",
+            "love": "愛心",
+            "lowerHand": "放下手",
+            "moreActions": "更多動作",
+            "moreActionsMenu": "更多動作選單",
+            "moreOptions": "顯示更多選項",
+            "mute": "靜音",
+            "muteEveryone": "全部靜音",
+            "muteEveryoneElse": "其他人全部靜音",
+            "muteEveryoneElsesVideoStream": "停止其他人的視訊",
+            "muteEveryonesVideoStream": "停止所有人的視訊",
+            "muteGUMPending": "正在連接您的麥克風",
+            "noiseSuppression": "雜訊抑制（BETA）",
+            "openChat": "打開聊天",
+            "participants": "打開與會者窗格",
+            "pip": "切換子母螢幕模式",
+            "privateMessage": "傳送私人訊息",
+            "profile": "編輯您的個人檔案",
+            "raiseHand": "舉手",
+            "react": "訊息反應",
+            "reactions": "反應",
+            "reactionsMenu": "反應選單",
+            "recording": "切換錄製",
+            "remoteMute": "將與會者靜音",
+            "remoteVideoMute": "停用與會者的網路攝影機",
+            "security": "安全性選項",
+            "selectBackground": "選擇背景",
+            "selfView": "切換自身螢幕",
+            "shareRoom": "邀請他人",
+            "shareYourScreen": "開始分享您的螢幕",
+            "shareaudio": "分享音訊",
+            "sharedvideo": "分享視訊",
+            "shortcuts": "切換快捷方式",
+            "show": "顯示在台上",
+            "showWhiteboard": "顯示白板",
+            "silence": "沉默",
+            "speakerStats": "切換與會者統計資料",
+            "stopScreenSharing": "停止分享螢幕",
+            "stopSharedVideo": "停止視訊",
+            "surprised": "驚訝",
+            "tileView": "切換畫廊檢視",
+            "toggleCamera": "切換網路攝影機",
+            "toggleFilmstrip": "切換簡報",
+            "unmute": "取消靜音",
+            "videoblur": "切換視訊模糊",
+            "videomute": "停用網路攝影機",
+            "videomuteGUMPending": "正在連接您的網路攝影機",
+            "videounmute": "啟用網路攝影機"
+        },
+        "addPeople": "新增人員到您的通話中",
+        "advancedAudioSettings": {
+            "aec": {
+                "label": "回聲消除"
+            },
+            "agc": {
+                "label": "自動增益控制"
+            },
+            "ns": {
+                "label": "降噪"
+            },
+            "stereo": {
+                "label": "立體聲"
+            }
+        },
+        "audioOnlyOff": "停用低頻寬模式",
+        "audioOnlyOn": "啟用低頻寬模式",
+        "audioRoute": "選擇音訊裝置",
+        "audioSettings": "音訊設定",
+        "authenticate": "驗證",
+        "boo": "倒喝彩",
+        "callQuality": "管理影像品質",
+        "chat": "開啟/關閉聊天欄",
+        "clap": "鼓掌",
+        "closeChat": "關閉聊天",
+        "closeParticipantsPane": "關閉與會者窗格",
+        "closeReactionsMenu": "關閉反應選單",
+        "closedCaptions": "停用即時字幕",
+        "disableNoiseSuppression": "停用雜訊抑制（BETA）",
+        "disableReactionSounds": "您可以停用此會議的反應音效",
+        "documentClose": "關閉分享檔案欄",
+        "documentOpen": "開啟分享檔案欄",
+        "download": "下載我們的應用程式",
+        "e2ee": "端對端加密",
+        "embedMeeting": "嵌入會議",
+        "enableNoiseSuppression": "開啟雜訊抑制（BETA）",
+        "endConference": "結束會議（所有人）",
+        "enterFullScreen": "放大全螢幕",
+        "enterTileView": "進入畫廊檢視",
+        "exitFullScreen": "離開全螢幕",
+        "exitTileView": "跳出畫廊檢視",
+        "feedback": "回饋",
+        "giphy": "啟用/停用 GIPHY 選單",
+        "hangup": "離開會議",
+        "help": "協助",
+        "hideWhiteboard": "停用白板",
+        "invite": "邀請他人",
+        "joinBreakoutRoom": "加入分組討論室",
+        "laugh": "大笑",
+        "leaveBreakoutRoom": "離開分組討論室",
+        "leaveConference": "離開會議",
+        "like": "比讚",
+        "linkToSalesforce": "連結至 Salesforce",
+        "lobbyButtonDisable": "停用大廳模式",
+        "lobbyButtonEnable": "啟用大廳模式",
+        "login": "登入",
+        "logout": "登出",
+        "love": "愛心",
+        "lowerYourHand": "放下您的手",
+        "moreActions": "更多動作",
+        "moreOptions": "更多選項",
+        "mute": "靜音/解除靜音",
+        "muteEveryone": "靜音所有人",
+        "muteEveryonesVideo": "停用所有人的網路攝影機",
+        "muteGUMPending": "正在連接您的麥克風",
+        "noAudioSignalDesc": "如果您沒有特別從系統設定或硬體靜音，請考慮更換裝置。",
+        "noAudioSignalDescSuggestion": "如果您沒有特別從系統設定或硬體靜音，請考慮切換至建議裝置。",
+        "noAudioSignalDialInDesc": "您亦可使用下述方式撥入：",
+        "noAudioSignalDialInLinkDesc": "撥入號碼",
+        "noAudioSignalTitle": "您的麥克風沒有訊號！",
+        "noiseSuppression": "雜訊抑制（BETA）",
+        "noisyAudioInputDesc": "噪音聽起來是從您的麥克風傳來的，請考慮靜音或更換裝置。",
+        "noisyAudioInputTitle": "您的麥克風疑似有雜音！",
+        "openChat": "開啟聊天",
+        "openReactionsMenu": "開啟反應選單",
+        "participants": "與會者",
+        "pip": "進入子母螢幕模式",
+        "privateMessage": "傳送私人訊息",
+        "profile": "編輯您的個人資料",
+        "raiseHand": "舉起/放下您的手",
+        "raiseYourHand": "舉手",
+        "reactionBoo": "傳送倒喝彩反應",
+        "reactionClap": "傳送鼓掌反應",
+        "reactionHeart": "傳送愛心反應",
+        "reactionLaugh": "傳送大笑反應",
+        "reactionLike": "傳送比讚反應",
+        "reactionLove": "傳送愛心",
+        "reactionSilence": "傳送沉默反應",
+        "reactionSurprised": "傳送驚訝反應",
+        "reactions": "反應",
+        "security": "安全性選項",
+        "selectBackground": "選擇背景",
+        "shareRoom": "邀請他人",
+        "shareaudio": "分享音訊",
+        "sharedvideo": "分享影片",
+        "shortcuts": "查看快捷鍵",
+        "showWhiteboard": "啟用白板",
+        "silence": "沉默",
+        "speakerStats": "發言統計",
+        "startScreenSharing": "啟動螢幕分享",
+        "startSubtitles": "{{language}} • 字幕",
+        "stopAudioSharing": "停用分享音訊",
+        "stopScreenSharing": "停用分享螢幕",
+        "stopSharedVideo": "停用影片",
+        "stopSubtitles": "停用字幕",
+        "surprised": "驚訝",
+        "talkWhileMutedPopup": "您要發言嗎？目前您處於靜音。",
+        "tileViewToggle": "切換畫廊檢視",
+        "toggleCamera": "切換網路攝影機",
+        "unmute": "取消靜音",
+        "videoSettings": "視訊設定",
+        "videomute": "切換網路攝影機",
+        "videomuteGUMPending": "正在連接您的網路攝影機",
+        "videounmute": "啟用網路攝影機"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "啟動/停用字幕",
+        "expandedLabel": "轉錄已開啟",
+        "failed": "轉錄失敗",
+        "labelTooltip": "此會議正在轉錄",
+        "labelTooltipExtra": "稍後將提供完整轉錄紀錄",
+        "openClosedCaptions": "開啟字幕",
+        "original": "原文",
+        "sourceLanguageDesc": "會議語言目前設定為 <b>{{sourceLanguage}}</b><br/> 您可以在這裡",
+        "sourceLanguageHere": "修改",
+        "start": "開始顯示字幕",
+        "stop": "停用顯示字幕",
+        "subtitles": "字幕",
+        "subtitlesOff": "關",
+        "tr": "轉錄",
+        "translateTo": "翻譯成"
+    },
+    "unpinParticipant": "{{participantName}} - 取消釘選",
+    "userMedia": {
+        "grantPermissions": "請允許使用您的網路攝影機和麥克風的權限."
+    },
+    "videoSIPGW": {
+        "busy": "我們正在釋放資源，請過幾分鐘後再試。",
+        "busyTitle": "會議室服務目前忙碌中",
+        "errorAlreadyInvited": "{{displayName}} 已經受邀",
+        "errorInvite": "會議尚未開始，請稍候再試。",
+        "errorInviteFailed": "我們正在努力解決這個問題，請稍後再試。",
+        "errorInviteFailedTitle": "邀請 {{displayName}} 失敗",
+        "errorInviteTitle": "會議室邀請錯誤",
+        "pending": "已向 {{displayName}} 傳送邀請"
+    },
+    "videoStatus": {
+        "adjustFor": "調整為：",
+        "audioOnly": "僅音訊",
+        "audioOnlyExpanded": "您目前處於低頻寬模式，在此模式下您僅會收到語音及螢幕分享。",
+        "bestPerformance": "最佳效能",
+        "callQuality": "視訊品質（0 表示最佳效能，3 表示最高品質）",
+        "hd": "高畫質",
+        "hdTooltip": "查看高畫質視訊",
+        "highDefinition": "高畫質",
+        "highestQuality": "最高品質",
+        "labelTooiltipNoVideo": "無視訊",
+        "labelTooltipAudioOnly": "啟用低頻寬模式",
+        "ld": "低畫質",
+        "ldTooltip": "查看低畫質視訊",
+        "lowDefinition": "低畫質",
+        "performanceSettings": "效能設定",
+        "recording": "錄製中",
+        "sd": "標準畫質",
+        "sdTooltip": "查看標準畫質視訊",
+        "standardDefinition": "標準畫質",
+        "streaming": "串流中"
+    },
+    "videothumbnail": {
+        "connectionInfo": "連線資訊",
+        "demote": "轉為訪客",
+        "domute": "靜音",
+        "domuteDesktop": "停止螢幕分享",
+        "domuteDesktopOfOthers": "停止螢幕分享給其他人",
+        "domuteOthers": "靜音其他人",
+        "domuteVideo": "停用網路攝影機",
+        "domuteVideoOfOthers": "停用其他人的網路攝影機",
+        "flip": "翻轉",
+        "grantModerator": "授予主持人權限",
+        "hideSelfView": "隱藏自我檢視",
+        "kick": "移除",
+        "mirrorVideo": "鏡像我的視訊",
+        "moderator": "主持人",
+        "mute": "與會者處於靜音",
+        "muted": "處於靜音",
+        "pinToStage": "釘選至螢幕",
+        "remoteControl": "啟用/停用遠端控制",
+        "screenSharing": "與會者正在分享他們的螢幕",
+        "show": "顯示在台上",
+        "showSelfView": "顯示自我檢視",
+        "unpinFromStage": "取消釘選",
+        "verify": "驗證與會者",
+        "videoMuted": "已停用網路攝影機",
+        "videomute": "與會者已經停用網路攝影機"
+    },
+    "virtualBackground": {
+        "accessibilityLabel": {
+            "currentBackground": "目前背景：{{background}}",
+            "selectBackground": "選擇背景"
+        },
+        "addBackground": "新增背景",
+        "apply": "套用",
+        "backgroundEffectError": "無法套用背景效果。",
+        "blur": "模糊",
+        "deleteImage": "刪除圖片",
+        "desktopShare": "螢幕分享",
+        "desktopShareError": "無法建立螢幕分享",
+        "image1": "海灘",
+        "image2": "牆壁（白）",
+        "image3": "空房間（白）",
+        "image4": "落地燈（黑）",
+        "image5": "山岳",
+        "image6": "森林",
+        "image7": "日出",
+        "none": "無",
+        "pleaseWait": "請稍候…",
+        "removeBackground": "移除背景",
+        "slightBlur": "輕微模糊",
+        "title": "虛擬背景",
+        "uploadedImage": "已上傳的圖片 {{index}}",
+        "webAssemblyWarning": "不支援 WebAssembly",
+        "webAssemblyWarningDescription": "WebAssembly 已停用或不受此瀏覽器支援"
+    },
+    "visitors": {
+        "chatIndicator": "（訪客）",
+        "joinMeeting": {
+            "description": "您目前以訪客身分參與本會議",
+            "raiseHand": "舉手",
+            "title": "正在加入會議",
+            "wishToSpeak": "若您想發言，請先舉手並等候主持人同意"
+        },
+        "labelTooltip": "訪客數量：{{count}}",
+        "notification": {
+            "demoteDescription": "由 {{actor}} 調整為訪客，若要參與請舉手",
+            "noMainParticipantsDescription": "須有主要與會者啟動會議，請稍後再試",
+            "noMainParticipantsTitle": "會議尚未開始",
+            "noVisitorLobby": "此會議啟用大廳，暫時無法加入",
+            "notAllowedPromotion": "需由與會者同意您的申請",
+            "requestToJoin": "舉手請求",
+            "requestToJoinDescription": "您的請求已傳送給主持人，請稍候！",
+            "title": "您是會議中的訪客"
+        },
+        "waitingMessage": "會議開始後您將自動加入！"
+    },
+    "volumeSlider": "音量滑桿",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "點擊加入",
+            "roomname": "輸入會議室名稱"
+        },
+        "addMeetingName": "新增會議名稱",
+        "appDescription": "來吧，和您的整個團隊進行視訊會議。不，邀請所有您認識的人進行視訊會議。{{app}} 是一套完全加密、100% 開放原始碼的視訊會議解決方案。無需註冊帳號，無時無刻不分日夜均可免費使用。",
+        "audioVideoSwitch": {
+            "audio": "音訊",
+            "video": "視訊"
+        },
+        "calendar": "行事曆",
+        "connectCalendarButton": "連接您的行事曆",
+        "connectCalendarText": "連接您的行事曆來查看在 {{app}} 中的會議。此外，增加 {{provider}} 的會議至自己的行事曆，只要點按一下即可啟動。",
+        "enterRoomTitle": "啟動新的會議",
+        "getHelp": "取得協助",
+        "go": "開始",
+        "goSmall": "開始",
+        "headerSubtitle": "安全且高品質的視訊會議",
+        "headerTitle": "Jitsi Meet",
+        "info": "資訊",
+        "jitsiOnMobile": "Jitsi 手機應用程式 – 下載應用程式，不論何時何地都能發起會議",
+        "join": "建立/加入",
+        "logo": {
+            "calendar": "行事曆圖示",
+            "desktopPreviewThumbnail": "桌面預覽縮圖",
+            "googleLogo": "Google 圖示",
+            "logoDeepLinking": "Jitsi Meet 圖示",
+            "microsoftLogo": "Microsoft 圖示",
+            "policyLogo": "政策圖示"
+        },
+        "meetingsAccessibilityLabel": "會議",
+        "mobileDownLoadLinkAndroid": "下載 Android 版本的應用程式",
+        "mobileDownLoadLinkFDroid": "前往 F-Droid 下載 Android 版本的應用程式",
+        "mobileDownLoadLinkIos": "下載 iOS 版本的應用程式",
+        "moderatedMessage": "或以主持人身份<a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">預先建立會議</a>。",
+        "privacy": "隱私權",
+        "recentList": "近期",
+        "recentListDelete": "刪除",
+        "recentListEmpty": "您的近期列表目前是空白的，與您的團隊成員聊天，即可在此處找到最近參與過的會議。",
+        "recentMeetings": "您近期的會議",
+        "reducedUIText": "歡迎使用{{app}}！",
+        "roomNameAllowedChars": "會議室名稱不應包含以下字元：?、&、:、'、\"、%、#。",
+        "roomname": "輸入會議室名稱",
+        "roomnameHint": "請輸入您想加入的會議室名稱或網址，您可以用一個名稱來建立會議室，只要其他人輸入相同的名稱就能加入會議室。",
+        "sendFeedback": "傳送回饋",
+        "settings": "設定",
+        "startMeeting": "開始會議",
+        "terms": "條款",
+        "title": "安全、功能齊全、完全免費的視訊會議",
+        "upcomingMeetings": "您即將開始的會議"
+    },
+    "whiteboard": {
+        "accessibilityLabel": {
+            "heading": "白板"
+        },
+        "screenTitle": "白板"
+    }
+}
diff --git a/lang/main.json b/lang/main.json
new file mode 100644
index 0000000..e6a7541
--- /dev/null
+++ b/lang/main.json
@@ -0,0 +1,1703 @@
+{
+    "addPeople": {
+        "accessibilityLabel": {
+            "meetingLink": "Meeting link: {{url}}"
+        },
+        "add": "Invite",
+        "addContacts": "Invite your contacts",
+        "contacts": "contacts",
+        "copyInvite": "Copy meeting invitation",
+        "copyLink": "Copy meeting link",
+        "copyStream": "Copy live streaming link",
+        "countryNotSupported": "We do not support this destination yet.",
+        "countryReminder": "Calling outside the US? Please make sure you start with the country code!",
+        "defaultEmail": "Your Default Email",
+        "disabled": "You can't invite people.",
+        "failedToAdd": "Failed to add participants",
+        "googleEmail": "Google Email",
+        "inviteMoreHeader": "You are the only one in the meeting",
+        "inviteMoreMailSubject": "Join {{appName}} meeting",
+        "inviteMorePrompt": "Invite more people",
+        "linkCopied": "Link copied to clipboard",
+        "noResults": "No matching search results",
+        "outlookEmail": "Outlook Email",
+        "phoneNumbers": "phone numbers",
+        "searching": "Searching…",
+        "shareInvite": "Share meeting invitation",
+        "shareLink": "Share the meeting link to invite others",
+        "shareStream": "Share the live streaming link",
+        "sipAddresses": "sip addresses",
+        "telephone": "Telephone: {{number}}",
+        "title": "Invite people to this meeting",
+        "yahooEmail": "Yahoo Email"
+    },
+    "audioDevices": {
+        "bluetooth": "Bluetooth",
+        "car": "Car Audio",
+        "headphones": "Headphones",
+        "none": "No audio devices available",
+        "phone": "Phone",
+        "speaker": "Speaker"
+    },
+    "audioOnly": {
+        "audioOnly": "Low bandwidth"
+    },
+    "bandwidthSettings": {
+        "assumedBandwidthBps": "e.g. 10000000 for 10 Mbps",
+        "assumedBandwidthBpsWarning": "Higher values might cause network issues.",
+        "customValue": "custom value",
+        "customValueEffect": "to set the actual bps value",
+        "leaveEmpty": "leave empty",
+        "leaveEmptyEffect": "to allow estimations to take place",
+        "possibleValues": "Possible values",
+        "setAssumedBandwidthBps": "Assumed bandwidth (bps)",
+        "title": "Bandwidth settings",
+        "zeroEffect": "to disable video"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "Add breakout room",
+            "autoAssign": "Auto assign to breakout rooms",
+            "close": "Close",
+            "join": "Join",
+            "leaveBreakoutRoom": "Leave breakout room",
+            "more": "More",
+            "remove": "Remove",
+            "rename": "Rename",
+            "renameBreakoutRoom": "Rename breakout room",
+            "sendToBreakoutRoom": "Send participant to:"
+        },
+        "breakoutList": "Breakout list",
+        "buttonLabel": "Breakout rooms",
+        "defaultName": "Breakout room #{{index}}",
+        "hideParticipantList": "Hide participant list",
+        "mainRoom": "Main room",
+        "notifications": {
+            "joined": "Joining the \"{{name}}\" breakout room",
+            "joinedMainRoom": "Joining the main room",
+            "joinedTitle": "Breakout Rooms"
+        },
+        "showParticipantList": "Show participant list",
+        "title": "Breakout Rooms"
+    },
+    "calendarSync": {
+        "addMeetingURL": "Add a meeting link",
+        "confirmAddLink": "Do you want to add a Jitsi link to this event?",
+        "error": {
+            "appConfiguration": "Calendar integration is not properly configured.",
+            "generic": "An error has occurred. Please check your calendar settings or try refreshing the calendar.",
+            "notSignedIn": "An error occurred while authenticating to see calendar events. Please check your calendar settings and try logging in again."
+        },
+        "join": "Join",
+        "joinTooltip": "Join the meeting",
+        "nextMeeting": "Next meeting",
+        "noEvents": "There are no upcoming events scheduled.",
+        "ongoingMeeting": "Ongoing meeting",
+        "permissionButton": "Open settings",
+        "permissionMessage": "The Calendar permission is required to see your meetings in the app.",
+        "refresh": "Refresh calendar",
+        "today": "Today"
+    },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "Select sound device"
+        },
+        "labels": {
+            "buttonLabel": "Car mode",
+            "title": "Car mode",
+            "videoStopped": "Your video is stopped"
+        }
+    },
+    "chat": {
+        "disabled": "Sending chat messages is disabled.",
+        "enter": "Enter room",
+        "error": "Error: your message was not sent. Reason: {{error}}",
+        "everyone": "Everyone",
+        "fieldPlaceHolder": "Aa",
+        "fileAccessibleTitle": "{{user}} uploaded a file",
+        "fileAccessibleTitleMe": "me uploaded a file",
+        "fileDeleted": "A file was deleted",
+        "guestsChatIndicator": "(guest)",
+        "lobbyChatMessageTo": "Lobby chat message to {{recipient}}",
+        "message": "Message",
+        "messageAccessibleTitle": "{{user}} says:",
+        "messageAccessibleTitleMe": "me says:",
+        "messageTo": "Private message to {{recipient}}",
+        "messagebox": "Type a message",
+        "newMessages": "New messages",
+        "nickname": {
+            "featureChat": "chat",
+            "featureClosedCaptions": "closed captions",
+            "featureFileSharing": "file sharing",
+            "featurePolls": "polls",
+            "popover": "Choose a nickname",
+            "title": "Enter a nickname to use chat",
+            "titleWith1Features": "Enter a nickname to use {{feature1}}",
+            "titleWith2Features": "Enter a nickname to use {{feature1}} and {{feature2}}",
+            "titleWith3Features": "Enter a nickname to use {{feature1}}, {{feature2}} and {{feature3}}",
+            "titleWith4Features": "Enter a nickname to use {{feature1}}, {{feature2}}, {{feature3}} and {{feature4}}",
+            "titleWithCC": "Enter a nickname to use chat and closed captions",
+            "titleWithPolls": "Enter a nickname to use chat and polls",
+            "titleWithPollsAndCC": "Enter a nickname to use chat, polls and closed captions",
+            "titleWithPollsAndCCAndFileSharing": "Enter a nickname to use chat, polls, closed captions and files"
+        },
+        "noMessagesMessage": "There are no messages in the meeting yet. Start a conversation here!",
+        "privateNotice": "Private message to {{recipient}}",
+        "sendButton": "Send",
+        "smileysPanel": "Emoji panel",
+        "systemDisplayName": "System",
+        "tabs": {
+            "chat": "Chat",
+            "closedCaptions": "CC",
+            "fileSharing": "Files",
+            "polls": "Polls"
+        },
+        "title": "Chat",
+        "titleWithCC": "CC",
+        "titleWithFeatures": "Chat and",
+        "titleWithFileSharing": "Files",
+        "titleWithPolls": "Polls",
+        "you": "you"
+    },
+    "chromeExtensionBanner": {
+        "buttonText": "Install Chrome Extension",
+        "buttonTextEdge": "Install Edge Extension",
+        "close": "Close",
+        "dontShowAgain": "Don't show me this again",
+        "installExtensionText": "Install the extension for Google Calendar and Office 365 integration"
+    },
+    "closedCaptionsTab": {
+        "emptyState": "The closed captions content will be available once a moderator starts it",
+        "startClosedCaptionsButton": "Start closed captions"
+    },
+    "connectingOverlay": {
+        "joiningRoom": "Connecting you to your meeting…"
+    },
+    "connection": {
+        "ATTACHED": "Attached",
+        "AUTHENTICATING": "Authenticating",
+        "AUTHFAIL": "Authentication failed",
+        "CONNECTED": "Connected",
+        "CONNECTING": "Connecting",
+        "CONNFAIL": "Connection failed",
+        "DISCONNECTED": "Disconnected",
+        "DISCONNECTING": "Disconnecting",
+        "ERROR": "Error",
+        "FETCH_SESSION_ID": "Obtaining session-id…",
+        "GET_SESSION_ID_ERROR": "Get session-id error: {{code}}",
+        "GOT_SESSION_ID": "Obtaining session-id… Done",
+        "LOW_BANDWIDTH": "Video for {{displayName}} has been turned off to save bandwidth"
+    },
+    "connectionindicator": {
+        "address": "Address:",
+        "audio_ssrc": "Audio SSRC:",
+        "bandwidth": "Estimated bandwidth:",
+        "bitrate": "Bitrate:",
+        "bridgeCount": "Server count: ",
+        "codecs": "Codecs (A/V): ",
+        "connectedTo": "Connected to:",
+        "e2eeVerified": "E2EE verified:",
+        "framerate": "Frame rate:",
+        "less": "Show less",
+        "localaddress": "Local address:",
+        "localaddress_plural": "Local addresses:",
+        "localport": "Local port:",
+        "localport_plural": "Local ports:",
+        "maxEnabledResolution": "send max",
+        "more": "Show more",
+        "no": "no",
+        "packetloss": "Packet loss:",
+        "participant_id": "Participant id:",
+        "quality": {
+            "good": "Good",
+            "inactive": "Inactive",
+            "lost": "Lost",
+            "nonoptimal": "Nonoptimal",
+            "poor": "Poor"
+        },
+        "remoteaddress": "Remote address:",
+        "remoteaddress_plural": "Remote addresses:",
+        "remoteport": "Remote port:",
+        "remoteport_plural": "Remote ports:",
+        "resolution": "Resolution:",
+        "savelogs": "Save logs",
+        "status": "Connection:",
+        "transport": "Transport:",
+        "transport_plural": "Transports:",
+        "video_ssrc": "Video SSRC:",
+        "yes": "yes"
+    },
+    "dateUtils": {
+        "earlier": "Earlier",
+        "today": "Today",
+        "yesterday": "Yesterday"
+    },
+    "deepLinking": {
+        "appNotInstalled": "You need the {{app}} mobile app to join this meeting on your phone.",
+        "description": "Nothing happened? We tried launching your meeting in the {{app}} desktop app. Try again or launch it in the {{app}} web app.",
+        "descriptionNew": "Nothing happened? We tried launching your meeting in the {{app}} desktop app. <br /><br /> You can try again or launch it on web.",
+        "descriptionWithoutWeb": "Nothing happened? We tried launching your meeting in the {{app}} desktop app.",
+        "downloadApp": "Download the app",
+        "downloadMobileApp": "Download from App Store",
+        "ifDoNotHaveApp": "If you don't have the app yet:",
+        "ifHaveApp": "If you already have the app:",
+        "joinInApp": "Join this meeting using the app",
+        "joinInAppNew": "Join in app",
+        "joinInBrowser": "Join in browser",
+        "launchMeetingLabel": "How do you want to join this meeting?",
+        "launchWebButton": "Launch in web",
+        "noDesktopApp": "You don't have the app?",
+        "noMobileApp": "You don't have the app?",
+        "or": "OR",
+        "termsAndConditions": "By continuing you agree to our <a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'>terms & conditions.</a>",
+        "title": "Launching your meeting in {{app}}…",
+        "titleNew": "Launching your meeting…",
+        "tryAgainButton": "Try again in desktop",
+        "unsupportedBrowser": "It looks like you're using a browser we don't support."
+    },
+    "defaultLink": "e.g. {{url}}",
+    "defaultNickname": "ex. Jane Pink",
+    "deviceError": {
+        "cameraError": "Failed to access your camera",
+        "cameraPermission": "Error obtaining camera permission",
+        "microphoneError": "Failed to access your microphone",
+        "microphonePermission": "Error obtaining microphone permission"
+    },
+    "deviceSelection": {
+        "hid": {
+            "callControl": "Call control",
+            "connectedDevices": "Connected devices:",
+            "deleteDevice": "Delete device",
+            "pairDevice": "Pair device"
+        },
+        "noPermission": "Permission not granted",
+        "previewUnavailable": "Preview unavailable",
+        "selectADevice": "Select a device",
+        "testAudio": "Test"
+    },
+    "dialIn": {
+        "screenTitle": "Dial-in summary"
+    },
+    "dialOut": {
+        "statusMessage": "is now {{status}}"
+    },
+    "dialog": {
+        "Back": "Back",
+        "Cancel": "Cancel",
+        "IamHost": "Log-in",
+        "Ok": "OK",
+        "Remove": "Remove",
+        "Share": "Share",
+        "Submit": "Submit",
+        "Understand": "I understand, keep me muted for now",
+        "UnderstandAndUnmute": "I understand, please unmute me",
+        "WaitForHostNoAuthMsg": "The conference has not yet started because no moderators have yet arrived. Please wait.",
+        "WaitingForHostButton": "Wait for moderator",
+        "WaitingForHostTitle": "Waiting for a moderator…",
+        "Yes": "Yes",
+        "accessibilityLabel": {
+            "Cancel": "Cancel (leave dialog)",
+            "Ok": "OK (save and leave dialog)",
+            "close": "Close dialog",
+            "liveStreaming": "Live Stream",
+            "sharingTabs": "Sharing options"
+        },
+        "add": "Add",
+        "addMeetingNote": "Add a note about this meeting",
+        "addOptionalNote": "Add a note (optional):",
+        "allow": "Allow",
+        "allowToggleCameraDialog": "Do you allow {{initiatorName}} to toggle your camera facing mode?",
+        "allowToggleCameraTitle": "Allow toggle camera?",
+        "alreadySharedVideoMsg": "Another participant is already sharing a video. This conference allows only one shared video at a time.",
+        "alreadySharedVideoTitle": "Only one shared video is allowed at a time",
+        "applicationWindow": "Application window",
+        "authenticationRequired": "Authentication required",
+        "cameraCaptureDialog": {
+            "description": "Take and send a picture using your mobile camera",
+            "ok": "Open camera",
+            "reject": "Not now",
+            "title": "Take a picture"
+        },
+        "cameraConstraintFailedError": "Your camera does not satisfy some of the required constraints.",
+        "cameraNotFoundError": "Camera was not found.",
+        "cameraNotSendingData": "We are unable to access your camera. Please check if another application is using this device, select another device from the settings menu or try to reload the application.",
+        "cameraNotSendingDataTitle": "Unable to access camera",
+        "cameraPermissionDeniedError": "You have not granted permission to use your camera. You can still join the conference but others won't see you. Use the camera button in the address bar to fix this.",
+        "cameraTimeoutError": "Could not start video source. Timeout occurred!",
+        "cameraUnknownError": "Cannot use camera for an unknown reason.",
+        "cameraUnsupportedResolutionError": "Your camera does not support required video resolution.",
+        "close": "Close",
+        "conferenceDisconnectMsg": "You may want to check your network connection. Reconnecting in {{seconds}} sec…",
+        "conferenceDisconnectTitle": "You have been disconnected.",
+        "conferenceReloadMsg": "We're trying to fix this. Reconnecting in {{seconds}} sec…",
+        "conferenceReloadTitle": "Unfortunately, something went wrong.",
+        "confirm": "Confirm",
+        "confirmBack": "Back",
+        "confirmNo": "No",
+        "confirmYes": "Yes",
+        "connectError": "Oops! Something went wrong and we couldn't connect to the conference.",
+        "connectErrorWithMsg": "Oops! Something went wrong and we couldn't connect to the conference: {{msg}}",
+        "connecting": "Connecting",
+        "contactSupport": "Contact support",
+        "copied": "Copied",
+        "copy": "Copy",
+        "demoteParticipantDialog": "Are you sure you want to move this participant to viewer?",
+        "demoteParticipantTitle": "Move to viewer",
+        "dismiss": "Dismiss",
+        "displayNameRequired": "Hi! What's your name?",
+        "done": "Done",
+        "e2eeDescription": "End-to-End Encryption is currently EXPERIMENTAL. Please keep in mind that turning on end-to-end encryption will effectively disable server-side provided services such as: phone participation. Also keep in mind that the meeting will only work for people joining from browsers with support for insertable streams.",
+        "e2eeDisabledDueToMaxModeDescription": "Cannot enable End-to-End Encryption due to large number of participants in the conference.",
+        "e2eeLabel": "Enable End-to-End Encryption",
+        "e2eeWarning": "WARNING: Not all participants in this meeting seem to have support for End-to-End encryption. If you enable it they won't be able to see nor hear you.",
+        "e2eeWillDisableDueToMaxModeDescription": "WARNING: End-to-End Encryption will be automatically disabled if more participants join the conference.",
+        "embedMeeting": "Embed meeting",
+        "enterDisplayName": "Enter your name",
+        "error": "Error",
+        "errorRoomCreationRestriction": "You tried to join too quickly, please come back in a bit.",
+        "gracefulShutdown": "Our service is currently down for maintenance. Please try again later.",
+        "grantModeratorDialog": "Are you sure you want to grant moderator rights to {{participantName}}?",
+        "grantModeratorTitle": "Grant moderator rights",
+        "hide": "Hide",
+        "hideShareAudioHelper": "Don't show this dialog again",
+        "incorrectPassword": "Incorrect username or password",
+        "incorrectRoomLockPassword": "Incorrect password",
+        "internalError": "Oops! Something went wrong. The following error occurred: {{error}}",
+        "internalErrorTitle": "Internal error",
+        "kickMessage": "You can contact {{participantDisplayName}} for more details.",
+        "kickParticipantButton": "Kick",
+        "kickParticipantDialog": "Are you sure you want to kick this participant?",
+        "kickParticipantTitle": "Kick this participant?",
+        "kickSystemTitle": "Ouch! You were kicked out of the meeting",
+        "kickTitle": "Ouch! {{participantDisplayName}} kicked you out of the meeting",
+        "learnMore": "learn more",
+        "linkMeeting": "Link meeting",
+        "linkMeetingTitle": "Link meeting to Salesforce",
+        "liveStreaming": "Live Streaming",
+        "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "Not possible while recording is active",
+        "localUserControls": "Local user controls",
+        "lockMessage": "Failed to lock the conference.",
+        "lockRoom": "Add meeting $t(lockRoomPassword)",
+        "lockTitle": "Lock failed",
+        "login": "Login",
+        "loginQuestion": "Are you sure you want to login and leave the conference?",
+        "logoutQuestion": "Are you sure you want to logout and leave the conference?",
+        "logoutTitle": "Logout",
+        "maxUsersLimitReached": "The limit for maximum number of participants has been reached. The conference is full. Please contact the meeting owner or try again later!",
+        "maxUsersLimitReachedTitle": "Maximum participants limit reached",
+        "micConstraintFailedError": "Your microphone does not satisfy some of the required constraints.",
+        "micNotFoundError": "Microphone was not found.",
+        "micNotSendingData": "Go to your computer's settings to unmute your mic and adjust its level",
+        "micNotSendingDataTitle": "Your mic is muted by your system settings",
+        "micPermissionDeniedError": "You have not granted permission to use your microphone. You can still join the conference but others won't hear you. Use the camera button in the address bar to fix this.",
+        "micTimeoutError": "Could not start audio source. Timeout occurred!",
+        "micUnknownError": "Cannot use microphone for an unknown reason.",
+        "moderationAudioLabel": "Allow non-moderators to unmute themselves",
+        "moderationDesktopLabel": "Allow non-moderators to share their screen",
+        "moderationVideoLabel": "Allow non-moderators to start their video",
+        "muteEveryoneDialog": "The participants can unmute themselves at any time.",
+        "muteEveryoneDialogModerationOn": "The participants can send a request to speak at any time.",
+        "muteEveryoneElseDialog": "Once muted, you won't be able to unmute them, but they can unmute themselves at any time.",
+        "muteEveryoneElseTitle": "Mute everyone except {{whom}}?",
+        "muteEveryoneElsesDesktopDialog": "Once the share is stopped, you won't be able to restart it, but they can do so at any time.",
+        "muteEveryoneElsesDesktopTitle": "Stop everyone's screen-share except {{whom}}?",
+        "muteEveryoneElsesVideoDialog": "Once the camera is disabled, you won't be able to turn it back on, but they can turn it back on at any time.",
+        "muteEveryoneElsesVideoTitle": "Stop everyone's video except {{whom}}?",
+        "muteEveryoneSelf": "yourself",
+        "muteEveryoneStartMuted": "Everyone starts muted from now on",
+        "muteEveryoneTitle": "Mute everyone?",
+        "muteEveryonesDesktopDialog": "The participants can share their screen at any time.",
+        "muteEveryonesDesktopDialogModerationOn": "The participants can send a request to share their screen at any time.",
+        "muteEveryonesDesktopTitle": "Stop everyone's screen share?",
+        "muteEveryonesVideoDialog": "The participants can turn on their video at any time.",
+        "muteEveryonesVideoDialogModerationOn": "The participants can send a request to turn on their video at any time.",
+        "muteEveryonesVideoDialogOk": "Disable",
+        "muteEveryonesVideoTitle": "Stop everyone's video?",
+        "muteParticipantBody": "You won't be able to unmute them, but they can unmute themselves at any time.",
+        "muteParticipantButton": "Mute",
+        "muteParticipantsDesktopBody": "You won't be able to start their screen-share, but they can do so at any time.",
+        "muteParticipantsDesktopBodyModerationOn": "You won't be able to start their screen-share and neither will they.",
+        "muteParticipantsDesktopButton": "Stop screen sharing",
+        "muteParticipantsDesktopDialog": "Are you sure you want to turn off this participant's screen-share? You won't be able to restart it, but they can do so at any time.",
+        "muteParticipantsDesktopDialogModerationOn": "Are you sure you want to turn off this participant's screen-share? You won't be able to turn the screen back on and neither will they.",
+        "muteParticipantsDesktopTitle": "Disable screen-share of this participant?",
+        "muteParticipantsVideoBody": "You won't be able to turn the camera back on, but they can turn it back on at any time.",
+        "muteParticipantsVideoBodyModerationOn": "You won't be able to turn the camera back on and neither will they.",
+        "muteParticipantsVideoButton": "Stop video",
+        "muteParticipantsVideoDialog": "Are you sure you want to turn off this participant's camera? You won't be able to turn the camera back on, but they can turn it back on at any time.",
+        "muteParticipantsVideoDialogModerationOn": "Are you sure you want to turn off this participant's camera? You won't be able to turn the camera back on and neither will they.",
+        "muteParticipantsVideoTitle": "Disable camera of this participant?",
+        "noDropboxToken": "No valid Dropbox token",
+        "password": "Password",
+        "passwordLabel": "The meeting has been locked by a participant. Please enter the $t(lockRoomPassword) to join.",
+        "passwordNotSupported": "Setting a meeting $t(lockRoomPassword) is not supported.",
+        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) not supported",
+        "passwordRequired": "$t(lockRoomPasswordUppercase) required",
+        "permissionCameraRequiredError": "Camera permission is required to participate in conferences with video. Please grant it in Settings",
+        "permissionErrorTitle": "Permission required",
+        "permissionMicRequiredError": "Microphone permission is required to participate in conferences with audio. Please grant it in Settings",
+        "readMore": "more",
+        "recentlyUsedObjects": "Your recently used objects",
+        "recording": "Recording",
+        "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "Not possible while a live stream is active",
+        "recordingInProgressDescription": "This meeting is being recorded and analyzed by AI{{learnMore}}. Your audio and video have been muted. If you choose to unmute, you consent to being recorded.",
+        "recordingInProgressDescriptionFirstHalf": "This meeting is being recorded and analyzed by AI",
+        "recordingInProgressDescriptionSecondHalf": ". Your audio and video have been muted. If you choose to unmute, you consent to being recorded.",
+        "recordingInProgressTitle": "Recording in progress",
+        "rejoinNow": "Rejoin now",
+        "remoteControlAllowedMessage": "{{user}} accepted your remote control request!",
+        "remoteControlDeniedMessage": "{{user}} rejected your remote control request!",
+        "remoteControlErrorMessage": "An error occurred while trying to request remote control permissions from {{user}}!",
+        "remoteControlRequestMessage": "Will you allow {{user}} to remotely control your desktop?",
+        "remoteControlShareScreenWarning": "Note that if you press \"Allow\" you will share your screen!",
+        "remoteControlStopMessage": "The remote control session ended!",
+        "remoteControlTitle": "Remote desktop control",
+        "remoteUserControls": "Remote user controls of {{username}}",
+        "removePassword": "Remove $t(lockRoomPassword)",
+        "removeSharedVideoMsg": "Are you sure you would like to remove your shared video?",
+        "removeSharedVideoTitle": "Remove shared video",
+        "renameBreakoutRoomLabel": "Room name",
+        "renameBreakoutRoomTitle": "Rename breakout room",
+        "reservationError": "Reservation system error",
+        "reservationErrorMsg": "Error code: {{code}}, message: {{msg}}",
+        "retry": "Retry",
+        "screenSharingAudio": "Share audio",
+        "screenSharingFailed": "Oops! Something went wrong, we weren't able to start screen sharing!",
+        "screenSharingFailedTitle": "Screen sharing failed!",
+        "screenSharingPermissionDeniedError": "Oops! Something went wrong with your screen sharing permissions. Please reload and try again.",
+        "searchInSalesforce": "Search in Salesforce",
+        "searchResults": "Search results({{count}})",
+        "searchResultsDetailsError": "Something went wrong while retrieving owner data.",
+        "searchResultsError": "Something went wrong while retrieving data.",
+        "searchResultsNotFound": "No search results found.",
+        "searchResultsTryAgain": "Try using alternative keywords.",
+        "sendPrivateMessage": "You recently received a private message. Did you intend to reply to that privately, or you want to send your message to the group?",
+        "sendPrivateMessageCancel": "Send to the group",
+        "sendPrivateMessageOk": "Send privately",
+        "sendPrivateMessageTitle": "Send privately?",
+        "serviceUnavailable": "Service unavailable",
+        "sessTerminated": "Call terminated",
+        "sessTerminatedReason": "The meeting has been terminated",
+        "sessionRestarted": "Call restarted because of a connection issue.",
+        "shareAudio": "Continue",
+        "shareAudioAltText": "to share the desired content, navigate to \"Browser Tab\", select the content, activate the \"share audio\" check mark and then click \"share\" button",
+        "shareAudioTitle": "How to share audio",
+        "shareAudioWarningD1": "you need to stop screen sharing before sharing your audio.",
+        "shareAudioWarningD2": "you need to restart your screen sharing and check the \"share audio\" option.",
+        "shareAudioWarningH1": "If you want to share just audio:",
+        "shareAudioWarningTitle": "You need to stop screen sharing before sharing audio",
+        "shareMediaWarningGenericH2": "If you want to share your screen and audio",
+        "shareScreenWarningD1": "you need to stop audio sharing before sharing your screen.",
+        "shareScreenWarningD2": "you need to stop audio sharing, start screen sharing and check the \"share audio\" option.",
+        "shareScreenWarningH1": "If you want to share just your screen:",
+        "shareScreenWarningTitle": "You need to stop audio sharing before sharing your screen",
+        "shareVideoConfirmPlay": "You're about to open an external website. Do you want to continue?",
+        "shareVideoConfirmPlayTitle": "{{name}} has shared a video with you.",
+        "shareVideoLinkError": "Oops, this video cannot be played.",
+        "shareVideoLinkStopped": "The video from {{name}} was stopped.",
+        "shareVideoTitle": "Share video",
+        "shareYourScreen": "Share your screen",
+        "shareYourScreenDisabled": "Screen sharing disabled.",
+        "sharedVideoDialogError": "Error: Invalid or forbidden URL",
+        "sharedVideoLinkPlaceholder": "YouTube link or direct video link",
+        "show": "Show",
+        "start": "Start ",
+        "startLiveStreaming": "Start live stream",
+        "startRecording": "Start recording",
+        "startRemoteControlErrorMessage": "An error occurred while trying to start the remote control session!",
+        "stopLiveStreaming": "Stop live stream",
+        "stopRecording": "Stop recording",
+        "stopRecordingWarning": "Are you sure you would like to stop the recording?",
+        "stopStreamingWarning": "Are you sure you would like to stop the live streaming?",
+        "streamKey": "Live stream key",
+        "thankYou": "Thank you for using {{appName}}!",
+        "token": "token",
+        "tokenAuthFailed": "Sorry, you're not allowed to join this call.",
+        "tokenAuthFailedReason": {
+            "audInvalid": "Invalid `aud` value. It should be `jitsi`.",
+            "contextNotFound": "The `context` object is missing from the payload.",
+            "expInvalid": "Invalid `exp` value.",
+            "featureInvalid": "Invalid feature: {{feature}}, most likely not implemented yet.",
+            "featureValueInvalid": "Invalid value for feature: {{feature}}.",
+            "featuresNotFound": "The `features` object is missing from the payload.",
+            "headerNotFound": "Missing the header.",
+            "issInvalid": "Invalid `iss` value. It should be `chat`.",
+            "kidMismatch": "Key ID (kid) does not match sub.",
+            "kidNotFound": "Missing Key ID (kid).",
+            "nbfFuture": "The `nbf` value is in the future.",
+            "nbfInvalid": "Invalid `nbf` value.",
+            "payloadNotFound": "Missing the payload.",
+            "tokenExpired": "Token is expired."
+        },
+        "tokenAuthFailedTitle": "Authentication failed",
+        "tokenAuthFailedWithReasons": "Sorry, you're not allowed to join this call. Possible reasons: {{reason}}",
+        "tokenAuthUnsupported": "Token URL is not supported.",
+        "transcribing": "Transcribing",
+        "unauthenticatedAccessDisabled": "This call requires authentication. Please login in order to proceed.",
+        "unlockRoom": "Remove meeting $t(lockRoomPassword)",
+        "user": "User",
+        "userIdentifier": "User identifier",
+        "userPassword": "User password",
+        "verifyParticipantConfirm": "They match",
+        "verifyParticipantDismiss": "They do not match",
+        "verifyParticipantQuestion": "EXPERIMENTAL: Ask participant {{participantName}} if they see the same content, in the same order.",
+        "verifyParticipantTitle": "User verification",
+        "videoLink": "Video link",
+        "viewUpgradeOptions": "View upgrade options",
+        "viewUpgradeOptionsContent": "To get unlimited access to premium features like recording, transcriptions, RTMP Streaming & more, you'll need to upgrade your plan.",
+        "viewUpgradeOptionsTitle": "You discovered a premium feature!",
+        "whiteboardLimitContent": "Sorry, the limit of conccurent whiteboard users has been reached.",
+        "whiteboardLimitReference": "For more information please visit",
+        "whiteboardLimitReferenceUrl": "our website",
+        "whiteboardLimitTitle": "Whiteboard usage restricted",
+        "yourEntireScreen": "Your entire screen"
+    },
+    "documentSharing": {
+        "title": "Shared Document"
+    },
+    "e2ee": {
+        "labelToolTip": "Audio and Video Communication on this call is end-to-end encrypted"
+    },
+    "embedMeeting": {
+        "title": "Embed this meeting"
+    },
+    "feedback": {
+        "accessibilityLabel": {
+            "yourChoice": "Your choice: {{rating}}"
+        },
+        "average": "Average",
+        "bad": "Bad",
+        "detailsLabel": "Tell us more about it.",
+        "good": "Good",
+        "rateExperience": "Rate your meeting experience",
+        "star": "Star",
+        "veryBad": "Very Bad",
+        "veryGood": "Very Good"
+    },
+    "fileSharing": {
+        "downloadFailedDescription": "Please try again.",
+        "downloadFailedTitle": "Download failed",
+        "downloadFile": "Download",
+        "downloadStarted": "File download started",
+        "dragAndDrop": "Drag and drop files here or anywhere on screen",
+        "fileAlreadyUploaded": "File has already been uploaded to this meeting.",
+        "fileRemovedByOther": "Your file '{{ fileName }}' was removed",
+        "fileTooLargeDescription": "Please make sure the file does not exceed {{ maxFileSize }}.",
+        "fileTooLargeTitle": "The selected file is too large",
+        "fileUploadProgress": "File upload progress",
+        "fileUploadedSuccessfully": "File uploaded successfully",
+        "newFileNotification": "{{ participantName }} shared '{{ fileName }}'",
+        "removeFile": "Remove",
+        "removeFileSuccess": "File removed successfully",
+        "uploadFailedDescription": "Please try again.",
+        "uploadFailedTitle": "Upload failed",
+        "uploadFile": "Share file"
+    },
+    "filmstrip": {
+        "accessibilityLabel": {
+            "heading": "Video thumbnails"
+        }
+    },
+    "giphy": {
+        "noResults": "No results found :(",
+        "search": "Search GIPHY"
+    },
+    "incomingCall": {
+        "answer": "Answer",
+        "audioCallTitle": "Incoming call",
+        "decline": "Dismiss",
+        "productLabel": "from Jitsi Meet",
+        "videoCallTitle": "Incoming video call"
+    },
+    "info": {
+        "accessibilityLabel": "Show info",
+        "addPassword": "Add $t(lockRoomPassword)",
+        "cancelPassword": "Cancel $t(lockRoomPassword)",
+        "conferenceURL": "Link:",
+        "copyNumber": "Copy number",
+        "country": "Country",
+        "dialANumber": "To join your meeting, dial one of these numbers and then enter the pin.",
+        "dialInConferenceID": "PIN:",
+        "dialInNotSupported": "Sorry, dialing in is currently not supported.",
+        "dialInNumber": "Dial-in:",
+        "dialInSummaryError": "Error fetching dial-in info now. Please try again later.",
+        "dialInTollFree": "Toll Free",
+        "genericError": "Whoops, something went wrong.",
+        "inviteLiveStream": "To view the live stream of this meeting, click this link: {{url}}",
+        "invitePhone": "To join by phone instead, tap this: {{number}},,{{conferenceID}}#\n",
+        "invitePhoneAlternatives": "Looking for a different dial-in number?\nSee meeting dial-in numbers: {{url}}\n\n\nIf also dialing-in through a room phone, join without connecting to audio: {{silentUrl}}",
+        "inviteSipEndpoint": "To join using the SIP address, enter this: {{sipUri}}",
+        "inviteTextiOSInviteUrl": "Click the following link to join: {{inviteUrl}}.",
+        "inviteTextiOSJoinSilent": "If you are dialing-in through a room phone, use this link to join without connecting to audio: {{silentUrl}}.",
+        "inviteTextiOSPersonal": "{{name}} is inviting you to a meeting.",
+        "inviteTextiOSPhone": "To join via phone, use this number: {{number}},,{{conferenceID}}#. If you are looking for a different number, this is the full list: {{didUrl}}.",
+        "inviteURLFirstPartGeneral": "You are invited to join a meeting.",
+        "inviteURLFirstPartPersonal": "{{name}} is inviting you to a meeting.\n",
+        "inviteURLSecondPart": "\nJoin the meeting:\n{{url}}\n",
+        "label": "Dial-in info",
+        "liveStreamURL": "Live stream:",
+        "moreNumbers": "More numbers",
+        "noNumbers": "No dial-in numbers.",
+        "noPassword": "None",
+        "noRoom": "No room was specified to dial-in into.",
+        "noWhiteboard": "Could not load the whiteboard.",
+        "numbers": "Dial-in Numbers",
+        "password": "$t(lockRoomPasswordUppercase): ",
+        "reachedLimit": "You have reached the limit of your plan.",
+        "sip": "SIP address",
+        "sipAudioOnly": "SIP audio only address",
+        "title": "Share",
+        "tooltip": "Share link and dial-in info for this meeting",
+        "upgradeOptions": "Please check the upgrade options on",
+        "whiteboardError": "Error loading the whiteboard. Please try again later."
+    },
+    "inlineDialogFailure": {
+        "msg": "We stumbled a bit.",
+        "retry": "Try again",
+        "support": "Support",
+        "supportMsg": "If this keeps happening, reach out to"
+    },
+    "inviteDialog": {
+        "alertText": "Failed to invite some participants.",
+        "header": "Invite",
+        "searchCallOnlyPlaceholder": "Enter phone number",
+        "searchPeopleOnlyPlaceholder": "Search for participants",
+        "searchPlaceholder": "Participant or phone number",
+        "send": "Send"
+    },
+    "jitsiHome": "{{logo}} Logo, links to  Homepage",
+    "keyboardShortcuts": {
+        "focusLocal": "Focus on your video",
+        "focusRemote": "Focus on another person's video",
+        "fullScreen": "View or exit full screen",
+        "giphyMenu": "Toggle GIPHY menu",
+        "keyboardShortcuts": "Keyboard shortcuts",
+        "localRecording": "Show or hide local recording controls",
+        "mute": "Mute or unmute your microphone",
+        "pushToTalk": "Push to talk",
+        "raiseHand": "Raise or lower your hand",
+        "showSpeakerStats": "Show participants stats",
+        "toggleChat": "Open or close the chat",
+        "toggleFilmstrip": "Show or hide video thumbnails",
+        "toggleParticipantsPane": "Show or hide the participants pane",
+        "toggleScreensharing": "Switch between camera and screen sharing",
+        "toggleShortcuts": "Show or hide keyboard shortcuts",
+        "videoMute": "Start or stop your camera"
+    },
+    "largeVideo": {
+        "screenIsShared": "You are sharing your screen",
+        "showMeWhatImSharing": "Show me what I'm sharing"
+    },
+    "liveStreaming": {
+        "busy": "We're working on freeing streaming resources. Please try again in a few minutes.",
+        "busyTitle": "All streamers are currently busy",
+        "changeSignIn": "Switch accounts.",
+        "choose": "Choose a live stream",
+        "chooseCTA": "Choose a streaming option. You're currently logged in as {{email}}.",
+        "enterStreamKey": "Enter your YouTube live stream key here.",
+        "error": "Live Streaming failed. Please try again.",
+        "errorAPI": "An error occurred while accessing your YouTube broadcasts. Please try logging in again.",
+        "errorLiveStreamNotEnabled": "Live Streaming is not enabled on {{email}}. Please enable live streaming or log into an account with live streaming enabled.",
+        "expandedOff": "The live streaming has stopped",
+        "expandedOn": "The meeting is currently being live streamed",
+        "expandedPending": "The live streaming is being started…",
+        "failedToStart": "Live Streaming failed to start",
+        "getStreamKeyManually": "We weren't able to fetch any live streams. Try getting your live stream key from YouTube.",
+        "googlePrivacyPolicy": "Google Privacy Policy",
+        "inProgress": "Recording or live streaming in progress",
+        "invalidStreamKey": "Live stream key may be incorrect.",
+        "limitNotificationDescriptionNative": "Your streaming will be limited to {{limit}} min. For unlimited streaming try {{app}}.",
+        "limitNotificationDescriptionWeb": "Due to high demand your streaming will be limited to {{limit}} min. For unlimited streaming try <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "off": "Live Streaming stopped",
+        "offBy": "{{name}} stopped the live streaming",
+        "on": "Live Streaming started",
+        "onBy": "{{name}} started the live streaming",
+        "pending": "Starting Live Stream…",
+        "policyError": "You tried to start a live stream too quickly. Please try again later!",
+        "serviceName": "Live Streaming service",
+        "sessionAlreadyActive": "This session is already being recorded or live streamed.",
+        "signIn": "Sign in with Google",
+        "signInCTA": "Sign in or enter your live stream key from YouTube.",
+        "signOut": "Sign out",
+        "signedInAs": "You are currently signed in as:",
+        "start": "Start a live stream",
+        "streamIdHelp": "What's this?",
+        "title": "Live Stream",
+        "unavailableTitle": "Live Streaming unavailable",
+        "youtubeTerms": "YouTube terms of services"
+    },
+    "lobby": {
+        "backToKnockModeButton": "Ask to join",
+        "chat": "Chat",
+        "dialogTitle": "Lobby mode",
+        "disableDialogContent": "Lobby mode is currently enabled. This feature ensures that unwanted participants can't join your meeting. Do you want to disable it?",
+        "disableDialogSubmit": "Disable",
+        "emailField": "Enter your email address",
+        "enableDialogPasswordField": "Set password (optional)",
+        "enableDialogSubmit": "Enable",
+        "enableDialogText": "Lobby mode lets you protect your meeting by only allowing people to enter after a formal approval by a moderator.",
+        "enterPasswordButton": "Enter meeting password",
+        "enterPasswordTitle": "Enter password to join meeting",
+        "errorMissingPassword": "Please enter the meeting password",
+        "invalidPassword": "Invalid password",
+        "joinRejectedMessage": "Your join request was rejected by a moderator.",
+        "joinRejectedTitle": "Join request rejected.",
+        "joinTitle": "Join Meeting",
+        "joinWithPasswordMessage": "Trying to join with password, please wait…",
+        "joiningMessage": "You'll join the meeting as soon as someone accepts your request",
+        "joiningTitle": "Asking to join meeting…",
+        "joiningWithPasswordTitle": "Joining with password…",
+        "knockButton": "Ask to Join",
+        "knockTitle": "Someone wants to join the meeting",
+        "knockingParticipantList": "Knocking participant list",
+        "lobbyChatStartedNotification": "{{moderator}} started a lobby chat with {{attendee}}",
+        "lobbyChatStartedTitle": "{{moderator}} has started a lobby chat with you.",
+        "lobbyClosed": "The lobby room has been closed.",
+        "nameField": "Enter your name",
+        "notificationLobbyAccessDenied": "{{targetParticipantName}} has been rejected to join by {{originParticipantName}}",
+        "notificationLobbyAccessGranted": "{{targetParticipantName}} has been allowed to join by {{originParticipantName}}",
+        "notificationLobbyDisabled": "Lobby has been disabled by {{originParticipantName}}",
+        "notificationLobbyEnabled": "Lobby has been enabled by {{originParticipantName}}",
+        "notificationTitle": "Lobby",
+        "passwordJoinButton": "Join",
+        "title": "Lobby",
+        "toggleLabel": "Enable lobby",
+        "waitForModerator": "The conference has not yet started because no moderators have yet arrived. If you'd like to become a moderator please log-in. Otherwise, please wait."
+    },
+    "localRecording": {
+        "clientState": {
+            "off": "Off",
+            "on": "On",
+            "unknown": "Unknown"
+        },
+        "dialogTitle": "Local Recording Controls",
+        "duration": "Duration",
+        "durationNA": "N/A",
+        "encoding": "Encoding",
+        "label": "LOR",
+        "labelToolTip": "Local recording is engaged",
+        "localRecording": "Local Recording",
+        "me": "Me",
+        "messages": {
+            "engaged": "Local recording engaged.",
+            "finished": "Recording session {{token}} finished. Please send the recorded file to the moderator.",
+            "finishedModerator": "Recording session {{token}} finished. The recording of the local track has been saved. Please ask the other participants to submit their recordings.",
+            "notModerator": "You are not the moderator. You cannot start or stop local recording."
+        },
+        "moderator": "Moderator",
+        "no": "No",
+        "participant": "Participant",
+        "participantStats": "Participant Stats",
+        "selectTabTitle": "🎥 Please select this tab for recording",
+        "sessionToken": "Session Token",
+        "start": "Start Recording",
+        "stop": "Stop Recording",
+        "stopping": "Stopping Recording",
+        "wait": "Please wait while we save your recording",
+        "yes": "Yes"
+    },
+    "lockRoomPassword": "password",
+    "lockRoomPasswordUppercase": "Password",
+    "lonelyMeetingExperience": {
+        "button": "Invite others",
+        "youAreAlone": "You are the only one in the meeting"
+    },
+    "me": "me",
+    "notify": {
+        "OldElectronAPPTitle": "Security vulnerability!",
+        "allowAll": "Allow All",
+        "allowAudio": "Allow Audio",
+        "allowDesktop": "Allow screen sharing",
+        "allowVideo": "Allow Video",
+        "allowedUnmute": "You can unmute your microphone, start your camera or share your screen.",
+        "audioUnmuteBlockedDescription": "Mic unmute operation has been temporarily blocked because of system limits.",
+        "audioUnmuteBlockedTitle": "Mic unmute blocked!",
+        "chatMessages": "Chat messages",
+        "connectedOneMember": "{{name}} joined the meeting",
+        "connectedThreePlusMembers": "{{name}} and many others joined the meeting",
+        "connectedTwoMembers": "{{first}} and {{second}} joined the meeting",
+        "connectionFailed": "Connection failed. Please try again later!",
+        "dataChannelClosed": "Video quality may be impaired",
+        "dataChannelClosedDescription": "The bridge channel is down and thus video quality may be limited to its lowest setting.",
+        "dataChannelClosedDescriptionWithAudio": "The bridge channel is down and thus disruptions to audio and video may occur.",
+        "dataChannelClosedWithAudio": "Audio and video quality may be impaired",
+        "desktopMutedRemotelyTitle": "Your screen sharing has been stopped by {{participantDisplayName}}",
+        "disabledIframe": "Embedding is only meant for demo purposes, so this call will disconnect in {{timeout}} minutes.",
+        "disabledIframeSecondaryNative": "Embedding {{domain}} is only meant for demo purposes, so this call will disconnect in {{timeout}} minutes.",
+        "disabledIframeSecondaryWeb": "Embedding {{domain}} is only meant for demo purposes, so this call will disconnect in {{timeout}} minutes. Please use <a href='{{jaasDomain}}' rel='noopener noreferrer' target='_blank'>Jitsi as a Service</a> for production embedding!",
+        "disconnected": "disconnected",
+        "displayNotifications": "Display notifications for",
+        "dontRemindMe": "Do not remind me",
+        "focus": "Conference focus",
+        "focusFail": "{{component}} not available - retry in {{ms}} sec",
+        "gifsMenu": "GIPHY",
+        "groupTitle": "Notifications",
+        "hostAskedUnmute": "The moderator would like you to participate.",
+        "invalidTenant": "Invalid tenant",
+        "invalidTenantHyphenDescription": "The tenant you are using is invalid (starts or ends with '-').",
+        "invalidTenantLengthDescription": "The tenant you are using is too long.",
+        "invitedOneMember": "{{name}} has been invited",
+        "invitedThreePlusMembers": "{{name}} and {{count}} others have been invited",
+        "invitedTwoMembers": "{{first}} and {{second}} have been invited",
+        "joinMeeting": "Join",
+        "kickParticipant": "{{kicked}} was kicked by {{kicker}}",
+        "leftOneMember": "{{name}} left the meeting",
+        "leftThreePlusMembers": "{{name}} and many others left the meeting",
+        "leftTwoMembers": "{{first}} and {{second}} left the meeting",
+        "linkToSalesforce": "Link to Salesforce",
+        "linkToSalesforceDescription": "You can link the meeting summary to a Salesforce object.",
+        "linkToSalesforceError": "Failed to link meeting to Salesforce",
+        "linkToSalesforceKey": "Link this meeting",
+        "linkToSalesforceProgress": "Linking meeting to Salesforce…",
+        "linkToSalesforceSuccess": "The meeting was linked to Salesforce",
+        "localRecordingStarted": "{{name}} has started a local recording.",
+        "localRecordingStopped": "{{name}} has stopped a local recording.",
+        "me": "Me",
+        "moderationInEffectCSDescription": "Please raise hand if you want to share your screen.",
+        "moderationInEffectCSTitle": "Screen sharing is blocked by the moderator",
+        "moderationInEffectDescription": "Please raise hand if you want to speak.",
+        "moderationInEffectTitle": "Your microphone is muted by the moderator",
+        "moderationInEffectVideoDescription": "Please raise your hand if you want to start your camera.",
+        "moderationInEffectVideoTitle": "Your camera is blocked by the moderator",
+        "moderationRequestFromModerator": "The host would like you to unmute",
+        "moderationRequestFromParticipant": "Wants to speak",
+        "moderationStartedTitle": "Moderation started",
+        "moderationStoppedTitle": "Moderation stopped",
+        "moderationToggleDescription": "by {{participantDisplayName}}",
+        "moderator": "You're now a moderator",
+        "muted": "You have started the conversation muted.",
+        "mutedRemotelyDescription": "You can always unmute when you're ready to speak. Mute back when you're done to keep noise away from the meeting.",
+        "mutedRemotelyTitle": "You've been muted by {{participantDisplayName}}",
+        "mutedTitle": "You're muted!",
+        "newDeviceAction": "Use",
+        "newDeviceAudioTitle": "New audio device detected",
+        "newDeviceCameraTitle": "New camera detected",
+        "nextToSpeak": "You are the next in line to speak",
+        "noiseSuppressionDesktopAudioDescription": "Extra noise suppression can't be enabled while sharing desktop audio, please disable it and try again.",
+        "noiseSuppressionFailedTitle": "Failed to start extra noise suppression",
+        "noiseSuppressionStereoDescription": "Extra noise suppression is not currently supported with stereo audio.",
+        "oldElectronClientDescription1": "You appear to be using an old version of the Jitsi Meet client which has known security vulnerabilities. Please make sure you update to our ",
+        "oldElectronClientDescription2": "latest build",
+        "oldElectronClientDescription3": " now!",
+        "openChat": "Open chat",
+        "participantWantsToJoin": "Wants to join the meeting",
+        "participantsWantToJoin": "Want to join the meeting",
+        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) removed by another participant",
+        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) set by another participant",
+        "raiseHandAction": "Raise hand",
+        "raisedHand": "Would like to participate.",
+        "raisedHands": "{{participantName}} and {{raisedHands}} more people",
+        "reactionSounds": "Disable sounds",
+        "reactionSoundsForAll": "Disable sounds for all",
+        "screenShareNoAudio": "Share audio box was not checked in the window selection screen.",
+        "screenShareNoAudioTitle": "Couldn't share system audio!",
+        "screenSharingAudioOnlyDescription": "Please note that by sharing your screen you're affecting the \"Best performance\" mode and you will use more bandwidth.",
+        "screenSharingAudioOnlyTitle": "\"Best performance\" mode",
+        "selfViewTitle": "You can always un-hide the self-view from settings",
+        "somebody": "Somebody",
+        "startSilentDescription": "Rejoin the meeting to enable audio",
+        "startSilentTitle": "You joined with no audio output!",
+        "suboptimalBrowserWarning": "We are afraid your meeting experience isn't going to be that great here. We are looking for ways to improve this, but until then please try using one of the <a href='{{recommendedBrowserPageLink}}' target='_blank'>fully supported browsers</a>.",
+        "suboptimalExperienceTitle": "Browser Warning",
+        "suggestRecordingAction": "Start",
+        "suggestRecordingDescription": "Would you like to start a recording?",
+        "suggestRecordingTitle": "Record this meeting",
+        "unmute": "Unmute Audio",
+        "unmuteScreen": "Start screen sharing",
+        "unmuteVideo": "Unmute Video",
+        "videoMutedRemotelyDescription": "You can always turn it on again.",
+        "videoMutedRemotelyTitle": "Your video has been turned off by {{participantDisplayName}}",
+        "videoUnmuteBlockedDescription": "Camera unmute and desktop sharing operation have been temporarily blocked because of system limits.",
+        "videoUnmuteBlockedTitle": "Camera unmute and desktop sharing blocked!",
+        "viewLobby": "View lobby",
+        "viewParticipants": "View participants",
+        "viewVisitors": "View viewers",
+        "waitingParticipants": "{{waitingParticipants}} people",
+        "waitingVisitors": "Viewers waiting in queue: {{waitingVisitors}}",
+        "waitingVisitorsTitle": "The meeting is not live yet!",
+        "whiteboardLimitDescription": "Please save your progress, as the user limit will soon be reached and the whiteboard will close.",
+        "whiteboardLimitTitle": "Whiteboard usage"
+    },
+    "participantsPane": {
+        "actions": {
+            "admit": "Admit",
+            "admitAll": "Admit all",
+            "allow": "Allow non-moderators to:",
+            "allowDesktop": "Allow screen sharing",
+            "allowVideo": "Allow video",
+            "askDesktop": "Ask to share screen",
+            "askUnmute": "Ask to unmute",
+            "audioModeration": "Unmute themselves",
+            "blockEveryoneMicCamera": "Block everyone's mic and camera",
+            "breakoutRooms": "Breakout rooms",
+            "desktopModeration": "Start screen sharing",
+            "goLive": "Go live",
+            "invite": "Invite someone",
+            "lowerAllHands": "Lower all hands",
+            "lowerHand": "Lower the hand",
+            "moreModerationActions": "More moderation options",
+            "moreModerationControls": "More moderation controls",
+            "moreParticipantOptions": "More participant options",
+            "mute": "Mute",
+            "muteAll": "Mute all",
+            "muteEveryoneElse": "Mute everyone else",
+            "reject": "Reject",
+            "stopDesktop": "Stop screen sharing",
+            "stopEveryonesDesktop": "Stop everyone's screen-share",
+            "stopEveryonesVideo": "Stop everyone's video",
+            "stopVideo": "Stop video",
+            "unblockEveryoneMicCamera": "Unblock everyone's mic and camera",
+            "videoModeration": "Start their video"
+        },
+        "close": "Close",
+        "headings": {
+            "lobby": "Lobby ({{count}})",
+            "participantsList": "Meeting participants ({{count}})",
+            "viewerRequests": "Viewers requests {{count}}",
+            "visitorInQueue": " (waiting {{count}})",
+            "visitorRequests": " (requests {{count}})",
+            "visitors": "Viewers {{count}}",
+            "visitorsList": "Viewers ({{count}})",
+            "waitingLobby": "Waiting in lobby ({{count}})"
+        },
+        "search": "Search participants",
+        "searchDescription": "Start typing to filter participants",
+        "title": "Participants"
+    },
+    "passwordDigitsOnly": "Up to {{number}} digits",
+    "passwordSetRemotely": "Set by another participant",
+    "pinParticipant": "{{participantName}} - Pin",
+    "pinnedParticipant": "The participant is pinned",
+    "polls": {
+        "answer": {
+            "edit": "Edit",
+            "send": "Send",
+            "skip": "Skip",
+            "submit": "Submit"
+        },
+        "by": "By {{ name }}",
+        "closeButton": "Close poll",
+        "create": {
+            "accessibilityLabel": {
+                "send": "Send poll"
+            },
+            "addOption": "Add option",
+            "answerPlaceholder": "Option {{index}}",
+            "cancel": "Cancel",
+            "create": "Create a poll",
+            "pollOption": "Poll option {{index}}",
+            "pollQuestion": "Poll Question",
+            "questionPlaceholder": "Ask a question",
+            "removeOption": "Remove option",
+            "save": "Save"
+        },
+        "errors": {
+            "notUniqueOption": "Options must be unique"
+        },
+        "notification": {
+            "description": "Open polls tab to vote",
+            "title": "A new poll was added to this meeting"
+        },
+        "results": {
+            "changeVote": "Change vote",
+            "empty": "There are no polls in the meeting yet.",
+            "hideDetailedResults": "Hide details",
+            "showDetailedResults": "Show details",
+            "vote": "Vote"
+        }
+    },
+    "poweredby": "powered by",
+    "prejoin": {
+        "audioAndVideoError": "Audio and video error:",
+        "audioDeviceProblem": "There is a problem with your audio device",
+        "audioOnlyError": "Audio error:",
+        "audioTrackError": "Could not create audio track.",
+        "callMe": "Call me",
+        "callMeAtNumber": "Call me at this number:",
+        "calling": "Calling",
+        "configuringDevices": "Configuring devices…",
+        "connectedWithAudioQ": "You're connected with audio?",
+        "connection": {
+            "failed": "Connection test failed!",
+            "good": "Your internet connection looks good!",
+            "nonOptimal": "Your internet connection is not optimal",
+            "poor": "You have a poor internet connection",
+            "running": "Running connection test…"
+        },
+        "connectionDetails": {
+            "audioClipping": "We expect your audio to be clipped.",
+            "audioHighQuality": "We expect your audio to have excellent quality.",
+            "audioLowNoVideo": "We expect your audio quality to be low and no video.",
+            "goodQuality": "Awesome! Your media quality is going to be great.",
+            "noMediaConnectivity": "We could not find a way to establish media connectivity for this test. This is typically caused by a firewall or NAT.",
+            "noVideo": "We expect that your video will be terrible.",
+            "testFailed": "The connection test encountered unexpected issues, but this might not impact your experience.",
+            "undetectable": "If you still can not make calls in browser, we recommend that you make sure your speakers, microphone and camera are properly set up, that you have granted your browser rights to use your microphone and camera, and that your browser version is up-to-date. If you still have trouble calling, you should contact the web application developer.",
+            "veryPoorConnection": "We expect your call quality to be really terrible.",
+            "videoFreezing": "We expect your video to freeze, turn black, and be pixelated.",
+            "videoHighQuality": "We expect your video to have good quality.",
+            "videoLowQuality": "We expect your video to have low quality in terms of frame rate and resolution.",
+            "videoTearing": "We expect your video to be pixelated or have visual artefacts."
+        },
+        "copyAndShare": "Copy & share meeting link",
+        "dialInMeeting": "Dial into the meeting",
+        "dialInPin": "Dial into the meeting and enter PIN code:",
+        "dialing": "Dialing",
+        "doNotShow": "Don't show this screen again",
+        "errorDialOut": "Could not dial out",
+        "errorDialOutDisconnected": "Could not dial out. Disconnected",
+        "errorDialOutFailed": "Could not dial out. Call failed",
+        "errorDialOutStatus": "Error getting dial out status",
+        "errorMissingName": "Please enter your name to join the meeting",
+        "errorNoPermissions": "You need to enable microphone and camera access",
+        "errorStatusCode": "Error dialing out, status code: {{status}}",
+        "errorValidation": "Number validation failed",
+        "iWantToDialIn": "I want to dial in",
+        "initiated": "Call initiated",
+        "joinAudioByPhone": "Join with phone audio",
+        "joinMeeting": "Join meeting",
+        "joinMeetingInLowBandwidthMode": "Join in low bandwidth mode",
+        "joinWithoutAudio": "Join without audio",
+        "keyboardShortcuts": "Enable Keyboard shortcuts",
+        "linkCopied": "Link copied to clipboard",
+        "lookGood": "Your devices are working properly",
+        "or": "or",
+        "premeeting": "Pre meeting",
+        "proceedAnyway": "Proceed anyway",
+        "recordingWarning": "Other participants may be recording this call",
+        "screenSharingError": "Screen sharing error:",
+        "startWithPhone": "Start with phone audio",
+        "unsafeRoomConsent": "I understand the risks, I want to join the meeting",
+        "videoOnlyError": "Video error:",
+        "videoTrackError": "Could not create video track.",
+        "viewAllNumbers": "view all numbers"
+    },
+    "presenceStatus": {
+        "busy": "Busy",
+        "calling": "Calling…",
+        "connected": "Connected",
+        "connecting": "Connecting…",
+        "connecting2": "Connecting*…",
+        "disconnected": "Disconnected",
+        "expired": "Expired",
+        "ignored": "Ignored",
+        "initializingCall": "Initializing Call…",
+        "invited": "Invited",
+        "rejected": "Rejected",
+        "ringing": "Ringing…"
+    },
+    "profile": {
+        "avatar": "avatar",
+        "setDisplayNameLabel": "Name",
+        "setEmailInput": "Enter email",
+        "setEmailLabel": "Gravatar email",
+        "title": "Profile"
+    },
+    "raisedHand": "Would like to speak",
+    "raisedHandsLabel": "Number of raised hands",
+    "record": {
+        "already": {
+            "linked": "The meeting is already linked to this Salesforce object."
+        },
+        "type": {
+            "account": "Account",
+            "contact": "Contact",
+            "lead": "Lead",
+            "opportunity": "Opportunity",
+            "owner": "Owner"
+        }
+    },
+    "recording": {
+        "authDropboxText": "Upload to Dropbox",
+        "availableSpace": "Available space: {{spaceLeft}} MB (approximately {{duration}} minutes of recording)",
+        "beta": "BETA",
+        "busy": "We're working on freeing recording resources. Please try again in a few minutes.",
+        "busyTitle": "All recorders are currently busy",
+        "copyLink": "Copy Link",
+        "error": "Recording failed. Please try again.",
+        "errorFetchingLink": "Error fetching recording link.",
+        "expandedOff": "Recording has stopped",
+        "expandedOn": "The meeting is currently being recorded",
+        "expandedPending": "Recording is being started…",
+        "failedToStart": "Recording failed to start",
+        "fileSharingdescription": "Share the recording link with the meeting participants",
+        "highlight": "Highlight",
+        "highlightMoment": "Highlight moment",
+        "highlightMomentDisabled": "You can highlight moments when the recording starts",
+        "highlightMomentSuccess": "Moment highlighted",
+        "highlightMomentSucessDescription": "Your highlighted moment will be added to the meeting summary.",
+        "inProgress": "Recording or live streaming in progress",
+        "limitNotificationDescriptionNative": "Due to high demand your recording will be limited to {{limit}} min. For unlimited recordings try <3>{{app}}</3>.",
+        "limitNotificationDescriptionWeb": "Due to high demand your recording will be limited to {{limit}} min. For unlimited recordings try <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
+        "linkGenerated": "We have generated a link to your recording.",
+        "localRecordingNoNotificationWarning": "The recording will not be announced to other participants. You will need to let them know that the meeting is recorded.",
+        "localRecordingNoVideo": "Video is not being recorded",
+        "localRecordingStartWarning": "Please make sure you stop the recording before exiting the meeting in order to save it.",
+        "localRecordingStartWarningTitle": "Stop the recording to save it",
+        "localRecordingVideoStop": "Stopping your video will also stop the local recording. Are you sure you want to continue?",
+        "localRecordingVideoWarning": "To record your video you must have it on when starting the recording",
+        "localRecordingWarning": "Make sure you select the current tab in order to use the right video and audio.",
+        "loggedIn": "Logged in as {{userName}}",
+        "noMicPermission": "Microphone track could not be created. Please grant permission to use the microphone.",
+        "noStreams": "No audio or video stream detected.",
+        "off": "Recording stopped",
+        "offBy": "{{name}} stopped the recording",
+        "on": "Recording started",
+        "onBy": "{{name}} started the recording",
+        "onlyRecordSelf": "Record only my audio and video streams",
+        "pending": "Preparing to record the meeting…",
+        "policyError": "You tried to start a recording too quickly. Please try again later!",
+        "recordAudioAndVideo": "Record audio and video",
+        "recordTranscription": "Record transcription",
+        "saveLocalRecording": "Save recording file locally (Beta)",
+        "serviceDescription": "Your recording will be saved by the recording service",
+        "serviceDescriptionCloud": "Cloud recording",
+        "serviceDescriptionCloudInfo": "Recorded meetings are automatically cleared 24h after their recording time.",
+        "serviceName": "Recording service",
+        "sessionAlreadyActive": "This session is already being recorded or live streamed.",
+        "showAdvancedOptions": "Advanced options",
+        "signIn": "Sign in",
+        "signOut": "Sign out",
+        "surfaceError": "Please select the current tab.",
+        "title": "Recording",
+        "unavailable": "Oops! The {{serviceName}} is currently unavailable. We're working on resolving the issue. Please try again later.",
+        "unavailableTitle": "Recording unavailable",
+        "uploadToCloud": "Upload to the cloud"
+    },
+    "screenshareDisplayName": "{{name}}'s screen",
+    "sectionList": {
+        "pullToRefresh": "Pull to refresh"
+    },
+    "security": {
+        "about": "You can add a $t(lockRoomPassword) to your meeting. Participants will need to provide the $t(lockRoomPassword) before they are allowed to join the meeting.",
+        "aboutReadOnly": "Moderator participants can add a $t(lockRoomPassword) to the meeting. Participants will need to provide the $t(lockRoomPassword) before they are allowed to join the meeting.",
+        "insecureRoomNameWarningNative": "The room name is unsafe. Unwanted participants may join your meeting. {{recommendAction}} Learn more about securing your meeting ",
+        "insecureRoomNameWarningWeb": "The room name is unsafe. Unwanted participants may join your meeting. {{recommendAction}} Learn more about securing your meeting <a href=\"{{securityUrl}}\" rel=\"security\" target=\"_blank\">here</a>.",
+        "title": "Security Options",
+        "unsafeRoomActions": {
+            "meeting": "Consider securing your meeting using the security button.",
+            "prejoin": "Consider using a more unique meeting name.",
+            "welcome": "Consider using a more unique meeting name, or pick one of the suggestions."
+        }
+    },
+    "settings": {
+        "audio": "Audio",
+        "buttonLabel": "Settings",
+        "calendar": {
+            "about": "The {{appName}} calendar integration is used to securely access your calendar so it can read upcoming events.",
+            "disconnect": "Disconnect",
+            "microsoftSignIn": "Sign in with Microsoft",
+            "signedIn": "Currently accessing calendar events for {{email}}. Click the Disconnect button below to stop accessing calendar events.",
+            "title": "Calendar"
+        },
+        "chatWithPermissions": "Disable chat for non-moderators",
+        "desktopShareFramerate": "Desktop sharing frame rate",
+        "desktopShareHighFpsWarning": "A higher frame rate for desktop sharing might affect your bandwidth. You need to restart the screen share for the new settings to take effect.",
+        "desktopShareWarning": "You need to restart the screen share for the new settings to take effect.",
+        "devices": "Devices",
+        "followMe": "Everyone follows me",
+        "followMeRecorder": "Recorder follows me",
+        "framesPerSecond": "frames-per-second",
+        "incomingMessage": "Incoming message",
+        "language": "Language",
+        "loggedIn": "Logged in as {{name}}",
+        "maxStageParticipants": "Maximum number of participants who can be pinned to the main stage",
+        "microphones": "Microphones",
+        "moderator": "Moderator",
+        "moderatorOptions": "Moderator options",
+        "more": "General",
+        "name": "Name",
+        "noDevice": "None",
+        "notifications": "Notifications",
+        "participantJoined": "Participant Joined",
+        "participantKnocking": "Participant entered lobby",
+        "participantLeft": "Participant Left",
+        "playSounds": "Play sound on",
+        "reactions": "Meeting reactions",
+        "sameAsSystem": "Same as system ({{label}})",
+        "selectAudioOutput": "Audio output",
+        "selectCamera": "Camera",
+        "selectMic": "Microphone",
+        "selfView": "Self view",
+        "shortcuts": "Shortcuts",
+        "showSubtitlesOnStage": "Show subtitles on stage",
+        "speakers": "Speakers",
+        "startAudioMuted": "Everyone starts muted",
+        "startReactionsMuted": "Mute reaction sounds for everyone",
+        "startVideoMuted": "Everyone starts hidden",
+        "talkWhileMuted": "Talk while muted",
+        "title": "Settings",
+        "video": "Video"
+    },
+    "settingsView": {
+        "advanced": "Advanced",
+        "alertCancel": "Cancel",
+        "alertOk": "OK",
+        "alertTitle": "Warning",
+        "alertURLText": "The entered server URL is invalid",
+        "apply": "Apply",
+        "buildInfoSection": "Build Information",
+        "conferenceSection": "Conference",
+        "disableCallIntegration": "Disable native call integration",
+        "disableCrashReporting": "Disable crash reporting",
+        "disableCrashReportingWarning": "Are you sure you want to disable crash reporting? The setting will be applied after you restart the app.",
+        "disableP2P": "Disable Peer-To-Peer mode",
+        "displayName": "Display name",
+        "displayNamePlaceholderText": "Eg: John Doe",
+        "email": "Email",
+        "emailPlaceholderText": "email@example.com",
+        "gavatarMessage": "If your email is associated with a Gravatar account, we will use it to display your profile picture.",
+        "goTo": "Go to",
+        "header": "Settings",
+        "help": "Help",
+        "links": "Links",
+        "privacy": "Privacy",
+        "profileSection": "Profile",
+        "sdkVersion": "SDK version",
+        "serverURL": "Server URL",
+        "showAdvanced": "Show advanced settings",
+        "startCarModeInLowBandwidthMode": "Start car mode in low bandwidth mode",
+        "startWithAudioMuted": "Start with audio muted",
+        "startWithVideoMuted": "Start with video muted",
+        "terms": "Terms",
+        "version": "App version"
+    },
+    "share": {
+        "dialInfoText": "\n\n=====\n\nJust want to dial in on your phone?\n\n{{defaultDialInNumber}}Click this link to see the dial in phone numbers for this meeting\n{{dialInfoPageUrl}}",
+        "mainText": "Click the following link to join the meeting:\n{{roomUrl}}"
+    },
+    "speaker": "Speaker",
+    "speakerStats": {
+        "angry": "Angry",
+        "disgusted": "Disgusted",
+        "displayEmotions": "Display emotions",
+        "fearful": "Fearful",
+        "happy": "Happy",
+        "hours": "{{count}}h",
+        "labelTooltip": "Number of participants: {{count}}",
+        "minutes": "{{count}}m",
+        "name": "Name",
+        "neutral": "Neutral",
+        "sad": "Sad",
+        "search": "Search",
+        "searchDescription": "Start typing to filter participants",
+        "searchHint": "Search participants",
+        "seconds": "{{count}}s",
+        "speakerStats": "Participants Stats",
+        "speakerTime": "Speaker Time",
+        "surprised": "Surprised"
+    },
+    "startupoverlay": {
+        "genericTitle": "The meeting needs to use your microphone and camera.",
+        "policyText": " ",
+        "title": "{{app}} needs to use your microphone and camera."
+    },
+    "suspendedoverlay": {
+        "rejoinKeyTitle": "Rejoin",
+        "text": "Press the <i>Rejoin</i> button to reconnect.",
+        "title": "Your video call was interrupted because this computer went to sleep."
+    },
+    "termsView": {
+        "title": "Terms"
+    },
+    "toggleTopPanelLabel": "Toggle top panel",
+    "toolbar": {
+        "Settings": "Settings",
+        "accessibilityLabel": {
+            "Settings": "Open settings",
+            "audioOnly": "Toggle audio only",
+            "audioRoute": "Select the sound device",
+            "boo": "Boo",
+            "breakoutRooms": "Breakout rooms",
+            "callQuality": "Manage video quality",
+            "carmode": "Car Mode",
+            "cc": "Toggle subtitles",
+            "chat": "Open / Close chat",
+            "clap": "Clap",
+            "closeChat": "Close chat",
+            "closeMoreActions": "Close more actions menu",
+            "closeParticipantsPane": "Close participants pane",
+            "closedCaptions": "Closed captions",
+            "collapse": "Collapse",
+            "document": "Toggle shared document",
+            "documentClose": "Close shared document",
+            "documentOpen": "Open shared document",
+            "download": "Download our apps",
+            "embedMeeting": "Embed meeting",
+            "endConference": "End meeting for all",
+            "enterFullScreen": "View full screen",
+            "enterTileView": "Enter tile view",
+            "exitFullScreen": "Exit full screen",
+            "exitTileView": "Exit tile view",
+            "expand": "Expand",
+            "feedback": "Leave feedback",
+            "fullScreen": "Toggle full screen",
+            "giphy": "Toggle GIPHY menu",
+            "grantModerator": "Grant Moderator Rights",
+            "hangup": "Leave the meeting",
+            "heading": "Toolbar",
+            "help": "Help",
+            "hideWhiteboard": "Hide whiteboard",
+            "invite": "Invite people",
+            "kick": "Kick participant",
+            "laugh": "Laugh",
+            "leaveConference": "Leave meeting",
+            "like": "Thumbs Up",
+            "linkToSalesforce": "Link to Salesforce",
+            "lobbyButton": "Enable/disable lobby mode",
+            "localRecording": "Toggle local recording controls",
+            "lockRoom": "Toggle meeting password",
+            "love": "Heart",
+            "lowerHand": "Lower your hand",
+            "moreActions": "More actions",
+            "moreActionsMenu": "More actions menu",
+            "moreOptions": "Show more options",
+            "mute": "Mute microphone",
+            "muteEveryone": "Mute everyone",
+            "muteEveryoneElse": "Mute everyone else",
+            "muteEveryoneElsesVideoStream": "Stop everyone else's video",
+            "muteEveryonesVideoStream": "Stop everyone's video",
+            "muteGUMPending": "Connecting your microphone",
+            "noiseSuppression": "Extra noise suppression",
+            "openChat": "Open chat",
+            "participants": "Open participants panel. {{participantsCount}} participants",
+            "pip": "Toggle Picture-in-Picture mode",
+            "privateMessage": "Send private message",
+            "profile": "Edit your profile",
+            "raiseHand": "Raise your hand",
+            "react": "Message reactions",
+            "reactions": "Reactions",
+            "reactionsMenu": "Reactions menu",
+            "recording": "Toggle recording",
+            "remoteMute": "Mute participant",
+            "remoteVideoMute": "Disable camera of participant",
+            "security": "Security options",
+            "selectBackground": "Select Background",
+            "selfView": "Toggle self view",
+            "shareRoom": "Invite someone",
+            "shareYourScreen": "Start sharing your screen",
+            "shareaudio": "Share audio",
+            "sharedvideo": "Share video",
+            "shortcuts": "Toggle shortcuts",
+            "show": "Show on stage",
+            "showWhiteboard": "Show whiteboard",
+            "silence": "Silence",
+            "speakerStats": "Toggle participants statistics",
+            "stopScreenSharing": "Stop sharing your screen",
+            "stopSharedVideo": "Stop video",
+            "surprised": "Surprised",
+            "tileView": "Toggle tile view",
+            "toggleCamera": "Toggle camera",
+            "toggleFilmstrip": "Toggle filmstrip",
+            "unmute": "Unmute microphone",
+            "videoblur": "Toggle video blur",
+            "videomute": "Stop camera",
+            "videomuteGUMPending": "Connecting your camera",
+            "videounmute": "Start camera"
+        },
+        "addPeople": "Add people to your call",
+        "advancedAudioSettings": {
+            "aec": {
+                "label": "Acoustic echo cancellation"
+            },
+            "agc": {
+                "label": "Automatic gain control"
+            },
+            "ns": {
+                "label": "Noise suppression"
+            },
+            "stereo": {
+                "label": "Stereo"
+            }
+        },
+        "audioOnlyOff": "Disable low bandwidth mode",
+        "audioOnlyOn": "Enable low bandwidth mode",
+        "audioRoute": "Select the sound device",
+        "audioSettings": "Audio settings",
+        "authenticate": "Authenticate",
+        "boo": "Boo",
+        "callQuality": "Manage video quality",
+        "chat": "Open / Close chat",
+        "clap": "Clap",
+        "closeChat": "Close chat",
+        "closeParticipantsPane": "Close participants pane",
+        "closeReactionsMenu": "Close reactions menu",
+        "closedCaptions": "Closed captions",
+        "disableNoiseSuppression": "Disable extra noise suppression",
+        "disableReactionSounds": "You can disable reaction sounds for this meeting",
+        "documentClose": "Close shared document",
+        "documentOpen": "Open shared document",
+        "download": "Download our apps",
+        "e2ee": "End-to-End Encryption",
+        "embedMeeting": "Embed meeting",
+        "enableNoiseSuppression": "Enable extra noise suppression",
+        "endConference": "End meeting for all",
+        "enterFullScreen": "View full screen",
+        "enterTileView": "Enter tile view",
+        "exitFullScreen": "Exit full screen",
+        "exitTileView": "Exit tile view",
+        "feedback": "Leave feedback",
+        "fileSharing": "File sharing",
+        "giphy": "Toggle GIPHY menu",
+        "hangup": "Leave the meeting",
+        "help": "Help",
+        "hideWhiteboard": "Hide whiteboard",
+        "invite": "Invite people",
+        "joinBreakoutRoom": "Join breakout room",
+        "laugh": "Laugh",
+        "leaveBreakoutRoom": "Leave breakout room",
+        "leaveConference": "Leave meeting",
+        "like": "Thumbs Up",
+        "linkToSalesforce": "Link to Salesforce",
+        "lobbyButtonDisable": "Disable lobby mode",
+        "lobbyButtonEnable": "Enable lobby mode",
+        "login": "Log In",
+        "logout": "Log Out",
+        "love": "Heart",
+        "lowerYourHand": "Lower your hand",
+        "moreActions": "More actions",
+        "moreOptions": "More options",
+        "mute": "Mute microphone",
+        "muteEveryone": "Mute everyone",
+        "muteEveryonesVideo": "Disable everyone's camera",
+        "muteGUMPending": "Connecting your microphone",
+        "noAudioSignalDesc": "If you did not purposely mute it from system settings or hardware, consider switching the device.",
+        "noAudioSignalDescSuggestion": "If you did not purposely mute it from system settings or hardware, consider switching to the suggested device.",
+        "noAudioSignalDialInDesc": "You can also dial-in using:",
+        "noAudioSignalDialInLinkDesc": "Dial-in numbers",
+        "noAudioSignalTitle": "There is no input coming from your mic!",
+        "noiseSuppression": "Extra noise suppression",
+        "noisyAudioInputDesc": "It sounds like your microphone is making noise, please consider muting or changing the device.",
+        "noisyAudioInputTitle": "Your microphone appears to be noisy!",
+        "openChat": "Open chat",
+        "openReactionsMenu": "Open reactions menu",
+        "participants": "Participants",
+        "pip": "Enter Picture-in-Picture mode",
+        "polls": "Polls",
+        "privateMessage": "Send private message",
+        "profile": "Edit your profile",
+        "raiseHand": "Raise your hand",
+        "raiseYourHand": "Raise your hand",
+        "reactionBoo": "Send boo reaction",
+        "reactionClap": "Send clap reaction",
+        "reactionHeart": "Send heart reaction",
+        "reactionLaugh": "Send laugh reaction",
+        "reactionLike": "Send thumbs up reaction",
+        "reactionLove": "Send love reaction",
+        "reactionSilence": "Send silence reaction",
+        "reactionSurprised": "Send surprised reaction",
+        "reactions": "Reactions",
+        "security": "Security options",
+        "selectBackground": "Select background",
+        "shareRoom": "Invite someone",
+        "shareaudio": "Share audio",
+        "sharedvideo": "Share video",
+        "shortcuts": "View shortcuts",
+        "showWhiteboard": "Show whiteboard",
+        "silence": "Silence",
+        "speakerStats": "Participants stats",
+        "startScreenSharing": "Start screen sharing",
+        "startSubtitles": "Subtitles • {{language}}",
+        "stopAudioSharing": "Stop audio sharing",
+        "stopScreenSharing": "Stop screen sharing",
+        "stopSharedVideo": "Stop video",
+        "stopSubtitles": "Stop subtitles",
+        "surprised": "Surprised",
+        "talkWhileMutedPopup": "Trying to speak? You are muted.",
+        "tileViewToggle": "Toggle tile view",
+        "toggleCamera": "Toggle camera",
+        "unmute": "Unmute microphone",
+        "videoSettings": "Video settings",
+        "videomute": "Stop camera",
+        "videomuteGUMPending": "Connecting your camera",
+        "videounmute": "Start camera"
+    },
+    "transcribing": {
+        "ccButtonTooltip": "Start / Stop subtitles",
+        "expandedLabel": "Transcribing is currently on",
+        "failed": "Transcribing failed",
+        "labelTooltip": "This meeting is being transcribed.",
+        "labelTooltipExtra": "In addition, a transcript will be available later.",
+        "openClosedCaptions": "Open closed captions",
+        "original": "Original",
+        "sourceLanguageDesc": "Currently the meeting language is set to <b>{{sourceLanguage}}</b>. <br/> You can change it from ",
+        "sourceLanguageHere": "here",
+        "start": "Start showing subtitles",
+        "stop": "Stop showing subtitles",
+        "subtitles": "Subtitles",
+        "subtitlesOff": "Off",
+        "tr": "TR",
+        "translateTo": "Translate to"
+    },
+    "unpinParticipant": "{{participantName}} - Unpin",
+    "userMedia": {
+        "grantPermissions": "Please grant permissions to use your camera and microphone."
+    },
+    "videoSIPGW": {
+        "busy": "We're working on freeing resources. Please try again in a few minutes.",
+        "busyTitle": "The Room service is currently busy",
+        "errorAlreadyInvited": "{{displayName}} already invited",
+        "errorInvite": "Conference not established yet. Please try again later.",
+        "errorInviteFailed": "We're working on resolving the issue. Please try again later.",
+        "errorInviteFailedTitle": "Inviting {{displayName}} failed",
+        "errorInviteTitle": "Error inviting room",
+        "pending": "{{displayName}} has been invited"
+    },
+    "videoStatus": {
+        "adjustFor": "Adjust for:",
+        "audioOnly": "AUD",
+        "audioOnlyExpanded": "You are in low bandwidth mode. In this mode you will receive only audio and screen sharing.",
+        "bestPerformance": "Best performance",
+        "callQuality": "Video Quality (0 for best performance, 3 for highest quality)",
+        "hd": "HD",
+        "hdTooltip": "Viewing high definition video",
+        "highDefinition": "High definition",
+        "highestQuality": "Highest quality",
+        "labelTooiltipNoVideo": "No video",
+        "labelTooltipAudioOnly": "Low bandwidth mode enabled",
+        "ld": "LD",
+        "ldTooltip": "Viewing low definition video",
+        "lowDefinition": "Low definition",
+        "performanceSettings": "Performance settings",
+        "recording": "This meeting is being recorded.",
+        "sd": "SD",
+        "sdTooltip": "Viewing standard definition video",
+        "standardDefinition": "Standard definition",
+        "streaming": "Streaming in progress"
+    },
+    "videothumbnail": {
+        "connectionInfo": "Connection Info",
+        "demote": "Move to viewer",
+        "domute": "Mute",
+        "domuteDesktop": "Stop screen-sharing",
+        "domuteDesktopOfOthers": "Stop screen-sharing for everyone else",
+        "domuteOthers": "Mute everyone else",
+        "domuteVideo": "Disable camera",
+        "domuteVideoOfOthers": "Disable camera of everyone else",
+        "flip": "Flip",
+        "grantModerator": "Grant Moderator Rights",
+        "hideSelfView": "Hide self view",
+        "kick": "Kick out",
+        "mirrorVideo": "Mirror my video",
+        "moderator": "Moderator",
+        "mute": "Participant is muted",
+        "muted": "Muted",
+        "pinToStage": "Pin to stage",
+        "remoteControl": "Start / Stop remote control",
+        "screenSharing": "Participant is sharing their screen",
+        "show": "Show on stage",
+        "showSelfView": "Show self view",
+        "unpinFromStage": "Unpin",
+        "verify": "Verify participant",
+        "videoMuted": "Camera disabled",
+        "videomute": "Participant has stopped the camera"
+    },
+    "virtualBackground": {
+        "accessibilityLabel": {
+            "currentBackground": "Current background: {{background}}",
+            "selectBackground": "Select a background"
+        },
+        "addBackground": "Add background",
+        "apply": "Apply",
+        "backgroundEffectError": "Failed to apply background effect.",
+        "blur": "Blur",
+        "deleteImage": "Delete image",
+        "desktopShare": "Desktop share",
+        "desktopShareError": "Could not create desktop share",
+        "image1": "Beach",
+        "image2": "White neutral wall",
+        "image3": "White empty room",
+        "image4": "Black floor lamp",
+        "image5": "Mountain",
+        "image6": "Forest ",
+        "image7": "Sunrise",
+        "none": "None",
+        "pleaseWait": "Please wait…",
+        "removeBackground": "Remove background",
+        "slightBlur": "Half Blur",
+        "title": "Virtual backgrounds",
+        "uploadedImage": "Uploaded image {{index}}",
+        "webAssemblyWarning": "WebAssembly not supported",
+        "webAssemblyWarningDescription": "WebAssembly disabled or not supported by this browser"
+    },
+    "visitors": {
+        "chatIndicator": "(viewer)",
+        "joinMeeting": {
+            "description": "You're currently a viewer in this conference.",
+            "raiseHand": "Raise your hand",
+            "title": "Joining meeting",
+            "wishToSpeak": "If you wish to speak, please raise your hand below and wait for the moderator's approval."
+        },
+        "labelTooltip": "Number of viewers: {{count}}",
+        "notification": {
+            "demoteDescription": "Sent here by {{actor}}, raise your hand to participate",
+            "noMainParticipantsDescription": "A participant needs to start the meeting. Please try again in a bit.",
+            "noMainParticipantsTitle": "This meeting hasn't started yet.",
+            "noVisitorLobby": "You cannot join while there is a lobby enabled for the meeting.",
+            "notAllowedPromotion": "A participant needs to allow your request first.",
+            "requestToJoin": "Hand Raised",
+            "requestToJoinDescription": "Your request was sent to the moderators. Hang tight!",
+            "title": "You are a viewer in the meeting"
+        },
+        "waitingMessage": "You'll join the meeting as soon as it is live!"
+    },
+    "volumeSlider": "Volume slider",
+    "welcomepage": {
+        "accessibilityLabel": {
+            "join": "Tap to join",
+            "roomname": "Enter room name"
+        },
+        "addMeetingName": "Add Meeting name",
+        "appDescription": "Go ahead, video chat with the whole team. In fact, invite everyone you know. {{app}} is a fully encrypted, 100% open source video conferencing solution that you can use all day, every day, for free — with no account needed.",
+        "audioVideoSwitch": {
+            "audio": "Voice",
+            "video": "Video"
+        },
+        "calendar": "Calendar",
+        "connectCalendarButton": "Connect your calendar",
+        "connectCalendarText": "Connect your calendar to view all your meetings in {{app}}. Plus, add {{provider}} meetings to your calendar and start them with one click.",
+        "enterRoomTitle": "Start a new meeting",
+        "getHelp": "Get help",
+        "go": "GO",
+        "goSmall": "GO",
+        "headerSubtitle": "Secure and high quality meetings",
+        "headerTitle": "Jitsi Meet",
+        "info": "Dial-in info",
+        "jitsiOnMobile": "Jitsi on mobile – download our apps and start a meeting from anywhere",
+        "join": "CREATE / JOIN",
+        "logo": {
+            "calendar": "Calendar logo",
+            "desktopPreviewThumbnail": "Desktop preview thumbnail",
+            "googleLogo": "Google Logo",
+            "logoDeepLinking": "Jitsi meet logo",
+            "microsoftLogo": "Microsoft logo",
+            "policyLogo": "Policy logo"
+        },
+        "meetingsAccessibilityLabel": "Meetings",
+        "mobileDownLoadLinkAndroid": "Download mobile app for Android",
+        "mobileDownLoadLinkFDroid": "Download mobile app for F-Droid",
+        "mobileDownLoadLinkIos": "Download mobile app for iOS",
+        "moderatedMessage": "Or <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">book a meeting URL</a> in advance where you are the only moderator.",
+        "privacy": "Privacy",
+        "recentList": "Recent",
+        "recentListDelete": "Delete entry",
+        "recentListEmpty": "Your recent list is currently empty. Chat with your team and you will find all your recent meetings here.",
+        "recentMeetings": "Your recent meetings",
+        "reducedUIText": "Welcome to {{app}}!",
+        "roomNameAllowedChars": "Meeting name should not contain any of these characters: ?, &, :, ', \", %, #.",
+        "roomname": "Enter room name",
+        "roomnameHint": "Enter the name or URL of the room you want to join. You may make a name up, just let the people you are meeting know it so that they enter the same name.",
+        "sendFeedback": "Send feedback",
+        "settings": "Settings",
+        "startMeeting": "Start meeting",
+        "terms": "Terms",
+        "title": "Secure, fully featured, and completely free video conferencing",
+        "upcomingMeetings": "Your upcoming meetings"
+    },
+    "whiteboard": {
+        "accessibilityLabel": {
+            "heading": "Whiteboard"
+        },
+        "screenTitle": "Whiteboard"
+    }
+}
diff --git a/lang/readme.md b/lang/readme.md
new file mode 100644
index 0000000..78ccedb
--- /dev/null
+++ b/lang/readme.md
@@ -0,0 +1,55 @@
+# Jitsi Meet Translation
+
+Jitsi Meet uses [i18next](http://i18next.com) library for translation.
+i18next uses separate json files for each language.
+
+
+## Translating Jitsi Meet
+
+The translation of Jitsi Meet is handled editing manually the language files.
+
+You can use the `update-translation.js` script as follows to help you with that:
+
+```sh
+cd lang
+node update-translation.js main-es.json
+```
+
+That will cause the `main-es.json` file to be updated with all the missing keys set as empty
+strings. All that's missing is for you to fill in the blanks!
+
+## Development
+
+If you want to add new functionality for Jitsi Meet and you have texts that need to be translated you must add key and value in main.json file in English for each translatable text.
+Than you can use the key to get the translated text for the current language.
+
+You can add translatable text in the HTML:
+
+
+* **via attribute on HTML element** - add **data-i18n** attribute with value the key of the translatable text.
+
+
+ ```html
+ <span data-i18n="dialog.OK">OK</span>
+ ```
+
+
+ You can also use APP.translation.generateTranslationHTML(key, options) to get this HTML code as Javascript string.
+
+
+ ```js
+ APP.translation.generateTranslationHTML("dialog.OK") // returns <span data-i18n="dialog.OK">OK</span>
+ ```
+
+ The value in the options parameter will be added in data-i18n-options attribute of the element.
+
+ **Note:** If you dynamically add HTML elements don't forget to call APP.translation.translateElement(jquery_selector) to translate the text initially.
+
+
+ ```js
+ APP.translation.translateString("dialog.OK") // returns the value for the key of the current language file. "OK" for example.
+ ```
+
+For the available values of ``options`` parameter for the above methods of translation module see [i18next documentation](http://i18next.com/pages/doc_features).
+
+**Note:** It is useful to add attributes in the HTML for persistent HTML elements because when the language is changed the text will be automatically translated.
diff --git a/lang/translation-languages.json b/lang/translation-languages.json
new file mode 100644
index 0000000..e8e505e
--- /dev/null
+++ b/lang/translation-languages.json
@@ -0,0 +1,112 @@
+{
+    "af": "Afrikaans",
+    "am": "Amharic",
+    "ar": "Arabic",
+    "az": "Azerbaijani",
+    "be": "Belarusian",
+    "bg": "Bulgarian",
+    "bn": "Bengali",
+    "bs": "Bosnian",
+    "ca": "Catalan",
+    "ceb": "Cebuano",
+    "co": "Corsican",
+    "cs": "Czech",
+    "cy": "Welsh",
+    "da": "Danish",
+    "de": "German",
+    "el": "Greek",
+    "en": "English",
+    "eo": "Esperanto",
+    "es": "Spanish",
+    "et": "Estonian",
+    "eu": "Basque",
+    "fa": "Persian",
+    "fi": "Finnish",
+    "fr": "French",
+    "fy": "Frisian",
+    "ga": "Irish",
+    "gd": "Scots Gaelic",
+    "gl": "Galician",
+    "gu": "Gujarati",
+    "ha": "Hausa",
+    "haw": "Hawaiian",
+    "he": "Hebrew",
+    "hi": "Hindi",
+    "hmn": "Hmong",
+    "hr": "Croatian",
+    "hsb": "Upper Sorbian",
+    "ht": "Haitian Creole",
+    "hu": "Hungarian",
+    "hy": "Armenian",
+    "id": "Indonesian",
+    "ig": "Igbo",
+    "is": "Icelandic",
+    "it": "Italian",
+    "ja": "Japanese",
+    "jv": "Javanese",
+    "ka": "Georgian",
+    "kk": "Kazakh",
+    "km": "Khmer",
+    "kn": "Kannada",
+    "ko": "Korean",
+    "ku": "Kurdish",
+    "ky": "Kyrgyz",
+    "la": "Latin",
+    "lb": "Luxembourgish",
+    "lo": "Lao",
+    "lt": "Lithuanian",
+    "lv": "Latvian",
+    "mg": "Malagasy",
+    "mi": "Maori",
+    "mk": "Macedonian",
+    "ml": "Malayalam",
+    "mn": "Mongolian",
+    "mr": "Marathi",
+    "ms": "Malay",
+    "mt": "Maltese",
+    "my": "Myanmar (Burmese)",
+    "ne": "Nepali",
+    "nl": "Dutch",
+    "no": "Norwegian",
+    "ny": "Nyanja (Chichewa)",
+    "or": "Odia (Oriya)",
+    "pa": "Punjabi",
+    "pl": "Polish",
+    "ps": "Pashto",
+    "pt": "Portuguese (Portugal, Brazil)",
+    "ro": "Romanian",
+    "ru": "Russian",
+    "rw": "Kinyarwanda",
+    "sd": "Sindhi",
+    "si": "Sinhala (Sinhalese)",
+    "sk": "Slovak",
+    "sl": "Slovenian",
+    "sm": "Samoan",
+    "sn": "Shona",
+    "so": "Somali",
+    "sq": "Albanian",
+    "sr": "Serbian",
+    "st": "Sesotho",
+    "su": "Sundanese",
+    "sv": "Swedish",
+    "sw": "Swahili",
+    "ta": "Tamil",
+    "te": "Telugu",
+    "tg": "Tajik",
+    "th": "Thai",
+    "tk": "Turkmen",
+    "tl": "Tagalog (Filipino)",
+    "tr": "Turkish",
+    "tt": "Tatar",
+    "ug": "Uyghur",
+    "uk": "Ukrainian",
+    "ur": "Urdu",
+    "uz": "Uzbek",
+    "vi": "Vietnamese",
+    "xh": "Xhosa",
+    "yi": "Yiddish",
+    "yo": "Yoruba",
+    "zh-CN": "Chinese (Simplified)",
+    "zh-TW": "Chinese (Traditional)",
+    "zu": "Zulu"
+}
diff --git a/lang/update-translation.js b/lang/update-translation.js
new file mode 100644
index 0000000..1e5ba5b
--- /dev/null
+++ b/lang/update-translation.js
@@ -0,0 +1,38 @@
+/* eslint-disable */
+
+const fs = require('fs');
+const process = require('process');
+const traverse = require('traverse');
+const mainLang = require('./main.json');
+
+const [ targetLangFile ] = process.argv.slice(-1);
+
+if (!targetLangFile) {
+    console.log('No target language file specified');
+    process.exit(1);
+}
+
+const targetLang = require(`./${targetLangFile}`);
+
+const paths = traverse(mainLang).reduce(function(acc, item) {
+    if (this.isLeaf) {
+        acc.push(this.path);
+    }
+
+    return acc;
+}, []);
+
+const result = {};
+
+for (const path of paths) {
+    if (traverse(targetLang).has(path)) {
+        traverse(result).set(path, traverse(targetLang).get(path));
+    } else {
+        //console.log(`${path.join('.')} is missing`);
+        traverse(result).set(path, '');
+    }
+}
+
+const data = JSON.stringify(result, undefined, 4);
+
+fs.writeFileSync(`./${targetLangFile}`, data + "\n");
diff --git a/manifest.json b/manifest.json
new file mode 100644
index 0000000..da2cecf
--- /dev/null
+++ b/manifest.json
@@ -0,0 +1,36 @@
+{
+  "android_package_name": "org.jitsi.meet",
+  "prefer_related_applications": true,
+  "related_applications": [
+    {
+      "id": "org.jitsi.meet",
+      "platform": "chromeos_play"
+    }
+  ],
+  "short_name": "Jitsi Meet",
+  "name": "Jitsi Meet",
+  "icons": [
+    {
+      "src": "static/pwa/icons/icon192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "static/pwa/icons/icon512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    },
+    {
+      "src": "static/pwa/icons/iconMask.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "start_url": "/",
+  "background_color": "#17A0DB",
+  "display": "standalone",
+  "scope": "/",
+  "theme_color": "#17A0DB"
+ }
+ 
\ No newline at end of file
diff --git a/metadata/en-US/full_description.txt b/metadata/en-US/full_description.txt
new file mode 100644
index 0000000..1564a36
--- /dev/null
+++ b/metadata/en-US/full_description.txt
@@ -0,0 +1,10 @@
+Jitsi Meet lets you stay in touch with all your teams, be they family, friends, or colleagues. Instant video conferences, efficiently adapting to your scale.
+
+* Unlimited users: There are no artificial restrictions on the number of users or conference participants. Server power and bandwidth are the only limiting factors.
+* No account needed.
+* Lock-protected rooms: Control the access to your conferences with a password.
+* Encrypted by default.
+* High quality: Audio and video are delivered with the clarity and richness of Opus and VP8.
+* Web browser ready: No downloads are required of your friends to join the conversation. Jitsi Meet works directly within their browsers as well. Simply share your conference URL with others to get started.
+* 100% open source: Powered by awesome communities from all over the world. And your friends at 8x8.
+* Invite by pretty URLs: You can meet at the easy to remember https://MySite.com/OurConf of your choice instead of joining the hard to remember rooms with seemingly random sequences of numbers and letters in their names.
\ No newline at end of file
diff --git a/metadata/en-US/images/icon.png b/metadata/en-US/images/icon.png
new file mode 100644
index 0000000..d2330ec
Binary files /dev/null and b/metadata/en-US/images/icon.png differ
diff --git a/metadata/en-US/images/phoneScreenshots/01.png b/metadata/en-US/images/phoneScreenshots/01.png
new file mode 100644
index 0000000..1ecde9e
Binary files /dev/null and b/metadata/en-US/images/phoneScreenshots/01.png differ
diff --git a/metadata/en-US/images/phoneScreenshots/02.png b/metadata/en-US/images/phoneScreenshots/02.png
new file mode 100644
index 0000000..7e6a217
Binary files /dev/null and b/metadata/en-US/images/phoneScreenshots/02.png differ
diff --git a/metadata/en-US/images/phoneScreenshots/03.png b/metadata/en-US/images/phoneScreenshots/03.png
new file mode 100644
index 0000000..b09b51d
Binary files /dev/null and b/metadata/en-US/images/phoneScreenshots/03.png differ
diff --git a/metadata/en-US/images/sevenInchScreenshots/01.png b/metadata/en-US/images/sevenInchScreenshots/01.png
new file mode 100644
index 0000000..35c7ce1
Binary files /dev/null and b/metadata/en-US/images/sevenInchScreenshots/01.png differ
diff --git a/metadata/en-US/images/sevenInchScreenshots/02.png b/metadata/en-US/images/sevenInchScreenshots/02.png
new file mode 100644
index 0000000..49caa7a
Binary files /dev/null and b/metadata/en-US/images/sevenInchScreenshots/02.png differ
diff --git a/metadata/en-US/short_description.txt b/metadata/en-US/short_description.txt
new file mode 100644
index 0000000..ce9850f
--- /dev/null
+++ b/metadata/en-US/short_description.txt
@@ -0,0 +1 @@
+Secure, Simple and Scalable Video Conferences with state-of-the-art video quality
\ No newline at end of file
diff --git a/metadata/ru/full_description.txt b/metadata/ru/full_description.txt
new file mode 100644
index 0000000..33a2da0
--- /dev/null
+++ b/metadata/ru/full_description.txt
@@ -0,0 +1,10 @@
+Jitsi Meet позволяет вам оставаться на связи со всеми вашими командами, будь то семья, друзья или коллеги. Мгновенные видеоконференции, эффективно адаптируемые к вашим нуждам.
+
+* Неограниченные пользователи: нет искусственных ограничений на количество пользователей или участников конференции. Мощность сервера и пропускная способность являются единственными ограничивающими факторами.
+* Учетная запись не требуется.
+* Закрытые комнаты: управляйте доступом к вашим конференциям с помощью пароля.
+* Зашифровано по умолчанию.
+* Высокое качество: аудио и видео доставляются с чёткостью и возможностями кодеков Opus и VP8.
+* Работает в веб браузере: вашим друзьям не требуются загрузка чтобы присоединиться к разговору. Jitsi Meet работает непосредственно в их браузерах. Чтобы начать просто поделитесь своей ссылкой на конференцию с другими.
+* 100% открытый исходный код: поддерживается удивительными сообществами со всего мира. И вашими друзьями из 8x8.
+* Приглашение по красивому адресу ссылки: вы можете встретиться с легко запоминаемым https://MySite.com/OurConf по своему выбору вместо случайных цифр.
\ No newline at end of file
diff --git a/metadata/ru/short_description.txt b/metadata/ru/short_description.txt
new file mode 100644
index 0000000..323322a
--- /dev/null
+++ b/metadata/ru/short_description.txt
@@ -0,0 +1 @@
+Защищённые, простые и масштабируемые видеоконференции с качественным видео
\ No newline at end of file
diff --git a/metro.config.js b/metro.config.js
new file mode 100644
index 0000000..52936f3
--- /dev/null
+++ b/metro.config.js
@@ -0,0 +1,29 @@
+/* eslint-disable */
+
+const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
+
+/**
+ * Metro configuration
+ * https://reactnative.dev/docs/metro
+ *
+ * @type {import('metro-config').MetroConfig}
+ */
+
+const {
+    resolver: {
+        sourceExts,
+        assetExts
+    }
+} = getDefaultConfig();
+
+const config = {
+    transformer: {
+        babelTransformerPath: require.resolve('react-native-svg-transformer')
+    },
+    resolver: {
+        assetExts: assetExts.filter(ext => ext !== 'svg'),
+        sourceExts: [ ...sourceExts, 'svg' ]
+    }
+};
+
+module.exports = mergeConfig(getDefaultConfig(__dirname), config);
diff --git a/modules/API/.eslintrc.js b/modules/API/.eslintrc.js
new file mode 100644
index 0000000..28bcd9f
--- /dev/null
+++ b/modules/API/.eslintrc.js
@@ -0,0 +1,3 @@
+module.exports = {
+    'extends': '../../react/.eslintrc.js'
+};
diff --git a/modules/API/API.js b/modules/API/API.js
new file mode 100755
index 0000000..6e90414
--- /dev/null
+++ b/modules/API/API.js
@@ -0,0 +1,2431 @@
+/* global APP */
+import Logger from '@jitsi/logger';
+
+import { createApiEvent } from '../../react/features/analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../react/features/analytics/functions';
+import {
+    approveParticipantAudio,
+    approveParticipantVideo,
+    rejectParticipantAudio,
+    rejectParticipantVideo,
+    requestDisableAudioModeration,
+    requestDisableVideoModeration,
+    requestEnableAudioModeration,
+    requestEnableVideoModeration
+} from '../../react/features/av-moderation/actions';
+import { isEnabledFromState, isForceMuted } from '../../react/features/av-moderation/functions';
+import { setAudioOnly } from '../../react/features/base/audio-only/actions';
+import {
+    endConference,
+    sendTones,
+    setAssumedBandwidthBps,
+    setLocalSubject,
+    setPassword,
+    setSubject
+} from '../../react/features/base/conference/actions';
+import { getCurrentConference, isP2pActive } from '../../react/features/base/conference/functions';
+import { overwriteConfig } from '../../react/features/base/config/actions';
+import { getWhitelistedJSON } from '../../react/features/base/config/functions.any';
+import { toggleDialog } from '../../react/features/base/dialog/actions';
+import { isSupportedBrowser } from '../../react/features/base/environment/environment';
+import { isMobileBrowser } from '../../react/features/base/environment/utils';
+import { parseJWTFromURLParams } from '../../react/features/base/jwt/functions';
+import JitsiMeetJS, { JitsiRecordingConstants } from '../../react/features/base/lib-jitsi-meet';
+import { MEDIA_TYPE, VIDEO_TYPE } from '../../react/features/base/media/constants';
+import { isVideoMutedByUser } from '../../react/features/base/media/functions';
+import {
+    grantModerator,
+    kickParticipant,
+    overwriteParticipantsNames,
+    pinParticipant,
+    raiseHand
+} from '../../react/features/base/participants/actions';
+import { LOCAL_PARTICIPANT_DEFAULT_ID } from '../../react/features/base/participants/constants';
+import {
+    getLocalParticipant,
+    getNormalizedDisplayName,
+    getParticipantById,
+    getScreenshareParticipantIds,
+    getVirtualScreenshareParticipantByOwnerId,
+    hasRaisedHand,
+    isLocalParticipantModerator,
+    isParticipantModerator
+} from '../../react/features/base/participants/functions';
+import { updateSettings } from '../../react/features/base/settings/actions';
+import { getDisplayName } from '../../react/features/base/settings/functions.web';
+import { setCameraFacingMode } from '../../react/features/base/tracks/actions.web';
+import { CAMERA_FACING_MODE_MESSAGE } from '../../react/features/base/tracks/constants';
+import {
+    getLocalVideoTrack,
+    isLocalTrackMuted
+} from '../../react/features/base/tracks/functions';
+import {
+    autoAssignToBreakoutRooms,
+    closeBreakoutRoom,
+    createBreakoutRoom,
+    moveToRoom,
+    removeBreakoutRoom,
+    sendParticipantToRoom
+} from '../../react/features/breakout-rooms/actions';
+import { getBreakoutRooms, getRoomsInfo } from '../../react/features/breakout-rooms/functions';
+import {
+    sendMessage,
+    setPrivateMessageRecipient,
+    toggleChat
+} from '../../react/features/chat/actions';
+import { openChat } from '../../react/features/chat/actions.web';
+import { showDesktopPicker } from '../../react/features/desktop-picker/actions';
+import {
+    processExternalDeviceRequest
+} from '../../react/features/device-selection/functions';
+import { appendSuffix } from '../../react/features/display-name/functions';
+import { isEnabled as isDropboxEnabled } from '../../react/features/dropbox/functions';
+import { setMediaEncryptionKey, toggleE2EE } from '../../react/features/e2ee/actions';
+import {
+    addStageParticipant,
+    resizeFilmStrip,
+    setFilmstripVisible,
+    setVolume,
+    togglePinStageParticipant
+} from '../../react/features/filmstrip/actions.web';
+import { getPinnedActiveParticipants, isStageFilmstripAvailable } from '../../react/features/filmstrip/functions.web';
+import { setFollowMe, setFollowMeRecorder } from '../../react/features/follow-me/actions';
+import { invite } from '../../react/features/invite/actions.any';
+import {
+    selectParticipantInLargeVideo
+} from '../../react/features/large-video/actions.any';
+import {
+    captureLargeVideoScreenshot,
+    resizeLargeVideo
+} from '../../react/features/large-video/actions.web';
+import { answerKnockingParticipant, toggleLobbyMode } from '../../react/features/lobby/actions';
+import { setNoiseSuppressionEnabled } from '../../react/features/noise-suppression/actions';
+import { hideNotification, showNotification } from '../../react/features/notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE, NOTIFICATION_TYPE } from '../../react/features/notifications/constants';
+import {
+    close as closeParticipantsPane,
+    open as openParticipantsPane
+} from '../../react/features/participants-pane/actions';
+import { getParticipantsPaneOpen } from '../../react/features/participants-pane/functions';
+import { hidePiP, showPiP } from '../../react/features/pip/actions';
+import { startLocalVideoRecording, stopLocalVideoRecording } from '../../react/features/recording/actions.any';
+import { grantRecordingConsent, grantRecordingConsentAndUnmute } from '../../react/features/recording/actions.web';
+import { RECORDING_TYPES } from '../../react/features/recording/constants';
+import { getActiveSession, supportsLocalRecording } from '../../react/features/recording/functions';
+import { startAudioScreenShareFlow, startScreenShareFlow } from '../../react/features/screen-share/actions';
+import { isScreenAudioSupported } from '../../react/features/screen-share/functions';
+import {
+    openCameraCaptureDialog,
+    toggleScreenshotCaptureSummary
+} from '../../react/features/screenshot-capture/actions';
+import { isScreenshotCaptureEnabled } from '../../react/features/screenshot-capture/functions';
+import SettingsDialog from '../../react/features/settings/components/web/SettingsDialog';
+import { SETTINGS_TABS } from '../../react/features/settings/constants';
+import { playSharedVideo, stopSharedVideo } from '../../react/features/shared-video/actions';
+import { extractYoutubeIdOrURL } from '../../react/features/shared-video/functions';
+import { setRequestingSubtitles, toggleRequestingSubtitles } from '../../react/features/subtitles/actions';
+import { isAudioMuteButtonDisabled } from '../../react/features/toolbox/functions';
+import { setTileView, toggleTileView } from '../../react/features/video-layout/actions.any';
+import { muteAllParticipants, muteRemote } from '../../react/features/video-menu/actions';
+import { setVideoQuality } from '../../react/features/video-quality/actions';
+import { toggleBackgroundEffect, toggleBlurredBackgroundEffect } from '../../react/features/virtual-background/actions';
+import { VIRTUAL_BACKGROUND_TYPE } from '../../react/features/virtual-background/constants';
+import { toggleWhiteboard } from '../../react/features/whiteboard/actions.web';
+import { getJitsiMeetTransport } from '../transport';
+
+import {
+    API_ID,
+    ENDPOINT_TEXT_MESSAGE_NAME
+} from './constants';
+
+const logger = Logger.getLogger('api:core');
+
+/**
+ * List of the available commands.
+ */
+let commands = {};
+
+/**
+ * The transport instance used for communication with external apps.
+ *
+ * @type {Transport}
+ */
+const transport = getJitsiMeetTransport();
+
+/**
+ * The current audio availability.
+ *
+ * @type {boolean}
+ */
+let audioAvailable = true;
+
+/**
+ * The current video availability.
+ *
+ * @type {boolean}
+ */
+let videoAvailable = true;
+
+/**
+ * Initializes supported commands.
+ *
+ * @returns {void}
+ */
+function initCommands() {
+    commands = {
+        'add-breakout-room': name => {
+            if (!isLocalParticipantModerator(APP.store.getState())) {
+                logger.error('Missing moderator rights to add breakout rooms');
+
+                return;
+            }
+            APP.store.dispatch(createBreakoutRoom(name));
+        },
+        'answer-knocking-participant': (id, approved) => {
+            APP.store.dispatch(answerKnockingParticipant(id, approved));
+        },
+        'approve-video': participantId => {
+            if (!isLocalParticipantModerator(APP.store.getState())) {
+                return;
+            }
+
+            APP.store.dispatch(approveParticipantVideo(participantId));
+        },
+        'ask-to-unmute': participantId => {
+            if (!isLocalParticipantModerator(APP.store.getState())) {
+                return;
+            }
+
+            APP.store.dispatch(approveParticipantAudio(participantId));
+        },
+        'auto-assign-to-breakout-rooms': () => {
+            if (!isLocalParticipantModerator(APP.store.getState())) {
+                logger.error('Missing moderator rights to auto-assign participants to breakout rooms');
+
+                return;
+            }
+            APP.store.dispatch(autoAssignToBreakoutRooms());
+        },
+        'grant-moderator': participantId => {
+            if (!isLocalParticipantModerator(APP.store.getState())) {
+                logger.error('Missing moderator rights to grant moderator right to another participant');
+
+                return;
+            }
+            APP.store.dispatch(grantModerator(participantId));
+        },
+        'grant-recording-consent': unmute => {
+            unmute ? APP.store.dispatch(grantRecordingConsentAndUnmute())
+                : APP.store.dispatch(grantRecordingConsent());
+        },
+        'display-name': displayName => {
+            sendAnalytics(createApiEvent('display.name.changed'));
+            APP.store.dispatch(updateSettings({ displayName: getNormalizedDisplayName(displayName) }));
+        },
+        'local-subject': localSubject => {
+            sendAnalytics(createApiEvent('local.subject.changed'));
+            APP.store.dispatch(setLocalSubject(localSubject));
+        },
+        'mute-everyone': mediaType => {
+            const muteMediaType = mediaType ? mediaType : MEDIA_TYPE.AUDIO;
+
+            sendAnalytics(createApiEvent('muted-everyone'));
+            const localParticipant = getLocalParticipant(APP.store.getState());
+            const exclude = [];
+
+            if (localParticipant && isParticipantModerator(localParticipant)) {
+                exclude.push(localParticipant.id);
+            }
+
+            APP.store.dispatch(muteAllParticipants(exclude, muteMediaType));
+        },
+        'mute-remote-participant': (participantId, mediaType) => {
+            if (!isLocalParticipantModerator(APP.store.getState())) {
+                logger.error('Missing moderator rights to mute remote participant');
+
+                return;
+            }
+
+            const muteMediaType = mediaType ? mediaType : MEDIA_TYPE.AUDIO;
+
+            APP.store.dispatch(muteRemote(participantId, muteMediaType));
+        },
+        'toggle-lobby': isLobbyEnabled => {
+            APP.store.dispatch(toggleLobbyMode(isLobbyEnabled));
+        },
+        'password': password => {
+            const { conference, passwordRequired }
+                = APP.store.getState()['features/base/conference'];
+
+            if (passwordRequired) {
+                sendAnalytics(createApiEvent('submit.password'));
+
+                APP.store.dispatch(setPassword(
+                    passwordRequired,
+                    passwordRequired.join,
+                    password
+                ));
+            } else {
+                sendAnalytics(createApiEvent('password.changed'));
+
+                APP.store.dispatch(setPassword(
+                    conference,
+                    conference.lock,
+                    password
+                ));
+            }
+        },
+        'pin-participant': (id, videoType) => {
+            const state = APP.store.getState();
+
+            // if id not provided, unpin everybody.
+            if (!id) {
+                if (isStageFilmstripAvailable(state)) {
+                    const pinnedParticipants = getPinnedActiveParticipants(state);
+
+                    pinnedParticipants?.forEach(p => {
+                        APP.store.dispatch(togglePinStageParticipant(p.participantId));
+                    });
+                } else {
+                    APP.store.dispatch(pinParticipant());
+                }
+
+                return;
+            }
+
+            const participant = videoType === VIDEO_TYPE.DESKTOP
+                ? getVirtualScreenshareParticipantByOwnerId(state, id) : getParticipantById(state, id);
+
+            if (!participant) {
+                logger.warn('Trying to pin a non-existing participant with pin-participant command.');
+
+                return;
+            }
+
+            sendAnalytics(createApiEvent('participant.pinned'));
+
+            const participantId = participant.id;
+
+            if (isStageFilmstripAvailable(state)) {
+                APP.store.dispatch(addStageParticipant(participantId, true));
+            } else {
+                APP.store.dispatch(pinParticipant(participantId));
+            }
+        },
+        'proxy-connection-event': event => {
+            APP.conference.onProxyConnectionEvent(event);
+        },
+        'reject-participant': (participantId, mediaType) => {
+            if (!isLocalParticipantModerator(APP.store.getState())) {
+                return;
+            }
+
+            const reject = mediaType === MEDIA_TYPE.VIDEO ? rejectParticipantVideo : rejectParticipantAudio;
+
+            APP.store.dispatch(reject(participantId));
+        },
+        'remove-breakout-room': breakoutRoomJid => {
+            if (!isLocalParticipantModerator(APP.store.getState())) {
+                logger.error('Missing moderator rights to remove breakout rooms');
+
+                return;
+            }
+            APP.store.dispatch(removeBreakoutRoom(breakoutRoomJid));
+        },
+        'resize-large-video': (width, height) => {
+            sendAnalytics(createApiEvent('largevideo.resized'));
+            APP.store.dispatch(resizeLargeVideo(width, height));
+        },
+        'send-tones': (options = {}) => {
+            const { duration, tones, pause } = options;
+
+            APP.store.dispatch(sendTones(tones, duration, pause));
+        },
+        'set-assumed-bandwidth-bps': value => {
+            logger.debug('Set assumed bandwidth bps command received', value);
+
+            if (typeof value !== 'number' || isNaN(value)) {
+                logger.error('Assumed bandwidth bps must be a number.');
+
+                return;
+            }
+
+            APP.store.dispatch(setAssumedBandwidthBps(value));
+        },
+
+        'set-blurred-background': blurType => {
+            const tracks = APP.store.getState()['features/base/tracks'];
+            const videoTrack = getLocalVideoTrack(tracks)?.jitsiTrack;
+            const muted = tracks ? isLocalTrackMuted(tracks, MEDIA_TYPE.VIDEO) : isVideoMutedByUser(APP.store);
+
+            APP.store.dispatch(toggleBlurredBackgroundEffect(videoTrack, blurType, muted));
+        },
+        'set-follow-me': (value, recorderOnly) => {
+
+            if (value) {
+                sendAnalytics(createApiEvent('follow.me.set', {
+                    recorderOnly
+                }));
+            } else {
+                sendAnalytics(createApiEvent('follow.me.unset', {
+                    recorderOnly
+                }));
+            }
+
+            APP.store.dispatch(recorderOnly ? setFollowMeRecorder(value) : setFollowMe(value));
+        },
+        'set-large-video-participant': (participantId, videoType) => {
+            const { getState, dispatch } = APP.store;
+
+            if (!participantId) {
+                sendAnalytics(createApiEvent('largevideo.participant.set'));
+                dispatch(selectParticipantInLargeVideo());
+
+                return;
+            }
+
+            const state = getState();
+            const participant = videoType === VIDEO_TYPE.DESKTOP
+                ? getVirtualScreenshareParticipantByOwnerId(state, participantId)
+                : getParticipantById(state, participantId);
+
+            if (!participant) {
+                logger.warn('Trying to select a non-existing participant with set-large-video-participant command.');
+
+                return;
+            }
+
+            dispatch(setTileView(false));
+            sendAnalytics(createApiEvent('largevideo.participant.set'));
+            dispatch(selectParticipantInLargeVideo(participant.id));
+        },
+        'set-participant-volume': (participantId, volume) => {
+            APP.store.dispatch(setVolume(participantId, volume));
+        },
+        'subject': subject => {
+            sendAnalytics(createApiEvent('subject.changed'));
+            APP.store.dispatch(setSubject(subject));
+        },
+        'submit-feedback': feedback => {
+            sendAnalytics(createApiEvent('submit.feedback'));
+            APP.conference.submitFeedback(feedback.score, feedback.message);
+        },
+        'toggle-audio': () => {
+            sendAnalytics(createApiEvent('toggle-audio'));
+            APP.conference.toggleAudioMuted(false /* no UI */);
+        },
+        'toggle-video': () => {
+            sendAnalytics(createApiEvent('toggle-video'));
+            APP.conference.toggleVideoMuted(false /* no UI */, true /* ensure track */);
+        },
+        'toggle-film-strip': () => {
+            sendAnalytics(createApiEvent('film.strip.toggled'));
+            const { visible } = APP.store.getState()['features/filmstrip'];
+
+            APP.store.dispatch(setFilmstripVisible(!visible));
+        },
+
+        /*
+         * @param {Object} options - Additional details of how to perform
+         * the action.
+         * @param {number} options.width - width value for film strip.
+         */
+        'resize-film-strip': (options = {}) => {
+            sendAnalytics(createApiEvent('film.strip.resize'));
+            APP.store.dispatch(resizeFilmStrip(options.width));
+        },
+        'toggle-camera': facingMode => {
+            APP.store.dispatch(setCameraFacingMode(facingMode));
+        },
+        'toggle-camera-mirror': () => {
+            const state = APP.store.getState();
+            const { localFlipX: currentFlipX } = state['features/base/settings'];
+
+            APP.store.dispatch(updateSettings({ localFlipX: !currentFlipX }));
+        },
+        'toggle-chat': () => {
+            sendAnalytics(createApiEvent('chat.toggled'));
+            APP.store.dispatch(toggleChat());
+        },
+        'toggle-moderation': (enabled, mediaType) => {
+            const state = APP.store.getState();
+
+            if (!isLocalParticipantModerator(state)) {
+                return;
+            }
+
+            const enable = mediaType === MEDIA_TYPE.VIDEO
+                ? requestEnableVideoModeration : requestEnableAudioModeration;
+            const disable = mediaType === MEDIA_TYPE.VIDEO
+                ? requestDisableVideoModeration : requestDisableAudioModeration;
+
+            if (enabled) {
+                APP.store.dispatch(enable());
+            } else {
+                APP.store.dispatch(disable());
+            }
+        },
+        'toggle-participants-pane': enabled => {
+            const toggleParticipantsPane = enabled
+                ? openParticipantsPane : closeParticipantsPane;
+
+            APP.store.dispatch(toggleParticipantsPane());
+        },
+        'toggle-raise-hand': () => {
+            const localParticipant = getLocalParticipant(APP.store.getState());
+
+            if (!localParticipant) {
+                return;
+            }
+            const raisedHand = hasRaisedHand(localParticipant);
+
+            sendAnalytics(createApiEvent('raise-hand.toggled'));
+            APP.store.dispatch(raiseHand(!raisedHand));
+        },
+        'toggle-share-audio': () => {
+            sendAnalytics(createApiEvent('audio.screen.sharing.toggled'));
+            if (isScreenAudioSupported()) {
+                APP.store.dispatch(startAudioScreenShareFlow());
+
+                return;
+            }
+
+            logger.error('Audio screen sharing is not supported by the current platform!');
+        },
+
+        /**
+         * Callback to invoke when the "toggle-share-screen" command is received.
+         *
+         * @param {Object} options - Additional details of how to perform
+         * the action. Note this parameter is undocumented and experimental.
+         * @param {boolean} options.enable - Whether trying to enable screen
+         * sharing or to turn it off.
+         * @returns {void}
+         */
+        'toggle-share-screen': (options = {}) => {
+            sendAnalytics(createApiEvent('screen.sharing.toggled'));
+            toggleScreenSharing(options.enable);
+        },
+        'set-noise-suppression-enabled': (options = {}) => {
+            APP.store.dispatch(setNoiseSuppressionEnabled(options.enabled));
+        },
+        'toggle-subtitles': () => {
+            APP.store.dispatch(toggleRequestingSubtitles());
+        },
+        'set-subtitles': (enabled, displaySubtitles, language) => {
+            APP.store.dispatch(setRequestingSubtitles(
+                enabled, displaySubtitles, language ? `translation-languages:${language}` : null));
+        },
+        'toggle-tile-view': () => {
+            sendAnalytics(createApiEvent('tile-view.toggled'));
+
+            APP.store.dispatch(toggleTileView());
+        },
+        'set-tile-view': enabled => {
+            APP.store.dispatch(setTileView(enabled));
+        },
+        'video-hangup': (showFeedbackDialog = true) => {
+            sendAnalytics(createApiEvent('video.hangup'));
+            APP.conference.hangup(showFeedbackDialog);
+        },
+        'email': email => {
+            sendAnalytics(createApiEvent('email.changed'));
+            APP.conference.changeLocalEmail(email);
+        },
+        'avatar-url': avatarUrl => { // @deprecated
+            console.warn('Using command avatarUrl is deprecated. Use context.user.avatar in the jwt.');
+
+            sendAnalytics(createApiEvent('avatar.url.changed'));
+            APP.conference.changeLocalAvatarUrl(avatarUrl);
+        },
+        'send-chat-message': (message, to, ignorePrivacy = false) => {
+            if (to) {
+                const participant = getParticipantById(APP.store.getState(), to);
+
+                if (participant) {
+                    APP.store.dispatch(setPrivateMessageRecipient(participant));
+                } else {
+                    logger.error(`Participant with id ${to} not found!`);
+
+                    return;
+                }
+            } else {
+                APP.store.dispatch(setPrivateMessageRecipient());
+            }
+
+            APP.store.dispatch(sendMessage(message, ignorePrivacy));
+        },
+        'send-endpoint-text-message': (to, text) => {
+            try {
+                APP.conference.sendEndpointMessage(to, {
+                    name: ENDPOINT_TEXT_MESSAGE_NAME,
+                    text
+                });
+            } catch (err) {
+                logger.error('Failed sending endpoint text message', err);
+            }
+        },
+        'send-camera-facing-mode-message': (to, facingMode) => {
+            if (!to) {
+                logger.warn('Participant id not set');
+
+                return;
+            }
+
+            APP.conference.sendEndpointMessage(to, {
+                name: CAMERA_FACING_MODE_MESSAGE,
+                facingMode
+            });
+        },
+        'overwrite-names': participantList => {
+            APP.store.dispatch(overwriteParticipantsNames(participantList));
+        },
+        'toggle-e2ee': enabled => {
+            APP.store.dispatch(toggleE2EE(enabled));
+        },
+        'set-media-encryption-key': keyInfo => {
+            APP.store.dispatch(setMediaEncryptionKey(JSON.parse(keyInfo)));
+        },
+        'set-video-quality': frameHeight => {
+            sendAnalytics(createApiEvent('set.video.quality'));
+            APP.store.dispatch(setVideoQuality(frameHeight));
+        },
+        'set-audio-only': enable => {
+            sendAnalytics(createApiEvent('set.audio.only'));
+            APP.store.dispatch(setAudioOnly(enable));
+        },
+        'start-share-video': url => {
+            sendAnalytics(createApiEvent('share.video.start'));
+            const id = extractYoutubeIdOrURL(url);
+
+            if (id) {
+                APP.store.dispatch(playSharedVideo(id));
+            }
+        },
+        'stop-share-video': () => {
+            sendAnalytics(createApiEvent('share.video.stop'));
+            APP.store.dispatch(stopSharedVideo());
+        },
+
+        /**
+         * Shows a custom in-meeting notification.
+         *
+         * @param { string } arg.title - Notification title.
+         * @param { string } arg.description - Notification description.
+         * @param { string } arg.uid - Optional unique identifier for the notification.
+         * @param { string } arg.type - Notification type, either `error`, `normal`, `success` or `warning`.
+         * Defaults to "normal" if not provided.
+         * @param { string } arg.timeout - Timeout type, either `short`, `medium`, `long` or `sticky`.
+         * Defaults to "short" if not provided.
+         * @param { Array<Object> } arg.customActions - An array of custom actions to be displayed in the notification.
+         * Each object should have a `label` and a `uuid` property. It should be used along a listener
+         * for the `customNotificationActionTriggered` event to handle the custom action.
+         * @returns {void}
+         */
+        'show-notification': ({
+            customActions = [],
+            title,
+            description,
+            uid,
+            type = NOTIFICATION_TYPE.NORMAL,
+            timeout = NOTIFICATION_TIMEOUT_TYPE.SHORT
+        }) => {
+            const validTypes = Object.values(NOTIFICATION_TYPE);
+            const validTimeouts = Object.values(NOTIFICATION_TIMEOUT_TYPE);
+
+            if (!validTypes.includes(type)) {
+                logger.error(`Invalid notification type "${type}". Expecting one of ${validTypes}`);
+
+                return;
+            }
+
+            if (!validTimeouts.includes(timeout)) {
+                logger.error(`Invalid notification timeout "${timeout}". Expecting one of ${validTimeouts}`);
+
+                return;
+            }
+
+            const handlers = customActions.map(({ uuid }) => () => {
+                APP.API.notifyCustomNotificationActionTriggered(uuid);
+            });
+
+            const keys = customActions.map(({ label }) => label);
+
+            APP.store.dispatch(showNotification({
+                customActionHandler: handlers,
+                customActionNameKey: keys,
+                uid,
+                title,
+                description,
+                appearance: type
+            }, timeout));
+        },
+
+        /**
+         * Removes a notification given a unique identifier.
+         *
+         * @param { string } uid - Unique identifier for the notification to be removed.
+         * @returns {void}
+         */
+        'hide-notification': uid => {
+            APP.store.dispatch(hideNotification(uid));
+        },
+
+        /**
+         * Starts a file recording or streaming session depending on the passed on params.
+         * For RTMP streams, `rtmpStreamKey` must be passed on. `rtmpBroadcastID` is optional.
+         * For youtube streams, `youtubeStreamKey` must be passed on. `youtubeBroadcastID` is optional.
+         * For dropbox recording, recording `mode` should be `file` and a dropbox oauth2 token must be provided.
+         * For file recording, recording `mode` should be `file` and optionally `shouldShare` could be passed on.
+         * For local recording, recording `mode` should be `local` and optionally `onlySelf` could be passed on.
+         * No other params should be passed.
+         *
+         * @param { string } arg.mode - Recording mode, either `local`, `file` or `stream`.
+         * @param { string } arg.dropboxToken - Dropbox oauth2 token.
+         * @param { boolean } arg.onlySelf - Whether to only record the local streams.
+         * @param { string } arg.rtmpStreamKey - The RTMP stream key.
+         * @param { string } arg.rtmpBroadcastID - The RTMP broadcast ID.
+         * @param { boolean } arg.shouldShare - Whether the recording should be shared with the participants or not.
+         * Only applies to certain jitsi meet deploys.
+         * @param { string } arg.youtubeStreamKey - The youtube stream key.
+         * @param { string } arg.youtubeBroadcastID - The youtube broadcast ID.
+         * @param { Object } arg.extraMetadata - Any extra metadata params for file recording.
+         * @param { boolean } arg.transcription - Whether a transcription should be started or not.
+         * @returns {void}
+         */
+        'start-recording': ({
+            mode,
+            dropboxToken,
+            onlySelf,
+            shouldShare,
+            rtmpStreamKey,
+            rtmpBroadcastID,
+            youtubeStreamKey,
+            youtubeBroadcastID,
+            extraMetadata = {},
+            transcription
+        }) => {
+            const state = APP.store.getState();
+            const conference = getCurrentConference(state);
+
+            if (!conference) {
+                logger.error('Conference is not defined');
+
+                return;
+            }
+
+            if (dropboxToken && !isDropboxEnabled(state)) {
+                logger.error('Failed starting recording: dropbox is not enabled on this deployment');
+
+                return;
+            }
+
+            if (mode === JitsiRecordingConstants.mode.STREAM && !(youtubeStreamKey || rtmpStreamKey)) {
+                logger.error('Failed starting recording: missing youtube or RTMP stream key');
+
+                return;
+            }
+
+            if (mode === 'local') {
+                const { localRecording } = state['features/base/config'];
+
+                if (!localRecording?.disable && supportsLocalRecording()) {
+                    APP.store.dispatch(startLocalVideoRecording(onlySelf));
+                } else {
+                    logger.error('Failed starting recording: local recording is either disabled or not supported');
+                }
+
+                return;
+            }
+
+            let recordingConfig;
+
+            if (mode === JitsiRecordingConstants.mode.FILE) {
+                const { recordingService } = state['features/base/config'];
+
+                if (!recordingService.enabled && !dropboxToken) {
+                    logger.error('Failed starting recording: the recording service is not enabled');
+
+                    return;
+                }
+                if (dropboxToken) {
+                    recordingConfig = {
+                        mode: JitsiRecordingConstants.mode.FILE,
+                        appData: JSON.stringify({
+                            'file_recording_metadata': {
+                                ...extraMetadata,
+                                'upload_credentials': {
+                                    'service_name': RECORDING_TYPES.DROPBOX,
+                                    'token': dropboxToken
+                                }
+                            }
+                        })
+                    };
+                } else {
+                    recordingConfig = {
+                        mode: JitsiRecordingConstants.mode.FILE,
+                        appData: JSON.stringify({
+                            'file_recording_metadata': {
+                                ...extraMetadata,
+                                'share': shouldShare
+                            }
+                        })
+                    };
+                }
+            } else if (mode === JitsiRecordingConstants.mode.STREAM) {
+                recordingConfig = {
+                    broadcastId: youtubeBroadcastID || rtmpBroadcastID,
+                    mode: JitsiRecordingConstants.mode.STREAM,
+                    streamId: youtubeStreamKey || rtmpStreamKey
+                };
+            }
+
+            if (isScreenshotCaptureEnabled(state, true, false)) {
+                APP.store.dispatch(toggleScreenshotCaptureSummary(true));
+            }
+
+            // Start audio / video recording, if requested.
+            if (typeof recordingConfig !== 'undefined') {
+                conference.startRecording(recordingConfig);
+            }
+
+            if (transcription) {
+                APP.store.dispatch(setRequestingSubtitles(true, false, null));
+            }
+        },
+
+        /**
+         * Stops a recording or streaming in progress.
+         *
+         * @param {string} mode - `local`, `file` or `stream`.
+         * @param {boolean} transcription - Whether the transcription needs to be stopped.
+         * @returns {void}
+         */
+        'stop-recording': (mode, transcription) => {
+            const state = APP.store.getState();
+            const conference = getCurrentConference(state);
+
+            if (!conference) {
+                logger.error('Conference is not defined');
+
+                return;
+            }
+
+            if (transcription) {
+                APP.store.dispatch(setRequestingSubtitles(false, false, null));
+            }
+
+            if (mode === 'local') {
+                APP.store.dispatch(stopLocalVideoRecording());
+
+                return;
+            }
+
+            if (![ JitsiRecordingConstants.mode.FILE, JitsiRecordingConstants.mode.STREAM ].includes(mode)) {
+                logger.error('Invalid recording mode provided!');
+
+                return;
+            }
+
+            const activeSession = getActiveSession(state, mode);
+
+            if (activeSession && activeSession.id) {
+                APP.store.dispatch(toggleScreenshotCaptureSummary(false));
+                conference.stopRecording(activeSession.id);
+            } else {
+                logger.error('No recording or streaming session found');
+            }
+        },
+        'initiate-private-chat': participantId => {
+            const state = APP.store.getState();
+            const participant = getParticipantById(state, participantId);
+
+            if (participant) {
+                const { isOpen: isChatOpen } = state['features/chat'];
+
+                if (!isChatOpen) {
+                    APP.store.dispatch(toggleChat());
+                }
+                APP.store.dispatch(openChat(participant));
+            } else {
+                logger.error('No participant found for the given participantId');
+            }
+        },
+        'cancel-private-chat': () => {
+            APP.store.dispatch(setPrivateMessageRecipient());
+        },
+        'close-breakout-room': roomId => {
+            if (!isLocalParticipantModerator(APP.store.getState())) {
+                logger.error('Missing moderator rights to close breakout rooms');
+
+                return;
+            }
+            APP.store.dispatch(closeBreakoutRoom(roomId));
+        },
+        'join-breakout-room': roomId => {
+            APP.store.dispatch(moveToRoom(roomId));
+        },
+        'send-participant-to-room': (participantId, roomId) => {
+            if (!isLocalParticipantModerator(APP.store.getState())) {
+                logger.error('Missing moderator rights to send participants to rooms');
+
+                return;
+            }
+
+            APP.store.dispatch(sendParticipantToRoom(participantId, roomId));
+        },
+        'kick-participant': participantId => {
+            APP.store.dispatch(kickParticipant(participantId));
+        },
+        'overwrite-config': config => {
+            const whitelistedConfig = getWhitelistedJSON('config', config);
+
+            logger.info(`Overwriting config with: ${JSON.stringify(whitelistedConfig)}`);
+
+            APP.store.dispatch(overwriteConfig(whitelistedConfig));
+        },
+        'toggle-virtual-background': () => {
+            APP.store.dispatch(toggleDialog(SettingsDialog, {
+                defaultTab: SETTINGS_TABS.VIRTUAL_BACKGROUND }));
+        },
+        'end-conference': () => {
+            APP.store.dispatch(endConference());
+            const state = APP.store.getState();
+            const conference = getCurrentConference(state);
+
+            if (!conference) {
+                logger.error('Conference not yet available');
+            } else if (conference.isEndConferenceSupported()) {
+                APP.store.dispatch(endConference());
+            } else {
+                logger.error(' End Conference not supported');
+            }
+        },
+        'toggle-whiteboard': () => {
+            APP.store.dispatch(toggleWhiteboard());
+        },
+        'set-virtual-background': (enabled, backgroundImage) => {
+            const tracks = APP.store.getState()['features/base/tracks'];
+            const jitsiTrack = getLocalVideoTrack(tracks)?.jitsiTrack;
+
+            APP.store.dispatch(toggleBackgroundEffect({
+                backgroundEffectEnabled: enabled,
+                backgroundType: VIRTUAL_BACKGROUND_TYPE.IMAGE,
+                virtualSource: backgroundImage
+            }, jitsiTrack));
+        },
+        'show-pip': () => {
+            APP.store.dispatch(showPiP());
+        },
+        'hide-pip': () => {
+            APP.store.dispatch(hidePiP());
+        }
+    };
+    transport.on('event', ({ data, name }) => {
+        if (name && commands[name]) {
+            logger.info(`API command received: ${name}`);
+            commands[name](...data);
+
+            return true;
+        }
+
+        return false;
+    });
+    transport.on('request', (request, callback) => {
+        const { dispatch, getState } = APP.store;
+
+        if (processExternalDeviceRequest(dispatch, getState, request, callback)) {
+            return true;
+        }
+
+        const { name } = request;
+
+        switch (name) {
+        case 'capture-largevideo-screenshot' :
+            APP.store.dispatch(captureLargeVideoScreenshot())
+                .then(dataURL => {
+                    let error;
+
+                    if (!dataURL) {
+                        error = new Error('No large video found!');
+                    }
+
+                    callback({
+                        error,
+                        dataURL
+                    });
+                });
+            break;
+        case 'capture-camera-picture' : {
+            const { cameraFacingMode, descriptionText, titleText } = request;
+
+            if (!isMobileBrowser()) {
+                logger.error('This feature is only supported on mobile');
+
+                return;
+            }
+
+            APP.store.dispatch(openCameraCaptureDialog(callback, { cameraFacingMode,
+                descriptionText,
+                titleText }));
+            break;
+        }
+        case 'deployment-info':
+            callback(APP.store.getState()['features/base/config'].deploymentInfo);
+            break;
+        case 'invite': {
+            const { invitees } = request;
+
+            if (!Array.isArray(invitees) || invitees.length === 0) {
+                callback({
+                    error: new Error('Unexpected format of invitees')
+                });
+
+                break;
+            }
+
+            // The store should be already available because API.init is called
+            // on appWillMount action.
+            APP.store.dispatch(
+                invite(invitees, true))
+                .then(failedInvitees => {
+                    let error;
+                    let result;
+
+                    if (failedInvitees.length) {
+                        error = new Error('One or more invites failed!');
+                    } else {
+                        result = true;
+                    }
+
+                    callback({
+                        error,
+                        result
+                    });
+                });
+            break;
+        }
+        case 'is-audio-muted':
+            callback(APP.conference.isLocalAudioMuted());
+            break;
+        case 'is-audio-disabled':
+            callback(isAudioMuteButtonDisabled(APP.store.getState()));
+            break;
+        case 'is-moderation-on': {
+            const { mediaType } = request;
+            const type = mediaType || MEDIA_TYPE.AUDIO;
+
+            callback(isEnabledFromState(type, APP.store.getState()));
+            break;
+        }
+        case 'is-participant-force-muted': {
+            const state = APP.store.getState();
+            const { participantId, mediaType } = request;
+            const type = mediaType || MEDIA_TYPE.AUDIO;
+            const participant = getParticipantById(state, participantId);
+
+            callback(isForceMuted(participant, type, state));
+            break;
+        }
+        case 'is-participants-pane-open': {
+            callback(getParticipantsPaneOpen(APP.store.getState()));
+            break;
+        }
+        case 'is-video-muted':
+            callback(APP.conference.isLocalVideoMuted());
+            break;
+        case 'is-audio-available':
+            callback(audioAvailable);
+            break;
+        case 'is-video-available':
+            callback(videoAvailable);
+            break;
+        case 'is-sharing-screen':
+            callback(Boolean(APP.conference.isSharingScreen));
+            break;
+        case 'is-start-silent':
+            callback(Boolean(APP.store.getState()['features/base/config'].startSilent));
+            break;
+        case 'get-content-sharing-participants': {
+            const sharingParticipantIds = getScreenshareParticipantIds(APP.store.getState());
+
+            callback({
+                sharingParticipantIds
+            });
+            break;
+        }
+        case 'get-livestream-url': {
+            const state = APP.store.getState();
+            const conference = getCurrentConference(state);
+            let livestreamUrl;
+
+            if (conference) {
+                const activeSession = getActiveSession(state, JitsiRecordingConstants.mode.STREAM);
+
+                livestreamUrl = activeSession?.liveStreamViewURL;
+            } else {
+                logger.error('Conference is not defined');
+            }
+            callback({
+                livestreamUrl
+            });
+            break;
+        }
+        case 'get-custom-avatar-backgrounds' : {
+            callback({
+                avatarBackgrounds: APP.store.getState()['features/dynamic-branding'].avatarBackgrounds
+            });
+            break;
+        }
+        case 'list-breakout-rooms': {
+            callback(getBreakoutRooms(APP.store.getState()));
+            break;
+        }
+        case 'rooms-info': {
+            callback(getRoomsInfo(APP.store.getState()));
+            break;
+        }
+        case 'get-shared-document-url': {
+            const { etherpad } = APP.store.getState()['features/etherpad'];
+
+            callback(etherpad?.documentUrl || '');
+            break;
+        }
+        case 'get-p2p-status': {
+            callback(isP2pActive(APP.store.getState()));
+            break;
+        }
+        case 'session-id': {
+            const { conference } = APP.store.getState()['features/base/conference'];
+
+            callback(conference?.getMeetingUniqueId() || '');
+            break;
+        }
+        case '_new_electron_screensharing_supported': {
+            callback(true);
+
+            break;
+        }
+        case 'open-desktop-picker': {
+            const { desktopSharingSources } = APP.store.getState()['features/base/config'];
+            const options = {
+                desktopSharingSources: desktopSharingSources ?? [ 'screen', 'window' ]
+            };
+            const onSourceChoose = (_streamId, _type, screenShareAudio, source) => {
+                callback({
+                    screenShareAudio,
+                    source
+                });
+            };
+
+            dispatch(showDesktopPicker(options, onSourceChoose));
+
+            break;
+        }
+        default:
+            callback({ error: new Error('UnknownRequestError') });
+
+            return false;
+        }
+
+        return true;
+    });
+}
+
+/**
+ * Check whether the API should be enabled or not.
+ *
+ * @returns {boolean}
+ */
+function shouldBeEnabled() {
+    return (
+        typeof API_ID === 'number'
+
+            // XXX Enable the API when a JSON Web Token (JWT) is specified in
+            // the location/URL because then it is very likely that the Jitsi
+            // Meet (Web) app is being used by an external/wrapping (Web) app
+            // and, consequently, the latter will need to communicate with the
+            // former. (The described logic is merely a heuristic though.)
+            || parseJWTFromURLParams());
+}
+
+/**
+ * Executes on toggle-share-screen command.
+ *
+ * @param {boolean} [enable] - Whether this toggle is to explicitly enable or
+ * disable screensharing. If not defined, the application will automatically
+ * attempt to toggle between enabled and disabled. This boolean is useful for
+ * explicitly setting desired screensharing state.
+ * @returns {void}
+ */
+function toggleScreenSharing(enable) {
+    if (JitsiMeetJS.isDesktopSharingEnabled()) {
+        APP.store.dispatch(startScreenShareFlow(enable));
+    }
+}
+
+/**
+ * Removes sensitive data from a mouse event.
+ *
+ * @param {MouseEvent} event - The mouse event to sanitize.
+ * @returns {Object}
+ */
+function sanitizeMouseEvent(event) {
+    const {
+        clientX,
+        clientY,
+        movementX,
+        movementY,
+        offsetX,
+        offsetY,
+        pageX,
+        pageY,
+        x,
+        y,
+        screenX,
+        screenY
+    } = event;
+
+    return {
+        clientX,
+        clientY,
+        movementX,
+        movementY,
+        offsetX,
+        offsetY,
+        pageX,
+        pageY,
+        x,
+        y,
+        screenX,
+        screenY
+    };
+}
+
+/**
+ * Implements API class that communicates with external API class and provides
+ * interface to access Jitsi Meet features by external applications that embed
+ * Jitsi Meet.
+ */
+class API {
+    _enabled;
+
+    /**
+     * Initializes the API. Setups message event listeners that will receive
+     * information from external applications that embed Jitsi Meet. It also
+     * sends a message to the external application that API is initialized.
+     *
+     * @param {Object} options - Optional parameters.
+     * @returns {void}
+     */
+    init() {
+        if (!shouldBeEnabled()) {
+            return;
+        }
+
+        /**
+         * Current status (enabled/disabled) of API.
+         *
+         * @private
+         * @type {boolean}
+         */
+        this._enabled = true;
+
+        initCommands();
+
+        this.notifyBrowserSupport(isSupportedBrowser());
+
+        // Let the embedder know we are ready.
+        this._sendEvent({ name: 'ready' });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that the large video
+     * visibility changed.
+     *
+     * @param {boolean} isHidden - True if the large video is hidden and false
+     * otherwise.
+     * @returns {void}
+     */
+    notifyLargeVideoVisibilityChanged(isHidden) {
+        this._sendEvent({
+            name: 'large-video-visibility-changed',
+            isVisible: !isHidden
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that the in-page toolbox
+     * visibility changed.
+     *
+     * @param {boolean} visible - True if the toolbox is visible, false otherwise.
+     * @returns {void}
+     */
+    notifyToolbarVisibilityChanged(visible) {
+        this._sendEvent({
+            name: 'toolbar-visibility-changed',
+            visible
+        });
+    }
+
+    /**
+     * Notifies the external application (spot) that the local jitsi-participant
+     * has a status update.
+     *
+     * @param {Object} event - The message to pass onto spot.
+     * @returns {void}
+     */
+    sendProxyConnectionEvent(event) {
+        this._sendEvent({
+            name: 'proxy-connection-event',
+            ...event
+        });
+    }
+
+    /**
+     * Sends event to the external application.
+     *
+     * @param {Object} event - The event to be sent.
+     * @returns {void}
+     */
+    _sendEvent(event = {}) {
+        if (this._enabled) {
+            try {
+                transport.sendEvent(event);
+            } catch (error) {
+                logger.error('Failed to send and IFrame API event', error);
+            }
+        }
+    }
+
+    /**
+     * Notify external application (if API is enabled) that the chat state has been updated.
+     *
+     * @param {number} unreadCount - The unread messages counter.
+     * @param {boolean} isOpen - True if the chat panel is open.
+     * @returns {void}
+     */
+    notifyChatUpdated(unreadCount, isOpen) {
+        this._sendEvent({
+            name: 'chat-updated',
+            unreadCount,
+            isOpen
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that message was sent.
+     *
+     * @param {string} message - Message body.
+     * @param {boolean} privateMessage - True if the message was a private message.
+     * @returns {void}
+     */
+    notifySendingChatMessage(message, privateMessage) {
+        this._sendEvent({
+            name: 'outgoing-message',
+            message,
+            privateMessage
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that the mouse has entered inside the iframe.
+     *
+     * @param {MouseEvent} event - The mousemove event.
+     * @returns {void}
+     */
+    notifyMouseEnter(event) {
+        this._sendEvent({
+            name: 'mouse-enter',
+            event: sanitizeMouseEvent(event)
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that the mouse has entered inside the iframe.
+     *
+     * @param {MouseEvent} event - The mousemove event.
+     * @returns {void}
+     */
+    notifyMouseLeave(event) {
+        this._sendEvent({
+            name: 'mouse-leave',
+            event: sanitizeMouseEvent(event)
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that the mouse has moved inside the iframe.
+     *
+     * @param {MouseEvent} event - The mousemove event.
+     * @returns {void}
+     */
+    notifyMouseMove(event) {
+        this._sendEvent({
+            name: 'mouse-move',
+            event: sanitizeMouseEvent(event)
+        });
+    }
+
+    /**
+     * Notify the external application that the moderation status has changed.
+     *
+     * @param {string} mediaType - Media type for which the moderation changed.
+     * @param {boolean} enabled - Whether or not the new moderation status is enabled.
+     * @returns {void}
+     */
+    notifyModerationChanged(mediaType, enabled) {
+        this._sendEvent({
+            name: 'moderation-status-changed',
+            mediaType,
+            enabled
+        });
+    }
+
+    /**
+     * Notify the external application that a participant was approved on moderation.
+     *
+     * @param {string} participantId - The ID of the participant that got approved.
+     * @param {string} mediaType - Media type for which the participant was approved.
+     * @returns {void}
+     */
+    notifyParticipantApproved(participantId, mediaType) {
+        this._sendEvent({
+            name: 'moderation-participant-approved',
+            id: participantId,
+            mediaType
+        });
+    }
+
+    /**
+     * Notify the external application that a participant was rejected on moderation.
+     *
+     * @param {string} participantId - The ID of the participant that got rejected.
+     * @param {string} mediaType - Media type for which the participant was rejected.
+     * @returns {void}
+     */
+    notifyParticipantRejected(participantId, mediaType) {
+        this._sendEvent({
+            name: 'moderation-participant-rejected',
+            id: participantId,
+            mediaType
+        });
+    }
+
+    /**
+     * Notify the external application that a participant's mute status changed.
+     *
+     * @param {string} participantId - The ID of the participant.
+     * @param {boolean} isMuted - True if muted, false if unmuted.
+     * @param {string} mediaType - Media type that was muted ('audio', 'video', or 'desktop').
+     * @param {boolean} isSelfMuted - True if participant muted themselves, false if muted by moderator.
+     * @returns {void}
+     */
+    notifyParticipantMuted(participantId, isMuted, mediaType, isSelfMuted = true) {
+        this._sendEvent({
+            name: 'participant-muted',
+            id: participantId,
+            isMuted,
+            mediaType,
+            isSelfMuted
+        });
+    }
+
+    /**
+     * Notify the external app that a notification has been triggered.
+     *
+     * @param {string} title - The notification title.
+     * @param {string} description - The notification description.
+     *
+     * @returns {void}
+     */
+    notifyNotificationTriggered(title, description) {
+        this._sendEvent({
+            description,
+            name: 'notification-triggered',
+            title
+        });
+    }
+
+    /**
+     * Notify request desktop sources.
+     *
+     * @param {Object} options - Object with the options for desktop sources.
+     * @returns {void}
+     */
+    requestDesktopSources(options) {
+        return transport.sendRequest({
+            name: '_request-desktop-sources',
+            options
+        });
+    }
+
+    /**
+     * Notify external application that the video quality setting has changed.
+     *
+     * @param {number} videoQuality - The video quality. The number represents the maximum height of the video streams.
+     * @returns {void}
+     */
+    notifyVideoQualityChanged(videoQuality) {
+        this._sendEvent({
+            name: 'video-quality-changed',
+            videoQuality
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that message was
+     * received.
+     *
+     * @param {Object} options - Object with the message properties.
+     * @returns {void}
+     */
+    notifyReceivedChatMessage(
+            { body, from, nick, privateMessage, ts } = {}) {
+        if (APP.conference.isLocalId(from)) {
+            return;
+        }
+
+        this._sendEvent({
+            name: 'incoming-message',
+            from,
+            message: body,
+            nick,
+            privateMessage,
+            stamp: ts
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that user joined the
+     * conference.
+     *
+     * @param {string} id - User id.
+     * @param {Object} props - The display name of the user.
+     * @returns {void}
+     */
+    notifyUserJoined(id, props) {
+        this._sendEvent({
+            name: 'participant-joined',
+            id,
+            ...props
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that user left the
+     * conference.
+     *
+     * @param {string} id - User id.
+     * @returns {void}
+     */
+    notifyUserLeft(id) {
+        this._sendEvent({
+            name: 'participant-left',
+            id
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that the user role
+     * has changed.
+     *
+     * @param {string} id - User id.
+     * @param {string} role - The new user role.
+     * @returns {void}
+     */
+    notifyUserRoleChanged(id, role) {
+        this._sendEvent({
+            name: 'participant-role-changed',
+            id,
+            role
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that user changed their
+     * avatar.
+     *
+     * @param {string} id - User id.
+     * @param {string} avatarURL - The new avatar URL of the participant.
+     * @returns {void}
+     */
+    notifyAvatarChanged(id, avatarURL) {
+        this._sendEvent({
+            name: 'avatar-changed',
+            avatarURL,
+            id
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that user received
+     * a text message through datachannels.
+     *
+     * @param {Object} data - The event data.
+     * @returns {void}
+     */
+    notifyEndpointTextMessageReceived(data) {
+        this._sendEvent({
+            name: 'endpoint-text-message-received',
+            data
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that some face landmark data is available.
+     *
+     * @param {Object | undefined} faceBox - Detected face(s) bounding box (left, right, width).
+     * @param {string} faceExpression - Detected face expression.
+     * @returns {void}
+     */
+    notifyFaceLandmarkDetected(faceBox, faceExpression) {
+        this._sendEvent({
+            name: 'face-landmark-detected',
+            faceBox,
+            faceExpression
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that a custom notification action has been triggered.
+     *
+     * @param {string} actionUuid - The UUID of the action that has been triggered.
+     * @returns {void}
+    */
+    notifyCustomNotificationActionTriggered(actionUuid) {
+        this._sendEvent({
+            name: 'custom-notification-action-triggered',
+            data: {
+                id: actionUuid
+            }
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that the list of sharing participants changed.
+     *
+     * @param {Object} data - The event data.
+     * @returns {void}
+     */
+    notifySharingParticipantsChanged(data) {
+        this._sendEvent({
+            name: 'content-sharing-participants-changed',
+            data
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that the device list has
+     * changed.
+     *
+     * @param {Object} devices - The new device list.
+     * @returns {void}
+     */
+    notifyDeviceListChanged(devices) {
+        this._sendEvent({
+            name: 'device-list-changed',
+            devices
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that user changed their
+     * nickname.
+     *
+     * @param {string} id - User id.
+     * @param {string} displayname - User nickname.
+     * @param {string} formattedDisplayName - The display name shown in Jitsi
+     * meet's UI for the user.
+     * @returns {void}
+     */
+    notifyDisplayNameChanged(
+            id,
+            { displayName, formattedDisplayName }) {
+        this._sendEvent({
+            name: 'display-name-change',
+            displayname: displayName,
+            formattedDisplayName,
+            id
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that user changed their
+     * email.
+     *
+     * @param {string} id - User id.
+     * @param {string} email - The new email of the participant.
+     * @returns {void}
+     */
+    notifyEmailChanged(
+            id,
+            { email }) {
+        this._sendEvent({
+            name: 'email-change',
+            email,
+            id
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that the an error has been logged.
+     *
+     * @param {string} logLevel - The message log level.
+     * @param {Array<string>} args - Array of strings composing the log message.
+     * @returns {void}
+     */
+    notifyLog(logLevel, args = []) {
+        if (!Array.isArray(args)) {
+            logger.error('notifyLog received wrong argument types!');
+
+            return;
+        }
+
+        // Trying to convert arguments to strings. Otherwise in order to send the event the arguments will be formatted
+        // with JSON.stringify which can throw an error because of circular objects and we will lose the whole log.
+        const formattedArguments = [];
+
+        args.forEach(arg => {
+            let formattedArgument = '';
+
+            if (arg instanceof Error) {
+                formattedArgument += `${arg.toString()}: ${arg.stack}`;
+            } else if (typeof arg === 'object') {
+                // NOTE: The non-enumerable properties of the objects wouldn't be included in the string after
+                // JSON.stringify. For example Map instance will be translated to '{}'. So I think we have to eventually
+                // do something better for parsing the arguments. But since this option for stringify is part of the
+                // public interface and I think it could be useful in some cases I will it for now.
+                try {
+                    formattedArgument += JSON.stringify(arg);
+                } catch (error) {
+                    formattedArgument += arg;
+                }
+            } else {
+                formattedArgument += arg;
+            }
+
+            formattedArguments.push(formattedArgument);
+        });
+
+        this._sendEvent({
+            name: 'log',
+            logLevel,
+            args: formattedArguments
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that the conference has
+     * been joined.
+     *
+     * @param {string} roomName - The room name.
+     * @param {string} id - The id of the local user.
+     * @param {Object} props - The display name, the avatar URL of the local
+     * user and the type of the room.
+     * @returns {void}
+     */
+    notifyConferenceJoined(roomName, id, props) {
+        this._sendEvent({
+            name: 'video-conference-joined',
+            roomName,
+            id,
+            ...props
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that local user has left the conference.
+     *
+     * @param {string} roomName - User id.
+     * @returns {void}
+     */
+    notifyConferenceLeft(roomName) {
+        this._sendEvent({
+            name: 'video-conference-left',
+            roomName
+        });
+    }
+
+    /**
+     * Notify external application that the data channel has been closed.
+     *
+     * @param {number} code - The close code.
+     * @param {string} reason - The close reason.
+     *
+     * @returns {void}
+     */
+    notifyDataChannelClosed(code, reason) {
+        this._sendEvent({
+            name: 'data-channel-closed',
+            code,
+            reason
+        });
+    }
+
+    /**
+     * Notify external application that the data channel has been opened.
+     *
+     * @returns {void}
+     */
+    notifyDataChannelOpened() {
+        this._sendEvent({ name: 'data-channel-opened' });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that we are ready to be
+     * closed.
+     *
+     * @returns {void}
+     */
+    notifyReadyToClose() {
+        this._sendEvent({ name: 'video-ready-to-close' });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that a suspend event in host computer.
+     *
+     * @returns {void}
+     */
+    notifySuspendDetected() {
+        this._sendEvent({ name: 'suspend-detected' });
+    }
+
+    /**
+     * Notify external application (if API is enabled) for audio muted status
+     * changed.
+     *
+     * @param {boolean} muted - The new muted status.
+     * @returns {void}
+     */
+    notifyAudioMutedStatusChanged(muted) {
+        this._sendEvent({
+            name: 'audio-mute-status-changed',
+            muted
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) for video muted status
+     * changed.
+     *
+     * @param {boolean} muted - The new muted status.
+     * @returns {void}
+     */
+    notifyVideoMutedStatusChanged(muted) {
+        this._sendEvent({
+            name: 'video-mute-status-changed',
+            muted
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) for audio availability
+     * changed.
+     *
+     * @param {boolean} available - True if available and false otherwise.
+     * @returns {void}
+     */
+    notifyAudioAvailabilityChanged(available) {
+        audioAvailable = available;
+        this._sendEvent({
+            name: 'audio-availability-changed',
+            available
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) for video available
+     * status changed.
+     *
+     * @param {boolean} available - True if available and false otherwise.
+     * @returns {void}
+     */
+    notifyVideoAvailabilityChanged(available) {
+        videoAvailable = available;
+        this._sendEvent({
+            name: 'video-availability-changed',
+            available
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that the on stage
+     * participant has changed.
+     *
+     * @param {string} id - User id of the new on stage participant.
+     * @returns {void}
+     */
+    notifyOnStageParticipantChanged(id) {
+        this._sendEvent({
+            name: 'on-stage-participant-changed',
+            id
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that the prejoin video
+     * visibility had changed.
+     *
+     * @param {boolean} isVisible - Whether the prejoin video is visible.
+     * @returns {void}
+     */
+    notifyPrejoinVideoVisibilityChanged(isVisible) {
+        this._sendEvent({
+            name: 'on-prejoin-video-changed',
+            isVisible
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that the prejoin
+     * screen was loaded.
+     *
+     * @returns {void}
+     */
+    notifyPrejoinLoaded() {
+        const state = APP.store.getState();
+        const { defaultLocalDisplayName } = state['features/base/config'];
+        const displayName = getDisplayName(state);
+
+        this._sendEvent({
+            name: 'prejoin-screen-loaded',
+            id: LOCAL_PARTICIPANT_DEFAULT_ID,
+            displayName,
+            formattedDisplayName: appendSuffix(displayName, defaultLocalDisplayName)
+        });
+    }
+
+    /**
+     * Notify external application of an unexpected camera-related error having
+     * occurred.
+     *
+     * @param {string} type - The type of the camera error.
+     * @param {string} message - Additional information about the error.
+     * @returns {void}
+     */
+    notifyOnCameraError(type, message) {
+        this._sendEvent({
+            name: 'camera-error',
+            type,
+            message
+        });
+    }
+
+    /**
+     * Notify external application of an unexpected mic-related error having
+     * occurred.
+     *
+     * @param {string} type - The type of the mic error.
+     * @param {string} message - Additional information about the error.
+     * @returns {void}
+     */
+    notifyOnMicError(type, message) {
+        this._sendEvent({
+            name: 'mic-error',
+            type,
+            message
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that conference feedback
+     * has been submitted. Intended to be used in conjunction with the
+     * submit-feedback command to get notified if feedback was submitted.
+     *
+     * @param {string} error - A failure message, if any.
+     * @returns {void}
+     */
+    notifyFeedbackSubmitted(error) {
+        this._sendEvent({
+            name: 'feedback-submitted',
+            error
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that the feedback prompt
+     * has been displayed.
+     *
+     * @returns {void}
+     */
+    notifyFeedbackPromptDisplayed() {
+        this._sendEvent({ name: 'feedback-prompt-displayed' });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that the display
+     * configuration of the filmstrip has been changed.
+     *
+     * @param {boolean} visible - Whether or not the filmstrip has been set to
+     * be displayed or hidden.
+     * @returns {void}
+     */
+    notifyFilmstripDisplayChanged(visible) {
+        this._sendEvent({
+            name: 'filmstrip-display-changed',
+            visible
+        });
+    }
+
+    /**
+     * Notify external application of a participant, remote or local, being
+     * removed from the conference by another participant.
+     *
+     * @param {Object} kicked - The participant removed from the
+     * conference.
+     * @param {Object} kicker - The participant that removed the
+     * other participant.
+     * @returns {void}
+     */
+    notifyKickedOut(kicked, kicker) {
+        this._sendEvent({
+            name: 'participant-kicked-out',
+            kicked,
+            kicker
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that the recording consent dialog open state has changed.
+     *
+     * @param {boolean} open - True if the dialog is open, false otherwise.
+     * @returns {void}
+     */
+    notifyRecordingConsentDialogOpen(open) {
+        this._sendEvent({
+            name: 'recording-consent-dialog-open',
+            open
+        });
+    }
+
+    /**
+     * Notify external application of the current meeting requiring a password
+     * to join.
+     *
+     * @returns {void}
+     */
+    notifyOnPasswordRequired() {
+        this._sendEvent({ name: 'password-required' });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that the screen sharing
+     * has been turned on/off.
+     *
+     * @param {boolean} on - True if screen sharing is enabled.
+     * @param {Object} details - Additional information about the screen
+     * sharing.
+     * @param {string} details.sourceType - Type of device or window the screen
+     * share is capturing.
+     * @returns {void}
+     */
+    notifyScreenSharingStatusChanged(on, details) {
+        this._sendEvent({
+            name: 'screen-sharing-status-changed',
+            on,
+            details
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that the dominant speaker
+     * has been turned on/off.
+     *
+     * @param {string} id - Id of the dominant participant.
+     * @returns {void}
+     */
+    notifyDominantSpeakerChanged(id) {
+        this._sendEvent({
+            name: 'dominant-speaker-changed',
+            id
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that the conference
+     * changed their subject.
+     *
+     * @param {string} subject - Conference subject.
+     * @returns {void}
+     */
+    notifySubjectChanged(subject) {
+        this._sendEvent({
+            name: 'subject-change',
+            subject
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that tile view has been
+     * entered or exited.
+     *
+     * @param {string} enabled - True if tile view is currently displayed, false
+     * otherwise.
+     * @returns {void}
+     */
+    notifyTileViewChanged(enabled) {
+        this._sendEvent({
+            name: 'tile-view-changed',
+            enabled
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that the localStorage has changed.
+     *
+     * @param {string} localStorageContent - The new localStorageContent.
+     * @returns {void}
+     */
+    notifyLocalStorageChanged(localStorageContent) {
+        this._sendEvent({
+            name: 'local-storage-changed',
+            localStorageContent
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that user updated their hand raised.
+     *
+     * @param {string} id - User id.
+     * @param {boolean} handRaised - Whether user has raised hand.
+     * @returns {void}
+     */
+    notifyRaiseHandUpdated(id, handRaised) {
+        this._sendEvent({
+            name: 'raise-hand-updated',
+            handRaised,
+            id
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that recording has started or stopped.
+     *
+     * @param {boolean} on - True if recording is on, false otherwise.
+     * @param {string} mode - Stream or file or local.
+     * @param {string} error - Error type or null if success.
+     * @param {boolean} transcription - True if a transcription is being recorded, false otherwise.
+     * @returns {void}
+     */
+    notifyRecordingStatusChanged(on, mode, error, transcription) {
+        this._sendEvent({
+            name: 'recording-status-changed',
+            on,
+            mode,
+            error,
+            transcription
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that the current recording link is
+     * available.
+     *
+     * @param {string} link - The recording download link.
+     * @param {number} ttl - The recording download link time to live.
+     * @returns {void}
+     */
+    notifyRecordingLinkAvailable(link, ttl) {
+        this._sendEvent({
+            name: 'recording-link-available',
+            link,
+            ttl
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that a participant is knocking in the lobby.
+     *
+     * @param {Object} participant - Participant data such as id and name.
+     * @returns {void}
+     */
+    notifyKnockingParticipant(participant) {
+        this._sendEvent({
+            name: 'knocking-participant',
+            participant
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that an error occurred.
+     *
+     * @param {Object} error - The error.
+     * @returns {void}
+     */
+    notifyError(error) {
+        this._sendEvent({
+            name: 'error-occurred',
+            error
+        });
+    }
+
+    /**
+     * Notify external application ( if API is enabled) that a toolbar button was clicked.
+     *
+     * @param {string} key - The key of the toolbar button.
+     * @param {boolean} preventExecution - Whether execution of the button click was prevented or not.
+     * @returns {void}
+     */
+    notifyToolbarButtonClicked(key, preventExecution) {
+        this._sendEvent({
+            name: 'toolbar-button-clicked',
+            key,
+            preventExecution
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that transcribing has started or stopped.
+     *
+     * @param {boolean} on - True if transcribing is on, false otherwise.
+     * @returns {void}
+     */
+    notifyTranscribingStatusChanged(on) {
+        this._sendEvent({
+            name: 'transcribing-status-changed',
+            on
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that the user received
+     * a transcription chunk.
+     *
+     * @param {Object} data - The event data.
+     * @returns {void}
+     */
+    notifyTranscriptionChunkReceived(data) {
+        this._sendEvent({
+            name: 'transcription-chunk-received',
+            data
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) whether the used browser is supported or not.
+     *
+     * @param {boolean} supported - If browser is supported or not.
+     * @returns {void}
+     */
+    notifyBrowserSupport(supported) {
+        this._sendEvent({
+            name: 'browser-support',
+            supported
+        });
+    }
+
+    /**
+     * Notify external application that the breakout rooms changed.
+     *
+     * @param {Array} rooms - Array containing the breakout rooms and main room.
+     * @returns {void}
+     */
+    notifyBreakoutRoomsUpdated(rooms) {
+        this._sendEvent({
+            name: 'breakout-rooms-updated',
+            rooms
+        });
+    }
+
+    /**
+     * Notify the external application that the state of the participants pane changed.
+     *
+     * @param {boolean} open - Whether the panel is open or not.
+     * @returns {void}
+     */
+    notifyParticipantsPaneToggled(open) {
+        this._sendEvent({
+            name: 'participants-pane-toggled',
+            open
+        });
+    }
+
+    /**
+     * Notify the external application that the audio or video is being shared by a participant.
+     *
+     * @param {string} mediaType - Whether the content which is being shared is audio or video.
+     * @param {string} value - Whether the sharing is playing, pause or stop (on audio there is only playing and stop).
+     * @param {string} participantId - Participant id of the participant which started or ended
+     *  the video or audio sharing.
+     * @returns {void}
+     */
+    notifyAudioOrVideoSharingToggled(mediaType, value, participantId) {
+        this._sendEvent({
+            name: 'audio-or-video-sharing-toggled',
+            mediaType,
+            value,
+            participantId
+        });
+    }
+
+    /**
+     * Notify the external application that a PeerConnection lost connectivity. This event is fired only if
+     * a PC `failed` but connectivity to the rtcstats server is still maintained signaling that there is a
+     * problem establishing a link between the app and the JVB server or the remote peer in case of P2P.
+     * Will only fire if rtcstats is enabled.
+     *
+     * @param {boolean} isP2P - Type of PC.
+     * @param {boolean} wasConnected - Was this connection previously connected. If it was it could mean
+     * that connectivity was disrupted, if not it most likely means that the app could not reach
+     * the JVB server, or the other peer in case of P2P.
+     *
+     * @returns {void}
+     */
+    notifyPeerConnectionFailure(isP2P, wasConnected) {
+        this._sendEvent({
+            name: 'peer-connection-failure',
+            isP2P,
+            wasConnected
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that Picture-in-Picture was requested.
+     * Used by Electron to handle PiP requests with proper user gesture context.
+     *
+     * @returns {void}
+     */
+    notifyPictureInPictureRequested() {
+        this._sendEvent({
+            name: '_pip-requested'
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that Picture-in-Picture mode was entered.
+     *
+     * @returns {void}
+     */
+    notifyPictureInPictureEntered() {
+        this._sendEvent({
+            name: 'pip-entered'
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) that Picture-in-Picture mode was exited.
+     *
+     * @returns {void}
+     */
+    notifyPictureInPictureLeft() {
+        this._sendEvent({
+            name: 'pip-left'
+        });
+    }
+
+    /**
+     * Notify external application ( if API is enabled) that a participant menu button was clicked.
+     *
+     * @param {string} key - The key of the participant menu button.
+     * @param {string} participantId - The ID of the participant for whom the participant menu button was clicked.
+     * @param {boolean} preventExecution - Whether execution of the button click was prevented or not.
+     * @returns {void}
+     */
+    notifyParticipantMenuButtonClicked(key, participantId, preventExecution) {
+        this._sendEvent({
+            name: 'participant-menu-button-clicked',
+            key,
+            participantId,
+            preventExecution
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) if whiteboard state is
+     * changed.
+     *
+     * @param {WhiteboardStatus} status - The new whiteboard status.
+     * @returns {void}
+     */
+    notifyWhiteboardStatusChanged(status) {
+        this._sendEvent({
+            name: 'whiteboard-status-changed',
+            status
+        });
+    }
+
+    /**
+     * Notify external application (if API is enabled) if non participant message
+     * is received.
+     *
+     * @param {string} id - The resource id of the sender.
+     * @param {Object} json - The json carried by the message.
+     * @returns {void}
+     */
+    notifyNonParticipantMessageReceived(id, json) {
+        this._sendEvent({
+            name: 'non-participant-message-received',
+            id,
+            message: json
+        });
+    }
+
+
+    /**
+     * Notify external application (if API is enabled) the conference
+     * start time.
+     *
+     * @param {number} timestamp - Timestamp conference was created.
+     * @returns {void}
+     */
+    notifyConferenceCreatedTimestamp(timestamp) {
+        this._sendEvent({
+            name: 'conference-created-timestamp',
+            timestamp
+        });
+    }
+
+
+    /**
+     * Notify the external application (if API is enabled) if the connection type changed.
+     *
+     * @param {boolean} isP2p - Whether the new connection is P2P.
+     * @returns {void}
+     */
+    notifyP2pStatusChanged(isP2p) {
+        this._sendEvent({
+            name: 'p2p-status-changed',
+            isP2p
+        });
+    }
+
+    /**
+     * Notify the external application (if API is enabled) when the compute pressure changed.
+     *
+     * @param {Array} records - The new pressure records.
+     * @returns {void}
+     */
+    notifyComputePressureChanged(records) {
+        this._sendEvent({
+            name: 'compute-pressure-changed',
+            records
+        });
+    }
+
+    /**
+     * Notify the external application (if API is enabled) when the audio only enabled status changed.
+     *
+     * @param {boolean} enabled - Whether the audio only is enabled or not.
+     * @returns {void}
+     */
+    notifyAudioOnlyChanged(enabled) {
+        this._sendEvent({
+            name: 'audio-only-changed',
+            enabled
+        });
+    }
+
+    /**
+     * Disposes the allocated resources.
+     *
+     * @returns {void}
+     */
+    dispose() {
+        if (this._enabled) {
+            this._enabled = false;
+        }
+    }
+}
+
+export default new API();
diff --git a/modules/API/constants.js b/modules/API/constants.js
new file mode 100644
index 0000000..b35a015
--- /dev/null
+++ b/modules/API/constants.js
@@ -0,0 +1,31 @@
+// XXX The function parseURLParams is exported by the feature base/util (as
+// defined in the terminology of react/). However, this file is (very likely)
+// bundled in external_api in addition to app.bundle and, consequently, it is
+// best to import as little as possible here (rather than the whole feature
+// base/util) in order to minimize the amount of source code bundled into
+// multiple bundles.
+import { parseURLParams } from '../../react/features/base/util/parseURLParams';
+
+/**
+ * JitsiMeetExternalAPI id - unique for a webpage.
+ * TODO: This shouldn't be computed here.
+ */
+let _apiID;
+
+try {
+    _apiID = parseURLParams(window.location).jitsi_meet_external_api_id;
+} catch (_) { /* Ignore. */ }
+
+export const API_ID = _apiID;
+
+/**
+ * The payload name for the datachannel/endpoint text message event.
+ */
+export const ENDPOINT_TEXT_MESSAGE_NAME = 'endpoint-text-message';
+
+/**
+ * The min value that can be set for the assumed bandwidth.
+ * Setting it to this value means not assuming any bandwidth,
+ * but rather allowing the estimations to take place.
+ */
+export const MIN_ASSUMED_BANDWIDTH_BPS = -1;
diff --git a/modules/API/external/external_api.js b/modules/API/external/external_api.js
new file mode 100644
index 0000000..b139558
--- /dev/null
+++ b/modules/API/external/external_api.js
@@ -0,0 +1,1625 @@
+import { jitsiLocalStorage } from '@jitsi/js-utils/jitsi-local-storage';
+import EventEmitter from 'events';
+
+import { urlObjectToString } from '../../../react/features/base/util/uri';
+import { isPiPEnabled } from '../../../react/features/pip/external-api.shared';
+import {
+    PostMessageTransportBackend,
+    Transport
+} from '../../transport';
+
+import {
+    getAvailableDevices,
+    getCurrentDevices,
+    isDeviceChangeAvailable,
+    isMultipleAudioInputSupported,
+    setAudioInputDevice,
+    setAudioOutputDevice,
+    setVideoInputDevice
+} from './functions';
+
+const ALWAYS_ON_TOP_FILENAMES = [
+    'css/all.css', 'libs/alwaysontop.min.js'
+];
+
+/**
+ * Maps the names of the commands expected by the API with the name of the
+ * commands expected by jitsi-meet.
+ */
+const commands = {
+    addBreakoutRoom: 'add-breakout-room',
+    answerKnockingParticipant: 'answer-knocking-participant',
+    approveVideo: 'approve-video',
+    askToUnmute: 'ask-to-unmute',
+    autoAssignToBreakoutRooms: 'auto-assign-to-breakout-rooms',
+    avatarUrl: 'avatar-url',
+    cancelPrivateChat: 'cancel-private-chat',
+    closeBreakoutRoom: 'close-breakout-room',
+    displayName: 'display-name',
+    endConference: 'end-conference',
+    email: 'email',
+    grantModerator: 'grant-moderator',
+    grantRecordingConsent: 'grant-recording-consent',
+    hangup: 'video-hangup',
+    hideNotification: 'hide-notification',
+    initiatePrivateChat: 'initiate-private-chat',
+    joinBreakoutRoom: 'join-breakout-room',
+    localSubject: 'local-subject',
+    kickParticipant: 'kick-participant',
+    muteEveryone: 'mute-everyone',
+    muteRemoteParticipant: 'mute-remote-participant',
+    overwriteConfig: 'overwrite-config',
+    overwriteNames: 'overwrite-names',
+    password: 'password',
+    pinParticipant: 'pin-participant',
+    rejectParticipant: 'reject-participant',
+    removeBreakoutRoom: 'remove-breakout-room',
+    resizeFilmStrip: 'resize-film-strip',
+    resizeLargeVideo: 'resize-large-video',
+    sendCameraFacingMode: 'send-camera-facing-mode-message',
+    sendChatMessage: 'send-chat-message',
+    sendEndpointTextMessage: 'send-endpoint-text-message',
+    sendParticipantToRoom: 'send-participant-to-room',
+    sendTones: 'send-tones',
+    setAudioOnly: 'set-audio-only',
+    setAssumedBandwidthBps: 'set-assumed-bandwidth-bps',
+    setBlurredBackground: 'set-blurred-background',
+    setFollowMe: 'set-follow-me',
+    setLargeVideoParticipant: 'set-large-video-participant',
+    setMediaEncryptionKey: 'set-media-encryption-key',
+    setNoiseSuppressionEnabled: 'set-noise-suppression-enabled',
+    setParticipantVolume: 'set-participant-volume',
+    setSubtitles: 'set-subtitles',
+    setTileView: 'set-tile-view',
+    setVideoQuality: 'set-video-quality',
+    setVirtualBackground: 'set-virtual-background',
+    showNotification: 'show-notification',
+    startRecording: 'start-recording',
+    startShareVideo: 'start-share-video',
+    stopRecording: 'stop-recording',
+    stopShareVideo: 'stop-share-video',
+    subject: 'subject',
+    submitFeedback: 'submit-feedback',
+    toggleAudio: 'toggle-audio',
+    toggleCamera: 'toggle-camera',
+    toggleCameraMirror: 'toggle-camera-mirror',
+    toggleChat: 'toggle-chat',
+    toggleE2EE: 'toggle-e2ee',
+    toggleFilmStrip: 'toggle-film-strip',
+    toggleLobby: 'toggle-lobby',
+    toggleModeration: 'toggle-moderation',
+    toggleNoiseSuppression: 'toggle-noise-suppression',
+    toggleParticipantsPane: 'toggle-participants-pane',
+    toggleRaiseHand: 'toggle-raise-hand',
+    toggleShareScreen: 'toggle-share-screen',
+    toggleSubtitles: 'toggle-subtitles',
+    toggleTileView: 'toggle-tile-view',
+    toggleVirtualBackgroundDialog: 'toggle-virtual-background',
+    toggleVideo: 'toggle-video',
+    toggleWhiteboard: 'toggle-whiteboard',
+    showPiP: 'show-pip',
+    hidePiP: 'hide-pip'
+};
+
+/**
+ * Maps the names of the events expected by the API with the name of the
+ * events expected by jitsi-meet.
+ */
+const events = {
+    '_pip-requested': '_pipRequested',
+    'pip-entered': 'pipEntered',
+    'pip-left': 'pipLeft',
+    'avatar-changed': 'avatarChanged',
+    'audio-availability-changed': 'audioAvailabilityChanged',
+    'audio-mute-status-changed': 'audioMuteStatusChanged',
+    'audio-only-changed': 'audioOnlyChanged',
+    'audio-or-video-sharing-toggled': 'audioOrVideoSharingToggled',
+    'breakout-rooms-updated': 'breakoutRoomsUpdated',
+    'browser-support': 'browserSupport',
+    'camera-error': 'cameraError',
+    'chat-updated': 'chatUpdated',
+    'compute-pressure-changed': 'computePressureChanged',
+    'conference-created-timestamp': 'conferenceCreatedTimestamp',
+    'content-sharing-participants-changed': 'contentSharingParticipantsChanged',
+    'custom-notification-action-triggered': 'customNotificationActionTriggered',
+    'data-channel-closed': 'dataChannelClosed',
+    'data-channel-opened': 'dataChannelOpened',
+    'device-list-changed': 'deviceListChanged',
+    'display-name-change': 'displayNameChange',
+    'dominant-speaker-changed': 'dominantSpeakerChanged',
+    'email-change': 'emailChange',
+    'error-occurred': 'errorOccurred',
+    'endpoint-text-message-received': 'endpointTextMessageReceived',
+    'face-landmark-detected': 'faceLandmarkDetected',
+    'feedback-submitted': 'feedbackSubmitted',
+    'feedback-prompt-displayed': 'feedbackPromptDisplayed',
+    'filmstrip-display-changed': 'filmstripDisplayChanged',
+    'incoming-message': 'incomingMessage',
+    'knocking-participant': 'knockingParticipant',
+    'log': 'log',
+    'mic-error': 'micError',
+    'moderation-participant-approved': 'moderationParticipantApproved',
+    'moderation-participant-rejected': 'moderationParticipantRejected',
+    'moderation-status-changed': 'moderationStatusChanged',
+    'mouse-enter': 'mouseEnter',
+    'mouse-leave': 'mouseLeave',
+    'mouse-move': 'mouseMove',
+    'non-participant-message-received': 'nonParticipantMessageReceived',
+    'notification-triggered': 'notificationTriggered',
+    'outgoing-message': 'outgoingMessage',
+    'p2p-status-changed': 'p2pStatusChanged',
+    'participant-joined': 'participantJoined',
+    'participant-kicked-out': 'participantKickedOut',
+    'participant-left': 'participantLeft',
+    'participant-muted': 'participantMuted',
+    'participant-role-changed': 'participantRoleChanged',
+    'participants-pane-toggled': 'participantsPaneToggled',
+    'password-required': 'passwordRequired',
+    'peer-connection-failure': 'peerConnectionFailure',
+    'prejoin-screen-loaded': 'prejoinScreenLoaded',
+    'proxy-connection-event': 'proxyConnectionEvent',
+    'raise-hand-updated': 'raiseHandUpdated',
+    'ready': 'ready',
+    'recording-consent-dialog-open': 'recordingConsentDialogOpen',
+    'recording-link-available': 'recordingLinkAvailable',
+    'recording-status-changed': 'recordingStatusChanged',
+    'participant-menu-button-clicked': 'participantMenuButtonClick',
+    'video-ready-to-close': 'readyToClose',
+    'video-conference-joined': 'videoConferenceJoined',
+    'video-conference-left': 'videoConferenceLeft',
+    'video-availability-changed': 'videoAvailabilityChanged',
+    'video-mute-status-changed': 'videoMuteStatusChanged',
+    'video-quality-changed': 'videoQualityChanged',
+    'screen-sharing-status-changed': 'screenSharingStatusChanged',
+    'subject-change': 'subjectChange',
+    'suspend-detected': 'suspendDetected',
+    'tile-view-changed': 'tileViewChanged',
+    'toolbar-button-clicked': 'toolbarButtonClicked',
+    'toolbar-visibility-changed': 'toolbarVisibilityChanged',
+    'transcribing-status-changed': 'transcribingStatusChanged',
+    'transcription-chunk-received': 'transcriptionChunkReceived',
+    'whiteboard-status-changed': 'whiteboardStatusChanged'
+};
+
+const requests = {
+    '_request-desktop-sources': '_requestDesktopSources'
+};
+
+/**
+ * Last id of api object.
+ *
+ * @type {number}
+ */
+let id = 0;
+
+/**
+ * Adds given number to the numberOfParticipants property of given APIInstance.
+ *
+ * @param {JitsiMeetExternalAPI} APIInstance - The instance of the API.
+ * @param {int} number - The number of participants to be added to
+ * numberOfParticipants property (this parameter can be negative number if the
+ * numberOfParticipants should be decreased).
+ * @returns {void}
+ */
+function changeParticipantNumber(APIInstance, number) {
+    APIInstance._numberOfParticipants += number;
+}
+
+/**
+ * Compute valid values for height and width. If a number is specified it's
+ * treated as pixel units. If the value is expressed in px, em, pt or
+ * percentage, it's used as is.
+ *
+ * @param {any} value - The value to be parsed.
+ * @returns {string|undefined} The parsed value that can be used for setting
+ * sizes through the style property. If invalid value is passed the method
+ * returns undefined.
+ */
+function parseSizeParam(value) {
+    let parsedValue;
+
+    // This regex parses values of the form 100px, 100em, 100pt, 100vh, 100vw or 100%.
+    // Values like 100 or 100px are handled outside of the regex, and
+    // invalid values will be ignored and the minimum will be used.
+    const re = /([0-9]*\.?[0-9]+)(em|pt|px|((d|l|s)?v)(h|w)|%)$/;
+
+    if (typeof value === 'string' && String(value).match(re) !== null) {
+        parsedValue = value;
+    } else if (typeof value === 'number') {
+        parsedValue = `${value}px`;
+    }
+
+    return parsedValue;
+}
+
+
+/**
+ * The IFrame API interface class.
+ */
+export default class JitsiMeetExternalAPI extends EventEmitter {
+    /**
+     * Constructs new API instance. Creates iframe and loads Jitsi Meet in it.
+     *
+     * @param {string} domain - The domain name of the server that hosts the
+     * conference.
+     * @param {Object} [options] - Optional arguments.
+     * @param {string} [options.roomName] - The name of the room to join.
+     * @param {number|string} [options.width] - Width of the iframe. Check
+     * parseSizeParam for format details.
+     * @param {number|string} [options.height] - Height of the iframe. Check
+     * parseSizeParam for format details.
+     * @param {DOMElement} [options.parentNode] - The node that will contain the
+     * iframe.
+     * @param {Object} [options.configOverwrite] - Object containing
+     * configuration options defined in config.js to be overridden.
+     * @param {Object} [options.interfaceConfigOverwrite] - Object containing
+     * configuration options defined in interface_config.js to be overridden.
+     * @param {IIceServers} [options.iceServers] - Object with rules that will be used to modify/remove the existing
+     * ice server configuration.
+     * NOTE: This property is currently experimental and may be removed in the future!
+     * @param {string} [options.jwt] - The JWT token if needed by jitsi-meet for
+     * authentication.
+     * @param {string} [options.lang] - The meeting's default language.
+     * @param {string} [options.onload] - The onload function that will listen
+     * for iframe onload event.
+     * @param {Array<Object>} [options.invitees] - Array of objects containing
+     * information about new participants that will be invited in the call.
+     * @param {Array<Object>} [options.devices] - Array of objects containing
+     * information about the initial devices that will be used in the call.
+     * @param {Object} [options.userInfo] - Object containing information about
+     * the participant opening the meeting.
+     * @param {string}  [options.e2eeKey] - The key used for End-to-End encryption.
+     * THIS IS EXPERIMENTAL.
+     * @param {string}  [options.release] - The key used for specifying release if enabled on the backend.
+     * @param {string} [options.sandbox] - Sandbox directive for the created iframe, if desired.
+     */
+    constructor(domain, options = {}) {
+        super();
+        const {
+            roomName = '',
+            width = '100%',
+            height = '100%',
+            parentNode = document.body,
+            configOverwrite = {},
+            interfaceConfigOverwrite = {},
+            jwt,
+            lang,
+            onload,
+            invitees,
+            iceServers,
+            devices,
+            userInfo,
+            e2eeKey,
+            release,
+            sandbox
+        } = options;
+        const localStorageContent = jitsiLocalStorage.getItem('jitsiLocalStorage');
+
+        this._parentNode = parentNode;
+
+        this._url = urlObjectToString({
+            configOverwrite,
+            iceServers,
+            interfaceConfigOverwrite,
+            jwt,
+            lang,
+            roomName,
+            devices,
+            userInfo,
+            appData: {
+                localStorageContent
+            },
+            release,
+            url: `https://${domain}/#jitsi_meet_external_api_id=${id}`
+        });
+
+        this._createIFrame(height, width, sandbox);
+
+        this._transport = new Transport({
+            backend: new PostMessageTransportBackend({
+                postisOptions: {
+                    allowedOrigin: new URL(this._url).origin,
+                    scope: `jitsi_meet_external_api_${id}`,
+                    window: this._frame.contentWindow
+                }
+            })
+        });
+
+        if (Array.isArray(invitees) && invitees.length > 0) {
+            this.invite(invitees);
+        }
+
+        this._onload = onload;
+        this._tmpE2EEKey = e2eeKey;
+        this._isLargeVideoVisible = false;
+        this._isPrejoinVideoVisible = false;
+        this._numberOfParticipants = 0;
+        this._participants = {};
+        this._myUserID = undefined;
+        this._onStageParticipant = undefined;
+        this._iAmvisitor = undefined;
+        this._pipConfig = configOverwrite?.pip;
+        this._setupListeners();
+        id++;
+    }
+
+    /**
+     * Creates the iframe element.
+     *
+     * @param {number|string} height - The height of the iframe. Check
+     * parseSizeParam for format details.
+     * @param {number|string} width - The with of the iframe. Check
+     * parseSizeParam for format details.
+     * @param {string} sandbox - Sandbox directive for the created iframe, if desired.
+     * @returns {void}
+     *
+     * @private
+     */
+    _createIFrame(height, width, sandbox) {
+        const frameName = `jitsiConferenceFrame${id}`;
+
+        this._frame = document.createElement('iframe');
+        this._frame.allow = [
+            'autoplay',
+            'camera',
+            'clipboard-write',
+            'compute-pressure',
+            'display-capture',
+            'hid',
+            'microphone',
+            'screen-wake-lock',
+            'speaker-selection'
+        ].join('; ');
+        this._frame.name = frameName;
+        this._frame.id = frameName;
+        this._setSize(height, width);
+        this._frame.setAttribute('allowFullScreen', 'true');
+        this._frame.style.border = 0;
+
+        if (sandbox) {
+            this._frame.sandbox = sandbox;
+        }
+
+        this._frame.src = this._url;
+
+        this._frame = this._parentNode.appendChild(this._frame);
+    }
+
+    /**
+     * Returns arrays with the all resources for the always on top feature.
+     *
+     * @returns {Array<string>}
+     */
+    _getAlwaysOnTopResources() {
+        const iframeWindow = this._frame.contentWindow;
+        const iframeDocument = iframeWindow.document;
+        let baseURL = '';
+        const base = iframeDocument.querySelector('base');
+
+        if (base && base.href) {
+            baseURL = base.href;
+        } else {
+            const { protocol, host } = iframeWindow.location;
+
+            baseURL = `${protocol}//${host}`;
+        }
+
+        return ALWAYS_ON_TOP_FILENAMES.map(
+            filename => new URL(filename, baseURL).href
+        );
+    }
+
+    /**
+     * Returns the formatted display name of a participant.
+     *
+     * @param {string} participantId - The id of the participant.
+     * @returns {string} The formatted display name.
+     */
+    _getFormattedDisplayName(participantId) {
+        const { formattedDisplayName }
+            = this._participants[participantId] || {};
+
+        return formattedDisplayName;
+    }
+
+    /**
+     * Returns the id of the on stage participant.
+     *
+     * @returns {string} - The id of the on stage participant.
+     */
+    _getOnStageParticipant() {
+        return this._onStageParticipant;
+    }
+
+
+    /**
+     * Getter for the large video element in Jitsi Meet.
+     *
+     * @returns {HTMLElement|undefined} - The large video.
+     */
+    _getLargeVideo() {
+        const iframe = this.getIFrame();
+
+        if (!this._isLargeVideoVisible
+                || !iframe
+                || !iframe.contentWindow
+                || !iframe.contentWindow.document) {
+            return;
+        }
+
+        return iframe.contentWindow.document.getElementById('largeVideo');
+    }
+
+    /**
+     * Getter for the prejoin video element in Jitsi Meet.
+     *
+     * @returns {HTMLElement|undefined} - The prejoin video.
+     */
+    _getPrejoinVideo() {
+        const iframe = this.getIFrame();
+
+        if (!this._isPrejoinVideoVisible
+                || !iframe
+                || !iframe.contentWindow
+                || !iframe.contentWindow.document) {
+            return;
+        }
+
+        return iframe.contentWindow.document.getElementById('prejoinVideo');
+    }
+
+    /**
+     * Getter for participant specific video element in Jitsi Meet.
+     *
+     * @param {string|undefined} participantId - Id of participant to return the video for.
+     *
+     * @returns {HTMLElement|undefined} - The requested video. Will return the local video
+     * by default if participantId is undefined.
+     */
+    _getParticipantVideo(participantId) {
+        const iframe = this.getIFrame();
+
+        if (!iframe
+                || !iframe.contentWindow
+                || !iframe.contentWindow.document) {
+            return;
+        }
+
+        if (typeof participantId === 'undefined' || participantId === this._myUserID) {
+            return iframe.contentWindow.document.getElementById('localVideo_container');
+        }
+
+        return iframe.contentWindow.document.querySelector(`#participant_${participantId} video`);
+    }
+
+    /**
+     * Sets the size of the iframe element.
+     *
+     * @param {number|string} height - The height of the iframe.
+     * @param {number|string} width - The with of the iframe.
+     * @returns {void}
+     *
+     * @private
+     */
+    _setSize(height, width) {
+        const parsedHeight = parseSizeParam(height);
+        const parsedWidth = parseSizeParam(width);
+
+        if (parsedHeight !== undefined) {
+            this._height = height;
+            this._frame.style.height = parsedHeight;
+        }
+
+        if (parsedWidth !== undefined) {
+            this._width = width;
+            this._frame.style.width = parsedWidth;
+        }
+    }
+
+    /**
+     * Setups listeners that are used internally for JitsiMeetExternalAPI.
+     *
+     * @returns {void}
+     *
+     * @private
+     */
+    _setupListeners() {
+        this._transport.on('event', ({ name, ...data }) => {
+            const userID = data.id;
+
+            switch (name) {
+            case 'ready': {
+                // Fake the iframe onload event because it's not reliable.
+                this._onload?.();
+
+                break;
+            }
+            case 'video-conference-joined': {
+                if (typeof this._tmpE2EEKey !== 'undefined') {
+
+                    const hexToBytes = hex => {
+                        const bytes = [];
+
+                        for (let c = 0; c < hex.length; c += 2) {
+                            bytes.push(parseInt(hex.substring(c, c + 2), 16));
+                        }
+
+                        return bytes;
+                    };
+
+                    this.executeCommand('setMediaEncryptionKey', JSON.stringify({
+                        exportedKey: hexToBytes(this._tmpE2EEKey),
+                        index: 0
+                    }));
+
+                    this._tmpE2EEKey = undefined;
+                }
+
+                this._myUserID = userID;
+                this._participants[userID] = {
+                    email: data.email,
+                    avatarURL: data.avatarURL
+                };
+                this._iAmvisitor = data.visitor;
+            }
+
+            // eslint-disable-next-line no-fallthrough
+            case 'participant-joined': {
+                this._participants[userID] = this._participants[userID] || {};
+                this._participants[userID].displayName = data.displayName;
+                this._participants[userID].formattedDisplayName
+                    = data.formattedDisplayName;
+                changeParticipantNumber(this, 1);
+                break;
+            }
+            case 'participant-left':
+                changeParticipantNumber(this, -1);
+                delete this._participants[userID];
+                break;
+            case 'display-name-change': {
+                const user = this._participants[userID];
+
+                if (user) {
+                    user.displayName = data.displayname;
+                    user.formattedDisplayName = data.formattedDisplayName;
+                }
+                break;
+            }
+            case 'email-change': {
+                const user = this._participants[userID];
+
+                if (user) {
+                    user.email = data.email;
+                }
+                break;
+            }
+            case 'avatar-changed': {
+                const user = this._participants[userID];
+
+                if (user) {
+                    user.avatarURL = data.avatarURL;
+                }
+                break;
+            }
+            case 'on-stage-participant-changed':
+                this._onStageParticipant = userID;
+                this.emit('largeVideoChanged');
+                break;
+            case 'large-video-visibility-changed':
+                this._isLargeVideoVisible = data.isVisible;
+                this.emit('largeVideoChanged');
+                break;
+            case 'prejoin-screen-loaded':
+                this._participants[userID] = {
+                    displayName: data.displayName,
+                    formattedDisplayName: data.formattedDisplayName
+                };
+                break;
+            case 'on-prejoin-video-changed':
+                this._isPrejoinVideoVisible = data.isVisible;
+                this.emit('prejoinVideoChanged');
+                break;
+            case 'video-conference-left':
+                changeParticipantNumber(this, -1);
+                delete this._participants[this._myUserID];
+                break;
+            case 'video-quality-changed':
+                this._videoQuality = data.videoQuality;
+                break;
+            case 'breakout-rooms-updated':
+                this.updateNumberOfParticipants(data.rooms);
+                break;
+            case 'local-storage-changed':
+                jitsiLocalStorage.setItem('jitsiLocalStorage', data.localStorageContent);
+
+                // Since this is internal event we don't need to emit it to the consumer of the API.
+                return true;
+            }
+
+            const eventName = events[name];
+
+            if (eventName) {
+                this.emit(eventName, data);
+
+                return true;
+            }
+
+            return false;
+        });
+
+        this._transport.on('request', (request, callback) => {
+            const requestName = requests[request.name];
+            const data = {
+                ...request,
+                name: requestName
+            };
+
+            if (requestName) {
+                this.emit(requestName, data, callback);
+            }
+        });
+
+        this._setupIntersectionObserver();
+    }
+
+    /**
+     * Sets up IntersectionObserver to monitor iframe visibility.
+     * Calls showPiP/hidePiP based on visibility.
+     *
+     * @private
+     * @returns {void}
+     */
+    _setupIntersectionObserver() {
+        if (!isPiPEnabled(this._pipConfig)) {
+            return;
+        }
+
+        // Don't create duplicate observers.
+        if (this._intersectionObserver) {
+            return;
+        }
+
+        this._isIntersecting = true;
+
+        this._intersectionObserver = new IntersectionObserver(entries => {
+            const entry = entries[entries.length - 1];
+            const wasIntersecting = this._isIntersecting;
+
+            this._isIntersecting = entry.isIntersecting;
+
+            if (!entry.isIntersecting && wasIntersecting) {
+                this.showPiP();
+            } else if (entry.isIntersecting && !wasIntersecting) {
+                this.hidePiP();
+            }
+        });
+
+        this._intersectionObserver.observe(this._frame);
+    }
+
+    /**
+     * Tears down IntersectionObserver.
+     *
+     * @private
+     * @returns {void}
+     */
+    _teardownIntersectionObserver() {
+        if (this._intersectionObserver) {
+            this._intersectionObserver.disconnect();
+            this._intersectionObserver = null;
+        }
+    }
+
+    /**
+     * Update number of participants based on all rooms.
+     *
+     * @param {Object} rooms - Rooms available rooms in the conference.
+     * @returns {void}
+     */
+    updateNumberOfParticipants(rooms) {
+        if (!rooms || !Object.keys(rooms).length) {
+            return;
+        }
+
+        const allParticipants = Object.keys(rooms).reduce((prev, roomItemKey) => {
+            if (rooms[roomItemKey]?.participants) {
+                return Object.keys(rooms[roomItemKey].participants).length + prev;
+            }
+
+            return prev;
+        }, 0);
+
+        this._numberOfParticipants = allParticipants;
+    }
+
+    /**
+     * Returns the rooms info in the conference.
+     *
+     * @returns {Object} Rooms info.
+     */
+    getRoomsInfo() {
+        return this._transport.sendRequest({
+            name: 'rooms-info'
+        });
+    }
+
+    /**
+     * Returns the Shared Document Url of the conference.
+     *
+     * @returns {Object} Rooms info.
+     */
+    getSharedDocumentUrl() {
+        return this._transport.sendRequest({
+            name: 'get-shared-document-url'
+        });
+    }
+
+    /**
+     * Returns whether the conference is P2P.
+     *
+     * @returns {Promise}
+     */
+    isP2pActive() {
+        return this._transport.sendRequest({
+            name: 'get-p2p-status'
+        });
+    }
+
+    /**
+     * Adds event listener to Meet Jitsi.
+     *
+     * @param {string} event - The name of the event.
+     * @param {Function} listener - The listener.
+     * @returns {void}
+     *
+     * @deprecated
+     * NOTE: This method is not removed for backward comatability purposes.
+     */
+    addEventListener(event, listener) {
+        this.on(event, listener);
+    }
+
+    /**
+     * Adds event listeners to Meet Jitsi.
+     *
+     * @param {Object} listeners - The object key should be the name of
+     * the event and value - the listener.
+     * Currently we support the following
+     * events:
+     * {@code log} - receives event notifications whenever information has
+     * been logged and has a log level specified within {@code config.apiLogLevels}.
+     * The listener will receive object with the following structure:
+     * {{
+     * logLevel: the message log level
+     * arguments: an array of strings that compose the actual log message
+     * }}
+     * {@code chatUpdated} - receives event notifications about chat state being
+     * updated. The listener will receive object with the following structure:
+     * {{
+     *  'unreadCount': unreadCounter, // the unread message(s) counter,
+     *  'isOpen': isOpen, // whether the chat panel is open or not
+     * }}
+     * {@code incomingMessage} - receives event notifications about incoming
+     * messages. The listener will receive object with the following structure:
+     * {{
+     *  'from': from,//JID of the user that sent the message
+     *  'nick': nick,//the nickname of the user that sent the message
+     *  'message': txt//the text of the message
+     * }}
+     * {@code outgoingMessage} - receives event notifications about outgoing
+     * messages. The listener will receive object with the following structure:
+     * {{
+     *  'message': txt//the text of the message
+     * }}
+     * {@code displayNameChanged} - receives event notifications about display
+     * name change. The listener will receive object with the following
+     * structure:
+     * {{
+     * jid: jid,//the JID of the participant that changed his display name
+     * displayname: displayName //the new display name
+     * }}
+     * {@code participantJoined} - receives event notifications about new
+     * participant.
+     * The listener will receive object with the following structure:
+     * {{
+     * jid: jid //the jid of the participant
+     * }}
+     * {@code participantLeft} - receives event notifications about the
+     * participant that left the room.
+     * The listener will receive object with the following structure:
+     * {{
+     * jid: jid //the jid of the participant
+     * }}
+     * {@code videoConferenceJoined} - receives event notifications about the
+     * local user has successfully joined the video conference.
+     * The listener will receive object with the following structure:
+     * {{
+     * roomName: room //the room name of the conference
+     * }}
+     * {@code videoConferenceLeft} - receives event notifications about the
+     * local user has left the video conference.
+     * The listener will receive object with the following structure:
+     * {{
+     * roomName: room //the room name of the conference
+     * }}
+     * {@code screenSharingStatusChanged} - receives event notifications about
+     * turning on/off the local user screen sharing.
+     * The listener will receive object with the following structure:
+     * {{
+     * on: on //whether screen sharing is on
+     * }}
+     * {@code dominantSpeakerChanged} - receives event notifications about
+     * change in the dominant speaker.
+     * The listener will receive object with the following structure:
+     * {{
+     * id: participantId //participantId of the new dominant speaker
+     * }}
+     * {@code suspendDetected} - receives event notifications about detecting suspend event in host computer.
+     * {@code readyToClose} - all hangup operations are completed and Jitsi Meet
+     * is ready to be disposed.
+     * @returns {void}
+     *
+     * @deprecated
+     * NOTE: This method is not removed for backward comatability purposes.
+     */
+    addEventListeners(listeners) {
+        for (const event in listeners) { // eslint-disable-line guard-for-in
+            this.addEventListener(event, listeners[event]);
+        }
+    }
+
+    /**
+     * Captures the screenshot of the large video.
+     *
+     * @returns {Promise<string>} - Resolves with a base64 encoded image data of the screenshot
+     * if large video is detected, an error otherwise.
+     */
+    captureLargeVideoScreenshot() {
+        return this._transport.sendRequest({
+            name: 'capture-largevideo-screenshot'
+        });
+    }
+
+    /**
+     * Captures a picture through OS camera.
+     *
+     * @param {string} cameraFacingMode - The OS camera facing mode (environment/user).
+     * @param {string} descriptionText - The OS camera facing mode (environment/user).
+     * @param {string} titleText - The OS camera facing mode (environment/user).
+     * @returns {Promise<string>} - Resolves with a base64 encoded image data of the screenshot.
+     */
+    captureCameraPicture(
+            cameraFacingMode,
+            descriptionText,
+            titleText
+    ) {
+        return this._transport.sendRequest({
+            name: 'capture-camera-picture',
+            cameraFacingMode,
+            descriptionText,
+            titleText
+        });
+    }
+
+    /**
+     * Removes the listeners and removes the Jitsi Meet frame.
+     *
+     * @returns {void}
+     */
+    dispose() {
+        this.emit('_willDispose');
+        this._transport.dispose();
+        this.removeAllListeners();
+        this._teardownIntersectionObserver();
+
+        if (this._frame && this._frame.parentNode) {
+            this._frame.parentNode.removeChild(this._frame);
+        }
+    }
+
+    /**
+     * Executes command. The available commands are:
+     * {@code displayName} - Sets the display name of the local participant to
+     * the value passed in the arguments array.
+     * {@code subject} - Sets the subject of the conference, the value passed
+     * in the arguments array. Note: Available only for moderator.
+     *
+     * {@code toggleAudio} - Mutes / unmutes audio with no arguments.
+     * {@code toggleVideo} - Mutes / unmutes video with no arguments.
+     * {@code toggleFilmStrip} - Hides / shows the filmstrip with no arguments.
+     *
+     * If the command doesn't require any arguments the parameter should be set
+     * to empty array or it may be omitted.
+     *
+     * @param {string} name - The name of the command.
+     * @returns {void}
+     */
+    executeCommand(name, ...args) {
+        if (!(name in commands)) {
+            console.error('Not supported command name.');
+
+            return;
+        }
+
+        // Handle pip config changes locally.
+        // We update local state, send command to iframe, then handle PiP show/hide
+        // so the iframe config is updated before we try to show PiP.
+        let pipTransition = null;
+
+        if (name === 'overwriteConfig' && args[0]?.pip !== undefined) {
+            const wasEnabled = isPiPEnabled(this._pipConfig);
+
+            this._pipConfig = {
+                ...this._pipConfig,
+                ...args[0].pip
+            };
+
+            const isEnabled = isPiPEnabled(this._pipConfig);
+
+            if (!wasEnabled && isEnabled) {
+                this._setupIntersectionObserver();
+                pipTransition = 'enabled';
+            } else if (wasEnabled && !isEnabled) {
+                this._teardownIntersectionObserver();
+                pipTransition = 'disabled';
+            }
+        }
+
+        // Send command to iframe first.
+        this._transport.sendEvent({
+            data: args,
+            name: commands[name]
+        });
+
+        // Handle PiP state after command is sent so iframe config is updated.
+        if (pipTransition === 'enabled') {
+            // Show PiP if iframe is currently not visible.
+            if (!this._isIntersecting) {
+                this.showPiP();
+            }
+        } else if (pipTransition === 'disabled') {
+            // Hide any open PiP window.
+            this.hidePiP();
+        }
+    }
+
+    /**
+     * Executes commands. The available commands are:
+     * {@code displayName} - Sets the display name of the local participant to
+     * the value passed in the arguments array.
+     * {@code toggleAudio} - Mutes / unmutes audio. No arguments.
+     * {@code toggleVideo} - Mutes / unmutes video. No arguments.
+     * {@code toggleFilmStrip} - Hides / shows the filmstrip. No arguments.
+     * {@code toggleChat} - Hides / shows chat. No arguments.
+     * {@code toggleShareScreen} - Starts / stops screen sharing. No arguments.
+     *
+     * @param {Object} commandList - The object with commands to be executed.
+     * The keys of the object are the commands that will be executed and the
+     * values are the arguments for the command.
+     * @returns {void}
+     */
+    executeCommands(commandList) {
+        for (const key in commandList) { // eslint-disable-line guard-for-in
+            this.executeCommand(key, commandList[key]);
+        }
+    }
+
+    /**
+     * Returns Promise that resolves with a list of available devices.
+     *
+     * @returns {Promise}
+     */
+    getAvailableDevices() {
+        return getAvailableDevices(this._transport);
+    }
+
+    /**
+     * Gets a list of the currently sharing participant id's.
+     *
+     * @returns {Promise} - Resolves with the list of participant id's currently sharing.
+     */
+    getContentSharingParticipants() {
+        return this._transport.sendRequest({
+            name: 'get-content-sharing-participants'
+        });
+    }
+
+    /**
+     * Returns Promise that resolves with current selected devices.
+     *
+     * @returns {Promise}
+     */
+    getCurrentDevices() {
+        return getCurrentDevices(this._transport);
+    }
+
+    /**
+     * Returns any custom avatars backgrounds.
+     *
+     * @returns {Promise} - Resolves with the list of custom avatar backgrounds.
+     */
+    getCustomAvatarBackgrounds() {
+        return this._transport.sendRequest({
+            name: 'get-custom-avatar-backgrounds'
+        });
+    }
+
+    /**
+     * Returns the current livestream url.
+     *
+     * @returns {Promise} - Resolves with the current livestream URL if exists, with
+     * undefined if not and rejects on failure.
+     */
+    getLivestreamUrl() {
+        return this._transport.sendRequest({
+            name: 'get-livestream-url'
+        });
+    }
+
+    /**
+     * Returns the conference participants information.
+     *
+     * @returns {Array<Object>} - Returns an array containing participants
+     * information like participant id, display name, avatar URL and email.
+     */
+    getParticipantsInfo() {
+        const participantIds = Object.keys(this._participants);
+        const participantsInfo = Object.values(this._participants);
+
+        participantsInfo.forEach((participant, idx) => {
+            participant.participantId = participantIds[idx];
+        });
+
+        return participantsInfo;
+    }
+
+    /**
+     * Returns the current video quality setting.
+     *
+     * @returns {number}
+     */
+    getVideoQuality() {
+        return this._videoQuality;
+    }
+
+    /**
+     * Check if the audio is available.
+     *
+     * @returns {Promise} - Resolves with true if the audio available, with
+     * false if not and rejects on failure.
+     */
+    isAudioAvailable() {
+        return this._transport.sendRequest({
+            name: 'is-audio-available'
+        });
+    }
+
+    /**
+     * Returns Promise that resolves with true if the device change is available
+     * and with false if not.
+     *
+     * @param {string} [deviceType] - Values - 'output', 'input' or undefined.
+     * Default - 'input'.
+     * @returns {Promise}
+     */
+    isDeviceChangeAvailable(deviceType) {
+        return isDeviceChangeAvailable(this._transport, deviceType);
+    }
+
+    /**
+     * Returns Promise that resolves with true if the device list is available
+     * and with false if not.
+     *
+     * @deprecated
+     *
+     * @returns {Promise}
+     */
+    isDeviceListAvailable() {
+        console.warn('isDeviceListAvailable is deprecated and will be removed in the future. '
+                     + 'It always returns true');
+
+        return Promise.resolve(true);
+    }
+
+    /**
+     * Returns Promise that resolves with true if multiple audio input is supported
+     * and with false if not.
+     *
+     * @returns {Promise}
+     */
+    isMultipleAudioInputSupported() {
+        return isMultipleAudioInputSupported(this._transport);
+    }
+
+    /**
+     * Invite people to the call.
+     *
+     * @param {Array<Object>} invitees - The invitees.
+     * @returns {Promise} - Resolves on success and rejects on failure.
+     */
+    invite(invitees) {
+        if (!Array.isArray(invitees) || invitees.length === 0) {
+            return Promise.reject(new TypeError('Invalid Argument'));
+        }
+
+        return this._transport.sendRequest({
+            name: 'invite',
+            invitees
+        });
+    }
+
+    /**
+     * Returns the audio mute status.
+     *
+     * @returns {Promise} - Resolves with the audio mute status and rejects on
+     * failure.
+     */
+    isAudioMuted() {
+        return this._transport.sendRequest({
+            name: 'is-audio-muted'
+        });
+    }
+
+    /**
+     * Returns the audio disabled status.
+     *
+     * @returns {Promise} - Resolves with the audio disabled status and rejects on
+     * failure.
+     */
+    isAudioDisabled() {
+        return this._transport.sendRequest({
+            name: 'is-audio-disabled'
+        });
+    }
+
+    /**
+     * Returns the moderation on status on the given mediaType.
+     *
+     * @param {string} mediaType - The media type for which to check moderation.
+     * @returns {Promise} - Resolves with the moderation on status and rejects on
+     * failure.
+     */
+    isModerationOn(mediaType) {
+        return this._transport.sendRequest({
+            name: 'is-moderation-on',
+            mediaType
+        });
+    }
+
+    /**
+     * Returns force muted status of the given participant id for the given media type.
+     *
+     * @param {string} participantId - The id of the participant to check.
+     * @param {string} mediaType - The media type for which to check.
+     * @returns {Promise} - Resolves with the force muted status and rejects on
+     * failure.
+     */
+    isParticipantForceMuted(participantId, mediaType) {
+        return this._transport.sendRequest({
+            name: 'is-participant-force-muted',
+            participantId,
+            mediaType
+        });
+    }
+
+    /**
+     * Returns whether the participants pane is open.
+     *
+     * @returns {Promise} - Resolves with true if the participants pane is open
+     * and with false if not.
+     */
+    isParticipantsPaneOpen() {
+        return this._transport.sendRequest({
+            name: 'is-participants-pane-open'
+        });
+    }
+
+    /**
+     * Returns screen sharing status.
+     *
+     * @returns {Promise} - Resolves with screensharing status and rejects on failure.
+     */
+    isSharingScreen() {
+        return this._transport.sendRequest({
+            name: 'is-sharing-screen'
+        });
+    }
+
+    /**
+     * Returns whether meeting is started silent.
+     *
+     * @returns {Promise} - Resolves with start silent status.
+     */
+    isStartSilent() {
+        return this._transport.sendRequest({
+            name: 'is-start-silent'
+        });
+    }
+
+    /**
+     * Returns whether we have joined as visitor in a meeting.
+     *
+     * @returns {boolean} - Returns true if we have joined as visitor.
+     */
+    isVisitor() {
+        return this._iAmvisitor;
+    }
+
+    /**
+     * Returns the avatar URL of a participant.
+     *
+     * @param {string} participantId - The id of the participant.
+     * @returns {string} The avatar URL.
+     */
+    getAvatarURL(participantId) {
+        const { avatarURL } = this._participants[participantId] || {};
+
+        return avatarURL;
+    }
+
+    /**
+     * Gets the deployment info.
+     *
+     * @returns {Promise} - Resolves with the deployment info object.
+     */
+    getDeploymentInfo() {
+        return this._transport.sendRequest({
+            name: 'deployment-info'
+        });
+    }
+
+    /**
+     * Returns the display name of a participant.
+     *
+     * @param {string} participantId - The id of the participant.
+     * @returns {string} The display name.
+     */
+    getDisplayName(participantId) {
+        const { displayName } = this._participants[participantId] || {};
+
+        return displayName;
+    }
+
+    /**
+     * Returns the email of a participant.
+     *
+     * @param {string} participantId - The id of the participant.
+     * @returns {string} The email.
+     */
+    getEmail(participantId) {
+        const { email } = this._participants[participantId] || {};
+
+        return email;
+    }
+
+    /**
+     * Returns the iframe that loads Jitsi Meet.
+     *
+     * @returns {HTMLElement} The iframe.
+     */
+    getIFrame() {
+        return this._frame;
+    }
+
+    /**
+     * Returns the number of participants in the conference from all rooms. The local
+     * participant is included.
+     *
+     * @returns {int} The number of participants in the conference.
+     */
+    getNumberOfParticipants() {
+        return this._numberOfParticipants;
+    }
+
+    /**
+     * Return the conference`s sessionId.
+     *
+     * @returns {Promise} - Resolves with the conference`s sessionId.
+     */
+    getSessionId() {
+        return this._transport.sendRequest({
+            name: 'session-id'
+        });
+    }
+
+    /**
+     * Returns array of commands supported by executeCommand().
+     *
+     * @returns {Array<string>} Array of commands.
+     */
+    getSupportedCommands() {
+        return Object.keys(commands);
+    }
+
+    /**
+     * Returns array of events supported by addEventListener().
+     *
+     * @returns {Array<string>} Array of events.
+     */
+    getSupportedEvents() {
+        return Object.values(events);
+    }
+
+    /**
+     * Check if the video is available.
+     *
+     * @returns {Promise} - Resolves with true if the video available, with
+     * false if not and rejects on failure.
+     */
+    isVideoAvailable() {
+        return this._transport.sendRequest({
+            name: 'is-video-available'
+        });
+    }
+
+    /**
+     * Returns the audio mute status.
+     *
+     * @returns {Promise} - Resolves with the audio mute status and rejects on
+     * failure.
+     */
+    isVideoMuted() {
+        return this._transport.sendRequest({
+            name: 'is-video-muted'
+        });
+    }
+
+    /**
+     * Returns the list of breakout rooms.
+     *
+     * @returns {Promise} Resolves with the list of breakout rooms.
+     */
+    listBreakoutRooms() {
+        return this._transport.sendRequest({
+            name: 'list-breakout-rooms'
+        });
+    }
+
+    /**
+     * Returns the state of availability electron share screen via external api.
+     *
+     * @returns {Promise}
+     *
+     * TODO: should be removed after we make sure that all Electron clients use only versions
+     * after with the legacy SS support was removed from the electron SDK. If we remove it now the SS for Electron
+     * clients with older versions wont work.
+     */
+    _isNewElectronScreensharingSupported() {
+        return this._transport.sendRequest({
+            name: '_new_electron_screensharing_supported'
+        });
+    }
+
+    /**
+     * Pins a participant's video on to the stage view.
+     *
+     * @param {string} participantId - Participant id (JID) of the participant
+     * that needs to be pinned on the stage view.
+     * @param {string} [videoType] - Indicates the type of thumbnail to be pinned when multistream support is enabled.
+     * Accepts "camera" or "desktop" values. Default is "camera". Any invalid values will be ignored and default will
+     * be used.
+     * @returns {void}
+     */
+    pinParticipant(participantId, videoType) {
+        this.executeCommand('pinParticipant', participantId, videoType);
+    }
+
+    /**
+     * Removes event listener.
+     *
+     * @param {string} event - The name of the event.
+     * @returns {void}
+     *
+     * @deprecated
+     * NOTE: This method is not removed for backward comatability purposes.
+     */
+    removeEventListener(event) {
+        this.removeAllListeners(event);
+    }
+
+    /**
+     * Removes event listeners.
+     *
+     * @param {Array<string>} eventList - Array with the names of the events.
+     * @returns {void}
+     *
+     * @deprecated
+     * NOTE: This method is not removed for backward comatability purposes.
+     */
+    removeEventListeners(eventList) {
+        eventList.forEach(event => this.removeEventListener(event));
+    }
+
+    /**
+     * Resizes the large video container as per the dimensions provided.
+     *
+     * @param {number} width - Width that needs to be applied on the large video container.
+     * @param {number} height - Height that needs to be applied on the large video container.
+     * @returns {void}
+     */
+    resizeLargeVideo(width, height) {
+        if (width <= this._width && height <= this._height) {
+            this.executeCommand('resizeLargeVideo', width, height);
+        }
+    }
+
+    /**
+     * Passes an event along to the local conference participant to establish
+     * or update a direct peer connection. This is currently used for developing
+     * wireless screensharing with room integration and it is advised against to
+     * use as its api may change.
+     *
+     * @param {Object} event - An object with information to pass along.
+     * @param {Object} event.data - The payload of the event.
+     * @param {string} event.from - The jid of the sender of the event. Needed
+     * when a reply is to be sent regarding the event.
+     * @returns {void}
+     */
+    sendProxyConnectionEvent(event) {
+        this._transport.sendEvent({
+            data: [ event ],
+            name: 'proxy-connection-event'
+        });
+    }
+
+    /**
+     * Sets the audio input device to the one with the label or id that is
+     * passed.
+     *
+     * @param {string} label - The label of the new device.
+     * @param {string} deviceId - The id of the new device.
+     * @returns {Promise}
+     */
+    setAudioInputDevice(label, deviceId) {
+        return setAudioInputDevice(this._transport, label, deviceId);
+    }
+
+    /**
+     * Sets the audio output device to the one with the label or id that is
+     * passed.
+     *
+     * @param {string} label - The label of the new device.
+     * @param {string} deviceId - The id of the new device.
+     * @returns {Promise}
+     */
+    setAudioOutputDevice(label, deviceId) {
+        return setAudioOutputDevice(this._transport, label, deviceId);
+    }
+
+    /**
+     * Displays the given participant on the large video. If no participant id is specified,
+     * dominant and pinned speakers will be taken into consideration while selecting the
+     * the large video participant.
+     *
+     * @param {string} participantId - Jid of the participant to be displayed on the large video.
+     * @param {string} [videoType] - Indicates the type of video to be set when multistream support is enabled.
+     * Accepts "camera" or "desktop" values. Default is "camera". Any invalid values will be ignored and default will
+     * be used.
+     * @returns {void}
+     */
+    setLargeVideoParticipant(participantId, videoType) {
+        this.executeCommand('setLargeVideoParticipant', participantId, videoType);
+    }
+
+    /**
+     * Sets the video input device to the one with the label or id that is
+     * passed.
+     *
+     * @param {string} label - The label of the new device.
+     * @param {string} deviceId - The id of the new device.
+     * @returns {Promise}
+     */
+    setVideoInputDevice(label, deviceId) {
+        return setVideoInputDevice(this._transport, label, deviceId);
+    }
+
+    /**
+     * Starts a file recording or streaming session depending on the passed on params.
+     * For RTMP streams, `rtmpStreamKey` must be passed on. `rtmpBroadcastID` is optional.
+     * For youtube streams, `youtubeStreamKey` must be passed on. `youtubeBroadcastID` is optional.
+     * For dropbox recording, recording `mode` should be `file` and a dropbox oauth2 token must be provided.
+     * For file recording, recording `mode` should be `file` and optionally `shouldShare` could be passed on.
+     * No other params should be passed.
+     *
+     * @param {Object} options - An object with config options to pass along.
+     * @param { string } options.mode - Recording mode, either `file` or `stream`.
+     * @param { string } options.dropboxToken - Dropbox oauth2 token.
+     * @param { boolean } options.shouldShare - Whether the recording should be shared with the participants or not.
+     * Only applies to certain jitsi meet deploys.
+     * @param { string } options.rtmpStreamKey - The RTMP stream key.
+     * @param { string } options.rtmpBroadcastID - The RTMP broadcast ID.
+     * @param { string } options.youtubeStreamKey - The youtube stream key.
+     * @param { string } options.youtubeBroadcastID - The youtube broadcast ID.
+     * @param {Object } options.extraMetadata - Any extra metadata params for file recording.
+     * @param { boolean } arg.transcription - Whether a transcription should be started or not.
+     * @returns {void}
+     */
+    startRecording(options) {
+        this.executeCommand('startRecording', options);
+    }
+
+    /**
+     * Stops a recording or streaming session that is in progress.
+     *
+     * @param {string} mode - `file` or `stream`.
+     * @param {boolean} transcription - Whether the transcription needs to be stopped.
+     * @returns {void}
+     */
+    stopRecording(mode, transcription) {
+        this.executeCommand('stopRecording', mode, transcription);
+    }
+
+    /**
+     * Sets e2ee enabled/disabled.
+     *
+     * @param {boolean} enabled - The new value for e2ee enabled.
+     * @returns {void}
+     */
+    toggleE2EE(enabled) {
+        this.executeCommand('toggleE2EE', enabled);
+    }
+
+    /**
+     * Sets the key and keyIndex for e2ee.
+     *
+     * @param {Object} keyInfo - Json containing key information.
+     * @param {CryptoKey} [keyInfo.encryptionKey] - The encryption key.
+     * @param {number} [keyInfo.index] - The index of the encryption key.
+     * @returns {void}
+     */
+    async setMediaEncryptionKey(keyInfo) {
+        const { key, index } = keyInfo;
+
+        if (key) {
+            const exportedKey = await crypto.subtle.exportKey('raw', key);
+
+            this.executeCommand('setMediaEncryptionKey', JSON.stringify({
+                exportedKey: Array.from(new Uint8Array(exportedKey)),
+                index }));
+        } else {
+            this.executeCommand('setMediaEncryptionKey', JSON.stringify({
+                exportedKey: false,
+                index }));
+        }
+    }
+
+    /**
+     * Enable or disable the virtual background with a custom base64 image.
+     *
+     * @param {boolean} enabled - The boolean value to enable or disable.
+     * @param {string} backgroundImage - The base64 image.
+     * @returns {void}
+    */
+    setVirtualBackground(enabled, backgroundImage) {
+        this.executeCommand('setVirtualBackground', enabled, backgroundImage);
+    }
+
+    /**
+     * Shows Picture-in-Picture window.
+     *
+     * @returns {void}
+     */
+    showPiP() {
+        this.executeCommand('showPiP');
+    }
+
+    /**
+     * Hides Picture-in-Picture window.
+     *
+     * @returns {void}
+     */
+    hidePiP() {
+        this.executeCommand('hidePiP');
+    }
+
+    /**
+     * Opens the desktop picker. This is invoked by the Electron SDK when gDM is used.
+     *
+     * @returns {Promise}
+     */
+    _openDesktopPicker() {
+        return this._transport.sendRequest({
+            name: 'open-desktop-picker'
+        });
+    }
+}
diff --git a/modules/API/external/functions.js b/modules/API/external/functions.js
new file mode 100644
index 0000000..252c0f1
--- /dev/null
+++ b/modules/API/external/functions.js
@@ -0,0 +1,139 @@
+import Logger from '@jitsi/logger';
+
+const logger = Logger.getLogger('api:external');
+
+/**
+ * Returns Promise that resolves with result an list of available devices.
+ *
+ * @param {Transport} transport - The @code{Transport} instance responsible for
+ * the external communication.
+ * @returns {Promise}
+ */
+export function getAvailableDevices(transport) {
+    return transport.sendRequest({
+        type: 'devices',
+        name: 'getAvailableDevices'
+    }).catch(e => {
+        logger.error(e);
+
+        return {};
+    });
+}
+
+/**
+ * Returns Promise that resolves with current selected devices.
+ *
+ * @param {Transport} transport - The @code{Transport} instance responsible for
+ * the external communication.
+ * @returns {Promise}
+ */
+export function getCurrentDevices(transport) {
+    return transport.sendRequest({
+        type: 'devices',
+        name: 'getCurrentDevices'
+    }).catch(e => {
+        logger.error(e);
+
+        return {};
+    });
+}
+
+/**
+ * Returns Promise that resolves with true if the device change is available
+ * and with false if not.
+ *
+ * @param {Transport} transport - The @code{Transport} instance responsible for
+ * the external communication.
+ * @param {string} [deviceType] - Values - 'output', 'input' or undefined.
+ * Default - 'input'.
+ * @returns {Promise}
+ */
+export function isDeviceChangeAvailable(transport, deviceType) {
+    return transport.sendRequest({
+        deviceType,
+        type: 'devices',
+        name: 'isDeviceChangeAvailable'
+    });
+}
+
+/**
+ * Returns Promise that resolves with true if multiple audio input is supported
+ * and with false if not.
+ *
+ * @param {Transport} transport - The @code{Transport} instance responsible for
+ * the external communication.
+ * @returns {Promise}
+ */
+export function isMultipleAudioInputSupported(transport) {
+    return transport.sendRequest({
+        type: 'devices',
+        name: 'isMultipleAudioInputSupported'
+    });
+}
+
+/**
+ * Sets the audio input device to the one with the label or id that is passed.
+ *
+ * @param {Transport} transport - The @code{Transport} instance responsible for
+ * the external communication.
+ * @param {string} label - The label of the new device.
+ * @param {string} id - The id of the new device.
+ * @returns {Promise}
+ */
+export function setAudioInputDevice(transport, label, id) {
+    return _setDevice(transport, {
+        id,
+        kind: 'audioinput',
+        label
+    });
+}
+
+/**
+ * Sets the audio output device to the one with the label or id that is passed.
+ *
+ * @param {Transport} transport - The @code{Transport} instance responsible for
+ * the external communication.
+ * @param {string} label - The label of the new device.
+ * @param {string} id - The id of the new device.
+ * @returns {Promise}
+ */
+export function setAudioOutputDevice(transport, label, id) {
+    return _setDevice(transport, {
+        id,
+        kind: 'audiooutput',
+        label
+    });
+}
+
+/**
+ * Sets the currently used device to the one that is passed.
+ *
+ * @param {Transport} transport - The @code{Transport} instance responsible for
+ * the external communication.
+ * @param {Object} device - The new device to be used.
+ * @returns {Promise}
+ */
+function _setDevice(transport, device) {
+    return transport.sendRequest({
+        type: 'devices',
+        name: 'setDevice',
+        device
+    });
+}
+
+/**
+ * Sets the video input device to the one with the label or id that is passed.
+ *
+ * @param {Transport} transport - The @code{Transport} instance responsible for
+ * the external communication.
+ * @param {string} label - The label of the new device.
+ * @param {string} id - The id of the new device.
+ * @returns {Promise}
+ */
+export function setVideoInputDevice(transport, label, id) {
+    return _setDevice(transport, {
+        id,
+        kind: 'videoinput',
+        label
+    });
+}
diff --git a/modules/API/external/index.js b/modules/API/external/index.js
new file mode 100644
index 0000000..7591e6f
--- /dev/null
+++ b/modules/API/external/index.js
@@ -0,0 +1,3 @@
+// For legacy purposes, preserve the UMD of the public API of Jitsi Meet
+// external API (a.k.a. JitsiMeetExternalAPI).
+module.exports = require('./external_api').default;
diff --git a/modules/API/index.js b/modules/API/index.js
new file mode 100644
index 0000000..a82d686
--- /dev/null
+++ b/modules/API/index.js
@@ -0,0 +1,2 @@
+export { default } from './API';
+export * from './constants';
diff --git a/modules/UI/UI.js b/modules/UI/UI.js
new file mode 100644
index 0000000..eaa26b8
--- /dev/null
+++ b/modules/UI/UI.js
@@ -0,0 +1,234 @@
+/* global APP, config */
+
+
+const UI = {};
+
+import Logger from '@jitsi/logger';
+
+import {
+    conferenceWillInit
+} from '../../react/features/base/conference/actions';
+import { isMobileBrowser } from '../../react/features/base/environment/utils';
+import { setColorAlpha } from '../../react/features/base/util/helpers';
+import { sanitizeUrl } from '../../react/features/base/util/uri';
+import { setDocumentUrl } from '../../react/features/etherpad/actions';
+import {
+    setNotificationsEnabled,
+    showNotification
+} from '../../react/features/notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE } from '../../react/features/notifications/constants';
+import { joinLeaveNotificationsDisabled } from '../../react/features/notifications/functions';
+import {
+    dockToolbox,
+    setToolboxEnabled,
+    showToolbox
+} from '../../react/features/toolbox/actions.web';
+
+import EtherpadManager from './etherpad/Etherpad';
+import UIUtil from './util/UIUtil';
+import VideoLayout from './videolayout/VideoLayout';
+
+const logger = Logger.getLogger('ui:core');
+
+let etherpadManager;
+
+/**
+ * Indicates if we're currently in full screen mode.
+ *
+ * @return {boolean} {true} to indicate that we're currently in full screen
+ * mode, {false} otherwise
+ */
+UI.isFullScreen = function() {
+    return UIUtil.isFullScreen();
+};
+
+/**
+ * Initialize conference UI.
+ */
+UI.initConference = function() {
+    UI.showToolbar();
+};
+
+/**
+ * Starts the UI module and initializes all related components.
+ */
+UI.start = function() {
+    APP.store.dispatch(conferenceWillInit());
+
+    if (isMobileBrowser()) {
+        document.body.classList.add('mobile-browser');
+    } else {
+        document.body.classList.add('desktop-browser');
+    }
+
+    if (config.backgroundAlpha !== undefined) {
+        const backgroundColor = getComputedStyle(document.body).getPropertyValue('background-color');
+        const alphaColor = setColorAlpha(backgroundColor, config.backgroundAlpha);
+
+        document.body.style.backgroundColor = alphaColor;
+    }
+
+    if (config.iAmRecorder) {
+        // in case of iAmSipGateway keep local video visible
+        if (!config.iAmSipGateway) {
+            APP.store.dispatch(setNotificationsEnabled(false));
+        }
+
+        APP.store.dispatch(setToolboxEnabled(false));
+    }
+};
+
+/**
+ * Handles etherpad click.
+ */
+UI.onEtherpadClicked = function() {
+    etherpadManager && etherpadManager.toggleEtherpad();
+};
+
+/**
+ *
+ */
+function onResize() {
+    VideoLayout.onResize();
+}
+
+/**
+ * Setup some DOM event listeners.
+ */
+UI.bindEvents = () => {
+    // Resize and reposition videos in full screen mode.
+    document.addEventListener('webkitfullscreenchange', onResize);
+    document.addEventListener('mozfullscreenchange', onResize);
+    document.addEventListener('fullscreenchange', onResize);
+
+    window.addEventListener('resize', onResize);
+};
+
+/**
+ * Unbind some DOM event listeners.
+ */
+UI.unbindEvents = () => {
+    document.removeEventListener('webkitfullscreenchange', onResize);
+    document.removeEventListener('mozfullscreenchange', onResize);
+    document.removeEventListener('fullscreenchange', onResize);
+
+    window.removeEventListener('resize', onResize);
+};
+
+/**
+ * Setup and show Etherpad.
+ * @param {string} name etherpad id
+ */
+UI.initEtherpad = name => {
+    const { getState, dispatch } = APP.store;
+    const configState = getState()['features/base/config'];
+    const etherpadBaseUrl = sanitizeUrl(configState.etherpad_base);
+
+    if (etherpadManager || !etherpadBaseUrl || !name) {
+        return;
+    }
+    logger.log('Etherpad is enabled');
+
+    etherpadManager = new EtherpadManager();
+
+    const url = new URL(name, etherpadBaseUrl);
+
+    dispatch(setDocumentUrl(url.toString()));
+
+    if (configState.openSharedDocumentOnJoin) {
+        etherpadManager.toggleEtherpad();
+    }
+};
+
+/**
+ * Returns the shared document manager object.
+ * @return {EtherpadManager} the shared document manager object
+ */
+UI.getSharedDocumentManager = () => etherpadManager;
+
+/**
+ * Show user on UI.
+ * @param {JitsiParticipant} user
+ */
+UI.addUser = function(user) {
+    const status = user.getStatus();
+
+    if (status) {
+        // FIXME: move updateUserStatus in participantPresenceChanged action
+        UI.updateUserStatus(user, status);
+    }
+};
+
+/**
+ * Updates the user status.
+ *
+ * @param {JitsiParticipant} user - The user which status we need to update.
+ * @param {string} status - The new status.
+ */
+UI.updateUserStatus = (user, status) => {
+    const reduxState = APP.store.getState() || {};
+    const { calleeInfoVisible } = reduxState['features/invite'] || {};
+
+    // We hide status updates when join/leave notifications are disabled,
+    // as jigasi is the component with statuses and they are seen as join/leave notifications.
+    if (!status || calleeInfoVisible || joinLeaveNotificationsDisabled()) {
+        return;
+    }
+
+    const displayName = user.getDisplayName();
+
+    APP.store.dispatch(showNotification({
+        titleKey: `${displayName} connected`,
+        descriptionKey: 'dialOut.statusMessage'
+    }, NOTIFICATION_TIMEOUT_TYPE.SHORT));
+};
+
+/**
+ * Sets muted video state for participant
+ */
+UI.setVideoMuted = function(id) {
+    VideoLayout._updateLargeVideoIfDisplayed(id, true);
+
+    if (APP.conference.isLocalId(id)) {
+        APP.conference.updateVideoIconEnabled();
+    }
+};
+
+UI.updateLargeVideo = (id, forceUpdate) => VideoLayout.updateLargeVideo(id, forceUpdate);
+
+// Used by torture.
+UI.showToolbar = timeout => APP.store.dispatch(showToolbox(timeout));
+
+// Used by torture.
+UI.dockToolbar = dock => APP.store.dispatch(dockToolbox(dock));
+
+UI.handleLastNEndpoints = function(leavingIds, enteringIds) {
+    VideoLayout.onLastNEndpointsChanged(leavingIds, enteringIds);
+};
+
+/**
+ * Update audio level visualization for specified user.
+ * @param {string} id user id
+ * @param {number} lvl audio level
+ */
+UI.setAudioLevel = (id, lvl) => VideoLayout.setAudioLevel(id, lvl);
+
+/**
+ * Returns the id of the current video shown on large.
+ * Currently used by tests (torture).
+ */
+UI.getLargeVideoID = function() {
+    return VideoLayout.getLargeVideoID();
+};
+
+/**
+ * Returns the current video shown on large.
+ * Currently used by tests (torture).
+ */
+UI.getLargeVideo = function() {
+    return VideoLayout.getLargeVideo();
+};
+
+// TODO: Export every function separately. For now there is no point of doing
+// this because we are importing everything.
+export default UI;
diff --git a/modules/UI/UIErrors.js b/modules/UI/UIErrors.js
new file mode 100644
index 0000000..7de7317
--- /dev/null
+++ b/modules/UI/UIErrors.js
@@ -0,0 +1,17 @@
+/**
+ * A list of all UI errors.
+ */
+
+/**
+ * Indicates that a Feedback request is currently in progress.
+ *
+ * @type {{FEEDBACK_REQUEST_IN_PROGRESS: string}}
+ */
+export const FEEDBACK_REQUEST_IN_PROGRESS = 'FeedbackRequestInProgress';
+
+/**
+ * Indicated an attempted audio only screen share session with no audio track present
+ *
+ * @type {{AUDIO_ONLY_SCREEN_SHARE_NO_TRACK: string}}
+ */
+export const AUDIO_ONLY_SCREEN_SHARE_NO_TRACK = 'AudioOnlyScreenShareNoTrack';
diff --git a/modules/UI/audio_levels/AudioLevels.js b/modules/UI/audio_levels/AudioLevels.js
new file mode 100644
index 0000000..92853ea
--- /dev/null
+++ b/modules/UI/audio_levels/AudioLevels.js
@@ -0,0 +1,66 @@
+/* global interfaceConfig */
+
+import UIUtil from '../util/UIUtil';
+
+/**
+ * Responsible for drawing audio levels.
+ */
+const AudioLevels = {
+    /**
+     * Updates the audio level of the large video.
+     *
+     * @param audioLevel the new audio level to set.
+     */
+    updateLargeVideoAudioLevel(elementId, audioLevel) {
+        const element = document.getElementById(elementId);
+
+        if (!UIUtil.isVisible(element)) {
+            return;
+        }
+
+        let level = parseFloat(audioLevel);
+
+        level = isNaN(level) ? 0 : level;
+
+        let shadowElement = element.getElementsByClassName('dynamic-shadow');
+
+        if (shadowElement && shadowElement.length > 0) {
+            shadowElement = shadowElement[0];
+        }
+
+        shadowElement.style.boxShadow = this._updateLargeVideoShadow(level);
+    },
+
+    /**
+     * Updates the large video shadow effect.
+     */
+    _updateLargeVideoShadow(level) {
+        const scale = 2;
+
+        // Internal circle audio level.
+        const int = {
+            level: level > 0.15 ? 20 : 0,
+            color: interfaceConfig.AUDIO_LEVEL_PRIMARY_COLOR
+        };
+
+        // External circle audio level.
+        const ext = {
+            level: parseFloat(
+                ((int.level * scale * level) + int.level).toFixed(0)),
+            color: interfaceConfig.AUDIO_LEVEL_SECONDARY_COLOR
+        };
+
+        // Internal blur.
+        int.blur = int.level ? 2 : 0;
+
+        // External blur.
+        ext.blur = ext.level ? 6 : 0;
+
+        return [
+            `0 0 ${int.blur}px ${int.level}px ${int.color}`,
+            `0 0 ${ext.blur}px ${ext.level}px ${ext.color}`
+        ].join(', ');
+    }
+};
+
+export default AudioLevels;
diff --git a/modules/UI/etherpad/Etherpad.js b/modules/UI/etherpad/Etherpad.js
new file mode 100644
index 0000000..9031bcd
--- /dev/null
+++ b/modules/UI/etherpad/Etherpad.js
@@ -0,0 +1,186 @@
+/* global APP, interfaceConfig */
+
+import $ from 'jquery';
+
+import { setDocumentEditingState } from '../../../react/features/etherpad/actions';
+import { getSharedDocumentUrl } from '../../../react/features/etherpad/functions';
+import { getToolboxHeight } from '../../../react/features/toolbox/functions.web';
+import Filmstrip from '../videolayout/Filmstrip';
+import LargeContainer from '../videolayout/LargeContainer';
+import VideoLayout from '../videolayout/VideoLayout';
+
+
+/**
+ * Default Etherpad frame width.
+ */
+const DEFAULT_WIDTH = 640;
+
+/**
+ * Default Etherpad frame height.
+ */
+const DEFAULT_HEIGHT = 480;
+
+const ETHERPAD_CONTAINER_TYPE = 'etherpad';
+
+/**
+ * Container for Etherpad iframe.
+ */
+class Etherpad extends LargeContainer {
+    /**
+     * Creates new Etherpad object
+     */
+    constructor(url) {
+        super();
+
+        const iframe = document.createElement('iframe');
+
+        iframe.id = 'etherpadIFrame';
+        iframe.src = url;
+        iframe.style.border = 0;
+        iframe.scrolling = 'no';
+        iframe.width = DEFAULT_WIDTH;
+        iframe.height = DEFAULT_HEIGHT;
+        iframe.setAttribute('style', 'visibility: hidden;');
+
+        this.container.appendChild(iframe);
+
+        this.iframe = iframe;
+    }
+
+    /**
+     *
+     */
+    get isOpen() {
+        return Boolean(this.iframe);
+    }
+
+    /**
+     *
+     */
+    get container() {
+        return document.getElementById('etherpad');
+    }
+
+    /**
+     *
+     */
+    resize(containerWidth, containerHeight) {
+        let height, width;
+
+        if (interfaceConfig.VERTICAL_FILMSTRIP) {
+            height = containerHeight - getToolboxHeight();
+            width = containerWidth - Filmstrip.getVerticalFilmstripWidth();
+        } else {
+            height = containerHeight - Filmstrip.getFilmstripHeight();
+            width = containerWidth;
+        }
+
+        $(this.iframe)
+            .width(width)
+            .height(height);
+    }
+
+    /**
+     *
+     */
+    show() {
+        const $iframe = $(this.iframe);
+        const $container = $(this.container);
+        const self = this;
+
+        return new Promise(resolve => {
+            $iframe.fadeIn(300, () => {
+                self.bodyBackground = document.body.style.background;
+                document.body.style.background = '#eeeeee';
+                $iframe.css({ visibility: 'visible' });
+                $container.css({ zIndex: 2 });
+
+                APP.store.dispatch(setDocumentEditingState(true));
+
+                resolve();
+            });
+        });
+    }
+
+    /**
+     *
+     */
+    hide() {
+        const $iframe = $(this.iframe);
+        const $container = $(this.container);
+
+        document.body.style.background = this.bodyBackground;
+
+        return new Promise(resolve => {
+            $iframe.fadeOut(300, () => {
+                $iframe.css({ visibility: 'hidden' });
+                $container.css({ zIndex: 0 });
+
+                APP.store.dispatch(setDocumentEditingState(false));
+
+                resolve();
+            });
+        });
+    }
+
+    /**
+     * @return {boolean} do not switch on dominant speaker event if on stage.
+     */
+    stayOnStage() {
+        return true;
+    }
+}
+
+/**
+ * Manager of the Etherpad frame.
+ */
+export default class EtherpadManager {
+    /**
+     *
+     */
+    constructor() {
+        this.etherpad = null;
+    }
+
+    /**
+     *
+     */
+    get isOpen() {
+        return Boolean(this.etherpad);
+    }
+
+    /**
+     *
+     */
+    isVisible() {
+        return VideoLayout.isLargeContainerTypeVisible(ETHERPAD_CONTAINER_TYPE);
+    }
+
+    /**
+     * Create new Etherpad frame.
+     */
+    openEtherpad() {
+        this.etherpad = new Etherpad(getSharedDocumentUrl(APP.store.getState));
+        VideoLayout.addLargeVideoContainer(
+            ETHERPAD_CONTAINER_TYPE,
+            this.etherpad
+        );
+    }
+
+    /**
+     * Toggle Etherpad frame visibility.
+     * Open new Etherpad frame if there is no Etherpad frame yet.
+     */
+    toggleEtherpad() {
+        if (!this.isOpen) {
+            this.openEtherpad();
+        }
+
+        const isVisible = this.isVisible();
+
+        VideoLayout.showLargeVideoContainer(
+            ETHERPAD_CONTAINER_TYPE, !isVisible);
+
+        APP.store.dispatch(setDocumentEditingState(!isVisible));
+    }
+}
diff --git a/modules/UI/util/UIUtil.js b/modules/UI/util/UIUtil.js
new file mode 100644
index 0000000..1ed4b6e
--- /dev/null
+++ b/modules/UI/util/UIUtil.js
@@ -0,0 +1,59 @@
+import $ from 'jquery';
+
+/**
+ * Created by hristo on 12/22/14.
+ */
+const UIUtil = {
+
+    /**
+     * Escapes the given text.
+     */
+    escapeHtml(unsafeText) {
+        return $('<div/>').text(unsafeText)
+            .html();
+    },
+
+    /**
+     * Inserts given child element as the first one into the container.
+     * @param container the container to which new child element will be added
+     * @param newChild the new element that will be inserted into the container
+     */
+    prependChild(container, newChild) {
+        const firstChild = container.childNodes[0];
+        let result;
+
+        if (firstChild) {
+            result = container.insertBefore(newChild, firstChild);
+        } else {
+            result = container.appendChild(newChild);
+        }
+
+        return result;
+    },
+
+    /**
+     * Indicates if we're currently in full screen mode.
+     *
+     * @return {boolean} {true} to indicate that we're currently in full screen
+     * mode, {false} otherwise
+     */
+    isFullScreen() {
+        return Boolean(document.fullscreenElement
+            || document.mozFullScreenElement
+            || document.webkitFullscreenElement
+            || document.msFullscreenElement);
+    },
+
+    /**
+     * Checks if the given DOM element is currently visible. The offsetParent
+     * will be null if the "display" property of the element or any of its
+     * parent containers is set to "none". This method will NOT check the
+     * visibility property though.
+     * @param {el} The DOM element we'd like to check for visibility
+     */
+    isVisible(el) {
+        return el.offsetParent !== null;
+    }
+};
+
+export default UIUtil;
diff --git a/modules/UI/videolayout/Filmstrip.js b/modules/UI/videolayout/Filmstrip.js
new file mode 100644
index 0000000..0c57333
--- /dev/null
+++ b/modules/UI/videolayout/Filmstrip.js
@@ -0,0 +1,34 @@
+/* global APP, interfaceConfig */
+
+import {
+    getVerticalFilmstripVisibleAreaWidth,
+    isFilmstripVisible
+} from '../../../react/features/filmstrip/functions';
+
+const Filmstrip = {
+    /**
+     * Returns the height of filmstrip
+     * @returns {number} height
+     */
+    getFilmstripHeight() {
+        // FIXME Make it more clear the getFilmstripHeight check is used in
+        // horizontal film strip mode for calculating how tall large video
+        // display should be.
+        if (isFilmstripVisible(APP.store) && !interfaceConfig.VERTICAL_FILMSTRIP) {
+            return document.querySelector('.filmstrip')?.offsetHeight ?? 0;
+        }
+
+        return 0;
+    },
+
+    /**
+     * Returns the width of the vertical filmstrip if the filmstrip is visible and 0 otherwise.
+     *
+     * @returns {number} - The width of the vertical filmstrip if the filmstrip is visible and 0 otherwise.
+     */
+    getVerticalFilmstripWidth() {
+        return isFilmstripVisible(APP.store) ? getVerticalFilmstripVisibleAreaWidth() : 0;
+    }
+};
+
+export default Filmstrip;
diff --git a/modules/UI/videolayout/LargeContainer.js b/modules/UI/videolayout/LargeContainer.js
new file mode 100644
index 0000000..1fe130f
--- /dev/null
+++ b/modules/UI/videolayout/LargeContainer.js
@@ -0,0 +1,67 @@
+
+/**
+ * Base class for all Large containers which we can show.
+ */
+export default class LargeContainer {
+    /* eslint-disable no-unused-vars, no-empty-function */
+    /**
+     * Show this container.
+     * @returns Promise
+     */
+    show() {
+    }
+
+    /**
+     * Hide this container.
+     * @returns Promise
+     */
+    hide() {
+    }
+
+    /**
+     * Resize this container.
+     * @param {number} containerWidth available width
+     * @param {number} containerHeight available height
+     * @param {boolean} animate if container should animate it's resize process
+     */
+    resize(containerWidth, containerHeight, animate) {
+    }
+
+    /**
+     * Handler for "hover in" events.
+     */
+    onHoverIn(e) {
+    }
+
+    /**
+     * Handler for "hover out" events.
+     */
+    onHoverOut(e) {
+    }
+
+    /**
+     * Update video stream.
+     * @param {string} userID
+     * @param {JitsiTrack?} stream new stream
+     * @param {string} videoType video type
+     */
+    setStream(userID, stream, videoType) {
+    }
+
+    /**
+     * Show or hide user avatar.
+     * @param {boolean} show
+     */
+    showAvatar(show) {
+    }
+
+    /**
+     * Whether current container needs to be switched on dominant speaker event
+     * when the container is on stage.
+     * @return {boolean}
+     */
+    stayOnStage() {
+    }
+
+    /* eslint-enable no-unused-vars, no-empty-function */
+}
diff --git a/modules/UI/videolayout/LargeVideoManager.js b/modules/UI/videolayout/LargeVideoManager.js
new file mode 100644
index 0000000..801df9d
--- /dev/null
+++ b/modules/UI/videolayout/LargeVideoManager.js
@@ -0,0 +1,780 @@
+/* global APP */
+/* eslint-disable no-unused-vars */
+import Logger from '@jitsi/logger';
+import $ from 'jquery';
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { I18nextProvider } from 'react-i18next';
+import { Provider } from 'react-redux';
+
+import { createScreenSharingIssueEvent } from '../../../react/features/analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../react/features/analytics/functions';
+import Avatar from '../../../react/features/base/avatar/components/Avatar';
+import theme from '../../../react/features/base/components/themes/participantsPaneTheme.json';
+import { getSsrcRewritingFeatureFlag } from '../../../react/features/base/config/functions.any';
+import i18next from '../../../react/features/base/i18n/i18next';
+import { JitsiTrackEvents } from '../../../react/features/base/lib-jitsi-meet';
+import { VIDEO_TYPE } from '../../../react/features/base/media/constants';
+import {
+    getLocalParticipant,
+    getParticipantById,
+    getParticipantDisplayName,
+    isLocalScreenshareParticipant,
+    isScreenShareParticipant
+} from '../../../react/features/base/participants/functions';
+import { getHideSelfView } from '../../../react/features/base/settings/functions.any';
+import { trackStreamingStatusChanged } from '../../../react/features/base/tracks/actions.any';
+import { getVideoTrackByParticipant } from '../../../react/features/base/tracks/functions.any';
+import { CHAT_SIZE } from '../../../react/features/chat/constants';
+import {
+    isTrackStreamingStatusActive,
+    isTrackStreamingStatusInactive,
+    isTrackStreamingStatusInterrupted
+} from '../../../react/features/connection-indicator/functions';
+import { FILMSTRIP_BREAKPOINT } from '../../../react/features/filmstrip/constants';
+import { getVerticalViewMaxWidth, isFilmstripResizable } from '../../../react/features/filmstrip/functions';
+import {
+    updateKnownLargeVideoResolution
+} from '../../../react/features/large-video/actions';
+import { getParticipantsPaneOpen } from '../../../react/features/participants-pane/functions';
+import PresenceLabel from '../../../react/features/presence-status/components/PresenceLabel';
+import { shouldDisplayTileView } from '../../../react/features/video-layout/functions.any';
+/* eslint-enable no-unused-vars */
+import { createDeferred } from '../../util/helpers';
+import AudioLevels from '../audio_levels/AudioLevels';
+
+import { VIDEO_CONTAINER_TYPE, VideoContainer } from './VideoContainer';
+
+const logger = Logger.getLogger('ui:videolayout');
+
+const DESKTOP_CONTAINER_TYPE = 'desktop';
+
+/**
+ * Manager for all Large containers.
+ */
+export default class LargeVideoManager {
+    /**
+     * Checks whether given container is a {@link VIDEO_CONTAINER_TYPE}.
+     * FIXME currently this is a workaround for the problem where video type is
+     * mixed up with container type.
+     * @param {string} containerType
+     * @return {boolean}
+     */
+    static isVideoContainer(containerType) {
+        return containerType === VIDEO_CONTAINER_TYPE
+            || containerType === DESKTOP_CONTAINER_TYPE;
+    }
+
+    /**
+     *
+     */
+    constructor() {
+        /**
+         * The map of <tt>LargeContainer</tt>s where the key is the video
+         * container type.
+         * @type {Object.<string, LargeContainer>}
+         */
+        this.containers = {};
+
+        this.state = VIDEO_CONTAINER_TYPE;
+
+        // FIXME: We are passing resizeContainer as parameter which is calling
+        // Container.resize. Probably there's better way to implement this.
+        this.videoContainer = new VideoContainer(() => this.resizeContainer(VIDEO_CONTAINER_TYPE));
+        this.addContainer(VIDEO_CONTAINER_TYPE, this.videoContainer);
+
+        // use the same video container to handle desktop tracks
+        this.addContainer(DESKTOP_CONTAINER_TYPE, this.videoContainer);
+
+        /**
+         * The preferred width passed as an argument to {@link updateContainerSize}.
+         *
+         * @type {number|undefined}
+         */
+        this.preferredWidth = undefined;
+
+        /**
+         * The preferred height passed as an argument to {@link updateContainerSize}.
+         *
+         * @type {number|undefined}
+         */
+        this.preferredHeight = undefined;
+
+        /**
+         * The calculated width that will be used for the large video.
+         * @type {number}
+         */
+        this.width = 0;
+
+        /**
+         * The calculated height that will be used for the large video.
+         * @type {number}
+         */
+        this.height = 0;
+
+        /**
+         * Cache the aspect ratio of the video displayed to detect changes to
+         * the aspect ratio on video resize events.
+         *
+         * @type {number}
+         */
+        this._videoAspectRatio = 0;
+
+        /**
+         * The video track in effect.
+         * This is used to add and remove listeners on track streaming status change.
+         *
+         * @type {Object}
+         */
+        this.videoTrack = undefined;
+
+        this.container = document.getElementById('largeVideoContainer');
+
+        this.container.style.display = 'inline-block';
+
+        this.container.addEventListener('mouseenter', e => this.onHoverIn(e));
+        this.container.addEventListener('mouseleave', e => this.onHoverOut(e));
+
+        // Bind event handler so it is only bound once for every instance.
+        this._onVideoResolutionUpdate
+            = this._onVideoResolutionUpdate.bind(this);
+
+        this.videoContainer.addResizeListener(this._onVideoResolutionUpdate);
+
+        this._dominantSpeakerAvatarContainer
+            = document.getElementById('dominantSpeakerAvatarContainer');
+    }
+
+    /**
+     * Removes any listeners registered on child components, including
+     * React Components.
+     *
+     * @returns {void}
+     */
+    destroy() {
+        this.videoContainer.removeResizeListener(this._onVideoResolutionUpdate);
+
+        // Remove track streaming status listener.
+        // TODO: when this class is converted to a function react component,
+        // use a custom hook to update a local track streaming status.
+        if (this.videoTrack && !this.videoTrack.local) {
+            this.videoTrack.jitsiTrack.off(JitsiTrackEvents.TRACK_STREAMING_STATUS_CHANGED,
+                this.handleTrackStreamingStatusChanged);
+            APP.store.dispatch(trackStreamingStatusChanged(this.videoTrack.jitsiTrack,
+                this.videoTrack.jitsiTrack.getTrackStreamingStatus()));
+        }
+
+        this.removePresenceLabel();
+
+        ReactDOM.unmountComponentAtNode(this._dominantSpeakerAvatarContainer);
+
+        this.container.style.display = 'none';
+    }
+
+    /**
+     *
+     */
+    onHoverIn(e) {
+        if (!this.state) {
+            return;
+        }
+        const container = this.getCurrentContainer();
+
+        container.onHoverIn(e);
+    }
+
+    /**
+     *
+     */
+    onHoverOut(e) {
+        if (!this.state) {
+            return;
+        }
+        const container = this.getCurrentContainer();
+
+        container.onHoverOut(e);
+    }
+
+    /**
+     *
+     */
+    get id() {
+        const container = this.getCurrentContainer();
+
+        // If a user switch for large video is in progress then provide what
+        // will be the end result of the update.
+        if (this.updateInProcess
+            && this.newStreamData
+            && this.newStreamData.id !== container.id) {
+            return this.newStreamData.id;
+        }
+
+        return container.id;
+    }
+
+    /**
+     *
+     */
+    scheduleLargeVideoUpdate() {
+        if (this.updateInProcess || !this.newStreamData) {
+            return;
+        }
+
+        this.updateInProcess = true;
+
+        // Include hide()/fadeOut if we're switching between users or between different sources of the same user.
+        const container = this.getCurrentContainer();
+        const isUserSwitch = container.id !== this.newStreamData.id
+            || container.stream?.getSourceName() !== this.newStreamData.stream?.getSourceName();
+        const preUpdate = isUserSwitch ? container.hide() : Promise.resolve();
+
+        preUpdate.then(() => {
+            const { id, stream, videoType, resolve } = this.newStreamData;
+
+            this.newStreamData = null;
+
+            const state = APP.store.getState();
+            const shouldHideSelfView = getHideSelfView(state);
+            const localId = getLocalParticipant(state)?.id;
+
+
+            // FIXME this does not really make sense, because the videoType
+            // (camera or desktop) is a completely different thing than
+            // the video container type (Etherpad, SharedVideo, VideoContainer).
+            const isVideoContainer = LargeVideoManager.isVideoContainer(videoType);
+
+            logger.debug(`Scheduled large video update for ${id}`);
+            this.state = videoType;
+            // eslint-disable-next-line no-shadow
+            const container = this.getCurrentContainer();
+
+            if (shouldHideSelfView && localId === id) {
+                return container.hide();
+            }
+
+            container.setStream(id, stream, videoType);
+
+            // change the avatar url on large
+            this.updateAvatar();
+
+            const isVideoMuted = !stream || stream.isMuted();
+            const participant = getParticipantById(state, id);
+            const videoTrack = getVideoTrackByParticipant(state, participant);
+
+            // Remove track streaming status listener from the old track and add it to the new track,
+            // in order to stop updating track streaming status for the old track and start it for the new track.
+            // TODO: when this class is converted to a function react component,
+            // use a custom hook to update a local track streaming status.
+            if (this.videoTrack?.jitsiTrack?.getSourceName() !== videoTrack?.jitsiTrack?.getSourceName()
+                || this.videoTrack?.jitsiTrack?.isP2P !== videoTrack?.jitsiTrack?.isP2P) {
+            // In the case where we switch from jvb to p2p when we need to switch the p2p and jvb track, they will be
+            // with the same source name. In order to add the streaming status listener we need to check if the isP2P
+            // flag is different. Without this check we won't have the correct stream status listener for the track.
+            // Normally the Thumbnail and ConnectionIndicator components will update the streaming status the same way
+            // and this may mask the problem. But if for some reason the update from the Thumbnail and
+            // ConnectionIndicator components don't happen this may lead to showing the avatar instead of
+            // the video because of the old track inactive streaming status.
+                if (this.videoTrack && !this.videoTrack.local) {
+                    this.videoTrack.jitsiTrack.off(JitsiTrackEvents.TRACK_STREAMING_STATUS_CHANGED,
+                        this.handleTrackStreamingStatusChanged);
+                    APP.store.dispatch(trackStreamingStatusChanged(this.videoTrack.jitsiTrack,
+                        this.videoTrack.jitsiTrack.getTrackStreamingStatus()));
+                }
+
+                this.videoTrack = videoTrack;
+
+                if (this.videoTrack && !this.videoTrack.local) {
+                    this.videoTrack.jitsiTrack.on(JitsiTrackEvents.TRACK_STREAMING_STATUS_CHANGED,
+                        this.handleTrackStreamingStatusChanged);
+                    APP.store.dispatch(trackStreamingStatusChanged(this.videoTrack.jitsiTrack,
+                        this.videoTrack.jitsiTrack.getTrackStreamingStatus()));
+                }
+            }
+            const streamingStatusActive = isTrackStreamingStatusActive(videoTrack);
+            const isVideoRenderable = !isVideoMuted
+                && (APP.conference.isLocalId(id)
+                    || isLocalScreenshareParticipant(participant)
+                    || streamingStatusActive
+                );
+
+            const isAudioOnly = APP.conference.isAudioOnly();
+
+            // Multi-stream is not supported on plan-b endpoints even if its is enabled via config.js. A virtual
+            // screenshare tile is still created when a remote endpoint starts screenshare to keep the behavior
+            // consistent and an avatar is displayed on the original participant thumbnail as long as screenshare is in
+            // progress.
+            const legacyScreenshare = videoType === VIDEO_TYPE.DESKTOP && !isScreenShareParticipant(participant);
+
+            const showAvatar
+                = isVideoContainer
+                    && ((isAudioOnly && videoType !== VIDEO_TYPE.DESKTOP) || !isVideoRenderable || legacyScreenshare);
+
+            logger.debug(`scheduleLargeVideoUpdate: Remote track ${videoTrack?.jitsiTrack}, isVideoMuted=${
+                isVideoMuted}, streamingStatusActive=${streamingStatusActive}, isVideoRenderable=${
+                isVideoRenderable}, showAvatar=${showAvatar}`);
+
+            let promise;
+
+            // do not show stream if video is muted
+            // but we still should show watermark
+            if (showAvatar) {
+                this.showWatermark(true);
+
+                // If the intention of this switch is to show the avatar
+                // we need to make sure that the video is hidden
+                promise = container.hide();
+
+                if ((!shouldDisplayTileView(state) || participant?.pinned) // In theory the tile view may not be
+                // enabled yet when we auto pin the participant.
+
+                        && participant && !participant.local && !participant.fakeParticipant) {
+                    // remote participant only
+
+                    const track = getVideoTrackByParticipant(state, participant);
+
+                    const isScreenSharing = track?.videoType === 'desktop';
+
+                    if (isScreenSharing) {
+                        // send the event
+                        sendAnalytics(createScreenSharingIssueEvent({
+                            source: 'large-video',
+                            isVideoMuted,
+                            isAudioOnly,
+                            isVideoContainer,
+                            videoType
+                        }));
+                    }
+                }
+
+            } else {
+                promise = container.show();
+            }
+
+            // show the avatar on large if needed
+            container.showAvatar(showAvatar);
+
+            // Clean up audio level after previous speaker.
+            if (showAvatar) {
+                this.updateLargeVideoAudioLevel(0);
+            }
+
+            const messageKey = isTrackStreamingStatusInactive(videoTrack) ? 'connection.LOW_BANDWIDTH' : null;
+
+            // Do not show connection status message in the audio only mode,
+            // because it's based on the video playback status.
+            const overrideAndHide = APP.conference.isAudioOnly();
+
+            this.updateParticipantConnStatusIndication(
+                    id,
+                    !overrideAndHide && messageKey);
+
+            // Change the participant id the presence label is listening to.
+            this.updatePresenceLabel(id);
+
+            this.videoContainer.positionRemoteStatusMessages();
+
+            // resolve updateLargeVideo promise after everything is done
+            promise.then(resolve);
+
+            return promise;
+        }).then(() => {
+            // after everything is done check again if there are any pending
+            // new streams.
+            this.updateInProcess = false;
+            this.scheduleLargeVideoUpdate();
+        });
+    }
+
+    /**
+     * Handle track streaming status change event by
+     * by dispatching an action to update track streaming status for the given track in app state.
+     *
+     * @param {JitsiTrack} jitsiTrack the track with streaming status updated
+     * @param {JitsiTrackStreamingStatus} streamingStatus the updated track streaming status
+     *
+     * @private
+     */
+    handleTrackStreamingStatusChanged(jitsiTrack, streamingStatus) {
+        APP.store.dispatch(trackStreamingStatusChanged(jitsiTrack, streamingStatus));
+    }
+
+    /**
+     * Shows/hides notification about participant's connectivity issues to be
+     * shown on the large video area.
+     *
+     * @param {string} id the id of remote participant(MUC nickname)
+     * @param {string|null} messageKey the i18n key of the message which will be
+     * displayed on the large video or <tt>null</tt> to hide it.
+     *
+     * @private
+     */
+    updateParticipantConnStatusIndication(id, messageKey) {
+        const state = APP.store.getState();
+
+        if (messageKey) {
+            // Get user's display name
+            const displayName
+                = getParticipantDisplayName(state, id);
+
+            this._setRemoteConnectionMessage(
+                messageKey,
+                { displayName });
+
+            // Show it now only if the VideoContainer is on top
+            this.showRemoteConnectionMessage(
+                LargeVideoManager.isVideoContainer(this.state));
+        } else {
+            // Hide the message
+            this.showRemoteConnectionMessage(false);
+        }
+
+    }
+
+    /**
+     * Update large video.
+     * Switches to large video even if previously other container was visible.
+     * @param userID the userID of the participant associated with the stream
+     * @param {JitsiTrack?} stream new stream
+     * @param {string?} videoType new video type
+     * @returns {Promise}
+     */
+    updateLargeVideo(userID, stream, videoType) {
+        if (this.newStreamData) {
+            this.newStreamData.reject();
+        }
+
+        this.newStreamData = createDeferred();
+        this.newStreamData.id = userID;
+        this.newStreamData.stream = stream;
+        this.newStreamData.videoType = videoType;
+
+        this.scheduleLargeVideoUpdate();
+
+        return this.newStreamData.promise;
+    }
+
+    /**
+     * Update container size.
+     */
+    updateContainerSize(width, height) {
+        if (typeof width === 'number') {
+            this.preferredWidth = width;
+        }
+        if (typeof height === 'number') {
+            this.preferredHeight = height;
+        }
+
+        let widthToUse = this.preferredWidth || window.innerWidth;
+        const state = APP.store.getState();
+        const { isOpen } = state['features/chat'];
+        const { width: filmstripWidth, visible } = state['features/filmstrip'];
+        const isParticipantsPaneOpen = getParticipantsPaneOpen(state);
+        const resizableFilmstrip = isFilmstripResizable(state);
+
+        if (isParticipantsPaneOpen) {
+            widthToUse -= theme.participantsPaneWidth;
+        }
+
+        if (isOpen && window.innerWidth > 580) {
+            /**
+             * If chat state is open, we re-compute the container width
+             * by subtracting the chat width, which may be resized by the user.
+             */
+            const chatWidth = state['features/chat'].width?.current ?? CHAT_SIZE;
+
+            widthToUse -= chatWidth;
+        }
+
+        if (resizableFilmstrip && visible && filmstripWidth.current >= FILMSTRIP_BREAKPOINT) {
+            widthToUse -= getVerticalViewMaxWidth(state);
+        }
+
+        this.width = widthToUse;
+        this.height = this.preferredHeight || window.innerHeight;
+    }
+
+    /**
+     * Resize Large container of specified type.
+     * @param {string} type type of container which should be resized.
+     * @param {boolean} [animate=false] if resize process should be animated.
+     */
+    resizeContainer(type, animate = false) {
+        const container = this.getContainer(type);
+
+        container.resize(this.width, this.height, animate);
+    }
+
+    /**
+     * Resize all Large containers.
+     * @param {boolean} animate if resize process should be animated.
+     */
+    resize(animate) {
+        // resize all containers
+        Object.keys(this.containers)
+            .forEach(type => this.resizeContainer(type, animate));
+    }
+
+    /**
+     * Updates the src of the dominant speaker avatar
+     */
+    updateAvatar() {
+        ReactDOM.render(
+            <Provider store = { APP.store }>
+                <Avatar
+                    id = "dominantSpeakerAvatar"
+                    participantId = { this.id }
+                    size = { 200 } />
+            </Provider>,
+            this._dominantSpeakerAvatarContainer
+        );
+    }
+
+    /**
+     * Updates the audio level indicator of the large video.
+     *
+     * @param lvl the new audio level to set
+     */
+    updateLargeVideoAudioLevel(lvl) {
+        AudioLevels.updateLargeVideoAudioLevel('dominantSpeaker', lvl);
+    }
+
+    /**
+     * Displays a message of the passed in participant id's presence status. The
+     * message will not display if the remote connection message is displayed.
+     *
+     * @param {string} id - The participant ID whose associated user's presence
+     * status should be displayed.
+     * @returns {void}
+     */
+    updatePresenceLabel(id) {
+        const isConnectionMessageVisible = getComputedStyle(
+            document.getElementById('remoteConnectionMessage')).display !== 'none';
+
+        if (isConnectionMessageVisible) {
+            this.removePresenceLabel();
+
+            return;
+        }
+
+        const presenceLabelContainer = document.getElementById('remotePresenceMessage');
+
+        if (presenceLabelContainer) {
+            ReactDOM.render(
+                <Provider store = { APP.store }>
+                    <I18nextProvider i18n = { i18next }>
+                        <PresenceLabel
+                            participantID = { id }
+                            className = 'presence-label' />
+                    </I18nextProvider>
+                </Provider>,
+                presenceLabelContainer);
+        }
+    }
+
+    /**
+     * Removes the messages about the displayed participant's presence status.
+     *
+     * @returns {void}
+     */
+    removePresenceLabel() {
+        const presenceLabelContainer = document.getElementById('remotePresenceMessage');
+
+        if (presenceLabelContainer) {
+            ReactDOM.unmountComponentAtNode(presenceLabelContainer);
+        }
+    }
+
+    /**
+     * Show or hide watermark.
+     * @param {boolean} show
+     */
+    showWatermark(show) {
+        const watermark = document.querySelectorAll('.watermark');
+
+        watermark.forEach(el => {
+            el.style.visibility = show ? 'visible' : 'hidden';
+        });
+    }
+
+    /**
+     * Shows hides the "avatar" message which is to be displayed either in
+     * the middle of the screen or below the avatar image.
+     *
+     * @param {boolean|undefined} [show=undefined] <tt>true</tt> to show
+     * the avatar message or <tt>false</tt> to hide it. If not provided then
+     * the connection status of the user currently on the large video will be
+     * obtained form "APP.conference" and the message will be displayed if
+     * the user's connection is either interrupted or inactive.
+     */
+    showRemoteConnectionMessage(show) {
+        if (typeof show !== 'boolean') {
+            const participant = getParticipantById(APP.store.getState(), this.id);
+            const state = APP.store.getState();
+            const videoTrack = getVideoTrackByParticipant(state, participant);
+
+            // eslint-disable-next-line no-param-reassign
+            show = !APP.conference.isLocalId(this.id)
+                && (isTrackStreamingStatusInterrupted(videoTrack) || isTrackStreamingStatusInactive(videoTrack));
+        }
+
+        if (show) {
+            document.getElementById('remoteConnectionMessage').style.display = 'block';
+        } else {
+            document.getElementById('remoteConnectionMessage').style.display = 'none';
+        }
+    }
+
+    /**
+     * Updates the text which describes that the remote user is having
+     * connectivity issues.
+     *
+     * @param {string} msgKey the translation key which will be used to get
+     * the message text.
+     * @param {object} msgOptions translation options object.
+     *
+     * @private
+     */
+    _setRemoteConnectionMessage(msgKey, msgOptions) {
+        if (msgKey) {
+            $('#remoteConnectionMessage')
+                .attr('data-i18n', msgKey)
+                .attr('data-i18n-options', JSON.stringify(msgOptions));
+            APP.translation.translateElement(
+                $('#remoteConnectionMessage'), msgOptions);
+        }
+    }
+
+    /**
+     * Add container of specified type.
+     * @param {string} type container type
+     * @param {LargeContainer} container container to add.
+     */
+    addContainer(type, container) {
+        if (this.containers[type]) {
+            throw new Error(`container of type ${type} already exist`);
+        }
+
+        this.containers[type] = container;
+        this.resizeContainer(type);
+    }
+
+    /**
+     * Get Large container of specified type.
+     * @param {string} type container type.
+     * @returns {LargeContainer}
+     */
+    getContainer(type) {
+        const container = this.containers[type];
+
+        if (!container) {
+            throw new Error(`container of type ${type} doesn't exist`);
+        }
+
+        return container;
+    }
+
+    /**
+     * Returns {@link LargeContainer} for the current {@link state}
+     *
+     * @return {LargeContainer}
+     *
+     * @throws an <tt>Error</tt> if there is no container for the current
+     * {@link state}.
+     */
+    getCurrentContainer() {
+        return this.getContainer(this.state);
+    }
+
+    /**
+     * Returns type of the current {@link LargeContainer}
+     * @return {string}
+     */
+    getCurrentContainerType() {
+        return this.state;
+    }
+
+    /**
+     * Remove Large container of specified type.
+     * @param {string} type container type.
+     */
+    removeContainer(type) {
+        if (!this.containers[type]) {
+            throw new Error(`container of type ${type} doesn't exist`);
+        }
+
+        delete this.containers[type];
+    }
+
+    /**
+     * Show Large container of specified type.
+     * Does nothing if such container is already visible.
+     * @param {string} type container type.
+     * @returns {Promise}
+     */
+    showContainer(type) {
+        if (this.state === type) {
+            return Promise.resolve();
+        }
+
+        const oldContainer = this.containers[this.state];
+
+        // FIXME when video is being replaced with other content we need to hide
+        // companion icons/messages. It would be best if the container would
+        // be taking care of it by itself, but that is a bigger refactoring
+
+        if (LargeVideoManager.isVideoContainer(this.state)) {
+            this.showWatermark(false);
+            this.showRemoteConnectionMessage(false);
+        }
+        oldContainer.hide();
+
+        this.state = type;
+        const container = this.getContainer(type);
+
+        return container.show().then(() => {
+            if (LargeVideoManager.isVideoContainer(type)) {
+                // FIXME when video appears on top of other content we need to
+                // show companion icons/messages. It would be best if
+                // the container would be taking care of it by itself, but that
+                // is a bigger refactoring
+                this.showWatermark(true);
+
+                // "avatar" and "video connection" can not be displayed both
+                // at the same time, but the latter is of higher priority and it
+                // will hide the avatar one if will be displayed.
+                this.showRemoteConnectionMessage(/* fetch the current state */);
+            }
+        });
+    }
+
+    /**
+     * Changes the flipX state of the local video.
+     * @param val {boolean} true if flipped.
+     */
+    onLocalFlipXChange(val) {
+        this.videoContainer.setLocalFlipX(val);
+    }
+
+    /**
+     * Dispatches an action to update the known resolution state of the large video and adjusts container sizes when the
+     * resolution changes.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onVideoResolutionUpdate() {
+        const { height, width } = this.videoContainer.getStreamSize();
+        const { resolution } = APP.store.getState()['features/large-video'];
+
+        if (height !== resolution) {
+            APP.store.dispatch(updateKnownLargeVideoResolution(height));
+        }
+
+        const currentAspectRatio = height === 0 ? 0 : width / height;
+
+        if (this._videoAspectRatio !== currentAspectRatio) {
+            this._videoAspectRatio = currentAspectRatio;
+            this.resize();
+        }
+    }
+}
diff --git a/modules/UI/videolayout/VideoContainer.js b/modules/UI/videolayout/VideoContainer.js
new file mode 100644
index 0000000..407510f
--- /dev/null
+++ b/modules/UI/videolayout/VideoContainer.js
@@ -0,0 +1,676 @@
+/* global APP, interfaceConfig */
+
+/* eslint-disable no-unused-vars */
+import Logger from '@jitsi/logger';
+import $ from 'jquery';
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+import { browser } from '../../../react/features/base/lib-jitsi-meet';
+import { FILMSTRIP_BREAKPOINT } from '../../../react/features/filmstrip/constants';
+import { setLargeVideoDimensions } from '../../../react/features/large-video/actions.any';
+import { LargeVideoBackground, ORIENTATION } from '../../../react/features/large-video/components/LargeVideoBackground';
+import { LAYOUTS } from '../../../react/features/video-layout/constants';
+import { getCurrentLayout } from '../../../react/features/video-layout/functions.any';
+/* eslint-enable no-unused-vars */
+import UIUtil from '../util/UIUtil';
+
+import Filmstrip from './Filmstrip';
+import LargeContainer from './LargeContainer';
+
+// FIXME should be 'video'
+export const VIDEO_CONTAINER_TYPE = 'camera';
+
+// Corresponds to animation duration from the animatedFadeIn and animatedFadeOut CSS classes.
+const FADE_DURATION_MS = 300;
+
+const logger = Logger.getLogger('ui:VideoContainer');
+
+/**
+ * List of container events that we are going to process for the large video.
+ *
+ * NOTE: Currently used only for logging for debug purposes.
+ */
+const containerEvents = [ 'abort', 'canplaythrough', 'ended', 'error', 'stalled', 'suspend', 'waiting' ];
+
+/**
+ * Returns an array of the video dimensions, so that it keeps it's aspect
+ * ratio and fits available area with it's larger dimension. This method
+ * ensures that whole video will be visible and can leave empty areas.
+ *
+ * @param videoWidth the width of the video to position
+ * @param videoHeight the height of the video to position
+ * @param videoSpaceWidth the width of the available space
+ * @param videoSpaceHeight the height of the available space
+ * @param subtractFilmstrip whether to subtract the filmstrip or not
+ * @return an array with 2 elements, the video width and the video height
+ */
+function computeDesktopVideoSize( // eslint-disable-line max-params
+        videoWidth,
+        videoHeight,
+        videoSpaceWidth,
+        videoSpaceHeight,
+        subtractFilmstrip) {
+    if (videoWidth === 0 || videoHeight === 0 || videoSpaceWidth === 0 || videoSpaceHeight === 0) {
+        // Avoid NaN values caused by division by 0.
+        return [ 0, 0 ];
+    }
+
+    const aspectRatio = videoWidth / videoHeight;
+    let availableWidth = Math.max(videoWidth, videoSpaceWidth);
+    let availableHeight = Math.max(videoHeight, videoSpaceHeight);
+
+    if (interfaceConfig.VERTICAL_FILMSTRIP) {
+        if (subtractFilmstrip) {
+            // eslint-disable-next-line no-param-reassign
+            videoSpaceWidth -= Filmstrip.getVerticalFilmstripWidth();
+        }
+    } else {
+        // eslint-disable-next-line no-param-reassign
+        videoSpaceHeight -= Filmstrip.getFilmstripHeight();
+    }
+
+    if (availableWidth / aspectRatio >= videoSpaceHeight) {
+        availableHeight = videoSpaceHeight;
+        availableWidth = availableHeight * aspectRatio;
+    }
+
+    if (availableHeight * aspectRatio >= videoSpaceWidth) {
+        availableWidth = videoSpaceWidth;
+        availableHeight = availableWidth / aspectRatio;
+    }
+
+    return [ availableWidth, availableHeight ];
+}
+
+
+/**
+ * Returns an array of the video dimensions. It respects the
+ * VIDEO_LAYOUT_FIT config, to fit the video to the screen, by hiding some parts
+ * of it, or to fit it to the height or width.
+ *
+ * @param videoWidth the original video width
+ * @param videoHeight the original video height
+ * @param videoSpaceWidth the width of the video space
+ * @param videoSpaceHeight the height of the video space
+ * @return an array with 2 elements, the video width and the video height
+ */
+function computeCameraVideoSize( // eslint-disable-line max-params
+        videoWidth,
+        videoHeight,
+        videoSpaceWidth,
+        videoSpaceHeight,
+        videoLayoutFit) {
+    if (videoWidth === 0 || videoHeight === 0 || videoSpaceWidth === 0 || videoSpaceHeight === 0) {
+        // Avoid NaN values caused by division by 0.
+        return [ 0, 0 ];
+    }
+
+    const aspectRatio = videoWidth / videoHeight;
+    const videoSpaceRatio = videoSpaceWidth / videoSpaceHeight;
+
+    switch (videoLayoutFit) {
+    case 'height':
+        return [ videoSpaceHeight * aspectRatio, videoSpaceHeight ];
+    case 'width':
+        return [ videoSpaceWidth, videoSpaceWidth / aspectRatio ];
+    case 'nocrop':
+        return computeCameraVideoSize(
+            videoWidth,
+            videoHeight,
+            videoSpaceWidth,
+            videoSpaceHeight,
+            videoSpaceRatio < aspectRatio ? 'width' : 'height');
+    case 'both': {
+        const maxZoomCoefficient = interfaceConfig.MAXIMUM_ZOOMING_COEFFICIENT
+            || Infinity;
+
+        if (videoSpaceRatio === aspectRatio) {
+            return [ videoSpaceWidth, videoSpaceHeight ];
+        }
+
+        let [ width, height ] = computeCameraVideoSize(
+            videoWidth,
+            videoHeight,
+            videoSpaceWidth,
+            videoSpaceHeight,
+            videoSpaceRatio < aspectRatio ? 'height' : 'width');
+        const maxWidth = videoSpaceWidth * maxZoomCoefficient;
+        const maxHeight = videoSpaceHeight * maxZoomCoefficient;
+
+        if (width > maxWidth) {
+            width = maxWidth;
+            height = width / aspectRatio;
+        } else if (height > maxHeight) {
+            height = maxHeight;
+            width = height * aspectRatio;
+        }
+
+        return [ width, height ];
+    }
+    default:
+        return [ videoWidth, videoHeight ];
+    }
+}
+
+/**
+ * Returns an array of the video horizontal and vertical indents,
+ * so that if fits its parent.
+ *
+ * @return an array with 2 elements, the horizontal indent and the vertical
+ * indent
+ */
+function getCameraVideoPosition( // eslint-disable-line max-params
+        videoWidth,
+        videoHeight,
+        videoSpaceWidth,
+        videoSpaceHeight) {
+    // Parent height isn't completely calculated when we position the video in
+    // full screen mode and this is why we use the screen height in this case.
+    // Need to think it further at some point and implement it properly.
+    if (UIUtil.isFullScreen()) {
+        // eslint-disable-next-line no-param-reassign
+        videoSpaceHeight = window.innerHeight;
+    }
+
+    const horizontalIndent = (videoSpaceWidth - videoWidth) / 2;
+    const verticalIndent = (videoSpaceHeight - videoHeight) / 2;
+
+    return { horizontalIndent,
+        verticalIndent };
+}
+
+/**
+ * Container for user video.
+ */
+export class VideoContainer extends LargeContainer {
+    /**
+     *
+     */
+    get video() {
+        return document.getElementById('largeVideo');
+    }
+
+    /**
+     *
+     */
+    get id() {
+        return this.userId;
+    }
+
+    /**
+     * Creates new VideoContainer instance.
+     * @param resizeContainer {Function} function that takes care of the size
+     * of the video container.
+     */
+    constructor(resizeContainer) {
+        super();
+        this.stream = null;
+        this.userId = null;
+        this.videoType = null;
+        this.localFlipX = true;
+        this.resizeContainer = resizeContainer;
+
+        /**
+         * Whether the background should fit the height of the container
+         * (portrait) or fit the width of the container (landscape).
+         *
+         * @private
+         * @type {string|null}
+         */
+        this._backgroundOrientation = null;
+
+        /**
+         * Flag indicates whether or not the background should be rendered.
+         * If the background will not be visible then it is hidden to save
+         * on performance.
+         * @type {boolean}
+         */
+        this._hideBackground = true;
+
+        this._isHidden = false;
+
+        /**
+         * Flag indicates whether or not the avatar is currently displayed.
+         * @type {boolean}
+         */
+        this.avatarDisplayed = false;
+        this.avatar = document.getElementById('dominantSpeaker');
+
+        /**
+         * The HTMLElements of the remote connection message.
+         * @type {HTMLElement}
+         */
+        this.remoteConnectionMessage = document.getElementById('remoteConnectionMessage');
+        this.remotePresenceMessage = document.getElementById('remotePresenceMessage');
+
+        this.$wrapper = $('#largeVideoWrapper');
+
+        this.wrapperParent = document.getElementById('largeVideoElementsContainer');
+        this.avatarHeight = document.getElementById('dominantSpeakerAvatarContainer').getBoundingClientRect().height;
+        this.video.onplaying = function(event) {
+            logger.debug('Large video is playing!');
+            if (typeof resizeContainer === 'function') {
+                resizeContainer(event);
+            }
+        };
+
+        containerEvents.forEach(event => {
+            this.video.addEventListener(event, () => {
+                logger.debug(`${event} handler was called for the large video.`);
+            });
+        });
+
+        /**
+         * A Set of functions to invoke when the video element resizes.
+         *
+         * @private
+         */
+        this._resizeListeners = new Set();
+
+        this.video.onresize = this._onResize.bind(this);
+        this._play = this._play.bind(this);
+    }
+
+    /**
+     * Adds a function to the known subscribers of video element resize
+     * events.
+     *
+     * @param {Function} callback - The subscriber to notify when the video
+     * element resizes.
+     * @returns {void}
+     */
+    addResizeListener(callback) {
+        this._resizeListeners.add(callback);
+    }
+
+    /**
+     * Obtains media stream ID of the underlying {@link JitsiTrack}.
+     * @return {string|null}
+     */
+    getStreamID() {
+        return this.stream ? this.stream.getId() : null;
+    }
+
+    /**
+     * Get size of video element.
+     * @returns {{width, height}}
+     */
+    getStreamSize() {
+        const video = this.video;
+
+
+        return {
+            width: video.videoWidth,
+            height: video.videoHeight
+        };
+    }
+
+    /**
+     * Calculate optimal video size for specified container size.
+     * @param {number} containerWidth container width
+     * @param {number} containerHeight container height
+     * @param {number} verticalFilmstripWidth current width of the vertical filmstrip
+     * @returns {{availableWidth, availableHeight}}
+     */
+    _getVideoSize(containerWidth, containerHeight, verticalFilmstripWidth) {
+        const { width, height } = this.getStreamSize();
+
+        if (this.stream && this.isScreenSharing()) {
+            return computeDesktopVideoSize(width,
+                height,
+                containerWidth,
+                containerHeight,
+                verticalFilmstripWidth < FILMSTRIP_BREAKPOINT);
+        }
+
+        return computeCameraVideoSize(width,
+            height,
+            containerWidth,
+            containerHeight,
+            interfaceConfig.VIDEO_LAYOUT_FIT);
+    }
+
+    /* eslint-disable max-params */
+    /**
+     * Calculate optimal video position (offset for top left corner)
+     * for specified video size and container size.
+     * @param {number} width video width
+     * @param {number} height video height
+     * @param {number} containerWidth container width
+     * @param {number} containerHeight container height
+     * @param {number} verticalFilmstripWidth current width of the vertical filmstrip
+     * @returns {{horizontalIndent, verticalIndent}}
+     */
+    getVideoPosition(width, height, containerWidth, containerHeight, verticalFilmstripWidth) {
+        let containerWidthToUse = containerWidth;
+
+        /* eslint-enable max-params */
+        if (this.stream && this.isScreenSharing()) {
+            if (interfaceConfig.VERTICAL_FILMSTRIP && verticalFilmstripWidth < FILMSTRIP_BREAKPOINT) {
+                containerWidthToUse -= Filmstrip.getVerticalFilmstripWidth();
+            }
+
+            return getCameraVideoPosition(width,
+                height,
+                containerWidthToUse,
+                containerHeight);
+        }
+
+        return getCameraVideoPosition(width,
+                height,
+                containerWidthToUse,
+                containerHeight);
+
+    }
+
+    /**
+     * Updates the positioning of the remote connection presence message and the
+     * connection status message which escribes that the remote user is having
+     * connectivity issues.
+     *
+     * @returns {void}
+     */
+    positionRemoteStatusMessages() {
+        this._positionParticipantStatus(this.remoteConnectionMessage);
+        this._positionParticipantStatus(this.remotePresenceMessage);
+    }
+
+    /**
+     * Modifies the position of the passed in jQuery object so it displays
+     * in the middle of the video container or below the avatar.
+     *
+     * @private
+     * @returns {void}
+     */
+    _positionParticipantStatus(element) {
+        if (this.avatarDisplayed) {
+            const avatarImage = document.getElementById('dominantSpeakerAvatarContainer').getBoundingClientRect();
+
+            element.style.top = avatarImage.top + avatarImage.height + 10;
+        } else {
+            const height = element.getBoundingClientRect().height;
+            const parentHeight = element.parentElement.getBoundingClientRect().height;
+
+            element.style.top = (parentHeight / 2) - (height / 2);
+        }
+    }
+
+    /**
+     *
+     */
+    resize(containerWidth, containerHeight, animate = false) {
+        // XXX Prevent TypeError: undefined is not an object when the Web
+        // browser does not support WebRTC (yet).
+        if (!this.video) {
+            return;
+        }
+        const state = APP.store.getState();
+        const currentLayout = getCurrentLayout(state);
+
+        const verticalFilmstripWidth = state['features/filmstrip'].width?.current;
+
+        if (currentLayout === LAYOUTS.TILE_VIEW || currentLayout === LAYOUTS.STAGE_FILMSTRIP_VIEW) {
+            // We don't need to resize the large video since it won't be displayed and we'll resize when returning back
+            // to stage view.
+            return;
+        }
+
+        this.positionRemoteStatusMessages();
+
+        const [ width, height ] = this._getVideoSize(containerWidth, containerHeight, verticalFilmstripWidth);
+
+        if (width === 0 || height === 0) {
+            // We don't need to set 0 for width or height since the visibility is controlled by the visibility css prop
+            // on the largeVideoElementsContainer. Also if the width/height of the video element is 0 the attached
+            // stream won't be played. Normally if we attach a new stream we won't resize the video element until the
+            // stream has been played. But setting width/height to 0 will prevent the video from playing.
+
+            return;
+        }
+
+        if ((containerWidth > width) || (containerHeight > height)) {
+            this._backgroundOrientation = containerWidth > width ? ORIENTATION.LANDSCAPE : ORIENTATION.PORTRAIT;
+            this._hideBackground = false;
+        } else {
+            this._hideBackground = true;
+        }
+
+        this._updateBackground();
+
+        const { horizontalIndent, verticalIndent }
+            = this.getVideoPosition(width, height, containerWidth, containerHeight, verticalFilmstripWidth);
+
+        APP.store.dispatch(setLargeVideoDimensions(height, width));
+
+        this.$wrapper.animate({
+            width,
+            height,
+
+            top: verticalIndent,
+            bottom: verticalIndent,
+
+            left: horizontalIndent,
+            right: horizontalIndent
+        }, {
+            queue: false,
+            duration: animate ? 500 : 0
+        });
+    }
+
+    /**
+     * Removes a function from the known subscribers of video element resize
+     * events.
+     *
+     * @param {Function} callback - The callback to remove from known
+     * subscribers of video resize events.
+     * @returns {void}
+     */
+    removeResizeListener(callback) {
+        this._resizeListeners.delete(callback);
+    }
+
+    /**
+     * Plays the large video element.
+     *
+     * @param {number} retries - Number of retries to play the large video if play fails.
+     * @returns {void}
+     */
+    _play(retries = 0) {
+        this.video.play()
+            .then(() => {
+                logger.debug(`Successfully played large video after ${retries + 1} retries!`);
+            })
+            .catch(e => {
+                if (retries < 3) {
+                    logger.debug(`Error while trying to playing the large video. Will retry after 1s. Retries: ${
+                        retries}. Error: ${e}`);
+                    window.setTimeout(() => {
+                        this._play(retries + 1);
+                    }, 1000);
+                } else {
+                    logger.error(`Error while trying to playing the large video after 3 retries: ${e}`);
+                }
+            });
+    }
+
+    /**
+     * Update video stream.
+     * @param {string} userID
+     * @param {JitsiTrack?} stream new stream
+     * @param {string} videoType video type
+     */
+    setStream(userID, stream, videoType) {
+        if (this.userId === userID && this.stream === stream && !stream?.forceStreamToReattach) {
+            logger.debug(`SetStream on the large video for user ${userID} ignored: the stream is not changed!`);
+
+            // Handles the use case for the remote participants when the
+            // videoType is received with delay after turning on/off the
+            // desktop sharing.
+            if (this.videoType !== videoType) {
+                this.videoType = videoType;
+                this.resizeContainer();
+            }
+
+            return;
+        }
+
+        this.userId = userID;
+
+        if (stream?.forceStreamToReattach) {
+            delete stream.forceStreamToReattach;
+        }
+
+        // detach old stream
+        if (this.stream && this.video) {
+            this.stream.detach(this.video);
+        }
+
+        this.stream = stream;
+        this.videoType = videoType;
+
+        if (!stream) {
+            logger.debug('SetStream on the large video is called without a stream argument!');
+
+            return;
+        }
+
+        if (this.video) {
+            logger.debug(`Attaching a remote track to the large video for user ${userID}`);
+            stream.attach(this.video).catch(error => {
+                logger.error(`Attaching the remote track ${stream} to large video has failed with `, error);
+            });
+
+            // Ensure large video gets play() called on it when a new stream is attached to it.
+            this._play();
+
+            const flipX = stream.isLocal() && this.localFlipX && !this.isScreenSharing();
+
+            this.video.style.transform = flipX ? 'scaleX(-1)' : 'none';
+            this._updateBackground();
+        } else {
+            logger.debug(`SetStream on the large video won't attach a track for ${
+                userID} because no large video element was found!`);
+        }
+    }
+
+    /**
+     * Changes the flipX state of the local video.
+     * @param val {boolean} true if flipped.
+     */
+    setLocalFlipX(val) {
+        this.localFlipX = val;
+        if (!this.video || !this.stream || !this.stream.isLocal() || this.isScreenSharing()) {
+            return;
+        }
+        this.video.style.transform = this.localFlipX ? 'scaleX(-1)' : 'none';
+
+        this._updateBackground();
+    }
+
+
+    /**
+     * Check if current video stream is screen sharing.
+     * @returns {boolean}
+     */
+    isScreenSharing() {
+        return this.videoType === 'desktop';
+    }
+
+    /**
+     * Show or hide user avatar.
+     * @param {boolean} show
+     */
+    showAvatar(show) {
+        this.avatar.style.visibility = show ? 'visible' : 'hidden';
+        this.avatarDisplayed = show;
+
+        APP.API.notifyLargeVideoVisibilityChanged(show);
+    }
+
+    /**
+     * Show video container.
+     */
+    show() {
+        return new Promise(resolve => {
+            this.wrapperParent.style.visibility = 'visible';
+            this.wrapperParent.classList.remove('animatedFadeOut');
+            this.wrapperParent.classList.add('animatedFadeIn');
+            setTimeout(() => {
+                this._isHidden = false;
+                this._updateBackground();
+                resolve();
+            }, FADE_DURATION_MS);
+        });
+    }
+
+    /**
+     * Hide video container.
+     */
+    hide() {
+        // as the container is hidden/replaced by another container
+        // hide its avatar
+        this.showAvatar(false);
+
+        return new Promise(resolve => {
+            this.wrapperParent.classList.remove('animatedFadeIn');
+            this.wrapperParent.classList.add('animatedFadeOut');
+            setTimeout(() => {
+                this.wrapperParent.style.visibility = 'hidden';
+                this._isHidden = true;
+                this._updateBackground();
+                resolve();
+            }, FADE_DURATION_MS);
+        });
+    }
+
+    /**
+     * @return {boolean} switch on dominant speaker event if on stage.
+     */
+    stayOnStage() {
+        return false;
+    }
+
+    /**
+     * Callback invoked when the video element changes dimensions.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onResize() {
+        this._resizeListeners.forEach(callback => callback());
+    }
+
+    /**
+     * Attaches and/or updates a React Component to be used as a background for
+     * the large video, to display blurred video and fill up empty space not
+     * taken up by the large video.
+     *
+     * @private
+     * @returns {void}
+     */
+    _updateBackground() {
+        // Do not the background display on browsers that might experience
+        // performance issues from the presence of the background or if
+        // explicitly disabled.
+        if (interfaceConfig.DISABLE_VIDEO_BACKGROUND
+                || browser.isFirefox()
+                || browser.isWebKitBased()) {
+            return;
+        }
+
+        ReactDOM.render(
+            <LargeVideoBackground
+                hidden = { this._hideBackground || this._isHidden }
+                mirror = {
+                    this.stream
+                    && this.stream.isLocal()
+                    && this.localFlipX
+                }
+                orientationFit = { this._backgroundOrientation }
+                videoElement = { this.video }
+                videoTrack = { this.stream } />,
+            document.getElementById('largeVideoBackgroundContainer')
+        );
+    }
+}
diff --git a/modules/UI/videolayout/VideoLayout.js b/modules/UI/videolayout/VideoLayout.js
new file mode 100644
index 0000000..143be3d
--- /dev/null
+++ b/modules/UI/videolayout/VideoLayout.js
@@ -0,0 +1,316 @@
+/* global APP  */
+
+import Logger from '@jitsi/logger';
+
+import { MEDIA_TYPE, VIDEO_TYPE } from '../../../react/features/base/media/constants';
+import {
+    getParticipantById,
+    getPinnedParticipant,
+    isScreenShareParticipantById
+} from '../../../react/features/base/participants/functions';
+import {
+    getTrackByMediaTypeAndParticipant,
+    getVideoTrackByParticipant
+} from '../../../react/features/base/tracks/functions.any';
+
+import LargeVideoManager from './LargeVideoManager';
+import { VIDEO_CONTAINER_TYPE } from './VideoContainer';
+
+const logger = Logger.getLogger('ui:VideoLayout');
+let largeVideo;
+
+const VideoLayout = {
+    /**
+     * Handler for local flip X changed event.
+     */
+    onLocalFlipXChanged(localFlipX) {
+        if (largeVideo) {
+            largeVideo.onLocalFlipXChange(localFlipX);
+        }
+    },
+
+    /**
+     * Cleans up state of this singleton {@code VideoLayout}.
+     *
+     * @returns {void}
+     */
+    reset() {
+        this._resetLargeVideo();
+    },
+
+    initLargeVideo() {
+        this._resetLargeVideo();
+
+        largeVideo = new LargeVideoManager();
+
+        const { store } = APP;
+        const { localFlipX } = store.getState()['features/base/settings'];
+
+        if (typeof localFlipX === 'boolean') {
+            largeVideo.onLocalFlipXChange(localFlipX);
+        }
+        largeVideo.updateContainerSize();
+    },
+
+    /**
+     * Sets the audio level of the video elements associated to the given id.
+     *
+     * @param id the video identifier in the form it comes from the library
+     * @param lvl the new audio level to update to
+     */
+    setAudioLevel(id, lvl) {
+        if (largeVideo && id === largeVideo.id) {
+            largeVideo.updateLargeVideoAudioLevel(lvl);
+        }
+    },
+
+    /**
+     * FIXME get rid of this method once muted indicator are reactified (by
+     * making sure that user with no tracks is displayed as muted )
+     *
+     * If participant has no tracks will make the UI display muted status.
+     * @param {string} participantId
+     */
+    updateVideoMutedForNoTracks(participantId) {
+        const participant = APP.conference.getParticipantById(participantId);
+
+        if (participant && !participant.getTracksByMediaType('video').length) {
+            VideoLayout._updateLargeVideoIfDisplayed(participantId, true);
+        }
+    },
+
+    /**
+     * Return the type of the remote video.
+     * @param id the id for the remote video
+     * @returns {String} the video type video or screen.
+     */
+    getRemoteVideoType(id) {
+        const state = APP.store.getState();
+        const participant = getParticipantById(state, id);
+        const isScreenShare = isScreenShareParticipantById(state, id);
+
+        if (participant?.fakeParticipant && !isScreenShare) {
+            return VIDEO_TYPE.CAMERA;
+        }
+
+        if (isScreenShare) {
+            return VIDEO_TYPE.DESKTOP;
+        }
+
+        const videoTrack = getTrackByMediaTypeAndParticipant(state['features/base/tracks'], MEDIA_TYPE.VIDEO, id);
+
+        return videoTrack?.videoType;
+    },
+
+    getPinnedId() {
+        const { id } = getPinnedParticipant(APP.store.getState()) || {};
+
+        return id || null;
+    },
+
+    /**
+     * On last N change event.
+     *
+     * @param endpointsLeavingLastN the list currently leaving last N
+     * endpoints
+     * @param endpointsEnteringLastN the list currently entering last N
+     * endpoints
+     */
+    onLastNEndpointsChanged(endpointsLeavingLastN, endpointsEnteringLastN) {
+        if (endpointsLeavingLastN) {
+            endpointsLeavingLastN.forEach(this._updateLargeVideoIfDisplayed, this);
+        }
+
+        if (endpointsEnteringLastN) {
+            endpointsEnteringLastN.forEach(this._updateLargeVideoIfDisplayed, this);
+        }
+    },
+
+    /**
+     * Resizes the video area.
+     */
+    resizeVideoArea() {
+        if (largeVideo) {
+            largeVideo.updateContainerSize();
+            largeVideo.resize(false);
+        }
+    },
+
+    isLargeVideoVisible() {
+        return this.isLargeContainerTypeVisible(VIDEO_CONTAINER_TYPE);
+    },
+
+    /**
+     * @return {LargeContainer} the currently displayed container on large
+     * video.
+     */
+    getCurrentlyOnLargeContainer() {
+        return largeVideo.getCurrentContainer();
+    },
+
+    isCurrentlyOnLarge(id) {
+        return largeVideo && largeVideo.id === id;
+    },
+
+    updateLargeVideo(id, forceUpdate, forceStreamToReattach = false) {
+        if (!largeVideo) {
+            logger.debug(`Ignoring large video update with user id ${id}: large video not initialized yet!`);
+
+            return;
+        }
+        const currentContainer = largeVideo.getCurrentContainer();
+        const currentContainerType = largeVideo.getCurrentContainerType();
+        const isOnLarge = this.isCurrentlyOnLarge(id);
+        const state = APP.store.getState();
+        const participant = getParticipantById(state, id);
+        const videoTrack = getVideoTrackByParticipant(state, participant);
+        const videoStream = videoTrack?.jitsiTrack;
+
+        if (videoStream && forceStreamToReattach) {
+            videoStream.forceStreamToReattach = forceStreamToReattach;
+        }
+
+        if (isOnLarge && !forceUpdate
+                && LargeVideoManager.isVideoContainer(currentContainerType)
+                && videoStream) {
+            const currentStreamId = currentContainer.getStreamID();
+            const newStreamId = videoStream?.getId() || null;
+
+            // FIXME it might be possible to get rid of 'forceUpdate' argument
+            if (currentStreamId !== newStreamId) {
+                logger.debug('Enforcing large video update for stream change');
+                forceUpdate = true; // eslint-disable-line no-param-reassign
+            }
+        }
+
+        if (!isOnLarge || forceUpdate) {
+            const videoType = this.getRemoteVideoType(id);
+
+            largeVideo.updateLargeVideo(
+                id,
+                videoStream,
+                videoType || VIDEO_TYPE.CAMERA
+            ).catch(() => {
+                // do nothing
+            });
+        }
+    },
+
+    addLargeVideoContainer(type, container) {
+        largeVideo && largeVideo.addContainer(type, container);
+    },
+
+    removeLargeVideoContainer(type) {
+        largeVideo && largeVideo.removeContainer(type);
+    },
+
+    /**
+     * @returns Promise
+     */
+    showLargeVideoContainer(type, show) {
+        if (!largeVideo) {
+            return Promise.reject();
+        }
+
+        const isVisible = this.isLargeContainerTypeVisible(type);
+
+        if (isVisible === show) {
+            return Promise.resolve();
+        }
+
+        let containerTypeToShow = type;
+
+        // if we are hiding a container and there is focusedVideo
+        // (pinned remote video) use its video type,
+        // if not then use default type - large video
+
+        if (!show) {
+            const pinnedId = this.getPinnedId();
+
+            if (pinnedId) {
+                containerTypeToShow = this.getRemoteVideoType(pinnedId);
+            } else {
+                containerTypeToShow = VIDEO_CONTAINER_TYPE;
+            }
+        }
+
+        return largeVideo.showContainer(containerTypeToShow);
+    },
+
+    isLargeContainerTypeVisible(type) {
+        return largeVideo && largeVideo.state === type;
+    },
+
+    /**
+     * Returns the id of the current video shown on large.
+     * Currently used by tests (torture).
+     */
+    getLargeVideoID() {
+        return largeVideo && largeVideo.id;
+    },
+
+    /**
+     * Returns the the current video shown on large.
+     * Currently used by tests (torture).
+     */
+    getLargeVideo() {
+        return largeVideo;
+    },
+
+    /**
+     * Returns the wrapper jquery selector for the largeVideo
+     * @returns {JQuerySelector} the wrapper jquery selector for the largeVideo
+     */
+    getLargeVideoWrapper() {
+        return this.getCurrentlyOnLargeContainer().$wrapper;
+    },
+
+    /**
+     * Helper method to invoke when the video layout has changed and elements
+     * have to be re-arranged and resized.
+     *
+     * @returns {void}
+     */
+    refreshLayout() {
+        VideoLayout.resizeVideoArea();
+    },
+
+    /**
+     * Cleans up any existing largeVideo instance.
+     *
+     * @private
+     * @returns {void}
+     */
+    _resetLargeVideo() {
+        if (largeVideo) {
+            largeVideo.destroy();
+        }
+
+        largeVideo = null;
+    },
+
+    /**
+     * Triggers an update of large video if the passed in participant is
+     * currently displayed on large video.
+     *
+     * @param {string} participantId - The participant ID that should trigger an
+     * update of large video if displayed.
+     * @param {boolean} force - Whether or not the large video update should
+     * happen no matter what.
+     * @returns {void}
+     */
+    _updateLargeVideoIfDisplayed(participantId, force = false) {
+        if (this.isCurrentlyOnLarge(participantId)) {
+            this.updateLargeVideo(participantId, force, false);
+        }
+    },
+
+    /**
+     * Handles window resizes.
+     */
+    onResize() {
+        VideoLayout.resizeVideoArea();
+    }
+};
+
+export default VideoLayout;
diff --git a/modules/devices/mediaDeviceHelper.js b/modules/devices/mediaDeviceHelper.js
new file mode 100644
index 0000000..23f2b75
--- /dev/null
+++ b/modules/devices/mediaDeviceHelper.js
@@ -0,0 +1,295 @@
+/* global APP, JitsiMeetJS */
+
+import {
+    notifyCameraError,
+    notifyMicError
+} from '../../react/features/base/devices/actions.web';
+import {
+    flattenAvailableDevices,
+    getAudioOutputDeviceId
+} from '../../react/features/base/devices/functions.web';
+import { updateSettings } from '../../react/features/base/settings/actions';
+import {
+    getUserSelectedCameraDeviceId,
+    getUserSelectedMicDeviceId,
+    getUserSelectedOutputDeviceId
+} from '../../react/features/base/settings/functions';
+
+/**
+ * Determines if currently selected audio output device should be changed after
+ * list of available devices has been changed.
+ * @param {MediaDeviceInfo[]} newDevices
+ * @returns {string|undefined} - ID of new audio output device to use, undefined
+ *      if audio output device should not be changed.
+ */
+function getNewAudioOutputDevice(newDevices) {
+    if (!JitsiMeetJS.mediaDevices.isDeviceChangeAvailable('output')) {
+        return;
+    }
+
+    const selectedAudioOutputDeviceId = getAudioOutputDeviceId();
+    const availableAudioOutputDevices = newDevices.filter(
+        d => d.kind === 'audiooutput');
+
+    // Switch to 'default' audio output device if we don't have the selected one
+    // available anymore.
+    if (selectedAudioOutputDeviceId !== 'default'
+        && !availableAudioOutputDevices.find(d =>
+            d.deviceId === selectedAudioOutputDeviceId)) {
+        return 'default';
+    }
+
+    const preferredAudioOutputDeviceId = getUserSelectedOutputDeviceId(APP.store.getState());
+
+    // if the preferred one is not the selected and is available in the new devices
+    // we want to use it as it was just added
+    if (preferredAudioOutputDeviceId
+        && preferredAudioOutputDeviceId !== selectedAudioOutputDeviceId
+        && availableAudioOutputDevices.find(d => d.deviceId === preferredAudioOutputDeviceId)) {
+        return preferredAudioOutputDeviceId;
+    }
+}
+
+/**
+ * Determines if currently selected audio input device should be changed after
+ * list of available devices has been changed.
+ * @param {MediaDeviceInfo[]} newDevices
+ * @param {JitsiLocalTrack} localAudio
+ * @param {boolean} newLabel
+ * @returns {string|undefined} - ID of new microphone device to use, undefined
+ *      if audio input device should not be changed.
+ */
+function getNewAudioInputDevice(newDevices, localAudio, newLabel) {
+    const availableAudioInputDevices = newDevices.filter(
+        d => d.kind === 'audioinput');
+    const selectedAudioInputDeviceId = getUserSelectedMicDeviceId(APP.store.getState());
+    const selectedAudioInputDevice = availableAudioInputDevices.find(
+        d => d.deviceId === selectedAudioInputDeviceId);
+    const localAudioDeviceId = localAudio?.getDeviceId();
+    const localAudioDevice = availableAudioInputDevices.find(
+        d => d.deviceId === localAudioDeviceId);
+
+    // Here we handle case when no device was initially plugged, but
+    // then it's connected OR new device was connected when previous
+    // track has ended.
+    if (!localAudio || localAudio.disposed || localAudio.isEnded()) {
+        // If we have new audio device and permission to use it was granted
+        // (label is not an empty string), then we will try to use the first
+        // available device.
+        if (selectedAudioInputDevice && selectedAudioInputDeviceId) {
+            return selectedAudioInputDeviceId;
+        } else if (availableAudioInputDevices.length
+            && availableAudioInputDevices[0].label !== '') {
+            return availableAudioInputDevices[0].deviceId;
+        }
+    } else if (selectedAudioInputDevice
+        && selectedAudioInputDeviceId !== localAudioDeviceId) {
+
+        if (newLabel) {
+            // If a Firefox user with manual permission prompt chose a different
+            // device from what we have stored as the preferred device we accept
+            // and store that as the new preferred device.
+            APP.store.dispatch(updateSettings({
+                userSelectedMicDeviceId: localAudioDeviceId,
+                userSelectedMicDeviceLabel: localAudioDevice.label
+            }));
+        } else {
+            // And here we handle case when we already have some device working,
+            // but we plug-in a "preferred" (previously selected in settings, stored
+            // in local storage) device.
+            return selectedAudioInputDeviceId;
+        }
+    }
+}
+
+/**
+ * Determines if currently selected video input device should be changed after
+ * list of available devices has been changed.
+ * @param {MediaDeviceInfo[]} newDevices
+ * @param {JitsiLocalTrack} localVideo
+ * @param {boolean} newLabel
+ * @returns {string|undefined} - ID of new camera device to use, undefined
+ *      if video input device should not be changed.
+ */
+function getNewVideoInputDevice(newDevices, localVideo, newLabel) {
+    const availableVideoInputDevices = newDevices.filter(
+        d => d.kind === 'videoinput');
+    const selectedVideoInputDeviceId = getUserSelectedCameraDeviceId(APP.store.getState());
+    const selectedVideoInputDevice = availableVideoInputDevices.find(
+        d => d.deviceId === selectedVideoInputDeviceId);
+    const localVideoDeviceId = localVideo?.getDeviceId();
+    const localVideoDevice = availableVideoInputDevices.find(
+        d => d.deviceId === localVideoDeviceId);
+
+    // Here we handle case when no video input device was initially plugged,
+    // but then device is connected OR new device was connected when
+    // previous track has ended.
+    if (!localVideo || localVideo.disposed || localVideo.isEnded()) {
+        // If we have new video device and permission to use it was granted
+        // (label is not an empty string), then we will try to use the first
+        // available device.
+        if (selectedVideoInputDevice && selectedVideoInputDeviceId) {
+            return selectedVideoInputDeviceId;
+        } else if (availableVideoInputDevices.length
+            && availableVideoInputDevices[0].label !== '') {
+            return availableVideoInputDevices[0].deviceId;
+        }
+    } else if (selectedVideoInputDevice
+            && selectedVideoInputDeviceId !== localVideoDeviceId) {
+
+        if (newLabel) {
+            // If a Firefox user with manual permission prompt chose a different
+            // device from what we have stored as the preferred device we accept
+            // and store that as the new preferred device.
+            APP.store.dispatch(updateSettings({
+                userSelectedCameraDeviceId: localVideoDeviceId,
+                userSelectedCameraDeviceLabel: localVideoDevice.label
+            }));
+        } else {
+            // And here we handle case when we already have some device working,
+            // but we plug-in a "preferred" (previously selected in settings, stored
+            // in local storage) device.
+            return selectedVideoInputDeviceId;
+        }
+    }
+}
+
+export default {
+    /**
+     * Determines if currently selected media devices should be changed after
+     * list of available devices has been changed.
+     * @param {MediaDeviceInfo[]} newDevices
+     * @param {JitsiLocalTrack} localVideo
+     * @param {JitsiLocalTrack} localAudio
+     * @returns {{
+     *  audioinput: (string|undefined),
+     *  videoinput: (string|undefined),
+     *  audiooutput: (string|undefined)
+     *  }}
+     */
+    getNewMediaDevicesAfterDeviceListChanged( // eslint-disable-line max-params
+            newDevices,
+            localVideo,
+            localAudio,
+            newLabels) {
+        return {
+            audioinput: getNewAudioInputDevice(newDevices, localAudio, newLabels),
+            videoinput: getNewVideoInputDevice(newDevices, localVideo, newLabels),
+            audiooutput: getNewAudioOutputDevice(newDevices)
+        };
+    },
+
+    /**
+     * Checks if the only difference between an object of known devices compared
+     * to an array of new devices are only the labels for the devices.
+     * @param {Object} oldDevices
+     * @param {MediaDeviceInfo[]} newDevices
+     * @returns {boolean}
+     */
+    newDeviceListAddedLabelsOnly(oldDevices, newDevices) {
+        const oldDevicesFlattend = flattenAvailableDevices(oldDevices);
+
+        if (oldDevicesFlattend.length !== newDevices.length) {
+            return false;
+        }
+        oldDevicesFlattend.forEach(oldDevice => {
+            if (oldDevice.label !== '') {
+                return false;
+            }
+            const newDevice = newDevices.find(nd => nd.deviceId === oldDevice.deviceId);
+
+            if (!newDevice || newDevice.label === '') {
+                return false;
+            }
+        });
+
+        return true;
+    },
+
+    /**
+     * Tries to create new local tracks for new devices obtained after device
+     * list changed. Shows error dialog in case of failures.
+     * @param {function} createLocalTracks
+     * @param {string} (cameraDeviceId)
+     * @param {string} (micDeviceId)
+     * @returns {Promise.<JitsiLocalTrack[]>}
+     */
+    createLocalTracksAfterDeviceListChanged(
+            createLocalTracks,
+            cameraDeviceId,
+            micDeviceId) {
+        let audioTrackError;
+        let videoTrackError;
+        const audioRequested = Boolean(micDeviceId);
+        const videoRequested = Boolean(cameraDeviceId);
+
+        if (audioRequested && videoRequested) {
+            // First we try to create both audio and video tracks together.
+            return (
+                createLocalTracks({
+                    devices: [ 'audio', 'video' ],
+                    cameraDeviceId,
+                    micDeviceId
+                })
+
+                // If we fail to do this, try to create them separately.
+                .catch(() => Promise.all([
+                    createAudioTrack(false).then(([ stream ]) => stream),
+                    createVideoTrack(false).then(([ stream ]) => stream)
+                ]))
+                .then(tracks => {
+                    if (audioTrackError) {
+                        APP.store.dispatch(notifyMicError(audioTrackError));
+                    }
+
+                    if (videoTrackError) {
+                        APP.store.dispatch(notifyCameraError(videoTrackError));
+                    }
+
+                    return tracks.filter(t => typeof t !== 'undefined');
+                }));
+        } else if (videoRequested && !audioRequested) {
+            return createVideoTrack();
+        } else if (audioRequested && !videoRequested) {
+            return createAudioTrack();
+        }
+
+        return Promise.resolve([]);
+
+        /**
+         *
+         */
+        function createAudioTrack(showError = true) {
+            return (
+                createLocalTracks({
+                    devices: [ 'audio' ],
+                    cameraDeviceId: null,
+                    micDeviceId
+                })
+                .catch(err => {
+                    audioTrackError = err;
+                    showError && APP.store.dispatch(notifyMicError(err));
+
+                    return [];
+                }));
+        }
+
+        /**
+         *
+         */
+        function createVideoTrack(showError = true) {
+            return (
+                createLocalTracks({
+                    devices: [ 'video' ],
+                    cameraDeviceId,
+                    micDeviceId: null
+                })
+                .catch(err => {
+                    videoTrackError = err;
+                    showError && APP.store.dispatch(notifyCameraError(err));
+
+                    return [];
+                }));
+        }
+    }
+};
diff --git a/modules/recorder/Recorder.js b/modules/recorder/Recorder.js
new file mode 100644
index 0000000..d930dbf
--- /dev/null
+++ b/modules/recorder/Recorder.js
@@ -0,0 +1,44 @@
+/* global APP, config */
+
+/**
+ * The (name of the) command which transports the recorder info.
+ */
+const _USER_INFO_COMMAND = 'userinfo';
+
+/**
+ * The Recorder class is meant to take care of recorder related presence
+ * commands.
+ */
+class Recorder {
+    /**
+     * Creates new recorder instance.
+     */
+    constructor() {
+        if (config.iAmRecorder) {
+            this._sendRecorderInfo();
+        }
+    }
+
+    /**
+     * Sends the information that this is a recorder through the presence.
+     * @private
+     */
+    _sendRecorderInfo() {
+        const commands = APP.conference.commands;
+
+        // XXX The "Follow Me" command represents a snapshot of all states
+        // which are to be followed so don't forget to removeCommand before
+        // sendCommand!
+        commands.removeCommand(_USER_INFO_COMMAND);
+        commands.sendCommand(
+            _USER_INFO_COMMAND,
+            {
+                attributes: {
+                    xmlns: 'http://jitsi.org/jitmeet/userinfo',
+                    robot: true
+                }
+            });
+    }
+}
+
+export default Recorder;
diff --git a/modules/translation/translation.js b/modules/translation/translation.js
new file mode 100644
index 0000000..20e6c62
--- /dev/null
+++ b/modules/translation/translation.js
@@ -0,0 +1,62 @@
+import $ from 'jquery';
+import jqueryI18next from 'jquery-i18next';
+
+import i18next from '../../react/features/base/i18n/i18next';
+
+/**
+ * Notifies that the {@link i18next} instance has finished its initialization.
+ *
+ * @returns {void}
+ * @private
+ */
+function _onI18nInitialized() {
+
+    const documentElement
+        = document.documentElement || {};
+
+    $('[data-i18n]').localize();
+    documentElement.lang = i18next.language;
+}
+
+/**
+ *
+ */
+class Translation {
+    /**
+     *
+     */
+    constructor() {
+        jqueryI18next.init(i18next, $, { useOptionsAttr: true });
+
+        if (i18next.isInitialized) {
+            _onI18nInitialized();
+        } else {
+            i18next.on('initialized', _onI18nInitialized);
+        }
+
+        i18next.on('languageChanged', _onI18nInitialized);
+    }
+
+    /**
+     *
+     */
+    generateTranslationHTML(key, options) {
+        const optAttr
+            = options ? ` data-i18n-options='${JSON.stringify(options)}'` : '';
+
+        // XXX i18next expects undefined if options are missing.
+        const text = i18next.t(key, options ? options : undefined);
+
+        return `<span data-i18n="${key}"${optAttr}>${text}</span>`;
+    }
+
+    /**
+     *
+     */
+    translateElement(selector, options) {
+        // XXX i18next expects undefined if options are missing.
+        selector.localize(options ? options : undefined);
+    }
+}
+
+export default new Translation();
diff --git a/modules/transport/.eslintrc.js b/modules/transport/.eslintrc.js
new file mode 100644
index 0000000..28bcd9f
--- /dev/null
+++ b/modules/transport/.eslintrc.js
@@ -0,0 +1,3 @@
+module.exports = {
+    'extends': '../../react/.eslintrc.js'
+};
diff --git a/modules/transport/index.js b/modules/transport/index.js
new file mode 100644
index 0000000..65674ae
--- /dev/null
+++ b/modules/transport/index.js
@@ -0,0 +1,52 @@
+// FIXME: change to '../API' when we update to webpack2. If we do this now all
+// files from API modules will be included in external_api.js.
+import { PostMessageTransportBackend, Transport } from '@jitsi/js-utils/transport';
+
+import { getJitsiMeetGlobalNS } from '../../react/features/base/util/helpers';
+import { API_ID } from '../API/constants';
+
+
+export {
+    PostMessageTransportBackend,
+    Transport
+};
+
+/**
+ * Option for the default low level transport.
+ *
+ * @type {Object}
+ */
+const postisOptions = {};
+
+if (typeof API_ID === 'number') {
+    postisOptions.scope = `jitsi_meet_external_api_${API_ID}`;
+}
+
+/**
+ * The instance of Transport class that will be used by Jitsi Meet.
+ *
+ * @type {Transport}
+ */
+let transport;
+
+/**
+ * Returns the instance of Transport class that will be used by Jitsi Meet.
+ *
+ * @returns {Transport}
+ */
+export function getJitsiMeetTransport() {
+    if (!transport) {
+        transport = new Transport({ backend: new PostMessageTransportBackend({ postisOptions }) });
+    }
+
+    return transport;
+}
+
+/**
+ * Sets the transport to passed transport.
+ *
+ * @param {Object} externalTransportBackend - The new transport.
+ * @returns {void}
+ */
+getJitsiMeetGlobalNS().setExternalTransportBackend = externalTransportBackend =>
+    transport.setBackend(externalTransportBackend);
diff --git a/modules/util/TaskQueue.js b/modules/util/TaskQueue.js
new file mode 100644
index 0000000..d39c69c
--- /dev/null
+++ b/modules/util/TaskQueue.js
@@ -0,0 +1,71 @@
+const logger = require('@jitsi/logger').getLogger('app:utils');
+
+/**
+ * Manages a queue of functions where the current function in progress will
+ * automatically execute the next queued function.
+ */
+export class TaskQueue {
+    /**
+     * Creates a new instance of {@link TaskQueue} and sets initial instance
+     * variable values.
+     */
+    constructor() {
+        this._queue = [];
+        this._currentTask = null;
+
+        this._onTaskComplete = this._onTaskComplete.bind(this);
+    }
+
+    /**
+     * Adds a new function to the queue. It will be immediately invoked if no
+     * other functions are queued.
+     *
+     * @param {Function} taskFunction - The function to be queued for execution.
+     * @private
+     * @returns {void}
+     */
+    enqueue(taskFunction) {
+        this._queue.push(taskFunction);
+        this._executeNext();
+    }
+
+    /**
+     * If no queued task is currently executing, invokes the first task in the
+     * queue if any.
+     *
+     * @private
+     * @returns {void}
+     */
+    _executeNext() {
+        if (this._currentTask) {
+            logger.warn('Task queued while a task is in progress.');
+
+            return;
+        }
+
+        this._currentTask = this._queue.shift() || null;
+
+        if (this._currentTask) {
+            logger.debug('Executing a task.');
+
+            try {
+                this._currentTask(this._onTaskComplete);
+            } catch (error) {
+                logger.error(`Task execution failed: ${error}`);
+                this._onTaskComplete();
+            }
+        }
+    }
+
+    /**
+     * Prepares to invoke the next function in the queue.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onTaskComplete() {
+        this._currentTask = null;
+        logger.debug('Task completed.');
+        this._executeNext();
+    }
+}
diff --git a/modules/util/helpers.js b/modules/util/helpers.js
new file mode 100644
index 0000000..6b275e2
--- /dev/null
+++ b/modules/util/helpers.js
@@ -0,0 +1,26 @@
+import { TaskQueue } from './TaskQueue';
+
+/**
+ * Create deferred object.
+ *
+ * @returns {{promise, resolve, reject}}
+ */
+export function createDeferred() {
+    const deferred = {};
+
+    deferred.promise = new Promise((resolve, reject) => {
+        deferred.resolve = resolve;
+        deferred.reject = reject;
+    });
+
+    return deferred;
+}
+
+/**
+ * Returns an instance of {@link TaskQueue}.
+ *
+ * @returns {Object}
+ */
+export function createTaskQueue() {
+    return new TaskQueue();
+}
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..e464ad9
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,45901 @@
+{
+  "name": "jitsi-meet",
+  "version": "0.0.0",
+  "lockfileVersion": 2,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "jitsi-meet",
+      "version": "0.0.0",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@amplitude/analytics-browser": "2.17.12",
+        "@amplitude/analytics-react-native": "1.4.13",
+        "@braintree/sanitize-url": "7.0.0",
+        "@emotion/react": "11.10.6",
+        "@emotion/styled": "11.10.6",
+        "@giphy/js-fetch-api": "4.9.3",
+        "@giphy/react-components": "6.9.4",
+        "@giphy/react-native-sdk": "4.1.0",
+        "@jitsi/excalidraw": "https://github.com/jitsi/excalidraw/releases/download/v0.0.19/jitsi-excalidraw-0.0.19.tgz",
+        "@jitsi/js-utils": "2.6.7",
+        "@jitsi/logger": "2.1.1",
+        "@jitsi/rnnoise-wasm": "0.2.1",
+        "@matrix-org/olm": "3.2.15",
+        "@microsoft/microsoft-graph-client": "3.0.1",
+        "@mui/material": "5.12.1",
+        "@react-native-async-storage/async-storage": "1.23.1",
+        "@react-native-clipboard/clipboard": "1.14.3",
+        "@react-native-community/netinfo": "11.1.0",
+        "@react-native-community/slider": "4.5.6",
+        "@react-native-google-signin/google-signin": "10.1.0",
+        "@react-navigation/bottom-tabs": "6.6.0",
+        "@react-navigation/elements": "1.3.30",
+        "@react-navigation/material-top-tabs": "6.6.13",
+        "@react-navigation/native": "6.1.17",
+        "@react-navigation/stack": "6.4.0",
+        "@sayem314/react-native-keep-awake": "1.3.1",
+        "@stomp/stompjs": "7.0.0",
+        "@svgr/webpack": "6.3.1",
+        "@tensorflow/tfjs-backend-wasm": "3.13.0",
+        "@tensorflow/tfjs-core": "3.13.0",
+        "@vladmandic/human": "2.6.5",
+        "@vladmandic/human-models": "2.5.9",
+        "@xmldom/xmldom": "0.8.7",
+        "abab": "2.0.6",
+        "allure-commandline": "2.32.0",
+        "amplitude-js": "8.21.9",
+        "base64-js": "1.5.1",
+        "bc-css-flags": "3.0.0",
+        "clipboard-copy": "4.0.1",
+        "clsx": "1.1.1",
+        "dayjs": "1.11.13",
+        "dompurify": "3.2.6",
+        "dropbox": "10.7.0",
+        "focus-visible": "5.1.0",
+        "glob": "11.0.3",
+        "grapheme-splitter": "1.0.4",
+        "i18n-iso-countries": "6.8.0",
+        "i18next": "17.0.6",
+        "i18next-browser-languagedetector": "3.0.1",
+        "i18next-http-backend": "2.2.1",
+        "image-capture": "0.4.0",
+        "jquery": "3.6.1",
+        "jquery-i18next": "1.2.1",
+        "js-md5": "0.6.1",
+        "js-sha512": "0.8.0",
+        "jwt-decode": "2.2.0",
+        "lib-jitsi-meet": "https://github.com/jitsi/lib-jitsi-meet/releases/download/v2118.0.0+67fd2c84/lib-jitsi-meet.tgz",
+        "lodash-es": "4.17.21",
+        "null-loader": "4.0.1",
+        "optional-require": "1.0.3",
+        "pixelmatch": "5.3.0",
+        "promise.withresolvers": "1.0.3",
+        "punycode": "2.3.0",
+        "react": "18.2.0",
+        "react-dom": "18.2.0",
+        "react-emoji-render": "2.0.1",
+        "react-focus-on": "3.8.1",
+        "react-i18next": "10.11.4",
+        "react-linkify": "1.0.0-alpha",
+        "react-native": "0.77.2",
+        "react-native-background-timer": "https://github.com/jitsi/react-native-background-timer.git#d180dfaa4486ae3ee17d01242db92cb3195f4718",
+        "react-native-calendar-events": "https://github.com/jitsi/react-native-calendar-events.git#47f068dedfed7c0f72042e093f688eb11624eb7b",
+        "react-native-default-preference": "https://github.com/jitsi/react-native-default-preference.git#c9bf63bdc058e3fa2aa0b87b1ee1af240f44ed02",
+        "react-native-device-info": "12.1.0",
+        "react-native-dialog": "https://github.com/jitsi/react-native-dialog/releases/download/v9.2.2-jitsi.1/react-native-dialog-9.2.2.tgz",
+        "react-native-gesture-handler": "2.24.0",
+        "react-native-get-random-values": "1.11.0",
+        "react-native-orientation-locker": "https://github.com/jitsi/react-native-orientation-locker.git#fe095651d819cf134624f786b61fc8667862178a",
+        "react-native-pager-view": "6.8.1",
+        "react-native-paper": "5.10.3",
+        "react-native-performance": "5.1.2",
+        "react-native-safe-area-context": "5.5.2",
+        "react-native-screens": "4.11.1",
+        "react-native-sound": "https://github.com/jitsi/react-native-sound.git#ea13c97b5c2a4ff5e0d9bacbd9ff5e4457fe2c3c",
+        "react-native-splash-view": "0.0.18",
+        "react-native-svg": "15.11.2",
+        "react-native-svg-transformer": "1.2.0",
+        "react-native-tab-view": "3.5.2",
+        "react-native-url-polyfill": "2.0.0",
+        "react-native-video": "6.13.0",
+        "react-native-webrtc": "124.0.7",
+        "react-native-webview": "13.13.5",
+        "react-native-worklets-core": "https://github.com/jitsi/react-native-worklets-core.git#8c5dfab2a5907305da8971696a781b60f0f9cb18",
+        "react-native-youtube-iframe": "2.3.0",
+        "react-redux": "7.2.9",
+        "react-textarea-autosize": "8.3.0",
+        "react-virtualized-auto-sizer": "1.0.26",
+        "react-window": "1.8.6",
+        "react-youtube": "10.1.0",
+        "redux": "4.0.4",
+        "redux-thunk": "2.4.1",
+        "seamless-scroll-polyfill": "2.1.8",
+        "semver": "7.5.4",
+        "text-encoding": "0.7.0",
+        "ts-ebml": "^3.0.1",
+        "tss-react": "4.9.4",
+        "util": "0.12.1",
+        "uuid": "8.3.2",
+        "wasm-check": "2.0.1",
+        "windows-iana": "3.1.0",
+        "zxcvbn": "4.4.2"
+      },
+      "devDependencies": {
+        "@babel/core": "7.25.9",
+        "@babel/plugin-proposal-nullish-coalescing-operator": "7.18.6",
+        "@babel/plugin-proposal-optional-chaining": "7.21.0",
+        "@babel/plugin-transform-private-methods": "7.25.9",
+        "@babel/preset-env": "7.25.9",
+        "@babel/preset-react": "7.25.9",
+        "@jitsi/eslint-config": "6.0.4",
+        "@react-native-community/cli": "15.0.1",
+        "@react-native-community/cli-platform-android": "15.0.1",
+        "@react-native-community/cli-platform-ios": "15.0.1",
+        "@react-native/babel-preset": "0.77.2",
+        "@react-native/metro-config": "0.77.2",
+        "@types/amplitude-js": "8.16.5",
+        "@types/audioworklet": "0.0.29",
+        "@types/dom-screen-wake-lock": "1.0.1",
+        "@types/js-md5": "0.4.3",
+        "@types/jsonwebtoken": "9.0.7",
+        "@types/lodash-es": "4.17.12",
+        "@types/mocha": "10.0.10",
+        "@types/offscreencanvas": "2019.7.2",
+        "@types/pixelmatch": "5.2.5",
+        "@types/pretty": "2.0.3",
+        "@types/punycode": "2.1.0",
+        "@types/react": "17.0.14",
+        "@types/react-dom": "17.0.14",
+        "@types/react-linkify": "1.0.1",
+        "@types/react-native-keep-awake": "2.0.3",
+        "@types/react-native-video": "5.0.14",
+        "@types/react-redux": "7.1.24",
+        "@types/react-window": "1.8.5",
+        "@types/unorm": "1.3.28",
+        "@types/uuid": "8.3.4",
+        "@types/w3c-image-capture": "1.0.6",
+        "@types/w3c-web-hid": "1.0.3",
+        "@types/zxcvbn": "4.4.1",
+        "@wdio/allure-reporter": "9.22.0",
+        "@wdio/cli": "9.22.0",
+        "@wdio/globals": "9.17.0",
+        "@wdio/junit-reporter": "9.21.0",
+        "@wdio/local-runner": "9.22.0",
+        "@wdio/mocha-framework": "9.22.0",
+        "babel-loader": "9.1.0",
+        "babel-plugin-optional-require": "0.3.1",
+        "circular-dependency-plugin": "5.2.0",
+        "clean-css-cli": "4.3.0",
+        "core-js": "3.40.0",
+        "css-loader": "6.8.1",
+        "eslint": "8.57.0",
+        "eslint-plugin-import": "2.31.0",
+        "eslint-plugin-jsdoc": "50.6.1",
+        "eslint-plugin-react": "7.37.3",
+        "eslint-plugin-react-native": "5.0.0",
+        "eslint-plugin-typescript-sort-keys": "3.3.0",
+        "jetifier": "1.6.4",
+        "jsonwebtoken": "9.0.2",
+        "patch-package": "6.4.7",
+        "pretty": "2.0.0",
+        "process": "0.11.10",
+        "sass": "1.26.8",
+        "style-loader": "3.3.1",
+        "traverse": "0.6.6",
+        "ts-loader": "9.4.2",
+        "typescript": "5.7.2",
+        "unorm": "1.6.0",
+        "webdriverio": "9.22.0",
+        "webpack": "5.95.0",
+        "webpack-bundle-analyzer": "4.4.2",
+        "webpack-cli": "5.1.4",
+        "webpack-dev-server": "5.1.0"
+      },
+      "engines": {
+        "node": ">=22.0.0",
+        "npm": ">=10.0.0"
+      }
+    },
+    "../lib-jitsi-meet": {
+      "version": "0.0.0",
+      "extraneous": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@jitsi/js-utils": "2.0.0",
+        "@jitsi/logger": "2.0.0",
+        "@jitsi/sdp-interop": "https://git@github.com/jitsi/sdp-interop#3d49eb4aa26863a3f8d32d7581cdb4321244266b",
+        "@jitsi/sdp-simulcast": "0.4.0",
+        "async": "3.2.3",
+        "base64-js": "1.3.1",
+        "current-executing-script": "0.1.3",
+        "lodash.clonedeep": "4.5.0",
+        "lodash.debounce": "4.0.8",
+        "lodash.isequal": "4.5.0",
+        "promise.allsettled": "1.0.4",
+        "sdp-transform": "2.3.0",
+        "strophe.js": "1.3.4",
+        "strophejs-plugin-disco": "0.0.2",
+        "strophejs-plugin-stream-management": "https://git@github.com/jitsi/strophejs-plugin-stream-management#001cf02bef2357234e1ac5d163611b4d60bf2b6a",
+        "uuid": "8.1.0",
+        "webrtc-adapter": "8.0.0"
+      },
+      "devDependencies": {
+        "@babel/core": "7.16.0",
+        "@babel/eslint-parser": "7.16.0",
+        "@babel/preset-env": "7.16.0",
+        "@babel/preset-typescript": "7.16.7",
+        "@jitsi/eslint-config": "4.0.0",
+        "@types/async": "3.2.12",
+        "@types/jasmine": "3.10.3",
+        "@types/sdp-transform": "2.4.5",
+        "babel-loader": "8.2.3",
+        "core-js": "3.19.1",
+        "eslint": "8.1.0",
+        "eslint-plugin-import": "2.25.2",
+        "jasmine-core": "3.5.0",
+        "karma": "6.3.16",
+        "karma-chrome-launcher": "3.1.0",
+        "karma-jasmine": "3.1.1",
+        "karma-sourcemap-loader": "0.3.7",
+        "karma-webpack": "5.0.0",
+        "process": "0.11.10",
+        "string-replace-loader": "3.0.3",
+        "typescript": "4.3.5",
+        "webpack": "5.57.1",
+        "webpack-bundle-analyzer": "4.4.2",
+        "webpack-cli": "4.9.0"
+      }
+    },
+    "../rnnoise-wasm": {
+      "name": "@jitsi/rnnoise-wasm",
+      "version": "0.1.0",
+      "extraneous": true,
+      "devDependencies": {}
+    },
+    "node_modules/@amplitude/analytics-browser": {
+      "version": "2.17.12",
+      "resolved": "https://registry.npmjs.org/@amplitude/analytics-browser/-/analytics-browser-2.17.12.tgz",
+      "integrity": "sha512-oADGSPJWcfnNyBqN7qDgEOEVrLxSb9Qh4wINi7DsRS8Mj55Ukh9M1iqQoLXrCXK/lbV4QMhUWn1ZmBAMCKYZKQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@amplitude/analytics-core": "^2.14.0",
+        "@amplitude/analytics-remote-config": "^0.4.0",
+        "@amplitude/plugin-autocapture-browser": "^1.4.0",
+        "@amplitude/plugin-network-capture-browser": "^1.2.0",
+        "@amplitude/plugin-page-view-tracking-browser": "^2.3.32",
+        "tslib": "^2.4.1"
+      }
+    },
+    "node_modules/@amplitude/analytics-browser/node_modules/@amplitude/analytics-core": {
+      "version": "2.14.0",
+      "resolved": "https://registry.npmjs.org/@amplitude/analytics-core/-/analytics-core-2.14.0.tgz",
+      "integrity": "sha512-JmKzlZ5I4JAlWLx2kcCuxH4XNthyaIa+NDAOfpP2xbgZGFM9Gsd9TO/a+SMyGAEryaxb1b5tYdIkMFhjHPjuHA==",
+      "license": "MIT",
+      "dependencies": {
+        "@amplitude/analytics-connector": "^1.6.4",
+        "tslib": "^2.4.1"
+      }
+    },
+    "node_modules/@amplitude/analytics-client-common": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/@amplitude/analytics-client-common/-/analytics-client-common-1.2.5.tgz",
+      "integrity": "sha512-W881IHihCmCUymhNY8tLEj58AsKiYjDszORknD0Q3FrKw5CZlEQbXFVqFpDzfUnUb9jtg2zo4JCsneZe1A3oqw==",
+      "license": "MIT",
+      "dependencies": {
+        "@amplitude/analytics-connector": "^1.5.0",
+        "@amplitude/analytics-core": "^1.2.7",
+        "@amplitude/analytics-types": "^1.3.5",
+        "tslib": "^2.4.1"
+      }
+    },
+    "node_modules/@amplitude/analytics-connector": {
+      "version": "1.6.4",
+      "resolved": "https://registry.npmjs.org/@amplitude/analytics-connector/-/analytics-connector-1.6.4.tgz",
+      "integrity": "sha512-SpIv0IQMNIq6SH3UqFGiaZyGSc7PBZwRdq7lvP0pBxW8i4Ny+8zwI0pV+VMfMHQwWY3wdIbWw5WQphNjpdq1/Q==",
+      "license": "MIT"
+    },
+    "node_modules/@amplitude/analytics-core": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/@amplitude/analytics-core/-/analytics-core-1.2.7.tgz",
+      "integrity": "sha512-SM9jdQ+l2q+hy+DdCQm5vtfOTiI+53c+alSSc7fwiuFnTExllXHf9RUK6kKhw3ky+N2o6yqbo+0OGoepLhNf6w==",
+      "license": "MIT",
+      "dependencies": {
+        "@amplitude/analytics-types": "^1.3.5",
+        "tslib": "^2.4.1"
+      }
+    },
+    "node_modules/@amplitude/analytics-react-native": {
+      "version": "1.4.13",
+      "resolved": "https://registry.npmjs.org/@amplitude/analytics-react-native/-/analytics-react-native-1.4.13.tgz",
+      "integrity": "sha512-znl7IkazV0j++R+F6GEzWNaVbCBipwKNBbIrhsMpaw0vMhdgiS0Jr36HiKUrX2Md6LvqRZ5JhM4KbMzRFD5ujQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@amplitude/analytics-client-common": "^1.2.5",
+        "@amplitude/analytics-core": "^1.2.7",
+        "@amplitude/analytics-types": "^1.3.5",
+        "@amplitude/ua-parser-js": "^0.7.31",
+        "@react-native-async-storage/async-storage": "^1.17.11",
+        "tslib": "^2.4.1"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
+    "node_modules/@amplitude/analytics-remote-config": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/@amplitude/analytics-remote-config/-/analytics-remote-config-0.4.1.tgz",
+      "integrity": "sha512-BYl6kQ9qjztrCACsugpxO+foLaQIC0aSEzoXEAb/gwOzInmqkyyI+Ub+aWTBih4xgB/lhWlOcidWHAmNiTJTNw==",
+      "license": "MIT",
+      "dependencies": {
+        "@amplitude/analytics-client-common": ">=1 <3",
+        "@amplitude/analytics-core": ">=1 <3",
+        "@amplitude/analytics-types": ">=1 <3",
+        "tslib": "^2.4.1"
+      }
+    },
+    "node_modules/@amplitude/analytics-types": {
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/@amplitude/analytics-types/-/analytics-types-1.3.5.tgz",
+      "integrity": "sha512-IpncCNTZZ6VoGe4fNwTTZtpi+ZNm3mtsocdbCHtIwmKg2wmOF2E09CAwvyF7mK5aRlMIrSAKQyR3GwraATghSw==",
+      "license": "MIT"
+    },
+    "node_modules/@amplitude/plugin-autocapture-browser": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@amplitude/plugin-autocapture-browser/-/plugin-autocapture-browser-1.4.0.tgz",
+      "integrity": "sha512-vvqfCflFS8vCkMAmMxUP59h/g4hImsYKUMqevmT1dGbM9bq7eccRTP8JsTpoTomG70VLCUfqitQTMfXuWf9GVQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@amplitude/analytics-core": "^2.14.0",
+        "rxjs": "^7.8.1",
+        "tslib": "^2.4.1"
+      }
+    },
+    "node_modules/@amplitude/plugin-autocapture-browser/node_modules/@amplitude/analytics-core": {
+      "version": "2.14.0",
+      "resolved": "https://registry.npmjs.org/@amplitude/analytics-core/-/analytics-core-2.14.0.tgz",
+      "integrity": "sha512-JmKzlZ5I4JAlWLx2kcCuxH4XNthyaIa+NDAOfpP2xbgZGFM9Gsd9TO/a+SMyGAEryaxb1b5tYdIkMFhjHPjuHA==",
+      "license": "MIT",
+      "dependencies": {
+        "@amplitude/analytics-connector": "^1.6.4",
+        "tslib": "^2.4.1"
+      }
+    },
+    "node_modules/@amplitude/plugin-network-capture-browser": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@amplitude/plugin-network-capture-browser/-/plugin-network-capture-browser-1.2.0.tgz",
+      "integrity": "sha512-exFqJ3MWCs1d00Zj+XfwP0eXD8R4jG8Zd+bp3pUguGOVa9+x4UTbYWul2S9lt40Arp33DFijobl+ocDSRBCIFg==",
+      "license": "MIT",
+      "dependencies": {
+        "@amplitude/analytics-core": "^2.14.0",
+        "rxjs": "^7.8.1",
+        "tslib": "^2.4.1"
+      }
+    },
+    "node_modules/@amplitude/plugin-network-capture-browser/node_modules/@amplitude/analytics-core": {
+      "version": "2.14.0",
+      "resolved": "https://registry.npmjs.org/@amplitude/analytics-core/-/analytics-core-2.14.0.tgz",
+      "integrity": "sha512-JmKzlZ5I4JAlWLx2kcCuxH4XNthyaIa+NDAOfpP2xbgZGFM9Gsd9TO/a+SMyGAEryaxb1b5tYdIkMFhjHPjuHA==",
+      "license": "MIT",
+      "dependencies": {
+        "@amplitude/analytics-connector": "^1.6.4",
+        "tslib": "^2.4.1"
+      }
+    },
+    "node_modules/@amplitude/plugin-page-view-tracking-browser": {
+      "version": "2.3.32",
+      "resolved": "https://registry.npmjs.org/@amplitude/plugin-page-view-tracking-browser/-/plugin-page-view-tracking-browser-2.3.32.tgz",
+      "integrity": "sha512-Y+6OUv0De1hI4GSdxlWFSsTvjKGsfWM2AP2+elLsPQuZxgBUXjmfkPwRLh4TLMmtbQPfX38vbddBVYWPSStRFw==",
+      "license": "MIT",
+      "dependencies": {
+        "@amplitude/analytics-client-common": "^2.3.26",
+        "@amplitude/analytics-types": "^2.9.2",
+        "tslib": "^2.4.1"
+      }
+    },
+    "node_modules/@amplitude/plugin-page-view-tracking-browser/node_modules/@amplitude/analytics-client-common": {
+      "version": "2.3.26",
+      "resolved": "https://registry.npmjs.org/@amplitude/analytics-client-common/-/analytics-client-common-2.3.26.tgz",
+      "integrity": "sha512-YVMZkugw01fsok2i3x/HhAYG8t9kYxnmNDl6oKbvZkzCzfRUuOKa+f0OLUD2SRJRxTKRanAwHINZuDdk3cR7qQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@amplitude/analytics-connector": "^1.4.8",
+        "@amplitude/analytics-core": "^2.14.0",
+        "@amplitude/analytics-types": "^2.9.2",
+        "tslib": "^2.4.1"
+      }
+    },
+    "node_modules/@amplitude/plugin-page-view-tracking-browser/node_modules/@amplitude/analytics-core": {
+      "version": "2.14.0",
+      "resolved": "https://registry.npmjs.org/@amplitude/analytics-core/-/analytics-core-2.14.0.tgz",
+      "integrity": "sha512-JmKzlZ5I4JAlWLx2kcCuxH4XNthyaIa+NDAOfpP2xbgZGFM9Gsd9TO/a+SMyGAEryaxb1b5tYdIkMFhjHPjuHA==",
+      "license": "MIT",
+      "dependencies": {
+        "@amplitude/analytics-connector": "^1.6.4",
+        "tslib": "^2.4.1"
+      }
+    },
+    "node_modules/@amplitude/plugin-page-view-tracking-browser/node_modules/@amplitude/analytics-types": {
+      "version": "2.9.2",
+      "resolved": "https://registry.npmjs.org/@amplitude/analytics-types/-/analytics-types-2.9.2.tgz",
+      "integrity": "sha512-juhTz396dDP/jLJYP9zDOEAZBtJM0JVvP8G10p1OxUDBVwVIprpQL598F9GRQwVFyqV4CEhDmNyAY0HqqU5bhA==",
+      "license": "MIT"
+    },
+    "node_modules/@amplitude/types": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/@amplitude/types/-/types-1.10.2.tgz",
+      "integrity": "sha512-I8qenRI7uU6wKNb9LiZrAosSHVoNHziXouKY81CrqxH9xhVTEIJFXeuCV0hbtBr0Al/8ejnGjQRx+S2SvU/pPg==",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@amplitude/ua-parser-js": {
+      "version": "0.7.33",
+      "resolved": "https://registry.npmjs.org/@amplitude/ua-parser-js/-/ua-parser-js-0.7.33.tgz",
+      "integrity": "sha512-wKEtVR4vXuPT9cVEIJkYWnlF++Gx3BdLatPBM+SZ1ztVIvnhdGBZR/mn9x/PzyrMcRlZmyi6L56I2J3doVBnjA==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/ua-parser-js"
+        },
+        {
+          "type": "paypal",
+          "url": "https://paypal.me/faisalman"
+        }
+      ],
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/@amplitude/utils": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/@amplitude/utils/-/utils-1.10.2.tgz",
+      "integrity": "sha512-tVsHXu61jITEtRjB7NugQ5cVDd4QDzne8T3ifmZye7TiJeUfVRvqe44gDtf55A+7VqhDhyEIIXTA1iVcDGqlEw==",
+      "dependencies": {
+        "@amplitude/types": "^1.10.2",
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@ampproject/remapping": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.0.tgz",
+      "integrity": "sha512-qRmjj8nj9qmLTQXXmaR1cck3UXSRMPrbsLJAasZpF+t3riI71BXed5ebIOYwQntykeZuhjsdweEc9BxH5Jc26w==",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.1.0",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@ampproject/remapping/node_modules/@jridgewell/gen-mapping": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz",
+      "integrity": "sha512-sQXCasFk+U8lWYEe66WxRDOE9PjVz4vSM51fTu3Hw+ClTpUSQb718772vH3pyS5pShp6lvQM7SxgIDXXXmOX7w==",
+      "dependencies": {
+        "@jridgewell/set-array": "^1.0.0",
+        "@jridgewell/sourcemap-codec": "^1.4.10"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz",
+      "integrity": "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.26.0.tgz",
+      "integrity": "sha512-qETICbZSLe7uXv9VE8T/RWOdIE5qqyTucOt4zLYMafj2MRO271VGgLd4RACJMeBO37UPWhXiKMBk7YlJ0fOzQA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.25.9.tgz",
+      "integrity": "sha512-WYvQviPw+Qyib0v92AwNIrdLISTp7RfDkM7bPqBvpbnhY4wq8HvHBZREVdYDXk98C8BkOIVnHAY3yvj7AVISxQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@ampproject/remapping": "^2.2.0",
+        "@babel/code-frame": "^7.25.9",
+        "@babel/generator": "^7.25.9",
+        "@babel/helper-compilation-targets": "^7.25.9",
+        "@babel/helper-module-transforms": "^7.25.9",
+        "@babel/helpers": "^7.25.9",
+        "@babel/parser": "^7.25.9",
+        "@babel/template": "^7.25.9",
+        "@babel/traverse": "^7.25.9",
+        "@babel/types": "^7.25.9",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "node_modules/@babel/core/node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "license": "MIT"
+    },
+    "node_modules/@babel/core/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/eslint-parser": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/eslint-parser/-/eslint-parser-7.25.9.tgz",
+      "integrity": "sha512-5UXfgpK0j0Xr/xIdgdLEhOFxaDZ0bRPWJJchRpqOSur/3rZoPbqqki5mm0p4NE2cs28krBEiSM2MB7//afRSQQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nicolo-ribaudo/eslint-scope-5-internals": "5.1.1-v1",
+        "eslint-visitor-keys": "^2.1.0",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || >=14.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.11.0",
+        "eslint": "^7.5.0 || ^8.0.0 || ^9.0.0"
+      }
+    },
+    "node_modules/@babel/eslint-parser/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.27.5",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.27.5.tgz",
+      "integrity": "sha512-ZGhA37l0e/g2s1Cnzdix0O3aLYm66eF8aufiVteOgnwxgnRP8GoyMj7VWsgWnQbVKXyge7hqrFh2K2TQM6t1Hw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.27.5",
+        "@babel/types": "^7.27.3",
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.25",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-annotate-as-pure": {
+      "version": "7.27.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz",
+      "integrity": "sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.27.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-builder-binary-assignment-operator-visitor": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.25.9.tgz",
+      "integrity": "sha512-C47lC7LIDCnz0h4vai/tpNOI95tCd5ZT3iBt/DBH5lXKHZsyNQv18yf1wIIg2ntiQNgmAvA+DgZ82iW8Qdym8g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.25.9",
+        "@babel/types": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.25.9.tgz",
+      "integrity": "sha512-j9Db8Suy6yV/VHa4qzrj9yZfZxhLWQdVnRlXxmKLYlhWUVB1sB2G5sxuWYXk/whHD9iW76PmNzxZ4UCnTQTVEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.25.9",
+        "@babel/helper-validator-option": "^7.25.9",
+        "browserslist": "^4.24.0",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets/node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets/node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g=="
+    },
+    "node_modules/@babel/helper-create-class-features-plugin": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.27.1.tgz",
+      "integrity": "sha512-QwGAmuvM17btKU5VqXfb+Giw4JcN0hjuufz3DYnpeVDvZLAObloM77bhMXiqry3Iio+Ai4phVRDwl6WU10+r5A==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.27.1",
+        "@babel/helper-member-expression-to-functions": "^7.27.1",
+        "@babel/helper-optimise-call-expression": "^7.27.1",
+        "@babel/helper-replace-supers": "^7.27.1",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
+        "@babel/traverse": "^7.27.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-create-class-features-plugin/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/helper-create-regexp-features-plugin": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.25.9.tgz",
+      "integrity": "sha512-ORPNZ3h6ZRkOyAa/SaHU+XsLZr0UQzRwuDQ0cczIA17nAzZ+85G5cVkOJIj7QavLZGSe8QXUmNFxSZzjcZF9bw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "regexpu-core": "^6.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-create-regexp-features-plugin/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/helper-define-polyfill-provider": {
+      "version": "0.6.4",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.4.tgz",
+      "integrity": "sha512-jljfR1rGnXXNWnmQg2K3+bvhkxB51Rl32QRaOTuwwjviGrHzIbSc8+x9CpraDtbT7mfyjXObULP4w/adunNwAw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-compilation-targets": "^7.22.6",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "debug": "^4.1.1",
+        "lodash.debounce": "^4.0.8",
+        "resolve": "^1.14.2"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/@babel/helper-member-expression-to-functions": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.27.1.tgz",
+      "integrity": "sha512-E5chM8eWjTp/aNoVpcbfM7mLxu9XGLWYise2eBKGQomAk/Mb4XoxyqXTZbuTohbsl8EKqdlMhnDI2CCLfcs9wA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz",
+      "integrity": "sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.27.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.27.3.tgz",
+      "integrity": "sha512-dSOvYwvyLsWBeIRyOeHXp5vPj5l1I011r52FM1+r1jCERv+aFXYk4whgQccYEGYxK2H3ZAIA8nuPkQ0HaUo3qg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "@babel/traverse": "^7.27.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-optimise-call-expression": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.27.1.tgz",
+      "integrity": "sha512-URMGH08NzYFhubNSGJrpUEphGKQwMQYBySzat5cAByY1/YgIRkULnIy3tAMeszlL/so2HbeilYloUmSpd7GdVw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-plugin-utils": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.27.1.tgz",
+      "integrity": "sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-remap-async-to-generator": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.25.9.tgz",
+      "integrity": "sha512-IZtukuUeBbhgOcaW2s06OXTzVNJR0ybm4W5xC1opWFFJMZbwRj5LCk+ByYH7WdZPZTt8KnFwA8pvjN2yqcPlgw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "@babel/helper-wrap-function": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-replace-supers": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.27.1.tgz",
+      "integrity": "sha512-7EHz6qDZc8RYS5ElPoShMheWvEgERonFCs7IAonWLLUTXW59DP14bCZt89/GKyreYn8g3S83m21FelHKbeDCKA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-member-expression-to-functions": "^7.27.1",
+        "@babel/helper-optimise-call-expression": "^7.27.1",
+        "@babel/traverse": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-skip-transparent-expression-wrappers": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.27.1.tgz",
+      "integrity": "sha512-Tub4ZKEXqbPjXgWLl2+3JpQAYBJ8+ikpQ2Ocj/q/r0LwE3UhENh7EUabyHjz2kCEsrRY83ew2DQdHluuiDQFzg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz",
+      "integrity": "sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
+      "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-wrap-function": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.25.9.tgz",
+      "integrity": "sha512-ETzz9UTjQSTmw39GboatdymDq4XIQbR8ySgVrylRhPOFpsd+JrKHIuF0de7GCWmem+T4uC5z7EZguod7Wj4A4g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.25.9",
+        "@babel/traverse": "^7.25.9",
+        "@babel/types": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.27.0",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.27.0.tgz",
+      "integrity": "sha512-U5eyP/CTFPuNE3qk+WZMxFkp/4zUzdceQlfzf7DdGdhp+Fezd7HD+i8Y24ZuTMKX3wQBld449jijbGq6OdGNQg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.27.0",
+        "@babel/types": "^7.27.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.27.5",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.27.5.tgz",
+      "integrity": "sha512-OsQd175SxWkGlzbny8J3K8TnnDD0N3lrIUtB92xwyRpzaenGZhxDvxN/JgU00U3CDZNj9tPuDJ5H0WS4Nt3vKg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.27.3"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-firefox-class-in-computed-class-key": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.25.9.tgz",
+      "integrity": "sha512-ZkRyVkThtxQ/J6nv3JFYv1RYY+JT5BvU0y3k5bWrmuG4woXypRa4PXmm9RhOwodRkYFWqC0C0cqcJ4OqR7kW+g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-safari-class-field-initializer-scope": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-class-field-initializer-scope/-/plugin-bugfix-safari-class-field-initializer-scope-7.25.9.tgz",
+      "integrity": "sha512-MrGRLZxLD/Zjj0gdU15dfs+HH/OXvnw/U4jJD8vpcP2CJQapPEv1IWwjc/qMg7ItBlPwSv1hRBbb7LeuANdcnw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.25.9.tgz",
+      "integrity": "sha512-2qUwwfAFpJLZqxd02YW9btUCZHl+RFvdDkNfZwaIJrvB8Tesjsk8pEQkTvGwZXLqXUx/2oyY3ySRhm6HOXuCug==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.25.9.tgz",
+      "integrity": "sha512-6xWgLZTJXwilVjlnV7ospI3xi+sl8lN8rXXbBD6vYn3UYDlGsag8wrZkKcSI8G6KgqKP7vNFaDgeDnfAABq61g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9",
+        "@babel/plugin-transform-optional-chaining": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.13.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.25.9.tgz",
+      "integrity": "sha512-aLnMXYPnzwwqhYSCyXfKkIkYgJ8zv9RK+roo9DkTXz38ynIhd9XCbN08s3MGvqL2MYGVUGdRQLL/JqBIeJhJBg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-proposal-export-default-from": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-export-default-from/-/plugin-proposal-export-default-from-7.25.9.tgz",
+      "integrity": "sha512-ykqgwNfSnNOB+C8fV5X4mG3AVmvu+WVxcaU9xHHtBb7PCrPeweMmPjGsn8eMaeJg6SJuoUuZENeeSWaarWqonQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-proposal-nullish-coalescing-operator": {
+      "version": "7.18.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.18.6.tgz",
+      "integrity": "sha512-wQxQzxYeJqHcfppzBDnm1yAY0jSRkUXR2z8RePZYrKwMKgMlE8+Z6LUno+bd6LvbGh8Gltvy74+9pIYkr+XkKA==",
+      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-nullish-coalescing-operator instead.",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.18.6",
+        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-proposal-optional-chaining": {
+      "version": "7.21.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.21.0.tgz",
+      "integrity": "sha512-p4zeefM72gpmEe2fkUr/OnOXpWEf8nAgk7ZYVqqfFiyIG7oFfVZcCrU64hWn5xp4tQ9LkV4bTIa5rD0KANpKNA==",
+      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-optional-chaining instead.",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.20.2",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.20.0",
+        "@babel/plugin-syntax-optional-chaining": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-proposal-private-property-in-object": {
+      "version": "7.21.0-placeholder-for-preset-env.2",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz",
+      "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-async-generators": {
+      "version": "7.8.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz",
+      "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-bigint": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-bigint/-/plugin-syntax-bigint-7.8.3.tgz",
+      "integrity": "sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-class-properties": {
+      "version": "7.12.13",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz",
+      "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.12.13"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-class-static-block": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz",
+      "integrity": "sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-dynamic-import": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz",
+      "integrity": "sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-export-default-from": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-export-default-from/-/plugin-syntax-export-default-from-7.24.7.tgz",
+      "integrity": "sha512-bTPz4/635WQ9WhwsyPdxUJDVpsi/X9BMmy/8Rf/UAlOO4jSql4CxUCjWI5PiM+jG+c4LVPTScoTw80geFj9+Bw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-flow": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.27.1.tgz",
+      "integrity": "sha512-p9OkPbZ5G7UT1MofwYFigGebnrzGJacoBSQM0/6bi/PUMVE+qlWDD/OalvQKbwgQzU6dl0xAv6r4X7Jme0RYxA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-assertions": {
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.26.0.tgz",
+      "integrity": "sha512-QCWT5Hh830hK5EQa7XzuqIkQU9tT/whqbDz7kuaZMHFl1inRRg7JnuAEOQ0Ur0QUl0NufCk1msK2BeY79Aj/eg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-attributes": {
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.26.0.tgz",
+      "integrity": "sha512-e2dttdsJ1ZTpi3B9UYGLw41hifAubg19AtCu/2I/F1QNVclOBr1dYpTdmdyZ84Xiz43BS/tCUkMAZNLv12Pi+A==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-meta": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz",
+      "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-json-strings": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz",
+      "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-jsx": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.27.1.tgz",
+      "integrity": "sha512-y8YTNIeKoyhGd9O0Jiyzyyqk8gdjnumGTQPsz0xOZOQ2RmkVJeZ1vmmfIvFEKqucBG6axJGBZDE/7iI5suUI/w==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-logical-assignment-operators": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz",
+      "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-nullish-coalescing-operator": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz",
+      "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-numeric-separator": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz",
+      "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-object-rest-spread": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz",
+      "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-optional-catch-binding": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz",
+      "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-optional-chaining": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz",
+      "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-private-property-in-object": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz",
+      "integrity": "sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-top-level-await": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz",
+      "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-typescript": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.27.1.tgz",
+      "integrity": "sha512-xfYCBMxveHrRMnAWl1ZlPXOZjzkN82THFvLhQhFXFt81Z5HnN+EtUkZhv/zcKpmT3fzmWZB0ywiBrbC3vogbwQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-unicode-sets-regex": {
+      "version": "7.18.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz",
+      "integrity": "sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.18.6",
+        "@babel/helper-plugin-utils": "^7.18.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-arrow-functions": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.25.9.tgz",
+      "integrity": "sha512-6jmooXYIwn9ca5/RylZADJ+EnSxVUS5sjeJ9UPk6RWRzXCmOJCy6dqItPJFpw2cuCangPK4OYr5uhGKcmrm5Qg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-async-generator-functions": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.25.9.tgz",
+      "integrity": "sha512-RXV6QAzTBbhDMO9fWwOmwwTuYaiPbggWQ9INdZqAYeSHyG7FzQ+nOZaUUjNwKv9pV3aE4WFqFm1Hnbci5tBCAw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-remap-async-to-generator": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-async-to-generator": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.25.9.tgz",
+      "integrity": "sha512-NT7Ejn7Z/LjUH0Gv5KsBCxh7BH3fbLTV0ptHvpeMvrt3cPThHfJfst9Wrb7S8EvJ7vRTFI7z+VAvFVEQn/m5zQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-remap-async-to-generator": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-block-scoped-functions": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.25.9.tgz",
+      "integrity": "sha512-toHc9fzab0ZfenFpsyYinOX0J/5dgJVA2fm64xPewu7CoYHWEivIWKxkK2rMi4r3yQqLnVmheMXRdG+k239CgA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-block-scoping": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.25.9.tgz",
+      "integrity": "sha512-1F05O7AYjymAtqbsFETboN1NvBdcnzMerO+zlMyJBEz6WkMdejvGWw9p05iTSjC85RLlBseHHQpYaM4gzJkBGg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-class-properties": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.25.9.tgz",
+      "integrity": "sha512-bbMAII8GRSkcd0h0b4X+36GksxuheLFjP65ul9w6C3KgAamI3JqErNgSrosX6ZPj+Mpim5VvEbawXxJCyEUV3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-class-static-block": {
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.26.0.tgz",
+      "integrity": "sha512-6J2APTs7BDDm+UMqP1useWqhcRAXo0WIoVj26N7kPFB6S73Lgvyka4KTZYIxtgYXiN5HTyRObA72N2iu628iTQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.12.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-classes": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.25.9.tgz",
+      "integrity": "sha512-mD8APIXmseE7oZvZgGABDyM34GUmK45Um2TXiBUt7PnuAxrgoSVf123qUzPxEr/+/BHrRn5NMZCdE2m/1F8DGg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "@babel/helper-compilation-targets": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-replace-supers": "^7.25.9",
+        "@babel/traverse": "^7.25.9",
+        "globals": "^11.1.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-computed-properties": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.25.9.tgz",
+      "integrity": "sha512-HnBegGqXZR12xbcTHlJ9HGxw1OniltT26J5YpfruGqtUHlz/xKf/G2ak9e+t0rVqrjXa9WOhvYPz1ERfMj23AA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/template": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-destructuring": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.25.9.tgz",
+      "integrity": "sha512-WkCGb/3ZxXepmMiX101nnGiU+1CAdut8oHyEOHxkKuS1qKpU2SMXE2uSvfz8PBuLd49V6LEsbtyPhWC7fnkgvQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-dotall-regex": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.25.9.tgz",
+      "integrity": "sha512-t7ZQ7g5trIgSRYhI9pIJtRl64KHotutUJsh4Eze5l7olJv+mRSg4/MmbZ0tv1eeqRbdvo/+trvJD/Oc5DmW2cA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-duplicate-keys": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.25.9.tgz",
+      "integrity": "sha512-LZxhJ6dvBb/f3x8xwWIuyiAHy56nrRG3PeYTpBkkzkYRRQ6tJLu68lEF5VIqMUZiAV7a8+Tb78nEoMCMcqjXBw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-duplicate-named-capturing-groups-regex": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-named-capturing-groups-regex/-/plugin-transform-duplicate-named-capturing-groups-regex-7.25.9.tgz",
+      "integrity": "sha512-0UfuJS0EsXbRvKnwcLjFtJy/Sxc5J5jhLHnFhy7u4zih97Hz6tJkLU+O+FMMrNZrosUPxDi6sYxJ/EA8jDiAog==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-dynamic-import": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.25.9.tgz",
+      "integrity": "sha512-GCggjexbmSLaFhqsojeugBpeaRIgWNTcgKVq/0qIteFEqY2A+b9QidYadrWlnbWQUrW5fn+mCvf3tr7OeBFTyg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-exponentiation-operator": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.25.9.tgz",
+      "integrity": "sha512-KRhdhlVk2nObA5AYa7QMgTMTVJdfHprfpAk4DjZVtllqRg9qarilstTKEhpVjyt+Npi8ThRyiV8176Am3CodPA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-builder-binary-assignment-operator-visitor": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-export-namespace-from": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.25.9.tgz",
+      "integrity": "sha512-2NsEz+CxzJIVOPx2o9UsW1rXLqtChtLoVnwYHHiB04wS5sgn7mrV45fWMBX0Kk+ub9uXytVYfNP2HjbVbCB3Ww==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-flow-strip-types": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.27.1.tgz",
+      "integrity": "sha512-G5eDKsu50udECw7DL2AcsysXiQyB7Nfg521t2OAJ4tbfTJ27doHLeF/vlI1NZGlLdbb/v+ibvtL1YBQqYOwJGg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/plugin-syntax-flow": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-for-of": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.25.9.tgz",
+      "integrity": "sha512-LqHxduHoaGELJl2uhImHwRQudhCM50pT46rIBNvtT/Oql3nqiS3wOwP+5ten7NpYSXrrVLgtZU3DZmPtWZo16A==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-function-name": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.25.9.tgz",
+      "integrity": "sha512-8lP+Yxjv14Vc5MuWBpJsoUCd3hD6V9DgBon2FVYL4jJgbnVQ9fTgYmonchzZJOVNgzEgbxp4OwAf6xz6M/14XA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-compilation-targets": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-json-strings": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.25.9.tgz",
+      "integrity": "sha512-xoTMk0WXceiiIvsaquQQUaLLXSW1KJ159KP87VilruQm0LNNGxWzahxSS6T6i4Zg3ezp4vA4zuwiNUR53qmQAw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-literals": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.25.9.tgz",
+      "integrity": "sha512-9N7+2lFziW8W9pBl2TzaNht3+pgMIRP74zizeCSrtnSKVdUl8mAjjOP2OOVQAfZ881P2cNjDj1uAMEdeD50nuQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-logical-assignment-operators": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.25.9.tgz",
+      "integrity": "sha512-wI4wRAzGko551Y8eVf6iOY9EouIDTtPb0ByZx+ktDGHwv6bHFimrgJM/2T021txPZ2s4c7bqvHbd+vXG6K948Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-member-expression-literals": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.25.9.tgz",
+      "integrity": "sha512-PYazBVfofCQkkMzh2P6IdIUaCEWni3iYEerAsRWuVd8+jlM1S9S9cz1dF9hIzyoZ8IA3+OwVYIp9v9e+GbgZhA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-amd": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.25.9.tgz",
+      "integrity": "sha512-g5T11tnI36jVClQlMlt4qKDLlWnG5pP9CSM4GhdRciTNMRgkfpo5cR6b4rGIOYPgRRuFAvwjPQ/Yk+ql4dyhbw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-commonjs": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.27.1.tgz",
+      "integrity": "sha512-OJguuwlTYlN0gBZFRPqwOGNWssZjfIUdS7HMYtN8c1KmwpwHFBwTeFZrg9XZa+DFTitWOW5iTAG7tyCUPsCCyw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-systemjs": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.25.9.tgz",
+      "integrity": "sha512-hyss7iIlH/zLHaehT+xwiymtPOpsiwIIRlCAOwBB04ta5Tt+lNItADdlXw3jAWZ96VJ2jlhl/c+PNIQPKNfvcA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-validator-identifier": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-umd": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.25.9.tgz",
+      "integrity": "sha512-bS9MVObUgE7ww36HEfwe6g9WakQ0KF07mQF74uuXdkoziUPfKyu/nIm663kz//e5O1nPInPFx36z7WJmJ4yNEw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-named-capturing-groups-regex": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.25.9.tgz",
+      "integrity": "sha512-oqB6WHdKTGl3q/ItQhpLSnWWOpjUJLsOCLVyeFgeTktkBSCiurvPOsyt93gibI9CmuKvTUEtWmG5VhZD+5T/KA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-new-target": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.25.9.tgz",
+      "integrity": "sha512-U/3p8X1yCSoKyUj2eOBIx3FOn6pElFOKvAAGf8HTtItuPyB+ZeOqfn+mvTtg9ZlOAjsPdK3ayQEjqHjU/yLeVQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-nullish-coalescing-operator": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.25.9.tgz",
+      "integrity": "sha512-ENfftpLZw5EItALAD4WsY/KUWvhUlZndm5GC7G3evUsVeSJB6p0pBeLQUnRnBCBx7zV0RKQjR9kCuwrsIrjWog==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-numeric-separator": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.25.9.tgz",
+      "integrity": "sha512-TlprrJ1GBZ3r6s96Yq8gEQv82s8/5HnCVHtEJScUj90thHQbwe+E5MLhi2bbNHBEJuzrvltXSru+BUxHDoog7Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-object-rest-spread": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.25.9.tgz",
+      "integrity": "sha512-fSaXafEE9CVHPweLYw4J0emp1t8zYTXyzN3UuG+lylqkvYd7RMrsOQ8TYx5RF231be0vqtFC6jnx3UmpJmKBYg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-compilation-targets": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/plugin-transform-parameters": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-object-super": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.25.9.tgz",
+      "integrity": "sha512-Kj/Gh+Rw2RNLbCK1VAWj2U48yxxqL2x0k10nPtSdRa0O2xnHXalD0s+o1A6a0W43gJ00ANo38jxkQreckOzv5A==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-replace-supers": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-optional-catch-binding": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.25.9.tgz",
+      "integrity": "sha512-qM/6m6hQZzDcZF3onzIhZeDHDO43bkNNlOX0i8n3lR6zLbu0GN2d8qfM/IERJZYauhAHSLHy39NF0Ctdvcid7g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-optional-chaining": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.27.1.tgz",
+      "integrity": "sha512-BQmKPPIuc8EkZgNKsv0X4bPmOoayeu4F1YCwx2/CfmDSXDbp7GnzlUH+/ul5VGfRg1AoFPsrIThlEBj2xb4CAg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-parameters": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.25.9.tgz",
+      "integrity": "sha512-wzz6MKwpnshBAiRmn4jR8LYz/g8Ksg0o80XmwZDlordjwEk9SxBzTWC7F5ef1jhbrbOW2DJ5J6ayRukrJmnr0g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-private-methods": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.25.9.tgz",
+      "integrity": "sha512-D/JUozNpQLAPUVusvqMxyvjzllRaF8/nSrP1s2YGQT/W4LHK4xxsMcHjhOGTS01mp9Hda8nswb+FblLdJornQw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-private-property-in-object": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.25.9.tgz",
+      "integrity": "sha512-Evf3kcMqzXA3xfYJmZ9Pg1OvKdtqsDMSWBDzZOPLvHiTt36E75jLDQo5w1gtRU95Q4E5PDttrTf25Fw8d/uWLw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "@babel/helper-create-class-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-property-literals": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.25.9.tgz",
+      "integrity": "sha512-IvIUeV5KrS/VPavfSM/Iu+RE6llrHrYIKY1yfCzyO/lMXHQ+p7uGhonmGVisv6tSBSVgWzMBohTcvkC9vQcQFA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-constant-elements": {
+      "version": "7.18.12",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-constant-elements/-/plugin-transform-react-constant-elements-7.18.12.tgz",
+      "integrity": "sha512-Q99U9/ttiu+LMnRU8psd23HhvwXmKWDQIpocm0JKaICcZHnw+mdQbHm6xnSy7dOl8I5PELakYtNBubNQlBXbZw==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.18.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-display-name": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.25.9.tgz",
+      "integrity": "sha512-KJfMlYIUxQB1CJfO3e0+h0ZHWOTLCPP115Awhaz8U0Zpq36Gl/cXlpoyMRnUWlhNUBAzldnCiAZNvCDj7CrKxQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.25.9.tgz",
+      "integrity": "sha512-s5XwpQYCqGerXl+Pu6VDL3x0j2d82eiV77UJ8a2mDHAW7j9SWRqQ2y1fNo1Z74CdcYipl5Z41zvjj4Nfzq36rw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "@babel/helper-module-imports": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/plugin-syntax-jsx": "^7.25.9",
+        "@babel/types": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-development": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.25.9.tgz",
+      "integrity": "sha512-9mj6rm7XVYs4mdLIpbZnHOYdpW42uoiBCTVowg7sP1thUOiANgMb4UtpRivR0pp5iL+ocvUv7X4mZgFRpJEzGw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/plugin-transform-react-jsx": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-self": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.27.1.tgz",
+      "integrity": "sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-source": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.27.1.tgz",
+      "integrity": "sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-pure-annotations": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.25.9.tgz",
+      "integrity": "sha512-KQ/Takk3T8Qzj5TppkS1be588lkbTp5uj7w6a0LeQaTMSckU/wK0oJ/pih+T690tkgI5jfmg2TqDJvd41Sj1Cg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-regenerator": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.25.9.tgz",
+      "integrity": "sha512-vwDcDNsgMPDGP0nMqzahDWE5/MLcX8sv96+wfX7as7LoF/kr97Bo/7fI00lXY4wUXYfVmwIIyG80fGZ1uvt2qg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "regenerator-transform": "^0.15.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-reserved-words": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.25.9.tgz",
+      "integrity": "sha512-7DL7DKYjn5Su++4RXu8puKZm2XBPHyjWLUidaPEkCUBbE7IPcsrkRHggAOOKydH1dASWdcUBxrkOGNxUv5P3Jg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-runtime": {
+      "version": "7.27.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.27.4.tgz",
+      "integrity": "sha512-D68nR5zxU64EUzV8i7T3R5XP0Xhrou/amNnddsRQssx6GrTLdZl1rLxyjtVZBd+v/NVX4AbTPOB5aU8thAZV1A==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "babel-plugin-polyfill-corejs2": "^0.4.10",
+        "babel-plugin-polyfill-corejs3": "^0.11.0",
+        "babel-plugin-polyfill-regenerator": "^0.6.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-runtime/node_modules/babel-plugin-polyfill-corejs3": {
+      "version": "0.11.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.11.1.tgz",
+      "integrity": "sha512-yGCqvBT4rwMczo28xkH/noxJ6MZ4nJfkVYdoDaC/utLtWrXxv27HVrzAeSbqR8SxDsp46n0YF47EbHoixy6rXQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-define-polyfill-provider": "^0.6.3",
+        "core-js-compat": "^3.40.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-runtime/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/plugin-transform-shorthand-properties": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.25.9.tgz",
+      "integrity": "sha512-MUv6t0FhO5qHnS/W8XCbHmiRWOphNufpE1IVxhK5kuN3Td9FT1x4rx4K42s3RYdMXCXpfWkGSbCSd0Z64xA7Ng==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-spread": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.25.9.tgz",
+      "integrity": "sha512-oNknIB0TbURU5pqJFVbOOFspVlrpVwo2H1+HUIsVDvp5VauGGDP1ZEvO8Nn5xyMEs3dakajOxlmkNW7kNgSm6A==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-sticky-regex": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.25.9.tgz",
+      "integrity": "sha512-WqBUSgeVwucYDP9U/xNRQam7xV8W5Zf+6Eo7T2SRVUFlhRiMNFdFz58u0KZmCVVqs2i7SHgpRnAhzRNmKfi2uA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-template-literals": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.25.9.tgz",
+      "integrity": "sha512-o97AE4syN71M/lxrCtQByzphAdlYluKPDBzDVzMmfCobUjjhAryZV0AIpRPrxN0eAkxXO6ZLEScmt+PNhj2OTw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-typeof-symbol": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.25.9.tgz",
+      "integrity": "sha512-v61XqUMiueJROUv66BVIOi0Fv/CUuZuZMl5NkRoCVxLAnMexZ0A3kMe7vvZ0nulxMuMp0Mk6S5hNh48yki08ZA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-typescript": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.27.1.tgz",
+      "integrity": "sha512-Q5sT5+O4QUebHdbwKedFBEwRLb02zJ7r4A5Gg2hUoLuU3FjdMcyqcywqUrLCaDsFCxzokf7u9kuy7qz51YUuAg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.27.1",
+        "@babel/helper-create-class-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
+        "@babel/plugin-syntax-typescript": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-escapes": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.25.9.tgz",
+      "integrity": "sha512-s5EDrE6bW97LtxOcGj1Khcx5AaXwiMmi4toFWRDP9/y0Woo6pXC+iyPu/KuhKtfSrNFd7jJB+/fkOtZy6aIC6Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-property-regex": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.25.9.tgz",
+      "integrity": "sha512-Jt2d8Ga+QwRluxRQ307Vlxa6dMrYEMZCgGxoPR8V52rxPyldHu3hdlHspxaqYmE7oID5+kB+UKUB/eWS+DkkWg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-regex": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.25.9.tgz",
+      "integrity": "sha512-yoxstj7Rg9dlNn9UQxzk4fcNivwv4nUYz7fYXBaKxvw/lnmPuOm/ikoELygbYq68Bls3D/D+NBPHiLwZdZZ4HA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-sets-regex": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.25.9.tgz",
+      "integrity": "sha512-8BYqO3GeVNHtx69fdPshN3fnzUNLrWdHhk/icSwigksJGczKSizZ+Z6SBCxTs723Fr5VSNorTIK7a+R2tISvwQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/preset-env": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.25.9.tgz",
+      "integrity": "sha512-XqDEt+hfsQukahSX9JOBDHhpUHDhj2zGSxoqWQFCMajOSBnbhBdgON/bU/5PkBA1yX5tqW6tTzuIPVsZTQ7h5Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.25.9",
+        "@babel/helper-compilation-targets": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-validator-option": "^7.25.9",
+        "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "^7.25.9",
+        "@babel/plugin-bugfix-safari-class-field-initializer-scope": "^7.25.9",
+        "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.25.9",
+        "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.25.9",
+        "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.25.9",
+        "@babel/plugin-proposal-private-property-in-object": "7.21.0-placeholder-for-preset-env.2",
+        "@babel/plugin-syntax-import-assertions": "^7.25.9",
+        "@babel/plugin-syntax-import-attributes": "^7.25.9",
+        "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6",
+        "@babel/plugin-transform-arrow-functions": "^7.25.9",
+        "@babel/plugin-transform-async-generator-functions": "^7.25.9",
+        "@babel/plugin-transform-async-to-generator": "^7.25.9",
+        "@babel/plugin-transform-block-scoped-functions": "^7.25.9",
+        "@babel/plugin-transform-block-scoping": "^7.25.9",
+        "@babel/plugin-transform-class-properties": "^7.25.9",
+        "@babel/plugin-transform-class-static-block": "^7.25.9",
+        "@babel/plugin-transform-classes": "^7.25.9",
+        "@babel/plugin-transform-computed-properties": "^7.25.9",
+        "@babel/plugin-transform-destructuring": "^7.25.9",
+        "@babel/plugin-transform-dotall-regex": "^7.25.9",
+        "@babel/plugin-transform-duplicate-keys": "^7.25.9",
+        "@babel/plugin-transform-duplicate-named-capturing-groups-regex": "^7.25.9",
+        "@babel/plugin-transform-dynamic-import": "^7.25.9",
+        "@babel/plugin-transform-exponentiation-operator": "^7.25.9",
+        "@babel/plugin-transform-export-namespace-from": "^7.25.9",
+        "@babel/plugin-transform-for-of": "^7.25.9",
+        "@babel/plugin-transform-function-name": "^7.25.9",
+        "@babel/plugin-transform-json-strings": "^7.25.9",
+        "@babel/plugin-transform-literals": "^7.25.9",
+        "@babel/plugin-transform-logical-assignment-operators": "^7.25.9",
+        "@babel/plugin-transform-member-expression-literals": "^7.25.9",
+        "@babel/plugin-transform-modules-amd": "^7.25.9",
+        "@babel/plugin-transform-modules-commonjs": "^7.25.9",
+        "@babel/plugin-transform-modules-systemjs": "^7.25.9",
+        "@babel/plugin-transform-modules-umd": "^7.25.9",
+        "@babel/plugin-transform-named-capturing-groups-regex": "^7.25.9",
+        "@babel/plugin-transform-new-target": "^7.25.9",
+        "@babel/plugin-transform-nullish-coalescing-operator": "^7.25.9",
+        "@babel/plugin-transform-numeric-separator": "^7.25.9",
+        "@babel/plugin-transform-object-rest-spread": "^7.25.9",
+        "@babel/plugin-transform-object-super": "^7.25.9",
+        "@babel/plugin-transform-optional-catch-binding": "^7.25.9",
+        "@babel/plugin-transform-optional-chaining": "^7.25.9",
+        "@babel/plugin-transform-parameters": "^7.25.9",
+        "@babel/plugin-transform-private-methods": "^7.25.9",
+        "@babel/plugin-transform-private-property-in-object": "^7.25.9",
+        "@babel/plugin-transform-property-literals": "^7.25.9",
+        "@babel/plugin-transform-regenerator": "^7.25.9",
+        "@babel/plugin-transform-reserved-words": "^7.25.9",
+        "@babel/plugin-transform-shorthand-properties": "^7.25.9",
+        "@babel/plugin-transform-spread": "^7.25.9",
+        "@babel/plugin-transform-sticky-regex": "^7.25.9",
+        "@babel/plugin-transform-template-literals": "^7.25.9",
+        "@babel/plugin-transform-typeof-symbol": "^7.25.9",
+        "@babel/plugin-transform-unicode-escapes": "^7.25.9",
+        "@babel/plugin-transform-unicode-property-regex": "^7.25.9",
+        "@babel/plugin-transform-unicode-regex": "^7.25.9",
+        "@babel/plugin-transform-unicode-sets-regex": "^7.25.9",
+        "@babel/preset-modules": "0.1.6-no-external-plugins",
+        "babel-plugin-polyfill-corejs2": "^0.4.10",
+        "babel-plugin-polyfill-corejs3": "^0.10.6",
+        "babel-plugin-polyfill-regenerator": "^0.6.1",
+        "core-js-compat": "^3.38.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/preset-env/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/preset-flow": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/preset-flow/-/preset-flow-7.27.1.tgz",
+      "integrity": "sha512-ez3a2it5Fn6P54W8QkbfIyyIbxlXvcxyWHHvno1Wg0Ej5eiJY5hBb8ExttoIOJJk7V2dZE6prP7iby5q2aQ0Lg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-validator-option": "^7.27.1",
+        "@babel/plugin-transform-flow-strip-types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/preset-modules": {
+      "version": "0.1.6-no-external-plugins",
+      "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz",
+      "integrity": "sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@babel/types": "^7.4.4",
+        "esutils": "^2.0.2"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/@babel/preset-react": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.25.9.tgz",
+      "integrity": "sha512-D3to0uSPiWE7rBrdIICCd0tJSIGpLaaGptna2+w7Pft5xMqLpA1sz99DK5TZ1TjGbdQ/VI1eCSZ06dv3lT4JOw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-validator-option": "^7.25.9",
+        "@babel/plugin-transform-react-display-name": "^7.25.9",
+        "@babel/plugin-transform-react-jsx": "^7.25.9",
+        "@babel/plugin-transform-react-jsx-development": "^7.25.9",
+        "@babel/plugin-transform-react-pure-annotations": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/preset-typescript": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.27.1.tgz",
+      "integrity": "sha512-l7WfQfX0WK4M0v2RudjuQK4u99BS6yLHYEmdtVPP7lKV013zr9DygFuWNlnbvQ9LR+LS0Egz/XAvGx5U9MX0fQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-validator-option": "^7.27.1",
+        "@babel/plugin-syntax-jsx": "^7.27.1",
+        "@babel/plugin-transform-modules-commonjs": "^7.27.1",
+        "@babel/plugin-transform-typescript": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/register": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/register/-/register-7.27.1.tgz",
+      "integrity": "sha512-K13lQpoV54LATKkzBpBAEu1GGSIRzxR9f4IN4V8DCDgiUMo2UDGagEZr3lPeVNJPLkWUi5JE4hCHKneVTwQlYQ==",
+      "license": "MIT",
+      "dependencies": {
+        "clone-deep": "^4.0.1",
+        "find-cache-dir": "^2.0.0",
+        "make-dir": "^2.1.0",
+        "pirates": "^4.0.6",
+        "source-map-support": "^0.5.16"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/register/node_modules/find-cache-dir": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-2.1.0.tgz",
+      "integrity": "sha512-Tq6PixE0w/VMFfCgbONnkiQIVol/JJL7nRMi20fqzA4NRs9AfeqMGeRdPi3wIhYkxjeBaWh2rxwapn5Tu3IqOQ==",
+      "license": "MIT",
+      "dependencies": {
+        "commondir": "^1.0.1",
+        "make-dir": "^2.0.0",
+        "pkg-dir": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@babel/register/node_modules/find-up": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
+      "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==",
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@babel/register/node_modules/locate-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
+      "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==",
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^3.0.0",
+        "path-exists": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@babel/register/node_modules/make-dir": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
+      "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
+      "license": "MIT",
+      "dependencies": {
+        "pify": "^4.0.1",
+        "semver": "^5.6.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@babel/register/node_modules/p-locate": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz",
+      "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==",
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@babel/register/node_modules/pkg-dir": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-3.0.0.tgz",
+      "integrity": "sha512-/E57AYkoeQ25qkxMj5PBOVgF8Kiu/h7cYS30Z5+R7WaiCCBfLq58ZI/dSeaEKb9WVJV5n/03QwrN3IeWIFllvw==",
+      "license": "MIT",
+      "dependencies": {
+        "find-up": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@babel/register/node_modules/semver": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.27.0",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.27.0.tgz",
+      "integrity": "sha512-VtPOkrdPHZsKc/clNqyi9WUA8TINkZ4cGk63UUE3u4pmB2k+ZMQRDuIOagv8UVd6j7k0T3+RRIb7beKTebNbcw==",
+      "license": "MIT",
+      "dependencies": {
+        "regenerator-runtime": "^0.14.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/runtime/node_modules/regenerator-runtime": {
+      "version": "0.14.1",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
+      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==",
+      "license": "MIT"
+    },
+    "node_modules/@babel/template": {
+      "version": "7.27.2",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.2.tgz",
+      "integrity": "sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/parser": "^7.27.2",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.27.4",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.27.4.tgz",
+      "integrity": "sha512-oNcu2QbHqts9BtOWJosOVJapWjBDSxGCpFvikNR5TGDYDQf3JwpIoMzIKrvfoti93cLfPJEG4tH9SPVeyCGgdA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.27.3",
+        "@babel/parser": "^7.27.4",
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.27.3",
+        "debug": "^4.3.1",
+        "globals": "^11.1.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse--for-generate-function-map": {
+      "name": "@babel/traverse",
+      "version": "7.27.4",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.27.4.tgz",
+      "integrity": "sha512-oNcu2QbHqts9BtOWJosOVJapWjBDSxGCpFvikNR5TGDYDQf3JwpIoMzIKrvfoti93cLfPJEG4tH9SPVeyCGgdA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.27.3",
+        "@babel/parser": "^7.27.4",
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.27.3",
+        "debug": "^4.3.1",
+        "globals": "^11.1.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.27.6",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.27.6.tgz",
+      "integrity": "sha512-ETyHEk2VHHvl9b9jZP5IHPavHYk57EhanlRRuae9XCpb/j5bDCbPPMOBfCWhnl/7EDJz0jEMCi/RhccCE8r1+Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@braintree/sanitize-url": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/@braintree/sanitize-url/-/sanitize-url-7.0.0.tgz",
+      "integrity": "sha512-GMu2OJiTd1HSe74bbJYQnVvELANpYiGFZELyyTM1CR0sdv5ReQAcJ/c/8pIrPab3lO11+D+EpuGLUxqz+y832g=="
+    },
+    "node_modules/@callstack/react-theme-provider": {
+      "version": "3.0.9",
+      "resolved": "https://registry.npmjs.org/@callstack/react-theme-provider/-/react-theme-provider-3.0.9.tgz",
+      "integrity": "sha512-tTQ0uDSCL0ypeMa8T/E9wAZRGKWj8kXP7+6RYgPTfOPs9N07C9xM8P02GJ3feETap4Ux5S69D9nteq9mEj86NA==",
+      "dependencies": {
+        "deepmerge": "^3.2.0",
+        "hoist-non-react-statics": "^3.3.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.3.0"
+      }
+    },
+    "node_modules/@discoveryjs/json-ext": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.5.6.tgz",
+      "integrity": "sha512-ws57AidsDvREKrZKYffXddNkyaF14iHNHm8VQnZH6t99E8gczjNN0GpvcGny0imC80yQ0tHz1xVUKk/KFQSUyA==",
+      "dev": true,
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/@egjs/hammerjs": {
+      "version": "2.0.17",
+      "resolved": "https://registry.npmjs.org/@egjs/hammerjs/-/hammerjs-2.0.17.tgz",
+      "integrity": "sha512-XQsZgjm2EcVUiZQf11UBJQfmZeEmOW8DpI1gsFeln6w0ae0ii4dMQEQ0kjl6DspdWX1aGY1/loyXnP0JS06e/A==",
+      "dependencies": {
+        "@types/hammerjs": "^2.0.36"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/@emotion/babel-plugin": {
+      "version": "11.10.6",
+      "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.10.6.tgz",
+      "integrity": "sha512-p2dAqtVrkhSa7xz1u/m9eHYdLi+en8NowrmXeF/dKtJpU8lCWli8RUAati7NcSl0afsBott48pdnANuD0wh9QQ==",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.16.7",
+        "@babel/runtime": "^7.18.3",
+        "@emotion/hash": "^0.9.0",
+        "@emotion/memoize": "^0.8.0",
+        "@emotion/serialize": "^1.1.1",
+        "babel-plugin-macros": "^3.1.0",
+        "convert-source-map": "^1.5.0",
+        "escape-string-regexp": "^4.0.0",
+        "find-root": "^1.1.0",
+        "source-map": "^0.5.7",
+        "stylis": "4.1.3"
+      }
+    },
+    "node_modules/@emotion/babel-plugin/node_modules/@emotion/hash": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.0.tgz",
+      "integrity": "sha512-14FtKiHhy2QoPIzdTcvh//8OyBlknNs2nXRwIhG904opCby3l+9Xaf/wuPvICBF0rc1ZCNBd3nKe9cd2mecVkQ=="
+    },
+    "node_modules/@emotion/babel-plugin/node_modules/@emotion/serialize": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.1.tgz",
+      "integrity": "sha512-Zl/0LFggN7+L1liljxXdsVSVlg6E/Z/olVWpfxUTxOAmi8NU7YoeWeLfi1RmnB2TATHoaWwIBRoL+FvAJiTUQA==",
+      "dependencies": {
+        "@emotion/hash": "^0.9.0",
+        "@emotion/memoize": "^0.8.0",
+        "@emotion/unitless": "^0.8.0",
+        "@emotion/utils": "^1.2.0",
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@emotion/babel-plugin/node_modules/@emotion/unitless": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.0.tgz",
+      "integrity": "sha512-VINS5vEYAscRl2ZUDiT3uMPlrFQupiKgHz5AA4bCH1miKBg4qtwkim1qPmJj/4WG6TreYMY111rEFsjupcOKHw=="
+    },
+    "node_modules/@emotion/babel-plugin/node_modules/@emotion/utils": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.0.tgz",
+      "integrity": "sha512-sn3WH53Kzpw8oQ5mgMmIzzyAaH2ZqFEbozVVBSYp538E06OSE6ytOp7pRAjNQR+Q/orwqdQYJSe2m3hCOeznkw=="
+    },
+    "node_modules/@emotion/babel-plugin/node_modules/babel-plugin-macros": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz",
+      "integrity": "sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "cosmiconfig": "^7.0.0",
+        "resolve": "^1.19.0"
+      },
+      "engines": {
+        "node": ">=10",
+        "npm": ">=6"
+      }
+    },
+    "node_modules/@emotion/babel-plugin/node_modules/cosmiconfig": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.1.tgz",
+      "integrity": "sha512-a1YWNUV2HwGimB7dU2s1wUMurNKjpx60HxBB6xUM8Re+2s1g1IIfJvFR0/iCF+XHdE0GMTKTuLR32UQff4TEyQ==",
+      "dependencies": {
+        "@types/parse-json": "^4.0.0",
+        "import-fresh": "^3.2.1",
+        "parse-json": "^5.0.0",
+        "path-type": "^4.0.0",
+        "yaml": "^1.10.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@emotion/babel-plugin/node_modules/stylis": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.1.3.tgz",
+      "integrity": "sha512-GP6WDNWf+o403jrEp9c5jibKavrtLW+/qYGhFxFrG8maXhwTBI7gLLhiBb0o7uFccWN+EOS9aMO6cGHWAO07OA=="
+    },
+    "node_modules/@emotion/cache": {
+      "version": "11.11.0",
+      "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.11.0.tgz",
+      "integrity": "sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==",
+      "dependencies": {
+        "@emotion/memoize": "^0.8.1",
+        "@emotion/sheet": "^1.2.2",
+        "@emotion/utils": "^1.2.1",
+        "@emotion/weak-memoize": "^0.3.1",
+        "stylis": "4.2.0"
+      }
+    },
+    "node_modules/@emotion/cache/node_modules/@emotion/sheet": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.2.tgz",
+      "integrity": "sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA=="
+    },
+    "node_modules/@emotion/cache/node_modules/@emotion/utils": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz",
+      "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg=="
+    },
+    "node_modules/@emotion/cache/node_modules/@emotion/weak-memoize": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz",
+      "integrity": "sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww=="
+    },
+    "node_modules/@emotion/hash": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.8.0.tgz",
+      "integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow=="
+    },
+    "node_modules/@emotion/is-prop-valid": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.0.tgz",
+      "integrity": "sha512-3aDpDprjM0AwaxGE09bOPkNxHpBd+kA6jty3RnaEXdweX1DF1U3VQpPYb0g1IStAuK7SVQ1cy+bNBBKp4W3Fjg==",
+      "dependencies": {
+        "@emotion/memoize": "^0.8.0"
+      }
+    },
+    "node_modules/@emotion/memoize": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz",
+      "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA=="
+    },
+    "node_modules/@emotion/react": {
+      "version": "11.10.6",
+      "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.10.6.tgz",
+      "integrity": "sha512-6HT8jBmcSkfzO7mc+N1L9uwvOnlcGoix8Zn7srt+9ga0MjREo6lRpuVX0kzo6Jp6oTqDhREOFsygN6Ew4fEQbw==",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "@emotion/babel-plugin": "^11.10.6",
+        "@emotion/cache": "^11.10.5",
+        "@emotion/serialize": "^1.1.1",
+        "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0",
+        "@emotion/utils": "^1.2.0",
+        "@emotion/weak-memoize": "^0.3.0",
+        "hoist-non-react-statics": "^3.3.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@emotion/react/node_modules/@emotion/hash": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.0.tgz",
+      "integrity": "sha512-14FtKiHhy2QoPIzdTcvh//8OyBlknNs2nXRwIhG904opCby3l+9Xaf/wuPvICBF0rc1ZCNBd3nKe9cd2mecVkQ=="
+    },
+    "node_modules/@emotion/react/node_modules/@emotion/serialize": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.1.tgz",
+      "integrity": "sha512-Zl/0LFggN7+L1liljxXdsVSVlg6E/Z/olVWpfxUTxOAmi8NU7YoeWeLfi1RmnB2TATHoaWwIBRoL+FvAJiTUQA==",
+      "dependencies": {
+        "@emotion/hash": "^0.9.0",
+        "@emotion/memoize": "^0.8.0",
+        "@emotion/unitless": "^0.8.0",
+        "@emotion/utils": "^1.2.0",
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@emotion/react/node_modules/@emotion/unitless": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.0.tgz",
+      "integrity": "sha512-VINS5vEYAscRl2ZUDiT3uMPlrFQupiKgHz5AA4bCH1miKBg4qtwkim1qPmJj/4WG6TreYMY111rEFsjupcOKHw=="
+    },
+    "node_modules/@emotion/react/node_modules/@emotion/utils": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.0.tgz",
+      "integrity": "sha512-sn3WH53Kzpw8oQ5mgMmIzzyAaH2ZqFEbozVVBSYp538E06OSE6ytOp7pRAjNQR+Q/orwqdQYJSe2m3hCOeznkw=="
+    },
+    "node_modules/@emotion/react/node_modules/@emotion/weak-memoize": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.0.tgz",
+      "integrity": "sha512-AHPmaAx+RYfZz0eYu6Gviiagpmiyw98ySSlQvCUhVGDRtDFe4DBS0x1bSjdF3gqUDYOczB+yYvBTtEylYSdRhg=="
+    },
+    "node_modules/@emotion/serialize": {
+      "version": "0.11.16",
+      "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-0.11.16.tgz",
+      "integrity": "sha512-G3J4o8by0VRrO+PFeSc3js2myYNOXVJ3Ya+RGVxnshRYgsvErfAOglKAiy1Eo1vhzxqtUvjCyS5gtewzkmvSSg==",
+      "dependencies": {
+        "@emotion/hash": "0.8.0",
+        "@emotion/memoize": "0.7.4",
+        "@emotion/unitless": "0.7.5",
+        "@emotion/utils": "0.11.3",
+        "csstype": "^2.5.7"
+      }
+    },
+    "node_modules/@emotion/serialize/node_modules/@emotion/memoize": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz",
+      "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw=="
+    },
+    "node_modules/@emotion/serialize/node_modules/csstype": {
+      "version": "2.6.19",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.19.tgz",
+      "integrity": "sha512-ZVxXaNy28/k3kJg0Fou5MiYpp88j7H9hLZp8PDC3jV0WFjfH5E9xHb56L0W59cPbKbcHXeP4qyT8PrHp8t6LcQ=="
+    },
+    "node_modules/@emotion/sheet": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-0.9.4.tgz",
+      "integrity": "sha512-zM9PFmgVSqBw4zL101Q0HrBVTGmpAxFZH/pYx/cjJT5advXguvcgjHFTCaIO3enL/xr89vK2bh0Mfyj9aa0ANA=="
+    },
+    "node_modules/@emotion/styled": {
+      "version": "11.10.6",
+      "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.10.6.tgz",
+      "integrity": "sha512-OXtBzOmDSJo5Q0AFemHCfl+bUueT8BIcPSxu0EGTpGk6DmI5dnhSzQANm1e1ze0YZL7TDyAyy6s/b/zmGOS3Og==",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "@emotion/babel-plugin": "^11.10.6",
+        "@emotion/is-prop-valid": "^1.2.0",
+        "@emotion/serialize": "^1.1.1",
+        "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0",
+        "@emotion/utils": "^1.2.0"
+      },
+      "peerDependencies": {
+        "@emotion/react": "^11.0.0-rc.0",
+        "react": ">=16.8.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@emotion/styled/node_modules/@emotion/hash": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.0.tgz",
+      "integrity": "sha512-14FtKiHhy2QoPIzdTcvh//8OyBlknNs2nXRwIhG904opCby3l+9Xaf/wuPvICBF0rc1ZCNBd3nKe9cd2mecVkQ=="
+    },
+    "node_modules/@emotion/styled/node_modules/@emotion/serialize": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.1.tgz",
+      "integrity": "sha512-Zl/0LFggN7+L1liljxXdsVSVlg6E/Z/olVWpfxUTxOAmi8NU7YoeWeLfi1RmnB2TATHoaWwIBRoL+FvAJiTUQA==",
+      "dependencies": {
+        "@emotion/hash": "^0.9.0",
+        "@emotion/memoize": "^0.8.0",
+        "@emotion/unitless": "^0.8.0",
+        "@emotion/utils": "^1.2.0",
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@emotion/styled/node_modules/@emotion/unitless": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.0.tgz",
+      "integrity": "sha512-VINS5vEYAscRl2ZUDiT3uMPlrFQupiKgHz5AA4bCH1miKBg4qtwkim1qPmJj/4WG6TreYMY111rEFsjupcOKHw=="
+    },
+    "node_modules/@emotion/styled/node_modules/@emotion/utils": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.0.tgz",
+      "integrity": "sha512-sn3WH53Kzpw8oQ5mgMmIzzyAaH2ZqFEbozVVBSYp538E06OSE6ytOp7pRAjNQR+Q/orwqdQYJSe2m3hCOeznkw=="
+    },
+    "node_modules/@emotion/stylis": {
+      "version": "0.8.5",
+      "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz",
+      "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ=="
+    },
+    "node_modules/@emotion/unitless": {
+      "version": "0.7.5",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz",
+      "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg=="
+    },
+    "node_modules/@emotion/use-insertion-effect-with-fallbacks": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.0.tgz",
+      "integrity": "sha512-1eEgUGmkaljiBnRMTdksDV1W4kUnmwgp7X9G8B++9GYwl1lUdqSndSriIrTJ0N7LQaoauY9JJ2yhiOYK5+NI4A==",
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      }
+    },
+    "node_modules/@emotion/utils": {
+      "version": "0.11.3",
+      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-0.11.3.tgz",
+      "integrity": "sha512-0o4l6pZC+hI88+bzuaX/6BgOvQVhbt2PfmxauVaYOGgbsAw14wdKyvMCZXnsnsHys94iadcF+RG/wZyx6+ZZBw=="
+    },
+    "node_modules/@emotion/weak-memoize": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.2.5.tgz",
+      "integrity": "sha512-6U71C2Wp7r5XtFtQzYrW5iKFT67OixrSxjI4MptCHzdSVlgabczzqLe0ZSgnub/5Kp4hSbpDB1tMytZY9pwxxA=="
+    },
+    "node_modules/@es-joy/jsdoccomment": {
+      "version": "0.49.0",
+      "resolved": "https://registry.npmjs.org/@es-joy/jsdoccomment/-/jsdoccomment-0.49.0.tgz",
+      "integrity": "sha512-xjZTSFgECpb9Ohuk5yMX5RhUEbfeQcuOp8IF60e+wyzWEF0M5xeSgqsfLtvPEX8BIyOX9saZqzuGPmZ8oWc+5Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "comment-parser": "1.4.1",
+        "esquery": "^1.6.0",
+        "jsdoc-type-pratt-parser": "~4.1.0"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.2.tgz",
+      "integrity": "sha512-wCIboOL2yXZym2cgm6mlA742s9QeJ8DjGVaL39dLN4rRwrOgOyYSnOaFPhKZGLb2ngj4EyfAFjsNJwPXZvseag==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.2.tgz",
+      "integrity": "sha512-NQhH7jFstVY5x8CKbcfa166GoV0EFkaPkCKBQkdPJFvo5u+nGXLEH/ooniLb3QI8Fk58YAx7nsPLozUWfCBOJA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.2.tgz",
+      "integrity": "sha512-5ZAX5xOmTligeBaeNEPnPaeEuah53Id2tX4c2CVP3JaROTH+j4fnfHCkr1PjXMd78hMst+TlkfKcW/DlTq0i4w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.2.tgz",
+      "integrity": "sha512-Ffcx+nnma8Sge4jzddPHCZVRvIfQ0kMsUsCMcJRHkGJ1cDmhe4SsrYIjLUKn1xpHZybmOqCWwB0zQvsjdEHtkg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.2.tgz",
+      "integrity": "sha512-MpM6LUVTXAzOvN4KbjzU/q5smzryuoNjlriAIx+06RpecwCkL9JpenNzpKd2YMzLJFOdPqBpuub6eVRP5IgiSA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.2.tgz",
+      "integrity": "sha512-5eRPrTX7wFyuWe8FqEFPG2cU0+butQQVNcT4sVipqjLYQjjh8a8+vUTfgBKM88ObB85ahsnTwF7PSIt6PG+QkA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.2.tgz",
+      "integrity": "sha512-mLwm4vXKiQ2UTSX4+ImyiPdiHjiZhIaE9QvC7sw0tZ6HoNMjYAqQpGyui5VRIi5sGd+uWq940gdCbY3VLvsO1w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.2.tgz",
+      "integrity": "sha512-6qyyn6TjayJSwGpm8J9QYYGQcRgc90nmfdUb0O7pp1s4lTY+9D0H9O02v5JqGApUyiHOtkz6+1hZNvNtEhbwRQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.2.tgz",
+      "integrity": "sha512-UHBRgJcmjJv5oeQF8EpTRZs/1knq6loLxTsjc3nxO9eXAPDLcWW55flrMVc97qFPbmZP31ta1AZVUKQzKTzb0g==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.2.tgz",
+      "integrity": "sha512-gq/sjLsOyMT19I8obBISvhoYiZIAaGF8JpeXu1u8yPv8BE5HlWYobmlsfijFIZ9hIVGYkbdFhEqC0NvM4kNO0g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.2.tgz",
+      "integrity": "sha512-bBYCv9obgW2cBP+2ZWfjYTU+f5cxRoGGQ5SeDbYdFCAZpYWrfjjfYwvUpP8MlKbP0nwZ5gyOU/0aUzZ5HWPuvQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.2.tgz",
+      "integrity": "sha512-SHNGiKtvnU2dBlM5D8CXRFdd+6etgZ9dXfaPCeJtz+37PIUlixvlIhI23L5khKXs3DIzAn9V8v+qb1TRKrgT5w==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.2.tgz",
+      "integrity": "sha512-hDDRlzE6rPeoj+5fsADqdUZl1OzqDYow4TB4Y/3PlKBD0ph1e6uPHzIQcv2Z65u2K0kpeByIyAjCmjn1hJgG0Q==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.2.tgz",
+      "integrity": "sha512-tsHu2RRSWzipmUi9UBDEzc0nLc4HtpZEI5Ba+Omms5456x5WaNuiG3u7xh5AO6sipnJ9r4cRWQB2tUjPyIkc6g==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.2.tgz",
+      "integrity": "sha512-k4LtpgV7NJQOml/10uPU0s4SAXGnowi5qBSjaLWMojNCUICNu7TshqHLAEbkBdAszL5TabfvQ48kK84hyFzjnw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.2.tgz",
+      "integrity": "sha512-GRa4IshOdvKY7M/rDpRR3gkiTNp34M0eLTaC1a08gNrh4u488aPhuZOCpkF6+2wl3zAN7L7XIpOFBhnaE3/Q8Q==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.2.tgz",
+      "integrity": "sha512-QInHERlqpTTZ4FRB0fROQWXcYRD64lAoiegezDunLpalZMjcUcld3YzZmVJ2H/Cp0wJRZ8Xtjtj0cEHhYc/uUg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.2.tgz",
+      "integrity": "sha512-talAIBoY5M8vHc6EeI2WW9d/CkiO9MQJ0IOWX8hrLhxGbro/vBXJvaQXefW2cP0z0nQVTdQ/eNyGFV1GSKrxfw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.2.tgz",
+      "integrity": "sha512-voZT9Z+tpOxrvfKFyfDYPc4DO4rk06qamv1a/fkuzHpiVBMOhpjK+vBmWM8J1eiB3OLSMFYNaOaBNLXGChf5tg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.2.tgz",
+      "integrity": "sha512-dcXYOC6NXOqcykeDlwId9kB6OkPUxOEqU+rkrYVqJbK2hagWOMrsTGsMr8+rW02M+d5Op5NNlgMmjzecaRf7Tg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.2.tgz",
+      "integrity": "sha512-t/TkWwahkH0Tsgoq1Ju7QfgGhArkGLkF1uYz8nQS/PPFlXbP5YgRpqQR3ARRiC2iXoLTWFxc6DJMSK10dVXluw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.2.tgz",
+      "integrity": "sha512-cfZH1co2+imVdWCjd+D1gf9NjkchVhhdpgb1q5y6Hcv9TP6Zi9ZG/beI3ig8TvwT9lH9dlxLq5MQBBgwuj4xvA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.2.tgz",
+      "integrity": "sha512-7Loyjh+D/Nx/sOTzV8vfbB3GJuHdOQyrOryFdZvPHLf42Tk9ivBU5Aedi7iyX+x6rbn2Mh68T4qq1SDqJBQO5Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.2.tgz",
+      "integrity": "sha512-WRJgsz9un0nqZJ4MfhabxaD9Ft8KioqU3JMinOTvobbX6MOSUigSBlogP8QB3uxpJDsFS6yN+3FDBdqE5lg9kg==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.2.tgz",
+      "integrity": "sha512-kM3HKb16VIXZyIeVrM1ygYmZBKybX8N4p754bw390wGO3Tf2j4L2/WYL+4suWujpgf6GBYs3jv7TyUivdd05JA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
+      "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
+      "dev": true,
+      "dependencies": {
+        "eslint-visitor-keys": "^3.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.1.tgz",
+      "integrity": "sha512-pZnmmLwYzf+kWaM/Qgrvpen51upAktaaiI01nsJD/Yr3lMOdNtq0cxkrrg16w64VtisN6okbs7Q8AfGqj4c9fA==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.12.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.1.tgz",
+      "integrity": "sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
+      "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^9.6.0",
+        "globals": "^13.19.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.0",
+        "minimatch": "^3.1.2",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/globals": {
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.0.tgz",
+      "integrity": "sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@giphy/js-analytics": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/@giphy/js-analytics/-/js-analytics-4.3.2.tgz",
+      "integrity": "sha512-DCBOAxGixRg8+5Pz/H9gmMP7b5qDhNw49spWleIGLT+4FQHm9eDjVrY5wKlY8Y0c91CmK9V6kqTCpJ+2aGLdmQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@giphy/js-types": "*",
+        "@giphy/js-util": "*",
+        "append-query": "^2.1.0",
+        "throttle-debounce": "^3.0.1"
+      }
+    },
+    "node_modules/@giphy/js-brand": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/@giphy/js-brand/-/js-brand-2.2.2.tgz",
+      "integrity": "sha512-ZHdnkDLDJt4L6nlogeElxoCmCJvFBWQ5HV6R5mz26G7ZfWs45//mjz7maqLP/UqA+9azBERPewAKm2zTtxy5kQ==",
+      "dependencies": {
+        "emotion": "10.0.27"
+      }
+    },
+    "node_modules/@giphy/js-fetch-api": {
+      "version": "4.9.3",
+      "resolved": "https://registry.npmjs.org/@giphy/js-fetch-api/-/js-fetch-api-4.9.3.tgz",
+      "integrity": "sha512-SV+7ttNrU9pGRp7otVRSAKTQxT8fHNObYAeJ5gCVk3pr9LhP1b2Az8KIXn2IlpxdIHOnuFNKP919oO5MvESDkA==",
+      "license": "MIT",
+      "dependencies": {
+        "@giphy/js-types": "*",
+        "@giphy/js-util": "*",
+        "qs": "^6.9.4"
+      }
+    },
+    "node_modules/@giphy/js-types": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/@giphy/js-types/-/js-types-4.4.0.tgz",
+      "integrity": "sha512-W9G6crS2oqTn7g0RpvYu1l/sna4LnivRTk25jmxdzujOFb9kvQ+VFM/v9RPYV2GIBnzT/maW/EwjFIba9jkflA=="
+    },
+    "node_modules/@giphy/js-util": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@giphy/js-util/-/js-util-5.2.0.tgz",
+      "integrity": "sha512-Qt7pGh2cqiNmXLeWAgb459wK8+BuMLtIxTfg4ZksnPHPsLthiHT9hhzs2QhqUh7Pp/HOq+Cbv2etGDfnq+xiKA==",
+      "license": "MIT",
+      "dependencies": {
+        "@giphy/js-types": "*",
+        "uuid": "^9.0.0"
+      }
+    },
+    "node_modules/@giphy/js-util/node_modules/uuid": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz",
+      "integrity": "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/@giphy/react-components": {
+      "version": "6.9.4",
+      "resolved": "https://registry.npmjs.org/@giphy/react-components/-/react-components-6.9.4.tgz",
+      "integrity": "sha512-Ql7dHnfCTgE5qWbzhqDYBwY+sjBlIxBZNGrSTMGOkEFKy9y2JIvJP7UKaXyYPNIluOZNGlnkP7EARY4uAJiDTQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@emotion/react": "11.9.3",
+        "@emotion/styled": "11.9.3",
+        "@giphy/js-analytics": "*",
+        "@giphy/js-brand": "*",
+        "@giphy/js-fetch-api": "*",
+        "@giphy/js-types": "*",
+        "@giphy/js-util": "*",
+        "intersection-observer": "^0.12.2",
+        "react-use": "17.4.0",
+        "throttle-debounce": "^3.0.1"
+      },
+      "peerDependencies": {
+        "react": "16.10.2 - 18"
+      }
+    },
+    "node_modules/@giphy/react-components/node_modules/@emotion/hash": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.0.tgz",
+      "integrity": "sha512-14FtKiHhy2QoPIzdTcvh//8OyBlknNs2nXRwIhG904opCby3l+9Xaf/wuPvICBF0rc1ZCNBd3nKe9cd2mecVkQ=="
+    },
+    "node_modules/@giphy/react-components/node_modules/@emotion/react": {
+      "version": "11.9.3",
+      "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.9.3.tgz",
+      "integrity": "sha512-g9Q1GcTOlzOEjqwuLF/Zd9LC+4FljjPjDfxSM7KmEakm+hsHXk+bYZ2q+/hTJzr0OUNkujo72pXLQvXj6H+GJQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@emotion/babel-plugin": "^11.7.1",
+        "@emotion/cache": "^11.9.3",
+        "@emotion/serialize": "^1.0.4",
+        "@emotion/utils": "^1.1.0",
+        "@emotion/weak-memoize": "^0.2.5",
+        "hoist-non-react-statics": "^3.3.1"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0",
+        "react": ">=16.8.0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@giphy/react-components/node_modules/@emotion/serialize": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.1.tgz",
+      "integrity": "sha512-Zl/0LFggN7+L1liljxXdsVSVlg6E/Z/olVWpfxUTxOAmi8NU7YoeWeLfi1RmnB2TATHoaWwIBRoL+FvAJiTUQA==",
+      "dependencies": {
+        "@emotion/hash": "^0.9.0",
+        "@emotion/memoize": "^0.8.0",
+        "@emotion/unitless": "^0.8.0",
+        "@emotion/utils": "^1.2.0",
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@giphy/react-components/node_modules/@emotion/styled": {
+      "version": "11.9.3",
+      "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.9.3.tgz",
+      "integrity": "sha512-o3sBNwbtoVz9v7WB1/Y/AmXl69YHmei2mrVnK7JgyBJ//Rst5yqPZCecEJlMlJrFeWHp+ki/54uN265V2pEcXA==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@emotion/babel-plugin": "^11.7.1",
+        "@emotion/is-prop-valid": "^1.1.3",
+        "@emotion/serialize": "^1.0.4",
+        "@emotion/utils": "^1.1.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0",
+        "@emotion/react": "^11.0.0-rc.0",
+        "react": ">=16.8.0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@giphy/react-components/node_modules/@emotion/unitless": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.0.tgz",
+      "integrity": "sha512-VINS5vEYAscRl2ZUDiT3uMPlrFQupiKgHz5AA4bCH1miKBg4qtwkim1qPmJj/4WG6TreYMY111rEFsjupcOKHw=="
+    },
+    "node_modules/@giphy/react-components/node_modules/@emotion/utils": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.0.tgz",
+      "integrity": "sha512-sn3WH53Kzpw8oQ5mgMmIzzyAaH2ZqFEbozVVBSYp538E06OSE6ytOp7pRAjNQR+Q/orwqdQYJSe2m3hCOeznkw=="
+    },
+    "node_modules/@giphy/react-native-sdk": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/@giphy/react-native-sdk/-/react-native-sdk-4.1.0.tgz",
+      "integrity": "sha512-8ii5NO53dVv5qnwck/c/2AIqxoXTvF/SraxGyoKW0MJdVpDIT8fGg5ObixgqaMs5W3rqHfGz+pz/ln6hBhQ0tg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@giphy/js-types": "^4.4.0",
+        "type-fest": "^4.5.0"
+      },
+      "peerDependencies": {
+        "react": "^18.2.0",
+        "react-native": ">=0.73.0"
+      }
+    },
+    "node_modules/@giphy/react-native-sdk/node_modules/type-fest": {
+      "version": "4.41.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.41.0.tgz",
+      "integrity": "sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==",
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@hapi/bourne": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@hapi/bourne/-/bourne-3.0.0.tgz",
+      "integrity": "sha512-Waj1cwPXJDucOib4a3bAISsKJVb15MKi9IvmTI/7ssVEm6sywXGjVJDhl6/umt1pK1ZS7PacXU3A1PmFKHEZ2w=="
+    },
+    "node_modules/@hapi/hoek": {
+      "version": "9.3.0",
+      "resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-9.3.0.tgz",
+      "integrity": "sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==",
+      "dev": true,
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@hapi/topo": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/@hapi/topo/-/topo-5.1.0.tgz",
+      "integrity": "sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@hapi/hoek": "^9.0.0"
+      }
+    },
+    "node_modules/@humanwhocodes/config-array": {
+      "version": "0.11.14",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.14.tgz",
+      "integrity": "sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==",
+      "deprecated": "Use @eslint/config-array instead",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@humanwhocodes/object-schema": "^2.0.2",
+        "debug": "^4.3.1",
+        "minimatch": "^3.0.5"
+      },
+      "engines": {
+        "node": ">=10.10.0"
+      }
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/object-schema": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
+      "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
+      "deprecated": "Use @eslint/object-schema instead",
+      "dev": true,
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@inquirer/ansi": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@inquirer/ansi/-/ansi-1.0.2.tgz",
+      "integrity": "sha512-S8qNSZiYzFd0wAcyG5AXCvUHC5Sr7xpZ9wZ2py9XR88jUz8wooStVx5M6dRzczbBWjic9NP7+rY0Xi7qqK/aMQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@inquirer/checkbox": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/@inquirer/checkbox/-/checkbox-4.3.2.tgz",
+      "integrity": "sha512-VXukHf0RR1doGe6Sm4F0Em7SWYLTHSsbGfJdS9Ja2bX5/D5uwVOEjr07cncLROdBvmnvCATYEWlHqYmXv2IlQA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@inquirer/ansi": "^1.0.2",
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/figures": "^1.0.15",
+        "@inquirer/type": "^3.0.10",
+        "yoctocolors-cjs": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@inquirer/confirm": {
+      "version": "5.1.21",
+      "resolved": "https://registry.npmjs.org/@inquirer/confirm/-/confirm-5.1.21.tgz",
+      "integrity": "sha512-KR8edRkIsUayMXV+o3Gv+q4jlhENF9nMYUZs9PA2HzrXeHI8M5uDag70U7RJn9yyiMZSbtF5/UexBtAVtZGSbQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/type": "^3.0.10"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@inquirer/core": {
+      "version": "10.3.2",
+      "resolved": "https://registry.npmjs.org/@inquirer/core/-/core-10.3.2.tgz",
+      "integrity": "sha512-43RTuEbfP8MbKzedNqBrlhhNKVwoK//vUFNW3Q3vZ88BLcrs4kYpGg+B2mm5p2K/HfygoCxuKwJJiv8PbGmE0A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@inquirer/ansi": "^1.0.2",
+        "@inquirer/figures": "^1.0.15",
+        "@inquirer/type": "^3.0.10",
+        "cli-width": "^4.1.0",
+        "mute-stream": "^2.0.0",
+        "signal-exit": "^4.1.0",
+        "wrap-ansi": "^6.2.0",
+        "yoctocolors-cjs": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@inquirer/core/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@inquirer/core/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/@inquirer/core/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@inquirer/core/node_modules/signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@inquirer/core/node_modules/wrap-ansi": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
+      "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@inquirer/editor": {
+      "version": "4.2.23",
+      "resolved": "https://registry.npmjs.org/@inquirer/editor/-/editor-4.2.23.tgz",
+      "integrity": "sha512-aLSROkEwirotxZ1pBaP8tugXRFCxW94gwrQLxXfrZsKkfjOYC1aRvAZuhpJOb5cu4IBTJdsCigUlf2iCOu4ZDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/external-editor": "^1.0.3",
+        "@inquirer/type": "^3.0.10"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@inquirer/expand": {
+      "version": "4.0.23",
+      "resolved": "https://registry.npmjs.org/@inquirer/expand/-/expand-4.0.23.tgz",
+      "integrity": "sha512-nRzdOyFYnpeYTTR2qFwEVmIWypzdAx/sIkCMeTNTcflFOovfqUk+HcFhQQVBftAh9gmGrpFj6QcGEqrDMDOiew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/type": "^3.0.10",
+        "yoctocolors-cjs": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@inquirer/external-editor": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@inquirer/external-editor/-/external-editor-1.0.3.tgz",
+      "integrity": "sha512-RWbSrDiYmO4LbejWY7ttpxczuwQyZLBUyygsA9Nsv95hpzUWwnNTVQmAq3xuh7vNwCp07UTmE5i11XAEExx4RA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chardet": "^2.1.1",
+        "iconv-lite": "^0.7.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@inquirer/external-editor/node_modules/iconv-lite": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.7.1.tgz",
+      "integrity": "sha512-2Tth85cXwGFHfvRgZWszZSvdo+0Xsqmw8k8ZwxScfcBneNUraK+dxRxRm24nszx80Y0TVio8kKLt5sLE7ZCLlw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/@inquirer/figures": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmjs.org/@inquirer/figures/-/figures-1.0.15.tgz",
+      "integrity": "sha512-t2IEY+unGHOzAaVM5Xx6DEWKeXlDDcNPeDyUpsRc6CUhBfU3VQOEl+Vssh7VNp1dR8MdUJBWhuObjXCsVpjN5g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@inquirer/input": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/@inquirer/input/-/input-4.3.1.tgz",
+      "integrity": "sha512-kN0pAM4yPrLjJ1XJBjDxyfDduXOuQHrBB8aLDMueuwUGn+vNpF7Gq7TvyVxx8u4SHlFFj4trmj+a2cbpG4Jn1g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/type": "^3.0.10"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@inquirer/number": {
+      "version": "3.0.23",
+      "resolved": "https://registry.npmjs.org/@inquirer/number/-/number-3.0.23.tgz",
+      "integrity": "sha512-5Smv0OK7K0KUzUfYUXDXQc9jrf8OHo4ktlEayFlelCjwMXz0299Y8OrI+lj7i4gCBY15UObk76q0QtxjzFcFcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/type": "^3.0.10"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@inquirer/password": {
+      "version": "4.0.23",
+      "resolved": "https://registry.npmjs.org/@inquirer/password/-/password-4.0.23.tgz",
+      "integrity": "sha512-zREJHjhT5vJBMZX/IUbyI9zVtVfOLiTO66MrF/3GFZYZ7T4YILW5MSkEYHceSii/KtRk+4i3RE7E1CUXA2jHcA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@inquirer/ansi": "^1.0.2",
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/type": "^3.0.10"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@inquirer/prompts": {
+      "version": "7.10.1",
+      "resolved": "https://registry.npmjs.org/@inquirer/prompts/-/prompts-7.10.1.tgz",
+      "integrity": "sha512-Dx/y9bCQcXLI5ooQ5KyvA4FTgeo2jYj/7plWfV5Ak5wDPKQZgudKez2ixyfz7tKXzcJciTxqLeK7R9HItwiByg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@inquirer/checkbox": "^4.3.2",
+        "@inquirer/confirm": "^5.1.21",
+        "@inquirer/editor": "^4.2.23",
+        "@inquirer/expand": "^4.0.23",
+        "@inquirer/input": "^4.3.1",
+        "@inquirer/number": "^3.0.23",
+        "@inquirer/password": "^4.0.23",
+        "@inquirer/rawlist": "^4.1.11",
+        "@inquirer/search": "^3.2.2",
+        "@inquirer/select": "^4.4.2"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@inquirer/rawlist": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/@inquirer/rawlist/-/rawlist-4.1.11.tgz",
+      "integrity": "sha512-+LLQB8XGr3I5LZN/GuAHo+GpDJegQwuPARLChlMICNdwW7OwV2izlCSCxN6cqpL0sMXmbKbFcItJgdQq5EBXTw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/type": "^3.0.10",
+        "yoctocolors-cjs": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@inquirer/search": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/@inquirer/search/-/search-3.2.2.tgz",
+      "integrity": "sha512-p2bvRfENXCZdWF/U2BXvnSI9h+tuA8iNqtUKb9UWbmLYCRQxd8WkvwWvYn+3NgYaNwdUkHytJMGG4MMLucI1kA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/figures": "^1.0.15",
+        "@inquirer/type": "^3.0.10",
+        "yoctocolors-cjs": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@inquirer/select": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/@inquirer/select/-/select-4.4.2.tgz",
+      "integrity": "sha512-l4xMuJo55MAe+N7Qr4rX90vypFwCajSakx59qe/tMaC1aEHWLyw68wF4o0A4SLAY4E0nd+Vt+EyskeDIqu1M6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@inquirer/ansi": "^1.0.2",
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/figures": "^1.0.15",
+        "@inquirer/type": "^3.0.10",
+        "yoctocolors-cjs": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@inquirer/type": {
+      "version": "3.0.10",
+      "resolved": "https://registry.npmjs.org/@inquirer/type/-/type-3.0.10.tgz",
+      "integrity": "sha512-BvziSRxfz5Ov8ch0z/n3oijRSEcEsHnhggm4xFZe93DHcUCTlutlq9Ox4SVENAfcRD22UQq7T/atg9Wr3k09eA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@isaacs/balanced-match": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@isaacs/balanced-match/-/balanced-match-4.0.1.tgz",
+      "integrity": "sha512-yzMTt9lEb8Gv7zRioUilSglI0c0smZ9k5D65677DLWLtWJaXIS3CqcGyUFByYKlnUj6TkjLVs54fBl6+TiGQDQ==",
+      "license": "MIT",
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/@isaacs/brace-expansion": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@isaacs/brace-expansion/-/brace-expansion-5.0.0.tgz",
+      "integrity": "sha512-ZT55BDLV0yv0RBm2czMiZ+SqCGO7AvmOM3G/w2xhVPH+te0aKgFjmBvGlL1dH+ql2tgGO3MVrbb3jCKyvpgnxA==",
+      "license": "MIT",
+      "dependencies": {
+        "@isaacs/balanced-match": "^4.0.1"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/@isaacs/cliui": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
+      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
+      "dependencies": {
+        "string-width": "^5.1.2",
+        "string-width-cjs": "npm:string-width@^4.2.0",
+        "strip-ansi": "^7.0.1",
+        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
+        "wrap-ansi": "^8.1.0",
+        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/ansi-regex": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
+      "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/ansi-styles": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg=="
+    },
+    "node_modules/@isaacs/cliui/node_modules/string-width": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
+      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+      "dependencies": {
+        "eastasianwidth": "^0.2.0",
+        "emoji-regex": "^9.2.2",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/wrap-ansi": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
+      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+      "dependencies": {
+        "ansi-styles": "^6.1.0",
+        "string-width": "^5.0.1",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/ttlcache": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/@isaacs/ttlcache/-/ttlcache-1.4.1.tgz",
+      "integrity": "sha512-RQgQ4uQ+pLbqXfOmieB91ejmLwvSgv9nLx6sT6sD83s7umBypgg+OIBOBbEUiJXrfpnp9j0mRhYYdzp9uqq3lA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@istanbuljs/load-nyc-config": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz",
+      "integrity": "sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==",
+      "license": "ISC",
+      "dependencies": {
+        "camelcase": "^5.3.1",
+        "find-up": "^4.1.0",
+        "get-package-type": "^0.1.0",
+        "js-yaml": "^3.13.1",
+        "resolve-from": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@istanbuljs/load-nyc-config/node_modules/argparse": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+      "license": "MIT",
+      "dependencies": {
+        "sprintf-js": "~1.0.2"
+      }
+    },
+    "node_modules/@istanbuljs/load-nyc-config/node_modules/camelcase": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@istanbuljs/load-nyc-config/node_modules/js-yaml": {
+      "version": "3.14.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
+      "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^1.0.7",
+        "esprima": "^4.0.0"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/@istanbuljs/load-nyc-config/node_modules/resolve-from": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@istanbuljs/schema": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz",
+      "integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@jest/create-cache-key-function": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/create-cache-key-function/-/create-cache-key-function-29.7.0.tgz",
+      "integrity": "sha512-4QqS3LY5PBmTRHj9sAg1HLoPzqAI0uOX6wI/TRqHIcOxlFidy6YEmCQJk6FSZjNLGCeubDMfmkWL+qaLKhSGQA==",
+      "dependencies": {
+        "@jest/types": "^29.6.3"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/diff-sequences": {
+      "version": "30.0.1",
+      "resolved": "https://registry.npmjs.org/@jest/diff-sequences/-/diff-sequences-30.0.1.tgz",
+      "integrity": "sha512-n5H8QLDJ47QqbCNn5SuFjCRDrOLEZ0h8vAHCK5RL9Ls7Xa8AQLa/YxAc9UjFqoEDM48muwtBGjtMY5cr0PLDCw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@jest/environment": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/environment/-/environment-29.7.0.tgz",
+      "integrity": "sha512-aQIfHDq33ExsN4jP1NWGXhxgQ/wixs60gDiKO+XVMd8Mn0NWPWgc34ZQDTb2jKaUWQ7MuwoitXAsN2XVXNMpAw==",
+      "dependencies": {
+        "@jest/fake-timers": "^29.7.0",
+        "@jest/types": "^29.6.3",
+        "@types/node": "*",
+        "jest-mock": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/expect-utils": {
+      "version": "30.0.3",
+      "resolved": "https://registry.npmjs.org/@jest/expect-utils/-/expect-utils-30.0.3.tgz",
+      "integrity": "sha512-SMtBvf2sfX2agcT0dA9pXwcUrKvOSDqBY4e4iRfT+Hya33XzV35YVg+98YQFErVGA/VR1Gto5Y2+A6G9LSQ3Yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/get-type": "30.0.1"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@jest/fake-timers": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/fake-timers/-/fake-timers-29.7.0.tgz",
+      "integrity": "sha512-q4DH1Ha4TTFPdxLsqDXK1d3+ioSL7yL5oCMJZgDYm6i+6CygW5E5xVr/D1HdsGxjt1ZWSfUAs9OxSB/BNelWrQ==",
+      "dependencies": {
+        "@jest/types": "^29.6.3",
+        "@sinonjs/fake-timers": "^10.0.2",
+        "@types/node": "*",
+        "jest-message-util": "^29.7.0",
+        "jest-mock": "^29.7.0",
+        "jest-util": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/get-type": {
+      "version": "30.0.1",
+      "resolved": "https://registry.npmjs.org/@jest/get-type/-/get-type-30.0.1.tgz",
+      "integrity": "sha512-AyYdemXCptSRFirI5EPazNxyPwAL0jXt3zceFjaj8NFiKP9pOi0bfXonf6qkf82z2t3QWPeLCWWw4stPBzctLw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@jest/pattern": {
+      "version": "30.0.1",
+      "resolved": "https://registry.npmjs.org/@jest/pattern/-/pattern-30.0.1.tgz",
+      "integrity": "sha512-gWp7NfQW27LaBQz3TITS8L7ZCQ0TLvtmI//4OwlQRx4rnWxcPNIYjxZpDcN4+UlGxgm3jS5QPz8IPTCkb59wZA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "jest-regex-util": "30.0.1"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@jest/pattern/node_modules/jest-regex-util": {
+      "version": "30.0.1",
+      "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-30.0.1.tgz",
+      "integrity": "sha512-jHEQgBXAgc+Gh4g0p3bCevgRCVRkB4VB70zhoAE48gxeSr1hfUOsM/C2WoJgVL7Eyg//hudYENbm3Ne+/dRVVA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@jest/schemas": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
+      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
+      "dependencies": {
+        "@sinclair/typebox": "^0.27.8"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/transform": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-29.7.0.tgz",
+      "integrity": "sha512-ok/BTPFzFKVMwO5eOHRrvnBVHdRy9IrsrW1GpMaQ9MCnilNLXQKmAX8s1YXDFaai9xJpac2ySzV0YeRRECr2Vw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.11.6",
+        "@jest/types": "^29.6.3",
+        "@jridgewell/trace-mapping": "^0.3.18",
+        "babel-plugin-istanbul": "^6.1.1",
+        "chalk": "^4.0.0",
+        "convert-source-map": "^2.0.0",
+        "fast-json-stable-stringify": "^2.1.0",
+        "graceful-fs": "^4.2.9",
+        "jest-haste-map": "^29.7.0",
+        "jest-regex-util": "^29.6.3",
+        "jest-util": "^29.7.0",
+        "micromatch": "^4.0.4",
+        "pirates": "^4.0.4",
+        "slash": "^3.0.0",
+        "write-file-atomic": "^4.0.2"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/transform/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@jest/transform/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/@jest/transform/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/@jest/transform/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "license": "MIT"
+    },
+    "node_modules/@jest/transform/node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "license": "MIT"
+    },
+    "node_modules/@jest/transform/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@jest/transform/node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@jest/transform/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@jest/transform/node_modules/write-file-atomic": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.2.tgz",
+      "integrity": "sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==",
+      "license": "ISC",
+      "dependencies": {
+        "imurmurhash": "^0.1.4",
+        "signal-exit": "^3.0.7"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@jest/types": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
+      "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
+      "dependencies": {
+        "@jest/schemas": "^29.6.3",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "@types/istanbul-reports": "^3.0.0",
+        "@types/node": "*",
+        "@types/yargs": "^17.0.8",
+        "chalk": "^4.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/types/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@jest/types/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/@jest/types/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/@jest/types/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+    },
+    "node_modules/@jest/types/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@jest/types/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@jitsi/eslint-config": {
+      "version": "6.0.4",
+      "resolved": "https://registry.npmjs.org/@jitsi/eslint-config/-/eslint-config-6.0.4.tgz",
+      "integrity": "sha512-5ReSX/ruQi/JdsMAGRPMZL4WupCmWHEDAd8pFfvd48/JV43ku1fM0j3S3ORtl/QF4/medenRuWL633oyCGXXUA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@babel/eslint-parser": "^7.25.9",
+        "@stylistic/eslint-plugin": "^2.12.1",
+        "@typescript-eslint/eslint-plugin": "^8.19.1",
+        "@typescript-eslint/parser": "^8.19.1",
+        "eslint": "^8.57.0",
+        "eslint-plugin-import": "^2.31.0",
+        "eslint-plugin-jsdoc": "^50.6.1",
+        "eslint-plugin-typescript-sort-keys": "^3.3.0"
+      }
+    },
+    "node_modules/@jitsi/excalidraw": {
+      "version": "0.0.19",
+      "resolved": "https://github.com/jitsi/excalidraw/releases/download/v0.0.19/jitsi-excalidraw-0.0.19.tgz",
+      "integrity": "sha512-8fAv3cVEuoukSyu5RBZg0YWcrGEMjSKsdeQJuMmeOL2vVXIBWo0TpaHqys4HNCGRmZKzkhYccqxtmNSTxlBgkQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^17.0.2 || ^18.2.0",
+        "react-dom": "^17.0.2 || ^18.2.0"
+      }
+    },
+    "node_modules/@jitsi/js-utils": {
+      "version": "2.6.7",
+      "resolved": "https://registry.npmjs.org/@jitsi/js-utils/-/js-utils-2.6.7.tgz",
+      "integrity": "sha512-r16J3CjYt325CFIpfHznND4O3b9BE7CZ7cu+Xx0uk1C+ZY6/bDPZFM/0d4t0VH+1/rmfG4I7i18qxXct3xmPrw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@hapi/bourne": "^3.0.0",
+        "js-md5": "0.7.3",
+        "ua-parser-js": "1.0.35"
+      }
+    },
+    "node_modules/@jitsi/js-utils/node_modules/js-md5": {
+      "version": "0.7.3",
+      "resolved": "https://registry.npmjs.org/js-md5/-/js-md5-0.7.3.tgz",
+      "integrity": "sha512-ZC41vPSTLKGwIRjqDh8DfXoCrdQIyBgspJVPXHBGu4nZlAEvG3nf+jO9avM9RmLiGakg7vz974ms99nEV0tmTQ=="
+    },
+    "node_modules/@jitsi/logger": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@jitsi/logger/-/logger-2.1.1.tgz",
+      "integrity": "sha512-adMtODSXvYJtqfRuDwxN1hNWPJ4gvp868G7QXII3ajSgPaE2mMcbLYRHy6mZZlQJGnxr0dDaivOrvV6CikHZNQ=="
+    },
+    "node_modules/@jitsi/precall-test": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/@jitsi/precall-test/-/precall-test-1.0.6.tgz",
+      "integrity": "sha512-L/gnRjnFxpQqvfILXeFoVTHEtwL01zoSKAIqMVxMmaD0ahozML8uztlxRPlYSbKrT31j3Cm1ss9KdSNeO3f9FQ=="
+    },
+    "node_modules/@jitsi/rnnoise-wasm": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/@jitsi/rnnoise-wasm/-/rnnoise-wasm-0.2.1.tgz",
+      "integrity": "sha512-iEj77www43pS2Yq+cfLZb+hFuI7L5ccisBzzPMcOjjLsG4/LAlkD1CY58/8gc84nHdLBGmD/OPIWGnvYnXvB0A=="
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
+      "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/set-array": "^1.2.1",
+        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz",
+      "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/set-array": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
+      "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/source-map": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.5.tgz",
+      "integrity": "sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.0",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
+      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ=="
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.25",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
+      "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@jsonjoy.com/base64": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/base64/-/base64-1.1.2.tgz",
+      "integrity": "sha512-q6XAnWQDIMA3+FTiOYajoYqySkO+JSat0ytXGSuRdq9uXE7o92gzuQwQM14xaCRlBLGq3v5miDGC4vkVTn54xA==",
+      "dev": true,
+      "engines": {
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
+      }
+    },
+    "node_modules/@jsonjoy.com/json-pack": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/json-pack/-/json-pack-1.1.0.tgz",
+      "integrity": "sha512-zlQONA+msXPPwHWZMKFVS78ewFczIll5lXiVPwFPCZUsrOKdxc2AvxU1HoNBmMRhqDZUR9HkC3UOm+6pME6Xsg==",
+      "dev": true,
+      "dependencies": {
+        "@jsonjoy.com/base64": "^1.1.1",
+        "@jsonjoy.com/util": "^1.1.2",
+        "hyperdyperid": "^1.2.0",
+        "thingies": "^1.20.0"
+      },
+      "engines": {
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
+      }
+    },
+    "node_modules/@jsonjoy.com/util": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/util/-/util-1.5.0.tgz",
+      "integrity": "sha512-ojoNsrIuPI9g6o8UxhraZQSyF2ByJanAY4cTFbc8Mf2AXEF4aQRGY1dJxyJpuyav8r9FGflEt/Ff3u5Nt6YMPA==",
+      "dev": true,
+      "engines": {
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
+      }
+    },
+    "node_modules/@leichtgewicht/ip-codec": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@leichtgewicht/ip-codec/-/ip-codec-2.0.5.tgz",
+      "integrity": "sha512-Vo+PSpZG2/fmgmiNzYK9qWRh8h/CHrwD0mo1h1DzL4yzHNSfWYujGTYsWGreD000gcgmZ7K4Ys6Tx9TxtsKdDw==",
+      "dev": true
+    },
+    "node_modules/@matrix-org/olm": {
+      "version": "3.2.15",
+      "resolved": "https://registry.npmjs.org/@matrix-org/olm/-/olm-3.2.15.tgz",
+      "integrity": "sha512-S7lOrndAK9/8qOtaTq/WhttJC/o4GAzdfK0MUPpo8ApzsJEC0QjtwrkC3KBXdFP1cD1MXi/mlKR7aaoVMKgs6Q==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/@microsoft/microsoft-graph-client": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@microsoft/microsoft-graph-client/-/microsoft-graph-client-3.0.1.tgz",
+      "integrity": "sha512-sudEc1kKMsdtEI6IZfnTL8JUQ1a7pmV7D/ID2n/fsZCZH3MKi2vZ9XeKZfnFAbgaGcNT2bl55w8fcV3vBljJXA==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "tslib": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@azure/identity": {
+          "optional": true
+        },
+        "@azure/msal-browser": {
+          "optional": true
+        },
+        "buffer": {
+          "optional": true
+        },
+        "stream-browserify": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/base": {
+      "version": "5.0.0-alpha.126",
+      "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-alpha.126.tgz",
+      "integrity": "sha512-I5e52A0Muv9Gaoy2GcqbYrQ6dpRyC2UXeA00brT3HuW0nF0E4fiTOIqdNTN+N5gyaYK0z3O6jtLt/97CCrIxVA==",
+      "dependencies": {
+        "@babel/runtime": "^7.21.0",
+        "@emotion/is-prop-valid": "^1.2.0",
+        "@mui/types": "^7.2.4",
+        "@mui/utils": "^5.12.0",
+        "@popperjs/core": "^2.11.7",
+        "clsx": "^1.2.1",
+        "prop-types": "^15.8.1",
+        "react-is": "^18.2.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui"
+      },
+      "peerDependencies": {
+        "@types/react": "^17.0.0 || ^18.0.0",
+        "react": "^17.0.0 || ^18.0.0",
+        "react-dom": "^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/base/node_modules/clsx": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz",
+      "integrity": "sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@mui/base/node_modules/react-is": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+      "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="
+    },
+    "node_modules/@mui/core-downloads-tracker": {
+      "version": "5.12.1",
+      "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.12.1.tgz",
+      "integrity": "sha512-rNiQYHtkXljcvCEnhWrJzie1ifff5O98j3uW7ZlchFgD8HWxEcz/QoxZvo+sCKC9aayAgxi9RsVn2VjCyp5CrA==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui"
+      }
+    },
+    "node_modules/@mui/material": {
+      "version": "5.12.1",
+      "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.12.1.tgz",
+      "integrity": "sha512-m+G9J6+FzIMhRqKV2y30yONH97wX107z9EWgiNCeS1/+y1CnytFZNG1ENdOuaJo1NimCRnmB/iXPvoOaSo6dOg==",
+      "dependencies": {
+        "@babel/runtime": "^7.21.0",
+        "@mui/base": "5.0.0-alpha.126",
+        "@mui/core-downloads-tracker": "^5.12.1",
+        "@mui/system": "^5.12.1",
+        "@mui/types": "^7.2.4",
+        "@mui/utils": "^5.12.0",
+        "@types/react-transition-group": "^4.4.5",
+        "clsx": "^1.2.1",
+        "csstype": "^3.1.2",
+        "prop-types": "^15.8.1",
+        "react-is": "^18.2.0",
+        "react-transition-group": "^4.4.5"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui"
+      },
+      "peerDependencies": {
+        "@emotion/react": "^11.5.0",
+        "@emotion/styled": "^11.3.0",
+        "@types/react": "^17.0.0 || ^18.0.0",
+        "react": "^17.0.0 || ^18.0.0",
+        "react-dom": "^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/react": {
+          "optional": true
+        },
+        "@emotion/styled": {
+          "optional": true
+        },
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/material/node_modules/clsx": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz",
+      "integrity": "sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@mui/material/node_modules/dom-helpers": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
+      "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
+      "dependencies": {
+        "@babel/runtime": "^7.8.7",
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@mui/material/node_modules/react-is": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+      "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="
+    },
+    "node_modules/@mui/material/node_modules/react-transition-group": {
+      "version": "4.4.5",
+      "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
+      "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==",
+      "dependencies": {
+        "@babel/runtime": "^7.5.5",
+        "dom-helpers": "^5.0.1",
+        "loose-envify": "^1.4.0",
+        "prop-types": "^15.6.2"
+      },
+      "peerDependencies": {
+        "react": ">=16.6.0",
+        "react-dom": ">=16.6.0"
+      }
+    },
+    "node_modules/@mui/private-theming": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.12.0.tgz",
+      "integrity": "sha512-w5dwMen1CUm1puAtubqxY9BIzrBxbOThsg2iWMvRJmWyJAPdf3Z583fPXpqeA2lhTW79uH2jajk5Ka4FuGlTPg==",
+      "dependencies": {
+        "@babel/runtime": "^7.21.0",
+        "@mui/utils": "^5.12.0",
+        "prop-types": "^15.8.1"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui"
+      },
+      "peerDependencies": {
+        "@types/react": "^17.0.0 || ^18.0.0",
+        "react": "^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/styled-engine": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.12.0.tgz",
+      "integrity": "sha512-frh8L7CRnvD0RDmIqEv6jFeKQUIXqW90BaZ6OrxJ2j4kIsiVLu29Gss4SbBvvrWwwatR72sBmC3w1aG4fjp9mQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.21.0",
+        "@emotion/cache": "^11.10.7",
+        "csstype": "^3.1.2",
+        "prop-types": "^15.8.1"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui"
+      },
+      "peerDependencies": {
+        "@emotion/react": "^11.4.1",
+        "@emotion/styled": "^11.3.0",
+        "react": "^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/react": {
+          "optional": true
+        },
+        "@emotion/styled": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/system": {
+      "version": "5.12.1",
+      "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.12.1.tgz",
+      "integrity": "sha512-Po+sicdV3bbRYXdU29XZaHPZrW7HUYUqU1qCu77GCCEMbahC756YpeyefdIYuPMUg0OdO3gKIUfDISBrkjJL+w==",
+      "dependencies": {
+        "@babel/runtime": "^7.21.0",
+        "@mui/private-theming": "^5.12.0",
+        "@mui/styled-engine": "^5.12.0",
+        "@mui/types": "^7.2.4",
+        "@mui/utils": "^5.12.0",
+        "clsx": "^1.2.1",
+        "csstype": "^3.1.2",
+        "prop-types": "^15.8.1"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui"
+      },
+      "peerDependencies": {
+        "@emotion/react": "^11.5.0",
+        "@emotion/styled": "^11.3.0",
+        "@types/react": "^17.0.0 || ^18.0.0",
+        "react": "^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/react": {
+          "optional": true
+        },
+        "@emotion/styled": {
+          "optional": true
+        },
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/system/node_modules/clsx": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz",
+      "integrity": "sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@mui/types": {
+      "version": "7.2.4",
+      "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.4.tgz",
+      "integrity": "sha512-LBcwa8rN84bKF+f5sDyku42w1NTxaPgPyYKODsh01U1fVstTClbUoSA96oyRBnSNyEiAVjKm6Gwx9vjR+xyqHA==",
+      "peerDependencies": {
+        "@types/react": "*"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/utils": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.12.0.tgz",
+      "integrity": "sha512-RmQwgzF72p7Yr4+AAUO6j1v2uzt6wr7SWXn68KBsnfVpdOHyclCzH2lr/Xu6YOw9su4JRtdAIYfJFXsS6Cjkmw==",
+      "dependencies": {
+        "@babel/runtime": "^7.21.0",
+        "@types/prop-types": "^15.7.5",
+        "@types/react-is": "^16.7.1 || ^17.0.0",
+        "prop-types": "^15.8.1",
+        "react-is": "^18.2.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui"
+      },
+      "peerDependencies": {
+        "react": "^17.0.0 || ^18.0.0"
+      }
+    },
+    "node_modules/@mui/utils/node_modules/react-is": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+      "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="
+    },
+    "node_modules/@nicolo-ribaudo/eslint-scope-5-internals": {
+      "version": "5.1.1-v1",
+      "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz",
+      "integrity": "sha512-54/JRvkLIzzDWshCWfuhadfrfZVPiElY8Fcgmg1HroEly/EDSszzhBAsarCux+D/kOslTRquNzuyGSmUSTTHGg==",
+      "dev": true,
+      "dependencies": {
+        "eslint-scope": "5.1.1"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@one-ini/wasm": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/@one-ini/wasm/-/wasm-0.1.1.tgz",
+      "integrity": "sha512-XuySG1E38YScSJoMlqovLru4KTUNSjgVTIjyh7qMX6aNN5HY5Ct5LhRJdxO79JtTzKfzV/bnWpz+zquYrISsvw==",
+      "dev": true
+    },
+    "node_modules/@pkgjs/parseargs": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
+      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
+      "dev": true,
+      "optional": true,
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@pkgr/core": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/@pkgr/core/-/core-0.1.1.tgz",
+      "integrity": "sha512-cq8o4cWH0ibXh9VGi5P20Tu9XF/0fFXl9EUinr9QfTM7a7p0oTA4iJRCQWppXR1Pg8dSM0UCItCkPwsk9qWWYA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/unts"
+      }
+    },
+    "node_modules/@polka/url": {
+      "version": "1.0.0-next.21",
+      "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.21.tgz",
+      "integrity": "sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==",
+      "dev": true
+    },
+    "node_modules/@popperjs/core": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.7.tgz",
+      "integrity": "sha512-Cr4OjIkipTtcXKjAsm8agyleBuDHvxzeBoa1v543lbv1YaIwQjESsVcmjiWiPEbC1FIeHOG/Op9kdCmAmiS3Kw==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
+    "node_modules/@promptbook/utils": {
+      "version": "0.69.5",
+      "resolved": "https://registry.npmjs.org/@promptbook/utils/-/utils-0.69.5.tgz",
+      "integrity": "sha512-xm5Ti/Hp3o4xHrsK9Yy3MS6KbDxYbq485hDsFvxqaNA7equHLPdo8H8faTitTeb14QCDfLW4iwCxdVYu5sn6YQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://buymeacoffee.com/hejny"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/webgptorg/promptbook/blob/main/README.md#%EF%B8%8F-contributing"
+        }
+      ],
+      "license": "CC-BY-4.0",
+      "dependencies": {
+        "spacetrim": "0.11.59"
+      }
+    },
+    "node_modules/@puppeteer/browsers": {
+      "version": "2.11.0",
+      "resolved": "https://registry.npmjs.org/@puppeteer/browsers/-/browsers-2.11.0.tgz",
+      "integrity": "sha512-n6oQX6mYkG8TRPuPXmbPidkUbsSRalhmaaVAQxvH1IkQy63cwsH+kOjB3e4cpCDHg0aSvsiX9bQ4s2VB6mGWUQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "debug": "^4.4.3",
+        "extract-zip": "^2.0.1",
+        "progress": "^2.0.3",
+        "proxy-agent": "^6.5.0",
+        "semver": "^7.7.3",
+        "tar-fs": "^3.1.1",
+        "yargs": "^17.7.2"
+      },
+      "bin": {
+        "browsers": "lib/cjs/main-cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@puppeteer/browsers/node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@puppeteer/browsers/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@puppeteer/browsers/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@react-native-async-storage/async-storage": {
+      "version": "1.23.1",
+      "resolved": "https://registry.npmjs.org/@react-native-async-storage/async-storage/-/async-storage-1.23.1.tgz",
+      "integrity": "sha512-Qd2kQ3yi6Y3+AcUlrHxSLlnBvpdCEMVGFlVBneVOjaFaPU61g1huc38g339ysXspwY1QZA2aNhrk/KlHGO+ewA==",
+      "license": "MIT",
+      "dependencies": {
+        "merge-options": "^3.0.4"
+      },
+      "peerDependencies": {
+        "react-native": "^0.0.0-0 || >=0.60 <1.0"
+      }
+    },
+    "node_modules/@react-native-clipboard/clipboard": {
+      "version": "1.14.3",
+      "resolved": "https://registry.npmjs.org/@react-native-clipboard/clipboard/-/clipboard-1.14.3.tgz",
+      "integrity": "sha512-EVWxJfCSyBN2SH5b3JrA/w1qlYu3vihQOfdD7fs/BYp63xL6qy93CvbFDHzF8ooFpGM6f67hkAN+gxl1RfOKuw==",
+      "license": "MIT",
+      "workspaces": [
+        "example"
+      ],
+      "peerDependencies": {
+        "react": ">= 16.9.0",
+        "react-native": ">= 0.61.5",
+        "react-native-macos": ">= 0.61.0",
+        "react-native-windows": ">= 0.61.0"
+      },
+      "peerDependenciesMeta": {
+        "react-native-macos": {
+          "optional": true
+        },
+        "react-native-windows": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@react-native-community/cli": {
+      "version": "15.0.1",
+      "resolved": "https://registry.npmjs.org/@react-native-community/cli/-/cli-15.0.1.tgz",
+      "integrity": "sha512-xIGPytx2bj5HxFk0c7S25AVuJowHmEFg5LFC9XosKc0TSOjP1r6zGC6OqC/arQV/pNuqmZN2IFnpgJn0Bn+hhQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@react-native-community/cli-clean": "15.0.1",
+        "@react-native-community/cli-config": "15.0.1",
+        "@react-native-community/cli-debugger-ui": "15.0.1",
+        "@react-native-community/cli-doctor": "15.0.1",
+        "@react-native-community/cli-server-api": "15.0.1",
+        "@react-native-community/cli-tools": "15.0.1",
+        "@react-native-community/cli-types": "15.0.1",
+        "chalk": "^4.1.2",
+        "commander": "^9.4.1",
+        "deepmerge": "^4.3.0",
+        "execa": "^5.0.0",
+        "find-up": "^5.0.0",
+        "fs-extra": "^8.1.0",
+        "graceful-fs": "^4.1.3",
+        "prompts": "^2.4.2",
+        "semver": "^7.5.2"
+      },
+      "bin": {
+        "rnc-cli": "build/bin.js"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@react-native-community/cli-clean": {
+      "version": "15.0.1",
+      "resolved": "https://registry.npmjs.org/@react-native-community/cli-clean/-/cli-clean-15.0.1.tgz",
+      "integrity": "sha512-flGTfT005UZvW2LAXVowZ/7ri22oiiZE4pPgMvc8klRxO5uofKIRuohgiHybHtiCo/HNqIz45JmZJvuFrhc4Ow==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@react-native-community/cli-tools": "15.0.1",
+        "chalk": "^4.1.2",
+        "execa": "^5.0.0",
+        "fast-glob": "^3.3.2"
+      }
+    },
+    "node_modules/@react-native-community/cli-clean/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@react-native-community/cli-clean/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/@react-native-community/cli-clean/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/@react-native-community/cli-clean/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@react-native-community/cli-clean/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@react-native-community/cli-clean/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@react-native-community/cli-config": {
+      "version": "15.0.1",
+      "resolved": "https://registry.npmjs.org/@react-native-community/cli-config/-/cli-config-15.0.1.tgz",
+      "integrity": "sha512-SL3/9zIyzQQPKWei0+W1gNHxCPurrxqpODUWnVLoP38DNcvYCGtsRayw/4DsXgprZfBC+FsscNpd3IDJrG59XA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@react-native-community/cli-tools": "15.0.1",
+        "chalk": "^4.1.2",
+        "cosmiconfig": "^9.0.0",
+        "deepmerge": "^4.3.0",
+        "fast-glob": "^3.3.2",
+        "joi": "^17.2.1"
+      }
+    },
+    "node_modules/@react-native-community/cli-config-apple": {
+      "version": "15.0.1",
+      "resolved": "https://registry.npmjs.org/@react-native-community/cli-config-apple/-/cli-config-apple-15.0.1.tgz",
+      "integrity": "sha512-GEHUx4NRp9W9or6vygn0TgNeFkcJdNjrtko0vQEJAS4gJdWqP/9LqqwJNlUfaW5jHBN7TKALAMlfRmI12Op3sg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@react-native-community/cli-tools": "15.0.1",
+        "chalk": "^4.1.2",
+        "execa": "^5.0.0",
+        "fast-glob": "^3.3.2"
+      }
+    },
+    "node_modules/@react-native-community/cli-config-apple/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@react-native-community/cli-config-apple/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/@react-native-community/cli-config-apple/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/@react-native-community/cli-config-apple/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@react-native-community/cli-config-apple/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@react-native-community/cli-config-apple/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@react-native-community/cli-config/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@react-native-community/cli-config/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/@react-native-community/cli-config/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/@react-native-community/cli-config/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@react-native-community/cli-config/node_modules/deepmerge": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
+      "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/@react-native-community/cli-config/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@react-native-community/cli-config/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@react-native-community/cli-debugger-ui": {
+      "version": "15.0.1",
+      "resolved": "https://registry.npmjs.org/@react-native-community/cli-debugger-ui/-/cli-debugger-ui-15.0.1.tgz",
+      "integrity": "sha512-xkT2TLS8zg5r7Vl9l/2f7JVUoFECnVBS+B5ivrSu2PNZhKkr9lRmJFxC9aVLFb5lIxQQKNDvEyiIDNfP7wjJiA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "serve-static": "^1.13.1"
+      }
+    },
+    "node_modules/@react-native-community/cli-doctor": {
+      "version": "15.0.1",
+      "resolved": "https://registry.npmjs.org/@react-native-community/cli-doctor/-/cli-doctor-15.0.1.tgz",
+      "integrity": "sha512-YCu44lZR3zZxJJYVTqYZFz9cT9KBfbKI4q2MnKOvkamt00XY3usooMqfuwBAdvM/yvpx7M5w8kbM/nPyj4YCvQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@react-native-community/cli-config": "15.0.1",
+        "@react-native-community/cli-platform-android": "15.0.1",
+        "@react-native-community/cli-platform-apple": "15.0.1",
+        "@react-native-community/cli-platform-ios": "15.0.1",
+        "@react-native-community/cli-tools": "15.0.1",
+        "chalk": "^4.1.2",
+        "command-exists": "^1.2.8",
+        "deepmerge": "^4.3.0",
+        "envinfo": "^7.13.0",
+        "execa": "^5.0.0",
+        "node-stream-zip": "^1.9.1",
+        "ora": "^5.4.1",
+        "semver": "^7.5.2",
+        "strip-ansi": "^5.2.0",
+        "wcwidth": "^1.0.1",
+        "yaml": "^2.2.1"
+      }
+    },
+    "node_modules/@react-native-community/cli-doctor/node_modules/ansi-regex": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.1.tgz",
+      "integrity": "sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@react-native-community/cli-doctor/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@react-native-community/cli-doctor/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/@react-native-community/cli-doctor/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/@react-native-community/cli-doctor/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@react-native-community/cli-doctor/node_modules/deepmerge": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
+      "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/@react-native-community/cli-doctor/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@react-native-community/cli-doctor/node_modules/strip-ansi": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
+      "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@react-native-community/cli-doctor/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@react-native-community/cli-doctor/node_modules/yaml": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.0.tgz",
+      "integrity": "sha512-4lLa/EcQCB0cJkyts+FpIRx5G/llPxfP6VQU5KByHEhLxY3IJCH0f0Hy1MHI8sClTvsIb8qwRJ6R/ZdlDJ/leQ==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "yaml": "bin.mjs"
+      },
+      "engines": {
+        "node": ">= 14.6"
+      }
+    },
+    "node_modules/@react-native-community/cli-platform-android": {
+      "version": "15.0.1",
+      "resolved": "https://registry.npmjs.org/@react-native-community/cli-platform-android/-/cli-platform-android-15.0.1.tgz",
+      "integrity": "sha512-QlAMomj6H6TY6pHwjTYMsHDQLP5eLzjAmyW1qb03w/kyS/72elK2bjsklNWJrscFY9TMQLqw7qoAsXf1m5t/dg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@react-native-community/cli-tools": "15.0.1",
+        "chalk": "^4.1.2",
+        "execa": "^5.0.0",
+        "fast-glob": "^3.3.2",
+        "fast-xml-parser": "^4.4.1",
+        "logkitty": "^0.7.1"
+      }
+    },
+    "node_modules/@react-native-community/cli-platform-android/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@react-native-community/cli-platform-android/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/@react-native-community/cli-platform-android/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/@react-native-community/cli-platform-android/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@react-native-community/cli-platform-android/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@react-native-community/cli-platform-android/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@react-native-community/cli-platform-apple": {
+      "version": "15.0.1",
+      "resolved": "https://registry.npmjs.org/@react-native-community/cli-platform-apple/-/cli-platform-apple-15.0.1.tgz",
+      "integrity": "sha512-iQj1Dt2fr/Q7X2CQhyhWnece3eLDCark1osfiwpViksOfTH2WdpNS3lIwlFcIKhsieFU7YYwbNuFqQ3tF9Dlvw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@react-native-community/cli-config-apple": "15.0.1",
+        "@react-native-community/cli-tools": "15.0.1",
+        "chalk": "^4.1.2",
+        "execa": "^5.0.0",
+        "fast-xml-parser": "^4.4.1"
+      }
+    },
+    "node_modules/@react-native-community/cli-platform-apple/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@react-native-community/cli-platform-apple/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/@react-native-community/cli-platform-apple/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/@react-native-community/cli-platform-apple/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@react-native-community/cli-platform-apple/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@react-native-community/cli-platform-apple/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@react-native-community/cli-platform-ios": {
+      "version": "15.0.1",
+      "resolved": "https://registry.npmjs.org/@react-native-community/cli-platform-ios/-/cli-platform-ios-15.0.1.tgz",
+      "integrity": "sha512-6pKzXEIgGL20eE1uOn8iSsNBlMzO1LG+pQOk+7mvD172EPhKm/lRzUVDX5gO/2jvsGoNw6VUW0JX1FI2firwqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@react-native-community/cli-platform-apple": "15.0.1"
+      }
+    },
+    "node_modules/@react-native-community/cli-server-api": {
+      "version": "15.0.1",
+      "resolved": "https://registry.npmjs.org/@react-native-community/cli-server-api/-/cli-server-api-15.0.1.tgz",
+      "integrity": "sha512-f3rb3t1ELLaMSX5/LWO/IykglBIgiP3+pPnyl8GphHnBpf3bdIcp7fHlHLemvHE06YxT2nANRxRPjy1gNskenA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@react-native-community/cli-debugger-ui": "15.0.1",
+        "@react-native-community/cli-tools": "15.0.1",
+        "compression": "^1.7.1",
+        "connect": "^3.6.5",
+        "errorhandler": "^1.5.1",
+        "nocache": "^3.0.1",
+        "pretty-format": "^26.6.2",
+        "serve-static": "^1.13.1",
+        "ws": "^6.2.3"
+      }
+    },
+    "node_modules/@react-native-community/cli-server-api/node_modules/@jest/types": {
+      "version": "26.6.2",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-26.6.2.tgz",
+      "integrity": "sha512-fC6QCp7Sc5sX6g8Tvbmj4XUTbyrik0akgRy03yjXbQaBWWNWGE7SGtJk98m0N8nzegD/7SggrUlivxo5ax4KWQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "@types/istanbul-reports": "^3.0.0",
+        "@types/node": "*",
+        "@types/yargs": "^15.0.0",
+        "chalk": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 10.14.2"
+      }
+    },
+    "node_modules/@react-native-community/cli-server-api/node_modules/@types/yargs": {
+      "version": "15.0.19",
+      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-15.0.19.tgz",
+      "integrity": "sha512-2XUaGVmyQjgyAZldf0D0c14vvo/yv0MhQBSTJcejMMaitsn3nxCB6TmH4G0ZQf+uxROOa9mpanoSm8h6SG/1ZA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/yargs-parser": "*"
+      }
+    },
+    "node_modules/@react-native-community/cli-server-api/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@react-native-community/cli-server-api/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/@react-native-community/cli-server-api/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/@react-native-community/cli-server-api/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@react-native-community/cli-server-api/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@react-native-community/cli-server-api/node_modules/pretty-format": {
+      "version": "26.6.2",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-26.6.2.tgz",
+      "integrity": "sha512-7AeGuCYNGmycyQbCqd/3PWH4eOoX/OiCa0uphp57NVTeAGdJGaAliecxwBDHYQCIvrW7aDBZCYeNTP/WX69mkg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^26.6.2",
+        "ansi-regex": "^5.0.0",
+        "ansi-styles": "^4.0.0",
+        "react-is": "^17.0.1"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@react-native-community/cli-server-api/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@react-native-community/cli-tools": {
+      "version": "15.0.1",
+      "resolved": "https://registry.npmjs.org/@react-native-community/cli-tools/-/cli-tools-15.0.1.tgz",
+      "integrity": "sha512-N79A+u/94roanfmNohVcNGu6Xg+0idh63JHZFLC9OJJuZwTifGMLDfSTHZATpR1J7rebozQ5ClcSUePavErnSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "appdirsjs": "^1.2.4",
+        "chalk": "^4.1.2",
+        "execa": "^5.0.0",
+        "find-up": "^5.0.0",
+        "mime": "^2.4.1",
+        "open": "^6.2.0",
+        "ora": "^5.4.1",
+        "prompts": "^2.4.2",
+        "semver": "^7.5.2",
+        "shell-quote": "^1.7.3",
+        "sudo-prompt": "^9.0.0"
+      }
+    },
+    "node_modules/@react-native-community/cli-tools/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@react-native-community/cli-tools/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/@react-native-community/cli-tools/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/@react-native-community/cli-tools/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@react-native-community/cli-tools/node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@react-native-community/cli-tools/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@react-native-community/cli-tools/node_modules/is-wsl": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-1.1.0.tgz",
+      "integrity": "sha512-gfygJYZ2gLTDlmbWMI0CE2MwnFzSN/2SZfkMlItC4K/JBlsWVDB0bO6XhqcY13YXE7iMcAJnzTCJjPiTeJJ0Mw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/@react-native-community/cli-tools/node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@react-native-community/cli-tools/node_modules/open": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/open/-/open-6.4.0.tgz",
+      "integrity": "sha512-IFenVPgF70fSm1keSd2iDBIDIBZkroLeuffXq+wKTzTJlBpesFWojV9lb8mzOfaAzM1sr7HQHuO0vtV0zYekGg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-wsl": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@react-native-community/cli-tools/node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@react-native-community/cli-tools/node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@react-native-community/cli-tools/node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@react-native-community/cli-tools/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@react-native-community/cli-types": {
+      "version": "15.0.1",
+      "resolved": "https://registry.npmjs.org/@react-native-community/cli-types/-/cli-types-15.0.1.tgz",
+      "integrity": "sha512-sWiJ62kkGu2mgYni2dsPxOMBzpwTjNsDH1ubY4mqcNEI9Zmzs0vRwwDUEhYqwNGys9+KpBKoZRrT2PAlhO84xA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "joi": "^17.2.1"
+      }
+    },
+    "node_modules/@react-native-community/cli/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@react-native-community/cli/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/@react-native-community/cli/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/@react-native-community/cli/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@react-native-community/cli/node_modules/commander": {
+      "version": "9.5.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-9.5.0.tgz",
+      "integrity": "sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || >=14"
+      }
+    },
+    "node_modules/@react-native-community/cli/node_modules/deepmerge": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
+      "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/@react-native-community/cli/node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@react-native-community/cli/node_modules/fs-extra": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
+      "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^4.0.0",
+        "universalify": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=6 <7 || >=8"
+      }
+    },
+    "node_modules/@react-native-community/cli/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@react-native-community/cli/node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@react-native-community/cli/node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@react-native-community/cli/node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@react-native-community/cli/node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@react-native-community/cli/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@react-native-community/netinfo": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/@react-native-community/netinfo/-/netinfo-11.1.0.tgz",
+      "integrity": "sha512-pIbCuqgrY7SkngAcjUs9fMzNh1h4soQMVw1IeGp1HN5//wox3fUVOuvyIubTscUbdLFKiltJAiuQek7Nhx1bqA==",
+      "peerDependencies": {
+        "react-native": ">=0.59"
+      }
+    },
+    "node_modules/@react-native-community/slider": {
+      "version": "4.5.6",
+      "resolved": "https://registry.npmjs.org/@react-native-community/slider/-/slider-4.5.6.tgz",
+      "integrity": "sha512-UhLPFeqx0YfPLrEz8ffT3uqAyXWu6iqFjohNsbp4cOU7hnJwg2RXtDnYHoHMr7MOkZDVdlLMdrSrAuzY6KGqrg==",
+      "license": "MIT"
+    },
+    "node_modules/@react-native-google-signin/google-signin": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/@react-native-google-signin/google-signin/-/google-signin-10.1.0.tgz",
+      "integrity": "sha512-9hhIlnNMfB6NO2738M437egA1p6inKdXXazh0qf6HJeBuLBTePSecePCOkVPczivM1mglquYXWCHJlx4D3Z7xw==",
+      "peerDependencies": {
+        "expo": ">=47.0.0",
+        "react": "*",
+        "react-native": "*"
+      },
+      "peerDependenciesMeta": {
+        "expo": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@react-native/assets-registry": {
+      "version": "0.77.2",
+      "resolved": "https://registry.npmjs.org/@react-native/assets-registry/-/assets-registry-0.77.2.tgz",
+      "integrity": "sha512-AcEhFjndzBWVVhaHaASk36vhA83iDVkQbFYb0D0vATzjuJ67vhhHVLae0+JtHl5jhghotUFDg4Vj/1QbZNDyyQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@react-native/babel-plugin-codegen": {
+      "version": "0.77.2",
+      "resolved": "https://registry.npmjs.org/@react-native/babel-plugin-codegen/-/babel-plugin-codegen-0.77.2.tgz",
+      "integrity": "sha512-2PShbsfsa4NZS+Zt0y2tl1AoWza5podKFmPE5qcYjJoN915VoH3BRkiTVlSpYNKmdvs31o1aQuXAMQDTh7DZ/g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.25.3",
+        "@react-native/codegen": "0.77.2"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@react-native/babel-preset": {
+      "version": "0.77.2",
+      "resolved": "https://registry.npmjs.org/@react-native/babel-preset/-/babel-preset-0.77.2.tgz",
+      "integrity": "sha512-If6X4I0z6W5aVzqZS4JOrN7sh08w1QzEL8Q66i3g0wI8K8ZK+V+/ARlEmboy14VtcOYlmmjXEqSCv+Z2o9cuKg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.25.2",
+        "@babel/plugin-proposal-export-default-from": "^7.24.7",
+        "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+        "@babel/plugin-syntax-export-default-from": "^7.24.7",
+        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3",
+        "@babel/plugin-syntax-optional-chaining": "^7.8.3",
+        "@babel/plugin-transform-arrow-functions": "^7.24.7",
+        "@babel/plugin-transform-async-generator-functions": "^7.25.4",
+        "@babel/plugin-transform-async-to-generator": "^7.24.7",
+        "@babel/plugin-transform-block-scoping": "^7.25.0",
+        "@babel/plugin-transform-class-properties": "^7.25.4",
+        "@babel/plugin-transform-classes": "^7.25.4",
+        "@babel/plugin-transform-computed-properties": "^7.24.7",
+        "@babel/plugin-transform-destructuring": "^7.24.8",
+        "@babel/plugin-transform-flow-strip-types": "^7.25.2",
+        "@babel/plugin-transform-for-of": "^7.24.7",
+        "@babel/plugin-transform-function-name": "^7.25.1",
+        "@babel/plugin-transform-literals": "^7.25.2",
+        "@babel/plugin-transform-logical-assignment-operators": "^7.24.7",
+        "@babel/plugin-transform-modules-commonjs": "^7.24.8",
+        "@babel/plugin-transform-named-capturing-groups-regex": "^7.24.7",
+        "@babel/plugin-transform-nullish-coalescing-operator": "^7.24.7",
+        "@babel/plugin-transform-numeric-separator": "^7.24.7",
+        "@babel/plugin-transform-object-rest-spread": "^7.24.7",
+        "@babel/plugin-transform-optional-catch-binding": "^7.24.7",
+        "@babel/plugin-transform-optional-chaining": "^7.24.8",
+        "@babel/plugin-transform-parameters": "^7.24.7",
+        "@babel/plugin-transform-private-methods": "^7.24.7",
+        "@babel/plugin-transform-private-property-in-object": "^7.24.7",
+        "@babel/plugin-transform-react-display-name": "^7.24.7",
+        "@babel/plugin-transform-react-jsx": "^7.25.2",
+        "@babel/plugin-transform-react-jsx-self": "^7.24.7",
+        "@babel/plugin-transform-react-jsx-source": "^7.24.7",
+        "@babel/plugin-transform-regenerator": "^7.24.7",
+        "@babel/plugin-transform-runtime": "^7.24.7",
+        "@babel/plugin-transform-shorthand-properties": "^7.24.7",
+        "@babel/plugin-transform-spread": "^7.24.7",
+        "@babel/plugin-transform-sticky-regex": "^7.24.7",
+        "@babel/plugin-transform-typescript": "^7.25.2",
+        "@babel/plugin-transform-unicode-regex": "^7.24.7",
+        "@babel/template": "^7.25.0",
+        "@react-native/babel-plugin-codegen": "0.77.2",
+        "babel-plugin-syntax-hermes-parser": "0.25.1",
+        "babel-plugin-transform-flow-enums": "^0.0.2",
+        "react-refresh": "^0.14.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@babel/core": "*"
+      }
+    },
+    "node_modules/@react-native/babel-preset/node_modules/react-refresh": {
+      "version": "0.14.2",
+      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.2.tgz",
+      "integrity": "sha512-jCvmsr+1IUSMUyzOkRcvnVbX3ZYC6g9TDrDbFuFmRDq7PD4yaGbLKNQL6k2jnArV8hjYxh7hVhAZB6s9HDGpZA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/@react-native/codegen": {
+      "version": "0.77.2",
+      "resolved": "https://registry.npmjs.org/@react-native/codegen/-/codegen-0.77.2.tgz",
+      "integrity": "sha512-uJSGm9Sp9K5XAhb17cty6iOc2lZpORQKMpS61/B3gYwe9LNz9TJpcfq1L2+3Mv6lppqsulOH9+fslapo0OTfSQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.25.3",
+        "glob": "^7.1.1",
+        "hermes-parser": "0.25.1",
+        "invariant": "^2.2.4",
+        "jscodeshift": "^17.0.0",
+        "nullthrows": "^1.1.1",
+        "yargs": "^17.6.2"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@babel/preset-env": "^7.1.6"
+      }
+    },
+    "node_modules/@react-native/codegen/node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@react-native/community-cli-plugin": {
+      "version": "0.77.2",
+      "resolved": "https://registry.npmjs.org/@react-native/community-cli-plugin/-/community-cli-plugin-0.77.2.tgz",
+      "integrity": "sha512-Dc93eXHhzhnRy+vF3wOdM8C4dplLpT7ItpUpYrDeA1ffHUImwWpcupB6vpX9+l3UaaJ1cPfdxTjB2d1ACVKOaA==",
+      "license": "MIT",
+      "dependencies": {
+        "@react-native/dev-middleware": "0.77.2",
+        "@react-native/metro-babel-transformer": "0.77.2",
+        "chalk": "^4.0.0",
+        "debug": "^2.2.0",
+        "invariant": "^2.2.4",
+        "metro": "^0.81.3",
+        "metro-config": "^0.81.3",
+        "metro-core": "^0.81.3",
+        "readline": "^1.3.0",
+        "semver": "^7.1.3"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@react-native-community/cli": "*"
+      },
+      "peerDependenciesMeta": {
+        "@react-native-community/cli": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@react-native/community-cli-plugin/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@react-native/community-cli-plugin/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/@react-native/community-cli-plugin/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/@react-native/community-cli-plugin/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "license": "MIT"
+    },
+    "node_modules/@react-native/community-cli-plugin/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/@react-native/community-cli-plugin/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@react-native/community-cli-plugin/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "license": "MIT"
+    },
+    "node_modules/@react-native/community-cli-plugin/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@react-native/debugger-frontend": {
+      "version": "0.77.2",
+      "resolved": "https://registry.npmjs.org/@react-native/debugger-frontend/-/debugger-frontend-0.77.2.tgz",
+      "integrity": "sha512-MRLjQLJr9C0M/TggoycEgYR7lUEZph4cg5PhUwBoNyRquV7lGHqMKNkfMBYBT09cuwKn9O+cFvQOmMNVqsPLxw==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@react-native/dev-middleware": {
+      "version": "0.77.2",
+      "resolved": "https://registry.npmjs.org/@react-native/dev-middleware/-/dev-middleware-0.77.2.tgz",
+      "integrity": "sha512-LBK0kY4XxE4vHVHJ3TwBGXmjl2ad9dsbbwnVgXwYNL/mkkWb2MHlmgHj6xlCMe1gtLtem2TpEF17TKg50ykPJw==",
+      "license": "MIT",
+      "dependencies": {
+        "@isaacs/ttlcache": "^1.4.1",
+        "@react-native/debugger-frontend": "0.77.2",
+        "chrome-launcher": "^0.15.2",
+        "chromium-edge-launcher": "^0.2.0",
+        "connect": "^3.6.5",
+        "debug": "^2.2.0",
+        "invariant": "^2.2.4",
+        "nullthrows": "^1.1.1",
+        "open": "^7.0.3",
+        "selfsigned": "^2.4.1",
+        "serve-static": "^1.16.2",
+        "ws": "^6.2.3"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@react-native/dev-middleware/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/@react-native/dev-middleware/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "license": "MIT"
+    },
+    "node_modules/@react-native/gradle-plugin": {
+      "version": "0.77.2",
+      "resolved": "https://registry.npmjs.org/@react-native/gradle-plugin/-/gradle-plugin-0.77.2.tgz",
+      "integrity": "sha512-M3kU6xnn/06CGdezd31wn64v/BuKdw19K3GjOcRe1L+zKYEeezRovEVgzCNsXLcNtXUfJvmrIN4uYnqmgrJGfg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@react-native/js-polyfills": {
+      "version": "0.77.2",
+      "resolved": "https://registry.npmjs.org/@react-native/js-polyfills/-/js-polyfills-0.77.2.tgz",
+      "integrity": "sha512-qwKeYqRANL8CKzeVWOdhRZJ7LBqqoiXR+cb5yGwVKQxqesrx5Y7gYyq6GP1zRMnhv9iQAY7Rwub8TvDxi2YP6Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@react-native/metro-babel-transformer": {
+      "version": "0.77.2",
+      "resolved": "https://registry.npmjs.org/@react-native/metro-babel-transformer/-/metro-babel-transformer-0.77.2.tgz",
+      "integrity": "sha512-vSG1/d5peUo50aqaBbNnVGE5QxQTSY3j0OWmixfJqiX11wwO3tR2niKxH8OjB3WuSsROgJzosMe9kMsQJQ3ONA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.25.2",
+        "@react-native/babel-preset": "0.77.2",
+        "hermes-parser": "0.25.1",
+        "nullthrows": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@babel/core": "*"
+      }
+    },
+    "node_modules/@react-native/metro-config": {
+      "version": "0.77.2",
+      "resolved": "https://registry.npmjs.org/@react-native/metro-config/-/metro-config-0.77.2.tgz",
+      "integrity": "sha512-BEyqSB3rbf5jlyuUttes+FuvSJwBW8iSZdz7/W0ZOUeRysCaUXCqBZKvNEy/OlSBoJhZnyDRHpuV/4Z7/OEkjw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@react-native/js-polyfills": "0.77.2",
+        "@react-native/metro-babel-transformer": "0.77.2",
+        "metro-config": "^0.81.3",
+        "metro-runtime": "^0.81.3"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@react-native/normalize-colors": {
+      "version": "0.77.2",
+      "resolved": "https://registry.npmjs.org/@react-native/normalize-colors/-/normalize-colors-0.77.2.tgz",
+      "integrity": "sha512-knKStQKX4KM8GkieeayotcSTO7I7PIZxwI71nhK/zBeRPqhDTJMNJQh5TnZJ63fO1Y+EZclWkRIKEj+aFRsssw==",
+      "license": "MIT"
+    },
+    "node_modules/@react-native/virtualized-lists": {
+      "version": "0.77.2",
+      "resolved": "https://registry.npmjs.org/@react-native/virtualized-lists/-/virtualized-lists-0.77.2.tgz",
+      "integrity": "sha512-d0kzoidY3x4jvWwrH4xH4a2/APb+0QhtOMgkxh7vJa4b5b6decQzMt7F86h0y30auR+MrcJnYlObRJIDC0VWaQ==",
+      "license": "MIT",
+      "dependencies": {
+        "invariant": "^2.2.4",
+        "nullthrows": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/react": "^18.2.6",
+        "react": "*",
+        "react-native": "*"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@react-navigation/bottom-tabs": {
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/@react-navigation/bottom-tabs/-/bottom-tabs-6.6.0.tgz",
+      "integrity": "sha512-IuKp1nUk4VLI3pNMvEczLROWfrYsPQIDyi+wtpHnm0pD+UbNtarH3crl76UrB/ALZho+5rKJZ8JNr+QfVTiUzg==",
+      "license": "MIT",
+      "dependencies": {
+        "@react-navigation/elements": "^1.3.30",
+        "color": "^4.2.3",
+        "warn-once": "^0.1.0"
+      },
+      "peerDependencies": {
+        "@react-navigation/native": "^6.0.0",
+        "react": "*",
+        "react-native": "*",
+        "react-native-safe-area-context": ">= 3.0.0",
+        "react-native-screens": ">= 3.0.0"
+      }
+    },
+    "node_modules/@react-navigation/bottom-tabs/node_modules/color": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
+      "integrity": "sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==",
+      "dependencies": {
+        "color-convert": "^2.0.1",
+        "color-string": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=12.5.0"
+      }
+    },
+    "node_modules/@react-navigation/bottom-tabs/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/@react-navigation/bottom-tabs/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+    },
+    "node_modules/@react-navigation/core": {
+      "version": "6.4.16",
+      "resolved": "https://registry.npmjs.org/@react-navigation/core/-/core-6.4.16.tgz",
+      "integrity": "sha512-UDTJBsHxnzgFETR3ZxhctP+RWr4SkyeZpbhpkQoIGOuwSCkt1SE0qjU48/u6r6w6XlX8OqVudn1Ab0QFXTHxuQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@react-navigation/routers": "^6.1.9",
+        "escape-string-regexp": "^4.0.0",
+        "nanoid": "^3.1.23",
+        "query-string": "^7.1.3",
+        "react-is": "^16.13.0",
+        "use-latest-callback": "^0.1.9"
+      },
+      "peerDependencies": {
+        "react": "*"
+      }
+    },
+    "node_modules/@react-navigation/core/node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "license": "MIT"
+    },
+    "node_modules/@react-navigation/elements": {
+      "version": "1.3.30",
+      "resolved": "https://registry.npmjs.org/@react-navigation/elements/-/elements-1.3.30.tgz",
+      "integrity": "sha512-plhc8UvCZs0UkV+sI+3bisIyn78wz9O/BiWZXpounu72k/R/Sj5PuZYFJ1fi6psvriUveMCGh4LeZckAZu2qiQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@react-navigation/native": "^6.0.0",
+        "react": "*",
+        "react-native": "*",
+        "react-native-safe-area-context": ">= 3.0.0"
+      }
+    },
+    "node_modules/@react-navigation/material-top-tabs": {
+      "version": "6.6.13",
+      "resolved": "https://registry.npmjs.org/@react-navigation/material-top-tabs/-/material-top-tabs-6.6.13.tgz",
+      "integrity": "sha512-utwS0SLl/dq6+PHWGOz4rNNkYzveqvbffXJ6TIrUdaWDDysjBa4btHUOVvXfNADIK4LafmbuRi0xA/zd6HoCPQ==",
+      "license": "MIT",
+      "dependencies": {
+        "color": "^4.2.3",
+        "warn-once": "^0.1.0"
+      },
+      "peerDependencies": {
+        "@react-navigation/native": "^6.0.0",
+        "react": "*",
+        "react-native": "*",
+        "react-native-pager-view": ">= 4.0.0",
+        "react-native-tab-view": ">= 3.0.0"
+      }
+    },
+    "node_modules/@react-navigation/material-top-tabs/node_modules/color": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
+      "integrity": "sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==",
+      "dependencies": {
+        "color-convert": "^2.0.1",
+        "color-string": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=12.5.0"
+      }
+    },
+    "node_modules/@react-navigation/material-top-tabs/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/@react-navigation/material-top-tabs/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+    },
+    "node_modules/@react-navigation/native": {
+      "version": "6.1.17",
+      "resolved": "https://registry.npmjs.org/@react-navigation/native/-/native-6.1.17.tgz",
+      "integrity": "sha512-mer3OvfwWOHoUSMJyLa4vnBH3zpFmCwuzrBPlw7feXklurr/ZDiLjLxUScOot6jLRMz/67GyilEYMmP99LL0RQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@react-navigation/core": "^6.4.16",
+        "escape-string-regexp": "^4.0.0",
+        "fast-deep-equal": "^3.1.3",
+        "nanoid": "^3.1.23"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
+    "node_modules/@react-navigation/routers": {
+      "version": "6.1.9",
+      "resolved": "https://registry.npmjs.org/@react-navigation/routers/-/routers-6.1.9.tgz",
+      "integrity": "sha512-lTM8gSFHSfkJvQkxacGM6VJtBt61ip2XO54aNfswD+KMw6eeZ4oehl7m0me3CR9hnDE4+60iAZR8sAhvCiI3NA==",
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.1.23"
+      }
+    },
+    "node_modules/@react-navigation/stack": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/@react-navigation/stack/-/stack-6.4.0.tgz",
+      "integrity": "sha512-Jx7fm8x7zSUC6ggUb0VnvPuaIXkVPHckiY+e50mjrIRK4xAgnaLp6crHWYGmXjfi7ahaKL00o76ZgpgkwKw6zg==",
+      "license": "MIT",
+      "dependencies": {
+        "@react-navigation/elements": "^1.3.30",
+        "color": "^4.2.3",
+        "warn-once": "^0.1.0"
+      },
+      "peerDependencies": {
+        "@react-navigation/native": "^6.0.0",
+        "react": "*",
+        "react-native": "*",
+        "react-native-gesture-handler": ">= 1.0.0",
+        "react-native-safe-area-context": ">= 3.0.0",
+        "react-native-screens": ">= 3.0.0"
+      }
+    },
+    "node_modules/@react-navigation/stack/node_modules/color": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
+      "integrity": "sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==",
+      "dependencies": {
+        "color-convert": "^2.0.1",
+        "color-string": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=12.5.0"
+      }
+    },
+    "node_modules/@react-navigation/stack/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/@react-navigation/stack/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+    },
+    "node_modules/@rtsao/scc": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
+      "integrity": "sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@sayem314/react-native-keep-awake": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@sayem314/react-native-keep-awake/-/react-native-keep-awake-1.3.1.tgz",
+      "integrity": "sha512-gAqLCVQ2SgrMki9MZJzQiYn9EjOGDYze+dYKs7s7T4qfRrUxCK8Pe50mE0Y/WQqzaYY6uzdjTHzmWhACiEy5Zw==",
+      "license": "MIT",
+      "funding": {
+        "type": "individual",
+        "url": "https://github.com/sponsors/sayem314"
+      }
+    },
+    "node_modules/@sec-ant/readable-stream": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/@sec-ant/readable-stream/-/readable-stream-0.4.1.tgz",
+      "integrity": "sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@sideway/address": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/@sideway/address/-/address-4.1.5.tgz",
+      "integrity": "sha512-IqO/DUQHUkPeixNQ8n0JA6102hT9CmaljNTPmQ1u8MEhBo/R4Q8eKLN/vGZxuebwOroDB4cbpjheD4+/sKFK4Q==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@hapi/hoek": "^9.0.0"
+      }
+    },
+    "node_modules/@sideway/formula": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@sideway/formula/-/formula-3.0.1.tgz",
+      "integrity": "sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg==",
+      "dev": true,
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@sideway/pinpoint": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@sideway/pinpoint/-/pinpoint-2.0.0.tgz",
+      "integrity": "sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==",
+      "dev": true,
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@sinclair/typebox": {
+      "version": "0.27.8",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.8.tgz",
+      "integrity": "sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA=="
+    },
+    "node_modules/@sindresorhus/merge-streams": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@sindresorhus/merge-streams/-/merge-streams-4.0.0.tgz",
+      "integrity": "sha512-tlqY9xq5ukxTUZBmoOp+m61cqwQD5pHJtFY3Mn8CA8ps6yghLH/Hw8UPdqg4OLmFW3IFlcXnQNmo/dh8HzXYIQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@sinonjs/commons": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-3.0.0.tgz",
+      "integrity": "sha512-jXBtWAF4vmdNmZgD5FoKsVLv3rPgDnLgPbU84LIJ3otV44vJlDRokVng5v8NFJdCf/da9legHcKaRuZs4L7faA==",
+      "dependencies": {
+        "type-detect": "4.0.8"
+      }
+    },
+    "node_modules/@sinonjs/fake-timers": {
+      "version": "10.3.0",
+      "resolved": "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-10.3.0.tgz",
+      "integrity": "sha512-V4BG07kuYSUkTCSBHG8G8TNhM+F19jXFWnQtzj+we8DrkpSBCee9Z3Ms8yiGer/dlmhe35/Xdgyo3/0rQKg7YA==",
+      "dependencies": {
+        "@sinonjs/commons": "^3.0.0"
+      }
+    },
+    "node_modules/@stomp/stompjs": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/@stomp/stompjs/-/stompjs-7.0.0.tgz",
+      "integrity": "sha512-fGdq4wPDnSV/KyOsjq4P+zLc8MFWC3lMmP5FBgLWKPJTYcuCbAIrnRGjB7q2jHZdYCOD5vxLuFoKIYLy5/u8Pw=="
+    },
+    "node_modules/@stylistic/eslint-plugin": {
+      "version": "2.12.1",
+      "resolved": "https://registry.npmjs.org/@stylistic/eslint-plugin/-/eslint-plugin-2.12.1.tgz",
+      "integrity": "sha512-fubZKIHSPuo07FgRTn6S4Nl0uXPRPYVNpyZzIDGfp7Fny6JjNus6kReLD7NI380JXi4HtUTSOZ34LBuNPO1XLQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/utils": "^8.13.0",
+        "eslint-visitor-keys": "^4.2.0",
+        "espree": "^10.3.0",
+        "estraverse": "^5.3.0",
+        "picomatch": "^4.0.2"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "peerDependencies": {
+        "eslint": ">=8.40.0"
+      }
+    },
+    "node_modules/@stylistic/eslint-plugin/node_modules/eslint-visitor-keys": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz",
+      "integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@stylistic/eslint-plugin/node_modules/espree": {
+      "version": "10.3.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-10.3.0.tgz",
+      "integrity": "sha512-0QYC8b24HWY8zjRnDTL6RiHfDbAWn63qb4LMj1Z4b076A4une81+z03Kg7l7mn/48PUTqoLptSXez8oknU8Clg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.14.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^4.2.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@stylistic/eslint-plugin/node_modules/picomatch": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
+      "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/@svgr/babel-plugin-add-jsx-attribute": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-6.3.1.tgz",
+      "integrity": "sha512-jDBKArXYO1u0B1dmd2Nf8Oy6aTF5vLDfLoO9Oon/GLkqZ/NiggYWZA+a2HpUMH4ITwNqS3z43k8LWApB8S583w==",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@svgr/babel-plugin-remove-jsx-attribute": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-6.3.1.tgz",
+      "integrity": "sha512-dQzyJ4prwjcFd929T43Z8vSYiTlTu8eafV40Z2gO7zy/SV5GT+ogxRJRBIKWomPBOiaVXFg3jY4S5hyEN3IBjQ==",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@svgr/babel-plugin-remove-jsx-empty-expression": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-6.3.1.tgz",
+      "integrity": "sha512-HBOUc1XwSU67fU26V5Sfb8MQsT0HvUyxru7d0oBJ4rA2s4HW3PhyAPC7fV/mdsSGpAvOdd8Wpvkjsr0fWPUO7A==",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@svgr/babel-plugin-replace-jsx-attribute-value": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-6.3.1.tgz",
+      "integrity": "sha512-C12e6aN4BXAolRrI601gPn5MDFCRHO7C4TM8Kks+rDtl8eEq+NN1sak0eAzJu363x3TmHXdZn7+Efd2nr9I5dA==",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@svgr/babel-plugin-svg-dynamic-title": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-6.3.1.tgz",
+      "integrity": "sha512-6NU55Mmh3M5u2CfCCt6TX29/pPneutrkJnnDCHbKZnjukZmmgUAZLtZ2g6ZoSPdarowaQmAiBRgAHqHmG0vuqA==",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@svgr/babel-plugin-svg-em-dimensions": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-6.3.1.tgz",
+      "integrity": "sha512-HV1NGHYTTe1vCNKlBgq/gKuCSfaRlKcHIADn7P8w8U3Zvujdw1rmusutghJ1pZJV7pDt3Gt8ws+SVrqHnBO/Qw==",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@svgr/babel-plugin-transform-react-native-svg": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-6.3.1.tgz",
+      "integrity": "sha512-2wZhSHvTolFNeKDAN/ZmIeSz2O9JSw72XD+o2bNp2QAaWqa8KGpn5Yk5WHso6xqfSAiRzAE+GXlsrBO4UP9LLw==",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@svgr/babel-plugin-transform-svg-component": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-6.3.1.tgz",
+      "integrity": "sha512-cZ8Tr6ZAWNUFfDeCKn/pGi976iWSkS8ijmEYKosP+6ktdZ7lW9HVLHojyusPw3w0j8PI4VBeWAXAmi/2G7owxw==",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@svgr/babel-preset": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-preset/-/babel-preset-6.3.1.tgz",
+      "integrity": "sha512-tQtWtzuMMQ3opH7je+MpwfuRA1Hf3cKdSgTtAYwOBDfmhabP7rcTfBi3E7V3MuwJNy/Y02/7/RutvwS1W4Qv9g==",
+      "dependencies": {
+        "@svgr/babel-plugin-add-jsx-attribute": "^6.3.1",
+        "@svgr/babel-plugin-remove-jsx-attribute": "^6.3.1",
+        "@svgr/babel-plugin-remove-jsx-empty-expression": "^6.3.1",
+        "@svgr/babel-plugin-replace-jsx-attribute-value": "^6.3.1",
+        "@svgr/babel-plugin-svg-dynamic-title": "^6.3.1",
+        "@svgr/babel-plugin-svg-em-dimensions": "^6.3.1",
+        "@svgr/babel-plugin-transform-react-native-svg": "^6.3.1",
+        "@svgr/babel-plugin-transform-svg-component": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@svgr/core": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/@svgr/core/-/core-6.3.1.tgz",
+      "integrity": "sha512-Sm3/7OdXbQreemf9aO25keerZSbnKMpGEfmH90EyYpj1e8wMD4TuwJIb3THDSgRMWk1kYJfSRulELBy4gVgZUA==",
+      "dependencies": {
+        "@svgr/plugin-jsx": "^6.3.1",
+        "camelcase": "^6.2.0",
+        "cosmiconfig": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      }
+    },
+    "node_modules/@svgr/core/node_modules/cosmiconfig": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.1.tgz",
+      "integrity": "sha512-a1YWNUV2HwGimB7dU2s1wUMurNKjpx60HxBB6xUM8Re+2s1g1IIfJvFR0/iCF+XHdE0GMTKTuLR32UQff4TEyQ==",
+      "dependencies": {
+        "@types/parse-json": "^4.0.0",
+        "import-fresh": "^3.2.1",
+        "parse-json": "^5.0.0",
+        "path-type": "^4.0.0",
+        "yaml": "^1.10.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@svgr/hast-util-to-babel-ast": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-6.3.1.tgz",
+      "integrity": "sha512-NgyCbiTQIwe3wHe/VWOUjyxmpUmsrBjdoIxKpXt3Nqc3TN30BpJG22OxBvVzsAh9jqep0w0/h8Ywvdk3D9niNQ==",
+      "dependencies": {
+        "@babel/types": "^7.18.4",
+        "entities": "^4.3.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      }
+    },
+    "node_modules/@svgr/plugin-jsx": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/@svgr/plugin-jsx/-/plugin-jsx-6.3.1.tgz",
+      "integrity": "sha512-r9+0mYG3hD4nNtUgsTXWGYJomv/bNd7kC16zvsM70I/bGeoCi/3lhTmYqeN6ChWX317OtQCSZZbH4wq9WwoXbw==",
+      "dependencies": {
+        "@babel/core": "^7.18.5",
+        "@svgr/babel-preset": "^6.3.1",
+        "@svgr/hast-util-to-babel-ast": "^6.3.1",
+        "svg-parser": "^2.0.4"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@svgr/core": "^6.0.0"
+      }
+    },
+    "node_modules/@svgr/plugin-svgo": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/@svgr/plugin-svgo/-/plugin-svgo-6.3.1.tgz",
+      "integrity": "sha512-yJIjTDKPYqzFVjmsbH5EdIwEsmKxjxdXSGJVLeUgwZOZPAkNQmD1v7LDbOdOKbR44FG8465Du+zWPdbYGnbMbw==",
+      "dependencies": {
+        "cosmiconfig": "^7.0.1",
+        "deepmerge": "^4.2.2",
+        "svgo": "^2.8.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@svgr/core": "^6.0.0"
+      }
+    },
+    "node_modules/@svgr/plugin-svgo/node_modules/cosmiconfig": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.1.tgz",
+      "integrity": "sha512-a1YWNUV2HwGimB7dU2s1wUMurNKjpx60HxBB6xUM8Re+2s1g1IIfJvFR0/iCF+XHdE0GMTKTuLR32UQff4TEyQ==",
+      "dependencies": {
+        "@types/parse-json": "^4.0.0",
+        "import-fresh": "^3.2.1",
+        "parse-json": "^5.0.0",
+        "path-type": "^4.0.0",
+        "yaml": "^1.10.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@svgr/plugin-svgo/node_modules/deepmerge": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
+      "integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/@svgr/webpack": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/@svgr/webpack/-/webpack-6.3.1.tgz",
+      "integrity": "sha512-eODxwIUShLxSMaRjzJtrj9wg89D75JLczvWg9SaB5W+OtVTkiC1vdGd8+t+pf5fTlBOy4RRXAq7x1E3DUl3D0A==",
+      "dependencies": {
+        "@babel/core": "^7.18.5",
+        "@babel/plugin-transform-react-constant-elements": "^7.17.12",
+        "@babel/preset-env": "^7.18.2",
+        "@babel/preset-react": "^7.17.12",
+        "@babel/preset-typescript": "^7.17.12",
+        "@svgr/core": "^6.3.1",
+        "@svgr/plugin-jsx": "^6.3.1",
+        "@svgr/plugin-svgo": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      }
+    },
+    "node_modules/@tensorflow/tfjs-backend-cpu": {
+      "version": "3.13.0",
+      "resolved": "https://registry.npmjs.org/@tensorflow/tfjs-backend-cpu/-/tfjs-backend-cpu-3.13.0.tgz",
+      "integrity": "sha512-POmzUoAP8HooYYTZ72O1ZYkpVZB0f+8PeAkbTxIG0oahcJccj6a0Vovp1A6xWKfljUoPlJb3jWVC++S603ZL8w==",
+      "dependencies": {
+        "@types/seedrandom": "2.4.27",
+        "seedrandom": "2.4.3"
+      },
+      "engines": {
+        "yarn": ">= 1.3.2"
+      },
+      "peerDependencies": {
+        "@tensorflow/tfjs-core": "3.13.0"
+      }
+    },
+    "node_modules/@tensorflow/tfjs-backend-wasm": {
+      "version": "3.13.0",
+      "resolved": "https://registry.npmjs.org/@tensorflow/tfjs-backend-wasm/-/tfjs-backend-wasm-3.13.0.tgz",
+      "integrity": "sha512-h5kNS4xvljoySzfcFwqbdFB6QZGR06IA9/Xq/PjBeZt18XEoJGqKHbOCYupmUlr5pxo/gnXzPhAC2h4SfZXPXw==",
+      "dependencies": {
+        "@tensorflow/tfjs-backend-cpu": "3.13.0",
+        "@types/emscripten": "~0.0.34"
+      },
+      "peerDependencies": {
+        "@tensorflow/tfjs-core": "3.13.0"
+      }
+    },
+    "node_modules/@tensorflow/tfjs-core": {
+      "version": "3.13.0",
+      "resolved": "https://registry.npmjs.org/@tensorflow/tfjs-core/-/tfjs-core-3.13.0.tgz",
+      "integrity": "sha512-18qBEVIB/4u2OUK9nA5P1XT3e3LyarElD1UKNSNDpnMLxhLTUVZaCR71eHJcpl9wP2Q0cciaTJCTpJdPv1tNDQ==",
+      "dependencies": {
+        "@types/long": "^4.0.1",
+        "@types/offscreencanvas": "~2019.3.0",
+        "@types/seedrandom": "2.4.27",
+        "@types/webgl-ext": "0.0.30",
+        "long": "4.0.0",
+        "node-fetch": "~2.6.1",
+        "seedrandom": "2.4.3"
+      },
+      "engines": {
+        "yarn": ">= 1.3.2"
+      }
+    },
+    "node_modules/@tensorflow/tfjs-core/node_modules/@types/offscreencanvas": {
+      "version": "2019.3.0",
+      "resolved": "https://registry.npmjs.org/@types/offscreencanvas/-/offscreencanvas-2019.3.0.tgz",
+      "integrity": "sha512-esIJx9bQg+QYF0ra8GnvfianIY8qWB0GBx54PK5Eps6m+xTj86KLavHv6qDhzKcu5UUOgNfJ2pWaIIV7TRUd9Q=="
+    },
+    "node_modules/@testrtc/watchrtc-sdk": {
+      "version": "1.38.2",
+      "resolved": "https://registry.npmjs.org/@testrtc/watchrtc-sdk/-/watchrtc-sdk-1.38.2.tgz",
+      "integrity": "sha512-IlusCskjqgTrroKCr2DQCviIZYe7J3arVUpoGtXc2MiYBeQ5sEs2Yzo6v07T3rDcN71BVBTZ1hXMZlZuqnKiyA=="
+    },
+    "node_modules/@tootallnate/quickjs-emscripten": {
+      "version": "0.23.0",
+      "resolved": "https://registry.npmjs.org/@tootallnate/quickjs-emscripten/-/quickjs-emscripten-0.23.0.tgz",
+      "integrity": "sha512-C5Mc6rdnsaJDjO3UpGW/CQTHtCKaYlScZTly4JIu97Jxo/odCiH0ITnDXSJPTOrEKk/ycSZ0AOgTmkDtkOsvIA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@trysound/sax": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
+      "integrity": "sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==",
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/@types/amplitude-js": {
+      "version": "8.16.5",
+      "resolved": "https://registry.npmjs.org/@types/amplitude-js/-/amplitude-js-8.16.5.tgz",
+      "integrity": "sha512-W73JfDpwDH4VijOGo+nVuQOqUCiqyEGGVdajU4ziWTLn27cn+QtFuFuBdlhCraIIrO52fDRO4NSOGkawtn77Jw==",
+      "dev": true
+    },
+    "node_modules/@types/audioworklet": {
+      "version": "0.0.29",
+      "resolved": "https://registry.npmjs.org/@types/audioworklet/-/audioworklet-0.0.29.tgz",
+      "integrity": "sha512-wNc0CgKOKOIsAf8kH7ICn76H+Zp9GlR5FdP3PXMLcMtSAQdHDaKM3ESVQX9ueTyNm1/UfJCGlcDsN5NdwByrOQ==",
+      "dev": true
+    },
+    "node_modules/@types/babel__core": {
+      "version": "7.20.5",
+      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
+      "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.20.7",
+        "@babel/types": "^7.20.7",
+        "@types/babel__generator": "*",
+        "@types/babel__template": "*",
+        "@types/babel__traverse": "*"
+      }
+    },
+    "node_modules/@types/babel__generator": {
+      "version": "7.27.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.27.0.tgz",
+      "integrity": "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__template": {
+      "version": "7.4.4",
+      "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz",
+      "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.1.0",
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__traverse": {
+      "version": "7.20.7",
+      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.7.tgz",
+      "integrity": "sha512-dkO5fhS7+/oos4ciWxyEyjWe48zmG6wbCheo/G2ZnHx4fs3EU6YC6UM8rk56gAjNJ9P3MTH2jo5jb92/K6wbng==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.20.7"
+      }
+    },
+    "node_modules/@types/body-parser": {
+      "version": "1.19.5",
+      "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.5.tgz",
+      "integrity": "sha512-fB3Zu92ucau0iQ0JMCFQE7b/dv8Ot07NI3KaZIkIUNXq82k4eBAqUaneXfleGY9JWskeS9y+u0nXMyspcuQrCg==",
+      "dev": true,
+      "dependencies": {
+        "@types/connect": "*",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/bonjour": {
+      "version": "3.5.13",
+      "resolved": "https://registry.npmjs.org/@types/bonjour/-/bonjour-3.5.13.tgz",
+      "integrity": "sha512-z9fJ5Im06zvUL548KvYNecEVlA7cVDkGUi6kZusb04mpyEFKCIZJvloCcmpmLaIahDpOQGHaHmG6imtPMmPXGQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/connect": {
+      "version": "3.4.38",
+      "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.38.tgz",
+      "integrity": "sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/connect-history-api-fallback": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/@types/connect-history-api-fallback/-/connect-history-api-fallback-1.5.4.tgz",
+      "integrity": "sha512-n6Cr2xS1h4uAulPRdlw6Jl6s1oG8KrVilPN2yUITEs+K48EzMJJ3W1xy8K5eWuFvjp3R74AOIGSmp2UfBJ8HFw==",
+      "dev": true,
+      "dependencies": {
+        "@types/express-serve-static-core": "*",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/dom-screen-wake-lock": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@types/dom-screen-wake-lock/-/dom-screen-wake-lock-1.0.1.tgz",
+      "integrity": "sha512-WJQas3OFGcC8AeMzaa7FwzzbNNfanuV2R12kQYNp4BkUMghsRz5JxJ5RgVhJifhw7t0s6LvRSWZArmKbMDZ+5g==",
+      "dev": true
+    },
+    "node_modules/@types/emscripten": {
+      "version": "0.0.34",
+      "resolved": "https://registry.npmjs.org/@types/emscripten/-/emscripten-0.0.34.tgz",
+      "integrity": "sha512-QSb9ojDincskc+uKMI0KXp8e1NALFINCrMlp8VGKGcTSxeEyRTTKyjWw75NYrCZHUsVEEEpr1tYHpbtaC++/sQ=="
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz",
+      "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==",
+      "dev": true
+    },
+    "node_modules/@types/express": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.21.tgz",
+      "integrity": "sha512-ejlPM315qwLpaQlQDTjPdsUFSc6ZsP4AN6AlWnogPjQ7CVi7PYF3YVz+CY3jE2pwYf7E/7HlDAN0rV2GxTG0HQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/body-parser": "*",
+        "@types/express-serve-static-core": "^4.17.33",
+        "@types/qs": "*",
+        "@types/serve-static": "*"
+      }
+    },
+    "node_modules/@types/express-serve-static-core": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-5.0.1.tgz",
+      "integrity": "sha512-CRICJIl0N5cXDONAdlTv5ShATZ4HEwk6kDDIW2/w9qOWKg+NU/5F8wYRWCrONad0/UKkloNSmmyN/wX4rtpbVA==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*",
+        "@types/qs": "*",
+        "@types/range-parser": "*",
+        "@types/send": "*"
+      }
+    },
+    "node_modules/@types/express/node_modules/@types/express-serve-static-core": {
+      "version": "4.19.6",
+      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.19.6.tgz",
+      "integrity": "sha512-N4LZ2xG7DatVqhCZzOGb1Yi5lMbXSZcmdLDe9EzSndPV2HpWYWzRbaerl2n27irrm94EPpprqa8KpskPT085+A==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*",
+        "@types/qs": "*",
+        "@types/range-parser": "*",
+        "@types/send": "*"
+      }
+    },
+    "node_modules/@types/graceful-fs": {
+      "version": "4.1.9",
+      "resolved": "https://registry.npmjs.org/@types/graceful-fs/-/graceful-fs-4.1.9.tgz",
+      "integrity": "sha512-olP3sd1qOEe5dXTSaFvQG+02VdRXcdytWLAZsAq1PecU8uqQAhkrnbli7DagjtXKW/Bl7YJbUsa8MPcuc8LHEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/hammerjs": {
+      "version": "2.0.41",
+      "resolved": "https://registry.npmjs.org/@types/hammerjs/-/hammerjs-2.0.41.tgz",
+      "integrity": "sha512-ewXv/ceBaJprikMcxCmWU1FKyMAQ2X7a9Gtmzw8fcg2kIePI1crERDM818W+XYrxqdBBOdlf2rm137bU+BltCA=="
+    },
+    "node_modules/@types/hoist-non-react-statics": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.1.tgz",
+      "integrity": "sha512-iMIqiko6ooLrTh1joXodJK5X9xeEALT1kM5G3ZLhD3hszxBdIEd5C75U834D9mLcINgD4OyZf5uQXjkuYydWvA==",
+      "dependencies": {
+        "@types/react": "*",
+        "hoist-non-react-statics": "^3.3.0"
+      }
+    },
+    "node_modules/@types/http-errors": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.4.tgz",
+      "integrity": "sha512-D0CFMMtydbJAegzOyHjtiKPLlvnm3iTZyZRSZoLq2mRhDdmLfIWOCYPfQJ4cu2erKghU++QvjcUjp/5h7hESpA==",
+      "dev": true
+    },
+    "node_modules/@types/http-proxy": {
+      "version": "1.17.8",
+      "resolved": "https://registry.npmjs.org/@types/http-proxy/-/http-proxy-1.17.8.tgz",
+      "integrity": "sha512-5kPLG5BKpWYkw/LVOGWpiq3nEVqxiN32rTgI53Sk12/xHFQ2rG3ehI9IO+O3W2QoKeyB92dJkoka8SUm6BX1pA==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/istanbul-lib-coverage": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz",
+      "integrity": "sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w=="
+    },
+    "node_modules/@types/istanbul-lib-report": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.3.tgz",
+      "integrity": "sha512-NQn7AHQnk/RSLOxrBbGyJM/aVQ+pjj5HCgasFxc0K/KhoATfQ/47AyUl15I2yBUpihjmas+a+VJBOqecrFH+uA==",
+      "dependencies": {
+        "@types/istanbul-lib-coverage": "*"
+      }
+    },
+    "node_modules/@types/istanbul-reports": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
+      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
+      "dependencies": {
+        "@types/istanbul-lib-report": "*"
+      }
+    },
+    "node_modules/@types/js-cookie": {
+      "version": "2.2.7",
+      "resolved": "https://registry.npmjs.org/@types/js-cookie/-/js-cookie-2.2.7.tgz",
+      "integrity": "sha512-aLkWa0C0vO5b4Sr798E26QgOkss68Un0bLjs7u9qxzPT5CG+8DuNTffWES58YzJs3hrVAOs1wonycqEBqNJubA=="
+    },
+    "node_modules/@types/js-md5": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/@types/js-md5/-/js-md5-0.4.3.tgz",
+      "integrity": "sha512-BIga/WEqTi35ccnGysOuO4RmwVnpajv9oDB/sDQSY2b7/Ac7RyYR30bv7otZwByMvOJV9Vqq6/O1DFAnOzE4Pg==",
+      "dev": true
+    },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.9",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.9.tgz",
+      "integrity": "sha512-qcUXuemtEu+E5wZSJHNxUXeCZhAfXKQ41D+duX+VYPde7xyEVZci+/oXKJL13tnRs9lR2pr4fod59GT6/X1/yQ=="
+    },
+    "node_modules/@types/json5": {
+      "version": "0.0.29",
+      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
+      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/jsonwebtoken": {
+      "version": "9.0.7",
+      "resolved": "https://registry.npmjs.org/@types/jsonwebtoken/-/jsonwebtoken-9.0.7.tgz",
+      "integrity": "sha512-ugo316mmTYBl2g81zDFnZ7cfxlut3o+/EQdaP7J8QN2kY6lJ22hmQYCK5EHcJHbrW+dkCGSCPgbG8JtYj6qSrg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/lodash": {
+      "version": "4.14.182",
+      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.182.tgz",
+      "integrity": "sha512-/THyiqyQAP9AfARo4pF+aCGcyiQ94tX/Is2I7HofNRqoYLgN1PBoOWu2/zTA5zMxzP5EFutMtWtGAFRKUe961Q==",
+      "dev": true
+    },
+    "node_modules/@types/lodash-es": {
+      "version": "4.17.12",
+      "resolved": "https://registry.npmjs.org/@types/lodash-es/-/lodash-es-4.17.12.tgz",
+      "integrity": "sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/lodash": "*"
+      }
+    },
+    "node_modules/@types/long": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@types/long/-/long-4.0.1.tgz",
+      "integrity": "sha512-5tXH6Bx/kNGd3MgffdmP4dy2Z+G4eaXw0SE81Tq3BNadtnMR5/ySMzX4SLEzHJzSmPNn4HIdpQsBvXMUykr58w=="
+    },
+    "node_modules/@types/mime": {
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.5.tgz",
+      "integrity": "sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w==",
+      "dev": true
+    },
+    "node_modules/@types/mocha": {
+      "version": "10.0.10",
+      "resolved": "https://registry.npmjs.org/@types/mocha/-/mocha-10.0.10.tgz",
+      "integrity": "sha512-xPyYSz1cMPnJQhl0CLMH68j3gprKZaTjG3s5Vi+fDgx+uhG9NOXwbVt52eFS8ECyXhyKcjDLCBEqBExKuiZb7Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "20.17.6",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.17.6.tgz",
+      "integrity": "sha512-VEI7OdvK2wP7XHnsuXbAJnEpEkF6NjSN45QJlL4VGqZSXsnicpesdTWsg9RISeSdYd3yeRj/y3k5KGjUXYnFwQ==",
+      "dependencies": {
+        "undici-types": "~6.19.2"
+      }
+    },
+    "node_modules/@types/node-forge": {
+      "version": "1.3.11",
+      "resolved": "https://registry.npmjs.org/@types/node-forge/-/node-forge-1.3.11.tgz",
+      "integrity": "sha512-FQx220y22OKNTqaByeBGqHWYz4cl94tpcxeFdvBo3wjG6XPBuZ0BNgNZRV5J5TFmmcsJ4IzsLkmGRiQbnYsBEQ==",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/normalize-package-data": {
+      "version": "2.4.4",
+      "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.4.tgz",
+      "integrity": "sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==",
+      "dev": true
+    },
+    "node_modules/@types/offscreencanvas": {
+      "version": "2019.7.2",
+      "resolved": "https://registry.npmjs.org/@types/offscreencanvas/-/offscreencanvas-2019.7.2.tgz",
+      "integrity": "sha512-ujCjOxeA07IbEBQYAkoOI+XFw5sT3nhWJ/xZfPR6reJppDG7iPQPZacQiLTtWH1b3a2NYXWlxvYqa40y/LAixQ==",
+      "dev": true
+    },
+    "node_modules/@types/parse-json": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
+      "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA=="
+    },
+    "node_modules/@types/pixelmatch": {
+      "version": "5.2.5",
+      "resolved": "https://registry.npmjs.org/@types/pixelmatch/-/pixelmatch-5.2.5.tgz",
+      "integrity": "sha512-di/HknmWA+KNjlLczJiLft9g1mHJZl5qGAXtDct8KsJg8KPrXKJa8Avumj53fgdJOBbfHABYhp3EjyitmKPdBg==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/pretty": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@types/pretty/-/pretty-2.0.3.tgz",
+      "integrity": "sha512-xR96pShNlrxLd3gZqzCnbaAmbYhiRYjW51CDFjektZemqpBZBAAkMwxm4gBraJP/xSgKcsQhLXdlXOwDNWo4VQ==",
+      "dev": true
+    },
+    "node_modules/@types/prop-types": {
+      "version": "15.7.5",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz",
+      "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w=="
+    },
+    "node_modules/@types/punycode": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@types/punycode/-/punycode-2.1.0.tgz",
+      "integrity": "sha512-PG5aLpW6PJOeV2fHRslP4IOMWn+G+Uq8CfnyJ+PDS8ndCbU+soO+fB3NKCKo0p/Jh2Y4aPaiQZsrOXFdzpcA6g==",
+      "dev": true
+    },
+    "node_modules/@types/qs": {
+      "version": "6.9.17",
+      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.17.tgz",
+      "integrity": "sha512-rX4/bPcfmvxHDv0XjfJELTTr+iB+tn032nPILqHm5wbthUUUuVtNGGqzhya9XUxjTP8Fpr0qYgSZZKxGY++svQ==",
+      "dev": true
+    },
+    "node_modules/@types/range-parser": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.7.tgz",
+      "integrity": "sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==",
+      "dev": true
+    },
+    "node_modules/@types/react": {
+      "version": "17.0.14",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-17.0.14.tgz",
+      "integrity": "sha512-0WwKHUbWuQWOce61UexYuWTGuGY/8JvtUe/dtQ6lR4sZ3UiylHotJeWpf3ArP9+DSGUoLY3wbU59VyMrJps5VQ==",
+      "dependencies": {
+        "@types/prop-types": "*",
+        "@types/scheduler": "*",
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "17.0.14",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-17.0.14.tgz",
+      "integrity": "sha512-H03xwEP1oXmSfl3iobtmQ/2dHF5aBHr8aUMwyGZya6OW45G+xtdzmq6HkncefiBt5JU8DVyaWl/nWZbjZCnzAQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
+    "node_modules/@types/react-is": {
+      "version": "17.0.3",
+      "resolved": "https://registry.npmjs.org/@types/react-is/-/react-is-17.0.3.tgz",
+      "integrity": "sha512-aBTIWg1emtu95bLTLx0cpkxwGW3ueZv71nE2YFBpL8k/z5czEW8yYpOo8Dp+UUAFAtKwNaOsh/ioSeQnWlZcfw==",
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
+    "node_modules/@types/react-linkify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@types/react-linkify/-/react-linkify-1.0.1.tgz",
+      "integrity": "sha512-qPxYwjB41ezoKdLXs0MrQ1FnhF3apyyxf3J7WVQQCBu/GyZQAW7Y3TY4317jdh0450QJ4fLqj0rnhIJvFZOamQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
+    "node_modules/@types/react-native": {
+      "version": "0.73.0",
+      "resolved": "https://registry.npmjs.org/@types/react-native/-/react-native-0.73.0.tgz",
+      "integrity": "sha512-6ZRPQrYM72qYKGWidEttRe6M5DZBEV5F+MHMHqd4TTYx0tfkcdrUFGdef6CCxY0jXU7wldvd/zA/b0A/kTeJmA==",
+      "deprecated": "This is a stub types definition. react-native provides its own type definitions, so you do not need this installed.",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "react-native": "*"
+      }
+    },
+    "node_modules/@types/react-native-keep-awake": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@types/react-native-keep-awake/-/react-native-keep-awake-2.0.3.tgz",
+      "integrity": "sha512-0C4bUlGPHRpplbn+YnX2UO0/2joa0dhCPumas2fielGNJkS1FTJOrw9jFo4B0+LOtmsepXiy/ANTF/on0b2Ddw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
+    "node_modules/@types/react-native-video": {
+      "version": "5.0.14",
+      "resolved": "https://registry.npmjs.org/@types/react-native-video/-/react-native-video-5.0.14.tgz",
+      "integrity": "sha512-KdcyY4HY/Q1l6f5qQA337BNVN+GsdZy836j9CXbWHZ008VVNzSlnJypJQPsnUgI0EPBw/uG/lyJk6cg9Jj1syg==",
+      "dev": true,
+      "dependencies": {
+        "@types/react": "*",
+        "@types/react-native": "*"
+      }
+    },
+    "node_modules/@types/react-redux": {
+      "version": "7.1.24",
+      "resolved": "https://registry.npmjs.org/@types/react-redux/-/react-redux-7.1.24.tgz",
+      "integrity": "sha512-7FkurKcS1k0FHZEtdbbgN8Oc6b+stGSfZYjQGicofJ0j4U0qIn/jaSvnP2pLwZKiai3/17xqqxkkrxTgN8UNbQ==",
+      "dependencies": {
+        "@types/hoist-non-react-statics": "^3.3.0",
+        "@types/react": "*",
+        "hoist-non-react-statics": "^3.3.0",
+        "redux": "^4.0.0"
+      }
+    },
+    "node_modules/@types/react-transition-group": {
+      "version": "4.4.5",
+      "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.5.tgz",
+      "integrity": "sha512-juKD/eiSM3/xZYzjuzH6ZwpP+/lejltmiS3QEzV/vmb/Q8+HfDmxu+Baga8UEMGBqV88Nbg4l2hY/K2DkyaLLA==",
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
+    "node_modules/@types/react-window": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/@types/react-window/-/react-window-1.8.5.tgz",
+      "integrity": "sha512-V9q3CvhC9Jk9bWBOysPGaWy/Z0lxYcTXLtLipkt2cnRj1JOSFNF7wqGpkScSXMgBwC+fnVRg/7shwgddBG5ICw==",
+      "dev": true,
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
+    "node_modules/@types/retry": {
+      "version": "0.12.2",
+      "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.2.tgz",
+      "integrity": "sha512-XISRgDJ2Tc5q4TRqvgJtzsRkFYNJzZrhTdtMoGVBttwzzQJkPnS3WWTFc7kuDRoPtPakl+T+OfdEUjYJj7Jbow==",
+      "dev": true
+    },
+    "node_modules/@types/scheduler": {
+      "version": "0.16.2",
+      "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.2.tgz",
+      "integrity": "sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew=="
+    },
+    "node_modules/@types/seedrandom": {
+      "version": "2.4.27",
+      "resolved": "https://registry.npmjs.org/@types/seedrandom/-/seedrandom-2.4.27.tgz",
+      "integrity": "sha1-nbVjk33YaRX2kJK8QyWdL0hXjkE="
+    },
+    "node_modules/@types/send": {
+      "version": "0.17.4",
+      "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.4.tgz",
+      "integrity": "sha512-x2EM6TJOybec7c52BX0ZspPodMsQUd5L6PRwOunVyVUhXiBSKf3AezDL8Dgvgt5o0UfKNfuA0eMLr2wLT4AiBA==",
+      "dev": true,
+      "dependencies": {
+        "@types/mime": "^1",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/serve-index": {
+      "version": "1.9.4",
+      "resolved": "https://registry.npmjs.org/@types/serve-index/-/serve-index-1.9.4.tgz",
+      "integrity": "sha512-qLpGZ/c2fhSs5gnYsQxtDEq3Oy8SXPClIXkW5ghvAvsNuVSA8k+gCONcUCS/UjLEYvYps+e8uBtfgXgvhwfNug==",
+      "dev": true,
+      "dependencies": {
+        "@types/express": "*"
+      }
+    },
+    "node_modules/@types/serve-static": {
+      "version": "1.15.7",
+      "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.7.tgz",
+      "integrity": "sha512-W8Ym+h8nhuRwaKPaDw34QUkwsGi6Rc4yYqvKFo5rm2FUEhCFbzVWrxXUxuKK8TASjWsysJY0nsmNCGhCOIsrOw==",
+      "dev": true,
+      "dependencies": {
+        "@types/http-errors": "*",
+        "@types/node": "*",
+        "@types/send": "*"
+      }
+    },
+    "node_modules/@types/sinonjs__fake-timers": {
+      "version": "8.1.5",
+      "resolved": "https://registry.npmjs.org/@types/sinonjs__fake-timers/-/sinonjs__fake-timers-8.1.5.tgz",
+      "integrity": "sha512-mQkU2jY8jJEF7YHjHvsQO8+3ughTL1mcnn96igfhONmR+fUPSKIkefQYpSe8bsly2Ep7oQbn/6VG5/9/0qcArQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/sockjs": {
+      "version": "0.3.36",
+      "resolved": "https://registry.npmjs.org/@types/sockjs/-/sockjs-0.3.36.tgz",
+      "integrity": "sha512-MK9V6NzAS1+Ud7JV9lJLFqW85VbC9dq3LmwZCuBe4wBDgKC0Kj/jd8Xl+nSviU+Qc3+m7umHHyHg//2KSa0a0Q==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/stack-utils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.3.tgz",
+      "integrity": "sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw=="
+    },
+    "node_modules/@types/trusted-types": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
+      "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@types/unorm": {
+      "version": "1.3.28",
+      "resolved": "https://registry.npmjs.org/@types/unorm/-/unorm-1.3.28.tgz",
+      "integrity": "sha512-l3uh18vcvkQ964HSK7Tx0YbhxN/Hj+k1w3nLT08n770lngqVKljmF7Ht4e7elFbx6L2WYse97whtpJOo8MHtxQ==",
+      "dev": true
+    },
+    "node_modules/@types/uuid": {
+      "version": "8.3.4",
+      "resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-8.3.4.tgz",
+      "integrity": "sha512-c/I8ZRb51j+pYGAu5CrFMRxqZ2ke4y2grEBO5AUjgSkSk+qT2Ea+OdWElz/OiMf5MNpn2b17kuVBwZLQJXzihw==",
+      "dev": true
+    },
+    "node_modules/@types/w3c-image-capture": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/@types/w3c-image-capture/-/w3c-image-capture-1.0.6.tgz",
+      "integrity": "sha512-YjU0tMPgi7exsy7qU+oh6CtNiUKhWFrcYRj6ogsFYlyjl7aLREgpkyS6ROA6D/2qF5ImmLivj01zocDR+aIlVQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/webrtc": "*"
+      }
+    },
+    "node_modules/@types/w3c-web-hid": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@types/w3c-web-hid/-/w3c-web-hid-1.0.3.tgz",
+      "integrity": "sha512-eTQRkPd2JukZfS9+kRtrBAaTCCb6waGh5X8BJHmH1MiVQPLMYwm4+EvhwFfOo9SDna15o9dFAwmWwN6r/YM53A==",
+      "dev": true
+    },
+    "node_modules/@types/webgl-ext": {
+      "version": "0.0.30",
+      "resolved": "https://registry.npmjs.org/@types/webgl-ext/-/webgl-ext-0.0.30.tgz",
+      "integrity": "sha512-LKVgNmBxN0BbljJrVUwkxwRYqzsAEPcZOe6S2T6ZaBDIrFp0qu4FNlpc5sM1tGbXUYFgdVQIoeLk1Y1UoblyEg=="
+    },
+    "node_modules/@types/webrtc": {
+      "version": "0.0.32",
+      "resolved": "https://registry.npmjs.org/@types/webrtc/-/webrtc-0.0.32.tgz",
+      "integrity": "sha512-+F0Ozq+ksnKtjcMHujSgb4A1Vjt0b4wvvxP3/pTnXKsIrLo34EgHh2z3qJq3ntX4dbK6ytxpY1rzO/4Z8rVrHg==",
+      "dev": true
+    },
+    "node_modules/@types/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@types/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-113D3mDkZDjo+EeUEHCFy0qniNc1ZpecGiAU7WSo7YDoSzolZIQKpYFHrPpjkB2nuyahcKfrmLXeQlh7gqJYdw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/ws": {
+      "version": "8.5.10",
+      "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.10.tgz",
+      "integrity": "sha512-vmQSUcfalpIq0R9q7uTo2lXs6eGIpt9wtnLdMv9LVpIjCA/+ufZRozlVoVelIYixx1ugCBKDhn89vnsEGOCx9A==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/yargs": {
+      "version": "17.0.33",
+      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.33.tgz",
+      "integrity": "sha512-WpxBCKWPLr4xSsHgz511rFJAM+wS28w2zEO1QDNY5zM/S8ok70NNfztH0xwhqKyaK0OHCbN98LDAZuy1ctxDkA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/yargs-parser": "*"
+      }
+    },
+    "node_modules/@types/yargs-parser": {
+      "version": "21.0.3",
+      "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.3.tgz",
+      "integrity": "sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ=="
+    },
+    "node_modules/@types/yauzl": {
+      "version": "2.10.3",
+      "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.3.tgz",
+      "integrity": "sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/zxcvbn": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/@types/zxcvbn/-/zxcvbn-4.4.1.tgz",
+      "integrity": "sha512-3NoqvZC2W5gAC5DZbTpCeJ251vGQmgcWIHQJGq2J240HY6ErQ9aWKkwfoKJlHLx+A83WPNTZ9+3cd2ILxbvr1w==",
+      "dev": true
+    },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "8.19.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.19.1.tgz",
+      "integrity": "sha512-tJzcVyvvb9h/PB96g30MpxACd9IrunT7GF9wfA9/0TJ1LxGOJx1TdPzSbBBnNED7K9Ka8ybJsnEpiXPktolTLg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.10.0",
+        "@typescript-eslint/scope-manager": "8.19.1",
+        "@typescript-eslint/type-utils": "8.19.1",
+        "@typescript-eslint/utils": "8.19.1",
+        "@typescript-eslint/visitor-keys": "8.19.1",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.3.1",
+        "natural-compare": "^1.4.0",
+        "ts-api-utils": "^2.0.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^8.0.0 || ^8.0.0-alpha.0",
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <5.8.0"
+      }
+    },
+    "node_modules/@typescript-eslint/experimental-utils": {
+      "version": "5.30.7",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/experimental-utils/-/experimental-utils-5.30.7.tgz",
+      "integrity": "sha512-r218ZVL0zFBYzEq8/9K2ZhRgsmKUhm8xd3sWChgvTbmP98kHGuY83IUl64SS9fx9OSBM9vMLdzBfox4eDdm/ZQ==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/utils": "5.30.7"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/experimental-utils/node_modules/@typescript-eslint/scope-manager": {
+      "version": "5.30.7",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.30.7.tgz",
+      "integrity": "sha512-7BM1bwvdF1UUvt+b9smhqdc/eniOnCKxQT/kj3oXtj3LqnTWCAM0qHRHfyzCzhEfWX0zrW7KqXXeE4DlchZBKw==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "5.30.7",
+        "@typescript-eslint/visitor-keys": "5.30.7"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/experimental-utils/node_modules/@typescript-eslint/types": {
+      "version": "5.30.7",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.30.7.tgz",
+      "integrity": "sha512-ocVkETUs82+U+HowkovV6uxf1AnVRKCmDRNUBUUo46/5SQv1owC/EBFkiu4MOHeZqhKz2ktZ3kvJJ1uFqQ8QPg==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/experimental-utils/node_modules/@typescript-eslint/typescript-estree": {
+      "version": "5.30.7",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.30.7.tgz",
+      "integrity": "sha512-tNslqXI1ZdmXXrHER83TJ8OTYl4epUzJC0aj2i4DMDT4iU+UqLT3EJeGQvJ17BMbm31x5scSwo3hPM0nqQ1AEA==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "5.30.7",
+        "@typescript-eslint/visitor-keys": "5.30.7",
+        "debug": "^4.3.4",
+        "globby": "^11.1.0",
+        "is-glob": "^4.0.3",
+        "semver": "^7.3.7",
+        "tsutils": "^3.21.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/experimental-utils/node_modules/@typescript-eslint/utils": {
+      "version": "5.30.7",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.30.7.tgz",
+      "integrity": "sha512-Z3pHdbFw+ftZiGUnm1GZhkJgVqsDL5CYW2yj+TB2mfXDFOMqtbzQi2dNJIyPqPbx9mv2kUxS1gU+r2gKlKi1rQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.9",
+        "@typescript-eslint/scope-manager": "5.30.7",
+        "@typescript-eslint/types": "5.30.7",
+        "@typescript-eslint/typescript-estree": "5.30.7",
+        "eslint-scope": "^5.1.1",
+        "eslint-utils": "^3.0.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/experimental-utils/node_modules/@typescript-eslint/visitor-keys": {
+      "version": "5.30.7",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.30.7.tgz",
+      "integrity": "sha512-KrRXf8nnjvcpxDFOKej4xkD7657+PClJs5cJVSG7NNoCNnjEdc46juNAQt7AyuWctuCgs6mVRc1xGctEqrjxWw==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "5.30.7",
+        "eslint-visitor-keys": "^3.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/experimental-utils/node_modules/eslint-visitor-keys": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz",
+      "integrity": "sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "8.19.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.19.1.tgz",
+      "integrity": "sha512-67gbfv8rAwawjYx3fYArwldTQKoYfezNUT4D5ioWetr/xCrxXxvleo3uuiFuKfejipvq+og7mjz3b0G2bVyUCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "8.19.1",
+        "@typescript-eslint/types": "8.19.1",
+        "@typescript-eslint/typescript-estree": "8.19.1",
+        "@typescript-eslint/visitor-keys": "8.19.1",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <5.8.0"
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "8.19.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.19.1.tgz",
+      "integrity": "sha512-60L9KIuN/xgmsINzonOcMDSB8p82h95hoBfSBtXuO4jlR1R9L1xSkmVZKgCPVfavDlXihh4ARNjXhh1gGnLC7Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.19.1",
+        "@typescript-eslint/visitor-keys": "8.19.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "8.19.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.19.1.tgz",
+      "integrity": "sha512-Rp7k9lhDKBMRJB/nM9Ksp1zs4796wVNyihG9/TU9R6KCJDNkQbc2EOKjrBtLYh3396ZdpXLtr/MkaSEmNMtykw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/typescript-estree": "8.19.1",
+        "@typescript-eslint/utils": "8.19.1",
+        "debug": "^4.3.4",
+        "ts-api-utils": "^2.0.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <5.8.0"
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "8.19.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.19.1.tgz",
+      "integrity": "sha512-JBVHMLj7B1K1v1051ZaMMgLW4Q/jre5qGK0Ew6UgXz1Rqh+/xPzV1aW581OM00X6iOfyr1be+QyW8LOUf19BbA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "8.19.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.19.1.tgz",
+      "integrity": "sha512-jk/TZwSMJlxlNnqhy0Eod1PNEvCkpY6MXOXE/WLlblZ6ibb32i2We4uByoKPv1d0OD2xebDv4hbs3fm11SMw8Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.19.1",
+        "@typescript-eslint/visitor-keys": "8.19.1",
+        "debug": "^4.3.4",
+        "fast-glob": "^3.3.2",
+        "is-glob": "^4.0.3",
+        "minimatch": "^9.0.4",
+        "semver": "^7.6.0",
+        "ts-api-utils": "^2.0.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <5.8.0"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/utils": {
+      "version": "8.19.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.19.1.tgz",
+      "integrity": "sha512-IxG5gLO0Ne+KaUc8iW1A+XuKLd63o4wlbI1Zp692n1xojCl/THvgIKXJXBZixTh5dd5+yTJ/VXH7GJaaw21qXA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "@typescript-eslint/scope-manager": "8.19.1",
+        "@typescript-eslint/types": "8.19.1",
+        "@typescript-eslint/typescript-estree": "8.19.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <5.8.0"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "8.19.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.19.1.tgz",
+      "integrity": "sha512-fzmjU8CHK853V/avYZAvuVut3ZTfwN5YtMaoi+X9Y9MA9keaWNHC3zEQ9zvyX/7Hj+5JkNyK1l7TOR2hevHB6Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.19.1",
+        "eslint-visitor-keys": "^4.2.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz",
+      "integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@ungap/structured-clone": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.1.tgz",
+      "integrity": "sha512-fEzPV3hSkSMltkw152tJKNARhOupqbH96MZWyRjNaYZOMIzbrTeQDG+MTc6Mr2pgzFQzFxAfmhGDNP5QK++2ZA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/@vitest/pretty-format": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-2.1.4.tgz",
+      "integrity": "sha512-L95zIAkEuTDbUX1IsjRl+vyBSLh3PwLLgKpghl37aCK9Jvw0iP+wKwIFhfjdUtA2myLgjrG6VU6JCFLv8q/3Ww==",
+      "dev": true,
+      "dependencies": {
+        "tinyrainbow": "^1.2.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/snapshot": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-2.1.4.tgz",
+      "integrity": "sha512-3Kab14fn/5QZRog5BPj6Rs8dc4B+mim27XaKWFWHWA87R56AKjHTGcBFKpvZKDzC4u5Wd0w/qKsUIio3KzWW4Q==",
+      "dev": true,
+      "dependencies": {
+        "@vitest/pretty-format": "2.1.4",
+        "magic-string": "^0.30.12",
+        "pathe": "^1.1.2"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vladmandic/human": {
+      "version": "2.6.5",
+      "resolved": "https://registry.npmjs.org/@vladmandic/human/-/human-2.6.5.tgz",
+      "integrity": "sha512-5fG5lICkJw17d8fT9ZHtioAPLmOKsQlNN4rbuA1t21HlV7KL3M2EMbYeO+ZE0t6VLSioZZH/KoOFvW5A0JP0Hg==",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@vladmandic/human-models": {
+      "version": "2.5.9",
+      "resolved": "https://registry.npmjs.org/@vladmandic/human-models/-/human-models-2.5.9.tgz",
+      "integrity": "sha512-WhV0RIeELsA73LGMpemYJvpIEuG0nkh6rP1x7JctKDQkNaARgWolTq9r1RUvWw++rQfzfZ82bYcAauJcaGW6bw==",
+      "dependencies": {
+        "@vladmandic/human": "^2.5.8"
+      }
+    },
+    "node_modules/@wdio/allure-reporter": {
+      "version": "9.22.0",
+      "resolved": "https://registry.npmjs.org/@wdio/allure-reporter/-/allure-reporter-9.22.0.tgz",
+      "integrity": "sha512-IkCqi8KAvSNu91O3QhuA3fmyasFvWCjmiw4rv4OCNC4Oe7uuU4WA5Rm+3AscQyrWurAlR0bxaPC7+uqKMt0NEw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "^20.1.0",
+        "@wdio/reporter": "9.20.0",
+        "@wdio/types": "9.20.0",
+        "allure-js-commons": "^3.3.2",
+        "csv-stringify": "^6.0.4",
+        "html-entities": "^2.6.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18.20.0"
+      }
+    },
+    "node_modules/@wdio/allure-reporter/node_modules/ansi-regex": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
+      "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/@wdio/allure-reporter/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/@wdio/cli": {
+      "version": "9.22.0",
+      "resolved": "https://registry.npmjs.org/@wdio/cli/-/cli-9.22.0.tgz",
+      "integrity": "sha512-vVl5IcyebbLhZBanyf4FDtOUacc45ODzI78dPFRVgXuJqjOMWhEGhZmUNPG+ApxmDbs0j5qi1wE8m7gct5NJkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/snapshot": "^2.1.1",
+        "@wdio/config": "9.22.0",
+        "@wdio/globals": "9.17.0",
+        "@wdio/logger": "9.18.0",
+        "@wdio/protocols": "9.16.2",
+        "@wdio/types": "9.20.0",
+        "@wdio/utils": "9.22.0",
+        "async-exit-hook": "^2.0.1",
+        "chalk": "^5.4.1",
+        "chokidar": "^4.0.0",
+        "create-wdio": "9.21.0",
+        "dotenv": "^17.2.0",
+        "import-meta-resolve": "^4.0.0",
+        "lodash.flattendeep": "^4.4.0",
+        "lodash.pickby": "^4.6.0",
+        "lodash.union": "^4.6.0",
+        "read-pkg-up": "^10.0.0",
+        "tsx": "^4.7.2",
+        "webdriverio": "9.22.0",
+        "yargs": "^17.7.2"
+      },
+      "bin": {
+        "wdio": "bin/wdio.js"
+      },
+      "engines": {
+        "node": ">=18.20.0"
+      }
+    },
+    "node_modules/@wdio/cli/node_modules/chalk": {
+      "version": "5.6.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz",
+      "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/@wdio/cli/node_modules/chokidar": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.1.tgz",
+      "integrity": "sha512-n8enUVCED/KVRQlab1hr3MVpcVMvxtZjmEa956u+4YijlmQED223XMSYj2tLuKvr4jcCTzNNMpQDUer72MMmzA==",
+      "dev": true,
+      "dependencies": {
+        "readdirp": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 14.16.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@wdio/cli/node_modules/readdirp": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.0.2.tgz",
+      "integrity": "sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 14.16.0"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@wdio/config": {
+      "version": "9.22.0",
+      "resolved": "https://registry.npmjs.org/@wdio/config/-/config-9.22.0.tgz",
+      "integrity": "sha512-SQsTSZowEI+whPlwPLsX9ICr6BiG39NLmzED7OWfaowribQ0XylRhoWodcRu6cB/ZCzminZajBUG5XgarNWnRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@wdio/logger": "9.18.0",
+        "@wdio/types": "9.20.0",
+        "@wdio/utils": "9.22.0",
+        "deepmerge-ts": "^7.0.3",
+        "glob": "^10.2.2",
+        "import-meta-resolve": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=18.20.0"
+      }
+    },
+    "node_modules/@wdio/config/node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@wdio/config/node_modules/glob": {
+      "version": "10.5.0",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-10.5.0.tgz",
+      "integrity": "sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "foreground-child": "^3.1.0",
+        "jackspeak": "^3.1.2",
+        "minimatch": "^9.0.4",
+        "minipass": "^7.1.2",
+        "package-json-from-dist": "^1.0.0",
+        "path-scurry": "^1.11.1"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@wdio/config/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@wdio/dot-reporter": {
+      "version": "9.20.0",
+      "resolved": "https://registry.npmjs.org/@wdio/dot-reporter/-/dot-reporter-9.20.0.tgz",
+      "integrity": "sha512-lRhihDQ56dApJcKOIEkVHThl8t2e5h7f3FW3JVmMLcGgbbkkLgXqVWPpbEGJcLld3wL4CipAPojVE/YEWp80hw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@wdio/reporter": "9.20.0",
+        "@wdio/types": "9.20.0",
+        "chalk": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=18.20.0"
+      }
+    },
+    "node_modules/@wdio/dot-reporter/node_modules/chalk": {
+      "version": "5.6.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz",
+      "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/@wdio/globals": {
+      "version": "9.17.0",
+      "resolved": "https://registry.npmjs.org/@wdio/globals/-/globals-9.17.0.tgz",
+      "integrity": "sha512-i38o7wlipLllNrk2hzdDfAmk6nrqm3lR2MtAgWgtHbwznZAKkB84KpkNFfmUXw5Kg3iP1zKlSjwZpKqenuLc+Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.20.0"
+      },
+      "peerDependencies": {
+        "expect-webdriverio": "^5.3.4",
+        "webdriverio": "^9.0.0"
+      },
+      "peerDependenciesMeta": {
+        "expect-webdriverio": {
+          "optional": false
+        },
+        "webdriverio": {
+          "optional": false
+        }
+      }
+    },
+    "node_modules/@wdio/junit-reporter": {
+      "version": "9.21.0",
+      "resolved": "https://registry.npmjs.org/@wdio/junit-reporter/-/junit-reporter-9.21.0.tgz",
+      "integrity": "sha512-1vuym8VuTqhJMe3Xb71PLxmTUxo9+fcXnzZcqiYdQtKdN3nibKkuctRU8oTAMGQqLY2VPtHd4MbUGmd+CVlaCg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@wdio/reporter": "9.20.0",
+        "@wdio/types": "9.20.0",
+        "json-stringify-safe": "^5.0.1",
+        "junit-report-builder": "^5.1.1"
+      },
+      "engines": {
+        "node": ">=18.20.0"
+      }
+    },
+    "node_modules/@wdio/local-runner": {
+      "version": "9.22.0",
+      "resolved": "https://registry.npmjs.org/@wdio/local-runner/-/local-runner-9.22.0.tgz",
+      "integrity": "sha512-pAJdKOwjg8VrNG9MogxctqdBSz3ISGsi9h0tBxbvH4VPQYQEwxN98QOlwPojxLgHU29BmtTwZsobN3f++O8Wcw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "^20.1.0",
+        "@wdio/logger": "9.18.0",
+        "@wdio/repl": "9.16.2",
+        "@wdio/runner": "9.22.0",
+        "@wdio/types": "9.20.0",
+        "@wdio/xvfb": "9.20.0",
+        "exit-hook": "^4.0.0",
+        "expect-webdriverio": "^5.3.4",
+        "split2": "^4.1.0",
+        "stream-buffers": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=18.20.0"
+      }
+    },
+    "node_modules/@wdio/logger": {
+      "version": "9.18.0",
+      "resolved": "https://registry.npmjs.org/@wdio/logger/-/logger-9.18.0.tgz",
+      "integrity": "sha512-HdzDrRs+ywAqbXGKqe1i/bLtCv47plz4TvsHFH3j729OooT5VH38ctFn5aLXgECmiAKDkmH/A6kOq2Zh5DIxww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^5.1.2",
+        "loglevel": "^1.6.0",
+        "loglevel-plugin-prefix": "^0.8.4",
+        "safe-regex2": "^5.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18.20.0"
+      }
+    },
+    "node_modules/@wdio/logger/node_modules/ansi-regex": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
+      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/@wdio/logger/node_modules/chalk": {
+      "version": "5.6.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz",
+      "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/@wdio/logger/node_modules/strip-ansi": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.2.tgz",
+      "integrity": "sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/@wdio/mocha-framework": {
+      "version": "9.22.0",
+      "resolved": "https://registry.npmjs.org/@wdio/mocha-framework/-/mocha-framework-9.22.0.tgz",
+      "integrity": "sha512-HqEt1+eeaI+x5bgvZ3aEiWXEO/gOgA9B9xfCXXzQFiC3JxzK36nbSk+nO35gL5svi+RMuk2gxw5IqTXjSRSjrA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/mocha": "^10.0.6",
+        "@types/node": "^20.11.28",
+        "@wdio/logger": "9.18.0",
+        "@wdio/types": "9.20.0",
+        "@wdio/utils": "9.22.0",
+        "mocha": "^10.3.0"
+      },
+      "engines": {
+        "node": ">=18.20.0"
+      }
+    },
+    "node_modules/@wdio/protocols": {
+      "version": "9.16.2",
+      "resolved": "https://registry.npmjs.org/@wdio/protocols/-/protocols-9.16.2.tgz",
+      "integrity": "sha512-h3k97/lzmyw5MowqceAuY3HX/wGJojXHkiPXA3WlhGPCaa2h4+GovV2nJtRvknCKsE7UHA1xB5SWeI8MzloBew==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@wdio/repl": {
+      "version": "9.16.2",
+      "resolved": "https://registry.npmjs.org/@wdio/repl/-/repl-9.16.2.tgz",
+      "integrity": "sha512-FLTF0VL6+o5BSTCO7yLSXocm3kUnu31zYwzdsz4n9s5YWt83sCtzGZlZpt7TaTzb3jVUfxuHNQDTb8UMkCu0lQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "^20.1.0"
+      },
+      "engines": {
+        "node": ">=18.20.0"
+      }
+    },
+    "node_modules/@wdio/reporter": {
+      "version": "9.20.0",
+      "resolved": "https://registry.npmjs.org/@wdio/reporter/-/reporter-9.20.0.tgz",
+      "integrity": "sha512-HjKJzm8o0MCcnwGVGprzaCAyau0OB8mWHwH1ZI/ka+z1nmVBr2tsr7H53SdHsGIhAg/XuZObobqdzeVF63ApeA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "^20.1.0",
+        "@wdio/logger": "9.18.0",
+        "@wdio/types": "9.20.0",
+        "diff": "^8.0.2",
+        "object-inspect": "^1.12.0"
+      },
+      "engines": {
+        "node": ">=18.20.0"
+      }
+    },
+    "node_modules/@wdio/runner": {
+      "version": "9.22.0",
+      "resolved": "https://registry.npmjs.org/@wdio/runner/-/runner-9.22.0.tgz",
+      "integrity": "sha512-izvzBYlAVTx5ekkEHnHEkNjm1BXDZkd4+rPMrLtvWRli4k3pRNGACpJzRRHkjFYEhbDoFg1SmwsCAOK08X6Qbw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "^20.11.28",
+        "@wdio/config": "9.22.0",
+        "@wdio/dot-reporter": "9.20.0",
+        "@wdio/globals": "9.17.0",
+        "@wdio/logger": "9.18.0",
+        "@wdio/types": "9.20.0",
+        "@wdio/utils": "9.22.0",
+        "deepmerge-ts": "^7.0.3",
+        "webdriver": "9.22.0",
+        "webdriverio": "9.22.0"
+      },
+      "engines": {
+        "node": ">=18.20.0"
+      },
+      "peerDependencies": {
+        "expect-webdriverio": "^5.3.4",
+        "webdriverio": "^9.0.0"
+      },
+      "peerDependenciesMeta": {
+        "expect-webdriverio": {
+          "optional": false
+        },
+        "webdriverio": {
+          "optional": false
+        }
+      }
+    },
+    "node_modules/@wdio/types": {
+      "version": "9.20.0",
+      "resolved": "https://registry.npmjs.org/@wdio/types/-/types-9.20.0.tgz",
+      "integrity": "sha512-zMmAtse2UMCSOW76mvK3OejauAdcFGuKopNRH7crI0gwKTZtvV89yXWRziz9cVXpFgfmJCjf9edxKFWdhuF5yw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "^20.1.0"
+      },
+      "engines": {
+        "node": ">=18.20.0"
+      }
+    },
+    "node_modules/@wdio/utils": {
+      "version": "9.22.0",
+      "resolved": "https://registry.npmjs.org/@wdio/utils/-/utils-9.22.0.tgz",
+      "integrity": "sha512-5j2nn2bBjj41wxXsVT43sUMOKR0qiKNDRG1UcKQ6NkfsWFObSehMAS0a9ZZu//+ooTxRkwHjvLdQrXIrPnTLzg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@puppeteer/browsers": "^2.2.0",
+        "@wdio/logger": "9.18.0",
+        "@wdio/types": "9.20.0",
+        "decamelize": "^6.0.0",
+        "deepmerge-ts": "^7.0.3",
+        "edgedriver": "^6.1.2",
+        "geckodriver": "^6.1.0",
+        "get-port": "^7.0.0",
+        "import-meta-resolve": "^4.0.0",
+        "locate-app": "^2.2.24",
+        "mitt": "^3.0.1",
+        "safaridriver": "^1.0.0",
+        "split2": "^4.2.0",
+        "wait-port": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=18.20.0"
+      }
+    },
+    "node_modules/@wdio/utils/node_modules/decamelize": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-6.0.1.tgz",
+      "integrity": "sha512-G7Cqgaelq68XHJNGlZ7lrNQyhZGsFqpwtGFexqUv4IQdjKoSYF7ipZ9UuTJZUSQXFj/XaoBLuEVIVqr8EJngEQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@wdio/xvfb": {
+      "version": "9.20.0",
+      "resolved": "https://registry.npmjs.org/@wdio/xvfb/-/xvfb-9.20.0.tgz",
+      "integrity": "sha512-shllZH9CsLiZqTXkqBTJrwi6k/ajBE7/78fQgvafMUIQU1Hpb2RdsmydKfPFZ5NDoA+LNm67PD2cPkvkXy4pSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@wdio/logger": "9.18.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@webassemblyjs/ast": {
+      "version": "1.12.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.12.1.tgz",
+      "integrity": "sha512-EKfMUOPRRUTy5UII4qJDGPpqfwjOmZ5jeGFwid9mnoqIFK+e0vqoi1qH56JpmZSzEL53jKnNzScdmftJyG5xWg==",
+      "dev": true,
+      "dependencies": {
+        "@webassemblyjs/helper-numbers": "1.11.6",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.6"
+      }
+    },
+    "node_modules/@webassemblyjs/floating-point-hex-parser": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.6.tgz",
+      "integrity": "sha512-ejAj9hfRJ2XMsNHk/v6Fu2dGS+i4UaXBXGemOfQ/JfQ6mdQg/WXtwleQRLLS4OvfDhv8rYnVwH27YJLMyYsxhw==",
+      "dev": true
+    },
+    "node_modules/@webassemblyjs/helper-api-error": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.6.tgz",
+      "integrity": "sha512-o0YkoP4pVu4rN8aTJgAyj9hC2Sv5UlkzCHhxqWj8butaLvnpdc2jOwh4ewE6CX0txSfLn/UYaV/pheS2Txg//Q==",
+      "dev": true
+    },
+    "node_modules/@webassemblyjs/helper-buffer": {
+      "version": "1.12.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.12.1.tgz",
+      "integrity": "sha512-nzJwQw99DNDKr9BVCOZcLuJJUlqkJh+kVzVl6Fmq/tI5ZtEyWT1KZMyOXltXLZJmDtvLCDgwsyrkohEtopTXCw==",
+      "dev": true
+    },
+    "node_modules/@webassemblyjs/helper-numbers": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.6.tgz",
+      "integrity": "sha512-vUIhZ8LZoIWHBohiEObxVm6hwP034jwmc9kuq5GdHZH0wiLVLIPcMCdpJzG4C11cHoQ25TFIQj9kaVADVX7N3g==",
+      "dev": true,
+      "dependencies": {
+        "@webassemblyjs/floating-point-hex-parser": "1.11.6",
+        "@webassemblyjs/helper-api-error": "1.11.6",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webassemblyjs/helper-wasm-bytecode": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.6.tgz",
+      "integrity": "sha512-sFFHKwcmBprO9e7Icf0+gddyWYDViL8bpPjJJl0WHxCdETktXdmtWLGVzoHbqUcY4Be1LkNfwTmXOJUFZYSJdA==",
+      "dev": true
+    },
+    "node_modules/@webassemblyjs/helper-wasm-section": {
+      "version": "1.12.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.12.1.tgz",
+      "integrity": "sha512-Jif4vfB6FJlUlSbgEMHUyk1j234GTNG9dBJ4XJdOySoj518Xj0oGsNi59cUQF4RRMS9ouBUxDDdyBVfPTypa5g==",
+      "dev": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.12.1",
+        "@webassemblyjs/helper-buffer": "1.12.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/wasm-gen": "1.12.1"
+      }
+    },
+    "node_modules/@webassemblyjs/ieee754": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.6.tgz",
+      "integrity": "sha512-LM4p2csPNvbij6U1f19v6WR56QZ8JcHg3QIJTlSwzFcmx6WSORicYj6I63f9yU1kEUtrpG+kjkiIAkevHpDXrg==",
+      "dev": true,
+      "dependencies": {
+        "@xtuc/ieee754": "^1.2.0"
+      }
+    },
+    "node_modules/@webassemblyjs/leb128": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.6.tgz",
+      "integrity": "sha512-m7a0FhE67DQXgouf1tbN5XQcdWoNgaAuoULHIfGFIEVKA6tu/edls6XnIlkmS6FrXAquJRPni3ZZKjw6FSPjPQ==",
+      "dev": true,
+      "dependencies": {
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webassemblyjs/utf8": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.6.tgz",
+      "integrity": "sha512-vtXf2wTQ3+up9Zsg8sa2yWiQpzSsMyXj0qViVP6xKGCUT8p8YJ6HqI7l5eCnWx1T/FYdsv07HQs2wTFbbof/RA==",
+      "dev": true
+    },
+    "node_modules/@webassemblyjs/wasm-edit": {
+      "version": "1.12.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.12.1.tgz",
+      "integrity": "sha512-1DuwbVvADvS5mGnXbE+c9NfA8QRcZ6iKquqjjmR10k6o+zzsRVesil54DKexiowcFCPdr/Q0qaMgB01+SQ1u6g==",
+      "dev": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.12.1",
+        "@webassemblyjs/helper-buffer": "1.12.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/helper-wasm-section": "1.12.1",
+        "@webassemblyjs/wasm-gen": "1.12.1",
+        "@webassemblyjs/wasm-opt": "1.12.1",
+        "@webassemblyjs/wasm-parser": "1.12.1",
+        "@webassemblyjs/wast-printer": "1.12.1"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-gen": {
+      "version": "1.12.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.12.1.tgz",
+      "integrity": "sha512-TDq4Ojh9fcohAw6OIMXqiIcTq5KUXTGRkVxbSo1hQnSy6lAM5GSdfwWeSxpAo0YzgsgF182E/U0mDNhuA0tW7w==",
+      "dev": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.12.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/ieee754": "1.11.6",
+        "@webassemblyjs/leb128": "1.11.6",
+        "@webassemblyjs/utf8": "1.11.6"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-opt": {
+      "version": "1.12.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.12.1.tgz",
+      "integrity": "sha512-Jg99j/2gG2iaz3hijw857AVYekZe2SAskcqlWIZXjji5WStnOpVoat3gQfT/Q5tb2djnCjBtMocY/Su1GfxPBg==",
+      "dev": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.12.1",
+        "@webassemblyjs/helper-buffer": "1.12.1",
+        "@webassemblyjs/wasm-gen": "1.12.1",
+        "@webassemblyjs/wasm-parser": "1.12.1"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-parser": {
+      "version": "1.12.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.12.1.tgz",
+      "integrity": "sha512-xikIi7c2FHXysxXe3COrVUPSheuBtpcfhbpFj4gmu7KRLYOzANztwUU0IbsqvMqzuNK2+glRGWCEqZo1WCLyAQ==",
+      "dev": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.12.1",
+        "@webassemblyjs/helper-api-error": "1.11.6",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/ieee754": "1.11.6",
+        "@webassemblyjs/leb128": "1.11.6",
+        "@webassemblyjs/utf8": "1.11.6"
+      }
+    },
+    "node_modules/@webassemblyjs/wast-printer": {
+      "version": "1.12.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.12.1.tgz",
+      "integrity": "sha512-+X4WAlOisVWQMikjbcvY2e0rwPsKQ9F688lksZhBcPycBBuii3O7m8FACbDMWDojpAqvjIncrG8J0XHKyQfVeA==",
+      "dev": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.12.1",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webpack-cli/configtest": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@webpack-cli/configtest/-/configtest-2.1.1.tgz",
+      "integrity": "sha512-wy0mglZpDSiSS0XHrVR+BAdId2+yxPSoJW8fsna3ZpYSlufjvxnP4YbKTCBZnNIcGN4r6ZPXV55X4mYExOfLmw==",
+      "dev": true,
+      "engines": {
+        "node": ">=14.15.0"
+      },
+      "peerDependencies": {
+        "webpack": "5.x.x",
+        "webpack-cli": "5.x.x"
+      }
+    },
+    "node_modules/@webpack-cli/info": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@webpack-cli/info/-/info-2.0.2.tgz",
+      "integrity": "sha512-zLHQdI/Qs1UyT5UBdWNqsARasIA+AaF8t+4u2aS2nEpBQh2mWIVb8qAklq0eUENnC5mOItrIB4LiS9xMtph18A==",
+      "dev": true,
+      "engines": {
+        "node": ">=14.15.0"
+      },
+      "peerDependencies": {
+        "webpack": "5.x.x",
+        "webpack-cli": "5.x.x"
+      }
+    },
+    "node_modules/@webpack-cli/serve": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@webpack-cli/serve/-/serve-2.0.5.tgz",
+      "integrity": "sha512-lqaoKnRYBdo1UgDX8uF24AfGMifWK19TxPmM5FHc2vAGxrJ/qtyUyFBWoY1tISZdelsQ5fBcOusifo5o5wSJxQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=14.15.0"
+      },
+      "peerDependencies": {
+        "webpack": "5.x.x",
+        "webpack-cli": "5.x.x"
+      },
+      "peerDependenciesMeta": {
+        "webpack-dev-server": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@xmldom/xmldom": {
+      "version": "0.8.7",
+      "resolved": "https://registry.npmjs.org/@xmldom/xmldom/-/xmldom-0.8.7.tgz",
+      "integrity": "sha512-sI1Ly2cODlWStkINzqGrZ8K6n+MTSbAeQnAipGyL+KZCXuHaRlj2gyyy8B/9MvsFFqN7XHryQnB2QwhzvJXovg==",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/@xobotyi/scrollbar-width": {
+      "version": "1.9.5",
+      "resolved": "https://registry.npmjs.org/@xobotyi/scrollbar-width/-/scrollbar-width-1.9.5.tgz",
+      "integrity": "sha512-N8tkAACJx2ww8vFMneJmaAgmjAG1tnVBZJRLRcx061tmsLRZHSEZSLuGWnwPtunsSLvSqXQ2wfp7Mgqg1I+2dQ=="
+    },
+    "node_modules/@xtuc/ieee754": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
+      "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
+      "dev": true
+    },
+    "node_modules/@xtuc/long": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
+      "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
+      "dev": true
+    },
+    "node_modules/@yarnpkg/lockfile": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@yarnpkg/lockfile/-/lockfile-1.1.0.tgz",
+      "integrity": "sha512-GpSwvyXOcOOlV70vbnzjj4fW5xW/FdUF6nQEt1ENy7m4ZCczi1+/buVUPAqmGfqznsORNFzUMjctTIp8a9tuCQ==",
+      "dev": true
+    },
+    "node_modules/@zip.js/zip.js": {
+      "version": "2.8.11",
+      "resolved": "https://registry.npmjs.org/@zip.js/zip.js/-/zip.js-2.8.11.tgz",
+      "integrity": "sha512-0fztsk/0ryJ+2PPr9EyXS5/Co7OK8q3zY/xOoozEWaUsL5x+C0cyZ4YyMuUffOO2Dx/rAdq4JMPqW0VUtm+vzA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "bun": ">=0.7.0",
+        "deno": ">=1.0.0",
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/abab": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz",
+      "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==",
+      "deprecated": "Use your platform's native atob() and btoa() methods instead"
+    },
+    "node_modules/abbrev": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-2.0.0.tgz",
+      "integrity": "sha512-6/mh1E2u2YgEsCHdY0Yx5oW+61gZU+1vXaoiHHrpKeuRNNgFvS+/jrwHiQhB5apAf5oB7UB7E19ol2R2LKH8hQ==",
+      "dev": true,
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/abort-controller": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
+      "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
+      "dependencies": {
+        "event-target-shim": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=6.5"
+      }
+    },
+    "node_modules/accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "dependencies": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.14.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
+      "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==",
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-import-attributes": {
+      "version": "1.9.5",
+      "resolved": "https://registry.npmjs.org/acorn-import-attributes/-/acorn-import-attributes-1.9.5.tgz",
+      "integrity": "sha512-n02Vykv5uA3eHGM/Z2dQrcD56kL8TyDb2p1+0P83PClMnC/nc+anbQRhIOWnSq4Ke/KvDPrY3C9hDtC/A3eHnQ==",
+      "dev": true,
+      "peerDependencies": {
+        "acorn": "^8"
+      }
+    },
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/acorn-walk": {
+      "version": "8.2.0",
+      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.2.0.tgz",
+      "integrity": "sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/agent-base": {
+      "version": "7.1.4",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz",
+      "integrity": "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ajv-formats": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz",
+      "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==",
+      "dev": true,
+      "dependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "ajv": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/ajv-formats/node_modules/ajv": {
+      "version": "8.10.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.10.0.tgz",
+      "integrity": "sha512-bzqAEZOjkrUMl2afH8dknrq5KEk2SrwdBROR+vH1EKVQTqaUbJVPdc/gEdggTMM0Se+s+Ja4ju4TlNcStKl2Hw==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ajv-formats/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true
+    },
+    "node_modules/ajv-keywords": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
+      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
+      "peerDependencies": {
+        "ajv": "^6.9.1"
+      }
+    },
+    "node_modules/allure-commandline": {
+      "version": "2.32.0",
+      "resolved": "https://registry.npmjs.org/allure-commandline/-/allure-commandline-2.32.0.tgz",
+      "integrity": "sha512-W03ors+ks8uy0SgQILHQvtvR0iadAfDYmTFC3p8Pk4pi8KXUW1cF+z8FN2+7deH3FE2cuYgjhhA+CdLdJfzOMQ==",
+      "bin": {
+        "allure": "bin/allure"
+      }
+    },
+    "node_modules/allure-js-commons": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/allure-js-commons/-/allure-js-commons-3.4.3.tgz",
+      "integrity": "sha512-2n2uUFVmI7OaKXfkUPq2AcD1ksPR/WXZ9IhmQlMylb8bNpPChn1QPA/W97+RDYawFgvfhnadzIrH9ZWTWKjiNg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "md5": "^2.3.0"
+      },
+      "peerDependencies": {
+        "allure-playwright": "3.4.3"
+      },
+      "peerDependenciesMeta": {
+        "allure-playwright": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/amplitude-js": {
+      "version": "8.21.9",
+      "resolved": "https://registry.npmjs.org/amplitude-js/-/amplitude-js-8.21.9.tgz",
+      "integrity": "sha512-d0jJH00wbXu7sxKtVwkdSXtVffjqdUrxuACKlnzP7jU5qt9wriXXMgHifdH5Oq+buKmyF8wKL9S02gAykysURA==",
+      "dependencies": {
+        "@amplitude/analytics-connector": "^1.4.6",
+        "@amplitude/ua-parser-js": "0.7.33",
+        "@amplitude/utils": "^1.10.2",
+        "@babel/runtime": "^7.21.0",
+        "blueimp-md5": "^2.19.0",
+        "query-string": "8.1.0"
+      }
+    },
+    "node_modules/amplitude-js/node_modules/decode-uri-component": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.4.1.tgz",
+      "integrity": "sha512-+8VxcR21HhTy8nOt6jf20w0c9CADrw1O8d+VZ/YzzCt4bJ3uBjw+D1q2osAB8RnpwwaeYBxy0HyKQxD5JBMuuQ==",
+      "engines": {
+        "node": ">=14.16"
+      }
+    },
+    "node_modules/amplitude-js/node_modules/filter-obj": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/filter-obj/-/filter-obj-5.1.0.tgz",
+      "integrity": "sha512-qWeTREPoT7I0bifpPUXtxkZJ1XJzxWtfoWWkdVGqa+eCr3SHW/Ocp89o8vLvbUuQnadybJpjOKu4V+RwO6sGng==",
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/amplitude-js/node_modules/query-string": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/query-string/-/query-string-8.1.0.tgz",
+      "integrity": "sha512-BFQeWxJOZxZGix7y+SByG3F36dA0AbTy9o6pSmKFcFz7DAj0re9Frkty3saBn3nHo3D0oZJ/+rx3r8H8r8Jbpw==",
+      "dependencies": {
+        "decode-uri-component": "^0.4.1",
+        "filter-obj": "^5.1.0",
+        "split-on-first": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/amplitude-js/node_modules/split-on-first": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/split-on-first/-/split-on-first-3.0.0.tgz",
+      "integrity": "sha512-qxQJTx2ryR0Dw0ITYyekNQWpz6f8dGd7vffGNflQQ3Iqj9NJ6qiZ7ELpZsJ/QBhIVAiDfXdag3+Gp8RvWa62AA==",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/anser": {
+      "version": "1.4.10",
+      "resolved": "https://registry.npmjs.org/anser/-/anser-1.4.10.tgz",
+      "integrity": "sha512-hCv9AqTQ8ycjpSd3upOJd7vFwW1JaoYQ7tpham03GJ1ca8/65rqn0RpaWpItOAd6ylW9wAw6luXYPJIyPFVOww=="
+    },
+    "node_modules/ansi-colors": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz",
+      "integrity": "sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/ansi-fragments": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-fragments/-/ansi-fragments-0.2.1.tgz",
+      "integrity": "sha512-DykbNHxuXQwUDRv5ibc2b0x7uw7wmwOGLBUd5RmaQ5z8Lhx19vwvKV+FAsM5rEA6dEcHxX+/Ad5s9eF2k2bB+w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "colorette": "^1.0.7",
+        "slice-ansi": "^2.0.0",
+        "strip-ansi": "^5.0.0"
+      }
+    },
+    "node_modules/ansi-fragments/node_modules/ansi-regex": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.1.tgz",
+      "integrity": "sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/ansi-fragments/node_modules/strip-ansi": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
+      "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/ansi-html-community": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/ansi-html-community/-/ansi-html-community-0.0.8.tgz",
+      "integrity": "sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw==",
+      "dev": true,
+      "engines": [
+        "node >= 0.8.0"
+      ],
+      "bin": {
+        "ansi-html": "bin/ansi-html"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.2.tgz",
+      "integrity": "sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==",
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/appdirsjs": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/appdirsjs/-/appdirsjs-1.2.7.tgz",
+      "integrity": "sha512-Quji6+8kLBC3NnBeo14nPDq0+2jUs5s3/xEye+udFHumHhRk4M7aAMXp/PBJqkKYGuuyR9M/6Dq7d2AViiGmhw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/append-query": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/append-query/-/append-query-2.1.1.tgz",
+      "integrity": "sha512-adm0E8o1o7ay+HbkWvGIpNNeciLB/rxJ0heThHuzSSVq5zcdQ5/ZubFnUoY0imFmk6gZVghSpwoubLVtwi9EHQ==",
+      "dependencies": {
+        "extend": "^3.0.2"
+      }
+    },
+    "node_modules/archiver": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/archiver/-/archiver-7.0.1.tgz",
+      "integrity": "sha512-ZcbTaIqJOfCc03QwD468Unz/5Ir8ATtvAHsK+FdXbDIbGfihqh9mrvdcYunQzqn4HrvWWaFyaxJhGZagaJJpPQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "archiver-utils": "^5.0.2",
+        "async": "^3.2.4",
+        "buffer-crc32": "^1.0.0",
+        "readable-stream": "^4.0.0",
+        "readdir-glob": "^1.1.2",
+        "tar-stream": "^3.0.0",
+        "zip-stream": "^6.0.1"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/archiver-utils": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/archiver-utils/-/archiver-utils-5.0.2.tgz",
+      "integrity": "sha512-wuLJMmIBQYCsGZgYLTy5FIB2pF6Lfb6cXMSF8Qywwk3t20zWnAi7zLcQFdKQmIB8wyZpY5ER38x08GbwtR2cLA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "glob": "^10.0.0",
+        "graceful-fs": "^4.2.0",
+        "is-stream": "^2.0.1",
+        "lazystream": "^1.0.0",
+        "lodash": "^4.17.15",
+        "normalize-path": "^3.0.0",
+        "readable-stream": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/archiver-utils/node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/archiver-utils/node_modules/buffer": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+      "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.2.1"
+      }
+    },
+    "node_modules/archiver-utils/node_modules/glob": {
+      "version": "10.5.0",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-10.5.0.tgz",
+      "integrity": "sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "foreground-child": "^3.1.0",
+        "jackspeak": "^3.1.2",
+        "minimatch": "^9.0.4",
+        "minipass": "^7.1.2",
+        "package-json-from-dist": "^1.0.0",
+        "path-scurry": "^1.11.1"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/archiver-utils/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/archiver-utils/node_modules/readable-stream": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.7.0.tgz",
+      "integrity": "sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "abort-controller": "^3.0.0",
+        "buffer": "^6.0.3",
+        "events": "^3.3.0",
+        "process": "^0.11.10",
+        "string_decoder": "^1.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/archiver/node_modules/buffer": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+      "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.2.1"
+      }
+    },
+    "node_modules/archiver/node_modules/readable-stream": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.7.0.tgz",
+      "integrity": "sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "abort-controller": "^3.0.0",
+        "buffer": "^6.0.3",
+        "events": "^3.3.0",
+        "process": "^0.11.10",
+        "string_decoder": "^1.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/are-docs-informative": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/are-docs-informative/-/are-docs-informative-0.0.2.tgz",
+      "integrity": "sha512-ixiS0nLNNG5jNQzgZJNoUpBKdo9yTYZMGJ+QgT2jmjR7G7+QHRCc4v6LQ3NgE7EBJq+o0ams3waJwkrlBom8Ig==",
+      "dev": true,
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "license": "Python-2.0"
+    },
+    "node_modules/aria-hidden": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.3.tgz",
+      "integrity": "sha512-xcLxITLe2HYa1cnYnwCjkOO1PqUHQpozB8x9AR0OgWN2woOBi5kSDVxKfd0b7sb1hw5qFeJhXm9H1nu3xSfLeQ==",
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/aria-query": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.2.tgz",
+      "integrity": "sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/array-buffer-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz",
+      "integrity": "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "is-array-buffer": "^3.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-includes": {
+      "version": "3.1.8",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.8.tgz",
+      "integrity": "sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.4",
+        "is-string": "^1.0.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-union": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/array.prototype.findlast": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz",
+      "integrity": "sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.findlastindex": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.5.tgz",
+      "integrity": "sha512-zfETvRFA8o7EiNn++N5f/kaCw221hrpGsDmcpndVupkPzEc1Wuf3VgC0qby1BbHs7f5DVYjgtEU2LLh5bqeGfQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flat": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz",
+      "integrity": "sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flatmap": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz",
+      "integrity": "sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.tosorted": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.4.tgz",
+      "integrity": "sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.3",
+        "es-errors": "^1.3.0",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/arraybuffer.prototype.slice": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz",
+      "integrity": "sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.1",
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "is-array-buffer": "^3.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/asap": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz",
+      "integrity": "sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA=="
+    },
+    "node_modules/ast-types": {
+      "version": "0.16.1",
+      "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.16.1.tgz",
+      "integrity": "sha512-6t10qk83GOG8p0vKmaCr8eiilZwO171AvbROMtvvNiwrTly62t+7XkA8RdIIVbpMhCASAsxgAzdRSwh6nw/5Dg==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/astral-regex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-1.0.0.tgz",
+      "integrity": "sha512-+Ryf6g3BKoRc7jfp7ad8tM4TtMiaWvbF/1/sQcZPkkS7ag3D5nMBCe2UfOTONtAkaG0tO0ij3C5Lwmf1EiyjHg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/async": {
+      "version": "3.2.6",
+      "resolved": "https://registry.npmjs.org/async/-/async-3.2.6.tgz",
+      "integrity": "sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/async-es": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/async-es/-/async-es-3.2.4.tgz",
+      "integrity": "sha512-GFHAAfmW7GzEiHFR6DvE5WMm6+js9pb+RLm+m1UpsyMX+I4j/R4QVw2Te664q+fvDVOz7Y0bORPDNvQS7BJ3Hw=="
+    },
+    "node_modules/async-exit-hook": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/async-exit-hook/-/async-exit-hook-2.0.1.tgz",
+      "integrity": "sha512-NW2cX8m1Q7KPA7a5M2ULQeZ2wR5qI5PAbw5L0UOMxdioVk9PMZ0h1TmyZEkPYrCvYjDlFICusOu1dlEKAAeXBw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/async-limiter": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.1.tgz",
+      "integrity": "sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ==",
+      "license": "MIT"
+    },
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
+      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
+      "dependencies": {
+        "possible-typed-array-names": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/b4a": {
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/b4a/-/b4a-1.7.3.tgz",
+      "integrity": "sha512-5Q2mfq2WfGuFp3uS//0s6baOJLMoVduPYVeNmDYxu5OUA1/cBfvr2RIS7vi62LdNj/urk1hfmj867I3qt6uZ7Q==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "peerDependencies": {
+        "react-native-b4a": "*"
+      },
+      "peerDependenciesMeta": {
+        "react-native-b4a": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/babel-jest": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/babel-jest/-/babel-jest-29.7.0.tgz",
+      "integrity": "sha512-BrvGY3xZSwEcCzKvKsCi2GgHqDqsYkOP4/by5xCgIwGXQxIEh+8ew3gmrE1y7XRR6LHZIj6yLYnUi/mm2KXKBg==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/transform": "^29.7.0",
+        "@types/babel__core": "^7.1.14",
+        "babel-plugin-istanbul": "^6.1.1",
+        "babel-preset-jest": "^29.6.3",
+        "chalk": "^4.0.0",
+        "graceful-fs": "^4.2.9",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.8.0"
+      }
+    },
+    "node_modules/babel-jest/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/babel-jest/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/babel-jest/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/babel-jest/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "license": "MIT"
+    },
+    "node_modules/babel-jest/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/babel-jest/node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/babel-jest/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/babel-loader": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-9.1.0.tgz",
+      "integrity": "sha512-Antt61KJPinUMwHwIIz9T5zfMgevnfZkEVWYDWlG888fgdvRRGD0JTuf/fFozQnfT+uq64sk1bmdHDy/mOEWnA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "find-cache-dir": "^3.3.2",
+        "schema-utils": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 14.15.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.12.0",
+        "webpack": ">=5"
+      }
+    },
+    "node_modules/babel-plugin-emotion": {
+      "version": "10.2.2",
+      "resolved": "https://registry.npmjs.org/babel-plugin-emotion/-/babel-plugin-emotion-10.2.2.tgz",
+      "integrity": "sha512-SMSkGoqTbTyUTDeuVuPIWifPdUGkTk1Kf9BWRiXIOIcuyMfsdp2EjeiiFvOzX8NOBvEh/ypKYvUh2rkgAJMCLA==",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.0.0",
+        "@emotion/hash": "0.8.0",
+        "@emotion/memoize": "0.7.4",
+        "@emotion/serialize": "^0.11.16",
+        "babel-plugin-macros": "^2.0.0",
+        "babel-plugin-syntax-jsx": "^6.18.0",
+        "convert-source-map": "^1.5.0",
+        "escape-string-regexp": "^1.0.5",
+        "find-root": "^1.1.0",
+        "source-map": "^0.5.7"
+      }
+    },
+    "node_modules/babel-plugin-emotion/node_modules/@emotion/memoize": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz",
+      "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw=="
+    },
+    "node_modules/babel-plugin-emotion/node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/babel-plugin-istanbul": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz",
+      "integrity": "sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@istanbuljs/load-nyc-config": "^1.0.0",
+        "@istanbuljs/schema": "^0.1.2",
+        "istanbul-lib-instrument": "^5.0.4",
+        "test-exclude": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/babel-plugin-jest-hoist": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-29.6.3.tgz",
+      "integrity": "sha512-ESAc/RJvGTFEzRwOTT4+lNDk/GNHMkKbNzsvT0qKRfDyyYTskxB5rnU2njIDYVxXCBHHEI1c0YwHob3WaYujOg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.3.3",
+        "@babel/types": "^7.3.3",
+        "@types/babel__core": "^7.1.14",
+        "@types/babel__traverse": "^7.0.6"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/babel-plugin-macros": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-2.8.0.tgz",
+      "integrity": "sha512-SEP5kJpfGYqYKpBrj5XU3ahw5p5GOHJ0U5ssOSQ/WBVdwkD2Dzlce95exQTs3jOVWPPKLBN2rlEWkCK7dSmLvg==",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "cosmiconfig": "^6.0.0",
+        "resolve": "^1.12.0"
+      }
+    },
+    "node_modules/babel-plugin-macros/node_modules/cosmiconfig": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-6.0.0.tgz",
+      "integrity": "sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg==",
+      "dependencies": {
+        "@types/parse-json": "^4.0.0",
+        "import-fresh": "^3.1.0",
+        "parse-json": "^5.0.0",
+        "path-type": "^4.0.0",
+        "yaml": "^1.7.2"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/babel-plugin-optional-require": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-optional-require/-/babel-plugin-optional-require-0.3.1.tgz",
+      "integrity": "sha512-qL9pdz6fgMjO3NZ1igO8BEJrWooLgkuhJ2yc4ligr3lMvEq7tzFZuz3JWSa6P05khrvTz1USf0POkxAjlFnkLw==",
+      "dev": true,
+      "dependencies": {
+        "is-builtin-module": "^2.0.0",
+        "resolve-from": "^4.0.0"
+      }
+    },
+    "node_modules/babel-plugin-polyfill-corejs2": {
+      "version": "0.4.13",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.13.tgz",
+      "integrity": "sha512-3sX/eOms8kd3q2KZ6DAhKPc0dgm525Gqq5NtWKZ7QYYZEv57OQ54KtblzJzH1lQF/eQxO8KjWGIK9IPUJNus5g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.22.6",
+        "@babel/helper-define-polyfill-provider": "^0.6.4",
+        "semver": "^6.3.1"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/babel-plugin-polyfill-corejs2/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/babel-plugin-polyfill-corejs3": {
+      "version": "0.10.6",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.10.6.tgz",
+      "integrity": "sha512-b37+KR2i/khY5sKmWNVQAnitvquQbNdWy6lJdsr0kmquCKEEUgMKK4SboVM3HtfnZilfjr4MMQ7vY58FVWDtIA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-define-polyfill-provider": "^0.6.2",
+        "core-js-compat": "^3.38.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/babel-plugin-polyfill-regenerator": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.2.tgz",
+      "integrity": "sha512-2R25rQZWP63nGwaAswvDazbPXfrM3HwVoBXK6HcqeKrSrL/JqcC/rDcf95l4r7LXLyxDXc8uQDa064GubtCABg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-define-polyfill-provider": "^0.6.2"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/babel-plugin-syntax-hermes-parser": {
+      "version": "0.25.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-syntax-hermes-parser/-/babel-plugin-syntax-hermes-parser-0.25.1.tgz",
+      "integrity": "sha512-IVNpGzboFLfXZUAwkLFcI/bnqVbwky0jP3eBno4HKtqvQJAHBLdgxiG6lQ4to0+Q/YCN3PO0od5NZwIKyY4REQ==",
+      "license": "MIT",
+      "dependencies": {
+        "hermes-parser": "0.25.1"
+      }
+    },
+    "node_modules/babel-plugin-syntax-jsx": {
+      "version": "6.18.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz",
+      "integrity": "sha1-CvMqmm4Tyno/1QaeYtew9Y0NiUY="
+    },
+    "node_modules/babel-plugin-transform-flow-enums": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/babel-plugin-transform-flow-enums/-/babel-plugin-transform-flow-enums-0.0.2.tgz",
+      "integrity": "sha512-g4aaCrDDOsWjbm0PUUeVnkcVd6AKJsVc/MbnPhEotEpkeJQP6b8nzewohQi7+QS8UyPehOhGWn0nOwjvWpmMvQ==",
+      "dependencies": {
+        "@babel/plugin-syntax-flow": "^7.12.1"
+      }
+    },
+    "node_modules/babel-preset-current-node-syntax": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.1.0.tgz",
+      "integrity": "sha512-ldYss8SbBlWva1bs28q78Ju5Zq1F+8BrqBZZ0VFhLBvhh6lCpC2o3gDJi/5DRLs9FgYZCnmPYIVFU4lRXCkyUw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/plugin-syntax-async-generators": "^7.8.4",
+        "@babel/plugin-syntax-bigint": "^7.8.3",
+        "@babel/plugin-syntax-class-properties": "^7.12.13",
+        "@babel/plugin-syntax-class-static-block": "^7.14.5",
+        "@babel/plugin-syntax-import-attributes": "^7.24.7",
+        "@babel/plugin-syntax-import-meta": "^7.10.4",
+        "@babel/plugin-syntax-json-strings": "^7.8.3",
+        "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4",
+        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3",
+        "@babel/plugin-syntax-numeric-separator": "^7.10.4",
+        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
+        "@babel/plugin-syntax-optional-catch-binding": "^7.8.3",
+        "@babel/plugin-syntax-optional-chaining": "^7.8.3",
+        "@babel/plugin-syntax-private-property-in-object": "^7.14.5",
+        "@babel/plugin-syntax-top-level-await": "^7.14.5"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/babel-preset-jest": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/babel-preset-jest/-/babel-preset-jest-29.6.3.tgz",
+      "integrity": "sha512-0B3bhxR6snWXJZtR/RliHTDPRgn1sNHOR0yVtq/IiQFyuOVjFS+wuio/R4gSNkyYmKmJB4wGZv2NZanmKmTnNA==",
+      "license": "MIT",
+      "dependencies": {
+        "babel-plugin-jest-hoist": "^29.6.3",
+        "babel-preset-current-node-syntax": "^1.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
+    },
+    "node_modules/bare-events": {
+      "version": "2.8.2",
+      "resolved": "https://registry.npmjs.org/bare-events/-/bare-events-2.8.2.tgz",
+      "integrity": "sha512-riJjyv1/mHLIPX4RwiK+oW9/4c3TEUeORHKefKAKnZ5kyslbN+HXowtbaVEqt4IMUB7OXlfixcs6gsFeo/jhiQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "peerDependencies": {
+        "bare-abort-controller": "*"
+      },
+      "peerDependenciesMeta": {
+        "bare-abort-controller": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/bare-fs": {
+      "version": "4.5.2",
+      "resolved": "https://registry.npmjs.org/bare-fs/-/bare-fs-4.5.2.tgz",
+      "integrity": "sha512-veTnRzkb6aPHOvSKIOy60KzURfBdUflr5VReI+NSaPL6xf+XLdONQgZgpYvUuZLVQ8dCqxpBAudaOM1+KpAUxw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "bare-events": "^2.5.4",
+        "bare-path": "^3.0.0",
+        "bare-stream": "^2.6.4",
+        "bare-url": "^2.2.2",
+        "fast-fifo": "^1.3.2"
+      },
+      "engines": {
+        "bare": ">=1.16.0"
+      },
+      "peerDependencies": {
+        "bare-buffer": "*"
+      },
+      "peerDependenciesMeta": {
+        "bare-buffer": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/bare-os": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/bare-os/-/bare-os-3.6.2.tgz",
+      "integrity": "sha512-T+V1+1srU2qYNBmJCXZkUY5vQ0B4FSlL3QDROnKQYOqeiQR8UbjNHlPa+TIbM4cuidiN9GaTaOZgSEgsvPbh5A==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "engines": {
+        "bare": ">=1.14.0"
+      }
+    },
+    "node_modules/bare-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/bare-path/-/bare-path-3.0.0.tgz",
+      "integrity": "sha512-tyfW2cQcB5NN8Saijrhqn0Zh7AnFNsnczRcuWODH0eYAXBsJ5gVxAUuNr7tsHSC6IZ77cA0SitzT+s47kot8Mw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "bare-os": "^3.0.1"
+      }
+    },
+    "node_modules/bare-stream": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/bare-stream/-/bare-stream-2.7.0.tgz",
+      "integrity": "sha512-oyXQNicV1y8nc2aKffH+BUHFRXmx6VrPzlnaEvMhram0nPBrKcEdcyBg5r08D0i8VxngHFAiVyn1QKXpSG0B8A==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "streamx": "^2.21.0"
+      },
+      "peerDependencies": {
+        "bare-buffer": "*",
+        "bare-events": "*"
+      },
+      "peerDependenciesMeta": {
+        "bare-buffer": {
+          "optional": true
+        },
+        "bare-events": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/bare-url": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/bare-url/-/bare-url-2.3.2.tgz",
+      "integrity": "sha512-ZMq4gd9ngV5aTMa5p9+UfY0b3skwhHELaDkhEHetMdX0LRkW9kzaym4oo/Eh+Ghm0CCDuMTsRIGM/ytUc1ZYmw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "bare-path": "^3.0.0"
+      }
+    },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/basic-ftp": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/basic-ftp/-/basic-ftp-5.1.0.tgz",
+      "integrity": "sha512-RkaJzeJKDbaDWTIPiJwubyljaEPwpVWkm9Rt5h9Nd6h7tEXTJ3VB4qxdZBioV7JO5yLUaOKwz7vDOzlncUsegw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/batch": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/batch/-/batch-0.6.1.tgz",
+      "integrity": "sha1-3DQxT05nkxgJP8dgJyUl+UvyXBY=",
+      "dev": true
+    },
+    "node_modules/bc-css-flags": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/bc-css-flags/-/bc-css-flags-3.0.0.tgz",
+      "integrity": "sha1-OJWiPppx+VgE6u8V8WXVG5rV4hM="
+    },
+    "node_modules/big.js": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
+      "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/bigint-buffer": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/bigint-buffer/-/bigint-buffer-1.1.5.tgz",
+      "integrity": "sha512-trfYco6AoZ+rKhKnxA0hgX0HAbVP/s808/EuDSe2JDzUnCp/xAsli35Orvk67UrTEcwuxZqYZDmfA2RXJgxVvA==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "bindings": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
+      "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/bindings": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
+      "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
+      "license": "MIT",
+      "dependencies": {
+        "file-uri-to-path": "1.0.0"
+      }
+    },
+    "node_modules/bl": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz",
+      "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "buffer": "^5.5.0",
+        "inherits": "^2.0.4",
+        "readable-stream": "^3.4.0"
+      }
+    },
+    "node_modules/blueimp-md5": {
+      "version": "2.19.0",
+      "resolved": "https://registry.npmjs.org/blueimp-md5/-/blueimp-md5-2.19.0.tgz",
+      "integrity": "sha512-DRQrD6gJyy8FbiE4s+bDoXS9hiW3Vbx5uCdwvcCf3zLHL+Iv7LtGHLpr+GZV8rHG8tK766FGYBwRbu8pELTt+w=="
+    },
+    "node_modules/body-parser": {
+      "version": "1.20.3",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.3.tgz",
+      "integrity": "sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==",
+      "dev": true,
+      "dependencies": {
+        "bytes": "3.1.2",
+        "content-type": "~1.0.5",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "http-errors": "2.0.0",
+        "iconv-lite": "0.4.24",
+        "on-finished": "2.4.1",
+        "qs": "6.13.0",
+        "raw-body": "2.5.2",
+        "type-is": "~1.6.18",
+        "unpipe": "1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/body-parser/node_modules/bytes": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/body-parser/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/body-parser/node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/body-parser/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "dev": true
+    },
+    "node_modules/body-parser/node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "dev": true,
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/bonjour-service": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/bonjour-service/-/bonjour-service-1.2.1.tgz",
+      "integrity": "sha512-oSzCS2zV14bh2kji6vNe7vrpJYCHGvcZnlffFQ1MEoX/WOeQ/teD8SYWKR942OI3INjq8OMNJlbPK5LLLUxFDw==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "multicast-dns": "^7.2.5"
+      }
+    },
+    "node_modules/boolbase": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
+      "integrity": "sha1-aN/1++YMUes3cl6p4+0xDcwed24="
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browser-stdout": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/browser-stdout/-/browser-stdout-1.3.1.tgz",
+      "integrity": "sha512-qhAVI1+Av2X7qelOfAIYwXONood6XlZE/fXaBSmW/T5SzLAmCgzi+eiWE7fUvbHaeNBQH13UftjpXxsfLkMpgw==",
+      "dev": true
+    },
+    "node_modules/browserslist": {
+      "version": "4.25.0",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.25.0.tgz",
+      "integrity": "sha512-PJ8gYKeS5e/whHBh8xrwYK+dAvEj7JXtz6uTucnMRB8OiGTsKccFekoRrjajPBHV8oOY+2tI4uxeceSimKwMFA==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "caniuse-lite": "^1.0.30001718",
+        "electron-to-chromium": "^1.5.160",
+        "node-releases": "^2.0.19",
+        "update-browserslist-db": "^1.1.3"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/bser": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/bser/-/bser-2.1.1.tgz",
+      "integrity": "sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "node-int64": "^0.4.0"
+      }
+    },
+    "node_modules/buffer": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
+      "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.1.13"
+      }
+    },
+    "node_modules/buffer-crc32": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-1.0.0.tgz",
+      "integrity": "sha512-Db1SbgBS/fg/392AblrMJk97KggmvYhr4pB5ZIMTWtaivCPMWLkmb7m21cJvpvgK+J3nsU2CmmixNBZx4vFj/w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/buffer-equal-constant-time": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/buffer-equal-constant-time/-/buffer-equal-constant-time-1.0.1.tgz",
+      "integrity": "sha512-zRpUiDwd/xk6ADqPMATG8vc9VPrkck7T07OIx0gnjmJAnHnTVXNQG3vfvWNuiZIkwu9KrKdA1iJKfsfTVxE6NA==",
+      "dev": true
+    },
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ=="
+    },
+    "node_modules/buffers": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/buffers/-/buffers-0.1.1.tgz",
+      "integrity": "sha512-9q/rDEGSb/Qsvv2qvzIzdluL5k7AaJOTrw23z9reQthrbF7is4CtlT0DXyO1oei2DCp4uojjzQ7igaSHp1kAEQ==",
+      "engines": {
+        "node": ">=0.2.0"
+      }
+    },
+    "node_modules/builtin-modules": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-2.0.0.tgz",
+      "integrity": "sha512-3U5kUA5VPsRUA3nofm/BXX7GVHKfxz0hOBAPxXrIvHzlDRkQVqEn6yi8QJegxl4LzOHLdvb7XF5dVawa/VVYBg==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/bundle-name": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/bundle-name/-/bundle-name-4.1.0.tgz",
+      "integrity": "sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q==",
+      "dev": true,
+      "dependencies": {
+        "run-applescript": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/bytes": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
+      "integrity": "sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg=",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
+      "integrity": "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.0",
+        "es-define-property": "^1.0.0",
+        "get-intrinsic": "^1.2.4",
+        "set-function-length": "^1.2.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.1.tgz",
+      "integrity": "sha512-BhYE+WDaywFg2TBWYNXAE+8B1ATnThNBqXHP5nQu0jWJdVvY2hvkpyB3qOmtmDePiS5/BDQ8wASEWGMWRG148g==",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.3.tgz",
+      "integrity": "sha512-YTd+6wGlNlPxSuri7Y6X8tY2dmm12UMH66RpKMhiX6rsk5wXXnYgbUcOt8kiS31/AjfoTOvCsE+w8nZQLQnzHA==",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/caller-callsite": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/caller-callsite/-/caller-callsite-2.0.0.tgz",
+      "integrity": "sha512-JuG3qI4QOftFsZyOn1qq87fq5grLIyk1JYd5lJmdA+fG7aQ9pA/i3JIJGcO3q0MrRcHlOt1U+ZeHW8Dq9axALQ==",
+      "license": "MIT",
+      "dependencies": {
+        "callsites": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/caller-path": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/caller-path/-/caller-path-2.0.0.tgz",
+      "integrity": "sha512-MCL3sf6nCSXOwCTzvPKhN18TU7AHTvdtam8DAogxcrJ8Rjfbbg7Lgng64H9Iy+vUV6VGFClN/TyxBkAebLRR4A==",
+      "license": "MIT",
+      "dependencies": {
+        "caller-callsite": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-2.0.0.tgz",
+      "integrity": "sha512-ksWePWBloaWPxJYQ8TL0JHvtci6G5QTKwQ95RcWAa/lzoAKuAOflGdAK92hpHXjkwb8zLxoLNUoNYZgVsaJzvQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/camelcase": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
+      "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001724",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001724.tgz",
+      "integrity": "sha512-WqJo7p0TbHDOythNTqYujmaJTvtYRZrjpP8TCvH6Vb9CYJerJNKamKzIWOM4BkQatWj9H2lYulpdAQNBe7QhNA==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/chalk": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^3.2.1",
+        "escape-string-regexp": "^1.0.5",
+        "supports-color": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/chalk/node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/chardet": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/chardet/-/chardet-2.1.1.tgz",
+      "integrity": "sha512-PsezH1rqdV9VvyNhxxOW32/d75r01NY7TQCmOqomRo15ZSOKbpTFVsfjghxo6JloQUCGnH4k1LGu0R4yCLlWQQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/charenc": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/charenc/-/charenc-0.0.2.tgz",
+      "integrity": "sha512-yrLQ/yVUFXkzg7EDQsPieE/53+0RlaWTs+wBrvW36cyilJ2SaDWfl4Yj7MtLTXleV9uEKefbAGUPv2/iWSooRA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/cheerio": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/cheerio/-/cheerio-1.1.2.tgz",
+      "integrity": "sha512-IkxPpb5rS/d1IiLbHMgfPuS0FgiWTtFIm/Nj+2woXDLTZ7fOT2eqzgYbdMlLweqlHbsZjxEChoVK+7iph7jyQg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cheerio-select": "^2.1.0",
+        "dom-serializer": "^2.0.0",
+        "domhandler": "^5.0.3",
+        "domutils": "^3.2.2",
+        "encoding-sniffer": "^0.2.1",
+        "htmlparser2": "^10.0.0",
+        "parse5": "^7.3.0",
+        "parse5-htmlparser2-tree-adapter": "^7.1.0",
+        "parse5-parser-stream": "^7.1.2",
+        "undici": "^7.12.0",
+        "whatwg-mimetype": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=20.18.1"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/cheerio?sponsor=1"
+      }
+    },
+    "node_modules/cheerio-select": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/cheerio-select/-/cheerio-select-2.1.0.tgz",
+      "integrity": "sha512-9v9kG0LvzrlcungtnJtpGNxY+fzECQKhK4EGJX2vByejiMX84MFNQw4UxPJl3bFbTMw+Dfs37XaIkCwTZfLh4g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0",
+        "css-select": "^5.1.0",
+        "css-what": "^6.1.0",
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3",
+        "domutils": "^3.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/cheerio-select/node_modules/css-select": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.2.2.tgz",
+      "integrity": "sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0",
+        "css-what": "^6.1.0",
+        "domhandler": "^5.0.2",
+        "domutils": "^3.0.1",
+        "nth-check": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/cheerio-select/node_modules/dom-serializer": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
+      "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.2",
+        "entities": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/cheerio-select/node_modules/domhandler": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
+      "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "domelementtype": "^2.3.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/cheerio-select/node_modules/domutils": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.2.2.tgz",
+      "integrity": "sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "dom-serializer": "^2.0.0",
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
+    "node_modules/cheerio/node_modules/dom-serializer": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
+      "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.2",
+        "entities": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/cheerio/node_modules/domhandler": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
+      "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "domelementtype": "^2.3.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/cheerio/node_modules/domutils": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.2.2.tgz",
+      "integrity": "sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "dom-serializer": "^2.0.0",
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
+    "node_modules/cheerio/node_modules/undici": {
+      "version": "7.16.0",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-7.16.0.tgz",
+      "integrity": "sha512-QEg3HPMll0o3t2ourKwOeUAZ159Kn9mx5pnzHRQO8+Wixmh88YdZRiIwat0iNzNNXn0yoEtXJqFpyW7eM8BV7g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.18.1"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dev": true,
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/chokidar/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/chrome-launcher": {
+      "version": "0.15.2",
+      "resolved": "https://registry.npmjs.org/chrome-launcher/-/chrome-launcher-0.15.2.tgz",
+      "integrity": "sha512-zdLEwNo3aUVzIhKhTtXfxhdvZhUghrnmkvcAq2NoDd+LeOHKf03H5jwZ8T/STsAlzyALkBVK552iaG1fGf1xVQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@types/node": "*",
+        "escape-string-regexp": "^4.0.0",
+        "is-wsl": "^2.2.0",
+        "lighthouse-logger": "^1.0.0"
+      },
+      "bin": {
+        "print-chrome-path": "bin/print-chrome-path.js"
+      },
+      "engines": {
+        "node": ">=12.13.0"
+      }
+    },
+    "node_modules/chrome-trace-event": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz",
+      "integrity": "sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.0"
+      }
+    },
+    "node_modules/chromium-edge-launcher": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/chromium-edge-launcher/-/chromium-edge-launcher-0.2.0.tgz",
+      "integrity": "sha512-JfJjUnq25y9yg4FABRRVPmBGWPZZi+AQXT4mxupb67766/0UlhG8PAZCz6xzEMXTbW3CsSoE8PcCWA49n35mKg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@types/node": "*",
+        "escape-string-regexp": "^4.0.0",
+        "is-wsl": "^2.2.0",
+        "lighthouse-logger": "^1.0.0",
+        "mkdirp": "^1.0.4",
+        "rimraf": "^3.0.2"
+      }
+    },
+    "node_modules/ci-info": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-2.0.0.tgz",
+      "integrity": "sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ=="
+    },
+    "node_modules/circular-dependency-plugin": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/circular-dependency-plugin/-/circular-dependency-plugin-5.2.0.tgz",
+      "integrity": "sha512-7p4Kn/gffhQaavNfyDFg7LS5S/UT1JAjyGd4UqR2+jzoYF02eDkj0Ec3+48TsIa4zghjLY87nQHIh/ecK9qLdw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "peerDependencies": {
+        "webpack": ">=4.0.1"
+      }
+    },
+    "node_modules/classnames": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.1.tgz",
+      "integrity": "sha512-OlQdbZ7gLfGarSqxesMesDa5uz7KFbID8Kpq/SxIoNGDqY8lSYs0D+hhtBXhcdB3rcbXArFr7vlHheLk1voeNA=="
+    },
+    "node_modules/clean-css": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.2.4.tgz",
+      "integrity": "sha512-EJUDT7nDVFDvaQgAo2G/PJvxmp1o/c6iXLbswsBbUFXi1Nr+AjA2cKmfbKDMjMvzEe75g3P6JkaDDAKk96A85A==",
+      "dev": true,
+      "dependencies": {
+        "source-map": "~0.6.0"
+      },
+      "engines": {
+        "node": ">= 4.0"
+      }
+    },
+    "node_modules/clean-css-cli": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/clean-css-cli/-/clean-css-cli-4.3.0.tgz",
+      "integrity": "sha512-8GHZfr+mG3zB/Lgqrr27qHBFsPSn0fyEI3f2rIZpxPxUbn2J6A8xyyeBRVTW8duDuXigN0s80vsXiXJOEFIO5Q==",
+      "dev": true,
+      "dependencies": {
+        "clean-css": "^4.2.1",
+        "commander": "2.x",
+        "glob": "7.x"
+      },
+      "bin": {
+        "cleancss": "bin/cleancss"
+      },
+      "engines": {
+        "node": ">= 4.0"
+      }
+    },
+    "node_modules/clean-css-cli/node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/clean-css/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cli-cursor": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz",
+      "integrity": "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "restore-cursor": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cli-spinners": {
+      "version": "2.9.2",
+      "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.9.2.tgz",
+      "integrity": "sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cli-width": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-4.1.0.tgz",
+      "integrity": "sha512-ouuZd4/dm2Sw5Gmqy6bGyNNNe1qt9RpmxveLSO7KcgsTnU7RXfsw+/bukWGo1abgBiMAic068rclZsO4IWmmxQ==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">= 12"
+      }
+    },
+    "node_modules/clipboard-copy": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/clipboard-copy/-/clipboard-copy-4.0.1.tgz",
+      "integrity": "sha512-wOlqdqziE/NNTUJsfSgXmBMIrYmfd5V0HCGsR8uAKHcg+h9NENWINcfRjtWGU77wDHC8B8ijV4hMTGYbrKovng==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/cliui": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.1",
+        "wrap-ansi": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/clone": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz",
+      "integrity": "sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/clone-deep": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/clone-deep/-/clone-deep-4.0.1.tgz",
+      "integrity": "sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==",
+      "dependencies": {
+        "is-plain-object": "^2.0.4",
+        "kind-of": "^6.0.2",
+        "shallow-clone": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/clsx": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.1.1.tgz",
+      "integrity": "sha512-6/bPho624p3S2pMyvP5kKBPXnI3ufHLObBFCfgx+LkeR5lg2XYy2hqZqUf45ypD8COn2bhgGJSUE+l5dhNBieA==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/color": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/color/-/color-3.2.1.tgz",
+      "integrity": "sha512-aBl7dZI9ENN6fUGC7mWpMTPNHmWUSNan9tuWN6ahh5ZLNk9baLJOnSMlrQkHcrfFgz2/RigjUVAjdx36VcemKA==",
+      "dependencies": {
+        "color-convert": "^1.9.3",
+        "color-string": "^1.6.0"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+      "dependencies": {
+        "color-name": "1.1.3"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU="
+    },
+    "node_modules/color-string": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.0.tgz",
+      "integrity": "sha512-9Mrz2AQLefkH1UvASKj6v6hj/7eWgjnT/cVsR8CumieLoT+g900exWeNogqtweI8dxloXN9BDQTYro1oWu/5CQ==",
+      "dependencies": {
+        "color-name": "^1.0.0",
+        "simple-swizzle": "^0.2.2"
+      }
+    },
+    "node_modules/colorette": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/colorette/-/colorette-1.4.0.tgz",
+      "integrity": "sha512-Y2oEozpomLn7Q3HFP7dpww7AtMJplbM9lGZP6RDfHqmbeRjiwRg4n6VM6j4KLmRke85uWEI7JqF17f3pqdRA0g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/command-exists": {
+      "version": "1.2.9",
+      "resolved": "https://registry.npmjs.org/command-exists/-/command-exists-1.2.9.tgz",
+      "integrity": "sha512-LTQ/SGc+s0Xc0Fu5WaKnR0YiygZkm9eKFvyS+fRsU7/ZWFF8ykFM6Pc9aCVf1+xasOOZpO3BAVgVrKvsqKHV7w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ=="
+    },
+    "node_modules/comment-parser": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/comment-parser/-/comment-parser-1.4.1.tgz",
+      "integrity": "sha512-buhp5kePrmda3vhc5B9t7pUQXAb2Tnd0qgpkIhPhkHXxJpiPJ11H0ZEU0oBpJ2QztSbzG/ZxMj/CHsYJqRHmyg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 12.0.0"
+      }
+    },
+    "node_modules/commondir": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
+      "integrity": "sha1-3dgA2gxmEnOTzKWVDqloo6rxJTs="
+    },
+    "node_modules/compress-commons": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/compress-commons/-/compress-commons-6.0.2.tgz",
+      "integrity": "sha512-6FqVXeETqWPoGcfzrXb37E50NP0LXT8kAMu5ooZayhWWdgEY4lBEEcbQNXtkuKQsGduxiIcI4gOTsxTmuq/bSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "crc-32": "^1.2.0",
+        "crc32-stream": "^6.0.0",
+        "is-stream": "^2.0.1",
+        "normalize-path": "^3.0.0",
+        "readable-stream": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/compress-commons/node_modules/buffer": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+      "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.2.1"
+      }
+    },
+    "node_modules/compress-commons/node_modules/readable-stream": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.7.0.tgz",
+      "integrity": "sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "abort-controller": "^3.0.0",
+        "buffer": "^6.0.3",
+        "events": "^3.3.0",
+        "process": "^0.11.10",
+        "string_decoder": "^1.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/compressible": {
+      "version": "2.0.18",
+      "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
+      "integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==",
+      "dev": true,
+      "dependencies": {
+        "mime-db": ">= 1.43.0 < 2"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/compression": {
+      "version": "1.7.4",
+      "resolved": "https://registry.npmjs.org/compression/-/compression-1.7.4.tgz",
+      "integrity": "sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==",
+      "dev": true,
+      "dependencies": {
+        "accepts": "~1.3.5",
+        "bytes": "3.0.0",
+        "compressible": "~2.0.16",
+        "debug": "2.6.9",
+        "on-headers": "~1.0.2",
+        "safe-buffer": "5.1.2",
+        "vary": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/compression/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/compression/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+      "dev": true
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s="
+    },
+    "node_modules/condense-newlines": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/condense-newlines/-/condense-newlines-0.2.1.tgz",
+      "integrity": "sha512-P7X+QL9Hb9B/c8HI5BFFKmjgBu2XpQuF98WZ9XkO+dBGgk5XgwiQz7o1SmpglNWId3581UcS0SFAWfoIhMHPfg==",
+      "dev": true,
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "is-whitespace": "^0.3.0",
+        "kind-of": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/condense-newlines/node_modules/kind-of": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+      "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+      "dev": true,
+      "dependencies": {
+        "is-buffer": "^1.1.5"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/config-chain": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/config-chain/-/config-chain-1.1.13.tgz",
+      "integrity": "sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==",
+      "dev": true,
+      "dependencies": {
+        "ini": "^1.3.4",
+        "proto-list": "~1.2.1"
+      }
+    },
+    "node_modules/connect": {
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/connect/-/connect-3.7.0.tgz",
+      "integrity": "sha512-ZqRXc+tZukToSNmh5C2iWMSoV3X1YUcPbqEM4DkEG5tNQXrQUZCNVGGv3IuicnkMtPfGf3Xtp8WCXs295iQ1pQ==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "2.6.9",
+        "finalhandler": "1.1.2",
+        "parseurl": "~1.3.3",
+        "utils-merge": "1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.10.0"
+      }
+    },
+    "node_modules/connect-history-api-fallback": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/connect-history-api-fallback/-/connect-history-api-fallback-2.0.0.tgz",
+      "integrity": "sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/connect/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/connect/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "license": "MIT"
+    },
+    "node_modules/content-disposition": {
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
+      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
+      "dev": true,
+      "dependencies": {
+        "safe-buffer": "5.2.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/content-disposition/node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/content-type": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/convert-source-map": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.8.0.tgz",
+      "integrity": "sha512-+OQdjP49zViI/6i7nIJpA8rAl4sV/JdPfU9nZs3VqOwGIgizICvuN2ru6fMd+4llL0tar18UYJXfZ/TWtmhUjA==",
+      "dependencies": {
+        "safe-buffer": "~5.1.1"
+      }
+    },
+    "node_modules/cookie": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.1.tgz",
+      "integrity": "sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie-signature": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
+      "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw=",
+      "dev": true
+    },
+    "node_modules/copy-to-clipboard": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.3.3.tgz",
+      "integrity": "sha512-2KV8NhB5JqC3ky0r9PMCAZKbUHSwtEo4CwCs0KXgruG43gX5PMqDEBbVU4OUzw2MuAWUfsuFmWvEKG5QRfSnJA==",
+      "dependencies": {
+        "toggle-selection": "^1.0.6"
+      }
+    },
+    "node_modules/core-js": {
+      "version": "3.40.0",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.40.0.tgz",
+      "integrity": "sha512-7vsMc/Lty6AGnn7uFpYT56QesI5D2Y/UkgKounk87OP9Z2H9Z8kj6jzcSGAxFmUtDOS0ntK6lbQz+Nsa0Jj6mQ==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
+    "node_modules/core-js-compat": {
+      "version": "3.43.0",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.43.0.tgz",
+      "integrity": "sha512-2GML2ZsCc5LR7hZYz4AXmjQw8zuy2T//2QntwdnpuYI7jteT6GVYJL7F6C2C57R7gSYrcqVW3lAALefdbhBLDA==",
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.25.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
+    "node_modules/core-util-is": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
+      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
+      "dev": true
+    },
+    "node_modules/cosmiconfig": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-9.0.0.tgz",
+      "integrity": "sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "env-paths": "^2.2.1",
+        "import-fresh": "^3.3.0",
+        "js-yaml": "^4.1.0",
+        "parse-json": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/d-fischer"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.9.5"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/crc": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/crc/-/crc-3.2.1.tgz",
+      "integrity": "sha512-H21TaZQyic++ilBStWHntVpS2STWO37tzE0w0P5iAY1ntaPVtlZ3E6FcwltyZa6MYrEbKMxjEwXh3fBHlW8Qqw==",
+      "license": "MIT"
+    },
+    "node_modules/crc-32": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/crc-32/-/crc-32-1.2.2.tgz",
+      "integrity": "sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "crc32": "bin/crc32.njs"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/crc32-stream": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/crc32-stream/-/crc32-stream-6.0.0.tgz",
+      "integrity": "sha512-piICUB6ei4IlTv1+653yq5+KoqfBYmj9bw6LqXoOneTMDXk5nM1qt12mFW1caG3LlJXEKW1Bp0WggEmIfQB34g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "crc-32": "^1.2.0",
+        "readable-stream": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/crc32-stream/node_modules/buffer": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+      "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.2.1"
+      }
+    },
+    "node_modules/crc32-stream/node_modules/readable-stream": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.7.0.tgz",
+      "integrity": "sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "abort-controller": "^3.0.0",
+        "buffer": "^6.0.3",
+        "events": "^3.3.0",
+        "process": "^0.11.10",
+        "string_decoder": "^1.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/create-emotion": {
+      "version": "10.0.27",
+      "resolved": "https://registry.npmjs.org/create-emotion/-/create-emotion-10.0.27.tgz",
+      "integrity": "sha512-fIK73w82HPPn/RsAij7+Zt8eCE8SptcJ3WoRMfxMtjteYxud8GDTKKld7MYwAX2TVhrw29uR1N/bVGxeStHILg==",
+      "dependencies": {
+        "@emotion/cache": "^10.0.27",
+        "@emotion/serialize": "^0.11.15",
+        "@emotion/sheet": "0.9.4",
+        "@emotion/utils": "0.11.3"
+      }
+    },
+    "node_modules/create-emotion/node_modules/@emotion/cache": {
+      "version": "10.0.29",
+      "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-10.0.29.tgz",
+      "integrity": "sha512-fU2VtSVlHiF27empSbxi1O2JFdNWZO+2NFHfwO0pxgTep6Xa3uGb+3pVKfLww2l/IBGLNEZl5Xf/++A4wAYDYQ==",
+      "dependencies": {
+        "@emotion/sheet": "0.9.4",
+        "@emotion/stylis": "0.8.5",
+        "@emotion/utils": "0.11.3",
+        "@emotion/weak-memoize": "0.2.5"
+      }
+    },
+    "node_modules/create-wdio": {
+      "version": "9.21.0",
+      "resolved": "https://registry.npmjs.org/create-wdio/-/create-wdio-9.21.0.tgz",
+      "integrity": "sha512-L6gsQLArY3AH5uTGpf3VfUezIsmZKufkF3ixSWqCuA/m458YVKeGghu1bBOWBdDIzqa6GX4e29dv0uVam0CTpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^5.3.0",
+        "commander": "^14.0.0",
+        "cross-spawn": "^7.0.3",
+        "ejs": "^3.1.10",
+        "execa": "^9.6.0",
+        "import-meta-resolve": "^4.1.0",
+        "inquirer": "^12.7.0",
+        "normalize-package-data": "^7.0.0",
+        "read-pkg-up": "^10.1.0",
+        "recursive-readdir": "^2.2.3",
+        "semver": "^7.6.3",
+        "type-fest": "^4.41.0",
+        "yargs": "^17.7.2"
+      },
+      "bin": {
+        "create-wdio": "bin/wdio.js"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/create-wdio/node_modules/chalk": {
+      "version": "5.6.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz",
+      "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/create-wdio/node_modules/commander": {
+      "version": "14.0.2",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-14.0.2.tgz",
+      "integrity": "sha512-TywoWNNRbhoD0BXs1P3ZEScW8W5iKrnbithIl0YH+uCmBd0QpPOA8yc82DS3BIE5Ma6FnBVUsJ7wVUDz4dvOWQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/create-wdio/node_modules/execa": {
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-9.6.1.tgz",
+      "integrity": "sha512-9Be3ZoN4LmYR90tUoVu2te2BsbzHfhJyfEiAVfz7N5/zv+jduIfLrV2xdQXOHbaD6KgpGdO9PRPM1Y4Q9QkPkA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sindresorhus/merge-streams": "^4.0.0",
+        "cross-spawn": "^7.0.6",
+        "figures": "^6.1.0",
+        "get-stream": "^9.0.0",
+        "human-signals": "^8.0.1",
+        "is-plain-obj": "^4.1.0",
+        "is-stream": "^4.0.1",
+        "npm-run-path": "^6.0.0",
+        "pretty-ms": "^9.2.0",
+        "signal-exit": "^4.1.0",
+        "strip-final-newline": "^4.0.0",
+        "yoctocolors": "^2.1.1"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.5.0"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/execa?sponsor=1"
+      }
+    },
+    "node_modules/create-wdio/node_modules/get-stream": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-9.0.1.tgz",
+      "integrity": "sha512-kVCxPF3vQM/N0B1PmoqVUqgHP+EeVjmZSQn+1oCRPxd2P21P2F19lIgbR3HBosbB1PUhOAoctJnfEn2GbN2eZA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sec-ant/readable-stream": "^0.4.1",
+        "is-stream": "^4.0.1"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/create-wdio/node_modules/hosted-git-info": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-8.1.0.tgz",
+      "integrity": "sha512-Rw/B2DNQaPBICNXEm8balFz9a6WpZrkCGpcWFpy7nCj+NyhSdqXipmfvtmWt9xGfp0wZnBxB+iVpLmQMYt47Tw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "lru-cache": "^10.0.1"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/create-wdio/node_modules/human-signals": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-8.0.1.tgz",
+      "integrity": "sha512-eKCa6bwnJhvxj14kZk5NCPc6Hb6BdsU9DZcOnmQKSnO1VKrfV0zCvtttPZUsBvjmNDn8rpcJfpwSYnHBjc95MQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/create-wdio/node_modules/is-plain-obj": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
+      "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/create-wdio/node_modules/is-stream": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-4.0.1.tgz",
+      "integrity": "sha512-Dnz92NInDqYckGEUJv689RbRiTSEHCQ7wOVeALbkOz999YpqT46yMRIGtSNl2iCL1waAZSx40+h59NV/EwzV/A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/create-wdio/node_modules/lru-cache": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
+      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/create-wdio/node_modules/normalize-package-data": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-7.0.1.tgz",
+      "integrity": "sha512-linxNAT6M0ebEYZOx2tO6vBEFsVgnPpv+AVjk0wJHfaUIbq31Jm3T6vvZaarnOeWDh8ShnwXuaAyM7WT3RzErA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "hosted-git-info": "^8.0.0",
+        "semver": "^7.3.5",
+        "validate-npm-package-license": "^3.0.4"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/create-wdio/node_modules/npm-run-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-6.0.0.tgz",
+      "integrity": "sha512-9qny7Z9DsQU8Ou39ERsPU4OZQlSTP47ShQzuKZ6PRXpYLtIFgl/DEBYEXKlvcEa+9tHVcK8CF81Y2V72qaZhWA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^4.0.0",
+        "unicorn-magic": "^0.3.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/create-wdio/node_modules/path-key": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-4.0.0.tgz",
+      "integrity": "sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/create-wdio/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/create-wdio/node_modules/signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/create-wdio/node_modules/strip-final-newline": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-4.0.0.tgz",
+      "integrity": "sha512-aulFJcD6YK8V1G7iRB5tigAP4TsHBZZrOV8pjV++zdUwmeV8uzbY7yn6h9MswN62adStNZFuCIx4haBnRuMDaw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/create-wdio/node_modules/type-fest": {
+      "version": "4.41.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.41.0.tgz",
+      "integrity": "sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cross-fetch": {
+      "version": "3.1.6",
+      "resolved": "https://registry.npmjs.org/cross-fetch/-/cross-fetch-3.1.6.tgz",
+      "integrity": "sha512-riRvo06crlE8HiqOwIpQhxwdOk4fOeR7FVM/wXoxchFEqMNUjvbs3bfo4OTgMEMHzppd4DxFBDbyySj8Cv781g==",
+      "dependencies": {
+        "node-fetch": "^2.6.11"
+      }
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/crypt": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/crypt/-/crypt-0.0.2.tgz",
+      "integrity": "sha512-mCxBlsHFYh9C+HVpiEacem8FEBnMXgU9gy4zmNC+SXAZNB/1idgp/aulFJ4FgCi7GPEVbfyng092GqL2k2rmow==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/css-in-js-utils": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/css-in-js-utils/-/css-in-js-utils-3.1.0.tgz",
+      "integrity": "sha512-fJAcud6B3rRu+KHYk+Bwf+WFL2MDCJJ1XG9x137tJQ0xYxor7XziQtuGFbWNdqrvF4Tk26O3H73nfVqXt/fW1A==",
+      "dependencies": {
+        "hyphenate-style-name": "^1.0.3"
+      }
+    },
+    "node_modules/css-loader": {
+      "version": "6.8.1",
+      "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.8.1.tgz",
+      "integrity": "sha512-xDAXtEVGlD0gJ07iclwWVkLoZOpEvAWaSyf6W18S2pOC//K8+qUDIx8IIT3D+HjnmkJPQeesOPv5aiUaJsCM2g==",
+      "dev": true,
+      "dependencies": {
+        "icss-utils": "^5.1.0",
+        "postcss": "^8.4.21",
+        "postcss-modules-extract-imports": "^3.0.0",
+        "postcss-modules-local-by-default": "^4.0.3",
+        "postcss-modules-scope": "^3.0.0",
+        "postcss-modules-values": "^4.0.0",
+        "postcss-value-parser": "^4.2.0",
+        "semver": "^7.3.8"
+      },
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.0.0"
+      }
+    },
+    "node_modules/css-select": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-4.3.0.tgz",
+      "integrity": "sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==",
+      "dependencies": {
+        "boolbase": "^1.0.0",
+        "css-what": "^6.0.1",
+        "domhandler": "^4.3.1",
+        "domutils": "^2.8.0",
+        "nth-check": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/css-shorthand-properties": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/css-shorthand-properties/-/css-shorthand-properties-1.1.2.tgz",
+      "integrity": "sha512-C2AugXIpRGQTxaCW0N7n5jD/p5irUmCrwl03TrnMFBHDbdq44CFWR2zO7rK9xPN4Eo3pUxC4vQzQgbIpzrD1PQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/css-tree": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.3.tgz",
+      "integrity": "sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==",
+      "dependencies": {
+        "mdn-data": "2.0.14",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/css-tree/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/css-value": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/css-value/-/css-value-0.0.1.tgz",
+      "integrity": "sha512-FUV3xaJ63buRLgHrLQVlVgQnQdR4yqdLGaDu7g8CQcWjInDfM9plBTPI9FRfpahju1UBSaMckeb2/46ApS/V1Q==",
+      "dev": true
+    },
+    "node_modules/css-what": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz",
+      "integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==",
+      "engines": {
+        "node": ">= 6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true,
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/csso": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/csso/-/csso-4.2.0.tgz",
+      "integrity": "sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==",
+      "dependencies": {
+        "css-tree": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
+      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
+    },
+    "node_modules/csv-stringify": {
+      "version": "6.5.1",
+      "resolved": "https://registry.npmjs.org/csv-stringify/-/csv-stringify-6.5.1.tgz",
+      "integrity": "sha512-+9lpZfwpLntpTIEpFbwQyWuW/hmI/eHuJZD1XzeZpfZTqkf1fyvBbBLXTJJMsBuuS11uTShMqPwzx4A6ffXgRQ==",
+      "dev": true
+    },
+    "node_modules/current-executing-script": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/current-executing-script/-/current-executing-script-0.1.3.tgz",
+      "integrity": "sha512-j1nG9I8jaHWniUxJGYkjF3jS98a/mU8tC971XJdrLXKRKSnwNgztd7pHElwdcfJwbQHvJeC9HhUz9NFE8or92g=="
+    },
+    "node_modules/data-uri-to-buffer": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-6.0.2.tgz",
+      "integrity": "sha512-7hvf7/GW8e86rW0ptuwS3OcBGDjIi6SZva7hCyWC0yYry2cOPmLIjXAUHI6DK2HsnwJd9ifmt57i8eV2n4YNpw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/data-view-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.2.tgz",
+      "integrity": "sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/data-view-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz",
+      "integrity": "sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/inspect-js"
+      }
+    },
+    "node_modules/data-view-byte-offset": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz",
+      "integrity": "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/dateformat": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/dateformat/-/dateformat-1.0.11.tgz",
+      "integrity": "sha512-5zcI+Qoul0QgiCcjzsobs9G1c+vHCNaYB2NGa57ZbVnP7bZeKJJgoM/K+I/obaHAmyEL0J8hJafbQ+HFSZnzZA==",
+      "dependencies": {
+        "get-stdin": "*",
+        "meow": "*"
+      },
+      "bin": {
+        "dateformat": "bin/cli.js"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/dayjs": {
+      "version": "1.11.13",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.13.tgz",
+      "integrity": "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==",
+      "license": "MIT"
+    },
+    "node_modules/debug": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/decamelize": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+      "integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/decode-uri-component": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.2.tgz",
+      "integrity": "sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/deepmerge": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-3.3.0.tgz",
+      "integrity": "sha512-GRQOafGHwMHpjPx9iCvTgpu9NojZ49q794EEL94JVEw6VaeA8XTUyBKvAkOOjBX9oJNiV6G3P+T+tihFjo2TqA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/deepmerge-ts": {
+      "version": "7.1.5",
+      "resolved": "https://registry.npmjs.org/deepmerge-ts/-/deepmerge-ts-7.1.5.tgz",
+      "integrity": "sha512-HOJkrhaYsweh+W+e74Yn7YStZOilkoPb6fycpwNLKzSPtruFs48nYis0zy5yJz1+ktUhHxoRDJ27RQAWLIJVJw==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/default-browser": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/default-browser/-/default-browser-5.2.1.tgz",
+      "integrity": "sha512-WY/3TUME0x3KPYdRRxEJJvXRHV4PyPoUsxtZa78lwItwRQRHhd2U9xOscaT/YTf8uCXIAjeJOFBVEh/7FtD8Xg==",
+      "dev": true,
+      "dependencies": {
+        "bundle-name": "^4.1.0",
+        "default-browser-id": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/default-browser-id": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/default-browser-id/-/default-browser-id-5.0.0.tgz",
+      "integrity": "sha512-A6p/pu/6fyBcA1TRz/GqWYPViplrftcW2gZC9q79ngNCKAeR/X3gcEdXQHl4KNXV+3wgIJ1CPkJQ3IHM6lcsyA==",
+      "dev": true,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/defaults": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.4.tgz",
+      "integrity": "sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "clone": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/define-lazy-prop": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-3.0.0.tgz",
+      "integrity": "sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/degenerator": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/degenerator/-/degenerator-5.0.1.tgz",
+      "integrity": "sha512-TllpMR/t0M5sqCXfj85i4XaAzxmS5tVA16dqvdkMwGmzI+dXLXnw3J+3Vdv7VKw+ThlTMboK6i9rnZ6Nntj5CQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ast-types": "^0.13.4",
+        "escodegen": "^2.1.0",
+        "esprima": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/degenerator/node_modules/ast-types": {
+      "version": "0.13.4",
+      "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.13.4.tgz",
+      "integrity": "sha512-x1FCFnFifvYDDzTaLII71vG5uvDwgtmDTEVWAxrgeiR8VjMONcCXJx7E+USjDtHlwFmt9MysbqgF9b9Vjr6w+w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/depd": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
+      "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/destroy": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
+      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/detect-node": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/detect-node/-/detect-node-2.1.0.tgz",
+      "integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==",
+      "dev": true
+    },
+    "node_modules/detect-node-es": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz",
+      "integrity": "sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ=="
+    },
+    "node_modules/diacritics": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/diacritics/-/diacritics-1.3.0.tgz",
+      "integrity": "sha1-PvqHMj67hj5mls67AILUj/PW96E="
+    },
+    "node_modules/diff": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/diff/-/diff-8.0.2.tgz",
+      "integrity": "sha512-sSuxWU5j5SR9QQji/o2qMvqRNYRDOcBTgsJ/DeCf4iSN4gW+gNMXM7wFIP+fdXZxoNiAnHUTGjCr+TSWXdRDKg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.3.1"
+      }
+    },
+    "node_modules/dir-glob": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
+      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
+      "dev": true,
+      "dependencies": {
+        "path-type": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/dns-packet": {
+      "version": "5.6.1",
+      "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-5.6.1.tgz",
+      "integrity": "sha512-l4gcSouhcgIKRvyy99RNVOgxXiicE+2jZoNmaNmZ6JXiGajBOJAesk1OBlJuM5k2c+eudGdLxDqXuPCKIj6kpw==",
+      "dev": true,
+      "dependencies": {
+        "@leichtgewicht/ip-codec": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/doctrine": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+      "dev": true,
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/dom-serializer": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
+      "integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==",
+      "dependencies": {
+        "domelementtype": "^2.0.1",
+        "domhandler": "^4.2.0",
+        "entities": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/dom-serializer/node_modules/entities": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
+      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/domelementtype": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ]
+    },
+    "node_modules/domhandler": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz",
+      "integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==",
+      "dependencies": {
+        "domelementtype": "^2.2.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/dompurify": {
+      "version": "3.2.6",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.2.6.tgz",
+      "integrity": "sha512-/2GogDQlohXPZe6D6NOgQvXLPSYBqIWMnZ8zzOhn09REE4eyAzb+Hed3jhoM9OkuaJ8P6ZGTTVWQKAi8ieIzfQ==",
+      "license": "(MPL-2.0 OR Apache-2.0)",
+      "optionalDependencies": {
+        "@types/trusted-types": "^2.0.7"
+      }
+    },
+    "node_modules/domutils": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
+      "integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==",
+      "dependencies": {
+        "dom-serializer": "^1.0.1",
+        "domelementtype": "^2.2.0",
+        "domhandler": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
+    "node_modules/dot-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz",
+      "integrity": "sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==",
+      "dependencies": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/dotenv": {
+      "version": "17.2.3",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-17.2.3.tgz",
+      "integrity": "sha512-JVUnt+DUIzu87TABbhPmNfVdBDt18BLOWjMUFJMSi/Qqg7NTYtabbvSNJGOJ7afbRuv9D/lngizHtP7QyLQ+9w==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://dotenvx.com"
+      }
+    },
+    "node_modules/dropbox": {
+      "version": "10.7.0",
+      "resolved": "https://registry.npmjs.org/dropbox/-/dropbox-10.7.0.tgz",
+      "integrity": "sha512-btNLOYHxukACfnkEUNhlTPCnkecfbL89mrPU3RMKAWdCQXM18aRLm+t+0xIpzvRUSGeXPER+3d+QJk5Wi+4QGw==",
+      "dependencies": {
+        "node-fetch": "^2.6.1"
+      },
+      "engines": {
+        "node": ">=0.10.3"
+      },
+      "peerDependencies": {
+        "@types/node-fetch": "^2.5.7"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/duplexer": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/duplexer/-/duplexer-0.1.2.tgz",
+      "integrity": "sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==",
+      "dev": true
+    },
+    "node_modules/eastasianwidth": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
+      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA=="
+    },
+    "node_modules/ebml": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/ebml/-/ebml-3.0.0.tgz",
+      "integrity": "sha512-Q6C1u4/TX1nYipT9HNIopp95YyyyI0zs1GXdNRKO7XL7k+oo+ZtDc1CaJjpCdmlLxWsnlKBOXJCXkYU0K/Anlg==",
+      "license": "MIT",
+      "dependencies": {
+        "buffers": "^0.1.1",
+        "debug": "~3.1.0"
+      },
+      "engines": {
+        "node": ">= 6.4"
+      }
+    },
+    "node_modules/ebml-block": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/ebml-block/-/ebml-block-1.1.2.tgz",
+      "integrity": "sha512-HgNlIsRFP6D9VKU5atCeHRJY7XkJP8bOe8yEhd8NB7B3b4++VWTyauz6g650iiPmLfPLGlVpoJmGSgMfXDYusg==",
+      "license": "MIT"
+    },
+    "node_modules/ebml/node_modules/debug": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+      "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/ebml/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "license": "MIT"
+    },
+    "node_modules/ecdsa-sig-formatter": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/ecdsa-sig-formatter/-/ecdsa-sig-formatter-1.0.11.tgz",
+      "integrity": "sha512-nagl3RYrbNv6kQkeJIpt6NJZy8twLB/2vtz6yN9Z4vRKHN4/QZJIEbqohALSgwKdnksuY3k5Addp5lg8sVoVcQ==",
+      "dev": true,
+      "dependencies": {
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/edge-paths": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/edge-paths/-/edge-paths-3.0.5.tgz",
+      "integrity": "sha512-sB7vSrDnFa4ezWQk9nZ/n0FdpdUuC6R1EOrlU3DL+bovcNFK28rqu2emmAUjujYEJTWIgQGqgVVWUZXMnc8iWg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/which": "^2.0.1",
+        "which": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/shirshak55"
+      }
+    },
+    "node_modules/edgedriver": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/edgedriver/-/edgedriver-6.2.0.tgz",
+      "integrity": "sha512-49G6010o0VYXUMNi5OvxqE9O/kazs0qmJVqHcSHNvp1VfojO21Kb/NaJN40uy11yrlGHRp7y6a372xoCnShzlA==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "dependencies": {
+        "@wdio/logger": "^9.18.0",
+        "@zip.js/zip.js": "^2.8.11",
+        "decamelize": "^6.0.1",
+        "edge-paths": "^3.0.5",
+        "fast-xml-parser": "^5.3.2",
+        "http-proxy-agent": "^7.0.2",
+        "https-proxy-agent": "^7.0.6",
+        "which": "^6.0.0"
+      },
+      "bin": {
+        "edgedriver": "bin/edgedriver.js"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      }
+    },
+    "node_modules/edgedriver/node_modules/decamelize": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-6.0.1.tgz",
+      "integrity": "sha512-G7Cqgaelq68XHJNGlZ7lrNQyhZGsFqpwtGFexqUv4IQdjKoSYF7ipZ9UuTJZUSQXFj/XaoBLuEVIVqr8EJngEQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/edgedriver/node_modules/fast-xml-parser": {
+      "version": "5.3.3",
+      "resolved": "https://registry.npmjs.org/fast-xml-parser/-/fast-xml-parser-5.3.3.tgz",
+      "integrity": "sha512-2O3dkPAAC6JavuMm8+4+pgTk+5hoAs+CjZ+sWcQLkX9+/tHRuTkQh/Oaifr8qDmZ8iEHb771Ea6G8CdwkrgvYA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/NaturalIntelligence"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "strnum": "^2.1.0"
+      },
+      "bin": {
+        "fxparser": "src/cli/cli.js"
+      }
+    },
+    "node_modules/edgedriver/node_modules/isexe": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz",
+      "integrity": "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/edgedriver/node_modules/strnum": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/strnum/-/strnum-2.1.2.tgz",
+      "integrity": "sha512-l63NF9y/cLROq/yqKXSLtcMeeyOfnSQlfMSlzFt/K73oIaD8DGaQWd7Z34X9GPiKqP5rbSh84Hl4bOlLcjiSrQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/NaturalIntelligence"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/edgedriver/node_modules/which": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/which/-/which-6.0.0.tgz",
+      "integrity": "sha512-f+gEpIKMR9faW/JgAgPK1D7mekkFoqbmiwvNzuhsHetni20QSgzg9Vhn0g2JSJkkfehQnqdUAx7/e15qS1lPxg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^3.1.1"
+      },
+      "bin": {
+        "node-which": "bin/which.js"
+      },
+      "engines": {
+        "node": "^20.17.0 || >=22.9.0"
+      }
+    },
+    "node_modules/editorconfig": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/editorconfig/-/editorconfig-1.0.4.tgz",
+      "integrity": "sha512-L9Qe08KWTlqYMVvMcTIvMAdl1cDUubzRNYL+WfA4bLDMHe4nemKkpmYzkznE1FwLKu0EEmy6obgQKzMJrg4x9Q==",
+      "dev": true,
+      "dependencies": {
+        "@one-ini/wasm": "0.1.1",
+        "commander": "^10.0.0",
+        "minimatch": "9.0.1",
+        "semver": "^7.5.3"
+      },
+      "bin": {
+        "editorconfig": "bin/editorconfig"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/editorconfig/node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/editorconfig/node_modules/commander": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-10.0.1.tgz",
+      "integrity": "sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==",
+      "dev": true,
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/editorconfig/node_modules/minimatch": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.1.tgz",
+      "integrity": "sha512-0jWhJpD/MdhPXwPuiRkCbfYfSKp2qnn2eOc279qI7f+osl/l+prKSrvhg157zSYvx/1nmgn2NqdT6k2Z7zSH9w==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0="
+    },
+    "node_modules/ejs": {
+      "version": "3.1.10",
+      "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.10.tgz",
+      "integrity": "sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "jake": "^10.8.5"
+      },
+      "bin": {
+        "ejs": "bin/cli.js"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.171",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.171.tgz",
+      "integrity": "sha512-scWpzXEJEMrGJa4Y6m/tVotb0WuvNmasv3wWVzUAeCgKU0ToFOhUW6Z+xWnRQANMYGxN4ngJXIThgBJOqzVPCQ==",
+      "license": "ISC"
+    },
+    "node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "license": "MIT"
+    },
+    "node_modules/emojis-list": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
+      "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/emotion": {
+      "version": "10.0.27",
+      "resolved": "https://registry.npmjs.org/emotion/-/emotion-10.0.27.tgz",
+      "integrity": "sha512-2xdDzdWWzue8R8lu4G76uWX5WhyQuzATon9LmNeCy/2BHVC6dsEpfhN1a0qhELgtDVdjyEA6J8Y/VlI5ZnaH0g==",
+      "dependencies": {
+        "babel-plugin-emotion": "^10.0.27",
+        "create-emotion": "^10.0.27"
+      }
+    },
+    "node_modules/encodeurl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+      "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/encoding-sniffer": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/encoding-sniffer/-/encoding-sniffer-0.2.1.tgz",
+      "integrity": "sha512-5gvq20T6vfpekVtqrYQsSCFZ1wEg5+wW0/QaZMWkFr6BqD3NfKs0rLCx4rrVlSWJeZb5NBJgVLswK/w2MWU+Gw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "iconv-lite": "^0.6.3",
+        "whatwg-encoding": "^3.1.1"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/encoding-sniffer?sponsor=1"
+      }
+    },
+    "node_modules/encoding-sniffer/node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/end-of-stream": {
+      "version": "1.4.5",
+      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.5.tgz",
+      "integrity": "sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "once": "^1.4.0"
+      }
+    },
+    "node_modules/enhanced-resolve": {
+      "version": "5.17.1",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.17.1.tgz",
+      "integrity": "sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/env-paths": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz",
+      "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/envinfo": {
+      "version": "7.13.0",
+      "resolved": "https://registry.npmjs.org/envinfo/-/envinfo-7.13.0.tgz",
+      "integrity": "sha512-cvcaMr7KqXVh4nyzGTVqTum+gAiL265x5jUWQIDLq//zOGbW+gSW/C+OWLleY/rs9Qole6AZLMXPbtIFQbqu+Q==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "envinfo": "dist/cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/error-ex": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
+      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+      "dependencies": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "node_modules/error-stack-parser": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/error-stack-parser/-/error-stack-parser-2.0.7.tgz",
+      "integrity": "sha512-chLOW0ZGRf4s8raLrDxa5sdkvPec5YdvwbFnqJme4rk0rFajP8mPtrDL1+I+CwrQDCjswDA5sREX7jYQDQs9vA==",
+      "dependencies": {
+        "stackframe": "^1.1.1"
+      }
+    },
+    "node_modules/errorhandler": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/errorhandler/-/errorhandler-1.5.1.tgz",
+      "integrity": "sha512-rcOwbfvP1WTViVoUjcfZicVzjhjTuhSMntHh6mW3IrEiyE6mJyXvsToJUJGlGlw/2xU9P5whlWNGlIDVeCiT4A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "accepts": "~1.3.7",
+        "escape-html": "~1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/es-abstract": {
+      "version": "1.23.9",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.9.tgz",
+      "integrity": "sha512-py07lI0wjxAC/DcfK1S6G7iANonniZwTISvdPzk9hzeH0IZIshbuuFxLIU96OyF89Yb9hiqWn8M/bY83KY5vzA==",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.2",
+        "arraybuffer.prototype.slice": "^1.0.4",
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "data-view-buffer": "^1.0.2",
+        "data-view-byte-length": "^1.0.2",
+        "data-view-byte-offset": "^1.0.1",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "es-set-tostringtag": "^2.1.0",
+        "es-to-primitive": "^1.3.0",
+        "function.prototype.name": "^1.1.8",
+        "get-intrinsic": "^1.2.7",
+        "get-proto": "^1.0.0",
+        "get-symbol-description": "^1.1.0",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "internal-slot": "^1.1.0",
+        "is-array-buffer": "^3.0.5",
+        "is-callable": "^1.2.7",
+        "is-data-view": "^1.0.2",
+        "is-regex": "^1.2.1",
+        "is-shared-array-buffer": "^1.0.4",
+        "is-string": "^1.1.1",
+        "is-typed-array": "^1.1.15",
+        "is-weakref": "^1.1.0",
+        "math-intrinsics": "^1.1.0",
+        "object-inspect": "^1.13.3",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.7",
+        "own-keys": "^1.0.1",
+        "regexp.prototype.flags": "^1.5.3",
+        "safe-array-concat": "^1.1.3",
+        "safe-push-apply": "^1.0.0",
+        "safe-regex-test": "^1.1.0",
+        "set-proto": "^1.0.0",
+        "string.prototype.trim": "^1.2.10",
+        "string.prototype.trimend": "^1.0.9",
+        "string.prototype.trimstart": "^1.0.8",
+        "typed-array-buffer": "^1.0.3",
+        "typed-array-byte-length": "^1.0.3",
+        "typed-array-byte-offset": "^1.0.4",
+        "typed-array-length": "^1.0.7",
+        "unbox-primitive": "^1.1.0",
+        "which-typed-array": "^1.1.18"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-iterator-helpers": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.2.1.tgz",
+      "integrity": "sha512-uDn+FE1yrDzyC0pCo961B2IHbdM8y/ACZsKD4dG6WqrjV53BADjwa7D+1aom2rsNVfLyDgU/eigvlJGJ08OQ4w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.6",
+        "es-errors": "^1.3.0",
+        "es-set-tostringtag": "^2.0.3",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.6",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "internal-slot": "^1.1.0",
+        "iterator.prototype": "^1.1.4",
+        "safe-array-concat": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-module-lexer": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.5.4.tgz",
+      "integrity": "sha512-MVNK56NiMrOwitFB7cqDwq0CQutbw+0BvLshJSse0MUNU+y1FC3bUS/AQg7oUng+/wKrrki7JfmwtVHkVfPLlw==",
+      "dev": true
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.0.0.tgz",
+      "integrity": "sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-shim-unscopables": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz",
+      "integrity": "sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.0"
+      }
+    },
+    "node_modules/es-to-primitive": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.0.tgz",
+      "integrity": "sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==",
+      "dependencies": {
+        "is-callable": "^1.2.7",
+        "is-date-object": "^1.0.5",
+        "is-symbol": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.2.tgz",
+      "integrity": "sha512-16854zccKPnC+toMywC+uKNeYSv+/eXkevRAfwRD/G9Cleq66m8XFIrigkbvauLLlCfDL45Q2cWegSg53gGBnQ==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.25.2",
+        "@esbuild/android-arm": "0.25.2",
+        "@esbuild/android-arm64": "0.25.2",
+        "@esbuild/android-x64": "0.25.2",
+        "@esbuild/darwin-arm64": "0.25.2",
+        "@esbuild/darwin-x64": "0.25.2",
+        "@esbuild/freebsd-arm64": "0.25.2",
+        "@esbuild/freebsd-x64": "0.25.2",
+        "@esbuild/linux-arm": "0.25.2",
+        "@esbuild/linux-arm64": "0.25.2",
+        "@esbuild/linux-ia32": "0.25.2",
+        "@esbuild/linux-loong64": "0.25.2",
+        "@esbuild/linux-mips64el": "0.25.2",
+        "@esbuild/linux-ppc64": "0.25.2",
+        "@esbuild/linux-riscv64": "0.25.2",
+        "@esbuild/linux-s390x": "0.25.2",
+        "@esbuild/linux-x64": "0.25.2",
+        "@esbuild/netbsd-arm64": "0.25.2",
+        "@esbuild/netbsd-x64": "0.25.2",
+        "@esbuild/openbsd-arm64": "0.25.2",
+        "@esbuild/openbsd-x64": "0.25.2",
+        "@esbuild/sunos-x64": "0.25.2",
+        "@esbuild/win32-arm64": "0.25.2",
+        "@esbuild/win32-ia32": "0.25.2",
+        "@esbuild/win32-x64": "0.25.2"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg="
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/escodegen": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-2.1.0.tgz",
+      "integrity": "sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esprima": "^4.0.1",
+        "estraverse": "^5.2.0",
+        "esutils": "^2.0.2"
+      },
+      "bin": {
+        "escodegen": "bin/escodegen.js",
+        "esgenerate": "bin/esgenerate.js"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "optionalDependencies": {
+        "source-map": "~0.6.1"
+      }
+    },
+    "node_modules/escodegen/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "optional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.0.tgz",
+      "integrity": "sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==",
+      "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@eslint-community/regexpp": "^4.6.1",
+        "@eslint/eslintrc": "^2.1.4",
+        "@eslint/js": "8.57.0",
+        "@humanwhocodes/config-array": "^0.11.14",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@nodelib/fs.walk": "^1.2.8",
+        "@ungap/structured-clone": "^1.2.0",
+        "ajv": "^6.12.4",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.2",
+        "debug": "^4.3.2",
+        "doctrine": "^3.0.0",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^7.2.2",
+        "eslint-visitor-keys": "^3.4.3",
+        "espree": "^9.6.1",
+        "esquery": "^1.4.2",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^6.0.1",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "globals": "^13.19.0",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "is-path-inside": "^3.0.3",
+        "js-yaml": "^4.1.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "levn": "^0.4.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.2",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3",
+        "strip-ansi": "^6.0.1",
+        "text-table": "^0.2.0"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-import-resolver-node": {
+      "version": "0.3.9",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
+      "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^3.2.7",
+        "is-core-module": "^2.13.0",
+        "resolve": "^1.22.4"
+      }
+    },
+    "node_modules/eslint-import-resolver-node/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-import-resolver-node/node_modules/resolve": {
+      "version": "1.22.10",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.10.tgz",
+      "integrity": "sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-core-module": "^2.16.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/eslint-module-utils": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.12.0.tgz",
+      "integrity": "sha512-wALZ0HFoytlyh/1+4wuZ9FJCD/leWHQzzrxJ8+rebyReSLk7LApMyd3WJaLVoN+D5+WIdJyDK1c6JnE65V4Zyg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^3.2.7"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependenciesMeta": {
+        "eslint": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-module-utils/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-import": {
+      "version": "2.31.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.31.0.tgz",
+      "integrity": "sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rtsao/scc": "^1.1.0",
+        "array-includes": "^3.1.8",
+        "array.prototype.findlastindex": "^1.2.5",
+        "array.prototype.flat": "^1.3.2",
+        "array.prototype.flatmap": "^1.3.2",
+        "debug": "^3.2.7",
+        "doctrine": "^2.1.0",
+        "eslint-import-resolver-node": "^0.3.9",
+        "eslint-module-utils": "^2.12.0",
+        "hasown": "^2.0.2",
+        "is-core-module": "^2.15.1",
+        "is-glob": "^4.0.3",
+        "minimatch": "^3.1.2",
+        "object.fromentries": "^2.0.8",
+        "object.groupby": "^1.0.3",
+        "object.values": "^1.2.0",
+        "semver": "^6.3.1",
+        "string.prototype.trimend": "^1.0.8",
+        "tsconfig-paths": "^3.15.0"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/eslint-plugin-jsdoc": {
+      "version": "50.6.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsdoc/-/eslint-plugin-jsdoc-50.6.1.tgz",
+      "integrity": "sha512-UWyaYi6iURdSfdVVqvfOs2vdCVz0J40O/z/HTsv2sFjdjmdlUI/qlKLOTmwbPQ2tAfQnE5F9vqx+B+poF71DBQ==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@es-joy/jsdoccomment": "~0.49.0",
+        "are-docs-informative": "^0.0.2",
+        "comment-parser": "1.4.1",
+        "debug": "^4.3.6",
+        "escape-string-regexp": "^4.0.0",
+        "espree": "^10.1.0",
+        "esquery": "^1.6.0",
+        "parse-imports": "^2.1.1",
+        "semver": "^7.6.3",
+        "spdx-expression-parse": "^4.0.0",
+        "synckit": "^0.9.1"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0 || ^9.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-jsdoc/node_modules/debug": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
+      "integrity": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-plugin-jsdoc/node_modules/eslint-visitor-keys": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz",
+      "integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-plugin-jsdoc/node_modules/espree": {
+      "version": "10.3.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-10.3.0.tgz",
+      "integrity": "sha512-0QYC8b24HWY8zjRnDTL6RiHfDbAWn63qb4LMj1Z4b076A4une81+z03Kg7l7mn/48PUTqoLptSXez8oknU8Clg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.14.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^4.2.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-plugin-jsdoc/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/eslint-plugin-jsdoc/node_modules/semver": {
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/eslint-plugin-jsdoc/node_modules/spdx-expression-parse": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-4.0.0.tgz",
+      "integrity": "sha512-Clya5JIij/7C6bRR22+tnGXbc4VKlibKSVj2iHvVeX5iMW7s1SIQlqu699JkODJJIhh/pUu8L0/VLh8xflD+LQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "spdx-exceptions": "^2.1.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-react": {
+      "version": "7.37.3",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.3.tgz",
+      "integrity": "sha512-DomWuTQPFYZwF/7c9W2fkKkStqZmBd3uugfqBYLdkZ3Hii23WzZuOLUskGxB8qkSKqftxEeGL1TB2kMhrce0jA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-includes": "^3.1.8",
+        "array.prototype.findlast": "^1.2.5",
+        "array.prototype.flatmap": "^1.3.3",
+        "array.prototype.tosorted": "^1.1.4",
+        "doctrine": "^2.1.0",
+        "es-iterator-helpers": "^1.2.1",
+        "estraverse": "^5.3.0",
+        "hasown": "^2.0.2",
+        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.8",
+        "object.fromentries": "^2.0.8",
+        "object.values": "^1.2.1",
+        "prop-types": "^15.8.1",
+        "resolve": "^2.0.0-next.5",
+        "semver": "^6.3.1",
+        "string.prototype.matchall": "^4.0.12",
+        "string.prototype.repeat": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7"
+      }
+    },
+    "node_modules/eslint-plugin-react-native": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-native/-/eslint-plugin-react-native-5.0.0.tgz",
+      "integrity": "sha512-VyWlyCC/7FC/aONibOwLkzmyKg4j9oI8fzrk9WYNs4I8/m436JuOTAFwLvEn1CVvc7La4cPfbCyspP4OYpP52Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eslint-plugin-react-native-globals": "^0.1.1"
+      },
+      "peerDependencies": {
+        "eslint": "^3.17.0 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9"
+      }
+    },
+    "node_modules/eslint-plugin-react-native-globals": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-native-globals/-/eslint-plugin-react-native-globals-0.1.2.tgz",
+      "integrity": "sha512-9aEPf1JEpiTjcFAmmyw8eiIXmcNZOqaZyHO77wgm0/dWfT/oxC1SrIq8ET38pMxHYrcB6Uew+TzUVsBeczF88g==",
+      "dev": true
+    },
+    "node_modules/eslint-plugin-react/node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/resolve": {
+      "version": "2.0.0-next.5",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz",
+      "integrity": "sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/eslint-plugin-typescript-sort-keys": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-typescript-sort-keys/-/eslint-plugin-typescript-sort-keys-3.3.0.tgz",
+      "integrity": "sha512-bRW3Rc/VNdrSP9OoY5wgjjaXCOOkZKpzvl/Mk6l8Sg8CMehVIcg9K4y33l+ZcZiknpl0aR6rKusxuCJNGZWmVw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@typescript-eslint/experimental-utils": "^5.0.0",
+        "json-schema": "^0.4.0",
+        "natural-compare-lite": "^1.4.0"
+      },
+      "engines": {
+        "node": ">= 16"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": ">=6",
+        "eslint": "^7 || ^8",
+        "typescript": "^3 || ^4 || ^5"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
+      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
+      "dev": true,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^4.1.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/eslint-scope/node_modules/estraverse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+      "dev": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/eslint-utils": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-3.0.0.tgz",
+      "integrity": "sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==",
+      "dev": true,
+      "dependencies": {
+        "eslint-visitor-keys": "^2.0.0"
+      },
+      "engines": {
+        "node": "^10.0.0 || ^12.0.0 || >= 14.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mysticatea"
+      },
+      "peerDependencies": {
+        "eslint": ">=5"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz",
+      "integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/eslint/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/eslint/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/eslint/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/eslint/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true
+    },
+    "node_modules/eslint/node_modules/eslint-scope": {
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/globals": {
+      "version": "13.20.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz",
+      "integrity": "sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==",
+      "dev": true,
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/eslint/node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/eslint/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/eslint/node_modules/type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/espree": {
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
+      "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.9.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^3.4.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/espree/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esprima": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+      "license": "BSD-2-Clause",
+      "bin": {
+        "esparse": "bin/esparse.js",
+        "esvalidate": "bin/esvalidate.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
+      "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/event-target-shim": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
+      "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/eventemitter3": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
+      "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
+      "dev": true
+    },
+    "node_modules/events": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
+      "engines": {
+        "node": ">=0.8.x"
+      }
+    },
+    "node_modules/events-universal": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/events-universal/-/events-universal-1.0.1.tgz",
+      "integrity": "sha512-LUd5euvbMLpwOF8m6ivPCbhQeSiYVNb8Vs0fQ8QjXo0JTkEHpz8pxdQf0gStltaPpw0Cca8b39KxvK9cfKRiAw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "bare-events": "^2.7.0"
+      }
+    },
+    "node_modules/execa": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
+      "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
+      "dev": true,
+      "dependencies": {
+        "cross-spawn": "^7.0.3",
+        "get-stream": "^6.0.0",
+        "human-signals": "^2.1.0",
+        "is-stream": "^2.0.0",
+        "merge-stream": "^2.0.0",
+        "npm-run-path": "^4.0.1",
+        "onetime": "^5.1.2",
+        "signal-exit": "^3.0.3",
+        "strip-final-newline": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/execa?sponsor=1"
+      }
+    },
+    "node_modules/exit-hook": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/exit-hook/-/exit-hook-4.0.0.tgz",
+      "integrity": "sha512-Fqs7ChZm72y40wKjOFXBKg7nJZvQJmewP5/7LtePDdnah/+FH9Hp5sgMujSCMPXlxOAW2//1jrW9pnsY7o20vQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/expect": {
+      "version": "30.0.3",
+      "resolved": "https://registry.npmjs.org/expect/-/expect-30.0.3.tgz",
+      "integrity": "sha512-HXg6NvK35/cSYZCUKAtmlgCFyqKM4frEPbzrav5hRqb0GMz0E0lS5hfzYjSaiaE5ysnp/qI2aeZkeyeIAOeXzQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/expect-utils": "30.0.3",
+        "@jest/get-type": "30.0.1",
+        "jest-matcher-utils": "30.0.3",
+        "jest-message-util": "30.0.2",
+        "jest-mock": "30.0.2",
+        "jest-util": "30.0.2"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/expect-webdriverio": {
+      "version": "5.3.4",
+      "resolved": "https://registry.npmjs.org/expect-webdriverio/-/expect-webdriverio-5.3.4.tgz",
+      "integrity": "sha512-FU+96C0nqeYTXrJcGLUDB6hPKKaSm1/tVHjFDE4EDHGCYvajAHCC2MBQJ5MomjCmp6lGMz36lDHeZj52LHylyA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/snapshot": "^3.2.4",
+        "expect": "^30.0.0",
+        "jest-matcher-utils": "^30.0.0",
+        "lodash.isequal": "^4.5.0"
+      },
+      "engines": {
+        "node": ">=18 || >=20 || >=22"
+      },
+      "peerDependencies": {
+        "@wdio/globals": "^9.0.0",
+        "@wdio/logger": "^9.0.0",
+        "webdriverio": "^9.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@wdio/globals": {
+          "optional": false
+        },
+        "@wdio/logger": {
+          "optional": false
+        },
+        "webdriverio": {
+          "optional": false
+        }
+      }
+    },
+    "node_modules/expect-webdriverio/node_modules/@vitest/pretty-format": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-3.2.4.tgz",
+      "integrity": "sha512-IVNZik8IVRJRTr9fxlitMKeJeXFFFN0JaB9PHPGQ8NKQbGpfjlTx9zO4RefN8gp7eqjNy8nyK3NZmBzOPeIxtA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tinyrainbow": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/expect-webdriverio/node_modules/@vitest/snapshot": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-3.2.4.tgz",
+      "integrity": "sha512-dEYtS7qQP2CjU27QBC5oUOxLE/v5eLkGqPE0ZKEIDGMs4vKWe7IjgLOeauHsR0D5YuuycGRO5oSRXnwnmA78fQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/pretty-format": "3.2.4",
+        "magic-string": "^0.30.17",
+        "pathe": "^2.0.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/expect-webdriverio/node_modules/pathe": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
+      "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/expect-webdriverio/node_modules/tinyrainbow": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-2.0.0.tgz",
+      "integrity": "sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/expect/node_modules/@jest/schemas": {
+      "version": "30.0.1",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-30.0.1.tgz",
+      "integrity": "sha512-+g/1TKjFuGrf1Hh0QPCv0gISwBxJ+MQSNXmG9zjHy7BmFhtoJ9fdNhWJp3qUKRi93AOZHXtdxZgJ1vAtz6z65w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sinclair/typebox": "^0.34.0"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/expect/node_modules/@jest/types": {
+      "version": "30.0.1",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-30.0.1.tgz",
+      "integrity": "sha512-HGwoYRVF0QSKJu1ZQX0o5ZrUrrhj0aOOFA8hXrumD7SIzjouevhawbTjmXdwOmURdGluU9DM/XvGm3NyFoiQjw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/pattern": "30.0.1",
+        "@jest/schemas": "30.0.1",
+        "@types/istanbul-lib-coverage": "^2.0.6",
+        "@types/istanbul-reports": "^3.0.4",
+        "@types/node": "*",
+        "@types/yargs": "^17.0.33",
+        "chalk": "^4.1.2"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/expect/node_modules/@sinclair/typebox": {
+      "version": "0.34.37",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.34.37.tgz",
+      "integrity": "sha512-2TRuQVgQYfy+EzHRTIvkhv2ADEouJ2xNS/Vq+W5EuuewBdOrvATvljZTxHWZSTYr2sTjTHpGvucaGAt67S2akw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/expect/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/expect/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/expect/node_modules/ci-info": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-4.2.0.tgz",
+      "integrity": "sha512-cYY9mypksY8NRqgDB1XD1RiJL338v/551niynFTGkZOO2LHuB2OmOYxDIe/ttN9AHwrqdum1360G3ald0W9kCg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/sibiraj-s"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/expect/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/expect/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/expect/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/expect/node_modules/jest-message-util": {
+      "version": "30.0.2",
+      "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-30.0.2.tgz",
+      "integrity": "sha512-vXywcxmr0SsKXF/bAD7t7nMamRvPuJkras00gqYeB1V0WllxZrbZ0paRr3XqpFU2sYYjD0qAaG2fRyn/CGZ0aw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@jest/types": "30.0.1",
+        "@types/stack-utils": "^2.0.3",
+        "chalk": "^4.1.2",
+        "graceful-fs": "^4.2.11",
+        "micromatch": "^4.0.8",
+        "pretty-format": "30.0.2",
+        "slash": "^3.0.0",
+        "stack-utils": "^2.0.6"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/expect/node_modules/jest-mock": {
+      "version": "30.0.2",
+      "resolved": "https://registry.npmjs.org/jest-mock/-/jest-mock-30.0.2.tgz",
+      "integrity": "sha512-PnZOHmqup/9cT/y+pXIVbbi8ID6U1XHRmbvR7MvUy4SLqhCbwpkmXhLbsWbGewHrV5x/1bF7YDjs+x24/QSvFA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "30.0.1",
+        "@types/node": "*",
+        "jest-util": "30.0.2"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/expect/node_modules/jest-util": {
+      "version": "30.0.2",
+      "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-30.0.2.tgz",
+      "integrity": "sha512-8IyqfKS4MqprBuUpZNlFB5l+WFehc8bfCe1HSZFHzft2mOuND8Cvi9r1musli+u6F3TqanCZ/Ik4H4pXUolZIg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "30.0.1",
+        "@types/node": "*",
+        "chalk": "^4.1.2",
+        "ci-info": "^4.2.0",
+        "graceful-fs": "^4.2.11",
+        "picomatch": "^4.0.2"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/expect/node_modules/picomatch": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
+      "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/expect/node_modules/pretty-format": {
+      "version": "30.0.2",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.0.2.tgz",
+      "integrity": "sha512-yC5/EBSOrTtqhCKfLHqoUIAXVRZnukHPwWBJWR7h84Q3Be1DRQZLncwcfLoPA5RPQ65qfiCMqgYwdUuQ//eVpg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/schemas": "30.0.1",
+        "ansi-styles": "^5.2.0",
+        "react-is": "^18.3.1"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/expect/node_modules/pretty-format/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/expect/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/expect/node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/expect/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/exponential-backoff": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/exponential-backoff/-/exponential-backoff-3.1.2.tgz",
+      "integrity": "sha512-8QxYTVXUkuy7fIIoitQkPwGonB8F3Zj8eEO8Sqg9Zv/bkI7RJAzowee4gr81Hak/dUTpA2Z7VfQgoijjPNlUZA==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/express": {
+      "version": "4.21.2",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.21.2.tgz",
+      "integrity": "sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "accepts": "~1.3.8",
+        "array-flatten": "1.1.1",
+        "body-parser": "1.20.3",
+        "content-disposition": "0.5.4",
+        "content-type": "~1.0.4",
+        "cookie": "0.7.1",
+        "cookie-signature": "1.0.6",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "finalhandler": "1.3.1",
+        "fresh": "0.5.2",
+        "http-errors": "2.0.0",
+        "merge-descriptors": "1.0.3",
+        "methods": "~1.1.2",
+        "on-finished": "2.4.1",
+        "parseurl": "~1.3.3",
+        "path-to-regexp": "0.1.12",
+        "proxy-addr": "~2.0.7",
+        "qs": "6.13.0",
+        "range-parser": "~1.2.1",
+        "safe-buffer": "5.2.1",
+        "send": "0.19.0",
+        "serve-static": "1.16.2",
+        "setprototypeof": "1.2.0",
+        "statuses": "2.0.1",
+        "type-is": "~1.6.18",
+        "utils-merge": "1.0.1",
+        "vary": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.10.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/express/node_modules/array-flatten": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+      "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=",
+      "dev": true
+    },
+    "node_modules/express/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/express/node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/express/node_modules/encodeurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/express/node_modules/finalhandler": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.1.tgz",
+      "integrity": "sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==",
+      "dev": true,
+      "dependencies": {
+        "debug": "2.6.9",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "on-finished": "2.4.1",
+        "parseurl": "~1.3.3",
+        "statuses": "2.0.1",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/express/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "dev": true
+    },
+    "node_modules/express/node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "dev": true,
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/express/node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/express/node_modules/statuses": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/extend": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="
+    },
+    "node_modules/extend-shallow": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+      "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+      "dev": true,
+      "dependencies": {
+        "is-extendable": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/extract-zip": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz",
+      "integrity": "sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "debug": "^4.1.1",
+        "get-stream": "^5.1.0",
+        "yauzl": "^2.10.0"
+      },
+      "bin": {
+        "extract-zip": "cli.js"
+      },
+      "engines": {
+        "node": ">= 10.17.0"
+      },
+      "optionalDependencies": {
+        "@types/yauzl": "^2.9.1"
+      }
+    },
+    "node_modules/extract-zip/node_modules/get-stream": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
+      "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pump": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/fast-base64-decode": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fast-base64-decode/-/fast-base64-decode-1.0.0.tgz",
+      "integrity": "sha512-qwaScUgUGBYeDNRnbc/KyllVU88Jk1pRHPStuF/lO7B0/RTRLj7U0lkdTAutlBblY08rwZDff6tNU9cjv6j//Q==",
+      "license": "MIT"
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
+    },
+    "node_modules/fast-fifo": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/fast-fifo/-/fast-fifo-1.3.2.tgz",
+      "integrity": "sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
+      "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw=="
+    },
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-loops": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/fast-loops/-/fast-loops-1.1.4.tgz",
+      "integrity": "sha512-8dbd3XWoKCTms18ize6JmQF1SFnnfj5s0B7rRry22EofgMu7B6LKHVh+XfFqFGsqnbH54xgeO83PzpKI+ODhlg=="
+    },
+    "node_modules/fast-shallow-equal": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fast-shallow-equal/-/fast-shallow-equal-1.0.0.tgz",
+      "integrity": "sha512-HPtaa38cPgWvaCFmRNhlc6NG7pv6NUHqjPgVAkWGoB9mQMwYB27/K0CvOM5Czy+qpT3e8XJ6Q4aPAnzpNpzNaw=="
+    },
+    "node_modules/fast-xml-parser": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/fast-xml-parser/-/fast-xml-parser-4.5.0.tgz",
+      "integrity": "sha512-/PlTQCI96+fZMAOLMZK4CWG1ItCbfZ/0jx7UIJFChPNrx7tcEgerUgWbeieCM9MfHInUDyK8DWYZ+YrywDJuTg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/NaturalIntelligence"
+        },
+        {
+          "type": "paypal",
+          "url": "https://paypal.me/naturalintelligence"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "strnum": "^1.0.5"
+      },
+      "bin": {
+        "fxparser": "src/cli/cli.js"
+      }
+    },
+    "node_modules/fastest-levenshtein": {
+      "version": "1.0.12",
+      "resolved": "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.12.tgz",
+      "integrity": "sha512-On2N+BpYJ15xIC974QNVuYGMOlEVt4s0EOI3wwMqOmK1fdDY+FN/zltPV8vosq4ad4c/gJ1KHScUn/6AWIgiow==",
+      "dev": true
+    },
+    "node_modules/fastest-stable-stringify": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/fastest-stable-stringify/-/fastest-stable-stringify-2.0.2.tgz",
+      "integrity": "sha512-bijHueCGd0LqqNK9b5oCMHc0MluJAx0cwqASgbWMvkO01lCYgIhacVRLcaDz3QnyYIRNJRDwMb41VuT6pHJ91Q=="
+    },
+    "node_modules/fastq": {
+      "version": "1.13.0",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz",
+      "integrity": "sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==",
+      "dev": true,
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/faye-websocket": {
+      "version": "0.11.4",
+      "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.11.4.tgz",
+      "integrity": "sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g==",
+      "dev": true,
+      "dependencies": {
+        "websocket-driver": ">=0.5.1"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/fb-watchman": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/fb-watchman/-/fb-watchman-2.0.2.tgz",
+      "integrity": "sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "bser": "2.1.1"
+      }
+    },
+    "node_modules/fd-slicer": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
+      "integrity": "sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pend": "~1.2.0"
+      }
+    },
+    "node_modules/figures": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/figures/-/figures-6.1.0.tgz",
+      "integrity": "sha512-d+l3qxjSesT4V7v2fh+QnmFnUWv9lSpjarhShNTgBOfA0ttejbQUAlHLitbjkoRiDulW0OPoQPYIGhIC8ohejg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-unicode-supported": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/figures/node_modules/is-unicode-supported": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-2.1.0.tgz",
+      "integrity": "sha512-mE00Gnza5EEB3Ds0HfMyllZzbBrmLOX3vfWoj9A9PEnTfratQ/BcaJOuMhnkhjXvb2+FkY3VuHqtAGpTPmglFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/file-entry-cache": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
+      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+      "dev": true,
+      "dependencies": {
+        "flat-cache": "^3.0.4"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/file-uri-to-path": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
+      "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
+      "license": "MIT"
+    },
+    "node_modules/filelist": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/filelist/-/filelist-1.0.4.tgz",
+      "integrity": "sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "minimatch": "^5.0.1"
+      }
+    },
+    "node_modules/filelist/node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/filelist/node_modules/minimatch": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
+      "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/filter-obj": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/filter-obj/-/filter-obj-1.1.0.tgz",
+      "integrity": "sha512-8rXg1ZnX7xzy2NGDVkBVaAy+lSlPNwad13BtgSlLuxfIslyt5Vg64U7tFcCt4WS1R0hvtnQybT/IyCkGZ3DpXQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/finalhandler": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz",
+      "integrity": "sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "2.6.9",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "on-finished": "~2.3.0",
+        "parseurl": "~1.3.3",
+        "statuses": "~1.5.0",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/finalhandler/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/finalhandler/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "license": "MIT"
+    },
+    "node_modules/find-cache-dir": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.3.2.tgz",
+      "integrity": "sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "commondir": "^1.0.1",
+        "make-dir": "^3.0.2",
+        "pkg-dir": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/avajs/find-cache-dir?sponsor=1"
+      }
+    },
+    "node_modules/find-root": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz",
+      "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng=="
+    },
+    "node_modules/find-up": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+      "dependencies": {
+        "locate-path": "^5.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/find-up/node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/find-yarn-workspace-root": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/find-yarn-workspace-root/-/find-yarn-workspace-root-2.0.0.tgz",
+      "integrity": "sha512-1IMnbjt4KzsQfnhnzNd8wUEgXZ44IzZaZmnLYx7D5FZlaHt2gW20Cri8Q+E/t5tIj4+epTBub+2Zxu/vNILzqQ==",
+      "dev": true,
+      "dependencies": {
+        "micromatch": "^4.0.2"
+      }
+    },
+    "node_modules/flat": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/flat/-/flat-5.0.2.tgz",
+      "integrity": "sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ==",
+      "dev": true,
+      "bin": {
+        "flat": "cli.js"
+      }
+    },
+    "node_modules/flat-cache": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz",
+      "integrity": "sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==",
+      "dev": true,
+      "dependencies": {
+        "flatted": "^3.1.0",
+        "rimraf": "^3.0.2"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.2.5",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.5.tgz",
+      "integrity": "sha512-WIWGi2L3DyTUvUrwRKgGi9TwxQMUEqPOPQBVi71R96jZXJdFskXEmf54BoZaS1kknGODoIGASGEzBUYdyMCBJg==",
+      "dev": true
+    },
+    "node_modules/flow-enums-runtime": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/flow-enums-runtime/-/flow-enums-runtime-0.0.6.tgz",
+      "integrity": "sha512-3PYnM29RFXwvAN6Pc/scUfkI7RwhQ/xqyLUyPNlXUp9S40zI8nup9tUSrTLSVnWGBN38FNiGWbwZOB6uR4OGdw==",
+      "license": "MIT"
+    },
+    "node_modules/flow-parser": {
+      "version": "0.275.0",
+      "resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.275.0.tgz",
+      "integrity": "sha512-fHNwawoA2LM7FsxhU/1lTRGq9n6/Q8k861eHgN7GKtamYt9Qrxpg/ZSrev8o1WX7fQ2D3Gg3+uvYN15PmsG7Yw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/focus-lock": {
+      "version": "0.11.6",
+      "resolved": "https://registry.npmjs.org/focus-lock/-/focus-lock-0.11.6.tgz",
+      "integrity": "sha512-KSuV3ur4gf2KqMNoZx3nXNVhqCkn42GuTYCX4tXPEwf0MjpFQmNMiN6m7dXaUXgIoivL6/65agoUMg4RLS0Vbg==",
+      "dependencies": {
+        "tslib": "^2.0.3"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/focus-visible": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/focus-visible/-/focus-visible-5.1.0.tgz",
+      "integrity": "sha512-nPer0rjtzdZ7csVIu233P2cUm/ks/4aVSI+5KUkYrYpgA7ujgC3p6J7FtFU+AIMWwnwYQOB/yeiOITxFeYIXiw=="
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.15.6",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz",
+      "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/for-each": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
+      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
+      "dependencies": {
+        "is-callable": "^1.1.3"
+      }
+    },
+    "node_modules/foreground-child": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.1.tgz",
+      "integrity": "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==",
+      "license": "ISC",
+      "dependencies": {
+        "cross-spawn": "^7.0.6",
+        "signal-exit": "^4.0.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/foreground-child/node_modules/signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/forwarded": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
+      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fs-extra": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz",
+      "integrity": "sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.1.2",
+        "jsonfile": "^4.0.0",
+        "universalify": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=6 <7 || >=8"
+      }
+    },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8="
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/function.prototype.name": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.8.tgz",
+      "integrity": "sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "functions-have-names": "^1.2.3",
+        "hasown": "^2.0.2",
+        "is-callable": "^1.2.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/geckodriver": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/geckodriver/-/geckodriver-6.1.0.tgz",
+      "integrity": "sha512-ZRXLa4ZaYTTgUO4Eefw+RsQCleugU2QLb1ME7qTYxxuRj51yAhfnXaItXNs5/vUzfIaDHuZ+YnSF005hfp07nQ==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "dependencies": {
+        "@wdio/logger": "^9.18.0",
+        "@zip.js/zip.js": "^2.8.11",
+        "decamelize": "^6.0.1",
+        "http-proxy-agent": "^7.0.2",
+        "https-proxy-agent": "^7.0.6",
+        "modern-tar": "^0.7.2"
+      },
+      "bin": {
+        "geckodriver": "bin/geckodriver.js"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      }
+    },
+    "node_modules/geckodriver/node_modules/decamelize": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-6.0.1.tgz",
+      "integrity": "sha512-G7Cqgaelq68XHJNGlZ7lrNQyhZGsFqpwtGFexqUv4IQdjKoSYF7ipZ9UuTJZUSQXFj/XaoBLuEVIVqr8EJngEQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "license": "ISC",
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.7.tgz",
+      "integrity": "sha512-VW6Pxhsrk0KAOqs3WEd0klDiF/+V7gQOpAvY1jVU/LHmaD/kQO4523aiJuikX/QAKYiW6x8Jh+RJej1almdtCA==",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.0",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-nonce": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-nonce/-/get-nonce-1.0.1.tgz",
+      "integrity": "sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/get-package-type": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/get-package-type/-/get-package-type-0.1.0.tgz",
+      "integrity": "sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/get-port": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/get-port/-/get-port-7.1.0.tgz",
+      "integrity": "sha512-QB9NKEeDg3xxVwCCwJQ9+xycaz6pBB6iQ76wiWMl1927n0Kir6alPiP+yuiICLLU4jpMe08dXfpebuQppFA2zw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/get-stdin": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-9.0.0.tgz",
+      "integrity": "sha512-dVKBjfWisLAicarI2Sf+JuBE/DghV4UzNAVe9yhEJuzeREd3JhOTE9cUaJTeSa77fsbQUK3pcOpJfM59+VKZaA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/get-stream": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
+      "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/get-symbol-description": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz",
+      "integrity": "sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-tsconfig": {
+      "version": "4.8.1",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.8.1.tgz",
+      "integrity": "sha512-k9PN+cFBmaLWtVz29SkUoqU5O0slLuHJXt/2P+tMVFT+phsSGXGkp9t3rQIqdz0e+06EHNGs3oM6ZX1s2zHxRg==",
+      "dev": true,
+      "dependencies": {
+        "resolve-pkg-maps": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
+      }
+    },
+    "node_modules/get-uri": {
+      "version": "6.0.5",
+      "resolved": "https://registry.npmjs.org/get-uri/-/get-uri-6.0.5.tgz",
+      "integrity": "sha512-b1O07XYq8eRuVzBNgJLstU6FYc1tS6wnMtF1I1D9lE8LxZSOGZ7LhxN54yPP6mGw5f2CkXY2BQUL9Fx41qvcIg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "basic-ftp": "^5.0.2",
+        "data-uri-to-buffer": "^6.0.2",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/glob": {
+      "version": "11.0.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-11.0.3.tgz",
+      "integrity": "sha512-2Nim7dha1KVkaiF4q6Dj+ngPPMdfvLJEOpZk/jKiUAkqKebpGAWQXAq9z1xu9HKu5lWfqw/FASuccEjyznjPaA==",
+      "license": "ISC",
+      "dependencies": {
+        "foreground-child": "^3.3.1",
+        "jackspeak": "^4.1.1",
+        "minimatch": "^10.0.3",
+        "minipass": "^7.1.2",
+        "package-json-from-dist": "^1.0.0",
+        "path-scurry": "^2.0.0"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/glob-to-regexp": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
+      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==",
+      "dev": true
+    },
+    "node_modules/glob/node_modules/jackspeak": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-4.1.1.tgz",
+      "integrity": "sha512-zptv57P3GpL+O0I7VdMJNBZCu+BPHVQUk55Ft8/QCJjTVxrnJHuVuX/0Bl2A6/+2oyR/ZMEuFKwmzqqZ/U5nPQ==",
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "@isaacs/cliui": "^8.0.2"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob/node_modules/lru-cache": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.1.0.tgz",
+      "integrity": "sha512-QIXZUBJUx+2zHUdQujWejBkcD9+cs94tLn0+YL8UrCh+D5sCXZ4c7LaEH48pNwRY3MLDgqUFyhlCyjJPf1WP0A==",
+      "license": "ISC",
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/glob/node_modules/minimatch": {
+      "version": "10.0.3",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.0.3.tgz",
+      "integrity": "sha512-IPZ167aShDZZUMdRk66cyQAW3qr0WzbHkPdMYa8bzZhlHhO3jALbKdxcaak7W9FfT2rZNpQuUu4Od7ILEpXSaw==",
+      "license": "ISC",
+      "dependencies": {
+        "@isaacs/brace-expansion": "^5.0.0"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob/node_modules/path-scurry": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-2.0.0.tgz",
+      "integrity": "sha512-ypGJsmGtdXUOeM5u93TyeIEfEhM6s+ljAhrk5vAvSx8uyY/02OvrZnA0YNGUrPXfpJMgI1ODd3nwz8Npx4O4cg==",
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "lru-cache": "^11.0.0",
+        "minipass": "^7.1.2"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/globals": {
+      "version": "11.12.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
+      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/globalthis": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
+      "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
+      "dependencies": {
+        "define-properties": "^1.2.1",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/globby": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+      "dev": true,
+      "dependencies": {
+        "array-union": "^2.1.0",
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.2.9",
+        "ignore": "^5.2.0",
+        "merge2": "^1.4.1",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/globby/node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
+    },
+    "node_modules/grapheme-splitter": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz",
+      "integrity": "sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ=="
+    },
+    "node_modules/graphemer": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/gzip-size": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/gzip-size/-/gzip-size-6.0.0.tgz",
+      "integrity": "sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q==",
+      "dev": true,
+      "dependencies": {
+        "duplexer": "^0.1.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/handle-thing": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/handle-thing/-/handle-thing-2.0.1.tgz",
+      "integrity": "sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==",
+      "dev": true
+    },
+    "node_modules/has-bigints": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
+      "integrity": "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "dependencies": {
+        "es-define-property": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.2.0.tgz",
+      "integrity": "sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==",
+      "dependencies": {
+        "dunder-proto": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/he": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
+      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
+      "dev": true,
+      "bin": {
+        "he": "bin/he"
+      }
+    },
+    "node_modules/hermes-estree": {
+      "version": "0.25.1",
+      "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.25.1.tgz",
+      "integrity": "sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==",
+      "license": "MIT"
+    },
+    "node_modules/hermes-parser": {
+      "version": "0.25.1",
+      "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.25.1.tgz",
+      "integrity": "sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==",
+      "license": "MIT",
+      "dependencies": {
+        "hermes-estree": "0.25.1"
+      }
+    },
+    "node_modules/hoist-non-react-statics": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
+      "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
+      "dependencies": {
+        "react-is": "^16.7.0"
+      }
+    },
+    "node_modules/hoist-non-react-statics/node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+    },
+    "node_modules/hosted-git-info": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-7.0.2.tgz",
+      "integrity": "sha512-puUZAUKT5m8Zzvs72XWy3HtvVbTWljRE66cP60bxJzAqf2DgICo7lYTY2IHUmLnNpjYvw5bvmoHvPc0QO2a62w==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^10.0.1"
+      },
+      "engines": {
+        "node": "^16.14.0 || >=18.0.0"
+      }
+    },
+    "node_modules/hosted-git-info/node_modules/lru-cache": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
+      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+      "dev": true
+    },
+    "node_modules/hpack.js": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/hpack.js/-/hpack.js-2.1.6.tgz",
+      "integrity": "sha1-h3dMCUnlE/QuhFdbPEVoH63ioLI=",
+      "dev": true,
+      "dependencies": {
+        "inherits": "^2.0.1",
+        "obuf": "^1.0.0",
+        "readable-stream": "^2.0.1",
+        "wbuf": "^1.1.0"
+      }
+    },
+    "node_modules/hpack.js/node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=",
+      "dev": true
+    },
+    "node_modules/hpack.js/node_modules/readable-stream": {
+      "version": "2.3.7",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+      "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+      "dev": true,
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/hpack.js/node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "dev": true,
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/html-entities": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-2.6.0.tgz",
+      "integrity": "sha512-kig+rMn/QOVRvr7c86gQ8lWXq+Hkv6CbAH1hLu+RG338StTpE8Z0b44SDVaqVu7HGKf27frdmUYEs9hTUX/cLQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/mdevils"
+        },
+        {
+          "type": "patreon",
+          "url": "https://patreon.com/mdevils"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/html-parse-stringify2": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/html-parse-stringify2/-/html-parse-stringify2-2.0.1.tgz",
+      "integrity": "sha512-wMKQ3aJ/dwXzDHPpA7XgsRXXCkEhHkAF6Ioh7D51lgZO7Qy0LmcFddC9TI/qNQJvSM1KL8KbcR3FtuybsrzFlQ==",
+      "dependencies": {
+        "void-elements": "^2.0.1"
+      }
+    },
+    "node_modules/htmlfy": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/htmlfy/-/htmlfy-0.8.1.tgz",
+      "integrity": "sha512-xWROBw9+MEGwxpotll0h672KCaLrKKiCYzsyN8ZgL9cQbVumFnyvsk2JqiB9ELAV1GLj1GG/jxZUjV9OZZi/yQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/htmlparser2": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-10.0.0.tgz",
+      "integrity": "sha512-TwAZM+zE5Tq3lrEHvOlvwgj1XLWQCtaaibSN11Q+gGBAS7Y1uZSWwXXRe4iF6OXnaq1riyQAPFOBtYc77Mxq0g==",
+      "dev": true,
+      "funding": [
+        "https://github.com/fb55/htmlparser2?sponsor=1",
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3",
+        "domutils": "^3.2.1",
+        "entities": "^6.0.0"
+      }
+    },
+    "node_modules/htmlparser2/node_modules/dom-serializer": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
+      "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.2",
+        "entities": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/htmlparser2/node_modules/dom-serializer/node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/htmlparser2/node_modules/domhandler": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
+      "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "domelementtype": "^2.3.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/htmlparser2/node_modules/domutils": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.2.2.tgz",
+      "integrity": "sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "dom-serializer": "^2.0.0",
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
+    "node_modules/htmlparser2/node_modules/entities": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
+      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/http-deceiver": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/http-deceiver/-/http-deceiver-1.2.7.tgz",
+      "integrity": "sha1-+nFolEq5pRnTN8sL7HKE3D5yPYc=",
+      "dev": true
+    },
+    "node_modules/http-errors": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
+      "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
+      "dependencies": {
+        "depd": "2.0.0",
+        "inherits": "2.0.4",
+        "setprototypeof": "1.2.0",
+        "statuses": "2.0.1",
+        "toidentifier": "1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/http-errors/node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/http-errors/node_modules/statuses": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/http-parser-js": {
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.5.5.tgz",
+      "integrity": "sha512-x+JVEkO2PoM8qqpbPbOL3cqHPwerep7OwzK7Ay+sMQjKzaKCqWvjoXm5tqMP9tXWWTnTzAjIhXg+J99XYuPhPA==",
+      "dev": true
+    },
+    "node_modules/http-proxy": {
+      "version": "1.18.1",
+      "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz",
+      "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==",
+      "dev": true,
+      "dependencies": {
+        "eventemitter3": "^4.0.0",
+        "follow-redirects": "^1.0.0",
+        "requires-port": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/http-proxy-agent": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz",
+      "integrity": "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/http-proxy-middleware": {
+      "version": "2.0.9",
+      "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.9.tgz",
+      "integrity": "sha512-c1IyJYLYppU574+YI7R4QyX2ystMtVXZwIdzazUIPIJsHuWNd+mho2j+bKoHftndicGj9yh+xjd+l0yj7VeT1Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/http-proxy": "^1.17.8",
+        "http-proxy": "^1.18.1",
+        "is-glob": "^4.0.1",
+        "is-plain-obj": "^3.0.0",
+        "micromatch": "^4.0.2"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "@types/express": "^4.17.13"
+      },
+      "peerDependenciesMeta": {
+        "@types/express": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/http-proxy-middleware/node_modules/is-plain-obj": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-3.0.0.tgz",
+      "integrity": "sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/https-proxy-agent": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
+      "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.2",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/human-signals": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
+      "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
+      "dev": true,
+      "engines": {
+        "node": ">=10.17.0"
+      }
+    },
+    "node_modules/hyperdyperid": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/hyperdyperid/-/hyperdyperid-1.2.0.tgz",
+      "integrity": "sha512-Y93lCzHYgGWdrJ66yIktxiaGULYc6oGiABxhcO5AufBeOyoIdZF7bIfLaOrbM0iGIOXQQgxxRrFEnb+Y6w1n4A==",
+      "dev": true,
+      "engines": {
+        "node": ">=10.18"
+      }
+    },
+    "node_modules/hyphenate-style-name": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/hyphenate-style-name/-/hyphenate-style-name-1.0.4.tgz",
+      "integrity": "sha512-ygGZLjmXfPHj+ZWh6LwbC37l43MhfztxetbFCoYTM2VjkIUpeHgSNn7QIyVFj7YQ1Wl9Cbw5sholVJPzWvC2MQ=="
+    },
+    "node_modules/i18n-iso-countries": {
+      "version": "6.8.0",
+      "resolved": "https://registry.npmjs.org/i18n-iso-countries/-/i18n-iso-countries-6.8.0.tgz",
+      "integrity": "sha512-jJs/+CA6+VUICFxqGcB0vFMERGfhfvyNk+8Vb9EagSZkl7kSpm/kT0VyhvzM/zixDWEV/+oN9L7v/GT9BwzoGg==",
+      "dependencies": {
+        "diacritics": "1.3.0"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/i18next": {
+      "version": "17.0.6",
+      "resolved": "https://registry.npmjs.org/i18next/-/i18next-17.0.6.tgz",
+      "integrity": "sha512-bdNhzhcM6RG5m82RypVguCrAQNie/ycxW0Q5C6K9UDWD5hqApZfdJFbj4Ikz9jxIR+Ja1eg0yCQLhlCT+opwIg==",
+      "dependencies": {
+        "@babel/runtime": "^7.3.1"
+      }
+    },
+    "node_modules/i18next-browser-languagedetector": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/i18next-browser-languagedetector/-/i18next-browser-languagedetector-3.0.1.tgz",
+      "integrity": "sha512-WFjPLNPWl62uu07AHY2g+KsC9qz0tyMq+OZEB/H7N58YKL/JLiCz9U709gaR20Mule/Ppn+uyfVx5REJJjn1HA=="
+    },
+    "node_modules/i18next-http-backend": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/i18next-http-backend/-/i18next-http-backend-2.2.1.tgz",
+      "integrity": "sha512-ZXIdn/8NJIBJ0X4hzXfc3STYxKrCKh1fYjji9HPyIpEJfvTvy8/ZlTl8RuTizzCPj2ZcWrfaecyOMKs6bQ7u5A==",
+      "dependencies": {
+        "cross-fetch": "3.1.6"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "dev": true,
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/icss-utils": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz",
+      "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==",
+      "dev": true,
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/image-capture": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/image-capture/-/image-capture-0.4.0.tgz",
+      "integrity": "sha512-6RWTfqC4ij0AldG+6sQ51XSHTSbwfqMSjVl1GtwNBzbW4UrcfGZeB1Kn749BccvtLb04g5+jSTf1D7q3qHcxpA=="
+    },
+    "node_modules/image-size": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/image-size/-/image-size-1.2.1.tgz",
+      "integrity": "sha512-rH+46sQJ2dlwfjfhCyNx5thzrv+dtmBIhPHk0zgRUukHzZ/kRueTJXoYYsclBaKcSMBWuGbOFXtioLpzTb5euw==",
+      "license": "MIT",
+      "dependencies": {
+        "queue": "6.0.2"
+      },
+      "bin": {
+        "image-size": "bin/image-size.js"
+      },
+      "engines": {
+        "node": ">=16.x"
+      }
+    },
+    "node_modules/immediate": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz",
+      "integrity": "sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+      "license": "MIT",
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/import-local": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/import-local/-/import-local-3.1.0.tgz",
+      "integrity": "sha512-ASB07uLtnDs1o6EHjKpX34BKYDSqnFerfTOJL2HvMqF70LnxpjkzDB8J44oT9pu4AMPkQwf8jl6szgvNd2tRIg==",
+      "dev": true,
+      "dependencies": {
+        "pkg-dir": "^4.2.0",
+        "resolve-cwd": "^3.0.0"
+      },
+      "bin": {
+        "import-local-fixture": "fixtures/cli.js"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/import-meta-resolve": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-4.1.0.tgz",
+      "integrity": "sha512-I6fiaX09Xivtk+THaMfAwnA3MVA5Big1WHF1Dfx9hFuvNIWpXnorlkzhcQf6ehrqQiiZECRt1poOAkPmer3ruw==",
+      "dev": true,
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=",
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
+    },
+    "node_modules/ini": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+      "dev": true
+    },
+    "node_modules/inline-style-prefixer": {
+      "version": "6.0.4",
+      "resolved": "https://registry.npmjs.org/inline-style-prefixer/-/inline-style-prefixer-6.0.4.tgz",
+      "integrity": "sha512-FwXmZC2zbeeS7NzGjJ6pAiqRhXR0ugUShSNb6GApMl6da0/XGc4MOJsoWAywia52EEWbXNSy0pzkwz/+Y+swSg==",
+      "dependencies": {
+        "css-in-js-utils": "^3.1.0",
+        "fast-loops": "^1.1.3"
+      }
+    },
+    "node_modules/inquirer": {
+      "version": "12.11.1",
+      "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-12.11.1.tgz",
+      "integrity": "sha512-9VF7mrY+3OmsAfjH3yKz/pLbJ5z22E23hENKw3/LNSaA/sAt3v49bDRY+Ygct1xwuKT+U+cBfTzjCPySna69Qw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@inquirer/ansi": "^1.0.2",
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/prompts": "^7.10.1",
+        "@inquirer/type": "^3.0.10",
+        "mute-stream": "^2.0.0",
+        "run-async": "^4.0.6",
+        "rxjs": "^7.8.2"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/int64-buffer": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/int64-buffer/-/int64-buffer-1.1.0.tgz",
+      "integrity": "sha512-94smTCQOvigN4d/2R/YDjz8YVG0Sufvv2aAh8P5m42gwhCsDAJqnbNOrxJsrADuAFAA69Q/ptGzxvNcNuIJcvw==",
+      "license": "MIT"
+    },
+    "node_modules/internal-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
+      "integrity": "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "hasown": "^2.0.2",
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/interpret": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/interpret/-/interpret-3.1.1.tgz",
+      "integrity": "sha512-6xwYfHbajpoF0xLW+iwLkhwgvLoZDfjYfoFNu8ftMoXINzwuymNLd9u/KmwtdT2GbR+/Cz66otEGEVVUHX9QLQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/intersection-observer": {
+      "version": "0.12.2",
+      "resolved": "https://registry.npmjs.org/intersection-observer/-/intersection-observer-0.12.2.tgz",
+      "integrity": "sha512-7m1vEcPCxXYI8HqnL8CKI6siDyD+eIWSwgB3DZA+ZTogxk9I4CDnj4wilt9x/+/QbHI4YG5YZNmC6458/e9Ktg=="
+    },
+    "node_modules/invariant": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
+      "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
+      "dependencies": {
+        "loose-envify": "^1.0.0"
+      }
+    },
+    "node_modules/ip-address": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.1.0.tgz",
+      "integrity": "sha512-XXADHxXmvT9+CRxhXg56LJovE+bmWnEWB78LB83VZTprKTmaC5QfruXocxzTZ2Kl0DNwKuBdlIhjL8LeY8Sf8Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 12"
+      }
+    },
+    "node_modules/ipaddr.js": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.2.0.tgz",
+      "integrity": "sha512-Ag3wB2o37wslZS19hZqorUnrnzSkpOVy+IiiDEiTqNubEYpYuHWIf6K4psgN2ZWKExS4xhVCrRVfb/wfW8fWJA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/is-arguments": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
+      "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-array-buffer": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
+      "integrity": "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0="
+    },
+    "node_modules/is-async-function": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.1.0.tgz",
+      "integrity": "sha512-GExz9MtyhlZyXYLxzlJRj5WUCE661zhDa1Yna52CN57AJsymh+DvXXjyveSioqSRdxvUrdKdvqB1b5cVKsNpWQ==",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bigint": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.1.0.tgz",
+      "integrity": "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==",
+      "dependencies": {
+        "has-bigints": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dev": true,
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-boolean-object": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.1.tgz",
+      "integrity": "sha512-l9qO6eFlUETHtuihLcYOaLKByJ1f+N4kthcU9YjHy3N+B3hWv0y/2Nd0mu/7lTFnRQHTrSdXF50HQ3bl5fEnng==",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-buffer": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
+      "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==",
+      "dev": true
+    },
+    "node_modules/is-builtin-module": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-2.0.0.tgz",
+      "integrity": "sha512-G2jLHphOywpgrL/AaJKWDXpdpGR9X4V1PCkB+EwG5Z28z8EukgdWnAUFAS2wdBtIpwHhHBIiq0NBOWEbSXN0Rg==",
+      "dev": true,
+      "dependencies": {
+        "builtin-modules": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-ci": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-ci/-/is-ci-2.0.0.tgz",
+      "integrity": "sha512-YfJT7rkpQB0updsdHLGWrvhBJfcfzNNawYDNIyQXJz0IViGf75O8EBPKSdvw2rF+LGCsX4FZ8tcr3b19LcZq4w==",
+      "dev": true,
+      "dependencies": {
+        "ci-info": "^2.0.0"
+      },
+      "bin": {
+        "is-ci": "bin.js"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.16.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-data-view": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.2.tgz",
+      "integrity": "sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "is-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-date-object": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.1.0.tgz",
+      "integrity": "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-directory": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/is-directory/-/is-directory-0.3.1.tgz",
+      "integrity": "sha512-yVChGzahRFvbkscn2MlwGismPO12i9+znNruC5gVEntG3qu0xQMzsGg/JFbrsqDOHtHFPci+V5aP5T9I+yeKqw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-docker": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
+      "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
+      "bin": {
+        "is-docker": "cli.js"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-extendable": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+      "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-finalizationregistry": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz",
+      "integrity": "sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+      "integrity": "sha512-VHskAKYM8RfSFXwee5t5cbN5PZeq1Wrh6qd5bkyiXIf6UQcN6w/A0eXM9r6t8d+GYOh+o6ZhiEnb88LN/Y8m2w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/is-generator-function": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
+      "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-inside-container": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-inside-container/-/is-inside-container-1.0.0.tgz",
+      "integrity": "sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==",
+      "dev": true,
+      "dependencies": {
+        "is-docker": "^3.0.0"
+      },
+      "bin": {
+        "is-inside-container": "cli.js"
+      },
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-inside-container/node_modules/is-docker": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-3.0.0.tgz",
+      "integrity": "sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==",
+      "dev": true,
+      "bin": {
+        "is-docker": "cli.js"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-interactive": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-interactive/-/is-interactive-1.0.0.tgz",
+      "integrity": "sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-map": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
+      "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-network-error": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-network-error/-/is-network-error-1.1.0.tgz",
+      "integrity": "sha512-tUdRRAnhT+OtCZR/LxZelH/C7QtjtFrTu5tXCA8pl55eTUElUHT+GPYV8MBMBvea/j+NxQqVt3LbWMRir7Gx9g==",
+      "dev": true,
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-number-object": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.1.tgz",
+      "integrity": "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-path-inside": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-plain-obj": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-2.1.0.tgz",
+      "integrity": "sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-plain-object": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
+      "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==",
+      "dependencies": {
+        "isobject": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-regex": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
+      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-set": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz",
+      "integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz",
+      "integrity": "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-stream": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
+      "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-string": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz",
+      "integrity": "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-symbol": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.1.tgz",
+      "integrity": "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typed-array": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz",
+      "integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==",
+      "dependencies": {
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-unicode-supported": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz",
+      "integrity": "sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-weakmap": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
+      "integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakref": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.1.0.tgz",
+      "integrity": "sha512-SXM8Nwyys6nT5WP6pltOwKytLV7FqQ4UiibxVmW+EIosHcmCqkkjViTb5SNssDlkCiEYRP1/pdWUKVvZBmsR2Q==",
+      "dependencies": {
+        "call-bound": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakset": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.4.tgz",
+      "integrity": "sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-whitespace": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/is-whitespace/-/is-whitespace-0.3.0.tgz",
+      "integrity": "sha512-RydPhl4S6JwAyj0JJjshWJEFG6hNye3pZFBRZaTUfZFwGHxzppNaNOVgQuS/E/SlhrApuMXrpnK1EEIXfdo3Dg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-wsl": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
+      "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
+      "dependencies": {
+        "is-docker": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw=="
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA="
+    },
+    "node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8=",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/istanbul-lib-coverage": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz",
+      "integrity": "sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/istanbul-lib-instrument": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz",
+      "integrity": "sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@babel/core": "^7.12.3",
+        "@babel/parser": "^7.14.7",
+        "@istanbuljs/schema": "^0.1.2",
+        "istanbul-lib-coverage": "^3.2.0",
+        "semver": "^6.3.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/istanbul-lib-instrument/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/iterator.prototype": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.5.tgz",
+      "integrity": "sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.6",
+        "get-proto": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "set-function-name": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/jackspeak": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
+      "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
+      "dev": true,
+      "dependencies": {
+        "@isaacs/cliui": "^8.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      },
+      "optionalDependencies": {
+        "@pkgjs/parseargs": "^0.11.0"
+      }
+    },
+    "node_modules/jake": {
+      "version": "10.9.4",
+      "resolved": "https://registry.npmjs.org/jake/-/jake-10.9.4.tgz",
+      "integrity": "sha512-wpHYzhxiVQL+IV05BLE2Xn34zW1S223hvjtqk0+gsPrwd/8JNLXJgZZM/iPFsYc1xyphF+6M6EvdE5E9MBGkDA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "async": "^3.2.6",
+        "filelist": "^1.0.4",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "jake": "bin/cli.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/jest-diff": {
+      "version": "30.0.3",
+      "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-30.0.3.tgz",
+      "integrity": "sha512-Q1TAV0cUcBTic57SVnk/mug0/ASyAqtSIOkr7RAlxx97llRYsM74+E8N5WdGJUlwCKwgxPAkVjKh653h1+HA9A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/diff-sequences": "30.0.1",
+        "@jest/get-type": "30.0.1",
+        "chalk": "^4.1.2",
+        "pretty-format": "30.0.2"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/jest-diff/node_modules/@jest/schemas": {
+      "version": "30.0.1",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-30.0.1.tgz",
+      "integrity": "sha512-+g/1TKjFuGrf1Hh0QPCv0gISwBxJ+MQSNXmG9zjHy7BmFhtoJ9fdNhWJp3qUKRi93AOZHXtdxZgJ1vAtz6z65w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sinclair/typebox": "^0.34.0"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/jest-diff/node_modules/@sinclair/typebox": {
+      "version": "0.34.37",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.34.37.tgz",
+      "integrity": "sha512-2TRuQVgQYfy+EzHRTIvkhv2ADEouJ2xNS/Vq+W5EuuewBdOrvATvljZTxHWZSTYr2sTjTHpGvucaGAt67S2akw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jest-diff/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/jest-diff/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/jest-diff/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/jest-diff/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jest-diff/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jest-diff/node_modules/pretty-format": {
+      "version": "30.0.2",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.0.2.tgz",
+      "integrity": "sha512-yC5/EBSOrTtqhCKfLHqoUIAXVRZnukHPwWBJWR7h84Q3Be1DRQZLncwcfLoPA5RPQ65qfiCMqgYwdUuQ//eVpg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/schemas": "30.0.1",
+        "ansi-styles": "^5.2.0",
+        "react-is": "^18.3.1"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/jest-diff/node_modules/pretty-format/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/jest-diff/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jest-diff/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jest-environment-node": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-environment-node/-/jest-environment-node-29.7.0.tgz",
+      "integrity": "sha512-DOSwCRqXirTOyheM+4d5YZOrWcdu0LNZ87ewUoywbcb2XR4wKgqiG8vNeYwhjFMbEkfju7wx2GYH0P2gevGvFw==",
+      "dependencies": {
+        "@jest/environment": "^29.7.0",
+        "@jest/fake-timers": "^29.7.0",
+        "@jest/types": "^29.6.3",
+        "@types/node": "*",
+        "jest-mock": "^29.7.0",
+        "jest-util": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-get-type": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-29.6.3.tgz",
+      "integrity": "sha512-zrteXnqYxfQh7l5FHyL38jL39di8H8rHoecLH3JNxH3BwOrBsNeabdap5e0I23lD4HHI8W5VFBZqG4Eaq5LNcw==",
+      "license": "MIT",
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-haste-map": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-29.7.0.tgz",
+      "integrity": "sha512-fP8u2pyfqx0K1rGn1R9pyE0/KTn+G7PxktWidOBTqFPLYX0b9ksaMFkhK5vrS3DVun09pckLdlx90QthlW7AmA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^29.6.3",
+        "@types/graceful-fs": "^4.1.3",
+        "@types/node": "*",
+        "anymatch": "^3.0.3",
+        "fb-watchman": "^2.0.0",
+        "graceful-fs": "^4.2.9",
+        "jest-regex-util": "^29.6.3",
+        "jest-util": "^29.7.0",
+        "jest-worker": "^29.7.0",
+        "micromatch": "^4.0.4",
+        "walker": "^1.0.8"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "^2.3.2"
+      }
+    },
+    "node_modules/jest-haste-map/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jest-haste-map/node_modules/jest-worker": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-29.7.0.tgz",
+      "integrity": "sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "jest-util": "^29.7.0",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-haste-map/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/jest-matcher-utils": {
+      "version": "30.0.3",
+      "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-30.0.3.tgz",
+      "integrity": "sha512-hMpVFGFOhYmIIRGJ0HgM9htC5qUiJ00famcc9sRFchJJiLZbbVKrAztcgE6VnXLRxA3XZ0bvNA7hQWh3oHXo/A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/get-type": "30.0.1",
+        "chalk": "^4.1.2",
+        "jest-diff": "30.0.3",
+        "pretty-format": "30.0.2"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/jest-matcher-utils/node_modules/@jest/schemas": {
+      "version": "30.0.1",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-30.0.1.tgz",
+      "integrity": "sha512-+g/1TKjFuGrf1Hh0QPCv0gISwBxJ+MQSNXmG9zjHy7BmFhtoJ9fdNhWJp3qUKRi93AOZHXtdxZgJ1vAtz6z65w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sinclair/typebox": "^0.34.0"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/jest-matcher-utils/node_modules/@sinclair/typebox": {
+      "version": "0.34.37",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.34.37.tgz",
+      "integrity": "sha512-2TRuQVgQYfy+EzHRTIvkhv2ADEouJ2xNS/Vq+W5EuuewBdOrvATvljZTxHWZSTYr2sTjTHpGvucaGAt67S2akw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jest-matcher-utils/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/jest-matcher-utils/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/jest-matcher-utils/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/jest-matcher-utils/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jest-matcher-utils/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jest-matcher-utils/node_modules/pretty-format": {
+      "version": "30.0.2",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.0.2.tgz",
+      "integrity": "sha512-yC5/EBSOrTtqhCKfLHqoUIAXVRZnukHPwWBJWR7h84Q3Be1DRQZLncwcfLoPA5RPQ65qfiCMqgYwdUuQ//eVpg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/schemas": "30.0.1",
+        "ansi-styles": "^5.2.0",
+        "react-is": "^18.3.1"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/jest-matcher-utils/node_modules/pretty-format/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/jest-matcher-utils/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jest-matcher-utils/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jest-message-util": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-29.7.0.tgz",
+      "integrity": "sha512-GBEV4GRADeP+qtB2+6u61stea8mGcOT4mCtrYISZwfu9/ISHFJ/5zOMXYbpBE9RsS5+Gb63DW4FgmnKJ79Kf6w==",
+      "dependencies": {
+        "@babel/code-frame": "^7.12.13",
+        "@jest/types": "^29.6.3",
+        "@types/stack-utils": "^2.0.0",
+        "chalk": "^4.0.0",
+        "graceful-fs": "^4.2.9",
+        "micromatch": "^4.0.4",
+        "pretty-format": "^29.7.0",
+        "slash": "^3.0.0",
+        "stack-utils": "^2.0.3"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-message-util/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/jest-message-util/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/jest-message-util/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/jest-message-util/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+    },
+    "node_modules/jest-message-util/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jest-message-util/node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jest-message-util/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jest-mock": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-mock/-/jest-mock-29.7.0.tgz",
+      "integrity": "sha512-ITOMZn+UkYS4ZFh83xYAOzWStloNzJFO2s8DWrE4lhtGD+AorgnbkiKERe4wQVBydIGPx059g6riW5Btp6Llnw==",
+      "dependencies": {
+        "@jest/types": "^29.6.3",
+        "@types/node": "*",
+        "jest-util": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-regex-util": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-29.6.3.tgz",
+      "integrity": "sha512-KJJBsRCyyLNWCNBOvZyRDnAIfUiRJ8v+hOBQYGn8gDyF3UegwiP4gwRR3/SDa42g1YbVycTidUF3rKjyLFDWbg==",
+      "license": "MIT",
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-util": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.7.0.tgz",
+      "integrity": "sha512-z6EbKajIpqGKU56y5KBUgy1dt1ihhQJgWzUlZHArA/+X2ad7Cb5iF+AK1EWVL/Bo7Rz9uurpqw6SiBCefUbCGA==",
+      "dependencies": {
+        "@jest/types": "^29.6.3",
+        "@types/node": "*",
+        "chalk": "^4.0.0",
+        "ci-info": "^3.2.0",
+        "graceful-fs": "^4.2.9",
+        "picomatch": "^2.2.3"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-util/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/jest-util/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/jest-util/node_modules/ci-info": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz",
+      "integrity": "sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/sibiraj-s"
+        }
+      ],
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jest-util/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/jest-util/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+    },
+    "node_modules/jest-util/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jest-util/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jest-validate": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-validate/-/jest-validate-29.7.0.tgz",
+      "integrity": "sha512-ZB7wHqaRGVw/9hST/OuFUReG7M8vKeq0/J2egIGLdvjHCmYqGARhzXmtgi+gVeZ5uXFF219aOc3Ls2yLg27tkw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^29.6.3",
+        "camelcase": "^6.2.0",
+        "chalk": "^4.0.0",
+        "jest-get-type": "^29.6.3",
+        "leven": "^3.1.0",
+        "pretty-format": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-validate/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/jest-validate/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/jest-validate/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/jest-validate/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "license": "MIT"
+    },
+    "node_modules/jest-validate/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jest-validate/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jest-worker": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
+      "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      }
+    },
+    "node_modules/jest-worker/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jest-worker/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/jetifier": {
+      "version": "1.6.4",
+      "resolved": "https://registry.npmjs.org/jetifier/-/jetifier-1.6.4.tgz",
+      "integrity": "sha512-+f/4OLeqY8RAmXnonI1ffeY1DR8kMNJPhv5WMFehchf7U71cjMQVKkOz1n6asz6kfVoAqKNWJz1A/18i18AcXA==",
+      "dev": true,
+      "bin": {
+        "jetifier": "bin/jetify",
+        "jetifier-standalone": "bin/jetifier-standalone",
+        "jetify": "bin/jetify"
+      }
+    },
+    "node_modules/joi": {
+      "version": "17.13.3",
+      "resolved": "https://registry.npmjs.org/joi/-/joi-17.13.3.tgz",
+      "integrity": "sha512-otDA4ldcIx+ZXsKHWmp0YizCweVRZG96J10b0FevjfuncLO1oX59THoAmHkNubYJ+9gWsYsp5k8v4ib6oDv1fA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@hapi/hoek": "^9.3.0",
+        "@hapi/topo": "^5.1.0",
+        "@sideway/address": "^4.1.5",
+        "@sideway/formula": "^3.0.1",
+        "@sideway/pinpoint": "^2.0.0"
+      }
+    },
+    "node_modules/jquery": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.1.tgz",
+      "integrity": "sha512-opJeO4nCucVnsjiXOE+/PcCgYw9Gwpvs/a6B1LL/lQhwWwpbVEVYDZ1FokFr8PRc7ghYlrFPuyHuiiDNTQxmcw=="
+    },
+    "node_modules/jquery-i18next": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/jquery-i18next/-/jquery-i18next-1.2.1.tgz",
+      "integrity": "sha512-UNcw3rgxoKjGEg4w23FEn2h3OlPJU7rPzsgDuXDBZktIzeiVbJohs9Cv9hj8oP8KNfBRKOoErL/OVxg2FaAR4g=="
+    },
+    "node_modules/js-beautify": {
+      "version": "1.15.1",
+      "resolved": "https://registry.npmjs.org/js-beautify/-/js-beautify-1.15.1.tgz",
+      "integrity": "sha512-ESjNzSlt/sWE8sciZH8kBF8BPlwXPwhR6pWKAw8bw4Bwj+iZcnKW6ONWUutJ7eObuBZQpiIb8S7OYspWrKt7rA==",
+      "dev": true,
+      "dependencies": {
+        "config-chain": "^1.1.13",
+        "editorconfig": "^1.0.4",
+        "glob": "^10.3.3",
+        "js-cookie": "^3.0.5",
+        "nopt": "^7.2.0"
+      },
+      "bin": {
+        "css-beautify": "js/bin/css-beautify.js",
+        "html-beautify": "js/bin/html-beautify.js",
+        "js-beautify": "js/bin/js-beautify.js"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/js-beautify/node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/js-beautify/node_modules/glob": {
+      "version": "10.4.5",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
+      "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
+      "dev": true,
+      "dependencies": {
+        "foreground-child": "^3.1.0",
+        "jackspeak": "^3.1.2",
+        "minimatch": "^9.0.4",
+        "minipass": "^7.1.2",
+        "package-json-from-dist": "^1.0.0",
+        "path-scurry": "^1.11.1"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/js-beautify/node_modules/js-cookie": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-3.0.5.tgz",
+      "integrity": "sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==",
+      "dev": true,
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/js-beautify/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/js-cookie": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-2.2.1.tgz",
+      "integrity": "sha512-HvdH2LzI/EAZcUwA8+0nKNtWHqS+ZmijLA30RwZA0bo7ToCckjK5MkGhjED9KoRcXO6BaGI3I9UIzSA1FKFPOQ=="
+    },
+    "node_modules/js-md5": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/js-md5/-/js-md5-0.6.1.tgz",
+      "integrity": "sha512-lyUTXOqMEaA9mm38mHxbTo83WsYAvMJm850kxJcRno3T2qL+e40B2G89E0/4r9TdAeB3jN0TdSVp/VHNI6/WyQ=="
+    },
+    "node_modules/js-sha512": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/js-sha512/-/js-sha512-0.8.0.tgz",
+      "integrity": "sha512-PWsmefG6Jkodqt+ePTvBZCSMFgN7Clckjd0O7su3I0+BW2QWUTJNzjktHsztGLhncP2h8mcF9V9Y2Ha59pAViQ=="
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jsc-android": {
+      "version": "250231.0.0",
+      "resolved": "https://registry.npmjs.org/jsc-android/-/jsc-android-250231.0.0.tgz",
+      "integrity": "sha512-rS46PvsjYmdmuz1OAWXY/1kCYG7pnf1TBqeTiOJr1iDz7s5DLxxC9n/ZMknLDxzYzNVfI7R95MH10emSSG1Wuw==",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/jsc-safe-url": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/jsc-safe-url/-/jsc-safe-url-0.2.4.tgz",
+      "integrity": "sha512-0wM3YBWtYePOjfyXQH5MWQ8H7sdk5EXSwZvmSLKk2RboVQ2Bu239jycHDz5J/8Blf3K0Qnoy2b6xD+z10MFB+Q==",
+      "license": "0BSD"
+    },
+    "node_modules/jscodeshift": {
+      "version": "17.3.0",
+      "resolved": "https://registry.npmjs.org/jscodeshift/-/jscodeshift-17.3.0.tgz",
+      "integrity": "sha512-LjFrGOIORqXBU+jwfC9nbkjmQfFldtMIoS6d9z2LG/lkmyNXsJAySPT+2SWXJEoE68/bCWcxKpXH37npftgmow==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.24.7",
+        "@babel/parser": "^7.24.7",
+        "@babel/plugin-transform-class-properties": "^7.24.7",
+        "@babel/plugin-transform-modules-commonjs": "^7.24.7",
+        "@babel/plugin-transform-nullish-coalescing-operator": "^7.24.7",
+        "@babel/plugin-transform-optional-chaining": "^7.24.7",
+        "@babel/plugin-transform-private-methods": "^7.24.7",
+        "@babel/preset-flow": "^7.24.7",
+        "@babel/preset-typescript": "^7.24.7",
+        "@babel/register": "^7.24.6",
+        "flow-parser": "0.*",
+        "graceful-fs": "^4.2.4",
+        "micromatch": "^4.0.7",
+        "neo-async": "^2.5.0",
+        "picocolors": "^1.0.1",
+        "recast": "^0.23.11",
+        "tmp": "^0.2.3",
+        "write-file-atomic": "^5.0.1"
+      },
+      "bin": {
+        "jscodeshift": "bin/jscodeshift.js"
+      },
+      "engines": {
+        "node": ">=16"
+      },
+      "peerDependencies": {
+        "@babel/preset-env": "^7.1.6"
+      },
+      "peerDependenciesMeta": {
+        "@babel/preset-env": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/jscodeshift/node_modules/tmp": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.3.tgz",
+      "integrity": "sha512-nZD7m9iCPC5g0pYmcaxogYKggSfLsdxl8of3Q/oIbqCqLLIO9IAF0GWjX1z9NZRHPiXv8Wex4yDCaZsgEw0Y8w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.14"
+      }
+    },
+    "node_modules/jsdoc-type-pratt-parser": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/jsdoc-type-pratt-parser/-/jsdoc-type-pratt-parser-4.1.0.tgz",
+      "integrity": "sha512-Hicd6JK5Njt2QB6XYFS7ok9e37O8AYk3jTcppG4YVQnYjOemymvTcmc7OWsmq/Qqj5TdRFO5/x/tIPmBeRtGHg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/jsesc": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz",
+      "integrity": "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==",
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/json-parse-better-errors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
+      "integrity": "sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==",
+      "license": "MIT"
+    },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w=="
+    },
+    "node_modules/json-schema": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.4.0.tgz",
+      "integrity": "sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==",
+      "dev": true
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="
+    },
+    "node_modules/json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=",
+      "dev": true
+    },
+    "node_modules/json-stringify-safe": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
+      "integrity": "sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==",
+      "dev": true
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/jsonfile": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
+      "integrity": "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=",
+      "dev": true,
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/jsonwebtoken": {
+      "version": "9.0.2",
+      "resolved": "https://registry.npmjs.org/jsonwebtoken/-/jsonwebtoken-9.0.2.tgz",
+      "integrity": "sha512-PRp66vJ865SSqOlgqS8hujT5U4AOgMfhrwYIuIhfKaoSCZcirrmASQr8CX7cUg+RMih+hgznrjp99o+W4pJLHQ==",
+      "dev": true,
+      "dependencies": {
+        "jws": "^3.2.2",
+        "lodash.includes": "^4.3.0",
+        "lodash.isboolean": "^3.0.3",
+        "lodash.isinteger": "^4.0.4",
+        "lodash.isnumber": "^3.0.3",
+        "lodash.isplainobject": "^4.0.6",
+        "lodash.isstring": "^4.0.1",
+        "lodash.once": "^4.0.0",
+        "ms": "^2.1.1",
+        "semver": "^7.5.4"
+      },
+      "engines": {
+        "node": ">=12",
+        "npm": ">=6"
+      }
+    },
+    "node_modules/jsx-ast-utils": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.2.1.tgz",
+      "integrity": "sha512-uP5vu8xfy2F9A6LGC22KO7e2/vGTS1MhP+18f++ZNlf0Ohaxbc9nIEwHAsejlJKyzfZzU5UIhe5ItYkitcZnZA==",
+      "dev": true,
+      "dependencies": {
+        "array-includes": "^3.1.3",
+        "object.assign": "^4.1.2"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/jszip": {
+      "version": "3.10.1",
+      "resolved": "https://registry.npmjs.org/jszip/-/jszip-3.10.1.tgz",
+      "integrity": "sha512-xXDvecyTpGLrqFrvkrUSoxxfJI5AH7U8zxxtVclpsUtMCq4JQ290LY8AW5c7Ggnr/Y/oK+bQMbqK2qmtk3pN4g==",
+      "dev": true,
+      "license": "(MIT OR GPL-3.0-or-later)",
+      "dependencies": {
+        "lie": "~3.3.0",
+        "pako": "~1.0.2",
+        "readable-stream": "~2.3.6",
+        "setimmediate": "^1.0.5"
+      }
+    },
+    "node_modules/jszip/node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jszip/node_modules/readable-stream": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/jszip/node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/junit-report-builder": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/junit-report-builder/-/junit-report-builder-5.1.1.tgz",
+      "integrity": "sha512-ZNOIIGMzqCGcHQEA2Q4rIQQ3Df6gSIfne+X9Rly9Bc2y55KxAZu8iGv+n2pP0bLf0XAOctJZgeloC54hWzCahQ==",
+      "dev": true,
+      "dependencies": {
+        "lodash": "^4.17.21",
+        "make-dir": "^3.1.0",
+        "xmlbuilder": "^15.1.1"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/jwa": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/jwa/-/jwa-1.4.1.tgz",
+      "integrity": "sha512-qiLX/xhEEFKUAJ6FiBMbes3w9ATzyk5W7Hvzpa/SLYdxNtng+gcurvrI7TbACjIXlsJyr05/S1oUhZrc63evQA==",
+      "dev": true,
+      "dependencies": {
+        "buffer-equal-constant-time": "1.0.1",
+        "ecdsa-sig-formatter": "1.0.11",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/jws": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/jws/-/jws-3.2.2.tgz",
+      "integrity": "sha512-YHlZCB6lMTllWDtSPHz/ZXTsi8S00usEV6v1tjq8tOUZzw7DpSDWVXjXDre6ed1w/pd495ODpHZYSdkRTsa0HA==",
+      "dev": true,
+      "dependencies": {
+        "jwa": "^1.4.1",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/jwt-decode": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/jwt-decode/-/jwt-decode-2.2.0.tgz",
+      "integrity": "sha1-fYa9VmefWM5qhHBKZX3TkruoGnk="
+    },
+    "node_modules/kind-of": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/klaw-sync": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/klaw-sync/-/klaw-sync-6.0.0.tgz",
+      "integrity": "sha512-nIeuVSzdCCs6TDPTqI8w1Yre34sSq7AkZ4B3sfOBbI2CgVSB4Du4aLQijFU2+lhAFCwt9+42Hel6lQNIv6AntQ==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.1.11"
+      }
+    },
+    "node_modules/kleur": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz",
+      "integrity": "sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/launch-editor": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/launch-editor/-/launch-editor-2.6.1.tgz",
+      "integrity": "sha512-eB/uXmFVpY4zezmGp5XtU21kwo7GBbKB+EQ+UZeWtGb9yAM5xt/Evk+lYH3eRNAtId+ej4u7TYPFZ07w4s7rRw==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^1.0.0",
+        "shell-quote": "^1.8.1"
+      }
+    },
+    "node_modules/lazystream": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/lazystream/-/lazystream-1.0.1.tgz",
+      "integrity": "sha512-b94GiNHQNy6JNTrt5w6zNyffMrNkXZb3KTkCZJb2V1xaEGCk093vkZ2jk3tpaeP33/OiXC+WvK9AxUebnf5nbw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "readable-stream": "^2.0.5"
+      },
+      "engines": {
+        "node": ">= 0.6.3"
+      }
+    },
+    "node_modules/lazystream/node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lazystream/node_modules/readable-stream": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/lazystream/node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/leven": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/leven/-/leven-3.1.0.tgz",
+      "integrity": "sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/lib-jitsi-meet": {
+      "version": "0.0.0",
+      "resolved": "https://github.com/jitsi/lib-jitsi-meet/releases/download/v2118.0.0+67fd2c84/lib-jitsi-meet.tgz",
+      "integrity": "sha512-V0fp3/ZJRjHZgRlpzfCcdIF4nZ+WWWkAxKuWVTMHXfcZj07aQUHTiwIukgRludtaj9RcyNcqCVC0PrGBeeUzTw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@jitsi/js-utils": "^2.6.7",
+        "@jitsi/logger": "2.1.1",
+        "@jitsi/precall-test": "1.0.6",
+        "@jitsi/rtcstats": "9.7.0",
+        "@testrtc/watchrtc-sdk": "1.38.2",
+        "async-es": "3.2.4",
+        "base64-js": "1.5.1",
+        "current-executing-script": "0.1.3",
+        "emoji-regex": "10.4.0",
+        "lodash-es": "4.17.21",
+        "sdp-transform": "2.3.0",
+        "strophe.js": "https://github.com/jitsi/strophejs/releases/download/v1.5-jitsi-3/strophe.js-1.5.0.tgz",
+        "uuid": "8.3.2",
+        "webrtc-adapter": "8.1.1"
+      }
+    },
+    "node_modules/lib-jitsi-meet/node_modules/@jitsi/logger": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@jitsi/logger/-/logger-2.0.2.tgz",
+      "integrity": "sha512-qwbpRwuwkBFgh0F5jivq/5fAm46yVoXURc5LCklEs8lAShYVangFEXKW7RLpZuZ5nQnrHrlvU8MswQNREmvahg=="
+    },
+    "node_modules/lib-jitsi-meet/node_modules/@jitsi/rtcstats": {
+      "version": "9.7.0",
+      "resolved": "https://registry.npmjs.org/@jitsi/rtcstats/-/rtcstats-9.7.0.tgz",
+      "integrity": "sha512-OPURb3GO7zciPYoF/5IWLl2VVd90GD9KFlOnLQPalI2gUQDfxYNqn7JqeKAug1peTgml6I2o55lWYINuzPETWQ==",
+      "dependencies": {
+        "@jitsi/js-utils": "^2.2.0",
+        "@jitsi/logger": "2.0.2",
+        "sdp": "^3.0.3",
+        "uuid": "^8.3.2"
+      }
+    },
+    "node_modules/lib-jitsi-meet/node_modules/emoji-regex": {
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.4.0.tgz",
+      "integrity": "sha512-EC+0oUMY1Rqm4O6LLrgjtYDvcVYTy7chDnM4Q7030tP4Kwj3u/pR6gP9ygnp2CJMK5Gq+9Q2oqmrFJAz01DXjw==",
+      "license": "MIT"
+    },
+    "node_modules/lie": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/lie/-/lie-3.3.0.tgz",
+      "integrity": "sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "immediate": "~3.0.5"
+      }
+    },
+    "node_modules/lighthouse-logger": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/lighthouse-logger/-/lighthouse-logger-1.4.2.tgz",
+      "integrity": "sha512-gPWxznF6TKmUHrOQjlVo2UbaL2EJ71mb2CCeRs/2qBpi4L/g4LUVc9+3lKQ6DTUZwJswfM7ainGrLO1+fOqa2g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "debug": "^2.6.9",
+        "marky": "^1.2.2"
+      }
+    },
+    "node_modules/lighthouse-logger/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/lighthouse-logger/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "license": "MIT"
+    },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
+    },
+    "node_modules/linkify-it": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-2.2.0.tgz",
+      "integrity": "sha512-GnAl/knGn+i1U/wjBz3akz2stz+HrHLsxMwHQGofCDfPvlf+gDKN58UtfmUquTY4/MXeE2x7k19KQmeoZi94Iw==",
+      "dependencies": {
+        "uc.micro": "^1.0.1"
+      }
+    },
+    "node_modules/load-script": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/load-script/-/load-script-1.0.0.tgz",
+      "integrity": "sha1-BJGTngvuVkPuSUp+PaPSuscMbKQ="
+    },
+    "node_modules/loader-runner": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.2.0.tgz",
+      "integrity": "sha512-92+huvxMvYlMzMt0iIOukcwYBFpkYJdpl2xsZ7LrlayO7E8SOv+JJUEK17B/dJIHAOLMfh2dZZ/Y18WgmGtYNw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.11.5"
+      }
+    },
+    "node_modules/loader-utils": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz",
+      "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
+      "dependencies": {
+        "big.js": "^5.2.2",
+        "emojis-list": "^3.0.0",
+        "json5": "^2.1.2"
+      },
+      "engines": {
+        "node": ">=8.9.0"
+      }
+    },
+    "node_modules/locate-app": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/locate-app/-/locate-app-2.5.0.tgz",
+      "integrity": "sha512-xIqbzPMBYArJRmPGUZD9CzV9wOqmVtQnaAn3wrj3s6WYW0bQvPI7x+sPYUGmDTYMHefVK//zc6HEYZ1qnxIK+Q==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://buymeacoffee.com/hejny"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/hejny/locate-app/blob/main/README.md#%EF%B8%8F-contributing"
+        }
+      ],
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@promptbook/utils": "0.69.5",
+        "type-fest": "4.26.0",
+        "userhome": "1.0.1"
+      }
+    },
+    "node_modules/locate-app/node_modules/type-fest": {
+      "version": "4.26.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.26.0.tgz",
+      "integrity": "sha512-OduNjVJsFbifKb57UqZ2EMP1i4u64Xwow3NYXUtBbD4vIwJdQd4+xl8YDou1dlm4DVrtwT/7Ky8z8WyCULVfxw==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/locate-path": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+      "dependencies": {
+        "p-locate": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "dev": true
+    },
+    "node_modules/lodash-es": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
+      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="
+    },
+    "node_modules/lodash.clonedeep": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
+      "integrity": "sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.debounce": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
+      "integrity": "sha1-gteb/zCmfEAF/9XiUVMArZyk168="
+    },
+    "node_modules/lodash.flatten": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/lodash.flatten/-/lodash.flatten-4.4.0.tgz",
+      "integrity": "sha1-8xwiIlqWMtK7+OSt2+8kCqdlph8="
+    },
+    "node_modules/lodash.flattendeep": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/lodash.flattendeep/-/lodash.flattendeep-4.4.0.tgz",
+      "integrity": "sha512-uHaJFihxmJcEX3kT4I23ABqKKalJ/zDrDg0lsFtc1h+3uw49SIJ5beyhx5ExVRti3AvKoOJngIj7xz3oylPdWQ==",
+      "dev": true
+    },
+    "node_modules/lodash.includes": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/lodash.includes/-/lodash.includes-4.3.0.tgz",
+      "integrity": "sha512-W3Bx6mdkRTGtlJISOvVD/lbqjTlPPUDTMnlXZFnVwi9NKJ6tiAk6LVdlhZMm17VZisqhKcgzpO5Wz91PCt5b0w==",
+      "dev": true
+    },
+    "node_modules/lodash.isboolean": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/lodash.isboolean/-/lodash.isboolean-3.0.3.tgz",
+      "integrity": "sha512-Bz5mupy2SVbPHURB98VAcw+aHh4vRV5IPNhILUCsOzRmsTmSQ17jIuqopAentWoehktxGd9e/hbIXq980/1QJg==",
+      "dev": true
+    },
+    "node_modules/lodash.isequal": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.isequal/-/lodash.isequal-4.5.0.tgz",
+      "integrity": "sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==",
+      "deprecated": "This package is deprecated. Use require('node:util').isDeepStrictEqual instead.",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.isinteger": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/lodash.isinteger/-/lodash.isinteger-4.0.4.tgz",
+      "integrity": "sha512-DBwtEWN2caHQ9/imiNeEA5ys1JoRtRfY3d7V9wkqtbycnAmTvRRmbHKDV4a0EYc678/dia0jrte4tjYwVBaZUA==",
+      "dev": true
+    },
+    "node_modules/lodash.isnumber": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/lodash.isnumber/-/lodash.isnumber-3.0.3.tgz",
+      "integrity": "sha512-QYqzpfwO3/CWf3XP+Z+tkQsfaLL/EnUlXWVkIk5FUPc4sBdTehEqZONuyRt2P67PXAk+NXmTBcc97zw9t1FQrw==",
+      "dev": true
+    },
+    "node_modules/lodash.isplainobject": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
+      "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==",
+      "dev": true
+    },
+    "node_modules/lodash.isstring": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/lodash.isstring/-/lodash.isstring-4.0.1.tgz",
+      "integrity": "sha1-1SfftUVuynzJu5XV2ur4i6VKVFE="
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true
+    },
+    "node_modules/lodash.once": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/lodash.once/-/lodash.once-4.1.1.tgz",
+      "integrity": "sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg==",
+      "dev": true
+    },
+    "node_modules/lodash.pickby": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/lodash.pickby/-/lodash.pickby-4.6.0.tgz",
+      "integrity": "sha512-AZV+GsS/6ckvPOVQPXSiFFacKvKB4kOQu6ynt9wz0F3LO4R9Ij4K1ddYsIytDpSgLz88JHd9P+oaLeej5/Sl7Q==",
+      "dev": true
+    },
+    "node_modules/lodash.throttle": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/lodash.throttle/-/lodash.throttle-4.1.1.tgz",
+      "integrity": "sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.union": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/lodash.union/-/lodash.union-4.6.0.tgz",
+      "integrity": "sha512-c4pB2CdGrGdjMKYLA+XiRDO7Y0PRQbm/Gzg8qMj+QH+pFVAoTp5sBpO0odL3FjoPCGjK96p6qsP+yQoiLoOBcw==",
+      "dev": true
+    },
+    "node_modules/lodash.zip": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/lodash.zip/-/lodash.zip-4.2.0.tgz",
+      "integrity": "sha512-C7IOaBBK/0gMORRBd8OETNx3kmOkgIWIPvyDpZSCTwUrpYmgZwJkjZeOD8ww4xbOUOs4/attY+pciKvadNfFbg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/log-symbols": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz",
+      "integrity": "sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.1.0",
+        "is-unicode-supported": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-symbols/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/log-symbols/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/log-symbols/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/log-symbols/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/log-symbols/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/log-symbols/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/logkitty": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/logkitty/-/logkitty-0.7.1.tgz",
+      "integrity": "sha512-/3ER20CTTbahrCrpYfPn7Xavv9diBROZpoXGVZDWMw4b/X4uuUwAC0ki85tgsdMRONURyIJbcOvS94QsUBYPbQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-fragments": "^0.2.1",
+        "dayjs": "^1.8.15",
+        "yargs": "^15.1.0"
+      },
+      "bin": {
+        "logkitty": "bin/logkitty.js"
+      }
+    },
+    "node_modules/logkitty/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/logkitty/node_modules/camelcase": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/logkitty/node_modules/cliui": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz",
+      "integrity": "sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.0",
+        "wrap-ansi": "^6.2.0"
+      }
+    },
+    "node_modules/logkitty/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/logkitty/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/logkitty/node_modules/wrap-ansi": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
+      "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/logkitty/node_modules/y18n": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz",
+      "integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/logkitty/node_modules/yargs": {
+      "version": "15.4.1",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz",
+      "integrity": "sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^6.0.0",
+        "decamelize": "^1.2.0",
+        "find-up": "^4.1.0",
+        "get-caller-file": "^2.0.1",
+        "require-directory": "^2.1.1",
+        "require-main-filename": "^2.0.0",
+        "set-blocking": "^2.0.0",
+        "string-width": "^4.2.0",
+        "which-module": "^2.0.0",
+        "y18n": "^4.0.0",
+        "yargs-parser": "^18.1.2"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/logkitty/node_modules/yargs-parser": {
+      "version": "18.1.3",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz",
+      "integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "camelcase": "^5.0.0",
+        "decamelize": "^1.2.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/loglevel": {
+      "version": "1.9.2",
+      "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.9.2.tgz",
+      "integrity": "sha512-HgMmCqIJSAKqo68l0rS2AanEWfkxaZ5wNiEFb5ggm08lDs9Xl2KxBlX3PTcaD2chBM1gXAYf491/M2Rv8Jwayg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6.0"
+      },
+      "funding": {
+        "type": "tidelift",
+        "url": "https://tidelift.com/funding/github/npm/loglevel"
+      }
+    },
+    "node_modules/loglevel-plugin-prefix": {
+      "version": "0.8.4",
+      "resolved": "https://registry.npmjs.org/loglevel-plugin-prefix/-/loglevel-plugin-prefix-0.8.4.tgz",
+      "integrity": "sha512-WpG9CcFAOjz/FtNht+QJeGpvVl/cdR6P0z6OcXSkr8wFJOsV2GRj2j10JLfjuA4aYkcKCNIEqRGCyTife9R8/g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/long": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/long/-/long-4.0.0.tgz",
+      "integrity": "sha512-XsP+KhQif4bjX1kbuSiySJFNAehNxgLb6hPRGJ9QsUr8ajHkuXGdrHmFUTUUXhDwVX2R5bY4JNZEwbUiMhV+MA=="
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/lower-case": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz",
+      "integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==",
+      "dependencies": {
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.17",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
+      "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0"
+      }
+    },
+    "node_modules/make-dir": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
+      "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/make-dir/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/makeerror": {
+      "version": "1.0.12",
+      "resolved": "https://registry.npmjs.org/makeerror/-/makeerror-1.0.12.tgz",
+      "integrity": "sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "tmpl": "1.0.5"
+      }
+    },
+    "node_modules/marky": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/marky/-/marky-1.3.0.tgz",
+      "integrity": "sha512-ocnPZQLNpvbedwTy9kNrQEsknEfgvcLMvOtz3sFeWApDq1MXH1TqkCIx58xlpESsfwQOnuBO9beyQuNGzVvuhQ==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/matroska": {
+      "version": "2.2.5",
+      "resolved": "https://registry.npmjs.org/matroska/-/matroska-2.2.5.tgz",
+      "integrity": "sha512-6+yf536Aofg8jVWQcLl/z2v8PXZMkjUs080t+Nyz++BZSJ+0U6c2RBudXqKT6DrV89DdNkklyHhHlWerpS06hw==",
+      "license": "GPL",
+      "dependencies": {
+        "async": "1.0.0",
+        "crc": "3.2.1",
+        "dateformat": "1.0.11",
+        "debug": "^2.6.9",
+        "follow-redirects": "^1.14.9",
+        "mime": "^1.6.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/matroska-schema": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/matroska-schema/-/matroska-schema-2.1.0.tgz",
+      "integrity": "sha512-6c1oFmDxf4Vc5J5lA+9wO7TKcw5M1w85HfzFhAFT4OuEUuqp/s/jqqC3OKlaWe1YwN5wTThJyTC7iwhyW7kQdg==",
+      "license": "MIT"
+    },
+    "node_modules/matroska/node_modules/async": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/async/-/async-1.0.0.tgz",
+      "integrity": "sha512-5mO7DX4CbJzp9zjaFXusQQ4tzKJARjNB1Ih1pVBi8wkbmXy/xzIDgEMXxWePLzt2OdFwaxfneIlT1nCiXubrPQ==",
+      "license": "MIT"
+    },
+    "node_modules/matroska/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/matroska/node_modules/mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "license": "MIT",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/matroska/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "license": "MIT"
+    },
+    "node_modules/md5": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/md5/-/md5-2.3.0.tgz",
+      "integrity": "sha512-T1GITYmFaKuO91vxyoQMFETst+O71VUPEU3ze5GNzDm0OWdP8v1ziTaAEPUr/3kLsY3Sftgz242A1SetQiDL7g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "charenc": "0.0.2",
+        "crypt": "0.0.2",
+        "is-buffer": "~1.1.6"
+      }
+    },
+    "node_modules/mdn-data": {
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
+      "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow=="
+    },
+    "node_modules/media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/memfs": {
+      "version": "4.14.0",
+      "resolved": "https://registry.npmjs.org/memfs/-/memfs-4.14.0.tgz",
+      "integrity": "sha512-JUeY0F/fQZgIod31Ja1eJgiSxLn7BfQlCnqhwXFBzFHEw63OdLK7VJUJ7bnzNsWgCyoUP5tEp1VRY8rDaYzqOA==",
+      "dev": true,
+      "dependencies": {
+        "@jsonjoy.com/json-pack": "^1.0.3",
+        "@jsonjoy.com/util": "^1.3.0",
+        "tree-dump": "^1.0.1",
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 4.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      }
+    },
+    "node_modules/memoize-one": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-5.2.1.tgz",
+      "integrity": "sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q=="
+    },
+    "node_modules/meow": {
+      "version": "13.2.0",
+      "resolved": "https://registry.npmjs.org/meow/-/meow-13.2.0.tgz",
+      "integrity": "sha512-pxQJQzB6djGPXh08dacEloMFopsOqGVRKFPYvPOt9XDZ1HasbgDZA74CJGreSU4G3Ak7EFJGoiH2auq+yXISgA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/merge-descriptors": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz",
+      "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/merge-options": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/merge-options/-/merge-options-3.0.4.tgz",
+      "integrity": "sha512-2Sug1+knBjkaMsMgf1ctR1Ujx+Ayku4EdJN4Z+C2+JzoeF7A3OZ9KM2GY0CpQS51NR61LTurMJrRKPhSs3ZRTQ==",
+      "dependencies": {
+        "is-plain-obj": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/merge-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w=="
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/methods": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+      "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/metro": {
+      "version": "0.81.5",
+      "resolved": "https://registry.npmjs.org/metro/-/metro-0.81.5.tgz",
+      "integrity": "sha512-YpFF0DDDpDVygeca2mAn7K0+us+XKmiGk4rIYMz/CRdjFoCGqAei/IQSpV0UrGfQbToSugpMQeQJveaWSH88Hg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.24.7",
+        "@babel/core": "^7.25.2",
+        "@babel/generator": "^7.25.0",
+        "@babel/parser": "^7.25.3",
+        "@babel/template": "^7.25.0",
+        "@babel/traverse": "^7.25.3",
+        "@babel/types": "^7.25.2",
+        "accepts": "^1.3.7",
+        "chalk": "^4.0.0",
+        "ci-info": "^2.0.0",
+        "connect": "^3.6.5",
+        "debug": "^2.2.0",
+        "error-stack-parser": "^2.0.6",
+        "flow-enums-runtime": "^0.0.6",
+        "graceful-fs": "^4.2.4",
+        "hermes-parser": "0.25.1",
+        "image-size": "^1.0.2",
+        "invariant": "^2.2.4",
+        "jest-worker": "^29.7.0",
+        "jsc-safe-url": "^0.2.2",
+        "lodash.throttle": "^4.1.1",
+        "metro-babel-transformer": "0.81.5",
+        "metro-cache": "0.81.5",
+        "metro-cache-key": "0.81.5",
+        "metro-config": "0.81.5",
+        "metro-core": "0.81.5",
+        "metro-file-map": "0.81.5",
+        "metro-resolver": "0.81.5",
+        "metro-runtime": "0.81.5",
+        "metro-source-map": "0.81.5",
+        "metro-symbolicate": "0.81.5",
+        "metro-transform-plugins": "0.81.5",
+        "metro-transform-worker": "0.81.5",
+        "mime-types": "^2.1.27",
+        "nullthrows": "^1.1.1",
+        "serialize-error": "^2.1.0",
+        "source-map": "^0.5.6",
+        "throat": "^5.0.0",
+        "ws": "^7.5.10",
+        "yargs": "^17.6.2"
+      },
+      "bin": {
+        "metro": "src/cli.js"
+      },
+      "engines": {
+        "node": ">=18.18"
+      }
+    },
+    "node_modules/metro-babel-transformer": {
+      "version": "0.81.5",
+      "resolved": "https://registry.npmjs.org/metro-babel-transformer/-/metro-babel-transformer-0.81.5.tgz",
+      "integrity": "sha512-oKCQuajU5srm+ZdDcFg86pG/U8hkSjBlkyFjz380SZ4TTIiI5F+OQB830i53D8hmqmcosa4wR/pnKv8y4Q3dLw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.25.2",
+        "flow-enums-runtime": "^0.0.6",
+        "hermes-parser": "0.25.1",
+        "nullthrows": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=18.18"
+      }
+    },
+    "node_modules/metro-cache": {
+      "version": "0.81.5",
+      "resolved": "https://registry.npmjs.org/metro-cache/-/metro-cache-0.81.5.tgz",
+      "integrity": "sha512-wOsXuEgmZMZ5DMPoz1pEDerjJ11AuMy9JifH4yNW7NmWS0ghCRqvDxk13LsElzLshey8C+my/tmXauXZ3OqZgg==",
+      "license": "MIT",
+      "dependencies": {
+        "exponential-backoff": "^3.1.1",
+        "flow-enums-runtime": "^0.0.6",
+        "metro-core": "0.81.5"
+      },
+      "engines": {
+        "node": ">=18.18"
+      }
+    },
+    "node_modules/metro-cache-key": {
+      "version": "0.81.5",
+      "resolved": "https://registry.npmjs.org/metro-cache-key/-/metro-cache-key-0.81.5.tgz",
+      "integrity": "sha512-lGWnGVm1UwO8faRZ+LXQUesZSmP1LOg14OVR+KNPBip8kbMECbQJ8c10nGesw28uQT7AE0lwQThZPXlxDyCLKQ==",
+      "license": "MIT",
+      "dependencies": {
+        "flow-enums-runtime": "^0.0.6"
+      },
+      "engines": {
+        "node": ">=18.18"
+      }
+    },
+    "node_modules/metro-config": {
+      "version": "0.81.5",
+      "resolved": "https://registry.npmjs.org/metro-config/-/metro-config-0.81.5.tgz",
+      "integrity": "sha512-oDRAzUvj6RNRxratFdcVAqtAsg+T3qcKrGdqGZFUdwzlFJdHGR9Z413sW583uD2ynsuOjA2QB6US8FdwiBdNKg==",
+      "license": "MIT",
+      "dependencies": {
+        "connect": "^3.6.5",
+        "cosmiconfig": "^5.0.5",
+        "flow-enums-runtime": "^0.0.6",
+        "jest-validate": "^29.7.0",
+        "metro": "0.81.5",
+        "metro-cache": "0.81.5",
+        "metro-core": "0.81.5",
+        "metro-runtime": "0.81.5"
+      },
+      "engines": {
+        "node": ">=18.18"
+      }
+    },
+    "node_modules/metro-config/node_modules/argparse": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+      "license": "MIT",
+      "dependencies": {
+        "sprintf-js": "~1.0.2"
+      }
+    },
+    "node_modules/metro-config/node_modules/cosmiconfig": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-5.2.1.tgz",
+      "integrity": "sha512-H65gsXo1SKjf8zmrJ67eJk8aIRKV5ff2D4uKZIBZShbhGSpEmsQOPW/SKMKYhSTrqR7ufy6RP69rPogdaPh/kA==",
+      "license": "MIT",
+      "dependencies": {
+        "import-fresh": "^2.0.0",
+        "is-directory": "^0.3.1",
+        "js-yaml": "^3.13.1",
+        "parse-json": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/metro-config/node_modules/import-fresh": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-2.0.0.tgz",
+      "integrity": "sha512-eZ5H8rcgYazHbKC3PG4ClHNykCSxtAhxSSEM+2mb+7evD2CKF5V7c0dNum7AdpDh0ZdICwZY9sRSn8f+KH96sg==",
+      "license": "MIT",
+      "dependencies": {
+        "caller-path": "^2.0.0",
+        "resolve-from": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/metro-config/node_modules/js-yaml": {
+      "version": "3.14.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
+      "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^1.0.7",
+        "esprima": "^4.0.0"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/metro-config/node_modules/parse-json": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz",
+      "integrity": "sha512-aOIos8bujGN93/8Ox/jPLh7RwVnPEysynVFE+fQZyg6jKELEHwzgKdLRFHUgXJL6kylijVSBC4BvN9OmsB48Rw==",
+      "license": "MIT",
+      "dependencies": {
+        "error-ex": "^1.3.1",
+        "json-parse-better-errors": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/metro-config/node_modules/resolve-from": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz",
+      "integrity": "sha512-GnlH6vxLymXJNMBo7XP1fJIzBFbdYt49CuTwmB/6N53t+kMPRMFKz783LlQ4tv28XoQfMWinAJX6WCGf2IlaIw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/metro-core": {
+      "version": "0.81.5",
+      "resolved": "https://registry.npmjs.org/metro-core/-/metro-core-0.81.5.tgz",
+      "integrity": "sha512-+2R0c8ByfV2N7CH5wpdIajCWa8escUFd8TukfoXyBq/vb6yTCsznoA25FhNXJ+MC/cz1L447Zj3vdUfCXIZBwg==",
+      "license": "MIT",
+      "dependencies": {
+        "flow-enums-runtime": "^0.0.6",
+        "lodash.throttle": "^4.1.1",
+        "metro-resolver": "0.81.5"
+      },
+      "engines": {
+        "node": ">=18.18"
+      }
+    },
+    "node_modules/metro-file-map": {
+      "version": "0.81.5",
+      "resolved": "https://registry.npmjs.org/metro-file-map/-/metro-file-map-0.81.5.tgz",
+      "integrity": "sha512-mW1PKyiO3qZvjeeVjj1brhkmIotObA3/9jdbY1fQQYvEWM6Ml7bN/oJCRDGn2+bJRlG+J8pwyJ+DgdrM4BsKyg==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^2.2.0",
+        "fb-watchman": "^2.0.0",
+        "flow-enums-runtime": "^0.0.6",
+        "graceful-fs": "^4.2.4",
+        "invariant": "^2.2.4",
+        "jest-worker": "^29.7.0",
+        "micromatch": "^4.0.4",
+        "nullthrows": "^1.1.1",
+        "walker": "^1.0.7"
+      },
+      "engines": {
+        "node": ">=18.18"
+      }
+    },
+    "node_modules/metro-file-map/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/metro-file-map/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/metro-file-map/node_modules/jest-worker": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-29.7.0.tgz",
+      "integrity": "sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "jest-util": "^29.7.0",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/metro-file-map/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "license": "MIT"
+    },
+    "node_modules/metro-file-map/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/metro-minify-terser": {
+      "version": "0.81.5",
+      "resolved": "https://registry.npmjs.org/metro-minify-terser/-/metro-minify-terser-0.81.5.tgz",
+      "integrity": "sha512-/mn4AxjANnsSS3/Bb+zA1G5yIS5xygbbz/OuPaJYs0CPcZCaWt66D+65j4Ft/nJkffUxcwE9mk4ubpkl3rjgtw==",
+      "license": "MIT",
+      "dependencies": {
+        "flow-enums-runtime": "^0.0.6",
+        "terser": "^5.15.0"
+      },
+      "engines": {
+        "node": ">=18.18"
+      }
+    },
+    "node_modules/metro-resolver": {
+      "version": "0.81.5",
+      "resolved": "https://registry.npmjs.org/metro-resolver/-/metro-resolver-0.81.5.tgz",
+      "integrity": "sha512-6BX8Nq3g3go3FxcyXkVbWe7IgctjDTk6D9flq+P201DfHHQ28J+DWFpVelFcrNTn4tIfbP/Bw7u/0g2BGmeXfQ==",
+      "license": "MIT",
+      "dependencies": {
+        "flow-enums-runtime": "^0.0.6"
+      },
+      "engines": {
+        "node": ">=18.18"
+      }
+    },
+    "node_modules/metro-runtime": {
+      "version": "0.81.5",
+      "resolved": "https://registry.npmjs.org/metro-runtime/-/metro-runtime-0.81.5.tgz",
+      "integrity": "sha512-M/Gf71ictUKP9+77dV/y8XlAWg7xl76uhU7ggYFUwEdOHHWPG6gLBr1iiK0BmTjPFH8yRo/xyqMli4s3oGorPQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.25.0",
+        "flow-enums-runtime": "^0.0.6"
+      },
+      "engines": {
+        "node": ">=18.18"
+      }
+    },
+    "node_modules/metro-source-map": {
+      "version": "0.81.5",
+      "resolved": "https://registry.npmjs.org/metro-source-map/-/metro-source-map-0.81.5.tgz",
+      "integrity": "sha512-Jz+CjvCKLNbJZYJTBeN3Kq9kIJf6b61MoLBdaOQZJ5Ajhw6Pf95Nn21XwA8BwfUYgajsi6IXsp/dTZsYJbN00Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.25.3",
+        "@babel/traverse--for-generate-function-map": "npm:@babel/traverse@^7.25.3",
+        "@babel/types": "^7.25.2",
+        "flow-enums-runtime": "^0.0.6",
+        "invariant": "^2.2.4",
+        "metro-symbolicate": "0.81.5",
+        "nullthrows": "^1.1.1",
+        "ob1": "0.81.5",
+        "source-map": "^0.5.6",
+        "vlq": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=18.18"
+      }
+    },
+    "node_modules/metro-symbolicate": {
+      "version": "0.81.5",
+      "resolved": "https://registry.npmjs.org/metro-symbolicate/-/metro-symbolicate-0.81.5.tgz",
+      "integrity": "sha512-X3HV3n3D6FuTE11UWFICqHbFMdTavfO48nXsSpnNGFkUZBexffu0Xd+fYKp+DJLNaQr3S+lAs8q9CgtDTlRRuA==",
+      "license": "MIT",
+      "dependencies": {
+        "flow-enums-runtime": "^0.0.6",
+        "invariant": "^2.2.4",
+        "metro-source-map": "0.81.5",
+        "nullthrows": "^1.1.1",
+        "source-map": "^0.5.6",
+        "vlq": "^1.0.0"
+      },
+      "bin": {
+        "metro-symbolicate": "src/index.js"
+      },
+      "engines": {
+        "node": ">=18.18"
+      }
+    },
+    "node_modules/metro-transform-plugins": {
+      "version": "0.81.5",
+      "resolved": "https://registry.npmjs.org/metro-transform-plugins/-/metro-transform-plugins-0.81.5.tgz",
+      "integrity": "sha512-MmHhVx/1dJC94FN7m3oHgv5uOjKH8EX8pBeu1pnPMxbJrx6ZuIejO0k84zTSaQTZ8RxX1wqwzWBpXAWPjEX8mA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.25.2",
+        "@babel/generator": "^7.25.0",
+        "@babel/template": "^7.25.0",
+        "@babel/traverse": "^7.25.3",
+        "flow-enums-runtime": "^0.0.6",
+        "nullthrows": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=18.18"
+      }
+    },
+    "node_modules/metro-transform-worker": {
+      "version": "0.81.5",
+      "resolved": "https://registry.npmjs.org/metro-transform-worker/-/metro-transform-worker-0.81.5.tgz",
+      "integrity": "sha512-lUFyWVHa7lZFRSLJEv+m4jH8WrR5gU7VIjUlg4XmxQfV8ngY4V10ARKynLhMYPeQGl7Qvf+Ayg0eCZ272YZ4Mg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.25.2",
+        "@babel/generator": "^7.25.0",
+        "@babel/parser": "^7.25.3",
+        "@babel/types": "^7.25.2",
+        "flow-enums-runtime": "^0.0.6",
+        "metro": "0.81.5",
+        "metro-babel-transformer": "0.81.5",
+        "metro-cache": "0.81.5",
+        "metro-cache-key": "0.81.5",
+        "metro-minify-terser": "0.81.5",
+        "metro-source-map": "0.81.5",
+        "metro-transform-plugins": "0.81.5",
+        "nullthrows": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=18.18"
+      }
+    },
+    "node_modules/metro/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/metro/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/metro/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/metro/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "license": "MIT"
+    },
+    "node_modules/metro/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/metro/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/metro/node_modules/jest-worker": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-29.7.0.tgz",
+      "integrity": "sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "jest-util": "^29.7.0",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/metro/node_modules/jest-worker/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/metro/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "license": "MIT"
+    },
+    "node_modules/metro/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/metro/node_modules/ws": {
+      "version": "7.5.10",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz",
+      "integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.3.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": "^5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/mime": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz",
+      "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.34",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.34.tgz",
+      "integrity": "sha512-6cP692WwGIs9XXdOO4++N+7qjqv0rqxxVvJ3VHPh/Sc9mVZcQP+ZGhkKiTvWMQRr2tbHkJP/Yn7Y0npb3ZBs4A==",
+      "dependencies": {
+        "mime-db": "1.51.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types/node_modules/mime-db": {
+      "version": "1.51.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.51.0.tgz",
+      "integrity": "sha512-5y8A56jg7XVQx2mbv1lu49NR4dokRnhZYTtL+KGfaa27uq4pSTXkwQkFJl4pkRMyNFz/EtYDSkiiEHx3F7UN6g==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mimic-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/minimalistic-assert": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
+      "integrity": "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==",
+      "dev": true
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz",
+      "integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==",
+      "dev": true
+    },
+    "node_modules/minipass": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
+      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/mitt": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/mitt/-/mitt-3.0.1.tgz",
+      "integrity": "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/mkdirp": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
+      "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
+      "license": "MIT",
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/mocha": {
+      "version": "10.8.2",
+      "resolved": "https://registry.npmjs.org/mocha/-/mocha-10.8.2.tgz",
+      "integrity": "sha512-VZlYo/WE8t1tstuRmqgeyBgCbJc/lEdopaa+axcKzTBJ+UIdlAB9XnmvTCAH4pwR4ElNInaedhEBmZD8iCSVEg==",
+      "dev": true,
+      "dependencies": {
+        "ansi-colors": "^4.1.3",
+        "browser-stdout": "^1.3.1",
+        "chokidar": "^3.5.3",
+        "debug": "^4.3.5",
+        "diff": "^5.2.0",
+        "escape-string-regexp": "^4.0.0",
+        "find-up": "^5.0.0",
+        "glob": "^8.1.0",
+        "he": "^1.2.0",
+        "js-yaml": "^4.1.0",
+        "log-symbols": "^4.1.0",
+        "minimatch": "^5.1.6",
+        "ms": "^2.1.3",
+        "serialize-javascript": "^6.0.2",
+        "strip-json-comments": "^3.1.1",
+        "supports-color": "^8.1.1",
+        "workerpool": "^6.5.1",
+        "yargs": "^16.2.0",
+        "yargs-parser": "^20.2.9",
+        "yargs-unparser": "^2.0.0"
+      },
+      "bin": {
+        "_mocha": "bin/_mocha",
+        "mocha": "bin/mocha.js"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/mocha/node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/mocha/node_modules/cliui": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz",
+      "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==",
+      "dev": true,
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.0",
+        "wrap-ansi": "^7.0.0"
+      }
+    },
+    "node_modules/mocha/node_modules/debug": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
+      "integrity": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/mocha/node_modules/diff": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/diff/-/diff-5.2.0.tgz",
+      "integrity": "sha512-uIFDxqpRZGZ6ThOk84hEfqWoHx2devRFvpTZcTHur85vImfaxUbTW9Ryh4CpCuDnToOP1CEtXKIgytHBPVff5A==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.3.1"
+      }
+    },
+    "node_modules/mocha/node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/mocha/node_modules/glob": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-8.1.0.tgz",
+      "integrity": "sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "dev": true,
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^5.0.1",
+        "once": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/mocha/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/mocha/node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/mocha/node_modules/minimatch": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
+      "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/mocha/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true
+    },
+    "node_modules/mocha/node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/mocha/node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/mocha/node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/mocha/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/mocha/node_modules/yargs": {
+      "version": "16.2.0",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz",
+      "integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==",
+      "dev": true,
+      "dependencies": {
+        "cliui": "^7.0.2",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.0",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^20.2.2"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/mocha/node_modules/yargs-parser": {
+      "version": "20.2.9",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
+      "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/modern-tar": {
+      "version": "0.7.3",
+      "resolved": "https://registry.npmjs.org/modern-tar/-/modern-tar-0.7.3.tgz",
+      "integrity": "sha512-4W79zekKGyYU4JXVmB78DOscMFaJth2gGhgfTl2alWE4rNe3nf4N2pqenQ0rEtIewrnD79M687Ouba3YGTLOvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/mrmime": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-1.0.0.tgz",
+      "integrity": "sha512-a70zx7zFfVO7XpnQ2IX1Myh9yY4UYvfld/dikWRnsXxbyvMcfz+u6UfgNAtH+k2QqtJuzVpv6eLTx1G2+WKZbQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+    },
+    "node_modules/multicast-dns": {
+      "version": "7.2.5",
+      "resolved": "https://registry.npmjs.org/multicast-dns/-/multicast-dns-7.2.5.tgz",
+      "integrity": "sha512-2eznPJP8z2BFLX50tf0LuODrpINqP1RVIm/CObbTcBRITQgmC/TjcREF1NeTBzIcR5XO/ukWo+YHOjBbFwIupg==",
+      "dev": true,
+      "dependencies": {
+        "dns-packet": "^5.2.2",
+        "thunky": "^1.0.2"
+      },
+      "bin": {
+        "multicast-dns": "cli.js"
+      }
+    },
+    "node_modules/mute-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-2.0.0.tgz",
+      "integrity": "sha512-WWdIxpyjEn+FhQJQQv9aQAYlHoNVdzIzUySNV1gHUPDSdZJ3yZn7pAAbQcV7B56Mvu881q9FZV+0Vx2xC44VWA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/nano-css": {
+      "version": "5.3.5",
+      "resolved": "https://registry.npmjs.org/nano-css/-/nano-css-5.3.5.tgz",
+      "integrity": "sha512-vSB9X12bbNu4ALBu7nigJgRViZ6ja3OU7CeuiV1zMIbXOdmkLahgtPmh3GBOlDxbKY0CitqlPdOReGlBLSp+yg==",
+      "dependencies": {
+        "css-tree": "^1.1.2",
+        "csstype": "^3.0.6",
+        "fastest-stable-stringify": "^2.0.2",
+        "inline-style-prefixer": "^6.0.0",
+        "rtl-css-js": "^1.14.0",
+        "sourcemap-codec": "^1.4.8",
+        "stacktrace-js": "^2.0.2",
+        "stylis": "^4.0.6"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-dom": "*"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.8",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.8.tgz",
+      "integrity": "sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=",
+      "dev": true
+    },
+    "node_modules/natural-compare-lite": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz",
+      "integrity": "sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==",
+      "dev": true
+    },
+    "node_modules/negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/neo-async": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
+      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw=="
+    },
+    "node_modules/netmask": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/netmask/-/netmask-2.0.2.tgz",
+      "integrity": "sha512-dBpDMdxv9Irdq66304OLfEmQ9tbNRFnFTuZiLo+bD+r332bBmMJ8GBLXklIXXgxd3+v9+KUnZaUR5PJMa75Gsg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/nice-try": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz",
+      "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==",
+      "dev": true
+    },
+    "node_modules/no-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
+      "integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==",
+      "dependencies": {
+        "lower-case": "^2.0.2",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/nocache": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/nocache/-/nocache-3.0.4.tgz",
+      "integrity": "sha512-WDD0bdg9mbq6F4mRxEYcPWwfA1vxd0mrvKOyxI7Xj/atfRHVeutzuWByG//jfm4uPzp0y4Kj051EORCBSQMycw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/node-fetch": {
+      "version": "2.6.12",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.12.tgz",
+      "integrity": "sha512-C/fGU2E8ToujUivIO0H+tpQ6HWo4eEmchoPIoXtxCrVghxdKq+QOHqEZW7tuP3KlV3bC8FRMO5nMCC7Zm1VP6g==",
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/node-forge": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.3.2.tgz",
+      "integrity": "sha512-6xKiQ+cph9KImrRh0VsjH2d8/GXA4FIMlgU4B757iI1ApvcyA9VlouP0yZJha01V+huImO+kKMU7ih+2+E14fw==",
+      "license": "(BSD-3-Clause OR GPL-2.0)",
+      "engines": {
+        "node": ">= 6.13.0"
+      }
+    },
+    "node_modules/node-int64": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/node-int64/-/node-int64-0.4.0.tgz",
+      "integrity": "sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==",
+      "license": "MIT"
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.19",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz",
+      "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==",
+      "license": "MIT"
+    },
+    "node_modules/node-stream-zip": {
+      "version": "1.15.0",
+      "resolved": "https://registry.npmjs.org/node-stream-zip/-/node-stream-zip-1.15.0.tgz",
+      "integrity": "sha512-LN4fydt9TqhZhThkZIVQnF9cwjU3qmUH9h78Mx/K7d3VvfRqqwthLwJEUOEL0QPZ0XQmNN7be5Ggit5+4dq3Bw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/antelle"
+      }
+    },
+    "node_modules/nopt": {
+      "version": "7.2.1",
+      "resolved": "https://registry.npmjs.org/nopt/-/nopt-7.2.1.tgz",
+      "integrity": "sha512-taM24ViiimT/XntxbPyJQzCG+p4EKOpgD3mxFwW38mGjVUrfERQOeY4EDHjdnptttfHuHQXFx+lTP08Q+mLa/w==",
+      "dev": true,
+      "dependencies": {
+        "abbrev": "^2.0.0"
+      },
+      "bin": {
+        "nopt": "bin/nopt.js"
+      },
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/normalize-package-data": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-6.0.2.tgz",
+      "integrity": "sha512-V6gygoYb/5EmNI+MEGrWkC+e6+Rr7mTmfHrxDbLzxQogBkgzo76rkok0Am6thgSF7Mv2nLOajAJj5vDJZEFn7g==",
+      "dev": true,
+      "dependencies": {
+        "hosted-git-info": "^7.0.0",
+        "semver": "^7.3.5",
+        "validate-npm-package-license": "^3.0.4"
+      },
+      "engines": {
+        "node": "^16.14.0 || >=18.0.0"
+      }
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npm-run-path": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
+      "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
+      "dev": true,
+      "dependencies": {
+        "path-key": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/nth-check": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
+      "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
+      "dependencies": {
+        "boolbase": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/nth-check?sponsor=1"
+      }
+    },
+    "node_modules/null-loader": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/null-loader/-/null-loader-4.0.1.tgz",
+      "integrity": "sha512-pxqVbi4U6N26lq+LmgIbB5XATP0VdZKOG25DhHi8btMmJJefGArFyDg1yc4U3hWCJbMqSrw0qyrz1UQX+qYXqg==",
+      "dependencies": {
+        "loader-utils": "^2.0.0",
+        "schema-utils": "^3.0.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^4.0.0 || ^5.0.0"
+      }
+    },
+    "node_modules/null-loader/node_modules/schema-utils": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.1.tgz",
+      "integrity": "sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==",
+      "dependencies": {
+        "@types/json-schema": "^7.0.8",
+        "ajv": "^6.12.5",
+        "ajv-keywords": "^3.5.2"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/nullthrows": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/nullthrows/-/nullthrows-1.1.1.tgz",
+      "integrity": "sha512-2vPPEi+Z7WqML2jZYddDIfy5Dqb0r2fze2zTxNNknZaFpVHU3mFB3R+DWeJWGVx0ecvttSGlJTI+WG+8Z4cDWw==",
+      "license": "MIT"
+    },
+    "node_modules/ob1": {
+      "version": "0.81.5",
+      "resolved": "https://registry.npmjs.org/ob1/-/ob1-0.81.5.tgz",
+      "integrity": "sha512-iNpbeXPLmaiT9I5g16gFFFjsF3sGxLpYG2EGP3dfFB4z+l9X60mp/yRzStHhMtuNt8qmf7Ww80nOPQHngHhnIQ==",
+      "license": "MIT",
+      "dependencies": {
+        "flow-enums-runtime": "^0.0.6"
+      },
+      "engines": {
+        "node": ">=18.18"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.3",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.3.tgz",
+      "integrity": "sha512-kDCGIbxkDSXE3euJZZXzc6to7fCrKHNI/hSRQnRuQ+BWjFNzZwiFF8fj/6o2t2G9/jTj8PSIYTfCLelLZEeRpA==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.assign": {
+      "version": "4.1.7",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.7.tgz",
+      "integrity": "sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.entries": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.8.tgz",
+      "integrity": "sha512-cmopxi8VwRIAw/fkijJohSfpef5PdN0pMQJN6VC/ZKvn0LIknWD8KtgY6KlQdEc4tIjcQ3HxSMmnvtzIscdaYQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.fromentries": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.8.tgz",
+      "integrity": "sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.groupby": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.3.tgz",
+      "integrity": "sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.values": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.1.tgz",
+      "integrity": "sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/obuf": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/obuf/-/obuf-1.1.2.tgz",
+      "integrity": "sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==",
+      "dev": true
+    },
+    "node_modules/on-finished": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
+      "integrity": "sha512-ikqdkGAAyf/X/gPhXGvfgAytDZtDbr+bkNUJ0N9h5MI/dmdgCs3l6hoHrcUv41sRKew3jIwrp4qQDXiK99Utww==",
+      "license": "MIT",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/on-headers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz",
+      "integrity": "sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/onetime": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
+      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+      "dev": true,
+      "dependencies": {
+        "mimic-fn": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/open": {
+      "version": "7.4.2",
+      "resolved": "https://registry.npmjs.org/open/-/open-7.4.2.tgz",
+      "integrity": "sha512-MVHddDVweXZF3awtlAS+6pgKLlm/JgxZ90+/NBurBoQctVOOB/zDdVjcyPzQ+0laDGbsWgrRkflI65sQeOgT9Q==",
+      "dependencies": {
+        "is-docker": "^2.0.0",
+        "is-wsl": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/opener": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/opener/-/opener-1.5.2.tgz",
+      "integrity": "sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==",
+      "dev": true,
+      "bin": {
+        "opener": "bin/opener-bin.js"
+      }
+    },
+    "node_modules/optional-require": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/optional-require/-/optional-require-1.0.3.tgz",
+      "integrity": "sha512-RV2Zp2MY2aeYK5G+B/Sps8lW5NHAzE5QClbFP15j+PWmP+T9PxlJXBOOLoSAdgwFvS4t0aMR4vpedMkbHfh0nA==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/optionator": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.5"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/ora": {
+      "version": "5.4.1",
+      "resolved": "https://registry.npmjs.org/ora/-/ora-5.4.1.tgz",
+      "integrity": "sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bl": "^4.1.0",
+        "chalk": "^4.1.0",
+        "cli-cursor": "^3.1.0",
+        "cli-spinners": "^2.5.0",
+        "is-interactive": "^1.0.0",
+        "is-unicode-supported": "^0.1.0",
+        "log-symbols": "^4.1.0",
+        "strip-ansi": "^6.0.0",
+        "wcwidth": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ora/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/ora/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/ora/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/ora/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/ora/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ora/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/os-tmpdir": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
+      "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/own-keys": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/own-keys/-/own-keys-1.0.1.tgz",
+      "integrity": "sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==",
+      "dependencies": {
+        "get-intrinsic": "^1.2.6",
+        "object-keys": "^1.1.1",
+        "safe-push-apply": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "dependencies": {
+        "p-try": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-locate": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+      "dependencies": {
+        "p-limit": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/p-retry": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-6.2.1.tgz",
+      "integrity": "sha512-hEt02O4hUct5wtwg4H4KcWgDdm+l1bOaEy/hWzd8xtXB9BqxTWBBhb+2ImAtH4Cv4rPjV76xN3Zumqk3k3AhhQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/retry": "0.12.2",
+        "is-network-error": "^1.0.0",
+        "retry": "^0.13.1"
+      },
+      "engines": {
+        "node": ">=16.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-try": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/pac-proxy-agent": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/pac-proxy-agent/-/pac-proxy-agent-7.2.0.tgz",
+      "integrity": "sha512-TEB8ESquiLMc0lV8vcd5Ql/JAKAoyzHFXaStwjkzpOpC5Yv+pIzLfHvjTSdf3vpa2bMiUQrg9i6276yn8666aA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@tootallnate/quickjs-emscripten": "^0.23.0",
+        "agent-base": "^7.1.2",
+        "debug": "^4.3.4",
+        "get-uri": "^6.0.1",
+        "http-proxy-agent": "^7.0.0",
+        "https-proxy-agent": "^7.0.6",
+        "pac-resolver": "^7.0.1",
+        "socks-proxy-agent": "^8.0.5"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/pac-resolver": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/pac-resolver/-/pac-resolver-7.0.1.tgz",
+      "integrity": "sha512-5NPgf87AT2STgwa2ntRMr45jTKrYBGkVU36yT0ig/n/GMAa3oPqhZfIQ2kMEimReg0+t9kZViDVZ83qfVUlckg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "degenerator": "^5.0.0",
+        "netmask": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/package-json-from-dist": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
+      "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw=="
+    },
+    "node_modules/pako": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
+      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==",
+      "dev": true,
+      "license": "(MIT AND Zlib)"
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parent-module/node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parse-imports": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/parse-imports/-/parse-imports-2.2.1.tgz",
+      "integrity": "sha512-OL/zLggRp8mFhKL0rNORUTR4yBYujK/uU+xZL+/0Rgm2QE4nLO9v8PzEweSJEbMGKmDRjJE4R3IMJlL2di4JeQ==",
+      "dev": true,
+      "license": "Apache-2.0 AND MIT",
+      "dependencies": {
+        "es-module-lexer": "^1.5.3",
+        "slashes": "^3.0.12"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/parse-json": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/parse-ms": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/parse-ms/-/parse-ms-4.0.0.tgz",
+      "integrity": "sha512-TXfryirbmq34y8QBwgqCVLi+8oA3oWx2eAnSn62ITyEhEYaWRlVZ2DvMM9eZbMs/RfxPu/PK/aBLyGj4IrqMHw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/parse5": {
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
+      "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "entities": "^6.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "node_modules/parse5-htmlparser2-tree-adapter": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/parse5-htmlparser2-tree-adapter/-/parse5-htmlparser2-tree-adapter-7.1.0.tgz",
+      "integrity": "sha512-ruw5xyKs6lrpo9x9rCZqZZnIUntICjQAd0Wsmp396Ul9lN/h+ifgVV1x1gZHi8euej6wTfpqX8j+BFQxF0NS/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "domhandler": "^5.0.3",
+        "parse5": "^7.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "node_modules/parse5-htmlparser2-tree-adapter/node_modules/domhandler": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
+      "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "domelementtype": "^2.3.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/parse5-parser-stream": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/parse5-parser-stream/-/parse5-parser-stream-7.1.2.tgz",
+      "integrity": "sha512-JyeQc9iwFLn5TbvvqACIF/VXG6abODeB3Fwmv/TGdLk2LfbWkaySGY72at4+Ty7EkPZj854u4CrICqNk2qIbow==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "parse5": "^7.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "node_modules/parse5/node_modules/entities": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
+      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/patch-package": {
+      "version": "6.4.7",
+      "resolved": "https://registry.npmjs.org/patch-package/-/patch-package-6.4.7.tgz",
+      "integrity": "sha512-S0vh/ZEafZ17hbhgqdnpunKDfzHQibQizx9g8yEf5dcVk3KOflOfdufRXQX8CSEkyOQwuM/bNz1GwKvFj54kaQ==",
+      "dev": true,
+      "dependencies": {
+        "@yarnpkg/lockfile": "^1.1.0",
+        "chalk": "^2.4.2",
+        "cross-spawn": "^6.0.5",
+        "find-yarn-workspace-root": "^2.0.0",
+        "fs-extra": "^7.0.1",
+        "is-ci": "^2.0.0",
+        "klaw-sync": "^6.0.0",
+        "minimist": "^1.2.0",
+        "open": "^7.4.2",
+        "rimraf": "^2.6.3",
+        "semver": "^5.6.0",
+        "slash": "^2.0.0",
+        "tmp": "^0.0.33"
+      },
+      "bin": {
+        "patch-package": "index.js"
+      },
+      "engines": {
+        "npm": ">5"
+      }
+    },
+    "node_modules/patch-package/node_modules/cross-spawn": {
+      "version": "6.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.6.tgz",
+      "integrity": "sha512-VqCUuhcd1iB+dsv8gxPttb5iZh/D0iubSP21g36KXdEuf6I5JiioesUVjpCdHV9MZRUfVFlvwtIUyPfxo5trtw==",
+      "dev": true,
+      "dependencies": {
+        "nice-try": "^1.0.4",
+        "path-key": "^2.0.1",
+        "semver": "^5.5.0",
+        "shebang-command": "^1.2.0",
+        "which": "^1.2.9"
+      },
+      "engines": {
+        "node": ">=4.8"
+      }
+    },
+    "node_modules/patch-package/node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/patch-package/node_modules/path-key": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+      "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/patch-package/node_modules/rimraf": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
+      "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+      "dev": true,
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      }
+    },
+    "node_modules/patch-package/node_modules/semver": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
+    "node_modules/patch-package/node_modules/shebang-command": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+      "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
+      "dev": true,
+      "dependencies": {
+        "shebang-regex": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/patch-package/node_modules/shebang-regex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+      "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/patch-package/node_modules/which": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+      "dev": true,
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "which": "bin/which"
+      }
+    },
+    "node_modules/path-dirname": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/path-dirname/-/path-dirname-1.0.2.tgz",
+      "integrity": "sha1-zDPSTVJeCZpTiMAzbG4yuRYGCeA="
+    },
+    "node_modules/path-exists": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+      "integrity": "sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
+    },
+    "node_modules/path-scurry": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
+      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^10.2.0",
+        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/path-scurry/node_modules/lru-cache": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
+      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+      "dev": true
+    },
+    "node_modules/path-to-regexp": {
+      "version": "0.1.12",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.12.tgz",
+      "integrity": "sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/path-type": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pathe": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.2.tgz",
+      "integrity": "sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==",
+      "dev": true
+    },
+    "node_modules/pend": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
+      "integrity": "sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pify": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
+      "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/pirates": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz",
+      "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/pixelmatch": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/pixelmatch/-/pixelmatch-5.3.0.tgz",
+      "integrity": "sha512-o8mkY4E/+LNUf6LzX96ht6k6CEDi65k9G2rjMtBe9Oo+VPKSvl+0GKHuH/AlG+GA5LPG/i5hrekkxUc3s2HU+Q==",
+      "dependencies": {
+        "pngjs": "^6.0.0"
+      },
+      "bin": {
+        "pixelmatch": "bin/pixelmatch"
+      }
+    },
+    "node_modules/pkg-dir": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
+      "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==",
+      "dev": true,
+      "dependencies": {
+        "find-up": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pngjs": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/pngjs/-/pngjs-6.0.0.tgz",
+      "integrity": "sha512-TRzzuFRRmEoSW/p1KVAmiOgPco2Irlah+bGFCeNfJXxxYGwSw7YwAOAcd7X28K/m5bjBWKsC29KyoMfHbypayg==",
+      "engines": {
+        "node": ">=12.13.0"
+      }
+    },
+    "node_modules/possible-typed-array-names": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz",
+      "integrity": "sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-modules-extract-imports": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz",
+      "integrity": "sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==",
+      "dev": true,
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/postcss-modules-local-by-default": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.3.tgz",
+      "integrity": "sha512-2/u2zraspoACtrbFRnTijMiQtb4GW4BvatjaG/bCjYQo8kLTdevCUlwuBHx2sCnSyrI3x3qj4ZK1j5LQBgzmwA==",
+      "dev": true,
+      "dependencies": {
+        "icss-utils": "^5.0.0",
+        "postcss-selector-parser": "^6.0.2",
+        "postcss-value-parser": "^4.1.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/postcss-modules-scope": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-3.0.0.tgz",
+      "integrity": "sha512-hncihwFA2yPath8oZ15PZqvWGkWf+XUfQgUGamS4LqoP1anQLOsOJw0vr7J7IwLpoY9fatA2qiGUGmuZL0Iqlg==",
+      "dev": true,
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.4"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/postcss-modules-values": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-values/-/postcss-modules-values-4.0.0.tgz",
+      "integrity": "sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==",
+      "dev": true,
+      "dependencies": {
+        "icss-utils": "^5.0.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.0.13",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz",
+      "integrity": "sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==",
+      "dev": true,
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "dev": true
+    },
+    "node_modules/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/pretty": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/pretty/-/pretty-2.0.0.tgz",
+      "integrity": "sha512-G9xUchgTEiNpormdYBl+Pha50gOUovT18IvAe7EYMZ1/f9W/WWMPRn+xI68yXNMUk3QXHDwo/1wV/4NejVNe1w==",
+      "dev": true,
+      "dependencies": {
+        "condense-newlines": "^0.2.1",
+        "extend-shallow": "^2.0.1",
+        "js-beautify": "^1.6.12"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pretty-format": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
+      "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
+      "dependencies": {
+        "@jest/schemas": "^29.6.3",
+        "ansi-styles": "^5.0.0",
+        "react-is": "^18.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/pretty-format/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/pretty-format/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg=="
+    },
+    "node_modules/pretty-ms": {
+      "version": "9.3.0",
+      "resolved": "https://registry.npmjs.org/pretty-ms/-/pretty-ms-9.3.0.tgz",
+      "integrity": "sha512-gjVS5hOP+M3wMm5nmNOucbIrqudzs9v/57bWRHQWLYklXqoXKrVfYW2W9+glfGsqtPgpiz5WwyEEB+ksXIx3gQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "parse-ms": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/process": {
+      "version": "0.11.10",
+      "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
+      "integrity": "sha1-czIwDoQBYb2j5podHZGn1LwW8YI=",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.6.0"
+      }
+    },
+    "node_modules/process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
+      "dev": true
+    },
+    "node_modules/progress": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
+      "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/promise": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/promise/-/promise-8.3.0.tgz",
+      "integrity": "sha512-rZPNPKTOYVNEEKFaq1HqTgOwZD+4/YHS5ukLzQCypkj+OkYx7iv0mA91lJlpPPZ8vMau3IIGj5Qlwrx+8iiSmg==",
+      "dependencies": {
+        "asap": "~2.0.6"
+      }
+    },
+    "node_modules/promise.withresolvers": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/promise.withresolvers/-/promise.withresolvers-1.0.3.tgz",
+      "integrity": "sha512-trMhLkMcpAUOsTEFqkfj+QGjiOOWkqbCGx2xAxhIPRrm1QpKcd/UHC+TNjlRXYQLlAZRrjvewc8qGQn3f6DroQ==",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/prompts": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/prompts/-/prompts-2.4.2.tgz",
+      "integrity": "sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "kleur": "^3.0.3",
+        "sisteransi": "^1.0.5"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "dependencies": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
+    "node_modules/prop-types/node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+    },
+    "node_modules/proto-list": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/proto-list/-/proto-list-1.2.4.tgz",
+      "integrity": "sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==",
+      "dev": true
+    },
+    "node_modules/proxy-addr": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
+      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
+      "dev": true,
+      "dependencies": {
+        "forwarded": "0.2.0",
+        "ipaddr.js": "1.9.1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/proxy-addr/node_modules/ipaddr.js": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/proxy-agent": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/proxy-agent/-/proxy-agent-6.5.0.tgz",
+      "integrity": "sha512-TmatMXdr2KlRiA2CyDu8GqR8EjahTG3aY3nXjdzFyoZbmB8hrBsTyMezhULIXKnC0jpfjlmiZ3+EaCzoInSu/A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.2",
+        "debug": "^4.3.4",
+        "http-proxy-agent": "^7.0.1",
+        "https-proxy-agent": "^7.0.6",
+        "lru-cache": "^7.14.1",
+        "pac-proxy-agent": "^7.1.0",
+        "proxy-from-env": "^1.1.0",
+        "socks-proxy-agent": "^8.0.5"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/proxy-agent/node_modules/lru-cache": {
+      "version": "7.18.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-7.18.3.tgz",
+      "integrity": "sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/pump": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.3.tgz",
+      "integrity": "sha512-todwxLMY7/heScKmntwQG8CXVkWUOdYxIvY2s0VWAAMh/nd8SoYiRaKjlr7+iCs984f2P8zvrfWcDDYVb73NfA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
+    "node_modules/punycode": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
+      "integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/qs": {
+      "version": "6.13.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz",
+      "integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==",
+      "dependencies": {
+        "side-channel": "^1.0.6"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/query-selector-shadow-dom": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/query-selector-shadow-dom/-/query-selector-shadow-dom-1.0.1.tgz",
+      "integrity": "sha512-lT5yCqEBgfoMYpf3F2xQRK7zEr1rhIIZuceDK6+xRkJQ4NMbHTwXqk4NkwDwQMNqXgG9r9fyHnzwNVs6zV5KRw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/query-string": {
+      "version": "7.1.3",
+      "resolved": "https://registry.npmjs.org/query-string/-/query-string-7.1.3.tgz",
+      "integrity": "sha512-hh2WYhq4fi8+b+/2Kg9CEge4fDPvHS534aOOvOZeQ3+Vf2mCFsaFBYj0i+iXcAq6I9Vzp5fjMFBlONvayDC1qg==",
+      "license": "MIT",
+      "dependencies": {
+        "decode-uri-component": "^0.2.2",
+        "filter-obj": "^1.1.0",
+        "split-on-first": "^1.0.0",
+        "strict-uri-encode": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/queue": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/queue/-/queue-6.0.2.tgz",
+      "integrity": "sha512-iHZWu+q3IdFZFX36ro/lKBkSvfkztY5Y7HMiPlOUjhupPcG2JMfst2KKEpu5XndviX/3UhFbRngUPNKtgvtZiA==",
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "~2.0.3"
+      }
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/randombytes": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
+      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
+      "dev": true,
+      "dependencies": {
+        "safe-buffer": "^5.1.0"
+      }
+    },
+    "node_modules/range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/raw-body": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.2.tgz",
+      "integrity": "sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==",
+      "dev": true,
+      "dependencies": {
+        "bytes": "3.1.2",
+        "http-errors": "2.0.0",
+        "iconv-lite": "0.4.24",
+        "unpipe": "1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/raw-body/node_modules/bytes": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/react": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
+      "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-clientside-effect": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/react-clientside-effect/-/react-clientside-effect-1.2.6.tgz",
+      "integrity": "sha512-XGGGRQAKY+q25Lz9a/4EPqom7WRjz3z9R2k4jhVKA/puQFH/5Nt27vFZYql4m4NVNdUvX8PS3O7r/Zzm7cjUlg==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.13"
+      },
+      "peerDependencies": {
+        "react": "^15.3.0 || ^16.0.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
+    "node_modules/react-devtools-core": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/react-devtools-core/-/react-devtools-core-6.1.2.tgz",
+      "integrity": "sha512-ldFwzufLletzCikNJVYaxlxMLu7swJ3T2VrGfzXlMsVhZhPDKXA38DEROidaYZVgMAmQnIjymrmqto5pyfrwPA==",
+      "license": "MIT",
+      "dependencies": {
+        "shell-quote": "^1.6.1",
+        "ws": "^7"
+      }
+    },
+    "node_modules/react-devtools-core/node_modules/ws": {
+      "version": "7.5.10",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz",
+      "integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.3.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": "^5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
+      "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "scheduler": "^0.23.0"
+      },
+      "peerDependencies": {
+        "react": "^18.2.0"
+      }
+    },
+    "node_modules/react-emoji-render": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/react-emoji-render/-/react-emoji-render-2.0.1.tgz",
+      "integrity": "sha512-SKtsdwgEf2BFNiE9y4UBFZBWjkRcyWmhMprVly52+J77/zxThcfaQ3sCA0+2LtGJIRMpm4DGWSvyLg72fd1rXQ==",
+      "license": "MIT",
+      "dependencies": {
+        "classnames": "^2.2.5",
+        "emoji-regex": "^8.0.0",
+        "lodash.flatten": "^4.4.0",
+        "prop-types": "^15.5.8",
+        "string-replace-to-array": "^1.0.1"
+      },
+      "peerDependencies": {
+        "react": ">=0.14.0",
+        "react-dom": ">=0.14.0"
+      }
+    },
+    "node_modules/react-focus-lock": {
+      "version": "2.9.4",
+      "resolved": "https://registry.npmjs.org/react-focus-lock/-/react-focus-lock-2.9.4.tgz",
+      "integrity": "sha512-7pEdXyMseqm3kVjhdVH18sovparAzLg5h6WvIx7/Ck3ekjhrrDMEegHSa3swwC8wgfdd7DIdUVRGeiHT9/7Sgg==",
+      "dependencies": {
+        "@babel/runtime": "^7.0.0",
+        "focus-lock": "^0.11.6",
+        "prop-types": "^15.6.2",
+        "react-clientside-effect": "^1.2.6",
+        "use-callback-ref": "^1.3.0",
+        "use-sidecar": "^1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-focus-on": {
+      "version": "3.8.1",
+      "resolved": "https://registry.npmjs.org/react-focus-on/-/react-focus-on-3.8.1.tgz",
+      "integrity": "sha512-fQcBx+SZMgXoRL+69r5+ic4bdVgqaCeKeoFPra8yhcSuL/3unWavfdirEFBGgH71K+RiocMTS6DETHcX0SlOZg==",
+      "dependencies": {
+        "aria-hidden": "^1.2.2",
+        "react-focus-lock": "^2.9.2",
+        "react-remove-scroll": "^2.5.6",
+        "react-style-singleton": "^2.2.0",
+        "tslib": "^2.3.1",
+        "use-callback-ref": "^1.3.0",
+        "use-sidecar": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=8.5.0"
+      },
+      "peerDependencies": {
+        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-freeze": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/react-freeze/-/react-freeze-1.0.0.tgz",
+      "integrity": "sha512-yQaiOqDmoKqks56LN9MTgY06O0qQHgV4FUrikH357DydArSZHQhl0BJFqGKIZoTqi8JizF9Dxhuk1FIZD6qCaw==",
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "react": "^17.0.0"
+      }
+    },
+    "node_modules/react-i18next": {
+      "version": "10.11.4",
+      "resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-10.11.4.tgz",
+      "integrity": "sha512-/CWXaf3a5BLNeVnBGxzWOIZLQgSNEc2LWHX4ZaJb7ww0xgY0S5K9HRAMzJIHeHGe7jfpSraprD66VDblWb4ZXA==",
+      "dependencies": {
+        "@babel/runtime": "^7.3.1",
+        "html-parse-stringify2": "2.0.1"
+      },
+      "peerDependencies": {
+        "i18next": ">= 14.0.1",
+        "react": ">= 16.8.0"
+      }
+    },
+    "node_modules/react-is": {
+      "version": "17.0.2",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
+      "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
+    },
+    "node_modules/react-linkify": {
+      "version": "1.0.0-alpha",
+      "resolved": "https://registry.npmjs.org/react-linkify/-/react-linkify-1.0.0-alpha.tgz",
+      "integrity": "sha512-7gcIUvJkAXXttt1fmBK9cwn+1jTa4hbKLGCZ9J1U6EOkyb2/+LKL1Z28d9rtDLMnpvImlNlLPdTPooorl5cpmg==",
+      "dependencies": {
+        "linkify-it": "^2.0.3",
+        "tlds": "^1.199.0"
+      }
+    },
+    "node_modules/react-native": {
+      "version": "0.77.2",
+      "resolved": "https://registry.npmjs.org/react-native/-/react-native-0.77.2.tgz",
+      "integrity": "sha512-TE9JXsuiuWL/dmYvSvlLJQFEzZowQPzcn/9vU7vhTTJzNLnUtA33aMNoSU14Y8XikUUwmjYahRe71zjFJp6Kmw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/create-cache-key-function": "^29.6.3",
+        "@react-native/assets-registry": "0.77.2",
+        "@react-native/codegen": "0.77.2",
+        "@react-native/community-cli-plugin": "0.77.2",
+        "@react-native/gradle-plugin": "0.77.2",
+        "@react-native/js-polyfills": "0.77.2",
+        "@react-native/normalize-colors": "0.77.2",
+        "@react-native/virtualized-lists": "0.77.2",
+        "abort-controller": "^3.0.0",
+        "anser": "^1.4.9",
+        "ansi-regex": "^5.0.0",
+        "babel-jest": "^29.7.0",
+        "babel-plugin-syntax-hermes-parser": "0.25.1",
+        "base64-js": "^1.5.1",
+        "chalk": "^4.0.0",
+        "commander": "^12.0.0",
+        "event-target-shim": "^5.0.1",
+        "flow-enums-runtime": "^0.0.6",
+        "glob": "^7.1.1",
+        "invariant": "^2.2.4",
+        "jest-environment-node": "^29.6.3",
+        "jsc-android": "^250231.0.0",
+        "memoize-one": "^5.0.0",
+        "metro-runtime": "^0.81.3",
+        "metro-source-map": "^0.81.3",
+        "nullthrows": "^1.1.1",
+        "pretty-format": "^29.7.0",
+        "promise": "^8.3.0",
+        "react-devtools-core": "^6.0.1",
+        "react-refresh": "^0.14.0",
+        "regenerator-runtime": "^0.13.2",
+        "scheduler": "0.24.0-canary-efb381bbf-20230505",
+        "semver": "^7.1.3",
+        "stacktrace-parser": "^0.1.10",
+        "whatwg-fetch": "^3.0.0",
+        "ws": "^6.2.3",
+        "yargs": "^17.6.2"
+      },
+      "bin": {
+        "react-native": "cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/react": "^18.2.6",
+        "react": "^18.2.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-native-background-timer": {
+      "version": "2.4.1",
+      "resolved": "git+ssh://git@github.com/jitsi/react-native-background-timer.git#d180dfaa4486ae3ee17d01242db92cb3195f4718",
+      "license": "MIT",
+      "peerDependencies": {
+        "react-native": ">=0.47.0"
+      }
+    },
+    "node_modules/react-native-calendar-events": {
+      "version": "2.2.0",
+      "resolved": "git+ssh://git@github.com/jitsi/react-native-calendar-events.git#47f068dedfed7c0f72042e093f688eb11624eb7b",
+      "license": "MIT",
+      "peerDependencies": {
+        "react-native": ">=0.60.0"
+      }
+    },
+    "node_modules/react-native-default-preference": {
+      "version": "1.4.4",
+      "resolved": "git+ssh://git@github.com/jitsi/react-native-default-preference.git#c9bf63bdc058e3fa2aa0b87b1ee1af240f44ed02",
+      "license": "MIT",
+      "peerDependencies": {
+        "react-native": ">=0.47.0"
+      }
+    },
+    "node_modules/react-native-device-info": {
+      "version": "12.1.0",
+      "resolved": "https://registry.npmjs.org/react-native-device-info/-/react-native-device-info-12.1.0.tgz",
+      "integrity": "sha512-vnyHQ7CzX774oijlAUxiTrqnbacLSRWiphwxAovqF8eqkjiaxQ/qc2Nm68/hDD6sG84U/0PEfq9JxdXYwlQQoQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-dialog": {
+      "version": "9.2.2",
+      "resolved": "https://github.com/jitsi/react-native-dialog/releases/download/v9.2.2-jitsi.1/react-native-dialog-9.2.2.tgz",
+      "integrity": "sha512-MKbuBbovO8eGiAM9i6o0nrdBXivhRpzPQ+aVBXGJEPMH7RrCSNUKaCoEpkjfGHlTxjZimi6WjDCjjzCRSHlV1A==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react-native": ">=0.63.0"
+      }
+    },
+    "node_modules/react-native-gesture-handler": {
+      "version": "2.24.0",
+      "resolved": "https://registry.npmjs.org/react-native-gesture-handler/-/react-native-gesture-handler-2.24.0.tgz",
+      "integrity": "sha512-ZdWyOd1C8axKJHIfYxjJKCcxjWEpUtUWgTOVY2wynbiveSQDm8X/PDyAKXSer/GOtIpjudUbACOndZXCN3vHsw==",
+      "license": "MIT",
+      "dependencies": {
+        "@egjs/hammerjs": "^2.0.17",
+        "hoist-non-react-statics": "^3.3.0",
+        "invariant": "^2.2.4"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-get-random-values": {
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/react-native-get-random-values/-/react-native-get-random-values-1.11.0.tgz",
+      "integrity": "sha512-4BTbDbRmS7iPdhYLRcz3PGFIpFJBwNZg9g42iwa2P6FOv9vZj/xJc678RZXnLNZzd0qd7Q3CCF6Yd+CU2eoXKQ==",
+      "license": "MIT",
+      "dependencies": {
+        "fast-base64-decode": "^1.0.0"
+      },
+      "peerDependencies": {
+        "react-native": ">=0.56"
+      }
+    },
+    "node_modules/react-native-is-edge-to-edge": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/react-native-is-edge-to-edge/-/react-native-is-edge-to-edge-1.2.1.tgz",
+      "integrity": "sha512-FLbPWl/MyYQWz+KwqOZsSyj2JmLKglHatd3xLZWskXOpRaio4LfEDEz8E/A6uD8QoTHW6Aobw1jbEwK7KMgR7Q==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-orientation-locker": {
+      "version": "1.5.0",
+      "resolved": "git+ssh://git@github.com/jitsi/react-native-orientation-locker.git#fe095651d819cf134624f786b61fc8667862178a",
+      "integrity": "sha512-grYVwpX8vOQ3yfKvawpwDNscEUaZBg27YIXytGRUEFNyCJQlX5Klf2hIVqlLuWXMwwW5DCWnESCSBSBw6Ed7eQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": ">=16.13.1",
+        "react-native": ">=0.63.2",
+        "react-native-windows": ">=0.63.3"
+      },
+      "peerDependenciesMeta": {
+        "react-native-windows": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-native-pager-view": {
+      "version": "6.8.1",
+      "resolved": "https://registry.npmjs.org/react-native-pager-view/-/react-native-pager-view-6.8.1.tgz",
+      "integrity": "sha512-XIyVEMhwq7sZqM7GobOJZXxFCfdFgVNq/CFB2rZIRNRSVPJqE1k1fsc8xfQKfdzsp6Rpt6I7VOIvhmP7/YHdVg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-paper": {
+      "version": "5.10.3",
+      "resolved": "https://registry.npmjs.org/react-native-paper/-/react-native-paper-5.10.3.tgz",
+      "integrity": "sha512-UXT+cOnycpepAhE1t7E4PqFk5mSLtCA5BSQkt6xGi7XJxnpBF3v4orcHwG/OQEOWx7TpWKGPCjhDewnZodOl5Q==",
+      "dependencies": {
+        "@callstack/react-theme-provider": "^3.0.9",
+        "color": "^3.1.2",
+        "use-latest-callback": "^0.1.5"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*",
+        "react-native-safe-area-context": "*",
+        "react-native-vector-icons": "*"
+      }
+    },
+    "node_modules/react-native-performance": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/react-native-performance/-/react-native-performance-5.1.2.tgz",
+      "integrity": "sha512-l5JOJphNzox9a9icL3T6O/gEqZuqWqcbejW04WPa10m0UanBdIYrNkPFl48B3ivWw3MabpjB6GiDYv7old9/fw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-safe-area-context": {
+      "version": "5.5.2",
+      "resolved": "https://registry.npmjs.org/react-native-safe-area-context/-/react-native-safe-area-context-5.5.2.tgz",
+      "integrity": "sha512-t4YVbHa9uAGf+pHMabGrb0uHrD5ogAusSu842oikJ3YKXcYp6iB4PTGl0EZNkUIR3pCnw/CXKn42OCfhsS0JIw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-screens": {
+      "version": "4.11.1",
+      "resolved": "https://registry.npmjs.org/react-native-screens/-/react-native-screens-4.11.1.tgz",
+      "integrity": "sha512-F0zOzRVa3ptZfLpD0J8ROdo+y1fEPw+VBFq1MTY/iyDu08al7qFUO5hLMd+EYMda5VXGaTFCa8q7bOppUszhJw==",
+      "license": "MIT",
+      "dependencies": {
+        "react-freeze": "^1.0.0",
+        "react-native-is-edge-to-edge": "^1.1.7",
+        "warn-once": "^0.1.0"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-sound": {
+      "version": "0.11.2",
+      "resolved": "git+ssh://git@github.com/jitsi/react-native-sound.git#ea13c97b5c2a4ff5e0d9bacbd9ff5e4457fe2c3c",
+      "integrity": "sha512-4XXT1rQHAyOxX1pFBllmPEb5T4ViV56+s+z6PMshQ2ED+7QJzyWpAN55fhFFki2Q/NE9Fm/0uhhYpBESvGh9sQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react-native": ">=0.8.0"
+      }
+    },
+    "node_modules/react-native-splash-view": {
+      "version": "0.0.18",
+      "resolved": "https://registry.npmjs.org/react-native-splash-view/-/react-native-splash-view-0.0.18.tgz",
+      "integrity": "sha512-dG6av22HtXpbfhDKC5cG6YkFo6czQR7nB+3KzdhWx+rVNLkJvNo6cABVehWNoUM0z9VRrAKrtZjYN28tM2b2Ug==",
+      "license": "MIT",
+      "workspaces": [
+        "example"
+      ],
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-svg": {
+      "version": "15.11.2",
+      "resolved": "https://registry.npmjs.org/react-native-svg/-/react-native-svg-15.11.2.tgz",
+      "integrity": "sha512-+YfF72IbWQUKzCIydlijV1fLuBsQNGMT6Da2kFlo1sh+LE3BIm/2Q7AR1zAAR6L0BFLi1WaQPLfFUC9bNZpOmw==",
+      "license": "MIT",
+      "dependencies": {
+        "css-select": "^5.1.0",
+        "css-tree": "^1.1.3",
+        "warn-once": "0.1.1"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-svg-transformer": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/react-native-svg-transformer/-/react-native-svg-transformer-1.2.0.tgz",
+      "integrity": "sha512-z6BbmYBvFccTFKNNQjRmHPCstLxgoQvieAa0WdxcJoe6E+E1uXD5GkFpZymAF/i9CAMu4fG76/COytcJ8sfaEg==",
+      "license": "MIT",
+      "dependencies": {
+        "@svgr/core": "^8.1.0",
+        "@svgr/plugin-jsx": "^8.1.0",
+        "@svgr/plugin-svgo": "^8.1.0",
+        "path-dirname": "^1.0.2"
+      },
+      "peerDependencies": {
+        "react-native": ">=0.59.0",
+        "react-native-svg": ">=12.0.0"
+      }
+    },
+    "node_modules/react-native-svg-transformer/node_modules/@svgr/babel-plugin-add-jsx-attribute": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-8.0.0.tgz",
+      "integrity": "sha512-b9MIk7yhdS1pMCZM8VeNfUlSKVRhsHZNMl5O9SfaX0l0t5wjdgu4IDzGB8bpnGBBOjGST3rRFVsaaEtI4W6f7g==",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/react-native-svg-transformer/node_modules/@svgr/babel-plugin-remove-jsx-attribute": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-8.0.0.tgz",
+      "integrity": "sha512-BcCkm/STipKvbCl6b7QFrMh/vx00vIP63k2eM66MfHJzPr6O2U0jYEViXkHJWqXqQYjdeA9cuCl5KWmlwjDvbA==",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/react-native-svg-transformer/node_modules/@svgr/babel-plugin-remove-jsx-empty-expression": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-8.0.0.tgz",
+      "integrity": "sha512-5BcGCBfBxB5+XSDSWnhTThfI9jcO5f0Ai2V24gZpG+wXF14BzwxxdDb4g6trdOux0rhibGs385BeFMSmxtS3uA==",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/react-native-svg-transformer/node_modules/@svgr/babel-plugin-replace-jsx-attribute-value": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-8.0.0.tgz",
+      "integrity": "sha512-KVQ+PtIjb1BuYT3ht8M5KbzWBhdAjjUPdlMtpuw/VjT8coTrItWX6Qafl9+ji831JaJcu6PJNKCV0bp01lBNzQ==",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/react-native-svg-transformer/node_modules/@svgr/babel-plugin-svg-dynamic-title": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-8.0.0.tgz",
+      "integrity": "sha512-omNiKqwjNmOQJ2v6ge4SErBbkooV2aAWwaPFs2vUY7p7GhVkzRkJ00kILXQvRhA6miHnNpXv7MRnnSjdRjK8og==",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/react-native-svg-transformer/node_modules/@svgr/babel-plugin-svg-em-dimensions": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-8.0.0.tgz",
+      "integrity": "sha512-mURHYnu6Iw3UBTbhGwE/vsngtCIbHE43xCRK7kCw4t01xyGqb2Pd+WXekRRoFOBIY29ZoOhUCTEweDMdrjfi9g==",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/react-native-svg-transformer/node_modules/@svgr/babel-plugin-transform-react-native-svg": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-8.1.0.tgz",
+      "integrity": "sha512-Tx8T58CHo+7nwJ+EhUwx3LfdNSG9R2OKfaIXXs5soiy5HtgoAEkDay9LIimLOcG8dJQH1wPZp/cnAv6S9CrR1Q==",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/react-native-svg-transformer/node_modules/@svgr/babel-plugin-transform-svg-component": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-8.0.0.tgz",
+      "integrity": "sha512-DFx8xa3cZXTdb/k3kfPeaixecQLgKh5NVBMwD0AQxOzcZawK4oo1Jh9LbrcACUivsCA7TLG8eeWgrDXjTMhRmw==",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/react-native-svg-transformer/node_modules/@svgr/babel-preset": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-preset/-/babel-preset-8.1.0.tgz",
+      "integrity": "sha512-7EYDbHE7MxHpv4sxvnVPngw5fuR6pw79SkcrILHJ/iMpuKySNCl5W1qcwPEpU+LgyRXOaAFgH0KhwD18wwg6ug==",
+      "dependencies": {
+        "@svgr/babel-plugin-add-jsx-attribute": "8.0.0",
+        "@svgr/babel-plugin-remove-jsx-attribute": "8.0.0",
+        "@svgr/babel-plugin-remove-jsx-empty-expression": "8.0.0",
+        "@svgr/babel-plugin-replace-jsx-attribute-value": "8.0.0",
+        "@svgr/babel-plugin-svg-dynamic-title": "8.0.0",
+        "@svgr/babel-plugin-svg-em-dimensions": "8.0.0",
+        "@svgr/babel-plugin-transform-react-native-svg": "8.1.0",
+        "@svgr/babel-plugin-transform-svg-component": "8.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/react-native-svg-transformer/node_modules/@svgr/core": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/@svgr/core/-/core-8.1.0.tgz",
+      "integrity": "sha512-8QqtOQT5ACVlmsvKOJNEaWmRPmcojMOzCz4Hs2BGG/toAp/K38LcsMRyLp349glq5AzJbCEeimEoxaX6v/fLrA==",
+      "dependencies": {
+        "@babel/core": "^7.21.3",
+        "@svgr/babel-preset": "8.1.0",
+        "camelcase": "^6.2.0",
+        "cosmiconfig": "^8.1.3",
+        "snake-case": "^3.0.4"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      }
+    },
+    "node_modules/react-native-svg-transformer/node_modules/@svgr/hast-util-to-babel-ast": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-8.0.0.tgz",
+      "integrity": "sha512-EbDKwO9GpfWP4jN9sGdYwPBU0kdomaPIL2Eu4YwmgP+sJeXT+L7bMwJUBnhzfH8Q2qMBqZ4fJwpCyYsAN3mt2Q==",
+      "dependencies": {
+        "@babel/types": "^7.21.3",
+        "entities": "^4.4.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      }
+    },
+    "node_modules/react-native-svg-transformer/node_modules/@svgr/plugin-jsx": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/@svgr/plugin-jsx/-/plugin-jsx-8.1.0.tgz",
+      "integrity": "sha512-0xiIyBsLlr8quN+WyuxooNW9RJ0Dpr8uOnH/xrCVO8GLUcwHISwj1AG0k+LFzteTkAA0GbX0kj9q6Dk70PTiPA==",
+      "dependencies": {
+        "@babel/core": "^7.21.3",
+        "@svgr/babel-preset": "8.1.0",
+        "@svgr/hast-util-to-babel-ast": "8.0.0",
+        "svg-parser": "^2.0.4"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@svgr/core": "*"
+      }
+    },
+    "node_modules/react-native-svg-transformer/node_modules/@svgr/plugin-svgo": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/@svgr/plugin-svgo/-/plugin-svgo-8.1.0.tgz",
+      "integrity": "sha512-Ywtl837OGO9pTLIN/onoWLmDQ4zFUycI1g76vuKGEz6evR/ZTJlJuz3G/fIkb6OVBJ2g0o6CGJzaEjfmEo3AHA==",
+      "dependencies": {
+        "cosmiconfig": "^8.1.3",
+        "deepmerge": "^4.3.1",
+        "svgo": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@svgr/core": "*"
+      }
+    },
+    "node_modules/react-native-svg-transformer/node_modules/commander": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
+      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/react-native-svg-transformer/node_modules/cosmiconfig": {
+      "version": "8.2.0",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-8.2.0.tgz",
+      "integrity": "sha512-3rTMnFJA1tCOPwRxtgF4wd7Ab2qvDbL8jX+3smjIbS4HlZBagTlpERbdN7iAbWlrfxE3M8c27kTwTawQ7st+OQ==",
+      "dependencies": {
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.0",
+        "parse-json": "^5.0.0",
+        "path-type": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/d-fischer"
+      }
+    },
+    "node_modules/react-native-svg-transformer/node_modules/css-select": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.1.0.tgz",
+      "integrity": "sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==",
+      "dependencies": {
+        "boolbase": "^1.0.0",
+        "css-what": "^6.1.0",
+        "domhandler": "^5.0.2",
+        "domutils": "^3.0.1",
+        "nth-check": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/react-native-svg-transformer/node_modules/css-tree": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz",
+      "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==",
+      "dependencies": {
+        "mdn-data": "2.0.30",
+        "source-map-js": "^1.0.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
+      }
+    },
+    "node_modules/react-native-svg-transformer/node_modules/csso": {
+      "version": "5.0.5",
+      "resolved": "https://registry.npmjs.org/csso/-/csso-5.0.5.tgz",
+      "integrity": "sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==",
+      "dependencies": {
+        "css-tree": "~2.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0",
+        "npm": ">=7.0.0"
+      }
+    },
+    "node_modules/react-native-svg-transformer/node_modules/csso/node_modules/css-tree": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.2.1.tgz",
+      "integrity": "sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==",
+      "dependencies": {
+        "mdn-data": "2.0.28",
+        "source-map-js": "^1.0.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0",
+        "npm": ">=7.0.0"
+      }
+    },
+    "node_modules/react-native-svg-transformer/node_modules/csso/node_modules/mdn-data": {
+      "version": "2.0.28",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.28.tgz",
+      "integrity": "sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g=="
+    },
+    "node_modules/react-native-svg-transformer/node_modules/deepmerge": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
+      "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-native-svg-transformer/node_modules/dom-serializer": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
+      "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.2",
+        "entities": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/react-native-svg-transformer/node_modules/domhandler": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
+      "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+      "dependencies": {
+        "domelementtype": "^2.3.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/react-native-svg-transformer/node_modules/domutils": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz",
+      "integrity": "sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==",
+      "dependencies": {
+        "dom-serializer": "^2.0.0",
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
+    "node_modules/react-native-svg-transformer/node_modules/mdn-data": {
+      "version": "2.0.30",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
+      "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA=="
+    },
+    "node_modules/react-native-svg-transformer/node_modules/svgo": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/svgo/-/svgo-3.0.2.tgz",
+      "integrity": "sha512-Z706C1U2pb1+JGP48fbazf3KxHrWOsLme6Rv7imFBn5EnuanDW1GPaA/P1/dvObE670JDePC3mnj0k0B7P0jjQ==",
+      "dependencies": {
+        "@trysound/sax": "0.2.0",
+        "commander": "^7.2.0",
+        "css-select": "^5.1.0",
+        "css-tree": "^2.2.1",
+        "csso": "^5.0.5",
+        "picocolors": "^1.0.0"
+      },
+      "bin": {
+        "svgo": "bin/svgo"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/svgo"
+      }
+    },
+    "node_modules/react-native-svg/node_modules/css-select": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.1.0.tgz",
+      "integrity": "sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==",
+      "dependencies": {
+        "boolbase": "^1.0.0",
+        "css-what": "^6.1.0",
+        "domhandler": "^5.0.2",
+        "domutils": "^3.0.1",
+        "nth-check": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/react-native-svg/node_modules/dom-serializer": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
+      "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.2",
+        "entities": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/react-native-svg/node_modules/domhandler": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
+      "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+      "dependencies": {
+        "domelementtype": "^2.3.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/react-native-svg/node_modules/domutils": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.0.1.tgz",
+      "integrity": "sha512-z08c1l761iKhDFtfXO04C7kTdPBLi41zwOZl00WS8b5eiaebNpY00HKbztwBq+e3vyqWNwWF3mP9YLUeqIrF+Q==",
+      "dependencies": {
+        "dom-serializer": "^2.0.0",
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
+    "node_modules/react-native-tab-view": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/react-native-tab-view/-/react-native-tab-view-3.5.2.tgz",
+      "integrity": "sha512-nE5WqjbeEPsWQx4mtz81QGVvgHRhujTNIIZiMCx3Bj6CBFDafbk7XZp9ocmtzXUQaZ4bhtVS43R4FIiR4LboJw==",
+      "dependencies": {
+        "use-latest-callback": "^0.1.5"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*",
+        "react-native-pager-view": "*"
+      }
+    },
+    "node_modules/react-native-url-polyfill": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/react-native-url-polyfill/-/react-native-url-polyfill-2.0.0.tgz",
+      "integrity": "sha512-My330Do7/DvKnEvwQc0WdcBnFPploYKp9CYlefDXzIdEaA+PAhDYllkvGeEroEzvc4Kzzj2O4yVdz8v6fjRvhA==",
+      "dependencies": {
+        "whatwg-url-without-unicode": "8.0.0-3"
+      },
+      "peerDependencies": {
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-video": {
+      "version": "6.13.0",
+      "resolved": "https://registry.npmjs.org/react-native-video/-/react-native-video-6.13.0.tgz",
+      "integrity": "sha512-eY6jgLcmYKAAlAZhsZbp8wfCVrGu7jmUYTTspn8udN8j4jqr4Fq90ROOM/QegGkwNs4waclL0IkzGuq61kT4DQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-webrtc": {
+      "version": "124.0.7",
+      "resolved": "https://registry.npmjs.org/react-native-webrtc/-/react-native-webrtc-124.0.7.tgz",
+      "integrity": "sha512-gnXPdbUS8IkKHq9WNaWptW/yy5s6nMyI6cNn90LXdobPVCgYSk6NA2uUGdT4c4J14BRgaFA95F+cR28tUPkMVA==",
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "1.5.1",
+        "debug": "4.3.4",
+        "event-target-shim": "6.0.2"
+      },
+      "peerDependencies": {
+        "react-native": ">=0.60.0"
+      }
+    },
+    "node_modules/react-native-webrtc/node_modules/event-target-shim": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-6.0.2.tgz",
+      "integrity": "sha512-8q3LsZjRezbFZ2PN+uP+Q7pnHUMmAOziU2vA2OwoFaKIXxlxl38IylhSSgUorWu/rf4er67w0ikBqjBFk/pomA==",
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mysticatea"
+      }
+    },
+    "node_modules/react-native-webview": {
+      "version": "13.13.5",
+      "resolved": "https://registry.npmjs.org/react-native-webview/-/react-native-webview-13.13.5.tgz",
+      "integrity": "sha512-MfC2B+woL4Hlj2WCzcb1USySKk+SteXnUKmKktOk/H/AQy5+LuVdkPKm8SknJ0/RxaxhZ48WBoTRGaqgR137hw==",
+      "license": "MIT",
+      "dependencies": {
+        "escape-string-regexp": "^4.0.0",
+        "invariant": "2.2.4"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-worklets-core": {
+      "version": "1.6.2",
+      "resolved": "git+ssh://git@github.com/jitsi/react-native-worklets-core.git#8c5dfab2a5907305da8971696a781b60f0f9cb18",
+      "integrity": "sha512-SW47DvuNLjhoj8PJK8haq0B/69//ChG+/3WyK9NkhwUSM1kqZLle1O7SqGeLFp2f37qyBXH5X+cXPDaabJ8CHA==",
+      "license": "MIT",
+      "dependencies": {
+        "string-hash-64": "^1.0.3"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-youtube-iframe": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/react-native-youtube-iframe/-/react-native-youtube-iframe-2.3.0.tgz",
+      "integrity": "sha512-M+z63xwXVtS4dX3k8PbtHUUcWN+gRZt6J1EtPE7Y60BMOB979KjpkdrHqeR96or9pNR2W8K5tQhIkMXW2jwo7Q==",
+      "dependencies": {
+        "events": "^3.2.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.6",
+        "react-native": ">=0.60",
+        "react-native-web-webview": ">=1.0.2",
+        "react-native-webview": ">=7.0.0"
+      },
+      "peerDependenciesMeta": {
+        "react-native-web-webview": {
+          "optional": true
+        },
+        "react-native-webview": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-native/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/react-native/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/react-native/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/react-native/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "license": "MIT"
+    },
+    "node_modules/react-native/node_modules/commander": {
+      "version": "12.1.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-12.1.0.tgz",
+      "integrity": "sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/react-native/node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/react-native/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/react-native/node_modules/react-refresh": {
+      "version": "0.14.2",
+      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.2.tgz",
+      "integrity": "sha512-jCvmsr+1IUSMUyzOkRcvnVbX3ZYC6g9TDrDbFuFmRDq7PD4yaGbLKNQL6k2jnArV8hjYxh7hVhAZB6s9HDGpZA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-native/node_modules/scheduler": {
+      "version": "0.24.0-canary-efb381bbf-20230505",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.24.0-canary-efb381bbf-20230505.tgz",
+      "integrity": "sha512-ABvovCDe/k9IluqSh4/ISoq8tIJnW8euVAWYt5j/bg6dRnqwQwiGO1F/V4AyK96NGF/FB04FhOUDuWj8IKfABA==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      }
+    },
+    "node_modules/react-native/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/react-redux": {
+      "version": "7.2.9",
+      "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-7.2.9.tgz",
+      "integrity": "sha512-Gx4L3uM182jEEayZfRbI/G11ZpYdNAnBs70lFVMNdHJI76XYtR+7m0MN+eAs7UHBPhWXcnFPaS+9owSCJQHNpQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.15.4",
+        "@types/react-redux": "^7.1.20",
+        "hoist-non-react-statics": "^3.3.2",
+        "loose-envify": "^1.4.0",
+        "prop-types": "^15.7.2",
+        "react-is": "^17.0.2"
+      },
+      "peerDependencies": {
+        "react": "^16.8.3 || ^17 || ^18"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        },
+        "react-native": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-remove-scroll": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.5.6.tgz",
+      "integrity": "sha512-bO856ad1uDYLefgArk559IzUNeQ6SWH4QnrevIUjH+GczV56giDfl3h0Idptf2oIKxQmd1p9BN25jleKodTALg==",
+      "dependencies": {
+        "react-remove-scroll-bar": "^2.3.4",
+        "react-style-singleton": "^2.2.1",
+        "tslib": "^2.1.0",
+        "use-callback-ref": "^1.3.0",
+        "use-sidecar": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-remove-scroll-bar": {
+      "version": "2.3.4",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.4.tgz",
+      "integrity": "sha512-63C4YQBUt0m6ALadE9XV56hV8BgJWDmmTPY758iIJjfQKt2nYwoUrPk0LXRXcB/yIj82T1/Ixfdpdk68LwIB0A==",
+      "dependencies": {
+        "react-style-singleton": "^2.2.1",
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-style-singleton": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.1.tgz",
+      "integrity": "sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==",
+      "dependencies": {
+        "get-nonce": "^1.0.0",
+        "invariant": "^2.2.4",
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-textarea-autosize": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/react-textarea-autosize/-/react-textarea-autosize-8.3.0.tgz",
+      "integrity": "sha512-3GLWFAan2pbwBeoeNDoqGmSbrShORtgWfaWX0RJDivsUrpShh01saRM5RU/i4Zmf+whpBVEY5cA90Eq8Ub1N3w==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.2",
+        "use-composed-ref": "^1.0.0",
+        "use-latest": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0"
+      }
+    },
+    "node_modules/react-universal-interface": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/react-universal-interface/-/react-universal-interface-0.6.2.tgz",
+      "integrity": "sha512-dg8yXdcQmvgR13RIlZbTRQOoUrDciFVoSBZILwjE2LFISxZZ8loVJKAkuzswl5js8BHda79bIb2b84ehU8IjXw==",
+      "peerDependencies": {
+        "react": "*",
+        "tslib": "*"
+      }
+    },
+    "node_modules/react-use": {
+      "version": "17.4.0",
+      "resolved": "https://registry.npmjs.org/react-use/-/react-use-17.4.0.tgz",
+      "integrity": "sha512-TgbNTCA33Wl7xzIJegn1HndB4qTS9u03QUwyNycUnXaweZkE4Kq2SB+Yoxx8qbshkZGYBDvUXbXWRUmQDcZZ/Q==",
+      "dependencies": {
+        "@types/js-cookie": "^2.2.6",
+        "@xobotyi/scrollbar-width": "^1.9.5",
+        "copy-to-clipboard": "^3.3.1",
+        "fast-deep-equal": "^3.1.3",
+        "fast-shallow-equal": "^1.0.0",
+        "js-cookie": "^2.2.1",
+        "nano-css": "^5.3.1",
+        "react-universal-interface": "^0.6.2",
+        "resize-observer-polyfill": "^1.5.1",
+        "screenfull": "^5.1.0",
+        "set-harmonic-interval": "^1.0.1",
+        "throttle-debounce": "^3.0.1",
+        "ts-easing": "^0.2.0",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0  || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0  || ^17.0.0 || ^18.0.0"
+      }
+    },
+    "node_modules/react-virtualized-auto-sizer": {
+      "version": "1.0.26",
+      "resolved": "https://registry.npmjs.org/react-virtualized-auto-sizer/-/react-virtualized-auto-sizer-1.0.26.tgz",
+      "integrity": "sha512-CblNyiNVw2o+hsa5/49NH2ogGxZ+t+3aweRvNSq7TVjDIlwk7ir4lencEg5HxHeSzwNarSkNkiu0qJSOXtxm5A==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^15.3.0 || ^16.0.0-alpha || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^15.3.0 || ^16.0.0-alpha || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/react-window": {
+      "version": "1.8.6",
+      "resolved": "https://registry.npmjs.org/react-window/-/react-window-1.8.6.tgz",
+      "integrity": "sha512-8VwEEYyjz6DCnGBsd+MgkD0KJ2/OXFULyDtorIiTz+QzwoP94tBoA7CnbtyXMm+cCeAUER5KJcPtWl9cpKbOBg==",
+      "dependencies": {
+        "@babel/runtime": "^7.0.0",
+        "memoize-one": ">=3.1.1 <6"
+      },
+      "engines": {
+        "node": ">8.0.0"
+      },
+      "peerDependencies": {
+        "react": "^15.0.0 || ^16.0.0 || ^17.0.0",
+        "react-dom": "^15.0.0 || ^16.0.0 || ^17.0.0"
+      }
+    },
+    "node_modules/react-youtube": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/react-youtube/-/react-youtube-10.1.0.tgz",
+      "integrity": "sha512-ZfGtcVpk0SSZtWCSTYOQKhfx5/1cfyEW1JN/mugGNfAxT3rmVJeMbGpA9+e78yG21ls5nc/5uZJETE3cm3knBg==",
+      "dependencies": {
+        "fast-deep-equal": "3.1.3",
+        "prop-types": "15.8.1",
+        "youtube-player": "5.5.2"
+      },
+      "engines": {
+        "node": ">= 14.x"
+      },
+      "peerDependencies": {
+        "react": ">=0.14.1"
+      }
+    },
+    "node_modules/read-pkg": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-8.1.0.tgz",
+      "integrity": "sha512-PORM8AgzXeskHO/WEv312k9U03B8K9JSiWF/8N9sUuFjBa+9SF2u6K7VClzXwDXab51jCd8Nd36CNM+zR97ScQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/normalize-package-data": "^2.4.1",
+        "normalize-package-data": "^6.0.0",
+        "parse-json": "^7.0.0",
+        "type-fest": "^4.2.0"
+      },
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/read-pkg-up": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-10.1.0.tgz",
+      "integrity": "sha512-aNtBq4jR8NawpKJQldrQcSW9y/d+KWH4v24HWkHljOZ7H0av+YTGANBzRh9A5pw7v/bLVsLVPpOhJ7gHNVy8lA==",
+      "dev": true,
+      "dependencies": {
+        "find-up": "^6.3.0",
+        "read-pkg": "^8.1.0",
+        "type-fest": "^4.2.0"
+      },
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/find-up": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-6.3.0.tgz",
+      "integrity": "sha512-v2ZsoEuVHYy8ZIlYqwPe/39Cy+cFDzp4dXPaxNvkEuouymu+2Jbz0PxpKarJHYJTmv2HWT3O382qY8l4jMWthw==",
+      "dev": true,
+      "dependencies": {
+        "locate-path": "^7.1.0",
+        "path-exists": "^5.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/locate-path": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-7.2.0.tgz",
+      "integrity": "sha512-gvVijfZvn7R+2qyPX8mAuKcFGDf6Nc61GdvGafQsHL0sBIxfKzA+usWn4GFC/bk+QdwPUD4kWFJLhElipq+0VA==",
+      "dev": true,
+      "dependencies": {
+        "p-locate": "^6.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/p-limit": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-4.0.0.tgz",
+      "integrity": "sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==",
+      "dev": true,
+      "dependencies": {
+        "yocto-queue": "^1.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/p-locate": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-6.0.0.tgz",
+      "integrity": "sha512-wPrq66Llhl7/4AGC6I+cqxT07LhXvWL08LNXz1fENOw0Ap4sRZZ/gZpTTJ5jpurzzzfS2W/Ge9BY3LgLjCShcw==",
+      "dev": true,
+      "dependencies": {
+        "p-limit": "^4.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/path-exists": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-5.0.0.tgz",
+      "integrity": "sha512-RjhtfwJOxzcFmNOi6ltcbcu4Iu+FL3zEj83dk4kAS+fVpTxXLO1b38RvJgT/0QwvV/L3aY9TAnyv0EOqW4GoMQ==",
+      "dev": true,
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/type-fest": {
+      "version": "4.26.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.26.1.tgz",
+      "integrity": "sha512-yOGpmOAL7CkKe/91I5O3gPICmJNLJ1G4zFYVAsRHg7M64biSnPtRj0WNQt++bRkjYOqjWXrhnUw1utzmVErAdg==",
+      "dev": true,
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/yocto-queue": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.1.1.tgz",
+      "integrity": "sha512-b4JR1PFR10y1mKjhHY9LaGo6tmrgjit7hxVIeAmyMw3jegXR4dhYqLaQF5zMXZxY7tLpMyJeLjr1C4rLmkVe8g==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/read-pkg/node_modules/json-parse-even-better-errors": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-3.0.2.tgz",
+      "integrity": "sha512-fi0NG4bPjCHunUJffmLd0gxssIgkNmArMvis4iNah6Owg1MCJjWhEcDLmsK6iGkJq3tHwbDkTlce70/tmXN4cQ==",
+      "dev": true,
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/read-pkg/node_modules/lines-and-columns": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-2.0.4.tgz",
+      "integrity": "sha512-wM1+Z03eypVAVUCE7QdSqpVIvelbOakn1M0bPDoA4SGWPx3sNDVUiMo3L6To6WWGClB7VyXnhQ4Sn7gxiJbE6A==",
+      "dev": true,
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      }
+    },
+    "node_modules/read-pkg/node_modules/parse-json": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-7.1.1.tgz",
+      "integrity": "sha512-SgOTCX/EZXtZxBE5eJ97P4yGM5n37BwRU+YMsH4vNzFqJV/oWFXXCmwFlgWUM4PrakybVOueJJ6pwHqSVhTFDw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.21.4",
+        "error-ex": "^1.3.2",
+        "json-parse-even-better-errors": "^3.0.0",
+        "lines-and-columns": "^2.0.3",
+        "type-fest": "^3.8.0"
+      },
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/read-pkg/node_modules/parse-json/node_modules/type-fest": {
+      "version": "3.13.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-3.13.1.tgz",
+      "integrity": "sha512-tLq3bSNx+xSpwvAJnzrK0Ep5CLNWjvFTOp71URMaAEWBfRb9nnJiBoUe0tF8bI4ZFO3omgBR6NvnbzVUT3Ly4g==",
+      "dev": true,
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/read-pkg/node_modules/type-fest": {
+      "version": "4.26.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.26.1.tgz",
+      "integrity": "sha512-yOGpmOAL7CkKe/91I5O3gPICmJNLJ1G4zFYVAsRHg7M64biSnPtRj0WNQt++bRkjYOqjWXrhnUw1utzmVErAdg==",
+      "dev": true,
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/readable-stream": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
+      "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
+      "dev": true,
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/readdir-glob": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/readdir-glob/-/readdir-glob-1.1.3.tgz",
+      "integrity": "sha512-v05I2k7xN8zXvPD9N+z/uhXPaj0sUFCe2rcWZIpBsqxfP7xXFQ0tipAd/wjj1YxWyWtUS5IDJpOG82JKt2EAVA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "minimatch": "^5.1.0"
+      }
+    },
+    "node_modules/readdir-glob/node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/readdir-glob/node_modules/minimatch": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
+      "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/readline": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/readline/-/readline-1.3.0.tgz",
+      "integrity": "sha512-k2d6ACCkiNYz222Fs/iNze30rRJ1iIicW7JuX/7/cozvih6YCkFZH+J6mAFDVgv0dRBaAyr4jDqC95R2y4IADg==",
+      "license": "BSD"
+    },
+    "node_modules/recast": {
+      "version": "0.23.11",
+      "resolved": "https://registry.npmjs.org/recast/-/recast-0.23.11.tgz",
+      "integrity": "sha512-YTUo+Flmw4ZXiWfQKGcwwc11KnoRAYgzAE2E7mXKCjSviTKShtxBsN6YUUBB2gtaBzKzeKunxhUwNHQuRryhWA==",
+      "license": "MIT",
+      "dependencies": {
+        "ast-types": "^0.16.1",
+        "esprima": "~4.0.0",
+        "source-map": "~0.6.1",
+        "tiny-invariant": "^1.3.3",
+        "tslib": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/recast/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rechoir": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/rechoir/-/rechoir-0.8.0.tgz",
+      "integrity": "sha512-/vxpCXddiX8NGfGO/mTafwjq4aFa/71pvamip0++IQk3zG8cbCj0fifNPrjjF1XMXUne91jL9OoxmdykoEtifQ==",
+      "dev": true,
+      "dependencies": {
+        "resolve": "^1.20.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      }
+    },
+    "node_modules/recursive-readdir": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/recursive-readdir/-/recursive-readdir-2.2.3.tgz",
+      "integrity": "sha512-8HrF5ZsXk5FAH9dgsx3BlUer73nIhuj+9OrQwEbLTPOBzGkL1lsFCR01am+v+0m2Cmbs1nP12hLDl5FA7EszKA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minimatch": "^3.0.5"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/redux": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/redux/-/redux-4.0.4.tgz",
+      "integrity": "sha512-vKv4WdiJxOWKxK0yRoaK3Y4pxxB0ilzVx6dszU2W8wLxlb2yikRph4iV/ymtdJ6ZxpBLFbyrxklnT5yBbQSl3Q==",
+      "dependencies": {
+        "loose-envify": "^1.4.0",
+        "symbol-observable": "^1.2.0"
+      }
+    },
+    "node_modules/redux-thunk": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/redux-thunk/-/redux-thunk-2.4.1.tgz",
+      "integrity": "sha512-OOYGNY5Jy2TWvTL1KgAlVy6dcx3siPJ1wTq741EPyUKfn6W6nChdICjZwCd0p8AZBs5kWpZlbkXW2nE/zjUa+Q==",
+      "peerDependencies": {
+        "redux": "^4"
+      }
+    },
+    "node_modules/reflect.getprototypeof": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz",
+      "integrity": "sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.9",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.7",
+        "get-proto": "^1.0.1",
+        "which-builtin-type": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regenerate": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
+      "integrity": "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==",
+      "license": "MIT"
+    },
+    "node_modules/regenerate-unicode-properties": {
+      "version": "10.2.0",
+      "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.2.0.tgz",
+      "integrity": "sha512-DqHn3DwbmmPVzeKj9woBadqmXxLvQoQIwu7nopMc72ztvxVmVk2SBhSnx67zuye5TP+lJsb/TBQsjLKhnDf3MA==",
+      "license": "MIT",
+      "dependencies": {
+        "regenerate": "^1.4.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/regenerator-runtime": {
+      "version": "0.13.11",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
+      "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg=="
+    },
+    "node_modules/regenerator-transform": {
+      "version": "0.15.2",
+      "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.15.2.tgz",
+      "integrity": "sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.8.4"
+      }
+    },
+    "node_modules/regexp.prototype.flags": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz",
+      "integrity": "sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-errors": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "set-function-name": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regexpu-core": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-6.1.1.tgz",
+      "integrity": "sha512-k67Nb9jvwJcJmVpw0jPttR1/zVfnKf8Km0IPatrU/zJ5XeG3+Slx0xLXs9HByJSzXzrlz5EDvN6yLNMDc2qdnw==",
+      "license": "MIT",
+      "dependencies": {
+        "regenerate": "^1.4.2",
+        "regenerate-unicode-properties": "^10.2.0",
+        "regjsgen": "^0.8.0",
+        "regjsparser": "^0.11.0",
+        "unicode-match-property-ecmascript": "^2.0.0",
+        "unicode-match-property-value-ecmascript": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/regjsgen": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.8.0.tgz",
+      "integrity": "sha512-RvwtGe3d7LvWiDQXeQw8p5asZUmfU1G/l6WbUXeHta7Y2PEIvBTwH6E2EfmYUK8pxcxEdEmaomqyp0vZZ7C+3Q==",
+      "license": "MIT"
+    },
+    "node_modules/regjsparser": {
+      "version": "0.11.2",
+      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.11.2.tgz",
+      "integrity": "sha512-3OGZZ4HoLJkkAZx/48mTXJNlmqTGOzc0o9OWQPuWpkOlXXPbyN6OafCcoXUnBqE2D3f/T5L+pWc1kdEmnfnRsA==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "jsesc": "~3.0.2"
+      },
+      "bin": {
+        "regjsparser": "bin/parser"
+      }
+    },
+    "node_modules/require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/require-from-string": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/require-main-filename": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz",
+      "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/requires-port": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
+      "integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=",
+      "dev": true
+    },
+    "node_modules/resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
+    },
+    "node_modules/resolve": {
+      "version": "1.22.0",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.0.tgz",
+      "integrity": "sha512-Hhtrw0nLeSrFQ7phPp4OOcVjLPIeMnRlr5mcnVuMe7M/7eBn98A3hmFRLoFo3DLZkivSYwhRUJTyPyWAk56WLw==",
+      "dependencies": {
+        "is-core-module": "^2.8.1",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve-cwd": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-3.0.0.tgz",
+      "integrity": "sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==",
+      "dev": true,
+      "dependencies": {
+        "resolve-from": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/resolve-cwd/node_modules/resolve-from": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/resolve-pkg-maps": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
+      "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
+      }
+    },
+    "node_modules/resq": {
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/resq/-/resq-1.11.0.tgz",
+      "integrity": "sha512-G10EBz+zAAy3zUd/CDoBbXRL6ia9kOo3xRHrMDsHljI0GDkhYlyjwoCx5+3eCC4swi1uCoZQhskuJkj7Gp57Bw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^2.0.1"
+      }
+    },
+    "node_modules/resq/node_modules/fast-deep-equal": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz",
+      "integrity": "sha512-bCK/2Z4zLidyB4ReuIsvALH6w31YfAQDmXMqMx6FyfHqvBxtjC0eRumeSu4Bs3XtXwpyIywtSTrVT99BxY1f9w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/restore-cursor": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz",
+      "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "onetime": "^5.1.0",
+        "signal-exit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ret": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/ret/-/ret-0.5.0.tgz",
+      "integrity": "sha512-I1XxrZSQ+oErkRR4jYbAyEEu2I0avBvvMM5JN+6EBprOGRCs63ENqZ3vjavq8fBw2+62G5LF5XelKwuJpcvcxw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/retry": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/retry/-/retry-0.13.1.tgz",
+      "integrity": "sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
+      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+      "dev": true,
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rgb2hex": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/rgb2hex/-/rgb2hex-0.2.5.tgz",
+      "integrity": "sha512-22MOP1Rh7sAo1BZpDG6R5RFYzR2lYEgwq7HEmyW2qcsOqR2lQKmn+O//xV3YG/0rrhMC6KVX2hU+ZXuaw9a5bw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/rimraf": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/rimraf/node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/rtl-css-js": {
+      "version": "1.16.1",
+      "resolved": "https://registry.npmjs.org/rtl-css-js/-/rtl-css-js-1.16.1.tgz",
+      "integrity": "sha512-lRQgou1mu19e+Ya0LsTvKrVJ5TYUbqCVPAiImX3UfLTenarvPUl1QFdvu5Z3PYmHT9RCcwIfbjRQBntExyj3Zg==",
+      "dependencies": {
+        "@babel/runtime": "^7.1.2"
+      }
+    },
+    "node_modules/run-applescript": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/run-applescript/-/run-applescript-7.0.0.tgz",
+      "integrity": "sha512-9by4Ij99JUr/MCFBUkDKLWK3G9HVXmabKz9U5MlIAIuvuzkiOicRYs8XJLxX+xahD+mLiiCYDqF9dKAgtzKP1A==",
+      "dev": true,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/run-async": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/run-async/-/run-async-4.0.6.tgz",
+      "integrity": "sha512-IoDlSLTs3Yq593mb3ZoKWKXMNu3UpObxhgA/Xuid5p4bbfi2jdY1Hj0m1K+0/tEuQTxIGMhQDqGjKb7RuxGpAQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/rxjs": {
+      "version": "7.8.2",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
+      "integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/safaridriver": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safaridriver/-/safaridriver-1.0.0.tgz",
+      "integrity": "sha512-J92IFbskyo7OYB3Dt4aTdyhag1GlInrfbPCmMteb7aBK7PwlnGz1HI0+oyNN97j7pV9DqUAVoVgkNRMrfY47mQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/safe-array-concat": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.3.tgz",
+      "integrity": "sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "has-symbols": "^1.1.0",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">=0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
+    },
+    "node_modules/safe-push-apply": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-push-apply/-/safe-push-apply-1.0.0.tgz",
+      "integrity": "sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-regex-test": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
+      "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-regex": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-regex2": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/safe-regex2/-/safe-regex2-5.0.0.tgz",
+      "integrity": "sha512-YwJwe5a51WlK7KbOJREPdjNrpViQBI3p4T50lfwPuDhZnE3XGVTlGvi+aolc5+RvxDD6bnUmjVsU9n1eboLUYw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "ret": "~0.5.0"
+      }
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "dev": true
+    },
+    "node_modules/sass": {
+      "version": "1.26.8",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.26.8.tgz",
+      "integrity": "sha512-yvtzyrKLGiXQu7H12ekXqsfoGT/aTKeMDyVzCB675k1HYuaj0py63i8Uf4SI9CHXj6apDhpfwbUr3gGOjdpu2Q==",
+      "dev": true,
+      "dependencies": {
+        "chokidar": ">=2.0.0 <4.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=8.9.0"
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.23.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
+      "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      }
+    },
+    "node_modules/schema-utils": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.2.0.tgz",
+      "integrity": "sha512-L0jRsrPpjdckP3oPug3/VxNKt2trR8TcabrM6FOAAlvC/9Phcmm+cuAgTlxBqdBR1WJx7Naj9WHw+aOmheSVbw==",
+      "dev": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.9",
+        "ajv": "^8.9.0",
+        "ajv-formats": "^2.1.1",
+        "ajv-keywords": "^5.1.0"
+      },
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/schema-utils/node_modules/ajv": {
+      "version": "8.12.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
+      "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/schema-utils/node_modules/ajv-keywords": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
+      "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3"
+      },
+      "peerDependencies": {
+        "ajv": "^8.8.2"
+      }
+    },
+    "node_modules/schema-utils/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true
+    },
+    "node_modules/screenfull": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/screenfull/-/screenfull-5.2.0.tgz",
+      "integrity": "sha512-9BakfsO2aUQN2K9Fdbj87RJIEZ82Q9IGim7FqM5OsebfoFC6ZHXgDq/KvniuLTPdeM8wY2o6Dj3WQ7KeQCj3cA==",
+      "engines": {
+        "node": ">=0.10.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/sdp": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/sdp/-/sdp-3.0.3.tgz",
+      "integrity": "sha512-8EkfckS+XZQaPLyChu4ey7PghrdcraCVNpJe2Gfdi2ON1ylQ7OasuKX+b37R9slnRChwIAiQgt+oj8xXGD8x+A=="
+    },
+    "node_modules/sdp-transform": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/sdp-transform/-/sdp-transform-2.3.0.tgz",
+      "integrity": "sha512-zR0e9ciWFezeaKLLpWCrOCiYmGIQN9jfO5Ayfs7m5k2/g9b2MEEIvQ/TTmymm167zozTNYSQoLGKDihMoTWkkw==",
+      "bin": {
+        "sdp-verify": "checker.js"
+      }
+    },
+    "node_modules/seamless-scroll-polyfill": {
+      "version": "2.1.8",
+      "resolved": "https://registry.npmjs.org/seamless-scroll-polyfill/-/seamless-scroll-polyfill-2.1.8.tgz",
+      "integrity": "sha512-cF92Op90//vEpHphRx25rttJGXIgxcTB1WR5y0ODQhN7O4d0lSEOp5+l3sQDx0aAZ2MfXCqFEb/rG/3ghvVDIQ=="
+    },
+    "node_modules/seedrandom": {
+      "version": "2.4.3",
+      "resolved": "https://registry.npmjs.org/seedrandom/-/seedrandom-2.4.3.tgz",
+      "integrity": "sha1-JDhQTa0zkXMUv/GKxNeU8W1qrsw="
+    },
+    "node_modules/select-hose": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz",
+      "integrity": "sha1-Yl2GWPhlr0Psliv8N2o3NZpJlMo=",
+      "dev": true
+    },
+    "node_modules/selfsigned": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/selfsigned/-/selfsigned-2.4.1.tgz",
+      "integrity": "sha512-th5B4L2U+eGLq1TVh7zNRGBapioSORUeymIydxgFpwww9d2qyKvtuPU2jJuHvYAwwqi2Y596QBL3eEqcPEYL8Q==",
+      "dependencies": {
+        "@types/node-forge": "^1.3.0",
+        "node-forge": "^1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/send": {
+      "version": "0.19.0",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.19.0.tgz",
+      "integrity": "sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==",
+      "dependencies": {
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "fresh": "0.5.2",
+        "http-errors": "2.0.0",
+        "mime": "1.6.0",
+        "ms": "2.1.3",
+        "on-finished": "2.4.1",
+        "range-parser": "~1.2.1",
+        "statuses": "2.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/send/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/send/node_modules/debug/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+    },
+    "node_modules/send/node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/send/node_modules/mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/send/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+    },
+    "node_modules/send/node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/send/node_modules/statuses": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/serialize-error": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/serialize-error/-/serialize-error-2.1.0.tgz",
+      "integrity": "sha512-ghgmKt5o4Tly5yEG/UJp8qTd0AN7Xalw4XBtDEKP655B699qMEtra1WlXeE6WIvdEG481JvRxULKsInq/iNysw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/serialize-javascript": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz",
+      "integrity": "sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==",
+      "dev": true,
+      "dependencies": {
+        "randombytes": "^2.1.0"
+      }
+    },
+    "node_modules/serve-index": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/serve-index/-/serve-index-1.9.1.tgz",
+      "integrity": "sha1-03aNabHn2C5c4FD/9bRTvqEqkjk=",
+      "dev": true,
+      "dependencies": {
+        "accepts": "~1.3.4",
+        "batch": "0.6.1",
+        "debug": "2.6.9",
+        "escape-html": "~1.0.3",
+        "http-errors": "~1.6.2",
+        "mime-types": "~2.1.17",
+        "parseurl": "~1.3.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/serve-index/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/serve-index/node_modules/http-errors": {
+      "version": "1.6.3",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz",
+      "integrity": "sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=",
+      "dev": true,
+      "dependencies": {
+        "depd": "~1.1.2",
+        "inherits": "2.0.3",
+        "setprototypeof": "1.1.0",
+        "statuses": ">= 1.4.0 < 2"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/serve-index/node_modules/inherits": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+      "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=",
+      "dev": true
+    },
+    "node_modules/serve-index/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+      "dev": true
+    },
+    "node_modules/serve-index/node_modules/setprototypeof": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz",
+      "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==",
+      "dev": true
+    },
+    "node_modules/serve-static": {
+      "version": "1.16.2",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.2.tgz",
+      "integrity": "sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==",
+      "dependencies": {
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "parseurl": "~1.3.3",
+        "send": "0.19.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/serve-static/node_modules/encodeurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/set-blocking": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+      "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-function-name": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
+      "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-harmonic-interval": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/set-harmonic-interval/-/set-harmonic-interval-1.0.1.tgz",
+      "integrity": "sha512-AhICkFV84tBP1aWqPwLZqFvAwqEoVA9kxNMniGEUvzOlm4vLmOFLiTT3UZ6bziJTy4bOVpzWGTfSCbmaayGx8g==",
+      "engines": {
+        "node": ">=6.9"
+      }
+    },
+    "node_modules/set-proto": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/set-proto/-/set-proto-1.0.0.tgz",
+      "integrity": "sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/setimmediate": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
+      "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/setprototypeof": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="
+    },
+    "node_modules/shallow-clone": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/shallow-clone/-/shallow-clone-3.0.1.tgz",
+      "integrity": "sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==",
+      "dependencies": {
+        "kind-of": "^6.0.2"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shell-quote": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.1.tgz",
+      "integrity": "sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
+      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3",
+        "side-channel-list": "^1.0.0",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
+      "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ=="
+    },
+    "node_modules/simple-swizzle": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
+      "integrity": "sha1-pNprY1/8zMoz9w0Xy5JZLeleVXo=",
+      "dependencies": {
+        "is-arrayish": "^0.3.1"
+      }
+    },
+    "node_modules/simple-swizzle/node_modules/is-arrayish": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
+      "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ=="
+    },
+    "node_modules/sirv": {
+      "version": "1.0.19",
+      "resolved": "https://registry.npmjs.org/sirv/-/sirv-1.0.19.tgz",
+      "integrity": "sha512-JuLThK3TnZG1TAKDwNIqNq6QA2afLOCcm+iE8D1Kj3GA40pSPsxQjjJl0J8X3tsR7T+CP1GavpzLwYkgVLWrZQ==",
+      "dev": true,
+      "dependencies": {
+        "@polka/url": "^1.0.0-next.20",
+        "mrmime": "^1.0.0",
+        "totalist": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/sister": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/sister/-/sister-3.0.2.tgz",
+      "integrity": "sha512-p19rtTs+NksBRKW9qn0UhZ8/TUI9BPw9lmtHny+Y3TinWlOa9jWh9xB0AtPSdmOy49NJJJSSe0Ey4C7h0TrcYA=="
+    },
+    "node_modules/sisteransi": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz",
+      "integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/slash": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-2.0.0.tgz",
+      "integrity": "sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/slashes": {
+      "version": "3.0.12",
+      "resolved": "https://registry.npmjs.org/slashes/-/slashes-3.0.12.tgz",
+      "integrity": "sha512-Q9VME8WyGkc7pJf6QEkj3wE+2CnvZMI+XJhwdTPR8Z/kWQRXi7boAWLDibRPyHRTUTPx5FaU7MsyrjI3yLB4HA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/slice-ansi": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-2.1.0.tgz",
+      "integrity": "sha512-Qu+VC3EwYLldKa1fCxuuvULvSJOKEgk9pi8dZeCVK7TqBfUNTH4sFkk4joj8afVSfAYgJoSOetjx9QWOJ5mYoQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^3.2.0",
+        "astral-regex": "^1.0.0",
+        "is-fullwidth-code-point": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/smart-buffer": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz",
+      "integrity": "sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6.0.0",
+        "npm": ">= 3.0.0"
+      }
+    },
+    "node_modules/snake-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/snake-case/-/snake-case-3.0.4.tgz",
+      "integrity": "sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg==",
+      "dependencies": {
+        "dot-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/sockjs": {
+      "version": "0.3.24",
+      "resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.24.tgz",
+      "integrity": "sha512-GJgLTZ7vYb/JtPSSZ10hsOYIvEYsjbNU+zPdIHcUaWVNUEPivzxku31865sSSud0Da0W4lEeOPlmw93zLQchuQ==",
+      "dev": true,
+      "dependencies": {
+        "faye-websocket": "^0.11.3",
+        "uuid": "^8.3.2",
+        "websocket-driver": "^0.7.4"
+      }
+    },
+    "node_modules/socks": {
+      "version": "2.8.7",
+      "resolved": "https://registry.npmjs.org/socks/-/socks-2.8.7.tgz",
+      "integrity": "sha512-HLpt+uLy/pxB+bum/9DzAgiKS8CX1EvbWxI4zlmgGCExImLdiad2iCwXT5Z4c9c3Eq8rP2318mPW2c+QbtjK8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ip-address": "^10.0.1",
+        "smart-buffer": "^4.2.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0",
+        "npm": ">= 3.0.0"
+      }
+    },
+    "node_modules/socks-proxy-agent": {
+      "version": "8.0.5",
+      "resolved": "https://registry.npmjs.org/socks-proxy-agent/-/socks-proxy-agent-8.0.5.tgz",
+      "integrity": "sha512-HehCEsotFqbPW9sJ8WVYB6UbmIMv7kUUORIF2Nncq4VQvBfNBLibW9YZR5dlYCSUhwcD628pRllm7n+E+YTzJw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.2",
+        "debug": "^4.3.4",
+        "socks": "^2.8.3"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/source-map": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+      "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-support": {
+      "version": "0.5.21",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
+      }
+    },
+    "node_modules/source-map-support/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/sourcemap-codec": {
+      "version": "1.4.8",
+      "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
+      "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==",
+      "deprecated": "Please use @jridgewell/sourcemap-codec instead"
+    },
+    "node_modules/spacetrim": {
+      "version": "0.11.59",
+      "resolved": "https://registry.npmjs.org/spacetrim/-/spacetrim-0.11.59.tgz",
+      "integrity": "sha512-lLYsktklSRKprreOm7NXReW8YiX2VBjbgmXYEziOoGf/qsJqAEACaDvoTtUOycwjpaSh+bT8eu0KrJn7UNxiCg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://buymeacoffee.com/hejny"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/hejny/spacetrim/blob/main/README.md#%EF%B8%8F-contributing"
+        }
+      ],
+      "license": "Apache-2.0"
+    },
+    "node_modules/spdx-correct": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz",
+      "integrity": "sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==",
+      "dev": true,
+      "dependencies": {
+        "spdx-expression-parse": "^3.0.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "node_modules/spdx-exceptions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz",
+      "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==",
+      "dev": true
+    },
+    "node_modules/spdx-expression-parse": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
+      "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
+      "dev": true,
+      "dependencies": {
+        "spdx-exceptions": "^2.1.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "node_modules/spdx-license-ids": {
+      "version": "3.0.11",
+      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.11.tgz",
+      "integrity": "sha512-Ctl2BrFiM0X3MANYgj3CkygxhRmr9mi6xhejbdO960nF6EDJApTYpn0BQnDKlnNBULKiCN1n3w9EBkHK8ZWg+g==",
+      "dev": true
+    },
+    "node_modules/spdy": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/spdy/-/spdy-4.0.2.tgz",
+      "integrity": "sha512-r46gZQZQV+Kl9oItvl1JZZqJKGr+oEkB08A6BzkiR7593/7IbtuncXHd2YoYeTsG4157ZssMu9KYvUHLcjcDoA==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^4.1.0",
+        "handle-thing": "^2.0.0",
+        "http-deceiver": "^1.2.7",
+        "select-hose": "^2.0.0",
+        "spdy-transport": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/spdy-transport": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/spdy-transport/-/spdy-transport-3.0.0.tgz",
+      "integrity": "sha512-hsLVFE5SjA6TCisWeJXFKniGGOpBgMLmerfO2aCyCU5s7nJ/rpAepqmFifv/GCbSbueEeAJJnmSQ2rKC/g8Fcw==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^4.1.0",
+        "detect-node": "^2.0.4",
+        "hpack.js": "^2.1.6",
+        "obuf": "^1.1.2",
+        "readable-stream": "^3.0.6",
+        "wbuf": "^1.7.3"
+      }
+    },
+    "node_modules/split-on-first": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/split-on-first/-/split-on-first-1.1.0.tgz",
+      "integrity": "sha512-43ZssAJaMusuKWL8sKUBQXHWOpq8d6CfN/u1p4gUzfJkM05C8rxTmYrkIPTXapZpORA6LkkzcUulJ8FqA7Uudw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/split2": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/split2/-/split2-4.2.0.tgz",
+      "integrity": "sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 10.x"
+      }
+    },
+    "node_modules/sprintf-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
+      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/stable": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/stable/-/stable-0.1.8.tgz",
+      "integrity": "sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==",
+      "deprecated": "Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility"
+    },
+    "node_modules/stack-generator": {
+      "version": "2.0.10",
+      "resolved": "https://registry.npmjs.org/stack-generator/-/stack-generator-2.0.10.tgz",
+      "integrity": "sha512-mwnua/hkqM6pF4k8SnmZ2zfETsRUpWXREfA/goT8SLCV4iOFa4bzOX2nDipWAZFPTjLvQB82f5yaodMVhK0yJQ==",
+      "dependencies": {
+        "stackframe": "^1.3.4"
+      }
+    },
+    "node_modules/stack-utils": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.6.tgz",
+      "integrity": "sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==",
+      "dependencies": {
+        "escape-string-regexp": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/stack-utils/node_modules/escape-string-regexp": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz",
+      "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/stackframe": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/stackframe/-/stackframe-1.3.4.tgz",
+      "integrity": "sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw=="
+    },
+    "node_modules/stacktrace-gps": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/stacktrace-gps/-/stacktrace-gps-3.1.2.tgz",
+      "integrity": "sha512-GcUgbO4Jsqqg6RxfyTHFiPxdPqF+3LFmQhm7MgCuYQOYuWyqxo5pwRPz5d/u6/WYJdEnWfK4r+jGbyD8TSggXQ==",
+      "dependencies": {
+        "source-map": "0.5.6",
+        "stackframe": "^1.3.4"
+      }
+    },
+    "node_modules/stacktrace-gps/node_modules/source-map": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.6.tgz",
+      "integrity": "sha512-MjZkVp0NHr5+TPihLcadqnlVoGIoWo4IBHptutGh9wI3ttUYvCG26HkSuDi+K6lsZ25syXJXcctwgyVCt//xqA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/stacktrace-js": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/stacktrace-js/-/stacktrace-js-2.0.2.tgz",
+      "integrity": "sha512-Je5vBeY4S1r/RnLydLl0TBTi3F2qdfWmYsGvtfZgEI+SCprPppaIhQf5nGcal4gI4cGpCV/duLcAzT1np6sQqg==",
+      "dependencies": {
+        "error-stack-parser": "^2.0.6",
+        "stack-generator": "^2.0.5",
+        "stacktrace-gps": "^3.0.4"
+      }
+    },
+    "node_modules/stacktrace-parser": {
+      "version": "0.1.10",
+      "resolved": "https://registry.npmjs.org/stacktrace-parser/-/stacktrace-parser-0.1.10.tgz",
+      "integrity": "sha512-KJP1OCML99+8fhOHxwwzyWrlUuVX5GQ0ZpJTd1DFXhdkrvg1szxfHhawXUZ3g9TkXORQd4/WG68jMlQZ2p8wlg==",
+      "dependencies": {
+        "type-fest": "^0.7.1"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/statuses": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+      "integrity": "sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow=",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/stream-buffers": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/stream-buffers/-/stream-buffers-3.0.3.tgz",
+      "integrity": "sha512-pqMqwQCso0PBJt2PQmDO0cFj0lyqmiwOMiMSkVtRokl7e+ZTRYgDHKnuZNbqjiJXgsg4nuqtD/zxuo9KqTp0Yw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.10.0"
+      }
+    },
+    "node_modules/streamx": {
+      "version": "2.23.0",
+      "resolved": "https://registry.npmjs.org/streamx/-/streamx-2.23.0.tgz",
+      "integrity": "sha512-kn+e44esVfn2Fa/O0CPFcex27fjIL6MkVae0Mm6q+E6f0hWv578YCERbv+4m02cjxvDsPKLnmxral/rR6lBMAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "events-universal": "^1.0.0",
+        "fast-fifo": "^1.3.2",
+        "text-decoder": "^1.1.0"
+      }
+    },
+    "node_modules/strict-uri-encode": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-2.0.0.tgz",
+      "integrity": "sha512-QwiXZgpRcKkhTj2Scnn++4PKtWsH0kpzZ62L2R6c/LUVYv7hVnZqcg2+sMuT6R7Jusu1vviK/MFsu6kNJfWlEQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "dev": true,
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
+    "node_modules/string_decoder/node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/string-hash-64": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/string-hash-64/-/string-hash-64-1.0.3.tgz",
+      "integrity": "sha512-D5OKWKvDhyVWWn2x5Y9b+37NUllks34q1dCDhk/vYcso9fmhs+Tl3KR/gE4v5UNj2UA35cnX4KdVVGkG1deKqw==",
+      "license": "MIT"
+    },
+    "node_modules/string-replace-to-array": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/string-replace-to-array/-/string-replace-to-array-1.0.3.tgz",
+      "integrity": "sha1-yT66mZpe4k1zGuu69auja18Y978=",
+      "dependencies": {
+        "invariant": "^2.2.1",
+        "lodash.flatten": "^4.2.0",
+        "lodash.isstring": "^4.0.1"
+      }
+    },
+    "node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string-width-cjs": {
+      "name": "string-width",
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string-width-cjs/node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string-width/node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string.prototype.matchall": {
+      "version": "4.0.12",
+      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.12.tgz",
+      "integrity": "sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.6",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.6",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "internal-slot": "^1.1.0",
+        "regexp.prototype.flags": "^1.5.3",
+        "set-function-name": "^2.0.2",
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.repeat": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/string.prototype.repeat/-/string.prototype.repeat-1.0.0.tgz",
+      "integrity": "sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.5"
+      }
+    },
+    "node_modules/string.prototype.trim": {
+      "version": "1.2.10",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.10.tgz",
+      "integrity": "sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "define-data-property": "^1.1.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-object-atoms": "^1.0.0",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimend": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.9.tgz",
+      "integrity": "sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimstart": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz",
+      "integrity": "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi-cjs": {
+      "name": "strip-ansi",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-bom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+      "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/strip-final-newline": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
+      "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/strnum": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/strnum/-/strnum-1.0.5.tgz",
+      "integrity": "sha512-J8bbNyKKXl5qYcR36TIO8W3mVGVHrmmxsd5PAItGkmyzwJvybiw2IVq5nqd0i4LSNSkB/sx9VHllbfFdr9k1JA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/strophe.js": {
+      "version": "1.5.0",
+      "resolved": "https://github.com/jitsi/strophejs/releases/download/v1.5-jitsi-3/strophe.js-1.5.0.tgz",
+      "integrity": "sha512-LNtsu2qioXofCESHqEmLF12DuIK7itMMjxe9aSeQOENz8rCXBY/khV8OKO2xaWBy0QxpQs7nyb7RHefVu9ZlfA==",
+      "license": "MIT"
+    },
+    "node_modules/style-loader": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-3.3.1.tgz",
+      "integrity": "sha512-GPcQ+LDJbrcxHORTRes6Jy2sfvK2kS6hpSfI/fXhPt+spVzxF6LJ1dHLN9zIGmVaaP044YKaIatFaufENRiDoQ==",
+      "dev": true,
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.0.0"
+      }
+    },
+    "node_modules/stylis": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz",
+      "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw=="
+    },
+    "node_modules/sudo-prompt": {
+      "version": "9.2.1",
+      "resolved": "https://registry.npmjs.org/sudo-prompt/-/sudo-prompt-9.2.1.tgz",
+      "integrity": "sha512-Mu7R0g4ig9TUuGSxJavny5Rv0egCEtpZRNMrZaYS1vxkiIxGiGUwoezU3LazIQ+KE04hTrTfNPgxU5gzi7F5Pw==",
+      "deprecated": "Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/svg-parser": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/svg-parser/-/svg-parser-2.0.4.tgz",
+      "integrity": "sha512-e4hG1hRwoOdRb37cIMSgzNsxyzKfayW6VOflrwvR+/bzrkyxY/31WkbgnQpgtrNp1SdpJvpUAGTa/ZoiPNDuRQ=="
+    },
+    "node_modules/svgo": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/svgo/-/svgo-2.8.0.tgz",
+      "integrity": "sha512-+N/Q9kV1+F+UeWYoSiULYo4xYSDQlTgb+ayMobAXPwMnLvop7oxKMo9OzIrX5x3eS4L4f2UHhc9axXwY8DpChg==",
+      "dependencies": {
+        "@trysound/sax": "0.2.0",
+        "commander": "^7.2.0",
+        "css-select": "^4.1.3",
+        "css-tree": "^1.1.3",
+        "csso": "^4.2.0",
+        "picocolors": "^1.0.0",
+        "stable": "^0.1.8"
+      },
+      "bin": {
+        "svgo": "bin/svgo"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/svgo/node_modules/commander": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
+      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/symbol-observable": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.2.0.tgz",
+      "integrity": "sha512-e900nM8RRtGhlV36KGEU9k65K3mPb1WV70OdjfxlG2EAuM1noi/E/BaW/uMhL7bPEssK8QV57vN3esixjUvcXQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/synckit": {
+      "version": "0.9.2",
+      "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.9.2.tgz",
+      "integrity": "sha512-vrozgXDQwYO72vHjUb/HnFbQx1exDjoKzqx23aXEg2a9VIg2TSFZ8FmeZpTjUCFMYw7mpX4BE2SFu8wI7asYsw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@pkgr/core": "^0.1.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/unts"
+      }
+    },
+    "node_modules/tapable": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
+      "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/tar-fs": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-3.1.1.tgz",
+      "integrity": "sha512-LZA0oaPOc2fVo82Txf3gw+AkEd38szODlptMYejQUhndHMLQ9M059uXR+AfS7DNo0NpINvSqDsvyaCrBVkptWg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pump": "^3.0.0",
+        "tar-stream": "^3.1.5"
+      },
+      "optionalDependencies": {
+        "bare-fs": "^4.0.1",
+        "bare-path": "^3.0.0"
+      }
+    },
+    "node_modules/tar-stream": {
+      "version": "3.1.7",
+      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-3.1.7.tgz",
+      "integrity": "sha512-qJj60CXt7IU1Ffyc3NJMjh6EkuCFej46zUqJ4J7pqYlThyd9bO0XBTmcOIhSzZJVWfsLks0+nle/j538YAW9RQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "b4a": "^1.6.4",
+        "fast-fifo": "^1.2.0",
+        "streamx": "^2.15.0"
+      }
+    },
+    "node_modules/terser": {
+      "version": "5.34.1",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.34.1.tgz",
+      "integrity": "sha512-FsJZ7iZLd/BXkz+4xrRTGJ26o/6VTjQytUk8b8OxkwcD2I+79VPJlz7qss1+zE7h8GNIScFqXcDyJ/KqBYZFVA==",
+      "dependencies": {
+        "@jridgewell/source-map": "^0.3.3",
+        "acorn": "^8.8.2",
+        "commander": "^2.20.0",
+        "source-map-support": "~0.5.20"
+      },
+      "bin": {
+        "terser": "bin/terser"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/terser-webpack-plugin": {
+      "version": "5.3.10",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.10.tgz",
+      "integrity": "sha512-BKFPWlPDndPs+NGGCr1U59t0XScL5317Y0UReNrHaw9/FwhPENlq6bfgs+4yPfyP51vqC1bQ4rp1EfXW5ZSH9w==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.20",
+        "jest-worker": "^27.4.5",
+        "schema-utils": "^3.1.1",
+        "serialize-javascript": "^6.0.1",
+        "terser": "^5.26.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.1.0"
+      },
+      "peerDependenciesMeta": {
+        "@swc/core": {
+          "optional": true
+        },
+        "esbuild": {
+          "optional": true
+        },
+        "uglify-js": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/terser-webpack-plugin/node_modules/schema-utils": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz",
+      "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==",
+      "dev": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.8",
+        "ajv": "^6.12.5",
+        "ajv-keywords": "^3.5.2"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/test-exclude": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz",
+      "integrity": "sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==",
+      "license": "ISC",
+      "dependencies": {
+        "@istanbuljs/schema": "^0.1.2",
+        "glob": "^7.1.4",
+        "minimatch": "^3.0.4"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/test-exclude/node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/text-decoder": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/text-decoder/-/text-decoder-1.2.3.tgz",
+      "integrity": "sha512-3/o9z3X0X0fTupwsYvR03pJ/DjWuqqrfwBgTQzdWDiQSm9KitAyz/9WqsT2JQW7KV2m+bC2ol/zqpW37NHxLaA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "b4a": "^1.6.4"
+      }
+    },
+    "node_modules/text-encoding": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/text-encoding/-/text-encoding-0.7.0.tgz",
+      "integrity": "sha512-oJQ3f1hrOnbRLOcwKz0Liq2IcrvDeZRHXhd9RgLrsT+DjWY/nty1Hi7v3dtkaEYbPYe0mUoOfzRrMwfXXwgPUA==",
+      "deprecated": "no longer maintained"
+    },
+    "node_modules/text-table": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+      "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=",
+      "dev": true
+    },
+    "node_modules/thingies": {
+      "version": "1.21.0",
+      "resolved": "https://registry.npmjs.org/thingies/-/thingies-1.21.0.tgz",
+      "integrity": "sha512-hsqsJsFMsV+aD4s3CWKk85ep/3I9XzYV/IXaSouJMYIoDlgyi11cBhsqYe9/geRfB0YIikBQg6raRaM+nIMP9g==",
+      "dev": true,
+      "engines": {
+        "node": ">=10.18"
+      },
+      "peerDependencies": {
+        "tslib": "^2"
+      }
+    },
+    "node_modules/throat": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/throat/-/throat-5.0.0.tgz",
+      "integrity": "sha512-fcwX4mndzpLQKBS1DVYhGAcYaYt7vsHNIvQV+WXMvnow5cgjPphq5CaayLaGsjRdSCKZFNGt7/GYAuXaNOiYCA==",
+      "license": "MIT"
+    },
+    "node_modules/throttle-debounce": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-3.0.1.tgz",
+      "integrity": "sha512-dTEWWNu6JmeVXY0ZYoPuH5cRIwc0MeGbJwah9KUNYSJwommQpCzTySTpEe8Gs1J23aeWEuAobe4Ag7EHVt/LOg==",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/thunky": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz",
+      "integrity": "sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==",
+      "dev": true
+    },
+    "node_modules/tiny-invariant": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz",
+      "integrity": "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==",
+      "license": "MIT"
+    },
+    "node_modules/tinyrainbow": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-1.2.0.tgz",
+      "integrity": "sha512-weEDEq7Z5eTHPDh4xjX789+fHfF+P8boiFB+0vbWzpbnbsEr/GRaohi/uMKxg8RZMXnl1ItAi/IUHWMsjDV7kQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/tlds": {
+      "version": "1.230.0",
+      "resolved": "https://registry.npmjs.org/tlds/-/tlds-1.230.0.tgz",
+      "integrity": "sha512-QFuY6JBWZt2bZXlapjqsojul5dv9xfo7Uc8wTUlctJOuF+BS/ICni2f4x7MFiT7muUVmcKC1LvGnU4GWhYO0PQ==",
+      "bin": {
+        "tlds": "bin.js"
+      }
+    },
+    "node_modules/tmp": {
+      "version": "0.0.33",
+      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
+      "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
+      "dev": true,
+      "dependencies": {
+        "os-tmpdir": "~1.0.2"
+      },
+      "engines": {
+        "node": ">=0.6.0"
+      }
+    },
+    "node_modules/tmpl": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz",
+      "integrity": "sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/toggle-selection": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/toggle-selection/-/toggle-selection-1.0.6.tgz",
+      "integrity": "sha512-BiZS+C1OS8g/q2RRbJmy59xpyghNBqrr6k5L/uKBGRsTfxmu3ffiRnd8mlGPUVayg8pvfi5urfnu8TU7DVOkLQ=="
+    },
+    "node_modules/toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/totalist": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/totalist/-/totalist-1.1.0.tgz",
+      "integrity": "sha512-gduQwd1rOdDMGxFG1gEvhV88Oirdo2p+KjoYFU7k2g+i7n6AFFbDQ5kMPUsW0pNbfQsB/cwXvT1i4Bue0s9g5g==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/tr46": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+      "integrity": "sha1-gYT9NH2snNwYWZLzpmIuFLnZq2o="
+    },
+    "node_modules/traverse": {
+      "version": "0.6.6",
+      "resolved": "https://registry.npmjs.org/traverse/-/traverse-0.6.6.tgz",
+      "integrity": "sha1-y99WD9e5r2MlAv7UD5GMFX6pcTc=",
+      "dev": true
+    },
+    "node_modules/tree-dump": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/tree-dump/-/tree-dump-1.0.2.tgz",
+      "integrity": "sha512-dpev9ABuLWdEubk+cIaI9cHwRNNDjkBBLXTwI4UCUFdQ5xXKqNXoK4FEciw/vxf+NQ7Cb7sGUyeUtORvHIdRXQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
+      }
+    },
+    "node_modules/ts-api-utils": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.0.0.tgz",
+      "integrity": "sha512-xCt/TOAc+EOHS1XPnijD3/yzpH6qg2xppZO1YDqGoVsNXfQfzHpOdNuXwrwOU8u4ITXJyDCTyt8w5g1sZv9ynQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.12"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4"
+      }
+    },
+    "node_modules/ts-easing": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/ts-easing/-/ts-easing-0.2.0.tgz",
+      "integrity": "sha512-Z86EW+fFFh/IFB1fqQ3/+7Zpf9t2ebOAxNI/V6Wo7r5gqiqtxmgTlQ1qbqQcjLKYeSHPTsEmvlJUDg/EuL0uHQ=="
+    },
+    "node_modules/ts-ebml": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/ts-ebml/-/ts-ebml-3.0.1.tgz",
+      "integrity": "sha512-gPpBXaePtnBR/MYRUyyJybD6vikWf9cY57MSWx+1lTmItSl/ESQj1GouBEuTs6f9OZfM+y8ORrY6QyBWWH8CUg==",
+      "license": "MIT",
+      "dependencies": {
+        "bigint-buffer": "^1.1.5",
+        "commander": "^12.0.0",
+        "ebml": "^3.0.0",
+        "ebml-block": "^1.1.2",
+        "events": "^3.3.0",
+        "int64-buffer": "^1.0.1",
+        "matroska": "^2.2.5",
+        "matroska-schema": "^2.1.0"
+      },
+      "bin": {
+        "ts-ebml": "lib/cli.js"
+      }
+    },
+    "node_modules/ts-ebml/node_modules/commander": {
+      "version": "12.1.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-12.1.0.tgz",
+      "integrity": "sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/ts-loader": {
+      "version": "9.4.2",
+      "resolved": "https://registry.npmjs.org/ts-loader/-/ts-loader-9.4.2.tgz",
+      "integrity": "sha512-OmlC4WVmFv5I0PpaxYb+qGeGOdm5giHU7HwDDUjw59emP2UYMHy9fFSDcYgSNoH8sXcj4hGCSEhlDZ9ULeDraA==",
+      "dev": true,
+      "dependencies": {
+        "chalk": "^4.1.0",
+        "enhanced-resolve": "^5.0.0",
+        "micromatch": "^4.0.0",
+        "semver": "^7.3.4"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "typescript": "*",
+        "webpack": "^5.0.0"
+      }
+    },
+    "node_modules/ts-loader/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/ts-loader/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/ts-loader/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/ts-loader/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true
+    },
+    "node_modules/ts-loader/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ts-loader/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/tsconfig-paths": {
+      "version": "3.15.0",
+      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
+      "integrity": "sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/json5": "^0.0.29",
+        "json5": "^1.0.2",
+        "minimist": "^1.2.6",
+        "strip-bom": "^3.0.0"
+      }
+    },
+    "node_modules/tsconfig-paths/node_modules/json5": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+      "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minimist": "^1.2.0"
+      },
+      "bin": {
+        "json5": "lib/cli.js"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
+    "node_modules/tss-react": {
+      "version": "4.9.4",
+      "resolved": "https://registry.npmjs.org/tss-react/-/tss-react-4.9.4.tgz",
+      "integrity": "sha512-4o+XFdaTcraNEIsCRxKiEX7g6xhcsdSxfHRjos3Kg9GbYIpzfK4M2MHMETTuXT54nUrldtnkipNC003v/q5KVg==",
+      "dependencies": {
+        "@emotion/cache": "*",
+        "@emotion/serialize": "*",
+        "@emotion/utils": "*"
+      },
+      "peerDependencies": {
+        "@emotion/react": "^11.4.1",
+        "@emotion/server": "^11.4.0",
+        "@mui/material": "^5.0.0",
+        "react": "^16.8.0 || ^17.0.2 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/server": {
+          "optional": true
+        },
+        "@mui/material": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tsutils": {
+      "version": "3.21.0",
+      "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz",
+      "integrity": "sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==",
+      "dev": true,
+      "dependencies": {
+        "tslib": "^1.8.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      },
+      "peerDependencies": {
+        "typescript": ">=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta"
+      }
+    },
+    "node_modules/tsutils/node_modules/tslib": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+      "dev": true
+    },
+    "node_modules/tsx": {
+      "version": "4.19.3",
+      "resolved": "https://registry.npmjs.org/tsx/-/tsx-4.19.3.tgz",
+      "integrity": "sha512-4H8vUNGNjQ4V2EOoGw005+c+dGuPSnhpPBPHBtsZdGZBk/iJb4kguGlPWaZTZ3q5nMtFOEsY0nRDlh9PJyd6SQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "~0.25.0",
+        "get-tsconfig": "^4.7.5"
+      },
+      "bin": {
+        "tsx": "dist/cli.mjs"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      }
+    },
+    "node_modules/type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/type-detect": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz",
+      "integrity": "sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/type-fest": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.7.1.tgz",
+      "integrity": "sha512-Ne2YiiGN8bmrmJJEuTWTLJR32nh/JdL1+PSicowtNb0WFpn59GK8/lfD61bVtzguz7b3PBt74nxpv/Pw5po5Rg==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+      "dev": true,
+      "dependencies": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/typed-array-buffer": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz",
+      "integrity": "sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/typed-array-byte-length": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz",
+      "integrity": "sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-byte-offset": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz",
+      "integrity": "sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.15",
+        "reflect.getprototypeof": "^1.0.9"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-length": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.7.tgz",
+      "integrity": "sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "is-typed-array": "^1.1.13",
+        "possible-typed-array-names": "^1.0.0",
+        "reflect.getprototypeof": "^1.0.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.7.2.tgz",
+      "integrity": "sha512-i5t66RHxDvVN40HfDd1PsEThGNnlMCMT3jMUuoh9/0TaqWevNontacunWyN02LA9/fIbEWlcHZcgTKb9QoaLfg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/ua-parser-js": {
+      "version": "1.0.35",
+      "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-1.0.35.tgz",
+      "integrity": "sha512-fKnGuqmTBnIE+/KXSzCn4db8RTigUzw1AN0DmdU6hJovUTbYJKyqj+8Mt1c4VfRDnOVJnENmfYkIPZ946UrSAA==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/ua-parser-js"
+        },
+        {
+          "type": "paypal",
+          "url": "https://paypal.me/faisalman"
+        }
+      ],
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/uc.micro": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz",
+      "integrity": "sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA=="
+    },
+    "node_modules/unbox-primitive": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.1.0.tgz",
+      "integrity": "sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-bigints": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "which-boxed-primitive": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/undici": {
+      "version": "6.22.0",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-6.22.0.tgz",
+      "integrity": "sha512-hU/10obOIu62MGYjdskASR3CUAiYaFTtC9Pa6vHyf//mAipSvSQg6od2CnJswq7fvzNS3zJhxoRkgNVaHurWKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.17"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "6.19.8",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.19.8.tgz",
+      "integrity": "sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw=="
+    },
+    "node_modules/unicode-canonical-property-names-ecmascript": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.1.tgz",
+      "integrity": "sha512-dA8WbNeb2a6oQzAQ55YlT5vQAWGV9WXOsi3SskE3bcCdM0P4SDd+24zS/OCacdRq5BkdsRj9q3Pg6YyQoxIGqg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-match-property-ecmascript": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz",
+      "integrity": "sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==",
+      "license": "MIT",
+      "dependencies": {
+        "unicode-canonical-property-names-ecmascript": "^2.0.0",
+        "unicode-property-aliases-ecmascript": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-match-property-value-ecmascript": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.2.0.tgz",
+      "integrity": "sha512-4IehN3V/+kkr5YeSSDDQG8QLqO26XpL2XP3GQtqwlT/QYSECAwFztxVHjlbh0+gjJ3XmNLS0zDsbgs9jWKExLg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-property-aliases-ecmascript": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz",
+      "integrity": "sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicorn-magic": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/unicorn-magic/-/unicorn-magic-0.3.0.tgz",
+      "integrity": "sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/universalify": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
+      "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/unorm": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/unorm/-/unorm-1.6.0.tgz",
+      "integrity": "sha512-b2/KCUlYZUeA7JFUuRJZPUtr4gZvBh7tavtv4fvk4+KV9pfGiR6CQAQAWl49ZpR3ts2dk4FYkP7EIgDJoiOLDA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz",
+      "integrity": "sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/urlpattern-polyfill": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/urlpattern-polyfill/-/urlpattern-polyfill-10.1.0.tgz",
+      "integrity": "sha512-IGjKp/o0NL3Bso1PymYURCJxMPNAf/ILOpendP9f5B6e1rTJgdgiOvgfoT8VxCAdY+Wisb9uhGaJJf3yZ2V9nw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/use-callback-ref": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.0.tgz",
+      "integrity": "sha512-3FT9PRuRdbB9HfXhEq35u4oZkvpJ5kuYbpqhCfmiZyReuRgpnhDlbr2ZEnnuS0RrJAPn6l23xjFg9kpDM+Ms7w==",
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/use-composed-ref": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/use-composed-ref/-/use-composed-ref-1.2.1.tgz",
+      "integrity": "sha512-6+X1FLlIcjvFMAeAD/hcxDT8tmyrWnbSPMU0EnxQuDLIxokuFzWliXBiYZuGIx+mrAMLBw0WFfCkaPw8ebzAhw==",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0"
+      }
+    },
+    "node_modules/use-isomorphic-layout-effect": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.1.1.tgz",
+      "integrity": "sha512-L7Evj8FGcwo/wpbv/qvSfrkHFtOpCzvM5yl2KVyDJoylVuSvzphiiasmjgQPttIGBAy2WKiBNR98q8w7PiNgKQ==",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/use-latest": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/use-latest/-/use-latest-1.2.0.tgz",
+      "integrity": "sha512-d2TEuG6nSLKQLAfW3By8mKr8HurOlTkul0sOpxbClIv4SQ4iOd7BYr7VIzdbktUCnv7dua/60xzd8igMU6jmyw==",
+      "dependencies": {
+        "use-isomorphic-layout-effect": "^1.0.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/use-latest-callback": {
+      "version": "0.1.9",
+      "resolved": "https://registry.npmjs.org/use-latest-callback/-/use-latest-callback-0.1.9.tgz",
+      "integrity": "sha512-CL/29uS74AwreI/f2oz2hLTW7ZqVeV5+gxFeGudzQrgkCytrHw33G4KbnQOrRlAEzzAFXi7dDLMC9zhWcVpzmw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": ">=16.8"
+      }
+    },
+    "node_modules/use-sidecar": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.2.tgz",
+      "integrity": "sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==",
+      "dependencies": {
+        "detect-node-es": "^1.1.0",
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "^16.9.0 || ^17.0.0 || ^18.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/userhome": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/userhome/-/userhome-1.0.1.tgz",
+      "integrity": "sha512-5cnLm4gseXjAclKowC4IjByaGsjtAoV6PrOQOljplNB54ReUYJP8HdAFq2muHinSDAh09PPX/uXDPfdxRHvuSA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/util": {
+      "version": "0.12.1",
+      "resolved": "https://registry.npmjs.org/util/-/util-0.12.1.tgz",
+      "integrity": "sha512-MREAtYOp+GTt9/+kwf00IYoHZyjM8VU4aVrkzUlejyqaIjd2GztVl5V9hGXKlvBKE3gENn/FMfHE5v6hElXGcQ==",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "is-arguments": "^1.0.4",
+        "is-generator-function": "^1.0.7",
+        "object.entries": "^1.1.0",
+        "safe-buffer": "^5.1.2"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
+      "dev": true
+    },
+    "node_modules/utils-merge": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+      "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/uuid": {
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/validate-npm-package-license": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
+      "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
+      "dev": true,
+      "dependencies": {
+        "spdx-correct": "^3.0.0",
+        "spdx-expression-parse": "^3.0.0"
+      }
+    },
+    "node_modules/vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/vlq": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/vlq/-/vlq-1.0.1.tgz",
+      "integrity": "sha512-gQpnTgkubC6hQgdIcRdYGDSDc+SaujOdyesZQMv6JlfQee/9Mp0Qhnys6WxDWvQnL5WZdT7o2Ul187aSt0Rq+w==",
+      "license": "MIT"
+    },
+    "node_modules/void-elements": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-2.0.1.tgz",
+      "integrity": "sha1-wGavtYK7HLQSjWDqkjkulNXp2+w=",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/wait-port": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/wait-port/-/wait-port-1.1.0.tgz",
+      "integrity": "sha512-3e04qkoN3LxTMLakdqeWth8nih8usyg+sf1Bgdf9wwUkp05iuK1eSY/QpLvscT/+F/gA89+LpUmmgBtesbqI2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.1.2",
+        "commander": "^9.3.0",
+        "debug": "^4.3.4"
+      },
+      "bin": {
+        "wait-port": "bin/wait-port.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/wait-port/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/wait-port/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/wait-port/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/wait-port/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/wait-port/node_modules/commander": {
+      "version": "9.5.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-9.5.0.tgz",
+      "integrity": "sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || >=14"
+      }
+    },
+    "node_modules/wait-port/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/wait-port/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/walker": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/walker/-/walker-1.0.8.tgz",
+      "integrity": "sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "makeerror": "1.0.12"
+      }
+    },
+    "node_modules/warn-once": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/warn-once/-/warn-once-0.1.1.tgz",
+      "integrity": "sha512-VkQZJbO8zVImzYFteBXvBOZEl1qL175WH8VmZcxF2fZAoudNhNDvHi+doCaAEdU2l2vtcIwa2zn0QK5+I1HQ3Q==",
+      "license": "MIT"
+    },
+    "node_modules/wasm-check": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/wasm-check/-/wasm-check-2.0.1.tgz",
+      "integrity": "sha512-5otny2JrfRNKIc+zi1YSOrNxXe47trEQbpY6g/MtHrFwLumKSJyAIobGXH1tlEBezE95eIsmDokBbUZtIZTvvA==",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/watchpack": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.2.tgz",
+      "integrity": "sha512-TnbFSbcOCcDgjZ4piURLCbJ3nJhznVh9kw6F6iokjiFPl8ONxe9A6nMDVXDiNbrSfLILs6vB07F7wLBrwPYzJw==",
+      "dev": true,
+      "dependencies": {
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.1.2"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/wbuf": {
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/wbuf/-/wbuf-1.7.3.tgz",
+      "integrity": "sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==",
+      "dev": true,
+      "dependencies": {
+        "minimalistic-assert": "^1.0.0"
+      }
+    },
+    "node_modules/wcwidth": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz",
+      "integrity": "sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "defaults": "^1.0.3"
+      }
+    },
+    "node_modules/webdriver": {
+      "version": "9.22.0",
+      "resolved": "https://registry.npmjs.org/webdriver/-/webdriver-9.22.0.tgz",
+      "integrity": "sha512-jf4irPhIJAssrF3mqUrBZGZnzjRfM86Q24ePUOgFKWI04LtdvRsnc9SsWU05mrN/a6pTJzGps6GsvLpNhvcalg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "^20.1.0",
+        "@types/ws": "^8.5.3",
+        "@wdio/config": "9.22.0",
+        "@wdio/logger": "9.18.0",
+        "@wdio/protocols": "9.16.2",
+        "@wdio/types": "9.20.0",
+        "@wdio/utils": "9.22.0",
+        "deepmerge-ts": "^7.0.3",
+        "https-proxy-agent": "^7.0.6",
+        "undici": "^6.21.3",
+        "ws": "^8.8.0"
+      },
+      "engines": {
+        "node": ">=18.20.0"
+      }
+    },
+    "node_modules/webdriver/node_modules/ws": {
+      "version": "8.18.3",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.3.tgz",
+      "integrity": "sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webdriverio": {
+      "version": "9.22.0",
+      "resolved": "https://registry.npmjs.org/webdriverio/-/webdriverio-9.22.0.tgz",
+      "integrity": "sha512-sqXZG11hRM9KjqioVPcXCPLIcdJprNM9e+B6JlyacN6ImgC64MQbgs0vtCDLVsSIX7vg+x771lrS/VxXxqlkJw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "^20.11.30",
+        "@types/sinonjs__fake-timers": "^8.1.5",
+        "@wdio/config": "9.22.0",
+        "@wdio/logger": "9.18.0",
+        "@wdio/protocols": "9.16.2",
+        "@wdio/repl": "9.16.2",
+        "@wdio/types": "9.20.0",
+        "@wdio/utils": "9.22.0",
+        "archiver": "^7.0.1",
+        "aria-query": "^5.3.0",
+        "cheerio": "^1.0.0-rc.12",
+        "css-shorthand-properties": "^1.1.1",
+        "css-value": "^0.0.1",
+        "grapheme-splitter": "^1.0.4",
+        "htmlfy": "^0.8.1",
+        "is-plain-obj": "^4.1.0",
+        "jszip": "^3.10.1",
+        "lodash.clonedeep": "^4.5.0",
+        "lodash.zip": "^4.2.0",
+        "query-selector-shadow-dom": "^1.0.1",
+        "resq": "^1.11.0",
+        "rgb2hex": "0.2.5",
+        "serialize-error": "^12.0.0",
+        "urlpattern-polyfill": "^10.0.0",
+        "webdriver": "9.22.0"
+      },
+      "engines": {
+        "node": ">=18.20.0"
+      },
+      "peerDependencies": {
+        "puppeteer-core": ">=22.x || <=24.x"
+      },
+      "peerDependenciesMeta": {
+        "puppeteer-core": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webdriverio/node_modules/is-plain-obj": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
+      "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/webdriverio/node_modules/serialize-error": {
+      "version": "12.0.0",
+      "resolved": "https://registry.npmjs.org/serialize-error/-/serialize-error-12.0.0.tgz",
+      "integrity": "sha512-ZYkZLAvKTKQXWuh5XpBw7CdbSzagarX39WyZ2H07CDLC5/KfsRGlIXV8d4+tfqX1M7916mRqR1QfNHSij+c9Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "type-fest": "^4.31.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/webdriverio/node_modules/type-fest": {
+      "version": "4.41.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.41.0.tgz",
+      "integrity": "sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+      "integrity": "sha1-JFNCdeKnvGvnvIZhHMFq4KVlSHE="
+    },
+    "node_modules/webpack": {
+      "version": "5.95.0",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.95.0.tgz",
+      "integrity": "sha512-2t3XstrKULz41MNMBF+cJ97TyHdyQ8HCt//pqErqDvNjU9YQBnZxIHa11VXsi7F3mb5/aO2tuDxdeTPdU7xu9Q==",
+      "dev": true,
+      "dependencies": {
+        "@types/estree": "^1.0.5",
+        "@webassemblyjs/ast": "^1.12.1",
+        "@webassemblyjs/wasm-edit": "^1.12.1",
+        "@webassemblyjs/wasm-parser": "^1.12.1",
+        "acorn": "^8.7.1",
+        "acorn-import-attributes": "^1.9.5",
+        "browserslist": "^4.21.10",
+        "chrome-trace-event": "^1.0.2",
+        "enhanced-resolve": "^5.17.1",
+        "es-module-lexer": "^1.2.1",
+        "eslint-scope": "5.1.1",
+        "events": "^3.2.0",
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.2.11",
+        "json-parse-even-better-errors": "^2.3.1",
+        "loader-runner": "^4.2.0",
+        "mime-types": "^2.1.27",
+        "neo-async": "^2.6.2",
+        "schema-utils": "^3.2.0",
+        "tapable": "^2.1.1",
+        "terser-webpack-plugin": "^5.3.10",
+        "watchpack": "^2.4.1",
+        "webpack-sources": "^3.2.3"
+      },
+      "bin": {
+        "webpack": "bin/webpack.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependenciesMeta": {
+        "webpack-cli": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-bundle-analyzer": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/webpack-bundle-analyzer/-/webpack-bundle-analyzer-4.4.2.tgz",
+      "integrity": "sha512-PIagMYhlEzFfhMYOzs5gFT55DkUdkyrJi/SxJp8EF3YMWhS+T9vvs2EoTetpk5qb6VsCq02eXTlRDOydRhDFAQ==",
+      "dev": true,
+      "dependencies": {
+        "acorn": "^8.0.4",
+        "acorn-walk": "^8.0.0",
+        "chalk": "^4.1.0",
+        "commander": "^6.2.0",
+        "gzip-size": "^6.0.0",
+        "lodash": "^4.17.20",
+        "opener": "^1.5.2",
+        "sirv": "^1.0.7",
+        "ws": "^7.3.1"
+      },
+      "bin": {
+        "webpack-bundle-analyzer": "lib/bin/analyzer.js"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      }
+    },
+    "node_modules/webpack-bundle-analyzer/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/webpack-bundle-analyzer/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/webpack-bundle-analyzer/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/webpack-bundle-analyzer/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true
+    },
+    "node_modules/webpack-bundle-analyzer/node_modules/commander": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-6.2.1.tgz",
+      "integrity": "sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/webpack-bundle-analyzer/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/webpack-bundle-analyzer/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/webpack-bundle-analyzer/node_modules/ws": {
+      "version": "7.5.10",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz",
+      "integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8.3.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": "^5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-cli": {
+      "version": "5.1.4",
+      "resolved": "https://registry.npmjs.org/webpack-cli/-/webpack-cli-5.1.4.tgz",
+      "integrity": "sha512-pIDJHIEI9LR0yxHXQ+Qh95k2EvXpWzZ5l+d+jIo+RdSm9MiHfzazIxwwni/p7+x4eJZuvG1AJwgC4TNQ7NRgsg==",
+      "dev": true,
+      "dependencies": {
+        "@discoveryjs/json-ext": "^0.5.0",
+        "@webpack-cli/configtest": "^2.1.1",
+        "@webpack-cli/info": "^2.0.2",
+        "@webpack-cli/serve": "^2.0.5",
+        "colorette": "^2.0.14",
+        "commander": "^10.0.1",
+        "cross-spawn": "^7.0.3",
+        "envinfo": "^7.7.3",
+        "fastest-levenshtein": "^1.0.12",
+        "import-local": "^3.0.2",
+        "interpret": "^3.1.1",
+        "rechoir": "^0.8.0",
+        "webpack-merge": "^5.7.3"
+      },
+      "bin": {
+        "webpack-cli": "bin/cli.js"
+      },
+      "engines": {
+        "node": ">=14.15.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "5.x.x"
+      },
+      "peerDependenciesMeta": {
+        "@webpack-cli/generators": {
+          "optional": true
+        },
+        "webpack-bundle-analyzer": {
+          "optional": true
+        },
+        "webpack-dev-server": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-cli/node_modules/colorette": {
+      "version": "2.0.16",
+      "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.16.tgz",
+      "integrity": "sha512-hUewv7oMjCp+wkBv5Rm0v87eJhq4woh5rSR+42YSQJKecCqgIqNkZ6lAlQms/BwHPJA5NKMRlpxPRv0n8HQW6g==",
+      "dev": true
+    },
+    "node_modules/webpack-cli/node_modules/commander": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-10.0.1.tgz",
+      "integrity": "sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==",
+      "dev": true,
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/webpack-dev-middleware": {
+      "version": "7.4.2",
+      "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-7.4.2.tgz",
+      "integrity": "sha512-xOO8n6eggxnwYpy1NlzUKpvrjfJTvae5/D6WOK0S2LSo7vjmo5gCM1DbLUmFqrMTJP+W/0YZNctm7jasWvLuBA==",
+      "dev": true,
+      "dependencies": {
+        "colorette": "^2.0.10",
+        "memfs": "^4.6.0",
+        "mime-types": "^2.1.31",
+        "on-finished": "^2.4.1",
+        "range-parser": "^1.2.1",
+        "schema-utils": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 18.12.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "webpack": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-dev-middleware/node_modules/colorette": {
+      "version": "2.0.20",
+      "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz",
+      "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==",
+      "dev": true
+    },
+    "node_modules/webpack-dev-middleware/node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "dev": true,
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/webpack-dev-server": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-5.1.0.tgz",
+      "integrity": "sha512-aQpaN81X6tXie1FoOB7xlMfCsN19pSvRAeYUHOdFWOlhpQ/LlbfTqYwwmEDFV0h8GGuqmCmKmT+pxcUV/Nt2gQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/bonjour": "^3.5.13",
+        "@types/connect-history-api-fallback": "^1.5.4",
+        "@types/express": "^4.17.21",
+        "@types/serve-index": "^1.9.4",
+        "@types/serve-static": "^1.15.5",
+        "@types/sockjs": "^0.3.36",
+        "@types/ws": "^8.5.10",
+        "ansi-html-community": "^0.0.8",
+        "bonjour-service": "^1.2.1",
+        "chokidar": "^3.6.0",
+        "colorette": "^2.0.10",
+        "compression": "^1.7.4",
+        "connect-history-api-fallback": "^2.0.0",
+        "express": "^4.19.2",
+        "graceful-fs": "^4.2.6",
+        "html-entities": "^2.4.0",
+        "http-proxy-middleware": "^2.0.3",
+        "ipaddr.js": "^2.1.0",
+        "launch-editor": "^2.6.1",
+        "open": "^10.0.3",
+        "p-retry": "^6.2.0",
+        "schema-utils": "^4.2.0",
+        "selfsigned": "^2.4.1",
+        "serve-index": "^1.9.1",
+        "sockjs": "^0.3.24",
+        "spdy": "^4.0.2",
+        "webpack-dev-middleware": "^7.4.2",
+        "ws": "^8.18.0"
+      },
+      "bin": {
+        "webpack-dev-server": "bin/webpack-dev-server.js"
+      },
+      "engines": {
+        "node": ">= 18.12.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "webpack": {
+          "optional": true
+        },
+        "webpack-cli": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/colorette": {
+      "version": "2.0.16",
+      "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.16.tgz",
+      "integrity": "sha512-hUewv7oMjCp+wkBv5Rm0v87eJhq4woh5rSR+42YSQJKecCqgIqNkZ6lAlQms/BwHPJA5NKMRlpxPRv0n8HQW6g==",
+      "dev": true
+    },
+    "node_modules/webpack-dev-server/node_modules/is-wsl": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-3.1.0.tgz",
+      "integrity": "sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw==",
+      "dev": true,
+      "dependencies": {
+        "is-inside-container": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/open": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/open/-/open-10.1.0.tgz",
+      "integrity": "sha512-mnkeQ1qP5Ue2wd+aivTD3NHd/lZ96Lu0jgf0pwktLPtx6cTZiH7tyeGRRHs0zX0rbrahXPnXlUnbeXyaBBuIaw==",
+      "dev": true,
+      "dependencies": {
+        "default-browser": "^5.2.1",
+        "define-lazy-prop": "^3.0.0",
+        "is-inside-container": "^1.0.0",
+        "is-wsl": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/ws": {
+      "version": "8.18.0",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.0.tgz",
+      "integrity": "sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==",
+      "dev": true,
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-merge": {
+      "version": "5.8.0",
+      "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-5.8.0.tgz",
+      "integrity": "sha512-/SaI7xY0831XwP6kzuwhKWVKDP9t1QY1h65lAFLbZqMPIuYcD9QAW4u9STIbU9kaJbPBB/geU/gLr1wDjOhQ+Q==",
+      "dev": true,
+      "dependencies": {
+        "clone-deep": "^4.0.1",
+        "wildcard": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/webpack-sources": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
+      "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
+      "dev": true,
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/webpack/node_modules/schema-utils": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz",
+      "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==",
+      "dev": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.8",
+        "ajv": "^6.12.5",
+        "ajv-keywords": "^3.5.2"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/webrtc-adapter": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/webrtc-adapter/-/webrtc-adapter-8.1.1.tgz",
+      "integrity": "sha512-1yXevP7TeZGmklEXkvQVrZp3fOSJlLeXNGCA7NovQokxgP3/e2T3EVGL0eKU87S9vKppWjvRWqnJeSANEspOBg==",
+      "dependencies": {
+        "sdp": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.0.0",
+        "npm": ">=3.10.0"
+      }
+    },
+    "node_modules/websocket-driver": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/websocket-driver/-/websocket-driver-0.7.4.tgz",
+      "integrity": "sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==",
+      "dev": true,
+      "dependencies": {
+        "http-parser-js": ">=0.5.1",
+        "safe-buffer": ">=5.1.0",
+        "websocket-extensions": ">=0.1.1"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/websocket-extensions": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/websocket-extensions/-/websocket-extensions-0.1.4.tgz",
+      "integrity": "sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/whatwg-encoding": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-3.1.1.tgz",
+      "integrity": "sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==",
+      "deprecated": "Use @exodus/bytes instead for a more spec-conformant and faster implementation",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "iconv-lite": "0.6.3"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/whatwg-encoding/node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/whatwg-fetch": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.6.2.tgz",
+      "integrity": "sha512-bJlen0FcuU/0EMLrdbJ7zOnW6ITZLrZMIarMUVmdKtsGvZna8vxKYaexICWPfZ8qwf9fzNq+UEIZrnSaApt6RA=="
+    },
+    "node_modules/whatwg-mimetype": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz",
+      "integrity": "sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+      "integrity": "sha1-lmRU6HZUYuN2RNNib2dCzotwll0=",
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
+    "node_modules/whatwg-url-without-unicode": {
+      "version": "8.0.0-3",
+      "resolved": "https://registry.npmjs.org/whatwg-url-without-unicode/-/whatwg-url-without-unicode-8.0.0-3.tgz",
+      "integrity": "sha512-HoKuzZrUlgpz35YO27XgD28uh/WJH4B0+3ttFqRo//lmq+9T/mIOJ6kqmINI9HpUpz1imRC/nR/lxKpJiv0uig==",
+      "dependencies": {
+        "buffer": "^5.4.3",
+        "punycode": "^2.1.1",
+        "webidl-conversions": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/whatwg-url-without-unicode/node_modules/webidl-conversions": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-5.0.0.tgz",
+      "integrity": "sha512-VlZwKPCkYKxQgeSbH5EyngOmRp7Ww7I9rQLERETtf5ofd9pGeswWiOtogpEO850jziPRarreGxn5QIiTqpb2wA==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/which-boxed-primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz",
+      "integrity": "sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==",
+      "dependencies": {
+        "is-bigint": "^1.1.0",
+        "is-boolean-object": "^1.2.1",
+        "is-number-object": "^1.1.1",
+        "is-string": "^1.1.1",
+        "is-symbol": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-builtin-type": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.2.1.tgz",
+      "integrity": "sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "function.prototype.name": "^1.1.6",
+        "has-tostringtag": "^1.0.2",
+        "is-async-function": "^2.0.0",
+        "is-date-object": "^1.1.0",
+        "is-finalizationregistry": "^1.1.0",
+        "is-generator-function": "^1.0.10",
+        "is-regex": "^1.2.1",
+        "is-weakref": "^1.0.2",
+        "isarray": "^2.0.5",
+        "which-boxed-primitive": "^1.1.0",
+        "which-collection": "^1.0.2",
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-collection": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.2.tgz",
+      "integrity": "sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==",
+      "dependencies": {
+        "is-map": "^2.0.3",
+        "is-set": "^2.0.3",
+        "is-weakmap": "^2.0.2",
+        "is-weakset": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-module": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.1.tgz",
+      "integrity": "sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/which-typed-array": {
+      "version": "1.1.18",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.18.tgz",
+      "integrity": "sha512-qEcY+KJYlWyLH9vNbsr6/5j59AXk5ni5aakf8ldzBvGde6Iz4sxZGkJyWSAueTG7QhOvNRYb1lDdFmL5Td0QKA==",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/wildcard": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/wildcard/-/wildcard-2.0.0.tgz",
+      "integrity": "sha512-JcKqAHLPxcdb9KM49dufGXn2x3ssnfjbcaQdLlfZsL9rH9wgDQjUtDxbo8NE0F6SFvydeu1VhZe7hZuHsB2/pw==",
+      "dev": true
+    },
+    "node_modules/windows-iana": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/windows-iana/-/windows-iana-3.1.0.tgz",
+      "integrity": "sha512-rCPf3AakAAgvapnbYVvG2bQyI3g6EDbPpjDJ72fdAu+XTzB1qvX4ZC6OnZ0I2+thaspjTb+8KwdyhdBl8Lt/QA=="
+    },
+    "node_modules/word-wrap": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/workerpool": {
+      "version": "6.5.1",
+      "resolved": "https://registry.npmjs.org/workerpool/-/workerpool-6.5.1.tgz",
+      "integrity": "sha512-Fs4dNYcsdpYSAfVxhnl1L5zTksjvOJxtC5hzMNl+1t9B8hTJTdKDyZ5ju7ztgPy+ft9tBFXoOlDNiOT9WUXZlA==",
+      "dev": true
+    },
+    "node_modules/wrap-ansi": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi-cjs": {
+      "name": "wrap-ansi",
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+    },
+    "node_modules/wrap-ansi/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/wrap-ansi/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "license": "MIT"
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
+    },
+    "node_modules/write-file-atomic": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-5.0.1.tgz",
+      "integrity": "sha512-+QU2zd6OTD8XWIJCbffaiQeH9U73qIqafo1x6V1snCWYGJf6cVE0cDR4D8xRzcEnfI21IFrUPzPGtcPf8AC+Rw==",
+      "license": "ISC",
+      "dependencies": {
+        "imurmurhash": "^0.1.4",
+        "signal-exit": "^4.0.1"
+      },
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/write-file-atomic/node_modules/signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/ws": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.3.tgz",
+      "integrity": "sha512-jmTjYU0j60B+vHey6TfR3Z7RD61z/hmxBS3VMSGIrroOWXQEneK1zNuotOUrGyBHQj0yrpsLHPWtigEFd13ndA==",
+      "license": "MIT",
+      "dependencies": {
+        "async-limiter": "~1.0.0"
+      }
+    },
+    "node_modules/xmlbuilder": {
+      "version": "15.1.1",
+      "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-15.1.1.tgz",
+      "integrity": "sha512-yMqGBqtXyeN1e3TGYvgNgDVZ3j84W4cwkOXQswghol6APgZWaff9lnbvN7MHYJOiXsvGPXtjTYJEiC9J2wv9Eg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/y18n": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    },
+    "node_modules/yaml": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
+      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/yargs": {
+      "version": "17.7.2",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
+      "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^8.0.1",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.3",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^21.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "21.1.1",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yargs-unparser": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/yargs-unparser/-/yargs-unparser-2.0.0.tgz",
+      "integrity": "sha512-7pRTIA9Qc1caZ0bZ6RYRGbHJthJWuakf+WmHK0rVeLkNrrGhfoabBNdue6kdINI6r4if7ocq9aD/n7xwKOdzOA==",
+      "dev": true,
+      "dependencies": {
+        "camelcase": "^6.0.0",
+        "decamelize": "^4.0.0",
+        "flat": "^5.0.2",
+        "is-plain-obj": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yargs-unparser/node_modules/decamelize": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-4.0.0.tgz",
+      "integrity": "sha512-9iE1PgSik9HeIIw2JO94IidnE3eBoQrFJ3w7sFuzSX4DpmZ3v5sZpUiV5Swcf6mQEF+Y0ru8Neo+p+nyh2J+hQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/yauzl": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
+      "integrity": "sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "buffer-crc32": "~0.2.3",
+        "fd-slicer": "~1.1.0"
+      }
+    },
+    "node_modules/yauzl/node_modules/buffer-crc32": {
+      "version": "0.2.13",
+      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
+      "integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/yoctocolors": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/yoctocolors/-/yoctocolors-2.1.2.tgz",
+      "integrity": "sha512-CzhO+pFNo8ajLM2d2IW/R93ipy99LWjtwblvC1RsoSUMZgyLbYFr221TnSNT7GjGdYui6P459mw9JH/g/zW2ug==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/yoctocolors-cjs": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/yoctocolors-cjs/-/yoctocolors-cjs-2.1.3.tgz",
+      "integrity": "sha512-U/PBtDf35ff0D8X8D0jfdzHYEPFxAI7jJlxZXwCSez5M3190m+QobIfh+sWDWSHMCWWJN2AWamkegn6vr6YBTw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/youtube-player": {
+      "version": "5.5.2",
+      "resolved": "https://registry.npmjs.org/youtube-player/-/youtube-player-5.5.2.tgz",
+      "integrity": "sha512-ZGtsemSpXnDky2AUYWgxjaopgB+shFHgXVpiJFeNB5nWEugpW1KWYDaHKuLqh2b67r24GtP6HoSW5swvf0fFIQ==",
+      "dependencies": {
+        "debug": "^2.6.6",
+        "load-script": "^1.0.0",
+        "sister": "^3.0.0"
+      }
+    },
+    "node_modules/youtube-player/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/youtube-player/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
+    },
+    "node_modules/zip-stream": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/zip-stream/-/zip-stream-6.0.1.tgz",
+      "integrity": "sha512-zK7YHHz4ZXpW89AHXUPbQVGKI7uvkd3hzusTdotCg1UxyaVtg0zFJSTfW/Dq5f7OBBVnq6cZIaC8Ti4hb6dtCA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "archiver-utils": "^5.0.0",
+        "compress-commons": "^6.0.2",
+        "readable-stream": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/zip-stream/node_modules/buffer": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+      "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.2.1"
+      }
+    },
+    "node_modules/zip-stream/node_modules/readable-stream": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.7.0.tgz",
+      "integrity": "sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "abort-controller": "^3.0.0",
+        "buffer": "^6.0.3",
+        "events": "^3.3.0",
+        "process": "^0.11.10",
+        "string_decoder": "^1.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/zxcvbn": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/zxcvbn/-/zxcvbn-4.4.2.tgz",
+      "integrity": "sha1-KOwXzwl0PtyrBW3dixsGJizHPDA="
+    }
+  },
+  "dependencies": {
+    "@amplitude/analytics-browser": {
+      "version": "2.17.12",
+      "resolved": "https://registry.npmjs.org/@amplitude/analytics-browser/-/analytics-browser-2.17.12.tgz",
+      "integrity": "sha512-oADGSPJWcfnNyBqN7qDgEOEVrLxSb9Qh4wINi7DsRS8Mj55Ukh9M1iqQoLXrCXK/lbV4QMhUWn1ZmBAMCKYZKQ==",
+      "requires": {
+        "@amplitude/analytics-core": "^2.14.0",
+        "@amplitude/analytics-remote-config": "^0.4.0",
+        "@amplitude/plugin-autocapture-browser": "^1.4.0",
+        "@amplitude/plugin-network-capture-browser": "^1.2.0",
+        "@amplitude/plugin-page-view-tracking-browser": "^2.3.32",
+        "tslib": "^2.4.1"
+      },
+      "dependencies": {
+        "@amplitude/analytics-core": {
+          "version": "2.14.0",
+          "resolved": "https://registry.npmjs.org/@amplitude/analytics-core/-/analytics-core-2.14.0.tgz",
+          "integrity": "sha512-JmKzlZ5I4JAlWLx2kcCuxH4XNthyaIa+NDAOfpP2xbgZGFM9Gsd9TO/a+SMyGAEryaxb1b5tYdIkMFhjHPjuHA==",
+          "requires": {
+            "@amplitude/analytics-connector": "^1.6.4",
+            "tslib": "^2.4.1"
+          }
+        }
+      }
+    },
+    "@amplitude/analytics-client-common": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/@amplitude/analytics-client-common/-/analytics-client-common-1.2.5.tgz",
+      "integrity": "sha512-W881IHihCmCUymhNY8tLEj58AsKiYjDszORknD0Q3FrKw5CZlEQbXFVqFpDzfUnUb9jtg2zo4JCsneZe1A3oqw==",
+      "requires": {
+        "@amplitude/analytics-connector": "^1.5.0",
+        "@amplitude/analytics-core": "^1.2.7",
+        "@amplitude/analytics-types": "^1.3.5",
+        "tslib": "^2.4.1"
+      }
+    },
+    "@amplitude/analytics-connector": {
+      "version": "1.6.4",
+      "resolved": "https://registry.npmjs.org/@amplitude/analytics-connector/-/analytics-connector-1.6.4.tgz",
+      "integrity": "sha512-SpIv0IQMNIq6SH3UqFGiaZyGSc7PBZwRdq7lvP0pBxW8i4Ny+8zwI0pV+VMfMHQwWY3wdIbWw5WQphNjpdq1/Q=="
+    },
+    "@amplitude/analytics-core": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/@amplitude/analytics-core/-/analytics-core-1.2.7.tgz",
+      "integrity": "sha512-SM9jdQ+l2q+hy+DdCQm5vtfOTiI+53c+alSSc7fwiuFnTExllXHf9RUK6kKhw3ky+N2o6yqbo+0OGoepLhNf6w==",
+      "requires": {
+        "@amplitude/analytics-types": "^1.3.5",
+        "tslib": "^2.4.1"
+      }
+    },
+    "@amplitude/analytics-react-native": {
+      "version": "1.4.13",
+      "resolved": "https://registry.npmjs.org/@amplitude/analytics-react-native/-/analytics-react-native-1.4.13.tgz",
+      "integrity": "sha512-znl7IkazV0j++R+F6GEzWNaVbCBipwKNBbIrhsMpaw0vMhdgiS0Jr36HiKUrX2Md6LvqRZ5JhM4KbMzRFD5ujQ==",
+      "requires": {
+        "@amplitude/analytics-client-common": "^1.2.5",
+        "@amplitude/analytics-core": "^1.2.7",
+        "@amplitude/analytics-types": "^1.3.5",
+        "@amplitude/ua-parser-js": "^0.7.31",
+        "@react-native-async-storage/async-storage": "^1.17.11",
+        "tslib": "^2.4.1"
+      }
+    },
+    "@amplitude/analytics-remote-config": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/@amplitude/analytics-remote-config/-/analytics-remote-config-0.4.1.tgz",
+      "integrity": "sha512-BYl6kQ9qjztrCACsugpxO+foLaQIC0aSEzoXEAb/gwOzInmqkyyI+Ub+aWTBih4xgB/lhWlOcidWHAmNiTJTNw==",
+      "requires": {
+        "@amplitude/analytics-client-common": ">=1 <3",
+        "@amplitude/analytics-core": ">=1 <3",
+        "@amplitude/analytics-types": ">=1 <3",
+        "tslib": "^2.4.1"
+      }
+    },
+    "@amplitude/analytics-types": {
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/@amplitude/analytics-types/-/analytics-types-1.3.5.tgz",
+      "integrity": "sha512-IpncCNTZZ6VoGe4fNwTTZtpi+ZNm3mtsocdbCHtIwmKg2wmOF2E09CAwvyF7mK5aRlMIrSAKQyR3GwraATghSw=="
+    },
+    "@amplitude/plugin-autocapture-browser": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@amplitude/plugin-autocapture-browser/-/plugin-autocapture-browser-1.4.0.tgz",
+      "integrity": "sha512-vvqfCflFS8vCkMAmMxUP59h/g4hImsYKUMqevmT1dGbM9bq7eccRTP8JsTpoTomG70VLCUfqitQTMfXuWf9GVQ==",
+      "requires": {
+        "@amplitude/analytics-core": "^2.14.0",
+        "rxjs": "^7.8.1",
+        "tslib": "^2.4.1"
+      },
+      "dependencies": {
+        "@amplitude/analytics-core": {
+          "version": "2.14.0",
+          "resolved": "https://registry.npmjs.org/@amplitude/analytics-core/-/analytics-core-2.14.0.tgz",
+          "integrity": "sha512-JmKzlZ5I4JAlWLx2kcCuxH4XNthyaIa+NDAOfpP2xbgZGFM9Gsd9TO/a+SMyGAEryaxb1b5tYdIkMFhjHPjuHA==",
+          "requires": {
+            "@amplitude/analytics-connector": "^1.6.4",
+            "tslib": "^2.4.1"
+          }
+        }
+      }
+    },
+    "@amplitude/plugin-network-capture-browser": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@amplitude/plugin-network-capture-browser/-/plugin-network-capture-browser-1.2.0.tgz",
+      "integrity": "sha512-exFqJ3MWCs1d00Zj+XfwP0eXD8R4jG8Zd+bp3pUguGOVa9+x4UTbYWul2S9lt40Arp33DFijobl+ocDSRBCIFg==",
+      "requires": {
+        "@amplitude/analytics-core": "^2.14.0",
+        "rxjs": "^7.8.1",
+        "tslib": "^2.4.1"
+      },
+      "dependencies": {
+        "@amplitude/analytics-core": {
+          "version": "2.14.0",
+          "resolved": "https://registry.npmjs.org/@amplitude/analytics-core/-/analytics-core-2.14.0.tgz",
+          "integrity": "sha512-JmKzlZ5I4JAlWLx2kcCuxH4XNthyaIa+NDAOfpP2xbgZGFM9Gsd9TO/a+SMyGAEryaxb1b5tYdIkMFhjHPjuHA==",
+          "requires": {
+            "@amplitude/analytics-connector": "^1.6.4",
+            "tslib": "^2.4.1"
+          }
+        }
+      }
+    },
+    "@amplitude/plugin-page-view-tracking-browser": {
+      "version": "2.3.32",
+      "resolved": "https://registry.npmjs.org/@amplitude/plugin-page-view-tracking-browser/-/plugin-page-view-tracking-browser-2.3.32.tgz",
+      "integrity": "sha512-Y+6OUv0De1hI4GSdxlWFSsTvjKGsfWM2AP2+elLsPQuZxgBUXjmfkPwRLh4TLMmtbQPfX38vbddBVYWPSStRFw==",
+      "requires": {
+        "@amplitude/analytics-client-common": "^2.3.26",
+        "@amplitude/analytics-types": "^2.9.2",
+        "tslib": "^2.4.1"
+      },
+      "dependencies": {
+        "@amplitude/analytics-client-common": {
+          "version": "2.3.26",
+          "resolved": "https://registry.npmjs.org/@amplitude/analytics-client-common/-/analytics-client-common-2.3.26.tgz",
+          "integrity": "sha512-YVMZkugw01fsok2i3x/HhAYG8t9kYxnmNDl6oKbvZkzCzfRUuOKa+f0OLUD2SRJRxTKRanAwHINZuDdk3cR7qQ==",
+          "requires": {
+            "@amplitude/analytics-connector": "^1.4.8",
+            "@amplitude/analytics-core": "^2.14.0",
+            "@amplitude/analytics-types": "^2.9.2",
+            "tslib": "^2.4.1"
+          }
+        },
+        "@amplitude/analytics-core": {
+          "version": "2.14.0",
+          "resolved": "https://registry.npmjs.org/@amplitude/analytics-core/-/analytics-core-2.14.0.tgz",
+          "integrity": "sha512-JmKzlZ5I4JAlWLx2kcCuxH4XNthyaIa+NDAOfpP2xbgZGFM9Gsd9TO/a+SMyGAEryaxb1b5tYdIkMFhjHPjuHA==",
+          "requires": {
+            "@amplitude/analytics-connector": "^1.6.4",
+            "tslib": "^2.4.1"
+          }
+        },
+        "@amplitude/analytics-types": {
+          "version": "2.9.2",
+          "resolved": "https://registry.npmjs.org/@amplitude/analytics-types/-/analytics-types-2.9.2.tgz",
+          "integrity": "sha512-juhTz396dDP/jLJYP9zDOEAZBtJM0JVvP8G10p1OxUDBVwVIprpQL598F9GRQwVFyqV4CEhDmNyAY0HqqU5bhA=="
+        }
+      }
+    },
+    "@amplitude/types": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/@amplitude/types/-/types-1.10.2.tgz",
+      "integrity": "sha512-I8qenRI7uU6wKNb9LiZrAosSHVoNHziXouKY81CrqxH9xhVTEIJFXeuCV0hbtBr0Al/8ejnGjQRx+S2SvU/pPg=="
+    },
+    "@amplitude/ua-parser-js": {
+      "version": "0.7.33",
+      "resolved": "https://registry.npmjs.org/@amplitude/ua-parser-js/-/ua-parser-js-0.7.33.tgz",
+      "integrity": "sha512-wKEtVR4vXuPT9cVEIJkYWnlF++Gx3BdLatPBM+SZ1ztVIvnhdGBZR/mn9x/PzyrMcRlZmyi6L56I2J3doVBnjA=="
+    },
+    "@amplitude/utils": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/@amplitude/utils/-/utils-1.10.2.tgz",
+      "integrity": "sha512-tVsHXu61jITEtRjB7NugQ5cVDd4QDzne8T3ifmZye7TiJeUfVRvqe44gDtf55A+7VqhDhyEIIXTA1iVcDGqlEw==",
+      "requires": {
+        "@amplitude/types": "^1.10.2",
+        "tslib": "^2.0.0"
+      }
+    },
+    "@ampproject/remapping": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.0.tgz",
+      "integrity": "sha512-qRmjj8nj9qmLTQXXmaR1cck3UXSRMPrbsLJAasZpF+t3riI71BXed5ebIOYwQntykeZuhjsdweEc9BxH5Jc26w==",
+      "requires": {
+        "@jridgewell/gen-mapping": "^0.1.0",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      },
+      "dependencies": {
+        "@jridgewell/gen-mapping": {
+          "version": "0.1.1",
+          "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz",
+          "integrity": "sha512-sQXCasFk+U8lWYEe66WxRDOE9PjVz4vSM51fTu3Hw+ClTpUSQb718772vH3pyS5pShp6lvQM7SxgIDXXXmOX7w==",
+          "requires": {
+            "@jridgewell/set-array": "^1.0.0",
+            "@jridgewell/sourcemap-codec": "^1.4.10"
+          }
+        }
+      }
+    },
+    "@babel/code-frame": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz",
+      "integrity": "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==",
+      "requires": {
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      }
+    },
+    "@babel/compat-data": {
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.26.0.tgz",
+      "integrity": "sha512-qETICbZSLe7uXv9VE8T/RWOdIE5qqyTucOt4zLYMafj2MRO271VGgLd4RACJMeBO37UPWhXiKMBk7YlJ0fOzQA=="
+    },
+    "@babel/core": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.25.9.tgz",
+      "integrity": "sha512-WYvQviPw+Qyib0v92AwNIrdLISTp7RfDkM7bPqBvpbnhY4wq8HvHBZREVdYDXk98C8BkOIVnHAY3yvj7AVISxQ==",
+      "requires": {
+        "@ampproject/remapping": "^2.2.0",
+        "@babel/code-frame": "^7.25.9",
+        "@babel/generator": "^7.25.9",
+        "@babel/helper-compilation-targets": "^7.25.9",
+        "@babel/helper-module-transforms": "^7.25.9",
+        "@babel/helpers": "^7.25.9",
+        "@babel/parser": "^7.25.9",
+        "@babel/template": "^7.25.9",
+        "@babel/traverse": "^7.25.9",
+        "@babel/types": "^7.25.9",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "dependencies": {
+        "convert-source-map": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+          "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg=="
+        },
+        "semver": {
+          "version": "6.3.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+          "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA=="
+        }
+      }
+    },
+    "@babel/eslint-parser": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/eslint-parser/-/eslint-parser-7.25.9.tgz",
+      "integrity": "sha512-5UXfgpK0j0Xr/xIdgdLEhOFxaDZ0bRPWJJchRpqOSur/3rZoPbqqki5mm0p4NE2cs28krBEiSM2MB7//afRSQQ==",
+      "dev": true,
+      "requires": {
+        "@nicolo-ribaudo/eslint-scope-5-internals": "5.1.1-v1",
+        "eslint-visitor-keys": "^2.1.0",
+        "semver": "^6.3.1"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "6.3.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+          "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+          "dev": true
+        }
+      }
+    },
+    "@babel/generator": {
+      "version": "7.27.5",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.27.5.tgz",
+      "integrity": "sha512-ZGhA37l0e/g2s1Cnzdix0O3aLYm66eF8aufiVteOgnwxgnRP8GoyMj7VWsgWnQbVKXyge7hqrFh2K2TQM6t1Hw==",
+      "requires": {
+        "@babel/parser": "^7.27.5",
+        "@babel/types": "^7.27.3",
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.25",
+        "jsesc": "^3.0.2"
+      }
+    },
+    "@babel/helper-annotate-as-pure": {
+      "version": "7.27.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz",
+      "integrity": "sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==",
+      "requires": {
+        "@babel/types": "^7.27.3"
+      }
+    },
+    "@babel/helper-builder-binary-assignment-operator-visitor": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.25.9.tgz",
+      "integrity": "sha512-C47lC7LIDCnz0h4vai/tpNOI95tCd5ZT3iBt/DBH5lXKHZsyNQv18yf1wIIg2ntiQNgmAvA+DgZ82iW8Qdym8g==",
+      "requires": {
+        "@babel/traverse": "^7.25.9",
+        "@babel/types": "^7.25.9"
+      }
+    },
+    "@babel/helper-compilation-targets": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.25.9.tgz",
+      "integrity": "sha512-j9Db8Suy6yV/VHa4qzrj9yZfZxhLWQdVnRlXxmKLYlhWUVB1sB2G5sxuWYXk/whHD9iW76PmNzxZ4UCnTQTVEQ==",
+      "requires": {
+        "@babel/compat-data": "^7.25.9",
+        "@babel/helper-validator-option": "^7.25.9",
+        "browserslist": "^4.24.0",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "dependencies": {
+        "lru-cache": {
+          "version": "5.1.1",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+          "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+          "requires": {
+            "yallist": "^3.0.2"
+          }
+        },
+        "semver": {
+          "version": "6.3.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+          "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA=="
+        },
+        "yallist": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+          "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g=="
+        }
+      }
+    },
+    "@babel/helper-create-class-features-plugin": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.27.1.tgz",
+      "integrity": "sha512-QwGAmuvM17btKU5VqXfb+Giw4JcN0hjuufz3DYnpeVDvZLAObloM77bhMXiqry3Iio+Ai4phVRDwl6WU10+r5A==",
+      "requires": {
+        "@babel/helper-annotate-as-pure": "^7.27.1",
+        "@babel/helper-member-expression-to-functions": "^7.27.1",
+        "@babel/helper-optimise-call-expression": "^7.27.1",
+        "@babel/helper-replace-supers": "^7.27.1",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
+        "@babel/traverse": "^7.27.1",
+        "semver": "^6.3.1"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "6.3.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+          "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA=="
+        }
+      }
+    },
+    "@babel/helper-create-regexp-features-plugin": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.25.9.tgz",
+      "integrity": "sha512-ORPNZ3h6ZRkOyAa/SaHU+XsLZr0UQzRwuDQ0cczIA17nAzZ+85G5cVkOJIj7QavLZGSe8QXUmNFxSZzjcZF9bw==",
+      "requires": {
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "regexpu-core": "^6.1.1",
+        "semver": "^6.3.1"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "6.3.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+          "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA=="
+        }
+      }
+    },
+    "@babel/helper-define-polyfill-provider": {
+      "version": "0.6.4",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.4.tgz",
+      "integrity": "sha512-jljfR1rGnXXNWnmQg2K3+bvhkxB51Rl32QRaOTuwwjviGrHzIbSc8+x9CpraDtbT7mfyjXObULP4w/adunNwAw==",
+      "requires": {
+        "@babel/helper-compilation-targets": "^7.22.6",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "debug": "^4.1.1",
+        "lodash.debounce": "^4.0.8",
+        "resolve": "^1.14.2"
+      }
+    },
+    "@babel/helper-member-expression-to-functions": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.27.1.tgz",
+      "integrity": "sha512-E5chM8eWjTp/aNoVpcbfM7mLxu9XGLWYise2eBKGQomAk/Mb4XoxyqXTZbuTohbsl8EKqdlMhnDI2CCLfcs9wA==",
+      "requires": {
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
+      }
+    },
+    "@babel/helper-module-imports": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz",
+      "integrity": "sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==",
+      "requires": {
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
+      }
+    },
+    "@babel/helper-module-transforms": {
+      "version": "7.27.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.27.3.tgz",
+      "integrity": "sha512-dSOvYwvyLsWBeIRyOeHXp5vPj5l1I011r52FM1+r1jCERv+aFXYk4whgQccYEGYxK2H3ZAIA8nuPkQ0HaUo3qg==",
+      "requires": {
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "@babel/traverse": "^7.27.3"
+      }
+    },
+    "@babel/helper-optimise-call-expression": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.27.1.tgz",
+      "integrity": "sha512-URMGH08NzYFhubNSGJrpUEphGKQwMQYBySzat5cAByY1/YgIRkULnIy3tAMeszlL/so2HbeilYloUmSpd7GdVw==",
+      "requires": {
+        "@babel/types": "^7.27.1"
+      }
+    },
+    "@babel/helper-plugin-utils": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.27.1.tgz",
+      "integrity": "sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw=="
+    },
+    "@babel/helper-remap-async-to-generator": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.25.9.tgz",
+      "integrity": "sha512-IZtukuUeBbhgOcaW2s06OXTzVNJR0ybm4W5xC1opWFFJMZbwRj5LCk+ByYH7WdZPZTt8KnFwA8pvjN2yqcPlgw==",
+      "requires": {
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "@babel/helper-wrap-function": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
+      }
+    },
+    "@babel/helper-replace-supers": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.27.1.tgz",
+      "integrity": "sha512-7EHz6qDZc8RYS5ElPoShMheWvEgERonFCs7IAonWLLUTXW59DP14bCZt89/GKyreYn8g3S83m21FelHKbeDCKA==",
+      "requires": {
+        "@babel/helper-member-expression-to-functions": "^7.27.1",
+        "@babel/helper-optimise-call-expression": "^7.27.1",
+        "@babel/traverse": "^7.27.1"
+      }
+    },
+    "@babel/helper-skip-transparent-expression-wrappers": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.27.1.tgz",
+      "integrity": "sha512-Tub4ZKEXqbPjXgWLl2+3JpQAYBJ8+ikpQ2Ocj/q/r0LwE3UhENh7EUabyHjz2kCEsrRY83ew2DQdHluuiDQFzg==",
+      "requires": {
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
+      }
+    },
+    "@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA=="
+    },
+    "@babel/helper-validator-identifier": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz",
+      "integrity": "sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow=="
+    },
+    "@babel/helper-validator-option": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
+      "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg=="
+    },
+    "@babel/helper-wrap-function": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.25.9.tgz",
+      "integrity": "sha512-ETzz9UTjQSTmw39GboatdymDq4XIQbR8ySgVrylRhPOFpsd+JrKHIuF0de7GCWmem+T4uC5z7EZguod7Wj4A4g==",
+      "requires": {
+        "@babel/template": "^7.25.9",
+        "@babel/traverse": "^7.25.9",
+        "@babel/types": "^7.25.9"
+      }
+    },
+    "@babel/helpers": {
+      "version": "7.27.0",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.27.0.tgz",
+      "integrity": "sha512-U5eyP/CTFPuNE3qk+WZMxFkp/4zUzdceQlfzf7DdGdhp+Fezd7HD+i8Y24ZuTMKX3wQBld449jijbGq6OdGNQg==",
+      "requires": {
+        "@babel/template": "^7.27.0",
+        "@babel/types": "^7.27.0"
+      }
+    },
+    "@babel/parser": {
+      "version": "7.27.5",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.27.5.tgz",
+      "integrity": "sha512-OsQd175SxWkGlzbny8J3K8TnnDD0N3lrIUtB92xwyRpzaenGZhxDvxN/JgU00U3CDZNj9tPuDJ5H0WS4Nt3vKg==",
+      "requires": {
+        "@babel/types": "^7.27.3"
+      }
+    },
+    "@babel/plugin-bugfix-firefox-class-in-computed-class-key": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.25.9.tgz",
+      "integrity": "sha512-ZkRyVkThtxQ/J6nv3JFYv1RYY+JT5BvU0y3k5bWrmuG4woXypRa4PXmm9RhOwodRkYFWqC0C0cqcJ4OqR7kW+g==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
+      }
+    },
+    "@babel/plugin-bugfix-safari-class-field-initializer-scope": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-class-field-initializer-scope/-/plugin-bugfix-safari-class-field-initializer-scope-7.25.9.tgz",
+      "integrity": "sha512-MrGRLZxLD/Zjj0gdU15dfs+HH/OXvnw/U4jJD8vpcP2CJQapPEv1IWwjc/qMg7ItBlPwSv1hRBbb7LeuANdcnw==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.25.9.tgz",
+      "integrity": "sha512-2qUwwfAFpJLZqxd02YW9btUCZHl+RFvdDkNfZwaIJrvB8Tesjsk8pEQkTvGwZXLqXUx/2oyY3ySRhm6HOXuCug==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.25.9.tgz",
+      "integrity": "sha512-6xWgLZTJXwilVjlnV7ospI3xi+sl8lN8rXXbBD6vYn3UYDlGsag8wrZkKcSI8G6KgqKP7vNFaDgeDnfAABq61g==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9",
+        "@babel/plugin-transform-optional-chaining": "^7.25.9"
+      }
+    },
+    "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.25.9.tgz",
+      "integrity": "sha512-aLnMXYPnzwwqhYSCyXfKkIkYgJ8zv9RK+roo9DkTXz38ynIhd9XCbN08s3MGvqL2MYGVUGdRQLL/JqBIeJhJBg==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
+      }
+    },
+    "@babel/plugin-proposal-export-default-from": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-export-default-from/-/plugin-proposal-export-default-from-7.25.9.tgz",
+      "integrity": "sha512-ykqgwNfSnNOB+C8fV5X4mG3AVmvu+WVxcaU9xHHtBb7PCrPeweMmPjGsn8eMaeJg6SJuoUuZENeeSWaarWqonQ==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-proposal-nullish-coalescing-operator": {
+      "version": "7.18.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.18.6.tgz",
+      "integrity": "sha512-wQxQzxYeJqHcfppzBDnm1yAY0jSRkUXR2z8RePZYrKwMKgMlE8+Z6LUno+bd6LvbGh8Gltvy74+9pIYkr+XkKA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.18.6",
+        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3"
+      }
+    },
+    "@babel/plugin-proposal-optional-chaining": {
+      "version": "7.21.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.21.0.tgz",
+      "integrity": "sha512-p4zeefM72gpmEe2fkUr/OnOXpWEf8nAgk7ZYVqqfFiyIG7oFfVZcCrU64hWn5xp4tQ9LkV4bTIa5rD0KANpKNA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.20.2",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.20.0",
+        "@babel/plugin-syntax-optional-chaining": "^7.8.3"
+      }
+    },
+    "@babel/plugin-proposal-private-property-in-object": {
+      "version": "7.21.0-placeholder-for-preset-env.2",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz",
+      "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w=="
+    },
+    "@babel/plugin-syntax-async-generators": {
+      "version": "7.8.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz",
+      "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      }
+    },
+    "@babel/plugin-syntax-bigint": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-bigint/-/plugin-syntax-bigint-7.8.3.tgz",
+      "integrity": "sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      }
+    },
+    "@babel/plugin-syntax-class-properties": {
+      "version": "7.12.13",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz",
+      "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.12.13"
+      }
+    },
+    "@babel/plugin-syntax-class-static-block": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz",
+      "integrity": "sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      }
+    },
+    "@babel/plugin-syntax-dynamic-import": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz",
+      "integrity": "sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      }
+    },
+    "@babel/plugin-syntax-export-default-from": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-export-default-from/-/plugin-syntax-export-default-from-7.24.7.tgz",
+      "integrity": "sha512-bTPz4/635WQ9WhwsyPdxUJDVpsi/X9BMmy/8Rf/UAlOO4jSql4CxUCjWI5PiM+jG+c4LVPTScoTw80geFj9+Bw==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.24.7"
+      }
+    },
+    "@babel/plugin-syntax-flow": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.27.1.tgz",
+      "integrity": "sha512-p9OkPbZ5G7UT1MofwYFigGebnrzGJacoBSQM0/6bi/PUMVE+qlWDD/OalvQKbwgQzU6dl0xAv6r4X7Jme0RYxA==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      }
+    },
+    "@babel/plugin-syntax-import-assertions": {
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.26.0.tgz",
+      "integrity": "sha512-QCWT5Hh830hK5EQa7XzuqIkQU9tT/whqbDz7kuaZMHFl1inRRg7JnuAEOQ0Ur0QUl0NufCk1msK2BeY79Aj/eg==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-syntax-import-attributes": {
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.26.0.tgz",
+      "integrity": "sha512-e2dttdsJ1ZTpi3B9UYGLw41hifAubg19AtCu/2I/F1QNVclOBr1dYpTdmdyZ84Xiz43BS/tCUkMAZNLv12Pi+A==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-syntax-import-meta": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz",
+      "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      }
+    },
+    "@babel/plugin-syntax-json-strings": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz",
+      "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      }
+    },
+    "@babel/plugin-syntax-jsx": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.27.1.tgz",
+      "integrity": "sha512-y8YTNIeKoyhGd9O0Jiyzyyqk8gdjnumGTQPsz0xOZOQ2RmkVJeZ1vmmfIvFEKqucBG6axJGBZDE/7iI5suUI/w==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      }
+    },
+    "@babel/plugin-syntax-logical-assignment-operators": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz",
+      "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      }
+    },
+    "@babel/plugin-syntax-nullish-coalescing-operator": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz",
+      "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      }
+    },
+    "@babel/plugin-syntax-numeric-separator": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz",
+      "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      }
+    },
+    "@babel/plugin-syntax-object-rest-spread": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz",
+      "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      }
+    },
+    "@babel/plugin-syntax-optional-catch-binding": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz",
+      "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      }
+    },
+    "@babel/plugin-syntax-optional-chaining": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz",
+      "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      }
+    },
+    "@babel/plugin-syntax-private-property-in-object": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz",
+      "integrity": "sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      }
+    },
+    "@babel/plugin-syntax-top-level-await": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz",
+      "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      }
+    },
+    "@babel/plugin-syntax-typescript": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.27.1.tgz",
+      "integrity": "sha512-xfYCBMxveHrRMnAWl1ZlPXOZjzkN82THFvLhQhFXFt81Z5HnN+EtUkZhv/zcKpmT3fzmWZB0ywiBrbC3vogbwQ==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      }
+    },
+    "@babel/plugin-syntax-unicode-sets-regex": {
+      "version": "7.18.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz",
+      "integrity": "sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==",
+      "requires": {
+        "@babel/helper-create-regexp-features-plugin": "^7.18.6",
+        "@babel/helper-plugin-utils": "^7.18.6"
+      }
+    },
+    "@babel/plugin-transform-arrow-functions": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.25.9.tgz",
+      "integrity": "sha512-6jmooXYIwn9ca5/RylZADJ+EnSxVUS5sjeJ9UPk6RWRzXCmOJCy6dqItPJFpw2cuCangPK4OYr5uhGKcmrm5Qg==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-async-generator-functions": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.25.9.tgz",
+      "integrity": "sha512-RXV6QAzTBbhDMO9fWwOmwwTuYaiPbggWQ9INdZqAYeSHyG7FzQ+nOZaUUjNwKv9pV3aE4WFqFm1Hnbci5tBCAw==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-remap-async-to-generator": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-async-to-generator": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.25.9.tgz",
+      "integrity": "sha512-NT7Ejn7Z/LjUH0Gv5KsBCxh7BH3fbLTV0ptHvpeMvrt3cPThHfJfst9Wrb7S8EvJ7vRTFI7z+VAvFVEQn/m5zQ==",
+      "requires": {
+        "@babel/helper-module-imports": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-remap-async-to-generator": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-block-scoped-functions": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.25.9.tgz",
+      "integrity": "sha512-toHc9fzab0ZfenFpsyYinOX0J/5dgJVA2fm64xPewu7CoYHWEivIWKxkK2rMi4r3yQqLnVmheMXRdG+k239CgA==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-block-scoping": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.25.9.tgz",
+      "integrity": "sha512-1F05O7AYjymAtqbsFETboN1NvBdcnzMerO+zlMyJBEz6WkMdejvGWw9p05iTSjC85RLlBseHHQpYaM4gzJkBGg==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-class-properties": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.25.9.tgz",
+      "integrity": "sha512-bbMAII8GRSkcd0h0b4X+36GksxuheLFjP65ul9w6C3KgAamI3JqErNgSrosX6ZPj+Mpim5VvEbawXxJCyEUV3Q==",
+      "requires": {
+        "@babel/helper-create-class-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-class-static-block": {
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.26.0.tgz",
+      "integrity": "sha512-6J2APTs7BDDm+UMqP1useWqhcRAXo0WIoVj26N7kPFB6S73Lgvyka4KTZYIxtgYXiN5HTyRObA72N2iu628iTQ==",
+      "requires": {
+        "@babel/helper-create-class-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-classes": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.25.9.tgz",
+      "integrity": "sha512-mD8APIXmseE7oZvZgGABDyM34GUmK45Um2TXiBUt7PnuAxrgoSVf123qUzPxEr/+/BHrRn5NMZCdE2m/1F8DGg==",
+      "requires": {
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "@babel/helper-compilation-targets": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-replace-supers": "^7.25.9",
+        "@babel/traverse": "^7.25.9",
+        "globals": "^11.1.0"
+      }
+    },
+    "@babel/plugin-transform-computed-properties": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.25.9.tgz",
+      "integrity": "sha512-HnBegGqXZR12xbcTHlJ9HGxw1OniltT26J5YpfruGqtUHlz/xKf/G2ak9e+t0rVqrjXa9WOhvYPz1ERfMj23AA==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/template": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-destructuring": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.25.9.tgz",
+      "integrity": "sha512-WkCGb/3ZxXepmMiX101nnGiU+1CAdut8oHyEOHxkKuS1qKpU2SMXE2uSvfz8PBuLd49V6LEsbtyPhWC7fnkgvQ==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-dotall-regex": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.25.9.tgz",
+      "integrity": "sha512-t7ZQ7g5trIgSRYhI9pIJtRl64KHotutUJsh4Eze5l7olJv+mRSg4/MmbZ0tv1eeqRbdvo/+trvJD/Oc5DmW2cA==",
+      "requires": {
+        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-duplicate-keys": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.25.9.tgz",
+      "integrity": "sha512-LZxhJ6dvBb/f3x8xwWIuyiAHy56nrRG3PeYTpBkkzkYRRQ6tJLu68lEF5VIqMUZiAV7a8+Tb78nEoMCMcqjXBw==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-duplicate-named-capturing-groups-regex": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-named-capturing-groups-regex/-/plugin-transform-duplicate-named-capturing-groups-regex-7.25.9.tgz",
+      "integrity": "sha512-0UfuJS0EsXbRvKnwcLjFtJy/Sxc5J5jhLHnFhy7u4zih97Hz6tJkLU+O+FMMrNZrosUPxDi6sYxJ/EA8jDiAog==",
+      "requires": {
+        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-dynamic-import": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.25.9.tgz",
+      "integrity": "sha512-GCggjexbmSLaFhqsojeugBpeaRIgWNTcgKVq/0qIteFEqY2A+b9QidYadrWlnbWQUrW5fn+mCvf3tr7OeBFTyg==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-exponentiation-operator": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.25.9.tgz",
+      "integrity": "sha512-KRhdhlVk2nObA5AYa7QMgTMTVJdfHprfpAk4DjZVtllqRg9qarilstTKEhpVjyt+Npi8ThRyiV8176Am3CodPA==",
+      "requires": {
+        "@babel/helper-builder-binary-assignment-operator-visitor": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-export-namespace-from": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.25.9.tgz",
+      "integrity": "sha512-2NsEz+CxzJIVOPx2o9UsW1rXLqtChtLoVnwYHHiB04wS5sgn7mrV45fWMBX0Kk+ub9uXytVYfNP2HjbVbCB3Ww==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-flow-strip-types": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.27.1.tgz",
+      "integrity": "sha512-G5eDKsu50udECw7DL2AcsysXiQyB7Nfg521t2OAJ4tbfTJ27doHLeF/vlI1NZGlLdbb/v+ibvtL1YBQqYOwJGg==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/plugin-syntax-flow": "^7.27.1"
+      }
+    },
+    "@babel/plugin-transform-for-of": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.25.9.tgz",
+      "integrity": "sha512-LqHxduHoaGELJl2uhImHwRQudhCM50pT46rIBNvtT/Oql3nqiS3wOwP+5ten7NpYSXrrVLgtZU3DZmPtWZo16A==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-function-name": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.25.9.tgz",
+      "integrity": "sha512-8lP+Yxjv14Vc5MuWBpJsoUCd3hD6V9DgBon2FVYL4jJgbnVQ9fTgYmonchzZJOVNgzEgbxp4OwAf6xz6M/14XA==",
+      "requires": {
+        "@babel/helper-compilation-targets": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-json-strings": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.25.9.tgz",
+      "integrity": "sha512-xoTMk0WXceiiIvsaquQQUaLLXSW1KJ159KP87VilruQm0LNNGxWzahxSS6T6i4Zg3ezp4vA4zuwiNUR53qmQAw==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-literals": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.25.9.tgz",
+      "integrity": "sha512-9N7+2lFziW8W9pBl2TzaNht3+pgMIRP74zizeCSrtnSKVdUl8mAjjOP2OOVQAfZ881P2cNjDj1uAMEdeD50nuQ==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-logical-assignment-operators": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.25.9.tgz",
+      "integrity": "sha512-wI4wRAzGko551Y8eVf6iOY9EouIDTtPb0ByZx+ktDGHwv6bHFimrgJM/2T021txPZ2s4c7bqvHbd+vXG6K948Q==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-member-expression-literals": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.25.9.tgz",
+      "integrity": "sha512-PYazBVfofCQkkMzh2P6IdIUaCEWni3iYEerAsRWuVd8+jlM1S9S9cz1dF9hIzyoZ8IA3+OwVYIp9v9e+GbgZhA==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-modules-amd": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.25.9.tgz",
+      "integrity": "sha512-g5T11tnI36jVClQlMlt4qKDLlWnG5pP9CSM4GhdRciTNMRgkfpo5cR6b4rGIOYPgRRuFAvwjPQ/Yk+ql4dyhbw==",
+      "requires": {
+        "@babel/helper-module-transforms": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-modules-commonjs": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.27.1.tgz",
+      "integrity": "sha512-OJguuwlTYlN0gBZFRPqwOGNWssZjfIUdS7HMYtN8c1KmwpwHFBwTeFZrg9XZa+DFTitWOW5iTAG7tyCUPsCCyw==",
+      "requires": {
+        "@babel/helper-module-transforms": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      }
+    },
+    "@babel/plugin-transform-modules-systemjs": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.25.9.tgz",
+      "integrity": "sha512-hyss7iIlH/zLHaehT+xwiymtPOpsiwIIRlCAOwBB04ta5Tt+lNItADdlXw3jAWZ96VJ2jlhl/c+PNIQPKNfvcA==",
+      "requires": {
+        "@babel/helper-module-transforms": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-validator-identifier": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-modules-umd": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.25.9.tgz",
+      "integrity": "sha512-bS9MVObUgE7ww36HEfwe6g9WakQ0KF07mQF74uuXdkoziUPfKyu/nIm663kz//e5O1nPInPFx36z7WJmJ4yNEw==",
+      "requires": {
+        "@babel/helper-module-transforms": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-named-capturing-groups-regex": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.25.9.tgz",
+      "integrity": "sha512-oqB6WHdKTGl3q/ItQhpLSnWWOpjUJLsOCLVyeFgeTktkBSCiurvPOsyt93gibI9CmuKvTUEtWmG5VhZD+5T/KA==",
+      "requires": {
+        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-new-target": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.25.9.tgz",
+      "integrity": "sha512-U/3p8X1yCSoKyUj2eOBIx3FOn6pElFOKvAAGf8HTtItuPyB+ZeOqfn+mvTtg9ZlOAjsPdK3ayQEjqHjU/yLeVQ==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-nullish-coalescing-operator": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.25.9.tgz",
+      "integrity": "sha512-ENfftpLZw5EItALAD4WsY/KUWvhUlZndm5GC7G3evUsVeSJB6p0pBeLQUnRnBCBx7zV0RKQjR9kCuwrsIrjWog==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-numeric-separator": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.25.9.tgz",
+      "integrity": "sha512-TlprrJ1GBZ3r6s96Yq8gEQv82s8/5HnCVHtEJScUj90thHQbwe+E5MLhi2bbNHBEJuzrvltXSru+BUxHDoog7Q==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-object-rest-spread": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.25.9.tgz",
+      "integrity": "sha512-fSaXafEE9CVHPweLYw4J0emp1t8zYTXyzN3UuG+lylqkvYd7RMrsOQ8TYx5RF231be0vqtFC6jnx3UmpJmKBYg==",
+      "requires": {
+        "@babel/helper-compilation-targets": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/plugin-transform-parameters": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-object-super": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.25.9.tgz",
+      "integrity": "sha512-Kj/Gh+Rw2RNLbCK1VAWj2U48yxxqL2x0k10nPtSdRa0O2xnHXalD0s+o1A6a0W43gJ00ANo38jxkQreckOzv5A==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-replace-supers": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-optional-catch-binding": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.25.9.tgz",
+      "integrity": "sha512-qM/6m6hQZzDcZF3onzIhZeDHDO43bkNNlOX0i8n3lR6zLbu0GN2d8qfM/IERJZYauhAHSLHy39NF0Ctdvcid7g==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-optional-chaining": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.27.1.tgz",
+      "integrity": "sha512-BQmKPPIuc8EkZgNKsv0X4bPmOoayeu4F1YCwx2/CfmDSXDbp7GnzlUH+/ul5VGfRg1AoFPsrIThlEBj2xb4CAg==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1"
+      }
+    },
+    "@babel/plugin-transform-parameters": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.25.9.tgz",
+      "integrity": "sha512-wzz6MKwpnshBAiRmn4jR8LYz/g8Ksg0o80XmwZDlordjwEk9SxBzTWC7F5ef1jhbrbOW2DJ5J6ayRukrJmnr0g==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-private-methods": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.25.9.tgz",
+      "integrity": "sha512-D/JUozNpQLAPUVusvqMxyvjzllRaF8/nSrP1s2YGQT/W4LHK4xxsMcHjhOGTS01mp9Hda8nswb+FblLdJornQw==",
+      "requires": {
+        "@babel/helper-create-class-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-private-property-in-object": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.25.9.tgz",
+      "integrity": "sha512-Evf3kcMqzXA3xfYJmZ9Pg1OvKdtqsDMSWBDzZOPLvHiTt36E75jLDQo5w1gtRU95Q4E5PDttrTf25Fw8d/uWLw==",
+      "requires": {
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "@babel/helper-create-class-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-property-literals": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.25.9.tgz",
+      "integrity": "sha512-IvIUeV5KrS/VPavfSM/Iu+RE6llrHrYIKY1yfCzyO/lMXHQ+p7uGhonmGVisv6tSBSVgWzMBohTcvkC9vQcQFA==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-react-constant-elements": {
+      "version": "7.18.12",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-constant-elements/-/plugin-transform-react-constant-elements-7.18.12.tgz",
+      "integrity": "sha512-Q99U9/ttiu+LMnRU8psd23HhvwXmKWDQIpocm0JKaICcZHnw+mdQbHm6xnSy7dOl8I5PELakYtNBubNQlBXbZw==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.18.9"
+      }
+    },
+    "@babel/plugin-transform-react-display-name": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.25.9.tgz",
+      "integrity": "sha512-KJfMlYIUxQB1CJfO3e0+h0ZHWOTLCPP115Awhaz8U0Zpq36Gl/cXlpoyMRnUWlhNUBAzldnCiAZNvCDj7CrKxQ==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-react-jsx": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.25.9.tgz",
+      "integrity": "sha512-s5XwpQYCqGerXl+Pu6VDL3x0j2d82eiV77UJ8a2mDHAW7j9SWRqQ2y1fNo1Z74CdcYipl5Z41zvjj4Nfzq36rw==",
+      "requires": {
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "@babel/helper-module-imports": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/plugin-syntax-jsx": "^7.25.9",
+        "@babel/types": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-react-jsx-development": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.25.9.tgz",
+      "integrity": "sha512-9mj6rm7XVYs4mdLIpbZnHOYdpW42uoiBCTVowg7sP1thUOiANgMb4UtpRivR0pp5iL+ocvUv7X4mZgFRpJEzGw==",
+      "requires": {
+        "@babel/plugin-transform-react-jsx": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-react-jsx-self": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.27.1.tgz",
+      "integrity": "sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      }
+    },
+    "@babel/plugin-transform-react-jsx-source": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.27.1.tgz",
+      "integrity": "sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      }
+    },
+    "@babel/plugin-transform-react-pure-annotations": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.25.9.tgz",
+      "integrity": "sha512-KQ/Takk3T8Qzj5TppkS1be588lkbTp5uj7w6a0LeQaTMSckU/wK0oJ/pih+T690tkgI5jfmg2TqDJvd41Sj1Cg==",
+      "requires": {
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-regenerator": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.25.9.tgz",
+      "integrity": "sha512-vwDcDNsgMPDGP0nMqzahDWE5/MLcX8sv96+wfX7as7LoF/kr97Bo/7fI00lXY4wUXYfVmwIIyG80fGZ1uvt2qg==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "regenerator-transform": "^0.15.2"
+      }
+    },
+    "@babel/plugin-transform-reserved-words": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.25.9.tgz",
+      "integrity": "sha512-7DL7DKYjn5Su++4RXu8puKZm2XBPHyjWLUidaPEkCUBbE7IPcsrkRHggAOOKydH1dASWdcUBxrkOGNxUv5P3Jg==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-runtime": {
+      "version": "7.27.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.27.4.tgz",
+      "integrity": "sha512-D68nR5zxU64EUzV8i7T3R5XP0Xhrou/amNnddsRQssx6GrTLdZl1rLxyjtVZBd+v/NVX4AbTPOB5aU8thAZV1A==",
+      "requires": {
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "babel-plugin-polyfill-corejs2": "^0.4.10",
+        "babel-plugin-polyfill-corejs3": "^0.11.0",
+        "babel-plugin-polyfill-regenerator": "^0.6.1",
+        "semver": "^6.3.1"
+      },
+      "dependencies": {
+        "babel-plugin-polyfill-corejs3": {
+          "version": "0.11.1",
+          "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.11.1.tgz",
+          "integrity": "sha512-yGCqvBT4rwMczo28xkH/noxJ6MZ4nJfkVYdoDaC/utLtWrXxv27HVrzAeSbqR8SxDsp46n0YF47EbHoixy6rXQ==",
+          "requires": {
+            "@babel/helper-define-polyfill-provider": "^0.6.3",
+            "core-js-compat": "^3.40.0"
+          }
+        },
+        "semver": {
+          "version": "6.3.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+          "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA=="
+        }
+      }
+    },
+    "@babel/plugin-transform-shorthand-properties": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.25.9.tgz",
+      "integrity": "sha512-MUv6t0FhO5qHnS/W8XCbHmiRWOphNufpE1IVxhK5kuN3Td9FT1x4rx4K42s3RYdMXCXpfWkGSbCSd0Z64xA7Ng==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-spread": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.25.9.tgz",
+      "integrity": "sha512-oNknIB0TbURU5pqJFVbOOFspVlrpVwo2H1+HUIsVDvp5VauGGDP1ZEvO8Nn5xyMEs3dakajOxlmkNW7kNgSm6A==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-sticky-regex": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.25.9.tgz",
+      "integrity": "sha512-WqBUSgeVwucYDP9U/xNRQam7xV8W5Zf+6Eo7T2SRVUFlhRiMNFdFz58u0KZmCVVqs2i7SHgpRnAhzRNmKfi2uA==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-template-literals": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.25.9.tgz",
+      "integrity": "sha512-o97AE4syN71M/lxrCtQByzphAdlYluKPDBzDVzMmfCobUjjhAryZV0AIpRPrxN0eAkxXO6ZLEScmt+PNhj2OTw==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-typeof-symbol": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.25.9.tgz",
+      "integrity": "sha512-v61XqUMiueJROUv66BVIOi0Fv/CUuZuZMl5NkRoCVxLAnMexZ0A3kMe7vvZ0nulxMuMp0Mk6S5hNh48yki08ZA==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-typescript": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.27.1.tgz",
+      "integrity": "sha512-Q5sT5+O4QUebHdbwKedFBEwRLb02zJ7r4A5Gg2hUoLuU3FjdMcyqcywqUrLCaDsFCxzokf7u9kuy7qz51YUuAg==",
+      "requires": {
+        "@babel/helper-annotate-as-pure": "^7.27.1",
+        "@babel/helper-create-class-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
+        "@babel/plugin-syntax-typescript": "^7.27.1"
+      }
+    },
+    "@babel/plugin-transform-unicode-escapes": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.25.9.tgz",
+      "integrity": "sha512-s5EDrE6bW97LtxOcGj1Khcx5AaXwiMmi4toFWRDP9/y0Woo6pXC+iyPu/KuhKtfSrNFd7jJB+/fkOtZy6aIC6Q==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-unicode-property-regex": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.25.9.tgz",
+      "integrity": "sha512-Jt2d8Ga+QwRluxRQ307Vlxa6dMrYEMZCgGxoPR8V52rxPyldHu3hdlHspxaqYmE7oID5+kB+UKUB/eWS+DkkWg==",
+      "requires": {
+        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-unicode-regex": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.25.9.tgz",
+      "integrity": "sha512-yoxstj7Rg9dlNn9UQxzk4fcNivwv4nUYz7fYXBaKxvw/lnmPuOm/ikoELygbYq68Bls3D/D+NBPHiLwZdZZ4HA==",
+      "requires": {
+        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-unicode-sets-regex": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.25.9.tgz",
+      "integrity": "sha512-8BYqO3GeVNHtx69fdPshN3fnzUNLrWdHhk/icSwigksJGczKSizZ+Z6SBCxTs723Fr5VSNorTIK7a+R2tISvwQ==",
+      "requires": {
+        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/preset-env": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.25.9.tgz",
+      "integrity": "sha512-XqDEt+hfsQukahSX9JOBDHhpUHDhj2zGSxoqWQFCMajOSBnbhBdgON/bU/5PkBA1yX5tqW6tTzuIPVsZTQ7h5Q==",
+      "requires": {
+        "@babel/compat-data": "^7.25.9",
+        "@babel/helper-compilation-targets": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-validator-option": "^7.25.9",
+        "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "^7.25.9",
+        "@babel/plugin-bugfix-safari-class-field-initializer-scope": "^7.25.9",
+        "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.25.9",
+        "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.25.9",
+        "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.25.9",
+        "@babel/plugin-proposal-private-property-in-object": "7.21.0-placeholder-for-preset-env.2",
+        "@babel/plugin-syntax-import-assertions": "^7.25.9",
+        "@babel/plugin-syntax-import-attributes": "^7.25.9",
+        "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6",
+        "@babel/plugin-transform-arrow-functions": "^7.25.9",
+        "@babel/plugin-transform-async-generator-functions": "^7.25.9",
+        "@babel/plugin-transform-async-to-generator": "^7.25.9",
+        "@babel/plugin-transform-block-scoped-functions": "^7.25.9",
+        "@babel/plugin-transform-block-scoping": "^7.25.9",
+        "@babel/plugin-transform-class-properties": "^7.25.9",
+        "@babel/plugin-transform-class-static-block": "^7.25.9",
+        "@babel/plugin-transform-classes": "^7.25.9",
+        "@babel/plugin-transform-computed-properties": "^7.25.9",
+        "@babel/plugin-transform-destructuring": "^7.25.9",
+        "@babel/plugin-transform-dotall-regex": "^7.25.9",
+        "@babel/plugin-transform-duplicate-keys": "^7.25.9",
+        "@babel/plugin-transform-duplicate-named-capturing-groups-regex": "^7.25.9",
+        "@babel/plugin-transform-dynamic-import": "^7.25.9",
+        "@babel/plugin-transform-exponentiation-operator": "^7.25.9",
+        "@babel/plugin-transform-export-namespace-from": "^7.25.9",
+        "@babel/plugin-transform-for-of": "^7.25.9",
+        "@babel/plugin-transform-function-name": "^7.25.9",
+        "@babel/plugin-transform-json-strings": "^7.25.9",
+        "@babel/plugin-transform-literals": "^7.25.9",
+        "@babel/plugin-transform-logical-assignment-operators": "^7.25.9",
+        "@babel/plugin-transform-member-expression-literals": "^7.25.9",
+        "@babel/plugin-transform-modules-amd": "^7.25.9",
+        "@babel/plugin-transform-modules-commonjs": "^7.25.9",
+        "@babel/plugin-transform-modules-systemjs": "^7.25.9",
+        "@babel/plugin-transform-modules-umd": "^7.25.9",
+        "@babel/plugin-transform-named-capturing-groups-regex": "^7.25.9",
+        "@babel/plugin-transform-new-target": "^7.25.9",
+        "@babel/plugin-transform-nullish-coalescing-operator": "^7.25.9",
+        "@babel/plugin-transform-numeric-separator": "^7.25.9",
+        "@babel/plugin-transform-object-rest-spread": "^7.25.9",
+        "@babel/plugin-transform-object-super": "^7.25.9",
+        "@babel/plugin-transform-optional-catch-binding": "^7.25.9",
+        "@babel/plugin-transform-optional-chaining": "^7.25.9",
+        "@babel/plugin-transform-parameters": "^7.25.9",
+        "@babel/plugin-transform-private-methods": "^7.25.9",
+        "@babel/plugin-transform-private-property-in-object": "^7.25.9",
+        "@babel/plugin-transform-property-literals": "^7.25.9",
+        "@babel/plugin-transform-regenerator": "^7.25.9",
+        "@babel/plugin-transform-reserved-words": "^7.25.9",
+        "@babel/plugin-transform-shorthand-properties": "^7.25.9",
+        "@babel/plugin-transform-spread": "^7.25.9",
+        "@babel/plugin-transform-sticky-regex": "^7.25.9",
+        "@babel/plugin-transform-template-literals": "^7.25.9",
+        "@babel/plugin-transform-typeof-symbol": "^7.25.9",
+        "@babel/plugin-transform-unicode-escapes": "^7.25.9",
+        "@babel/plugin-transform-unicode-property-regex": "^7.25.9",
+        "@babel/plugin-transform-unicode-regex": "^7.25.9",
+        "@babel/plugin-transform-unicode-sets-regex": "^7.25.9",
+        "@babel/preset-modules": "0.1.6-no-external-plugins",
+        "babel-plugin-polyfill-corejs2": "^0.4.10",
+        "babel-plugin-polyfill-corejs3": "^0.10.6",
+        "babel-plugin-polyfill-regenerator": "^0.6.1",
+        "core-js-compat": "^3.38.1",
+        "semver": "^6.3.1"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "6.3.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+          "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA=="
+        }
+      }
+    },
+    "@babel/preset-flow": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/preset-flow/-/preset-flow-7.27.1.tgz",
+      "integrity": "sha512-ez3a2it5Fn6P54W8QkbfIyyIbxlXvcxyWHHvno1Wg0Ej5eiJY5hBb8ExttoIOJJk7V2dZE6prP7iby5q2aQ0Lg==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-validator-option": "^7.27.1",
+        "@babel/plugin-transform-flow-strip-types": "^7.27.1"
+      }
+    },
+    "@babel/preset-modules": {
+      "version": "0.1.6-no-external-plugins",
+      "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz",
+      "integrity": "sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@babel/types": "^7.4.4",
+        "esutils": "^2.0.2"
+      }
+    },
+    "@babel/preset-react": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.25.9.tgz",
+      "integrity": "sha512-D3to0uSPiWE7rBrdIICCd0tJSIGpLaaGptna2+w7Pft5xMqLpA1sz99DK5TZ1TjGbdQ/VI1eCSZ06dv3lT4JOw==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-validator-option": "^7.25.9",
+        "@babel/plugin-transform-react-display-name": "^7.25.9",
+        "@babel/plugin-transform-react-jsx": "^7.25.9",
+        "@babel/plugin-transform-react-jsx-development": "^7.25.9",
+        "@babel/plugin-transform-react-pure-annotations": "^7.25.9"
+      }
+    },
+    "@babel/preset-typescript": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.27.1.tgz",
+      "integrity": "sha512-l7WfQfX0WK4M0v2RudjuQK4u99BS6yLHYEmdtVPP7lKV013zr9DygFuWNlnbvQ9LR+LS0Egz/XAvGx5U9MX0fQ==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-validator-option": "^7.27.1",
+        "@babel/plugin-syntax-jsx": "^7.27.1",
+        "@babel/plugin-transform-modules-commonjs": "^7.27.1",
+        "@babel/plugin-transform-typescript": "^7.27.1"
+      }
+    },
+    "@babel/register": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/register/-/register-7.27.1.tgz",
+      "integrity": "sha512-K13lQpoV54LATKkzBpBAEu1GGSIRzxR9f4IN4V8DCDgiUMo2UDGagEZr3lPeVNJPLkWUi5JE4hCHKneVTwQlYQ==",
+      "requires": {
+        "clone-deep": "^4.0.1",
+        "find-cache-dir": "^2.0.0",
+        "make-dir": "^2.1.0",
+        "pirates": "^4.0.6",
+        "source-map-support": "^0.5.16"
+      },
+      "dependencies": {
+        "find-cache-dir": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-2.1.0.tgz",
+          "integrity": "sha512-Tq6PixE0w/VMFfCgbONnkiQIVol/JJL7nRMi20fqzA4NRs9AfeqMGeRdPi3wIhYkxjeBaWh2rxwapn5Tu3IqOQ==",
+          "requires": {
+            "commondir": "^1.0.1",
+            "make-dir": "^2.0.0",
+            "pkg-dir": "^3.0.0"
+          }
+        },
+        "find-up": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
+          "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==",
+          "requires": {
+            "locate-path": "^3.0.0"
+          }
+        },
+        "locate-path": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
+          "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==",
+          "requires": {
+            "p-locate": "^3.0.0",
+            "path-exists": "^3.0.0"
+          }
+        },
+        "make-dir": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
+          "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
+          "requires": {
+            "pify": "^4.0.1",
+            "semver": "^5.6.0"
+          }
+        },
+        "p-locate": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz",
+          "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==",
+          "requires": {
+            "p-limit": "^2.0.0"
+          }
+        },
+        "pkg-dir": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-3.0.0.tgz",
+          "integrity": "sha512-/E57AYkoeQ25qkxMj5PBOVgF8Kiu/h7cYS30Z5+R7WaiCCBfLq58ZI/dSeaEKb9WVJV5n/03QwrN3IeWIFllvw==",
+          "requires": {
+            "find-up": "^3.0.0"
+          }
+        },
+        "semver": {
+          "version": "5.7.2",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+          "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g=="
+        }
+      }
+    },
+    "@babel/runtime": {
+      "version": "7.27.0",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.27.0.tgz",
+      "integrity": "sha512-VtPOkrdPHZsKc/clNqyi9WUA8TINkZ4cGk63UUE3u4pmB2k+ZMQRDuIOagv8UVd6j7k0T3+RRIb7beKTebNbcw==",
+      "requires": {
+        "regenerator-runtime": "^0.14.0"
+      },
+      "dependencies": {
+        "regenerator-runtime": {
+          "version": "0.14.1",
+          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
+          "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
+        }
+      }
+    },
+    "@babel/template": {
+      "version": "7.27.2",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.2.tgz",
+      "integrity": "sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==",
+      "requires": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/parser": "^7.27.2",
+        "@babel/types": "^7.27.1"
+      }
+    },
+    "@babel/traverse": {
+      "version": "7.27.4",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.27.4.tgz",
+      "integrity": "sha512-oNcu2QbHqts9BtOWJosOVJapWjBDSxGCpFvikNR5TGDYDQf3JwpIoMzIKrvfoti93cLfPJEG4tH9SPVeyCGgdA==",
+      "requires": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.27.3",
+        "@babel/parser": "^7.27.4",
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.27.3",
+        "debug": "^4.3.1",
+        "globals": "^11.1.0"
+      }
+    },
+    "@babel/traverse--for-generate-function-map": {
+      "version": "npm:@babel/traverse@7.27.4",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.27.4.tgz",
+      "integrity": "sha512-oNcu2QbHqts9BtOWJosOVJapWjBDSxGCpFvikNR5TGDYDQf3JwpIoMzIKrvfoti93cLfPJEG4tH9SPVeyCGgdA==",
+      "requires": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.27.3",
+        "@babel/parser": "^7.27.4",
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.27.3",
+        "debug": "^4.3.1",
+        "globals": "^11.1.0"
+      }
+    },
+    "@babel/types": {
+      "version": "7.27.6",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.27.6.tgz",
+      "integrity": "sha512-ETyHEk2VHHvl9b9jZP5IHPavHYk57EhanlRRuae9XCpb/j5bDCbPPMOBfCWhnl/7EDJz0jEMCi/RhccCE8r1+Q==",
+      "requires": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.27.1"
+      }
+    },
+    "@braintree/sanitize-url": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/@braintree/sanitize-url/-/sanitize-url-7.0.0.tgz",
+      "integrity": "sha512-GMu2OJiTd1HSe74bbJYQnVvELANpYiGFZELyyTM1CR0sdv5ReQAcJ/c/8pIrPab3lO11+D+EpuGLUxqz+y832g=="
+    },
+    "@callstack/react-theme-provider": {
+      "version": "3.0.9",
+      "resolved": "https://registry.npmjs.org/@callstack/react-theme-provider/-/react-theme-provider-3.0.9.tgz",
+      "integrity": "sha512-tTQ0uDSCL0ypeMa8T/E9wAZRGKWj8kXP7+6RYgPTfOPs9N07C9xM8P02GJ3feETap4Ux5S69D9nteq9mEj86NA==",
+      "requires": {
+        "deepmerge": "^3.2.0",
+        "hoist-non-react-statics": "^3.3.0"
+      }
+    },
+    "@discoveryjs/json-ext": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.5.6.tgz",
+      "integrity": "sha512-ws57AidsDvREKrZKYffXddNkyaF14iHNHm8VQnZH6t99E8gczjNN0GpvcGny0imC80yQ0tHz1xVUKk/KFQSUyA==",
+      "dev": true
+    },
+    "@egjs/hammerjs": {
+      "version": "2.0.17",
+      "resolved": "https://registry.npmjs.org/@egjs/hammerjs/-/hammerjs-2.0.17.tgz",
+      "integrity": "sha512-XQsZgjm2EcVUiZQf11UBJQfmZeEmOW8DpI1gsFeln6w0ae0ii4dMQEQ0kjl6DspdWX1aGY1/loyXnP0JS06e/A==",
+      "requires": {
+        "@types/hammerjs": "^2.0.36"
+      }
+    },
+    "@emotion/babel-plugin": {
+      "version": "11.10.6",
+      "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.10.6.tgz",
+      "integrity": "sha512-p2dAqtVrkhSa7xz1u/m9eHYdLi+en8NowrmXeF/dKtJpU8lCWli8RUAati7NcSl0afsBott48pdnANuD0wh9QQ==",
+      "requires": {
+        "@babel/helper-module-imports": "^7.16.7",
+        "@babel/runtime": "^7.18.3",
+        "@emotion/hash": "^0.9.0",
+        "@emotion/memoize": "^0.8.0",
+        "@emotion/serialize": "^1.1.1",
+        "babel-plugin-macros": "^3.1.0",
+        "convert-source-map": "^1.5.0",
+        "escape-string-regexp": "^4.0.0",
+        "find-root": "^1.1.0",
+        "source-map": "^0.5.7",
+        "stylis": "4.1.3"
+      },
+      "dependencies": {
+        "@emotion/hash": {
+          "version": "0.9.0",
+          "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.0.tgz",
+          "integrity": "sha512-14FtKiHhy2QoPIzdTcvh//8OyBlknNs2nXRwIhG904opCby3l+9Xaf/wuPvICBF0rc1ZCNBd3nKe9cd2mecVkQ=="
+        },
+        "@emotion/serialize": {
+          "version": "1.1.1",
+          "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.1.tgz",
+          "integrity": "sha512-Zl/0LFggN7+L1liljxXdsVSVlg6E/Z/olVWpfxUTxOAmi8NU7YoeWeLfi1RmnB2TATHoaWwIBRoL+FvAJiTUQA==",
+          "requires": {
+            "@emotion/hash": "^0.9.0",
+            "@emotion/memoize": "^0.8.0",
+            "@emotion/unitless": "^0.8.0",
+            "@emotion/utils": "^1.2.0",
+            "csstype": "^3.0.2"
+          }
+        },
+        "@emotion/unitless": {
+          "version": "0.8.0",
+          "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.0.tgz",
+          "integrity": "sha512-VINS5vEYAscRl2ZUDiT3uMPlrFQupiKgHz5AA4bCH1miKBg4qtwkim1qPmJj/4WG6TreYMY111rEFsjupcOKHw=="
+        },
+        "@emotion/utils": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.0.tgz",
+          "integrity": "sha512-sn3WH53Kzpw8oQ5mgMmIzzyAaH2ZqFEbozVVBSYp538E06OSE6ytOp7pRAjNQR+Q/orwqdQYJSe2m3hCOeznkw=="
+        },
+        "babel-plugin-macros": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz",
+          "integrity": "sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==",
+          "requires": {
+            "@babel/runtime": "^7.12.5",
+            "cosmiconfig": "^7.0.0",
+            "resolve": "^1.19.0"
+          }
+        },
+        "cosmiconfig": {
+          "version": "7.0.1",
+          "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.1.tgz",
+          "integrity": "sha512-a1YWNUV2HwGimB7dU2s1wUMurNKjpx60HxBB6xUM8Re+2s1g1IIfJvFR0/iCF+XHdE0GMTKTuLR32UQff4TEyQ==",
+          "requires": {
+            "@types/parse-json": "^4.0.0",
+            "import-fresh": "^3.2.1",
+            "parse-json": "^5.0.0",
+            "path-type": "^4.0.0",
+            "yaml": "^1.10.0"
+          }
+        },
+        "stylis": {
+          "version": "4.1.3",
+          "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.1.3.tgz",
+          "integrity": "sha512-GP6WDNWf+o403jrEp9c5jibKavrtLW+/qYGhFxFrG8maXhwTBI7gLLhiBb0o7uFccWN+EOS9aMO6cGHWAO07OA=="
+        }
+      }
+    },
+    "@emotion/cache": {
+      "version": "11.11.0",
+      "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.11.0.tgz",
+      "integrity": "sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==",
+      "requires": {
+        "@emotion/memoize": "^0.8.1",
+        "@emotion/sheet": "^1.2.2",
+        "@emotion/utils": "^1.2.1",
+        "@emotion/weak-memoize": "^0.3.1",
+        "stylis": "4.2.0"
+      },
+      "dependencies": {
+        "@emotion/sheet": {
+          "version": "1.2.2",
+          "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.2.tgz",
+          "integrity": "sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA=="
+        },
+        "@emotion/utils": {
+          "version": "1.2.1",
+          "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz",
+          "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg=="
+        },
+        "@emotion/weak-memoize": {
+          "version": "0.3.1",
+          "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz",
+          "integrity": "sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww=="
+        }
+      }
+    },
+    "@emotion/hash": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.8.0.tgz",
+      "integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow=="
+    },
+    "@emotion/is-prop-valid": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.0.tgz",
+      "integrity": "sha512-3aDpDprjM0AwaxGE09bOPkNxHpBd+kA6jty3RnaEXdweX1DF1U3VQpPYb0g1IStAuK7SVQ1cy+bNBBKp4W3Fjg==",
+      "requires": {
+        "@emotion/memoize": "^0.8.0"
+      }
+    },
+    "@emotion/memoize": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz",
+      "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA=="
+    },
+    "@emotion/react": {
+      "version": "11.10.6",
+      "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.10.6.tgz",
+      "integrity": "sha512-6HT8jBmcSkfzO7mc+N1L9uwvOnlcGoix8Zn7srt+9ga0MjREo6lRpuVX0kzo6Jp6oTqDhREOFsygN6Ew4fEQbw==",
+      "requires": {
+        "@babel/runtime": "^7.18.3",
+        "@emotion/babel-plugin": "^11.10.6",
+        "@emotion/cache": "^11.10.5",
+        "@emotion/serialize": "^1.1.1",
+        "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0",
+        "@emotion/utils": "^1.2.0",
+        "@emotion/weak-memoize": "^0.3.0",
+        "hoist-non-react-statics": "^3.3.1"
+      },
+      "dependencies": {
+        "@emotion/hash": {
+          "version": "0.9.0",
+          "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.0.tgz",
+          "integrity": "sha512-14FtKiHhy2QoPIzdTcvh//8OyBlknNs2nXRwIhG904opCby3l+9Xaf/wuPvICBF0rc1ZCNBd3nKe9cd2mecVkQ=="
+        },
+        "@emotion/serialize": {
+          "version": "1.1.1",
+          "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.1.tgz",
+          "integrity": "sha512-Zl/0LFggN7+L1liljxXdsVSVlg6E/Z/olVWpfxUTxOAmi8NU7YoeWeLfi1RmnB2TATHoaWwIBRoL+FvAJiTUQA==",
+          "requires": {
+            "@emotion/hash": "^0.9.0",
+            "@emotion/memoize": "^0.8.0",
+            "@emotion/unitless": "^0.8.0",
+            "@emotion/utils": "^1.2.0",
+            "csstype": "^3.0.2"
+          }
+        },
+        "@emotion/unitless": {
+          "version": "0.8.0",
+          "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.0.tgz",
+          "integrity": "sha512-VINS5vEYAscRl2ZUDiT3uMPlrFQupiKgHz5AA4bCH1miKBg4qtwkim1qPmJj/4WG6TreYMY111rEFsjupcOKHw=="
+        },
+        "@emotion/utils": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.0.tgz",
+          "integrity": "sha512-sn3WH53Kzpw8oQ5mgMmIzzyAaH2ZqFEbozVVBSYp538E06OSE6ytOp7pRAjNQR+Q/orwqdQYJSe2m3hCOeznkw=="
+        },
+        "@emotion/weak-memoize": {
+          "version": "0.3.0",
+          "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.0.tgz",
+          "integrity": "sha512-AHPmaAx+RYfZz0eYu6Gviiagpmiyw98ySSlQvCUhVGDRtDFe4DBS0x1bSjdF3gqUDYOczB+yYvBTtEylYSdRhg=="
+        }
+      }
+    },
+    "@emotion/serialize": {
+      "version": "0.11.16",
+      "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-0.11.16.tgz",
+      "integrity": "sha512-G3J4o8by0VRrO+PFeSc3js2myYNOXVJ3Ya+RGVxnshRYgsvErfAOglKAiy1Eo1vhzxqtUvjCyS5gtewzkmvSSg==",
+      "requires": {
+        "@emotion/hash": "0.8.0",
+        "@emotion/memoize": "0.7.4",
+        "@emotion/unitless": "0.7.5",
+        "@emotion/utils": "0.11.3",
+        "csstype": "^2.5.7"
+      },
+      "dependencies": {
+        "@emotion/memoize": {
+          "version": "0.7.4",
+          "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz",
+          "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw=="
+        },
+        "csstype": {
+          "version": "2.6.19",
+          "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.19.tgz",
+          "integrity": "sha512-ZVxXaNy28/k3kJg0Fou5MiYpp88j7H9hLZp8PDC3jV0WFjfH5E9xHb56L0W59cPbKbcHXeP4qyT8PrHp8t6LcQ=="
+        }
+      }
+    },
+    "@emotion/sheet": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-0.9.4.tgz",
+      "integrity": "sha512-zM9PFmgVSqBw4zL101Q0HrBVTGmpAxFZH/pYx/cjJT5advXguvcgjHFTCaIO3enL/xr89vK2bh0Mfyj9aa0ANA=="
+    },
+    "@emotion/styled": {
+      "version": "11.10.6",
+      "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.10.6.tgz",
+      "integrity": "sha512-OXtBzOmDSJo5Q0AFemHCfl+bUueT8BIcPSxu0EGTpGk6DmI5dnhSzQANm1e1ze0YZL7TDyAyy6s/b/zmGOS3Og==",
+      "requires": {
+        "@babel/runtime": "^7.18.3",
+        "@emotion/babel-plugin": "^11.10.6",
+        "@emotion/is-prop-valid": "^1.2.0",
+        "@emotion/serialize": "^1.1.1",
+        "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0",
+        "@emotion/utils": "^1.2.0"
+      },
+      "dependencies": {
+        "@emotion/hash": {
+          "version": "0.9.0",
+          "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.0.tgz",
+          "integrity": "sha512-14FtKiHhy2QoPIzdTcvh//8OyBlknNs2nXRwIhG904opCby3l+9Xaf/wuPvICBF0rc1ZCNBd3nKe9cd2mecVkQ=="
+        },
+        "@emotion/serialize": {
+          "version": "1.1.1",
+          "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.1.tgz",
+          "integrity": "sha512-Zl/0LFggN7+L1liljxXdsVSVlg6E/Z/olVWpfxUTxOAmi8NU7YoeWeLfi1RmnB2TATHoaWwIBRoL+FvAJiTUQA==",
+          "requires": {
+            "@emotion/hash": "^0.9.0",
+            "@emotion/memoize": "^0.8.0",
+            "@emotion/unitless": "^0.8.0",
+            "@emotion/utils": "^1.2.0",
+            "csstype": "^3.0.2"
+          }
+        },
+        "@emotion/unitless": {
+          "version": "0.8.0",
+          "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.0.tgz",
+          "integrity": "sha512-VINS5vEYAscRl2ZUDiT3uMPlrFQupiKgHz5AA4bCH1miKBg4qtwkim1qPmJj/4WG6TreYMY111rEFsjupcOKHw=="
+        },
+        "@emotion/utils": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.0.tgz",
+          "integrity": "sha512-sn3WH53Kzpw8oQ5mgMmIzzyAaH2ZqFEbozVVBSYp538E06OSE6ytOp7pRAjNQR+Q/orwqdQYJSe2m3hCOeznkw=="
+        }
+      }
+    },
+    "@emotion/stylis": {
+      "version": "0.8.5",
+      "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz",
+      "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ=="
+    },
+    "@emotion/unitless": {
+      "version": "0.7.5",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz",
+      "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg=="
+    },
+    "@emotion/use-insertion-effect-with-fallbacks": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.0.tgz",
+      "integrity": "sha512-1eEgUGmkaljiBnRMTdksDV1W4kUnmwgp7X9G8B++9GYwl1lUdqSndSriIrTJ0N7LQaoauY9JJ2yhiOYK5+NI4A=="
+    },
+    "@emotion/utils": {
+      "version": "0.11.3",
+      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-0.11.3.tgz",
+      "integrity": "sha512-0o4l6pZC+hI88+bzuaX/6BgOvQVhbt2PfmxauVaYOGgbsAw14wdKyvMCZXnsnsHys94iadcF+RG/wZyx6+ZZBw=="
+    },
+    "@emotion/weak-memoize": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.2.5.tgz",
+      "integrity": "sha512-6U71C2Wp7r5XtFtQzYrW5iKFT67OixrSxjI4MptCHzdSVlgabczzqLe0ZSgnub/5Kp4hSbpDB1tMytZY9pwxxA=="
+    },
+    "@es-joy/jsdoccomment": {
+      "version": "0.49.0",
+      "resolved": "https://registry.npmjs.org/@es-joy/jsdoccomment/-/jsdoccomment-0.49.0.tgz",
+      "integrity": "sha512-xjZTSFgECpb9Ohuk5yMX5RhUEbfeQcuOp8IF60e+wyzWEF0M5xeSgqsfLtvPEX8BIyOX9saZqzuGPmZ8oWc+5Q==",
+      "dev": true,
+      "requires": {
+        "comment-parser": "1.4.1",
+        "esquery": "^1.6.0",
+        "jsdoc-type-pratt-parser": "~4.1.0"
+      }
+    },
+    "@esbuild/aix-ppc64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.2.tgz",
+      "integrity": "sha512-wCIboOL2yXZym2cgm6mlA742s9QeJ8DjGVaL39dLN4rRwrOgOyYSnOaFPhKZGLb2ngj4EyfAFjsNJwPXZvseag==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/android-arm": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.2.tgz",
+      "integrity": "sha512-NQhH7jFstVY5x8CKbcfa166GoV0EFkaPkCKBQkdPJFvo5u+nGXLEH/ooniLb3QI8Fk58YAx7nsPLozUWfCBOJA==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/android-arm64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.2.tgz",
+      "integrity": "sha512-5ZAX5xOmTligeBaeNEPnPaeEuah53Id2tX4c2CVP3JaROTH+j4fnfHCkr1PjXMd78hMst+TlkfKcW/DlTq0i4w==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/android-x64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.2.tgz",
+      "integrity": "sha512-Ffcx+nnma8Sge4jzddPHCZVRvIfQ0kMsUsCMcJRHkGJ1cDmhe4SsrYIjLUKn1xpHZybmOqCWwB0zQvsjdEHtkg==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/darwin-arm64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.2.tgz",
+      "integrity": "sha512-MpM6LUVTXAzOvN4KbjzU/q5smzryuoNjlriAIx+06RpecwCkL9JpenNzpKd2YMzLJFOdPqBpuub6eVRP5IgiSA==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/darwin-x64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.2.tgz",
+      "integrity": "sha512-5eRPrTX7wFyuWe8FqEFPG2cU0+butQQVNcT4sVipqjLYQjjh8a8+vUTfgBKM88ObB85ahsnTwF7PSIt6PG+QkA==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/freebsd-arm64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.2.tgz",
+      "integrity": "sha512-mLwm4vXKiQ2UTSX4+ImyiPdiHjiZhIaE9QvC7sw0tZ6HoNMjYAqQpGyui5VRIi5sGd+uWq940gdCbY3VLvsO1w==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/freebsd-x64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.2.tgz",
+      "integrity": "sha512-6qyyn6TjayJSwGpm8J9QYYGQcRgc90nmfdUb0O7pp1s4lTY+9D0H9O02v5JqGApUyiHOtkz6+1hZNvNtEhbwRQ==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-arm": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.2.tgz",
+      "integrity": "sha512-UHBRgJcmjJv5oeQF8EpTRZs/1knq6loLxTsjc3nxO9eXAPDLcWW55flrMVc97qFPbmZP31ta1AZVUKQzKTzb0g==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-arm64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.2.tgz",
+      "integrity": "sha512-gq/sjLsOyMT19I8obBISvhoYiZIAaGF8JpeXu1u8yPv8BE5HlWYobmlsfijFIZ9hIVGYkbdFhEqC0NvM4kNO0g==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-ia32": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.2.tgz",
+      "integrity": "sha512-bBYCv9obgW2cBP+2ZWfjYTU+f5cxRoGGQ5SeDbYdFCAZpYWrfjjfYwvUpP8MlKbP0nwZ5gyOU/0aUzZ5HWPuvQ==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-loong64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.2.tgz",
+      "integrity": "sha512-SHNGiKtvnU2dBlM5D8CXRFdd+6etgZ9dXfaPCeJtz+37PIUlixvlIhI23L5khKXs3DIzAn9V8v+qb1TRKrgT5w==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-mips64el": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.2.tgz",
+      "integrity": "sha512-hDDRlzE6rPeoj+5fsADqdUZl1OzqDYow4TB4Y/3PlKBD0ph1e6uPHzIQcv2Z65u2K0kpeByIyAjCmjn1hJgG0Q==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-ppc64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.2.tgz",
+      "integrity": "sha512-tsHu2RRSWzipmUi9UBDEzc0nLc4HtpZEI5Ba+Omms5456x5WaNuiG3u7xh5AO6sipnJ9r4cRWQB2tUjPyIkc6g==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-riscv64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.2.tgz",
+      "integrity": "sha512-k4LtpgV7NJQOml/10uPU0s4SAXGnowi5qBSjaLWMojNCUICNu7TshqHLAEbkBdAszL5TabfvQ48kK84hyFzjnw==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-s390x": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.2.tgz",
+      "integrity": "sha512-GRa4IshOdvKY7M/rDpRR3gkiTNp34M0eLTaC1a08gNrh4u488aPhuZOCpkF6+2wl3zAN7L7XIpOFBhnaE3/Q8Q==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-x64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.2.tgz",
+      "integrity": "sha512-QInHERlqpTTZ4FRB0fROQWXcYRD64lAoiegezDunLpalZMjcUcld3YzZmVJ2H/Cp0wJRZ8Xtjtj0cEHhYc/uUg==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/netbsd-arm64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.2.tgz",
+      "integrity": "sha512-talAIBoY5M8vHc6EeI2WW9d/CkiO9MQJ0IOWX8hrLhxGbro/vBXJvaQXefW2cP0z0nQVTdQ/eNyGFV1GSKrxfw==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/netbsd-x64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.2.tgz",
+      "integrity": "sha512-voZT9Z+tpOxrvfKFyfDYPc4DO4rk06qamv1a/fkuzHpiVBMOhpjK+vBmWM8J1eiB3OLSMFYNaOaBNLXGChf5tg==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/openbsd-arm64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.2.tgz",
+      "integrity": "sha512-dcXYOC6NXOqcykeDlwId9kB6OkPUxOEqU+rkrYVqJbK2hagWOMrsTGsMr8+rW02M+d5Op5NNlgMmjzecaRf7Tg==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/openbsd-x64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.2.tgz",
+      "integrity": "sha512-t/TkWwahkH0Tsgoq1Ju7QfgGhArkGLkF1uYz8nQS/PPFlXbP5YgRpqQR3ARRiC2iXoLTWFxc6DJMSK10dVXluw==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/sunos-x64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.2.tgz",
+      "integrity": "sha512-cfZH1co2+imVdWCjd+D1gf9NjkchVhhdpgb1q5y6Hcv9TP6Zi9ZG/beI3ig8TvwT9lH9dlxLq5MQBBgwuj4xvA==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/win32-arm64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.2.tgz",
+      "integrity": "sha512-7Loyjh+D/Nx/sOTzV8vfbB3GJuHdOQyrOryFdZvPHLf42Tk9ivBU5Aedi7iyX+x6rbn2Mh68T4qq1SDqJBQO5Q==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/win32-ia32": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.2.tgz",
+      "integrity": "sha512-WRJgsz9un0nqZJ4MfhabxaD9Ft8KioqU3JMinOTvobbX6MOSUigSBlogP8QB3uxpJDsFS6yN+3FDBdqE5lg9kg==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/win32-x64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.2.tgz",
+      "integrity": "sha512-kM3HKb16VIXZyIeVrM1ygYmZBKybX8N4p754bw390wGO3Tf2j4L2/WYL+4suWujpgf6GBYs3jv7TyUivdd05JA==",
+      "dev": true,
+      "optional": true
+    },
+    "@eslint-community/eslint-utils": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
+      "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
+      "dev": true,
+      "requires": {
+        "eslint-visitor-keys": "^3.3.0"
+      },
+      "dependencies": {
+        "eslint-visitor-keys": {
+          "version": "3.4.1",
+          "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.1.tgz",
+          "integrity": "sha512-pZnmmLwYzf+kWaM/Qgrvpen51upAktaaiI01nsJD/Yr3lMOdNtq0cxkrrg16w64VtisN6okbs7Q8AfGqj4c9fA==",
+          "dev": true
+        }
+      }
+    },
+    "@eslint-community/regexpp": {
+      "version": "4.12.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.1.tgz",
+      "integrity": "sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==",
+      "dev": true
+    },
+    "@eslint/eslintrc": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
+      "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
+      "dev": true,
+      "requires": {
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^9.6.0",
+        "globals": "^13.19.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.0",
+        "minimatch": "^3.1.2",
+        "strip-json-comments": "^3.1.1"
+      },
+      "dependencies": {
+        "globals": {
+          "version": "13.24.0",
+          "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+          "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
+          "dev": true,
+          "requires": {
+            "type-fest": "^0.20.2"
+          }
+        },
+        "type-fest": {
+          "version": "0.20.2",
+          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+          "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+          "dev": true
+        }
+      }
+    },
+    "@eslint/js": {
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.0.tgz",
+      "integrity": "sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==",
+      "dev": true
+    },
+    "@giphy/js-analytics": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/@giphy/js-analytics/-/js-analytics-4.3.2.tgz",
+      "integrity": "sha512-DCBOAxGixRg8+5Pz/H9gmMP7b5qDhNw49spWleIGLT+4FQHm9eDjVrY5wKlY8Y0c91CmK9V6kqTCpJ+2aGLdmQ==",
+      "requires": {
+        "@giphy/js-types": "*",
+        "@giphy/js-util": "*",
+        "append-query": "^2.1.0",
+        "throttle-debounce": "^3.0.1"
+      }
+    },
+    "@giphy/js-brand": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/@giphy/js-brand/-/js-brand-2.2.2.tgz",
+      "integrity": "sha512-ZHdnkDLDJt4L6nlogeElxoCmCJvFBWQ5HV6R5mz26G7ZfWs45//mjz7maqLP/UqA+9azBERPewAKm2zTtxy5kQ==",
+      "requires": {
+        "emotion": "10.0.27"
+      }
+    },
+    "@giphy/js-fetch-api": {
+      "version": "4.9.3",
+      "resolved": "https://registry.npmjs.org/@giphy/js-fetch-api/-/js-fetch-api-4.9.3.tgz",
+      "integrity": "sha512-SV+7ttNrU9pGRp7otVRSAKTQxT8fHNObYAeJ5gCVk3pr9LhP1b2Az8KIXn2IlpxdIHOnuFNKP919oO5MvESDkA==",
+      "requires": {
+        "@giphy/js-types": "*",
+        "@giphy/js-util": "*",
+        "qs": "^6.9.4"
+      }
+    },
+    "@giphy/js-types": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/@giphy/js-types/-/js-types-4.4.0.tgz",
+      "integrity": "sha512-W9G6crS2oqTn7g0RpvYu1l/sna4LnivRTk25jmxdzujOFb9kvQ+VFM/v9RPYV2GIBnzT/maW/EwjFIba9jkflA=="
+    },
+    "@giphy/js-util": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@giphy/js-util/-/js-util-5.2.0.tgz",
+      "integrity": "sha512-Qt7pGh2cqiNmXLeWAgb459wK8+BuMLtIxTfg4ZksnPHPsLthiHT9hhzs2QhqUh7Pp/HOq+Cbv2etGDfnq+xiKA==",
+      "requires": {
+        "@giphy/js-types": "*",
+        "uuid": "^9.0.0"
+      },
+      "dependencies": {
+        "uuid": {
+          "version": "9.0.1",
+          "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz",
+          "integrity": "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA=="
+        }
+      }
+    },
+    "@giphy/react-components": {
+      "version": "6.9.4",
+      "resolved": "https://registry.npmjs.org/@giphy/react-components/-/react-components-6.9.4.tgz",
+      "integrity": "sha512-Ql7dHnfCTgE5qWbzhqDYBwY+sjBlIxBZNGrSTMGOkEFKy9y2JIvJP7UKaXyYPNIluOZNGlnkP7EARY4uAJiDTQ==",
+      "requires": {
+        "@emotion/react": "11.9.3",
+        "@emotion/styled": "11.9.3",
+        "@giphy/js-analytics": "*",
+        "@giphy/js-brand": "*",
+        "@giphy/js-fetch-api": "*",
+        "@giphy/js-types": "*",
+        "@giphy/js-util": "*",
+        "intersection-observer": "^0.12.2",
+        "react-use": "17.4.0",
+        "throttle-debounce": "^3.0.1"
+      },
+      "dependencies": {
+        "@emotion/hash": {
+          "version": "0.9.0",
+          "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.0.tgz",
+          "integrity": "sha512-14FtKiHhy2QoPIzdTcvh//8OyBlknNs2nXRwIhG904opCby3l+9Xaf/wuPvICBF0rc1ZCNBd3nKe9cd2mecVkQ=="
+        },
+        "@emotion/react": {
+          "version": "11.9.3",
+          "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.9.3.tgz",
+          "integrity": "sha512-g9Q1GcTOlzOEjqwuLF/Zd9LC+4FljjPjDfxSM7KmEakm+hsHXk+bYZ2q+/hTJzr0OUNkujo72pXLQvXj6H+GJQ==",
+          "requires": {
+            "@babel/runtime": "^7.13.10",
+            "@emotion/babel-plugin": "^11.7.1",
+            "@emotion/cache": "^11.9.3",
+            "@emotion/serialize": "^1.0.4",
+            "@emotion/utils": "^1.1.0",
+            "@emotion/weak-memoize": "^0.2.5",
+            "hoist-non-react-statics": "^3.3.1"
+          }
+        },
+        "@emotion/serialize": {
+          "version": "1.1.1",
+          "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.1.tgz",
+          "integrity": "sha512-Zl/0LFggN7+L1liljxXdsVSVlg6E/Z/olVWpfxUTxOAmi8NU7YoeWeLfi1RmnB2TATHoaWwIBRoL+FvAJiTUQA==",
+          "requires": {
+            "@emotion/hash": "^0.9.0",
+            "@emotion/memoize": "^0.8.0",
+            "@emotion/unitless": "^0.8.0",
+            "@emotion/utils": "^1.2.0",
+            "csstype": "^3.0.2"
+          }
+        },
+        "@emotion/styled": {
+          "version": "11.9.3",
+          "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.9.3.tgz",
+          "integrity": "sha512-o3sBNwbtoVz9v7WB1/Y/AmXl69YHmei2mrVnK7JgyBJ//Rst5yqPZCecEJlMlJrFeWHp+ki/54uN265V2pEcXA==",
+          "requires": {
+            "@babel/runtime": "^7.13.10",
+            "@emotion/babel-plugin": "^11.7.1",
+            "@emotion/is-prop-valid": "^1.1.3",
+            "@emotion/serialize": "^1.0.4",
+            "@emotion/utils": "^1.1.0"
+          }
+        },
+        "@emotion/unitless": {
+          "version": "0.8.0",
+          "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.0.tgz",
+          "integrity": "sha512-VINS5vEYAscRl2ZUDiT3uMPlrFQupiKgHz5AA4bCH1miKBg4qtwkim1qPmJj/4WG6TreYMY111rEFsjupcOKHw=="
+        },
+        "@emotion/utils": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.0.tgz",
+          "integrity": "sha512-sn3WH53Kzpw8oQ5mgMmIzzyAaH2ZqFEbozVVBSYp538E06OSE6ytOp7pRAjNQR+Q/orwqdQYJSe2m3hCOeznkw=="
+        }
+      }
+    },
+    "@giphy/react-native-sdk": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/@giphy/react-native-sdk/-/react-native-sdk-4.1.0.tgz",
+      "integrity": "sha512-8ii5NO53dVv5qnwck/c/2AIqxoXTvF/SraxGyoKW0MJdVpDIT8fGg5ObixgqaMs5W3rqHfGz+pz/ln6hBhQ0tg==",
+      "requires": {
+        "@giphy/js-types": "^4.4.0",
+        "type-fest": "^4.5.0"
+      },
+      "dependencies": {
+        "type-fest": {
+          "version": "4.41.0",
+          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.41.0.tgz",
+          "integrity": "sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA=="
+        }
+      }
+    },
+    "@hapi/bourne": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@hapi/bourne/-/bourne-3.0.0.tgz",
+      "integrity": "sha512-Waj1cwPXJDucOib4a3bAISsKJVb15MKi9IvmTI/7ssVEm6sywXGjVJDhl6/umt1pK1ZS7PacXU3A1PmFKHEZ2w=="
+    },
+    "@hapi/hoek": {
+      "version": "9.3.0",
+      "resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-9.3.0.tgz",
+      "integrity": "sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==",
+      "dev": true
+    },
+    "@hapi/topo": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/@hapi/topo/-/topo-5.1.0.tgz",
+      "integrity": "sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==",
+      "dev": true,
+      "requires": {
+        "@hapi/hoek": "^9.0.0"
+      }
+    },
+    "@humanwhocodes/config-array": {
+      "version": "0.11.14",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.14.tgz",
+      "integrity": "sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==",
+      "dev": true,
+      "requires": {
+        "@humanwhocodes/object-schema": "^2.0.2",
+        "debug": "^4.3.1",
+        "minimatch": "^3.0.5"
+      }
+    },
+    "@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true
+    },
+    "@humanwhocodes/object-schema": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
+      "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
+      "dev": true
+    },
+    "@inquirer/ansi": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@inquirer/ansi/-/ansi-1.0.2.tgz",
+      "integrity": "sha512-S8qNSZiYzFd0wAcyG5AXCvUHC5Sr7xpZ9wZ2py9XR88jUz8wooStVx5M6dRzczbBWjic9NP7+rY0Xi7qqK/aMQ==",
+      "dev": true
+    },
+    "@inquirer/checkbox": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/@inquirer/checkbox/-/checkbox-4.3.2.tgz",
+      "integrity": "sha512-VXukHf0RR1doGe6Sm4F0Em7SWYLTHSsbGfJdS9Ja2bX5/D5uwVOEjr07cncLROdBvmnvCATYEWlHqYmXv2IlQA==",
+      "dev": true,
+      "requires": {
+        "@inquirer/ansi": "^1.0.2",
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/figures": "^1.0.15",
+        "@inquirer/type": "^3.0.10",
+        "yoctocolors-cjs": "^2.1.3"
+      }
+    },
+    "@inquirer/confirm": {
+      "version": "5.1.21",
+      "resolved": "https://registry.npmjs.org/@inquirer/confirm/-/confirm-5.1.21.tgz",
+      "integrity": "sha512-KR8edRkIsUayMXV+o3Gv+q4jlhENF9nMYUZs9PA2HzrXeHI8M5uDag70U7RJn9yyiMZSbtF5/UexBtAVtZGSbQ==",
+      "dev": true,
+      "requires": {
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/type": "^3.0.10"
+      }
+    },
+    "@inquirer/core": {
+      "version": "10.3.2",
+      "resolved": "https://registry.npmjs.org/@inquirer/core/-/core-10.3.2.tgz",
+      "integrity": "sha512-43RTuEbfP8MbKzedNqBrlhhNKVwoK//vUFNW3Q3vZ88BLcrs4kYpGg+B2mm5p2K/HfygoCxuKwJJiv8PbGmE0A==",
+      "dev": true,
+      "requires": {
+        "@inquirer/ansi": "^1.0.2",
+        "@inquirer/figures": "^1.0.15",
+        "@inquirer/type": "^3.0.10",
+        "cli-width": "^4.1.0",
+        "mute-stream": "^2.0.0",
+        "signal-exit": "^4.1.0",
+        "wrap-ansi": "^6.2.0",
+        "yoctocolors-cjs": "^2.1.3"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true
+        },
+        "signal-exit": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+          "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+          "dev": true
+        },
+        "wrap-ansi": {
+          "version": "6.2.0",
+          "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
+          "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.0.0",
+            "string-width": "^4.1.0",
+            "strip-ansi": "^6.0.0"
+          }
+        }
+      }
+    },
+    "@inquirer/editor": {
+      "version": "4.2.23",
+      "resolved": "https://registry.npmjs.org/@inquirer/editor/-/editor-4.2.23.tgz",
+      "integrity": "sha512-aLSROkEwirotxZ1pBaP8tugXRFCxW94gwrQLxXfrZsKkfjOYC1aRvAZuhpJOb5cu4IBTJdsCigUlf2iCOu4ZDQ==",
+      "dev": true,
+      "requires": {
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/external-editor": "^1.0.3",
+        "@inquirer/type": "^3.0.10"
+      }
+    },
+    "@inquirer/expand": {
+      "version": "4.0.23",
+      "resolved": "https://registry.npmjs.org/@inquirer/expand/-/expand-4.0.23.tgz",
+      "integrity": "sha512-nRzdOyFYnpeYTTR2qFwEVmIWypzdAx/sIkCMeTNTcflFOovfqUk+HcFhQQVBftAh9gmGrpFj6QcGEqrDMDOiew==",
+      "dev": true,
+      "requires": {
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/type": "^3.0.10",
+        "yoctocolors-cjs": "^2.1.3"
+      }
+    },
+    "@inquirer/external-editor": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@inquirer/external-editor/-/external-editor-1.0.3.tgz",
+      "integrity": "sha512-RWbSrDiYmO4LbejWY7ttpxczuwQyZLBUyygsA9Nsv95hpzUWwnNTVQmAq3xuh7vNwCp07UTmE5i11XAEExx4RA==",
+      "dev": true,
+      "requires": {
+        "chardet": "^2.1.1",
+        "iconv-lite": "^0.7.0"
+      },
+      "dependencies": {
+        "iconv-lite": {
+          "version": "0.7.1",
+          "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.7.1.tgz",
+          "integrity": "sha512-2Tth85cXwGFHfvRgZWszZSvdo+0Xsqmw8k8ZwxScfcBneNUraK+dxRxRm24nszx80Y0TVio8kKLt5sLE7ZCLlw==",
+          "dev": true,
+          "requires": {
+            "safer-buffer": ">= 2.1.2 < 3.0.0"
+          }
+        }
+      }
+    },
+    "@inquirer/figures": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmjs.org/@inquirer/figures/-/figures-1.0.15.tgz",
+      "integrity": "sha512-t2IEY+unGHOzAaVM5Xx6DEWKeXlDDcNPeDyUpsRc6CUhBfU3VQOEl+Vssh7VNp1dR8MdUJBWhuObjXCsVpjN5g==",
+      "dev": true
+    },
+    "@inquirer/input": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/@inquirer/input/-/input-4.3.1.tgz",
+      "integrity": "sha512-kN0pAM4yPrLjJ1XJBjDxyfDduXOuQHrBB8aLDMueuwUGn+vNpF7Gq7TvyVxx8u4SHlFFj4trmj+a2cbpG4Jn1g==",
+      "dev": true,
+      "requires": {
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/type": "^3.0.10"
+      }
+    },
+    "@inquirer/number": {
+      "version": "3.0.23",
+      "resolved": "https://registry.npmjs.org/@inquirer/number/-/number-3.0.23.tgz",
+      "integrity": "sha512-5Smv0OK7K0KUzUfYUXDXQc9jrf8OHo4ktlEayFlelCjwMXz0299Y8OrI+lj7i4gCBY15UObk76q0QtxjzFcFcg==",
+      "dev": true,
+      "requires": {
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/type": "^3.0.10"
+      }
+    },
+    "@inquirer/password": {
+      "version": "4.0.23",
+      "resolved": "https://registry.npmjs.org/@inquirer/password/-/password-4.0.23.tgz",
+      "integrity": "sha512-zREJHjhT5vJBMZX/IUbyI9zVtVfOLiTO66MrF/3GFZYZ7T4YILW5MSkEYHceSii/KtRk+4i3RE7E1CUXA2jHcA==",
+      "dev": true,
+      "requires": {
+        "@inquirer/ansi": "^1.0.2",
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/type": "^3.0.10"
+      }
+    },
+    "@inquirer/prompts": {
+      "version": "7.10.1",
+      "resolved": "https://registry.npmjs.org/@inquirer/prompts/-/prompts-7.10.1.tgz",
+      "integrity": "sha512-Dx/y9bCQcXLI5ooQ5KyvA4FTgeo2jYj/7plWfV5Ak5wDPKQZgudKez2ixyfz7tKXzcJciTxqLeK7R9HItwiByg==",
+      "dev": true,
+      "requires": {
+        "@inquirer/checkbox": "^4.3.2",
+        "@inquirer/confirm": "^5.1.21",
+        "@inquirer/editor": "^4.2.23",
+        "@inquirer/expand": "^4.0.23",
+        "@inquirer/input": "^4.3.1",
+        "@inquirer/number": "^3.0.23",
+        "@inquirer/password": "^4.0.23",
+        "@inquirer/rawlist": "^4.1.11",
+        "@inquirer/search": "^3.2.2",
+        "@inquirer/select": "^4.4.2"
+      }
+    },
+    "@inquirer/rawlist": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/@inquirer/rawlist/-/rawlist-4.1.11.tgz",
+      "integrity": "sha512-+LLQB8XGr3I5LZN/GuAHo+GpDJegQwuPARLChlMICNdwW7OwV2izlCSCxN6cqpL0sMXmbKbFcItJgdQq5EBXTw==",
+      "dev": true,
+      "requires": {
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/type": "^3.0.10",
+        "yoctocolors-cjs": "^2.1.3"
+      }
+    },
+    "@inquirer/search": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/@inquirer/search/-/search-3.2.2.tgz",
+      "integrity": "sha512-p2bvRfENXCZdWF/U2BXvnSI9h+tuA8iNqtUKb9UWbmLYCRQxd8WkvwWvYn+3NgYaNwdUkHytJMGG4MMLucI1kA==",
+      "dev": true,
+      "requires": {
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/figures": "^1.0.15",
+        "@inquirer/type": "^3.0.10",
+        "yoctocolors-cjs": "^2.1.3"
+      }
+    },
+    "@inquirer/select": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/@inquirer/select/-/select-4.4.2.tgz",
+      "integrity": "sha512-l4xMuJo55MAe+N7Qr4rX90vypFwCajSakx59qe/tMaC1aEHWLyw68wF4o0A4SLAY4E0nd+Vt+EyskeDIqu1M6w==",
+      "dev": true,
+      "requires": {
+        "@inquirer/ansi": "^1.0.2",
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/figures": "^1.0.15",
+        "@inquirer/type": "^3.0.10",
+        "yoctocolors-cjs": "^2.1.3"
+      }
+    },
+    "@inquirer/type": {
+      "version": "3.0.10",
+      "resolved": "https://registry.npmjs.org/@inquirer/type/-/type-3.0.10.tgz",
+      "integrity": "sha512-BvziSRxfz5Ov8ch0z/n3oijRSEcEsHnhggm4xFZe93DHcUCTlutlq9Ox4SVENAfcRD22UQq7T/atg9Wr3k09eA==",
+      "dev": true
+    },
+    "@isaacs/balanced-match": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@isaacs/balanced-match/-/balanced-match-4.0.1.tgz",
+      "integrity": "sha512-yzMTt9lEb8Gv7zRioUilSglI0c0smZ9k5D65677DLWLtWJaXIS3CqcGyUFByYKlnUj6TkjLVs54fBl6+TiGQDQ=="
+    },
+    "@isaacs/brace-expansion": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@isaacs/brace-expansion/-/brace-expansion-5.0.0.tgz",
+      "integrity": "sha512-ZT55BDLV0yv0RBm2czMiZ+SqCGO7AvmOM3G/w2xhVPH+te0aKgFjmBvGlL1dH+ql2tgGO3MVrbb3jCKyvpgnxA==",
+      "requires": {
+        "@isaacs/balanced-match": "^4.0.1"
+      }
+    },
+    "@isaacs/cliui": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
+      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
+      "requires": {
+        "string-width": "^5.1.2",
+        "string-width-cjs": "npm:string-width@^4.2.0",
+        "strip-ansi": "^7.0.1",
+        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
+        "wrap-ansi": "^8.1.0",
+        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
+          "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA=="
+        },
+        "ansi-styles": {
+          "version": "6.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+          "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug=="
+        },
+        "emoji-regex": {
+          "version": "9.2.2",
+          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+          "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg=="
+        },
+        "string-width": {
+          "version": "5.1.2",
+          "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
+          "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+          "requires": {
+            "eastasianwidth": "^0.2.0",
+            "emoji-regex": "^9.2.2",
+            "strip-ansi": "^7.0.1"
+          }
+        },
+        "strip-ansi": {
+          "version": "7.1.0",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+          "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+          "requires": {
+            "ansi-regex": "^6.0.1"
+          }
+        },
+        "wrap-ansi": {
+          "version": "8.1.0",
+          "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
+          "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+          "requires": {
+            "ansi-styles": "^6.1.0",
+            "string-width": "^5.0.1",
+            "strip-ansi": "^7.0.1"
+          }
+        }
+      }
+    },
+    "@isaacs/ttlcache": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/@isaacs/ttlcache/-/ttlcache-1.4.1.tgz",
+      "integrity": "sha512-RQgQ4uQ+pLbqXfOmieB91ejmLwvSgv9nLx6sT6sD83s7umBypgg+OIBOBbEUiJXrfpnp9j0mRhYYdzp9uqq3lA=="
+    },
+    "@istanbuljs/load-nyc-config": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz",
+      "integrity": "sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==",
+      "requires": {
+        "camelcase": "^5.3.1",
+        "find-up": "^4.1.0",
+        "get-package-type": "^0.1.0",
+        "js-yaml": "^3.13.1",
+        "resolve-from": "^5.0.0"
+      },
+      "dependencies": {
+        "argparse": {
+          "version": "1.0.10",
+          "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+          "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+          "requires": {
+            "sprintf-js": "~1.0.2"
+          }
+        },
+        "camelcase": {
+          "version": "5.3.1",
+          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+          "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg=="
+        },
+        "js-yaml": {
+          "version": "3.14.1",
+          "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
+          "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+          "requires": {
+            "argparse": "^1.0.7",
+            "esprima": "^4.0.0"
+          }
+        },
+        "resolve-from": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+          "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw=="
+        }
+      }
+    },
+    "@istanbuljs/schema": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz",
+      "integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA=="
+    },
+    "@jest/create-cache-key-function": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/create-cache-key-function/-/create-cache-key-function-29.7.0.tgz",
+      "integrity": "sha512-4QqS3LY5PBmTRHj9sAg1HLoPzqAI0uOX6wI/TRqHIcOxlFidy6YEmCQJk6FSZjNLGCeubDMfmkWL+qaLKhSGQA==",
+      "requires": {
+        "@jest/types": "^29.6.3"
+      }
+    },
+    "@jest/diff-sequences": {
+      "version": "30.0.1",
+      "resolved": "https://registry.npmjs.org/@jest/diff-sequences/-/diff-sequences-30.0.1.tgz",
+      "integrity": "sha512-n5H8QLDJ47QqbCNn5SuFjCRDrOLEZ0h8vAHCK5RL9Ls7Xa8AQLa/YxAc9UjFqoEDM48muwtBGjtMY5cr0PLDCw==",
+      "dev": true
+    },
+    "@jest/environment": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/environment/-/environment-29.7.0.tgz",
+      "integrity": "sha512-aQIfHDq33ExsN4jP1NWGXhxgQ/wixs60gDiKO+XVMd8Mn0NWPWgc34ZQDTb2jKaUWQ7MuwoitXAsN2XVXNMpAw==",
+      "requires": {
+        "@jest/fake-timers": "^29.7.0",
+        "@jest/types": "^29.6.3",
+        "@types/node": "*",
+        "jest-mock": "^29.7.0"
+      }
+    },
+    "@jest/expect-utils": {
+      "version": "30.0.3",
+      "resolved": "https://registry.npmjs.org/@jest/expect-utils/-/expect-utils-30.0.3.tgz",
+      "integrity": "sha512-SMtBvf2sfX2agcT0dA9pXwcUrKvOSDqBY4e4iRfT+Hya33XzV35YVg+98YQFErVGA/VR1Gto5Y2+A6G9LSQ3Yg==",
+      "dev": true,
+      "requires": {
+        "@jest/get-type": "30.0.1"
+      }
+    },
+    "@jest/fake-timers": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/fake-timers/-/fake-timers-29.7.0.tgz",
+      "integrity": "sha512-q4DH1Ha4TTFPdxLsqDXK1d3+ioSL7yL5oCMJZgDYm6i+6CygW5E5xVr/D1HdsGxjt1ZWSfUAs9OxSB/BNelWrQ==",
+      "requires": {
+        "@jest/types": "^29.6.3",
+        "@sinonjs/fake-timers": "^10.0.2",
+        "@types/node": "*",
+        "jest-message-util": "^29.7.0",
+        "jest-mock": "^29.7.0",
+        "jest-util": "^29.7.0"
+      }
+    },
+    "@jest/get-type": {
+      "version": "30.0.1",
+      "resolved": "https://registry.npmjs.org/@jest/get-type/-/get-type-30.0.1.tgz",
+      "integrity": "sha512-AyYdemXCptSRFirI5EPazNxyPwAL0jXt3zceFjaj8NFiKP9pOi0bfXonf6qkf82z2t3QWPeLCWWw4stPBzctLw==",
+      "dev": true
+    },
+    "@jest/pattern": {
+      "version": "30.0.1",
+      "resolved": "https://registry.npmjs.org/@jest/pattern/-/pattern-30.0.1.tgz",
+      "integrity": "sha512-gWp7NfQW27LaBQz3TITS8L7ZCQ0TLvtmI//4OwlQRx4rnWxcPNIYjxZpDcN4+UlGxgm3jS5QPz8IPTCkb59wZA==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*",
+        "jest-regex-util": "30.0.1"
+      },
+      "dependencies": {
+        "jest-regex-util": {
+          "version": "30.0.1",
+          "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-30.0.1.tgz",
+          "integrity": "sha512-jHEQgBXAgc+Gh4g0p3bCevgRCVRkB4VB70zhoAE48gxeSr1hfUOsM/C2WoJgVL7Eyg//hudYENbm3Ne+/dRVVA==",
+          "dev": true
+        }
+      }
+    },
+    "@jest/schemas": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
+      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
+      "requires": {
+        "@sinclair/typebox": "^0.27.8"
+      }
+    },
+    "@jest/transform": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-29.7.0.tgz",
+      "integrity": "sha512-ok/BTPFzFKVMwO5eOHRrvnBVHdRy9IrsrW1GpMaQ9MCnilNLXQKmAX8s1YXDFaai9xJpac2ySzV0YeRRECr2Vw==",
+      "requires": {
+        "@babel/core": "^7.11.6",
+        "@jest/types": "^29.6.3",
+        "@jridgewell/trace-mapping": "^0.3.18",
+        "babel-plugin-istanbul": "^6.1.1",
+        "chalk": "^4.0.0",
+        "convert-source-map": "^2.0.0",
+        "fast-json-stable-stringify": "^2.1.0",
+        "graceful-fs": "^4.2.9",
+        "jest-haste-map": "^29.7.0",
+        "jest-regex-util": "^29.6.3",
+        "jest-util": "^29.7.0",
+        "micromatch": "^4.0.4",
+        "pirates": "^4.0.4",
+        "slash": "^3.0.0",
+        "write-file-atomic": "^4.0.2"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+        },
+        "convert-source-map": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+          "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg=="
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
+        },
+        "slash": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+          "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q=="
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        },
+        "write-file-atomic": {
+          "version": "4.0.2",
+          "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.2.tgz",
+          "integrity": "sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==",
+          "requires": {
+            "imurmurhash": "^0.1.4",
+            "signal-exit": "^3.0.7"
+          }
+        }
+      }
+    },
+    "@jest/types": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
+      "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
+      "requires": {
+        "@jest/schemas": "^29.6.3",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "@types/istanbul-reports": "^3.0.0",
+        "@types/node": "*",
+        "@types/yargs": "^17.0.8",
+        "chalk": "^4.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
+    "@jitsi/eslint-config": {
+      "version": "6.0.4",
+      "resolved": "https://registry.npmjs.org/@jitsi/eslint-config/-/eslint-config-6.0.4.tgz",
+      "integrity": "sha512-5ReSX/ruQi/JdsMAGRPMZL4WupCmWHEDAd8pFfvd48/JV43ku1fM0j3S3ORtl/QF4/medenRuWL633oyCGXXUA==",
+      "dev": true,
+      "requires": {
+        "@babel/eslint-parser": "^7.25.9",
+        "@stylistic/eslint-plugin": "^2.12.1",
+        "@typescript-eslint/eslint-plugin": "^8.19.1",
+        "@typescript-eslint/parser": "^8.19.1",
+        "eslint": "^8.57.0",
+        "eslint-plugin-import": "^2.31.0",
+        "eslint-plugin-jsdoc": "^50.6.1",
+        "eslint-plugin-typescript-sort-keys": "^3.3.0"
+      }
+    },
+    "@jitsi/excalidraw": {
+      "version": "https://github.com/jitsi/excalidraw/releases/download/v0.0.19/jitsi-excalidraw-0.0.19.tgz",
+      "integrity": "sha512-8fAv3cVEuoukSyu5RBZg0YWcrGEMjSKsdeQJuMmeOL2vVXIBWo0TpaHqys4HNCGRmZKzkhYccqxtmNSTxlBgkQ=="
+    },
+    "@jitsi/js-utils": {
+      "version": "2.6.7",
+      "resolved": "https://registry.npmjs.org/@jitsi/js-utils/-/js-utils-2.6.7.tgz",
+      "integrity": "sha512-r16J3CjYt325CFIpfHznND4O3b9BE7CZ7cu+Xx0uk1C+ZY6/bDPZFM/0d4t0VH+1/rmfG4I7i18qxXct3xmPrw==",
+      "requires": {
+        "@hapi/bourne": "^3.0.0",
+        "js-md5": "0.7.3",
+        "ua-parser-js": "1.0.35"
+      },
+      "dependencies": {
+        "js-md5": {
+          "version": "0.7.3",
+          "resolved": "https://registry.npmjs.org/js-md5/-/js-md5-0.7.3.tgz",
+          "integrity": "sha512-ZC41vPSTLKGwIRjqDh8DfXoCrdQIyBgspJVPXHBGu4nZlAEvG3nf+jO9avM9RmLiGakg7vz974ms99nEV0tmTQ=="
+        }
+      }
+    },
+    "@jitsi/logger": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@jitsi/logger/-/logger-2.1.1.tgz",
+      "integrity": "sha512-adMtODSXvYJtqfRuDwxN1hNWPJ4gvp868G7QXII3ajSgPaE2mMcbLYRHy6mZZlQJGnxr0dDaivOrvV6CikHZNQ=="
+    },
+    "@jitsi/precall-test": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/@jitsi/precall-test/-/precall-test-1.0.6.tgz",
+      "integrity": "sha512-L/gnRjnFxpQqvfILXeFoVTHEtwL01zoSKAIqMVxMmaD0ahozML8uztlxRPlYSbKrT31j3Cm1ss9KdSNeO3f9FQ=="
+    },
+    "@jitsi/rnnoise-wasm": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/@jitsi/rnnoise-wasm/-/rnnoise-wasm-0.2.1.tgz",
+      "integrity": "sha512-iEj77www43pS2Yq+cfLZb+hFuI7L5ccisBzzPMcOjjLsG4/LAlkD1CY58/8gc84nHdLBGmD/OPIWGnvYnXvB0A=="
+    },
+    "@jridgewell/gen-mapping": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
+      "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==",
+      "requires": {
+        "@jridgewell/set-array": "^1.2.1",
+        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "@jridgewell/resolve-uri": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz",
+      "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w=="
+    },
+    "@jridgewell/set-array": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
+      "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A=="
+    },
+    "@jridgewell/source-map": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.5.tgz",
+      "integrity": "sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==",
+      "requires": {
+        "@jridgewell/gen-mapping": "^0.3.0",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      }
+    },
+    "@jridgewell/sourcemap-codec": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
+      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ=="
+    },
+    "@jridgewell/trace-mapping": {
+      "version": "0.3.25",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
+      "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
+      "requires": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "@jsonjoy.com/base64": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/base64/-/base64-1.1.2.tgz",
+      "integrity": "sha512-q6XAnWQDIMA3+FTiOYajoYqySkO+JSat0ytXGSuRdq9uXE7o92gzuQwQM14xaCRlBLGq3v5miDGC4vkVTn54xA==",
+      "dev": true
+    },
+    "@jsonjoy.com/json-pack": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/json-pack/-/json-pack-1.1.0.tgz",
+      "integrity": "sha512-zlQONA+msXPPwHWZMKFVS78ewFczIll5lXiVPwFPCZUsrOKdxc2AvxU1HoNBmMRhqDZUR9HkC3UOm+6pME6Xsg==",
+      "dev": true,
+      "requires": {
+        "@jsonjoy.com/base64": "^1.1.1",
+        "@jsonjoy.com/util": "^1.1.2",
+        "hyperdyperid": "^1.2.0",
+        "thingies": "^1.20.0"
+      }
+    },
+    "@jsonjoy.com/util": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/util/-/util-1.5.0.tgz",
+      "integrity": "sha512-ojoNsrIuPI9g6o8UxhraZQSyF2ByJanAY4cTFbc8Mf2AXEF4aQRGY1dJxyJpuyav8r9FGflEt/Ff3u5Nt6YMPA==",
+      "dev": true
+    },
+    "@leichtgewicht/ip-codec": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@leichtgewicht/ip-codec/-/ip-codec-2.0.5.tgz",
+      "integrity": "sha512-Vo+PSpZG2/fmgmiNzYK9qWRh8h/CHrwD0mo1h1DzL4yzHNSfWYujGTYsWGreD000gcgmZ7K4Ys6Tx9TxtsKdDw==",
+      "dev": true
+    },
+    "@matrix-org/olm": {
+      "version": "3.2.15",
+      "resolved": "https://registry.npmjs.org/@matrix-org/olm/-/olm-3.2.15.tgz",
+      "integrity": "sha512-S7lOrndAK9/8qOtaTq/WhttJC/o4GAzdfK0MUPpo8ApzsJEC0QjtwrkC3KBXdFP1cD1MXi/mlKR7aaoVMKgs6Q=="
+    },
+    "@microsoft/microsoft-graph-client": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@microsoft/microsoft-graph-client/-/microsoft-graph-client-3.0.1.tgz",
+      "integrity": "sha512-sudEc1kKMsdtEI6IZfnTL8JUQ1a7pmV7D/ID2n/fsZCZH3MKi2vZ9XeKZfnFAbgaGcNT2bl55w8fcV3vBljJXA==",
+      "requires": {
+        "@babel/runtime": "^7.12.5",
+        "tslib": "^2.2.0"
+      }
+    },
+    "@mui/base": {
+      "version": "5.0.0-alpha.126",
+      "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-alpha.126.tgz",
+      "integrity": "sha512-I5e52A0Muv9Gaoy2GcqbYrQ6dpRyC2UXeA00brT3HuW0nF0E4fiTOIqdNTN+N5gyaYK0z3O6jtLt/97CCrIxVA==",
+      "requires": {
+        "@babel/runtime": "^7.21.0",
+        "@emotion/is-prop-valid": "^1.2.0",
+        "@mui/types": "^7.2.4",
+        "@mui/utils": "^5.12.0",
+        "@popperjs/core": "^2.11.7",
+        "clsx": "^1.2.1",
+        "prop-types": "^15.8.1",
+        "react-is": "^18.2.0"
+      },
+      "dependencies": {
+        "clsx": {
+          "version": "1.2.1",
+          "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz",
+          "integrity": "sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg=="
+        },
+        "react-is": {
+          "version": "18.2.0",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+          "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="
+        }
+      }
+    },
+    "@mui/core-downloads-tracker": {
+      "version": "5.12.1",
+      "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.12.1.tgz",
+      "integrity": "sha512-rNiQYHtkXljcvCEnhWrJzie1ifff5O98j3uW7ZlchFgD8HWxEcz/QoxZvo+sCKC9aayAgxi9RsVn2VjCyp5CrA=="
+    },
+    "@mui/material": {
+      "version": "5.12.1",
+      "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.12.1.tgz",
+      "integrity": "sha512-m+G9J6+FzIMhRqKV2y30yONH97wX107z9EWgiNCeS1/+y1CnytFZNG1ENdOuaJo1NimCRnmB/iXPvoOaSo6dOg==",
+      "requires": {
+        "@babel/runtime": "^7.21.0",
+        "@mui/base": "5.0.0-alpha.126",
+        "@mui/core-downloads-tracker": "^5.12.1",
+        "@mui/system": "^5.12.1",
+        "@mui/types": "^7.2.4",
+        "@mui/utils": "^5.12.0",
+        "@types/react-transition-group": "^4.4.5",
+        "clsx": "^1.2.1",
+        "csstype": "^3.1.2",
+        "prop-types": "^15.8.1",
+        "react-is": "^18.2.0",
+        "react-transition-group": "^4.4.5"
+      },
+      "dependencies": {
+        "clsx": {
+          "version": "1.2.1",
+          "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz",
+          "integrity": "sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg=="
+        },
+        "dom-helpers": {
+          "version": "5.2.1",
+          "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
+          "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
+          "requires": {
+            "@babel/runtime": "^7.8.7",
+            "csstype": "^3.0.2"
+          }
+        },
+        "react-is": {
+          "version": "18.2.0",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+          "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="
+        },
+        "react-transition-group": {
+          "version": "4.4.5",
+          "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
+          "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==",
+          "requires": {
+            "@babel/runtime": "^7.5.5",
+            "dom-helpers": "^5.0.1",
+            "loose-envify": "^1.4.0",
+            "prop-types": "^15.6.2"
+          }
+        }
+      }
+    },
+    "@mui/private-theming": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.12.0.tgz",
+      "integrity": "sha512-w5dwMen1CUm1puAtubqxY9BIzrBxbOThsg2iWMvRJmWyJAPdf3Z583fPXpqeA2lhTW79uH2jajk5Ka4FuGlTPg==",
+      "requires": {
+        "@babel/runtime": "^7.21.0",
+        "@mui/utils": "^5.12.0",
+        "prop-types": "^15.8.1"
+      }
+    },
+    "@mui/styled-engine": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.12.0.tgz",
+      "integrity": "sha512-frh8L7CRnvD0RDmIqEv6jFeKQUIXqW90BaZ6OrxJ2j4kIsiVLu29Gss4SbBvvrWwwatR72sBmC3w1aG4fjp9mQ==",
+      "requires": {
+        "@babel/runtime": "^7.21.0",
+        "@emotion/cache": "^11.10.7",
+        "csstype": "^3.1.2",
+        "prop-types": "^15.8.1"
+      }
+    },
+    "@mui/system": {
+      "version": "5.12.1",
+      "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.12.1.tgz",
+      "integrity": "sha512-Po+sicdV3bbRYXdU29XZaHPZrW7HUYUqU1qCu77GCCEMbahC756YpeyefdIYuPMUg0OdO3gKIUfDISBrkjJL+w==",
+      "requires": {
+        "@babel/runtime": "^7.21.0",
+        "@mui/private-theming": "^5.12.0",
+        "@mui/styled-engine": "^5.12.0",
+        "@mui/types": "^7.2.4",
+        "@mui/utils": "^5.12.0",
+        "clsx": "^1.2.1",
+        "csstype": "^3.1.2",
+        "prop-types": "^15.8.1"
+      },
+      "dependencies": {
+        "clsx": {
+          "version": "1.2.1",
+          "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz",
+          "integrity": "sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg=="
+        }
+      }
+    },
+    "@mui/types": {
+      "version": "7.2.4",
+      "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.4.tgz",
+      "integrity": "sha512-LBcwa8rN84bKF+f5sDyku42w1NTxaPgPyYKODsh01U1fVstTClbUoSA96oyRBnSNyEiAVjKm6Gwx9vjR+xyqHA=="
+    },
+    "@mui/utils": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.12.0.tgz",
+      "integrity": "sha512-RmQwgzF72p7Yr4+AAUO6j1v2uzt6wr7SWXn68KBsnfVpdOHyclCzH2lr/Xu6YOw9su4JRtdAIYfJFXsS6Cjkmw==",
+      "requires": {
+        "@babel/runtime": "^7.21.0",
+        "@types/prop-types": "^15.7.5",
+        "@types/react-is": "^16.7.1 || ^17.0.0",
+        "prop-types": "^15.8.1",
+        "react-is": "^18.2.0"
+      },
+      "dependencies": {
+        "react-is": {
+          "version": "18.2.0",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+          "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="
+        }
+      }
+    },
+    "@nicolo-ribaudo/eslint-scope-5-internals": {
+      "version": "5.1.1-v1",
+      "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz",
+      "integrity": "sha512-54/JRvkLIzzDWshCWfuhadfrfZVPiElY8Fcgmg1HroEly/EDSszzhBAsarCux+D/kOslTRquNzuyGSmUSTTHGg==",
+      "dev": true,
+      "requires": {
+        "eslint-scope": "5.1.1"
+      }
+    },
+    "@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "requires": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      }
+    },
+    "@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true
+    },
+    "@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "requires": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      }
+    },
+    "@one-ini/wasm": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/@one-ini/wasm/-/wasm-0.1.1.tgz",
+      "integrity": "sha512-XuySG1E38YScSJoMlqovLru4KTUNSjgVTIjyh7qMX6aNN5HY5Ct5LhRJdxO79JtTzKfzV/bnWpz+zquYrISsvw==",
+      "dev": true
+    },
+    "@pkgjs/parseargs": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
+      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
+      "dev": true,
+      "optional": true
+    },
+    "@pkgr/core": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/@pkgr/core/-/core-0.1.1.tgz",
+      "integrity": "sha512-cq8o4cWH0ibXh9VGi5P20Tu9XF/0fFXl9EUinr9QfTM7a7p0oTA4iJRCQWppXR1Pg8dSM0UCItCkPwsk9qWWYA==",
+      "dev": true
+    },
+    "@polka/url": {
+      "version": "1.0.0-next.21",
+      "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.21.tgz",
+      "integrity": "sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==",
+      "dev": true
+    },
+    "@popperjs/core": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.7.tgz",
+      "integrity": "sha512-Cr4OjIkipTtcXKjAsm8agyleBuDHvxzeBoa1v543lbv1YaIwQjESsVcmjiWiPEbC1FIeHOG/Op9kdCmAmiS3Kw=="
+    },
+    "@promptbook/utils": {
+      "version": "0.69.5",
+      "resolved": "https://registry.npmjs.org/@promptbook/utils/-/utils-0.69.5.tgz",
+      "integrity": "sha512-xm5Ti/Hp3o4xHrsK9Yy3MS6KbDxYbq485hDsFvxqaNA7equHLPdo8H8faTitTeb14QCDfLW4iwCxdVYu5sn6YQ==",
+      "dev": true,
+      "requires": {
+        "spacetrim": "0.11.59"
+      }
+    },
+    "@puppeteer/browsers": {
+      "version": "2.11.0",
+      "resolved": "https://registry.npmjs.org/@puppeteer/browsers/-/browsers-2.11.0.tgz",
+      "integrity": "sha512-n6oQX6mYkG8TRPuPXmbPidkUbsSRalhmaaVAQxvH1IkQy63cwsH+kOjB3e4cpCDHg0aSvsiX9bQ4s2VB6mGWUQ==",
+      "dev": true,
+      "requires": {
+        "debug": "^4.4.3",
+        "extract-zip": "^2.0.1",
+        "progress": "^2.0.3",
+        "proxy-agent": "^6.5.0",
+        "semver": "^7.7.3",
+        "tar-fs": "^3.1.1",
+        "yargs": "^17.7.2"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "4.4.3",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+          "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.3"
+          }
+        },
+        "ms": {
+          "version": "2.1.3",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+          "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+          "dev": true
+        },
+        "semver": {
+          "version": "7.7.3",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+          "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+          "dev": true
+        }
+      }
+    },
+    "@react-native-async-storage/async-storage": {
+      "version": "1.23.1",
+      "resolved": "https://registry.npmjs.org/@react-native-async-storage/async-storage/-/async-storage-1.23.1.tgz",
+      "integrity": "sha512-Qd2kQ3yi6Y3+AcUlrHxSLlnBvpdCEMVGFlVBneVOjaFaPU61g1huc38g339ysXspwY1QZA2aNhrk/KlHGO+ewA==",
+      "requires": {
+        "merge-options": "^3.0.4"
+      }
+    },
+    "@react-native-clipboard/clipboard": {
+      "version": "1.14.3",
+      "resolved": "https://registry.npmjs.org/@react-native-clipboard/clipboard/-/clipboard-1.14.3.tgz",
+      "integrity": "sha512-EVWxJfCSyBN2SH5b3JrA/w1qlYu3vihQOfdD7fs/BYp63xL6qy93CvbFDHzF8ooFpGM6f67hkAN+gxl1RfOKuw=="
+    },
+    "@react-native-community/cli": {
+      "version": "15.0.1",
+      "resolved": "https://registry.npmjs.org/@react-native-community/cli/-/cli-15.0.1.tgz",
+      "integrity": "sha512-xIGPytx2bj5HxFk0c7S25AVuJowHmEFg5LFC9XosKc0TSOjP1r6zGC6OqC/arQV/pNuqmZN2IFnpgJn0Bn+hhQ==",
+      "dev": true,
+      "requires": {
+        "@react-native-community/cli-clean": "15.0.1",
+        "@react-native-community/cli-config": "15.0.1",
+        "@react-native-community/cli-debugger-ui": "15.0.1",
+        "@react-native-community/cli-doctor": "15.0.1",
+        "@react-native-community/cli-server-api": "15.0.1",
+        "@react-native-community/cli-tools": "15.0.1",
+        "@react-native-community/cli-types": "15.0.1",
+        "chalk": "^4.1.2",
+        "commander": "^9.4.1",
+        "deepmerge": "^4.3.0",
+        "execa": "^5.0.0",
+        "find-up": "^5.0.0",
+        "fs-extra": "^8.1.0",
+        "graceful-fs": "^4.1.3",
+        "prompts": "^2.4.2",
+        "semver": "^7.5.2"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true
+        },
+        "commander": {
+          "version": "9.5.0",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-9.5.0.tgz",
+          "integrity": "sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==",
+          "dev": true
+        },
+        "deepmerge": {
+          "version": "4.3.1",
+          "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
+          "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
+          "dev": true
+        },
+        "find-up": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+          "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+          "dev": true,
+          "requires": {
+            "locate-path": "^6.0.0",
+            "path-exists": "^4.0.0"
+          }
+        },
+        "fs-extra": {
+          "version": "8.1.0",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
+          "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.2.0",
+            "jsonfile": "^4.0.0",
+            "universalify": "^0.1.0"
+          }
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true
+        },
+        "locate-path": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+          "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+          "dev": true,
+          "requires": {
+            "p-locate": "^5.0.0"
+          }
+        },
+        "p-limit": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+          "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+          "dev": true,
+          "requires": {
+            "yocto-queue": "^0.1.0"
+          }
+        },
+        "p-locate": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+          "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+          "dev": true,
+          "requires": {
+            "p-limit": "^3.0.2"
+          }
+        },
+        "path-exists": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+          "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
+    "@react-native-community/cli-clean": {
+      "version": "15.0.1",
+      "resolved": "https://registry.npmjs.org/@react-native-community/cli-clean/-/cli-clean-15.0.1.tgz",
+      "integrity": "sha512-flGTfT005UZvW2LAXVowZ/7ri22oiiZE4pPgMvc8klRxO5uofKIRuohgiHybHtiCo/HNqIz45JmZJvuFrhc4Ow==",
+      "dev": true,
+      "requires": {
+        "@react-native-community/cli-tools": "15.0.1",
+        "chalk": "^4.1.2",
+        "execa": "^5.0.0",
+        "fast-glob": "^3.3.2"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
+    "@react-native-community/cli-config": {
+      "version": "15.0.1",
+      "resolved": "https://registry.npmjs.org/@react-native-community/cli-config/-/cli-config-15.0.1.tgz",
+      "integrity": "sha512-SL3/9zIyzQQPKWei0+W1gNHxCPurrxqpODUWnVLoP38DNcvYCGtsRayw/4DsXgprZfBC+FsscNpd3IDJrG59XA==",
+      "dev": true,
+      "requires": {
+        "@react-native-community/cli-tools": "15.0.1",
+        "chalk": "^4.1.2",
+        "cosmiconfig": "^9.0.0",
+        "deepmerge": "^4.3.0",
+        "fast-glob": "^3.3.2",
+        "joi": "^17.2.1"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true
+        },
+        "deepmerge": {
+          "version": "4.3.1",
+          "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
+          "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
+          "dev": true
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
+    "@react-native-community/cli-config-apple": {
+      "version": "15.0.1",
+      "resolved": "https://registry.npmjs.org/@react-native-community/cli-config-apple/-/cli-config-apple-15.0.1.tgz",
+      "integrity": "sha512-GEHUx4NRp9W9or6vygn0TgNeFkcJdNjrtko0vQEJAS4gJdWqP/9LqqwJNlUfaW5jHBN7TKALAMlfRmI12Op3sg==",
+      "dev": true,
+      "requires": {
+        "@react-native-community/cli-tools": "15.0.1",
+        "chalk": "^4.1.2",
+        "execa": "^5.0.0",
+        "fast-glob": "^3.3.2"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
+    "@react-native-community/cli-debugger-ui": {
+      "version": "15.0.1",
+      "resolved": "https://registry.npmjs.org/@react-native-community/cli-debugger-ui/-/cli-debugger-ui-15.0.1.tgz",
+      "integrity": "sha512-xkT2TLS8zg5r7Vl9l/2f7JVUoFECnVBS+B5ivrSu2PNZhKkr9lRmJFxC9aVLFb5lIxQQKNDvEyiIDNfP7wjJiA==",
+      "dev": true,
+      "requires": {
+        "serve-static": "^1.13.1"
+      }
+    },
+    "@react-native-community/cli-doctor": {
+      "version": "15.0.1",
+      "resolved": "https://registry.npmjs.org/@react-native-community/cli-doctor/-/cli-doctor-15.0.1.tgz",
+      "integrity": "sha512-YCu44lZR3zZxJJYVTqYZFz9cT9KBfbKI4q2MnKOvkamt00XY3usooMqfuwBAdvM/yvpx7M5w8kbM/nPyj4YCvQ==",
+      "dev": true,
+      "requires": {
+        "@react-native-community/cli-config": "15.0.1",
+        "@react-native-community/cli-platform-android": "15.0.1",
+        "@react-native-community/cli-platform-apple": "15.0.1",
+        "@react-native-community/cli-platform-ios": "15.0.1",
+        "@react-native-community/cli-tools": "15.0.1",
+        "chalk": "^4.1.2",
+        "command-exists": "^1.2.8",
+        "deepmerge": "^4.3.0",
+        "envinfo": "^7.13.0",
+        "execa": "^5.0.0",
+        "node-stream-zip": "^1.9.1",
+        "ora": "^5.4.1",
+        "semver": "^7.5.2",
+        "strip-ansi": "^5.2.0",
+        "wcwidth": "^1.0.1",
+        "yaml": "^2.2.1"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.1.tgz",
+          "integrity": "sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g==",
+          "dev": true
+        },
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true
+        },
+        "deepmerge": {
+          "version": "4.3.1",
+          "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
+          "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
+          "dev": true
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true
+        },
+        "strip-ansi": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
+          "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^4.1.0"
+          }
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        },
+        "yaml": {
+          "version": "2.8.0",
+          "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.0.tgz",
+          "integrity": "sha512-4lLa/EcQCB0cJkyts+FpIRx5G/llPxfP6VQU5KByHEhLxY3IJCH0f0Hy1MHI8sClTvsIb8qwRJ6R/ZdlDJ/leQ==",
+          "dev": true
+        }
+      }
+    },
+    "@react-native-community/cli-platform-android": {
+      "version": "15.0.1",
+      "resolved": "https://registry.npmjs.org/@react-native-community/cli-platform-android/-/cli-platform-android-15.0.1.tgz",
+      "integrity": "sha512-QlAMomj6H6TY6pHwjTYMsHDQLP5eLzjAmyW1qb03w/kyS/72elK2bjsklNWJrscFY9TMQLqw7qoAsXf1m5t/dg==",
+      "dev": true,
+      "requires": {
+        "@react-native-community/cli-tools": "15.0.1",
+        "chalk": "^4.1.2",
+        "execa": "^5.0.0",
+        "fast-glob": "^3.3.2",
+        "fast-xml-parser": "^4.4.1",
+        "logkitty": "^0.7.1"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
+    "@react-native-community/cli-platform-apple": {
+      "version": "15.0.1",
+      "resolved": "https://registry.npmjs.org/@react-native-community/cli-platform-apple/-/cli-platform-apple-15.0.1.tgz",
+      "integrity": "sha512-iQj1Dt2fr/Q7X2CQhyhWnece3eLDCark1osfiwpViksOfTH2WdpNS3lIwlFcIKhsieFU7YYwbNuFqQ3tF9Dlvw==",
+      "dev": true,
+      "requires": {
+        "@react-native-community/cli-config-apple": "15.0.1",
+        "@react-native-community/cli-tools": "15.0.1",
+        "chalk": "^4.1.2",
+        "execa": "^5.0.0",
+        "fast-xml-parser": "^4.4.1"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
+    "@react-native-community/cli-platform-ios": {
+      "version": "15.0.1",
+      "resolved": "https://registry.npmjs.org/@react-native-community/cli-platform-ios/-/cli-platform-ios-15.0.1.tgz",
+      "integrity": "sha512-6pKzXEIgGL20eE1uOn8iSsNBlMzO1LG+pQOk+7mvD172EPhKm/lRzUVDX5gO/2jvsGoNw6VUW0JX1FI2firwqA==",
+      "dev": true,
+      "requires": {
+        "@react-native-community/cli-platform-apple": "15.0.1"
+      }
+    },
+    "@react-native-community/cli-server-api": {
+      "version": "15.0.1",
+      "resolved": "https://registry.npmjs.org/@react-native-community/cli-server-api/-/cli-server-api-15.0.1.tgz",
+      "integrity": "sha512-f3rb3t1ELLaMSX5/LWO/IykglBIgiP3+pPnyl8GphHnBpf3bdIcp7fHlHLemvHE06YxT2nANRxRPjy1gNskenA==",
+      "dev": true,
+      "requires": {
+        "@react-native-community/cli-debugger-ui": "15.0.1",
+        "@react-native-community/cli-tools": "15.0.1",
+        "compression": "^1.7.1",
+        "connect": "^3.6.5",
+        "errorhandler": "^1.5.1",
+        "nocache": "^3.0.1",
+        "pretty-format": "^26.6.2",
+        "serve-static": "^1.13.1",
+        "ws": "^6.2.3"
+      },
+      "dependencies": {
+        "@jest/types": {
+          "version": "26.6.2",
+          "resolved": "https://registry.npmjs.org/@jest/types/-/types-26.6.2.tgz",
+          "integrity": "sha512-fC6QCp7Sc5sX6g8Tvbmj4XUTbyrik0akgRy03yjXbQaBWWNWGE7SGtJk98m0N8nzegD/7SggrUlivxo5ax4KWQ==",
+          "dev": true,
+          "requires": {
+            "@types/istanbul-lib-coverage": "^2.0.0",
+            "@types/istanbul-reports": "^3.0.0",
+            "@types/node": "*",
+            "@types/yargs": "^15.0.0",
+            "chalk": "^4.0.0"
+          }
+        },
+        "@types/yargs": {
+          "version": "15.0.19",
+          "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-15.0.19.tgz",
+          "integrity": "sha512-2XUaGVmyQjgyAZldf0D0c14vvo/yv0MhQBSTJcejMMaitsn3nxCB6TmH4G0ZQf+uxROOa9mpanoSm8h6SG/1ZA==",
+          "dev": true,
+          "requires": {
+            "@types/yargs-parser": "*"
+          }
+        },
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true
+        },
+        "pretty-format": {
+          "version": "26.6.2",
+          "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-26.6.2.tgz",
+          "integrity": "sha512-7AeGuCYNGmycyQbCqd/3PWH4eOoX/OiCa0uphp57NVTeAGdJGaAliecxwBDHYQCIvrW7aDBZCYeNTP/WX69mkg==",
+          "dev": true,
+          "requires": {
+            "@jest/types": "^26.6.2",
+            "ansi-regex": "^5.0.0",
+            "ansi-styles": "^4.0.0",
+            "react-is": "^17.0.1"
+          }
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
+    "@react-native-community/cli-tools": {
+      "version": "15.0.1",
+      "resolved": "https://registry.npmjs.org/@react-native-community/cli-tools/-/cli-tools-15.0.1.tgz",
+      "integrity": "sha512-N79A+u/94roanfmNohVcNGu6Xg+0idh63JHZFLC9OJJuZwTifGMLDfSTHZATpR1J7rebozQ5ClcSUePavErnSg==",
+      "dev": true,
+      "requires": {
+        "appdirsjs": "^1.2.4",
+        "chalk": "^4.1.2",
+        "execa": "^5.0.0",
+        "find-up": "^5.0.0",
+        "mime": "^2.4.1",
+        "open": "^6.2.0",
+        "ora": "^5.4.1",
+        "prompts": "^2.4.2",
+        "semver": "^7.5.2",
+        "shell-quote": "^1.7.3",
+        "sudo-prompt": "^9.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true
+        },
+        "find-up": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+          "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+          "dev": true,
+          "requires": {
+            "locate-path": "^6.0.0",
+            "path-exists": "^4.0.0"
+          }
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true
+        },
+        "is-wsl": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-1.1.0.tgz",
+          "integrity": "sha512-gfygJYZ2gLTDlmbWMI0CE2MwnFzSN/2SZfkMlItC4K/JBlsWVDB0bO6XhqcY13YXE7iMcAJnzTCJjPiTeJJ0Mw==",
+          "dev": true
+        },
+        "locate-path": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+          "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+          "dev": true,
+          "requires": {
+            "p-locate": "^5.0.0"
+          }
+        },
+        "open": {
+          "version": "6.4.0",
+          "resolved": "https://registry.npmjs.org/open/-/open-6.4.0.tgz",
+          "integrity": "sha512-IFenVPgF70fSm1keSd2iDBIDIBZkroLeuffXq+wKTzTJlBpesFWojV9lb8mzOfaAzM1sr7HQHuO0vtV0zYekGg==",
+          "dev": true,
+          "requires": {
+            "is-wsl": "^1.1.0"
+          }
+        },
+        "p-limit": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+          "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+          "dev": true,
+          "requires": {
+            "yocto-queue": "^0.1.0"
+          }
+        },
+        "p-locate": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+          "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+          "dev": true,
+          "requires": {
+            "p-limit": "^3.0.2"
+          }
+        },
+        "path-exists": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+          "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
+    "@react-native-community/cli-types": {
+      "version": "15.0.1",
+      "resolved": "https://registry.npmjs.org/@react-native-community/cli-types/-/cli-types-15.0.1.tgz",
+      "integrity": "sha512-sWiJ62kkGu2mgYni2dsPxOMBzpwTjNsDH1ubY4mqcNEI9Zmzs0vRwwDUEhYqwNGys9+KpBKoZRrT2PAlhO84xA==",
+      "dev": true,
+      "requires": {
+        "joi": "^17.2.1"
+      }
+    },
+    "@react-native-community/netinfo": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/@react-native-community/netinfo/-/netinfo-11.1.0.tgz",
+      "integrity": "sha512-pIbCuqgrY7SkngAcjUs9fMzNh1h4soQMVw1IeGp1HN5//wox3fUVOuvyIubTscUbdLFKiltJAiuQek7Nhx1bqA=="
+    },
+    "@react-native-community/slider": {
+      "version": "4.5.6",
+      "resolved": "https://registry.npmjs.org/@react-native-community/slider/-/slider-4.5.6.tgz",
+      "integrity": "sha512-UhLPFeqx0YfPLrEz8ffT3uqAyXWu6iqFjohNsbp4cOU7hnJwg2RXtDnYHoHMr7MOkZDVdlLMdrSrAuzY6KGqrg=="
+    },
+    "@react-native-google-signin/google-signin": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/@react-native-google-signin/google-signin/-/google-signin-10.1.0.tgz",
+      "integrity": "sha512-9hhIlnNMfB6NO2738M437egA1p6inKdXXazh0qf6HJeBuLBTePSecePCOkVPczivM1mglquYXWCHJlx4D3Z7xw=="
+    },
+    "@react-native/assets-registry": {
+      "version": "0.77.2",
+      "resolved": "https://registry.npmjs.org/@react-native/assets-registry/-/assets-registry-0.77.2.tgz",
+      "integrity": "sha512-AcEhFjndzBWVVhaHaASk36vhA83iDVkQbFYb0D0vATzjuJ67vhhHVLae0+JtHl5jhghotUFDg4Vj/1QbZNDyyQ=="
+    },
+    "@react-native/babel-plugin-codegen": {
+      "version": "0.77.2",
+      "resolved": "https://registry.npmjs.org/@react-native/babel-plugin-codegen/-/babel-plugin-codegen-0.77.2.tgz",
+      "integrity": "sha512-2PShbsfsa4NZS+Zt0y2tl1AoWza5podKFmPE5qcYjJoN915VoH3BRkiTVlSpYNKmdvs31o1aQuXAMQDTh7DZ/g==",
+      "requires": {
+        "@babel/traverse": "^7.25.3",
+        "@react-native/codegen": "0.77.2"
+      }
+    },
+    "@react-native/babel-preset": {
+      "version": "0.77.2",
+      "resolved": "https://registry.npmjs.org/@react-native/babel-preset/-/babel-preset-0.77.2.tgz",
+      "integrity": "sha512-If6X4I0z6W5aVzqZS4JOrN7sh08w1QzEL8Q66i3g0wI8K8ZK+V+/ARlEmboy14VtcOYlmmjXEqSCv+Z2o9cuKg==",
+      "requires": {
+        "@babel/core": "^7.25.2",
+        "@babel/plugin-proposal-export-default-from": "^7.24.7",
+        "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+        "@babel/plugin-syntax-export-default-from": "^7.24.7",
+        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3",
+        "@babel/plugin-syntax-optional-chaining": "^7.8.3",
+        "@babel/plugin-transform-arrow-functions": "^7.24.7",
+        "@babel/plugin-transform-async-generator-functions": "^7.25.4",
+        "@babel/plugin-transform-async-to-generator": "^7.24.7",
+        "@babel/plugin-transform-block-scoping": "^7.25.0",
+        "@babel/plugin-transform-class-properties": "^7.25.4",
+        "@babel/plugin-transform-classes": "^7.25.4",
+        "@babel/plugin-transform-computed-properties": "^7.24.7",
+        "@babel/plugin-transform-destructuring": "^7.24.8",
+        "@babel/plugin-transform-flow-strip-types": "^7.25.2",
+        "@babel/plugin-transform-for-of": "^7.24.7",
+        "@babel/plugin-transform-function-name": "^7.25.1",
+        "@babel/plugin-transform-literals": "^7.25.2",
+        "@babel/plugin-transform-logical-assignment-operators": "^7.24.7",
+        "@babel/plugin-transform-modules-commonjs": "^7.24.8",
+        "@babel/plugin-transform-named-capturing-groups-regex": "^7.24.7",
+        "@babel/plugin-transform-nullish-coalescing-operator": "^7.24.7",
+        "@babel/plugin-transform-numeric-separator": "^7.24.7",
+        "@babel/plugin-transform-object-rest-spread": "^7.24.7",
+        "@babel/plugin-transform-optional-catch-binding": "^7.24.7",
+        "@babel/plugin-transform-optional-chaining": "^7.24.8",
+        "@babel/plugin-transform-parameters": "^7.24.7",
+        "@babel/plugin-transform-private-methods": "^7.24.7",
+        "@babel/plugin-transform-private-property-in-object": "^7.24.7",
+        "@babel/plugin-transform-react-display-name": "^7.24.7",
+        "@babel/plugin-transform-react-jsx": "^7.25.2",
+        "@babel/plugin-transform-react-jsx-self": "^7.24.7",
+        "@babel/plugin-transform-react-jsx-source": "^7.24.7",
+        "@babel/plugin-transform-regenerator": "^7.24.7",
+        "@babel/plugin-transform-runtime": "^7.24.7",
+        "@babel/plugin-transform-shorthand-properties": "^7.24.7",
+        "@babel/plugin-transform-spread": "^7.24.7",
+        "@babel/plugin-transform-sticky-regex": "^7.24.7",
+        "@babel/plugin-transform-typescript": "^7.25.2",
+        "@babel/plugin-transform-unicode-regex": "^7.24.7",
+        "@babel/template": "^7.25.0",
+        "@react-native/babel-plugin-codegen": "0.77.2",
+        "babel-plugin-syntax-hermes-parser": "0.25.1",
+        "babel-plugin-transform-flow-enums": "^0.0.2",
+        "react-refresh": "^0.14.0"
+      },
+      "dependencies": {
+        "react-refresh": {
+          "version": "0.14.2",
+          "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.2.tgz",
+          "integrity": "sha512-jCvmsr+1IUSMUyzOkRcvnVbX3ZYC6g9TDrDbFuFmRDq7PD4yaGbLKNQL6k2jnArV8hjYxh7hVhAZB6s9HDGpZA=="
+        }
+      }
+    },
+    "@react-native/codegen": {
+      "version": "0.77.2",
+      "resolved": "https://registry.npmjs.org/@react-native/codegen/-/codegen-0.77.2.tgz",
+      "integrity": "sha512-uJSGm9Sp9K5XAhb17cty6iOc2lZpORQKMpS61/B3gYwe9LNz9TJpcfq1L2+3Mv6lppqsulOH9+fslapo0OTfSQ==",
+      "requires": {
+        "@babel/parser": "^7.25.3",
+        "glob": "^7.1.1",
+        "hermes-parser": "0.25.1",
+        "invariant": "^2.2.4",
+        "jscodeshift": "^17.0.0",
+        "nullthrows": "^1.1.1",
+        "yargs": "^17.6.2"
+      },
+      "dependencies": {
+        "glob": {
+          "version": "7.2.3",
+          "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+          "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+          "requires": {
+            "fs.realpath": "^1.0.0",
+            "inflight": "^1.0.4",
+            "inherits": "2",
+            "minimatch": "^3.1.1",
+            "once": "^1.3.0",
+            "path-is-absolute": "^1.0.0"
+          }
+        }
+      }
+    },
+    "@react-native/community-cli-plugin": {
+      "version": "0.77.2",
+      "resolved": "https://registry.npmjs.org/@react-native/community-cli-plugin/-/community-cli-plugin-0.77.2.tgz",
+      "integrity": "sha512-Dc93eXHhzhnRy+vF3wOdM8C4dplLpT7ItpUpYrDeA1ffHUImwWpcupB6vpX9+l3UaaJ1cPfdxTjB2d1ACVKOaA==",
+      "requires": {
+        "@react-native/dev-middleware": "0.77.2",
+        "@react-native/metro-babel-transformer": "0.77.2",
+        "chalk": "^4.0.0",
+        "debug": "^2.2.0",
+        "invariant": "^2.2.4",
+        "metro": "^0.81.3",
+        "metro-config": "^0.81.3",
+        "metro-core": "^0.81.3",
+        "readline": "^1.3.0",
+        "semver": "^7.1.3"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+        },
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
+    "@react-native/debugger-frontend": {
+      "version": "0.77.2",
+      "resolved": "https://registry.npmjs.org/@react-native/debugger-frontend/-/debugger-frontend-0.77.2.tgz",
+      "integrity": "sha512-MRLjQLJr9C0M/TggoycEgYR7lUEZph4cg5PhUwBoNyRquV7lGHqMKNkfMBYBT09cuwKn9O+cFvQOmMNVqsPLxw=="
+    },
+    "@react-native/dev-middleware": {
+      "version": "0.77.2",
+      "resolved": "https://registry.npmjs.org/@react-native/dev-middleware/-/dev-middleware-0.77.2.tgz",
+      "integrity": "sha512-LBK0kY4XxE4vHVHJ3TwBGXmjl2ad9dsbbwnVgXwYNL/mkkWb2MHlmgHj6xlCMe1gtLtem2TpEF17TKg50ykPJw==",
+      "requires": {
+        "@isaacs/ttlcache": "^1.4.1",
+        "@react-native/debugger-frontend": "0.77.2",
+        "chrome-launcher": "^0.15.2",
+        "chromium-edge-launcher": "^0.2.0",
+        "connect": "^3.6.5",
+        "debug": "^2.2.0",
+        "invariant": "^2.2.4",
+        "nullthrows": "^1.1.1",
+        "open": "^7.0.3",
+        "selfsigned": "^2.4.1",
+        "serve-static": "^1.16.2",
+        "ws": "^6.2.3"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+        }
+      }
+    },
+    "@react-native/gradle-plugin": {
+      "version": "0.77.2",
+      "resolved": "https://registry.npmjs.org/@react-native/gradle-plugin/-/gradle-plugin-0.77.2.tgz",
+      "integrity": "sha512-M3kU6xnn/06CGdezd31wn64v/BuKdw19K3GjOcRe1L+zKYEeezRovEVgzCNsXLcNtXUfJvmrIN4uYnqmgrJGfg=="
+    },
+    "@react-native/js-polyfills": {
+      "version": "0.77.2",
+      "resolved": "https://registry.npmjs.org/@react-native/js-polyfills/-/js-polyfills-0.77.2.tgz",
+      "integrity": "sha512-qwKeYqRANL8CKzeVWOdhRZJ7LBqqoiXR+cb5yGwVKQxqesrx5Y7gYyq6GP1zRMnhv9iQAY7Rwub8TvDxi2YP6Q=="
+    },
+    "@react-native/metro-babel-transformer": {
+      "version": "0.77.2",
+      "resolved": "https://registry.npmjs.org/@react-native/metro-babel-transformer/-/metro-babel-transformer-0.77.2.tgz",
+      "integrity": "sha512-vSG1/d5peUo50aqaBbNnVGE5QxQTSY3j0OWmixfJqiX11wwO3tR2niKxH8OjB3WuSsROgJzosMe9kMsQJQ3ONA==",
+      "requires": {
+        "@babel/core": "^7.25.2",
+        "@react-native/babel-preset": "0.77.2",
+        "hermes-parser": "0.25.1",
+        "nullthrows": "^1.1.1"
+      }
+    },
+    "@react-native/metro-config": {
+      "version": "0.77.2",
+      "resolved": "https://registry.npmjs.org/@react-native/metro-config/-/metro-config-0.77.2.tgz",
+      "integrity": "sha512-BEyqSB3rbf5jlyuUttes+FuvSJwBW8iSZdz7/W0ZOUeRysCaUXCqBZKvNEy/OlSBoJhZnyDRHpuV/4Z7/OEkjw==",
+      "dev": true,
+      "requires": {
+        "@react-native/js-polyfills": "0.77.2",
+        "@react-native/metro-babel-transformer": "0.77.2",
+        "metro-config": "^0.81.3",
+        "metro-runtime": "^0.81.3"
+      }
+    },
+    "@react-native/normalize-colors": {
+      "version": "0.77.2",
+      "resolved": "https://registry.npmjs.org/@react-native/normalize-colors/-/normalize-colors-0.77.2.tgz",
+      "integrity": "sha512-knKStQKX4KM8GkieeayotcSTO7I7PIZxwI71nhK/zBeRPqhDTJMNJQh5TnZJ63fO1Y+EZclWkRIKEj+aFRsssw=="
+    },
+    "@react-native/virtualized-lists": {
+      "version": "0.77.2",
+      "resolved": "https://registry.npmjs.org/@react-native/virtualized-lists/-/virtualized-lists-0.77.2.tgz",
+      "integrity": "sha512-d0kzoidY3x4jvWwrH4xH4a2/APb+0QhtOMgkxh7vJa4b5b6decQzMt7F86h0y30auR+MrcJnYlObRJIDC0VWaQ==",
+      "requires": {
+        "invariant": "^2.2.4",
+        "nullthrows": "^1.1.1"
+      }
+    },
+    "@react-navigation/bottom-tabs": {
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/@react-navigation/bottom-tabs/-/bottom-tabs-6.6.0.tgz",
+      "integrity": "sha512-IuKp1nUk4VLI3pNMvEczLROWfrYsPQIDyi+wtpHnm0pD+UbNtarH3crl76UrB/ALZho+5rKJZ8JNr+QfVTiUzg==",
+      "requires": {
+        "@react-navigation/elements": "^1.3.30",
+        "color": "^4.2.3",
+        "warn-once": "^0.1.0"
+      },
+      "dependencies": {
+        "color": {
+          "version": "4.2.3",
+          "resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
+          "integrity": "sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==",
+          "requires": {
+            "color-convert": "^2.0.1",
+            "color-string": "^1.9.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+        }
+      }
+    },
+    "@react-navigation/core": {
+      "version": "6.4.16",
+      "resolved": "https://registry.npmjs.org/@react-navigation/core/-/core-6.4.16.tgz",
+      "integrity": "sha512-UDTJBsHxnzgFETR3ZxhctP+RWr4SkyeZpbhpkQoIGOuwSCkt1SE0qjU48/u6r6w6XlX8OqVudn1Ab0QFXTHxuQ==",
+      "requires": {
+        "@react-navigation/routers": "^6.1.9",
+        "escape-string-regexp": "^4.0.0",
+        "nanoid": "^3.1.23",
+        "query-string": "^7.1.3",
+        "react-is": "^16.13.0",
+        "use-latest-callback": "^0.1.9"
+      },
+      "dependencies": {
+        "react-is": {
+          "version": "16.13.1",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+          "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+        }
+      }
+    },
+    "@react-navigation/elements": {
+      "version": "1.3.30",
+      "resolved": "https://registry.npmjs.org/@react-navigation/elements/-/elements-1.3.30.tgz",
+      "integrity": "sha512-plhc8UvCZs0UkV+sI+3bisIyn78wz9O/BiWZXpounu72k/R/Sj5PuZYFJ1fi6psvriUveMCGh4LeZckAZu2qiQ=="
+    },
+    "@react-navigation/material-top-tabs": {
+      "version": "6.6.13",
+      "resolved": "https://registry.npmjs.org/@react-navigation/material-top-tabs/-/material-top-tabs-6.6.13.tgz",
+      "integrity": "sha512-utwS0SLl/dq6+PHWGOz4rNNkYzveqvbffXJ6TIrUdaWDDysjBa4btHUOVvXfNADIK4LafmbuRi0xA/zd6HoCPQ==",
+      "requires": {
+        "color": "^4.2.3",
+        "warn-once": "^0.1.0"
+      },
+      "dependencies": {
+        "color": {
+          "version": "4.2.3",
+          "resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
+          "integrity": "sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==",
+          "requires": {
+            "color-convert": "^2.0.1",
+            "color-string": "^1.9.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+        }
+      }
+    },
+    "@react-navigation/native": {
+      "version": "6.1.17",
+      "resolved": "https://registry.npmjs.org/@react-navigation/native/-/native-6.1.17.tgz",
+      "integrity": "sha512-mer3OvfwWOHoUSMJyLa4vnBH3zpFmCwuzrBPlw7feXklurr/ZDiLjLxUScOot6jLRMz/67GyilEYMmP99LL0RQ==",
+      "requires": {
+        "@react-navigation/core": "^6.4.16",
+        "escape-string-regexp": "^4.0.0",
+        "fast-deep-equal": "^3.1.3",
+        "nanoid": "^3.1.23"
+      }
+    },
+    "@react-navigation/routers": {
+      "version": "6.1.9",
+      "resolved": "https://registry.npmjs.org/@react-navigation/routers/-/routers-6.1.9.tgz",
+      "integrity": "sha512-lTM8gSFHSfkJvQkxacGM6VJtBt61ip2XO54aNfswD+KMw6eeZ4oehl7m0me3CR9hnDE4+60iAZR8sAhvCiI3NA==",
+      "requires": {
+        "nanoid": "^3.1.23"
+      }
+    },
+    "@react-navigation/stack": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/@react-navigation/stack/-/stack-6.4.0.tgz",
+      "integrity": "sha512-Jx7fm8x7zSUC6ggUb0VnvPuaIXkVPHckiY+e50mjrIRK4xAgnaLp6crHWYGmXjfi7ahaKL00o76ZgpgkwKw6zg==",
+      "requires": {
+        "@react-navigation/elements": "^1.3.30",
+        "color": "^4.2.3",
+        "warn-once": "^0.1.0"
+      },
+      "dependencies": {
+        "color": {
+          "version": "4.2.3",
+          "resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
+          "integrity": "sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==",
+          "requires": {
+            "color-convert": "^2.0.1",
+            "color-string": "^1.9.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+        }
+      }
+    },
+    "@rtsao/scc": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
+      "integrity": "sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==",
+      "dev": true
+    },
+    "@sayem314/react-native-keep-awake": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@sayem314/react-native-keep-awake/-/react-native-keep-awake-1.3.1.tgz",
+      "integrity": "sha512-gAqLCVQ2SgrMki9MZJzQiYn9EjOGDYze+dYKs7s7T4qfRrUxCK8Pe50mE0Y/WQqzaYY6uzdjTHzmWhACiEy5Zw=="
+    },
+    "@sec-ant/readable-stream": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/@sec-ant/readable-stream/-/readable-stream-0.4.1.tgz",
+      "integrity": "sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg==",
+      "dev": true
+    },
+    "@sideway/address": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/@sideway/address/-/address-4.1.5.tgz",
+      "integrity": "sha512-IqO/DUQHUkPeixNQ8n0JA6102hT9CmaljNTPmQ1u8MEhBo/R4Q8eKLN/vGZxuebwOroDB4cbpjheD4+/sKFK4Q==",
+      "dev": true,
+      "requires": {
+        "@hapi/hoek": "^9.0.0"
+      }
+    },
+    "@sideway/formula": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@sideway/formula/-/formula-3.0.1.tgz",
+      "integrity": "sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg==",
+      "dev": true
+    },
+    "@sideway/pinpoint": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@sideway/pinpoint/-/pinpoint-2.0.0.tgz",
+      "integrity": "sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==",
+      "dev": true
+    },
+    "@sinclair/typebox": {
+      "version": "0.27.8",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.8.tgz",
+      "integrity": "sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA=="
+    },
+    "@sindresorhus/merge-streams": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@sindresorhus/merge-streams/-/merge-streams-4.0.0.tgz",
+      "integrity": "sha512-tlqY9xq5ukxTUZBmoOp+m61cqwQD5pHJtFY3Mn8CA8ps6yghLH/Hw8UPdqg4OLmFW3IFlcXnQNmo/dh8HzXYIQ==",
+      "dev": true
+    },
+    "@sinonjs/commons": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-3.0.0.tgz",
+      "integrity": "sha512-jXBtWAF4vmdNmZgD5FoKsVLv3rPgDnLgPbU84LIJ3otV44vJlDRokVng5v8NFJdCf/da9legHcKaRuZs4L7faA==",
+      "requires": {
+        "type-detect": "4.0.8"
+      }
+    },
+    "@sinonjs/fake-timers": {
+      "version": "10.3.0",
+      "resolved": "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-10.3.0.tgz",
+      "integrity": "sha512-V4BG07kuYSUkTCSBHG8G8TNhM+F19jXFWnQtzj+we8DrkpSBCee9Z3Ms8yiGer/dlmhe35/Xdgyo3/0rQKg7YA==",
+      "requires": {
+        "@sinonjs/commons": "^3.0.0"
+      }
+    },
+    "@stomp/stompjs": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/@stomp/stompjs/-/stompjs-7.0.0.tgz",
+      "integrity": "sha512-fGdq4wPDnSV/KyOsjq4P+zLc8MFWC3lMmP5FBgLWKPJTYcuCbAIrnRGjB7q2jHZdYCOD5vxLuFoKIYLy5/u8Pw=="
+    },
+    "@stylistic/eslint-plugin": {
+      "version": "2.12.1",
+      "resolved": "https://registry.npmjs.org/@stylistic/eslint-plugin/-/eslint-plugin-2.12.1.tgz",
+      "integrity": "sha512-fubZKIHSPuo07FgRTn6S4Nl0uXPRPYVNpyZzIDGfp7Fny6JjNus6kReLD7NI380JXi4HtUTSOZ34LBuNPO1XLQ==",
+      "dev": true,
+      "requires": {
+        "@typescript-eslint/utils": "^8.13.0",
+        "eslint-visitor-keys": "^4.2.0",
+        "espree": "^10.3.0",
+        "estraverse": "^5.3.0",
+        "picomatch": "^4.0.2"
+      },
+      "dependencies": {
+        "eslint-visitor-keys": {
+          "version": "4.2.0",
+          "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz",
+          "integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==",
+          "dev": true
+        },
+        "espree": {
+          "version": "10.3.0",
+          "resolved": "https://registry.npmjs.org/espree/-/espree-10.3.0.tgz",
+          "integrity": "sha512-0QYC8b24HWY8zjRnDTL6RiHfDbAWn63qb4LMj1Z4b076A4une81+z03Kg7l7mn/48PUTqoLptSXez8oknU8Clg==",
+          "dev": true,
+          "requires": {
+            "acorn": "^8.14.0",
+            "acorn-jsx": "^5.3.2",
+            "eslint-visitor-keys": "^4.2.0"
+          }
+        },
+        "picomatch": {
+          "version": "4.0.2",
+          "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
+          "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
+          "dev": true
+        }
+      }
+    },
+    "@svgr/babel-plugin-add-jsx-attribute": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-6.3.1.tgz",
+      "integrity": "sha512-jDBKArXYO1u0B1dmd2Nf8Oy6aTF5vLDfLoO9Oon/GLkqZ/NiggYWZA+a2HpUMH4ITwNqS3z43k8LWApB8S583w=="
+    },
+    "@svgr/babel-plugin-remove-jsx-attribute": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-6.3.1.tgz",
+      "integrity": "sha512-dQzyJ4prwjcFd929T43Z8vSYiTlTu8eafV40Z2gO7zy/SV5GT+ogxRJRBIKWomPBOiaVXFg3jY4S5hyEN3IBjQ=="
+    },
+    "@svgr/babel-plugin-remove-jsx-empty-expression": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-6.3.1.tgz",
+      "integrity": "sha512-HBOUc1XwSU67fU26V5Sfb8MQsT0HvUyxru7d0oBJ4rA2s4HW3PhyAPC7fV/mdsSGpAvOdd8Wpvkjsr0fWPUO7A=="
+    },
+    "@svgr/babel-plugin-replace-jsx-attribute-value": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-6.3.1.tgz",
+      "integrity": "sha512-C12e6aN4BXAolRrI601gPn5MDFCRHO7C4TM8Kks+rDtl8eEq+NN1sak0eAzJu363x3TmHXdZn7+Efd2nr9I5dA=="
+    },
+    "@svgr/babel-plugin-svg-dynamic-title": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-6.3.1.tgz",
+      "integrity": "sha512-6NU55Mmh3M5u2CfCCt6TX29/pPneutrkJnnDCHbKZnjukZmmgUAZLtZ2g6ZoSPdarowaQmAiBRgAHqHmG0vuqA=="
+    },
+    "@svgr/babel-plugin-svg-em-dimensions": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-6.3.1.tgz",
+      "integrity": "sha512-HV1NGHYTTe1vCNKlBgq/gKuCSfaRlKcHIADn7P8w8U3Zvujdw1rmusutghJ1pZJV7pDt3Gt8ws+SVrqHnBO/Qw=="
+    },
+    "@svgr/babel-plugin-transform-react-native-svg": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-6.3.1.tgz",
+      "integrity": "sha512-2wZhSHvTolFNeKDAN/ZmIeSz2O9JSw72XD+o2bNp2QAaWqa8KGpn5Yk5WHso6xqfSAiRzAE+GXlsrBO4UP9LLw=="
+    },
+    "@svgr/babel-plugin-transform-svg-component": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-6.3.1.tgz",
+      "integrity": "sha512-cZ8Tr6ZAWNUFfDeCKn/pGi976iWSkS8ijmEYKosP+6ktdZ7lW9HVLHojyusPw3w0j8PI4VBeWAXAmi/2G7owxw=="
+    },
+    "@svgr/babel-preset": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-preset/-/babel-preset-6.3.1.tgz",
+      "integrity": "sha512-tQtWtzuMMQ3opH7je+MpwfuRA1Hf3cKdSgTtAYwOBDfmhabP7rcTfBi3E7V3MuwJNy/Y02/7/RutvwS1W4Qv9g==",
+      "requires": {
+        "@svgr/babel-plugin-add-jsx-attribute": "^6.3.1",
+        "@svgr/babel-plugin-remove-jsx-attribute": "^6.3.1",
+        "@svgr/babel-plugin-remove-jsx-empty-expression": "^6.3.1",
+        "@svgr/babel-plugin-replace-jsx-attribute-value": "^6.3.1",
+        "@svgr/babel-plugin-svg-dynamic-title": "^6.3.1",
+        "@svgr/babel-plugin-svg-em-dimensions": "^6.3.1",
+        "@svgr/babel-plugin-transform-react-native-svg": "^6.3.1",
+        "@svgr/babel-plugin-transform-svg-component": "^6.3.1"
+      }
+    },
+    "@svgr/core": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/@svgr/core/-/core-6.3.1.tgz",
+      "integrity": "sha512-Sm3/7OdXbQreemf9aO25keerZSbnKMpGEfmH90EyYpj1e8wMD4TuwJIb3THDSgRMWk1kYJfSRulELBy4gVgZUA==",
+      "requires": {
+        "@svgr/plugin-jsx": "^6.3.1",
+        "camelcase": "^6.2.0",
+        "cosmiconfig": "^7.0.1"
+      },
+      "dependencies": {
+        "cosmiconfig": {
+          "version": "7.0.1",
+          "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.1.tgz",
+          "integrity": "sha512-a1YWNUV2HwGimB7dU2s1wUMurNKjpx60HxBB6xUM8Re+2s1g1IIfJvFR0/iCF+XHdE0GMTKTuLR32UQff4TEyQ==",
+          "requires": {
+            "@types/parse-json": "^4.0.0",
+            "import-fresh": "^3.2.1",
+            "parse-json": "^5.0.0",
+            "path-type": "^4.0.0",
+            "yaml": "^1.10.0"
+          }
+        }
+      }
+    },
+    "@svgr/hast-util-to-babel-ast": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-6.3.1.tgz",
+      "integrity": "sha512-NgyCbiTQIwe3wHe/VWOUjyxmpUmsrBjdoIxKpXt3Nqc3TN30BpJG22OxBvVzsAh9jqep0w0/h8Ywvdk3D9niNQ==",
+      "requires": {
+        "@babel/types": "^7.18.4",
+        "entities": "^4.3.0"
+      }
+    },
+    "@svgr/plugin-jsx": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/@svgr/plugin-jsx/-/plugin-jsx-6.3.1.tgz",
+      "integrity": "sha512-r9+0mYG3hD4nNtUgsTXWGYJomv/bNd7kC16zvsM70I/bGeoCi/3lhTmYqeN6ChWX317OtQCSZZbH4wq9WwoXbw==",
+      "requires": {
+        "@babel/core": "^7.18.5",
+        "@svgr/babel-preset": "^6.3.1",
+        "@svgr/hast-util-to-babel-ast": "^6.3.1",
+        "svg-parser": "^2.0.4"
+      }
+    },
+    "@svgr/plugin-svgo": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/@svgr/plugin-svgo/-/plugin-svgo-6.3.1.tgz",
+      "integrity": "sha512-yJIjTDKPYqzFVjmsbH5EdIwEsmKxjxdXSGJVLeUgwZOZPAkNQmD1v7LDbOdOKbR44FG8465Du+zWPdbYGnbMbw==",
+      "requires": {
+        "cosmiconfig": "^7.0.1",
+        "deepmerge": "^4.2.2",
+        "svgo": "^2.8.0"
+      },
+      "dependencies": {
+        "cosmiconfig": {
+          "version": "7.0.1",
+          "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.1.tgz",
+          "integrity": "sha512-a1YWNUV2HwGimB7dU2s1wUMurNKjpx60HxBB6xUM8Re+2s1g1IIfJvFR0/iCF+XHdE0GMTKTuLR32UQff4TEyQ==",
+          "requires": {
+            "@types/parse-json": "^4.0.0",
+            "import-fresh": "^3.2.1",
+            "parse-json": "^5.0.0",
+            "path-type": "^4.0.0",
+            "yaml": "^1.10.0"
+          }
+        },
+        "deepmerge": {
+          "version": "4.2.2",
+          "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
+          "integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg=="
+        }
+      }
+    },
+    "@svgr/webpack": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/@svgr/webpack/-/webpack-6.3.1.tgz",
+      "integrity": "sha512-eODxwIUShLxSMaRjzJtrj9wg89D75JLczvWg9SaB5W+OtVTkiC1vdGd8+t+pf5fTlBOy4RRXAq7x1E3DUl3D0A==",
+      "requires": {
+        "@babel/core": "^7.18.5",
+        "@babel/plugin-transform-react-constant-elements": "^7.17.12",
+        "@babel/preset-env": "^7.18.2",
+        "@babel/preset-react": "^7.17.12",
+        "@babel/preset-typescript": "^7.17.12",
+        "@svgr/core": "^6.3.1",
+        "@svgr/plugin-jsx": "^6.3.1",
+        "@svgr/plugin-svgo": "^6.3.1"
+      }
+    },
+    "@tensorflow/tfjs-backend-cpu": {
+      "version": "3.13.0",
+      "resolved": "https://registry.npmjs.org/@tensorflow/tfjs-backend-cpu/-/tfjs-backend-cpu-3.13.0.tgz",
+      "integrity": "sha512-POmzUoAP8HooYYTZ72O1ZYkpVZB0f+8PeAkbTxIG0oahcJccj6a0Vovp1A6xWKfljUoPlJb3jWVC++S603ZL8w==",
+      "requires": {
+        "@types/seedrandom": "2.4.27",
+        "seedrandom": "2.4.3"
+      }
+    },
+    "@tensorflow/tfjs-backend-wasm": {
+      "version": "3.13.0",
+      "resolved": "https://registry.npmjs.org/@tensorflow/tfjs-backend-wasm/-/tfjs-backend-wasm-3.13.0.tgz",
+      "integrity": "sha512-h5kNS4xvljoySzfcFwqbdFB6QZGR06IA9/Xq/PjBeZt18XEoJGqKHbOCYupmUlr5pxo/gnXzPhAC2h4SfZXPXw==",
+      "requires": {
+        "@tensorflow/tfjs-backend-cpu": "3.13.0",
+        "@types/emscripten": "~0.0.34"
+      }
+    },
+    "@tensorflow/tfjs-core": {
+      "version": "3.13.0",
+      "resolved": "https://registry.npmjs.org/@tensorflow/tfjs-core/-/tfjs-core-3.13.0.tgz",
+      "integrity": "sha512-18qBEVIB/4u2OUK9nA5P1XT3e3LyarElD1UKNSNDpnMLxhLTUVZaCR71eHJcpl9wP2Q0cciaTJCTpJdPv1tNDQ==",
+      "requires": {
+        "@types/long": "^4.0.1",
+        "@types/offscreencanvas": "~2019.3.0",
+        "@types/seedrandom": "2.4.27",
+        "@types/webgl-ext": "0.0.30",
+        "long": "4.0.0",
+        "node-fetch": "~2.6.1",
+        "seedrandom": "2.4.3"
+      },
+      "dependencies": {
+        "@types/offscreencanvas": {
+          "version": "2019.3.0",
+          "resolved": "https://registry.npmjs.org/@types/offscreencanvas/-/offscreencanvas-2019.3.0.tgz",
+          "integrity": "sha512-esIJx9bQg+QYF0ra8GnvfianIY8qWB0GBx54PK5Eps6m+xTj86KLavHv6qDhzKcu5UUOgNfJ2pWaIIV7TRUd9Q=="
+        }
+      }
+    },
+    "@testrtc/watchrtc-sdk": {
+      "version": "1.38.2",
+      "resolved": "https://registry.npmjs.org/@testrtc/watchrtc-sdk/-/watchrtc-sdk-1.38.2.tgz",
+      "integrity": "sha512-IlusCskjqgTrroKCr2DQCviIZYe7J3arVUpoGtXc2MiYBeQ5sEs2Yzo6v07T3rDcN71BVBTZ1hXMZlZuqnKiyA=="
+    },
+    "@tootallnate/quickjs-emscripten": {
+      "version": "0.23.0",
+      "resolved": "https://registry.npmjs.org/@tootallnate/quickjs-emscripten/-/quickjs-emscripten-0.23.0.tgz",
+      "integrity": "sha512-C5Mc6rdnsaJDjO3UpGW/CQTHtCKaYlScZTly4JIu97Jxo/odCiH0ITnDXSJPTOrEKk/ycSZ0AOgTmkDtkOsvIA==",
+      "dev": true
+    },
+    "@trysound/sax": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
+      "integrity": "sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA=="
+    },
+    "@types/amplitude-js": {
+      "version": "8.16.5",
+      "resolved": "https://registry.npmjs.org/@types/amplitude-js/-/amplitude-js-8.16.5.tgz",
+      "integrity": "sha512-W73JfDpwDH4VijOGo+nVuQOqUCiqyEGGVdajU4ziWTLn27cn+QtFuFuBdlhCraIIrO52fDRO4NSOGkawtn77Jw==",
+      "dev": true
+    },
+    "@types/audioworklet": {
+      "version": "0.0.29",
+      "resolved": "https://registry.npmjs.org/@types/audioworklet/-/audioworklet-0.0.29.tgz",
+      "integrity": "sha512-wNc0CgKOKOIsAf8kH7ICn76H+Zp9GlR5FdP3PXMLcMtSAQdHDaKM3ESVQX9ueTyNm1/UfJCGlcDsN5NdwByrOQ==",
+      "dev": true
+    },
+    "@types/babel__core": {
+      "version": "7.20.5",
+      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
+      "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
+      "requires": {
+        "@babel/parser": "^7.20.7",
+        "@babel/types": "^7.20.7",
+        "@types/babel__generator": "*",
+        "@types/babel__template": "*",
+        "@types/babel__traverse": "*"
+      }
+    },
+    "@types/babel__generator": {
+      "version": "7.27.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.27.0.tgz",
+      "integrity": "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==",
+      "requires": {
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "@types/babel__template": {
+      "version": "7.4.4",
+      "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz",
+      "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==",
+      "requires": {
+        "@babel/parser": "^7.1.0",
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "@types/babel__traverse": {
+      "version": "7.20.7",
+      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.7.tgz",
+      "integrity": "sha512-dkO5fhS7+/oos4ciWxyEyjWe48zmG6wbCheo/G2ZnHx4fs3EU6YC6UM8rk56gAjNJ9P3MTH2jo5jb92/K6wbng==",
+      "requires": {
+        "@babel/types": "^7.20.7"
+      }
+    },
+    "@types/body-parser": {
+      "version": "1.19.5",
+      "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.5.tgz",
+      "integrity": "sha512-fB3Zu92ucau0iQ0JMCFQE7b/dv8Ot07NI3KaZIkIUNXq82k4eBAqUaneXfleGY9JWskeS9y+u0nXMyspcuQrCg==",
+      "dev": true,
+      "requires": {
+        "@types/connect": "*",
+        "@types/node": "*"
+      }
+    },
+    "@types/bonjour": {
+      "version": "3.5.13",
+      "resolved": "https://registry.npmjs.org/@types/bonjour/-/bonjour-3.5.13.tgz",
+      "integrity": "sha512-z9fJ5Im06zvUL548KvYNecEVlA7cVDkGUi6kZusb04mpyEFKCIZJvloCcmpmLaIahDpOQGHaHmG6imtPMmPXGQ==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*"
+      }
+    },
+    "@types/connect": {
+      "version": "3.4.38",
+      "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.38.tgz",
+      "integrity": "sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*"
+      }
+    },
+    "@types/connect-history-api-fallback": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/@types/connect-history-api-fallback/-/connect-history-api-fallback-1.5.4.tgz",
+      "integrity": "sha512-n6Cr2xS1h4uAulPRdlw6Jl6s1oG8KrVilPN2yUITEs+K48EzMJJ3W1xy8K5eWuFvjp3R74AOIGSmp2UfBJ8HFw==",
+      "dev": true,
+      "requires": {
+        "@types/express-serve-static-core": "*",
+        "@types/node": "*"
+      }
+    },
+    "@types/dom-screen-wake-lock": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@types/dom-screen-wake-lock/-/dom-screen-wake-lock-1.0.1.tgz",
+      "integrity": "sha512-WJQas3OFGcC8AeMzaa7FwzzbNNfanuV2R12kQYNp4BkUMghsRz5JxJ5RgVhJifhw7t0s6LvRSWZArmKbMDZ+5g==",
+      "dev": true
+    },
+    "@types/emscripten": {
+      "version": "0.0.34",
+      "resolved": "https://registry.npmjs.org/@types/emscripten/-/emscripten-0.0.34.tgz",
+      "integrity": "sha512-QSb9ojDincskc+uKMI0KXp8e1NALFINCrMlp8VGKGcTSxeEyRTTKyjWw75NYrCZHUsVEEEpr1tYHpbtaC++/sQ=="
+    },
+    "@types/estree": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz",
+      "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==",
+      "dev": true
+    },
+    "@types/express": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.21.tgz",
+      "integrity": "sha512-ejlPM315qwLpaQlQDTjPdsUFSc6ZsP4AN6AlWnogPjQ7CVi7PYF3YVz+CY3jE2pwYf7E/7HlDAN0rV2GxTG0HQ==",
+      "dev": true,
+      "requires": {
+        "@types/body-parser": "*",
+        "@types/express-serve-static-core": "^4.17.33",
+        "@types/qs": "*",
+        "@types/serve-static": "*"
+      },
+      "dependencies": {
+        "@types/express-serve-static-core": {
+          "version": "4.19.6",
+          "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.19.6.tgz",
+          "integrity": "sha512-N4LZ2xG7DatVqhCZzOGb1Yi5lMbXSZcmdLDe9EzSndPV2HpWYWzRbaerl2n27irrm94EPpprqa8KpskPT085+A==",
+          "dev": true,
+          "requires": {
+            "@types/node": "*",
+            "@types/qs": "*",
+            "@types/range-parser": "*",
+            "@types/send": "*"
+          }
+        }
+      }
+    },
+    "@types/express-serve-static-core": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-5.0.1.tgz",
+      "integrity": "sha512-CRICJIl0N5cXDONAdlTv5ShATZ4HEwk6kDDIW2/w9qOWKg+NU/5F8wYRWCrONad0/UKkloNSmmyN/wX4rtpbVA==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*",
+        "@types/qs": "*",
+        "@types/range-parser": "*",
+        "@types/send": "*"
+      }
+    },
+    "@types/graceful-fs": {
+      "version": "4.1.9",
+      "resolved": "https://registry.npmjs.org/@types/graceful-fs/-/graceful-fs-4.1.9.tgz",
+      "integrity": "sha512-olP3sd1qOEe5dXTSaFvQG+02VdRXcdytWLAZsAq1PecU8uqQAhkrnbli7DagjtXKW/Bl7YJbUsa8MPcuc8LHEQ==",
+      "requires": {
+        "@types/node": "*"
+      }
+    },
+    "@types/hammerjs": {
+      "version": "2.0.41",
+      "resolved": "https://registry.npmjs.org/@types/hammerjs/-/hammerjs-2.0.41.tgz",
+      "integrity": "sha512-ewXv/ceBaJprikMcxCmWU1FKyMAQ2X7a9Gtmzw8fcg2kIePI1crERDM818W+XYrxqdBBOdlf2rm137bU+BltCA=="
+    },
+    "@types/hoist-non-react-statics": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.1.tgz",
+      "integrity": "sha512-iMIqiko6ooLrTh1joXodJK5X9xeEALT1kM5G3ZLhD3hszxBdIEd5C75U834D9mLcINgD4OyZf5uQXjkuYydWvA==",
+      "requires": {
+        "@types/react": "*",
+        "hoist-non-react-statics": "^3.3.0"
+      }
+    },
+    "@types/http-errors": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.4.tgz",
+      "integrity": "sha512-D0CFMMtydbJAegzOyHjtiKPLlvnm3iTZyZRSZoLq2mRhDdmLfIWOCYPfQJ4cu2erKghU++QvjcUjp/5h7hESpA==",
+      "dev": true
+    },
+    "@types/http-proxy": {
+      "version": "1.17.8",
+      "resolved": "https://registry.npmjs.org/@types/http-proxy/-/http-proxy-1.17.8.tgz",
+      "integrity": "sha512-5kPLG5BKpWYkw/LVOGWpiq3nEVqxiN32rTgI53Sk12/xHFQ2rG3ehI9IO+O3W2QoKeyB92dJkoka8SUm6BX1pA==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*"
+      }
+    },
+    "@types/istanbul-lib-coverage": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz",
+      "integrity": "sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w=="
+    },
+    "@types/istanbul-lib-report": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.3.tgz",
+      "integrity": "sha512-NQn7AHQnk/RSLOxrBbGyJM/aVQ+pjj5HCgasFxc0K/KhoATfQ/47AyUl15I2yBUpihjmas+a+VJBOqecrFH+uA==",
+      "requires": {
+        "@types/istanbul-lib-coverage": "*"
+      }
+    },
+    "@types/istanbul-reports": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
+      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
+      "requires": {
+        "@types/istanbul-lib-report": "*"
+      }
+    },
+    "@types/js-cookie": {
+      "version": "2.2.7",
+      "resolved": "https://registry.npmjs.org/@types/js-cookie/-/js-cookie-2.2.7.tgz",
+      "integrity": "sha512-aLkWa0C0vO5b4Sr798E26QgOkss68Un0bLjs7u9qxzPT5CG+8DuNTffWES58YzJs3hrVAOs1wonycqEBqNJubA=="
+    },
+    "@types/js-md5": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/@types/js-md5/-/js-md5-0.4.3.tgz",
+      "integrity": "sha512-BIga/WEqTi35ccnGysOuO4RmwVnpajv9oDB/sDQSY2b7/Ac7RyYR30bv7otZwByMvOJV9Vqq6/O1DFAnOzE4Pg==",
+      "dev": true
+    },
+    "@types/json-schema": {
+      "version": "7.0.9",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.9.tgz",
+      "integrity": "sha512-qcUXuemtEu+E5wZSJHNxUXeCZhAfXKQ41D+duX+VYPde7xyEVZci+/oXKJL13tnRs9lR2pr4fod59GT6/X1/yQ=="
+    },
+    "@types/json5": {
+      "version": "0.0.29",
+      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
+      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
+      "dev": true
+    },
+    "@types/jsonwebtoken": {
+      "version": "9.0.7",
+      "resolved": "https://registry.npmjs.org/@types/jsonwebtoken/-/jsonwebtoken-9.0.7.tgz",
+      "integrity": "sha512-ugo316mmTYBl2g81zDFnZ7cfxlut3o+/EQdaP7J8QN2kY6lJ22hmQYCK5EHcJHbrW+dkCGSCPgbG8JtYj6qSrg==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*"
+      }
+    },
+    "@types/lodash": {
+      "version": "4.14.182",
+      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.182.tgz",
+      "integrity": "sha512-/THyiqyQAP9AfARo4pF+aCGcyiQ94tX/Is2I7HofNRqoYLgN1PBoOWu2/zTA5zMxzP5EFutMtWtGAFRKUe961Q==",
+      "dev": true
+    },
+    "@types/lodash-es": {
+      "version": "4.17.12",
+      "resolved": "https://registry.npmjs.org/@types/lodash-es/-/lodash-es-4.17.12.tgz",
+      "integrity": "sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==",
+      "dev": true,
+      "requires": {
+        "@types/lodash": "*"
+      }
+    },
+    "@types/long": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@types/long/-/long-4.0.1.tgz",
+      "integrity": "sha512-5tXH6Bx/kNGd3MgffdmP4dy2Z+G4eaXw0SE81Tq3BNadtnMR5/ySMzX4SLEzHJzSmPNn4HIdpQsBvXMUykr58w=="
+    },
+    "@types/mime": {
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.5.tgz",
+      "integrity": "sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w==",
+      "dev": true
+    },
+    "@types/mocha": {
+      "version": "10.0.10",
+      "resolved": "https://registry.npmjs.org/@types/mocha/-/mocha-10.0.10.tgz",
+      "integrity": "sha512-xPyYSz1cMPnJQhl0CLMH68j3gprKZaTjG3s5Vi+fDgx+uhG9NOXwbVt52eFS8ECyXhyKcjDLCBEqBExKuiZb7Q==",
+      "dev": true
+    },
+    "@types/node": {
+      "version": "20.17.6",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.17.6.tgz",
+      "integrity": "sha512-VEI7OdvK2wP7XHnsuXbAJnEpEkF6NjSN45QJlL4VGqZSXsnicpesdTWsg9RISeSdYd3yeRj/y3k5KGjUXYnFwQ==",
+      "requires": {
+        "undici-types": "~6.19.2"
+      }
+    },
+    "@types/node-forge": {
+      "version": "1.3.11",
+      "resolved": "https://registry.npmjs.org/@types/node-forge/-/node-forge-1.3.11.tgz",
+      "integrity": "sha512-FQx220y22OKNTqaByeBGqHWYz4cl94tpcxeFdvBo3wjG6XPBuZ0BNgNZRV5J5TFmmcsJ4IzsLkmGRiQbnYsBEQ==",
+      "requires": {
+        "@types/node": "*"
+      }
+    },
+    "@types/normalize-package-data": {
+      "version": "2.4.4",
+      "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.4.tgz",
+      "integrity": "sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==",
+      "dev": true
+    },
+    "@types/offscreencanvas": {
+      "version": "2019.7.2",
+      "resolved": "https://registry.npmjs.org/@types/offscreencanvas/-/offscreencanvas-2019.7.2.tgz",
+      "integrity": "sha512-ujCjOxeA07IbEBQYAkoOI+XFw5sT3nhWJ/xZfPR6reJppDG7iPQPZacQiLTtWH1b3a2NYXWlxvYqa40y/LAixQ==",
+      "dev": true
+    },
+    "@types/parse-json": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
+      "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA=="
+    },
+    "@types/pixelmatch": {
+      "version": "5.2.5",
+      "resolved": "https://registry.npmjs.org/@types/pixelmatch/-/pixelmatch-5.2.5.tgz",
+      "integrity": "sha512-di/HknmWA+KNjlLczJiLft9g1mHJZl5qGAXtDct8KsJg8KPrXKJa8Avumj53fgdJOBbfHABYhp3EjyitmKPdBg==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*"
+      }
+    },
+    "@types/pretty": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@types/pretty/-/pretty-2.0.3.tgz",
+      "integrity": "sha512-xR96pShNlrxLd3gZqzCnbaAmbYhiRYjW51CDFjektZemqpBZBAAkMwxm4gBraJP/xSgKcsQhLXdlXOwDNWo4VQ==",
+      "dev": true
+    },
+    "@types/prop-types": {
+      "version": "15.7.5",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz",
+      "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w=="
+    },
+    "@types/punycode": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@types/punycode/-/punycode-2.1.0.tgz",
+      "integrity": "sha512-PG5aLpW6PJOeV2fHRslP4IOMWn+G+Uq8CfnyJ+PDS8ndCbU+soO+fB3NKCKo0p/Jh2Y4aPaiQZsrOXFdzpcA6g==",
+      "dev": true
+    },
+    "@types/qs": {
+      "version": "6.9.17",
+      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.17.tgz",
+      "integrity": "sha512-rX4/bPcfmvxHDv0XjfJELTTr+iB+tn032nPILqHm5wbthUUUuVtNGGqzhya9XUxjTP8Fpr0qYgSZZKxGY++svQ==",
+      "dev": true
+    },
+    "@types/range-parser": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.7.tgz",
+      "integrity": "sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==",
+      "dev": true
+    },
+    "@types/react": {
+      "version": "17.0.14",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-17.0.14.tgz",
+      "integrity": "sha512-0WwKHUbWuQWOce61UexYuWTGuGY/8JvtUe/dtQ6lR4sZ3UiylHotJeWpf3ArP9+DSGUoLY3wbU59VyMrJps5VQ==",
+      "requires": {
+        "@types/prop-types": "*",
+        "@types/scheduler": "*",
+        "csstype": "^3.0.2"
+      }
+    },
+    "@types/react-dom": {
+      "version": "17.0.14",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-17.0.14.tgz",
+      "integrity": "sha512-H03xwEP1oXmSfl3iobtmQ/2dHF5aBHr8aUMwyGZya6OW45G+xtdzmq6HkncefiBt5JU8DVyaWl/nWZbjZCnzAQ==",
+      "dev": true,
+      "requires": {
+        "@types/react": "*"
+      }
+    },
+    "@types/react-is": {
+      "version": "17.0.3",
+      "resolved": "https://registry.npmjs.org/@types/react-is/-/react-is-17.0.3.tgz",
+      "integrity": "sha512-aBTIWg1emtu95bLTLx0cpkxwGW3ueZv71nE2YFBpL8k/z5czEW8yYpOo8Dp+UUAFAtKwNaOsh/ioSeQnWlZcfw==",
+      "requires": {
+        "@types/react": "*"
+      }
+    },
+    "@types/react-linkify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@types/react-linkify/-/react-linkify-1.0.1.tgz",
+      "integrity": "sha512-qPxYwjB41ezoKdLXs0MrQ1FnhF3apyyxf3J7WVQQCBu/GyZQAW7Y3TY4317jdh0450QJ4fLqj0rnhIJvFZOamQ==",
+      "dev": true,
+      "requires": {
+        "@types/react": "*"
+      }
+    },
+    "@types/react-native": {
+      "version": "0.73.0",
+      "resolved": "https://registry.npmjs.org/@types/react-native/-/react-native-0.73.0.tgz",
+      "integrity": "sha512-6ZRPQrYM72qYKGWidEttRe6M5DZBEV5F+MHMHqd4TTYx0tfkcdrUFGdef6CCxY0jXU7wldvd/zA/b0A/kTeJmA==",
+      "dev": true,
+      "requires": {
+        "react-native": "*"
+      }
+    },
+    "@types/react-native-keep-awake": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@types/react-native-keep-awake/-/react-native-keep-awake-2.0.3.tgz",
+      "integrity": "sha512-0C4bUlGPHRpplbn+YnX2UO0/2joa0dhCPumas2fielGNJkS1FTJOrw9jFo4B0+LOtmsepXiy/ANTF/on0b2Ddw==",
+      "dev": true,
+      "requires": {
+        "@types/react": "*"
+      }
+    },
+    "@types/react-native-video": {
+      "version": "5.0.14",
+      "resolved": "https://registry.npmjs.org/@types/react-native-video/-/react-native-video-5.0.14.tgz",
+      "integrity": "sha512-KdcyY4HY/Q1l6f5qQA337BNVN+GsdZy836j9CXbWHZ008VVNzSlnJypJQPsnUgI0EPBw/uG/lyJk6cg9Jj1syg==",
+      "dev": true,
+      "requires": {
+        "@types/react": "*",
+        "@types/react-native": "*"
+      }
+    },
+    "@types/react-redux": {
+      "version": "7.1.24",
+      "resolved": "https://registry.npmjs.org/@types/react-redux/-/react-redux-7.1.24.tgz",
+      "integrity": "sha512-7FkurKcS1k0FHZEtdbbgN8Oc6b+stGSfZYjQGicofJ0j4U0qIn/jaSvnP2pLwZKiai3/17xqqxkkrxTgN8UNbQ==",
+      "requires": {
+        "@types/hoist-non-react-statics": "^3.3.0",
+        "@types/react": "*",
+        "hoist-non-react-statics": "^3.3.0",
+        "redux": "^4.0.0"
+      }
+    },
+    "@types/react-transition-group": {
+      "version": "4.4.5",
+      "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.5.tgz",
+      "integrity": "sha512-juKD/eiSM3/xZYzjuzH6ZwpP+/lejltmiS3QEzV/vmb/Q8+HfDmxu+Baga8UEMGBqV88Nbg4l2hY/K2DkyaLLA==",
+      "requires": {
+        "@types/react": "*"
+      }
+    },
+    "@types/react-window": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/@types/react-window/-/react-window-1.8.5.tgz",
+      "integrity": "sha512-V9q3CvhC9Jk9bWBOysPGaWy/Z0lxYcTXLtLipkt2cnRj1JOSFNF7wqGpkScSXMgBwC+fnVRg/7shwgddBG5ICw==",
+      "dev": true,
+      "requires": {
+        "@types/react": "*"
+      }
+    },
+    "@types/retry": {
+      "version": "0.12.2",
+      "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.2.tgz",
+      "integrity": "sha512-XISRgDJ2Tc5q4TRqvgJtzsRkFYNJzZrhTdtMoGVBttwzzQJkPnS3WWTFc7kuDRoPtPakl+T+OfdEUjYJj7Jbow==",
+      "dev": true
+    },
+    "@types/scheduler": {
+      "version": "0.16.2",
+      "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.2.tgz",
+      "integrity": "sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew=="
+    },
+    "@types/seedrandom": {
+      "version": "2.4.27",
+      "resolved": "https://registry.npmjs.org/@types/seedrandom/-/seedrandom-2.4.27.tgz",
+      "integrity": "sha1-nbVjk33YaRX2kJK8QyWdL0hXjkE="
+    },
+    "@types/send": {
+      "version": "0.17.4",
+      "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.4.tgz",
+      "integrity": "sha512-x2EM6TJOybec7c52BX0ZspPodMsQUd5L6PRwOunVyVUhXiBSKf3AezDL8Dgvgt5o0UfKNfuA0eMLr2wLT4AiBA==",
+      "dev": true,
+      "requires": {
+        "@types/mime": "^1",
+        "@types/node": "*"
+      }
+    },
+    "@types/serve-index": {
+      "version": "1.9.4",
+      "resolved": "https://registry.npmjs.org/@types/serve-index/-/serve-index-1.9.4.tgz",
+      "integrity": "sha512-qLpGZ/c2fhSs5gnYsQxtDEq3Oy8SXPClIXkW5ghvAvsNuVSA8k+gCONcUCS/UjLEYvYps+e8uBtfgXgvhwfNug==",
+      "dev": true,
+      "requires": {
+        "@types/express": "*"
+      }
+    },
+    "@types/serve-static": {
+      "version": "1.15.7",
+      "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.7.tgz",
+      "integrity": "sha512-W8Ym+h8nhuRwaKPaDw34QUkwsGi6Rc4yYqvKFo5rm2FUEhCFbzVWrxXUxuKK8TASjWsysJY0nsmNCGhCOIsrOw==",
+      "dev": true,
+      "requires": {
+        "@types/http-errors": "*",
+        "@types/node": "*",
+        "@types/send": "*"
+      }
+    },
+    "@types/sinonjs__fake-timers": {
+      "version": "8.1.5",
+      "resolved": "https://registry.npmjs.org/@types/sinonjs__fake-timers/-/sinonjs__fake-timers-8.1.5.tgz",
+      "integrity": "sha512-mQkU2jY8jJEF7YHjHvsQO8+3ughTL1mcnn96igfhONmR+fUPSKIkefQYpSe8bsly2Ep7oQbn/6VG5/9/0qcArQ==",
+      "dev": true
+    },
+    "@types/sockjs": {
+      "version": "0.3.36",
+      "resolved": "https://registry.npmjs.org/@types/sockjs/-/sockjs-0.3.36.tgz",
+      "integrity": "sha512-MK9V6NzAS1+Ud7JV9lJLFqW85VbC9dq3LmwZCuBe4wBDgKC0Kj/jd8Xl+nSviU+Qc3+m7umHHyHg//2KSa0a0Q==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*"
+      }
+    },
+    "@types/stack-utils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.3.tgz",
+      "integrity": "sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw=="
+    },
+    "@types/trusted-types": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
+      "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
+      "optional": true
+    },
+    "@types/unorm": {
+      "version": "1.3.28",
+      "resolved": "https://registry.npmjs.org/@types/unorm/-/unorm-1.3.28.tgz",
+      "integrity": "sha512-l3uh18vcvkQ964HSK7Tx0YbhxN/Hj+k1w3nLT08n770lngqVKljmF7Ht4e7elFbx6L2WYse97whtpJOo8MHtxQ==",
+      "dev": true
+    },
+    "@types/uuid": {
+      "version": "8.3.4",
+      "resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-8.3.4.tgz",
+      "integrity": "sha512-c/I8ZRb51j+pYGAu5CrFMRxqZ2ke4y2grEBO5AUjgSkSk+qT2Ea+OdWElz/OiMf5MNpn2b17kuVBwZLQJXzihw==",
+      "dev": true
+    },
+    "@types/w3c-image-capture": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/@types/w3c-image-capture/-/w3c-image-capture-1.0.6.tgz",
+      "integrity": "sha512-YjU0tMPgi7exsy7qU+oh6CtNiUKhWFrcYRj6ogsFYlyjl7aLREgpkyS6ROA6D/2qF5ImmLivj01zocDR+aIlVQ==",
+      "dev": true,
+      "requires": {
+        "@types/webrtc": "*"
+      }
+    },
+    "@types/w3c-web-hid": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@types/w3c-web-hid/-/w3c-web-hid-1.0.3.tgz",
+      "integrity": "sha512-eTQRkPd2JukZfS9+kRtrBAaTCCb6waGh5X8BJHmH1MiVQPLMYwm4+EvhwFfOo9SDna15o9dFAwmWwN6r/YM53A==",
+      "dev": true
+    },
+    "@types/webgl-ext": {
+      "version": "0.0.30",
+      "resolved": "https://registry.npmjs.org/@types/webgl-ext/-/webgl-ext-0.0.30.tgz",
+      "integrity": "sha512-LKVgNmBxN0BbljJrVUwkxwRYqzsAEPcZOe6S2T6ZaBDIrFp0qu4FNlpc5sM1tGbXUYFgdVQIoeLk1Y1UoblyEg=="
+    },
+    "@types/webrtc": {
+      "version": "0.0.32",
+      "resolved": "https://registry.npmjs.org/@types/webrtc/-/webrtc-0.0.32.tgz",
+      "integrity": "sha512-+F0Ozq+ksnKtjcMHujSgb4A1Vjt0b4wvvxP3/pTnXKsIrLo34EgHh2z3qJq3ntX4dbK6ytxpY1rzO/4Z8rVrHg==",
+      "dev": true
+    },
+    "@types/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@types/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-113D3mDkZDjo+EeUEHCFy0qniNc1ZpecGiAU7WSo7YDoSzolZIQKpYFHrPpjkB2nuyahcKfrmLXeQlh7gqJYdw==",
+      "dev": true
+    },
+    "@types/ws": {
+      "version": "8.5.10",
+      "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.10.tgz",
+      "integrity": "sha512-vmQSUcfalpIq0R9q7uTo2lXs6eGIpt9wtnLdMv9LVpIjCA/+ufZRozlVoVelIYixx1ugCBKDhn89vnsEGOCx9A==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*"
+      }
+    },
+    "@types/yargs": {
+      "version": "17.0.33",
+      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.33.tgz",
+      "integrity": "sha512-WpxBCKWPLr4xSsHgz511rFJAM+wS28w2zEO1QDNY5zM/S8ok70NNfztH0xwhqKyaK0OHCbN98LDAZuy1ctxDkA==",
+      "requires": {
+        "@types/yargs-parser": "*"
+      }
+    },
+    "@types/yargs-parser": {
+      "version": "21.0.3",
+      "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.3.tgz",
+      "integrity": "sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ=="
+    },
+    "@types/yauzl": {
+      "version": "2.10.3",
+      "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.3.tgz",
+      "integrity": "sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "@types/node": "*"
+      }
+    },
+    "@types/zxcvbn": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/@types/zxcvbn/-/zxcvbn-4.4.1.tgz",
+      "integrity": "sha512-3NoqvZC2W5gAC5DZbTpCeJ251vGQmgcWIHQJGq2J240HY6ErQ9aWKkwfoKJlHLx+A83WPNTZ9+3cd2ILxbvr1w==",
+      "dev": true
+    },
+    "@typescript-eslint/eslint-plugin": {
+      "version": "8.19.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.19.1.tgz",
+      "integrity": "sha512-tJzcVyvvb9h/PB96g30MpxACd9IrunT7GF9wfA9/0TJ1LxGOJx1TdPzSbBBnNED7K9Ka8ybJsnEpiXPktolTLg==",
+      "dev": true,
+      "requires": {
+        "@eslint-community/regexpp": "^4.10.0",
+        "@typescript-eslint/scope-manager": "8.19.1",
+        "@typescript-eslint/type-utils": "8.19.1",
+        "@typescript-eslint/utils": "8.19.1",
+        "@typescript-eslint/visitor-keys": "8.19.1",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.3.1",
+        "natural-compare": "^1.4.0",
+        "ts-api-utils": "^2.0.0"
+      }
+    },
+    "@typescript-eslint/experimental-utils": {
+      "version": "5.30.7",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/experimental-utils/-/experimental-utils-5.30.7.tgz",
+      "integrity": "sha512-r218ZVL0zFBYzEq8/9K2ZhRgsmKUhm8xd3sWChgvTbmP98kHGuY83IUl64SS9fx9OSBM9vMLdzBfox4eDdm/ZQ==",
+      "dev": true,
+      "requires": {
+        "@typescript-eslint/utils": "5.30.7"
+      },
+      "dependencies": {
+        "@typescript-eslint/scope-manager": {
+          "version": "5.30.7",
+          "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.30.7.tgz",
+          "integrity": "sha512-7BM1bwvdF1UUvt+b9smhqdc/eniOnCKxQT/kj3oXtj3LqnTWCAM0qHRHfyzCzhEfWX0zrW7KqXXeE4DlchZBKw==",
+          "dev": true,
+          "requires": {
+            "@typescript-eslint/types": "5.30.7",
+            "@typescript-eslint/visitor-keys": "5.30.7"
+          }
+        },
+        "@typescript-eslint/types": {
+          "version": "5.30.7",
+          "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.30.7.tgz",
+          "integrity": "sha512-ocVkETUs82+U+HowkovV6uxf1AnVRKCmDRNUBUUo46/5SQv1owC/EBFkiu4MOHeZqhKz2ktZ3kvJJ1uFqQ8QPg==",
+          "dev": true
+        },
+        "@typescript-eslint/typescript-estree": {
+          "version": "5.30.7",
+          "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.30.7.tgz",
+          "integrity": "sha512-tNslqXI1ZdmXXrHER83TJ8OTYl4epUzJC0aj2i4DMDT4iU+UqLT3EJeGQvJ17BMbm31x5scSwo3hPM0nqQ1AEA==",
+          "dev": true,
+          "requires": {
+            "@typescript-eslint/types": "5.30.7",
+            "@typescript-eslint/visitor-keys": "5.30.7",
+            "debug": "^4.3.4",
+            "globby": "^11.1.0",
+            "is-glob": "^4.0.3",
+            "semver": "^7.3.7",
+            "tsutils": "^3.21.0"
+          }
+        },
+        "@typescript-eslint/utils": {
+          "version": "5.30.7",
+          "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.30.7.tgz",
+          "integrity": "sha512-Z3pHdbFw+ftZiGUnm1GZhkJgVqsDL5CYW2yj+TB2mfXDFOMqtbzQi2dNJIyPqPbx9mv2kUxS1gU+r2gKlKi1rQ==",
+          "dev": true,
+          "requires": {
+            "@types/json-schema": "^7.0.9",
+            "@typescript-eslint/scope-manager": "5.30.7",
+            "@typescript-eslint/types": "5.30.7",
+            "@typescript-eslint/typescript-estree": "5.30.7",
+            "eslint-scope": "^5.1.1",
+            "eslint-utils": "^3.0.0"
+          }
+        },
+        "@typescript-eslint/visitor-keys": {
+          "version": "5.30.7",
+          "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.30.7.tgz",
+          "integrity": "sha512-KrRXf8nnjvcpxDFOKej4xkD7657+PClJs5cJVSG7NNoCNnjEdc46juNAQt7AyuWctuCgs6mVRc1xGctEqrjxWw==",
+          "dev": true,
+          "requires": {
+            "@typescript-eslint/types": "5.30.7",
+            "eslint-visitor-keys": "^3.3.0"
+          }
+        },
+        "eslint-visitor-keys": {
+          "version": "3.3.0",
+          "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz",
+          "integrity": "sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==",
+          "dev": true
+        }
+      }
+    },
+    "@typescript-eslint/parser": {
+      "version": "8.19.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.19.1.tgz",
+      "integrity": "sha512-67gbfv8rAwawjYx3fYArwldTQKoYfezNUT4D5ioWetr/xCrxXxvleo3uuiFuKfejipvq+og7mjz3b0G2bVyUCw==",
+      "dev": true,
+      "requires": {
+        "@typescript-eslint/scope-manager": "8.19.1",
+        "@typescript-eslint/types": "8.19.1",
+        "@typescript-eslint/typescript-estree": "8.19.1",
+        "@typescript-eslint/visitor-keys": "8.19.1",
+        "debug": "^4.3.4"
+      }
+    },
+    "@typescript-eslint/scope-manager": {
+      "version": "8.19.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.19.1.tgz",
+      "integrity": "sha512-60L9KIuN/xgmsINzonOcMDSB8p82h95hoBfSBtXuO4jlR1R9L1xSkmVZKgCPVfavDlXihh4ARNjXhh1gGnLC7Q==",
+      "dev": true,
+      "requires": {
+        "@typescript-eslint/types": "8.19.1",
+        "@typescript-eslint/visitor-keys": "8.19.1"
+      }
+    },
+    "@typescript-eslint/type-utils": {
+      "version": "8.19.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.19.1.tgz",
+      "integrity": "sha512-Rp7k9lhDKBMRJB/nM9Ksp1zs4796wVNyihG9/TU9R6KCJDNkQbc2EOKjrBtLYh3396ZdpXLtr/MkaSEmNMtykw==",
+      "dev": true,
+      "requires": {
+        "@typescript-eslint/typescript-estree": "8.19.1",
+        "@typescript-eslint/utils": "8.19.1",
+        "debug": "^4.3.4",
+        "ts-api-utils": "^2.0.0"
+      }
+    },
+    "@typescript-eslint/types": {
+      "version": "8.19.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.19.1.tgz",
+      "integrity": "sha512-JBVHMLj7B1K1v1051ZaMMgLW4Q/jre5qGK0Ew6UgXz1Rqh+/xPzV1aW581OM00X6iOfyr1be+QyW8LOUf19BbA==",
+      "dev": true
+    },
+    "@typescript-eslint/typescript-estree": {
+      "version": "8.19.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.19.1.tgz",
+      "integrity": "sha512-jk/TZwSMJlxlNnqhy0Eod1PNEvCkpY6MXOXE/WLlblZ6ibb32i2We4uByoKPv1d0OD2xebDv4hbs3fm11SMw8Q==",
+      "dev": true,
+      "requires": {
+        "@typescript-eslint/types": "8.19.1",
+        "@typescript-eslint/visitor-keys": "8.19.1",
+        "debug": "^4.3.4",
+        "fast-glob": "^3.3.2",
+        "is-glob": "^4.0.3",
+        "minimatch": "^9.0.4",
+        "semver": "^7.6.0",
+        "ts-api-utils": "^2.0.0"
+      },
+      "dependencies": {
+        "brace-expansion": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+          "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+          "dev": true,
+          "requires": {
+            "balanced-match": "^1.0.0"
+          }
+        },
+        "minimatch": {
+          "version": "9.0.5",
+          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+          "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+          "dev": true,
+          "requires": {
+            "brace-expansion": "^2.0.1"
+          }
+        },
+        "semver": {
+          "version": "7.6.3",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+          "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+          "dev": true
+        }
+      }
+    },
+    "@typescript-eslint/utils": {
+      "version": "8.19.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.19.1.tgz",
+      "integrity": "sha512-IxG5gLO0Ne+KaUc8iW1A+XuKLd63o4wlbI1Zp692n1xojCl/THvgIKXJXBZixTh5dd5+yTJ/VXH7GJaaw21qXA==",
+      "dev": true,
+      "requires": {
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "@typescript-eslint/scope-manager": "8.19.1",
+        "@typescript-eslint/types": "8.19.1",
+        "@typescript-eslint/typescript-estree": "8.19.1"
+      }
+    },
+    "@typescript-eslint/visitor-keys": {
+      "version": "8.19.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.19.1.tgz",
+      "integrity": "sha512-fzmjU8CHK853V/avYZAvuVut3ZTfwN5YtMaoi+X9Y9MA9keaWNHC3zEQ9zvyX/7Hj+5JkNyK1l7TOR2hevHB6Q==",
+      "dev": true,
+      "requires": {
+        "@typescript-eslint/types": "8.19.1",
+        "eslint-visitor-keys": "^4.2.0"
+      },
+      "dependencies": {
+        "eslint-visitor-keys": {
+          "version": "4.2.0",
+          "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz",
+          "integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==",
+          "dev": true
+        }
+      }
+    },
+    "@ungap/structured-clone": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.1.tgz",
+      "integrity": "sha512-fEzPV3hSkSMltkw152tJKNARhOupqbH96MZWyRjNaYZOMIzbrTeQDG+MTc6Mr2pgzFQzFxAfmhGDNP5QK++2ZA==",
+      "dev": true
+    },
+    "@vitest/pretty-format": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-2.1.4.tgz",
+      "integrity": "sha512-L95zIAkEuTDbUX1IsjRl+vyBSLh3PwLLgKpghl37aCK9Jvw0iP+wKwIFhfjdUtA2myLgjrG6VU6JCFLv8q/3Ww==",
+      "dev": true,
+      "requires": {
+        "tinyrainbow": "^1.2.0"
+      }
+    },
+    "@vitest/snapshot": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-2.1.4.tgz",
+      "integrity": "sha512-3Kab14fn/5QZRog5BPj6Rs8dc4B+mim27XaKWFWHWA87R56AKjHTGcBFKpvZKDzC4u5Wd0w/qKsUIio3KzWW4Q==",
+      "dev": true,
+      "requires": {
+        "@vitest/pretty-format": "2.1.4",
+        "magic-string": "^0.30.12",
+        "pathe": "^1.1.2"
+      }
+    },
+    "@vladmandic/human": {
+      "version": "2.6.5",
+      "resolved": "https://registry.npmjs.org/@vladmandic/human/-/human-2.6.5.tgz",
+      "integrity": "sha512-5fG5lICkJw17d8fT9ZHtioAPLmOKsQlNN4rbuA1t21HlV7KL3M2EMbYeO+ZE0t6VLSioZZH/KoOFvW5A0JP0Hg=="
+    },
+    "@vladmandic/human-models": {
+      "version": "2.5.9",
+      "resolved": "https://registry.npmjs.org/@vladmandic/human-models/-/human-models-2.5.9.tgz",
+      "integrity": "sha512-WhV0RIeELsA73LGMpemYJvpIEuG0nkh6rP1x7JctKDQkNaARgWolTq9r1RUvWw++rQfzfZ82bYcAauJcaGW6bw==",
+      "requires": {
+        "@vladmandic/human": "^2.5.8"
+      }
+    },
+    "@wdio/allure-reporter": {
+      "version": "9.22.0",
+      "resolved": "https://registry.npmjs.org/@wdio/allure-reporter/-/allure-reporter-9.22.0.tgz",
+      "integrity": "sha512-IkCqi8KAvSNu91O3QhuA3fmyasFvWCjmiw4rv4OCNC4Oe7uuU4WA5Rm+3AscQyrWurAlR0bxaPC7+uqKMt0NEw==",
+      "dev": true,
+      "requires": {
+        "@types/node": "^20.1.0",
+        "@wdio/reporter": "9.20.0",
+        "@wdio/types": "9.20.0",
+        "allure-js-commons": "^3.3.2",
+        "csv-stringify": "^6.0.4",
+        "html-entities": "^2.6.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
+          "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
+          "dev": true
+        },
+        "strip-ansi": {
+          "version": "7.1.0",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+          "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^6.0.1"
+          }
+        }
+      }
+    },
+    "@wdio/cli": {
+      "version": "9.22.0",
+      "resolved": "https://registry.npmjs.org/@wdio/cli/-/cli-9.22.0.tgz",
+      "integrity": "sha512-vVl5IcyebbLhZBanyf4FDtOUacc45ODzI78dPFRVgXuJqjOMWhEGhZmUNPG+ApxmDbs0j5qi1wE8m7gct5NJkQ==",
+      "dev": true,
+      "requires": {
+        "@vitest/snapshot": "^2.1.1",
+        "@wdio/config": "9.22.0",
+        "@wdio/globals": "9.17.0",
+        "@wdio/logger": "9.18.0",
+        "@wdio/protocols": "9.16.2",
+        "@wdio/types": "9.20.0",
+        "@wdio/utils": "9.22.0",
+        "async-exit-hook": "^2.0.1",
+        "chalk": "^5.4.1",
+        "chokidar": "^4.0.0",
+        "create-wdio": "9.21.0",
+        "dotenv": "^17.2.0",
+        "import-meta-resolve": "^4.0.0",
+        "lodash.flattendeep": "^4.4.0",
+        "lodash.pickby": "^4.6.0",
+        "lodash.union": "^4.6.0",
+        "read-pkg-up": "^10.0.0",
+        "tsx": "^4.7.2",
+        "webdriverio": "9.22.0",
+        "yargs": "^17.7.2"
+      },
+      "dependencies": {
+        "chalk": {
+          "version": "5.6.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz",
+          "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==",
+          "dev": true
+        },
+        "chokidar": {
+          "version": "4.0.1",
+          "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.1.tgz",
+          "integrity": "sha512-n8enUVCED/KVRQlab1hr3MVpcVMvxtZjmEa956u+4YijlmQED223XMSYj2tLuKvr4jcCTzNNMpQDUer72MMmzA==",
+          "dev": true,
+          "requires": {
+            "readdirp": "^4.0.1"
+          }
+        },
+        "readdirp": {
+          "version": "4.0.2",
+          "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.0.2.tgz",
+          "integrity": "sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==",
+          "dev": true
+        }
+      }
+    },
+    "@wdio/config": {
+      "version": "9.22.0",
+      "resolved": "https://registry.npmjs.org/@wdio/config/-/config-9.22.0.tgz",
+      "integrity": "sha512-SQsTSZowEI+whPlwPLsX9ICr6BiG39NLmzED7OWfaowribQ0XylRhoWodcRu6cB/ZCzminZajBUG5XgarNWnRw==",
+      "dev": true,
+      "requires": {
+        "@wdio/logger": "9.18.0",
+        "@wdio/types": "9.20.0",
+        "@wdio/utils": "9.22.0",
+        "deepmerge-ts": "^7.0.3",
+        "glob": "^10.2.2",
+        "import-meta-resolve": "^4.0.0"
+      },
+      "dependencies": {
+        "brace-expansion": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+          "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+          "dev": true,
+          "requires": {
+            "balanced-match": "^1.0.0"
+          }
+        },
+        "glob": {
+          "version": "10.5.0",
+          "resolved": "https://registry.npmjs.org/glob/-/glob-10.5.0.tgz",
+          "integrity": "sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==",
+          "dev": true,
+          "requires": {
+            "foreground-child": "^3.1.0",
+            "jackspeak": "^3.1.2",
+            "minimatch": "^9.0.4",
+            "minipass": "^7.1.2",
+            "package-json-from-dist": "^1.0.0",
+            "path-scurry": "^1.11.1"
+          }
+        },
+        "minimatch": {
+          "version": "9.0.5",
+          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+          "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+          "dev": true,
+          "requires": {
+            "brace-expansion": "^2.0.1"
+          }
+        }
+      }
+    },
+    "@wdio/dot-reporter": {
+      "version": "9.20.0",
+      "resolved": "https://registry.npmjs.org/@wdio/dot-reporter/-/dot-reporter-9.20.0.tgz",
+      "integrity": "sha512-lRhihDQ56dApJcKOIEkVHThl8t2e5h7f3FW3JVmMLcGgbbkkLgXqVWPpbEGJcLld3wL4CipAPojVE/YEWp80hw==",
+      "dev": true,
+      "requires": {
+        "@wdio/reporter": "9.20.0",
+        "@wdio/types": "9.20.0",
+        "chalk": "^5.0.1"
+      },
+      "dependencies": {
+        "chalk": {
+          "version": "5.6.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz",
+          "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==",
+          "dev": true
+        }
+      }
+    },
+    "@wdio/globals": {
+      "version": "9.17.0",
+      "resolved": "https://registry.npmjs.org/@wdio/globals/-/globals-9.17.0.tgz",
+      "integrity": "sha512-i38o7wlipLllNrk2hzdDfAmk6nrqm3lR2MtAgWgtHbwznZAKkB84KpkNFfmUXw5Kg3iP1zKlSjwZpKqenuLc+Q==",
+      "dev": true
+    },
+    "@wdio/junit-reporter": {
+      "version": "9.21.0",
+      "resolved": "https://registry.npmjs.org/@wdio/junit-reporter/-/junit-reporter-9.21.0.tgz",
+      "integrity": "sha512-1vuym8VuTqhJMe3Xb71PLxmTUxo9+fcXnzZcqiYdQtKdN3nibKkuctRU8oTAMGQqLY2VPtHd4MbUGmd+CVlaCg==",
+      "dev": true,
+      "requires": {
+        "@wdio/reporter": "9.20.0",
+        "@wdio/types": "9.20.0",
+        "json-stringify-safe": "^5.0.1",
+        "junit-report-builder": "^5.1.1"
+      }
+    },
+    "@wdio/local-runner": {
+      "version": "9.22.0",
+      "resolved": "https://registry.npmjs.org/@wdio/local-runner/-/local-runner-9.22.0.tgz",
+      "integrity": "sha512-pAJdKOwjg8VrNG9MogxctqdBSz3ISGsi9h0tBxbvH4VPQYQEwxN98QOlwPojxLgHU29BmtTwZsobN3f++O8Wcw==",
+      "dev": true,
+      "requires": {
+        "@types/node": "^20.1.0",
+        "@wdio/logger": "9.18.0",
+        "@wdio/repl": "9.16.2",
+        "@wdio/runner": "9.22.0",
+        "@wdio/types": "9.20.0",
+        "@wdio/xvfb": "9.20.0",
+        "exit-hook": "^4.0.0",
+        "expect-webdriverio": "^5.3.4",
+        "split2": "^4.1.0",
+        "stream-buffers": "^3.0.2"
+      }
+    },
+    "@wdio/logger": {
+      "version": "9.18.0",
+      "resolved": "https://registry.npmjs.org/@wdio/logger/-/logger-9.18.0.tgz",
+      "integrity": "sha512-HdzDrRs+ywAqbXGKqe1i/bLtCv47plz4TvsHFH3j729OooT5VH38ctFn5aLXgECmiAKDkmH/A6kOq2Zh5DIxww==",
+      "dev": true,
+      "requires": {
+        "chalk": "^5.1.2",
+        "loglevel": "^1.6.0",
+        "loglevel-plugin-prefix": "^0.8.4",
+        "safe-regex2": "^5.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "6.2.2",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
+          "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+          "dev": true
+        },
+        "chalk": {
+          "version": "5.6.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz",
+          "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==",
+          "dev": true
+        },
+        "strip-ansi": {
+          "version": "7.1.2",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.2.tgz",
+          "integrity": "sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^6.0.1"
+          }
+        }
+      }
+    },
+    "@wdio/mocha-framework": {
+      "version": "9.22.0",
+      "resolved": "https://registry.npmjs.org/@wdio/mocha-framework/-/mocha-framework-9.22.0.tgz",
+      "integrity": "sha512-HqEt1+eeaI+x5bgvZ3aEiWXEO/gOgA9B9xfCXXzQFiC3JxzK36nbSk+nO35gL5svi+RMuk2gxw5IqTXjSRSjrA==",
+      "dev": true,
+      "requires": {
+        "@types/mocha": "^10.0.6",
+        "@types/node": "^20.11.28",
+        "@wdio/logger": "9.18.0",
+        "@wdio/types": "9.20.0",
+        "@wdio/utils": "9.22.0",
+        "mocha": "^10.3.0"
+      }
+    },
+    "@wdio/protocols": {
+      "version": "9.16.2",
+      "resolved": "https://registry.npmjs.org/@wdio/protocols/-/protocols-9.16.2.tgz",
+      "integrity": "sha512-h3k97/lzmyw5MowqceAuY3HX/wGJojXHkiPXA3WlhGPCaa2h4+GovV2nJtRvknCKsE7UHA1xB5SWeI8MzloBew==",
+      "dev": true
+    },
+    "@wdio/repl": {
+      "version": "9.16.2",
+      "resolved": "https://registry.npmjs.org/@wdio/repl/-/repl-9.16.2.tgz",
+      "integrity": "sha512-FLTF0VL6+o5BSTCO7yLSXocm3kUnu31zYwzdsz4n9s5YWt83sCtzGZlZpt7TaTzb3jVUfxuHNQDTb8UMkCu0lQ==",
+      "dev": true,
+      "requires": {
+        "@types/node": "^20.1.0"
+      }
+    },
+    "@wdio/reporter": {
+      "version": "9.20.0",
+      "resolved": "https://registry.npmjs.org/@wdio/reporter/-/reporter-9.20.0.tgz",
+      "integrity": "sha512-HjKJzm8o0MCcnwGVGprzaCAyau0OB8mWHwH1ZI/ka+z1nmVBr2tsr7H53SdHsGIhAg/XuZObobqdzeVF63ApeA==",
+      "dev": true,
+      "requires": {
+        "@types/node": "^20.1.0",
+        "@wdio/logger": "9.18.0",
+        "@wdio/types": "9.20.0",
+        "diff": "^8.0.2",
+        "object-inspect": "^1.12.0"
+      }
+    },
+    "@wdio/runner": {
+      "version": "9.22.0",
+      "resolved": "https://registry.npmjs.org/@wdio/runner/-/runner-9.22.0.tgz",
+      "integrity": "sha512-izvzBYlAVTx5ekkEHnHEkNjm1BXDZkd4+rPMrLtvWRli4k3pRNGACpJzRRHkjFYEhbDoFg1SmwsCAOK08X6Qbw==",
+      "dev": true,
+      "requires": {
+        "@types/node": "^20.11.28",
+        "@wdio/config": "9.22.0",
+        "@wdio/dot-reporter": "9.20.0",
+        "@wdio/globals": "9.17.0",
+        "@wdio/logger": "9.18.0",
+        "@wdio/types": "9.20.0",
+        "@wdio/utils": "9.22.0",
+        "deepmerge-ts": "^7.0.3",
+        "webdriver": "9.22.0",
+        "webdriverio": "9.22.0"
+      }
+    },
+    "@wdio/types": {
+      "version": "9.20.0",
+      "resolved": "https://registry.npmjs.org/@wdio/types/-/types-9.20.0.tgz",
+      "integrity": "sha512-zMmAtse2UMCSOW76mvK3OejauAdcFGuKopNRH7crI0gwKTZtvV89yXWRziz9cVXpFgfmJCjf9edxKFWdhuF5yw==",
+      "dev": true,
+      "requires": {
+        "@types/node": "^20.1.0"
+      }
+    },
+    "@wdio/utils": {
+      "version": "9.22.0",
+      "resolved": "https://registry.npmjs.org/@wdio/utils/-/utils-9.22.0.tgz",
+      "integrity": "sha512-5j2nn2bBjj41wxXsVT43sUMOKR0qiKNDRG1UcKQ6NkfsWFObSehMAS0a9ZZu//+ooTxRkwHjvLdQrXIrPnTLzg==",
+      "dev": true,
+      "requires": {
+        "@puppeteer/browsers": "^2.2.0",
+        "@wdio/logger": "9.18.0",
+        "@wdio/types": "9.20.0",
+        "decamelize": "^6.0.0",
+        "deepmerge-ts": "^7.0.3",
+        "edgedriver": "^6.1.2",
+        "geckodriver": "^6.1.0",
+        "get-port": "^7.0.0",
+        "import-meta-resolve": "^4.0.0",
+        "locate-app": "^2.2.24",
+        "mitt": "^3.0.1",
+        "safaridriver": "^1.0.0",
+        "split2": "^4.2.0",
+        "wait-port": "^1.1.0"
+      },
+      "dependencies": {
+        "decamelize": {
+          "version": "6.0.1",
+          "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-6.0.1.tgz",
+          "integrity": "sha512-G7Cqgaelq68XHJNGlZ7lrNQyhZGsFqpwtGFexqUv4IQdjKoSYF7ipZ9UuTJZUSQXFj/XaoBLuEVIVqr8EJngEQ==",
+          "dev": true
+        }
+      }
+    },
+    "@wdio/xvfb": {
+      "version": "9.20.0",
+      "resolved": "https://registry.npmjs.org/@wdio/xvfb/-/xvfb-9.20.0.tgz",
+      "integrity": "sha512-shllZH9CsLiZqTXkqBTJrwi6k/ajBE7/78fQgvafMUIQU1Hpb2RdsmydKfPFZ5NDoA+LNm67PD2cPkvkXy4pSw==",
+      "dev": true,
+      "requires": {
+        "@wdio/logger": "9.18.0"
+      }
+    },
+    "@webassemblyjs/ast": {
+      "version": "1.12.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.12.1.tgz",
+      "integrity": "sha512-EKfMUOPRRUTy5UII4qJDGPpqfwjOmZ5jeGFwid9mnoqIFK+e0vqoi1qH56JpmZSzEL53jKnNzScdmftJyG5xWg==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/helper-numbers": "1.11.6",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.6"
+      }
+    },
+    "@webassemblyjs/floating-point-hex-parser": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.6.tgz",
+      "integrity": "sha512-ejAj9hfRJ2XMsNHk/v6Fu2dGS+i4UaXBXGemOfQ/JfQ6mdQg/WXtwleQRLLS4OvfDhv8rYnVwH27YJLMyYsxhw==",
+      "dev": true
+    },
+    "@webassemblyjs/helper-api-error": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.6.tgz",
+      "integrity": "sha512-o0YkoP4pVu4rN8aTJgAyj9hC2Sv5UlkzCHhxqWj8butaLvnpdc2jOwh4ewE6CX0txSfLn/UYaV/pheS2Txg//Q==",
+      "dev": true
+    },
+    "@webassemblyjs/helper-buffer": {
+      "version": "1.12.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.12.1.tgz",
+      "integrity": "sha512-nzJwQw99DNDKr9BVCOZcLuJJUlqkJh+kVzVl6Fmq/tI5ZtEyWT1KZMyOXltXLZJmDtvLCDgwsyrkohEtopTXCw==",
+      "dev": true
+    },
+    "@webassemblyjs/helper-numbers": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.6.tgz",
+      "integrity": "sha512-vUIhZ8LZoIWHBohiEObxVm6hwP034jwmc9kuq5GdHZH0wiLVLIPcMCdpJzG4C11cHoQ25TFIQj9kaVADVX7N3g==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/floating-point-hex-parser": "1.11.6",
+        "@webassemblyjs/helper-api-error": "1.11.6",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "@webassemblyjs/helper-wasm-bytecode": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.6.tgz",
+      "integrity": "sha512-sFFHKwcmBprO9e7Icf0+gddyWYDViL8bpPjJJl0WHxCdETktXdmtWLGVzoHbqUcY4Be1LkNfwTmXOJUFZYSJdA==",
+      "dev": true
+    },
+    "@webassemblyjs/helper-wasm-section": {
+      "version": "1.12.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.12.1.tgz",
+      "integrity": "sha512-Jif4vfB6FJlUlSbgEMHUyk1j234GTNG9dBJ4XJdOySoj518Xj0oGsNi59cUQF4RRMS9ouBUxDDdyBVfPTypa5g==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.12.1",
+        "@webassemblyjs/helper-buffer": "1.12.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/wasm-gen": "1.12.1"
+      }
+    },
+    "@webassemblyjs/ieee754": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.6.tgz",
+      "integrity": "sha512-LM4p2csPNvbij6U1f19v6WR56QZ8JcHg3QIJTlSwzFcmx6WSORicYj6I63f9yU1kEUtrpG+kjkiIAkevHpDXrg==",
+      "dev": true,
+      "requires": {
+        "@xtuc/ieee754": "^1.2.0"
+      }
+    },
+    "@webassemblyjs/leb128": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.6.tgz",
+      "integrity": "sha512-m7a0FhE67DQXgouf1tbN5XQcdWoNgaAuoULHIfGFIEVKA6tu/edls6XnIlkmS6FrXAquJRPni3ZZKjw6FSPjPQ==",
+      "dev": true,
+      "requires": {
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "@webassemblyjs/utf8": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.6.tgz",
+      "integrity": "sha512-vtXf2wTQ3+up9Zsg8sa2yWiQpzSsMyXj0qViVP6xKGCUT8p8YJ6HqI7l5eCnWx1T/FYdsv07HQs2wTFbbof/RA==",
+      "dev": true
+    },
+    "@webassemblyjs/wasm-edit": {
+      "version": "1.12.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.12.1.tgz",
+      "integrity": "sha512-1DuwbVvADvS5mGnXbE+c9NfA8QRcZ6iKquqjjmR10k6o+zzsRVesil54DKexiowcFCPdr/Q0qaMgB01+SQ1u6g==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.12.1",
+        "@webassemblyjs/helper-buffer": "1.12.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/helper-wasm-section": "1.12.1",
+        "@webassemblyjs/wasm-gen": "1.12.1",
+        "@webassemblyjs/wasm-opt": "1.12.1",
+        "@webassemblyjs/wasm-parser": "1.12.1",
+        "@webassemblyjs/wast-printer": "1.12.1"
+      }
+    },
+    "@webassemblyjs/wasm-gen": {
+      "version": "1.12.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.12.1.tgz",
+      "integrity": "sha512-TDq4Ojh9fcohAw6OIMXqiIcTq5KUXTGRkVxbSo1hQnSy6lAM5GSdfwWeSxpAo0YzgsgF182E/U0mDNhuA0tW7w==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.12.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/ieee754": "1.11.6",
+        "@webassemblyjs/leb128": "1.11.6",
+        "@webassemblyjs/utf8": "1.11.6"
+      }
+    },
+    "@webassemblyjs/wasm-opt": {
+      "version": "1.12.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.12.1.tgz",
+      "integrity": "sha512-Jg99j/2gG2iaz3hijw857AVYekZe2SAskcqlWIZXjji5WStnOpVoat3gQfT/Q5tb2djnCjBtMocY/Su1GfxPBg==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.12.1",
+        "@webassemblyjs/helper-buffer": "1.12.1",
+        "@webassemblyjs/wasm-gen": "1.12.1",
+        "@webassemblyjs/wasm-parser": "1.12.1"
+      }
+    },
+    "@webassemblyjs/wasm-parser": {
+      "version": "1.12.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.12.1.tgz",
+      "integrity": "sha512-xikIi7c2FHXysxXe3COrVUPSheuBtpcfhbpFj4gmu7KRLYOzANztwUU0IbsqvMqzuNK2+glRGWCEqZo1WCLyAQ==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.12.1",
+        "@webassemblyjs/helper-api-error": "1.11.6",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/ieee754": "1.11.6",
+        "@webassemblyjs/leb128": "1.11.6",
+        "@webassemblyjs/utf8": "1.11.6"
+      }
+    },
+    "@webassemblyjs/wast-printer": {
+      "version": "1.12.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.12.1.tgz",
+      "integrity": "sha512-+X4WAlOisVWQMikjbcvY2e0rwPsKQ9F688lksZhBcPycBBuii3O7m8FACbDMWDojpAqvjIncrG8J0XHKyQfVeA==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.12.1",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "@webpack-cli/configtest": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@webpack-cli/configtest/-/configtest-2.1.1.tgz",
+      "integrity": "sha512-wy0mglZpDSiSS0XHrVR+BAdId2+yxPSoJW8fsna3ZpYSlufjvxnP4YbKTCBZnNIcGN4r6ZPXV55X4mYExOfLmw==",
+      "dev": true
+    },
+    "@webpack-cli/info": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@webpack-cli/info/-/info-2.0.2.tgz",
+      "integrity": "sha512-zLHQdI/Qs1UyT5UBdWNqsARasIA+AaF8t+4u2aS2nEpBQh2mWIVb8qAklq0eUENnC5mOItrIB4LiS9xMtph18A==",
+      "dev": true
+    },
+    "@webpack-cli/serve": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@webpack-cli/serve/-/serve-2.0.5.tgz",
+      "integrity": "sha512-lqaoKnRYBdo1UgDX8uF24AfGMifWK19TxPmM5FHc2vAGxrJ/qtyUyFBWoY1tISZdelsQ5fBcOusifo5o5wSJxQ==",
+      "dev": true
+    },
+    "@xmldom/xmldom": {
+      "version": "0.8.7",
+      "resolved": "https://registry.npmjs.org/@xmldom/xmldom/-/xmldom-0.8.7.tgz",
+      "integrity": "sha512-sI1Ly2cODlWStkINzqGrZ8K6n+MTSbAeQnAipGyL+KZCXuHaRlj2gyyy8B/9MvsFFqN7XHryQnB2QwhzvJXovg=="
+    },
+    "@xobotyi/scrollbar-width": {
+      "version": "1.9.5",
+      "resolved": "https://registry.npmjs.org/@xobotyi/scrollbar-width/-/scrollbar-width-1.9.5.tgz",
+      "integrity": "sha512-N8tkAACJx2ww8vFMneJmaAgmjAG1tnVBZJRLRcx061tmsLRZHSEZSLuGWnwPtunsSLvSqXQ2wfp7Mgqg1I+2dQ=="
+    },
+    "@xtuc/ieee754": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
+      "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
+      "dev": true
+    },
+    "@xtuc/long": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
+      "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
+      "dev": true
+    },
+    "@yarnpkg/lockfile": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@yarnpkg/lockfile/-/lockfile-1.1.0.tgz",
+      "integrity": "sha512-GpSwvyXOcOOlV70vbnzjj4fW5xW/FdUF6nQEt1ENy7m4ZCczi1+/buVUPAqmGfqznsORNFzUMjctTIp8a9tuCQ==",
+      "dev": true
+    },
+    "@zip.js/zip.js": {
+      "version": "2.8.11",
+      "resolved": "https://registry.npmjs.org/@zip.js/zip.js/-/zip.js-2.8.11.tgz",
+      "integrity": "sha512-0fztsk/0ryJ+2PPr9EyXS5/Co7OK8q3zY/xOoozEWaUsL5x+C0cyZ4YyMuUffOO2Dx/rAdq4JMPqW0VUtm+vzA==",
+      "dev": true
+    },
+    "abab": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz",
+      "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA=="
+    },
+    "abbrev": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-2.0.0.tgz",
+      "integrity": "sha512-6/mh1E2u2YgEsCHdY0Yx5oW+61gZU+1vXaoiHHrpKeuRNNgFvS+/jrwHiQhB5apAf5oB7UB7E19ol2R2LKH8hQ==",
+      "dev": true
+    },
+    "abort-controller": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
+      "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
+      "requires": {
+        "event-target-shim": "^5.0.0"
+      }
+    },
+    "accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "requires": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      }
+    },
+    "acorn": {
+      "version": "8.14.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
+      "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA=="
+    },
+    "acorn-import-attributes": {
+      "version": "1.9.5",
+      "resolved": "https://registry.npmjs.org/acorn-import-attributes/-/acorn-import-attributes-1.9.5.tgz",
+      "integrity": "sha512-n02Vykv5uA3eHGM/Z2dQrcD56kL8TyDb2p1+0P83PClMnC/nc+anbQRhIOWnSq4Ke/KvDPrY3C9hDtC/A3eHnQ==",
+      "dev": true
+    },
+    "acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true
+    },
+    "acorn-walk": {
+      "version": "8.2.0",
+      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.2.0.tgz",
+      "integrity": "sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==",
+      "dev": true
+    },
+    "agent-base": {
+      "version": "7.1.4",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz",
+      "integrity": "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==",
+      "dev": true
+    },
+    "ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "requires": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      }
+    },
+    "ajv-formats": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz",
+      "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==",
+      "dev": true,
+      "requires": {
+        "ajv": "^8.0.0"
+      },
+      "dependencies": {
+        "ajv": {
+          "version": "8.10.0",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.10.0.tgz",
+          "integrity": "sha512-bzqAEZOjkrUMl2afH8dknrq5KEk2SrwdBROR+vH1EKVQTqaUbJVPdc/gEdggTMM0Se+s+Ja4ju4TlNcStKl2Hw==",
+          "dev": true,
+          "requires": {
+            "fast-deep-equal": "^3.1.1",
+            "json-schema-traverse": "^1.0.0",
+            "require-from-string": "^2.0.2",
+            "uri-js": "^4.2.2"
+          }
+        },
+        "json-schema-traverse": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+          "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+          "dev": true
+        }
+      }
+    },
+    "ajv-keywords": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
+      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ=="
+    },
+    "allure-commandline": {
+      "version": "2.32.0",
+      "resolved": "https://registry.npmjs.org/allure-commandline/-/allure-commandline-2.32.0.tgz",
+      "integrity": "sha512-W03ors+ks8uy0SgQILHQvtvR0iadAfDYmTFC3p8Pk4pi8KXUW1cF+z8FN2+7deH3FE2cuYgjhhA+CdLdJfzOMQ=="
+    },
+    "allure-js-commons": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/allure-js-commons/-/allure-js-commons-3.4.3.tgz",
+      "integrity": "sha512-2n2uUFVmI7OaKXfkUPq2AcD1ksPR/WXZ9IhmQlMylb8bNpPChn1QPA/W97+RDYawFgvfhnadzIrH9ZWTWKjiNg==",
+      "dev": true,
+      "requires": {
+        "md5": "^2.3.0"
+      }
+    },
+    "amplitude-js": {
+      "version": "8.21.9",
+      "resolved": "https://registry.npmjs.org/amplitude-js/-/amplitude-js-8.21.9.tgz",
+      "integrity": "sha512-d0jJH00wbXu7sxKtVwkdSXtVffjqdUrxuACKlnzP7jU5qt9wriXXMgHifdH5Oq+buKmyF8wKL9S02gAykysURA==",
+      "requires": {
+        "@amplitude/analytics-connector": "^1.4.6",
+        "@amplitude/ua-parser-js": "0.7.33",
+        "@amplitude/utils": "^1.10.2",
+        "@babel/runtime": "^7.21.0",
+        "blueimp-md5": "^2.19.0",
+        "query-string": "8.1.0"
+      },
+      "dependencies": {
+        "decode-uri-component": {
+          "version": "0.4.1",
+          "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.4.1.tgz",
+          "integrity": "sha512-+8VxcR21HhTy8nOt6jf20w0c9CADrw1O8d+VZ/YzzCt4bJ3uBjw+D1q2osAB8RnpwwaeYBxy0HyKQxD5JBMuuQ=="
+        },
+        "filter-obj": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/filter-obj/-/filter-obj-5.1.0.tgz",
+          "integrity": "sha512-qWeTREPoT7I0bifpPUXtxkZJ1XJzxWtfoWWkdVGqa+eCr3SHW/Ocp89o8vLvbUuQnadybJpjOKu4V+RwO6sGng=="
+        },
+        "query-string": {
+          "version": "8.1.0",
+          "resolved": "https://registry.npmjs.org/query-string/-/query-string-8.1.0.tgz",
+          "integrity": "sha512-BFQeWxJOZxZGix7y+SByG3F36dA0AbTy9o6pSmKFcFz7DAj0re9Frkty3saBn3nHo3D0oZJ/+rx3r8H8r8Jbpw==",
+          "requires": {
+            "decode-uri-component": "^0.4.1",
+            "filter-obj": "^5.1.0",
+            "split-on-first": "^3.0.0"
+          }
+        },
+        "split-on-first": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/split-on-first/-/split-on-first-3.0.0.tgz",
+          "integrity": "sha512-qxQJTx2ryR0Dw0ITYyekNQWpz6f8dGd7vffGNflQQ3Iqj9NJ6qiZ7ELpZsJ/QBhIVAiDfXdag3+Gp8RvWa62AA=="
+        }
+      }
+    },
+    "anser": {
+      "version": "1.4.10",
+      "resolved": "https://registry.npmjs.org/anser/-/anser-1.4.10.tgz",
+      "integrity": "sha512-hCv9AqTQ8ycjpSd3upOJd7vFwW1JaoYQ7tpham03GJ1ca8/65rqn0RpaWpItOAd6ylW9wAw6luXYPJIyPFVOww=="
+    },
+    "ansi-colors": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz",
+      "integrity": "sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==",
+      "dev": true
+    },
+    "ansi-fragments": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-fragments/-/ansi-fragments-0.2.1.tgz",
+      "integrity": "sha512-DykbNHxuXQwUDRv5ibc2b0x7uw7wmwOGLBUd5RmaQ5z8Lhx19vwvKV+FAsM5rEA6dEcHxX+/Ad5s9eF2k2bB+w==",
+      "dev": true,
+      "requires": {
+        "colorette": "^1.0.7",
+        "slice-ansi": "^2.0.0",
+        "strip-ansi": "^5.0.0"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.1.tgz",
+          "integrity": "sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g==",
+          "dev": true
+        },
+        "strip-ansi": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
+          "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^4.1.0"
+          }
+        }
+      }
+    },
+    "ansi-html-community": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/ansi-html-community/-/ansi-html-community-0.0.8.tgz",
+      "integrity": "sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw==",
+      "dev": true
+    },
+    "ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="
+    },
+    "ansi-styles": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+      "dev": true,
+      "requires": {
+        "color-convert": "^1.9.0"
+      }
+    },
+    "anymatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.2.tgz",
+      "integrity": "sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==",
+      "requires": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      }
+    },
+    "appdirsjs": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/appdirsjs/-/appdirsjs-1.2.7.tgz",
+      "integrity": "sha512-Quji6+8kLBC3NnBeo14nPDq0+2jUs5s3/xEye+udFHumHhRk4M7aAMXp/PBJqkKYGuuyR9M/6Dq7d2AViiGmhw==",
+      "dev": true
+    },
+    "append-query": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/append-query/-/append-query-2.1.1.tgz",
+      "integrity": "sha512-adm0E8o1o7ay+HbkWvGIpNNeciLB/rxJ0heThHuzSSVq5zcdQ5/ZubFnUoY0imFmk6gZVghSpwoubLVtwi9EHQ==",
+      "requires": {
+        "extend": "^3.0.2"
+      }
+    },
+    "archiver": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/archiver/-/archiver-7.0.1.tgz",
+      "integrity": "sha512-ZcbTaIqJOfCc03QwD468Unz/5Ir8ATtvAHsK+FdXbDIbGfihqh9mrvdcYunQzqn4HrvWWaFyaxJhGZagaJJpPQ==",
+      "dev": true,
+      "requires": {
+        "archiver-utils": "^5.0.2",
+        "async": "^3.2.4",
+        "buffer-crc32": "^1.0.0",
+        "readable-stream": "^4.0.0",
+        "readdir-glob": "^1.1.2",
+        "tar-stream": "^3.0.0",
+        "zip-stream": "^6.0.1"
+      },
+      "dependencies": {
+        "buffer": {
+          "version": "6.0.3",
+          "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+          "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+          "dev": true,
+          "requires": {
+            "base64-js": "^1.3.1",
+            "ieee754": "^1.2.1"
+          }
+        },
+        "readable-stream": {
+          "version": "4.7.0",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.7.0.tgz",
+          "integrity": "sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==",
+          "dev": true,
+          "requires": {
+            "abort-controller": "^3.0.0",
+            "buffer": "^6.0.3",
+            "events": "^3.3.0",
+            "process": "^0.11.10",
+            "string_decoder": "^1.3.0"
+          }
+        }
+      }
+    },
+    "archiver-utils": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/archiver-utils/-/archiver-utils-5.0.2.tgz",
+      "integrity": "sha512-wuLJMmIBQYCsGZgYLTy5FIB2pF6Lfb6cXMSF8Qywwk3t20zWnAi7zLcQFdKQmIB8wyZpY5ER38x08GbwtR2cLA==",
+      "dev": true,
+      "requires": {
+        "glob": "^10.0.0",
+        "graceful-fs": "^4.2.0",
+        "is-stream": "^2.0.1",
+        "lazystream": "^1.0.0",
+        "lodash": "^4.17.15",
+        "normalize-path": "^3.0.0",
+        "readable-stream": "^4.0.0"
+      },
+      "dependencies": {
+        "brace-expansion": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+          "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+          "dev": true,
+          "requires": {
+            "balanced-match": "^1.0.0"
+          }
+        },
+        "buffer": {
+          "version": "6.0.3",
+          "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+          "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+          "dev": true,
+          "requires": {
+            "base64-js": "^1.3.1",
+            "ieee754": "^1.2.1"
+          }
+        },
+        "glob": {
+          "version": "10.5.0",
+          "resolved": "https://registry.npmjs.org/glob/-/glob-10.5.0.tgz",
+          "integrity": "sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==",
+          "dev": true,
+          "requires": {
+            "foreground-child": "^3.1.0",
+            "jackspeak": "^3.1.2",
+            "minimatch": "^9.0.4",
+            "minipass": "^7.1.2",
+            "package-json-from-dist": "^1.0.0",
+            "path-scurry": "^1.11.1"
+          }
+        },
+        "minimatch": {
+          "version": "9.0.5",
+          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+          "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+          "dev": true,
+          "requires": {
+            "brace-expansion": "^2.0.1"
+          }
+        },
+        "readable-stream": {
+          "version": "4.7.0",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.7.0.tgz",
+          "integrity": "sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==",
+          "dev": true,
+          "requires": {
+            "abort-controller": "^3.0.0",
+            "buffer": "^6.0.3",
+            "events": "^3.3.0",
+            "process": "^0.11.10",
+            "string_decoder": "^1.3.0"
+          }
+        }
+      }
+    },
+    "are-docs-informative": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/are-docs-informative/-/are-docs-informative-0.0.2.tgz",
+      "integrity": "sha512-ixiS0nLNNG5jNQzgZJNoUpBKdo9yTYZMGJ+QgT2jmjR7G7+QHRCc4v6LQ3NgE7EBJq+o0ams3waJwkrlBom8Ig==",
+      "dev": true
+    },
+    "argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
+    },
+    "aria-hidden": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.3.tgz",
+      "integrity": "sha512-xcLxITLe2HYa1cnYnwCjkOO1PqUHQpozB8x9AR0OgWN2woOBi5kSDVxKfd0b7sb1hw5qFeJhXm9H1nu3xSfLeQ==",
+      "requires": {
+        "tslib": "^2.0.0"
+      }
+    },
+    "aria-query": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.2.tgz",
+      "integrity": "sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==",
+      "dev": true
+    },
+    "array-buffer-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz",
+      "integrity": "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==",
+      "requires": {
+        "call-bound": "^1.0.3",
+        "is-array-buffer": "^3.0.5"
+      }
+    },
+    "array-includes": {
+      "version": "3.1.8",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.8.tgz",
+      "integrity": "sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.4",
+        "is-string": "^1.0.7"
+      }
+    },
+    "array-union": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+      "dev": true
+    },
+    "array.prototype.findlast": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz",
+      "integrity": "sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "es-shim-unscopables": "^1.0.2"
+      }
+    },
+    "array.prototype.findlastindex": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.5.tgz",
+      "integrity": "sha512-zfETvRFA8o7EiNn++N5f/kaCw221hrpGsDmcpndVupkPzEc1Wuf3VgC0qby1BbHs7f5DVYjgtEU2LLh5bqeGfQ==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "es-shim-unscopables": "^1.0.2"
+      }
+    },
+    "array.prototype.flat": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz",
+      "integrity": "sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
+      }
+    },
+    "array.prototype.flatmap": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz",
+      "integrity": "sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
+      }
+    },
+    "array.prototype.tosorted": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.4.tgz",
+      "integrity": "sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.3",
+        "es-errors": "^1.3.0",
+        "es-shim-unscopables": "^1.0.2"
+      }
+    },
+    "arraybuffer.prototype.slice": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz",
+      "integrity": "sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==",
+      "requires": {
+        "array-buffer-byte-length": "^1.0.1",
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "is-array-buffer": "^3.0.4"
+      }
+    },
+    "asap": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz",
+      "integrity": "sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA=="
+    },
+    "ast-types": {
+      "version": "0.16.1",
+      "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.16.1.tgz",
+      "integrity": "sha512-6t10qk83GOG8p0vKmaCr8eiilZwO171AvbROMtvvNiwrTly62t+7XkA8RdIIVbpMhCASAsxgAzdRSwh6nw/5Dg==",
+      "requires": {
+        "tslib": "^2.0.1"
+      }
+    },
+    "astral-regex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-1.0.0.tgz",
+      "integrity": "sha512-+Ryf6g3BKoRc7jfp7ad8tM4TtMiaWvbF/1/sQcZPkkS7ag3D5nMBCe2UfOTONtAkaG0tO0ij3C5Lwmf1EiyjHg==",
+      "dev": true
+    },
+    "async": {
+      "version": "3.2.6",
+      "resolved": "https://registry.npmjs.org/async/-/async-3.2.6.tgz",
+      "integrity": "sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==",
+      "dev": true
+    },
+    "async-es": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/async-es/-/async-es-3.2.4.tgz",
+      "integrity": "sha512-GFHAAfmW7GzEiHFR6DvE5WMm6+js9pb+RLm+m1UpsyMX+I4j/R4QVw2Te664q+fvDVOz7Y0bORPDNvQS7BJ3Hw=="
+    },
+    "async-exit-hook": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/async-exit-hook/-/async-exit-hook-2.0.1.tgz",
+      "integrity": "sha512-NW2cX8m1Q7KPA7a5M2ULQeZ2wR5qI5PAbw5L0UOMxdioVk9PMZ0h1TmyZEkPYrCvYjDlFICusOu1dlEKAAeXBw==",
+      "dev": true
+    },
+    "async-limiter": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.1.tgz",
+      "integrity": "sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ=="
+    },
+    "available-typed-arrays": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
+      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
+      "requires": {
+        "possible-typed-array-names": "^1.0.0"
+      }
+    },
+    "b4a": {
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/b4a/-/b4a-1.7.3.tgz",
+      "integrity": "sha512-5Q2mfq2WfGuFp3uS//0s6baOJLMoVduPYVeNmDYxu5OUA1/cBfvr2RIS7vi62LdNj/urk1hfmj867I3qt6uZ7Q==",
+      "dev": true
+    },
+    "babel-jest": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/babel-jest/-/babel-jest-29.7.0.tgz",
+      "integrity": "sha512-BrvGY3xZSwEcCzKvKsCi2GgHqDqsYkOP4/by5xCgIwGXQxIEh+8ew3gmrE1y7XRR6LHZIj6yLYnUi/mm2KXKBg==",
+      "requires": {
+        "@jest/transform": "^29.7.0",
+        "@types/babel__core": "^7.1.14",
+        "babel-plugin-istanbul": "^6.1.1",
+        "babel-preset-jest": "^29.6.3",
+        "chalk": "^4.0.0",
+        "graceful-fs": "^4.2.9",
+        "slash": "^3.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
+        },
+        "slash": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+          "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q=="
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
+    "babel-loader": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-9.1.0.tgz",
+      "integrity": "sha512-Antt61KJPinUMwHwIIz9T5zfMgevnfZkEVWYDWlG888fgdvRRGD0JTuf/fFozQnfT+uq64sk1bmdHDy/mOEWnA==",
+      "dev": true,
+      "requires": {
+        "find-cache-dir": "^3.3.2",
+        "schema-utils": "^4.0.0"
+      }
+    },
+    "babel-plugin-emotion": {
+      "version": "10.2.2",
+      "resolved": "https://registry.npmjs.org/babel-plugin-emotion/-/babel-plugin-emotion-10.2.2.tgz",
+      "integrity": "sha512-SMSkGoqTbTyUTDeuVuPIWifPdUGkTk1Kf9BWRiXIOIcuyMfsdp2EjeiiFvOzX8NOBvEh/ypKYvUh2rkgAJMCLA==",
+      "requires": {
+        "@babel/helper-module-imports": "^7.0.0",
+        "@emotion/hash": "0.8.0",
+        "@emotion/memoize": "0.7.4",
+        "@emotion/serialize": "^0.11.16",
+        "babel-plugin-macros": "^2.0.0",
+        "babel-plugin-syntax-jsx": "^6.18.0",
+        "convert-source-map": "^1.5.0",
+        "escape-string-regexp": "^1.0.5",
+        "find-root": "^1.1.0",
+        "source-map": "^0.5.7"
+      },
+      "dependencies": {
+        "@emotion/memoize": {
+          "version": "0.7.4",
+          "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz",
+          "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw=="
+        },
+        "escape-string-regexp": {
+          "version": "1.0.5",
+          "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+          "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ="
+        }
+      }
+    },
+    "babel-plugin-istanbul": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz",
+      "integrity": "sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@istanbuljs/load-nyc-config": "^1.0.0",
+        "@istanbuljs/schema": "^0.1.2",
+        "istanbul-lib-instrument": "^5.0.4",
+        "test-exclude": "^6.0.0"
+      }
+    },
+    "babel-plugin-jest-hoist": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-29.6.3.tgz",
+      "integrity": "sha512-ESAc/RJvGTFEzRwOTT4+lNDk/GNHMkKbNzsvT0qKRfDyyYTskxB5rnU2njIDYVxXCBHHEI1c0YwHob3WaYujOg==",
+      "requires": {
+        "@babel/template": "^7.3.3",
+        "@babel/types": "^7.3.3",
+        "@types/babel__core": "^7.1.14",
+        "@types/babel__traverse": "^7.0.6"
+      }
+    },
+    "babel-plugin-macros": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-2.8.0.tgz",
+      "integrity": "sha512-SEP5kJpfGYqYKpBrj5XU3ahw5p5GOHJ0U5ssOSQ/WBVdwkD2Dzlce95exQTs3jOVWPPKLBN2rlEWkCK7dSmLvg==",
+      "requires": {
+        "@babel/runtime": "^7.7.2",
+        "cosmiconfig": "^6.0.0",
+        "resolve": "^1.12.0"
+      },
+      "dependencies": {
+        "cosmiconfig": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-6.0.0.tgz",
+          "integrity": "sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg==",
+          "requires": {
+            "@types/parse-json": "^4.0.0",
+            "import-fresh": "^3.1.0",
+            "parse-json": "^5.0.0",
+            "path-type": "^4.0.0",
+            "yaml": "^1.7.2"
+          }
+        }
+      }
+    },
+    "babel-plugin-optional-require": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-optional-require/-/babel-plugin-optional-require-0.3.1.tgz",
+      "integrity": "sha512-qL9pdz6fgMjO3NZ1igO8BEJrWooLgkuhJ2yc4ligr3lMvEq7tzFZuz3JWSa6P05khrvTz1USf0POkxAjlFnkLw==",
+      "dev": true,
+      "requires": {
+        "is-builtin-module": "^2.0.0",
+        "resolve-from": "^4.0.0"
+      }
+    },
+    "babel-plugin-polyfill-corejs2": {
+      "version": "0.4.13",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.13.tgz",
+      "integrity": "sha512-3sX/eOms8kd3q2KZ6DAhKPc0dgm525Gqq5NtWKZ7QYYZEv57OQ54KtblzJzH1lQF/eQxO8KjWGIK9IPUJNus5g==",
+      "requires": {
+        "@babel/compat-data": "^7.22.6",
+        "@babel/helper-define-polyfill-provider": "^0.6.4",
+        "semver": "^6.3.1"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "6.3.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+          "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA=="
+        }
+      }
+    },
+    "babel-plugin-polyfill-corejs3": {
+      "version": "0.10.6",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.10.6.tgz",
+      "integrity": "sha512-b37+KR2i/khY5sKmWNVQAnitvquQbNdWy6lJdsr0kmquCKEEUgMKK4SboVM3HtfnZilfjr4MMQ7vY58FVWDtIA==",
+      "requires": {
+        "@babel/helper-define-polyfill-provider": "^0.6.2",
+        "core-js-compat": "^3.38.0"
+      }
+    },
+    "babel-plugin-polyfill-regenerator": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.2.tgz",
+      "integrity": "sha512-2R25rQZWP63nGwaAswvDazbPXfrM3HwVoBXK6HcqeKrSrL/JqcC/rDcf95l4r7LXLyxDXc8uQDa064GubtCABg==",
+      "requires": {
+        "@babel/helper-define-polyfill-provider": "^0.6.2"
+      }
+    },
+    "babel-plugin-syntax-hermes-parser": {
+      "version": "0.25.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-syntax-hermes-parser/-/babel-plugin-syntax-hermes-parser-0.25.1.tgz",
+      "integrity": "sha512-IVNpGzboFLfXZUAwkLFcI/bnqVbwky0jP3eBno4HKtqvQJAHBLdgxiG6lQ4to0+Q/YCN3PO0od5NZwIKyY4REQ==",
+      "requires": {
+        "hermes-parser": "0.25.1"
+      }
+    },
+    "babel-plugin-syntax-jsx": {
+      "version": "6.18.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz",
+      "integrity": "sha1-CvMqmm4Tyno/1QaeYtew9Y0NiUY="
+    },
+    "babel-plugin-transform-flow-enums": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/babel-plugin-transform-flow-enums/-/babel-plugin-transform-flow-enums-0.0.2.tgz",
+      "integrity": "sha512-g4aaCrDDOsWjbm0PUUeVnkcVd6AKJsVc/MbnPhEotEpkeJQP6b8nzewohQi7+QS8UyPehOhGWn0nOwjvWpmMvQ==",
+      "requires": {
+        "@babel/plugin-syntax-flow": "^7.12.1"
+      }
+    },
+    "babel-preset-current-node-syntax": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.1.0.tgz",
+      "integrity": "sha512-ldYss8SbBlWva1bs28q78Ju5Zq1F+8BrqBZZ0VFhLBvhh6lCpC2o3gDJi/5DRLs9FgYZCnmPYIVFU4lRXCkyUw==",
+      "requires": {
+        "@babel/plugin-syntax-async-generators": "^7.8.4",
+        "@babel/plugin-syntax-bigint": "^7.8.3",
+        "@babel/plugin-syntax-class-properties": "^7.12.13",
+        "@babel/plugin-syntax-class-static-block": "^7.14.5",
+        "@babel/plugin-syntax-import-attributes": "^7.24.7",
+        "@babel/plugin-syntax-import-meta": "^7.10.4",
+        "@babel/plugin-syntax-json-strings": "^7.8.3",
+        "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4",
+        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3",
+        "@babel/plugin-syntax-numeric-separator": "^7.10.4",
+        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
+        "@babel/plugin-syntax-optional-catch-binding": "^7.8.3",
+        "@babel/plugin-syntax-optional-chaining": "^7.8.3",
+        "@babel/plugin-syntax-private-property-in-object": "^7.14.5",
+        "@babel/plugin-syntax-top-level-await": "^7.14.5"
+      }
+    },
+    "babel-preset-jest": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/babel-preset-jest/-/babel-preset-jest-29.6.3.tgz",
+      "integrity": "sha512-0B3bhxR6snWXJZtR/RliHTDPRgn1sNHOR0yVtq/IiQFyuOVjFS+wuio/R4gSNkyYmKmJB4wGZv2NZanmKmTnNA==",
+      "requires": {
+        "babel-plugin-jest-hoist": "^29.6.3",
+        "babel-preset-current-node-syntax": "^1.0.0"
+      }
+    },
+    "balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
+    },
+    "bare-events": {
+      "version": "2.8.2",
+      "resolved": "https://registry.npmjs.org/bare-events/-/bare-events-2.8.2.tgz",
+      "integrity": "sha512-riJjyv1/mHLIPX4RwiK+oW9/4c3TEUeORHKefKAKnZ5kyslbN+HXowtbaVEqt4IMUB7OXlfixcs6gsFeo/jhiQ==",
+      "dev": true
+    },
+    "bare-fs": {
+      "version": "4.5.2",
+      "resolved": "https://registry.npmjs.org/bare-fs/-/bare-fs-4.5.2.tgz",
+      "integrity": "sha512-veTnRzkb6aPHOvSKIOy60KzURfBdUflr5VReI+NSaPL6xf+XLdONQgZgpYvUuZLVQ8dCqxpBAudaOM1+KpAUxw==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "bare-events": "^2.5.4",
+        "bare-path": "^3.0.0",
+        "bare-stream": "^2.6.4",
+        "bare-url": "^2.2.2",
+        "fast-fifo": "^1.3.2"
+      }
+    },
+    "bare-os": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/bare-os/-/bare-os-3.6.2.tgz",
+      "integrity": "sha512-T+V1+1srU2qYNBmJCXZkUY5vQ0B4FSlL3QDROnKQYOqeiQR8UbjNHlPa+TIbM4cuidiN9GaTaOZgSEgsvPbh5A==",
+      "dev": true,
+      "optional": true
+    },
+    "bare-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/bare-path/-/bare-path-3.0.0.tgz",
+      "integrity": "sha512-tyfW2cQcB5NN8Saijrhqn0Zh7AnFNsnczRcuWODH0eYAXBsJ5gVxAUuNr7tsHSC6IZ77cA0SitzT+s47kot8Mw==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "bare-os": "^3.0.1"
+      }
+    },
+    "bare-stream": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/bare-stream/-/bare-stream-2.7.0.tgz",
+      "integrity": "sha512-oyXQNicV1y8nc2aKffH+BUHFRXmx6VrPzlnaEvMhram0nPBrKcEdcyBg5r08D0i8VxngHFAiVyn1QKXpSG0B8A==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "streamx": "^2.21.0"
+      }
+    },
+    "bare-url": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/bare-url/-/bare-url-2.3.2.tgz",
+      "integrity": "sha512-ZMq4gd9ngV5aTMa5p9+UfY0b3skwhHELaDkhEHetMdX0LRkW9kzaym4oo/Eh+Ghm0CCDuMTsRIGM/ytUc1ZYmw==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "bare-path": "^3.0.0"
+      }
+    },
+    "base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA=="
+    },
+    "basic-ftp": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/basic-ftp/-/basic-ftp-5.1.0.tgz",
+      "integrity": "sha512-RkaJzeJKDbaDWTIPiJwubyljaEPwpVWkm9Rt5h9Nd6h7tEXTJ3VB4qxdZBioV7JO5yLUaOKwz7vDOzlncUsegw==",
+      "dev": true
+    },
+    "batch": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/batch/-/batch-0.6.1.tgz",
+      "integrity": "sha1-3DQxT05nkxgJP8dgJyUl+UvyXBY=",
+      "dev": true
+    },
+    "bc-css-flags": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/bc-css-flags/-/bc-css-flags-3.0.0.tgz",
+      "integrity": "sha1-OJWiPppx+VgE6u8V8WXVG5rV4hM="
+    },
+    "big.js": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
+      "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ=="
+    },
+    "bigint-buffer": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/bigint-buffer/-/bigint-buffer-1.1.5.tgz",
+      "integrity": "sha512-trfYco6AoZ+rKhKnxA0hgX0HAbVP/s808/EuDSe2JDzUnCp/xAsli35Orvk67UrTEcwuxZqYZDmfA2RXJgxVvA==",
+      "requires": {
+        "bindings": "^1.3.0"
+      }
+    },
+    "binary-extensions": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
+      "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
+      "dev": true
+    },
+    "bindings": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
+      "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
+      "requires": {
+        "file-uri-to-path": "1.0.0"
+      }
+    },
+    "bl": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz",
+      "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==",
+      "dev": true,
+      "requires": {
+        "buffer": "^5.5.0",
+        "inherits": "^2.0.4",
+        "readable-stream": "^3.4.0"
+      }
+    },
+    "blueimp-md5": {
+      "version": "2.19.0",
+      "resolved": "https://registry.npmjs.org/blueimp-md5/-/blueimp-md5-2.19.0.tgz",
+      "integrity": "sha512-DRQrD6gJyy8FbiE4s+bDoXS9hiW3Vbx5uCdwvcCf3zLHL+Iv7LtGHLpr+GZV8rHG8tK766FGYBwRbu8pELTt+w=="
+    },
+    "body-parser": {
+      "version": "1.20.3",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.3.tgz",
+      "integrity": "sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==",
+      "dev": true,
+      "requires": {
+        "bytes": "3.1.2",
+        "content-type": "~1.0.5",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "http-errors": "2.0.0",
+        "iconv-lite": "0.4.24",
+        "on-finished": "2.4.1",
+        "qs": "6.13.0",
+        "raw-body": "2.5.2",
+        "type-is": "~1.6.18",
+        "unpipe": "1.0.0"
+      },
+      "dependencies": {
+        "bytes": {
+          "version": "3.1.2",
+          "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+          "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+          "dev": true
+        },
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "depd": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+          "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+          "dev": true
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+          "dev": true
+        },
+        "on-finished": {
+          "version": "2.4.1",
+          "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+          "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+          "dev": true,
+          "requires": {
+            "ee-first": "1.1.1"
+          }
+        }
+      }
+    },
+    "bonjour-service": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/bonjour-service/-/bonjour-service-1.2.1.tgz",
+      "integrity": "sha512-oSzCS2zV14bh2kji6vNe7vrpJYCHGvcZnlffFQ1MEoX/WOeQ/teD8SYWKR942OI3INjq8OMNJlbPK5LLLUxFDw==",
+      "dev": true,
+      "requires": {
+        "fast-deep-equal": "^3.1.3",
+        "multicast-dns": "^7.2.5"
+      }
+    },
+    "boolbase": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
+      "integrity": "sha1-aN/1++YMUes3cl6p4+0xDcwed24="
+    },
+    "brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "requires": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "requires": {
+        "fill-range": "^7.1.1"
+      }
+    },
+    "browser-stdout": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/browser-stdout/-/browser-stdout-1.3.1.tgz",
+      "integrity": "sha512-qhAVI1+Av2X7qelOfAIYwXONood6XlZE/fXaBSmW/T5SzLAmCgzi+eiWE7fUvbHaeNBQH13UftjpXxsfLkMpgw==",
+      "dev": true
+    },
+    "browserslist": {
+      "version": "4.25.0",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.25.0.tgz",
+      "integrity": "sha512-PJ8gYKeS5e/whHBh8xrwYK+dAvEj7JXtz6uTucnMRB8OiGTsKccFekoRrjajPBHV8oOY+2tI4uxeceSimKwMFA==",
+      "requires": {
+        "caniuse-lite": "^1.0.30001718",
+        "electron-to-chromium": "^1.5.160",
+        "node-releases": "^2.0.19",
+        "update-browserslist-db": "^1.1.3"
+      }
+    },
+    "bser": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/bser/-/bser-2.1.1.tgz",
+      "integrity": "sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==",
+      "requires": {
+        "node-int64": "^0.4.0"
+      }
+    },
+    "buffer": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
+      "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
+      "requires": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.1.13"
+      }
+    },
+    "buffer-crc32": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-1.0.0.tgz",
+      "integrity": "sha512-Db1SbgBS/fg/392AblrMJk97KggmvYhr4pB5ZIMTWtaivCPMWLkmb7m21cJvpvgK+J3nsU2CmmixNBZx4vFj/w==",
+      "dev": true
+    },
+    "buffer-equal-constant-time": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/buffer-equal-constant-time/-/buffer-equal-constant-time-1.0.1.tgz",
+      "integrity": "sha512-zRpUiDwd/xk6ADqPMATG8vc9VPrkck7T07OIx0gnjmJAnHnTVXNQG3vfvWNuiZIkwu9KrKdA1iJKfsfTVxE6NA==",
+      "dev": true
+    },
+    "buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ=="
+    },
+    "buffers": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/buffers/-/buffers-0.1.1.tgz",
+      "integrity": "sha512-9q/rDEGSb/Qsvv2qvzIzdluL5k7AaJOTrw23z9reQthrbF7is4CtlT0DXyO1oei2DCp4uojjzQ7igaSHp1kAEQ=="
+    },
+    "builtin-modules": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-2.0.0.tgz",
+      "integrity": "sha512-3U5kUA5VPsRUA3nofm/BXX7GVHKfxz0hOBAPxXrIvHzlDRkQVqEn6yi8QJegxl4LzOHLdvb7XF5dVawa/VVYBg==",
+      "dev": true
+    },
+    "bundle-name": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/bundle-name/-/bundle-name-4.1.0.tgz",
+      "integrity": "sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q==",
+      "dev": true,
+      "requires": {
+        "run-applescript": "^7.0.0"
+      }
+    },
+    "bytes": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
+      "integrity": "sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg=",
+      "dev": true
+    },
+    "call-bind": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
+      "integrity": "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==",
+      "requires": {
+        "call-bind-apply-helpers": "^1.0.0",
+        "es-define-property": "^1.0.0",
+        "get-intrinsic": "^1.2.4",
+        "set-function-length": "^1.2.2"
+      }
+    },
+    "call-bind-apply-helpers": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.1.tgz",
+      "integrity": "sha512-BhYE+WDaywFg2TBWYNXAE+8B1ATnThNBqXHP5nQu0jWJdVvY2hvkpyB3qOmtmDePiS5/BDQ8wASEWGMWRG148g==",
+      "requires": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      }
+    },
+    "call-bound": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.3.tgz",
+      "integrity": "sha512-YTd+6wGlNlPxSuri7Y6X8tY2dmm12UMH66RpKMhiX6rsk5wXXnYgbUcOt8kiS31/AjfoTOvCsE+w8nZQLQnzHA==",
+      "requires": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "get-intrinsic": "^1.2.6"
+      }
+    },
+    "caller-callsite": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/caller-callsite/-/caller-callsite-2.0.0.tgz",
+      "integrity": "sha512-JuG3qI4QOftFsZyOn1qq87fq5grLIyk1JYd5lJmdA+fG7aQ9pA/i3JIJGcO3q0MrRcHlOt1U+ZeHW8Dq9axALQ==",
+      "requires": {
+        "callsites": "^2.0.0"
+      }
+    },
+    "caller-path": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/caller-path/-/caller-path-2.0.0.tgz",
+      "integrity": "sha512-MCL3sf6nCSXOwCTzvPKhN18TU7AHTvdtam8DAogxcrJ8Rjfbbg7Lgng64H9Iy+vUV6VGFClN/TyxBkAebLRR4A==",
+      "requires": {
+        "caller-callsite": "^2.0.0"
+      }
+    },
+    "callsites": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-2.0.0.tgz",
+      "integrity": "sha512-ksWePWBloaWPxJYQ8TL0JHvtci6G5QTKwQ95RcWAa/lzoAKuAOflGdAK92hpHXjkwb8zLxoLNUoNYZgVsaJzvQ=="
+    },
+    "camelcase": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
+      "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA=="
+    },
+    "caniuse-lite": {
+      "version": "1.0.30001724",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001724.tgz",
+      "integrity": "sha512-WqJo7p0TbHDOythNTqYujmaJTvtYRZrjpP8TCvH6Vb9CYJerJNKamKzIWOM4BkQatWj9H2lYulpdAQNBe7QhNA=="
+    },
+    "chalk": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+      "dev": true,
+      "requires": {
+        "ansi-styles": "^3.2.1",
+        "escape-string-regexp": "^1.0.5",
+        "supports-color": "^5.3.0"
+      },
+      "dependencies": {
+        "escape-string-regexp": {
+          "version": "1.0.5",
+          "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+          "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=",
+          "dev": true
+        }
+      }
+    },
+    "chardet": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/chardet/-/chardet-2.1.1.tgz",
+      "integrity": "sha512-PsezH1rqdV9VvyNhxxOW32/d75r01NY7TQCmOqomRo15ZSOKbpTFVsfjghxo6JloQUCGnH4k1LGu0R4yCLlWQQ==",
+      "dev": true
+    },
+    "charenc": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/charenc/-/charenc-0.0.2.tgz",
+      "integrity": "sha512-yrLQ/yVUFXkzg7EDQsPieE/53+0RlaWTs+wBrvW36cyilJ2SaDWfl4Yj7MtLTXleV9uEKefbAGUPv2/iWSooRA==",
+      "dev": true
+    },
+    "cheerio": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/cheerio/-/cheerio-1.1.2.tgz",
+      "integrity": "sha512-IkxPpb5rS/d1IiLbHMgfPuS0FgiWTtFIm/Nj+2woXDLTZ7fOT2eqzgYbdMlLweqlHbsZjxEChoVK+7iph7jyQg==",
+      "dev": true,
+      "requires": {
+        "cheerio-select": "^2.1.0",
+        "dom-serializer": "^2.0.0",
+        "domhandler": "^5.0.3",
+        "domutils": "^3.2.2",
+        "encoding-sniffer": "^0.2.1",
+        "htmlparser2": "^10.0.0",
+        "parse5": "^7.3.0",
+        "parse5-htmlparser2-tree-adapter": "^7.1.0",
+        "parse5-parser-stream": "^7.1.2",
+        "undici": "^7.12.0",
+        "whatwg-mimetype": "^4.0.0"
+      },
+      "dependencies": {
+        "dom-serializer": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
+          "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
+          "dev": true,
+          "requires": {
+            "domelementtype": "^2.3.0",
+            "domhandler": "^5.0.2",
+            "entities": "^4.2.0"
+          }
+        },
+        "domhandler": {
+          "version": "5.0.3",
+          "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
+          "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+          "dev": true,
+          "requires": {
+            "domelementtype": "^2.3.0"
+          }
+        },
+        "domutils": {
+          "version": "3.2.2",
+          "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.2.2.tgz",
+          "integrity": "sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==",
+          "dev": true,
+          "requires": {
+            "dom-serializer": "^2.0.0",
+            "domelementtype": "^2.3.0",
+            "domhandler": "^5.0.3"
+          }
+        },
+        "undici": {
+          "version": "7.16.0",
+          "resolved": "https://registry.npmjs.org/undici/-/undici-7.16.0.tgz",
+          "integrity": "sha512-QEg3HPMll0o3t2ourKwOeUAZ159Kn9mx5pnzHRQO8+Wixmh88YdZRiIwat0iNzNNXn0yoEtXJqFpyW7eM8BV7g==",
+          "dev": true
+        }
+      }
+    },
+    "cheerio-select": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/cheerio-select/-/cheerio-select-2.1.0.tgz",
+      "integrity": "sha512-9v9kG0LvzrlcungtnJtpGNxY+fzECQKhK4EGJX2vByejiMX84MFNQw4UxPJl3bFbTMw+Dfs37XaIkCwTZfLh4g==",
+      "dev": true,
+      "requires": {
+        "boolbase": "^1.0.0",
+        "css-select": "^5.1.0",
+        "css-what": "^6.1.0",
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3",
+        "domutils": "^3.0.1"
+      },
+      "dependencies": {
+        "css-select": {
+          "version": "5.2.2",
+          "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.2.2.tgz",
+          "integrity": "sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw==",
+          "dev": true,
+          "requires": {
+            "boolbase": "^1.0.0",
+            "css-what": "^6.1.0",
+            "domhandler": "^5.0.2",
+            "domutils": "^3.0.1",
+            "nth-check": "^2.0.1"
+          }
+        },
+        "dom-serializer": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
+          "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
+          "dev": true,
+          "requires": {
+            "domelementtype": "^2.3.0",
+            "domhandler": "^5.0.2",
+            "entities": "^4.2.0"
+          }
+        },
+        "domhandler": {
+          "version": "5.0.3",
+          "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
+          "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+          "dev": true,
+          "requires": {
+            "domelementtype": "^2.3.0"
+          }
+        },
+        "domutils": {
+          "version": "3.2.2",
+          "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.2.2.tgz",
+          "integrity": "sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==",
+          "dev": true,
+          "requires": {
+            "dom-serializer": "^2.0.0",
+            "domelementtype": "^2.3.0",
+            "domhandler": "^5.0.3"
+          }
+        }
+      }
+    },
+    "chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dev": true,
+      "requires": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "fsevents": "~2.3.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "dependencies": {
+        "glob-parent": {
+          "version": "5.1.2",
+          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+          "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+          "dev": true,
+          "requires": {
+            "is-glob": "^4.0.1"
+          }
+        }
+      }
+    },
+    "chrome-launcher": {
+      "version": "0.15.2",
+      "resolved": "https://registry.npmjs.org/chrome-launcher/-/chrome-launcher-0.15.2.tgz",
+      "integrity": "sha512-zdLEwNo3aUVzIhKhTtXfxhdvZhUghrnmkvcAq2NoDd+LeOHKf03H5jwZ8T/STsAlzyALkBVK552iaG1fGf1xVQ==",
+      "requires": {
+        "@types/node": "*",
+        "escape-string-regexp": "^4.0.0",
+        "is-wsl": "^2.2.0",
+        "lighthouse-logger": "^1.0.0"
+      }
+    },
+    "chrome-trace-event": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz",
+      "integrity": "sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==",
+      "dev": true
+    },
+    "chromium-edge-launcher": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/chromium-edge-launcher/-/chromium-edge-launcher-0.2.0.tgz",
+      "integrity": "sha512-JfJjUnq25y9yg4FABRRVPmBGWPZZi+AQXT4mxupb67766/0UlhG8PAZCz6xzEMXTbW3CsSoE8PcCWA49n35mKg==",
+      "requires": {
+        "@types/node": "*",
+        "escape-string-regexp": "^4.0.0",
+        "is-wsl": "^2.2.0",
+        "lighthouse-logger": "^1.0.0",
+        "mkdirp": "^1.0.4",
+        "rimraf": "^3.0.2"
+      }
+    },
+    "ci-info": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-2.0.0.tgz",
+      "integrity": "sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ=="
+    },
+    "circular-dependency-plugin": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/circular-dependency-plugin/-/circular-dependency-plugin-5.2.0.tgz",
+      "integrity": "sha512-7p4Kn/gffhQaavNfyDFg7LS5S/UT1JAjyGd4UqR2+jzoYF02eDkj0Ec3+48TsIa4zghjLY87nQHIh/ecK9qLdw==",
+      "dev": true
+    },
+    "classnames": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.1.tgz",
+      "integrity": "sha512-OlQdbZ7gLfGarSqxesMesDa5uz7KFbID8Kpq/SxIoNGDqY8lSYs0D+hhtBXhcdB3rcbXArFr7vlHheLk1voeNA=="
+    },
+    "clean-css": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.2.4.tgz",
+      "integrity": "sha512-EJUDT7nDVFDvaQgAo2G/PJvxmp1o/c6iXLbswsBbUFXi1Nr+AjA2cKmfbKDMjMvzEe75g3P6JkaDDAKk96A85A==",
+      "dev": true,
+      "requires": {
+        "source-map": "~0.6.0"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+          "dev": true
+        }
+      }
+    },
+    "clean-css-cli": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/clean-css-cli/-/clean-css-cli-4.3.0.tgz",
+      "integrity": "sha512-8GHZfr+mG3zB/Lgqrr27qHBFsPSn0fyEI3f2rIZpxPxUbn2J6A8xyyeBRVTW8duDuXigN0s80vsXiXJOEFIO5Q==",
+      "dev": true,
+      "requires": {
+        "clean-css": "^4.2.1",
+        "commander": "2.x",
+        "glob": "7.x"
+      },
+      "dependencies": {
+        "glob": {
+          "version": "7.2.3",
+          "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+          "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+          "dev": true,
+          "requires": {
+            "fs.realpath": "^1.0.0",
+            "inflight": "^1.0.4",
+            "inherits": "2",
+            "minimatch": "^3.1.1",
+            "once": "^1.3.0",
+            "path-is-absolute": "^1.0.0"
+          }
+        }
+      }
+    },
+    "cli-cursor": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz",
+      "integrity": "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==",
+      "dev": true,
+      "requires": {
+        "restore-cursor": "^3.1.0"
+      }
+    },
+    "cli-spinners": {
+      "version": "2.9.2",
+      "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.9.2.tgz",
+      "integrity": "sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==",
+      "dev": true
+    },
+    "cli-width": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-4.1.0.tgz",
+      "integrity": "sha512-ouuZd4/dm2Sw5Gmqy6bGyNNNe1qt9RpmxveLSO7KcgsTnU7RXfsw+/bukWGo1abgBiMAic068rclZsO4IWmmxQ==",
+      "dev": true
+    },
+    "clipboard-copy": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/clipboard-copy/-/clipboard-copy-4.0.1.tgz",
+      "integrity": "sha512-wOlqdqziE/NNTUJsfSgXmBMIrYmfd5V0HCGsR8uAKHcg+h9NENWINcfRjtWGU77wDHC8B8ijV4hMTGYbrKovng=="
+    },
+    "cliui": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+      "requires": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.1",
+        "wrap-ansi": "^7.0.0"
+      }
+    },
+    "clone": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz",
+      "integrity": "sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==",
+      "dev": true
+    },
+    "clone-deep": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/clone-deep/-/clone-deep-4.0.1.tgz",
+      "integrity": "sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==",
+      "requires": {
+        "is-plain-object": "^2.0.4",
+        "kind-of": "^6.0.2",
+        "shallow-clone": "^3.0.0"
+      }
+    },
+    "clsx": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.1.1.tgz",
+      "integrity": "sha512-6/bPho624p3S2pMyvP5kKBPXnI3ufHLObBFCfgx+LkeR5lg2XYy2hqZqUf45ypD8COn2bhgGJSUE+l5dhNBieA=="
+    },
+    "color": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/color/-/color-3.2.1.tgz",
+      "integrity": "sha512-aBl7dZI9ENN6fUGC7mWpMTPNHmWUSNan9tuWN6ahh5ZLNk9baLJOnSMlrQkHcrfFgz2/RigjUVAjdx36VcemKA==",
+      "requires": {
+        "color-convert": "^1.9.3",
+        "color-string": "^1.6.0"
+      }
+    },
+    "color-convert": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+      "requires": {
+        "color-name": "1.1.3"
+      }
+    },
+    "color-name": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU="
+    },
+    "color-string": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.0.tgz",
+      "integrity": "sha512-9Mrz2AQLefkH1UvASKj6v6hj/7eWgjnT/cVsR8CumieLoT+g900exWeNogqtweI8dxloXN9BDQTYro1oWu/5CQ==",
+      "requires": {
+        "color-name": "^1.0.0",
+        "simple-swizzle": "^0.2.2"
+      }
+    },
+    "colorette": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/colorette/-/colorette-1.4.0.tgz",
+      "integrity": "sha512-Y2oEozpomLn7Q3HFP7dpww7AtMJplbM9lGZP6RDfHqmbeRjiwRg4n6VM6j4KLmRke85uWEI7JqF17f3pqdRA0g==",
+      "dev": true
+    },
+    "command-exists": {
+      "version": "1.2.9",
+      "resolved": "https://registry.npmjs.org/command-exists/-/command-exists-1.2.9.tgz",
+      "integrity": "sha512-LTQ/SGc+s0Xc0Fu5WaKnR0YiygZkm9eKFvyS+fRsU7/ZWFF8ykFM6Pc9aCVf1+xasOOZpO3BAVgVrKvsqKHV7w==",
+      "dev": true
+    },
+    "commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ=="
+    },
+    "comment-parser": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/comment-parser/-/comment-parser-1.4.1.tgz",
+      "integrity": "sha512-buhp5kePrmda3vhc5B9t7pUQXAb2Tnd0qgpkIhPhkHXxJpiPJ11H0ZEU0oBpJ2QztSbzG/ZxMj/CHsYJqRHmyg==",
+      "dev": true
+    },
+    "commondir": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
+      "integrity": "sha1-3dgA2gxmEnOTzKWVDqloo6rxJTs="
+    },
+    "compress-commons": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/compress-commons/-/compress-commons-6.0.2.tgz",
+      "integrity": "sha512-6FqVXeETqWPoGcfzrXb37E50NP0LXT8kAMu5ooZayhWWdgEY4lBEEcbQNXtkuKQsGduxiIcI4gOTsxTmuq/bSg==",
+      "dev": true,
+      "requires": {
+        "crc-32": "^1.2.0",
+        "crc32-stream": "^6.0.0",
+        "is-stream": "^2.0.1",
+        "normalize-path": "^3.0.0",
+        "readable-stream": "^4.0.0"
+      },
+      "dependencies": {
+        "buffer": {
+          "version": "6.0.3",
+          "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+          "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+          "dev": true,
+          "requires": {
+            "base64-js": "^1.3.1",
+            "ieee754": "^1.2.1"
+          }
+        },
+        "readable-stream": {
+          "version": "4.7.0",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.7.0.tgz",
+          "integrity": "sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==",
+          "dev": true,
+          "requires": {
+            "abort-controller": "^3.0.0",
+            "buffer": "^6.0.3",
+            "events": "^3.3.0",
+            "process": "^0.11.10",
+            "string_decoder": "^1.3.0"
+          }
+        }
+      }
+    },
+    "compressible": {
+      "version": "2.0.18",
+      "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
+      "integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==",
+      "dev": true,
+      "requires": {
+        "mime-db": ">= 1.43.0 < 2"
+      }
+    },
+    "compression": {
+      "version": "1.7.4",
+      "resolved": "https://registry.npmjs.org/compression/-/compression-1.7.4.tgz",
+      "integrity": "sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==",
+      "dev": true,
+      "requires": {
+        "accepts": "~1.3.5",
+        "bytes": "3.0.0",
+        "compressible": "~2.0.16",
+        "debug": "2.6.9",
+        "on-headers": "~1.0.2",
+        "safe-buffer": "5.1.2",
+        "vary": "~1.1.2"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+          "dev": true
+        }
+      }
+    },
+    "concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s="
+    },
+    "condense-newlines": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/condense-newlines/-/condense-newlines-0.2.1.tgz",
+      "integrity": "sha512-P7X+QL9Hb9B/c8HI5BFFKmjgBu2XpQuF98WZ9XkO+dBGgk5XgwiQz7o1SmpglNWId3581UcS0SFAWfoIhMHPfg==",
+      "dev": true,
+      "requires": {
+        "extend-shallow": "^2.0.1",
+        "is-whitespace": "^0.3.0",
+        "kind-of": "^3.0.2"
+      },
+      "dependencies": {
+        "kind-of": {
+          "version": "3.2.2",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+          "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+          "dev": true,
+          "requires": {
+            "is-buffer": "^1.1.5"
+          }
+        }
+      }
+    },
+    "config-chain": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/config-chain/-/config-chain-1.1.13.tgz",
+      "integrity": "sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==",
+      "dev": true,
+      "requires": {
+        "ini": "^1.3.4",
+        "proto-list": "~1.2.1"
+      }
+    },
+    "connect": {
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/connect/-/connect-3.7.0.tgz",
+      "integrity": "sha512-ZqRXc+tZukToSNmh5C2iWMSoV3X1YUcPbqEM4DkEG5tNQXrQUZCNVGGv3IuicnkMtPfGf3Xtp8WCXs295iQ1pQ==",
+      "requires": {
+        "debug": "2.6.9",
+        "finalhandler": "1.1.2",
+        "parseurl": "~1.3.3",
+        "utils-merge": "1.0.1"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+        }
+      }
+    },
+    "connect-history-api-fallback": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/connect-history-api-fallback/-/connect-history-api-fallback-2.0.0.tgz",
+      "integrity": "sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA==",
+      "dev": true
+    },
+    "content-disposition": {
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
+      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "5.2.1"
+      },
+      "dependencies": {
+        "safe-buffer": {
+          "version": "5.2.1",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+          "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+          "dev": true
+        }
+      }
+    },
+    "content-type": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+      "dev": true
+    },
+    "convert-source-map": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.8.0.tgz",
+      "integrity": "sha512-+OQdjP49zViI/6i7nIJpA8rAl4sV/JdPfU9nZs3VqOwGIgizICvuN2ru6fMd+4llL0tar18UYJXfZ/TWtmhUjA==",
+      "requires": {
+        "safe-buffer": "~5.1.1"
+      }
+    },
+    "cookie": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.1.tgz",
+      "integrity": "sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==",
+      "dev": true
+    },
+    "cookie-signature": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
+      "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw=",
+      "dev": true
+    },
+    "copy-to-clipboard": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.3.3.tgz",
+      "integrity": "sha512-2KV8NhB5JqC3ky0r9PMCAZKbUHSwtEo4CwCs0KXgruG43gX5PMqDEBbVU4OUzw2MuAWUfsuFmWvEKG5QRfSnJA==",
+      "requires": {
+        "toggle-selection": "^1.0.6"
+      }
+    },
+    "core-js": {
+      "version": "3.40.0",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.40.0.tgz",
+      "integrity": "sha512-7vsMc/Lty6AGnn7uFpYT56QesI5D2Y/UkgKounk87OP9Z2H9Z8kj6jzcSGAxFmUtDOS0ntK6lbQz+Nsa0Jj6mQ==",
+      "dev": true
+    },
+    "core-js-compat": {
+      "version": "3.43.0",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.43.0.tgz",
+      "integrity": "sha512-2GML2ZsCc5LR7hZYz4AXmjQw8zuy2T//2QntwdnpuYI7jteT6GVYJL7F6C2C57R7gSYrcqVW3lAALefdbhBLDA==",
+      "requires": {
+        "browserslist": "^4.25.0"
+      }
+    },
+    "core-util-is": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
+      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
+      "dev": true
+    },
+    "cosmiconfig": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-9.0.0.tgz",
+      "integrity": "sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==",
+      "dev": true,
+      "requires": {
+        "env-paths": "^2.2.1",
+        "import-fresh": "^3.3.0",
+        "js-yaml": "^4.1.0",
+        "parse-json": "^5.2.0"
+      }
+    },
+    "crc": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/crc/-/crc-3.2.1.tgz",
+      "integrity": "sha512-H21TaZQyic++ilBStWHntVpS2STWO37tzE0w0P5iAY1ntaPVtlZ3E6FcwltyZa6MYrEbKMxjEwXh3fBHlW8Qqw=="
+    },
+    "crc-32": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/crc-32/-/crc-32-1.2.2.tgz",
+      "integrity": "sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==",
+      "dev": true
+    },
+    "crc32-stream": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/crc32-stream/-/crc32-stream-6.0.0.tgz",
+      "integrity": "sha512-piICUB6ei4IlTv1+653yq5+KoqfBYmj9bw6LqXoOneTMDXk5nM1qt12mFW1caG3LlJXEKW1Bp0WggEmIfQB34g==",
+      "dev": true,
+      "requires": {
+        "crc-32": "^1.2.0",
+        "readable-stream": "^4.0.0"
+      },
+      "dependencies": {
+        "buffer": {
+          "version": "6.0.3",
+          "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+          "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+          "dev": true,
+          "requires": {
+            "base64-js": "^1.3.1",
+            "ieee754": "^1.2.1"
+          }
+        },
+        "readable-stream": {
+          "version": "4.7.0",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.7.0.tgz",
+          "integrity": "sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==",
+          "dev": true,
+          "requires": {
+            "abort-controller": "^3.0.0",
+            "buffer": "^6.0.3",
+            "events": "^3.3.0",
+            "process": "^0.11.10",
+            "string_decoder": "^1.3.0"
+          }
+        }
+      }
+    },
+    "create-emotion": {
+      "version": "10.0.27",
+      "resolved": "https://registry.npmjs.org/create-emotion/-/create-emotion-10.0.27.tgz",
+      "integrity": "sha512-fIK73w82HPPn/RsAij7+Zt8eCE8SptcJ3WoRMfxMtjteYxud8GDTKKld7MYwAX2TVhrw29uR1N/bVGxeStHILg==",
+      "requires": {
+        "@emotion/cache": "^10.0.27",
+        "@emotion/serialize": "^0.11.15",
+        "@emotion/sheet": "0.9.4",
+        "@emotion/utils": "0.11.3"
+      },
+      "dependencies": {
+        "@emotion/cache": {
+          "version": "10.0.29",
+          "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-10.0.29.tgz",
+          "integrity": "sha512-fU2VtSVlHiF27empSbxi1O2JFdNWZO+2NFHfwO0pxgTep6Xa3uGb+3pVKfLww2l/IBGLNEZl5Xf/++A4wAYDYQ==",
+          "requires": {
+            "@emotion/sheet": "0.9.4",
+            "@emotion/stylis": "0.8.5",
+            "@emotion/utils": "0.11.3",
+            "@emotion/weak-memoize": "0.2.5"
+          }
+        }
+      }
+    },
+    "create-wdio": {
+      "version": "9.21.0",
+      "resolved": "https://registry.npmjs.org/create-wdio/-/create-wdio-9.21.0.tgz",
+      "integrity": "sha512-L6gsQLArY3AH5uTGpf3VfUezIsmZKufkF3ixSWqCuA/m458YVKeGghu1bBOWBdDIzqa6GX4e29dv0uVam0CTpw==",
+      "dev": true,
+      "requires": {
+        "chalk": "^5.3.0",
+        "commander": "^14.0.0",
+        "cross-spawn": "^7.0.3",
+        "ejs": "^3.1.10",
+        "execa": "^9.6.0",
+        "import-meta-resolve": "^4.1.0",
+        "inquirer": "^12.7.0",
+        "normalize-package-data": "^7.0.0",
+        "read-pkg-up": "^10.1.0",
+        "recursive-readdir": "^2.2.3",
+        "semver": "^7.6.3",
+        "type-fest": "^4.41.0",
+        "yargs": "^17.7.2"
+      },
+      "dependencies": {
+        "chalk": {
+          "version": "5.6.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz",
+          "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==",
+          "dev": true
+        },
+        "commander": {
+          "version": "14.0.2",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-14.0.2.tgz",
+          "integrity": "sha512-TywoWNNRbhoD0BXs1P3ZEScW8W5iKrnbithIl0YH+uCmBd0QpPOA8yc82DS3BIE5Ma6FnBVUsJ7wVUDz4dvOWQ==",
+          "dev": true
+        },
+        "execa": {
+          "version": "9.6.1",
+          "resolved": "https://registry.npmjs.org/execa/-/execa-9.6.1.tgz",
+          "integrity": "sha512-9Be3ZoN4LmYR90tUoVu2te2BsbzHfhJyfEiAVfz7N5/zv+jduIfLrV2xdQXOHbaD6KgpGdO9PRPM1Y4Q9QkPkA==",
+          "dev": true,
+          "requires": {
+            "@sindresorhus/merge-streams": "^4.0.0",
+            "cross-spawn": "^7.0.6",
+            "figures": "^6.1.0",
+            "get-stream": "^9.0.0",
+            "human-signals": "^8.0.1",
+            "is-plain-obj": "^4.1.0",
+            "is-stream": "^4.0.1",
+            "npm-run-path": "^6.0.0",
+            "pretty-ms": "^9.2.0",
+            "signal-exit": "^4.1.0",
+            "strip-final-newline": "^4.0.0",
+            "yoctocolors": "^2.1.1"
+          }
+        },
+        "get-stream": {
+          "version": "9.0.1",
+          "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-9.0.1.tgz",
+          "integrity": "sha512-kVCxPF3vQM/N0B1PmoqVUqgHP+EeVjmZSQn+1oCRPxd2P21P2F19lIgbR3HBosbB1PUhOAoctJnfEn2GbN2eZA==",
+          "dev": true,
+          "requires": {
+            "@sec-ant/readable-stream": "^0.4.1",
+            "is-stream": "^4.0.1"
+          }
+        },
+        "hosted-git-info": {
+          "version": "8.1.0",
+          "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-8.1.0.tgz",
+          "integrity": "sha512-Rw/B2DNQaPBICNXEm8balFz9a6WpZrkCGpcWFpy7nCj+NyhSdqXipmfvtmWt9xGfp0wZnBxB+iVpLmQMYt47Tw==",
+          "dev": true,
+          "requires": {
+            "lru-cache": "^10.0.1"
+          }
+        },
+        "human-signals": {
+          "version": "8.0.1",
+          "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-8.0.1.tgz",
+          "integrity": "sha512-eKCa6bwnJhvxj14kZk5NCPc6Hb6BdsU9DZcOnmQKSnO1VKrfV0zCvtttPZUsBvjmNDn8rpcJfpwSYnHBjc95MQ==",
+          "dev": true
+        },
+        "is-plain-obj": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
+          "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
+          "dev": true
+        },
+        "is-stream": {
+          "version": "4.0.1",
+          "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-4.0.1.tgz",
+          "integrity": "sha512-Dnz92NInDqYckGEUJv689RbRiTSEHCQ7wOVeALbkOz999YpqT46yMRIGtSNl2iCL1waAZSx40+h59NV/EwzV/A==",
+          "dev": true
+        },
+        "lru-cache": {
+          "version": "10.4.3",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
+          "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+          "dev": true
+        },
+        "normalize-package-data": {
+          "version": "7.0.1",
+          "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-7.0.1.tgz",
+          "integrity": "sha512-linxNAT6M0ebEYZOx2tO6vBEFsVgnPpv+AVjk0wJHfaUIbq31Jm3T6vvZaarnOeWDh8ShnwXuaAyM7WT3RzErA==",
+          "dev": true,
+          "requires": {
+            "hosted-git-info": "^8.0.0",
+            "semver": "^7.3.5",
+            "validate-npm-package-license": "^3.0.4"
+          }
+        },
+        "npm-run-path": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-6.0.0.tgz",
+          "integrity": "sha512-9qny7Z9DsQU8Ou39ERsPU4OZQlSTP47ShQzuKZ6PRXpYLtIFgl/DEBYEXKlvcEa+9tHVcK8CF81Y2V72qaZhWA==",
+          "dev": true,
+          "requires": {
+            "path-key": "^4.0.0",
+            "unicorn-magic": "^0.3.0"
+          }
+        },
+        "path-key": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/path-key/-/path-key-4.0.0.tgz",
+          "integrity": "sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==",
+          "dev": true
+        },
+        "semver": {
+          "version": "7.7.3",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+          "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+          "dev": true
+        },
+        "signal-exit": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+          "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+          "dev": true
+        },
+        "strip-final-newline": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-4.0.0.tgz",
+          "integrity": "sha512-aulFJcD6YK8V1G7iRB5tigAP4TsHBZZrOV8pjV++zdUwmeV8uzbY7yn6h9MswN62adStNZFuCIx4haBnRuMDaw==",
+          "dev": true
+        },
+        "type-fest": {
+          "version": "4.41.0",
+          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.41.0.tgz",
+          "integrity": "sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==",
+          "dev": true
+        }
+      }
+    },
+    "cross-fetch": {
+      "version": "3.1.6",
+      "resolved": "https://registry.npmjs.org/cross-fetch/-/cross-fetch-3.1.6.tgz",
+      "integrity": "sha512-riRvo06crlE8HiqOwIpQhxwdOk4fOeR7FVM/wXoxchFEqMNUjvbs3bfo4OTgMEMHzppd4DxFBDbyySj8Cv781g==",
+      "requires": {
+        "node-fetch": "^2.6.11"
+      }
+    },
+    "cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "requires": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      }
+    },
+    "crypt": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/crypt/-/crypt-0.0.2.tgz",
+      "integrity": "sha512-mCxBlsHFYh9C+HVpiEacem8FEBnMXgU9gy4zmNC+SXAZNB/1idgp/aulFJ4FgCi7GPEVbfyng092GqL2k2rmow==",
+      "dev": true
+    },
+    "css-in-js-utils": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/css-in-js-utils/-/css-in-js-utils-3.1.0.tgz",
+      "integrity": "sha512-fJAcud6B3rRu+KHYk+Bwf+WFL2MDCJJ1XG9x137tJQ0xYxor7XziQtuGFbWNdqrvF4Tk26O3H73nfVqXt/fW1A==",
+      "requires": {
+        "hyphenate-style-name": "^1.0.3"
+      }
+    },
+    "css-loader": {
+      "version": "6.8.1",
+      "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.8.1.tgz",
+      "integrity": "sha512-xDAXtEVGlD0gJ07iclwWVkLoZOpEvAWaSyf6W18S2pOC//K8+qUDIx8IIT3D+HjnmkJPQeesOPv5aiUaJsCM2g==",
+      "dev": true,
+      "requires": {
+        "icss-utils": "^5.1.0",
+        "postcss": "^8.4.21",
+        "postcss-modules-extract-imports": "^3.0.0",
+        "postcss-modules-local-by-default": "^4.0.3",
+        "postcss-modules-scope": "^3.0.0",
+        "postcss-modules-values": "^4.0.0",
+        "postcss-value-parser": "^4.2.0",
+        "semver": "^7.3.8"
+      }
+    },
+    "css-select": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-4.3.0.tgz",
+      "integrity": "sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==",
+      "requires": {
+        "boolbase": "^1.0.0",
+        "css-what": "^6.0.1",
+        "domhandler": "^4.3.1",
+        "domutils": "^2.8.0",
+        "nth-check": "^2.0.1"
+      }
+    },
+    "css-shorthand-properties": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/css-shorthand-properties/-/css-shorthand-properties-1.1.2.tgz",
+      "integrity": "sha512-C2AugXIpRGQTxaCW0N7n5jD/p5irUmCrwl03TrnMFBHDbdq44CFWR2zO7rK9xPN4Eo3pUxC4vQzQgbIpzrD1PQ==",
+      "dev": true
+    },
+    "css-tree": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.3.tgz",
+      "integrity": "sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==",
+      "requires": {
+        "mdn-data": "2.0.14",
+        "source-map": "^0.6.1"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
+        }
+      }
+    },
+    "css-value": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/css-value/-/css-value-0.0.1.tgz",
+      "integrity": "sha512-FUV3xaJ63buRLgHrLQVlVgQnQdR4yqdLGaDu7g8CQcWjInDfM9plBTPI9FRfpahju1UBSaMckeb2/46ApS/V1Q==",
+      "dev": true
+    },
+    "css-what": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz",
+      "integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw=="
+    },
+    "cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true
+    },
+    "csso": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/csso/-/csso-4.2.0.tgz",
+      "integrity": "sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==",
+      "requires": {
+        "css-tree": "^1.1.2"
+      }
+    },
+    "csstype": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
+      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
+    },
+    "csv-stringify": {
+      "version": "6.5.1",
+      "resolved": "https://registry.npmjs.org/csv-stringify/-/csv-stringify-6.5.1.tgz",
+      "integrity": "sha512-+9lpZfwpLntpTIEpFbwQyWuW/hmI/eHuJZD1XzeZpfZTqkf1fyvBbBLXTJJMsBuuS11uTShMqPwzx4A6ffXgRQ==",
+      "dev": true
+    },
+    "current-executing-script": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/current-executing-script/-/current-executing-script-0.1.3.tgz",
+      "integrity": "sha512-j1nG9I8jaHWniUxJGYkjF3jS98a/mU8tC971XJdrLXKRKSnwNgztd7pHElwdcfJwbQHvJeC9HhUz9NFE8or92g=="
+    },
+    "data-uri-to-buffer": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-6.0.2.tgz",
+      "integrity": "sha512-7hvf7/GW8e86rW0ptuwS3OcBGDjIi6SZva7hCyWC0yYry2cOPmLIjXAUHI6DK2HsnwJd9ifmt57i8eV2n4YNpw==",
+      "dev": true
+    },
+    "data-view-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.2.tgz",
+      "integrity": "sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==",
+      "requires": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      }
+    },
+    "data-view-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz",
+      "integrity": "sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==",
+      "requires": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      }
+    },
+    "data-view-byte-offset": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz",
+      "integrity": "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==",
+      "requires": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      }
+    },
+    "dateformat": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/dateformat/-/dateformat-1.0.11.tgz",
+      "integrity": "sha512-5zcI+Qoul0QgiCcjzsobs9G1c+vHCNaYB2NGa57ZbVnP7bZeKJJgoM/K+I/obaHAmyEL0J8hJafbQ+HFSZnzZA==",
+      "requires": {
+        "get-stdin": "*",
+        "meow": "*"
+      }
+    },
+    "dayjs": {
+      "version": "1.11.13",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.13.tgz",
+      "integrity": "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg=="
+    },
+    "debug": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "requires": {
+        "ms": "2.1.2"
+      }
+    },
+    "decamelize": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+      "integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==",
+      "dev": true
+    },
+    "decode-uri-component": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.2.tgz",
+      "integrity": "sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ=="
+    },
+    "deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true
+    },
+    "deepmerge": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-3.3.0.tgz",
+      "integrity": "sha512-GRQOafGHwMHpjPx9iCvTgpu9NojZ49q794EEL94JVEw6VaeA8XTUyBKvAkOOjBX9oJNiV6G3P+T+tihFjo2TqA=="
+    },
+    "deepmerge-ts": {
+      "version": "7.1.5",
+      "resolved": "https://registry.npmjs.org/deepmerge-ts/-/deepmerge-ts-7.1.5.tgz",
+      "integrity": "sha512-HOJkrhaYsweh+W+e74Yn7YStZOilkoPb6fycpwNLKzSPtruFs48nYis0zy5yJz1+ktUhHxoRDJ27RQAWLIJVJw==",
+      "dev": true
+    },
+    "default-browser": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/default-browser/-/default-browser-5.2.1.tgz",
+      "integrity": "sha512-WY/3TUME0x3KPYdRRxEJJvXRHV4PyPoUsxtZa78lwItwRQRHhd2U9xOscaT/YTf8uCXIAjeJOFBVEh/7FtD8Xg==",
+      "dev": true,
+      "requires": {
+        "bundle-name": "^4.1.0",
+        "default-browser-id": "^5.0.0"
+      }
+    },
+    "default-browser-id": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/default-browser-id/-/default-browser-id-5.0.0.tgz",
+      "integrity": "sha512-A6p/pu/6fyBcA1TRz/GqWYPViplrftcW2gZC9q79ngNCKAeR/X3gcEdXQHl4KNXV+3wgIJ1CPkJQ3IHM6lcsyA==",
+      "dev": true
+    },
+    "defaults": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.4.tgz",
+      "integrity": "sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==",
+      "dev": true,
+      "requires": {
+        "clone": "^1.0.2"
+      }
+    },
+    "define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "requires": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      }
+    },
+    "define-lazy-prop": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-3.0.0.tgz",
+      "integrity": "sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==",
+      "dev": true
+    },
+    "define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "requires": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      }
+    },
+    "degenerator": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/degenerator/-/degenerator-5.0.1.tgz",
+      "integrity": "sha512-TllpMR/t0M5sqCXfj85i4XaAzxmS5tVA16dqvdkMwGmzI+dXLXnw3J+3Vdv7VKw+ThlTMboK6i9rnZ6Nntj5CQ==",
+      "dev": true,
+      "requires": {
+        "ast-types": "^0.13.4",
+        "escodegen": "^2.1.0",
+        "esprima": "^4.0.1"
+      },
+      "dependencies": {
+        "ast-types": {
+          "version": "0.13.4",
+          "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.13.4.tgz",
+          "integrity": "sha512-x1FCFnFifvYDDzTaLII71vG5uvDwgtmDTEVWAxrgeiR8VjMONcCXJx7E+USjDtHlwFmt9MysbqgF9b9Vjr6w+w==",
+          "dev": true,
+          "requires": {
+            "tslib": "^2.0.1"
+          }
+        }
+      }
+    },
+    "depd": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
+      "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=",
+      "dev": true
+    },
+    "destroy": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
+      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg=="
+    },
+    "detect-node": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/detect-node/-/detect-node-2.1.0.tgz",
+      "integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==",
+      "dev": true
+    },
+    "detect-node-es": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz",
+      "integrity": "sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ=="
+    },
+    "diacritics": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/diacritics/-/diacritics-1.3.0.tgz",
+      "integrity": "sha1-PvqHMj67hj5mls67AILUj/PW96E="
+    },
+    "diff": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/diff/-/diff-8.0.2.tgz",
+      "integrity": "sha512-sSuxWU5j5SR9QQji/o2qMvqRNYRDOcBTgsJ/DeCf4iSN4gW+gNMXM7wFIP+fdXZxoNiAnHUTGjCr+TSWXdRDKg==",
+      "dev": true
+    },
+    "dir-glob": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
+      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
+      "dev": true,
+      "requires": {
+        "path-type": "^4.0.0"
+      }
+    },
+    "dns-packet": {
+      "version": "5.6.1",
+      "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-5.6.1.tgz",
+      "integrity": "sha512-l4gcSouhcgIKRvyy99RNVOgxXiicE+2jZoNmaNmZ6JXiGajBOJAesk1OBlJuM5k2c+eudGdLxDqXuPCKIj6kpw==",
+      "dev": true,
+      "requires": {
+        "@leichtgewicht/ip-codec": "^2.0.1"
+      }
+    },
+    "doctrine": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+      "dev": true,
+      "requires": {
+        "esutils": "^2.0.2"
+      }
+    },
+    "dom-serializer": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
+      "integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==",
+      "requires": {
+        "domelementtype": "^2.0.1",
+        "domhandler": "^4.2.0",
+        "entities": "^2.0.0"
+      },
+      "dependencies": {
+        "entities": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
+          "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A=="
+        }
+      }
+    },
+    "domelementtype": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw=="
+    },
+    "domhandler": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz",
+      "integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==",
+      "requires": {
+        "domelementtype": "^2.2.0"
+      }
+    },
+    "dompurify": {
+      "version": "3.2.6",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.2.6.tgz",
+      "integrity": "sha512-/2GogDQlohXPZe6D6NOgQvXLPSYBqIWMnZ8zzOhn09REE4eyAzb+Hed3jhoM9OkuaJ8P6ZGTTVWQKAi8ieIzfQ==",
+      "requires": {
+        "@types/trusted-types": "^2.0.7"
+      }
+    },
+    "domutils": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
+      "integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==",
+      "requires": {
+        "dom-serializer": "^1.0.1",
+        "domelementtype": "^2.2.0",
+        "domhandler": "^4.2.0"
+      }
+    },
+    "dot-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz",
+      "integrity": "sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==",
+      "requires": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
+    "dotenv": {
+      "version": "17.2.3",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-17.2.3.tgz",
+      "integrity": "sha512-JVUnt+DUIzu87TABbhPmNfVdBDt18BLOWjMUFJMSi/Qqg7NTYtabbvSNJGOJ7afbRuv9D/lngizHtP7QyLQ+9w==",
+      "dev": true
+    },
+    "dropbox": {
+      "version": "10.7.0",
+      "resolved": "https://registry.npmjs.org/dropbox/-/dropbox-10.7.0.tgz",
+      "integrity": "sha512-btNLOYHxukACfnkEUNhlTPCnkecfbL89mrPU3RMKAWdCQXM18aRLm+t+0xIpzvRUSGeXPER+3d+QJk5Wi+4QGw==",
+      "requires": {
+        "node-fetch": "^2.6.1"
+      }
+    },
+    "dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "requires": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      }
+    },
+    "duplexer": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/duplexer/-/duplexer-0.1.2.tgz",
+      "integrity": "sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==",
+      "dev": true
+    },
+    "eastasianwidth": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
+      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA=="
+    },
+    "ebml": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/ebml/-/ebml-3.0.0.tgz",
+      "integrity": "sha512-Q6C1u4/TX1nYipT9HNIopp95YyyyI0zs1GXdNRKO7XL7k+oo+ZtDc1CaJjpCdmlLxWsnlKBOXJCXkYU0K/Anlg==",
+      "requires": {
+        "buffers": "^0.1.1",
+        "debug": "~3.1.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+          "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+        }
+      }
+    },
+    "ebml-block": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/ebml-block/-/ebml-block-1.1.2.tgz",
+      "integrity": "sha512-HgNlIsRFP6D9VKU5atCeHRJY7XkJP8bOe8yEhd8NB7B3b4++VWTyauz6g650iiPmLfPLGlVpoJmGSgMfXDYusg=="
+    },
+    "ecdsa-sig-formatter": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/ecdsa-sig-formatter/-/ecdsa-sig-formatter-1.0.11.tgz",
+      "integrity": "sha512-nagl3RYrbNv6kQkeJIpt6NJZy8twLB/2vtz6yN9Z4vRKHN4/QZJIEbqohALSgwKdnksuY3k5Addp5lg8sVoVcQ==",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "edge-paths": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/edge-paths/-/edge-paths-3.0.5.tgz",
+      "integrity": "sha512-sB7vSrDnFa4ezWQk9nZ/n0FdpdUuC6R1EOrlU3DL+bovcNFK28rqu2emmAUjujYEJTWIgQGqgVVWUZXMnc8iWg==",
+      "dev": true,
+      "requires": {
+        "@types/which": "^2.0.1",
+        "which": "^2.0.2"
+      }
+    },
+    "edgedriver": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/edgedriver/-/edgedriver-6.2.0.tgz",
+      "integrity": "sha512-49G6010o0VYXUMNi5OvxqE9O/kazs0qmJVqHcSHNvp1VfojO21Kb/NaJN40uy11yrlGHRp7y6a372xoCnShzlA==",
+      "dev": true,
+      "requires": {
+        "@wdio/logger": "^9.18.0",
+        "@zip.js/zip.js": "^2.8.11",
+        "decamelize": "^6.0.1",
+        "edge-paths": "^3.0.5",
+        "fast-xml-parser": "^5.3.2",
+        "http-proxy-agent": "^7.0.2",
+        "https-proxy-agent": "^7.0.6",
+        "which": "^6.0.0"
+      },
+      "dependencies": {
+        "decamelize": {
+          "version": "6.0.1",
+          "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-6.0.1.tgz",
+          "integrity": "sha512-G7Cqgaelq68XHJNGlZ7lrNQyhZGsFqpwtGFexqUv4IQdjKoSYF7ipZ9UuTJZUSQXFj/XaoBLuEVIVqr8EJngEQ==",
+          "dev": true
+        },
+        "fast-xml-parser": {
+          "version": "5.3.3",
+          "resolved": "https://registry.npmjs.org/fast-xml-parser/-/fast-xml-parser-5.3.3.tgz",
+          "integrity": "sha512-2O3dkPAAC6JavuMm8+4+pgTk+5hoAs+CjZ+sWcQLkX9+/tHRuTkQh/Oaifr8qDmZ8iEHb771Ea6G8CdwkrgvYA==",
+          "dev": true,
+          "requires": {
+            "strnum": "^2.1.0"
+          }
+        },
+        "isexe": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz",
+          "integrity": "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==",
+          "dev": true
+        },
+        "strnum": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/strnum/-/strnum-2.1.2.tgz",
+          "integrity": "sha512-l63NF9y/cLROq/yqKXSLtcMeeyOfnSQlfMSlzFt/K73oIaD8DGaQWd7Z34X9GPiKqP5rbSh84Hl4bOlLcjiSrQ==",
+          "dev": true
+        },
+        "which": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/which/-/which-6.0.0.tgz",
+          "integrity": "sha512-f+gEpIKMR9faW/JgAgPK1D7mekkFoqbmiwvNzuhsHetni20QSgzg9Vhn0g2JSJkkfehQnqdUAx7/e15qS1lPxg==",
+          "dev": true,
+          "requires": {
+            "isexe": "^3.1.1"
+          }
+        }
+      }
+    },
+    "editorconfig": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/editorconfig/-/editorconfig-1.0.4.tgz",
+      "integrity": "sha512-L9Qe08KWTlqYMVvMcTIvMAdl1cDUubzRNYL+WfA4bLDMHe4nemKkpmYzkznE1FwLKu0EEmy6obgQKzMJrg4x9Q==",
+      "dev": true,
+      "requires": {
+        "@one-ini/wasm": "0.1.1",
+        "commander": "^10.0.0",
+        "minimatch": "9.0.1",
+        "semver": "^7.5.3"
+      },
+      "dependencies": {
+        "brace-expansion": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+          "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+          "dev": true,
+          "requires": {
+            "balanced-match": "^1.0.0"
+          }
+        },
+        "commander": {
+          "version": "10.0.1",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-10.0.1.tgz",
+          "integrity": "sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==",
+          "dev": true
+        },
+        "minimatch": {
+          "version": "9.0.1",
+          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.1.tgz",
+          "integrity": "sha512-0jWhJpD/MdhPXwPuiRkCbfYfSKp2qnn2eOc279qI7f+osl/l+prKSrvhg157zSYvx/1nmgn2NqdT6k2Z7zSH9w==",
+          "dev": true,
+          "requires": {
+            "brace-expansion": "^2.0.1"
+          }
+        }
+      }
+    },
+    "ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0="
+    },
+    "ejs": {
+      "version": "3.1.10",
+      "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.10.tgz",
+      "integrity": "sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA==",
+      "dev": true,
+      "requires": {
+        "jake": "^10.8.5"
+      }
+    },
+    "electron-to-chromium": {
+      "version": "1.5.171",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.171.tgz",
+      "integrity": "sha512-scWpzXEJEMrGJa4Y6m/tVotb0WuvNmasv3wWVzUAeCgKU0ToFOhUW6Z+xWnRQANMYGxN4ngJXIThgBJOqzVPCQ=="
+    },
+    "emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
+    },
+    "emojis-list": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
+      "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q=="
+    },
+    "emotion": {
+      "version": "10.0.27",
+      "resolved": "https://registry.npmjs.org/emotion/-/emotion-10.0.27.tgz",
+      "integrity": "sha512-2xdDzdWWzue8R8lu4G76uWX5WhyQuzATon9LmNeCy/2BHVC6dsEpfhN1a0qhELgtDVdjyEA6J8Y/VlI5ZnaH0g==",
+      "requires": {
+        "babel-plugin-emotion": "^10.0.27",
+        "create-emotion": "^10.0.27"
+      }
+    },
+    "encodeurl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+      "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k="
+    },
+    "encoding-sniffer": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/encoding-sniffer/-/encoding-sniffer-0.2.1.tgz",
+      "integrity": "sha512-5gvq20T6vfpekVtqrYQsSCFZ1wEg5+wW0/QaZMWkFr6BqD3NfKs0rLCx4rrVlSWJeZb5NBJgVLswK/w2MWU+Gw==",
+      "dev": true,
+      "requires": {
+        "iconv-lite": "^0.6.3",
+        "whatwg-encoding": "^3.1.1"
+      },
+      "dependencies": {
+        "iconv-lite": {
+          "version": "0.6.3",
+          "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+          "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+          "dev": true,
+          "requires": {
+            "safer-buffer": ">= 2.1.2 < 3.0.0"
+          }
+        }
+      }
+    },
+    "end-of-stream": {
+      "version": "1.4.5",
+      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.5.tgz",
+      "integrity": "sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg==",
+      "dev": true,
+      "requires": {
+        "once": "^1.4.0"
+      }
+    },
+    "enhanced-resolve": {
+      "version": "5.17.1",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.17.1.tgz",
+      "integrity": "sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      }
+    },
+    "entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw=="
+    },
+    "env-paths": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz",
+      "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==",
+      "dev": true
+    },
+    "envinfo": {
+      "version": "7.13.0",
+      "resolved": "https://registry.npmjs.org/envinfo/-/envinfo-7.13.0.tgz",
+      "integrity": "sha512-cvcaMr7KqXVh4nyzGTVqTum+gAiL265x5jUWQIDLq//zOGbW+gSW/C+OWLleY/rs9Qole6AZLMXPbtIFQbqu+Q==",
+      "dev": true
+    },
+    "error-ex": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
+      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+      "requires": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "error-stack-parser": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/error-stack-parser/-/error-stack-parser-2.0.7.tgz",
+      "integrity": "sha512-chLOW0ZGRf4s8raLrDxa5sdkvPec5YdvwbFnqJme4rk0rFajP8mPtrDL1+I+CwrQDCjswDA5sREX7jYQDQs9vA==",
+      "requires": {
+        "stackframe": "^1.1.1"
+      }
+    },
+    "errorhandler": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/errorhandler/-/errorhandler-1.5.1.tgz",
+      "integrity": "sha512-rcOwbfvP1WTViVoUjcfZicVzjhjTuhSMntHh6mW3IrEiyE6mJyXvsToJUJGlGlw/2xU9P5whlWNGlIDVeCiT4A==",
+      "dev": true,
+      "requires": {
+        "accepts": "~1.3.7",
+        "escape-html": "~1.0.3"
+      }
+    },
+    "es-abstract": {
+      "version": "1.23.9",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.9.tgz",
+      "integrity": "sha512-py07lI0wjxAC/DcfK1S6G7iANonniZwTISvdPzk9hzeH0IZIshbuuFxLIU96OyF89Yb9hiqWn8M/bY83KY5vzA==",
+      "requires": {
+        "array-buffer-byte-length": "^1.0.2",
+        "arraybuffer.prototype.slice": "^1.0.4",
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "data-view-buffer": "^1.0.2",
+        "data-view-byte-length": "^1.0.2",
+        "data-view-byte-offset": "^1.0.1",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "es-set-tostringtag": "^2.1.0",
+        "es-to-primitive": "^1.3.0",
+        "function.prototype.name": "^1.1.8",
+        "get-intrinsic": "^1.2.7",
+        "get-proto": "^1.0.0",
+        "get-symbol-description": "^1.1.0",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "internal-slot": "^1.1.0",
+        "is-array-buffer": "^3.0.5",
+        "is-callable": "^1.2.7",
+        "is-data-view": "^1.0.2",
+        "is-regex": "^1.2.1",
+        "is-shared-array-buffer": "^1.0.4",
+        "is-string": "^1.1.1",
+        "is-typed-array": "^1.1.15",
+        "is-weakref": "^1.1.0",
+        "math-intrinsics": "^1.1.0",
+        "object-inspect": "^1.13.3",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.7",
+        "own-keys": "^1.0.1",
+        "regexp.prototype.flags": "^1.5.3",
+        "safe-array-concat": "^1.1.3",
+        "safe-push-apply": "^1.0.0",
+        "safe-regex-test": "^1.1.0",
+        "set-proto": "^1.0.0",
+        "string.prototype.trim": "^1.2.10",
+        "string.prototype.trimend": "^1.0.9",
+        "string.prototype.trimstart": "^1.0.8",
+        "typed-array-buffer": "^1.0.3",
+        "typed-array-byte-length": "^1.0.3",
+        "typed-array-byte-offset": "^1.0.4",
+        "typed-array-length": "^1.0.7",
+        "unbox-primitive": "^1.1.0",
+        "which-typed-array": "^1.1.18"
+      }
+    },
+    "es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g=="
+    },
+    "es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw=="
+    },
+    "es-iterator-helpers": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.2.1.tgz",
+      "integrity": "sha512-uDn+FE1yrDzyC0pCo961B2IHbdM8y/ACZsKD4dG6WqrjV53BADjwa7D+1aom2rsNVfLyDgU/eigvlJGJ08OQ4w==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.6",
+        "es-errors": "^1.3.0",
+        "es-set-tostringtag": "^2.0.3",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.6",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "internal-slot": "^1.1.0",
+        "iterator.prototype": "^1.1.4",
+        "safe-array-concat": "^1.1.3"
+      }
+    },
+    "es-module-lexer": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.5.4.tgz",
+      "integrity": "sha512-MVNK56NiMrOwitFB7cqDwq0CQutbw+0BvLshJSse0MUNU+y1FC3bUS/AQg7oUng+/wKrrki7JfmwtVHkVfPLlw==",
+      "dev": true
+    },
+    "es-object-atoms": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.0.0.tgz",
+      "integrity": "sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==",
+      "requires": {
+        "es-errors": "^1.3.0"
+      }
+    },
+    "es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "requires": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      }
+    },
+    "es-shim-unscopables": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz",
+      "integrity": "sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==",
+      "dev": true,
+      "requires": {
+        "hasown": "^2.0.0"
+      }
+    },
+    "es-to-primitive": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.0.tgz",
+      "integrity": "sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==",
+      "requires": {
+        "is-callable": "^1.2.7",
+        "is-date-object": "^1.0.5",
+        "is-symbol": "^1.0.4"
+      }
+    },
+    "esbuild": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.2.tgz",
+      "integrity": "sha512-16854zccKPnC+toMywC+uKNeYSv+/eXkevRAfwRD/G9Cleq66m8XFIrigkbvauLLlCfDL45Q2cWegSg53gGBnQ==",
+      "dev": true,
+      "requires": {
+        "@esbuild/aix-ppc64": "0.25.2",
+        "@esbuild/android-arm": "0.25.2",
+        "@esbuild/android-arm64": "0.25.2",
+        "@esbuild/android-x64": "0.25.2",
+        "@esbuild/darwin-arm64": "0.25.2",
+        "@esbuild/darwin-x64": "0.25.2",
+        "@esbuild/freebsd-arm64": "0.25.2",
+        "@esbuild/freebsd-x64": "0.25.2",
+        "@esbuild/linux-arm": "0.25.2",
+        "@esbuild/linux-arm64": "0.25.2",
+        "@esbuild/linux-ia32": "0.25.2",
+        "@esbuild/linux-loong64": "0.25.2",
+        "@esbuild/linux-mips64el": "0.25.2",
+        "@esbuild/linux-ppc64": "0.25.2",
+        "@esbuild/linux-riscv64": "0.25.2",
+        "@esbuild/linux-s390x": "0.25.2",
+        "@esbuild/linux-x64": "0.25.2",
+        "@esbuild/netbsd-arm64": "0.25.2",
+        "@esbuild/netbsd-x64": "0.25.2",
+        "@esbuild/openbsd-arm64": "0.25.2",
+        "@esbuild/openbsd-x64": "0.25.2",
+        "@esbuild/sunos-x64": "0.25.2",
+        "@esbuild/win32-arm64": "0.25.2",
+        "@esbuild/win32-ia32": "0.25.2",
+        "@esbuild/win32-x64": "0.25.2"
+      }
+    },
+    "escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA=="
+    },
+    "escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg="
+    },
+    "escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA=="
+    },
+    "escodegen": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-2.1.0.tgz",
+      "integrity": "sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==",
+      "dev": true,
+      "requires": {
+        "esprima": "^4.0.1",
+        "estraverse": "^5.2.0",
+        "esutils": "^2.0.2",
+        "source-map": "~0.6.1"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+          "dev": true,
+          "optional": true
+        }
+      }
+    },
+    "eslint": {
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.0.tgz",
+      "integrity": "sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==",
+      "dev": true,
+      "requires": {
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@eslint-community/regexpp": "^4.6.1",
+        "@eslint/eslintrc": "^2.1.4",
+        "@eslint/js": "8.57.0",
+        "@humanwhocodes/config-array": "^0.11.14",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@nodelib/fs.walk": "^1.2.8",
+        "@ungap/structured-clone": "^1.2.0",
+        "ajv": "^6.12.4",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.2",
+        "debug": "^4.3.2",
+        "doctrine": "^3.0.0",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^7.2.2",
+        "eslint-visitor-keys": "^3.4.3",
+        "espree": "^9.6.1",
+        "esquery": "^1.4.2",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^6.0.1",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "globals": "^13.19.0",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "is-path-inside": "^3.0.3",
+        "js-yaml": "^4.1.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "levn": "^0.4.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.2",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3",
+        "strip-ansi": "^6.0.1",
+        "text-table": "^0.2.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true
+        },
+        "eslint-scope": {
+          "version": "7.2.2",
+          "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+          "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+          "dev": true,
+          "requires": {
+            "esrecurse": "^4.3.0",
+            "estraverse": "^5.2.0"
+          }
+        },
+        "eslint-visitor-keys": {
+          "version": "3.4.3",
+          "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+          "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+          "dev": true
+        },
+        "find-up": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+          "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+          "dev": true,
+          "requires": {
+            "locate-path": "^6.0.0",
+            "path-exists": "^4.0.0"
+          }
+        },
+        "globals": {
+          "version": "13.20.0",
+          "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz",
+          "integrity": "sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==",
+          "dev": true,
+          "requires": {
+            "type-fest": "^0.20.2"
+          }
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true
+        },
+        "locate-path": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+          "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+          "dev": true,
+          "requires": {
+            "p-locate": "^5.0.0"
+          }
+        },
+        "p-limit": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+          "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+          "dev": true,
+          "requires": {
+            "yocto-queue": "^0.1.0"
+          }
+        },
+        "p-locate": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+          "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+          "dev": true,
+          "requires": {
+            "p-limit": "^3.0.2"
+          }
+        },
+        "path-exists": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+          "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        },
+        "type-fest": {
+          "version": "0.20.2",
+          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+          "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+          "dev": true
+        }
+      }
+    },
+    "eslint-import-resolver-node": {
+      "version": "0.3.9",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
+      "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
+      "dev": true,
+      "requires": {
+        "debug": "^3.2.7",
+        "is-core-module": "^2.13.0",
+        "resolve": "^1.22.4"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.2.7",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+          "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "resolve": {
+          "version": "1.22.10",
+          "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.10.tgz",
+          "integrity": "sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==",
+          "dev": true,
+          "requires": {
+            "is-core-module": "^2.16.0",
+            "path-parse": "^1.0.7",
+            "supports-preserve-symlinks-flag": "^1.0.0"
+          }
+        }
+      }
+    },
+    "eslint-module-utils": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.12.0.tgz",
+      "integrity": "sha512-wALZ0HFoytlyh/1+4wuZ9FJCD/leWHQzzrxJ8+rebyReSLk7LApMyd3WJaLVoN+D5+WIdJyDK1c6JnE65V4Zyg==",
+      "dev": true,
+      "requires": {
+        "debug": "^3.2.7"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.2.7",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+          "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        }
+      }
+    },
+    "eslint-plugin-import": {
+      "version": "2.31.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.31.0.tgz",
+      "integrity": "sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A==",
+      "dev": true,
+      "requires": {
+        "@rtsao/scc": "^1.1.0",
+        "array-includes": "^3.1.8",
+        "array.prototype.findlastindex": "^1.2.5",
+        "array.prototype.flat": "^1.3.2",
+        "array.prototype.flatmap": "^1.3.2",
+        "debug": "^3.2.7",
+        "doctrine": "^2.1.0",
+        "eslint-import-resolver-node": "^0.3.9",
+        "eslint-module-utils": "^2.12.0",
+        "hasown": "^2.0.2",
+        "is-core-module": "^2.15.1",
+        "is-glob": "^4.0.3",
+        "minimatch": "^3.1.2",
+        "object.fromentries": "^2.0.8",
+        "object.groupby": "^1.0.3",
+        "object.values": "^1.2.0",
+        "semver": "^6.3.1",
+        "string.prototype.trimend": "^1.0.8",
+        "tsconfig-paths": "^3.15.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.2.7",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+          "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "doctrine": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+          "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+          "dev": true,
+          "requires": {
+            "esutils": "^2.0.2"
+          }
+        },
+        "semver": {
+          "version": "6.3.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+          "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+          "dev": true
+        }
+      }
+    },
+    "eslint-plugin-jsdoc": {
+      "version": "50.6.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsdoc/-/eslint-plugin-jsdoc-50.6.1.tgz",
+      "integrity": "sha512-UWyaYi6iURdSfdVVqvfOs2vdCVz0J40O/z/HTsv2sFjdjmdlUI/qlKLOTmwbPQ2tAfQnE5F9vqx+B+poF71DBQ==",
+      "dev": true,
+      "requires": {
+        "@es-joy/jsdoccomment": "~0.49.0",
+        "are-docs-informative": "^0.0.2",
+        "comment-parser": "1.4.1",
+        "debug": "^4.3.6",
+        "escape-string-regexp": "^4.0.0",
+        "espree": "^10.1.0",
+        "esquery": "^1.6.0",
+        "parse-imports": "^2.1.1",
+        "semver": "^7.6.3",
+        "spdx-expression-parse": "^4.0.0",
+        "synckit": "^0.9.1"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "4.4.0",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
+          "integrity": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.3"
+          }
+        },
+        "eslint-visitor-keys": {
+          "version": "4.2.0",
+          "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz",
+          "integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==",
+          "dev": true
+        },
+        "espree": {
+          "version": "10.3.0",
+          "resolved": "https://registry.npmjs.org/espree/-/espree-10.3.0.tgz",
+          "integrity": "sha512-0QYC8b24HWY8zjRnDTL6RiHfDbAWn63qb4LMj1Z4b076A4une81+z03Kg7l7mn/48PUTqoLptSXez8oknU8Clg==",
+          "dev": true,
+          "requires": {
+            "acorn": "^8.14.0",
+            "acorn-jsx": "^5.3.2",
+            "eslint-visitor-keys": "^4.2.0"
+          }
+        },
+        "ms": {
+          "version": "2.1.3",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+          "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+          "dev": true
+        },
+        "semver": {
+          "version": "7.6.3",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+          "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+          "dev": true
+        },
+        "spdx-expression-parse": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-4.0.0.tgz",
+          "integrity": "sha512-Clya5JIij/7C6bRR22+tnGXbc4VKlibKSVj2iHvVeX5iMW7s1SIQlqu699JkODJJIhh/pUu8L0/VLh8xflD+LQ==",
+          "dev": true,
+          "requires": {
+            "spdx-exceptions": "^2.1.0",
+            "spdx-license-ids": "^3.0.0"
+          }
+        }
+      }
+    },
+    "eslint-plugin-react": {
+      "version": "7.37.3",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.3.tgz",
+      "integrity": "sha512-DomWuTQPFYZwF/7c9W2fkKkStqZmBd3uugfqBYLdkZ3Hii23WzZuOLUskGxB8qkSKqftxEeGL1TB2kMhrce0jA==",
+      "dev": true,
+      "requires": {
+        "array-includes": "^3.1.8",
+        "array.prototype.findlast": "^1.2.5",
+        "array.prototype.flatmap": "^1.3.3",
+        "array.prototype.tosorted": "^1.1.4",
+        "doctrine": "^2.1.0",
+        "es-iterator-helpers": "^1.2.1",
+        "estraverse": "^5.3.0",
+        "hasown": "^2.0.2",
+        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.8",
+        "object.fromentries": "^2.0.8",
+        "object.values": "^1.2.1",
+        "prop-types": "^15.8.1",
+        "resolve": "^2.0.0-next.5",
+        "semver": "^6.3.1",
+        "string.prototype.matchall": "^4.0.12",
+        "string.prototype.repeat": "^1.0.0"
+      },
+      "dependencies": {
+        "doctrine": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+          "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+          "dev": true,
+          "requires": {
+            "esutils": "^2.0.2"
+          }
+        },
+        "resolve": {
+          "version": "2.0.0-next.5",
+          "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz",
+          "integrity": "sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==",
+          "dev": true,
+          "requires": {
+            "is-core-module": "^2.13.0",
+            "path-parse": "^1.0.7",
+            "supports-preserve-symlinks-flag": "^1.0.0"
+          }
+        },
+        "semver": {
+          "version": "6.3.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+          "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+          "dev": true
+        }
+      }
+    },
+    "eslint-plugin-react-native": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-native/-/eslint-plugin-react-native-5.0.0.tgz",
+      "integrity": "sha512-VyWlyCC/7FC/aONibOwLkzmyKg4j9oI8fzrk9WYNs4I8/m436JuOTAFwLvEn1CVvc7La4cPfbCyspP4OYpP52Q==",
+      "dev": true,
+      "requires": {
+        "eslint-plugin-react-native-globals": "^0.1.1"
+      }
+    },
+    "eslint-plugin-react-native-globals": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-native-globals/-/eslint-plugin-react-native-globals-0.1.2.tgz",
+      "integrity": "sha512-9aEPf1JEpiTjcFAmmyw8eiIXmcNZOqaZyHO77wgm0/dWfT/oxC1SrIq8ET38pMxHYrcB6Uew+TzUVsBeczF88g==",
+      "dev": true
+    },
+    "eslint-plugin-typescript-sort-keys": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-typescript-sort-keys/-/eslint-plugin-typescript-sort-keys-3.3.0.tgz",
+      "integrity": "sha512-bRW3Rc/VNdrSP9OoY5wgjjaXCOOkZKpzvl/Mk6l8Sg8CMehVIcg9K4y33l+ZcZiknpl0aR6rKusxuCJNGZWmVw==",
+      "dev": true,
+      "requires": {
+        "@typescript-eslint/experimental-utils": "^5.0.0",
+        "json-schema": "^0.4.0",
+        "natural-compare-lite": "^1.4.0"
+      }
+    },
+    "eslint-scope": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
+      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
+      "dev": true,
+      "requires": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^4.1.1"
+      },
+      "dependencies": {
+        "estraverse": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+          "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+          "dev": true
+        }
+      }
+    },
+    "eslint-utils": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-3.0.0.tgz",
+      "integrity": "sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==",
+      "dev": true,
+      "requires": {
+        "eslint-visitor-keys": "^2.0.0"
+      }
+    },
+    "eslint-visitor-keys": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz",
+      "integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==",
+      "dev": true
+    },
+    "espree": {
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
+      "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
+      "dev": true,
+      "requires": {
+        "acorn": "^8.9.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^3.4.1"
+      },
+      "dependencies": {
+        "eslint-visitor-keys": {
+          "version": "3.4.3",
+          "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+          "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+          "dev": true
+        }
+      }
+    },
+    "esprima": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A=="
+    },
+    "esquery": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
+      "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
+      "dev": true,
+      "requires": {
+        "estraverse": "^5.1.0"
+      }
+    },
+    "esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "requires": {
+        "estraverse": "^5.2.0"
+      }
+    },
+    "estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true
+    },
+    "esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g=="
+    },
+    "etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc="
+    },
+    "event-target-shim": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
+      "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ=="
+    },
+    "eventemitter3": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
+      "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
+      "dev": true
+    },
+    "events": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q=="
+    },
+    "events-universal": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/events-universal/-/events-universal-1.0.1.tgz",
+      "integrity": "sha512-LUd5euvbMLpwOF8m6ivPCbhQeSiYVNb8Vs0fQ8QjXo0JTkEHpz8pxdQf0gStltaPpw0Cca8b39KxvK9cfKRiAw==",
+      "dev": true,
+      "requires": {
+        "bare-events": "^2.7.0"
+      }
+    },
+    "execa": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
+      "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
+      "dev": true,
+      "requires": {
+        "cross-spawn": "^7.0.3",
+        "get-stream": "^6.0.0",
+        "human-signals": "^2.1.0",
+        "is-stream": "^2.0.0",
+        "merge-stream": "^2.0.0",
+        "npm-run-path": "^4.0.1",
+        "onetime": "^5.1.2",
+        "signal-exit": "^3.0.3",
+        "strip-final-newline": "^2.0.0"
+      }
+    },
+    "exit-hook": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/exit-hook/-/exit-hook-4.0.0.tgz",
+      "integrity": "sha512-Fqs7ChZm72y40wKjOFXBKg7nJZvQJmewP5/7LtePDdnah/+FH9Hp5sgMujSCMPXlxOAW2//1jrW9pnsY7o20vQ==",
+      "dev": true
+    },
+    "expect": {
+      "version": "30.0.3",
+      "resolved": "https://registry.npmjs.org/expect/-/expect-30.0.3.tgz",
+      "integrity": "sha512-HXg6NvK35/cSYZCUKAtmlgCFyqKM4frEPbzrav5hRqb0GMz0E0lS5hfzYjSaiaE5ysnp/qI2aeZkeyeIAOeXzQ==",
+      "dev": true,
+      "requires": {
+        "@jest/expect-utils": "30.0.3",
+        "@jest/get-type": "30.0.1",
+        "jest-matcher-utils": "30.0.3",
+        "jest-message-util": "30.0.2",
+        "jest-mock": "30.0.2",
+        "jest-util": "30.0.2"
+      },
+      "dependencies": {
+        "@jest/schemas": {
+          "version": "30.0.1",
+          "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-30.0.1.tgz",
+          "integrity": "sha512-+g/1TKjFuGrf1Hh0QPCv0gISwBxJ+MQSNXmG9zjHy7BmFhtoJ9fdNhWJp3qUKRi93AOZHXtdxZgJ1vAtz6z65w==",
+          "dev": true,
+          "requires": {
+            "@sinclair/typebox": "^0.34.0"
+          }
+        },
+        "@jest/types": {
+          "version": "30.0.1",
+          "resolved": "https://registry.npmjs.org/@jest/types/-/types-30.0.1.tgz",
+          "integrity": "sha512-HGwoYRVF0QSKJu1ZQX0o5ZrUrrhj0aOOFA8hXrumD7SIzjouevhawbTjmXdwOmURdGluU9DM/XvGm3NyFoiQjw==",
+          "dev": true,
+          "requires": {
+            "@jest/pattern": "30.0.1",
+            "@jest/schemas": "30.0.1",
+            "@types/istanbul-lib-coverage": "^2.0.6",
+            "@types/istanbul-reports": "^3.0.4",
+            "@types/node": "*",
+            "@types/yargs": "^17.0.33",
+            "chalk": "^4.1.2"
+          }
+        },
+        "@sinclair/typebox": {
+          "version": "0.34.37",
+          "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.34.37.tgz",
+          "integrity": "sha512-2TRuQVgQYfy+EzHRTIvkhv2ADEouJ2xNS/Vq+W5EuuewBdOrvATvljZTxHWZSTYr2sTjTHpGvucaGAt67S2akw==",
+          "dev": true
+        },
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "ci-info": {
+          "version": "4.2.0",
+          "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-4.2.0.tgz",
+          "integrity": "sha512-cYY9mypksY8NRqgDB1XD1RiJL338v/551niynFTGkZOO2LHuB2OmOYxDIe/ttN9AHwrqdum1360G3ald0W9kCg==",
+          "dev": true
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true
+        },
+        "jest-message-util": {
+          "version": "30.0.2",
+          "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-30.0.2.tgz",
+          "integrity": "sha512-vXywcxmr0SsKXF/bAD7t7nMamRvPuJkras00gqYeB1V0WllxZrbZ0paRr3XqpFU2sYYjD0qAaG2fRyn/CGZ0aw==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.27.1",
+            "@jest/types": "30.0.1",
+            "@types/stack-utils": "^2.0.3",
+            "chalk": "^4.1.2",
+            "graceful-fs": "^4.2.11",
+            "micromatch": "^4.0.8",
+            "pretty-format": "30.0.2",
+            "slash": "^3.0.0",
+            "stack-utils": "^2.0.6"
+          }
+        },
+        "jest-mock": {
+          "version": "30.0.2",
+          "resolved": "https://registry.npmjs.org/jest-mock/-/jest-mock-30.0.2.tgz",
+          "integrity": "sha512-PnZOHmqup/9cT/y+pXIVbbi8ID6U1XHRmbvR7MvUy4SLqhCbwpkmXhLbsWbGewHrV5x/1bF7YDjs+x24/QSvFA==",
+          "dev": true,
+          "requires": {
+            "@jest/types": "30.0.1",
+            "@types/node": "*",
+            "jest-util": "30.0.2"
+          }
+        },
+        "jest-util": {
+          "version": "30.0.2",
+          "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-30.0.2.tgz",
+          "integrity": "sha512-8IyqfKS4MqprBuUpZNlFB5l+WFehc8bfCe1HSZFHzft2mOuND8Cvi9r1musli+u6F3TqanCZ/Ik4H4pXUolZIg==",
+          "dev": true,
+          "requires": {
+            "@jest/types": "30.0.1",
+            "@types/node": "*",
+            "chalk": "^4.1.2",
+            "ci-info": "^4.2.0",
+            "graceful-fs": "^4.2.11",
+            "picomatch": "^4.0.2"
+          }
+        },
+        "picomatch": {
+          "version": "4.0.2",
+          "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
+          "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
+          "dev": true
+        },
+        "pretty-format": {
+          "version": "30.0.2",
+          "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.0.2.tgz",
+          "integrity": "sha512-yC5/EBSOrTtqhCKfLHqoUIAXVRZnukHPwWBJWR7h84Q3Be1DRQZLncwcfLoPA5RPQ65qfiCMqgYwdUuQ//eVpg==",
+          "dev": true,
+          "requires": {
+            "@jest/schemas": "30.0.1",
+            "ansi-styles": "^5.2.0",
+            "react-is": "^18.3.1"
+          },
+          "dependencies": {
+            "ansi-styles": {
+              "version": "5.2.0",
+              "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+              "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+              "dev": true
+            }
+          }
+        },
+        "react-is": {
+          "version": "18.3.1",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+          "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+          "dev": true
+        },
+        "slash": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+          "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
+    "expect-webdriverio": {
+      "version": "5.3.4",
+      "resolved": "https://registry.npmjs.org/expect-webdriverio/-/expect-webdriverio-5.3.4.tgz",
+      "integrity": "sha512-FU+96C0nqeYTXrJcGLUDB6hPKKaSm1/tVHjFDE4EDHGCYvajAHCC2MBQJ5MomjCmp6lGMz36lDHeZj52LHylyA==",
+      "dev": true,
+      "requires": {
+        "@vitest/snapshot": "^3.2.4",
+        "expect": "^30.0.0",
+        "jest-matcher-utils": "^30.0.0",
+        "lodash.isequal": "^4.5.0"
+      },
+      "dependencies": {
+        "@vitest/pretty-format": {
+          "version": "3.2.4",
+          "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-3.2.4.tgz",
+          "integrity": "sha512-IVNZik8IVRJRTr9fxlitMKeJeXFFFN0JaB9PHPGQ8NKQbGpfjlTx9zO4RefN8gp7eqjNy8nyK3NZmBzOPeIxtA==",
+          "dev": true,
+          "requires": {
+            "tinyrainbow": "^2.0.0"
+          }
+        },
+        "@vitest/snapshot": {
+          "version": "3.2.4",
+          "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-3.2.4.tgz",
+          "integrity": "sha512-dEYtS7qQP2CjU27QBC5oUOxLE/v5eLkGqPE0ZKEIDGMs4vKWe7IjgLOeauHsR0D5YuuycGRO5oSRXnwnmA78fQ==",
+          "dev": true,
+          "requires": {
+            "@vitest/pretty-format": "3.2.4",
+            "magic-string": "^0.30.17",
+            "pathe": "^2.0.3"
+          }
+        },
+        "pathe": {
+          "version": "2.0.3",
+          "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
+          "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
+          "dev": true
+        },
+        "tinyrainbow": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-2.0.0.tgz",
+          "integrity": "sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==",
+          "dev": true
+        }
+      }
+    },
+    "exponential-backoff": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/exponential-backoff/-/exponential-backoff-3.1.2.tgz",
+      "integrity": "sha512-8QxYTVXUkuy7fIIoitQkPwGonB8F3Zj8eEO8Sqg9Zv/bkI7RJAzowee4gr81Hak/dUTpA2Z7VfQgoijjPNlUZA=="
+    },
+    "express": {
+      "version": "4.21.2",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.21.2.tgz",
+      "integrity": "sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA==",
+      "dev": true,
+      "requires": {
+        "accepts": "~1.3.8",
+        "array-flatten": "1.1.1",
+        "body-parser": "1.20.3",
+        "content-disposition": "0.5.4",
+        "content-type": "~1.0.4",
+        "cookie": "0.7.1",
+        "cookie-signature": "1.0.6",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "finalhandler": "1.3.1",
+        "fresh": "0.5.2",
+        "http-errors": "2.0.0",
+        "merge-descriptors": "1.0.3",
+        "methods": "~1.1.2",
+        "on-finished": "2.4.1",
+        "parseurl": "~1.3.3",
+        "path-to-regexp": "0.1.12",
+        "proxy-addr": "~2.0.7",
+        "qs": "6.13.0",
+        "range-parser": "~1.2.1",
+        "safe-buffer": "5.2.1",
+        "send": "0.19.0",
+        "serve-static": "1.16.2",
+        "setprototypeof": "1.2.0",
+        "statuses": "2.0.1",
+        "type-is": "~1.6.18",
+        "utils-merge": "1.0.1",
+        "vary": "~1.1.2"
+      },
+      "dependencies": {
+        "array-flatten": {
+          "version": "1.1.1",
+          "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+          "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=",
+          "dev": true
+        },
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "depd": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+          "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+          "dev": true
+        },
+        "encodeurl": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+          "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+          "dev": true
+        },
+        "finalhandler": {
+          "version": "1.3.1",
+          "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.1.tgz",
+          "integrity": "sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==",
+          "dev": true,
+          "requires": {
+            "debug": "2.6.9",
+            "encodeurl": "~2.0.0",
+            "escape-html": "~1.0.3",
+            "on-finished": "2.4.1",
+            "parseurl": "~1.3.3",
+            "statuses": "2.0.1",
+            "unpipe": "~1.0.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+          "dev": true
+        },
+        "on-finished": {
+          "version": "2.4.1",
+          "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+          "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+          "dev": true,
+          "requires": {
+            "ee-first": "1.1.1"
+          }
+        },
+        "safe-buffer": {
+          "version": "5.2.1",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+          "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+          "dev": true
+        },
+        "statuses": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+          "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+          "dev": true
+        }
+      }
+    },
+    "extend": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="
+    },
+    "extend-shallow": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+      "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+      "dev": true,
+      "requires": {
+        "is-extendable": "^0.1.0"
+      }
+    },
+    "extract-zip": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz",
+      "integrity": "sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==",
+      "dev": true,
+      "requires": {
+        "@types/yauzl": "^2.9.1",
+        "debug": "^4.1.1",
+        "get-stream": "^5.1.0",
+        "yauzl": "^2.10.0"
+      },
+      "dependencies": {
+        "get-stream": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
+          "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
+          "dev": true,
+          "requires": {
+            "pump": "^3.0.0"
+          }
+        }
+      }
+    },
+    "fast-base64-decode": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fast-base64-decode/-/fast-base64-decode-1.0.0.tgz",
+      "integrity": "sha512-qwaScUgUGBYeDNRnbc/KyllVU88Jk1pRHPStuF/lO7B0/RTRLj7U0lkdTAutlBblY08rwZDff6tNU9cjv6j//Q=="
+    },
+    "fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
+    },
+    "fast-fifo": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/fast-fifo/-/fast-fifo-1.3.2.tgz",
+      "integrity": "sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==",
+      "dev": true
+    },
+    "fast-glob": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
+      "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
+      "dev": true,
+      "requires": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.4"
+      },
+      "dependencies": {
+        "glob-parent": {
+          "version": "5.1.2",
+          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+          "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+          "dev": true,
+          "requires": {
+            "is-glob": "^4.0.1"
+          }
+        }
+      }
+    },
+    "fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw=="
+    },
+    "fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true
+    },
+    "fast-loops": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/fast-loops/-/fast-loops-1.1.4.tgz",
+      "integrity": "sha512-8dbd3XWoKCTms18ize6JmQF1SFnnfj5s0B7rRry22EofgMu7B6LKHVh+XfFqFGsqnbH54xgeO83PzpKI+ODhlg=="
+    },
+    "fast-shallow-equal": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fast-shallow-equal/-/fast-shallow-equal-1.0.0.tgz",
+      "integrity": "sha512-HPtaa38cPgWvaCFmRNhlc6NG7pv6NUHqjPgVAkWGoB9mQMwYB27/K0CvOM5Czy+qpT3e8XJ6Q4aPAnzpNpzNaw=="
+    },
+    "fast-xml-parser": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/fast-xml-parser/-/fast-xml-parser-4.5.0.tgz",
+      "integrity": "sha512-/PlTQCI96+fZMAOLMZK4CWG1ItCbfZ/0jx7UIJFChPNrx7tcEgerUgWbeieCM9MfHInUDyK8DWYZ+YrywDJuTg==",
+      "dev": true,
+      "requires": {
+        "strnum": "^1.0.5"
+      }
+    },
+    "fastest-levenshtein": {
+      "version": "1.0.12",
+      "resolved": "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.12.tgz",
+      "integrity": "sha512-On2N+BpYJ15xIC974QNVuYGMOlEVt4s0EOI3wwMqOmK1fdDY+FN/zltPV8vosq4ad4c/gJ1KHScUn/6AWIgiow==",
+      "dev": true
+    },
+    "fastest-stable-stringify": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/fastest-stable-stringify/-/fastest-stable-stringify-2.0.2.tgz",
+      "integrity": "sha512-bijHueCGd0LqqNK9b5oCMHc0MluJAx0cwqASgbWMvkO01lCYgIhacVRLcaDz3QnyYIRNJRDwMb41VuT6pHJ91Q=="
+    },
+    "fastq": {
+      "version": "1.13.0",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz",
+      "integrity": "sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==",
+      "dev": true,
+      "requires": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "faye-websocket": {
+      "version": "0.11.4",
+      "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.11.4.tgz",
+      "integrity": "sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g==",
+      "dev": true,
+      "requires": {
+        "websocket-driver": ">=0.5.1"
+      }
+    },
+    "fb-watchman": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/fb-watchman/-/fb-watchman-2.0.2.tgz",
+      "integrity": "sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==",
+      "requires": {
+        "bser": "2.1.1"
+      }
+    },
+    "fd-slicer": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
+      "integrity": "sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==",
+      "dev": true,
+      "requires": {
+        "pend": "~1.2.0"
+      }
+    },
+    "figures": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/figures/-/figures-6.1.0.tgz",
+      "integrity": "sha512-d+l3qxjSesT4V7v2fh+QnmFnUWv9lSpjarhShNTgBOfA0ttejbQUAlHLitbjkoRiDulW0OPoQPYIGhIC8ohejg==",
+      "dev": true,
+      "requires": {
+        "is-unicode-supported": "^2.0.0"
+      },
+      "dependencies": {
+        "is-unicode-supported": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-2.1.0.tgz",
+          "integrity": "sha512-mE00Gnza5EEB3Ds0HfMyllZzbBrmLOX3vfWoj9A9PEnTfratQ/BcaJOuMhnkhjXvb2+FkY3VuHqtAGpTPmglFQ==",
+          "dev": true
+        }
+      }
+    },
+    "file-entry-cache": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
+      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+      "dev": true,
+      "requires": {
+        "flat-cache": "^3.0.4"
+      }
+    },
+    "file-uri-to-path": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
+      "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw=="
+    },
+    "filelist": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/filelist/-/filelist-1.0.4.tgz",
+      "integrity": "sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==",
+      "dev": true,
+      "requires": {
+        "minimatch": "^5.0.1"
+      },
+      "dependencies": {
+        "brace-expansion": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+          "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+          "dev": true,
+          "requires": {
+            "balanced-match": "^1.0.0"
+          }
+        },
+        "minimatch": {
+          "version": "5.1.6",
+          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
+          "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
+          "dev": true,
+          "requires": {
+            "brace-expansion": "^2.0.1"
+          }
+        }
+      }
+    },
+    "fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "requires": {
+        "to-regex-range": "^5.0.1"
+      }
+    },
+    "filter-obj": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/filter-obj/-/filter-obj-1.1.0.tgz",
+      "integrity": "sha512-8rXg1ZnX7xzy2NGDVkBVaAy+lSlPNwad13BtgSlLuxfIslyt5Vg64U7tFcCt4WS1R0hvtnQybT/IyCkGZ3DpXQ=="
+    },
+    "finalhandler": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz",
+      "integrity": "sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==",
+      "requires": {
+        "debug": "2.6.9",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "on-finished": "~2.3.0",
+        "parseurl": "~1.3.3",
+        "statuses": "~1.5.0",
+        "unpipe": "~1.0.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+        }
+      }
+    },
+    "find-cache-dir": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.3.2.tgz",
+      "integrity": "sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==",
+      "dev": true,
+      "requires": {
+        "commondir": "^1.0.1",
+        "make-dir": "^3.0.2",
+        "pkg-dir": "^4.1.0"
+      }
+    },
+    "find-root": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz",
+      "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng=="
+    },
+    "find-up": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+      "requires": {
+        "locate-path": "^5.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "dependencies": {
+        "path-exists": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+          "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w=="
+        }
+      }
+    },
+    "find-yarn-workspace-root": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/find-yarn-workspace-root/-/find-yarn-workspace-root-2.0.0.tgz",
+      "integrity": "sha512-1IMnbjt4KzsQfnhnzNd8wUEgXZ44IzZaZmnLYx7D5FZlaHt2gW20Cri8Q+E/t5tIj4+epTBub+2Zxu/vNILzqQ==",
+      "dev": true,
+      "requires": {
+        "micromatch": "^4.0.2"
+      }
+    },
+    "flat": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/flat/-/flat-5.0.2.tgz",
+      "integrity": "sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ==",
+      "dev": true
+    },
+    "flat-cache": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz",
+      "integrity": "sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==",
+      "dev": true,
+      "requires": {
+        "flatted": "^3.1.0",
+        "rimraf": "^3.0.2"
+      }
+    },
+    "flatted": {
+      "version": "3.2.5",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.5.tgz",
+      "integrity": "sha512-WIWGi2L3DyTUvUrwRKgGi9TwxQMUEqPOPQBVi71R96jZXJdFskXEmf54BoZaS1kknGODoIGASGEzBUYdyMCBJg==",
+      "dev": true
+    },
+    "flow-enums-runtime": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/flow-enums-runtime/-/flow-enums-runtime-0.0.6.tgz",
+      "integrity": "sha512-3PYnM29RFXwvAN6Pc/scUfkI7RwhQ/xqyLUyPNlXUp9S40zI8nup9tUSrTLSVnWGBN38FNiGWbwZOB6uR4OGdw=="
+    },
+    "flow-parser": {
+      "version": "0.275.0",
+      "resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.275.0.tgz",
+      "integrity": "sha512-fHNwawoA2LM7FsxhU/1lTRGq9n6/Q8k861eHgN7GKtamYt9Qrxpg/ZSrev8o1WX7fQ2D3Gg3+uvYN15PmsG7Yw=="
+    },
+    "focus-lock": {
+      "version": "0.11.6",
+      "resolved": "https://registry.npmjs.org/focus-lock/-/focus-lock-0.11.6.tgz",
+      "integrity": "sha512-KSuV3ur4gf2KqMNoZx3nXNVhqCkn42GuTYCX4tXPEwf0MjpFQmNMiN6m7dXaUXgIoivL6/65agoUMg4RLS0Vbg==",
+      "requires": {
+        "tslib": "^2.0.3"
+      }
+    },
+    "focus-visible": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/focus-visible/-/focus-visible-5.1.0.tgz",
+      "integrity": "sha512-nPer0rjtzdZ7csVIu233P2cUm/ks/4aVSI+5KUkYrYpgA7ujgC3p6J7FtFU+AIMWwnwYQOB/yeiOITxFeYIXiw=="
+    },
+    "follow-redirects": {
+      "version": "1.15.6",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz",
+      "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA=="
+    },
+    "for-each": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
+      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
+      "requires": {
+        "is-callable": "^1.1.3"
+      }
+    },
+    "foreground-child": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.1.tgz",
+      "integrity": "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==",
+      "requires": {
+        "cross-spawn": "^7.0.6",
+        "signal-exit": "^4.0.1"
+      },
+      "dependencies": {
+        "signal-exit": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+          "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw=="
+        }
+      }
+    },
+    "forwarded": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
+      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
+      "dev": true
+    },
+    "fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac="
+    },
+    "fs-extra": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz",
+      "integrity": "sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.1.2",
+        "jsonfile": "^4.0.0",
+        "universalify": "^0.1.0"
+      }
+    },
+    "fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8="
+    },
+    "fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "optional": true
+    },
+    "function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA=="
+    },
+    "function.prototype.name": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.8.tgz",
+      "integrity": "sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==",
+      "requires": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "functions-have-names": "^1.2.3",
+        "hasown": "^2.0.2",
+        "is-callable": "^1.2.7"
+      }
+    },
+    "functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ=="
+    },
+    "geckodriver": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/geckodriver/-/geckodriver-6.1.0.tgz",
+      "integrity": "sha512-ZRXLa4ZaYTTgUO4Eefw+RsQCleugU2QLb1ME7qTYxxuRj51yAhfnXaItXNs5/vUzfIaDHuZ+YnSF005hfp07nQ==",
+      "dev": true,
+      "requires": {
+        "@wdio/logger": "^9.18.0",
+        "@zip.js/zip.js": "^2.8.11",
+        "decamelize": "^6.0.1",
+        "http-proxy-agent": "^7.0.2",
+        "https-proxy-agent": "^7.0.6",
+        "modern-tar": "^0.7.2"
+      },
+      "dependencies": {
+        "decamelize": {
+          "version": "6.0.1",
+          "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-6.0.1.tgz",
+          "integrity": "sha512-G7Cqgaelq68XHJNGlZ7lrNQyhZGsFqpwtGFexqUv4IQdjKoSYF7ipZ9UuTJZUSQXFj/XaoBLuEVIVqr8EJngEQ==",
+          "dev": true
+        }
+      }
+    },
+    "gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg=="
+    },
+    "get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg=="
+    },
+    "get-intrinsic": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.7.tgz",
+      "integrity": "sha512-VW6Pxhsrk0KAOqs3WEd0klDiF/+V7gQOpAvY1jVU/LHmaD/kQO4523aiJuikX/QAKYiW6x8Jh+RJej1almdtCA==",
+      "requires": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.0",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      }
+    },
+    "get-nonce": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-nonce/-/get-nonce-1.0.1.tgz",
+      "integrity": "sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q=="
+    },
+    "get-package-type": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/get-package-type/-/get-package-type-0.1.0.tgz",
+      "integrity": "sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q=="
+    },
+    "get-port": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/get-port/-/get-port-7.1.0.tgz",
+      "integrity": "sha512-QB9NKEeDg3xxVwCCwJQ9+xycaz6pBB6iQ76wiWMl1927n0Kir6alPiP+yuiICLLU4jpMe08dXfpebuQppFA2zw==",
+      "dev": true
+    },
+    "get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "requires": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      }
+    },
+    "get-stdin": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-9.0.0.tgz",
+      "integrity": "sha512-dVKBjfWisLAicarI2Sf+JuBE/DghV4UzNAVe9yhEJuzeREd3JhOTE9cUaJTeSa77fsbQUK3pcOpJfM59+VKZaA=="
+    },
+    "get-stream": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
+      "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
+      "dev": true
+    },
+    "get-symbol-description": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz",
+      "integrity": "sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==",
+      "requires": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6"
+      }
+    },
+    "get-tsconfig": {
+      "version": "4.8.1",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.8.1.tgz",
+      "integrity": "sha512-k9PN+cFBmaLWtVz29SkUoqU5O0slLuHJXt/2P+tMVFT+phsSGXGkp9t3rQIqdz0e+06EHNGs3oM6ZX1s2zHxRg==",
+      "dev": true,
+      "requires": {
+        "resolve-pkg-maps": "^1.0.0"
+      }
+    },
+    "get-uri": {
+      "version": "6.0.5",
+      "resolved": "https://registry.npmjs.org/get-uri/-/get-uri-6.0.5.tgz",
+      "integrity": "sha512-b1O07XYq8eRuVzBNgJLstU6FYc1tS6wnMtF1I1D9lE8LxZSOGZ7LhxN54yPP6mGw5f2CkXY2BQUL9Fx41qvcIg==",
+      "dev": true,
+      "requires": {
+        "basic-ftp": "^5.0.2",
+        "data-uri-to-buffer": "^6.0.2",
+        "debug": "^4.3.4"
+      }
+    },
+    "glob": {
+      "version": "11.0.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-11.0.3.tgz",
+      "integrity": "sha512-2Nim7dha1KVkaiF4q6Dj+ngPPMdfvLJEOpZk/jKiUAkqKebpGAWQXAq9z1xu9HKu5lWfqw/FASuccEjyznjPaA==",
+      "requires": {
+        "foreground-child": "^3.3.1",
+        "jackspeak": "^4.1.1",
+        "minimatch": "^10.0.3",
+        "minipass": "^7.1.2",
+        "package-json-from-dist": "^1.0.0",
+        "path-scurry": "^2.0.0"
+      },
+      "dependencies": {
+        "jackspeak": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-4.1.1.tgz",
+          "integrity": "sha512-zptv57P3GpL+O0I7VdMJNBZCu+BPHVQUk55Ft8/QCJjTVxrnJHuVuX/0Bl2A6/+2oyR/ZMEuFKwmzqqZ/U5nPQ==",
+          "requires": {
+            "@isaacs/cliui": "^8.0.2"
+          }
+        },
+        "lru-cache": {
+          "version": "11.1.0",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.1.0.tgz",
+          "integrity": "sha512-QIXZUBJUx+2zHUdQujWejBkcD9+cs94tLn0+YL8UrCh+D5sCXZ4c7LaEH48pNwRY3MLDgqUFyhlCyjJPf1WP0A=="
+        },
+        "minimatch": {
+          "version": "10.0.3",
+          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.0.3.tgz",
+          "integrity": "sha512-IPZ167aShDZZUMdRk66cyQAW3qr0WzbHkPdMYa8bzZhlHhO3jALbKdxcaak7W9FfT2rZNpQuUu4Od7ILEpXSaw==",
+          "requires": {
+            "@isaacs/brace-expansion": "^5.0.0"
+          }
+        },
+        "path-scurry": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-2.0.0.tgz",
+          "integrity": "sha512-ypGJsmGtdXUOeM5u93TyeIEfEhM6s+ljAhrk5vAvSx8uyY/02OvrZnA0YNGUrPXfpJMgI1ODd3nwz8Npx4O4cg==",
+          "requires": {
+            "lru-cache": "^11.0.0",
+            "minipass": "^7.1.2"
+          }
+        }
+      }
+    },
+    "glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "requires": {
+        "is-glob": "^4.0.3"
+      }
+    },
+    "glob-to-regexp": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
+      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==",
+      "dev": true
+    },
+    "globals": {
+      "version": "11.12.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
+      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA=="
+    },
+    "globalthis": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
+      "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
+      "requires": {
+        "define-properties": "^1.2.1",
+        "gopd": "^1.0.1"
+      }
+    },
+    "globby": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+      "dev": true,
+      "requires": {
+        "array-union": "^2.1.0",
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.2.9",
+        "ignore": "^5.2.0",
+        "merge2": "^1.4.1",
+        "slash": "^3.0.0"
+      },
+      "dependencies": {
+        "slash": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+          "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+          "dev": true
+        }
+      }
+    },
+    "gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg=="
+    },
+    "graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
+    },
+    "grapheme-splitter": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz",
+      "integrity": "sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ=="
+    },
+    "graphemer": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+      "dev": true
+    },
+    "gzip-size": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/gzip-size/-/gzip-size-6.0.0.tgz",
+      "integrity": "sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q==",
+      "dev": true,
+      "requires": {
+        "duplexer": "^0.1.2"
+      }
+    },
+    "handle-thing": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/handle-thing/-/handle-thing-2.0.1.tgz",
+      "integrity": "sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==",
+      "dev": true
+    },
+    "has-bigints": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
+      "integrity": "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg=="
+    },
+    "has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
+      "dev": true
+    },
+    "has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "requires": {
+        "es-define-property": "^1.0.0"
+      }
+    },
+    "has-proto": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.2.0.tgz",
+      "integrity": "sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==",
+      "requires": {
+        "dunder-proto": "^1.0.0"
+      }
+    },
+    "has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ=="
+    },
+    "has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "requires": {
+        "has-symbols": "^1.0.3"
+      }
+    },
+    "hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "requires": {
+        "function-bind": "^1.1.2"
+      }
+    },
+    "he": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
+      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
+      "dev": true
+    },
+    "hermes-estree": {
+      "version": "0.25.1",
+      "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.25.1.tgz",
+      "integrity": "sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw=="
+    },
+    "hermes-parser": {
+      "version": "0.25.1",
+      "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.25.1.tgz",
+      "integrity": "sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==",
+      "requires": {
+        "hermes-estree": "0.25.1"
+      }
+    },
+    "hoist-non-react-statics": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
+      "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
+      "requires": {
+        "react-is": "^16.7.0"
+      },
+      "dependencies": {
+        "react-is": {
+          "version": "16.13.1",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+          "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+        }
+      }
+    },
+    "hosted-git-info": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-7.0.2.tgz",
+      "integrity": "sha512-puUZAUKT5m8Zzvs72XWy3HtvVbTWljRE66cP60bxJzAqf2DgICo7lYTY2IHUmLnNpjYvw5bvmoHvPc0QO2a62w==",
+      "dev": true,
+      "requires": {
+        "lru-cache": "^10.0.1"
+      },
+      "dependencies": {
+        "lru-cache": {
+          "version": "10.4.3",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
+          "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+          "dev": true
+        }
+      }
+    },
+    "hpack.js": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/hpack.js/-/hpack.js-2.1.6.tgz",
+      "integrity": "sha1-h3dMCUnlE/QuhFdbPEVoH63ioLI=",
+      "dev": true,
+      "requires": {
+        "inherits": "^2.0.1",
+        "obuf": "^1.0.0",
+        "readable-stream": "^2.0.1",
+        "wbuf": "^1.1.0"
+      },
+      "dependencies": {
+        "isarray": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+          "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=",
+          "dev": true
+        },
+        "readable-stream": {
+          "version": "2.3.7",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+          "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+          "dev": true,
+          "requires": {
+            "core-util-is": "~1.0.0",
+            "inherits": "~2.0.3",
+            "isarray": "~1.0.0",
+            "process-nextick-args": "~2.0.0",
+            "safe-buffer": "~5.1.1",
+            "string_decoder": "~1.1.1",
+            "util-deprecate": "~1.0.1"
+          }
+        },
+        "string_decoder": {
+          "version": "1.1.1",
+          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+          "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+          "dev": true,
+          "requires": {
+            "safe-buffer": "~5.1.0"
+          }
+        }
+      }
+    },
+    "html-entities": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-2.6.0.tgz",
+      "integrity": "sha512-kig+rMn/QOVRvr7c86gQ8lWXq+Hkv6CbAH1hLu+RG338StTpE8Z0b44SDVaqVu7HGKf27frdmUYEs9hTUX/cLQ==",
+      "dev": true
+    },
+    "html-parse-stringify2": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/html-parse-stringify2/-/html-parse-stringify2-2.0.1.tgz",
+      "integrity": "sha512-wMKQ3aJ/dwXzDHPpA7XgsRXXCkEhHkAF6Ioh7D51lgZO7Qy0LmcFddC9TI/qNQJvSM1KL8KbcR3FtuybsrzFlQ==",
+      "requires": {
+        "void-elements": "^2.0.1"
+      }
+    },
+    "htmlfy": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/htmlfy/-/htmlfy-0.8.1.tgz",
+      "integrity": "sha512-xWROBw9+MEGwxpotll0h672KCaLrKKiCYzsyN8ZgL9cQbVumFnyvsk2JqiB9ELAV1GLj1GG/jxZUjV9OZZi/yQ==",
+      "dev": true
+    },
+    "htmlparser2": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-10.0.0.tgz",
+      "integrity": "sha512-TwAZM+zE5Tq3lrEHvOlvwgj1XLWQCtaaibSN11Q+gGBAS7Y1uZSWwXXRe4iF6OXnaq1riyQAPFOBtYc77Mxq0g==",
+      "dev": true,
+      "requires": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3",
+        "domutils": "^3.2.1",
+        "entities": "^6.0.0"
+      },
+      "dependencies": {
+        "dom-serializer": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
+          "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
+          "dev": true,
+          "requires": {
+            "domelementtype": "^2.3.0",
+            "domhandler": "^5.0.2",
+            "entities": "^4.2.0"
+          },
+          "dependencies": {
+            "entities": {
+              "version": "4.5.0",
+              "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+              "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+              "dev": true
+            }
+          }
+        },
+        "domhandler": {
+          "version": "5.0.3",
+          "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
+          "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+          "dev": true,
+          "requires": {
+            "domelementtype": "^2.3.0"
+          }
+        },
+        "domutils": {
+          "version": "3.2.2",
+          "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.2.2.tgz",
+          "integrity": "sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==",
+          "dev": true,
+          "requires": {
+            "dom-serializer": "^2.0.0",
+            "domelementtype": "^2.3.0",
+            "domhandler": "^5.0.3"
+          }
+        },
+        "entities": {
+          "version": "6.0.1",
+          "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
+          "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
+          "dev": true
+        }
+      }
+    },
+    "http-deceiver": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/http-deceiver/-/http-deceiver-1.2.7.tgz",
+      "integrity": "sha1-+nFolEq5pRnTN8sL7HKE3D5yPYc=",
+      "dev": true
+    },
+    "http-errors": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
+      "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
+      "requires": {
+        "depd": "2.0.0",
+        "inherits": "2.0.4",
+        "setprototypeof": "1.2.0",
+        "statuses": "2.0.1",
+        "toidentifier": "1.0.1"
+      },
+      "dependencies": {
+        "depd": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+          "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw=="
+        },
+        "statuses": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+          "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ=="
+        }
+      }
+    },
+    "http-parser-js": {
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.5.5.tgz",
+      "integrity": "sha512-x+JVEkO2PoM8qqpbPbOL3cqHPwerep7OwzK7Ay+sMQjKzaKCqWvjoXm5tqMP9tXWWTnTzAjIhXg+J99XYuPhPA==",
+      "dev": true
+    },
+    "http-proxy": {
+      "version": "1.18.1",
+      "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz",
+      "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==",
+      "dev": true,
+      "requires": {
+        "eventemitter3": "^4.0.0",
+        "follow-redirects": "^1.0.0",
+        "requires-port": "^1.0.0"
+      }
+    },
+    "http-proxy-agent": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz",
+      "integrity": "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==",
+      "dev": true,
+      "requires": {
+        "agent-base": "^7.1.0",
+        "debug": "^4.3.4"
+      }
+    },
+    "http-proxy-middleware": {
+      "version": "2.0.9",
+      "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.9.tgz",
+      "integrity": "sha512-c1IyJYLYppU574+YI7R4QyX2ystMtVXZwIdzazUIPIJsHuWNd+mho2j+bKoHftndicGj9yh+xjd+l0yj7VeT1Q==",
+      "dev": true,
+      "requires": {
+        "@types/http-proxy": "^1.17.8",
+        "http-proxy": "^1.18.1",
+        "is-glob": "^4.0.1",
+        "is-plain-obj": "^3.0.0",
+        "micromatch": "^4.0.2"
+      },
+      "dependencies": {
+        "is-plain-obj": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-3.0.0.tgz",
+          "integrity": "sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA==",
+          "dev": true
+        }
+      }
+    },
+    "https-proxy-agent": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
+      "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==",
+      "dev": true,
+      "requires": {
+        "agent-base": "^7.1.2",
+        "debug": "4"
+      }
+    },
+    "human-signals": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
+      "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
+      "dev": true
+    },
+    "hyperdyperid": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/hyperdyperid/-/hyperdyperid-1.2.0.tgz",
+      "integrity": "sha512-Y93lCzHYgGWdrJ66yIktxiaGULYc6oGiABxhcO5AufBeOyoIdZF7bIfLaOrbM0iGIOXQQgxxRrFEnb+Y6w1n4A==",
+      "dev": true
+    },
+    "hyphenate-style-name": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/hyphenate-style-name/-/hyphenate-style-name-1.0.4.tgz",
+      "integrity": "sha512-ygGZLjmXfPHj+ZWh6LwbC37l43MhfztxetbFCoYTM2VjkIUpeHgSNn7QIyVFj7YQ1Wl9Cbw5sholVJPzWvC2MQ=="
+    },
+    "i18n-iso-countries": {
+      "version": "6.8.0",
+      "resolved": "https://registry.npmjs.org/i18n-iso-countries/-/i18n-iso-countries-6.8.0.tgz",
+      "integrity": "sha512-jJs/+CA6+VUICFxqGcB0vFMERGfhfvyNk+8Vb9EagSZkl7kSpm/kT0VyhvzM/zixDWEV/+oN9L7v/GT9BwzoGg==",
+      "requires": {
+        "diacritics": "1.3.0"
+      }
+    },
+    "i18next": {
+      "version": "17.0.6",
+      "resolved": "https://registry.npmjs.org/i18next/-/i18next-17.0.6.tgz",
+      "integrity": "sha512-bdNhzhcM6RG5m82RypVguCrAQNie/ycxW0Q5C6K9UDWD5hqApZfdJFbj4Ikz9jxIR+Ja1eg0yCQLhlCT+opwIg==",
+      "requires": {
+        "@babel/runtime": "^7.3.1"
+      }
+    },
+    "i18next-browser-languagedetector": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/i18next-browser-languagedetector/-/i18next-browser-languagedetector-3.0.1.tgz",
+      "integrity": "sha512-WFjPLNPWl62uu07AHY2g+KsC9qz0tyMq+OZEB/H7N58YKL/JLiCz9U709gaR20Mule/Ppn+uyfVx5REJJjn1HA=="
+    },
+    "i18next-http-backend": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/i18next-http-backend/-/i18next-http-backend-2.2.1.tgz",
+      "integrity": "sha512-ZXIdn/8NJIBJ0X4hzXfc3STYxKrCKh1fYjji9HPyIpEJfvTvy8/ZlTl8RuTizzCPj2ZcWrfaecyOMKs6bQ7u5A==",
+      "requires": {
+        "cross-fetch": "3.1.6"
+      }
+    },
+    "iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "dev": true,
+      "requires": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      }
+    },
+    "icss-utils": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz",
+      "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==",
+      "dev": true
+    },
+    "ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA=="
+    },
+    "ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "dev": true
+    },
+    "image-capture": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/image-capture/-/image-capture-0.4.0.tgz",
+      "integrity": "sha512-6RWTfqC4ij0AldG+6sQ51XSHTSbwfqMSjVl1GtwNBzbW4UrcfGZeB1Kn749BccvtLb04g5+jSTf1D7q3qHcxpA=="
+    },
+    "image-size": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/image-size/-/image-size-1.2.1.tgz",
+      "integrity": "sha512-rH+46sQJ2dlwfjfhCyNx5thzrv+dtmBIhPHk0zgRUukHzZ/kRueTJXoYYsclBaKcSMBWuGbOFXtioLpzTb5euw==",
+      "requires": {
+        "queue": "6.0.2"
+      }
+    },
+    "immediate": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz",
+      "integrity": "sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==",
+      "dev": true
+    },
+    "import-fresh": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+      "requires": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      }
+    },
+    "import-local": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/import-local/-/import-local-3.1.0.tgz",
+      "integrity": "sha512-ASB07uLtnDs1o6EHjKpX34BKYDSqnFerfTOJL2HvMqF70LnxpjkzDB8J44oT9pu4AMPkQwf8jl6szgvNd2tRIg==",
+      "dev": true,
+      "requires": {
+        "pkg-dir": "^4.2.0",
+        "resolve-cwd": "^3.0.0"
+      }
+    },
+    "import-meta-resolve": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-4.1.0.tgz",
+      "integrity": "sha512-I6fiaX09Xivtk+THaMfAwnA3MVA5Big1WHF1Dfx9hFuvNIWpXnorlkzhcQf6ehrqQiiZECRt1poOAkPmer3ruw==",
+      "dev": true
+    },
+    "imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o="
+    },
+    "inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
+      "requires": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
+    },
+    "ini": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+      "dev": true
+    },
+    "inline-style-prefixer": {
+      "version": "6.0.4",
+      "resolved": "https://registry.npmjs.org/inline-style-prefixer/-/inline-style-prefixer-6.0.4.tgz",
+      "integrity": "sha512-FwXmZC2zbeeS7NzGjJ6pAiqRhXR0ugUShSNb6GApMl6da0/XGc4MOJsoWAywia52EEWbXNSy0pzkwz/+Y+swSg==",
+      "requires": {
+        "css-in-js-utils": "^3.1.0",
+        "fast-loops": "^1.1.3"
+      }
+    },
+    "inquirer": {
+      "version": "12.11.1",
+      "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-12.11.1.tgz",
+      "integrity": "sha512-9VF7mrY+3OmsAfjH3yKz/pLbJ5z22E23hENKw3/LNSaA/sAt3v49bDRY+Ygct1xwuKT+U+cBfTzjCPySna69Qw==",
+      "dev": true,
+      "requires": {
+        "@inquirer/ansi": "^1.0.2",
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/prompts": "^7.10.1",
+        "@inquirer/type": "^3.0.10",
+        "mute-stream": "^2.0.0",
+        "run-async": "^4.0.6",
+        "rxjs": "^7.8.2"
+      }
+    },
+    "int64-buffer": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/int64-buffer/-/int64-buffer-1.1.0.tgz",
+      "integrity": "sha512-94smTCQOvigN4d/2R/YDjz8YVG0Sufvv2aAh8P5m42gwhCsDAJqnbNOrxJsrADuAFAA69Q/ptGzxvNcNuIJcvw=="
+    },
+    "internal-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
+      "integrity": "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==",
+      "requires": {
+        "es-errors": "^1.3.0",
+        "hasown": "^2.0.2",
+        "side-channel": "^1.1.0"
+      }
+    },
+    "interpret": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/interpret/-/interpret-3.1.1.tgz",
+      "integrity": "sha512-6xwYfHbajpoF0xLW+iwLkhwgvLoZDfjYfoFNu8ftMoXINzwuymNLd9u/KmwtdT2GbR+/Cz66otEGEVVUHX9QLQ==",
+      "dev": true
+    },
+    "intersection-observer": {
+      "version": "0.12.2",
+      "resolved": "https://registry.npmjs.org/intersection-observer/-/intersection-observer-0.12.2.tgz",
+      "integrity": "sha512-7m1vEcPCxXYI8HqnL8CKI6siDyD+eIWSwgB3DZA+ZTogxk9I4CDnj4wilt9x/+/QbHI4YG5YZNmC6458/e9Ktg=="
+    },
+    "invariant": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
+      "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
+      "requires": {
+        "loose-envify": "^1.0.0"
+      }
+    },
+    "ip-address": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.1.0.tgz",
+      "integrity": "sha512-XXADHxXmvT9+CRxhXg56LJovE+bmWnEWB78LB83VZTprKTmaC5QfruXocxzTZ2Kl0DNwKuBdlIhjL8LeY8Sf8Q==",
+      "dev": true
+    },
+    "ipaddr.js": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.2.0.tgz",
+      "integrity": "sha512-Ag3wB2o37wslZS19hZqorUnrnzSkpOVy+IiiDEiTqNubEYpYuHWIf6K4psgN2ZWKExS4xhVCrRVfb/wfW8fWJA==",
+      "dev": true
+    },
+    "is-arguments": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
+      "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
+      "requires": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      }
+    },
+    "is-array-buffer": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
+      "integrity": "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==",
+      "requires": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      }
+    },
+    "is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0="
+    },
+    "is-async-function": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.1.0.tgz",
+      "integrity": "sha512-GExz9MtyhlZyXYLxzlJRj5WUCE661zhDa1Yna52CN57AJsymh+DvXXjyveSioqSRdxvUrdKdvqB1b5cVKsNpWQ==",
+      "requires": {
+        "call-bound": "^1.0.3",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      }
+    },
+    "is-bigint": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.1.0.tgz",
+      "integrity": "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==",
+      "requires": {
+        "has-bigints": "^1.0.2"
+      }
+    },
+    "is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dev": true,
+      "requires": {
+        "binary-extensions": "^2.0.0"
+      }
+    },
+    "is-boolean-object": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.1.tgz",
+      "integrity": "sha512-l9qO6eFlUETHtuihLcYOaLKByJ1f+N4kthcU9YjHy3N+B3hWv0y/2Nd0mu/7lTFnRQHTrSdXF50HQ3bl5fEnng==",
+      "requires": {
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
+      }
+    },
+    "is-buffer": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
+      "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==",
+      "dev": true
+    },
+    "is-builtin-module": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-2.0.0.tgz",
+      "integrity": "sha512-G2jLHphOywpgrL/AaJKWDXpdpGR9X4V1PCkB+EwG5Z28z8EukgdWnAUFAS2wdBtIpwHhHBIiq0NBOWEbSXN0Rg==",
+      "dev": true,
+      "requires": {
+        "builtin-modules": "^2.0.0"
+      }
+    },
+    "is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA=="
+    },
+    "is-ci": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-ci/-/is-ci-2.0.0.tgz",
+      "integrity": "sha512-YfJT7rkpQB0updsdHLGWrvhBJfcfzNNawYDNIyQXJz0IViGf75O8EBPKSdvw2rF+LGCsX4FZ8tcr3b19LcZq4w==",
+      "dev": true,
+      "requires": {
+        "ci-info": "^2.0.0"
+      }
+    },
+    "is-core-module": {
+      "version": "2.16.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+      "requires": {
+        "hasown": "^2.0.2"
+      }
+    },
+    "is-data-view": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.2.tgz",
+      "integrity": "sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==",
+      "requires": {
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "is-typed-array": "^1.1.13"
+      }
+    },
+    "is-date-object": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.1.0.tgz",
+      "integrity": "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==",
+      "requires": {
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
+      }
+    },
+    "is-directory": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/is-directory/-/is-directory-0.3.1.tgz",
+      "integrity": "sha512-yVChGzahRFvbkscn2MlwGismPO12i9+znNruC5gVEntG3qu0xQMzsGg/JFbrsqDOHtHFPci+V5aP5T9I+yeKqw=="
+    },
+    "is-docker": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
+      "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ=="
+    },
+    "is-extendable": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+      "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==",
+      "dev": true
+    },
+    "is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
+      "dev": true
+    },
+    "is-finalizationregistry": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz",
+      "integrity": "sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==",
+      "requires": {
+        "call-bound": "^1.0.3"
+      }
+    },
+    "is-fullwidth-code-point": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+      "integrity": "sha512-VHskAKYM8RfSFXwee5t5cbN5PZeq1Wrh6qd5bkyiXIf6UQcN6w/A0eXM9r6t8d+GYOh+o6ZhiEnb88LN/Y8m2w==",
+      "dev": true
+    },
+    "is-generator-function": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
+      "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
+      "requires": {
+        "has-tostringtag": "^1.0.0"
+      }
+    },
+    "is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "requires": {
+        "is-extglob": "^2.1.1"
+      }
+    },
+    "is-inside-container": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-inside-container/-/is-inside-container-1.0.0.tgz",
+      "integrity": "sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==",
+      "dev": true,
+      "requires": {
+        "is-docker": "^3.0.0"
+      },
+      "dependencies": {
+        "is-docker": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-3.0.0.tgz",
+          "integrity": "sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==",
+          "dev": true
+        }
+      }
+    },
+    "is-interactive": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-interactive/-/is-interactive-1.0.0.tgz",
+      "integrity": "sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==",
+      "dev": true
+    },
+    "is-map": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
+      "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw=="
+    },
+    "is-network-error": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-network-error/-/is-network-error-1.1.0.tgz",
+      "integrity": "sha512-tUdRRAnhT+OtCZR/LxZelH/C7QtjtFrTu5tXCA8pl55eTUElUHT+GPYV8MBMBvea/j+NxQqVt3LbWMRir7Gx9g==",
+      "dev": true
+    },
+    "is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng=="
+    },
+    "is-number-object": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.1.tgz",
+      "integrity": "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==",
+      "requires": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      }
+    },
+    "is-path-inside": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+      "dev": true
+    },
+    "is-plain-obj": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-2.1.0.tgz",
+      "integrity": "sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA=="
+    },
+    "is-plain-object": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
+      "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==",
+      "requires": {
+        "isobject": "^3.0.1"
+      }
+    },
+    "is-regex": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
+      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
+      "requires": {
+        "call-bound": "^1.0.2",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      }
+    },
+    "is-set": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz",
+      "integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg=="
+    },
+    "is-shared-array-buffer": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz",
+      "integrity": "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==",
+      "requires": {
+        "call-bound": "^1.0.3"
+      }
+    },
+    "is-stream": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
+      "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
+      "dev": true
+    },
+    "is-string": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz",
+      "integrity": "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==",
+      "requires": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      }
+    },
+    "is-symbol": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.1.tgz",
+      "integrity": "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==",
+      "requires": {
+        "call-bound": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "safe-regex-test": "^1.1.0"
+      }
+    },
+    "is-typed-array": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz",
+      "integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==",
+      "requires": {
+        "which-typed-array": "^1.1.16"
+      }
+    },
+    "is-unicode-supported": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz",
+      "integrity": "sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==",
+      "dev": true
+    },
+    "is-weakmap": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
+      "integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w=="
+    },
+    "is-weakref": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.1.0.tgz",
+      "integrity": "sha512-SXM8Nwyys6nT5WP6pltOwKytLV7FqQ4UiibxVmW+EIosHcmCqkkjViTb5SNssDlkCiEYRP1/pdWUKVvZBmsR2Q==",
+      "requires": {
+        "call-bound": "^1.0.2"
+      }
+    },
+    "is-weakset": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.4.tgz",
+      "integrity": "sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==",
+      "requires": {
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      }
+    },
+    "is-whitespace": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/is-whitespace/-/is-whitespace-0.3.0.tgz",
+      "integrity": "sha512-RydPhl4S6JwAyj0JJjshWJEFG6hNye3pZFBRZaTUfZFwGHxzppNaNOVgQuS/E/SlhrApuMXrpnK1EEIXfdo3Dg==",
+      "dev": true
+    },
+    "is-wsl": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
+      "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
+      "requires": {
+        "is-docker": "^2.0.0"
+      }
+    },
+    "isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw=="
+    },
+    "isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA="
+    },
+    "isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8="
+    },
+    "istanbul-lib-coverage": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz",
+      "integrity": "sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg=="
+    },
+    "istanbul-lib-instrument": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz",
+      "integrity": "sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==",
+      "requires": {
+        "@babel/core": "^7.12.3",
+        "@babel/parser": "^7.14.7",
+        "@istanbuljs/schema": "^0.1.2",
+        "istanbul-lib-coverage": "^3.2.0",
+        "semver": "^6.3.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "6.3.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+          "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA=="
+        }
+      }
+    },
+    "iterator.prototype": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.5.tgz",
+      "integrity": "sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==",
+      "dev": true,
+      "requires": {
+        "define-data-property": "^1.1.4",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.6",
+        "get-proto": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "set-function-name": "^2.0.2"
+      }
+    },
+    "jackspeak": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
+      "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
+      "dev": true,
+      "requires": {
+        "@isaacs/cliui": "^8.0.2",
+        "@pkgjs/parseargs": "^0.11.0"
+      }
+    },
+    "jake": {
+      "version": "10.9.4",
+      "resolved": "https://registry.npmjs.org/jake/-/jake-10.9.4.tgz",
+      "integrity": "sha512-wpHYzhxiVQL+IV05BLE2Xn34zW1S223hvjtqk0+gsPrwd/8JNLXJgZZM/iPFsYc1xyphF+6M6EvdE5E9MBGkDA==",
+      "dev": true,
+      "requires": {
+        "async": "^3.2.6",
+        "filelist": "^1.0.4",
+        "picocolors": "^1.1.1"
+      }
+    },
+    "jest-diff": {
+      "version": "30.0.3",
+      "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-30.0.3.tgz",
+      "integrity": "sha512-Q1TAV0cUcBTic57SVnk/mug0/ASyAqtSIOkr7RAlxx97llRYsM74+E8N5WdGJUlwCKwgxPAkVjKh653h1+HA9A==",
+      "dev": true,
+      "requires": {
+        "@jest/diff-sequences": "30.0.1",
+        "@jest/get-type": "30.0.1",
+        "chalk": "^4.1.2",
+        "pretty-format": "30.0.2"
+      },
+      "dependencies": {
+        "@jest/schemas": {
+          "version": "30.0.1",
+          "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-30.0.1.tgz",
+          "integrity": "sha512-+g/1TKjFuGrf1Hh0QPCv0gISwBxJ+MQSNXmG9zjHy7BmFhtoJ9fdNhWJp3qUKRi93AOZHXtdxZgJ1vAtz6z65w==",
+          "dev": true,
+          "requires": {
+            "@sinclair/typebox": "^0.34.0"
+          }
+        },
+        "@sinclair/typebox": {
+          "version": "0.34.37",
+          "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.34.37.tgz",
+          "integrity": "sha512-2TRuQVgQYfy+EzHRTIvkhv2ADEouJ2xNS/Vq+W5EuuewBdOrvATvljZTxHWZSTYr2sTjTHpGvucaGAt67S2akw==",
+          "dev": true
+        },
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true
+        },
+        "pretty-format": {
+          "version": "30.0.2",
+          "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.0.2.tgz",
+          "integrity": "sha512-yC5/EBSOrTtqhCKfLHqoUIAXVRZnukHPwWBJWR7h84Q3Be1DRQZLncwcfLoPA5RPQ65qfiCMqgYwdUuQ//eVpg==",
+          "dev": true,
+          "requires": {
+            "@jest/schemas": "30.0.1",
+            "ansi-styles": "^5.2.0",
+            "react-is": "^18.3.1"
+          },
+          "dependencies": {
+            "ansi-styles": {
+              "version": "5.2.0",
+              "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+              "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+              "dev": true
+            }
+          }
+        },
+        "react-is": {
+          "version": "18.3.1",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+          "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
+    "jest-environment-node": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-environment-node/-/jest-environment-node-29.7.0.tgz",
+      "integrity": "sha512-DOSwCRqXirTOyheM+4d5YZOrWcdu0LNZ87ewUoywbcb2XR4wKgqiG8vNeYwhjFMbEkfju7wx2GYH0P2gevGvFw==",
+      "requires": {
+        "@jest/environment": "^29.7.0",
+        "@jest/fake-timers": "^29.7.0",
+        "@jest/types": "^29.6.3",
+        "@types/node": "*",
+        "jest-mock": "^29.7.0",
+        "jest-util": "^29.7.0"
+      }
+    },
+    "jest-get-type": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-29.6.3.tgz",
+      "integrity": "sha512-zrteXnqYxfQh7l5FHyL38jL39di8H8rHoecLH3JNxH3BwOrBsNeabdap5e0I23lD4HHI8W5VFBZqG4Eaq5LNcw=="
+    },
+    "jest-haste-map": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-29.7.0.tgz",
+      "integrity": "sha512-fP8u2pyfqx0K1rGn1R9pyE0/KTn+G7PxktWidOBTqFPLYX0b9ksaMFkhK5vrS3DVun09pckLdlx90QthlW7AmA==",
+      "requires": {
+        "@jest/types": "^29.6.3",
+        "@types/graceful-fs": "^4.1.3",
+        "@types/node": "*",
+        "anymatch": "^3.0.3",
+        "fb-watchman": "^2.0.0",
+        "fsevents": "^2.3.2",
+        "graceful-fs": "^4.2.9",
+        "jest-regex-util": "^29.6.3",
+        "jest-util": "^29.7.0",
+        "jest-worker": "^29.7.0",
+        "micromatch": "^4.0.4",
+        "walker": "^1.0.8"
+      },
+      "dependencies": {
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
+        },
+        "jest-worker": {
+          "version": "29.7.0",
+          "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-29.7.0.tgz",
+          "integrity": "sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==",
+          "requires": {
+            "@types/node": "*",
+            "jest-util": "^29.7.0",
+            "merge-stream": "^2.0.0",
+            "supports-color": "^8.0.0"
+          }
+        },
+        "supports-color": {
+          "version": "8.1.1",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+          "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
+    "jest-matcher-utils": {
+      "version": "30.0.3",
+      "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-30.0.3.tgz",
+      "integrity": "sha512-hMpVFGFOhYmIIRGJ0HgM9htC5qUiJ00famcc9sRFchJJiLZbbVKrAztcgE6VnXLRxA3XZ0bvNA7hQWh3oHXo/A==",
+      "dev": true,
+      "requires": {
+        "@jest/get-type": "30.0.1",
+        "chalk": "^4.1.2",
+        "jest-diff": "30.0.3",
+        "pretty-format": "30.0.2"
+      },
+      "dependencies": {
+        "@jest/schemas": {
+          "version": "30.0.1",
+          "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-30.0.1.tgz",
+          "integrity": "sha512-+g/1TKjFuGrf1Hh0QPCv0gISwBxJ+MQSNXmG9zjHy7BmFhtoJ9fdNhWJp3qUKRi93AOZHXtdxZgJ1vAtz6z65w==",
+          "dev": true,
+          "requires": {
+            "@sinclair/typebox": "^0.34.0"
+          }
+        },
+        "@sinclair/typebox": {
+          "version": "0.34.37",
+          "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.34.37.tgz",
+          "integrity": "sha512-2TRuQVgQYfy+EzHRTIvkhv2ADEouJ2xNS/Vq+W5EuuewBdOrvATvljZTxHWZSTYr2sTjTHpGvucaGAt67S2akw==",
+          "dev": true
+        },
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true
+        },
+        "pretty-format": {
+          "version": "30.0.2",
+          "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.0.2.tgz",
+          "integrity": "sha512-yC5/EBSOrTtqhCKfLHqoUIAXVRZnukHPwWBJWR7h84Q3Be1DRQZLncwcfLoPA5RPQ65qfiCMqgYwdUuQ//eVpg==",
+          "dev": true,
+          "requires": {
+            "@jest/schemas": "30.0.1",
+            "ansi-styles": "^5.2.0",
+            "react-is": "^18.3.1"
+          },
+          "dependencies": {
+            "ansi-styles": {
+              "version": "5.2.0",
+              "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+              "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+              "dev": true
+            }
+          }
+        },
+        "react-is": {
+          "version": "18.3.1",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+          "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
+    "jest-message-util": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-29.7.0.tgz",
+      "integrity": "sha512-GBEV4GRADeP+qtB2+6u61stea8mGcOT4mCtrYISZwfu9/ISHFJ/5zOMXYbpBE9RsS5+Gb63DW4FgmnKJ79Kf6w==",
+      "requires": {
+        "@babel/code-frame": "^7.12.13",
+        "@jest/types": "^29.6.3",
+        "@types/stack-utils": "^2.0.0",
+        "chalk": "^4.0.0",
+        "graceful-fs": "^4.2.9",
+        "micromatch": "^4.0.4",
+        "pretty-format": "^29.7.0",
+        "slash": "^3.0.0",
+        "stack-utils": "^2.0.3"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
+        },
+        "slash": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+          "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q=="
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
+    "jest-mock": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-mock/-/jest-mock-29.7.0.tgz",
+      "integrity": "sha512-ITOMZn+UkYS4ZFh83xYAOzWStloNzJFO2s8DWrE4lhtGD+AorgnbkiKERe4wQVBydIGPx059g6riW5Btp6Llnw==",
+      "requires": {
+        "@jest/types": "^29.6.3",
+        "@types/node": "*",
+        "jest-util": "^29.7.0"
+      }
+    },
+    "jest-regex-util": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-29.6.3.tgz",
+      "integrity": "sha512-KJJBsRCyyLNWCNBOvZyRDnAIfUiRJ8v+hOBQYGn8gDyF3UegwiP4gwRR3/SDa42g1YbVycTidUF3rKjyLFDWbg=="
+    },
+    "jest-util": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.7.0.tgz",
+      "integrity": "sha512-z6EbKajIpqGKU56y5KBUgy1dt1ihhQJgWzUlZHArA/+X2ad7Cb5iF+AK1EWVL/Bo7Rz9uurpqw6SiBCefUbCGA==",
+      "requires": {
+        "@jest/types": "^29.6.3",
+        "@types/node": "*",
+        "chalk": "^4.0.0",
+        "ci-info": "^3.2.0",
+        "graceful-fs": "^4.2.9",
+        "picomatch": "^2.2.3"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "ci-info": {
+          "version": "3.9.0",
+          "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz",
+          "integrity": "sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ=="
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
+    "jest-validate": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-validate/-/jest-validate-29.7.0.tgz",
+      "integrity": "sha512-ZB7wHqaRGVw/9hST/OuFUReG7M8vKeq0/J2egIGLdvjHCmYqGARhzXmtgi+gVeZ5uXFF219aOc3Ls2yLg27tkw==",
+      "requires": {
+        "@jest/types": "^29.6.3",
+        "camelcase": "^6.2.0",
+        "chalk": "^4.0.0",
+        "jest-get-type": "^29.6.3",
+        "leven": "^3.1.0",
+        "pretty-format": "^29.7.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
+    "jest-worker": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
+      "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      },
+      "dependencies": {
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "8.1.1",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+          "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
+    "jetifier": {
+      "version": "1.6.4",
+      "resolved": "https://registry.npmjs.org/jetifier/-/jetifier-1.6.4.tgz",
+      "integrity": "sha512-+f/4OLeqY8RAmXnonI1ffeY1DR8kMNJPhv5WMFehchf7U71cjMQVKkOz1n6asz6kfVoAqKNWJz1A/18i18AcXA==",
+      "dev": true
+    },
+    "joi": {
+      "version": "17.13.3",
+      "resolved": "https://registry.npmjs.org/joi/-/joi-17.13.3.tgz",
+      "integrity": "sha512-otDA4ldcIx+ZXsKHWmp0YizCweVRZG96J10b0FevjfuncLO1oX59THoAmHkNubYJ+9gWsYsp5k8v4ib6oDv1fA==",
+      "dev": true,
+      "requires": {
+        "@hapi/hoek": "^9.3.0",
+        "@hapi/topo": "^5.1.0",
+        "@sideway/address": "^4.1.5",
+        "@sideway/formula": "^3.0.1",
+        "@sideway/pinpoint": "^2.0.0"
+      }
+    },
+    "jquery": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.1.tgz",
+      "integrity": "sha512-opJeO4nCucVnsjiXOE+/PcCgYw9Gwpvs/a6B1LL/lQhwWwpbVEVYDZ1FokFr8PRc7ghYlrFPuyHuiiDNTQxmcw=="
+    },
+    "jquery-i18next": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/jquery-i18next/-/jquery-i18next-1.2.1.tgz",
+      "integrity": "sha512-UNcw3rgxoKjGEg4w23FEn2h3OlPJU7rPzsgDuXDBZktIzeiVbJohs9Cv9hj8oP8KNfBRKOoErL/OVxg2FaAR4g=="
+    },
+    "js-beautify": {
+      "version": "1.15.1",
+      "resolved": "https://registry.npmjs.org/js-beautify/-/js-beautify-1.15.1.tgz",
+      "integrity": "sha512-ESjNzSlt/sWE8sciZH8kBF8BPlwXPwhR6pWKAw8bw4Bwj+iZcnKW6ONWUutJ7eObuBZQpiIb8S7OYspWrKt7rA==",
+      "dev": true,
+      "requires": {
+        "config-chain": "^1.1.13",
+        "editorconfig": "^1.0.4",
+        "glob": "^10.3.3",
+        "js-cookie": "^3.0.5",
+        "nopt": "^7.2.0"
+      },
+      "dependencies": {
+        "brace-expansion": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+          "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+          "dev": true,
+          "requires": {
+            "balanced-match": "^1.0.0"
+          }
+        },
+        "glob": {
+          "version": "10.4.5",
+          "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
+          "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
+          "dev": true,
+          "requires": {
+            "foreground-child": "^3.1.0",
+            "jackspeak": "^3.1.2",
+            "minimatch": "^9.0.4",
+            "minipass": "^7.1.2",
+            "package-json-from-dist": "^1.0.0",
+            "path-scurry": "^1.11.1"
+          }
+        },
+        "js-cookie": {
+          "version": "3.0.5",
+          "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-3.0.5.tgz",
+          "integrity": "sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==",
+          "dev": true
+        },
+        "minimatch": {
+          "version": "9.0.5",
+          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+          "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+          "dev": true,
+          "requires": {
+            "brace-expansion": "^2.0.1"
+          }
+        }
+      }
+    },
+    "js-cookie": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-2.2.1.tgz",
+      "integrity": "sha512-HvdH2LzI/EAZcUwA8+0nKNtWHqS+ZmijLA30RwZA0bo7ToCckjK5MkGhjED9KoRcXO6BaGI3I9UIzSA1FKFPOQ=="
+    },
+    "js-md5": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/js-md5/-/js-md5-0.6.1.tgz",
+      "integrity": "sha512-lyUTXOqMEaA9mm38mHxbTo83WsYAvMJm850kxJcRno3T2qL+e40B2G89E0/4r9TdAeB3jN0TdSVp/VHNI6/WyQ=="
+    },
+    "js-sha512": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/js-sha512/-/js-sha512-0.8.0.tgz",
+      "integrity": "sha512-PWsmefG6Jkodqt+ePTvBZCSMFgN7Clckjd0O7su3I0+BW2QWUTJNzjktHsztGLhncP2h8mcF9V9Y2Ha59pAViQ=="
+    },
+    "js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
+    },
+    "js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "requires": {
+        "argparse": "^2.0.1"
+      }
+    },
+    "jsc-android": {
+      "version": "250231.0.0",
+      "resolved": "https://registry.npmjs.org/jsc-android/-/jsc-android-250231.0.0.tgz",
+      "integrity": "sha512-rS46PvsjYmdmuz1OAWXY/1kCYG7pnf1TBqeTiOJr1iDz7s5DLxxC9n/ZMknLDxzYzNVfI7R95MH10emSSG1Wuw=="
+    },
+    "jsc-safe-url": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/jsc-safe-url/-/jsc-safe-url-0.2.4.tgz",
+      "integrity": "sha512-0wM3YBWtYePOjfyXQH5MWQ8H7sdk5EXSwZvmSLKk2RboVQ2Bu239jycHDz5J/8Blf3K0Qnoy2b6xD+z10MFB+Q=="
+    },
+    "jscodeshift": {
+      "version": "17.3.0",
+      "resolved": "https://registry.npmjs.org/jscodeshift/-/jscodeshift-17.3.0.tgz",
+      "integrity": "sha512-LjFrGOIORqXBU+jwfC9nbkjmQfFldtMIoS6d9z2LG/lkmyNXsJAySPT+2SWXJEoE68/bCWcxKpXH37npftgmow==",
+      "requires": {
+        "@babel/core": "^7.24.7",
+        "@babel/parser": "^7.24.7",
+        "@babel/plugin-transform-class-properties": "^7.24.7",
+        "@babel/plugin-transform-modules-commonjs": "^7.24.7",
+        "@babel/plugin-transform-nullish-coalescing-operator": "^7.24.7",
+        "@babel/plugin-transform-optional-chaining": "^7.24.7",
+        "@babel/plugin-transform-private-methods": "^7.24.7",
+        "@babel/preset-flow": "^7.24.7",
+        "@babel/preset-typescript": "^7.24.7",
+        "@babel/register": "^7.24.6",
+        "flow-parser": "0.*",
+        "graceful-fs": "^4.2.4",
+        "micromatch": "^4.0.7",
+        "neo-async": "^2.5.0",
+        "picocolors": "^1.0.1",
+        "recast": "^0.23.11",
+        "tmp": "^0.2.3",
+        "write-file-atomic": "^5.0.1"
+      },
+      "dependencies": {
+        "tmp": {
+          "version": "0.2.3",
+          "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.3.tgz",
+          "integrity": "sha512-nZD7m9iCPC5g0pYmcaxogYKggSfLsdxl8of3Q/oIbqCqLLIO9IAF0GWjX1z9NZRHPiXv8Wex4yDCaZsgEw0Y8w=="
+        }
+      }
+    },
+    "jsdoc-type-pratt-parser": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/jsdoc-type-pratt-parser/-/jsdoc-type-pratt-parser-4.1.0.tgz",
+      "integrity": "sha512-Hicd6JK5Njt2QB6XYFS7ok9e37O8AYk3jTcppG4YVQnYjOemymvTcmc7OWsmq/Qqj5TdRFO5/x/tIPmBeRtGHg==",
+      "dev": true
+    },
+    "jsesc": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz",
+      "integrity": "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g=="
+    },
+    "json-parse-better-errors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
+      "integrity": "sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw=="
+    },
+    "json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w=="
+    },
+    "json-schema": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.4.0.tgz",
+      "integrity": "sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==",
+      "dev": true
+    },
+    "json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="
+    },
+    "json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=",
+      "dev": true
+    },
+    "json-stringify-safe": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
+      "integrity": "sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==",
+      "dev": true
+    },
+    "json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg=="
+    },
+    "jsonfile": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
+      "integrity": "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "jsonwebtoken": {
+      "version": "9.0.2",
+      "resolved": "https://registry.npmjs.org/jsonwebtoken/-/jsonwebtoken-9.0.2.tgz",
+      "integrity": "sha512-PRp66vJ865SSqOlgqS8hujT5U4AOgMfhrwYIuIhfKaoSCZcirrmASQr8CX7cUg+RMih+hgznrjp99o+W4pJLHQ==",
+      "dev": true,
+      "requires": {
+        "jws": "^3.2.2",
+        "lodash.includes": "^4.3.0",
+        "lodash.isboolean": "^3.0.3",
+        "lodash.isinteger": "^4.0.4",
+        "lodash.isnumber": "^3.0.3",
+        "lodash.isplainobject": "^4.0.6",
+        "lodash.isstring": "^4.0.1",
+        "lodash.once": "^4.0.0",
+        "ms": "^2.1.1",
+        "semver": "^7.5.4"
+      }
+    },
+    "jsx-ast-utils": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.2.1.tgz",
+      "integrity": "sha512-uP5vu8xfy2F9A6LGC22KO7e2/vGTS1MhP+18f++ZNlf0Ohaxbc9nIEwHAsejlJKyzfZzU5UIhe5ItYkitcZnZA==",
+      "dev": true,
+      "requires": {
+        "array-includes": "^3.1.3",
+        "object.assign": "^4.1.2"
+      }
+    },
+    "jszip": {
+      "version": "3.10.1",
+      "resolved": "https://registry.npmjs.org/jszip/-/jszip-3.10.1.tgz",
+      "integrity": "sha512-xXDvecyTpGLrqFrvkrUSoxxfJI5AH7U8zxxtVclpsUtMCq4JQ290LY8AW5c7Ggnr/Y/oK+bQMbqK2qmtk3pN4g==",
+      "dev": true,
+      "requires": {
+        "lie": "~3.3.0",
+        "pako": "~1.0.2",
+        "readable-stream": "~2.3.6",
+        "setimmediate": "^1.0.5"
+      },
+      "dependencies": {
+        "isarray": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+          "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+          "dev": true
+        },
+        "readable-stream": {
+          "version": "2.3.8",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+          "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+          "dev": true,
+          "requires": {
+            "core-util-is": "~1.0.0",
+            "inherits": "~2.0.3",
+            "isarray": "~1.0.0",
+            "process-nextick-args": "~2.0.0",
+            "safe-buffer": "~5.1.1",
+            "string_decoder": "~1.1.1",
+            "util-deprecate": "~1.0.1"
+          }
+        },
+        "string_decoder": {
+          "version": "1.1.1",
+          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+          "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+          "dev": true,
+          "requires": {
+            "safe-buffer": "~5.1.0"
+          }
+        }
+      }
+    },
+    "junit-report-builder": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/junit-report-builder/-/junit-report-builder-5.1.1.tgz",
+      "integrity": "sha512-ZNOIIGMzqCGcHQEA2Q4rIQQ3Df6gSIfne+X9Rly9Bc2y55KxAZu8iGv+n2pP0bLf0XAOctJZgeloC54hWzCahQ==",
+      "dev": true,
+      "requires": {
+        "lodash": "^4.17.21",
+        "make-dir": "^3.1.0",
+        "xmlbuilder": "^15.1.1"
+      }
+    },
+    "jwa": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/jwa/-/jwa-1.4.1.tgz",
+      "integrity": "sha512-qiLX/xhEEFKUAJ6FiBMbes3w9ATzyk5W7Hvzpa/SLYdxNtng+gcurvrI7TbACjIXlsJyr05/S1oUhZrc63evQA==",
+      "dev": true,
+      "requires": {
+        "buffer-equal-constant-time": "1.0.1",
+        "ecdsa-sig-formatter": "1.0.11",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "jws": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/jws/-/jws-3.2.2.tgz",
+      "integrity": "sha512-YHlZCB6lMTllWDtSPHz/ZXTsi8S00usEV6v1tjq8tOUZzw7DpSDWVXjXDre6ed1w/pd495ODpHZYSdkRTsa0HA==",
+      "dev": true,
+      "requires": {
+        "jwa": "^1.4.1",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "jwt-decode": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/jwt-decode/-/jwt-decode-2.2.0.tgz",
+      "integrity": "sha1-fYa9VmefWM5qhHBKZX3TkruoGnk="
+    },
+    "kind-of": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw=="
+    },
+    "klaw-sync": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/klaw-sync/-/klaw-sync-6.0.0.tgz",
+      "integrity": "sha512-nIeuVSzdCCs6TDPTqI8w1Yre34sSq7AkZ4B3sfOBbI2CgVSB4Du4aLQijFU2+lhAFCwt9+42Hel6lQNIv6AntQ==",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.1.11"
+      }
+    },
+    "kleur": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz",
+      "integrity": "sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==",
+      "dev": true
+    },
+    "launch-editor": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/launch-editor/-/launch-editor-2.6.1.tgz",
+      "integrity": "sha512-eB/uXmFVpY4zezmGp5XtU21kwo7GBbKB+EQ+UZeWtGb9yAM5xt/Evk+lYH3eRNAtId+ej4u7TYPFZ07w4s7rRw==",
+      "dev": true,
+      "requires": {
+        "picocolors": "^1.0.0",
+        "shell-quote": "^1.8.1"
+      }
+    },
+    "lazystream": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/lazystream/-/lazystream-1.0.1.tgz",
+      "integrity": "sha512-b94GiNHQNy6JNTrt5w6zNyffMrNkXZb3KTkCZJb2V1xaEGCk093vkZ2jk3tpaeP33/OiXC+WvK9AxUebnf5nbw==",
+      "dev": true,
+      "requires": {
+        "readable-stream": "^2.0.5"
+      },
+      "dependencies": {
+        "isarray": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+          "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+          "dev": true
+        },
+        "readable-stream": {
+          "version": "2.3.8",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+          "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+          "dev": true,
+          "requires": {
+            "core-util-is": "~1.0.0",
+            "inherits": "~2.0.3",
+            "isarray": "~1.0.0",
+            "process-nextick-args": "~2.0.0",
+            "safe-buffer": "~5.1.1",
+            "string_decoder": "~1.1.1",
+            "util-deprecate": "~1.0.1"
+          }
+        },
+        "string_decoder": {
+          "version": "1.1.1",
+          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+          "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+          "dev": true,
+          "requires": {
+            "safe-buffer": "~5.1.0"
+          }
+        }
+      }
+    },
+    "leven": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/leven/-/leven-3.1.0.tgz",
+      "integrity": "sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A=="
+    },
+    "levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "requires": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      }
+    },
+    "lib-jitsi-meet": {
+      "version": "https://github.com/jitsi/lib-jitsi-meet/releases/download/v2118.0.0+67fd2c84/lib-jitsi-meet.tgz",
+      "integrity": "sha512-V0fp3/ZJRjHZgRlpzfCcdIF4nZ+WWWkAxKuWVTMHXfcZj07aQUHTiwIukgRludtaj9RcyNcqCVC0PrGBeeUzTw==",
+      "requires": {
+        "@jitsi/js-utils": "^2.6.7",
+        "@jitsi/logger": "2.1.1",
+        "@jitsi/precall-test": "1.0.6",
+        "@jitsi/rtcstats": "9.7.0",
+        "@testrtc/watchrtc-sdk": "1.38.2",
+        "async-es": "3.2.4",
+        "base64-js": "1.5.1",
+        "current-executing-script": "0.1.3",
+        "emoji-regex": "10.4.0",
+        "lodash-es": "4.17.21",
+        "sdp-transform": "2.3.0",
+        "strophe.js": "https://github.com/jitsi/strophejs/releases/download/v1.5-jitsi-3/strophe.js-1.5.0.tgz",
+        "uuid": "8.3.2",
+        "webrtc-adapter": "8.1.1"
+      },
+      "dependencies": {
+        "@jitsi/logger": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/@jitsi/logger/-/logger-2.0.2.tgz",
+          "integrity": "sha512-qwbpRwuwkBFgh0F5jivq/5fAm46yVoXURc5LCklEs8lAShYVangFEXKW7RLpZuZ5nQnrHrlvU8MswQNREmvahg=="
+        },
+        "@jitsi/rtcstats": {
+          "version": "9.7.0",
+          "resolved": "https://registry.npmjs.org/@jitsi/rtcstats/-/rtcstats-9.7.0.tgz",
+          "integrity": "sha512-OPURb3GO7zciPYoF/5IWLl2VVd90GD9KFlOnLQPalI2gUQDfxYNqn7JqeKAug1peTgml6I2o55lWYINuzPETWQ==",
+          "requires": {
+            "@jitsi/js-utils": "^2.2.0",
+            "@jitsi/logger": "2.0.2",
+            "sdp": "^3.0.3",
+            "uuid": "^8.3.2"
+          }
+        },
+        "emoji-regex": {
+          "version": "10.4.0",
+          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.4.0.tgz",
+          "integrity": "sha512-EC+0oUMY1Rqm4O6LLrgjtYDvcVYTy7chDnM4Q7030tP4Kwj3u/pR6gP9ygnp2CJMK5Gq+9Q2oqmrFJAz01DXjw=="
+        }
+      }
+    },
+    "lie": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/lie/-/lie-3.3.0.tgz",
+      "integrity": "sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==",
+      "dev": true,
+      "requires": {
+        "immediate": "~3.0.5"
+      }
+    },
+    "lighthouse-logger": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/lighthouse-logger/-/lighthouse-logger-1.4.2.tgz",
+      "integrity": "sha512-gPWxznF6TKmUHrOQjlVo2UbaL2EJ71mb2CCeRs/2qBpi4L/g4LUVc9+3lKQ6DTUZwJswfM7ainGrLO1+fOqa2g==",
+      "requires": {
+        "debug": "^2.6.9",
+        "marky": "^1.2.2"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+        }
+      }
+    },
+    "lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
+    },
+    "linkify-it": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-2.2.0.tgz",
+      "integrity": "sha512-GnAl/knGn+i1U/wjBz3akz2stz+HrHLsxMwHQGofCDfPvlf+gDKN58UtfmUquTY4/MXeE2x7k19KQmeoZi94Iw==",
+      "requires": {
+        "uc.micro": "^1.0.1"
+      }
+    },
+    "load-script": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/load-script/-/load-script-1.0.0.tgz",
+      "integrity": "sha1-BJGTngvuVkPuSUp+PaPSuscMbKQ="
+    },
+    "loader-runner": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.2.0.tgz",
+      "integrity": "sha512-92+huvxMvYlMzMt0iIOukcwYBFpkYJdpl2xsZ7LrlayO7E8SOv+JJUEK17B/dJIHAOLMfh2dZZ/Y18WgmGtYNw==",
+      "dev": true
+    },
+    "loader-utils": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz",
+      "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
+      "requires": {
+        "big.js": "^5.2.2",
+        "emojis-list": "^3.0.0",
+        "json5": "^2.1.2"
+      }
+    },
+    "locate-app": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/locate-app/-/locate-app-2.5.0.tgz",
+      "integrity": "sha512-xIqbzPMBYArJRmPGUZD9CzV9wOqmVtQnaAn3wrj3s6WYW0bQvPI7x+sPYUGmDTYMHefVK//zc6HEYZ1qnxIK+Q==",
+      "dev": true,
+      "requires": {
+        "@promptbook/utils": "0.69.5",
+        "type-fest": "4.26.0",
+        "userhome": "1.0.1"
+      },
+      "dependencies": {
+        "type-fest": {
+          "version": "4.26.0",
+          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.26.0.tgz",
+          "integrity": "sha512-OduNjVJsFbifKb57UqZ2EMP1i4u64Xwow3NYXUtBbD4vIwJdQd4+xl8YDou1dlm4DVrtwT/7Ky8z8WyCULVfxw==",
+          "dev": true
+        }
+      }
+    },
+    "locate-path": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+      "requires": {
+        "p-locate": "^4.1.0"
+      }
+    },
+    "lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "dev": true
+    },
+    "lodash-es": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
+      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="
+    },
+    "lodash.clonedeep": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
+      "integrity": "sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ==",
+      "dev": true
+    },
+    "lodash.debounce": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
+      "integrity": "sha1-gteb/zCmfEAF/9XiUVMArZyk168="
+    },
+    "lodash.flatten": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/lodash.flatten/-/lodash.flatten-4.4.0.tgz",
+      "integrity": "sha1-8xwiIlqWMtK7+OSt2+8kCqdlph8="
+    },
+    "lodash.flattendeep": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/lodash.flattendeep/-/lodash.flattendeep-4.4.0.tgz",
+      "integrity": "sha512-uHaJFihxmJcEX3kT4I23ABqKKalJ/zDrDg0lsFtc1h+3uw49SIJ5beyhx5ExVRti3AvKoOJngIj7xz3oylPdWQ==",
+      "dev": true
+    },
+    "lodash.includes": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/lodash.includes/-/lodash.includes-4.3.0.tgz",
+      "integrity": "sha512-W3Bx6mdkRTGtlJISOvVD/lbqjTlPPUDTMnlXZFnVwi9NKJ6tiAk6LVdlhZMm17VZisqhKcgzpO5Wz91PCt5b0w==",
+      "dev": true
+    },
+    "lodash.isboolean": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/lodash.isboolean/-/lodash.isboolean-3.0.3.tgz",
+      "integrity": "sha512-Bz5mupy2SVbPHURB98VAcw+aHh4vRV5IPNhILUCsOzRmsTmSQ17jIuqopAentWoehktxGd9e/hbIXq980/1QJg==",
+      "dev": true
+    },
+    "lodash.isequal": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.isequal/-/lodash.isequal-4.5.0.tgz",
+      "integrity": "sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==",
+      "dev": true
+    },
+    "lodash.isinteger": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/lodash.isinteger/-/lodash.isinteger-4.0.4.tgz",
+      "integrity": "sha512-DBwtEWN2caHQ9/imiNeEA5ys1JoRtRfY3d7V9wkqtbycnAmTvRRmbHKDV4a0EYc678/dia0jrte4tjYwVBaZUA==",
+      "dev": true
+    },
+    "lodash.isnumber": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/lodash.isnumber/-/lodash.isnumber-3.0.3.tgz",
+      "integrity": "sha512-QYqzpfwO3/CWf3XP+Z+tkQsfaLL/EnUlXWVkIk5FUPc4sBdTehEqZONuyRt2P67PXAk+NXmTBcc97zw9t1FQrw==",
+      "dev": true
+    },
+    "lodash.isplainobject": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
+      "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==",
+      "dev": true
+    },
+    "lodash.isstring": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/lodash.isstring/-/lodash.isstring-4.0.1.tgz",
+      "integrity": "sha1-1SfftUVuynzJu5XV2ur4i6VKVFE="
+    },
+    "lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true
+    },
+    "lodash.once": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/lodash.once/-/lodash.once-4.1.1.tgz",
+      "integrity": "sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg==",
+      "dev": true
+    },
+    "lodash.pickby": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/lodash.pickby/-/lodash.pickby-4.6.0.tgz",
+      "integrity": "sha512-AZV+GsS/6ckvPOVQPXSiFFacKvKB4kOQu6ynt9wz0F3LO4R9Ij4K1ddYsIytDpSgLz88JHd9P+oaLeej5/Sl7Q==",
+      "dev": true
+    },
+    "lodash.throttle": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/lodash.throttle/-/lodash.throttle-4.1.1.tgz",
+      "integrity": "sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ=="
+    },
+    "lodash.union": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/lodash.union/-/lodash.union-4.6.0.tgz",
+      "integrity": "sha512-c4pB2CdGrGdjMKYLA+XiRDO7Y0PRQbm/Gzg8qMj+QH+pFVAoTp5sBpO0odL3FjoPCGjK96p6qsP+yQoiLoOBcw==",
+      "dev": true
+    },
+    "lodash.zip": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/lodash.zip/-/lodash.zip-4.2.0.tgz",
+      "integrity": "sha512-C7IOaBBK/0gMORRBd8OETNx3kmOkgIWIPvyDpZSCTwUrpYmgZwJkjZeOD8ww4xbOUOs4/attY+pciKvadNfFbg==",
+      "dev": true
+    },
+    "log-symbols": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz",
+      "integrity": "sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==",
+      "dev": true,
+      "requires": {
+        "chalk": "^4.1.0",
+        "is-unicode-supported": "^0.1.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
+    "logkitty": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/logkitty/-/logkitty-0.7.1.tgz",
+      "integrity": "sha512-/3ER20CTTbahrCrpYfPn7Xavv9diBROZpoXGVZDWMw4b/X4uuUwAC0ki85tgsdMRONURyIJbcOvS94QsUBYPbQ==",
+      "dev": true,
+      "requires": {
+        "ansi-fragments": "^0.2.1",
+        "dayjs": "^1.8.15",
+        "yargs": "^15.1.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "camelcase": {
+          "version": "5.3.1",
+          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+          "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+          "dev": true
+        },
+        "cliui": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz",
+          "integrity": "sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==",
+          "dev": true,
+          "requires": {
+            "string-width": "^4.2.0",
+            "strip-ansi": "^6.0.0",
+            "wrap-ansi": "^6.2.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true
+        },
+        "wrap-ansi": {
+          "version": "6.2.0",
+          "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
+          "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.0.0",
+            "string-width": "^4.1.0",
+            "strip-ansi": "^6.0.0"
+          }
+        },
+        "y18n": {
+          "version": "4.0.3",
+          "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz",
+          "integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==",
+          "dev": true
+        },
+        "yargs": {
+          "version": "15.4.1",
+          "resolved": "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz",
+          "integrity": "sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==",
+          "dev": true,
+          "requires": {
+            "cliui": "^6.0.0",
+            "decamelize": "^1.2.0",
+            "find-up": "^4.1.0",
+            "get-caller-file": "^2.0.1",
+            "require-directory": "^2.1.1",
+            "require-main-filename": "^2.0.0",
+            "set-blocking": "^2.0.0",
+            "string-width": "^4.2.0",
+            "which-module": "^2.0.0",
+            "y18n": "^4.0.0",
+            "yargs-parser": "^18.1.2"
+          }
+        },
+        "yargs-parser": {
+          "version": "18.1.3",
+          "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz",
+          "integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==",
+          "dev": true,
+          "requires": {
+            "camelcase": "^5.0.0",
+            "decamelize": "^1.2.0"
+          }
+        }
+      }
+    },
+    "loglevel": {
+      "version": "1.9.2",
+      "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.9.2.tgz",
+      "integrity": "sha512-HgMmCqIJSAKqo68l0rS2AanEWfkxaZ5wNiEFb5ggm08lDs9Xl2KxBlX3PTcaD2chBM1gXAYf491/M2Rv8Jwayg==",
+      "dev": true
+    },
+    "loglevel-plugin-prefix": {
+      "version": "0.8.4",
+      "resolved": "https://registry.npmjs.org/loglevel-plugin-prefix/-/loglevel-plugin-prefix-0.8.4.tgz",
+      "integrity": "sha512-WpG9CcFAOjz/FtNht+QJeGpvVl/cdR6P0z6OcXSkr8wFJOsV2GRj2j10JLfjuA4aYkcKCNIEqRGCyTife9R8/g==",
+      "dev": true
+    },
+    "long": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/long/-/long-4.0.0.tgz",
+      "integrity": "sha512-XsP+KhQif4bjX1kbuSiySJFNAehNxgLb6hPRGJ9QsUr8ajHkuXGdrHmFUTUUXhDwVX2R5bY4JNZEwbUiMhV+MA=="
+    },
+    "loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "requires": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      }
+    },
+    "lower-case": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz",
+      "integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==",
+      "requires": {
+        "tslib": "^2.0.3"
+      }
+    },
+    "lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "requires": {
+        "yallist": "^4.0.0"
+      }
+    },
+    "magic-string": {
+      "version": "0.30.17",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
+      "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
+      "dev": true,
+      "requires": {
+        "@jridgewell/sourcemap-codec": "^1.5.0"
+      }
+    },
+    "make-dir": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
+      "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
+      "dev": true,
+      "requires": {
+        "semver": "^6.0.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "6.3.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+          "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+          "dev": true
+        }
+      }
+    },
+    "makeerror": {
+      "version": "1.0.12",
+      "resolved": "https://registry.npmjs.org/makeerror/-/makeerror-1.0.12.tgz",
+      "integrity": "sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==",
+      "requires": {
+        "tmpl": "1.0.5"
+      }
+    },
+    "marky": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/marky/-/marky-1.3.0.tgz",
+      "integrity": "sha512-ocnPZQLNpvbedwTy9kNrQEsknEfgvcLMvOtz3sFeWApDq1MXH1TqkCIx58xlpESsfwQOnuBO9beyQuNGzVvuhQ=="
+    },
+    "math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g=="
+    },
+    "matroska": {
+      "version": "2.2.5",
+      "resolved": "https://registry.npmjs.org/matroska/-/matroska-2.2.5.tgz",
+      "integrity": "sha512-6+yf536Aofg8jVWQcLl/z2v8PXZMkjUs080t+Nyz++BZSJ+0U6c2RBudXqKT6DrV89DdNkklyHhHlWerpS06hw==",
+      "requires": {
+        "async": "1.0.0",
+        "crc": "3.2.1",
+        "dateformat": "1.0.11",
+        "debug": "^2.6.9",
+        "follow-redirects": "^1.14.9",
+        "mime": "^1.6.0"
+      },
+      "dependencies": {
+        "async": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/async/-/async-1.0.0.tgz",
+          "integrity": "sha512-5mO7DX4CbJzp9zjaFXusQQ4tzKJARjNB1Ih1pVBi8wkbmXy/xzIDgEMXxWePLzt2OdFwaxfneIlT1nCiXubrPQ=="
+        },
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "mime": {
+          "version": "1.6.0",
+          "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+          "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg=="
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+        }
+      }
+    },
+    "matroska-schema": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/matroska-schema/-/matroska-schema-2.1.0.tgz",
+      "integrity": "sha512-6c1oFmDxf4Vc5J5lA+9wO7TKcw5M1w85HfzFhAFT4OuEUuqp/s/jqqC3OKlaWe1YwN5wTThJyTC7iwhyW7kQdg=="
+    },
+    "md5": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/md5/-/md5-2.3.0.tgz",
+      "integrity": "sha512-T1GITYmFaKuO91vxyoQMFETst+O71VUPEU3ze5GNzDm0OWdP8v1ziTaAEPUr/3kLsY3Sftgz242A1SetQiDL7g==",
+      "dev": true,
+      "requires": {
+        "charenc": "0.0.2",
+        "crypt": "0.0.2",
+        "is-buffer": "~1.1.6"
+      }
+    },
+    "mdn-data": {
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
+      "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow=="
+    },
+    "media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
+      "dev": true
+    },
+    "memfs": {
+      "version": "4.14.0",
+      "resolved": "https://registry.npmjs.org/memfs/-/memfs-4.14.0.tgz",
+      "integrity": "sha512-JUeY0F/fQZgIod31Ja1eJgiSxLn7BfQlCnqhwXFBzFHEw63OdLK7VJUJ7bnzNsWgCyoUP5tEp1VRY8rDaYzqOA==",
+      "dev": true,
+      "requires": {
+        "@jsonjoy.com/json-pack": "^1.0.3",
+        "@jsonjoy.com/util": "^1.3.0",
+        "tree-dump": "^1.0.1",
+        "tslib": "^2.0.0"
+      }
+    },
+    "memoize-one": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-5.2.1.tgz",
+      "integrity": "sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q=="
+    },
+    "meow": {
+      "version": "13.2.0",
+      "resolved": "https://registry.npmjs.org/meow/-/meow-13.2.0.tgz",
+      "integrity": "sha512-pxQJQzB6djGPXh08dacEloMFopsOqGVRKFPYvPOt9XDZ1HasbgDZA74CJGreSU4G3Ak7EFJGoiH2auq+yXISgA=="
+    },
+    "merge-descriptors": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz",
+      "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==",
+      "dev": true
+    },
+    "merge-options": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/merge-options/-/merge-options-3.0.4.tgz",
+      "integrity": "sha512-2Sug1+knBjkaMsMgf1ctR1Ujx+Ayku4EdJN4Z+C2+JzoeF7A3OZ9KM2GY0CpQS51NR61LTurMJrRKPhSs3ZRTQ==",
+      "requires": {
+        "is-plain-obj": "^2.1.0"
+      }
+    },
+    "merge-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w=="
+    },
+    "merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true
+    },
+    "methods": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+      "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=",
+      "dev": true
+    },
+    "metro": {
+      "version": "0.81.5",
+      "resolved": "https://registry.npmjs.org/metro/-/metro-0.81.5.tgz",
+      "integrity": "sha512-YpFF0DDDpDVygeca2mAn7K0+us+XKmiGk4rIYMz/CRdjFoCGqAei/IQSpV0UrGfQbToSugpMQeQJveaWSH88Hg==",
+      "requires": {
+        "@babel/code-frame": "^7.24.7",
+        "@babel/core": "^7.25.2",
+        "@babel/generator": "^7.25.0",
+        "@babel/parser": "^7.25.3",
+        "@babel/template": "^7.25.0",
+        "@babel/traverse": "^7.25.3",
+        "@babel/types": "^7.25.2",
+        "accepts": "^1.3.7",
+        "chalk": "^4.0.0",
+        "ci-info": "^2.0.0",
+        "connect": "^3.6.5",
+        "debug": "^2.2.0",
+        "error-stack-parser": "^2.0.6",
+        "flow-enums-runtime": "^0.0.6",
+        "graceful-fs": "^4.2.4",
+        "hermes-parser": "0.25.1",
+        "image-size": "^1.0.2",
+        "invariant": "^2.2.4",
+        "jest-worker": "^29.7.0",
+        "jsc-safe-url": "^0.2.2",
+        "lodash.throttle": "^4.1.1",
+        "metro-babel-transformer": "0.81.5",
+        "metro-cache": "0.81.5",
+        "metro-cache-key": "0.81.5",
+        "metro-config": "0.81.5",
+        "metro-core": "0.81.5",
+        "metro-file-map": "0.81.5",
+        "metro-resolver": "0.81.5",
+        "metro-runtime": "0.81.5",
+        "metro-source-map": "0.81.5",
+        "metro-symbolicate": "0.81.5",
+        "metro-transform-plugins": "0.81.5",
+        "metro-transform-worker": "0.81.5",
+        "mime-types": "^2.1.27",
+        "nullthrows": "^1.1.1",
+        "serialize-error": "^2.1.0",
+        "source-map": "^0.5.6",
+        "throat": "^5.0.0",
+        "ws": "^7.5.10",
+        "yargs": "^17.6.2"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+        },
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
+        },
+        "jest-worker": {
+          "version": "29.7.0",
+          "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-29.7.0.tgz",
+          "integrity": "sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==",
+          "requires": {
+            "@types/node": "*",
+            "jest-util": "^29.7.0",
+            "merge-stream": "^2.0.0",
+            "supports-color": "^8.0.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "8.1.1",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+              "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+              "requires": {
+                "has-flag": "^4.0.0"
+              }
+            }
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        },
+        "ws": {
+          "version": "7.5.10",
+          "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz",
+          "integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ=="
+        }
+      }
+    },
+    "metro-babel-transformer": {
+      "version": "0.81.5",
+      "resolved": "https://registry.npmjs.org/metro-babel-transformer/-/metro-babel-transformer-0.81.5.tgz",
+      "integrity": "sha512-oKCQuajU5srm+ZdDcFg86pG/U8hkSjBlkyFjz380SZ4TTIiI5F+OQB830i53D8hmqmcosa4wR/pnKv8y4Q3dLw==",
+      "requires": {
+        "@babel/core": "^7.25.2",
+        "flow-enums-runtime": "^0.0.6",
+        "hermes-parser": "0.25.1",
+        "nullthrows": "^1.1.1"
+      }
+    },
+    "metro-cache": {
+      "version": "0.81.5",
+      "resolved": "https://registry.npmjs.org/metro-cache/-/metro-cache-0.81.5.tgz",
+      "integrity": "sha512-wOsXuEgmZMZ5DMPoz1pEDerjJ11AuMy9JifH4yNW7NmWS0ghCRqvDxk13LsElzLshey8C+my/tmXauXZ3OqZgg==",
+      "requires": {
+        "exponential-backoff": "^3.1.1",
+        "flow-enums-runtime": "^0.0.6",
+        "metro-core": "0.81.5"
+      }
+    },
+    "metro-cache-key": {
+      "version": "0.81.5",
+      "resolved": "https://registry.npmjs.org/metro-cache-key/-/metro-cache-key-0.81.5.tgz",
+      "integrity": "sha512-lGWnGVm1UwO8faRZ+LXQUesZSmP1LOg14OVR+KNPBip8kbMECbQJ8c10nGesw28uQT7AE0lwQThZPXlxDyCLKQ==",
+      "requires": {
+        "flow-enums-runtime": "^0.0.6"
+      }
+    },
+    "metro-config": {
+      "version": "0.81.5",
+      "resolved": "https://registry.npmjs.org/metro-config/-/metro-config-0.81.5.tgz",
+      "integrity": "sha512-oDRAzUvj6RNRxratFdcVAqtAsg+T3qcKrGdqGZFUdwzlFJdHGR9Z413sW583uD2ynsuOjA2QB6US8FdwiBdNKg==",
+      "requires": {
+        "connect": "^3.6.5",
+        "cosmiconfig": "^5.0.5",
+        "flow-enums-runtime": "^0.0.6",
+        "jest-validate": "^29.7.0",
+        "metro": "0.81.5",
+        "metro-cache": "0.81.5",
+        "metro-core": "0.81.5",
+        "metro-runtime": "0.81.5"
+      },
+      "dependencies": {
+        "argparse": {
+          "version": "1.0.10",
+          "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+          "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+          "requires": {
+            "sprintf-js": "~1.0.2"
+          }
+        },
+        "cosmiconfig": {
+          "version": "5.2.1",
+          "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-5.2.1.tgz",
+          "integrity": "sha512-H65gsXo1SKjf8zmrJ67eJk8aIRKV5ff2D4uKZIBZShbhGSpEmsQOPW/SKMKYhSTrqR7ufy6RP69rPogdaPh/kA==",
+          "requires": {
+            "import-fresh": "^2.0.0",
+            "is-directory": "^0.3.1",
+            "js-yaml": "^3.13.1",
+            "parse-json": "^4.0.0"
+          }
+        },
+        "import-fresh": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-2.0.0.tgz",
+          "integrity": "sha512-eZ5H8rcgYazHbKC3PG4ClHNykCSxtAhxSSEM+2mb+7evD2CKF5V7c0dNum7AdpDh0ZdICwZY9sRSn8f+KH96sg==",
+          "requires": {
+            "caller-path": "^2.0.0",
+            "resolve-from": "^3.0.0"
+          }
+        },
+        "js-yaml": {
+          "version": "3.14.1",
+          "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
+          "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+          "requires": {
+            "argparse": "^1.0.7",
+            "esprima": "^4.0.0"
+          }
+        },
+        "parse-json": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz",
+          "integrity": "sha512-aOIos8bujGN93/8Ox/jPLh7RwVnPEysynVFE+fQZyg6jKELEHwzgKdLRFHUgXJL6kylijVSBC4BvN9OmsB48Rw==",
+          "requires": {
+            "error-ex": "^1.3.1",
+            "json-parse-better-errors": "^1.0.1"
+          }
+        },
+        "resolve-from": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz",
+          "integrity": "sha512-GnlH6vxLymXJNMBo7XP1fJIzBFbdYt49CuTwmB/6N53t+kMPRMFKz783LlQ4tv28XoQfMWinAJX6WCGf2IlaIw=="
+        }
+      }
+    },
+    "metro-core": {
+      "version": "0.81.5",
+      "resolved": "https://registry.npmjs.org/metro-core/-/metro-core-0.81.5.tgz",
+      "integrity": "sha512-+2R0c8ByfV2N7CH5wpdIajCWa8escUFd8TukfoXyBq/vb6yTCsznoA25FhNXJ+MC/cz1L447Zj3vdUfCXIZBwg==",
+      "requires": {
+        "flow-enums-runtime": "^0.0.6",
+        "lodash.throttle": "^4.1.1",
+        "metro-resolver": "0.81.5"
+      }
+    },
+    "metro-file-map": {
+      "version": "0.81.5",
+      "resolved": "https://registry.npmjs.org/metro-file-map/-/metro-file-map-0.81.5.tgz",
+      "integrity": "sha512-mW1PKyiO3qZvjeeVjj1brhkmIotObA3/9jdbY1fQQYvEWM6Ml7bN/oJCRDGn2+bJRlG+J8pwyJ+DgdrM4BsKyg==",
+      "requires": {
+        "debug": "^2.2.0",
+        "fb-watchman": "^2.0.0",
+        "flow-enums-runtime": "^0.0.6",
+        "graceful-fs": "^4.2.4",
+        "invariant": "^2.2.4",
+        "jest-worker": "^29.7.0",
+        "micromatch": "^4.0.4",
+        "nullthrows": "^1.1.1",
+        "walker": "^1.0.7"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
+        },
+        "jest-worker": {
+          "version": "29.7.0",
+          "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-29.7.0.tgz",
+          "integrity": "sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==",
+          "requires": {
+            "@types/node": "*",
+            "jest-util": "^29.7.0",
+            "merge-stream": "^2.0.0",
+            "supports-color": "^8.0.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+        },
+        "supports-color": {
+          "version": "8.1.1",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+          "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
+    "metro-minify-terser": {
+      "version": "0.81.5",
+      "resolved": "https://registry.npmjs.org/metro-minify-terser/-/metro-minify-terser-0.81.5.tgz",
+      "integrity": "sha512-/mn4AxjANnsSS3/Bb+zA1G5yIS5xygbbz/OuPaJYs0CPcZCaWt66D+65j4Ft/nJkffUxcwE9mk4ubpkl3rjgtw==",
+      "requires": {
+        "flow-enums-runtime": "^0.0.6",
+        "terser": "^5.15.0"
+      }
+    },
+    "metro-resolver": {
+      "version": "0.81.5",
+      "resolved": "https://registry.npmjs.org/metro-resolver/-/metro-resolver-0.81.5.tgz",
+      "integrity": "sha512-6BX8Nq3g3go3FxcyXkVbWe7IgctjDTk6D9flq+P201DfHHQ28J+DWFpVelFcrNTn4tIfbP/Bw7u/0g2BGmeXfQ==",
+      "requires": {
+        "flow-enums-runtime": "^0.0.6"
+      }
+    },
+    "metro-runtime": {
+      "version": "0.81.5",
+      "resolved": "https://registry.npmjs.org/metro-runtime/-/metro-runtime-0.81.5.tgz",
+      "integrity": "sha512-M/Gf71ictUKP9+77dV/y8XlAWg7xl76uhU7ggYFUwEdOHHWPG6gLBr1iiK0BmTjPFH8yRo/xyqMli4s3oGorPQ==",
+      "requires": {
+        "@babel/runtime": "^7.25.0",
+        "flow-enums-runtime": "^0.0.6"
+      }
+    },
+    "metro-source-map": {
+      "version": "0.81.5",
+      "resolved": "https://registry.npmjs.org/metro-source-map/-/metro-source-map-0.81.5.tgz",
+      "integrity": "sha512-Jz+CjvCKLNbJZYJTBeN3Kq9kIJf6b61MoLBdaOQZJ5Ajhw6Pf95Nn21XwA8BwfUYgajsi6IXsp/dTZsYJbN00Q==",
+      "requires": {
+        "@babel/traverse": "^7.25.3",
+        "@babel/traverse--for-generate-function-map": "npm:@babel/traverse@^7.25.3",
+        "@babel/types": "^7.25.2",
+        "flow-enums-runtime": "^0.0.6",
+        "invariant": "^2.2.4",
+        "metro-symbolicate": "0.81.5",
+        "nullthrows": "^1.1.1",
+        "ob1": "0.81.5",
+        "source-map": "^0.5.6",
+        "vlq": "^1.0.0"
+      }
+    },
+    "metro-symbolicate": {
+      "version": "0.81.5",
+      "resolved": "https://registry.npmjs.org/metro-symbolicate/-/metro-symbolicate-0.81.5.tgz",
+      "integrity": "sha512-X3HV3n3D6FuTE11UWFICqHbFMdTavfO48nXsSpnNGFkUZBexffu0Xd+fYKp+DJLNaQr3S+lAs8q9CgtDTlRRuA==",
+      "requires": {
+        "flow-enums-runtime": "^0.0.6",
+        "invariant": "^2.2.4",
+        "metro-source-map": "0.81.5",
+        "nullthrows": "^1.1.1",
+        "source-map": "^0.5.6",
+        "vlq": "^1.0.0"
+      }
+    },
+    "metro-transform-plugins": {
+      "version": "0.81.5",
+      "resolved": "https://registry.npmjs.org/metro-transform-plugins/-/metro-transform-plugins-0.81.5.tgz",
+      "integrity": "sha512-MmHhVx/1dJC94FN7m3oHgv5uOjKH8EX8pBeu1pnPMxbJrx6ZuIejO0k84zTSaQTZ8RxX1wqwzWBpXAWPjEX8mA==",
+      "requires": {
+        "@babel/core": "^7.25.2",
+        "@babel/generator": "^7.25.0",
+        "@babel/template": "^7.25.0",
+        "@babel/traverse": "^7.25.3",
+        "flow-enums-runtime": "^0.0.6",
+        "nullthrows": "^1.1.1"
+      }
+    },
+    "metro-transform-worker": {
+      "version": "0.81.5",
+      "resolved": "https://registry.npmjs.org/metro-transform-worker/-/metro-transform-worker-0.81.5.tgz",
+      "integrity": "sha512-lUFyWVHa7lZFRSLJEv+m4jH8WrR5gU7VIjUlg4XmxQfV8ngY4V10ARKynLhMYPeQGl7Qvf+Ayg0eCZ272YZ4Mg==",
+      "requires": {
+        "@babel/core": "^7.25.2",
+        "@babel/generator": "^7.25.0",
+        "@babel/parser": "^7.25.3",
+        "@babel/types": "^7.25.2",
+        "flow-enums-runtime": "^0.0.6",
+        "metro": "0.81.5",
+        "metro-babel-transformer": "0.81.5",
+        "metro-cache": "0.81.5",
+        "metro-cache-key": "0.81.5",
+        "metro-minify-terser": "0.81.5",
+        "metro-source-map": "0.81.5",
+        "metro-transform-plugins": "0.81.5",
+        "nullthrows": "^1.1.1"
+      }
+    },
+    "micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "requires": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      }
+    },
+    "mime": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz",
+      "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==",
+      "dev": true
+    },
+    "mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "dev": true
+    },
+    "mime-types": {
+      "version": "2.1.34",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.34.tgz",
+      "integrity": "sha512-6cP692WwGIs9XXdOO4++N+7qjqv0rqxxVvJ3VHPh/Sc9mVZcQP+ZGhkKiTvWMQRr2tbHkJP/Yn7Y0npb3ZBs4A==",
+      "requires": {
+        "mime-db": "1.51.0"
+      },
+      "dependencies": {
+        "mime-db": {
+          "version": "1.51.0",
+          "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.51.0.tgz",
+          "integrity": "sha512-5y8A56jg7XVQx2mbv1lu49NR4dokRnhZYTtL+KGfaa27uq4pSTXkwQkFJl4pkRMyNFz/EtYDSkiiEHx3F7UN6g=="
+        }
+      }
+    },
+    "mimic-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+      "dev": true
+    },
+    "minimalistic-assert": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
+      "integrity": "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==",
+      "dev": true
+    },
+    "minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "requires": {
+        "brace-expansion": "^1.1.7"
+      }
+    },
+    "minimist": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz",
+      "integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==",
+      "dev": true
+    },
+    "minipass": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
+      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw=="
+    },
+    "mitt": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/mitt/-/mitt-3.0.1.tgz",
+      "integrity": "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==",
+      "dev": true
+    },
+    "mkdirp": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
+      "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw=="
+    },
+    "mocha": {
+      "version": "10.8.2",
+      "resolved": "https://registry.npmjs.org/mocha/-/mocha-10.8.2.tgz",
+      "integrity": "sha512-VZlYo/WE8t1tstuRmqgeyBgCbJc/lEdopaa+axcKzTBJ+UIdlAB9XnmvTCAH4pwR4ElNInaedhEBmZD8iCSVEg==",
+      "dev": true,
+      "requires": {
+        "ansi-colors": "^4.1.3",
+        "browser-stdout": "^1.3.1",
+        "chokidar": "^3.5.3",
+        "debug": "^4.3.5",
+        "diff": "^5.2.0",
+        "escape-string-regexp": "^4.0.0",
+        "find-up": "^5.0.0",
+        "glob": "^8.1.0",
+        "he": "^1.2.0",
+        "js-yaml": "^4.1.0",
+        "log-symbols": "^4.1.0",
+        "minimatch": "^5.1.6",
+        "ms": "^2.1.3",
+        "serialize-javascript": "^6.0.2",
+        "strip-json-comments": "^3.1.1",
+        "supports-color": "^8.1.1",
+        "workerpool": "^6.5.1",
+        "yargs": "^16.2.0",
+        "yargs-parser": "^20.2.9",
+        "yargs-unparser": "^2.0.0"
+      },
+      "dependencies": {
+        "brace-expansion": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+          "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+          "dev": true,
+          "requires": {
+            "balanced-match": "^1.0.0"
+          }
+        },
+        "cliui": {
+          "version": "7.0.4",
+          "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz",
+          "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==",
+          "dev": true,
+          "requires": {
+            "string-width": "^4.2.0",
+            "strip-ansi": "^6.0.0",
+            "wrap-ansi": "^7.0.0"
+          }
+        },
+        "debug": {
+          "version": "4.4.0",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
+          "integrity": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.3"
+          }
+        },
+        "diff": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/diff/-/diff-5.2.0.tgz",
+          "integrity": "sha512-uIFDxqpRZGZ6ThOk84hEfqWoHx2devRFvpTZcTHur85vImfaxUbTW9Ryh4CpCuDnToOP1CEtXKIgytHBPVff5A==",
+          "dev": true
+        },
+        "find-up": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+          "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+          "dev": true,
+          "requires": {
+            "locate-path": "^6.0.0",
+            "path-exists": "^4.0.0"
+          }
+        },
+        "glob": {
+          "version": "8.1.0",
+          "resolved": "https://registry.npmjs.org/glob/-/glob-8.1.0.tgz",
+          "integrity": "sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==",
+          "dev": true,
+          "requires": {
+            "fs.realpath": "^1.0.0",
+            "inflight": "^1.0.4",
+            "inherits": "2",
+            "minimatch": "^5.0.1",
+            "once": "^1.3.0"
+          }
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true
+        },
+        "locate-path": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+          "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+          "dev": true,
+          "requires": {
+            "p-locate": "^5.0.0"
+          }
+        },
+        "minimatch": {
+          "version": "5.1.6",
+          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
+          "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
+          "dev": true,
+          "requires": {
+            "brace-expansion": "^2.0.1"
+          }
+        },
+        "ms": {
+          "version": "2.1.3",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+          "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+          "dev": true
+        },
+        "p-limit": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+          "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+          "dev": true,
+          "requires": {
+            "yocto-queue": "^0.1.0"
+          }
+        },
+        "p-locate": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+          "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+          "dev": true,
+          "requires": {
+            "p-limit": "^3.0.2"
+          }
+        },
+        "path-exists": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+          "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "8.1.1",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+          "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        },
+        "yargs": {
+          "version": "16.2.0",
+          "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz",
+          "integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==",
+          "dev": true,
+          "requires": {
+            "cliui": "^7.0.2",
+            "escalade": "^3.1.1",
+            "get-caller-file": "^2.0.5",
+            "require-directory": "^2.1.1",
+            "string-width": "^4.2.0",
+            "y18n": "^5.0.5",
+            "yargs-parser": "^20.2.2"
+          }
+        },
+        "yargs-parser": {
+          "version": "20.2.9",
+          "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
+          "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
+          "dev": true
+        }
+      }
+    },
+    "modern-tar": {
+      "version": "0.7.3",
+      "resolved": "https://registry.npmjs.org/modern-tar/-/modern-tar-0.7.3.tgz",
+      "integrity": "sha512-4W79zekKGyYU4JXVmB78DOscMFaJth2gGhgfTl2alWE4rNe3nf4N2pqenQ0rEtIewrnD79M687Ouba3YGTLOvg==",
+      "dev": true
+    },
+    "mrmime": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-1.0.0.tgz",
+      "integrity": "sha512-a70zx7zFfVO7XpnQ2IX1Myh9yY4UYvfld/dikWRnsXxbyvMcfz+u6UfgNAtH+k2QqtJuzVpv6eLTx1G2+WKZbQ==",
+      "dev": true
+    },
+    "ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+    },
+    "multicast-dns": {
+      "version": "7.2.5",
+      "resolved": "https://registry.npmjs.org/multicast-dns/-/multicast-dns-7.2.5.tgz",
+      "integrity": "sha512-2eznPJP8z2BFLX50tf0LuODrpINqP1RVIm/CObbTcBRITQgmC/TjcREF1NeTBzIcR5XO/ukWo+YHOjBbFwIupg==",
+      "dev": true,
+      "requires": {
+        "dns-packet": "^5.2.2",
+        "thunky": "^1.0.2"
+      }
+    },
+    "mute-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-2.0.0.tgz",
+      "integrity": "sha512-WWdIxpyjEn+FhQJQQv9aQAYlHoNVdzIzUySNV1gHUPDSdZJ3yZn7pAAbQcV7B56Mvu881q9FZV+0Vx2xC44VWA==",
+      "dev": true
+    },
+    "nano-css": {
+      "version": "5.3.5",
+      "resolved": "https://registry.npmjs.org/nano-css/-/nano-css-5.3.5.tgz",
+      "integrity": "sha512-vSB9X12bbNu4ALBu7nigJgRViZ6ja3OU7CeuiV1zMIbXOdmkLahgtPmh3GBOlDxbKY0CitqlPdOReGlBLSp+yg==",
+      "requires": {
+        "css-tree": "^1.1.2",
+        "csstype": "^3.0.6",
+        "fastest-stable-stringify": "^2.0.2",
+        "inline-style-prefixer": "^6.0.0",
+        "rtl-css-js": "^1.14.0",
+        "sourcemap-codec": "^1.4.8",
+        "stacktrace-js": "^2.0.2",
+        "stylis": "^4.0.6"
+      }
+    },
+    "nanoid": {
+      "version": "3.3.8",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.8.tgz",
+      "integrity": "sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w=="
+    },
+    "natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=",
+      "dev": true
+    },
+    "natural-compare-lite": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz",
+      "integrity": "sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==",
+      "dev": true
+    },
+    "negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg=="
+    },
+    "neo-async": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
+      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw=="
+    },
+    "netmask": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/netmask/-/netmask-2.0.2.tgz",
+      "integrity": "sha512-dBpDMdxv9Irdq66304OLfEmQ9tbNRFnFTuZiLo+bD+r332bBmMJ8GBLXklIXXgxd3+v9+KUnZaUR5PJMa75Gsg==",
+      "dev": true
+    },
+    "nice-try": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz",
+      "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==",
+      "dev": true
+    },
+    "no-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
+      "integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==",
+      "requires": {
+        "lower-case": "^2.0.2",
+        "tslib": "^2.0.3"
+      }
+    },
+    "nocache": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/nocache/-/nocache-3.0.4.tgz",
+      "integrity": "sha512-WDD0bdg9mbq6F4mRxEYcPWwfA1vxd0mrvKOyxI7Xj/atfRHVeutzuWByG//jfm4uPzp0y4Kj051EORCBSQMycw==",
+      "dev": true
+    },
+    "node-fetch": {
+      "version": "2.6.12",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.12.tgz",
+      "integrity": "sha512-C/fGU2E8ToujUivIO0H+tpQ6HWo4eEmchoPIoXtxCrVghxdKq+QOHqEZW7tuP3KlV3bC8FRMO5nMCC7Zm1VP6g==",
+      "requires": {
+        "whatwg-url": "^5.0.0"
+      }
+    },
+    "node-forge": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.3.2.tgz",
+      "integrity": "sha512-6xKiQ+cph9KImrRh0VsjH2d8/GXA4FIMlgU4B757iI1ApvcyA9VlouP0yZJha01V+huImO+kKMU7ih+2+E14fw=="
+    },
+    "node-int64": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/node-int64/-/node-int64-0.4.0.tgz",
+      "integrity": "sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw=="
+    },
+    "node-releases": {
+      "version": "2.0.19",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz",
+      "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw=="
+    },
+    "node-stream-zip": {
+      "version": "1.15.0",
+      "resolved": "https://registry.npmjs.org/node-stream-zip/-/node-stream-zip-1.15.0.tgz",
+      "integrity": "sha512-LN4fydt9TqhZhThkZIVQnF9cwjU3qmUH9h78Mx/K7d3VvfRqqwthLwJEUOEL0QPZ0XQmNN7be5Ggit5+4dq3Bw==",
+      "dev": true
+    },
+    "nopt": {
+      "version": "7.2.1",
+      "resolved": "https://registry.npmjs.org/nopt/-/nopt-7.2.1.tgz",
+      "integrity": "sha512-taM24ViiimT/XntxbPyJQzCG+p4EKOpgD3mxFwW38mGjVUrfERQOeY4EDHjdnptttfHuHQXFx+lTP08Q+mLa/w==",
+      "dev": true,
+      "requires": {
+        "abbrev": "^2.0.0"
+      }
+    },
+    "normalize-package-data": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-6.0.2.tgz",
+      "integrity": "sha512-V6gygoYb/5EmNI+MEGrWkC+e6+Rr7mTmfHrxDbLzxQogBkgzo76rkok0Am6thgSF7Mv2nLOajAJj5vDJZEFn7g==",
+      "dev": true,
+      "requires": {
+        "hosted-git-info": "^7.0.0",
+        "semver": "^7.3.5",
+        "validate-npm-package-license": "^3.0.4"
+      }
+    },
+    "normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA=="
+    },
+    "npm-run-path": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
+      "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
+      "dev": true,
+      "requires": {
+        "path-key": "^3.0.0"
+      }
+    },
+    "nth-check": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
+      "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
+      "requires": {
+        "boolbase": "^1.0.0"
+      }
+    },
+    "null-loader": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/null-loader/-/null-loader-4.0.1.tgz",
+      "integrity": "sha512-pxqVbi4U6N26lq+LmgIbB5XATP0VdZKOG25DhHi8btMmJJefGArFyDg1yc4U3hWCJbMqSrw0qyrz1UQX+qYXqg==",
+      "requires": {
+        "loader-utils": "^2.0.0",
+        "schema-utils": "^3.0.0"
+      },
+      "dependencies": {
+        "schema-utils": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.1.tgz",
+          "integrity": "sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==",
+          "requires": {
+            "@types/json-schema": "^7.0.8",
+            "ajv": "^6.12.5",
+            "ajv-keywords": "^3.5.2"
+          }
+        }
+      }
+    },
+    "nullthrows": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/nullthrows/-/nullthrows-1.1.1.tgz",
+      "integrity": "sha512-2vPPEi+Z7WqML2jZYddDIfy5Dqb0r2fze2zTxNNknZaFpVHU3mFB3R+DWeJWGVx0ecvttSGlJTI+WG+8Z4cDWw=="
+    },
+    "ob1": {
+      "version": "0.81.5",
+      "resolved": "https://registry.npmjs.org/ob1/-/ob1-0.81.5.tgz",
+      "integrity": "sha512-iNpbeXPLmaiT9I5g16gFFFjsF3sGxLpYG2EGP3dfFB4z+l9X60mp/yRzStHhMtuNt8qmf7Ww80nOPQHngHhnIQ==",
+      "requires": {
+        "flow-enums-runtime": "^0.0.6"
+      }
+    },
+    "object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM="
+    },
+    "object-inspect": {
+      "version": "1.13.3",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.3.tgz",
+      "integrity": "sha512-kDCGIbxkDSXE3euJZZXzc6to7fCrKHNI/hSRQnRuQ+BWjFNzZwiFF8fj/6o2t2G9/jTj8PSIYTfCLelLZEeRpA=="
+    },
+    "object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA=="
+    },
+    "object.assign": {
+      "version": "4.1.7",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.7.tgz",
+      "integrity": "sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==",
+      "requires": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "object-keys": "^1.1.1"
+      }
+    },
+    "object.entries": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.8.tgz",
+      "integrity": "sha512-cmopxi8VwRIAw/fkijJohSfpef5PdN0pMQJN6VC/ZKvn0LIknWD8KtgY6KlQdEc4tIjcQ3HxSMmnvtzIscdaYQ==",
+      "requires": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      }
+    },
+    "object.fromentries": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.8.tgz",
+      "integrity": "sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-object-atoms": "^1.0.0"
+      }
+    },
+    "object.groupby": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.3.tgz",
+      "integrity": "sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2"
+      }
+    },
+    "object.values": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.1.tgz",
+      "integrity": "sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      }
+    },
+    "obuf": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/obuf/-/obuf-1.1.2.tgz",
+      "integrity": "sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==",
+      "dev": true
+    },
+    "on-finished": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
+      "integrity": "sha512-ikqdkGAAyf/X/gPhXGvfgAytDZtDbr+bkNUJ0N9h5MI/dmdgCs3l6hoHrcUv41sRKew3jIwrp4qQDXiK99Utww==",
+      "requires": {
+        "ee-first": "1.1.1"
+      }
+    },
+    "on-headers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz",
+      "integrity": "sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==",
+      "dev": true
+    },
+    "once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
+      "requires": {
+        "wrappy": "1"
+      }
+    },
+    "onetime": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
+      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+      "dev": true,
+      "requires": {
+        "mimic-fn": "^2.1.0"
+      }
+    },
+    "open": {
+      "version": "7.4.2",
+      "resolved": "https://registry.npmjs.org/open/-/open-7.4.2.tgz",
+      "integrity": "sha512-MVHddDVweXZF3awtlAS+6pgKLlm/JgxZ90+/NBurBoQctVOOB/zDdVjcyPzQ+0laDGbsWgrRkflI65sQeOgT9Q==",
+      "requires": {
+        "is-docker": "^2.0.0",
+        "is-wsl": "^2.1.1"
+      }
+    },
+    "opener": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/opener/-/opener-1.5.2.tgz",
+      "integrity": "sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==",
+      "dev": true
+    },
+    "optional-require": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/optional-require/-/optional-require-1.0.3.tgz",
+      "integrity": "sha512-RV2Zp2MY2aeYK5G+B/Sps8lW5NHAzE5QClbFP15j+PWmP+T9PxlJXBOOLoSAdgwFvS4t0aMR4vpedMkbHfh0nA=="
+    },
+    "optionator": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+      "dev": true,
+      "requires": {
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.5"
+      }
+    },
+    "ora": {
+      "version": "5.4.1",
+      "resolved": "https://registry.npmjs.org/ora/-/ora-5.4.1.tgz",
+      "integrity": "sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==",
+      "dev": true,
+      "requires": {
+        "bl": "^4.1.0",
+        "chalk": "^4.1.0",
+        "cli-cursor": "^3.1.0",
+        "cli-spinners": "^2.5.0",
+        "is-interactive": "^1.0.0",
+        "is-unicode-supported": "^0.1.0",
+        "log-symbols": "^4.1.0",
+        "strip-ansi": "^6.0.0",
+        "wcwidth": "^1.0.1"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
+    "os-tmpdir": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
+      "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=",
+      "dev": true
+    },
+    "own-keys": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/own-keys/-/own-keys-1.0.1.tgz",
+      "integrity": "sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==",
+      "requires": {
+        "get-intrinsic": "^1.2.6",
+        "object-keys": "^1.1.1",
+        "safe-push-apply": "^1.0.0"
+      }
+    },
+    "p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "requires": {
+        "p-try": "^2.0.0"
+      }
+    },
+    "p-locate": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+      "requires": {
+        "p-limit": "^2.2.0"
+      }
+    },
+    "p-retry": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-6.2.1.tgz",
+      "integrity": "sha512-hEt02O4hUct5wtwg4H4KcWgDdm+l1bOaEy/hWzd8xtXB9BqxTWBBhb+2ImAtH4Cv4rPjV76xN3Zumqk3k3AhhQ==",
+      "dev": true,
+      "requires": {
+        "@types/retry": "0.12.2",
+        "is-network-error": "^1.0.0",
+        "retry": "^0.13.1"
+      }
+    },
+    "p-try": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ=="
+    },
+    "pac-proxy-agent": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/pac-proxy-agent/-/pac-proxy-agent-7.2.0.tgz",
+      "integrity": "sha512-TEB8ESquiLMc0lV8vcd5Ql/JAKAoyzHFXaStwjkzpOpC5Yv+pIzLfHvjTSdf3vpa2bMiUQrg9i6276yn8666aA==",
+      "dev": true,
+      "requires": {
+        "@tootallnate/quickjs-emscripten": "^0.23.0",
+        "agent-base": "^7.1.2",
+        "debug": "^4.3.4",
+        "get-uri": "^6.0.1",
+        "http-proxy-agent": "^7.0.0",
+        "https-proxy-agent": "^7.0.6",
+        "pac-resolver": "^7.0.1",
+        "socks-proxy-agent": "^8.0.5"
+      }
+    },
+    "pac-resolver": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/pac-resolver/-/pac-resolver-7.0.1.tgz",
+      "integrity": "sha512-5NPgf87AT2STgwa2ntRMr45jTKrYBGkVU36yT0ig/n/GMAa3oPqhZfIQ2kMEimReg0+t9kZViDVZ83qfVUlckg==",
+      "dev": true,
+      "requires": {
+        "degenerator": "^5.0.0",
+        "netmask": "^2.0.2"
+      }
+    },
+    "package-json-from-dist": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
+      "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw=="
+    },
+    "pako": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
+      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==",
+      "dev": true
+    },
+    "parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "requires": {
+        "callsites": "^3.0.0"
+      },
+      "dependencies": {
+        "callsites": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+          "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ=="
+        }
+      }
+    },
+    "parse-imports": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/parse-imports/-/parse-imports-2.2.1.tgz",
+      "integrity": "sha512-OL/zLggRp8mFhKL0rNORUTR4yBYujK/uU+xZL+/0Rgm2QE4nLO9v8PzEweSJEbMGKmDRjJE4R3IMJlL2di4JeQ==",
+      "dev": true,
+      "requires": {
+        "es-module-lexer": "^1.5.3",
+        "slashes": "^3.0.12"
+      }
+    },
+    "parse-json": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "requires": {
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
+      }
+    },
+    "parse-ms": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/parse-ms/-/parse-ms-4.0.0.tgz",
+      "integrity": "sha512-TXfryirbmq34y8QBwgqCVLi+8oA3oWx2eAnSn62ITyEhEYaWRlVZ2DvMM9eZbMs/RfxPu/PK/aBLyGj4IrqMHw==",
+      "dev": true
+    },
+    "parse5": {
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
+      "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==",
+      "dev": true,
+      "requires": {
+        "entities": "^6.0.0"
+      },
+      "dependencies": {
+        "entities": {
+          "version": "6.0.1",
+          "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
+          "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
+          "dev": true
+        }
+      }
+    },
+    "parse5-htmlparser2-tree-adapter": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/parse5-htmlparser2-tree-adapter/-/parse5-htmlparser2-tree-adapter-7.1.0.tgz",
+      "integrity": "sha512-ruw5xyKs6lrpo9x9rCZqZZnIUntICjQAd0Wsmp396Ul9lN/h+ifgVV1x1gZHi8euej6wTfpqX8j+BFQxF0NS/g==",
+      "dev": true,
+      "requires": {
+        "domhandler": "^5.0.3",
+        "parse5": "^7.0.0"
+      },
+      "dependencies": {
+        "domhandler": {
+          "version": "5.0.3",
+          "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
+          "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+          "dev": true,
+          "requires": {
+            "domelementtype": "^2.3.0"
+          }
+        }
+      }
+    },
+    "parse5-parser-stream": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/parse5-parser-stream/-/parse5-parser-stream-7.1.2.tgz",
+      "integrity": "sha512-JyeQc9iwFLn5TbvvqACIF/VXG6abODeB3Fwmv/TGdLk2LfbWkaySGY72at4+Ty7EkPZj854u4CrICqNk2qIbow==",
+      "dev": true,
+      "requires": {
+        "parse5": "^7.0.0"
+      }
+    },
+    "parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ=="
+    },
+    "patch-package": {
+      "version": "6.4.7",
+      "resolved": "https://registry.npmjs.org/patch-package/-/patch-package-6.4.7.tgz",
+      "integrity": "sha512-S0vh/ZEafZ17hbhgqdnpunKDfzHQibQizx9g8yEf5dcVk3KOflOfdufRXQX8CSEkyOQwuM/bNz1GwKvFj54kaQ==",
+      "dev": true,
+      "requires": {
+        "@yarnpkg/lockfile": "^1.1.0",
+        "chalk": "^2.4.2",
+        "cross-spawn": "^6.0.5",
+        "find-yarn-workspace-root": "^2.0.0",
+        "fs-extra": "^7.0.1",
+        "is-ci": "^2.0.0",
+        "klaw-sync": "^6.0.0",
+        "minimist": "^1.2.0",
+        "open": "^7.4.2",
+        "rimraf": "^2.6.3",
+        "semver": "^5.6.0",
+        "slash": "^2.0.0",
+        "tmp": "^0.0.33"
+      },
+      "dependencies": {
+        "cross-spawn": {
+          "version": "6.0.6",
+          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.6.tgz",
+          "integrity": "sha512-VqCUuhcd1iB+dsv8gxPttb5iZh/D0iubSP21g36KXdEuf6I5JiioesUVjpCdHV9MZRUfVFlvwtIUyPfxo5trtw==",
+          "dev": true,
+          "requires": {
+            "nice-try": "^1.0.4",
+            "path-key": "^2.0.1",
+            "semver": "^5.5.0",
+            "shebang-command": "^1.2.0",
+            "which": "^1.2.9"
+          }
+        },
+        "glob": {
+          "version": "7.2.3",
+          "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+          "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+          "dev": true,
+          "requires": {
+            "fs.realpath": "^1.0.0",
+            "inflight": "^1.0.4",
+            "inherits": "2",
+            "minimatch": "^3.1.1",
+            "once": "^1.3.0",
+            "path-is-absolute": "^1.0.0"
+          }
+        },
+        "path-key": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+          "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
+          "dev": true
+        },
+        "rimraf": {
+          "version": "2.7.1",
+          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
+          "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+          "dev": true,
+          "requires": {
+            "glob": "^7.1.3"
+          }
+        },
+        "semver": {
+          "version": "5.7.2",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+          "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+          "dev": true
+        },
+        "shebang-command": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+          "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
+          "dev": true,
+          "requires": {
+            "shebang-regex": "^1.0.0"
+          }
+        },
+        "shebang-regex": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+          "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
+          "dev": true
+        },
+        "which": {
+          "version": "1.3.1",
+          "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+          "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+          "dev": true,
+          "requires": {
+            "isexe": "^2.0.0"
+          }
+        }
+      }
+    },
+    "path-dirname": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/path-dirname/-/path-dirname-1.0.2.tgz",
+      "integrity": "sha1-zDPSTVJeCZpTiMAzbG4yuRYGCeA="
+    },
+    "path-exists": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+      "integrity": "sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ=="
+    },
+    "path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg=="
+    },
+    "path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q=="
+    },
+    "path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
+    },
+    "path-scurry": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
+      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
+      "dev": true,
+      "requires": {
+        "lru-cache": "^10.2.0",
+        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
+      },
+      "dependencies": {
+        "lru-cache": {
+          "version": "10.4.3",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
+          "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+          "dev": true
+        }
+      }
+    },
+    "path-to-regexp": {
+      "version": "0.1.12",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.12.tgz",
+      "integrity": "sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==",
+      "dev": true
+    },
+    "path-type": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw=="
+    },
+    "pathe": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.2.tgz",
+      "integrity": "sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==",
+      "dev": true
+    },
+    "pend": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
+      "integrity": "sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==",
+      "dev": true
+    },
+    "picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="
+    },
+    "picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="
+    },
+    "pify": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
+      "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g=="
+    },
+    "pirates": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz",
+      "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA=="
+    },
+    "pixelmatch": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/pixelmatch/-/pixelmatch-5.3.0.tgz",
+      "integrity": "sha512-o8mkY4E/+LNUf6LzX96ht6k6CEDi65k9G2rjMtBe9Oo+VPKSvl+0GKHuH/AlG+GA5LPG/i5hrekkxUc3s2HU+Q==",
+      "requires": {
+        "pngjs": "^6.0.0"
+      }
+    },
+    "pkg-dir": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
+      "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==",
+      "dev": true,
+      "requires": {
+        "find-up": "^4.0.0"
+      }
+    },
+    "pngjs": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/pngjs/-/pngjs-6.0.0.tgz",
+      "integrity": "sha512-TRzzuFRRmEoSW/p1KVAmiOgPco2Irlah+bGFCeNfJXxxYGwSw7YwAOAcd7X28K/m5bjBWKsC29KyoMfHbypayg=="
+    },
+    "possible-typed-array-names": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz",
+      "integrity": "sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q=="
+    },
+    "postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "dev": true,
+      "requires": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      }
+    },
+    "postcss-modules-extract-imports": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz",
+      "integrity": "sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==",
+      "dev": true
+    },
+    "postcss-modules-local-by-default": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.3.tgz",
+      "integrity": "sha512-2/u2zraspoACtrbFRnTijMiQtb4GW4BvatjaG/bCjYQo8kLTdevCUlwuBHx2sCnSyrI3x3qj4ZK1j5LQBgzmwA==",
+      "dev": true,
+      "requires": {
+        "icss-utils": "^5.0.0",
+        "postcss-selector-parser": "^6.0.2",
+        "postcss-value-parser": "^4.1.0"
+      }
+    },
+    "postcss-modules-scope": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-3.0.0.tgz",
+      "integrity": "sha512-hncihwFA2yPath8oZ15PZqvWGkWf+XUfQgUGamS4LqoP1anQLOsOJw0vr7J7IwLpoY9fatA2qiGUGmuZL0Iqlg==",
+      "dev": true,
+      "requires": {
+        "postcss-selector-parser": "^6.0.4"
+      }
+    },
+    "postcss-modules-values": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-values/-/postcss-modules-values-4.0.0.tgz",
+      "integrity": "sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==",
+      "dev": true,
+      "requires": {
+        "icss-utils": "^5.0.0"
+      }
+    },
+    "postcss-selector-parser": {
+      "version": "6.0.13",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz",
+      "integrity": "sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==",
+      "dev": true,
+      "requires": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      }
+    },
+    "postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "dev": true
+    },
+    "prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true
+    },
+    "pretty": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/pretty/-/pretty-2.0.0.tgz",
+      "integrity": "sha512-G9xUchgTEiNpormdYBl+Pha50gOUovT18IvAe7EYMZ1/f9W/WWMPRn+xI68yXNMUk3QXHDwo/1wV/4NejVNe1w==",
+      "dev": true,
+      "requires": {
+        "condense-newlines": "^0.2.1",
+        "extend-shallow": "^2.0.1",
+        "js-beautify": "^1.6.12"
+      }
+    },
+    "pretty-format": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
+      "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
+      "requires": {
+        "@jest/schemas": "^29.6.3",
+        "ansi-styles": "^5.0.0",
+        "react-is": "^18.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+          "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA=="
+        },
+        "react-is": {
+          "version": "18.3.1",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+          "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg=="
+        }
+      }
+    },
+    "pretty-ms": {
+      "version": "9.3.0",
+      "resolved": "https://registry.npmjs.org/pretty-ms/-/pretty-ms-9.3.0.tgz",
+      "integrity": "sha512-gjVS5hOP+M3wMm5nmNOucbIrqudzs9v/57bWRHQWLYklXqoXKrVfYW2W9+glfGsqtPgpiz5WwyEEB+ksXIx3gQ==",
+      "dev": true,
+      "requires": {
+        "parse-ms": "^4.0.0"
+      }
+    },
+    "process": {
+      "version": "0.11.10",
+      "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
+      "integrity": "sha1-czIwDoQBYb2j5podHZGn1LwW8YI=",
+      "dev": true
+    },
+    "process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
+      "dev": true
+    },
+    "progress": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
+      "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
+      "dev": true
+    },
+    "promise": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/promise/-/promise-8.3.0.tgz",
+      "integrity": "sha512-rZPNPKTOYVNEEKFaq1HqTgOwZD+4/YHS5ukLzQCypkj+OkYx7iv0mA91lJlpPPZ8vMau3IIGj5Qlwrx+8iiSmg==",
+      "requires": {
+        "asap": "~2.0.6"
+      }
+    },
+    "promise.withresolvers": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/promise.withresolvers/-/promise.withresolvers-1.0.3.tgz",
+      "integrity": "sha512-trMhLkMcpAUOsTEFqkfj+QGjiOOWkqbCGx2xAxhIPRrm1QpKcd/UHC+TNjlRXYQLlAZRrjvewc8qGQn3f6DroQ==",
+      "requires": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-errors": "^1.3.0"
+      }
+    },
+    "prompts": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/prompts/-/prompts-2.4.2.tgz",
+      "integrity": "sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==",
+      "dev": true,
+      "requires": {
+        "kleur": "^3.0.3",
+        "sisteransi": "^1.0.5"
+      }
+    },
+    "prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "requires": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      },
+      "dependencies": {
+        "react-is": {
+          "version": "16.13.1",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+          "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+        }
+      }
+    },
+    "proto-list": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/proto-list/-/proto-list-1.2.4.tgz",
+      "integrity": "sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==",
+      "dev": true
+    },
+    "proxy-addr": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
+      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
+      "dev": true,
+      "requires": {
+        "forwarded": "0.2.0",
+        "ipaddr.js": "1.9.1"
+      },
+      "dependencies": {
+        "ipaddr.js": {
+          "version": "1.9.1",
+          "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+          "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+          "dev": true
+        }
+      }
+    },
+    "proxy-agent": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/proxy-agent/-/proxy-agent-6.5.0.tgz",
+      "integrity": "sha512-TmatMXdr2KlRiA2CyDu8GqR8EjahTG3aY3nXjdzFyoZbmB8hrBsTyMezhULIXKnC0jpfjlmiZ3+EaCzoInSu/A==",
+      "dev": true,
+      "requires": {
+        "agent-base": "^7.1.2",
+        "debug": "^4.3.4",
+        "http-proxy-agent": "^7.0.1",
+        "https-proxy-agent": "^7.0.6",
+        "lru-cache": "^7.14.1",
+        "pac-proxy-agent": "^7.1.0",
+        "proxy-from-env": "^1.1.0",
+        "socks-proxy-agent": "^8.0.5"
+      },
+      "dependencies": {
+        "lru-cache": {
+          "version": "7.18.3",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-7.18.3.tgz",
+          "integrity": "sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==",
+          "dev": true
+        }
+      }
+    },
+    "proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+      "dev": true
+    },
+    "pump": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.3.tgz",
+      "integrity": "sha512-todwxLMY7/heScKmntwQG8CXVkWUOdYxIvY2s0VWAAMh/nd8SoYiRaKjlr7+iCs984f2P8zvrfWcDDYVb73NfA==",
+      "dev": true,
+      "requires": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
+    "punycode": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
+      "integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA=="
+    },
+    "qs": {
+      "version": "6.13.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz",
+      "integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==",
+      "requires": {
+        "side-channel": "^1.0.6"
+      }
+    },
+    "query-selector-shadow-dom": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/query-selector-shadow-dom/-/query-selector-shadow-dom-1.0.1.tgz",
+      "integrity": "sha512-lT5yCqEBgfoMYpf3F2xQRK7zEr1rhIIZuceDK6+xRkJQ4NMbHTwXqk4NkwDwQMNqXgG9r9fyHnzwNVs6zV5KRw==",
+      "dev": true
+    },
+    "query-string": {
+      "version": "7.1.3",
+      "resolved": "https://registry.npmjs.org/query-string/-/query-string-7.1.3.tgz",
+      "integrity": "sha512-hh2WYhq4fi8+b+/2Kg9CEge4fDPvHS534aOOvOZeQ3+Vf2mCFsaFBYj0i+iXcAq6I9Vzp5fjMFBlONvayDC1qg==",
+      "requires": {
+        "decode-uri-component": "^0.2.2",
+        "filter-obj": "^1.1.0",
+        "split-on-first": "^1.0.0",
+        "strict-uri-encode": "^2.0.0"
+      }
+    },
+    "queue": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/queue/-/queue-6.0.2.tgz",
+      "integrity": "sha512-iHZWu+q3IdFZFX36ro/lKBkSvfkztY5Y7HMiPlOUjhupPcG2JMfst2KKEpu5XndviX/3UhFbRngUPNKtgvtZiA==",
+      "requires": {
+        "inherits": "~2.0.3"
+      }
+    },
+    "queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true
+    },
+    "randombytes": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
+      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "^5.1.0"
+      }
+    },
+    "range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg=="
+    },
+    "raw-body": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.2.tgz",
+      "integrity": "sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==",
+      "dev": true,
+      "requires": {
+        "bytes": "3.1.2",
+        "http-errors": "2.0.0",
+        "iconv-lite": "0.4.24",
+        "unpipe": "1.0.0"
+      },
+      "dependencies": {
+        "bytes": {
+          "version": "3.1.2",
+          "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+          "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+          "dev": true
+        }
+      }
+    },
+    "react": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
+      "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
+      "requires": {
+        "loose-envify": "^1.1.0"
+      }
+    },
+    "react-clientside-effect": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/react-clientside-effect/-/react-clientside-effect-1.2.6.tgz",
+      "integrity": "sha512-XGGGRQAKY+q25Lz9a/4EPqom7WRjz3z9R2k4jhVKA/puQFH/5Nt27vFZYql4m4NVNdUvX8PS3O7r/Zzm7cjUlg==",
+      "requires": {
+        "@babel/runtime": "^7.12.13"
+      }
+    },
+    "react-devtools-core": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/react-devtools-core/-/react-devtools-core-6.1.2.tgz",
+      "integrity": "sha512-ldFwzufLletzCikNJVYaxlxMLu7swJ3T2VrGfzXlMsVhZhPDKXA38DEROidaYZVgMAmQnIjymrmqto5pyfrwPA==",
+      "requires": {
+        "shell-quote": "^1.6.1",
+        "ws": "^7"
+      },
+      "dependencies": {
+        "ws": {
+          "version": "7.5.10",
+          "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz",
+          "integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ=="
+        }
+      }
+    },
+    "react-dom": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
+      "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
+      "requires": {
+        "loose-envify": "^1.1.0",
+        "scheduler": "^0.23.0"
+      }
+    },
+    "react-emoji-render": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/react-emoji-render/-/react-emoji-render-2.0.1.tgz",
+      "integrity": "sha512-SKtsdwgEf2BFNiE9y4UBFZBWjkRcyWmhMprVly52+J77/zxThcfaQ3sCA0+2LtGJIRMpm4DGWSvyLg72fd1rXQ==",
+      "requires": {
+        "classnames": "^2.2.5",
+        "emoji-regex": "^8.0.0",
+        "lodash.flatten": "^4.4.0",
+        "prop-types": "^15.5.8",
+        "string-replace-to-array": "^1.0.1"
+      }
+    },
+    "react-focus-lock": {
+      "version": "2.9.4",
+      "resolved": "https://registry.npmjs.org/react-focus-lock/-/react-focus-lock-2.9.4.tgz",
+      "integrity": "sha512-7pEdXyMseqm3kVjhdVH18sovparAzLg5h6WvIx7/Ck3ekjhrrDMEegHSa3swwC8wgfdd7DIdUVRGeiHT9/7Sgg==",
+      "requires": {
+        "@babel/runtime": "^7.0.0",
+        "focus-lock": "^0.11.6",
+        "prop-types": "^15.6.2",
+        "react-clientside-effect": "^1.2.6",
+        "use-callback-ref": "^1.3.0",
+        "use-sidecar": "^1.1.2"
+      }
+    },
+    "react-focus-on": {
+      "version": "3.8.1",
+      "resolved": "https://registry.npmjs.org/react-focus-on/-/react-focus-on-3.8.1.tgz",
+      "integrity": "sha512-fQcBx+SZMgXoRL+69r5+ic4bdVgqaCeKeoFPra8yhcSuL/3unWavfdirEFBGgH71K+RiocMTS6DETHcX0SlOZg==",
+      "requires": {
+        "aria-hidden": "^1.2.2",
+        "react-focus-lock": "^2.9.2",
+        "react-remove-scroll": "^2.5.6",
+        "react-style-singleton": "^2.2.0",
+        "tslib": "^2.3.1",
+        "use-callback-ref": "^1.3.0",
+        "use-sidecar": "^1.1.2"
+      }
+    },
+    "react-freeze": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/react-freeze/-/react-freeze-1.0.0.tgz",
+      "integrity": "sha512-yQaiOqDmoKqks56LN9MTgY06O0qQHgV4FUrikH357DydArSZHQhl0BJFqGKIZoTqi8JizF9Dxhuk1FIZD6qCaw=="
+    },
+    "react-i18next": {
+      "version": "10.11.4",
+      "resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-10.11.4.tgz",
+      "integrity": "sha512-/CWXaf3a5BLNeVnBGxzWOIZLQgSNEc2LWHX4ZaJb7ww0xgY0S5K9HRAMzJIHeHGe7jfpSraprD66VDblWb4ZXA==",
+      "requires": {
+        "@babel/runtime": "^7.3.1",
+        "html-parse-stringify2": "2.0.1"
+      }
+    },
+    "react-is": {
+      "version": "17.0.2",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
+      "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
+    },
+    "react-linkify": {
+      "version": "1.0.0-alpha",
+      "resolved": "https://registry.npmjs.org/react-linkify/-/react-linkify-1.0.0-alpha.tgz",
+      "integrity": "sha512-7gcIUvJkAXXttt1fmBK9cwn+1jTa4hbKLGCZ9J1U6EOkyb2/+LKL1Z28d9rtDLMnpvImlNlLPdTPooorl5cpmg==",
+      "requires": {
+        "linkify-it": "^2.0.3",
+        "tlds": "^1.199.0"
+      }
+    },
+    "react-native": {
+      "version": "0.77.2",
+      "resolved": "https://registry.npmjs.org/react-native/-/react-native-0.77.2.tgz",
+      "integrity": "sha512-TE9JXsuiuWL/dmYvSvlLJQFEzZowQPzcn/9vU7vhTTJzNLnUtA33aMNoSU14Y8XikUUwmjYahRe71zjFJp6Kmw==",
+      "requires": {
+        "@jest/create-cache-key-function": "^29.6.3",
+        "@react-native/assets-registry": "0.77.2",
+        "@react-native/codegen": "0.77.2",
+        "@react-native/community-cli-plugin": "0.77.2",
+        "@react-native/gradle-plugin": "0.77.2",
+        "@react-native/js-polyfills": "0.77.2",
+        "@react-native/normalize-colors": "0.77.2",
+        "@react-native/virtualized-lists": "0.77.2",
+        "abort-controller": "^3.0.0",
+        "anser": "^1.4.9",
+        "ansi-regex": "^5.0.0",
+        "babel-jest": "^29.7.0",
+        "babel-plugin-syntax-hermes-parser": "0.25.1",
+        "base64-js": "^1.5.1",
+        "chalk": "^4.0.0",
+        "commander": "^12.0.0",
+        "event-target-shim": "^5.0.1",
+        "flow-enums-runtime": "^0.0.6",
+        "glob": "^7.1.1",
+        "invariant": "^2.2.4",
+        "jest-environment-node": "^29.6.3",
+        "jsc-android": "^250231.0.0",
+        "memoize-one": "^5.0.0",
+        "metro-runtime": "^0.81.3",
+        "metro-source-map": "^0.81.3",
+        "nullthrows": "^1.1.1",
+        "pretty-format": "^29.7.0",
+        "promise": "^8.3.0",
+        "react-devtools-core": "^6.0.1",
+        "react-refresh": "^0.14.0",
+        "regenerator-runtime": "^0.13.2",
+        "scheduler": "0.24.0-canary-efb381bbf-20230505",
+        "semver": "^7.1.3",
+        "stacktrace-parser": "^0.1.10",
+        "whatwg-fetch": "^3.0.0",
+        "ws": "^6.2.3",
+        "yargs": "^17.6.2"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+        },
+        "commander": {
+          "version": "12.1.0",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-12.1.0.tgz",
+          "integrity": "sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA=="
+        },
+        "glob": {
+          "version": "7.2.3",
+          "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+          "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+          "requires": {
+            "fs.realpath": "^1.0.0",
+            "inflight": "^1.0.4",
+            "inherits": "2",
+            "minimatch": "^3.1.1",
+            "once": "^1.3.0",
+            "path-is-absolute": "^1.0.0"
+          }
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
+        },
+        "react-refresh": {
+          "version": "0.14.2",
+          "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.2.tgz",
+          "integrity": "sha512-jCvmsr+1IUSMUyzOkRcvnVbX3ZYC6g9TDrDbFuFmRDq7PD4yaGbLKNQL6k2jnArV8hjYxh7hVhAZB6s9HDGpZA=="
+        },
+        "scheduler": {
+          "version": "0.24.0-canary-efb381bbf-20230505",
+          "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.24.0-canary-efb381bbf-20230505.tgz",
+          "integrity": "sha512-ABvovCDe/k9IluqSh4/ISoq8tIJnW8euVAWYt5j/bg6dRnqwQwiGO1F/V4AyK96NGF/FB04FhOUDuWj8IKfABA==",
+          "requires": {
+            "loose-envify": "^1.1.0"
+          }
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
+    "react-native-background-timer": {
+      "version": "git+ssh://git@github.com/jitsi/react-native-background-timer.git#d180dfaa4486ae3ee17d01242db92cb3195f4718",
+      "from": "react-native-background-timer@https://github.com/jitsi/react-native-background-timer.git#d180dfaa4486ae3ee17d01242db92cb3195f4718"
+    },
+    "react-native-calendar-events": {
+      "version": "git+ssh://git@github.com/jitsi/react-native-calendar-events.git#47f068dedfed7c0f72042e093f688eb11624eb7b",
+      "from": "react-native-calendar-events@https://github.com/jitsi/react-native-calendar-events.git#47f068dedfed7c0f72042e093f688eb11624eb7b"
+    },
+    "react-native-default-preference": {
+      "version": "git+ssh://git@github.com/jitsi/react-native-default-preference.git#c9bf63bdc058e3fa2aa0b87b1ee1af240f44ed02",
+      "from": "react-native-default-preference@https://github.com/jitsi/react-native-default-preference.git#c9bf63bdc058e3fa2aa0b87b1ee1af240f44ed02"
+    },
+    "react-native-device-info": {
+      "version": "12.1.0",
+      "resolved": "https://registry.npmjs.org/react-native-device-info/-/react-native-device-info-12.1.0.tgz",
+      "integrity": "sha512-vnyHQ7CzX774oijlAUxiTrqnbacLSRWiphwxAovqF8eqkjiaxQ/qc2Nm68/hDD6sG84U/0PEfq9JxdXYwlQQoQ=="
+    },
+    "react-native-dialog": {
+      "version": "https://github.com/jitsi/react-native-dialog/releases/download/v9.2.2-jitsi.1/react-native-dialog-9.2.2.tgz",
+      "integrity": "sha512-MKbuBbovO8eGiAM9i6o0nrdBXivhRpzPQ+aVBXGJEPMH7RrCSNUKaCoEpkjfGHlTxjZimi6WjDCjjzCRSHlV1A=="
+    },
+    "react-native-gesture-handler": {
+      "version": "2.24.0",
+      "resolved": "https://registry.npmjs.org/react-native-gesture-handler/-/react-native-gesture-handler-2.24.0.tgz",
+      "integrity": "sha512-ZdWyOd1C8axKJHIfYxjJKCcxjWEpUtUWgTOVY2wynbiveSQDm8X/PDyAKXSer/GOtIpjudUbACOndZXCN3vHsw==",
+      "requires": {
+        "@egjs/hammerjs": "^2.0.17",
+        "hoist-non-react-statics": "^3.3.0",
+        "invariant": "^2.2.4"
+      }
+    },
+    "react-native-get-random-values": {
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/react-native-get-random-values/-/react-native-get-random-values-1.11.0.tgz",
+      "integrity": "sha512-4BTbDbRmS7iPdhYLRcz3PGFIpFJBwNZg9g42iwa2P6FOv9vZj/xJc678RZXnLNZzd0qd7Q3CCF6Yd+CU2eoXKQ==",
+      "requires": {
+        "fast-base64-decode": "^1.0.0"
+      }
+    },
+    "react-native-is-edge-to-edge": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/react-native-is-edge-to-edge/-/react-native-is-edge-to-edge-1.2.1.tgz",
+      "integrity": "sha512-FLbPWl/MyYQWz+KwqOZsSyj2JmLKglHatd3xLZWskXOpRaio4LfEDEz8E/A6uD8QoTHW6Aobw1jbEwK7KMgR7Q=="
+    },
+    "react-native-orientation-locker": {
+      "version": "git+ssh://git@github.com/jitsi/react-native-orientation-locker.git#fe095651d819cf134624f786b61fc8667862178a",
+      "integrity": "sha512-grYVwpX8vOQ3yfKvawpwDNscEUaZBg27YIXytGRUEFNyCJQlX5Klf2hIVqlLuWXMwwW5DCWnESCSBSBw6Ed7eQ==",
+      "from": "react-native-orientation-locker@https://github.com/jitsi/react-native-orientation-locker.git#fe095651d819cf134624f786b61fc8667862178a"
+    },
+    "react-native-pager-view": {
+      "version": "6.8.1",
+      "resolved": "https://registry.npmjs.org/react-native-pager-view/-/react-native-pager-view-6.8.1.tgz",
+      "integrity": "sha512-XIyVEMhwq7sZqM7GobOJZXxFCfdFgVNq/CFB2rZIRNRSVPJqE1k1fsc8xfQKfdzsp6Rpt6I7VOIvhmP7/YHdVg=="
+    },
+    "react-native-paper": {
+      "version": "5.10.3",
+      "resolved": "https://registry.npmjs.org/react-native-paper/-/react-native-paper-5.10.3.tgz",
+      "integrity": "sha512-UXT+cOnycpepAhE1t7E4PqFk5mSLtCA5BSQkt6xGi7XJxnpBF3v4orcHwG/OQEOWx7TpWKGPCjhDewnZodOl5Q==",
+      "requires": {
+        "@callstack/react-theme-provider": "^3.0.9",
+        "color": "^3.1.2",
+        "use-latest-callback": "^0.1.5"
+      }
+    },
+    "react-native-performance": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/react-native-performance/-/react-native-performance-5.1.2.tgz",
+      "integrity": "sha512-l5JOJphNzox9a9icL3T6O/gEqZuqWqcbejW04WPa10m0UanBdIYrNkPFl48B3ivWw3MabpjB6GiDYv7old9/fw=="
+    },
+    "react-native-safe-area-context": {
+      "version": "5.5.2",
+      "resolved": "https://registry.npmjs.org/react-native-safe-area-context/-/react-native-safe-area-context-5.5.2.tgz",
+      "integrity": "sha512-t4YVbHa9uAGf+pHMabGrb0uHrD5ogAusSu842oikJ3YKXcYp6iB4PTGl0EZNkUIR3pCnw/CXKn42OCfhsS0JIw=="
+    },
+    "react-native-screens": {
+      "version": "4.11.1",
+      "resolved": "https://registry.npmjs.org/react-native-screens/-/react-native-screens-4.11.1.tgz",
+      "integrity": "sha512-F0zOzRVa3ptZfLpD0J8ROdo+y1fEPw+VBFq1MTY/iyDu08al7qFUO5hLMd+EYMda5VXGaTFCa8q7bOppUszhJw==",
+      "requires": {
+        "react-freeze": "^1.0.0",
+        "react-native-is-edge-to-edge": "^1.1.7",
+        "warn-once": "^0.1.0"
+      }
+    },
+    "react-native-sound": {
+      "version": "git+ssh://git@github.com/jitsi/react-native-sound.git#ea13c97b5c2a4ff5e0d9bacbd9ff5e4457fe2c3c",
+      "integrity": "sha512-4XXT1rQHAyOxX1pFBllmPEb5T4ViV56+s+z6PMshQ2ED+7QJzyWpAN55fhFFki2Q/NE9Fm/0uhhYpBESvGh9sQ==",
+      "from": "react-native-sound@https://github.com/jitsi/react-native-sound.git#ea13c97b5c2a4ff5e0d9bacbd9ff5e4457fe2c3c"
+    },
+    "react-native-splash-view": {
+      "version": "0.0.18",
+      "resolved": "https://registry.npmjs.org/react-native-splash-view/-/react-native-splash-view-0.0.18.tgz",
+      "integrity": "sha512-dG6av22HtXpbfhDKC5cG6YkFo6czQR7nB+3KzdhWx+rVNLkJvNo6cABVehWNoUM0z9VRrAKrtZjYN28tM2b2Ug=="
+    },
+    "react-native-svg": {
+      "version": "15.11.2",
+      "resolved": "https://registry.npmjs.org/react-native-svg/-/react-native-svg-15.11.2.tgz",
+      "integrity": "sha512-+YfF72IbWQUKzCIydlijV1fLuBsQNGMT6Da2kFlo1sh+LE3BIm/2Q7AR1zAAR6L0BFLi1WaQPLfFUC9bNZpOmw==",
+      "requires": {
+        "css-select": "^5.1.0",
+        "css-tree": "^1.1.3",
+        "warn-once": "0.1.1"
+      },
+      "dependencies": {
+        "css-select": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.1.0.tgz",
+          "integrity": "sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==",
+          "requires": {
+            "boolbase": "^1.0.0",
+            "css-what": "^6.1.0",
+            "domhandler": "^5.0.2",
+            "domutils": "^3.0.1",
+            "nth-check": "^2.0.1"
+          }
+        },
+        "dom-serializer": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
+          "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
+          "requires": {
+            "domelementtype": "^2.3.0",
+            "domhandler": "^5.0.2",
+            "entities": "^4.2.0"
+          }
+        },
+        "domhandler": {
+          "version": "5.0.3",
+          "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
+          "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+          "requires": {
+            "domelementtype": "^2.3.0"
+          }
+        },
+        "domutils": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.0.1.tgz",
+          "integrity": "sha512-z08c1l761iKhDFtfXO04C7kTdPBLi41zwOZl00WS8b5eiaebNpY00HKbztwBq+e3vyqWNwWF3mP9YLUeqIrF+Q==",
+          "requires": {
+            "dom-serializer": "^2.0.0",
+            "domelementtype": "^2.3.0",
+            "domhandler": "^5.0.1"
+          }
+        }
+      }
+    },
+    "react-native-svg-transformer": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/react-native-svg-transformer/-/react-native-svg-transformer-1.2.0.tgz",
+      "integrity": "sha512-z6BbmYBvFccTFKNNQjRmHPCstLxgoQvieAa0WdxcJoe6E+E1uXD5GkFpZymAF/i9CAMu4fG76/COytcJ8sfaEg==",
+      "requires": {
+        "@svgr/core": "^8.1.0",
+        "@svgr/plugin-jsx": "^8.1.0",
+        "@svgr/plugin-svgo": "^8.1.0",
+        "path-dirname": "^1.0.2"
+      },
+      "dependencies": {
+        "@svgr/babel-plugin-add-jsx-attribute": {
+          "version": "8.0.0",
+          "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-8.0.0.tgz",
+          "integrity": "sha512-b9MIk7yhdS1pMCZM8VeNfUlSKVRhsHZNMl5O9SfaX0l0t5wjdgu4IDzGB8bpnGBBOjGST3rRFVsaaEtI4W6f7g=="
+        },
+        "@svgr/babel-plugin-remove-jsx-attribute": {
+          "version": "8.0.0",
+          "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-8.0.0.tgz",
+          "integrity": "sha512-BcCkm/STipKvbCl6b7QFrMh/vx00vIP63k2eM66MfHJzPr6O2U0jYEViXkHJWqXqQYjdeA9cuCl5KWmlwjDvbA=="
+        },
+        "@svgr/babel-plugin-remove-jsx-empty-expression": {
+          "version": "8.0.0",
+          "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-8.0.0.tgz",
+          "integrity": "sha512-5BcGCBfBxB5+XSDSWnhTThfI9jcO5f0Ai2V24gZpG+wXF14BzwxxdDb4g6trdOux0rhibGs385BeFMSmxtS3uA=="
+        },
+        "@svgr/babel-plugin-replace-jsx-attribute-value": {
+          "version": "8.0.0",
+          "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-8.0.0.tgz",
+          "integrity": "sha512-KVQ+PtIjb1BuYT3ht8M5KbzWBhdAjjUPdlMtpuw/VjT8coTrItWX6Qafl9+ji831JaJcu6PJNKCV0bp01lBNzQ=="
+        },
+        "@svgr/babel-plugin-svg-dynamic-title": {
+          "version": "8.0.0",
+          "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-8.0.0.tgz",
+          "integrity": "sha512-omNiKqwjNmOQJ2v6ge4SErBbkooV2aAWwaPFs2vUY7p7GhVkzRkJ00kILXQvRhA6miHnNpXv7MRnnSjdRjK8og=="
+        },
+        "@svgr/babel-plugin-svg-em-dimensions": {
+          "version": "8.0.0",
+          "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-8.0.0.tgz",
+          "integrity": "sha512-mURHYnu6Iw3UBTbhGwE/vsngtCIbHE43xCRK7kCw4t01xyGqb2Pd+WXekRRoFOBIY29ZoOhUCTEweDMdrjfi9g=="
+        },
+        "@svgr/babel-plugin-transform-react-native-svg": {
+          "version": "8.1.0",
+          "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-8.1.0.tgz",
+          "integrity": "sha512-Tx8T58CHo+7nwJ+EhUwx3LfdNSG9R2OKfaIXXs5soiy5HtgoAEkDay9LIimLOcG8dJQH1wPZp/cnAv6S9CrR1Q=="
+        },
+        "@svgr/babel-plugin-transform-svg-component": {
+          "version": "8.0.0",
+          "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-8.0.0.tgz",
+          "integrity": "sha512-DFx8xa3cZXTdb/k3kfPeaixecQLgKh5NVBMwD0AQxOzcZawK4oo1Jh9LbrcACUivsCA7TLG8eeWgrDXjTMhRmw=="
+        },
+        "@svgr/babel-preset": {
+          "version": "8.1.0",
+          "resolved": "https://registry.npmjs.org/@svgr/babel-preset/-/babel-preset-8.1.0.tgz",
+          "integrity": "sha512-7EYDbHE7MxHpv4sxvnVPngw5fuR6pw79SkcrILHJ/iMpuKySNCl5W1qcwPEpU+LgyRXOaAFgH0KhwD18wwg6ug==",
+          "requires": {
+            "@svgr/babel-plugin-add-jsx-attribute": "8.0.0",
+            "@svgr/babel-plugin-remove-jsx-attribute": "8.0.0",
+            "@svgr/babel-plugin-remove-jsx-empty-expression": "8.0.0",
+            "@svgr/babel-plugin-replace-jsx-attribute-value": "8.0.0",
+            "@svgr/babel-plugin-svg-dynamic-title": "8.0.0",
+            "@svgr/babel-plugin-svg-em-dimensions": "8.0.0",
+            "@svgr/babel-plugin-transform-react-native-svg": "8.1.0",
+            "@svgr/babel-plugin-transform-svg-component": "8.0.0"
+          }
+        },
+        "@svgr/core": {
+          "version": "8.1.0",
+          "resolved": "https://registry.npmjs.org/@svgr/core/-/core-8.1.0.tgz",
+          "integrity": "sha512-8QqtOQT5ACVlmsvKOJNEaWmRPmcojMOzCz4Hs2BGG/toAp/K38LcsMRyLp349glq5AzJbCEeimEoxaX6v/fLrA==",
+          "requires": {
+            "@babel/core": "^7.21.3",
+            "@svgr/babel-preset": "8.1.0",
+            "camelcase": "^6.2.0",
+            "cosmiconfig": "^8.1.3",
+            "snake-case": "^3.0.4"
+          }
+        },
+        "@svgr/hast-util-to-babel-ast": {
+          "version": "8.0.0",
+          "resolved": "https://registry.npmjs.org/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-8.0.0.tgz",
+          "integrity": "sha512-EbDKwO9GpfWP4jN9sGdYwPBU0kdomaPIL2Eu4YwmgP+sJeXT+L7bMwJUBnhzfH8Q2qMBqZ4fJwpCyYsAN3mt2Q==",
+          "requires": {
+            "@babel/types": "^7.21.3",
+            "entities": "^4.4.0"
+          }
+        },
+        "@svgr/plugin-jsx": {
+          "version": "8.1.0",
+          "resolved": "https://registry.npmjs.org/@svgr/plugin-jsx/-/plugin-jsx-8.1.0.tgz",
+          "integrity": "sha512-0xiIyBsLlr8quN+WyuxooNW9RJ0Dpr8uOnH/xrCVO8GLUcwHISwj1AG0k+LFzteTkAA0GbX0kj9q6Dk70PTiPA==",
+          "requires": {
+            "@babel/core": "^7.21.3",
+            "@svgr/babel-preset": "8.1.0",
+            "@svgr/hast-util-to-babel-ast": "8.0.0",
+            "svg-parser": "^2.0.4"
+          }
+        },
+        "@svgr/plugin-svgo": {
+          "version": "8.1.0",
+          "resolved": "https://registry.npmjs.org/@svgr/plugin-svgo/-/plugin-svgo-8.1.0.tgz",
+          "integrity": "sha512-Ywtl837OGO9pTLIN/onoWLmDQ4zFUycI1g76vuKGEz6evR/ZTJlJuz3G/fIkb6OVBJ2g0o6CGJzaEjfmEo3AHA==",
+          "requires": {
+            "cosmiconfig": "^8.1.3",
+            "deepmerge": "^4.3.1",
+            "svgo": "^3.0.2"
+          }
+        },
+        "commander": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
+          "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw=="
+        },
+        "cosmiconfig": {
+          "version": "8.2.0",
+          "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-8.2.0.tgz",
+          "integrity": "sha512-3rTMnFJA1tCOPwRxtgF4wd7Ab2qvDbL8jX+3smjIbS4HlZBagTlpERbdN7iAbWlrfxE3M8c27kTwTawQ7st+OQ==",
+          "requires": {
+            "import-fresh": "^3.2.1",
+            "js-yaml": "^4.1.0",
+            "parse-json": "^5.0.0",
+            "path-type": "^4.0.0"
+          }
+        },
+        "css-select": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.1.0.tgz",
+          "integrity": "sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==",
+          "requires": {
+            "boolbase": "^1.0.0",
+            "css-what": "^6.1.0",
+            "domhandler": "^5.0.2",
+            "domutils": "^3.0.1",
+            "nth-check": "^2.0.1"
+          }
+        },
+        "css-tree": {
+          "version": "2.3.1",
+          "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz",
+          "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==",
+          "requires": {
+            "mdn-data": "2.0.30",
+            "source-map-js": "^1.0.1"
+          }
+        },
+        "csso": {
+          "version": "5.0.5",
+          "resolved": "https://registry.npmjs.org/csso/-/csso-5.0.5.tgz",
+          "integrity": "sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==",
+          "requires": {
+            "css-tree": "~2.2.0"
+          },
+          "dependencies": {
+            "css-tree": {
+              "version": "2.2.1",
+              "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.2.1.tgz",
+              "integrity": "sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==",
+              "requires": {
+                "mdn-data": "2.0.28",
+                "source-map-js": "^1.0.1"
+              }
+            },
+            "mdn-data": {
+              "version": "2.0.28",
+              "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.28.tgz",
+              "integrity": "sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g=="
+            }
+          }
+        },
+        "deepmerge": {
+          "version": "4.3.1",
+          "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
+          "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A=="
+        },
+        "dom-serializer": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
+          "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
+          "requires": {
+            "domelementtype": "^2.3.0",
+            "domhandler": "^5.0.2",
+            "entities": "^4.2.0"
+          }
+        },
+        "domhandler": {
+          "version": "5.0.3",
+          "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
+          "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+          "requires": {
+            "domelementtype": "^2.3.0"
+          }
+        },
+        "domutils": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz",
+          "integrity": "sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==",
+          "requires": {
+            "dom-serializer": "^2.0.0",
+            "domelementtype": "^2.3.0",
+            "domhandler": "^5.0.3"
+          }
+        },
+        "mdn-data": {
+          "version": "2.0.30",
+          "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
+          "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA=="
+        },
+        "svgo": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/svgo/-/svgo-3.0.2.tgz",
+          "integrity": "sha512-Z706C1U2pb1+JGP48fbazf3KxHrWOsLme6Rv7imFBn5EnuanDW1GPaA/P1/dvObE670JDePC3mnj0k0B7P0jjQ==",
+          "requires": {
+            "@trysound/sax": "0.2.0",
+            "commander": "^7.2.0",
+            "css-select": "^5.1.0",
+            "css-tree": "^2.2.1",
+            "csso": "^5.0.5",
+            "picocolors": "^1.0.0"
+          }
+        }
+      }
+    },
+    "react-native-tab-view": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/react-native-tab-view/-/react-native-tab-view-3.5.2.tgz",
+      "integrity": "sha512-nE5WqjbeEPsWQx4mtz81QGVvgHRhujTNIIZiMCx3Bj6CBFDafbk7XZp9ocmtzXUQaZ4bhtVS43R4FIiR4LboJw==",
+      "requires": {
+        "use-latest-callback": "^0.1.5"
+      }
+    },
+    "react-native-url-polyfill": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/react-native-url-polyfill/-/react-native-url-polyfill-2.0.0.tgz",
+      "integrity": "sha512-My330Do7/DvKnEvwQc0WdcBnFPploYKp9CYlefDXzIdEaA+PAhDYllkvGeEroEzvc4Kzzj2O4yVdz8v6fjRvhA==",
+      "requires": {
+        "whatwg-url-without-unicode": "8.0.0-3"
+      }
+    },
+    "react-native-video": {
+      "version": "6.13.0",
+      "resolved": "https://registry.npmjs.org/react-native-video/-/react-native-video-6.13.0.tgz",
+      "integrity": "sha512-eY6jgLcmYKAAlAZhsZbp8wfCVrGu7jmUYTTspn8udN8j4jqr4Fq90ROOM/QegGkwNs4waclL0IkzGuq61kT4DQ=="
+    },
+    "react-native-webrtc": {
+      "version": "124.0.7",
+      "resolved": "https://registry.npmjs.org/react-native-webrtc/-/react-native-webrtc-124.0.7.tgz",
+      "integrity": "sha512-gnXPdbUS8IkKHq9WNaWptW/yy5s6nMyI6cNn90LXdobPVCgYSk6NA2uUGdT4c4J14BRgaFA95F+cR28tUPkMVA==",
+      "requires": {
+        "base64-js": "1.5.1",
+        "debug": "4.3.4",
+        "event-target-shim": "6.0.2"
+      },
+      "dependencies": {
+        "event-target-shim": {
+          "version": "6.0.2",
+          "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-6.0.2.tgz",
+          "integrity": "sha512-8q3LsZjRezbFZ2PN+uP+Q7pnHUMmAOziU2vA2OwoFaKIXxlxl38IylhSSgUorWu/rf4er67w0ikBqjBFk/pomA=="
+        }
+      }
+    },
+    "react-native-webview": {
+      "version": "13.13.5",
+      "resolved": "https://registry.npmjs.org/react-native-webview/-/react-native-webview-13.13.5.tgz",
+      "integrity": "sha512-MfC2B+woL4Hlj2WCzcb1USySKk+SteXnUKmKktOk/H/AQy5+LuVdkPKm8SknJ0/RxaxhZ48WBoTRGaqgR137hw==",
+      "requires": {
+        "escape-string-regexp": "^4.0.0",
+        "invariant": "2.2.4"
+      }
+    },
+    "react-native-worklets-core": {
+      "version": "git+ssh://git@github.com/jitsi/react-native-worklets-core.git#8c5dfab2a5907305da8971696a781b60f0f9cb18",
+      "integrity": "sha512-SW47DvuNLjhoj8PJK8haq0B/69//ChG+/3WyK9NkhwUSM1kqZLle1O7SqGeLFp2f37qyBXH5X+cXPDaabJ8CHA==",
+      "from": "react-native-worklets-core@https://github.com/jitsi/react-native-worklets-core.git#8c5dfab2a5907305da8971696a781b60f0f9cb18",
+      "requires": {
+        "string-hash-64": "^1.0.3"
+      }
+    },
+    "react-native-youtube-iframe": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/react-native-youtube-iframe/-/react-native-youtube-iframe-2.3.0.tgz",
+      "integrity": "sha512-M+z63xwXVtS4dX3k8PbtHUUcWN+gRZt6J1EtPE7Y60BMOB979KjpkdrHqeR96or9pNR2W8K5tQhIkMXW2jwo7Q==",
+      "requires": {
+        "events": "^3.2.0"
+      }
+    },
+    "react-redux": {
+      "version": "7.2.9",
+      "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-7.2.9.tgz",
+      "integrity": "sha512-Gx4L3uM182jEEayZfRbI/G11ZpYdNAnBs70lFVMNdHJI76XYtR+7m0MN+eAs7UHBPhWXcnFPaS+9owSCJQHNpQ==",
+      "requires": {
+        "@babel/runtime": "^7.15.4",
+        "@types/react-redux": "^7.1.20",
+        "hoist-non-react-statics": "^3.3.2",
+        "loose-envify": "^1.4.0",
+        "prop-types": "^15.7.2",
+        "react-is": "^17.0.2"
+      }
+    },
+    "react-remove-scroll": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.5.6.tgz",
+      "integrity": "sha512-bO856ad1uDYLefgArk559IzUNeQ6SWH4QnrevIUjH+GczV56giDfl3h0Idptf2oIKxQmd1p9BN25jleKodTALg==",
+      "requires": {
+        "react-remove-scroll-bar": "^2.3.4",
+        "react-style-singleton": "^2.2.1",
+        "tslib": "^2.1.0",
+        "use-callback-ref": "^1.3.0",
+        "use-sidecar": "^1.1.2"
+      }
+    },
+    "react-remove-scroll-bar": {
+      "version": "2.3.4",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.4.tgz",
+      "integrity": "sha512-63C4YQBUt0m6ALadE9XV56hV8BgJWDmmTPY758iIJjfQKt2nYwoUrPk0LXRXcB/yIj82T1/Ixfdpdk68LwIB0A==",
+      "requires": {
+        "react-style-singleton": "^2.2.1",
+        "tslib": "^2.0.0"
+      }
+    },
+    "react-style-singleton": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.1.tgz",
+      "integrity": "sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==",
+      "requires": {
+        "get-nonce": "^1.0.0",
+        "invariant": "^2.2.4",
+        "tslib": "^2.0.0"
+      }
+    },
+    "react-textarea-autosize": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/react-textarea-autosize/-/react-textarea-autosize-8.3.0.tgz",
+      "integrity": "sha512-3GLWFAan2pbwBeoeNDoqGmSbrShORtgWfaWX0RJDivsUrpShh01saRM5RU/i4Zmf+whpBVEY5cA90Eq8Ub1N3w==",
+      "requires": {
+        "@babel/runtime": "^7.10.2",
+        "use-composed-ref": "^1.0.0",
+        "use-latest": "^1.0.0"
+      }
+    },
+    "react-universal-interface": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/react-universal-interface/-/react-universal-interface-0.6.2.tgz",
+      "integrity": "sha512-dg8yXdcQmvgR13RIlZbTRQOoUrDciFVoSBZILwjE2LFISxZZ8loVJKAkuzswl5js8BHda79bIb2b84ehU8IjXw=="
+    },
+    "react-use": {
+      "version": "17.4.0",
+      "resolved": "https://registry.npmjs.org/react-use/-/react-use-17.4.0.tgz",
+      "integrity": "sha512-TgbNTCA33Wl7xzIJegn1HndB4qTS9u03QUwyNycUnXaweZkE4Kq2SB+Yoxx8qbshkZGYBDvUXbXWRUmQDcZZ/Q==",
+      "requires": {
+        "@types/js-cookie": "^2.2.6",
+        "@xobotyi/scrollbar-width": "^1.9.5",
+        "copy-to-clipboard": "^3.3.1",
+        "fast-deep-equal": "^3.1.3",
+        "fast-shallow-equal": "^1.0.0",
+        "js-cookie": "^2.2.1",
+        "nano-css": "^5.3.1",
+        "react-universal-interface": "^0.6.2",
+        "resize-observer-polyfill": "^1.5.1",
+        "screenfull": "^5.1.0",
+        "set-harmonic-interval": "^1.0.1",
+        "throttle-debounce": "^3.0.1",
+        "ts-easing": "^0.2.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "react-virtualized-auto-sizer": {
+      "version": "1.0.26",
+      "resolved": "https://registry.npmjs.org/react-virtualized-auto-sizer/-/react-virtualized-auto-sizer-1.0.26.tgz",
+      "integrity": "sha512-CblNyiNVw2o+hsa5/49NH2ogGxZ+t+3aweRvNSq7TVjDIlwk7ir4lencEg5HxHeSzwNarSkNkiu0qJSOXtxm5A=="
+    },
+    "react-window": {
+      "version": "1.8.6",
+      "resolved": "https://registry.npmjs.org/react-window/-/react-window-1.8.6.tgz",
+      "integrity": "sha512-8VwEEYyjz6DCnGBsd+MgkD0KJ2/OXFULyDtorIiTz+QzwoP94tBoA7CnbtyXMm+cCeAUER5KJcPtWl9cpKbOBg==",
+      "requires": {
+        "@babel/runtime": "^7.0.0",
+        "memoize-one": ">=3.1.1 <6"
+      }
+    },
+    "react-youtube": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/react-youtube/-/react-youtube-10.1.0.tgz",
+      "integrity": "sha512-ZfGtcVpk0SSZtWCSTYOQKhfx5/1cfyEW1JN/mugGNfAxT3rmVJeMbGpA9+e78yG21ls5nc/5uZJETE3cm3knBg==",
+      "requires": {
+        "fast-deep-equal": "3.1.3",
+        "prop-types": "15.8.1",
+        "youtube-player": "5.5.2"
+      }
+    },
+    "read-pkg": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-8.1.0.tgz",
+      "integrity": "sha512-PORM8AgzXeskHO/WEv312k9U03B8K9JSiWF/8N9sUuFjBa+9SF2u6K7VClzXwDXab51jCd8Nd36CNM+zR97ScQ==",
+      "dev": true,
+      "requires": {
+        "@types/normalize-package-data": "^2.4.1",
+        "normalize-package-data": "^6.0.0",
+        "parse-json": "^7.0.0",
+        "type-fest": "^4.2.0"
+      },
+      "dependencies": {
+        "json-parse-even-better-errors": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-3.0.2.tgz",
+          "integrity": "sha512-fi0NG4bPjCHunUJffmLd0gxssIgkNmArMvis4iNah6Owg1MCJjWhEcDLmsK6iGkJq3tHwbDkTlce70/tmXN4cQ==",
+          "dev": true
+        },
+        "lines-and-columns": {
+          "version": "2.0.4",
+          "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-2.0.4.tgz",
+          "integrity": "sha512-wM1+Z03eypVAVUCE7QdSqpVIvelbOakn1M0bPDoA4SGWPx3sNDVUiMo3L6To6WWGClB7VyXnhQ4Sn7gxiJbE6A==",
+          "dev": true
+        },
+        "parse-json": {
+          "version": "7.1.1",
+          "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-7.1.1.tgz",
+          "integrity": "sha512-SgOTCX/EZXtZxBE5eJ97P4yGM5n37BwRU+YMsH4vNzFqJV/oWFXXCmwFlgWUM4PrakybVOueJJ6pwHqSVhTFDw==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.21.4",
+            "error-ex": "^1.3.2",
+            "json-parse-even-better-errors": "^3.0.0",
+            "lines-and-columns": "^2.0.3",
+            "type-fest": "^3.8.0"
+          },
+          "dependencies": {
+            "type-fest": {
+              "version": "3.13.1",
+              "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-3.13.1.tgz",
+              "integrity": "sha512-tLq3bSNx+xSpwvAJnzrK0Ep5CLNWjvFTOp71URMaAEWBfRb9nnJiBoUe0tF8bI4ZFO3omgBR6NvnbzVUT3Ly4g==",
+              "dev": true
+            }
+          }
+        },
+        "type-fest": {
+          "version": "4.26.1",
+          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.26.1.tgz",
+          "integrity": "sha512-yOGpmOAL7CkKe/91I5O3gPICmJNLJ1G4zFYVAsRHg7M64biSnPtRj0WNQt++bRkjYOqjWXrhnUw1utzmVErAdg==",
+          "dev": true
+        }
+      }
+    },
+    "read-pkg-up": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-10.1.0.tgz",
+      "integrity": "sha512-aNtBq4jR8NawpKJQldrQcSW9y/d+KWH4v24HWkHljOZ7H0av+YTGANBzRh9A5pw7v/bLVsLVPpOhJ7gHNVy8lA==",
+      "dev": true,
+      "requires": {
+        "find-up": "^6.3.0",
+        "read-pkg": "^8.1.0",
+        "type-fest": "^4.2.0"
+      },
+      "dependencies": {
+        "find-up": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-6.3.0.tgz",
+          "integrity": "sha512-v2ZsoEuVHYy8ZIlYqwPe/39Cy+cFDzp4dXPaxNvkEuouymu+2Jbz0PxpKarJHYJTmv2HWT3O382qY8l4jMWthw==",
+          "dev": true,
+          "requires": {
+            "locate-path": "^7.1.0",
+            "path-exists": "^5.0.0"
+          }
+        },
+        "locate-path": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-7.2.0.tgz",
+          "integrity": "sha512-gvVijfZvn7R+2qyPX8mAuKcFGDf6Nc61GdvGafQsHL0sBIxfKzA+usWn4GFC/bk+QdwPUD4kWFJLhElipq+0VA==",
+          "dev": true,
+          "requires": {
+            "p-locate": "^6.0.0"
+          }
+        },
+        "p-limit": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-4.0.0.tgz",
+          "integrity": "sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==",
+          "dev": true,
+          "requires": {
+            "yocto-queue": "^1.0.0"
+          }
+        },
+        "p-locate": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-6.0.0.tgz",
+          "integrity": "sha512-wPrq66Llhl7/4AGC6I+cqxT07LhXvWL08LNXz1fENOw0Ap4sRZZ/gZpTTJ5jpurzzzfS2W/Ge9BY3LgLjCShcw==",
+          "dev": true,
+          "requires": {
+            "p-limit": "^4.0.0"
+          }
+        },
+        "path-exists": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-5.0.0.tgz",
+          "integrity": "sha512-RjhtfwJOxzcFmNOi6ltcbcu4Iu+FL3zEj83dk4kAS+fVpTxXLO1b38RvJgT/0QwvV/L3aY9TAnyv0EOqW4GoMQ==",
+          "dev": true
+        },
+        "type-fest": {
+          "version": "4.26.1",
+          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.26.1.tgz",
+          "integrity": "sha512-yOGpmOAL7CkKe/91I5O3gPICmJNLJ1G4zFYVAsRHg7M64biSnPtRj0WNQt++bRkjYOqjWXrhnUw1utzmVErAdg==",
+          "dev": true
+        },
+        "yocto-queue": {
+          "version": "1.1.1",
+          "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.1.1.tgz",
+          "integrity": "sha512-b4JR1PFR10y1mKjhHY9LaGo6tmrgjit7hxVIeAmyMw3jegXR4dhYqLaQF5zMXZxY7tLpMyJeLjr1C4rLmkVe8g==",
+          "dev": true
+        }
+      }
+    },
+    "readable-stream": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
+      "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
+      "dev": true,
+      "requires": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      }
+    },
+    "readdir-glob": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/readdir-glob/-/readdir-glob-1.1.3.tgz",
+      "integrity": "sha512-v05I2k7xN8zXvPD9N+z/uhXPaj0sUFCe2rcWZIpBsqxfP7xXFQ0tipAd/wjj1YxWyWtUS5IDJpOG82JKt2EAVA==",
+      "dev": true,
+      "requires": {
+        "minimatch": "^5.1.0"
+      },
+      "dependencies": {
+        "brace-expansion": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+          "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+          "dev": true,
+          "requires": {
+            "balanced-match": "^1.0.0"
+          }
+        },
+        "minimatch": {
+          "version": "5.1.6",
+          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
+          "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
+          "dev": true,
+          "requires": {
+            "brace-expansion": "^2.0.1"
+          }
+        }
+      }
+    },
+    "readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
+      "requires": {
+        "picomatch": "^2.2.1"
+      }
+    },
+    "readline": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/readline/-/readline-1.3.0.tgz",
+      "integrity": "sha512-k2d6ACCkiNYz222Fs/iNze30rRJ1iIicW7JuX/7/cozvih6YCkFZH+J6mAFDVgv0dRBaAyr4jDqC95R2y4IADg=="
+    },
+    "recast": {
+      "version": "0.23.11",
+      "resolved": "https://registry.npmjs.org/recast/-/recast-0.23.11.tgz",
+      "integrity": "sha512-YTUo+Flmw4ZXiWfQKGcwwc11KnoRAYgzAE2E7mXKCjSviTKShtxBsN6YUUBB2gtaBzKzeKunxhUwNHQuRryhWA==",
+      "requires": {
+        "ast-types": "^0.16.1",
+        "esprima": "~4.0.0",
+        "source-map": "~0.6.1",
+        "tiny-invariant": "^1.3.3",
+        "tslib": "^2.0.1"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
+        }
+      }
+    },
+    "rechoir": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/rechoir/-/rechoir-0.8.0.tgz",
+      "integrity": "sha512-/vxpCXddiX8NGfGO/mTafwjq4aFa/71pvamip0++IQk3zG8cbCj0fifNPrjjF1XMXUne91jL9OoxmdykoEtifQ==",
+      "dev": true,
+      "requires": {
+        "resolve": "^1.20.0"
+      }
+    },
+    "recursive-readdir": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/recursive-readdir/-/recursive-readdir-2.2.3.tgz",
+      "integrity": "sha512-8HrF5ZsXk5FAH9dgsx3BlUer73nIhuj+9OrQwEbLTPOBzGkL1lsFCR01am+v+0m2Cmbs1nP12hLDl5FA7EszKA==",
+      "dev": true,
+      "requires": {
+        "minimatch": "^3.0.5"
+      }
+    },
+    "redux": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/redux/-/redux-4.0.4.tgz",
+      "integrity": "sha512-vKv4WdiJxOWKxK0yRoaK3Y4pxxB0ilzVx6dszU2W8wLxlb2yikRph4iV/ymtdJ6ZxpBLFbyrxklnT5yBbQSl3Q==",
+      "requires": {
+        "loose-envify": "^1.4.0",
+        "symbol-observable": "^1.2.0"
+      }
+    },
+    "redux-thunk": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/redux-thunk/-/redux-thunk-2.4.1.tgz",
+      "integrity": "sha512-OOYGNY5Jy2TWvTL1KgAlVy6dcx3siPJ1wTq741EPyUKfn6W6nChdICjZwCd0p8AZBs5kWpZlbkXW2nE/zjUa+Q=="
+    },
+    "reflect.getprototypeof": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz",
+      "integrity": "sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==",
+      "requires": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.9",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.7",
+        "get-proto": "^1.0.1",
+        "which-builtin-type": "^1.2.1"
+      }
+    },
+    "regenerate": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
+      "integrity": "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A=="
+    },
+    "regenerate-unicode-properties": {
+      "version": "10.2.0",
+      "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.2.0.tgz",
+      "integrity": "sha512-DqHn3DwbmmPVzeKj9woBadqmXxLvQoQIwu7nopMc72ztvxVmVk2SBhSnx67zuye5TP+lJsb/TBQsjLKhnDf3MA==",
+      "requires": {
+        "regenerate": "^1.4.2"
+      }
+    },
+    "regenerator-runtime": {
+      "version": "0.13.11",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
+      "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg=="
+    },
+    "regenerator-transform": {
+      "version": "0.15.2",
+      "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.15.2.tgz",
+      "integrity": "sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==",
+      "requires": {
+        "@babel/runtime": "^7.8.4"
+      }
+    },
+    "regexp.prototype.flags": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz",
+      "integrity": "sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==",
+      "requires": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-errors": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "set-function-name": "^2.0.2"
+      }
+    },
+    "regexpu-core": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-6.1.1.tgz",
+      "integrity": "sha512-k67Nb9jvwJcJmVpw0jPttR1/zVfnKf8Km0IPatrU/zJ5XeG3+Slx0xLXs9HByJSzXzrlz5EDvN6yLNMDc2qdnw==",
+      "requires": {
+        "regenerate": "^1.4.2",
+        "regenerate-unicode-properties": "^10.2.0",
+        "regjsgen": "^0.8.0",
+        "regjsparser": "^0.11.0",
+        "unicode-match-property-ecmascript": "^2.0.0",
+        "unicode-match-property-value-ecmascript": "^2.1.0"
+      }
+    },
+    "regjsgen": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.8.0.tgz",
+      "integrity": "sha512-RvwtGe3d7LvWiDQXeQw8p5asZUmfU1G/l6WbUXeHta7Y2PEIvBTwH6E2EfmYUK8pxcxEdEmaomqyp0vZZ7C+3Q=="
+    },
+    "regjsparser": {
+      "version": "0.11.2",
+      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.11.2.tgz",
+      "integrity": "sha512-3OGZZ4HoLJkkAZx/48mTXJNlmqTGOzc0o9OWQPuWpkOlXXPbyN6OafCcoXUnBqE2D3f/T5L+pWc1kdEmnfnRsA==",
+      "requires": {
+        "jsesc": "~3.0.2"
+      }
+    },
+    "require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q=="
+    },
+    "require-from-string": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "dev": true
+    },
+    "require-main-filename": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz",
+      "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==",
+      "dev": true
+    },
+    "requires-port": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
+      "integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=",
+      "dev": true
+    },
+    "resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
+    },
+    "resolve": {
+      "version": "1.22.0",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.0.tgz",
+      "integrity": "sha512-Hhtrw0nLeSrFQ7phPp4OOcVjLPIeMnRlr5mcnVuMe7M/7eBn98A3hmFRLoFo3DLZkivSYwhRUJTyPyWAk56WLw==",
+      "requires": {
+        "is-core-module": "^2.8.1",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      }
+    },
+    "resolve-cwd": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-3.0.0.tgz",
+      "integrity": "sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==",
+      "dev": true,
+      "requires": {
+        "resolve-from": "^5.0.0"
+      },
+      "dependencies": {
+        "resolve-from": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+          "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+          "dev": true
+        }
+      }
+    },
+    "resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g=="
+    },
+    "resolve-pkg-maps": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
+      "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
+      "dev": true
+    },
+    "resq": {
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/resq/-/resq-1.11.0.tgz",
+      "integrity": "sha512-G10EBz+zAAy3zUd/CDoBbXRL6ia9kOo3xRHrMDsHljI0GDkhYlyjwoCx5+3eCC4swi1uCoZQhskuJkj7Gp57Bw==",
+      "dev": true,
+      "requires": {
+        "fast-deep-equal": "^2.0.1"
+      },
+      "dependencies": {
+        "fast-deep-equal": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz",
+          "integrity": "sha512-bCK/2Z4zLidyB4ReuIsvALH6w31YfAQDmXMqMx6FyfHqvBxtjC0eRumeSu4Bs3XtXwpyIywtSTrVT99BxY1f9w==",
+          "dev": true
+        }
+      }
+    },
+    "restore-cursor": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz",
+      "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==",
+      "dev": true,
+      "requires": {
+        "onetime": "^5.1.0",
+        "signal-exit": "^3.0.2"
+      }
+    },
+    "ret": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/ret/-/ret-0.5.0.tgz",
+      "integrity": "sha512-I1XxrZSQ+oErkRR4jYbAyEEu2I0avBvvMM5JN+6EBprOGRCs63ENqZ3vjavq8fBw2+62G5LF5XelKwuJpcvcxw==",
+      "dev": true
+    },
+    "retry": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/retry/-/retry-0.13.1.tgz",
+      "integrity": "sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==",
+      "dev": true
+    },
+    "reusify": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
+      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+      "dev": true
+    },
+    "rgb2hex": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/rgb2hex/-/rgb2hex-0.2.5.tgz",
+      "integrity": "sha512-22MOP1Rh7sAo1BZpDG6R5RFYzR2lYEgwq7HEmyW2qcsOqR2lQKmn+O//xV3YG/0rrhMC6KVX2hU+ZXuaw9a5bw==",
+      "dev": true
+    },
+    "rimraf": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "requires": {
+        "glob": "^7.1.3"
+      },
+      "dependencies": {
+        "glob": {
+          "version": "7.2.3",
+          "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+          "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+          "requires": {
+            "fs.realpath": "^1.0.0",
+            "inflight": "^1.0.4",
+            "inherits": "2",
+            "minimatch": "^3.1.1",
+            "once": "^1.3.0",
+            "path-is-absolute": "^1.0.0"
+          }
+        }
+      }
+    },
+    "rtl-css-js": {
+      "version": "1.16.1",
+      "resolved": "https://registry.npmjs.org/rtl-css-js/-/rtl-css-js-1.16.1.tgz",
+      "integrity": "sha512-lRQgou1mu19e+Ya0LsTvKrVJ5TYUbqCVPAiImX3UfLTenarvPUl1QFdvu5Z3PYmHT9RCcwIfbjRQBntExyj3Zg==",
+      "requires": {
+        "@babel/runtime": "^7.1.2"
+      }
+    },
+    "run-applescript": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/run-applescript/-/run-applescript-7.0.0.tgz",
+      "integrity": "sha512-9by4Ij99JUr/MCFBUkDKLWK3G9HVXmabKz9U5MlIAIuvuzkiOicRYs8XJLxX+xahD+mLiiCYDqF9dKAgtzKP1A==",
+      "dev": true
+    },
+    "run-async": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/run-async/-/run-async-4.0.6.tgz",
+      "integrity": "sha512-IoDlSLTs3Yq593mb3ZoKWKXMNu3UpObxhgA/Xuid5p4bbfi2jdY1Hj0m1K+0/tEuQTxIGMhQDqGjKb7RuxGpAQ==",
+      "dev": true
+    },
+    "run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "requires": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "rxjs": {
+      "version": "7.8.2",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
+      "integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==",
+      "requires": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "safaridriver": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safaridriver/-/safaridriver-1.0.0.tgz",
+      "integrity": "sha512-J92IFbskyo7OYB3Dt4aTdyhag1GlInrfbPCmMteb7aBK7PwlnGz1HI0+oyNN97j7pV9DqUAVoVgkNRMrfY47mQ==",
+      "dev": true
+    },
+    "safe-array-concat": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.3.tgz",
+      "integrity": "sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==",
+      "requires": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "has-symbols": "^1.1.0",
+        "isarray": "^2.0.5"
+      }
+    },
+    "safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
+    },
+    "safe-push-apply": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-push-apply/-/safe-push-apply-1.0.0.tgz",
+      "integrity": "sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==",
+      "requires": {
+        "es-errors": "^1.3.0",
+        "isarray": "^2.0.5"
+      }
+    },
+    "safe-regex-test": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
+      "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
+      "requires": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-regex": "^1.2.1"
+      }
+    },
+    "safe-regex2": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/safe-regex2/-/safe-regex2-5.0.0.tgz",
+      "integrity": "sha512-YwJwe5a51WlK7KbOJREPdjNrpViQBI3p4T50lfwPuDhZnE3XGVTlGvi+aolc5+RvxDD6bnUmjVsU9n1eboLUYw==",
+      "dev": true,
+      "requires": {
+        "ret": "~0.5.0"
+      }
+    },
+    "safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "dev": true
+    },
+    "sass": {
+      "version": "1.26.8",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.26.8.tgz",
+      "integrity": "sha512-yvtzyrKLGiXQu7H12ekXqsfoGT/aTKeMDyVzCB675k1HYuaj0py63i8Uf4SI9CHXj6apDhpfwbUr3gGOjdpu2Q==",
+      "dev": true,
+      "requires": {
+        "chokidar": ">=2.0.0 <4.0.0"
+      }
+    },
+    "scheduler": {
+      "version": "0.23.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
+      "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
+      "requires": {
+        "loose-envify": "^1.1.0"
+      }
+    },
+    "schema-utils": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.2.0.tgz",
+      "integrity": "sha512-L0jRsrPpjdckP3oPug3/VxNKt2trR8TcabrM6FOAAlvC/9Phcmm+cuAgTlxBqdBR1WJx7Naj9WHw+aOmheSVbw==",
+      "dev": true,
+      "requires": {
+        "@types/json-schema": "^7.0.9",
+        "ajv": "^8.9.0",
+        "ajv-formats": "^2.1.1",
+        "ajv-keywords": "^5.1.0"
+      },
+      "dependencies": {
+        "ajv": {
+          "version": "8.12.0",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
+          "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
+          "dev": true,
+          "requires": {
+            "fast-deep-equal": "^3.1.1",
+            "json-schema-traverse": "^1.0.0",
+            "require-from-string": "^2.0.2",
+            "uri-js": "^4.2.2"
+          }
+        },
+        "ajv-keywords": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
+          "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
+          "dev": true,
+          "requires": {
+            "fast-deep-equal": "^3.1.3"
+          }
+        },
+        "json-schema-traverse": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+          "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+          "dev": true
+        }
+      }
+    },
+    "screenfull": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/screenfull/-/screenfull-5.2.0.tgz",
+      "integrity": "sha512-9BakfsO2aUQN2K9Fdbj87RJIEZ82Q9IGim7FqM5OsebfoFC6ZHXgDq/KvniuLTPdeM8wY2o6Dj3WQ7KeQCj3cA=="
+    },
+    "sdp": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/sdp/-/sdp-3.0.3.tgz",
+      "integrity": "sha512-8EkfckS+XZQaPLyChu4ey7PghrdcraCVNpJe2Gfdi2ON1ylQ7OasuKX+b37R9slnRChwIAiQgt+oj8xXGD8x+A=="
+    },
+    "sdp-transform": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/sdp-transform/-/sdp-transform-2.3.0.tgz",
+      "integrity": "sha512-zR0e9ciWFezeaKLLpWCrOCiYmGIQN9jfO5Ayfs7m5k2/g9b2MEEIvQ/TTmymm167zozTNYSQoLGKDihMoTWkkw=="
+    },
+    "seamless-scroll-polyfill": {
+      "version": "2.1.8",
+      "resolved": "https://registry.npmjs.org/seamless-scroll-polyfill/-/seamless-scroll-polyfill-2.1.8.tgz",
+      "integrity": "sha512-cF92Op90//vEpHphRx25rttJGXIgxcTB1WR5y0ODQhN7O4d0lSEOp5+l3sQDx0aAZ2MfXCqFEb/rG/3ghvVDIQ=="
+    },
+    "seedrandom": {
+      "version": "2.4.3",
+      "resolved": "https://registry.npmjs.org/seedrandom/-/seedrandom-2.4.3.tgz",
+      "integrity": "sha1-JDhQTa0zkXMUv/GKxNeU8W1qrsw="
+    },
+    "select-hose": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz",
+      "integrity": "sha1-Yl2GWPhlr0Psliv8N2o3NZpJlMo=",
+      "dev": true
+    },
+    "selfsigned": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/selfsigned/-/selfsigned-2.4.1.tgz",
+      "integrity": "sha512-th5B4L2U+eGLq1TVh7zNRGBapioSORUeymIydxgFpwww9d2qyKvtuPU2jJuHvYAwwqi2Y596QBL3eEqcPEYL8Q==",
+      "requires": {
+        "@types/node-forge": "^1.3.0",
+        "node-forge": "^1"
+      }
+    },
+    "semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "requires": {
+        "lru-cache": "^6.0.0"
+      }
+    },
+    "send": {
+      "version": "0.19.0",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.19.0.tgz",
+      "integrity": "sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==",
+      "requires": {
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "fresh": "0.5.2",
+        "http-errors": "2.0.0",
+        "mime": "1.6.0",
+        "ms": "2.1.3",
+        "on-finished": "2.4.1",
+        "range-parser": "~1.2.1",
+        "statuses": "2.0.1"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "requires": {
+            "ms": "2.0.0"
+          },
+          "dependencies": {
+            "ms": {
+              "version": "2.0.0",
+              "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+              "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+            }
+          }
+        },
+        "depd": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+          "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw=="
+        },
+        "mime": {
+          "version": "1.6.0",
+          "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+          "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg=="
+        },
+        "ms": {
+          "version": "2.1.3",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+          "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+        },
+        "on-finished": {
+          "version": "2.4.1",
+          "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+          "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+          "requires": {
+            "ee-first": "1.1.1"
+          }
+        },
+        "statuses": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+          "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ=="
+        }
+      }
+    },
+    "serialize-error": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/serialize-error/-/serialize-error-2.1.0.tgz",
+      "integrity": "sha512-ghgmKt5o4Tly5yEG/UJp8qTd0AN7Xalw4XBtDEKP655B699qMEtra1WlXeE6WIvdEG481JvRxULKsInq/iNysw=="
+    },
+    "serialize-javascript": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz",
+      "integrity": "sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==",
+      "dev": true,
+      "requires": {
+        "randombytes": "^2.1.0"
+      }
+    },
+    "serve-index": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/serve-index/-/serve-index-1.9.1.tgz",
+      "integrity": "sha1-03aNabHn2C5c4FD/9bRTvqEqkjk=",
+      "dev": true,
+      "requires": {
+        "accepts": "~1.3.4",
+        "batch": "0.6.1",
+        "debug": "2.6.9",
+        "escape-html": "~1.0.3",
+        "http-errors": "~1.6.2",
+        "mime-types": "~2.1.17",
+        "parseurl": "~1.3.2"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "http-errors": {
+          "version": "1.6.3",
+          "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz",
+          "integrity": "sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=",
+          "dev": true,
+          "requires": {
+            "depd": "~1.1.2",
+            "inherits": "2.0.3",
+            "setprototypeof": "1.1.0",
+            "statuses": ">= 1.4.0 < 2"
+          }
+        },
+        "inherits": {
+          "version": "2.0.3",
+          "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+          "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=",
+          "dev": true
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+          "dev": true
+        },
+        "setprototypeof": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz",
+          "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==",
+          "dev": true
+        }
+      }
+    },
+    "serve-static": {
+      "version": "1.16.2",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.2.tgz",
+      "integrity": "sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==",
+      "requires": {
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "parseurl": "~1.3.3",
+        "send": "0.19.0"
+      },
+      "dependencies": {
+        "encodeurl": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+          "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg=="
+        }
+      }
+    },
+    "set-blocking": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+      "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==",
+      "dev": true
+    },
+    "set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "requires": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
+      }
+    },
+    "set-function-name": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
+      "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
+      "requires": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.2"
+      }
+    },
+    "set-harmonic-interval": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/set-harmonic-interval/-/set-harmonic-interval-1.0.1.tgz",
+      "integrity": "sha512-AhICkFV84tBP1aWqPwLZqFvAwqEoVA9kxNMniGEUvzOlm4vLmOFLiTT3UZ6bziJTy4bOVpzWGTfSCbmaayGx8g=="
+    },
+    "set-proto": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/set-proto/-/set-proto-1.0.0.tgz",
+      "integrity": "sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==",
+      "requires": {
+        "dunder-proto": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0"
+      }
+    },
+    "setimmediate": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
+      "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==",
+      "dev": true
+    },
+    "setprototypeof": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="
+    },
+    "shallow-clone": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/shallow-clone/-/shallow-clone-3.0.1.tgz",
+      "integrity": "sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==",
+      "requires": {
+        "kind-of": "^6.0.2"
+      }
+    },
+    "shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "requires": {
+        "shebang-regex": "^3.0.0"
+      }
+    },
+    "shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A=="
+    },
+    "shell-quote": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.1.tgz",
+      "integrity": "sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA=="
+    },
+    "side-channel": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
+      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
+      "requires": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3",
+        "side-channel-list": "^1.0.0",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      }
+    },
+    "side-channel-list": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
+      "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
+      "requires": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3"
+      }
+    },
+    "side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "requires": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      }
+    },
+    "side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "requires": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
+      }
+    },
+    "signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ=="
+    },
+    "simple-swizzle": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
+      "integrity": "sha1-pNprY1/8zMoz9w0Xy5JZLeleVXo=",
+      "requires": {
+        "is-arrayish": "^0.3.1"
+      },
+      "dependencies": {
+        "is-arrayish": {
+          "version": "0.3.2",
+          "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
+          "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ=="
+        }
+      }
+    },
+    "sirv": {
+      "version": "1.0.19",
+      "resolved": "https://registry.npmjs.org/sirv/-/sirv-1.0.19.tgz",
+      "integrity": "sha512-JuLThK3TnZG1TAKDwNIqNq6QA2afLOCcm+iE8D1Kj3GA40pSPsxQjjJl0J8X3tsR7T+CP1GavpzLwYkgVLWrZQ==",
+      "dev": true,
+      "requires": {
+        "@polka/url": "^1.0.0-next.20",
+        "mrmime": "^1.0.0",
+        "totalist": "^1.0.0"
+      }
+    },
+    "sister": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/sister/-/sister-3.0.2.tgz",
+      "integrity": "sha512-p19rtTs+NksBRKW9qn0UhZ8/TUI9BPw9lmtHny+Y3TinWlOa9jWh9xB0AtPSdmOy49NJJJSSe0Ey4C7h0TrcYA=="
+    },
+    "sisteransi": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz",
+      "integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==",
+      "dev": true
+    },
+    "slash": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-2.0.0.tgz",
+      "integrity": "sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==",
+      "dev": true
+    },
+    "slashes": {
+      "version": "3.0.12",
+      "resolved": "https://registry.npmjs.org/slashes/-/slashes-3.0.12.tgz",
+      "integrity": "sha512-Q9VME8WyGkc7pJf6QEkj3wE+2CnvZMI+XJhwdTPR8Z/kWQRXi7boAWLDibRPyHRTUTPx5FaU7MsyrjI3yLB4HA==",
+      "dev": true
+    },
+    "slice-ansi": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-2.1.0.tgz",
+      "integrity": "sha512-Qu+VC3EwYLldKa1fCxuuvULvSJOKEgk9pi8dZeCVK7TqBfUNTH4sFkk4joj8afVSfAYgJoSOetjx9QWOJ5mYoQ==",
+      "dev": true,
+      "requires": {
+        "ansi-styles": "^3.2.0",
+        "astral-regex": "^1.0.0",
+        "is-fullwidth-code-point": "^2.0.0"
+      }
+    },
+    "smart-buffer": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz",
+      "integrity": "sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==",
+      "dev": true
+    },
+    "snake-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/snake-case/-/snake-case-3.0.4.tgz",
+      "integrity": "sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg==",
+      "requires": {
+        "dot-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
+    "sockjs": {
+      "version": "0.3.24",
+      "resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.24.tgz",
+      "integrity": "sha512-GJgLTZ7vYb/JtPSSZ10hsOYIvEYsjbNU+zPdIHcUaWVNUEPivzxku31865sSSud0Da0W4lEeOPlmw93zLQchuQ==",
+      "dev": true,
+      "requires": {
+        "faye-websocket": "^0.11.3",
+        "uuid": "^8.3.2",
+        "websocket-driver": "^0.7.4"
+      }
+    },
+    "socks": {
+      "version": "2.8.7",
+      "resolved": "https://registry.npmjs.org/socks/-/socks-2.8.7.tgz",
+      "integrity": "sha512-HLpt+uLy/pxB+bum/9DzAgiKS8CX1EvbWxI4zlmgGCExImLdiad2iCwXT5Z4c9c3Eq8rP2318mPW2c+QbtjK8A==",
+      "dev": true,
+      "requires": {
+        "ip-address": "^10.0.1",
+        "smart-buffer": "^4.2.0"
+      }
+    },
+    "socks-proxy-agent": {
+      "version": "8.0.5",
+      "resolved": "https://registry.npmjs.org/socks-proxy-agent/-/socks-proxy-agent-8.0.5.tgz",
+      "integrity": "sha512-HehCEsotFqbPW9sJ8WVYB6UbmIMv7kUUORIF2Nncq4VQvBfNBLibW9YZR5dlYCSUhwcD628pRllm7n+E+YTzJw==",
+      "dev": true,
+      "requires": {
+        "agent-base": "^7.1.2",
+        "debug": "^4.3.4",
+        "socks": "^2.8.3"
+      }
+    },
+    "source-map": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+      "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w="
+    },
+    "source-map-js": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw=="
+    },
+    "source-map-support": {
+      "version": "0.5.21",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
+      "requires": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
+        }
+      }
+    },
+    "sourcemap-codec": {
+      "version": "1.4.8",
+      "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
+      "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA=="
+    },
+    "spacetrim": {
+      "version": "0.11.59",
+      "resolved": "https://registry.npmjs.org/spacetrim/-/spacetrim-0.11.59.tgz",
+      "integrity": "sha512-lLYsktklSRKprreOm7NXReW8YiX2VBjbgmXYEziOoGf/qsJqAEACaDvoTtUOycwjpaSh+bT8eu0KrJn7UNxiCg==",
+      "dev": true
+    },
+    "spdx-correct": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz",
+      "integrity": "sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==",
+      "dev": true,
+      "requires": {
+        "spdx-expression-parse": "^3.0.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "spdx-exceptions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz",
+      "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==",
+      "dev": true
+    },
+    "spdx-expression-parse": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
+      "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
+      "dev": true,
+      "requires": {
+        "spdx-exceptions": "^2.1.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "spdx-license-ids": {
+      "version": "3.0.11",
+      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.11.tgz",
+      "integrity": "sha512-Ctl2BrFiM0X3MANYgj3CkygxhRmr9mi6xhejbdO960nF6EDJApTYpn0BQnDKlnNBULKiCN1n3w9EBkHK8ZWg+g==",
+      "dev": true
+    },
+    "spdy": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/spdy/-/spdy-4.0.2.tgz",
+      "integrity": "sha512-r46gZQZQV+Kl9oItvl1JZZqJKGr+oEkB08A6BzkiR7593/7IbtuncXHd2YoYeTsG4157ZssMu9KYvUHLcjcDoA==",
+      "dev": true,
+      "requires": {
+        "debug": "^4.1.0",
+        "handle-thing": "^2.0.0",
+        "http-deceiver": "^1.2.7",
+        "select-hose": "^2.0.0",
+        "spdy-transport": "^3.0.0"
+      }
+    },
+    "spdy-transport": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/spdy-transport/-/spdy-transport-3.0.0.tgz",
+      "integrity": "sha512-hsLVFE5SjA6TCisWeJXFKniGGOpBgMLmerfO2aCyCU5s7nJ/rpAepqmFifv/GCbSbueEeAJJnmSQ2rKC/g8Fcw==",
+      "dev": true,
+      "requires": {
+        "debug": "^4.1.0",
+        "detect-node": "^2.0.4",
+        "hpack.js": "^2.1.6",
+        "obuf": "^1.1.2",
+        "readable-stream": "^3.0.6",
+        "wbuf": "^1.7.3"
+      }
+    },
+    "split-on-first": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/split-on-first/-/split-on-first-1.1.0.tgz",
+      "integrity": "sha512-43ZssAJaMusuKWL8sKUBQXHWOpq8d6CfN/u1p4gUzfJkM05C8rxTmYrkIPTXapZpORA6LkkzcUulJ8FqA7Uudw=="
+    },
+    "split2": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/split2/-/split2-4.2.0.tgz",
+      "integrity": "sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==",
+      "dev": true
+    },
+    "sprintf-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
+      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g=="
+    },
+    "stable": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/stable/-/stable-0.1.8.tgz",
+      "integrity": "sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w=="
+    },
+    "stack-generator": {
+      "version": "2.0.10",
+      "resolved": "https://registry.npmjs.org/stack-generator/-/stack-generator-2.0.10.tgz",
+      "integrity": "sha512-mwnua/hkqM6pF4k8SnmZ2zfETsRUpWXREfA/goT8SLCV4iOFa4bzOX2nDipWAZFPTjLvQB82f5yaodMVhK0yJQ==",
+      "requires": {
+        "stackframe": "^1.3.4"
+      }
+    },
+    "stack-utils": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.6.tgz",
+      "integrity": "sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==",
+      "requires": {
+        "escape-string-regexp": "^2.0.0"
+      },
+      "dependencies": {
+        "escape-string-regexp": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz",
+          "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w=="
+        }
+      }
+    },
+    "stackframe": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/stackframe/-/stackframe-1.3.4.tgz",
+      "integrity": "sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw=="
+    },
+    "stacktrace-gps": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/stacktrace-gps/-/stacktrace-gps-3.1.2.tgz",
+      "integrity": "sha512-GcUgbO4Jsqqg6RxfyTHFiPxdPqF+3LFmQhm7MgCuYQOYuWyqxo5pwRPz5d/u6/WYJdEnWfK4r+jGbyD8TSggXQ==",
+      "requires": {
+        "source-map": "0.5.6",
+        "stackframe": "^1.3.4"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.5.6",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.6.tgz",
+          "integrity": "sha512-MjZkVp0NHr5+TPihLcadqnlVoGIoWo4IBHptutGh9wI3ttUYvCG26HkSuDi+K6lsZ25syXJXcctwgyVCt//xqA=="
+        }
+      }
+    },
+    "stacktrace-js": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/stacktrace-js/-/stacktrace-js-2.0.2.tgz",
+      "integrity": "sha512-Je5vBeY4S1r/RnLydLl0TBTi3F2qdfWmYsGvtfZgEI+SCprPppaIhQf5nGcal4gI4cGpCV/duLcAzT1np6sQqg==",
+      "requires": {
+        "error-stack-parser": "^2.0.6",
+        "stack-generator": "^2.0.5",
+        "stacktrace-gps": "^3.0.4"
+      }
+    },
+    "stacktrace-parser": {
+      "version": "0.1.10",
+      "resolved": "https://registry.npmjs.org/stacktrace-parser/-/stacktrace-parser-0.1.10.tgz",
+      "integrity": "sha512-KJP1OCML99+8fhOHxwwzyWrlUuVX5GQ0ZpJTd1DFXhdkrvg1szxfHhawXUZ3g9TkXORQd4/WG68jMlQZ2p8wlg==",
+      "requires": {
+        "type-fest": "^0.7.1"
+      }
+    },
+    "statuses": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+      "integrity": "sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow="
+    },
+    "stream-buffers": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/stream-buffers/-/stream-buffers-3.0.3.tgz",
+      "integrity": "sha512-pqMqwQCso0PBJt2PQmDO0cFj0lyqmiwOMiMSkVtRokl7e+ZTRYgDHKnuZNbqjiJXgsg4nuqtD/zxuo9KqTp0Yw==",
+      "dev": true
+    },
+    "streamx": {
+      "version": "2.23.0",
+      "resolved": "https://registry.npmjs.org/streamx/-/streamx-2.23.0.tgz",
+      "integrity": "sha512-kn+e44esVfn2Fa/O0CPFcex27fjIL6MkVae0Mm6q+E6f0hWv578YCERbv+4m02cjxvDsPKLnmxral/rR6lBMAg==",
+      "dev": true,
+      "requires": {
+        "events-universal": "^1.0.0",
+        "fast-fifo": "^1.3.2",
+        "text-decoder": "^1.1.0"
+      }
+    },
+    "strict-uri-encode": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-2.0.0.tgz",
+      "integrity": "sha512-QwiXZgpRcKkhTj2Scnn++4PKtWsH0kpzZ62L2R6c/LUVYv7hVnZqcg2+sMuT6R7Jusu1vviK/MFsu6kNJfWlEQ=="
+    },
+    "string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "~5.2.0"
+      },
+      "dependencies": {
+        "safe-buffer": {
+          "version": "5.2.1",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+          "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+          "dev": true
+        }
+      }
+    },
+    "string-hash-64": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/string-hash-64/-/string-hash-64-1.0.3.tgz",
+      "integrity": "sha512-D5OKWKvDhyVWWn2x5Y9b+37NUllks34q1dCDhk/vYcso9fmhs+Tl3KR/gE4v5UNj2UA35cnX4KdVVGkG1deKqw=="
+    },
+    "string-replace-to-array": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/string-replace-to-array/-/string-replace-to-array-1.0.3.tgz",
+      "integrity": "sha1-yT66mZpe4k1zGuu69auja18Y978=",
+      "requires": {
+        "invariant": "^2.2.1",
+        "lodash.flatten": "^4.2.0",
+        "lodash.isstring": "^4.0.1"
+      }
+    },
+    "string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "requires": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "dependencies": {
+        "is-fullwidth-code-point": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+          "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="
+        }
+      }
+    },
+    "string-width-cjs": {
+      "version": "npm:string-width@4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "requires": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "dependencies": {
+        "is-fullwidth-code-point": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+          "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="
+        }
+      }
+    },
+    "string.prototype.matchall": {
+      "version": "4.0.12",
+      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.12.tgz",
+      "integrity": "sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.6",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.6",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "internal-slot": "^1.1.0",
+        "regexp.prototype.flags": "^1.5.3",
+        "set-function-name": "^2.0.2",
+        "side-channel": "^1.1.0"
+      }
+    },
+    "string.prototype.repeat": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/string.prototype.repeat/-/string.prototype.repeat-1.0.0.tgz",
+      "integrity": "sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==",
+      "dev": true,
+      "requires": {
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.5"
+      }
+    },
+    "string.prototype.trim": {
+      "version": "1.2.10",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.10.tgz",
+      "integrity": "sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==",
+      "requires": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "define-data-property": "^1.1.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-object-atoms": "^1.0.0",
+        "has-property-descriptors": "^1.0.2"
+      }
+    },
+    "string.prototype.trimend": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.9.tgz",
+      "integrity": "sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==",
+      "requires": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      }
+    },
+    "string.prototype.trimstart": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz",
+      "integrity": "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==",
+      "requires": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      }
+    },
+    "strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "requires": {
+        "ansi-regex": "^5.0.1"
+      }
+    },
+    "strip-ansi-cjs": {
+      "version": "npm:strip-ansi@6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "requires": {
+        "ansi-regex": "^5.0.1"
+      }
+    },
+    "strip-bom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+      "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
+      "dev": true
+    },
+    "strip-final-newline": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
+      "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
+      "dev": true
+    },
+    "strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true
+    },
+    "strnum": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/strnum/-/strnum-1.0.5.tgz",
+      "integrity": "sha512-J8bbNyKKXl5qYcR36TIO8W3mVGVHrmmxsd5PAItGkmyzwJvybiw2IVq5nqd0i4LSNSkB/sx9VHllbfFdr9k1JA==",
+      "dev": true
+    },
+    "strophe.js": {
+      "version": "https://github.com/jitsi/strophejs/releases/download/v1.5-jitsi-3/strophe.js-1.5.0.tgz",
+      "integrity": "sha512-LNtsu2qioXofCESHqEmLF12DuIK7itMMjxe9aSeQOENz8rCXBY/khV8OKO2xaWBy0QxpQs7nyb7RHefVu9ZlfA=="
+    },
+    "style-loader": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-3.3.1.tgz",
+      "integrity": "sha512-GPcQ+LDJbrcxHORTRes6Jy2sfvK2kS6hpSfI/fXhPt+spVzxF6LJ1dHLN9zIGmVaaP044YKaIatFaufENRiDoQ==",
+      "dev": true
+    },
+    "stylis": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz",
+      "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw=="
+    },
+    "sudo-prompt": {
+      "version": "9.2.1",
+      "resolved": "https://registry.npmjs.org/sudo-prompt/-/sudo-prompt-9.2.1.tgz",
+      "integrity": "sha512-Mu7R0g4ig9TUuGSxJavny5Rv0egCEtpZRNMrZaYS1vxkiIxGiGUwoezU3LazIQ+KE04hTrTfNPgxU5gzi7F5Pw==",
+      "dev": true
+    },
+    "supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dev": true,
+      "requires": {
+        "has-flag": "^3.0.0"
+      }
+    },
+    "supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w=="
+    },
+    "svg-parser": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/svg-parser/-/svg-parser-2.0.4.tgz",
+      "integrity": "sha512-e4hG1hRwoOdRb37cIMSgzNsxyzKfayW6VOflrwvR+/bzrkyxY/31WkbgnQpgtrNp1SdpJvpUAGTa/ZoiPNDuRQ=="
+    },
+    "svgo": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/svgo/-/svgo-2.8.0.tgz",
+      "integrity": "sha512-+N/Q9kV1+F+UeWYoSiULYo4xYSDQlTgb+ayMobAXPwMnLvop7oxKMo9OzIrX5x3eS4L4f2UHhc9axXwY8DpChg==",
+      "requires": {
+        "@trysound/sax": "0.2.0",
+        "commander": "^7.2.0",
+        "css-select": "^4.1.3",
+        "css-tree": "^1.1.3",
+        "csso": "^4.2.0",
+        "picocolors": "^1.0.0",
+        "stable": "^0.1.8"
+      },
+      "dependencies": {
+        "commander": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
+          "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw=="
+        }
+      }
+    },
+    "symbol-observable": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.2.0.tgz",
+      "integrity": "sha512-e900nM8RRtGhlV36KGEU9k65K3mPb1WV70OdjfxlG2EAuM1noi/E/BaW/uMhL7bPEssK8QV57vN3esixjUvcXQ=="
+    },
+    "synckit": {
+      "version": "0.9.2",
+      "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.9.2.tgz",
+      "integrity": "sha512-vrozgXDQwYO72vHjUb/HnFbQx1exDjoKzqx23aXEg2a9VIg2TSFZ8FmeZpTjUCFMYw7mpX4BE2SFu8wI7asYsw==",
+      "dev": true,
+      "requires": {
+        "@pkgr/core": "^0.1.0",
+        "tslib": "^2.6.2"
+      }
+    },
+    "tapable": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
+      "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
+      "dev": true
+    },
+    "tar-fs": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-3.1.1.tgz",
+      "integrity": "sha512-LZA0oaPOc2fVo82Txf3gw+AkEd38szODlptMYejQUhndHMLQ9M059uXR+AfS7DNo0NpINvSqDsvyaCrBVkptWg==",
+      "dev": true,
+      "requires": {
+        "bare-fs": "^4.0.1",
+        "bare-path": "^3.0.0",
+        "pump": "^3.0.0",
+        "tar-stream": "^3.1.5"
+      }
+    },
+    "tar-stream": {
+      "version": "3.1.7",
+      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-3.1.7.tgz",
+      "integrity": "sha512-qJj60CXt7IU1Ffyc3NJMjh6EkuCFej46zUqJ4J7pqYlThyd9bO0XBTmcOIhSzZJVWfsLks0+nle/j538YAW9RQ==",
+      "dev": true,
+      "requires": {
+        "b4a": "^1.6.4",
+        "fast-fifo": "^1.2.0",
+        "streamx": "^2.15.0"
+      }
+    },
+    "terser": {
+      "version": "5.34.1",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.34.1.tgz",
+      "integrity": "sha512-FsJZ7iZLd/BXkz+4xrRTGJ26o/6VTjQytUk8b8OxkwcD2I+79VPJlz7qss1+zE7h8GNIScFqXcDyJ/KqBYZFVA==",
+      "requires": {
+        "@jridgewell/source-map": "^0.3.3",
+        "acorn": "^8.8.2",
+        "commander": "^2.20.0",
+        "source-map-support": "~0.5.20"
+      }
+    },
+    "terser-webpack-plugin": {
+      "version": "5.3.10",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.10.tgz",
+      "integrity": "sha512-BKFPWlPDndPs+NGGCr1U59t0XScL5317Y0UReNrHaw9/FwhPENlq6bfgs+4yPfyP51vqC1bQ4rp1EfXW5ZSH9w==",
+      "dev": true,
+      "requires": {
+        "@jridgewell/trace-mapping": "^0.3.20",
+        "jest-worker": "^27.4.5",
+        "schema-utils": "^3.1.1",
+        "serialize-javascript": "^6.0.1",
+        "terser": "^5.26.0"
+      },
+      "dependencies": {
+        "schema-utils": {
+          "version": "3.3.0",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz",
+          "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==",
+          "dev": true,
+          "requires": {
+            "@types/json-schema": "^7.0.8",
+            "ajv": "^6.12.5",
+            "ajv-keywords": "^3.5.2"
+          }
+        }
+      }
+    },
+    "test-exclude": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz",
+      "integrity": "sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==",
+      "requires": {
+        "@istanbuljs/schema": "^0.1.2",
+        "glob": "^7.1.4",
+        "minimatch": "^3.0.4"
+      },
+      "dependencies": {
+        "glob": {
+          "version": "7.2.3",
+          "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+          "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+          "requires": {
+            "fs.realpath": "^1.0.0",
+            "inflight": "^1.0.4",
+            "inherits": "2",
+            "minimatch": "^3.1.1",
+            "once": "^1.3.0",
+            "path-is-absolute": "^1.0.0"
+          }
+        }
+      }
+    },
+    "text-decoder": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/text-decoder/-/text-decoder-1.2.3.tgz",
+      "integrity": "sha512-3/o9z3X0X0fTupwsYvR03pJ/DjWuqqrfwBgTQzdWDiQSm9KitAyz/9WqsT2JQW7KV2m+bC2ol/zqpW37NHxLaA==",
+      "dev": true,
+      "requires": {
+        "b4a": "^1.6.4"
+      }
+    },
+    "text-encoding": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/text-encoding/-/text-encoding-0.7.0.tgz",
+      "integrity": "sha512-oJQ3f1hrOnbRLOcwKz0Liq2IcrvDeZRHXhd9RgLrsT+DjWY/nty1Hi7v3dtkaEYbPYe0mUoOfzRrMwfXXwgPUA=="
+    },
+    "text-table": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+      "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=",
+      "dev": true
+    },
+    "thingies": {
+      "version": "1.21.0",
+      "resolved": "https://registry.npmjs.org/thingies/-/thingies-1.21.0.tgz",
+      "integrity": "sha512-hsqsJsFMsV+aD4s3CWKk85ep/3I9XzYV/IXaSouJMYIoDlgyi11cBhsqYe9/geRfB0YIikBQg6raRaM+nIMP9g==",
+      "dev": true
+    },
+    "throat": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/throat/-/throat-5.0.0.tgz",
+      "integrity": "sha512-fcwX4mndzpLQKBS1DVYhGAcYaYt7vsHNIvQV+WXMvnow5cgjPphq5CaayLaGsjRdSCKZFNGt7/GYAuXaNOiYCA=="
+    },
+    "throttle-debounce": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-3.0.1.tgz",
+      "integrity": "sha512-dTEWWNu6JmeVXY0ZYoPuH5cRIwc0MeGbJwah9KUNYSJwommQpCzTySTpEe8Gs1J23aeWEuAobe4Ag7EHVt/LOg=="
+    },
+    "thunky": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz",
+      "integrity": "sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==",
+      "dev": true
+    },
+    "tiny-invariant": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz",
+      "integrity": "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg=="
+    },
+    "tinyrainbow": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-1.2.0.tgz",
+      "integrity": "sha512-weEDEq7Z5eTHPDh4xjX789+fHfF+P8boiFB+0vbWzpbnbsEr/GRaohi/uMKxg8RZMXnl1ItAi/IUHWMsjDV7kQ==",
+      "dev": true
+    },
+    "tlds": {
+      "version": "1.230.0",
+      "resolved": "https://registry.npmjs.org/tlds/-/tlds-1.230.0.tgz",
+      "integrity": "sha512-QFuY6JBWZt2bZXlapjqsojul5dv9xfo7Uc8wTUlctJOuF+BS/ICni2f4x7MFiT7muUVmcKC1LvGnU4GWhYO0PQ=="
+    },
+    "tmp": {
+      "version": "0.0.33",
+      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
+      "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
+      "dev": true,
+      "requires": {
+        "os-tmpdir": "~1.0.2"
+      }
+    },
+    "tmpl": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz",
+      "integrity": "sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw=="
+    },
+    "to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "requires": {
+        "is-number": "^7.0.0"
+      }
+    },
+    "toggle-selection": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/toggle-selection/-/toggle-selection-1.0.6.tgz",
+      "integrity": "sha512-BiZS+C1OS8g/q2RRbJmy59xpyghNBqrr6k5L/uKBGRsTfxmu3ffiRnd8mlGPUVayg8pvfi5urfnu8TU7DVOkLQ=="
+    },
+    "toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA=="
+    },
+    "totalist": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/totalist/-/totalist-1.1.0.tgz",
+      "integrity": "sha512-gduQwd1rOdDMGxFG1gEvhV88Oirdo2p+KjoYFU7k2g+i7n6AFFbDQ5kMPUsW0pNbfQsB/cwXvT1i4Bue0s9g5g==",
+      "dev": true
+    },
+    "tr46": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+      "integrity": "sha1-gYT9NH2snNwYWZLzpmIuFLnZq2o="
+    },
+    "traverse": {
+      "version": "0.6.6",
+      "resolved": "https://registry.npmjs.org/traverse/-/traverse-0.6.6.tgz",
+      "integrity": "sha1-y99WD9e5r2MlAv7UD5GMFX6pcTc=",
+      "dev": true
+    },
+    "tree-dump": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/tree-dump/-/tree-dump-1.0.2.tgz",
+      "integrity": "sha512-dpev9ABuLWdEubk+cIaI9cHwRNNDjkBBLXTwI4UCUFdQ5xXKqNXoK4FEciw/vxf+NQ7Cb7sGUyeUtORvHIdRXQ==",
+      "dev": true
+    },
+    "ts-api-utils": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.0.0.tgz",
+      "integrity": "sha512-xCt/TOAc+EOHS1XPnijD3/yzpH6qg2xppZO1YDqGoVsNXfQfzHpOdNuXwrwOU8u4ITXJyDCTyt8w5g1sZv9ynQ==",
+      "dev": true
+    },
+    "ts-easing": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/ts-easing/-/ts-easing-0.2.0.tgz",
+      "integrity": "sha512-Z86EW+fFFh/IFB1fqQ3/+7Zpf9t2ebOAxNI/V6Wo7r5gqiqtxmgTlQ1qbqQcjLKYeSHPTsEmvlJUDg/EuL0uHQ=="
+    },
+    "ts-ebml": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/ts-ebml/-/ts-ebml-3.0.1.tgz",
+      "integrity": "sha512-gPpBXaePtnBR/MYRUyyJybD6vikWf9cY57MSWx+1lTmItSl/ESQj1GouBEuTs6f9OZfM+y8ORrY6QyBWWH8CUg==",
+      "requires": {
+        "bigint-buffer": "^1.1.5",
+        "commander": "^12.0.0",
+        "ebml": "^3.0.0",
+        "ebml-block": "^1.1.2",
+        "events": "^3.3.0",
+        "int64-buffer": "^1.0.1",
+        "matroska": "^2.2.5",
+        "matroska-schema": "^2.1.0"
+      },
+      "dependencies": {
+        "commander": {
+          "version": "12.1.0",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-12.1.0.tgz",
+          "integrity": "sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA=="
+        }
+      }
+    },
+    "ts-loader": {
+      "version": "9.4.2",
+      "resolved": "https://registry.npmjs.org/ts-loader/-/ts-loader-9.4.2.tgz",
+      "integrity": "sha512-OmlC4WVmFv5I0PpaxYb+qGeGOdm5giHU7HwDDUjw59emP2UYMHy9fFSDcYgSNoH8sXcj4hGCSEhlDZ9ULeDraA==",
+      "dev": true,
+      "requires": {
+        "chalk": "^4.1.0",
+        "enhanced-resolve": "^5.0.0",
+        "micromatch": "^4.0.0",
+        "semver": "^7.3.4"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
+    "tsconfig-paths": {
+      "version": "3.15.0",
+      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
+      "integrity": "sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==",
+      "dev": true,
+      "requires": {
+        "@types/json5": "^0.0.29",
+        "json5": "^1.0.2",
+        "minimist": "^1.2.6",
+        "strip-bom": "^3.0.0"
+      },
+      "dependencies": {
+        "json5": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+          "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+          "dev": true,
+          "requires": {
+            "minimist": "^1.2.0"
+          }
+        }
+      }
+    },
+    "tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="
+    },
+    "tss-react": {
+      "version": "4.9.4",
+      "resolved": "https://registry.npmjs.org/tss-react/-/tss-react-4.9.4.tgz",
+      "integrity": "sha512-4o+XFdaTcraNEIsCRxKiEX7g6xhcsdSxfHRjos3Kg9GbYIpzfK4M2MHMETTuXT54nUrldtnkipNC003v/q5KVg==",
+      "requires": {
+        "@emotion/cache": "*",
+        "@emotion/serialize": "*",
+        "@emotion/utils": "*"
+      }
+    },
+    "tsutils": {
+      "version": "3.21.0",
+      "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz",
+      "integrity": "sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==",
+      "dev": true,
+      "requires": {
+        "tslib": "^1.8.1"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "1.14.1",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+          "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+          "dev": true
+        }
+      }
+    },
+    "tsx": {
+      "version": "4.19.3",
+      "resolved": "https://registry.npmjs.org/tsx/-/tsx-4.19.3.tgz",
+      "integrity": "sha512-4H8vUNGNjQ4V2EOoGw005+c+dGuPSnhpPBPHBtsZdGZBk/iJb4kguGlPWaZTZ3q5nMtFOEsY0nRDlh9PJyd6SQ==",
+      "dev": true,
+      "requires": {
+        "esbuild": "~0.25.0",
+        "fsevents": "~2.3.3",
+        "get-tsconfig": "^4.7.5"
+      }
+    },
+    "type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "requires": {
+        "prelude-ls": "^1.2.1"
+      }
+    },
+    "type-detect": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz",
+      "integrity": "sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g=="
+    },
+    "type-fest": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.7.1.tgz",
+      "integrity": "sha512-Ne2YiiGN8bmrmJJEuTWTLJR32nh/JdL1+PSicowtNb0WFpn59GK8/lfD61bVtzguz7b3PBt74nxpv/Pw5po5Rg=="
+    },
+    "type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+      "dev": true,
+      "requires": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      }
+    },
+    "typed-array-buffer": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz",
+      "integrity": "sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==",
+      "requires": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-typed-array": "^1.1.14"
+      }
+    },
+    "typed-array-byte-length": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz",
+      "integrity": "sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==",
+      "requires": {
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.14"
+      }
+    },
+    "typed-array-byte-offset": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz",
+      "integrity": "sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==",
+      "requires": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.15",
+        "reflect.getprototypeof": "^1.0.9"
+      }
+    },
+    "typed-array-length": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.7.tgz",
+      "integrity": "sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==",
+      "requires": {
+        "call-bind": "^1.0.7",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "is-typed-array": "^1.1.13",
+        "possible-typed-array-names": "^1.0.0",
+        "reflect.getprototypeof": "^1.0.6"
+      }
+    },
+    "typescript": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.7.2.tgz",
+      "integrity": "sha512-i5t66RHxDvVN40HfDd1PsEThGNnlMCMT3jMUuoh9/0TaqWevNontacunWyN02LA9/fIbEWlcHZcgTKb9QoaLfg==",
+      "dev": true
+    },
+    "ua-parser-js": {
+      "version": "1.0.35",
+      "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-1.0.35.tgz",
+      "integrity": "sha512-fKnGuqmTBnIE+/KXSzCn4db8RTigUzw1AN0DmdU6hJovUTbYJKyqj+8Mt1c4VfRDnOVJnENmfYkIPZ946UrSAA=="
+    },
+    "uc.micro": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz",
+      "integrity": "sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA=="
+    },
+    "unbox-primitive": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.1.0.tgz",
+      "integrity": "sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==",
+      "requires": {
+        "call-bound": "^1.0.3",
+        "has-bigints": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "which-boxed-primitive": "^1.1.1"
+      }
+    },
+    "undici": {
+      "version": "6.22.0",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-6.22.0.tgz",
+      "integrity": "sha512-hU/10obOIu62MGYjdskASR3CUAiYaFTtC9Pa6vHyf//mAipSvSQg6od2CnJswq7fvzNS3zJhxoRkgNVaHurWKw==",
+      "dev": true
+    },
+    "undici-types": {
+      "version": "6.19.8",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.19.8.tgz",
+      "integrity": "sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw=="
+    },
+    "unicode-canonical-property-names-ecmascript": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.1.tgz",
+      "integrity": "sha512-dA8WbNeb2a6oQzAQ55YlT5vQAWGV9WXOsi3SskE3bcCdM0P4SDd+24zS/OCacdRq5BkdsRj9q3Pg6YyQoxIGqg=="
+    },
+    "unicode-match-property-ecmascript": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz",
+      "integrity": "sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==",
+      "requires": {
+        "unicode-canonical-property-names-ecmascript": "^2.0.0",
+        "unicode-property-aliases-ecmascript": "^2.0.0"
+      }
+    },
+    "unicode-match-property-value-ecmascript": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.2.0.tgz",
+      "integrity": "sha512-4IehN3V/+kkr5YeSSDDQG8QLqO26XpL2XP3GQtqwlT/QYSECAwFztxVHjlbh0+gjJ3XmNLS0zDsbgs9jWKExLg=="
+    },
+    "unicode-property-aliases-ecmascript": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz",
+      "integrity": "sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w=="
+    },
+    "unicorn-magic": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/unicorn-magic/-/unicorn-magic-0.3.0.tgz",
+      "integrity": "sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==",
+      "dev": true
+    },
+    "universalify": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
+      "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
+      "dev": true
+    },
+    "unorm": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/unorm/-/unorm-1.6.0.tgz",
+      "integrity": "sha512-b2/KCUlYZUeA7JFUuRJZPUtr4gZvBh7tavtv4fvk4+KV9pfGiR6CQAQAWl49ZpR3ts2dk4FYkP7EIgDJoiOLDA==",
+      "dev": true
+    },
+    "unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw="
+    },
+    "update-browserslist-db": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz",
+      "integrity": "sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==",
+      "requires": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      }
+    },
+    "uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "requires": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "urlpattern-polyfill": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/urlpattern-polyfill/-/urlpattern-polyfill-10.1.0.tgz",
+      "integrity": "sha512-IGjKp/o0NL3Bso1PymYURCJxMPNAf/ILOpendP9f5B6e1rTJgdgiOvgfoT8VxCAdY+Wisb9uhGaJJf3yZ2V9nw==",
+      "dev": true
+    },
+    "use-callback-ref": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.0.tgz",
+      "integrity": "sha512-3FT9PRuRdbB9HfXhEq35u4oZkvpJ5kuYbpqhCfmiZyReuRgpnhDlbr2ZEnnuS0RrJAPn6l23xjFg9kpDM+Ms7w==",
+      "requires": {
+        "tslib": "^2.0.0"
+      }
+    },
+    "use-composed-ref": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/use-composed-ref/-/use-composed-ref-1.2.1.tgz",
+      "integrity": "sha512-6+X1FLlIcjvFMAeAD/hcxDT8tmyrWnbSPMU0EnxQuDLIxokuFzWliXBiYZuGIx+mrAMLBw0WFfCkaPw8ebzAhw=="
+    },
+    "use-isomorphic-layout-effect": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.1.1.tgz",
+      "integrity": "sha512-L7Evj8FGcwo/wpbv/qvSfrkHFtOpCzvM5yl2KVyDJoylVuSvzphiiasmjgQPttIGBAy2WKiBNR98q8w7PiNgKQ=="
+    },
+    "use-latest": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/use-latest/-/use-latest-1.2.0.tgz",
+      "integrity": "sha512-d2TEuG6nSLKQLAfW3By8mKr8HurOlTkul0sOpxbClIv4SQ4iOd7BYr7VIzdbktUCnv7dua/60xzd8igMU6jmyw==",
+      "requires": {
+        "use-isomorphic-layout-effect": "^1.0.0"
+      }
+    },
+    "use-latest-callback": {
+      "version": "0.1.9",
+      "resolved": "https://registry.npmjs.org/use-latest-callback/-/use-latest-callback-0.1.9.tgz",
+      "integrity": "sha512-CL/29uS74AwreI/f2oz2hLTW7ZqVeV5+gxFeGudzQrgkCytrHw33G4KbnQOrRlAEzzAFXi7dDLMC9zhWcVpzmw=="
+    },
+    "use-sidecar": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.2.tgz",
+      "integrity": "sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==",
+      "requires": {
+        "detect-node-es": "^1.1.0",
+        "tslib": "^2.0.0"
+      }
+    },
+    "userhome": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/userhome/-/userhome-1.0.1.tgz",
+      "integrity": "sha512-5cnLm4gseXjAclKowC4IjByaGsjtAoV6PrOQOljplNB54ReUYJP8HdAFq2muHinSDAh09PPX/uXDPfdxRHvuSA==",
+      "dev": true
+    },
+    "util": {
+      "version": "0.12.1",
+      "resolved": "https://registry.npmjs.org/util/-/util-0.12.1.tgz",
+      "integrity": "sha512-MREAtYOp+GTt9/+kwf00IYoHZyjM8VU4aVrkzUlejyqaIjd2GztVl5V9hGXKlvBKE3gENn/FMfHE5v6hElXGcQ==",
+      "requires": {
+        "inherits": "^2.0.3",
+        "is-arguments": "^1.0.4",
+        "is-generator-function": "^1.0.7",
+        "object.entries": "^1.1.0",
+        "safe-buffer": "^5.1.2"
+      }
+    },
+    "util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
+      "dev": true
+    },
+    "utils-merge": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+      "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM="
+    },
+    "uuid": {
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg=="
+    },
+    "validate-npm-package-license": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
+      "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
+      "dev": true,
+      "requires": {
+        "spdx-correct": "^3.0.0",
+        "spdx-expression-parse": "^3.0.0"
+      }
+    },
+    "vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=",
+      "dev": true
+    },
+    "vlq": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/vlq/-/vlq-1.0.1.tgz",
+      "integrity": "sha512-gQpnTgkubC6hQgdIcRdYGDSDc+SaujOdyesZQMv6JlfQee/9Mp0Qhnys6WxDWvQnL5WZdT7o2Ul187aSt0Rq+w=="
+    },
+    "void-elements": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-2.0.1.tgz",
+      "integrity": "sha1-wGavtYK7HLQSjWDqkjkulNXp2+w="
+    },
+    "wait-port": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/wait-port/-/wait-port-1.1.0.tgz",
+      "integrity": "sha512-3e04qkoN3LxTMLakdqeWth8nih8usyg+sf1Bgdf9wwUkp05iuK1eSY/QpLvscT/+F/gA89+LpUmmgBtesbqI2Q==",
+      "dev": true,
+      "requires": {
+        "chalk": "^4.1.2",
+        "commander": "^9.3.0",
+        "debug": "^4.3.4"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true
+        },
+        "commander": {
+          "version": "9.5.0",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-9.5.0.tgz",
+          "integrity": "sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==",
+          "dev": true
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
+    "walker": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/walker/-/walker-1.0.8.tgz",
+      "integrity": "sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==",
+      "requires": {
+        "makeerror": "1.0.12"
+      }
+    },
+    "warn-once": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/warn-once/-/warn-once-0.1.1.tgz",
+      "integrity": "sha512-VkQZJbO8zVImzYFteBXvBOZEl1qL175WH8VmZcxF2fZAoudNhNDvHi+doCaAEdU2l2vtcIwa2zn0QK5+I1HQ3Q=="
+    },
+    "wasm-check": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/wasm-check/-/wasm-check-2.0.1.tgz",
+      "integrity": "sha512-5otny2JrfRNKIc+zi1YSOrNxXe47trEQbpY6g/MtHrFwLumKSJyAIobGXH1tlEBezE95eIsmDokBbUZtIZTvvA=="
+    },
+    "watchpack": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.2.tgz",
+      "integrity": "sha512-TnbFSbcOCcDgjZ4piURLCbJ3nJhznVh9kw6F6iokjiFPl8ONxe9A6nMDVXDiNbrSfLILs6vB07F7wLBrwPYzJw==",
+      "dev": true,
+      "requires": {
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.1.2"
+      }
+    },
+    "wbuf": {
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/wbuf/-/wbuf-1.7.3.tgz",
+      "integrity": "sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==",
+      "dev": true,
+      "requires": {
+        "minimalistic-assert": "^1.0.0"
+      }
+    },
+    "wcwidth": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz",
+      "integrity": "sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==",
+      "dev": true,
+      "requires": {
+        "defaults": "^1.0.3"
+      }
+    },
+    "webdriver": {
+      "version": "9.22.0",
+      "resolved": "https://registry.npmjs.org/webdriver/-/webdriver-9.22.0.tgz",
+      "integrity": "sha512-jf4irPhIJAssrF3mqUrBZGZnzjRfM86Q24ePUOgFKWI04LtdvRsnc9SsWU05mrN/a6pTJzGps6GsvLpNhvcalg==",
+      "dev": true,
+      "requires": {
+        "@types/node": "^20.1.0",
+        "@types/ws": "^8.5.3",
+        "@wdio/config": "9.22.0",
+        "@wdio/logger": "9.18.0",
+        "@wdio/protocols": "9.16.2",
+        "@wdio/types": "9.20.0",
+        "@wdio/utils": "9.22.0",
+        "deepmerge-ts": "^7.0.3",
+        "https-proxy-agent": "^7.0.6",
+        "undici": "^6.21.3",
+        "ws": "^8.8.0"
+      },
+      "dependencies": {
+        "ws": {
+          "version": "8.18.3",
+          "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.3.tgz",
+          "integrity": "sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==",
+          "dev": true
+        }
+      }
+    },
+    "webdriverio": {
+      "version": "9.22.0",
+      "resolved": "https://registry.npmjs.org/webdriverio/-/webdriverio-9.22.0.tgz",
+      "integrity": "sha512-sqXZG11hRM9KjqioVPcXCPLIcdJprNM9e+B6JlyacN6ImgC64MQbgs0vtCDLVsSIX7vg+x771lrS/VxXxqlkJw==",
+      "dev": true,
+      "requires": {
+        "@types/node": "^20.11.30",
+        "@types/sinonjs__fake-timers": "^8.1.5",
+        "@wdio/config": "9.22.0",
+        "@wdio/logger": "9.18.0",
+        "@wdio/protocols": "9.16.2",
+        "@wdio/repl": "9.16.2",
+        "@wdio/types": "9.20.0",
+        "@wdio/utils": "9.22.0",
+        "archiver": "^7.0.1",
+        "aria-query": "^5.3.0",
+        "cheerio": "^1.0.0-rc.12",
+        "css-shorthand-properties": "^1.1.1",
+        "css-value": "^0.0.1",
+        "grapheme-splitter": "^1.0.4",
+        "htmlfy": "^0.8.1",
+        "is-plain-obj": "^4.1.0",
+        "jszip": "^3.10.1",
+        "lodash.clonedeep": "^4.5.0",
+        "lodash.zip": "^4.2.0",
+        "query-selector-shadow-dom": "^1.0.1",
+        "resq": "^1.11.0",
+        "rgb2hex": "0.2.5",
+        "serialize-error": "^12.0.0",
+        "urlpattern-polyfill": "^10.0.0",
+        "webdriver": "9.22.0"
+      },
+      "dependencies": {
+        "is-plain-obj": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
+          "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
+          "dev": true
+        },
+        "serialize-error": {
+          "version": "12.0.0",
+          "resolved": "https://registry.npmjs.org/serialize-error/-/serialize-error-12.0.0.tgz",
+          "integrity": "sha512-ZYkZLAvKTKQXWuh5XpBw7CdbSzagarX39WyZ2H07CDLC5/KfsRGlIXV8d4+tfqX1M7916mRqR1QfNHSij+c9Pw==",
+          "dev": true,
+          "requires": {
+            "type-fest": "^4.31.0"
+          }
+        },
+        "type-fest": {
+          "version": "4.41.0",
+          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.41.0.tgz",
+          "integrity": "sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==",
+          "dev": true
+        }
+      }
+    },
+    "webidl-conversions": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+      "integrity": "sha1-JFNCdeKnvGvnvIZhHMFq4KVlSHE="
+    },
+    "webpack": {
+      "version": "5.95.0",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.95.0.tgz",
+      "integrity": "sha512-2t3XstrKULz41MNMBF+cJ97TyHdyQ8HCt//pqErqDvNjU9YQBnZxIHa11VXsi7F3mb5/aO2tuDxdeTPdU7xu9Q==",
+      "dev": true,
+      "requires": {
+        "@types/estree": "^1.0.5",
+        "@webassemblyjs/ast": "^1.12.1",
+        "@webassemblyjs/wasm-edit": "^1.12.1",
+        "@webassemblyjs/wasm-parser": "^1.12.1",
+        "acorn": "^8.7.1",
+        "acorn-import-attributes": "^1.9.5",
+        "browserslist": "^4.21.10",
+        "chrome-trace-event": "^1.0.2",
+        "enhanced-resolve": "^5.17.1",
+        "es-module-lexer": "^1.2.1",
+        "eslint-scope": "5.1.1",
+        "events": "^3.2.0",
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.2.11",
+        "json-parse-even-better-errors": "^2.3.1",
+        "loader-runner": "^4.2.0",
+        "mime-types": "^2.1.27",
+        "neo-async": "^2.6.2",
+        "schema-utils": "^3.2.0",
+        "tapable": "^2.1.1",
+        "terser-webpack-plugin": "^5.3.10",
+        "watchpack": "^2.4.1",
+        "webpack-sources": "^3.2.3"
+      },
+      "dependencies": {
+        "schema-utils": {
+          "version": "3.3.0",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz",
+          "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==",
+          "dev": true,
+          "requires": {
+            "@types/json-schema": "^7.0.8",
+            "ajv": "^6.12.5",
+            "ajv-keywords": "^3.5.2"
+          }
+        }
+      }
+    },
+    "webpack-bundle-analyzer": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/webpack-bundle-analyzer/-/webpack-bundle-analyzer-4.4.2.tgz",
+      "integrity": "sha512-PIagMYhlEzFfhMYOzs5gFT55DkUdkyrJi/SxJp8EF3YMWhS+T9vvs2EoTetpk5qb6VsCq02eXTlRDOydRhDFAQ==",
+      "dev": true,
+      "requires": {
+        "acorn": "^8.0.4",
+        "acorn-walk": "^8.0.0",
+        "chalk": "^4.1.0",
+        "commander": "^6.2.0",
+        "gzip-size": "^6.0.0",
+        "lodash": "^4.17.20",
+        "opener": "^1.5.2",
+        "sirv": "^1.0.7",
+        "ws": "^7.3.1"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true
+        },
+        "commander": {
+          "version": "6.2.1",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-6.2.1.tgz",
+          "integrity": "sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==",
+          "dev": true
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        },
+        "ws": {
+          "version": "7.5.10",
+          "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz",
+          "integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==",
+          "dev": true
+        }
+      }
+    },
+    "webpack-cli": {
+      "version": "5.1.4",
+      "resolved": "https://registry.npmjs.org/webpack-cli/-/webpack-cli-5.1.4.tgz",
+      "integrity": "sha512-pIDJHIEI9LR0yxHXQ+Qh95k2EvXpWzZ5l+d+jIo+RdSm9MiHfzazIxwwni/p7+x4eJZuvG1AJwgC4TNQ7NRgsg==",
+      "dev": true,
+      "requires": {
+        "@discoveryjs/json-ext": "^0.5.0",
+        "@webpack-cli/configtest": "^2.1.1",
+        "@webpack-cli/info": "^2.0.2",
+        "@webpack-cli/serve": "^2.0.5",
+        "colorette": "^2.0.14",
+        "commander": "^10.0.1",
+        "cross-spawn": "^7.0.3",
+        "envinfo": "^7.7.3",
+        "fastest-levenshtein": "^1.0.12",
+        "import-local": "^3.0.2",
+        "interpret": "^3.1.1",
+        "rechoir": "^0.8.0",
+        "webpack-merge": "^5.7.3"
+      },
+      "dependencies": {
+        "colorette": {
+          "version": "2.0.16",
+          "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.16.tgz",
+          "integrity": "sha512-hUewv7oMjCp+wkBv5Rm0v87eJhq4woh5rSR+42YSQJKecCqgIqNkZ6lAlQms/BwHPJA5NKMRlpxPRv0n8HQW6g==",
+          "dev": true
+        },
+        "commander": {
+          "version": "10.0.1",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-10.0.1.tgz",
+          "integrity": "sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==",
+          "dev": true
+        }
+      }
+    },
+    "webpack-dev-middleware": {
+      "version": "7.4.2",
+      "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-7.4.2.tgz",
+      "integrity": "sha512-xOO8n6eggxnwYpy1NlzUKpvrjfJTvae5/D6WOK0S2LSo7vjmo5gCM1DbLUmFqrMTJP+W/0YZNctm7jasWvLuBA==",
+      "dev": true,
+      "requires": {
+        "colorette": "^2.0.10",
+        "memfs": "^4.6.0",
+        "mime-types": "^2.1.31",
+        "on-finished": "^2.4.1",
+        "range-parser": "^1.2.1",
+        "schema-utils": "^4.0.0"
+      },
+      "dependencies": {
+        "colorette": {
+          "version": "2.0.20",
+          "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz",
+          "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==",
+          "dev": true
+        },
+        "on-finished": {
+          "version": "2.4.1",
+          "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+          "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+          "dev": true,
+          "requires": {
+            "ee-first": "1.1.1"
+          }
+        }
+      }
+    },
+    "webpack-dev-server": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-5.1.0.tgz",
+      "integrity": "sha512-aQpaN81X6tXie1FoOB7xlMfCsN19pSvRAeYUHOdFWOlhpQ/LlbfTqYwwmEDFV0h8GGuqmCmKmT+pxcUV/Nt2gQ==",
+      "dev": true,
+      "requires": {
+        "@types/bonjour": "^3.5.13",
+        "@types/connect-history-api-fallback": "^1.5.4",
+        "@types/express": "^4.17.21",
+        "@types/serve-index": "^1.9.4",
+        "@types/serve-static": "^1.15.5",
+        "@types/sockjs": "^0.3.36",
+        "@types/ws": "^8.5.10",
+        "ansi-html-community": "^0.0.8",
+        "bonjour-service": "^1.2.1",
+        "chokidar": "^3.6.0",
+        "colorette": "^2.0.10",
+        "compression": "^1.7.4",
+        "connect-history-api-fallback": "^2.0.0",
+        "express": "^4.19.2",
+        "graceful-fs": "^4.2.6",
+        "html-entities": "^2.4.0",
+        "http-proxy-middleware": "^2.0.3",
+        "ipaddr.js": "^2.1.0",
+        "launch-editor": "^2.6.1",
+        "open": "^10.0.3",
+        "p-retry": "^6.2.0",
+        "schema-utils": "^4.2.0",
+        "selfsigned": "^2.4.1",
+        "serve-index": "^1.9.1",
+        "sockjs": "^0.3.24",
+        "spdy": "^4.0.2",
+        "webpack-dev-middleware": "^7.4.2",
+        "ws": "^8.18.0"
+      },
+      "dependencies": {
+        "colorette": {
+          "version": "2.0.16",
+          "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.16.tgz",
+          "integrity": "sha512-hUewv7oMjCp+wkBv5Rm0v87eJhq4woh5rSR+42YSQJKecCqgIqNkZ6lAlQms/BwHPJA5NKMRlpxPRv0n8HQW6g==",
+          "dev": true
+        },
+        "is-wsl": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-3.1.0.tgz",
+          "integrity": "sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw==",
+          "dev": true,
+          "requires": {
+            "is-inside-container": "^1.0.0"
+          }
+        },
+        "open": {
+          "version": "10.1.0",
+          "resolved": "https://registry.npmjs.org/open/-/open-10.1.0.tgz",
+          "integrity": "sha512-mnkeQ1qP5Ue2wd+aivTD3NHd/lZ96Lu0jgf0pwktLPtx6cTZiH7tyeGRRHs0zX0rbrahXPnXlUnbeXyaBBuIaw==",
+          "dev": true,
+          "requires": {
+            "default-browser": "^5.2.1",
+            "define-lazy-prop": "^3.0.0",
+            "is-inside-container": "^1.0.0",
+            "is-wsl": "^3.1.0"
+          }
+        },
+        "ws": {
+          "version": "8.18.0",
+          "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.0.tgz",
+          "integrity": "sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==",
+          "dev": true
+        }
+      }
+    },
+    "webpack-merge": {
+      "version": "5.8.0",
+      "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-5.8.0.tgz",
+      "integrity": "sha512-/SaI7xY0831XwP6kzuwhKWVKDP9t1QY1h65lAFLbZqMPIuYcD9QAW4u9STIbU9kaJbPBB/geU/gLr1wDjOhQ+Q==",
+      "dev": true,
+      "requires": {
+        "clone-deep": "^4.0.1",
+        "wildcard": "^2.0.0"
+      }
+    },
+    "webpack-sources": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
+      "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
+      "dev": true
+    },
+    "webrtc-adapter": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/webrtc-adapter/-/webrtc-adapter-8.1.1.tgz",
+      "integrity": "sha512-1yXevP7TeZGmklEXkvQVrZp3fOSJlLeXNGCA7NovQokxgP3/e2T3EVGL0eKU87S9vKppWjvRWqnJeSANEspOBg==",
+      "requires": {
+        "sdp": "^3.0.2"
+      }
+    },
+    "websocket-driver": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/websocket-driver/-/websocket-driver-0.7.4.tgz",
+      "integrity": "sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==",
+      "dev": true,
+      "requires": {
+        "http-parser-js": ">=0.5.1",
+        "safe-buffer": ">=5.1.0",
+        "websocket-extensions": ">=0.1.1"
+      }
+    },
+    "websocket-extensions": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/websocket-extensions/-/websocket-extensions-0.1.4.tgz",
+      "integrity": "sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==",
+      "dev": true
+    },
+    "whatwg-encoding": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-3.1.1.tgz",
+      "integrity": "sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==",
+      "dev": true,
+      "requires": {
+        "iconv-lite": "0.6.3"
+      },
+      "dependencies": {
+        "iconv-lite": {
+          "version": "0.6.3",
+          "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+          "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+          "dev": true,
+          "requires": {
+            "safer-buffer": ">= 2.1.2 < 3.0.0"
+          }
+        }
+      }
+    },
+    "whatwg-fetch": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.6.2.tgz",
+      "integrity": "sha512-bJlen0FcuU/0EMLrdbJ7zOnW6ITZLrZMIarMUVmdKtsGvZna8vxKYaexICWPfZ8qwf9fzNq+UEIZrnSaApt6RA=="
+    },
+    "whatwg-mimetype": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz",
+      "integrity": "sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==",
+      "dev": true
+    },
+    "whatwg-url": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+      "integrity": "sha1-lmRU6HZUYuN2RNNib2dCzotwll0=",
+      "requires": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
+    "whatwg-url-without-unicode": {
+      "version": "8.0.0-3",
+      "resolved": "https://registry.npmjs.org/whatwg-url-without-unicode/-/whatwg-url-without-unicode-8.0.0-3.tgz",
+      "integrity": "sha512-HoKuzZrUlgpz35YO27XgD28uh/WJH4B0+3ttFqRo//lmq+9T/mIOJ6kqmINI9HpUpz1imRC/nR/lxKpJiv0uig==",
+      "requires": {
+        "buffer": "^5.4.3",
+        "punycode": "^2.1.1",
+        "webidl-conversions": "^5.0.0"
+      },
+      "dependencies": {
+        "webidl-conversions": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-5.0.0.tgz",
+          "integrity": "sha512-VlZwKPCkYKxQgeSbH5EyngOmRp7Ww7I9rQLERETtf5ofd9pGeswWiOtogpEO850jziPRarreGxn5QIiTqpb2wA=="
+        }
+      }
+    },
+    "which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "requires": {
+        "isexe": "^2.0.0"
+      }
+    },
+    "which-boxed-primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz",
+      "integrity": "sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==",
+      "requires": {
+        "is-bigint": "^1.1.0",
+        "is-boolean-object": "^1.2.1",
+        "is-number-object": "^1.1.1",
+        "is-string": "^1.1.1",
+        "is-symbol": "^1.1.1"
+      }
+    },
+    "which-builtin-type": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.2.1.tgz",
+      "integrity": "sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==",
+      "requires": {
+        "call-bound": "^1.0.2",
+        "function.prototype.name": "^1.1.6",
+        "has-tostringtag": "^1.0.2",
+        "is-async-function": "^2.0.0",
+        "is-date-object": "^1.1.0",
+        "is-finalizationregistry": "^1.1.0",
+        "is-generator-function": "^1.0.10",
+        "is-regex": "^1.2.1",
+        "is-weakref": "^1.0.2",
+        "isarray": "^2.0.5",
+        "which-boxed-primitive": "^1.1.0",
+        "which-collection": "^1.0.2",
+        "which-typed-array": "^1.1.16"
+      }
+    },
+    "which-collection": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.2.tgz",
+      "integrity": "sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==",
+      "requires": {
+        "is-map": "^2.0.3",
+        "is-set": "^2.0.3",
+        "is-weakmap": "^2.0.2",
+        "is-weakset": "^2.0.3"
+      }
+    },
+    "which-module": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.1.tgz",
+      "integrity": "sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==",
+      "dev": true
+    },
+    "which-typed-array": {
+      "version": "1.1.18",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.18.tgz",
+      "integrity": "sha512-qEcY+KJYlWyLH9vNbsr6/5j59AXk5ni5aakf8ldzBvGde6Iz4sxZGkJyWSAueTG7QhOvNRYb1lDdFmL5Td0QKA==",
+      "requires": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2"
+      }
+    },
+    "wildcard": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/wildcard/-/wildcard-2.0.0.tgz",
+      "integrity": "sha512-JcKqAHLPxcdb9KM49dufGXn2x3ssnfjbcaQdLlfZsL9rH9wgDQjUtDxbo8NE0F6SFvydeu1VhZe7hZuHsB2/pw==",
+      "dev": true
+    },
+    "windows-iana": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/windows-iana/-/windows-iana-3.1.0.tgz",
+      "integrity": "sha512-rCPf3AakAAgvapnbYVvG2bQyI3g6EDbPpjDJ72fdAu+XTzB1qvX4ZC6OnZ0I2+thaspjTb+8KwdyhdBl8Lt/QA=="
+    },
+    "word-wrap": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "dev": true
+    },
+    "workerpool": {
+      "version": "6.5.1",
+      "resolved": "https://registry.npmjs.org/workerpool/-/workerpool-6.5.1.tgz",
+      "integrity": "sha512-Fs4dNYcsdpYSAfVxhnl1L5zTksjvOJxtC5hzMNl+1t9B8hTJTdKDyZ5ju7ztgPy+ft9tBFXoOlDNiOT9WUXZlA==",
+      "dev": true
+    },
+    "wrap-ansi": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "requires": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+        }
+      }
+    },
+    "wrap-ansi-cjs": {
+      "version": "npm:wrap-ansi@7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "requires": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+        }
+      }
+    },
+    "wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
+    },
+    "write-file-atomic": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-5.0.1.tgz",
+      "integrity": "sha512-+QU2zd6OTD8XWIJCbffaiQeH9U73qIqafo1x6V1snCWYGJf6cVE0cDR4D8xRzcEnfI21IFrUPzPGtcPf8AC+Rw==",
+      "requires": {
+        "imurmurhash": "^0.1.4",
+        "signal-exit": "^4.0.1"
+      },
+      "dependencies": {
+        "signal-exit": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+          "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw=="
+        }
+      }
+    },
+    "ws": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.3.tgz",
+      "integrity": "sha512-jmTjYU0j60B+vHey6TfR3Z7RD61z/hmxBS3VMSGIrroOWXQEneK1zNuotOUrGyBHQj0yrpsLHPWtigEFd13ndA==",
+      "requires": {
+        "async-limiter": "~1.0.0"
+      }
+    },
+    "xmlbuilder": {
+      "version": "15.1.1",
+      "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-15.1.1.tgz",
+      "integrity": "sha512-yMqGBqtXyeN1e3TGYvgNgDVZ3j84W4cwkOXQswghol6APgZWaff9lnbvN7MHYJOiXsvGPXtjTYJEiC9J2wv9Eg==",
+      "dev": true
+    },
+    "y18n": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA=="
+    },
+    "yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    },
+    "yaml": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
+      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg=="
+    },
+    "yargs": {
+      "version": "17.7.2",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
+      "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+      "requires": {
+        "cliui": "^8.0.1",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.3",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^21.1.1"
+      }
+    },
+    "yargs-parser": {
+      "version": "21.1.1",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw=="
+    },
+    "yargs-unparser": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/yargs-unparser/-/yargs-unparser-2.0.0.tgz",
+      "integrity": "sha512-7pRTIA9Qc1caZ0bZ6RYRGbHJthJWuakf+WmHK0rVeLkNrrGhfoabBNdue6kdINI6r4if7ocq9aD/n7xwKOdzOA==",
+      "dev": true,
+      "requires": {
+        "camelcase": "^6.0.0",
+        "decamelize": "^4.0.0",
+        "flat": "^5.0.2",
+        "is-plain-obj": "^2.1.0"
+      },
+      "dependencies": {
+        "decamelize": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-4.0.0.tgz",
+          "integrity": "sha512-9iE1PgSik9HeIIw2JO94IidnE3eBoQrFJ3w7sFuzSX4DpmZ3v5sZpUiV5Swcf6mQEF+Y0ru8Neo+p+nyh2J+hQ==",
+          "dev": true
+        }
+      }
+    },
+    "yauzl": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
+      "integrity": "sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==",
+      "dev": true,
+      "requires": {
+        "buffer-crc32": "~0.2.3",
+        "fd-slicer": "~1.1.0"
+      },
+      "dependencies": {
+        "buffer-crc32": {
+          "version": "0.2.13",
+          "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
+          "integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==",
+          "dev": true
+        }
+      }
+    },
+    "yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true
+    },
+    "yoctocolors": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/yoctocolors/-/yoctocolors-2.1.2.tgz",
+      "integrity": "sha512-CzhO+pFNo8ajLM2d2IW/R93ipy99LWjtwblvC1RsoSUMZgyLbYFr221TnSNT7GjGdYui6P459mw9JH/g/zW2ug==",
+      "dev": true
+    },
+    "yoctocolors-cjs": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/yoctocolors-cjs/-/yoctocolors-cjs-2.1.3.tgz",
+      "integrity": "sha512-U/PBtDf35ff0D8X8D0jfdzHYEPFxAI7jJlxZXwCSez5M3190m+QobIfh+sWDWSHMCWWJN2AWamkegn6vr6YBTw==",
+      "dev": true
+    },
+    "youtube-player": {
+      "version": "5.5.2",
+      "resolved": "https://registry.npmjs.org/youtube-player/-/youtube-player-5.5.2.tgz",
+      "integrity": "sha512-ZGtsemSpXnDky2AUYWgxjaopgB+shFHgXVpiJFeNB5nWEugpW1KWYDaHKuLqh2b67r24GtP6HoSW5swvf0fFIQ==",
+      "requires": {
+        "debug": "^2.6.6",
+        "load-script": "^1.0.0",
+        "sister": "^3.0.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
+        }
+      }
+    },
+    "zip-stream": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/zip-stream/-/zip-stream-6.0.1.tgz",
+      "integrity": "sha512-zK7YHHz4ZXpW89AHXUPbQVGKI7uvkd3hzusTdotCg1UxyaVtg0zFJSTfW/Dq5f7OBBVnq6cZIaC8Ti4hb6dtCA==",
+      "dev": true,
+      "requires": {
+        "archiver-utils": "^5.0.0",
+        "compress-commons": "^6.0.2",
+        "readable-stream": "^4.0.0"
+      },
+      "dependencies": {
+        "buffer": {
+          "version": "6.0.3",
+          "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+          "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+          "dev": true,
+          "requires": {
+            "base64-js": "^1.3.1",
+            "ieee754": "^1.2.1"
+          }
+        },
+        "readable-stream": {
+          "version": "4.7.0",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.7.0.tgz",
+          "integrity": "sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==",
+          "dev": true,
+          "requires": {
+            "abort-controller": "^3.0.0",
+            "buffer": "^6.0.3",
+            "events": "^3.3.0",
+            "process": "^0.11.10",
+            "string_decoder": "^1.3.0"
+          }
+        }
+      }
+    },
+    "zxcvbn": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/zxcvbn/-/zxcvbn-4.4.2.tgz",
+      "integrity": "sha1-KOwXzwl0PtyrBW3dixsGJizHPDA="
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..24c483e
--- /dev/null
+++ b/package.json
@@ -0,0 +1,234 @@
+{
+  "name": "jitsi-meet",
+  "version": "0.0.0",
+  "description": "A sample app for the Jitsi Videobridge",
+  "private": true,
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/jitsi/jitsi-meet"
+  },
+  "keywords": [
+    "jingle",
+    "webrtc",
+    "xmpp",
+    "browser"
+  ],
+  "author": "",
+  "readmeFilename": "README.md",
+  "dependencies": {
+    "@amplitude/analytics-browser": "2.17.12",
+    "@amplitude/analytics-react-native": "1.4.13",
+    "@braintree/sanitize-url": "7.0.0",
+    "@emotion/react": "11.10.6",
+    "@emotion/styled": "11.10.6",
+    "@giphy/js-fetch-api": "4.9.3",
+    "@giphy/react-components": "6.9.4",
+    "@giphy/react-native-sdk": "4.1.0",
+    "@jitsi/excalidraw": "https://github.com/jitsi/excalidraw/releases/download/v0.0.19/jitsi-excalidraw-0.0.19.tgz",
+    "@jitsi/js-utils": "2.6.7",
+    "@jitsi/logger": "2.1.1",
+    "@jitsi/rnnoise-wasm": "0.2.1",
+    "@matrix-org/olm": "3.2.15",
+    "@microsoft/microsoft-graph-client": "3.0.1",
+    "@mui/material": "5.12.1",
+    "@react-native-async-storage/async-storage": "1.23.1",
+    "@react-native-clipboard/clipboard": "1.14.3",
+    "@react-native-community/netinfo": "11.1.0",
+    "@react-native-community/slider": "4.5.6",
+    "@react-native-google-signin/google-signin": "10.1.0",
+    "@react-navigation/bottom-tabs": "6.6.0",
+    "@react-navigation/elements": "1.3.30",
+    "@react-navigation/material-top-tabs": "6.6.13",
+    "@react-navigation/native": "6.1.17",
+    "@react-navigation/stack": "6.4.0",
+    "@sayem314/react-native-keep-awake": "1.3.1",
+    "@stomp/stompjs": "7.0.0",
+    "@svgr/webpack": "6.3.1",
+    "@tensorflow/tfjs-backend-wasm": "3.13.0",
+    "@tensorflow/tfjs-core": "3.13.0",
+    "@vladmandic/human": "2.6.5",
+    "@vladmandic/human-models": "2.5.9",
+    "@xmldom/xmldom": "0.8.7",
+    "abab": "2.0.6",
+    "allure-commandline": "2.32.0",
+    "amplitude-js": "8.21.9",
+    "base64-js": "1.5.1",
+    "bc-css-flags": "3.0.0",
+    "clipboard-copy": "4.0.1",
+    "clsx": "1.1.1",
+    "dayjs": "1.11.13",
+    "dompurify": "3.2.6",
+    "dropbox": "10.7.0",
+    "focus-visible": "5.1.0",
+    "glob": "11.0.3",
+    "grapheme-splitter": "1.0.4",
+    "i18n-iso-countries": "6.8.0",
+    "i18next": "17.0.6",
+    "i18next-browser-languagedetector": "3.0.1",
+    "i18next-http-backend": "2.2.1",
+    "image-capture": "0.4.0",
+    "jquery": "3.6.1",
+    "jquery-i18next": "1.2.1",
+    "js-md5": "0.6.1",
+    "js-sha512": "0.8.0",
+    "jwt-decode": "2.2.0",
+    "lib-jitsi-meet": "https://github.com/jitsi/lib-jitsi-meet/releases/download/v2118.0.0+67fd2c84/lib-jitsi-meet.tgz",
+    "lodash-es": "4.17.21",
+    "null-loader": "4.0.1",
+    "optional-require": "1.0.3",
+    "pixelmatch": "5.3.0",
+    "promise.withresolvers": "1.0.3",
+    "punycode": "2.3.0",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-emoji-render": "2.0.1",
+    "react-focus-on": "3.8.1",
+    "react-i18next": "10.11.4",
+    "react-linkify": "1.0.0-alpha",
+    "react-native": "0.77.2",
+    "react-native-background-timer": "https://github.com/jitsi/react-native-background-timer.git#d180dfaa4486ae3ee17d01242db92cb3195f4718",
+    "react-native-calendar-events": "https://github.com/jitsi/react-native-calendar-events.git#47f068dedfed7c0f72042e093f688eb11624eb7b",
+    "react-native-default-preference": "https://github.com/jitsi/react-native-default-preference.git#c9bf63bdc058e3fa2aa0b87b1ee1af240f44ed02",
+    "react-native-device-info": "12.1.0",
+    "react-native-dialog": "https://github.com/jitsi/react-native-dialog/releases/download/v9.2.2-jitsi.1/react-native-dialog-9.2.2.tgz",
+    "react-native-gesture-handler": "2.24.0",
+    "react-native-get-random-values": "1.11.0",
+    "react-native-orientation-locker": "https://github.com/jitsi/react-native-orientation-locker.git#fe095651d819cf134624f786b61fc8667862178a",
+    "react-native-pager-view": "6.8.1",
+    "react-native-paper": "5.10.3",
+    "react-native-performance": "5.1.2",
+    "react-native-safe-area-context": "5.5.2",
+    "react-native-screens": "4.11.1",
+    "react-native-sound": "https://github.com/jitsi/react-native-sound.git#ea13c97b5c2a4ff5e0d9bacbd9ff5e4457fe2c3c",
+    "react-native-splash-view": "0.0.18",
+    "react-native-svg": "15.11.2",
+    "react-native-svg-transformer": "1.2.0",
+    "react-native-tab-view": "3.5.2",
+    "react-native-url-polyfill": "2.0.0",
+    "react-native-video": "6.13.0",
+    "react-native-webrtc": "124.0.7",
+    "react-native-webview": "13.13.5",
+    "react-native-worklets-core": "https://github.com/jitsi/react-native-worklets-core.git#8c5dfab2a5907305da8971696a781b60f0f9cb18",
+    "react-native-youtube-iframe": "2.3.0",
+    "react-redux": "7.2.9",
+    "react-textarea-autosize": "8.3.0",
+    "react-virtualized-auto-sizer": "1.0.26",
+    "react-window": "1.8.6",
+    "react-youtube": "10.1.0",
+    "redux": "4.0.4",
+    "redux-thunk": "2.4.1",
+    "seamless-scroll-polyfill": "2.1.8",
+    "semver": "7.5.4",
+    "text-encoding": "0.7.0",
+    "ts-ebml": "^3.0.1",
+    "tss-react": "4.9.4",
+    "util": "0.12.1",
+    "uuid": "8.3.2",
+    "wasm-check": "2.0.1",
+    "windows-iana": "3.1.0",
+    "zxcvbn": "4.4.2"
+  },
+  "devDependencies": {
+    "@babel/core": "7.25.9",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "7.18.6",
+    "@babel/plugin-proposal-optional-chaining": "7.21.0",
+    "@babel/plugin-transform-private-methods": "7.25.9",
+    "@babel/preset-env": "7.25.9",
+    "@babel/preset-react": "7.25.9",
+    "@jitsi/eslint-config": "6.0.4",
+    "@react-native-community/cli": "15.0.1",
+    "@react-native-community/cli-platform-android": "15.0.1",
+    "@react-native-community/cli-platform-ios": "15.0.1",
+    "@react-native/babel-preset": "0.77.2",
+    "@react-native/metro-config": "0.77.2",
+    "@types/amplitude-js": "8.16.5",
+    "@types/audioworklet": "0.0.29",
+    "@types/dom-screen-wake-lock": "1.0.1",
+    "@types/js-md5": "0.4.3",
+    "@types/jsonwebtoken": "9.0.7",
+    "@types/lodash-es": "4.17.12",
+    "@types/mocha": "10.0.10",
+    "@types/offscreencanvas": "2019.7.2",
+    "@types/pixelmatch": "5.2.5",
+    "@types/pretty": "2.0.3",
+    "@types/punycode": "2.1.0",
+    "@types/react": "17.0.14",
+    "@types/react-dom": "17.0.14",
+    "@types/react-linkify": "1.0.1",
+    "@types/react-native-keep-awake": "2.0.3",
+    "@types/react-native-video": "5.0.14",
+    "@types/react-redux": "7.1.24",
+    "@types/react-window": "1.8.5",
+    "@types/unorm": "1.3.28",
+    "@types/uuid": "8.3.4",
+    "@types/w3c-image-capture": "1.0.6",
+    "@types/w3c-web-hid": "1.0.3",
+    "@types/zxcvbn": "4.4.1",
+    "@wdio/allure-reporter": "9.22.0",
+    "@wdio/cli": "9.22.0",
+    "@wdio/globals": "9.17.0",
+    "@wdio/junit-reporter": "9.21.0",
+    "@wdio/local-runner": "9.22.0",
+    "@wdio/mocha-framework": "9.22.0",
+    "babel-loader": "9.1.0",
+    "babel-plugin-optional-require": "0.3.1",
+    "circular-dependency-plugin": "5.2.0",
+    "clean-css-cli": "4.3.0",
+    "core-js": "3.40.0",
+    "css-loader": "6.8.1",
+    "eslint": "8.57.0",
+    "eslint-plugin-import": "2.31.0",
+    "eslint-plugin-jsdoc": "50.6.1",
+    "eslint-plugin-react": "7.37.3",
+    "eslint-plugin-react-native": "5.0.0",
+    "eslint-plugin-typescript-sort-keys": "3.3.0",
+    "jetifier": "1.6.4",
+    "jsonwebtoken": "9.0.2",
+    "patch-package": "6.4.7",
+    "pretty": "2.0.0",
+    "process": "0.11.10",
+    "sass": "1.26.8",
+    "style-loader": "3.3.1",
+    "traverse": "0.6.6",
+    "ts-loader": "9.4.2",
+    "typescript": "5.7.2",
+    "unorm": "1.6.0",
+    "webdriverio": "9.22.0",
+    "webpack": "5.95.0",
+    "webpack-bundle-analyzer": "4.4.2",
+    "webpack-cli": "5.1.4",
+    "webpack-dev-server": "5.1.0"
+  },
+  "engines": {
+    "node": ">=22.0.0",
+    "npm": ">=10.0.0"
+  },
+  "license": "Apache-2.0",
+  "scripts": {
+    "lint": "eslint --ext .js,.ts,.tsx --max-warnings 0 . && tsc --noEmit",
+    "tsc:web": "tsc --noEmit --project tsconfig.web.json",
+    "tsc:native": "tsc --noEmit --project tsconfig.native.json",
+    "tsc:ci": "npm run tsc:web && npm run tsc:native",
+    "lint:ci": "eslint --ext .js,.ts,.tsx --max-warnings 0 .",
+    "lint:lang": "for file in lang/*.json; do npx --yes jsonlint -q $file || exit 1; done",
+    "lang-sort": "./resources/lang-sort.sh",
+    "lint-fix": "eslint --ext .js,.ts,.tsx --max-warnings 0 --fix .",
+    "postinstall": "patch-package --error-on-fail && jetify",
+    "validate": "npm ls",
+    "start": "make dev",
+    "test": "DOTENV_CONFIG_PATH=tests/.env wdio run tests/wdio.conf.ts",
+    "test-single": "DOTENV_CONFIG_PATH=tests/.env wdio run tests/wdio.conf.ts --spec",
+    "test-ff-single": "DOTENV_CONFIG_PATH=tests/.env wdio run tests/wdio.firefox.conf.ts --spec",
+    "test-ff": "DOTENV_CONFIG_PATH=tests/.env wdio run tests/wdio.firefox.conf.ts",
+    "test-dev": "DOTENV_CONFIG_PATH=tests/.env wdio run tests/wdio.dev.conf.ts",
+    "test-dev-single": "DOTENV_CONFIG_PATH=tests/.env wdio run tests/wdio.dev.conf.ts --spec",
+    "test-grid": "DOTENV_CONFIG_PATH=tests/.env wdio run tests/wdio.grid.conf.ts",
+    "test-grid-single": "DOTENV_CONFIG_PATH=tests/.env wdio run tests/wdio.grid.conf.ts --spec",
+    "test-grid-ff": "DOTENV_CONFIG_PATH=tests/.env wdio run tests/wdio.grid.firefox.conf.ts",
+    "test-grid-ff-single": "DOTENV_CONFIG_PATH=tests/.env wdio run tests/wdio.grid.firefox.conf.ts --spec"
+  },
+  "resolutions": {
+    "@types/react": "17.0.14",
+    "@types/react-dom": "17.0.14"
+  }
+}
diff --git a/patches/@giphy+js-brand+2.2.2.patch b/patches/@giphy+js-brand+2.2.2.patch
new file mode 100644
index 0000000..c18c274
--- /dev/null
+++ b/patches/@giphy+js-brand+2.2.2.patch
@@ -0,0 +1,13 @@
+diff --git a/node_modules/@giphy/js-brand/dist/typography.js b/node_modules/@giphy/js-brand/dist/typography.js
+index 75ad96b..815cb8b 100644
+--- a/node_modules/@giphy/js-brand/dist/typography.js
++++ b/node_modules/@giphy/js-brand/dist/typography.js
+@@ -6,7 +6,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
+ Object.defineProperty(exports, "__esModule", { value: true });
+ exports.css = exports.fontSize = exports.fontFamily = exports.addFonts = void 0;
+ var emotion_1 = require("emotion");
+-var addFonts = function () { return (0, emotion_1.injectGlobal)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n@font-face {\n    font-family: 'interface';\n    font-style: normal;\n    font-weight: normal;\n    src: url('https://s3.amazonaws.com/giphyscripts/react-giphy-brand/fonts/InterFace_W_Rg.woff2') format('woff2'),\n        url('https://s3.amazonaws.com/giphyscripts/react-giphy-brand/fonts/InterFace_W_Rg.woff') format('woff');\n}\n\n@font-face {\n    font-family: 'interface';\n    font-style: normal;\n    font-weight: bold;\n    src: url('https://s3.amazonaws.com/giphyscripts/react-giphy-brand/fonts/InterFace_W_Bd.woff2') format('woff2'),\n        url('https://s3.amazonaws.com/giphyscripts/react-giphy-brand/fonts/InterFace_W_Bd.woff') format('woff');\n}\n@font-face {\n    font-family: 'interface';\n    font-style: normal;\n    font-weight: 900;\n    src: url('https://s3.amazonaws.com/giphyscripts/react-giphy-brand/fonts/InterFace_W_XBd.woff') format('woff');\n}\n@font-face {\n    font-family: 'nexablack'; \n    font-style: normal;\n    font-weight: normal;\n    src: url('https://s3.amazonaws.com/giphyscripts/react-giphy-brand/fonts/nexa_black-webfont.woff2') format('woff2'),\n        url('https://s3.amazonaws.com/giphyscripts/react-giphy-brand/fonts/nexa_black-webfont.woff') format('woff');\n}\n@font-face {\n    font-family: 'SSStandard'; \n    font-style: normal;\n    font-weight: normal;\n    src:  url('https://s3.amazonaws.com/giphyscripts/react-giphy-brand/fonts/ss-standard.woff') format('woff');\n}\n@font-face {\n    font-family: 'SSSocial'; \n    font-style: normal;\n    font-weight: normal;\n    src:  url('https://s3.amazonaws.com/giphyscripts/react-giphy-brand/fonts/ss-social.woff') format('woff');\n}\n"], ["\n@font-face {\n    font-family: 'interface';\n    font-style: normal;\n    font-weight: normal;\n    src: url('https://s3.amazonaws.com/giphyscripts/react-giphy-brand/fonts/InterFace_W_Rg.woff2') format('woff2'),\n        url('https://s3.amazonaws.com/giphyscripts/react-giphy-brand/fonts/InterFace_W_Rg.woff') format('woff');\n}\n\n@font-face {\n    font-family: 'interface';\n    font-style: normal;\n    font-weight: bold;\n    src: url('https://s3.amazonaws.com/giphyscripts/react-giphy-brand/fonts/InterFace_W_Bd.woff2') format('woff2'),\n        url('https://s3.amazonaws.com/giphyscripts/react-giphy-brand/fonts/InterFace_W_Bd.woff') format('woff');\n}\n@font-face {\n    font-family: 'interface';\n    font-style: normal;\n    font-weight: 900;\n    src: url('https://s3.amazonaws.com/giphyscripts/react-giphy-brand/fonts/InterFace_W_XBd.woff') format('woff');\n}\n@font-face {\n    font-family: 'nexablack'; \n    font-style: normal;\n    font-weight: normal;\n    src: url('https://s3.amazonaws.com/giphyscripts/react-giphy-brand/fonts/nexa_black-webfont.woff2') format('woff2'),\n        url('https://s3.amazonaws.com/giphyscripts/react-giphy-brand/fonts/nexa_black-webfont.woff') format('woff');\n}\n@font-face {\n    font-family: 'SSStandard'; \n    font-style: normal;\n    font-weight: normal;\n    src:  url('https://s3.amazonaws.com/giphyscripts/react-giphy-brand/fonts/ss-standard.woff') format('woff');\n}\n@font-face {\n    font-family: 'SSSocial'; \n    font-style: normal;\n    font-weight: normal;\n    src:  url('https://s3.amazonaws.com/giphyscripts/react-giphy-brand/fonts/ss-social.woff') format('woff');\n}\n"]))); };
++var addFonts = function () { };
+ exports.addFonts = addFonts;
+ try {
+     // in an env where process.env exists,
diff --git a/plugin.head.html b/plugin.head.html
new file mode 100644
index 0000000..e69de29
diff --git a/pwa-worker.js b/pwa-worker.js
new file mode 100644
index 0000000..26143d9
--- /dev/null
+++ b/pwa-worker.js
@@ -0,0 +1,88 @@
+/*
+Copyright 2015, 2019, 2020 Google LLC. All Rights Reserved.
+ 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.
+*/
+
+const CACHE_NAME = 'offline';
+
+// Customize this with a different URL if needed.
+const OFFLINE_URL = 'static/offline.html';
+
+self.addEventListener('install', event => {
+    event.waitUntil(
+    (async () => {
+        const cache = await caches.open(CACHE_NAME);
+
+
+        // Setting {cache: 'reload'} in the new request will ensure that the
+        // response isn't fulfilled from the HTTP cache; i.e., it will be from
+        // the network.
+        await cache.add(new Request(OFFLINE_URL, { cache: 'reload' }));
+    })()
+    );
+
+    // Force the waiting service worker to become the active service worker.
+    self.skipWaiting();
+});
+
+self.addEventListener('activate', event => {
+    event.waitUntil(
+    (async () => {
+        // Enable navigation preload if it's supported.
+        // See https://developers.google.com/web/updates/2017/02/navigation-preload
+        if ('navigationPreload' in self.registration) {
+            await self.registration.navigationPreload.enable();
+        }
+    })()
+    );
+
+    // Tell the active service worker to take control of the page immediately.
+    self.clients.claim();
+});
+
+self.addEventListener('fetch', event => {
+    // We only want to call event.respondWith() if this is a navigation request
+    // for an HTML page.
+    if (event.request.mode === 'navigate') {
+        event.respondWith((async () => {
+            try {
+                // First, try to use the navigation preload response if it's supported.
+                const preloadResponse = await event.preloadResponse;
+
+                if (preloadResponse) {
+                    return preloadResponse;
+                }
+
+                // Always try the network first.
+                const networkResponse = await fetch(event.request);
+
+                return networkResponse;
+            } catch (error) {
+                // catch is only triggered if an exception is thrown, which is likely
+                // due to a network error.
+                // If fetch() returns a valid HTTP response with a response code in
+                // the 4xx or 5xx range, the catch() will NOT be called.
+                console.log('Fetch failed; returning offline page instead.', error);
+
+                const cache = await caches.open(CACHE_NAME);
+                const cachedResponse = await cache.match(OFFLINE_URL);
+
+                return cachedResponse;
+            }
+        })());
+    }
+
+    // If our if() condition is false, then this fetch handler won't intercept the
+    // request. If there are any other fetch handlers registered, they will get a
+    // chance to call event.respondWith(). If no fetch handlers call
+    // event.respondWith(), the request will be handled by the browser as if there
+    // were no service worker involvement.
+});
diff --git a/react-native-sdk/.npmignore b/react-native-sdk/.npmignore
new file mode 100644
index 0000000..aa1ec1e
--- /dev/null
+++ b/react-native-sdk/.npmignore
@@ -0,0 +1 @@
+*.tgz
diff --git a/react-native-sdk/.npmrc b/react-native-sdk/.npmrc
new file mode 100644
index 0000000..f3f2e84
--- /dev/null
+++ b/react-native-sdk/.npmrc
@@ -0,0 +1,2 @@
+package-lock=true
+legacy-peer-deps=true
diff --git a/react-native-sdk/README.md b/react-native-sdk/README.md
new file mode 100644
index 0000000..cdeabb3
--- /dev/null
+++ b/react-native-sdk/README.md
@@ -0,0 +1,132 @@
+# <p align="center">Jitsi Meet React Native SDK</p>
+
+
+## Installation
+Inside your project, run;
+```console
+npm i @jitsi/react-native-sdk
+```
+If there are conflicts, you can use ```--force```
+<br/>Additionally, if not already installed, some dependencies will need to be added.
+
+This can be done by running the following script:
+```console
+node node_modules/@jitsi/react-native-sdk/update_dependencies.js
+```
+This will check and update all your dependencies.<br/><br/>
+After that you need to ```npm i```, if some dependency versions were updated.
+
+ [comment]: # (These deps definitely need to be added manually, more could be neccesary)
+
+Because of SVG use in react native, you need to update metro.config your project's file:
+
+```javascript
+const { getDefaultConfig } = require('metro-config');
+
+module.exports = (async () => {
+  const {
+    resolver: {
+      sourceExts,
+      assetExts
+    }
+  } = await getDefaultConfig();
+
+  return {
+    transformer: {
+      babelTransformerPath: require.resolve('react-native-svg-transformer'),
+      getTransformOptions: async () => ({
+        transform: {
+          experimentalImportSupport: false,
+          inlineRequires: true,
+        },
+      }),
+    },
+    resolver: {
+      assetExts: assetExts.filter(ext => ext !== 'svg'),
+      sourceExts: [...sourceExts, 'svg']
+    }
+  }
+})();
+```
+
+## iOS
+
+#### Project Info.plist
+- Add a *Privacy - Camera Usage Description*
+- Add a *Privacy - Microphone Usage Description*
+
+#### General
+- Signing & capabilites:
+    - Add Background modes
+        - Audio
+        - Voice over IP
+        - Background fetch
+
+Run;
+```console
+cd ios && pod install && cd ..
+```
+
+## Android
+
+- In your build.gradle have at least `minSdkVersion = 26`
+- In your build.gradle have `gradlePluginVersion = "8.4.2"` or higher
+- In `android/app/src/debug/AndroidManifest.xml` and `android/app/src/main/AndroidManifest.xml`, under the `</application>` tag, include
+  ```xml
+    <uses-permission android:name="android.permission.RECORD_AUDIO" />
+    <uses-permission android:name="android.permission.CAMERA" />
+  ```
+  ### Services
+    #### Screen share
+
+- Go to your `MainApplication.java` file and add:
+    1. `import com.oney.WebRTCModule.WebRTCModuleOptions;` that comes from `react-native-webrtc` dependency.
+
+    2. `WebRTCModuleOptions options = WebRTCModuleOptions.getInstance();` instance it.
+    3. `options.enableMediaProjectionService = true;` enable foreground service that takes care of screen-sharing feature.
+
+- Go to your `android/app/src/main/AndroidManifest.xml`, under the `</application>` tag and include
+    ```xml
+   <uses-permission android:name="android.permission.FOREGROUND_SERVICE" />
+   <uses-permission android:name="android.permission.FOREGROUND_SERVICE_MEDIA_PROJECTION" />
+    ```
+
+If you want to test all the steps before applying them to your app, you can check our React Native SDK sample app here:
+https://github.com/jitsi/jitsi-meet-sdk-samples/tree/master/react-native
+
+
+## Using JWT tokens
+- If you are planning to use tokens or another domain, you can do that by updating the following props, as shown below.
+- For example:
+```javascript
+  <JitsiMeeting
+    room = { 'ThisIsNotATestRoomName' }
+    serverURL = { 'https://meet.jit.si/' }
+    token={ 'dkhalhfajhflahlfaahalhfahfsl' } />
+```
+
+## Using custom overflow menu buttons
+- If you are planning to add custom overflow menu buttons, you can do that by updating the ```config``` prop, as shown below.
+- For example:
+```javascript
+  <JitsiMeeting
+    config = {{
+        customToolbarButtons: [
+            {
+                icon: "https://w7.pngwing.com/pngs/987/537/png-transparent-download-downloading-save-basic-user-interface-icon-thumbnail.png",
+                id: "btn1",
+                text: "Button one"
+            }, {
+                icon: "https://w7.pngwing.com/pngs/987/537/png-transparent-download-downloading-save-basic-user-interface-icon-thumbnail.png",
+                id: "btn2",
+                text: "Button two"
+            }
+        ]
+    }}
+    room = { 'ThisIsNotATestRoomName' }
+    serverURL = { 'https://meet.jit.si/' }
+    token = { 'dkhalhfajhflahlfaahalhfahfsl' } />
+```
+
+For more details on how you can use React Native SDK with React Native app, you can follow this link:
+https://jitsi.github.io/handbook/docs/dev-guide/dev-guide-react-native-sdk
diff --git a/react-native-sdk/android/build.gradle b/react-native-sdk/android/build.gradle
new file mode 100644
index 0000000..83bfa79
--- /dev/null
+++ b/react-native-sdk/android/build.gradle
@@ -0,0 +1,156 @@
+buildscript {
+  repositories {
+      google()
+      mavenCentral()
+  }
+
+  dependencies {
+    classpath "com.android.tools.build:gradle:$rootProject.ext.gradlePluginVersion"
+  }
+}
+
+def isNewArchitectureEnabled() {
+  return rootProject.hasProperty("newArchEnabled") &&  rootProject.getProperty("newArchEnabled") == "true"
+}
+
+apply plugin: 'com.android.library'
+
+if (isNewArchitectureEnabled()) {
+  apply plugin: 'com.facebook.react'
+}
+
+def getExtOrDefault(name) {
+  return rootProject.ext.has(name) ? rootProject.ext.get(name) : project.properties['JitsiMeetReactNative_' + name]
+}
+
+def getExtOrIntegerDefault(name) {
+  return rootProject.ext.has(name) ? rootProject.ext.get(name) : (project.properties['JitsiMeetReactNative_' + name]).toInteger()
+}
+
+android {
+  namespace 'org.jitsi.meet.sdk'
+  compileSdkVersion getExtOrIntegerDefault('compileSdkVersion')
+
+  defaultConfig {
+    minSdkVersion getExtOrIntegerDefault('minSdkVersion')
+    targetSdkVersion getExtOrIntegerDefault('targetSdkVersion')
+    buildConfigField "boolean", "IS_NEW_ARCHITECTURE_ENABLED", isNewArchitectureEnabled().toString()
+  }
+  buildTypes {
+    release {
+      minifyEnabled false
+    }
+  }
+
+  lintOptions {
+    disable 'GradleCompatible'
+  }
+
+  compileOptions {
+    sourceCompatibility JavaVersion.VERSION_17
+    targetCompatibility JavaVersion.VERSION_17
+  }
+}
+
+repositories {
+  mavenCentral()
+  google()
+
+  def found = false
+  def defaultDir = null
+  def androidSourcesName = 'React Native sources'
+
+  if (rootProject.ext.has('reactNativeAndroidRoot')) {
+    defaultDir = rootProject.ext.get('reactNativeAndroidRoot')
+  } else {
+    defaultDir = new File(
+      projectDir,
+      '/../../../node_modules/react-native/android'
+    )
+  }
+
+  if (defaultDir.exists()) {
+    maven {
+      url defaultDir.toString()
+      name androidSourcesName
+    }
+
+    logger.info(":${project.name}:reactNativeAndroidRoot ${defaultDir.canonicalPath}")
+    found = true
+  } else {
+    def parentDir = rootProject.projectDir
+
+    1.upto(5, {
+      if (found) return true
+      parentDir = parentDir.parentFile
+
+      def androidSourcesDir = new File(
+        parentDir,
+        'node_modules/react-native'
+      )
+
+      def androidPrebuiltBinaryDir = new File(
+        parentDir,
+        'node_modules/react-native/android'
+      )
+
+      if (androidPrebuiltBinaryDir.exists()) {
+        maven {
+          url androidPrebuiltBinaryDir.toString()
+          name androidSourcesName
+        }
+
+        logger.info(":${project.name}:reactNativeAndroidRoot ${androidPrebuiltBinaryDir.canonicalPath}")
+        found = true
+      } else if (androidSourcesDir.exists()) {
+        maven {
+          url androidSourcesDir.toString()
+          name androidSourcesName
+        }
+
+        logger.info(":${project.name}:reactNativeAndroidRoot ${androidSourcesDir.canonicalPath}")
+        found = true
+      }
+    })
+  }
+
+  if (!found) {
+    throw new GradleException(
+      "${project.name}: unable to locate React Native android sources. " +
+      "Ensure you have you installed React Native as a dependency in your project and try again."
+    )
+  }
+}
+
+
+dependencies {
+  // noinspection GradleDynamicVersion
+  implementation "com.facebook.react:react-native:+"
+  implementation 'com.dropbox.core:dropbox-core-sdk:4.0.1'
+  implementation 'com.jakewharton.timber:timber:4.7.1'
+  // From node_modules
+}
+
+if (isNewArchitectureEnabled()) {
+  react {
+    jsRootDir = file("../")
+    libraryName = "JitsiMeetReactNative"
+    codegenJavaPackageName = "org.jitsi.meet.sdk"
+  }
+}
+
+// Copy sounds to assets directory
+android.libraryVariants.all { def variant ->
+    def mergeAssetsTask = variant.mergeAssetsProvider.get()
+    def mergeResourcesTask = variant.mergeResourcesProvider.get()
+    mergeAssetsTask.doLast {
+        def assetsDir = mergeAssetsTask.outputDir.get()
+        def soundsDir = "${projectDir}/../sounds"
+        copy {
+            from("${soundsDir}")
+            include("*.wav")
+            include("*.mp3")
+            into("${assetsDir}/sounds")
+        }
+    }
+}
diff --git a/react-native-sdk/android/gradle.properties b/react-native-sdk/android/gradle.properties
new file mode 100644
index 0000000..b3dd1d1
--- /dev/null
+++ b/react-native-sdk/android/gradle.properties
@@ -0,0 +1,5 @@
+JitsiMeetReactNative_kotlinVersion=2.0.21
+JitsiMeetReactNative_minSdkVersion=26
+JitsiMeetReactNative_targetSdkVersion=34
+JitsiMeetReactNative_compileSdkVersion=34
+JitsiMeetReactNative_ndkversion=27.1.12297006
diff --git a/react-native-sdk/index.tsx b/react-native-sdk/index.tsx
new file mode 100644
index 0000000..6923d91
--- /dev/null
+++ b/react-native-sdk/index.tsx
@@ -0,0 +1,176 @@
+/* eslint-disable lines-around-comment,  no-undef, no-unused-vars  */
+
+// NB: This import must always come first.
+import './react/bootstrap.native';
+
+import React, {
+    forwardRef,
+    useEffect,
+    useImperativeHandle,
+    useLayoutEffect,
+    useRef,
+    useState
+} from 'react';
+import { View, ViewStyle } from 'react-native';
+
+import type { IRoomsInfo } from '../react/features/breakout-rooms/types';
+
+import { appNavigate } from './react/features/app/actions.native';
+import { App } from './react/features/app/components/App.native';
+import { setAudioOnly } from './react/features/base/audio-only/actions';
+import { setAudioMuted, setVideoMuted } from './react/features/base/media/actions';
+import { getRoomsInfo } from './react/features/breakout-rooms/functions';
+
+
+interface IEventListeners {
+    onAudioMutedChanged?: Function;
+    onVideoMutedChanged?: Function;
+    onConferenceBlurred?: Function;
+    onConferenceFocused?: Function;
+    onConferenceJoined?: Function;
+    onConferenceLeft?: Function;
+    onConferenceWillJoin?: Function;
+    onEnterPictureInPicture?: Function;
+    onEndpointMessageReceived?: Function;
+    onParticipantJoined?: Function;
+    onParticipantLeft?: ({ id }: { id: string }) => void;
+    onReadyToClose?: Function;
+}
+
+interface IUserInfo {
+    avatarURL: string;
+    displayName: string;
+    email: string;
+}
+
+interface IAppProps {
+    config: object;
+    eventListeners?: IEventListeners;
+    flags?: object;
+    room: string;
+    serverURL?: string;
+    style?: Object;
+    token?: string;
+    userInfo?: IUserInfo;
+}
+
+export interface JitsiRefProps {
+    close: Function;
+    setAudioOnly?: (value: boolean) => void;
+    setAudioMuted?: (muted: boolean) => void;
+    setVideoMuted?: (muted: boolean) => void;
+    getRoomsInfo?: () => IRoomsInfo;
+}
+
+/**
+ * Main React Native SDK component that displays a Jitsi Meet conference and gets all required params as props
+ */
+export const JitsiMeeting = forwardRef<JitsiRefProps, IAppProps>((props, ref) => {
+    const [ appProps, setAppProps ] = useState({});
+    const app = useRef(null);
+    const {
+        config,
+        eventListeners,
+        flags,
+        room,
+        serverURL,
+        style,
+        token,
+        userInfo
+    } = props;
+
+    // eslint-disable-next-line arrow-body-style
+    useImperativeHandle(ref, () => ({
+        close: () => {
+            const dispatch = app.current.state.store.dispatch;
+
+            dispatch(appNavigate(undefined));
+        },
+        setAudioOnly: value => {
+            const dispatch = app.current.state.store.dispatch;
+
+            dispatch(setAudioOnly(value));
+        },
+        setAudioMuted: muted => {
+            const dispatch = app.current.state.store.dispatch;
+
+            dispatch(setAudioMuted(muted));
+        },
+        setVideoMuted: muted => {
+            const dispatch = app.current.state.store.dispatch;
+
+            dispatch(setVideoMuted(muted));
+        },
+        getRoomsInfo: () => {
+            const state = app.current.state.store.getState();
+
+            return getRoomsInfo(state);
+        }
+    }));
+
+    useEffect(
+        () => {
+            const urlObj = {
+                config,
+                jwt: token
+            };
+
+            let urlProps;
+
+            if (room.includes('://')) {
+                urlProps = {
+                    ...urlObj,
+                    url: room
+                };
+            } else {
+                urlProps = {
+                    ...urlObj,
+                    room,
+                    serverURL
+                };
+            }
+
+            setAppProps({
+                'flags': flags,
+                'rnSdkHandlers': {
+                    onAudioMutedChanged: eventListeners?.onAudioMutedChanged,
+                    onVideoMutedChanged: eventListeners?.onVideoMutedChanged,
+                    onConferenceBlurred: eventListeners?.onConferenceBlurred,
+                    onConferenceFocused: eventListeners?.onConferenceFocused,
+                    onConferenceJoined: eventListeners?.onConferenceJoined,
+                    onConferenceWillJoin: eventListeners?.onConferenceWillJoin,
+                    onConferenceLeft: eventListeners?.onConferenceLeft,
+                    onEnterPictureInPicture: eventListeners?.onEnterPictureInPicture,
+                    onEndpointMessageReceived: eventListeners?.onEndpointMessageReceived,
+                    onParticipantJoined: eventListeners?.onParticipantJoined,
+                    onParticipantLeft: eventListeners?.onParticipantLeft,
+                    onReadyToClose: eventListeners?.onReadyToClose
+                },
+                'url': urlProps,
+                'userInfo': userInfo
+            });
+        }, []
+    );
+
+    // eslint-disable-next-line arrow-body-style
+    useLayoutEffect(() => {
+        /**
+         * When you close the component you need to reset it.
+         * In some cases it needs to be added as the parent component may have been destroyed.
+         * Without this change the call remains active without having the jitsi screen.
+        */
+        return () => {
+            const dispatch = app.current?.state?.store?.dispatch;
+
+            dispatch && dispatch(appNavigate(undefined));
+        };
+    }, []);
+
+    return (
+        <View style = { style as ViewStyle }>
+            <App
+                { ...appProps }
+                ref = { app } />
+        </View>
+    );
+});
diff --git a/react-native-sdk/jitsi-meet-rnsdk.podspec b/react-native-sdk/jitsi-meet-rnsdk.podspec
new file mode 100644
index 0000000..d49445e
--- /dev/null
+++ b/react-native-sdk/jitsi-meet-rnsdk.podspec
@@ -0,0 +1,35 @@
+require 'json'
+
+package = JSON.parse(File.read(File.join(__dir__, 'package.json')))
+
+Pod::Spec.new do |s|
+  s.name           = 'jitsi-meet-rnsdk'
+  s.version        = package['version']
+  s.summary        = package['description']
+  s.description    = package['description']
+  s.license        = package['license']
+  s.author         = package['author']
+  s.homepage       = package['homepage']
+  s.source         = { :git => package['repository']['url'], :tag => s.version }
+
+  s.requires_arc   = true
+  s.platform       = :ios, '15.1'
+
+  s.preserve_paths = 'ios/**/*'
+  s.source_files   =  'ios/**/*.{h,m}'
+
+  s.dependency 'React-Core'
+  s.dependency 'react-native-webrtc'
+
+  s.dependency 'ObjectiveDropboxOfficial', '6.2.3'
+
+  s.script_phase = {
+      :name => 'Copy Sound Files',
+      :script => '
+          SOURCE_PATH="${PODS_TARGET_SRCROOT}/sounds/"
+          TARGET_PATH=$(dirname "${CONFIGURATION_BUILD_DIR}")
+          PROJECT_NAME=$(basename $(dirname $(dirname "${PROJECT_DIR}"))).app
+          ditto "${SOURCE_PATH}" "${TARGET_PATH}/${PROJECT_NAME}/sounds"
+      ',
+  }
+end
diff --git a/react-native-sdk/package.json b/react-native-sdk/package.json
new file mode 100644
index 0000000..c2219de
--- /dev/null
+++ b/react-native-sdk/package.json
@@ -0,0 +1,104 @@
+{
+    "name": "@jitsi/react-native-sdk",
+    "version": "0.0.0",
+    "description": "React Native SDK for Jitsi Meet.",
+    "main": "index.tsx",
+    "license": "Apache-2.0",
+    "author": "",
+    "homepage": "https://jitsi.org",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/jitsi/jitsi-meet.git"
+    },
+    "dependencies": {
+        "@braintree/sanitize-url": "0.0.0",
+        "@jitsi/js-utils": "0.0.0",
+        "@jitsi/logger": "0.0.0",
+        "@jitsi/rtcstats": "0.0.0",
+        "@react-navigation/bottom-tabs": "0.0.0",
+        "@react-navigation/elements": "0.0.0",
+        "@react-navigation/material-top-tabs": "0.0.0",
+        "@react-navigation/native": "0.0.0",
+        "@react-navigation/stack": "0.0.0",
+        "@stomp/stompjs": "0.0.0",
+        "@xmldom/xmldom": "0.0.0",
+        "abab": "0.0.0",
+        "base64-js": "0.0.0",
+        "dayjs": "0.0.0",
+        "grapheme-splitter": "0.0.0",
+        "i18n-iso-countries": "0.0.0",
+        "i18next": "0.0.0",
+        "js-md5": "0.0.0",
+        "i18next-http-backend": "0.0.0",
+        "js-sha512": "0.0.0",
+        "jwt-decode": "0.0.0",
+        "lib-jitsi-meet": "0.0.0",
+        "lodash-es": "0.0.0",
+        "optional-require": "0.0.0",
+        "promise.allsettled": "0.0.0",
+        "promise.withresolvers": "0.0.0",
+        "punycode": "0.0.0",
+        "react-emoji-render": "0.0.0",
+        "react-i18next": "0.0.0",
+        "react-linkify": "0.0.0",
+        "react-native-dialog": "0.0.0",
+        "react-native-paper": "0.0.0",
+        "react-native-svg-transformer": "0.0.0",
+        "react-native-tab-view": "0.0.0",
+        "react-native-url-polyfill": "0.0.0",
+        "react-native-youtube-iframe": "0.0.0",
+        "react-redux": "0.0.0",
+        "redux": "0.0.0",
+        "redux-thunk": "0.0.0",
+        "text-encoding": "0.0.0",
+        "unorm": "0.0.0",
+        "util": "0.0.0",
+        "uuid": "0.0.0",
+        "zxcvbn": "0.0.0"
+    },
+    "peerDependencies": {
+        "@amplitude/analytics-react-native": "0.0.0",
+        "@giphy/react-native-sdk": "0.0.0",
+        "@react-native-async-storage/async-storage": "0.0.0",
+        "@react-native-clipboard/clipboard": "0.0.0",
+        "@react-native-community/netinfo": "0.0.0",
+        "@react-native-community/slider": "0.0.0",
+        "@react-native-google-signin/google-signin": "0.0.0",
+        "@sayem314/react-native-keep-awake": "0.0.0",
+        "react-native": "0.0.0",
+        "react": "*",
+        "react-native-background-timer": "0.0.0",
+        "react-native-calendar-events": "0.0.0",
+        "react-native-default-preference": "0.0.0",
+        "react-native-device-info": "0.0.0",
+        "react-native-get-random-values": "0.0.0",
+        "react-native-gesture-handler": "0.0.0",
+        "react-native-pager-view": "0.0.0",
+        "react-native-performance": "0.0.0",
+        "react-native-orientation-locker": "0.0.0",
+        "react-native-safe-area-context": "0.0.0",
+        "react-native-screens": "0.0.0",
+        "react-native-sound": "0.0.0",
+        "react-native-splash-view": "0.0.0",
+        "react-native-svg": "0.0.0",
+        "react-native-video": "0.0.0",
+        "react-native-watch-connectivity": "0.0.0",
+        "react-native-webrtc": "0.0.0",
+        "react-native-webview": "0.0.0",
+        "react-native-worklets-core": "0.0.0"
+    },
+    "devDependencies": {
+        "@babel/plugin-proposal-nullish-coalescing-operator": "0.0.0",
+        "@babel/plugin-proposal-optional-chaining": "0.0.0"
+    },
+    "scripts": {
+        "postinstall": "node sdk_instructions.js",
+        "prepare": "node prepare_sdk.js"
+    },
+    "bugs": {
+        "url": "https://github.com/jitsi/jitsi-meet/issues"
+    },
+    "keywords": [
+        "react-native"
+    ]
+}
diff --git a/react-native-sdk/prepare_sdk.js b/react-native-sdk/prepare_sdk.js
new file mode 100644
index 0000000..cc6ab78
--- /dev/null
+++ b/react-native-sdk/prepare_sdk.js
@@ -0,0 +1,202 @@
+const fs = require('fs');
+const path = require('path');
+
+const androidSourcePath = '../android/sdk/src/main/java/org/jitsi/meet/sdk';
+const androidMainSourcePath = '../android/sdk/src/main/res';
+const androidTargetPath = './android/src/main/java/org/jitsi/meet/sdk';
+const androidMainTargetPath = './android/src/main/res';
+const iosSrcPath = '../ios/sdk/src';
+const iosDestPath = './ios/src';
+
+
+/**
+ * Copies a specified file in a way that recursive copy is possible.
+ */
+function copyFileSync(source, target) {
+
+    let targetFile = target;
+
+    // If target is a directory, a new file with the same name will be created
+    if (fs.existsSync(target)) {
+        if (fs.lstatSync(target).isDirectory()) {
+            targetFile = path.join(target, path.basename(source));
+        }
+    }
+
+    fs.copyFileSync(source, targetFile);
+}
+
+
+/**
+ * Copies a specified directory recursively.
+ */
+function copyFolderRecursiveSync(source, target) {
+    let files = [];
+    const targetFolder = path.join(target, path.basename(source));
+
+    if (!fs.existsSync(targetFolder)) {
+        fs.mkdirSync(targetFolder, { recursive: true });
+    }
+
+    if (fs.lstatSync(source).isDirectory()) {
+        files = fs.readdirSync(source);
+        files.forEach(file => {
+            const curSource = path.join(source, file);
+
+            if (fs.lstatSync(curSource).isDirectory()) {
+                copyFolderRecursiveSync(curSource, targetFolder);
+            } else {
+                copyFileSync(curSource, targetFolder);
+            }
+        });
+    }
+}
+
+copyFolderRecursiveSync(
+    '../images',
+    '.'
+);
+copyFolderRecursiveSync(
+    '../sounds',
+    '.'
+);
+copyFolderRecursiveSync(
+    '../lang',
+    '.'
+);
+copyFolderRecursiveSync(
+    '../modules',
+    '.'
+);
+copyFolderRecursiveSync(
+    '../react',
+    '.'
+);
+copyFolderRecursiveSync(
+    '../ios/sdk/sdk.xcodeproj',
+    './ios'
+);
+copyFolderRecursiveSync(
+    `${iosSrcPath}/callkit`,
+    iosDestPath
+);
+copyFolderRecursiveSync(
+    `${iosSrcPath}/dropbox`,
+    iosDestPath
+);
+fs.copyFileSync(
+    `${iosSrcPath}/AppInfo.m`,
+    `${iosDestPath}/AppInfo.m`
+);
+fs.copyFileSync(
+    `${iosSrcPath}/AudioMode.m`,
+    `${iosDestPath}/AudioMode.m`
+);
+fs.copyFileSync(
+    `${iosSrcPath}/InfoPlistUtil.m`,
+    `${iosDestPath}/InfoPlistUtil.m`
+);
+fs.copyFileSync(
+    `${iosSrcPath}/InfoPlistUtil.h`,
+    `${iosDestPath}/InfoPlistUtil.h`
+);
+fs.copyFileSync(
+    `${iosSrcPath}/JitsiAudioSession.m`,
+    `${iosDestPath}/JitsiAudioSession.m`
+);
+fs.copyFileSync(
+    `${iosSrcPath}/JitsiAudioSession.h`,
+    `${iosDestPath}/JitsiAudioSession.h`
+);
+fs.copyFileSync(
+    `${iosSrcPath}/JitsiAudioSession+Private.h`,
+    `${iosDestPath}/JitsiAudioSession+Private.h`
+);
+fs.copyFileSync(
+    `${iosSrcPath}/LocaleDetector.m`,
+    `${iosDestPath}/LocaleDetector.m`
+);
+fs.copyFileSync(
+    `${iosSrcPath}/POSIX.m`,
+    `${iosDestPath}/POSIX.m`
+);
+fs.copyFileSync(
+    `${iosSrcPath}/Proximity.m`,
+    `${iosDestPath}/Proximity.m`
+);
+copyFolderRecursiveSync(
+    `${androidSourcePath}/log`,
+     `${androidTargetPath}/log`
+);
+copyFolderRecursiveSync(
+    `${androidMainSourcePath}/values`,
+    `${androidMainTargetPath}`
+);
+copyFolderRecursiveSync(
+    `${androidMainSourcePath}/drawable-hdpi`,
+     `${androidMainTargetPath}`
+);
+copyFolderRecursiveSync(
+    `${androidMainSourcePath}/drawable-mdpi`,
+     `${androidMainTargetPath}`
+);
+copyFolderRecursiveSync(
+    `${androidMainSourcePath}/drawable-xhdpi`,
+     `${androidMainTargetPath}`
+);
+copyFolderRecursiveSync(
+    `${androidMainSourcePath}/drawable-xxhdpi`,
+     `${androidMainTargetPath}`
+);
+copyFolderRecursiveSync(
+    `${androidMainSourcePath}/drawable-xxxhdpi`,
+     `${androidMainTargetPath}`
+);
+copyFolderRecursiveSync(
+    `${androidSourcePath}/net`,
+    `${androidTargetPath}/log`
+);
+fs.copyFileSync(
+    `${androidSourcePath}/AndroidSettingsModule.java`,
+    `${androidTargetPath}/AndroidSettingsModule.java`
+);
+fs.copyFileSync(
+    `${androidSourcePath}/AppInfoModule.java`,
+    `${androidTargetPath}/AppInfoModule.java`
+);
+fs.copyFileSync(
+    `${androidSourcePath}/AudioDeviceHandlerConnectionService.java`,
+    `${androidTargetPath}/AudioDeviceHandlerConnectionService.java`
+);
+fs.copyFileSync(
+    `${androidSourcePath}/AudioDeviceHandlerGeneric.java`,
+    `${androidTargetPath}/AudioDeviceHandlerGeneric.java`
+);
+fs.copyFileSync(
+    `${androidSourcePath}/AudioModeModule.java`,
+    `${androidTargetPath}/AudioModeModule.java`
+);
+fs.copyFileSync(
+    `${androidSourcePath}/ConnectionService.java`,
+    `${androidTargetPath}/ConnectionService.java`
+);
+fs.copyFileSync(
+    `${androidSourcePath}/LocaleDetector.java`,
+    `${androidTargetPath}/LocaleDetector.java`
+);
+fs.copyFileSync(
+    `${androidSourcePath}/LogBridgeModule.java`,
+    `${androidTargetPath}/LogBridgeModule.java`
+);
+fs.copyFileSync(
+    `${androidSourcePath}/PictureInPictureModule.java`,
+    `${androidTargetPath}/PictureInPictureModule.java`
+);
+fs.copyFileSync(
+    `${androidSourcePath}/ProximityModule.java`,
+    `${androidTargetPath}/ProximityModule.java`
+);
+fs.copyFileSync(
+    `${androidSourcePath}/RNConnectionService.java`,
+    `${androidTargetPath}/RNConnectionService.java`
+);
diff --git a/react-native-sdk/sdk_instructions.js b/react-native-sdk/sdk_instructions.js
new file mode 100644
index 0000000..8cb74a8
--- /dev/null
+++ b/react-native-sdk/sdk_instructions.js
@@ -0,0 +1,2 @@
+console.log('Run node node_modules/@jitsi/react-native-sdk/update_dependencies.js '
+    + 'script to update the necessary dependencies');
diff --git a/react-native-sdk/update_dependencies.js b/react-native-sdk/update_dependencies.js
new file mode 100644
index 0000000..4a73be4
--- /dev/null
+++ b/react-native-sdk/update_dependencies.js
@@ -0,0 +1,110 @@
+/* eslint-disable guard-for-in */
+/* global __dirname */
+
+const fs = require('fs');
+const path = require('path');
+const semver = require('semver');
+
+
+const pathToPackageJSON = path.resolve(__dirname, '../../../package.json');
+
+const packageJSON = require(pathToPackageJSON);
+
+const RNSDKpackageJSON = require(path.resolve(__dirname, './package.json'));
+
+
+/**
+ * Updates dependencies from the app package.json with the peer dependencies of the RNSDK package.json.
+ */
+function updateDependencies() {
+    let updated = false;
+
+    for (const key in RNSDKpackageJSON.peerDependencies) {
+        if (!packageJSON.dependencies.hasOwnProperty(key)) {
+            packageJSON.dependencies[key] = RNSDKpackageJSON.peerDependencies[key];
+            updated = true;
+        }
+
+        if (!semver.valid(packageJSON.dependencies[key])
+            && packageJSON.dependencies[key] !== RNSDKpackageJSON.peerDependencies[key]) {
+            packageJSON.dependencies[key] = RNSDKpackageJSON.peerDependencies[key];
+            updated = true;
+
+            console.log(`
+⚠️We changed ${key} version number from ${packageJSON.dependencies[key]} to ${RNSDKpackageJSON.peerDependencies[key]}`
+            );
+
+            continue;
+        }
+
+        if (semver.satisfies(RNSDKpackageJSON.peerDependencies[key], `=${packageJSON.dependencies[key]}`)) {
+            continue;
+        }
+
+        if (semver.satisfies(RNSDKpackageJSON.peerDependencies[key], `>${packageJSON.dependencies[key]}`)) {
+            packageJSON.dependencies[key] = RNSDKpackageJSON.peerDependencies[key];
+            updated = true;
+
+            console.log(`${key} is now set to ${RNSDKpackageJSON.peerDependencies[key]}`);
+        }
+
+        if (!semver.valid(RNSDKpackageJSON.peerDependencies[key])
+            && RNSDKpackageJSON.peerDependencies[key].includes('github')
+            && packageJSON.dependencies[key] !== RNSDKpackageJSON.peerDependencies[key]) {
+            packageJSON.dependencies[key] = RNSDKpackageJSON.peerDependencies[key];
+            updated = true;
+
+            console.log(
+`A fix for ${key} is available on ${RNSDKpackageJSON.peerDependencies[key]}.
+This is now set on your end.`
+            );
+        }
+    }
+    
+    packageJSON.devDependencies = packageJSON.devDependencies || {};
+
+    for (const key in RNSDKpackageJSON.devDependencies) {
+        if (!packageJSON.devDependencies.hasOwnProperty(key)) {
+            packageJSON.devDependencies[key] = RNSDKpackageJSON.devDependencies[key];
+            updated = true;
+        }
+    }
+
+    if (!updated) {
+        console.log('All your dependencies are up to date!');
+
+        return;
+    }
+
+    console.log(`
+=========================
+🚀 Your project was updated!
+🛠 Make sure you run npm install
+📱 If you are building for iOS run cd ios && pod install to link them.
+=========================
+`);
+
+    packageJSON.dependencies = Object.keys(packageJSON.dependencies)
+        .sort()
+        .reduce((item, itemKey) => {
+            item[itemKey] = packageJSON.dependencies[itemKey];
+
+            return item;
+        }, {});
+        
+    packageJSON.devDependencies = Object.keys(packageJSON.devDependencies)
+    .sort()
+    .reduce((item, itemKey) => {
+        item[itemKey] = packageJSON.devDependencies[itemKey];
+
+        return item;
+    }, {});
+
+    fs.writeFileSync(pathToPackageJSON, JSON.stringify(packageJSON, null, 2));
+
+    console.log(
+        'All needed dependencies have been updated. \nPlease run npm install.'
+    );
+}
+
+updateDependencies();
diff --git a/react-native-sdk/update_sdk_dependencies.js b/react-native-sdk/update_sdk_dependencies.js
new file mode 100644
index 0000000..783ac96
--- /dev/null
+++ b/react-native-sdk/update_sdk_dependencies.js
@@ -0,0 +1,59 @@
+const fs = require('fs');
+const semver = require('semver');
+
+const packageJSON = require('../package.json');
+
+const SDKPackageJSON = require('./package.json');
+
+// Skip checking these.
+const skipDeps = [ 'react', 'react-native' ];
+
+/**
+ * Merges the dependency versions from the root package.json with the dependencies of the SDK package.json.
+ */
+function mergeDependencyVersions() {
+
+    // Updates SDK dependencies to match project dependencies.
+    for (const key in SDKPackageJSON.dependencies) {
+        if (SDKPackageJSON.dependencies.hasOwnProperty(key)) {
+            SDKPackageJSON.dependencies[key] = packageJSON.dependencies[key] || packageJSON.devDependencies[key];
+        }
+    }
+
+    // Updates SDK peer dependencies.
+    for (const key in packageJSON.dependencies) {
+        if (SDKPackageJSON.peerDependencies.hasOwnProperty(key) && !skipDeps.includes(key)) {
+            SDKPackageJSON.peerDependencies[key] = packageJSON.dependencies[key];
+        }
+    }
+    
+    // Updates SDK dev dependencies(used by react-native-worklets-core lib. babel plugin)
+    for (const key in packageJSON.devDependencies) {
+        if (SDKPackageJSON.devDependencies.hasOwnProperty(key)) {
+            SDKPackageJSON.devDependencies[key] = packageJSON.devDependencies[key];
+        }
+    }
+
+    // Set RN peer dependency.
+    const rnVersion = semver.parse(packageJSON.dependencies['react-native']);
+
+    if (!rnVersion) {
+        throw new Error('failed to parse React Native version');
+    }
+
+    // In RN the "major" version is the Semver minor.
+    SDKPackageJSON.peerDependencies['react-native'] = `~0.${rnVersion.minor}.0`;
+
+    // Updates SDK overrides dependencies.
+    for (const key in packageJSON.overrides) {
+        if (SDKPackageJSON.overrides.hasOwnProperty(key)) {
+            SDKPackageJSON.overrides[key] = packageJSON.overrides[key];
+        }
+    }
+
+    const data = JSON.stringify(SDKPackageJSON, null, 4);
+
+    fs.writeFileSync('package.json', data);
+}
+
+mergeDependencyVersions();
diff --git a/react-native.config.js b/react-native.config.js
new file mode 100644
index 0000000..513e59e
--- /dev/null
+++ b/react-native.config.js
@@ -0,0 +1,25 @@
+/**
+ * This is needed because the RN cli incorrectly detects the iOS app path as
+ * jitsi-meet/ios/app and thus all pod references in the now dynamically generated
+ * Podfile are wrong.
+ */
+module.exports = {
+    // Exclude some dependencies from auto-linking for the lite SDK.
+    dependencies: {
+        '@giphy/react-native-sdk': {
+            platforms: {
+                ios: null
+            }
+        },
+        '@react-native-google-signin/google-signin': {
+            platforms: {
+                ios: null
+            }
+        },
+        'react-native-calendar-events': {
+            platforms: {
+                ios: null
+            }
+        }
+    }
+};
diff --git a/react/.eslintrc-react-native.js b/react/.eslintrc-react-native.js
new file mode 100644
index 0000000..3e48436
--- /dev/null
+++ b/react/.eslintrc-react-native.js
@@ -0,0 +1,11 @@
+module.exports = {
+    plugins: [
+        'react-native'
+    ],
+    rules: {
+        'react-native/no-color-literals': 2,
+        'react-native/no-inline-styles': 2,
+        'react-native/no-unused-styles': 2,
+        'react-native/split-platform-components': 2
+    }
+};
diff --git a/react/.eslintrc.js b/react/.eslintrc.js
new file mode 100644
index 0000000..0a32a57
--- /dev/null
+++ b/react/.eslintrc.js
@@ -0,0 +1,28 @@
+module.exports = {
+    extends: [
+        '../.eslintrc.js',
+        '@jitsi/eslint-config/jsdoc',
+        '@jitsi/eslint-config/react',
+        '.eslintrc-react-native.js'
+    ],
+    overrides: [
+        {
+            files: [ '*.ts', '*.tsx' ],
+            extends: [ '@jitsi/eslint-config/typescript' ],
+            parserOptions: {
+                project: [ './tsconfig.web.json', './tsconfig.native.json' ]
+            },
+            rules: {
+                // TODO: Remove these and fix the warnings
+                '@typescript-eslint/no-unsafe-function-type': 0,
+                '@typescript-eslint/no-wrapper-object-types': 0,
+                '@typescript-eslint/no-require-imports': 0
+            }
+        }
+    ],
+    settings: {
+        react: {
+            'version': 'detect'
+        }
+    }
+};
diff --git a/react/bootstrap.native.js b/react/bootstrap.native.js
new file mode 100644
index 0000000..f60ccf8
--- /dev/null
+++ b/react/bootstrap.native.js
@@ -0,0 +1,7 @@
+// https://github.com/software-mansion/react-native-gesture-handler/issues/320#issuecomment-443815828
+import 'react-native-gesture-handler';
+
+// Apply all necessary polyfills as early as possible to make sure anything imported henceforth
+// sees them.
+import 'react-native-get-random-values';
+import './features/mobile/polyfills';
diff --git a/react/features/always-on-top/AlwaysOnTop.tsx b/react/features/always-on-top/AlwaysOnTop.tsx
new file mode 100644
index 0000000..5ed8b36
--- /dev/null
+++ b/react/features/always-on-top/AlwaysOnTop.tsx
@@ -0,0 +1,281 @@
+import React, { Component } from 'react';
+
+// We need to reference these files directly to avoid loading things that are not available
+// in this environment (e.g. JitsiMeetJS or interfaceConfig)
+import StatelessAvatar from '../base/avatar/components/web/StatelessAvatar';
+import { getAvatarColor, getInitials } from '../base/avatar/functions';
+import { DEFAULT_ICON } from '../base/icons/svg/constants';
+
+import Toolbar from './Toolbar';
+
+const { api } = window.alwaysOnTop;
+
+/**
+ * The timeout in ms for hiding the toolbar.
+ */
+const TOOLBAR_TIMEOUT = 4000;
+
+/**
+ * The type of the React {@code Component} state of {@link AlwaysOnTop}.
+ */
+interface IState {
+    avatarURL: string;
+    customAvatarBackgrounds: Array<string>;
+    displayName: string;
+    formattedDisplayName: string;
+    isVideoDisplayed: boolean;
+    userID: string;
+    visible: boolean;
+}
+
+/**
+ * Represents the always on top page.
+ *
+ * @class AlwaysOnTop
+ * @augments Component
+ */
+export default class AlwaysOnTop extends Component<any, IState> {
+    _hovered: boolean;
+
+    /**
+     * Initializes a new {@code AlwaysOnTop} instance.
+     *
+     * @param {*} props - The read-only properties with which the new instance
+     * is to be initialized.
+     */
+    constructor(props: any) {
+        super(props);
+
+        this.state = {
+            avatarURL: '',
+            customAvatarBackgrounds: [],
+            displayName: '',
+            formattedDisplayName: '',
+            isVideoDisplayed: true,
+            userID: '',
+            visible: true
+        };
+
+        // Bind event handlers so they are only bound once per instance.
+        this._avatarChangedListener = this._avatarChangedListener.bind(this);
+        this._displayNameChangedListener
+            = this._displayNameChangedListener.bind(this);
+        this._videoChangedListener
+            = this._videoChangedListener.bind(this);
+        this._mouseMove = this._mouseMove.bind(this);
+        this._onMouseOut = this._onMouseOut.bind(this);
+        this._onMouseOver = this._onMouseOver.bind(this);
+    }
+
+    /**
+     * Handles avatar changed api events.
+     *
+     * @returns {void}
+     */
+    _avatarChangedListener({ avatarURL, id }: { avatarURL: string; id: string; }) {
+        if (api._getOnStageParticipant() === id
+                && avatarURL !== this.state.avatarURL) {
+            this.setState({ avatarURL });
+        }
+    }
+
+    /**
+     * Handles display name changed api events.
+     *
+     * @returns {void}
+     */
+    _displayNameChangedListener({ displayname, formattedDisplayName, id }: { displayname: string;
+        formattedDisplayName: string; id: string; }) {
+        if (api._getOnStageParticipant() === id
+                && (formattedDisplayName !== this.state.formattedDisplayName
+                    || displayname !== this.state.displayName)) {
+            // I think the API has a typo using lowercase n for the displayname
+            this.setState({
+                displayName: displayname,
+                formattedDisplayName
+            });
+        }
+    }
+
+    /**
+     * Hides the toolbar after a timeout.
+     *
+     * @returns {void}
+     */
+    _hideToolbarAfterTimeout() {
+        setTimeout(
+            () => {
+                if (this._hovered) {
+                    this._hideToolbarAfterTimeout();
+                } else {
+                    this.setState({ visible: false });
+                }
+            },
+            TOOLBAR_TIMEOUT);
+    }
+
+    /**
+     * Handles large video changed api events.
+     *
+     * @returns {void}
+     */
+    _videoChangedListener() {
+        const userID = api._getOnStageParticipant();
+        const avatarURL = api.getAvatarURL(userID);
+        const displayName = api.getDisplayName(userID);
+        const formattedDisplayName = api._getFormattedDisplayName(userID);
+        const isVideoDisplayed = Boolean(api._getPrejoinVideo?.() || api._getLargeVideo());
+
+        this.setState({
+            avatarURL,
+            displayName,
+            formattedDisplayName,
+            isVideoDisplayed,
+            userID
+        });
+    }
+
+    /**
+     * Handles mouse move events.
+     *
+     * @returns {void}
+     */
+    _mouseMove() {
+        this.state.visible || this.setState({ visible: true });
+    }
+
+    /**
+     * Toolbar mouse out handler.
+     *
+     * @returns {void}
+     */
+    _onMouseOut() {
+        this._hovered = false;
+    }
+
+    /**
+     * Toolbar mouse over handler.
+     *
+     * @returns {void}
+     */
+    _onMouseOver() {
+        this._hovered = true;
+    }
+
+    /**
+     * Renders display name and avatar for the on stage participant.
+     *
+     * @returns {ReactElement}
+     */
+    _renderVideoNotAvailableScreen() {
+        const {
+            avatarURL,
+            customAvatarBackgrounds,
+            displayName,
+            formattedDisplayName,
+            isVideoDisplayed
+        } = this.state;
+
+        if (isVideoDisplayed) {
+            return null;
+        }
+
+        return (
+            <div id = 'videoNotAvailableScreen'>
+                <div id = 'avatarContainer'>
+                    <StatelessAvatar
+                        color = { getAvatarColor(displayName, customAvatarBackgrounds) }
+                        iconUser = { DEFAULT_ICON.IconUser }
+                        id = 'avatar'
+                        initials = { getInitials(displayName) }
+                        url = { avatarURL } />)
+                </div>
+                <div
+                    className = 'displayname'
+                    id = 'displayname'>
+                    { formattedDisplayName }
+                </div>
+            </div>
+        );
+    }
+
+    /**
+     * Sets mouse move listener and initial toolbar timeout.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidMount() {
+        api.on('avatarChanged', this._avatarChangedListener);
+        api.on('displayNameChange', this._displayNameChangedListener);
+        api.on('largeVideoChanged', this._videoChangedListener);
+        api.on('prejoinVideoChanged', this._videoChangedListener);
+        api.on('videoConferenceJoined', this._videoChangedListener);
+
+        this._videoChangedListener();
+
+        window.addEventListener('mousemove', this._mouseMove);
+
+        this._hideToolbarAfterTimeout();
+        api.getCustomAvatarBackgrounds()
+            .then((res: { avatarBackgrounds?: string[]; }) =>
+                this.setState({
+                    customAvatarBackgrounds: res.avatarBackgrounds || []
+                }))
+            .catch(console.error);
+    }
+
+    /**
+     * Sets a timeout to hide the toolbar when the toolbar is shown.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidUpdate(_prevProps: any, prevState: IState) {
+        if (!prevState.visible && this.state.visible) {
+            this._hideToolbarAfterTimeout();
+        }
+    }
+
+    /**
+     * Removes all listeners.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentWillUnmount() {
+        api.removeListener('avatarChanged', this._avatarChangedListener);
+        api.removeListener(
+            'displayNameChange',
+            this._displayNameChangedListener);
+        api.removeListener(
+            'largeVideoChanged',
+            this._videoChangedListener);
+        api.removeListener(
+            'prejoinVideoChanged',
+            this._videoChangedListener);
+        api.removeListener(
+            'videoConferenceJoined',
+            this._videoChangedListener);
+
+        window.removeEventListener('mousemove', this._mouseMove);
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        return (
+            <div id = 'alwaysOnTop'>
+                <Toolbar
+                    className = { this.state.visible ? 'fadeIn' : 'fadeOut' }
+                    onMouseOut = { this._onMouseOut }
+                    onMouseOver = { this._onMouseOver } />
+                { this._renderVideoNotAvailableScreen() }
+            </div>
+        );
+    }
+}
diff --git a/react/features/always-on-top/AudioMuteButton.tsx b/react/features/always-on-top/AudioMuteButton.tsx
new file mode 100644
index 0000000..6d2bf8d
--- /dev/null
+++ b/react/features/always-on-top/AudioMuteButton.tsx
@@ -0,0 +1,180 @@
+import React, { Component } from 'react';
+
+// We need to reference these files directly to avoid loading things that are not available
+// in this environment (e.g. JitsiMeetJS or interfaceConfig)
+
+import { DEFAULT_ICON } from '../base/icons/svg/constants';
+import { IProps } from '../base/toolbox/components/AbstractButton';
+
+import ToolbarButton from './ToolbarButton';
+
+const { api } = window.alwaysOnTop;
+
+/**
+ * The type of the React {@code Component} state of {@link AudioMuteButton}.
+ */
+interface IState {
+
+    /**
+     * Whether audio is available is not.
+     */
+    audioAvailable: boolean;
+
+    /**
+     * Whether audio is muted or not.
+     */
+    audioMuted: boolean;
+}
+
+type Props = Partial<IProps>;
+
+/**
+ * Stateless "mute/unmute audio" button for the Always-on-Top windows.
+ */
+export default class AudioMuteButton extends Component<Props, IState> {
+    icon = DEFAULT_ICON.IconMic;
+    toggledIcon = DEFAULT_ICON.IconMicSlash;
+    accessibilityLabel = 'Audio mute';
+
+    /**
+     * Initializes a new {@code AudioMuteButton} instance.
+     *
+     * @param {IProps} props - The React {@code Component} props to initialize
+     * the new {@code AudioMuteButton} instance with.
+     */
+    constructor(props: Props) {
+        super(props);
+
+        this.state = {
+            audioAvailable: false,
+            audioMuted: true
+        };
+
+        // Bind event handlers so they are only bound once per instance.
+        this._audioAvailabilityListener
+            = this._audioAvailabilityListener.bind(this);
+        this._audioMutedListener = this._audioMutedListener.bind(this);
+        this._onClick = this._onClick.bind(this);
+    }
+
+    /**
+     * Sets mouse move listener and initial toolbar timeout.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidMount() {
+        api.on('audioAvailabilityChanged', this._audioAvailabilityListener);
+        api.on('audioMuteStatusChanged', this._audioMutedListener);
+
+        Promise.all([
+            api.isAudioAvailable(),
+            api.isAudioMuted(),
+            api.isAudioDisabled?.() || Promise.resolve(false)
+        ])
+            .then(([ audioAvailable, audioMuted, audioDisabled ]) =>
+                this.setState({
+                    audioAvailable: audioAvailable && !audioDisabled,
+                    audioMuted
+                }))
+            .catch(console.error);
+    }
+
+    /**
+     * Removes all listeners.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentWillUnmount() {
+        api.removeListener(
+            'audioAvailabilityChanged',
+            this._audioAvailabilityListener);
+        api.removeListener(
+            'audioMuteStatusChanged',
+            this._audioMutedListener);
+    }
+
+    /**
+     * Handles audio available api events.
+     *
+     * @param {{ available: boolean }} status - The new available status.
+     * @returns {void}
+     */
+    _audioAvailabilityListener({ available }: { available: boolean; }) {
+        this.setState({ audioAvailable: available });
+    }
+
+    /**
+     * Handles audio muted api events.
+     *
+     * @param {{ muted: boolean }} status - The new muted status.
+     * @returns {void}
+     */
+    _audioMutedListener({ muted }: { muted: boolean; }) {
+        this.setState({ audioMuted: muted });
+    }
+
+    /**
+     * Indicates if audio is currently muted or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    _isAudioMuted() {
+        return this.state.audioMuted;
+    }
+
+    /**
+     * Indicates whether this button is disabled or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    _isDisabled() {
+        return !this.state.audioAvailable;
+    }
+
+    /**
+     * Changes the muted state.
+     *
+     * @override
+     * @param {boolean} _audioMuted - Whether audio should be muted or not.
+     * @protected
+     * @returns {void}
+     */
+    _setAudioMuted(_audioMuted: boolean) {
+        this.state.audioAvailable && api.executeCommand('toggleAudio');
+    }
+
+    /**
+     * Handles clicking / pressing the button, and toggles the audio mute state
+     * accordingly.
+     *
+     * @returns {void}
+     */
+    _onClick() {
+        this._setAudioMuted(!this._isAudioMuted());
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const toggled = this._isAudioMuted();
+
+        return (
+            <ToolbarButton
+                accessibilityLabel = { this.accessibilityLabel }
+                disabled = { this._isDisabled() }
+                icon = { toggled ? this.toggledIcon : this.icon }
+                onClick = { this._onClick }
+                toggled = { toggled } />
+        );
+    }
+}
diff --git a/react/features/always-on-top/HangupButton.tsx b/react/features/always-on-top/HangupButton.tsx
new file mode 100644
index 0000000..a60d0e5
--- /dev/null
+++ b/react/features/always-on-top/HangupButton.tsx
@@ -0,0 +1,60 @@
+import React, { Component } from 'react';
+
+// We need to reference these files directly to avoid loading things that are not available
+// in this environment (e.g. JitsiMeetJS or interfaceConfig)
+import { DEFAULT_ICON } from '../base/icons/svg/constants';
+import { IProps } from '../base/toolbox/components/AbstractButton';
+
+import ToolbarButton from './ToolbarButton';
+
+const { api } = window.alwaysOnTop;
+
+type Props = Partial<IProps>;
+
+/**
+ * Stateless hangup button for the Always-on-Top windows.
+ */
+export default class HangupButton extends Component<Props> {
+
+    accessibilityLabel = 'Hangup';
+    icon = DEFAULT_ICON.IconHangup;
+
+    /**
+     * Initializes a new {@code HangupButton} instance.
+     *
+     * @param {IProps} props - The React {@code Component} props to initialize
+     * the new {@code HangupButton} instance with.
+     */
+    constructor(props: Props) {
+        super(props);
+
+        // Bind event handlers so they are only bound once per instance.
+        this._onClick = this._onClick.bind(this);
+    }
+
+    /**
+     * Handles clicking / pressing the button, and disconnects the conference.
+     *
+     * @protected
+     * @returns {void}
+     */
+    _onClick() {
+        api.executeCommand('hangup');
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        return (
+            <ToolbarButton
+                accessibilityLabel = { this.accessibilityLabel }
+                customClass = 'hangup-button'
+                icon = { this.icon }
+                onClick = { this._onClick } />
+        );
+    }
+}
diff --git a/react/features/always-on-top/Toolbar.tsx b/react/features/always-on-top/Toolbar.tsx
new file mode 100644
index 0000000..af4e981
--- /dev/null
+++ b/react/features/always-on-top/Toolbar.tsx
@@ -0,0 +1,137 @@
+import React, { Component } from 'react';
+
+import AudioMuteButton from './AudioMuteButton';
+import HangupButton from './HangupButton';
+import VideoMuteButton from './VideoMuteButton';
+
+const { api } = window.alwaysOnTop;
+
+/**
+ * The type of the React {@code Component} props of {@link Toolbar}.
+ */
+interface IProps {
+
+    /**
+     * Additional CSS class names to add to the root of the toolbar.
+     */
+    className: string;
+
+    /**
+     * Callback invoked when no longer moused over the toolbar.
+     */
+    onMouseOut: (e?: React.MouseEvent) => void;
+
+    /**
+     * Callback invoked when the mouse has moved over the toolbar.
+     */
+    onMouseOver: (e?: React.MouseEvent) => void;
+}
+
+/**
+ * The type of the React {@code Component} state of {@link Toolbar}.
+ */
+interface IState {
+
+    /**
+     * Whether audio button to be shown or not.
+     */
+    showAudioButton: boolean;
+
+    /**
+     * Whether video button to be shown or not.
+     */
+    showVideoButton: boolean;
+}
+
+type Props = Partial<IProps>;
+
+/**
+ * Represents the toolbar in the Always On Top window.
+ *
+ * @augments Component
+ */
+export default class Toolbar extends Component<Props, IState> {
+    /**
+     * Initializes a new {@code Toolbar} instance.
+     *
+     * @param {IProps} props - The React {@code Component} props to initialize the new {@code Toolbar} instance with.
+     */
+    constructor(props: Props) {
+        super(props);
+
+        this.state = {
+            showAudioButton: true,
+            showVideoButton: true
+        };
+
+        this._videoConferenceJoinedListener = this._videoConferenceJoinedListener.bind(this);
+    }
+
+    /**
+     * Sets listens for changing meetings while showing the toolbar.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidMount() {
+        api.on('videoConferenceJoined', this._videoConferenceJoinedListener);
+
+        this._videoConferenceJoinedListener();
+    }
+
+    /**
+     * Handles is visitor changes.
+     *
+     * @returns {void}
+     */
+    _videoConferenceJoinedListener() {
+        // for electron clients that embed the api and are not updated
+        if (!api.isVisitor) {
+            console.warn('external API not updated');
+
+            return;
+        }
+
+        const isNotVisitor = !api.isVisitor();
+
+        this.setState({
+            showAudioButton: isNotVisitor,
+            showVideoButton: isNotVisitor
+        });
+    }
+
+    /**
+     * Removes all listeners.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentWillUnmount() {
+        api.removeListener('videoConferenceJoined', this._videoConferenceJoinedListener);
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const {
+            className = '',
+            onMouseOut,
+            onMouseOver
+        } = this.props;
+
+        return (
+            <div
+                className = { `toolbox-content-items always-on-top-toolbox ${className}` }
+                onMouseOut = { onMouseOut }
+                onMouseOver = { onMouseOver }>
+                { this.state.showAudioButton && <AudioMuteButton /> }
+                { this.state.showVideoButton && <VideoMuteButton /> }
+                <HangupButton customClass = 'hangup-button' />
+            </div>
+        );
+    }
+}
diff --git a/react/features/always-on-top/ToolbarButton.tsx b/react/features/always-on-top/ToolbarButton.tsx
new file mode 100644
index 0000000..5bcafac
--- /dev/null
+++ b/react/features/always-on-top/ToolbarButton.tsx
@@ -0,0 +1,69 @@
+import React, { useCallback } from 'react';
+
+import Icon from '../base/icons/components/Icon';
+
+interface IProps {
+
+    /**
+     * Accessibility label for button.
+     */
+    accessibilityLabel: string;
+
+    /**
+     * An extra class name to be added at the end of the element's class name
+     * in order to enable custom styling.
+     */
+    customClass?: string;
+
+    /**
+     * Whether or not the button is disabled.
+     */
+    disabled?: boolean;
+
+    /**
+     * Button icon.
+     */
+    icon: Function;
+
+    /**
+     * Click handler.
+     */
+    onClick: (e?: React.MouseEvent) => void;
+
+    /**
+     * Whether or not the button is toggled.
+     */
+    toggled?: boolean;
+}
+
+const ToolbarButton = ({
+    accessibilityLabel,
+    customClass,
+    disabled = false,
+    onClick,
+    icon,
+    toggled = false
+}: IProps) => {
+    const onKeyPress = useCallback(event => {
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            onClick();
+        }
+    }, [ onClick ]);
+
+    return (<div
+        aria-disabled = { disabled }
+        aria-label = { accessibilityLabel }
+        aria-pressed = { toggled }
+        className = { `toolbox-button ${disabled ? ' disabled' : ''}` }
+        onClick = { disabled ? undefined : onClick }
+        onKeyPress = { disabled ? undefined : onKeyPress }
+        role = 'button'
+        tabIndex = { 0 }>
+        <div className = { `toolbox-icon ${disabled ? 'disabled' : ''} ${customClass ?? ''}` }>
+            <Icon src = { icon } />
+        </div>
+    </div>);
+};
+
+export default ToolbarButton;
diff --git a/react/features/always-on-top/VideoMuteButton.tsx b/react/features/always-on-top/VideoMuteButton.tsx
new file mode 100644
index 0000000..091d423
--- /dev/null
+++ b/react/features/always-on-top/VideoMuteButton.tsx
@@ -0,0 +1,180 @@
+import React, { Component } from 'react';
+
+// We need to reference these files directly to avoid loading things that are not available
+// in this environment (e.g. JitsiMeetJS or interfaceConfig)
+import { DEFAULT_ICON } from '../base/icons/svg/constants';
+import { IProps } from '../base/toolbox/components/AbstractButton';
+
+import ToolbarButton from './ToolbarButton';
+
+const { api } = window.alwaysOnTop;
+
+type Props = Partial<IProps>;
+
+/**
+ * The type of the React {@code Component} state of {@link VideoMuteButton}.
+ */
+type State = {
+
+    /**
+     * Whether video is available is not.
+     */
+    videoAvailable: boolean;
+
+    /**
+     * Whether video is muted or not.
+     */
+    videoMuted: boolean;
+};
+
+/**
+ * Stateless "mute/unmute video" button for the Always-on-Top windows.
+ */
+export default class VideoMuteButton extends Component<Props, State> {
+
+    icon = DEFAULT_ICON.IconVideo;
+    toggledIcon = DEFAULT_ICON.IconVideoOff;
+    accessibilityLabel = 'Video mute';
+
+    /**
+     * Initializes a new {@code VideoMuteButton} instance.
+     *
+     * @param {Props} props - The React {@code Component} props to initialize
+     * the new {@code VideoMuteButton} instance with.
+     */
+    constructor(props: Props) {
+        super(props);
+
+        this.state = {
+            videoAvailable: false,
+            videoMuted: true
+        };
+
+        // Bind event handlers so they are only bound once per instance.
+        this._videoAvailabilityListener
+            = this._videoAvailabilityListener.bind(this);
+        this._videoMutedListener = this._videoMutedListener.bind(this);
+        this._onClick = this._onClick.bind(this);
+    }
+
+    /**
+     * Sets mouse move listener and initial toolbar timeout.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidMount() {
+        api.on('videoAvailabilityChanged', this._videoAvailabilityListener);
+        api.on('videoMuteStatusChanged', this._videoMutedListener);
+
+        Promise.all([
+            api.isVideoAvailable(),
+            api.isVideoMuted()
+        ])
+            .then(([ videoAvailable, videoMuted ]) =>
+                this.setState({
+                    videoAvailable,
+                    videoMuted
+                }))
+            .catch(console.error);
+    }
+
+    /**
+     * Removes all listeners.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentWillUnmount() {
+        api.removeListener(
+            'videoAvailabilityChanged',
+            this._videoAvailabilityListener);
+        api.removeListener(
+            'videoMuteStatusChanged',
+            this._videoMutedListener);
+    }
+
+    /**
+     * Indicates whether this button is disabled or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    _isDisabled() {
+        return !this.state.videoAvailable;
+    }
+
+    /**
+     * Indicates if video is currently muted or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    _isVideoMuted() {
+        return this.state.videoMuted;
+    }
+
+    /**
+     * Changes the muted state.
+     *
+     * @override
+     * @param {boolean} _videoMuted - Whether video should be muted or not.
+     * @protected
+     * @returns {void}
+     */
+    _setVideoMuted(_videoMuted: boolean) {
+        this.state.videoAvailable && api.executeCommand('toggleVideo', false, true);
+    }
+
+    /**
+     * Handles video available api events.
+     *
+     * @param {{ available: boolean }} status - The new available status.
+     * @returns {void}
+     */
+    _videoAvailabilityListener({ available }: { available: boolean; }) {
+        this.setState({ videoAvailable: available });
+    }
+
+    /**
+     * Handles video muted api events.
+     *
+     * @param {{ muted: boolean }} status - The new muted status.
+     * @returns {void}
+     */
+    _videoMutedListener({ muted }: { muted: boolean; }) {
+        this.setState({ videoMuted: muted });
+    }
+
+    /**
+     * Handles clicking / pressing the button, and toggles the video mute state
+     * accordingly.
+     *
+     * @protected
+     * @returns {void}
+     */
+    _onClick() {
+        this._setVideoMuted(!this._isVideoMuted());
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const toggled = this._isVideoMuted();
+
+        return (
+            <ToolbarButton
+                accessibilityLabel = { this.accessibilityLabel }
+                disabled = { this._isDisabled() }
+                icon = { toggled ? this.toggledIcon : this.icon }
+                onClick = { this._onClick }
+                toggled = { toggled } />
+        );
+    }
+}
diff --git a/react/features/always-on-top/index.tsx b/react/features/always-on-top/index.tsx
new file mode 100644
index 0000000..3450625
--- /dev/null
+++ b/react/features/always-on-top/index.tsx
@@ -0,0 +1,13 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+import AlwaysOnTop from './AlwaysOnTop';
+
+// Render the main/root Component.
+/* eslint-disable-next-line react/no-deprecated */
+ReactDOM.render(<AlwaysOnTop />, document.getElementById('react'));
+
+window.addEventListener(
+    'beforeunload',
+    /* eslint-disable-next-line react/no-deprecated */
+    () => ReactDOM.unmountComponentAtNode(document.getElementById('react') ?? document.body));
diff --git a/react/features/analytics/AnalyticsEvents.ts b/react/features/analytics/AnalyticsEvents.ts
new file mode 100644
index 0000000..2943de4
--- /dev/null
+++ b/react/features/analytics/AnalyticsEvents.ts
@@ -0,0 +1,958 @@
+/**
+ * The constant for the event type 'track'.
+ * TODO: keep these constants in a single place. Can we import them from
+ * lib-jitsi-meet's AnalyticsEvents somehow?
+ *
+ * @type {string}
+ */
+const TYPE_TRACK = 'track';
+
+/**
+ * The constant for the event type 'UI' (User Interaction).
+ * TODO: keep these constants in a single place. Can we import them from
+ * lib-jitsi-meet's AnalyticsEvents somehow?
+ *
+ * @type {string}
+ */
+const TYPE_UI = 'ui';
+
+/**
+ * The identifier for the "pinned" action. The local participant has pinned a
+ * participant to remain on large video.
+ *
+ * @type {String}
+ */
+export const ACTION_PINNED = 'pinned';
+
+/**
+ * The identifier for the "unpinned" action. The local participant has unpinned
+ * a participant so the participant doesn't remain permanently on local large
+ * video.
+ *
+ * @type {String}
+ */
+export const ACTION_UNPINNED = 'unpinned';
+
+/**
+ * The identifier for the "pressed" action for shortcut events. This action
+ * means that a button was pressed (and not yet released).
+ *
+ * @type {String}
+ */
+export const ACTION_SHORTCUT_PRESSED = 'pressed';
+
+/**
+ * The identifier for the "released" action for shortcut events. This action
+ * means that a button which was previously pressed was released.
+ *
+ * @type {String}
+ */
+export const ACTION_SHORTCUT_RELEASED = 'released';
+
+/**
+ * The identifier for the "triggered" action for shortcut events. This action
+ * means that a button was pressed, and we don't care about whether it was
+ * released or will be released in the future.
+ *
+ * @type {String}
+ */
+export const ACTION_SHORTCUT_TRIGGERED = 'triggered';
+
+/**
+ * The name of the keyboard shortcut or toolbar button for muting audio.
+ */
+export const AUDIO_MUTE = 'audio.mute';
+
+/**
+ * The name of the keyboard shortcut or toolbar button for muting desktop sharing.
+ */
+export const DESKTOP_MUTE = 'desktop.mute';
+
+/**
+ * The name of the keyboard shortcut or toolbar button for muting video.
+ */
+export const VIDEO_MUTE = 'video.mute';
+
+/**
+ * Creates an event which indicates that a certain action was requested through
+ * the jitsi-meet API.
+ *
+ * @param {string} action - The action which was requested through the
+ * jitsi-meet API.
+ * @param {Object} attributes - Attributes to attach to the event.
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createApiEvent(action: string, attributes = {}) {
+    return {
+        action,
+        attributes,
+        source: 'jitsi-meet-api'
+    };
+}
+
+/**
+ * Creates an event which indicates that the audio-only mode has been changed.
+ *
+ * @param {boolean} enabled - True if audio-only is enabled, false otherwise.
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createAudioOnlyChangedEvent(enabled: boolean) {
+    return {
+        action: `audio.only.${enabled ? 'enabled' : 'disabled'}`
+    };
+}
+
+/**
+ * Creates an event for about the JitsiConnection.
+ *
+ * @param {string} action - The action that the event represents.
+ * @param {boolean} attributes - Additional attributes to attach to the event.
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createConnectionEvent(action: string, attributes = {}) {
+    return {
+        action,
+        actionSubject: 'connection',
+        attributes
+    };
+}
+
+/**
+ * Creates an event which indicates an action occurred in the calendar
+ * integration UI.
+ *
+ * @param {string} eventName - The name of the calendar UI event.
+ * @param {Object} attributes - Attributes to attach to the event.
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createCalendarClickedEvent(eventName: string, attributes = {}) {
+    return {
+        action: 'clicked',
+        actionSubject: eventName,
+        attributes,
+        source: 'calendar',
+        type: TYPE_UI
+    };
+}
+
+/**
+ * Creates an event which indicates that the calendar container is shown and
+ * selected.
+ *
+ * @param {Object} attributes - Attributes to attach to the event.
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createCalendarSelectedEvent(attributes = {}) {
+    return {
+        action: 'selected',
+        attributes,
+        source: 'calendar',
+        type: TYPE_UI
+    };
+}
+
+/**
+ * Creates an event indicating that a calendar has been connected.
+ *
+ * @param {boolean} attributes - Additional attributes to attach to the event.
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createCalendarConnectedEvent(attributes = {}) {
+    return {
+        action: 'connected',
+        actionSubject: 'calendar',
+        attributes
+    };
+}
+
+/**
+ * Creates an event which indicates an action occurred in the recent list
+ * integration UI.
+ *
+ * @param {string} eventName - The name of the recent list UI event.
+ * @param {Object} attributes - Attributes to attach to the event.
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createRecentClickedEvent(eventName: string, attributes = {}) {
+    return {
+        action: 'clicked',
+        actionSubject: eventName,
+        attributes,
+        source: 'recent.list',
+        type: TYPE_UI
+    };
+}
+
+/**
+ * Creates an event which indicate an action occurred in the chrome extension banner.
+ *
+ * @param {boolean} installPressed - Whether the user pressed install or `x` - cancel.
+ * @param {Object} attributes - Attributes to attach to the event.
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createChromeExtensionBannerEvent(installPressed: boolean, attributes = {}) {
+    return {
+        action: installPressed ? 'install' : 'cancel',
+        attributes,
+        source: 'chrome.extension.banner',
+        type: TYPE_UI
+    };
+}
+
+/**
+ * Creates an event which indicates that the recent list container is shown and
+ * selected.
+ *
+ * @param {Object} attributes - Attributes to attach to the event.
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createRecentSelectedEvent(attributes = {}) {
+    return {
+        action: 'selected',
+        attributes,
+        source: 'recent.list',
+        type: TYPE_UI
+    };
+}
+
+/**
+ * Creates an event for an action on the deep linking page.
+ *
+ * @param {string} action - The action that the event represents.
+ * @param {string} actionSubject - The subject that was acted upon.
+ * @param {boolean} attributes - Additional attributes to attach to the event.
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createDeepLinkingPageEvent(
+        action: string, actionSubject: string, attributes = {}) {
+    return {
+        action,
+        actionSubject,
+        source: 'deepLinkingPage',
+        attributes
+    };
+}
+
+/**
+ * Creates an event which indicates that a device was changed.
+ *
+ * @param {string} mediaType - The media type of the device ('audio' or
+ * 'video').
+ * @param {string} deviceType - The type of the device ('input' or 'output').
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createDeviceChangedEvent(mediaType: string, deviceType: string) {
+    return {
+        action: 'device.changed',
+        attributes: {
+            'device_type': deviceType,
+            'media_type': mediaType
+        }
+    };
+}
+
+/**
+ * Creates an event indicating that an action related to E2EE occurred.
+ *
+ * @param {string} action - The action which occurred.
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createE2EEEvent(action: string) {
+    return {
+        action,
+        actionSubject: 'e2ee'
+    };
+}
+
+/**
+ * Creates an event which specifies that the feedback dialog has been opened.
+ *
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createFeedbackOpenEvent() {
+    return {
+        action: 'feedback.opened'
+    };
+}
+
+/**
+ * Creates an event for an action regarding the AddPeopleDialog (invites).
+ *
+ * @param {string} action - The action that the event represents.
+ * @param {string} actionSubject - The subject that was acted upon.
+ * @param {boolean} attributes - Additional attributes to attach to the event.
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createInviteDialogEvent(
+        action: string, actionSubject: string, attributes = {}) {
+    return {
+        action,
+        actionSubject,
+        attributes,
+        source: 'inviteDialog'
+    };
+}
+
+/**
+ * Creates an event which reports about the current network information reported by the operating system.
+ *
+ * @param {boolean} isOnline - Tells whether or not the internet is reachable.
+ * @param {string} [networkType] - Network type, see {@code NetworkInfo} type defined by the 'base/net-info' feature.
+ * @param {Object} [details] - Extra info, see {@code NetworkInfo} type defined by the 'base/net-info' feature.
+ * @returns {Object}
+ */
+export function createNetworkInfoEvent({ isOnline, networkType, details }:
+{ details?: Object; isOnline: boolean; networkType?: string; }) {
+    const attributes: {
+        details?: Object;
+        isOnline: boolean;
+        networkType?: string;
+    } = { isOnline };
+
+    // Do no include optional stuff or Amplitude handler will log warnings.
+    networkType && (attributes.networkType = networkType);
+    details && (attributes.details = details);
+
+    return {
+        action: 'network.info',
+        attributes
+    };
+}
+
+/**
+ * Creates a "not allowed error" event.
+ *
+ * @param {string} type - The type of the error.
+ * @param {string} reason - The reason for the error.
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createNotAllowedErrorEvent(type: string, reason: string) {
+    return {
+        action: 'not.allowed.error',
+        attributes: {
+            reason,
+            type
+        }
+    };
+}
+
+/**
+ * Creates an "offer/answer failure" event.
+ *
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createOfferAnswerFailedEvent() {
+    return {
+        action: 'offer.answer.failure'
+    };
+}
+
+/**
+ * Creates a "page reload" event.
+ *
+ * @param {string} reason - The reason for the reload.
+ * @param {number} timeout - The timeout in seconds after which the page is
+ * scheduled to reload.
+ * @param {Object} details - The details for the error.
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createPageReloadScheduledEvent(reason: string, timeout: number, details: Object = {}) {
+    return {
+        action: 'page.reload.scheduled',
+        attributes: {
+            reason,
+            timeout,
+            ...details
+        }
+    };
+}
+
+/**
+ * Creates a "pinned" or "unpinned" event.
+ *
+ * @param {string} action - The action ("pinned" or "unpinned").
+ * @param {string} participantId - The ID of the participant which was pinned.
+ * @param {Object} attributes - Attributes to attach to the event.
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createPinnedEvent(action: string, participantId: string, attributes = {}) {
+    return {
+        type: TYPE_TRACK,
+        action,
+        actionSubject: 'participant',
+        objectType: 'participant',
+        objectId: participantId,
+        attributes
+    };
+}
+
+/**
+ * Creates a poll event.
+ * The following events will be created:
+ * - poll.created
+ * - poll.vote.checked
+ * - poll.vote.sent
+ * - poll.vote.skipped
+ * - poll.vote.detailsViewed
+ * - poll.vote.changed
+ * - poll.option.added
+ * - poll.option.moved
+ * - poll.option.removed.
+ *
+ * @param {string} action - The action.
+ * @returns {Object}
+ */
+export function createPollEvent(action: string) {
+    return {
+        action: `poll.${action}`
+    };
+}
+
+/**
+ * Creates an event which indicates that a button in the profile panel was
+ * clicked.
+ *
+ * @param {string} buttonName - The name of the button.
+ * @param {Object} attributes - Attributes to attach to the event.
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createProfilePanelButtonEvent(buttonName: string, attributes = {}) {
+    return {
+        action: 'clicked',
+        actionSubject: buttonName,
+        attributes,
+        source: 'profile.panel',
+        type: TYPE_UI
+    };
+}
+
+/**
+ * Creates an event which indicates that a specific button on one of the
+ * recording-related dialogs was clicked.
+ *
+ * @param {string} dialogName - The name of the dialog (e.g. 'start' or 'stop').
+ * @param {string} buttonName - The name of the button (e.g. 'confirm' or
+ * 'cancel').
+ * @param {Object} attributes - Attributes to attach to the event.
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createRecordingDialogEvent(
+        dialogName: string, buttonName: string, attributes = {}) {
+    return {
+        action: 'clicked',
+        actionSubject: buttonName,
+        attributes,
+        source: `${dialogName}.recording.dialog`,
+        type: TYPE_UI
+    };
+}
+
+/**
+ * Creates an event which indicates that a specific button on one of the
+ * liveStreaming-related dialogs was clicked.
+ *
+ * @param {string} dialogName - The name of the dialog (e.g. 'start' or 'stop').
+ * @param {string} buttonName - The name of the button (e.g. 'confirm' or
+ * 'cancel').
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createLiveStreamingDialogEvent(dialogName: string, buttonName: string) {
+    return {
+        action: 'clicked',
+        actionSubject: buttonName,
+        source: `${dialogName}.liveStreaming.dialog`,
+        type: TYPE_UI
+    };
+}
+
+/**
+ * Creates an event with the local tracks duration.
+ *
+ * @param {Object} duration - The object with the duration of the local tracks.
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createLocalTracksDurationEvent(duration: {
+    audio: { value: number; };
+    conference: { value: number; };
+    video: {
+        camera: { value: number; };
+        desktop: { value: number; };
+    };
+}) {
+    const { audio, video, conference } = duration;
+    const { camera, desktop } = video;
+
+    return {
+        action: 'local.tracks.durations',
+        attributes: {
+            audio: audio.value,
+            camera: camera.value,
+            conference: conference.value,
+            desktop: desktop.value
+        }
+    };
+}
+
+/**
+ * Creates an event which indicates that an action related to recording has
+ * occurred.
+ *
+ * @param {string} action - The action (e.g. 'start' or 'stop').
+ * @param {string} type - The recording type (e.g. 'file' or 'live').
+ * @param {number} value - The duration of the recording in seconds (for stop
+ * action).
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createRecordingEvent(action: string, type: string, value?: number) {
+    return {
+        action,
+        actionSubject: `recording.${type}`,
+        attributes: {
+            value
+        }
+    };
+}
+
+/**
+ * Creates an event which indicates that the same conference has been rejoined.
+ *
+ * @param {string} url - The full conference URL.
+ * @param {number} lastConferenceDuration - How many seconds user stayed in the previous conference.
+ * @param {number} timeSinceLeft - How many seconds since the last conference was left.
+ * @returns {Object} The event in a format suitable for sending via sendAnalytics.
+ */
+export function createRejoinedEvent({ url, lastConferenceDuration, timeSinceLeft }: {
+    lastConferenceDuration: number;
+    timeSinceLeft: number;
+    url: string;
+}) {
+    return {
+        action: 'rejoined',
+        attributes: {
+            lastConferenceDuration,
+            timeSinceLeft,
+            url
+        }
+    };
+}
+
+/**
+ * Creates an event which specifies that the "confirm" button on the remote
+ * mute dialog has been clicked.
+ *
+ * @param {string} participantId - The ID of the participant that was remotely
+ * muted.
+ * @param {string} mediaType - The media type of the channel to mute.
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createRemoteMuteConfirmedEvent(participantId: string, mediaType: string) {
+    return {
+        action: 'clicked',
+        attributes: {
+            'participant_id': participantId,
+            'media_type': mediaType
+        },
+        source: 'remote.mute.button',
+        type: TYPE_UI
+    };
+}
+
+/**
+ * Creates an event which indicates that one of the buttons in the "remote
+ * video menu" was clicked.
+ *
+ * @param {string} buttonName - The name of the button.
+ * @param {Object} attributes - Attributes to attach to the event.
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createRemoteVideoMenuButtonEvent(buttonName: string, attributes = {}) {
+    return {
+        action: 'clicked',
+        actionSubject: buttonName,
+        attributes,
+        source: 'remote.video.menu',
+        type: TYPE_UI
+    };
+}
+
+/**
+ * Creates an event indicating that an action related to screen sharing
+ * occurred (e.g. It was started or stopped).
+ *
+ * @param {string} action - The action which occurred.
+ * @param {number?} value - The screenshare duration in seconds.
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createScreenSharingEvent(action: string, value = null) {
+    return {
+        action,
+        actionSubject: 'screen.sharing',
+        attributes: {
+            value
+        }
+    };
+}
+
+/**
+ * Creates an event which indicates the screen sharing video is not displayed when it needs to be displayed.
+ *
+ * @param {Object} attributes - Additional information that describes the issue.
+ * @returns {Object} The event in a format suitable for sending via sendAnalytics.
+ */
+export function createScreenSharingIssueEvent(attributes = {}) {
+    return {
+        action: 'screen.sharing.issue',
+        attributes
+    };
+}
+
+/**
+ * Creates an event associated with the "shared video" feature.
+ *
+ * @param {string} action - The action that the event represents.
+ * @param {Object} attributes - Attributes to attach to the event.
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createSharedVideoEvent(action: string, attributes = {}) {
+    return {
+        action,
+        attributes,
+        actionSubject: 'shared.video'
+    };
+}
+
+/**
+ * Creates an event associated with a shortcut being pressed, released or
+ * triggered. By convention, where appropriate an attribute named 'enable'
+ * should be used to indicate the action which resulted by the shortcut being
+ * pressed (e.g. Whether screen sharing was enabled or disabled).
+ *
+ * @param {string} shortcut - The identifier of the shortcut which produced
+ * an action.
+ * @param {string} action - The action that the event represents (one
+ * of ACTION_SHORTCUT_PRESSED, ACTION_SHORTCUT_RELEASED
+ * or ACTION_SHORTCUT_TRIGGERED).
+ * @param {Object} attributes - Attributes to attach to the event.
+ * @param {string} source - The event's source.
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createShortcutEvent(
+        shortcut: string,
+        action = ACTION_SHORTCUT_TRIGGERED,
+        attributes = {},
+        source = 'keyboard.shortcut') {
+    return {
+        action,
+        actionSubjectId: shortcut,
+        attributes,
+        source,
+        type: TYPE_UI
+    };
+}
+
+/**
+ * Creates an event which indicates the "start audio only" configuration.
+ *
+ * @param {boolean} audioOnly - Whether "start audio only" is enabled or not.
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createStartAudioOnlyEvent(audioOnly: boolean) {
+    return {
+        action: 'start.audio.only',
+        attributes: {
+            enabled: audioOnly
+        }
+    };
+}
+
+/**
+ * Creates an event which indicates the "start silent" configuration.
+ *
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createStartSilentEvent() {
+    return {
+        action: 'start.silent'
+    };
+}
+
+/**
+ * Creates an event which indicates that HTMLAudioElement.play has failed.
+ *
+ * @param {string} elementID - The ID of the HTMLAudioElement.
+ * @returns {Object} The event in a format suitable for sending via sendAnalytics.
+ */
+export function createAudioPlayErrorEvent(elementID: string) {
+    return {
+        action: 'audio.play.error',
+        attributes: {
+            elementID
+        }
+    };
+}
+
+/**
+ * Creates an event which indicates that HTMLAudioElement.play has succeeded after a prior failure.
+ *
+ * @param {string} elementID - The ID of the HTMLAudioElement.
+ * @returns {Object} The event in a format suitable for sending via sendAnalytics.
+ */
+export function createAudioPlaySuccessEvent(elementID: string) {
+    return {
+        action: 'audio.play.success',
+        attributes: {
+            elementID
+        }
+    };
+}
+
+/**
+ * Creates an event which indicates the "start muted" configuration.
+ *
+ * @param {string} source - The source of the configuration, 'local' or
+ * 'remote' depending on whether it comes from the static configuration (i.e.
+ * {@code config.js}) or comes dynamically from Jicofo.
+ * @param {boolean} audioMute - Whether the configuration requests that audio
+ * is muted.
+ * @param {boolean} videoMute - Whether the configuration requests that video
+ * is muted.
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createStartMutedConfigurationEvent(
+        source: string,
+        audioMute: boolean,
+        videoMute: boolean) {
+    return {
+        action: 'start.muted.configuration',
+        attributes: {
+            source,
+            'audio_mute': audioMute,
+            'video_mute': videoMute
+        }
+    };
+}
+
+/**
+ * Automatically changing the mute state of a media track in order to match
+ * the current stored state in redux.
+ *
+ * @param {string} mediaType - The track's media type ('audio' or 'video').
+ * @param {boolean} muted - Whether the track is being muted or unmuted as
+ * as result of the sync operation.
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createSyncTrackStateEvent(mediaType: string, muted: boolean) {
+    return {
+        action: 'sync.track.state',
+        attributes: {
+            'media_type': mediaType,
+            muted
+        }
+    };
+}
+
+/**
+ * Creates an event associated with a toolbar button being clicked/pressed. By
+ * convention, where appropriate an attribute named 'enable' should be used to
+ * indicate the action which resulted by the shortcut being pressed (e.g.
+ * Whether screen sharing was enabled or disabled).
+ *
+ * @param {string} buttonName - The identifier of the toolbar button which was
+ * clicked/pressed.
+ * @param {Object} attributes - Attributes to attach to the event.
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createToolbarEvent(buttonName: string, attributes = {}) {
+    return {
+        action: 'clicked',
+        actionSubject: buttonName,
+        attributes,
+        source: 'toolbar.button',
+        type: TYPE_UI
+    };
+}
+
+/**
+ * Creates an event associated with a reaction button being clicked/pressed.
+ *
+ * @param {string} buttonName - The identifier of the reaction button which was
+ * clicked/pressed.
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createReactionMenuEvent(buttonName: string) {
+    return {
+        action: 'clicked',
+        actionSubject: 'button',
+        source: 'reaction',
+        buttonName,
+        type: TYPE_UI
+    };
+}
+
+/**
+ * Creates an event associated with disabling of reaction sounds.
+ *
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createReactionSoundsDisabledEvent() {
+    return {
+        action: 'disabled',
+        actionSubject: 'sounds',
+        source: 'reaction.settings',
+        type: TYPE_UI
+    };
+}
+
+/**
+ * Creates an event which indicates that a local track was muted.
+ *
+ * @param {string} mediaType - The track's media type ('audio' or 'video').
+ * @param {string} reason - The reason the track was muted (e.g. It was
+ * triggered by the "initial mute" option, or a previously muted track was
+ * replaced (e.g. When a new device was used)).
+ * @param {boolean} muted - Whether the track was muted or unmuted.
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createTrackMutedEvent(mediaType: string, reason: string, muted = true) {
+    return {
+        action: 'track.muted',
+        attributes: {
+            'media_type': mediaType,
+            muted,
+            reason
+        }
+    };
+}
+
+/**
+ * Creates an event for joining a vpaas conference.
+ *
+ * @param {string} tenant - The conference tenant.
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createVpaasConferenceJoinedEvent(tenant: string) {
+    return {
+        action: 'vpaas.conference.joined',
+        attributes: {
+            tenant
+        }
+    };
+}
+
+/**
+ * Creates an event for an action on the welcome page.
+ *
+ * @param {string} action - The action that the event represents.
+ * @param {string} actionSubject - The subject that was acted upon.
+ * @param {boolean} attributes - Additional attributes to attach to the event.
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createWelcomePageEvent(action: string, actionSubject?: string, attributes = {}) {
+    return {
+        action,
+        actionSubject,
+        attributes,
+        source: 'welcomePage'
+    };
+}
+
+/**
+ * Creates an event which indicates a screenshot of the screensharing has been taken.
+ *
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createScreensharingCaptureTakenEvent() {
+    return {
+        action: 'screen.sharing.capture.taken'
+    };
+}
+
+/**
+ * Creates an event for an action on breakout rooms.
+ *
+ * @param {string} actionSubject - The subject that was acted upon.
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createBreakoutRoomsEvent(actionSubject: string) {
+    return {
+        action: 'clicked',
+        actionSubject: `${actionSubject}.button`,
+        source: 'breakout.rooms'
+    };
+}
+
+/**
+ * Creates an event which indicates a GIF was sent.
+ *
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createGifSentEvent() {
+    return {
+        action: 'gif.sent'
+    };
+}
+
+/**
+ * Creates an event which indicates the whiteboard was opened.
+ *
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createOpenWhiteboardEvent() {
+    return {
+        action: 'whiteboard.open'
+    };
+}
+
+/**
+ * Creates an event which indicates the whiteboard limit was enforced.
+ *
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createRestrictWhiteboardEvent() {
+    return {
+        action: 'whiteboard.restrict'
+    };
+}
diff --git a/react/features/analytics/actionTypes.ts b/react/features/analytics/actionTypes.ts
new file mode 100644
index 0000000..eec21e2
--- /dev/null
+++ b/react/features/analytics/actionTypes.ts
@@ -0,0 +1,29 @@
+/**
+ * The type of (redux) action which signals that local media duration has changed.
+ *
+ * {
+ *     type: UPDATE_LOCAL_TRACKS_DURATION,
+ *     localTracksDuration: Object
+ * }
+ */
+export const UPDATE_LOCAL_TRACKS_DURATION = 'UPDATE_LOCAL_TRACKS_DURATION';
+
+/**
+ * The type of (redux) action which sets the isInitialized redux prop.
+ *
+ * {
+ *     type: SET_INITIALIZED,
+ *     value: boolean
+ * }
+ */
+export const SET_INITIALIZED = 'SET_INITIALIZED';
+
+/**
+ * The type of (redux) action which updates the initial permanent properties.
+ *
+ * {
+ *     type: SET_INITIAL_PERMANENT_PROPERTIES,
+ *     properties: Object
+ * }
+ */
+export const SET_INITIAL_PERMANENT_PROPERTIES = 'SET_INITIAL_PERMANENT_PROPERTIES';
diff --git a/react/features/analytics/actions.ts b/react/features/analytics/actions.ts
new file mode 100644
index 0000000..e3940c7
--- /dev/null
+++ b/react/features/analytics/actions.ts
@@ -0,0 +1,25 @@
+import { IStore } from '../app/types';
+import { analytics } from '../base/lib-jitsi-meet';
+
+import { SET_INITIAL_PERMANENT_PROPERTIES } from './actionTypes';
+
+/**
+ * Updates a permanentProperty.
+ *
+ * @param {Object} properties - An object with properties to be updated.
+ * @returns {Function}
+ */
+export function setPermanentProperty(properties: Object) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const { isInitialized = false } = getState()['features/analytics'];
+
+        if (isInitialized) {
+            analytics.addPermanentProperties(properties);
+        } else {
+            dispatch({
+                type: SET_INITIAL_PERMANENT_PROPERTIES,
+                properties
+            });
+        }
+    };
+}
diff --git a/react/features/analytics/functions.ts b/react/features/analytics/functions.ts
new file mode 100644
index 0000000..6a8ee6d
--- /dev/null
+++ b/react/features/analytics/functions.ts
@@ -0,0 +1,339 @@
+// @ts-expect-error
+import { API_ID } from '../../../modules/API/constants';
+import { getName as getAppName } from '../app/functions';
+import { IStore } from '../app/types';
+import { getAnalyticsRoomName } from '../base/conference/functions';
+import checkChromeExtensionsInstalled from '../base/environment/checkChromeExtensionsInstalled';
+import {
+    isMobileBrowser
+} from '../base/environment/utils';
+import JitsiMeetJS, {
+    analytics,
+    browser
+} from '../base/lib-jitsi-meet';
+import { isAnalyticsEnabled } from '../base/lib-jitsi-meet/functions.any';
+import { isEmbedded } from '../base/util/embedUtils';
+import { getJitsiMeetGlobalNS } from '../base/util/helpers';
+import { loadScript } from '../base/util/loadScript';
+import { parseURLParams } from '../base/util/parseURLParams';
+import { parseURIString } from '../base/util/uri';
+import { isPrejoinPageVisible } from '../prejoin/functions';
+
+import AmplitudeHandler from './handlers/AmplitudeHandler';
+import MatomoHandler from './handlers/MatomoHandler';
+import logger from './logger';
+
+/**
+ * Sends an event through the lib-jitsi-meet AnalyticsAdapter interface.
+ *
+ * @param {Object} event - The event to send. It should be formatted as
+ * described in AnalyticsAdapter.js in lib-jitsi-meet.
+ * @returns {void}
+ */
+export function sendAnalytics(event: Object) {
+    try {
+        analytics.sendEvent(event);
+    } catch (e) {
+        logger.warn(`Error sending analytics event: ${e}`);
+    }
+}
+
+/**
+ * Return saved amplitude identity info such as session id, device id and user id. We assume these do not change for
+ * the duration of the conference.
+ *
+ * @returns {Object}
+ */
+export function getAmplitudeIdentity() {
+    return analytics.amplitudeIdentityProps;
+}
+
+/**
+ * Resets the analytics adapter to its initial state - removes handlers, cache,
+ * disabled state, etc.
+ *
+ * @returns {void}
+ */
+export function resetAnalytics() {
+    analytics.reset();
+}
+
+/**
+ * Creates the analytics handlers.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action} is being dispatched.
+ * @returns {Promise} Resolves with the handlers that have been successfully loaded.
+ */
+export async function createHandlers({ getState }: IStore) {
+    getJitsiMeetGlobalNS().analyticsHandlers = [];
+
+    if (!isAnalyticsEnabled(getState)) {
+        // Avoid all analytics processing if there are no handlers, since no event would be sent.
+        analytics.dispose();
+
+        return [];
+    }
+
+    const state = getState();
+    const config = state['features/base/config'];
+    const { locationURL } = state['features/base/connection'];
+    const host = locationURL ? locationURL.host : '';
+    const {
+        analytics: analyticsConfig = {},
+        deploymentInfo
+    } = config;
+    const {
+        amplitudeAPPKey,
+        blackListedEvents,
+        scriptURLs,
+        matomoEndpoint,
+        matomoSiteID,
+        whiteListedEvents
+    } = analyticsConfig;
+    const { group, user } = state['features/base/jwt'];
+    const handlerConstructorOptions = {
+        amplitudeAPPKey,
+        blackListedEvents,
+        envType: deploymentInfo?.envType || 'dev',
+        matomoEndpoint,
+        matomoSiteID,
+        group,
+        host,
+        product: deploymentInfo?.product,
+        subproduct: deploymentInfo?.environment,
+        user: user?.id,
+        version: JitsiMeetJS.version,
+        whiteListedEvents
+    };
+    const handlers = [];
+
+    if (amplitudeAPPKey) {
+        try {
+            const amplitude = new AmplitudeHandler(handlerConstructorOptions);
+
+            analytics.amplitudeIdentityProps = amplitude.getIdentityProps();
+
+            handlers.push(amplitude);
+        } catch (e) {
+            logger.error('Failed to initialize Amplitude handler', e);
+        }
+    }
+
+    if (matomoEndpoint && matomoSiteID) {
+        try {
+            const matomo = new MatomoHandler(handlerConstructorOptions);
+
+            handlers.push(matomo);
+        } catch (e) {
+            logger.error('Failed to initialize Matomo handler', e);
+        }
+    }
+
+    if (Array.isArray(scriptURLs) && scriptURLs.length > 0) {
+        let externalHandlers;
+
+        try {
+            externalHandlers = await _loadHandlers(scriptURLs, handlerConstructorOptions);
+            handlers.push(...externalHandlers);
+        } catch (e) {
+            logger.error('Failed to initialize external analytics handlers', e);
+        }
+    }
+
+    // Avoid all analytics processing if there are no handlers, since no event would be sent.
+    if (handlers.length === 0) {
+        analytics.dispose();
+    }
+
+    logger.info(`Initialized ${handlers.length} analytics handlers`);
+
+    return handlers;
+}
+
+/**
+ * Inits JitsiMeetJS.analytics by setting permanent properties and setting the handlers from the loaded scripts.
+ * NOTE: Has to be used after JitsiMeetJS.init. Otherwise analytics will be null.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action} is being dispatched.
+ * @param {Array<Object>} handlers - The analytics handlers.
+ * @returns {boolean} - True if the analytics were successfully initialized and false otherwise.
+ */
+export function initAnalytics(store: IStore, handlers: Array<Object>): boolean {
+    const { getState, dispatch } = store;
+
+    if (!isAnalyticsEnabled(getState) || handlers.length === 0) {
+        return false;
+    }
+
+    const state = getState();
+    const config = state['features/base/config'];
+    const {
+        deploymentInfo
+    } = config;
+    const { group, server } = state['features/base/jwt'];
+    const { locationURL = { href: '' } } = state['features/base/connection'];
+    const { tenant } = parseURIString(locationURL.href) || {};
+    const params = parseURLParams(locationURL.href) ?? {};
+    const permanentProperties: {
+        appName?: string;
+        externalApi?: boolean;
+        group?: string;
+        inIframe?: boolean;
+        isPromotedFromVisitor?: boolean;
+        isVisitor?: boolean;
+        overwritesCustomButtonsWithURL?: boolean;
+        overwritesDefaultLogoUrl?: boolean;
+        overwritesDeploymentUrls?: boolean;
+        overwritesLiveStreamingUrls?: boolean;
+        overwritesSupportUrl?: boolean;
+        server?: string;
+        tenant?: string;
+        wasLobbyVisible?: boolean;
+        wasPrejoinDisplayed?: boolean;
+        websocket?: boolean;
+    } & typeof deploymentInfo = {};
+
+    if (server) {
+        permanentProperties.server = server;
+    }
+    if (group) {
+        permanentProperties.group = group;
+    }
+
+    // Report the application name
+    permanentProperties.appName = getAppName();
+
+    // Report if user is using websocket
+    permanentProperties.websocket = typeof config.websocket === 'string';
+
+    // Report if user is using the external API
+    permanentProperties.externalApi = typeof API_ID === 'number';
+
+    // Report if we are loaded in iframe
+    permanentProperties.inIframe = isEmbedded();
+
+    // Report the tenant from the URL.
+    permanentProperties.tenant = tenant || '/';
+
+    permanentProperties.wasPrejoinDisplayed = isPrejoinPageVisible(state);
+
+    // Currently we don't know if there will be lobby. We will update it to true if we go through lobby.
+    permanentProperties.wasLobbyVisible = false;
+
+    // Setting visitor properties to false by default. We will update them later if it turns out we are visitor.
+    permanentProperties.isVisitor = false;
+    permanentProperties.isPromotedFromVisitor = false;
+
+    // TODO: Temporary metric. To be removed once we don't need it.
+    permanentProperties.overwritesSupportUrl = 'interfaceConfig.SUPPORT_URL' in params;
+    permanentProperties.overwritesDefaultLogoUrl = 'config.defaultLogoUrl' in params;
+
+    const deploymentUrlsConfig = params['config.deploymentUrls'] ?? {};
+
+    permanentProperties.overwritesDeploymentUrls
+        = 'config.deploymentUrls.downloadAppsUrl' in params || 'config.deploymentUrls.userDocumentationURL' in params
+            || (typeof deploymentUrlsConfig === 'object'
+                && ('downloadAppsUrl' in deploymentUrlsConfig || 'userDocumentationURL' in deploymentUrlsConfig));
+    const liveStreamingConfig = params['config.liveStreaming'] ?? {};
+
+    permanentProperties.overwritesLiveStreamingUrls
+        = ('interfaceConfig.LIVE_STREAMING_HELP_LINK' in params)
+            || ('config.liveStreaming.termsLink' in params)
+            || ('config.liveStreaming.dataPrivacyLink' in params)
+            || ('config.liveStreaming.helpLink' in params)
+            || (typeof params['config.liveStreaming'] === 'object' && 'config.liveStreaming' in params
+                && (
+                    'termsLink' in liveStreamingConfig
+                    || 'dataPrivacyLink' in liveStreamingConfig
+                    || 'helpLink' in liveStreamingConfig
+                )
+            );
+
+    permanentProperties.overwritesCustomButtonsWithURL = 'config.customToolbarButtons' in params;
+
+    // Optionally, include local deployment information based on the
+    // contents of window.config.deploymentInfo.
+    if (deploymentInfo) {
+        for (const key in deploymentInfo) {
+            if (deploymentInfo.hasOwnProperty(key)) {
+                permanentProperties[key as keyof typeof deploymentInfo] = deploymentInfo[
+                    key as keyof typeof deploymentInfo];
+            }
+        }
+    }
+
+    analytics.addPermanentProperties({
+        ...permanentProperties,
+        ...getState()['features/analytics'].initialPermanentProperties
+    });
+
+    analytics.setConferenceName(getAnalyticsRoomName(state, dispatch));
+
+    // Set the handlers last, since this triggers emptying of the cache
+    analytics.setAnalyticsHandlers(handlers);
+
+    if (!isMobileBrowser() && browser.isChromiumBased()) {
+        const bannerCfg = state['features/base/config'].chromeExtensionBanner;
+
+        checkChromeExtensionsInstalled(bannerCfg).then(extensionsInstalled => {
+            if (extensionsInstalled?.length) {
+                analytics.addPermanentProperties({
+                    hasChromeExtension: extensionsInstalled.some(ext => ext)
+                });
+            }
+        });
+    }
+
+    return true;
+}
+
+/**
+ * Tries to load the scripts for the external analytics handlers and creates them.
+ *
+ * @param {Array} scriptURLs - The array of script urls to load.
+ * @param {Object} handlerConstructorOptions - The default options to pass when creating handlers.
+ * @private
+ * @returns {Promise} Resolves with the handlers that have been successfully loaded and rejects if there are no handlers
+ * loaded or the analytics is disabled.
+ */
+function _loadHandlers(scriptURLs: string[] = [], handlerConstructorOptions: Object) {
+    const promises: Promise<{ error?: Error; type: string; url?: string; }>[] = [];
+
+    for (const url of scriptURLs) {
+        promises.push(
+            loadScript(url).then(
+                () => {
+                    return { type: 'success' };
+                },
+                (error: Error) => {
+                    return {
+                        type: 'error',
+                        error,
+                        url
+                    };
+                }));
+    }
+
+    return Promise.all(promises).then(values => {
+        for (const el of values) {
+            if (el.type === 'error') {
+                logger.warn(`Failed to load ${el.url}: ${el.error}`);
+            }
+        }
+
+        const handlers = [];
+
+        for (const Handler of getJitsiMeetGlobalNS().analyticsHandlers) {
+            // Catch any error while loading to avoid skipping analytics in case
+            // of multiple scripts.
+            try {
+                handlers.push(new Handler(handlerConstructorOptions));
+            } catch (error) {
+                logger.warn(`Error creating analytics handler: ${error}`);
+            }
+        }
+        logger.debug(`Loaded ${handlers.length} external analytics handlers`);
+
+        return handlers;
+    });
+}
diff --git a/react/features/analytics/handlers/AbstractHandler.ts b/react/features/analytics/handlers/AbstractHandler.ts
new file mode 100644
index 0000000..4d156ce
--- /dev/null
+++ b/react/features/analytics/handlers/AbstractHandler.ts
@@ -0,0 +1,115 @@
+export interface IEvent {
+    action?: string;
+    actionSubject?: string;
+    attributes?: {
+        [key: string]: string | undefined;
+    };
+    name?: string;
+    source?: string;
+    type?: string;
+}
+
+interface IOptions {
+    amplitudeAPPKey?: string;
+    blackListedEvents?: string[];
+    envType?: string;
+    group?: string;
+    host?: string;
+    matomoEndpoint?: string;
+    matomoSiteID?: string;
+    product?: string;
+    subproduct?: string;
+    user?: string;
+    version?: string;
+    whiteListedEvents?: string[];
+}
+
+/**
+ * Abstract implementation of analytics handler.
+ */
+export default class AbstractHandler {
+    _enabled: boolean;
+    _whiteListedEvents: Array<string> | undefined;
+    _blackListedEvents: Array<string> | undefined;
+
+    /**
+     * Creates new instance.
+     *
+     * @param {Object} options - Optional parameters.
+     */
+    constructor(options: IOptions = {}) {
+        this._enabled = false;
+        this._whiteListedEvents = options.whiteListedEvents;
+
+        // FIXME:
+        // Keeping the list with the very noisy events so that we don't flood with events whoever hasn't configured
+        // white/black lists yet. We need to solve this issue properly by either making these events not so noisy or
+        // by removing them completely from the code.
+        this._blackListedEvents = [
+            ...(options.blackListedEvents || []), // eslint-disable-line no-extra-parens
+            'e2e_rtt', 'rtp.stats', 'rtt.by.region', 'available.device', 'stream.switch.delay', 'ice.state.changed',
+            'ice.duration', 'peer.conn.status.duration'
+        ];
+    }
+
+    /**
+     * Extracts a name for the event from the event properties.
+     *
+     * @param {Object} event - The analytics event.
+     * @returns {string} - The extracted name.
+     */
+    _extractName(event: IEvent) {
+        // Page events have a single 'name' field.
+        if (event.type === 'page') {
+            return event.name;
+        }
+
+        const {
+            action,
+            actionSubject,
+            source
+        } = event;
+
+        // All events have action, actionSubject, and source fields. All
+        // three fields are required, and often jitsi-meet and
+        // lib-jitsi-meet use the same value when separate values are not
+        // necessary (i.e. event.action == event.actionSubject).
+        // Here we concatenate these three fields, but avoid adding the same
+        // value twice, because it would only make the event's name harder
+        // to read.
+        let name = action;
+
+        if (actionSubject && actionSubject !== action) {
+            name = `${actionSubject}.${action}`;
+        }
+        if (source && source !== action) {
+            name = `${source}.${name}`;
+        }
+
+        return name;
+    }
+
+    /**
+     * Checks if an event should be ignored or not.
+     *
+     * @param {Object} event - The event.
+     * @returns {boolean}
+     */
+    _shouldIgnore(event: IEvent) {
+        if (!event || !this._enabled) {
+            return true;
+        }
+
+        const name = this._extractName(event) ?? '';
+
+        if (Array.isArray(this._whiteListedEvents)) {
+            return this._whiteListedEvents.indexOf(name) === -1;
+        }
+
+        if (Array.isArray(this._blackListedEvents)) {
+            return this._blackListedEvents.indexOf(name) !== -1;
+        }
+
+        return false;
+    }
+}
diff --git a/react/features/analytics/handlers/AmplitudeHandler.ts b/react/features/analytics/handlers/AmplitudeHandler.ts
new file mode 100644
index 0000000..04d3c1e
--- /dev/null
+++ b/react/features/analytics/handlers/AmplitudeHandler.ts
@@ -0,0 +1,91 @@
+import { Identify } from '@amplitude/analytics-core';
+
+import logger from '../logger';
+
+import AbstractHandler, { IEvent } from './AbstractHandler';
+import { fixDeviceID } from './amplitude/fixDeviceID';
+import amplitude, { initAmplitude } from './amplitude/lib';
+
+/**
+ * Analytics handler for Amplitude.
+ */
+export default class AmplitudeHandler extends AbstractHandler {
+
+    /**
+     * Creates new instance of the Amplitude analytics handler.
+     *
+     * @param {Object} options - The amplitude options.
+     * @param {string} options.amplitudeAPPKey - The Amplitude app key required by the Amplitude API
+     * in the Amplitude events.
+     */
+    constructor(options: any) {
+        super(options);
+
+        const {
+            amplitudeAPPKey,
+            user
+        } = options;
+
+        this._enabled = true;
+
+        initAmplitude(amplitudeAPPKey, user)
+            .then(() => {
+                logger.info('Amplitude initialized');
+                fixDeviceID(amplitude);
+            })
+            .catch(e => {
+                logger.error('Error initializing Amplitude', e);
+                this._enabled = false;
+            });
+    }
+
+    /**
+     * Sets the Amplitude user properties.
+     *
+     * @param {Object} userProps - The user properties.
+     * @returns {void}
+     */
+    setUserProperties(userProps: any) {
+        if (this._enabled) {
+            const identify = new Identify();
+
+            // Set all properties
+            Object.entries(userProps).forEach(([ key, value ]) => {
+                identify.set(key, value as any);
+            });
+
+            amplitude.identify(identify);
+        }
+    }
+
+    /**
+     * Sends an event to Amplitude. The format of the event is described
+     * in AnalyticsAdapter in lib-jitsi-meet.
+     *
+     * @param {Object} event - The event in the format specified by
+     * lib-jitsi-meet.
+     * @returns {void}
+     */
+    sendEvent(event: IEvent) {
+        if (this._shouldIgnore(event)) {
+            return;
+        }
+
+        const eventName = this._extractName(event) ?? '';
+
+        amplitude.track(eventName, event);
+    }
+
+    /**
+     * Return amplitude identity information.
+     *
+     * @returns {Object}
+     */
+    getIdentityProps() {
+        return {
+            sessionId: amplitude.getSessionId(),
+            deviceId: amplitude.getDeviceId(),
+            userId: amplitude.getUserId()
+        };
+    }
+}
diff --git a/react/features/analytics/handlers/MatomoHandler.ts b/react/features/analytics/handlers/MatomoHandler.ts
new file mode 100644
index 0000000..90fa332
--- /dev/null
+++ b/react/features/analytics/handlers/MatomoHandler.ts
@@ -0,0 +1,170 @@
+/* global _paq */
+
+import { getJitsiMeetGlobalNS } from '../../base/util/helpers';
+
+import AbstractHandler, { IEvent } from './AbstractHandler';
+
+/**
+ * Analytics handler for Matomo.
+ */
+export default class MatomoHandler extends AbstractHandler {
+    _userProperties: Object;
+
+    /**
+     * Creates new instance of the Matomo handler.
+     *
+     * @param {Object} options - The matomo options.
+     * @param {string} options.matomoEndpoint - The Matomo endpoint.
+     * @param {string} options.matomoSiteID   - The site ID.
+     */
+    constructor(options: any) {
+        super(options);
+        this._userProperties = {};
+
+        if (!options.matomoEndpoint) {
+            throw new Error(
+                'Failed to initialize Matomo handler: no endpoint defined.'
+            );
+        }
+        if (!options.matomoSiteID) {
+            throw new Error(
+                'Failed to initialize Matomo handler: no site ID defined.'
+            );
+        }
+
+        this._enabled = true;
+        this._initMatomo(options);
+    }
+
+    /**
+     * Initializes the _paq object.
+     *
+     * @param {Object} options - The matomo options.
+     * @param {string} options.matomoEndpoint - The Matomo endpoint.
+     * @param {string} options.matomoSiteID   - The site ID.
+     * @returns {void}
+     */
+    _initMatomo(options: any) {
+        // @ts-ignore
+        const _paq = window._paq || [];
+
+        // @ts-ignore
+        window._paq = _paq;
+
+        _paq.push([ 'trackPageView' ]);
+        _paq.push([ 'enableLinkTracking' ]);
+
+        (function() {
+            // add trailing slash if needed
+            const u = options.matomoEndpoint.endsWith('/')
+                ? options.matomoEndpoint
+                : `${options.matomoEndpoint}/`;
+
+            // configure the tracker
+            _paq.push([ 'setTrackerUrl', `${u}matomo.php` ]);
+            _paq.push([ 'setSiteId', options.matomoSiteID ]);
+
+            // insert the matomo script
+            const d = document,
+                g = d.createElement('script'),
+                s = d.getElementsByTagName('script')[0];
+
+            g.type = 'text/javascript';
+            g.async = true;
+            g.defer = true;
+            g.src = `${u}matomo.js`;
+            s.parentNode?.insertBefore(g, s);
+        })();
+    }
+
+    /**
+     * Extracts the integer to use for a Matomo event's value field
+     * from a lib-jitsi-meet analytics event.
+     *
+     * @param {Object} event - The lib-jitsi-meet analytics event.
+     * @returns {number} - The integer to use for the 'value' of a Matomo
+     * event, or NaN if the lib-jitsi-meet event doesn't contain a
+     * suitable value.
+     * @private
+     */
+    _extractValue(event: IEvent) {
+        const value = event?.attributes?.value;
+
+        // Try to extract an integer from the 'value' attribute.
+        return Math.round(parseFloat(value ?? ''));
+    }
+
+    /**
+     * Sets the permanent properties for the current session.
+     *
+     * @param {Object} userProps - The permanent properties.
+     * @returns {void}
+     */
+    setUserProperties(userProps: any = {}) {
+        if (!this._enabled) {
+            return;
+        }
+
+        const visitScope = [ 'user_agent', 'callstats_name', 'browser_name' ];
+
+        // add variables in the 'page' scope
+        Object.keys(userProps)
+            .filter(key => visitScope.indexOf(key) === -1)
+            .forEach((key, index) => {
+                // @ts-ignore
+                _paq.push([
+                    'setCustomVariable',
+                    1 + index,
+                    key,
+                    userProps[key],
+                    'page'
+                ]);
+            });
+
+
+        // add variables in the 'visit' scope
+        Object.keys(userProps)
+            .filter(key => visitScope.indexOf(key) !== -1)
+            .forEach((key, index) => {
+                // @ts-ignore
+                _paq.push([
+                    'setCustomVariable',
+                    1 + index,
+                    key,
+                    userProps[key],
+                    'visit'
+                ]);
+            });
+    }
+
+    /**
+     * This is the entry point of the API. The function sends an event to
+     * the Matomo endpoint. The format of the event is described in
+     * analyticsAdapter in lib-jitsi-meet.
+     *
+     * @param {Object} event - The event in the format specified by
+     * lib-jitsi-meet.
+     * @returns {void}
+     */
+    sendEvent(event: IEvent) {
+        if (this._shouldIgnore(event)) {
+            return;
+        }
+
+        const value = this._extractValue(event);
+        const matomoEvent: Array<string | number | undefined> = [
+            'trackEvent', 'jitsi-meet', this._extractName(event) ];
+
+        if (!isNaN(value)) {
+            matomoEvent.push(value);
+        }
+
+        // @ts-ignore
+        _paq.push(matomoEvent);
+    }
+}
+
+const globalNS = getJitsiMeetGlobalNS();
+
+globalNS.analyticsHandlers = globalNS.analyticsHandlers || [];
+globalNS.analyticsHandlers.push(MatomoHandler);
diff --git a/react/features/analytics/handlers/amplitude/deviceIDStorageUtils.js b/react/features/analytics/handlers/amplitude/deviceIDStorageUtils.js
new file mode 100644
index 0000000..e69de29
diff --git a/react/features/analytics/handlers/amplitude/fixDeviceID.native.ts b/react/features/analytics/handlers/amplitude/fixDeviceID.native.ts
new file mode 100644
index 0000000..c08cc63
--- /dev/null
+++ b/react/features/analytics/handlers/amplitude/fixDeviceID.native.ts
@@ -0,0 +1,33 @@
+import { Types } from '@amplitude/analytics-react-native';
+import DefaultPreference from 'react-native-default-preference';
+import { getUniqueId } from 'react-native-device-info';
+
+import logger from '../../logger';
+
+
+/**
+ * Custom logic for setting the correct device id.
+ *
+ * @param {Types.ReactNativeClient} amplitude - The amplitude instance.
+ * @returns {void}
+ */
+export async function fixDeviceID(amplitude: Types.ReactNativeClient) {
+    await DefaultPreference.setName('jitsi-preferences');
+
+    const current = await DefaultPreference.get('amplitudeDeviceId');
+
+    if (current) {
+        amplitude.setDeviceId(current);
+    } else {
+        const uid = await getUniqueId();
+
+        if (!uid) {
+            logger.warn('Device ID is not set!');
+
+            return;
+        }
+
+        amplitude.setDeviceId(uid as string);
+        await DefaultPreference.set('amplitudeDeviceId', uid as string);
+    }
+}
diff --git a/react/features/analytics/handlers/amplitude/fixDeviceID.web.ts b/react/features/analytics/handlers/amplitude/fixDeviceID.web.ts
new file mode 100644
index 0000000..932c67c
--- /dev/null
+++ b/react/features/analytics/handlers/amplitude/fixDeviceID.web.ts
@@ -0,0 +1,46 @@
+import { Types } from '@amplitude/analytics-browser';
+// @ts-ignore
+import { jitsiLocalStorage } from '@jitsi/js-utils';
+
+import logger from '../../logger';
+
+/**
+ * Key used to store the device id in local storage.
+ */
+const DEVICE_ID_KEY = '__AMDID';
+
+/**
+ * Custom logic for setting the correct device id.
+ *
+ * @param {Types.BrowserClient} amplitude - The amplitude instance.
+ * @returns {void}
+ */
+export function fixDeviceID(amplitude: Types.BrowserClient) {
+    const deviceId = jitsiLocalStorage.getItem(DEVICE_ID_KEY);
+
+    if (deviceId) {
+        // Set the device id in Amplitude.
+        try {
+            amplitude.setDeviceId(JSON.parse(deviceId));
+        } catch (error) {
+            logger.error('Failed to set device ID in Amplitude', error);
+
+            return Promise.resolve(false);
+        }
+    } else {
+        const newDeviceId = amplitude.getDeviceId();
+
+        if (newDeviceId) {
+            jitsiLocalStorage.setItem(DEVICE_ID_KEY, JSON.stringify(newDeviceId));
+        }
+    }
+}
+
+/**
+ * Returns the amplitude shared deviceId.
+ *
+ * @returns {string} - The amplitude deviceId.
+ */
+export function getDeviceID() {
+    return jitsiLocalStorage.getItem(DEVICE_ID_KEY);
+}
diff --git a/react/features/analytics/handlers/amplitude/lib.native.ts b/react/features/analytics/handlers/amplitude/lib.native.ts
new file mode 100644
index 0000000..7536d8e
--- /dev/null
+++ b/react/features/analytics/handlers/amplitude/lib.native.ts
@@ -0,0 +1,15 @@
+import * as amplitude from '@amplitude/analytics-react-native';
+
+export default amplitude;
+
+/**
+ * Initializes the Amplitude instance.
+ *
+ * @param {string} amplitudeAPPKey - The Amplitude app key.
+ * @param {string | undefined} user - The user ID.
+ * @returns {Promise} The initialized Amplitude instance.
+ */
+export function initAmplitude(
+        amplitudeAPPKey: string, user: string | undefined): Promise<unknown> {
+    return amplitude.init(amplitudeAPPKey, user, {}).promise;
+}
diff --git a/react/features/analytics/handlers/amplitude/lib.web.ts b/react/features/analytics/handlers/amplitude/lib.web.ts
new file mode 100644
index 0000000..704339d
--- /dev/null
+++ b/react/features/analytics/handlers/amplitude/lib.web.ts
@@ -0,0 +1,38 @@
+import { createInstance } from '@amplitude/analytics-browser';
+
+const amplitude = createInstance();
+
+export default amplitude;
+
+/**
+ * Initializes the Amplitude instance.
+ *
+ * @param {string} amplitudeAPPKey - The Amplitude app key.
+ * @param {string | undefined} user - The user ID.
+ * @returns {Promise} The initialized Amplitude instance.
+ */
+export function initAmplitude(
+        amplitudeAPPKey: string, user: string | undefined): Promise<unknown> {
+
+    // Forces sending all events on exit (flushing) via sendBeacon.
+    window.addEventListener('pagehide', () => {
+        // Set https transport to use sendBeacon API.
+        amplitude.setTransport('beacon');
+        // Send all pending events to server.
+        amplitude.flush();
+    });
+
+    const options = {
+        autocapture: {
+            attribution: true,
+            pageViews: true,
+            sessions: false,
+            fileDownloads: false,
+            formInteractions: false,
+            elementInteractions: false
+        },
+        defaultTracking: false
+    };
+
+    return amplitude.init(amplitudeAPPKey, user, options).promise;
+}
diff --git a/react/features/analytics/logger.ts b/react/features/analytics/logger.ts
new file mode 100644
index 0000000..547021e
--- /dev/null
+++ b/react/features/analytics/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:analytics');
diff --git a/react/features/analytics/middleware.ts b/react/features/analytics/middleware.ts
new file mode 100644
index 0000000..4418d32
--- /dev/null
+++ b/react/features/analytics/middleware.ts
@@ -0,0 +1,216 @@
+import { IReduxState } from '../app/types';
+import {
+    CONFERENCE_JOINED,
+    CONFERENCE_WILL_LEAVE,
+    SET_ROOM
+} from '../base/conference/actionTypes';
+import { SET_CONFIG } from '../base/config/actionTypes';
+import { SET_NETWORK_INFO } from '../base/net-info/actionTypes';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import {
+    TRACK_ADDED,
+    TRACK_REMOVED,
+    TRACK_UPDATED
+} from '../base/tracks/actionTypes';
+import {
+    getLocalAudioTrack,
+    getLocalVideoTrack
+} from '../base/tracks/functions';
+import { SET_LOBBY_VISIBILITY } from '../lobby/actionTypes';
+import { getIsLobbyVisible } from '../lobby/functions';
+import { I_AM_VISITOR_MODE } from '../visitors/actionTypes';
+import { iAmVisitor } from '../visitors/functions';
+
+import { createLocalTracksDurationEvent, createNetworkInfoEvent } from './AnalyticsEvents';
+import { SET_INITIALIZED, UPDATE_LOCAL_TRACKS_DURATION } from './actionTypes';
+import { setPermanentProperty } from './actions';
+import { createHandlers, initAnalytics, resetAnalytics, sendAnalytics } from './functions';
+
+/**
+ * Calculates the duration of the local tracks.
+ *
+ * @param {Object} state - The redux state.
+ * @returns {Object} - The local tracks duration.
+ */
+function calculateLocalTrackDuration(state: IReduxState) {
+    const now = Date.now();
+    const { localTracksDuration } = state['features/analytics'];
+    const { conference } = state['features/base/conference'];
+    const { audio, video } = localTracksDuration;
+    const { camera, desktop } = video;
+    const tracks = state['features/base/tracks'];
+    const audioTrack = getLocalAudioTrack(tracks);
+    const videoTrack = getLocalVideoTrack(tracks);
+    const newDuration = { ...localTracksDuration };
+
+    if (!audioTrack || audioTrack.muted || !conference) {
+        newDuration.audio = {
+            startedTime: -1,
+            value: audio.value + (audio.startedTime === -1 ? 0 : now - audio.startedTime)
+        };
+    } else if (audio.startedTime === -1) {
+        newDuration.audio.startedTime = now;
+    }
+
+    if (!videoTrack || videoTrack.muted || !conference) {
+        newDuration.video = {
+            camera: {
+                startedTime: -1,
+                value: camera.value + (camera.startedTime === -1 ? 0 : now - camera.startedTime)
+            },
+            desktop: {
+                startedTime: -1,
+                value: desktop.value + (desktop.startedTime === -1 ? 0 : now - desktop.startedTime)
+            }
+        };
+    } else {
+        const { videoType } = videoTrack;
+
+        if (video[videoType as keyof typeof video].startedTime === -1) {
+            newDuration.video[videoType as keyof typeof video].startedTime = now;
+        }
+    }
+
+    return {
+        ...localTracksDuration,
+        ...newDuration
+    };
+}
+
+/**
+ * Middleware which intercepts config actions to handle evaluating analytics
+ * config based on the config stored in the store.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case I_AM_VISITOR_MODE: {
+        const oldIAmVisitor = iAmVisitor(store.getState());
+        const result = next(action);
+        const newIAmVisitor = iAmVisitor(store.getState());
+
+        store.dispatch(setPermanentProperty({
+            isVisitor: newIAmVisitor,
+            isPromotedFromVisitor: oldIAmVisitor && !newIAmVisitor
+        }));
+
+        return result;
+    }
+    case SET_CONFIG:
+        if (navigator.product === 'ReactNative') {
+            // Resetting the analytics is currently not needed for web because
+            // the user will be redirected to another page and new instance of
+            // Analytics will be created and initialized.
+            resetAnalytics();
+
+            const { dispatch } = store;
+
+            dispatch({
+                type: SET_INITIALIZED,
+                value: false
+            });
+        }
+        break;
+    case SET_ROOM: {
+        // createHandlers is called before the SET_ROOM action is executed in order for Amplitude to initialize before
+        // the deeplinking logic is executed (after the SET_ROOM action) so that the Amplitude device id is available
+        // if needed.
+        const createHandlersPromise = createHandlers(store);
+        const result = next(action);
+
+        createHandlersPromise.then(handlers => {
+            if (initAnalytics(store, handlers)) {
+                store.dispatch({
+                    type: SET_INITIALIZED,
+                    value: true
+                });
+            }
+        });
+
+        return result;
+    }
+    }
+
+    const result = next(action);
+
+    switch (action.type) {
+    case CONFERENCE_JOINED: {
+        const { dispatch, getState } = store;
+        const state = getState();
+
+        dispatch({
+            type: UPDATE_LOCAL_TRACKS_DURATION,
+            localTracksDuration: {
+                ...calculateLocalTrackDuration(state),
+                conference: {
+                    startedTime: Date.now(),
+                    value: 0
+                }
+            }
+        });
+        break;
+    }
+
+    case CONFERENCE_WILL_LEAVE: {
+        const { dispatch, getState } = store;
+        const state = getState();
+        const { localTracksDuration } = state['features/analytics'];
+        const newLocalTracksDuration = {
+            ...calculateLocalTrackDuration(state),
+            conference: {
+                startedTime: -1,
+                value: Date.now() - localTracksDuration.conference.startedTime
+            }
+        };
+
+        sendAnalytics(createLocalTracksDurationEvent(newLocalTracksDuration));
+
+        dispatch({
+            type: UPDATE_LOCAL_TRACKS_DURATION,
+            localTracksDuration: newLocalTracksDuration
+        });
+        break;
+    }
+    case SET_LOBBY_VISIBILITY:
+        if (getIsLobbyVisible(store.getState())) {
+            store.dispatch(setPermanentProperty({
+                wasLobbyVisible: true
+            }));
+        }
+
+        break;
+    case SET_NETWORK_INFO:
+        sendAnalytics(
+            createNetworkInfoEvent({
+                isOnline: action.isOnline,
+                details: action.details,
+                networkType: action.networkType
+            }));
+        break;
+    case TRACK_ADDED:
+    case TRACK_REMOVED:
+    case TRACK_UPDATED: {
+        const { dispatch, getState } = store;
+        const state = getState();
+        const { localTracksDuration } = state['features/analytics'];
+
+        if (localTracksDuration.conference.startedTime === -1) {
+            // We don't want to track the media duration if the conference is not joined yet because otherwise we won't
+            // be able to compare them with the conference duration (from conference join to conference will leave).
+            break;
+        }
+        dispatch({
+            type: UPDATE_LOCAL_TRACKS_DURATION,
+            localTracksDuration: {
+                ...localTracksDuration,
+                ...calculateLocalTrackDuration(state)
+            }
+        });
+        break;
+    }
+    }
+
+    return result;
+});
diff --git a/react/features/analytics/reducer.ts b/react/features/analytics/reducer.ts
new file mode 100644
index 0000000..49080fc
--- /dev/null
+++ b/react/features/analytics/reducer.ts
@@ -0,0 +1,88 @@
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import {
+    SET_INITIALIZED,
+    SET_INITIAL_PERMANENT_PROPERTIES,
+    UPDATE_LOCAL_TRACKS_DURATION
+} from './actionTypes';
+
+/**
+ * Initial state.
+ */
+const DEFAULT_STATE = {
+    isInitialized: false,
+    initialPermanentProperties: {},
+    localTracksDuration: {
+        audio: {
+            startedTime: -1,
+            value: 0
+        },
+        video: {
+            camera: {
+                startedTime: -1,
+                value: 0
+            },
+            desktop: {
+                startedTime: -1,
+                value: 0
+            }
+        },
+        conference: {
+            startedTime: -1,
+            value: 0
+        }
+    }
+};
+
+interface IValue {
+    startedTime: number;
+    value: number;
+}
+
+export interface IAnalyticsState {
+    initialPermanentProperties: Object;
+    isInitialized: boolean;
+    localTracksDuration: {
+        audio: IValue;
+        conference: IValue;
+        video: {
+            camera: IValue;
+            desktop: IValue;
+        };
+    };
+}
+
+/**
+ * Listen for actions which changes the state of the analytics feature.
+ *
+ * @param {Object} state - The Redux state of the feature features/analytics.
+ * @param {Object} action - Action object.
+ * @param {string} action.type - Type of action.
+ * @returns {Object}
+ */
+ReducerRegistry.register<IAnalyticsState>('features/analytics',
+(state = DEFAULT_STATE, action): IAnalyticsState => {
+    switch (action.type) {
+    case SET_INITIALIZED:
+        return {
+            ...state,
+            initialPermanentProperties: action.value ? state.initialPermanentProperties : {},
+            isInitialized: action.value
+        };
+    case SET_INITIAL_PERMANENT_PROPERTIES:
+        return {
+            ...state,
+            initialPermanentProperties: {
+                ...state.initialPermanentProperties,
+                ...action.properties
+            }
+        };
+    case UPDATE_LOCAL_TRACKS_DURATION:
+        return {
+            ...state,
+            localTracksDuration: action.localTracksDuration
+        };
+    default:
+        return state;
+    }
+});
diff --git a/react/features/app/actions.any.ts b/react/features/app/actions.any.ts
new file mode 100644
index 0000000..79be008
--- /dev/null
+++ b/react/features/app/actions.any.ts
@@ -0,0 +1,160 @@
+// @ts-ignore
+// eslint-disable-next-line
+import { openTokenAuthUrl } from '../authentication/actions';
+
+// @ts-ignore
+import { getTokenAuthUrl, isTokenAuthEnabled } from '../authentication/functions';
+import { getJwtExpirationDate } from '../base/jwt/functions';
+import { MEDIA_TYPE } from '../base/media/constants';
+import { isLocalTrackMuted } from '../base/tracks/functions.any';
+import { getLocationContextRoot, parseURIString } from '../base/util/uri';
+
+import { addTrackStateToURL } from './functions.any';
+import logger from './logger';
+import { IStore } from './types';
+
+
+/**
+ * Redirects to another page generated by replacing the path in the original URL
+ * with the given path.
+ *
+ * @param {(string)} pathname - The path to navigate to.
+ * @returns {Function}
+ */
+export function redirectWithStoredParams(pathname: string) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const { locationURL } = getState()['features/base/connection'];
+        const newLocationURL = new URL(locationURL?.href ?? '');
+
+        newLocationURL.pathname = pathname;
+        window.location.assign(newLocationURL.toString());
+    };
+}
+
+/**
+ * Assigns a specific pathname to window.location.pathname taking into account
+ * the context root of the Web app.
+ *
+ * @param {string} pathname - The pathname to assign to
+ * window.location.pathname. If the specified pathname is relative, the context
+ * root of the Web app will be prepended to the specified pathname before
+ * assigning it to window.location.pathname.
+ * @param {string} hashParam - Optional hash param to assign to
+ * window.location.hash.
+ * @returns {Function}
+ */
+export function redirectToStaticPage(pathname: string, hashParam?: string) {
+    return () => {
+        const windowLocation = window.location;
+        let newPathname = pathname;
+
+        if (!newPathname.startsWith('/')) {
+            // A pathname equal to ./ specifies the current directory. It will be
+            // fine but pointless to include it because contextRoot is the current
+            // directory.
+            newPathname.startsWith('./')
+                && (newPathname = newPathname.substring(2));
+            newPathname = getLocationContextRoot(windowLocation) + newPathname;
+        }
+
+        if (hashParam) {
+            windowLocation.hash = hashParam;
+        }
+
+        windowLocation.pathname = newPathname;
+    };
+}
+
+/**
+ * Reloads the page by restoring the original URL.
+ *
+ * @returns {Function}
+ */
+export function reloadWithStoredParams() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const { locationURL } = state['features/base/connection'];
+
+        // Preserve the local tracks muted states.
+        // @ts-ignore
+        const newURL = addTrackStateToURL(locationURL, state);
+        const windowLocation = window.location;
+        const oldSearchString = windowLocation.search;
+
+        windowLocation.replace(newURL.toString());
+
+        if (newURL.search === oldSearchString) {
+            // NOTE: Assuming that only the hash or search part of the URL will
+            // be changed!
+            // location.replace will not trigger redirect/reload when
+            // only the hash params are changed. That's why we need to call
+            // reload in addition to replace.
+            windowLocation.reload();
+        }
+    };
+}
+
+/**
+ * Checks whether tokenAuthUrl is set, we have a jwt token that will expire soon
+ * and redirect to the auth url to obtain new token if this is the case.
+ *
+ * @param {Dispatch} dispatch - The Redux dispatch function.
+ * @param {Function} getState - The Redux state.
+ * @param {Function} failureCallback - The callback on failure to obtain auth url.
+ * @returns {boolean} Whether we will redirect or not.
+ */
+export function maybeRedirectToTokenAuthUrl(
+        dispatch: IStore['dispatch'], getState: IStore['getState'], failureCallback: Function) {
+    const state = getState();
+    const config = state['features/base/config'];
+    const { enabled: audioOnlyEnabled } = state['features/base/audio-only'];
+    const { startAudioOnly } = config;
+    const { locationURL = { href: '' } as URL } = state['features/base/connection'];
+    const audioMuted = isLocalTrackMuted(state['features/base/tracks'], MEDIA_TYPE.AUDIO);
+    const videoMuted = isLocalTrackMuted(state['features/base/tracks'], MEDIA_TYPE.VIDEO);
+
+    if (!isTokenAuthEnabled(config)) {
+        return false;
+    }
+
+    // if tokenAuthUrl check jwt if is about to expire go through the url to get new token
+    const jwt = state['features/base/jwt'].jwt;
+    const expirationDate = getJwtExpirationDate(jwt);
+
+    // if there is jwt and its expiration time is less than 3 minutes away
+    // let's obtain new token
+    if (expirationDate && expirationDate.getTime() - Date.now() < 3 * 60 * 1000) {
+        const room = state['features/base/conference'].room;
+        const { tenant } = parseURIString(locationURL.href) || {};
+
+        getTokenAuthUrl(
+            config,
+            locationURL,
+            {
+                audioMuted,
+                audioOnlyEnabled: audioOnlyEnabled || startAudioOnly,
+                skipPrejoin: true,
+                videoMuted
+            },
+            room,
+            tenant
+        )
+            .then((tokenAuthServiceUrl: string | undefined) => {
+                if (!tokenAuthServiceUrl) {
+                    logger.warn('Cannot handle login, token service URL is not set');
+
+                    return Promise.reject();
+                }
+
+                return dispatch(openTokenAuthUrl(tokenAuthServiceUrl));
+            })
+            .catch(() => {
+                failureCallback();
+            });
+
+        return true;
+    }
+
+    return false;
+}
+
diff --git a/react/features/app/actions.native.ts b/react/features/app/actions.native.ts
new file mode 100644
index 0000000..23ef235
--- /dev/null
+++ b/react/features/app/actions.native.ts
@@ -0,0 +1,222 @@
+import { setRoom } from '../base/conference/actions';
+import { getConferenceState } from '../base/conference/functions';
+import {
+    configWillLoad,
+    loadConfigError,
+    setConfig,
+    storeConfig
+} from '../base/config/actions';
+import {
+    createFakeConfig,
+    restoreConfig
+} from '../base/config/functions.native';
+import { connect, disconnect, setLocationURL } from '../base/connection/actions.native';
+import { JITSI_CONNECTION_URL_KEY } from '../base/connection/constants';
+import { loadConfig } from '../base/lib-jitsi-meet/functions.native';
+import { createDesiredLocalTracks } from '../base/tracks/actions.native';
+import isInsecureRoomName from '../base/util/isInsecureRoomName';
+import { parseURLParams } from '../base/util/parseURLParams';
+import {
+    appendURLParam,
+    getBackendSafeRoomName,
+    parseURIString,
+    toURLString
+} from '../base/util/uri';
+import { isPrejoinPageEnabled } from '../mobile/navigation/functions';
+import {
+    goBackToRoot,
+    navigateRoot
+} from '../mobile/navigation/rootNavigationContainerRef';
+import { screen } from '../mobile/navigation/routes';
+import { clearNotifications } from '../notifications/actions';
+import { isUnsafeRoomWarningEnabled } from '../prejoin/functions';
+
+import { maybeRedirectToTokenAuthUrl } from './actions.any';
+import { addTrackStateToURL, getDefaultURL } from './functions.native';
+import logger from './logger';
+import { IReloadNowOptions, IStore } from './types';
+
+export * from './actions.any';
+
+/**
+ * Triggers an in-app navigation to a specific route. Allows navigation to be
+ * abstracted between the mobile/React Native and Web/React applications.
+ *
+ * @param {string|undefined} uri - The URI to which to navigate. It may be a
+ * full URL with an HTTP(S) scheme, a full or partial URI with the app-specific
+ * scheme, or a mere room name.
+ * @param {Object} [options] - Options.
+ * @returns {Function}
+ */
+export function appNavigate(uri?: string, options: IReloadNowOptions = {}) {
+    logger.info(`appNavigate to ${uri}`);
+
+    return async (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        let location = parseURIString(uri);
+
+        // If the specified location (URI) does not identify a host, use the app's
+        // default.
+        if (!location?.host) {
+            const defaultLocation = parseURIString(getDefaultURL(getState));
+
+            if (location) {
+                location.host = defaultLocation.host;
+
+                // FIXME Turn location's host, hostname, and port properties into
+                // setters in order to reduce the risks of inconsistent state.
+                location.hostname = defaultLocation.hostname;
+                location.pathname
+                    = defaultLocation.pathname + location.pathname.substr(1);
+                location.port = defaultLocation.port;
+                location.protocol = defaultLocation.protocol;
+            } else {
+                location = defaultLocation;
+            }
+        }
+
+        location.protocol || (location.protocol = 'https:');
+        const { contextRoot, host, hostname, pathname, room } = location;
+        const locationURL = new URL(location.toString());
+        const { conference } = getConferenceState(getState());
+
+        if (room) {
+            if (conference) {
+
+                // We need to check if the location is the same with the previous one.
+                const currentLocationURL = conference?.getConnection()[JITSI_CONNECTION_URL_KEY];
+                const { hostname: currentHostName, pathname: currentPathName } = currentLocationURL;
+
+                if (currentHostName === hostname && currentPathName === pathname) {
+                    logger.warn(`Joining same conference using URL: ${currentLocationURL}`);
+
+                    return;
+                }
+            } else {
+                navigateRoot(screen.connecting);
+            }
+        }
+
+        dispatch(disconnect());
+
+        dispatch(configWillLoad(locationURL, room));
+
+        let protocol = location.protocol.toLowerCase();
+
+        // The React Native app supports an app-specific scheme which is sure to not
+        // be supported by fetch.
+        protocol !== 'http:' && protocol !== 'https:' && (protocol = 'https:');
+
+        const baseURL = `${protocol}//${host}${contextRoot || '/'}`;
+        let url = `${baseURL}config.js`;
+
+        // XXX In order to support multiple shards, tell the room to the deployment.
+        room && (url = appendURLParam(url, 'room', getBackendSafeRoomName(room) ?? ''));
+
+        const { release } = parseURLParams(location, true, 'search');
+
+        release && (url = appendURLParam(url, 'release', release));
+
+        let config;
+
+        // Avoid (re)loading the config when there is no room.
+        if (!room) {
+            config = restoreConfig(baseURL);
+        }
+
+        if (!config) {
+            try {
+                config = await loadConfig(url);
+                dispatch(storeConfig(baseURL, config));
+            } catch (error: any) {
+                config = restoreConfig(baseURL);
+
+                if (!config) {
+                    if (room) {
+                        dispatch(loadConfigError(error, locationURL));
+
+                        return;
+                    }
+
+                    // If there is no room (we are on the welcome page), don't fail, just create a fake one.
+                    logger.warn('Failed to load config but there is no room, applying a fake one');
+                    config = createFakeConfig(baseURL);
+                }
+            }
+        }
+
+        if (getState()['features/base/config'].locationURL !== locationURL) {
+            dispatch(loadConfigError(new Error('Config no longer needed!'), locationURL));
+
+            return;
+        }
+
+        dispatch(setLocationURL(locationURL));
+        dispatch(setConfig(config));
+        dispatch(setRoom(room));
+
+        if (!room) {
+            goBackToRoot(getState(), dispatch);
+
+            return;
+        }
+
+        dispatch(createDesiredLocalTracks());
+        dispatch(clearNotifications());
+
+        if (!options.hidePrejoin && isPrejoinPageEnabled(getState())) {
+            if (isUnsafeRoomWarningEnabled(getState()) && isInsecureRoomName(room)) {
+                navigateRoot(screen.unsafeRoomWarning);
+            } else {
+                navigateRoot(screen.preJoin);
+            }
+        } else {
+            dispatch(connect());
+            navigateRoot(screen.conference.root);
+        }
+    };
+}
+
+/**
+ * Check if the welcome page is enabled and redirects to it.
+ * If requested show a thank you dialog before that.
+ * If we have a close page enabled, redirect to it without
+ * showing any other dialog.
+ *
+ * @param {Object} _options - Ignored.
+ * @returns {Function}
+ */
+export function maybeRedirectToWelcomePage(_options?: any): any {
+    // Dummy.
+}
+
+/**
+ * Reloads the page.
+ *
+ * @protected
+ * @returns {Function}
+ */
+export function reloadNow() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+
+        const state = getState();
+        const { locationURL } = state['features/base/connection'];
+
+        // Preserve the local tracks muted state after the reload.
+        // @ts-ignore
+        const newURL = addTrackStateToURL(locationURL, state);
+
+        const reloadAction = () => {
+            logger.info(`Reloading the conference using URL: ${locationURL}`);
+
+            dispatch(appNavigate(toURLString(newURL), {
+                hidePrejoin: true
+            }));
+        };
+
+        if (maybeRedirectToTokenAuthUrl(dispatch, getState, reloadAction)) {
+            return;
+        }
+
+        reloadAction();
+    };
+}
diff --git a/react/features/app/actions.web.ts b/react/features/app/actions.web.ts
new file mode 100644
index 0000000..0c67f11
--- /dev/null
+++ b/react/features/app/actions.web.ts
@@ -0,0 +1,186 @@
+// @ts-expect-error
+import { API_ID } from '../../../modules/API';
+import { setRoom } from '../base/conference/actions';
+import {
+    configWillLoad,
+    setConfig
+} from '../base/config/actions';
+import { setLocationURL } from '../base/connection/actions.web';
+import { loadConfig } from '../base/lib-jitsi-meet/functions.web';
+import { isEmbedded } from '../base/util/embedUtils';
+import { parseURIString } from '../base/util/uri';
+import { isVpaasMeeting } from '../jaas/functions';
+import { clearNotifications, showNotification } from '../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE } from '../notifications/constants';
+import { isWelcomePageEnabled } from '../welcome/functions';
+
+import {
+    maybeRedirectToTokenAuthUrl,
+    redirectToStaticPage,
+    redirectWithStoredParams,
+    reloadWithStoredParams
+} from './actions.any';
+import { getDefaultURL, getName } from './functions.web';
+import logger from './logger';
+import { IStore } from './types';
+
+export * from './actions.any';
+
+
+/**
+ * Triggers an in-app navigation to a specific route. Allows navigation to be
+ * abstracted between the mobile/React Native and Web/React applications.
+ *
+ * @param {string|undefined} uri - The URI to which to navigate. It may be a
+ * full URL with an HTTP(S) scheme, a full or partial URI with the app-specific
+ * scheme, or a mere room name.
+ * @returns {Function}
+ */
+export function appNavigate(uri?: string) {
+    return async (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        let location = parseURIString(uri);
+
+        // If the specified location (URI) does not identify a host, use the app's
+        // default.
+        if (!location?.host) {
+            const defaultLocation = parseURIString(getDefaultURL(getState));
+
+            if (location) {
+                location.host = defaultLocation.host;
+
+                // FIXME Turn location's host, hostname, and port properties into
+                // setters in order to reduce the risks of inconsistent state.
+                location.hostname = defaultLocation.hostname;
+                location.pathname
+                    = defaultLocation.pathname + location.pathname.substr(1);
+                location.port = defaultLocation.port;
+                location.protocol = defaultLocation.protocol;
+            } else {
+                location = defaultLocation;
+            }
+        }
+
+        location.protocol || (location.protocol = 'https:');
+
+        const { room } = location;
+        const locationURL = new URL(location.toString());
+
+        // There are notifications now that gets displayed after we technically left
+        // the conference, but we're still on the conference screen.
+        dispatch(clearNotifications());
+
+        dispatch(configWillLoad(locationURL, room));
+
+        const config = await loadConfig();
+
+        dispatch(setLocationURL(locationURL));
+        dispatch(setConfig(config));
+        dispatch(setRoom(room));
+    };
+}
+
+/**
+ * Check if the welcome page is enabled and redirects to it.
+ * If requested show a thank you dialog before that.
+ * If we have a close page enabled, redirect to it without
+ * showing any other dialog.
+ *
+ * @param {Object} options - Used to decide which particular close page to show
+ * or if close page is disabled, whether we should show the thankyou dialog.
+ * @param {boolean} options.showThankYou - Whether we should
+ * show thank you dialog.
+ * @param {boolean} options.feedbackSubmitted - Whether feedback was submitted.
+ * @returns {Function}
+ */
+export function maybeRedirectToWelcomePage(options: { feedbackSubmitted?: boolean; showThankYou?: boolean; } = {}) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+
+        const {
+            enableClosePage
+        } = getState()['features/base/config'];
+
+        // if close page is enabled redirect to it, without further action
+        if (enableClosePage) {
+            if (isVpaasMeeting(getState())) {
+                const isOpenedInIframe = isEmbedded();
+
+                if (isOpenedInIframe) {
+                    // @ts-ignore
+                    window.location = 'about:blank';
+                } else {
+                    dispatch(redirectToStaticPage('/'));
+                }
+
+                return;
+            }
+
+            const { jwt } = getState()['features/base/jwt'];
+
+            let hashParam;
+
+            // save whether current user is guest or not, and pass auth token,
+            // before navigating to close page
+            window.sessionStorage.setItem('guest', (!jwt).toString());
+            window.sessionStorage.setItem('jwt', jwt ?? '');
+
+            let path = 'close.html';
+
+            if (interfaceConfig.SHOW_PROMOTIONAL_CLOSE_PAGE) {
+                if (Number(API_ID) === API_ID) {
+                    hashParam = `#jitsi_meet_external_api_id=${API_ID}`;
+                }
+                path = 'close3.html';
+            } else if (!options.feedbackSubmitted) {
+                path = 'close2.html';
+            }
+
+            dispatch(redirectToStaticPage(`static/${path}`, hashParam));
+
+            return;
+        }
+
+        // else: show thankYou dialog only if there is no feedback
+        if (options.showThankYou) {
+            dispatch(showNotification({
+                titleArguments: { appName: getName() },
+                titleKey: 'dialog.thankYou'
+            }, NOTIFICATION_TIMEOUT_TYPE.STICKY));
+        }
+
+        // if Welcome page is enabled redirect to welcome page after 3 sec, if
+        // there is a thank you message to be shown, 0.5s otherwise.
+        if (isWelcomePageEnabled(getState())) {
+            setTimeout(
+                () => {
+                    dispatch(redirectWithStoredParams('/'));
+                },
+                options.showThankYou ? 3000 : 500);
+        }
+    };
+}
+
+/**
+ * Reloads the page.
+ *
+ * @protected
+ * @returns {Function}
+ */
+export function reloadNow() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+
+        const state = getState();
+        const { locationURL } = state['features/base/connection'];
+
+        const reloadAction = () => {
+            logger.info(`Reloading the conference using URL: ${locationURL}`);
+
+            dispatch(reloadWithStoredParams());
+        };
+
+        if (maybeRedirectToTokenAuthUrl(dispatch, getState, reloadAction)) {
+            return;
+        }
+
+        reloadAction();
+    };
+}
diff --git a/react/features/app/components/AbstractApp.ts b/react/features/app/components/AbstractApp.ts
new file mode 100644
index 0000000..f8c3ad8
--- /dev/null
+++ b/react/features/app/components/AbstractApp.ts
@@ -0,0 +1,89 @@
+import BaseApp from '../../base/app/components/BaseApp';
+import { toURLString } from '../../base/util/uri';
+import { appNavigate } from '../actions';
+import { getDefaultURL } from '../functions';
+
+/**
+ * The type of React {@code Component} props of {@link AbstractApp}.
+ */
+export interface IProps {
+
+    /**
+     * XXX Refer to the implementation of loadURLObject: in
+     * ios/sdk/src/JitsiMeetView.m for further information.
+     */
+    timestamp: number;
+
+    /**
+     * The URL, if any, with which the app was launched.
+     */
+    url: Object | string;
+}
+
+/**
+ * Base (abstract) class for main App component.
+ *
+ * @abstract
+ */
+export class AbstractApp<P extends IProps = IProps> extends BaseApp<P> {
+    /**
+     * Initializes the app.
+     *
+     * @inheritdoc
+     */
+    override async componentDidMount() {
+        await super.componentDidMount();
+
+        // If a URL was explicitly specified to this React Component, then
+        // open it; otherwise, use a default.
+        this._openURL(toURLString(this.props.url) || this._getDefaultURL());
+    }
+
+    /**
+     * Implements React Component's componentDidUpdate.
+     *
+     * @inheritdoc
+     */
+    override async componentDidUpdate(prevProps: IProps) {
+        const previousUrl = toURLString(prevProps.url);
+        const currentUrl = toURLString(this.props.url);
+        const previousTimestamp = prevProps.timestamp;
+        const currentTimestamp = this.props.timestamp;
+
+        await this._init.promise;
+
+        // Deal with URL changes.
+
+        if (previousUrl !== currentUrl
+
+            // XXX Refer to the implementation of loadURLObject: in
+            // ios/sdk/src/JitsiMeetView.m for further information.
+            || previousTimestamp !== currentTimestamp) {
+            this._openURL(currentUrl || this._getDefaultURL());
+        }
+    }
+
+    /**
+     * Gets the default URL to be opened when this {@code App} mounts.
+     *
+     * @protected
+     * @returns {string} The default URL to be opened when this {@code App}
+     * mounts.
+     */
+    _getDefaultURL() {
+        // @ts-ignore
+        return getDefaultURL(this.state.store);
+    }
+
+    /**
+     * Navigates this {@code AbstractApp} to (i.e. Opens) a specific URL.
+     *
+     * @param {Object|string} url - The URL to navigate this {@code AbstractApp}
+     * to (i.e. The URL to open).
+     * @protected
+     * @returns {void}
+     */
+    _openURL(url: string | Object) {
+        this.state.store?.dispatch(appNavigate(toURLString(url)));
+    }
+}
diff --git a/react/features/app/components/App.native.tsx b/react/features/app/components/App.native.tsx
new file mode 100644
index 0000000..93c26fc
--- /dev/null
+++ b/react/features/app/components/App.native.tsx
@@ -0,0 +1,310 @@
+import React, { ComponentType } from 'react';
+import { NativeModules, Platform, StyleSheet, View } from 'react-native';
+import DeviceInfo from 'react-native-device-info';
+import { SafeAreaProvider } from 'react-native-safe-area-context';
+// @ts-ignore
+import { hideSplash } from 'react-native-splash-view';
+
+import BottomSheetContainer from '../../base/dialog/components/native/BottomSheetContainer';
+import DialogContainer from '../../base/dialog/components/native/DialogContainer';
+import { updateFlags } from '../../base/flags/actions';
+import { CALL_INTEGRATION_ENABLED } from '../../base/flags/constants';
+import { clientResized, setSafeAreaInsets } from '../../base/responsive-ui/actions';
+import DimensionsDetector from '../../base/responsive-ui/components/DimensionsDetector.native';
+import { updateSettings } from '../../base/settings/actions';
+import JitsiThemePaperProvider from '../../base/ui/components/JitsiThemeProvider.native';
+import { isEmbedded } from '../../base/util/embedUtils.native';
+import { _getRouteToRender } from '../getRouteToRender.native';
+import logger from '../logger';
+
+import { AbstractApp, IProps as AbstractAppProps } from './AbstractApp';
+
+// Register middlewares and reducers.
+import '../middlewares.native';
+import '../reducers.native';
+
+
+declare let __DEV__: any;
+
+const { AppInfo } = NativeModules;
+
+const DialogContainerWrapper = Platform.select({
+    default: View
+});
+
+/**
+ * The type of React {@code Component} props of {@link App}.
+ */
+interface IProps extends AbstractAppProps {
+
+    /**
+     * An object with the feature flags.
+     */
+    flags: any;
+
+    /**
+     * An object with user information (display name, email, avatar URL).
+     */
+    userInfo?: Object;
+}
+
+/**
+ * Root app {@code Component} on mobile/React Native.
+ *
+ * @augments AbstractApp
+ */
+export class App extends AbstractApp<IProps> {
+
+    /**
+     * Initializes a new {@code App} instance.
+     *
+     * @param {IProps} props - The read-only React {@code Component} props with
+     * which the new instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // In the Release configuration, React Native will (intentionally) throw
+        // an unhandled JavascriptException for an unhandled JavaScript error.
+        // This will effectively kill the app. In accord with the Web, do not
+        // kill the app.
+        this._maybeDisableExceptionsManager();
+
+        // Bind event handler so it is only bound once per instance.
+        this._onDimensionsChanged = this._onDimensionsChanged.bind(this);
+        this._onSafeAreaInsetsChanged = this._onSafeAreaInsetsChanged.bind(this);
+    }
+
+    /**
+     * Initializes the color scheme.
+     *
+     * @inheritdoc
+     *
+     * @returns {void}
+     */
+    override async componentDidMount() {
+        await super.componentDidMount();
+
+        hideSplash();
+
+        const liteTxt = AppInfo.isLiteSDK ? ' (lite)' : '';
+
+        logger.info(`Loaded SDK ${AppInfo.sdkVersion}${liteTxt} isEmbedded=${isEmbedded()}`);
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        return (
+            <JitsiThemePaperProvider>
+                { super.render() }
+            </JitsiThemePaperProvider>
+        );
+    }
+
+    /**
+     * Initializes feature flags and updates settings.
+     *
+     * @returns {void}
+     */
+    async _extraInit() {
+        const { dispatch, getState } = this.state.store ?? {};
+        const { flags = {}, url, userInfo } = this.props;
+        let callIntegrationEnabled = flags[CALL_INTEGRATION_ENABLED as keyof typeof flags];
+
+        // CallKit does not work on the simulator, make sure we disable it.
+        if (Platform.OS === 'ios' && DeviceInfo.isEmulatorSync()) {
+            flags[CALL_INTEGRATION_ENABLED] = false;
+            callIntegrationEnabled = false;
+            logger.info('Disabling CallKit because this is a simulator');
+        }
+
+        // Disable Android ConnectionService by default.
+        if (Platform.OS === 'android' && typeof callIntegrationEnabled === 'undefined') {
+            flags[CALL_INTEGRATION_ENABLED] = false;
+            callIntegrationEnabled = false;
+        }
+
+        // We set these early enough so then we avoid any unnecessary re-renders.
+        dispatch?.(updateFlags(flags));
+
+        const route = await _getRouteToRender();
+
+        // We need the root navigator to be set early.
+        await this._navigate(route);
+
+        // HACK ALERT!
+        // Wait until the root navigator is ready.
+        // We really need to break the inheritance relationship between App,
+        // AbstractApp and BaseApp, it's very inflexible and cumbersome right now.
+        const rootNavigationReady = new Promise<void>(resolve => {
+            const i = setInterval(() => {
+                // @ts-ignore
+                const { ready } = getState()['features/app'] || {};
+
+                if (ready) {
+                    clearInterval(i);
+                    resolve();
+                }
+            }, 50);
+        });
+
+        await rootNavigationReady;
+
+        // Update specified server URL.
+        if (typeof url !== 'undefined') {
+
+            // @ts-ignore
+            const { serverURL } = url;
+
+            if (typeof serverURL !== 'undefined') {
+                dispatch?.(updateSettings({ serverURL }));
+            }
+        }
+
+        // @ts-ignore
+        dispatch?.(updateSettings(userInfo || {}));
+
+        // Update settings with feature-flag.
+        if (typeof callIntegrationEnabled !== 'undefined') {
+            dispatch?.(updateSettings({ disableCallIntegration: !callIntegrationEnabled }));
+        }
+    }
+
+    /**
+     * Overrides the parent method to inject {@link DimensionsDetector} as
+     * the top most component.
+     *
+     * @override
+     */
+    _createMainElement(component: ComponentType<any>, props: Object) {
+        return (
+            <SafeAreaProvider>
+                <DimensionsDetector
+                    onDimensionsChanged = { this._onDimensionsChanged }
+                    onSafeAreaInsetsChanged = { this._onSafeAreaInsetsChanged }>
+                    { super._createMainElement(component, props) }
+                </DimensionsDetector>
+            </SafeAreaProvider>
+        );
+    }
+
+    /**
+     * Attempts to disable the use of React Native
+     * {@link ExceptionsManager#handleException} on platforms and in
+     * configurations on/in which the use of the method in questions has been
+     * determined to be undesirable. For example, React Native will
+     * (intentionally) throw an unhandled {@code JavascriptException} for an
+     * unhandled JavaScript error in the Release configuration. This will
+     * effectively kill the app. In accord with the Web, do not kill the app.
+     *
+     * @private
+     * @returns {void}
+     */
+    _maybeDisableExceptionsManager() {
+        if (__DEV__) {
+            // As mentioned above, only the Release configuration was observed
+            // to suffer.
+            return;
+        }
+        if (Platform.OS !== 'android') {
+            // A solution based on RTCSetFatalHandler was implemented on iOS and
+            // it is preferred because it is at a later step of the
+            // error/exception handling and it is specific to fatal
+            // errors/exceptions which were observed to kill the app. The
+            // solution implemented below was tested on Android only so it is
+            // considered safest to use it there only.
+            return;
+        }
+
+        // @ts-ignore
+        const oldHandler = global.ErrorUtils.getGlobalHandler();
+        const newHandler = _handleException;
+
+        if (!oldHandler || oldHandler !== newHandler) {
+            // @ts-ignore
+            newHandler.next = oldHandler;
+
+            // @ts-ignore
+            global.ErrorUtils.setGlobalHandler(newHandler);
+        }
+    }
+
+    /**
+     * Updates the known available size for the app to occupy.
+     *
+     * @param {number} width - The component's current width.
+     * @param {number} height - The component's current height.
+     * @private
+     * @returns {void}
+     */
+    _onDimensionsChanged(width: number, height: number) {
+        const { dispatch } = this.state.store ?? {};
+
+        dispatch?.(clientResized(width, height));
+    }
+
+    /**
+     * Updates the safe are insets values.
+     *
+     * @param {Object} insets - The insets.
+     * @param {number} insets.top - The top inset.
+     * @param {number} insets.right - The right inset.
+     * @param {number} insets.bottom - The bottom inset.
+     * @param {number} insets.left - The left inset.
+     * @private
+     * @returns {void}
+     */
+    _onSafeAreaInsetsChanged(insets: Object) {
+        const { dispatch } = this.state.store ?? {};
+
+        dispatch?.(setSafeAreaInsets(insets));
+    }
+
+    /**
+     * Renders the platform specific dialog container.
+     *
+     * @returns {React$Element}
+     */
+    _renderDialogContainer() {
+        return (
+            <DialogContainerWrapper
+                pointerEvents = 'box-none'
+                style = { StyleSheet.absoluteFill }>
+                <BottomSheetContainer />
+                <DialogContainer />
+            </DialogContainerWrapper>
+        );
+    }
+}
+
+/**
+ * Handles a (possibly unhandled) JavaScript error by preventing React Native
+ * from converting a fatal error into an unhandled native exception which will
+ * kill the app.
+ *
+ * @param {Error} error - The (possibly unhandled) JavaScript error to handle.
+ * @param {boolean} fatal - If the specified error is fatal, {@code true};
+ * otherwise, {@code false}.
+ * @private
+ * @returns {void}
+ */
+function _handleException(error: Error, fatal: boolean) {
+    if (fatal) {
+        // In the Release configuration, React Native will (intentionally) throw
+        // an unhandled JavascriptException for an unhandled JavaScript error.
+        // This will effectively kill the app. In accord with the Web, do not
+        // kill the app.
+        logger.error(error);
+    } else {
+        // Forward to the next globalHandler of ErrorUtils.
+        // @ts-ignore
+        const { next } = _handleException;
+
+        typeof next === 'function' && next(error, fatal);
+    }
+}
diff --git a/react/features/app/components/App.web.tsx b/react/features/app/components/App.web.tsx
new file mode 100644
index 0000000..ca38235
--- /dev/null
+++ b/react/features/app/components/App.web.tsx
@@ -0,0 +1,69 @@
+import React from 'react';
+
+import GlobalStyles from '../../base/ui/components/GlobalStyles.web';
+import JitsiThemeProvider from '../../base/ui/components/JitsiThemeProvider.web';
+import DialogContainer from '../../base/ui/components/web/DialogContainer';
+import ChromeExtensionBanner from '../../chrome-extension-banner/components/ChromeExtensionBanner.web';
+import OverlayContainer from '../../overlay/components/web/OverlayContainer';
+import PiP from '../../pip/components/PiP';
+
+import { AbstractApp } from './AbstractApp';
+
+// Register middlewares and reducers.
+import '../middlewares';
+import '../reducers';
+
+
+/**
+ * Root app {@code Component} on Web/React.
+ *
+ * @augments AbstractApp
+ */
+export class App extends AbstractApp {
+
+    /**
+     * Creates an extra {@link ReactElement}s to be added (unconditionally)
+     * alongside the main element.
+     *
+     * @abstract
+     * @protected
+     * @returns {ReactElement}
+     */
+    override _createExtraElement() {
+        return (
+            <JitsiThemeProvider>
+                <OverlayContainer />
+            </JitsiThemeProvider>
+        );
+    }
+
+    /**
+     * Overrides the parent method to inject {@link AtlasKitThemeProvider} as
+     * the top most component.
+     *
+     * @override
+     */
+    override _createMainElement(component: React.ComponentType, props?: Object) {
+        return (
+            <JitsiThemeProvider>
+                <GlobalStyles />
+                <ChromeExtensionBanner />
+                <PiP />
+                { super._createMainElement(component, props) }
+            </JitsiThemeProvider>
+        );
+    }
+
+    /**
+     * Renders the platform specific dialog container.
+     *
+     * @returns {React$Element}
+     */
+    override _renderDialogContainer() {
+        return (
+            <JitsiThemeProvider>
+                <DialogContainer />
+            </JitsiThemeProvider>
+        );
+    }
+}
diff --git a/react/features/app/functions.any.ts b/react/features/app/functions.any.ts
new file mode 100644
index 0000000..e688116
--- /dev/null
+++ b/react/features/app/functions.any.ts
@@ -0,0 +1,25 @@
+import { IStateful } from '../base/app/types';
+import { MEDIA_TYPE } from '../base/media/constants';
+import { toState } from '../base/redux/functions';
+import { isLocalTrackMuted } from '../base/tracks/functions';
+import { addHashParamsToURL } from '../base/util/uri';
+
+/**
+ * Adds the current track state to the passed URL.
+ *
+ * @param {URL} url - The URL that will be modified.
+ * @param {Function|Object} stateful - The redux store or {@code getState} function.
+ * @returns {URL} - Returns the modified URL.
+ */
+export function addTrackStateToURL(url: string, stateful: IStateful) {
+    const state = toState(stateful);
+    const tracks = state['features/base/tracks'];
+    const isVideoMuted = isLocalTrackMuted(tracks, MEDIA_TYPE.VIDEO);
+    const isAudioMuted = isLocalTrackMuted(tracks, MEDIA_TYPE.AUDIO);
+
+    return addHashParamsToURL(new URL(url), { // use new URL object in order to not pollute the passed parameter.
+        'config.startWithAudioMuted': isAudioMuted,
+        'config.startWithVideoMuted': isVideoMuted
+    });
+
+}
diff --git a/react/features/app/functions.native.ts b/react/features/app/functions.native.ts
new file mode 100644
index 0000000..8743fa2
--- /dev/null
+++ b/react/features/app/functions.native.ts
@@ -0,0 +1,40 @@
+import { NativeModules } from 'react-native';
+
+import { IStateful } from '../base/app/types';
+import { toState } from '../base/redux/functions';
+import { getServerURL } from '../base/settings/functions.native';
+
+export * from './functions.any';
+
+/**
+ * Retrieves the default URL for the app. This can either come from a prop to
+ * the root App component or be configured in the settings.
+ *
+ * @param {Function|Object} stateful - The redux store or {@code getState}
+ * function.
+ * @returns {string} - Default URL for the app.
+ */
+export function getDefaultURL(stateful: IStateful) {
+    const state = toState(stateful);
+
+    return getServerURL(state);
+}
+
+/**
+ * Returns application name.
+ *
+ * @returns {string} The application name.
+ */
+export function getName() {
+    return NativeModules.AppInfo.name;
+}
+
+/**
+ * Returns the path to the Jitsi Meet SDK bundle on iOS. On Android it will be
+ * undefined.
+ *
+ * @returns {string|undefined}
+ */
+export function getSdkBundlePath() {
+    return NativeModules.AppInfo.sdkBundlePath;
+}
diff --git a/react/features/app/functions.web.ts b/react/features/app/functions.web.ts
new file mode 100644
index 0000000..4771e93
--- /dev/null
+++ b/react/features/app/functions.web.ts
@@ -0,0 +1,59 @@
+import { IStateful } from '../base/app/types';
+import { toState } from '../base/redux/functions';
+import { getServerURL } from '../base/settings/functions.web';
+import { getJitsiMeetGlobalNS } from '../base/util/helpers';
+
+export * from './functions.any';
+import logger from './logger';
+
+/**
+ * Retrieves the default URL for the app. This can either come from a prop to
+ * the root App component or be configured in the settings.
+ *
+ * @param {Function|Object} stateful - The redux store or {@code getState}
+ * function.
+ * @returns {string} - Default URL for the app.
+ */
+export function getDefaultURL(stateful: IStateful) {
+    const state = toState(stateful);
+    const { href } = window.location;
+
+    if (href) {
+        return href;
+    }
+
+    return getServerURL(state);
+}
+
+/**
+ * Returns application name.
+ *
+ * @returns {string} The application name.
+ */
+export function getName() {
+    return interfaceConfig.APP_NAME;
+}
+
+/**
+ * Executes a handler function after the window load event has been received.
+ * If the app has already loaded, the handler is executed immediately.
+ * Otherwise, the handler is registered as a 'load' event listener.
+ *
+ * @param {Function} handler - The callback function to execute.
+ * @returns {void}
+ */
+export function executeAfterLoad(handler: () => void) {
+    const safeHandler = () => {
+        try {
+            handler();
+        } catch (error) {
+            logger.error('Error executing handler after load:', error);
+        }
+    };
+
+    if (getJitsiMeetGlobalNS()?.hasLoaded) {
+        safeHandler();
+    } else {
+        window.addEventListener('load', safeHandler);
+    }
+}
diff --git a/react/features/app/getRouteToRender.native.ts b/react/features/app/getRouteToRender.native.ts
new file mode 100644
index 0000000..1285940
--- /dev/null
+++ b/react/features/app/getRouteToRender.native.ts
@@ -0,0 +1,18 @@
+
+import RootNavigationContainer from '../mobile/navigation/components/RootNavigationContainer';
+
+const route = {
+    component: RootNavigationContainer,
+    href: undefined
+};
+
+/**
+ * Determines which route is to be rendered in order to depict a specific Redux
+ * store.
+ *
+ * @param {any} _stateful - Used on web.
+ * @returns {Promise<Object>}
+ */
+export function _getRouteToRender(_stateful?: any) {
+    return Promise.resolve(route);
+}
diff --git a/react/features/app/getRouteToRender.web.ts b/react/features/app/getRouteToRender.web.ts
new file mode 100644
index 0000000..a757d28
--- /dev/null
+++ b/react/features/app/getRouteToRender.web.ts
@@ -0,0 +1,148 @@
+// @ts-expect-error
+import { generateRoomWithoutSeparator } from '@jitsi/js-utils/random';
+
+import { getTokenAuthUrl } from '../authentication/functions.web';
+import { IStateful } from '../base/app/types';
+import { isRoomValid } from '../base/conference/functions';
+import { isSupportedBrowser } from '../base/environment/environment';
+import { browser } from '../base/lib-jitsi-meet';
+import { toState } from '../base/redux/functions';
+import { parseURIString } from '../base/util/uri';
+import Conference from '../conference/components/web/Conference';
+import { getDeepLinkingPage } from '../deep-linking/functions';
+import UnsupportedDesktopBrowser from '../unsupported-browser/components/UnsupportedDesktopBrowser';
+import BlankPage from '../welcome/components/BlankPage.web';
+import WelcomePage from '../welcome/components/WelcomePage.web';
+import { getCustomLandingPageURL, isWelcomePageEnabled } from '../welcome/functions';
+
+import { IReduxState } from './types';
+
+/**
+ * Determines which route is to be rendered in order to depict a specific Redux
+ * store.
+ *
+ * @param {(Function|Object)} stateful - THe redux store, state, or
+ * {@code getState} function.
+ * @returns {Promise<Object>}
+ */
+export function _getRouteToRender(stateful: IStateful) {
+    const state = toState(stateful);
+
+    return _getWebConferenceRoute(state) || _getWebWelcomePageRoute(state);
+}
+
+/**
+ * Returns the {@code Route} to display when trying to access a conference if
+ * a valid conference is being joined.
+ *
+ * @param {Object} state - The redux state.
+ * @returns {Promise|undefined}
+ */
+function _getWebConferenceRoute(state: IReduxState) {
+    const room = state['features/base/conference'].room;
+
+    if (!isRoomValid(room)) {
+        return;
+    }
+
+    const route = _getEmptyRoute();
+    const config = state['features/base/config'];
+
+    // if we have auto redirect enabled, and we have previously logged in successfully
+    // let's redirect to the auth url to get the token and login again
+    if (!browser.isElectron() && config.tokenAuthUrl && config.tokenAuthUrlAutoRedirect
+            && state['features/authentication'].tokenAuthUrlSuccessful
+            && !state['features/base/jwt'].jwt && room) {
+        const { locationURL = { href: '' } as URL } = state['features/base/connection'];
+        const { tenant } = parseURIString(locationURL.href) || {};
+        const { startAudioOnly } = config;
+
+        return getTokenAuthUrl(
+            config,
+            locationURL,
+            {
+                audioMuted: false,
+                audioOnlyEnabled: startAudioOnly,
+                skipPrejoin: false,
+                videoMuted: false
+            },
+            room,
+            tenant
+        )
+            .then((url: string | undefined) => {
+                route.href = url;
+
+                return route;
+            })
+            .catch(() => Promise.resolve(route));
+    }
+
+    // Update the location if it doesn't match. This happens when a room is
+    // joined from the welcome page. The reason for doing this instead of using
+    // the history API is that we want to load the config.js which takes the
+    // room into account.
+    const { locationURL } = state['features/base/connection'];
+
+    if (window.location.href !== locationURL?.href) {
+        route.href = locationURL?.href;
+
+        return Promise.resolve(route);
+    }
+
+    return getDeepLinkingPage(state)
+        .then(deepLinkComponent => {
+            if (deepLinkComponent) {
+                route.component = deepLinkComponent;
+            } else if (isSupportedBrowser()) {
+                route.component = Conference;
+            } else {
+                route.component = UnsupportedDesktopBrowser;
+            }
+
+            return route;
+        });
+}
+
+/**
+ * Returns the {@code Route} to display when trying to access the welcome page.
+ *
+ * @param {Object} state - The redux state.
+ * @returns {Promise<Object>}
+ */
+function _getWebWelcomePageRoute(state: IReduxState) {
+    const route = _getEmptyRoute();
+
+    if (isWelcomePageEnabled(state)) {
+        if (isSupportedBrowser()) {
+            const customLandingPage = getCustomLandingPageURL(state);
+
+            if (customLandingPage) {
+                route.href = customLandingPage;
+            } else {
+                route.component = WelcomePage;
+            }
+        } else {
+            route.component = UnsupportedDesktopBrowser;
+        }
+    } else {
+        // Web: if the welcome page is disabled, go directly to a random room.
+        const url = new URL(window.location.href);
+
+        url.pathname += generateRoomWithoutSeparator();
+        route.href = url.href;
+    }
+
+    return Promise.resolve(route);
+}
+
+/**
+ * Returns the default {@code Route}.
+ *
+ * @returns {Object}
+ */
+function _getEmptyRoute(): { component: React.ReactNode; href?: string; } {
+    return {
+        component: BlankPage,
+        href: undefined
+    };
+}
diff --git a/react/features/app/logger.ts b/react/features/app/logger.ts
new file mode 100644
index 0000000..0dc21e2
--- /dev/null
+++ b/react/features/app/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:core');
diff --git a/react/features/app/middleware.ts b/react/features/app/middleware.ts
new file mode 100644
index 0000000..f2917e4
--- /dev/null
+++ b/react/features/app/middleware.ts
@@ -0,0 +1,180 @@
+import { AnyAction } from 'redux';
+
+import { createConnectionEvent } from '../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../analytics/functions';
+import { appWillNavigate } from '../base/app/actions';
+import { SET_ROOM } from '../base/conference/actionTypes';
+import { CONNECTION_ESTABLISHED, CONNECTION_FAILED } from '../base/connection/actionTypes';
+import { getURLWithoutParams } from '../base/connection/utils';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { isEmbedded } from '../base/util/embedUtils';
+
+import { reloadNow } from './actions';
+import { _getRouteToRender } from './getRouteToRender';
+import { IStore } from './types';
+
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case CONNECTION_ESTABLISHED:
+        return _connectionEstablished(store, next, action);
+    case CONNECTION_FAILED:
+        return _connectionFailed(store, next, action);
+
+    case SET_ROOM:
+        return _setRoom(store, next, action);
+    }
+
+    return next(action);
+});
+
+/**
+ * Notifies the feature app that the action {@link CONNECTION_ESTABLISHED} is
+ * being dispatched within a specific redux {@code store}.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified {@code action} to the specified {@code store}.
+ * @param {Action} action - The redux action {@code CONNECTION_ESTABLISHED}
+ * which is being dispatched in the specified {@code store}.
+ * @private
+ * @returns {Object} The new state that is the result of the reduction of the
+ * specified {@code action}.
+ */
+function _connectionEstablished(store: IStore, next: Function, action: AnyAction) {
+    const result = next(action);
+
+    // In the Web app we explicitly do not want to display the hash and
+    // query/search URL params. Unfortunately, window.location and, more
+    // importantly, its params are used not only in jitsi-meet but also in
+    // lib-jitsi-meet. Consequently, the time to remove the params is
+    // determined by when no one needs them anymore.
+    // @ts-ignore
+    const { history, location } = window;
+
+    if (isEmbedded()) {
+        return;
+    }
+
+    if (history
+            && location
+            && history.length
+            && typeof history.replaceState === 'function') {
+        // @ts-ignore
+        const replacement = getURLWithoutParams(location);
+
+        // @ts-ignore
+        if (location !== replacement) {
+            history.replaceState(
+                history.state,
+                document?.title || '',
+                replacement);
+        }
+    }
+
+    return result;
+}
+
+/**
+ * CONNECTION_FAILED action side effects.
+ *
+ * @param {Object} store - The Redux store.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the specified {@code action} to
+ * the specified {@code store}.
+ * @param {Action} action - The redux action {@code CONNECTION_FAILED} which is being dispatched in the specified
+ * {@code store}.
+ * @returns {Object}
+ * @private
+ */
+function _connectionFailed({ dispatch, getState }: IStore, next: Function, action: AnyAction) {
+    // In the case of a split-brain error, reload early and prevent further
+    // handling of the action.
+    if (_isMaybeSplitBrainError(getState, action)) {
+        dispatch(reloadNow());
+
+        return;
+    }
+
+    return next(action);
+}
+
+/**
+ * Returns whether or not a CONNECTION_FAILED action is for a possible split brain error. A split brain error occurs
+ * when at least two users join a conference on different bridges. It is assumed the split brain scenario occurs very
+ * early on in the call.
+ *
+ * @param {Function} getState - The redux function for fetching the current state.
+ * @param {Action} action - The redux action {@code CONNECTION_FAILED} which is being dispatched in the specified
+ * {@code store}.
+ * @private
+ * @returns {boolean}
+ */
+function _isMaybeSplitBrainError(getState: IStore['getState'], action: AnyAction) {
+    const { error } = action;
+    const isShardChangedError = error
+        && error.message === 'item-not-found'
+        && error.details?.shard_changed;
+
+    if (isShardChangedError) {
+        const state = getState();
+        const { timeEstablished } = state['features/base/connection'];
+        const { _immediateReloadThreshold } = state['features/base/config'];
+
+        const timeSinceConnectionEstablished = Number(timeEstablished && Date.now() - timeEstablished);
+        const reloadThreshold = typeof _immediateReloadThreshold === 'number' ? _immediateReloadThreshold : 1500;
+
+        const isWithinSplitBrainThreshold = !timeEstablished || timeSinceConnectionEstablished <= reloadThreshold;
+
+        sendAnalytics(createConnectionEvent('failed', {
+            ...error,
+            connectionEstablished: timeEstablished,
+            splitBrain: isWithinSplitBrainThreshold,
+            timeSinceConnectionEstablished
+        }));
+
+        return isWithinSplitBrainThreshold;
+    }
+
+    return false;
+}
+
+/**
+ * Navigates to a route in accord with a specific redux state.
+ *
+ * @param {Store} store - The redux store which determines/identifies the route
+ * to navigate to.
+ * @private
+ * @returns {void}
+ */
+function _navigate({ dispatch, getState }: IStore) {
+    const state = getState();
+    const { app } = state['features/base/app'];
+
+    _getRouteToRender(state).then((route: Object) => {
+        dispatch(appWillNavigate(app, route));
+
+        return app._navigate(route);
+    });
+}
+
+/**
+ * Notifies the feature app that the action {@link SET_ROOM} is being dispatched
+ * within a specific redux {@code store}.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified {@code action} to the specified {@code store}.
+ * @param {Action} action - The redux action, {@code SET_ROOM}, which is being
+ * dispatched in the specified {@code store}.
+ * @private
+ * @returns {Object} The new state that is the result of the reduction of the
+ * specified {@code action}.
+ */
+function _setRoom(store: IStore, next: Function, action: AnyAction) {
+    const result = next(action);
+
+    _navigate(store);
+
+    return result;
+}
diff --git a/react/features/app/middlewares.any.ts b/react/features/app/middlewares.any.ts
new file mode 100644
index 0000000..38080ce
--- /dev/null
+++ b/react/features/app/middlewares.any.ts
@@ -0,0 +1,56 @@
+import '../analytics/middleware';
+import '../authentication/middleware';
+import '../av-moderation/middleware';
+import '../base/conference/middleware';
+import '../base/i18n/middleware';
+import '../base/jwt/middleware';
+import '../base/known-domains/middleware';
+import '../base/lastn/middleware';
+import '../base/lib-jitsi-meet/middleware';
+import '../base/logging/middleware';
+import '../base/media/middleware';
+import '../base/net-info/middleware';
+import '../base/participants/middleware';
+import '../base/responsive-ui/middleware';
+import '../base/redux/middleware';
+import '../base/settings/middleware';
+import '../base/sounds/middleware';
+import '../base/testing/middleware';
+import '../base/tracks/middleware';
+import '../base/user-interaction/middleware';
+import '../breakout-rooms/middleware';
+import '../calendar-sync/middleware';
+import '../chat/middleware';
+import '../conference/middleware';
+import '../connection-indicator/middleware';
+import '../device-selection/middleware';
+import '../display-name/middleware';
+import '../dynamic-branding/middleware';
+import '../etherpad/middleware';
+import '../filmstrip/middleware';
+import '../follow-me/middleware';
+import '../invite/middleware';
+import '../jaas/middleware';
+import '../large-video/middleware';
+import '../lobby/middleware';
+import '../notifications/middleware';
+import '../overlay/middleware';
+import '../participants-pane/middleware';
+import '../polls/middleware';
+import '../polls-history/middleware';
+import '../reactions/middleware';
+import '../recent-list/middleware';
+import '../recording/middleware';
+import '../rejoin/middleware';
+import '../room-lock/middleware';
+import '../rtcstats/middleware';
+import '../speaker-stats/middleware';
+import '../subtitles/middleware';
+import '../transcribing/middleware';
+import '../video-layout/middleware';
+import '../video-quality/middleware';
+import '../videosipgw/middleware';
+import '../visitors/middleware';
+import '../whiteboard/middleware.any';
+
+import './middleware';
diff --git a/react/features/app/middlewares.native.ts b/react/features/app/middlewares.native.ts
new file mode 100644
index 0000000..ceeaaf8
--- /dev/null
+++ b/react/features/app/middlewares.native.ts
@@ -0,0 +1,18 @@
+import '../base/config/middleware';
+import '../dynamic-branding/middleware';
+import '../gifs/middleware';
+import '../mobile/audio-mode/middleware';
+import '../mobile/background/middleware';
+import '../mobile/call-integration/middleware';
+import '../mobile/external-api/middleware';
+import '../mobile/navigation/middleware';
+import '../mobile/permissions/middleware';
+import '../mobile/proximity/middleware';
+import '../mobile/wake-lock/middleware';
+import '../mobile/react-native-sdk/middleware';
+import '../share-room/middleware';
+import '../shared-video/middleware';
+import '../toolbox/middleware.native';
+import '../whiteboard/middleware.native';
+
+import './middlewares.any';
diff --git a/react/features/app/middlewares.web.ts b/react/features/app/middlewares.web.ts
new file mode 100644
index 0000000..9f46023
--- /dev/null
+++ b/react/features/app/middlewares.web.ts
@@ -0,0 +1,30 @@
+import '../base/app/middleware';
+import '../base/config/middleware';
+import '../base/connection/middleware';
+import '../base/devices/middleware';
+import '../base/media/middleware';
+import '../deep-linking/middleware.web';
+import '../dynamic-branding/middleware';
+import '../e2ee/middleware';
+import '../external-api/middleware';
+import '../keyboard-shortcuts/middleware';
+import '../no-audio-signal/middleware';
+import '../notifications/middleware';
+import '../noise-detection/middleware';
+import '../old-client-notification/middleware';
+import '../pip/middleware';
+import '../power-monitor/middleware';
+import '../prejoin/middleware';
+import '../remote-control/middleware';
+import '../screen-share/middleware';
+import '../shared-video/middleware';
+import '../web-hid/middleware';
+import '../settings/middleware';
+import '../talk-while-muted/middleware';
+import '../toolbox/middleware';
+import '../face-landmarks/middleware';
+import '../gifs/middleware';
+import '../whiteboard/middleware.web';
+import '../file-sharing/middleware.web';
+
+import './middlewares.any';
diff --git a/react/features/app/reducer.native.ts b/react/features/app/reducer.native.ts
new file mode 100644
index 0000000..6451dbb
--- /dev/null
+++ b/react/features/app/reducer.native.ts
@@ -0,0 +1,22 @@
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+import { _ROOT_NAVIGATION_READY } from '../mobile/navigation/actionTypes';
+
+/**
+ * Listen for actions which changes the state of the app feature.
+ *
+ * @param {Object} state - The Redux state of the feature features/app.
+ * @param {Object} action - Action object.
+ * @param {string} action.type - Type of action.
+ * @returns {Object}
+ */
+ReducerRegistry.register('features/app', (state: Object = {}, action) => {
+    switch (action.type) {
+    case _ROOT_NAVIGATION_READY:
+        return {
+            ...state,
+            ready: action.ready
+        };
+    default:
+        return state;
+    }
+});
diff --git a/react/features/app/reducers.any.ts b/react/features/app/reducers.any.ts
new file mode 100644
index 0000000..28e22b3
--- /dev/null
+++ b/react/features/app/reducers.any.ts
@@ -0,0 +1,58 @@
+import '../analytics/reducer';
+import '../authentication/reducer';
+import '../av-moderation/reducer';
+import '../base/app/reducer';
+import '../base/audio-only/reducer';
+import '../base/conference/reducer';
+import '../base/config/reducer';
+import '../base/connection/reducer';
+import '../base/dialog/reducer';
+import '../base/flags/reducer';
+import '../base/jwt/reducer';
+import '../base/known-domains/reducer';
+import '../base/lastn/reducer';
+import '../base/lib-jitsi-meet/reducer';
+import '../base/logging/reducer';
+import '../base/media/reducer';
+import '../base/net-info/reducer';
+import '../base/participants/reducer';
+import '../base/responsive-ui/reducer';
+import '../base/settings/reducer';
+import '../base/sounds/reducer';
+import '../base/testing/reducer';
+import '../base/tracks/reducer';
+import '../base/user-interaction/reducer';
+import '../breakout-rooms/reducer';
+import '../calendar-sync/reducer';
+import '../chat/reducer';
+import '../deep-linking/reducer';
+import '../dropbox/reducer';
+import '../dynamic-branding/reducer';
+import '../etherpad/reducer';
+import '../filmstrip/reducer';
+import '../follow-me/reducer';
+import '../gifs/reducer';
+import '../google-api/reducer';
+import '../invite/reducer';
+import '../jaas/reducer';
+import '../large-video/reducer';
+import '../lobby/reducer';
+import '../notifications/reducer';
+import '../participants-pane/reducer';
+import '../polls/reducer';
+import '../polls-history/reducer';
+import '../reactions/reducer';
+import '../recent-list/reducer';
+import '../recording/reducer';
+import '../settings/reducer';
+import '../speaker-stats/reducer';
+import '../shared-video/reducer';
+import '../subtitles/reducer';
+import '../screen-share/reducer';
+import '../toolbox/reducer';
+import '../transcribing/reducer';
+import '../video-layout/reducer';
+import '../video-quality/reducer';
+import '../videosipgw/reducer';
+import '../visitors/reducer';
+import '../whiteboard/reducer';
diff --git a/react/features/app/reducers.native.ts b/react/features/app/reducers.native.ts
new file mode 100644
index 0000000..2d84940
--- /dev/null
+++ b/react/features/app/reducers.native.ts
@@ -0,0 +1,9 @@
+import '../mobile/audio-mode/reducer';
+import '../mobile/background/reducer';
+import '../mobile/call-integration/reducer';
+import '../mobile/external-api/reducer';
+import '../share-room/reducer';
+
+import './reducer.native';
+
+import './reducers.any';
diff --git a/react/features/app/reducers.web.ts b/react/features/app/reducers.web.ts
new file mode 100644
index 0000000..238a196
--- /dev/null
+++ b/react/features/app/reducers.web.ts
@@ -0,0 +1,23 @@
+import '../base/devices/reducer';
+import '../base/premeeting/reducer';
+import '../base/tooltip/reducer';
+import '../e2ee/reducer';
+import '../face-landmarks/reducer';
+import '../feedback/reducer';
+import '../keyboard-shortcuts/reducer';
+import '../no-audio-signal/reducer';
+import '../noise-detection/reducer';
+import '../participants-pane/reducer';
+import '../pip/reducer';
+import '../power-monitor/reducer';
+import '../prejoin/reducer';
+import '../remote-control/reducer';
+import '../screen-share/reducer';
+import '../noise-suppression/reducer';
+import '../screenshot-capture/reducer';
+import '../talk-while-muted/reducer';
+import '../virtual-background/reducer';
+import '../web-hid/reducer';
+import '../file-sharing/reducer';
+
+import './reducers.any';
diff --git a/react/features/app/types.ts b/react/features/app/types.ts
new file mode 100644
index 0000000..0ef5d57
--- /dev/null
+++ b/react/features/app/types.ts
@@ -0,0 +1,181 @@
+import { AnyAction } from 'redux';
+import { ThunkDispatch } from 'redux-thunk';
+
+import { IAnalyticsState } from '../analytics/reducer';
+import { IAuthenticationState } from '../authentication/reducer';
+import { IAVModerationState } from '../av-moderation/reducer';
+import { IAppState } from '../base/app/reducer';
+import { IAudioOnlyState } from '../base/audio-only/reducer';
+import { IConferenceState } from '../base/conference/reducer';
+import { IConfigState } from '../base/config/reducer';
+import { IConnectionState } from '../base/connection/reducer';
+import { IDevicesState } from '../base/devices/types';
+import { IDialogState } from '../base/dialog/reducer';
+import { IFlagsState } from '../base/flags/reducer';
+import { IJwtState } from '../base/jwt/reducer';
+import { IKnownDomainsState } from '../base/known-domains/reducer';
+import { ILastNState } from '../base/lastn/reducer';
+import { ILibJitsiMeetState } from '../base/lib-jitsi-meet/reducer';
+import { ILoggingState } from '../base/logging/reducer';
+import { IMediaState } from '../base/media/reducer';
+import { INetInfoState } from '../base/net-info/reducer';
+import { IParticipantsState } from '../base/participants/reducer';
+import { IPreMeetingState } from '../base/premeeting/types';
+import { IResponsiveUIState } from '../base/responsive-ui/reducer';
+import { ISettingsState } from '../base/settings/reducer';
+import { ISoundsState } from '../base/sounds/reducer';
+import { ITestingState } from '../base/testing/reducer';
+import { ITooltipState } from '../base/tooltip/reducer';
+import { INoSrcDataState, ITracksState } from '../base/tracks/reducer';
+import { IUserInteractionState } from '../base/user-interaction/reducer';
+import { IBreakoutRoomsState } from '../breakout-rooms/reducer';
+import { ICalendarSyncState } from '../calendar-sync/reducer';
+import { IChatState } from '../chat/reducer';
+import { IDeepLinkingState } from '../deep-linking/reducer';
+import { IDropboxState } from '../dropbox/reducer';
+import { IDynamicBrandingState } from '../dynamic-branding/reducer';
+import { IE2EEState } from '../e2ee/reducer';
+import { IEtherpadState } from '../etherpad/reducer';
+import { IFaceLandmarksState } from '../face-landmarks/reducer';
+import { IFeedbackState } from '../feedback/reducer';
+import { IFileSharingState } from '../file-sharing/reducer';
+import { IFilmstripState } from '../filmstrip/reducer';
+import { IFollowMeState } from '../follow-me/reducer';
+import { IGifsState } from '../gifs/reducer';
+import { IGoogleApiState } from '../google-api/reducer';
+import { IInviteState } from '../invite/reducer';
+import { IJaaSState } from '../jaas/reducer';
+import { IKeyboardShortcutsState } from '../keyboard-shortcuts/types';
+import { ILargeVideoState } from '../large-video/reducer';
+import { ILobbyState } from '../lobby/reducer';
+import { IMobileAudioModeState } from '../mobile/audio-mode/reducer';
+import { IMobileBackgroundState } from '../mobile/background/reducer';
+import { ICallIntegrationState } from '../mobile/call-integration/reducer';
+import { IMobileExternalApiState } from '../mobile/external-api/reducer';
+import { INoAudioSignalState } from '../no-audio-signal/reducer';
+import { INoiseDetectionState } from '../noise-detection/reducer';
+import { INoiseSuppressionState } from '../noise-suppression/reducer';
+import { INotificationsState } from '../notifications/reducer';
+import { IParticipantsPaneState } from '../participants-pane/reducer';
+import { IPipState } from '../pip/reducer';
+import { IPollsState } from '../polls/reducer';
+import { IPollsHistoryState } from '../polls-history/reducer';
+import { IPowerMonitorState } from '../power-monitor/reducer';
+import { IPrejoinState } from '../prejoin/reducer';
+import { IReactionsState } from '../reactions/reducer';
+import { IRecentListState } from '../recent-list/reducer';
+import { IRecordingState } from '../recording/reducer';
+import { IRemoteControlState } from '../remote-control/reducer';
+import { IScreenShareState } from '../screen-share/reducer';
+import { IScreenshotCaptureState } from '../screenshot-capture/reducer';
+import { IShareRoomState } from '../share-room/reducer';
+import { ISharedVideoState } from '../shared-video/reducer';
+import { ISpeakerStatsState } from '../speaker-stats/reducer';
+import { ISubtitlesState } from '../subtitles/reducer';
+import { ITalkWhileMutedState } from '../talk-while-muted/reducer';
+import { IToolboxState } from '../toolbox/reducer';
+import { ITranscribingState } from '../transcribing/reducer';
+import { IVideoLayoutState } from '../video-layout/reducer';
+import { IVideoQualityPersistedState, IVideoQualityState } from '../video-quality/reducer';
+import { IVideoSipGW } from '../videosipgw/reducer';
+import { IVirtualBackground } from '../virtual-background/reducer';
+import { IVisitorsState } from '../visitors/reducer';
+import { IWebHid } from '../web-hid/reducer';
+import { IWhiteboardState } from '../whiteboard/reducer';
+
+export interface IStore {
+    dispatch: ThunkDispatch<IReduxState, void, AnyAction>;
+    getState: () => IReduxState;
+}
+
+export interface IReduxState {
+    'features/analytics': IAnalyticsState;
+    'features/authentication': IAuthenticationState;
+    'features/av-moderation': IAVModerationState;
+    'features/base/app': IAppState;
+    'features/base/audio-only': IAudioOnlyState;
+    'features/base/color-scheme': any;
+    'features/base/conference': IConferenceState;
+    'features/base/config': IConfigState;
+    'features/base/connection': IConnectionState;
+    'features/base/devices': IDevicesState;
+    'features/base/dialog': IDialogState;
+    'features/base/flags': IFlagsState;
+    'features/base/jwt': IJwtState;
+    'features/base/known-domains': IKnownDomainsState;
+    'features/base/lastn': ILastNState;
+    'features/base/lib-jitsi-meet': ILibJitsiMeetState;
+    'features/base/logging': ILoggingState;
+    'features/base/media': IMediaState;
+    'features/base/net-info': INetInfoState;
+    'features/base/no-src-data': INoSrcDataState;
+    'features/base/participants': IParticipantsState;
+    'features/base/premeeting': IPreMeetingState;
+    'features/base/responsive-ui': IResponsiveUIState;
+    'features/base/settings': ISettingsState;
+    'features/base/sounds': ISoundsState;
+    'features/base/tooltip': ITooltipState;
+    'features/base/tracks': ITracksState;
+    'features/base/user-interaction': IUserInteractionState;
+    'features/breakout-rooms': IBreakoutRoomsState;
+    'features/calendar-sync': ICalendarSyncState;
+    'features/call-integration': ICallIntegrationState;
+    'features/chat': IChatState;
+    'features/deep-linking': IDeepLinkingState;
+    'features/dropbox': IDropboxState;
+    'features/dynamic-branding': IDynamicBrandingState;
+    'features/e2ee': IE2EEState;
+    'features/etherpad': IEtherpadState;
+    'features/face-landmarks': IFaceLandmarksState;
+    'features/feedback': IFeedbackState;
+    'features/file-sharing': IFileSharingState;
+    'features/filmstrip': IFilmstripState;
+    'features/follow-me': IFollowMeState;
+    'features/gifs': IGifsState;
+    'features/google-api': IGoogleApiState;
+    'features/invite': IInviteState;
+    'features/jaas': IJaaSState;
+    'features/keyboard-shortcuts': IKeyboardShortcutsState;
+    'features/large-video': ILargeVideoState;
+    'features/lobby': ILobbyState;
+    'features/mobile/audio-mode': IMobileAudioModeState;
+    'features/mobile/background': IMobileBackgroundState;
+    'features/mobile/external-api': IMobileExternalApiState;
+    'features/no-audio-signal': INoAudioSignalState;
+    'features/noise-detection': INoiseDetectionState;
+    'features/noise-suppression': INoiseSuppressionState;
+    'features/notifications': INotificationsState;
+    'features/participants-pane': IParticipantsPaneState;
+    'features/pip': IPipState;
+    'features/polls': IPollsState;
+    'features/polls-history': IPollsHistoryState;
+    'features/power-monitor': IPowerMonitorState;
+    'features/prejoin': IPrejoinState;
+    'features/reactions': IReactionsState;
+    'features/recent-list': IRecentListState;
+    'features/recording': IRecordingState;
+    'features/remote-control': IRemoteControlState;
+    'features/screen-share': IScreenShareState;
+    'features/screenshot-capture': IScreenshotCaptureState;
+    'features/settings': ISettingsState;
+    'features/share-room': IShareRoomState;
+    'features/shared-video': ISharedVideoState;
+    'features/speaker-stats': ISpeakerStatsState;
+    'features/subtitles': ISubtitlesState;
+    'features/talk-while-muted': ITalkWhileMutedState;
+    'features/testing': ITestingState;
+    'features/toolbox': IToolboxState;
+    'features/transcribing': ITranscribingState;
+    'features/video-layout': IVideoLayoutState;
+    'features/video-quality': IVideoQualityState;
+    'features/video-quality-persistent-storage': IVideoQualityPersistedState;
+    'features/videosipgw': IVideoSipGW;
+    'features/virtual-background': IVirtualBackground;
+    'features/visitors': IVisitorsState;
+    'features/web-hid': IWebHid;
+    'features/whiteboard': IWhiteboardState;
+}
+
+export interface IReloadNowOptions {
+    hidePrejoin?: boolean;
+}
diff --git a/react/features/audio-level-indicator/components/AudioLevelIndicator.tsx b/react/features/audio-level-indicator/components/AudioLevelIndicator.tsx
new file mode 100644
index 0000000..460d875
--- /dev/null
+++ b/react/features/audio-level-indicator/components/AudioLevelIndicator.tsx
@@ -0,0 +1,83 @@
+import React, { Component } from 'react';
+
+/**
+ * The number of dots to display in AudioLevelIndicator.
+ *
+ * IMPORTANT: AudioLevelIndicator assumes that this is an odd number.
+ */
+const AUDIO_LEVEL_DOTS = 5;
+
+/**
+ * The index of the dot that is at the direct middle of all other dots.
+ */
+const CENTER_DOT_INDEX = Math.floor(AUDIO_LEVEL_DOTS / 2);
+
+/**
+ * The type of the React {@code Component} props of {@link AudioLevelIndicator}.
+ */
+interface IProps {
+
+    /**
+     * The current audio level to display. The value should be a number between
+     * 0 and 1.
+     */
+    audioLevel: number;
+}
+
+/**
+ * Creates a ReactElement responsible for drawing audio levels.
+ *
+ * @augments {Component}
+ */
+class AudioLevelIndicator extends Component<IProps> {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { audioLevel: passedAudioLevel } = this.props;
+
+        // First make sure we are sensitive enough.
+        const audioLevel = typeof passedAudioLevel === 'number' && !isNaN(passedAudioLevel)
+            ? Math.min(passedAudioLevel * 1.2, 1) : 0;
+
+        // Let's now stretch the audio level over the number of dots we have.
+        const stretchedAudioLevel = AUDIO_LEVEL_DOTS * audioLevel;
+
+        const audioLevelDots = [];
+
+        for (let i = 0; i < AUDIO_LEVEL_DOTS; i++) {
+            const distanceFromCenter = CENTER_DOT_INDEX - i;
+            const audioLevelFromCenter
+                = stretchedAudioLevel - Math.abs(distanceFromCenter);
+            const cappedOpacity = Math.min(
+                1, Math.max(0, audioLevelFromCenter));
+            let className;
+
+            if (distanceFromCenter === 0) {
+                className = 'audiodot-middle';
+            } else if (distanceFromCenter < 0) {
+                className = 'audiodot-top';
+            } else {
+                className = 'audiodot-bottom';
+            }
+
+            audioLevelDots.push(
+                <span
+                    className = { className }
+                    key = { i }
+                    style = {{ opacity: cappedOpacity }} />
+            );
+        }
+
+        return (
+            <span className = 'audioindicator in-react'>
+                { audioLevelDots }
+            </span>
+        );
+    }
+}
+
+export default AudioLevelIndicator;
diff --git a/react/features/authentication/actionTypes.ts b/react/features/authentication/actionTypes.ts
new file mode 100644
index 0000000..34e46c1
--- /dev/null
+++ b/react/features/authentication/actionTypes.ts
@@ -0,0 +1,106 @@
+/**
+ * The type of (redux) action which signals that {@link LoginDialog} has been
+ * canceled.
+ *
+ * {
+ *     type: CANCEL_LOGIN
+ * }
+ */
+export const CANCEL_LOGIN = 'CANCEL_LOGIN';
+
+/**
+ * The type of (redux) action which signals to login.
+ *
+ * {
+ *     type: LOGOUT
+ * }
+ */
+export const LOGIN = 'LOGIN';
+
+/**
+ * The type of (redux) action which signals to logout.
+ *
+ * {
+ *     type: LOGOUT
+ * }
+ */
+export const LOGOUT = 'LOGOUT';
+
+/**
+ * The type of (redux) action which signals that we have authenticated successful when
+ * tokenAuthUrl is set.
+ *
+ * {
+ *     type: SET_TOKEN_AUTH_URL_SUCCESS
+ * }
+ */
+export const SET_TOKEN_AUTH_URL_SUCCESS = 'SET_TOKEN_AUTH_URL_SUCCESS';
+
+/**
+ * The type of (redux) action which signals that the cyclic operation of waiting
+ * for conference owner has been aborted.
+ *
+ * {
+ *     type: STOP_WAIT_FOR_OWNER
+ * }
+ */
+export const STOP_WAIT_FOR_OWNER = 'STOP_WAIT_FOR_OWNER';
+
+/**
+ * The type of (redux) action which disables moderator login.
+ *
+ * {
+ *     type: DISABLE_MODERATOR_LOGIN
+ * }
+ */
+export const DISABLE_MODERATOR_LOGIN = 'DISABLE_MODERATOR_LOGIN';
+
+/**
+ * The type of (redux) action which informs that the authentication and role
+ * upgrade process has finished either with success or with a specific error.
+ * If {@code error} is {@code undefined}, then the process succeeded;
+ * otherwise, it failed. Refer to
+ * {@link JitsiConference#authenticateAndUpgradeRole} in lib-jitsi-meet for the
+ * error details.
+ *
+ * {
+ *     type: UPGRADE_ROLE_FINISHED,
+ *     error: Object,
+ *     progress: number,
+ *     thenableWithCancel: Object
+ * }
+ */
+export const UPGRADE_ROLE_FINISHED = 'UPGRADE_ROLE_FINISHED';
+
+/**
+ * The type of (redux) action which signals that the process of authenticating
+ * and upgrading the local participant's role has been started.
+ *
+ * {
+ *     type: UPGRADE_ROLE_STARTED,
+ *     thenableWithCancel: Object
+ * }
+ */
+export const UPGRADE_ROLE_STARTED = 'UPGRADE_ROLE_STARTED';
+
+/**
+ * The type of (redux) action which enables moderator login.
+ *
+ * {
+ *     type: ENABLE_MODERATOR_LOGIN
+ * }
+ */
+export const ENABLE_MODERATOR_LOGIN = 'ENABLE_MODERATOR_LOGIN';
+
+/**
+ * The type of (redux) action that sets delayed handler which will check if
+ * the conference has been created and it's now possible to join from anonymous
+ * connection.
+ *
+ * {
+ *     type: WAIT_FOR_OWNER,
+ *     handler: Function,
+ *     timeoutMs: number
+ * }
+ */
+export const WAIT_FOR_OWNER = 'WAIT_FOR_OWNER';
diff --git a/react/features/authentication/actions.any.ts b/react/features/authentication/actions.any.ts
new file mode 100644
index 0000000..15152ec
--- /dev/null
+++ b/react/features/authentication/actions.any.ts
@@ -0,0 +1,257 @@
+import { IStore } from '../app/types';
+import { checkIfCanJoin } from '../base/conference/actions';
+import { IJitsiConference } from '../base/conference/reducer';
+import { hideDialog, openDialog } from '../base/dialog/actions';
+
+import {
+    DISABLE_MODERATOR_LOGIN,
+    ENABLE_MODERATOR_LOGIN,
+    LOGIN,
+    LOGOUT,
+    SET_TOKEN_AUTH_URL_SUCCESS,
+    STOP_WAIT_FOR_OWNER,
+    UPGRADE_ROLE_FINISHED,
+    UPGRADE_ROLE_STARTED,
+    WAIT_FOR_OWNER
+} from './actionTypes';
+import { LoginDialog, WaitForOwnerDialog } from './components';
+import logger from './logger';
+
+/**
+ * Initiates authenticating and upgrading the role of the local participant to
+ * moderator which will allow to create and join a new conference on an XMPP
+ * password + guest access configuration. Refer to {@link LoginDialog} for more
+ * info.
+ *
+ * @param {string} id - The XMPP user's ID (e.g. {@code user@domain.com}).
+ * @param {string} password - The XMPP user's password.
+ * @param {JitsiConference} conference - The conference for which the local
+ * participant's role will be upgraded.
+ * @returns {Function}
+ */
+export function authenticateAndUpgradeRole(
+        id: string,
+        password: string,
+        conference: IJitsiConference) {
+    return (dispatch: IStore['dispatch']) => {
+        const process
+            = conference.authenticateAndUpgradeRole({
+                id,
+                password,
+
+                onLoginSuccessful() {
+                // When the login succeeds, the process has completed half
+                // of its job (i.e. 0.5).
+                    return dispatch(_upgradeRoleFinished(process, 0.5));
+                }
+            });
+
+        dispatch(_upgradeRoleStarted(process));
+        process.then(
+            /* onFulfilled */ () => dispatch(_upgradeRoleFinished(process, 1)),
+            /* onRejected */ (error: any) => {
+                // The lack of an error signals a cancellation.
+                if (error.authenticationError || error.connectionError) {
+                    logger.error('authenticateAndUpgradeRole failed', error);
+                }
+
+                dispatch(_upgradeRoleFinished(process, error));
+            });
+
+        return process;
+    };
+}
+
+
+/**
+ * Signals that the process of authenticating and upgrading the local
+ * participant's role has finished either with success or with a specific error.
+ *
+ * @param {Object} thenableWithCancel - The process of authenticating and
+ * upgrading the local participant's role.
+ * @param {Object} progressOrError - If the value is a {@code number}, then the
+ * process of authenticating and upgrading the local participant's role has
+ * succeeded in one of its two/multiple steps; otherwise, it has failed with the
+ * specified error. Refer to {@link JitsiConference#authenticateAndUpgradeRole}
+ * in lib-jitsi-meet for the error details.
+ * @private
+ * @returns {{
+ *     type: UPGRADE_ROLE_FINISHED,
+ *     error: ?Object,
+ *     progress: number
+ * }}
+ */
+function _upgradeRoleFinished(
+        thenableWithCancel: Object,
+        progressOrError: number | any) {
+    let error;
+    let progress;
+
+    if (typeof progressOrError === 'number') {
+        progress = progressOrError;
+    } else {
+        // Make the specified error object resemble an Error instance (to the
+        // extent that jitsi-meet needs it).
+        const {
+            authenticationError,
+            connectionError,
+            ...other
+        } = progressOrError;
+
+        error = {
+            name: authenticationError || connectionError,
+            ...other
+        };
+        progress = 0;
+    }
+
+    return {
+        type: UPGRADE_ROLE_FINISHED,
+        error,
+        progress,
+        thenableWithCancel
+    };
+}
+
+/**
+ * Signals that a process of authenticating and upgrading the local
+ * participant's role has started.
+ *
+ * @param {Object} thenableWithCancel - The process of authenticating and
+ * upgrading the local participant's role.
+ * @private
+ * @returns {{
+ *     type: UPGRADE_ROLE_STARTED,
+ *     thenableWithCancel: Object
+ * }}
+ */
+function _upgradeRoleStarted(thenableWithCancel: Object) {
+    return {
+        type: UPGRADE_ROLE_STARTED,
+        thenableWithCancel
+    };
+}
+
+/**
+ * Hides an authentication dialog where the local participant
+ * should authenticate.
+ *
+ * @returns {Function}
+ */
+export function hideLoginDialog() {
+    return hideDialog('LoginDialog', LoginDialog);
+}
+
+/**
+ * Login.
+ *
+ * @returns {{
+*     type: LOGIN
+* }}
+*/
+export function login() {
+    return {
+        type: LOGIN
+    };
+}
+
+/**
+* Logout.
+*
+* @returns {{
+*     type: LOGOUT
+* }}
+*/
+export function logout() {
+    return {
+        type: LOGOUT
+    };
+}
+
+/**
+ * Disables moderator login.
+ *
+ * @returns {{
+ *     type: DISABLE_MODERATOR_LOGIN
+ * }}
+ */
+export function disableModeratorLogin() {
+    return {
+        type: DISABLE_MODERATOR_LOGIN
+    };
+}
+
+/**
+ * Enables moderator login.
+ *
+ * @returns {Object}
+ */
+export function enableModeratorLogin() {
+    return {
+        type: ENABLE_MODERATOR_LOGIN
+    };
+}
+
+/**
+ * Opens {@link WaitForOnwerDialog}.
+ *
+ * @protected
+ * @returns {Action}
+ */
+export function openWaitForOwnerDialog() {
+    return openDialog('WaitForOwnerDialog', WaitForOwnerDialog);
+}
+
+
+/**
+ * Stops waiting for the conference owner.
+ *
+ * @returns {{
+ *     type: STOP_WAIT_FOR_OWNER
+ * }}
+ */
+export function stopWaitForOwner() {
+    return {
+        type: STOP_WAIT_FOR_OWNER
+    };
+}
+
+/**
+ * Called when Jicofo rejects to create the room for anonymous user. Will
+ * start the process of "waiting for the owner" by periodically trying to join
+ * the room every five seconds.
+ *
+ * @returns {Function}
+ */
+export function waitForOwner() {
+    return (dispatch: IStore['dispatch']) =>
+        dispatch({
+            type: WAIT_FOR_OWNER,
+            handler: () => dispatch(checkIfCanJoin()),
+            timeoutMs: 5000
+        });
+}
+
+/**
+ * Opens {@link LoginDialog} which will ask to enter username and password
+ * for the current conference.
+ *
+ * @protected
+ * @returns {Action}
+ */
+export function openLoginDialog() {
+    return openDialog('LoginDialog', LoginDialog);
+}
+
+/**
+ * Updates the config with new options.
+ *
+ * @param {boolean} value - The new value.
+ * @returns {Function}
+ */
+export function setTokenAuthUrlSuccess(value: boolean) {
+    return {
+        type: SET_TOKEN_AUTH_URL_SUCCESS,
+        value
+    };
+}
diff --git a/react/features/authentication/actions.native.ts b/react/features/authentication/actions.native.ts
new file mode 100644
index 0000000..2260985
--- /dev/null
+++ b/react/features/authentication/actions.native.ts
@@ -0,0 +1,90 @@
+import { Linking } from 'react-native';
+
+import { appNavigate } from '../app/actions.native';
+import { IStore } from '../app/types';
+import { conferenceLeft } from '../base/conference/actions';
+import { connectionFailed } from '../base/connection/actions.native';
+import { set } from '../base/redux/functions';
+
+import { CANCEL_LOGIN } from './actionTypes';
+import { stopWaitForOwner } from './actions.any';
+
+export * from './actions.any';
+
+/**
+ * Cancels {@ink LoginDialog}.
+ *
+ * @returns {{
+ *     type: CANCEL_LOGIN
+ * }}
+ */
+export function cancelLogin() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        dispatch({ type: CANCEL_LOGIN });
+
+        // XXX The error associated with CONNECTION_FAILED was marked as
+        // recoverable by the authentication feature  and, consequently,
+        // recoverable-aware features such as mobile's external-api did not
+        // deliver the CONFERENCE_FAILED to the SDK clients/consumers (as
+        // a reaction to CONNECTION_FAILED). Since the
+        // app/user is going to navigate to WelcomePage, the SDK
+        // clients/consumers need an event.
+        const { error = { recoverable: undefined }, passwordRequired }
+            = getState()['features/base/connection'];
+
+        passwordRequired
+            && dispatch(
+                connectionFailed(
+                    passwordRequired,
+                    set(error, 'recoverable', false) as any));
+    };
+}
+
+/**
+ * Cancels {@link WaitForOwnerDialog}. Will navigate back to the welcome page.
+ *
+ * @returns {Function}
+ */
+export function cancelWaitForOwner() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        dispatch(stopWaitForOwner());
+
+        // XXX The error associated with CONFERENCE_FAILED was marked as
+        // recoverable by the feature room-lock and, consequently,
+        // recoverable-aware features such as mobile's external-api did not
+        // deliver the CONFERENCE_FAILED to the SDK clients/consumers. Since the
+        // app/user is going to navigate to WelcomePage, the SDK
+        // clients/consumers need an event.
+        const { authRequired } = getState()['features/base/conference'];
+
+        if (authRequired) {
+            dispatch(conferenceLeft(authRequired));
+
+            // in case we are showing lobby and on top of it wait for owner
+            // we do not want to navigate away from the conference
+            dispatch(appNavigate(undefined));
+        }
+    };
+}
+
+/**
+ * Redirect to the default location (e.g. Welcome page).
+ *
+ * @returns {Function}
+ */
+export function redirectToDefaultLocation() {
+    return (dispatch: IStore['dispatch']) => dispatch(appNavigate(undefined));
+}
+
+/**
+ * Opens token auth URL page.
+ *
+ * @param {string} tokenAuthServiceUrl - Authentication service URL.
+ *
+ * @returns {Function}
+ */
+export function openTokenAuthUrl(tokenAuthServiceUrl: string) {
+    return () => {
+        Linking.openURL(tokenAuthServiceUrl);
+    };
+}
diff --git a/react/features/authentication/actions.web.ts b/react/features/authentication/actions.web.ts
new file mode 100644
index 0000000..6f026f6
--- /dev/null
+++ b/react/features/authentication/actions.web.ts
@@ -0,0 +1,78 @@
+import { maybeRedirectToWelcomePage } from '../app/actions.web';
+import { IStore } from '../app/types';
+import { openDialog } from '../base/dialog/actions';
+import { browser } from '../base/lib-jitsi-meet';
+
+import { CANCEL_LOGIN } from './actionTypes';
+import LoginQuestionDialog from './components/web/LoginQuestionDialog';
+
+export * from './actions.any';
+
+/**
+ * Cancels {@ink LoginDialog}.
+ *
+ * @returns {{
+ *     type: CANCEL_LOGIN
+ * }}
+ */
+export function cancelLogin() {
+    return {
+        type: CANCEL_LOGIN
+    };
+}
+
+/**
+ * Cancels authentication, closes {@link WaitForOwnerDialog}
+ * and navigates back to the welcome page only in the case of authentication required error.
+ * We can be showing the dialog while lobby is enabled and participant is still waiting there and hiding this dialog
+ * should do nothing.
+ *
+ * @returns {Function}
+ */
+export function cancelWaitForOwner() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const { authRequired } = getState()['features/base/conference'];
+
+        authRequired && dispatch(maybeRedirectToWelcomePage());
+    };
+}
+
+/**
+ * Redirect to the default location (e.g. Welcome page).
+ *
+ * @returns {Function}
+ */
+export function redirectToDefaultLocation() {
+    return (dispatch: IStore['dispatch']) => dispatch(maybeRedirectToWelcomePage());
+}
+
+/**
+ * Opens token auth URL page.
+ *
+ * @param {string} tokenAuthServiceUrl - Authentication service URL.
+ *
+ * @returns {Function}
+ */
+export function openTokenAuthUrl(tokenAuthServiceUrl: string): any {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const redirect = () => {
+            if (browser.isElectron()) {
+                window.open(tokenAuthServiceUrl, '_blank');
+            } else {
+                window.location.href = tokenAuthServiceUrl;
+            }
+        };
+
+        // Show warning for leaving conference only when in a conference.
+        if (!browser.isElectron() && getState()['features/base/conference'].conference) {
+            dispatch(openDialog('LoginQuestionDialog', LoginQuestionDialog, {
+                handler: () => {
+                    // Give time for the dialog to close.
+                    setTimeout(() => redirect(), 500);
+                }
+            }));
+        } else {
+            redirect();
+        }
+    };
+}
diff --git a/react/features/authentication/components/index.native.ts b/react/features/authentication/components/index.native.ts
new file mode 100644
index 0000000..12ba899
--- /dev/null
+++ b/react/features/authentication/components/index.native.ts
@@ -0,0 +1,2 @@
+export { default as LoginDialog } from './native/LoginDialog';
+export { default as WaitForOwnerDialog } from './native/WaitForOwnerDialog';
diff --git a/react/features/authentication/components/index.web.ts b/react/features/authentication/components/index.web.ts
new file mode 100644
index 0000000..3f648f2
--- /dev/null
+++ b/react/features/authentication/components/index.web.ts
@@ -0,0 +1,2 @@
+export { default as LoginDialog } from './web/LoginDialog';
+export { default as WaitForOwnerDialog } from './web/WaitForOwnerDialog';
diff --git a/react/features/authentication/components/native/LoginDialog.tsx b/react/features/authentication/components/native/LoginDialog.tsx
new file mode 100644
index 0000000..f19fc4a
--- /dev/null
+++ b/react/features/authentication/components/native/LoginDialog.tsx
@@ -0,0 +1,318 @@
+import React, { Component } from 'react';
+import Dialog from 'react-native-dialog';
+import { connect as reduxConnect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../../app/types';
+import { IJitsiConference } from '../../../base/conference/reducer';
+import { connect } from '../../../base/connection/actions.native';
+import { toJid } from '../../../base/connection/functions';
+import { _abstractMapStateToProps } from '../../../base/dialog/functions';
+import { translate } from '../../../base/i18n/functions';
+import { JitsiConnectionErrors } from '../../../base/lib-jitsi-meet';
+import { authenticateAndUpgradeRole, cancelLogin } from '../../actions.native';
+
+/**
+ * The type of the React {@link Component} props of {@link LoginDialog}.
+ */
+interface IProps {
+
+    /**
+     * {@link JitsiConference} That needs authentication - will hold a valid
+     * value in XMPP login + guest access mode.
+     */
+    _conference?: IJitsiConference;
+
+    /**
+     * The server hosts specified in the global config.
+     */
+    _configHosts?: {
+        anonymousdomain?: string;
+        authdomain?: string;
+        domain: string;
+        focus?: string;
+        muc: string;
+        visitorFocus?: string;
+    };
+
+    /**
+     * Indicates if the dialog should display "connecting" status message.
+     */
+    _connecting: boolean;
+
+    /**
+     * The error which occurred during login/authentication.
+     */
+    _error: any;
+
+    /**
+     * The progress in the floating range between 0 and 1 of the authenticating
+     * and upgrading the role of the local participant/user.
+     */
+    _progress?: number;
+
+    /**
+     * Redux store dispatch method.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Invoked to obtain translated strings.
+     */
+    t: Function;
+}
+
+/**
+ * The type of the React {@link Component} state of {@link LoginDialog}.
+ */
+interface IState {
+
+    /**
+     * The user entered password for the conference.
+     */
+    password: string;
+
+    /**
+     * The user entered local participant name.
+     */
+    username: string;
+}
+
+/**
+ * Dialog asks user for username and password.
+ *
+ * First authentication configuration that it will deal with is the main XMPP
+ * domain (config.hosts.domain) with password authentication. A LoginDialog
+ * will be opened after 'CONNECTION_FAILED' action with
+ * 'JitsiConnectionErrors.PASSWORD_REQUIRED' error. After username and password
+ * are entered a new 'connect' action from 'features/base/connection' will be
+ * triggered which will result in new XMPP connection. The conference will start
+ * if the credentials are correct.
+ *
+ * The second setup is the main XMPP domain with password plus guest domain with
+ * anonymous access configured under 'config.hosts.anonymousdomain'. In such
+ * case user connects from the anonymous domain, but if the room does not exist
+ * yet, Jicofo will not allow to start new conference. This will trigger
+ * 'CONFERENCE_FAILED' action with JitsiConferenceErrors.AUTHENTICATION_REQUIRED
+ * error and 'authRequired' value of 'features/base/conference' will hold
+ * the {@link JitsiConference} instance. If user decides to authenticate, a
+ * new/separate XMPP connection is established and authentication is performed.
+ * In case it succeeds, Jicofo will assign new session ID which then can be used
+ * from the anonymous domain connection to create and join the room. This part
+ * is done by {@link JitsiConference#authenticateAndUpgradeRole} in
+ * lib-jitsi-meet.
+ *
+ * See {@link https://github.com/jitsi/jicofo#secure-domain} for a description
+ * of the configuration parameters.
+ */
+class LoginDialog extends Component<IProps, IState> {
+    /**
+     * Initializes a new LoginDialog instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            username: '',
+            password: ''
+        };
+
+        // Bind event handlers so they are only bound once per instance.
+        this._onCancel = this._onCancel.bind(this);
+        this._onLogin = this._onLogin.bind(this);
+        this._onPasswordChange = this._onPasswordChange.bind(this);
+        this._onUsernameChange = this._onUsernameChange.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const {
+            _connecting: connecting,
+            t
+        } = this.props;
+
+        return (
+            <Dialog.Container
+                coverScreen = { false }
+                visible = { true }>
+                <Dialog.Title>
+                    { t('dialog.login') }
+                </Dialog.Title>
+                <Dialog.Input
+                    autoCapitalize = { 'none' }
+                    autoCorrect = { false }
+                    onChangeText = { this._onUsernameChange }
+                    placeholder = { 'user@domain.com' }
+                    spellCheck = { false }
+                    value = { this.state.username } />
+                <Dialog.Input
+                    autoCapitalize = { 'none' }
+                    onChangeText = { this._onPasswordChange }
+                    placeholder = { t('dialog.userPassword') }
+                    secureTextEntry = { true }
+                    value = { this.state.password } />
+                <Dialog.Description>
+                    { this._renderMessage() }
+                </Dialog.Description>
+                <Dialog.Button
+                    label = { t('dialog.Cancel') }
+                    onPress = { this._onCancel } />
+                <Dialog.Button
+                    disabled = { connecting }
+                    label = { t('dialog.Ok') }
+                    onPress = { this._onLogin } />
+            </Dialog.Container>
+        );
+    }
+
+    /**
+     * Renders an optional message, if applicable.
+     *
+     * @returns {ReactElement}
+     * @private
+     */
+    _renderMessage() {
+        const {
+            _connecting: connecting,
+            _error: error,
+            _progress: progress,
+            t
+        } = this.props;
+
+        let messageKey;
+        const messageOptions = { msg: '' };
+
+        if (progress && progress < 1) {
+            messageKey = 'connection.FETCH_SESSION_ID';
+        } else if (error) {
+            const { name } = error;
+
+            if (name === JitsiConnectionErrors.PASSWORD_REQUIRED) {
+                // Show a message that the credentials are incorrect only if the
+                // credentials which have caused the connection to fail are the
+                // ones which the user sees.
+                const { credentials } = error;
+
+                if (credentials
+                        && credentials.jid
+                            === toJid(
+                                this.state.username,
+                                this.props._configHosts ?? {})
+                        && credentials.password === this.state.password) {
+                    messageKey = 'dialog.incorrectPassword';
+                }
+            } else if (name) {
+                messageKey = 'dialog.connectErrorWithMsg';
+                messageOptions.msg = `${name} ${error.message}`;
+            }
+        } else if (connecting) {
+            messageKey = 'connection.CONNECTING';
+        }
+
+        if (messageKey) {
+            return t(messageKey, messageOptions);
+        }
+
+        return null;
+    }
+
+    /**
+     * Called when user edits the username.
+     *
+     * @param {string} text - A new username value entered by user.
+     * @returns {void}
+     * @private
+     */
+    _onUsernameChange(text: string) {
+        this.setState({
+            username: text.trim()
+        });
+    }
+
+    /**
+     * Called when user edits the password.
+     *
+     * @param {string} text - A new password value entered by user.
+     * @returns {void}
+     * @private
+     */
+    _onPasswordChange(text: string) {
+        this.setState({
+            password: text
+        });
+    }
+
+    /**
+     * Notifies this LoginDialog that it has been dismissed by cancel.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onCancel() {
+        this.props.dispatch(cancelLogin());
+    }
+
+    /**
+     * Notifies this LoginDialog that the login button (OK) has been pressed by
+     * the user.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onLogin() {
+        const { _conference: conference, dispatch } = this.props;
+        const { password, username } = this.state;
+        const jid = toJid(username, this.props._configHosts ?? {});
+        let r;
+
+        // If there's a conference it means that the connection has succeeded,
+        // but authentication is required in order to join the room.
+        if (conference) {
+            r = dispatch(authenticateAndUpgradeRole(jid, password, conference));
+        } else {
+            r = dispatch(connect(jid, password));
+        }
+
+        return r;
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated props for the
+ * {@code LoginDialog} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const {
+        error: authenticateAndUpgradeRoleError,
+        progress,
+        thenableWithCancel
+    } = state['features/authentication'];
+    const { authRequired, conference } = state['features/base/conference'];
+    const { hosts: configHosts } = state['features/base/config'];
+    const {
+        connecting,
+        error: connectionError
+    } = state['features/base/connection'];
+
+    return {
+        ..._abstractMapStateToProps(state),
+        _conference: authRequired || conference,
+        _configHosts: configHosts,
+        _connecting: Boolean(connecting) || Boolean(thenableWithCancel),
+        _error: connectionError || authenticateAndUpgradeRoleError,
+        _progress: progress
+    };
+}
+
+export default translate(reduxConnect(_mapStateToProps)(LoginDialog));
diff --git a/react/features/authentication/components/native/WaitForOwnerDialog.tsx b/react/features/authentication/components/native/WaitForOwnerDialog.tsx
new file mode 100644
index 0000000..488058c
--- /dev/null
+++ b/react/features/authentication/components/native/WaitForOwnerDialog.tsx
@@ -0,0 +1,116 @@
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../../app/types';
+import ConfirmDialog from '../../../base/dialog/components/native/ConfirmDialog';
+import { translate } from '../../../base/i18n/functions';
+import { cancelWaitForOwner, login } from '../../actions.native';
+
+
+/**
+ * The type of the React {@code Component} props of {@link WaitForOwnerDialog}.
+ */
+interface IProps {
+
+    /**
+     * Whether to show alternative cancel button text.
+     */
+    _alternativeCancelText?: boolean;
+
+    /**
+     * Is confirm button hidden?
+     */
+    _isConfirmHidden?: boolean;
+
+    /**
+     * Redux store dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Invoked to obtain translated strings.
+     */
+    t: Function;
+}
+
+/**
+ * The dialog is display in XMPP password + guest access configuration, after
+ * user connects from anonymous domain and the conference does not exist yet.
+ *
+ * See {@link LoginDialog} description for more details.
+ */
+class WaitForOwnerDialog extends Component<IProps> {
+    /**
+     * Initializes a new WaitForWonderDialog instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handlers so they are only bound once per instance.
+        this._onCancel = this._onCancel.bind(this);
+        this._onLogin = this._onLogin.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { _isConfirmHidden } = this.props;
+
+        return (
+            <ConfirmDialog
+                cancelLabel = { this.props._alternativeCancelText ? 'dialog.WaitingForHostButton' : 'dialog.Cancel' }
+                confirmLabel = 'dialog.IamHost'
+                descriptionKey = 'lobby.waitForModerator'
+                isConfirmHidden = { _isConfirmHidden }
+                onCancel = { this._onCancel }
+                onSubmit = { this._onLogin } />
+        );
+    }
+
+    /**
+     * Called when the cancel button is clicked.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onCancel() {
+        this.props.dispatch(cancelWaitForOwner());
+    }
+
+    /**
+     * Called when the OK button is clicked.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onLogin() {
+        this.props.dispatch(login());
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated
+ * {@code WaitForOwnerDialog}'s props.
+ *
+ * @param {Object} state - The redux state.
+ * @private
+ * @returns {IProps}
+ */
+function mapStateToProps(state: IReduxState) {
+    const { membersOnly, lobbyWaitingForHost } = state['features/base/conference'];
+    const { locationURL } = state['features/base/connection'];
+
+    return {
+        _alternativeCancelText: membersOnly && lobbyWaitingForHost,
+        _isConfirmHidden: locationURL?.hostname?.includes('8x8.vc')
+    };
+}
+
+export default translate(connect(mapStateToProps)(WaitForOwnerDialog));
diff --git a/react/features/authentication/components/web/LoginDialog.tsx b/react/features/authentication/components/web/LoginDialog.tsx
new file mode 100644
index 0000000..5fc8a38
--- /dev/null
+++ b/react/features/authentication/components/web/LoginDialog.tsx
@@ -0,0 +1,299 @@
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect as reduxConnect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../../app/types';
+import { IJitsiConference } from '../../../base/conference/reducer';
+import { IConfig } from '../../../base/config/configType';
+import { connect } from '../../../base/connection/actions.web';
+import { toJid } from '../../../base/connection/functions';
+import { translate, translateToHTML } from '../../../base/i18n/functions';
+import { JitsiConnectionErrors } from '../../../base/lib-jitsi-meet';
+import Dialog from '../../../base/ui/components/web/Dialog';
+import Input from '../../../base/ui/components/web/Input';
+import {
+    authenticateAndUpgradeRole,
+    cancelLogin
+} from '../../actions.web';
+import logger from '../../logger';
+
+/**
+ * The type of the React {@code Component} props of {@link LoginDialog}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * {@link JitsiConference} That needs authentication - will hold a valid
+     * value in XMPP login + guest access mode.
+     */
+    _conference?: IJitsiConference;
+
+    /**
+     * The server hosts specified in the global config.
+     */
+    _configHosts: IConfig['hosts'];
+
+    /**
+     * Indicates if the dialog should display "connecting" status message.
+     */
+    _connecting: boolean;
+
+    /**
+     * The error which occurred during login/authentication.
+     */
+    _error: any;
+
+    /**
+     * The progress in the floating range between 0 and 1 of the authenticating
+     * and upgrading the role of the local participant/user.
+     */
+    _progress?: number;
+
+    /**
+     * Redux store dispatch method.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Conference room name.
+     */
+    roomName: string;
+}
+
+/**
+ * The type of the React {@code Component} state of {@link LoginDialog}.
+ */
+interface IState {
+
+    /**
+     * The user entered password for the conference.
+     */
+    password: string;
+
+    /**
+     * The user entered local participant name.
+     */
+    username: string;
+}
+
+/**
+ * Component that renders the login in conference dialog.
+ *
+ *  @returns {React$Element<any>}
+ */
+class LoginDialog extends Component<IProps, IState> {
+    /**
+     * Initializes a new {@code LoginDialog} instance.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            username: '',
+            password: ''
+        };
+
+        this._onCancelLogin = this._onCancelLogin.bind(this);
+        this._onLogin = this._onLogin.bind(this);
+        this._onUsernameChange = this._onUsernameChange.bind(this);
+        this._onPasswordChange = this._onPasswordChange.bind(this);
+    }
+
+    /**
+     * Called when the cancel button is clicked.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onCancelLogin() {
+        const { dispatch } = this.props;
+
+        dispatch(cancelLogin());
+    }
+
+    /**
+     * Notifies this LoginDialog that the login button (OK) has been pressed by
+     * the user.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onLogin() {
+        const {
+            _conference: conference,
+            _configHosts: configHosts,
+            dispatch
+        } = this.props;
+        const { password, username } = this.state;
+        const jid = toJid(username, configHosts ?? {
+            authdomain: '',
+            domain: ''
+        });
+
+        if (conference) {
+            dispatch(authenticateAndUpgradeRole(jid, password, conference));
+        } else {
+            logger.info('Dispatching connect from LoginDialog.');
+            dispatch(connect(jid, password));
+        }
+    }
+
+    /**
+     * Callback for the onChange event of the field.
+     *
+     * @param {string} value - The static event.
+     * @returns {void}
+     */
+    _onPasswordChange(value: string) {
+        this.setState({
+            password: value
+        });
+    }
+
+    /**
+     * Callback for the onChange event of the username input.
+     *
+     * @param {string} value - The new value.
+     * @returns {void}
+     */
+    _onUsernameChange(value: string) {
+        this.setState({
+            username: value
+        });
+    }
+
+    /**
+     * Renders an optional message, if applicable.
+     *
+     * @returns {ReactElement}
+     * @private
+     */
+    renderMessage() {
+        const {
+            _configHosts: configHosts,
+            _connecting: connecting,
+            _error: error,
+            _progress: progress,
+            t
+        } = this.props;
+        const { username, password } = this.state;
+        const messageOptions: { msg?: string; } = {};
+        let messageKey;
+
+        if (progress && progress < 1) {
+            messageKey = 'connection.FETCH_SESSION_ID';
+        } else if (error) {
+            const { name } = error;
+
+            if (name === JitsiConnectionErrors.PASSWORD_REQUIRED) {
+                const { credentials } = error;
+
+                if (credentials
+                    && credentials.jid === toJid(username, configHosts ?? { authdomain: '',
+                        domain: '' })
+                    && credentials.password === password) {
+                    messageKey = 'dialog.incorrectPassword';
+                }
+            } else if (name) {
+                messageKey = 'dialog.connectErrorWithMsg';
+                messageOptions.msg = `${name} ${error.message}`;
+            }
+        } else if (connecting) {
+            messageKey = 'connection.CONNECTING';
+        }
+
+        if (messageKey) {
+            return (
+                <span>
+                    { translateToHTML(t, messageKey, messageOptions) }
+                </span>
+            );
+        }
+
+        return null;
+    }
+
+    /**
+     * Implements {@Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const {
+            _connecting: connecting,
+            t
+        } = this.props;
+        const { password, username } = this.state;
+
+        return (
+            <Dialog
+                disableAutoHideOnSubmit = { true }
+                disableBackdropClose = { true }
+                hideCloseButton = { true }
+                ok = {{
+                    disabled: connecting
+                        || !password
+                        || !username,
+                    translationKey: 'dialog.login'
+                }}
+                onCancel = { this._onCancelLogin }
+                onSubmit = { this._onLogin }
+                titleKey = { t('dialog.authenticationRequired') }>
+                <Input
+                    autoFocus = { true }
+                    id = 'login-dialog-username'
+                    label = { t('dialog.user') }
+                    name = 'username'
+                    onChange = { this._onUsernameChange }
+                    placeholder = { t('dialog.userIdentifier') }
+                    type = 'text'
+                    value = { username } />
+                <br />
+                <Input
+                    className = 'dialog-bottom-margin'
+                    id = 'login-dialog-password'
+                    label = { t('dialog.userPassword') }
+                    name = 'password'
+                    onChange = { this._onPasswordChange }
+                    placeholder = { t('dialog.password') }
+                    type = 'password'
+                    value = { password } />
+                { this.renderMessage() }
+            </Dialog>
+        );
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated props for the
+ * {@code LoginDialog} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {IProps}
+ */
+function mapStateToProps(state: IReduxState) {
+    const {
+        error: authenticateAndUpgradeRoleError,
+        progress,
+        thenableWithCancel
+    } = state['features/authentication'];
+    const { authRequired, conference } = state['features/base/conference'];
+    const { hosts: configHosts } = state['features/base/config'];
+    const {
+        connecting,
+        error: connectionError
+    } = state['features/base/connection'];
+
+    return {
+        _conference: authRequired || conference,
+        _configHosts: configHosts,
+        _connecting: Boolean(connecting) || Boolean(thenableWithCancel),
+        _error: connectionError || authenticateAndUpgradeRoleError,
+        _progress: progress
+    };
+}
+
+export default translate(reduxConnect(mapStateToProps)(LoginDialog));
diff --git a/react/features/authentication/components/web/LoginQuestionDialog.tsx b/react/features/authentication/components/web/LoginQuestionDialog.tsx
new file mode 100644
index 0000000..e2a172f
--- /dev/null
+++ b/react/features/authentication/components/web/LoginQuestionDialog.tsx
@@ -0,0 +1,38 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+
+import Dialog from '../../../base/ui/components/web/Dialog';
+
+/**
+ * The type of {@link LoginQuestionDialog}'s React {@code Component} props.
+ */
+interface IProps {
+
+    /**
+     * The handler.
+     */
+    handler: () => void;
+}
+
+/**
+ * Implements the dialog that warns the user that the login will leave the conference.
+ *
+ * @param {Object} props - The props of the component.
+ * @returns {React$Element}
+ */
+const LoginQuestionDialog = ({ handler }: IProps) => {
+    const { t } = useTranslation();
+
+    return (
+        <Dialog
+            ok = {{ translationKey: 'dialog.Yes' }}
+            onSubmit = { handler }
+            titleKey = { t('dialog.login') }>
+            <div>
+                { t('dialog.loginQuestion') }
+            </div>
+        </Dialog>
+    );
+};
+
+export default LoginQuestionDialog;
diff --git a/react/features/authentication/components/web/WaitForOwnerDialog.tsx b/react/features/authentication/components/web/WaitForOwnerDialog.tsx
new file mode 100644
index 0000000..8ee12c7
--- /dev/null
+++ b/react/features/authentication/components/web/WaitForOwnerDialog.tsx
@@ -0,0 +1,119 @@
+import React, { PureComponent } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import Dialog from '../../../base/ui/components/web/Dialog';
+import { cancelWaitForOwner, login } from '../../actions.web';
+
+/**
+ * The type of the React {@code Component} props of {@link WaitForOwnerDialog}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * Whether to show alternative cancel button text.
+     */
+    _alternativeCancelText?: boolean;
+
+    /**
+     * Whether to hide the login button.
+     */
+    _hideLoginButton?: boolean;
+
+    /**
+     * Redux store dispatch method.
+     */
+    dispatch: IStore['dispatch'];
+}
+
+/**
+ * Authentication message dialog for host confirmation.
+ *
+ * @returns {React$Element<any>}
+ */
+class WaitForOwnerDialog extends PureComponent<IProps> {
+    /**
+     * Instantiates a new component.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._onCancelWaitForOwner = this._onCancelWaitForOwner.bind(this);
+        this._onIAmHost = this._onIAmHost.bind(this);
+    }
+
+    /**
+     * Called when the cancel button is clicked.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onCancelWaitForOwner() {
+        const { dispatch } = this.props;
+
+        dispatch(cancelWaitForOwner());
+    }
+
+    /**
+     * Called when the OK button is clicked.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onIAmHost() {
+        this.props.dispatch(login());
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const {
+            t
+        } = this.props;
+
+        return (
+            <Dialog
+                cancel = {{ translationKey:
+                        this.props._alternativeCancelText ? 'dialog.WaitingForHostButton' : 'dialog.Cancel' }}
+                disableBackdropClose = { true }
+                hideCloseButton = { true }
+                ok = { this.props._hideLoginButton ? { hidden: true,
+                    disabled: true } : { translationKey: 'dialog.IamHost' } }
+                onCancel = { this._onCancelWaitForOwner }
+                onSubmit = { this._onIAmHost }
+                titleKey = { t('dialog.WaitingForHostTitle') }>
+                <span>
+                    { this.props._hideLoginButton ? t('dialog.WaitForHostNoAuthMsg') : t('lobby.waitForModerator') }
+                </span>
+            </Dialog>
+        );
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated
+ * {@code WaitForOwnerDialog}'s props.
+ *
+ * @param {Object} state - The redux state.
+ * @private
+ * @returns {IProps}
+ */
+function mapStateToProps(state: IReduxState) {
+    const { membersOnly, lobbyWaitingForHost } = state['features/base/conference'];
+    const { hideLoginButton } = state['features/base/config'];
+
+    return {
+        _alternativeCancelText: membersOnly && lobbyWaitingForHost,
+        _hideLoginButton: hideLoginButton
+    };
+}
+
+export default translate(connect(mapStateToProps)(WaitForOwnerDialog));
diff --git a/react/features/authentication/functions.any.ts b/react/features/authentication/functions.any.ts
new file mode 100644
index 0000000..cd13c20
--- /dev/null
+++ b/react/features/authentication/functions.any.ts
@@ -0,0 +1,86 @@
+import { IConfig } from '../base/config/configType';
+import { parseURLParams } from '../base/util/parseURLParams';
+import { getBackendSafeRoomName } from '../base/util/uri';
+
+/**
+ * Checks if the token for authentication is available.
+ *
+ * @param {Object} config - Configuration state object from store.
+ * @returns {boolean}
+ */
+export const isTokenAuthEnabled = (config: IConfig): boolean =>
+    typeof config.tokenAuthUrl === 'string' && config.tokenAuthUrl.length > 0;
+
+/**
+ * Returns the state that we can add as a parameter to the tokenAuthUrl.
+ *
+ * @param {URL} locationURL - The location URL.
+ * @param {Object} options: - Config options {
+ *     audioMuted: boolean | undefined
+ *     audioOnlyEnabled: boolean | undefined,
+ *     skipPrejoin: boolean | undefined,
+ *     videoMuted: boolean | undefined
+ * }.
+ * @param {string?} roomName - The room name.
+ * @param {string?} tenant - The tenant name if any.
+ *
+ * @returns {Object} The state object.
+ */
+export const _getTokenAuthState = (
+        locationURL: URL,
+        options: {
+            audioMuted: boolean | undefined;
+            audioOnlyEnabled: boolean | undefined;
+            skipPrejoin: boolean | undefined;
+            videoMuted: boolean | undefined;
+        },
+        roomName: string | undefined,
+        tenant: string | undefined): object => {
+    const state = {
+        room: roomName,
+        roomSafe: getBackendSafeRoomName(roomName),
+        tenant
+    };
+
+    const {
+        audioMuted = false,
+        audioOnlyEnabled = false,
+        skipPrejoin = false,
+        videoMuted = false
+    } = options;
+
+    if (audioMuted) {
+
+        // @ts-ignore
+        state['config.startWithAudioMuted'] = true;
+    }
+
+    if (audioOnlyEnabled) {
+
+        // @ts-ignore
+        state['config.startAudioOnly'] = true;
+    }
+
+    if (skipPrejoin) {
+        // We have already shown the prejoin screen, no need to show it again after obtaining the token.
+        // @ts-ignore
+        state['config.prejoinConfig.enabled'] = false;
+    }
+
+    if (videoMuted) {
+
+        // @ts-ignore
+        state['config.startWithVideoMuted'] = true;
+    }
+    const params = parseURLParams(locationURL);
+
+    for (const key of Object.keys(params)) {
+        // we allow only config, interfaceConfig and iceServers overrides in the state
+        if (key.startsWith('config.') || key.startsWith('interfaceConfig.') || key.startsWith('iceServers.')) {
+            // @ts-ignore
+            state[key] = params[key];
+        }
+    }
+
+    return state;
+};
diff --git a/react/features/authentication/functions.native.ts b/react/features/authentication/functions.native.ts
new file mode 100644
index 0000000..64e17d4
--- /dev/null
+++ b/react/features/authentication/functions.native.ts
@@ -0,0 +1,78 @@
+import { Platform } from 'react-native';
+
+import { IConfig } from '../base/config/configType';
+
+import { _getTokenAuthState } from './functions.any';
+
+export * from './functions.any';
+
+/**
+ * Creates the URL pointing to JWT token authentication service. It is
+ * formatted from the 'urlPattern' argument which can contain the following
+ * constants:
+ * '{room}' - name of the conference room passed as <tt>roomName</tt>
+ * argument to this method.
+ *
+ * @param {Object} config - Configuration state object from store. A URL pattern pointing to the login service.
+ * @param {URL} locationURL - The location URL.
+ * @param {Object} options:  - Config options {
+ *     audioMuted: boolean | undefined
+ *     audioOnlyEnabled: boolean | undefined,
+ *     skipPrejoin: boolean | undefined,
+ *     videoMuted: boolean | undefined
+ * }.
+ * @param {string?} roomName - The room name.
+ * @param {string?} tenant - The tenant name if any.
+ *
+ * @returns {Promise<string|undefined>} - The URL pointing to JWT login service or
+ * <tt>undefined</tt> if the pattern stored in config is not a string and the URL can not be
+ * constructed.
+ */
+export const getTokenAuthUrl = (
+        config: IConfig,
+        locationURL: URL,
+        options: {
+            audioMuted: boolean | undefined;
+            audioOnlyEnabled: boolean | undefined;
+            skipPrejoin: boolean | undefined;
+            videoMuted: boolean | undefined;
+        },
+        roomName: string | undefined,
+        // eslint-disable-next-line max-params
+        tenant: string | undefined): Promise<string | undefined> => {
+
+    const {
+        audioMuted = false,
+        audioOnlyEnabled = false,
+        skipPrejoin = false,
+        videoMuted = false
+    } = options;
+
+    let url = config.tokenAuthUrl;
+
+    if (!url || !roomName) {
+        return Promise.resolve(undefined);
+    }
+
+    if (url.indexOf('{state}')) {
+        const state = _getTokenAuthState(
+            locationURL,
+            {
+                audioMuted,
+                audioOnlyEnabled,
+                skipPrejoin,
+                videoMuted
+            },
+            roomName,
+            tenant
+        );
+
+        // Append ios=true or android=true to the token URL.
+        // @ts-ignore
+        state[Platform.OS] = true;
+
+        url = url.replace('{state}', encodeURIComponent(JSON.stringify(state)));
+    }
+
+    return Promise.resolve(url.replace('{room}', roomName));
+};
diff --git a/react/features/authentication/functions.web.ts b/react/features/authentication/functions.web.ts
new file mode 100644
index 0000000..d94b154
--- /dev/null
+++ b/react/features/authentication/functions.web.ts
@@ -0,0 +1,122 @@
+import base64js from 'base64-js';
+
+import { IConfig } from '../base/config/configType';
+import { browser } from '../base/lib-jitsi-meet';
+
+import { _getTokenAuthState } from './functions.any';
+
+export * from './functions.any';
+
+/**
+ * Based on rfc7636 we need a random string for a code verifier.
+ */
+const POSSIBLE_CHARS = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+
+/**
+ * Crypto random, alternative of Math.random.
+ *
+ * @returns {float} A random value.
+ */
+function _cryptoRandom() {
+    const typedArray = new Uint8Array(1);
+    const randomValue = crypto.getRandomValues(typedArray)[0];
+
+    return randomValue / Math.pow(2, 8);
+}
+
+/**
+ * Creates the URL pointing to JWT token authentication service. It is
+ * formatted from the 'urlPattern' argument which can contain the following
+ * constants:
+ * '{room}' - name of the conference room passed as <tt>roomName</tt>
+ * argument to this method.
+ *
+ * @param {Object} config - Configuration state object from store. A URL pattern pointing to the login service.
+ * @param {URL} locationURL - The location URL.
+ * @param {Object} options:  - Config options {
+ *     audioMuted: boolean | undefined
+ *     audioOnlyEnabled: boolean | undefined,
+ *     skipPrejoin: boolean | undefined,
+ *     videoMuted: boolean | undefined
+ * }.
+ * @param {string?} roomName - The room name.
+ * @param {string?} tenant - The tenant name if any.
+ *
+ * @returns {Promise<string|undefined>} - The URL pointing to JWT login service or
+ * <tt>undefined</tt> if the pattern stored in config is not a string and the URL can not be
+ * constructed.
+ */
+export const getTokenAuthUrl = (
+        config: IConfig,
+        locationURL: URL,
+        options: {
+            audioMuted: boolean | undefined;
+            audioOnlyEnabled: boolean | undefined;
+            skipPrejoin: boolean | undefined;
+            videoMuted: boolean | undefined;
+        },
+        roomName: string | undefined,
+        // eslint-disable-next-line max-params
+        tenant: string | undefined): Promise<string | undefined> => {
+
+    const {
+        audioMuted = false,
+        audioOnlyEnabled = false,
+        skipPrejoin = false,
+        videoMuted = false
+    } = options;
+
+    let url = config.tokenAuthUrl;
+
+    if (!url || !roomName) {
+        return Promise.resolve(undefined);
+    }
+
+    if (url.indexOf('{state}')) {
+        const state = _getTokenAuthState(
+            locationURL,
+            {
+                audioMuted,
+                audioOnlyEnabled,
+                skipPrejoin,
+                videoMuted
+            },
+            roomName,
+            tenant
+        );
+
+        if (browser.isElectron()) {
+            // @ts-ignore
+            state.electron = true;
+        }
+
+        url = url.replace('{state}', encodeURIComponent(JSON.stringify(state)));
+    }
+
+    url = url.replace('{room}', roomName);
+
+    if (url.indexOf('{code_challenge}')) {
+        let codeVerifier = '';
+
+        // random string
+        for (let i = 0; i < 64; i++) {
+            codeVerifier += POSSIBLE_CHARS.charAt(Math.floor(_cryptoRandom() * POSSIBLE_CHARS.length));
+        }
+
+        window.sessionStorage.setItem('code_verifier', codeVerifier);
+
+        return window.crypto.subtle.digest('SHA-256', new TextEncoder().encode(codeVerifier))
+            .then(digest => {
+                // prepare code challenge - base64 encoding without padding as described in:
+                // https://datatracker.ietf.org/doc/html/rfc7636#appendix-A
+                const codeChallenge = base64js.fromByteArray(new Uint8Array(digest))
+                    .replace(/=/g, '')
+                    .replace(/\+/g, '-')
+                    .replace(/\//g, '_');
+
+                return url ? url.replace('{code_challenge}', codeChallenge) : undefined;
+            });
+    }
+
+    return Promise.resolve(url);
+};
diff --git a/react/features/authentication/logger.ts b/react/features/authentication/logger.ts
new file mode 100644
index 0000000..d16bf05
--- /dev/null
+++ b/react/features/authentication/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:authentication');
diff --git a/react/features/authentication/middleware.ts b/react/features/authentication/middleware.ts
new file mode 100644
index 0000000..b4ca7f3
--- /dev/null
+++ b/react/features/authentication/middleware.ts
@@ -0,0 +1,344 @@
+import { IStore } from '../app/types';
+import { APP_WILL_NAVIGATE } from '../base/app/actionTypes';
+import {
+    CONFERENCE_FAILED,
+    CONFERENCE_JOINED,
+    CONFERENCE_LEFT
+} from '../base/conference/actionTypes';
+import { isRoomValid } from '../base/conference/functions';
+import { CONNECTION_ESTABLISHED, CONNECTION_FAILED } from '../base/connection/actionTypes';
+import { hideDialog } from '../base/dialog/actions';
+import { isDialogOpen } from '../base/dialog/functions';
+import {
+    JitsiConferenceErrors,
+    JitsiConnectionErrors
+} from '../base/lib-jitsi-meet';
+import { MEDIA_TYPE } from '../base/media/constants';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { isLocalTrackMuted } from '../base/tracks/functions.any';
+import { parseURIString } from '../base/util/uri';
+import { openLogoutDialog } from '../settings/actions';
+
+import {
+    CANCEL_LOGIN,
+    LOGIN,
+    LOGOUT,
+    STOP_WAIT_FOR_OWNER,
+    UPGRADE_ROLE_FINISHED,
+    WAIT_FOR_OWNER
+} from './actionTypes';
+import {
+    disableModeratorLogin,
+    enableModeratorLogin,
+    hideLoginDialog,
+    openLoginDialog,
+    openTokenAuthUrl,
+    openWaitForOwnerDialog,
+    redirectToDefaultLocation,
+    setTokenAuthUrlSuccess,
+    stopWaitForOwner,
+    waitForOwner
+} from './actions';
+import { LoginDialog, WaitForOwnerDialog } from './components';
+import { getTokenAuthUrl, isTokenAuthEnabled } from './functions';
+import logger from './logger';
+
+
+/**
+ * Middleware that captures connection or conference failed errors and controls
+ * moderator login availability and {@link LoginDialog}.
+ *
+ * FIXME Some of the complexity was introduced by the lack of dialog stacking.
+ *
+ * @param {Store} store - Redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case CANCEL_LOGIN: {
+        const { dispatch, getState } = store;
+        const state = getState();
+        const { thenableWithCancel } = state['features/authentication'];
+
+        thenableWithCancel?.cancel();
+
+        // The LoginDialog can be opened on top of "wait for owner". The app
+        // should navigate only if LoginDialog was open without the
+        // WaitForOwnerDialog.
+        if (!isDialogOpen(store, WaitForOwnerDialog)) {
+            if (_isWaitingForOwner(store)) {
+                // Instead of hiding show the new one.
+                const result = next(action);
+
+                dispatch(openWaitForOwnerDialog());
+
+                return result;
+            }
+
+            dispatch(hideLoginDialog());
+
+            const { authRequired, conference } = state['features/base/conference'];
+            const { passwordRequired } = state['features/base/connection'];
+
+            // Only end the meeting if we are not already inside and trying to upgrade.
+            // NOTE: Despite it's confusing name, `passwordRequired` implies an XMPP
+            // connection auth error.
+            if ((passwordRequired || authRequired) && !conference) {
+                dispatch(redirectToDefaultLocation());
+            }
+        }
+        break;
+    }
+
+    case CONFERENCE_FAILED: {
+        const { error } = action;
+
+        // XXX The feature authentication affords recovery from
+        // CONFERENCE_FAILED caused by
+        // JitsiConferenceErrors.AUTHENTICATION_REQUIRED.
+        let recoverable;
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const [ _lobbyJid, lobbyWaitingForHost ] = error.params;
+
+        if (error.name === JitsiConferenceErrors.AUTHENTICATION_REQUIRED
+            || (error.name === JitsiConferenceErrors.MEMBERS_ONLY_ERROR && lobbyWaitingForHost)) {
+            if (typeof error.recoverable === 'undefined') {
+                error.recoverable = true;
+            }
+            recoverable = error.recoverable;
+        }
+
+        if (error.name === JitsiConferenceErrors.MEMBERS_ONLY_ERROR && lobbyWaitingForHost) {
+            if (recoverable) {
+                store.dispatch(enableModeratorLogin());
+            } else {
+                store.dispatch(disableModeratorLogin());
+            }
+        } else if (error.name === JitsiConferenceErrors.AUTHENTICATION_REQUIRED) {
+            if (recoverable) {
+                store.dispatch(waitForOwner());
+            } else {
+                store.dispatch(stopWaitForOwner());
+            }
+        }
+
+        break;
+    }
+
+    case CONFERENCE_JOINED: {
+        const { dispatch, getState } = store;
+        const state = getState();
+        const config = state['features/base/config'];
+
+        if (isTokenAuthEnabled(config)
+            && config.tokenAuthUrlAutoRedirect
+            && state['features/base/jwt'].jwt) {
+            // auto redirect is turned on and we have successfully logged in
+            // let's mark that
+            dispatch(setTokenAuthUrlSuccess(true));
+        }
+
+        if (_isWaitingForModerator(store)) {
+            store.dispatch(disableModeratorLogin());
+        }
+        if (_isWaitingForOwner(store)) {
+            store.dispatch(stopWaitForOwner());
+        }
+        store.dispatch(hideLoginDialog());
+        break;
+    }
+
+    case CONFERENCE_LEFT:
+        store.dispatch(disableModeratorLogin());
+        store.dispatch(stopWaitForOwner());
+        break;
+
+    case CONNECTION_ESTABLISHED:
+        store.dispatch(hideLoginDialog());
+        break;
+
+    case CONNECTION_FAILED: {
+        const { error } = action;
+        const { getState } = store;
+        const state = getState();
+        const { jwt } = state['features/base/jwt'];
+
+        if (error
+                && error.name === JitsiConnectionErrors.PASSWORD_REQUIRED
+                && typeof error.recoverable === 'undefined'
+                && !jwt) {
+            error.recoverable = true;
+
+            _handleLogin(store);
+        }
+
+        break;
+    }
+
+    case LOGIN: {
+        _handleLogin(store);
+
+        break;
+    }
+
+    case LOGOUT: {
+        _handleLogout(store);
+
+        break;
+    }
+
+    case APP_WILL_NAVIGATE: {
+        const { dispatch, getState } = store;
+        const state = getState();
+        const config = state['features/base/config'];
+        const room = state['features/base/conference'].room;
+
+        if (isRoomValid(room)
+            && config.tokenAuthUrl && config.tokenAuthUrlAutoRedirect
+            && state['features/authentication'].tokenAuthUrlSuccessful
+            && !state['features/base/jwt'].jwt) {
+            // if we have auto redirect enabled, and we have previously logged in successfully
+            // we will redirect to the auth url to get the token and login again
+            // we want to mark token auth success to false as if login is unsuccessful
+            // the participant can join anonymously and not go in login loop
+            dispatch(setTokenAuthUrlSuccess(false));
+        }
+
+        break;
+    }
+
+    case STOP_WAIT_FOR_OWNER:
+        _clearExistingWaitForOwnerTimeout(store);
+        store.dispatch(hideDialog('WaitForOwnerDialog', WaitForOwnerDialog));
+        break;
+
+    case UPGRADE_ROLE_FINISHED: {
+        const { error, progress } = action;
+
+        if (!error && progress === 1) {
+            store.dispatch(hideLoginDialog());
+        }
+        break;
+    }
+
+    case WAIT_FOR_OWNER: {
+        _clearExistingWaitForOwnerTimeout(store);
+
+        const { handler, timeoutMs }: { handler: () => void; timeoutMs: number; } = action;
+
+        action.waitForOwnerTimeoutID = setTimeout(handler, timeoutMs);
+
+        // The WAIT_FOR_OWNER action is cyclic, and we don't want to hide the
+        // login dialog every few seconds.
+        isDialogOpen(store, LoginDialog)
+            || store.dispatch(openWaitForOwnerDialog());
+        break;
+    }
+    }
+
+    return next(action);
+});
+
+/**
+ * Will clear the wait for conference owner timeout handler if any is currently
+ * set.
+ *
+ * @param {Object} store - The redux store.
+ * @returns {void}
+ */
+function _clearExistingWaitForOwnerTimeout({ getState }: IStore) {
+    const { waitForOwnerTimeoutID } = getState()['features/authentication'];
+
+    waitForOwnerTimeoutID && clearTimeout(waitForOwnerTimeoutID);
+}
+
+/**
+ * Checks if the cyclic "wait for conference owner" task is currently scheduled.
+ *
+ * @param {Object} store - The redux store.
+ * @returns {boolean}
+ */
+function _isWaitingForOwner({ getState }: IStore) {
+    return Boolean(getState()['features/authentication'].waitForOwnerTimeoutID);
+}
+
+/**
+ * Checks if the cyclic "wait for moderator" task is currently scheduled.
+ *
+ * @param {Object} store - The redux store.
+ * @returns {boolean}
+ */
+function _isWaitingForModerator({ getState }: IStore) {
+    return getState()['features/authentication'].showModeratorLogin;
+}
+
+/**
+ * Handles login challenge. Opens login dialog or redirects to token auth URL.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @returns {void}
+ */
+function _handleLogin({ dispatch, getState }: IStore) {
+    const state = getState();
+    const config = state['features/base/config'];
+    const room = state['features/base/conference'].room;
+    const { locationURL = { href: '' } as URL } = state['features/base/connection'];
+    const { tenant } = parseURIString(locationURL.href) || {};
+    const { enabled: audioOnlyEnabled } = state['features/base/audio-only'];
+    const audioMuted = isLocalTrackMuted(state['features/base/tracks'], MEDIA_TYPE.AUDIO);
+    const videoMuted = isLocalTrackMuted(state['features/base/tracks'], MEDIA_TYPE.VIDEO);
+
+    if (!room) {
+        logger.warn('Cannot handle login, room is undefined!');
+
+        return;
+    }
+
+    if (!isTokenAuthEnabled(config)) {
+        dispatch(openLoginDialog());
+
+        return;
+    }
+
+    getTokenAuthUrl(
+        config,
+        locationURL,
+        {
+            audioMuted,
+            audioOnlyEnabled,
+            skipPrejoin: true,
+            videoMuted
+        },
+        room,
+        tenant
+    )
+        .then((tokenAuthServiceUrl: string | undefined) => {
+            if (!tokenAuthServiceUrl) {
+                logger.warn('Cannot handle login, token service URL is not set');
+
+                return;
+            }
+
+            return dispatch(openTokenAuthUrl(tokenAuthServiceUrl));
+        });
+}
+
+/**
+ * Handles logout challenge. Opens logout dialog and hangs up the conference.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {string} logoutUrl - The url for logging out.
+ * @returns {void}
+ */
+function _handleLogout({ dispatch, getState }: IStore) {
+    const state = getState();
+    const { conference } = state['features/base/conference'];
+
+    if (!conference) {
+        return;
+    }
+
+    dispatch(openLogoutDialog());
+}
diff --git a/react/features/authentication/reducer.ts b/react/features/authentication/reducer.ts
new file mode 100644
index 0000000..077fd6a
--- /dev/null
+++ b/react/features/authentication/reducer.ts
@@ -0,0 +1,110 @@
+import PersistenceRegistry from '../base/redux/PersistenceRegistry';
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+import { assign } from '../base/redux/functions';
+
+import {
+    CANCEL_LOGIN,
+    DISABLE_MODERATOR_LOGIN,
+    ENABLE_MODERATOR_LOGIN,
+    SET_TOKEN_AUTH_URL_SUCCESS,
+    STOP_WAIT_FOR_OWNER,
+    UPGRADE_ROLE_FINISHED,
+    UPGRADE_ROLE_STARTED,
+    WAIT_FOR_OWNER
+} from './actionTypes';
+
+export interface IAuthenticationState {
+    error?: Object | undefined;
+    progress?: number | undefined;
+    showModeratorLogin?: boolean;
+    thenableWithCancel?: {
+        cancel: Function;
+    };
+    tokenAuthUrlSuccessful?: boolean;
+    waitForOwnerTimeoutID?: number;
+}
+
+/**
+ * Sets up the persistence of the feature {@code authentication}.
+ */
+PersistenceRegistry.register('features/authentication', {
+    tokenAuthUrlSuccessful: true
+});
+
+/**
+ * Listens for actions which change the state of the authentication feature.
+ *
+ * @param {Object} state - The Redux state of the authentication feature.
+ * @param {Object} action - Action object.
+ * @param {string} action.type - Type of action.
+ * @returns {Object}
+ */
+ReducerRegistry.register<IAuthenticationState>('features/authentication',
+(state = {}, action): IAuthenticationState => {
+    switch (action.type) {
+    case CANCEL_LOGIN:
+        return assign(state, {
+            error: undefined,
+            progress: undefined,
+            thenableWithCancel: undefined
+        });
+    case ENABLE_MODERATOR_LOGIN:
+        return assign(state, {
+            showModeratorLogin: true
+        });
+
+    case SET_TOKEN_AUTH_URL_SUCCESS:
+        return assign(state, {
+            tokenAuthUrlSuccessful: action.value
+        });
+
+    case STOP_WAIT_FOR_OWNER:
+        return assign(state, {
+            error: undefined,
+            waitForOwnerTimeoutID: undefined
+        });
+
+    case DISABLE_MODERATOR_LOGIN:
+        return assign(state, {
+            error: undefined,
+            showModeratorLogin: false
+        });
+
+    case UPGRADE_ROLE_FINISHED: {
+        let { thenableWithCancel } = action;
+
+        if (state.thenableWithCancel === thenableWithCancel) {
+            const { error, progress } = action;
+
+            // An error interrupts the process of authenticating and upgrading
+            // the role of the local participant/user i.e. the process is no
+            // more. Obviously, the process seizes to exist also when it does
+            // its whole job.
+            if (error || progress === 1) {
+                thenableWithCancel = undefined;
+            }
+
+            return assign(state, {
+                error,
+                progress: progress || undefined,
+                thenableWithCancel
+            });
+        }
+        break;
+    }
+
+    case UPGRADE_ROLE_STARTED:
+        return assign(state, {
+            error: undefined,
+            progress: undefined,
+            thenableWithCancel: action.thenableWithCancel
+        });
+
+    case WAIT_FOR_OWNER:
+        return assign(state, {
+            waitForOwnerTimeoutID: action.waitForOwnerTimeoutID
+        });
+    }
+
+    return state;
+});
diff --git a/react/features/av-moderation/actionTypes.ts b/react/features/av-moderation/actionTypes.ts
new file mode 100644
index 0000000..8ca789e
--- /dev/null
+++ b/react/features/av-moderation/actionTypes.ts
@@ -0,0 +1,144 @@
+/**
+ * The type of (redux) action which signals that A/V Moderation had been disabled.
+ *
+ * {
+ *     type: DISABLE_MODERATION
+ * }
+ */
+export const DISABLE_MODERATION = 'DISABLE_MODERATION';
+
+/**
+ * The type of (redux) action which signals that the notification for audio/video unmute should
+ * be dismissed.
+ *
+ * {
+ *     type: DISMISS_PARTICIPANT_PENDING_AUDIO
+ * }
+ */
+export const DISMISS_PENDING_PARTICIPANT = 'DISMISS_PENDING_PARTICIPANT';
+
+
+/**
+ * The type of (redux) action which signals that A/V Moderation had been enabled.
+ *
+ * {
+ *     type: ENABLE_MODERATION
+ * }
+ */
+export const ENABLE_MODERATION = 'ENABLE_MODERATION';
+
+
+/**
+ * The type of (redux) action which signals that Audio Moderation disable has been requested.
+ *
+ * {
+ *     type: REQUEST_DISABLE_AUDIO_MODERATION
+ * }
+ */
+export const REQUEST_DISABLE_AUDIO_MODERATION = 'REQUEST_DISABLE_AUDIO_MODERATION';
+
+/**
+ * The type of (redux) action which signals that Desktop Moderation disable has been requested.
+ *
+ * {
+ *     type: REQUEST_DISABLE_DESKTOP_MODERATION
+ * }
+ */
+export const REQUEST_DISABLE_DESKTOP_MODERATION = 'REQUEST_DISABLE_DESKTOP_MODERATION';
+
+/**
+ * The type of (redux) action which signals that Video Moderation disable has been requested.
+ *
+ * {
+ *     type: REQUEST_DISABLE_VIDEO_MODERATION
+ * }
+ */
+export const REQUEST_DISABLE_VIDEO_MODERATION = 'REQUEST_DISABLE_VIDEO_MODERATION';
+
+/**
+ * The type of (redux) action which signals that Audio Moderation enable has been requested.
+ *
+ * {
+ *     type: REQUEST_ENABLE_AUDIO_MODERATION
+ * }
+ */
+export const REQUEST_ENABLE_AUDIO_MODERATION = 'REQUEST_ENABLE_AUDIO_MODERATION';
+
+/**
+ * The type of (redux) action which signals that Desktop Moderation enable has been requested.
+ *
+ * {
+ *     type: REQUEST_ENABLE_DESKTOP_MODERATION
+ * }
+ */
+export const REQUEST_ENABLE_DESKTOP_MODERATION = 'REQUEST_ENABLE_DESKTOP_MODERATION';
+
+/**
+ * The type of (redux) action which signals that Video Moderation enable has been requested.
+ *
+ * {
+ *     type: REQUEST_ENABLE_VIDEO_MODERATION
+ * }
+ */
+export const REQUEST_ENABLE_VIDEO_MODERATION = 'REQUEST_ENABLE_VIDEO_MODERATION';
+
+/**
+ * The type of (redux) action which signals that the local participant had been approved.
+ *
+ * {
+ *     type: LOCAL_PARTICIPANT_APPROVED,
+ *     mediaType: MediaType
+ * }
+ */
+export const LOCAL_PARTICIPANT_APPROVED = 'LOCAL_PARTICIPANT_APPROVED';
+
+/**
+ * The type of (redux) action which signals that the local participant had been blocked.
+ *
+ * {
+ *     type: LOCAL_PARTICIPANT_REJECTED,
+ *     mediaType: MediaType
+ * }
+ */
+export const LOCAL_PARTICIPANT_REJECTED = 'LOCAL_PARTICIPANT_REJECTED';
+
+/**
+ * The type of (redux) action which signals to show notification to the local participant.
+ *
+ * {
+ *     type: LOCAL_PARTICIPANT_MODERATION_NOTIFICATION
+ * }
+ */
+export const LOCAL_PARTICIPANT_MODERATION_NOTIFICATION = 'LOCAL_PARTICIPANT_MODERATION_NOTIFICATION';
+
+/**
+ * The type of (redux) action which signals that a participant was approved for a media type.
+ *
+ * {
+ *     type: PARTICIPANT_APPROVED,
+ *     mediaType: MediaType
+ *     participantId: String
+ * }
+ */
+export const PARTICIPANT_APPROVED = 'PARTICIPANT_APPROVED';
+
+/**
+ * The type of (redux) action which signals that a participant was blocked for a media type.
+ *
+ * {
+ *     type: PARTICIPANT_REJECTED,
+ *     mediaType: MediaType
+ *     participantId: String
+ * }
+ */
+export const PARTICIPANT_REJECTED = 'PARTICIPANT_REJECTED';
+
+
+/**
+ * The type of (redux) action which signals that a participant asked to have its audio unmuted.
+ *
+ * {
+ *     type: PARTICIPANT_PENDING_AUDIO
+ * }
+ */
+export const PARTICIPANT_PENDING_AUDIO = 'PARTICIPANT_PENDING_AUDIO';
diff --git a/react/features/av-moderation/actions.ts b/react/features/av-moderation/actions.ts
new file mode 100644
index 0000000..bfef1ff
--- /dev/null
+++ b/react/features/av-moderation/actions.ts
@@ -0,0 +1,386 @@
+import { batch } from 'react-redux';
+
+import { IStore } from '../app/types';
+import { getConferenceState } from '../base/conference/functions';
+import { getParticipantById, isParticipantModerator } from '../base/participants/functions';
+import { IParticipant } from '../base/participants/types';
+
+import {
+    DISABLE_MODERATION,
+    DISMISS_PENDING_PARTICIPANT,
+    ENABLE_MODERATION,
+    LOCAL_PARTICIPANT_APPROVED,
+    LOCAL_PARTICIPANT_MODERATION_NOTIFICATION,
+    LOCAL_PARTICIPANT_REJECTED,
+    PARTICIPANT_APPROVED,
+    PARTICIPANT_PENDING_AUDIO,
+    PARTICIPANT_REJECTED,
+    REQUEST_DISABLE_AUDIO_MODERATION,
+    REQUEST_DISABLE_DESKTOP_MODERATION,
+    REQUEST_DISABLE_VIDEO_MODERATION,
+    REQUEST_ENABLE_AUDIO_MODERATION,
+    REQUEST_ENABLE_DESKTOP_MODERATION,
+    REQUEST_ENABLE_VIDEO_MODERATION
+} from './actionTypes';
+import { MEDIA_TYPE, type MediaType } from './constants';
+import { isEnabledFromState, isForceMuted } from './functions';
+
+/**
+ * Action used by moderator to approve audio for a participant.
+ *
+ * @param {staring} id - The id of the participant to be approved.
+ * @returns {void}
+ */
+export const approveParticipantAudio = (id: string) => (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+    const state = getState();
+    const { conference } = getConferenceState(state);
+    const participant = getParticipantById(state, id);
+
+    const isAudioModerationOn = isEnabledFromState(MEDIA_TYPE.AUDIO, state);
+    const isVideoModerationOn = isEnabledFromState(MEDIA_TYPE.VIDEO, state);
+    const isVideoForceMuted = isForceMuted(participant, MEDIA_TYPE.VIDEO, state);
+
+    if (isAudioModerationOn || !isVideoModerationOn || !isVideoForceMuted) {
+        conference?.avModerationApprove(MEDIA_TYPE.AUDIO, id);
+    }
+};
+
+/**
+ * Action used by moderator to approve desktop for a participant.
+ *
+ * @param {staring} id - The id of the participant to be approved.
+ * @returns {void}
+ */
+export const approveParticipantDesktop = (id: string) => (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+    const state = getState();
+    const { conference } = getConferenceState(state);
+    const participant = getParticipantById(state, id);
+
+    const isDesktopForceMuted = isForceMuted(participant, MEDIA_TYPE.DESKTOP, state);
+    const isDesktopModerationOn = isEnabledFromState(MEDIA_TYPE.DESKTOP, state);
+
+    if (isDesktopModerationOn && isDesktopForceMuted) {
+        conference?.avModerationApprove(MEDIA_TYPE.DESKTOP, id);
+    }
+};
+
+/**
+ * Action used by moderator to approve video for a participant.
+ *
+ * @param {staring} id - The id of the participant to be approved.
+ * @returns {void}
+ */
+export const approveParticipantVideo = (id: string) => (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+    const state = getState();
+    const { conference } = getConferenceState(state);
+    const participant = getParticipantById(state, id);
+
+    const isVideoForceMuted = isForceMuted(participant, MEDIA_TYPE.VIDEO, state);
+    const isVideoModerationOn = isEnabledFromState(MEDIA_TYPE.VIDEO, state);
+
+    if (isVideoModerationOn && isVideoForceMuted) {
+        conference?.avModerationApprove(MEDIA_TYPE.VIDEO, id);
+    }
+};
+
+/**
+ * Action used by moderator to approve audio and video for a participant.
+ *
+ * @param {staring} id - The id of the participant to be approved.
+ * @returns {void}
+ */
+export const approveParticipant = (id: string) => (dispatch: IStore['dispatch']) => {
+    batch(() => {
+        dispatch(approveParticipantAudio(id));
+        dispatch(approveParticipantDesktop(id));
+        dispatch(approveParticipantVideo(id));
+    });
+};
+
+/**
+ * Action used by moderator to reject audio for a participant.
+ *
+ * @param {staring} id - The id of the participant to be rejected.
+ * @returns {void}
+ */
+export const rejectParticipantAudio = (id: string) => (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+    const state = getState();
+    const { conference } = getConferenceState(state);
+    const audioModeration = isEnabledFromState(MEDIA_TYPE.AUDIO, state);
+
+    const participant = getParticipantById(state, id);
+    const isAudioForceMuted = isForceMuted(participant, MEDIA_TYPE.AUDIO, state);
+    const isModerator = isParticipantModerator(participant);
+
+    if (audioModeration && !isAudioForceMuted && !isModerator) {
+        conference?.avModerationReject(MEDIA_TYPE.AUDIO, id);
+    }
+};
+
+/**
+ * Action used by moderator to reject desktop for a participant.
+ *
+ * @param {staring} id - The id of the participant to be rejected.
+ * @returns {void}
+ */
+export const rejectParticipantDesktop = (id: string) => (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+    const state = getState();
+    const { conference } = getConferenceState(state);
+    const desktopModeration = isEnabledFromState(MEDIA_TYPE.DESKTOP, state);
+
+    const participant = getParticipantById(state, id);
+    const isDesktopForceMuted = isForceMuted(participant, MEDIA_TYPE.DESKTOP, state);
+    const isModerator = isParticipantModerator(participant);
+
+    if (desktopModeration && !isDesktopForceMuted && !isModerator) {
+        conference?.avModerationReject(MEDIA_TYPE.DESKTOP, id);
+    }
+};
+
+/**
+ * Action used by moderator to reject video for a participant.
+ *
+ * @param {staring} id - The id of the participant to be rejected.
+ * @returns {void}
+ */
+export const rejectParticipantVideo = (id: string) => (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+    const state = getState();
+    const { conference } = getConferenceState(state);
+    const videoModeration = isEnabledFromState(MEDIA_TYPE.VIDEO, state);
+
+    const participant = getParticipantById(state, id);
+    const isVideoForceMuted = isForceMuted(participant, MEDIA_TYPE.VIDEO, state);
+    const isModerator = isParticipantModerator(participant);
+
+    if (videoModeration && !isVideoForceMuted && !isModerator) {
+        conference?.avModerationReject(MEDIA_TYPE.VIDEO, id);
+    }
+};
+
+/**
+ * Audio or video moderation is disabled.
+ *
+ * @param {MediaType} mediaType - The media type that was disabled.
+ * @param {JitsiParticipant} actor - The actor disabling.
+ * @returns {{
+ *     type: REQUEST_DISABLE_MODERATED_AUDIO
+ * }}
+ */
+export const disableModeration = (mediaType: MediaType, actor: Object) => {
+    return {
+        type: DISABLE_MODERATION,
+        mediaType,
+        actor
+    };
+};
+
+
+/**
+ * Hides the notification with the participant that asked to unmute audio.
+ *
+ * @param {IParticipant} participant - The participant for which the notification to be hidden.
+ * @returns {Object}
+ */
+export function dismissPendingAudioParticipant(participant: IParticipant) {
+    return dismissPendingParticipant(participant.id, MEDIA_TYPE.AUDIO);
+}
+
+/**
+ * Hides the notification with the participant that asked to unmute.
+ *
+ * @param {string} id - The participant id for which the notification to be hidden.
+ * @param {MediaType} mediaType - The media type.
+ * @returns {Object}
+ */
+export function dismissPendingParticipant(id: string, mediaType: MediaType) {
+    return {
+        type: DISMISS_PENDING_PARTICIPANT,
+        id,
+        mediaType
+    };
+}
+
+/**
+ * Audio or video moderation is enabled.
+ *
+ * @param {MediaType} mediaType - The media type that was enabled.
+ * @param {JitsiParticipant} actor - The actor enabling.
+ * @returns {{
+ *     type: REQUEST_ENABLE_MODERATED_AUDIO
+ * }}
+ */
+export const enableModeration = (mediaType: MediaType, actor: Object) => {
+    return {
+        type: ENABLE_MODERATION,
+        mediaType,
+        actor
+    };
+};
+
+/**
+ * Requests disable of audio moderation.
+ *
+ * @returns {{
+ *     type: REQUEST_DISABLE_AUDIO_MODERATION
+ * }}
+ */
+export const requestDisableAudioModeration = () => {
+    return {
+        type: REQUEST_DISABLE_AUDIO_MODERATION
+    };
+};
+
+/**
+ * Requests disable of video moderation.
+ *
+ * @returns {{
+ *     type: REQUEST_DISABLE_DESKTOP_MODERATION
+ * }}
+ */
+export const requestDisableDesktopModeration = () => {
+    return {
+        type: REQUEST_DISABLE_DESKTOP_MODERATION
+    };
+};
+
+/**
+ * Requests disable of video moderation.
+ *
+ * @returns {{
+ *     type: REQUEST_DISABLE_VIDEO_MODERATION
+ * }}
+ */
+export const requestDisableVideoModeration = () => {
+    return {
+        type: REQUEST_DISABLE_VIDEO_MODERATION
+    };
+};
+
+/**
+ * Requests enable of audio moderation.
+ *
+ * @returns {{
+ *     type: REQUEST_ENABLE_AUDIO_MODERATION
+ * }}
+ */
+export const requestEnableAudioModeration = () => {
+    return {
+        type: REQUEST_ENABLE_AUDIO_MODERATION
+    };
+};
+
+/**
+ * Requests enable of video moderation.
+ *
+ * @returns {{
+ *     type: REQUEST_ENABLE_DESKTOP_MODERATION
+ * }}
+ */
+export const requestEnableDesktopModeration = () => {
+    return {
+        type: REQUEST_ENABLE_DESKTOP_MODERATION
+    };
+};
+
+/**
+ * Requests enable of video moderation.
+ *
+ * @returns {{
+ *     type: REQUEST_ENABLE_VIDEO_MODERATION
+ * }}
+ */
+export const requestEnableVideoModeration = () => {
+    return {
+        type: REQUEST_ENABLE_VIDEO_MODERATION
+    };
+};
+
+/**
+ * Local participant was approved to be able to unmute audio and video.
+ *
+ * @param {MediaType} mediaType - The media type to disable.
+ * @returns {{
+ *     type: LOCAL_PARTICIPANT_APPROVED
+ * }}
+ */
+export const localParticipantApproved = (mediaType: MediaType) => {
+    return {
+        type: LOCAL_PARTICIPANT_APPROVED,
+        mediaType
+    };
+};
+
+/**
+ * Local participant was blocked to be able to unmute audio and video.
+ *
+ * @param {MediaType} mediaType - The media type to disable.
+ * @returns {{
+ *     type: LOCAL_PARTICIPANT_REJECTED
+ * }}
+ */
+export const localParticipantRejected = (mediaType: MediaType) => {
+    return {
+        type: LOCAL_PARTICIPANT_REJECTED,
+        mediaType
+    };
+};
+
+/**
+ * Shows notification when A/V moderation is enabled and local participant is still not approved.
+ *
+ * @param {MediaType} mediaType - Audio or video media type.
+ * @returns {Object}
+ */
+export function showModeratedNotification(mediaType: MediaType) {
+    return {
+        type: LOCAL_PARTICIPANT_MODERATION_NOTIFICATION,
+        mediaType
+    };
+}
+
+/**
+ * Shows a notification with the participant that asked to audio unmute.
+ *
+ * @param {IParticipant} participant - The participant for which is the notification.
+ * @returns {Object}
+ */
+export function participantPendingAudio(participant: IParticipant) {
+    return {
+        type: PARTICIPANT_PENDING_AUDIO,
+        participant
+    };
+}
+
+/**
+ * A participant was approved to unmute for a mediaType.
+ *
+ * @param {string} id - The id of the approved participant.
+ * @param {MediaType} mediaType - The media type which was approved.
+ * @returns {{
+ *     type: PARTICIPANT_APPROVED,
+ * }}
+ */
+export function participantApproved(id: string, mediaType: MediaType) {
+    return {
+        type: PARTICIPANT_APPROVED,
+        id,
+        mediaType
+    };
+}
+
+/**
+ * A participant was blocked to unmute for a mediaType.
+ *
+ * @param {string} id - The id of the approved participant.
+ * @param {MediaType} mediaType - The media type which was approved.
+ * @returns {{
+ *     type: PARTICIPANT_REJECTED,
+ * }}
+ */
+export function participantRejected(id: string, mediaType: MediaType) {
+    return {
+        type: PARTICIPANT_REJECTED,
+        id,
+        mediaType
+    };
+}
diff --git a/react/features/av-moderation/constants.ts b/react/features/av-moderation/constants.ts
new file mode 100644
index 0000000..eae378d
--- /dev/null
+++ b/react/features/av-moderation/constants.ts
@@ -0,0 +1,51 @@
+export type MediaType = 'audio' | 'video' | 'desktop';
+
+/**
+ * The set of media types for AV moderation.
+ *
+ * @enum {string}
+ */
+export const MEDIA_TYPE: {
+    AUDIO: MediaType;
+    DESKTOP: MediaType;
+    VIDEO: MediaType;
+} = {
+    AUDIO: 'audio',
+    DESKTOP: 'desktop',
+    VIDEO: 'video'
+};
+
+/**
+ * Mapping between a media type and the whitelist reducer key.
+ */
+export const MEDIA_TYPE_TO_WHITELIST_STORE_KEY: { [key: string]: string; } = {
+    [MEDIA_TYPE.AUDIO]: 'audioWhitelist',
+    [MEDIA_TYPE.DESKTOP]: 'desktopWhitelist',
+    [MEDIA_TYPE.VIDEO]: 'videoWhitelist'
+};
+
+/**
+ * Mapping between a media type and the pending reducer key.
+ */
+export const MEDIA_TYPE_TO_PENDING_STORE_KEY: { [key: string]: 'pendingAudio' | 'pendingDesktop' | 'pendingVideo'; } = {
+    [MEDIA_TYPE.AUDIO]: 'pendingAudio',
+    [MEDIA_TYPE.DESKTOP]: 'pendingDesktop',
+    [MEDIA_TYPE.VIDEO]: 'pendingVideo'
+};
+
+export const ASKED_TO_UNMUTE_NOTIFICATION_ID = 'asked-to-unmute';
+export const ASKED_TO_UNMUTE_SOUND_ID = 'ASKED_TO_UNMUTE_SOUND';
+
+export const AUDIO_MODERATION_NOTIFICATION_ID = 'audio-moderation';
+export const DESKTOP_MODERATION_NOTIFICATION_ID = 'desktop-moderation';
+export const VIDEO_MODERATION_NOTIFICATION_ID = 'video-moderation';
+
+export const AUDIO_RAISED_HAND_NOTIFICATION_ID = 'raise-hand-audio';
+export const DESKTOP_RAISED_HAND_NOTIFICATION_ID = 'raise-hand-desktop';
+export const VIDEO_RAISED_HAND_NOTIFICATION_ID = 'raise-hand-video';
+
+export const MODERATION_NOTIFICATIONS = {
+    [MEDIA_TYPE.AUDIO]: AUDIO_MODERATION_NOTIFICATION_ID,
+    [MEDIA_TYPE.DESKTOP]: DESKTOP_MODERATION_NOTIFICATION_ID,
+    [MEDIA_TYPE.VIDEO]: VIDEO_MODERATION_NOTIFICATION_ID
+};
diff --git a/react/features/av-moderation/functions.ts b/react/features/av-moderation/functions.ts
new file mode 100644
index 0000000..9853563
--- /dev/null
+++ b/react/features/av-moderation/functions.ts
@@ -0,0 +1,182 @@
+import { IReduxState } from '../app/types';
+import { isLocalParticipantModerator, isParticipantModerator } from '../base/participants/functions';
+import { IParticipant } from '../base/participants/types';
+import { isInBreakoutRoom } from '../breakout-rooms/functions';
+
+import {
+    MEDIA_TYPE,
+    MEDIA_TYPE_TO_PENDING_STORE_KEY,
+    MEDIA_TYPE_TO_WHITELIST_STORE_KEY,
+    MediaType
+} from './constants';
+
+/**
+ * Returns this feature's root state.
+ *
+ * @param {IReduxState} state - Global state.
+ * @returns {Object} Feature state.
+ */
+const getState = (state: IReduxState) => state['features/av-moderation'];
+
+/**
+ * We use to construct once the empty array so we can keep the same instance between calls
+ * of getParticipantsAskingToAudioUnmute.
+ *
+ * @type {any[]}
+ */
+const EMPTY_ARRAY: any[] = [];
+
+/**
+ * Returns whether moderation is enabled per media type.
+ *
+ * @param {MEDIA_TYPE} mediaType - The media type to check.
+ * @param {IReduxState} state - Global state.
+ * @returns {boolean}
+ */
+export const isEnabledFromState = (mediaType: MediaType, state: IReduxState) => {
+    switch (mediaType) {
+    case MEDIA_TYPE.AUDIO:
+        return getState(state)?.audioModerationEnabled === true;
+    case MEDIA_TYPE.DESKTOP:
+        return getState(state)?.desktopModerationEnabled === true;
+    case MEDIA_TYPE.VIDEO:
+        return getState(state)?.videoModerationEnabled === true;
+    default:
+        throw new Error(`Unknown media type: ${mediaType}`);
+    }
+};
+
+/**
+ * Returns whether moderation is enabled per media type.
+ *
+ * @param {MEDIA_TYPE} mediaType - The media type to check.
+ * @returns {boolean}
+ */
+export const isEnabled = (mediaType: MediaType) => (state: IReduxState) => isEnabledFromState(mediaType, state);
+
+/**
+ * Returns whether moderation is supported by the backend.
+ *
+ * @returns {boolean}
+ */
+export const isSupported = () => (state: IReduxState) => {
+    const { conference } = state['features/base/conference'];
+
+    return Boolean(!isInBreakoutRoom(state) && conference?.isAVModerationSupported());
+};
+
+/**
+ * Returns whether local participant is approved to unmute a media type.
+ *
+ * @param {MEDIA_TYPE} mediaType - The media type to check.
+ * @param {IReduxState} state - Global state.
+ * @returns {boolean}
+ */
+export const isLocalParticipantApprovedFromState = (mediaType: MediaType, state: IReduxState) => {
+    if (isLocalParticipantModerator(state)) {
+        return true;
+    }
+
+    switch (mediaType) {
+    case MEDIA_TYPE.AUDIO:
+        return getState(state).audioUnmuteApproved === true;
+    case MEDIA_TYPE.DESKTOP:
+        return getState(state).desktopUnmuteApproved === true;
+    case MEDIA_TYPE.VIDEO:
+        return getState(state).videoUnmuteApproved === true;
+    default:
+        throw new Error(`Unknown media type: ${mediaType}`);
+    }
+};
+
+/**
+ * Returns whether local participant is approved to unmute a media type.
+ *
+ * @param {MEDIA_TYPE} mediaType - The media type to check.
+ * @returns {boolean}
+ */
+export const isLocalParticipantApproved = (mediaType: MediaType) =>
+    (state: IReduxState) =>
+        isLocalParticipantApprovedFromState(mediaType, state);
+
+/**
+ * Returns a selector creator which determines if the participant is approved or not for a media type.
+ *
+ * @param {string} id - The participant id.
+ * @param {MEDIA_TYPE} mediaType - The media type to check.
+ * @returns {boolean}
+ */
+export const isParticipantApproved = (id: string, mediaType: MediaType) => (state: IReduxState) => {
+    const storeKey = MEDIA_TYPE_TO_WHITELIST_STORE_KEY[mediaType];
+
+    const avModerationState = getState(state);
+    const stateForMediaType = avModerationState[storeKey as keyof typeof avModerationState];
+
+    return Boolean(stateForMediaType && stateForMediaType[id as keyof typeof stateForMediaType]);
+};
+
+/**
+ * Returns a selector creator which determines if the participant is pending or not for a media type.
+ *
+ * @param {IParticipant} participant - The participant.
+ * @param {MEDIA_TYPE} mediaType - The media type to check.
+ * @returns {boolean}
+ */
+export const isParticipantPending = (participant: IParticipant, mediaType: MediaType) => (state: IReduxState) => {
+    const storeKey = MEDIA_TYPE_TO_PENDING_STORE_KEY[mediaType];
+    const arr = getState(state)[storeKey];
+
+    return Boolean(arr.find(pending => pending.id === participant.id));
+};
+
+/**
+ * Selector which returns a list with all the participants asking to audio unmute.
+ * This is visible only for the moderator.
+ *
+ * @param {Object} state - The global state.
+ * @returns {Array<Object>}
+ */
+export const getParticipantsAskingToAudioUnmute = (state: IReduxState) => {
+    if (isLocalParticipantModerator(state)) {
+        return getState(state).pendingAudio;
+    }
+
+    return EMPTY_ARRAY;
+};
+
+/**
+ * Returns true if a special notification can be displayed when a participant
+ * tries to unmute.
+ *
+ * @param {MediaType} mediaType - 'audio' or 'video' media type.
+ * @param {Object} state - The global state.
+ * @returns {boolean}
+ */
+export const shouldShowModeratedNotification = (mediaType: MediaType, state: IReduxState) =>
+    isEnabledFromState(mediaType, state)
+    && !isLocalParticipantApprovedFromState(mediaType, state);
+
+/**
+ * Checks if a participant is force muted.
+ *
+ * @param {IParticipant|undefined} participant - The participant.
+ * @param {MediaType} mediaType - The media type.
+ * @param {IReduxState} state - The redux state.
+ * @returns {MediaState}
+ */
+export function isForceMuted(participant: IParticipant | undefined, mediaType: MediaType, state: IReduxState) {
+    if (isEnabledFromState(mediaType, state)) {
+        if (participant?.local) {
+            return !isLocalParticipantApprovedFromState(mediaType, state);
+        }
+
+        // moderators cannot be force muted
+        if (isParticipantModerator(participant)) {
+            return false;
+        }
+
+        return !isParticipantApproved(participant?.id ?? '', mediaType)(state);
+    }
+
+    return false;
+}
diff --git a/react/features/av-moderation/middleware.ts b/react/features/av-moderation/middleware.ts
new file mode 100644
index 0000000..7d88e75
--- /dev/null
+++ b/react/features/av-moderation/middleware.ts
@@ -0,0 +1,317 @@
+import { batch } from 'react-redux';
+
+import { APP_WILL_MOUNT, APP_WILL_UNMOUNT } from '../base/app/actionTypes';
+import { getConferenceState } from '../base/conference/functions';
+import { JitsiConferenceEvents } from '../base/lib-jitsi-meet';
+import { MEDIA_TYPE as TRACK_MEDIA_TYPE } from '../base/media/constants';
+import {
+    isAudioMuted,
+    isScreenshareMuted,
+    isVideoMuted
+} from '../base/media/functions';
+import { PARTICIPANT_UPDATED } from '../base/participants/actionTypes';
+import { raiseHand } from '../base/participants/actions';
+import {
+    getLocalParticipant,
+    getRemoteParticipants,
+    hasRaisedHand,
+    isLocalParticipantModerator,
+    isParticipantModerator
+} from '../base/participants/functions';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import StateListenerRegistry from '../base/redux/StateListenerRegistry';
+import { playSound, registerSound, unregisterSound } from '../base/sounds/actions';
+import { hideNotification, showNotification } from '../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE } from '../notifications/constants';
+import { muteLocal } from '../video-menu/actions.any';
+
+import {
+    DISABLE_MODERATION,
+    ENABLE_MODERATION,
+    LOCAL_PARTICIPANT_APPROVED,
+    LOCAL_PARTICIPANT_MODERATION_NOTIFICATION,
+    LOCAL_PARTICIPANT_REJECTED,
+    PARTICIPANT_APPROVED,
+    PARTICIPANT_REJECTED,
+    REQUEST_DISABLE_AUDIO_MODERATION,
+    REQUEST_DISABLE_DESKTOP_MODERATION,
+    REQUEST_DISABLE_VIDEO_MODERATION,
+    REQUEST_ENABLE_AUDIO_MODERATION,
+    REQUEST_ENABLE_DESKTOP_MODERATION,
+    REQUEST_ENABLE_VIDEO_MODERATION
+} from './actionTypes';
+import {
+    disableModeration,
+    dismissPendingAudioParticipant,
+    dismissPendingParticipant,
+    enableModeration,
+    localParticipantApproved,
+    localParticipantRejected,
+    participantApproved,
+    participantPendingAudio,
+    participantRejected
+} from './actions';
+import {
+    ASKED_TO_UNMUTE_NOTIFICATION_ID,
+    ASKED_TO_UNMUTE_SOUND_ID,
+    AUDIO_MODERATION_NOTIFICATION_ID,
+    DESKTOP_MODERATION_NOTIFICATION_ID,
+    MEDIA_TYPE,
+    MediaType,
+    VIDEO_MODERATION_NOTIFICATION_ID,
+} from './constants';
+import {
+    isEnabledFromState,
+    isParticipantApproved,
+    isParticipantPending
+} from './functions';
+import { ASKED_TO_UNMUTE_FILE } from './sounds';
+
+MiddlewareRegistry.register(({ dispatch, getState }) => next => action => {
+    const { type } = action;
+    const { conference } = getConferenceState(getState());
+
+    switch (type) {
+    case APP_WILL_MOUNT: {
+        dispatch(registerSound(ASKED_TO_UNMUTE_SOUND_ID, ASKED_TO_UNMUTE_FILE));
+        break;
+    }
+    case APP_WILL_UNMOUNT: {
+        dispatch(unregisterSound(ASKED_TO_UNMUTE_SOUND_ID));
+        break;
+    }
+    case LOCAL_PARTICIPANT_MODERATION_NOTIFICATION: {
+        let descriptionKey;
+        let titleKey;
+        let uid = '';
+        const localParticipant = getLocalParticipant(getState);
+        const raisedHand = hasRaisedHand(localParticipant);
+
+        switch (action.mediaType) {
+        case MEDIA_TYPE.AUDIO: {
+            titleKey = 'notify.moderationInEffectTitle';
+            uid = AUDIO_MODERATION_NOTIFICATION_ID;
+            break;
+        }
+        case MEDIA_TYPE.VIDEO: {
+            titleKey = 'notify.moderationInEffectVideoTitle';
+            uid = VIDEO_MODERATION_NOTIFICATION_ID;
+            break;
+        }
+        case MEDIA_TYPE.DESKTOP: {
+            titleKey = 'notify.moderationInEffectCSTitle';
+            uid = DESKTOP_MODERATION_NOTIFICATION_ID;
+            break;
+        }
+        }
+
+        dispatch(showNotification({
+            customActionNameKey: [ 'notify.raiseHandAction' ],
+            customActionHandler: [ () => batch(() => {
+                !raisedHand && dispatch(raiseHand(true));
+                dispatch(hideNotification(uid));
+            }) ],
+            descriptionKey,
+            sticky: true,
+            titleKey,
+            uid
+        }, NOTIFICATION_TIMEOUT_TYPE.MEDIUM));
+
+        break;
+    }
+    case REQUEST_DISABLE_AUDIO_MODERATION: {
+        conference?.disableAVModeration(MEDIA_TYPE.AUDIO);
+        break;
+    }
+    case REQUEST_DISABLE_DESKTOP_MODERATION: {
+        conference?.disableAVModeration(MEDIA_TYPE.DESKTOP);
+        break;
+    }
+    case REQUEST_DISABLE_VIDEO_MODERATION: {
+        conference?.disableAVModeration(MEDIA_TYPE.VIDEO);
+        break;
+    }
+    case REQUEST_ENABLE_AUDIO_MODERATION: {
+        conference?.enableAVModeration(MEDIA_TYPE.AUDIO);
+        break;
+    }
+    case REQUEST_ENABLE_DESKTOP_MODERATION: {
+        conference?.enableAVModeration(MEDIA_TYPE.DESKTOP);
+        break;
+    }
+    case REQUEST_ENABLE_VIDEO_MODERATION: {
+        conference?.enableAVModeration(MEDIA_TYPE.VIDEO);
+        break;
+    }
+    case PARTICIPANT_UPDATED: {
+        const state = getState();
+        const audioModerationEnabled = isEnabledFromState(MEDIA_TYPE.AUDIO, state);
+        const participant = action.participant;
+
+        if (participant && audioModerationEnabled) {
+            if (isLocalParticipantModerator(state)) {
+
+                // this is handled only by moderators
+                if (hasRaisedHand(participant)) {
+                    // if participant raises hand show notification
+                    !isParticipantApproved(participant.id, MEDIA_TYPE.AUDIO)(state)
+                    && dispatch(participantPendingAudio(participant));
+                } else {
+                    // if participant lowers hand hide notification
+                    isParticipantPending(participant, MEDIA_TYPE.AUDIO)(state)
+                    && dispatch(dismissPendingAudioParticipant(participant));
+                }
+            } else if (participant.id === getLocalParticipant(state)?.id
+                && /* the new role */ isParticipantModerator(participant)) {
+
+                // this is the granted moderator case
+                getRemoteParticipants(state).forEach(p => {
+                    hasRaisedHand(p) && !isParticipantApproved(p.id, MEDIA_TYPE.AUDIO)(state)
+                        && dispatch(participantPendingAudio(p));
+                });
+            }
+        }
+
+        break;
+    }
+    case ENABLE_MODERATION: {
+        if (typeof APP !== 'undefined') {
+            APP.API.notifyModerationChanged(action.mediaType, true);
+        }
+        break;
+    }
+    case DISABLE_MODERATION: {
+        if (typeof APP !== 'undefined') {
+            APP.API.notifyModerationChanged(action.mediaType, false);
+        }
+        break;
+    }
+    case LOCAL_PARTICIPANT_APPROVED: {
+        if (typeof APP !== 'undefined') {
+            const local = getLocalParticipant(getState());
+
+            APP.API.notifyParticipantApproved(local?.id, action.mediaType);
+        }
+        break;
+    }
+    case PARTICIPANT_APPROVED: {
+        if (typeof APP !== 'undefined') {
+            APP.API.notifyParticipantApproved(action.id, action.mediaType);
+        }
+        break;
+    }
+    case LOCAL_PARTICIPANT_REJECTED: {
+        if (typeof APP !== 'undefined') {
+            const local = getLocalParticipant(getState());
+
+            APP.API.notifyParticipantRejected(local?.id, action.mediaType);
+        }
+        break;
+    }
+    case PARTICIPANT_REJECTED: {
+        if (typeof APP !== 'undefined') {
+            APP.API.notifyParticipantRejected(action.id, action.mediaType);
+        }
+        break;
+    }
+    }
+
+    return next(action);
+});
+
+/**
+ * Registers a change handler for state['features/base/conference'].conference to
+ * set the event listeners needed for the A/V moderation feature to operate.
+ */
+StateListenerRegistry.register(
+    state => state['features/base/conference'].conference,
+    (conference, { dispatch, getState }, previousConference) => {
+        if (conference && !previousConference) {
+            // local participant is allowed to unmute
+            conference.on(JitsiConferenceEvents.AV_MODERATION_APPROVED, ({ mediaType }: { mediaType: MediaType; }) => {
+                dispatch(localParticipantApproved(mediaType));
+
+                const customActionNameKey = [];
+                const customActionHandler = [];
+
+                if ((mediaType === MEDIA_TYPE.AUDIO || getState()['features/av-moderation'].audioUnmuteApproved)
+                        && isAudioMuted(getState())) {
+                    customActionNameKey.push('notify.unmute');
+                    customActionHandler.push(() => {
+                        dispatch(muteLocal(false, TRACK_MEDIA_TYPE.AUDIO));
+                        dispatch(hideNotification(ASKED_TO_UNMUTE_NOTIFICATION_ID));
+                    });
+                }
+
+                if ((mediaType === MEDIA_TYPE.DESKTOP || getState()['features/av-moderation'].desktopUnmuteApproved)
+                        && isScreenshareMuted(getState())) {
+                    customActionNameKey.push('notify.unmuteScreen');
+                    customActionHandler.push(() => {
+                        dispatch(muteLocal(false, TRACK_MEDIA_TYPE.SCREENSHARE));
+                        dispatch(hideNotification(ASKED_TO_UNMUTE_NOTIFICATION_ID));
+
+                        // Since permission is requested by raising the hand, lower it not to rely on dominant speaker detection
+                        // to clear the hand.
+                        dispatch(raiseHand(false));
+                    });
+                }
+
+                if ((mediaType === MEDIA_TYPE.VIDEO || getState()['features/av-moderation'].videoUnmuteApproved)
+                        && isVideoMuted(getState())) {
+                    customActionNameKey.push('notify.unmuteVideo');
+                    customActionHandler.push(() => {
+                        dispatch(muteLocal(false, TRACK_MEDIA_TYPE.VIDEO));
+                        dispatch(hideNotification(ASKED_TO_UNMUTE_NOTIFICATION_ID));
+
+                        // Since permission is requested by raising the hand, lower it not to rely on dominant speaker detection
+                        // to clear the hand.
+                        dispatch(raiseHand(false));
+                    });
+                }
+
+                dispatch(showNotification({
+                    titleKey: 'notify.hostAskedUnmute',
+                    sticky: true,
+                    customActionNameKey,
+                    customActionHandler,
+                    uid: ASKED_TO_UNMUTE_NOTIFICATION_ID
+                }, NOTIFICATION_TIMEOUT_TYPE.STICKY));
+
+                dispatch(playSound(ASKED_TO_UNMUTE_SOUND_ID));
+            });
+
+            conference.on(JitsiConferenceEvents.AV_MODERATION_REJECTED, ({ mediaType }: { mediaType: MediaType; }) => {
+                dispatch(localParticipantRejected(mediaType));
+            });
+
+            conference.on(JitsiConferenceEvents.AV_MODERATION_CHANGED, ({ enabled, mediaType, actor }: {
+                actor: Object; enabled: boolean; mediaType: MediaType;
+            }) => {
+                enabled ? dispatch(enableModeration(mediaType, actor)) : dispatch(disableModeration(mediaType, actor));
+            });
+
+            // this is received by moderators
+            conference.on(
+                JitsiConferenceEvents.AV_MODERATION_PARTICIPANT_APPROVED,
+                ({ participant, mediaType }: { mediaType: MediaType; participant: { _id: string; }; }) => {
+                    const { _id: id } = participant;
+
+                    batch(() => {
+                        // store in the whitelist
+                        dispatch(participantApproved(id, mediaType));
+
+                        // remove from pending list
+                        dispatch(dismissPendingParticipant(id, mediaType));
+                    });
+                });
+
+            // this is received by moderators
+            conference.on(
+                JitsiConferenceEvents.AV_MODERATION_PARTICIPANT_REJECTED,
+                ({ participant, mediaType }: { mediaType: MediaType; participant: { _id: string; }; }) => {
+                    const { _id: id } = participant;
+
+                    dispatch(participantRejected(id, mediaType));
+                });
+        }
+    });
diff --git a/react/features/av-moderation/reducer.ts b/react/features/av-moderation/reducer.ts
new file mode 100644
index 0000000..0f8f976
--- /dev/null
+++ b/react/features/av-moderation/reducer.ts
@@ -0,0 +1,399 @@
+import {
+    PARTICIPANT_LEFT,
+    PARTICIPANT_UPDATED
+} from '../base/participants/actionTypes';
+import { IParticipant } from '../base/participants/types';
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import {
+    DISABLE_MODERATION,
+    DISMISS_PENDING_PARTICIPANT,
+    ENABLE_MODERATION,
+    LOCAL_PARTICIPANT_APPROVED,
+    LOCAL_PARTICIPANT_REJECTED,
+    PARTICIPANT_APPROVED,
+    PARTICIPANT_PENDING_AUDIO,
+    PARTICIPANT_REJECTED
+} from './actionTypes';
+import {
+    MEDIA_TYPE,
+    MEDIA_TYPE_TO_PENDING_STORE_KEY,
+    type MediaType
+} from './constants';
+
+const initialState = {
+    audioModerationEnabled: false,
+    desktopModerationEnabled: false,
+    videoModerationEnabled: false,
+    audioWhitelist: {},
+    desktopWhitelist: {},
+    videoWhitelist: {},
+    pendingAudio: [],
+    pendingDesktop: [],
+    pendingVideo: []
+};
+
+export interface IAVModerationState {
+    audioModerationEnabled: boolean;
+    audioUnmuteApproved?: boolean | undefined;
+    audioWhitelist: { [id: string]: boolean; };
+    desktopModerationEnabled: boolean;
+    desktopUnmuteApproved?: boolean | undefined;
+    desktopWhitelist: { [id: string]: boolean; };
+    pendingAudio: Array<{ id: string; }>;
+    pendingDesktop: Array<{ id: string; }>;
+    pendingVideo: Array<{ id: string; }>;
+    videoModerationEnabled: boolean;
+    videoUnmuteApproved?: boolean | undefined;
+    videoWhitelist: { [id: string]: boolean; };
+}
+
+/**
+ * Updates a participant in the state for the specified media type.
+ *
+ * @param {MediaType} mediaType - The media type.
+ * @param {Object} participant - Information about participant to be modified.
+ * @param {Object} state - The current state.
+ * @private
+ * @returns {boolean} - Whether state instance was modified.
+ */
+function _updatePendingParticipant(mediaType: MediaType, participant: IParticipant, state: IAVModerationState) {
+    let arrayItemChanged = false;
+    const storeKey = MEDIA_TYPE_TO_PENDING_STORE_KEY[mediaType];
+    const arr = state[storeKey];
+    const newArr = arr.map((pending: { id: string; }) => {
+        if (pending.id === participant.id) {
+            arrayItemChanged = true;
+
+            return {
+                ...pending,
+                ...participant
+            };
+        }
+
+        return pending;
+    });
+
+    if (arrayItemChanged) {
+        state[storeKey] = newArr;
+
+        return true;
+    }
+
+    return false;
+}
+
+ReducerRegistry.register<IAVModerationState>('features/av-moderation',
+(state = initialState, action): IAVModerationState => {
+    switch (action.type) {
+    case DISABLE_MODERATION: {
+        let newState = {};
+
+        switch (action.mediaType) {
+        case MEDIA_TYPE.AUDIO:
+            newState = {
+                audioModerationEnabled: false,
+                audioUnmuteApproved: undefined
+            };
+            break;
+        case MEDIA_TYPE.DESKTOP:
+            newState = {
+                desktopModerationEnabled: false,
+                desktopUnmuteApproved: undefined
+            };
+            break;
+        case MEDIA_TYPE.VIDEO:
+            newState = {
+                videoModerationEnabled: false,
+                videoUnmuteApproved: undefined
+            };
+            break;
+        }
+
+        return {
+            ...state,
+            ...newState,
+            audioWhitelist: {},
+            desktopWhitelist: {},
+            videoWhitelist: {},
+            pendingAudio: [],
+            pendingDesktop: [],
+            pendingVideo: []
+        };
+    }
+
+    case ENABLE_MODERATION: {
+        let newState = {};
+
+        switch (action.mediaType) {
+        case MEDIA_TYPE.AUDIO:
+            newState = {
+                audioModerationEnabled: true,
+            };
+            break;
+        case MEDIA_TYPE.DESKTOP:
+            newState = {
+                desktopModerationEnabled: true,
+            };
+            break;
+        case MEDIA_TYPE.VIDEO:
+            newState = {
+                videoModerationEnabled: true,
+            };
+            break;
+        }
+
+        return {
+            ...state,
+            ...newState
+        };
+    }
+
+    case LOCAL_PARTICIPANT_APPROVED: {
+        let newState = {};
+
+        switch (action.mediaType) {
+        case MEDIA_TYPE.AUDIO:
+            newState = {
+                audioUnmuteApproved: true
+            };
+            break;
+        case MEDIA_TYPE.DESKTOP:
+            newState = {
+                desktopUnmuteApproved: true
+            };
+            break;
+        case MEDIA_TYPE.VIDEO:
+            newState = {
+                videoUnmuteApproved: true
+            };
+            break;
+        }
+
+        return {
+            ...state,
+            ...newState
+        };
+    }
+
+    case LOCAL_PARTICIPANT_REJECTED: {
+        let newState = {};
+
+        switch (action.mediaType) {
+        case MEDIA_TYPE.AUDIO:
+            newState = {
+                audioUnmuteApproved: false
+            };
+            break;
+        case MEDIA_TYPE.DESKTOP:
+            newState = {
+                desktopUnmuteApproved: false
+            };
+            break;
+        case MEDIA_TYPE.VIDEO:
+            newState = {
+                videoUnmuteApproved: false
+            };
+            break;
+        }
+
+        return {
+            ...state,
+            ...newState
+        };
+    }
+
+    case PARTICIPANT_PENDING_AUDIO: {
+        const { participant } = action;
+
+        // Add participant to pendingAudio array only if it's not already added
+        if (!state.pendingAudio.find(pending => pending.id === participant.id)) {
+            const updated = [ ...state.pendingAudio ];
+
+            updated.push(participant);
+
+            return {
+                ...state,
+                pendingAudio: updated
+            };
+        }
+
+        return state;
+    }
+
+    case PARTICIPANT_UPDATED: {
+        const participant = action.participant;
+        const { audioModerationEnabled, desktopModerationEnabled, videoModerationEnabled } = state;
+        let hasStateChanged = false;
+
+        // skips changing the reference of pendingAudio or pendingVideo,
+        // if there is no change in the elements
+        if (audioModerationEnabled) {
+            hasStateChanged = _updatePendingParticipant(MEDIA_TYPE.AUDIO, participant, state);
+        }
+
+        if (desktopModerationEnabled) {
+            hasStateChanged = hasStateChanged || _updatePendingParticipant(MEDIA_TYPE.DESKTOP, participant, state);
+        }
+
+        if (videoModerationEnabled) {
+            hasStateChanged = hasStateChanged || _updatePendingParticipant(MEDIA_TYPE.VIDEO, participant, state);
+        }
+
+        // If the state has changed we need to return a new object reference in order to trigger subscriber updates.
+        if (hasStateChanged) {
+            return {
+                ...state
+            };
+        }
+
+        return state;
+    }
+
+    case PARTICIPANT_LEFT: {
+        const participant = action.participant;
+        const { audioModerationEnabled, desktopModerationEnabled, videoModerationEnabled } = state;
+        let hasStateChanged = false;
+
+        // skips changing the reference of pendingAudio or pendingVideo,
+        // if there is no change in the elements
+        if (audioModerationEnabled) {
+            const newPendingAudio = state.pendingAudio.filter(pending => pending.id !== participant.id);
+
+            if (state.pendingAudio.length !== newPendingAudio.length) {
+                state.pendingAudio = newPendingAudio;
+                hasStateChanged = true;
+            }
+        }
+
+        if (desktopModerationEnabled) {
+            const newPendingDesktop = state.pendingDesktop.filter(pending => pending.id !== participant.id);
+
+            if (state.pendingDesktop.length !== newPendingDesktop.length) {
+                state.pendingDesktop = newPendingDesktop;
+                hasStateChanged = true;
+            }
+        }
+
+        if (videoModerationEnabled) {
+            const newPendingVideo = state.pendingVideo.filter(pending => pending.id !== participant.id);
+
+            if (state.pendingVideo.length !== newPendingVideo.length) {
+                state.pendingVideo = newPendingVideo;
+                hasStateChanged = true;
+            }
+        }
+
+        // If the state has changed we need to return a new object reference in order to trigger subscriber updates.
+        if (hasStateChanged) {
+            return {
+                ...state
+            };
+        }
+
+        return state;
+    }
+
+    case DISMISS_PENDING_PARTICIPANT: {
+        const { id, mediaType } = action;
+
+        if (mediaType === MEDIA_TYPE.AUDIO) {
+            return {
+                ...state,
+                pendingAudio: state.pendingAudio.filter(pending => pending.id !== id)
+            };
+        }
+
+        if (mediaType === MEDIA_TYPE.DESKTOP) {
+            return {
+                ...state,
+                pendingDesktop: state.pendingDesktop.filter(pending => pending.id !== id)
+            };
+        }
+
+        if (mediaType === MEDIA_TYPE.VIDEO) {
+            return {
+                ...state,
+                pendingVideo: state.pendingVideo.filter(pending => pending.id !== id)
+            };
+        }
+
+        return state;
+    }
+
+    case PARTICIPANT_APPROVED: {
+        const { mediaType, id } = action;
+
+        if (mediaType === MEDIA_TYPE.AUDIO) {
+            return {
+                ...state,
+                audioWhitelist: {
+                    ...state.audioWhitelist,
+                    [id]: true
+                }
+            };
+        }
+
+        if (mediaType === MEDIA_TYPE.DESKTOP) {
+            return {
+                ...state,
+                desktopWhitelist: {
+                    ...state.desktopWhitelist,
+                    [id]: true
+                }
+            };
+        }
+
+        if (mediaType === MEDIA_TYPE.VIDEO) {
+            return {
+                ...state,
+                videoWhitelist: {
+                    ...state.videoWhitelist,
+                    [id]: true
+                }
+            };
+        }
+
+        return state;
+    }
+
+    case PARTICIPANT_REJECTED: {
+        const { mediaType, id } = action;
+
+        if (mediaType === MEDIA_TYPE.AUDIO) {
+            return {
+                ...state,
+                audioWhitelist: {
+                    ...state.audioWhitelist,
+                    [id]: false
+                }
+            };
+        }
+
+        if (mediaType === MEDIA_TYPE.DESKTOP) {
+            return {
+                ...state,
+                desktopWhitelist: {
+                    ...state.desktopWhitelist,
+                    [id]: false
+                }
+            };
+        }
+
+        if (mediaType === MEDIA_TYPE.VIDEO) {
+            return {
+                ...state,
+                videoWhitelist: {
+                    ...state.videoWhitelist,
+                    [id]: false
+                }
+            };
+        }
+
+        return state;
+    }
+
+    }
+
+    return state;
+});
diff --git a/react/features/av-moderation/sounds.ts b/react/features/av-moderation/sounds.ts
new file mode 100644
index 0000000..d15cf92
--- /dev/null
+++ b/react/features/av-moderation/sounds.ts
@@ -0,0 +1,6 @@
+/**
+ * The name of the bundled audio file which will be played for the raise hand sound.
+ *
+ * @type {string}
+ */
+export const ASKED_TO_UNMUTE_FILE = 'asked-unmute.mp3';
diff --git a/react/features/base/app/actionTypes.ts b/react/features/base/app/actionTypes.ts
new file mode 100644
index 0000000..c0f3678
--- /dev/null
+++ b/react/features/base/app/actionTypes.ts
@@ -0,0 +1,33 @@
+/**
+ * The type of (redux) action which signals that a specific App will mount (in
+ * React terms).
+ *
+ * {
+ *     type: APP_WILL_MOUNT,
+ *     app: App
+ * }
+ */
+export const APP_WILL_MOUNT = 'APP_WILL_MOUNT';
+
+/**
+ * The type of (redux) action which signals that a specific App will unmount (in
+ * React terms).
+ *
+ * {
+ *     type: APP_WILL_UNMOUNT,
+ *     app: App
+ * }
+ */
+export const APP_WILL_UNMOUNT = 'APP_WILL_UNMOUNT';
+
+/**
+ * The type of (redux) action which signals that a specific App will navigate using a route (in
+ * React terms).
+ *
+ * {
+ *     type: APP_WILL_NAVIGATE,
+ *     app: App,
+ *     route: Route
+ * }
+ */
+export const APP_WILL_NAVIGATE = 'APP_WILL_NAVIGATE';
diff --git a/react/features/base/app/actions.ts b/react/features/base/app/actions.ts
new file mode 100644
index 0000000..302611e
--- /dev/null
+++ b/react/features/base/app/actions.ts
@@ -0,0 +1,69 @@
+import { IStore } from '../../app/types';
+
+import {
+    APP_WILL_MOUNT,
+    APP_WILL_NAVIGATE,
+    APP_WILL_UNMOUNT
+} from './actionTypes';
+
+/**
+ * Signals that a specific App will mount (in the terms of React).
+ *
+ * @param {App} app - The App which will mount.
+ * @returns {{
+ *     type: APP_WILL_MOUNT,
+ *     app: App
+ * }}
+ */
+export function appWillMount(app: Object) {
+    return (dispatch: IStore['dispatch']) => {
+        // TODO There was a redux action creator appInit which I did not like
+        // because we already had the redux action creator appWillMount and,
+        // respectively, the redux action APP_WILL_MOUNT. So I set out to remove
+        // appInit and managed to move everything it was doing but the
+        // following. Which is not extremely bad because we haven't moved the
+        // API module into its own feature yet so we're bound to work on that in
+        // the future.
+        typeof APP === 'object' && APP.API.init();
+
+        dispatch({
+            type: APP_WILL_MOUNT,
+            app
+        });
+    };
+}
+
+/**
+ * Signals that a specific App will unmount (in the terms of React).
+ *
+ * @param {App} app - The App which will unmount.
+ * @returns {{
+ *     type: APP_WILL_UNMOUNT,
+ *     app: App
+ * }}
+ */
+export function appWillUnmount(app: Object) {
+    return {
+        type: APP_WILL_UNMOUNT,
+        app
+    };
+}
+
+/**
+ * Signals that a specific App will navigate (in the terms of React).
+ *
+ * @param {App} app - The App which will navigate.
+ * @param {Object} route - The route which will be used.
+ * @returns {{
+ *     type: APP_WILL_NAVIGATE,
+ *     app: App,
+ *     route: Object
+ * }}
+ */
+export function appWillNavigate(app: Object, route: Object) {
+    return {
+        type: APP_WILL_NAVIGATE,
+        app,
+        route
+    };
+}
diff --git a/react/features/base/app/components/BaseApp.tsx b/react/features/base/app/components/BaseApp.tsx
new file mode 100644
index 0000000..17d2035
--- /dev/null
+++ b/react/features/base/app/components/BaseApp.tsx
@@ -0,0 +1,283 @@
+// @ts-expect-error
+import { jitsiLocalStorage } from '@jitsi/js-utils';
+import { isEqual } from 'lodash-es';
+import React, { Component, ComponentType, Fragment } from 'react';
+import { I18nextProvider } from 'react-i18next';
+import { Provider } from 'react-redux';
+import { compose, createStore } from 'redux';
+import Thunk from 'redux-thunk';
+
+import { IStore } from '../../../app/types';
+import i18next from '../../i18n/i18next';
+import MiddlewareRegistry from '../../redux/MiddlewareRegistry';
+import PersistenceRegistry from '../../redux/PersistenceRegistry';
+import ReducerRegistry from '../../redux/ReducerRegistry';
+import StateListenerRegistry from '../../redux/StateListenerRegistry';
+import SoundCollection from '../../sounds/components/SoundCollection';
+import { appWillMount, appWillUnmount } from '../actions';
+import logger from '../logger';
+
+/**
+ * The type of the React {@code Component} state of {@link BaseApp}.
+ */
+interface IState {
+
+    /**
+     * The {@code Route} rendered by the {@code BaseApp}.
+     */
+    route: {
+        component?: ComponentType;
+        props?: Object;
+    };
+
+    /**
+     * The redux store used by the {@code BaseApp}.
+     */
+    store?: IStore;
+}
+
+/**
+ * Base (abstract) class for main App component.
+ *
+ * @abstract
+ */
+export default class BaseApp<P> extends Component<P, IState> {
+    /**
+     * The deferred for the initialisation {{promise, resolve, reject}}.
+     */
+    _init: PromiseWithResolvers<any>;
+
+    /**
+     * Initializes a new {@code BaseApp} instance.
+     *
+     * @param {Object} props - The read-only React {@code Component} props with
+     * which the new instance is to be initialized.
+     */
+    constructor(props: P) {
+        super(props);
+
+        this.state = {
+            route: {},
+            store: undefined
+        };
+    }
+
+    /**
+     * Initializes the app.
+     *
+     * @inheritdoc
+    */
+    override async componentDidMount() {
+        /**
+         * Make the mobile {@code BaseApp} wait until the {@code AsyncStorage}
+         * implementation of {@code Storage} initializes fully.
+         *
+         * @private
+         * @see {@link #_initStorage}
+         * @type {Promise}
+         */
+        this._init = Promise.withResolvers();
+
+        try {
+            await this._initStorage();
+
+            const setStatePromise = new Promise(resolve => {
+                this.setState({
+                    // @ts-ignore
+                    store: this._createStore()
+                }, resolve);
+            });
+
+            await setStatePromise;
+
+            await this._extraInit();
+        } catch (err) {
+            /* BaseApp should always initialize! */
+            logger.error(err);
+        }
+
+        this.state.store?.dispatch(appWillMount(this));
+
+        // @ts-ignore
+        this._init.resolve();
+    }
+
+    /**
+     * De-initializes the app.
+     *
+     * @inheritdoc
+     */
+    override componentWillUnmount() {
+        this.state.store?.dispatch(appWillUnmount(this));
+    }
+
+    /**
+     * Logs for errors that were not caught.
+     *
+     * @param {Error} error - The error that was thrown.
+     * @param {Object} info - Info about the error(stack trace);.
+     *
+     * @returns {void}
+     */
+    override componentDidCatch(error: Error, info: Object) {
+        logger.error(error, info);
+    }
+
+    /**
+     * Delays this {@code BaseApp}'s startup until the {@code Storage}
+     * implementation of {@code localStorage} initializes. While the
+     * initialization is instantaneous on Web (with Web Storage API), it is
+     * asynchronous on mobile/react-native.
+     *
+     * @private
+     * @returns {Promise}
+     */
+    _initStorage(): Promise<any> {
+        const _initializing = jitsiLocalStorage.getItem('_initializing');
+
+        return _initializing || Promise.resolve();
+    }
+
+    /**
+     * Extra initialisation that subclasses might require.
+     *
+     * @returns {void}
+     */
+    _extraInit() {
+        // To be implemented by subclass.
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { route: { component, props }, store } = this.state;
+
+        if (store) {
+            return (
+                <I18nextProvider i18n = { i18next }>
+                    {/* @ts-ignore */}
+                    <Provider store = { store }>
+                        <Fragment>
+                            { this._createMainElement(component, props) }
+                            <SoundCollection />
+                            { this._createExtraElement() }
+                            { this._renderDialogContainer() }
+                        </Fragment>
+                    </Provider>
+                </I18nextProvider>
+            );
+        }
+
+        return null;
+    }
+
+    /**
+     * Creates an extra {@link ReactElement}s to be added (unconditionally)
+     * alongside the main element.
+     *
+     * @returns {ReactElement}
+     * @abstract
+     * @protected
+     */
+    _createExtraElement(): React.ReactElement | null {
+        return null;
+    }
+
+    /**
+     * Creates a {@link ReactElement} from the specified component, the
+     * specified props and the props of this {@code AbstractApp} which are
+     * suitable for propagation to the children of this {@code Component}.
+     *
+     * @param {Component} component - The component from which the
+     * {@code ReactElement} is to be created.
+     * @param {Object} props - The read-only React {@code Component} props with
+     * which the {@code ReactElement} is to be initialized.
+     * @returns {ReactElement}
+     * @protected
+     */
+    _createMainElement(component?: ComponentType, props?: Object) {
+        return component ? React.createElement(component, props || {}) : null;
+    }
+
+    /**
+     * Initializes a new redux store instance suitable for use by this
+     * {@code AbstractApp}.
+     *
+     * @private
+     * @returns {Store} - A new redux store instance suitable for use by
+     * this {@code AbstractApp}.
+     */
+    _createStore() {
+        // Create combined reducer from all reducers in ReducerRegistry.
+        const reducer = ReducerRegistry.combineReducers();
+
+        // Apply all registered middleware from the MiddlewareRegistry and
+        // additional 3rd party middleware:
+        // - Thunk - allows us to dispatch async actions easily. For more info
+        // @see https://github.com/gaearon/redux-thunk.
+        const middleware = MiddlewareRegistry.applyMiddleware(Thunk);
+
+        // @ts-ignore
+        const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
+        const store = createStore(reducer, PersistenceRegistry.getPersistedState(), composeEnhancers(middleware));
+
+        // StateListenerRegistry
+        StateListenerRegistry.subscribe(store);
+
+        // This is temporary workaround to be able to dispatch actions from
+        // non-reactified parts of the code (conference.js for example).
+        // Don't use in the react code!!!
+        // FIXME: remove when the reactification is finished!
+        if (typeof APP !== 'undefined') {
+            // @ts-ignore
+            APP.store = store;
+        }
+
+        return store;
+    }
+
+    /**
+     * Navigates to a specific Route.
+     *
+     * @param {Route} route - The Route to which to navigate.
+     * @returns {Promise}
+     */
+    _navigate(route: {
+        component?: ComponentType<any>;
+        href?: string;
+        props?: Object;
+    }): Promise<any> {
+        if (isEqual(route, this.state.route)) {
+            return Promise.resolve();
+        }
+
+        if (route.href) {
+            // This navigation requires loading a new URL in the browser.
+            window.location.href = route.href;
+
+            return Promise.resolve();
+        }
+
+        // XXX React's setState is asynchronous which means that the value of
+        // this.state.route above may not even be correct. If the check is
+        // performed before setState completes, the app may not navigate to the
+        // expected route. In order to mitigate the problem, _navigate was
+        // changed to return a Promise.
+        return new Promise(resolve => { // @ts-ignore
+            this.setState({ route }, resolve);
+        });
+    }
+
+    /**
+     * Renders the platform specific dialog container.
+     *
+     * @returns {React$Element}
+     */
+    _renderDialogContainer(): React.ReactElement | null {
+        return null;
+    }
+}
diff --git a/react/features/base/app/functions.ts b/react/features/base/app/functions.ts
new file mode 100644
index 0000000..4021f17
--- /dev/null
+++ b/react/features/base/app/functions.ts
@@ -0,0 +1,28 @@
+import { toState } from '../redux/functions';
+
+import { IStateful } from './types';
+
+/**
+ * Gets the value of a specific React {@code Component} prop of the currently
+ * mounted {@link App}.
+ *
+ * @param {IStateful} stateful - The redux store or {@code getState}
+ * function.
+ * @param {string} propName - The name of the React {@code Component} prop of
+ * the currently mounted {@code App} to get.
+ * @returns {*} The value of the specified React {@code Component} prop of the
+ * currently mounted {@code App}.
+ */
+export function getAppProp(stateful: IStateful, propName: string) {
+    const state = toState(stateful)['features/base/app'];
+
+    if (state) {
+        const { app } = state;
+
+        if (app) {
+            return app.props[propName];
+        }
+    }
+
+    return undefined;
+}
diff --git a/react/features/base/app/logger.ts b/react/features/base/app/logger.ts
new file mode 100644
index 0000000..116a86a
--- /dev/null
+++ b/react/features/base/app/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../logging/functions';
+
+export default getLogger('app:base-app');
diff --git a/react/features/base/app/middleware.web.ts b/react/features/base/app/middleware.web.ts
new file mode 100644
index 0000000..8475d20
--- /dev/null
+++ b/react/features/base/app/middleware.web.ts
@@ -0,0 +1,54 @@
+import { AnyAction } from 'redux';
+
+import MiddlewareRegistry from '../redux/MiddlewareRegistry';
+import { isEmbedded } from '../util/embedUtils';
+
+import { APP_WILL_MOUNT, APP_WILL_UNMOUNT } from './actionTypes';
+import logger from './logger';
+
+
+/**
+ * Experimental feature to monitor CPU pressure.
+ */
+let pressureObserver: typeof window.PressureObserver;
+
+/**
+ * Middleware which intercepts app actions to handle changes to the related state.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(() => (next: Function) => (action: AnyAction) => {
+
+    switch (action.type) {
+    case APP_WILL_MOUNT: {
+        // Disable it inside an iframe until Google fixes the origin trial for 3rd party sources:
+        // https://bugs.chromium.org/p/chromium/issues/detail?id=1504167
+        if (!isEmbedded() && 'PressureObserver' in window) {
+            pressureObserver = new window.PressureObserver(
+                    (records: typeof window.PressureRecord) => {
+                        logger.info('Compute pressure state changed:', JSON.stringify(records));
+                        APP.API.notifyComputePressureChanged(records);
+                    }
+            );
+
+            try {
+                pressureObserver
+                    .observe('cpu', { sampleInterval: 30_000 })
+                    .catch((e: any) => logger.error('CPU pressure observer failed to start', e));
+            } catch (e: any) {
+                logger.error('CPU pressure observer failed to start', e);
+            }
+        }
+        break;
+    }
+    case APP_WILL_UNMOUNT: {
+        if (pressureObserver) {
+            pressureObserver.unobserve('cpu');
+        }
+        break;
+    }
+    }
+
+    return next(action);
+});
diff --git a/react/features/base/app/reducer.ts b/react/features/base/app/reducer.ts
new file mode 100644
index 0000000..acf046f
--- /dev/null
+++ b/react/features/base/app/reducer.ts
@@ -0,0 +1,34 @@
+import ReducerRegistry from '../redux/ReducerRegistry';
+
+import { APP_WILL_MOUNT, APP_WILL_UNMOUNT } from './actionTypes';
+
+export interface IAppState {
+    app?: any;
+}
+
+ReducerRegistry.register<IAppState>('features/base/app', (state = {}, action): IAppState => {
+    switch (action.type) {
+    case APP_WILL_MOUNT: {
+        const { app } = action;
+
+        if (state.app !== app) {
+            return {
+                ...state,
+                app
+            };
+        }
+        break;
+    }
+
+    case APP_WILL_UNMOUNT:
+        if (state.app === action.app) {
+            return {
+                ...state,
+                app: undefined
+            };
+        }
+        break;
+    }
+
+    return state;
+});
diff --git a/react/features/base/app/types.ts b/react/features/base/app/types.ts
new file mode 100644
index 0000000..5126273
--- /dev/null
+++ b/react/features/base/app/types.ts
@@ -0,0 +1,3 @@
+import { IReduxState, IStore } from '../../app/types';
+
+export type IStateful = (() => IReduxState) | IStore | IReduxState;
diff --git a/react/features/base/audio-only/actionTypes.ts b/react/features/base/audio-only/actionTypes.ts
new file mode 100644
index 0000000..b081ccf
--- /dev/null
+++ b/react/features/base/audio-only/actionTypes.ts
@@ -0,0 +1,10 @@
+/**
+ * The type of (redux) action which sets the audio-only flag for the current
+ * conference.
+ *
+ * {
+ *     type: SET_AUDIO_ONLY,
+ *     audioOnly: boolean
+ * }
+ */
+export const SET_AUDIO_ONLY = 'SET_AUDIO_ONLY';
diff --git a/react/features/base/audio-only/actions.ts b/react/features/base/audio-only/actions.ts
new file mode 100644
index 0000000..04e5e7f
--- /dev/null
+++ b/react/features/base/audio-only/actions.ts
@@ -0,0 +1,51 @@
+import { createAudioOnlyChangedEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { IStore } from '../../app/types';
+
+import { SET_AUDIO_ONLY } from './actionTypes';
+import logger from './logger';
+
+
+/**
+ * Sets the audio-only flag for the current JitsiConference.
+ *
+ * @param {boolean} audioOnly - True if the conference should be audio only; false, otherwise.
+ * @returns {{
+ *     type: SET_AUDIO_ONLY,
+ *     audioOnly: boolean
+ * }}
+ */
+export function setAudioOnly(audioOnly: boolean) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const { enabled: oldValue } = getState()['features/base/audio-only'];
+
+        if (oldValue !== audioOnly) {
+            sendAnalytics(createAudioOnlyChangedEvent(audioOnly));
+            logger.log(`Audio-only ${audioOnly ? 'enabled' : 'disabled'}`);
+
+            dispatch({
+                type: SET_AUDIO_ONLY,
+                audioOnly
+            });
+
+            if (typeof APP !== 'undefined') {
+                // TODO This should be a temporary solution that lasts only until video
+                // tracks and all ui is moved into react/redux on the web.
+                APP.conference.onToggleAudioOnly();
+            }
+        }
+    };
+}
+
+/**
+ * Toggles the audio-only flag for the current JitsiConference.
+ *
+ * @returns {Function}
+ */
+export function toggleAudioOnly() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const { enabled } = getState()['features/base/audio-only'];
+
+        dispatch(setAudioOnly(!enabled));
+    };
+}
diff --git a/react/features/base/audio-only/logger.ts b/react/features/base/audio-only/logger.ts
new file mode 100644
index 0000000..e774caf
--- /dev/null
+++ b/react/features/base/audio-only/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../logging/functions';
+
+export default getLogger('app:audio-only');
diff --git a/react/features/base/audio-only/reducer.ts b/react/features/base/audio-only/reducer.ts
new file mode 100644
index 0000000..81f3490
--- /dev/null
+++ b/react/features/base/audio-only/reducer.ts
@@ -0,0 +1,25 @@
+import ReducerRegistry from '../redux/ReducerRegistry';
+
+import { SET_AUDIO_ONLY } from './actionTypes';
+
+export interface IAudioOnlyState {
+    enabled: boolean;
+}
+
+const DEFAULT_STATE = {
+    enabled: false
+};
+
+
+ReducerRegistry.register<IAudioOnlyState>('features/base/audio-only',
+(state = DEFAULT_STATE, action): IAudioOnlyState => {
+    switch (action.type) {
+    case SET_AUDIO_ONLY:
+        return {
+            ...state,
+            enabled: action.audioOnly
+        };
+    default:
+        return state;
+    }
+});
diff --git a/react/features/base/avatar/components/Avatar.tsx b/react/features/base/avatar/components/Avatar.tsx
new file mode 100644
index 0000000..bb061d7
--- /dev/null
+++ b/react/features/base/avatar/components/Avatar.tsx
@@ -0,0 +1,295 @@
+import React, { PureComponent } from 'react';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { IconUser } from '../../icons/svg';
+import { getParticipantById } from '../../participants/functions';
+import { IParticipant } from '../../participants/types';
+import { getAvatarColor, getInitials, isCORSAvatarURL } from '../functions';
+import { IAvatarProps as AbstractProps } from '../types';
+
+import { StatelessAvatar } from './';
+
+export interface IProps {
+
+    /**
+     * The URL patterns for URLs that needs to be handled with CORS.
+     */
+    _corsAvatarURLs?: Array<string>;
+
+    /**
+     * Custom avatar backgrounds from branding.
+     */
+    _customAvatarBackgrounds?: Array<string>;
+
+    /**
+     * The string we base the initials on (this is generated from a list of precedences).
+     */
+    _initialsBase?: string;
+
+    /**
+     * An URL that we validated that it can be loaded.
+     */
+    _loadableAvatarUrl?: string;
+
+    /**
+     * Indicates whether _loadableAvatarUrl should use CORS or not.
+     */
+    _loadableAvatarUrlUseCORS?: boolean;
+
+    /**
+     * A prop to maintain compatibility with web.
+     */
+    className?: string;
+
+    /**
+     * A string to override the initials to generate a color of. This is handy if you don't want to make
+     * the background color match the string that the initials are generated from.
+     */
+    colorBase?: string;
+
+    /**
+     * Indicates the default icon for the avatar.
+     */
+    defaultIcon?: string;
+
+    /**
+     * Display name of the entity to render an avatar for (if any). This is handy when we need
+     * an avatar for a non-participant entity (e.g. A recent list item).
+     */
+    displayName?: string;
+
+    /**
+     * Whether or not to update the background color of the avatar.
+     */
+    dynamicColor?: boolean;
+
+    /**
+     * ID of the element, if any.
+     */
+    id?: string;
+
+    /**
+     * The ID of the participant to render an avatar for (if it's a participant avatar).
+     */
+    participantId?: string;
+
+    /**
+     * The size of the avatar.
+     */
+    size?: number;
+
+    /**
+     * One of the expected status strings (e.g. 'available') to render a badge on the avatar, if necessary.
+     */
+    status?: string;
+
+    /**
+     * TestId of the element, if any.
+     */
+    testId?: string;
+
+    /**
+     * URL of the avatar, if any.
+     */
+    url?: string;
+
+    /**
+     * Indicates whether to load the avatar using CORS or not.
+     */
+    useCORS?: boolean;
+}
+
+interface IState {
+    avatarFailed: boolean;
+    isUsingCORS: boolean;
+}
+
+export const DEFAULT_SIZE = 65;
+
+/**
+ * Implements a class to render avatars in the app.
+ */
+class Avatar<P extends IProps> extends PureComponent<P, IState> {
+    /**
+     * Default values for {@code Avatar} component's properties.
+     *
+     * @static
+     */
+    static defaultProps = {
+        defaultIcon: IconUser,
+        dynamicColor: true
+    };
+
+    /**
+     * Instantiates a new {@code Component}.
+     *
+     * @inheritdoc
+     */
+    constructor(props: P) {
+        super(props);
+
+        const {
+            _corsAvatarURLs,
+            url,
+            useCORS
+        } = props;
+
+        this.state = {
+            avatarFailed: false,
+            isUsingCORS: Boolean(useCORS) || Boolean(url && isCORSAvatarURL(url, _corsAvatarURLs))
+        };
+
+        this._onAvatarLoadError = this._onAvatarLoadError.bind(this);
+    }
+
+    /**
+     * Implements {@code Component#componentDidUpdate}.
+     *
+     * @inheritdoc
+     */
+    override componentDidUpdate(prevProps: P) {
+        const { _corsAvatarURLs, url } = this.props;
+
+        if (prevProps.url !== url) {
+
+            // URI changed, so we need to try to fetch it again.
+            // Eslint doesn't like this statement, but based on the React doc, it's safe if it's
+            // wrapped in a condition: https://reactjs.org/docs/react-component.html#componentdidupdate
+
+            // eslint-disable-next-line react/no-did-update-set-state
+            this.setState({
+                avatarFailed: false,
+                isUsingCORS: Boolean(this.props.useCORS) || Boolean(url && isCORSAvatarURL(url, _corsAvatarURLs))
+            });
+        }
+    }
+
+    /**
+     * Implements {@code Componenr#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const {
+            _customAvatarBackgrounds,
+            _initialsBase,
+            _loadableAvatarUrl,
+            _loadableAvatarUrlUseCORS,
+            className,
+            colorBase,
+            defaultIcon,
+            dynamicColor,
+            id,
+            size,
+            status,
+            testId,
+            url
+        } = this.props;
+        const { avatarFailed, isUsingCORS } = this.state;
+
+        const avatarProps: AbstractProps & {
+            className?: string;
+            iconUser?: any;
+            id?: string;
+            status?: string;
+            testId?: string;
+            url?: string;
+            useCORS?: boolean;
+        } = {
+            className,
+            color: undefined,
+            id,
+            initials: undefined,
+            onAvatarLoadError: undefined,
+            onAvatarLoadErrorParams: undefined,
+            size,
+            status,
+            testId,
+            url: undefined,
+            useCORS: isUsingCORS
+        };
+
+        // _loadableAvatarUrl is validated that it can be loaded, but uri (if present) is not, so
+        // we still need to do a check for that. And an explicitly provided URI is higher priority than
+        // an avatar URL anyhow.
+        const useReduxLoadableAvatarURL = avatarFailed || !url;
+        const effectiveURL = useReduxLoadableAvatarURL ? _loadableAvatarUrl : url;
+
+        if (effectiveURL) {
+            avatarProps.onAvatarLoadError = this._onAvatarLoadError;
+            if (useReduxLoadableAvatarURL) {
+                avatarProps.onAvatarLoadErrorParams = { dontRetry: true };
+                avatarProps.useCORS = _loadableAvatarUrlUseCORS;
+            }
+            avatarProps.url = effectiveURL;
+        }
+
+        const initials = getInitials(_initialsBase);
+
+        if (initials) {
+            if (dynamicColor) {
+                avatarProps.color = getAvatarColor(colorBase || _initialsBase, _customAvatarBackgrounds ?? []);
+            }
+
+            avatarProps.initials = initials;
+        }
+
+        if (navigator.product !== 'ReactNative') {
+            avatarProps.iconUser = defaultIcon;
+        }
+
+        return (
+            <StatelessAvatar
+                { ...avatarProps } />
+        );
+    }
+
+    /**
+     * Callback to handle the error while loading of the avatar URI.
+     *
+     * @param {Object} params - An object with parameters.
+     * @param {boolean} params.dontRetry - If false we will retry to load the Avatar with different CORS mode.
+     * @returns {void}
+     */
+    _onAvatarLoadError(params: { dontRetry?: boolean; } = {}) {
+        const { dontRetry = false } = params;
+
+        if (Boolean(this.props.useCORS) === this.state.isUsingCORS && !dontRetry) {
+            // try different mode of loading the avatar.
+            this.setState({
+                isUsingCORS: !this.state.isUsingCORS
+            });
+        } else {
+            // we already have tried loading the avatar with and without CORS and it failed.
+            this.setState({
+                avatarFailed: true
+            });
+        }
+    }
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {IProps} ownProps - The own props of the component.
+ * @returns {IProps}
+ */
+export function _mapStateToProps(state: IReduxState, ownProps: IProps) {
+    const { colorBase, displayName, participantId } = ownProps;
+    const _participant: IParticipant | undefined = participantId ? getParticipantById(state, participantId) : undefined;
+    const _initialsBase = _participant?.name ?? displayName;
+    const { corsAvatarURLs } = state['features/base/config'];
+
+    return {
+        _customAvatarBackgrounds: state['features/dynamic-branding'].avatarBackgrounds,
+        _corsAvatarURLs: corsAvatarURLs,
+        _initialsBase,
+        _loadableAvatarUrl: _participant?.loadableAvatarUrl,
+        _loadableAvatarUrlUseCORS: _participant?.loadableAvatarUrlUseCORS,
+        colorBase
+    };
+}
+
+export default connect(_mapStateToProps)(Avatar);
diff --git a/react/features/base/avatar/components/index.native.ts b/react/features/base/avatar/components/index.native.ts
new file mode 100644
index 0000000..d49642d
--- /dev/null
+++ b/react/features/base/avatar/components/index.native.ts
@@ -0,0 +1 @@
+export { default as StatelessAvatar } from './native/StatelessAvatar';
diff --git a/react/features/base/avatar/components/index.web.ts b/react/features/base/avatar/components/index.web.ts
new file mode 100644
index 0000000..732c33d
--- /dev/null
+++ b/react/features/base/avatar/components/index.web.ts
@@ -0,0 +1 @@
+export { default as StatelessAvatar } from './web/StatelessAvatar';
diff --git a/react/features/base/avatar/components/native/StatelessAvatar.tsx b/react/features/base/avatar/components/native/StatelessAvatar.tsx
new file mode 100644
index 0000000..7e38169
--- /dev/null
+++ b/react/features/base/avatar/components/native/StatelessAvatar.tsx
@@ -0,0 +1,200 @@
+import React, { Component } from 'react';
+import { Image, Text, TextStyle, View, ViewStyle } from 'react-native';
+
+import Icon from '../../../icons/components/Icon';
+import { StyleType } from '../../../styles/functions.native';
+import { isIcon } from '../../functions';
+import { IAvatarProps } from '../../types';
+
+import styles from './styles';
+
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const DEFAULT_AVATAR = require('../../../../../../images/avatar.png');
+
+interface IProps extends IAvatarProps {
+
+    /**
+     * One of the expected status strings (e.g. 'available') to render a badge on the avatar, if necessary.
+     */
+    status?: string;
+
+    /**
+     * External style passed to the component.
+     */
+    style?: StyleType;
+
+    /**
+     * The URL of the avatar to render.
+     */
+    url?: string;
+}
+
+/**
+ * Implements a stateless avatar component that renders an avatar purely from what gets passed through
+ * props.
+ */
+export default class StatelessAvatar extends Component<IProps> {
+
+    /**
+     * Instantiates a new {@code Component}.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._onAvatarLoadError = this._onAvatarLoadError.bind(this);
+    }
+
+    /**
+     * Implements {@code Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { initials, size, style, url } = this.props;
+
+        let avatar;
+
+        if (isIcon(url)) {
+            avatar = this._renderIconAvatar(url);
+        } else if (url) {
+            avatar = this._renderURLAvatar();
+        } else if (initials) {
+            avatar = this._renderInitialsAvatar();
+        } else {
+            avatar = this._renderDefaultAvatar();
+        }
+
+        return (
+            <View>
+                <View
+                    style = { [
+                        styles.avatarContainer(size) as ViewStyle,
+                        style
+                    ] }>
+                    { avatar }
+                </View>
+                { this._renderAvatarStatus() }
+            </View>
+        );
+    }
+
+    /**
+     * Renders a badge representing the avatar status.
+     *
+     * @returns {React$Elementaa}
+     */
+    _renderAvatarStatus() {
+        const { size, status } = this.props;
+
+        if (!status) {
+            return null;
+        }
+
+        return (
+            <View style = { styles.badgeContainer }>
+                <View style = { styles.badge(size, status) as ViewStyle } />
+            </View>
+        );
+    }
+
+    /**
+     * Renders the default avatar.
+     *
+     * @returns {React$Element<*>}
+     */
+    _renderDefaultAvatar() {
+        const { size } = this.props;
+
+        return (
+            <Image
+                source = { DEFAULT_AVATAR }
+                style = { [
+                    styles.avatarContent(size),
+                    styles.staticAvatar
+                ] } />
+        );
+    }
+
+    /**
+     * Renders the icon avatar.
+     *
+     * @param {Object} icon - The icon component to render.
+     * @returns {React$Element<*>}
+     */
+    _renderIconAvatar(icon: Function) {
+        const { color, size } = this.props;
+
+        return (
+            <View
+                style = { [
+                    styles.initialsContainer as ViewStyle,
+                    {
+                        backgroundColor: color
+                    }
+                ] }>
+                <Icon
+                    src = { icon }
+                    style = { styles.initialsText(size) } />
+            </View>
+        );
+    }
+
+    /**
+     * Renders the initials-based avatar.
+     *
+     * @returns {React$Element<*>}
+     */
+    _renderInitialsAvatar() {
+        const { color, initials, size } = this.props;
+
+        return (
+            <View
+                style = { [
+                    styles.initialsContainer as ViewStyle,
+                    {
+                        backgroundColor: color
+                    }
+                ] }>
+                <Text style = { styles.initialsText(size) as TextStyle }> { initials } </Text>
+            </View>
+        );
+    }
+
+    /**
+     * Renders the url-based avatar.
+     *
+     * @returns {React$Element<*>}
+     */
+    _renderURLAvatar() {
+        const { onAvatarLoadError, size, url } = this.props;
+
+        return (
+            <Image
+                defaultSource = { DEFAULT_AVATAR }
+
+                // @ts-ignore
+                onError = { onAvatarLoadError }
+                resizeMode = 'cover'
+                source = {{ uri: url }}
+                style = { styles.avatarContent(size) } />
+        );
+    }
+
+    /**
+     * Handles avatar load errors.
+     *
+     * @returns {void}
+     */
+    _onAvatarLoadError() {
+        const { onAvatarLoadError, onAvatarLoadErrorParams = {} } = this.props;
+
+        if (onAvatarLoadError) {
+            onAvatarLoadError({
+                ...onAvatarLoadErrorParams,
+                dontRetry: true
+            });
+        }
+    }
+}
diff --git a/react/features/base/avatar/components/native/styles.ts b/react/features/base/avatar/components/native/styles.ts
new file mode 100644
index 0000000..07c9718
--- /dev/null
+++ b/react/features/base/avatar/components/native/styles.ts
@@ -0,0 +1,82 @@
+import { StyleSheet } from 'react-native';
+
+import { ColorPalette } from '../../../styles/components/styles/ColorPalette';
+import { PRESENCE_AVAILABLE_COLOR, PRESENCE_AWAY_COLOR, PRESENCE_BUSY_COLOR, PRESENCE_IDLE_COLOR } from '../styles';
+
+const DEFAULT_SIZE = 65;
+
+/**
+ * The styles of the feature base/participants.
+ */
+export default {
+
+    avatarContainer: (size: number = DEFAULT_SIZE) => {
+        return {
+            alignItems: 'center',
+            borderRadius: size / 2,
+            height: size,
+            justifyContent: 'center',
+            overflow: 'hidden',
+            width: size
+        };
+    },
+
+    avatarContent: (size: number = DEFAULT_SIZE) => {
+        return {
+            height: size,
+            width: size
+        };
+    },
+
+    badge: (size: number = DEFAULT_SIZE, status: string) => {
+        let color;
+
+        switch (status) {
+        case 'available':
+            color = PRESENCE_AVAILABLE_COLOR;
+            break;
+        case 'away':
+            color = PRESENCE_AWAY_COLOR;
+            break;
+        case 'busy':
+            color = PRESENCE_BUSY_COLOR;
+            break;
+        case 'idle':
+            color = PRESENCE_IDLE_COLOR;
+            break;
+        }
+
+        return {
+            backgroundColor: color,
+            borderRadius: size / 2,
+            bottom: 0,
+            height: size * 0.3,
+            position: 'absolute',
+            width: size * 0.3
+        };
+    },
+
+    badgeContainer: {
+        ...StyleSheet.absoluteFillObject
+    },
+
+    initialsContainer: {
+        alignItems: 'center',
+        alignSelf: 'stretch',
+        flex: 1,
+        justifyContent: 'center'
+    },
+
+    initialsText: (size: number = DEFAULT_SIZE) => {
+        return {
+            color: 'white',
+            fontSize: size * 0.45,
+            fontWeight: '100'
+        };
+    },
+
+    staticAvatar: {
+        backgroundColor: ColorPalette.lightGrey,
+        opacity: 0.4
+    }
+};
diff --git a/react/features/base/avatar/components/styles.ts b/react/features/base/avatar/components/styles.ts
new file mode 100644
index 0000000..9e77f37
--- /dev/null
+++ b/react/features/base/avatar/components/styles.ts
@@ -0,0 +1,5 @@
+// Colors for avatar status badge
+export const PRESENCE_AVAILABLE_COLOR = 'rgb(110, 176, 5)';
+export const PRESENCE_AWAY_COLOR = 'rgb(250, 201, 20)';
+export const PRESENCE_BUSY_COLOR = 'rgb(233, 0, 27)';
+export const PRESENCE_IDLE_COLOR = 'rgb(172, 172, 172)';
diff --git a/react/features/base/avatar/components/web/StatelessAvatar.tsx b/react/features/base/avatar/components/web/StatelessAvatar.tsx
new file mode 100644
index 0000000..40690fb
--- /dev/null
+++ b/react/features/base/avatar/components/web/StatelessAvatar.tsx
@@ -0,0 +1,231 @@
+import React, { useCallback } from 'react';
+import { makeStyles } from 'tss-react/mui';
+
+import Icon from '../../../icons/components/Icon';
+import { pixelsToRem } from '../../../ui/functions.any';
+import { isIcon } from '../../functions';
+import { IAvatarProps } from '../../types';
+import {
+    PRESENCE_AVAILABLE_COLOR,
+    PRESENCE_AWAY_COLOR,
+    PRESENCE_BUSY_COLOR,
+    PRESENCE_IDLE_COLOR
+} from '../styles';
+
+import {
+    AVATAR_DEFAULT_BACKGROUND_COLOR,
+    getAvatarFont,
+    getAvatarInitialsColor
+} from './styles';
+
+interface IProps extends IAvatarProps {
+
+    /**
+     * External class name passed through props.
+     */
+    className?: string;
+
+    /**
+     * The default avatar URL if we want to override the app bundled one (e.g. AlwaysOnTop).
+     */
+    defaultAvatar?: string;
+
+    /**
+     * ID of the component to be rendered.
+     */
+    id?: string;
+
+    /**
+     * One of the expected status strings (e.g. 'available') to render a badge on the avatar, if necessary.
+     */
+    status?: string;
+
+    /**
+     * TestId of the element, if any.
+     */
+    testId?: string;
+
+    /**
+     * The URL of the avatar to render.
+     */
+    url?: string | Function;
+
+    /**
+     * Indicates whether to load the avatar using CORS or not.
+     */
+    useCORS?: boolean;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        avatar: {
+            backgroundColor: AVATAR_DEFAULT_BACKGROUND_COLOR,
+            borderRadius: '50%',
+            color: getAvatarInitialsColor(theme),
+            ...getAvatarFont(theme),
+            fontSize: 'inherit',
+            objectFit: 'cover',
+            textAlign: 'center',
+            overflow: 'hidden',
+
+            '&.avatar-small': {
+                height: '28px !important',
+                width: '28px !important'
+            },
+
+            '&.avatar-xsmall': {
+                height: '16px !important',
+                width: '16px !important'
+            },
+
+            '& .jitsi-icon': {
+                transform: 'translateY(50%)'
+            },
+
+            '& .avatar-svg': {
+                height: '100%',
+                width: '100%'
+            }
+        },
+
+        initialsContainer: {
+            width: '100%',
+            height: '100%',
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center'
+        },
+
+        badge: {
+            position: 'relative',
+
+            '&.avatar-badge:after': {
+                borderRadius: '50%',
+                content: '""',
+                display: 'block',
+                height: '35%',
+                position: 'absolute',
+                bottom: 0,
+                width: '35%'
+            },
+
+            '&.avatar-badge-available:after': {
+                backgroundColor: PRESENCE_AVAILABLE_COLOR
+            },
+
+            '&.avatar-badge-away:after': {
+                backgroundColor: PRESENCE_AWAY_COLOR
+            },
+
+            '&.avatar-badge-busy:after': {
+                backgroundColor: PRESENCE_BUSY_COLOR
+            },
+
+            '&.avatar-badge-idle:after': {
+                backgroundColor: PRESENCE_IDLE_COLOR
+            }
+        }
+    };
+});
+
+const StatelessAvatar = ({
+    className,
+    color,
+    iconUser,
+    id,
+    initials,
+    onAvatarLoadError,
+    onAvatarLoadErrorParams,
+    size,
+    status,
+    testId,
+    url,
+    useCORS
+}: IProps) => {
+    const { classes, cx } = useStyles();
+
+    const _getAvatarStyle = (backgroundColor?: string) => {
+        return {
+            background: backgroundColor || undefined,
+            fontSize: size ? pixelsToRem(size * 0.4) : '180%',
+            height: size || '100%',
+            width: size || '100%'
+        };
+    };
+
+    const _getAvatarClassName = (additional?: string) => cx('avatar', additional, className, classes.avatar);
+
+    const _getBadgeClassName = () => {
+        if (status) {
+            return cx('avatar-badge', `avatar-badge-${status}`, classes.badge);
+        }
+
+        return '';
+    };
+
+    const _onAvatarLoadError = useCallback(() => {
+        if (typeof onAvatarLoadError === 'function') {
+            onAvatarLoadError(onAvatarLoadErrorParams);
+        }
+    }, [ onAvatarLoadError, onAvatarLoadErrorParams ]);
+
+    if (isIcon(url)) {
+        return (
+            <div
+                className = { cx(_getAvatarClassName(), _getBadgeClassName()) }
+                data-testid = { testId }
+                id = { id }
+                style = { _getAvatarStyle(color) }>
+                <Icon
+                    size = '50%'
+                    src = { url } />
+            </div>
+        );
+    }
+
+    if (url) {
+        return (
+            <div className = { _getBadgeClassName() }>
+                <img
+                    alt = 'avatar'
+                    className = { _getAvatarClassName() }
+                    crossOrigin = { useCORS ? '' : undefined }
+                    data-testid = { testId }
+                    id = { id }
+                    onError = { _onAvatarLoadError }
+                    src = { url }
+                    style = { _getAvatarStyle() } />
+            </div>
+        );
+    }
+
+    if (initials) {
+        return (
+            <div
+                className = { cx(_getAvatarClassName(), _getBadgeClassName()) }
+                data-testid = { testId }
+                id = { id }
+                style = { _getAvatarStyle(color) }>
+                <div className = { classes.initialsContainer }>
+                    {initials}
+                </div>
+            </div>
+        );
+    }
+
+    // default avatar
+    return (
+        <div
+            className = { cx(_getAvatarClassName('defaultAvatar'), _getBadgeClassName()) }
+            data-testid = { testId }
+            id = { id }
+            style = { _getAvatarStyle() }>
+            <Icon
+                size = { '50%' }
+                src = { iconUser } />
+        </div>
+    );
+};
+
+
+export default StatelessAvatar;
diff --git a/react/features/base/avatar/components/web/styles.ts b/react/features/base/avatar/components/web/styles.ts
new file mode 100644
index 0000000..6da6d1c
--- /dev/null
+++ b/react/features/base/avatar/components/web/styles.ts
@@ -0,0 +1,26 @@
+import { Theme } from '@mui/material/styles';
+
+// Default avatar background color
+export const AVATAR_DEFAULT_BACKGROUND_COLOR = '#AAA';
+
+/**
+ * Returns the avatar font style from the theme.
+ *
+ * @param {Theme} theme - The MUI theme.
+ * @returns {Object} The font style object containing fontFamily, fontWeight, etc.
+ */
+export const getAvatarFont = (theme: Theme) => theme.typography?.heading1 ?? {};
+
+/**
+ * Default text color for avatar initials.
+ */
+export const AVATAR_DEFAULT_INITIALS_COLOR = '#FFFFFF';
+
+/**
+ * Returns the text color for avatar initials from the theme.
+ *
+ * @param {Theme} theme - The MUI theme.
+ * @returns {string} The text color.
+ */
+export const getAvatarInitialsColor = (theme: Theme): string =>
+    theme.palette?.text01 || AVATAR_DEFAULT_INITIALS_COLOR;
diff --git a/react/features/base/avatar/constants.ts b/react/features/base/avatar/constants.ts
new file mode 100644
index 0000000..4825efa
--- /dev/null
+++ b/react/features/base/avatar/constants.ts
@@ -0,0 +1,4 @@
+/**
+ * The base URL for gravatar images.
+ */
+export const GRAVATAR_BASE_URL = 'https://www.gravatar.com/avatar/';
diff --git a/react/features/base/avatar/functions.ts b/react/features/base/avatar/functions.ts
new file mode 100644
index 0000000..0e9ee3b
--- /dev/null
+++ b/react/features/base/avatar/functions.ts
@@ -0,0 +1,125 @@
+import GraphemeSplitter from 'grapheme-splitter';
+import { split } from 'lodash-es';
+
+const AVATAR_COLORS = [
+    '#6A50D3',
+    '#FF9B42',
+    '#DF486F',
+    '#73348C',
+    '#B23683',
+    '#F96E57',
+    '#4380E2',
+    '#238561',
+    '#00A8B3'
+];
+const wordSplitRegex = (/\s+|\.+|_+|;+|-+|,+|\|+|\/+|\\+|"+|'+|\(+|\)+|#+|&+/);
+const splitter = new GraphemeSplitter();
+
+/**
+ * Generates the background color of an initials based avatar.
+ *
+ * @param {string?} initials - The initials of the avatar.
+ * @param {Array<string>} customAvatarBackgrounds - Custom avatar background values.
+ * @returns {string}
+ */
+export function getAvatarColor(initials: string | undefined, customAvatarBackgrounds: Array<string>) {
+    const hasCustomAvatarBackgronds = customAvatarBackgrounds?.length;
+    const colorsBase = hasCustomAvatarBackgronds ? customAvatarBackgrounds : AVATAR_COLORS;
+
+    let colorIndex = 0;
+
+    if (initials) {
+        let nameHash = 0;
+
+        for (const s of initials) {
+            nameHash += Number(s.codePointAt(0));
+        }
+
+        colorIndex = nameHash % colorsBase.length;
+    }
+
+    return colorsBase[colorIndex];
+}
+
+/**
+ * Returns the first grapheme from a word, uppercased.
+ *
+ * @param {string} word - The string to get grapheme from.
+ * @returns {string}
+ */
+function getFirstGraphemeUpper(word: string) {
+    if (!word?.length) {
+        return '';
+    }
+
+    return splitter.splitGraphemes(word)[0].toUpperCase();
+}
+
+/**
+ * Strips bracketed annotations from a display name. Handles multiple bracket types like (),
+ * [], and {}.
+ *
+ * @param {string} name - The display name to clean.
+ * @returns {string} The cleaned display name without bracketed annotations.
+ */
+function stripBracketedAnnotations(name: string): string {
+    // Match content within any of the bracket types at the end of the string
+    // This regex matches: (...) or [...] or {...} at the end
+    const bracketRegex = /\s*[([{][^)\]}]*[)\]}]$/;
+
+    let cleaned = name;
+
+    // Remove all trailing bracketed annotations (handle multiple occurrences)
+    while (bracketRegex.test(cleaned)) {
+        cleaned = cleaned.replace(bracketRegex, '');
+    }
+
+    return cleaned.trim();
+}
+
+/**
+ * Generates initials for a simple string.
+ *
+ * @param {string?} s - The string to generate initials for.
+ * @returns {string?}
+ */
+export function getInitials(s?: string) {
+    // We don't want to use the domain part of an email address, if it is one
+    const initialsBasis = split(s, '@')[0];
+
+    // Strip bracketed annotations (e.g., "(Department)", "[Team]", "{Org}")
+    // to prevent them from being considered as name parts
+    const cleanedName = stripBracketedAnnotations(initialsBasis);
+
+    // Fallback to original if cleaned name is empty
+    const nameForInitials = cleanedName || initialsBasis;
+
+    const [ firstWord, ...remainingWords ] = nameForInitials.split(wordSplitRegex).filter(Boolean);
+
+    return getFirstGraphemeUpper(firstWord) + getFirstGraphemeUpper(remainingWords.pop() || '');
+}
+
+/**
+ * Checks if the passed URL should be loaded with CORS.
+ *
+ * @param {string | Function} url - The URL (on mobile we use a specific Icon component for avatars).
+ * @param {Array<string>} corsURLs - The URL pattern that matches a URL that needs to be handled with CORS.
+ * @returns {boolean}
+ */
+export function isCORSAvatarURL(url: string | Function, corsURLs: Array<string> = []): boolean {
+    if (typeof url === 'function') {
+        return false;
+    }
+
+    return corsURLs.some(pattern => url.startsWith(pattern));
+}
+
+/**
+ * Checks if the passed prop is a loaded icon or not.
+ *
+ * @param {string? | Object?} iconProp - The prop to check.
+ * @returns {boolean}
+ */
+export function isIcon(iconProp?: string | Function): iconProp is Function {
+    return Boolean(iconProp) && (typeof iconProp === 'object' || typeof iconProp === 'function');
+}
diff --git a/react/features/base/avatar/types.ts b/react/features/base/avatar/types.ts
new file mode 100644
index 0000000..fdf7110
--- /dev/null
+++ b/react/features/base/avatar/types.ts
@@ -0,0 +1,32 @@
+export interface IAvatarProps {
+
+    /**
+     * Color of the (initials based) avatar, if needed.
+     */
+    color?: string;
+
+    /**
+     * The user icon(browser only).
+     */
+    iconUser?: any;
+
+    /**
+     * Initials to be used to render the initials based avatars.
+     */
+    initials?: string;
+
+    /**
+     * Callback to signal the failure of the loading of the URL.
+     */
+    onAvatarLoadError?: Function;
+
+    /**
+     * Additional parameters to be passed to onAvatarLoadError function.
+     */
+    onAvatarLoadErrorParams?: Object;
+
+    /**
+     * Expected size of the avatar.
+     */
+    size?: number;
+}
diff --git a/react/features/base/buttons/CopyButton.web.tsx b/react/features/base/buttons/CopyButton.web.tsx
new file mode 100644
index 0000000..7a8cf32
--- /dev/null
+++ b/react/features/base/buttons/CopyButton.web.tsx
@@ -0,0 +1,244 @@
+/* eslint-disable react/jsx-no-bind */
+import React, { useEffect, useState } from 'react';
+import { makeStyles } from 'tss-react/mui';
+
+import Icon from '../icons/components/Icon';
+import { IconCheck, IconCopy } from '../icons/svg';
+import { copyText } from '../util/copyText.web';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        copyButton: {
+            ...theme.typography.bodyShortBold,
+            borderRadius: theme.shape.borderRadius,
+            display: 'flex',
+            justifyContent: 'flex-start',
+            alignItems: 'center',
+            padding: `${theme.spacing(2)} ${theme.spacing(3)}`,
+            width: '100%',
+            boxSizing: 'border-box',
+            background: theme.palette.action01,
+            cursor: 'pointer',
+            color: theme.palette.text01,
+
+            '&:hover': {
+                backgroundColor: theme.palette.action01Hover
+            },
+
+            '&.clicked': {
+                background: theme.palette.success02
+            },
+
+            '& > div > svg': {
+                fill: theme.palette.icon01
+            }
+        },
+
+        content: {
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap' as const,
+            maxWidth: 292,
+            marginRight: theme.spacing(3),
+
+            '&.selected': {
+                fontWeight: 600
+            }
+        },
+
+        icon: {
+            marginRight: theme.spacing(2)
+        }
+    };
+});
+
+let mounted: boolean;
+
+interface IProps {
+
+    /**
+     * The invisible text for screen readers.
+     *
+     * Intended to give the same info as `displayedText`, but can be customized to give more necessary context.
+     * If not given, `displayedText` will be used.
+     */
+    accessibilityText?: string;
+
+    /**
+     * Css class to apply on container.
+     */
+    className?: string;
+
+    /**
+     * The displayed text.
+     */
+    displayedText: string;
+
+    /**
+     * The id of the button.
+     */
+    id?: string;
+
+    /**
+     * The text displayed on copy success.
+     */
+    textOnCopySuccess: string;
+
+    /**
+     * The text displayed on mouse hover.
+     */
+    textOnHover: string;
+
+    /**
+     * The text that needs to be copied (might differ from the displayedText).
+     */
+    textToCopy: string;
+}
+
+/**
+ * Component meant to enable users to copy the conference URL.
+ *
+ * @returns {React$Element<any>}
+ */
+function CopyButton({
+    accessibilityText,
+    className = '',
+    displayedText,
+    textToCopy,
+    textOnHover,
+    textOnCopySuccess,
+    id
+}: IProps) {
+    const { classes, cx } = useStyles();
+    const [ isClicked, setIsClicked ] = useState(false);
+    const [ isHovered, setIsHovered ] = useState(false);
+
+    useEffect(() => {
+        mounted = true;
+
+        return () => {
+            mounted = false;
+        };
+    }, []);
+
+    /**
+     * Click handler for the element.
+     *
+     * @returns {void}
+     */
+    async function onClick() {
+        setIsHovered(false);
+
+        const isCopied = await copyText(textToCopy);
+
+        if (isCopied) {
+            setIsClicked(true);
+
+            setTimeout(() => {
+                // avoid: Can't perform a React state update on an unmounted component
+                if (mounted) {
+                    setIsClicked(false);
+                }
+            }, 2500);
+        }
+    }
+
+    /**
+     * Hover handler for the element.
+     *
+     * @returns {void}
+     */
+    function onHoverIn() {
+        if (!isClicked) {
+            setIsHovered(true);
+        }
+    }
+
+    /**
+     * Hover handler for the element.
+     *
+     * @returns {void}
+     */
+    function onHoverOut() {
+        setIsHovered(false);
+    }
+
+    /**
+     * KeyPress handler for accessibility.
+     *
+     * @param {React.KeyboardEventHandler<HTMLDivElement>} e - The key event to handle.
+     *
+     * @returns {void}
+     */
+    function onKeyPress(e: React.KeyboardEvent) {
+        if (onClick && (e.key === ' ' || e.key === 'Enter')) {
+            e.preventDefault();
+            onClick();
+        }
+    }
+
+    /**
+     * Renders the content of the link based on the state.
+     *
+     * @returns {React$Element<any>}
+     */
+    function renderContent() {
+        if (isClicked) {
+            return (
+                <>
+                    <Icon
+                        className = { classes.icon }
+                        size = { 24 }
+                        src = { IconCheck } />
+                    <div className = { cx(classes.content, 'selected') }>
+                        <span role = { 'alert' }>{ textOnCopySuccess }</span>
+                    </div>
+                </>
+            );
+        }
+
+        return (
+            <>
+                <Icon
+                    className = { classes.icon }
+                    size = { 24 }
+                    src = { IconCopy } />
+                <div className = { classes.content }>
+                    <span> { isHovered ? textOnHover : displayedText } </span>
+                </div>
+            </>
+        );
+    }
+
+    return (
+        <>
+            <div
+                aria-describedby = { displayedText === textOnHover
+                    ? undefined
+                    : `${id}-sr-text` }
+                aria-label = { displayedText === textOnHover ? accessibilityText : textOnHover }
+                className = { cx(className, classes.copyButton, isClicked ? ' clicked' : '') }
+                id = { id }
+                onBlur = { onHoverOut }
+                onClick = { onClick }
+                onFocus = { onHoverIn }
+                onKeyPress = { onKeyPress }
+                onMouseOut = { onHoverOut }
+                onMouseOver = { onHoverIn }
+                role = 'button'
+                tabIndex = { 0 }>
+                { renderContent() }
+            </div>
+
+            { displayedText !== textOnHover && (
+                <span
+                    className = 'sr-only'
+                    id = { `${id}-sr-text` }>
+                    { accessibilityText }
+                </span>
+            )}
+        </>
+    );
+}
+
+export default CopyButton;
diff --git a/react/features/base/color-scheme/ColorSchemeRegistry.ts b/react/features/base/color-scheme/ColorSchemeRegistry.ts
new file mode 100644
index 0000000..721b6c1
--- /dev/null
+++ b/react/features/base/color-scheme/ColorSchemeRegistry.ts
@@ -0,0 +1,162 @@
+import { IStateful } from '../app/types';
+import { toState } from '../redux/functions';
+import { StyleType } from '../styles/functions.any';
+
+import defaultScheme from './defaultScheme';
+
+/**
+ * A registry class to register styles that need to be color-schemed.
+ *
+ * This class uses lazy initialization for scheme-ified style definitions on
+ * request.
+ */
+class ColorSchemeRegistry {
+    /**
+     * A map of already scheme-ified style definitions.
+     */
+    _schemedStyles = new Map();
+
+    /**
+     * A map of registered style templates.
+     */
+    _styleTemplates = new Map();
+
+    /**
+     * Clears the already scheme-ified style definitions.
+     *
+     * @returns {void}
+     */
+    clear() {
+        this._schemedStyles.clear();
+    }
+
+    /**
+     * Retrieves the color-scheme applied style definition of a component.
+     *
+     * @param {Object | Function} stateful - An object or function that can be
+     * resolved to Redux state using the {@code toState} function.
+     * @param {string} componentName - The name of the component whose style we
+     * want to retrieve.
+     * @returns {StyleType}
+     */
+    get(stateful: IStateful, componentName: string): StyleType {
+        let schemedStyle = this._schemedStyles.get(componentName);
+
+        if (!schemedStyle) {
+            schemedStyle
+                = this._applyColorScheme(
+                    stateful,
+                    componentName,
+                    this._styleTemplates.get(componentName));
+            this._schemedStyles.set(componentName, schemedStyle);
+        }
+
+        return schemedStyle;
+    }
+
+    /**
+     * Registers a style definition to the registry for color-scheming.
+     *
+     * NOTE: It's suggested to only use this registry on styles where color
+     * scheming is needed, otherwise just use a static style object as before.
+     *
+     * @param {string} componentName - The name of the component to register the
+     * style to (e.g. {@code 'Toolbox'}).
+     * @param {StyleType} style - The style definition to register.
+     * @returns {void}
+     */
+    register(componentName: string, style: any): void {
+        this._styleTemplates.set(componentName, style);
+
+        // If this is a style overwrite, we need to delete the processed version
+        // of the style from the other map
+        this._schemedStyles.delete(componentName);
+    }
+
+    /**
+     * Creates a color schemed style object applying the color scheme to every
+     * colors in the style object prepared in a special way.
+     *
+     * @param {Object | Function} stateful - An object or function that can be
+     * resolved to Redux state using the {@code toState} function.
+     * @param {string} componentName - The name of the component to apply the
+     * color scheme to.
+     * @param {StyleType} style - The style definition to apply the color scheme
+     * to.
+     * @returns {StyleType}
+     */
+    _applyColorScheme(
+            stateful: IStateful,
+            componentName: string,
+            style: StyleType | null): StyleType {
+        let schemedStyle: any;
+
+        if (Array.isArray(style)) {
+            // The style is an array of styles, we apply the same transformation
+            // to each, recursively.
+            schemedStyle = [];
+
+            for (const entry of style) {
+                schemedStyle.push(this._applyColorScheme(
+                    stateful, componentName, entry));
+            }
+        } else {
+            // The style is an object, we create a copy of it to avoid in-place
+            // modification.
+            schemedStyle = {
+                ...style
+            };
+
+            for (const [
+                styleName,
+                styleValue
+            ] of Object.entries(schemedStyle)) {
+                if (typeof styleValue === 'object') {
+                    // The value is another style object, we apply the same
+                    // transformation recursively.
+                    schemedStyle[styleName]
+                        = this._applyColorScheme(
+                            stateful, componentName, styleValue as StyleType);
+                } else if (typeof styleValue === 'function') {
+                    // The value is a function, which indicates that it's a
+                    // dynamic, schemed color we need to resolve.
+                    const value = styleValue();
+
+                    schemedStyle[styleName]
+                        = this._getColor(stateful, componentName, value);
+                }
+
+            }
+        }
+
+        return schemedStyle;
+    }
+
+    /**
+     * Function to get the color value for the provided identifier.
+     *
+     * @param {Object | Function} stateful - An object or function that can be
+     * resolved to Redux state using the {@code toState} function.
+     * @param {string} componentName - The name of the component to get the
+     * color value for.
+     * @param {string} colorDefinition - The string identifier of the color,
+     * e.g. {@code appBackground}.
+     * @returns {string}
+     */
+    _getColor(
+            stateful: IStateful,
+            componentName: string,
+            colorDefinition: string): string {
+        const colorScheme = toState(stateful)['features/base/color-scheme'] || {};
+
+        return {
+            ...defaultScheme._defaultTheme,
+            ...colorScheme._defaultTheme,
+            ...defaultScheme[componentName as keyof typeof defaultScheme],
+            ...colorScheme[componentName]
+        }[colorDefinition];
+    }
+
+}
+
+export default new ColorSchemeRegistry();
diff --git a/react/features/base/color-scheme/defaultScheme.ts b/react/features/base/color-scheme/defaultScheme.ts
new file mode 100644
index 0000000..537d258
--- /dev/null
+++ b/react/features/base/color-scheme/defaultScheme.ts
@@ -0,0 +1,30 @@
+import { ColorPalette } from '../styles/components/styles/ColorPalette';
+import { getRGBAFormat } from '../styles/functions.any';
+
+/**
+ * The default color scheme of the application.
+ */
+export default {
+    '_defaultTheme': {
+        // Generic app theme colors that are used across the entire app.
+        // All scheme definitions below inherit these values.
+        background: 'rgb(255, 255, 255)',
+        errorText: ColorPalette.red,
+        icon: 'rgb(28, 32, 37)',
+        text: 'rgb(28, 32, 37)'
+    },
+    'Dialog': {},
+    'Header': {
+        background: ColorPalette.blue,
+        icon: ColorPalette.white,
+        statusBar: ColorPalette.blueHighlight,
+        statusBarContent: ColorPalette.white,
+        text: ColorPalette.white
+    },
+    'Toolbox': {
+        button: 'rgb(255, 255, 255)',
+        buttonToggled: 'rgb(38, 58, 76)',
+        buttonToggledBorder: getRGBAFormat('#a4b8d1', 0.6),
+        hangup: 'rgb(227,79,86)'
+    }
+};
diff --git a/react/features/base/color-scheme/functions.ts b/react/features/base/color-scheme/functions.ts
new file mode 100644
index 0000000..b8a437b
--- /dev/null
+++ b/react/features/base/color-scheme/functions.ts
@@ -0,0 +1,11 @@
+/**
+ * A special function to be used in the {@code createColorSchemedStyle} call,
+ * that denotes that the color is a dynamic color.
+ *
+ * @param {string} colorDefinition - The definition of the color to mark to be
+ * resolved.
+ * @returns {Function}
+ */
+export function schemeColor(colorDefinition: string): Function {
+    return () => colorDefinition;
+}
diff --git a/react/features/base/components/themes/participantsPaneTheme.json b/react/features/base/components/themes/participantsPaneTheme.json
new file mode 100644
index 0000000..9d27f1c
--- /dev/null
+++ b/react/features/base/components/themes/participantsPaneTheme.json
@@ -0,0 +1,5 @@
+{
+    "panePadding": 24,
+    "participantsPaneWidth": 315,
+    "MD_BREAKPOINT": "580px"
+}
diff --git a/react/features/base/conference/actionTypes.ts b/react/features/base/conference/actionTypes.ts
new file mode 100644
index 0000000..4b73da9
--- /dev/null
+++ b/react/features/base/conference/actionTypes.ts
@@ -0,0 +1,359 @@
+/**
+ * The type of (redux) action which signals that server authentication has
+ * becoming available or unavailable or logged in user has changed.
+ *
+ * {
+ *     type: AUTH_STATUS_CHANGED,
+ *     authEnabled: boolean,
+ *     authLogin: string
+ * }
+ */
+export const AUTH_STATUS_CHANGED = 'AUTH_STATUS_CHANGED';
+
+/**
+ * The type of (redux) action which signals that a specific conference failed.
+ *
+ * {
+ *     type: CONFERENCE_FAILED,
+ *     conference: JitsiConference,
+ *     error: Error
+ * }
+ */
+export const CONFERENCE_FAILED = 'CONFERENCE_FAILED';
+
+/**
+ * The type of (redux) action which signals that a specific conference was
+ * joined.
+ *
+ * {
+ *     type: CONFERENCE_JOINED,
+ *     conference: JitsiConference
+ * }
+ */
+export const CONFERENCE_JOINED = 'CONFERENCE_JOINED';
+
+/**
+ * The type of (redux) action which signals that a specific conference joining is in progress.
+ * A CONFERENCE_JOINED is guaranteed to follow.
+ *
+ * {
+ *     type: CONFERENCE_JOIN_IN_PROGRESS,
+ *     conference: JitsiConference
+ * }
+ */
+export const CONFERENCE_JOIN_IN_PROGRESS = 'CONFERENCE_JOIN_IN_PROGRESS';
+
+/**
+ * The type of (redux) action which signals that a specific conference was left.
+ *
+ * {
+ *     type: CONFERENCE_LEFT,
+ *     conference: JitsiConference
+ * }
+ */
+export const CONFERENCE_LEFT = 'CONFERENCE_LEFT';
+
+/**
+ * The type of (redux) action which signals that the conference is out of focus.
+ * For example, if the user navigates to the Chat screen.
+ *
+ * {
+ *      type: CONFERENCE_BLURRED,
+ * }
+ */
+export const CONFERENCE_BLURRED = 'CONFERENCE_BLURRED';
+
+/**
+ * The type of (redux) action which signals that the conference is in focus.
+ *
+ * {
+ *      type: CONFERENCE_FOCUSED,
+ * }
+ */
+export const CONFERENCE_FOCUSED = 'CONFERENCE_FOCUSED';
+
+/**
+ * The type of (redux) action, which indicates conference local subject changes.
+ *
+ * {
+ *     type: CONFERENCE_LOCAL_SUBJECT_CHANGED
+ *     subject: string
+ * }
+ */
+ export const CONFERENCE_LOCAL_SUBJECT_CHANGED = 'CONFERENCE_LOCAL_SUBJECT_CHANGED';
+
+/**
+ * The type of (redux) action, which indicates conference properties change.
+ *
+ * {
+ *     type: CONFERENCE_PROPERTIES_CHANGED
+ *     properties: {
+*           audio-recording-enabled: boolean,
+ *          visitor-count: number
+ *     }
+ * }
+ */
+ export const CONFERENCE_PROPERTIES_CHANGED = 'CONFERENCE_PROPERTIES_CHANGED';
+
+ /**
+ * The type of (redux) action, which indicates conference subject changes.
+ *
+ * {
+ *     type: CONFERENCE_SUBJECT_CHANGED
+ *     subject: string
+ * }
+ */
+export const CONFERENCE_SUBJECT_CHANGED = 'CONFERENCE_SUBJECT_CHANGED';
+
+/**
+* The type of (redux) action, which indicates conference UTC timestamp changes.
+*
+* {
+*      type: CONFERENCE_TIMESTAMP_CHANGED
+*      timestamp: number
+* }
+*/
+export const CONFERENCE_TIMESTAMP_CHANGED = 'CONFERENCE_TIMESTAMP_CHANGED';
+
+/**
+ * The type of (redux) action which signals that an uuid for a conference has been set.
+ *
+ * {
+ *     type: CONFERENCE_UNIQUE_ID_SET,
+ *     conference: JitsiConference
+ * }
+ */
+export const CONFERENCE_UNIQUE_ID_SET = 'CONFERENCE_UNIQUE_ID_SET';
+
+/**
+ * The type of (redux) action which signals that the end-to-end RTT against a specific remote participant has changed.
+ *
+ * {
+ *     type: E2E_RTT_CHANGED,
+ *     e2eRtt: {
+ *         rtt: number,
+ *         participant: Object,
+ *     }
+ * }
+ */
+export const E2E_RTT_CHANGED = 'E2E_RTT_CHANGED'
+
+/**
+ * The type of (redux) action which signals that a conference will be initialized.
+ *
+ * {
+ *     type: CONFERENCE_WILL_INIT
+ * }
+ */
+export const CONFERENCE_WILL_INIT = 'CONFERENCE_WILL_INIT';
+
+/**
+ * The type of (redux) action which signals that a specific conference will be
+ * joined.
+ *
+ * {
+ *     type: CONFERENCE_WILL_JOIN,
+ *     conference: JitsiConference
+ * }
+ */
+export const CONFERENCE_WILL_JOIN = 'CONFERENCE_WILL_JOIN';
+
+/**
+ * The type of (redux) action which signals that a specific conference will be
+ * left.
+ *
+ * {
+ *     type: CONFERENCE_WILL_LEAVE,
+ *     conference: JitsiConference
+ * }
+ */
+export const CONFERENCE_WILL_LEAVE = 'CONFERENCE_WILL_LEAVE';
+
+/**
+ * The type of (redux) action which signals that the data channel with the
+ * bridge has been established.
+ *
+ * {
+ *     type: DATA_CHANNEL_OPENED
+ * }
+ */
+export const DATA_CHANNEL_OPENED = 'DATA_CHANNEL_OPENED';
+
+/**
+ * The type of (redux) action which signals that the data channel with the
+ * bridge has been closed.
+ *
+ * {
+ *     type: DATA_CHANNEL_CLOSED,
+ *     code: number,
+ *     reason: string
+ * }
+ */
+export const DATA_CHANNEL_CLOSED = 'DATA_CHANNEL_CLOSED';
+
+/**
+ * The type of (redux) action which indicates that an endpoint message
+ * sent by another participant to the data channel is received.
+ *
+ * {
+ *     type: ENDPOINT_MESSAGE_RECEIVED,
+ *     participant: Object,
+ *     data: Object
+ * }
+ */
+export const ENDPOINT_MESSAGE_RECEIVED = 'ENDPOINT_MESSAGE_RECEIVED';
+
+/**
+ * The type of action which signals that the user has been kicked out from
+ * the conference.
+ *
+ * {
+ *     type: KICKED_OUT,
+ *     conference: JitsiConference
+ * }
+ */
+export const KICKED_OUT = 'KICKED_OUT';
+
+/**
+ * The type of (redux) action which signals that the lock state of a specific
+ * {@code JitsiConference} changed.
+ *
+ * {
+ *     type: LOCK_STATE_CHANGED,
+ *     conference: JitsiConference,
+ *     locked: boolean
+ * }
+ */
+export const LOCK_STATE_CHANGED = 'LOCK_STATE_CHANGED';
+
+/**
+ * The type of (redux) action which signals that a system (non-participant) message has been received.
+ *
+ * {
+ *     type: NON_PARTICIPANT_MESSAGE_RECEIVED,
+ *     id: String,
+ *     json: Object
+ * }
+ */
+export const NON_PARTICIPANT_MESSAGE_RECEIVED = 'NON_PARTICIPANT_MESSAGE_RECEIVED';
+
+/**
+ * The type of (redux) action which sets the peer2peer flag for the current
+ * conference.
+ *
+ * {
+ *     type: P2P_STATUS_CHANGED,
+ *     p2p: boolean
+ * }
+ */
+export const P2P_STATUS_CHANGED = 'P2P_STATUS_CHANGED';
+
+/**
+ * The type of (redux) action which signals to play specified touch tones.
+ *
+ * {
+ *     type: SEND_TONES,
+ *     tones: string,
+ *     duration: number,
+ *     pause: number
+ * }
+ */
+export const SEND_TONES = 'SEND_TONES';
+
+/**
+ * The type of (redux) action which sets the obfuscated room name.
+ *
+ * {
+ *     type: SET_OBFUSCATED_ROOM,
+ *     obfuscatedRoom: string
+ * }
+ */
+ export const SET_OBFUSCATED_ROOM = 'SET_OBFUSCATED_ROOM';
+
+/**
+ * The type of (redux) action which updates the current known status of the
+ * Mute Reactions Sound feature.
+ *
+ * {
+ *     type: SET_START_REACTIONS_MUTED,
+ *     enabled: boolean
+ * }
+ */
+export const SET_START_REACTIONS_MUTED = 'SET_START_REACTIONS_MUTED';
+
+/**
+ * The type of (redux) action which sets the password to join or lock a specific
+ * {@code JitsiConference}.
+ *
+ * {
+ *     type: SET_PASSWORD,
+ *     conference: JitsiConference,
+ *     method: Function
+ *     password: string
+ * }
+ */
+export const SET_PASSWORD = 'SET_PASSWORD';
+
+/**
+ * The type of (redux) action which signals that setting a password on a
+ * {@code JitsiConference} failed (with an error).
+ *
+ * {
+ *     type: SET_PASSWORD_FAILED,
+ *     error: string
+ * }
+ */
+export const SET_PASSWORD_FAILED = 'SET_PASSWORD_FAILED';
+
+/**
+ * The type of (redux) action which signals for pending subject changes.
+ *
+ * {
+ *     type: SET_PENDING_SUBJECT_CHANGE,
+ *     subject: string
+ * }
+ */
+export const SET_PENDING_SUBJECT_CHANGE = 'SET_PENDING_SUBJECT_CHANGE';
+
+/**
+ * The type of (redux) action which sets the name of the room of the
+ * conference to be joined.
+ *
+ * {
+ *     type: SET_ROOM,
+ *     room: string
+ * }
+ */
+export const SET_ROOM = 'SET_ROOM';
+
+/**
+ * The type of (redux) action which updates the current known status of the
+ * moderator features for starting participants as audio or video muted.
+ *
+ * {
+ *     type: SET_START_MUTED_POLICY,
+ *     startAudioMutedPolicy: boolean,
+ *     startVideoMutedPolicy: boolean
+ * }
+ */
+export const SET_START_MUTED_POLICY = 'SET_START_MUTED_POLICY';
+
+/**
+ * The type of (redux) action which updates the assumed bandwidth bps.
+ *
+ * {
+ *      type: SET_ASSUMED_BANDWIDTH_BPS,
+ *      assumedBandwidthBps: number
+ * }
+ */
+export const SET_ASSUMED_BANDWIDTH_BPS = 'SET_ASSUMED_BANDWIDTH_BPS';
+
+/**
+ * The type of (redux) action which updated the conference metadata.
+ *
+ * {
+ *     type: UPDATE_CONFERENCE_METADATA,
+ *     metadata: Object
+ * }
+ */
+export const UPDATE_CONFERENCE_METADATA = 'UPDATE_CONFERENCE_METADATA';
diff --git a/react/features/base/conference/actions.any.ts b/react/features/base/conference/actions.any.ts
new file mode 100644
index 0000000..077febb
--- /dev/null
+++ b/react/features/base/conference/actions.any.ts
@@ -0,0 +1,1118 @@
+import { IReduxState, IStore } from '../../app/types';
+import { readyToClose } from '../../mobile/external-api/actions';
+import { transcriberJoined, transcriberLeft } from '../../transcribing/actions';
+import { setIAmVisitor } from '../../visitors/actions';
+import { iAmVisitor } from '../../visitors/functions';
+import { overwriteConfig } from '../config/actions';
+import { getReplaceParticipant } from '../config/functions';
+import { connect, disconnect, hangup } from '../connection/actions';
+import { JITSI_CONNECTION_CONFERENCE_KEY } from '../connection/constants';
+import { hasAvailableDevices } from '../devices/functions.any';
+import JitsiMeetJS, { JitsiConferenceEvents, JitsiE2ePingEvents } from '../lib-jitsi-meet';
+import {
+    setAudioUnmutePermissions,
+    setVideoUnmutePermissions
+} from '../media/actions';
+import { MEDIA_TYPE, MediaType } from '../media/constants';
+import {
+    dominantSpeakerChanged,
+    participantKicked,
+    participantMutedUs,
+    participantPresenceChanged,
+    participantRoleChanged,
+    participantSourcesUpdated,
+    participantUpdated
+} from '../participants/actions';
+import { getLocalParticipant, getNormalizedDisplayName, getParticipantByIdOrUndefined } from '../participants/functions';
+import { IJitsiParticipant } from '../participants/types';
+import { toState } from '../redux/functions';
+import {
+    destroyLocalTracks,
+    trackAdded,
+    trackRemoved
+} from '../tracks/actions.any';
+import { getLocalTracks } from '../tracks/functions';
+import { getBackendSafeRoomName } from '../util/uri';
+
+import {
+    AUTH_STATUS_CHANGED,
+    CONFERENCE_FAILED,
+    CONFERENCE_JOINED,
+    CONFERENCE_JOIN_IN_PROGRESS,
+    CONFERENCE_LEFT,
+    CONFERENCE_LOCAL_SUBJECT_CHANGED,
+    CONFERENCE_PROPERTIES_CHANGED,
+    CONFERENCE_SUBJECT_CHANGED,
+    CONFERENCE_TIMESTAMP_CHANGED,
+    CONFERENCE_UNIQUE_ID_SET,
+    CONFERENCE_WILL_INIT,
+    CONFERENCE_WILL_JOIN,
+    CONFERENCE_WILL_LEAVE,
+    DATA_CHANNEL_CLOSED,
+    DATA_CHANNEL_OPENED,
+    E2E_RTT_CHANGED,
+    ENDPOINT_MESSAGE_RECEIVED,
+    KICKED_OUT,
+    LOCK_STATE_CHANGED,
+    NON_PARTICIPANT_MESSAGE_RECEIVED,
+    P2P_STATUS_CHANGED,
+    SEND_TONES,
+    SET_ASSUMED_BANDWIDTH_BPS,
+    SET_OBFUSCATED_ROOM,
+    SET_PASSWORD,
+    SET_PASSWORD_FAILED,
+    SET_PENDING_SUBJECT_CHANGE,
+    SET_ROOM,
+    SET_START_MUTED_POLICY,
+    SET_START_REACTIONS_MUTED,
+    UPDATE_CONFERENCE_METADATA
+} from './actionTypes';
+import { setupVisitorStartupMedia } from './actions';
+import {
+    AVATAR_URL_COMMAND,
+    EMAIL_COMMAND,
+    JITSI_CONFERENCE_URL_KEY
+} from './constants';
+import {
+    _addLocalTracksToConference,
+    commonUserJoinedHandling,
+    commonUserLeftHandling,
+    getConferenceOptions,
+    getConferenceState,
+    getCurrentConference,
+    getVisitorOptions,
+    sendLocalParticipant,
+    updateTrackMuteState
+} from './functions';
+import logger from './logger';
+import { IConferenceMetadata, IJitsiConference } from './reducer';
+
+/**
+ * Adds conference (event) listeners.
+ *
+ * @param {JitsiConference} conference - The JitsiConference instance.
+ * @param {Dispatch} dispatch - The Redux dispatch function.
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {void}
+ */
+function _addConferenceListeners(conference: IJitsiConference, dispatch: IStore['dispatch'], state: IReduxState) {
+    // A simple logger for conference errors received through
+    // the listener. These errors are not handled now, but logged.
+    conference.on(JitsiConferenceEvents.CONFERENCE_ERROR,
+        (error: Error) => logger.error('Conference error.', error));
+
+    // Dispatches into features/base/conference follow:
+
+    // we want to ignore this event in case of tokenAuthUrl config
+    // we are deprecating this and at some point will get rid of it
+    if (!state['features/base/config'].tokenAuthUrl) {
+        conference.on(
+            JitsiConferenceEvents.AUTH_STATUS_CHANGED,
+            (authEnabled: boolean, authLogin: string) => dispatch(authStatusChanged(authEnabled, authLogin)));
+    }
+
+    conference.on(
+        JitsiConferenceEvents.CONFERENCE_FAILED,
+        (err: string, ...args: any[]) => dispatch(conferenceFailed(conference, err, ...args)));
+    conference.on(
+        JitsiConferenceEvents.CONFERENCE_JOINED,
+        (..._args: any[]) => dispatch(conferenceJoined(conference)));
+    conference.on(
+        JitsiConferenceEvents.CONFERENCE_UNIQUE_ID_SET,
+        (..._args: any[]) => dispatch(conferenceUniqueIdSet(conference)));
+    conference.on(
+        JitsiConferenceEvents.CONFERENCE_JOIN_IN_PROGRESS,
+        (..._args: any[]) => dispatch(conferenceJoinInProgress(conference)));
+    conference.on(
+        JitsiConferenceEvents.CONFERENCE_LEFT,
+        (..._args: any[]) => {
+            dispatch(conferenceTimestampChanged(0));
+            dispatch(conferenceLeft(conference));
+        });
+    conference.on(JitsiConferenceEvents.SUBJECT_CHANGED,
+        (subject: string) => dispatch(conferenceSubjectChanged(subject)));
+
+    conference.on(JitsiConferenceEvents.CONFERENCE_CREATED_TIMESTAMP,
+        (timestamp: number) => dispatch(conferenceTimestampChanged(timestamp)));
+
+    conference.on(
+        JitsiConferenceEvents.KICKED,
+        (participant: any, reason: any, isReplaced: boolean) => {
+
+            if (isReplaced) {
+                const localParticipant = getLocalParticipant(state);
+
+                dispatch(participantUpdated({
+                    conference,
+
+                    // @ts-ignore
+                    id: localParticipant.id,
+                    isReplaced
+                }));
+
+                dispatch(readyToClose());
+            } else {
+                dispatch(kickedOut(conference, participant));
+            }
+        });
+
+    conference.on(
+        JitsiConferenceEvents.PARTICIPANT_KICKED,
+        (kicker: any, kicked: any) => dispatch(participantKicked(kicker, kicked)));
+
+    conference.on(
+        JitsiConferenceEvents.PARTICIPANT_SOURCE_UPDATED,
+        (jitsiParticipant: IJitsiParticipant) => dispatch(participantSourcesUpdated(jitsiParticipant)));
+
+    conference.on(
+        JitsiConferenceEvents.LOCK_STATE_CHANGED,
+        (locked: boolean) => dispatch(lockStateChanged(conference, locked)));
+
+    conference.on(
+        JitsiConferenceEvents.PROPERTIES_CHANGED,
+        (properties: Object) => dispatch(conferencePropertiesChanged(properties)));
+
+    // Dispatches into features/base/media follow:
+
+    conference.on(
+        JitsiConferenceEvents.AUDIO_UNMUTE_PERMISSIONS_CHANGED,
+        (disableAudioMuteChange: boolean) => {
+            dispatch(setAudioUnmutePermissions(disableAudioMuteChange));
+        });
+    conference.on(
+        JitsiConferenceEvents.VIDEO_UNMUTE_PERMISSIONS_CHANGED,
+        (disableVideoMuteChange: boolean) => {
+            dispatch(setVideoUnmutePermissions(disableVideoMuteChange));
+        });
+    conference.on(
+        JitsiConferenceEvents.START_MUTED_POLICY_CHANGED,
+        ({ audio, video }: { audio: boolean; video: boolean; }) => {
+            dispatch(onStartMutedPolicyChanged(audio, video));
+
+            updateTrackMuteState(state, dispatch, true);
+            updateTrackMuteState(state, dispatch, false);
+        }
+    );
+
+    // Dispatches into features/base/tracks follow:
+
+    conference.on(
+        JitsiConferenceEvents.TRACK_ADDED,
+        (t: any) => t && !t.isLocal() && dispatch(trackAdded(t)));
+    conference.on(
+        JitsiConferenceEvents.TRACK_REMOVED,
+        (t: any) => t && !t.isLocal() && dispatch(trackRemoved(t)));
+
+    conference.on(
+        JitsiConferenceEvents.TRACK_MUTE_CHANGED,
+        (track: any, participantThatMutedUs: any) => {
+            if (participantThatMutedUs) {
+                dispatch(participantMutedUs(participantThatMutedUs, track));
+            }
+        });
+
+    conference.on(JitsiConferenceEvents.TRACK_UNMUTE_REJECTED, (track: any) => dispatch(destroyLocalTracks(track)));
+
+    // Dispatches into features/base/participants follow:
+    conference.on(
+        JitsiConferenceEvents.DISPLAY_NAME_CHANGED,
+        (id: string, displayName: string) => dispatch(participantUpdated({
+            conference,
+            id,
+            name: getNormalizedDisplayName(displayName)
+        })));
+
+    conference.on(
+        JitsiConferenceEvents.SILENT_STATUS_CHANGED,
+        (id: string, isSilent: boolean) => dispatch(participantUpdated({
+            conference,
+            id,
+            isSilent
+        })));
+
+    conference.on(
+        JitsiConferenceEvents.DOMINANT_SPEAKER_CHANGED,
+        (dominant: string, previous: string[], silence: boolean | string) => {
+            dispatch(dominantSpeakerChanged(dominant, previous, Boolean(silence), conference));
+        });
+
+    conference.on(
+        JitsiConferenceEvents.ENDPOINT_MESSAGE_RECEIVED,
+        (participant: Object, json: Object) => dispatch(endpointMessageReceived(participant, json)));
+
+    conference.on(
+        JitsiConferenceEvents.NON_PARTICIPANT_MESSAGE_RECEIVED,
+        (id: string, json: Object) => dispatch(nonParticipantMessageReceived(id, json)));
+
+    conference.on(
+        JitsiConferenceEvents.USER_JOINED,
+        (_id: string, user: any) => commonUserJoinedHandling({ dispatch }, conference, user));
+    conference.on(
+        JitsiConferenceEvents.USER_LEFT,
+        (_id: string, user: any) => commonUserLeftHandling({ dispatch }, conference, user));
+    conference.on(
+        JitsiConferenceEvents.USER_ROLE_CHANGED,
+        (id: string, role: string) => dispatch(participantRoleChanged(id, role)));
+    conference.on(
+        JitsiConferenceEvents.USER_STATUS_CHANGED,
+        (id: string, presence: string) => dispatch(participantPresenceChanged(id, presence)));
+
+    conference.on(
+        JitsiE2ePingEvents.E2E_RTT_CHANGED,
+        (participant: Object, rtt: number) => dispatch(e2eRttChanged(participant, rtt)));
+
+    conference.on(
+        JitsiConferenceEvents.BOT_TYPE_CHANGED,
+        (id: string, botType: string) => dispatch(participantUpdated({
+            conference,
+            id,
+            botType
+        })));
+
+    conference.on(
+        JitsiConferenceEvents.TRANSCRIPTION_STATUS_CHANGED,
+        (status: string, id: string, abruptly: boolean) => {
+            if (status === JitsiMeetJS.constants.transcriptionStatus.ON) {
+                dispatch(transcriberJoined(id));
+            } else if (status === JitsiMeetJS.constants.transcriptionStatus.OFF) {
+                dispatch(transcriberLeft(id, abruptly));
+            }
+        });
+
+    conference.addCommandListener(
+        AVATAR_URL_COMMAND,
+        (data: { value: string; }, id: string) => {
+            const participant = getParticipantByIdOrUndefined(state, id);
+
+            // if already set from presence(jwt), skip the command processing
+            if (!participant?.avatarURL) {
+                return dispatch(participantUpdated({
+                    conference,
+                    id,
+                    avatarURL: data.value
+                }));
+            }
+        });
+    conference.addCommandListener(
+        EMAIL_COMMAND,
+        (data: { value: string; }, id: string) => dispatch(participantUpdated({
+            conference,
+            id,
+            email: data.value
+        })));
+}
+
+/**
+ * Action for updating the conference metadata.
+ *
+ * @param {IConferenceMetadata} metadata - The metadata object.
+ * @returns {{
+ *    type: UPDATE_CONFERENCE_METADATA,
+ *    metadata: IConferenceMetadata
+ * }}
+ */
+export function updateConferenceMetadata(metadata: IConferenceMetadata | null) {
+    return {
+        type: UPDATE_CONFERENCE_METADATA,
+        metadata
+    };
+}
+
+/**
+ * Create an action for when the end-to-end RTT against a specific remote participant has changed.
+ *
+ * @param {Object} participant - The participant against which the rtt is measured.
+ * @param {number} rtt - The rtt.
+ * @returns {{
+ *     type: E2E_RTT_CHANGED,
+ *     e2eRtt: {
+ *         participant: Object,
+ *         rtt: number
+ *     }
+ * }}
+ */
+export function e2eRttChanged(participant: Object, rtt: number) {
+    return {
+        type: E2E_RTT_CHANGED,
+        e2eRtt: {
+            rtt,
+            participant
+        }
+    };
+}
+
+/**
+ * Updates the current known state of server-side authentication.
+ *
+ * @param {boolean} authEnabled - Whether or not server authentication is
+ * enabled.
+ * @param {string} authLogin - The current name of the logged in user, if any.
+ * @returns {{
+ *     type: AUTH_STATUS_CHANGED,
+ *     authEnabled: boolean,
+ *     authLogin: string
+ * }}
+ */
+export function authStatusChanged(authEnabled: boolean, authLogin: string) {
+    return {
+        type: AUTH_STATUS_CHANGED,
+        authEnabled,
+        authLogin
+    };
+}
+
+/**
+ * Signals that a specific conference has failed.
+ *
+ * @param {JitsiConference} conference - The JitsiConference that has failed.
+ * @param {string} error - The error describing/detailing the cause of the
+ * failure.
+ * @param {any} params - Rest of the params that we receive together with the event.
+ * @returns {{
+ *     type: CONFERENCE_FAILED,
+ *     conference: JitsiConference,
+ *     error: Error
+ * }}
+ * @public
+ */
+export function conferenceFailed(conference: IJitsiConference, error: string, ...params: any) {
+    return {
+        type: CONFERENCE_FAILED,
+        conference,
+
+        // Make the error resemble an Error instance (to the extent that
+        // jitsi-meet needs it).
+        error: {
+            name: error,
+            params,
+            recoverable: undefined
+        }
+    };
+}
+
+/**
+ * Signals that a specific conference has been joined.
+ *
+ * @param {JitsiConference} conference - The JitsiConference instance which was
+ * joined by the local participant.
+ * @returns {{
+ *     type: CONFERENCE_JOINED,
+ *     conference: JitsiConference
+ * }}
+ */
+export function conferenceJoined(conference: IJitsiConference) {
+    return {
+        type: CONFERENCE_JOINED,
+        conference
+    };
+}
+
+/**
+ * Signals that a specific conference join is in progress.
+ *
+ * @param {JitsiConference} conference - The JitsiConference instance for which join by the local participant
+ * is in progress.
+ * @returns {{
+ *     type: CONFERENCE_JOIN_IN_PROGRESS,
+ *     conference: JitsiConference
+ * }}
+ */
+export function conferenceJoinInProgress(conference: IJitsiConference) {
+    return {
+        type: CONFERENCE_JOIN_IN_PROGRESS,
+        conference
+    };
+}
+
+/**
+ * Signals that a specific conference has been left.
+ *
+ * @param {JitsiConference} conference - The JitsiConference instance which was
+ * left by the local participant.
+ * @returns {{
+ *     type: CONFERENCE_LEFT,
+ *     conference: JitsiConference
+ * }}
+ */
+export function conferenceLeft(conference?: IJitsiConference) {
+    return {
+        type: CONFERENCE_LEFT,
+        conference
+    };
+}
+
+/**
+ * Signals that the conference properties have been changed.
+ *
+ * @param {Object} properties - The new properties set.
+ * @returns {{
+ *     type: CONFERENCE_PROPERTIES_CHANGED,
+ *     properties: Object
+ * }}
+ */
+export function conferencePropertiesChanged(properties: object) {
+    return {
+        type: CONFERENCE_PROPERTIES_CHANGED,
+        properties
+    };
+}
+
+
+/**
+ * Signals that the conference subject has been changed.
+ *
+ * @param {string} subject - The new subject.
+ * @returns {{
+ *     type: CONFERENCE_SUBJECT_CHANGED,
+ *     subject: string
+ * }}
+ */
+export function conferenceSubjectChanged(subject: string) {
+    return {
+        type: CONFERENCE_SUBJECT_CHANGED,
+        subject
+    };
+}
+
+/**
+* Signals that the conference timestamp has been changed.
+*
+* @param {number} conferenceTimestamp - The UTC timestamp.
+* @returns {{
+*       type: CONFERENCE_TIMESTAMP_CHANGED,
+*       conferenceTimestamp
+* }}
+*/
+export function conferenceTimestampChanged(conferenceTimestamp: number) {
+    return {
+        type: CONFERENCE_TIMESTAMP_CHANGED,
+        conferenceTimestamp
+    };
+}
+
+/**
+* Signals that the unique identifier for conference has been set.
+*
+* @param {JitsiConference} conference - The JitsiConference instance, where the uuid has been set.
+* @returns {{
+*   type: CONFERENCE_UNIQUE_ID_SET,
+*   conference: JitsiConference,
+* }}
+*/
+export function conferenceUniqueIdSet(conference: IJitsiConference) {
+    return {
+        type: CONFERENCE_UNIQUE_ID_SET,
+        conference
+    };
+}
+
+/**
+ * Adds any existing local tracks to a specific conference before the conference
+ * is joined. Then signals the intention of the application to have the local
+ * participant join the specified conference.
+ *
+ * @param {JitsiConference} conference - The {@code JitsiConference} instance
+ * the local participant will (try to) join.
+ * @returns {Function}
+ */
+export function _conferenceWillJoin(conference: IJitsiConference) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const localTracks
+            = getLocalTracks(state['features/base/tracks'])
+                .map(t => t.jitsiTrack);
+
+        if (localTracks.length && !iAmVisitor(state)) {
+            _addLocalTracksToConference(conference, localTracks);
+        }
+
+        dispatch(conferenceWillJoin(conference));
+    };
+}
+
+/**
+ * Signals the intention of the application to have a conference initialized.
+ *
+ * @returns {{
+ *     type: CONFERENCE_WILL_INIT
+ * }}
+ */
+export function conferenceWillInit() {
+    return {
+        type: CONFERENCE_WILL_INIT
+    };
+}
+
+/**
+ * Signals the intention of the application to have the local participant
+ * join the specified conference.
+ *
+ * @param {JitsiConference} conference - The {@code JitsiConference} instance
+ * the local participant will (try to) join.
+ * @returns {{
+ *     type: CONFERENCE_WILL_JOIN,
+ *     conference: JitsiConference
+ * }}
+ */
+export function conferenceWillJoin(conference?: IJitsiConference) {
+    return {
+        type: CONFERENCE_WILL_JOIN,
+        conference
+    };
+}
+
+/**
+ * Signals the intention of the application to have the local participant leave
+ * a specific conference. Similar in fashion to CONFERENCE_LEFT. Contrary to it
+ * though, it's not guaranteed because CONFERENCE_LEFT may be triggered by
+ * lib-jitsi-meet and not the application.
+ *
+ * @param {JitsiConference} conference - The JitsiConference instance which will
+ * be left by the local participant.
+ * @param {boolean} isRedirect - Indicates if the action has been dispatched as part of visitor promotion.
+ * @returns {{
+ *     type: CONFERENCE_LEFT,
+ *     conference: JitsiConference,
+ *     isRedirect: boolean
+ * }}
+ */
+export function conferenceWillLeave(conference?: IJitsiConference, isRedirect?: boolean) {
+    return {
+        type: CONFERENCE_WILL_LEAVE,
+        conference,
+        isRedirect
+    };
+}
+
+/**
+ * Initializes a new conference.
+ *
+ * @param {string} overrideRoom - Override the room to join, instead of taking it
+ * from Redux.
+ * @returns {Function}
+ */
+export function createConference(overrideRoom?: string | String) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const { connection, locationURL } = state['features/base/connection'];
+
+        if (!connection) {
+            throw new Error('Cannot create a conference without a connection!');
+        }
+
+        const { password, room } = state['features/base/conference'];
+
+        if (!room) {
+            throw new Error('Cannot join a conference without a room name!');
+        }
+
+        // XXX: revisit this.
+        // Hide the custom domain in the room name.
+        const tmp: any = overrideRoom || room;
+        let _room: any = getBackendSafeRoomName(tmp);
+
+        if (tmp.domain) {
+            // eslint-disable-next-line no-new-wrappers
+            _room = new String(tmp);
+            _room.domain = tmp.domain;
+        }
+
+        const conference = connection.initJitsiConference(_room, getConferenceOptions(state));
+
+        // @ts-ignore
+        connection[JITSI_CONNECTION_CONFERENCE_KEY] = conference;
+
+        conference[JITSI_CONFERENCE_URL_KEY] = locationURL;
+
+        dispatch(_conferenceWillJoin(conference));
+
+        _addConferenceListeners(conference, dispatch, state);
+
+        sendLocalParticipant(state, conference);
+
+        const replaceParticipant = getReplaceParticipant(state);
+
+        conference.join(password, replaceParticipant);
+    };
+}
+
+/**
+ * Will try to join the conference again in case it failed earlier with
+ * {@link JitsiConferenceErrors.AUTHENTICATION_REQUIRED}. It means that Jicofo
+ * did not allow to create new room from anonymous domain, but it can be tried
+ * again later in case authenticated user created it in the meantime.
+ *
+ * @returns {Function}
+ */
+export function checkIfCanJoin() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const { authRequired, password }
+            = getState()['features/base/conference'];
+
+        const replaceParticipant = getReplaceParticipant(getState());
+
+        authRequired && dispatch(_conferenceWillJoin(authRequired));
+        authRequired?.join(password, replaceParticipant);
+    };
+}
+
+/**
+ * Signals the data channel with the bridge has successfully opened.
+ *
+ * @returns {{
+ *     type: DATA_CHANNEL_OPENED
+ * }}
+ */
+export function dataChannelOpened() {
+    return {
+        type: DATA_CHANNEL_OPENED
+    };
+}
+
+/**
+ * Signals the data channel with the bridge was abruptly closed.
+ *
+ * @param {number} code - Close code.
+ * @param {string} reason - Close reason.
+ *
+ * @returns {{
+ *     type: DATA_CHANNEL_CLOSED,
+ *     code: number,
+ *     reason: string
+ * }}
+ */
+export function dataChannelClosed(code: number, reason: string) {
+    return {
+        type: DATA_CHANNEL_CLOSED,
+        code,
+        reason
+    };
+}
+
+/**
+ * Signals that a participant sent an endpoint message on the data channel.
+ *
+ * @param {Object} participant - The participant details sending the message.
+ * @param {Object} data - The data carried by the endpoint message.
+ * @returns {{
+*      type: ENDPOINT_MESSAGE_RECEIVED,
+*      participant: Object,
+*      data: Object
+* }}
+*/
+export function endpointMessageReceived(participant: Object, data: Object) {
+    return {
+        type: ENDPOINT_MESSAGE_RECEIVED,
+        participant,
+        data
+    };
+}
+
+/**
+ * Action to end a conference for all participants.
+ *
+ * @returns {Function}
+ */
+export function endConference() {
+    return async (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const { conference } = getConferenceState(toState(getState));
+
+        conference?.end();
+    };
+}
+
+/**
+ * Signals that we've been kicked out of the conference.
+ *
+ * @param {JitsiConference} conference - The {@link JitsiConference} instance
+ * for which the event is being signaled.
+ * @param {JitsiParticipant} participant - The {@link JitsiParticipant}
+ * instance which initiated the kick event.
+ * @returns {{
+ *     type: KICKED_OUT,
+ *     conference: JitsiConference,
+ *     participant: JitsiParticipant
+ * }}
+ */
+export function kickedOut(conference: IJitsiConference, participant: Object) {
+    return {
+        type: KICKED_OUT,
+        conference,
+        participant
+    };
+}
+
+
+/**
+ * Action to leave a conference.
+ *
+ * @returns {Function}
+ */
+export function leaveConference() {
+    return async (dispatch: IStore['dispatch']) => dispatch(hangup(true));
+}
+
+/**
+ * Signals that the lock state of a specific JitsiConference changed.
+ *
+ * @param {JitsiConference} conference - The JitsiConference which had its lock
+ * state changed.
+ * @param {boolean} locked - If the specified conference became locked, true;
+ * otherwise, false.
+ * @returns {{
+ *     type: LOCK_STATE_CHANGED,
+ *     conference: JitsiConference,
+ *     locked: boolean
+ * }}
+ */
+export function lockStateChanged(conference: IJitsiConference, locked: boolean) {
+    return {
+        type: LOCK_STATE_CHANGED,
+        conference,
+        locked
+    };
+}
+
+/**
+ * Signals that a non participant endpoint message has been received.
+ *
+ * @param {string} id - The resource id of the sender.
+ * @param {Object} json - The json carried by the endpoint message.
+ * @returns {{
+ *      type: NON_PARTICIPANT_MESSAGE_RECEIVED,
+ *      id: Object,
+ *      json: Object
+ * }}
+ */
+export function nonParticipantMessageReceived(id: string, json: Object) {
+    return {
+        type: NON_PARTICIPANT_MESSAGE_RECEIVED,
+        id,
+        json
+    };
+}
+
+/**
+ * Updates the known state of start muted policies.
+ *
+ * @param {boolean} audioMuted - Whether or not members will join the conference as audio muted.
+ * @param {boolean} videoMuted - Whether or not members will join the conference as video muted.
+ * @returns {{
+ *     type: SET_START_MUTED_POLICY,
+ *     startAudioMutedPolicy: boolean,
+ *     startVideoMutedPolicy: boolean
+ * }}
+ */
+export function onStartMutedPolicyChanged(
+        audioMuted: boolean, videoMuted: boolean) {
+    return {
+        type: SET_START_MUTED_POLICY,
+        startAudioMutedPolicy: audioMuted,
+        startVideoMutedPolicy: videoMuted
+    };
+}
+
+/**
+ * Sets whether or not peer2peer is currently enabled.
+ *
+ * @param {boolean} p2p - Whether or not peer2peer is currently active.
+ * @returns {{
+ *     type: P2P_STATUS_CHANGED,
+ *     p2p: boolean
+ * }}
+ */
+export function p2pStatusChanged(p2p: boolean) {
+    return {
+        type: P2P_STATUS_CHANGED,
+        p2p
+    };
+}
+
+/**
+ * Signals to play touch tones.
+ *
+ * @param {string} tones - The tones to play.
+ * @param {number} [duration] - How long to play each tone.
+ * @param {number} [pause] - How long to pause between each tone.
+ * @returns {{
+ *     type: SEND_TONES,
+ *     tones: string,
+ *     duration: number,
+ *     pause: number
+ * }}
+ */
+export function sendTones(tones: string, duration: number, pause: number) {
+    return {
+        type: SEND_TONES,
+        tones,
+        duration,
+        pause
+    };
+}
+
+/**
+ * Enables or disables the Mute reaction sounds feature.
+ *
+ * @param {boolean} muted - Whether or not reaction sounds should be muted for all participants.
+ * @param {boolean} updateBackend - Whether or not the moderator should notify all participants for the new setting.
+ * @returns {{
+ *     type: SET_START_REACTIONS_MUTED,
+ *     muted: boolean
+ * }}
+ */
+export function setStartReactionsMuted(muted: boolean, updateBackend = false) {
+    return {
+        type: SET_START_REACTIONS_MUTED,
+        muted,
+        updateBackend
+    };
+}
+
+/**
+ * Sets the password to join or lock a specific JitsiConference.
+ *
+ * @param {JitsiConference} conference - The JitsiConference which requires a
+ * password to join or is to be locked with the specified password.
+ * @param {Function} method - The JitsiConference method of password protection
+ * such as join or lock.
+ * @param {string} password - The password with which the specified conference
+ * is to be joined or locked.
+ * @returns {Function}
+ */
+export function setPassword(
+        conference: IJitsiConference | undefined,
+        method: Function | undefined,
+        password?: string) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        if (!conference) {
+            return Promise.reject();
+        }
+        switch (method) {
+        case conference.join: {
+            let state = getState()['features/base/conference'];
+
+            dispatch({
+                type: SET_PASSWORD,
+                conference,
+                method,
+                password
+            });
+
+            // Join the conference with the newly-set password.
+
+            // Make sure that the action did set the password.
+            state = getState()['features/base/conference'];
+            if (state.password === password
+
+                    // Make sure that the application still wants the
+                    // conference joined.
+                    && !state.conference) {
+                method.call(conference, password);
+            }
+            break;
+        }
+
+        case conference.lock: {
+            const state = getState()['features/base/conference'];
+
+            if (state.conference === conference) {
+                return (
+                    method.call(conference, password)
+                        .then(() => dispatch({
+                            type: SET_PASSWORD,
+                            conference,
+                            method,
+                            password
+                        }))
+                        .catch((error: Error) => dispatch({
+                            type: SET_PASSWORD_FAILED,
+                            error
+                        }))
+                );
+            }
+
+            return Promise.reject();
+        }
+        }
+    };
+}
+
+/**
+ * Sets the obfuscated room name of the conference to be joined.
+ *
+ * @param {(string)} obfuscatedRoom - Obfuscated room name.
+ * @param {(string)} obfuscatedRoomSource - The room name that was obfuscated.
+ * @returns {{
+ *     type: SET_OBFUSCATED_ROOM,
+ *     room: string
+ * }}
+ */
+export function setObfuscatedRoom(obfuscatedRoom: string, obfuscatedRoomSource: string) {
+    return {
+        type: SET_OBFUSCATED_ROOM,
+        obfuscatedRoom,
+        obfuscatedRoomSource
+    };
+}
+
+/**
+ * Sets (the name of) the room of the conference to be joined.
+ *
+ * @param {(string|undefined)} room - The name of the room of the conference to
+ * be joined.
+ * @returns {{
+ *     type: SET_ROOM,
+ *     room: string
+ * }}
+ */
+export function setRoom(room?: string) {
+    return {
+        type: SET_ROOM,
+        room
+    };
+}
+
+/**
+ * Sets whether or not members should join audio and/or video muted.
+ *
+ * @param {boolean} startAudioMuted - Whether or not members will join the conference as audio muted.
+ * @param {boolean} startVideoMuted - Whether or not members will join the conference as video muted.
+ * @returns {Function}
+ */
+export function setStartMutedPolicy(
+        startAudioMuted: boolean, startVideoMuted: boolean) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const conference = getCurrentConference(getState());
+
+        conference?.setStartMutedPolicy({
+            audio: startAudioMuted,
+            video: startVideoMuted
+        });
+
+        dispatch(onStartMutedPolicyChanged(startAudioMuted, startVideoMuted));
+    };
+}
+
+/**
+ * Sets the conference subject.
+ *
+ * @param {string} subject - The new subject.
+ * @returns {void}
+ */
+export function setSubject(subject: string) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const { conference } = getState()['features/base/conference'];
+
+        if (conference) {
+            conference.setSubject(subject);
+        } else {
+            dispatch({
+                type: SET_PENDING_SUBJECT_CHANGE,
+                subject
+            });
+        }
+    };
+}
+
+/**
+ * Sets the conference local subject.
+ *
+ * @param {string} localSubject - The new local subject.
+ * @returns {{
+ *     type: CONFERENCE_LOCAL_SUBJECT_CHANGED,
+ *     localSubject: string
+ * }}
+ */
+export function setLocalSubject(localSubject: string) {
+    return {
+        type: CONFERENCE_LOCAL_SUBJECT_CHANGED,
+        localSubject
+    };
+}
+
+
+/**
+ * Sets the assumed bandwidth bps.
+ *
+ * @param {number} assumedBandwidthBps - The new assumed bandwidth.
+ * @returns {{
+*     type: SET_ASSUMED_BANDWIDTH_BPS,
+*     assumedBandwidthBps: number
+* }}
+*/
+export function setAssumedBandwidthBps(assumedBandwidthBps: number) {
+    return {
+        type: SET_ASSUMED_BANDWIDTH_BPS,
+        assumedBandwidthBps
+    };
+}
+
+/**
+ * Redirects to a new visitor node.
+ *
+ * @param {string | undefined} vnode - The vnode to use or undefined if moving back to the main room.
+ * @param {string} focusJid - The focus jid to use.
+ * @param {string} username - The username to use.
+ * @returns {void}
+ */
+export function redirect(vnode: string, focusJid: string, username: string) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const newConfig = getVisitorOptions(getState, vnode, focusJid, username);
+
+        if (!newConfig) {
+            logger.warn('Not redirected missing params');
+
+            return;
+        }
+
+        dispatch(overwriteConfig(newConfig));
+
+        dispatch(disconnect(true))
+            .then(() => {
+                dispatch(setIAmVisitor(Boolean(vnode)));
+
+                // we do not clear local tracks on error, so we need to manually clear them
+                return dispatch(destroyLocalTracks());
+            })
+            .then(() => {
+                dispatch(conferenceWillInit());
+                logger.info(`Dispatching connect from redirect (visitor = ${Boolean(vnode)}).`);
+
+                return dispatch(connect());
+            })
+            .then(() => {
+                const media: Array<MediaType> = [];
+
+                if (!vnode) {
+                    const state = getState();
+                    const { enableMediaOnPromote = {} } = state['features/base/config'].visitors ?? {};
+                    const { audio = false, video = false } = enableMediaOnPromote;
+
+                    if (audio) {
+                        const { available, muted, unmuteBlocked } = state['features/base/media'].audio;
+                        const { startSilent } = state['features/base/config'];
+
+                        // do not unmute the user if he was muted before (on the prejoin, the config
+                        // or URL param, etc.)
+                        if (!unmuteBlocked && !muted && !startSilent && available) {
+                            media.push(MEDIA_TYPE.AUDIO);
+                        }
+                    }
+
+                    if (video) {
+                        const { muted, unmuteBlocked } = state['features/base/media'].video;
+
+                        // do not unmute the user if he was muted before (on the prejoin, the config, URL param or
+                        // audo only, etc)
+                        if (!unmuteBlocked && !muted && hasAvailableDevices(state, 'videoInput')) {
+                            media.push(MEDIA_TYPE.VIDEO);
+                        }
+                    }
+                }
+
+                dispatch(setupVisitorStartupMedia(media));
+            });
+    };
+}
+
diff --git a/react/features/base/conference/actions.native.ts b/react/features/base/conference/actions.native.ts
new file mode 100644
index 0000000..2000f05
--- /dev/null
+++ b/react/features/base/conference/actions.native.ts
@@ -0,0 +1,29 @@
+import { IStore } from '../../app/types';
+import { setAudioMuted, setVideoMuted } from '../media/actions';
+import { MEDIA_TYPE, MediaType, VIDEO_MUTISM_AUTHORITY } from '../media/constants';
+
+export * from './actions.any';
+
+/**
+ * Starts audio and/or video for the visitor.
+ *
+ * @param {Array<MediaType>} mediaTypes - The media types that need to be started.
+ * @returns {Function}
+ */
+export function setupVisitorStartupMedia(mediaTypes: Array<MediaType>) {
+    return (dispatch: IStore['dispatch']) => {
+        if (!mediaTypes || !Array.isArray(mediaTypes)) {
+            return;
+        }
+
+        mediaTypes.forEach(mediaType => {
+            switch (mediaType) {
+            case MEDIA_TYPE.AUDIO:
+                dispatch(setAudioMuted(false, true));
+                break;
+            case MEDIA_TYPE.VIDEO:
+                dispatch(setVideoMuted(false, VIDEO_MUTISM_AUTHORITY.USER, true));
+            }
+        });
+    };
+}
diff --git a/react/features/base/conference/actions.web.ts b/react/features/base/conference/actions.web.ts
new file mode 100644
index 0000000..c0e3064
--- /dev/null
+++ b/react/features/base/conference/actions.web.ts
@@ -0,0 +1,25 @@
+import { IStore } from '../../app/types';
+import { gumPending } from '../media/actions';
+import { MEDIA_TYPE, MediaType } from '../media/constants';
+import { IGUMPendingState } from '../media/types';
+import { createAndAddInitialAVTracks } from '../tracks/actions.web';
+
+export * from './actions.any';
+
+/**
+ * Starts audio and/or video for the visitor.
+ *
+ * @param {Array<MediaType>} media - The media types that need to be started.
+ * @returns {Function}
+ */
+export function setupVisitorStartupMedia(media: Array<MediaType>) {
+    return (dispatch: IStore['dispatch']) => {
+        // Clear the gum pending state in case we have set it to pending since we are starting the
+        // conference without tracks.
+        dispatch(gumPending([ MEDIA_TYPE.AUDIO, MEDIA_TYPE.VIDEO ], IGUMPendingState.NONE));
+
+        if (media && Array.isArray(media) && media.length > 0) {
+            dispatch(createAndAddInitialAVTracks(media));
+        }
+    };
+}
diff --git a/react/features/base/conference/constants.ts b/react/features/base/conference/constants.ts
new file mode 100644
index 0000000..2b7c85f
--- /dev/null
+++ b/react/features/base/conference/constants.ts
@@ -0,0 +1,47 @@
+/**
+ * The command type for updating a participant's avatar URL.
+ *
+ * @type {string}
+ */
+export const AVATAR_URL_COMMAND = 'avatar-url';
+
+/**
+ * The command type for updating a participant's email address.
+ *
+ * @type {string}
+ */
+export const EMAIL_COMMAND = 'email';
+
+/**
+ * The name of the {@code JitsiConference} property which identifies the URL of
+ * the conference represented by the {@code JitsiConference} instance.
+ *
+ * TODO It was introduced in a moment of desperation. Jitsi Meet SDK for Android
+ * and iOS needs to deliver events from the JavaScript side where they originate
+ * to the Java and Objective-C sides, respectively, where they are to be
+ * handled. The URL of the {@code JitsiConference} was chosen as the identifier
+ * because the Java and Objective-C sides join by URL through their respective
+ * loadURL methods. But features/base/connection's {@code locationURL} is not
+ * guaranteed at the time of this writing to match the {@code JitsiConference}
+ * instance when the events are to be fired. Patching {@code JitsiConference}
+ * from the outside is not cool but it should suffice for now.
+ */
+export const JITSI_CONFERENCE_URL_KEY = Symbol('url');
+
+export const TRIGGER_READY_TO_CLOSE_REASONS = {
+    'dialog.sessTerminatedReason': 'The meeting has been terminated',
+    'lobby.lobbyClosed': 'Lobby room closed.'
+};
+
+/**
+ * Conference leave reasons.
+ */
+export const CONFERENCE_LEAVE_REASONS = {
+    SWITCH_ROOM: 'switch_room',
+    UNRECOVERABLE_ERROR: 'unrecoverable_error'
+};
+
+/**
+ * The ID of the notification that is shown when the user is muted by focus.
+ */
+export const START_MUTED_NOTIFICATION_ID = 'start-muted';
diff --git a/react/features/base/conference/functions.ts b/react/features/base/conference/functions.ts
new file mode 100644
index 0000000..fef9fe7
--- /dev/null
+++ b/react/features/base/conference/functions.ts
@@ -0,0 +1,653 @@
+import { sha512_256 as sha512 } from 'js-sha512';
+import { upperFirst, words } from 'lodash-es';
+
+import { getName } from '../../app/functions';
+import { IReduxState, IStore } from '../../app/types';
+import { showNotification } from '../../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE } from '../../notifications/constants';
+import { determineTranscriptionLanguage } from '../../transcribing/functions';
+import { IStateful } from '../app/types';
+import { connect } from '../connection/actions';
+import { disconnect } from '../connection/actions.any';
+import { JitsiTrackErrors } from '../lib-jitsi-meet';
+import { setAudioMuted, setVideoMuted } from '../media/actions';
+import { VIDEO_MUTISM_AUTHORITY } from '../media/constants';
+import {
+    participantJoined,
+    participantLeft
+} from '../participants/actions';
+import { getLocalParticipant } from '../participants/functions';
+import { toState } from '../redux/functions';
+import {
+    appendURLParam,
+    getBackendSafePath,
+    safeDecodeURIComponent
+} from '../util/uri';
+
+import { conferenceWillInit, setObfuscatedRoom } from './actions';
+import {
+    AVATAR_URL_COMMAND,
+    EMAIL_COMMAND,
+    JITSI_CONFERENCE_URL_KEY,
+    START_MUTED_NOTIFICATION_ID
+} from './constants';
+import logger from './logger';
+import { IJitsiConference } from './reducer';
+
+/**
+ * Returns root conference state.
+ *
+ * @param {IReduxState} state - Global state.
+ * @returns {Object} Conference state.
+ */
+export const getConferenceState = (state: IReduxState) => state['features/base/conference'];
+
+/**
+ * Attach a set of local tracks to a conference.
+ *
+ * @param {JitsiConference} conference - Conference instance.
+ * @param {JitsiLocalTrack[]} localTracks - List of local media tracks.
+ * @protected
+ * @returns {Promise}
+ */
+export function _addLocalTracksToConference(
+        conference: IJitsiConference,
+        localTracks: Array<Object>) {
+    const conferenceLocalTracks = conference.getLocalTracks();
+    const promises = [];
+
+    for (const track of localTracks) {
+        // XXX The library lib-jitsi-meet may be draconian, for example, when
+        // adding one and the same video track multiple times.
+        if (conferenceLocalTracks.indexOf(track) === -1) {
+            promises.push(
+                conference.addTrack(track).catch((err: Error) => {
+                    _reportError(
+                        'Failed to add local track to conference',
+                        err);
+                }));
+        }
+    }
+
+    return Promise.all(promises);
+}
+
+/**
+ * Logic shared between web and RN which processes the {@code USER_JOINED}
+ * conference event and dispatches either {@link participantJoined} or
+ * {@link hiddenParticipantJoined}.
+ *
+ * @param {Object} store - The redux store.
+ * @param {JitsiMeetConference} conference - The conference for which the
+ * {@code USER_JOINED} event is being processed.
+ * @param {JitsiParticipant} user - The user who has just joined.
+ * @returns {void}
+ */
+export function commonUserJoinedHandling(
+        { dispatch }: { dispatch: IStore['dispatch']; },
+        conference: IJitsiConference,
+        user: any) {
+    const id = user.getId();
+    const displayName = user.getDisplayName();
+
+    if (!user.isHidden()) {
+        const isReplacing = user?.isReplacing();
+        const isPromoted = conference?.getMetadataHandler().getMetadata()?.visitors?.promoted?.[id];
+
+        // the identity and avatar come from jwt and never change in the presence
+        dispatch(participantJoined({
+            avatarURL: user.getIdentity()?.user?.avatar,
+            botType: user.getBotType(),
+            conference,
+            id,
+            name: displayName,
+            presence: user.getStatus(),
+            role: user.getRole(),
+            isPromoted,
+            isReplacing,
+            sources: user.getSources()
+        }));
+    }
+}
+
+/**
+ * Logic shared between web and RN which processes the {@code USER_LEFT}
+ * conference event and dispatches either {@link participantLeft} or
+ * {@link hiddenParticipantLeft}.
+ *
+ * @param {Object} store - The redux store.
+ * @param {JitsiMeetConference} conference - The conference for which the
+ * {@code USER_LEFT} event is being processed.
+ * @param {JitsiParticipant} user - The user who has just left.
+ * @returns {void}
+ */
+export function commonUserLeftHandling(
+        { dispatch }: { dispatch: IStore['dispatch']; },
+        conference: IJitsiConference,
+        user: any) {
+    const id = user.getId();
+
+    if (!user.isHidden()) {
+        const isReplaced = user.isReplaced?.();
+
+        dispatch(participantLeft(id, conference, { isReplaced }));
+    }
+}
+
+/**
+ * Evaluates a specific predicate for each {@link JitsiConference} known to the
+ * redux state features/base/conference while it returns {@code true}.
+ *
+ * @param {IStateful} stateful - The redux store, state, or
+ * {@code getState} function.
+ * @param {Function} predicate - The predicate to evaluate for each
+ * {@code JitsiConference} know to the redux state features/base/conference
+ * while it returns {@code true}.
+ * @returns {boolean} If the specified {@code predicate} returned {@code true}
+ * for all {@code JitsiConference} instances known to the redux state
+ * features/base/conference.
+ */
+export function forEachConference(
+        stateful: IStateful,
+        predicate: (a: any, b: URL) => boolean) {
+    const state = getConferenceState(toState(stateful));
+
+    for (const v of Object.values(state)) {
+        // Does the value of the base/conference's property look like a
+        // JitsiConference?
+        if (v && typeof v === 'object') {
+            const url: URL = v[JITSI_CONFERENCE_URL_KEY];
+
+            // XXX The Web version of Jitsi Meet does not utilize
+            // JITSI_CONFERENCE_URL_KEY at the time of this writing. An
+            // alternative is necessary then to recognize JitsiConference
+            // instances and myUserId is as good as any other property.
+            if ((url || typeof v.myUserId === 'function')
+                    && !predicate(v, url)) {
+                return false;
+            }
+        }
+    }
+
+    return true;
+}
+
+/**
+ * Returns the display name of the conference.
+ *
+ * @param {IStateful} stateful - Reference that can be resolved to Redux
+ * state with the {@code toState} function.
+ * @returns {string}
+ */
+export function getConferenceName(stateful: IStateful): string {
+    const state = toState(stateful);
+    const { callee } = state['features/base/jwt'];
+    const { callDisplayName } = state['features/base/config'];
+    const { localSubject, pendingSubjectChange, room, subject } = getConferenceState(state);
+
+    return (localSubject
+        || pendingSubjectChange
+        || subject
+        || callDisplayName
+        || callee?.name
+        || (room && safeStartCase(safeDecodeURIComponent(room)))) ?? '';
+}
+
+/**
+ * Returns the name of the conference formatted for the title.
+ *
+ * @param {IStateful} stateful - Reference that can be resolved to Redux state with the {@code toState}
+ * function.
+ * @returns {string} - The name of the conference formatted for the title.
+ */
+export function getConferenceNameForTitle(stateful: IStateful) {
+    return safeStartCase(safeDecodeURIComponent(getConferenceState(toState(stateful)).room ?? ''));
+}
+
+/**
+ * Returns an object aggregating the conference options.
+ *
+ * @param {IStateful} stateful - The redux store state.
+ * @returns {Object} - Options object.
+ */
+export function getConferenceOptions(stateful: IStateful) {
+    const state = toState(stateful);
+
+    const config = state['features/base/config'];
+    const { locationURL } = state['features/base/connection'];
+    const { defaultTranscriptionLanguage } = state['features/dynamic-branding'];
+    const { tenant } = state['features/base/jwt'];
+    const { email, name: nick } = getLocalParticipant(state) ?? {};
+    const options: any = { ...config };
+
+    if (tenant) {
+        options.siteID = tenant;
+    }
+
+    if (options.enableDisplayNameInStats && nick) {
+        options.statisticsDisplayName = nick;
+    }
+
+    if (options.enableEmailInStats && email) {
+        options.statisticsId = email;
+    }
+
+    if (locationURL) {
+        options.confID = `${locationURL.host}${getBackendSafePath(locationURL.pathname)}`;
+    }
+
+    options.applicationName = getName();
+    options.transcriptionLanguage
+        = defaultTranscriptionLanguage ?? determineTranscriptionLanguage(options);
+
+    // Disable analytics, if requested.
+    if (options.disableThirdPartyRequests) {
+        delete config.analytics?.scriptURLs;
+        delete config.analytics?.amplitudeAPPKey;
+    }
+
+    return options;
+}
+
+/**
+ * Returns the restored conference options if anything is available to be restored or undefined.
+ *
+ * @param {IStateful} stateful - The redux store state.
+ * @returns {Object?}
+ */
+export function restoreConferenceOptions(stateful: IStateful) {
+    const config = toState(stateful)['features/base/config'];
+
+    if (config.oldConfig) {
+        return {
+            hosts: {
+                domain: config.oldConfig.hosts.domain,
+                muc: config.oldConfig.hosts.muc
+            },
+            focusUserJid: config.oldConfig.focusUserJid,
+            disableFocus: false,
+            bosh: config.oldConfig.bosh,
+            websocket: config.oldConfig.websocket,
+            oldConfig: undefined
+        };
+    }
+
+    // nothing to return
+    return;
+}
+
+/**
+ * Override the global config (that is, window.config) with XMPP configuration required to join as a visitor.
+ *
+ * @param {IStateful} stateful - The redux store state.
+ * @param {string|undefined} vnode - The received parameters.
+ * @param {string} focusJid - The received parameters.
+ * @param {string|undefined} username - The received parameters.
+ * @returns {Object}
+ */
+export function getVisitorOptions(stateful: IStateful, vnode: string, focusJid: string, username: string) {
+    const config = toState(stateful)['features/base/config'];
+
+    if (!config?.hosts) {
+        logger.warn('Wrong configuration, missing hosts.');
+
+        return;
+    }
+
+    if (!vnode) {
+        // this is redirecting back to main, lets restore config
+        // not updating disableFocus, as if the room capacity is full the promotion to the main room will fail
+        // and the visitor will be redirected back to a vnode from jicofo
+        if (config.oldConfig && username) {
+            return {
+                hosts: config.oldConfig.hosts,
+                focusUserJid: focusJid,
+                disableLocalStatsBroadcast: false,
+                bosh: config.oldConfig.bosh && appendURLParam(config.oldConfig.bosh, 'customusername', username),
+                p2p: config.oldConfig.p2p,
+                websocket: config.oldConfig.websocket
+                    && appendURLParam(config.oldConfig.websocket, 'customusername', username),
+                oldConfig: undefined // clears it up
+            };
+        }
+
+        return;
+    }
+
+    const oldConfig = {
+        hosts: {
+            domain: ''
+        },
+        focusUserJid: config.focusUserJid,
+        bosh: config.bosh,
+        p2p: config.p2p,
+        websocket: config.websocket
+    };
+
+    // copy original hosts, to make sure we do not use a modified one later
+    Object.assign(oldConfig.hosts, config.hosts);
+
+    const domain = `${vnode}.meet.jitsi`;
+
+    return {
+        oldConfig,
+        hosts: {
+            domain,
+            muc: config.hosts.muc.replace(oldConfig.hosts.domain, domain)
+        },
+        focusUserJid: focusJid,
+        disableFocus: true, // This flag disables sending the initial conference request
+        disableLocalStatsBroadcast: true,
+        bosh: config.bosh && appendURLParam(config.bosh, 'vnode', vnode),
+        p2p: {
+            ...config.p2p,
+            enabled: false
+        },
+        websocket: config.websocket && appendURLParam(config.websocket, 'vnode', vnode)
+    };
+}
+
+/**
+* Returns the UTC timestamp when the first participant joined the conference.
+*
+* @param {IStateful} stateful - Reference that can be resolved to Redux
+* state with the {@code toState} function.
+* @returns {number}
+*/
+export function getConferenceTimestamp(stateful: IStateful) {
+    const state = toState(stateful);
+    const { conferenceTimestamp } = getConferenceState(state);
+
+    return conferenceTimestamp;
+}
+
+/**
+ * Returns the current {@code JitsiConference} which is joining or joined and is
+ * not leaving. Please note the contrast with merely reading the
+ * {@code conference} state of the feature base/conference which is not joining
+ * but may be leaving already.
+ *
+ * @param {IStateful} stateful - The redux store, state, or
+ * {@code getState} function.
+ * @returns {JitsiConference|undefined}
+ */
+export function getCurrentConference(stateful: IStateful): IJitsiConference | undefined {
+    const { conference, joining, leaving, membersOnly, passwordRequired }
+        = getConferenceState(toState(stateful));
+
+    // There is a precedence
+    if (conference) {
+        return conference === leaving ? undefined : conference;
+    }
+
+    return joining || passwordRequired || membersOnly;
+}
+
+/**
+ * Returns whether the current conference is a P2P connection.
+ * Will return `false` if it's a JVB one, and `null` if there is no conference.
+ *
+ * @param {IStateful} stateful - The redux store, state, or
+ * {@code getState} function.
+ * @returns {boolean|null}
+ */
+export function isP2pActive(stateful: IStateful): boolean | null {
+    const conference = getCurrentConference(toState(stateful));
+
+    if (!conference) {
+        return null;
+    }
+
+    return conference.isP2PActive();
+}
+
+/**
+ * Returns the stored room name.
+ *
+ * @param {IReduxState} state - The current state of the app.
+ * @returns {string}
+ */
+export function getRoomName(state: IReduxState) {
+    return getConferenceState(state).room;
+}
+
+/**
+ * Get an obfuscated room name or create and persist it if it doesn't exists.
+ *
+ * @param {IReduxState} state - The current state of the app.
+ * @param {Function} dispatch - The Redux dispatch function.
+ * @returns {string} - Obfuscated room name.
+ */
+export function getOrCreateObfuscatedRoomName(state: IReduxState, dispatch: IStore['dispatch']) {
+    let { obfuscatedRoom } = getConferenceState(state);
+    const { obfuscatedRoomSource } = getConferenceState(state);
+    const room = getRoomName(state);
+
+    if (!room) {
+        return;
+    }
+
+    // On native mobile the store doesn't clear when joining a new conference so we might have the obfuscatedRoom
+    // stored even though a different room was joined.
+    // Check if the obfuscatedRoom was already computed for the current room.
+    if (!obfuscatedRoom || (obfuscatedRoomSource !== room)) {
+        obfuscatedRoom = sha512(room);
+        dispatch(setObfuscatedRoom(obfuscatedRoom, room));
+    }
+
+    return obfuscatedRoom;
+}
+
+/**
+ * Analytics may require an obfuscated room name, this functions decides based on a config if the normal or
+ * obfuscated room name should be returned.
+ *
+ * @param {IReduxState} state - The current state of the app.
+ * @param {Function} dispatch - The Redux dispatch function.
+ * @returns {string} - Analytics room name.
+ */
+export function getAnalyticsRoomName(state: IReduxState, dispatch: IStore['dispatch']) {
+    const { analysis: { obfuscateRoomName = false } = {} } = state['features/base/config'];
+
+    if (obfuscateRoomName) {
+        return getOrCreateObfuscatedRoomName(state, dispatch);
+    }
+
+    return getRoomName(state);
+}
+
+/**
+ * Handle an error thrown by the backend (i.e. {@code lib-jitsi-meet}) while
+ * manipulating a conference participant (e.g. Pin or select participant).
+ *
+ * @param {Error} err - The Error which was thrown by the backend while
+ * manipulating a conference participant and which is to be handled.
+ * @protected
+ * @returns {void}
+ */
+export function _handleParticipantError(err: Error) {
+    // XXX DataChannels are initialized at some later point when the conference
+    // has multiple participants, but code that pins or selects a participant
+    // might be executed before. So here we're swallowing a particular error.
+    // TODO Lib-jitsi-meet should be fixed to not throw such an exception in
+    // these scenarios.
+    if (err.message !== 'Data channels support is disabled!') {
+        throw err;
+    }
+}
+
+/**
+ * Determines whether a specific string is a valid room name.
+ *
+ * @param {(string|undefined)} room - The name of the conference room to check
+ * for validity.
+ * @returns {boolean} If the specified room name is valid, then true; otherwise,
+ * false.
+ */
+export function isRoomValid(room?: string) {
+    return typeof room === 'string' && room !== '';
+}
+
+/**
+ * Remove a set of local tracks from a conference.
+ *
+ * @param {JitsiConference} conference - Conference instance.
+ * @param {JitsiLocalTrack[]} localTracks - List of local media tracks.
+ * @protected
+ * @returns {Promise}
+ */
+export function _removeLocalTracksFromConference(
+        conference: IJitsiConference,
+        localTracks: Array<Object>) {
+    return Promise.all(localTracks.map(track =>
+        conference.removeTrack(track)
+            .catch((err: Error) => {
+                // Local track might be already disposed by direct
+                // JitsiTrack#dispose() call. So we should ignore this error
+                // here.
+                if (err.name !== JitsiTrackErrors.TRACK_IS_DISPOSED) {
+                    _reportError(
+                        'Failed to remove local track from conference',
+                        err);
+                }
+            })
+    ));
+}
+
+/**
+ * Reports a specific Error with a specific error message. While the
+ * implementation merely logs the specified msg and err via the console at the
+ * time of this writing, the intention of the function is to abstract the
+ * reporting of errors and facilitate elaborating on it in the future.
+ *
+ * @param {string} msg - The error message to report.
+ * @param {Error} err - The Error to report.
+ * @private
+ * @returns {void}
+ */
+function _reportError(msg: string, err: Error) {
+    // TODO This is a good point to call some global error handler when we have
+    // one.
+    logger.error(msg, err);
+}
+
+/**
+ * Sends a representation of the local participant such as her avatar (URL),
+ * email address, and display name to (the remote participants of) a specific
+ * conference.
+ *
+ * @param {Function|Object} stateful - The redux store, state, or
+ * {@code getState} function.
+ * @param {JitsiConference} conference - The {@code JitsiConference} to which
+ * the representation of the local participant is to be sent.
+ * @returns {void}
+ */
+export function sendLocalParticipant(
+        stateful: IStateful,
+        conference?: IJitsiConference) {
+    const {
+        avatarURL,
+        email,
+        features,
+        name
+    } = getLocalParticipant(stateful) ?? {};
+
+    avatarURL && conference?.sendCommand(AVATAR_URL_COMMAND, {
+        value: avatarURL
+    });
+    email && conference?.sendCommand(EMAIL_COMMAND, {
+        value: email
+    });
+
+    if (features && features['screen-sharing'] === 'true') {
+        conference?.setLocalParticipantProperty('features_screen-sharing', true);
+    }
+
+    conference?.setDisplayName(name);
+}
+
+/**
+ * A safe implementation of lodash#startCase that doesn't deburr the string.
+ *
+ * NOTE: According to lodash roadmap, lodash v5 will have this function.
+ *
+ * Code based on https://github.com/lodash/lodash/blob/master/startCase.js.
+ *
+ * @param {string} s - The string to do start case on.
+ * @returns {string}
+ */
+function safeStartCase(s = '') {
+    return words(`${s}`.replace(/['\u2019]/g, '')).reduce(
+        (result, word, index) => result + (index ? ' ' : '') + upperFirst(word)
+        , '');
+}
+
+/**
+ * Updates the mute state of the track based on the start muted policy.
+ *
+ * @param {Object|Function} stateful - Either the whole Redux state object or the Redux store's {@code getState} method.
+ * @param {Function} dispatch - Redux dispatch function.
+ * @param {boolean} isAudio - Whether the track is audio or video.
+ * @returns {void}
+ */
+export function updateTrackMuteState(stateful: IStateful, dispatch: IStore['dispatch'], isAudio: boolean) {
+    const state = toState(stateful);
+    const mutedPolicyKey = isAudio ? 'startAudioMutedPolicy' : 'startVideoMutedPolicy';
+    const mutedPolicyValue = state['features/base/conference'][mutedPolicyKey];
+
+    // Currently, the policy only supports force muting others, not unmuting them.
+    if (!mutedPolicyValue) {
+        return;
+    }
+
+    let muteStateUpdated = false;
+    const { muted } = isAudio ? state['features/base/media'].audio : state['features/base/media'].video;
+
+    if (isAudio && !Boolean(muted)) {
+        dispatch(setAudioMuted(mutedPolicyValue, true));
+        muteStateUpdated = true;
+    } else if (!isAudio && !Boolean(muted)) {
+        // TODO: Add a new authority for video mutism for the moderator case.
+        dispatch(setVideoMuted(mutedPolicyValue, VIDEO_MUTISM_AUTHORITY.USER, true));
+        muteStateUpdated = true;
+    }
+
+    if (muteStateUpdated) {
+        dispatch(showNotification({
+            titleKey: 'notify.mutedTitle',
+            descriptionKey: 'notify.muted',
+            uid: START_MUTED_NOTIFICATION_ID // use the same id, to make sure we show one notification
+        }, NOTIFICATION_TIMEOUT_TYPE.SHORT));
+    }
+}
+
+/**
+ * Processes the "destroyed" event of a conference and if the destroyed conference is the current one,
+ * it silently reconnects to the same room.
+ *
+ * @param {Object|Function} stateful - Either the whole Redux state object or the Redux store's {@code getState} method.
+ * @param {Function} dispatch - Redux dispatch function.
+ * @param {Array} params - The parameters for the destroy event.
+ *
+ * @returns {boolean} - True if the destroyed conference was the current one, and we are reconnecting, false otherwise.
+ */
+export function processDestroyConferenceEvent(stateful: IStateful, dispatch: IStore['dispatch'], params: Array<any>) {
+    const [ jid ] = params;
+    const conference = getCurrentConference(stateful);
+
+    // if the jid of the room is the same as the current conference, we are being
+    // notified that the current conference has been destroyed, and we need to reconnect
+    if (conference?.room?.roomjid === jid) {
+        dispatch(disconnect(true, false))
+            .then(() => {
+                dispatch(conferenceWillInit());
+                logger.info('Dispatching silent re-connect.');
+
+                return dispatch(connect());
+            });
+
+        return true;
+    }
+
+    return false;
+}
diff --git a/react/features/base/conference/logger.ts b/react/features/base/conference/logger.ts
new file mode 100644
index 0000000..db1b3bc
--- /dev/null
+++ b/react/features/base/conference/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../logging/functions';
+
+export default getLogger('app:base-conference');
diff --git a/react/features/base/conference/middleware.any.ts b/react/features/base/conference/middleware.any.ts
new file mode 100644
index 0000000..b9df6a6
--- /dev/null
+++ b/react/features/base/conference/middleware.any.ts
@@ -0,0 +1,830 @@
+import i18n from 'i18next';
+import { AnyAction } from 'redux';
+
+// @ts-ignore
+import { MIN_ASSUMED_BANDWIDTH_BPS } from '../../../../modules/API/constants';
+import {
+    ACTION_PINNED,
+    ACTION_UNPINNED,
+    createNotAllowedErrorEvent,
+    createOfferAnswerFailedEvent,
+    createPinnedEvent
+} from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { reloadNow } from '../../app/actions';
+import { IStore } from '../../app/types';
+import { login } from '../../authentication/actions.any';
+import { removeLobbyChatParticipant } from '../../chat/actions.any';
+import { openDisplayNamePrompt } from '../../display-name/actions';
+import { isVpaasMeeting } from '../../jaas/functions';
+import { clearNotifications, showErrorNotification, showNotification } from '../../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE } from '../../notifications/constants';
+import { INotificationProps } from '../../notifications/types';
+import { hasDisplayName } from '../../prejoin/utils';
+import { stopLocalVideoRecording } from '../../recording/actions.any';
+import LocalRecordingManager from '../../recording/components/Recording/LocalRecordingManager';
+import { AudioMixerEffect } from '../../stream-effects/audio-mixer/AudioMixerEffect';
+import { iAmVisitor } from '../../visitors/functions';
+import { overwriteConfig } from '../config/actions';
+import { CONNECTION_ESTABLISHED, CONNECTION_FAILED, CONNECTION_WILL_CONNECT } from '../connection/actionTypes';
+import { connect, connectionDisconnected, disconnect, setPreferVisitor } from '../connection/actions';
+import { validateJwt } from '../jwt/functions';
+import { JitsiConferenceErrors, JitsiConferenceEvents, JitsiConnectionErrors } from '../lib-jitsi-meet';
+import { MEDIA_TYPE } from '../media/constants';
+import { PARTICIPANT_UPDATED, PIN_PARTICIPANT } from '../participants/actionTypes';
+import { PARTICIPANT_ROLE } from '../participants/constants';
+import {
+    getLocalParticipant,
+    getParticipantById,
+    getPinnedParticipant
+} from '../participants/functions';
+import MiddlewareRegistry from '../redux/MiddlewareRegistry';
+import StateListenerRegistry from '../redux/StateListenerRegistry';
+import { TRACK_ADDED, TRACK_REMOVED } from '../tracks/actionTypes';
+import { parseURIString } from '../util/uri';
+
+import {
+    CONFERENCE_FAILED,
+    CONFERENCE_JOINED,
+    CONFERENCE_SUBJECT_CHANGED,
+    CONFERENCE_WILL_LEAVE,
+    P2P_STATUS_CHANGED,
+    SEND_TONES,
+    SET_ASSUMED_BANDWIDTH_BPS,
+    SET_PENDING_SUBJECT_CHANGE,
+    SET_ROOM
+} from './actionTypes';
+import {
+    authStatusChanged,
+    conferenceFailed,
+    conferenceWillLeave,
+    createConference,
+    setLocalSubject,
+    setSubject,
+    updateConferenceMetadata
+} from './actions';
+import { CONFERENCE_LEAVE_REASONS } from './constants';
+import {
+    _addLocalTracksToConference,
+    _removeLocalTracksFromConference,
+    forEachConference,
+    getCurrentConference,
+    restoreConferenceOptions
+} from './functions';
+import logger from './logger';
+import { IConferenceMetadata } from './reducer';
+
+/**
+ * Handler for before unload event.
+ */
+let beforeUnloadHandler: ((e?: any) => void) | undefined;
+
+/**
+ * A simple flag to avoid retrying more than once to join as a visitor when hitting max occupants reached.
+ */
+let retryAsVisitorOnMaxError = true;
+
+/**
+ * Implements the middleware of the feature base/conference.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case CONFERENCE_FAILED:
+        return _conferenceFailed(store, next, action);
+
+    case CONFERENCE_JOINED:
+        return _conferenceJoined(store, next, action);
+
+    case CONNECTION_ESTABLISHED:
+        return _connectionEstablished(store, next, action);
+
+    case CONNECTION_FAILED:
+        return _connectionFailed(store, next, action);
+
+    case CONNECTION_WILL_CONNECT:
+        // we are starting a new join process, let's clear the error notifications if any from any previous attempt
+        store.dispatch(clearNotifications());
+        break;
+
+    case CONFERENCE_SUBJECT_CHANGED:
+        return _conferenceSubjectChanged(store, next, action);
+
+    case CONFERENCE_WILL_LEAVE:
+        _conferenceWillLeave(store);
+        break;
+
+    case P2P_STATUS_CHANGED:
+        return _p2pStatusChanged(next, action);
+
+    case PARTICIPANT_UPDATED:
+        return _updateLocalParticipantInConference(store, next, action);
+
+    case PIN_PARTICIPANT:
+        return _pinParticipant(store, next, action);
+
+    case SEND_TONES:
+        return _sendTones(store, next, action);
+
+    case SET_ROOM:
+        return _setRoom(store, next, action);
+
+    case TRACK_ADDED:
+    case TRACK_REMOVED:
+        return _trackAddedOrRemoved(store, next, action);
+
+    case SET_ASSUMED_BANDWIDTH_BPS:
+        return _setAssumedBandwidthBps(store, next, action);
+    }
+
+    return next(action);
+});
+
+/**
+ * Set up state change listener to perform maintenance tasks when the conference
+ * is left or failed.
+ */
+StateListenerRegistry.register(
+    state => getCurrentConference(state),
+    (conference, { dispatch }, previousConference): void => {
+        if (conference && !previousConference) {
+            conference.on(JitsiConferenceEvents.METADATA_UPDATED, (metadata: IConferenceMetadata) => {
+                dispatch(updateConferenceMetadata(metadata));
+            });
+        }
+
+        if (conference !== previousConference) {
+            dispatch(updateConferenceMetadata(null));
+        }
+    });
+
+/**
+ * Makes sure to leave a failed conference in order to release any allocated
+ * resources like peer connections, emit participant left events, etc.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified {@code action} to the specified {@code store}.
+ * @param {Action} action - The redux action {@code CONFERENCE_FAILED} which is
+ * being dispatched in the specified {@code store}.
+ * @private
+ * @returns {Object} The value returned by {@code next(action)}.
+ */
+function _conferenceFailed({ dispatch, getState }: IStore, next: Function, action: AnyAction) {
+    const { conference, error } = action;
+
+    const result = next(action);
+    const { enableForcedReload } = getState()['features/base/config'];
+
+    if (LocalRecordingManager.isRecordingLocally()) {
+        dispatch(stopLocalVideoRecording());
+    }
+
+    // Handle specific failure reasons.
+    switch (error.name) {
+    case JitsiConferenceErrors.CONFERENCE_RESTARTED: {
+        if (enableForcedReload) {
+            dispatch(showErrorNotification({
+                description: 'Restart initiated because of a bridge failure',
+                titleKey: 'dialog.sessionRestarted'
+            }));
+        }
+
+        break;
+    }
+    case JitsiConferenceErrors.CONNECTION_ERROR: {
+        const [ msg ] = error.params;
+
+        dispatch(connectionDisconnected(getState()['features/base/connection'].connection));
+        dispatch(showErrorNotification({
+            descriptionArguments: { msg },
+            descriptionKey: msg ? 'dialog.connectErrorWithMsg' : 'dialog.connectError',
+            titleKey: 'connection.CONNFAIL'
+        }));
+
+        break;
+    }
+    case JitsiConferenceErrors.CONFERENCE_MAX_USERS: {
+        let retryAsVisitor = false;
+
+        if (error.params?.length && error.params[0]?.visitorsSupported === 'true') {
+            // visitors are supported, so let's try joining that way
+            retryAsVisitor = true;
+        }
+
+        if (!retryAsVisitor) {
+            dispatch(showErrorNotification({
+                hideErrorSupportLink: true,
+                descriptionKey: 'dialog.maxUsersLimitReached',
+                titleKey: 'dialog.maxUsersLimitReachedTitle'
+            }));
+        }
+
+        // In case of max users(it can be from a visitor node), let's restore
+        // oldConfig if any as we will be back to the main prosody.
+        const newConfig = restoreConferenceOptions(getState);
+
+        if (newConfig) {
+            dispatch(overwriteConfig(newConfig));
+            dispatch(conferenceWillLeave(conference));
+
+            conference.leave()
+                .then(() => dispatch(disconnect()));
+        }
+
+        if (retryAsVisitor && !newConfig && retryAsVisitorOnMaxError) {
+            retryAsVisitorOnMaxError = false;
+
+            logger.info('On max user reached will retry joining as a visitor');
+
+            dispatch(disconnect(true)).then(() => {
+                dispatch(setPreferVisitor(true));
+
+                return dispatch(connect());
+            });
+        }
+
+        break;
+    }
+    case JitsiConferenceErrors.NOT_ALLOWED_ERROR: {
+        const [ type, msg ] = error.params;
+
+        let descriptionKey, customActionNameKey, customActionHandler;
+        let titleKey = 'dialog.tokenAuthFailed';
+
+        if (type === JitsiConferenceErrors.AUTH_ERROR_TYPES.NO_MAIN_PARTICIPANTS) {
+            descriptionKey = 'visitors.notification.noMainParticipantsDescription';
+            titleKey = 'visitors.notification.noMainParticipantsTitle';
+        } else if (type === JitsiConferenceErrors.AUTH_ERROR_TYPES.NO_VISITORS_LOBBY) {
+            descriptionKey = 'visitors.notification.noVisitorLobby';
+        } else if (type === JitsiConferenceErrors.AUTH_ERROR_TYPES.PROMOTION_NOT_ALLOWED) {
+            descriptionKey = 'visitors.notification.notAllowedPromotion';
+        } else if (type === JitsiConferenceErrors.AUTH_ERROR_TYPES.ROOM_CREATION_RESTRICTION) {
+            descriptionKey = 'dialog.errorRoomCreationRestriction';
+        } else if (type === JitsiConferenceErrors.AUTH_ERROR_TYPES.ROOM_UNAUTHENTICATED_ACCESS_DISABLED) {
+            titleKey = 'dialog.unauthenticatedAccessDisabled';
+            customActionNameKey = [ 'toolbar.login' ];
+            customActionHandler = [ () => dispatch(login()) ];
+        }
+
+        dispatch(showErrorNotification({
+            customActionNameKey,
+            customActionHandler,
+            descriptionKey,
+            hideErrorSupportLink: true,
+            titleKey
+        }));
+
+        sendAnalytics(createNotAllowedErrorEvent(type, msg));
+
+        break;
+    }
+    case JitsiConferenceErrors.OFFER_ANSWER_FAILED:
+        sendAnalytics(createOfferAnswerFailedEvent());
+        break;
+    }
+
+    !error.recoverable
+    && conference?.leave(CONFERENCE_LEAVE_REASONS.UNRECOVERABLE_ERROR).catch((reason: Error) => {
+        // Even though we don't care too much about the failure, it may be
+        // good to know that it happen, so log it (on the info level).
+        logger.info('JitsiConference.leave() rejected with:', reason);
+    });
+
+    // FIXME: Workaround for the web version. Currently, the creation of the
+    // conference is handled by /conference.js and appropriate failure handlers
+    // are set there.
+    if (typeof APP !== 'undefined') {
+        _removeUnloadHandler(getState);
+    }
+
+    if (enableForcedReload
+        && (error?.name === JitsiConferenceErrors.CONFERENCE_RESTARTED
+            || error?.name === JitsiConnectionErrors.SHARD_CHANGED_ERROR)) {
+        dispatch(conferenceWillLeave(conference));
+        dispatch(reloadNow());
+    }
+
+    return result;
+}
+
+/**
+ * Does extra sync up on properties that may need to be updated after the
+ * conference was joined.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified {@code action} to the specified {@code store}.
+ * @param {Action} action - The redux action {@code CONFERENCE_JOINED} which is
+ * being dispatched in the specified {@code store}.
+ * @private
+ * @returns {Object} The value returned by {@code next(action)}.
+ */
+function _conferenceJoined({ dispatch, getState }: IStore, next: Function, action: AnyAction) {
+    const result = next(action);
+    const { conference } = action;
+    const { pendingSubjectChange } = getState()['features/base/conference'];
+    const {
+        disableBeforeUnloadHandlers = false,
+        requireDisplayName
+    } = getState()['features/base/config'];
+
+    retryAsVisitorOnMaxError = true;
+
+    dispatch(removeLobbyChatParticipant(true));
+
+    pendingSubjectChange && dispatch(setSubject(pendingSubjectChange));
+
+    // FIXME: Very dirty solution. This will work on web only.
+    // When the user closes the window or quits the browser, lib-jitsi-meet
+    // handles the process of leaving the conference. This is temporary solution
+    // that should cover the described use case as part of the effort to
+    // implement the conferenceWillLeave action for web.
+    beforeUnloadHandler = (e?: any) => {
+        if (LocalRecordingManager.isRecordingLocally()) {
+            dispatch(stopLocalVideoRecording());
+            if (e) {
+                e.preventDefault();
+                e.returnValue = null;
+            }
+        }
+        dispatch(conferenceWillLeave(conference));
+    };
+
+    if (!iAmVisitor(getState())) {
+        // if a visitor is promoted back to main room and want to join an empty breakout room
+        // we need to send iq to jicofo, so it can join/create the breakout room
+        dispatch(overwriteConfig({ disableFocus: false }));
+    }
+
+    window.addEventListener(disableBeforeUnloadHandlers ? 'unload' : 'beforeunload', beforeUnloadHandler);
+
+    if (requireDisplayName
+        && !getLocalParticipant(getState)?.name
+        && !conference.isHidden()) {
+        dispatch(openDisplayNamePrompt({
+            validateInput: hasDisplayName
+        }));
+    }
+
+    return result;
+}
+
+/**
+ * Notifies the feature base/conference that the action
+ * {@code CONNECTION_ESTABLISHED} is being dispatched within a specific redux
+ * store.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified {@code action} to the specified {@code store}.
+ * @param {Action} action - The redux action {@code CONNECTION_ESTABLISHED}
+ * which is being dispatched in the specified {@code store}.
+ * @private
+ * @returns {Object} The value returned by {@code next(action)}.
+ */
+async function _connectionEstablished({ dispatch, getState }: IStore, next: Function, action: AnyAction) {
+    const result = next(action);
+
+    const { tokenAuthUrl = false } = getState()['features/base/config'];
+
+    // if there is token auth URL defined and local participant is using jwt
+    // this means it is logged in when connection is established, so we can change the state
+    if (tokenAuthUrl && !isVpaasMeeting(getState())) {
+        let email;
+
+        if (getState()['features/base/jwt'].jwt) {
+            email = getLocalParticipant(getState())?.email;
+        }
+
+        dispatch(authStatusChanged(true, email || ''));
+    }
+
+    // FIXME: Workaround for the web version. Currently, the creation of the
+    // conference is handled by /conference.js.
+    if (typeof APP === 'undefined') {
+        dispatch(createConference());
+
+        return result;
+    }
+
+    return result;
+}
+
+/**
+ * Logs jwt validation errors from xmpp and from the client-side validator.
+ *
+ * @param {string} message - The error message from xmpp.
+ * @param {string} errors - The detailed errors.
+ * @returns {void}
+ */
+function _logJwtErrors(message: string, errors: string) {
+    message && logger.error(`JWT error: ${message}`);
+    errors && logger.error('JWT parsing errors:', errors);
+}
+
+/**
+ * Notifies the feature base/conference that the action
+ * {@code CONNECTION_FAILED} is being dispatched within a specific redux
+ * store.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified {@code action} to the specified {@code store}.
+ * @param {Action} action - The redux action {@code CONNECTION_FAILED} which is
+ * being dispatched in the specified {@code store}.
+ * @private
+ * @returns {Object} The value returned by {@code next(action)}.
+ */
+function _connectionFailed({ dispatch, getState }: IStore, next: Function, action: AnyAction) {
+    const { connection, error } = action;
+    const { jwt } = getState()['features/base/jwt'];
+
+    if (jwt) {
+        const errors: string = validateJwt(jwt).map((err: any) =>
+            i18n.t(`dialog.tokenAuthFailedReason.${err.key}`, err.args))
+        .join(' ');
+
+        _logJwtErrors(error.message, errors);
+
+        // do not show the notification when we will prompt the user
+        // for username and password
+        if (error.name === JitsiConnectionErrors.PASSWORD_REQUIRED) {
+            dispatch(showErrorNotification({
+                descriptionKey: errors ? 'dialog.tokenAuthFailedWithReasons' : 'dialog.tokenAuthFailed',
+                descriptionArguments: { reason: errors },
+                titleKey: 'dialog.tokenAuthFailedTitle'
+            }));
+        }
+    }
+
+    if (error.name === JitsiConnectionErrors.CONFERENCE_REQUEST_FAILED) {
+        let notificationAction: Function = showNotification;
+        const notificationProps = {
+            customActionNameKey: [ 'dialog.rejoinNow' ],
+            customActionHandler: [ () => dispatch(reloadNow()) ],
+            descriptionKey: 'notify.connectionFailed'
+        } as INotificationProps;
+
+        const { locationURL = { href: '' } as URL } = getState()['features/base/connection'];
+        const { tenant = '' } = parseURIString(locationURL.href) || {};
+
+        if (tenant.startsWith('-') || tenant.endsWith('-')) {
+            notificationProps.descriptionKey = 'notify.invalidTenantHyphenDescription';
+            notificationProps.titleKey = 'notify.invalidTenant';
+            notificationAction = showErrorNotification;
+        } else if (tenant.length > 63) {
+            notificationProps.descriptionKey = 'notify.invalidTenantLengthDescription';
+            notificationProps.titleKey = 'notify.invalidTenant';
+            notificationAction = showErrorNotification;
+        }
+
+        dispatch(notificationAction(notificationProps, NOTIFICATION_TIMEOUT_TYPE.STICKY));
+    }
+
+    const result = next(action);
+
+    _removeUnloadHandler(getState);
+
+    forEachConference(getState, conference => {
+        // TODO: revisit this
+        // It feels that it would make things easier if JitsiConference
+        // in lib-jitsi-meet would monitor it's connection and emit
+        // CONFERENCE_FAILED when it's dropped. It has more knowledge on
+        // whether it can recover or not. But because the reload screen
+        // and the retry logic is implemented in the app maybe it can be
+        // left this way for now.
+        if (conference.getConnection() === connection) {
+            // XXX Note that on mobile the error type passed to
+            // connectionFailed is always an object with .name property.
+            // This fact needs to be checked prior to enabling this logic on
+            // web.
+            const conferenceAction = conferenceFailed(conference, error.name);
+
+            // Copy the recoverable flag if set on the CONNECTION_FAILED
+            // action to not emit recoverable action caused by
+            // a non-recoverable one.
+            if (typeof error.recoverable !== 'undefined') {
+                conferenceAction.error.recoverable = error.recoverable;
+            }
+
+            dispatch(conferenceAction);
+        }
+
+        return true;
+    });
+
+    return result;
+}
+
+/**
+ * Notifies the feature base/conference that the action
+ * {@code CONFERENCE_SUBJECT_CHANGED} is being dispatched within a specific
+ *  redux store.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified {@code action} to the specified {@code store}.
+ * @param {Action} action - The redux action {@code CONFERENCE_SUBJECT_CHANGED}
+ * which is being dispatched in the specified {@code store}.
+ * @private
+ * @returns {Object} The value returned by {@code next(action)}.
+ */
+function _conferenceSubjectChanged({ dispatch, getState }: IStore, next: Function, action: AnyAction) {
+    const result = next(action);
+    const { subject } = getState()['features/base/conference'];
+
+    if (subject) {
+        dispatch({
+            type: SET_PENDING_SUBJECT_CHANGE,
+            subject: undefined
+        });
+    }
+
+    typeof APP === 'object' && APP.API.notifySubjectChanged(subject);
+
+    return result;
+}
+
+/**
+ * Notifies the feature base/conference that the action
+ * {@code CONFERENCE_WILL_LEAVE} is being dispatched within a specific redux
+ * store.
+ *
+ * @private
+ * @param {Object} store - The redux store.
+ * @returns {void}
+ */
+function _conferenceWillLeave({ getState }: IStore) {
+    _removeUnloadHandler(getState);
+}
+
+/**
+ * Notifies the feature base/conference that the action {@code PIN_PARTICIPANT}
+ * is being dispatched within a specific redux store. Pins the specified remote
+ * participant in the associated conference, ignores the local participant.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified {@code action} to the specified {@code store}.
+ * @param {Action} action - The redux action {@code PIN_PARTICIPANT} which is
+ * being dispatched in the specified {@code store}.
+ * @private
+ * @returns {Object} The value returned by {@code next(action)}.
+ */
+function _pinParticipant({ getState }: IStore, next: Function, action: AnyAction) {
+    const state = getState();
+    const { conference } = state['features/base/conference'];
+
+    if (!conference) {
+        return next(action);
+    }
+
+    const id = action.participant.id;
+    const participantById = getParticipantById(state, id);
+    const pinnedParticipant = getPinnedParticipant(state);
+    const actionName = id ? ACTION_PINNED : ACTION_UNPINNED;
+    const local
+        = participantById?.local
+            || (!id && pinnedParticipant?.local);
+    let participantIdForEvent;
+
+    if (local) {
+        participantIdForEvent = local;
+    } else {
+        participantIdForEvent
+            = actionName === ACTION_PINNED ? id : pinnedParticipant?.id;
+    }
+
+    sendAnalytics(createPinnedEvent(
+        actionName,
+        participantIdForEvent,
+        {
+            local,
+            'participant_count': conference.getParticipantCount()
+        }));
+
+    return next(action);
+}
+
+/**
+ * Removes the unload handler.
+ *
+ * @param {Function} getState - The redux getState function.
+ * @returns {void}
+ */
+function _removeUnloadHandler(getState: IStore['getState']) {
+    if (typeof beforeUnloadHandler !== 'undefined') {
+        const { disableBeforeUnloadHandlers = false } = getState()['features/base/config'];
+
+        window.removeEventListener(disableBeforeUnloadHandlers ? 'unload' : 'beforeunload', beforeUnloadHandler);
+        beforeUnloadHandler = undefined;
+    }
+}
+
+/**
+ * Requests the specified tones to be played.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified {@code action} to the specified {@code store}.
+ * @param {Action} action - The redux action {@code SEND_TONES} which is
+ * being dispatched in the specified {@code store}.
+ * @private
+ * @returns {Object} The value returned by {@code next(action)}.
+ */
+function _sendTones({ getState }: IStore, next: Function, action: AnyAction) {
+    const state = getState();
+    const { conference } = state['features/base/conference'];
+
+    if (conference) {
+        const { duration, tones, pause } = action;
+
+        conference.sendTones(tones, duration, pause);
+    }
+
+    return next(action);
+}
+
+/**
+ * Notifies the feature base/conference that the action
+ * {@code SET_ROOM} is being dispatched within a specific
+ *  redux store.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified {@code action} to the specified {@code store}.
+ * @param {Action} action - The redux action {@code SET_ROOM}
+ * which is being dispatched in the specified {@code store}.
+ * @private
+ * @returns {Object} The value returned by {@code next(action)}.
+ */
+function _setRoom({ dispatch, getState }: IStore, next: Function, action: AnyAction) {
+    const state = getState();
+    const { localSubject, subject } = state['features/base/config'];
+    const { room } = action;
+
+    if (room) {
+        // Set the stored subject.
+        localSubject && dispatch(setLocalSubject(localSubject));
+        subject && dispatch(setSubject(subject));
+    }
+
+    return next(action);
+}
+
+/**
+ * Notifies the feature base/conference that the action {@code TRACK_ADDED}
+ * or {@code TRACK_REMOVED} is being dispatched within a specific redux store.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified {@code action} to the specified {@code store}.
+ * @param {Action} action - The redux action {@code TRACK_ADDED} or
+ * {@code TRACK_REMOVED} which is being dispatched in the specified
+ * {@code store}.
+ * @private
+ * @returns {Object} The value returned by {@code next(action)}.
+ */
+async function _trackAddedOrRemoved(store: IStore, next: Function, action: AnyAction) {
+    const track = action.track;
+
+    // TODO All track swapping should happen here instead of conference.js.
+    if (track?.local) {
+        const { getState } = store;
+        const state = getState();
+        const conference = getCurrentConference(state);
+
+        if (conference) {
+            const jitsiTrack = action.track.jitsiTrack;
+
+            if (action.type === TRACK_ADDED) {
+                // If gUM is slow and tracks are created after the user has already joined the conference, avoid
+                // adding the tracks to the conference if the user is a visitor.
+                if (!iAmVisitor(state)) {
+                    const { desktopAudioTrack } = state['features/screen-share'];
+
+                    // If the user is sharing their screen and has a desktop audio track, we need to replace that with
+                    // the audio mixer effect so that the desktop audio is mixed in with the microphone audio.
+                    if (typeof APP !== 'undefined' && desktopAudioTrack && track.mediaType === MEDIA_TYPE.AUDIO) {
+                        await conference.replaceTrack(desktopAudioTrack, null);
+                        const audioMixerEffect = new AudioMixerEffect(desktopAudioTrack);
+
+                        await jitsiTrack.setEffect(audioMixerEffect);
+                        await conference.replaceTrack(null, jitsiTrack);
+                    } else {
+                        await _addLocalTracksToConference(conference, [ jitsiTrack ]);
+                    }
+                }
+            } else {
+                await _removeLocalTracksFromConference(conference, [ jitsiTrack ]);
+            }
+        }
+    }
+
+    return next(action);
+}
+
+/**
+ * Updates the conference object when the local participant is updated.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified {@code action} to the specified {@code store}.
+ * @param {Action} action - The redux action which is being dispatched in the
+ * specified {@code store}.
+ * @private
+ * @returns {Object} The value returned by {@code next(action)}.
+ */
+function _updateLocalParticipantInConference({ dispatch, getState }: IStore, next: Function, action: AnyAction) {
+    const { conference } = getState()['features/base/conference'];
+    const { participant } = action;
+    const result = next(action);
+
+    const localParticipant = getLocalParticipant(getState);
+
+    if (conference && participant.id === localParticipant?.id) {
+        if ('name' in participant) {
+            conference.setDisplayName(participant.name);
+        }
+
+        if ('isSilent' in participant) {
+            conference.setIsSilent(participant.isSilent);
+        }
+
+        if ('role' in participant && participant.role === PARTICIPANT_ROLE.MODERATOR) {
+            const { pendingSubjectChange, subject } = getState()['features/base/conference'];
+
+            // When the local user role is updated to moderator and we have a pending subject change
+            // which was not reflected we need to set it (the first time we tried was before becoming moderator).
+            if (typeof pendingSubjectChange !== 'undefined' && pendingSubjectChange !== subject) {
+                dispatch(setSubject(pendingSubjectChange));
+            }
+        }
+    }
+
+    return result;
+}
+
+/**
+ * Notifies the external API that the action {@code P2P_STATUS_CHANGED}
+ * is being dispatched within a specific redux store.
+ *
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified {@code action} to the specified {@code store}.
+ * @param {Action} action - The redux action {@code P2P_STATUS_CHANGED}
+ * which is being dispatched in the specified {@code store}.
+ * @private
+ * @returns {Object} The value returned by {@code next(action)}.
+ */
+function _p2pStatusChanged(next: Function, action: AnyAction) {
+    const result = next(action);
+
+    if (typeof APP !== 'undefined') {
+        APP.API.notifyP2pStatusChanged(action.p2p);
+    }
+
+    return result;
+}
+
+/**
+ * Notifies the feature base/conference that the action
+ * {@code SET_ASSUMED_BANDWIDTH_BPS} is being dispatched within a specific
+ *  redux store.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified {@code action} to the specified {@code store}.
+ * @param {Action} action - The redux action {@code SET_ASSUMED_BANDWIDTH_BPS}
+ * which is being dispatched in the specified {@code store}.
+ * @private
+ * @returns {Object} The value returned by {@code next(action)}.
+ */
+function _setAssumedBandwidthBps({ getState }: IStore, next: Function, action: AnyAction) {
+    const state = getState();
+    const conference = getCurrentConference(state);
+    const payload = Number(action.assumedBandwidthBps);
+
+    const assumedBandwidthBps = isNaN(payload) || payload < MIN_ASSUMED_BANDWIDTH_BPS
+        ? MIN_ASSUMED_BANDWIDTH_BPS
+        : payload;
+
+    if (conference) {
+        conference.setAssumedBandwidthBps(assumedBandwidthBps);
+    }
+
+    return next(action);
+}
diff --git a/react/features/base/conference/middleware.native.ts b/react/features/base/conference/middleware.native.ts
new file mode 100644
index 0000000..b8db7dc
--- /dev/null
+++ b/react/features/base/conference/middleware.native.ts
@@ -0,0 +1,50 @@
+import { appNavigate } from '../../app/actions.native';
+import { notifyConferenceFailed } from '../../conference/actions.native';
+import { JitsiConferenceErrors } from '../lib-jitsi-meet';
+import MiddlewareRegistry from '../redux/MiddlewareRegistry';
+
+import { CONFERENCE_FAILED } from './actionTypes';
+import { conferenceLeft } from './actions.native';
+import { TRIGGER_READY_TO_CLOSE_REASONS } from './constants';
+import './middleware.any';
+import { processDestroyConferenceEvent } from './functions';
+
+MiddlewareRegistry.register(store => next => action => {
+    const { dispatch } = store;
+    const { error } = action;
+
+    switch (action.type) {
+    case CONFERENCE_FAILED: {
+        const { getState } = store;
+        const state = getState();
+        const { notifyOnConferenceDestruction = true } = state['features/base/config'];
+
+        if (error?.name !== JitsiConferenceErrors.CONFERENCE_DESTROYED) {
+            break;
+        }
+
+        if (processDestroyConferenceEvent(state, dispatch, error.params)) {
+            break;
+        }
+
+        if (!notifyOnConferenceDestruction) {
+            dispatch(conferenceLeft(action.conference));
+            dispatch(appNavigate(undefined));
+            break;
+        }
+
+        const [ reason ] = error.params;
+
+        const reasonKey = Object.keys(TRIGGER_READY_TO_CLOSE_REASONS)[
+            Object.values(TRIGGER_READY_TO_CLOSE_REASONS).indexOf(reason)
+        ];
+
+        dispatch(notifyConferenceFailed(reasonKey, () => {
+            dispatch(conferenceLeft(action.conference));
+            dispatch(appNavigate(undefined));
+        }));
+    }
+    }
+
+    return next(action);
+});
diff --git a/react/features/base/conference/middleware.web.ts b/react/features/base/conference/middleware.web.ts
new file mode 100644
index 0000000..143c9fd
--- /dev/null
+++ b/react/features/base/conference/middleware.web.ts
@@ -0,0 +1,223 @@
+import i18next from 'i18next';
+
+import {
+    setPrejoinPageVisibility,
+    setSkipPrejoinOnReload
+} from '../../prejoin/actions.web';
+import { isPrejoinPageVisible } from '../../prejoin/functions';
+import { iAmVisitor } from '../../visitors/functions';
+import { CONNECTION_DISCONNECTED, CONNECTION_ESTABLISHED } from '../connection/actionTypes';
+import { hangup } from '../connection/actions.web';
+import { JitsiConferenceErrors, JitsiConnectionErrors, browser } from '../lib-jitsi-meet';
+import { gumPending, setInitialGUMPromise } from '../media/actions';
+import { MEDIA_TYPE } from '../media/constants';
+import { IGUMPendingState } from '../media/types';
+import MiddlewareRegistry from '../redux/MiddlewareRegistry';
+import { replaceLocalTrack } from '../tracks/actions.any';
+import { getLocalTracks } from '../tracks/functions.any';
+
+import {
+    CONFERENCE_FAILED,
+    CONFERENCE_JOINED,
+    CONFERENCE_JOIN_IN_PROGRESS,
+    CONFERENCE_LEFT,
+    KICKED_OUT
+} from './actionTypes';
+import { TRIGGER_READY_TO_CLOSE_REASONS } from './constants';
+import { processDestroyConferenceEvent } from './functions';
+import logger from './logger';
+import './middleware.any';
+
+let screenLock: WakeLockSentinel | undefined;
+
+/**
+ * Releases the screen lock.
+ *
+ * @returns {Promise}
+ */
+async function releaseScreenLock() {
+    if (screenLock) {
+        if (!screenLock.released) {
+            logger.debug('Releasing wake lock.');
+
+            try {
+                await screenLock.release();
+            } catch (e) {
+                logger.error(`Error while releasing the screen wake lock: ${e}.`);
+            }
+        }
+        screenLock.removeEventListener('release', onWakeLockReleased);
+        screenLock = undefined;
+        document.removeEventListener('visibilitychange', handleVisibilityChange);
+    }
+}
+
+/**
+ * Requests a new screen wake lock.
+ *
+ * @returns {void}
+ */
+function requestWakeLock() {
+    if (navigator.wakeLock?.request) {
+        navigator.wakeLock.request('screen')
+            .then(lock => {
+                screenLock = lock;
+                screenLock.addEventListener('release', onWakeLockReleased);
+                document.addEventListener('visibilitychange', handleVisibilityChange);
+                logger.debug('Wake lock created.');
+            })
+            .catch(e => {
+                logger.error(`Error while requesting wake lock for screen: ${e}`);
+            });
+    }
+}
+
+/**
+ * Page visibility change handler that re-requests the wake lock if it has been released by the OS.
+ *
+ * @returns {void}
+ */
+async function handleVisibilityChange() {
+    if (screenLock?.released && document.visibilityState === 'visible') {
+        // The screen lock have been released by the OS because of document visibility change. Lets try to request the
+        // wake lock again.
+        await releaseScreenLock();
+        requestWakeLock();
+    }
+}
+
+/**
+ * Wake lock released handler.
+ *
+ * @returns {void}
+ */
+function onWakeLockReleased() {
+    logger.debug('Wake lock released');
+}
+
+MiddlewareRegistry.register(store => next => action => {
+    const { dispatch, getState } = store;
+    const { enableForcedReload } = getState()['features/base/config'];
+
+    switch (action.type) {
+    case CONFERENCE_JOIN_IN_PROGRESS: {
+        dispatch(setPrejoinPageVisibility(false));
+
+        break;
+    }
+    case CONFERENCE_JOINED: {
+        if (enableForcedReload) {
+            dispatch(setSkipPrejoinOnReload(false));
+        }
+
+        requestWakeLock();
+
+        break;
+    }
+    case CONFERENCE_FAILED: {
+        const errorName = action.error?.name;
+
+        if (enableForcedReload
+            && (errorName === JitsiConferenceErrors.CONFERENCE_RESTARTED
+                || errorName === JitsiConnectionErrors.SHARD_CHANGED_ERROR)) {
+            dispatch(setSkipPrejoinOnReload(true));
+        }
+
+        if (errorName === JitsiConferenceErrors.CONFERENCE_DESTROYED) {
+            const state = getState();
+            const { notifyOnConferenceDestruction = true } = state['features/base/config'];
+            const [ reason ] = action.error.params;
+
+            if (processDestroyConferenceEvent(state, dispatch, action.error.params)) {
+                break;
+            }
+
+            const titlekey = Object.keys(TRIGGER_READY_TO_CLOSE_REASONS)[
+                Object.values(TRIGGER_READY_TO_CLOSE_REASONS).indexOf(reason)
+            ];
+
+            dispatch(hangup(true, i18next.t(titlekey) || reason, notifyOnConferenceDestruction));
+        }
+
+        releaseScreenLock();
+
+        break;
+    }
+    case CONFERENCE_LEFT:
+    case KICKED_OUT:
+        releaseScreenLock();
+
+        break;
+    case CONNECTION_DISCONNECTED: {
+        const { initialGUMPromise } = getState()['features/base/media'];
+
+        if (initialGUMPromise) {
+            store.dispatch(setInitialGUMPromise());
+        }
+
+        break;
+    }
+    case CONNECTION_ESTABLISHED: {
+        const { initialGUMPromise } = getState()['features/base/media'];
+        const promise = initialGUMPromise ? initialGUMPromise.promise : Promise.resolve({ tracks: [] });
+        const prejoinVisible = isPrejoinPageVisible(getState());
+
+        logger.debug(`On connection established: prejoinVisible: ${prejoinVisible}, initialGUMPromiseExists=${
+            Boolean(initialGUMPromise)}, promiseExists=${Boolean(promise)}`);
+
+        if (prejoinVisible) {
+            promise.then(() => {
+                const state = getState();
+                let localTracks = getLocalTracks(state['features/base/tracks']);
+                const trackReplacePromises = [];
+
+                // Do not signal audio/video tracks if the user joins muted.
+                for (const track of localTracks) {
+                    // Always add the audio track on Safari because of a known issue where audio playout doesn't happen
+                    // if the user joins audio and video muted.
+                    if ((track.muted && !(browser.isWebKitBased() && track.jitsiTrack
+                            && track.jitsiTrack.getType() === MEDIA_TYPE.AUDIO)) || iAmVisitor(state)) {
+                        trackReplacePromises.push(dispatch(replaceLocalTrack(track.jitsiTrack, null))
+                            .catch((error: any) => {
+                                logger.error(`Failed to replace local track (${track.jitsiTrack}) with null: ${error}`);
+                            }));
+                    }
+                }
+
+                Promise.allSettled(trackReplacePromises).then(() => {
+
+                    // Re-fetch the local tracks after muted tracks have been removed above.
+                    // This is needed, because the tracks are effectively disposed by the replaceLocalTrack and should
+                    // not be used anymore.
+                    localTracks = getLocalTracks(getState()['features/base/tracks']);
+
+                    const jitsiTracks = localTracks.map((t: any) => t.jitsiTrack);
+
+
+                    return APP.conference.startConference(jitsiTracks);
+                })
+                .catch(logger.error);
+            });
+        } else {
+            promise.then(({ tracks }) => {
+                let tracksToUse = tracks ?? [];
+
+                if (iAmVisitor(getState())) {
+                    tracksToUse = [];
+                    tracks.forEach(track => track.dispose().catch(logger.error));
+                    dispatch(gumPending([ MEDIA_TYPE.AUDIO, MEDIA_TYPE.VIDEO ], IGUMPendingState.NONE));
+                }
+
+                dispatch(setInitialGUMPromise());
+
+                return APP.conference.startConference(tracksToUse);
+            })
+            .catch(logger.error);
+        }
+
+        break;
+    }
+    }
+
+    return next(action);
+});
diff --git a/react/features/base/conference/reducer.ts b/react/features/base/conference/reducer.ts
new file mode 100644
index 0000000..44e62fa
--- /dev/null
+++ b/react/features/base/conference/reducer.ts
@@ -0,0 +1,693 @@
+import { AnyAction } from 'redux';
+
+import { FaceLandmarks } from '../../face-landmarks/types';
+import { LOCKED_LOCALLY, LOCKED_REMOTELY } from '../../room-lock/constants';
+import { ISpeakerStats } from '../../speaker-stats/reducer';
+import { SET_CONFIG } from '../config/actionTypes';
+import { IConfig } from '../config/configType';
+import { CONNECTION_WILL_CONNECT, SET_LOCATION_URL } from '../connection/actionTypes';
+import { JitsiConferenceErrors } from '../lib-jitsi-meet';
+import ReducerRegistry from '../redux/ReducerRegistry';
+import { assign, equals, set } from '../redux/functions';
+
+import {
+    AUTH_STATUS_CHANGED,
+    CONFERENCE_FAILED,
+    CONFERENCE_JOINED,
+    CONFERENCE_LEFT,
+    CONFERENCE_LOCAL_SUBJECT_CHANGED,
+    CONFERENCE_PROPERTIES_CHANGED,
+    CONFERENCE_SUBJECT_CHANGED,
+    CONFERENCE_TIMESTAMP_CHANGED,
+    CONFERENCE_WILL_JOIN,
+    CONFERENCE_WILL_LEAVE,
+    DATA_CHANNEL_CLOSED,
+    DATA_CHANNEL_OPENED,
+    LOCK_STATE_CHANGED,
+    P2P_STATUS_CHANGED,
+    SET_ASSUMED_BANDWIDTH_BPS,
+    SET_OBFUSCATED_ROOM,
+    SET_PASSWORD,
+    SET_PENDING_SUBJECT_CHANGE,
+    SET_ROOM,
+    SET_START_MUTED_POLICY,
+    SET_START_REACTIONS_MUTED,
+    UPDATE_CONFERENCE_METADATA
+} from './actionTypes';
+import { isRoomValid } from './functions';
+
+const DEFAULT_STATE = {
+    assumedBandwidthBps: undefined,
+    conference: undefined,
+    dataChannelOpen: undefined,
+    e2eeSupported: undefined,
+    joining: undefined,
+    leaving: undefined,
+    locked: undefined,
+    membersOnly: undefined,
+    metadata: undefined,
+    password: undefined,
+    passwordRequired: undefined,
+    properties: undefined
+};
+
+export interface IConferenceMetadata {
+    files: {
+        [fileId: string]: {
+            authorParticipantJid: string;
+            authorParticipantName: string;
+            conferenceFullName: string;
+            fileId: string;
+            fileName: string;
+            fileSize: number;
+            fileType: string;
+            progress?: number;
+            timestamp: number;
+        };
+    };
+    recording?: {
+        isTranscribingEnabled: boolean;
+    };
+    visitors?: {
+        live: boolean;
+    };
+    whiteboard?: {
+        collabDetails: {
+            roomId: string;
+            roomKey: string;
+        };
+    };
+}
+
+export interface IJitsiConference {
+    addCommandListener: Function;
+    addLobbyMessageListener: Function;
+    addTrack: Function;
+    authenticateAndUpgradeRole: Function;
+    avModerationApprove: Function;
+    avModerationReject: Function;
+    callUUID?: string;
+    createVideoSIPGWSession: Function;
+    dial: Function;
+    disableAVModeration: Function;
+    disableLobby: Function;
+    enableAVModeration: Function;
+    enableLobby: Function;
+    end: Function;
+    getBreakoutRooms: Function;
+    getConnection: Function;
+    getFileSharing: Function;
+    getLocalParticipantProperty: Function;
+    getLocalTracks: Function;
+    getMeetingUniqueId: Function;
+    getMetadataHandler: Function;
+    getName: Function;
+    getParticipantById: Function;
+    getParticipantCount: Function;
+    getParticipants: Function;
+    getPolls: Function;
+    getRole: Function;
+    getShortTermCredentials: Function;
+    getSpeakerStats: () => ISpeakerStats;
+    getSsrcByTrack: Function;
+    getTranscriptionStatus: Function;
+    grantOwner: Function;
+    isAVModerationSupported: Function;
+    isE2EEEnabled: Function;
+    isE2EESupported: Function;
+    isEndConferenceSupported: Function;
+    isLobbySupported: Function;
+    isP2PActive: Function;
+    isSIPCallingSupported: Function;
+    join: Function;
+    joinLobby: Function;
+    kickParticipant: Function;
+    leave: Function;
+    lobbyApproveAccess: Function;
+    lobbyDenyAccess: Function;
+    lock: Function;
+    markParticipantVerified: Function;
+    muteParticipant: Function;
+    myLobbyUserId: Function;
+    myUserId: Function;
+    off: Function;
+    on: Function;
+    options: any;
+    removeTrack: Function;
+    replaceTrack: Function;
+    room: IJitsiConferenceRoom;
+    sendApplicationLog: Function;
+    sendCommand: Function;
+    sendCommandOnce: Function;
+    sendEndpointMessage: Function;
+    sendFaceLandmarks: (faceLandmarks: FaceLandmarks) => void;
+    sendFeedback: Function;
+    sendLobbyMessage: Function;
+    sendMessage: Function;
+    sendPrivateTextMessage: Function;
+    sendReaction: Function;
+    sendTextMessage: Function;
+    sendTones: Function;
+    sessionId: string;
+    setAssumedBandwidthBps: (value: number) => void;
+    setDesktopSharingFrameRate: Function;
+    setDisplayName: Function;
+    setIsSilent: Function;
+    setLocalParticipantProperty: Function;
+    setMediaEncryptionKey: Function;
+    setReceiverConstraints: Function;
+    setSenderVideoConstraint: Function;
+    setStartMutedPolicy: Function;
+    setSubject: Function;
+    setTranscriptionLanguage: Function;
+    startRecording: Function;
+    startVerification: Function;
+    stopRecording: Function;
+    toggleE2EE: Function;
+}
+
+export interface IConferenceState {
+    assumedBandwidthBps?: number;
+    authEnabled?: boolean;
+    authLogin?: string;
+    authRequired?: IJitsiConference;
+    conference?: IJitsiConference;
+    conferenceTimestamp?: number;
+    dataChannelOpen?: boolean;
+    e2eeSupported?: boolean;
+    error?: Error;
+    joining?: IJitsiConference;
+    leaving?: IJitsiConference;
+    lobbyError?: boolean;
+    lobbyWaitingForHost?: boolean;
+    localSubject?: string;
+    locked?: string;
+    membersOnly?: IJitsiConference;
+    metadata?: IConferenceMetadata;
+    obfuscatedRoom?: string;
+    obfuscatedRoomSource?: string;
+    p2p?: Object;
+    password?: string;
+    passwordRequired?: IJitsiConference;
+    pendingSubjectChange?: string;
+    properties?: object;
+    room?: string;
+    startAudioMutedPolicy?: boolean;
+    startReactionsMuted?: boolean;
+    startVideoMutedPolicy?: boolean;
+    subject?: string;
+}
+
+export interface IJitsiConferenceRoom {
+    locked: boolean;
+    myroomjid: string;
+    roomjid: string;
+    xmpp: {
+        moderator: {
+            logout: Function;
+        };
+    };
+}
+
+interface IConferenceFailedError extends Error {
+    params: Array<any>;
+}
+
+/**
+ * Listen for actions that contain the conference object, so that it can be
+ * stored for use by other action creators.
+ */
+ReducerRegistry.register<IConferenceState>('features/base/conference',
+    (state = DEFAULT_STATE, action): IConferenceState => {
+        switch (action.type) {
+        case AUTH_STATUS_CHANGED:
+            return _authStatusChanged(state, action);
+
+        case CONFERENCE_FAILED:
+            return _conferenceFailed(state, action);
+
+        case CONFERENCE_JOINED:
+            return _conferenceJoined(state, action);
+
+        case CONFERENCE_SUBJECT_CHANGED:
+            return set(state, 'subject', action.subject);
+
+        case CONFERENCE_LOCAL_SUBJECT_CHANGED:
+            return set(state, 'localSubject', action.localSubject);
+
+        case CONFERENCE_PROPERTIES_CHANGED:
+            return _conferencePropertiesChanged(state, action);
+
+        case CONFERENCE_TIMESTAMP_CHANGED:
+            return set(state, 'conferenceTimestamp', action.conferenceTimestamp);
+
+        case CONFERENCE_LEFT:
+        case CONFERENCE_WILL_LEAVE:
+            return _conferenceLeftOrWillLeave(state, action);
+
+        case CONFERENCE_WILL_JOIN:
+            return _conferenceWillJoin(state, action);
+
+        case CONNECTION_WILL_CONNECT:
+            return set(state, 'authRequired', undefined);
+
+        case DATA_CHANNEL_CLOSED:
+            return set(state, 'dataChannelOpen', false);
+
+        case DATA_CHANNEL_OPENED:
+            return set(state, 'dataChannelOpen', true);
+
+        case LOCK_STATE_CHANGED:
+            return _lockStateChanged(state, action);
+
+        case P2P_STATUS_CHANGED:
+            return _p2pStatusChanged(state, action);
+
+        case SET_ASSUMED_BANDWIDTH_BPS: {
+            const assumedBandwidthBps = action.assumedBandwidthBps >= 0
+                ? Number(action.assumedBandwidthBps)
+                : undefined;
+
+            return set(state, 'assumedBandwidthBps', assumedBandwidthBps);
+        }
+
+        case SET_START_REACTIONS_MUTED:
+            return set(state, 'startReactionsMuted', action.muted);
+
+        case SET_LOCATION_URL:
+            return set(state, 'room', undefined);
+
+        case SET_OBFUSCATED_ROOM:
+            return { ...state,
+                obfuscatedRoom: action.obfuscatedRoom,
+                obfuscatedRoomSource: action.obfuscatedRoomSource
+            };
+
+        case SET_PASSWORD:
+            return _setPassword(state, action);
+
+        case SET_PENDING_SUBJECT_CHANGE:
+            return set(state, 'pendingSubjectChange', action.subject);
+
+        case SET_ROOM:
+            return _setRoom(state, action);
+
+        case SET_START_MUTED_POLICY:
+            return {
+                ...state,
+                startAudioMutedPolicy: action.startAudioMutedPolicy,
+                startVideoMutedPolicy: action.startVideoMutedPolicy
+            };
+
+        case UPDATE_CONFERENCE_METADATA:
+            return {
+                ...state,
+                metadata: action.metadata
+            };
+
+        case SET_CONFIG:
+            return _setConfig(state, action);
+        }
+
+        return state;
+    });
+
+/**
+ * Processes subject and local subject of the conference based on the new config.
+ *
+ * @param {Object} state - The Redux state of feature base/conference.
+ * @param {Action} action - The Redux action SET_CONFIG to reduce.
+ * @private
+ * @returns {Object} The new state after the reduction of the specified action.
+ */
+function _setConfig(state: IConferenceState, { config }: { config: IConfig; }) {
+    const { localSubject, subject } = config;
+
+    return {
+        ...state,
+        localSubject,
+        pendingSubjectChange: subject,
+        subject: undefined
+    };
+}
+
+/**
+ * Reduces a specific Redux action AUTH_STATUS_CHANGED of the feature
+ * base/conference.
+ *
+ * @param {Object} state - The Redux state of the feature base/conference.
+ * @param {Action} action - The Redux action AUTH_STATUS_CHANGED to reduce.
+ * @private
+ * @returns {Object} The new state of the feature base/conference after the
+ * reduction of the specified action.
+ */
+function _authStatusChanged(state: IConferenceState,
+        { authEnabled, authLogin }: { authEnabled: boolean; authLogin: string; }) {
+    return assign(state, {
+        authEnabled,
+        authLogin
+    });
+}
+
+/**
+ * Reduces a specific Redux action CONFERENCE_FAILED of the feature
+ * base/conference.
+ *
+ * @param {Object} state - The Redux state of the feature base/conference.
+ * @param {Action} action - The Redux action CONFERENCE_FAILED to reduce.
+ * @private
+ * @returns {Object} The new state of the feature base/conference after the
+ * reduction of the specified action.
+ */
+function _conferenceFailed(state: IConferenceState, { conference, error }: {
+    conference: IJitsiConference; error: IConferenceFailedError; }) {
+    // The current (similar to getCurrentConference in
+    // base/conference/functions.any.js) conference which is joining or joined:
+    const conference_ = state.conference || state.joining;
+
+    if (conference_ && conference_ !== conference) {
+        return state;
+    }
+
+    let authRequired;
+    let membersOnly;
+    let passwordRequired;
+    let lobbyWaitingForHost;
+    let lobbyError;
+
+    switch (error.name) {
+    case JitsiConferenceErrors.AUTHENTICATION_REQUIRED:
+        authRequired = conference;
+        break;
+
+    /**
+     * Access denied while waiting in the lobby.
+     * A conference error when we tried to join into a room with no display name when lobby is enabled in the room.
+     */
+    case JitsiConferenceErrors.CONFERENCE_ACCESS_DENIED:
+    case JitsiConferenceErrors.DISPLAY_NAME_REQUIRED: {
+        lobbyError = true;
+
+        break;
+    }
+
+    case JitsiConferenceErrors.MEMBERS_ONLY_ERROR: {
+        membersOnly = conference;
+
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const [ _lobbyJid, _lobbyWaitingForHost ] = error.params;
+
+        lobbyWaitingForHost = _lobbyWaitingForHost;
+
+        break;
+    }
+
+    case JitsiConferenceErrors.PASSWORD_REQUIRED:
+        passwordRequired = conference;
+        break;
+    }
+
+    return assign(state, {
+        authRequired,
+        conference: undefined,
+        e2eeSupported: undefined,
+        error,
+        joining: undefined,
+        leaving: undefined,
+        lobbyError,
+        lobbyWaitingForHost,
+
+        /**
+         * The indicator of how the conference/room is locked. If falsy, the
+         * conference/room is unlocked; otherwise, it's either
+         * {@code LOCKED_LOCALLY} or {@code LOCKED_REMOTELY}.
+         *
+         * @type {string}
+         */
+        locked: passwordRequired ? LOCKED_REMOTELY : undefined,
+        membersOnly,
+        password: undefined,
+
+        /**
+         * The JitsiConference instance which requires a password to join.
+         *
+         * @type {JitsiConference}
+         */
+        passwordRequired
+    });
+}
+
+/**
+ * Reduces a specific Redux action CONFERENCE_JOINED of the feature
+ * base/conference.
+ *
+ * @param {Object} state - The Redux state of the feature base/conference.
+ * @param {Action} action - The Redux action CONFERENCE_JOINED to reduce.
+ * @private
+ * @returns {Object} The new state of the feature base/conference after the
+ * reduction of the specified action.
+ */
+function _conferenceJoined(state: IConferenceState, { conference }: { conference: IJitsiConference; }) {
+    // FIXME The indicator which determines whether a JitsiConference is locked
+    // i.e. password-protected is private to lib-jitsi-meet. However, the
+    // library does not fire LOCK_STATE_CHANGED upon joining a JitsiConference
+    // with a password.
+    // FIXME Technically JitsiConference.room is a private field.
+    const locked = conference.room?.locked ? LOCKED_REMOTELY : undefined;
+
+    return assign(state, {
+        authRequired: undefined,
+
+        /**
+         * The JitsiConference instance represented by the Redux state of the
+         * feature base/conference.
+         *
+         * @type {JitsiConference}
+         */
+        conference,
+
+        e2eeSupported: conference.isE2EESupported(),
+
+        joining: undefined,
+        membersOnly: undefined,
+        leaving: undefined,
+
+        lobbyError: undefined,
+        lobbyWaitingForHost: undefined,
+
+        /**
+         * The indicator which determines whether the conference is locked.
+         *
+         * @type {boolean}
+         */
+        locked,
+        passwordRequired: undefined
+    });
+}
+
+/**
+ * Reduces a specific redux action {@link CONFERENCE_LEFT} or
+ * {@link CONFERENCE_WILL_LEAVE} for the feature base/conference.
+ *
+ * @param {Object} state - The redux state of the feature base/conference.
+ * @param {Action} action - The redux action {@code CONFERENCE_LEFT} or
+ * {@code CONFERENCE_WILL_LEAVE} to reduce.
+ * @private
+ * @returns {Object} The next/new state of the feature base/conference after the
+ * reduction of the specified action.
+ */
+function _conferenceLeftOrWillLeave(state: IConferenceState, { conference, type }:
+{ conference: IJitsiConference; type: string; }) {
+    const nextState = { ...state };
+
+    // The redux action CONFERENCE_LEFT is the last time that we should be
+    // hearing from a JitsiConference instance.
+    //
+    // The redux action CONFERENCE_WILL_LEAVE represents the order of the user
+    // to leave a JitsiConference instance. From the user's perspective, there's
+    // no going back (with respect to the instance itself). The app will perform
+    // due clean-up like leaving the associated room, but the instance is no
+    // longer the focus of the attention of the user and, consequently, the app.
+    for (const p in state) {
+        if (state[p as keyof IConferenceState] === conference) {
+            nextState[p as keyof IConferenceState] = undefined;
+
+            switch (p) {
+            case 'conference':
+            case 'passwordRequired':
+                // XXX Clear/unset locked & password for a conference which has
+                // been LOCKED_LOCALLY or LOCKED_REMOTELY.
+                delete nextState.locked;
+                delete nextState.password;
+                break;
+            }
+        }
+    }
+
+    if (type === CONFERENCE_WILL_LEAVE) {
+        // A CONFERENCE_WILL_LEAVE is of further consequence only if it is
+        // expected i.e. if the specified conference is joining or joined.
+        if (conference === state.joining || conference === state.conference) {
+            /**
+             * The JitsiConference instance which is currently in the process of
+             * being left.
+             *
+             * @type {JitsiConference}
+             */
+            nextState.leaving = conference;
+        }
+    }
+
+    return nextState;
+}
+
+/**
+ * Reduces a specific Redux action CONFERENCE_PROPERTIES_CHANGED of the feature
+ * base/conference.
+ *
+ * @param {Object} state - The Redux state of the feature base/conference.
+ * @param {Action} action - The Redux action CONFERENCE_PROPERTIES_CHANGED to reduce.
+ * @private
+ * @returns {Object} The new state of the feature base/conference after the
+ * reduction of the specified action.
+ */
+function _conferencePropertiesChanged(state: IConferenceState, { properties }: { properties: Object; }) {
+    if (!equals(state.properties, properties)) {
+        return assign(state, {
+            properties
+        });
+    }
+
+    return state;
+}
+
+/**
+ * Reduces a specific Redux action CONFERENCE_WILL_JOIN of the feature
+ * base/conference.
+ *
+ * @param {Object} state - The Redux state of the feature base/conference.
+ * @param {Action} action - The Redux action CONFERENCE_WILL_JOIN to reduce.
+ * @private
+ * @returns {Object} The new state of the feature base/conference after the
+ * reduction of the specified action.
+ */
+function _conferenceWillJoin(state: IConferenceState, { conference }: { conference: IJitsiConference; }) {
+    return assign(state, {
+        error: undefined,
+        joining: conference
+    });
+}
+
+/**
+ * Reduces a specific Redux action LOCK_STATE_CHANGED of the feature
+ * base/conference.
+ *
+ * @param {Object} state - The Redux state of the feature base/conference.
+ * @param {Action} action - The Redux action LOCK_STATE_CHANGED to reduce.
+ * @private
+ * @returns {Object} The new state of the feature base/conference after the
+ * reduction of the specified action.
+ */
+function _lockStateChanged(state: IConferenceState, { conference, locked }: { conference: Object; locked: boolean; }) {
+    if (state.conference !== conference) {
+        return state;
+    }
+
+    return assign(state, {
+        locked: locked ? state.locked || LOCKED_REMOTELY : undefined,
+        password: locked ? state.password : undefined
+    });
+}
+
+/**
+ * Reduces a specific Redux action P2P_STATUS_CHANGED of the feature
+ * base/conference.
+ *
+ * @param {Object} state - The Redux state of the feature base/conference.
+ * @param {Action} action - The Redux action P2P_STATUS_CHANGED to reduce.
+ * @private
+ * @returns {Object} The new state of the feature base/conference after the
+ * reduction of the specified action.
+ */
+function _p2pStatusChanged(state: IConferenceState, action: AnyAction) {
+    return set(state, 'p2p', action.p2p);
+}
+
+/**
+ * Reduces a specific Redux action SET_PASSWORD of the feature base/conference.
+ *
+ * @param {Object} state - The Redux state of the feature base/conference.
+ * @param {Action} action - The Redux action SET_PASSWORD to reduce.
+ * @private
+ * @returns {Object} The new state of the feature base/conference after the
+ * reduction of the specified action.
+ */
+function _setPassword(state: IConferenceState, { conference, method, password }: {
+    conference: IJitsiConference; method: Object; password: string; }) {
+    switch (method) {
+    case conference.join:
+        return assign(state, {
+            // 1. The JitsiConference which transitions away from
+            // passwordRequired MUST remain in the redux state
+            // features/base/conference until it transitions into
+            // conference; otherwise, there is a span of time during which
+            // the redux state does not even know that there is a
+            // JitsiConference whatsoever.
+            //
+            // 2. The redux action setPassword will attempt to join the
+            // JitsiConference so joining is an appropriate transitional
+            // redux state.
+            //
+            // 3. The redux action setPassword will perform the same check
+            // before it proceeds with the re-join.
+            joining: state.conference ? state.joining : conference,
+            locked: LOCKED_REMOTELY,
+
+            /**
+             * The password with which the conference is to be joined.
+             *
+             * @type {string}
+             */
+            password
+        });
+
+    case conference.lock:
+        return assign(state, {
+            locked: password ? LOCKED_LOCALLY : undefined,
+            password
+        });
+    }
+
+    return state;
+}
+
+/**
+ * Reduces a specific Redux action SET_ROOM of the feature base/conference.
+ *
+ * @param {Object} state - The Redux state of the feature base/conference.
+ * @param {Action} action - The Redux action SET_ROOM to reduce.
+ * @private
+ * @returns {Object} The new state of the feature base/conference after the
+ * reduction of the specified action.
+ */
+function _setRoom(state: IConferenceState, action: AnyAction) {
+    let { room } = action;
+
+    if (!isRoomValid(room)) {
+        // Technically, there are multiple values which don't represent valid
+        // room names. Practically, each of them is as bad as the rest of them
+        // because we can't use any of them to join a conference.
+        room = undefined;
+    }
+
+    /**
+     * The name of the room of the conference (to be) joined.
+     *
+     * @type {string}
+     */
+    return assign(state, {
+        error: undefined,
+        room
+    });
+}
+
diff --git a/react/features/base/config/actionTypes.ts b/react/features/base/config/actionTypes.ts
new file mode 100644
index 0000000..ac1e61c
--- /dev/null
+++ b/react/features/base/config/actionTypes.ts
@@ -0,0 +1,61 @@
+/**
+ * The redux action which signals that a configuration (commonly known in Jitsi
+ * Meet as config.js) will be loaded for a specific locationURL.
+ *
+ * {
+ *     type: CONFIG_WILL_LOAD,
+ *     locationURL: URL,
+ *     room: string
+ * }
+ */
+export const CONFIG_WILL_LOAD = 'CONFIG_WILL_LOAD';
+
+/**
+ * The redux action which signals that a configuration (commonly known in Jitsi
+ * Meet as config.js) could not be loaded due to a specific error.
+ *
+ * {
+ *     type: LOAD_CONFIG_ERROR,
+ *     error: Error,
+ *     locationURL: URL
+ * }
+ */
+export const LOAD_CONFIG_ERROR = 'LOAD_CONFIG_ERROR';
+
+/**
+ * The redux action which sets the configuration represented by the feature
+ * base/config. The configuration is defined and consumed by the library
+ * lib-jitsi-meet but some of its properties are consumed by the application
+ * jitsi-meet as well.
+ *
+ * {
+ *     type: SET_CONFIG,
+ *     config: Object
+ * }
+ */
+export const SET_CONFIG = 'SET_CONFIG';
+
+/**
+ * The redux action which updates the configuration represented by the feature
+ * base/config. The configuration is defined and consumed by the library
+ * lib-jitsi-meet but some of its properties are consumed by the application
+ * jitsi-meet as well. A merge operation is performed between the existing config
+ * and the passed object.
+ *
+ * {
+ *     type: UPDATE_CONFIG,
+ *     config: Object
+ * }
+ */
+export const UPDATE_CONFIG = 'UPDATE_CONFIG';
+
+/**
+ * The redux action which overwrites configurations represented by the feature
+ * base/config. The passed on config values overwrite the current values for given props.
+ *
+ * {
+ *     type: OVERWRITE_CONFIG,
+ *     config: Object
+ * }
+ */
+export const OVERWRITE_CONFIG = 'OVERWRITE_CONFIG';
diff --git a/react/features/base/config/actions.ts b/react/features/base/config/actions.ts
new file mode 100644
index 0000000..59020bb
--- /dev/null
+++ b/react/features/base/config/actions.ts
@@ -0,0 +1,185 @@
+// @ts-expect-error
+import { jitsiLocalStorage } from '@jitsi/js-utils';
+
+import { IStore } from '../../app/types';
+import { addKnownDomains } from '../known-domains/actions';
+import { parseURIString } from '../util/uri';
+
+import {
+    CONFIG_WILL_LOAD,
+    LOAD_CONFIG_ERROR,
+    OVERWRITE_CONFIG,
+    SET_CONFIG,
+    UPDATE_CONFIG
+} from './actionTypes';
+import { IConfig } from './configType';
+import { _CONFIG_STORE_PREFIX } from './constants';
+import { setConfigFromURLParams } from './functions.any';
+
+
+/**
+ * Updates the config with new options.
+ *
+ * @param {Object} config - The new options (to add).
+ * @returns {Function}
+ */
+export function updateConfig(config: IConfig) {
+    return {
+        type: UPDATE_CONFIG,
+        config
+    };
+}
+
+/**
+ * Signals that the configuration (commonly known in Jitsi Meet as config.js)
+ * for a specific locationURL will be loaded now.
+ *
+ * @param {URL} locationURL - The URL of the location which necessitated the
+ * loading of a configuration.
+ * @param {string} room - The name of the room (conference) for which we're loading the config for.
+ * @returns {{
+ *     type: CONFIG_WILL_LOAD,
+ *     locationURL: URL,
+ *     room: string
+ * }}
+ */
+export function configWillLoad(locationURL: URL, room: string) {
+    return {
+        type: CONFIG_WILL_LOAD,
+        locationURL,
+        room
+    };
+}
+
+/**
+ * Signals that a configuration (commonly known in Jitsi Meet as config.js)
+ * could not be loaded due to a specific error.
+ *
+ * @param {Error} error - The {@code Error} which prevented the successful
+ * loading of a configuration.
+ * @param {URL} locationURL - The URL of the location which necessitated the
+ * loading of a configuration.
+ * @returns {{
+ *     type: LOAD_CONFIG_ERROR,
+ *     error: Error,
+ *     locationURL: URL
+ * }}
+ */
+export function loadConfigError(error: Error, locationURL: URL) {
+    return {
+        type: LOAD_CONFIG_ERROR,
+        error,
+        locationURL
+    };
+}
+
+/**
+ * Overwrites some config values.
+ *
+ * @param {Object} config - The new options (to overwrite).
+ * @returns {{
+ *     type: OVERWRITE_CONFIG,
+ *     config: Object
+ * }}
+ */
+export function overwriteConfig(config: Object) {
+    return {
+        type: OVERWRITE_CONFIG,
+        config
+    };
+}
+
+/**
+ * Sets the configuration represented by the feature base/config. The
+ * configuration is defined and consumed by the library lib-jitsi-meet but some
+ * of its properties are consumed by the application jitsi-meet as well.
+ *
+ * @param {Object} config - The configuration to be represented by the feature
+ * base/config.
+ * @returns {Function}
+ */
+export function setConfig(config: IConfig = {}) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const { locationURL } = getState()['features/base/connection'];
+
+        // Now that the loading of the config was successful override the values
+        // with the parameters passed in the hash part of the location URI.
+        // TODO We're still in the middle ground between old Web with config,
+        // and interfaceConfig used via global variables and new
+        // Web and mobile reading the respective values from the redux store.
+        // Only the config will be overridden on React Native, as the other
+        // globals will be undefined here. It's intentional - we do not care to
+        // override those configs yet.
+        locationURL
+            && setConfigFromURLParams(
+
+                // On Web the config also comes from the window.config global,
+                // but it is resolved in the loadConfig procedure.
+                config,
+                window.interfaceConfig,
+                locationURL);
+
+        let { bosh } = config;
+
+        if (bosh) {
+            // Normalize the BOSH URL.
+            if (bosh.startsWith('//')) {
+                // By default our config.js doesn't include the protocol.
+                bosh = `${locationURL?.protocol}${bosh}`;
+            } else if (bosh.startsWith('/')) {
+                // Handle relative URLs, which won't work on mobile.
+                const {
+                    protocol,
+                    host,
+                    contextRoot
+                } = parseURIString(locationURL?.href);
+
+                bosh = `${protocol}//${host}${contextRoot || '/'}${bosh.substr(1)}`;
+            }
+            config.bosh = bosh;
+        }
+
+        dispatch({
+            type: SET_CONFIG,
+            config
+        });
+    };
+}
+
+/**
+ * Stores a specific Jitsi Meet config.js object into {@code localStorage}.
+ *
+ * @param {string} baseURL - The base URL from which the config.js was
+ * downloaded.
+ * @param {Object} config - The Jitsi Meet config.js to store.
+ * @returns {Function}
+ */
+export function storeConfig(baseURL: string, config: Object) {
+    return (dispatch: IStore['dispatch']) => {
+        // Try to store the configuration in localStorage. If the deployment
+        // specified 'getroom' as a function, for example, it does not make
+        // sense to and it will not be stored.
+        let b = false;
+
+        try {
+            if (typeof window.config === 'undefined' || window.config !== config) {
+                jitsiLocalStorage.setItem(`${_CONFIG_STORE_PREFIX}/${baseURL}`, JSON.stringify(config));
+                b = true;
+            }
+        } catch (e) {
+            // Ignore the error because the caching is optional.
+        }
+
+        // If base/config knows a domain, then the app knows it.
+        if (b) {
+            try {
+                dispatch(addKnownDomains(parseURIString(baseURL)?.host));
+            } catch (e) {
+                // Ignore the error because the fiddling with "known domains" is
+                // a side effect here.
+            }
+        }
+
+        return b;
+    };
+}
diff --git a/react/features/base/config/configType.ts b/react/features/base/config/configType.ts
new file mode 100644
index 0000000..eed32a9
--- /dev/null
+++ b/react/features/base/config/configType.ts
@@ -0,0 +1,683 @@
+import { ToolbarButton } from '../../toolbox/types';
+import { ILoggingConfig } from '../logging/types';
+import { IAudioSettings } from '../settings/reducer';
+import { DesktopSharingSourceType } from '../tracks/types';
+
+type ButtonsWithNotifyClick = 'camera' |
+    'chat' |
+    'closedcaptions' |
+    'desktop' |
+    'download' |
+    'embedmeeting' |
+    'end-meeting' |
+    'etherpad' |
+    'feedback' |
+    'filmstrip' |
+    'fullscreen' |
+    'hangup' |
+    'hangup-menu' |
+    'help' |
+    'invite' |
+    'livestreaming' |
+    'microphone' |
+    'mute-everyone' |
+    'mute-video-everyone' |
+    'participants-pane' |
+    'profile' |
+    'raisehand' |
+    'recording' |
+    'security' |
+    'select-background' |
+    'settings' |
+    'shareaudio' |
+    'sharedvideo' |
+    'shortcuts' |
+    'stats' |
+    'tileview' |
+    'toggle-camera' |
+    'videoquality' |
+    'add-passcode' |
+    '__end';
+
+type ParticipantMenuButtonsWithNotifyClick = 'allow-video' |
+    'ask-unmute' |
+    'conn-status' |
+    'flip-local-video' |
+    'grant-moderator' |
+    'hide-self-view' |
+    'kick' |
+    'mute' |
+    'mute-others' |
+    'mute-others-video' |
+    'mute-video' |
+    'pinToStage' |
+    'privateMessage' |
+    'remote-control' |
+    'send-participant-to-room' |
+    'verify';
+
+type NotifyClickButtonKey = string |
+    ButtonsWithNotifyClick |
+    ParticipantMenuButtonsWithNotifyClick;
+
+export type NotifyClickButton = NotifyClickButtonKey |
+    {
+        key: NotifyClickButtonKey;
+        preventExecution: boolean;
+    };
+
+export type Sounds = 'ASKED_TO_UNMUTE_SOUND' |
+    'E2EE_OFF_SOUND' |
+    'E2EE_ON_SOUND' |
+    'INCOMING_MSG_SOUND' |
+    'KNOCKING_PARTICIPANT_SOUND' |
+    'LIVE_STREAMING_OFF_SOUND' |
+    'LIVE_STREAMING_ON_SOUND' |
+    'NO_AUDIO_SIGNAL_SOUND' |
+    'NOISY_AUDIO_INPUT_SOUND' |
+    'OUTGOING_CALL_EXPIRED_SOUND' |
+    'OUTGOING_CALL_REJECTED_SOUND' |
+    'OUTGOING_CALL_RINGING_SOUND' |
+    'OUTGOING_CALL_START_SOUND' |
+    'PARTICIPANT_JOINED_SOUND' |
+    'PARTICIPANT_LEFT_SOUND' |
+    'RAISE_HAND_SOUND' |
+    'REACTION_SOUND' |
+    'RECORDING_OFF_SOUND' |
+    'RECORDING_ON_SOUND' |
+    'TALK_WHILE_MUTED_SOUND';
+
+export interface IDeeplinkingPlatformConfig {
+    appName: string;
+    appScheme: string;
+}
+
+export interface IDeeplinkingMobileConfig extends IDeeplinkingPlatformConfig {
+    appPackage?: string;
+    downloadLink: string;
+    fDroidUrl?: string;
+}
+
+export interface IDesktopDownloadConfig {
+    linux?: string;
+    macos?: string;
+    windows?: string;
+}
+
+export interface IDeeplinkingDesktopConfig extends IDeeplinkingPlatformConfig {
+    download?: IDesktopDownloadConfig;
+    enabled: boolean;
+}
+
+export interface IDeeplinkingConfig {
+    android?: IDeeplinkingMobileConfig;
+    desktop?: IDeeplinkingDesktopConfig;
+    disabled?: boolean;
+    hideLogo?: boolean;
+    ios?: IDeeplinkingMobileConfig;
+}
+
+export type PartialRecord<K extends keyof any, T> = {
+    [P in K]?: T;
+};
+
+export interface INoiseSuppressionConfig {
+    krisp?: {
+        bufferOverflowMS?: number;
+        bvc?: {
+            allowedDevices?: string;
+            allowedDevicesExt?: string;
+        };
+        debugLogs: boolean;
+        enableSessionStats?: boolean;
+        enabled: boolean;
+        inboundModels?: PartialRecord<string, string>;
+        logProcessStats?: boolean;
+        models?: PartialRecord<string, string>;
+        preloadInboundModels?: PartialRecord<string, string>;
+        preloadModels?: PartialRecord<string, string>;
+        useBVC?: boolean;
+        useSharedArrayBuffer?: boolean;
+    };
+}
+
+export interface IWhiteboardConfig {
+    collabServerBaseUrl?: string;
+    enabled?: boolean;
+    limitUrl?: string;
+    userLimit?: number;
+}
+
+export interface IWatchRTCConfiguration {
+    allowBrowserLogCollection?: boolean;
+    collectionInterval?: number;
+    console?: {
+        level: string;
+        override: boolean;
+    };
+    debug?: boolean;
+    keys?: any;
+    logGetStats?: boolean;
+    proxyUrl?: string;
+    rtcApiKey: string;
+    rtcPeerId?: string;
+    rtcRoomId?: string;
+    rtcTags?: string[];
+    rtcToken?: string;
+    wsUrl?: string;
+}
+
+export interface IConfig {
+    _desktopSharingSourceDevice?: string;
+    _immediateReloadThreshold?: string;
+    _screenshotHistoryRegionUrl?: number;
+    analytics?: {
+        amplitudeAPPKey?: string;
+        blackListedEvents?: string[];
+        disabled?: boolean;
+        matomoEndpoint?: string;
+        matomoSiteID?: string;
+        obfuscateRoomName?: boolean;
+        rtcstatsEnabled?: boolean;
+        rtcstatsEndpoint?: string;
+        rtcstatsLogFlushSizeBytes?: number;
+        rtcstatsPollInterval?: number;
+        rtcstatsSendSdp?: boolean;
+        rtcstatsStoreLogs?: boolean;
+        scriptURLs?: Array<string>;
+        watchRTCEnabled?: boolean;
+        whiteListedEvents?: string[];
+    };
+    apiLogLevels?: Array<'warn' | 'log' | 'error' | 'info' | 'debug'>;
+    appId?: string;
+    audioLevelsInterval?: number;
+    audioQuality?: {
+        enableAdvancedAudioSettings?: boolean;
+        opusMaxAverageBitrate?: number | null;
+        stereo?: boolean;
+    };
+    autoCaptionOnRecord?: boolean;
+    autoKnockLobby?: boolean;
+    backgroundAlpha?: number;
+    bosh?: string;
+    brandingDataUrl?: string;
+    brandingRoomAlias?: string;
+    breakoutRooms?: {
+        hideAddRoomButton?: boolean;
+        hideAutoAssignButton?: boolean;
+        hideJoinRoomButton?: boolean;
+    };
+    bridgeChannel?: {
+        ignoreDomain?: string;
+        preferSctp?: boolean;
+    };
+    buttonsWithNotifyClick?: Array<ButtonsWithNotifyClick | {
+        key: ButtonsWithNotifyClick;
+        preventExecution: boolean;
+    }>;
+    callDisplayName?: string;
+    callFlowsEnabled?: boolean;
+    callHandle?: string;
+    callUUID?: string;
+    cameraFacingMode?: string;
+    channelLastN?: number;
+    chromeExtensionBanner?: {
+        chromeExtensionsInfo?: Array<{ id: string; path: string; }>;
+        edgeUrl?: string;
+        url?: string;
+    };
+    conferenceInfo?: {
+        alwaysVisible?: Array<string>;
+        autoHide?: Array<string>;
+    };
+    conferenceRequestUrl?: string;
+    connectionIndicators?: {
+        autoHide?: boolean;
+        autoHideTimeout?: number;
+        disableDetails?: boolean;
+        disabled?: boolean;
+        inactiveDisabled?: boolean;
+    };
+    constraints?: {
+        audio?: IAudioSettings;
+        video?: {
+            height?: {
+                ideal?: number;
+                max?: number;
+                min?: number;
+            };
+        };
+    };
+    corsAvatarURLs?: Array<string>;
+    customParticipantMenuButtons?: Array<{ icon: string; id: string; text: string; }>;
+    customToolbarButtons?: Array<{ backgroundColor?: string; icon: string; id: string; text: string; }>;
+    deeplinking?: IDeeplinkingConfig;
+    defaultLanguage?: string;
+    defaultLocalDisplayName?: string;
+    defaultLogoUrl?: string;
+    defaultRemoteDisplayName?: string;
+    deploymentInfo?: {
+        envType?: string;
+        environment?: string;
+        product?: string;
+        region?: string;
+        shard?: string;
+        userRegion?: string;
+    };
+    deploymentUrls?: {
+        downloadAppsUrl?: string;
+        userDocumentationURL?: string;
+    };
+    desktopSharingFrameRate?: {
+        max?: number;
+        min?: number;
+    };
+    desktopSharingSources?: Array<DesktopSharingSourceType>;
+    dialInConfCodeUrl?: string;
+    dialInNumbersUrl?: string;
+    dialOutAuthUrl?: string;
+    dialOutRegionUrl?: string;
+    disable1On1Mode?: boolean | null;
+    disableAEC?: boolean;
+    disableAGC?: boolean;
+    disableAP?: boolean;
+    disableAddingBackgroundImages?: boolean;
+    disableAudioLevels?: boolean;
+    disableBeforeUnloadHandlers?: boolean;
+    disableCameraTintForeground?: boolean;
+    disableChat?: boolean;
+    disableChatSmileys?: boolean;
+    disableDeepLinking?: boolean;
+    disableFilmstripAutohiding?: boolean;
+    disableFocus?: boolean;
+    disableIframeAPI?: boolean;
+    disableIncomingMessageSound?: boolean;
+    disableInitialGUM?: boolean;
+    disableInviteFunctions?: boolean;
+    disableJoinLeaveSounds?: boolean;
+    disableLocalVideoFlip?: boolean;
+    disableModeratorIndicator?: boolean;
+    disableNS?: boolean;
+    disablePolls?: boolean;
+    disableProfile?: boolean;
+    disableReactions?: boolean;
+    disableReactionsInChat?: boolean;
+    disableReactionsModeration?: boolean;
+    disableRecordAudioNotification?: boolean;
+    disableRemoteControl?: boolean;
+    disableRemoteMute?: boolean;
+    disableRemoveRaisedHandOnFocus?: boolean;
+    disableResponsiveTiles?: boolean;
+    disableRtx?: boolean;
+    disableSelfDemote?: boolean;
+    disableSelfView?: boolean;
+    disableSelfViewSettings?: boolean;
+    disableShortcuts?: boolean;
+    disableShowMoreStats?: boolean;
+    disableSimulcast?: boolean;
+    disableSpeakerStatsSearch?: boolean;
+    disableThirdPartyRequests?: boolean;
+    disableTileEnlargement?: boolean;
+    disableTileView?: boolean;
+    disableVirtualBackground?: boolean;
+    disabledNotifications?: Array<string>;
+    disabledSounds?: Array<Sounds>;
+    displayJids?: boolean;
+    doNotFlipLocalVideo?: boolean;
+    doNotStoreRoom?: boolean;
+    dropbox?: {
+        appKey: string;
+        redirectURI?: string;
+    };
+    dynamicBrandingUrl?: string;
+    e2ee?: {
+        disabled?: boolean;
+        externallyManagedKey?: boolean;
+        labels?: {
+            description?: string;
+            label?: string;
+            tooltip?: string;
+            warning?: string;
+        };
+    };
+    e2eeLabels?: {
+        description?: string;
+        label?: string;
+        tooltip?: string;
+        warning?: string;
+    };
+    e2eping?: {
+        enabled?: boolean;
+        maxConferenceSize?: number;
+        maxMessagesPerSecond?: number;
+        numRequests?: number;
+    };
+    enableCalendarIntegration?: boolean;
+    enableClosePage?: boolean;
+    enableDisplayNameInStats?: boolean;
+    enableEmailInStats?: boolean;
+    enableEncodedTransformSupport?: boolean;
+    enableForcedReload?: boolean;
+    enableInsecureRoomNameWarning?: boolean;
+    enableLobbyChat?: boolean;
+    enableNoAudioDetection?: boolean;
+    enableNoisyMicDetection?: boolean;
+    enableOpusRed?: boolean;
+    enableRemb?: boolean;
+    enableSaveLogs?: boolean;
+    enableTalkWhileMuted?: boolean;
+    enableTcc?: boolean;
+    enableWebHIDFeature?: boolean;
+    enableWelcomePage?: boolean;
+    etherpad_base?: string;
+    faceLandmarks?: {
+        captureInterval?: number;
+        enableDisplayFaceExpressions?: boolean;
+        enableFaceCentering?: boolean;
+        enableFaceExpressionsDetection?: boolean;
+        enableRTCStats?: boolean;
+        faceCenteringThreshold?: number;
+    };
+    feedbackPercentage?: number;
+    fileRecordingsServiceEnabled?: boolean;
+    fileRecordingsServiceSharingEnabled?: boolean;
+    fileSharing?: {
+        apiUrl?: string;
+        enabled?: boolean;
+        maxFileSize?: number;
+    };
+    filmstrip?: {
+        alwaysShowResizeBar?: boolean;
+        disableResizable?: boolean;
+        disableStageFilmstrip?: boolean;
+        disableTopPanel?: boolean;
+        disabled?: boolean;
+        initialWidth?: number;
+        minParticipantCountForTopPanel?: number;
+        stageFilmstripParticipants?: number;
+    };
+    flags?: {
+        ssrcRewritingEnabled: boolean;
+    };
+    focusUserJid?: string;
+    forceTurnRelay?: boolean;
+    gatherStats?: boolean;
+    giphy?: {
+        displayMode?: 'all' | 'tile' | 'chat';
+        enabled?: boolean;
+        rating?: 'g' | 'pg' | 'pg-13' | 'r';
+        sdkKey?: string;
+        tileTime?: number;
+    };
+    googleApiApplicationClientID?: string;
+    gravatar?: {
+        baseUrl?: string;
+        disabled?: boolean;
+    };
+    gravatarBaseURL?: string;
+    guestDialOutStatusUrl?: string;
+    guestDialOutUrl?: string;
+    helpCentreURL?: string;
+    hiddenDomain?: string;
+    hiddenPremeetingButtons?: Array<'microphone' | 'camera' | 'select-background' | 'invite' | 'settings'>;
+    hideAddRoomButton?: boolean;
+    hideConferenceSubject?: boolean;
+    hideConferenceTimer?: boolean;
+    hideDisplayName?: boolean;
+    hideDominantSpeakerBadge?: boolean;
+    hideEmailInSettings?: boolean;
+    hideLobbyButton?: boolean;
+    hideLoginButton?: boolean;
+    hideParticipantsStats?: boolean;
+    hideRecordingLabel?: boolean;
+    hosts?: {
+        anonymousdomain?: string;
+        authdomain?: string;
+        domain: string;
+        focus?: string;
+        muc: string;
+        visitorFocus?: string;
+    };
+    iAmRecorder?: boolean;
+    iAmSipGateway?: boolean;
+    iAmSpot?: boolean;
+    ignoreStartMuted?: boolean;
+    inviteAppName?: string | null;
+    inviteServiceCallFlowsUrl?: string;
+    inviteServiceUrl?: string;
+    jaasActuatorUrl?: string;
+    jaasConferenceCreatorUrl?: string;
+    jaasFeedbackMetadataURL?: string;
+    jaasTokenUrl?: string;
+    legalUrls?: {
+        helpCentre: string;
+        privacy: string;
+        security: string;
+        terms: string;
+    };
+    liveStreaming?: {
+        dataPrivacyLink?: string;
+        enabled?: boolean;
+        helpLink?: string;
+        termsLink?: string;
+        validatorRegExpString?: string;
+    };
+    liveStreamingEnabled?: boolean;
+    lobby?: {
+        autoKnock?: boolean;
+        enableChat?: boolean;
+        showHangUp?: boolean;
+    };
+    localRecording?: {
+        disable?: boolean;
+        disableSelfRecording?: boolean;
+        notifyAllParticipants?: boolean;
+    };
+    localSubject?: string;
+    locationURL?: URL;
+    logging?: ILoggingConfig;
+    mainToolbarButtons?: Array<Array<string>>;
+    maxFullResolutionParticipants?: number;
+    microsoftApiApplicationClientID?: string;
+    moderatedRoomServiceUrl?: string;
+    mouseMoveCallbackInterval?: number;
+    noiseSuppression?: INoiseSuppressionConfig;
+    noticeMessage?: string;
+    notificationTimeouts?: {
+        extraLong?: number;
+        long?: number;
+        medium?: number;
+        short?: number;
+        sticky?: number;
+    };
+    notifications?: Array<string>;
+    notifyOnConferenceDestruction?: boolean;
+    openSharedDocumentOnJoin?: boolean;
+    opusMaxAverageBitrate?: number;
+    p2p?: {
+        backToP2PDelay?: number;
+        codecPreferenceOrder?: Array<string>;
+        enabled?: boolean;
+        iceTransportPolicy?: string;
+        mobileCodecPreferenceOrder?: Array<string>;
+        mobileScreenshareCodec?: string;
+        stunServers?: Array<{ urls: string; }>;
+    };
+    participantMenuButtonsWithNotifyClick?: Array<string | ParticipantMenuButtonsWithNotifyClick | {
+        key: string | ParticipantMenuButtonsWithNotifyClick;
+        preventExecution: boolean;
+    }>;
+    participantsPane?: {
+        enabled?: boolean;
+        hideModeratorSettingsTab?: boolean;
+        hideMoreActionsButton?: boolean;
+        hideMuteAllButton?: boolean;
+    };
+    pcStatsInterval?: number;
+    peopleSearchQueryTypes?: string[];
+    peopleSearchTokenLocation?: string;
+    peopleSearchUrl?: string;
+    pip?: {
+        disabled?: boolean;
+        showOnPrejoin?: boolean;
+    };
+    preferBosh?: boolean;
+    preferVisitor?: boolean;
+    preferredTranscribeLanguage?: string;
+    prejoinConfig?: {
+        enabled?: boolean;
+        hideDisplayName?: boolean;
+        hideExtraJoinButtons?: Array<string>;
+        preCallTestEnabled?: boolean;
+        preCallTestICEUrl?: string;
+        showHangUp?: boolean;
+    };
+    raisedHands?: {
+        disableLowerHandByModerator?: boolean;
+        disableLowerHandNotification?: boolean;
+        disableNextSpeakerNotification?: boolean;
+        disableRemoveRaisedHandOnFocus?: boolean;
+    };
+    readOnlyName?: boolean;
+    recordingLimit?: {
+        appName?: string;
+        appURL?: string;
+        limit?: number;
+    };
+    recordingService?: {
+        enabled?: boolean;
+        hideStorageWarning?: boolean;
+        sharingEnabled?: boolean;
+    };
+    recordingSharingUrl?: string;
+    recordings?: {
+        consentLearnMoreLink?: string;
+        recordAudioAndVideo?: boolean;
+        requireConsent?: boolean;
+        showPrejoinWarning?: boolean;
+        showRecordingLink?: boolean;
+        skipConsentInMeeting?: boolean;
+        suggestRecording?: boolean;
+    };
+    reducedUImainToolbarButtons?: Array<string>;
+    remoteVideoMenu?: {
+        disableDemote?: boolean;
+        disableGrantModerator?: boolean;
+        disableKick?: boolean;
+        disablePrivateChat?: 'all' | 'allow-moderator-chat' | 'disable-visitor-chat';
+        disabled?: boolean;
+    };
+    replaceParticipant?: string;
+    requireDisplayName?: boolean;
+    resolution?: number;
+    roomPasswordNumberOfDigits?: number;
+    salesforceUrl?: string;
+    screenshotCapture?: {
+        enabled?: boolean;
+        mode?: 'always' | 'recording';
+    };
+    securityUi?: {
+        disableLobbyPassword?: boolean;
+        hideLobbyButton?: boolean;
+    };
+    serviceUrl?: string;
+    sharedVideoAllowedURLDomains?: Array<string>;
+    showChatPermissionsModeratorSetting?: boolean;
+    sipInviteUrl?: string;
+    speakerStats?: {
+        disableSearch?: boolean;
+        disabled?: boolean;
+        order?: Array<'role' | 'name' | 'hasLeft'>;
+    };
+    speakerStatsOrder?: Array<'role' | 'name' | 'hasLeft'>;
+    startAudioMuted?: number;
+    startAudioOnly?: boolean;
+    startLastN?: number;
+    startScreenSharing?: boolean;
+    startSilent?: boolean;
+    startVideoMuted?: number;
+    startWithAudioMuted?: boolean;
+    startWithVideoMuted?: boolean;
+    stereo?: boolean;
+    subject?: string;
+    testing?: {
+        assumeBandwidth?: boolean;
+        debugAudioLevels?: boolean;
+        dumpTranscript?: boolean;
+        failICE?: boolean;
+        noAutoPlayVideo?: boolean;
+        p2pTestMode?: boolean;
+        showSpotConsentDialog?: boolean;
+        skipInterimTranscriptions?: boolean;
+        testMode?: boolean;
+    };
+    tileView?: {
+        disabled?: boolean;
+        numberOfVisibleTiles?: number;
+    };
+    tokenAuthUrl?: string;
+    tokenAuthUrlAutoRedirect?: string;
+    tokenGetUserInfoOutOfContext?: boolean;
+    tokenLogoutUrl?: string;
+    tokenRespectTenant?: boolean;
+    toolbarButtons?: Array<ToolbarButton>;
+    toolbarConfig?: {
+        alwaysVisible?: boolean;
+        autoHideWhileChatIsOpen?: boolean;
+        /**
+         * Background color for the main toolbar. Accepts any valid CSS color.
+         */
+        backgroundColor?: string;
+        initialTimeout?: number;
+        timeout?: number;
+    };
+    transcribeWithAppLanguage?: boolean;
+    transcribingEnabled?: boolean;
+    transcription?: {
+        autoCaptionOnTranscribe?: boolean;
+        autoTranscribeOnRecord?: boolean;
+        disableClosedCaptions?: boolean;
+        enabled?: boolean;
+        preferredLanguage?: string;
+        translationLanguages?: Array<string>;
+        translationLanguagesHead?: Array<string>;
+        useAppLanguage?: boolean;
+    };
+    useHostPageLocalStorage?: boolean;
+    useTurnUdp?: boolean;
+    videoQuality?: {
+        codecPreferenceOrder?: Array<string>;
+        maxBitratesVideo?: {
+            [key: string]: {
+                high?: number;
+                low?: number;
+                standard?: number;
+            };
+        };
+        minHeightForQualityLvl?: {
+            [key: number]: string;
+        };
+        mobileCodecPreferenceOrder?: Array<string>;
+        persist?: boolean;
+    };
+    visitors?: {
+        enableMediaOnPromote?: {
+            audio?: boolean;
+            video?: boolean;
+        };
+        hideVisitorCountForVisitors?: boolean;
+        queueService: string;
+        showJoinMeetingDialog?: boolean;
+    };
+    watchRTCConfigParams?: IWatchRTCConfiguration;
+    webhookProxyUrl?: string;
+    webrtcIceTcpDisable?: boolean;
+    webrtcIceUdpDisable?: boolean;
+    websocket?: string;
+    websocketKeepAliveUrl?: string;
+    welcomePage?: {
+        customUrl?: string;
+        disabled?: boolean;
+    };
+    whiteboard?: IWhiteboardConfig;
+}
diff --git a/react/features/base/config/configWhitelist.ts b/react/features/base/config/configWhitelist.ts
new file mode 100644
index 0000000..5d0520c
--- /dev/null
+++ b/react/features/base/config/configWhitelist.ts
@@ -0,0 +1,261 @@
+import { isEmbedded } from '../util/embedUtils';
+
+import extraConfigWhitelist from './extraConfigWhitelist';
+import isEmbeddedConfigWhitelist from './isEmbeddedConfigWhitelist';
+
+/**
+ * The config keys to whitelist, the keys that can be overridden.
+ * Whitelisting a key allows all properties under that key to be overridden.
+ * For example whitelisting 'p2p' allows 'p2p.enabled' to be overridden, and
+ * overriding 'p2p.enabled' does not modify any other keys under 'p2p'.
+ * The whitelist is used only for config.js.
+ *
+ * @type Array
+ */
+export default [
+    '_desktopSharingSourceDevice',
+    '_peerConnStatusOutOfLastNTimeout',
+    '_peerConnStatusRtcMuteTimeout',
+    'analytics.disabled',
+    'analytics.rtcstatsEnabled',
+    'analytics.watchRTCEnabled',
+    'audioLevelsInterval',
+    'audioQuality',
+    'autoKnockLobby',
+    'apiLogLevels',
+    'avgRtpStatsN',
+    'backgroundAlpha',
+    'brandingRoomAlias',
+    'breakoutRooms',
+    'bridgeChannel',
+    'buttonsWithNotifyClick',
+
+    /**
+     * The display name of the CallKit call representing the conference/meeting
+     * associated with this config.js including while the call is ongoing in the
+     * UI presented by CallKit and in the system-wide call history. The property
+     * is meant for use cases in which the room name is not desirable as a
+     * display name for CallKit purposes and the desired display name is not
+     * provided in the form of a JWT callee. As the value is associated with a
+     * conference/meeting, the value makes sense not as a deployment-wide
+     * configuration, only as a runtime configuration override/overwrite
+     * provided by, for example, Jitsi Meet SDK for iOS.
+     *
+     * @type string
+     */
+    'callDisplayName',
+    'callFlowsEnabled',
+
+    /**
+     * The handle
+     * ({@link https://developer.apple.com/documentation/callkit/cxhandle}) of
+     * the CallKit call representing the conference/meeting associated with this
+     * config.js. The property is meant for use cases in which the room URL is
+     * not desirable as the handle for CallKit purposes. As the value is
+     * associated with a conference/meeting, the value makes sense not as a
+     * deployment-wide configuration, only as a runtime configuration
+     * override/overwrite provided by, for example, Jitsi Meet SDK for iOS.
+     *
+     * @type string
+     */
+    'callHandle',
+
+    /**
+     * The UUID of the CallKit call representing the conference/meeting
+     * associated with this config.js. The property is meant for use cases in
+     * which Jitsi Meet is to work with a CallKit call created outside of Jitsi
+     * Meet and to be adopted by Jitsi Meet such as, for example, an incoming
+     * and/or outgoing CallKit call created by Jitsi Meet SDK for iOS
+     * clients/consumers prior to giving control to Jitsi Meet. As the value is
+     * associated with a conference/meeting, the value makes sense not as a
+     * deployment-wide configuration, only as a runtime configuration
+     * override/overwrite provided by, for example, Jitsi Meet SDK for iOS.
+     *
+     * @type string
+     */
+    'callUUID',
+
+    'cameraFacingMode',
+    'conferenceInfo',
+    'channelLastN',
+    'connectionIndicators',
+    'constraints',
+    'deeplinking.disabled',
+    'deeplinking.desktop.enabled',
+    'defaultLocalDisplayName',
+    'defaultRemoteDisplayName',
+    'desktopSharingFrameRate',
+    'desktopSharingSources',
+    'disable1On1Mode',
+    'disableAEC',
+    'disableAGC',
+    'disableAP',
+    'disableAddingBackgroundImages',
+    'disableAudioLevels',
+    'disableBeforeUnloadHandlers',
+    'disableCameraTintForeground',
+    'disableChat',
+    'disableChatSmileys',
+    'disableDeepLinking',
+    'disabledNotifications',
+    'disabledSounds',
+    'disableFilmstripAutohiding',
+    'disableFocus',
+    'disableInitialGUM',
+    'disableInviteFunctions',
+    'disableIncomingMessageSound',
+    'disableJoinLeaveSounds',
+    'disableLocalVideoFlip',
+    'disableModeratorIndicator',
+    'disableNS',
+    'disablePolls',
+    'disableProfile',
+    'disableReactions',
+    'disableReactionsInChat',
+    'disableReactionsModeration',
+    'disableRecordAudioNotification',
+    'disableRemoteControl',
+    'disableRemoteMute',
+    'disableResponsiveTiles',
+    'disableRtx',
+    'disableSelfDemote',
+    'disableSelfView',
+    'disableSelfViewSettings',
+    'disableShortcuts',
+    'disableShowMoreStats',
+    'disableRemoveRaisedHandOnFocus',
+    'disableSpeakerStatsSearch',
+    'speakerStatsOrder',
+    'disableSimulcast',
+    'disableThirdPartyRequests',
+    'disableTileView',
+    'disableTileEnlargement',
+    'disableVirtualBackground',
+    'displayJids',
+    'doNotStoreRoom',
+    'doNotFlipLocalVideo',
+    'dropbox.appKey',
+    'e2eeLabels',
+    'e2ee',
+    'e2eping',
+    'enableCalendarIntegration',
+    'enableDisplayNameInStats',
+    'enableEmailInStats',
+    'enableEncodedTransformSupport',
+    'enableInsecureRoomNameWarning',
+    'enableLobbyChat',
+    'enableOpusRed',
+    'enableRemb',
+    'enableSaveLogs',
+    'enableTalkWhileMuted',
+    'enableNoAudioDetection',
+    'enableNoisyMicDetection',
+    'enableTcc',
+    'faceLandmarks',
+    'feedbackPercentage',
+    'fileSharing.enabled',
+    'filmstrip',
+    'flags',
+    'forceTurnRelay',
+    'gatherStats',
+    'giphy',
+    'googleApiApplicationClientID',
+    'gravatar.disabled',
+    'hiddenPremeetingButtons',
+    'hideConferenceSubject',
+    'hideDisplayName',
+    'hideDominantSpeakerBadge',
+    'hideRecordingLabel',
+    'hideParticipantsStats',
+    'hideConferenceTimer',
+    'hideAddRoomButton',
+    'hideEmailInSettings',
+    'hideLobbyButton',
+    'iAmRecorder',
+    'iAmSipGateway',
+    'iAmSpot',
+    'ignoreStartMuted',
+    'inviteAppName',
+    'liveStreaming.enabled',
+    'liveStreamingEnabled',
+    'lobby',
+    'localRecording',
+    'localSubject',
+    'logging',
+    'mainToolbarButtons',
+    'maxFullResolutionParticipants',
+    'mouseMoveCallbackInterval',
+    'notifications',
+    'notificationTimeouts',
+    'notifyOnConferenceDestruction',
+    'openSharedDocumentOnJoin',
+    'opusMaxAverageBitrate',
+    'p2p.backToP2PDelay',
+    'p2p.codecPreferenceOrder',
+    'p2p.enabled',
+    'p2p.iceTransportPolicy',
+    'p2p.mobileCodecPreferenceOrder',
+    'p2p.mobileScreenshareCodec',
+    'participantMenuButtonsWithNotifyClick',
+    'participantsPane',
+    'pcStatsInterval',
+    'pip',
+    'preferBosh',
+    'preferVisitor',
+    'prejoinConfig.enabled',
+    'prejoinConfig.hideDisplayName',
+    'prejoinConfig.hideExtraJoinButtons',
+    'raisedHands',
+    'recordingService',
+    'requireDisplayName',
+    'remoteVideoMenu',
+    'roomPasswordNumberOfDigits',
+    'readOnlyName',
+    'recordings.recordAudioAndVideo',
+    'recordings.showPrejoinWarning',
+    'recordings.showRecordingLink',
+    'recordings.suggestRecording',
+    'reducedUImainToolbarButtons',
+    'replaceParticipant',
+    'resolution',
+    'screenshotCapture',
+    'securityUi',
+    'showChatPermissionsModeratorSetting',
+    'speakerStats',
+    'startAudioMuted',
+    'startAudioOnly',
+    'startLastN',
+    'startScreenSharing',
+    'startSilent',
+    'startVideoMuted',
+    'startWithAudioMuted',
+    'startWithVideoMuted',
+    'stereo',
+    'subject',
+    'testing',
+    'toolbarButtons',
+    'toolbarConfig',
+    'tileView',
+    'transcribingEnabled',
+    'transcription',
+    'useHostPageLocalStorage',
+    'useTurnUdp',
+    'videoQuality',
+    'visitors.enableMediaOnPromote',
+    'visitors.hideVisitorCountForVisitors',
+    'visitors.showJoinMeetingDialog',
+    'watchRTCConfigParams.allowBrowserLogCollection',
+    'watchRTCConfigParams.collectionInterval',
+    'watchRTCConfigParams.console',
+    'watchRTCConfigParams.debug',
+    'watchRTCConfigParams.keys',
+    'watchRTCConfigParams.logGetStats',
+    'watchRTCConfigParams.rtcApiKey',
+    'watchRTCConfigParams.rtcPeerId',
+    'watchRTCConfigParams.rtcRoomId',
+    'watchRTCConfigParams.rtcTags',
+    'watchRTCConfigParams.rtcToken',
+    'webrtcIceTcpDisable',
+    'webrtcIceUdpDisable',
+    'whiteboard.enabled'
+].concat(extraConfigWhitelist).concat(isEmbedded() ? isEmbeddedConfigWhitelist : []);
diff --git a/react/features/base/config/constants.ts b/react/features/base/config/constants.ts
new file mode 100644
index 0000000..9049c19
--- /dev/null
+++ b/react/features/base/config/constants.ts
@@ -0,0 +1,43 @@
+/**
+ * The prefix of the {@code localStorage} key into which {@link storeConfig}
+ * stores and from which {@link restoreConfig} restores.
+ *
+ * @protected
+ * @type string
+ */
+export const _CONFIG_STORE_PREFIX = 'config.js';
+
+/**
+ * The toolbar buttons to show on premeeting screens.
+ */
+export const PREMEETING_BUTTONS = [ 'microphone', 'camera', 'select-background', 'invite', 'settings' ];
+
+/**
+  * The toolbar buttons to show on 3rdParty prejoin screen.
+  */
+export const THIRD_PARTY_PREJOIN_BUTTONS = [ 'microphone', 'camera', 'select-background' ];
+
+/**
+ * The set of feature flags.
+ *
+ * @enum {string}
+ */
+
+export const FEATURE_FLAGS = {
+    SSRC_REWRITING: 'ssrcRewritingEnabled'
+};
+
+/**
+ * The URL at which the terms (of service/use) are available to the user.
+ */
+export const DEFAULT_TERMS_URL = 'https://jitsi.org/meet/terms';
+
+/**
+ * The URL at which the privacy policy is available to the user.
+ */
+export const DEFAULT_PRIVACY_URL = 'https://jitsi.org/meet/privacy';
+
+/**
+ * The URL at which the help centre is available to the user.
+ */
+export const DEFAULT_HELP_CENTRE_URL = 'https://web-cdn.jitsi.net/faq/meet-faq.html';
diff --git a/react/features/base/config/extraConfigWhitelist.ts b/react/features/base/config/extraConfigWhitelist.ts
new file mode 100644
index 0000000..dda7c05
--- /dev/null
+++ b/react/features/base/config/extraConfigWhitelist.ts
@@ -0,0 +1,4 @@
+/**
+ * Deploy-specific configuration whitelists.
+ */
+export default [];
diff --git a/react/features/base/config/extraInterfaceConfigWhitelist.ts b/react/features/base/config/extraInterfaceConfigWhitelist.ts
new file mode 100644
index 0000000..8b221d1
--- /dev/null
+++ b/react/features/base/config/extraInterfaceConfigWhitelist.ts
@@ -0,0 +1,4 @@
+/**
+ * Deploy-specific interface_config whitelists.
+ */
+export default [];
diff --git a/react/features/base/config/functions.any.ts b/react/features/base/config/functions.any.ts
new file mode 100644
index 0000000..dae1ad4
--- /dev/null
+++ b/react/features/base/config/functions.any.ts
@@ -0,0 +1,465 @@
+// @ts-ignore
+import { jitsiLocalStorage } from '@jitsi/js-utils';
+// eslint-disable-next-line lines-around-comment
+// @ts-ignore
+import { safeJsonParse } from '@jitsi/js-utils/json';
+import { isEmpty, mergeWith, pick } from 'lodash-es';
+
+import { IReduxState } from '../../app/types';
+import { browser } from '../lib-jitsi-meet';
+import { getLocalParticipant } from '../participants/functions';
+import { isEmbedded } from '../util/embedUtils';
+import { parseURLParams } from '../util/parseURLParams';
+
+import { IConfig } from './configType';
+import CONFIG_WHITELIST from './configWhitelist';
+import {
+    DEFAULT_HELP_CENTRE_URL,
+    DEFAULT_PRIVACY_URL,
+    DEFAULT_TERMS_URL,
+    FEATURE_FLAGS,
+    _CONFIG_STORE_PREFIX
+} from './constants';
+import INTERFACE_CONFIG_WHITELIST from './interfaceConfigWhitelist';
+import logger from './logger';
+
+// XXX The function getRoomName is split out of
+// functions.any.js because it is bundled in both app.bundle and
+// do_external_connect, webpack 1 does not support tree shaking, and we don't
+// want all functions to be bundled in do_external_connect.
+export { default as getRoomName } from './getRoomName';
+
+/**
+ * Create a "fake" configuration object for the given base URL. This is used in case the config
+ * couldn't be loaded in the welcome page, so at least we have something to try with.
+ *
+ * @param {string} baseURL - URL of the deployment for which we want the fake config.
+ * @returns {Object}
+ */
+export function createFakeConfig(baseURL: string) {
+    const url = new URL(baseURL);
+
+    return {
+        hosts: {
+            domain: url.hostname,
+            muc: `conference.${url.hostname}`
+        },
+        bosh: `${baseURL}http-bind`,
+        p2p: {
+            enabled: true
+        }
+    };
+}
+
+/**
+ * Selector used to get the meeting region.
+ *
+ * @param {Object} state - The global state.
+ * @returns {string}
+ */
+export function getMeetingRegion(state: IReduxState) {
+    return state['features/base/config']?.deploymentInfo?.region || '';
+}
+
+/**
+ * Selector used to get the SSRC-rewriting feature flag.
+ *
+ * @param {Object} state - The global state.
+ * @returns {boolean}
+ */
+export function getSsrcRewritingFeatureFlag(state: IReduxState) {
+    return getFeatureFlag(state, FEATURE_FLAGS.SSRC_REWRITING) ?? true;
+}
+
+/**
+ * Selector used to get a feature flag.
+ *
+ * @param {Object} state - The global state.
+ * @param {string} featureFlag - The name of the feature flag.
+ * @returns {boolean}
+ */
+export function getFeatureFlag(state: IReduxState, featureFlag: string) {
+    const featureFlags = state['features/base/config']?.flags || {};
+
+    return featureFlags[featureFlag as keyof typeof featureFlags];
+}
+
+/**
+ * Selector used to get the disableRemoveRaisedHandOnFocus.
+ *
+ * @param {Object} state - The global state.
+ * @returns {boolean}
+ */
+export function getDisableRemoveRaisedHandOnFocus(state: IReduxState) {
+    return state['features/base/config']?.raisedHands?.disableRemoveRaisedHandOnFocus || false;
+}
+
+/**
+ * Selector used to get the disableLowerHandByModerator.
+ *
+ * @param {Object} state - The global state.
+ * @returns {boolean}
+ */
+export function getDisableLowerHandByModerator(state: IReduxState) {
+    return state['features/base/config']?.raisedHands?.disableLowerHandByModerator || false;
+}
+
+/**
+ * Selector used to get the disableLowerHandNotification.
+ *
+ * @param {Object} state - The global state.
+ * @returns {boolean}
+ */
+export function getDisableLowerHandNotification(state: IReduxState) {
+    return state['features/base/config']?.raisedHands?.disableLowerHandNotification || true;
+}
+
+/**
+ * Selector used to get the disableNextSpeakerNotification.
+ *
+ * @param {Object} state - The global state.
+ * @returns {boolean}
+ */
+export function getDisableNextSpeakerNotification(state: IReduxState) {
+    return state['features/base/config']?.raisedHands?.disableNextSpeakerNotification || false;
+}
+
+/**
+ * Selector used to get the endpoint used for fetching the recording.
+ *
+ * @param {Object} state - The global state.
+ * @returns {string}
+ */
+export function getRecordingSharingUrl(state: IReduxState) {
+    return state['features/base/config'].recordingSharingUrl;
+}
+
+/**
+ * Overrides JSON properties in {@code config} and
+ * {@code interfaceConfig} Objects with the values from {@code newConfig}.
+ * Overrides only the whitelisted keys.
+ *
+ * @param {Object} config - The config Object in which we'll be overriding
+ * properties.
+ * @param {Object} interfaceConfig - The interfaceConfig Object in which we'll
+ * be overriding properties.
+ * @param {Object} json - Object containing configuration properties.
+ * Destination object is selected based on root property name:
+ * {
+ *     config: {
+ *         // config.js properties here
+ *     },
+ *     interfaceConfig: {
+ *         // interface_config.js properties here
+ *     }
+ * }.
+ * @returns {void}
+ */
+export function overrideConfigJSON(config: IConfig, interfaceConfig: any, json: any) {
+    for (const configName of Object.keys(json)) {
+        let configObj;
+
+        if (configName === 'config') {
+            configObj = config;
+        } else if (configName === 'interfaceConfig') {
+            configObj = interfaceConfig;
+        }
+        if (configObj) {
+            const configJSON
+                = getWhitelistedJSON(configName as 'interfaceConfig' | 'config', json[configName]);
+
+            if (!isEmpty(configJSON)) {
+                logger.info(`Extending ${configName} with: ${JSON.stringify(configJSON)}`);
+
+                // eslint-disable-next-line arrow-body-style
+                mergeWith(configObj, configJSON, (oldValue, newValue) => {
+
+                    // XXX We don't want to merge the arrays, we want to
+                    // overwrite them.
+                    return Array.isArray(oldValue) ? newValue : undefined;
+                });
+            }
+        }
+    }
+}
+
+/* eslint-enable max-params, no-shadow */
+
+/**
+ * Apply whitelist filtering for configs with whitelists.
+ * Only extracts overridden values for keys we allow to be overridden.
+ *
+ * @param {string} configName - The config name, one of config or interfaceConfig.
+ * @param {Object} configJSON - The object with keys and values to override.
+ * @returns {Object} - The result object only with the keys
+ * that are whitelisted.
+ */
+export function getWhitelistedJSON(configName: 'interfaceConfig' | 'config', configJSON: any): Object {
+    // Disable whitelisting in dev mode.
+    if (typeof __DEV__ !== 'undefined' && __DEV__) {
+        logger.warn('Whitelisting is disabled in dev mode, accepting any overrides');
+
+        return configJSON;
+    }
+
+    if (configName === 'interfaceConfig') {
+        return pick(configJSON, INTERFACE_CONFIG_WHITELIST);
+    } else if (configName === 'config') {
+        return pick(configJSON, CONFIG_WHITELIST);
+    }
+
+    return configJSON;
+}
+
+/**
+ * Selector for determining if the display name is read only.
+ *
+ * @param {Object} state - The state of the app.
+ * @returns {boolean}
+ */
+export function isNameReadOnly(state: IReduxState): boolean {
+    return Boolean(state['features/base/config'].disableProfile
+        || state['features/base/config'].readOnlyName);
+}
+
+/**
+ * Selector for determining if the participant is the next one in the queue to speak.
+ *
+ * @param {Object} state - The state of the app.
+ * @returns {boolean}
+ */
+export function isNextToSpeak(state: IReduxState): boolean {
+    const raisedHandsQueue = state['features/base/participants'].raisedHandsQueue || [];
+    const participantId = getLocalParticipant(state)?.id;
+
+    return participantId === raisedHandsQueue[0]?.id;
+}
+
+/**
+ * Selector for determining if the next to speak participant in the queue has been notified.
+ *
+ * @param {Object} state - The state of the app.
+ * @returns {boolean}
+ */
+export function hasBeenNotified(state: IReduxState): boolean {
+    const raisedHandsQueue = state['features/base/participants'].raisedHandsQueue;
+
+    return Boolean(raisedHandsQueue[0]?.hasBeenNotified);
+}
+
+/**
+ * Selector for determining if the display name is visible.
+ *
+ * @param {Object} state - The state of the app.
+ * @returns {boolean}
+ */
+export function isDisplayNameVisible(state: IReduxState): boolean {
+    return !state['features/base/config'].hideDisplayName;
+}
+
+/**
+ * Selector for determining if the advanced audio settings are enabled.
+ *
+ * @param {Object} state - The state of the app.
+ * @returns {boolean}
+ */
+export function isAdvancedAudioSettingsEnabled(state: IReduxState): boolean {
+
+    return !browser.isWebKitBased() && Boolean(state['features/base/config']?.audioQuality?.enableAdvancedAudioSettings);
+}
+
+/**
+ * Restores a Jitsi Meet config.js from {@code localStorage} if it was
+ * previously downloaded from a specific {@code baseURL} and stored with
+ * {@link storeConfig}.
+ *
+ * @param {string} baseURL - The base URL from which the config.js was
+ * previously downloaded and stored with {@code storeConfig}.
+ * @returns {?Object} The Jitsi Meet config.js which was previously downloaded
+ * from {@code baseURL} and stored with {@code storeConfig} if it was restored;
+ * otherwise, {@code undefined}.
+ */
+export function restoreConfig(baseURL: string) {
+    const key = `${_CONFIG_STORE_PREFIX}/${baseURL}`;
+    const config = jitsiLocalStorage.getItem(key);
+
+    if (config) {
+        try {
+            return safeJsonParse(config) || undefined;
+        } catch (e) {
+            // Somehow incorrect data ended up in the storage. Clean it up.
+            jitsiLocalStorage.removeItem(key);
+        }
+    }
+
+    return undefined;
+}
+
+/**
+ * Inspects the hash part of the location URI and overrides values specified
+ * there in the corresponding config objects given as the arguments. The syntax
+ * is: {@code https://server.com/room#config.debug=true
+ * &interfaceConfig.showButton=false}.
+ *
+ * In the hash part each parameter will be parsed to JSON and then the root
+ * object will be matched with the corresponding config object given as the
+ * argument to this function.
+ *
+ * @param {Object} config - This is the general config.
+ * @param {Object} interfaceConfig - This is the interface config.
+ * @param {URI} location - The new location to which the app is navigating to.
+ * @returns {void}
+ */
+export function setConfigFromURLParams(
+        config: IConfig, interfaceConfig: any, location: string | URL) {
+    const params = parseURLParams(location);
+    const json: any = {};
+
+    // At this point we have:
+    // params = {
+    //     "config.disableAudioLevels": false,
+    //     "config.channelLastN": -1,
+    //     "interfaceConfig.APP_NAME": "Jitsi Meet"
+    // }
+    // We want to have:
+    // json = {
+    //     config: {
+    //         "disableAudioLevels": false,
+    //         "channelLastN": -1
+    //     },
+    //     interfaceConfig: {
+    //         "APP_NAME": "Jitsi Meet"
+    //     }
+    // }
+    config && (json.config = {});
+    interfaceConfig && (json.interfaceConfig = {});
+
+    for (const param of Object.keys(params)) {
+        let base = json;
+        const names = param.split('.');
+        const last = names.pop() ?? '';
+
+        for (const name of names) {
+            base = base[name] = base[name] || {};
+        }
+
+        base[last] = params[param];
+    }
+
+    overrideConfigJSON(config, interfaceConfig, json);
+
+    // Print warning about deprecated URL params
+    if ('interfaceConfig.SUPPORT_URL' in params) {
+        logger.warn('Using SUPPORT_URL interfaceConfig URL overwrite is deprecated.'
+            + ' Please use supportUrl from advanced branding!');
+    }
+
+    if ('config.defaultLogoUrl' in params) {
+        logger.warn('Using defaultLogoUrl config URL overwrite is deprecated.'
+            + ' Please use logoImageUrl from advanced branding!');
+    }
+
+    const deploymentUrlsConfig = params['config.deploymentUrls'] ?? {};
+
+    if ('config.deploymentUrls.downloadAppsUrl' in params || 'config.deploymentUrls.userDocumentationURL' in params
+            || (typeof deploymentUrlsConfig === 'object'
+                && ('downloadAppsUrl' in deploymentUrlsConfig || 'userDocumentationURL' in deploymentUrlsConfig))) {
+        logger.warn('Using deploymentUrls config URL overwrite is deprecated.'
+            + ' Please use downloadAppsUrl and/or userDocumentationURL from advanced branding!');
+    }
+
+    const liveStreamingConfig = params['config.liveStreaming'] ?? {};
+
+    if (('interfaceConfig.LIVE_STREAMING_HELP_LINK' in params)
+            || ('config.liveStreaming.termsLink' in params)
+            || ('config.liveStreaming.dataPrivacyLink' in params)
+            || ('config.liveStreaming.helpLink' in params)
+            || (typeof params['config.liveStreaming'] === 'object' && 'config.liveStreaming' in params
+                && (
+                    'termsLink' in liveStreamingConfig
+                    || 'dataPrivacyLink' in liveStreamingConfig
+                    || 'helpLink' in liveStreamingConfig
+                )
+            )) {
+        logger.warn('Using liveStreaming config URL overwrite and/or LIVE_STREAMING_HELP_LINK interfaceConfig URL'
+            + ' overwrite is deprecated. Please use liveStreaming from advanced branding!');
+    }
+
+    // When not in an iframe, start without media if the pre-join page is not enabled.
+    if (!isEmbedded()
+            && 'config.prejoinConfig.enabled' in params && config.prejoinConfig?.enabled === false) {
+        logger.warn('Using prejoinConfig.enabled config URL overwrite implies starting without media.');
+        config.disableInitialGUM = true;
+    }
+}
+
+/* eslint-enable max-params */
+
+/**
+ * Returns the dial out url.
+ *
+ * @param {Object} state - The state of the app.
+ * @returns {string}
+ */
+export function getDialOutStatusUrl(state: IReduxState) {
+    return state['features/base/config'].guestDialOutStatusUrl;
+}
+
+/**
+ * Returns the dial out status url.
+ *
+ * @param {Object} state - The state of the app.
+ * @returns {string}
+ */
+export function getDialOutUrl(state: IReduxState) {
+    return state['features/base/config'].guestDialOutUrl;
+}
+
+/**
+ * Selector to return the security UI config.
+ *
+ * @param {IReduxState} state - State object.
+ * @returns {Object}
+ */
+export function getSecurityUiConfig(state: IReduxState) {
+    return state['features/base/config']?.securityUi || {};
+}
+
+/**
+ * Returns the terms, privacy and help centre URL's.
+ *
+ * @param {IReduxState} state - The state of the application.
+ * @returns {{
+ *  privacy: string,
+ *  helpCentre: string,
+ *  terms: string
+ * }}
+ */
+export function getLegalUrls(state: IReduxState) {
+    const helpCentreURL = state['features/base/config']?.helpCentreURL;
+    const configLegalUrls = state['features/base/config']?.legalUrls;
+
+    return {
+        privacy: configLegalUrls?.privacy || DEFAULT_PRIVACY_URL,
+        helpCentre: helpCentreURL || configLegalUrls?.helpCentre || DEFAULT_HELP_CENTRE_URL,
+        terms: configLegalUrls?.terms || DEFAULT_TERMS_URL
+    };
+}
+
+/**
+ * Utility function to debounce the execution of a callback function.
+ *
+ * @param {Function} callback - The callback to debounce.
+ * @param {number} delay - The debounce delay in milliseconds.
+ * @returns {Function} - A debounced function that delays the execution of the callback.
+ */
+export function debounce(callback: (...args: any[]) => void, delay: number) {
+    let timerId: any;
+
+    return (...args: any[]) => {
+        if (timerId) {
+            clearTimeout(timerId);
+        }
+        timerId = setTimeout(() => callback(...args), delay);
+    };
+}
diff --git a/react/features/base/config/functions.native.ts b/react/features/base/config/functions.native.ts
new file mode 100644
index 0000000..3a9a131
--- /dev/null
+++ b/react/features/base/config/functions.native.ts
@@ -0,0 +1,53 @@
+import { NativeModules } from 'react-native';
+
+import { IReduxState } from '../../app/types';
+import { REPLACE_PARTICIPANT } from '../flags/constants';
+import { getFeatureFlag } from '../flags/functions';
+
+import { IConfig, IDeeplinkingConfig } from './configType';
+
+export * from './functions.any';
+
+/**
+ * Removes all analytics related options from the given configuration, in case of a libre build.
+ *
+ * @param {*} config - The configuration which needs to be cleaned up.
+ * @returns {void}
+ */
+export function _cleanupConfig(config: IConfig) {
+    config.analytics = config.analytics ?? {};
+    config.analytics.scriptURLs = [];
+
+    if (NativeModules.AppInfo.LIBRE_BUILD) {
+        delete config.analytics?.amplitudeAPPKey;
+        delete config.analytics?.rtcstatsEnabled;
+        delete config.analytics?.rtcstatsEndpoint;
+        delete config.analytics?.rtcstatsPollInterval;
+        delete config.analytics?.rtcstatsSendSdp;
+        delete config.analytics?.obfuscateRoomName;
+        delete config.analytics?.watchRTCEnabled;
+        delete config.watchRTCConfigParams;
+        config.giphy = { enabled: false };
+    }
+}
+
+/**
+ * Returns the replaceParticipant config.
+ *
+ * @param {Object} state - The state of the app.
+ * @returns {boolean}
+ */
+export function getReplaceParticipant(state: IReduxState): string {
+    return getFeatureFlag(state, REPLACE_PARTICIPANT, false);
+}
+
+/**
+ * Sets the defaults for deeplinking.
+ *
+ * @param {IDeeplinkingConfig} _deeplinking - The deeplinking config.
+ * @returns {void}
+ */
+export function _setDeeplinkingDefaults(_deeplinking: IDeeplinkingConfig) {
+    return;
+}
+
diff --git a/react/features/base/config/functions.web.ts b/react/features/base/config/functions.web.ts
new file mode 100644
index 0000000..86fb4a5
--- /dev/null
+++ b/react/features/base/config/functions.web.ts
@@ -0,0 +1,87 @@
+import { IReduxState } from '../../app/types';
+import JitsiMeetJS from '../../base/lib-jitsi-meet';
+
+import {
+    IConfig,
+    IDeeplinkingConfig,
+    IDeeplinkingDesktopConfig,
+    IDeeplinkingMobileConfig
+} from './configType';
+
+export * from './functions.any';
+
+/**
+ * Removes all analytics related options from the given configuration, in case of a libre build.
+ *
+ * @param {*} _config - The configuration which needs to be cleaned up.
+ * @returns {void}
+ */
+export function _cleanupConfig(_config: IConfig) {
+    return;
+}
+
+/**
+ * Returns the replaceParticipant config.
+ *
+ * @param {Object} state - The state of the app.
+ * @returns {boolean}
+ */
+export function getReplaceParticipant(state: IReduxState): string | undefined {
+    return state['features/base/config'].replaceParticipant;
+}
+
+/**
+ * Returns the configuration value of web-hid feature.
+ *
+ * @param {Object} state - The state of the app.
+ * @returns {boolean} True if web-hid feature should be enabled, otherwise false.
+ */
+export function getWebHIDFeatureConfig(state: IReduxState): boolean {
+    return state['features/base/config'].enableWebHIDFeature || false;
+}
+
+/**
+ * Returns whether audio level measurement is enabled or not.
+ *
+ * @param {Object} state - The state of the app.
+ * @returns {boolean}
+ */
+export function areAudioLevelsEnabled(state: IReduxState): boolean {
+    return !state['features/base/config'].disableAudioLevels && JitsiMeetJS.isCollectingLocalStats();
+}
+
+/**
+ * Sets the defaults for deeplinking.
+ *
+ * @param {IDeeplinkingConfig} deeplinking - The deeplinking config.
+ * @returns {void}
+ */
+export function _setDeeplinkingDefaults(deeplinking: IDeeplinkingConfig) {
+    deeplinking.desktop = deeplinking.desktop || {} as IDeeplinkingDesktopConfig;
+    deeplinking.android = deeplinking.android || {} as IDeeplinkingMobileConfig;
+    deeplinking.ios = deeplinking.ios || {} as IDeeplinkingMobileConfig;
+
+    const { android, desktop, ios } = deeplinking;
+
+    desktop.appName = desktop.appName || 'Jitsi Meet';
+    desktop.appScheme = desktop.appScheme || 'jitsi-meet';
+    desktop.download = desktop.download || {};
+    desktop.download.windows = desktop.download.windows
+        || 'https://github.com/jitsi/jitsi-meet-electron/releases/latest/download/jitsi-meet.exe';
+    desktop.download.macos = desktop.download.macos
+        || 'https://github.com/jitsi/jitsi-meet-electron/releases/latest/download/jitsi-meet.dmg';
+    desktop.download.linux = desktop.download.linux
+        || 'https://github.com/jitsi/jitsi-meet-electron/releases/latest/download/jitsi-meet-x86_64.AppImage';
+
+    ios.appName = ios.appName || 'Jitsi Meet';
+    ios.appScheme = ios.appScheme || 'org.jitsi.meet';
+    ios.downloadLink = ios.downloadLink
+        || 'https://itunes.apple.com/us/app/jitsi-meet/id1165103905';
+
+    android.appName = android.appName || 'Jitsi Meet';
+    android.appScheme = android.appScheme || 'org.jitsi.meet';
+    android.downloadLink = android.downloadLink
+        || 'https://play.google.com/store/apps/details?id=org.jitsi.meet';
+    android.appPackage = android.appPackage || 'org.jitsi.meet';
+    android.fDroidUrl = android.fDroidUrl || 'https://f-droid.org/packages/org.jitsi.meet/';
+}
diff --git a/react/features/base/config/getRoomName.ts b/react/features/base/config/getRoomName.ts
new file mode 100644
index 0000000..fa0ba05
--- /dev/null
+++ b/react/features/base/config/getRoomName.ts
@@ -0,0 +1,15 @@
+import { getBackendSafeRoomName } from '../util/uri';
+
+/**
+ * Builds and returns the room name.
+ *
+ * @returns {string}
+ */
+export default function getRoomName(): string | undefined {
+    const path = window.location.pathname;
+
+    // The last non-directory component of the path (name) is the room.
+    const roomName = path.substring(path.lastIndexOf('/') + 1) || undefined;
+
+    return getBackendSafeRoomName(roomName);
+}
diff --git a/react/features/base/config/interfaceConfigWhitelist.ts b/react/features/base/config/interfaceConfigWhitelist.ts
new file mode 100644
index 0000000..cbf3ce8
--- /dev/null
+++ b/react/features/base/config/interfaceConfigWhitelist.ts
@@ -0,0 +1,57 @@
+import { isEmbedded } from '../util/embedUtils';
+
+import extraInterfaceConfigWhitelistCopy from './extraInterfaceConfigWhitelist';
+import isEmbeddedInterfaceConfigWhitelist from './isEmbeddedInterfaceConfigWhitelist';
+
+/**
+ * The interface config keys to whitelist, the keys that can be overridden.
+ *
+ * @private
+ * @type Array
+ */
+export default [
+    'AUDIO_LEVEL_PRIMARY_COLOR',
+    'AUDIO_LEVEL_SECONDARY_COLOR',
+    'AUTO_PIN_LATEST_SCREEN_SHARE',
+    'CLOSE_PAGE_GUEST_HINT',
+    'CONNECTION_INDICATOR_AUTO_HIDE_ENABLED',
+    'CONNECTION_INDICATOR_AUTO_HIDE_TIMEOUT',
+    'CONNECTION_INDICATOR_DISABLED',
+    'DEFAULT_BACKGROUND',
+    'DISABLE_PRESENCE_STATUS',
+    'DISABLE_JOIN_LEAVE_NOTIFICATIONS',
+    'DEFAULT_LOCAL_DISPLAY_NAME',
+    'DEFAULT_REMOTE_DISPLAY_NAME',
+    'DISABLE_DOMINANT_SPEAKER_INDICATOR',
+    'DISABLE_FOCUS_INDICATOR',
+    'DISABLE_PRIVATE_MESSAGES',
+    'DISABLE_TRANSCRIPTION_SUBTITLES',
+    'DISABLE_VIDEO_BACKGROUND',
+    'DISPLAY_WELCOME_PAGE_CONTENT',
+    'ENABLE_DIAL_OUT',
+    'FILM_STRIP_MAX_HEIGHT',
+    'GENERATE_ROOMNAMES_ON_WELCOME_PAGE',
+    'INDICATOR_FONT_SIZES',
+    'INITIAL_TOOLBAR_TIMEOUT',
+    'LANG_DETECTION',
+    'LOCAL_THUMBNAIL_RATIO',
+    'MAXIMUM_ZOOMING_COEFFICIENT',
+    'NATIVE_APP_NAME',
+    'OPTIMAL_BROWSERS',
+    'PHONE_NUMBER_REGEX',
+    'PROVIDER_NAME',
+    'RECENT_LIST_ENABLED',
+    'REMOTE_THUMBNAIL_RATIO',
+    'SETTINGS_SECTIONS',
+    'SHARING_FEATURES',
+    'SHOW_CHROME_EXTENSION_BANNER',
+    'SHOW_POWERED_BY',
+    'TILE_VIEW_MAX_COLUMNS',
+    'TOOLBAR_ALWAYS_VISIBLE',
+    'TOOLBAR_BUTTONS',
+    'TOOLBAR_TIMEOUT',
+    'UNSUPPORTED_BROWSERS',
+    'VERTICAL_FILMSTRIP',
+    'VIDEO_LAYOUT_FIT',
+    'VIDEO_QUALITY_LABEL_DISABLED'
+].concat(extraInterfaceConfigWhitelistCopy).concat(isEmbedded() ? isEmbeddedInterfaceConfigWhitelist : []);
diff --git a/react/features/base/config/isEmbeddedConfigWhitelist.ts b/react/features/base/config/isEmbeddedConfigWhitelist.ts
new file mode 100644
index 0000000..410a5fb
--- /dev/null
+++ b/react/features/base/config/isEmbeddedConfigWhitelist.ts
@@ -0,0 +1,10 @@
+/**
+ * Additional config whitelist extending the original whitelist applied when Jitsi Meet is embedded
+ * in another app be that with an iframe or a mobile SDK.
+ */
+export default [
+    'customToolbarButtons',
+    'defaultLogoUrl',
+    'deploymentUrls',
+    'liveStreaming'
+];
diff --git a/react/features/base/config/isEmbeddedInterfaceConfigWhitelist.ts b/react/features/base/config/isEmbeddedInterfaceConfigWhitelist.ts
new file mode 100644
index 0000000..fb35fb8
--- /dev/null
+++ b/react/features/base/config/isEmbeddedInterfaceConfigWhitelist.ts
@@ -0,0 +1,6 @@
+/**
+ * Additional interface config whitelist extending the original whitelist applied when Jitsi Meet is embedded
+ * in another app be that with an iframe or a mobile SDK.
+ */
+export default [
+];
diff --git a/react/features/base/config/logger.ts b/react/features/base/config/logger.ts
new file mode 100644
index 0000000..303f91d
--- /dev/null
+++ b/react/features/base/config/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../logging/functions';
+
+export default getLogger('app:config');
diff --git a/react/features/base/config/middleware.any.ts b/react/features/base/config/middleware.any.ts
new file mode 100644
index 0000000..df7f900
--- /dev/null
+++ b/react/features/base/config/middleware.any.ts
@@ -0,0 +1,203 @@
+import { AnyAction } from 'redux';
+
+import { IStore } from '../../app/types';
+import { SET_DYNAMIC_BRANDING_DATA } from '../../dynamic-branding/actionTypes';
+import { getFeatureFlag } from '../flags/functions';
+import MiddlewareRegistry from '../redux/MiddlewareRegistry';
+import { updateSettings } from '../settings/actions';
+
+import { OVERWRITE_CONFIG, SET_CONFIG } from './actionTypes';
+import { updateConfig } from './actions';
+import { IConfig } from './configType';
+
+/**
+ * The middleware of the feature {@code base/config}.
+ *
+ * @param {Store} store - The redux store.
+ * @private
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case SET_CONFIG:
+        return _setConfig(store, next, action);
+
+    case SET_DYNAMIC_BRANDING_DATA:
+        return _setDynamicBrandingData(store, next, action);
+
+    case OVERWRITE_CONFIG:
+        return _updateSettings(store, next, action);
+
+    }
+
+    return next(action);
+});
+
+/**
+ * Notifies the feature {@code base/config} that the {@link SET_CONFIG} redux
+ * action is being {@code dispatch}ed in a specific redux store.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified {@code action} in the specified {@code store}.
+ * @param {Action} action - The redux action which is being {@code dispatch}ed
+ * in the specified {@code store}.
+ * @private
+ * @returns {*} The return value of {@code next(action)}.
+ */
+function _setConfig({ dispatch, getState }: IStore, next: Function, action: AnyAction) {
+    // The reducer is doing some alterations to the config passed in the action,
+    // so make sure it's the final state by waiting for the action to be
+    // reduced.
+    const result = next(action);
+    const state = getState();
+
+    // Update the config with user defined settings.
+    const settings = state['features/base/settings'];
+    const config: IConfig = {};
+
+    if (typeof settings.disableP2P !== 'undefined') {
+        config.p2p = { enabled: !settings.disableP2P };
+    }
+
+    const resolutionFlag = getFeatureFlag(state, 'resolution');
+
+    if (typeof resolutionFlag !== 'undefined') {
+        config.resolution = resolutionFlag;
+    }
+
+    if (action.config.doNotFlipLocalVideo === true) {
+        dispatch(updateSettings({
+            localFlipX: false
+        }));
+    }
+
+    if (action.config.disableSelfView !== undefined) {
+        dispatch(updateSettings({
+            disableSelfView: action.config.disableSelfView
+        }));
+    }
+
+    dispatch(updateConfig(config));
+
+    return result;
+}
+
+/**
+ * Updates config based on dynamic branding data.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified {@code action} in the specified {@code store}.
+ * @param {Action} action - The redux action which is being {@code dispatch}ed
+ * in the specified {@code store}.
+ * @private
+ * @returns {*} The return value of {@code next(action)}.
+ */
+function _setDynamicBrandingData({ dispatch }: IStore, next: Function, action: AnyAction) {
+    const config: IConfig = {};
+    const {
+        customParticipantMenuButtons,
+        customToolbarButtons,
+        downloadAppsUrl,
+        etherpadBase,
+        liveStreamingDialogUrls = {},
+        preCallTest = {},
+        salesforceUrl,
+        userDocumentationUrl,
+        peopleSearchUrl,
+    } = action.value;
+
+    const { helpUrl, termsUrl, dataPrivacyUrl } = liveStreamingDialogUrls;
+
+    if (helpUrl || termsUrl || dataPrivacyUrl) {
+        config.liveStreaming = {};
+        if (helpUrl) {
+            config.liveStreaming.helpLink = helpUrl;
+        }
+
+        if (termsUrl) {
+            config.liveStreaming.termsLink = termsUrl;
+        }
+
+        if (dataPrivacyUrl) {
+            config.liveStreaming.dataPrivacyLink = dataPrivacyUrl;
+        }
+    }
+
+    if (downloadAppsUrl || userDocumentationUrl) {
+        config.deploymentUrls = {};
+
+        if (downloadAppsUrl) {
+            config.deploymentUrls.downloadAppsUrl = downloadAppsUrl;
+        }
+
+        if (userDocumentationUrl) {
+            config.deploymentUrls.userDocumentationURL = userDocumentationUrl;
+        }
+    }
+
+    if (salesforceUrl) {
+        config.salesforceUrl = salesforceUrl;
+    }
+
+    if (peopleSearchUrl) {
+        config.peopleSearchUrl = peopleSearchUrl;
+    }
+
+    const { enabled, iceUrl } = preCallTest;
+
+    if (typeof enabled === 'boolean') {
+        config.prejoinConfig = {
+            preCallTestEnabled: enabled
+        };
+    }
+
+    if (etherpadBase) {
+        // eslint-disable-next-line camelcase
+        config.etherpad_base = etherpadBase;
+    }
+
+    if (iceUrl) {
+        config.prejoinConfig = config.prejoinConfig || {};
+        config.prejoinConfig.preCallTestICEUrl = iceUrl;
+    }
+
+    if (customToolbarButtons) {
+        config.customToolbarButtons = customToolbarButtons;
+    }
+
+    if (customParticipantMenuButtons) {
+        config.customParticipantMenuButtons = customParticipantMenuButtons;
+    }
+
+    dispatch(updateConfig(config));
+
+    return next(action);
+}
+
+/**
+ * Updates settings based on some config values.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified {@code action} in the specified {@code store}.
+ * @param {Action} action - The redux action which is being {@code dispatch}ed
+ * in the specified {@code store}.
+ * @private
+ * @returns {*} The return value of {@code next(action)}.
+ */
+function _updateSettings({ dispatch }: IStore, next: Function, action: AnyAction) {
+    const { config: { doNotFlipLocalVideo } } = action;
+
+    if (doNotFlipLocalVideo === true) {
+        dispatch(updateSettings({
+            localFlipX: false
+        }));
+    }
+
+    return next(action);
+}
diff --git a/react/features/base/config/middleware.native.ts b/react/features/base/config/middleware.native.ts
new file mode 100644
index 0000000..fefd329
--- /dev/null
+++ b/react/features/base/config/middleware.native.ts
@@ -0,0 +1 @@
+import './middleware.any';
diff --git a/react/features/base/config/middleware.web.ts b/react/features/base/config/middleware.web.ts
new file mode 100644
index 0000000..1b19750
--- /dev/null
+++ b/react/features/base/config/middleware.web.ts
@@ -0,0 +1,48 @@
+import { setUserFilmstripWidth } from '../../filmstrip/actions.web';
+import MiddlewareRegistry from '../redux/MiddlewareRegistry';
+import { updateSettings } from '../settings/actions';
+
+import { SET_CONFIG } from './actionTypes';
+import './middleware.any';
+
+/**
+ * The middleware of the feature {@code base/config}.
+ *
+ * @param {Store} store - The redux store.
+ * @private
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    const result = next(action);
+
+    switch (action.type) {
+    case SET_CONFIG: {
+        const { initialWidth, stageFilmstripParticipants } = action.config.filmstrip || {};
+        const { dispatch, getState } = store;
+        const state = getState();
+
+        if (stageFilmstripParticipants !== undefined) {
+            dispatch(updateSettings({
+                maxStageParticipants: stageFilmstripParticipants
+            }));
+        }
+
+        if (initialWidth) {
+            dispatch(setUserFilmstripWidth(initialWidth));
+        }
+
+        // FIXME On Web we rely on the global 'config' variable which gets altered
+        // multiple times, before it makes it to the reducer. At some point it may
+        // not be the global variable which is being modified anymore due to
+        // different merge methods being used along the way. The global variable
+        // must be synchronized with the final state resolved by the reducer.
+        if (typeof window.config !== 'undefined') {
+            window.config = state['features/base/config'];
+        }
+
+        break;
+    }
+    }
+
+    return result;
+});
diff --git a/react/features/base/config/reducer.ts b/react/features/base/config/reducer.ts
new file mode 100644
index 0000000..020d2b5
--- /dev/null
+++ b/react/features/base/config/reducer.ts
@@ -0,0 +1,592 @@
+import { merge, union } from 'lodash-es';
+
+import { CONFERENCE_INFO } from '../../conference/components/constants';
+import { TOOLBAR_BUTTONS } from '../../toolbox/constants';
+import { ToolbarButton } from '../../toolbox/types';
+import { CONNECTION_PROPERTIES_UPDATED } from '../connection/actionTypes';
+import ReducerRegistry from '../redux/ReducerRegistry';
+import { equals } from '../redux/functions';
+
+import {
+    CONFIG_WILL_LOAD,
+    LOAD_CONFIG_ERROR,
+    OVERWRITE_CONFIG,
+    SET_CONFIG,
+    UPDATE_CONFIG
+} from './actionTypes';
+import {
+    IConfig,
+    IDeeplinkingConfig,
+    IDeeplinkingDesktopConfig,
+    IDeeplinkingMobileConfig
+} from './configType';
+import { _cleanupConfig, _setDeeplinkingDefaults } from './functions';
+
+/**
+ * The initial state of the feature base/config when executing in a
+ * non-React Native environment. The mandatory configuration to be passed to
+ * JitsiMeetJS#init(). The app will download config.js from the Jitsi Meet
+ * deployment and take its values into account but the values below will be
+ * enforced (because they are essential to the correct execution of the
+ * application).
+ *
+ * @type {Object}
+ */
+const INITIAL_NON_RN_STATE: IConfig = {
+};
+
+/**
+ * The initial state of the feature base/config when executing in a React Native
+ * environment. The mandatory configuration to be passed to JitsiMeetJS#init().
+ * The app will download config.js from the Jitsi Meet deployment and take its
+ * values into account but the values below will be enforced (because they are
+ * essential to the correct execution of the application).
+ *
+ * @type {Object}
+ */
+const INITIAL_RN_STATE: IConfig = {
+};
+
+/**
+ * Mapping between old configs controlling the conference info headers visibility and the
+ * new configs. Needed in order to keep backwards compatibility.
+ */
+const CONFERENCE_HEADER_MAPPING = {
+    hideConferenceTimer: [ 'conference-timer' ],
+    hideConferenceSubject: [ 'subject' ],
+    hideParticipantsStats: [ 'participants-count' ],
+    hideRecordingLabel: [ 'recording' ]
+};
+
+export interface IConfigState extends IConfig {
+    analysis?: {
+        obfuscateRoomName?: boolean;
+    };
+    error?: Error;
+    oldConfig?: {
+        bosh?: string;
+        focusUserJid?: string;
+        hosts: {
+            domain: string;
+            muc: string;
+        };
+        p2p?: object;
+        websocket?: string;
+    };
+}
+
+ReducerRegistry.register<IConfigState>('features/base/config', (state = _getInitialState(), action): IConfigState => {
+    switch (action.type) {
+    case UPDATE_CONFIG:
+        return _updateConfig(state, action);
+
+    case CONFIG_WILL_LOAD:
+        return {
+            error: undefined,
+
+            /**
+            * The URL of the location associated with/configured by this
+            * configuration.
+            *
+            * @type URL
+            */
+            locationURL: action.locationURL
+        };
+
+    case CONNECTION_PROPERTIES_UPDATED: {
+        const { region, shard } = action.properties;
+        const { deploymentInfo } = state;
+
+        if (deploymentInfo?.region === region && deploymentInfo?.shard === shard) {
+            return state;
+        }
+
+        return {
+            ...state,
+            deploymentInfo: JSON.parse(JSON.stringify({
+                ...deploymentInfo,
+                region,
+                shard
+            }))
+        };
+    }
+
+    case LOAD_CONFIG_ERROR:
+        // XXX LOAD_CONFIG_ERROR is one of the settlement execution paths of
+        // the asynchronous "loadConfig procedure/process" started with
+        // CONFIG_WILL_LOAD. Due to the asynchronous nature of it, whoever
+        // is settling the process needs to provide proof that they have
+        // started it and that the iteration of the process being completed
+        // now is still of interest to the app.
+        if (state.locationURL === action.locationURL) {
+            return {
+                /**
+                * The {@link Error} which prevented the loading of the
+                * configuration of the associated {@code locationURL}.
+                *
+                * @type Error
+                */
+                error: action.error
+            };
+        }
+        break;
+
+    case SET_CONFIG:
+        return _setConfig(state, action);
+
+    case OVERWRITE_CONFIG:
+        return {
+            ...state,
+            ...action.config
+        };
+    }
+
+    return state;
+});
+
+/**
+ * Gets the initial state of the feature base/config. The mandatory
+ * configuration to be passed to JitsiMeetJS#init(). The app will download
+ * config.js from the Jitsi Meet deployment and take its values into account but
+ * the values below will be enforced (because they are essential to the correct
+ * execution of the application).
+ *
+ * @returns {Object}
+ */
+function _getInitialState() {
+    return (
+        navigator.product === 'ReactNative'
+            ? INITIAL_RN_STATE
+            : INITIAL_NON_RN_STATE);
+}
+
+/**
+ * Reduces a specific Redux action SET_CONFIG of the feature
+ * base/lib-jitsi-meet.
+ *
+ * @param {IConfig} state - The Redux state of the feature base/config.
+ * @param {Action} action - The Redux action SET_CONFIG to reduce.
+ * @private
+ * @returns {Object} The new state after the reduction of the specified action.
+ */
+function _setConfig(state: IConfig, { config }: { config: IConfig; }) {
+    // eslint-disable-next-line no-param-reassign
+    config = _translateLegacyConfig(config);
+
+    const { audioQuality } = config;
+    const hdAudioOptions = {};
+
+    if (audioQuality?.stereo) {
+        Object.assign(hdAudioOptions, {
+            disableAP: true,
+            enableNoAudioDetection: false,
+            enableNoisyMicDetection: false,
+            enableTalkWhileMuted: false
+        });
+    }
+
+    const { alwaysShowResizeBar, disableResizable } = config.filmstrip || {};
+
+    if (alwaysShowResizeBar && disableResizable) {
+        config.filmstrip = {
+            ...config.filmstrip,
+            alwaysShowResizeBar: false
+        };
+    }
+
+    const newState = merge(
+        {},
+        config,
+        hdAudioOptions,
+        { error: undefined },
+
+        // The config of _getInitialState() is meant to override the config
+        // downloaded from the Jitsi Meet deployment because the former contains
+        // values that are mandatory.
+        _getInitialState()
+    );
+
+    _cleanupConfig(newState);
+
+    return equals(state, newState) ? state : newState;
+}
+
+/**
+ * Processes the conferenceInfo object against the defaults.
+ *
+ * @param {IConfig} config - The old config.
+ * @returns {Object} The processed conferenceInfo object.
+ */
+function _getConferenceInfo(config: IConfig) {
+    const { conferenceInfo } = config;
+
+    if (conferenceInfo) {
+        return {
+            alwaysVisible: conferenceInfo.alwaysVisible ?? [ ...CONFERENCE_INFO.alwaysVisible ],
+            autoHide: conferenceInfo.autoHide ?? [ ...CONFERENCE_INFO.autoHide ]
+        };
+    }
+
+    return {
+        ...CONFERENCE_INFO
+    };
+}
+
+/**
+ * Constructs a new config {@code Object}, if necessary, out of a specific
+ * interface_config {@code Object} which is in the latest format supported by jitsi-meet.
+ *
+ * @param {Object} oldValue - The config {@code Object} which may or may not be
+ * in the latest form supported by jitsi-meet and from which a new config
+ * {@code Object} is to be constructed if necessary.
+ * @returns {Object} A config {@code Object} which is in the latest format
+ * supported by jitsi-meet.
+ */
+function _translateInterfaceConfig(oldValue: IConfig) {
+    const newValue = oldValue;
+
+    if (!Array.isArray(oldValue.toolbarButtons)
+        && typeof interfaceConfig === 'object' && Array.isArray(interfaceConfig.TOOLBAR_BUTTONS)) {
+        newValue.toolbarButtons = interfaceConfig.TOOLBAR_BUTTONS;
+    }
+
+    if (!oldValue.toolbarConfig) {
+        oldValue.toolbarConfig = {};
+    }
+
+    newValue.toolbarConfig = oldValue.toolbarConfig || {};
+    if (typeof oldValue.toolbarConfig.alwaysVisible !== 'boolean'
+        && typeof interfaceConfig === 'object'
+        && typeof interfaceConfig.TOOLBAR_ALWAYS_VISIBLE === 'boolean') {
+        newValue.toolbarConfig.alwaysVisible = interfaceConfig.TOOLBAR_ALWAYS_VISIBLE;
+    }
+
+    if (typeof oldValue.toolbarConfig.initialTimeout !== 'number'
+        && typeof interfaceConfig === 'object'
+        && typeof interfaceConfig.INITIAL_TOOLBAR_TIMEOUT === 'number') {
+        newValue.toolbarConfig.initialTimeout = interfaceConfig.INITIAL_TOOLBAR_TIMEOUT;
+    }
+
+    if (typeof oldValue.toolbarConfig.timeout !== 'number'
+        && typeof interfaceConfig === 'object'
+        && typeof interfaceConfig.TOOLBAR_TIMEOUT === 'number') {
+        newValue.toolbarConfig.timeout = interfaceConfig.TOOLBAR_TIMEOUT;
+    }
+
+    if (!oldValue.connectionIndicators
+        && typeof interfaceConfig === 'object'
+        && (interfaceConfig.hasOwnProperty('CONNECTION_INDICATOR_DISABLED')
+            || interfaceConfig.hasOwnProperty('CONNECTION_INDICATOR_AUTO_HIDE_ENABLED')
+            || interfaceConfig.hasOwnProperty('CONNECTION_INDICATOR_AUTO_HIDE_TIMEOUT'))) {
+        newValue.connectionIndicators = {
+            disabled: interfaceConfig.CONNECTION_INDICATOR_DISABLED,
+            autoHide: interfaceConfig.CONNECTION_INDICATOR_AUTO_HIDE_ENABLED,
+            autoHideTimeout: interfaceConfig.CONNECTION_INDICATOR_AUTO_HIDE_TIMEOUT
+        };
+    }
+
+    if (oldValue.disableModeratorIndicator === undefined
+        && typeof interfaceConfig === 'object'
+        && interfaceConfig.hasOwnProperty('DISABLE_FOCUS_INDICATOR')) {
+        newValue.disableModeratorIndicator = interfaceConfig.DISABLE_FOCUS_INDICATOR;
+    }
+
+    if (oldValue.defaultLocalDisplayName === undefined
+        && typeof interfaceConfig === 'object'
+        && interfaceConfig.hasOwnProperty('DEFAULT_LOCAL_DISPLAY_NAME')) {
+        newValue.defaultLocalDisplayName = interfaceConfig.DEFAULT_LOCAL_DISPLAY_NAME;
+    }
+
+    if (oldValue.defaultRemoteDisplayName === undefined
+        && typeof interfaceConfig === 'object'
+        && interfaceConfig.hasOwnProperty('DEFAULT_REMOTE_DISPLAY_NAME')) {
+        newValue.defaultRemoteDisplayName = interfaceConfig.DEFAULT_REMOTE_DISPLAY_NAME;
+    }
+
+    if (oldValue.defaultLogoUrl === undefined) {
+        if (typeof interfaceConfig === 'object'
+            && interfaceConfig.hasOwnProperty('DEFAULT_LOGO_URL')) {
+            newValue.defaultLogoUrl = interfaceConfig.DEFAULT_LOGO_URL;
+        } else {
+            newValue.defaultLogoUrl = 'images/watermark.svg';
+        }
+    }
+
+    // if we have `deeplinking` defined, ignore deprecated values, except `disableDeepLinking`.
+    // Otherwise, compose the config.
+    if (oldValue.deeplinking && newValue.deeplinking) { // make TS happy
+        newValue.deeplinking.disabled = oldValue.deeplinking.hasOwnProperty('disabled')
+            ? oldValue.deeplinking.disabled
+            : Boolean(oldValue.disableDeepLinking);
+    } else {
+        const disabled = Boolean(oldValue.disableDeepLinking);
+        const deeplinking: IDeeplinkingConfig = {
+            desktop: {} as IDeeplinkingDesktopConfig,
+            hideLogo: false,
+            disabled,
+            android: {} as IDeeplinkingMobileConfig,
+            ios: {} as IDeeplinkingMobileConfig
+        };
+
+        if (typeof interfaceConfig === 'object') {
+            if (deeplinking.desktop) {
+                deeplinking.desktop.appName = interfaceConfig.NATIVE_APP_NAME;
+            }
+
+            deeplinking.hideLogo = Boolean(interfaceConfig.HIDE_DEEP_LINKING_LOGO);
+            deeplinking.android = {
+                appName: interfaceConfig.NATIVE_APP_NAME,
+                appScheme: interfaceConfig.APP_SCHEME,
+                downloadLink: interfaceConfig.MOBILE_DOWNLOAD_LINK_ANDROID,
+                appPackage: interfaceConfig.ANDROID_APP_PACKAGE,
+                fDroidUrl: interfaceConfig.MOBILE_DOWNLOAD_LINK_F_DROID
+            };
+            deeplinking.ios = {
+                appName: interfaceConfig.NATIVE_APP_NAME,
+                appScheme: interfaceConfig.APP_SCHEME,
+                downloadLink: interfaceConfig.MOBILE_DOWNLOAD_LINK_IOS
+            };
+        }
+        newValue.deeplinking = deeplinking;
+    }
+
+    return newValue;
+}
+
+/**
+ * Constructs a new config {@code Object}, if necessary, out of a specific
+ * config {@code Object} which is in the latest format supported by jitsi-meet.
+ * Such a translation from an old config format to a new/the latest config
+ * format is necessary because the mobile app bundles jitsi-meet and
+ * lib-jitsi-meet at build time and does not download them at runtime from the
+ * deployment on which it will join a conference.
+ *
+ * @param {Object} oldValue - The config {@code Object} which may or may not be
+ * in the latest form supported by jitsi-meet and from which a new config
+ * {@code Object} is to be constructed if necessary.
+ * @returns {Object} A config {@code Object} which is in the latest format
+ * supported by jitsi-meet.
+ */
+function _translateLegacyConfig(oldValue: IConfig) {
+    const newValue = _translateInterfaceConfig(oldValue);
+
+    // Translate deprecated config values to new config values.
+
+    const filteredConferenceInfo = Object.keys(CONFERENCE_HEADER_MAPPING).filter(key => oldValue[key as keyof IConfig]);
+
+    if (filteredConferenceInfo.length) {
+        newValue.conferenceInfo = _getConferenceInfo(oldValue);
+
+        filteredConferenceInfo.forEach(key => {
+            newValue.conferenceInfo = oldValue.conferenceInfo ?? {};
+
+            // hideRecordingLabel does not mean not render it at all, but autoHide it
+            if (key === 'hideRecordingLabel') {
+                newValue.conferenceInfo.alwaysVisible
+                    = (newValue.conferenceInfo?.alwaysVisible ?? [])
+                    .filter(c => !CONFERENCE_HEADER_MAPPING[key].includes(c));
+                newValue.conferenceInfo.autoHide
+                    = union(newValue.conferenceInfo.autoHide, CONFERENCE_HEADER_MAPPING[key]);
+            } else {
+                newValue.conferenceInfo.alwaysVisible
+                    = (newValue.conferenceInfo.alwaysVisible ?? [])
+                    .filter(c => !CONFERENCE_HEADER_MAPPING[key as keyof typeof CONFERENCE_HEADER_MAPPING].includes(c));
+                newValue.conferenceInfo.autoHide
+                    = (newValue.conferenceInfo.autoHide ?? []).filter(c =>
+                        !CONFERENCE_HEADER_MAPPING[key as keyof typeof CONFERENCE_HEADER_MAPPING].includes(c));
+            }
+        });
+    }
+
+    newValue.welcomePage = oldValue.welcomePage || {};
+    if (oldValue.hasOwnProperty('enableWelcomePage')
+        && !newValue.welcomePage.hasOwnProperty('disabled')
+    ) {
+        newValue.welcomePage.disabled = !oldValue.enableWelcomePage;
+    }
+
+    newValue.disabledSounds = newValue.disabledSounds || [];
+
+    if (oldValue.disableJoinLeaveSounds) {
+        newValue.disabledSounds.unshift('PARTICIPANT_LEFT_SOUND', 'PARTICIPANT_JOINED_SOUND');
+    }
+
+    if (oldValue.disableRecordAudioNotification) {
+        newValue.disabledSounds.unshift(
+            'RECORDING_ON_SOUND',
+            'RECORDING_OFF_SOUND',
+            'LIVE_STREAMING_ON_SOUND',
+            'LIVE_STREAMING_OFF_SOUND'
+        );
+    }
+
+    if (oldValue.disableIncomingMessageSound) {
+        newValue.disabledSounds.unshift('INCOMING_MSG_SOUND');
+    }
+
+    newValue.raisedHands = newValue.raisedHands || {};
+
+    if (oldValue.disableRemoveRaisedHandOnFocus) {
+        newValue.raisedHands.disableRemoveRaisedHandOnFocus = oldValue.disableRemoveRaisedHandOnFocus;
+    }
+
+    if (oldValue.stereo || oldValue.opusMaxAverageBitrate) {
+        newValue.audioQuality = {
+            opusMaxAverageBitrate: oldValue.audioQuality?.opusMaxAverageBitrate ?? oldValue.opusMaxAverageBitrate,
+            stereo: oldValue.audioQuality?.stereo ?? oldValue.stereo
+        };
+    }
+
+    newValue.e2ee = newValue.e2ee || {};
+
+    if (oldValue.e2eeLabels) {
+        newValue.e2ee.labels = oldValue.e2eeLabels;
+    }
+
+    newValue.defaultLocalDisplayName
+        = newValue.defaultLocalDisplayName || 'me';
+
+    if (oldValue.hideAddRoomButton) {
+        newValue.breakoutRooms = {
+            /* eslint-disable-next-line no-extra-parens */
+            ...(newValue.breakoutRooms || {}),
+            hideAddRoomButton: oldValue.hideAddRoomButton
+        };
+    }
+
+    newValue.defaultRemoteDisplayName
+        = newValue.defaultRemoteDisplayName || 'Fellow Jitster';
+
+    newValue.transcription = newValue.transcription || {};
+    if (oldValue.transcribingEnabled !== undefined) {
+        newValue.transcription = {
+            ...newValue.transcription,
+            enabled: oldValue.transcribingEnabled
+        };
+    }
+    if (oldValue.transcribeWithAppLanguage !== undefined) {
+        newValue.transcription = {
+            ...newValue.transcription,
+            useAppLanguage: oldValue.transcribeWithAppLanguage
+        };
+    }
+    if (oldValue.preferredTranscribeLanguage !== undefined) {
+        newValue.transcription = {
+            ...newValue.transcription,
+            preferredLanguage: oldValue.preferredTranscribeLanguage
+        };
+    }
+    if (oldValue.autoCaptionOnRecord !== undefined) {
+        newValue.transcription = {
+            ...newValue.transcription,
+            autoTranscribeOnRecord: oldValue.autoCaptionOnRecord
+        };
+    }
+
+    newValue.recordingService = newValue.recordingService || {};
+    if (oldValue.fileRecordingsServiceEnabled !== undefined
+        && newValue.recordingService.enabled === undefined) {
+        newValue.recordingService = {
+            ...newValue.recordingService,
+            enabled: oldValue.fileRecordingsServiceEnabled
+        };
+    }
+    if (oldValue.fileRecordingsServiceSharingEnabled !== undefined
+        && newValue.recordingService.sharingEnabled === undefined) {
+        newValue.recordingService = {
+            ...newValue.recordingService,
+            sharingEnabled: oldValue.fileRecordingsServiceSharingEnabled
+        };
+    }
+
+    newValue.liveStreaming = newValue.liveStreaming || {};
+
+    // Migrate config.liveStreamingEnabled
+    if (oldValue.liveStreamingEnabled !== undefined) {
+        newValue.liveStreaming = {
+            ...newValue.liveStreaming,
+            enabled: oldValue.liveStreamingEnabled
+        };
+    }
+
+    // Migrate interfaceConfig.LIVE_STREAMING_HELP_LINK
+    if (oldValue.liveStreaming === undefined
+        && typeof interfaceConfig === 'object'
+        && interfaceConfig.hasOwnProperty('LIVE_STREAMING_HELP_LINK')) {
+        newValue.liveStreaming = {
+            ...newValue.liveStreaming,
+            helpLink: interfaceConfig.LIVE_STREAMING_HELP_LINK
+        };
+    }
+
+    newValue.speakerStats = newValue.speakerStats || {};
+
+    if (oldValue.disableSpeakerStatsSearch !== undefined
+        && newValue.speakerStats.disableSearch === undefined
+    ) {
+        newValue.speakerStats = {
+            ...newValue.speakerStats,
+            disableSearch: oldValue.disableSpeakerStatsSearch
+        };
+    }
+
+    if (oldValue.speakerStatsOrder !== undefined
+         && newValue.speakerStats.order === undefined) {
+        newValue.speakerStats = {
+            ...newValue.speakerStats,
+            order: oldValue.speakerStatsOrder
+        };
+    }
+
+    if (oldValue.autoKnockLobby !== undefined
+        && newValue.lobby?.autoKnock === undefined) {
+        newValue.lobby = {
+            ...newValue.lobby || {},
+            autoKnock: oldValue.autoKnockLobby
+        };
+    }
+
+    if (oldValue.enableLobbyChat !== undefined
+        && newValue.lobby?.enableChat === undefined) {
+        newValue.lobby = {
+            ...newValue.lobby || {},
+            enableChat: oldValue.enableLobbyChat
+        };
+    }
+
+    if (oldValue.hideLobbyButton !== undefined
+        && newValue.securityUi?.hideLobbyButton === undefined) {
+        newValue.securityUi = {
+            ...newValue.securityUi || {},
+            hideLobbyButton: oldValue.hideLobbyButton
+        };
+    }
+
+    // Profile button is not available on mobile
+    if (navigator.product !== 'ReactNative') {
+        if (oldValue.disableProfile) {
+            newValue.toolbarButtons = (newValue.toolbarButtons || TOOLBAR_BUTTONS)
+                .filter((button: ToolbarButton) => button !== 'profile');
+        }
+    }
+
+    _setDeeplinkingDefaults(newValue.deeplinking as IDeeplinkingConfig);
+
+    return newValue;
+}
+
+/**
+ * Updates the stored configuration with the given extra options.
+ *
+ * @param {Object} state - The Redux state of the feature base/config.
+ * @param {Action} action - The Redux action to reduce.
+ * @private
+ * @returns {Object} The new state after the reduction of the specified action.
+ */
+function _updateConfig(state: IConfig, { config }: { config: IConfig; }) {
+    const newState = merge({}, state, config);
+
+    _cleanupConfig(newState);
+
+    return equals(state, newState) ? state : newState;
+}
diff --git a/react/features/base/connection/actionTypes.ts b/react/features/base/connection/actionTypes.ts
new file mode 100644
index 0000000..f11ac2d
--- /dev/null
+++ b/react/features/base/connection/actionTypes.ts
@@ -0,0 +1,84 @@
+/**
+ * The type of (redux) action which signals that a connection disconnected.
+ *
+ * {
+ *     type: CONNECTION_DISCONNECTED,
+ *     connection: JitsiConnection
+ * }
+ */
+export const CONNECTION_DISCONNECTED = 'CONNECTION_DISCONNECTED';
+
+/**
+ * The type of (redux) action which signals that a connection was successfully
+ * established.
+ *
+ * {
+ *     type: CONNECTION_ESTABLISHED,
+ *     connection: JitsiConnection,
+ *     timeEstablished: number,
+ * }
+ */
+export const CONNECTION_ESTABLISHED = 'CONNECTION_ESTABLISHED';
+
+/**
+ * The type of (redux) action which signals that a connection failed.
+ *
+ * {
+ *     type: CONNECTION_FAILED,
+ *     connection: JitsiConnection,
+ *     error: Object | string
+ * }
+ */
+export const CONNECTION_FAILED = 'CONNECTION_FAILED';
+
+/**
+ * The type of (redux) action which signals that connection properties were updated.
+ *
+ * {
+ *     type: CONNECTION_PROPERTIES_UPDATED,
+ *     properties: Object
+ * }
+ */
+export const CONNECTION_PROPERTIES_UPDATED = 'CONNECTION_PROPERTIES_UPDATED';
+
+/**
+ * The type of (redux) action which signals that a connection will connect.
+ *
+ * {
+ *     type: CONNECTION_WILL_CONNECT,
+ *     connection: JitsiConnection
+ * }
+ */
+export const CONNECTION_WILL_CONNECT = 'CONNECTION_WILL_CONNECT';
+
+/**
+ * The type of (redux) action which sets the location URL of the application,
+ * connection, conference, etc.
+ *
+ * {
+ *     type: SET_LOCATION_URL,
+ *     locationURL: ?URL
+ * }
+ */
+export const SET_LOCATION_URL = 'SET_LOCATION_URL';
+
+/**
+ * The type of (redux) action which sets the preferVisitor in store.
+ *
+ * {
+ *     type: SET_PREFER_VISITOR,
+ *     preferVisitor: ?boolean
+ * }
+ */
+export const SET_PREFER_VISITOR = 'SET_PREFER_VISITOR';
+
+/**
+ * The type of (redux) action which tells whether connection info should be displayed
+ * on context menu.
+ *
+ * {
+ *     type: SHOW_CONNECTION_INFO,
+ *     showConnectionInfo: boolean
+ * }
+ */
+export const SHOW_CONNECTION_INFO = 'SHOW_CONNECTION_INFO';
diff --git a/react/features/base/connection/actions.any.ts b/react/features/base/connection/actions.any.ts
new file mode 100644
index 0000000..e431be0
--- /dev/null
+++ b/react/features/base/connection/actions.any.ts
@@ -0,0 +1,448 @@
+import { cloneDeep } from 'lodash-es';
+
+import { IReduxState, IStore } from '../../app/types';
+import { conferenceLeft, conferenceWillLeave, redirect } from '../conference/actions';
+import { getCurrentConference } from '../conference/functions';
+import { IConfigState } from '../config/reducer';
+import JitsiMeetJS, { JitsiConnectionEvents } from '../lib-jitsi-meet';
+import { isEmbedded } from '../util/embedUtils';
+import { parseURLParams } from '../util/parseURLParams';
+import {
+    appendURLParam,
+    getBackendSafeRoomName
+} from '../util/uri';
+
+import {
+    CONNECTION_DISCONNECTED,
+    CONNECTION_ESTABLISHED,
+    CONNECTION_FAILED,
+    CONNECTION_PROPERTIES_UPDATED,
+    CONNECTION_WILL_CONNECT,
+    SET_LOCATION_URL,
+    SET_PREFER_VISITOR
+} from './actionTypes';
+import { JITSI_CONNECTION_URL_KEY } from './constants';
+import logger from './logger';
+import { ConnectionFailedError, IIceServers } from './types';
+
+/**
+ * The options that will be passed to the JitsiConnection instance.
+ */
+interface IOptions extends IConfigState {
+    iceServersOverride?: IIceServers;
+    preferVisitor?: boolean;
+}
+
+/**
+ * Create an action for when the signaling connection has been lost.
+ *
+ * @param {JitsiConnection} connection - The {@code JitsiConnection} which
+ * disconnected.
+ * @private
+ * @returns {{
+ *     type: CONNECTION_DISCONNECTED,
+ *     connection: JitsiConnection
+ * }}
+ */
+export function connectionDisconnected(connection?: Object) {
+    return {
+        type: CONNECTION_DISCONNECTED,
+        connection
+    };
+}
+
+/**
+ * Create an action for when the signaling connection has been established.
+ *
+ * @param {JitsiConnection} connection - The {@code JitsiConnection} which was
+ * established.
+ * @param {number} timeEstablished - The time at which the
+ * {@code JitsiConnection} which was established.
+ * @public
+ * @returns {{
+ *     type: CONNECTION_ESTABLISHED,
+ *     connection: JitsiConnection,
+ *     timeEstablished: number
+ * }}
+ */
+export function connectionEstablished(
+        connection: Object, timeEstablished: number) {
+    return {
+        type: CONNECTION_ESTABLISHED,
+        connection,
+        timeEstablished
+    };
+}
+
+/**
+ * Create an action for when the signaling connection could not be created.
+ *
+ * @param {JitsiConnection} connection - The {@code JitsiConnection} which
+ * failed.
+ * @param {ConnectionFailedError} error - Error.
+ * @public
+ * @returns {{
+ *     type: CONNECTION_FAILED,
+ *     connection: JitsiConnection,
+ *     error: ConnectionFailedError
+ * }}
+ */
+export function connectionFailed(
+        connection: Object,
+        error: ConnectionFailedError) {
+    const { credentials } = error;
+
+    if (credentials && !Object.keys(credentials).length) {
+        error.credentials = undefined;
+    }
+
+    return {
+        type: CONNECTION_FAILED,
+        connection,
+        error
+    };
+}
+
+/**
+ * Constructs options to be passed to the constructor of {@code JitsiConnection}
+ * based on the redux state.
+ *
+ * @param {Object} state - The redux state.
+ * @returns {Object} The options to be passed to the constructor of
+ * {@code JitsiConnection}.
+ */
+export function constructOptions(state: IReduxState) {
+    // Deep clone the options to make sure we don't modify the object in the
+    // redux store.
+    const options: IOptions = cloneDeep(state['features/base/config']);
+
+    const { locationURL, preferVisitor } = state['features/base/connection'];
+    const params = parseURLParams(locationURL || '');
+    const iceServersOverride = params['iceServers.replace'];
+
+    // Allow iceServersOverride only when jitsi-meet is in an iframe.
+    if (isEmbedded() && iceServersOverride) {
+        options.iceServersOverride = iceServersOverride;
+    }
+
+    const { bosh, preferBosh, flags } = options;
+    let { websocket } = options;
+
+    if (preferBosh) {
+        websocket = undefined;
+    }
+
+    // WebSocket is preferred over BOSH.
+    const serviceUrl = websocket || bosh;
+
+    logger.log(`Using service URL ${serviceUrl}`);
+
+    // Append room to the URL's search.
+    const { room } = state['features/base/conference'];
+
+    if (serviceUrl && room) {
+        const roomName = getBackendSafeRoomName(room);
+
+        options.serviceUrl = appendURLParam(serviceUrl, 'room', roomName ?? '');
+
+        if (options.websocketKeepAliveUrl) {
+            options.websocketKeepAliveUrl = appendURLParam(options.websocketKeepAliveUrl, 'room', roomName ?? '');
+        }
+        if (options.conferenceRequestUrl) {
+            options.conferenceRequestUrl = appendURLParam(options.conferenceRequestUrl, 'room', roomName ?? '');
+        }
+    }
+
+    if (preferVisitor) {
+        options.preferVisitor = true;
+    }
+
+    // Enable ssrc-rewriting by default.
+    if (typeof flags?.ssrcRewritingEnabled === 'undefined') {
+        const { ...otherFlags } = flags ?? {};
+
+        options.flags = {
+            ...otherFlags,
+            ssrcRewritingEnabled: true
+        };
+    }
+
+    return options;
+}
+
+/**
+ * Sets the location URL of the application, connection, conference, etc.
+ *
+ * @param {URL} [locationURL] - The location URL of the application,
+ * connection, conference, etc.
+ * @returns {{
+ *     type: SET_LOCATION_URL,
+ *     locationURL: URL
+ * }}
+ */
+export function setLocationURL(locationURL?: URL) {
+    return {
+        type: SET_LOCATION_URL,
+        locationURL
+    };
+}
+
+/**
+ * To change prefer visitor in the store. Used later to decide what to request from jicofo on connection.
+ *
+ * @param {boolean} preferVisitor - The value to set.
+ * @returns {{
+ *     type: SET_PREFER_VISITOR,
+ *     preferVisitor: boolean
+ * }}
+ */
+export function setPreferVisitor(preferVisitor: boolean) {
+    return {
+        type: SET_PREFER_VISITOR,
+        preferVisitor
+    };
+}
+
+/**
+ * Opens new connection.
+ *
+ * @param {string} [id] - The XMPP user's ID (e.g. {@code user@server.com}).
+ * @param {string} [password] - The XMPP user's password.
+ * @returns {Function}
+ */
+export function _connectInternal(id?: string, password?: string) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const options = constructOptions(state);
+        const { locationURL } = state['features/base/connection'];
+        const { jwt } = state['features/base/jwt'];
+
+        const connection = new JitsiMeetJS.JitsiConnection(options.appId, jwt, options);
+
+        connection[JITSI_CONNECTION_URL_KEY] = locationURL;
+
+        dispatch(_connectionWillConnect(connection));
+
+        return new Promise((resolve, reject) => {
+            connection.addEventListener(
+                JitsiConnectionEvents.CONNECTION_DISCONNECTED,
+                _onConnectionDisconnected);
+            connection.addEventListener(
+                JitsiConnectionEvents.CONNECTION_ESTABLISHED,
+                _onConnectionEstablished);
+            connection.addEventListener(
+                JitsiConnectionEvents.CONNECTION_FAILED,
+                _onConnectionFailed);
+            connection.addEventListener(
+                JitsiConnectionEvents.CONNECTION_REDIRECTED,
+                _onConnectionRedirected);
+            connection.addEventListener(
+                JitsiConnectionEvents.PROPERTIES_UPDATED,
+                _onPropertiesUpdate);
+
+            /**
+             * Unsubscribe the connection instance from
+             * {@code CONNECTION_DISCONNECTED} and {@code CONNECTION_FAILED} events.
+             *
+             * @returns {void}
+             */
+            function unsubscribe() {
+                connection.removeEventListener(
+                    JitsiConnectionEvents.CONNECTION_DISCONNECTED, _onConnectionDisconnected);
+                connection.removeEventListener(JitsiConnectionEvents.CONNECTION_FAILED, _onConnectionFailed);
+                connection.removeEventListener(JitsiConnectionEvents.PROPERTIES_UPDATED, _onPropertiesUpdate);
+            }
+
+            /**
+             * Dispatches {@code CONNECTION_DISCONNECTED} action when connection is
+             * disconnected.
+             *
+             * @private
+             * @returns {void}
+             */
+            function _onConnectionDisconnected() {
+                unsubscribe();
+                dispatch(connectionDisconnected(connection));
+                resolve(connection);
+            }
+
+            /**
+             * Rejects external promise when connection fails.
+             *
+             * @param {JitsiConnectionErrors} err - Connection error.
+             * @param {string} [message] - Error message supplied by lib-jitsi-meet.
+             * @param {Object} [credentials] - The invalid credentials that were
+             * used to authenticate and the authentication failed.
+             * @param {string} [credentials.jid] - The XMPP user's ID.
+             * @param {string} [credentials.password] - The XMPP user's password.
+             * @param {Object} details - Additional information about the error.
+             * @private
+             * @returns {void}
+             */
+            function _onConnectionFailed( // eslint-disable-line max-params
+                    err: string,
+                    message: string,
+                    credentials: any,
+                    details: Object) {
+                unsubscribe();
+
+                dispatch(connectionFailed(connection, {
+                    credentials,
+                    details,
+                    name: err,
+                    message
+                }));
+
+                reject(err);
+            }
+
+            /**
+             * Resolves external promise when connection is established.
+             *
+             * @private
+             * @returns {void}
+             */
+            function _onConnectionEstablished() {
+                connection.removeEventListener(JitsiConnectionEvents.CONNECTION_ESTABLISHED, _onConnectionEstablished);
+                dispatch(connectionEstablished(connection, Date.now()));
+                resolve(connection);
+            }
+
+            /**
+             * Connection was redirected.
+             *
+             * @param {string|undefined} vnode - The vnode to connect to.
+             * @param {string} focusJid - The focus jid to use.
+             * @param {string|undefined} username - The username to use when joining. This is after promotion from
+             * visitor to main participant.
+             * @private
+             * @returns {void}
+             */
+            function _onConnectionRedirected(vnode: string, focusJid: string, username: string) {
+                connection.removeEventListener(JitsiConnectionEvents.CONNECTION_REDIRECTED, _onConnectionRedirected);
+                dispatch(redirect(vnode, focusJid, username));
+            }
+
+            /**
+             * Connection properties were updated.
+             *
+             * @param {Object} properties - The properties which were updated.
+             * @private
+             * @returns {void}
+             */
+            function _onPropertiesUpdate(properties: object) {
+                dispatch(_propertiesUpdate(properties));
+            }
+
+            // in case of configured http url for conference request we need the room name
+            const name = getBackendSafeRoomName(state['features/base/conference'].room);
+
+            connection.connect({
+                id,
+                password,
+                name
+            });
+        });
+    };
+}
+
+/**
+ * Create an action for when a connection will connect.
+ *
+ * @param {JitsiConnection} connection - The {@code JitsiConnection} which will
+ * connect.
+ * @private
+ * @returns {{
+ *     type: CONNECTION_WILL_CONNECT,
+ *     connection: JitsiConnection
+ * }}
+ */
+function _connectionWillConnect(connection: Object) {
+    return {
+        type: CONNECTION_WILL_CONNECT,
+        connection
+    };
+}
+
+/**
+ * Create an action for when connection properties are updated.
+ *
+ * @param {Object} properties - The properties which were updated.
+ * @private
+ * @returns {{
+ *     type: CONNECTION_PROPERTIES_UPDATED,
+ *     properties: Object
+ * }}
+ */
+function _propertiesUpdate(properties: object) {
+    return {
+        type: CONNECTION_PROPERTIES_UPDATED,
+        properties
+    };
+}
+
+/**
+ * Closes connection.
+ *
+ * @param {boolean} isRedirect - Indicates if the action has been dispatched as part of visitor promotion.
+ * @param {boolean} shouldLeave - Indicates whether to call JitsiConference.leave().
+ * @returns {Function}
+ */
+export function disconnect(isRedirect?: boolean, shouldLeave = true) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']): Promise<void> => {
+        const state = getState();
+
+        // The conference we have already joined or are joining.
+        const conference_ = getCurrentConference(state);
+
+        // Promise which completes when the conference has been left and the
+        // connection has been disconnected.
+        let promise;
+
+        // Leave the conference.
+        if (conference_) {
+            // In a fashion similar to JitsiConference's CONFERENCE_LEFT event
+            // (and the respective Redux action) which is fired after the
+            // conference has been left, notify the application about the
+            // intention to leave the conference.
+            dispatch(conferenceWillLeave(conference_, isRedirect));
+
+            if (!shouldLeave) {
+                // we are skipping JitsiConference.leave(), but will still dispatch the normal leave flow events
+                dispatch(conferenceLeft(conference_));
+                promise = Promise.resolve();
+            } else {
+                promise
+                    = conference_.leave()
+                    .catch((error: Error) => {
+                        logger.warn(
+                            'JitsiConference.leave() rejected with:',
+                            error);
+
+                        // The library lib-jitsi-meet failed to make the
+                        // JitsiConference leave. Which may be because
+                        // JitsiConference thinks it has already left.
+                        // Regardless of the failure reason, continue in
+                        // jitsi-meet as if the leave has succeeded.
+                        dispatch(conferenceLeft(conference_));
+                    });
+            }
+        } else {
+            promise = Promise.resolve();
+        }
+
+        // Disconnect the connection.
+        const { connecting, connection } = state['features/base/connection'];
+
+        // The connection we have already connected or are connecting.
+        const connection_ = connection || connecting;
+
+        if (connection_) {
+            promise = promise.then(() => connection_.disconnect());
+        } else {
+            logger.info('No connection found while disconnecting.');
+        }
+
+        return promise;
+    };
+}
diff --git a/react/features/base/connection/actions.native.ts b/react/features/base/connection/actions.native.ts
new file mode 100644
index 0000000..4fc948d
--- /dev/null
+++ b/react/features/base/connection/actions.native.ts
@@ -0,0 +1,62 @@
+import { appNavigate } from '../../app/actions.native';
+import { IStore } from '../../app/types';
+import { getCustomerDetails } from '../../jaas/actions.any';
+import { getJaasJWT, isVpaasMeeting } from '../../jaas/functions';
+import { navigateRoot } from '../../mobile/navigation/rootNavigationContainerRef';
+import { screen } from '../../mobile/navigation/routes';
+import { setJWT } from '../jwt/actions';
+import { JitsiConnectionErrors } from '../lib-jitsi-meet';
+
+import { _connectInternal } from './actions.native';
+import logger from './logger';
+
+export * from './actions.any';
+
+/**
+ * Opens new connection.
+ *
+ * @param {string} [id] - The XMPP user's ID (e.g. {@code user@server.com}).
+ * @param {string} [password] - The XMPP user's password.
+ * @returns {Function}
+ */
+export function connect(id?: string, password?: string) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const { jwt } = state['features/base/jwt'];
+
+        if (isVpaasMeeting(state)) {
+            return dispatch(getCustomerDetails())
+                .then(() => {
+                    if (!jwt) {
+                        return getJaasJWT(state);
+                    }
+                })
+                .then(j => {
+                    j && dispatch(setJWT(j));
+
+                    return dispatch(_connectInternal(id, password));
+                }).catch(e => {
+                    logger.error('Connection error', e);
+                });
+        }
+
+        dispatch(_connectInternal(id, password))
+
+        .catch(error => {
+            if (error === JitsiConnectionErrors.NOT_LIVE_ERROR) {
+                navigateRoot(screen.visitorsQueue);
+            }
+        });
+    };
+}
+
+/**
+ * Hangup.
+ *
+ * @param {boolean} [_requestFeedback] - Whether to attempt showing a
+ * request for call feedback.
+ * @returns {Function}
+ */
+export function hangup(_requestFeedback = false) {
+    return (dispatch: IStore['dispatch']) => dispatch(appNavigate(undefined));
+}
diff --git a/react/features/base/connection/actions.web.ts b/react/features/base/connection/actions.web.ts
new file mode 100644
index 0000000..b547bba
--- /dev/null
+++ b/react/features/base/connection/actions.web.ts
@@ -0,0 +1,90 @@
+// @ts-expect-error
+import { jitsiLocalStorage } from '@jitsi/js-utils';
+
+import { IStore } from '../../app/types';
+import { getCustomerDetails } from '../../jaas/actions.any';
+import { getJaasJWT, isVpaasMeeting } from '../../jaas/functions';
+import { showWarningNotification } from '../../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE } from '../../notifications/constants';
+import { stopLocalVideoRecording } from '../../recording/actions.any';
+import LocalRecordingManager from '../../recording/components/Recording/LocalRecordingManager.web';
+import { setJWT } from '../jwt/actions';
+
+import { _connectInternal } from './actions.any';
+import logger from './logger';
+
+export * from './actions.any';
+
+/**
+ * Opens new connection.
+ *
+ * @param {string} [id] - The XMPP user's ID (e.g. {@code user@server.com}).
+ * @param {string} [password] - The XMPP user's password.
+ * @returns {Function}
+ */
+export function connect(id?: string, password?: string) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const { jwt } = state['features/base/jwt'];
+        const { iAmRecorder, iAmSipGateway } = state['features/base/config'];
+
+        if (!iAmRecorder && !iAmSipGateway && isVpaasMeeting(state)) {
+            return dispatch(getCustomerDetails())
+                .then(() => {
+                    if (!jwt) {
+                        return getJaasJWT(state);
+                    }
+                })
+                .then(j => {
+                    j && dispatch(setJWT(j));
+
+                    return dispatch(_connectInternal(id, password));
+                }).catch(e => {
+                    logger.error('Connection error', e);
+                });
+        }
+
+        // used by jibri
+        const usernameOverride = jitsiLocalStorage.getItem('xmpp_username_override');
+        const passwordOverride = jitsiLocalStorage.getItem('xmpp_password_override');
+
+        if (usernameOverride && usernameOverride.length > 0) {
+            id = usernameOverride; // eslint-disable-line no-param-reassign
+        }
+        if (passwordOverride && passwordOverride.length > 0) {
+            password = passwordOverride; // eslint-disable-line no-param-reassign
+        }
+
+        return dispatch(_connectInternal(id, password));
+    };
+}
+
+/**
+ * Closes connection.
+ *
+ * @param {boolean} [requestFeedback] - Whether to attempt showing a
+ * request for call feedback.
+ * @param {string} [feedbackTitle] - The feedback title.
+ * @param {boolean} [notifyOnConferenceTermination] - Whether to notify
+ * the user on conference termination.
+ * @returns {Function}
+ */
+export function hangup(requestFeedback = false, feedbackTitle?: string, notifyOnConferenceTermination?: boolean) {
+    // XXX For web based version we use conference hanging up logic from the old app.
+    return async (dispatch: IStore['dispatch']) => {
+        if (LocalRecordingManager.isRecordingLocally()) {
+            dispatch(stopLocalVideoRecording());
+            dispatch(showWarningNotification({
+                titleKey: 'localRecording.stopping',
+                descriptionKey: 'localRecording.wait'
+            }, NOTIFICATION_TIMEOUT_TYPE.STICKY));
+
+            // wait 1000ms for the recording to end and start downloading
+            await new Promise(res => {
+                setTimeout(res, 1000);
+            });
+        }
+
+        return APP.conference.hangup(requestFeedback, feedbackTitle, notifyOnConferenceTermination);
+    };
+}
diff --git a/react/features/base/connection/constants.ts b/react/features/base/connection/constants.ts
new file mode 100644
index 0000000..c824565
--- /dev/null
+++ b/react/features/base/connection/constants.ts
@@ -0,0 +1,17 @@
+/**
+ * The name of the {@code JitsiConnection} property which identifies the {@code JitsiConference} currently associated
+ * with it.
+ *
+ * FIXME: This is a hack. It was introduced to solve the following case: if a user presses hangup quickly, they may
+ * "leave the conference" before the actual conference was ever created. While we might have a connection in place,
+ * there is no conference which can be left, thus no CONFERENCE_LEFT action will ever be fired.
+ *
+ * This is problematic because the external API module used to send events to the native SDK won't know what to send.
+ * So, in order to detect this situation we are attaching the conference object to the connection which runs it.
+ */
+export const JITSI_CONNECTION_CONFERENCE_KEY = Symbol('conference');
+
+/**
+ * The name of the {@code JitsiConnection} property which identifies the location URL where the connection will be made.
+ */
+export const JITSI_CONNECTION_URL_KEY = Symbol('url');
diff --git a/react/features/base/connection/functions.ts b/react/features/base/connection/functions.ts
new file mode 100644
index 0000000..591be4b
--- /dev/null
+++ b/react/features/base/connection/functions.ts
@@ -0,0 +1,101 @@
+import { IStateful } from '../app/types';
+import { toState } from '../redux/functions';
+import { toURLString } from '../util/uri';
+
+import { getURLWithoutParams } from './utils';
+
+/**
+ * Figures out what's the current conference URL which is supposed to indicate what conference is currently active.
+ * When not currently in any conference and not trying to join any then 'undefined' is returned.
+ *
+ * @param {Object|Function} stateful - Either the whole Redux state object or the Redux store's {@code getState} method.
+ * @returns {string|undefined}
+ * @private
+ */
+export function getCurrentConferenceUrl(stateful: IStateful) {
+    const state = toState(stateful);
+    let currentUrl;
+
+    if (isInviteURLReady(state)) {
+        currentUrl = toURLString(getInviteURL(state));
+    }
+
+    // Check if the URL doesn't end with a slash
+    if (currentUrl && currentUrl.substr(-1) === '/') {
+        currentUrl = undefined;
+    }
+
+    return currentUrl ? currentUrl : undefined;
+}
+
+/**
+ * Retrieves a simplified version of the conference/location URL stripped of URL params (i.e. Query/search and hash)
+ * which should be used for sending invites.
+ * NOTE that the method will throw an error if called too early. That is before the conference is joined or before
+ * the process of joining one has started. This limitation does not apply to the case when called with the URL object
+ * instance. Use {@link isInviteURLReady} to check if it's safe to call the method already.
+ *
+ * @param {Function|Object} stateOrGetState - The redux state or redux's {@code getState} function or the URL object
+ * to be stripped.
+ * @returns {string}
+ */
+export function getInviteURL(stateOrGetState: IStateful): string {
+    const state = toState(stateOrGetState);
+    let locationURL
+        = state instanceof URL
+            ? state
+            : state['features/base/connection'].locationURL;
+
+    // If there's no locationURL on the base/connection feature try the base/config where it's set earlier.
+    if (!locationURL) {
+        locationURL = state['features/base/config'].locationURL;
+    }
+
+    if (!locationURL) {
+        throw new Error('Can not get invite URL - the app is not ready');
+    }
+
+    const { inviteDomain } = state['features/dynamic-branding'];
+    const urlWithoutParams = getURLWithoutParams(locationURL);
+
+    if (inviteDomain) {
+        const meetingId
+            = state['features/base/config'].brandingRoomAlias || urlWithoutParams.pathname.replace(/\//, '');
+
+        return `${inviteDomain}/${meetingId}`;
+    }
+
+    return urlWithoutParams.href;
+}
+
+/**
+ * Checks whether or not is safe to call the {@link getInviteURL} method already.
+ *
+ * @param {Function|Object} stateOrGetState - The redux state or redux's {@code getState} function.
+ * @returns {boolean}
+ */
+export function isInviteURLReady(stateOrGetState: IStateful): boolean {
+    const state = toState(stateOrGetState);
+
+    return Boolean(state['features/base/connection'].locationURL || state['features/base/config'].locationURL);
+}
+
+/**
+ * Converts a specific id to jid if it's not jid yet.
+ *
+ * @param {string} id - User id or jid.
+ * @param {Object} configHosts - The {@code hosts} part of the {@code config}
+ * object.
+ * @returns {string} A string in the form of a JID (i.e.
+ * {@code user@server.com}).
+ */
+export function toJid(id: string, { authdomain, domain }: {
+    anonymousdomain?: string;
+    authdomain?: string;
+    domain?: string;
+    focus?: string;
+    muc?: string;
+    visitorFocus?: string;
+}): string {
+    return id.indexOf('@') >= 0 ? id : `${id}@${authdomain || domain}`;
+}
diff --git a/react/features/base/connection/logger.ts b/react/features/base/connection/logger.ts
new file mode 100644
index 0000000..93ed8bf
--- /dev/null
+++ b/react/features/base/connection/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../logging/functions';
+
+export default getLogger('app:connection');
diff --git a/react/features/base/connection/middleware.web.ts b/react/features/base/connection/middleware.web.ts
new file mode 100644
index 0000000..be32286
--- /dev/null
+++ b/react/features/base/connection/middleware.web.ts
@@ -0,0 +1,30 @@
+import MiddlewareRegistry from '../redux/MiddlewareRegistry';
+
+import { CONNECTION_WILL_CONNECT } from './actionTypes';
+
+/**
+ * The feature announced so we can distinguish jibri participants.
+ *
+ * @type {string}
+ */
+export const DISCO_JIBRI_FEATURE = 'http://jitsi.org/protocol/jibri';
+
+MiddlewareRegistry.register(({ getState }) => next => action => {
+    switch (action.type) {
+    case CONNECTION_WILL_CONNECT: {
+        const { connection } = action;
+        const { iAmRecorder } = getState()['features/base/config'];
+
+        if (iAmRecorder) {
+            connection.addFeature(DISCO_JIBRI_FEATURE);
+        }
+
+        // @ts-ignore
+        APP.connection = connection;
+
+        break;
+    }
+    }
+
+    return next(action);
+});
diff --git a/react/features/base/connection/reducer.ts b/react/features/base/connection/reducer.ts
new file mode 100644
index 0000000..bae27ce
--- /dev/null
+++ b/react/features/base/connection/reducer.ts
@@ -0,0 +1,269 @@
+import { SET_ROOM } from '../conference/actionTypes';
+import { SET_JWT } from '../jwt/actionTypes';
+import { JitsiConnectionErrors } from '../lib-jitsi-meet';
+import ReducerRegistry from '../redux/ReducerRegistry';
+import { assign, set } from '../redux/functions';
+
+import {
+    CONNECTION_DISCONNECTED,
+    CONNECTION_ESTABLISHED,
+    CONNECTION_FAILED,
+    CONNECTION_WILL_CONNECT,
+    SET_LOCATION_URL,
+    SET_PREFER_VISITOR,
+    SHOW_CONNECTION_INFO
+} from './actionTypes';
+import { ConnectionFailedError } from './types';
+
+export interface IConnectionState {
+    connecting?: any;
+    connection?: {
+        addFeature: Function;
+        disconnect: Function;
+        getJid: () => string;
+        getLogs: () => Object;
+        initJitsiConference: Function;
+        removeFeature: Function;
+    };
+    error?: ConnectionFailedError;
+    locationURL?: URL;
+    passwordRequired?: Object;
+    preferVisitor?: boolean;
+    showConnectionInfo?: boolean;
+    timeEstablished?: number;
+}
+
+/**
+ * Reduces the Redux actions of the feature base/connection.
+ */
+ReducerRegistry.register<IConnectionState>(
+    'features/base/connection',
+    (state = {}, action): IConnectionState => {
+        switch (action.type) {
+        case CONNECTION_DISCONNECTED:
+            return _connectionDisconnected(state, action);
+
+        case CONNECTION_ESTABLISHED:
+            return _connectionEstablished(state, action);
+
+        case CONNECTION_FAILED:
+            return _connectionFailed(state, action);
+
+        case CONNECTION_WILL_CONNECT:
+            return _connectionWillConnect(state, action);
+
+        case SET_JWT:
+            return _setJWT(state, action);
+
+        case SET_LOCATION_URL:
+            return _setLocationURL(state, action);
+
+        case SET_PREFER_VISITOR:
+            return assign(state, {
+                preferVisitor: action.preferVisitor
+            });
+
+        case SET_ROOM:
+            return _setRoom(state);
+
+        case SHOW_CONNECTION_INFO:
+            return _setShowConnectionInfo(state, action);
+        }
+
+        return state;
+    });
+
+/**
+ * Reduces a specific Redux action CONNECTION_DISCONNECTED of the feature
+ * base/connection.
+ *
+ * @param {IConnectionState} state - The Redux state of the feature base/connection.
+ * @param {Action} action - The Redux action CONNECTION_DISCONNECTED to reduce.
+ * @private
+ * @returns {Object} The new state of the feature base/connection after the
+ * reduction of the specified action.
+ */
+function _connectionDisconnected(
+        state: IConnectionState,
+        { connection }: { connection: Object; }) {
+    const connection_ = _getCurrentConnection(state);
+
+    if (connection_ !== connection) {
+        return state;
+    }
+
+    return assign(state, {
+        connecting: undefined,
+        connection: undefined,
+        preferVisitor: undefined,
+        timeEstablished: undefined
+    });
+}
+
+/**
+ * Reduces a specific Redux action CONNECTION_ESTABLISHED of the feature
+ * base/connection.
+ *
+ * @param {IConnectionState} state - The Redux state of the feature base/connection.
+ * @param {Action} action - The Redux action CONNECTION_ESTABLISHED to reduce.
+ * @private
+ * @returns {Object} The new state of the feature base/connection after the
+ * reduction of the specified action.
+ */
+function _connectionEstablished(
+        state: IConnectionState,
+        { connection, timeEstablished }: {
+            connection: any;
+            timeEstablished: number;
+        }) {
+    return assign(state, {
+        connecting: undefined,
+        connection,
+        error: undefined,
+        passwordRequired: undefined,
+        timeEstablished
+    });
+}
+
+/**
+ * Reduces a specific Redux action CONNECTION_FAILED of the feature
+ * base/connection.
+ *
+ * @param {IConnectionState} state - The Redux state of the feature base/connection.
+ * @param {Action} action - The Redux action CONNECTION_FAILED to reduce.
+ * @private
+ * @returns {Object} The new state of the feature base/connection after the
+ * reduction of the specified action.
+ */
+function _connectionFailed(
+        state: IConnectionState,
+        { connection, error }: {
+            connection: Object;
+            error: ConnectionFailedError;
+        }) {
+    const connection_ = _getCurrentConnection(state);
+
+    if (connection_ && connection_ !== connection) {
+        return state;
+    }
+
+    let preferVisitor;
+
+    if (error.name === JitsiConnectionErrors.NOT_LIVE_ERROR) {
+        // we want to keep the state for the moment when the meeting is live
+        preferVisitor = state.preferVisitor;
+    }
+
+    return assign(state, {
+        connecting: undefined,
+        connection: undefined,
+        error,
+        passwordRequired:
+            error.name === JitsiConnectionErrors.PASSWORD_REQUIRED
+                ? connection : undefined,
+        preferVisitor
+    });
+}
+
+/**
+ * Reduces a specific Redux action CONNECTION_WILL_CONNECT of the feature
+ * base/connection.
+ *
+ * @param {IConnectionState} state - The Redux state of the feature base/connection.
+ * @param {Action} action - The Redux action CONNECTION_WILL_CONNECT to reduce.
+ * @private
+ * @returns {Object} The new state of the feature base/connection after the
+ * reduction of the specified action.
+ */
+function _connectionWillConnect(
+        state: IConnectionState,
+        { connection }: { connection: Object; }) {
+    return assign(state, {
+        connecting: connection,
+
+        // We don't care if the previous connection has been closed already,
+        // because it's an async process and there's no guarantee if it'll be
+        // done before the new one is established.
+        connection: undefined,
+        error: undefined,
+        passwordRequired: undefined,
+        timeEstablished: undefined
+    });
+}
+
+/**
+ * The current (similar to getCurrentConference in base/conference/functions.any.js)
+ * connection which is {@code connection} or {@code connecting}.
+ *
+ * @param {IConnectionState} baseConnectionState - The current state of the
+ * {@code 'base/connection'} feature.
+ * @returns {JitsiConnection} - The current {@code JitsiConnection} if any.
+ * @private
+ */
+function _getCurrentConnection(baseConnectionState: IConnectionState): IConnectionState | undefined {
+    return baseConnectionState.connection || baseConnectionState.connecting;
+}
+
+/**
+ * Reduces a specific redux action {@link SET_JWT} of the feature
+ * base/connection.
+ *
+ * @param {IConnectionState} state - The redux state of the feature base/connection.
+ * @param {Action} action - The Redux action SET_JWT to reduce.
+ * @private
+ * @returns {Object} The new state of the feature base/connection after the
+ * reduction of the specified action.
+ */
+function _setJWT(state: IConnectionState, { preferVisitor }: { preferVisitor: boolean; }) {
+    return assign(state, {
+        preferVisitor
+    });
+}
+
+/**
+ * Reduces a specific redux action {@link SET_LOCATION_URL} of the feature
+ * base/connection.
+ *
+ * @param {IConnectionState} state - The redux state of the feature base/connection.
+ * @param {Action} action - The redux action {@code SET_LOCATION_URL} to reduce.
+ * @private
+ * @returns {Object} The new state of the feature base/connection after the
+ * reduction of the specified action.
+ */
+function _setLocationURL(
+        state: IConnectionState,
+        { locationURL }: { locationURL?: URL; }) {
+    return set(state, 'locationURL', locationURL);
+}
+
+/**
+ * Reduces a specific redux action {@link SET_ROOM} of the feature
+ * base/connection.
+ *
+ * @param {IConnectionState} state - The redux state of the feature base/connection.
+ * @private
+ * @returns {Object} The new state of the feature base/connection after the
+ * reduction of the specified action.
+ */
+function _setRoom(state: IConnectionState) {
+    return assign(state, {
+        error: undefined,
+        passwordRequired: undefined
+    });
+}
+
+/**
+ * Reduces a specific redux action {@link SHOW_CONNECTION_INFO} of the feature
+ * base/connection.
+ *
+ * @param {IConnectionState} state - The redux state of the feature base/connection.
+ * @param {Action} action - The redux action {@code SHOW_CONNECTION_INFO} to reduce.
+ * @private
+ * @returns {Object} The new state of the feature base/connection after the
+ * reduction of the specified action.
+ */
+function _setShowConnectionInfo(
+        state: IConnectionState,
+        { showConnectionInfo }: { showConnectionInfo: boolean; }) {
+    return set(state, 'showConnectionInfo', showConnectionInfo);
+}
diff --git a/react/features/base/connection/types.ts b/react/features/base/connection/types.ts
new file mode 100644
index 0000000..cebc251
--- /dev/null
+++ b/react/features/base/connection/types.ts
@@ -0,0 +1,113 @@
+/**
+ * The error structure passed to the {@link connectionFailed} action.
+ *
+ * Note there was an intention to make the error resemble an Error instance (to
+ * the extent that jitsi-meet needs it).
+ */
+export type ConnectionFailedError = {
+
+    /**
+     * The invalid credentials that were used to authenticate and the
+     * authentication failed.
+     */
+    credentials?: {
+
+        /**
+         * The XMPP user's ID.
+         */
+        jid: string;
+
+        /**
+         * The XMPP user's password.
+         */
+        password: string;
+    };
+
+    /**
+     * The details about the connection failed event.
+     */
+    details?: Object;
+
+    /**
+     * Error message.
+     */
+    message?: string;
+
+    /**
+     * One of {@link JitsiConnectionError} constants (defined in
+     * lib-jitsi-meet).
+     */
+    name: string;
+
+    /**
+     * Indicates whether this event is recoverable or not.
+     */
+    recoverable?: boolean;
+};
+
+/**
+ * The value for the username or credential property.
+ */
+type ReplaceIceServersField = string | null;
+
+/**
+ * The value for the urls property.
+ */
+type IceServerUrls = null | string | Array<string>;
+
+/**
+ * The types of ice servers.
+ */
+enum IceServerType {
+    STUN = 'stun',
+    TURN = 'turn',
+    TURNS = 'turns'
+}
+
+/**
+ * Represents a single override rule.
+ */
+interface IReplaceIceServer {
+
+    /**
+     * The value the credential prop will be replaced with.
+     *
+     * NOTE: If the value is null we will remove the credential property in entry that matches the target type. If the
+     * value is undefined or missing we won't change the credential property in the entry that matches the target type.
+     */
+    credential?: ReplaceIceServersField;
+
+    /**
+     * Target type that will be used to match the already received ice server and modify/remove it based on the values
+     * of credential, urls and username.
+     */
+    targetType: IceServerType;
+
+    /**
+     * The value the urls prop will be replaced with.
+     *
+     * NOTE: If the value is null we will remove the whole entry that matches the target type. If the value is undefined
+     * or missing we won't change the urls property in the entry that matches the target type.
+     */
+    urls?: IceServerUrls;
+
+    /**
+     * The value the username prop will be replaced with.
+     *
+     * NOTE: If the value is null we will remove the username property in entry that matches the target type. If the
+     * value is undefined or missing we won't change the username property in the entry that matches the target type.
+     */
+    username?: ReplaceIceServersField;
+}
+
+/**
+ * An object with rules for changing the existing ice server configuration.
+ */
+export interface IIceServers {
+
+    /**
+     * An array of rules for replacing parts from the existing ice server configuration.
+     */
+    replace: Array<IReplaceIceServer>;
+}
+
diff --git a/react/features/base/connection/utils.ts b/react/features/base/connection/utils.ts
new file mode 100644
index 0000000..dbaae07
--- /dev/null
+++ b/react/features/base/connection/utils.ts
@@ -0,0 +1,49 @@
+/**
+ * Gets a {@link URL} without hash and query/search params from a specific
+ * {@code URL}.
+ *
+ * @param {URL} url - The {@code URL} which may have hash and query/search
+ * params.
+ * @returns {URL}
+ */
+export function getURLWithoutParams(url: URL): URL {
+    const { hash, search } = url;
+
+    if ((hash && hash.length > 1) || (search && search.length > 1)) {
+        url = new URL(url.href); // eslint-disable-line no-param-reassign
+        url.hash = '';
+        url.search = '';
+
+        // XXX The implementation of URL at least on React Native appends ? and
+        // # at the end of the href which is not desired.
+        let { href } = url;
+
+        if (href) {
+            href.endsWith('#') && (href = href.substring(0, href.length - 1));
+            href.endsWith('?') && (href = href.substring(0, href.length - 1));
+
+            // eslint-disable-next-line no-param-reassign
+            url.href === href || (url = new URL(href));
+        }
+    }
+
+    return url;
+}
+
+/**
+ * Gets a URL string without hash and query/search params from a specific
+ * {@code URL}.
+ *
+ * @param {URL} url - The {@code URL} which may have hash and query/search
+ * params.
+ * @returns {string}
+ */
+export function getURLWithoutParamsNormalized(url: URL): string {
+    const urlWithoutParams = getURLWithoutParams(url).href;
+
+    if (urlWithoutParams) {
+        return urlWithoutParams.toLowerCase();
+    }
+
+    return '';
+}
diff --git a/react/features/base/devices/actionTypes.ts b/react/features/base/devices/actionTypes.ts
new file mode 100644
index 0000000..bb2db3b
--- /dev/null
+++ b/react/features/base/devices/actionTypes.ts
@@ -0,0 +1,96 @@
+/**
+ * The type of Redux action which signals that an error occurred while obtaining
+ * a camera.
+ *
+ * {
+ *     type: NOTIFY_CAMERA_ERROR,
+ *     error: Object
+ * }
+ */
+export const NOTIFY_CAMERA_ERROR = 'NOTIFY_CAMERA_ERROR';
+
+/**
+ * The type of Redux action which signals that an error occurred while obtaining
+ * a microphone.
+ *
+ * {
+ *     type: NOTIFY_MIC_ERROR,
+ *     error: Object
+ * }
+ */
+export const NOTIFY_MIC_ERROR = 'NOTIFY_MIC_ERROR';
+
+/**
+ * The type of Redux action which signals that the currently used audio
+ * input device should be changed.
+ *
+ * {
+ *     type: SET_AUDIO_INPUT_DEVICE,
+ *     deviceId: string,
+ * }
+ */
+export const SET_AUDIO_INPUT_DEVICE = 'SET_AUDIO_INPUT_DEVICE';
+
+/**
+ * The type of Redux action which signals that the currently used video
+ * input device should be changed.
+ *
+ * {
+ *     type: SET_VIDEO_INPUT_DEVICE,
+ *     deviceId: string,
+ * }
+ */
+export const SET_VIDEO_INPUT_DEVICE = 'SET_VIDEO_INPUT_DEVICE';
+
+/**
+ * The type of Redux action which signals that the list of known available
+ * audio and video sources has changed.
+ *
+ * {
+ *     type: UPDATE_DEVICE_LIST,
+ *     devices: Array<MediaDeviceInfo>,
+ * }
+ */
+export const UPDATE_DEVICE_LIST = 'UPDATE_DEVICE_LIST';
+
+/**
+ * The type of Redux action which will add a pending device requests that will
+ * be executed later when it is possible (when the conference is joined).
+ *
+ * {
+ *     type: ADD_PENDING_DEVICE_REQUEST,
+ *     request: Object
+ * }
+ */
+export const ADD_PENDING_DEVICE_REQUEST = 'ADD_PENDING_DEVICE_REQUEST';
+
+/**
+ * The type of Redux action which will remove all pending device requests.
+ *
+ * {
+ *     type: REMOVE_PENDING_DEVICE_REQUESTS
+ * }
+ */
+export const REMOVE_PENDING_DEVICE_REQUESTS = 'REMOVE_PENDING_DEVICE_REQUESTS';
+
+/**
+ * The type of Redux action which will check passed old and passed new devices
+ * and if needed will show notifications asking the user whether to use those.
+ *
+ * {
+ *     type: CHECK_AND_NOTIFY_FOR_NEW_DEVICE
+ *     newDevices: Array<MediaDeviceInfo>
+ *     oldDevices: Array<MediaDeviceInfo>
+ * }
+ */
+export const CHECK_AND_NOTIFY_FOR_NEW_DEVICE = 'CHECK_AND_NOTIFY_FOR_NEW_DEVICE';
+
+/**
+ * The type of Redux action which signals that the device permissions have changed.
+ *
+ * {
+ *     type: CHECK_AND_NOTIFY_FOR_NEW_DEVICE
+ *     permissions: Object
+ * }
+ */
+export const DEVICE_PERMISSIONS_CHANGED = 'DEVICE_PERMISSIONS_CHANGED';
diff --git a/react/features/base/devices/actions.web.ts b/react/features/base/devices/actions.web.ts
new file mode 100644
index 0000000..ab1f908
--- /dev/null
+++ b/react/features/base/devices/actions.web.ts
@@ -0,0 +1,356 @@
+import { IStore } from '../../app/types';
+import JitsiMeetJS from '../lib-jitsi-meet';
+import { updateSettings } from '../settings/actions';
+import { getUserSelectedOutputDeviceId } from '../settings/functions.web';
+
+import {
+    ADD_PENDING_DEVICE_REQUEST,
+    CHECK_AND_NOTIFY_FOR_NEW_DEVICE,
+    DEVICE_PERMISSIONS_CHANGED,
+    NOTIFY_CAMERA_ERROR,
+    NOTIFY_MIC_ERROR,
+    REMOVE_PENDING_DEVICE_REQUESTS,
+    SET_AUDIO_INPUT_DEVICE,
+    SET_VIDEO_INPUT_DEVICE,
+    UPDATE_DEVICE_LIST
+} from './actionTypes';
+import {
+    areDeviceLabelsInitialized,
+    areDevicesDifferent,
+    filterIgnoredDevices,
+    flattenAvailableDevices,
+    getDeviceIdByLabel,
+    getDeviceLabelById,
+    getDevicesFromURL,
+    logDevices,
+    setAudioOutputDeviceId
+} from './functions';
+import logger from './logger';
+
+/**
+ * Maps the WebRTC string for device type to the keys used to store configure,
+ * within redux, which devices should be used by default.
+ */
+const DEVICE_TYPE_TO_SETTINGS_KEYS = {
+    audioInput: {
+        currentDeviceId: 'micDeviceId',
+        userSelectedDeviceId: 'userSelectedMicDeviceId',
+        userSelectedDeviceLabel: 'userSelectedMicDeviceLabel'
+    },
+    audioOutput: {
+        currentDeviceId: 'audioOutputDeviceId',
+        userSelectedDeviceId: 'userSelectedAudioOutputDeviceId',
+        userSelectedDeviceLabel: 'userSelectedAudioOutputDeviceLabel'
+    },
+    videoInput: {
+        currentDeviceId: 'cameraDeviceId',
+        userSelectedDeviceId: 'userSelectedCameraDeviceId',
+        userSelectedDeviceLabel: 'userSelectedCameraDeviceLabel'
+    }
+};
+
+/**
+ * Adds a pending device request.
+ *
+ * @param {Object} request - The request to be added.
+ * @returns {{
+ *      type: ADD_PENDING_DEVICE_REQUEST,
+ *      request: Object
+ * }}
+ */
+export function addPendingDeviceRequest(request: Object) {
+    return {
+        type: ADD_PENDING_DEVICE_REQUEST,
+        request
+    };
+}
+
+/**
+ * Configures the initial A/V devices before the conference has started.
+ *
+ * @returns {Function}
+ */
+export function configureInitialDevices() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const deviceLabels = getDevicesFromURL(getState());
+        let updateSettingsPromise;
+
+        logger.debug(`(TIME) configureInitialDevices: deviceLabels=${
+            Boolean(deviceLabels)}, performance.now=${window.performance.now()}`);
+
+        if (deviceLabels) {
+            updateSettingsPromise = dispatch(getAvailableDevices()).then(() => {
+                const state = getState();
+
+                if (!areDeviceLabelsInitialized(state)) {
+                    // The labels are not available if the A/V permissions are
+                    // not yet granted.
+
+                    Object.keys(deviceLabels).forEach(key => {
+                        dispatch(addPendingDeviceRequest({
+                            type: 'devices',
+                            name: 'setDevice',
+                            device: {
+                                kind: key.toLowerCase(),
+                                label: deviceLabels[key as keyof typeof deviceLabels]
+                            },
+                            // eslint-disable-next-line @typescript-eslint/no-empty-function
+                            responseCallback() {}
+                        }));
+                    });
+
+                    return;
+                }
+
+                const newSettings: any = {};
+
+                Object.keys(deviceLabels).forEach(key => {
+                    const label = deviceLabels[key as keyof typeof deviceLabels];
+
+                    // @ts-ignore
+                    const deviceId = getDeviceIdByLabel(state, label, key);
+
+                    if (deviceId) {
+                        const settingsTranslationMap = DEVICE_TYPE_TO_SETTINGS_KEYS[
+                            key as keyof typeof DEVICE_TYPE_TO_SETTINGS_KEYS];
+
+                        newSettings[settingsTranslationMap.currentDeviceId] = deviceId;
+                        newSettings[settingsTranslationMap.userSelectedDeviceId] = deviceId;
+                        newSettings[settingsTranslationMap.userSelectedDeviceLabel] = label;
+                    }
+                });
+
+                dispatch(updateSettings(newSettings));
+            });
+        } else {
+            updateSettingsPromise = Promise.resolve();
+        }
+
+        return updateSettingsPromise
+            .then(() => {
+                const userSelectedAudioOutputDeviceId = getUserSelectedOutputDeviceId(getState());
+
+                logger.debug(`(TIME) configureInitialDevices -> setAudioOutputDeviceId: performance.now=${
+                    window.performance.now()}`);
+
+                return setAudioOutputDeviceId(userSelectedAudioOutputDeviceId, dispatch)
+                    .catch(ex => logger.warn(`Failed to set audio output device.
+                        Default audio output device will be used instead ${ex}`));
+            });
+    };
+}
+
+/**
+ * Queries for connected A/V input and output devices and updates the redux
+ * state of known devices.
+ *
+ * @returns {Function}
+ */
+export function getAvailableDevices() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => new Promise(resolve => {
+        const { mediaDevices } = JitsiMeetJS;
+
+        if (mediaDevices.isDeviceChangeAvailable()) {
+            mediaDevices.enumerateDevices((devices: MediaDeviceInfo[]) => {
+                const { filteredDevices, ignoredDevices } = filterIgnoredDevices(devices);
+                const oldDevices = flattenAvailableDevices(getState()['features/base/devices'].availableDevices);
+
+                if (areDevicesDifferent(oldDevices, filteredDevices)) {
+                    logDevices(ignoredDevices, 'Ignored devices on device list changed:');
+                    dispatch(updateDeviceList(filteredDevices));
+                }
+
+                resolve(filteredDevices);
+            });
+        } else {
+            resolve([]);
+        }
+    });
+}
+
+/**
+ * Signals that an error occurred while trying to obtain a track from a camera.
+ *
+ * @param {Object} error - The device error, as provided by lib-jitsi-meet.
+ * @param {string} error.name - The constant for the type of the error.
+ * @param {string} error.message - Optional additional information about the
+ * error.
+ * @returns {{
+ *     type: NOTIFY_CAMERA_ERROR,
+ *     error: Object
+ * }}
+ */
+export function notifyCameraError(error: Error) {
+    return {
+        type: NOTIFY_CAMERA_ERROR,
+        error
+    };
+}
+
+/**
+ * Signals that an error occurred while trying to obtain a track from a mic.
+ *
+ * @param {Object} error - The device error, as provided by lib-jitsi-meet.
+ * @param {Object} error.name - The constant for the type of the error.
+ * @param {string} error.message - Optional additional information about the
+ * error.
+ * @returns {{
+ *     type: NOTIFY_MIC_ERROR,
+ *     error: Object
+ * }}
+ */
+export function notifyMicError(error: Error) {
+    return {
+        type: NOTIFY_MIC_ERROR,
+        error
+    };
+}
+
+/**
+ * Remove all pending device requests.
+ *
+ * @returns {{
+ *      type: REMOVE_PENDING_DEVICE_REQUESTS
+ * }}
+ */
+export function removePendingDeviceRequests() {
+    return {
+        type: REMOVE_PENDING_DEVICE_REQUESTS
+    };
+}
+
+/**
+ * Signals to update the currently used audio input device.
+ *
+ * @param {string} deviceId - The id of the new audio input device.
+ * @returns {{
+ *      type: SET_AUDIO_INPUT_DEVICE,
+ *      deviceId: string
+ * }}
+ */
+export function setAudioInputDevice(deviceId: string) {
+    return {
+        type: SET_AUDIO_INPUT_DEVICE,
+        deviceId
+    };
+}
+
+/**
+ * Sets the audio input device id and updates the settings
+ * so they are persisted across sessions.
+ *
+ * @param {string} deviceId - The id of the new audio input device.
+ * @returns {Function}
+ */
+export function setAudioInputDeviceAndUpdateSettings(deviceId: string) {
+    return function(dispatch: IStore['dispatch'], getState: IStore['getState']) {
+        const deviceLabel = getDeviceLabelById(getState(), deviceId, 'audioInput');
+
+        dispatch(setAudioInputDevice(deviceId));
+        dispatch(updateSettings({
+            userSelectedMicDeviceId: deviceId,
+            userSelectedMicDeviceLabel: deviceLabel
+        }));
+    };
+}
+
+/**
+ * Updates the output device id.
+ *
+ * @param {string} deviceId - The id of the new output device.
+ * @returns {Function}
+ */
+export function setAudioOutputDevice(deviceId: string) {
+    return function(dispatch: IStore['dispatch'], getState: IStore['getState']) {
+        const deviceLabel = getDeviceLabelById(getState(), deviceId, 'audioOutput');
+
+        return setAudioOutputDeviceId(deviceId, dispatch, true, deviceLabel);
+    };
+}
+
+/**
+ * Signals to update the currently used video input device.
+ *
+ * @param {string} deviceId - The id of the new video input device.
+ * @returns {{
+ *      type: SET_VIDEO_INPUT_DEVICE,
+ *      deviceId: string
+ * }}
+ */
+export function setVideoInputDevice(deviceId: string) {
+    return {
+        type: SET_VIDEO_INPUT_DEVICE,
+        deviceId
+    };
+}
+
+/**
+ * Sets the video input device id and updates the settings
+ * so they are persisted across sessions.
+ *
+ * @param {string} deviceId - The id of the new video input device.
+ * @returns {Function}
+ */
+export function setVideoInputDeviceAndUpdateSettings(deviceId: string) {
+    return function(dispatch: IStore['dispatch'], getState: IStore['getState']) {
+        const deviceLabel = getDeviceLabelById(getState(), deviceId, 'videoInput');
+
+        dispatch(setVideoInputDevice(deviceId));
+        dispatch(updateSettings({
+            userSelectedCameraDeviceId: deviceId,
+            userSelectedCameraDeviceLabel: deviceLabel
+        }));
+    };
+}
+
+/**
+ * Signals to update the list of known audio and video devices.
+ *
+ * @param {Array<MediaDeviceInfo>} devices - All known available audio input,
+ * audio output, and video input devices.
+ * @returns {{
+ *      type: UPDATE_DEVICE_LIST,
+ *      devices: Array<MediaDeviceInfo>
+ * }}
+ */
+export function updateDeviceList(devices: MediaDeviceInfo[]) {
+    return {
+        type: UPDATE_DEVICE_LIST,
+        devices
+    };
+}
+
+/**
+ * Signals to check new and old devices for newly added devices and notify.
+ *
+ * @param {Array<MediaDeviceInfo>} newDevices - Array of the new devices.
+ * @param {Array<MediaDeviceInfo>} oldDevices - Array of the old devices.
+ * @returns {{
+ *      type: CHECK_AND_NOTIFY_FOR_NEW_DEVICE,
+ *      newDevices: Array<MediaDeviceInfo>,
+ *      oldDevices: Array<MediaDeviceInfo>
+ * }}
+ */
+export function checkAndNotifyForNewDevice(newDevices: MediaDeviceInfo[], oldDevices: MediaDeviceInfo[]) {
+    return {
+        type: CHECK_AND_NOTIFY_FOR_NEW_DEVICE,
+        newDevices,
+        oldDevices
+    };
+}
+
+/**
+ * Signals that the device permissions have changed.
+ *
+ * @param {Object} permissions - Object with the permissions.
+ * @returns {{
+ *      type: DEVICE_PERMISSIONS_CHANGED,
+ *      permissions: Object
+ * }}
+ */
+export function devicePermissionsChanged(permissions: Object) {
+    return {
+        type: DEVICE_PERMISSIONS_CHANGED,
+        permissions
+    };
+}
diff --git a/react/features/base/devices/constants.ts b/react/features/base/devices/constants.ts
new file mode 100644
index 0000000..2fcfd4f
--- /dev/null
+++ b/react/features/base/devices/constants.ts
@@ -0,0 +1,11 @@
+/**
+ * Prefixes of devices that will be filtered from the device list.
+ *
+ * NOTE: It seems that the filtered devices can't be set
+ * as default device on the OS level and this use case is not handled in the code. If we add more device prefixes that
+ * can be default devices we should make sure to handle the default device use case.
+ */
+export const DEVICE_LABEL_PREFIXES_TO_IGNORE = [
+    'Microsoft Teams Audio Device',
+    'ZoomAudioDevice'
+];
diff --git a/react/features/base/devices/functions.any.ts b/react/features/base/devices/functions.any.ts
new file mode 100644
index 0000000..da97a38
--- /dev/null
+++ b/react/features/base/devices/functions.any.ts
@@ -0,0 +1,19 @@
+import { IReduxState } from '../../app/types';
+
+/**
+ * Returns true if there are devices of a specific type or on native platform.
+ *
+ * @param {Object} state - The state of the application.
+ * @param {string} type - The type of device: VideoOutput | audioOutput | audioInput.
+ *
+ * @returns {boolean}
+ */
+export function hasAvailableDevices(state: IReduxState, type: string) {
+    if (state['features/base/devices'] === undefined) {
+        return true;
+    }
+
+    const availableDevices = state['features/base/devices'].availableDevices;
+
+    return Number(availableDevices[type as keyof typeof availableDevices]?.length) > 0;
+}
diff --git a/react/features/base/devices/functions.native.ts b/react/features/base/devices/functions.native.ts
new file mode 100644
index 0000000..fb2a6bc
--- /dev/null
+++ b/react/features/base/devices/functions.native.ts
@@ -0,0 +1 @@
+export * from './functions.any';
diff --git a/react/features/base/devices/functions.web.ts b/react/features/base/devices/functions.web.ts
new file mode 100644
index 0000000..84d4818
--- /dev/null
+++ b/react/features/base/devices/functions.web.ts
@@ -0,0 +1,383 @@
+/* eslint-disable require-jsdoc */
+
+import { IReduxState, IStore } from '../../app/types';
+import JitsiMeetJS from '../lib-jitsi-meet';
+import { updateSettings } from '../settings/actions';
+import { ISettingsState } from '../settings/reducer';
+import { setNewAudioOutputDevice } from '../sounds/functions.web';
+import { parseURLParams } from '../util/parseURLParams';
+
+import { DEVICE_LABEL_PREFIXES_TO_IGNORE } from './constants';
+import logger from './logger';
+import { IDevicesState } from './types';
+
+export * from './functions.any';
+
+const webrtcKindToJitsiKindTranslator = {
+    audioinput: 'audioInput',
+    audiooutput: 'audioOutput',
+    videoinput: 'videoInput'
+};
+
+/**
+ * Detects the use case when the labels are not available if the A/V permissions
+ * are not yet granted.
+ *
+ * @param {Object} state - The redux state.
+ * @returns {boolean} - True if the labels are already initialized and false
+ * otherwise.
+ */
+export function areDeviceLabelsInitialized(state: IReduxState) {
+    // TODO: Replace with something that doesn't use APP when the conference.js logic is reactified.
+    if (APP.conference._localTracksInitialized) {
+        return true;
+    }
+
+    for (const type of [ 'audioInput', 'audioOutput', 'videoInput' ]) {
+        const availableDevices = state['features/base/devices'].availableDevices;
+
+        if ((availableDevices[type as keyof typeof availableDevices] || []).find(d => Boolean(d.label))) {
+            return true;
+        }
+    }
+
+    return false;
+}
+
+/**
+ * Get device id of the audio output device which is currently in use.
+ * Empty string stands for default device.
+ *
+ * @returns {string}
+ */
+export function getAudioOutputDeviceId() {
+    return JitsiMeetJS.mediaDevices.getAudioOutputDevice();
+}
+
+/**
+ * Finds the real device id of the default device of the given type.
+ *
+ * @param {Object} state - The redux state.
+ * @param {*} kind - The type of the device. One of "audioInput",
+ * "audioOutput", and "videoInput". Also supported is all lowercase versions
+ * of the preceding types.
+ * @returns {string|undefined}
+ */
+export function getDefaultDeviceId(state: IReduxState, kind: string) {
+    const kindToSearch = webrtcKindToJitsiKindTranslator[kind as keyof typeof webrtcKindToJitsiKindTranslator] || kind;
+    const availableDevices = state['features/base/devices'].availableDevices;
+    const defaultDevice = (availableDevices[kindToSearch as keyof typeof availableDevices] || [])
+        .find(d => d.deviceId === 'default');
+
+    // Find the device with a matching group id.
+    const matchingDevice = (availableDevices[kindToSearch as keyof typeof availableDevices] || [])
+        .find(d => d.deviceId !== 'default' && d.groupId === defaultDevice?.groupId);
+
+    if (matchingDevice) {
+        return matchingDevice.deviceId;
+    }
+}
+
+/**
+ * Finds a device with a label that matches the passed label and returns its id.
+ *
+ * @param {Object} state - The redux state.
+ * @param {string} label - The label.
+ * @param {string} kind - The type of the device. One of "audioInput",
+ * "audioOutput", and "videoInput". Also supported is all lowercase versions
+ * of the preceding types.
+ * @returns {string|undefined}
+ */
+export function getDeviceIdByLabel(state: IReduxState, label: string, kind: string) {
+    const kindToSearch = webrtcKindToJitsiKindTranslator[kind as keyof typeof webrtcKindToJitsiKindTranslator] || kind;
+
+    const availableDevices = state['features/base/devices'].availableDevices;
+    const device
+        = (availableDevices[kindToSearch as keyof typeof availableDevices] || [])
+            .find(d => d.label === label);
+
+    if (device) {
+        return device.deviceId;
+    }
+}
+
+/**
+ * Finds a device with a label that matches the passed id and returns its label.
+ *
+ * @param {Object} state - The redux state.
+ * @param {string} id - The device id.
+ * @param {string} kind - The type of the device. One of "audioInput",
+ * "audioOutput", and "videoInput". Also supported is all lowercase versions
+ * of the preceding types.
+ * @returns {string|undefined}
+ */
+export function getDeviceLabelById(state: IReduxState, id: string, kind: string) {
+    const kindToSearch = webrtcKindToJitsiKindTranslator[kind as keyof typeof webrtcKindToJitsiKindTranslator] || kind;
+
+    const availableDevices = state['features/base/devices'].availableDevices;
+    const device
+        = (availableDevices[kindToSearch as keyof typeof availableDevices] || [])
+        .find(d => d.deviceId === id);
+
+    if (device) {
+        return device.label;
+    }
+}
+
+/**
+ * Returns the devices set in the URL.
+ *
+ * @param {Object} state - The redux state.
+ * @returns {Object|undefined}
+ */
+export function getDevicesFromURL(state: IReduxState) {
+    const urlParams
+        = parseURLParams(state['features/base/connection'].locationURL ?? '');
+
+    const audioOutput = urlParams['devices.audioOutput'];
+    const videoInput = urlParams['devices.videoInput'];
+    const audioInput = urlParams['devices.audioInput'];
+
+    if (!audioOutput && !videoInput && !audioInput) {
+        return undefined;
+    }
+
+    const devices: IDevicesState['availableDevices'] = {};
+
+    audioOutput && (devices.audioOutput = audioOutput);
+    videoInput && (devices.videoInput = videoInput);
+    audioInput && (devices.audioInput = audioInput);
+
+    return devices;
+}
+
+/**
+ * Converts an array of media devices into an object organized by device kind.
+ *
+ * @param {Array<MediaDeviceInfo>} devices - Available media devices.
+ * @private
+ * @returns {Object} An object with the media devices split by type. The keys
+ * are device type and the values are arrays with devices matching the device
+ * type.
+*/
+// @ts-ignore
+export function groupDevicesByKind(devices: MediaDeviceInfo[]): IDevicesState['availableDevices'] {
+    return {
+        audioInput: devices.filter(device => device.kind === 'audioinput'),
+        audioOutput: devices.filter(device => device.kind === 'audiooutput'),
+        videoInput: devices.filter(device => device.kind === 'videoinput')
+    };
+}
+
+/**
+ * Filters the devices that start with one of the prefixes from DEVICE_LABEL_PREFIXES_TO_IGNORE.
+ *
+ * @param {MediaDeviceInfo[]} devices - The devices to be filtered.
+ * @returns {MediaDeviceInfo[]} - The filtered devices.
+ */
+// @ts-ignore
+export function filterIgnoredDevices(devices: MediaDeviceInfo[] = []) {
+
+    // @ts-ignore
+    const ignoredDevices: MediaDeviceInfo[] = [];
+    const filteredDevices = devices.filter(device => {
+        if (!device.label) {
+            return true;
+        }
+
+        if (DEVICE_LABEL_PREFIXES_TO_IGNORE.find(prefix => device.label?.startsWith(prefix))) {
+            ignoredDevices.push(device);
+
+            return false;
+        }
+
+        return true;
+    });
+
+    return {
+        filteredDevices,
+        ignoredDevices
+    };
+}
+
+/**
+ * Check if the passed device arrays are different.
+ *
+ * @param {MediaDeviceInfo[]} devices1 - Array with devices to be compared.
+ * @param {MediaDeviceInfo[]} devices2 - Array with devices to be compared.
+ * @returns {boolean} - True if the device arrays are different and false otherwise.
+*/
+// @ts-ignore
+export function areDevicesDifferent(devices1: MediaDeviceInfo[] = [], devices2: MediaDeviceInfo[] = []) {
+    if (devices1.length !== devices2.length) {
+        return true;
+    }
+
+    for (let i = 0; i < devices1.length; i++) {
+        const device1 = devices1[i];
+        const found = devices2.find(({ deviceId, groupId, kind, label }) =>
+            device1.deviceId === deviceId
+            && device1.groupId === groupId
+            && device1.kind === kind
+            && device1.label === label
+        );
+
+        if (!found) {
+            return true;
+        }
+    }
+
+    return false;
+}
+
+/**
+ * Flattens the availableDevices from redux.
+ *
+ * @param {IDevicesState.availableDevices} devices - The available devices from redux.
+ * @returns {MediaDeviceInfo[]} - The flattened array of devices.
+ */
+export function flattenAvailableDevices(
+        { audioInput = [], audioOutput = [], videoInput = [] }: IDevicesState['availableDevices']) {
+    return audioInput.concat(audioOutput).concat(videoInput);
+}
+
+/**
+ * We want to strip any device details that are not very user friendly, like usb ids put in brackets at the end.
+ *
+ * @param {string} label - Device label to format.
+ *
+ * @returns {string} - Formatted string.
+ */
+export function formatDeviceLabel(label: string) {
+
+    let formattedLabel = label;
+
+    // Remove braked description at the end as it contains non user friendly strings i.e.
+    // Microsoft® LifeCam HD-3000 (045e:0779:31dg:d1231)
+    const ix = formattedLabel.lastIndexOf('(');
+
+    if (ix !== -1) {
+        formattedLabel = formattedLabel.substr(0, ix);
+    }
+
+    return formattedLabel;
+}
+
+/**
+ * Returns a list of objects containing all the microphone device ids and labels.
+ *
+ * @param {Object} state - The state of the application.
+ * @returns {Object[]}
+ */
+export function getAudioInputDeviceData(state: IReduxState) {
+    return state['features/base/devices'].availableDevices.audioInput?.map(
+        ({ deviceId, label }) => {
+            return {
+                deviceId,
+                label
+            };
+        });
+}
+
+/**
+ * Returns a list of objectes containing all the output device ids and labels.
+ *
+ * @param {Object} state - The state of the application.
+ * @returns {Object[]}
+ */
+export function getAudioOutputDeviceData(state: IReduxState) {
+    return state['features/base/devices'].availableDevices.audioOutput?.map(
+        ({ deviceId, label }) => {
+            return {
+                deviceId,
+                label
+            };
+        });
+}
+
+/**
+ * Returns a list of all the camera device ids.
+ *
+ * @param {Object} state - The state of the application.
+ * @returns {string[]}
+ */
+export function getVideoDeviceIds(state: IReduxState) {
+    return state['features/base/devices'].availableDevices.videoInput?.map(({ deviceId }) => deviceId);
+}
+
+/**
+ * Converts an array of device info objects into string.
+ *
+ * @param {MediaDeviceInfo[]} devices - The devices.
+ * @returns {string}
+ */
+// @ts-ignore
+function devicesToStr(devices?: MediaDeviceInfo[]) {
+    return devices?.map(device => `\t\t${device.label}[${device.deviceId}]`).join('\n');
+}
+
+/**
+ * Logs an array of devices.
+ *
+ * @param {MediaDeviceInfo[]} devices - The array of devices.
+ * @param {string} title - The title that will be printed in the log.
+ * @returns {void}
+ */
+// @ts-ignore
+export function logDevices(devices: MediaDeviceInfo[], title = '') {
+    const deviceList = groupDevicesByKind(devices);
+    const audioInputs = devicesToStr(deviceList.audioInput);
+    const audioOutputs = devicesToStr(deviceList.audioOutput);
+    const videoInputs = devicesToStr(deviceList.videoInput);
+
+    logger.debug(`${title}:\n`
+        + `audioInput:\n${audioInputs}\n`
+        + `audioOutput:\n${audioOutputs}\n`
+        + `videoInput:\n${videoInputs}`);
+}
+
+/**
+ * Set device id of the audio output device which is currently in use.
+ * Empty string stands for default device.
+ *
+ * @param {string} newId - New audio output device id.
+ * @param {Function} dispatch - The Redux dispatch function.
+ * @param {boolean} userSelection - Whether this is a user selection update.
+ * @param {?string} newLabel - New audio output device label to store.
+ * @returns {Promise}
+ */
+export function setAudioOutputDeviceId(
+        newId = 'default',
+        dispatch: IStore['dispatch'],
+        userSelection = false,
+        newLabel?: string): Promise<any> {
+
+    logger.debug(`setAudioOutputDevice: ${String(newLabel)}[${newId}]`);
+
+    if (!JitsiMeetJS.mediaDevices.isDeviceChangeAvailable('output')) {
+        logger.warn('Adjusting audio output is not supported');
+
+        return Promise.resolve();
+    }
+
+    return JitsiMeetJS.mediaDevices.setAudioOutputDevice(newId)
+        .then(() => {
+            dispatch(setNewAudioOutputDevice(newId));
+            const newSettings: Partial<ISettingsState> = {
+                audioOutputDeviceId: newId,
+                userSelectedAudioOutputDeviceId: undefined,
+                userSelectedAudioOutputDeviceLabel: undefined
+            };
+
+            if (userSelection) {
+                newSettings.userSelectedAudioOutputDeviceId = newId;
+                newSettings.userSelectedAudioOutputDeviceLabel = newLabel;
+            } else {
+                // a flow workaround, I needed to add 'userSelectedAudioOutputDeviceId: undefined'
+                delete newSettings.userSelectedAudioOutputDeviceId;
+                delete newSettings.userSelectedAudioOutputDeviceLabel;
+            }
+
+            return dispatch(updateSettings(newSettings));
+        });
+}
diff --git a/react/features/base/devices/logger.ts b/react/features/base/devices/logger.ts
new file mode 100644
index 0000000..28c9840
--- /dev/null
+++ b/react/features/base/devices/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../logging/functions';
+
+export default getLogger('app:devices');
diff --git a/react/features/base/devices/middleware.web.ts b/react/features/base/devices/middleware.web.ts
new file mode 100644
index 0000000..5d1e08f
--- /dev/null
+++ b/react/features/base/devices/middleware.web.ts
@@ -0,0 +1,349 @@
+import { AnyAction } from 'redux';
+
+import { IStore } from '../../app/types';
+import { processExternalDeviceRequest } from '../../device-selection/functions';
+import { showNotification, showWarningNotification } from '../../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE } from '../../notifications/constants';
+import { replaceAudioTrackById, replaceVideoTrackById, setDeviceStatusWarning } from '../../prejoin/actions';
+import { isPrejoinPageVisible } from '../../prejoin/functions';
+import { APP_WILL_MOUNT, APP_WILL_UNMOUNT } from '../app/actionTypes';
+import { isMobileBrowser } from '../environment/utils';
+import JitsiMeetJS, { JitsiMediaDevicesEvents, JitsiTrackErrors } from '../lib-jitsi-meet';
+import { MEDIA_TYPE } from '../media/constants';
+import MiddlewareRegistry from '../redux/MiddlewareRegistry';
+import { updateSettings } from '../settings/actions';
+import { getLocalTrack } from '../tracks/functions';
+
+import {
+    CHECK_AND_NOTIFY_FOR_NEW_DEVICE,
+    NOTIFY_CAMERA_ERROR,
+    NOTIFY_MIC_ERROR,
+    SET_AUDIO_INPUT_DEVICE,
+    SET_VIDEO_INPUT_DEVICE,
+    UPDATE_DEVICE_LIST
+} from './actionTypes';
+import {
+    devicePermissionsChanged,
+    removePendingDeviceRequests,
+    setAudioInputDevice,
+    setVideoInputDevice
+} from './actions';
+import {
+    areDeviceLabelsInitialized,
+    formatDeviceLabel,
+    logDevices,
+    setAudioOutputDeviceId
+} from './functions';
+import logger from './logger';
+
+const JITSI_TRACK_ERROR_TO_MESSAGE_KEY_MAP = {
+    microphone: {
+        [JitsiTrackErrors.CONSTRAINT_FAILED]: 'dialog.micConstraintFailedError',
+        [JitsiTrackErrors.GENERAL]: 'dialog.micUnknownError',
+        [JitsiTrackErrors.NOT_FOUND]: 'dialog.micNotFoundError',
+        [JitsiTrackErrors.PERMISSION_DENIED]: 'dialog.micPermissionDeniedError',
+        [JitsiTrackErrors.TIMEOUT]: 'dialog.micTimeoutError'
+    },
+    camera: {
+        [JitsiTrackErrors.CONSTRAINT_FAILED]: 'dialog.cameraConstraintFailedError',
+        [JitsiTrackErrors.GENERAL]: 'dialog.cameraUnknownError',
+        [JitsiTrackErrors.NOT_FOUND]: 'dialog.cameraNotFoundError',
+        [JitsiTrackErrors.PERMISSION_DENIED]: 'dialog.cameraPermissionDeniedError',
+        [JitsiTrackErrors.UNSUPPORTED_RESOLUTION]: 'dialog.cameraUnsupportedResolutionError',
+        [JitsiTrackErrors.TIMEOUT]: 'dialog.cameraTimeoutError'
+    }
+};
+
+/**
+ * A listener for device permissions changed reported from lib-jitsi-meet.
+ */
+let permissionsListener: Function | undefined;
+
+/**
+ * Implements the middleware of the feature base/devices.
+ *
+ * @param {Store} store - Redux store.
+ * @returns {Function}
+ */
+// eslint-disable-next-line no-unused-vars
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case APP_WILL_MOUNT: {
+        const _permissionsListener = (permissions: Object) => {
+            store.dispatch(devicePermissionsChanged(permissions));
+        };
+        const { mediaDevices } = JitsiMeetJS;
+
+        permissionsListener = _permissionsListener;
+        mediaDevices.addEventListener(JitsiMediaDevicesEvents.PERMISSIONS_CHANGED, permissionsListener);
+        Promise.all([
+            mediaDevices.isDevicePermissionGranted('audio'),
+            mediaDevices.isDevicePermissionGranted('video')
+        ])
+        .then(results => {
+            _permissionsListener({
+                audio: results[0],
+                video: results[1]
+            });
+        })
+        .catch(() => {
+            // Ignore errors.
+        });
+        break;
+    }
+    case APP_WILL_UNMOUNT:
+        if (typeof permissionsListener === 'function') {
+            JitsiMeetJS.mediaDevices.removeEventListener(
+                JitsiMediaDevicesEvents.PERMISSIONS_CHANGED, permissionsListener);
+            permissionsListener = undefined;
+        }
+        break;
+    case NOTIFY_CAMERA_ERROR: {
+        if (!action.error) {
+            break;
+        }
+
+        const { message, name } = action.error;
+
+        const cameraJitsiTrackErrorMsg
+            = JITSI_TRACK_ERROR_TO_MESSAGE_KEY_MAP.camera[name];
+        const cameraErrorMsg = cameraJitsiTrackErrorMsg
+            || JITSI_TRACK_ERROR_TO_MESSAGE_KEY_MAP
+                .camera[JitsiTrackErrors.GENERAL];
+        const additionalCameraErrorMsg = cameraJitsiTrackErrorMsg ? null : message;
+        const titleKey = name === JitsiTrackErrors.PERMISSION_DENIED
+            ? 'deviceError.cameraPermission' : 'deviceError.cameraError';
+
+        store.dispatch(showWarningNotification({
+            description: additionalCameraErrorMsg,
+            descriptionKey: cameraErrorMsg,
+            titleKey
+        }, NOTIFICATION_TIMEOUT_TYPE.MEDIUM));
+
+        if (isPrejoinPageVisible(store.getState())) {
+            store.dispatch(setDeviceStatusWarning(titleKey));
+        }
+
+        break;
+    }
+    case NOTIFY_MIC_ERROR: {
+        if (!action.error) {
+            break;
+        }
+
+        const { message, name } = action.error;
+
+        const micJitsiTrackErrorMsg
+            = JITSI_TRACK_ERROR_TO_MESSAGE_KEY_MAP.microphone[name];
+        const micErrorMsg = micJitsiTrackErrorMsg
+            || JITSI_TRACK_ERROR_TO_MESSAGE_KEY_MAP
+                .microphone[JitsiTrackErrors.GENERAL];
+        const additionalMicErrorMsg = micJitsiTrackErrorMsg ? null : message;
+        const titleKey = name === JitsiTrackErrors.PERMISSION_DENIED
+            ? 'deviceError.microphonePermission'
+            : 'deviceError.microphoneError';
+
+        store.dispatch(showWarningNotification({
+            description: additionalMicErrorMsg,
+            descriptionKey: micErrorMsg,
+            titleKey
+        }, NOTIFICATION_TIMEOUT_TYPE.MEDIUM));
+
+        if (isPrejoinPageVisible(store.getState())) {
+            store.dispatch(setDeviceStatusWarning(titleKey));
+        }
+
+        break;
+    }
+    case SET_AUDIO_INPUT_DEVICE:
+        if (isPrejoinPageVisible(store.getState())) {
+            store.dispatch(replaceAudioTrackById(action.deviceId));
+        } else {
+            APP.conference.onAudioDeviceChanged(action.deviceId);
+        }
+        break;
+    case SET_VIDEO_INPUT_DEVICE: {
+        const localTrack = getLocalTrack(store.getState()['features/base/tracks'], MEDIA_TYPE.VIDEO);
+
+        // on mobile devices the video stream has to be stopped before replacing it
+        if (isMobileBrowser() && localTrack && !localTrack.muted) {
+            localTrack.jitsiTrack.stopStream();
+        }
+        if (isPrejoinPageVisible(store.getState())) {
+            store.dispatch(replaceVideoTrackById(action.deviceId));
+        } else {
+            APP.conference.onVideoDeviceChanged(action.deviceId);
+        }
+        break;
+    }
+    case UPDATE_DEVICE_LIST:
+        logDevices(action.devices, 'Device list updated');
+        if (areDeviceLabelsInitialized(store.getState())) {
+            return _processPendingRequests(store, next, action);
+        }
+        break;
+    case CHECK_AND_NOTIFY_FOR_NEW_DEVICE:
+        _checkAndNotifyForNewDevice(store, action.newDevices, action.oldDevices);
+        break;
+    }
+
+    return next(action);
+});
+
+/**
+ * Does extra sync up on properties that may need to be updated after the
+ * conference was joined.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified {@code action} to the specified {@code store}.
+ * @param {Action} action - The redux action {@code CONFERENCE_JOINED} which is
+ * being dispatched in the specified {@code store}.
+ * @private
+ * @returns {Object} The value returned by {@code next(action)}.
+ */
+function _processPendingRequests({ dispatch, getState }: IStore, next: Function, action: AnyAction) {
+    const result = next(action);
+    const state = getState();
+    const { pendingRequests } = state['features/base/devices'];
+
+    if (!pendingRequests || pendingRequests.length === 0) {
+        return result;
+    }
+
+    pendingRequests.forEach((request: any) => {
+        processExternalDeviceRequest(
+            dispatch,
+            getState,
+            request,
+            request.responseCallback);
+    });
+    dispatch(removePendingDeviceRequests());
+
+    return result;
+}
+
+/**
+ * Finds a new device by comparing new and old array of devices and dispatches
+ * notification with the new device. For new devices with same groupId only one
+ * notification will be shown, this is so to avoid showing multiple notifications
+ * for audio input and audio output devices.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {MediaDeviceInfo[]} newDevices - The array of new devices we received.
+ * @param {MediaDeviceInfo[]} oldDevices - The array of the old devices we have.
+ * @private
+ * @returns {void}
+ */
+function _checkAndNotifyForNewDevice(store: IStore, newDevices: MediaDeviceInfo[], oldDevices: MediaDeviceInfo[]) {
+    const { dispatch } = store;
+
+    // let's intersect both newDevices and oldDevices and handle thew newly
+    // added devices
+    const onlyNewDevices = newDevices.filter(
+        nDevice => !oldDevices.find(
+            device => device.deviceId === nDevice.deviceId));
+
+    // we group devices by groupID which normally is the grouping by physical device
+    // plugging in headset we provide normally two device, one input and one output
+    // and we want to show only one notification for this physical audio device
+    const devicesGroupBy: {
+        [key: string]: MediaDeviceInfo[];
+    } = onlyNewDevices.reduce((accumulated: any, value) => {
+        accumulated[value.groupId] = accumulated[value.groupId] || [];
+        accumulated[value.groupId].push(value);
+
+        return accumulated;
+    }, {});
+
+    Object.values(devicesGroupBy).forEach(devicesArray => {
+
+        if (devicesArray.length < 1) {
+            return;
+        }
+
+        // let's get the first device as a reference, we will use it for
+        // label and type
+        const newDevice = devicesArray[0];
+
+        // we want to strip any device details that are not very
+        // user friendly, like usb ids put in brackets at the end
+        const description = formatDeviceLabel(newDevice.label);
+
+        let titleKey;
+
+        switch (newDevice.kind) {
+        case 'videoinput': {
+            titleKey = 'notify.newDeviceCameraTitle';
+            break;
+        }
+        case 'audioinput' :
+        case 'audiooutput': {
+            titleKey = 'notify.newDeviceAudioTitle';
+            break;
+        }
+        }
+        if (!isPrejoinPageVisible(store.getState())) {
+            dispatch(showNotification({
+                description,
+                titleKey,
+                customActionNameKey: [ 'notify.newDeviceAction' ],
+                customActionHandler: [ _useDevice.bind(undefined, store, devicesArray) ]
+            }, NOTIFICATION_TIMEOUT_TYPE.MEDIUM));
+        }
+    });
+}
+
+/**
+ * Set a device to be currently used, selected by the user.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Array<MediaDeviceInfo|InputDeviceInfo>} devices - The devices to save.
+ * @returns {boolean} - Returns true in order notifications to be dismissed.
+ * @private
+ */
+function _useDevice({ dispatch }: IStore, devices: MediaDeviceInfo[]) {
+    devices.forEach(device => {
+        switch (device.kind) {
+        case 'videoinput': {
+            dispatch(updateSettings({
+                userSelectedCameraDeviceId: device.deviceId,
+                userSelectedCameraDeviceLabel: device.label
+            }));
+
+            dispatch(setVideoInputDevice(device.deviceId));
+            break;
+        }
+        case 'audioinput': {
+            dispatch(updateSettings({
+                userSelectedMicDeviceId: device.deviceId,
+                userSelectedMicDeviceLabel: device.label
+            }));
+
+            dispatch(setAudioInputDevice(device.deviceId));
+            break;
+        }
+        case 'audiooutput': {
+            setAudioOutputDeviceId(
+                device.deviceId,
+                dispatch,
+                true,
+                device.label)
+                .then(() => logger.log('changed audio output device'))
+                .catch(err => {
+                    logger.warn(
+                        'Failed to change audio output device.',
+                        'Default or previously set audio output device will',
+                        ' be used instead.',
+                        err);
+                });
+            break;
+        }
+        }
+    });
+
+    return true;
+}
diff --git a/react/features/base/devices/reducer.web.ts b/react/features/base/devices/reducer.web.ts
new file mode 100644
index 0000000..abdaeb9
--- /dev/null
+++ b/react/features/base/devices/reducer.web.ts
@@ -0,0 +1,88 @@
+import ReducerRegistry from '../redux/ReducerRegistry';
+
+import {
+    ADD_PENDING_DEVICE_REQUEST,
+    DEVICE_PERMISSIONS_CHANGED,
+    REMOVE_PENDING_DEVICE_REQUESTS,
+    SET_AUDIO_INPUT_DEVICE,
+    SET_VIDEO_INPUT_DEVICE,
+    UPDATE_DEVICE_LIST
+} from './actionTypes';
+import { groupDevicesByKind } from './functions.web';
+import logger from './logger';
+import { IDevicesState } from './types';
+
+
+const DEFAULT_STATE: IDevicesState = {
+    availableDevices: {
+        audioInput: [],
+        audioOutput: [],
+        videoInput: []
+    },
+    pendingRequests: [],
+    permissions: {
+        audio: false,
+        video: false
+    }
+};
+
+/**
+ * Listen for actions which changes the state of known and used devices.
+ *
+ * @param {IDevicesState} state - The Redux state of the feature features/base/devices.
+ * @param {Object} action - Action object.
+ * @param {string} action.type - Type of action.
+ * @param {Array<MediaDeviceInfo>} action.devices - All available audio and
+ * video devices.
+ * @returns {Object}
+ */
+ReducerRegistry.register<IDevicesState>(
+    'features/base/devices',
+    (state = DEFAULT_STATE, action): IDevicesState => {
+        switch (action.type) {
+        case UPDATE_DEVICE_LIST: {
+            const deviceList = groupDevicesByKind(action.devices);
+
+            return {
+                ...state,
+                availableDevices: deviceList
+            };
+        }
+
+        case ADD_PENDING_DEVICE_REQUEST:
+            return {
+                ...state,
+                pendingRequests: [
+                    ...state.pendingRequests,
+                    action.request
+                ]
+            };
+
+        case REMOVE_PENDING_DEVICE_REQUESTS:
+            return {
+                ...state,
+                pendingRequests: [ ]
+            };
+
+        // TODO: Changing of current audio and video device id is currently handled outside of react/redux.
+        case SET_AUDIO_INPUT_DEVICE: {
+            logger.debug(`set audio input device: ${action.deviceId}`);
+
+            return state;
+        }
+        case SET_VIDEO_INPUT_DEVICE: {
+            logger.debug(`set video input device: ${action.deviceId}`);
+
+            return state;
+        }
+        case DEVICE_PERMISSIONS_CHANGED: {
+            return {
+                ...state,
+                permissions: action.permissions
+            };
+        }
+        default:
+            return state;
+        }
+    });
+
diff --git a/react/features/base/devices/types.ts b/react/features/base/devices/types.ts
new file mode 100644
index 0000000..0eba52a
--- /dev/null
+++ b/react/features/base/devices/types.ts
@@ -0,0 +1,17 @@
+/* eslint-disable lines-around-comment */
+
+export interface IDevicesState {
+    availableDevices: {
+        // @ts-ignore
+        audioInput?: MediaDeviceInfo[];
+        // @ts-ignore
+        audioOutput?: MediaDeviceInfo[];
+        // @ts-ignore
+        videoInput?: MediaDeviceInfo[];
+    };
+    pendingRequests: any[];
+    permissions: {
+        audio: boolean;
+        video: boolean;
+    };
+}
diff --git a/react/features/base/dialog/actionTypes.ts b/react/features/base/dialog/actionTypes.ts
new file mode 100644
index 0000000..266fea5
--- /dev/null
+++ b/react/features/base/dialog/actionTypes.ts
@@ -0,0 +1,41 @@
+/**
+ * The type of Redux action which closes a dialog
+ *
+ * {
+ *     type: HIDE_DIALOG
+ * }
+ */
+export const HIDE_DIALOG = 'HIDE_DIALOG';
+
+/**
+ * The type of Redux action which closes a sheet.
+ *
+ * {
+ *     type: HIDE_SHEET
+ * }
+ */
+export const HIDE_SHEET = 'HIDE_SHEET';
+
+/**
+ * The type of Redux action which begins a request to open a dialog.
+ *
+ * {
+ *     type: OPEN_DIALOG,
+ *     component: React.Component,
+ *     props: PropTypes
+ * }
+ *
+ */
+export const OPEN_DIALOG = 'OPEN_DIALOG';
+
+/**
+ * The type of Redux action which begins a request to open a sheet.
+ *
+ * {
+ *     type: OPEN_SHEET,
+ *     component: React.Component,
+ *     props: PropTypes
+ * }
+ *
+ */
+export const OPEN_SHEET = 'OPEN_SHEET';
diff --git a/react/features/base/dialog/actions.ts b/react/features/base/dialog/actions.ts
new file mode 100644
index 0000000..64ae5d3
--- /dev/null
+++ b/react/features/base/dialog/actions.ts
@@ -0,0 +1,111 @@
+import { ComponentType } from 'react';
+
+import { IStore } from '../../app/types';
+
+import {
+    HIDE_DIALOG,
+    HIDE_SHEET,
+    OPEN_DIALOG,
+    OPEN_SHEET
+} from './actionTypes';
+import { isDialogOpen } from './functions';
+import logger from './logger';
+
+/**
+ * Signals Dialog to close its dialog.
+ *
+ * @param {string|undefined} name - The name of the component for logging purposes.
+ * @param {Object} [component] - The {@code Dialog} component to close/hide. If
+ * {@code undefined}, closes/hides {@code Dialog} regardless of which
+ * component it's rendering; otherwise, closes/hides {@code Dialog} only if
+ * it's rendering the specified {@code component}.
+ * @returns {{
+ *     type: HIDE_DIALOG,
+ *     component: (React.Component | undefined)
+ * }}
+ */
+export function hideDialog(name?: string, component?: ComponentType<any>) {
+    logger.info(`Hide dialog: ${name}`);
+
+    return {
+        type: HIDE_DIALOG,
+        component
+    };
+}
+
+/**
+ * Closes the active sheet.
+ *
+ * @returns {{
+ *     type: HIDE_SHEET,
+ * }}
+ */
+export function hideSheet() {
+    return {
+        type: HIDE_SHEET
+    };
+}
+
+/**
+ * Signals Dialog to open dialog.
+ *
+ * @param {string} name - The name of the component for logging purposes.
+ * @param {Object} component - The component to display as dialog.
+ * @param {Object} [componentProps] - The React {@code Component} props of the
+ * specified {@code component}.
+ * @returns {{
+ *     type: OPEN_DIALOG,
+ *     component: React.Component,
+ *     componentProps: (Object | undefined)
+ * }}
+ */
+export function openDialog(name: string, component: ComponentType<any>, componentProps?: Object) {
+    logger.info(`Open dialog: ${name}`);
+
+    return {
+        type: OPEN_DIALOG,
+        component,
+        componentProps
+    };
+}
+
+/**
+ * Opens the requested sheet.
+ *
+ * @param {Object} component - The component to display as a sheet.
+ * @param {Object} [componentProps] - The React {@code Component} props of the
+ * specified {@code component}.
+ * @returns {{
+ *     type: OPEN_SHEET,
+ *     component: React.Component,
+ *     componentProps: (Object | undefined)
+ * }}
+ */
+export function openSheet(component: ComponentType<any>, componentProps?: Object) {
+    return {
+        type: OPEN_SHEET,
+        component,
+        componentProps
+    };
+}
+
+/**
+ * Signals Dialog to open a dialog with the specified component if the component
+ * is not already open. If it is open, then Dialog is signaled to close its
+ * dialog.
+ *
+ * @param {string} name - The name of the component for logging purposes.
+ * @param {Object} component - The component to display as dialog.
+ * @param {Object} [componentProps] - The React {@code Component} props of the
+ * specified {@code component}.
+ * @returns {Function}
+ */
+export function toggleDialog(name: string, component: ComponentType<any>, componentProps?: Object) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        if (isDialogOpen(getState, component)) {
+            dispatch(hideDialog(name, component));
+        } else {
+            dispatch(openDialog(name, component, componentProps));
+        }
+    };
+}
diff --git a/react/features/base/dialog/components/AbstractDialogContainer.ts b/react/features/base/dialog/components/AbstractDialogContainer.ts
new file mode 100644
index 0000000..d6d6cbb
--- /dev/null
+++ b/react/features/base/dialog/components/AbstractDialogContainer.ts
@@ -0,0 +1,72 @@
+import React, { Component, ComponentType } from 'react';
+
+import { IReduxState } from '../../../app/types';
+import { IReactionEmojiProps } from '../../../reactions/constants';
+
+/**
+ * The type of the React {@code Component} props of {@link DialogContainer}.
+ */
+interface IProps {
+
+    /**
+     * The component to render.
+     */
+    _component?: ComponentType<any>;
+
+    /**
+     * The props to pass to the component that will be rendered.
+     */
+    _componentProps?: Object;
+
+    /**
+     * Array of reactions to be displayed.
+     */
+    _reactionsQueue: Array<IReactionEmojiProps>;
+
+    /**
+     * True if the UI is in a compact state where we don't show dialogs.
+     */
+    _reducedUI: boolean;
+}
+
+/**
+ * Implements a DialogContainer responsible for showing all dialogs.
+ */
+export default class AbstractDialogContainer extends Component<IProps> {
+    /**
+     * Returns the dialog to be displayed.
+     *
+     * @private
+     * @returns {ReactElement|null}
+     */
+    _renderDialogContent() {
+        const {
+            _component: component,
+            _reducedUI: reducedUI
+        } = this.props;
+
+        return (
+            component && !reducedUI
+                ? React.createElement(component, this.props._componentProps)
+                : null);
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated
+ * {@code AbstractDialogContainer}'s props.
+ *
+ * @param {Object} state - The redux state.
+ * @private
+ * @returns {IProps}
+ */
+export function abstractMapStateToProps(state: IReduxState) {
+    const stateFeaturesBaseDialog = state['features/base/dialog'];
+    const { reducedUI } = state['features/base/responsive-ui'];
+
+    return {
+        _component: stateFeaturesBaseDialog.component,
+        _componentProps: stateFeaturesBaseDialog.componentProps,
+        _reducedUI: reducedUI
+    };
+}
diff --git a/react/features/base/dialog/components/functions.native.tsx b/react/features/base/dialog/components/functions.native.tsx
new file mode 100644
index 0000000..ce39d0e
--- /dev/null
+++ b/react/features/base/dialog/components/functions.native.tsx
@@ -0,0 +1,57 @@
+import React from 'react';
+import { Text, TextStyle } from 'react-native';
+
+import { brandedDialog as styles } from './native/styles';
+
+/**
+ * Renders a specific {@code string} which may contain HTML.
+ *
+ * @param {string|undefined} html - The {@code string} which may
+ * contain HTML to render.
+ * @returns {ReactElement[]|string}
+ */
+export function renderHTML(html?: string) {
+    if (typeof html === 'string') {
+        // At the time of this writing, the specified HTML contains a couple
+        // of spaces one after the other. They do not cause a visible
+        // problem on Web, because the specified HTML is rendered as, well,
+        // HTML. However, we're not rendering HTML here.
+
+        // eslint-disable-next-line no-param-reassign
+        html = html.replace(/\s{2,}/gi, ' ');
+
+        // Render text in <b>text</b> in bold.
+        const opening = /<\s*b\s*>/gi;
+        const closing = /<\s*\/\s*b\s*>/gi;
+        let o;
+        let c;
+        let prevClosingLastIndex = 0;
+        const r = [];
+
+        // eslint-disable-next-line no-cond-assign
+        while (o = opening.exec(html)) {
+            closing.lastIndex = opening.lastIndex;
+
+            // eslint-disable-next-line no-cond-assign
+            if (c = closing.exec(html)) {
+                r.push(html.substring(prevClosingLastIndex, o.index));
+                r.push(
+                    <Text style = { (styles.boldDialogText as TextStyle) }>
+                        { html.substring(opening.lastIndex, c.index) }
+                    </Text>);
+                opening.lastIndex
+                    = prevClosingLastIndex
+                    = closing.lastIndex;
+            } else {
+                break;
+            }
+        }
+        if (prevClosingLastIndex < html.length) {
+            r.push(html.substring(prevClosingLastIndex));
+        }
+
+        return r;
+    }
+
+    return html;
+}
diff --git a/react/features/base/dialog/components/native/AbstractDialog.ts b/react/features/base/dialog/components/native/AbstractDialog.ts
new file mode 100644
index 0000000..0809e8e
--- /dev/null
+++ b/react/features/base/dialog/components/native/AbstractDialog.ts
@@ -0,0 +1,168 @@
+import { Component } from 'react';
+
+import { IStore } from '../../../../app/types';
+import { hideDialog } from '../../actions';
+import { DialogProps } from '../../constants';
+
+/**
+ * The type of the React {@code Component} props of {@link AbstractDialog}.
+ */
+export interface IProps extends DialogProps {
+
+    /**
+     * Used to show/hide the dialog on cancel.
+     */
+    dispatch: IStore['dispatch'];
+}
+
+/**
+ * The type of the React {@code Component} state of {@link AbstractDialog}.
+ */
+export interface IState {
+    submitting?: boolean;
+}
+
+/**
+ * An abstract implementation of a dialog on Web/React and mobile/react-native.
+ */
+export default class AbstractDialog<P extends IProps, S extends IState = IState>
+    extends Component<P, S> {
+
+    _mounted: boolean;
+
+    /**
+     * Initializes a new {@code AbstractDialog} instance.
+     *
+     * @param {Object} props - The read-only React {@code Component} props with
+     * which the new instance is to be initialized.
+     */
+    constructor(props: P) {
+        super(props);
+
+        // Bind event handlers so they are only bound once per instance.
+        this._onBack = this._onBack.bind(this);
+        this._onCancel = this._onCancel.bind(this);
+        this._onSubmit = this._onSubmit.bind(this);
+        this._onSubmitFulfilled = this._onSubmitFulfilled.bind(this);
+        this._onSubmitRejected = this._onSubmitRejected.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#componentDidMount()}. Invoked
+     * immediately before mounting occurs.
+     *
+     * @inheritdoc
+     */
+    override componentDidMount() {
+        this._mounted = true;
+    }
+
+    /**
+     * Implements React's {@link Component#componentWillUnmount()}. Invoked
+     * immediately before this component is unmounted and destroyed.
+     *
+     * @inheritdoc
+     */
+    override componentWillUnmount() {
+        this._mounted = false;
+    }
+
+    /**
+     * Dispatches a redux action to hide this dialog.
+     *
+     * @returns {*} The return value of {@link hideDialog}.
+     */
+    _hide() {
+        return this.props.dispatch(hideDialog());
+    }
+
+    _onBack() {
+        const { backDisabled = false, onBack } = this.props;
+
+        if (!backDisabled && (!onBack || onBack())) {
+            this._hide();
+        }
+    }
+
+    /**
+     * Dispatches a redux action to hide this dialog when it's canceled.
+     *
+     * @protected
+     * @returns {void}
+     */
+    _onCancel() {
+        const { cancelDisabled = false, onCancel } = this.props;
+
+        if (!cancelDisabled && (!onCancel || onCancel())) {
+            this._hide();
+        }
+    }
+
+    /**
+     * Submits this {@code Dialog}. If the React {@code Component} prop
+     * {@code onSubmit} is defined, the function that is the value of the prop
+     * is invoked. If the function returns a {@code thenable}, then the
+     * resolution of the {@code thenable} is awaited. If the submission
+     * completes successfully, a redux action will be dispatched to hide this
+     * dialog.
+     *
+     * @protected
+     * @param {string} [value] - The submitted value if any.
+     * @returns {void}
+     */
+    _onSubmit(value?: string) {
+        const { okDisabled = false, onSubmit } = this.props;
+
+        if (!okDisabled) {
+            this.setState({ submitting: true });
+
+            // Invoke the React Component prop onSubmit if any.
+            const r = !onSubmit || onSubmit(value);
+
+            // If the invocation returns a thenable, await its resolution;
+            // otherwise, treat the return value as a boolean indicating whether
+            // the submission has completed successfully.
+            let then;
+
+            if (r) {
+                switch (typeof r) {
+                case 'function':
+                case 'object':
+                    then = r.then;
+                    break;
+                }
+            }
+            if (typeof then === 'function' && then.length === 2) {
+                then.call(r, this._onSubmitFulfilled, this._onSubmitRejected);
+            } else if (r) {
+                this._onSubmitFulfilled();
+            } else {
+                this._onSubmitRejected();
+            }
+        }
+    }
+
+    /**
+     * Notifies this {@code AbstractDialog} that it has been submitted
+     * successfully. Dispatches a redux action to hide this dialog after it has
+     * been submitted.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onSubmitFulfilled() {
+        this._mounted && this.setState({ submitting: false });
+
+        this._hide();
+    }
+
+    /**
+     * Notifies this {@code AbstractDialog} that its submission has failed.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onSubmitRejected() {
+        this._mounted && this.setState({ submitting: false });
+    }
+}
diff --git a/react/features/base/dialog/components/native/AlertDialog.tsx b/react/features/base/dialog/components/native/AlertDialog.tsx
new file mode 100644
index 0000000..ab1db8f
--- /dev/null
+++ b/react/features/base/dialog/components/native/AlertDialog.tsx
@@ -0,0 +1,56 @@
+import React from 'react';
+import { WithTranslation } from 'react-i18next';
+import Dialog from 'react-native-dialog';
+import { connect } from 'react-redux';
+
+import { translate } from '../../../i18n/functions';
+import { _abstractMapStateToProps } from '../../functions';
+import { renderHTML } from '../functions.native';
+
+import AbstractDialog, { IProps as AbstractProps } from './AbstractDialog';
+
+interface IProps extends AbstractProps, WithTranslation {
+
+    /**
+     * Untranslated i18n key of the content to be displayed.
+     *
+     * NOTE: This dialog also adds support to Object type keys that will be
+     * translated using the provided params. See i18n function
+     * {@code translate(string, Object)} for more details.
+     */
+    contentKey: string | { key: string; params: Object; };
+}
+
+/**
+ * Implements an alert dialog, to simply show an error or a message,
+ * then disappear on dismiss.
+ */
+class AlertDialog extends AbstractDialog<IProps> {
+    /**
+     * Implements React's {@link Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { contentKey, t } = this.props;
+        const content
+            = typeof contentKey === 'string'
+                ? t(contentKey)
+                : renderHTML(t(contentKey.key, contentKey.params));
+
+        return (
+            <Dialog.Container
+                coverScreen = { false }
+                visible = { true }>
+                <Dialog.Description>
+                    { content }
+                </Dialog.Description>
+                <Dialog.Button
+                    label = { t('dialog.Ok') }
+                    onPress = { this._onSubmit } />
+            </Dialog.Container>
+        );
+    }
+}
+
+export default translate(connect(_abstractMapStateToProps)(AlertDialog));
diff --git a/react/features/base/dialog/components/native/BottomSheet.tsx b/react/features/base/dialog/components/native/BottomSheet.tsx
new file mode 100644
index 0000000..df9dc0e
--- /dev/null
+++ b/react/features/base/dialog/components/native/BottomSheet.tsx
@@ -0,0 +1,152 @@
+import React, { PureComponent, ReactNode } from 'react';
+import { ScrollView, View, ViewStyle } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { connect } from 'react-redux';
+
+import { IStore } from '../../../../app/types';
+import SlidingView from '../../../react/components/native/SlidingView';
+import { hideSheet } from '../../actions';
+
+import { bottomSheetStyles as styles } from './styles';
+
+/**
+ * The type of {@code BottomSheet}'s React {@code Component} prop types.
+ */
+type Props = {
+
+    /**
+     * Whether to add padding to scroll view.
+     */
+    addScrollViewPadding?: boolean;
+
+    /**
+     * The children to be displayed within this component.
+     */
+    children: ReactNode;
+
+    /**
+     * Redux Dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Handler for the cancel event, which happens when the user dismisses
+     * the sheet.
+     */
+    onCancel?: Function;
+
+    /**
+     * Function to render a bottom sheet footer element, if necessary.
+     */
+    renderFooter?: () => React.ReactNode;
+
+    /**
+     * Function to render a bottom sheet header element, if necessary.
+     */
+    renderHeader?: Function;
+
+    /**
+     * Whether to show sliding view or not.
+     */
+    showSlidingView?: boolean;
+
+    /**
+     * The component's external style.
+     */
+    style?: Object;
+};
+
+/**
+ * A component emulating Android's BottomSheet.
+ */
+class BottomSheet extends PureComponent<Props> {
+    /**
+     * Default values for {@code BottomSheet} component's properties.
+     *
+     * @static
+     */
+    static defaultProps = {
+        addScrollViewPadding: true,
+        showSlidingView: true
+    };
+
+    /**
+     * Initializes a new instance.
+     *
+     * @param {Props} props - The React {@code Component} props to initialize
+     * the new instance with.
+     */
+    constructor(props: Props) {
+        super(props);
+
+        this._onCancel = this._onCancel.bind(this);
+    }
+
+    /**
+     * Handles the cancel event, when the user dismissed the sheet. By default we close it.
+     *
+     * @returns {void}
+     */
+    _onCancel() {
+        if (this.props.onCancel) {
+            this.props.onCancel();
+        } else {
+            this.props.dispatch(hideSheet());
+        }
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const {
+            addScrollViewPadding,
+            renderHeader,
+            renderFooter,
+            showSlidingView,
+            style
+        } = this.props;
+
+        return (
+            <SlidingView
+                onHide = { this._onCancel }
+                position = 'bottom'
+                show = { Boolean(showSlidingView) }>
+                <View
+                    pointerEvents = 'box-none'
+                    style = { styles.sheetContainer as ViewStyle }>
+                    <View
+                        pointerEvents = 'box-none'
+                        style = { styles.sheetAreaCover } />
+                    { renderHeader?.() }
+                    <SafeAreaView
+                        edges = { [ 'left', 'right' ] }
+                        style = { [
+                            styles.sheetItemContainer,
+                            renderHeader
+                                ? styles.sheetHeader
+                                : styles.sheet,
+                            renderFooter && styles.sheetFooter,
+                            style
+                        ] }>
+                        <ScrollView
+                            bounces = { false }
+                            showsVerticalScrollIndicator = { false }
+                            style = { [
+                                renderFooter && styles.sheet,
+                                addScrollViewPadding && styles.scrollView
+                            ] } >
+                            { this.props.children }
+                        </ScrollView>
+                        { renderFooter?.() }
+                    </SafeAreaView>
+                </View>
+            </SlidingView>
+        );
+    }
+}
+
+export default connect()(BottomSheet);
diff --git a/react/features/base/dialog/components/native/BottomSheetContainer.tsx b/react/features/base/dialog/components/native/BottomSheetContainer.tsx
new file mode 100644
index 0000000..7a7d601
--- /dev/null
+++ b/react/features/base/dialog/components/native/BottomSheetContainer.tsx
@@ -0,0 +1,22 @@
+import React, { Fragment } from 'react';
+import { useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../../app/types';
+
+
+const BottomSheetContainer: () => JSX.Element | null = (): JSX.Element | null => {
+    const { sheet, sheetProps } = useSelector((state: IReduxState) => state['features/base/dialog']);
+    const { reducedUI } = useSelector((state: IReduxState) => state['features/base/responsive-ui']);
+
+    if (!sheet || reducedUI) {
+        return null;
+    }
+
+    return (
+        <Fragment>
+            { React.createElement(sheet, sheetProps) }
+        </Fragment>
+    );
+};
+
+export default BottomSheetContainer;
diff --git a/react/features/base/dialog/components/native/ConfirmDialog.tsx b/react/features/base/dialog/components/native/ConfirmDialog.tsx
new file mode 100644
index 0000000..9eaf656
--- /dev/null
+++ b/react/features/base/dialog/components/native/ConfirmDialog.tsx
@@ -0,0 +1,172 @@
+import React from 'react';
+import { WithTranslation } from 'react-i18next';
+import Dialog from 'react-native-dialog';
+import { connect } from 'react-redux';
+
+import { translate } from '../../../i18n/functions';
+import { renderHTML } from '../functions.native';
+
+import AbstractDialog, { IProps as AbstractProps } from './AbstractDialog';
+import styles from './styles';
+
+
+/**
+ * The type of the React {@code Component} props of
+ * {@link ConfirmDialog}.
+ */
+interface IProps extends AbstractProps, WithTranslation {
+
+    /**
+     * The i18n key of the text label for the back button.
+     */
+    backLabel?: string;
+
+    /**
+     * The i18n key of the text label for the cancel button.
+     */
+    cancelLabel?: string;
+
+    /**
+     * The React {@code Component} children.
+     */
+    children?: React.ReactNode;
+
+    /**
+     * The i18n key of the text label for the confirm button.
+     */
+    confirmLabel?: string;
+
+    /**
+     * Dialog description key for translations.
+     */
+    descriptionKey?: string | { key: string; params: string; };
+
+    /**
+     * Whether the back button is hidden.
+     */
+    isBackHidden?: Boolean;
+
+    /**
+     * Whether the cancel button is hidden.
+     */
+    isCancelHidden?: Boolean;
+
+    /**
+     * Whether or not the nature of the confirm button is destructive.
+     */
+    isConfirmDestructive?: Boolean;
+
+    /**
+     * Whether or not the confirm button is hidden.
+     */
+    isConfirmHidden?: Boolean;
+
+    /**
+     * Dialog title.
+     */
+    title?: string;
+
+    /**
+     * Renders buttons vertically.
+     */
+    verticalButtons?: boolean;
+}
+
+/**
+ * React Component for getting confirmation to stop a file recording session in
+ * progress.
+ *
+ * @augments Component
+ */
+class ConfirmDialog extends AbstractDialog<IProps> {
+    /**
+     * Default values for {@code ConfirmDialog} component's properties.
+     *
+     * @static
+     */
+    static defaultProps = {
+        isConfirmDestructive: false,
+        isConfirmHidden: false
+    };
+
+    /**
+     * Renders the dialog description.
+     *
+     * @returns {React$Component}
+     */
+    _renderDescription() {
+        const { descriptionKey, t } = this.props;
+        const description
+            = typeof descriptionKey === 'string'
+                ? t(descriptionKey)
+                : renderHTML(
+                    t(descriptionKey?.key ?? '', descriptionKey?.params)
+                );
+
+        return (
+            <Dialog.Description>
+                { description }
+            </Dialog.Description>
+        );
+    }
+
+    /**
+     * Implements {@code Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const {
+            backLabel,
+            cancelLabel,
+            children,
+            confirmLabel,
+            isBackHidden = true,
+            isCancelHidden,
+            isConfirmDestructive,
+            isConfirmHidden,
+            t,
+            title,
+            verticalButtons
+        } = this.props;
+
+        const dialogButtonStyle
+            = isConfirmDestructive
+                ? styles.destructiveDialogButton : styles.dialogButton;
+
+        return (
+            <Dialog.Container
+                coverScreen = { false }
+                verticalButtons = { verticalButtons }
+                visible = { true }>
+                {
+                    title && <Dialog.Title>
+                        { t(title) }
+                    </Dialog.Title>
+                }
+                { this._renderDescription() }
+                { children }
+                {
+                    !isBackHidden && <Dialog.Button
+                        label = { t(backLabel || 'dialog.confirmBack') }
+                        onPress = { this._onBack }
+                        style = { styles.dialogButton } />
+                }
+                {
+                    !isCancelHidden && <Dialog.Button
+                        label = { t(cancelLabel || 'dialog.confirmNo') }
+                        onPress = { this._onCancel }
+                        style = { styles.dialogButton } />
+                }
+                {
+                    !isConfirmHidden && <Dialog.Button
+                        label = { t(confirmLabel || 'dialog.confirmYes') }
+                        onPress = { this._onSubmit }
+                        style = { dialogButtonStyle } />
+                }
+            </Dialog.Container>
+        );
+    }
+}
+
+export default translate(connect()(ConfirmDialog));
diff --git a/react/features/base/dialog/components/native/DialogContainer.tsx b/react/features/base/dialog/components/native/DialogContainer.tsx
new file mode 100644
index 0000000..11724b7
--- /dev/null
+++ b/react/features/base/dialog/components/native/DialogContainer.tsx
@@ -0,0 +1,58 @@
+import React, { Fragment } from 'react';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../../app/types';
+import ReactionEmoji from '../../../../reactions/components/native/ReactionEmoji';
+import { getReactionsQueue } from '../../../../reactions/functions.native';
+import AbstractDialogContainer, {
+    abstractMapStateToProps
+} from '../AbstractDialogContainer';
+
+/**
+ * Implements a DialogContainer responsible for showing all dialogs. We will
+ * need a separate container so we can handle multiple dialogs by showing them
+ * simultaneously or queueing them.
+ *
+ * @augments AbstractDialogContainer
+ */
+class DialogContainer extends AbstractDialogContainer {
+
+    /**
+     * Returns the reactions to be displayed.
+     *
+     * @returns {Array<React$Element>}
+     */
+    _renderReactions() {
+        const { _reactionsQueue } = this.props;
+
+        return _reactionsQueue.map(({ reaction, uid }, index) => (<ReactionEmoji
+            index = { index }
+            key = { uid }
+            reaction = { reaction }
+            uid = { uid } />));
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        return (
+            <Fragment>
+                {this._renderReactions()}
+                {this._renderDialogContent()}
+            </Fragment>
+        );
+    }
+}
+
+const mapStateToProps = (state: IReduxState) => {
+    return {
+        ...abstractMapStateToProps(state),
+        _reactionsQueue: getReactionsQueue(state)
+    };
+};
+
+export default connect(mapStateToProps)(DialogContainer);
diff --git a/react/features/base/dialog/components/native/InputDialog.tsx b/react/features/base/dialog/components/native/InputDialog.tsx
new file mode 100644
index 0000000..ac0a428
--- /dev/null
+++ b/react/features/base/dialog/components/native/InputDialog.tsx
@@ -0,0 +1,170 @@
+import React from 'react';
+import { WithTranslation } from 'react-i18next';
+import { TextStyle } from 'react-native';
+import Dialog from 'react-native-dialog';
+import { connect } from 'react-redux';
+
+import { translate } from '../../../i18n/functions';
+import { _abstractMapStateToProps } from '../../functions';
+
+import AbstractDialog, {
+    IProps as AbstractProps,
+    IState as AbstractState
+} from './AbstractDialog';
+import { inputDialog as styles } from './styles';
+
+interface IProps extends AbstractProps, WithTranslation {
+
+    /**
+     * The dialog descriptionKey.
+     */
+    descriptionKey?: string;
+
+    /**
+     * Whether to display the cancel button.
+     */
+    disableCancel?: boolean;
+
+    /**
+     * An optional initial value to initiate the field with.
+     */
+    initialValue?: string;
+
+    /**
+     * A message key to be shown for the user (e.g. An error that is defined after submitting the form).
+     */
+    messageKey?: string;
+
+    /**
+     * Props for the text input.
+     */
+    textInputProps?: Object;
+
+    /**
+     * The untranslated i18n key for the dialog title.
+     */
+    titleKey?: string;
+
+    /**
+     * Validating of the input.
+     */
+    validateInput?: Function;
+}
+
+interface IState extends AbstractState {
+
+    /**
+     * The current value of the field.
+     */
+    fieldValue?: string;
+
+    /**
+     * The result of the input validation.
+     */
+    isValid: boolean;
+}
+
+/**
+ * Implements a single field input dialog component.
+ */
+class InputDialog extends AbstractDialog<IProps, IState> {
+    /**
+     * Instantiates a new {@code InputDialog}.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            fieldValue: props.initialValue,
+            isValid: props.validateInput ? props.validateInput(props.initialValue) : true,
+            submitting: false
+        };
+
+        this._onChangeText = this._onChangeText.bind(this);
+        this._onSubmitValue = this._onSubmitValue.bind(this);
+    }
+
+    /**
+     * Implements {@code Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const {
+            descriptionKey,
+            messageKey,
+            t,
+            titleKey
+        } = this.props;
+
+        return (
+            <Dialog.Container
+                coverScreen = { false }
+                visible = { true }>
+                <Dialog.Title>
+                    { t(titleKey ?? '') }
+                </Dialog.Title>
+                {
+                    descriptionKey && (
+                        <Dialog.Description>
+                            { t(descriptionKey) }
+                        </Dialog.Description>
+                    )
+                }
+                <Dialog.Input
+                    autoFocus = { true }
+                    onChangeText = { this._onChangeText }
+                    value = { this.state.fieldValue }
+                    { ...this.props.textInputProps } />
+                {
+                    messageKey && (
+                        <Dialog.Description
+                            style = { styles.formMessage as TextStyle }>
+                            { t(messageKey) }
+                        </Dialog.Description>
+                    )
+                }
+                {!this.props.disableCancel && <Dialog.Button
+                    label = { t('dialog.Cancel') }
+                    onPress = { this._onCancel } />}
+                <Dialog.Button
+                    disabled = { !this.state.isValid }
+                    label = { t('dialog.Ok') }
+                    onPress = { this._onSubmitValue } />
+            </Dialog.Container>
+        );
+    }
+
+    /**
+     * Callback to be invoked when the text in the field changes.
+     *
+     * @param {string} fieldValue - The updated field value.
+     * @returns {void}
+     */
+    _onChangeText(fieldValue: string) {
+        if (this.props.validateInput) {
+            this.setState({
+                isValid: this.props.validateInput(fieldValue),
+                fieldValue
+            });
+
+            return;
+        }
+        this.setState({
+            fieldValue
+        });
+    }
+
+    /**
+     * Callback to be invoked when the value of this dialog is submitted.
+     *
+     * @returns {boolean}
+     */
+    _onSubmitValue() {
+        return this._onSubmit(this.state.fieldValue);
+    }
+}
+
+export default translate(connect(_abstractMapStateToProps)(InputDialog));
diff --git a/react/features/base/dialog/components/native/PageReloadDialog.tsx b/react/features/base/dialog/components/native/PageReloadDialog.tsx
new file mode 100644
index 0000000..58a13da
--- /dev/null
+++ b/react/features/base/dialog/components/native/PageReloadDialog.tsx
@@ -0,0 +1,221 @@
+// @ts-expect-error
+import { randomInt } from '@jitsi/js-utils/random';
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+
+import { appNavigate, reloadNow } from '../../../../app/actions.native';
+import { IReduxState, IStore } from '../../../../app/types';
+import { translate } from '../../../i18n/functions';
+import { isFatalJitsiConnectionError } from '../../../lib-jitsi-meet/functions.native';
+import { hideDialog } from '../../actions';
+import logger from '../../logger';
+
+import ConfirmDialog from './ConfirmDialog';
+
+
+/**
+ * The type of the React {@code Component} props of
+ * {@link PageReloadDialog}.
+ */
+interface IProps extends WithTranslation {
+    conferenceError?: Error;
+    configError?: Error;
+    connectionError?: Error;
+    dispatch: IStore['dispatch'];
+    isNetworkFailure: boolean;
+    reason?: string;
+}
+
+/**
+ * The type of the React {@code Component} state of
+ * {@link PageReloadDialog}.
+ */
+interface IPageReloadDialogState {
+    timeLeft: number;
+}
+
+/**
+ * Implements a React Component that is shown before the
+ * conference is reloaded.
+ * Shows a warning message and counts down towards the re-load.
+ */
+class PageReloadDialog extends Component<IProps, IPageReloadDialogState> {
+    _interval?: number;
+    _timeoutSeconds: number;
+
+    /**
+     * Initializes a new PageReloadOverlay instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     * @public
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._timeoutSeconds = 10 + randomInt(0, 20);
+
+        this.state = {
+            timeLeft: this._timeoutSeconds
+        };
+
+        this._onCancel = this._onCancel.bind(this);
+        this._onReloadNow = this._onReloadNow.bind(this);
+        this._onReconnecting = this._onReconnecting.bind(this);
+    }
+
+    /**
+     * React Component method that executes once component is mounted.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidMount() {
+        const { timeLeft } = this.state;
+
+        logger.info(
+            `The conference will be reloaded after ${timeLeft} seconds.`
+        );
+
+        this._interval = setInterval(() =>
+            this._onReconnecting(), 1000);
+    }
+
+    /**
+     * Clears the timer interval.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentWillUnmount() {
+        if (this._interval) {
+            clearInterval(this._interval);
+            this._interval = undefined;
+        }
+    }
+
+    /**
+     * Handle clicking of the "Cancel" button. It will navigate back to the
+     * welcome page.
+     *
+     * @private
+     * @returns {boolean}
+     */
+    _onCancel() {
+        const { dispatch } = this.props;
+
+        clearInterval(this._interval ?? 0);
+        dispatch(appNavigate(undefined));
+
+        return true;
+    }
+
+    /**
+     * Handles automatic reconnection.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onReconnecting() {
+        const { dispatch } = this.props;
+        const { timeLeft } = this.state;
+
+        if (timeLeft === 0) {
+            if (this._interval) {
+                dispatch(hideDialog());
+                this._onReloadNow();
+                this._interval = undefined;
+            }
+        }
+
+        this.setState({
+            timeLeft: timeLeft - 1
+        });
+    }
+
+    /**
+     * Handle clicking on the "Reload Now" button. It will navigate to the same
+     * conference URL as before immediately, without waiting for the timer to
+     * kick in.
+     *
+     * @private
+     * @returns {boolean}
+     */
+    _onReloadNow() {
+        const { dispatch } = this.props;
+
+        clearInterval(this._interval ?? 0);
+        dispatch(reloadNow());
+
+        return true;
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { isNetworkFailure, t } = this.props;
+        const { timeLeft } = this.state;
+
+        let message, title;
+
+        if (isNetworkFailure) {
+            title = 'dialog.conferenceDisconnectTitle';
+            message = 'dialog.conferenceDisconnectMsg';
+        } else {
+            title = 'dialog.conferenceReloadTitle';
+            message = 'dialog.conferenceReloadMsg';
+        }
+
+        return (
+            <ConfirmDialog
+                cancelLabel = 'dialog.Cancel'
+                confirmLabel = 'dialog.rejoinNow'
+                descriptionKey = { `${t(message, { seconds: timeLeft })}` }
+                onCancel = { this._onCancel }
+                onSubmit = { this._onReloadNow }
+                title = { title } />
+        );
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated component's props.
+ *
+ * @param {Object} state - The redux state.
+ * @param {IProps} ownProps - The own props of the component.
+ * @protected
+ * @returns {{
+ *     isNetworkFailure: boolean,
+ *     reason: string
+ * }}
+ */
+function mapStateToProps(state: IReduxState, ownProps: IProps) {
+    const { conferenceError, configError, connectionError } = ownProps;
+    const fatalConnectionError
+        = connectionError && isFatalJitsiConnectionError(connectionError);
+    const isNetworkFailure = Boolean(configError || fatalConnectionError);
+
+    let reason;
+
+    if (conferenceError) {
+        reason = `error.conference.${conferenceError.name}`;
+    } else if (connectionError) {
+        reason = `error.conference.${connectionError.name}`;
+    } else if (configError) {
+        reason = `error.config.${configError.name}`;
+    } else {
+        logger.error('No reload reason defined!');
+    }
+
+    return {
+        isNetworkFailure,
+        reason
+    };
+}
+
+export default translate(connect(mapStateToProps)(PageReloadDialog));
diff --git a/react/features/base/dialog/components/native/styles.ts b/react/features/base/dialog/components/native/styles.ts
new file mode 100644
index 0000000..42ccdda
--- /dev/null
+++ b/react/features/base/dialog/components/native/styles.ts
@@ -0,0 +1,265 @@
+import { StyleSheet } from 'react-native';
+
+import ColorSchemeRegistry from '../../../color-scheme/ColorSchemeRegistry';
+import { schemeColor } from '../../../color-scheme/functions';
+import { BoxModel } from '../../../styles/components/styles/BoxModel';
+import BaseTheme from '../../../ui/components/BaseTheme.native';
+import { PREFERRED_DIALOG_SIZE } from '../../constants';
+
+const BORDER_RADIUS = 5;
+
+/**
+ * NOTE: These Material guidelines based values are currently only used in
+ * dialogs (and related) but later on it would be nice to export it into a base
+ * Material feature.
+ */
+export const MD_FONT_SIZE = 16;
+export const MD_ITEM_HEIGHT = 48;
+export const MD_ITEM_MARGIN_PADDING = BaseTheme.spacing[3];
+
+/**
+ * Reusable (colored) style for text in any branded dialogs.
+ */
+const brandedDialogText = {
+    color: schemeColor('text'),
+    fontSize: MD_FONT_SIZE,
+    textAlign: 'center'
+};
+
+const brandedDialogLabelStyle = {
+    color: BaseTheme.palette.text01,
+    flexShrink: 1,
+    fontSize: MD_FONT_SIZE,
+    opacity: 0.90
+};
+
+const brandedDialogItemContainerStyle = {
+    alignItems: 'center',
+    flexDirection: 'row',
+    height: MD_ITEM_HEIGHT
+};
+
+const brandedDialogIconStyle = {
+    color: BaseTheme.palette.icon01,
+    fontSize: 24
+};
+
+export const inputDialog = {
+    formMessage: {
+        alignSelf: 'flex-start',
+        fontStyle: 'italic',
+        fontWeight: 'bold',
+        marginTop: BaseTheme.spacing[3]
+    }
+};
+
+/**
+ * The React {@code Component} styles of {@code BottomSheet}. These have
+ * been implemented as per the Material Design guidelines:
+ * {@link https://material.io/guidelines/components/bottom-sheets.html}.
+ */
+export const bottomSheetStyles = {
+    sheetAreaCover: {
+        backgroundColor: 'transparent',
+        flex: 1
+    },
+
+    scrollView: {
+        paddingHorizontal: 0
+    },
+
+    /**
+     * Style for the container of the sheet.
+     */
+    sheetContainer: {
+        alignItems: 'stretch',
+        flex: 1,
+        flexDirection: 'column',
+        justifyContent: 'flex-end',
+        maxWidth: 500,
+        marginLeft: 'auto',
+        marginRight: 'auto',
+        width: '100%'
+    },
+
+    sheetItemContainer: {
+        flex: -1,
+        maxHeight: '75%'
+    },
+
+    buttons: {
+        /**
+         * Style for the {@code Icon} element in a generic item of the menu.
+         */
+        iconStyle: {
+            ...brandedDialogIconStyle
+        },
+
+        /**
+         * Style for the label in a generic item rendered in the menu.
+         */
+        labelStyle: {
+            ...brandedDialogLabelStyle,
+            marginLeft: 16
+        },
+
+        /**
+         * Container style for a generic item rendered in the menu.
+         */
+        style: {
+            ...brandedDialogItemContainerStyle,
+            paddingHorizontal: MD_ITEM_MARGIN_PADDING
+        },
+
+        /**
+         * Additional style that is not directly used as a style object.
+         */
+        underlayColor: BaseTheme.palette.ui04
+    },
+
+    /**
+     * Bottom sheet's base style.
+     */
+    sheet: {
+        backgroundColor: BaseTheme.palette.ui02,
+        borderTopLeftRadius: 16,
+        borderTopRightRadius: 16
+    },
+
+    /**
+     * Bottom sheet's base style with header.
+     */
+    sheetHeader: {
+        backgroundColor: BaseTheme.palette.ui02
+    },
+
+    /**
+     * Bottom sheet's background color with footer.
+     */
+    sheetFooter: {
+        backgroundColor: BaseTheme.palette.ui01
+    }
+};
+
+export default {
+    dialogButton: {
+        ...BaseTheme.typography.bodyLongBold
+    },
+
+    destructiveDialogButton: {
+        ...BaseTheme.typography.bodyLongBold,
+        color: BaseTheme.palette.actionDanger
+    }
+};
+
+export const brandedDialog = {
+
+    /**
+     * The style of bold {@code Text} rendered by the {@code Dialog}s of the
+     * feature authentication.
+     */
+    boldDialogText: {
+        fontWeight: 'bold'
+    },
+
+    buttonFarRight: {
+        borderBottomRightRadius: BORDER_RADIUS
+    },
+
+    buttonWrapper: {
+        alignItems: 'stretch',
+        borderRadius: BORDER_RADIUS,
+        flexDirection: 'row'
+    },
+
+    mainWrapper: {
+        alignSelf: 'stretch',
+        padding: BoxModel.padding * 2,
+
+        // The added bottom padding is to compensate the empty space around the
+        // close icon.
+        paddingBottom: BoxModel.padding * 3
+    },
+
+    overlayTouchable: {
+        ...StyleSheet.absoluteFillObject
+    }
+};
+
+
+/**
+ * Color schemed styles for all the component based on the abstract dialog.
+ */
+ColorSchemeRegistry.register('Dialog', {
+    button: {
+        backgroundColor: '#44A5FF',
+        flex: 1,
+        padding: BoxModel.padding * 1.5
+    },
+
+    /**
+     * Separator line for the buttons in a dialog.
+     */
+    buttonSeparator: {
+        borderRightColor: schemeColor('border'),
+        borderRightWidth: 1
+    },
+
+    buttonLabel: {
+        color: schemeColor('buttonLabel'),
+        fontSize: MD_FONT_SIZE,
+        textAlign: 'center'
+    },
+
+    /**
+     * Style of the close icon on a dialog.
+     */
+    closeStyle: {
+        color: schemeColor('icon'),
+        fontSize: MD_FONT_SIZE
+    },
+
+    /**
+     * Base style of the dialogs.
+     */
+    dialog: {
+        alignItems: 'stretch',
+        backgroundColor: schemeColor('background'),
+        borderColor: schemeColor('border'),
+        borderRadius: BORDER_RADIUS,
+        borderWidth: 1,
+        flex: 1,
+        flexDirection: 'column',
+        maxWidth: PREFERRED_DIALOG_SIZE
+    },
+
+    /**
+     * Field on an input dialog.
+     */
+    field: {
+        ...brandedDialogText,
+        borderBottomWidth: 1,
+        borderColor: schemeColor('border'),
+        margin: BoxModel.margin,
+        textAlign: 'left'
+    },
+
+    /**
+     * Style for the field label on an input dialog.
+     */
+    fieldLabel: {
+        ...brandedDialogText,
+        margin: BoxModel.margin,
+        textAlign: 'left'
+    },
+
+    text: {
+        ...brandedDialogText,
+        color: BaseTheme.palette.text01
+    },
+
+    topBorderContainer: {
+        borderTopColor: BaseTheme.palette.ui07,
+        borderTopWidth: 1
+    }
+});
diff --git a/react/features/base/dialog/components/web/AbstractDialogTab.ts b/react/features/base/dialog/components/web/AbstractDialogTab.ts
new file mode 100644
index 0000000..28b7cf8
--- /dev/null
+++ b/react/features/base/dialog/components/web/AbstractDialogTab.ts
@@ -0,0 +1,58 @@
+import { Component } from 'react';
+
+/**
+ * The type of the React {@code Component} props of {@link AbstractDialogTab}.
+ */
+export interface IProps {
+
+    /**
+     * Callback to invoke on change.
+     */
+    onTabStateChange: Function;
+
+    /**
+     * The id of the tab.
+     */
+    tabId: number;
+}
+
+
+/**
+ * Abstract React {@code Component} for tabs of the DialogWithTabs component.
+ *
+ * @augments Component
+ */
+class AbstractDialogTab<P extends IProps, S> extends Component<P, S> {
+    /**
+     * Initializes a new {@code AbstractDialogTab} instance.
+     *
+     * @param {P} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: P) {
+        super(props);
+
+        // Bind event handler so it is only bound once for every instance.
+        this._onChange = this._onChange.bind(this);
+    }
+
+    /**
+     * Uses the onTabStateChange function to pass the changed state of the
+     * controlled tab component to the controlling DialogWithTabs component.
+     *
+     * @param {Object} change - Object that contains the changed property and
+     * value.
+     * @returns {void}
+     */
+    _onChange(change: Object) {
+        const { onTabStateChange, tabId } = this.props;
+
+        onTabStateChange(tabId, {
+            ...this.props,
+            ...change
+        });
+    }
+
+}
+
+export default AbstractDialogTab;
diff --git a/react/features/base/dialog/constants.ts b/react/features/base/dialog/constants.ts
new file mode 100644
index 0000000..0dcfc05
--- /dev/null
+++ b/react/features/base/dialog/constants.ts
@@ -0,0 +1,83 @@
+import { ReactNode } from 'react';
+
+export type DialogProps = {
+
+    /**
+     * Whether back button is disabled. Enabled by default.
+     */
+    backDisabled?: boolean;
+
+    /**
+     * Optional i18n key to change the back button title.
+     */
+    backKey?: string;
+
+    /**
+     * Whether cancel button is disabled. Enabled by default.
+     */
+    cancelDisabled?: boolean;
+
+    /**
+     * Optional i18n key to change the cancel button title.
+     */
+    cancelKey?: string;
+
+    /**
+     * The React {@code Component} children which represents the dialog's body.
+     */
+    children?: ReactNode;
+
+    /**
+     * Is ok button enabled/disabled. Enabled by default.
+     */
+    okDisabled?: boolean;
+
+    /**
+     * Optional i18n key to change the ok button title.
+     */
+    okKey?: string;
+
+    /**
+     * The handler for onBack event.
+     */
+    onBack?: Function;
+
+    /**
+     * The handler for onCancel event.
+     */
+    onCancel?: Function;
+
+    /**
+     * The handler for the event when submitting the dialog.
+     */
+    onSubmit?: Function;
+
+    /**
+     * Additional style to be applied on the dialog.
+     *
+     * NOTE: Not all dialog types support this!
+     */
+    style?: Object;
+
+    /**
+     * Key to use for showing a title.
+     */
+    titleKey?: string;
+
+    /**
+     * The string to use as a title instead of {@code titleKey}. If a truthy
+     * value is specified, it takes precedence over {@code titleKey} i.e.
+     * The latter is unused.
+     */
+    titleString?: string;
+};
+
+/**
+ * A preferred (or optimal) dialog size. This constant is reused in many
+ * components, where dialog size optimization is suggested.
+ *
+ * NOTE: Even though we support valious devices, including tablets, we don't
+ * want the dialogs to be oversized even on larger devices. This number seems
+ * to be a good compromise, but also easy to update.
+ */
+export const PREFERRED_DIALOG_SIZE = 300;
diff --git a/react/features/base/dialog/functions.ts b/react/features/base/dialog/functions.ts
new file mode 100644
index 0000000..c2b7afe
--- /dev/null
+++ b/react/features/base/dialog/functions.ts
@@ -0,0 +1,45 @@
+import { ComponentType } from 'react';
+
+import { IReduxState } from '../../app/types';
+import { IStateful } from '../app/types';
+import ColorSchemeRegistry from '../color-scheme/ColorSchemeRegistry';
+import { toState } from '../redux/functions';
+
+/**
+ * Checks if any {@code Dialog} is currently open.
+ *
+ * @param {IStateful} stateful - The redux store, the redux
+ * {@code getState} function, or the redux state itself.
+ * @returns {boolean}
+ */
+export function isAnyDialogOpen(stateful: IStateful) {
+    return Boolean(toState(stateful)['features/base/dialog'].component);
+}
+
+/**
+ * Checks if a {@code Dialog} with a specific {@code component} is currently
+ * open.
+ *
+ * @param {IStateful} stateful - The redux store, the redux
+ * {@code getState} function, or the redux state itself.
+ * @param {React.Component} component - The {@code component} of a
+ * {@code Dialog} to be checked.
+ * @returns {boolean}
+ */
+export function isDialogOpen(stateful: IStateful, component: ComponentType<any>) {
+    return toState(stateful)['features/base/dialog'].component === component;
+}
+
+/**
+ * Maps part of the Redux state to the props of any Dialog based component.
+ *
+ * @param {IReduxState} state - The Redux state.
+ * @returns {{
+ *     _dialogStyles: StyleType
+ * }}
+ */
+export function _abstractMapStateToProps(state: IReduxState) {
+    return {
+        _dialogStyles: ColorSchemeRegistry.get(state, 'Dialog')
+    };
+}
diff --git a/react/features/base/dialog/logger.ts b/react/features/base/dialog/logger.ts
new file mode 100644
index 0000000..5d09983
--- /dev/null
+++ b/react/features/base/dialog/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../logging/functions';
+
+export default getLogger('app:dialog');
diff --git a/react/features/base/dialog/reducer.ts b/react/features/base/dialog/reducer.ts
new file mode 100644
index 0000000..b1b019d
--- /dev/null
+++ b/react/features/base/dialog/reducer.ts
@@ -0,0 +1,63 @@
+import { ComponentType } from 'react';
+
+import ReducerRegistry from '../redux/ReducerRegistry';
+import { assign } from '../redux/functions';
+
+import {
+    HIDE_DIALOG,
+    HIDE_SHEET,
+    OPEN_DIALOG,
+    OPEN_SHEET
+} from './actionTypes';
+
+export interface IDialogState {
+    component?: ComponentType;
+    componentProps?: Object;
+    sheet?: ComponentType;
+    sheetProps?: Object;
+}
+
+/**
+ * Reduces redux actions which show or hide dialogs.
+ *
+ * @param {IDialogState} state - The current redux state.
+ * @param {Action} action - The redux action to reduce.
+ * @param {string} action.type - The type of the redux action to reduce..
+ * @returns {State} The next redux state that is the result of reducing the
+ * specified action.
+ */
+ReducerRegistry.register<IDialogState>('features/base/dialog', (state = {}, action): IDialogState => {
+    switch (action.type) {
+    case HIDE_DIALOG: {
+        const { component } = action;
+
+        if (typeof component === 'undefined' || state.component === component) {
+            return assign(state, {
+                component: undefined,
+                componentProps: undefined
+            });
+        }
+        break;
+    }
+
+    case OPEN_DIALOG:
+        return assign(state, {
+            component: action.component,
+            componentProps: action.componentProps
+        });
+
+    case HIDE_SHEET:
+        return assign(state, {
+            sheet: undefined,
+            sheetProps: undefined
+        });
+
+    case OPEN_SHEET:
+        return assign(state, {
+            sheet: action.component,
+            sheetProps: action.componentProps
+        });
+    }
+
+    return state;
+});
diff --git a/react/features/base/environment/checkChromeExtensionsInstalled.native.ts b/react/features/base/environment/checkChromeExtensionsInstalled.native.ts
new file mode 100644
index 0000000..159dac5
--- /dev/null
+++ b/react/features/base/environment/checkChromeExtensionsInstalled.native.ts
@@ -0,0 +1,10 @@
+/**
+ * Checks whether the chrome extensions defined in the config file are installed or not.
+ *
+ * @param {Object} _config - Objects containing info about the configured extensions.
+ *
+ * @returns {Promise[]}
+ */
+export default function checkChromeExtensionsInstalled(_config: any = {}) {
+    return Promise.resolve([]);
+}
diff --git a/react/features/base/environment/checkChromeExtensionsInstalled.web.ts b/react/features/base/environment/checkChromeExtensionsInstalled.web.ts
new file mode 100644
index 0000000..4324b1c
--- /dev/null
+++ b/react/features/base/environment/checkChromeExtensionsInstalled.web.ts
@@ -0,0 +1,26 @@
+/**
+ * Checks whether the chrome extensions defined in the config file are installed or not.
+ *
+ * @param {Object} config - Objects containing info about the configured extensions.
+ *
+ * @returns {Promise[]}
+ */
+export default function checkChromeExtensionsInstalled(config: any = {}) {
+    const isExtensionInstalled = (info: any) => new Promise(resolve => {
+        const img = new Image();
+
+        img.src = `chrome-extension://${info.id}/${info.path}`;
+        img.setAttribute('aria-hidden', 'true');
+        img.onload = function() {
+            resolve(true);
+        };
+        img.onerror = function() {
+            resolve(false);
+        };
+    });
+    const extensionInstalledFunction = (info: any) => isExtensionInstalled(info);
+
+    return Promise.all(
+        (config.chromeExtensionsInfo || []).map((info: any) => extensionInstalledFunction(info))
+    );
+}
diff --git a/react/features/base/environment/environment.ts b/react/features/base/environment/environment.ts
new file mode 100644
index 0000000..32384b2
--- /dev/null
+++ b/react/features/base/environment/environment.ts
@@ -0,0 +1,122 @@
+import JitsiMeetJS from '../lib-jitsi-meet';
+import Platform from '../react/Platform';
+
+import { isMobileBrowser } from './utils';
+
+const { browser } = JitsiMeetJS.util;
+
+const DEFAULT_OPTIMAL_BROWSERS = [
+    'chrome',
+    'chromium',
+    'electron',
+    'firefox',
+    'safari',
+    'webkit'
+];
+
+const DEFAULT_UNSUPPORTED_BROWSERS: string[] = [];
+
+const browserNameToCheck = {
+    chrome: browser.isChrome.bind(browser),
+    chromium: browser.isChromiumBased.bind(browser),
+    electron: browser.isElectron.bind(browser),
+    firefox: browser.isFirefox.bind(browser),
+    safari: browser.isSafari.bind(browser),
+    webkit: browser.isWebKitBased.bind(browser)
+};
+
+/**
+ * Returns whether or not jitsi is optimized and targeted for the  provided
+ * browser name.
+ *
+ * @param {string} browserName - The name of the browser to check.
+ * @returns {boolean}
+ */
+export function isBrowsersOptimal(browserName: string) {
+    return (interfaceConfig.OPTIMAL_BROWSERS || DEFAULT_OPTIMAL_BROWSERS)
+        .includes(browserName);
+}
+
+/**
+ * Returns whether or not the current OS is Mac.
+ *
+ * @returns {boolean}
+ */
+export function isMacOS() {
+    return Platform.OS === 'macos';
+}
+
+/**
+ * Returns whether or not the current OS is Windows.
+ *
+ * @returns {boolean}
+ */
+export function isWindows() {
+    return Platform.OS === 'windows';
+}
+
+/**
+ * Returns whether or not the current browser or the list of passed in browsers
+ * is considered suboptimal. Suboptimal means it is a supported browser but has
+ * not been explicitly listed as being optimal, possibly due to functionality
+ * issues.
+ *
+ * @param {Array<string>} [browsers] - A list of browser names to check. Will
+ * default to a whitelist.
+ * @returns {boolean}
+ */
+export function isSuboptimalBrowser() {
+    const optimalBrowsers
+        = interfaceConfig.OPTIMAL_BROWSERS || DEFAULT_OPTIMAL_BROWSERS;
+
+    return !_isCurrentBrowserInList(optimalBrowsers) && isSupportedBrowser();
+}
+
+/**
+ * Returns whether or not the current browser should allow the app to display.
+ * A supported browser is assumed to be able to support WebRtc.
+ *
+ * @returns {boolean}
+ */
+export function isSupportedBrowser() {
+    if (navigator.product === 'ReactNative') {
+        return false;
+    }
+
+    // Blacklists apply to desktop browsers only right now.
+    if (!isMobileBrowser() && _isCurrentBrowserInList(
+        interfaceConfig.UNSUPPORTED_BROWSERS || DEFAULT_UNSUPPORTED_BROWSERS
+    )) {
+        return false;
+    }
+
+    return isMobileBrowser() ? isSupportedMobileBrowser() : JitsiMeetJS.isWebRtcSupported();
+}
+
+/**
+ * Returns whether or not the current environment is a supported
+ * browser on a mobile device.
+ *
+ * @returns {boolean}
+ */
+export function isSupportedMobileBrowser() {
+    return (Platform.OS === 'android' && browser.isSupportedAndroidBrowser())
+        || (Platform.OS === 'ios' && browser.isSupportedIOSBrowser());
+}
+
+/**
+ * Runs various browser checks to know if the current browser is found within
+ * the list.
+ *
+ * @param {Array<string>} list - Browser names to check. The names should be
+ * keys in {@link browserNameToCheck}.
+ * @private
+ * @returns {boolean}
+ */
+function _isCurrentBrowserInList(list: string[]) {
+    return Boolean(list.find(browserName => {
+        const checkFunction = browserNameToCheck[browserName as keyof typeof browserNameToCheck];
+
+        return checkFunction ? checkFunction.call(browser) : false;
+    }));
+}
diff --git a/react/features/base/environment/utils.ts b/react/features/base/environment/utils.ts
new file mode 100644
index 0000000..6314180
--- /dev/null
+++ b/react/features/base/environment/utils.ts
@@ -0,0 +1,32 @@
+import Platform from '../react/Platform';
+
+/**
+ * Returns whether or not the current environment is a mobile device.
+ *
+ * @returns {boolean}
+ */
+export function isMobileBrowser() {
+    return Platform.OS === 'android' || Platform.OS === 'ios';
+}
+
+
+/**
+ * Returns whether or not the current environment is an ios mobile device.
+ *
+ * @returns {boolean}
+ */
+export function isIosMobileBrowser() {
+    return Platform.OS === 'ios';
+}
+
+/**
+ * Returns whether or not the current environment is an ipad device.
+ *
+ * @returns {boolean}
+ */
+export function isIpadMobileBrowser() {
+
+    // @ts-ignore
+    return isIosMobileBrowser() && Platform.isPad;
+}
+
diff --git a/react/features/base/flags/actionTypes.ts b/react/features/base/flags/actionTypes.ts
new file mode 100644
index 0000000..8ea6467
--- /dev/null
+++ b/react/features/base/flags/actionTypes.ts
@@ -0,0 +1,10 @@
+/**
+ * The type of Redux action which updates the feature flags.
+ *
+ * {
+ *     type: UPDATE_FLAGS,
+ *     flags: Object
+ * }
+ *
+ */
+export const UPDATE_FLAGS = 'UPDATE_FLAGS';
diff --git a/react/features/base/flags/actions.ts b/react/features/base/flags/actions.ts
new file mode 100644
index 0000000..52810f0
--- /dev/null
+++ b/react/features/base/flags/actions.ts
@@ -0,0 +1,27 @@
+import logger from '../app/logger';
+
+import { UPDATE_FLAGS } from './actionTypes';
+import * as featureFlags from './constants';
+
+/**
+ * Updates the current features flags with the given ones. They will be merged.
+ *
+ * @param {Object} flags - The new flags object.
+ * @returns {{
+ *     type: UPDATE_FLAGS,
+ *     flags: Object
+ * }}
+ */
+export function updateFlags(flags: Object) {
+    const supportedFlags = Object.values(featureFlags);
+    const unsupportedFlags = Object.keys(flags).filter(flag => !supportedFlags.includes(flag as any));
+
+    if (unsupportedFlags.length > 0) {
+        logger.warn(`The following feature flags are not supported: ${unsupportedFlags.join(', ')}.`);
+    }
+
+    return {
+        type: UPDATE_FLAGS,
+        flags
+    };
+}
diff --git a/react/features/base/flags/constants.ts b/react/features/base/flags/constants.ts
new file mode 100644
index 0000000..c6abc47
--- /dev/null
+++ b/react/features/base/flags/constants.ts
@@ -0,0 +1,286 @@
+/**
+ * Flag indicating if add-people functionality should be enabled.
+ * Default: enabled (true).
+ */
+export const ADD_PEOPLE_ENABLED = 'add-people.enabled';
+
+/**
+ * Flag indicating if the audio device button should be displayed.
+ * Default: enabled (true).
+ */
+export const AUDIO_DEVICE_BUTTON_ENABLED = 'audio-device-button.enabled';
+
+/**
+ * Flag indicating if the SDK should not require the audio focus.
+ * Used by apps that do not use Jitsi audio.
+ * Default: disabled (false).
+ */
+export const AUDIO_FOCUS_DISABLED = 'audio-focus.disabled';
+
+/**
+ * Flag indicating if the audio mute button should be displayed.
+ * Default: enabled (true).
+ */
+export const AUDIO_MUTE_BUTTON_ENABLED = 'audio-mute.enabled';
+
+/**
+ * Flag indicating that the Audio only button in the overflow menu is enabled.
+ * Default: enabled (true).
+ */
+export const AUDIO_ONLY_BUTTON_ENABLED = 'audio-only.enabled';
+
+/**
+ * Flag indicating that the Breakout Rooms button in the overflow menu is enabled.
+ * Default: enabled (true).
+ */
+export const BREAKOUT_ROOMS_BUTTON_ENABLED = 'breakout-rooms.enabled';
+
+/**
+ * Flag indicating if calendar integration should be enabled.
+ * Default: enabled (true) on Android, auto-detected on iOS.
+ */
+export const CALENDAR_ENABLED = 'calendar.enabled';
+
+/**
+ * Flag indicating if call integration (CallKit on iOS, ConnectionService on Android)
+ * should be enabled.
+ * Default: enabled (true).
+ */
+export const CALL_INTEGRATION_ENABLED = 'call-integration.enabled';
+
+/**
+ * Flag indicating if car mode should be enabled.
+ * Default: enabled (true).
+ */
+export const CAR_MODE_ENABLED = 'car-mode.enabled';
+
+/**
+ * Flag indicating if close captions should be enabled.
+ * Default: enabled (true).
+ */
+export const CLOSE_CAPTIONS_ENABLED = 'close-captions.enabled';
+
+/**
+ * Flag indicating if conference timer should be enabled.
+ * Default: enabled (true).
+ */
+export const CONFERENCE_TIMER_ENABLED = 'conference-timer.enabled';
+
+/**
+ * Flag indicating if chat should be enabled.
+ * Default: enabled (true).
+ */
+export const CHAT_ENABLED = 'chat.enabled';
+
+/**
+ * Flag indicating if the filmstrip should be enabled.
+ * Default: enabled (true).
+ */
+export const FILMSTRIP_ENABLED = 'filmstrip.enabled';
+
+/**
+ * Flag indicating if the Help button should be enabled.
+ * Default: enabled (true).
+ */
+export const HELP_BUTTON_ENABLED = 'help.enabled';
+
+/**
+ * Flag indicating if invite functionality should be enabled.
+ * Default: enabled (true).
+ */
+export const INVITE_ENABLED = 'invite.enabled';
+
+/**
+ * Flag indicating if dial-in invite functionality should be enabled.
+ * Default: enabled (true).
+ */
+export const INVITE_DIAL_IN_ENABLED = 'invite-dial-in.enabled';
+
+/**
+ * Flag indicating if recording should be enabled in iOS.
+ * Default: disabled (false).
+ */
+export const IOS_RECORDING_ENABLED = 'ios.recording.enabled';
+
+/**
+ * Flag indicating if screen sharing should be enabled in iOS.
+ * Default: disabled (false).
+ */
+export const IOS_SCREENSHARING_ENABLED = 'ios.screensharing.enabled';
+
+/**
+ * Flag indicating if screen sharing should be enabled in android.
+ * Default: enabled (true).
+ */
+export const ANDROID_SCREENSHARING_ENABLED = 'android.screensharing.enabled';
+
+/**
+ * Flag indicating if speaker statistics should be enabled.
+ * Default: enabled (true).
+ */
+export const SPEAKERSTATS_ENABLED = 'speakerstats.enabled';
+
+/**
+ * Flag indicating if kickout is enabled.
+ * Default: enabled (true).
+ */
+export const KICK_OUT_ENABLED = 'kick-out.enabled';
+
+/**
+ * Flag indicating if live-streaming should be enabled.
+ * Default: auto-detected.
+ */
+export const LIVE_STREAMING_ENABLED = 'live-streaming.enabled';
+
+/**
+ * Flag indicating if lobby mode button should be enabled.
+ * Default: enabled.
+ */
+export const LOBBY_MODE_ENABLED = 'lobby-mode.enabled';
+
+/**
+ * Flag indicating if displaying the meeting name should be enabled.
+ * Default: enabled (true).
+ */
+export const MEETING_NAME_ENABLED = 'meeting-name.enabled';
+
+/**
+ * Flag indicating if the meeting password button should be enabled.
+ * Note that this flag just decides on the button, if a meeting has a password
+ * set, the password dialog will still show up.
+ * Default: enabled (true).
+ */
+export const MEETING_PASSWORD_ENABLED = 'meeting-password.enabled';
+
+/**
+ * Flag indicating if the notifications should be enabled.
+ * Default: enabled (true).
+ */
+export const NOTIFICATIONS_ENABLED = 'notifications.enabled';
+
+/**
+ * Flag indicating if the audio overflow menu button should be displayed.
+ * Default: enabled (true).
+ */
+export const OVERFLOW_MENU_ENABLED = 'overflow-menu.enabled';
+
+/**
+ * Flag indicating if participants should be enabled.
+ * Default: enabled (true).
+ */
+export const PARTICIPANTS_ENABLED = 'participants.enabled';
+
+/**
+ * Flag indicating if Picture-in-Picture should be enabled.
+ * Default: auto-detected.
+ */
+export const PIP_ENABLED = 'pip.enabled';
+
+/**
+ * Flag indicating if the prejoin page should be enabled.
+ * Default: enabled (true).
+ */
+export const PREJOIN_PAGE_ENABLED = 'prejoinpage.enabled';
+
+/**
+ * Flag indicating if the participant name editing field should be displayed on the prejoin page.
+ * Default: disabled (false).
+ */
+export const PREJOIN_PAGE_HIDE_DISPLAY_NAME = 'prejoinpage.hideDisplayName';
+
+/**
+ * Flag indicating if raise hand feature should be enabled.
+ * Default: enabled.
+ */
+export const RAISE_HAND_ENABLED = 'raise-hand.enabled';
+
+/**
+ * Flag indicating if the reactions feature should be enabled.
+ * Default: enabled (true).
+ */
+export const REACTIONS_ENABLED = 'reactions.enabled';
+
+/**
+ * Flag indicating if recording should be enabled.
+ * Default: auto-detected.
+ */
+export const RECORDING_ENABLED = 'recording.enabled';
+
+/**
+ * Flag indicating if the user should join the conference with the replaceParticipant functionality.
+ * Default: (false).
+ */
+export const REPLACE_PARTICIPANT = 'replace.participant';
+
+/**
+ * Flag indicating the local and (maximum) remote video resolution. Overrides
+ * the server configuration.
+ * Default: (unset).
+ */
+export const RESOLUTION = 'resolution';
+
+/**
+ * Flag indicating if the security options button should be enabled.
+ * Default: enabled (true).
+ */
+export const SECURITY_OPTIONS_ENABLED = 'security-options.enabled';
+
+/**
+ * Flag indicating if server URL change is enabled.
+ * Default: enabled (true).
+ */
+export const SERVER_URL_CHANGE_ENABLED = 'server-url-change.enabled';
+
+/**
+ * Flag indicating if settings should be enabled.
+ * Default: enabled (true).
+ */
+export const SETTINGS_ENABLED = 'settings.enabled';
+
+/**
+ * Flag indicating if tile view feature should be enabled.
+ * Default: enabled(true).
+ */
+export const TILE_VIEW_ENABLED = 'tile-view.enabled';
+
+/**
+ * Flag indicating if the toggle camera button should be enabled
+ * Default: enabled(true).
+ */
+export const TOGGLE_CAMERA_BUTTON_ENABLED = 'toggle-camera-button.enabled';
+
+/**
+ * Flag indicating if the toolbox should be always be visible
+ * Default: disabled (false).
+ */
+export const TOOLBOX_ALWAYS_VISIBLE = 'toolbox.alwaysVisible';
+
+/**
+ * Flag indicating if the toolbox should be enabled
+ * Default: enabled.
+ */
+export const TOOLBOX_ENABLED = 'toolbox.enabled';
+
+/**
+ * Flag indicating if the unsafe room warning should be enabled.
+ * Default: disabled (false).
+ */
+export const UNSAFE_ROOM_WARNING = 'unsaferoomwarning.enabled';
+
+/**
+ * Flag indicating if the video mute button should be displayed.
+ * Default: enabled (true).
+ */
+export const VIDEO_MUTE_BUTTON_ENABLED = 'video-mute.enabled';
+
+/**
+ * Flag indicating if the video share button should be enabled
+ * Default: enabled (true).
+ */
+export const VIDEO_SHARE_BUTTON_ENABLED = 'video-share.enabled';
+
+/**
+ * Flag indicating if the welcome page should be enabled.
+ * Default: disabled (false).
+ */
+export const WELCOME_PAGE_ENABLED = 'welcomepage.enabled';
diff --git a/react/features/base/flags/functions.ts b/react/features/base/flags/functions.ts
new file mode 100644
index 0000000..79b0439
--- /dev/null
+++ b/react/features/base/flags/functions.ts
@@ -0,0 +1,31 @@
+import { getAppProp } from '../app/functions';
+import { IStateful } from '../app/types';
+import { toState } from '../redux/functions';
+
+/**
+ * Gets the value of a specific feature flag.
+ *
+ * @param {Function|Object} stateful - The redux store or {@code getState}
+ * function.
+ * @param {string} flag - The name of the React {@code Component} prop of
+ * the currently mounted {@code App} to get.
+ * @param {*} defaultValue - A default value for the flag, in case it's not defined.
+ * @returns {*} The value of the specified React {@code Component} prop of the
+ * currently mounted {@code App}.
+ */
+export function getFeatureFlag(stateful: IStateful, flag: string, defaultValue?: boolean | string) {
+    const state = toState(stateful)['features/base/flags'];
+
+    if (state) {
+        const value = state[flag as keyof typeof state];
+
+        if (typeof value !== 'undefined') {
+            return value;
+        }
+    }
+
+    // Maybe the value hasn't made it to the redux store yet, check the app props.
+    const flags = getAppProp(stateful, 'flags') || {};
+
+    return flags[flag] || defaultValue;
+}
diff --git a/react/features/base/flags/reducer.ts b/react/features/base/flags/reducer.ts
new file mode 100644
index 0000000..961576e
--- /dev/null
+++ b/react/features/base/flags/reducer.ts
@@ -0,0 +1,35 @@
+import { isEqual, merge } from 'lodash-es';
+
+import ReducerRegistry from '../redux/ReducerRegistry';
+
+import { UPDATE_FLAGS } from './actionTypes';
+
+/**
+ * Default state value for the feature flags.
+ */
+const DEFAULT_STATE = {};
+
+export interface IFlagsState {
+    flags?: Object;
+}
+
+/**
+ * Reduces redux actions which handle feature flags.
+ *
+ * @param {State} state - The current redux state.
+ * @param {Action} action - The redux action to reduce.
+ * @param {string} action.type - The type of the redux action to reduce.
+ * @returns {State} The next redux state that is the result of reducing the
+ * specified action.
+ */
+ReducerRegistry.register<IFlagsState>('features/base/flags', (state = DEFAULT_STATE, action): IFlagsState => {
+    switch (action.type) {
+    case UPDATE_FLAGS: {
+        const newState = merge({}, state, action.flags);
+
+        return isEqual(state, newState) ? state : newState;
+    }
+    }
+
+    return state;
+});
diff --git a/react/features/base/i18n/BuiltinLanguages.native.ts b/react/features/base/i18n/BuiltinLanguages.native.ts
new file mode 100644
index 0000000..7989382
--- /dev/null
+++ b/react/features/base/i18n/BuiltinLanguages.native.ts
@@ -0,0 +1,189 @@
+import i18next from 'i18next';
+
+/**
+ * The builtin languages.
+ */
+const _LANGUAGES = {
+
+    // Afrikaans
+    'af': {
+        main: require('../../../../lang/main-af')
+    },
+
+    // Arabic
+    'ar': {
+        main: require('../../../../lang/main-ar')
+    },
+
+    // Bulgarian
+    'bg': {
+        main: require('../../../../lang/main-bg')
+    },
+
+    // Catalan
+    'ca': {
+        main: require('../../../../lang/main-ca')
+    },
+
+    // German
+    'de': {
+        main: require('../../../../lang/main-de')
+    },
+
+    // Esperanto
+    'eo': {
+        main: require('../../../../lang/main-eo')
+    },
+
+    // Spanish
+    'es': {
+        main: require('../../../../lang/main-es')
+    },
+
+    // Spanish (Latin America)
+    'es-US': {
+        main: require('../../../../lang/main-es-US')
+    },
+
+    // Estonian
+    'et': {
+        main: require('../../../../lang/main-et')
+    },
+
+    // Persian
+    'fa': {
+        main: require('../../../../lang/main-fa')
+    },
+
+    // Finnish
+    'fi': {
+        main: require('../../../../lang/main-fi')
+    },
+
+    // French
+    'fr': {
+        main: require('../../../../lang/main-fr')
+    },
+
+    // French (Canadian)
+    'fr-CA': {
+        main: require('../../../../lang/main-fr-CA')
+    },
+
+    // Croatian
+    'hr': {
+        main: require('../../../../lang/main-hr')
+    },
+
+    // Hungarian
+    'hu': {
+        main: require('../../../../lang/main-hu')
+    },
+
+    // Italian
+    'it': {
+        main: require('../../../../lang/main-it')
+    },
+
+    // Japanese
+    'ja': {
+        main: require('../../../../lang/main-ja')
+    },
+
+    // Korean
+    'ko': {
+        main: require('../../../../lang/main-ko')
+    },
+
+    // Mongolian
+    'mn': {
+        main: require('../../../../lang/main-mn')
+    },
+
+    // Dutch
+    'nl': {
+        main: require('../../../../lang/main-nl')
+    },
+
+    // Occitan
+    'oc': {
+        main: require('../../../../lang/main-oc')
+    },
+
+    // Polish
+    'pl': {
+        main: require('../../../../lang/main-pl')
+    },
+
+    // Portuguese (Brazil)
+    'pt-BR': {
+        main: require('../../../../lang/main-pt-BR')
+    },
+
+    // Romanian
+    'ro': {
+        main: require('../../../../lang/main-ro')
+    },
+
+    // Russian
+    'ru': {
+        main: require('../../../../lang/main-ru')
+    },
+
+    // Sardinian (Sardinia)
+    'sc': {
+        main: require('../../../../lang/main-sc')
+    },
+
+    // Slovak
+    'sk': {
+        main: require('../../../../lang/main-sk')
+    },
+
+    // Slovenian
+    'sl': {
+        main: require('../../../../lang/main-sl')
+    },
+
+    // Swedish
+    'sv': {
+        main: require('../../../../lang/main-sv')
+    },
+
+    // Turkish
+    'tr': {
+        main: require('../../../../lang/main-tr')
+    },
+
+    // Ukrainian
+    'uk': {
+        main: require('../../../../lang/main-uk')
+    },
+
+    // Vietnamese
+    'vi': {
+        main: require('../../../../lang/main-vi')
+    },
+
+    // Chinese (Simplified)
+    'zh-CN': {
+        main: require('../../../../lang/main-zh-CN')
+    },
+
+    // Chinese (Traditional)
+    'zh-TW': {
+        main: require('../../../../lang/main-zh-TW')
+    }
+};
+
+// Register all builtin languages with the i18n library.
+for (const name in _LANGUAGES) { // eslint-disable-line guard-for-in
+    const { main } = _LANGUAGES[name as keyof typeof _LANGUAGES];
+
+    i18next.addResourceBundle(
+        name,
+        'main',
+        main,
+        /* deep */ true,
+        /* overwrite */ true);
+}
diff --git a/react/features/base/i18n/BuiltinLanguages.web.ts b/react/features/base/i18n/BuiltinLanguages.web.ts
new file mode 100644
index 0000000..e69de29
diff --git a/react/features/base/i18n/actionTypes.ts b/react/features/base/i18n/actionTypes.ts
new file mode 100644
index 0000000..3b0cea3
--- /dev/null
+++ b/react/features/base/i18n/actionTypes.ts
@@ -0,0 +1,9 @@
+/**
+ * The type of (redux) action which signals that i18next has been initialized.
+ */
+export const I18NEXT_INITIALIZED = 'I18NEXT_INITIALIZED';
+
+/**
+ * The type of (redux) action which signals that language has been changed.
+ */
+export const LANGUAGE_CHANGED = 'LANGUAGE_CHANGED';
diff --git a/react/features/base/i18n/configLanguageDetector.ts b/react/features/base/i18n/configLanguageDetector.ts
new file mode 100644
index 0000000..0a62ecd
--- /dev/null
+++ b/react/features/base/i18n/configLanguageDetector.ts
@@ -0,0 +1,28 @@
+
+declare let config: any;
+
+/**
+ * Custom language detection, just returns the config property if any.
+ */
+export default {
+    /**
+     * Does not support caching.
+     *
+     * @returns {void}
+     */
+    cacheUserLanguage: Function.prototype,
+
+    /**
+     * Looks the language up in the config.
+     *
+     * @returns {string} The default language if any.
+     */
+    lookup() {
+        return config.defaultLanguage;
+    },
+
+    /**
+     * Name of the language detector.
+     */
+    name: 'configLanguageDetector'
+};
diff --git a/react/features/base/i18n/dateUtil.ts b/react/features/base/i18n/dateUtil.ts
new file mode 100644
index 0000000..ddf3df5
--- /dev/null
+++ b/react/features/base/i18n/dateUtil.ts
@@ -0,0 +1,150 @@
+import dayjs from 'dayjs';
+import durationPlugin from 'dayjs/plugin/duration';
+import localizedFormatPlugin from 'dayjs/plugin/localizedFormat';
+import relativeTimePlugin from 'dayjs/plugin/relativeTime';
+
+import i18next from './i18next';
+
+dayjs.extend(durationPlugin);
+dayjs.extend(relativeTimePlugin);
+dayjs.extend(localizedFormatPlugin);
+
+// Day.js uses static language bundle loading, so in order to support dynamic
+// language selection in the app we need to load all bundles that we support in
+// the app.
+import 'dayjs/locale/af';
+import 'dayjs/locale/ar';
+import 'dayjs/locale/be';
+import 'dayjs/locale/bg';
+import 'dayjs/locale/ca';
+import 'dayjs/locale/cs';
+import 'dayjs/locale/da';
+import 'dayjs/locale/de';
+import 'dayjs/locale/el';
+import 'dayjs/locale/eo';
+import 'dayjs/locale/es';
+import 'dayjs/locale/es-us';
+import 'dayjs/locale/et';
+import 'dayjs/locale/eu';
+import 'dayjs/locale/fa';
+import 'dayjs/locale/fi';
+import 'dayjs/locale/fr';
+import 'dayjs/locale/fr-ca';
+import 'dayjs/locale/gl';
+import 'dayjs/locale/he';
+import 'dayjs/locale/hi';
+import 'dayjs/locale/hr';
+import 'dayjs/locale/hu';
+import 'dayjs/locale/hy-am';
+import 'dayjs/locale/id';
+import 'dayjs/locale/is';
+import 'dayjs/locale/it';
+import 'dayjs/locale/ja';
+import 'dayjs/locale/ko';
+import 'dayjs/locale/lt';
+import 'dayjs/locale/lv';
+import 'dayjs/locale/ml';
+import 'dayjs/locale/mn';
+import 'dayjs/locale/mr';
+import 'dayjs/locale/nb';
+import 'dayjs/locale/nl';
+import 'dayjs/locale/oc-lnc';
+import 'dayjs/locale/pl';
+import 'dayjs/locale/pt';
+import 'dayjs/locale/pt-br';
+import 'dayjs/locale/ro';
+import 'dayjs/locale/ru';
+import 'dayjs/locale/sk';
+import 'dayjs/locale/sl';
+import 'dayjs/locale/sq';
+import 'dayjs/locale/sr';
+import 'dayjs/locale/sv';
+import 'dayjs/locale/te';
+import 'dayjs/locale/tr';
+import 'dayjs/locale/uk';
+import 'dayjs/locale/vi';
+import 'dayjs/locale/zh-cn';
+import 'dayjs/locale/zh-tw';
+
+const LOCALE_MAPPING: Record<string, string> = {
+    // i18next -> dayjs
+    'hy': 'hy-am',
+    'oc': 'oc-lnc',
+    'zhCN': 'zh-cn',
+    'zhTW': 'zh-tw',
+    'ptBR': 'pt-br',
+    'esUS': 'es-us',
+    'frCA': 'fr-ca'
+};
+
+/**
+ * Returns a localized date formatter initialized with a specific {@code Date}
+ * or timestamp ({@code number}).
+ *
+ * @private
+ * @param {Date | number} dateOrTimeStamp - The date or unix timestamp (ms)
+ * to format.
+ * @returns {Object}
+ */
+export function getLocalizedDateFormatter(dateOrTimeStamp: Date | number) {
+    return dayjs(dateOrTimeStamp).locale(_getSupportedLocale());
+}
+
+/**
+ * Returns a localized duration formatter initialized with a
+ * specific duration ({@code number}).
+ *
+ * @private
+ * @param {number} duration - The duration (ms)
+ * to format.
+ * @returns {Object}
+ */
+export function getLocalizedDurationFormatter(duration: number) {
+    // If the conference is under an hour long we want to display it without
+    // showing the hour and we want to include the hour if the conference is
+    // more than an hour long
+
+    const d = dayjs.duration(duration);
+
+    if (d.hours() !== 0) {
+        return d.format('H:mm:ss');
+    }
+
+    return d.format('mm:ss');
+}
+
+/**
+ * A lenient locale matcher to match language and dialect if possible.
+ *
+ * @private
+ * @returns {string}
+ */
+function _getSupportedLocale() {
+    const availableLocales = Object.keys(dayjs.Ls);
+    const i18nLocale = i18next.language;
+    let supportedLocale;
+
+    if (LOCALE_MAPPING[i18nLocale]) {
+        return LOCALE_MAPPING[i18nLocale];
+    }
+
+    if (availableLocales.includes(i18nLocale)) {
+        return i18nLocale;
+    }
+
+    if (i18nLocale) {
+        const localeRegexp = new RegExp('^([a-z]{2,2})(-)*([a-z]{2,2})*$');
+        const localeResult = localeRegexp.exec(i18nLocale.toLowerCase());
+
+        if (localeResult) {
+            const currentLocaleRegexp
+                = new RegExp(
+                    `^${localeResult[1]}(-)*${`(${localeResult[3]})*` || ''}`);
+
+            supportedLocale
+                = availableLocales.find(lang => currentLocaleRegexp.exec(lang));
+        }
+    }
+
+    return supportedLocale || 'en';
+}
diff --git a/react/features/base/i18n/functions.tsx b/react/features/base/i18n/functions.tsx
new file mode 100644
index 0000000..2a72269
--- /dev/null
+++ b/react/features/base/i18n/functions.tsx
@@ -0,0 +1,45 @@
+import React from 'react';
+import { WithTranslation, withTranslation } from 'react-i18next';
+
+import i18next from './i18next';
+
+/**
+ * Changes the main translation bundle.
+ *
+ * @param {string} language - The language e.g. 'en', 'fr'.
+ * @param {string} url - The url of the translation bundle.
+ * @returns {void}
+ */
+export async function changeLanguageBundle(language: string, url: string) {
+    const res = await fetch(url);
+    const bundle = await res.json();
+
+    i18next.addResourceBundle(language, 'main', bundle, true, true);
+}
+
+/**
+ * Wraps a specific React Component in order to enable translations in it.
+ *
+ * @param {Component} component - The React Component to wrap.
+ * @returns {Component} The React Component which wraps {@link component} and
+ * enables translations in it.
+ */
+export function translate<P extends WithTranslation>(component: React.ComponentType<P>) {
+    // Use the default list of namespaces.
+    return withTranslation([ 'main', 'languages', 'countries' ])(component);
+}
+
+/**
+ * Translates a specific key to text containing HTML via a specific translate
+ * function.
+ *
+ * @param {Function} t - The translate function.
+ * @param {string} key - The key to translate.
+ * @param {Array<*>} options - The options, if any, to pass to {@link t}.
+ * @returns {ReactElement} A ReactElement which depicts the translated HTML
+ * text.
+ */
+export function translateToHTML(t: Function, key: string, options: Object = {}) {
+    // eslint-disable-next-line react/no-danger
+    return <span dangerouslySetInnerHTML = {{ __html: t(key, options) }} />;
+}
diff --git a/react/features/base/i18n/i18next.ts b/react/features/base/i18n/i18next.ts
new file mode 100644
index 0000000..c9b69d2
--- /dev/null
+++ b/react/features/base/i18n/i18next.ts
@@ -0,0 +1,147 @@
+import COUNTRIES_RESOURCES from 'i18n-iso-countries/langs/en.json';
+import i18next from 'i18next';
+import I18nextXHRBackend, { HttpBackendOptions } from 'i18next-http-backend';
+import { merge } from 'lodash-es';
+
+import LANGUAGES_RESOURCES from '../../../../lang/languages.json';
+import MAIN_RESOURCES from '../../../../lang/main.json';
+import TRANSLATION_LANGUAGES_RESOURCES from '../../../../lang/translation-languages.json';
+
+import { I18NEXT_INITIALIZED, LANGUAGE_CHANGED } from './actionTypes';
+import languageDetector from './languageDetector';
+
+/**
+ * Override certain country names.
+ */
+const COUNTRIES_RESOURCES_OVERRIDES = {
+    countries: {
+        TW: 'Taiwan'
+    }
+};
+
+/**
+ * Merged country names.
+ */
+const COUNTRIES = merge({}, COUNTRIES_RESOURCES, COUNTRIES_RESOURCES_OVERRIDES);
+
+/**
+ * The available/supported languages.
+ *
+ * @public
+ * @type {Array<string>}
+ */
+export const LANGUAGES: Array<string> = Object.keys(LANGUAGES_RESOURCES);
+
+/**
+ * The available/supported translation languages.
+ *
+ * @public
+ * @type {Array<string>}
+ */
+export const TRANSLATION_LANGUAGES: Array<string> = Object.keys(TRANSLATION_LANGUAGES_RESOURCES);
+
+/**
+ * The default language.
+ *
+ * English is the default language.
+ *
+ * @public
+ * @type {string} The default language.
+ */
+export const DEFAULT_LANGUAGE = 'en';
+
+/**
+ * The available/supported translation languages head. (Languages displayed on the top ).
+ *
+ * @public
+ * @type {Array<string>}
+ */
+export const TRANSLATION_LANGUAGES_HEAD: Array<string> = [ DEFAULT_LANGUAGE ];
+
+/**
+ * The options to initialize i18next with.
+ *
+ * @type {i18next.InitOptions}
+ */
+const options: i18next.InitOptions = {
+    backend: <HttpBackendOptions>{
+        loadPath: (lng: string[], ns: string[]) => {
+            switch (ns[0]) {
+            case 'countries':
+            case 'main':
+                return 'lang/{{ns}}-{{lng}}.json';
+            default:
+                return 'lang/{{ns}}.json';
+            }
+        }
+    },
+    defaultNS: 'main',
+    fallbackLng: DEFAULT_LANGUAGE,
+    interpolation: {
+        escapeValue: false // not needed for react as it escapes by default
+    },
+    load: 'all',
+    ns: [ 'main', 'languages', 'countries', 'translation-languages' ],
+    react: {
+        // re-render when a new resource bundle is added
+        // @ts-expect-error. Fixed in i18next 19.6.1.
+        bindI18nStore: 'added',
+        useSuspense: false
+    },
+    returnEmptyString: false,
+    returnNull: false,
+
+    // XXX i18next modifies the array lngWhitelist so make sure to clone
+    // LANGUAGES.
+    whitelist: LANGUAGES.slice()
+};
+
+i18next
+    .use(navigator.product === 'ReactNative' ? {} : I18nextXHRBackend)
+    .use(languageDetector)
+    .init(options);
+
+// Add default language which is preloaded from the source code.
+i18next.addResourceBundle(
+    DEFAULT_LANGUAGE,
+    'countries',
+    COUNTRIES,
+    /* deep */ true,
+    /* overwrite */ true);
+i18next.addResourceBundle(
+    DEFAULT_LANGUAGE,
+    'languages',
+    LANGUAGES_RESOURCES,
+    /* deep */ true,
+    /* overwrite */ true);
+i18next.addResourceBundle(
+    DEFAULT_LANGUAGE,
+    'translation-languages',
+    TRANSLATION_LANGUAGES_RESOURCES,
+    /* deep */ true,
+    /* overwrite */ true);
+i18next.addResourceBundle(
+    DEFAULT_LANGUAGE,
+    'main',
+    MAIN_RESOURCES,
+    /* deep */ true,
+    /* overwrite */ true);
+
+// Add builtin languages.
+// XXX: Note we are using require here, because we want the side-effects of the
+// import, but imports can only be placed at the top, and it would be too early,
+// since i18next is not yet initialized at that point.
+require('./BuiltinLanguages');
+
+// Label change through dynamic branding is available only for web
+if (typeof APP !== 'undefined') {
+    i18next.on('initialized', () => {
+        APP.store.dispatch({ type: I18NEXT_INITIALIZED });
+    });
+
+    i18next.on('languageChanged', () => {
+        APP.store.dispatch({ type: LANGUAGE_CHANGED });
+    });
+}
+
+export default i18next;
diff --git a/react/features/base/i18n/languageDetector.native.ts b/react/features/base/i18n/languageDetector.native.ts
new file mode 100644
index 0000000..8ef6589
--- /dev/null
+++ b/react/features/base/i18n/languageDetector.native.ts
@@ -0,0 +1,43 @@
+import { NativeModules } from 'react-native';
+
+import LANGUAGES_RESOURCES from '../../../../lang/languages.json';
+
+const LANGUAGES = Object.keys(LANGUAGES_RESOURCES);
+
+/**
+ * The singleton language detector for React Native which uses the system-wide
+ * locale.
+ */
+export default {
+    /**
+     * Does not support caching.
+     *
+     * @returns {void}
+     */
+    cacheUserLanguage: Function.prototype,
+
+    detect() {
+        const { LocaleDetector } = NativeModules;
+        const parts = LocaleDetector.locale.replace(/_/, '-').split('-');
+        const [ lang, regionOrScript, region ] = parts;
+        let locale;
+
+        if (parts.length >= 3) {
+            locale = `${lang}${region}`;
+        } else if (parts.length === 2) {
+            locale = `${lang}${regionOrScript}`;
+        } else {
+            locale = lang;
+        }
+
+        if (LANGUAGES.includes(locale)) {
+            return locale;
+        }
+
+        return lang;
+    },
+
+    init: Function.prototype,
+
+    type: 'languageDetector'
+};
diff --git a/react/features/base/i18n/languageDetector.web.ts b/react/features/base/i18n/languageDetector.web.ts
new file mode 100644
index 0000000..3de8288
--- /dev/null
+++ b/react/features/base/i18n/languageDetector.web.ts
@@ -0,0 +1,39 @@
+import BrowserLanguageDetector from 'i18next-browser-languagedetector';
+
+import configLanguageDetector from './configLanguageDetector';
+
+/**
+ * The ordered list (by name) of language detectors to be utilized as backends
+ * by the singleton language detector for Web.
+ *
+ * @type {Array<string>}
+ */
+const order = [
+    'querystring',
+    'localStorage'
+];
+
+// Allow i18next to detect the system language reported by the Web browser
+// itself.
+interfaceConfig.LANG_DETECTION && order.push('navigator');
+
+// Default use configured language
+order.push(configLanguageDetector.name);
+
+/**
+ * The singleton language detector for Web.
+ */
+const languageDetector
+    = new BrowserLanguageDetector(
+        /* services */ null,
+        /* options */ {
+            caches: [ 'localStorage' ],
+            lookupLocalStorage: 'language',
+            lookupQuerystring: 'lang',
+            order
+        });
+
+// @ts-ignore
+languageDetector.addDetector(configLanguageDetector);
+
+export default languageDetector;
diff --git a/react/features/base/i18n/logger.ts b/react/features/base/i18n/logger.ts
new file mode 100644
index 0000000..91167ea
--- /dev/null
+++ b/react/features/base/i18n/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../logging/functions';
+
+export default getLogger('app:i18n');
diff --git a/react/features/base/i18n/middleware.ts b/react/features/base/i18n/middleware.ts
new file mode 100644
index 0000000..181e967
--- /dev/null
+++ b/react/features/base/i18n/middleware.ts
@@ -0,0 +1,49 @@
+import { SET_DYNAMIC_BRANDING_DATA } from '../../dynamic-branding/actionTypes';
+import { getConferenceState } from '../conference/functions';
+import MiddlewareRegistry from '../redux/MiddlewareRegistry';
+
+import { I18NEXT_INITIALIZED, LANGUAGE_CHANGED } from './actionTypes';
+import { changeLanguageBundle } from './functions';
+import i18next from './i18next';
+import logger from './logger';
+
+/**
+ * Implements the entry point of the middleware of the feature base/i18n.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case I18NEXT_INITIALIZED:
+    case LANGUAGE_CHANGED:
+    case SET_DYNAMIC_BRANDING_DATA: {
+        const { language } = i18next;
+        const { labels } = action.type === SET_DYNAMIC_BRANDING_DATA
+            ? action.value
+            : store.getState()['features/dynamic-branding'];
+
+        if (language && labels?.[language]) {
+            changeLanguageBundle(language, labels[language])
+            .catch(err => {
+                logger.log('Error setting dynamic language bundle', err);
+            });
+        }
+
+        // Update transcription language, if applicable.
+        if (action.type === SET_DYNAMIC_BRANDING_DATA) {
+            const { defaultTranscriptionLanguage } = action.value;
+
+            if (typeof defaultTranscriptionLanguage !== 'undefined') {
+                const { conference } = getConferenceState(store.getState());
+
+                conference?.setTranscriptionLanguage(defaultTranscriptionLanguage);
+            }
+        }
+
+        break;
+    }
+    }
+
+    return next(action);
+});
diff --git a/react/features/base/icons/components/Icon.tsx b/react/features/base/icons/components/Icon.tsx
new file mode 100644
index 0000000..665bec8
--- /dev/null
+++ b/react/features/base/icons/components/Icon.tsx
@@ -0,0 +1,209 @@
+import React, { useCallback } from 'react';
+
+import { Container } from '../../react/components/index';
+import { StyleType, styleTypeToObject } from '../../styles/functions';
+
+import { IIconProps } from './types';
+
+interface IProps extends IIconProps {
+
+    /**
+     * Optional label for screen reader users.
+     *
+     * If set, this is will add a `aria-label` attribute on the svg element,
+     * contrary to the aria* props which set attributes on the container element.
+     *
+     * Use this if the icon conveys meaning and is not clickable.
+     */
+    alt?: string;
+
+    /**
+     * The id of the element this button icon controls.
+     */
+    ariaControls?: string;
+
+    /**
+     * Id of description label.
+     */
+    ariaDescribedBy?: string;
+
+    /**
+     * Aria disabled flag for the Icon.
+     */
+    ariaDisabled?: boolean;
+
+    /**
+     * Whether the element popup is expanded.
+     */
+    ariaExpanded?: boolean;
+
+    /**
+     * Whether the element has a popup.
+     */
+    ariaHasPopup?: boolean;
+
+    /**
+     * Aria label for the Icon.
+     */
+    ariaLabel?: string;
+
+    /**
+     * Whether the element has a pressed.
+     */
+    ariaPressed?: boolean;
+
+    /**
+     * Class name for the web platform, if any.
+     */
+    className?: string;
+
+    /**
+     * Color of the icon (if not provided by the style object).
+     */
+    color?: string;
+
+    /**
+     * Id of the icon container.
+     */
+    containerId?: string;
+
+    /**
+     * Id prop (mainly for autotests).
+     */
+    id?: string;
+
+    /**
+     * On click handler.
+     */
+    onClick?: (e?: any) => void;
+
+    /**
+     * Keydown handler.
+     */
+    onKeyDown?: Function;
+
+    /**
+     * Keypress handler.
+     */
+    onKeyPress?: Function;
+
+    /**
+     * Role for the Icon.
+     */
+    role?: string;
+
+    /**
+     * The size of the icon (if not provided by the style object).
+     */
+    size?: number | string;
+
+    /**
+     * The preloaded icon component to render.
+     */
+    src: Function;
+
+    /**
+     * Style object to be applied.
+     */
+    style?: StyleType | StyleType[];
+
+    /**
+     * TabIndex  for the Icon.
+     */
+    tabIndex?: number;
+
+    /**
+     * Test id for the icon.
+     */
+    testId?: string;
+}
+
+export const DEFAULT_COLOR = navigator.product === 'ReactNative' ? 'white' : undefined;
+export const DEFAULT_SIZE = navigator.product === 'ReactNative' ? 36 : 22;
+
+/**
+ * Implements an Icon component that takes a loaded SVG file as prop and renders it as an icon.
+ *
+ * @param {IProps} props - The props of the component.
+ * @returns {ReactElement}
+ */
+export default function Icon(props: IProps) {
+    const {
+        alt,
+        className = '',
+        color,
+        id,
+        containerId,
+        onClick,
+        size,
+        src: IconComponent,
+        style,
+        ariaHasPopup,
+        ariaLabel,
+        ariaDisabled,
+        ariaExpanded,
+        ariaControls,
+        tabIndex,
+        ariaPressed,
+        ariaDescribedBy,
+        role,
+        onKeyPress,
+        onKeyDown,
+        testId,
+        ...rest
+    }: IProps = props;
+
+    const {
+        color: styleColor,
+        fontSize: styleSize,
+        ...restStyle
+    } = styleTypeToObject(style ?? {});
+    const calculatedColor = color ?? styleColor ?? DEFAULT_COLOR;
+    const calculatedSize = size ?? styleSize ?? DEFAULT_SIZE;
+
+    const onKeyPressHandler = useCallback(e => {
+        if ((e.key === 'Enter' || e.key === ' ') && onClick) {
+            e.preventDefault();
+            onClick(e);
+        } else if (onKeyPress) {
+            onKeyPress(e);
+        }
+    }, [ onClick, onKeyPress ]);
+
+    const jitsiIconClassName = calculatedColor ? 'jitsi-icon' : 'jitsi-icon jitsi-icon-default';
+
+    const iconProps = alt ? {
+        'aria-label': alt,
+        role: 'img'
+    } : {
+        'aria-hidden': true
+    };
+
+    return (
+        <Container
+            { ...rest }
+            aria-controls = { ariaControls }
+            aria-describedby = { ariaDescribedBy }
+            aria-disabled = { ariaDisabled }
+            aria-expanded = { ariaExpanded }
+            aria-haspopup = { ariaHasPopup }
+            aria-label = { ariaLabel }
+            aria-pressed = { ariaPressed }
+            className = { `${jitsiIconClassName} ${className || ''}` }
+            data-testid = { testId }
+            id = { containerId }
+            onClick = { onClick }
+            onKeyDown = { onKeyDown }
+            onKeyPress = { onKeyPressHandler }
+            role = { role }
+            style = { restStyle }
+            tabIndex = { tabIndex }>
+            <IconComponent
+                { ...iconProps }
+                fill = { calculatedColor }
+                height = { calculatedSize }
+                id = { id }
+                width = { calculatedSize } />
+        </Container>
+    );
+}
diff --git a/react/features/base/icons/components/SvgXmlIcon.native.tsx b/react/features/base/icons/components/SvgXmlIcon.native.tsx
new file mode 100644
index 0000000..fa95620
--- /dev/null
+++ b/react/features/base/icons/components/SvgXmlIcon.native.tsx
@@ -0,0 +1,17 @@
+import React from 'react';
+import { SvgFromXml } from 'react-native-svg';
+
+/**
+ * SVG rendering component.
+ *
+ * @returns {JSX.Element}
+ */
+const SvgXmlIcon = ({ src, ...rest }: {
+    src: string;
+}): JSX.Element => (
+    <SvgFromXml
+        override = { rest }
+        xml = { src } />
+);
+
+export default SvgXmlIcon;
diff --git a/react/features/base/icons/components/SvgXmlIcon.web.tsx b/react/features/base/icons/components/SvgXmlIcon.web.tsx
new file mode 100644
index 0000000..169aa75
--- /dev/null
+++ b/react/features/base/icons/components/SvgXmlIcon.web.tsx
@@ -0,0 +1,26 @@
+import React, { useMemo } from 'react';
+
+/**
+ * SVG rendering component.
+ *
+ * @returns {JSX.Element}
+ */
+const SvgXmlIcon = ({ src, ...rest }: {
+    src: string;
+}): JSX.Element => {
+    const svgDocument = new DOMParser().parseFromString(src, 'image/svg+xml');
+    const element = svgDocument.documentElement.outerHTML;
+    const attributes = useMemo(() => Object.entries(rest).map(
+        ([ key, value ]) => `${key}="${value}"`)
+    .join(' '), [ rest ]);
+
+    const html = element.replace('<svg', `<svg ${attributes}`);
+
+    return (
+        <div // eslint-disable-next-line react/no-danger
+            dangerouslySetInnerHTML = {{ __html: html }}
+            { ...rest } />
+    );
+};
+
+export default SvgXmlIcon;
diff --git a/react/features/base/icons/components/types.native.ts b/react/features/base/icons/components/types.native.ts
new file mode 100644
index 0000000..9e3cf86
--- /dev/null
+++ b/react/features/base/icons/components/types.native.ts
@@ -0,0 +1,5 @@
+import { GestureResponderEvent } from 'react-native';
+
+export interface IIconProps {
+    onClick?: (e?: GestureResponderEvent) => void;
+}
diff --git a/react/features/base/icons/components/types.web.ts b/react/features/base/icons/components/types.web.ts
new file mode 100644
index 0000000..1646dee
--- /dev/null
+++ b/react/features/base/icons/components/types.web.ts
@@ -0,0 +1,5 @@
+import React from 'react';
+
+export interface IIconProps {
+    onClick?: (e?: React.MouseEvent) => void;
+}
diff --git a/react/features/base/icons/components/withBranding.tsx b/react/features/base/icons/components/withBranding.tsx
new file mode 100644
index 0000000..f473342
--- /dev/null
+++ b/react/features/base/icons/components/withBranding.tsx
@@ -0,0 +1,32 @@
+import React from 'react';
+import { useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+
+import SvgXmlIcon from './SvgXmlIcon';
+
+/**
+ * Icon wrapper that checks for branding before returning the SVG component.
+ *
+ * @returns {JSX.Element}
+ */
+const withBranding = ({ DefaultIcon, iconName }: {
+    DefaultIcon: any;
+    iconName: string;
+}) => (props: any) => {
+    const src = useSelector((state: IReduxState) =>
+        state['features/dynamic-branding']?.brandedIcons?.[iconName]
+    );
+
+    if (src) {
+        return (
+            <SvgXmlIcon
+                src = { src }
+                { ...props } />
+        );
+    }
+
+    return <DefaultIcon { ...props } />;
+};
+
+export default withBranding;
diff --git a/react/features/base/icons/svg/account-record.svg b/react/features/base/icons/svg/account-record.svg
new file mode 100644
index 0000000..8e35ddc
--- /dev/null
+++ b/react/features/base/icons/svg/account-record.svg
@@ -0,0 +1,5 @@
+<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 3C0 1.34315 1.34315 0 3 0H37C38.6569 0 40 1.34315 40 3V37C40 38.6569 38.6569 40 37 40H3C1.34315 40 0 38.6569 0 37V3Z" fill="#818DDB"/>
+<path d="M30.9976 20.1427C31.0414 19.399 30.4727 19.1803 30.2539 19.1803H22.3798C21.6799 19.1803 21.5924 19.924 21.5924 19.9677V28.498H30.9976V20.1427ZM25.5732 26.267C25.5732 26.6607 25.267 27.0107 24.8296 27.0107H24.0859C23.6922 27.0107 23.3422 26.6607 23.3422 26.267V25.5233C23.3422 25.1296 23.6484 24.7797 24.0859 24.7797H24.8296C25.2233 24.7797 25.5732 25.1296 25.5732 25.5233V26.267ZM25.5732 22.5487C25.5732 22.9424 25.267 23.2923 24.8296 23.2923H24.0859C23.6922 23.2923 23.3422 22.9424 23.3422 22.5487V21.805C23.3422 21.4113 23.6484 21.0614 24.0859 21.0614H24.8296C25.2233 21.0614 25.5732 21.4113 25.5732 21.805V22.5487ZM29.2041 26.267C29.2041 26.6607 28.8978 27.0107 28.4604 27.0107H27.7167C27.323 27.0107 26.9731 26.6607 26.9731 26.267V25.5233C26.9731 25.1296 27.2793 24.7797 27.7167 24.7797H28.4604C28.8541 24.7797 29.2041 25.1296 29.2041 25.5233V26.267ZM29.2041 22.5487C29.2041 22.9424 28.8978 23.2923 28.4604 23.2923H27.7167C27.323 23.2923 26.9731 22.9424 26.9731 22.5487V21.805C26.9731 21.4113 27.2793 21.0614 27.7167 21.0614H28.4604C28.8541 21.0614 29.2041 21.4113 29.2041 21.805V22.5487Z" fill="white"/>
+<path d="M23.7359 16.2057C23.7359 15.8994 23.7359 11.9624 23.7359 11.9624C23.7797 11.2187 23.2547 11 23.036 11H10.7874C10.0875 11 10 11.7437 10 11.7874V28.498H19.4052V17.8242C19.4052 17.8242 19.4052 16.9493 20.1926 16.9493C20.1926 16.9493 22.6423 16.9493 23.036 16.9493C23.4735 16.9493 23.7359 16.5119 23.7359 16.2057ZM13.9808 25.9171C13.9808 26.3108 13.6746 26.6607 13.2371 26.6607H12.5372C12.1435 26.6607 11.7935 26.3108 11.7935 25.9171V25.1734C11.7935 24.7797 12.0998 24.4297 12.5372 24.4297H13.2809C13.6746 24.4297 14.0245 24.7797 14.0245 25.1734V25.9171H13.9808ZM13.9808 22.155C13.9808 22.5487 13.6746 22.8986 13.2371 22.8986H12.5372C12.1435 22.8986 11.7935 22.5487 11.7935 22.155V21.4113C11.7935 21.0176 12.0998 20.6677 12.5372 20.6677H13.2809C13.6746 20.6677 14.0245 21.0176 14.0245 21.4113V22.155H13.9808ZM13.9808 18.4367C13.9808 18.8304 13.6746 19.1803 13.2371 19.1803H12.5372C12.1435 19.1803 11.7935 18.8304 11.7935 18.4367V17.693C11.7935 17.2993 12.0998 16.9493 12.5372 16.9493H13.2809C13.6746 16.9493 14.0245 17.2993 14.0245 17.693V18.4367H13.9808ZM13.9808 14.7183C13.9808 15.112 13.6746 15.462 13.2371 15.462H12.5372C12.1435 15.462 11.7935 15.112 11.7935 14.7183V13.9747C11.7935 13.581 12.0998 13.231 12.5372 13.231H13.2809C13.6746 13.231 14.0245 13.581 14.0245 13.9747V14.7183H13.9808ZM17.9616 25.9171C17.9616 26.3108 17.6554 26.6607 17.2179 26.6607H16.4743C16.0806 26.6607 15.7306 26.3108 15.7306 25.9171V25.1734C15.7306 24.7797 16.0368 24.4297 16.4743 24.4297H17.2179C17.6116 24.4297 17.9616 24.7797 17.9616 25.1734V25.9171ZM17.9616 22.155C17.9616 22.5487 17.6554 22.8986 17.2179 22.8986H16.4743C16.0806 22.8986 15.7306 22.5487 15.7306 22.155V21.4113C15.7306 21.0176 16.0368 20.6677 16.4743 20.6677H17.2179C17.6116 20.6677 17.9616 21.0176 17.9616 21.4113V22.155ZM17.9616 18.4367C17.9616 18.8304 17.6554 19.1803 17.2179 19.1803H16.4743C16.0806 19.1803 15.7306 18.8304 15.7306 18.4367V17.693C15.7306 17.2993 16.0368 16.9493 16.4743 16.9493H17.2179C17.6116 16.9493 17.9616 17.2993 17.9616 17.693V18.4367ZM17.9616 14.7183C17.9616 15.112 17.6554 15.462 17.2179 15.462H16.4743C16.0806 15.462 15.7306 15.112 15.7306 14.7183V13.9747C15.7306 13.581 16.0368 13.231 16.4743 13.231H17.2179C17.6116 13.231 17.9616 13.581 17.9616 13.9747V14.7183ZM21.9424 14.7183C21.9424 15.112 21.6362 15.462 21.1987 15.462H20.4988C20.1051 15.462 19.7551 15.112 19.7551 14.7183V13.9747C19.7551 13.581 20.0614 13.231 20.4988 13.231H21.2425C21.6362 13.231 21.9861 13.581 21.9861 13.9747V14.7183H21.9424Z" fill="white"/>
+</svg>
diff --git a/react/features/base/icons/svg/add-user.svg b/react/features/base/icons/svg/add-user.svg
new file mode 100755
index 0000000..5fdc734
--- /dev/null
+++ b/react/features/base/icons/svg/add-user.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M17.25 9.75C17.25 10.1642 17.5858 10.5 18 10.5C18.4142 10.5 18.75 10.1642 18.75 9.75V6.75H21.75C22.1642 6.75 22.5 6.41421 22.5 6C22.5 5.58579 22.1642 5.25 21.75 5.25H18.75V2.25C18.75 1.83579 18.4142 1.5 18 1.5C17.5858 1.5 17.25 1.83579 17.25 2.25V5.25H14.25C13.8358 5.25 13.5 5.58579 13.5 6C13.5 6.41421 13.8358 6.75 14.25 6.75H17.25V9.75Z" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.25 9.75C11.25 11.8211 9.57107 13.5 7.5 13.5C5.42893 13.5 3.75 11.8211 3.75 9.75C3.75 7.67893 5.42893 6 7.5 6C9.57107 6 11.25 7.67893 11.25 9.75ZM9.75 9.75C9.75 10.9926 8.74264 12 7.5 12C6.25736 12 5.25 10.9926 5.25 9.75C5.25 8.50736 6.25736 7.5 7.5 7.5C8.74264 7.5 9.75 8.50736 9.75 9.75Z" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 18.75C13.5 20.8211 10.8137 22.5 7.5 22.5C4.18629 22.5 1.5 20.8211 1.5 18.75C1.5 16.6789 4.18629 15 7.5 15C10.8137 15 13.5 16.6789 13.5 18.75ZM12 18.75C12 19.0817 11.7807 19.609 10.9476 20.1297C10.1357 20.6371 8.9207 21 7.5 21C6.0793 21 4.86428 20.6371 4.05236 20.1297C3.21929 19.609 3 19.0817 3 18.75C3 18.4183 3.21929 17.891 4.05236 17.3703C4.86428 16.8629 6.0793 16.5 7.5 16.5C8.9207 16.5 10.1357 16.8629 10.9476 17.3703C11.7807 17.891 12 18.4183 12 18.75Z" />
+</svg>
diff --git a/react/features/base/icons/svg/arrow-back.svg b/react/features/base/icons/svg/arrow-back.svg
new file mode 100755
index 0000000..7ab68d6
--- /dev/null
+++ b/react/features/base/icons/svg/arrow-back.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+<title>arrow_back</title>
+<path d="M20.016 11.016v1.969h-12.188l5.578 5.625-1.406 1.406-8.016-8.016 8.016-8.016 1.406 1.406-5.578 5.625h12.188z"></path>
+</svg>
diff --git a/react/features/base/icons/svg/arrow-down-large.svg b/react/features/base/icons/svg/arrow-down-large.svg
new file mode 100644
index 0000000..02daa30
--- /dev/null
+++ b/react/features/base/icons/svg/arrow-down-large.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+<path d="M12 24l-8-9h6v-15h4v15h6z"/>
+</svg>
\ No newline at end of file
diff --git a/react/features/base/icons/svg/arrow-down.svg b/react/features/base/icons/svg/arrow-down.svg
new file mode 100644
index 0000000..abe82fe
--- /dev/null
+++ b/react/features/base/icons/svg/arrow-down.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M3.96967 7.71967C4.26256 7.42678 4.73744 7.42678 5.03033 7.71967L12 14.6893L18.9697 7.71967C19.2626 7.42678 19.7374 7.42678 20.0303 7.71967C20.3232 8.01256 20.3232 8.48744 20.0303 8.78033L12.5303 16.2803C12.2374 16.5732 11.7626 16.5732 11.4697 16.2803L3.96967 8.78033C3.67678 8.48744 3.67678 8.01256 3.96967 7.71967Z" />
+</svg>
diff --git a/react/features/base/icons/svg/arrow-left.svg b/react/features/base/icons/svg/arrow-left.svg
new file mode 100644
index 0000000..c07e966
--- /dev/null
+++ b/react/features/base/icons/svg/arrow-left.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M16.2803 3.96967C16.5732 4.26256 16.5732 4.73744 16.2803 5.03033L9.31066 12L16.2803 18.9697C16.5732 19.2626 16.5732 19.7374 16.2803 20.0303C15.9874 20.3232 15.5126 20.3232 15.2197 20.0303L7.71967 12.5303C7.42678 12.2374 7.42678 11.7626 7.71967 11.4697L15.2197 3.96967C15.5126 3.67678 15.9874 3.67678 16.2803 3.96967Z" />
+</svg>
diff --git a/react/features/base/icons/svg/arrow-right.svg b/react/features/base/icons/svg/arrow-right.svg
new file mode 100755
index 0000000..694c9ff
--- /dev/null
+++ b/react/features/base/icons/svg/arrow-right.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.71967 3.96967C7.42678 4.26256 7.42678 4.73744 7.71967 5.03033L14.6893 12L7.71967 18.9697C7.42678 19.2626 7.42678 19.7374 7.71967 20.0303C8.01256 20.3232 8.48744 20.3232 8.78033 20.0303L16.2803 12.5303C16.5732 12.2374 16.5732 11.7626 16.2803 11.4697L8.78033 3.96967C8.48744 3.67678 8.01256 3.67678 7.71967 3.96967Z" />
+</svg>
diff --git a/react/features/base/icons/svg/arrow-up-large.svg b/react/features/base/icons/svg/arrow-up-large.svg
new file mode 100644
index 0000000..fffb949
--- /dev/null
+++ b/react/features/base/icons/svg/arrow-up-large.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+<path d="M12 0l8 9h-6v15h-4v-15h-6z"/>
+</svg>
\ No newline at end of file
diff --git a/react/features/base/icons/svg/arrow-up.svg b/react/features/base/icons/svg/arrow-up.svg
new file mode 100644
index 0000000..002e3d0
--- /dev/null
+++ b/react/features/base/icons/svg/arrow-up.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M20.0303 16.2803C19.7374 16.5732 19.2626 16.5732 18.9697 16.2803L12 9.31066L5.03033 16.2803C4.73744 16.5732 4.26256 16.5732 3.96967 16.2803C3.67678 15.9874 3.67678 15.5126 3.96967 15.2197L11.4697 7.71967C11.7626 7.42678 12.2374 7.42678 12.5303 7.71967L20.0303 15.2197C20.3232 15.5126 20.3232 15.9874 20.0303 16.2803Z" />
+</svg>
diff --git a/react/features/base/icons/svg/bell.svg b/react/features/base/icons/svg/bell.svg
new file mode 100644
index 0000000..20c5435
--- /dev/null
+++ b/react/features/base/icons/svg/bell.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M12 1.5C11.5858 1.5 11.25 1.83579 11.25 2.25V3C11.25 3.01239 11.2503 3.0247 11.2509 3.03694C7.46047 3.41282 4.5 6.61068 4.5 10.5V12.0949C4.5 12.9852 4.10453 13.8296 3.42055 14.3995L3.07702 14.6858C2.55299 15.1225 2.25 15.7694 2.25 16.4515C2.25 17.7209 3.27906 18.75 4.54846 18.75H8.25C8.25 20.8211 9.92893 22.5 12 22.5C14.0711 22.5 15.75 20.8211 15.75 18.75H19.3635C20.6815 18.75 21.75 17.6815 21.75 16.3635C21.75 15.7306 21.4986 15.1236 21.051 14.676L20.3787 14.0037C19.8161 13.4411 19.5 12.678 19.5 11.8824V10.5C19.5 6.61068 16.5395 3.41282 12.7491 3.03694C12.7497 3.0247 12.75 3.01239 12.75 3V2.25C12.75 1.83579 12.4142 1.5 12 1.5ZM18 10.5C18 7.18629 15.3137 4.5 12 4.5C8.68629 4.5 6 7.18629 6 10.5V12.7974C6 13.6878 5.60453 14.5321 4.92055 15.1021L4.0373 15.8381C3.85526 15.9898 3.75 16.2146 3.75 16.4515C3.75 16.8925 4.10748 17.25 4.54846 17.25H19.3635C19.8531 17.25 20.25 16.8531 20.25 16.3635C20.25 16.1284 20.1566 15.9029 19.9904 15.7367L18.8787 14.625C18.3161 14.0624 18 13.2993 18 12.5037V10.5ZM14.25 18.75H9.75C9.75 19.9926 10.7574 21 12 21C13.2426 21 14.25 19.9926 14.25 18.75Z" fill="white"/>
+</svg>
diff --git a/react/features/base/icons/svg/bluetooth.svg b/react/features/base/icons/svg/bluetooth.svg
new file mode 100755
index 0000000..3ed8f8d
--- /dev/null
+++ b/react/features/base/icons/svg/bluetooth.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M12.7782 1.23866C12.5383 1.0034 12.1807 0.935007 11.8709 1.06513C11.561 1.19525 11.3595 1.4985 11.3595 1.83453V5.85805C11.3595 5.8708 11.3598 5.88349 11.3604 5.8961V10.2971L7.41839 6.43668C7.08911 6.11421 6.56076 6.11973 6.23829 6.44902C5.91582 6.7783 5.92134 7.30665 6.25062 7.62912L10.8017 12.0861L6.25058 16.5436C5.92132 16.8661 5.91583 17.3944 6.23832 17.7237C6.56081 18.053 7.08916 18.0584 7.41843 17.736L11.3604 13.8751V14.962C11.3598 14.9746 11.3595 14.9873 11.3595 15V22.3381C11.3595 22.6742 11.5611 22.9775 11.8709 23.1076C12.1808 23.2377 12.5384 23.1692 12.7783 22.9339L17.9091 17.9019C18.0692 17.7449 18.1594 17.5301 18.1593 17.3058C18.1592 17.0816 18.0689 16.8668 17.9087 16.7099L13.187 12.086L17.9087 7.46141C18.0689 7.3045 18.1592 7.08971 18.1593 6.86546C18.1593 6.6412 18.0691 6.42637 17.909 6.26936L12.7782 1.23866ZM13.0254 9.90814L16.1325 6.86491L13.0285 3.82147V5.85805C13.0285 5.88267 13.0274 5.90705 13.0254 5.93113V9.90814ZM13.0254 14.9269V14.2637L16.1325 17.3066L13.0285 20.3508V15C13.0285 14.9754 13.0274 14.951 13.0254 14.9269Z" />
+</svg>
diff --git a/react/features/base/icons/svg/calendar.svg b/react/features/base/icons/svg/calendar.svg
new file mode 100644
index 0000000..473161c
--- /dev/null
+++ b/react/features/base/icons/svg/calendar.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 3C7.91421 3 8.25 3.33579 8.25 3.75V4.5H15.75V3.75C15.75 3.33579 16.0858 3 16.5 3C16.9142 3 17.25 3.33579 17.25 3.75V4.5H18C19.6569 4.5 21 5.84315 21 7.5V18C21 19.6569 19.6569 21 18 21H6C4.34315 21 3 19.6569 3 18V7.5C3 5.84315 4.34315 4.5 6 4.5H6.75V3.75C6.75 3.33579 7.08579 3 7.5 3ZM15.75 6V6.75C15.75 7.16421 16.0858 7.5 16.5 7.5C16.9142 7.5 17.25 7.16421 17.25 6.75V6H18C18.8284 6 19.5 6.67157 19.5 7.5V9H4.5V7.5C4.5 6.67157 5.17157 6 6 6H6.75V6.75C6.75 7.16421 7.08579 7.5 7.5 7.5C7.91421 7.5 8.25 7.16421 8.25 6.75V6H15.75ZM4.5 10.5V18C4.5 18.8284 5.17157 19.5 6 19.5H18C18.8284 19.5 19.5 18.8284 19.5 18V10.5H4.5Z" />
+</svg>
diff --git a/react/features/base/icons/svg/camera-refresh.svg b/react/features/base/icons/svg/camera-refresh.svg
new file mode 100644
index 0000000..4c44677
--- /dev/null
+++ b/react/features/base/icons/svg/camera-refresh.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.33335 7.50001V15C3.33335 15.4602 3.70645 15.8333 4.16669 15.8333H15.8334C16.2936 15.8333 16.6667 15.4602 16.6667 15V7.50001C16.6667 7.03977 16.2936 6.66668 15.8334 6.66668H13.4763L11.8097 5.00001H8.19038L6.52371 6.66668H4.16669C3.70645 6.66668 3.33335 7.03977 3.33335 7.50001ZM5.83335 5.00001L7.01187 3.8215C7.32443 3.50894 7.74835 3.33334 8.19038 3.33334H11.8097C12.2517 3.33334 12.6756 3.50894 12.9882 3.8215L14.1667 5.00001H15.8334C17.2141 5.00001 18.3334 6.1193 18.3334 7.50001V15C18.3334 16.3807 17.2141 17.5 15.8334 17.5H4.16669C2.78598 17.5 1.66669 16.3807 1.66669 15V7.50001C1.66669 6.1193 2.78598 5.00001 4.16669 5.00001H5.83335ZM4.33335 11.6667L6.83335 9.16668L9.33335 11.6667H7.64313C7.98572 12.6298 8.90536 13.3194 9.98605 13.3194C10.5912 13.3194 11.1585 13.1028 11.6011 12.7238L12.7474 13.935C12.0136 14.5888 11.0462 14.986 9.98605 14.986C7.978 14.986 6.30283 13.5608 5.91699 11.6667H4.33335ZM15.8334 10L13.3334 12.5L10.8334 10H12.3618C12.0232 9.02958 11.0999 8.33334 10.014 8.33334C9.4406 8.33334 8.90113 8.52599 8.46348 8.87591C8.44177 8.89327 7.42268 7.57418 7.42268 7.57418C8.13299 7.00625 9.03383 6.66668 10.014 6.66668C12.027 6.66668 13.7054 8.09895 14.0859 10H15.8334Z"/>
+</svg>
diff --git a/react/features/base/icons/svg/car.svg b/react/features/base/icons/svg/car.svg
new file mode 100644
index 0000000..c4873e0
--- /dev/null
+++ b/react/features/base/icons/svg/car.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M15.7913 4.5H8.2087C7.03695 4.5 6.02242 5.31383 5.76823 6.45767L5.1848 9.08313C5.44799 9.02864 5.72065 9 6 9H18C18.2794 9 18.552 9.02864 18.8152 9.08314L18.2318 6.45767C17.9776 5.31383 16.9631 4.5 15.7913 4.5ZM20.5345 9.90531L19.6961 6.13228C19.2894 4.30213 17.6661 3 15.7913 3H8.2087C6.33391 3 4.71065 4.30213 4.30395 6.13228L3.46551 9.90528C2.57084 10.6389 2 11.7528 2 13V20H3.5V17.5H20.5V20H22V13C22 11.7528 21.4292 10.6389 20.5345 9.90531ZM6 10.5H18C19.3807 10.5 20.5 11.6193 20.5 13V16H3.5V13C3.5 11.6193 4.61929 10.5 6 10.5ZM8 13C8 13.5523 7.55228 14 7 14C6.44772 14 6 13.5523 6 13C6 12.4477 6.44772 12 7 12C7.55228 12 8 12.4477 8 13ZM17 14C17.5523 14 18 13.5523 18 13C18 12.4477 17.5523 12 17 12C16.4477 12 16 12.4477 16 13C16 13.5523 16.4477 14 17 14Z" />
+</svg>
diff --git a/react/features/base/icons/svg/chat-unread.svg b/react/features/base/icons/svg/chat-unread.svg
new file mode 100755
index 0000000..cb78e1c
--- /dev/null
+++ b/react/features/base/icons/svg/chat-unread.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+<title>chat-unread</title>
+<path d="M18 8.016v-2.016h-12v2.016h12zM14.016 14.016v-2.016h-8.016v2.016h8.016zM6 9v2.016h12v-2.016h-12zM20.016 2.016c1.078 0 1.969 0.891 1.969 1.969v12c0 1.078-0.891 2.016-1.969 2.016h-14.016l-3.984 3.984v-18c0-1.078 0.891-1.969 1.969-1.969h16.031z"></path>
+</svg>
diff --git a/react/features/base/icons/svg/check.svg b/react/features/base/icons/svg/check.svg
new file mode 100755
index 0000000..ea7867e
--- /dev/null
+++ b/react/features/base/icons/svg/check.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M19.2803 6.96967C19.5732 7.26256 19.5732 7.73744 19.2803 8.03033L10.4357 16.875C9.84987 17.4608 8.90013 17.4608 8.31434 16.875L4.71967 13.2803C4.42678 12.9874 4.42678 12.5126 4.71967 12.2197C5.01256 11.9268 5.48744 11.9268 5.78033 12.2197L9.375 15.8143L18.2197 6.96967C18.5126 6.67678 18.9874 6.67678 19.2803 6.96967Z" />
+</svg>
diff --git a/react/features/base/icons/svg/close-circle.svg b/react/features/base/icons/svg/close-circle.svg
new file mode 100644
index 0000000..e5fef54
--- /dev/null
+++ b/react/features/base/icons/svg/close-circle.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M7.75735 8.81802C7.46446 8.52513 7.46446 8.05025 7.75735 7.75736C8.05024 7.46447 8.52512 7.46447 8.81801 7.75736L12 10.9393L15.182 7.75736C15.4749 7.46447 15.9497 7.46447 16.2426 7.75736C16.5355 8.05025 16.5355 8.52513 16.2426 8.81802L13.0607 12L16.2426 15.182C16.5355 15.4749 16.5355 15.9497 16.2426 16.2426C15.9497 16.5355 15.4749 16.5355 15.182 16.2426L12 13.0607L8.81801 16.2426C8.52512 16.5355 8.05024 16.5355 7.75735 16.2426C7.46446 15.9497 7.46446 15.4749 7.75735 15.182L10.9393 12L7.75735 8.81802Z" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M22.5 12C22.5 17.799 17.799 22.5 12 22.5C6.20101 22.5 1.5 17.799 1.5 12C1.5 6.20101 6.20101 1.5 12 1.5C17.799 1.5 22.5 6.20101 22.5 12ZM21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z" />
+</svg>
diff --git a/react/features/base/icons/svg/close-large.svg b/react/features/base/icons/svg/close-large.svg
new file mode 100755
index 0000000..244fbdc
--- /dev/null
+++ b/react/features/base/icons/svg/close-large.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M18.5303 6.53033C18.8232 6.23744 18.8232 5.76256 18.5303 5.46967C18.2374 5.17678 17.7626 5.17678 17.4697 5.46967L12 10.9393L6.53033 5.46967C6.23744 5.17678 5.76256 5.17678 5.46967 5.46967C5.17678 5.76256 5.17678 6.23744 5.46967 6.53033L10.9393 12L5.46967 17.4697C5.17678 17.7626 5.17678 18.2374 5.46967 18.5303C5.76256 18.8232 6.23744 18.8232 6.53033 18.5303L12 13.0607L17.4697 18.5303C17.7626 18.8232 18.2374 18.8232 18.5303 18.5303C18.8232 18.2374 18.8232 17.7626 18.5303 17.4697L13.0607 12L18.5303 6.53033Z" />
+</svg>
diff --git a/react/features/base/icons/svg/cloud-upload.svg b/react/features/base/icons/svg/cloud-upload.svg
new file mode 100644
index 0000000..6ef4927
--- /dev/null
+++ b/react/features/base/icons/svg/cloud-upload.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M15.5303 15.5303C15.2374 15.8232 14.7626 15.8232 14.4697 15.5303L12.75 13.8107L12.75 21.0536C12.75 21.4382 12.4142 21.75 12 21.75C11.5858 21.75 11.25 21.4382 11.25 21.0536L11.25 13.8107L9.53033 15.5303C9.23744 15.8232 8.76256 15.8232 8.46967 15.5303C8.17678 15.2374 8.17678 14.7626 8.46967 14.4697L11.4697 11.4697C11.7626 11.1768 12.2374 11.1768 12.5303 11.4697L15.5303 14.4697C15.8232 14.7626 15.8232 15.2374 15.5303 15.5303Z" />
+    <path d="M13.4808 4.5C11.6245 4.5 10.0735 5.80749 9.69863 7.5518C7.53622 6.88209 5.42187 8.55737 5.4727 10.7285C3.65869 10.937 2.25 12.4778 2.25 14.3476V14.7273C2.25 16.949 4.05104 18.75 6.27273 18.75H6.75C7.16421 18.75 7.5 18.4142 7.5 18C7.5 17.5858 7.16421 17.25 6.75 17.25H6.27273C4.87946 17.25 3.75 16.1205 3.75 14.7273V14.3476C3.75 13.164 4.70949 12.2045 5.89308 12.2045H5.94966C6.60851 12.2045 7.10895 11.6118 6.99846 10.9623C6.77787 9.66546 8.00531 8.5934 9.26066 8.98645L9.96938 9.20835C10.5361 9.38579 11.1122 8.96245 11.1122 8.36861C11.1122 7.06046 12.1727 6 13.4808 6H13.8713C15.6325 6 16.9887 7.5545 16.7497 9.29943L16.5929 10.4445C16.5169 10.9996 16.953 11.4773 17.4953 11.4773C19.0095 11.4773 20.25 12.7061 20.25 14.2055C20.25 15.8721 18.9109 17.2259 17.25 17.2497C16.8358 17.2497 16.5 17.5858 16.5 18C16.5 18.4142 16.8358 18.75 17.25 18.75C19.7394 18.7261 21.75 16.7005 21.75 14.2055C21.75 12.0915 20.1807 10.3496 18.1637 10.0298L18.2359 9.50292C18.5982 6.85709 16.5418 4.5 13.8713 4.5H13.4808Z" />
+</svg>
diff --git a/react/features/base/icons/svg/code.svg b/react/features/base/icons/svg/code.svg
new file mode 100644
index 0000000..21c0cad
--- /dev/null
+++ b/react/features/base/icons/svg/code.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M14.3081 2.75503C14.71 2.85536 14.9545 3.26249 14.8541 3.66437L10.6012 20.6985C10.5008 21.1004 10.0937 21.3448 9.69184 21.2445C9.28996 21.1442 9.04551 20.737 9.14585 20.3352L13.3988 3.30101C13.4991 2.89914 13.9063 2.65469 14.3081 2.75503Z" />
+    <path d="M7.2804 6.21967C7.57329 6.51256 7.57329 6.98743 7.2804 7.28033L3.31073 11.25L7.2804 15.2197C7.57329 15.5126 7.57329 15.9874 7.2804 16.2803C6.98751 16.5732 6.51263 16.5732 6.21974 16.2803L2.25007 12.3107C1.66428 11.7249 1.66428 10.7751 2.25007 10.1893L6.21974 6.21967C6.51263 5.92677 6.98751 5.92677 7.2804 6.21967Z" />
+    <path d="M16.7196 15.2197C16.4267 15.5126 16.4267 15.9874 16.7196 16.2803C17.0125 16.5732 17.4874 16.5732 17.7803 16.2803L21.7499 12.3107C22.3357 11.7249 22.3357 10.7751 21.7499 10.1893L17.7803 6.21967C17.4874 5.92677 17.0125 5.92677 16.7196 6.21967C16.4267 6.51256 16.4267 6.98743 16.7196 7.28033L20.6893 11.25L16.7196 15.2197Z" />
+</svg>
diff --git a/react/features/base/icons/svg/connection.svg b/react/features/base/icons/svg/connection.svg
new file mode 100755
index 0000000..8af40b5
--- /dev/null
+++ b/react/features/base/icons/svg/connection.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M6 17.25H3V21H6V17.25ZM7.5 21C7.5 21.8284 6.82843 22.5 6 22.5H3C2.17157 22.5 1.5 21.8284 1.5 21V17.25C1.5 16.4216 2.17157 15.75 3 15.75H6C6.82843 15.75 7.5 16.4216 7.5 17.25V21ZM15 21V10.5C15 9.67157 14.3284 9 13.5 9H10.5C9.67157 9 9 9.67157 9 10.5V21C9 21.8284 9.67157 22.5 10.5 22.5H13.5C14.3284 22.5 15 21.8284 15 21ZM16.5 21C16.5 21.8284 17.1716 22.5 18 22.5H21C21.8284 22.5 22.5 21.8284 22.5 21V3C22.5 2.17157 21.8284 1.5 21 1.5H18C17.1716 1.5 16.5 2.17157 16.5 3V21ZM13.5 10.5H10.5V21H13.5V10.5ZM21 3H18V21H21V3Z" />
+</svg>
diff --git a/react/features/base/icons/svg/constants.ts b/react/features/base/icons/svg/constants.ts
new file mode 100644
index 0000000..a078f43
--- /dev/null
+++ b/react/features/base/icons/svg/constants.ts
@@ -0,0 +1,222 @@
+import { default as IconRecordAccount } from './account-record.svg';
+import { default as IconAddUser } from './add-user.svg';
+import { default as IconArrowBack } from './arrow-back.svg';
+import { default as IconArrowDownLarge } from './arrow-down-large.svg';
+import { default as IconArrowDown } from './arrow-down.svg';
+import { default as IconArrowLeft } from './arrow-left.svg';
+import { default as IconArrowRight } from './arrow-right.svg';
+import { default as IconArrowUpLarge } from './arrow-up-large.svg';
+import { default as IconArrowUp } from './arrow-up.svg';
+import { default as IconBell } from './bell.svg';
+import { default as IconBluetooth } from './bluetooth.svg';
+import { default as IconCalendar } from './calendar.svg';
+import { default as IconCameraRefresh } from './camera-refresh.svg';
+import { default as IconCar } from './car.svg';
+import { default as IconChatUnread } from './chat-unread.svg';
+import { default as IconCheck } from './check.svg';
+import { default as IconCloseCircle } from './close-circle.svg';
+import { default as IconCloseLarge } from './close-large.svg';
+import { default as IconCloudUpload } from './cloud-upload.svg';
+import { default as IconCode } from './code.svg';
+import { default as IconConnection } from './connection.svg';
+import { default as IconRecordContact } from './contact-record.svg';
+import { default as IconCopy } from './copy.svg';
+import { default as IconDotsHorizontal } from './dots-horizontal.svg';
+import { default as IconDownload } from './download.svg';
+import { default as IconE2EE } from './e2ee.svg';
+import { default as IconEdit } from './edit.svg';
+import { default as IconEmotionsAngry } from './emotions-angry.svg';
+import { default as IconEmotionsDisgusted } from './emotions-disgusted.svg';
+import { default as IconEmotionsFearful } from './emotions-fearful.svg';
+import { default as IconEmotionsHappy } from './emotions-happy.svg';
+import { default as IconEmotionsNeutral } from './emotions-neutral.svg';
+import { default as IconEmotionsSad } from './emotions-sad.svg';
+import { default as IconEmotionsSurprised } from './emotions-surprised.svg';
+import { default as IconEnlarge } from './enlarge.svg';
+import { default as IconEnterFullscreen } from './enter-fullscreen.svg';
+import { default as IconEnvelope } from './envelope.svg';
+import { default as IconExclamationSolid } from './exclamation-solid.svg';
+import { default as IconExclamationTriangle } from './exclamation-triangle.svg';
+import { default as IconExitFullscreen } from './exit-fullscreen.svg';
+import { default as IconFaceSmile } from './face-smile.svg';
+import { default as IconFavoriteSolid } from './favorite-solid.svg';
+import { default as IconFavorite } from './favorite.svg';
+import { default as IconFeedback } from './feedback.svg';
+import { default as IconGear } from './gear.svg';
+import { default as IconGoogle } from './google.svg';
+import { default as IconHangup } from './hangup.svg';
+import { default as IconDeviceHeadphone } from './headset.svg';
+import { default as IconHelp } from './help.svg';
+import { default as IconHighlight } from './highlight.svg';
+import { default as IconRingGroup } from './icon-ring-group.svg';
+import { default as IconImage } from './image.svg';
+import { default as IconInfoCircle } from './info-circle.svg';
+import { default as IconInfo } from './info.svg';
+import { default as IconRecordLead } from './lead-record.svg';
+import { default as IconMessage } from './message.svg';
+import { default as IconMeter } from './meter.svg';
+import { default as IconMicSlash } from './mic-slash.svg';
+import { default as IconMic } from './mic.svg';
+import { default as IconModerator } from './moderator.svg';
+import { default as IconConnectionInactive } from './ninja.svg';
+import { default as IconNoiseSuppressionOff } from './noise-suppression-off.svg';
+import { default as IconNoiseSuppressionOn } from './noise-suppression-on.svg';
+import { default as IconOffice365 } from './office365.svg';
+import { default as IconRecordOpportunity } from './opportunity-record.svg';
+import { default as IconPerformance } from './performance.svg';
+import { default as IconPhoneRinging } from './phone-ringing.svg';
+import { default as IconPin } from './pin.svg';
+import { default as IconPinned } from './pinned.svg';
+import { default as IconPlay } from './play.svg';
+import { default as IconPlus } from './plus.svg';
+import { default as IconRaiseHand } from './raise-hand.svg';
+import { default as IconRecord } from './record.svg';
+import { default as IconReply } from './reply.svg';
+import { default as IconRestore } from './restore.svg';
+import { default as IconScreenshare } from './screenshare.svg';
+import { default as IconSearch } from './search.svg';
+import { default as IconSecurityOff } from './security-off.svg';
+import { default as IconSecurityOn } from './security-on.svg';
+import { default as IconSend } from './send.svg';
+import { default as IconShareDoc } from './share-doc.svg';
+import { default as IconShare } from './share.svg';
+import { default as IconShortcuts } from './shortcuts.svg';
+import { default as IconSip } from './sip.svg';
+import { default as IconSites } from './sites.svg';
+import { default as IconRemoteControlStart } from './start-remote-control.svg';
+import { default as IconRemoteControlStop } from './stop-remote-control.svg';
+import { default as IconStop } from './stop.svg';
+import { default as IconSubtitles } from './subtitles.svg';
+import { default as IconTileView } from './tile-view.svg';
+import { default as IconTrash } from './trash.svg';
+import { default as IconUserDeleted } from './user-deleted.svg';
+import { default as IconUser } from './user.svg';
+import { default as IconUsers } from './users.svg';
+import { default as IconVideoOff } from './video-off.svg';
+import { default as IconVideo } from './video.svg';
+import { default as IconAudioOnlyOff } from './visibility-off.svg';
+import { default as IconAudioOnly } from './visibility.svg';
+import { default as IconVolumeOff } from './volume-off.svg';
+import { default as IconVolumeUp } from './volume-up.svg';
+import { default as IconWarningCircle } from './warning-circle.svg';
+import { default as IconWarning } from './warning.svg';
+import { default as IconWhiteboardHide } from './whiteboard-hide.svg';
+import { default as IconWhiteboard } from './whiteboard.svg';
+import { default as IconWifi1Bar } from './wifi-1.svg';
+import { default as IconWifi2Bars } from './wifi-2.svg';
+import { default as IconWifi3Bars } from './wifi-3.svg';
+import { default as IconYahoo } from './yahoo.svg';
+
+/**
+ * Map containing the default icons.
+ */
+export const DEFAULT_ICON: Record<string, any> = {
+    IconAddUser,
+    IconArrowBack,
+    IconArrowDown,
+    IconArrowDownLarge,
+    IconArrowLeft,
+    IconArrowUp,
+    IconArrowUpLarge,
+    IconAudioOnly,
+    IconAudioOnlyOff,
+    IconBluetooth,
+    IconBell,
+    IconCalendar,
+    IconCameraRefresh,
+    IconCar,
+    IconChatUnread,
+    IconCheck,
+    IconCloseCircle,
+    IconCloseLarge,
+    IconCloudUpload,
+    IconCode,
+    IconConnection,
+    IconConnectionInactive,
+    IconCopy,
+    IconDeviceHeadphone,
+    IconDotsHorizontal,
+    IconDownload,
+    IconE2EE,
+    IconEdit,
+    IconEnlarge,
+    IconEnterFullscreen,
+    IconEnvelope,
+    IconEmotionsAngry,
+    IconEmotionsDisgusted,
+    IconEmotionsFearful,
+    IconEmotionsHappy,
+    IconEmotionsNeutral,
+    IconEmotionsSad,
+    IconEmotionsSurprised,
+    IconExclamationSolid,
+    IconExclamationTriangle,
+    IconExitFullscreen,
+    IconFaceSmile,
+    IconFavorite,
+    IconFavoriteSolid,
+    IconFeedback,
+    IconGear,
+    IconGoogle,
+    IconHangup,
+    IconHelp,
+    IconHighlight,
+    IconImage,
+    IconInfo,
+    IconInfoCircle,
+    IconMessage,
+    IconMeter,
+    IconMic,
+    IconMicSlash,
+    IconModerator,
+    IconNoiseSuppressionOff,
+    IconNoiseSuppressionOn,
+    IconArrowRight,
+    IconOffice365,
+    IconPerformance,
+    IconPhoneRinging,
+    IconPin,
+    IconPinned,
+    IconPlay,
+    IconPlus,
+    IconRaiseHand,
+    IconRecord,
+    IconRecordAccount,
+    IconRecordContact,
+    IconRecordLead,
+    IconRecordOpportunity,
+    IconRemoteControlStart,
+    IconRemoteControlStop,
+    IconReply,
+    IconRestore,
+    IconRingGroup,
+    IconScreenshare,
+    IconSearch,
+    IconSecurityOff,
+    IconSecurityOn,
+    IconSend,
+    IconShare,
+    IconShareDoc,
+    IconShortcuts,
+    IconSip,
+    IconSites,
+    IconStop,
+    IconSubtitles,
+    IconTileView,
+    IconTrash,
+    IconUserDeleted,
+    IconUsers,
+    IconUser,
+    IconVideo,
+    IconVideoOff,
+    IconVolumeOff,
+    IconVolumeUp,
+    IconWarning,
+    IconWarningCircle,
+    IconWhiteboard,
+    IconWhiteboardHide,
+    IconWifi1Bar,
+    IconWifi2Bars,
+    IconWifi3Bars,
+    IconYahoo
+};
diff --git a/react/features/base/icons/svg/contact-record.svg b/react/features/base/icons/svg/contact-record.svg
new file mode 100644
index 0000000..f9875a1
--- /dev/null
+++ b/react/features/base/icons/svg/contact-record.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 3C0 1.34315 1.34315 0 3 0H37C38.6569 0 40 1.34315 40 3V37C40 38.6569 38.6569 40 37 40H3C1.34315 40 0 38.6569 0 37V3Z" fill="#A094ED"/>
+<path d="M29.12 12.02H10.88C9.626 12.02 8.6 13.046 8.6 14.3V25.32C8.6 26.574 9.626 27.6 10.88 27.6H29.12C30.374 27.6 31.4 26.574 31.4 25.32V14.3C31.4 13.046 30.374 12.02 29.12 12.02ZM19.468 24.94H12.932C12.21 24.94 11.64 24.142 11.64 23.382C11.678 22.242 12.856 21.558 14.11 20.988C14.984 20.608 15.098 20.266 15.098 19.886C15.098 19.506 14.87 19.164 14.566 18.898C14.072 18.442 13.768 17.758 13.768 16.998C13.768 15.554 14.642 14.338 16.162 14.338C17.682 14.338 18.556 15.554 18.556 16.998C18.556 17.758 18.29 18.442 17.758 18.898C17.454 19.164 17.226 19.506 17.226 19.886C17.226 20.266 17.34 20.608 18.214 20.95C19.468 21.482 20.646 22.242 20.684 23.382C20.76 24.142 20.19 24.94 19.468 24.94ZM28.36 22.28C28.36 22.698 28.018 23.04 27.6 23.04H24.18C23.762 23.04 23.42 22.698 23.42 22.28V21.14C23.42 20.722 23.762 20.38 24.18 20.38H27.6C28.018 20.38 28.36 20.722 28.36 21.14V22.28ZM28.36 18.1C28.36 18.518 28.018 18.86 27.6 18.86H21.9C21.482 18.86 21.14 18.518 21.14 18.1V16.96C21.14 16.542 21.482 16.2 21.9 16.2H27.6C28.018 16.2 28.36 16.542 28.36 16.96V18.1Z" fill="white"/>
+</svg>
diff --git a/react/features/base/icons/svg/copy.svg b/react/features/base/icons/svg/copy.svg
new file mode 100644
index 0000000..5a9d3fa
--- /dev/null
+++ b/react/features/base/icons/svg/copy.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M11.25 3H19.5C20.3284 3 21 3.67157 21 4.5V12.75C21 13.5784 20.3284 14.25 19.5 14.25H15.75V15.75H19.5C21.1569 15.75 22.5 14.4069 22.5 12.75V4.5C22.5 2.84315 21.1569 1.5 19.5 1.5H11.25C9.59315 1.5 8.25 2.84315 8.25 4.5V8.25H9.75V4.5C9.75 3.67157 10.4216 3 11.25 3Z" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M12.75 9.75H4.5C3.67157 9.75 3 10.4216 3 11.25V19.5C3 20.3284 3.67157 21 4.5 21H12.75C13.5784 21 14.25 20.3284 14.25 19.5V11.25C14.25 10.4216 13.5784 9.75 12.75 9.75ZM4.5 8.25C2.84315 8.25 1.5 9.59315 1.5 11.25V19.5C1.5 21.1569 2.84315 22.5 4.5 22.5H12.75C14.4069 22.5 15.75 21.1569 15.75 19.5V11.25C15.75 9.59315 14.4069 8.25 12.75 8.25H4.5Z" />
+</svg>
diff --git a/react/features/base/icons/svg/dots-horizontal.svg b/react/features/base/icons/svg/dots-horizontal.svg
new file mode 100644
index 0000000..e6ed701
--- /dev/null
+++ b/react/features/base/icons/svg/dots-horizontal.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 12C16.5 13.6569 17.8431 15 19.5 15C21.1569 15 22.5 13.6569 22.5 12C22.5 10.3431 21.1569 9 19.5 9C17.8431 9 16.5 10.3431 16.5 12ZM18 12C18 12.8284 18.6716 13.5 19.5 13.5C20.3284 13.5 21 12.8284 21 12C21 11.1716 20.3284 10.5 19.5 10.5C18.6716 10.5 18 11.1716 18 12Z" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M9 12C9 13.6569 10.3431 15 12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12ZM10.5 12C10.5 12.8284 11.1716 13.5 12 13.5C12.8284 13.5 13.5 12.8284 13.5 12C13.5 11.1716 12.8284 10.5 12 10.5C11.1716 10.5 10.5 11.1716 10.5 12Z" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 15C2.84315 15 1.5 13.6569 1.5 12C1.5 10.3431 2.84315 9 4.5 9C6.15685 9 7.5 10.3431 7.5 12C7.5 13.6569 6.15685 15 4.5 15ZM4.5 13.5C3.67157 13.5 3 12.8284 3 12C3 11.1716 3.67157 10.5 4.5 10.5C5.32843 10.5 6 11.1716 6 12C6 12.8284 5.32843 13.5 4.5 13.5Z" />
+</svg>
diff --git a/react/features/base/icons/svg/download.svg b/react/features/base/icons/svg/download.svg
new file mode 100755
index 0000000..dd1acfc
--- /dev/null
+++ b/react/features/base/icons/svg/download.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M6.96967 11.4697C7.26256 11.1768 7.73744 11.1768 8.03033 11.4697L11.25 14.6893L11.25 2.19643C11.25 1.8118 11.5858 1.5 12 1.5C12.4142 1.5 12.75 1.8118 12.75 2.19643L12.75 14.6893L15.9697 11.4697C16.2626 11.1768 16.7374 11.1768 17.0303 11.4697C17.3232 11.7626 17.3232 12.2374 17.0303 12.5303L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L6.96967 12.5303C6.67678 12.2374 6.67678 11.7626 6.96967 11.4697Z" />
+    <path d="M3.75 16.5C3.33579 16.5 3 16.8358 3 17.25V21C3 21.8284 3.67157 22.5 4.5 22.5H19.5C20.3284 22.5 21 21.8284 21 21V17.25C21 16.8358 20.6642 16.5 20.25 16.5C19.8358 16.5 19.5 16.8358 19.5 17.25V21H4.5V17.25C4.5 16.8358 4.16421 16.5 3.75 16.5Z" />
+</svg>
diff --git a/react/features/base/icons/svg/e2ee.svg b/react/features/base/icons/svg/e2ee.svg
new file mode 100644
index 0000000..372eb03
--- /dev/null
+++ b/react/features/base/icons/svg/e2ee.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 7.5H5.25H12.75H14.25V15H3.75V7.5ZM14.25 6H12.75V5.25C12.75 3.17893 11.0711 1.5 9 1.5C6.92893 1.5 5.25 3.17893 5.25 5.25V6H3.75C2.92157 6 2.25 6.67157 2.25 7.5V15C2.25 15.8284 2.92157 16.5 3.75 16.5H14.25C15.0784 16.5 15.75 15.8284 15.75 15V7.5C15.75 6.67157 15.0784 6 14.25 6ZM9.72642 11.8127C10.1877 11.5568 10.5 11.0649 10.5 10.5C10.5 9.67157 9.82843 9 9 9C8.17157 9 7.5 9.67157 7.5 10.5C7.5 11.0649 7.81226 11.5568 8.27358 11.8127C8.25819 11.8726 8.25 11.9353 8.25 12V12.75C8.25 13.1642 8.58579 13.5 9 13.5C9.41421 13.5 9.75 13.1642 9.75 12.75V12C9.75 11.9353 9.74181 11.8726 9.72642 11.8127ZM9 3C10.2426 3 11.25 4.00736 11.25 5.25V6H6.75V5.25C6.75 4.00736 7.75736 3 9 3Z" />
+</svg>
diff --git a/react/features/base/icons/svg/edit.svg b/react/features/base/icons/svg/edit.svg
new file mode 100644
index 0000000..ef2e6a8
--- /dev/null
+++ b/react/features/base/icons/svg/edit.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">
+    <path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/>
+</svg>
\ No newline at end of file
diff --git a/react/features/base/icons/svg/emotions-angry.svg b/react/features/base/icons/svg/emotions-angry.svg
new file mode 100644
index 0000000..fa5a813
--- /dev/null
+++ b/react/features/base/icons/svg/emotions-angry.svg
@@ -0,0 +1,10 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="10" cy="10" r="10" fill="url(#paint0_radial_72_1897)"/>
+<path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M5.46845 5.14411C5.08781 4.88541 4.56951 4.98428 4.31081 5.36492C4.05212 5.74557 4.15098 6.26387 4.53163 6.52257L5.47766 7.16551C5.18224 7.46624 5.00002 7.87855 5.00002 8.33341C5.00002 9.25388 5.74622 10.0001 6.66669 10.0001C7.58716 10.0001 8.33336 9.25388 8.33336 8.33341C8.33336 8.23415 8.32468 8.13691 8.30804 8.04242C8.54426 7.66462 8.44124 7.16449 8.06956 6.91188L5.46845 5.14411ZM6.66305 14.7842C6.30373 14.5781 6.1795 14.1198 6.38556 13.7605C6.75032 13.1244 7.27645 12.5959 7.91081 12.2283C8.54518 11.8607 9.26532 11.6669 9.99852 11.6667C10.7317 11.6664 11.452 11.8596 12.0866 12.2268C12.7213 12.5939 13.2478 13.1221 13.613 13.7578C13.8193 14.117 13.6954 14.5754 13.3362 14.7818C12.9771 14.9881 12.5186 14.8642 12.3123 14.505C12.0786 14.0981 11.7416 13.7601 11.3354 13.5251C10.9293 13.2901 10.4683 13.1665 9.99906 13.1667C9.52981 13.1668 9.06892 13.2908 8.66293 13.5261C8.25693 13.7614 7.92021 14.0996 7.68677 14.5067C7.4807 14.866 7.02237 14.9902 6.66305 14.7842ZM15.7903 5.36492C15.5316 4.98428 15.0134 4.88541 14.6327 5.14411L12.0316 6.91188C11.7043 7.13434 11.5853 7.54876 11.7229 7.90254C11.6862 8.03998 11.6667 8.18441 11.6667 8.33341C11.6667 9.25388 12.4129 10.0001 13.3334 10.0001C14.2538 10.0001 15 9.25388 15 8.33341C15 7.89926 14.834 7.50388 14.562 7.20728L15.5695 6.52257C15.9502 6.26387 16.049 5.74557 15.7903 5.36492Z" fill="black"/>
+<defs>
+<radialGradient id="paint0_radial_72_1897" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(10 4.58333) rotate(90) scale(15.4167)">
+<stop offset="0.359375" stop-color="#F26325"/>
+<stop offset="1" stop-color="#F24A25"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/react/features/base/icons/svg/emotions-disgusted.svg b/react/features/base/icons/svg/emotions-disgusted.svg
new file mode 100644
index 0000000..c80162e
--- /dev/null
+++ b/react/features/base/icons/svg/emotions-disgusted.svg
@@ -0,0 +1,10 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="10" cy="10" r="10" fill="url(#paint0_radial_351_6183)"/>
+<path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M4.16669 7.50001C4.16669 7.03977 4.53978 6.66667 5.00002 6.66667H7.50002C7.96026 6.66667 8.33335 7.03977 8.33335 7.50001C8.33335 7.96024 7.96026 8.33334 7.50002 8.33334H5.00002C4.53978 8.33334 4.16669 7.96024 4.16669 7.50001ZM6.66669 15C6.66669 13.1591 8.15907 11.6667 10 11.6667C11.841 11.6667 13.3334 13.1591 13.3334 15H6.66669ZM12.5 6.66667C12.0398 6.66667 11.6667 7.03977 11.6667 7.50001C11.6667 7.96024 12.0398 8.33334 12.5 8.33334H15C15.4603 8.33334 15.8334 7.96024 15.8334 7.50001C15.8334 7.03977 15.4603 6.66667 15 6.66667H12.5Z" fill="black"/>
+<defs>
+<radialGradient id="paint0_radial_351_6183" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(10 4.58333) rotate(90) scale(15.4167)">
+<stop offset="0.359375" stop-color="#98E791"/>
+<stop offset="1" stop-color="#3C9845"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/react/features/base/icons/svg/emotions-fearful.svg b/react/features/base/icons/svg/emotions-fearful.svg
new file mode 100644
index 0000000..4a31450
--- /dev/null
+++ b/react/features/base/icons/svg/emotions-fearful.svg
@@ -0,0 +1,10 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="10" cy="10" r="10" fill="url(#paint0_radial_72_1884)"/>
+<path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M8.33333 7.49999C8.33333 8.42047 7.58714 9.16666 6.66667 9.16666C5.74619 9.16666 5 8.42047 5 7.49999C5 6.57952 5.74619 5.83333 6.66667 5.83333C7.58714 5.83333 8.33333 6.57952 8.33333 7.49999ZM15 7.49999C15 8.42047 14.2538 9.16666 13.3333 9.16666C12.4129 9.16666 11.6667 8.42047 11.6667 7.49999C11.6667 6.57952 12.4129 5.83333 13.3333 5.83333C14.2538 5.83333 15 6.57952 15 7.49999ZM10 11.6667C8.15905 11.6667 6.66667 13.159 6.66667 15H13.3333C13.3333 13.159 11.8409 11.6667 10 11.6667Z" fill="black"/>
+<defs>
+<radialGradient id="paint0_radial_72_1884" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(10 4.58333) rotate(90) scale(15.4167)">
+<stop offset="0.359375" stop-color="#6BEBD4"/>
+<stop offset="1" stop-color="#077EA4"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/react/features/base/icons/svg/emotions-happy.svg b/react/features/base/icons/svg/emotions-happy.svg
new file mode 100644
index 0000000..0092956
--- /dev/null
+++ b/react/features/base/icons/svg/emotions-happy.svg
@@ -0,0 +1,10 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="10" cy="10" r="10" fill="url(#paint0_radial_72_1844)"/>
+<path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M8.33333 7.49999C8.33333 8.42047 7.58714 9.16666 6.66667 9.16666C5.74619 9.16666 5 8.42047 5 7.49999C5 6.57952 5.74619 5.83333 6.66667 5.83333C7.58714 5.83333 8.33333 6.57952 8.33333 7.49999ZM15 7.49999C15 8.42047 14.2538 9.16666 13.3333 9.16666C12.4129 9.16666 11.6667 8.42047 11.6667 7.49999C11.6667 6.57952 12.4129 5.83333 13.3333 5.83333C14.2538 5.83333 15 6.57952 15 7.49999ZM7.53238 12.6776C7.37535 12.2943 6.93734 12.1109 6.55404 12.2679C6.17075 12.4249 5.98732 12.8629 6.14435 13.2462C6.45676 14.0088 6.98828 14.6616 7.6717 15.1221C8.35513 15.5826 9.15976 15.8301 9.98384 15.8333C10.8079 15.8365 11.6144 15.5953 12.3014 15.1401C12.9884 14.6849 13.525 14.0362 13.8433 13.2761C14.0033 12.894 13.8233 12.4546 13.4412 12.2946C13.0591 12.1346 12.6197 12.3146 12.4597 12.6967C12.256 13.1832 11.9126 13.5983 11.4729 13.8896C11.0332 14.181 10.5171 14.3354 9.98966 14.3333C9.46224 14.3313 8.94728 14.1729 8.50989 13.8782C8.0725 13.5834 7.73232 13.1656 7.53238 12.6776Z" fill="black"/>
+<defs>
+<radialGradient id="paint0_radial_72_1844" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(10 4.58333) rotate(90) scale(15.4167)">
+<stop offset="0.359375" stop-color="#F2AD25"/>
+<stop offset="1" stop-color="#F27B25"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/react/features/base/icons/svg/emotions-neutral.svg b/react/features/base/icons/svg/emotions-neutral.svg
new file mode 100644
index 0000000..50d191d
--- /dev/null
+++ b/react/features/base/icons/svg/emotions-neutral.svg
@@ -0,0 +1,10 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="10" cy="10" r="10" fill="url(#paint0_radial_72_1850)"/>
+<path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M8.33333 7.49999C8.33333 8.42047 7.58714 9.16666 6.66667 9.16666C5.74619 9.16666 5 8.42047 5 7.49999C5 6.57952 5.74619 5.83333 6.66667 5.83333C7.58714 5.83333 8.33333 6.57952 8.33333 7.49999ZM15 7.49999C15 8.42047 14.2538 9.16666 13.3333 9.16666C12.4129 9.16666 11.6667 8.42047 11.6667 7.49999C11.6667 6.57952 12.4129 5.83333 13.3333 5.83333C14.2538 5.83333 15 6.57952 15 7.49999ZM7.5 13.3333C7.03976 13.3333 6.66667 13.7064 6.66667 14.1667C6.66667 14.6269 7.03976 15 7.5 15H12.5C12.9602 15 13.3333 14.6269 13.3333 14.1667C13.3333 13.7064 12.9602 13.3333 12.5 13.3333H7.5Z" fill="black"/>
+<defs>
+<radialGradient id="paint0_radial_72_1850" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(10 4.58333) rotate(90) scale(15.4167)">
+<stop offset="0.359375" stop-color="#AAAAAA"/>
+<stop offset="1" stop-color="#5E5E5E"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/react/features/base/icons/svg/emotions-sad.svg b/react/features/base/icons/svg/emotions-sad.svg
new file mode 100644
index 0000000..bc311e8
--- /dev/null
+++ b/react/features/base/icons/svg/emotions-sad.svg
@@ -0,0 +1,10 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="10" cy="10" r="10" fill="url(#paint0_radial_72_1862)"/>
+<path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M8.33333 7.49999C8.33333 8.42047 7.58714 9.16666 6.66667 9.16666C5.74619 9.16666 5 8.42047 5 7.49999C5 6.57952 5.74619 5.83333 6.66667 5.83333C7.58714 5.83333 8.33333 6.57952 8.33333 7.49999ZM15 7.49999C15 8.42047 14.2538 9.16666 13.3333 9.16666C12.4129 9.16666 11.6667 8.42047 11.6667 7.49999C11.6667 6.57952 12.4129 5.83333 13.3333 5.83333C14.2538 5.83333 15 6.57952 15 7.49999ZM6.38554 13.7605C6.17948 14.1198 6.30371 14.5781 6.66303 14.7842C7.02235 14.9902 7.48068 14.866 7.68675 14.5067C7.92019 14.0996 8.25691 13.7614 8.66291 13.5261C9.0689 13.2908 9.52979 13.1668 9.99904 13.1667C10.4683 13.1665 10.9293 13.2901 11.3354 13.5251C11.7416 13.7601 12.0786 14.0981 12.3123 14.505C12.5186 14.8642 12.977 14.9881 13.3362 14.7818C13.6954 14.5754 13.8193 14.117 13.613 13.7578C13.2477 13.1221 12.7212 12.5939 12.0866 12.2268C11.452 11.8596 10.7317 11.6664 9.9985 11.6667C9.2653 11.6669 8.54516 11.8607 7.91079 12.2283C7.27643 12.5959 6.7503 13.1244 6.38554 13.7605Z" fill="black"/>
+<defs>
+<radialGradient id="paint0_radial_72_1862" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(10 4.58333) rotate(90) scale(15.4167)">
+<stop offset="0.359375" stop-color="#65B3FB"/>
+<stop offset="1" stop-color="#256BF2"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/react/features/base/icons/svg/emotions-surprised.svg b/react/features/base/icons/svg/emotions-surprised.svg
new file mode 100644
index 0000000..5365469
--- /dev/null
+++ b/react/features/base/icons/svg/emotions-surprised.svg
@@ -0,0 +1,10 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="10" cy="10" r="10" fill="url(#paint0_radial_72_1873)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.33333 7.49999C8.33333 8.42047 7.58714 9.16666 6.66667 9.16666C5.74619 9.16666 5 8.42047 5 7.49999C5 6.57952 5.74619 5.83333 6.66667 5.83333C7.58714 5.83333 8.33333 6.57952 8.33333 7.49999ZM15 7.49999C15 8.42047 14.2538 9.16666 13.3333 9.16666C12.4129 9.16666 11.6667 8.42047 11.6667 7.49999C11.6667 6.57952 12.4129 5.83333 13.3333 5.83333C14.2538 5.83333 15 6.57952 15 7.49999ZM10 15C11.3807 15 12.5 14.403 12.5 13.6667C12.5 12.9303 11.3807 11.6667 10 11.6667C8.61929 11.6667 7.5 12.9303 7.5 13.6667C7.5 14.403 8.61929 15 10 15Z" fill="black"/>
+<defs>
+<radialGradient id="paint0_radial_72_1873" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(10 4.58333) rotate(90) scale(15.4167)">
+<stop offset="0.359375" stop-color="#CC86E4"/>
+<stop offset="1" stop-color="#933CD8"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/react/features/base/icons/svg/enlarge.svg b/react/features/base/icons/svg/enlarge.svg
new file mode 100755
index 0000000..2a6b52c
--- /dev/null
+++ b/react/features/base/icons/svg/enlarge.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+<title>enlarge</title>
+<path d="M21 19.031v-14.063h-18v14.063h18zM21 3q0.797 0 1.406 0.609t0.609 1.406v13.969q0 0.797-0.609 1.406t-1.406 0.609h-18q-0.797 0-1.406-0.609t-0.609-1.406v-13.969q0-0.797 0.609-1.406t1.406-0.609h18zM14.016 15.984l-2.016 2.531-2.016-2.531h4.031zM6 9.984v4.031l-2.484-2.016zM18 9.984l2.484 2.016-2.484 2.016v-4.031zM12 5.484l2.016 2.531h-4.031z"></path>
+</svg>
diff --git a/react/features/base/icons/svg/enter-fullscreen.svg b/react/features/base/icons/svg/enter-fullscreen.svg
new file mode 100755
index 0000000..af01fd7
--- /dev/null
+++ b/react/features/base/icons/svg/enter-fullscreen.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M3 1.5C2.17157 1.5 1.5 2.17157 1.5 3V8.25C1.5 8.66421 1.83579 9 2.25 9C2.66421 9 3 8.66421 3 8.25V3H8.25C8.66421 3 9 2.66421 9 2.25C9 1.83579 8.66421 1.5 8.25 1.5H3Z" />
+    <path d="M21 22.5C21.8284 22.5 22.5 21.8284 22.5 21V15.75C22.5 15.3358 22.1642 15 21.75 15C21.3358 15 21 15.3358 21 15.75V21H15.75C15.3358 21 15 21.3358 15 21.75C15 22.1642 15.3358 22.5 15.75 22.5H21Z" />
+    <path d="M3 22.5C2.17157 22.5 1.5 21.8284 1.5 21V15.75C1.5 15.3358 1.83579 15 2.25 15C2.66421 15 3 15.3358 3 15.75L3 21H8.25C8.66421 21 9 21.3358 9 21.75C9 22.1642 8.66421 22.5 8.25 22.5H3Z" />
+    <path d="M22.5 3C22.5 2.17157 21.8284 1.5 21 1.5H15.75C15.3358 1.5 15 1.83579 15 2.25C15 2.66421 15.3358 3 15.75 3L21 3L21 8.25C21 8.66421 21.3358 9 21.75 9C22.1642 9 22.5 8.66421 22.5 8.25L22.5 3Z" />
+</svg>
diff --git a/react/features/base/icons/svg/envelope.svg b/react/features/base/icons/svg/envelope.svg
new file mode 100755
index 0000000..8d1e9c6
--- /dev/null
+++ b/react/features/base/icons/svg/envelope.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 8.25C1.5 6.17893 3.17893 4.5 5.25 4.5H18.75C20.8211 4.5 22.5 6.17893 22.5 8.25V15.75C22.5 17.8211 20.8211 19.5 18.75 19.5H5.25C3.17893 19.5 1.5 17.8211 1.5 15.75V8.25ZM5.25 6H18.75C19.2678 6 19.7447 6.1749 20.125 6.46886L12.9 11.8875C12.3667 12.2875 11.6334 12.2875 11.1 11.8875L3.87508 6.46882C4.25531 6.17489 4.73223 6 5.25 6ZM3.05983 7.73238C3.0207 7.89857 3 8.07187 3 8.25V15.75C3 16.9926 4.00736 18 5.25 18H18.75C19.9926 18 21 16.9926 21 15.75V8.25C21 8.07189 20.9793 7.89861 20.9402 7.73244L13.8 13.0875C12.7334 13.8875 11.2667 13.8875 10.2 13.0875L3.05983 7.73238Z" />
+</svg>
diff --git a/react/features/base/icons/svg/exclamation-solid.svg b/react/features/base/icons/svg/exclamation-solid.svg
new file mode 100644
index 0000000..fe052bc
--- /dev/null
+++ b/react/features/base/icons/svg/exclamation-solid.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 14.6667C4.3181 14.6667 1.33333 11.682 1.33333 8.00007C1.33333 4.31817 4.3181 1.3334 8 1.3334C11.6819 1.3334 14.6667 4.31817 14.6667 8.00007C14.6667 11.682 11.6819 14.6667 8 14.6667ZM7.33333 4.66676C7.33333 4.29857 7.6318 4.00009 8 4.00009C8.36819 4.00009 8.66666 4.29857 8.66666 4.66676V8.00009C8.66666 8.36828 8.36819 8.66676 8 8.66676C7.6318 8.66676 7.33333 8.36828 7.33333 8.00009V4.66676ZM8 10.0001C7.63181 10.0001 7.33333 10.2985 7.33333 10.6667C7.33333 11.0349 7.63181 11.3334 8 11.3334C8.36818 11.3334 8.66666 11.0349 8.66666 10.6667C8.66666 10.2985 8.36818 10.0001 8 10.0001Z" />
+</svg>
diff --git a/react/features/base/icons/svg/exclamation-triangle.svg b/react/features/base/icons/svg/exclamation-triangle.svg
new file mode 100644
index 0000000..bf9ce46
--- /dev/null
+++ b/react/features/base/icons/svg/exclamation-triangle.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.2332 14.3254L9.70838 0.910718C9.63451 0.77902 9.52397 0.670633 9.38965 0.598199C8.99846 0.387243 8.50693 0.52716 8.29177 0.910713L0.766813 14.3254C0.701168 14.4424 0.666748 14.5738 0.666748 14.7073C0.666748 15.1451 1.02867 15.4999 1.47512 15.4999H16.5249C16.6611 15.4999 16.7951 15.4662 16.9145 15.4018C17.3057 15.1909 17.4484 14.7089 17.2332 14.3254ZM2.84224 13.9147L9.00002 2.93733L15.1577 13.9147H2.84224ZM8.19177 11.5371C8.19177 11.0993 8.54663 10.7445 8.98437 10.7445H9.01591C9.45365 10.7445 9.80851 11.0993 9.80851 11.5371C9.80851 11.9748 9.45365 12.3297 9.01591 12.3297H8.98437C8.54663 12.3297 8.19177 11.9748 8.19177 11.5371ZM9.00014 6.7815C8.55369 6.7815 8.19177 7.14341 8.19177 7.58986V9.14351C8.19177 9.58996 8.55369 9.95188 9.00014 9.95188C9.44659 9.95188 9.80851 9.58996 9.80851 9.14351V7.58986C9.80851 7.14341 9.44659 6.7815 9.00014 6.7815Z" fill="#040404"/>
+</svg>
diff --git a/react/features/base/icons/svg/exit-fullscreen.svg b/react/features/base/icons/svg/exit-fullscreen.svg
new file mode 100755
index 0000000..58948c6
--- /dev/null
+++ b/react/features/base/icons/svg/exit-fullscreen.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M13.5 9C13.5 9.82843 14.1716 10.5 15 10.5H20.25C20.6642 10.5 21 10.1642 21 9.75C21 9.33579 20.6642 9 20.25 9H15V3.75C15 3.33579 14.6642 3 14.25 3C13.8358 3 13.5 3.33579 13.5 3.75V9Z" />
+    <path d="M10.5 15C10.5 14.1716 9.82843 13.5 9 13.5L3.75 13.5C3.33579 13.5 3 13.8358 3 14.25C3 14.6642 3.33579 15 3.75 15H9L9 20.25C9 20.6642 9.33579 21 9.75 21C10.1642 21 10.5 20.6642 10.5 20.25L10.5 15Z" />
+    <path d="M10.5 9C10.5 9.82843 9.82843 10.5 9 10.5H3.75C3.33579 10.5 3 10.1642 3 9.75C3 9.33579 3.33579 9 3.75 9L9 9V3.75C9 3.33579 9.33579 3 9.75 3C10.1642 3 10.5 3.33579 10.5 3.75V9Z" />
+    <path d="M15 13.5C14.1716 13.5 13.5 14.1716 13.5 15L13.5 20.25C13.5 20.6642 13.8358 21 14.25 21C14.6642 21 15 20.6642 15 20.25V15H20.25C20.6642 15 21 14.6642 21 14.25C21 13.8358 20.6642 13.5 20.25 13.5L15 13.5Z" />
+</svg>
diff --git a/react/features/base/icons/svg/face-smile.svg b/react/features/base/icons/svg/face-smile.svg
new file mode 100644
index 0000000..2c5e22c
--- /dev/null
+++ b/react/features/base/icons/svg/face-smile.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M16.4958 14.996C16.7448 15.245 16.783 15.6401 16.5536 15.9073C15.4532 17.1886 13.8213 18.0001 12 18.0001C10.1786 18.0001 8.54675 17.1886 7.44636 15.9073C7.21689 15.6401 7.25509 15.245 7.50413 14.996C7.83689 14.6632 8.39391 14.7331 8.71568 15.0764C9.53675 15.9527 10.7044 16.5001 12 16.5001C13.2955 16.5001 14.4632 15.9527 15.2842 15.0764C15.606 14.7331 16.163 14.6632 16.4958 14.996Z" />
+    <path d="M9.75 9.75C9.75 10.5784 9.07843 11.25 8.25 11.25C7.42157 11.25 6.75 10.5784 6.75 9.75C6.75 8.92157 7.42157 8.25 8.25 8.25C9.07843 8.25 9.75 8.92157 9.75 9.75Z" />
+    <path d="M15.75 11.25C16.5784 11.25 17.25 10.5784 17.25 9.75C17.25 8.92157 16.5784 8.25 15.75 8.25C14.9216 8.25 14.25 8.92157 14.25 9.75C14.25 10.5784 14.9216 11.25 15.75 11.25Z" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M22.5 12C22.5 17.799 17.799 22.5 12 22.5C6.20101 22.5 1.5 17.799 1.5 12C1.5 6.20101 6.20101 1.5 12 1.5C17.799 1.5 22.5 6.20101 22.5 12ZM21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z" />
+</svg>
diff --git a/react/features/base/icons/svg/favorite-solid.svg b/react/features/base/icons/svg/favorite-solid.svg
new file mode 100644
index 0000000..24b515e
--- /dev/null
+++ b/react/features/base/icons/svg/favorite-solid.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M12.7158 3.03843C12.4964 2.33696 11.5037 2.33696 11.2842 3.03843L9.54263 8.60636C9.44381 8.92229 9.14957 9.13606 8.81858 9.13242L2.98497 9.0682C2.25003 9.06011 1.94325 10.0043 2.54258 10.4297L7.29982 13.8067C7.56974 13.9983 7.68213 14.3442 7.57638 14.6579L5.71262 20.1861C5.47782 20.8826 6.28099 21.4661 6.87081 21.0276L11.5525 17.5467C11.8182 17.3492 12.1819 17.3492 12.4475 17.5467L17.1293 21.0276C17.7191 21.4661 18.5223 20.8826 18.2875 20.1861L16.4237 14.6579C16.3179 14.3442 16.4303 13.9983 16.7003 13.8067L21.4575 10.4297C22.0568 10.0043 21.75 9.06011 21.0151 9.0682L15.1815 9.13242C14.8505 9.13606 14.5563 8.92228 14.4574 8.60636L12.7158 3.03843Z" />
+</svg>
diff --git a/react/features/base/icons/svg/favorite.svg b/react/features/base/icons/svg/favorite.svg
new file mode 100644
index 0000000..67587c9
--- /dev/null
+++ b/react/features/base/icons/svg/favorite.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M12 5.77465L10.9742 9.05416C10.6778 10.0019 9.79505 10.6433 8.80206 10.6323L5.36607 10.5945L8.16808 12.5835C8.97785 13.1583 9.31502 14.1961 8.99778 15.1371L7.90002 18.3932L10.6576 16.343C11.4545 15.7505 12.5456 15.7505 13.3425 16.343L16.1001 18.3932L15.0023 15.1371C14.6851 14.1961 15.0222 13.1583 15.832 12.5835L18.634 10.5945L15.198 10.6323C14.205 10.6433 13.3223 10.0019 13.0258 9.05416L12 5.77465ZM12.7158 3.03843C12.4964 2.33696 11.5037 2.33696 11.2842 3.03843L9.54263 8.60636C9.44381 8.92229 9.14957 9.13606 8.81858 9.13242L2.98497 9.0682C2.25003 9.06011 1.94325 10.0043 2.54258 10.4297L7.29982 13.8067C7.56974 13.9983 7.68213 14.3442 7.57638 14.6579L5.71262 20.1861C5.47782 20.8826 6.28099 21.4661 6.87081 21.0276L11.5525 17.5467C11.8182 17.3492 12.1819 17.3492 12.4475 17.5467L17.1293 21.0276C17.7191 21.4661 18.5223 20.8826 18.2875 20.1861L16.4237 14.6579C16.3179 14.3442 16.4303 13.9983 16.7003 13.8067L21.4575 10.4297C22.0568 10.0043 21.75 9.06011 21.0151 9.0682L15.1815 9.13242C14.8505 9.13606 14.5563 8.92228 14.4574 8.60636L12.7158 3.03843Z" fill="white"/>
+</svg>
diff --git a/react/features/base/icons/svg/feedback.svg b/react/features/base/icons/svg/feedback.svg
new file mode 100755
index 0000000..28df746
--- /dev/null
+++ b/react/features/base/icons/svg/feedback.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M14.1345 3.19052C12.8504 2.30148 11.1496 2.30148 9.86546 3.19052L3.11546 7.8636C2.10372 8.56404 1.5 9.71628 1.5 10.9468V18.75C1.5 20.821 3.17893 22.5 5.25 22.5H18.75C20.8211 22.5 22.5 20.821 22.5 18.75V10.9468C22.5 9.71628 21.8963 8.56404 20.8845 7.8636L14.1345 3.19052ZM10.7193 4.42381C11.4898 3.89039 12.5102 3.89039 13.2807 4.42381L20.0307 9.09689C20.0939 9.14064 20.1545 9.18732 20.2122 9.23669L12.9145 14.8503C12.8616 14.891 12.8066 14.9277 12.75 14.9605V8.99997L14.55 10.35C14.8814 10.5985 15.3515 10.5314 15.6 10.2C15.8486 9.86863 15.7814 9.39853 15.45 9.15L12.45 6.9C12.1834 6.7 11.8167 6.7 11.55 6.9L8.55004 9.15C8.21867 9.39853 8.15152 9.86863 8.40004 10.2C8.64857 10.5314 9.11867 10.5985 9.45004 10.35L11.25 9.00003V14.9605C11.1934 14.9277 11.1384 14.891 11.0854 14.8503L3.78777 9.23671C3.84553 9.18733 3.90608 9.14064 3.96928 9.09689L10.7193 4.42381ZM3.03519 10.5503C3.01197 10.68 3 10.8126 3 10.9468V18.75C3 19.9926 4.00736 21 5.25 21H18.75C19.9926 21 21 19.9926 21 18.75V10.9468C21 10.8126 20.988 10.68 20.9648 10.5502L13.8291 16.0392C12.7508 16.8687 11.2492 16.8687 10.1708 16.0392L3.03519 10.5503Z" />
+</svg>
diff --git a/react/features/base/icons/svg/gear.svg b/react/features/base/icons/svg/gear.svg
new file mode 100755
index 0000000..cc8a705
--- /dev/null
+++ b/react/features/base/icons/svg/gear.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M15.75 12C15.75 14.0711 14.0711 15.75 12 15.75C9.92896 15.75 8.25003 14.0711 8.25003 12C8.25003 9.92893 9.92896 8.25 12 8.25C14.0711 8.25 15.75 9.92893 15.75 12ZM14.25 12C14.25 13.2426 13.2427 14.25 12 14.25C10.7574 14.25 9.75003 13.2426 9.75003 12C9.75003 10.7574 10.7574 9.75 12 9.75C13.2427 9.75 14.25 10.7574 14.25 12Z" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M9.02643 3.44749C9.02643 2.37832 9.89315 1.5 10.9623 1.5H13.0377C14.1069 1.5 14.9736 2.37832 14.9736 3.44748C14.9736 4.92702 16.5781 5.86926 17.8566 5.12458C18.7767 4.58861 19.9573 4.90494 20.4862 5.82918L21.5414 7.67299C22.072 8.60019 21.7554 9.78179 20.8323 10.3195C19.5443 11.0697 19.5443 12.9303 20.8323 13.6805C21.7554 14.2182 22.072 15.3998 21.5414 16.327L20.4862 18.1708C19.9573 19.0951 18.7767 19.4114 17.8566 18.8754C16.5781 18.1308 14.9736 19.073 14.9736 20.5525C14.9736 21.6217 14.1069 22.5 13.0377 22.5H10.9623C9.89315 22.5 9.02643 21.6217 9.02643 20.5525C9.02643 19.073 7.42192 18.1307 6.14344 18.8754C5.22327 19.4114 4.04264 19.0951 3.51373 18.1708L2.45859 16.327C1.92798 15.3998 2.24458 14.2182 3.16769 13.6805C4.45563 12.9303 4.45563 11.0697 3.16769 10.3195C2.24458 9.7818 1.92798 8.60019 2.45859 7.67299L3.51373 5.8292C4.04264 4.90495 5.22327 4.58862 6.14344 5.12459C7.42192 5.86928 9.02643 4.92704 9.02643 3.44749ZM10.9623 3H13.0377C13.2668 3 13.4736 3.19507 13.4736 3.44748C13.4736 6.05746 16.31 7.76133 18.6115 6.42073C18.812 6.30398 19.0691 6.37289 19.1843 6.57421L20.2395 8.41802C20.3609 8.63009 20.2884 8.90035 20.0773 9.02333C17.796 10.3521 17.796 13.6479 20.0773 14.9767C20.2884 15.0997 20.3609 15.3699 20.2395 15.582L19.1843 17.4258C19.0691 17.6271 18.812 17.696 18.6115 17.5793C16.31 16.2387 13.4736 17.9425 13.4736 20.5525C13.4736 20.8049 13.2668 21 13.0377 21H10.9623C10.7332 21 10.5264 20.8049 10.5264 20.5525C10.5264 17.9425 7.69 16.2387 5.38846 17.5793C5.18802 17.696 4.93084 17.6271 4.81563 17.4258L3.76048 15.582C3.63912 15.3699 3.71153 15.0997 3.92267 14.9767C6.20397 13.6479 6.20397 10.3521 3.92267 9.02333C3.71153 8.90035 3.63912 8.63009 3.76048 8.41802L4.81563 6.57423C4.93084 6.3729 5.18802 6.30399 5.38846 6.42074C7.69001 7.76135 10.5264 6.05749 10.5264 3.44749C10.5264 3.19507 10.7332 3 10.9623 3Z" />
+</svg>
diff --git a/react/features/base/icons/svg/google.svg b/react/features/base/icons/svg/google.svg
new file mode 100755
index 0000000..cbdde9c
--- /dev/null
+++ b/react/features/base/icons/svg/google.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M20.2359 10.3544H19.56V10.32H12V13.68H16.748C16.054 15.6356 14.1935 17.04 12 17.04C9.21587 17.04 6.96001 14.7841 6.96001 12C6.96001 9.21583 9.21587 6.95998 12 6.95998C13.2846 6.95998 14.4544 7.44396 15.3436 8.23638L17.7192 5.86076C16.2197 4.46294 14.2132 3.59998 12 3.59998C7.36032 3.59998 3.60001 7.36029 3.60001 12C3.60001 16.6397 7.36032 20.4 12 20.4C16.6397 20.4 20.4 16.6397 20.4 12C20.4 11.4372 20.3426 10.8876 20.2359 10.3544Z" />
+</svg>
diff --git a/react/features/base/icons/svg/hangup.svg b/react/features/base/icons/svg/hangup.svg
new file mode 100755
index 0000000..a979135
--- /dev/null
+++ b/react/features/base/icons/svg/hangup.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M15.5354 14.2137C15.7419 15.0465 15.9228 15.4474 16.4337 15.8121C16.8922 16.1384 19.3358 16.5121 20.3023 16.4997C20.811 16.4933 21.2542 16.3621 21.6056 16.0384L21.6232 16.0217C22.4813 15.1709 22.6574 12.8488 22.3762 11.6107C22.2078 10.4059 21.3703 9.47571 19.9807 8.85603L19.7682 8.76541C16.0438 7.06296 7.96818 7.0911 4.2181 8.77268C2.73412 9.36142 1.82253 10.3345 1.61993 11.6621C1.35005 12.7299 1.50796 15.133 2.37837 16.0151C2.75243 16.3607 3.19644 16.492 3.70455 16.4986C4.66973 16.5111 7.11478 16.1372 7.57192 15.8123C8.04127 15.4779 8.23266 15.113 8.42034 14.413L8.48734 14.1503C8.61337 13.6444 8.68996 13.4979 8.88053 13.4009C10.9611 12.4505 13.0448 12.4503 15.1496 13.4114C15.3001 13.4887 15.3773 13.6153 15.4834 14.0097L15.5354 14.2137ZM7.03286 13.7836C7.09435 13.537 7.18016 13.2139 7.33129 12.9257C7.53766 12.5321 7.83388 12.2506 8.19985 12.0642L8.22827 12.0497L8.25728 12.0365C10.7362 10.9041 13.2746 10.9063 15.7726 12.0469L15.8041 12.0613L15.8348 12.0771C16.172 12.2502 16.4436 12.5087 16.6381 12.8519C16.7893 13.1187 16.8744 13.4061 16.9319 13.6203L16.9344 13.6297L16.9913 13.8528C17.0895 14.2487 17.1504 14.4019 17.1903 14.4759C17.2045 14.5022 17.2134 14.5129 17.22 14.5202C17.2232 14.5238 17.2288 14.5297 17.238 14.5381C17.2912 14.5563 17.3694 14.5801 17.4752 14.6078C17.7266 14.6735 18.0585 14.7419 18.4262 14.8037C19.1854 14.9313 19.9341 15.0043 20.2831 14.9998C20.4163 14.9981 20.4929 14.9805 20.5311 14.9675C20.5519 14.9605 20.565 14.9538 20.5751 14.9467C20.5839 14.9356 20.5993 14.9144 20.6195 14.8799C20.6539 14.8211 20.6946 14.7372 20.7367 14.6243C20.822 14.395 20.8939 14.098 20.941 13.7564C21.0381 13.0527 21.0058 12.3494 20.9135 11.9429L20.8994 11.8811L20.8906 11.8183C20.8162 11.286 20.4566 10.7133 19.3804 10.2307L19.1621 10.1377L19.1446 10.1296C17.572 9.41083 14.876 8.99573 12.005 9.00003C9.13686 9.00433 6.42584 9.42661 4.83184 10.1414L4.80183 10.1548L4.77125 10.167C3.6348 10.6178 3.20355 11.2279 3.10276 11.8884L3.09187 11.9598L3.07419 12.0297C3.00084 12.3199 2.95972 12.9826 3.05793 13.7067C3.10477 14.052 3.17689 14.3595 3.26453 14.6008C3.30774 14.7197 3.35008 14.8096 3.38676 14.8737C3.40432 14.9044 3.41869 14.9259 3.42889 14.9399C3.44732 14.9527 3.46432 14.9604 3.48327 14.967C3.51959 14.9796 3.59191 14.997 3.72377 14.9987C4.07193 15.0032 4.82076 14.9302 5.58033 14.8027C5.94817 14.7409 6.28022 14.6726 6.5317 14.607C6.63747 14.5794 6.71567 14.5557 6.76883 14.5375C6.77621 14.5308 6.78123 14.5257 6.78452 14.5222C6.79241 14.5138 6.79948 14.5051 6.80951 14.4881C6.83641 14.4425 6.88869 14.3319 6.96925 14.033L7.03286 13.7836Z" />
+</svg>
diff --git a/react/features/base/icons/svg/headset.svg b/react/features/base/icons/svg/headset.svg
new file mode 100755
index 0000000..3a8a642
--- /dev/null
+++ b/react/features/base/icons/svg/headset.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+<title>headset</title>
+<path d="M12 0.984c4.969 0 9 4.031 9 9v7.031c0 1.641-1.359 3-3 3h-3v-8.016h3.984v-2.016c0-3.891-3.094-6.984-6.984-6.984s-6.984 3.094-6.984 6.984v2.016h3.984v8.016h-3c-1.641 0-3-1.359-3-3v-7.031c0-4.969 4.031-9 9-9z"></path>
+</svg>
diff --git a/react/features/base/icons/svg/help.svg b/react/features/base/icons/svg/help.svg
new file mode 100644
index 0000000..55ab24b
--- /dev/null
+++ b/react/features/base/icons/svg/help.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20"  xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 18.3334C5.39765 18.3334 1.66669 14.6024 1.66669 10C1.66669 5.39765 5.39765 1.66669 10 1.66669C14.6024 1.66669 18.3334 5.39765 18.3334 10C18.3334 14.6024 14.6024 18.3334 10 18.3334ZM10 16.6667C13.6819 16.6667 16.6667 13.6819 16.6667 10C16.6667 6.31812 13.6819 3.33335 10 3.33335C6.31812 3.33335 3.33335 6.31812 3.33335 10C3.33335 13.6819 6.31812 16.6667 10 16.6667ZM9.24807 14.8926C9.44555 15.064 9.67667 15.1498 9.94143 15.1498C10.1975 15.1498 10.4232 15.063 10.6185 14.8893C10.8138 14.7157 10.9115 14.477 10.9115 14.1732C10.9115 13.8998 10.8182 13.6697 10.6315 13.4831C10.4449 13.2965 10.2149 13.2031 9.94143 13.2031C9.66365 13.2031 9.42928 13.2965 9.2383 13.4831C9.04733 13.6697 8.95184 13.8998 8.95184 14.1732C8.95184 14.4814 9.05058 14.7212 9.24807 14.8926ZM7.16148 6.76109C6.89672 7.18427 6.76434 7.60202 6.76434 8.01434C6.76434 8.214 6.84789 8.39954 7.01499 8.57098C7.1821 8.74243 7.38717 8.82815 7.63023 8.82815C8.04256 8.82815 8.3225 8.58292 8.47007 8.09247C8.62632 7.62372 8.81729 7.2689 9.04299 7.02802C9.26868 6.78713 9.62024 6.66669 10.0977 6.66669C10.5057 6.66669 10.8388 6.78604 11.097 7.02476C11.3553 7.26348 11.4844 7.55644 11.4844 7.90367C11.4844 8.08162 11.4421 8.24655 11.3574 8.39846C11.2728 8.55037 11.1686 8.68817 11.0449 8.81187C10.9212 8.93557 10.7205 9.11894 10.4427 9.362C10.1259 9.63978 9.87415 9.87958 9.68752 10.0814C9.50089 10.2832 9.35115 10.5176 9.2383 10.7845C9.12545 11.0515 9.06903 11.3672 9.06903 11.7318C9.06903 12.0226 9.14607 12.2418 9.30015 12.3893C9.45423 12.5369 9.64412 12.6107 9.86981 12.6107C10.3038 12.6107 10.5621 12.385 10.6446 11.9336C10.6923 11.7209 10.7281 11.5723 10.752 11.4877C10.7758 11.403 10.8095 11.3184 10.8529 11.2337C10.8963 11.1491 10.9625 11.0558 11.0515 10.9538C11.1404 10.8518 11.2587 10.7335 11.4063 10.599C11.9401 10.1215 12.3101 9.78192 12.5163 9.5801C12.7225 9.37827 12.9004 9.13848 13.0502 8.8607C13.1999 8.58292 13.2748 8.25957 13.2748 7.89065C13.2748 7.42189 13.1435 6.98787 12.8809 6.58856C12.6183 6.18925 12.2461 5.8735 11.7643 5.6413C11.2826 5.40909 10.727 5.29299 10.0977 5.29299C9.42059 5.29299 8.82815 5.43188 8.32033 5.70966C7.81252 5.98743 7.42624 6.33791 7.16148 6.76109Z" />
+</svg>
diff --git a/react/features/base/icons/svg/highlight.svg b/react/features/base/icons/svg/highlight.svg
new file mode 100644
index 0000000..84496c1
--- /dev/null
+++ b/react/features/base/icons/svg/highlight.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.1966 6.05507L16.0207 5.25708L17.669 6.85306L16.8448 7.65106L15.1966 6.05507ZM11.9 6.05507L13.5483 4.45908L14.3724 3.66109C15.2827 2.77966 16.7586 2.77961 17.669 3.66109L19.3173 5.25708C20.2276 6.13855 20.2276 7.56762 19.3173 8.44905L18.4931 9.24705L16.8448 10.843L12.7242 14.833L11.0759 16.429L10.882 16.6167L7.76993 17.7444C6.91521 18.0542 5.95229 17.8519 5.30692 17.227C4.66155 16.6021 4.45265 15.6697 4.77257 14.8421L5.93715 11.8288L6.13106 11.641L7.77933 10.045L11.9 6.05507ZM15.1966 9.24705L11.0759 13.237L9.42761 11.641L13.5483 7.65106L15.1966 9.24705ZM6.95731 15.629L7.85388 13.3092L9.35306 14.7608L6.95731 15.629ZM5.16551 18.7429C4.52181 18.7429 4 19.2482 4 19.8715C4 20.4947 4.52181 21 5.16551 21H17.9861C18.6298 21 19.1516 20.4947 19.1516 19.8715C19.1516 19.2482 18.6298 18.7429 17.9861 18.7429H5.16551Z" />
+</svg>
diff --git a/react/features/base/icons/svg/icon-ring-group.svg b/react/features/base/icons/svg/icon-ring-group.svg
new file mode 100644
index 0000000..ec2d1b0
--- /dev/null
+++ b/react/features/base/icons/svg/icon-ring-group.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="15" viewBox="0 0 16 15" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 7.16667C6.85438 7.16667 5.84374 6.58873 5.24374 5.70851C4.57694 6.29711 4.09999 7.09581 3.91648 8.00102C5.71901 8.04514 7.16667 9.52018 7.16667 11.3333C7.16667 11.871 7.03938 12.3789 6.8133 12.8286C7.1894 12.9401 7.5877 13 8 13C8.4123 13 8.81061 12.9401 9.1867 12.8286C8.96062 12.3789 8.83333 11.871 8.83333 11.3333C8.83333 9.52018 10.281 8.04515 12.0835 8.00102C11.9 7.09581 11.4231 6.29711 10.7563 5.70851C10.1563 6.58873 9.14562 7.16667 8 7.16667ZM8 14.6667C8.85231 14.6667 9.66193 14.4839 10.3918 14.1554C10.9057 14.4793 11.5143 14.6667 12.1667 14.6667C14.0076 14.6667 15.5 13.1743 15.5 11.3333C15.5 10.0941 14.8238 9.01283 13.8202 8.43837C13.6984 6.61689 12.7405 5.02432 11.327 4.04114C11.3312 3.97241 11.3333 3.90312 11.3333 3.83333C11.3333 1.99238 9.84095 0.5 8 0.5C6.15905 0.5 4.66667 1.99238 4.66667 3.83333C4.66667 3.90312 4.66881 3.97241 4.67304 4.04114C3.2595 5.02432 2.30161 6.61689 2.17983 8.43837C1.17624 9.01282 0.5 10.0941 0.5 11.3333C0.5 13.1743 1.99238 14.6667 3.83333 14.6667C4.4857 14.6667 5.09428 14.4793 5.60821 14.1554C6.33807 14.4839 7.14769 14.6667 8 14.6667ZM9.66667 3.83333C9.66667 4.75381 8.92047 5.5 8 5.5C7.07952 5.5 6.33333 4.75381 6.33333 3.83333C6.33333 2.91286 7.07952 2.16667 8 2.16667C8.92047 2.16667 9.66667 2.91286 9.66667 3.83333ZM5.5 11.3333C5.5 12.2538 4.75381 13 3.83333 13C2.91286 13 2.16667 12.2538 2.16667 11.3333C2.16667 10.4129 2.91286 9.66667 3.83333 9.66667C4.75381 9.66667 5.5 10.4129 5.5 11.3333ZM13.8333 11.3333C13.8333 12.2538 13.0871 13 12.1667 13C11.2462 13 10.5 12.2538 10.5 11.3333C10.5 10.4129 11.2462 9.66667 12.1667 9.66667C13.0871 9.66667 13.8333 10.4129 13.8333 11.3333Z" />
+</svg>
diff --git a/react/features/base/icons/svg/image.svg b/react/features/base/icons/svg/image.svg
new file mode 100644
index 0000000..275a86d
--- /dev/null
+++ b/react/features/base/icons/svg/image.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 10.5C18.1569 10.5 19.5 9.15685 19.5 7.5C19.5 5.84315 18.1569 4.5 16.5 4.5C14.8431 4.5 13.5 5.84315 13.5 7.5C13.5 9.15685 14.8431 10.5 16.5 10.5ZM16.5 9C17.3284 9 18 8.32843 18 7.5C18 6.67157 17.3284 6 16.5 6C15.6716 6 15 6.67157 15 7.5C15 8.32843 15.6716 9 16.5 9Z" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 15.7501V19.5C1.5 21.1569 2.84315 22.5 4.5 22.5H19.5C21.1569 22.5 22.5 21.1569 22.5 19.5V4.5C22.5 2.84315 21.1569 1.5 19.5 1.5H4.5C2.84315 1.5 1.5 2.84315 1.5 4.5V15.7501C1.5 15.7502 1.5 15.75 1.5 15.7501ZM19.5 3H4.5C3.67157 3 3 3.67157 3 4.5V13.9393L6.96967 9.96967C7.26256 9.67678 7.73744 9.67678 8.03033 9.96967L12 13.9393L13.7197 12.2197C14.0126 11.9268 14.4874 11.9268 14.7803 12.2197L21 18.4393V4.5C21 3.67157 20.3284 3 19.5 3ZM20.7575 20.3181L14.25 13.8107L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L7.5 11.5607L3 16.0607V19.5C3 20.3284 3.67157 21 4.5 21H19.5C20.0266 21 20.4898 20.7286 20.7575 20.3181Z" />
+</svg>
diff --git a/react/features/base/icons/svg/index.ts b/react/features/base/icons/svg/index.ts
new file mode 100644
index 0000000..ee0ad94
--- /dev/null
+++ b/react/features/base/icons/svg/index.ts
@@ -0,0 +1,233 @@
+import withBranding from '../components/withBranding';
+
+import { DEFAULT_ICON } from './constants';
+
+const {
+    IconAddUser,
+    IconArrowBack,
+    IconArrowDown,
+    IconArrowDownLarge,
+    IconArrowLeft,
+    IconArrowUp,
+    IconArrowUpLarge,
+    IconAudioOnly,
+    IconAudioOnlyOff,
+    IconBluetooth,
+    IconBell,
+    IconCalendar,
+    IconCameraRefresh,
+    IconCar,
+    IconChatUnread,
+    IconCheck,
+    IconCloseCircle,
+    IconCloseLarge,
+    IconCloudUpload,
+    IconCode,
+    IconConnection,
+    IconConnectionInactive,
+    IconCopy,
+    IconDeviceHeadphone,
+    IconDotsHorizontal,
+    IconDownload,
+    IconE2EE,
+    IconEdit,
+    IconEnlarge,
+    IconEnterFullscreen,
+    IconEnvelope,
+    IconEmotionsAngry,
+    IconEmotionsDisgusted,
+    IconEmotionsFearful,
+    IconEmotionsHappy,
+    IconEmotionsNeutral,
+    IconEmotionsSad,
+    IconEmotionsSurprised,
+    IconExclamationSolid,
+    IconExclamationTriangle,
+    IconExitFullscreen,
+    IconFaceSmile,
+    IconFavorite,
+    IconFavoriteSolid,
+    IconFeedback,
+    IconGear,
+    IconGoogle,
+    IconHangup,
+    IconHelp,
+    IconHighlight,
+    IconImage,
+    IconInfo,
+    IconInfoCircle,
+    IconMessage,
+    IconMeter,
+    IconMic,
+    IconMicSlash,
+    IconModerator,
+    IconNoiseSuppressionOff,
+    IconNoiseSuppressionOn,
+    IconArrowRight,
+    IconOffice365,
+    IconPerformance,
+    IconPhoneRinging,
+    IconPin,
+    IconPinned,
+    IconPlay,
+    IconPlus,
+    IconRaiseHand,
+    IconRecord,
+    IconRecordAccount,
+    IconRecordContact,
+    IconRecordLead,
+    IconRecordOpportunity,
+    IconRemoteControlStart,
+    IconRemoteControlStop,
+    IconReply,
+    IconRestore,
+    IconRingGroup,
+    IconScreenshare,
+    IconSearch,
+    IconSecurityOff,
+    IconSecurityOn,
+    IconSend,
+    IconShare,
+    IconShareDoc,
+    IconShortcuts,
+    IconSip,
+    IconSites,
+    IconStop,
+    IconSubtitles,
+    IconTileView,
+    IconTrash,
+    IconUserDeleted,
+    IconUsers,
+    IconUser,
+    IconVideo,
+    IconVideoOff,
+    IconVolumeOff,
+    IconVolumeUp,
+    IconWarning,
+    IconWarningCircle,
+    IconWhiteboard,
+    IconWhiteboardHide,
+    IconWifi1Bar,
+    IconWifi2Bars,
+    IconWifi3Bars,
+    IconYahoo
+} = Object.keys(DEFAULT_ICON).reduce((exportedIcons: Record<string, any>, key) => {
+    return {
+        ...exportedIcons,
+        [key]: withBranding({
+            iconName: key,
+            DefaultIcon: DEFAULT_ICON[key]
+        })
+    };
+}, {});
+
+export {
+    IconAddUser,
+    IconArrowBack,
+    IconArrowDown,
+    IconArrowDownLarge,
+    IconArrowLeft,
+    IconArrowUp,
+    IconArrowUpLarge,
+    IconAudioOnly,
+    IconAudioOnlyOff,
+    IconBluetooth,
+    IconBell,
+    IconCalendar,
+    IconCameraRefresh,
+    IconCar,
+    IconChatUnread,
+    IconCheck,
+    IconCloseCircle,
+    IconCloseLarge,
+    IconCloudUpload,
+    IconCode,
+    IconConnection,
+    IconConnectionInactive,
+    IconCopy,
+    IconDeviceHeadphone,
+    IconDotsHorizontal,
+    IconDownload,
+    IconE2EE,
+    IconEdit,
+    IconEnlarge,
+    IconEnterFullscreen,
+    IconEnvelope,
+    IconEmotionsAngry,
+    IconEmotionsDisgusted,
+    IconEmotionsFearful,
+    IconEmotionsHappy,
+    IconEmotionsNeutral,
+    IconEmotionsSad,
+    IconEmotionsSurprised,
+    IconExclamationSolid,
+    IconExclamationTriangle,
+    IconExitFullscreen,
+    IconFaceSmile,
+    IconFavorite,
+    IconFavoriteSolid,
+    IconFeedback,
+    IconGear,
+    IconGoogle,
+    IconHangup,
+    IconHelp,
+    IconHighlight,
+    IconImage,
+    IconInfo,
+    IconInfoCircle,
+    IconMessage,
+    IconMeter,
+    IconMic,
+    IconMicSlash,
+    IconModerator,
+    IconNoiseSuppressionOff,
+    IconNoiseSuppressionOn,
+    IconArrowRight,
+    IconOffice365,
+    IconPerformance,
+    IconPhoneRinging,
+    IconPin,
+    IconPinned,
+    IconPlay,
+    IconPlus,
+    IconRaiseHand,
+    IconRecord,
+    IconRecordAccount,
+    IconRecordContact,
+    IconRecordLead,
+    IconRecordOpportunity,
+    IconRemoteControlStart,
+    IconRemoteControlStop,
+    IconReply,
+    IconRestore,
+    IconRingGroup,
+    IconScreenshare,
+    IconSearch,
+    IconSecurityOff,
+    IconSecurityOn,
+    IconSend,
+    IconShare,
+    IconShareDoc,
+    IconShortcuts,
+    IconSip,
+    IconSites,
+    IconStop,
+    IconSubtitles,
+    IconTileView,
+    IconTrash,
+    IconUserDeleted,
+    IconUsers,
+    IconUser,
+    IconVideo,
+    IconVideoOff,
+    IconVolumeOff,
+    IconVolumeUp,
+    IconWarning,
+    IconWarningCircle,
+    IconWhiteboard,
+    IconWhiteboardHide,
+    IconWifi1Bar,
+    IconWifi2Bars,
+    IconWifi3Bars,
+    IconYahoo
+};
diff --git a/react/features/base/icons/svg/info-circle.svg b/react/features/base/icons/svg/info-circle.svg
new file mode 100755
index 0000000..5ad9051
--- /dev/null
+++ b/react/features/base/icons/svg/info-circle.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M12 8.25C12.4142 8.25 12.75 7.91421 12.75 7.5C12.75 7.08579 12.4142 6.75 12 6.75C11.5858 6.75 11.25 7.08579 11.25 7.5C11.25 7.91421 11.5858 8.25 12 8.25Z" />
+    <path d="M10.5 12H11.25V17.25C11.25 17.6642 11.5858 18 12 18H13.5C13.9142 18 14.25 17.6642 14.25 17.25C14.25 16.8358 13.9142 16.5 13.5 16.5H12.75V11.25C12.75 10.8358 12.4142 10.5 12 10.5H10.5C10.0858 10.5 9.75 10.8358 9.75 11.25C9.75 11.6642 10.0858 12 10.5 12Z" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5ZM12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" />
+</svg>
diff --git a/react/features/base/icons/svg/info.svg b/react/features/base/icons/svg/info.svg
new file mode 100755
index 0000000..6f2e348
--- /dev/null
+++ b/react/features/base/icons/svg/info.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M10.0003 18.3333C5.39795 18.3333 1.66699 14.6024 1.66699 10C1.66699 5.39763 5.39795 1.66667 10.0003 1.66667C14.6027 1.66667 18.3337 5.39763 18.3337 10C18.3337 14.6024 14.6027 18.3333 10.0003 18.3333ZM10.0003 16.6667C13.6822 16.6667 16.667 13.6819 16.667 10C16.667 6.31811 13.6822 3.33334 10.0003 3.33334C6.31843 3.33334 3.33366 6.31811 3.33366 10C3.33366 13.6819 6.31843 16.6667 10.0003 16.6667ZM9.16699 10C9.16699 9.53977 9.54009 9.16667 10.0003 9.16667C10.4606 9.16667 10.8337 9.53977 10.8337 10V13.3333C10.8337 13.7936 10.4606 14.1667 10.0003 14.1667C9.54009 14.1667 9.16699 13.7936 9.16699 13.3333V10ZM10.0003 5.83334C9.54009 5.83334 9.16699 6.20644 9.16699 6.66667C9.16699 7.12691 9.54009 7.50001 10.0003 7.50001C10.4606 7.50001 10.8337 7.12691 10.8337 6.66667C10.8337 6.20644 10.4606 5.83334 10.0003 5.83334Z" />
+</svg>
diff --git a/react/features/base/icons/svg/lead-record.svg b/react/features/base/icons/svg/lead-record.svg
new file mode 100644
index 0000000..bee3d59
--- /dev/null
+++ b/react/features/base/icons/svg/lead-record.svg
@@ -0,0 +1,5 @@
+<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 3C0 1.34315 1.34315 0 3 0H37C38.6569 0 40 1.34315 40 3V37C40 38.6569 38.6569 40 37 40H3C1.34315 40 0 38.6569 0 37V3Z" fill="#EA8F6A"/>
+<path d="M20.0186 16.0059C21.6771 16.0059 23.0216 14.6614 23.0216 13.0029C23.0216 11.3445 21.6771 10 20.0186 10C18.3601 10 17.0157 11.3445 17.0157 13.0029C17.0157 14.6614 18.3601 16.0059 20.0186 16.0059Z" fill="white"/>
+<path d="M29.3611 18.0079H10.6761C10.0088 18.0079 9.74188 18.842 10.3091 19.209L15.1805 22.3454C15.4141 22.5123 15.5476 22.8126 15.4475 23.0795L13.6123 29.1855C13.4121 29.8528 14.2797 30.3199 14.7802 29.8194L19.5181 24.8145C19.7851 24.5142 20.2522 24.5142 20.5191 24.8145L25.2571 29.8194C25.7242 30.3199 26.5917 29.8528 26.4249 29.1855L24.5898 23.0795C24.523 22.8126 24.6231 22.5123 24.8567 22.3454L29.7281 19.209C30.2954 18.842 30.0284 18.0079 29.3611 18.0079Z" fill="white"/>
+</svg>
diff --git a/react/features/base/icons/svg/message.svg b/react/features/base/icons/svg/message.svg
new file mode 100644
index 0000000..6dfd246
--- /dev/null
+++ b/react/features/base/icons/svg/message.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M14.25 10.5C13.8358 10.5 13.5 10.8358 13.5 11.25C13.5 11.6642 13.8358 12 14.25 12C14.6642 12 15 11.6642 15 11.25C15 10.8358 14.6642 10.5 14.25 10.5Z" />
+    <path d="M6 8.25C6 7.83579 6.33579 7.5 6.75 7.5H17.25C17.6642 7.5 18 7.83579 18 8.25C18 8.66421 17.6642 9 17.25 9H6.75C6.33579 9 6 8.66421 6 8.25Z" />
+    <path d="M6.75 10.5C6.33579 10.5 6 10.8358 6 11.25C6 11.6642 6.33579 12 6.75 12H11.25C11.6642 12 12 11.6642 12 11.25C12 10.8358 11.6642 10.5 11.25 10.5H6.75Z" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.75 2.25C3.8505 2.25 1.5 4.60051 1.5 7.5V14.625C1.5 16.0747 2.67525 17.25 4.125 17.25C4.74632 17.25 5.25 17.7537 5.25 18.375V19.2185C5.25 21.0976 7.52196 22.0387 8.85071 20.71L11.2123 18.3483C11.9156 17.6451 12.8694 17.25 13.864 17.25H17.25C20.1495 17.25 22.5 14.8995 22.5 12V7.5C22.5 4.6005 20.1495 2.25 17.25 2.25H6.75ZM3 7.5C3 5.42893 4.67893 3.75 6.75 3.75H17.25C19.3211 3.75 21 5.42893 21 7.5V12C21 14.0711 19.3211 15.75 17.25 15.75H13.864C12.4716 15.75 11.1362 16.3031 10.1517 17.2877L7.79005 19.6493C7.40624 20.0331 6.75 19.7613 6.75 19.2185V18.375C6.75 16.9253 5.57475 15.75 4.125 15.75C3.50368 15.75 3 15.2463 3 14.625V7.5Z" />
+</svg>
diff --git a/react/features/base/icons/svg/meter.svg b/react/features/base/icons/svg/meter.svg
new file mode 100644
index 0000000..acaa508
--- /dev/null
+++ b/react/features/base/icons/svg/meter.svg
@@ -0,0 +1,10 @@
+<svg width="38" height="12" viewBox="0 0 38 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="3" height="12" rx="1" />
+    <rect x="5" width="3" height="12" rx="1" />
+    <rect x="10" width="3" height="12" rx="1" />
+    <rect x="15" width="3" height="12" rx="1" />
+    <rect x="20" width="3" height="12" rx="1" />
+    <rect x="25" width="3" height="12" rx="1" />
+    <rect x="30" width="3" height="12" rx="1" />
+    <rect x="35" width="3" height="12" rx="1" />
+</svg>
diff --git a/react/features/base/icons/svg/mic-slash.svg b/react/features/base/icons/svg/mic-slash.svg
new file mode 100644
index 0000000..ad6318d
--- /dev/null
+++ b/react/features/base/icons/svg/mic-slash.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 6.43934V6C16.5 3.51472 14.4853 1.5 12 1.5C9.51472 1.5 7.5 3.51472 7.5 6V12C7.5 12.9719 7.80809 13.8718 8.33194 14.6074L7.26011 15.6792C6.47031 14.6632 6 13.3865 6 12V10.5C6 10.0858 5.66421 9.75 5.25 9.75C4.83579 9.75 4.5 10.0858 4.5 10.5V12C4.5 13.801 5.13477 15.4536 6.19279 16.7465L3.21967 19.7197C2.92678 20.0126 2.92678 20.4874 3.21967 20.7803C3.51256 21.0732 3.98744 21.0732 4.28033 20.7803L20.7803 4.28033C21.0732 3.98744 21.0732 3.51256 20.7803 3.21967C20.4874 2.92678 20.0126 2.92678 19.7197 3.21967L16.5 6.43934ZM15 7.93934V6C15 4.34315 13.6569 3 12 3C10.3431 3 9 4.34315 9 6V12C9 12.5564 9.15145 13.0773 9.41536 13.524L15 7.93934Z" />
+    <path d="M9.79045 17.58C10.4743 17.8511 11.2198 18 12 18C15.3138 18 18 15.3137 18 12L18 10.5C18 10.0858 18.3358 9.75 18.75 9.75C19.1642 9.75 19.5 10.0858 19.5 10.5V12C19.5 15.889 16.54 19.0867 12.75 19.463V21.75C12.75 22.1642 12.4142 22.5 12 22.5C11.5858 22.5 11.25 22.1642 11.25 21.75V19.463C10.4805 19.3866 9.74523 19.1939 9.06199 18.9027C8.59675 18.7044 8.52093 18.1041 8.87854 17.7465C9.11615 17.5089 9.47805 17.4562 9.79045 17.58Z" />
+    <path d="M15.75 11.25C15.3358 11.25 15 11.5858 15 12C15 13.6569 13.6569 15 12 15C11.5858 15 11.25 15.3358 11.25 15.75C11.25 16.1642 11.5858 16.5 12 16.5C14.4853 16.5 16.5 14.4853 16.5 12C16.5 11.5858 16.1642 11.25 15.75 11.25Z" />
+</svg>
diff --git a/react/features/base/icons/svg/mic.svg b/react/features/base/icons/svg/mic.svg
new file mode 100644
index 0000000..f6b005f
--- /dev/null
+++ b/react/features/base/icons/svg/mic.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M12 1.5C9.51472 1.5 7.5 3.51472 7.5 6V12C7.5 14.4853 9.51472 16.5 12 16.5C14.4853 16.5 16.5 14.4853 16.5 12V6C16.5 3.51472 14.4853 1.5 12 1.5ZM15 12V6C15 4.34315 13.6569 3 12 3C10.3431 3 9 4.34315 9 6V12C9 13.6569 10.3431 15 12 15C13.6569 15 15 13.6569 15 12Z" />
+    <path d="M11.25 19.463C7.46001 19.0867 4.5 15.889 4.5 12V10.5C4.5 10.0858 4.83579 9.75 5.25 9.75C5.66421 9.75 6 10.0858 6 10.5V12C6 15.3137 8.68629 18 12 18C15.3137 18 18 15.3137 18 12V10.5C18 10.0858 18.3358 9.75 18.75 9.75C19.1642 9.75 19.5 10.0858 19.5 10.5V12C19.5 15.889 16.54 19.0867 12.75 19.463V21.75C12.75 22.1642 12.4142 22.5 12 22.5C11.5858 22.5 11.25 22.1642 11.25 21.75V19.463Z" />
+</svg>
diff --git a/react/features/base/icons/svg/moderator.svg b/react/features/base/icons/svg/moderator.svg
new file mode 100644
index 0000000..6178041
--- /dev/null
+++ b/react/features/base/icons/svg/moderator.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill-rule="evenodd" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 3H19.5C20.3284 3 21 3.67157 21 4.5V19.5C21 20.3284 20.3284 21 19.5 21H4.5C3.67157 21 3 20.3284 3 19.5V4.5C3 3.67157 3.67157 3 4.5 3ZM1.5 4.5C1.5 2.84315 2.84315 1.5 4.5 1.5H19.5C21.1569 1.5 22.5 2.84315 22.5 4.5V19.5C22.5 21.1569 21.1569 22.5 19.5 22.5H4.5C2.84315 22.5 1.5 21.1569 1.5 19.5V4.5ZM8.71837 7H6.30005V17.9091H8.19636V10.3984H8.29756L11.3125 17.8771H12.7294L15.7443 10.4144H15.8455V17.9091H17.7418V7H15.3235L12.0849 14.9048H11.957L8.71837 7Z"/>
+</svg>
diff --git a/react/features/base/icons/svg/ninja.svg b/react/features/base/icons/svg/ninja.svg
new file mode 100755
index 0000000..f28d4a7
--- /dev/null
+++ b/react/features/base/icons/svg/ninja.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+<title>ninja</title>
+<path d="M7.75 13c-0.010-0.35 0.15-0.69 0.42-0.92 0.75 0.16 1.45 0.47 2.080 0.92 0 0.68-0.56 1.24-1.25 1.24s-1.24-0.55-1.25-1.24zM13.75 13c0.63-0.44 1.33-0.75 2.080-0.91 0.27 0.23 0.43 0.57 0.42 0.91 0 0.7-0.56 1.26-1.25 1.26s-1.25-0.56-1.25-1.26v0zM12 9c-2.77-0.040-5.5 0.65-7.93 2l-0.070 1c0 1.23 0.29 2.44 0.84 3.54 2.37-0.36 4.76-0.54 7.16-0.54s4.79 0.18 7.16 0.54c0.55-1.1 0.84-2.31 0.84-3.54l-0.070-1c-2.43-1.35-5.16-2.040-7.93-2zM12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10c-5.523 0-10-4.477-10-10s4.477-10 10-10z"></path>
+</svg>
diff --git a/react/features/base/icons/svg/noise-suppression-off.svg b/react/features/base/icons/svg/noise-suppression-off.svg
new file mode 100644
index 0000000..6d25add
--- /dev/null
+++ b/react/features/base/icons/svg/noise-suppression-off.svg
@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.06204 5.25986C5.92029 5.40926 5.83333 5.61114 5.83333 5.83333V14.1667C5.83333 14.6269 6.20643 15 6.66667 15C7.1269 15 7.5 14.6269 7.5 14.1667V6.69782L6.06204 5.25986ZM9.16667 8.36449V16.6667C9.16667 17.1269 9.53976 17.5 10 17.5C10.4602 17.5 10.8333 17.1269 10.8333 16.6667V10.0312L9.16667 8.36449ZM13.3016 12.4994C12.8666 12.4831 12.5169 12.1334 12.5006 11.6984L13.3016 12.4994ZM14.1667 10.9688L12.5 9.30218V8.33333C12.5 7.8731 12.8731 7.5 13.3333 7.5C13.7936 7.5 14.1667 7.8731 14.1667 8.33333V10.9688ZM17.4905 14.2927L15.8333 12.6355V5.83333C15.8333 5.3731 16.2064 5 16.6667 5C17.1269 5 17.5 5.3731 17.5 5.83333V14.1667C17.5 14.2095 17.4968 14.2516 17.4905 14.2927ZM10.8333 7.63551L9.16667 5.96884V3.33333C9.16667 2.8731 9.53976 2.5 10 2.5C10.4602 2.5 10.8333 2.8731 10.8333 3.33333V7.63551ZM3.33333 7.5C2.8731 7.5 2.5 7.8731 2.5 8.33333V11.6667C2.5 12.1269 2.8731 12.5 3.33333 12.5C3.79357 12.5 4.16667 12.1269 4.16667 11.6667V8.33333C4.16667 7.8731 3.79357 7.5 3.33333 7.5Z" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M1.91469 1.91469C2.24546 1.58392 2.78183 1.58401 3.11271 1.91488L18.0851 16.8873C18.416 17.2182 18.4161 17.7545 18.0853 18.0853C17.7545 18.4161 17.2182 18.416 16.8873 18.0851L1.91488 3.11271C1.58401 2.78183 1.58392 2.24546 1.91469 1.91469Z" />
+</svg>
diff --git a/react/features/base/icons/svg/noise-suppression-on.svg b/react/features/base/icons/svg/noise-suppression-on.svg
new file mode 100644
index 0000000..68e9e9e
--- /dev/null
+++ b/react/features/base/icons/svg/noise-suppression-on.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M10 2.5C9.53976 2.5 9.16667 2.8731 9.16667 3.33333V16.6667C9.16667 17.1269 9.53976 17.5 10 17.5C10.4602 17.5 10.8333 17.1269 10.8333 16.6667V3.33333C10.8333 2.8731 10.4602 2.5 10 2.5ZM6.66667 5C6.20643 5 5.83333 5.3731 5.83333 5.83333V14.1667C5.83333 14.6269 6.20643 15 6.66667 15C7.1269 15 7.5 14.6269 7.5 14.1667V5.83333C7.5 5.3731 7.1269 5 6.66667 5ZM2.5 8.33333C2.5 7.8731 2.8731 7.5 3.33333 7.5C3.79357 7.5 4.16667 7.8731 4.16667 8.33333V11.6667C4.16667 12.1269 3.79357 12.5 3.33333 12.5C2.8731 12.5 2.5 12.1269 2.5 11.6667V8.33333ZM12.5 8.33333C12.5 7.8731 12.8731 7.5 13.3333 7.5C13.7936 7.5 14.1667 7.8731 14.1667 8.33333V11.6667C14.1667 12.1269 13.7936 12.5 13.3333 12.5C12.8731 12.5 12.5 12.1269 12.5 11.6667V8.33333ZM15.8333 5.83333C15.8333 5.3731 16.2064 5 16.6667 5C17.1269 5 17.5 5.3731 17.5 5.83333V14.1667C17.5 14.6269 17.1269 15 16.6667 15C16.2064 15 15.8333 14.6269 15.8333 14.1667V5.83333Z" />
+</svg>
diff --git a/react/features/base/icons/svg/office365.svg b/react/features/base/icons/svg/office365.svg
new file mode 100755
index 0000000..7dfd991
--- /dev/null
+++ b/react/features/base/icons/svg/office365.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M3.00006 6L14.0138 2L20.0213 3.5V20.5L14.0138 22L3.00006 18L14.0138 19.5V5L7.00507 6.5V16.5L3.00006 18V6Z" />
+</svg>
diff --git a/react/features/base/icons/svg/opportunity-record.svg b/react/features/base/icons/svg/opportunity-record.svg
new file mode 100644
index 0000000..afa78cb
--- /dev/null
+++ b/react/features/base/icons/svg/opportunity-record.svg
@@ -0,0 +1,5 @@
+<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 3C0 1.34315 1.34315 0 3 0H37C38.6569 0 40 1.34315 40 3V37C40 38.6569 38.6569 40 37 40H3C1.34315 40 0 38.6569 0 37V3Z" fill="#F3BB6B"/>
+<path d="M25.8802 26.355H13.2598C12.9607 26.355 12.6916 26.6242 12.6916 26.9232V26.9531C12.6916 27.94 13.499 28.7475 14.4859 28.7475H24.6541C25.641 28.7475 26.4484 27.94 26.4484 26.9531V26.9232C26.4484 26.6242 26.1793 26.355 25.8802 26.355Z" fill="white"/>
+<path d="M27.3456 14.0934C26.3587 14.0934 25.5513 14.9009 25.5513 15.8878C25.5513 16.4261 25.7905 16.9345 26.1793 17.2635C25.6709 18.4298 24.5045 19.2373 23.1288 19.1775C21.5438 19.0878 20.2578 17.8018 20.1681 16.2168C20.1681 15.9476 20.1681 15.7084 20.2279 15.4691C20.8859 15.2 21.3644 14.5719 21.3644 13.7944C21.3644 12.8075 20.5569 12 19.57 12C18.5831 12 17.7756 12.8075 17.7756 13.7944C17.7756 14.542 18.2541 15.2 18.9121 15.4691C18.9719 15.7084 18.9719 15.9476 18.9719 16.2168C18.8822 17.8018 17.5962 19.0878 16.0112 19.1775C14.6355 19.2672 13.4392 18.4298 12.9607 17.2635C13.3495 16.9345 13.5887 16.4261 13.5887 15.8878C13.5887 14.9009 12.7813 14.0934 11.7944 14.0934C10.8075 14.0934 10 14.9009 10 15.8878C10 16.8747 10.8075 17.6822 11.7944 17.6822L12.6318 24.0821C12.6617 24.3513 12.9009 24.5606 13.2 24.5606H25.94C26.2092 24.5606 26.4484 24.3513 26.5082 24.0821L27.3456 17.6822C28.3325 17.6822 29.14 16.8747 29.14 15.8878C29.14 14.9009 28.3325 14.0934 27.3456 14.0934Z" fill="white"/>
+</svg>
diff --git a/react/features/base/icons/svg/performance.svg b/react/features/base/icons/svg/performance.svg
new file mode 100644
index 0000000..cc8d7ed
--- /dev/null
+++ b/react/features/base/icons/svg/performance.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.75C7.06046 3.75 3 7.94581 3 13.1924C3 16.108 4.25819 18.7074 6.22705 20.4365C6.53828 20.7098 6.569 21.1837 6.29567 21.4949C6.02235 21.8061 5.54847 21.8369 5.23724 21.5635C2.94821 19.5533 1.5 16.5451 1.5 13.1924C1.5 7.18081 6.16999 2.25 12 2.25C17.83 2.25 22.5 7.18081 22.5 13.1924C22.5 16.5451 21.0518 19.5533 18.7628 21.5635C18.4515 21.8369 17.9777 21.8061 17.7043 21.4949C17.431 21.1837 17.4617 20.7098 17.773 20.4365C19.7418 18.7074 21 16.108 21 13.1924C21 7.94581 16.9395 3.75 12 3.75Z" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M14.9984 10.5018L11.5488 12.6057C11.3241 12.7428 11.164 12.9645 11.1047 13.221C10.9415 13.9264 11.5738 14.5587 12.2792 14.3957C12.5357 14.3364 12.7576 14.1763 12.8947 13.9515L14.9984 10.5018ZM15.5384 8.41542C16.5457 7.80104 17.699 8.95423 17.0847 9.9616L14.1754 14.7324C13.8283 15.3016 13.2665 15.707 12.617 15.8572C10.8311 16.2699 9.23022 14.6689 9.64323 12.883C9.79341 12.2337 10.1987 11.6721 10.7678 11.3251L15.5384 8.41542Z" />
+</svg>
diff --git a/react/features/base/icons/svg/phone-ringing.svg b/react/features/base/icons/svg/phone-ringing.svg
new file mode 100755
index 0000000..cf86497
--- /dev/null
+++ b/react/features/base/icons/svg/phone-ringing.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M22.4692 9.75018C22.5032 10.163 22.1642 10.5 21.75 10.5C21.3358 10.5 21.0039 10.1632 20.9631 9.751C20.6117 6.20685 17.7931 3.38826 14.2489 3.03688C13.8367 2.99601 13.5 2.66417 13.5 2.24995C13.5 1.83574 13.837 1.49669 14.2498 1.53074C18.6223 1.89136 22.1086 5.37765 22.4692 9.75018Z" />
+    <path d="M19.4538 9.75144C19.5049 10.1625 19.1642 10.5 18.75 10.5C18.3358 10.5 18.0065 10.1616 17.9383 9.75309C17.6231 7.86618 16.1338 6.37683 14.2469 6.06165C13.8383 5.9934 13.5 5.66417 13.5 5.24995C13.5 4.83574 13.8375 4.49504 14.2485 4.54619C16.9637 4.88408 19.1159 7.03621 19.4538 9.75144Z" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M10.1671 7.56267C10.2704 8.18179 10.1149 8.59324 9.67202 9.32811L9.56455 9.50915C9.36062 9.86306 9.32567 10.0071 9.37745 10.1682C10.1862 12.3362 11.6597 13.8095 13.8029 14.6086C14.0063 14.6747 14.164 14.6253 14.6109 14.3567L14.844 14.2183C15.4717 13.856 15.865 13.7334 16.4334 13.8288C16.9864 13.9223 18.9797 15.3868 19.6533 16.0782C20.008 16.4421 20.2291 16.8489 20.2492 17.3577C20.241 18.597 18.6533 20.4079 17.7075 20.9721C16.6254 21.7676 15.2928 21.8111 13.8271 21.178C9.98637 19.7154 4.25616 14.025 2.82644 10.1876L2.74022 9.97325C2.19581 8.55248 2.26132 7.30255 2.9942 6.33155C3.67083 5.25727 5.43728 3.73979 6.64569 3.745L6.66997 3.74555C7.14736 3.76516 7.55344 3.98578 7.91769 4.34094C8.60991 5.01562 10.0735 7.00775 10.1671 7.56267ZM14.5624 16.0401C14.8731 15.9431 15.1622 15.7754 15.38 15.6445L15.6014 15.5131C15.8697 15.3587 15.9849 15.3175 16.0361 15.3042C16.0553 15.2993 16.0664 15.2981 16.0779 15.2978C16.0806 15.2977 16.084 15.2977 16.0883 15.2977C16.0916 15.2978 16.0954 15.2979 16.0998 15.2981C16.1503 15.3228 16.2223 15.3613 16.3167 15.4166C16.5409 15.548 16.824 15.7345 17.1278 15.9509C17.755 16.3978 18.3361 16.8758 18.5791 17.1251C18.6712 17.2196 18.71 17.283 18.7268 17.3176C18.7355 17.3357 18.7421 17.3532 18.7461 17.3752C18.7434 17.3924 18.7383 17.4177 18.7291 17.4518C18.7097 17.5231 18.676 17.6166 18.6225 17.7312C18.5139 17.9638 18.3474 18.2322 18.1363 18.5096C17.6938 19.091 17.1962 19.5305 16.9391 19.6838L16.8771 19.7208L16.819 19.7635C16.2806 20.1593 15.5443 20.2858 14.4219 19.801L14.3917 19.788L14.361 19.7763C12.7284 19.1545 10.5128 17.5362 8.48172 15.5111C6.44855 13.484 4.83571 11.2841 4.23205 9.66393L4.22531 9.64582L4.13675 9.42566C3.71705 8.32346 3.86765 7.66422 4.19146 7.2352L4.22965 7.1846L4.26343 7.13096C4.4856 6.77823 4.96006 6.25803 5.52625 5.82915C5.80114 5.62092 6.06201 5.46169 6.28445 5.35995C6.39401 5.30983 6.48215 5.27924 6.54805 5.26205C6.58673 5.25197 6.6126 5.24784 6.6267 5.24616C6.63887 5.24833 6.65283 5.25286 6.67253 5.26258C6.70867 5.28041 6.77532 5.3221 6.87073 5.41513C7.12066 5.65873 7.59846 6.23973 8.04505 6.86684C8.26137 7.17059 8.44771 7.4536 8.57899 7.67785C8.63424 7.77223 8.67274 7.84433 8.69744 7.89481C8.69799 7.90725 8.69776 7.91542 8.69752 7.92024C8.69702 7.92998 8.69573 7.94385 8.68717 7.97249C8.66309 8.05308 8.5978 8.2045 8.38726 8.55383L8.26973 8.75183L8.26488 8.76024C8.15417 8.95237 8.01105 9.21573 7.92934 9.5113C7.82421 9.89156 7.83341 10.2663 7.9494 10.6272L7.95998 10.6601L7.97206 10.6925C8.93188 13.2654 10.7252 15.0619 13.2789 16.0141L13.3087 16.0252L13.3391 16.0351C13.7296 16.1621 14.1382 16.1725 14.5624 16.0401Z" />
+</svg>
diff --git a/react/features/base/icons/svg/pin.svg b/react/features/base/icons/svg/pin.svg
new file mode 100644
index 0000000..bb50e21
--- /dev/null
+++ b/react/features/base/icons/svg/pin.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M14.4776 3.21969C14.2631 3.00519 13.9405 2.94103 13.6602 3.05711C13.38 3.1732 13.1972 3.44668 13.1972 3.75002V6.62134L9.33483 10.4837L4.2542 11.4999C3.98298 11.5541 3.76362 11.7532 3.68347 12.018C3.60332 12.2827 3.67538 12.5701 3.87096 12.7656L7.05301 15.9477L3.3407 19.66C3.04781 19.9529 3.04781 20.4277 3.3407 20.7206C3.6336 21.0135 4.10847 21.0135 4.40136 20.7206L8.11367 17.0083L11.2956 20.1903C11.4912 20.3858 11.7785 20.4579 12.0432 20.3777C12.308 20.2976 12.5071 20.0782 12.5613 19.807L13.5775 14.7264L17.4399 10.864H20.3112C20.6145 10.864 20.888 10.6813 21.0041 10.401C21.1202 10.1207 21.056 9.79815 20.8415 9.58365L14.4776 3.21969ZM14.6972 6.932V5.56068L18.5005 9.36398H17.1292C16.9303 9.36398 16.7395 9.443 16.5989 9.58365L12.3562 13.8263C12.2515 13.931 12.1802 14.0643 12.1511 14.2095L11.3653 18.1387L5.92255 12.6959L9.85168 11.9101C9.99687 11.881 10.1302 11.8097 10.2349 11.705L14.4776 7.46233C14.6182 7.32168 14.6972 7.13091 14.6972 6.932Z" />
+</svg>
diff --git a/react/features/base/icons/svg/pinned.svg b/react/features/base/icons/svg/pinned.svg
new file mode 100644
index 0000000..2bcc1cc
--- /dev/null
+++ b/react/features/base/icons/svg/pinned.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M14.4776 3.21969C14.2631 3.00519 13.9405 2.94103 13.6603 3.05711C13.38 3.1732 13.1973 3.44668 13.1973 3.75002V6.62134L9.33489 10.4837L4.25426 11.4999C3.98304 11.5541 3.76369 11.7532 3.68353 12.018C3.60338 12.2827 3.67544 12.5701 3.87102 12.7656L7.05307 15.9477L3.34076 19.66C3.04787 19.9529 3.04787 20.4277 3.34076 20.7206C3.63366 21.0135 4.10853 21.0135 4.40142 20.7206L8.11373 17.0083L11.2956 20.1903C11.4912 20.3858 11.7786 20.4579 12.0433 20.3777C12.308 20.2976 12.5072 20.0782 12.5614 19.807L13.5775 14.7264L17.4399 10.864H20.3113C20.6146 10.864 20.8881 10.6813 21.0042 10.401C21.1202 10.1207 21.0561 9.79815 20.8416 9.58365L14.4776 3.21969Z" />
+</svg>
diff --git a/react/features/base/icons/svg/play.svg b/react/features/base/icons/svg/play.svg
new file mode 100644
index 0000000..bd1b1d2
--- /dev/null
+++ b/react/features/base/icons/svg/play.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M6 5.46757V18.5324C6 18.5608 6.00601 18.5783 6.01856 18.598C6.03441 18.6227 6.06851 18.6604 6.12921 18.6937C6.25539 18.7629 6.41453 18.7723 6.55794 18.6991L19.3604 12.1667C19.4389 12.1266 19.4687 12.0873 19.4804 12.0682C19.4941 12.0457 19.5 12.0226 19.5 12C19.5 11.9774 19.4941 11.9543 19.4804 11.9318C19.4687 11.9127 19.4389 11.8734 19.3604 11.8333L6.55794 5.30087C6.41453 5.22769 6.25539 5.23712 6.12921 5.30634C6.06851 5.33963 6.03441 5.37725 6.01856 5.40204C6.00601 5.42168 6 5.43918 6 5.46757ZM4.5 5.46757V18.5324C4.5 19.837 6.00759 20.6639 7.23969 20.0353L20.0422 13.5028C21.3193 12.8512 21.3193 11.1488 20.0422 10.4972L7.23969 3.96475C6.00759 3.33607 4.5 4.16304 4.5 5.46757Z" />
+</svg>
diff --git a/react/features/base/icons/svg/plus.svg b/react/features/base/icons/svg/plus.svg
new file mode 100755
index 0000000..b2fcec1
--- /dev/null
+++ b/react/features/base/icons/svg/plus.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M12.75 3.51472C12.75 3.1005 12.4142 2.76472 12 2.76472C11.5858 2.76472 11.25 3.1005 11.25 3.51472L11.25 11.25L3.51473 11.25C3.10052 11.25 2.76473 11.5858 2.76473 12C2.76473 12.4142 3.10052 12.75 3.51473 12.75L11.25 12.75L11.25 20.4853C11.25 20.8995 11.5858 21.2353 12 21.2353C12.4142 21.2353 12.75 20.8995 12.75 20.4853L12.75 12.75L20.4853 12.75C20.8995 12.75 21.2353 12.4142 21.2353 12C21.2353 11.5858 20.8995 11.25 20.4853 11.25L12.75 11.25V3.51472Z" />
+</svg>
diff --git a/react/features/base/icons/svg/raise-hand.svg b/react/features/base/icons/svg/raise-hand.svg
new file mode 100755
index 0000000..649209a
--- /dev/null
+++ b/react/features/base/icons/svg/raise-hand.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M11.5419 14.1911C11.4522 14.229 11.3535 14.25 11.25 14.25C11.25 14.25 11.25 14.25 11.25 14.25" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 3.75C10.5 2.50736 11.5074 1.5 12.75 1.5C13.9926 1.5 15 2.50736 15 3.75V3.87803C15.2346 3.79512 15.487 3.75 15.75 3.75C16.9926 3.75 18 4.75736 18 6V6.12803C18.2346 6.04512 18.487 6 18.75 6C19.9926 6 21 7.00736 21 8.25V13.4937C21 13.4958 21 13.4979 21 13.5V14.8176C21 19.0605 17.5605 22.5 13.3176 22.5C10.8365 22.5 8.50821 21.3018 7.06612 19.2829L2.44643 12.8153C1.76782 11.8653 1.87553 10.5638 2.7011 9.73827C3.69418 8.74518 5.32563 8.81918 6.22473 9.8981L7.50003 11.4285V6C7.50003 4.75736 8.50738 3.75 9.75003 3.75C10.013 3.75 10.2654 3.79511 10.5 3.87802V3.75ZM11.5419 14.1911C11.8111 14.0772 12 13.8107 12 13.5V6C12 5.99642 12 5.99285 12 5.98927V3.75C12 3.33579 12.3358 3 12.75 3C13.1642 3 13.5 3.33579 13.5 3.75V13.5C13.5 13.9142 13.8358 14.25 14.25 14.25C14.6642 14.25 15 13.9142 15 13.5V6C15 5.58579 15.3358 5.25 15.75 5.25C16.1642 5.25 16.5 5.58579 16.5 6V13.5C16.5 13.9142 16.8358 14.25 17.25 14.25C17.6642 14.25 18 13.9142 18 13.5V8.25C18 7.83579 18.3358 7.5 18.75 7.5C19.1642 7.5 19.5 7.83579 19.5 8.25V14.25C19.5 14.2521 19.5 14.2542 19.5 14.2563V14.8176C19.5 18.232 16.7321 21 13.3176 21C11.321 21 9.44724 20.0358 8.28672 18.411L3.66703 11.9435C3.41462 11.5901 3.45468 11.106 3.76176 10.7989C4.13114 10.4295 4.73797 10.4571 5.07239 10.8584L7.67386 13.9801C7.87601 14.2227 8.20844 14.3127 8.50534 14.2052C8.80225 14.0977 9.00003 13.8158 9.00003 13.5V6C9.00003 5.58579 9.33581 5.25 9.75003 5.25C10.1622 5.25 10.4967 5.58244 10.5 5.99381V13.5C10.5 13.7984 10.6742 14.056 10.9265 14.1768C11.0244 14.2237 11.1342 14.25 11.25 14.25" />
+</svg>
diff --git a/react/features/base/icons/svg/record.svg b/react/features/base/icons/svg/record.svg
new file mode 100755
index 0000000..e0015e0
--- /dev/null
+++ b/react/features/base/icons/svg/record.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12ZM22.5 12C22.5 17.799 17.799 22.5 12 22.5C6.20101 22.5 1.5 17.799 1.5 12C1.5 6.20101 6.20101 1.5 12 1.5C17.799 1.5 22.5 6.20101 22.5 12ZM12 15.5C13.933 15.5 15.5 13.933 15.5 12C15.5 10.067 13.933 8.5 12 8.5C10.067 8.5 8.5 10.067 8.5 12C8.5 13.933 10.067 15.5 12 15.5Z" />
+</svg>
diff --git a/react/features/base/icons/svg/reply.svg b/react/features/base/icons/svg/reply.svg
new file mode 100644
index 0000000..64b7612
--- /dev/null
+++ b/react/features/base/icons/svg/reply.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M9.28701 3.05708C9.00676 2.941 8.68417 3.00516 8.46967 3.21966L1.71967 9.96966C1.42678 10.2626 1.42678 10.7374 1.71967 11.0303L8.46967 17.7803C8.68417 17.9948 9.00676 18.059 9.28701 17.9429C9.56727 17.8268 9.75 17.5533 9.75 17.25V12.7841C12.5466 13.0232 17.9655 14.6177 21.0851 20.5969C21.2448 20.9032 21.5931 21.0607 21.9286 20.9784C22.2641 20.8962 22.5 20.5954 22.5 20.25C22.5 14.4305 17.9829 7.89242 9.75 7.51696V3.74999C9.75 3.44664 9.56727 3.17317 9.28701 3.05708ZM8.25 8.24999C8.25 8.66421 8.58579 8.99999 9 8.99999C15.1716 8.99999 19.0949 12.7602 20.4597 16.9358C16.6136 12.2666 11.3655 11.25 9 11.25C8.58579 11.25 8.25 11.5858 8.25 12V15.4393L3.31066 10.5L8.25 5.56065V8.24999Z" />
+</svg>
diff --git a/react/features/base/icons/svg/restore.svg b/react/features/base/icons/svg/restore.svg
new file mode 100755
index 0000000..f24d895
--- /dev/null
+++ b/react/features/base/icons/svg/restore.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+<title>restore</title>
+<path d="M12 8.016h1.5v4.219l3.516 2.109-0.75 1.219-4.266-2.578v-4.969zM12.984 3c4.969 0 9 4.031 9 9s-4.031 9-9 9c-2.484 0-4.688-0.984-6.328-2.625l1.406-1.453c1.266 1.266 3 2.063 4.922 2.063 3.891 0 7.031-3.094 7.031-6.984s-3.141-6.984-7.031-6.984-6.984 3.094-6.984 6.984h3l-4.031 4.031-0.094-0.141-3.891-3.891h3c0-4.969 4.031-9 9-9z"></path>
+</svg>
diff --git a/react/features/base/icons/svg/screenshare.svg b/react/features/base/icons/svg/screenshare.svg
new file mode 100644
index 0000000..5618316
--- /dev/null
+++ b/react/features/base/icons/svg/screenshare.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8464 6.22103C14.2729 5.67701 13.327 6.08352 13.327 6.87396V8.60046C8.62852 8.92199 4.8467 12.239 4.52225 16.4471C4.48676 16.9074 4.78878 17.2544 5.14194 17.3656C5.48464 17.4735 5.90666 17.373 6.15309 17.0188C8.33798 13.8785 11.4845 13.1373 13.327 13.0452V15.2002C13.327 15.9986 14.2893 16.4017 14.8583 15.8416L19.1656 11.6016C19.5284 11.2444 19.523 10.6577 19.1536 10.3073L14.8464 6.22103ZM14.827 10.0749V8.27022L17.6708 10.9682L14.827 13.7676V11.5731L14.109 11.5424C12.5831 11.4771 9.42974 11.7986 6.73783 14.1317C7.99338 11.7842 10.7375 10.0749 14.077 10.0749H14.827Z" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 3C2.84315 3 1.5 4.34315 1.5 6V17.25C1.5 18.9069 2.84315 20.25 4.5 20.25H5.25C4.83579 20.25 4.5 20.5858 4.5 21C4.5 21.4142 4.83579 21.75 5.25 21.75H18.75C19.1642 21.75 19.5 21.4142 19.5 21C19.5 20.5858 19.1642 20.25 18.75 20.25H19.5C21.1569 20.25 22.5 18.9069 22.5 17.25V6C22.5 4.34315 21.1569 3 19.5 3H4.5ZM19.5 4.5H4.5C3.67157 4.5 3 5.17157 3 6V17.25C3 18.0784 3.67157 18.75 4.5 18.75H19.5C20.3284 18.75 21 18.0784 21 17.25V6C21 5.17157 20.3284 4.5 19.5 4.5Z" />
+</svg>
diff --git a/react/features/base/icons/svg/search.svg b/react/features/base/icons/svg/search.svg
new file mode 100755
index 0000000..b76a688
--- /dev/null
+++ b/react/features/base/icons/svg/search.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M15.0293 16.09C13.5987 17.2825 11.7581 18 9.75 18C5.19365 18 1.5 14.3063 1.5 9.75C1.5 5.19365 5.19365 1.5 9.75 1.5C14.3063 1.5 18 5.19365 18 9.75C18 11.7581 17.2825 13.5987 16.09 15.0293L22.2803 21.2197C22.5732 21.5126 22.5732 21.9874 22.2803 22.2803C21.9874 22.5732 21.5126 22.5732 21.2197 22.2803L15.0293 16.09ZM16.5 9.75C16.5 13.4779 13.4779 16.5 9.75 16.5C6.02208 16.5 3 13.4779 3 9.75C3 6.02208 6.02208 3 9.75 3C13.4779 3 16.5 6.02208 16.5 9.75Z" />
+</svg>
diff --git a/react/features/base/icons/svg/security-off.svg b/react/features/base/icons/svg/security-off.svg
new file mode 100644
index 0000000..b06830e
--- /dev/null
+++ b/react/features/base/icons/svg/security-off.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M8.46967 7.71967C8.76256 7.42678 9.23744 7.42678 9.53033 7.71967L12 10.1893L14.4697 7.71967C14.7626 7.42678 15.2374 7.42678 15.5303 7.71967C15.8232 8.01256 15.8232 8.48744 15.5303 8.78033L13.0607 11.25L15.5303 13.7197C15.8232 14.0126 15.8232 14.4874 15.5303 14.7803C15.2374 15.0732 14.7626 15.0732 14.4697 14.7803L12 12.3107L9.53033 14.7803C9.23744 15.0732 8.76256 15.0732 8.46967 14.7803C8.17678 14.4874 8.17678 14.0126 8.46967 13.7197L10.9393 11.25L8.46967 8.78033C8.17678 8.48744 8.17678 8.01256 8.46967 7.71967Z" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.408 1.63348C11.7956 1.52777 12.2044 1.52777 12.592 1.63348L19.342 3.47439C20.3209 3.74136 21 4.63047 21 5.64511V15.676C21 16.4453 20.607 17.1612 19.958 17.5742L13.208 21.8697C12.4709 22.3387 11.5291 22.3387 10.792 21.8697L4.04203 17.5742C3.39302 17.1612 3 16.4453 3 15.676V5.64511C3 4.63047 3.6791 3.74136 4.65799 3.47439L11.408 1.63348ZM12.1973 3.08063C12.0681 3.04539 11.9319 3.04539 11.8027 3.08063L5.05266 4.92154C4.72637 5.01052 4.5 5.3069 4.5 5.64511V15.676C4.5 15.9324 4.63101 16.1711 4.84734 16.3087L11.5973 20.6042C11.843 20.7605 12.157 20.7605 12.4027 20.6042L19.1527 16.3087C19.369 16.1711 19.5 15.9324 19.5 15.676V5.64511C19.5 5.30689 19.2736 5.01053 18.9473 4.92154L12.1973 3.08063Z" />
+</svg>
diff --git a/react/features/base/icons/svg/security-on.svg b/react/features/base/icons/svg/security-on.svg
new file mode 100644
index 0000000..3d65cef
--- /dev/null
+++ b/react/features/base/icons/svg/security-on.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M16.2803 9.53033C16.5732 9.23744 16.5732 8.76256 16.2803 8.46967C15.9874 8.17678 15.5126 8.17678 15.2197 8.46967L10.5 13.1893L8.78033 11.4697C8.48744 11.1768 8.01256 11.1768 7.71967 11.4697C7.42678 11.7626 7.42678 12.2374 7.71967 12.5303L9.43934 14.25C10.0251 14.8358 10.9749 14.8358 11.5607 14.25L16.2803 9.53033Z" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M12.592 1.63348C12.2044 1.52777 11.7956 1.52777 11.408 1.63348L4.65799 3.47439C3.6791 3.74136 3 4.63047 3 5.64511V15.676C3 16.4453 3.39302 17.1612 4.04203 17.5742L10.792 21.8697C11.5291 22.3387 12.4709 22.3387 13.208 21.8697L19.958 17.5742C20.607 17.1612 21 16.4453 21 15.676V5.64511C21 4.63047 20.3209 3.74136 19.342 3.47439L12.592 1.63348ZM11.8027 3.08063C11.9319 3.04539 12.0681 3.04539 12.1973 3.08063L18.9473 4.92154C19.2736 5.01053 19.5 5.30689 19.5 5.64511V15.676C19.5 15.9324 19.369 16.1711 19.1527 16.3087L12.4027 20.6042C12.157 20.7605 11.843 20.7605 11.5973 20.6042L4.84734 16.3087C4.63101 16.1711 4.5 15.9324 4.5 15.676V5.64511C4.5 5.3069 4.72637 5.01052 5.05266 4.92154L11.8027 3.08063Z" />
+</svg>
diff --git a/react/features/base/icons/svg/send.svg b/react/features/base/icons/svg/send.svg
new file mode 100755
index 0000000..bf7fa60
--- /dev/null
+++ b/react/features/base/icons/svg/send.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.46225 3.77199C4.67282 2.9461 2.7616 4.65672 3.38483 6.52641L5.13031 11.7629C5.18163 11.9168 5.18163 12.0832 5.13031 12.2372L3.38483 17.4736C2.7616 19.3433 4.67283 21.054 6.46225 20.2281L21.3388 13.362C22.5007 12.8257 22.5007 11.1743 21.3388 10.6381L6.46225 3.77199ZM4.80786 6.05207C4.60011 5.42884 5.23719 4.85863 5.83366 5.13393L20.7102 12L5.83367 18.8661C5.23719 19.1414 4.60011 18.5712 4.80786 17.948L6.54052 12.75H14.9999C15.4141 12.75 15.7499 12.4142 15.7499 12C15.7499 11.5858 15.4141 11.25 14.9999 11.25H6.5405L4.80786 6.05207Z" />
+</svg>
diff --git a/react/features/base/icons/svg/share-doc.svg b/react/features/base/icons/svg/share-doc.svg
new file mode 100755
index 0000000..d6505fe
--- /dev/null
+++ b/react/features/base/icons/svg/share-doc.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>share-doc</title>
+<path d="M17.313 12h7.375l-7.375-7.313v7.313zM21.313 18.688v-2.688h-10.625v2.688h10.625zM21.313 24v-2.688h-10.625v2.688h10.625zM18.688 2.688l8 8v16c0 1.438-1.25 2.625-2.688 2.625h-16c-1.438 0-2.688-1.188-2.688-2.625l0.063-21.375c0-1.438 1.188-2.625 2.625-2.625h10.688z"></path>
+</svg>
diff --git a/react/features/base/icons/svg/share.svg b/react/features/base/icons/svg/share.svg
new file mode 100644
index 0000000..e603421
--- /dev/null
+++ b/react/features/base/icons/svg/share.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M18 7.5C19.6569 7.5 21 6.15685 21 4.5C21 2.84315 19.6569 1.5 18 1.5C16.3431 1.5 15 2.84315 15 4.5C15 4.8151 15.0486 5.11885 15.1387 5.40418L8.06589 9.82466C7.52793 9.3136 6.80059 9 6 9C4.34315 9 3 10.3431 3 12C3 13.6569 4.34315 15 6 15C6.80042 15 7.52762 14.6865 8.06555 14.1757L15.1385 18.5963C15.0485 18.8815 15 19.1851 15 19.5C15 21.1569 16.3431 22.5 18 22.5C19.6569 22.5 21 21.1569 21 19.5C21 17.8431 19.6569 16.5 18 16.5C17.1994 16.5 16.4721 16.8136 15.9341 17.3247L8.86134 12.9042C8.95142 12.6189 9 12.3151 9 12C9 11.6851 8.95147 11.3815 8.86149 11.0963L15.9345 6.67568C16.4724 7.18654 17.1996 7.5 18 7.5ZM18 6C18.8284 6 19.5 5.32843 19.5 4.5C19.5 3.67157 18.8284 3 18 3C17.1716 3 16.5 3.67157 16.5 4.5C16.5 5.32843 17.1716 6 18 6ZM6 13.5C6.82843 13.5 7.5 12.8284 7.5 12C7.5 11.1716 6.82843 10.5 6 10.5C5.17157 10.5 4.5 11.1716 4.5 12C4.5 12.8284 5.17157 13.5 6 13.5ZM19.5 19.5C19.5 20.3284 18.8284 21 18 21C17.1716 21 16.5 20.3284 16.5 19.5C16.5 18.6716 17.1716 18 18 18C18.8284 18 19.5 18.6716 19.5 19.5Z" />
+</svg>
diff --git a/react/features/base/icons/svg/shortcuts.svg b/react/features/base/icons/svg/shortcuts.svg
new file mode 100644
index 0000000..8f18371
--- /dev/null
+++ b/react/features/base/icons/svg/shortcuts.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 14.25H10.5V17.25H13.5V14.25ZM10.5 12.75C9.67157 12.75 9 13.4216 9 14.25V17.25C9 18.0784 9.67157 18.75 10.5 18.75H13.5C14.3284 18.75 15 18.0784 15 17.25V14.25C15 13.4216 14.3284 12.75 13.5 12.75H10.5Z" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M21 14.25H18V17.25H21V14.25ZM18 12.75C17.1716 12.75 16.5 13.4216 16.5 14.25V17.25C16.5 18.0784 17.1716 18.75 18 18.75H21C21.8284 18.75 22.5 18.0784 22.5 17.25V14.25C22.5 13.4216 21.8284 12.75 21 12.75H18Z" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M6 14.25H3V17.25H6V14.25ZM3 12.75C2.17157 12.75 1.5 13.4216 1.5 14.25V17.25C1.5 18.0784 2.17157 18.75 3 18.75H6C6.82843 18.75 7.5 18.0784 7.5 17.25V14.25C7.5 13.4216 6.82843 12.75 6 12.75H3Z" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 6.75H10.5V9.75H13.5V6.75ZM10.5 5.25C9.67157 5.25 9 5.92157 9 6.75V9.75C9 10.5784 9.67157 11.25 10.5 11.25H13.5C14.3284 11.25 15 10.5784 15 9.75V6.75C15 5.92157 14.3284 5.25 13.5 5.25H10.5Z" />
+</svg>
diff --git a/react/features/base/icons/svg/sip.svg b/react/features/base/icons/svg/sip.svg
new file mode 100644
index 0000000..c87a79e
--- /dev/null
+++ b/react/features/base/icons/svg/sip.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.41201 1.90767C3.50689 3.37865 5.24438 7.52348 7.36096 9.64007C7.36096 9.64004 7.36175 9.63923 7.36329 9.63765C9.48 11.7541 13.6215 13.4932 15.0923 12.5882C16.1022 11.9668 16.0078 9.51337 15.2427 8.76783C14.7369 8.2749 13.1882 8.01994 12.5497 8.14762C12.3496 8.18763 11.7907 8.76515 11.4793 9.08696C11.4184 9.14994 11.3669 9.20313 11.3295 9.24058C11.1007 9.46937 9.63912 8.22168 9.20588 7.78845L7.60102 9.39838C8.10053 8.89635 9.2057 7.78701 9.2057 7.78701C8.77247 7.35377 7.53081 5.89935 7.7596 5.67056C7.79705 5.63311 7.85024 5.58164 7.91322 5.5207C8.23503 5.20928 8.81255 4.65041 8.85256 4.45033C8.98024 3.81178 8.72528 2.26311 8.23236 1.75727C7.48681 0.992193 5.03342 0.897765 4.41201 1.90767Z" fill="white"/>
+</svg>
diff --git a/react/features/base/icons/svg/sites.svg b/react/features/base/icons/svg/sites.svg
new file mode 100644
index 0000000..b44f584
--- /dev/null
+++ b/react/features/base/icons/svg/sites.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M22.5 12C22.5 17.799 17.799 22.5 12 22.5C6.20101 22.5 1.5 17.799 1.5 12C1.5 6.20101 6.20101 1.5 12 1.5C17.799 1.5 22.5 6.20101 22.5 12ZM12.5297 20.9847C12.3544 20.9948 12.1778 21 12 21C11.8222 21 11.6456 20.9948 11.4703 20.9847C10.7544 20.4276 10.1367 19.4949 9.65919 18.2668C11.0288 17.9562 12.6343 17.8706 14.3401 18.2687C13.8627 19.4959 13.2452 20.4278 12.5297 20.9847ZM14.8916 20.5254C15.7072 20.2489 16.4704 19.8585 17.1621 19.3734C16.6972 19.1128 16.2341 18.8951 15.7753 18.7154C15.5289 19.3643 15.2358 19.9761 14.8916 20.5254ZM16.2322 17.2811C16.9411 17.5531 17.659 17.9047 18.3788 18.3491C19.8336 16.8875 20.7895 14.9288 20.9692 12.75H16.863C16.8127 14.3172 16.6042 15.8728 16.2322 17.2811ZM15.3622 12.75H8.63783C8.68693 14.1814 8.87656 15.5827 9.20168 16.8354C10.8329 16.4455 12.7572 16.3327 14.7991 16.8322C15.1238 15.5803 15.3131 14.1802 15.3622 12.75ZM15.3622 11.25H8.63783C8.68554 9.85892 8.86598 8.49635 9.1745 7.27086C10.8187 7.66779 12.7629 7.78391 14.8263 7.27388C15.1343 8.49859 15.3145 9.86006 15.3622 11.25ZM16.863 11.25H20.9692C20.7923 9.10582 19.8638 7.17476 18.4477 5.72091C17.7138 6.1799 16.9818 6.54209 16.2589 6.82138C16.6142 8.20252 16.8139 9.72077 16.863 11.25ZM15.8121 5.38285C16.2879 5.19454 16.7683 4.96513 17.2505 4.68942C16.5356 4.17505 15.7421 3.76296 14.8916 3.47458C15.2531 4.05156 15.5583 4.69747 15.8121 5.38285ZM12.5297 3.01533C12.3545 3.00516 12.1778 3 12 3C11.8222 3 11.6455 3.00516 11.4703 3.01533C10.7343 3.58803 10.1022 4.55754 9.61946 5.83691C11.0083 6.15728 12.6426 6.24746 14.3797 5.83475C13.8971 4.55645 13.2653 3.5877 12.5297 3.01533ZM8.21879 18.6998C8.46635 19.3545 8.76144 19.9717 9.10843 20.5254C8.28348 20.2457 7.51223 19.8496 6.81423 19.3567C7.21507 19.1276 7.68746 18.9006 8.21879 18.6998ZM7.76524 17.2714C7.3948 15.8656 7.18719 14.3135 7.13701 12.75H3.03081C3.21003 14.9224 4.1608 16.8761 5.60847 18.3363C6.17791 17.9674 6.90935 17.5885 7.76524 17.2714ZM7.13701 11.25C7.18597 9.72449 7.38479 8.20992 7.73849 6.83148C6.86006 6.50366 6.11394 6.11124 5.54108 5.73242C4.13132 7.18495 3.20723 9.11148 3.03081 11.25H7.13701ZM8.1819 5.39899C8.43687 4.70761 8.74402 4.05608 9.10841 3.47458C8.24898 3.76598 7.44784 4.18369 6.7271 4.7056C7.13696 4.94635 7.62677 5.18678 8.1819 5.39899Z" />
+</svg>
diff --git a/react/features/base/icons/svg/start-remote-control.svg b/react/features/base/icons/svg/start-remote-control.svg
new file mode 100755
index 0000000..fcc33c6
--- /dev/null
+++ b/react/features/base/icons/svg/start-remote-control.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="22" height="28" viewBox="0 0 22 28">
+<title>play</title>
+<path d="M21.625 14.484l-20.75 11.531c-0.484 0.266-0.875 0.031-0.875-0.516v-23c0-0.547 0.391-0.781 0.875-0.516l20.75 11.531c0.484 0.266 0.484 0.703 0 0.969z"></path>
+</svg>
diff --git a/react/features/base/icons/svg/stop-remote-control.svg b/react/features/base/icons/svg/stop-remote-control.svg
new file mode 100755
index 0000000..a4916de
--- /dev/null
+++ b/react/features/base/icons/svg/stop-remote-control.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="28" viewBox="0 0 24 28">
+<title>stop</title>
+<path d="M24 3v22c0 0.547-0.453 1-1 1h-22c-0.547 0-1-0.453-1-1v-22c0-0.547 0.453-1 1-1h22c0.547 0 1 0.453 1 1z"></path>
+</svg>
diff --git a/react/features/base/icons/svg/stop.svg b/react/features/base/icons/svg/stop.svg
new file mode 100755
index 0000000..38ba0a2
--- /dev/null
+++ b/react/features/base/icons/svg/stop.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 9C7.5 8.17157 8.17157 7.5 9 7.5H15C15.8284 7.5 16.5 8.17157 16.5 9V15C16.5 15.8284 15.8284 16.5 15 16.5H9C8.17157 16.5 7.5 15.8284 7.5 15V9ZM14.25 9C14.6642 9 15 9.33579 15 9.75V14.25C15 14.6642 14.6642 15 14.25 15H9.75C9.33579 15 9 14.6642 9 14.25V9.75C9 9.33579 9.33579 9 9.75 9H14.25Z" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M22.5 12C22.5 17.799 17.799 22.5 12 22.5C6.20101 22.5 1.5 17.799 1.5 12C1.5 6.20101 6.20101 1.5 12 1.5C17.799 1.5 22.5 6.20101 22.5 12ZM21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z" />
+</svg>
diff --git a/react/features/base/icons/svg/subtitles.svg b/react/features/base/icons/svg/subtitles.svg
new file mode 100755
index 0000000..2abda4b
--- /dev/null
+++ b/react/features/base/icons/svg/subtitles.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M5.25 12C5.25 9.92893 6.92893 8.25 9 8.25H9.21885C9.68458 8.25 10.1439 8.35844 10.5605 8.56672L10.8354 8.70418C11.2059 8.88942 11.3561 9.33993 11.1708 9.71041C10.9856 10.0809 10.5351 10.2311 10.1646 10.0458L9.88967 9.90836C9.68138 9.80422 9.45171 9.75 9.21885 9.75H9C7.75736 9.75 6.75 10.7574 6.75 12C6.75 13.2426 7.75736 14.25 9 14.25H9.21885C9.45171 14.25 9.68138 14.1958 9.88967 14.0916L10.1646 13.9542C10.5351 13.7689 10.9856 13.9191 11.1708 14.2896C11.3561 14.6601 11.2059 15.1106 10.8354 15.2958L10.5605 15.4333C10.1439 15.6416 9.68458 15.75 9.21885 15.75H9C6.92893 15.75 5.25 14.0711 5.25 12Z" />
+    <path d="M16.5 8.25C14.4289 8.25 12.75 9.92893 12.75 12C12.75 14.0711 14.4289 15.75 16.5 15.75H16.7188C17.1846 15.75 17.6439 15.6416 18.0605 15.4333L18.3354 15.2958C18.7059 15.1106 18.8561 14.6601 18.6708 14.2896C18.4856 13.9191 18.0351 13.7689 17.6646 13.9542L17.3897 14.0916C17.1814 14.1958 16.9517 14.25 16.7188 14.25H16.5C15.2574 14.25 14.25 13.2426 14.25 12C14.25 10.7574 15.2574 9.75 16.5 9.75H16.7188C16.9517 9.75 17.1814 9.80422 17.3897 9.90836L17.6646 10.0458C18.0351 10.2311 18.4856 10.0809 18.6708 9.71041C18.8561 9.33993 18.7059 8.88942 18.3354 8.70418L18.0605 8.56672C17.6439 8.35844 17.1846 8.25 16.7188 8.25H16.5Z" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M3 1.5C2.17157 1.5 1.5 2.17157 1.5 3V21C1.5 21.8284 2.17157 22.5 3 22.5H21C21.8284 22.5 22.5 21.8284 22.5 21V3C22.5 2.17157 21.8284 1.5 21 1.5H3ZM21 3H3V21H21V3Z" />
+</svg>
diff --git a/react/features/base/icons/svg/tile-view.svg b/react/features/base/icons/svg/tile-view.svg
new file mode 100755
index 0000000..eac8b28
--- /dev/null
+++ b/react/features/base/icons/svg/tile-view.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+	<path fill-rule="evenodd" clip-rule="evenodd" d="M8.25 3H4.5C3.67157 3 3 3.67157 3 4.5V8.25C3 9.07843 3.67157 9.75 4.5 9.75H8.25C9.07843 9.75 9.75 9.07843 9.75 8.25V4.5C9.75 3.67157 9.07843 3 8.25 3ZM4.5 1.5C2.84315 1.5 1.5 2.84315 1.5 4.5V8.25C1.5 9.90685 2.84315 11.25 4.5 11.25H8.25C9.90685 11.25 11.25 9.90685 11.25 8.25V4.5C11.25 2.84315 9.90685 1.5 8.25 1.5H4.5Z" />
+	<path fill-rule="evenodd" clip-rule="evenodd" d="M19.5 3H15.75C14.9216 3 14.25 3.67157 14.25 4.5V8.25C14.25 9.07843 14.9216 9.75 15.75 9.75H19.5C20.3284 9.75 21 9.07843 21 8.25V4.5C21 3.67157 20.3284 3 19.5 3ZM15.75 1.5C14.0931 1.5 12.75 2.84315 12.75 4.5V8.25C12.75 9.90685 14.0931 11.25 15.75 11.25H19.5C21.1569 11.25 22.5 9.90685 22.5 8.25V4.5C22.5 2.84315 21.1569 1.5 19.5 1.5H15.75Z" />
+	<path fill-rule="evenodd" clip-rule="evenodd" d="M8.25 14.25H4.5C3.67157 14.25 3 14.9216 3 15.75V19.5C3 20.3284 3.67157 21 4.5 21H8.25C9.07843 21 9.75 20.3284 9.75 19.5V15.75C9.75 14.9216 9.07843 14.25 8.25 14.25ZM4.5 12.75C2.84315 12.75 1.5 14.0931 1.5 15.75V19.5C1.5 21.1569 2.84315 22.5 4.5 22.5H8.25C9.90685 22.5 11.25 21.1569 11.25 19.5V15.75C11.25 14.0931 9.90685 12.75 8.25 12.75H4.5Z" />
+	<path fill-rule="evenodd" clip-rule="evenodd" d="M19.5 14.25H15.75C14.9216 14.25 14.25 14.9216 14.25 15.75V19.5C14.25 20.3284 14.9216 21 15.75 21H19.5C20.3284 21 21 20.3284 21 19.5V15.75C21 14.9216 20.3284 14.25 19.5 14.25ZM15.75 12.75C14.0931 12.75 12.75 14.0931 12.75 15.75V19.5C12.75 21.1569 14.0931 22.5 15.75 22.5H19.5C21.1569 22.5 22.5 21.1569 22.5 19.5V15.75C22.5 14.0931 21.1569 12.75 19.5 12.75H15.75Z" />
+</svg>
diff --git a/react/features/base/icons/svg/trash.svg b/react/features/base/icons/svg/trash.svg
new file mode 100644
index 0000000..f7ee4eb
--- /dev/null
+++ b/react/features/base/icons/svg/trash.svg
@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="trash-alt" class="svg-inline--fa fa-trash-alt fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M32 464a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128H32zm272-256a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zM432 32H312l-9.4-18.7A24 24 0 0 0 281.1 0H166.8a23.72 23.72 0 0 0-21.4 13.3L136 32H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"></path></svg>
\ No newline at end of file
diff --git a/react/features/base/icons/svg/user-deleted.svg b/react/features/base/icons/svg/user-deleted.svg
new file mode 100644
index 0000000..864ba98
--- /dev/null
+++ b/react/features/base/icons/svg/user-deleted.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M22.5302 1.46967C22.8231 1.76256 22.8231 2.23744 22.5302 2.53033L19.5606 5.5L22.5303 8.46969C22.8232 8.76258 22.8232 9.23746 22.5303 9.53035C22.2374 9.82324 21.7625 9.82324 21.4696 9.53035L18.4999 6.56066L15.5303 9.53024C15.2374 9.82313 14.7626 9.82313 14.4697 9.53024C14.1768 9.23734 14.1768 8.76247 14.4697 8.46958L17.4392 5.5L14.4697 2.53044C14.1768 2.23755 14.1768 1.76268 14.4697 1.46978C14.7626 1.17689 15.2375 1.17689 15.5303 1.46978L18.4999 4.43934L21.4696 1.46967C21.7625 1.17678 22.2373 1.17678 22.5302 1.46967ZM7.5 13.5C9.57107 13.5 11.25 11.8211 11.25 9.75C11.25 7.67893 9.57107 6 7.5 6C5.42893 6 3.75 7.67893 3.75 9.75C3.75 11.8211 5.42893 13.5 7.5 13.5ZM7.5 12C8.74264 12 9.75 10.9926 9.75 9.75C9.75 8.50736 8.74264 7.5 7.5 7.5C6.25736 7.5 5.25 8.50736 5.25 9.75C5.25 10.9926 6.25736 12 7.5 12ZM7.5 22.5C10.8137 22.5 13.5 20.8211 13.5 18.75C13.5 16.6789 10.8137 15 7.5 15C4.18629 15 1.5 16.6789 1.5 18.75C1.5 20.8211 4.18629 22.5 7.5 22.5ZM10.9476 20.1297C11.7807 19.609 12 19.0817 12 18.75C12 18.4183 11.7807 17.891 10.9476 17.3703C10.1357 16.8629 8.9207 16.5 7.5 16.5C6.0793 16.5 4.86428 16.8629 4.05236 17.3703C3.21929 17.891 3 18.4183 3 18.75C3 19.0817 3.21929 19.609 4.05236 20.1297C4.86428 20.6371 6.0793 21 7.5 21C8.9207 21 10.1357 20.6371 10.9476 20.1297Z" />
+</svg>
diff --git a/react/features/base/icons/svg/user.svg b/react/features/base/icons/svg/user.svg
new file mode 100644
index 0000000..64c7cf1
--- /dev/null
+++ b/react/features/base/icons/svg/user.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 6.75C16.5 9.23528 14.4853 11.25 12 11.25C9.51472 11.25 7.5 9.23528 7.5 6.75C7.5 4.26472 9.51472 2.25 12 2.25C14.4853 2.25 16.5 4.26472 16.5 6.75ZM15 6.75C15 8.40685 13.6569 9.75 12 9.75C10.3431 9.75 9 8.40685 9 6.75C9 5.09315 10.3431 3.75 12 3.75C13.6569 3.75 15 5.09315 15 6.75Z" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M19.5 17.25C19.5 19.7353 16.1421 21.75 12 21.75C7.85786 21.75 4.5 19.7353 4.5 17.25C4.5 14.7647 7.85786 12.75 12 12.75C16.1421 12.75 19.5 14.7647 19.5 17.25ZM18 17.25C18 17.7588 17.6485 18.4756 16.5316 19.1457C15.4445 19.798 13.8459 20.25 12 20.25C10.1541 20.25 8.55549 19.798 7.46844 19.1457C6.35154 18.4756 6 17.7588 6 17.25C6 16.7412 6.35154 16.0244 7.46844 15.3543C8.55549 14.702 10.1541 14.25 12 14.25C13.8459 14.25 15.4445 14.702 16.5316 15.3543C17.6485 16.0244 18 16.7412 18 17.25Z" />
+</svg>
diff --git a/react/features/base/icons/svg/users.svg b/react/features/base/icons/svg/users.svg
new file mode 100644
index 0000000..c7002f7
--- /dev/null
+++ b/react/features/base/icons/svg/users.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 9C18.5711 9 20.25 7.32107 20.25 5.25C20.25 3.17893 18.5711 1.5 16.5 1.5C14.4289 1.5 12.75 3.17893 12.75 5.25C12.75 7.32107 14.4289 9 16.5 9ZM16.5 7.5C17.7426 7.5 18.75 6.49264 18.75 5.25C18.75 4.00736 17.7426 3 16.5 3C15.2574 3 14.25 4.00736 14.25 5.25C14.25 6.49264 15.2574 7.5 16.5 7.5Z" />
+    <path d="M16.5 18C19.8137 18 22.5 16.3211 22.5 14.25C22.5 12.1789 19.8137 10.5 16.5 10.5C15.0811 10.5 13.7772 10.8078 12.75 11.3225V13.0792C12.8404 13.0098 12.9409 12.94 13.0524 12.8703C13.8643 12.3629 15.0793 12 16.5 12C17.9207 12 19.1357 12.3629 19.9476 12.8703C20.7807 13.391 21 13.9183 21 14.25C21 14.5817 20.7807 15.109 19.9476 15.6297C19.1357 16.1371 17.9207 16.5 16.5 16.5C16.2429 16.5 15.9925 16.4881 15.75 16.4656V17.971C15.9957 17.9901 16.246 18 16.5 18Z" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 13.5C9.57107 13.5 11.25 11.8211 11.25 9.75C11.25 7.67893 9.57107 6 7.5 6C5.42893 6 3.75 7.67893 3.75 9.75C3.75 11.8211 5.42893 13.5 7.5 13.5ZM7.5 12C8.74264 12 9.75 10.9926 9.75 9.75C9.75 8.50736 8.74264 7.5 7.5 7.5C6.25736 7.5 5.25 8.50736 5.25 9.75C5.25 10.9926 6.25736 12 7.5 12Z" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 22.5C10.8137 22.5 13.5 20.8211 13.5 18.75C13.5 16.6789 10.8137 15 7.5 15C4.18629 15 1.5 16.6789 1.5 18.75C1.5 20.8211 4.18629 22.5 7.5 22.5ZM10.9476 20.1297C11.7807 19.609 12 19.0817 12 18.75C12 18.4183 11.7807 17.891 10.9476 17.3703C10.1357 16.8629 8.9207 16.5 7.5 16.5C6.0793 16.5 4.86428 16.8629 4.05236 17.3703C3.21929 17.891 3 18.4183 3 18.75C3 19.0817 3.21929 19.609 4.05236 20.1297C4.86428 20.6371 6.0793 21 7.5 21C8.9207 21 10.1357 20.6371 10.9476 20.1297Z" />
+</svg>
diff --git a/react/features/base/icons/svg/video-off.svg b/react/features/base/icons/svg/video-off.svg
new file mode 100644
index 0000000..7962568
--- /dev/null
+++ b/react/features/base/icons/svg/video-off.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M20.7803 3.21967C21.0732 3.51256 21.0732 3.98744 20.7803 4.28033L17.4095 7.65114L17.4149 7.64696L15.75 9.3119V9.31066L7.06066 18H7.0619L5.5619 19.5H5.56066L4.28033 20.7803C3.98744 21.0732 3.51256 21.0732 3.21967 20.7803C2.92678 20.4874 2.92678 20.0126 3.21967 19.7197L3.5823 19.357C2.37432 18.9693 1.5 17.8368 1.5 16.5V7.5C1.5 5.84315 2.84315 4.5 4.5 4.5H14.25C15.3842 4.5 16.3714 5.12941 16.8813 6.05799L19.7197 3.21967C20.0126 2.92678 20.4874 2.92678 20.7803 3.21967ZM15.7232 7.21616C15.5905 6.52345 14.9814 6 14.25 6H4.5C3.67157 6 3 6.67157 3 7.5V16.5C3 17.3284 3.67157 18 4.5 18H4.93934L15.7232 7.21616Z" />
+    <path d="M21 6.75C21 6.33579 21.3358 6 21.75 6C22.1642 6 22.5 6.33579 22.5 6.75V17.2242C22.5 18.4697 21.0699 19.1726 20.0838 18.4119L17.25 16.2258V16.5C17.25 18.1569 15.9069 19.5 14.25 19.5H9C8.58579 19.5 8.25 19.1642 8.25 18.75C8.25 18.3358 8.58579 18 9 18H14.25C15.0784 18 15.75 17.3284 15.75 16.5V12C15.75 11.5858 16.0858 11.25 16.5 11.25C16.9142 11.25 17.25 11.5858 17.25 12V14.3313L21 17.2242V6.75Z" />
+</svg>
diff --git a/react/features/base/icons/svg/video.svg b/react/features/base/icons/svg/video.svg
new file mode 100644
index 0000000..a71bfd8
--- /dev/null
+++ b/react/features/base/icons/svg/video.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M17.25 16.2258V16.5C17.25 18.1569 15.9069 19.5 14.25 19.5H4.5C2.84315 19.5 1.5 18.1569 1.5 16.5V7.5C1.5 5.84315 2.84315 4.5 4.5 4.5H14.25C15.9069 4.5 17.25 5.84315 17.25 7.5V7.7742L20.0838 5.58813C21.0699 4.82739 22.5 5.53034 22.5 6.7758V17.2242C22.5 18.4697 21.0699 19.1726 20.0838 18.4119L17.25 16.2258ZM4.5 6H14.25C15.0784 6 15.75 6.67157 15.75 7.5V16.5C15.75 17.3284 15.0784 18 14.25 18H4.5C3.67157 18 3 17.3284 3 16.5V7.5C3 6.67157 3.67157 6 4.5 6ZM17.25 14.3313L21 17.2242V6.7758L17.25 9.66866V14.3313Z" />
+</svg>
diff --git a/react/features/base/icons/svg/visibility-off.svg b/react/features/base/icons/svg/visibility-off.svg
new file mode 100755
index 0000000..5fca7d7
--- /dev/null
+++ b/react/features/base/icons/svg/visibility-off.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>visibility-off</title>
+<path d="M15.813 12h0.188c2.188 0 4 1.813 4 4v0.25zM10.063 13.063c-0.438 0.875-0.75 1.875-0.75 2.938 0 3.688 3 6.688 6.688 6.688 1.063 0 2.063-0.313 2.938-0.75l-2.063-2.063c-0.25 0.063-0.563 0.125-0.875 0.125-2.188 0-4-1.813-4-4 0-0.313 0.063-0.625 0.125-0.875zM2.688 5.688l1.688-1.688 23.625 23.625-1.688 1.688c-1.499-1.48-3.008-2.95-4.5-4.438-1.813 0.75-3.75 1.125-5.813 1.125-6.688 0-12.375-4.125-14.688-10 1.063-2.625 2.813-4.875 5-6.625-1.219-1.218-2.416-2.459-3.625-3.688zM16 9.313c-0.875 0-1.688 0.188-2.438 0.5l-2.875-2.875c1.625-0.625 3.438-0.938 5.313-0.938 6.688 0 12.313 4.125 14.625 10-1 2.5-2.563 4.625-4.563 6.313l-3.875-3.875c0.313-0.75 0.5-1.563 0.5-2.438 0-3.688-3-6.688-6.688-6.688z"></path>
+</svg>
diff --git a/react/features/base/icons/svg/visibility.svg b/react/features/base/icons/svg/visibility.svg
new file mode 100755
index 0000000..413fbd4
--- /dev/null
+++ b/react/features/base/icons/svg/visibility.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>visibility</title>
+<path d="M16 12c2.188 0 4 1.813 4 4s-1.813 4-4 4-4-1.813-4-4 1.813-4 4-4zM16 22.688c3.688 0 6.688-3 6.688-6.688s-3-6.688-6.688-6.688-6.688 3-6.688 6.688 3 6.688 6.688 6.688zM16 6c6.688 0 12.375 4.125 14.688 10-2.313 5.875-8 10-14.688 10s-12.375-4.125-14.688-10c2.313-5.875 8-10 14.688-10z"></path>
+</svg>
diff --git a/react/features/base/icons/svg/volume-off.svg b/react/features/base/icons/svg/volume-off.svg
new file mode 100644
index 0000000..b6a7f9b
--- /dev/null
+++ b/react/features/base/icons/svg/volume-off.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M12 20.2913L12 3.54315L8.34881 7.08258L7.30476 6.00556L10.956 2.46614C11.9074 1.54379 13.5 2.21801 13.5 3.54316V20.2913C13.5 21.6397 11.8592 22.3034 10.9218 21.334L7.3106 17.6001C7.028 17.3078 6.63888 17.1428 6.23236 17.1428H3C2.17157 17.1428 1.5 16.4713 1.5 15.6428V7.92854C1.5 7.10012 2.17157 6.42854 3 6.42854H6.26071C6.65047 6.42854 7.02491 6.27684 7.30476 6.00556L8.34881 7.08258C7.78912 7.62513 7.04022 7.92854 6.26071 7.92854H3L3 15.6428H6.23236C7.0454 15.6428 7.82363 15.9728 8.38885 16.5573L12 20.2913Z" />
+    <path d="M15.6803 14.7213C15.3046 14.3456 15.3046 13.7364 15.6803 13.3607L17.0409 12.0001L15.6801 10.6393C15.3044 10.2636 15.3044 9.65441 15.6801 9.27867C16.0559 8.90294 16.6651 8.90294 17.0408 9.27867L18.4016 10.6394L19.7623 9.27867C20.138 8.90294 20.7472 8.90294 21.123 9.27868C21.4987 9.65441 21.4987 10.2636 21.123 10.6393L19.7622 12.0001L21.1228 13.3607C21.4985 13.7364 21.4985 14.3456 21.1228 14.7213C20.747 15.097 20.1378 15.097 19.7621 14.7213L18.4016 13.3608L17.041 14.7213C16.6653 15.0971 16.0561 15.0971 15.6803 14.7213Z" />
+</svg>
diff --git a/react/features/base/icons/svg/volume-up.svg b/react/features/base/icons/svg/volume-up.svg
new file mode 100755
index 0000000..c56193e
--- /dev/null
+++ b/react/features/base/icons/svg/volume-up.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M10.956 2.46614L7.30476 6.00556C7.02491 6.27684 6.65047 6.42854 6.26071 6.42854H3C2.17157 6.42854 1.5 7.10012 1.5 7.92854V15.6428C1.5 16.4713 2.17157 17.1428 3 17.1428H6.23236C6.63888 17.1428 7.028 17.3078 7.3106 17.6001L10.9218 21.334C11.8592 22.3034 13.5 21.6397 13.5 20.2913V3.54316C13.5 2.21801 11.9074 1.54379 10.956 2.46614ZM12 3.54315L12 20.2913L8.38885 16.5573C7.82363 15.9728 7.0454 15.6428 6.23236 15.6428H3L3 7.92854H6.26071C7.04022 7.92854 7.78912 7.62513 8.34881 7.08258L12 3.54315Z" />
+    <path d="M18.9755 17.4275C19.2684 17.7204 19.7464 17.7219 20.0142 17.4059C22.8511 14.059 22.8511 9.12868 20.0142 5.78184C19.7464 5.46586 19.2684 5.46734 18.9755 5.76023C18.6826 6.05312 18.6861 6.5259 18.9486 6.84626C21.2063 9.60082 21.2063 13.5869 18.9486 16.3415C18.6861 16.6618 18.6826 17.1346 18.9755 17.4275Z" />
+    <path d="M16.8542 15.3062C17.1471 15.5991 17.6266 15.6014 17.8811 15.2745C19.5621 13.1156 19.5621 10.0721 17.8811 7.91319C17.6266 7.58637 17.1471 7.58866 16.8542 7.88155C16.5613 8.17444 16.5677 8.64647 16.8083 8.98361C17.9197 10.5407 17.9197 12.647 16.8083 14.2041C16.5677 14.5413 16.5613 15.0133 16.8542 15.3062Z" />
+</svg>
diff --git a/react/features/base/icons/svg/warning-circle.svg b/react/features/base/icons/svg/warning-circle.svg
new file mode 100755
index 0000000..91e6a97
--- /dev/null
+++ b/react/features/base/icons/svg/warning-circle.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M1.66699 9.99999C1.66699 14.6024 5.39795 18.3333 10.0003 18.3333C14.6027 18.3333 18.3337 14.6024 18.3337 9.99999C18.3337 5.39762 14.6027 1.66666 10.0003 1.66666C5.39795 1.66666 1.66699 5.39762 1.66699 9.99999ZM16.667 10C16.667 13.6819 13.6822 16.6667 10.0003 16.6667C6.31843 16.6667 3.33366 13.6819 3.33366 10C3.33366 6.3181 6.31843 3.33334 10.0003 3.33334C13.6822 3.33334 16.667 6.3181 16.667 10ZM9.16699 5.83335C9.16699 5.37311 9.54009 5.00002 10.0003 5.00002C10.4606 5.00002 10.8337 5.37311 10.8337 5.83335V10C10.8337 10.4603 10.4606 10.8333 10.0003 10.8333C9.54009 10.8333 9.16699 10.4603 9.16699 10V5.83335ZM10.0003 12.5C9.54009 12.5 9.16699 12.8731 9.16699 13.3333C9.16699 13.7935 9.54009 14.1666 10.0003 14.1666C10.4606 14.1666 10.8337 13.7935 10.8337 13.3333C10.8337 12.8731 10.4606 12.5 10.0003 12.5Z" />
+</svg>
diff --git a/react/features/base/icons/svg/warning.svg b/react/features/base/icons/svg/warning.svg
new file mode 100644
index 0000000..d27c4c6
--- /dev/null
+++ b/react/features/base/icons/svg/warning.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"/></svg>
\ No newline at end of file
diff --git a/react/features/base/icons/svg/whiteboard-hide.svg b/react/features/base/icons/svg/whiteboard-hide.svg
new file mode 100644
index 0000000..508eb2e
--- /dev/null
+++ b/react/features/base/icons/svg/whiteboard-hide.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M8.46967 5.46967C8.76256 5.17678 9.23744 5.17678 9.53033 5.46967L12 7.93934L14.4697 5.46967C14.7626 5.17678 15.2374 5.17678 15.5303 5.46967C15.8232 5.76256 15.8232 6.23744 15.5303 6.53033L13.0607 9L15.5303 11.4697C15.8232 11.7626 15.8232 12.2374 15.5303 12.5303C15.2374 12.8232 14.7626 12.8232 14.4697 12.5303L12 10.0607L9.53033 12.5303C9.23744 12.8232 8.76256 12.8232 8.46967 12.5303C8.17678 12.2374 8.17678 11.7626 8.46967 11.4697L10.9393 9L8.46967 6.53033C8.17678 6.23744 8.17678 5.76256 8.46967 5.46967Z" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M21 15.75H16.1541L18.6854 21.4454C18.8536 21.8239 18.6831 22.2671 18.3046 22.4354C17.9261 22.6036 17.4829 22.4331 17.3146 22.0546L14.5126 15.75H9.4874L6.68536 22.0546C6.51713 22.4331 6.07391 22.6036 5.6954 22.4354C5.31688 22.2671 5.14641 21.8239 5.31464 21.4454L7.84593 15.75H3C2.17157 15.75 1.5 15.0784 1.5 14.25V3.75C1.5 2.92157 2.17157 2.25 3 2.25H21C21.8284 2.25 22.5 2.92157 22.5 3.75V14.25C22.5 15.0784 21.8284 15.75 21 15.75ZM3 3.75H21V14.25H15.0163C15.0052 14.2498 14.994 14.2497 14.9828 14.25H9.01716C9.00598 14.2497 8.99481 14.2498 8.98367 14.25H3V3.75Z" />
+</svg>
diff --git a/react/features/base/icons/svg/whiteboard.svg b/react/features/base/icons/svg/whiteboard.svg
new file mode 100644
index 0000000..83f6222
--- /dev/null
+++ b/react/features/base/icons/svg/whiteboard.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M21 3.75H3V14.25H21V3.75ZM3 2.25C2.17157 2.25 1.5 2.92157 1.5 3.75V14.25C1.5 15.0784 2.17157 15.75 3 15.75H21C21.8284 15.75 22.5 15.0784 22.5 14.25V3.75C22.5 2.92157 21.8284 2.25 21 2.25H3Z" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M9.3046 14.3146C9.68312 14.4829 9.85359 14.9261 9.68536 15.3046L6.68536 22.0546C6.51713 22.4331 6.07391 22.6036 5.6954 22.4354C5.31688 22.2671 5.14641 21.8239 5.31464 21.4454L8.31464 14.6954C8.48287 14.3169 8.92609 14.1464 9.3046 14.3146Z" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M14.6954 14.3146C14.3169 14.4829 14.1464 14.9261 14.3146 15.3046L17.3146 22.0546C17.4829 22.4331 17.9261 22.6036 18.3046 22.4354C18.6831 22.2671 18.8536 21.8239 18.6854 21.4454L15.6854 14.6954C15.5171 14.3169 15.0739 14.1464 14.6954 14.3146Z" />
+</svg>
diff --git a/react/features/base/icons/svg/wifi-1.svg b/react/features/base/icons/svg/wifi-1.svg
new file mode 100644
index 0000000..dd43161
--- /dev/null
+++ b/react/features/base/icons/svg/wifi-1.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="12" viewBox="0 0 16 12" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M13.0913 6.59847C12.4227 5.88894 11.629 5.32611 10.7554 4.94212C9.88182 4.55812 8.94553 4.36048 7.99997 4.36048C7.05442 4.36048 6.11813 4.55812 5.24456 4.94212C4.371 5.32611 3.57726 5.88894 2.90869 6.59847L4.36305 8.14176C4.84061 7.63486 5.4076 7.23276 6.03163 6.95842C6.65566 6.68408 7.32451 6.54288 7.99997 6.54288C8.67544 6.54288 9.34429 6.68408 9.96832 6.95842C10.5923 7.23276 11.1593 7.63486 11.6369 8.14176L13.0913 6.59847Z" />
+<path opacity="0.4" d="M16 3.51081C13.8766 1.26261 10.9996 0 8 0C5.00044 0 2.12337 1.26261 0 3.51081L1.45436 5.0541C3.19156 3.21432 5.54565 2.18105 8 2.18105C10.4543 2.18105 12.8084 3.21432 14.5456 5.0541L16 3.51081Z" />
+<path d="M5.94287 9.81713L7.99996 12L10.057 9.81713C9.78693 9.53041 9.46623 9.30297 9.11328 9.1478C8.76032 8.99263 8.38201 8.91276 7.99996 8.91276C7.6179 8.91276 7.23959 8.99263 6.88663 9.1478C6.53368 9.30297 6.21298 9.53041 5.94287 9.81713Z" />
+</svg>
diff --git a/react/features/base/icons/svg/wifi-2.svg b/react/features/base/icons/svg/wifi-2.svg
new file mode 100644
index 0000000..e5b72c8
--- /dev/null
+++ b/react/features/base/icons/svg/wifi-2.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="12" viewBox="0 0 16 12" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.0913 6.59847C12.4227 5.88894 11.629 5.32611 10.7554 4.94211C9.88182 4.55811 8.94553 4.36047 7.99997 4.36047C7.05442 4.36047 6.11813 4.55811 5.24456 4.94211C4.371 5.32611 3.57726 5.88894 2.90869 6.59847L4.36305 8.14176C4.84061 7.63486 5.4076 7.23276 6.03163 6.95842C6.65566 6.68408 7.32451 6.54288 7.99997 6.54288C8.67544 6.54288 9.34429 6.68408 9.96832 6.95842C10.5923 7.23276 11.1593 7.63486 11.6369 8.14176L13.0913 6.59847Z" />
+<path opacity="0.4" d="M16 3.51081C13.8766 1.26261 10.9996 0 8 0C5.00044 0 2.12337 1.26261 0 3.51081L1.45436 5.0541C3.19156 3.21432 5.54565 2.18105 8 2.18105C10.4543 2.18105 12.8084 3.21432 14.5456 5.0541L16 3.51081Z" />
+<path d="M5.94287 9.81713L7.99996 12L10.057 9.81713C9.78693 9.53042 9.46623 9.30298 9.11328 9.14781C8.76032 8.99263 8.38201 8.91277 7.99996 8.91277C7.6179 8.91277 7.23959 8.99263 6.88663 9.14781C6.53368 9.30298 6.21298 9.53042 5.94287 9.81713Z" />
+</svg>
diff --git a/react/features/base/icons/svg/wifi-3.svg b/react/features/base/icons/svg/wifi-3.svg
new file mode 100644
index 0000000..1e7232f
--- /dev/null
+++ b/react/features/base/icons/svg/wifi-3.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="12" viewBox="0 0 16 12" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.0913 6.59847C12.4227 5.88894 11.629 5.32611 10.7554 4.94211C9.88182 4.55811 8.94553 4.36047 7.99997 4.36047C7.05442 4.36047 6.11813 4.55811 5.24456 4.94211C4.371 5.32611 3.57726 5.88894 2.90869 6.59847L4.36305 8.14176C4.84061 7.63486 5.4076 7.23276 6.03163 6.95842C6.65566 6.68408 7.32451 6.54288 7.99997 6.54288C8.67544 6.54288 9.34429 6.68408 9.96832 6.95842C10.5923 7.23276 11.1593 7.63486 11.6369 8.14176L13.0913 6.59847Z" />
+<path d="M16 3.51081C13.8766 1.26261 10.9996 0 8 0C5.00044 0 2.12337 1.26261 0 3.51081L1.45436 5.0541C3.19156 3.21432 5.54565 2.18105 8 2.18105C10.4543 2.18105 12.8084 3.21432 14.5456 5.0541L16 3.51081Z" />
+<path d="M5.94287 9.81713L7.99996 12L10.057 9.81713C9.78693 9.53042 9.46623 9.30298 9.11328 9.14781C8.76032 8.99263 8.38201 8.91277 7.99996 8.91277C7.6179 8.91277 7.23959 8.99263 6.88663 9.14781C6.53368 9.30298 6.21298 9.53042 5.94287 9.81713Z" />
+</svg>
diff --git a/react/features/base/icons/svg/yahoo.svg b/react/features/base/icons/svg/yahoo.svg
new file mode 100755
index 0000000..85dba11
--- /dev/null
+++ b/react/features/base/icons/svg/yahoo.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M4 3H9.10397L12.076 10.6035L15.0865 3H20.0561L12.573 21H7.57197L9.62033 16.2303L4 3Z" />
+</svg>
diff --git a/react/features/base/jitsi-local-storage/logger.ts b/react/features/base/jitsi-local-storage/logger.ts
new file mode 100644
index 0000000..266b18e
--- /dev/null
+++ b/react/features/base/jitsi-local-storage/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../logging/functions';
+
+export default getLogger('app:jitsi-local-storage');
diff --git a/react/features/base/jitsi-local-storage/setup.web.ts b/react/features/base/jitsi-local-storage/setup.web.ts
new file mode 100644
index 0000000..e57cacb
--- /dev/null
+++ b/react/features/base/jitsi-local-storage/setup.web.ts
@@ -0,0 +1,91 @@
+// @ts-ignore
+import { jitsiLocalStorage } from '@jitsi/js-utils/jitsi-local-storage';
+// eslint-disable-next-line lines-around-comment
+// @ts-ignore
+import { safeJsonParse } from '@jitsi/js-utils/json';
+import { pick } from 'lodash-es';
+
+import { browser } from '../lib-jitsi-meet';
+import { isEmbedded } from '../util/embedUtils';
+import { parseURLParams } from '../util/parseURLParams';
+
+import logger from './logger';
+import WHITELIST from './whitelist';
+
+/**
+ * Handles changes of the fake local storage.
+ *
+ * @returns {void}
+ */
+function onFakeLocalStorageChanged() {
+    APP.API.notifyLocalStorageChanged(jitsiLocalStorage.serialize([ 'jitsiLocalStorage' ]));
+}
+
+/**
+ * Checks if the local storage of the host page needs to be used instead jitsi-meet's local storage.
+ *
+ * @param {Object} urlParams - Object with parsed URL params.
+ * @returns {boolean} - True if the local storage of the host page needs to be used instead jitsi-meet's local storage
+ * and false otherwise.
+ */
+function shouldUseHostPageLocalStorage(urlParams: { 'config.useHostPageLocalStorage'?: boolean; }) {
+    // NOTE: normally the url params and the config will be merged into the redux store. But we want to setup the local
+    // storage as soon as possible, the store is not created yet and the merging of the URL params and the config
+    // haven't been executed yet. That's why we need to manually parse the URL params and also access the config through
+    // the global variable.
+    if (urlParams['config.useHostPageLocalStorage'] === true
+        || (typeof config === 'object' && config.useHostPageLocalStorage)) {
+        return true;
+    }
+
+    if (jitsiLocalStorage.isLocalStorageDisabled()) { // We have detected that ou own local storage is not working.
+        return true;
+    }
+
+    if (browser.isWebKitBased() && isEmbedded()) {
+        // WebKit browsers don't persist local storage for third-party iframes.
+
+        return true;
+    }
+
+    return false;
+}
+
+/**
+ * Performs initial setup of the jitsiLocalStorage.
+ *
+ * @returns {void}
+ */
+function setupJitsiLocalStorage() {
+    // @ts-ignore
+    const urlParams = parseURLParams(window.location);
+
+    if (shouldUseHostPageLocalStorage(urlParams)) {
+        try {
+            let localStorageContent = safeJsonParse(urlParams['appData.localStorageContent']);
+
+            // We need to disable the local storage before setting the data in case the browser local storage doesn't
+            // throw exception (in some cases when this happens the local storage may be cleared for every session.
+            // Example: when loading meet from cross-domain with the IFrame API with Brave with the default
+            // configuration). Otherwise we will set the data in the browser local storage and then switch to the dummy
+            // local storage from jitsiLocalStorage and we will loose the data.
+            jitsiLocalStorage.setLocalStorageDisabled(true);
+
+            if (typeof localStorageContent === 'object') {
+                if (!isEmbedded()) {
+                    localStorageContent = pick(localStorageContent, WHITELIST);
+                }
+
+                Object.keys(localStorageContent).forEach(key => {
+                    jitsiLocalStorage.setItem(key, localStorageContent[key]);
+                });
+            }
+        } catch (error) {
+            logger.error('Can\'t parse localStorageContent.', error);
+        }
+
+        jitsiLocalStorage.on('changed', onFakeLocalStorageChanged);
+    }
+}
+
+setupJitsiLocalStorage();
diff --git a/react/features/base/jitsi-local-storage/whitelist.ts b/react/features/base/jitsi-local-storage/whitelist.ts
new file mode 100644
index 0000000..108f168
--- /dev/null
+++ b/react/features/base/jitsi-local-storage/whitelist.ts
@@ -0,0 +1,11 @@
+/**
+ * Keys of localStorage that are used by jibri.
+ */
+export default [
+    'callStatsUserName',
+    'displayname',
+    'email',
+    'xmpp_username_override',
+    'xmpp_password_override',
+    'xmpp_conference_password_override'
+];
diff --git a/react/features/base/jwt/actionTypes.ts b/react/features/base/jwt/actionTypes.ts
new file mode 100644
index 0000000..9b7ca27
--- /dev/null
+++ b/react/features/base/jwt/actionTypes.ts
@@ -0,0 +1,30 @@
+/**
+ * The type of redux action which set an avatar URL for delayed loading.
+ *
+ * {
+ *     type: SET_DELAYED_LOAD_OF_AVATAR_URL
+ *     avatarUrl: string
+ * }
+ */
+export const SET_DELAYED_LOAD_OF_AVATAR_URL = 'SET_DELAYED_LOAD_OF_AVATAR_URL';
+
+/**
+ * The type of redux action which stores a specific JSON Web Token (JWT) into
+ * the redux store.
+ *
+ * {
+ *     type: SET_JWT,
+ *     jwt: string
+ * }
+ */
+export const SET_JWT = 'SET_JWT';
+
+/**
+ * The type of redux action which sets a known avatar URL.
+ *
+ * {
+ *     type: SET_KNOWN_AVATAR_URL,
+ *     avatarUrl: string
+ * }
+ */
+export const SET_KNOWN_AVATAR_URL = 'SET_KNOWN_AVATAR_URL';
diff --git a/react/features/base/jwt/actions.ts b/react/features/base/jwt/actions.ts
new file mode 100644
index 0000000..b38875b
--- /dev/null
+++ b/react/features/base/jwt/actions.ts
@@ -0,0 +1,49 @@
+import { SET_DELAYED_LOAD_OF_AVATAR_URL, SET_JWT, SET_KNOWN_AVATAR_URL } from './actionTypes';
+
+/**
+ * Sets an avatar URL for delayed loading.
+ *
+ * @param {string} avatarUrl - The avatar URL to set for delayed loading.
+ * @returns {{
+ *     type: SET_DELAYED_LOAD_OF_AVATAR_URL,
+ *     avatarUrl: string
+ * }}
+ */
+export function setDelayedLoadOfAvatarUrl(avatarUrl?: string) {
+    return {
+        type: SET_DELAYED_LOAD_OF_AVATAR_URL,
+        avatarUrl
+    };
+}
+
+/**
+ * Stores a specific JSON Web Token (JWT) into the redux store.
+ *
+ * @param {string} [jwt] - The JSON Web Token (JWT) to store.
+ * @returns {{
+ *     type: SET_JWT,
+ *     jwt: (string|undefined)
+ * }}
+ */
+export function setJWT(jwt?: string) {
+    return {
+        type: SET_JWT,
+        jwt
+    };
+}
+
+/**
+ * Sets a known avatar URL.
+ *
+ * @param {string} avatarUrl - The avatar URL to set as known.
+ * @returns {{
+ *     type: SET_KNOWN_AVATAR_URL,
+ *     avatarUrl: string
+ * }}
+ */
+export function setKnownAvatarUrl(avatarUrl: string) {
+    return {
+        type: SET_KNOWN_AVATAR_URL,
+        avatarUrl
+    };
+}
diff --git a/react/features/base/jwt/constants.ts b/react/features/base/jwt/constants.ts
new file mode 100644
index 0000000..4a9a263
--- /dev/null
+++ b/react/features/base/jwt/constants.ts
@@ -0,0 +1,45 @@
+import { ParticipantFeaturesKey } from '../participants/types';
+
+/**
+ * The list of supported meeting features to enable/disable through jwt.
+ */
+export const MEET_FEATURES: Record<string, ParticipantFeaturesKey> = {
+    BRANDING: 'branding',
+    CALENDAR: 'calendar',
+    CREATE_POLLS: 'create-polls',
+    FILE_UPLOAD: 'file-upload',
+    FLIP: 'flip',
+    INBOUND_CALL: 'inbound-call',
+    LIVESTREAMING: 'livestreaming',
+    LOBBY: 'lobby',
+    MODERATION: 'moderation',
+    OUTBOUND_CALL: 'outbound-call',
+    RECORDING: 'recording',
+    ROOM: 'room',
+    SCREEN_SHARING: 'screen-sharing',
+    SEND_GROUPCHAT: 'send-groupchat',
+    LIST_VISITORS: 'list-visitors',
+    SIP_INBOUND_CALL: 'sip-inbound-call',
+    SIP_OUTBOUND_CALL: 'sip-outbound-call',
+    TRANSCRIPTION: 'transcription'
+};
+
+/**
+ * The JWT validation errors for JaaS.
+ */
+export const JWT_VALIDATION_ERRORS = {
+    AUD_INVALID: 'audInvalid',
+    CONTEXT_NOT_FOUND: 'contextNotFound',
+    EXP_INVALID: 'expInvalid',
+    FEATURE_INVALID: 'featureInvalid',
+    FEATURE_VALUE_INVALID: 'featureValueInvalid',
+    FEATURES_NOT_FOUND: 'featuresNotFound',
+    HEADER_NOT_FOUND: 'headerNotFound',
+    ISS_INVALID: 'issInvalid',
+    KID_NOT_FOUND: 'kidNotFound',
+    KID_MISMATCH: 'kidMismatch',
+    NBF_FUTURE: 'nbfFuture',
+    NBF_INVALID: 'nbfInvalid',
+    PAYLOAD_NOT_FOUND: 'payloadNotFound',
+    TOKEN_EXPIRED: 'tokenExpired'
+};
diff --git a/react/features/base/jwt/functions.ts b/react/features/base/jwt/functions.ts
new file mode 100644
index 0000000..5c8ecb0
--- /dev/null
+++ b/react/features/base/jwt/functions.ts
@@ -0,0 +1,241 @@
+// @ts-expect-error
+import jwtDecode from 'jwt-decode';
+
+import { IReduxState } from '../../app/types';
+import { isVpaasMeeting } from '../../jaas/functions';
+import { getLocalParticipant } from '../participants/functions';
+import { IParticipantFeatures, ParticipantFeaturesKey } from '../participants/types';
+import { parseURLParams } from '../util/parseURLParams';
+
+import { JWT_VALIDATION_ERRORS, MEET_FEATURES } from './constants';
+import logger from './logger';
+
+/**
+ * Retrieves the JSON Web Token (JWT), if any, defined by a specific
+ * {@link URL}.
+ *
+ * @param {URL} url - The {@code URL} to parse and retrieve the JSON Web Token
+ * (JWT), if any, from.
+ * @returns {string} The JSON Web Token (JWT), if any, defined by the specified
+ * {@code url}; otherwise, {@code undefined}.
+ */
+export function parseJWTFromURLParams(url: URL | typeof window.location = window.location) {
+    // @ts-ignore
+    const jwt = parseURLParams(url, false, 'hash').jwt;
+
+    // TODO: eventually remove the search param and only pull from the hash
+    // @ts-ignore
+    return jwt ? jwt : parseURLParams(url, true, 'search').jwt;
+}
+
+/**
+ * Returns the user name after decoding the jwt.
+ *
+ * @param {IReduxState} state - The app state.
+ * @returns {string}
+ */
+export function getJwtName(state: IReduxState) {
+    const { user } = state['features/base/jwt'];
+
+    return user?.name;
+}
+
+/**
+ * Check if the given JWT feature is enabled.
+ *
+ * @param {IReduxState} state - The app state.
+ * @param {string} feature - The feature we want to check.
+ * @param {boolean} ifNotInFeatures - Default value if features prop exists but does not have the {@code feature}.
+ * @returns {boolean}
+ */
+export function isJwtFeatureEnabled(
+        state: IReduxState,
+        feature: ParticipantFeaturesKey,
+        ifNotInFeatures: boolean
+) {
+    let { features } = getLocalParticipant(state) || {};
+
+    if (typeof features === 'undefined' && isVpaasMeeting(state)) {
+        // for vpaas the backend is always initialized with empty features if those are missing
+        features = {};
+    }
+
+    return isJwtFeatureEnabledStateless({
+        localParticipantFeatures: features,
+        feature,
+        ifNotInFeatures
+    });
+}
+
+interface IIsJwtFeatureEnabledStatelessParams {
+    feature: ParticipantFeaturesKey;
+    ifNotInFeatures: boolean;
+    jwt?: string;
+    localParticipantFeatures?: IParticipantFeatures;
+}
+
+/**
+ * Check if the given JWT feature is enabled.
+ *
+ * @param {ILocalParticipant} localParticipantFeatures - The features of the local participant.
+ * @param {string} feature - The feature we want to check.
+ * @param {boolean} ifNotInFeatures - Default value if features is missing
+ * or prop exists but does not have the {@code feature}.
+ * @returns {boolean}
+ */
+export function isJwtFeatureEnabledStateless({
+    localParticipantFeatures: features,
+    feature,
+    ifNotInFeatures
+}: IIsJwtFeatureEnabledStatelessParams) {
+    if (typeof features?.[feature] === 'undefined') {
+        return ifNotInFeatures;
+    }
+
+    return String(features[feature]) === 'true';
+}
+
+/**
+ * Checks whether a given timestamp is a valid UNIX timestamp in seconds.
+ * We convert to milliseconds during the check since `Date` works with milliseconds for UNIX timestamp values.
+ *
+ * @param {any} timestamp - A UNIX timestamp in seconds as stored in the jwt.
+ * @returns {boolean} - Whether the timestamp is indeed a valid UNIX timestamp or not.
+ */
+function isValidUnixTimestamp(timestamp: number | string) {
+    return typeof timestamp === 'number' && timestamp * 1000 === new Date(timestamp * 1000).getTime();
+}
+
+/**
+ * Returns a list with all validation errors for the given jwt.
+ *
+ * @param {string} jwt - The jwt.
+ * @returns {Array} - An array containing all jwt validation errors.
+ */
+export function validateJwt(jwt: string) {
+    const errors: Object[] = [];
+    const currentTimestamp = new Date().getTime();
+
+    try {
+        const header = jwtDecode(jwt, { header: true });
+        const payload = jwtDecode(jwt);
+
+        if (!header) {
+            errors.push({ key: JWT_VALIDATION_ERRORS.HEADER_NOT_FOUND });
+
+            return errors;
+        }
+
+        if (!payload) {
+            errors.push({ key: JWT_VALIDATION_ERRORS.PAYLOAD_NOT_FOUND });
+
+            return errors;
+        }
+
+        const {
+            aud,
+            context,
+            exp,
+            iss,
+            nbf,
+            sub
+        } = payload;
+
+        // JaaS only
+        if (sub?.startsWith('vpaas-magic-cookie')) {
+            const { kid } = header;
+
+            // if Key ID is missing, we return the error immediately without further validations.
+            if (!kid) {
+                errors.push({ key: JWT_VALIDATION_ERRORS.KID_NOT_FOUND });
+
+                return errors;
+            }
+
+            if (kid.substring(0, kid.indexOf('/')) !== sub) {
+                errors.push({ key: JWT_VALIDATION_ERRORS.KID_MISMATCH });
+            }
+
+            if (aud !== 'jitsi') {
+                errors.push({ key: JWT_VALIDATION_ERRORS.AUD_INVALID });
+            }
+
+            if (iss !== 'chat') {
+                errors.push({ key: JWT_VALIDATION_ERRORS.ISS_INVALID });
+            }
+
+            if (!context?.features) {
+                errors.push({ key: JWT_VALIDATION_ERRORS.FEATURES_NOT_FOUND });
+            }
+        }
+
+        if (nbf) { // nbf value is optional
+            if (!isValidUnixTimestamp(nbf)) {
+                errors.push({ key: JWT_VALIDATION_ERRORS.NBF_INVALID });
+            } else if (currentTimestamp < nbf * 1000) {
+                errors.push({ key: JWT_VALIDATION_ERRORS.NBF_FUTURE });
+            }
+        }
+
+        if (!isValidUnixTimestamp(exp)) {
+            errors.push({ key: JWT_VALIDATION_ERRORS.EXP_INVALID });
+        } else if (currentTimestamp > exp * 1000) {
+            errors.push({ key: JWT_VALIDATION_ERRORS.TOKEN_EXPIRED });
+        }
+
+        if (!context) {
+            errors.push({ key: JWT_VALIDATION_ERRORS.CONTEXT_NOT_FOUND });
+        } else if (context.features) {
+            const { features } = context;
+            const meetFeatures = Object.values(MEET_FEATURES);
+
+            (Object.keys(features) as ParticipantFeaturesKey[]).forEach(feature => {
+                if (meetFeatures.includes(feature)) {
+                    const featureValue = features[feature];
+
+                    // cannot use truthy or falsy because we need the exact value and type check.
+                    if (
+                        featureValue !== true
+                        && featureValue !== false
+                        && featureValue !== 'true'
+                        && featureValue !== 'false'
+                    ) {
+                        errors.push({
+                            key: JWT_VALIDATION_ERRORS.FEATURE_VALUE_INVALID,
+                            args: { feature }
+                        });
+                    }
+                } else {
+                    errors.push({
+                        key: JWT_VALIDATION_ERRORS.FEATURE_INVALID,
+                        args: { feature }
+                    });
+                }
+            });
+        }
+    } catch (e: any) {
+        logger.error(`Unspecified JWT error${e?.message ? `: ${e.message}` : ''}`);
+    }
+
+    return errors;
+}
+
+/**
+ * Extracts and returns the expiration date of jwt.
+ *
+ * @param {string|undefined} jwt - The jwt to check.
+ * @returns {Date} The expiration date of the jwt.
+ */
+export function getJwtExpirationDate(jwt: string | undefined) {
+    if (!jwt) {
+        return;
+    }
+
+    const payload = jwtDecode(jwt);
+
+    if (payload) {
+        const { exp } = payload;
+
+        return new Date(exp * 1000);
+    }
+}
diff --git a/react/features/base/jwt/logger.ts b/react/features/base/jwt/logger.ts
new file mode 100644
index 0000000..a67352b
--- /dev/null
+++ b/react/features/base/jwt/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../logging/functions';
+
+export default getLogger('app:jwt');
diff --git a/react/features/base/jwt/middleware.ts b/react/features/base/jwt/middleware.ts
new file mode 100644
index 0000000..4c0c7a7
--- /dev/null
+++ b/react/features/base/jwt/middleware.ts
@@ -0,0 +1,323 @@
+// @ts-expect-error
+import jwtDecode from 'jwt-decode';
+import { AnyAction } from 'redux';
+
+import { IStore } from '../../app/types';
+import { isVpaasMeeting } from '../../jaas/functions';
+import { getCurrentConference } from '../conference/functions';
+import { SET_CONFIG } from '../config/actionTypes';
+import { CONNECTION_ESTABLISHED, SET_LOCATION_URL } from '../connection/actionTypes';
+import { participantUpdated } from '../participants/actions';
+import { getLocalParticipant } from '../participants/functions';
+import { IParticipant } from '../participants/types';
+import MiddlewareRegistry from '../redux/MiddlewareRegistry';
+import StateListenerRegistry from '../redux/StateListenerRegistry';
+import { parseURIString } from '../util/uri';
+
+import { SET_JWT } from './actionTypes';
+import { setDelayedLoadOfAvatarUrl, setJWT, setKnownAvatarUrl } from './actions';
+import { parseJWTFromURLParams } from './functions';
+import logger from './logger';
+
+/**
+ * Set up a state change listener to perform maintenance tasks when the conference
+ * is left or failed, e.g. Clear any delayed load avatar url.
+ */
+StateListenerRegistry.register(
+    state => getCurrentConference(state),
+    (conference, { dispatch }, previousConference): void => {
+        if (conference !== previousConference) {
+            dispatch(setDelayedLoadOfAvatarUrl());
+        }
+    });
+
+/**
+ * Middleware to parse token data upon setting a new room URL.
+ *
+ * @param {Store} store - The redux store.
+ * @private
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case SET_CONFIG:
+    case SET_LOCATION_URL:
+        // XXX The JSON Web Token (JWT) is not the only piece of state that we
+        // have decided to store in the feature jwt
+        return _setConfigOrLocationURL(store, next, action);
+    case CONNECTION_ESTABLISHED: {
+        const state = store.getState();
+        const delayedLoadOfAvatarUrl = state['features/base/jwt'].delayedLoadOfAvatarUrl;
+
+        if (delayedLoadOfAvatarUrl) {
+            _overwriteLocalParticipant(store, {
+                avatarURL: delayedLoadOfAvatarUrl
+            });
+            store.dispatch(setDelayedLoadOfAvatarUrl());
+            store.dispatch(setKnownAvatarUrl(delayedLoadOfAvatarUrl));
+        }
+    }
+    case SET_JWT:
+        return _setJWT(store, next, action);
+    }
+
+    return next(action);
+});
+
+/**
+ * Overwrites the properties {@code avatarURL}, {@code email}, and {@code name}
+ * of the local participant stored in the redux state base/participants.
+ *
+ * @param {Store} store - The redux store.
+ * @param {Object} localParticipant - The {@code Participant} structure to
+ * overwrite the local participant stored in the redux store base/participants
+ * with.
+ * @private
+ * @returns {void}
+ */
+function _overwriteLocalParticipant(
+        { dispatch, getState }: IStore,
+        { avatarURL, email, id: jwtId, name, features }:
+        { avatarURL?: string; email?: string; features?: any; id?: string; name?: string; }) {
+    let localParticipant;
+
+    if ((avatarURL || email || name || features) && (localParticipant = getLocalParticipant(getState))) {
+        const newProperties: IParticipant = {
+            id: localParticipant.id,
+            local: true
+        };
+
+        if (avatarURL) {
+            newProperties.avatarURL = avatarURL;
+        }
+        if (email) {
+            newProperties.email = email;
+        }
+        if (jwtId) {
+            newProperties.jwtId = jwtId;
+        }
+        if (name) {
+            newProperties.name = name;
+        }
+        if (features) {
+            newProperties.features = features;
+        }
+        dispatch(participantUpdated(newProperties));
+    }
+}
+
+/**
+ * Notifies the feature jwt that the action {@link SET_CONFIG} or
+ * {@link SET_LOCATION_URL} is being dispatched within a specific redux
+ * {@code store}.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The redux dispatch function to dispatch the
+ * specified {@code action} to the specified {@code store}.
+ * @param {Action} action - The redux action {@code SET_CONFIG} or
+ * {@code SET_LOCATION_URL} which is being dispatched in the specified
+ * {@code store}.
+ * @private
+ * @returns {Object} The new state that is the result of the reduction of the
+ * specified {@code action}.
+ */
+function _setConfigOrLocationURL({ dispatch, getState }: IStore, next: Function, action: AnyAction) {
+    const result = next(action);
+
+    const { locationURL } = getState()['features/base/connection'];
+
+    dispatch(
+        setJWT(locationURL ? parseJWTFromURLParams(locationURL) : undefined));
+
+    return result;
+}
+
+/**
+ * Notifies the feature jwt that the action {@link SET_JWT} is being dispatched
+ * within a specific redux {@code store}.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The redux dispatch function to dispatch the
+ * specified {@code action} to the specified {@code store}.
+ * @param {Action} action - The redux action {@code SET_JWT} which is being
+ * dispatched in the specified {@code store}.
+ * @private
+ * @returns {Object} The new state that is the result of the reduction of the
+ * specified {@code action}.
+ */
+function _setJWT(store: IStore, next: Function, action: AnyAction) {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const { jwt, type, ...actionPayload } = action;
+
+    if (!Object.keys(actionPayload).length) {
+        const state = store.getState();
+
+        if (jwt) {
+            let jwtPayload;
+
+            try {
+                jwtPayload = jwtDecode(jwt);
+            } catch (e) {
+                logger.error(e);
+            }
+
+            if (jwtPayload) {
+                const { context, iss, sub } = jwtPayload;
+                const { tokenGetUserInfoOutOfContext, tokenRespectTenant } = state['features/base/config'];
+
+                action.jwt = jwt;
+                action.issuer = iss;
+                if (context) {
+                    const user = _user2participant(context.user || {});
+
+                    action.callee = context.callee;
+                    action.group = context.group;
+                    action.server = context.server;
+                    action.tenant = context.tenant || sub || undefined;
+                    action.user = user;
+
+                    const newUser = user ? { ...user } : {};
+
+                    let features = context.features;
+
+                    // eslint-disable-next-line max-depth
+                    if (!isVpaasMeeting(state) && tokenRespectTenant && context.tenant) {
+                        // we skip checking vpaas meetings as there are other backend rules in place
+                        // this way vpaas users can still use this field if needed
+                        const { locationURL = { href: '' } as URL } = state['features/base/connection'];
+                        const { tenant = '' } = parseURIString(locationURL.href) || {};
+
+                        features = context.tenant === tenant || tenant === '' ? features : {};
+                    }
+
+                    if (newUser.avatarURL) {
+                        const { knownAvatarUrl } = state['features/base/jwt'];
+
+                        if (knownAvatarUrl !== newUser.avatarURL) {
+                            store.dispatch(setDelayedLoadOfAvatarUrl(newUser.avatarURL));
+
+                            newUser.avatarURL = undefined;
+                        }
+                    }
+
+                    _overwriteLocalParticipant(
+                        store, { ...newUser,
+                            features });
+
+                    // eslint-disable-next-line max-depth
+                    if (context.user && context.user.role === 'visitor') {
+                        action.preferVisitor = true;
+                    }
+                } else if (tokenGetUserInfoOutOfContext
+                    && (jwtPayload.name || jwtPayload.picture || jwtPayload.email)) {
+                    // there are some tokens (firebase) having picture and name on the main level.
+                    _overwriteLocalParticipant(store, {
+                        avatarURL: jwtPayload.picture,
+                        name: jwtPayload.name,
+                        email: jwtPayload.email
+                    });
+                }
+            }
+        } else if (typeof APP === 'undefined') {
+            // The logic of restoring JWT overrides make sense only on mobile.
+            // On Web it should eventually be restored from storage, but there's
+            // no such use case yet.
+
+            const { user } = state['features/base/jwt'];
+
+            user && _undoOverwriteLocalParticipant(store, user);
+        }
+    }
+
+    return next(action);
+}
+
+/**
+ * Undoes/resets the values overwritten by {@link _overwriteLocalParticipant}
+ * by either clearing them or setting to default values. Only the values that
+ * have not changed since the overwrite happened will be restored.
+ *
+ * NOTE Once it is possible to edit and save participant properties, this
+ * function should restore values from the storage instead.
+ *
+ * @param {Store} store - The redux store.
+ * @param {Object} localParticipant - The {@code Participant} structure used
+ * previously to {@link _overwriteLocalParticipant}.
+ * @private
+ * @returns {void}
+ */
+function _undoOverwriteLocalParticipant(
+        { dispatch, getState }: IStore,
+        { avatarURL, name, email }: { avatarURL?: string; email?: string; name?: string; }) {
+    let localParticipant;
+
+    if ((avatarURL || name || email)
+            && (localParticipant = getLocalParticipant(getState))) {
+        const newProperties: IParticipant = {
+            id: localParticipant.id,
+            local: true
+        };
+
+        if (avatarURL === localParticipant.avatarURL) {
+            newProperties.avatarURL = undefined;
+        }
+        if (email === localParticipant.email) {
+            newProperties.email = undefined;
+        }
+        if (name === localParticipant.name) {
+            newProperties.name = undefined;
+        }
+        newProperties.features = undefined;
+
+        dispatch(participantUpdated(newProperties));
+    }
+}
+
+/**
+ * Converts the JWT {@code context.user} structure to the {@code Participant}
+ * structure stored in the redux state base/participants.
+ *
+ * @param {Object} user - The JWT {@code context.user} structure to convert.
+ * @private
+ * @returns {{
+ *     avatarURL: ?string,
+ *     email: ?string,
+ *     id: ?string,
+ *     name: ?string,
+ *     hidden-from-recorder: ?boolean
+ * }}
+ */
+function _user2participant({ avatar, avatarUrl, email, id, name, 'hidden-from-recorder': hiddenFromRecorder }:
+{ avatar?: string; avatarUrl?: string; email: string; 'hidden-from-recorder': string | boolean;
+    id: string; name: string; }) {
+    const participant: {
+        avatarURL?: string;
+        email?: string;
+        hiddenFromRecorder?: boolean;
+        id?: string;
+        name?: string;
+    } = {};
+
+    if (typeof avatarUrl === 'string') {
+        participant.avatarURL = avatarUrl.trim();
+    } else if (typeof avatar === 'string') {
+        participant.avatarURL = avatar.trim();
+    }
+    if (typeof email === 'string') {
+        participant.email = email.trim();
+    }
+    if (typeof id === 'string') {
+        participant.id = id.trim();
+    }
+    if (typeof name === 'string') {
+        participant.name = name.trim();
+    }
+
+    if (hiddenFromRecorder === 'true' || hiddenFromRecorder === true) {
+        participant.hiddenFromRecorder = true;
+    }
+
+    return Object.keys(participant).length ? participant : undefined;
+}
diff --git a/react/features/base/jwt/reducer.ts b/react/features/base/jwt/reducer.ts
new file mode 100644
index 0000000..c272829
--- /dev/null
+++ b/react/features/base/jwt/reducer.ts
@@ -0,0 +1,73 @@
+import PersistenceRegistry from '../redux/PersistenceRegistry';
+import ReducerRegistry from '../redux/ReducerRegistry';
+import { equals } from '../redux/functions';
+
+import { SET_DELAYED_LOAD_OF_AVATAR_URL, SET_JWT, SET_KNOWN_AVATAR_URL } from './actionTypes';
+import logger from './logger';
+
+export interface IJwtState {
+    callee?: {
+        name: string;
+    };
+    delayedLoadOfAvatarUrl?: string;
+    group?: string;
+    jwt?: string;
+    knownAvatarUrl?: string;
+    server?: string;
+    tenant?: string;
+    user?: {
+        id: string;
+        name: string;
+    };
+}
+
+PersistenceRegistry.register('features/base/jwt', {
+    knownAvatarUrl: true
+});
+
+/**
+ * Reduces redux actions which affect the JSON Web Token (JWT) stored in the
+ * redux store.
+ *
+ * @param {Object} state - The current redux state.
+ * @param {Object} action - The redux action to reduce.
+ * @returns {Object} The next redux state which is the result of reducing the
+ * specified {@code action}.
+ */
+ReducerRegistry.register<IJwtState>(
+    'features/base/jwt',
+    (state = {}, action): IJwtState => {
+        switch (action.type) {
+        case SET_DELAYED_LOAD_OF_AVATAR_URL: {
+            const nextState = {
+                ...state,
+                delayedLoadOfAvatarUrl: action.avatarUrl
+            };
+
+            if (equals(state, nextState)) {
+                return state;
+            }
+
+            logger.info('JWT avatarURL temporarily not loaded till jwt is verified on connect');
+
+            return nextState;
+        }
+        case SET_JWT: {
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            const { type, ...payload } = action;
+            const nextState = {
+                ...state,
+                ...payload
+            };
+
+            return equals(state, nextState) ? state : nextState;
+        }
+        case SET_KNOWN_AVATAR_URL:
+            return {
+                ...state,
+                knownAvatarUrl: action.avatarUrl
+            };
+        }
+
+        return state;
+    });
diff --git a/react/features/base/known-domains/actionTypes.ts b/react/features/base/known-domains/actionTypes.ts
new file mode 100644
index 0000000..87a2d9d
--- /dev/null
+++ b/react/features/base/known-domains/actionTypes.ts
@@ -0,0 +1,10 @@
+/**
+ * The type of (redux) action to add known domains to the list of domains known
+ * to the feature base/known-domains.
+ *
+ * {
+ *     type: ADD_KNOWN_DOMAINS,
+ *     knownDomains: Array<string>
+ * }
+ */
+export const ADD_KNOWN_DOMAINS = 'ADD_KNOWN_DOMAINS';
diff --git a/react/features/base/known-domains/actions.ts b/react/features/base/known-domains/actions.ts
new file mode 100644
index 0000000..d534512
--- /dev/null
+++ b/react/features/base/known-domains/actions.ts
@@ -0,0 +1,20 @@
+import { ADD_KNOWN_DOMAINS } from './actionTypes';
+
+/**
+ * Creates a (redux) action to add known domains to the list of domains known to
+ * the feature base/known-domains.
+ *
+ * @param {string | Array<string>} knownDomains - The known domain(s) to add to
+ * the list of domains known to the feature base/known-domains.
+ * @returns {{
+ *     type: ADD_KNOWN_DOMAINS,
+ *     knownDomains: Array<string>
+ * }}
+ */
+export function addKnownDomains(knownDomains: string | Array<string>) {
+    return {
+        type: ADD_KNOWN_DOMAINS,
+        knownDomains:
+            typeof knownDomains === 'string' ? [ knownDomains ] : knownDomains
+    };
+}
diff --git a/react/features/base/known-domains/middleware.ts b/react/features/base/known-domains/middleware.ts
new file mode 100644
index 0000000..cf02fac
--- /dev/null
+++ b/react/features/base/known-domains/middleware.ts
@@ -0,0 +1,55 @@
+import { getDefaultURL } from '../../app/functions';
+import { IStore } from '../../app/types';
+import { APP_WILL_MOUNT } from '../app/actionTypes';
+import { SET_ROOM } from '../conference/actionTypes';
+import MiddlewareRegistry from '../redux/MiddlewareRegistry';
+import { parseURIString } from '../util/uri';
+
+import { addKnownDomains } from './actions';
+
+MiddlewareRegistry.register(store => next => action => {
+    const result = next(action);
+
+    switch (action.type) {
+    case APP_WILL_MOUNT:
+        _appWillMount(store);
+        break;
+
+    case SET_ROOM:
+        _setRoom(store);
+        break;
+    }
+
+    return result;
+});
+
+/**
+ * Adds the domain of the app's {@code defaultURL} to the list of domains known
+ * to the feature base/known-domains.
+ *
+ * @param {Object} store - The redux store.
+ * @private
+ * @returns {Promise}
+ */
+function _appWillMount({ dispatch, getState }: IStore) {
+    const defaultURL = parseURIString(getDefaultURL(getState));
+
+    dispatch(addKnownDomains(defaultURL?.host));
+}
+
+/**
+ * Adds the domain of {@code locationURL} to the list of domains known to the
+ * feature base/known-domains.
+ *
+ * @param {Object} store - The redux store.
+ * @private
+ * @returns {Promise}
+ */
+function _setRoom({ dispatch, getState }: IStore) {
+    const { locationURL } = getState()['features/base/connection'];
+    let host;
+
+    locationURL
+        && (host = locationURL.host)
+        && dispatch(addKnownDomains(host));
+}
diff --git a/react/features/base/known-domains/reducer.ts b/react/features/base/known-domains/reducer.ts
new file mode 100644
index 0000000..23caec9
--- /dev/null
+++ b/react/features/base/known-domains/reducer.ts
@@ -0,0 +1,61 @@
+import PersistenceRegistry from '../redux/PersistenceRegistry';
+import ReducerRegistry from '../redux/ReducerRegistry';
+
+import { ADD_KNOWN_DOMAINS } from './actionTypes';
+
+/**
+ * The default list of domains known to the feature base/known-domains.
+ * Generally, it should be in sync with the domains associated with the app
+ * through its manifest (in other words, Universal Links, deep linking). Anyway,
+ * we need a hardcoded list because it has proven impossible to programmatically
+ * read the information out of the app's manifests: App Store strips the
+ * associated domains manifest out of the app so it's never downloaded on the
+ * client and we did not spend a lot of effort to read the associated domains
+ * out of the Android manifest.
+ */
+export const DEFAULT_STATE = [
+    'alpha.jitsi.net',
+    'beta.meet.jit.si',
+    'meet.jit.si',
+    '8x8.vc'
+];
+
+const STORE_NAME = 'features/base/known-domains';
+
+PersistenceRegistry.register(STORE_NAME);
+
+export type IKnownDomainsState = Array<string>;
+
+ReducerRegistry.register<IKnownDomainsState>(STORE_NAME, (state = DEFAULT_STATE, action): IKnownDomainsState => {
+    switch (action.type) {
+    case ADD_KNOWN_DOMAINS:
+        return _addKnownDomains(state, action.knownDomains);
+    default:
+        return state;
+    }
+});
+
+/**
+ * Adds an array of known domains to the list of domains known to the feature
+ * base/known-domains.
+ *
+ * @param {Object} state - The redux state.
+ * @param {Array<string>} knownDomains - The array of known domains to add to
+ * the list of domains known to the feature base/known-domains.
+ * @private
+ * @returns {Object} The next redux state.
+ */
+function _addKnownDomains(state: IKnownDomainsState, knownDomains: Array<string>) {
+    // In case persistence has deserialized a weird redux state:
+    let nextState = Array.isArray(state) ? state : [];
+
+    if (Array.isArray(knownDomains)) {
+        nextState = Array.from(state);
+        for (let knownDomain of knownDomains) {
+            knownDomain = knownDomain.toLowerCase();
+            !nextState.includes(knownDomain) && nextState.push(knownDomain);
+        }
+    }
+
+    return nextState;
+}
diff --git a/react/features/base/label/components/native/ExpandedLabel.tsx b/react/features/base/label/components/native/ExpandedLabel.tsx
new file mode 100644
index 0000000..1c7b274
--- /dev/null
+++ b/react/features/base/label/components/native/ExpandedLabel.tsx
@@ -0,0 +1,102 @@
+import React, { Component } from 'react';
+import { Animated, Text, View } from 'react-native';
+
+import styles, { DEFAULT_COLOR } from './styles';
+
+export interface IProps {
+
+    /**
+     * The position of the parent element (from right to left) to display the
+     * arrow.
+     */
+    parentPosition: number;
+
+    /**
+     * Custom styles.
+     */
+    style?: Object;
+}
+
+interface IState {
+
+    /**
+     * The opacity animation Object.
+     */
+    opacityAnimation: Animated.Value;
+}
+
+/**
+ * A react {@code Component} that implements an expanded label as tooltip-like
+ * component to explain the meaning of the {@code Label}.
+ */
+export default abstract class ExpandedLabel<P extends IProps> extends Component<P, IState> {
+    /**
+     * Instantiates a new {@code ExpandedLabel} instance.
+     *
+     * @inheritdoc
+     */
+    constructor(props: P) {
+        super(props);
+
+        this.state = {
+            opacityAnimation: new Animated.Value(0)
+        };
+    }
+
+    /**
+     * Implements React {@code Component}'s componentDidMount.
+     *
+     * @inheritdoc
+     */
+    override componentDidMount() {
+        Animated.decay(this.state.opacityAnimation, {
+            toValue: 1,
+            velocity: 1,
+            useNativeDriver: true
+        } as Animated.DecayAnimationConfig).start();
+    }
+
+    /**
+     * Implements React {@code Component}'s render.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        return (
+            <Animated.View
+                style = { [ styles.expandedLabelContainer,
+                    this.props.style,
+                    { opacity: this.state.opacityAnimation }
+                ] }>
+                <View
+                    style = { [ styles.expandedLabelTextContainer,
+                        { backgroundColor: this._getColor() || DEFAULT_COLOR } ] }>
+                    <Text style = { styles.expandedLabelText }>
+                        { this._getLabel() }
+                    </Text>
+                </View>
+            </Animated.View>
+        );
+    }
+
+    /**
+     * Returns the label that needs to be rendered in the box. To be implemented
+     * by its overriding classes.
+     *
+     * @returns {string}
+     */
+    abstract _getLabel(): string;
+
+    /**
+     * Defines the color of the expanded label. This function returns a default
+     * value if implementing classes don't override it, but the goal is to have
+     * expanded labels matching to circular labels in color.
+     * If implementing classes return a falsy value, it also uses the default
+     * color.
+     *
+     * @returns {string}
+     */
+    _getColor() {
+        return DEFAULT_COLOR;
+    }
+}
diff --git a/react/features/base/label/components/native/Label.tsx b/react/features/base/label/components/native/Label.tsx
new file mode 100644
index 0000000..399665c
--- /dev/null
+++ b/react/features/base/label/components/native/Label.tsx
@@ -0,0 +1,179 @@
+import React, { Component } from 'react';
+import { Animated, Text, ViewStyle } from 'react-native';
+
+import Icon from '../../../icons/components/Icon';
+import { StyleType, combineStyles } from '../../../styles/functions.native';
+
+import styles from './styles';
+
+/**
+ * Const for status string 'in progress'.
+ */
+const STATUS_IN_PROGRESS = 'in_progress';
+
+/**
+ * Const for status string 'off'.
+ */
+const STATUS_OFF = 'off';
+
+interface IProps {
+
+    /**
+     * An SVG icon to be rendered as the content of the label.
+     */
+    icon?: Function;
+
+    /**
+     * Color for the icon.
+     */
+    iconColor?: string;
+
+    /**
+     * Status of the label. This prop adds some additional styles based on its
+     * value. E.g. If status = off, it will render the label symbolising that
+     * the thing it displays (e.g. Recording) is off.
+     */
+    status?: 'in_progress' | 'off' | 'on';
+
+    /**
+     * Style of the label.
+     */
+    style?: StyleType;
+
+    /**
+     * String or component that will be rendered as the label itself.
+     */
+    text?: string;
+
+    /**
+     * Custom styles for the text.
+     */
+    textStyle?: StyleType;
+
+}
+
+type State = {
+
+    /**
+     * An animation object handling the opacity changes of the in progress
+     * label.
+     */
+    pulseAnimation: Animated.Value;
+};
+
+/**
+ * Renders a circular indicator to be used for status icons, such as recording
+ * on, audio-only conference, video quality and similar.
+ */
+export default class Label extends Component<IProps, State> {
+    /**
+     * A reference to the started animation of this label.
+     */
+    animationReference: Animated.CompositeAnimation;
+
+    /**
+     * Instantiates a new instance of {@code Label}.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            pulseAnimation: new Animated.Value(0)
+        };
+    }
+
+    /**
+     * Implements {@code Component#componentDidMount}.
+     *
+     * @inheritdoc
+     */
+    override componentDidMount() {
+        this._maybeToggleAnimation({}, this.props);
+    }
+
+    /**
+     * Implements {@code Component#componentDidUpdate}.
+     *
+     * @inheritdoc
+     */
+    override componentDidUpdate(prevProps: IProps) {
+        this._maybeToggleAnimation(prevProps, this.props);
+    }
+
+    /**
+     * Implements React {@link Component}'s render.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { icon, text, status, style, iconColor, textStyle } = this.props;
+
+        let extraStyle = null;
+
+        switch (status) {
+        case STATUS_IN_PROGRESS:
+            extraStyle = {
+                opacity: this.state.pulseAnimation
+            };
+            break;
+        case STATUS_OFF:
+            extraStyle = styles.labelOff;
+            break;
+        }
+
+        return (
+            <Animated.View
+                style = { [
+                    combineStyles(styles.labelContainer, style ?? {}),
+                    extraStyle as ViewStyle
+                ] }>
+                { icon && <Icon
+                    color = { iconColor }
+                    size = '18'
+                    src = { icon } /> }
+                { text && <Text style = { [ styles.labelText, textStyle ] }>
+                    { text }
+                </Text>}
+            </Animated.View>
+        );
+    }
+
+    /**
+     * Checks if the animation has to be started or stopped and acts
+     * accordingly.
+     *
+     * @param {IProps} oldProps - The previous values of the Props.
+     * @param {IProps} newProps - The new values of the Props.
+     * @returns {void}
+     */
+    _maybeToggleAnimation(oldProps: Partial<IProps>, newProps: IProps) {
+        const { status: oldStatus } = oldProps;
+        const { status: newStatus } = newProps;
+        const { pulseAnimation } = this.state;
+
+        if (newStatus === STATUS_IN_PROGRESS
+                && oldStatus !== STATUS_IN_PROGRESS) {
+            // Animation must be started
+            this.animationReference = Animated.loop(Animated.sequence([
+                Animated.timing(pulseAnimation, {
+                    delay: 500,
+                    toValue: 1,
+                    useNativeDriver: true
+                }),
+                Animated.timing(pulseAnimation, {
+                    toValue: 0.3,
+                    useNativeDriver: true
+                })
+            ]));
+
+            this.animationReference.start();
+        } else if (this.animationReference
+                && newStatus !== STATUS_IN_PROGRESS
+                && oldStatus === STATUS_IN_PROGRESS) {
+            // Animation must be stopped
+            this.animationReference.stop();
+        }
+    }
+}
diff --git a/react/features/base/label/components/native/styles.ts b/react/features/base/label/components/native/styles.ts
new file mode 100644
index 0000000..0a6336c
--- /dev/null
+++ b/react/features/base/label/components/native/styles.ts
@@ -0,0 +1,68 @@
+import { ColorPalette } from '../../../styles/components/styles/ColorPalette';
+import BaseTheme from '../../../ui/components/BaseTheme.native';
+
+/**
+ * The default color of the {@code Label} and {@code ExpandedLabel}.
+ */
+export const DEFAULT_COLOR = '#36383C';
+
+/**
+ * Margin of the {@Label} - to be reused when rendering the
+ * {@code ExpandedLabel}.
+ */
+export const LABEL_MARGIN = 8;
+
+/**
+ * Size of the {@Label} - to be reused when rendering the
+ * {@code ExpandedLabel}.
+ */
+export const LABEL_SIZE = 28;
+
+/**
+ * The styles of the native base/label feature.
+ */
+export default {
+    expandedLabelContainer: {
+        position: 'absolute',
+        left: 0,
+        right: 0,
+        top: 36,
+        flexDirection: 'row',
+        justifyContent: 'center',
+        zIndex: 1
+    },
+
+    expandedLabelTextContainer: {
+        borderRadius: 3,
+        paddingHorizontal: LABEL_MARGIN,
+        paddingVertical: LABEL_MARGIN / 2
+    },
+
+    expandedLabelText: {
+        color: ColorPalette.white
+    },
+
+    /**
+     * The outermost view.
+     */
+    labelContainer: {
+        alignItems: 'space-between',
+        backgroundColor: DEFAULT_COLOR,
+        borderRadius: 3,
+        flex: 0,
+        height: LABEL_SIZE,
+        justifyContent: 'center',
+        marginLeft: LABEL_MARGIN,
+        marginBottom: LABEL_MARGIN,
+        paddingHorizontal: 8
+    },
+
+    labelText: {
+        color: ColorPalette.white,
+        ...BaseTheme.typography.labelBold
+    },
+
+    labelOff: {
+        opacity: 0.3
+    }
+};
diff --git a/react/features/base/label/components/web/ExpandedLabel.ts b/react/features/base/label/components/web/ExpandedLabel.ts
new file mode 100644
index 0000000..e69de29
diff --git a/react/features/base/label/components/web/Label.tsx b/react/features/base/label/components/web/Label.tsx
new file mode 100644
index 0000000..9488a02
--- /dev/null
+++ b/react/features/base/label/components/web/Label.tsx
@@ -0,0 +1,134 @@
+import React, { useCallback } from 'react';
+import { makeStyles } from 'tss-react/mui';
+
+import Icon from '../../../icons/components/Icon';
+import { COLORS } from '../../constants';
+
+interface IProps {
+
+    /**
+     * Optional label for screen reader users, invisible in the UI.
+     *
+     * Note: if the text prop is set, a screen reader will first announce
+     * the accessibilityText, then the text.
+     */
+    accessibilityText?: string;
+
+    /**
+     * Own CSS class name.
+     */
+    className?: string;
+
+    /**
+     * The color of the label.
+     */
+    color?: string;
+
+    /**
+     * An SVG icon to be rendered as the content of the label.
+     */
+    icon?: Function;
+
+    /**
+     * Color for the icon.
+     */
+    iconColor?: string;
+
+    /**
+     * HTML ID attribute to add to the root of {@code Label}.
+     */
+    id?: string;
+
+    /**
+     * Click handler if any.
+     */
+    onClick?: (e?: React.MouseEvent) => void;
+
+    /**
+     * String or component that will be rendered as the label itself.
+     */
+    text?: string;
+
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        label: {
+            ...theme.typography.labelRegular,
+            alignItems: 'center',
+            background: theme.palette.ui04,
+            borderRadius: '4px',
+            color: theme.palette.text01,
+            display: 'flex',
+            margin: '0 2px',
+            padding: '6px',
+            height: 28,
+            boxSizing: 'border-box'
+        },
+        withIcon: {
+            marginLeft: 8
+        },
+        clickable: {
+            cursor: 'pointer'
+        },
+        [COLORS.white]: {
+            background: theme.palette.ui09,
+            color: theme.palette.text04,
+
+            '& svg': {
+                fill: theme.palette.icon04
+            }
+        },
+        [COLORS.green]: {
+            background: theme.palette.success02
+        },
+        [COLORS.red]: {
+            background: theme.palette.actionDanger
+        }
+    };
+});
+
+const Label = ({
+    accessibilityText,
+    className,
+    color,
+    icon,
+    iconColor,
+    id,
+    onClick,
+    text
+}: IProps) => {
+    const { classes, cx } = useStyles();
+
+    const onKeyPress = useCallback(event => {
+        if (!onClick) {
+            return;
+        }
+
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            onClick();
+        }
+    }, [ onClick ]);
+
+    return (
+        <div
+            className = { cx(classes.label, onClick && classes.clickable,
+                color && classes[color], className
+            ) }
+            id = { id }
+            onClick = { onClick }
+            onKeyPress = { onKeyPress }
+            role = { onClick ? 'button' : undefined }
+            tabIndex = { onClick ? 0 : undefined }>
+            {icon && <Icon
+                color = { iconColor }
+                size = '16'
+                src = { icon } />}
+            {accessibilityText && <span className = 'sr-only'>{accessibilityText}</span>}
+            {text && <span className = { icon && classes.withIcon }>{text}</span>}
+        </div>
+    );
+};
+
+export default Label;
diff --git a/react/features/base/label/constants.ts b/react/features/base/label/constants.ts
new file mode 100644
index 0000000..38623fa
--- /dev/null
+++ b/react/features/base/label/constants.ts
@@ -0,0 +1,5 @@
+export const COLORS = {
+    white: 'white',
+    green: 'green',
+    red: 'red'
+};
diff --git a/react/features/base/lastn/actionTypes.ts b/react/features/base/lastn/actionTypes.ts
new file mode 100644
index 0000000..673a63e
--- /dev/null
+++ b/react/features/base/lastn/actionTypes.ts
@@ -0,0 +1,9 @@
+/**
+ * The type of (redux) action which sets the last-n for the conference.
+ *
+ * {
+ *     type: SET_LAST_N,
+ *     lastN: number
+ * }
+ */
+export const SET_LAST_N = 'SET_LAST_N';
diff --git a/react/features/base/lastn/actions.ts b/react/features/base/lastn/actions.ts
new file mode 100644
index 0000000..25bfa70
--- /dev/null
+++ b/react/features/base/lastn/actions.ts
@@ -0,0 +1,17 @@
+import { SET_LAST_N } from './actionTypes';
+
+/**
+ * Sets the last-n, i.e., the number of remote videos to be requested from the bridge for the conference.
+ *
+ * @param {number} lastN - The number of remote videos to be requested.
+ * @returns {{
+ *     type: SET_LAST_N,
+ *     lastN: number
+ * }}
+ */
+export function setLastN(lastN: number) {
+    return {
+        type: SET_LAST_N,
+        lastN
+    };
+}
diff --git a/react/features/base/lastn/functions.ts b/react/features/base/lastn/functions.ts
new file mode 100644
index 0000000..9098317
--- /dev/null
+++ b/react/features/base/lastn/functions.ts
@@ -0,0 +1,24 @@
+import { VIDEO_QUALITY_LEVELS } from '../../video-quality/constants';
+
+/**
+ * Determines the lastN value to be used for the conference based on the video quality selected.
+ *
+ * @param {string} qualityLevel - Quality level (height) selected.
+ * @param {number} channelLastN - LastN value set for the whole conference.
+ * @returns {number} LastN value applicable to the quality level specified.
+ */
+export function getLastNForQualityLevel(qualityLevel: number, channelLastN: number) {
+    let lastN = channelLastN;
+
+    const videoQualityLevels = Object.values(VIDEO_QUALITY_LEVELS);
+
+    for (const lvl in videoQualityLevels) {
+        if (videoQualityLevels.hasOwnProperty(lvl)
+            && qualityLevel === videoQualityLevels[lvl]
+            && Number(lvl) > 1) {
+            lastN = Math.floor(channelLastN / Math.pow(2, Number(lvl) - 1));
+        }
+    }
+
+    return lastN;
+}
diff --git a/react/features/base/lastn/logger.ts b/react/features/base/lastn/logger.ts
new file mode 100644
index 0000000..f08eb7b
--- /dev/null
+++ b/react/features/base/lastn/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../logging/functions';
+
+export default getLogger('app:lastn');
diff --git a/react/features/base/lastn/middleware.ts b/react/features/base/lastn/middleware.ts
new file mode 100644
index 0000000..26f3759
--- /dev/null
+++ b/react/features/base/lastn/middleware.ts
@@ -0,0 +1,92 @@
+import { debounce } from 'lodash-es';
+
+import { IStore } from '../../app/types';
+import { SET_FILMSTRIP_ENABLED } from '../../filmstrip/actionTypes';
+import { APP_STATE_CHANGED } from '../../mobile/background/actionTypes';
+import {
+    SET_CAR_MODE,
+    VIRTUAL_SCREENSHARE_REMOTE_PARTICIPANTS_UPDATED
+} from '../../video-layout/actionTypes';
+import { SET_AUDIO_ONLY } from '../audio-only/actionTypes';
+import { CONFERENCE_JOINED } from '../conference/actionTypes';
+import { getParticipantById } from '../participants/functions';
+import MiddlewareRegistry from '../redux/MiddlewareRegistry';
+
+import { setLastN } from './actions';
+import logger from './logger';
+
+/**
+ * Updates the last N value in the conference based on the current state of the redux store.
+ *
+ * @param {Store} store - The redux store.
+ * @private
+ * @returns {void}
+ */
+const _updateLastN = debounce(({ dispatch, getState }: IStore) => {
+    const state = getState();
+    const { conference } = state['features/base/conference'];
+
+    if (!conference) {
+        logger.debug('There is no active conference, not updating last N');
+
+        return;
+    }
+
+    const { enabled: audioOnly } = state['features/base/audio-only'];
+    const { appState } = state['features/mobile/background'] || {};
+    const { enabled: filmStripEnabled } = state['features/filmstrip'];
+    const config = state['features/base/config'];
+    const { carMode } = state['features/video-layout'];
+
+    // Select the (initial) lastN value based on the following preference order.
+    // 1. The last-n value from 'startLastN' if it is specified in config.js
+    // 2. The last-n value from 'channelLastN' if specified in config.js.
+    // 3. -1 as the default value.
+    let lastNSelected = config.startLastN ?? (config.channelLastN ?? -1);
+
+    // Because this is shared, on web appState is always undefined,
+    // meaning that it is never active
+    if (navigator.product === 'ReactNative' && (appState !== 'active' || carMode)) {
+        lastNSelected = 0;
+    } else if (audioOnly) {
+        const { remoteScreenShares, tileViewEnabled } = state['features/video-layout'];
+        const largeVideoParticipantId = state['features/large-video'].participantId;
+        const largeVideoParticipant
+            = largeVideoParticipantId ? getParticipantById(state, largeVideoParticipantId) : undefined;
+
+        // Use tileViewEnabled state from redux here instead of determining if client should be in tile
+        // view since we make an exception only for screenshare when in audio-only mode. If the user unpins
+        // the screenshare, lastN will be set to 0 here. It will be set to 1 if screenshare has been auto pinned.
+        if (!tileViewEnabled && largeVideoParticipant && !largeVideoParticipant.local) {
+            lastNSelected = (remoteScreenShares || []).includes(largeVideoParticipantId ?? '') ? 1 : 0;
+        } else {
+            lastNSelected = 0;
+        }
+    } else if (!filmStripEnabled) {
+        lastNSelected = 1;
+    }
+
+    const { lastN } = state['features/base/lastn'];
+
+    if (lastN !== lastNSelected) {
+        dispatch(setLastN(lastNSelected));
+    }
+}, 1000); /* Don't send this more often than once a second. */
+
+
+MiddlewareRegistry.register(store => next => action => {
+    const result = next(action);
+
+    switch (action.type) {
+    case APP_STATE_CHANGED:
+    case CONFERENCE_JOINED:
+    case SET_AUDIO_ONLY:
+    case SET_CAR_MODE:
+    case SET_FILMSTRIP_ENABLED:
+    case VIRTUAL_SCREENSHARE_REMOTE_PARTICIPANTS_UPDATED:
+        _updateLastN(store);
+        break;
+    }
+
+    return result;
+});
diff --git a/react/features/base/lastn/reducer.ts b/react/features/base/lastn/reducer.ts
new file mode 100644
index 0000000..d34f3a5
--- /dev/null
+++ b/react/features/base/lastn/reducer.ts
@@ -0,0 +1,22 @@
+import ReducerRegistry from '../redux/ReducerRegistry';
+
+import { SET_LAST_N } from './actionTypes';
+
+export interface ILastNState {
+    lastN?: number;
+}
+
+ReducerRegistry.register<ILastNState>('features/base/lastn', (state = {}, action): ILastNState => {
+    switch (action.type) {
+    case SET_LAST_N: {
+        const { lastN } = action;
+
+        return {
+            ...state,
+            lastN
+        };
+    }
+    }
+
+    return state;
+});
diff --git a/react/features/base/lib-jitsi-meet/_.native.ts b/react/features/base/lib-jitsi-meet/_.native.ts
new file mode 100644
index 0000000..1934eb9
--- /dev/null
+++ b/react/features/base/lib-jitsi-meet/_.native.ts
@@ -0,0 +1,7 @@
+// Re-export JitsiMeetJS from the library lib-jitsi-meet to (the other features
+// of) the project jitsi-meet.
+//
+
+// @ts-ignore
+import JitsiMeetJS from 'lib-jitsi-meet';
+export { JitsiMeetJS as default };
diff --git a/react/features/base/lib-jitsi-meet/_.web.ts b/react/features/base/lib-jitsi-meet/_.web.ts
new file mode 100644
index 0000000..44f1945
--- /dev/null
+++ b/react/features/base/lib-jitsi-meet/_.web.ts
@@ -0,0 +1,3 @@
+declare let JitsiMeetJS: any;
+
+export default JitsiMeetJS;
diff --git a/react/features/base/lib-jitsi-meet/actionTypes.ts b/react/features/base/lib-jitsi-meet/actionTypes.ts
new file mode 100644
index 0000000..408aa37
--- /dev/null
+++ b/react/features/base/lib-jitsi-meet/actionTypes.ts
@@ -0,0 +1,48 @@
+/**
+ * The type of Redux action which signals that {@link JitsiMeetJS} was disposed.
+ *
+ * {
+ *     type: LIB_DID_DISPOSE
+ * }
+ */
+export const LIB_DID_DISPOSE = 'LIB_DID_DISPOSE';
+
+/**
+ * The type of Redux action which signals that {@link JitsiMeetJS.init()} was
+ * invoked and completed successfully.
+ *
+ * {
+ *     type: LIB_DID_INIT
+ * }
+ */
+export const LIB_DID_INIT = 'LIB_DID_INIT';
+
+/**
+ * Action to signal that lib-jitsi-meet initialized failed with error.
+ *
+ * {
+ *     type: LIB_INIT_ERROR,
+ *     error: Error
+ * }
+ */
+export const LIB_INIT_ERROR = 'LIB_INIT_ERROR';
+
+/**
+ * The type of Redux action which signals that {@link JitsiMeetJS} will be
+ * disposed.
+ *
+ * {
+ *     type: LIB_WILL_DISPOSE
+ * }
+ */
+export const LIB_WILL_DISPOSE = 'LIB_WILL_DISPOSE';
+
+/**
+ * The type of Redux action which signals that {@link JitsiMeetJS.init()} will
+ * be invoked.
+ *
+ * {
+ *     type: LIB_WILL_INIT
+ * }
+ */
+export const LIB_WILL_INIT = 'LIB_WILL_INIT';
diff --git a/react/features/base/lib-jitsi-meet/actions.ts b/react/features/base/lib-jitsi-meet/actions.ts
new file mode 100644
index 0000000..42c8695
--- /dev/null
+++ b/react/features/base/lib-jitsi-meet/actions.ts
@@ -0,0 +1,84 @@
+// @ts-expect-error
+import { jitsiLocalStorage } from '@jitsi/js-utils';
+
+import { IStore } from '../../app/types';
+import { isOnline } from '../net-info/selectors';
+
+import JitsiMeetJS from './_';
+import {
+    LIB_DID_DISPOSE,
+    LIB_DID_INIT,
+    LIB_INIT_ERROR,
+    LIB_WILL_DISPOSE,
+    LIB_WILL_INIT
+} from './actionTypes';
+import { isAnalyticsEnabled } from './functions.any';
+import logger from './logger';
+
+/**
+ * Disposes (of) lib-jitsi-meet.
+ *
+ * @returns {Function}
+ */
+export function disposeLib() {
+    return (dispatch: IStore['dispatch']) => {
+        dispatch({ type: LIB_WILL_DISPOSE });
+
+        // TODO Currently, lib-jitsi-meet doesn't have the functionality to
+        // dispose itself.
+        dispatch({ type: LIB_DID_DISPOSE });
+    };
+}
+
+/**
+ * Initializes lib-jitsi-meet (i.e. {@link invokes JitsiMeetJS.init()}) with the
+ * current config(uration).
+ *
+ * @returns {Function}
+ */
+export function initLib() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const config = state['features/base/config'];
+
+        if (!config) {
+            throw new Error('Cannot init lib-jitsi-meet without config');
+        }
+
+        dispatch({ type: LIB_WILL_INIT });
+
+        try {
+            JitsiMeetJS.init({
+                enableAnalyticsLogging: isAnalyticsEnabled(getState),
+                ...config,
+                externalStorage: jitsiLocalStorage.isLocalStorageDisabled() ? jitsiLocalStorage : undefined
+            });
+            JitsiMeetJS.setNetworkInfo({
+                isOnline: isOnline(state)
+            });
+
+            logger.info(`lib-jitsi-meet version: ${JitsiMeetJS.version}`);
+            logger.info(`User Agent: ${navigator.userAgent}`);
+
+            dispatch({ type: LIB_DID_INIT });
+        } catch (error: any) {
+            dispatch(libInitError(error));
+        }
+    };
+}
+
+/**
+ * Notifies about a specific error raised by {@link JitsiMeetJS.init()}.
+ *
+ * @param {Error} error - The Error raised by JitsiMeetJS.init().
+ * @returns {{
+ *     type: LIB_INIT_ERROR,
+ *     error: Error
+ * }}
+ */
+export function libInitError(error: Error) {
+    return {
+        type: LIB_INIT_ERROR,
+        error
+    };
+}
diff --git a/react/features/base/lib-jitsi-meet/functions.any.ts b/react/features/base/lib-jitsi-meet/functions.any.ts
new file mode 100644
index 0000000..50efd20
--- /dev/null
+++ b/react/features/base/lib-jitsi-meet/functions.any.ts
@@ -0,0 +1,99 @@
+import { IStateful } from '../app/types';
+import { ConnectionFailedError } from '../connection/types';
+import { toState } from '../redux/functions';
+
+import JitsiMeetJS from './_';
+
+
+const JitsiConferenceErrors = JitsiMeetJS.errors.conference;
+const JitsiConnectionErrors = JitsiMeetJS.errors.connection;
+
+/**
+ * Creates a {@link JitsiLocalTrack} model from the given device id.
+ *
+ * @param {string} type - The media type of track being created. Expected values
+ * are "video" or "audio".
+ * @param {string} deviceId - The id of the target media source.
+ * @param {number} [timeout] - A timeout for the JitsiMeetJS.createLocalTracks function call.
+ * @param {Object} additionalOptions - Extra options to be passed to lib-jitsi-meet's {@code createLocalTracks}.
+ *
+ * @returns {Promise<JitsiLocalTrack>}
+ */
+export function createLocalTrack(type: string, deviceId: string | null, timeout?: number | null,
+        additionalOptions?: Object) {
+    return (
+        JitsiMeetJS.createLocalTracks({
+            cameraDeviceId: deviceId,
+            devices: [ type ],
+            micDeviceId: deviceId,
+            timeout,
+            ...additionalOptions
+        })
+            .then(([ jitsiLocalTrack ]: any[]) => jitsiLocalTrack));
+}
+
+/**
+ * Determines whether analytics is enabled in a specific redux {@code store}.
+ *
+ * @param {IStateful} stateful - The redux store, state, or
+ * {@code getState} function.
+ * @returns {boolean} If analytics is enabled, {@code true}; {@code false},
+ * otherwise.
+ */
+export function isAnalyticsEnabled(stateful: IStateful) {
+    const { disableThirdPartyRequests, analytics = {} } = toState(stateful)['features/base/config'];
+
+    return !(disableThirdPartyRequests || analytics.disabled);
+}
+
+/**
+ * Determines whether a specific {@link JitsiConferenceErrors} instance
+ * indicates a fatal {@link JitsiConference} error.
+ *
+ * FIXME Figure out the category of errors defined by the function and describe
+ * that category. I've currently named the category fatal because it appears to
+ * be used in the cases of unrecoverable errors that necessitate a reload.
+ *
+ * @param {Error|string} error - The {@code JitsiConferenceErrors} instance to
+ * categorize/classify or an {@link Error}-like object.
+ * @returns {boolean} If the specified {@code JitsiConferenceErrors} instance
+ * indicates a fatal {@code JitsiConference} error, {@code true}; otherwise,
+ * {@code false}.
+ */
+export function isFatalJitsiConferenceError(error: Error | string) {
+    if (typeof error !== 'string') {
+        error = error.name; // eslint-disable-line no-param-reassign
+    }
+
+    return (
+        error === JitsiConferenceErrors.FOCUS_DISCONNECTED
+            || error === JitsiConferenceErrors.FOCUS_LEFT
+            || error === JitsiConferenceErrors.ICE_FAILED
+            || error === JitsiConferenceErrors.OFFER_ANSWER_FAILED
+            || error === JitsiConferenceErrors.VIDEOBRIDGE_NOT_AVAILABLE);
+}
+
+/**
+ * Determines whether a specific {@link JitsiConnectionErrors} instance
+ * indicates a fatal {@link JitsiConnection} error.
+ *
+ * FIXME Figure out the category of errors defined by the function and describe
+ * that category. I've currently named the category fatal because it appears to
+ * be used in the cases of unrecoverable errors that necessitate a reload.
+ *
+ * @param {Error|string} error - The {@code JitsiConnectionErrors} instance to
+ * categorize/classify or an {@link Error}-like object.
+ * @returns {boolean} If the specified {@code JitsiConnectionErrors} instance
+ * indicates a fatal {@code JitsiConnection} error, {@code true}; otherwise,
+ * {@code false}.
+ */
+export function isFatalJitsiConnectionError(error: Error | string | ConnectionFailedError) {
+    if (typeof error !== 'string') {
+        error = error.name; // eslint-disable-line no-param-reassign
+    }
+
+    return (
+        error === JitsiConnectionErrors.CONNECTION_DROPPED_ERROR
+            || error === JitsiConnectionErrors.OTHER_ERROR
+            || error === JitsiConnectionErrors.SERVER_ERROR);
+}
diff --git a/react/features/base/lib-jitsi-meet/functions.native.ts b/react/features/base/lib-jitsi-meet/functions.native.ts
new file mode 100644
index 0000000..f87ea51
--- /dev/null
+++ b/react/features/base/lib-jitsi-meet/functions.native.ts
@@ -0,0 +1,75 @@
+// @ts-ignore
+import { safeJsonParse } from '@jitsi/js-utils/json';
+// @ts-ignore
+import { Worklets } from 'react-native-worklets-core';
+
+import { loadScript } from '../util/loadScript.native';
+
+import logger from './logger';
+
+export * from './functions.any';
+
+
+/**
+ * Worklet context usefull for running small tasks off the JS thread.
+ */
+export const workletContext = Worklets.createContext('ConfigParser');
+
+
+/**
+ * Loads config.js from a specific remote server.
+ *
+ * @param {string} url - The URL to load.
+ * @returns {Promise<Object>}
+ */
+export async function loadConfig(url: string): Promise<Object> {
+    try {
+        const configTxt = await loadScript(url, 10 * 1000, true);
+
+        const parseConfigAsync = workletContext.createRunAsync(function parseConfig(configText: string): string {
+            'worklet';
+            try {
+                // Used IIFE wrapper to capture config object from config.js
+                const configObj = eval(
+                    '(function(){\n'
+                    + configText
+                    + '\n; return (typeof config !== "undefined" ? config : globalThis.config); })()'
+                );
+
+                if (configObj == void 0) {
+                    return 'Worklet_Error: config is undefined after eval()';
+                }
+
+                if (typeof configObj !== 'object') {
+                    return 'Worklet_Error: config is not an object';
+                }
+
+                return JSON.stringify(configObj);
+            } catch (err) {
+                return 'Worklet_Error:' + ((err as Error)?.message ?? String(err));
+            }
+        });
+
+        const workletConfig = await parseConfigAsync(configTxt);
+
+        if (typeof workletConfig !== 'string') {
+            throw new Error('Worklet error: workletConfig is not a string');
+        }
+
+        if (workletConfig.startsWith('Worklet_Error:')) {
+            const msg = workletConfig.slice('Worklet_Error:'.length);
+
+            throw new Error(`Worklet error: ${msg}`);
+        }
+
+        const config = safeJsonParse(workletConfig);
+
+        logger.info(`Config loaded from ${url}`);
+
+        return config;
+    } catch (err) {
+        logger.error(`Failed to load config from ${url}`, err);
+
+        throw err;
+    }
+}
diff --git a/react/features/base/lib-jitsi-meet/functions.web.ts b/react/features/base/lib-jitsi-meet/functions.web.ts
new file mode 100644
index 0000000..b661299
--- /dev/null
+++ b/react/features/base/lib-jitsi-meet/functions.web.ts
@@ -0,0 +1,14 @@
+export * from './functions.any';
+
+/**
+ * Loads config.js from a specific remote server.
+ *
+ * @param {string} _url - The URL to load.
+ * @returns {Promise<IConfig>}
+ */
+export async function loadConfig(_url?: string) {
+    // Return "the config.js file" from the global scope - that is how the
+    // Web app on both the client and the server was implemented before the
+    // React Native app was even conceived.
+    return window.config;
+}
diff --git a/react/features/base/lib-jitsi-meet/index.ts b/react/features/base/lib-jitsi-meet/index.ts
new file mode 100644
index 0000000..5fc2161
--- /dev/null
+++ b/react/features/base/lib-jitsi-meet/index.ts
@@ -0,0 +1,24 @@
+// Re-export JitsiMeetJS from the library lib-jitsi-meet to (the other features
+// of) the project jitsi-meet.
+import JitsiMeetJS from './_';
+export { JitsiMeetJS as default };
+
+// XXX Re-export the properties exported by JitsiMeetJS in order to prevent
+// undefined imported JitsiMeetJS. It may be caused by import cycles but I have
+// not confirmed the theory.
+export const analytics = JitsiMeetJS.analytics;
+export const browser = JitsiMeetJS.util.browser;
+export const JitsiConferenceErrors = JitsiMeetJS.errors.conference;
+export const JitsiConferenceEvents = JitsiMeetJS.events.conference;
+export const JitsiConnectionErrors = JitsiMeetJS.errors.connection;
+export const JitsiConnectionEvents = JitsiMeetJS.events.connection;
+export const JitsiConnectionQualityEvents = JitsiMeetJS.events.connectionQuality;
+export const JitsiDetectionEvents = JitsiMeetJS.events.detection;
+export const JitsiE2ePingEvents = JitsiMeetJS.events.e2eping;
+export const JitsiMediaDevicesEvents = JitsiMeetJS.events.mediaDevices;
+export const JitsiTrackStreamingStatus = JitsiMeetJS.constants.trackStreamingStatus;
+export const JitsiRecordingConstants = JitsiMeetJS.constants.recording;
+export const JitsiSIPVideoGWStatus = JitsiMeetJS.constants.sipVideoGW;
+export const JitsiTrackErrors = JitsiMeetJS.errors.track;
+export const JitsiTrackEvents = JitsiMeetJS.events.track;
+export const RTCStatsEvents = JitsiMeetJS.events.rtcstats;
diff --git a/react/features/base/lib-jitsi-meet/logger.ts b/react/features/base/lib-jitsi-meet/logger.ts
new file mode 100644
index 0000000..6059151
--- /dev/null
+++ b/react/features/base/lib-jitsi-meet/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../logging/functions';
+
+export default getLogger('app:lib-jitsi-meet');
diff --git a/react/features/base/lib-jitsi-meet/middleware.ts b/react/features/base/lib-jitsi-meet/middleware.ts
new file mode 100644
index 0000000..1e66134
--- /dev/null
+++ b/react/features/base/lib-jitsi-meet/middleware.ts
@@ -0,0 +1,74 @@
+import { AnyAction } from 'redux';
+
+import { IStore } from '../../app/types';
+import { SET_CONFIG } from '../config/actionTypes';
+import { SET_NETWORK_INFO } from '../net-info/actionTypes';
+import { PARTICIPANT_LEFT } from '../participants/actionTypes';
+import MiddlewareRegistry from '../redux/MiddlewareRegistry';
+
+import JitsiMeetJS from './_';
+import { disposeLib, initLib } from './actions';
+
+/**
+ * Middleware that captures PARTICIPANT_LEFT action for a local participant
+ * (which signalizes that we finally left the app) and disposes lib-jitsi-meet.
+ * Also captures SET_CONFIG action and disposes previous instance (if any) of
+ * lib-jitsi-meet, and initializes a new one with new config.
+ *
+ * @param {Store} store - Redux store.
+ * @private
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case SET_NETWORK_INFO:
+        JitsiMeetJS.setNetworkInfo({
+            isOnline: action.isOnline
+        });
+        break;
+
+    case PARTICIPANT_LEFT:
+        action.participant.local && store.dispatch(disposeLib());
+        break;
+
+    case SET_CONFIG:
+        return _setConfig(store, next, action);
+    }
+
+    return next(action);
+});
+
+/**
+ * Notifies the feature base/lib-jitsi-meet that the action SET_CONFIG is being
+ * dispatched within a specific Redux store.
+ *
+ * @param {Store} store - The Redux store in which the specified action is being
+ * dispatched.
+ * @param {Dispatch} next - The Redux dispatch function to dispatch the
+ * specified action to the specified store.
+ * @param {Action} action - The Redux action SET_CONFIG which is being
+ * dispatched in the specified store.
+ * @private
+ * @returns {Object} The new state that is the result of the reduction of the
+ * specified action.
+ */
+function _setConfig({ dispatch, getState }: IStore, next: Function, action: AnyAction) {
+    const { initialized } = getState()['features/base/lib-jitsi-meet'];
+
+    // XXX Since the config is changing, the library lib-jitsi-meet must be
+    // initialized again with the new config. Consequently, it may need to be
+    // disposed of first.
+    // TODO Currently, disposeLib actually does not dispose of lib-jitsi-meet
+    // because lib-jitsi-meet does not implement such functionality.
+    if (initialized) {
+        dispatch(disposeLib());
+    }
+
+    // Let the new config into the Redux store (because initLib will read it
+    // from there).
+    const result = next(action);
+
+    dispatch(initLib());
+
+    return result;
+}
diff --git a/react/features/base/lib-jitsi-meet/reducer.ts b/react/features/base/lib-jitsi-meet/reducer.ts
new file mode 100644
index 0000000..cc0ea93
--- /dev/null
+++ b/react/features/base/lib-jitsi-meet/reducer.ts
@@ -0,0 +1,45 @@
+import ReducerRegistry from '../redux/ReducerRegistry';
+
+import {
+    LIB_DID_DISPOSE,
+    LIB_DID_INIT,
+    LIB_INIT_ERROR
+} from './actionTypes';
+
+/**
+ * The default/initial redux state of the feature base/lib-jitsi-meet.
+ *
+ * @type {Object}
+ */
+const DEFAULT_STATE = {};
+
+export interface ILibJitsiMeetState {
+    initError?: Error;
+    initialized?: boolean;
+}
+
+ReducerRegistry.register<ILibJitsiMeetState>(
+    'features/base/lib-jitsi-meet',
+    (state = DEFAULT_STATE, action): ILibJitsiMeetState => {
+        switch (action.type) {
+        case LIB_DID_DISPOSE:
+            return DEFAULT_STATE;
+
+        case LIB_DID_INIT:
+            return {
+                ...state,
+                initError: undefined,
+                initialized: true
+            };
+
+        case LIB_INIT_ERROR:
+            return {
+                ...state,
+                initError: action.error,
+                initialized: false
+            };
+
+        default:
+            return state;
+        }
+    });
diff --git a/react/features/base/logging/ExternalApiLogTransport.ts b/react/features/base/logging/ExternalApiLogTransport.ts
new file mode 100644
index 0000000..5f37f38
--- /dev/null
+++ b/react/features/base/logging/ExternalApiLogTransport.ts
@@ -0,0 +1,18 @@
+/**
+ * Constructs a log transport object for use with external API.
+ *
+ * @param {Array} levels - The log levels forwarded to the external API.
+
+ * @returns {Object} - The transport object.
+ */
+function buildTransport(levels: Array<string>) {
+    return levels.reduce((logger: any, level) => {
+        logger[level] = (...args: any) => {
+            APP.API.notifyLog(level, args);
+        };
+
+        return logger;
+    }, {});
+}
+
+export default buildTransport;
diff --git a/react/features/base/logging/JitsiMeetInMemoryLogStorage.ts b/react/features/base/logging/JitsiMeetInMemoryLogStorage.ts
new file mode 100644
index 0000000..fbbe99a
--- /dev/null
+++ b/react/features/base/logging/JitsiMeetInMemoryLogStorage.ts
@@ -0,0 +1,59 @@
+/**
+ * Implements in memory logs storage, used for testing/debugging.
+ *
+ */
+export default class JitsiMeetInMemoryLogStorage {
+    logs: string[] = [];
+
+    /**
+     * Creates new <tt>JitsiMeetInMemoryLogStorage</tt>.
+     */
+    constructor() {
+        /**
+         * Array of the log entries to keep.
+         *
+         * @type {array}
+         */
+        this.logs = [];
+    }
+
+    /**
+     * Checks if this storage instance is ready.
+     *
+     * @returns {boolean} <tt>true</tt> when this storage is ready or
+     * <tt>false</tt> otherwise.
+     */
+    isReady() {
+        return true;
+    }
+
+    /**
+     * Called by the <tt>LogCollector</tt> to store a series of log lines into
+     * batch.
+     *
+     * @param {string|Object[]} logEntries - An array containing strings
+     * representing log lines or aggregated lines objects.
+     * @returns {void}
+     */
+    storeLogs(logEntries: (string | { text: string; })[]) {
+        for (let i = 0, len = logEntries.length; i < len; i++) {
+            const logEntry = logEntries[i];
+
+            if (typeof logEntry === 'object') {
+                this.logs.push(logEntry.text);
+            } else {
+                // Regular message
+                this.logs.push(logEntry);
+            }
+        }
+    }
+
+    /**
+     * Returns the logs stored in the memory.
+     *
+     * @returns {Array<string>} The collected log entries.
+     */
+    getLogs() {
+        return this.logs;
+    }
+}
diff --git a/react/features/base/logging/JitsiMeetLogStorage.ts b/react/features/base/logging/JitsiMeetLogStorage.ts
new file mode 100644
index 0000000..ac7fb5b
--- /dev/null
+++ b/react/features/base/logging/JitsiMeetLogStorage.ts
@@ -0,0 +1,69 @@
+import { IStore } from '../../app/types';
+import JitsiMeetJS from '../../base/lib-jitsi-meet';
+import RTCStats from '../../rtcstats/RTCStats';
+import { isRTCStatsEnabled } from '../../rtcstats/functions';
+
+/**
+ * Implements log storage interface from the @jitsi/logger lib, as it stands
+ * now it only sends logs to the rtcstats server in case it is enabled.
+ */
+export default class JitsiMeetLogStorage {
+    getState: IStore['getState'];
+
+    /**
+     * Creates new <tt>JitsiMeetLogStorage</tt>.
+     *
+     * @param {Function} getState - The Redux store's {@code getState} method.
+     */
+    constructor(getState: IStore['getState']) {
+
+        /**
+         * The Redux store's {@code getState} method.
+         *
+         * @type {Function}
+         */
+        this.getState = getState;
+    }
+
+    /**
+     * The JitsiMeetLogStorage is ready we can use the rtcstats trace to send logs
+     * to the rtcstats server.
+     *
+     * @returns {boolean} <tt>true</tt> when this storage is ready or
+     * <tt>false</tt> otherwise.
+     */
+    isReady() {
+        return JitsiMeetJS.rtcstats.isTraceAvailable();
+    }
+
+    /**
+     * Checks whether rtcstats logs storage is enabled.
+     *
+     * @returns {boolean} <tt>true</tt> when this storage can store logs to
+     * rtcstats, <tt>false</tt> otherwise.
+     */
+    canStoreLogsRtcstats() {
+
+        const config = this.getState()['features/base/config'];
+
+        // RTCStats can run without sending app logs to the server.
+        // Be mindful that there exists another LogStorage instance withing lib-jitsi-meet,
+        // that is used to send logs generated there.
+        return config?.analytics?.rtcstatsStoreLogs && isRTCStatsEnabled(this.getState());
+    }
+
+    /**
+     * Called by the <tt>LogCollector</tt> to store a series of log lines into
+     * batch.
+     *
+     * @param {Array<string|Object>} logEntries - An array containing strings
+     * representing log lines or aggregated lines objects.
+     * @returns {void}
+     */
+    storeLogs(logEntries: Array<string | any>) {
+
+        if (this.canStoreLogsRtcstats()) {
+            RTCStats.sendLogs(logEntries);
+        }
+    }
+}
diff --git a/react/features/base/logging/LogTransport.native.ts b/react/features/base/logging/LogTransport.native.ts
new file mode 100644
index 0000000..ba4319f
--- /dev/null
+++ b/react/features/base/logging/LogTransport.native.ts
@@ -0,0 +1,68 @@
+import { NativeModules } from 'react-native';
+// eslint-disable-next-line lines-around-comment
+// @ts-expect-error
+import { format } from 'util';
+
+// Some code adapted from https://github.com/houserater/react-native-lumberjack
+// License: MIT
+
+const { LogBridge } = NativeModules;
+
+/**
+ * Returns the stack trace for a given @code {Error} object.
+ *
+ * @param {Error} e - The error.
+ * @returns {string} - The stack trace.
+ */
+function stackToString(e: any) {
+    let ce;
+    let s = e.stack;
+
+    if (typeof e.cause === 'function' && (ce = e.cause())) {
+        s += `\nCaused by: ${stackToString(ce)}`;
+    }
+
+    return s;
+}
+
+/**
+ * Constructs a log transport object for use with @jitsi/logger.
+ *
+ * @returns {Object} - The transport object.
+ */
+function buildTransport() {
+    return [
+        'trace',
+        'debug',
+        'info',
+        'log',
+        'warn',
+        'error'
+    ].reduce((logger: any, logName) => {
+        logger[logName] = (timestamp: string, ...args: Array<string>) => {
+            // It ignores the timestamp argument, because LogBridge will add it on the native side anyway
+            const nargs = args.map((arg: any) => {
+                if (arg instanceof Error) {
+                    const errorBody = {
+                        message: arg.message,
+
+                        // @ts-ignore
+                        code: arg.code,
+                        stack: stackToString(arg)
+                    };
+
+                    return `Error(${arg.name})${JSON.stringify(errorBody)}`;
+                }
+
+                return arg;
+            });
+            const message = format(...nargs);
+
+            LogBridge[logName](message);
+        };
+
+        return logger;
+    }, {});
+}
+
+export default buildTransport();
diff --git a/react/features/base/logging/LogTransport.web.ts b/react/features/base/logging/LogTransport.web.ts
new file mode 100644
index 0000000..ff8b4c5
--- /dev/null
+++ b/react/features/base/logging/LogTransport.web.ts
@@ -0,0 +1 @@
+export default {};
diff --git a/react/features/base/logging/actionTypes.ts b/react/features/base/logging/actionTypes.ts
new file mode 100644
index 0000000..e53a285
--- /dev/null
+++ b/react/features/base/logging/actionTypes.ts
@@ -0,0 +1,21 @@
+/**
+ * The type of redux action which stores the log collector that will be
+ * submitting the logs to a service
+ *
+ * {
+ *     type: SET_LOG_COLLECTOR,
+ *     logCollector: Logger.LogCollector
+ * }
+ */
+export const SET_LOG_COLLECTOR = 'SET_LOG_COLLECTOR';
+
+/**
+ * The type of redux action which sets the configuration of the feature
+ * base/logging.
+ *
+ * {
+ *     type: SET_LOGGING_CONFIG,
+ *     config: Object
+ * }
+ */
+export const SET_LOGGING_CONFIG = 'SET_LOGGING_CONFIG';
diff --git a/react/features/base/logging/actions.ts b/react/features/base/logging/actions.ts
new file mode 100644
index 0000000..2449849
--- /dev/null
+++ b/react/features/base/logging/actions.ts
@@ -0,0 +1,35 @@
+import { SET_LOGGING_CONFIG, SET_LOG_COLLECTOR } from './actionTypes';
+
+/**
+ * Stores a {@code Logger.LogCollector} instance which will be uploading logs.
+ *
+ * @param {Logger.LogCollector} logCollector - The log collector instance to be
+ * stored in the Redux state of base/logging feature.
+ * @returns {{
+ *     type,
+ *     logCollector: Object
+ * }}
+ */
+export function setLogCollector(logCollector?: Object) {
+    return {
+        type: SET_LOG_COLLECTOR,
+        logCollector
+    };
+}
+
+/**
+ * Sets the configuration of the feature base/logging.
+ *
+ * @param {Object} config - The configuration to set on the features
+ * base/logging.
+ * @returns {{
+ *     type: SET_LOGGING_CONFIG,
+ *     config: Object
+ * }}
+ */
+export function setLoggingConfig(config: Object) {
+    return {
+        type: SET_LOGGING_CONFIG,
+        config
+    };
+}
diff --git a/react/features/base/logging/functions.ts b/react/features/base/logging/functions.ts
new file mode 100644
index 0000000..a2a455b
--- /dev/null
+++ b/react/features/base/logging/functions.ts
@@ -0,0 +1,44 @@
+// @ts-expect-error
+import Logger, { getLogger as _getLogger } from '@jitsi/logger';
+import { once } from 'lodash-es';
+
+import LogTransport from './LogTransport';
+
+/**
+ * Options for building the logger. We disable the callee info on RN because it's
+ * almost always empty anyway.
+ */
+const DEFAULT_OPTS = {};
+const DEFAULT_RN_OPTS = { disableCallerInfo: true };
+
+/**
+ * Gets a logger for the given id.
+ *
+ * @param {string} id - Name for the logger.
+ * @returns {Object} - The logger object.
+ */
+export function getLogger(id: string) {
+    const opts = navigator.product === 'ReactNative' ? DEFAULT_RN_OPTS : DEFAULT_OPTS;
+
+    return _getLogger(id, undefined, opts);
+}
+
+/**
+ * Initializes native logging. This operations must be done as early as possible.
+ */
+export const _initLogging = once(() => {
+    if (navigator.product !== 'ReactNative') {
+        return;
+    }
+
+    // Lazy load it to avoid cycles in early web bootstrap code.
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
+    const { default: JitsiMeetJS } = require('../lib-jitsi-meet/_');
+
+    Logger.setGlobalOptions(DEFAULT_RN_OPTS);
+    JitsiMeetJS.setGlobalLogOptions(DEFAULT_RN_OPTS);
+    Logger.removeGlobalTransport(console);
+    JitsiMeetJS.removeGlobalLogTransport(console);
+    Logger.addGlobalTransport(LogTransport);
+    JitsiMeetJS.addGlobalLogTransport(LogTransport);
+});
diff --git a/react/features/base/logging/middleware.ts b/react/features/base/logging/middleware.ts
new file mode 100644
index 0000000..230aa13
--- /dev/null
+++ b/react/features/base/logging/middleware.ts
@@ -0,0 +1,305 @@
+// @ts-expect-error
+import Logger from '@jitsi/logger';
+import { AnyAction } from 'redux';
+
+import { IStore } from '../../app/types';
+import { APP_WILL_MOUNT } from '../app/actionTypes';
+import { CONFERENCE_FAILED, CONFERENCE_JOINED } from '../conference/actionTypes';
+import { getCurrentConference } from '../conference/functions';
+import { SET_CONFIG } from '../config/actionTypes';
+import JitsiMeetJS, {
+    JitsiConferenceEvents
+} from '../lib-jitsi-meet';
+import { LIB_WILL_INIT } from '../lib-jitsi-meet/actionTypes';
+import MiddlewareRegistry from '../redux/MiddlewareRegistry';
+import { isTestModeEnabled } from '../testing/functions';
+
+import buildExternalApiLogTransport from './ExternalApiLogTransport';
+import JitsiMeetInMemoryLogStorage from './JitsiMeetInMemoryLogStorage';
+import JitsiMeetLogStorage from './JitsiMeetLogStorage';
+import { SET_LOGGING_CONFIG } from './actionTypes';
+import { setLogCollector, setLoggingConfig } from './actions';
+
+/**
+ * The Redux middleware of the feature base/logging.
+ *
+ * @param {Store} store - The Redux store.
+ * @returns {Function}
+ * @private
+ */
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case APP_WILL_MOUNT:
+        return _appWillMount(store, next, action);
+
+    case CONFERENCE_JOINED:
+        return _conferenceJoined(store, next, action);
+
+    case CONFERENCE_FAILED: {
+        const result = next(action);
+        const { logCollector } = store.getState()['features/base/logging'];
+
+        logCollector?.flush();
+
+        return result;
+    }
+
+    case LIB_WILL_INIT:
+        return _libWillInit(store, next, action);
+
+    case SET_CONFIG:
+        return _setConfig(store, next, action);
+
+    case SET_LOGGING_CONFIG:
+        return _setLoggingConfig(store, next, action);
+    }
+
+    return next(action);
+});
+
+/**
+ * Notifies the feature base/logging that the action {@link APP_WILL_MOUNT} is
+ * being dispatched within a specific Redux {@code store}.
+ *
+ * @param {Store} store - The Redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The Redux {@code dispatch} function to dispatch the
+ * specified {@code action} to the specified {@code store}.
+ * @param {Action} action - The Redux action {@code APP_WILL_MOUNT} which is
+ * being dispatched in the specified {@code store}.
+ * @private
+ * @returns {Object} The new state that is the result of the reduction of the
+ * specified {@code action}.
+ */
+function _appWillMount({ getState }: IStore, next: Function, action: AnyAction) {
+    const { config } = getState()['features/base/logging'];
+
+    _setLogLevels(Logger, config);
+
+    // FIXME Until the logic of conference.js is rewritten into the React
+    // app we, JitsiMeetJS.init is to not be used for the React app.
+    // Consequently, LIB_WILL_INIT will not be dispatched. In the meantime, do
+    // the following:
+    typeof APP === 'undefined' || _setLogLevels(JitsiMeetJS, config);
+
+    return next(action);
+}
+
+/**
+ * Starts the log collector, after {@link CONFERENCE_JOINED} action is reduced.
+ *
+ * @param {Store} store - The Redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The Redux {@code dispatch} function to dispatch the
+ * specified {@code action} to the specified {@code store}.
+ * @param {Action} action - The Redux action {@code CONFERENCE_JOINED} which is
+ * being dispatched in the specified {@code store}.
+ * @private
+ * @returns {*}
+ */
+function _conferenceJoined({ getState }: IStore, next: Function, action: AnyAction) {
+
+    // Wait until the joined event is processed, so that the JitsiMeetLogStorage
+    // will be ready.
+    const result = next(action);
+
+    const { conference } = action;
+    const { logCollector } = getState()['features/base/logging'];
+
+    if (logCollector && conference === getCurrentConference(getState())) {
+        // Make an attempt to flush in case a lot of logs have been cached,
+        // before the collector was started.
+        logCollector.flush();
+
+        // This event listener will flush the logs, before the statistics module
+        // is stopped.
+        //
+        // NOTE The LogCollector is not stopped, because this event can be
+        // triggered multiple times during single conference (whenever
+        // statistics module is stopped). That includes the case when Jicofo
+        // terminates a single person conference (one person left in the room
+        // waiting for someone to join). It will then restart the media session
+        // when someone eventually joins the room which will start the stats
+        // again.
+        conference.on(
+            JitsiConferenceEvents.BEFORE_STATISTICS_DISPOSED,
+            () => logCollector.flush()
+        );
+    }
+
+    return result;
+}
+
+/**
+ * Initializes logging in the app.
+ *
+ * @param {Store} store - The Redux store in which context the logging is to be
+ * initialized.
+ * @param {Object} loggingConfig - The configuration with which logging is to be
+ * initialized.
+ * @param {boolean} isTestingEnabled - Is debug logging enabled.
+ * @private
+ * @returns {void}
+ */
+function _initLogging({ dispatch, getState }: IStore,
+        loggingConfig: any, isTestingEnabled: boolean) {
+    const { logCollector } = getState()['features/base/logging'];
+
+    // Create the LogCollector and register it as the global log transport. It
+    // is done early to capture as much logs as possible. Captured logs will be
+    // cached, before the JitsiMeetLogStorage gets ready (RTCStats trace is
+    // available).
+    if (!logCollector && !loggingConfig.disableLogCollector) {
+        const { apiLogLevels, analytics: { rtcstatsLogFlushSizeBytes } = {} } = getState()['features/base/config'];
+
+        // The smaller the flush size the smaller the chance of losing logs, but
+        // the more often the logs will be sent to the server, by default the LogCollector
+        // will set once the logs reach 10KB or 30 seconds have passed since the last flush,
+        // this means if something happens between that interval and the logs don't get flushed
+        // they will be lost, for instance the meeting tab is closed, the browser crashes,
+        // an uncaught exception happens, etc.
+        // If undefined is passed the default values will be used,
+        const _logCollector = new Logger.LogCollector(new JitsiMeetLogStorage(getState), {
+            maxEntryLength: rtcstatsLogFlushSizeBytes
+        });
+
+        if (apiLogLevels && Array.isArray(apiLogLevels) && typeof APP === 'object') {
+            const transport = buildExternalApiLogTransport(apiLogLevels);
+
+            Logger.addGlobalTransport(transport);
+            JitsiMeetJS.addGlobalLogTransport(transport);
+        }
+
+        Logger.addGlobalTransport(_logCollector);
+
+        _logCollector.start();
+
+        dispatch(setLogCollector(_logCollector));
+
+        // The JitsiMeetInMemoryLogStorage can not be accessed on mobile through
+        // the 'executeScript' method like it's done in torture tests for WEB.
+        if (isTestingEnabled && typeof APP === 'object') {
+            APP.debugLogs = new JitsiMeetInMemoryLogStorage();
+            const debugLogCollector = new Logger.LogCollector(
+                APP.debugLogs, { storeInterval: 1000 });
+
+            Logger.addGlobalTransport(debugLogCollector);
+            JitsiMeetJS.addGlobalLogTransport(debugLogCollector);
+            debugLogCollector.start();
+
+            Logger.removeGlobalTransport(console);
+            JitsiMeetJS.removeGlobalLogTransport(console);
+        }
+    } else if (logCollector && loggingConfig.disableLogCollector) {
+        Logger.removeGlobalTransport(logCollector);
+        JitsiMeetJS.removeGlobalLogTransport(logCollector);
+        logCollector.stop();
+        dispatch(setLogCollector(undefined));
+    }
+}
+
+/**
+ * Notifies the feature base/logging that the action {@link LIB_WILL_INIT} is
+ * being dispatched within a specific Redux {@code store}.
+ *
+ * @param {Store} store - The Redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The Redux {@code dispatch} function to dispatch the
+ * specified {@code action} to the specified {@code store}.
+ * @param {Action} action - The Redux action {@code LIB_WILL_INIT} which is
+ * being dispatched in the specified {@code store}.
+ * @private
+ * @returns {Object} The new state that is the result of the reduction of the
+ * specified {@code action}.
+ */
+function _libWillInit({ getState }: IStore, next: Function, action: AnyAction) {
+    // Adding the if in order to preserve the logic for web after enabling
+    // LIB_WILL_INIT action for web in initLib action.
+    if (typeof APP === 'undefined') {
+        _setLogLevels(JitsiMeetJS, getState()['features/base/logging'].config);
+    }
+
+    return next(action);
+}
+
+/**
+ * This feature that the action SET_CONFIG is being
+ * dispatched within a specific Redux store.
+ *
+ * @param {Store} store - The Redux store in which the specified action is being
+ * dispatched.
+ * @param {Dispatch} next - The Redux dispatch function to dispatch the
+ * specified action to the specified store.
+ * @param {Action} action - The Redux action SET_CONFIG which is being
+ * dispatched in the specified store.
+ * @private
+ * @returns {Object} The new state that is the result of the reduction of the
+ * specified action.
+ */
+function _setConfig({ dispatch }: IStore, next: Function, action: AnyAction) {
+    const result = next(action);
+
+    dispatch(setLoggingConfig(action.config?.logging));
+
+    return result;
+}
+
+/**
+ * Notifies the feature base/logging that the action {@link SET_LOGGING_CONFIG}
+ * is being dispatched within a specific Redux {@code store}.
+ *
+ * @param {Store} store - The Redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The Redux {@code dispatch} function to dispatch the
+ * specified {@code action} to the specified {@code store}.
+ * @param {Action} action - The Redux action {@code SET_LOGGING_CONFIG} which is
+ * being dispatched in the specified {@code store}.
+ * @private
+ * @returns {Object} The new state that is the result of the reduction of the
+ * specified {@code action}.
+ */
+function _setLoggingConfig({ dispatch, getState }: IStore,
+        next: Function, action: AnyAction) {
+    const result = next(action);
+    const newValue = getState()['features/base/logging'].config;
+    const isTestingEnabled = isTestModeEnabled(getState());
+
+    // TODO Generally, we'll want to _setLogLevels and _initLogging only if the
+    // logging config values actually change.
+    // XXX Unfortunately, we don't currently have a (nice) way of determining
+    // whether _setLogLevels or _initLogging have been invoked so we have to
+    // invoke them unconditionally even if none of the values have actually
+    // changed.
+    _setLogLevels(Logger, newValue);
+    _setLogLevels(JitsiMeetJS, newValue);
+
+    _initLogging({
+        dispatch,
+        getState
+    }, newValue, isTestingEnabled);
+
+    return result;
+}
+
+/**
+ * Sets the log levels of {@link Logger} or {@link JitsiMeetJS} in accord with
+ * a specific configuration.
+ *
+ * @param {Object} logger - The object on which the log levels are to be set.
+ * @param {Object} config - The configuration specifying the log levels to be
+ * set on {@code Logger} or {@code JitsiMeetJS}.
+ * @private
+ * @returns {void}
+ */
+function _setLogLevels(logger: any, config: any) {
+    // XXX The loggers of the library lib-jitsi-meet and the application
+    // jitsi-meet are separate, so the log levels have to be set in both.
+
+    // First, set the default log level.
+    logger.setLogLevel(config.defaultLogLevel);
+
+    // Second, set the log level of each logger explicitly overridden by config.
+    for (const [ id, level ] of Object.entries(config.loggers)) {
+        logger.setLogLevelById(level, id);
+    }
+}
diff --git a/react/features/base/logging/reducer.ts b/react/features/base/logging/reducer.ts
new file mode 100644
index 0000000..3f5a412
--- /dev/null
+++ b/react/features/base/logging/reducer.ts
@@ -0,0 +1,115 @@
+import { merge } from 'lodash-es';
+import { AnyAction } from 'redux';
+
+import ReducerRegistry from '../redux/ReducerRegistry';
+import { equals, set } from '../redux/functions';
+
+import { SET_LOGGING_CONFIG, SET_LOG_COLLECTOR } from './actionTypes';
+import { ILoggingConfig, LogLevel } from './types';
+
+const DEFAULT_LOGGING_CONFIG: ILoggingConfig = {
+    // default log level for the app and lib-jitsi-meet
+    defaultLogLevel: 'trace',
+
+    // Option to disable LogCollector (which stores the logs)
+    // disableLogCollector: true,
+
+    loggers: {
+        // The following are too verbose in their logging with the
+        // {@link #defaultLogLevel}:
+        'rtc:TraceablePeerConnection': 'info',
+        'xmpp:strophe.util': 'log'
+    }
+};
+
+/**
+ * The default/initial redux state of the feature base/logging.
+ *
+ * @type {{
+ *     config: Object
+ * }}
+ */
+const DEFAULT_STATE = {
+    config: DEFAULT_LOGGING_CONFIG,
+
+    /**
+     * The log collector.
+     */
+    logCollector: undefined
+};
+
+// Reduce default verbosity on mobile, it kills performance.
+if (navigator.product === 'ReactNative') {
+    const RN_LOGGERS: { [key: string]: LogLevel; } = {
+        'sdp:SDPUtils': 'info',
+        'xmpp:ChatRoom': 'warn',
+        'xmpp:JingleSessionPC': 'info',
+        'xmpp:strophe.jingle': 'info'
+    };
+
+    DEFAULT_STATE.config.loggers = {
+        ...DEFAULT_LOGGING_CONFIG.loggers,
+        ...RN_LOGGERS
+    };
+}
+
+export interface ILoggingState {
+    config: ILoggingConfig;
+    logCollector?: {
+        flush: () => void;
+        start: () => void;
+        stop: () => void;
+    };
+}
+
+ReducerRegistry.register<ILoggingState>(
+    'features/base/logging',
+    (state = DEFAULT_STATE, action): ILoggingState => {
+        switch (action.type) {
+        case SET_LOGGING_CONFIG:
+            return _setLoggingConfig(state, action);
+        case SET_LOG_COLLECTOR: {
+            return _setLogCollector(state, action);
+        }
+
+        default:
+            return state;
+        }
+    });
+
+/**
+ * Reduces a specific Redux action SET_LOGGING_CONFIG of the feature
+ * base/logging.
+ *
+ * @param {Object} state - The Redux state of the feature base/logging.
+ * @param {Action} action - The Redux action SET_LOGGING_CONFIG to reduce.
+ * @private
+ * @returns {Object} The new state of the feature base/logging after the
+ * reduction of the specified action.
+ */
+function _setLoggingConfig(state: ILoggingState, action: AnyAction) {
+    const newConfig = merge({}, DEFAULT_STATE.config, action.config);
+
+    if (equals(state.config, newConfig)) {
+        return state;
+    }
+
+    return {
+        ...state,
+        config: newConfig
+    };
+}
+
+/**
+ * Reduces a specific Redux action SET_LOG_COLLECTOR of the feature
+ * base/logging.
+ *
+ * @param {Object} state - The Redux state of the feature base/logging.
+ * @param {Action} action - The Redux action SET_LOG_COLLECTOR to reduce.
+ * @private
+ * @returns {Object} The new state of the feature base/logging after the
+ * reduction of the specified action.
+ */
+function _setLogCollector(state: ILoggingState, action: AnyAction) {
+    return set(state, 'logCollector', action.logCollector);
+}
diff --git a/react/features/base/logging/types.ts b/react/features/base/logging/types.ts
new file mode 100644
index 0000000..5025ada
--- /dev/null
+++ b/react/features/base/logging/types.ts
@@ -0,0 +1,9 @@
+export type LogLevel = 'trace' | 'log' | 'info' | 'warn' | 'error';
+
+export interface ILoggingConfig {
+    defaultLogLevel?: LogLevel;
+    disableLogCollector?: boolean;
+    loggers?: {
+        [key: string]: LogLevel;
+    };
+}
diff --git a/react/features/base/media/actionTypes.ts b/react/features/base/media/actionTypes.ts
new file mode 100644
index 0000000..af5e6ec
--- /dev/null
+++ b/react/features/base/media/actionTypes.ts
@@ -0,0 +1,126 @@
+
+/**
+ * The type of (redux) action to store the gum pending state for unmute and initial track creation.
+ *
+ * {
+ *     type: GUM_PENDING,
+ *     mediaTypes: Array<MediaType>,
+ *     status: IGUMPendingState
+ * }
+ */
+export const GUM_PENDING = 'GUM_PENDING';
+
+/**
+ * The type of (redux) action to adjust the availability of the local audio.
+ *
+ * {
+ *     type: SET_AUDIO_AVAILABLE,
+ *     muted: boolean
+ * }
+ */
+export const SET_AUDIO_AVAILABLE = 'SET_AUDIO_AVAILABLE';
+
+/**
+ * The type of (redux) action to set the muted state of the local audio.
+ *
+ * {
+ *     type: SET_AUDIO_MUTED,
+ *     muted: boolean
+ * }
+ */
+export const SET_AUDIO_MUTED = 'SET_AUDIO_MUTED';
+
+/**
+ * The type of (redux) action to enable/disable the audio mute icon.
+ *
+ * {
+ *     type: SET_AUDIO_UNMUTE_PERMISSIONS,
+ *     blocked: boolean
+ * }
+ */
+export const SET_AUDIO_UNMUTE_PERMISSIONS = 'SET_AUDIO_UNMUTE_PERMISSIONS';
+
+/**
+ * The type of (redux) action to set the facing mode of the local video camera
+ * to a specific value.
+ *
+ * {
+ *     type: SET_CAMERA_FACING_MODE,
+ *     cameraFacingMode: CAMERA_FACING_MODE
+ * }
+ */
+export const SET_CAMERA_FACING_MODE = 'SET_CAMERA_FACING_MODE';
+
+/**
+ * Sets the initial GUM promise.
+ *
+ * {
+ *     type: SET_INITIAL_GUM_PROMISE,
+ *     promise: Promise
+ * }}
+ */
+export const SET_INITIAL_GUM_PROMISE = 'SET_INITIAL_GUM_PROMISE';
+
+/**
+ * The type of (redux) action to set the muted state of the local screenshare.
+ *
+ * {
+ *     type: SET_SCREENSHARE_MUTED,
+ *     muted: boolean
+ * }
+ */
+export const SET_SCREENSHARE_MUTED = 'SET_SCREENSHARE_MUTED';
+
+/**
+ * The type of (redux) action to adjust the availability of the local video.
+ *
+ * {
+ *     type: SET_VIDEO_AVAILABLE,
+ *     available: boolean
+ * }
+ */
+export const SET_VIDEO_AVAILABLE = 'SET_VIDEO_AVAILABLE';
+
+/**
+ * The type of (redux) action to set the muted state of the local video.
+ *
+ * {
+ *     type: SET_VIDEO_MUTED,
+ *     muted: boolean
+ * }
+ */
+export const SET_VIDEO_MUTED = 'SET_VIDEO_MUTED';
+
+/**
+ * The type of (redux) action to store the last video {@link Transform} applied
+ * to a stream.
+ *
+ * {
+ *     type: STORE_VIDEO_TRANSFORM,
+ *     streamId: string,
+ *     transform: Transform
+ * }
+ */
+export const STORE_VIDEO_TRANSFORM = 'STORE_VIDEO_TRANSFORM';
+
+/**
+ * The type of (redux) action to enable/disable the video mute icon.
+ *
+ * {
+ *     type: SET_VIDEO_UNMUTE_PERMISSIONS,
+ *     blocked: boolean
+ * }
+ */
+ export const SET_VIDEO_UNMUTE_PERMISSIONS = 'SET_VIDEO_UNMUTE_PERMISSIONS';
+
+/**
+ * The type of (redux) action to toggle the local video camera facing mode. In
+ * contrast to SET_CAMERA_FACING_MODE, allows the toggling to be optimally
+ * and/or natively implemented without the overhead of separate reads and writes
+ * of the current/effective camera facing mode.
+ *
+ * {
+ *     type: TOGGLE_CAMERA_FACING_MODE
+ * }
+ */
+export const TOGGLE_CAMERA_FACING_MODE = 'TOGGLE_CAMERA_FACING_MODE';
diff --git a/react/features/base/media/actions.ts b/react/features/base/media/actions.ts
new file mode 100644
index 0000000..87648fe
--- /dev/null
+++ b/react/features/base/media/actions.ts
@@ -0,0 +1,291 @@
+import { IStore } from '../../app/types';
+import { showModeratedNotification } from '../../av-moderation/actions';
+import { MEDIA_TYPE as AVM_MEDIA_TYPE } from '../../av-moderation/constants';
+import { shouldShowModeratedNotification } from '../../av-moderation/functions';
+import { isModerationNotificationDisplayed } from '../../notifications/functions';
+
+import {
+    GUM_PENDING,
+    SET_AUDIO_AVAILABLE,
+    SET_AUDIO_MUTED,
+    SET_AUDIO_UNMUTE_PERMISSIONS,
+    SET_CAMERA_FACING_MODE,
+    SET_INITIAL_GUM_PROMISE,
+    SET_SCREENSHARE_MUTED,
+    SET_VIDEO_AVAILABLE,
+    SET_VIDEO_MUTED,
+    SET_VIDEO_UNMUTE_PERMISSIONS,
+    STORE_VIDEO_TRANSFORM,
+    TOGGLE_CAMERA_FACING_MODE
+} from './actionTypes';
+import {
+    MediaType,
+    SCREENSHARE_MUTISM_AUTHORITY,
+    VIDEO_MUTISM_AUTHORITY
+} from './constants';
+import { IGUMPendingState } from './types';
+
+/**
+ * Action to adjust the availability of the local audio.
+ *
+ * @param {boolean} available - True if the local audio is to be marked as
+ * available or false if the local audio is not available.
+ * @returns {{
+ *     type: SET_AUDIO_AVAILABLE,
+ *     available: boolean
+ * }}
+ */
+export function setAudioAvailable(available: boolean) {
+    return {
+        type: SET_AUDIO_AVAILABLE,
+        available
+    };
+}
+
+/**
+ * Action to set the muted state of the local audio.
+ *
+ * @param {boolean} muted - True if the local audio is to be muted or false if
+ * the local audio is to be unmuted.
+ * @param {boolean} ensureTrack - True if we want to ensure that a new track is
+ * created if missing.
+ * @returns {{
+ *     type: SET_AUDIO_MUTED,
+ *     ensureTrack: boolean,
+ *     muted: boolean
+ * }}
+ */
+export function setAudioMuted(muted: boolean, ensureTrack = false) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+
+        // check for A/V Moderation when trying to unmute
+        if (!muted && shouldShowModeratedNotification(AVM_MEDIA_TYPE.AUDIO, state)) {
+            if (!isModerationNotificationDisplayed(AVM_MEDIA_TYPE.AUDIO, state)) {
+                ensureTrack && dispatch(showModeratedNotification(AVM_MEDIA_TYPE.AUDIO));
+            }
+
+            return;
+        }
+
+        dispatch({
+            type: SET_AUDIO_MUTED,
+            ensureTrack,
+            muted
+        });
+    };
+}
+
+/**
+ * Action to disable/enable the audio mute icon.
+ *
+ * @param {boolean} blocked - True if the audio mute icon needs to be disabled.
+ * @param {boolean|undefined} skipNotification - True if we want to skip showing the notification.
+ * @returns {Function}
+ */
+export function setAudioUnmutePermissions(blocked: boolean, skipNotification = false) {
+    return {
+        type: SET_AUDIO_UNMUTE_PERMISSIONS,
+        blocked,
+        skipNotification
+    };
+}
+
+/**
+ * Action to set the facing mode of the local camera.
+ *
+ * @param {CAMERA_FACING_MODE} cameraFacingMode - The camera facing mode to set.
+ * @returns {{
+ *     type: SET_CAMERA_FACING_MODE,
+ *     cameraFacingMode: CAMERA_FACING_MODE
+ * }}
+ */
+export function setCameraFacingMode(cameraFacingMode: string) {
+    return {
+        type: SET_CAMERA_FACING_MODE,
+        cameraFacingMode
+    };
+}
+
+/**
+ * Sets the initial GUM promise.
+ *
+ * @param {Promise<Array<Object>> | undefined} promise - The promise.
+ * @returns {{
+ *     type: SET_INITIAL_GUM_PROMISE,
+ *     promise: Promise
+ * }}
+ */
+export function setInitialGUMPromise(promise: Promise<{ errors: any; tracks: Array<any>; }> | null = null) {
+    return {
+        type: SET_INITIAL_GUM_PROMISE,
+        promise
+    };
+}
+
+/**
+ * Action to set the muted state of the local screenshare.
+ *
+ * @param {boolean} muted - True if the local screenshare is to be enabled or false otherwise.
+ * @param {number} authority - The {@link SCREENSHARE_MUTISM_AUTHORITY} which is muting/unmuting the local screenshare.
+ * @param {boolean} ensureTrack - True if we want to ensure that a new track is created if missing.
+ * @returns {Function}
+ */
+export function setScreenshareMuted(
+        muted: boolean,
+        authority: number = SCREENSHARE_MUTISM_AUTHORITY.USER,
+        ensureTrack = false) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+
+        // check for A/V Moderation when trying to unmute
+        if (!muted && shouldShowModeratedNotification(AVM_MEDIA_TYPE.DESKTOP, state)) {
+            if (!isModerationNotificationDisplayed(AVM_MEDIA_TYPE.DESKTOP, state)) {
+                ensureTrack && dispatch(showModeratedNotification(AVM_MEDIA_TYPE.DESKTOP));
+            }
+
+            return;
+        }
+
+        const oldValue = state['features/base/media'].screenshare.muted;
+
+        // eslint-disable-next-line no-bitwise
+        const newValue = muted ? oldValue | authority : oldValue & ~authority;
+
+        dispatch({
+            type: SET_SCREENSHARE_MUTED,
+            authority,
+            ensureTrack,
+            muted: newValue
+        });
+    };
+}
+
+/**
+ * Action to adjust the availability of the local video.
+ *
+ * @param {boolean} available - True if the local video is to be marked as
+ * available or false if the local video is not available.
+ * @returns {{
+ *     type: SET_VIDEO_AVAILABLE,
+ *     available: boolean
+ * }}
+ */
+export function setVideoAvailable(available: boolean) {
+    return {
+        type: SET_VIDEO_AVAILABLE,
+        available
+    };
+}
+
+/**
+ * Action to set the muted state of the local video.
+ *
+ * @param {boolean} muted - True if the local video is to be muted or false if
+ * the local video is to be unmuted.
+ * @param {number} authority - The {@link VIDEO_MUTISM_AUTHORITY} which is
+ * muting/unmuting the local video.
+ * @param {boolean} ensureTrack - True if we want to ensure that a new track is
+ * created if missing.
+ * @returns {Function}
+ */
+export function setVideoMuted(
+        muted: boolean | number,
+        authority: number = VIDEO_MUTISM_AUTHORITY.USER,
+        ensureTrack = false) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+
+        // check for A/V Moderation when trying to unmute
+        if (!muted && shouldShowModeratedNotification(AVM_MEDIA_TYPE.VIDEO, state)) {
+            if (!isModerationNotificationDisplayed(AVM_MEDIA_TYPE.VIDEO, state)) {
+                ensureTrack && dispatch(showModeratedNotification(AVM_MEDIA_TYPE.VIDEO));
+            }
+
+            return;
+        }
+
+        const oldValue = state['features/base/media'].video.muted;
+
+        // eslint-disable-next-line no-bitwise
+        const newValue = muted ? oldValue | authority : oldValue & ~authority;
+
+        dispatch({
+            type: SET_VIDEO_MUTED,
+            authority,
+            ensureTrack,
+            muted: newValue
+        });
+    };
+}
+
+/**
+ * Action to disable/enable the video mute icon.
+ *
+ * @param {boolean} blocked - True if the video mute icon needs to be disabled.
+ * @param {boolean|undefined} skipNotification - True if we want to skip showing the notification.
+ * @returns {Function}
+ */
+export function setVideoUnmutePermissions(blocked: boolean, skipNotification = false) {
+    return {
+        type: SET_VIDEO_UNMUTE_PERMISSIONS,
+        blocked,
+        skipNotification
+    };
+}
+
+/**
+ * Creates an action to store the last video {@link Transform} applied to a
+ * stream.
+ *
+ * @param {string} streamId - The ID of the stream.
+ * @param {Object} transform - The {@code Transform} to store.
+ * @returns {{
+ *     type: STORE_VIDEO_TRANSFORM,
+ *     streamId: string,
+ *     transform: Object
+ * }}
+ */
+export function storeVideoTransform(streamId: string, transform: Object) {
+    return {
+        type: STORE_VIDEO_TRANSFORM,
+        streamId,
+        transform
+    };
+}
+
+/**
+ * Toggles the camera facing mode. Most commonly, for example, mobile devices
+ * such as phones have a front/user-facing and a back/environment-facing
+ * cameras. In contrast to setCameraFacingMode, allows the toggling to be
+ * optimally and/or natively implemented without the overhead of separate reads
+ * and writes of the current/effective camera facing mode.
+ *
+ * @returns {{
+ *     type: TOGGLE_CAMERA_FACING_MODE
+ * }}
+ */
+export function toggleCameraFacingMode() {
+    return {
+        type: TOGGLE_CAMERA_FACING_MODE
+    };
+}
+
+/**
+ * Sets the GUM pending status from unmute and initial track creation operation.
+ *
+ * @param {Array<MediaType>} mediaTypes - An array with the media types that GUM is called with.
+ * @param {IGUMPendingState} status - The GUM status.
+ * @returns {{
+ *     type: TOGGLE_CAMERA_FACING_MODE,
+ *     mediaTypes: Array<MediaType>,
+ *     status: IGUMPendingState
+ * }}
+ */
+export function gumPending(mediaTypes: Array<MediaType>, status: IGUMPendingState) {
+    return {
+        type: GUM_PENDING,
+        mediaTypes,
+        status
+    };
+}
diff --git a/react/features/base/media/components/AbstractAudio.ts b/react/features/base/media/components/AbstractAudio.ts
new file mode 100644
index 0000000..ba849db
--- /dev/null
+++ b/react/features/base/media/components/AbstractAudio.ts
@@ -0,0 +1,126 @@
+import { Component } from 'react';
+
+import logger from '../logger';
+
+/**
+ * Describes audio element interface used in the base/media feature for audio
+ * playback.
+ */
+export type AudioElement = {
+    currentTime: number;
+    pause: () => void;
+    play: () => void;
+    setSinkId?: (id: string) => Promise<any>;
+    stop: () => void;
+};
+
+/**
+ * {@code AbstractAudio} Component's property types.
+ */
+export interface IProps {
+
+    loop?: boolean;
+
+    /**
+     * A callback which will be called with {@code AbstractAudio} instance once
+     * the audio element is loaded.
+     */
+    setRef?: (ref?: any) => void;
+
+    /**
+     * The URL of a media resource to use in the element.
+     *
+     * NOTE on react-native sound files are imported through 'require' and then
+     * passed as the 'src' parameter which means their type will be 'any'.
+     *
+     * @type {Object | string}
+     */
+    src: any | string;
+    stream?: Object;
+}
+
+/**
+ * The React {@link Component} which is similar to Web's
+ * {@code HTMLAudioElement}.
+ */
+export default class AbstractAudio extends Component<IProps> {
+    /**
+     * The {@link AudioElement} instance which implements the audio playback
+     * functionality.
+     */
+    _audioElementImpl?: AudioElement | null;
+
+    /**
+     * Initializes a new {@code AbstractAudio} instance.
+     *
+     * @param {IProps} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handlers so they are only bound once per instance.
+        this.setAudioElementImpl = this.setAudioElementImpl.bind(this);
+    }
+
+    /**
+     * Attempts to pause the playback of the media.
+     *
+     * @public
+     * @returns {void}
+     */
+    pause() {
+        this._audioElementImpl?.pause();
+    }
+
+    /**
+     * Attempts to begin the playback of the media.
+     *
+     * @public
+     * @returns {void}
+     */
+    play() {
+        this._audioElementImpl?.play();
+    }
+
+    /**
+     * Set the (reference to the) {@link AudioElement} object which implements
+     * the audio playback functionality.
+     *
+     * @param {AudioElement} element - The {@link AudioElement} instance
+     * which implements the audio playback functionality.
+     * @protected
+     * @returns {void}
+     */
+    setAudioElementImpl(element?: AudioElement | null | any) {
+        this._audioElementImpl = element;
+
+        const { setRef } = this.props;
+
+        typeof setRef === 'function' && setRef(element ? this : null);
+    }
+
+    /**
+     * Sets the sink ID (output device ID) on the underlying audio element.
+     * NOTE: Currently, implemented only on Web.
+     *
+     * @param {string} sinkId - The sink ID (output device ID).
+     * @returns {void}
+     */
+    setSinkId(sinkId: string) {
+        this._audioElementImpl
+            && typeof this._audioElementImpl.setSinkId === 'function'
+            && this._audioElementImpl.setSinkId(sinkId)
+                .catch(error => logger.error('Error setting sink', error));
+    }
+
+    /**
+     * Attempts to stop the playback of the media.
+     *
+     * @public
+     * @returns {void}
+     */
+    stop() {
+        this._audioElementImpl?.stop();
+    }
+}
diff --git a/react/features/base/media/components/AbstractVideoTrack.tsx b/react/features/base/media/components/AbstractVideoTrack.tsx
new file mode 100644
index 0000000..3549408
--- /dev/null
+++ b/react/features/base/media/components/AbstractVideoTrack.tsx
@@ -0,0 +1,150 @@
+import React, { Component } from 'react';
+
+import { IStore } from '../../../app/types';
+import { trackVideoStarted } from '../../tracks/actions';
+import { shouldRenderVideoTrack } from '../functions';
+
+import { Video } from './index';
+
+/**
+ * The type of the React {@code Component} props of {@link AbstractVideoTrack}.
+ */
+export interface IProps {
+
+    /**
+     * The Redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Callback to invoke when the {@link Video} of {@code AbstractVideoTrack}
+     * is clicked/pressed.
+     */
+    onPress?: Function;
+
+    /**
+     * The Redux representation of the participant's video track.
+     */
+    videoTrack?: any;
+
+    /**
+     * Whether or not video should be rendered after knowing video playback has
+     * started.
+     */
+    waitForVideoStarted?: boolean;
+
+    /**
+     * The z-order of the Video of AbstractVideoTrack in the stacking space of
+     * all Videos. For more details, refer to the zOrder property of the Video
+     * class for React Native.
+     */
+    zOrder?: number;
+
+    /**
+     * Indicates whether zooming (pinch to zoom and/or drag) is enabled.
+     */
+    zoomEnabled?: boolean;
+}
+
+/**
+ * Implements a React {@link Component} that renders video element for a
+ * specific video track.
+ *
+ * @abstract
+ */
+export default class AbstractVideoTrack<P extends IProps> extends Component<P> {
+    /**
+     * Initializes a new AbstractVideoTrack instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: P) {
+        super(props);
+
+        // Bind event handlers so they are only bound once for every instance.
+        this._onVideoPlaying = this._onVideoPlaying.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const videoTrack = _falsy2null(this.props.videoTrack);
+        let render;
+
+        if (this.props.waitForVideoStarted && videoTrack) {
+            // That's the complex case: we have to wait for onPlaying before we
+            // render videoTrack. The complexity comes from the fact that
+            // onPlaying will come after we render videoTrack.
+            if (shouldRenderVideoTrack(videoTrack, true)) {
+                // It appears that onPlaying has come for videoTrack already.
+                // Most probably, another render has already passed through the
+                // else clause below already.
+                render = true;
+            } else if (shouldRenderVideoTrack(videoTrack, false)
+                    && !videoTrack.videoStarted) {
+                // XXX Unfortunately, onPlaying has not come for videoTrack yet.
+                // We have to render in order to give onPlaying a chance to
+                // come.
+                render = true;
+            }
+        } else {
+            // That's the simple case: we don't have to wait for onPlaying
+            // before we render videoTrack
+            render = shouldRenderVideoTrack(videoTrack, false);
+        }
+
+        const stream = render && videoTrack
+            ? videoTrack.jitsiTrack.getOriginalStream() : null;
+
+        // Actual zoom is currently only enabled if the stream is a desktop
+        // stream.
+        const zoomEnabled
+            = this.props.zoomEnabled
+                && stream
+                && videoTrack
+                && videoTrack.videoType === 'desktop';
+
+        return (
+            <Video
+                mirror = { videoTrack?.mirror }
+                onPlaying = { this._onVideoPlaying }
+
+                // @ts-ignore
+                onPress = { this.props.onPress }
+                stream = { stream }
+                zOrder = { this.props.zOrder }
+                zoomEnabled = { zoomEnabled } />
+        );
+    }
+
+    /**
+     * Handler for case when video starts to play.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onVideoPlaying() {
+        const { videoTrack } = this.props;
+
+        if (videoTrack && !videoTrack.videoStarted) {
+            this.props.dispatch(trackVideoStarted(videoTrack.jitsiTrack));
+        }
+    }
+}
+
+/**
+ * Returns null if a specific value is falsy; otherwise, returns the specified
+ * value.
+ *
+ * @param {*} value - The value to return if it is not falsy.
+ * @returns {*} If the specified value is falsy, null; otherwise, the specified
+ * value.
+ */
+function _falsy2null(value: any) {
+    return value || null;
+}
diff --git a/react/features/base/media/components/index.native.ts b/react/features/base/media/components/index.native.ts
new file mode 100644
index 0000000..2317261
--- /dev/null
+++ b/react/features/base/media/components/index.native.ts
@@ -0,0 +1,2 @@
+export { default as Audio } from './native/Audio';
+export { default as Video } from './native/Video';
diff --git a/react/features/base/media/components/index.web.ts b/react/features/base/media/components/index.web.ts
new file mode 100644
index 0000000..b81e2eb
--- /dev/null
+++ b/react/features/base/media/components/index.web.ts
@@ -0,0 +1,2 @@
+export { default as Audio } from './web/Audio';
+export { default as Video } from './web/Video';
diff --git a/react/features/base/media/components/native/Audio.ts b/react/features/base/media/components/native/Audio.ts
new file mode 100644
index 0000000..f055702
--- /dev/null
+++ b/react/features/base/media/components/native/Audio.ts
@@ -0,0 +1,114 @@
+import Sound from 'react-native-sound';
+
+import logger from '../../logger';
+import AbstractAudio, { IProps } from '../AbstractAudio';
+
+/**
+ * The React Native/mobile {@link Component} which is similar to Web's
+ * {@code HTMLAudioElement} and wraps around react-native-webrtc's
+ * {@link RTCView}.
+ */
+export default class Audio extends AbstractAudio {
+    /**
+     * Reference to 'react-native-sound} {@link Sound} instance.
+     */
+    _sound: Sound | undefined | null;
+
+    /**
+     * A callback passed to the 'react-native-sound''s {@link Sound} instance,
+     * called when loading sound is finished.
+     *
+     * @param {Object} error - The error object passed by
+     * the 'react-native-sound' library.
+     * @returns {void}
+     * @private
+     */
+    _soundLoadedCallback(error: Error) {
+        if (error) {
+            logger.error('Failed to load sound', error);
+        } else {
+            this.setAudioElementImpl(this._sound);
+        }
+    }
+
+    /**
+     * Implements React's {@link Component#componentDidUpdate()}.
+     *
+     * @inheritdoc
+     */
+    override async componentDidUpdate(prevProps: IProps): Promise<void> {
+        // source is different !! call didunmount and call didmount
+        if (prevProps.src !== this.props.src) {
+            await this.componentWillUnmount();
+            await this.componentDidMount();
+        }
+    }
+
+    /**
+     * Will load the sound, after the component did mount.
+     *
+     * @returns {void}
+     */
+    override async componentDidMount() {
+        this._sound
+            = this.props.src
+                ? new Sound(
+                    this.props.src, undefined,
+                    this._soundLoadedCallback.bind(this))
+                : null;
+    }
+
+    /**
+     * Will dispose sound resources (if any) when component is about to unmount.
+     *
+     * @returns {void}
+     */
+    override async componentWillUnmount() {
+        if (this._sound) {
+            this._sound.release();
+            this._sound = null;
+            this.setAudioElementImpl(null);
+        }
+    }
+
+    /**
+     * Attempts to begin the playback of the media.
+     *
+     * @inheritdoc
+     * @override
+     */
+    play() {
+        if (this._sound) {
+            this._sound.setNumberOfLoops(this.props.loop ? -1 : 0);
+            this._sound.play(success => {
+                if (!success) {
+                    logger.warn(`Failed to play ${this.props.src}`);
+                }
+            });
+        }
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {null}
+     */
+    override render() {
+        // TODO react-native-webrtc's RTCView doesn't do anything with the audio
+        // MediaStream specified to it so it's easier at the time of this
+        // writing to not render anything.
+        return null;
+    }
+
+    /**
+     * Stops the sound if it's currently playing.
+     *
+     * @returns {void}
+     */
+    stop() {
+        if (this._sound) {
+            this._sound.stop();
+        }
+    }
+}
diff --git a/react/features/base/media/components/native/Video.tsx b/react/features/base/media/components/native/Video.tsx
new file mode 100644
index 0000000..42d82c5
--- /dev/null
+++ b/react/features/base/media/components/native/Video.tsx
@@ -0,0 +1,134 @@
+import React, { Component } from 'react';
+import { GestureResponderEvent } from 'react-native';
+import { MediaStream, RTCView } from 'react-native-webrtc';
+
+import Pressable from '../../../react/components/native/Pressable';
+
+import VideoTransform from './VideoTransform';
+import styles from './styles';
+
+/**
+ * The type of the React {@code Component} props of {@link Video}.
+ */
+interface IProps {
+    mirror: boolean;
+
+    onPlaying: Function;
+
+    /**
+     * Callback to invoke when the {@code Video} is clicked/pressed.
+     */
+    onPress?: (event: GestureResponderEvent) => void;
+
+    stream: MediaStream;
+
+    /**
+     * Similarly to the CSS property z-index, specifies the z-order of this
+     * Video in the stacking space of all Videos. When Videos overlap,
+     * zOrder determines which one covers the other. A Video with a larger
+     * zOrder generally covers a Video with a lower one.
+     *
+     * Non-overlapping Videos may safely share a z-order (because one does
+     * not have to cover the other).
+     *
+     * The support for zOrder is platform-dependent and/or
+     * implementation-specific. Thus, specifying a value for zOrder is to be
+     * thought of as giving a hint rather than as imposing a requirement.
+     * For example, video renderers such as Video are commonly implemented
+     * using OpenGL and OpenGL views may have different numbers of layers in
+     * their stacking space. Android has three: a layer below the window
+     * (aka default), a layer below the window again but above the previous
+     * layer (aka media overlay), and above the window. Consequently, it is
+     * advisable to limit the number of utilized layers in the stacking
+     * space to the minimum sufficient for the desired display. For example,
+     * a video call application usually needs a maximum of two zOrder
+     * values: 0 for the remote video(s) which appear in the background, and
+     * 1 for the local video(s) which appear above the remote video(s).
+     */
+    zOrder?: number;
+
+    /**
+     * Indicates whether zooming (pinch to zoom and/or drag) is enabled.
+     */
+    zoomEnabled: boolean;
+}
+
+/**
+ * The React Native {@link Component} which is similar to Web's
+ * {@code HTMLVideoElement} and wraps around react-native-webrtc's
+ * {@link RTCView}.
+ */
+export default class Video extends Component<IProps> {
+    /**
+     * React Component method that executes once component is mounted.
+     *
+     * @inheritdoc
+     */
+    override componentDidMount() {
+        // RTCView currently does not support media events, so just fire
+        // onPlaying callback when <RTCView> is rendered.
+        const { onPlaying } = this.props;
+
+        onPlaying?.();
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement|null}
+     */
+    override render() {
+        const { onPress, stream, zoomEnabled } = this.props;
+
+        if (stream) {
+            // RTCView
+            const style = styles.video;
+            const objectFit
+                = zoomEnabled
+                    ? 'contain'
+                    : 'cover';
+            const rtcView
+                = (
+                    <RTCView
+                        mirror = { this.props.mirror }
+                        objectFit = { objectFit }
+                        streamURL = { stream.toURL() }
+                        style = { style }
+                        zOrder = { this.props.zOrder } />
+                );
+
+            // VideoTransform implements "pinch to zoom". As part of "pinch to
+            // zoom", it implements onPress, of course.
+            if (zoomEnabled) {
+                return (
+                    <VideoTransform
+                        enabled = { zoomEnabled }
+                        onPress = { onPress }
+                        streamId = { stream.id }
+                        style = { style }>
+                        { rtcView }
+                    </VideoTransform>
+                );
+            }
+
+            // XXX Unfortunately, VideoTransform implements a custom press
+            // detection which has been observed to be very picky about the
+            // precision of the press unlike the builtin/default/standard press
+            // detection which is forgiving to imperceptible movements while
+            // pressing. It's not acceptable to be so picky, especially when
+            // "pinch to zoom" is not enabled.
+            return (
+                <Pressable onPress = { onPress }>
+                    { rtcView }
+                </Pressable>
+            );
+        }
+
+        // RTCView has peculiarities which may or may not be platform specific.
+        // For example, it doesn't accept an empty streamURL. If the execution
+        // reached here, it means that we explicitly chose to not initialize an
+        // RTCView as a way of dealing with its idiosyncrasies.
+        return null;
+    }
+}
diff --git a/react/features/base/media/components/native/VideoTrack.tsx b/react/features/base/media/components/native/VideoTrack.tsx
new file mode 100644
index 0000000..6ecc686
--- /dev/null
+++ b/react/features/base/media/components/native/VideoTrack.tsx
@@ -0,0 +1,30 @@
+import React from 'react';
+import { View } from 'react-native';
+import { connect } from 'react-redux';
+
+import AbstractVideoTrack, { IProps } from '../AbstractVideoTrack';
+
+import styles from './styles';
+
+/**
+ * Component that renders video element for a specified video track.
+ *
+ * @augments AbstractVideoTrack
+ */
+class VideoTrack extends AbstractVideoTrack<IProps> {
+    /**
+     * Renders the video element for the associated video track.
+     *
+     * @override
+     * @returns {ReactElement}
+     */
+    override render() {
+        return (
+            <View style = { styles.video } >
+                { super.render() }
+            </View>
+        );
+    }
+}
+
+export default connect()(VideoTrack);
diff --git a/react/features/base/media/components/native/VideoTransform.tsx b/react/features/base/media/components/native/VideoTransform.tsx
new file mode 100644
index 0000000..c6708b9
--- /dev/null
+++ b/react/features/base/media/components/native/VideoTransform.tsx
@@ -0,0 +1,730 @@
+import React, { Component } from 'react';
+import { PanResponder, PixelRatio, View } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { connect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../../../app/types';
+import { ASPECT_RATIO_WIDE } from '../../../responsive-ui/constants';
+import { storeVideoTransform } from '../../actions';
+
+import styles from './styles';
+
+
+/**
+ * The default/initial transform (= no transform).
+ */
+const DEFAULT_TRANSFORM = {
+    scale: 1,
+    translateX: 0,
+    translateY: 0
+};
+
+/**
+ * The minimum scale (magnification) multiplier. 1 is equal to objectFit
+ * = 'contain'.
+ */
+const MIN_SCALE = 1;
+
+/*
+ * The max distance from the edge of the screen where we let the user move the
+ * view to. This is large enough now to let the user drag the view to a position
+ * where no other displayed components cover it (such as filmstrip). If a
+ * ViewPort (hint) support is added to the LargeVideo component then this
+ * constant will not be necessary anymore.
+ */
+const MAX_OFFSET = 100;
+
+/**
+ * The max allowed scale (magnification) multiplier.
+ */
+const MAX_SCALE = 5;
+
+/**
+ * The threshold to allow the fingers move before we consider a gesture a
+ * move instead of a touch.
+ */
+const MOVE_THRESHOLD_DISMISSES_TOUCH = 5;
+
+/**
+ * A tap timeout after which we consider a gesture a long tap and will not
+ * trigger onPress (unless long tap gesture support is added in the future).
+ */
+const TAP_TIMEOUT_MS = 400;
+
+/**
+ * Type of a transform object this component is capable of handling.
+ */
+type Transform = {
+    scale: number;
+    translateX: number;
+    translateY: number;
+};
+
+interface IProps {
+
+    /**
+     * The current aspect ratio of the screen.
+     */
+    _aspectRatio: Symbol;
+
+    /**
+     * Action to dispatch when the component is unmounted.
+     */
+    _onUnmount: Function;
+
+    /**
+     * The stored transforms retrieved from Redux to be initially applied
+     * to different streams.
+     */
+    _transforms: Object;
+
+    /**
+     * The children components of this view.
+     */
+    children: Object;
+
+    /**
+     * Transformation is only enabled when this flag is true.
+     */
+    enabled: boolean;
+
+    /**
+     * Function to invoke when a press event is detected.
+     */
+    onPress?: Function;
+
+    /**
+     * The id of the current stream that is displayed.
+     */
+    streamId: string;
+
+    /**
+     * Style of the top level transformable view.
+     */
+    style: Object;
+}
+
+interface IState {
+
+    /**
+     * The current (non-transformed) layout of the View.
+     */
+    layout: any;
+
+    /**
+     * The current transform that is applied.
+     */
+    transform: Transform;
+}
+
+/**
+ * An container that captures gestures such as pinch&zoom, touch or move.
+ */
+class VideoTransform extends Component<IProps, IState> {
+    /**
+     * The gesture handler object.
+     */
+    gestureHandlers: any;
+
+    /**
+     * The initial distance of the fingers on pinch start.
+     */
+    initialDistance?: number;
+
+    /**
+     * The initial position of the finger on touch start.
+     */
+    initialPosition: {
+        x: number;
+        y: number;
+    };
+
+    /**
+     * The actual move threshold that is calculated for this device/screen.
+     */
+    moveThreshold: number;
+
+    /**
+     * Time of the last tap.
+     */
+    lastTap: number;
+
+    /**
+     * Constructor of the component.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            layout: null,
+            transform:
+                this._getSavedTransform(props.streamId) || DEFAULT_TRANSFORM
+        };
+
+        this._didMove = this._didMove.bind(this);
+        this._getTransformStyle = this._getTransformStyle.bind(this);
+        this._onGesture = this._onGesture.bind(this);
+        this._onLayout = this._onLayout.bind(this);
+        this._onMoveShouldSetPanResponder
+            = this._onMoveShouldSetPanResponder.bind(this);
+        this._onPanResponderGrant = this._onPanResponderGrant.bind(this);
+        this._onPanResponderMove = this._onPanResponderMove.bind(this);
+        this._onPanResponderRelease = this._onPanResponderRelease.bind(this);
+        this._onStartShouldSetPanResponder
+            = this._onStartShouldSetPanResponder.bind(this);
+
+        // The move threshold should be adaptive to the pixel ratio of the
+        // screen to avoid making it too sensitive or difficult to handle on
+        // different pixel ratio screens.
+        this.moveThreshold
+            = PixelRatio.get() * MOVE_THRESHOLD_DISMISSES_TOUCH;
+
+        this.gestureHandlers = PanResponder.create({
+            onPanResponderGrant: this._onPanResponderGrant,
+            onPanResponderMove: this._onPanResponderMove,
+            onPanResponderRelease: this._onPanResponderRelease,
+            onPanResponderTerminationRequest: () => true,
+            onMoveShouldSetPanResponder: this._onMoveShouldSetPanResponder,
+            onShouldBlockNativeResponder: () => false,
+            onStartShouldSetPanResponder: this._onStartShouldSetPanResponder
+        });
+    }
+
+    /**
+     * Implements React Component's componentDidUpdate.
+     *
+     * @inheritdoc
+     */
+    override componentDidUpdate(prevProps: IProps, prevState: IState) {
+        if (prevProps.streamId !== this.props.streamId) {
+            this._storeTransform(prevProps.streamId, prevState.transform);
+            this._restoreTransform(this.props.streamId);
+        }
+    }
+
+    /**
+     * Implements React Component's componentWillUnmount.
+     *
+     * @inheritdoc
+     */
+    override componentWillUnmount() {
+        this._storeTransform(this.props.streamId, this.state.transform);
+    }
+
+    /**
+     * Renders the empty component that captures the gestures.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { _aspectRatio, children, style } = this.props;
+        const isAspectRatioWide = _aspectRatio === ASPECT_RATIO_WIDE;
+
+        const videoTransformedViewContainerStyles
+            = isAspectRatioWide ? styles.videoTransformedViewContainerWide : styles.videoTransformedViewContainer;
+
+        return (
+            <View
+                onLayout = { this._onLayout }
+                pointerEvents = 'box-only'
+                style = { [
+                    videoTransformedViewContainerStyles,
+                    style
+                ] }
+                { ...this.gestureHandlers.panHandlers }>
+                <SafeAreaView
+                    edges = { [ 'bottom', 'left' ] }
+                    style = { [
+                        styles.videoTranformedView,
+                        this._getTransformStyle()
+                    ] }>
+                    { children }
+                </SafeAreaView>
+            </View>
+        );
+    }
+
+    /**
+     * Calculates the new transformation to be applied by merging the current
+     * transform values with the newly received incremental values.
+     *
+     * @param {Transform} transform - The new transform object.
+     * @private
+     * @returns {Transform}
+     */
+    _calculateTransformIncrement(transform: Transform) {
+        let {
+            scale,
+            translateX,
+            translateY
+        } = this.state.transform;
+        const {
+            scale: newScale,
+            translateX: newTranslateX,
+            translateY: newTranslateY
+        } = transform;
+
+        // Note: We don't limit MIN_SCALE here yet, as we need to detect a scale
+        // down gesture even if the scale is already at MIN_SCALE to let the
+        // user return the screen to center with that gesture. Scale is limited
+        // to MIN_SCALE right before it gets applied.
+        scale = Math.min(scale * (newScale || 1), MAX_SCALE);
+
+        translateX = translateX + ((newTranslateX || 0) / scale);
+        translateY = translateY + ((newTranslateY || 0) / scale);
+
+        return {
+            scale,
+            translateX,
+            translateY
+        };
+    }
+
+    /**
+     * Determines if there was large enough movement to be handled.
+     *
+     * @param {Object} gestureState - The gesture state.
+     * @returns {boolean}
+     */
+    _didMove({ dx, dy }: any) {
+        return Math.abs(dx) > this.moveThreshold
+                || Math.abs(dy) > this.moveThreshold;
+    }
+
+    /**
+     * Returns the stored transform a stream should display with initially.
+     *
+     * @param {string} streamId - The id of the stream to match with a stored
+     * transform.
+     * @private
+     * @returns {Object | null}
+     */
+    _getSavedTransform(streamId: string) {
+        const { enabled, _transforms } = this.props;
+
+        // @ts-ignore
+        return (enabled && _transforms[streamId]) || null;
+    }
+
+    /**
+     * Calculates the touch distance on a pinch event.
+     *
+     * @param {Object} evt - The touch event.
+     * @private
+     * @returns {number}
+     */
+    _getTouchDistance({ nativeEvent: { touches } }: any) {
+        const dx = Math.abs(touches[0].pageX - touches[1].pageX);
+        const dy = Math.abs(touches[0].pageY - touches[1].pageY);
+
+        return Math.sqrt(Math.pow(dx, 2) + Math.pow(dy, 2));
+    }
+
+    /**
+     * Calculates the position of the touch event.
+     *
+     * @param {Object} evt - The touch event.
+     * @private
+     * @returns {Object}
+     */
+    _getTouchPosition({ nativeEvent: { touches } }: any) {
+        return {
+            x: touches[0].pageX,
+            y: touches[0].pageY
+        };
+    }
+
+    /**
+     * Generates a transform style object to be used on the component.
+     *
+     * @returns {{string: Array<{string: number}>}}
+     */
+    _getTransformStyle() {
+        const { enabled } = this.props;
+
+        if (!enabled) {
+            return null;
+        }
+
+        const {
+            scale,
+            translateX,
+            translateY
+        } = this.state.transform;
+
+        return {
+            transform: [
+                { scale },
+                { translateX },
+                { translateY }
+            ]
+        };
+    }
+
+    /**
+     * Limits the move matrix and then applies the transformation to the
+     * component (updates state).
+     *
+     * Note: Points A (top-left) and D (bottom-right) are opposite points of
+     * the View rectangle.
+     *
+     * @param {Transform} transform - The transformation object.
+     * @private
+     * @returns {void}
+     */
+    _limitAndApplyTransformation(transform: Transform) {
+        const { _aspectRatio } = this.props;
+        const { layout } = this.state;
+
+        const isAspectRatioWide = _aspectRatio === ASPECT_RATIO_WIDE;
+
+
+        if (layout) {
+            const { scale } = this.state.transform;
+            const { scale: newScaleUnlimited } = transform;
+            let {
+                translateX: newTranslateX,
+                translateY: newTranslateY
+            } = transform;
+
+            // Scale is only limited to MIN_SCALE here to detect downscale
+            // gesture later.
+            const newScale = Math.max(newScaleUnlimited, MIN_SCALE);
+
+            // The A and D points of the original View (before transform).
+            const originalLayout = {
+                a: {
+                    x: layout.x,
+                    y: layout.y
+                },
+                d: {
+                    x: layout.x + layout.width,
+                    y: layout.y + layout.height
+                }
+            };
+
+            // The center point (midpoint) of the transformed View.
+            const transformedCenterPoint = {
+                x: ((layout.x + layout.width) / 2) + (newTranslateX * newScale),
+                y: ((layout.y + layout.height) / 2) + (newTranslateY * newScale)
+            };
+
+            // The size of the transformed View.
+            const transformedSize = {
+                height: layout.height * newScale,
+                width: layout.width * newScale
+            };
+
+            // The A and D points of the transformed View.
+            const transformedLayout = {
+                a: {
+                    x: transformedCenterPoint.x - (transformedSize.width / 2),
+                    y: transformedCenterPoint.y - (transformedSize.height / 2)
+                },
+                d: {
+                    x: transformedCenterPoint.x + (transformedSize.width / 2),
+                    y: transformedCenterPoint.y + (transformedSize.height / 2)
+                }
+            };
+
+            let _MAX_OFFSET = isAspectRatioWide ? 0 : MAX_OFFSET;
+
+            if (newScaleUnlimited < scale) {
+                // This is a negative scale event so we dynamically reduce the
+                // MAX_OFFSET to get the screen back to the center on
+                // downscaling.
+                _MAX_OFFSET = Math.min(MAX_OFFSET, MAX_OFFSET * (newScale - 1));
+            }
+
+            // Correct move matrix if it goes out of the view
+            // too much (_MAX_OFFSET).
+            newTranslateX
+                -= Math.max(
+                    transformedLayout.a.x - originalLayout.a.x - _MAX_OFFSET,
+                    0);
+            newTranslateX
+                += Math.max(
+                    originalLayout.d.x - transformedLayout.d.x - _MAX_OFFSET,
+                    0);
+            newTranslateY
+                -= Math.max(
+                    transformedLayout.a.y - originalLayout.a.y - _MAX_OFFSET,
+                    0);
+            newTranslateY
+                += Math.max(
+                    originalLayout.d.y - transformedLayout.d.y - _MAX_OFFSET,
+                    0);
+
+            this.setState({
+                transform: {
+                    scale: newScale,
+                    translateX: Math.round(newTranslateX),
+                    translateY: Math.round(newTranslateY)
+                }
+            });
+        }
+    }
+
+    /**
+     * Handles gestures and converts them to transforms.
+     *
+     * Currently supported gestures:
+     *  - scale (punch&zoom-type scale).
+     *  - move
+     *  - press.
+     *
+     * Note: This component supports onPress solely to overcome the problem of
+     * not being able to register gestures via the PanResponder due to the fact
+     * that the entire Conference component was a single touch responder
+     * component in the past (see base/react/.../Container with an onPress
+     * event) - and stock touch responder components seem to have exclusive
+     * priority in handling touches in React.
+     *
+     * @param {string} type - The type of the gesture.
+     * @param {?Object | number} value - The value of the gesture, if any.
+     * @returns {void}
+     */
+    _onGesture(type: string, value?: any) {
+        let transform;
+
+        switch (type) {
+        case 'move':
+            transform = {
+                ...DEFAULT_TRANSFORM,
+                translateX: value.x,
+                translateY: value.y
+            };
+            break;
+        case 'scale':
+            transform = {
+                ...DEFAULT_TRANSFORM,
+                scale: value
+            };
+            break;
+
+        case 'press': {
+            const { onPress } = this.props;
+
+            typeof onPress === 'function' && onPress();
+            break;
+        }
+        }
+
+        if (transform) {
+            this._limitAndApplyTransformation(
+                this._calculateTransformIncrement(transform));
+        }
+
+        this.lastTap = 0;
+    }
+
+    /**
+     * Callback for the onLayout of the component.
+     *
+     * @param {Object} event - The native props of the onLayout event.
+     * @private
+     * @returns {void}
+     */
+    _onLayout({ nativeEvent: { layout: { x, y, width, height } } }: any) {
+        this.setState({
+            layout: {
+                x,
+                y,
+                width,
+                height
+            }
+        });
+    }
+
+    /**
+     * Function to decide whether the responder should respond to a move event.
+     *
+     * @param {Object} evt - The event.
+     * @param {Object} gestureState - Gesture state.
+     * @private
+     * @returns {boolean}
+     */
+    _onMoveShouldSetPanResponder(evt: Object, gestureState: any) {
+        return this.props.enabled
+            && (this._didMove(gestureState)
+                || gestureState.numberActiveTouches === 2);
+    }
+
+    /**
+     * Calculates the initial touch distance.
+     *
+     * @param {Object} evt - Touch event.
+     * @param {Object} gestureState - Gesture state.
+     * @private
+     * @returns {void}
+     */
+    _onPanResponderGrant(evt: Object, { numberActiveTouches }: any) {
+        if (numberActiveTouches === 1) {
+            this.initialPosition = this._getTouchPosition(evt);
+            this.lastTap = Date.now();
+
+        } else if (numberActiveTouches === 2) {
+            this.initialDistance = this._getTouchDistance(evt);
+        }
+    }
+
+    /**
+     * Handles the PanResponder move (touch move) event.
+     *
+     * @param {Object} evt - Touch event.
+     * @param {Object} gestureState - Gesture state.
+     * @private
+     * @returns {void}
+     */
+    _onPanResponderMove(evt: Object, gestureState: any) {
+        if (gestureState.numberActiveTouches === 2) {
+            // this is a zoom event
+            if (
+                this.initialDistance === undefined
+                || isNaN(this.initialDistance)
+            ) {
+                // there is no initial distance because the user started
+                // with only one finger. We calculate it now.
+                this.initialDistance = this._getTouchDistance(evt);
+            } else {
+                const distance = this._getTouchDistance(evt);
+                const scale = distance / (this.initialDistance || 1);
+
+                this.initialDistance = distance;
+
+                this._onGesture('scale', scale);
+            }
+        } else if (gestureState.numberActiveTouches === 1
+                && (this.initialDistance === undefined
+                || isNaN(this.initialDistance))
+                && this._didMove(gestureState)) {
+            // this is a move event
+            const position = this._getTouchPosition(evt);
+            const move = {
+                x: position.x - this.initialPosition.x,
+                y: position.y - this.initialPosition.y
+            };
+
+            this.initialPosition = position;
+
+            this._onGesture('move', move);
+        }
+    }
+
+    /**
+     * Handles the PanResponder gesture end event.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onPanResponderRelease() {
+        if (this.lastTap && Date.now() - this.lastTap < TAP_TIMEOUT_MS) {
+            this._onGesture('press');
+        }
+
+        delete this.initialDistance;
+        this.initialPosition = {
+            x: 0,
+            y: 0
+        };
+    }
+
+    /**
+     * Function to decide whether the responder should respond to a start
+     * (touch) event.
+     *
+     * @private
+     * @returns {boolean}
+     */
+    _onStartShouldSetPanResponder() {
+        return typeof this.props.onPress === 'function';
+    }
+
+    /**
+     * Restores the last applied transform when the component is mounted, or
+     * a new stream is about to be rendered.
+     *
+     * @param {string} streamId - The stream id to restore transform for.
+     * @private
+     * @returns {void}
+     */
+    _restoreTransform(streamId: string) {
+        const savedTransform = this._getSavedTransform(streamId);
+
+        if (savedTransform) {
+            this.setState({
+                transform: savedTransform
+            });
+        }
+    }
+
+    /**
+     * Stores/saves the a transform when the component is destroyed, or a
+     * new stream is about to be rendered.
+     *
+     * @param {string} streamId - The stream id associated with the transform.
+     * @param {Object} transform - The {@Transform} to save.
+     * @private
+     * @returns {void}
+     */
+    _storeTransform(streamId: string, transform: Transform) {
+        const { _onUnmount, enabled } = this.props;
+
+        if (enabled) {
+            _onUnmount(streamId, transform);
+        }
+    }
+}
+
+/**
+ * Maps dispatching of some action to React component props.
+ *
+ * @param {Function} dispatch - Redux action dispatcher.
+ * @private
+ * @returns {{
+ *     _onUnmount: Function
+ * }}
+ */
+function _mapDispatchToProps(dispatch: IStore['dispatch']) {
+    return {
+        /**
+         * Dispatches actions to store the last applied transform to a video.
+         *
+         * @param {string} streamId - The ID of the stream.
+         * @param {Transform} transform - The last applied transform.
+         * @private
+         * @returns {void}
+         */
+        _onUnmount(streamId: string, transform: Transform) {
+            dispatch(storeVideoTransform(streamId, transform));
+        }
+    };
+}
+
+/**
+ * Maps (parts of) the redux state to the component's props.
+ *
+ * @param {Object} state - The redux state.
+ * @private
+ * @returns {{
+ *     _transforms: Object
+ * }}
+ */
+function _mapStateToProps(state: IReduxState) {
+    return {
+        _aspectRatio: state['features/base/responsive-ui'].aspectRatio,
+
+        /**
+         * The stored transforms retrieved from Redux to be initially applied to
+         * different streams.
+         *
+         * @private
+         * @type {Object}
+         */
+        _transforms: state['features/base/media'].video.transforms
+    };
+}
+
+export default connect(_mapStateToProps, _mapDispatchToProps)(VideoTransform);
diff --git a/react/features/base/media/components/native/styles.ts b/react/features/base/media/components/native/styles.ts
new file mode 100644
index 0000000..b937a6b
--- /dev/null
+++ b/react/features/base/media/components/native/styles.ts
@@ -0,0 +1,35 @@
+import { StyleSheet } from 'react-native';
+
+/**
+ * The styles of the feature base/media.
+ */
+export default StyleSheet.create({
+
+    /**
+     * Base style of the transformed video view.
+     */
+    videoTranformedView: {
+        flex: 1
+    },
+
+    /**
+     * A basic style to avoid rendering a transformed view off the component,
+     * that can be visible on special occasions, such as during device rotate
+     * animation, or PiP mode.
+     */
+    videoTransformedViewContainer: {
+        overflow: 'hidden'
+    },
+
+    videoTransformedViewContainerWide: {
+        overflow: 'hidden',
+        paddingRight: '16%'
+    },
+
+    /**
+     * Make {@code Video} fill its container.
+     */
+    video: {
+        flex: 1
+    }
+});
diff --git a/react/features/base/media/components/web/Audio.tsx b/react/features/base/media/components/web/Audio.tsx
new file mode 100644
index 0000000..da38afe
--- /dev/null
+++ b/react/features/base/media/components/web/Audio.tsx
@@ -0,0 +1,111 @@
+import React from 'react';
+
+import AbstractAudio, { IProps } from '../AbstractAudio';
+
+/**
+ * The React/Web {@link Component} which is similar to and wraps around
+ * {@code HTMLAudioElement} in order to facilitate cross-platform source code.
+ */
+export default class Audio extends AbstractAudio {
+    /**
+     * Set to <code>true</code> when the whole file is loaded.
+     */
+    _audioFileLoaded: boolean;
+
+    /**
+     * Reference to the HTML audio element, stored until the file is ready.
+     */
+    _ref?: HTMLAudioElement | null;
+
+    /**
+     * Creates new <code>Audio</code> element instance with given props.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handlers so they are only bound once for every instance.
+        this._onCanPlayThrough = this._onCanPlayThrough.bind(this);
+        this._setRef = this._setRef?.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        return (
+            <audio
+                loop = { Boolean(this.props.loop) }
+                onCanPlayThrough = { this._onCanPlayThrough }
+                preload = 'auto'
+                ref = { this._setRef }
+                src = { this.props.src } />
+        );
+    }
+
+    /**
+     * Stops the audio HTML element.
+     *
+     * @returns {void}
+     */
+    override stop() {
+        if (this._ref) {
+            this._ref.pause();
+            this._ref.currentTime = 0;
+        }
+    }
+
+    /**
+     * If audio element reference has been set and the file has been
+     * loaded then {@link setAudioElementImpl} will be called to eventually add
+     * the audio to the Redux store.
+     *
+     * @private
+     * @returns {void}
+     */
+    _maybeSetAudioElementImpl() {
+        if (this._ref && this._audioFileLoaded) {
+            this.setAudioElementImpl(this._ref);
+        }
+    }
+
+    /**
+     * Called when 'canplaythrough' event is triggered on the audio element,
+     * which means that the whole file has been loaded.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onCanPlayThrough() {
+        this._audioFileLoaded = true;
+        this._maybeSetAudioElementImpl();
+    }
+
+    /**
+     * Sets the reference to the HTML audio element.
+     *
+     * @param {HTMLAudioElement} audioElement - The HTML audio element instance.
+     * @private
+     * @returns {void}
+     */
+    _setRef(audioElement?: HTMLAudioElement | null) {
+        this._ref = audioElement;
+
+        if (audioElement) {
+            this._maybeSetAudioElementImpl();
+        } else {
+            // AbstractAudioElement is supposed to trigger "removeAudio" only if
+            // it was previously added, so it's safe to just call it.
+            this.setAudioElementImpl(null);
+
+            // Reset the loaded flag, as the audio element is being removed from
+            // the DOM tree.
+            this._audioFileLoaded = false;
+        }
+    }
+}
diff --git a/react/features/base/media/components/web/AudioTrack.tsx b/react/features/base/media/components/web/AudioTrack.tsx
new file mode 100644
index 0000000..caa02f0
--- /dev/null
+++ b/react/features/base/media/components/web/AudioTrack.tsx
@@ -0,0 +1,314 @@
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+
+import { createAudioPlayErrorEvent, createAudioPlaySuccessEvent } from '../../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../../analytics/functions';
+import { IReduxState } from '../../../../app/types';
+import { ITrack } from '../../../tracks/types';
+import logger from '../../logger';
+
+/**
+ * The type of the React {@code Component} props of {@link AudioTrack}.
+ */
+interface IProps {
+
+    /**
+     * Represents muted property of the underlying audio element.
+     */
+    _muted?: boolean;
+
+    /**
+     * Represents volume property of the underlying audio element.
+     */
+    _volume?: number | boolean;
+
+    /**
+     * The audio track.
+     */
+    audioTrack?: ITrack;
+
+    /**
+     * Used to determine the value of the autoplay attribute of the underlying
+     * audio element.
+     */
+    autoPlay: boolean;
+
+    /**
+     * The value of the id attribute of the audio element.
+     */
+    id: string;
+
+    /**
+     * The ID of the participant associated with the audio element.
+     */
+    participantId: string;
+}
+
+/**
+ * The React/Web {@link Component} which is similar to and wraps around {@code HTMLAudioElement}.
+ */
+class AudioTrack extends Component<IProps> {
+    /**
+     * Reference to the HTML audio element, stored until the file is ready.
+     */
+    _ref: React.RefObject<HTMLAudioElement>;
+
+    /**
+     * The current timeout ID for play() retries.
+     */
+    _playTimeout: number | undefined;
+
+    /**
+     * Default values for {@code AudioTrack} component's properties.
+     *
+     * @static
+     */
+    static defaultProps = {
+        autoPlay: true,
+        id: ''
+    };
+
+
+    /**
+     * Creates new <code>Audio</code> element instance with given props.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handlers so they are only bound once for every instance.
+        this._errorHandler = this._errorHandler.bind(this);
+        this._ref = React.createRef();
+        this._play = this._play.bind(this);
+    }
+
+
+    /**
+     * Attaches the audio track to the audio element and plays it.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidMount() {
+        this._attachTrack(this.props.audioTrack);
+
+        if (this._ref?.current) {
+            const audio = this._ref?.current;
+            const { _muted, _volume } = this.props;
+
+            if (typeof _volume === 'number') {
+                audio.volume = _volume;
+            }
+
+            if (typeof _muted === 'boolean') {
+                audio.muted = _muted;
+            }
+
+            // @ts-ignore
+            audio.addEventListener('error', this._errorHandler);
+        } else { // This should never happen
+            logger.error(`The react reference is null for AudioTrack ${this.props?.id}`);
+        }
+    }
+
+    /**
+     * Remove any existing associations between the current audio track and the
+     * component's audio element.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentWillUnmount() {
+        this._detachTrack(this.props.audioTrack);
+
+        // @ts-ignore
+        this._ref?.current?.removeEventListener('error', this._errorHandler);
+    }
+
+    /**
+     * This component's updating is blackboxed from React to prevent re-rendering of the audio
+     * element, as we set all the properties manually.
+     *
+     * @inheritdoc
+     * @returns {boolean} - False is always returned to blackbox this component
+     * from React.
+     */
+    override shouldComponentUpdate(nextProps: IProps) {
+        const currentJitsiTrack = this.props.audioTrack?.jitsiTrack;
+        const nextJitsiTrack = nextProps.audioTrack?.jitsiTrack;
+
+        if (currentJitsiTrack !== nextJitsiTrack) {
+            this._detachTrack(this.props.audioTrack);
+            this._attachTrack(nextProps.audioTrack);
+        }
+
+        if (this._ref?.current) {
+            const audio = this._ref?.current;
+            const currentVolume = audio.volume;
+            const nextVolume = nextProps._volume;
+
+            if (typeof nextVolume === 'number' && !isNaN(nextVolume) && currentVolume !== nextVolume) {
+                if (nextVolume === 0) {
+                    logger.debug(`Setting audio element ${nextProps?.id} volume to 0`);
+                }
+                audio.volume = nextVolume;
+            }
+
+            const currentMuted = audio.muted;
+            const nextMuted = nextProps._muted;
+
+            if (typeof nextMuted === 'boolean' && currentMuted !== nextMuted) {
+                logger.debug(`Setting audio element ${nextProps?.id} muted to true`);
+
+                audio.muted = nextMuted;
+            }
+        }
+
+        return false;
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { autoPlay, id } = this.props;
+
+        return (
+            <audio
+                autoPlay = { autoPlay }
+                id = { id }
+                ref = { this._ref } />
+        );
+    }
+
+    /**
+     * Calls into the passed in track to associate the track with the component's audio element.
+     *
+     * @param {Object} track - The redux representation of the {@code JitsiLocalTrack}.
+     * @private
+     * @returns {void}
+     */
+    _attachTrack(track?: ITrack) {
+        const { id } = this.props;
+
+        if (!track?.jitsiTrack) {
+            logger.warn(`Attach is called on audio element ${id} without tracks passed!`);
+
+            return;
+        }
+
+        if (!this._ref?.current) {
+            logger.warn(`Attempting to attach track ${track?.jitsiTrack} on AudioTrack ${id} without reference!`);
+
+            return;
+        }
+
+        track.jitsiTrack.attach(this._ref.current)
+            .catch((error: Error) => {
+                logger.error(
+                    `Attaching the remote track ${track.jitsiTrack} to video with id ${id} has failed with `,
+                    error);
+            })
+            .finally(() => {
+                this._play();
+            });
+    }
+
+    /**
+     * Removes the association to the component's audio element from the passed
+     * in redux representation of jitsi audio track.
+     *
+     * @param {Object} track -  The redux representation of the {@code JitsiLocalTrack}.
+     * @private
+     * @returns {void}
+     */
+    _detachTrack(track?: ITrack) {
+        if (this._ref?.current && track?.jitsiTrack) {
+            clearTimeout(this._playTimeout);
+            this._playTimeout = undefined;
+            track.jitsiTrack.detach(this._ref.current);
+        }
+    }
+
+    /**
+     * Reattaches the audio track to the underlying HTMLAudioElement when an 'error' event is fired.
+     *
+     * @param {Error} error - The error event fired on the HTMLAudioElement.
+     * @returns {void}
+     */
+    _errorHandler(error: Error) {
+        logger.error(`Error ${error?.message} called on audio track ${this.props.audioTrack?.jitsiTrack}. `
+            + 'Attempting to reattach the audio track to the element and execute play on it');
+        this._detachTrack(this.props.audioTrack);
+        this._attachTrack(this.props.audioTrack);
+    }
+
+    /**
+     * Plays the underlying HTMLAudioElement.
+     *
+     * @param {number} retries - The number of previously failed retries.
+     * @returns {void}
+     */
+    _play(retries = 0) {
+        const { autoPlay, id } = this.props;
+
+        if (!this._ref?.current) {
+            // nothing to play.
+            logger.warn(`Attempting to call play on AudioTrack ${id} without reference!`);
+
+            return;
+        }
+
+        if (autoPlay) {
+            // Ensure the audio gets play() called on it. This may be necessary in the
+            // case where the local video container was moved and re-attached, in which
+            // case the audio may not autoplay.
+            this._ref.current.play()
+            .then(() => {
+                if (retries !== 0) {
+                    // success after some failures
+                    this._playTimeout = undefined;
+                    sendAnalytics(createAudioPlaySuccessEvent(id));
+                    logger.info(`Successfully played audio track! retries: ${retries}`);
+                }
+            }, e => {
+                logger.error(`Failed to play audio track on audio element ${id}! retry: ${retries} ; Error:`, e);
+
+                if (retries < 3) {
+                    this._playTimeout = window.setTimeout(() => this._play(retries + 1), 1000);
+
+                    if (retries === 0) {
+                        // send only 1 error event.
+                        sendAnalytics(createAudioPlayErrorEvent(id));
+                    }
+                } else {
+                    this._playTimeout = undefined;
+                }
+            });
+        }
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated {@code AudioTrack}'s props.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {Object} ownProps - The props passed to the component.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState, ownProps: any) {
+    const { participantsVolume } = state['features/filmstrip'];
+
+    return {
+        _muted: state['features/base/config'].startSilent,
+        _volume: participantsVolume[ownProps.participantId]
+    };
+}
+
+export default connect(_mapStateToProps)(AudioTrack);
diff --git a/react/features/base/media/components/web/Video.tsx b/react/features/base/media/components/web/Video.tsx
new file mode 100644
index 0000000..cda4a1f
--- /dev/null
+++ b/react/features/base/media/components/web/Video.tsx
@@ -0,0 +1,391 @@
+import React, { Component, ReactEventHandler } from 'react';
+
+import { ITrack } from '../../../tracks/types';
+import logger from '../../logger';
+
+/**
+ * The type of the React {@code Component} props of {@link Video}.
+ */
+interface IProps {
+
+    /**
+     * Used to determine the value of the autoplay attribute of the underlying
+     * video element.
+     */
+    autoPlay: boolean;
+
+    /**
+     * CSS classes to add to the video element.
+     */
+    className: string;
+
+    /**
+     * A map of the event handlers for the video HTML element.
+     */
+    eventHandlers?: {
+
+        /**
+         * OnAbort event handler.
+         */
+        onAbort?: ReactEventHandler<HTMLVideoElement>;
+
+        /**
+         * OnCanPlay event handler.
+         */
+        onCanPlay?: ReactEventHandler<HTMLVideoElement>;
+
+        /**
+         * OnCanPlayThrough event handler.
+         */
+        onCanPlayThrough?: ReactEventHandler<HTMLVideoElement>;
+
+        /**
+         * OnEmptied event handler.
+         */
+        onEmptied?: ReactEventHandler<HTMLVideoElement>;
+
+        /**
+         * OnEnded event handler.
+         */
+        onEnded?: ReactEventHandler<HTMLVideoElement>;
+
+        /**
+         * OnError event handler.
+         */
+        onError?: ReactEventHandler<HTMLVideoElement>;
+
+        /**
+         * OnLoadStart event handler.
+         */
+        onLoadStart?: ReactEventHandler<HTMLVideoElement>;
+
+        /**
+         * OnLoadedData event handler.
+         */
+        onLoadedData?: ReactEventHandler<HTMLVideoElement>;
+
+        /**
+         * OnLoadedMetadata event handler.
+         */
+        onLoadedMetadata?: ReactEventHandler<HTMLVideoElement>;
+
+        /**
+         * OnPause event handler.
+         */
+        onPause?: ReactEventHandler<HTMLVideoElement>;
+
+        /**
+         * OnPlay event handler.
+         */
+        onPlay?: ReactEventHandler<HTMLVideoElement>;
+
+        /**
+         * OnPlaying event handler.
+         */
+        onPlaying?: ReactEventHandler<HTMLVideoElement>;
+
+        /**
+         * OnRateChange event handler.
+         */
+        onRateChange?: ReactEventHandler<HTMLVideoElement>;
+
+        /**
+         * OnStalled event handler.
+         */
+        onStalled?: ReactEventHandler<HTMLVideoElement>;
+
+        /**
+         * OnSuspend event handler.
+         */
+        onSuspend?: ReactEventHandler<HTMLVideoElement>;
+
+        /**
+         * OnWaiting event handler.
+         */
+        onWaiting?: ReactEventHandler<HTMLVideoElement>;
+    };
+
+    /**
+     * The value of the id attribute of the video. Used by the torture tests to
+     * locate video elements.
+     */
+    id: string;
+
+    /**
+     * Used on native.
+     */
+    mirror?: boolean;
+
+    /**
+     * The value of the muted attribute for the underlying video element.
+     */
+    muted?: boolean;
+
+    /**
+     * Used on native.
+     */
+    onPlaying?: Function;
+
+    /**
+     * Used on native.
+     */
+    onPress?: Function;
+
+    /**
+     * Optional callback to invoke once the video starts playing.
+     */
+    onVideoPlaying?: Function;
+
+    /**
+     * Used to determine the value of the autoplay attribute of the underlying
+     * video element.
+     */
+    playsinline: boolean;
+
+    /**
+     * Used on native.
+     */
+    stream?: any;
+
+    /**
+     * A styles that will be applied on the video element.
+     */
+    style?: Object;
+
+    /**
+     * The JitsiLocalTrack to display.
+     */
+    videoTrack?: Partial<ITrack>;
+
+    /**
+     * Used on native.
+     */
+    zOrder?: number;
+
+    /**
+     * Used on native.
+     */
+    zoomEnabled?: boolean;
+}
+
+/**
+ * Component that renders a video element for a passed in video track.
+ *
+ * @augments Component
+ */
+class Video extends Component<IProps> {
+    _videoElement?: HTMLVideoElement | null;
+    _mounted: boolean;
+
+    /**
+     * Default values for {@code Video} component's properties.
+     *
+     * @static
+     */
+    static defaultProps = {
+        className: '',
+        autoPlay: true,
+        id: '',
+        playsinline: true
+    };
+
+    /**
+     * Initializes a new {@code Video} instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        /**
+         * The internal reference to the DOM/HTML element intended for
+         * displaying a video.
+         *
+         * @private
+         * @type {HTMLVideoElement}
+         */
+        this._videoElement = null;
+
+
+        // Bind event handlers so they are only bound once for every instance.
+        this._onVideoPlaying = this._onVideoPlaying.bind(this);
+        this._setVideoElement = this._setVideoElement.bind(this);
+    }
+
+    /**
+     * Invokes the library for rendering the video on initial display. Sets the
+     * volume level to zero to ensure no sound plays.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidMount() {
+        this._mounted = true;
+
+        if (this._videoElement) {
+            this._videoElement.volume = 0;
+            this._videoElement.onplaying = this._onVideoPlaying;
+        }
+
+        this._attachTrack(this.props.videoTrack).finally(() => {
+            if (this._videoElement && this.props.autoPlay) {
+                // Ensure the video gets play() called on it. This may be necessary in the
+                // case where the local video container was moved and re-attached, in which
+                // case video does not autoplay.
+
+                this._videoElement.play()
+                .catch(error => {
+                    // Prevent uncaught "DOMException: The play() request was interrupted by a new load request"
+                    // when video playback takes long to start and it starts after the component was unmounted.
+                    if (this._mounted) {
+                        logger.error(`Error while trying to play video with id ${
+                            this.props.id} and video track ${this.props.videoTrack?.jitsiTrack}: ${error}`);
+                    }
+                });
+            }
+        });
+    }
+
+    /**
+     * Remove any existing associations between the current video track and the
+     * component's video element.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentWillUnmount() {
+        this._mounted = false;
+        this._detachTrack(this.props.videoTrack);
+    }
+
+    /**
+     * Updates the video display only if a new track is added. This component's
+     * updating is blackboxed from React to prevent re-rendering of video
+     * element, as the lib uses {@code track.attach(videoElement)} instead.
+     *
+     * @inheritdoc
+     * @returns {boolean} - False is always returned to blackbox this component
+     * from React.
+     */
+    override shouldComponentUpdate(nextProps: IProps) {
+        const currentJitsiTrack = this.props.videoTrack?.jitsiTrack;
+        const nextJitsiTrack = nextProps.videoTrack?.jitsiTrack;
+
+        if (currentJitsiTrack !== nextJitsiTrack) {
+            this._detachTrack(this.props.videoTrack);
+            this._attachTrack(nextProps.videoTrack).catch((_error: Error) => {
+                // Ignore the error. We are already logging it.
+            });
+
+            // NOTE: We may want to consider calling .play() explicitly in this case if any issues araise in future.
+            // For now it seems we are good with the autoplay attribute of the video element.
+        }
+
+        if (this.props.style !== nextProps.style || this.props.className !== nextProps.className) {
+            return true;
+        }
+
+        return false;
+    }
+
+    /**
+     * Renders the video element.
+     *
+     * @override
+     * @returns {ReactElement}
+     */
+    override render() {
+        const {
+            autoPlay,
+            className,
+            id,
+            muted,
+            playsinline,
+            style,
+            eventHandlers
+        } = this.props;
+
+        return (
+            <video
+                autoPlay = { autoPlay }
+                className = { className }
+                id = { id }
+                muted = { muted }
+                playsInline = { playsinline }
+                ref = { this._setVideoElement }
+                style = { style }
+                { ...eventHandlers } />
+        );
+    }
+
+    /**
+     * Calls into the passed in track to associate the track with the
+     * component's video element and render video.
+     *
+     * @param {Object} videoTrack - The redux representation of the
+     * {@code JitsiLocalTrack}.
+     * @private
+     * @returns {void}
+     */
+    _attachTrack(videoTrack?: Partial<ITrack>) {
+        const { id } = this.props;
+
+        if (!videoTrack?.jitsiTrack) {
+            logger.warn(`Attach is called on video element ${id} without tracks passed!`);
+
+            // returning Promise.resolve just keep the previous logic.
+            // TODO: Check if it make sense to call play on this element or we can just return promise.reject().
+            return Promise.resolve();
+        }
+
+        return videoTrack.jitsiTrack.attach(this._videoElement)
+            .catch((error: Error) => {
+                logger.error(
+                    `Attaching the remote track ${videoTrack.jitsiTrack} to video with id ${id} has failed with `,
+                    error);
+            });
+    }
+
+    /**
+     * Removes the association to the component's video element from the passed
+     * in redux representation of jitsi video track to stop the track from
+     * rendering.
+     *
+     * @param {Object} videoTrack -  The redux representation of the
+     * {@code JitsiLocalTrack}.
+     * @private
+     * @returns {void}
+     */
+    _detachTrack(videoTrack?: Partial<ITrack>) {
+        if (this._videoElement && videoTrack?.jitsiTrack) {
+            videoTrack.jitsiTrack.detach(this._videoElement);
+        }
+    }
+
+    /**
+     * Invokes the onvideoplaying callback if defined.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onVideoPlaying() {
+        if (this.props.onVideoPlaying) {
+            this.props.onVideoPlaying();
+        }
+    }
+
+    /**
+     * Sets an instance variable for the component's video element so it can be
+     * referenced later for attaching and detaching a JitsiLocalTrack.
+     *
+     * @param {Object} element - DOM element for the component's video display.
+     * @private
+     * @returns {void}
+     */
+    _setVideoElement(element: HTMLVideoElement | null) {
+        this._videoElement = element;
+    }
+}
+
+export default Video;
diff --git a/react/features/base/media/components/web/VideoTrack.tsx b/react/features/base/media/components/web/VideoTrack.tsx
new file mode 100644
index 0000000..ef9e9f3
--- /dev/null
+++ b/react/features/base/media/components/web/VideoTrack.tsx
@@ -0,0 +1,197 @@
+import React, { ReactEventHandler } from 'react';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../../app/types';
+import AbstractVideoTrack, { IProps as AbstractVideoTrackProps } from '../AbstractVideoTrack';
+
+import Video from './Video';
+
+/**
+ * The type of the React {@code Component} props of {@link VideoTrack}.
+ */
+interface IProps extends AbstractVideoTrackProps {
+
+    /**
+     *
+     * Used to determine the value of the autoplay attribute of the underlying
+     * video element.
+     */
+    _noAutoPlayVideo: boolean;
+
+    /**
+     * CSS classes to add to the video element.
+     */
+    className: string;
+
+    /**
+     * A map of the event handlers for the video HTML element.
+     */
+    eventHandlers?: {
+
+        /**
+         * OnAbort event handler.
+         */
+        onAbort?: ReactEventHandler<HTMLVideoElement>;
+
+        /**
+         * OnCanPlay event handler.
+         */
+        onCanPlay?: ReactEventHandler<HTMLVideoElement>;
+
+        /**
+         * OnCanPlayThrough event handler.
+         */
+        onCanPlayThrough?: ReactEventHandler<HTMLVideoElement>;
+
+        /**
+         * OnEmptied event handler.
+         */
+        onEmptied?: ReactEventHandler<HTMLVideoElement>;
+
+        /**
+         * OnEnded event handler.
+         */
+        onEnded?: ReactEventHandler<HTMLVideoElement>;
+
+        /**
+         * OnError event handler.
+         */
+        onError?: ReactEventHandler<HTMLVideoElement>;
+
+        /**
+         * OnLoadStart event handler.
+         */
+        onLoadStart?: ReactEventHandler<HTMLVideoElement>;
+
+        /**
+         * OnLoadedData event handler.
+         */
+        onLoadedData?: ReactEventHandler<HTMLVideoElement>;
+
+        /**
+         * OnLoadedMetadata event handler.
+         */
+        onLoadedMetadata?: ReactEventHandler<HTMLVideoElement>;
+
+        /**
+         * OnPause event handler.
+         */
+        onPause?: ReactEventHandler<HTMLVideoElement>;
+
+        /**
+         * OnPlay event handler.
+         */
+        onPlay?: ReactEventHandler<HTMLVideoElement>;
+
+        /**
+         * OnPlaying event handler.
+         */
+        onPlaying?: ReactEventHandler<HTMLVideoElement>;
+
+        /**
+         * OnRateChange event handler.
+         */
+        onRateChange?: ReactEventHandler<HTMLVideoElement>;
+
+        /**
+         * OnStalled event handler.
+         */
+        onStalled?: ReactEventHandler<HTMLVideoElement>;
+
+        /**
+         * OnSuspend event handler.
+         */
+        onSuspend?: ReactEventHandler<HTMLVideoElement>;
+
+        /**
+         * OnWaiting event handler.
+         */
+        onWaiting?: ReactEventHandler<HTMLVideoElement>;
+    };
+
+    /**
+     * The value of the id attribute of the video. Used by the torture tests
+     * to locate video elements.
+     */
+    id: string;
+
+    /**
+     * The value of the muted attribute for the underlying element.
+     */
+    muted?: boolean;
+
+    /**
+     * A styles that will be applied on the video element.
+     */
+    style: Object;
+}
+
+/**
+ * Component that renders a video element for a passed in video track and
+ * notifies the store when the video has started playing.
+ *
+ * @augments AbstractVideoTrack
+ */
+class VideoTrack extends AbstractVideoTrack<IProps> {
+    /**
+     * Default values for {@code VideoTrack} component's properties.
+     *
+     * @static
+     */
+    static defaultProps = {
+        className: '',
+
+        id: ''
+    };
+
+    /**
+     * Renders the video element.
+     *
+     * @override
+     * @returns {ReactElement}
+     */
+    override render() {
+        const {
+            _noAutoPlayVideo,
+            className,
+            id,
+            muted,
+            videoTrack,
+            style,
+            eventHandlers
+        } = this.props;
+
+        return (
+
+            <Video
+                autoPlay = { !_noAutoPlayVideo }
+                className = { className }
+                eventHandlers = { eventHandlers }
+                id = { id }
+                muted = { muted }
+                onVideoPlaying = { this._onVideoPlaying }
+                style = { style }
+                videoTrack = { videoTrack } />
+        );
+    }
+}
+
+
+/**
+ * Maps (parts of) the Redux state to the associated VideoTracks props.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {{
+ *     _noAutoPlayVideo: boolean
+ * }}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const testingConfig = state['features/base/config'].testing;
+
+    return {
+        _noAutoPlayVideo: Boolean(testingConfig?.noAutoPlayVideo)
+    };
+}
+
+export default connect(_mapStateToProps)(VideoTrack);
diff --git a/react/features/base/media/constants.ts b/react/features/base/media/constants.ts
new file mode 100644
index 0000000..4ede658
--- /dev/null
+++ b/react/features/base/media/constants.ts
@@ -0,0 +1,74 @@
+/**
+ * The set of facing modes for camera.
+ *
+ * @enum {string}
+ */
+export const CAMERA_FACING_MODE: Record<string, string> = {
+    ENVIRONMENT: 'environment',
+    USER: 'user'
+};
+
+export type MediaType = 'audio' | 'video' | 'screenshare';
+
+/**
+ * The set of media types.
+ *
+ * @enum {string}
+ */
+export const MEDIA_TYPE: {
+    AUDIO: MediaType;
+    SCREENSHARE: MediaType;
+    VIDEO: MediaType;
+} = {
+    AUDIO: 'audio',
+    SCREENSHARE: 'screenshare',
+    VIDEO: 'video'
+};
+
+
+/* eslint-disable no-bitwise */
+
+/**
+ * The types of authorities which may mute/unmute the local screenshare.
+ *
+ * @enum {number}
+ */
+export const SCREENSHARE_MUTISM_AUTHORITY = {
+    AUDIO_ONLY: 1 << 0,
+    USER: 1 << 2
+};
+
+/**
+ * The languages supported for audio files.
+ */
+export enum AudioSupportedLanguage {
+    en = 'en',
+    fr = 'fr',
+    frCA = 'frCA'
+}
+
+/**
+ * The types of authorities which may mute/unmute the local video.
+ *
+ * @enum {number}
+ */
+export const VIDEO_MUTISM_AUTHORITY = {
+    AUDIO_ONLY: 1 << 0,
+    BACKGROUND: 1 << 1,
+    USER: 1 << 2,
+    CAR_MODE: 1 << 3
+};
+
+/* eslint-enable no-bitwise */
+
+/**
+ * The types of video tracks.
+ *
+ * @enum {string}
+ */
+export const VIDEO_TYPE: { [key: string]: VideoType; } = {
+    CAMERA: 'camera',
+    DESKTOP: 'desktop'
+};
+
+export type VideoType = 'camera' | 'desktop';
diff --git a/react/features/base/media/functions.ts b/react/features/base/media/functions.ts
new file mode 100644
index 0000000..8434095
--- /dev/null
+++ b/react/features/base/media/functions.ts
@@ -0,0 +1,156 @@
+import { IStateful } from '../app/types';
+import { toState } from '../redux/functions';
+import { getPropertyValue } from '../settings/functions';
+
+import { AudioSupportedLanguage, VIDEO_MUTISM_AUTHORITY } from './constants';
+
+
+// XXX The configurations/preferences/settings startWithAudioMuted and startWithVideoMuted were introduced for
+// conferences/meetings. So it makes sense for these to not be considered outside of conferences/meetings
+// (e.g. WelcomePage). Later on, though, we introduced a "Video <-> Voice" toggle on the WelcomePage which utilizes
+// startAudioOnly outside of conferences/meetings so that particular configuration/preference/setting employs slightly
+// exclusive logic.
+const START_WITH_AUDIO_VIDEO_MUTED_SOURCES = {
+    // We have startWithAudioMuted and startWithVideoMuted here:
+    config: true,
+    settings: true,
+
+    // XXX We've already overwritten base/config with urlParams. However,
+    // settings are more important than the server-side config.
+    // Consequently, we need to read from urlParams anyway:
+    urlParams: true,
+
+    // We don't have startWithAudioMuted and startWithVideoMuted here:
+    jwt: false
+};
+
+/**
+ * Determines whether audio is currently muted.
+ *
+ * @param {Function|Object} stateful - The redux store, state, or
+ * {@code getState} function.
+ * @returns {boolean}
+ */
+export function isAudioMuted(stateful: IStateful) {
+    return Boolean(toState(stateful)['features/base/media'].audio.muted);
+}
+
+/**
+ * Determines whether video is currently muted by the audio-only authority.
+ *
+ * @param {Function|Object} stateful - The redux store, state, or
+ * {@code getState} function.
+ * @returns {boolean}
+ */
+export function isVideoMutedByAudioOnly(stateful: IStateful) {
+    return (
+        _isVideoMutedByAuthority(stateful, VIDEO_MUTISM_AUTHORITY.AUDIO_ONLY));
+}
+
+/**
+ * Determines whether video is currently muted by a specific
+ * {@code VIDEO_MUTISM_AUTHORITY}.
+ *
+ * @param {Function|Object} stateful - The redux store, state, or
+ * {@code getState} function.
+ * @param {number} videoMutismAuthority - The {@code VIDEO_MUTISM_AUTHORITY}
+ * which is to be checked whether it has muted video.
+ * @returns {boolean} If video is currently muted by the specified
+ * {@code videoMutismAuthority}, then {@code true}; otherwise, {@code false}.
+ */
+function _isVideoMutedByAuthority(
+        stateful: IStateful,
+        videoMutismAuthority: number) {
+    const { muted } = toState(stateful)['features/base/media'].video;
+
+    // eslint-disable-next-line no-bitwise
+    return Boolean(muted & videoMutismAuthority);
+}
+
+/**
+ * Computes the startWithAudioMuted by retrieving its values from config, URL and settings.
+ *
+ * @param {Object|Function} stateful - The redux state object or {@code getState} function.
+ * @returns {boolean} - The computed startWithAudioMuted value that will be used.
+ */
+export function getStartWithAudioMuted(stateful: IStateful) {
+    return Boolean(getPropertyValue(stateful, 'startWithAudioMuted', START_WITH_AUDIO_VIDEO_MUTED_SOURCES))
+        || Boolean(getPropertyValue(stateful, 'startSilent', START_WITH_AUDIO_VIDEO_MUTED_SOURCES));
+}
+
+/**
+ * Computes the startWithVideoMuted by retrieving its values from config, URL and settings.
+ *
+ * @param {Object|Function} stateful - The redux state object or {@code getState} function.
+ * @returns {boolean} - The computed startWithVideoMuted value that will be used.
+ */
+export function getStartWithVideoMuted(stateful: IStateful) {
+    return Boolean(getPropertyValue(stateful, 'startWithVideoMuted', START_WITH_AUDIO_VIDEO_MUTED_SOURCES));
+}
+
+/**
+ * Determines whether screen-share is currently muted.
+ *
+ * @param {Function|Object} stateful - The redux store, state, or {@code getState} function.
+ * @returns {boolean}
+ */
+export function isScreenshareMuted(stateful: IStateful) {
+    return Boolean(toState(stateful)['features/base/media'].screenshare.muted);
+}
+
+/**
+ * Determines whether video is currently muted.
+ *
+ * @param {Function|Object} stateful - The redux store, state, or {@code getState} function.
+ * @returns {boolean}
+ */
+export function isVideoMuted(stateful: IStateful) {
+    return Boolean(toState(stateful)['features/base/media'].video.muted);
+}
+
+/**
+ * Determines whether video is currently muted by the user authority.
+ *
+ * @param {Function|Object} stateful - The redux store, state, or
+ * {@code getState} function.
+ * @returns {boolean}
+ */
+export function isVideoMutedByUser(stateful: IStateful) {
+    return _isVideoMutedByAuthority(stateful, VIDEO_MUTISM_AUTHORITY.USER);
+}
+
+/**
+ * Determines whether a specific videoTrack should be rendered.
+ *
+ * @param {Track} videoTrack - The video track which is to be rendered.
+ * @param {boolean} waitForVideoStarted - True if the specified videoTrack
+ * should be rendered only after its associated video has started;
+ * otherwise, false.
+ * @returns {boolean} True if the specified videoTrack should be rendered;
+ * otherwise, false.
+ */
+export function shouldRenderVideoTrack(
+        videoTrack: { muted: boolean; videoStarted: boolean; } | undefined,
+        waitForVideoStarted: boolean) {
+    return (
+        videoTrack
+            && !videoTrack.muted
+            && (!waitForVideoStarted || videoTrack.videoStarted));
+}
+
+/**
+ * Computes the localized sound file source.
+ *
+ * @param {string} file - The default file source.
+ * @param {string} language - The language to use for localization.
+ * @returns {string}
+ */
+export const getSoundFileSrc = (file: string, language: string): string => {
+    if (!AudioSupportedLanguage[language as keyof typeof AudioSupportedLanguage]
+        || language === AudioSupportedLanguage.en) {
+        return file;
+    }
+    const fileTokens = file.split('.');
+
+    return `${fileTokens[0]}_${language}.${fileTokens[1]}`;
+};
diff --git a/react/features/base/media/logger.ts b/react/features/base/media/logger.ts
new file mode 100644
index 0000000..66755c8
--- /dev/null
+++ b/react/features/base/media/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../logging/functions';
+
+export default getLogger('app:media');
diff --git a/react/features/base/media/middleware.any.ts b/react/features/base/media/middleware.any.ts
new file mode 100644
index 0000000..88f43c6
--- /dev/null
+++ b/react/features/base/media/middleware.any.ts
@@ -0,0 +1,339 @@
+import { AnyAction } from 'redux';
+
+import {
+    createStartAudioOnlyEvent,
+    createStartMutedConfigurationEvent,
+    createSyncTrackStateEvent,
+    createTrackMutedEvent
+} from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { IStore } from '../../app/types';
+import { MEDIA_TYPE as AVM_MEDIA_TYPE } from '../../av-moderation/constants';
+import { isForceMuted } from '../../av-moderation/functions';
+import { APP_STATE_CHANGED } from '../../mobile/background/actionTypes';
+import { showWarningNotification } from '../../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE } from '../../notifications/constants';
+import { isScreenMediaShared } from '../../screen-share/functions';
+import { SET_AUDIO_ONLY } from '../audio-only/actionTypes';
+import { setAudioOnly } from '../audio-only/actions';
+import { SET_ROOM } from '../conference/actionTypes';
+import { isRoomValid } from '../conference/functions';
+import { PARTICIPANT_MUTED_US } from '../participants/actionTypes';
+import { getLocalParticipant } from '../participants/functions';
+import MiddlewareRegistry from '../redux/MiddlewareRegistry';
+import { getPropertyValue } from '../settings/functions.any';
+import { TRACK_ADDED } from '../tracks/actionTypes';
+import { destroyLocalTracks } from '../tracks/actions.any';
+import {
+    getCameraFacingMode,
+    isLocalTrackMuted,
+    isLocalVideoTrackDesktop,
+    setTrackMuted
+} from '../tracks/functions.any';
+import { ITrack } from '../tracks/types';
+
+import {
+    SET_AUDIO_MUTED,
+    SET_AUDIO_UNMUTE_PERMISSIONS,
+    SET_SCREENSHARE_MUTED,
+    SET_VIDEO_MUTED,
+    SET_VIDEO_UNMUTE_PERMISSIONS
+} from './actionTypes';
+import {
+    setAudioMuted,
+    setCameraFacingMode,
+    setScreenshareMuted,
+    setVideoMuted
+} from './actions';
+import {
+    MEDIA_TYPE,
+    SCREENSHARE_MUTISM_AUTHORITY,
+    VIDEO_MUTISM_AUTHORITY,
+    VIDEO_TYPE
+} from './constants';
+import { getStartWithAudioMuted, getStartWithVideoMuted } from './functions';
+import logger from './logger';
+import {
+    _AUDIO_INITIAL_MEDIA_STATE,
+    _VIDEO_INITIAL_MEDIA_STATE
+} from './reducer';
+
+/**
+ * Implements the entry point of the middleware of the feature base/media.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case APP_STATE_CHANGED:
+        return _appStateChanged(store, next, action);
+
+    case PARTICIPANT_MUTED_US: {
+        const { dispatch } = store;
+        const { track } = action;
+
+        // Sync the media muted state with the track muted state.
+        if (track.isAudioTrack()) {
+            dispatch(setAudioMuted(true, /* ensureTrack */ false));
+        } else if (track.isVideoTrack()) {
+            if (track.getVideoType() === VIDEO_TYPE.DESKTOP) {
+                dispatch(setScreenshareMuted(true, SCREENSHARE_MUTISM_AUTHORITY.USER, /* ensureTrack */ false));
+            } else {
+                dispatch(setVideoMuted(true, VIDEO_MUTISM_AUTHORITY.USER, /* ensureTrack */ false));
+            }
+        }
+
+        break;
+    }
+
+    case SET_AUDIO_ONLY:
+        return _setAudioOnly(store, next, action);
+
+    case SET_ROOM:
+        return _setRoom(store, next, action);
+
+    case TRACK_ADDED: {
+        const result = next(action);
+        const { track } = action;
+
+        // Don't sync track mute state with the redux store for screenshare
+        // since video mute state represents local camera mute state only.
+        track.local && track.videoType !== 'desktop'
+            && _syncTrackMutedState(store, track);
+
+        return result;
+    }
+
+    case SET_AUDIO_MUTED: {
+        const state = store.getState();
+        const participant = getLocalParticipant(state);
+
+        if (!action.muted && isForceMuted(participant, AVM_MEDIA_TYPE.AUDIO, state)) {
+            return;
+        }
+        break;
+    }
+
+    case SET_AUDIO_UNMUTE_PERMISSIONS: {
+        const { blocked, skipNotification } = action;
+        const state = store.getState();
+        const tracks = state['features/base/tracks'];
+        const isAudioMuted = isLocalTrackMuted(tracks, MEDIA_TYPE.AUDIO);
+
+        if (blocked && isAudioMuted && !skipNotification) {
+            store.dispatch(showWarningNotification({
+                descriptionKey: 'notify.audioUnmuteBlockedDescription',
+                titleKey: 'notify.audioUnmuteBlockedTitle'
+            }, NOTIFICATION_TIMEOUT_TYPE.MEDIUM));
+        }
+        break;
+    }
+
+    case SET_SCREENSHARE_MUTED: {
+        const state = store.getState();
+        const participant = getLocalParticipant(state);
+
+        if (!action.muted && isForceMuted(participant, AVM_MEDIA_TYPE.DESKTOP, state)) {
+            return;
+        }
+        break;
+    }
+    case SET_VIDEO_MUTED: {
+        const state = store.getState();
+        const participant = getLocalParticipant(state);
+
+        if (!action.muted && isForceMuted(participant, AVM_MEDIA_TYPE.VIDEO, state)) {
+            return;
+        }
+        break;
+    }
+
+    case SET_VIDEO_UNMUTE_PERMISSIONS: {
+        const { blocked, skipNotification } = action;
+        const state = store.getState();
+        const tracks = state['features/base/tracks'];
+        const isVideoMuted = isLocalTrackMuted(tracks, MEDIA_TYPE.VIDEO);
+        const isMediaShared = isScreenMediaShared(state);
+
+        if (blocked && isVideoMuted && !isMediaShared && !skipNotification) {
+            store.dispatch(showWarningNotification({
+                descriptionKey: 'notify.videoUnmuteBlockedDescription',
+                titleKey: 'notify.videoUnmuteBlockedTitle'
+            }, NOTIFICATION_TIMEOUT_TYPE.MEDIUM));
+        }
+        break;
+    }
+    }
+
+    return next(action);
+});
+
+/**
+ * Adjusts the video muted state based on the app state.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified {@code action} to the specified {@code store}.
+ * @param {Action} action - The redux action {@code APP_STATE_CHANGED} which is
+ * being dispatched in the specified {@code store}.
+ * @private
+ * @returns {Object} The value returned by {@code next(action)}.
+ */
+function _appStateChanged({ dispatch, getState }: IStore, next: Function, action: AnyAction) {
+    if (navigator.product === 'ReactNative') {
+        const { appState } = action;
+        const mute = appState !== 'active' && !isLocalVideoTrackDesktop(getState());
+
+        sendAnalytics(createTrackMutedEvent('video', 'background mode', mute));
+
+        dispatch(setVideoMuted(mute, VIDEO_MUTISM_AUTHORITY.BACKGROUND));
+    }
+
+    return next(action);
+}
+
+/**
+ * Adjusts the video muted state based on the audio-only state.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified {@code action} to the specified {@code store}.
+ * @param {Action} action - The redux action {@code SET_AUDIO_ONLY} which is
+ * being dispatched in the specified {@code store}.
+ * @private
+ * @returns {Object} The value returned by {@code next(action)}.
+ */
+function _setAudioOnly({ dispatch }: IStore, next: Function, action: AnyAction) {
+    const { audioOnly } = action;
+
+    sendAnalytics(createTrackMutedEvent('video', 'audio-only mode', audioOnly));
+
+    // Make sure we mute both the desktop and video tracks.
+    dispatch(setVideoMuted(audioOnly, VIDEO_MUTISM_AUTHORITY.AUDIO_ONLY));
+    dispatch(setScreenshareMuted(audioOnly, SCREENSHARE_MUTISM_AUTHORITY.AUDIO_ONLY));
+
+    return next(action);
+}
+
+/**
+ * Notifies the feature base/media that the action {@link SET_ROOM} is being
+ * dispatched within a specific redux {@code store}.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified {@code action} to the specified {@code store}.
+ * @param {Action} action - The redux action, {@code SET_ROOM}, which is being
+ * dispatched in the specified {@code store}.
+ * @private
+ * @returns {Object} The new state that is the result of the reduction of the
+ * specified {@code action}.
+ */
+function _setRoom({ dispatch, getState }: IStore, next: Function, action: AnyAction) {
+    // Figure out the desires/intents i.e. the state of base/media. There are
+    // multiple desires/intents ordered by precedence such as server-side
+    // config, config overrides in the user-supplied URL, user's own app
+    // settings, etc.
+
+    const state = getState();
+    const { room } = action;
+    const roomIsValid = isRoomValid(room);
+
+    // when going to welcomepage on web(room is not valid) we want to skip resetting the values of startWithA/V
+    if (roomIsValid || navigator.product === 'ReactNative') {
+        const audioMuted = roomIsValid ? getStartWithAudioMuted(state) : _AUDIO_INITIAL_MEDIA_STATE.muted;
+        const videoMuted = roomIsValid ? getStartWithVideoMuted(state) : _VIDEO_INITIAL_MEDIA_STATE.muted;
+
+        sendAnalytics(createStartMutedConfigurationEvent('local', audioMuted, Boolean(videoMuted)));
+        logger.log(`Start muted: ${audioMuted ? 'audio, ' : ''}${videoMuted ? 'video' : ''}`);
+
+        // Unconditionally express the desires/expectations/intents of the app and
+        // the user i.e. the state of base/media. Eventually, practice/reality i.e.
+        // the state of base/tracks will or will not agree with the desires.
+        dispatch(setAudioMuted(audioMuted));
+        dispatch(setCameraFacingMode(getCameraFacingMode(state)));
+        dispatch(setVideoMuted(videoMuted));
+    }
+
+    // startAudioOnly
+    //
+    // FIXME Technically, the audio-only feature is owned by base/conference,
+    // not base/media so the following should be in base/conference.
+    // Practically, I presume it was easier to write the source code here
+    // because it looks like startWithAudioMuted and startWithVideoMuted.
+    //
+    // XXX After the introduction of the "Video <-> Voice" toggle on the
+    // WelcomePage, startAudioOnly is utilized even outside of
+    // conferences/meetings.
+    const audioOnly
+        = Boolean(
+            getPropertyValue(
+                state,
+                'startAudioOnly',
+                /* sources */ {
+                    // FIXME Practically, base/config is (really) correct
+                    // only if roomIsValid. At the time of this writing,
+                    // base/config is overwritten by URL params which leaves
+                    // base/config incorrect on the WelcomePage after
+                    // leaving a conference which explicitly overwrites
+                    // base/config with URL params.
+                    config: roomIsValid,
+
+                    // XXX We've already overwritten base/config with
+                    // urlParams if roomIsValid. However, settings are more
+                    // important than the server-side config. Consequently,
+                    // we need to read from urlParams anyway. We also
+                    // probably want to read from urlParams when
+                    // !roomIsValid.
+                    urlParams: true,
+
+                    // The following don't have complications around whether
+                    // they are defined or not:
+                    jwt: false,
+
+                    // We need to look for 'startAudioOnly' in settings only for react native clients. Otherwise, the
+                    // default value from ISettingsState (false) will override the value set in config for web clients.
+                    settings: typeof APP === 'undefined'
+                }));
+
+    sendAnalytics(createStartAudioOnlyEvent(audioOnly));
+    logger.log(`Start audio only set to ${audioOnly.toString()}`);
+
+    dispatch(setAudioOnly(audioOnly));
+
+    if (!roomIsValid) {
+        dispatch(destroyLocalTracks());
+    }
+
+    return next(action);
+}
+
+/**
+ * Syncs muted state of local media track with muted state from media state.
+ *
+ * @param {Store} store - The redux store.
+ * @param {Track} track - The local media track.
+ * @private
+ * @returns {void}
+ */
+function _syncTrackMutedState({ getState, dispatch }: IStore, track: ITrack) {
+    const state = getState()['features/base/media'];
+    const mediaType = track.mediaType;
+    const muted = Boolean(state[mediaType].muted);
+
+    // XXX If muted state of track when it was added is different from our media
+    // muted state, we need to mute track and explicitly modify 'muted' property
+    // on track. This is because though TRACK_ADDED action was dispatched it's
+    // not yet in redux state and JitsiTrackEvents.TRACK_MUTE_CHANGED may be
+    // fired before track gets to state.
+    if (track.muted !== muted) {
+        sendAnalytics(createSyncTrackStateEvent(mediaType, muted));
+        logger.log(`Sync ${mediaType} track muted state to ${muted ? 'muted' : 'unmuted'}`);
+
+        track.muted = muted;
+        setTrackMuted(track.jitsiTrack, muted, state, dispatch);
+    }
+}
diff --git a/react/features/base/media/middleware.native.ts b/react/features/base/media/middleware.native.ts
new file mode 100644
index 0000000..fefd329
--- /dev/null
+++ b/react/features/base/media/middleware.native.ts
@@ -0,0 +1 @@
+import './middleware.any';
diff --git a/react/features/base/media/middleware.web.ts b/react/features/base/media/middleware.web.ts
new file mode 100644
index 0000000..8969edf
--- /dev/null
+++ b/react/features/base/media/middleware.web.ts
@@ -0,0 +1,44 @@
+import './middleware.any';
+import { AnyAction } from 'redux';
+
+import { IStore } from '../../app/types';
+import { showNotification } from '../../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE } from '../../notifications/constants';
+import LocalRecordingManager from '../../recording/components/Recording/LocalRecordingManager.web';
+import StopRecordingDialog from '../../recording/components/Recording/web/StopRecordingDialog';
+import { openDialog } from '../dialog/actions';
+import MiddlewareRegistry from '../redux/MiddlewareRegistry';
+
+import { SET_VIDEO_MUTED } from './actionTypes';
+
+import './subscriber';
+
+/**
+ * Implements the entry point of the middleware of the feature base/media.
+ *
+ * @param {IStore} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register((store: IStore) => (next: Function) => (action: AnyAction) => {
+    const { dispatch } = store;
+
+    switch (action.type) {
+    case SET_VIDEO_MUTED: {
+        if (LocalRecordingManager.isRecordingLocally() && LocalRecordingManager.selfRecording.on) {
+            if (action.muted && LocalRecordingManager.selfRecording.withVideo) {
+                dispatch(openDialog('StopRecordingDialog', StopRecordingDialog, { localRecordingVideoStop: true }));
+
+                return;
+            } else if (!action.muted && !LocalRecordingManager.selfRecording.withVideo) {
+                dispatch(showNotification({
+                    titleKey: 'recording.localRecordingNoVideo',
+                    descriptionKey: 'recording.localRecordingVideoWarning',
+                    uid: 'recording.localRecordingNoVideo'
+                }, NOTIFICATION_TIMEOUT_TYPE.MEDIUM));
+            }
+        }
+    }
+    }
+
+    return next(action);
+});
diff --git a/react/features/base/media/reducer.ts b/react/features/base/media/reducer.ts
new file mode 100644
index 0000000..098d47c
--- /dev/null
+++ b/react/features/base/media/reducer.ts
@@ -0,0 +1,379 @@
+import { AnyAction, combineReducers } from 'redux';
+
+import { CONFERENCE_FAILED, CONFERENCE_LEFT } from '../conference/actionTypes';
+import ReducerRegistry from '../redux/ReducerRegistry';
+import { TRACK_REMOVED } from '../tracks/actionTypes';
+
+import {
+    GUM_PENDING,
+    SET_AUDIO_AVAILABLE,
+    SET_AUDIO_MUTED,
+    SET_AUDIO_UNMUTE_PERMISSIONS,
+    SET_CAMERA_FACING_MODE,
+    SET_INITIAL_GUM_PROMISE,
+    SET_SCREENSHARE_MUTED,
+    SET_VIDEO_AVAILABLE,
+    SET_VIDEO_MUTED,
+    SET_VIDEO_UNMUTE_PERMISSIONS,
+    STORE_VIDEO_TRANSFORM,
+    TOGGLE_CAMERA_FACING_MODE
+} from './actionTypes';
+import { CAMERA_FACING_MODE, MEDIA_TYPE, SCREENSHARE_MUTISM_AUTHORITY } from './constants';
+import { IGUMPendingState } from './types';
+
+/**
+ * Media state object for local audio.
+ *
+ * @typedef {Object} AudioMediaState
+ * @property {boolean} muted=false - Audio muted state.
+ */
+
+// FIXME Technically, _AUDIO_INITIAL_MEDIA_STATE is a constant internal to the
+// feature base/media and used in multiple files so it should be in
+// constants.js. Practically though, AudioMediaState would then be used in
+// multiple files as well so I don't know where and how to move it.
+/**
+ * Initial state for local audio.
+ *
+ * @type {AudioMediaState}
+ */
+export const _AUDIO_INITIAL_MEDIA_STATE = {
+    available: true,
+    gumPending: IGUMPendingState.NONE,
+    unmuteBlocked: false,
+    muted: false
+};
+
+/**
+ * Reducer for audio media state.
+ *
+ * @param {AudioMediaState} state - Media state of local audio.
+ * @param {Object} action - Action object.
+ * @param {string} action.type - Type of action.
+ * @private
+ * @returns {AudioMediaState}
+ */
+function _audio(state: IAudioState = _AUDIO_INITIAL_MEDIA_STATE, action: AnyAction) {
+    switch (action.type) {
+    case SET_AUDIO_AVAILABLE:
+        return {
+            ...state,
+            available: action.available
+        };
+
+    case GUM_PENDING:
+        if (action.mediaTypes.includes(MEDIA_TYPE.AUDIO)) {
+            return {
+                ...state,
+                gumPending: action.status
+            };
+        }
+
+        return state;
+
+    case SET_AUDIO_MUTED:
+        return {
+            ...state,
+            muted: action.muted
+        };
+
+    case SET_AUDIO_UNMUTE_PERMISSIONS:
+        return {
+            ...state,
+            unmuteBlocked: action.blocked
+        };
+
+    default:
+        return state;
+    }
+}
+
+// Using a deferred promise here to make sure that once the connection is established even if conference.init and the
+// initial track creation haven't been started we would wait for it to finish before starting to join the room.
+// NOTE: The previous implementation was using the GUM promise from conference.init. But it turned out that connect
+// may finish even before conference.init is executed.
+const DEFAULT_INITIAL_PROMISE_STATE = Promise.withResolvers<IInitialGUMPromiseResult>();
+
+/**
+ * Reducer for the common properties in media state.
+ *
+ * @param {ICommonState} state - Common media state.
+ * @param {Object} action - Action object.
+ * @param {string} action.type - Type of action.
+ * @returns {ICommonState}
+ */
+function _initialGUMPromise(
+        state: PromiseWithResolvers<IInitialGUMPromiseResult> | null = DEFAULT_INITIAL_PROMISE_STATE,
+        action: AnyAction) {
+    if (action.type === SET_INITIAL_GUM_PROMISE) {
+        return action.promise ?? null;
+    }
+
+    return state;
+}
+
+/**
+ * Media state object for local screenshare.
+ *
+ * @typedef {Object} ScreenshareMediaState
+ * @property {boolean} available=true - Screenshare available state.
+ * @property {boolean} muted=true - Screenshare muted state.
+ * @property {boolean} unmuteBlocked=false - Screenshare unmute blocked state.
+ */
+
+/**
+ * Initial state for video.
+ *
+ * @type {ScreenshareMediaState}
+ */
+export const _SCREENSHARE_INITIAL_MEDIA_STATE = {
+    available: true,
+    muted: SCREENSHARE_MUTISM_AUTHORITY.USER,
+    unmuteBlocked: false
+};
+
+/**
+ * Reducer for screenshare media state.
+ *
+ * @param {VideoMediaState} state - Media state of local screenshare.
+ * @param {Object} action - Action object.
+ * @param {string} action.type - Type of action.
+ * @private
+ * @returns {ScreenshareMediaState}
+ */
+function _screenshare(state: IScreenshareState = _SCREENSHARE_INITIAL_MEDIA_STATE, action: AnyAction) {
+    switch (action.type) {
+    case SET_SCREENSHARE_MUTED:
+        return {
+            ...state,
+            muted: action.muted
+        };
+
+    case SET_VIDEO_UNMUTE_PERMISSIONS:
+        return {
+            ...state,
+            unmuteBlocked: action.blocked
+        };
+
+    default:
+        return state;
+    }
+}
+
+/**
+ * Media state object for local video.
+ *
+ * @typedef {Object} VideoMediaState
+ * @property {CAMERA_FACING_MODE} facingMode='user' - Camera facing mode.
+ * @property {boolean} muted=false - Video muted state.
+ */
+
+// FIXME Technically, _VIDEO_INITIAL_MEDIA_STATE is a constant internal to the
+// feature base/media and used in multiple files so it should be in
+// constants.js. Practically though, VideoMediaState would then be used in
+// multiple files as well so I don't know where and how to move it.
+/**
+ * Initial state for video.
+ *
+ * @type {VideoMediaState}
+ */
+export const _VIDEO_INITIAL_MEDIA_STATE = {
+    available: true,
+    gumPending: IGUMPendingState.NONE,
+    unmuteBlocked: false,
+    facingMode: CAMERA_FACING_MODE.USER,
+    muted: 0,
+
+    /**
+     * The video {@link Transform}s applied to {@code MediaStream}s by
+     * {@code id} i.e. "pinch to zoom".
+     */
+    transforms: {}
+};
+
+/**
+ * Reducer for camera media state.
+ *
+ * @param {VideoMediaState} state - Media state of local video.
+ * @param {Object} action - Action object.
+ * @param {string} action.type - Type of action.
+ * @private
+ * @returns {VideoMediaState}
+ */
+function _video(state: IVideoState = _VIDEO_INITIAL_MEDIA_STATE, action: any) {
+    switch (action.type) {
+    case CONFERENCE_FAILED:
+    case CONFERENCE_LEFT:
+        return _clearAllVideoTransforms(state);
+
+    case GUM_PENDING:
+        if (action.mediaTypes.includes(MEDIA_TYPE.VIDEO)) {
+            return {
+                ...state,
+                gumPending: action.status
+            };
+        }
+
+        return state;
+
+    case SET_CAMERA_FACING_MODE:
+        return {
+            ...state,
+            facingMode: action.cameraFacingMode
+        };
+
+    case SET_VIDEO_AVAILABLE:
+        return {
+            ...state,
+            available: action.available
+        };
+
+    case SET_VIDEO_MUTED:
+        return {
+            ...state,
+            muted: action.muted
+        };
+
+    case SET_VIDEO_UNMUTE_PERMISSIONS:
+        return {
+            ...state,
+            unmuteBlocked: action.blocked
+        };
+
+    case STORE_VIDEO_TRANSFORM:
+        return _storeVideoTransform(state, action);
+
+    case TOGGLE_CAMERA_FACING_MODE: {
+        let cameraFacingMode = state.facingMode;
+
+        cameraFacingMode
+            = cameraFacingMode === CAMERA_FACING_MODE.USER
+                ? CAMERA_FACING_MODE.ENVIRONMENT
+                : CAMERA_FACING_MODE.USER;
+
+        return {
+            ...state,
+            facingMode: cameraFacingMode
+        };
+    }
+
+    case TRACK_REMOVED:
+        return _trackRemoved(state, action);
+
+    default:
+        return state;
+    }
+}
+
+interface IAudioState {
+    available: boolean;
+    gumPending: IGUMPendingState;
+    muted: boolean;
+    unmuteBlocked: boolean;
+}
+
+interface IInitialGUMPromiseResult {
+    errors?: any;
+    tracks: Array<any>;
+}
+
+interface IScreenshareState {
+    available: boolean;
+    muted: number;
+    unmuteBlocked: boolean;
+}
+
+interface IVideoState {
+    available: boolean;
+    facingMode: string;
+    gumPending: IGUMPendingState;
+    muted: number;
+    transforms: Object;
+    unmuteBlocked: boolean;
+}
+
+export interface IMediaState {
+    audio: IAudioState;
+    initialGUMPromise: PromiseWithResolvers<IInitialGUMPromiseResult> | null;
+    screenshare: IScreenshareState;
+    video: IVideoState;
+}
+
+/**
+ * Listen for various actions related to media devices.
+ *
+ * @param {Object} state - State of media devices.
+ * @param {Object} action - Action object.
+ * @param {string} action.type - Type of action.
+ * @param {Object} action.media - Information about media devices to be
+ * modified.
+ * @returns {Object}
+ */
+ReducerRegistry.register<IMediaState>('features/base/media', combineReducers({
+    audio: _audio,
+    initialGUMPromise: _initialGUMPromise,
+    screenshare: _screenshare,
+    video: _video
+}));
+
+/**
+ * Removes all stored video {@link Transform}s.
+ *
+ * @param {Object} state - The {@code video} state of the feature base/media.
+ * @private
+ * @returns {Object}
+ */
+function _clearAllVideoTransforms(state: IVideoState) {
+    return {
+        ...state,
+        transforms: _VIDEO_INITIAL_MEDIA_STATE.transforms
+    };
+}
+
+/**
+ * Stores the last applied transform to a stream.
+ *
+ * @param {Object} state - The {@code video} state of the feature base/media.
+ * @param {Object} action - The redux action {@link STORE_VIDEO_TRANSFORM}.
+ * @private
+ * @returns {Object}
+ */
+function _storeVideoTransform(state: IVideoState, { streamId, transform }: { streamId: string; transform: string; }) {
+    return {
+        ...state,
+        transforms: {
+            ...state.transforms,
+            [streamId]: transform
+        }
+    };
+}
+
+/**
+ * Removes the stored video {@link Transform} associated with a
+ * {@code MediaStream} when its respective track is removed.
+ *
+ * @param {Object} state - The {@code video} state of the feature base/media.
+ * @param {Object} action - The redux action {@link TRACK_REMOVED}.
+ * @private
+ * @returns {Object}
+ */
+function _trackRemoved(state: IVideoState, { track: { jitsiTrack } }: { track: { jitsiTrack: any; }; }) {
+    if (jitsiTrack) {
+        const streamId = jitsiTrack.getStreamId();
+
+        if (streamId && streamId in state.transforms) {
+            const nextTransforms: any = {
+                ...state.transforms
+            };
+
+            delete nextTransforms[streamId];
+
+            return {
+                ...state,
+                transforms: nextTransforms
+            };
+        }
+    }
+
+    return state;
+}
diff --git a/react/features/base/media/subscriber.ts b/react/features/base/media/subscriber.ts
new file mode 100644
index 0000000..513cd7e
--- /dev/null
+++ b/react/features/base/media/subscriber.ts
@@ -0,0 +1,18 @@
+import { IReduxState, IStore } from '../../app/types';
+import StateListenerRegistry from '../redux/StateListenerRegistry';
+
+/**
+ * Notifies when the local audio mute state changes.
+ */
+StateListenerRegistry.register(
+    /* selector */ (state: IReduxState) => state['features/base/media'].audio.muted,
+    /* listener */ (muted: boolean, store: IStore, previousMuted: boolean) => {
+        if (typeof APP !== 'object') {
+            return;
+        }
+
+        if (muted !== previousMuted) {
+            APP.API.notifyAudioMutedStatusChanged(muted);
+        }
+    }
+);
diff --git a/react/features/base/media/types.ts b/react/features/base/media/types.ts
new file mode 100644
index 0000000..5de03c4
--- /dev/null
+++ b/react/features/base/media/types.ts
@@ -0,0 +1,4 @@
+export enum IGUMPendingState {
+    PENDING_UNMUTE = 1,
+    NONE = 2
+}
diff --git a/react/features/base/modal/components/JitsiKeyboardAvoidingView.tsx b/react/features/base/modal/components/JitsiKeyboardAvoidingView.tsx
new file mode 100644
index 0000000..c16783f
--- /dev/null
+++ b/react/features/base/modal/components/JitsiKeyboardAvoidingView.tsx
@@ -0,0 +1,106 @@
+import { useHeaderHeight } from '@react-navigation/elements';
+import React, { useCallback, useEffect, useState } from 'react';
+import {
+    Keyboard,
+    KeyboardAvoidingView,
+    Platform,
+    StatusBar,
+    ViewStyle
+} from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+
+import { StyleType } from '../../styles/functions.any';
+
+interface IProps {
+
+    /**
+     * Adds bottom padding.
+     */
+    addBottomPadding?: boolean;
+
+    /**
+     * The children component(s) of the Modal, to be rendered.
+     */
+    children: React.ReactNode;
+
+    /**
+     * Additional style to be appended to the KeyboardAvoidingView content container.
+     */
+    contentContainerStyle?: StyleType;
+
+    /**
+     * Disable forced keyboard dismiss?
+     */
+    disableForcedKeyboardDismiss?: boolean;
+
+    /**
+     * Is a text input rendered at the bottom of the screen?
+     */
+    hasBottomTextInput: boolean;
+
+    /**
+     * Is the screen header having an extra height?
+     */
+    hasExtraHeaderHeight?: boolean;
+
+    /**
+     * Additional style to be appended to the KeyboardAvoidingView.
+     */
+    style?: StyleType;
+}
+
+const JitsiKeyboardAvoidingView = (
+        {
+            addBottomPadding = true,
+            children,
+            contentContainerStyle,
+            disableForcedKeyboardDismiss,
+            hasBottomTextInput,
+            hasExtraHeaderHeight,
+            style
+        }: IProps) => {
+    const headerHeight = useHeaderHeight();
+    const insets = useSafeAreaInsets();
+    const [ bottomPadding, setBottomPadding ] = useState(insets.bottom);
+
+    useEffect(() => {
+        // This useEffect is needed because insets are undefined at first for some reason
+        // https://github.com/th3rdwave/react-native-safe-area-context/issues/54
+        setBottomPadding(insets.bottom);
+    }, [ insets.bottom ]);
+
+
+    const extraHeaderHeight
+        = hasExtraHeaderHeight ? headerHeight : 0;
+    const extraBottomPadding
+        = addBottomPadding ? bottomPadding : 0;
+    const noNotchDevicePadding = extraBottomPadding || 10;
+    const iosVerticalOffset
+        = headerHeight + noNotchDevicePadding + extraHeaderHeight;
+    const androidVerticalOffset = hasBottomTextInput
+        ? headerHeight + Number(StatusBar.currentHeight) : headerHeight;
+
+    // Tells the view what to do with taps
+    const shouldSetResponse = useCallback(() => !disableForcedKeyboardDismiss, []);
+    const onRelease = useCallback(() => Keyboard.dismiss(), []);
+
+    return (
+        <KeyboardAvoidingView
+            behavior = { Platform.OS === 'ios' ? 'padding' : 'height' }
+            contentContainerStyle = { contentContainerStyle as ViewStyle }
+            enabled = { true }
+            keyboardVerticalOffset = {
+                Platform.OS === 'ios'
+                    ? iosVerticalOffset
+                    : androidVerticalOffset
+            }
+            onResponderRelease = { onRelease }
+            onStartShouldSetResponder = { shouldSetResponse }
+            style = { style as ViewStyle }>
+            { children }
+        </KeyboardAvoidingView>
+    );
+};
+
+
+export default JitsiKeyboardAvoidingView;
diff --git a/react/features/base/modal/components/JitsiScreen.tsx b/react/features/base/modal/components/JitsiScreen.tsx
new file mode 100644
index 0000000..c83b9cf
--- /dev/null
+++ b/react/features/base/modal/components/JitsiScreen.tsx
@@ -0,0 +1,94 @@
+import React from 'react';
+import { View } from 'react-native';
+import { Edge, SafeAreaView } from 'react-native-safe-area-context';
+
+import { StyleType } from '../../styles/functions.any';
+
+import JitsiKeyboardAvoidingView from './JitsiKeyboardAvoidingView';
+import styles from './styles';
+
+interface IProps {
+
+    /**
+     * Adds bottom padding.
+     */
+    addBottomPadding?: boolean;
+
+    /**
+     * The children component(s) of the Modal, to be rendered.
+     */
+    children: React.ReactNode;
+
+    /**
+     * Additional style to be appended to the KeyboardAvoidingView content container.
+     */
+    contentContainerStyle?: StyleType;
+
+    /**
+     * Disabled forced keyboard dismiss?
+     */
+    disableForcedKeyboardDismiss?: boolean;
+
+    /**
+     * Optional function that renders a footer component, if needed.
+     */
+    footerComponent?: Function;
+
+    /**
+     * Is a text input rendered at the bottom of the screen?
+     */
+    hasBottomTextInput?: boolean;
+
+    /**
+     * Is the screen header having an extra height?
+     */
+    hasExtraHeaderHeight?: boolean;
+
+    /**
+     * Insets for the SafeAreaView.
+     */
+    safeAreaInsets?: Edge[];
+
+    /**
+     * Additional style to be appended to the KeyboardAvoidingView containing the content of the modal.
+     */
+    style?: StyleType;
+}
+
+const JitsiScreen = ({
+    addBottomPadding,
+    contentContainerStyle,
+    children,
+    disableForcedKeyboardDismiss = false,
+    footerComponent,
+    hasBottomTextInput = false,
+    hasExtraHeaderHeight = false,
+    safeAreaInsets = [ 'left', 'right' ],
+    style
+}: IProps) => {
+    const renderContent = () => (
+        <JitsiKeyboardAvoidingView
+            addBottomPadding = { addBottomPadding }
+            contentContainerStyle = { contentContainerStyle }
+            disableForcedKeyboardDismiss = { disableForcedKeyboardDismiss }
+            hasBottomTextInput = { hasBottomTextInput }
+            hasExtraHeaderHeight = { hasExtraHeaderHeight }
+            style = { style }>
+            <SafeAreaView
+                edges = { safeAreaInsets }
+                style = { styles.safeArea }>
+                { children }
+            </SafeAreaView>
+            { footerComponent?.() }
+        </JitsiKeyboardAvoidingView>
+    );
+
+    return (
+        <View style = { styles.jitsiScreenContainer }>
+            { renderContent() }
+        </View>
+    );
+};
+
+
+export default JitsiScreen;
diff --git a/react/features/base/modal/components/functions.native.ts b/react/features/base/modal/components/functions.native.ts
new file mode 100644
index 0000000..f398385
--- /dev/null
+++ b/react/features/base/modal/components/functions.native.ts
@@ -0,0 +1,32 @@
+import { IStateful } from '../../app/types';
+import { toState } from '../../redux/functions';
+
+/**
+ *
+ * Returns the client width.
+ *
+ * @param {(Function|Object)} stateful - The (whole) redux state, or redux's
+ * {@code getState} function to be used to retrieve the state
+ * features/base/config.
+ * @returns {number}
+ */
+export function getClientWidth(stateful: IStateful) {
+    const state = toState(stateful)['features/base/responsive-ui'];
+
+    return state.clientWidth;
+}
+
+/**
+ *
+ * Returns the client height.
+ *
+ * @param {(Function|Object)} stateful - The (whole) redux state, or redux's
+ * {@code getState} function to be used to retrieve the state
+ * features/base/config.
+ * @returns {number}
+ */
+export function getClientHeight(stateful: IStateful) {
+    const state = toState(stateful)['features/base/responsive-ui'];
+
+    return state.clientHeight;
+}
diff --git a/react/features/base/modal/components/styles.ts b/react/features/base/modal/components/styles.ts
new file mode 100644
index 0000000..91c88e3
--- /dev/null
+++ b/react/features/base/modal/components/styles.ts
@@ -0,0 +1,11 @@
+
+export default {
+
+    jitsiScreenContainer: {
+        flex: 1
+    },
+
+    safeArea: {
+        flex: 1
+    }
+};
diff --git a/react/features/base/net-info/NetworkInfoService.native.ts b/react/features/base/net-info/NetworkInfoService.native.ts
new file mode 100644
index 0000000..69baa1b
--- /dev/null
+++ b/react/features/base/net-info/NetworkInfoService.native.ts
@@ -0,0 +1,70 @@
+import {
+    default as NetInfo,
+    type NetInfoState,
+    type NetInfoSubscription
+} from '@react-native-community/netinfo';
+// eslint-disable-next-line lines-around-comment
+// @ts-ignore
+import EventEmitter from 'events';
+
+import { ONLINE_STATE_CHANGED_EVENT } from './events';
+import type { NetworkInfo } from './types';
+
+/**
+ * The network info service implementation for iOS and Android. 'react-native-netinfo' seems to support windows as well,
+ * but that has not been tested and is nto used by jitsi-meet.
+ */
+export default class NetworkInfoService extends EventEmitter {
+    /**
+     * Stores the native subscription for future cleanup.
+     */
+    _subscription?: NetInfoSubscription;
+
+    /**
+     * Converts library's structure to {@link NetworkInfo} used by jitsi-meet.
+     *
+     * @param {NetInfoState} netInfoState - The new state given by the native library.
+     * @private
+     * @returns {NetworkInfo}
+     */
+    static _convertNetInfoState(netInfoState: NetInfoState): NetworkInfo {
+        return {
+            isOnline: Boolean(netInfoState.isInternetReachable),
+
+            details: netInfoState.details,
+            networkType: netInfoState.type
+        };
+    }
+
+    /**
+     * Checks for support.
+     *
+     * @returns {boolean}
+     */
+    static isSupported() {
+        return Boolean(NetInfo);
+    }
+
+    /**
+     * Starts the service.
+     *
+     * @returns {void}
+     */
+    start() {
+        this._subscription = NetInfo.addEventListener(netInfoState => {
+            super.emit(ONLINE_STATE_CHANGED_EVENT, NetworkInfoService._convertNetInfoState(netInfoState));
+        });
+    }
+
+    /**
+     * Stops the service.
+     *
+     * @returns {void}
+     */
+    stop() {
+        if (this._subscription) {
+            this._subscription();
+            this._subscription = undefined;
+        }
+    }
+}
diff --git a/react/features/base/net-info/NetworkInfoService.web.ts b/react/features/base/net-info/NetworkInfoService.web.ts
new file mode 100644
index 0000000..ac46818
--- /dev/null
+++ b/react/features/base/net-info/NetworkInfoService.web.ts
@@ -0,0 +1,60 @@
+import EventEmitter from 'events';
+
+import { ONLINE_STATE_CHANGED_EVENT } from './events';
+
+/**
+ * The network info service implementation for web (Chrome, Firefox and Safari).
+ */
+export default class NetworkInfoService extends EventEmitter {
+    _onlineStateListener: any;
+    _offlineStateListener: any;
+
+    /**
+     * Creates new instance...
+     */
+    constructor() {
+        super();
+        this._onlineStateListener = this._handleOnlineStatusChange.bind(this, /* online */ true);
+        this._offlineStateListener = this._handleOnlineStatusChange.bind(this, /* offline */ false);
+    }
+
+    /**
+     * Callback function to track the online state.
+     *
+     * @param {boolean} isOnline - Is the browser online or not.
+     * @private
+     * @returns {void}
+     */
+    _handleOnlineStatusChange(isOnline: boolean) {
+        this.emit(ONLINE_STATE_CHANGED_EVENT, { isOnline });
+    }
+
+    /**
+     * Checks for support.
+     *
+     * @returns {boolean}
+     */
+    static isSupported() {
+        return Boolean(window.addEventListener) && typeof navigator.onLine !== 'undefined';
+    }
+
+    /**
+     * Starts the service.
+     *
+     * @returns {void}
+     */
+    start() {
+        window.addEventListener('online', this._onlineStateListener);
+        window.addEventListener('offline', this._offlineStateListener);
+    }
+
+    /**
+     * Stops the service.
+     *
+     * @returns {void}
+     */
+    stop() {
+        window.removeEventListener('online', this._onlineStateListener);
+        window.removeEventListener('offline', this._offlineStateListener);
+    }
+}
diff --git a/react/features/base/net-info/actionTypes.ts b/react/features/base/net-info/actionTypes.ts
new file mode 100644
index 0000000..cc3bba4
--- /dev/null
+++ b/react/features/base/net-info/actionTypes.ts
@@ -0,0 +1,13 @@
+/**
+ * The action dispatched when the {@link NetworkInfo} structure is being updated.
+ *
+ * @type {string}
+ */
+export const SET_NETWORK_INFO = 'SET_NETWORK_INFO';
+
+/**
+ * The action dispatched by 'base/net-info' middleware in order to store the cleanup function for later use.
+ * @type {string}
+ * @private
+ */
+export const _STORE_NETWORK_INFO_CLEANUP = 'STORE_NETWORK_INFO_CLEANUP';
diff --git a/react/features/base/net-info/actions.ts b/react/features/base/net-info/actions.ts
new file mode 100644
index 0000000..c887fb7
--- /dev/null
+++ b/react/features/base/net-info/actions.ts
@@ -0,0 +1,39 @@
+import { SET_NETWORK_INFO, _STORE_NETWORK_INFO_CLEANUP } from './actionTypes';
+import { NetworkInfo } from './types';
+
+/**
+ * Up[dates the network info state.
+ *
+ * @param {NetworkInfo} networkInfo - The new network state to be set.
+ * @returns {{
+ *     type: SET_NETWORK_INFO,
+ *     isOnline: boolean,
+ *     networkType: string,
+ *     details: Object
+ * }}
+ */
+export function setNetworkInfo({ isOnline, networkType, details }: NetworkInfo) {
+    return {
+        type: SET_NETWORK_INFO,
+        isOnline,
+        networkType,
+        details
+    };
+}
+
+/**
+ * Stored the cleanup function used to shutdown the {@code NetworkInfoService}.
+ *
+ * @param {Function} cleanup - The cleanup function to be called on {@code APP_WILL_UNMOUNT}.
+ * @returns {{
+ *     type: _STORE_NETWORK_INFO_CLEANUP,
+ *     cleanup: Function
+ * }}
+ * @private
+ */
+export function _storeNetworkInfoCleanup(cleanup?: Function) {
+    return {
+        type: _STORE_NETWORK_INFO_CLEANUP,
+        cleanup
+    };
+}
diff --git a/react/features/base/net-info/constants.ts b/react/features/base/net-info/constants.ts
new file mode 100644
index 0000000..b150787
--- /dev/null
+++ b/react/features/base/net-info/constants.ts
@@ -0,0 +1,6 @@
+/**
+ * The name for Redux store key used by the 'base/net-info' feature.
+ *
+ * @type {string}
+ */
+export const STORE_NAME = 'features/base/net-info';
diff --git a/react/features/base/net-info/events.ts b/react/features/base/net-info/events.ts
new file mode 100644
index 0000000..498e56c
--- /dev/null
+++ b/react/features/base/net-info/events.ts
@@ -0,0 +1 @@
+export const ONLINE_STATE_CHANGED_EVENT = 'network-info-online-status-change';
diff --git a/react/features/base/net-info/logger.ts b/react/features/base/net-info/logger.ts
new file mode 100644
index 0000000..18430f1
--- /dev/null
+++ b/react/features/base/net-info/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../logging/functions';
+
+export default getLogger('app:net-info');
diff --git a/react/features/base/net-info/middleware.ts b/react/features/base/net-info/middleware.ts
new file mode 100644
index 0000000..63d93bd
--- /dev/null
+++ b/react/features/base/net-info/middleware.ts
@@ -0,0 +1,64 @@
+import { APP_WILL_MOUNT, APP_WILL_UNMOUNT } from '../app/actionTypes';
+import MiddlewareRegistry from '../redux/MiddlewareRegistry';
+
+import NetworkInfoService from './NetworkInfoService';
+import { _storeNetworkInfoCleanup, setNetworkInfo } from './actions';
+import { STORE_NAME } from './constants';
+import { ONLINE_STATE_CHANGED_EVENT } from './events';
+import logger from './logger';
+import type { NetworkInfo } from './types';
+
+/**
+ * Middleware for 'base/net-info' feature.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(({ dispatch, getState }) => next => action => {
+    const result = next(action);
+
+    switch (action.type) {
+    case APP_WILL_MOUNT:
+        if (NetworkInfoService.isSupported()) {
+            const networkInfoService = new NetworkInfoService();
+            const stop = () => {
+                networkInfoService.stop();
+
+                // @ts-ignore
+                networkInfoService.removeAllListeners();
+            };
+
+            // @ts-ignore
+            networkInfoService.addListener(
+                ONLINE_STATE_CHANGED_EVENT,
+                ({ isOnline, networkType, details }: NetworkInfo) => {
+                    logger.info('Network changed', JSON.stringify({
+                        isOnline,
+                        details,
+                        networkType
+                    }));
+                    dispatch(setNetworkInfo({
+                        isOnline,
+                        networkType,
+                        details
+                    }));
+                });
+
+            dispatch(_storeNetworkInfoCleanup(stop));
+
+            networkInfoService.start();
+        }
+        break;
+    case APP_WILL_UNMOUNT: {
+        const { _cleanup } = getState()[STORE_NAME];
+
+        if (_cleanup) {
+            _cleanup();
+            dispatch(_storeNetworkInfoCleanup(undefined));
+        }
+    }
+        break;
+    }
+
+    return result;
+});
diff --git a/react/features/base/net-info/reducer.ts b/react/features/base/net-info/reducer.ts
new file mode 100644
index 0000000..72b7c40
--- /dev/null
+++ b/react/features/base/net-info/reducer.ts
@@ -0,0 +1,40 @@
+import { NetInfoCellularGeneration, NetInfoStateType } from '@react-native-community/netinfo';
+
+import ReducerRegistry from '../redux/ReducerRegistry';
+import { assign } from '../redux/functions';
+
+import { SET_NETWORK_INFO, _STORE_NETWORK_INFO_CLEANUP } from './actionTypes';
+import { STORE_NAME } from './constants';
+
+const DEFAULT_STATE = {
+    isOnline: true
+};
+
+export interface INetInfoState {
+    _cleanup?: Function;
+    cellularGeneration?: NetInfoCellularGeneration;
+    details?: Object;
+    isOnline?: boolean;
+    networkType?: NetInfoStateType;
+}
+
+/**
+ * The base/net-info feature's reducer.
+ */
+ReducerRegistry.register<INetInfoState>(STORE_NAME, (state = DEFAULT_STATE, action): INetInfoState => {
+    switch (action.type) {
+    case SET_NETWORK_INFO:
+        return assign(state, {
+            isOnline: action.isOnline,
+            networkType: action.networkType,
+            cellularGeneration: action.cellularGeneration,
+            details: action.details
+        });
+    case _STORE_NETWORK_INFO_CLEANUP:
+        return assign(state, {
+            _cleanup: action.cleanup
+        });
+    default:
+        return state;
+    }
+});
diff --git a/react/features/base/net-info/selectors.ts b/react/features/base/net-info/selectors.ts
new file mode 100644
index 0000000..aeaaaca
--- /dev/null
+++ b/react/features/base/net-info/selectors.ts
@@ -0,0 +1,13 @@
+import { IReduxState } from '../../app/types';
+
+import { STORE_NAME } from './constants';
+
+/**
+ * A selector for the internet online status.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @returns {boolean}
+ */
+export function isOnline(state: IReduxState) {
+    return state[STORE_NAME].isOnline;
+}
diff --git a/react/features/base/net-info/types.ts b/react/features/base/net-info/types.ts
new file mode 100644
index 0000000..9f80a8e
--- /dev/null
+++ b/react/features/base/net-info/types.ts
@@ -0,0 +1,37 @@
+import { NetInfoCellularGeneration, NetInfoStateType } from '@react-native-community/netinfo';
+
+/**
+ * Describes the structure which is used by jitsi-meet to store information about the current network type and
+ * conditions.
+ */
+export type NetworkInfo = {
+
+    /**
+     * Any extra info provided by the OS. Should be JSON and is OS specific. Reported only by iOS and Android and
+     * the format is whatever comes out of the 'react-native-netinfo' library which is network type dependent.
+     */
+    details?: {
+
+        /**
+         * If {@link networkType} is {@link NetInfoStateType.cellular} then it may provide the info about the type of
+         * cellular network.
+         */
+        cellularGeneration?: NetInfoCellularGeneration | null;
+
+        /**
+         * Indicates whether or not the connection is expensive.
+         */
+        isConnectionExpensive?: boolean;
+    } | null;
+
+    /**
+     * Tells whether or not the internet is reachable.
+     */
+    isOnline: boolean;
+
+    /**
+     * The network type. Currently reported only on Android/iOS. Can be one of the constants defined by
+     * the 'react-native-netinfo' library.
+     */
+    networkType?: NetInfoStateType;
+};
diff --git a/react/features/base/participants/actionTypes.ts b/react/features/base/participants/actionTypes.ts
new file mode 100644
index 0000000..e676ed6
--- /dev/null
+++ b/react/features/base/participants/actionTypes.ts
@@ -0,0 +1,248 @@
+/**
+ * Create an action to mark the participant as notified to speak next.
+ *
+ * {
+ *     type: NOTIFIED_TO_SPEAK
+ * }
+ */
+export const NOTIFIED_TO_SPEAK = 'NOTIFIED_TO_SPEAK';
+
+/**
+ * Create an action for when dominant speaker changes.
+ *
+ * {
+ *     type: DOMINANT_SPEAKER_CHANGED,
+ *     participant: {
+ *         conference: JitsiConference,
+ *         id: string,
+ *         previousSpeakers: Array<string>,
+ *         silence: boolean
+ *     }
+ * }
+ */
+export const DOMINANT_SPEAKER_CHANGED = 'DOMINANT_SPEAKER_CHANGED';
+
+/**
+ * Create an action for granting moderator to a participant.
+ *
+ * {
+ *     type: GRANT_MODERATOR,
+ *     id: string
+ * }
+ */
+export const GRANT_MODERATOR = 'GRANT_MODERATOR';
+
+/**
+ * Create an action for removing a participant from the conference.
+ *
+ * {
+ *     type: KICK_PARTICIPANT,
+ *     id: string
+ * }
+ */
+export const KICK_PARTICIPANT = 'KICK_PARTICIPANT';
+
+/**
+ * Create an action for muting a remote participant.
+ *
+ * {
+ *     type: MUTE_REMOTE_PARTICIPANT,
+ *     id: string
+ * }
+ */
+export const MUTE_REMOTE_PARTICIPANT = 'MUTE_REMOTE_PARTICIPANT';
+
+/**
+ * Action to signal that ID of participant has changed. This happens when
+ * local participant joins a new conference or quits one.
+ *
+ * {
+ *     type: PARTICIPANT_ID_CHANGED,
+ *     conference: JitsiConference
+ *     newValue: string,
+ *     oldValue: string
+ * }
+ */
+export const PARTICIPANT_ID_CHANGED = 'PARTICIPANT_ID_CHANGED';
+
+/**
+ * Action to signal that participant role has changed. e.
+ *
+ * {
+ *     type: PARTICIPANT_ROLE_CHANGED,
+ *     participant: {
+ *         id: string
+ *     }
+ *     role: string
+ * }
+ */
+export const PARTICIPANT_ROLE_CHANGED = 'PARTICIPANT_ROLE_CHANGED';
+
+/**
+ * Action to signal that a participant has joined.
+ *
+ * {
+ *     type: PARTICIPANT_JOINED,
+ *     participant: Participant
+ * }
+ */
+export const PARTICIPANT_JOINED = 'PARTICIPANT_JOINED';
+
+/**
+ * Action to signal that a participant has been removed from a conference by
+ * another participant.
+ *
+ * {
+ *     type: PARTICIPANT_KICKED,
+ *     kicked: Object,
+ *     kicker: Object
+ * }
+ */
+export const PARTICIPANT_KICKED = 'PARTICIPANT_KICKED';
+
+/**
+ * Action to handle case when participant lefts.
+ *
+ * {
+ *     type: PARTICIPANT_LEFT,
+ *     participant: {
+ *         id: string
+ *     }
+ * }
+ */
+export const PARTICIPANT_LEFT = 'PARTICIPANT_LEFT';
+
+/**
+ * Action to handle case when the remote participant mutes the local participant.
+ *
+ * {
+ *     type: PARTICIPANT_MUTED_US,
+ *     participant: Participant,
+ *     track: JitsiLocalTrack
+ * }
+ */
+export const PARTICIPANT_MUTED_US = 'PARTICIPANT_MUTED_US';
+
+/**
+ * Action to handle case when the sources attached to a participant are updated.
+ *
+ * {
+ *      type: PARTICIPANT_SOURCES_UPDATED,
+ *      participant: {
+ *          id: string
+ *      }
+ * }
+ */
+export const PARTICIPANT_SOURCES_UPDATED = 'PARTICIPANT_SOURCES_UPDATED';
+
+/**
+ * Action to handle case when info about participant changes.
+ *
+ * {
+ *     type: PARTICIPANT_UPDATED,
+ *     participant: Participant
+ * }
+ */
+export const PARTICIPANT_UPDATED = 'PARTICIPANT_UPDATED';
+
+/**
+ * The type of the Redux action which pins a conference participant.
+ *
+ * {
+ *     type: PIN_PARTICIPANT,
+ *     participant: {
+ *         id: string
+ *     }
+ * }
+ */
+export const PIN_PARTICIPANT = 'PIN_PARTICIPANT';
+
+/**
+ * The type of Redux action which notifies the app that the loadable avatar URL has changed.
+ *
+ * {
+ *     type: SET_LOADABLE_AVATAR_URL,
+ *     participant: {
+ *         id: string,
+           loadableAvatarUrl: string
+ *     }
+ * }
+ */
+export const SET_LOADABLE_AVATAR_URL = 'SET_LOADABLE_AVATAR_URL';
+
+/**
+ * The type of Redux action which notifies that the screenshare participant's display name has changed.
+ *
+ * {
+ *     type: SCREENSHARE_PARTICIPANT_NAME_CHANGED,
+ *     id: string,
+ *     name: string
+ * }
+ */
+ export const SCREENSHARE_PARTICIPANT_NAME_CHANGED = 'SCREENSHARE_PARTICIPANT_NAME_CHANGED';
+
+/**
+ * Raises hand for the local participant.
+ * {
+ *     type: LOCAL_PARTICIPANT_RAISE_HAND
+ * }
+ */
+export const LOCAL_PARTICIPANT_RAISE_HAND = 'LOCAL_PARTICIPANT_RAISE_HAND';
+
+/**
+ * Clear the raise hand queue.
+ * {
+ *     type: RAISE_HAND_CLEAR
+ * }
+ */
+export const RAISE_HAND_CLEAR = 'RAISE_HAND_CLEAR';
+
+/**
+ * Updates participant in raise hand queue.
+ * {
+ *     type: RAISE_HAND_UPDATED,
+ *     participant: {
+ *         id: string,
+ *         raiseHand: boolean
+ *     }
+ * }
+ */
+export const RAISE_HAND_UPDATED = 'RAISE_HAND_UPDATED';
+
+/**
+ * The type of Redux action which notifies that the local participant has changed the audio levels.
+ * {
+ *     type: LOCAL_PARTICIPANT_AUDIO_LEVEL_CHANGED
+ *     level: number
+ * }
+ */
+export const LOCAL_PARTICIPANT_AUDIO_LEVEL_CHANGED = 'LOCAL_PARTICIPANT_AUDIO_LEVEL_CHANGED'
+
+/**
+ * The type of Redux action which overwrites the name of a participant.
+ * {
+ *     type: OVERWRITE_PARTICIPANT_NAME,
+ *     id: string,
+ *     name: string
+ * }
+ */
+export const OVERWRITE_PARTICIPANT_NAME = 'OVERWRITE_PARTICIPANT_NAME';
+
+/**
+ * The type of Redux action which overwrites the names of multiple participants.
+ * {
+ *     type: OVERWRITE_PARTICIPANTS_NAMES,
+ *     participantsList: Array<Object>,
+ * }
+ */
+export const OVERWRITE_PARTICIPANTS_NAMES = 'OVERWRITE_PARTICIPANTS_NAMES';
+
+/**
+ * Updates participants local recording status.
+ * {
+ *     type: SET_LOCAL_PARTICIPANT_RECORDING_STATUS,
+ *     recording: boolean,
+ *     onlySelf: boolean
+ * }
+ */
+export const SET_LOCAL_PARTICIPANT_RECORDING_STATUS = 'SET_LOCAL_PARTICIPANT_RECORDING_STATUS';
diff --git a/react/features/base/participants/actions.ts b/react/features/base/participants/actions.ts
new file mode 100644
index 0000000..e95ede2
--- /dev/null
+++ b/react/features/base/participants/actions.ts
@@ -0,0 +1,689 @@
+import { IStore } from '../../app/types';
+import { showNotification } from '../../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE } from '../../notifications/constants';
+import { IJitsiConference } from '../conference/reducer';
+import { set } from '../redux/functions';
+
+import {
+    DOMINANT_SPEAKER_CHANGED,
+    GRANT_MODERATOR,
+    KICK_PARTICIPANT,
+    LOCAL_PARTICIPANT_AUDIO_LEVEL_CHANGED,
+    LOCAL_PARTICIPANT_RAISE_HAND,
+    MUTE_REMOTE_PARTICIPANT,
+    OVERWRITE_PARTICIPANTS_NAMES,
+    OVERWRITE_PARTICIPANT_NAME,
+    PARTICIPANT_ID_CHANGED,
+    PARTICIPANT_JOINED,
+    PARTICIPANT_KICKED,
+    PARTICIPANT_LEFT,
+    PARTICIPANT_MUTED_US,
+    PARTICIPANT_ROLE_CHANGED,
+    PARTICIPANT_SOURCES_UPDATED,
+    PARTICIPANT_UPDATED,
+    PIN_PARTICIPANT,
+    RAISE_HAND_CLEAR,
+    RAISE_HAND_UPDATED,
+    SCREENSHARE_PARTICIPANT_NAME_CHANGED,
+    SET_LOADABLE_AVATAR_URL,
+    SET_LOCAL_PARTICIPANT_RECORDING_STATUS
+} from './actionTypes';
+import {
+    DISCO_REMOTE_CONTROL_FEATURE
+} from './constants';
+import {
+    getLocalParticipant,
+    getNormalizedDisplayName,
+    getParticipantById,
+    getParticipantDisplayName,
+    getVirtualScreenshareParticipantOwnerId
+} from './functions';
+import logger from './logger';
+import { FakeParticipant, IJitsiParticipant, IParticipant } from './types';
+
+/**
+ * Create an action for when dominant speaker changes.
+ *
+ * @param {string} dominantSpeaker - Participant ID of the dominant speaker.
+ * @param {Array<string>} previousSpeakers - Participant IDs of the previous speakers.
+ * @param {boolean} silence - Whether the dominant speaker is silent or not.
+ * @param {JitsiConference} conference - The {@code JitsiConference} associated
+ * with the participant identified by the specified {@code id}. Only the local
+ * participant is allowed to not specify an associated {@code JitsiConference}
+ * instance.
+ * @returns {{
+ *     type: DOMINANT_SPEAKER_CHANGED,
+ *     participant: {
+ *         conference: JitsiConference,
+ *         id: string,
+ *         previousSpeakers: Array<string>,
+ *         silence: boolean
+ *     }
+ * }}
+ */
+export function dominantSpeakerChanged(
+        dominantSpeaker: string, previousSpeakers: string[], silence: boolean, conference: IJitsiConference) {
+    return {
+        type: DOMINANT_SPEAKER_CHANGED,
+        participant: {
+            conference,
+            id: dominantSpeaker,
+            previousSpeakers,
+            silence
+        }
+    };
+}
+
+/**
+ * Create an action for granting moderator to a participant.
+ *
+ * @param {string} id - Participant's ID.
+ * @returns {{
+ *     type: GRANT_MODERATOR,
+ *     id: string
+ * }}
+ */
+export function grantModerator(id: string) {
+    return {
+        type: GRANT_MODERATOR,
+        id
+    };
+}
+
+/**
+ * Create an action for removing a participant from the conference.
+ *
+ * @param {string} id - Participant's ID.
+ * @returns {{
+ *     type: KICK_PARTICIPANT,
+ *     id: string
+ * }}
+ */
+export function kickParticipant(id: string) {
+    return {
+        type: KICK_PARTICIPANT,
+        id
+    };
+}
+
+/**
+ * Action to signal that the ID of local participant has changed. It happens
+ * when the local participant joins a new conference or leaves an existing
+ * conference.
+ *
+ * @param {string} id - New ID for local participant.
+ * @returns {Function}
+ */
+export function localParticipantIdChanged(id: string) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const participant = getLocalParticipant(getState);
+
+        if (participant) {
+            return dispatch({
+                type: PARTICIPANT_ID_CHANGED,
+
+                // XXX A participant is identified by an id-conference pair.
+                // Only the local participant is with an undefined conference.
+                conference: undefined,
+                newValue: id,
+                oldValue: participant.id
+            });
+        }
+    };
+}
+
+/**
+ * Action to signal that a local participant has joined.
+ *
+ * @param {IParticipant} participant={} - Information about participant.
+ * @returns {{
+ *     type: PARTICIPANT_JOINED,
+ *     participant: IParticipant
+ * }}
+ */
+export function localParticipantJoined(participant: IParticipant = { id: '' }) {
+    return participantJoined(set(participant, 'local', true));
+}
+
+/**
+ * Action to remove a local participant.
+ *
+ * @returns {Function}
+ */
+export function localParticipantLeft() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const participant = getLocalParticipant(getState);
+
+        if (participant) {
+            return (
+                dispatch(
+                    participantLeft(
+                        participant.id,
+
+                        // XXX Only the local participant is allowed to leave
+                        // without stating the JitsiConference instance because
+                        // the local participant is uniquely identified by the
+                        // very fact that there is only one local participant
+                        // (and the fact that the local participant "joins" at
+                        // the beginning of the app and "leaves" at the end of
+                        // the app).
+                        undefined)));
+        }
+    };
+}
+
+/**
+ * Action to signal the role of the local participant has changed. It can happen
+ * when the participant has joined a conference, even before a non-default local
+ * id has been set, or after a moderator leaves.
+ *
+ * @param {string} role - The new role of the local participant.
+ * @returns {Function}
+ */
+export function localParticipantRoleChanged(role: string) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const participant = getLocalParticipant(getState);
+
+        if (participant) {
+            return dispatch(participantRoleChanged(participant.id, role));
+        }
+    };
+}
+
+/**
+ * Create an action for muting another participant in the conference.
+ *
+ * @param {string} id - Participant's ID.
+ * @param {MEDIA_TYPE} mediaType - The media to mute.
+ * @returns {{
+ *     type: MUTE_REMOTE_PARTICIPANT,
+ *     id: string,
+ *     mediaType: MEDIA_TYPE
+ * }}
+ */
+export function muteRemoteParticipant(id: string, mediaType: string) {
+    return {
+        type: MUTE_REMOTE_PARTICIPANT,
+        id,
+        mediaType
+    };
+}
+
+/**
+ * Action to signal that a participant has joined.
+ *
+ * @param {IParticipant} participant - Information about participant.
+ * @returns {{
+ *     type: PARTICIPANT_JOINED,
+ *     participant: IParticipant
+ * }}
+ */
+export function participantJoined(participant: IParticipant) {
+    // Only the local participant is not identified with an id-conference pair.
+    if (participant.local) {
+        return {
+            type: PARTICIPANT_JOINED,
+            participant
+        };
+    }
+
+    // In other words, a remote participant is identified with an id-conference
+    // pair.
+    const { conference } = participant;
+
+    if (!conference) {
+        throw Error(
+            'A remote participant must be associated with a JitsiConference!');
+    }
+
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        // A remote participant is only expected to join in a joined or joining
+        // conference. The following check is really necessary because a
+        // JitsiConference may have moved into leaving but may still manage to
+        // sneak a PARTICIPANT_JOINED in if its leave is delayed for any purpose
+        // (which is not outrageous given that leaving involves network
+        // requests.)
+        const stateFeaturesBaseConference
+            = getState()['features/base/conference'];
+
+        if (conference === stateFeaturesBaseConference.conference
+                || conference === stateFeaturesBaseConference.joining) {
+            return dispatch({
+                type: PARTICIPANT_JOINED,
+                participant
+            });
+        }
+    };
+}
+
+/**
+ * Updates the sources of a remote participant.
+ *
+ * @param {IJitsiParticipant} jitsiParticipant - The IJitsiParticipant instance.
+ * @returns {{
+ *      type: PARTICIPANT_SOURCES_UPDATED,
+ *      participant: IParticipant
+ * }}
+ */
+export function participantSourcesUpdated(jitsiParticipant: IJitsiParticipant) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const id = jitsiParticipant.getId();
+        const participant = getParticipantById(getState(), id);
+
+        if (participant?.local) {
+            return;
+        }
+        const sources = jitsiParticipant.getSources();
+
+        if (!sources?.size) {
+            return;
+        }
+
+        return dispatch({
+            type: PARTICIPANT_SOURCES_UPDATED,
+            participant: {
+                id,
+                sources
+            }
+        });
+    };
+}
+
+/**
+ * Updates the features of a remote participant.
+ *
+ * @param {JitsiParticipant} jitsiParticipant - The ID of the participant.
+ * @returns {{
+*     type: PARTICIPANT_UPDATED,
+*     participant: IParticipant
+* }}
+*/
+export function updateRemoteParticipantFeatures(jitsiParticipant: any) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        if (!jitsiParticipant) {
+            return;
+        }
+
+        const id = jitsiParticipant.getId();
+
+        jitsiParticipant.getFeatures()
+            .then((features: Map<string, string>) => {
+                const supportsRemoteControl = features.has(DISCO_REMOTE_CONTROL_FEATURE);
+                const participant = getParticipantById(getState(), id);
+
+                if (!participant || participant.local) {
+                    return;
+                }
+
+                if (participant?.supportsRemoteControl !== supportsRemoteControl) {
+                    return dispatch({
+                        type: PARTICIPANT_UPDATED,
+                        participant: {
+                            id,
+                            supportsRemoteControl
+                        }
+                    });
+                }
+            })
+            .catch((error: any) => {
+                logger.error(`Failed to get participant features for ${id}!`, error);
+            });
+    };
+}
+
+/**
+ * Action to signal that a participant has left.
+ *
+ * @param {string} id - Participant's ID.
+ * @param {JitsiConference} conference - The {@code JitsiConference} associated
+ * with the participant identified by the specified {@code id}. Only the local
+ * participant is allowed to not specify an associated {@code JitsiConference}
+ * instance.
+ * @param {Object} participantLeftProps - Other participant properties.
+ * @typedef {Object} participantLeftProps
+ * @param {FakeParticipant|undefined} participantLeftProps.fakeParticipant - The type of fake participant.
+ * @param {boolean} participantLeftProps.isReplaced - Whether the participant is to be replaced in the meeting.
+ *
+ * @returns {{
+ *     type: PARTICIPANT_LEFT,
+ *     participant: {
+ *         conference: JitsiConference,
+ *         id: string
+ *     }
+ * }}
+ */
+export function participantLeft(id: string, conference?: IJitsiConference, participantLeftProps: {
+    fakeParticipant?: string; isReplaced?: boolean;
+} = {}) {
+    return {
+        type: PARTICIPANT_LEFT,
+        participant: {
+            conference,
+            fakeParticipant: participantLeftProps.fakeParticipant,
+            id,
+            isReplaced: participantLeftProps.isReplaced
+        }
+    };
+}
+
+/**
+ * Action to signal that a participant's presence status has changed.
+ *
+ * @param {string} id - Participant's ID.
+ * @param {string} presence - Participant's new presence status.
+ * @returns {{
+ *     type: PARTICIPANT_UPDATED,
+ *     participant: {
+ *         id: string,
+ *         presence: string
+ *     }
+ * }}
+ */
+export function participantPresenceChanged(id: string, presence: string) {
+    return participantUpdated({
+        id,
+        presence
+    });
+}
+
+/**
+ * Action to signal that a participant's role has changed.
+ *
+ * @param {string} id - Participant's ID.
+ * @param {PARTICIPANT_ROLE} role - Participant's new role.
+ * @returns {Promise}
+ */
+export function participantRoleChanged(id: string, role: string) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const oldParticipantRole = getParticipantById(getState(), id)?.role;
+
+        dispatch(participantUpdated({
+            id,
+            role
+        }));
+
+        if (oldParticipantRole !== role) {
+            dispatch({
+                type: PARTICIPANT_ROLE_CHANGED,
+                participant: {
+                    id,
+                    role
+                }
+            });
+        }
+    };
+}
+
+/**
+ * Action to signal that a participant's display name has changed.
+ *
+ * @param {string} id - Screenshare participant's ID.
+ * @param {name} name - The new display name of the screenshare participant's owner.
+ * @returns {{
+ *     type: SCREENSHARE_PARTICIPANT_NAME_CHANGED,
+ *     id: string,
+ *     name: string
+ * }}
+ */
+export function screenshareParticipantDisplayNameChanged(id: string, name: string) {
+    return {
+        type: SCREENSHARE_PARTICIPANT_NAME_CHANGED,
+        id,
+        name
+    };
+}
+
+/**
+ * Action to signal that some of participant properties has been changed.
+ *
+ * @param {IParticipant} participant={} - Information about participant. To
+ * identify the participant the object should contain either property id with
+ * value the id of the participant or property local with value true (if the
+ * local participant hasn't joined the conference yet).
+ * @returns {{
+ *     type: PARTICIPANT_UPDATED,
+ *     participant: IParticipant
+ * }}
+ */
+export function participantUpdated(participant: IParticipant = { id: '' }) {
+    const participantToUpdate = {
+        ...participant
+    };
+
+    if (participant.name) {
+        participantToUpdate.name = getNormalizedDisplayName(participant.name);
+    }
+
+    return {
+        type: PARTICIPANT_UPDATED,
+        participant: participantToUpdate
+    };
+}
+
+/**
+ * Action to signal that a participant has muted us.
+ *
+ * @param {JitsiParticipant} participant - Information about participant.
+ * @param {JitsiLocalTrack} track - Information about the track that has been muted.
+ * @returns {Promise}
+ */
+export function participantMutedUs(participant: any, track: any) {
+    return {
+        type: PARTICIPANT_MUTED_US,
+        participant,
+        track
+    };
+}
+
+/**
+ * Action to create a virtual screenshare participant.
+ *
+ * @param {(string)} sourceName - The source name of the JitsiTrack instance.
+ * @param {(boolean)} local - Whether it's a local or remote participant.
+ * @param {JitsiConference} conference - The conference instance for which the participant is to be created.
+ * @returns {Function}
+ */
+export function createVirtualScreenshareParticipant(sourceName: string, local: boolean, conference?: IJitsiConference) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const ownerId = getVirtualScreenshareParticipantOwnerId(sourceName);
+        const ownerName = getParticipantDisplayName(state, ownerId);
+
+        dispatch(participantJoined({
+            conference,
+            fakeParticipant: local ? FakeParticipant.LocalScreenShare : FakeParticipant.RemoteScreenShare,
+            id: sourceName,
+            name: ownerName
+        }));
+    };
+}
+
+/**
+ * Action to signal that a participant had been kicked.
+ *
+ * @param {JitsiParticipant} kicker - Information about participant performing the kick.
+ * @param {JitsiParticipant} kicked - Information about participant that was kicked.
+ * @returns {Promise}
+ */
+export function participantKicked(kicker: any, kicked: any) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const localParticipant = getLocalParticipant(state);
+        const kickedId = kicked.getId();
+        const kickerId = kicker?.getId();
+
+        dispatch({
+            type: PARTICIPANT_KICKED,
+            kicked: kickedId,
+            kicker: kickerId
+        });
+
+        if (kicked.isReplaced?.() || !kickerId || kickerId === localParticipant?.id) {
+            return;
+        }
+
+        dispatch(showNotification({
+            titleArguments: {
+                kicked:
+                    getParticipantDisplayName(state, kickedId),
+                kicker:
+                    getParticipantDisplayName(state, kickerId)
+            },
+            titleKey: 'notify.kickParticipant'
+        }, NOTIFICATION_TIMEOUT_TYPE.MEDIUM));
+    };
+}
+
+/**
+ * Create an action which pins a conference participant.
+ *
+ * @param {string|null} id - The ID of the conference participant to pin or null
+ * if none of the conference's participants are to be pinned.
+ * @returns {{
+ *     type: PIN_PARTICIPANT,
+ *     participant: {
+ *         id: string
+ *     }
+ * }}
+ */
+export function pinParticipant(id?: string | null) {
+    return {
+        type: PIN_PARTICIPANT,
+        participant: {
+            id
+        }
+    };
+}
+
+/**
+ * Creates an action which notifies the app that the loadable URL of the avatar of a participant got updated.
+ *
+ * @param {string} participantId - The ID of the participant.
+ * @param {string} url - The new URL.
+ * @param {boolean} useCORS - Indicates whether we need to use CORS for this URL.
+ * @returns {{
+ *     type: SET_LOADABLE_AVATAR_URL,
+ *     participant: {
+ *         id: string,
+ *         loadableAvatarUrl: string,
+ *         loadableAvatarUrlUseCORS: boolean
+ *     }
+ * }}
+*/
+export function setLoadableAvatarUrl(participantId: string, url: string, useCORS: boolean) {
+    return {
+        type: SET_LOADABLE_AVATAR_URL,
+        participant: {
+            id: participantId,
+            loadableAvatarUrl: url,
+            loadableAvatarUrlUseCORS: useCORS
+        }
+    };
+}
+
+/**
+ * Raise hand for the local participant.
+ *
+ * @param {boolean} enabled - Raise or lower hand.
+ * @returns {{
+ *     type: LOCAL_PARTICIPANT_RAISE_HAND,
+ *     raisedHandTimestamp: number
+ * }}
+ */
+export function raiseHand(enabled: boolean) {
+    return {
+        type: LOCAL_PARTICIPANT_RAISE_HAND,
+        raisedHandTimestamp: enabled ? Date.now() : 0
+    };
+}
+
+/**
+ * Clear the raise hand queue.
+ *
+ * @returns {{
+*     type: RAISE_HAND_CLEAR
+* }}
+*/
+export function raiseHandClear() {
+    return {
+        type: RAISE_HAND_CLEAR
+    };
+}
+
+/**
+ * Update raise hand queue of participants.
+ *
+ * @param {Object} participant - Participant that updated raised hand.
+ * @returns {{
+ *      type: RAISE_HAND_UPDATED,
+ *      participant: Object
+ * }}
+ */
+export function raiseHandUpdateQueue(participant: IParticipant) {
+    return {
+        type: RAISE_HAND_UPDATED,
+        participant
+    };
+}
+
+/**
+ * Notifies if the local participant audio level has changed.
+ *
+ * @param {number} level - The audio level.
+ * @returns {{
+ *      type: LOCAL_PARTICIPANT_AUDIO_LEVEL_CHANGED,
+ *      level: number
+ * }}
+ */
+export function localParticipantAudioLevelChanged(level: number) {
+    return {
+        type: LOCAL_PARTICIPANT_AUDIO_LEVEL_CHANGED,
+        level
+    };
+}
+
+/**
+ * Overwrites the name of the participant with the given id.
+ *
+ * @param {string} id - Participant id;.
+ * @param {string} name - New participant name.
+ * @returns {Object}
+ */
+export function overwriteParticipantName(id: string, name: string) {
+    return {
+        type: OVERWRITE_PARTICIPANT_NAME,
+        id,
+        name
+    };
+}
+
+/**
+ * Overwrites the names of the given participants.
+ *
+ * @param {Array<Object>} participantList - The list of participants to overwrite.
+ * @returns {Object}
+ */
+export function overwriteParticipantsNames(participantList: IParticipant[]) {
+    return {
+        type: OVERWRITE_PARTICIPANTS_NAMES,
+        participantList
+    };
+}
+
+/**
+ * Local video recording status for the local participant.
+ *
+ * @param {boolean} recording - If local recording is ongoing.
+ * @param {boolean} onlySelf - If recording only local streams.
+ * @returns {{
+ *     type: SET_LOCAL_PARTICIPANT_RECORDING_STATUS,
+ *     recording: boolean
+ * }}
+ */
+export function updateLocalRecordingStatus(recording: boolean, onlySelf?: boolean) {
+    return {
+        type: SET_LOCAL_PARTICIPANT_RECORDING_STATUS,
+        recording,
+        onlySelf
+    };
+}
diff --git a/react/features/base/participants/components/ParticipantView.native.tsx b/react/features/base/participants/components/ParticipantView.native.tsx
new file mode 100644
index 0000000..c4b1c4b
--- /dev/null
+++ b/react/features/base/participants/components/ParticipantView.native.tsx
@@ -0,0 +1,300 @@
+import React, { Component } from 'react';
+import { GestureResponderEvent, Text, TextStyle, View, ViewStyle } from 'react-native';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import {
+    isTrackStreamingStatusActive,
+    isTrackStreamingStatusInactive
+} from '../../../connection-indicator/functions';
+import SharedVideo from '../../../shared-video/components/native/SharedVideo';
+import { isSharedVideoEnabled } from '../../../shared-video/functions';
+import { IStateful } from '../../app/types';
+import Avatar from '../../avatar/components/Avatar';
+import { translate } from '../../i18n/functions';
+import VideoTrack from '../../media/components/native/VideoTrack';
+import { shouldRenderVideoTrack } from '../../media/functions';
+import Container from '../../react/components/native/Container';
+import { toState } from '../../redux/functions';
+import { StyleType } from '../../styles/functions.any';
+import TestHint from '../../testing/components/TestHint';
+import { getVideoTrackByParticipant } from '../../tracks/functions';
+import { ITrack } from '../../tracks/types';
+import { getParticipantById, getParticipantDisplayName, isSharedVideoParticipant } from '../functions';
+
+import styles from './styles';
+
+/**
+ * The type of the React {@link Component} props of {@link ParticipantView}.
+ */
+interface IProps {
+
+    /**
+     * Whether the connection is inactive or not.
+     *
+     * @private
+     */
+    _isConnectionInactive: boolean;
+
+    /**
+     * Whether the participant is a shared video participant.
+     */
+    _isSharedVideoParticipant: boolean;
+
+    /**
+     * The name of the participant which this component represents.
+     *
+     * @private
+     */
+    _participantName: string;
+
+    /**
+     * True if the video should be rendered, false otherwise.
+     */
+    _renderVideo: boolean;
+
+    /**
+     * Whether the shared video is enabled or not.
+     */
+    _sharedVideoEnabled: boolean;
+
+    /**
+     * The video Track of the participant with {@link #participantId}.
+     */
+    _videoTrack?: ITrack;
+
+    /**
+     * The avatar size.
+     */
+    avatarSize: number;
+
+    /**
+     * Whether video should be disabled for his view.
+     */
+    disableVideo?: boolean;
+
+    /**
+     * Callback to invoke when the {@code ParticipantView} is clicked/pressed.
+     */
+    onPress: (e?: GestureResponderEvent) => void;
+
+    /**
+     * The ID of the participant (to be) depicted by {@link ParticipantView}.
+     *
+     * @public
+     */
+    participantId: string;
+
+    /**
+     * The style, if any, to apply to {@link ParticipantView} in addition to its
+     * default style.
+     */
+    style: StyleType;
+
+    /**
+     * The function to translate human-readable text.
+     */
+    t: Function;
+
+    /**
+     * The test hint id which can be used to locate the {@code ParticipantView}
+     * on the jitsi-meet-torture side. If not provided, the
+     * {@code participantId} with the following format will be used:
+     * {@code `org.jitsi.meet.Participant#${participantId}`}.
+     */
+    testHintId?: string;
+
+    /**
+     * Indicates if the connectivity info label should be shown, if appropriate.
+     * It will be shown in case the connection is interrupted.
+     */
+    useConnectivityInfoLabel: boolean;
+
+    /**
+     * The z-order of the {@link Video} of {@link ParticipantView} in the
+     * stacking space of all {@code Video}s. For more details, refer to the
+     * {@code zOrder} property of the {@code Video} class for React Native.
+     */
+    zOrder: number;
+
+    /**
+     * Indicates whether zooming (pinch to zoom and/or drag) is enabled.
+     */
+    zoomEnabled: boolean;
+}
+
+/**
+ * Implements a React Component which depicts a specific participant's avatar
+ * and video.
+ *
+ * @augments Component
+ */
+class ParticipantView extends Component<IProps> {
+
+    /**
+     * Renders the inactive connection status label.
+     *
+     * @private
+     * @returns {ReactElement}
+     */
+    _renderInactiveConnectionInfo() {
+        const {
+            avatarSize,
+            _participantName: displayName,
+            t
+        } = this.props;
+
+        // XXX Consider splitting this component into 2: one for the large view
+        // and one for the thumbnail. Some of these don't apply to both.
+        const containerStyle = {
+            ...styles.connectionInfoContainer,
+            width: avatarSize * 1.5
+        };
+
+        return (
+            <View
+                pointerEvents = 'box-none'
+                style = { containerStyle as ViewStyle }>
+                <Text style = { styles.connectionInfoText as TextStyle }>
+                    { t('connection.LOW_BANDWIDTH', { displayName }) }
+                </Text>
+            </View>
+        );
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const {
+            _isConnectionInactive,
+            _isSharedVideoParticipant,
+            _renderVideo: renderVideo,
+            _sharedVideoEnabled,
+            _videoTrack: videoTrack,
+            disableVideo,
+            onPress
+        } = this.props;
+
+        const testHintId
+            = this.props.testHintId
+                ? this.props.testHintId
+                : `org.jitsi.meet.Participant#${this.props.participantId}`;
+
+        const renderSharedVideo = _isSharedVideoParticipant && !disableVideo && _sharedVideoEnabled;
+
+        return (
+            <Container
+                onClick = { renderVideo || renderSharedVideo ? undefined : onPress }
+                style = {{
+                    ...styles.participantView,
+                    ...this.props.style
+                }}
+                touchFeedback = { false }>
+
+                <TestHint
+                    id = { testHintId }
+                    onPress = { renderSharedVideo ? undefined : onPress }
+                    value = '' />
+
+                { renderSharedVideo && <SharedVideo /> }
+
+                { renderVideo
+                    && <VideoTrack
+                        onPress = { onPress }
+                        videoTrack = { videoTrack }
+                        waitForVideoStarted = { false }
+                        zOrder = { this.props.zOrder }
+                        zoomEnabled = { this.props.zoomEnabled } /> }
+
+                { !renderSharedVideo && !renderVideo
+                    && <View style = { styles.avatarContainer as ViewStyle }>
+                        <Avatar
+                            participantId = { this.props.participantId }
+                            size = { this.props.avatarSize } />
+                    </View> }
+
+                { _isConnectionInactive && this.props.useConnectivityInfoLabel
+                    && this._renderInactiveConnectionInfo() }
+            </Container>
+        );
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated {@link ParticipantView}'s
+ * props.
+ *
+ * @param {Object} state - The redux state.
+ * @param {Object} ownProps - The React {@code Component} props passed to the
+ * associated (instance of) {@code ParticipantView}.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState, ownProps: any) {
+    const { disableVideo, participantId } = ownProps;
+    const participant = getParticipantById(state, participantId);
+    const videoTrack = getVideoTrackByParticipant(state, participant);
+
+    return {
+        _isConnectionInactive: isTrackStreamingStatusInactive(videoTrack),
+        _isSharedVideoParticipant: isSharedVideoParticipant(participant),
+        _participantName: getParticipantDisplayName(state, participantId),
+        _renderVideo: shouldRenderParticipantVideo(state, participantId) && !disableVideo,
+        _sharedVideoEnabled: isSharedVideoEnabled(state),
+        _videoTrack: videoTrack
+    };
+}
+
+/**
+ * Returns true if the video of the participant should be rendered.
+ *
+ * @param {Object|Function} stateful - Object or function that can be resolved
+ * to the Redux state.
+ * @param {string} id - The ID of the participant.
+ * @returns {boolean}
+ */
+function shouldRenderParticipantVideo(stateful: IStateful, id: string) {
+    const state = toState(stateful);
+    const participant = getParticipantById(state, id);
+
+    if (!participant) {
+        return false;
+    }
+
+    /* First check if we have an unmuted video track. */
+    const videoTrack = getVideoTrackByParticipant(state, participant);
+
+    if (!videoTrack) {
+        return false;
+    }
+
+    if (!shouldRenderVideoTrack(videoTrack, /* waitForVideoStarted */ false)) {
+        return false;
+    }
+
+    /* Then check if the participant connection or track streaming status is active. */
+    if (!videoTrack.local && !isTrackStreamingStatusActive(videoTrack)) {
+        return false;
+    }
+
+    /* Then check if audio-only mode is not active. */
+    const audioOnly = state['features/base/audio-only'].enabled;
+
+    if (!audioOnly) {
+        return true;
+    }
+
+    /* Last, check if the participant is sharing their screen and they are on stage. */
+    const remoteScreenShares = state['features/video-layout'].remoteScreenShares || [];
+    const largeVideoParticipantId = state['features/large-video'].participantId;
+    const participantIsInLargeVideoWithScreen
+        = participant.id === largeVideoParticipantId && remoteScreenShares.includes(participant.id);
+
+    return participantIsInLargeVideoWithScreen;
+}
+
+export default translate(connect(_mapStateToProps)(ParticipantView));
diff --git a/react/features/base/participants/components/styles.ts b/react/features/base/participants/components/styles.ts
new file mode 100644
index 0000000..2d90145
--- /dev/null
+++ b/react/features/base/participants/components/styles.ts
@@ -0,0 +1,46 @@
+import { BoxModel } from '../../styles/components/styles/BoxModel';
+import { ColorPalette } from '../../styles/components/styles/ColorPalette';
+
+/**
+ * The styles of the feature base/participants.
+ */
+export default {
+    /**
+     * Container for the avatar in the view.
+     */
+    avatarContainer: {
+        alignItems: 'center',
+        justifyContent: 'center'
+    },
+
+    /**
+     * Style for the text rendered when there is a connectivity problem.
+     */
+    connectionInfoText: {
+        color: ColorPalette.white,
+        fontSize: 12,
+        marginVertical: BoxModel.margin,
+        marginHorizontal: BoxModel.margin,
+        textAlign: 'center'
+    },
+
+    /**
+     * Style for the container of the text rendered when there is a
+     * connectivity problem.
+     */
+    connectionInfoContainer: {
+        alignSelf: 'center',
+        backgroundColor: ColorPalette.darkGrey,
+        borderRadius: 20,
+        marginTop: BoxModel.margin
+    },
+
+    /**
+     * {@code ParticipantView} Style.
+     */
+    participantView: {
+        alignItems: 'stretch',
+        flex: 1,
+        justifyContent: 'center'
+    }
+};
diff --git a/react/features/base/participants/constants.ts b/react/features/base/participants/constants.ts
new file mode 100644
index 0000000..d2518ed
--- /dev/null
+++ b/react/features/base/participants/constants.ts
@@ -0,0 +1,87 @@
+import { IconPhoneRinging, IconWhiteboard } from '../icons/svg';
+
+/**
+ * The relative path to the default/stock avatar (image) file used on both
+ * Web/React and mobile/React Native (for the purposes of consistency).
+ *
+ * XXX (1) Web/React utilizes relativity on the Jitsi Meet deployment.
+ * (2) Mobile/React Native utilizes relativity on the local file system at build
+ * time. Unfortunately, the packager of React Native cannot deal with the
+ * {@code const} early enough for {@code require} to succeed at runtime.
+ * Anyway, be sure to synchronize the relative path on Web and mobile for the
+ * purposes of consistency.
+ *
+ * @type {string}
+ */
+export const DEFAULT_AVATAR_RELATIVE_PATH = 'images/avatar.png';
+
+/**
+ * The value for the "var" attribute of feature tag in disco-info packets.
+ */
+export const DISCO_REMOTE_CONTROL_FEATURE = 'http://jitsi.org/meet/remotecontrol';
+
+/**
+ * Icon URL for jigasi participants.
+ *
+ * @type {string}
+ */
+export const JIGASI_PARTICIPANT_ICON = IconPhoneRinging;
+
+/**
+ * The local participant might not have real ID until she joins a conference,
+ * so use 'local' as her default ID.
+ *
+ * @type {string}
+ */
+export const LOCAL_PARTICIPANT_DEFAULT_ID = 'local';
+
+/**
+ * Max length of the display names.
+ *
+ * @type {string}
+ */
+export const MAX_DISPLAY_NAME_LENGTH = 50;
+
+/**
+ * The identifier of the sound to be played when new remote participant joins
+ * the room.
+ *
+ * @type {string}
+ */
+export const PARTICIPANT_JOINED_SOUND_ID = 'PARTICIPANT_JOINED_SOUND';
+
+/**
+ * The identifier of the sound to be played when remote participant leaves
+ * the room.
+ *
+ * @type {string}
+ */
+export const PARTICIPANT_LEFT_SOUND_ID = 'PARTICIPANT_LEFT_SOUND';
+
+/**
+ * The set of possible XMPP MUC roles for conference participants.
+ *
+ * @enum {string}
+ */
+export const PARTICIPANT_ROLE = {
+    MODERATOR: 'moderator',
+    NONE: 'none',
+    PARTICIPANT: 'participant'
+};
+
+/**
+ * The audio level at which the hand will be lowered if raised.
+ *
+ * @type {string}
+ */
+export const LOWER_HAND_AUDIO_LEVEL = 0.2;
+
+/**
+ * Icon URL for the whiteboard participant.
+ */
+export const WHITEBOARD_PARTICIPANT_ICON = IconWhiteboard;
+
+/**
+ * The ID used for non-participant (system) messages coming from a transcriber.
+ */
+export const TRANSCRIBER_ID = 'transcriber';
diff --git a/react/features/base/participants/functions.ts b/react/features/base/participants/functions.ts
new file mode 100644
index 0000000..4ce216e
--- /dev/null
+++ b/react/features/base/participants/functions.ts
@@ -0,0 +1,884 @@
+// @ts-expect-error
+import { getGravatarURL } from '@jitsi/js-utils/avatar';
+
+import { IReduxState, IStore } from '../../app/types';
+import { isVisitorChatParticipant } from '../../chat/functions';
+import { isStageFilmstripAvailable } from '../../filmstrip/functions';
+import { isAddPeopleEnabled, isDialOutEnabled } from '../../invite/functions';
+import { toggleShareDialog } from '../../share-room/actions';
+import { iAmVisitor } from '../../visitors/functions';
+import { IVisitorChatParticipant } from '../../visitors/types';
+import { IStateful } from '../app/types';
+import { GRAVATAR_BASE_URL } from '../avatar/constants';
+import { isCORSAvatarURL } from '../avatar/functions';
+import { getCurrentConference } from '../conference/functions';
+import { ADD_PEOPLE_ENABLED } from '../flags/constants';
+import { getFeatureFlag } from '../flags/functions';
+import i18next from '../i18n/i18next';
+import { MEDIA_TYPE, MediaType, VIDEO_TYPE } from '../media/constants';
+import { toState } from '../redux/functions';
+import { getScreenShareTrack, isLocalTrackMuted } from '../tracks/functions.any';
+
+import {
+    JIGASI_PARTICIPANT_ICON,
+    MAX_DISPLAY_NAME_LENGTH,
+    PARTICIPANT_ROLE,
+    WHITEBOARD_PARTICIPANT_ICON
+} from './constants';
+import { preloadImage } from './preloadImage';
+import { FakeParticipant, IJitsiParticipant, IParticipant, ISourceInfo } from './types';
+
+
+/**
+ * Temp structures for avatar urls to be checked/preloaded.
+ */
+const AVATAR_QUEUE: Object[] = [];
+const AVATAR_CHECKED_URLS = new Map();
+/* eslint-disable arrow-body-style */
+const AVATAR_CHECKER_FUNCTIONS = [
+    (participant: IParticipant) => {
+        return participant?.isJigasi ? JIGASI_PARTICIPANT_ICON : null;
+    },
+    (participant: IParticipant) => {
+        return isWhiteboardParticipant(participant) ? WHITEBOARD_PARTICIPANT_ICON : null;
+    },
+    (participant: IParticipant) => {
+        return participant?.avatarURL ? participant.avatarURL : null;
+    },
+    (participant: IParticipant, store: IStore) => {
+        const config = store.getState()['features/base/config'];
+        const isGravatarDisabled = config.gravatar?.disabled;
+
+        if (participant?.email && !isGravatarDisabled) {
+            const gravatarBaseURL = config.gravatar?.baseUrl
+                || config.gravatarBaseURL
+                || GRAVATAR_BASE_URL;
+
+            return getGravatarURL(participant.email, gravatarBaseURL);
+        }
+
+        return null;
+    }
+];
+/* eslint-enable arrow-body-style */
+
+/**
+ * Returns the list of active speakers that should be moved to the top of the sorted list of participants so that the
+ * dominant speaker is visible always on the vertical filmstrip in stage layout.
+ *
+ * @param {Function | Object} stateful - The (whole) redux state, or redux's {@code getState} function to be used to
+ * retrieve the state.
+ * @returns {Array<string>}
+ */
+export function getActiveSpeakersToBeDisplayed(stateful: IStateful) {
+    const state = toState(stateful);
+    const {
+        dominantSpeaker,
+        fakeParticipants,
+        sortedRemoteVirtualScreenshareParticipants,
+        speakersList
+    } = state['features/base/participants'];
+    const { visibleRemoteParticipants } = state['features/filmstrip'];
+    let activeSpeakers = new Map(speakersList);
+
+    // Do not re-sort the active speakers if dominant speaker is currently visible.
+    if (dominantSpeaker && visibleRemoteParticipants.has(dominantSpeaker)) {
+        return activeSpeakers;
+    }
+    let availableSlotsForActiveSpeakers = visibleRemoteParticipants.size;
+
+    if (activeSpeakers.has(dominantSpeaker ?? '')) {
+        activeSpeakers.delete(dominantSpeaker ?? '');
+    }
+
+    // Add dominant speaker to the beginning of the list (not including self) since the active speaker list is always
+    // alphabetically sorted.
+    if (dominantSpeaker && dominantSpeaker !== getLocalParticipant(state)?.id) {
+        const updatedSpeakers = Array.from(activeSpeakers);
+
+        updatedSpeakers.splice(0, 0, [ dominantSpeaker, getParticipantById(state, dominantSpeaker)?.name ?? '' ]);
+        activeSpeakers = new Map(updatedSpeakers);
+    }
+
+    // Remove screenshares from the count.
+    if (sortedRemoteVirtualScreenshareParticipants) {
+        availableSlotsForActiveSpeakers -= sortedRemoteVirtualScreenshareParticipants.size * 2;
+        for (const screenshare of Array.from(sortedRemoteVirtualScreenshareParticipants.keys())) {
+            const ownerId = getVirtualScreenshareParticipantOwnerId(screenshare as string);
+
+            activeSpeakers.delete(ownerId);
+        }
+    }
+
+    // Remove fake participants from the count.
+    if (fakeParticipants) {
+        availableSlotsForActiveSpeakers -= fakeParticipants.size;
+    }
+    const truncatedSpeakersList = Array.from(activeSpeakers).slice(0, availableSlotsForActiveSpeakers);
+
+    truncatedSpeakersList.sort((a: any, b: any) => a[1].localeCompare(b[1]));
+
+    return new Map(truncatedSpeakersList);
+}
+
+/**
+ * Resolves the first loadable avatar URL for a participant.
+ *
+ * @param {Object} participant - The participant to resolve avatars for.
+ * @param {Store} store - Redux store.
+ * @returns {Promise}
+ */
+export function getFirstLoadableAvatarUrl(participant: IParticipant, store: IStore) {
+    const deferred: any = Promise.withResolvers();
+    const fullPromise = deferred.promise
+        .then(() => _getFirstLoadableAvatarUrl(participant, store))
+        .then((result: any) => {
+
+            if (AVATAR_QUEUE.length) {
+                const next: any = AVATAR_QUEUE.shift();
+
+                next.resolve();
+            }
+
+            return result;
+        });
+
+    if (AVATAR_QUEUE.length) {
+        AVATAR_QUEUE.push(deferred);
+    } else {
+        deferred.resolve();
+    }
+
+    return fullPromise;
+}
+
+/**
+ * Returns local participant from Redux state.
+ *
+ * @param {(Function|Object)} stateful - The (whole) redux state, or redux's
+ * {@code getState} function to be used to retrieve the state
+ * features/base/participants.
+ * @returns {(IParticipant|undefined)}
+ */
+export function getLocalParticipant(stateful: IStateful) {
+    const state = toState(stateful)['features/base/participants'];
+
+    return state.local;
+}
+
+/**
+ * Returns local screen share participant from Redux state.
+ *
+ * @param {(Function|Object)} stateful - The (whole) redux state, or redux's
+ * {@code getState} function to be used to retrieve the state features/base/participants.
+ * @returns {(IParticipant|undefined)}
+ */
+export function getLocalScreenShareParticipant(stateful: IStateful) {
+    const state = toState(stateful)['features/base/participants'];
+
+    return state.localScreenShare;
+}
+
+/**
+ * Returns screenshare participant.
+ *
+ * @param {(Function|Object)} stateful - The (whole) redux state, or redux's {@code getState} function to be used to
+ * retrieve the state features/base/participants.
+ * @param {string} id - The owner ID of the screenshare participant to retrieve.
+ * @returns {(IParticipant|undefined)}
+ */
+export function getVirtualScreenshareParticipantByOwnerId(stateful: IStateful, id: string) {
+    const state = toState(stateful);
+    const track = getScreenShareTrack(state['features/base/tracks'], id);
+
+    return getParticipantById(stateful, track?.jitsiTrack.getSourceName());
+}
+
+/**
+ * Normalizes a display name so then no invalid values (padding, length...etc)
+ * can be set.
+ *
+ * @param {string} name - The display name to set.
+ * @returns {string}
+ */
+export function getNormalizedDisplayName(name: string) {
+    if (!name?.trim()) {
+        return undefined;
+    }
+
+    return name.trim().substring(0, MAX_DISPLAY_NAME_LENGTH);
+}
+
+/**
+ * Returns participant by ID from Redux state.
+ *
+ * @param {(Function|Object)} stateful - The (whole) redux state, or redux's
+ * {@code getState} function to be used to retrieve the state
+ * features/base/participants.
+ * @param {string} id - The ID of the participant to retrieve.
+ * @private
+ * @returns {(IParticipant|undefined)}
+ */
+export function getParticipantById(stateful: IStateful, id: string): IParticipant | undefined {
+    const state = toState(stateful)['features/base/participants'];
+    const { local, localScreenShare, remote } = state;
+
+    return remote.get(id)
+        || (local?.id === id ? local : undefined)
+        || (localScreenShare?.id === id ? localScreenShare : undefined);
+}
+
+/**
+ * Returns the participant with the ID matching the passed ID or the local participant if the ID is
+ * undefined.
+ *
+ * @param {(Function|Object)} stateful - The (whole) redux state, or redux's
+ * {@code getState} function to be used to retrieve the state
+ * features/base/participants.
+ * @param {string|undefined} [participantID] - An optional partipantID argument.
+ * @returns {IParticipant|undefined}
+ */
+export function getParticipantByIdOrUndefined(stateful: IStateful, participantID?: string) {
+    return participantID ? getParticipantById(stateful, participantID) : getLocalParticipant(stateful);
+}
+
+/**
+ * Returns a count of the known participants in the passed in redux state,
+ * excluding any fake participants.
+ *
+ * @param {(Function|Object)} stateful - The (whole) redux state, or redux's
+ * {@code getState} function to be used to retrieve the state
+ * features/base/participants.
+ * @returns {number}
+ */
+export function getParticipantCount(stateful: IStateful) {
+    const state = toState(stateful);
+    const {
+        local,
+        remote,
+        fakeParticipants,
+        sortedRemoteVirtualScreenshareParticipants
+    } = state['features/base/participants'];
+
+    return remote.size - fakeParticipants.size - sortedRemoteVirtualScreenshareParticipants.size + (local ? 1 : 0);
+}
+
+/**
+ * Returns participant ID of the owner of a virtual screenshare participant.
+ *
+ * @param {string} id - The ID of the virtual screenshare participant.
+ * @private
+ * @returns {(string|undefined)}
+ */
+export function getVirtualScreenshareParticipantOwnerId(id: string) {
+    return id.split('-')[0];
+}
+
+/**
+ * Returns the Map with fake participants.
+ *
+ * @param {(Function|Object)} stateful - The (whole) redux state, or redux's
+ * {@code getState} function to be used to retrieve the state
+ * features/base/participants.
+ * @returns {Map<string, IParticipant>} - The Map with fake participants.
+ */
+export function getFakeParticipants(stateful: IStateful) {
+    return toState(stateful)['features/base/participants'].fakeParticipants;
+}
+
+/**
+ * Returns whether the fake participant is a local screenshare.
+ *
+ * @param {IParticipant|undefined} participant - The participant entity.
+ * @returns {boolean} - True if it's a local screenshare participant.
+ */
+export function isLocalScreenshareParticipant(participant?: IParticipant): boolean {
+    return participant?.fakeParticipant === FakeParticipant.LocalScreenShare;
+}
+
+/**
+ * Returns whether the fake participant is a remote screenshare.
+ *
+ * @param {IParticipant|undefined} participant - The participant entity.
+ * @returns {boolean} - True if it's a remote screenshare participant.
+ */
+export function isRemoteScreenshareParticipant(participant?: IParticipant): boolean {
+    return participant?.fakeParticipant === FakeParticipant.RemoteScreenShare;
+}
+
+/**
+ * Returns whether the fake participant is of local or virtual screenshare type.
+ *
+ * @param {IReduxState} state - The (whole) redux state, or redux's.
+ * @param {string|undefined} participantId - The participant id.
+ * @returns {boolean} - True if it's one of the two.
+ */
+export function isScreenShareParticipantById(state: IReduxState, participantId?: string): boolean {
+    const participant = getParticipantByIdOrUndefined(state, participantId);
+
+    return isScreenShareParticipant(participant);
+}
+
+/**
+ * Returns whether the fake participant is of local or virtual screenshare type.
+ *
+ * @param {IParticipant|undefined} participant - The participant entity.
+ * @returns {boolean} - True if it's one of the two.
+ */
+export function isScreenShareParticipant(participant?: IParticipant): boolean {
+    return isLocalScreenshareParticipant(participant) || isRemoteScreenshareParticipant(participant);
+}
+
+/**
+ * Returns whether the (fake) participant is a shared video.
+ *
+ * @param {IParticipant|undefined} participant - The participant entity.
+ * @returns {boolean} - True if it's a shared video participant.
+ */
+export function isSharedVideoParticipant(participant?: IParticipant): boolean {
+    return participant?.fakeParticipant === FakeParticipant.SharedVideo;
+}
+
+/**
+ * Returns whether the fake participant is a whiteboard.
+ *
+ * @param {IParticipant|undefined} participant - The participant entity.
+ * @returns {boolean} - True if it's a whiteboard participant.
+ */
+export function isWhiteboardParticipant(participant?: IParticipant): boolean {
+    return participant?.fakeParticipant === FakeParticipant.Whiteboard;
+}
+
+/**
+ * Returns a count of the known remote participants in the passed in redux state.
+ *
+ * @param {(Function|Object)} stateful - The (whole) redux state, or redux's
+ * {@code getState} function to be used to retrieve the state
+ * features/base/participants.
+ * @returns {number}
+ */
+export function getRemoteParticipantCountWithFake(stateful: IStateful) {
+    const state = toState(stateful);
+    const participantsState = state['features/base/participants'];
+
+    return participantsState.remote.size;
+}
+
+/**
+ * Returns the muted state of the given media source for a given participant.
+ *
+ * @param {(Function|Object)} stateful - The (whole) redux state, or redux's.
+ * @param {IParticipant} participant - The participant entity.
+ * @param {MediaType} mediaType - The media type.
+ * @returns {boolean} - True its muted, false otherwise.
+ */
+export function getMutedStateByParticipantAndMediaType(
+        stateful: IStateful,
+        participant: IParticipant,
+        mediaType: MediaType): boolean {
+    const type = mediaType === MEDIA_TYPE.SCREENSHARE ? 'video' : mediaType;
+
+    if (participant.local) {
+        const state = toState(stateful);
+        const tracks = state['features/base/tracks'];
+
+        return isLocalTrackMuted(tracks, mediaType);
+    }
+
+    const sources = participant.sources?.get(type);
+
+    if (!sources) {
+        return true;
+    }
+
+    if (mediaType === MEDIA_TYPE.AUDIO) {
+        return Array.from(sources.values())[0].muted;
+    }
+    const videoType = mediaType === MEDIA_TYPE.VIDEO ? VIDEO_TYPE.CAMERA : VIDEO_TYPE.DESKTOP;
+    const source = Array.from(sources.values()).find(src => src.videoType === videoType);
+
+    return source?.muted ?? true;
+}
+
+/**
+ * Returns a count of the known participants in the passed in redux state,
+ * including fake participants.
+ *
+ * @param {(Function|Object)} stateful - The (whole) redux state, or redux's
+ * {@code getState} function to be used to retrieve the state
+ * features/base/participants.
+ * @returns {number}
+ */
+export function getParticipantCountWithFake(stateful: IStateful) {
+    const state = toState(stateful);
+    const { local, localScreenShare, remote } = state['features/base/participants'];
+
+    return remote.size + (local ? 1 : 0) + (localScreenShare ? 1 : 0);
+}
+
+/**
+ * Returns a count of the known participants in the passed in redux state,
+ * including fake participants. Subtract 1 when the local participant is a visitor as we do not show a local thumbnail.
+ * The number used to display the participant count in the UI.
+ *
+ * @param {(Function|Object)} stateful - The (whole) redux state, or redux's
+ * {@code getState} function to be used to retrieve the state
+ * features/base/participants.
+ * @returns {number}
+ */
+export function getParticipantCountForDisplay(stateful: IStateful) {
+    const _iAmVisitor = iAmVisitor(stateful);
+
+    return getParticipantCount(stateful) - (_iAmVisitor ? 1 : 0);
+}
+
+/**
+ * Returns participant's display name.
+ *
+ * @param {(Function|Object)} stateful - The (whole) redux state, or redux's {@code getState} function to be used to
+ * retrieve the state.
+ * @param {string} id - The ID of the participant's display name to retrieve.
+ * @returns {string}
+ */
+export function getParticipantDisplayName(stateful: IStateful, id: string): string {
+    const state = toState(stateful);
+    const participant = getParticipantById(state, id);
+    const {
+        defaultLocalDisplayName,
+        defaultRemoteDisplayName
+    } = state['features/base/config'];
+
+    if (participant) {
+        if (isScreenShareParticipant(participant)) {
+            return getScreenshareParticipantDisplayName(state, id);
+        }
+
+        if (participant.name) {
+            return participant.name;
+        }
+
+        if (participant.local) {
+            return defaultLocalDisplayName ?? '';
+        }
+    }
+
+    return defaultRemoteDisplayName ?? '';
+}
+
+/**
+ * Returns the source names of the screenshare sources in the conference based on the presence shared by the remote
+ * endpoints. This should be only used for creating/removing virtual screenshare participant tiles when ssrc-rewriting
+ * is enabled. Once the tile is created, the source-name gets added to the receiver constraints based on which the
+ * JVB will add the source to the video sources map and signal it to the local endpoint. Only then, a remote track is
+ * created/remapped and the tracks in redux will be updated. Once the track is updated in redux, the client will
+ * will continue to use the other track based getter functions for other operations related to screenshare.
+ *
+ * @param {(Function|Object)} stateful - The (whole) redux state, or redux's {@code getState} function to be used to
+ * retrieve the state.
+ * @returns {string[]}
+ */
+export function getRemoteScreensharesBasedOnPresence(stateful: IStateful): string[] {
+    const conference = getCurrentConference(stateful);
+
+    return conference?.getParticipants()?.reduce((screenshares: string[], participant: IJitsiParticipant) => {
+        const sources: Map<string, Map<string, ISourceInfo>> = participant.getSources();
+        const videoSources = sources.get(MEDIA_TYPE.VIDEO);
+        const screenshareSources = Array.from(videoSources ?? new Map())
+            .filter(source => source[1].videoType === VIDEO_TYPE.DESKTOP && !source[1].muted)
+            .map(source => source[0]);
+
+        // eslint-disable-next-line no-param-reassign
+        screenshares = [ ...screenshares, ...screenshareSources ];
+
+        return screenshares;
+    }, []);
+}
+
+/**
+ * Returns screenshare participant's display name.
+ *
+ * @param {(Function|Object)} stateful - The (whole) redux state, or redux's {@code getState} function to be used to
+ * retrieve the state.
+ * @param {string} id - The ID of the screenshare participant's display name to retrieve.
+ * @returns {string}
+ */
+export function getScreenshareParticipantDisplayName(stateful: IStateful, id: string) {
+    const ownerDisplayName = getParticipantDisplayName(stateful, getVirtualScreenshareParticipantOwnerId(id));
+
+    return i18next.t('screenshareDisplayName', { name: ownerDisplayName });
+}
+
+/**
+ * Returns a list of IDs of the participants that are currently screensharing.
+ *
+ * @param {(Function|Object)} stateful - The (whole) redux state, or redux's {@code getState} function to be used to
+ * retrieve the state.
+ * @returns {Array<string>}
+ */
+export function getScreenshareParticipantIds(stateful: IStateful): Array<string> {
+    return toState(stateful)['features/base/tracks']
+        .filter(track => track.videoType === VIDEO_TYPE.DESKTOP && !track.muted)
+        .map(t => t.participantId);
+}
+
+/**
+ * Returns a list of source names associated with a given remote participant and for the given media type.
+ *
+ * @param {(Function|Object)} stateful - The (whole) redux state, or redux's {@code getState} function to be used to
+ * retrieve the state.
+ * @param {string} id - The id of the participant whose source names are to be retrieved.
+ * @param {string} mediaType - The type of source, audio or video.
+ * @returns {Array<string>}
+ */
+export function getSourceNamesByMediaTypeAndParticipant(
+        stateful: IStateful,
+        id: string,
+        mediaType: string): Array<string> {
+    const participant: IParticipant | undefined = getParticipantById(stateful, id);
+
+    if (!participant) {
+        return [];
+    }
+
+    const sources = participant.sources;
+
+    if (!sources) {
+        return [];
+    }
+
+    return Array.from(sources.get(mediaType) ?? new Map())
+        .filter(source => source[1].videoType !== VIDEO_TYPE.DESKTOP || !source[1].muted)
+        .map(s => s[0]);
+}
+
+/**
+ * Returns a list of source names associated with a given remote participant and for the given video type (only for
+ * video sources).
+ *
+ * @param {(Function|Object)} stateful - The (whole) redux state, or redux's {@code getState} function to be used to
+ * retrieve the state.
+ * @param {string} id - The id of the participant whose source names are to be retrieved.
+ * @param {string} videoType - The type of video, camera or desktop.
+ * @returns {Array<string>}
+ */
+export function getSourceNamesByVideoTypeAndParticipant(
+        stateful: IStateful,
+        id: string,
+        videoType: string): Array<string> {
+    const participant: IParticipant | undefined = getParticipantById(stateful, id);
+
+    if (!participant) {
+        return [];
+    }
+
+    const sources = participant.sources;
+
+    if (!sources) {
+        return [];
+    }
+
+    return Array.from(sources.get(MEDIA_TYPE.VIDEO) ?? new Map())
+        .filter(source => source[1].videoType === videoType && (videoType === VIDEO_TYPE.CAMERA || !source[1].muted))
+        .map(s => s[0]);
+}
+
+/**
+ * Returns the presence status of a participant associated with the passed id.
+ *
+ * @param {(Function|Object)} stateful - The (whole) redux state, or redux's
+ * {@code getState} function to be used to retrieve the state.
+ * @param {string} id - The id of the participant.
+ * @returns {string} - The presence status.
+ */
+export function getParticipantPresenceStatus(stateful: IStateful, id: string) {
+    if (!id) {
+        return undefined;
+    }
+    const participantById = getParticipantById(stateful, id);
+
+    if (!participantById) {
+        return undefined;
+    }
+
+    return participantById.presence;
+}
+
+/**
+ * Selectors for getting all remote participants.
+ *
+ * @param {(Function|Object)} stateful - The (whole) redux state, or redux's
+ * {@code getState} function to be used to retrieve the state
+ * features/base/participants.
+ * @returns {Map<string, Object>}
+ */
+export function getRemoteParticipants(stateful: IStateful): Map<string, IParticipant> {
+    return toState(stateful)['features/base/participants'].remote;
+}
+
+/**
+ * Selectors for the getting the remote participants in the order that they are displayed in the filmstrip.
+ *
+@param {(Function|Object)} stateful - The (whole) redux state, or redux's {@code getState} function to be used to
+ * retrieve the state features/filmstrip.
+ * @returns {Array<string>}
+ */
+export function getRemoteParticipantsSorted(stateful: IStateful) {
+    return toState(stateful)['features/filmstrip'].remoteParticipants;
+}
+
+/**
+ * Returns the participant which has its pinned state set to truthy.
+ *
+ * @param {(Function|Object)} stateful - The (whole) redux state, or redux's
+ * {@code getState} function to be used to retrieve the state
+ * features/base/participants.
+ * @returns {(IParticipant|undefined)}
+ */
+export function getPinnedParticipant(stateful: IStateful) {
+    const state = toState(stateful);
+    const { pinnedParticipant } = state['features/base/participants'];
+    const stageFilmstrip = isStageFilmstripAvailable(state);
+
+    if (stageFilmstrip) {
+        const { activeParticipants } = state['features/filmstrip'];
+        const id = activeParticipants.find(p => p.pinned)?.participantId;
+
+        return id ? getParticipantById(stateful, id) : undefined;
+    }
+
+    if (!pinnedParticipant) {
+        return undefined;
+    }
+
+    return getParticipantById(stateful, pinnedParticipant);
+}
+
+/**
+ * Returns true if the participant is a moderator.
+ *
+ * @param {string} participant - Participant object.
+ * @returns {boolean}
+ */
+export function isParticipantModerator(participant?: IParticipant) {
+    return participant?.role === PARTICIPANT_ROLE.MODERATOR;
+}
+
+/**
+ * Returns the dominant speaker participant.
+ *
+ * @param {(Function|Object)} stateful - The (whole) redux state or redux's
+ * {@code getState} function to be used to retrieve the state features/base/participants.
+ * @returns {IParticipant} - The participant from the redux store.
+ */
+export function getDominantSpeakerParticipant(stateful: IStateful) {
+    const state = toState(stateful)['features/base/participants'];
+    const { dominantSpeaker } = state;
+
+    if (!dominantSpeaker) {
+        return undefined;
+    }
+
+    return getParticipantById(stateful, dominantSpeaker);
+}
+
+/**
+ * Returns true if all of the meeting participants are moderators.
+ *
+ * @param {Object|Function} stateful -Object or function that can be resolved
+ * to the Redux state.
+ * @returns {boolean}
+ */
+export function isEveryoneModerator(stateful: IStateful) {
+    const state = toState(stateful)['features/base/participants'];
+
+    return state.numberOfNonModeratorParticipants === 0;
+}
+
+/**
+ * Checks a value and returns true if it's a preloaded icon object.
+ *
+ * @param {?string | ?Object} icon - The icon to check.
+ * @returns {boolean}
+ */
+export function isIconUrl(icon?: string | Object) {
+    return Boolean(icon) && (typeof icon === 'object' || typeof icon === 'function');
+}
+
+/**
+ * Returns true if the current local participant is a moderator in the
+ * conference.
+ *
+ * @param {Object|Function} stateful - Object or function that can be resolved
+ * to the Redux state.
+ * @returns {boolean}
+ */
+export function isLocalParticipantModerator(stateful: IStateful) {
+    const state = toState(stateful)['features/base/participants'];
+
+    const { local } = state;
+
+    if (!local) {
+        return false;
+    }
+
+    return isParticipantModerator(local);
+}
+
+/**
+ * Resolves the first loadable avatar URL for a participant.
+ *
+ * @param {Object} participant - The participant to resolve avatars for.
+ * @param {Store} store - Redux store.
+ * @returns {?string}
+ */
+async function _getFirstLoadableAvatarUrl(participant: IParticipant, store: IStore) {
+    for (let i = 0; i < AVATAR_CHECKER_FUNCTIONS.length; i++) {
+        const url = AVATAR_CHECKER_FUNCTIONS[i](participant, store);
+
+        if (url !== null) {
+            if (AVATAR_CHECKED_URLS.has(url)) {
+                const { isLoadable, isUsingCORS } = AVATAR_CHECKED_URLS.get(url) || {};
+
+                if (isLoadable) {
+                    return {
+                        isUsingCORS,
+                        src: url
+                    };
+                }
+            } else {
+                try {
+                    const { corsAvatarURLs } = store.getState()['features/base/config'];
+                    const useCORS = isIconUrl(url) ? false : isCORSAvatarURL(url, corsAvatarURLs);
+                    const { isUsingCORS, src } = await preloadImage(url, useCORS);
+
+                    AVATAR_CHECKED_URLS.set(src, {
+                        isLoadable: true,
+                        isUsingCORS
+                    });
+
+                    return {
+                        isUsingCORS,
+                        src
+                    };
+                } catch (e) {
+                    AVATAR_CHECKED_URLS.set(url, {
+                        isLoadable: false,
+                        isUsingCORS: false
+                    });
+                }
+            }
+        }
+    }
+
+    return undefined;
+}
+
+/**
+ * Get the participants queue with raised hands.
+ *
+ * @param {(Function|Object)} stateful - The (whole) redux state, or redux's
+ * {@code getState} function to be used to retrieve the state
+ * features/base/participants.
+ * @returns {Array<Object>}
+ */
+export function getRaiseHandsQueue(stateful: IStateful): Array<{ id: string; raisedHandTimestamp: number; }> {
+    const { raisedHandsQueue } = toState(stateful)['features/base/participants'];
+
+    return raisedHandsQueue;
+}
+
+/**
+ * Returns whether the given participant has his hand raised or not.
+ *
+ * @param {Object} participant - The participant.
+ * @returns {boolean} - Whether participant has raise hand or not.
+ */
+export function hasRaisedHand(participant?: IParticipant): boolean {
+    return Boolean(participant?.raisedHandTimestamp);
+}
+
+/**
+ * Add people feature enabling/disabling.
+ *
+ * @param {Object|Function} stateful - Object or function that can be resolved
+ * to the Redux state.
+ * @returns {boolean}
+ */
+export const addPeopleFeatureControl = (stateful: IStateful) => {
+    const state = toState(stateful);
+
+    return getFeatureFlag(state, ADD_PEOPLE_ENABLED, true)
+    && (isAddPeopleEnabled(state) || isDialOutEnabled(state));
+};
+
+/**
+ * Controls share dialog visibility.
+ *
+ * @param {boolean} addPeopleFeatureEnabled - Checks if add people functionality is enabled.
+ * @param {Function} dispatch - The Redux dispatch function.
+ * @returns {Function}
+ */
+export const setShareDialogVisiblity = (addPeopleFeatureEnabled: boolean | undefined, dispatch: IStore['dispatch']) => {
+    if (addPeopleFeatureEnabled) {
+        dispatch(toggleShareDialog(false));
+    } else {
+        dispatch(toggleShareDialog(true));
+    }
+};
+
+/**
+ * Checks if private chat is enabled for the given participant or local participant.
+ *
+ * @param {IParticipant|IVisitorChatParticipant|undefined} participant - The participant to check.
+ * @param {IReduxState} state - The Redux state.
+ * @param {boolean} [checkSelf=false] - Whether to check for local participant's ability to send messages.
+ * @returns {boolean} - True if private chat is enabled, false otherwise.
+ */
+export function isPrivateChatEnabled(
+        participant: IParticipant | IVisitorChatParticipant | undefined,
+        state: IReduxState,
+        checkSelf: boolean = false
+): boolean {
+    const { remoteVideoMenu = {} } = state['features/base/config'];
+    const { disablePrivateChat } = remoteVideoMenu;
+
+    // If checking self capability (if the local participant can send messages) ignore the local participant blocking rule
+    const isLocal = !isVisitorChatParticipant(participant) && participant?.local;
+
+    if (isLocal && !checkSelf) {
+        return false;
+    }
+
+    // Check if private chat is disabled globally
+    if (disablePrivateChat === 'all') {
+        return false;
+    }
+
+    if (disablePrivateChat === 'disable-visitor-chat') {
+        // Block if the participant we're trying to message is a visitor
+        // OR if the local user is a visitor
+        if (isVisitorChatParticipant(participant) || iAmVisitor(state)) {
+            return false;
+        }
+
+        return true; // should allow private chat for other participants
+    }
+
+    if (disablePrivateChat === 'allow-moderator-chat') {
+        return isLocalParticipantModerator(state) || isParticipantModerator(participant);
+    }
+
+    return !disablePrivateChat;
+}
+
+/**
+ * Checks if private chat is enabled for the local participant (can they send private messages).
+ *
+ * @param {IReduxState} state - The Redux state.
+ * @returns {boolean} - True if the local participant can send private messages, false otherwise.
+ */
+export function isPrivateChatEnabledSelf(state: IReduxState): boolean {
+    const localParticipant = getLocalParticipant(state);
+
+    return isPrivateChatEnabled(localParticipant, state, true);
+}
diff --git a/react/features/base/participants/logger.ts b/react/features/base/participants/logger.ts
new file mode 100644
index 0000000..d539cf6
--- /dev/null
+++ b/react/features/base/participants/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../logging/functions';
+
+export default getLogger('app:participants');
diff --git a/react/features/base/participants/middleware.ts b/react/features/base/participants/middleware.ts
new file mode 100644
index 0000000..ab66928
--- /dev/null
+++ b/react/features/base/participants/middleware.ts
@@ -0,0 +1,986 @@
+import i18n from 'i18next';
+import { batch } from 'react-redux';
+import { AnyAction } from 'redux';
+
+import { IStore } from '../../app/types';
+import {
+    approveParticipant,
+    approveParticipantAudio,
+    approveParticipantDesktop,
+    approveParticipantVideo
+} from '../../av-moderation/actions';
+import {
+    AUDIO_RAISED_HAND_NOTIFICATION_ID,
+    DESKTOP_RAISED_HAND_NOTIFICATION_ID,
+    MEDIA_TYPE,
+    VIDEO_RAISED_HAND_NOTIFICATION_ID
+} from '../../av-moderation/constants';
+import { isForceMuted } from '../../av-moderation/functions';
+import { UPDATE_BREAKOUT_ROOMS } from '../../breakout-rooms/actionTypes';
+import { getBreakoutRooms } from '../../breakout-rooms/functions';
+import { toggleE2EE } from '../../e2ee/actions';
+import { MAX_MODE } from '../../e2ee/constants';
+import { hideNotification, showNotification } from '../../notifications/actions';
+import {
+    LOCAL_RECORDING_NOTIFICATION_ID,
+    NOTIFICATION_TIMEOUT_TYPE,
+    RAISE_HAND_NOTIFICATION_ID,
+    VISITOR_ASKED_TO_JOIN_NOTIFICATION_ID
+} from '../../notifications/constants';
+import { open as openParticipantsPane } from '../../participants-pane/actions';
+import { CALLING, INVITED } from '../../presence-status/constants';
+import { RAISE_HAND_SOUND_ID } from '../../reactions/constants';
+import { RECORDING_OFF_SOUND_ID, RECORDING_ON_SOUND_ID } from '../../recording/constants';
+import { iAmVisitor } from '../../visitors/functions';
+import { APP_WILL_MOUNT, APP_WILL_UNMOUNT } from '../app/actionTypes';
+import { CONFERENCE_JOINED, CONFERENCE_WILL_JOIN } from '../conference/actionTypes';
+import { forEachConference, getCurrentConference } from '../conference/functions';
+import { IJitsiConference } from '../conference/reducer';
+import { SET_CONFIG } from '../config/actionTypes';
+import { getDisableRemoveRaisedHandOnFocus } from '../config/functions.any';
+import { JitsiConferenceEvents } from '../lib-jitsi-meet';
+import { VIDEO_TYPE } from '../media/constants';
+import MiddlewareRegistry from '../redux/MiddlewareRegistry';
+import StateListenerRegistry from '../redux/StateListenerRegistry';
+import { playSound, registerSound, unregisterSound } from '../sounds/actions';
+import { isImageDataURL } from '../util/uri';
+
+import {
+    DOMINANT_SPEAKER_CHANGED,
+    GRANT_MODERATOR,
+    KICK_PARTICIPANT,
+    LOCAL_PARTICIPANT_AUDIO_LEVEL_CHANGED,
+    LOCAL_PARTICIPANT_RAISE_HAND,
+    MUTE_REMOTE_PARTICIPANT,
+    OVERWRITE_PARTICIPANTS_NAMES,
+    OVERWRITE_PARTICIPANT_NAME,
+    PARTICIPANT_JOINED,
+    PARTICIPANT_LEFT,
+    PARTICIPANT_MUTED_US,
+    PARTICIPANT_UPDATED,
+    RAISE_HAND_UPDATED,
+    SET_LOCAL_PARTICIPANT_RECORDING_STATUS
+} from './actionTypes';
+import {
+    localParticipantIdChanged,
+    localParticipantJoined,
+    localParticipantLeft,
+    overwriteParticipantName,
+    participantLeft,
+    participantUpdated,
+    raiseHand,
+    raiseHandUpdateQueue,
+    setLoadableAvatarUrl
+} from './actions';
+import {
+    LOCAL_PARTICIPANT_DEFAULT_ID,
+    LOWER_HAND_AUDIO_LEVEL,
+    PARTICIPANT_JOINED_SOUND_ID,
+    PARTICIPANT_LEFT_SOUND_ID
+} from './constants';
+import {
+    getDominantSpeakerParticipant,
+    getFirstLoadableAvatarUrl,
+    getLocalParticipant,
+    getParticipantById,
+    getParticipantCount,
+    getParticipantDisplayName,
+    getRaiseHandsQueue,
+    getRemoteParticipants,
+    hasRaisedHand,
+    isLocalParticipantModerator,
+    isScreenShareParticipant,
+    isWhiteboardParticipant
+} from './functions';
+import logger from './logger';
+import { PARTICIPANT_JOINED_FILE, PARTICIPANT_LEFT_FILE } from './sounds';
+import { IJitsiParticipant } from './types';
+
+import './subscriber';
+
+/**
+ * Middleware that captures CONFERENCE_JOINED and CONFERENCE_LEFT actions and
+ * updates respectively ID of local participant.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case APP_WILL_MOUNT:
+        _registerSounds(store);
+
+        return _localParticipantJoined(store, next, action);
+
+    case APP_WILL_UNMOUNT:
+        _unregisterSounds(store);
+
+        return _localParticipantLeft(store, next, action);
+
+    case CONFERENCE_WILL_JOIN:
+        store.dispatch(localParticipantIdChanged(action.conference.myUserId()));
+        break;
+
+    case DOMINANT_SPEAKER_CHANGED: {
+        // Lower hand through xmpp when local participant becomes dominant speaker.
+        const { id } = action.participant;
+        const state = store.getState();
+        const participant = getLocalParticipant(state);
+        const dominantSpeaker = getDominantSpeakerParticipant(state);
+        const isLocal = participant && participant.id === id;
+
+        if (isLocal && dominantSpeaker?.id !== id
+                && hasRaisedHand(participant)
+                && !getDisableRemoveRaisedHandOnFocus(state)) {
+            store.dispatch(raiseHand(false));
+        }
+
+        break;
+    }
+
+    case LOCAL_PARTICIPANT_AUDIO_LEVEL_CHANGED: {
+        const state = store.getState();
+        const participant = getDominantSpeakerParticipant(state);
+
+        if (
+            participant?.local
+            && hasRaisedHand(participant)
+            && action.level > LOWER_HAND_AUDIO_LEVEL
+            && !getDisableRemoveRaisedHandOnFocus(state)
+        ) {
+            store.dispatch(raiseHand(false));
+        }
+        break;
+    }
+
+    case GRANT_MODERATOR: {
+        const { conference } = store.getState()['features/base/conference'];
+
+        conference?.grantOwner(action.id);
+        break;
+    }
+
+    case KICK_PARTICIPANT: {
+        const { conference } = store.getState()['features/base/conference'];
+
+        conference?.kickParticipant(action.id);
+        break;
+    }
+
+    case LOCAL_PARTICIPANT_RAISE_HAND: {
+        const { raisedHandTimestamp } = action;
+        const localParticipant = getLocalParticipant(store.getState());
+        const localId = localParticipant?.id;
+        const _iAmVisitor = iAmVisitor(store.getState());
+        const isHandRaised = hasRaisedHand(localParticipant);
+
+        store.dispatch(participantUpdated({
+            // XXX Only the local participant is allowed to update without
+            // stating the JitsiConference instance (i.e. participant property
+            // `conference` for a remote participant) because the local
+            // participant is uniquely identified by the very fact that there is
+            // only one local participant.
+
+            id: localId ?? '',
+            local: true,
+            raisedHandTimestamp
+        }));
+
+        store.dispatch(raiseHandUpdateQueue({
+            id: localId ?? '',
+            raisedHandTimestamp
+        }));
+
+        if (_iAmVisitor) {
+            const notifyAction = isHandRaised
+                ? hideNotification(VISITOR_ASKED_TO_JOIN_NOTIFICATION_ID)
+                : showNotification({
+                    titleKey: 'visitors.notification.requestToJoin',
+                    descriptionKey: 'visitors.notification.requestToJoinDescription',
+                    uid: VISITOR_ASKED_TO_JOIN_NOTIFICATION_ID
+                }, NOTIFICATION_TIMEOUT_TYPE.STICKY);
+
+            store.dispatch(notifyAction);
+        }
+
+        if (typeof APP !== 'undefined') {
+            APP.API.notifyRaiseHandUpdated(localId, raisedHandTimestamp);
+        }
+
+        break;
+    }
+
+    case SET_CONFIG: {
+        const result = next(action);
+
+        const state = store.getState();
+        const { deploymentInfo } = state['features/base/config'];
+
+        // if there userRegion set let's use it for the local participant
+        if (deploymentInfo?.userRegion) {
+            const localId = getLocalParticipant(state)?.id;
+
+            if (localId) {
+                store.dispatch(participantUpdated({
+                    id: localId,
+                    local: true,
+                    region: deploymentInfo.userRegion
+                }));
+            }
+        }
+
+        return result;
+    }
+
+    case CONFERENCE_JOINED: {
+        const result = next(action);
+
+        const state = store.getState();
+        const { startSilent } = state['features/base/config'];
+
+        if (startSilent) {
+            const localId = getLocalParticipant(store.getState())?.id;
+
+            if (localId) {
+                store.dispatch(participantUpdated({
+                    id: localId,
+                    local: true,
+                    isSilent: startSilent
+                }));
+            }
+        }
+
+        return result;
+    }
+
+
+    case SET_LOCAL_PARTICIPANT_RECORDING_STATUS: {
+        const state = store.getState();
+        const { recording, onlySelf } = action;
+        const localId = getLocalParticipant(state)?.id;
+        const { localRecording } = state['features/base/config'];
+
+        if (localRecording?.notifyAllParticipants && !onlySelf && localId) {
+            store.dispatch(participantUpdated({
+                // XXX Only the local participant is allowed to update without
+                // stating the JitsiConference instance (i.e. participant property
+                // `conference` for a remote participant) because the local
+                // participant is uniquely identified by the very fact that there is
+                // only one local participant.
+
+                id: localId,
+                local: true,
+                localRecording: recording
+            }));
+        }
+
+        break;
+    }
+
+    case MUTE_REMOTE_PARTICIPANT: {
+        const { conference } = store.getState()['features/base/conference'];
+
+        conference?.muteParticipant(action.id, action.mediaType);
+        break;
+    }
+
+    case RAISE_HAND_UPDATED: {
+        const { participant } = action;
+        let queue = getRaiseHandsQueue(store.getState());
+
+        if (participant.raisedHandTimestamp) {
+            queue = [ ...queue, { id: participant.id,
+                raisedHandTimestamp: participant.raisedHandTimestamp } ];
+
+            // sort the queue before adding to store.
+            queue = queue.sort(({ raisedHandTimestamp: a }, { raisedHandTimestamp: b }) => a - b);
+        } else {
+            // no need to sort on remove value.
+            queue = queue.filter(({ id }) => id !== participant.id);
+        }
+
+        action.queue = queue;
+        break;
+    }
+
+    case PARTICIPANT_JOINED: {
+        // Do not play sounds when a screenshare or whiteboard participant tile is created for screenshare.
+        (!isScreenShareParticipant(action.participant)
+            && !isWhiteboardParticipant(action.participant)
+        ) && _maybePlaySounds(store, action);
+
+        return _participantJoinedOrUpdated(store, next, action);
+    }
+
+    case PARTICIPANT_LEFT: {
+        // Do not play sounds when a tile for screenshare or whiteboard is removed.
+        (!isScreenShareParticipant(action.participant)
+            && !isWhiteboardParticipant(action.participant)
+        ) && _maybePlaySounds(store, action);
+
+        break;
+    }
+
+    case PARTICIPANT_MUTED_US: {
+        const { dispatch, getState } = store;
+        const { participant, track } = action;
+        let titleKey;
+
+        if (track.isAudioTrack()) {
+            titleKey = 'notify.mutedRemotelyTitle';
+        } else if (track.isVideoTrack()) {
+            if (track.getVideoType() === VIDEO_TYPE.DESKTOP) {
+                titleKey = 'notify.desktopMutedRemotelyTitle';
+            } else {
+                titleKey = 'notify.videoMutedRemotelyTitle';
+            }
+        }
+
+        dispatch(showNotification({
+            titleKey,
+            titleArguments: {
+                participantDisplayName: getParticipantDisplayName(getState, participant.getId())
+            }
+        }, NOTIFICATION_TIMEOUT_TYPE.MEDIUM));
+
+        break;
+    }
+
+    case PARTICIPANT_UPDATED:
+        return _participantJoinedOrUpdated(store, next, action);
+
+    case OVERWRITE_PARTICIPANTS_NAMES: {
+        const { participantList } = action;
+
+        if (!Array.isArray(participantList)) {
+            logger.error('Overwrite names failed. Argument is not an array.');
+
+            return;
+        }
+        batch(() => {
+            participantList.forEach(p => {
+                store.dispatch(overwriteParticipantName(p.id, p.name));
+            });
+        });
+        break;
+    }
+
+    case OVERWRITE_PARTICIPANT_NAME: {
+        const { dispatch, getState } = store;
+        const state = getState();
+        const { id, name } = action;
+
+        let breakoutRoom = false, identifier = id;
+
+        if (id.indexOf('@') !== -1) {
+            identifier = id.slice(id.indexOf('/') + 1);
+            breakoutRoom = true;
+            action.id = identifier;
+        }
+
+        if (breakoutRoom) {
+            const rooms = getBreakoutRooms(state);
+            const roomCounter = state['features/breakout-rooms'].roomCounter;
+            const newRooms: any = {};
+
+            Object.entries(rooms).forEach(([ key, r ]) => {
+                const participants = r?.participants || {};
+                const jid = Object.keys(participants).find(p =>
+                    p.slice(p.indexOf('/') + 1) === identifier);
+
+                if (jid) {
+                    newRooms[key] = {
+                        ...r,
+                        participants: {
+                            ...participants,
+                            [jid]: {
+                                ...participants[jid],
+                                displayName: name
+                            }
+                        }
+                    };
+                } else {
+                    newRooms[key] = r;
+                }
+            });
+            dispatch({
+                type: UPDATE_BREAKOUT_ROOMS,
+                rooms,
+                roomCounter,
+                updatedNames: true
+            });
+        } else {
+            dispatch(participantUpdated({
+                id: identifier,
+                name
+            }));
+        }
+        break;
+    }
+    }
+
+    return next(action);
+});
+
+/**
+ * Syncs the redux state features/base/participants up with the redux state
+ * features/base/conference by ensuring that the former does not contain remote
+ * participants no longer relevant to the latter. Introduced to address an issue
+ * with multiplying thumbnails in the filmstrip.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => getCurrentConference(state),
+    /* listener */ (conference, { dispatch, getState }) => {
+        batch(() => {
+            for (const [ id, p ] of getRemoteParticipants(getState())) {
+                (!conference || p.conference !== conference)
+                    && dispatch(participantLeft(id, p.conference, {
+                        isReplaced: p.isReplaced
+                    }));
+            }
+        });
+    });
+
+/**
+ * Reset the ID of the local participant to
+ * {@link LOCAL_PARTICIPANT_DEFAULT_ID}. Such a reset is deemed possible only if
+ * the local participant and, respectively, her ID is not involved in a
+ * conference which is still of interest to the user and, consequently, the app.
+ * For example, a conference which is in the process of leaving is no longer of
+ * interest the user, is unrecoverable from the perspective of the user and,
+ * consequently, the app.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => state['features/base/conference'],
+    /* listener */ ({ leaving }, { dispatch, getState }) => {
+        const state = getState();
+        const localParticipant = getLocalParticipant(state);
+        let id: string;
+
+        if (!localParticipant
+                || (id = localParticipant.id)
+                    === LOCAL_PARTICIPANT_DEFAULT_ID) {
+            // The ID of the local participant has been reset already.
+            return;
+        }
+
+        // The ID of the local may be reset only if it is not in use.
+        const dispatchLocalParticipantIdChanged
+            = forEachConference(
+                state,
+                conference =>
+                    conference === leaving || conference.myUserId() !== id);
+
+        dispatchLocalParticipantIdChanged
+            && dispatch(
+                localParticipantIdChanged(LOCAL_PARTICIPANT_DEFAULT_ID));
+    });
+
+/**
+ * Registers listeners for participant change events.
+ */
+StateListenerRegistry.register(
+    state => state['features/base/conference'].conference,
+    (conference, store) => {
+        if (conference) {
+            const propertyHandlers: {
+                [key: string]: Function;
+            } = {
+                'e2ee.enabled': (participant: IJitsiParticipant, value: string) =>
+                    _e2eeUpdated(store, conference, participant.getId(), value),
+                'features_e2ee': (participant: IJitsiParticipant, value: boolean) =>
+                    getParticipantById(store.getState(), participant.getId())?.e2eeSupported !== value
+                        && store.dispatch(participantUpdated({
+                            conference,
+                            id: participant.getId(),
+                            e2eeSupported: value
+                        })),
+                'features_jigasi': (participant: IJitsiParticipant, value: boolean) =>
+                    store.dispatch(participantUpdated({
+                        conference,
+                        id: participant.getId(),
+                        isJigasi: value
+                    })),
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                'features_screen-sharing': (participant: IJitsiParticipant, value: string) =>
+                    store.dispatch(participantUpdated({
+                        conference,
+                        id: participant.getId(),
+                        features: { 'screen-sharing': true }
+                    })),
+                'localRecording': (participant: IJitsiParticipant, value: string) =>
+                    _localRecordingUpdated(store, conference, participant.getId(), Boolean(value)),
+                'raisedHand': (participant: IJitsiParticipant, value: string) =>
+                    _raiseHandUpdated(store, conference, participant.getId(), value),
+                'region': (participant: IJitsiParticipant, value: string) =>
+                    store.dispatch(participantUpdated({
+                        conference,
+                        id: participant.getId(),
+                        region: value
+                    })),
+                'remoteControlSessionStatus': (participant: IJitsiParticipant, value: boolean) =>
+                    store.dispatch(participantUpdated({
+                        conference,
+                        id: participant.getId(),
+                        remoteControlSessionStatus: value
+                    }))
+            };
+
+            // update properties for the participants that are already in the conference
+            conference.getParticipants().forEach((participant: any) => {
+                Object.keys(propertyHandlers).forEach(propertyName => {
+                    const value = participant.getProperty(propertyName);
+
+                    if (value !== undefined) {
+                        propertyHandlers[propertyName as keyof typeof propertyHandlers](participant, value);
+                    }
+                });
+            });
+
+            // We joined a conference
+            conference.on(
+                JitsiConferenceEvents.PARTICIPANT_PROPERTY_CHANGED,
+                (participant: IJitsiParticipant, propertyName: string, oldValue: string, newValue: string) => {
+                    if (propertyHandlers.hasOwnProperty(propertyName)) {
+                        propertyHandlers[propertyName](participant, newValue);
+                    }
+                });
+        } else {
+            const localParticipantId = getLocalParticipant(store.getState)?.id;
+
+            // We left the conference, the local participant must be updated.
+            _e2eeUpdated(store, conference, localParticipantId ?? '', false);
+            _raiseHandUpdated(store, conference, localParticipantId ?? '', 0);
+        }
+    }
+);
+
+/**
+ * Handles a E2EE enabled status update.
+ *
+ * @param {Store} store - The redux store.
+ * @param {Object} conference - The conference for which we got an update.
+ * @param {string} participantId - The ID of the participant from which we got an update.
+ * @param {boolean} newValue - The new value of the E2EE enabled status.
+ * @returns {void}
+ */
+function _e2eeUpdated({ getState, dispatch }: IStore, conference: IJitsiConference,
+        participantId: string, newValue: string | boolean) {
+    const e2eeEnabled = newValue === 'true';
+    const state = getState();
+    const { e2ee = {} } = state['features/base/config'];
+
+    if (e2eeEnabled === getParticipantById(state, participantId)?.e2eeEnabled) {
+        return;
+    }
+
+    dispatch(participantUpdated({
+        conference,
+        id: participantId,
+        e2eeEnabled
+    }));
+
+    if (e2ee.externallyManagedKey) {
+        return;
+    }
+
+    const { maxMode } = getState()['features/e2ee'] || {};
+
+    if (maxMode !== MAX_MODE.THRESHOLD_EXCEEDED || !e2eeEnabled) {
+        dispatch(toggleE2EE(e2eeEnabled));
+    }
+}
+
+/**
+ * Initializes the local participant and signals that it joined.
+ *
+ * @private
+ * @param {Store} store - The redux store.
+ * @param {Dispatch} next - The redux dispatch function to dispatch the
+ * specified action to the specified store.
+ * @param {Action} action - The redux action which is being dispatched
+ * in the specified store.
+ * @private
+ * @returns {Object} The value returned by {@code next(action)}.
+ */
+function _localParticipantJoined({ getState, dispatch }: IStore, next: Function, action: AnyAction) {
+    const result = next(action);
+
+    const settings = getState()['features/base/settings'];
+
+    dispatch(localParticipantJoined({
+        avatarURL: settings.avatarURL,
+        email: settings.email,
+        name: settings.displayName,
+        id: ''
+    }));
+
+    return result;
+}
+
+/**
+ * Signals that the local participant has left.
+ *
+ * @param {Store} store - The redux store.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified {@code action} into the specified {@code store}.
+ * @param {Action} action - The redux action which is being dispatched in the
+ * specified {@code store}.
+ * @private
+ * @returns {Object} The value returned by {@code next(action)}.
+ */
+function _localParticipantLeft({ dispatch }: IStore, next: Function, action: AnyAction) {
+    const result = next(action);
+
+    dispatch(localParticipantLeft());
+
+    return result;
+}
+
+/**
+ * Plays sounds when participants join/leave conference.
+ *
+ * @param {Store} store - The redux store.
+ * @param {Action} action - The redux action. Should be either
+ * {@link PARTICIPANT_JOINED} or {@link PARTICIPANT_LEFT}.
+ * @private
+ * @returns {void}
+ */
+function _maybePlaySounds({ getState, dispatch }: IStore, action: AnyAction) {
+    const state = getState();
+    const { startAudioMuted } = state['features/base/config'];
+    const { soundsParticipantJoined: joinSound, soundsParticipantLeft: leftSound } = state['features/base/settings'];
+
+    // We're not playing sounds for local participant
+    // nor when the user is joining past the "startAudioMuted" limit.
+    // The intention there was to not play user joined notification in big
+    // conferences where 100th person is joining.
+    if (!action.participant.local
+            && (!startAudioMuted
+                || getParticipantCount(state) < startAudioMuted)) {
+        const { isReplacing, isReplaced } = action.participant;
+
+        if (action.type === PARTICIPANT_JOINED) {
+            if (!joinSound) {
+                return;
+            }
+            const { presence } = action.participant;
+
+            // The sounds for the poltergeist are handled by features/invite.
+            if (presence !== INVITED && presence !== CALLING && !isReplacing) {
+                dispatch(playSound(PARTICIPANT_JOINED_SOUND_ID));
+            }
+        } else if (action.type === PARTICIPANT_LEFT && !isReplaced && leftSound) {
+            dispatch(playSound(PARTICIPANT_LEFT_SOUND_ID));
+        }
+    }
+}
+
+/**
+ * Notifies the feature base/participants that the action
+ * {@code PARTICIPANT_JOINED} or {@code PARTICIPANT_UPDATED} is being dispatched
+ * within a specific redux store.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified {@code action} in the specified {@code store}.
+ * @param {Action} action - The redux action {@code PARTICIPANT_JOINED} or
+ * {@code PARTICIPANT_UPDATED} which is being dispatched in the specified
+ * {@code store}.
+ * @private
+ * @returns {Object} The value returned by {@code next(action)}.
+ */
+function _participantJoinedOrUpdated(store: IStore, next: Function, action: AnyAction) {
+    const { dispatch, getState } = store;
+    const { overwrittenNameList } = store.getState()['features/base/participants'];
+    const { participant: {
+        avatarURL,
+        email,
+        id,
+        local,
+        localRecording,
+        name,
+        raisedHandTimestamp
+    } } = action;
+
+    // Send an external update of the local participant's raised hand state
+    // if a new raised hand state is defined in the action.
+    if (typeof raisedHandTimestamp !== 'undefined') {
+        if (local) {
+            const { conference } = getState()['features/base/conference'];
+            const rHand = parseInt(raisedHandTimestamp, 10);
+
+            // Send raisedHand signalling only if there is a change
+            if (conference && rHand !== getLocalParticipant(getState())?.raisedHandTimestamp) {
+                conference.setLocalParticipantProperty('raisedHand', rHand);
+            }
+        }
+    }
+
+    if (overwrittenNameList[id]) {
+        action.participant.name = overwrittenNameList[id];
+    }
+
+    // Send an external update of the local participant's local recording state
+    // if a new local recording state is defined in the action.
+    if (typeof localRecording !== 'undefined') {
+        if (local) {
+            const conference = getCurrentConference(getState);
+
+            // Send localRecording signalling only if there is a change
+            if (conference
+                && localRecording !== getLocalParticipant(getState())?.localRecording) {
+                conference.setLocalParticipantProperty('localRecording', localRecording);
+            }
+        }
+    }
+
+    // Allow the redux update to go through and compare the old avatar
+    // to the new avatar and emit out change events if necessary.
+    const result = next(action);
+
+    // Only run this if the config is populated, otherwise we preload external resources
+    // even if disableThirdPartyRequests is set to true in config
+    if (getState()['features/base/config']?.hosts) {
+        const { disableThirdPartyRequests } = getState()['features/base/config'];
+        const participantId = !id && local ? getLocalParticipant(getState())?.id : id;
+
+        if (avatarURL || email || id || name) {
+            if (!disableThirdPartyRequests) {
+                const updatedParticipant = getParticipantById(getState(), participantId);
+
+                getFirstLoadableAvatarUrl(updatedParticipant ?? { id: '' }, store)
+                    .then((urlData?: { isUsingCORS: boolean; src: string; }) => {
+                        dispatch(setLoadableAvatarUrl(
+                            participantId, urlData?.src ?? '', Boolean(urlData?.isUsingCORS)));
+                    });
+            } else if (isImageDataURL(avatarURL)) {
+                dispatch(setLoadableAvatarUrl(participantId, avatarURL, false));
+            }
+        }
+    }
+
+    return result;
+}
+
+/**
+ * Handles a local recording status update.
+ *
+ * @param {Function} dispatch - The Redux dispatch function.
+ * @param {Object} conference - The conference for which we got an update.
+ * @param {string} participantId - The ID of the participant from which we got an update.
+ * @param {boolean} newValue - The new value of the local recording status.
+ * @returns {void}
+ */
+function _localRecordingUpdated({ dispatch, getState }: IStore, conference: IJitsiConference,
+        participantId: string, newValue: boolean) {
+    const state = getState();
+    const participant = getParticipantById(state, participantId);
+
+    if (participant?.localRecording === newValue) {
+        return;
+    }
+
+    dispatch(participantUpdated({
+        conference,
+        id: participantId,
+        localRecording: newValue
+    }));
+    const participantName = getParticipantDisplayName(state, participantId);
+
+    dispatch(showNotification({
+        titleKey: 'notify.somebody',
+        title: participantName,
+        descriptionKey: newValue ? 'notify.localRecordingStarted' : 'notify.localRecordingStopped',
+        uid: LOCAL_RECORDING_NOTIFICATION_ID
+    }, NOTIFICATION_TIMEOUT_TYPE.MEDIUM));
+    dispatch(playSound(newValue ? RECORDING_ON_SOUND_ID : RECORDING_OFF_SOUND_ID));
+}
+
+
+/**
+ * Handles a raise hand status update.
+ *
+ * @param {Function} dispatch - The Redux dispatch function.
+ * @param {Object} conference - The conference for which we got an update.
+ * @param {string} participantId - The ID of the participant from which we got an update.
+ * @param {boolean} newValue - The new value of the raise hand status.
+ * @returns {void}
+ */
+function _raiseHandUpdated({ dispatch, getState }: IStore, conference: IJitsiConference,
+        participantId: string, newValue: string | number) {
+    let raisedHandTimestamp;
+
+    switch (newValue) {
+    case undefined:
+    case 'false':
+        raisedHandTimestamp = 0;
+        break;
+    case 'true':
+        raisedHandTimestamp = Date.now();
+        break;
+    default:
+        raisedHandTimestamp = parseInt(`${newValue}`, 10);
+    }
+    const state = getState();
+
+    dispatch(participantUpdated({
+        conference,
+        id: participantId,
+        raisedHandTimestamp
+    }));
+
+    dispatch(raiseHandUpdateQueue({
+        id: participantId,
+        raisedHandTimestamp
+    }));
+
+    if (typeof APP !== 'undefined') {
+        APP.API.notifyRaiseHandUpdated(participantId, raisedHandTimestamp);
+    }
+
+    if (!raisedHandTimestamp) {
+        return;
+    }
+
+    // Display notifications about raised hands.
+
+    const isModerator = isLocalParticipantModerator(state);
+    const participant = getParticipantById(state, participantId);
+    const participantName = getParticipantDisplayName(state, participantId);
+
+    let shouldDisplayAllowAudio = false;
+    let shouldDisplayAllowVideo = false;
+    let shouldDisplayAllowDesktop = false;
+
+    if (isModerator) {
+        shouldDisplayAllowAudio = isForceMuted(participant, MEDIA_TYPE.AUDIO, state);
+        shouldDisplayAllowVideo = isForceMuted(participant, MEDIA_TYPE.VIDEO, state);
+        shouldDisplayAllowDesktop = isForceMuted(participant, MEDIA_TYPE.DESKTOP, state);
+    }
+
+    if (shouldDisplayAllowAudio || shouldDisplayAllowVideo || shouldDisplayAllowDesktop) {
+        const action: {
+            customActionHandler: Array<() => void>;
+            customActionNameKey: string[];
+        } = {
+            customActionHandler: [],
+            customActionNameKey: [],
+        };
+
+        // Always add a "allow all" at the end of the list.
+        action.customActionNameKey.push('notify.allowAll');
+        action.customActionHandler.push(() => {
+            dispatch(approveParticipant(participantId));
+            dispatch(hideNotification(AUDIO_RAISED_HAND_NOTIFICATION_ID));
+            dispatch(hideNotification(DESKTOP_RAISED_HAND_NOTIFICATION_ID));
+            dispatch(hideNotification(VIDEO_RAISED_HAND_NOTIFICATION_ID));
+        });
+
+        if (shouldDisplayAllowAudio) {
+            const customActionNameKey = action.customActionNameKey.slice();
+            const customActionHandler = action.customActionHandler.slice();
+
+            customActionNameKey.unshift('notify.allowAudio');
+            customActionHandler.unshift(() => {
+                dispatch(approveParticipantAudio(participantId));
+                dispatch(hideNotification(AUDIO_RAISED_HAND_NOTIFICATION_ID));
+            });
+
+            dispatch(showNotification({
+                title: participantName,
+                descriptionKey: 'notify.raisedHand',
+                uid: AUDIO_RAISED_HAND_NOTIFICATION_ID,
+                customActionNameKey,
+                customActionHandler,
+            }, NOTIFICATION_TIMEOUT_TYPE.EXTRA_LONG));
+        }
+        if (shouldDisplayAllowVideo) {
+            const customActionNameKey = action.customActionNameKey.slice();
+            const customActionHandler = action.customActionHandler.slice();
+
+            customActionNameKey.unshift('notify.allowVideo');
+            customActionHandler.unshift(() => {
+                dispatch(approveParticipantVideo(participantId));
+                dispatch(hideNotification(VIDEO_RAISED_HAND_NOTIFICATION_ID));
+            });
+
+            dispatch(showNotification({
+                title: participantName,
+                descriptionKey: 'notify.raisedHand',
+                uid: VIDEO_RAISED_HAND_NOTIFICATION_ID,
+                customActionNameKey,
+                customActionHandler,
+            }, NOTIFICATION_TIMEOUT_TYPE.EXTRA_LONG));
+        }
+        if (shouldDisplayAllowDesktop) {
+            const customActionNameKey = action.customActionNameKey.slice();
+            const customActionHandler = action.customActionHandler.slice();
+
+            customActionNameKey.unshift('notify.allowDesktop');
+            customActionHandler.unshift(() => {
+                dispatch(approveParticipantDesktop(participantId));
+                dispatch(hideNotification(DESKTOP_RAISED_HAND_NOTIFICATION_ID));
+            });
+
+            dispatch(showNotification({
+                title: participantName,
+                descriptionKey: 'notify.raisedHand',
+                uid: DESKTOP_RAISED_HAND_NOTIFICATION_ID,
+                customActionNameKey,
+                customActionHandler
+            }, NOTIFICATION_TIMEOUT_TYPE.EXTRA_LONG));
+        }
+    } else {
+        let notificationTitle;
+        const { raisedHandsQueue } = state['features/base/participants'];
+
+        if (raisedHandsQueue.length > 1) {
+            notificationTitle = i18n.t('notify.raisedHands', {
+                participantName,
+                raisedHands: raisedHandsQueue.length - 1
+            });
+        } else {
+            notificationTitle = participantName;
+        }
+
+        dispatch(showNotification({
+            titleKey: 'notify.somebody',
+            title: notificationTitle,
+            descriptionKey: 'notify.raisedHand',
+            concatText: true,
+            uid: RAISE_HAND_NOTIFICATION_ID,
+            customActionNameKey: [ 'notify.viewParticipants' ],
+            customActionHandler: [ () => dispatch(openParticipantsPane()) ]
+        }, NOTIFICATION_TIMEOUT_TYPE.LONG));
+    }
+
+    dispatch(playSound(RAISE_HAND_SOUND_ID));
+
+}
+
+/**
+ * Registers sounds related with the participants feature.
+ *
+ * @param {Store} store - The redux store.
+ * @private
+ * @returns {void}
+ */
+function _registerSounds({ dispatch }: IStore) {
+    dispatch(
+        registerSound(PARTICIPANT_JOINED_SOUND_ID, PARTICIPANT_JOINED_FILE));
+    dispatch(registerSound(PARTICIPANT_LEFT_SOUND_ID, PARTICIPANT_LEFT_FILE));
+}
+
+/**
+ * Unregisters sounds related with the participants feature.
+ *
+ * @param {Store} store - The redux store.
+ * @private
+ * @returns {void}
+ */
+function _unregisterSounds({ dispatch }: IStore) {
+    dispatch(unregisterSound(PARTICIPANT_JOINED_SOUND_ID));
+    dispatch(unregisterSound(PARTICIPANT_LEFT_SOUND_ID));
+}
diff --git a/react/features/base/participants/preloadImage.native.ts b/react/features/base/participants/preloadImage.native.ts
new file mode 100644
index 0000000..2357acd
--- /dev/null
+++ b/react/features/base/participants/preloadImage.native.ts
@@ -0,0 +1,26 @@
+import { Image } from 'react-native';
+
+import { isIconUrl } from './functions';
+
+/**
+ * Tries to preload an image.
+ *
+ * @param {string | Object} src - Source of the avatar.
+ * @param {boolean} _isUsingCORS - Used on web.
+ * @returns {Promise}
+ */
+export function preloadImage(src: string | Object, _isUsingCORS: boolean): Promise<any> {
+    if (isIconUrl(src)) {
+        return Promise.resolve(src);
+    }
+
+    return new Promise((resolve, reject) => {
+        // @ts-ignore
+        Image.prefetch(src).then(
+            () => resolve({
+                src,
+                isUsingCORS: false
+            }),
+            reject);
+    });
+}
diff --git a/react/features/base/participants/preloadImage.web.ts b/react/features/base/participants/preloadImage.web.ts
new file mode 100644
index 0000000..682a317
--- /dev/null
+++ b/react/features/base/participants/preloadImage.web.ts
@@ -0,0 +1,64 @@
+
+import { isIconUrl } from './functions';
+
+/**
+ * Tries to preload an image.
+ *
+ * @param {string | Object} src - Source of the avatar.
+ * @param {boolean} useCORS - Whether to use CORS or not.
+ * @param {boolean} tryOnce - If true we try to load the image only using the specified CORS mode. Otherwise both modes
+ * (CORS and no CORS) will be used to load the image if the first attempt fails.
+ * @returns {Promise}
+ */
+export function preloadImage(
+        src: string,
+        useCORS = false,
+        tryOnce = false
+): Promise<{ isUsingCORS?: boolean; src: string | Object; }> {
+    if (isIconUrl(src)) {
+        return Promise.resolve({ src });
+    }
+
+    return new Promise((resolve, reject) => {
+        const image = document.createElement('img');
+
+        // Cleanup function to release resources and prevent memory leaks
+        const cleanup = () => {
+            // Clear event handlers to break circular references
+            image.onload = null;
+            image.onerror = null;
+
+            // Clear src to stop any pending load and allow GC
+            image.src = '';
+        };
+
+        if (useCORS) {
+            image.setAttribute('crossOrigin', '');
+        }
+
+        image.onload = () => {
+            cleanup();
+            resolve({
+                src,
+                isUsingCORS: useCORS
+            });
+        };
+
+        image.onerror = error => {
+            cleanup();
+
+            if (tryOnce) {
+                reject(error);
+            } else {
+                // Retry with different CORS mode
+                preloadImage(src, !useCORS, true)
+                    .then(resolve)
+                    .catch(reject);
+            }
+        };
+
+        image.referrerPolicy = 'no-referrer';
+
+        image.src = src;
+    });
+}
diff --git a/react/features/base/participants/reducer.ts b/react/features/base/participants/reducer.ts
new file mode 100644
index 0000000..3b14ad0
--- /dev/null
+++ b/react/features/base/participants/reducer.ts
@@ -0,0 +1,699 @@
+import { AnyAction } from 'redux';
+
+import { UPDATE_CONFERENCE_METADATA } from '../conference/actionTypes';
+import { MEDIA_TYPE } from '../media/constants';
+import ReducerRegistry from '../redux/ReducerRegistry';
+import { set } from '../redux/functions';
+
+import {
+    DOMINANT_SPEAKER_CHANGED,
+    NOTIFIED_TO_SPEAK,
+    OVERWRITE_PARTICIPANT_NAME,
+    PARTICIPANT_ID_CHANGED,
+    PARTICIPANT_JOINED,
+    PARTICIPANT_LEFT,
+    PARTICIPANT_SOURCES_UPDATED,
+    PARTICIPANT_UPDATED,
+    PIN_PARTICIPANT,
+    RAISE_HAND_CLEAR,
+    RAISE_HAND_UPDATED,
+    SCREENSHARE_PARTICIPANT_NAME_CHANGED,
+    SET_LOADABLE_AVATAR_URL
+} from './actionTypes';
+import { LOCAL_PARTICIPANT_DEFAULT_ID, PARTICIPANT_ROLE } from './constants';
+import {
+    isLocalScreenshareParticipant,
+    isParticipantModerator,
+    isRemoteScreenshareParticipant,
+    isScreenShareParticipant
+} from './functions';
+import logger from './logger';
+import { FakeParticipant, ILocalParticipant, IParticipant, ISourceInfo } from './types';
+
+/**
+ * Participant object.
+ *
+ * @typedef {Object} Participant
+ * @property {string} id - Participant ID.
+ * @property {string} name - Participant name.
+ * @property {string} avatar - Path to participant avatar if any.
+ * @property {string} role - Participant role.
+ * @property {boolean} local - If true, participant is local.
+ * @property {boolean} pinned - If true, participant is currently a
+ * "PINNED_ENDPOINT".
+ * @property {boolean} dominantSpeaker - If this participant is the dominant
+ * speaker in the (associated) conference, {@code true}; otherwise,
+ * {@code false}.
+ * @property {string} email - Participant email.
+ */
+
+/**
+ * The participant properties which cannot be updated through
+ * {@link PARTICIPANT_UPDATED}. They either identify the participant or can only
+ * be modified through property-dedicated actions.
+ *
+ * @type {string[]}
+ */
+const PARTICIPANT_PROPS_TO_OMIT_WHEN_UPDATE = [
+
+    // The following properties identify the participant:
+    'conference',
+    'id',
+    'local',
+
+    // The following properties can only be modified through property-dedicated
+    // actions:
+    'dominantSpeaker',
+    'pinned'
+];
+
+const DEFAULT_STATE = {
+    dominantSpeaker: undefined,
+    fakeParticipants: new Map(),
+    local: undefined,
+    localScreenShare: undefined,
+    numberOfNonModeratorParticipants: 0,
+    numberOfParticipantsDisabledE2EE: 0,
+    numberOfParticipantsNotSupportingE2EE: 0,
+    overwrittenNameList: {},
+    pinnedParticipant: undefined,
+    raisedHandsQueue: [],
+    remote: new Map(),
+    remoteVideoSources: new Set<string>(),
+    sortedRemoteVirtualScreenshareParticipants: new Map(),
+    sortedRemoteParticipants: new Map(),
+    speakersList: new Map()
+};
+
+export interface IParticipantsState {
+    dominantSpeaker?: string;
+    fakeParticipants: Map<string, IParticipant>;
+    local?: ILocalParticipant;
+    localScreenShare?: IParticipant;
+    numberOfNonModeratorParticipants: number;
+    numberOfParticipantsDisabledE2EE: number;
+    numberOfParticipantsNotSupportingE2EE: number;
+    overwrittenNameList: { [id: string]: string; };
+    pinnedParticipant?: string;
+    raisedHandsQueue: Array<{ hasBeenNotified?: boolean; id: string; raisedHandTimestamp: number; }>;
+    remote: Map<string, IParticipant>;
+    remoteVideoSources: Set<string>;
+    sortedRemoteParticipants: Map<string, string>;
+    sortedRemoteVirtualScreenshareParticipants: Map<string, string>;
+    speakersList: Map<string, string>;
+}
+
+/**
+ * Listen for actions which add, remove, or update the set of participants in
+ * the conference.
+ *
+ * @param {IParticipant[]} state - List of participants to be modified.
+ * @param {Object} action - Action object.
+ * @param {string} action.type - Type of action.
+ * @param {IParticipant} action.participant - Information about participant to be
+ * added/removed/modified.
+ * @returns {IParticipant[]}
+ */
+ReducerRegistry.register<IParticipantsState>('features/base/participants',
+(state = DEFAULT_STATE, action): IParticipantsState => {
+    switch (action.type) {
+    case NOTIFIED_TO_SPEAK: {
+        return {
+            ...state,
+            raisedHandsQueue: state.raisedHandsQueue.map((item, index) => {
+                if (index === 0) {
+
+                    return {
+                        ...item,
+                        hasBeenNotified: true
+                    };
+                }
+
+                return item;
+            })
+        };
+    }
+
+    case PARTICIPANT_ID_CHANGED: {
+        const { local } = state;
+
+        if (local) {
+            if (action.newValue === 'local' && state.raisedHandsQueue.find(pid => pid.id === local.id)) {
+                state.raisedHandsQueue = state.raisedHandsQueue.filter(pid => pid.id !== local.id);
+            }
+            state.local = {
+                ...local,
+                id: action.newValue
+            };
+
+            return {
+                ...state
+            };
+        }
+
+        return state;
+    }
+    case DOMINANT_SPEAKER_CHANGED: {
+        const { participant } = action;
+        const { id, previousSpeakers = [] } = participant;
+        const { dominantSpeaker, local } = state;
+        const newSpeakers = [ id, ...previousSpeakers ];
+        const sortedSpeakersList: Array<Array<string>> = [];
+
+        for (const speaker of newSpeakers) {
+            if (speaker !== local?.id) {
+                const remoteParticipant = state.remote.get(speaker);
+
+                remoteParticipant
+                && sortedSpeakersList.push(
+                    [ speaker, _getDisplayName(state, remoteParticipant?.name) ]
+                );
+            }
+        }
+
+        // Keep the remote speaker list sorted alphabetically.
+        sortedSpeakersList.sort((a, b) => a[1].localeCompare(b[1]));
+
+        // Only one dominant speaker is allowed.
+        if (dominantSpeaker) {
+            _updateParticipantProperty(state, dominantSpeaker, 'dominantSpeaker', false);
+        }
+
+        if (_updateParticipantProperty(state, id, 'dominantSpeaker', true)) {
+            return {
+                ...state,
+                dominantSpeaker: id, // @ts-ignore
+                speakersList: new Map(sortedSpeakersList)
+            };
+        }
+
+        delete state.dominantSpeaker;
+
+        return {
+            ...state
+        };
+    }
+    case PIN_PARTICIPANT: {
+        const { participant } = action;
+        const { id } = participant;
+        const { pinnedParticipant } = state;
+
+        // Only one pinned participant is allowed.
+        if (pinnedParticipant) {
+            _updateParticipantProperty(state, pinnedParticipant, 'pinned', false);
+        }
+
+        if (id && _updateParticipantProperty(state, id, 'pinned', true)) {
+            return {
+                ...state,
+                pinnedParticipant: id
+            };
+        }
+
+        delete state.pinnedParticipant;
+
+        return {
+            ...state
+        };
+    }
+    case SET_LOADABLE_AVATAR_URL:
+    case PARTICIPANT_UPDATED: {
+        const { participant } = action;
+        let { id } = participant;
+        const { local } = participant;
+
+        if (!id && local) {
+            id = LOCAL_PARTICIPANT_DEFAULT_ID;
+        }
+
+        let newParticipant: IParticipant | null = null;
+        const oldParticipant = local || state.local?.id === id ? state.local : state.remote.get(id);
+
+        if (state.remote.has(id)) {
+            newParticipant = _participant(oldParticipant, action);
+            state.remote.set(id, newParticipant);
+        } else if (id === state.local?.id) {
+            newParticipant = state.local = _participant(state.local, action);
+        }
+
+        if (oldParticipant && newParticipant && !newParticipant.fakeParticipant) {
+            const isModerator = isParticipantModerator(newParticipant);
+
+            if (isParticipantModerator(oldParticipant) !== isModerator) {
+                state.numberOfNonModeratorParticipants += isModerator ? -1 : 1;
+            }
+
+            const e2eeEnabled = Boolean(newParticipant.e2eeEnabled);
+            const e2eeSupported = Boolean(newParticipant.e2eeSupported);
+
+            if (Boolean(oldParticipant.e2eeEnabled) !== e2eeEnabled) {
+                state.numberOfParticipantsDisabledE2EE += e2eeEnabled ? -1 : 1;
+            }
+            if (!local && Boolean(oldParticipant.e2eeSupported) !== e2eeSupported) {
+                state.numberOfParticipantsNotSupportingE2EE += e2eeSupported ? -1 : 1;
+            }
+        }
+
+        return {
+            ...state
+        };
+    }
+    case SCREENSHARE_PARTICIPANT_NAME_CHANGED: {
+        const { id, name } = action;
+
+        if (state.sortedRemoteVirtualScreenshareParticipants.has(id)) {
+            state.sortedRemoteVirtualScreenshareParticipants.delete(id);
+
+            const sortedRemoteVirtualScreenshareParticipants = [ ...state.sortedRemoteVirtualScreenshareParticipants ];
+
+            sortedRemoteVirtualScreenshareParticipants.push([ id, name ]);
+            sortedRemoteVirtualScreenshareParticipants.sort((a, b) => a[1].localeCompare(b[1]));
+
+            state.sortedRemoteVirtualScreenshareParticipants = new Map(sortedRemoteVirtualScreenshareParticipants);
+        }
+
+        return { ...state };
+    }
+
+    case PARTICIPANT_JOINED: {
+        const participant = _participantJoined(action);
+        const {
+            fakeParticipant,
+            id,
+            name,
+            pinned,
+            sources
+        } = participant;
+        const { pinnedParticipant, dominantSpeaker } = state;
+
+        if (pinned) {
+            if (pinnedParticipant) {
+                _updateParticipantProperty(state, pinnedParticipant, 'pinned', false);
+            }
+
+            state.pinnedParticipant = id;
+        }
+
+        if (participant.dominantSpeaker) {
+            if (dominantSpeaker) {
+                _updateParticipantProperty(state, dominantSpeaker, 'dominantSpeaker', false);
+            }
+            state.dominantSpeaker = id;
+        }
+
+        if (!fakeParticipant) {
+            const isModerator = isParticipantModerator(participant);
+
+            if (!isModerator) {
+                state.numberOfNonModeratorParticipants += 1;
+            }
+
+            const { e2eeEnabled, e2eeSupported } = participant as IParticipant;
+
+            if (!e2eeEnabled) {
+                state.numberOfParticipantsDisabledE2EE += 1;
+            }
+
+            if (!participant.local && !e2eeSupported) {
+                state.numberOfParticipantsNotSupportingE2EE += 1;
+            }
+        }
+
+        if (participant.local) {
+            return {
+                ...state,
+                local: participant
+            };
+        }
+
+        if (isLocalScreenshareParticipant(participant)) {
+            return {
+                ...state,
+                localScreenShare: participant
+            };
+        }
+
+        state.remote.set(id, participant);
+
+        if (sources?.size) {
+            const videoSources: Map<string, ISourceInfo> | undefined = sources.get(MEDIA_TYPE.VIDEO);
+
+            if (videoSources?.size) {
+                const newRemoteVideoSources = new Set(state.remoteVideoSources);
+
+                for (const source of videoSources.keys()) {
+                    newRemoteVideoSources.add(source);
+                }
+                state.remoteVideoSources = newRemoteVideoSources;
+            }
+        }
+
+        // Insert the new participant.
+        const displayName = _getDisplayName(state, name);
+        const sortedRemoteParticipants = Array.from(state.sortedRemoteParticipants);
+
+        sortedRemoteParticipants.push([ id, displayName ]);
+        sortedRemoteParticipants.sort((a, b) => a[1].localeCompare(b[1]));
+
+        // The sort order of participants is preserved since Map remembers the original insertion order of the keys.
+        state.sortedRemoteParticipants = new Map(sortedRemoteParticipants);
+
+        if (isRemoteScreenshareParticipant(participant)) {
+            const sortedRemoteVirtualScreenshareParticipants = [ ...state.sortedRemoteVirtualScreenshareParticipants ];
+
+            sortedRemoteVirtualScreenshareParticipants.push([ id, name ?? '' ]);
+            sortedRemoteVirtualScreenshareParticipants.sort((a, b) => a[1].localeCompare(b[1]));
+
+            state.sortedRemoteVirtualScreenshareParticipants = new Map(sortedRemoteVirtualScreenshareParticipants);
+
+            logger.debug('Remote screenshare participant joined', id);
+        }
+
+        // Exclude the screenshare participant from the fake participant count to avoid duplicates.
+        if (fakeParticipant && !isScreenShareParticipant(participant)) {
+            state.fakeParticipants.set(id, participant);
+        }
+
+        return { ...state };
+
+    }
+    case PARTICIPANT_LEFT: {
+        // XXX A remote participant is uniquely identified by their id in a
+        // specific JitsiConference instance. The local participant is uniquely
+        // identified by the very fact that there is only one local participant
+        // (and the fact that the local participant "joins" at the beginning of
+        // the app and "leaves" at the end of the app).
+        const { conference, id } = action.participant;
+        const {
+            fakeParticipants,
+            sortedRemoteVirtualScreenshareParticipants,
+            remote,
+            local,
+            localScreenShare,
+            dominantSpeaker,
+            pinnedParticipant
+        } = state;
+        let oldParticipant = remote.get(id);
+        let isLocalScreenShare = false;
+
+        if (oldParticipant && oldParticipant.conference === conference) {
+            remote.delete(id);
+        } else if (local?.id === id) {
+            oldParticipant = state.local;
+            delete state.local;
+        } else if (localScreenShare?.id === id) {
+            isLocalScreenShare = true;
+            oldParticipant = state.local;
+            delete state.localScreenShare;
+        } else {
+            // no participant found
+            return state;
+        }
+
+        if (oldParticipant?.sources?.size) {
+            const videoSources: Map<string, ISourceInfo> | undefined = oldParticipant.sources.get(MEDIA_TYPE.VIDEO);
+
+            if (videoSources?.size) {
+                const newRemoteVideoSources = new Set(state.remoteVideoSources);
+
+                for (const source of videoSources.keys()) {
+                    newRemoteVideoSources.delete(source);
+                }
+
+                state.remoteVideoSources = newRemoteVideoSources;
+            }
+        } else if (oldParticipant?.fakeParticipant === FakeParticipant.RemoteScreenShare) {
+            const newRemoteVideoSources = new Set(state.remoteVideoSources);
+
+            if (newRemoteVideoSources.delete(id)) {
+                state.remoteVideoSources = newRemoteVideoSources;
+            }
+        }
+
+        state.sortedRemoteParticipants.delete(id);
+        state.raisedHandsQueue = state.raisedHandsQueue.filter(pid => pid.id !== id);
+
+        if (dominantSpeaker === id) {
+            state.dominantSpeaker = undefined;
+        }
+
+        // Remove the participant from the list of speakers.
+        state.speakersList.has(id) && state.speakersList.delete(id);
+
+        if (pinnedParticipant === id) {
+            state.pinnedParticipant = undefined;
+        }
+
+        if (fakeParticipants.has(id)) {
+            fakeParticipants.delete(id);
+        }
+
+        if (sortedRemoteVirtualScreenshareParticipants.has(id)) {
+            sortedRemoteVirtualScreenshareParticipants.delete(id);
+            state.sortedRemoteVirtualScreenshareParticipants = new Map(sortedRemoteVirtualScreenshareParticipants);
+
+            logger.debug('Remote screenshare participant left', id);
+        }
+
+        if (oldParticipant && !oldParticipant.fakeParticipant && !isLocalScreenShare) {
+            const { e2eeEnabled, e2eeSupported } = oldParticipant;
+
+            if (!isParticipantModerator(oldParticipant)) {
+                state.numberOfNonModeratorParticipants -= 1;
+            }
+
+            if (!e2eeEnabled) {
+                state.numberOfParticipantsDisabledE2EE -= 1;
+            }
+
+            if (!oldParticipant.local && !e2eeSupported) {
+                state.numberOfParticipantsNotSupportingE2EE -= 1;
+            }
+        }
+
+        return { ...state };
+    }
+    case PARTICIPANT_SOURCES_UPDATED: {
+        const { id, sources } = action.participant;
+        const participant = state.remote.get(id);
+
+        if (participant) {
+            participant.sources = sources;
+            const videoSources: Map<string, ISourceInfo> = sources.get(MEDIA_TYPE.VIDEO);
+
+            if (videoSources?.size) {
+                const newRemoteVideoSources = new Set(state.remoteVideoSources);
+
+                for (const source of videoSources.keys()) {
+                    newRemoteVideoSources.add(source);
+                }
+                state.remoteVideoSources = newRemoteVideoSources;
+            }
+        }
+
+        return { ...state };
+    }
+    case RAISE_HAND_CLEAR: {
+        return {
+            ...state,
+            raisedHandsQueue: []
+        };
+    }
+    case RAISE_HAND_UPDATED: {
+        return {
+            ...state,
+            raisedHandsQueue: action.queue
+        };
+    }
+    case UPDATE_CONFERENCE_METADATA: {
+        const { metadata } = action;
+
+
+        if (metadata?.visitors?.promoted) {
+            let participantProcessed = false;
+
+            Object.entries(metadata?.visitors?.promoted).forEach(([ key, _ ]) => {
+
+                const p = state.remote.get(key);
+
+                if (p && !p.isPromoted) {
+
+                    state.remote.set(key, {
+                        ...p,
+                        isPromoted: true
+                    });
+                    participantProcessed = true;
+                }
+            });
+
+            if (participantProcessed) {
+                return { ...state };
+            }
+        }
+
+        break;
+    }
+    case OVERWRITE_PARTICIPANT_NAME: {
+        const { id, name } = action;
+
+        return {
+            ...state,
+            overwrittenNameList: {
+                ...state.overwrittenNameList,
+                [id]: name
+            }
+        };
+    }
+    }
+
+    return state;
+});
+
+/**
+ * Returns the participant's display name, default string if display name is not set on the participant.
+ *
+ * @param {Object} state - The local participant redux state.
+ * @param {string} name - The display name of the participant.
+ * @returns {string}
+ */
+function _getDisplayName(state: Object, name?: string): string {
+    // @ts-ignore
+    const config = state['features/base/config'];
+
+    return name ?? (config?.defaultRemoteDisplayName || 'Fellow Jitster');
+}
+
+/**
+ * Reducer function for a single participant.
+ *
+ * @param {IParticipant|undefined} state - Participant to be modified.
+ * @param {Object} action - Action object.
+ * @param {string} action.type - Type of action.
+ * @param {IParticipant} action.participant - Information about participant to be
+ * added/modified.
+ * @param {JitsiConference} action.conference - Conference instance.
+ * @private
+ * @returns {IParticipant}
+ */
+function _participant(state: IParticipant | ILocalParticipant = { id: '' },
+        action: AnyAction): IParticipant | ILocalParticipant {
+    switch (action.type) {
+    case SET_LOADABLE_AVATAR_URL:
+    case PARTICIPANT_UPDATED: {
+        const { participant } = action; // eslint-disable-line no-shadow
+
+        const newState = { ...state };
+
+        for (const key in participant) {
+            if (participant.hasOwnProperty(key)
+                    && PARTICIPANT_PROPS_TO_OMIT_WHEN_UPDATE.indexOf(key)
+                        === -1) {
+                // @ts-ignore
+                newState[key] = participant[key];
+            }
+        }
+
+        return newState;
+    }
+    }
+
+    return state;
+}
+
+/**
+ * Reduces a specific redux action of type {@link PARTICIPANT_JOINED} in the
+ * feature base/participants.
+ *
+ * @param {Action} action - The redux action of type {@code PARTICIPANT_JOINED}
+ * to reduce.
+ * @private
+ * @returns {Object} The new participant derived from the payload of the
+ * specified {@code action} to be added into the redux state of the feature
+ * base/participants after the reduction of the specified
+ * {@code action}.
+ */
+function _participantJoined({ participant }: { participant: IParticipant; }) {
+    const {
+        avatarURL,
+        botType,
+        dominantSpeaker,
+        email,
+        fakeParticipant,
+        isPromoted,
+        isReplacing,
+        loadableAvatarUrl,
+        local,
+        name,
+        pinned,
+        presence,
+        role,
+        sources
+    } = participant;
+    let { conference, id } = participant;
+
+    if (local) {
+        // conference
+        //
+        // XXX The local participant is not identified in association with a
+        // JitsiConference because it is identified by the very fact that it is
+        // the local participant.
+        conference = undefined;
+
+        // id
+        id || (id = LOCAL_PARTICIPANT_DEFAULT_ID);
+    }
+
+    return {
+        avatarURL,
+        botType,
+        conference,
+        dominantSpeaker: dominantSpeaker || false,
+        email,
+        fakeParticipant,
+        id,
+        isPromoted,
+        isReplacing,
+        loadableAvatarUrl,
+        local: local || false,
+        name,
+        pinned: pinned || false,
+        presence,
+        role: role || PARTICIPANT_ROLE.NONE,
+        sources
+    };
+}
+
+/**
+ * Updates a specific property for a participant.
+ *
+ * @param {State} state - The redux state.
+ * @param {string} id - The ID of the participant.
+ * @param {string} property - The property to update.
+ * @param {*} value - The new value.
+ * @returns {boolean} - True if a participant was updated and false otherwise.
+ */
+function _updateParticipantProperty(state: IParticipantsState, id: string, property: string, value: boolean) {
+    const { remote, local, localScreenShare } = state;
+
+    if (remote.has(id)) {
+        remote.set(id, set(remote.get(id) ?? {
+            id: '',
+            name: ''
+        }, property as keyof IParticipant, value));
+
+        return true;
+    } else if (local?.id === id || local?.id === 'local') {
+        // The local participant's ID can chance from something to "local" when
+        // not in a conference.
+        state.local = set(local, property as keyof ILocalParticipant, value);
+
+        return true;
+
+    } else if (localScreenShare?.id === id) {
+        state.localScreenShare = set(localScreenShare, property as keyof IParticipant, value);
+
+        return true;
+    }
+
+    return false;
+}
diff --git a/react/features/base/participants/sounds.ts b/react/features/base/participants/sounds.ts
new file mode 100644
index 0000000..e0c571a
--- /dev/null
+++ b/react/features/base/participants/sounds.ts
@@ -0,0 +1,11 @@
+/**
+ * The name of the bundled sound file which will be played when new participant
+ * joins the conference.
+ */
+export const PARTICIPANT_JOINED_FILE = 'joined.mp3';
+
+/**
+ * The name of the bundled sound file which will be played when any participant
+ * leaves the conference.
+ */
+export const PARTICIPANT_LEFT_FILE = 'left.mp3';
diff --git a/react/features/base/participants/subscriber.ts b/react/features/base/participants/subscriber.ts
new file mode 100644
index 0000000..fd741a3
--- /dev/null
+++ b/react/features/base/participants/subscriber.ts
@@ -0,0 +1,174 @@
+
+import { difference } from 'lodash-es';
+import { batch } from 'react-redux';
+
+import { IStore } from '../../app/types';
+import { hideNotification, showNotification } from '../../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE, RAISE_HAND_NOTIFICATION_ID } from '../../notifications/constants';
+import { getCurrentConference } from '../conference/functions';
+import {
+    getDisableNextSpeakerNotification,
+    getSsrcRewritingFeatureFlag,
+    hasBeenNotified,
+    isNextToSpeak } from '../config/functions.any';
+import { VIDEO_TYPE } from '../media/constants';
+import StateListenerRegistry from '../redux/StateListenerRegistry';
+
+import { NOTIFIED_TO_SPEAK } from './actionTypes';
+import { createVirtualScreenshareParticipant, participantLeft } from './actions';
+import {
+    getParticipantById,
+    getRemoteScreensharesBasedOnPresence,
+    getVirtualScreenshareParticipantOwnerId
+} from './functions';
+import logger from './logger';
+import { FakeParticipant } from './types';
+
+StateListenerRegistry.register(
+    /* selector */ state => state['features/base/tracks'],
+    /* listener */(tracks, store) => _updateScreenshareParticipants(store)
+);
+
+StateListenerRegistry.register(
+    /* selector */ state => state['features/base/participants'].remoteVideoSources,
+    /* listener */(remoteVideoSources, store) => getSsrcRewritingFeatureFlag(store.getState())
+        && _updateScreenshareParticipantsBasedOnPresence(store)
+);
+
+StateListenerRegistry.register(
+    /* selector */ state => state['features/base/participants'].raisedHandsQueue,
+    /* listener */ (raisedHandsQueue, store) => {
+        if (raisedHandsQueue.length
+            && isNextToSpeak(store.getState())
+            && !hasBeenNotified(store.getState())
+            && !getDisableNextSpeakerNotification(store.getState())
+            && !store.getState()['features/visitors'].iAmVisitor) { // visitors raise hand to be promoted
+            _notifyNextSpeakerInRaisedHandQueue(store);
+        }
+        if (!raisedHandsQueue[0]) {
+            store.dispatch(hideNotification(RAISE_HAND_NOTIFICATION_ID));
+        }
+    }
+);
+
+/**
+ * Compares the old and new screenshare lists provided and creates/removes the virtual screenshare participant
+ * tiles accordingly.
+ *
+ * @param {Array<string>} oldScreenshareSourceNames - List of old screenshare source names.
+ * @param {Array<string>} newScreenshareSourceNames - Current list of screenshare source names.
+ * @param {Object} store - The redux store.
+ * @returns {void}
+ */
+function _createOrRemoveVirtualParticipants(
+        oldScreenshareSourceNames: string[],
+        newScreenshareSourceNames: string[],
+        store: IStore): void {
+    const { dispatch, getState } = store;
+    const conference = getCurrentConference(getState());
+    const removedScreenshareSourceNames = difference(oldScreenshareSourceNames, newScreenshareSourceNames);
+    const addedScreenshareSourceNames = difference(newScreenshareSourceNames, oldScreenshareSourceNames);
+
+    if (removedScreenshareSourceNames.length) {
+        removedScreenshareSourceNames.forEach(id => {
+            logger.debug('Dispatching participantLeft for virtual screenshare', id);
+            dispatch(participantLeft(id, conference, {
+                fakeParticipant: FakeParticipant.RemoteScreenShare
+            }));
+        });
+    }
+
+    if (addedScreenshareSourceNames.length) {
+        addedScreenshareSourceNames.forEach(id => {
+            logger.debug('Creating virtual screenshare participant', id);
+            dispatch(createVirtualScreenshareParticipant(id, false, conference));
+        });
+    }
+}
+
+/**
+ * Handles creating and removing virtual screenshare participants.
+ *
+ * @param {*} store - The redux store.
+ * @returns {void}
+ */
+function _updateScreenshareParticipants(store: IStore): void {
+    const { dispatch, getState } = store;
+    const state = getState();
+    const conference = getCurrentConference(state);
+    const tracks = state['features/base/tracks'];
+    const { sortedRemoteVirtualScreenshareParticipants, localScreenShare } = state['features/base/participants'];
+    const previousScreenshareSourceNames = [ ...sortedRemoteVirtualScreenshareParticipants.keys() ];
+
+    let newLocalSceenshareSourceName;
+
+    const currentScreenshareSourceNames = tracks.reduce((acc: string[], track) => {
+        if (track.videoType === VIDEO_TYPE.DESKTOP && !track.jitsiTrack.isMuted()) {
+            const sourceName: string = track.jitsiTrack.getSourceName();
+
+            // Ignore orphan tracks in ssrc-rewriting mode.
+            if (!sourceName && getSsrcRewritingFeatureFlag(state)) {
+                return acc;
+            }
+            if (track.local) {
+                newLocalSceenshareSourceName = sourceName;
+            } else if (getParticipantById(state, getVirtualScreenshareParticipantOwnerId(sourceName))) {
+                acc.push(sourceName);
+            }
+        }
+
+        return acc;
+    }, []);
+
+    if (!localScreenShare && newLocalSceenshareSourceName) {
+        dispatch(createVirtualScreenshareParticipant(newLocalSceenshareSourceName, true, conference));
+    }
+
+    if (localScreenShare && !newLocalSceenshareSourceName) {
+        dispatch(participantLeft(localScreenShare.id, conference, {
+            fakeParticipant: FakeParticipant.LocalScreenShare
+        }));
+    }
+
+    if (getSsrcRewritingFeatureFlag(state)) {
+        return;
+    }
+
+    _createOrRemoveVirtualParticipants(previousScreenshareSourceNames, currentScreenshareSourceNames, store);
+}
+
+/**
+ * Handles the creation and removal of remote virtual screenshare participants when ssrc-rewriting is enabled.
+ *
+ * @param {Object} store - The redux store.
+ * @returns {void}
+ */
+function _updateScreenshareParticipantsBasedOnPresence(store: IStore): void {
+    const { getState } = store;
+    const state = getState();
+    const { sortedRemoteVirtualScreenshareParticipants } = state['features/base/participants'];
+    const previousScreenshareSourceNames = [ ...sortedRemoteVirtualScreenshareParticipants.keys() ];
+    const currentScreenshareSourceNames = getRemoteScreensharesBasedOnPresence(state);
+
+    _createOrRemoveVirtualParticipants(previousScreenshareSourceNames, currentScreenshareSourceNames, store);
+}
+
+/**
+ * Handles notifying the next speaker in the raised hand queue.
+ *
+ * @param {*} store - The redux store.
+ * @returns {void}
+ */
+function _notifyNextSpeakerInRaisedHandQueue(store: IStore): void {
+    const { dispatch } = store;
+
+    batch(() => {
+        dispatch(showNotification({
+            titleKey: 'notify.nextToSpeak',
+            maxLines: 2
+        }, NOTIFICATION_TIMEOUT_TYPE.MEDIUM));
+        dispatch({
+            type: NOTIFIED_TO_SPEAK
+        });
+    });
+}
diff --git a/react/features/base/participants/types.ts b/react/features/base/participants/types.ts
new file mode 100644
index 0000000..04a0b8d
--- /dev/null
+++ b/react/features/base/participants/types.ts
@@ -0,0 +1,92 @@
+import { IJitsiConference } from '../conference/reducer';
+
+export enum FakeParticipant {
+    LocalScreenShare = 'LocalScreenShare',
+    RemoteScreenShare = 'RemoteScreenShare',
+    SharedVideo = 'SharedVideo',
+    Whiteboard = 'Whiteboard'
+}
+
+export interface IParticipant {
+    avatarURL?: string;
+    botType?: string;
+    conference?: IJitsiConference;
+    displayName?: string;
+    dominantSpeaker?: boolean;
+    e2eeEnabled?: boolean;
+    e2eeSupported?: boolean;
+    e2eeVerificationAvailable?: boolean;
+    e2eeVerified?: boolean;
+    email?: string;
+    fakeParticipant?: FakeParticipant;
+    features?: IParticipantFeatures;
+    getId?: Function;
+    id: string;
+    isJigasi?: boolean;
+    isPromoted?: boolean;
+    isReplaced?: boolean;
+    isReplacing?: number;
+    isSilent?: boolean;
+    jwtId?: string;
+    loadableAvatarUrl?: string;
+    loadableAvatarUrlUseCORS?: boolean;
+    local?: boolean;
+    localRecording?: boolean;
+    name?: string;
+    pinned?: boolean;
+    presence?: string;
+    raisedHandTimestamp?: number;
+    region?: string;
+    remoteControlSessionStatus?: boolean;
+    role?: string;
+    sources?: Map<string, Map<string, ISourceInfo>>;
+    supportsRemoteControl?: boolean;
+}
+
+export interface ILocalParticipant extends IParticipant {
+    audioOutputDeviceId?: string;
+    cameraDeviceId?: string;
+    jwtId?: string;
+    micDeviceId?: string;
+    startWithAudioMuted?: boolean;
+    startWithVideoMuted?: boolean;
+    userSelectedMicDeviceId?: string;
+    userSelectedMicDeviceLabel?: string;
+}
+
+export interface IParticipantFeatures {
+    'branding'?: boolean | string;
+    'calendar'?: boolean | string;
+    'create-polls'?: boolean | string;
+    'file-upload'?: boolean | string;
+    'flip'?: boolean | string;
+    'inbound-call'?: boolean | string;
+    'list-visitors'?: boolean | string;
+    'livestreaming'?: boolean | string;
+    'lobby'?: boolean | string;
+    'moderation'?: boolean | string;
+    'outbound-call'?: boolean | string;
+    'recording'?: boolean | string;
+    'room'?: boolean | string;
+    'screen-sharing'?: boolean | string;
+    'send-groupchat'?: boolean | string;
+    'sip-inbound-call'?: boolean | string;
+    'sip-outbound-call'?: boolean | string;
+    'transcription'?: boolean | string;
+}
+
+export interface ISourceInfo {
+    muted: boolean;
+    videoType: string;
+}
+
+export interface IJitsiParticipant {
+    getDisplayName: () => string;
+    getId: () => string;
+    getJid: () => string;
+    getRole: () => string;
+    getSources: () => Map<string, Map<string, ISourceInfo>>;
+    isHidden: () => boolean;
+}
+
+export type ParticipantFeaturesKey = keyof IParticipantFeatures;
diff --git a/react/features/base/popover/components/Popover.native.ts b/react/features/base/popover/components/Popover.native.ts
new file mode 100644
index 0000000..e69de29
diff --git a/react/features/base/popover/components/Popover.web.tsx b/react/features/base/popover/components/Popover.web.tsx
new file mode 100644
index 0000000..0052f27
--- /dev/null
+++ b/react/features/base/popover/components/Popover.web.tsx
@@ -0,0 +1,554 @@
+import React, { Component, ReactNode } from 'react';
+import { FocusOn } from 'react-focus-on';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import DialogPortal from '../../../toolbox/components/web/DialogPortal';
+import Drawer from '../../../toolbox/components/web/Drawer';
+import JitsiPortal from '../../../toolbox/components/web/JitsiPortal';
+import { isElementInTheViewport } from '../../ui/functions.web';
+import { getContextMenuStyle } from '../functions.web';
+
+/**
+ * The type of the React {@code Component} props of {@link Popover}.
+ */
+interface IProps {
+
+    /**
+     * Whether the child element can be clicked on.
+     */
+    allowClick?: boolean;
+
+    /**
+     * A child React Element to use as the trigger for showing the dialog.
+     */
+    children: ReactNode;
+
+    /**
+     * Additional CSS classnames to apply to the root of the {@code Popover}
+     * component.
+     */
+    className?: string;
+
+    /**
+     * The ReactElement to display within the dialog.
+     */
+    content: ReactNode;
+
+    /**
+     * Whether displaying of the popover should be prevented.
+     */
+    disablePopover?: boolean;
+
+    /**
+     * Whether we can reach the popover element via keyboard or not when trigger is 'hover' (true by default).
+     *
+     * Only works when trigger is set to 'hover'.
+     *
+     * There are some rare cases where we want to set this to false,
+     * when the popover content is not necessary for screen reader users, because accessible elsewhere.
+     */
+    focusable?: boolean;
+
+    /**
+     * The id of the dom element acting as the Popover label (matches aria-labelledby).
+     */
+    headingId?: string;
+
+    /**
+     * String acting as the Popover label (matches aria-label).
+     *
+     * If headingId is set, this will not be used.
+     */
+    headingLabel?: string;
+
+    /**
+     * An id attribute to apply to the root of the {@code Popover}
+     * component.
+     */
+    id?: string;
+
+    /**
+    * Callback to invoke when the popover has closed.
+    */
+    onPopoverClose: Function;
+
+    /**
+     * Callback to invoke when the popover has opened.
+     */
+    onPopoverOpen?: Function;
+
+    /**
+     * Whether to display the Popover as a drawer.
+     */
+    overflowDrawer?: boolean;
+
+    /**
+     * Where should the popover content be placed.
+     */
+    position: string;
+
+    /**
+     * The ARIA role.
+     */
+    role?: string;
+
+    /**
+     * Whether the trigger for open/ close should be click or hover.
+     */
+    trigger?: 'hover' | 'click';
+
+    /**
+     * Whether the popover is visible or not.
+     */
+    visible: boolean;
+}
+
+/**
+ * The type of the React {@code Component} state of {@link Popover}.
+ */
+interface IState {
+
+    /**
+     * The style to apply to the context menu in order to position it correctly.
+     */
+    contextMenuStyle?: {
+        bottom?: string;
+        left?: string;
+        position: string;
+        top?: string;
+    } | null;
+
+    /**
+     * Whether the popover should be focus locked or not.
+     *
+     * This is enabled if we notice the popover is interactive
+     * (trigger is click or focusable is true).
+     */
+    enableFocusLock: boolean;
+}
+
+/**
+ * Implements a React {@code Component} for showing an {@code Popover} on
+ * mouseenter of the trigger and contents, and hiding the dialog on mouseleave.
+ *
+ * @augments Component
+ */
+class Popover extends Component<IProps, IState> {
+    /**
+     * Default values for {@code Popover} component's properties.
+     *
+     * @static
+     */
+    static defaultProps = {
+        className: '',
+        focusable: true,
+        id: '',
+        trigger: 'hover'
+    };
+
+    /**
+     * Reference to the dialog container.
+     */
+    _containerRef: React.RefObject<HTMLDivElement>;
+
+    _contextMenuRef: HTMLElement;
+
+    /**
+     * Initializes a new {@code Popover} instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            contextMenuStyle: null,
+            enableFocusLock: false
+        };
+
+        // Bind event handlers so they are only bound once for every instance.
+        this._enableFocusLock = this._enableFocusLock.bind(this);
+        this._onHideDialog = this._onHideDialog.bind(this);
+        this._onShowDialog = this._onShowDialog.bind(this);
+        this._onKeyPress = this._onKeyPress.bind(this);
+        this._containerRef = React.createRef();
+        this._onEscKey = this._onEscKey.bind(this);
+        this._onClick = this._onClick.bind(this);
+        this._onTouchStart = this._onTouchStart.bind(this);
+        this._setContextMenuRef = this._setContextMenuRef.bind(this);
+        this._setContextMenuStyle = this._setContextMenuStyle.bind(this);
+        this._getCustomDialogStyle = this._getCustomDialogStyle.bind(this);
+        this._onOutsideClick = this._onOutsideClick.bind(this);
+        this._onOutsideTouchStart = this._onOutsideTouchStart.bind(this);
+    }
+
+    /**
+     * Sets up a touch event listener to attach.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidMount() {
+        window.addEventListener('touchstart', this._onOutsideTouchStart);
+        if (this.props.trigger === 'click') {
+            // @ts-ignore
+            window.addEventListener('click', this._onOutsideClick);
+        }
+    }
+
+    /**
+     * Removes the listener set up in the {@code componentDidMount} method.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentWillUnmount() {
+        window.removeEventListener('touchstart', this._onOutsideTouchStart);
+        if (this.props.trigger === 'click') {
+            // @ts-ignore
+            window.removeEventListener('click', this._onOutsideClick);
+        }
+    }
+
+    /**
+     * Handles click outside the popover.
+     *
+     * @param {MouseEvent} e - The click event.
+     * @returns {void}
+     */
+    _onOutsideClick(e: React.MouseEvent) {
+        if (!this._containerRef?.current?.contains(e.target as Node) && this.props.visible) {
+            this._onHideDialog();
+        }
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { children,
+            className,
+            content,
+            focusable,
+            headingId,
+            id,
+            overflowDrawer,
+            visible,
+            trigger
+        } = this.props;
+
+        if (overflowDrawer) {
+            return (
+                <div
+                    className = { className }
+                    id = { id }
+                    onClick = { this._onShowDialog }>
+                    { children }
+                    <JitsiPortal>
+                        <Drawer
+                            headingId = { headingId }
+                            isOpen = { visible }
+                            onClose = { this._onHideDialog }>
+                            { content }
+                        </Drawer>
+                    </JitsiPortal>
+                </div>
+            );
+        }
+
+        return (
+            <div
+                className = { className }
+                id = { id }
+                onClick = { this._onClick }
+                onKeyPress = { this._onKeyPress }
+                onTouchStart = { this._onTouchStart }
+                { ...(trigger === 'hover' ? {
+                    onMouseEnter: this._onShowDialog,
+                    onMouseLeave: this._onHideDialog
+                } : {}) }
+                { ...(trigger === 'hover' && focusable && {
+                    role: 'button',
+                    tabIndex: 0
+                }) }
+                ref = { this._containerRef }>
+                { visible && (
+                    <DialogPortal
+                        getRef = { this._setContextMenuRef }
+                        onVisible = { this._isInteractive() ? this._enableFocusLock : undefined }
+                        setSize = { this._setContextMenuStyle }
+                        style = { this.state.contextMenuStyle }
+                        targetSelector = '.popover-content'>
+                        <FocusOn
+
+                            // Use the `enabled` prop instead of conditionally rendering ReactFocusOn
+                            // to prevent UI stutter on dialog appearance. It seems the focus guards generated annoy
+                            // our DialogPortal positioning calculations.
+                            enabled = { Boolean(this._contextMenuRef) && this.state.enableFocusLock }
+                            returnFocus = {
+
+                                // If we return the focus to an element outside the viewport the page will scroll to
+                                // this element which in our case is undesirable and the element is outside of the
+                                // viewport on purpose (to be hidden). For example if we return the focus to the
+                                // toolbox when it is hidden the whole page will move up in order to show the
+                                // toolbox. This is usually followed up with displaying the toolbox (because now it
+                                // is on focus) but because of the animation the whole scenario looks like jumping
+                                // large video.
+                                isElementInTheViewport
+                            }
+                            shards = { this._contextMenuRef && [ this._contextMenuRef ] }>
+                            {this._renderContent()}
+                        </FocusOn>
+                    </DialogPortal>
+                )}
+                { children }
+            </div>
+        );
+    }
+
+    /**
+     * Sets the context menu dialog style for positioning it on screen.
+     *
+     * @param {DOMRectReadOnly} size -The size info of the current context menu.
+     *
+     * @returns {void}
+     */
+    _setContextMenuStyle(size: DOMRectReadOnly) {
+        const style = this._getCustomDialogStyle(size);
+
+        this.setState({ contextMenuStyle: style });
+    }
+
+    /**
+     * Sets the context menu's ref.
+     *
+     * @param {HTMLElement} elem -The html element of the context menu.
+     *
+     * @returns {void}
+     */
+    _setContextMenuRef(elem: HTMLElement) {
+        if (!elem || document.body.contains(elem)) {
+            this._contextMenuRef = elem;
+        }
+    }
+
+    /**
+     * Hide dialog on touch outside of the context menu.
+     *
+     * @param {TouchEvent} event - The touch event.
+     * @private
+     * @returns {void}
+     */
+    _onOutsideTouchStart(event: TouchEvent) {
+        if (this.props.visible
+            && !this.props.overflowDrawer
+            && !this._contextMenuRef?.contains?.(event.target as Node)
+            && !this._containerRef?.current?.contains(event.target as Node)) {
+            this._onHideDialog();
+        }
+    }
+
+    /**
+     * Stops displaying the {@code Popover}.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onHideDialog() {
+        this.setState({
+            contextMenuStyle: null
+        });
+
+        if (this.props.onPopoverClose) {
+            this.props.onPopoverClose();
+        }
+    }
+
+    /**
+     * Displays the {@code Popover} and calls any registered onPopoverOpen
+     * callbacks.
+     *
+     * @param {Object} event - The mouse event or the keypress event to intercept.
+     * @private
+     * @returns {void}
+     */
+    _onShowDialog(event?: React.MouseEvent | React.KeyboardEvent) {
+        event?.stopPropagation();
+
+        if (!this.props.disablePopover) {
+            this.props.onPopoverOpen?.();
+        }
+    }
+
+    /**
+     * Prevents switching from tile view to stage view on accidentally clicking
+     * the popover thumbs.
+     *
+     * @param {Object} event - The mouse event or the keypress event to intercept.
+     * @private
+     * @returns {void}
+     */
+    _onClick(event: React.MouseEvent) {
+        const { allowClick, trigger, focusable, visible } = this.props;
+
+        if (!allowClick) {
+            event.stopPropagation();
+        }
+        if (trigger === 'click' || focusable) {
+            if (visible) {
+                this._onHideDialog();
+            } else {
+                this._onShowDialog();
+            }
+        }
+    }
+
+    /**
+     * Stops propagation of touchstart events originating from the Popover's trigger container.
+     * This prevents the window's 'touchstart' listener (_onOutsideTouchStart) from
+     * immediately closing the Popover if the touch begins on the trigger area itself.
+     * Without this, the subsequent synthesized 'click' event will not execute
+     * because the Popover would already be closing or removed, breaking interactions
+     * within the Popover on touch devices.
+     *
+     * e.g. On a mobile device overflow buttons don't execute their click actions.
+     *
+     * @param {React.TouchEvent} event - The touch start event.
+     * @private
+     * @returns {void}
+     */
+    _onTouchStart(event: React.TouchEvent) {
+        event.stopPropagation();
+    }
+
+    /**
+     * KeyPress handler for accessibility.
+     *
+     * @param {Object} e - The key event to handle.
+     *
+     * @returns {void}
+     */
+    _onKeyPress(e: React.KeyboardEvent) {
+        // first check that the element we pressed is the actual popover toggle or any of its descendant,
+        // otherwise pressing space or enter in any child element of the popover _dialog_ will trigger this.
+        if (e.currentTarget.contains(e.target as Node) && (e.key === ' ' || e.key === 'Enter')) {
+            e.preventDefault();
+            if (this.props.visible) {
+                this._onHideDialog();
+            } else {
+                this._onShowDialog(e);
+            }
+        }
+    }
+
+    /**
+     * KeyPress handler for accessibility.
+     *
+     * @param {Object} e - The key event to handle.
+     *
+     * @returns {void}
+     */
+    _onEscKey(e: React.KeyboardEvent) {
+        if (e.key === 'Escape') {
+            e.preventDefault();
+            e.stopPropagation();
+            if (this.props.visible) {
+                this._onHideDialog();
+            }
+        }
+    }
+
+    /**
+     * Gets style for positioning the context menu on screen in regards to the trigger's
+     * position.
+     *
+     * @param {DOMRectReadOnly} size -The current context menu's size info.
+     *
+     * @returns {Object} - The new style of the context menu.
+     */
+    _getCustomDialogStyle(size: DOMRectReadOnly) {
+        if (this._containerRef?.current) {
+            const bounds = this._containerRef.current.getBoundingClientRect();
+
+            return getContextMenuStyle(bounds, size, this.props.position);
+        }
+    }
+
+    /**
+     * Renders the React Element to be displayed in the {@code Popover}.
+     * Also adds padding to support moving the mouse from the trigger to the
+     * dialog to prevent mouseleave events.
+     *
+     * @private
+     * @returns {ReactElement}
+     */
+    _renderContent() {
+        const { content, position, trigger, headingId, headingLabel, role = 'dialog' } = this.props;
+        const isFocusLockEnabled = this.state.enableFocusLock;
+        const isDialogRole = role === 'dialog';
+
+        return (
+            <div className = { `popover ${trigger}` }>
+                <div
+                    className = { `popover-content ${position.split('-')[0]}` }
+                    data-autofocus = { isFocusLockEnabled }
+                    onKeyDown = { this._onEscKey }
+                    { ...(isFocusLockEnabled && {
+                        role,
+                        tabIndex: -1
+                    }) }
+                    { ...(isFocusLockEnabled && isDialogRole && {
+                        'aria-modal': true,
+                        'aria-label': !headingId && headingLabel ? headingLabel : undefined,
+                        'aria-labelledby': headingId ? headingId : undefined
+                    }) }>
+                    { content }
+                </div>
+            </div>
+        );
+    }
+
+    /**
+     * Returns whether the popover is considered interactive or not.
+     *
+     * Interactive means the popover content is certainly composed of buttons, links…
+     * Non-interactive popovers are mostly tooltips.
+     *
+     * @private
+     * @returns {boolean}
+     */
+    _isInteractive() {
+        return this.props.trigger === 'click' || Boolean(this.props.focusable);
+    }
+
+    /**
+     * Enables the focus lock in the popover dialog.
+     *
+     * @private
+     * @returns {void}
+     */
+    _enableFocusLock() {
+        this.setState({ enableFocusLock: true });
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated {@code Popover}'s props.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {Object} ownProps - The own props of the component.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    return {
+        overflowDrawer: state['features/toolbox'].overflowDrawer
+    };
+}
+
+export default connect(_mapStateToProps)(Popover);
diff --git a/react/features/base/popover/functions.web.ts b/react/features/base/popover/functions.web.ts
new file mode 100644
index 0000000..111904a
--- /dev/null
+++ b/react/features/base/popover/functions.web.ts
@@ -0,0 +1,153 @@
+const getLeftAlignedStyle = (bounds: DOMRect) => {
+    return {
+        position: 'fixed',
+        right: `${window.innerWidth - bounds.x}px`
+    };
+};
+
+const getRightAlignedStyle = (bounds: DOMRect) => {
+    return {
+        position: 'fixed',
+        left: `${bounds.x + bounds.width}px`
+    };
+};
+
+const getTopAlignedStyle = (bounds: DOMRect) => {
+    return {
+        position: 'fixed',
+        bottom: `${window.innerHeight - bounds.y}px`
+    };
+};
+
+const getBottomAlignedStyle = (bounds: DOMRect) => {
+    return {
+        position: 'fixed',
+        top: `${bounds.y + bounds.height}px`
+    };
+};
+
+const getLeftRightStartAlign = (bounds: DOMRect, size: DOMRectReadOnly) => {
+    return {
+        top: `${Math.min(bounds.y, window.innerHeight - size.height - 20)}px`
+    };
+};
+
+const getLeftRightMidAlign = (bounds: DOMRect, size: DOMRectReadOnly) => {
+    return {
+        bottom: `${window.innerHeight - bounds.y - (bounds.height / 2) - (size.height / 2)}px`
+    };
+};
+
+const getLeftRightEndAlign = (bounds: DOMRect, size: DOMRectReadOnly) => {
+    return {
+        bottom: `${Math.min(window.innerHeight - bounds.y - bounds.height, window.innerHeight - size.height)}px`
+    };
+};
+
+const getTopBotStartAlign = (bounds: DOMRect) => {
+    return {
+        right: `${window.innerWidth - bounds.x - 6}px`
+    };
+};
+
+const getTopBotMidAlign = (bounds: DOMRect, size: DOMRectReadOnly) => {
+    return {
+        right: `${window.innerWidth - bounds.x - (bounds.width / 2) - (size.width / 2)}px`
+    };
+};
+
+const getTopBotEndAlign = (bounds: DOMRect) => {
+    return {
+        left: `${bounds.x + bounds.width - 6}px`
+    };
+};
+
+/**
+ * Gets the trigger element's and the context menu's bounds/size info and
+ * computes the style to apply to the context menu to positioning it correctly
+ * in regards to the given position info.
+ *
+ * @param {DOMRect} triggerBounds -The bounds info of the trigger html element.
+ * @param {DOMRectReadOnly} dialogSize - The size info of the context menu.
+ * @param {string} position - The position of the context menu in regards to the trigger element.
+ *
+ * @returns {Object} = The style to apply to context menu for positioning it correctly.
+ */
+export const getContextMenuStyle = (triggerBounds: DOMRect,
+        dialogSize: DOMRectReadOnly,
+        position: string) => {
+    const parsed = position.split('-');
+
+    switch (parsed[0]) {
+    case 'top': {
+        let alignmentStyle = {};
+
+        if (parsed[1]) {
+            alignmentStyle = parsed[1] === 'start'
+                ? getTopBotStartAlign(triggerBounds)
+                : getTopBotEndAlign(triggerBounds);
+        } else {
+            alignmentStyle = getTopBotMidAlign(triggerBounds, dialogSize);
+        }
+
+        return {
+            ...getTopAlignedStyle(triggerBounds),
+            ...alignmentStyle
+        };
+    }
+    case 'bottom': {
+        let alignmentStyle = {};
+
+        if (parsed[1]) {
+            alignmentStyle = parsed[1] === 'start'
+                ? getTopBotStartAlign(triggerBounds)
+                : getTopBotEndAlign(triggerBounds);
+        } else {
+            alignmentStyle = getTopBotMidAlign(triggerBounds, dialogSize);
+        }
+
+        return {
+            ...getBottomAlignedStyle(triggerBounds),
+            ...alignmentStyle
+        };
+    }
+    case 'left': {
+        let alignmentStyle = {};
+
+        if (parsed[1]) {
+            alignmentStyle = parsed[1] === 'start'
+                ? getLeftRightStartAlign(triggerBounds, dialogSize)
+                : getLeftRightEndAlign(triggerBounds, dialogSize);
+        } else {
+            alignmentStyle = getLeftRightMidAlign(triggerBounds, dialogSize);
+        }
+
+        return {
+            ...getLeftAlignedStyle(triggerBounds),
+            ...alignmentStyle
+        };
+    }
+    case 'right': {
+        let alignmentStyle = {};
+
+        if (parsed[1]) {
+            alignmentStyle = parsed[1] === 'start'
+                ? getLeftRightStartAlign(triggerBounds, dialogSize)
+                : getLeftRightEndAlign(triggerBounds, dialogSize);
+        } else {
+            alignmentStyle = getLeftRightMidAlign(triggerBounds, dialogSize);
+        }
+
+        return {
+            ...getRightAlignedStyle(triggerBounds),
+            ...alignmentStyle
+        };
+    }
+    default: {
+        return {
+            ...getLeftAlignedStyle(triggerBounds),
+            ...getLeftRightEndAlign(triggerBounds, dialogSize)
+        };
+    }
+    }
+};
diff --git a/react/features/base/premeeting/actionTypes.ts b/react/features/base/premeeting/actionTypes.ts
new file mode 100644
index 0000000..a6aa0df
--- /dev/null
+++ b/react/features/base/premeeting/actionTypes.ts
@@ -0,0 +1,15 @@
+
+/**
+ * Action type to set the precall test data.
+ */
+export const SET_PRECALL_TEST_RESULTS = 'SET_PRECALL_TEST_RESULTS';
+
+/**
+ * Type for setting the user's consent for unsafe room joining.
+ *
+ * {
+ *     type: SET_UNSAFE_ROOM_CONSENT,
+ *     consent: boolean
+ * }
+ */
+export const SET_UNSAFE_ROOM_CONSENT = 'SET_UNSAFE_ROOM_CONSENT'
diff --git a/react/features/base/premeeting/actions.web.ts b/react/features/base/premeeting/actions.web.ts
new file mode 100644
index 0000000..6efecb3
--- /dev/null
+++ b/react/features/base/premeeting/actions.web.ts
@@ -0,0 +1,67 @@
+import { IStore } from '../../app/types';
+import JitsiMeetJS from '../lib-jitsi-meet';
+
+import { SET_PRECALL_TEST_RESULTS, SET_UNSAFE_ROOM_CONSENT } from './actionTypes';
+import { getPreCallICEUrl } from './functions';
+import logger from './logger';
+import { IPreCallResult, IPreCallTestState, PreCallTestStatus } from './types';
+
+/**
+ * Sets the consent of the user for joining the unsafe room.
+ *
+ * @param {boolean} consent - The user's consent.
+ * @returns {{
+ *      type: SET_UNSAFE_ROOM_CONSENT,
+*       consent: boolean
+* }}
+ */
+export function setUnsafeRoomConsent(consent: boolean) {
+    return {
+        type: SET_UNSAFE_ROOM_CONSENT,
+        consent
+    };
+}
+
+/**
+ * Initializes the 'precallTest' and executes one test, storing the results.
+ *
+ * @returns {Function}
+ */
+export function runPreCallTest() {
+    return async function(dispatch: Function, getState: IStore['getState']) {
+        try {
+
+            dispatch(setPreCallTestResults({ status: PreCallTestStatus.RUNNING }));
+
+            const turnCredentialsUrl = getPreCallICEUrl(getState());
+
+            if (!turnCredentialsUrl) {
+                throw new Error('No TURN credentials URL provided in config');
+            }
+
+            const turnCredentials = await fetch(turnCredentialsUrl);
+            const { iceServers } = await turnCredentials.json();
+            const result: IPreCallResult = await JitsiMeetJS.runPreCallTest(iceServers);
+
+            dispatch(setPreCallTestResults({ status: PreCallTestStatus.FINISHED,
+                result }));
+        } catch (error) {
+            logger.error('Failed to run pre-call test', error);
+
+            dispatch(setPreCallTestResults({ status: PreCallTestStatus.FAILED }));
+        }
+    };
+}
+
+/**
+ * Action used to set data from precall test.
+ *
+ * @param {IPreCallTestState} value - The precall test results.
+ * @returns {Object}
+ */
+export function setPreCallTestResults(value: IPreCallTestState) {
+    return {
+        type: SET_PRECALL_TEST_RESULTS,
+        value
+    };
+}
diff --git a/react/features/base/premeeting/components/web/ActionButton.tsx b/react/features/base/premeeting/components/web/ActionButton.tsx
new file mode 100644
index 0000000..8e1d618
--- /dev/null
+++ b/react/features/base/premeeting/components/web/ActionButton.tsx
@@ -0,0 +1,242 @@
+import React, { ReactNode, useCallback } from 'react';
+import { makeStyles } from 'tss-react/mui';
+
+import Icon from '../../../icons/components/Icon';
+import { IconArrowDown } from '../../../icons/svg';
+
+interface IProps {
+
+    /**
+     * Icon to display in the options section.
+     */
+    OptionsIcon?: Function;
+
+    /**
+     * The Label of the child element.
+     */
+    ariaDropDownLabel?: string;
+
+    /**
+     * The Label of the current element.
+     */
+    ariaLabel?: string;
+
+    /**
+     * To give a aria-pressed to the icon.
+     */
+    ariaPressed?: boolean;
+
+    /**
+     * Text of the button.
+     */
+    children: ReactNode;
+
+    /**
+     * Text css class of the button.
+     */
+    className?: string;
+
+    /**
+     * If the button is disabled or not.
+     */
+    disabled?: boolean;
+
+    /**
+     * If the button has options.
+     */
+    hasOptions?: boolean;
+
+
+    /**
+     * OnClick button handler.
+     */
+    onClick?: (e?: React.MouseEvent) => void;
+
+    /**
+     * Click handler for options.
+     */
+    onOptionsClick?: (e?: React.KeyboardEvent | React.MouseEvent) => void;
+
+    /**
+     * To give a role to the icon.
+     */
+    role?: string;
+
+    /**
+     * To navigate with the keyboard.
+     */
+    tabIndex?: number;
+
+    /**
+     * TestId of the button. Can be used to locate element when testing UI.
+     */
+    testId?: string;
+
+    /**
+     * The type of th button: primary, secondary, text.
+     */
+    type: string;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        actionButton: {
+            ...theme.typography.bodyLongBold,
+            borderRadius: theme.shape.borderRadius,
+            boxSizing: 'border-box',
+            color: theme.palette.text01,
+            cursor: 'pointer',
+            display: 'inline-block',
+            marginBottom: '16px',
+            padding: '7px 16px',
+            position: 'relative' as const,
+            textAlign: 'center',
+            width: '100%',
+            border: 0,
+
+            '&.primary': {
+                background: theme.palette.action01,
+                color: theme.palette.text01,
+
+                '&:hover': {
+                    backgroundColor: theme.palette.action01Hover
+                }
+            },
+
+            '&.secondary': {
+                background: theme.palette.action02,
+                color: theme.palette.text04,
+
+                '&:hover': {
+                    backgroundColor: theme.palette.action02Hover
+                }
+            },
+
+            '&.text': {
+                width: 'auto',
+                fontSize: '0.875rem',
+                margin: '0',
+                padding: '0'
+            },
+
+            '&.disabled': {
+                background: theme.palette.disabled01,
+                border: '1px solid #5E6D7A',
+                color: '#AFB6BC',
+                cursor: 'initial',
+
+                '.icon': {
+                    '& > svg': {
+                        fill: '#AFB6BC'
+                    }
+                }
+            },
+
+
+            [theme.breakpoints.down(400)]: {
+                fontSize: '1rem',
+                marginBottom: 8,
+                padding: '11px 16px'
+            }
+        },
+        options: {
+            borderRadius: Number(theme.shape.borderRadius) / 2,
+            alignItems: 'center',
+            display: 'flex',
+            height: '100%',
+            justifyContent: 'center',
+            position: 'absolute' as const,
+            right: 0,
+            top: 0,
+            width: 36,
+
+            '&:hover': {
+                backgroundColor: '#0262B6'
+            },
+
+            '& svg': {
+                pointerEvents: 'none'
+            }
+        }
+    };
+});
+
+/**
+ * Button used for pre meeting actions.
+ *
+ * @returns {ReactElement}
+ */
+function ActionButton({
+    children,
+    className = '',
+    disabled,
+    hasOptions,
+    OptionsIcon = IconArrowDown,
+    testId,
+    type = 'primary',
+    onClick,
+    onOptionsClick,
+    tabIndex,
+    role,
+    ariaPressed,
+    ariaLabel,
+    ariaDropDownLabel
+}: IProps) {
+    const { classes, cx } = useStyles();
+
+    const onKeyPressHandler = useCallback(e => {
+        if (onClick && !disabled && (e.key === ' ' || e.key === 'Enter')) {
+            e.preventDefault();
+            onClick(e);
+        }
+    }, [ onClick, disabled ]);
+
+    const onOptionsKeyPressHandler = useCallback(e => {
+        if (onOptionsClick && !disabled && (e.key === ' ' || e.key === 'Enter')) {
+            e.preventDefault();
+            e.stopPropagation();
+            onOptionsClick(e);
+        }
+    }, [ onOptionsClick, disabled ]);
+
+    const containerClasses = cx(
+        classes.actionButton,
+        className && className,
+        type,
+        disabled && 'disabled'
+    );
+
+    return (
+        <div
+            aria-disabled = { disabled }
+            aria-label = { ariaLabel }
+            className = { containerClasses }
+            data-testid = { testId ? testId : undefined }
+            onClick = { disabled ? undefined : onClick }
+            onKeyPress = { onKeyPressHandler }
+            role = 'button'
+            tabIndex = { 0 } >
+            {children}
+            { hasOptions
+                && <div
+                    aria-disabled = { disabled }
+                    aria-haspopup = 'true'
+                    aria-label = { ariaDropDownLabel }
+                    aria-pressed = { ariaPressed }
+                    className = { classes.options }
+                    data-testid = 'prejoin.joinOptions'
+                    onClick = { disabled ? undefined : onOptionsClick }
+                    onKeyPress = { onOptionsKeyPressHandler }
+                    role = { role }
+                    tabIndex = { tabIndex }>
+                    <Icon
+                        className = 'icon'
+                        size = { 24 }
+                        src = { OptionsIcon } />
+                </div>
+            }
+        </div>
+    );
+}
+
+export default ActionButton;
diff --git a/react/features/base/premeeting/components/web/ConnectionStatus.tsx b/react/features/base/premeeting/components/web/ConnectionStatus.tsx
new file mode 100644
index 0000000..dbd6239
--- /dev/null
+++ b/react/features/base/premeeting/components/web/ConnectionStatus.tsx
@@ -0,0 +1,236 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import Icon from '../../../icons/components/Icon';
+import { IconArrowDown, IconCloseCircle, IconWifi1Bar, IconWifi2Bars, IconWifi3Bars } from '../../../icons/svg';
+import { PREJOIN_DEFAULT_CONTENT_WIDTH } from '../../../ui/components/variables';
+import Spinner from '../../../ui/components/web/Spinner';
+import { runPreCallTest } from '../../actions.web';
+import { CONNECTION_TYPE } from '../../constants';
+import { getConnectionData } from '../../functions';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        connectionStatus: {
+            color: '#fff',
+            ...theme.typography.bodyShortRegular,
+            position: 'absolute',
+            width: '100%',
+
+            [theme.breakpoints.down(400)]: {
+                margin: 0,
+                width: '100%'
+            },
+
+            '@media (max-width: 720px)': {
+                margin: `${theme.spacing(4)} auto`,
+                position: 'fixed',
+                top: 0,
+                width: PREJOIN_DEFAULT_CONTENT_WIDTH
+            },
+
+            // mobile phone landscape
+            '@media (max-height: 420px)': {
+                display: 'none'
+            },
+
+            '& .con-status-header': {
+                backgroundColor: 'rgba(0, 0, 0, 0.7)',
+                alignItems: 'center',
+                display: 'flex',
+                padding: '12px 16px',
+                borderRadius: theme.shape.borderRadius
+            },
+
+            '& .con-status-circle': {
+                borderRadius: '50%',
+                display: 'inline-block',
+                padding: theme.spacing(1),
+                marginRight: theme.spacing(2)
+            },
+
+            '& .con-status--good': {
+                background: '#31B76A'
+            },
+
+            '& .con-status--failed': {
+                background: '#E12D2D'
+            },
+
+            '& .con-status--poor': {
+                background: '#E12D2D'
+            },
+
+            '& .con-status--non-optimal': {
+                background: '#E39623'
+            },
+
+            '& .con-status-arrow': {
+                marginLeft: 'auto',
+                transition: 'background-color 0.16s ease-out'
+            },
+
+            '& .con-status-arrow--up': {
+                transform: 'rotate(180deg)'
+            },
+
+            '& .con-status-arrow > svg': {
+                cursor: 'pointer'
+            },
+
+            '& .con-status-arrow:hover': {
+                backgroundColor: 'rgba(1, 1, 1, 0.1)'
+            },
+
+            '& .con-status-text': {
+                textAlign: 'center'
+            },
+
+            '& .con-status-details': {
+                backgroundColor: 'rgba(0, 0, 0, 0.7)',
+                borderTop: '1px solid #5E6D7A',
+                padding: theme.spacing(3),
+                transition: 'opacity 0.16s ease-out'
+            },
+
+            '& .con-status-details-visible': {
+                opacity: 1
+            },
+
+            '& .con-status-details-hidden': {
+                opacity: 0
+            }
+        }
+    };
+});
+
+const CONNECTION_TYPE_MAP: {
+    [key: string]: {
+        connectionClass: string;
+        connectionText: string;
+        icon: Function;
+    };
+} = {
+    [CONNECTION_TYPE.FAILED]: {
+        connectionClass: 'con-status--failed',
+        icon: IconCloseCircle,
+        connectionText: 'prejoin.connection.failed'
+    },
+    [CONNECTION_TYPE.POOR]: {
+        connectionClass: 'con-status--poor',
+        icon: IconWifi1Bar,
+        connectionText: 'prejoin.connection.poor'
+    },
+    [CONNECTION_TYPE.NON_OPTIMAL]: {
+        connectionClass: 'con-status--non-optimal',
+        icon: IconWifi2Bars,
+        connectionText: 'prejoin.connection.nonOptimal'
+    },
+    [CONNECTION_TYPE.GOOD]: {
+        connectionClass: 'con-status--good',
+        icon: IconWifi3Bars,
+        connectionText: 'prejoin.connection.good'
+    }
+};
+
+/**
+ * Component displaying information related to the connection & audio/video quality.
+ *
+ * @param {IProps} props - The props of the component.
+ * @returns {ReactElement}
+ */
+const ConnectionStatus = () => {
+    const { classes } = useStyles();
+    const dispatch = useDispatch();
+    const { t } = useTranslation();
+    const { connectionType, connectionDetails } = useSelector(getConnectionData);
+    const [ showDetails, toggleDetails ] = useState(false);
+
+    useEffect(() => {
+        dispatch(runPreCallTest());
+    }, []);
+
+    const arrowClassName = showDetails
+        ? 'con-status-arrow con-status-arrow--up'
+        : 'con-status-arrow';
+    const detailsText = connectionDetails?.map(d => t(d)).join(' ');
+    const detailsClassName = showDetails
+        ? 'con-status-details-visible'
+        : 'con-status-details-hidden';
+
+    const onToggleDetails = useCallback(e => {
+        e.preventDefault();
+        toggleDetails(!showDetails);
+    }, [ showDetails, toggleDetails ]);
+
+    const onKeyPressToggleDetails = useCallback(e => {
+        if (toggleDetails && (e.key === ' ' || e.key === 'Enter')) {
+            e.preventDefault();
+            toggleDetails(!showDetails);
+        }
+    }, [ showDetails, toggleDetails ]);
+
+    if (connectionType === CONNECTION_TYPE.NONE) {
+        return null;
+    }
+
+    if (connectionType === CONNECTION_TYPE.RUNNING) {
+        return (
+            <div className = { classes.connectionStatus }>
+                <div
+                    aria-level = { 1 }
+                    className = 'con-status-header'
+                    role = 'heading'>
+                    <div className = 'con-status-circle'>
+                        <Spinner
+                            color = { 'green' }
+                            size = 'medium' />
+                    </div>
+                    <span
+                        className = 'con-status-text'
+                        id = 'connection-status-description'>{t('prejoin.connection.running')}</span>
+                </div>
+            </div>
+        );
+    }
+
+    const { connectionClass, icon, connectionText } = CONNECTION_TYPE_MAP[connectionType ?? ''];
+
+    return (
+        <div className = { classes.connectionStatus }>
+            <div
+                aria-level = { 1 }
+                className = 'con-status-header'
+                role = 'heading'>
+                <div className = { `con-status-circle ${connectionClass}` }>
+                    <Icon
+                        size = { 16 }
+                        src = { icon } />
+                </div>
+                <span
+                    aria-hidden = { !showDetails }
+                    className = 'con-status-text'
+                    id = 'connection-status-description'>{t(connectionText)}</span>
+                <Icon
+                    ariaDescribedBy = 'connection-status-description'
+                    ariaPressed = { showDetails }
+                    className = { arrowClassName }
+                    onClick = { onToggleDetails }
+                    onKeyPress = { onKeyPressToggleDetails }
+                    role = 'button'
+                    size = { 24 }
+                    src = { IconArrowDown }
+                    tabIndex = { 0 } />
+            </div>
+            <div
+                aria-level = { 2 }
+                className = { `con-status-details ${detailsClassName}` }
+                role = 'heading'>
+                {detailsText}</div>
+        </div>
+    );
+};
+
+export default ConnectionStatus;
diff --git a/react/features/base/premeeting/components/web/PreMeetingScreen.tsx b/react/features/base/premeeting/components/web/PreMeetingScreen.tsx
new file mode 100644
index 0000000..314eac6
--- /dev/null
+++ b/react/features/base/premeeting/components/web/PreMeetingScreen.tsx
@@ -0,0 +1,318 @@
+import clsx from 'clsx';
+import React, { ReactNode, useEffect, useRef, useState } from 'react';
+import { connect } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState } from '../../../../app/types';
+import { getLobbyConfig } from '../../../../lobby/functions';
+import DeviceStatus from '../../../../prejoin/components/web/preview/DeviceStatus';
+import { isRoomNameEnabled } from '../../../../prejoin/functions.web';
+import Toolbox from '../../../../toolbox/components/web/Toolbox';
+import { isButtonEnabled } from '../../../../toolbox/functions.web';
+import { getConferenceName } from '../../../conference/functions';
+import { PREMEETING_BUTTONS, THIRD_PARTY_PREJOIN_BUTTONS } from '../../../config/constants';
+import Tooltip from '../../../tooltip/components/Tooltip';
+import { isPreCallTestEnabled } from '../../functions';
+
+import ConnectionStatus from './ConnectionStatus';
+import Preview from './Preview';
+import RecordingWarning from './RecordingWarning';
+import UnsafeRoomWarning from './UnsafeRoomWarning';
+
+interface IProps {
+
+    /**
+     * The list of toolbar buttons to render.
+     */
+    _buttons: Array<string>;
+
+    /**
+     * Determine if pre call test is enabled.
+     */
+    _isPreCallTestEnabled?: boolean;
+
+    /**
+     * The branding background of the premeeting screen(lobby/prejoin).
+     */
+    _premeetingBackground: string;
+
+    /**
+     * The name of the meeting that is about to be joined.
+     */
+    _roomName: string;
+
+    /**
+     * Children component(s) to be rendered on the screen.
+     */
+    children?: ReactNode;
+
+    /**
+     * Additional CSS class names to set on the icon container.
+     */
+    className?: string;
+
+    /**
+     * The name of the participant.
+     */
+    name?: string;
+
+    /**
+     * Indicates whether the copy url button should be shown.
+     */
+    showCopyUrlButton?: boolean;
+
+    /**
+     * Indicates whether the device status should be shown.
+     */
+    showDeviceStatus: boolean;
+
+    /**
+     * Indicates whether to display the recording warning.
+     */
+    showRecordingWarning?: boolean;
+
+    /**
+     * If should show unsafe room warning when joining.
+     */
+    showUnsafeRoomWarning?: boolean;
+
+    /**
+     * The 'Skip prejoin' button to be rendered (if any).
+     */
+    skipPrejoinButton?: ReactNode;
+
+    /**
+     * Whether it's used in the 3rdParty prejoin screen or not.
+     */
+    thirdParty?: boolean;
+
+    /**
+     * Title of the screen.
+     */
+    title?: string;
+
+    /**
+     * True if the preview overlay should be muted, false otherwise.
+     */
+    videoMuted?: boolean;
+
+    /**
+     * The video track to render as preview (if omitted, the default local track will be rendered).
+     */
+    videoTrack?: Object;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        container: {
+            height: '100%',
+            position: 'absolute',
+            inset: '0 0 0 0',
+            display: 'flex',
+            backgroundColor: theme.palette.ui01,
+            zIndex: 252,
+
+            '@media (max-width: 720px)': {
+                flexDirection: 'column-reverse'
+            }
+        },
+        content: {
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            flexShrink: 0,
+            boxSizing: 'border-box',
+            padding: '24px 0 16px',
+            position: 'relative',
+            width: '400px',
+            height: '100%',
+            zIndex: 252,
+
+            '@media (max-width: 720px)': {
+                height: 'auto',
+                margin: '0 auto'
+            },
+
+            // mobile phone landscape
+            '@media (max-width: 420px)': {
+                padding: '16px 16px 0 16px',
+                width: '100%'
+            },
+
+            '@media (max-width: 400px)': {
+                padding: '16px'
+            }
+        },
+        contentControls: {
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'stretch',
+            margin: 'auto',
+            width: '100%'
+        },
+        paddedContent: {
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            padding: '0 50px',
+
+            '& > *': {
+                width: '100%',
+                boxSizing: 'border-box'
+            }
+        },
+        title: {
+            ...theme.typography.heading4,
+            color: `${theme.palette.text01}!important`,
+            marginBottom: theme.spacing(3),
+            textAlign: 'center',
+
+            '@media (max-width: 400px)': {
+                display: 'none'
+            }
+        },
+        roomNameContainer: {
+            width: '100%',
+            textAlign: 'center',
+            marginBottom: theme.spacing(4)
+        },
+
+        roomName: {
+            ...theme.typography.heading5,
+            color: theme.palette.text01,
+            display: 'inline-block',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+            maxWidth: '100%',
+        }
+    };
+});
+
+const PreMeetingScreen = ({
+    _buttons,
+    _isPreCallTestEnabled,
+    _premeetingBackground,
+    _roomName,
+    children,
+    className,
+    showDeviceStatus,
+    showRecordingWarning,
+    showUnsafeRoomWarning,
+    skipPrejoinButton,
+    title,
+    videoMuted,
+    videoTrack
+}: IProps) => {
+    const { classes } = useStyles();
+    const style = _premeetingBackground ? {
+        background: _premeetingBackground,
+        backgroundPosition: 'center',
+        backgroundSize: 'cover'
+    } : {};
+
+    const roomNameRef = useRef<HTMLSpanElement | null>(null);
+    const [ isOverflowing, setIsOverflowing ] = useState(false);
+
+    useEffect(() => {
+        if (roomNameRef.current) {
+            const element = roomNameRef.current;
+            const elementStyles = window.getComputedStyle(element);
+            const elementWidth = Math.floor(parseFloat(elementStyles.width));
+
+            setIsOverflowing(element.scrollWidth > elementWidth + 1);
+        }
+    }, [ _roomName ]);
+
+    return (
+        <div className = { clsx('premeeting-screen', classes.container, className) }>
+            <div style = { style }>
+                <div className = { classes.content }>
+                    {_isPreCallTestEnabled && <ConnectionStatus />}
+
+                    <div className = { classes.contentControls }>
+                        <div className = { classes.paddedContent }>
+                            <h1 className = { classes.title }>
+                                {title}
+                            </h1>
+                            {_roomName && (
+                                <span className = { classes.roomNameContainer }>
+                                    {isOverflowing ? (
+                                        <Tooltip content = { _roomName }>
+                                            <span
+                                                className = { classes.roomName }
+                                                ref = { roomNameRef }>
+                                                {_roomName}
+                                            </span>
+                                        </Tooltip>
+                                    ) : (
+                                        <span
+                                            className = { classes.roomName }
+                                            ref = { roomNameRef }>
+                                            {_roomName}
+                                        </span>
+                                    )}
+                                </span>
+                            )}
+                            {children}
+                        </div>
+                        {_buttons.length && <Toolbox toolbarButtons = { _buttons } />}
+                        <div className = { classes.paddedContent }>
+                            {skipPrejoinButton}
+                            {showUnsafeRoomWarning && <UnsafeRoomWarning />}
+                            {showDeviceStatus && <DeviceStatus />}
+                            {showRecordingWarning && <RecordingWarning />}
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <Preview
+                videoMuted = { videoMuted }
+                videoTrack = { videoTrack } />
+        </div>
+    );
+};
+
+
+/**
+ * Maps (parts of) the redux state to the React {@code Component} props.
+ *
+ * @param {Object} state - The redux state.
+ * @param {Object} ownProps - The props passed to the component.
+ * @returns {Object}
+ */
+function mapStateToProps(state: IReduxState, ownProps: Partial<IProps>) {
+    const { hiddenPremeetingButtons, prejoinConfig } = state['features/base/config'];
+    const { toolbarButtons } = state['features/toolbox'];
+    const { knocking } = state['features/lobby'];
+    const { showHangUp: showHangUpLobby = true } = getLobbyConfig(state);
+    const { showHangUp: showHangUpPrejoin = true } = prejoinConfig || {};
+    const premeetingButtons = (ownProps.thirdParty
+        ? THIRD_PARTY_PREJOIN_BUTTONS
+        : PREMEETING_BUTTONS).filter((b: any) => !(hiddenPremeetingButtons || []).includes(b));
+
+    const shouldShowHangUp = knocking ? showHangUpLobby : showHangUpPrejoin;
+
+    if (shouldShowHangUp && !premeetingButtons.includes('hangup')) {
+        premeetingButtons.push('hangup');
+    }
+
+    const { premeetingBackground } = state['features/dynamic-branding'];
+
+    return {
+        // For keeping backwards compat.: if we pass an empty hiddenPremeetingButtons
+        // array through external api, we have all prejoin buttons present on premeeting
+        // screen regardless of passed values into toolbarButtons config overwrite.
+        // If hiddenPremeetingButtons is missing, we hide the buttons according to
+        // toolbarButtons config overwrite.
+        _buttons: hiddenPremeetingButtons
+            ? premeetingButtons
+            : premeetingButtons.filter(b => isButtonEnabled(b, toolbarButtons)),
+        _isPreCallTestEnabled: isPreCallTestEnabled(state),
+        _premeetingBackground: premeetingBackground,
+        _roomName: isRoomNameEnabled(state) ? getConferenceName(state) : ''
+    };
+}
+
+export default connect(mapStateToProps)(PreMeetingScreen);
+
diff --git a/react/features/base/premeeting/components/web/Preview.tsx b/react/features/base/premeeting/components/web/Preview.tsx
new file mode 100644
index 0000000..6491134
--- /dev/null
+++ b/react/features/base/premeeting/components/web/Preview.tsx
@@ -0,0 +1,99 @@
+import React, { useEffect } from 'react';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../../app/types';
+import Avatar from '../../../avatar/components/Avatar';
+import Video from '../../../media/components/web/Video';
+import { getLocalParticipant } from '../../../participants/functions';
+import { getDisplayName } from '../../../settings/functions.web';
+import { getLocalVideoTrack } from '../../../tracks/functions.web';
+
+export interface IProps {
+
+    /**
+     * Local participant id.
+     */
+    _participantId: string;
+
+    /**
+     * Flag controlling whether the video should be flipped or not.
+     */
+    flipVideo: boolean;
+
+    /**
+     * The name of the user that is about to join.
+     */
+    name: string;
+
+    /**
+     * Flag signaling the visibility of camera preview.
+     */
+    videoMuted: boolean;
+
+    /**
+     * The JitsiLocalTrack to display.
+     */
+    videoTrack?: Object;
+}
+
+/**
+ * Component showing the video preview and device status.
+ *
+ * @param {IProps} props - The props of the component.
+ * @returns {ReactElement}
+ */
+function Preview(props: IProps) {
+    const { _participantId, flipVideo, name, videoMuted, videoTrack } = props;
+    const className = flipVideo ? 'flipVideoX' : '';
+
+    useEffect(() => {
+        APP.API.notifyPrejoinVideoVisibilityChanged(Boolean(!videoMuted && videoTrack));
+    }, [ videoMuted, videoTrack ]);
+
+    useEffect(() => {
+        APP.API.notifyPrejoinLoaded();
+
+        return () => APP.API.notifyPrejoinVideoVisibilityChanged(false);
+    }, []);
+
+    return (
+        <div id = 'preview'>
+            {!videoMuted && videoTrack
+                ? (
+                    <Video
+                        className = { className }
+                        id = 'prejoinVideo'
+                        videoTrack = {{ jitsiTrack: videoTrack }} />
+                )
+                : (
+                    <Avatar
+                        className = 'premeeting-screen-avatar'
+                        displayName = { name }
+                        participantId = { _participantId }
+                        size = { 200 } />
+                )}
+        </div>
+    );
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {IProps} ownProps - The own props of the component.
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState, ownProps: any) {
+    const name = getDisplayName(state);
+    const { id: _participantId } = getLocalParticipant(state) ?? {};
+
+    return {
+        _participantId: _participantId ?? '',
+        flipVideo: Boolean(state['features/base/settings'].localFlipX),
+        name,
+        videoMuted: ownProps.videoTrack ? ownProps.videoMuted : state['features/base/media'].video.muted,
+        videoTrack: ownProps.videoTrack || getLocalVideoTrack(state['features/base/tracks'])?.jitsiTrack
+    };
+}
+
+export default connect(_mapStateToProps)(Preview);
diff --git a/react/features/base/premeeting/components/web/RecordingWarning.tsx b/react/features/base/premeeting/components/web/RecordingWarning.tsx
new file mode 100644
index 0000000..0323208
--- /dev/null
+++ b/react/features/base/premeeting/components/web/RecordingWarning.tsx
@@ -0,0 +1,38 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { makeStyles } from 'tss-react/mui';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        warning: {
+            bottom: 0,
+            color: theme.palette.text03,
+            display: 'flex',
+            justifyContent: 'center',
+            ...theme.typography.bodyShortRegular,
+            marginBottom: theme.spacing(3),
+            marginTop: theme.spacing(2),
+            paddingLeft: theme.spacing(3),
+            paddingRight: theme.spacing(3),
+            position: 'absolute',
+            width: '100%',
+
+            '@media (max-width: 720px)': {
+                position: 'relative'
+            }
+        }
+    };
+});
+
+const RecordingWarning = () => {
+    const { t } = useTranslation();
+    const { classes } = useStyles();
+
+    return (
+        <div className = { classes.warning }>
+            {t('prejoin.recordingWarning')}
+        </div>
+    );
+};
+
+export default RecordingWarning;
diff --git a/react/features/base/premeeting/components/web/UnsafeRoomWarning.tsx b/react/features/base/premeeting/components/web/UnsafeRoomWarning.tsx
new file mode 100644
index 0000000..4bc69f4
--- /dev/null
+++ b/react/features/base/premeeting/components/web/UnsafeRoomWarning.tsx
@@ -0,0 +1,53 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState } from '../../../../app/types';
+import Checkbox from '../../../ui/components/web/Checkbox';
+import getUnsafeRoomText from '../../../util/getUnsafeRoomText.web';
+import { setUnsafeRoomConsent } from '../../actions.web';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        warning: {
+            backgroundColor: theme.palette.warning01,
+            color: theme.palette.text04,
+            ...theme.typography.bodyShortRegular,
+            padding: theme.spacing(3),
+            borderRadius: theme.shape.borderRadius,
+            marginBottom: theme.spacing(3)
+        },
+        consent: {
+            padding: `0 ${theme.spacing(3)}`,
+            '@media (max-width: 720px)': {
+                marginBottom: theme.spacing(3)
+            }
+        }
+    };
+});
+
+const UnsafeRoomWarning = () => {
+    const { t } = useTranslation();
+    const { classes } = useStyles();
+    const dispatch = useDispatch();
+    const { unsafeRoomConsent } = useSelector((state: IReduxState) => state['features/base/premeeting']);
+    const toggleConsent = useCallback(
+        () => dispatch(setUnsafeRoomConsent(!unsafeRoomConsent))
+        , [ unsafeRoomConsent, dispatch ]);
+
+    return (
+        <>
+            <div className = { classes.warning }>
+                {getUnsafeRoomText(t, 'prejoin')}
+            </div>
+            <Checkbox
+                checked = { unsafeRoomConsent }
+                className = { classes.consent }
+                label = { t('prejoin.unsafeRoomConsent') }
+                onChange = { toggleConsent } />
+        </>
+    );
+};
+
+export default UnsafeRoomWarning;
diff --git a/react/features/base/premeeting/constants.ts b/react/features/base/premeeting/constants.ts
new file mode 100644
index 0000000..d2ea17d
--- /dev/null
+++ b/react/features/base/premeeting/constants.ts
@@ -0,0 +1,8 @@
+export const CONNECTION_TYPE = {
+    FAILED: 'failed',
+    GOOD: 'good',
+    NON_OPTIMAL: 'nonOptimal',
+    NONE: 'none',
+    POOR: 'poor',
+    RUNNING: 'running'
+};
diff --git a/react/features/base/premeeting/functions.ts b/react/features/base/premeeting/functions.ts
new file mode 100644
index 0000000..2ac52e9
--- /dev/null
+++ b/react/features/base/premeeting/functions.ts
@@ -0,0 +1,271 @@
+import { findIndex } from 'lodash-es';
+
+import { IReduxState } from '../../app/types';
+
+import { CONNECTION_TYPE } from './constants';
+import logger from './logger';
+import { IPreCallResult, PreCallTestStatus } from './types';
+
+
+/**
+ * The avatar size to container size ration.
+ */
+const ratio = 1 / 3;
+
+/**
+ * The max avatar size.
+ */
+const maxSize = 190;
+
+/**
+ * The window limit height over which the avatar should have the default dimension.
+ */
+const upperHeightLimit = 760;
+
+/**
+ * The window limit height under which the avatar should not be resized anymore.
+ */
+const lowerHeightLimit = 460;
+
+/**
+ * The default top margin of the avatar.
+ */
+const defaultMarginTop = '10%';
+
+/**
+ * The top margin of the avatar when its dimension is small.
+ */
+const smallMarginTop = '5%';
+
+// loss in percentage overall the test duration
+const LOSS_AUDIO_THRESHOLDS = [ 0.33, 0.05 ];
+const LOSS_VIDEO_THRESHOLDS = [ 0.33, 0.1, 0.05 ];
+
+// throughput in kbps
+const THROUGHPUT_AUDIO_THRESHOLDS = [ 8, 20 ];
+const THROUGHPUT_VIDEO_THRESHOLDS = [ 60, 750 ];
+
+/**
+ * Calculates avatar dimensions based on window height and position.
+ *
+ * @param {number} height - The window height.
+ * @returns {{
+ *   marginTop: string,
+ *   size: number
+ * }}
+ */
+export function calculateAvatarDimensions(height: number) {
+    if (height > upperHeightLimit) {
+        return {
+            size: maxSize,
+            marginTop: defaultMarginTop
+        };
+    }
+
+    if (height > lowerHeightLimit) {
+        const diff = height - lowerHeightLimit;
+        const percent = diff * ratio;
+        const size = Math.floor(maxSize * percent / 100);
+        let marginTop = defaultMarginTop;
+
+        if (height < 600) {
+            marginTop = smallMarginTop;
+        }
+
+        return {
+            size,
+            marginTop
+        };
+    }
+
+    return {
+        size: 0,
+        marginTop: '0'
+    };
+}
+
+/**
+ * Returns the level based on a list of thresholds.
+ *
+ * @param {number[]} thresholds - The thresholds array.
+ * @param {number} value - The value against which the level is calculated.
+ * @param {boolean} descending - The order based on which the level is calculated.
+ *
+ * @returns {number}
+ */
+function _getLevel(thresholds: number[], value: number, descending = true) {
+    let predicate;
+
+    if (descending) {
+        predicate = function(threshold: number) {
+            return value > threshold;
+        };
+    } else {
+        predicate = function(threshold: number) {
+            return value < threshold;
+        };
+    }
+
+    const i = findIndex(thresholds, predicate);
+
+    if (i === -1) {
+        return thresholds.length;
+    }
+
+    return i;
+}
+
+/**
+ * Returns the connection details from the test results.
+ *
+ * @param {number} testResults.fractionalLoss - Factional loss.
+ * @param {number} testResults.throughput - Throughput.
+ *
+ * @returns {{
+*   connectionType: string,
+*   connectionDetails: string[]
+* }}
+*/
+function _getConnectionDataFromTestResults({ fractionalLoss: l, throughput: t, mediaConnectivity }: IPreCallResult) {
+    let connectionType = CONNECTION_TYPE.FAILED;
+    const connectionDetails: Array<string> = [];
+
+    if (!mediaConnectivity) {
+        connectionType = CONNECTION_TYPE.POOR;
+        connectionDetails.push('prejoin.connectionDetails.noMediaConnectivity');
+
+        return {
+            connectionType,
+            connectionDetails
+        };
+    }
+
+    const loss = {
+        audioQuality: _getLevel(LOSS_AUDIO_THRESHOLDS, l),
+        videoQuality: _getLevel(LOSS_VIDEO_THRESHOLDS, l)
+    };
+    const throughput = {
+        audioQuality: _getLevel(THROUGHPUT_AUDIO_THRESHOLDS, t, false),
+        videoQuality: _getLevel(THROUGHPUT_VIDEO_THRESHOLDS, t, false)
+    };
+
+    if (throughput.audioQuality === 0 || loss.audioQuality === 0) {
+        // Calls are impossible.
+        connectionType = CONNECTION_TYPE.POOR;
+        connectionDetails.push('prejoin.connectionDetails.veryPoorConnection');
+    } else if (
+        throughput.audioQuality === 2
+       && throughput.videoQuality === 2
+       && loss.audioQuality === 2
+       && loss.videoQuality === 3
+    ) {
+        // Ideal conditions for both audio and video. Show only one message.
+        connectionType = CONNECTION_TYPE.GOOD;
+        connectionDetails.push('prejoin.connectionDetails.goodQuality');
+    } else {
+        connectionType = CONNECTION_TYPE.NON_OPTIMAL;
+
+        if (throughput.audioQuality === 1) {
+            // Minimum requirements for a call are met.
+            connectionDetails.push('prejoin.connectionDetails.audioLowNoVideo');
+        } else {
+            // There are two paragraphs: one saying something about audio and the other about video.
+            if (loss.audioQuality === 1) {
+                connectionDetails.push('prejoin.connectionDetails.audioClipping');
+            } else {
+                connectionDetails.push('prejoin.connectionDetails.audioHighQuality');
+            }
+
+            if (throughput.videoQuality === 0 || loss.videoQuality === 0) {
+                connectionDetails.push('prejoin.connectionDetails.noVideo');
+            } else if (throughput.videoQuality === 1) {
+                connectionDetails.push('prejoin.connectionDetails.videoLowQuality');
+            } else if (loss.videoQuality === 1) {
+                connectionDetails.push('prejoin.connectionDetails.videoFreezing');
+            } else if (loss.videoQuality === 2) {
+                connectionDetails.push('prejoin.connectionDetails.videoTearing');
+            } else {
+                connectionDetails.push('prejoin.connectionDetails.videoHighQuality');
+            }
+        }
+        connectionDetails.push('prejoin.connectionDetails.undetectable');
+    }
+
+    return {
+        connectionType,
+        connectionDetails
+    };
+}
+
+/**
+ * Selector for determining the connection type & details.
+ *
+ * @param {Object} state - The state of the app.
+ * @returns {{
+*   connectionType: string,
+*   connectionDetails: string[]
+* }}
+*/
+export function getConnectionData(state: IReduxState) {
+    const { preCallTestState: { status, result } } = state['features/base/premeeting'];
+
+    switch (status) {
+    case PreCallTestStatus.INITIAL:
+        return {
+            connectionType: CONNECTION_TYPE.NONE,
+            connectionDetails: []
+        };
+    case PreCallTestStatus.RUNNING:
+        return {
+            connectionType: CONNECTION_TYPE.RUNNING,
+            connectionDetails: []
+        };
+    case PreCallTestStatus.FAILED:
+        // A failed test means that something went wrong with our business logic and not necessarily
+        // that the connection is bad. For instance, the endpoint providing the ICE credentials could be down.
+        return {
+            connectionType: CONNECTION_TYPE.FAILED,
+            connectionDetails: [ 'prejoin.connectionDetails.testFailed' ]
+        };
+    case PreCallTestStatus.FINISHED:
+        if (result) {
+            return _getConnectionDataFromTestResults(result);
+        }
+
+        logger.error('Pre-call test finished but no test results were available');
+
+        return {
+            connectionType: CONNECTION_TYPE.FAILED,
+            connectionDetails: [ 'prejoin.connectionDetails.testFailed' ]
+        };
+    default:
+        return {
+            connectionType: CONNECTION_TYPE.NONE,
+            connectionDetails: []
+        };
+    }
+}
+
+/**
+ * Selector for determining if the pre-call test is enabled.
+ *
+ * @param {Object} state - The state of the app.
+ * @returns {boolean}
+ */
+export function isPreCallTestEnabled(state: IReduxState): boolean {
+    const { prejoinConfig } = state['features/base/config'];
+
+    return prejoinConfig?.preCallTestEnabled ?? false;
+}
+
+/**
+ * Selector for retrieving the pre-call test ICE URL.
+ *
+ * @param {Object} state - The state of the app.
+ * @returns {string | undefined}
+ */
+export function getPreCallICEUrl(state: IReduxState): string | undefined {
+    const { prejoinConfig } = state['features/base/config'];
+
+    return prejoinConfig?.preCallTestICEUrl;
+}
diff --git a/react/features/base/premeeting/logger.ts b/react/features/base/premeeting/logger.ts
new file mode 100644
index 0000000..752470c
--- /dev/null
+++ b/react/features/base/premeeting/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../logging/functions';
+
+export default getLogger('app:premeeting');
diff --git a/react/features/base/premeeting/reducer.web.ts b/react/features/base/premeeting/reducer.web.ts
new file mode 100644
index 0000000..78da220
--- /dev/null
+++ b/react/features/base/premeeting/reducer.web.ts
@@ -0,0 +1,42 @@
+import ReducerRegistry from '../redux/ReducerRegistry';
+
+import { SET_PRECALL_TEST_RESULTS, SET_UNSAFE_ROOM_CONSENT } from './actionTypes';
+import { IPreMeetingState, PreCallTestStatus } from './types';
+
+
+const DEFAULT_STATE: IPreMeetingState = {
+    preCallTestState: {
+        status: PreCallTestStatus.INITIAL
+    },
+    unsafeRoomConsent: false
+};
+
+/**
+ * Listen for actions which changes the state of known and used devices.
+ *
+ * @param {IDevicesState} state - The Redux state of the feature features/base/devices.
+ * @param {Object} action - Action object.
+ * @param {string} action.type - Type of action.
+ * @returns {IPreMeetingState}
+ */
+ReducerRegistry.register<IPreMeetingState>(
+    'features/base/premeeting',
+    (state = DEFAULT_STATE, action): IPreMeetingState => {
+        switch (action.type) {
+        case SET_PRECALL_TEST_RESULTS:
+            return {
+                ...state,
+                preCallTestState: action.value
+            };
+
+        case SET_UNSAFE_ROOM_CONSENT: {
+            return {
+                ...state,
+                unsafeRoomConsent: action.consent
+            };
+        }
+        default:
+            return state;
+        }
+    });
+
diff --git a/react/features/base/premeeting/types.ts b/react/features/base/premeeting/types.ts
new file mode 100644
index 0000000..398d1a5
--- /dev/null
+++ b/react/features/base/premeeting/types.ts
@@ -0,0 +1,25 @@
+
+export enum PreCallTestStatus {
+    FAILED = 'FAILED',
+    FINISHED = 'FINISHED',
+    INITIAL = 'INITIAL',
+    RUNNING = 'RUNNING'
+}
+
+export interface IPreMeetingState {
+    preCallTestState: IPreCallTestState;
+    unsafeRoomConsent?: boolean;
+}
+
+export interface IPreCallTestState {
+    result?: IPreCallResult;
+    status: PreCallTestStatus;
+}
+
+export interface IPreCallResult {
+    fractionalLoss: number;
+    jitter: number;
+    mediaConnectivity: boolean;
+    rtt: number;
+    throughput: number;
+}
diff --git a/react/features/base/react/Platform.native.ts b/react/features/base/react/Platform.native.ts
new file mode 100644
index 0000000..1710b20
--- /dev/null
+++ b/react/features/base/react/Platform.native.ts
@@ -0,0 +1,4 @@
+// Re-export react-native's Platform because we want to provide a minimal
+// equivalent on Web.
+import { Platform } from 'react-native';
+export default Platform;
diff --git a/react/features/base/react/Platform.web.ts b/react/features/base/react/Platform.web.ts
new file mode 100644
index 0000000..d67f596
--- /dev/null
+++ b/react/features/base/react/Platform.web.ts
@@ -0,0 +1,48 @@
+// @ts-ignore
+const { maxTouchPoints, platform, userAgent } = navigator;
+
+let OS = '',
+    isPad = false;
+
+if (userAgent.match(/Android/i)) {
+    OS = 'android';
+} else if (userAgent.match(/iP(ad|hone|od)/i) || (maxTouchPoints && maxTouchPoints > 2 && /MacIntel/.test(platform))) {
+    OS = 'ios';
+} else if (userAgent.match(/iP(ad)/i)) {
+    OS = 'ios';
+    isPad = true;
+} else if (userAgent.match(/Mac(intosh| OS X)/i)) {
+    OS = 'macos';
+} else if (userAgent.match(/Windows/i)) {
+    OS = 'windows';
+} else if (userAgent.match(/Linux/i)) {
+    OS = 'linux';
+}
+
+/**
+ * Provides a minimal equivalent of react-native's Platform abstraction.
+ */
+export default {
+    /**
+     * Returns a boolean which defines if device is an iPad.
+     *
+     * @type {boolean}
+     */
+    isPad,
+
+    /**
+     * The operating system on which the application is executing.
+     *
+     * @type {string}
+     */
+    OS,
+
+    /**
+     * The operating system version on which the application is executing.
+     * This is intentionally set to undefined so we can tell mobile and mobile web
+     * apart easier.
+     *
+     * @type {number|undefined}
+     */
+    Version: undefined
+};
diff --git a/react/features/base/react/components/AbstractContainer.ts b/react/features/base/react/components/AbstractContainer.ts
new file mode 100644
index 0000000..c10be61
--- /dev/null
+++ b/react/features/base/react/components/AbstractContainer.ts
@@ -0,0 +1,120 @@
+import React, { Component, ComponentType, ReactNode } from 'react';
+
+import { StyleType, getFixedPlatformStyle } from '../../styles/functions';
+
+/**
+ * {@code AbstractContainer} Component's property types.
+ */
+export interface IProps {
+
+    /**
+     * An optional accessibility label to apply to the container root.
+     */
+    accessibilityLabel?: string;
+
+    /**
+     * Whether or not this element is an accessibility element.
+     */
+    accessible?: boolean;
+
+    /**
+     * React Elements to display within the component.
+     */
+    children?: ReactNode;
+
+    /**
+     * Class names of the component (for web).
+     */
+    className?: string;
+
+    id?: string;
+
+    /**
+     * The event handler/listener to be invoked when this
+     * {@code AbstractContainer} is clicked on Web or pressed on React
+     * Native. If {@code onClick} is defined and {@link touchFeedback} is
+     * undefined, {@code touchFeedback} is considered defined as
+     * {@code true}.
+     */
+    onClick?: Function;
+
+    onKeyDown?: Function;
+
+    onKeyPress?: Function;
+
+    role?: string;
+
+    /**
+     * The style (as in stylesheet) to be applied to this
+     * {@code AbstractContainer}.
+     */
+    style?: StyleType | StyleType[];
+
+    tabIndex?: number;
+
+    /**
+     * If this instance is to provide visual feedback when touched, then
+     * {@code true}; otherwise, {@code false}. If {@code touchFeedback} is
+     * undefined and {@link onClick} is defined, {@code touchFeedback} is
+     * considered defined as {@code true}.
+     */
+    touchFeedback?: boolean;
+
+    /**
+     * Color to display when clicked.
+     */
+    underlayColor?: string;
+
+    /**
+     * If this {@code AbstractContainer} is to be visible, then {@code true}
+     * or {@code false} if this instance is to be hidden or not rendered at
+     * all.
+     */
+    visible?: boolean;
+}
+
+/**
+ * Abstract (base) class for container of React {@link Component} children with
+ * a style.
+ *
+ * @augments Component
+ */
+export default class AbstractContainer<P extends IProps> extends Component<P> {
+    /**
+     * Renders this {@code AbstractContainer} as a React {@code Component} of a
+     * specific type.
+     *
+     * @param {string|ReactClass} type - The type of the React {@code Component}
+     * which is to be rendered.
+     * @param {Object|undefined} props - The read-only React {@code Component}
+     * properties, if any, to render. If undefined, the props of this instance
+     * will be rendered.
+     * @protected
+     * @returns {ReactElement}
+     */
+    _render(type: string | ComponentType<any>, props?: P) {
+        const {
+            children,
+            style,
+
+            /* eslint-disable @typescript-eslint/no-unused-vars */
+
+            // The following properties are defined for the benefit of
+            // AbstractContainer and its extenders so they are to not be
+            // propagated.
+            touchFeedback,
+            visible,
+
+            /* eslint-enable @typescript-eslint/no-unused-vars */
+
+            ...filteredProps
+        } = props || this.props;
+
+        const _style = getFixedPlatformStyle(style);
+
+        return React.createElement(type, {
+            style: _style,
+            ...filteredProps
+        }, children);
+    }
+}
diff --git a/react/features/base/react/components/AbstractPage.ts b/react/features/base/react/components/AbstractPage.ts
new file mode 100644
index 0000000..038a0de
--- /dev/null
+++ b/react/features/base/react/components/AbstractPage.ts
@@ -0,0 +1,22 @@
+import { Component } from 'react';
+
+/**
+ * Abstract component that defines a refreshable page to be rendered by
+ * {@code PagedList}.
+ */
+export default class AbstractPage<P> extends Component<P> {
+    /**
+     * Method to be overridden by the implementing classes to refresh the data
+     * content of the component.
+     *
+     * Note: It is a static method as the {@code Component} may not be
+     * initialized yet when the UI invokes refresh (e.g. Tab change).
+     *
+     * @param {any} _p1 - Param 1.
+     * @param {any} _p2 - Param 2.
+     * @returns {void}
+     */
+    static refresh(_p1?: any, _p2?: any) {
+        // No implementation in abstract class.
+    }
+}
diff --git a/react/features/base/react/components/index.native.ts b/react/features/base/react/components/index.native.ts
new file mode 100644
index 0000000..79f5ca9
--- /dev/null
+++ b/react/features/base/react/components/index.native.ts
@@ -0,0 +1,2 @@
+export { default as Container } from './native/Container';
+export { default as Text } from './native/Text';
diff --git a/react/features/base/react/components/index.web.ts b/react/features/base/react/components/index.web.ts
new file mode 100644
index 0000000..9b7e612
--- /dev/null
+++ b/react/features/base/react/components/index.web.ts
@@ -0,0 +1,2 @@
+export { default as Container } from './web/Container';
+export { default as Text } from './web/Text';
diff --git a/react/features/base/react/components/native/AvatarListItem.tsx b/react/features/base/react/components/native/AvatarListItem.tsx
new file mode 100644
index 0000000..8598f63
--- /dev/null
+++ b/react/features/base/react/components/native/AvatarListItem.tsx
@@ -0,0 +1,164 @@
+import React, { Component } from 'react';
+import { GestureResponderEvent, Text, TextStyle } from 'react-native';
+
+import Avatar from '../../../avatar/components/Avatar';
+import { StyleType } from '../../../styles/functions.native';
+import { Item } from '../../types';
+
+import Container from './Container';
+import styles, { AVATAR_SIZE, UNDERLAY_COLOR } from './styles';
+
+interface IProps {
+
+    /**
+     * If true, only the avatar gets rendered, no lines of text.
+     */
+    avatarOnly?: boolean;
+
+    /**
+     * Preferred size of the avatar.
+     */
+    avatarSize?: number;
+
+    /**
+     * One of the expected status strings (e.g. 'available') to render a badge on the avatar, if necessary.
+     */
+    avatarStatus?: string;
+
+    /**
+     * External style to be applied to the avatar (icon).
+     */
+    avatarStyle?: StyleType;
+
+    /**
+     * External style to be applied to the avatar (text).
+     */
+    avatarTextStyle?: StyleType;
+
+    /**
+     * Children of the component.
+     */
+    children?: React.ReactNode;
+
+    /**
+     * Item containing data to be rendered.
+     */
+    item: Item;
+
+    /**
+     * External style prop to be applied to the extra lines.
+     */
+    linesStyle?: StyleType;
+
+    /**
+     * Function to invoke on long press.
+     */
+    onLongPress?: (e: GestureResponderEvent) => void;
+
+    /**
+     * Function to invoke on press.
+     */
+    onPress?: (e: GestureResponderEvent) => void;
+
+    /**
+     * External style prop to be applied to the title.
+     */
+    titleStyle?: StyleType;
+}
+
+/**
+ * Implements a list item with an avatar rendered for it.
+ */
+export default class AvatarListItem extends Component<IProps> {
+    /**
+     * Constructor of the component.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._renderItemLine = this._renderItemLine.bind(this);
+    }
+
+    /**
+     * Implements {@code Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const {
+            avatarOnly,
+            avatarSize = AVATAR_SIZE,
+            avatarStatus,
+            onLongPress,
+            onPress
+        } = this.props;
+        const { avatar, colorBase, lines, title } = this.props.item;
+
+        return (
+            <Container
+                onClick = { onPress }
+                onLongPress = { onLongPress }
+                style = { styles.listItem }
+                underlayColor = { UNDERLAY_COLOR }>
+                <Avatar
+                    colorBase = { colorBase }
+                    displayName = { title }
+                    size = { avatarSize }
+                    status = { avatarStatus }
+                    url = { avatar } />
+                { avatarOnly || <Container style = { styles.listItemDetails }>
+                    <Text
+                        numberOfLines = { 1 }
+                        style = { [
+                            styles.listItemText,
+                            styles.listItemTitle as TextStyle,
+                            this.props.titleStyle
+                        ] }>
+                        { title }
+                    </Text>
+                    {this._renderItemLines(lines)}
+                </Container>}
+                { this.props.children }
+            </Container>
+        );
+    }
+
+    /**
+     * Renders a single line from the additional lines.
+     *
+     * @param {string} line - The line text.
+     * @param {number} index - The index of the line.
+     * @private
+     * @returns {React$Node}
+     */
+    _renderItemLine(line: string, index: number) {
+        if (!line) {
+            return null;
+        }
+
+        return (
+            <Text
+                key = { index }
+                numberOfLines = { 1 }
+                style = { [
+                    styles.listItemText,
+                    this.props.linesStyle
+                ] }>
+                {line}
+            </Text>
+        );
+    }
+
+    /**
+     * Renders the additional item lines, if any.
+     *
+     * @param {Array<string>} lines - The lines to render.
+     * @private
+     * @returns {Array<React$Node>}
+     */
+    _renderItemLines(lines?: string[]) {
+        return lines?.length ? lines.map(this._renderItemLine) : null;
+    }
+}
diff --git a/react/features/base/react/components/native/BaseIndicator.tsx b/react/features/base/react/components/native/BaseIndicator.tsx
new file mode 100644
index 0000000..c6e7a40
--- /dev/null
+++ b/react/features/base/react/components/native/BaseIndicator.tsx
@@ -0,0 +1,58 @@
+import React, { Component } from 'react';
+import { View, ViewStyle } from 'react-native';
+
+import Icon from '../../../icons/components/Icon';
+import { StyleType } from '../../../styles/functions.any';
+
+import styles from './indicatorStyles';
+import { BASE_INDICATOR } from './styles';
+
+interface IProps {
+
+    /**
+     * Overwritten background color when indicator is highlighted.
+     */
+    backgroundColor?: string;
+
+    /**
+     * True if a highlighted background has to be applied.
+     */
+    highlight?: boolean;
+
+    /**
+     * The name of the icon to be used as the indicator.
+     */
+    icon: Function;
+
+    /**
+     * Additional style to be applied to the icon element.
+     */
+    iconStyle?: StyleType;
+}
+
+/**
+ * Implements a base indicator to be reused across all native indicators on
+ * the filmstrip.
+ */
+export default class BaseIndicator extends Component<IProps> {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { icon, iconStyle } = this.props;
+
+        return (
+            <View
+                style = { BASE_INDICATOR as ViewStyle }>
+                <Icon
+                    src = { icon }
+                    style = { [
+                        styles.indicator,
+                        iconStyle ?? {}
+                    ] } />
+            </View>
+        );
+    }
+}
diff --git a/react/features/base/react/components/native/Container.tsx b/react/features/base/react/components/native/Container.tsx
new file mode 100644
index 0000000..961bd13
--- /dev/null
+++ b/react/features/base/react/components/native/Container.tsx
@@ -0,0 +1,86 @@
+import React from 'react';
+import {
+    GestureResponderEvent,
+    TouchableHighlight,
+    TouchableWithoutFeedback,
+    View
+} from 'react-native';
+
+import AbstractContainer, { IProps as AbstractProps } from '../AbstractContainer';
+
+interface IProps extends AbstractProps {
+
+    onClick?: (e: GestureResponderEvent) => void;
+
+    /**
+     * The event handler/listener to be invoked when this
+     * {@code AbstractContainer} is long pressed on React Native.
+     */
+    onLongPress?: (e: GestureResponderEvent) => void;
+
+    pointerEvents?: string;
+}
+
+/**
+ * Represents a container of React Native/mobile {@link Component} children.
+ *
+ * @augments AbstractContainer
+ */
+export default class Container extends AbstractContainer<IProps> {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const {
+            accessibilityLabel,
+            accessible,
+            onClick,
+            onLongPress,
+            touchFeedback = Boolean(onClick || onLongPress),
+            underlayColor,
+            visible = true,
+            ...props
+        } = this.props;
+
+        // visible
+        if (!visible) {
+            return null;
+        }
+
+        const onClickOrTouchFeedback = onClick || onLongPress || touchFeedback;
+        let element
+            = super._render(
+                View,
+                {
+                    pointerEvents: onClickOrTouchFeedback ? 'auto' : 'box-none',
+                    ...props
+                });
+
+        // onClick & touchFeedback
+        if (element && onClickOrTouchFeedback) {
+            const touchableProps = {
+                accessibilityLabel,
+                accessible,
+                onLongPress,
+                onPress: onClick
+            };
+
+            element
+                = touchFeedback
+                    ? React.createElement(
+                        TouchableHighlight,
+                        {
+                            ...touchableProps,
+                            underlayColor
+                        },
+                        element)
+                    : React.createElement(
+                        TouchableWithoutFeedback, touchableProps, element);
+        }
+
+        return element;
+    }
+}
diff --git a/react/features/base/react/components/native/Image.tsx b/react/features/base/react/components/native/Image.tsx
new file mode 100644
index 0000000..16605b3
--- /dev/null
+++ b/react/features/base/react/components/native/Image.tsx
@@ -0,0 +1,39 @@
+import React, { Component } from 'react';
+import { Image } from 'react-native';
+
+/**
+ * The type of the React {@code Component} props of {@link Image}.
+ */
+interface IProps {
+
+    /**
+     * The ImageSource to be rendered as image.
+     */
+    src: Object;
+
+    /**
+     * The component's external style.
+     */
+    style: Object;
+}
+
+/**
+ * A component rendering aN IMAGE.
+ *
+ * @augments Component
+ */
+export default class ImageImpl extends Component<IProps> {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        return (
+            <Image
+                source = { this.props.src }
+                style = { this.props.style } />
+        );
+    }
+}
diff --git a/react/features/base/react/components/native/Link.tsx b/react/features/base/react/components/native/Link.tsx
new file mode 100644
index 0000000..3d04e4d
--- /dev/null
+++ b/react/features/base/react/components/native/Link.tsx
@@ -0,0 +1,88 @@
+import React, { Component } from 'react';
+import { Linking } from 'react-native';
+
+import Text from './Text';
+
+/**
+ * The type of the React {@code Component} props of {@link Link}.
+ */
+interface IProps {
+
+    /**
+     * The children to be displayed within this Link.
+     */
+    children: React.ReactNode;
+
+    /**
+     * Notifies that this Link failed to open the URL associated with it.
+     */
+    onLinkingOpenURLRejected?: Function;
+
+    /**
+     * The CSS style to be applied to this Link for the purposes of display.
+     */
+    style?: Object;
+
+    /**
+     * The URL to be opened when this Link is clicked/pressed.
+     */
+    url: string;
+}
+
+/**
+ * Implements a (hyper)link to a URL in the fashion of the HTML anchor element
+ * and its href attribute.
+ */
+export default class Link extends Component<IProps> {
+    /**
+     * Initializes a new Link instance.
+     *
+     * @param {Object} props - Component properties.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handlers so they are only bound once for every instance.
+        this._onPress = this._onPress.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        return (
+            <Text
+                onPress = { this._onPress }
+                style = { this.props.style }>
+                { this.props.children }
+            </Text>
+        );
+    }
+
+    /**
+     * Notifies this instance that Linking failed to open the associated URL.
+     *
+     * @param {any} reason - The rejection reason.
+     * @private
+     * @returns {void}
+     */
+    _onLinkingOpenURLRejected(reason: Error) {
+        const onRejected = this.props.onLinkingOpenURLRejected;
+
+        onRejected?.(reason);
+    }
+
+    /**
+     * Handles press on this Link. Opens the URL associated with this Link.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onPress() {
+        Linking.openURL(this.props.url)
+            .catch(reason => this._onLinkingOpenURLRejected(reason));
+    }
+}
diff --git a/react/features/base/react/components/native/Linkify.tsx b/react/features/base/react/components/native/Linkify.tsx
new file mode 100644
index 0000000..1951892
--- /dev/null
+++ b/react/features/base/react/components/native/Linkify.tsx
@@ -0,0 +1,79 @@
+import React, { Component } from 'react';
+import ReactLinkify from 'react-linkify';
+import { Text } from 'react-native';
+
+import { StyleType } from '../../../styles/functions.any';
+import { formatURLText } from '../../functions';
+
+import Link from './Link';
+
+interface IProps {
+
+    /**
+     * The children of the component.
+     */
+    children: React.ReactNode;
+
+    /**
+     * The extra styles to be applied to links.
+     */
+    linkStyle: StyleType;
+
+    /**
+     * The extra styles to be applied to text.
+     */
+    style?: StyleType;
+}
+
+/**
+ * Implements a react native wrapper for the react-linkify component.
+ */
+export default class Linkify extends Component<IProps> {
+    /**
+     * Initiates a new {@code Component}.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._componentDecorator = this._componentDecorator.bind(this);
+    }
+
+    /**
+     * Implements {@code Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        return (
+            <ReactLinkify
+                componentDecorator = { this._componentDecorator }>
+                <Text
+                    selectable = { true }
+                    style = { this.props.style }>
+                    { this.props.children }
+                </Text>
+            </ReactLinkify>
+        );
+    }
+
+    /**
+     * Implements a component decorator for react-linkify.
+     *
+     * @param {string} decoratedHref - The href src.
+     * @param {string} decoratedText - The link text.
+     * @param {string} key - The component key.
+     * @returns {React$Node}
+     */
+    _componentDecorator(decoratedHref: string, decoratedText: string, key: number) {
+        return (
+            <Link
+                key = { key }
+                style = { this.props.linkStyle }
+                url = { decoratedHref }>
+                { formatURLText(decoratedText) }
+            </Link>
+        );
+    }
+}
diff --git a/react/features/base/react/components/native/LoadingIndicator.tsx b/react/features/base/react/components/native/LoadingIndicator.tsx
new file mode 100644
index 0000000..b82b252
--- /dev/null
+++ b/react/features/base/react/components/native/LoadingIndicator.tsx
@@ -0,0 +1,55 @@
+import React, { PureComponent } from 'react';
+import { ActivityIndicator } from 'react-native';
+
+import { ColorPalette } from '../../../styles/components/styles/ColorPalette';
+
+interface IProps {
+
+    /**
+     * The color of the spinner.
+     */
+    color?: string;
+
+    /**
+     * Prop to set the size of the indicator. This is the same as the
+     * prop of the native component.
+     */
+    size?: 'large' | 'small' | 'medium';
+
+    style?: any;
+}
+
+/**
+ * An animated, large react-native {@link ActivityIndicator} which is considered
+ * a suitable visualization of long-running processes with indeterminate amounts
+ * of work to be done.
+ */
+export default class LoadingIndicator extends PureComponent<IProps> {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { color = ColorPalette.white } = this.props;
+        let { size = 'large' } = this.props;
+
+        if (size === 'medium') {
+            size = 'large';
+        }
+
+        const props = {
+            color,
+            ...this.props,
+            size
+        };
+
+        return (
+            <ActivityIndicator
+                animating = { true }
+                { ...props }
+                size = { size } />
+        );
+    }
+}
diff --git a/react/features/base/react/components/native/Modal.tsx b/react/features/base/react/components/native/Modal.tsx
new file mode 100644
index 0000000..50c5015
--- /dev/null
+++ b/react/features/base/react/components/native/Modal.tsx
@@ -0,0 +1,32 @@
+import React, { PureComponent } from 'react';
+import { Modal as NativeModal } from 'react-native';
+
+/**
+ * Implements a generic Modal (using the built-in Modal component) to share
+ * behavior across modals in the app.
+ */
+export default class Modal extends PureComponent {
+
+    /**
+     * Implements {@code Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        // eslint-disable-next-line react/prop-types
+        const { children, ...props } = this.props;
+
+        return (
+            <NativeModal
+                animationType = { 'slide' }
+                supportedOrientations = { [
+                    'landscape',
+                    'portrait'
+                ] }
+                transparent = { true }
+                { ...props } >
+                { children }
+            </NativeModal>
+        );
+    }
+}
diff --git a/react/features/base/react/components/native/NavigateSectionList.tsx b/react/features/base/react/components/native/NavigateSectionList.tsx
new file mode 100644
index 0000000..66e9c0d
--- /dev/null
+++ b/react/features/base/react/components/native/NavigateSectionList.tsx
@@ -0,0 +1,260 @@
+import React, { Component } from 'react';
+
+// TODO: Maybe try to make all NavigateSectionList components to work for both
+// mobile and web, and move them to NavigateSectionList component.
+import { Item, Section, SectionListSection } from '../../types';
+
+import NavigateSectionListEmptyComponent from './NavigateSectionListEmptyComponent';
+import NavigateSectionListItem from './NavigateSectionListItem';
+import NavigateSectionListSectionHeader from './NavigateSectionListSectionHeader';
+import SectionList from './SectionList';
+
+interface IProps {
+
+    /**
+     * Indicates if the list is disabled or not.
+     */
+    disabled: boolean;
+
+    /**
+     * Function to be invoked when an item is long pressed. The item is passed.
+     */
+    onLongPress?: Function;
+
+    /**
+     * Function to be invoked when an item is pressed. The item's URL is passed.
+     */
+    onPress: (e: string, a?: string) => void;
+
+    /**
+     * Function to be invoked when pull-to-refresh is performed.
+     */
+    onRefresh: Function;
+
+    /**
+     * Function to be invoked when a secondary action is performed on an item.
+     * The item's ID is passed.
+     */
+    onSecondaryAction: Function;
+
+    /**
+     * Function to override the rendered default empty list component.
+     */
+    renderListEmptyComponent: React.ReactElement<any>;
+
+    /**
+     * An array of sections.
+     */
+    sections: Array<Section>;
+}
+
+/**
+ * Implements a general section list to display items that have a URL property
+ * and navigates to (probably) meetings, such as the recent list or the meeting
+ * list components.
+ */
+class NavigateSectionList extends Component<IProps> {
+    /**
+     * Creates an empty section object.
+     *
+     * @param {string} title - The title of the section.
+     * @param {string} key - The key of the section. It must be unique.
+     * @private
+     * @returns {Object}
+     */
+    static createSection(title: string, key: string | number) {
+        const data: any[] = [];
+
+        return {
+            data,
+            key,
+            title
+        };
+    }
+
+    /**
+     * Constructor of the NavigateSectionList component.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+        this._getItemKey = this._getItemKey.bind(this);
+        this._onLongPress = this._onLongPress.bind(this);
+        this._onPress = this._onPress.bind(this);
+        this._onRefresh = this._onRefresh.bind(this);
+        this._renderItem = this._renderItem.bind(this);
+        this._renderListEmptyComponent = this._renderListEmptyComponent.bind(this);
+        this._renderSectionHeader = this._renderSectionHeader.bind(this);
+    }
+
+    /**
+     * Implements React's {@code Component.render}.
+     * Note: We don't use the refreshing value yet, because refreshing of these
+     * lists is super quick, no need to complicate the code - yet.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const {
+            renderListEmptyComponent = this._renderListEmptyComponent(),
+            sections
+        } = this.props;
+
+        return (
+            <SectionList
+                ListEmptyComponent = { renderListEmptyComponent }
+                keyExtractor = { this._getItemKey }
+
+                // @ts-ignore
+                onItemClick = { this.props.onPress }
+                onRefresh = { this._onRefresh }
+                refreshing = { false }
+                renderItem = { this._renderItem }
+                renderSectionHeader = { this._renderSectionHeader }
+                sections = { sections } />
+        );
+    }
+
+    /**
+     * Generates a unique id to every item.
+     *
+     * @param {Object} item - The item.
+     * @param {number} index - The item index.
+     * @private
+     * @returns {string}
+     */
+    _getItemKey(item: Item, index: number) {
+        return `${index}-${item.key}`;
+    }
+
+    /**
+     * Returns a function that is used in the onLongPress callback of the items.
+     *
+     * @param {Object} item - The item that was long-pressed.
+     * @private
+     * @returns {Function}
+     */
+    _onLongPress(item: Item) {
+        const { disabled, onLongPress } = this.props;
+
+        if (!disabled && typeof onLongPress === 'function') {
+            return () => onLongPress(item);
+        }
+
+        return;
+    }
+
+    /**
+     * Returns a function that is used in the onPress callback of the items.
+     *
+     * @param {string} url - The URL of the item to navigate to.
+     * @private
+     * @returns {Function}
+     */
+    _onPress(url: string) {
+        const { disabled, onPress } = this.props;
+
+        if (!disabled && url && typeof onPress === 'function') {
+            return () => onPress(url);
+        }
+
+        return;
+    }
+
+    /**
+     * Invokes the onRefresh callback if present.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onRefresh() {
+        const { onRefresh } = this.props;
+
+        if (typeof onRefresh === 'function') {
+            onRefresh();
+        }
+    }
+
+    /**
+     * Returns a function that is used in the secondaryAction callback of the
+     * items.
+     *
+     * @param {string} id - The id of the item that secondary action was
+     * performed on.
+     * @private
+     * @returns {Function}
+     */
+    _onSecondaryAction(id: string) {
+        return () => {
+            this.props.onSecondaryAction(id);
+        };
+    }
+
+    /**
+     * Renders a single item in the list.
+     *
+     * @param {Object} listItem - The item to render.
+     * @param {string} key - The item needed for rendering using map on web.
+     * @private
+     * @returns {Component}
+     */
+    _renderItem(listItem: { item: Item; }, key = '') {
+        const { item } = listItem;
+        const { id, url } = item;
+
+        // XXX The value of title cannot be undefined; otherwise, react-native
+        // will throw a TypeError: Cannot read property of undefined. While it's
+        // difficult to get an undefined title and very likely requires the
+        // execution of incorrect source code, it is undesirable to break the
+        // whole app because of an undefined string.
+        if (typeof item.title === 'undefined') {
+            return <></>;
+        }
+
+        return (
+            <NavigateSectionListItem
+                item = { item }
+                key = { key }
+                onLongPress = { url ? this._onLongPress(item) : undefined }
+                onPress = { url ? this._onPress(url) : undefined }
+                secondaryAction = {
+                    url ? undefined : this._onSecondaryAction(id) } />
+        );
+    }
+
+    /**
+     * Renders a component to display when the list is empty.
+     *
+     * @param {Object} section - The section being rendered.
+     * @private
+     * @returns {React$Node}
+     */
+    _renderListEmptyComponent(): React.ReactElement<any> {
+        const { onRefresh } = this.props;
+
+        if (typeof onRefresh === 'function') {
+            return (
+                <NavigateSectionListEmptyComponent />
+            );
+        }
+
+        return <></>;
+    }
+
+    /**
+     * Renders a section header.
+     *
+     * @param {Object} section - The section being rendered.
+     * @private
+     * @returns {React$Node}
+     */
+    _renderSectionHeader(section: SectionListSection) {
+        return (
+            <NavigateSectionListSectionHeader
+                section = { section } />
+        );
+    }
+}
+
+export default NavigateSectionList;
diff --git a/react/features/base/react/components/native/NavigateSectionListEmptyComponent.tsx b/react/features/base/react/components/native/NavigateSectionListEmptyComponent.tsx
new file mode 100644
index 0000000..3963a41
--- /dev/null
+++ b/react/features/base/react/components/native/NavigateSectionListEmptyComponent.tsx
@@ -0,0 +1,40 @@
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { Text, View, ViewStyle } from 'react-native';
+
+import { translate } from '../../../i18n/functions';
+import Icon from '../../../icons/components/Icon';
+import { IconArrowDown } from '../../../icons/svg';
+
+import styles from './styles';
+
+/**
+ * Implements a React Native {@link Component} that is to be displayed when the
+ * list is empty.
+ *
+ * @augments Component
+ */
+class NavigateSectionListEmptyComponent extends Component<WithTranslation> {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { t } = this.props;
+
+        return (
+            <View style = { styles.pullToRefresh as ViewStyle }>
+                <Text style = { styles.pullToRefreshText }>
+                    { t('sectionList.pullToRefresh') }
+                </Text>
+                <Icon
+                    src = { IconArrowDown }
+                    style = { styles.pullToRefreshIcon } />
+            </View>
+        );
+    }
+}
+
+export default translate(NavigateSectionListEmptyComponent);
diff --git a/react/features/base/react/components/native/NavigateSectionListItem.tsx b/react/features/base/react/components/native/NavigateSectionListItem.tsx
new file mode 100644
index 0000000..db879cb
--- /dev/null
+++ b/react/features/base/react/components/native/NavigateSectionListItem.tsx
@@ -0,0 +1,123 @@
+import React, { Component } from 'react';
+import { GestureResponderEvent } from 'react-native';
+
+import { IconPlus } from '../../../icons/svg';
+import IconButton from '../../../ui/components/native/IconButton';
+import { BUTTON_TYPES } from '../../../ui/constants.any';
+import { Item } from '../../types';
+
+import AvatarListItem from './AvatarListItem';
+import Text from './Text';
+import styles from './styles';
+
+interface IProps {
+
+    /**
+     * Item containing data to be rendered.
+     */
+    item: Item;
+
+    /**
+     * Function to be invoked when an item is long pressed. The item is passed.
+     */
+    onLongPress?: (e?: GestureResponderEvent) => void;
+
+    /**
+     * Function to be invoked when an Item is pressed. The Item's URL is passed.
+     */
+    onPress?: (e?: GestureResponderEvent) => void;
+
+    /**
+     * Function to be invoked when secondary action was performed on an Item.
+     */
+    secondaryAction?: (e?: GestureResponderEvent) => void;
+}
+
+/**
+ * Implements a React/Native {@link Component} that renders the Navigate Section
+ * List Item.
+ *
+ * @augments Component
+ */
+export default class NavigateSectionListItem extends Component<IProps> {
+    /**
+     * Constructor of the NavigateSectionList component.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._renderItemLine = this._renderItemLine.bind(this);
+        this._renderItemLines = this._renderItemLines.bind(this);
+    }
+
+    /**
+     * Renders a single line from the additional lines.
+     *
+     * @param {string} line - The line text.
+     * @param {number} index - The index of the line.
+     * @private
+     * @returns {React$Node}
+     */
+    _renderItemLine(line: string, index: number) {
+        if (!line) {
+            return null;
+        }
+
+        return (
+            <Text
+                key = { index }
+                numberOfLines = { 1 }
+                style = { styles.listItemText }>
+                {line}
+            </Text>
+        );
+    }
+
+    /**
+     * Renders the additional item lines, if any.
+     *
+     * @param {Array<string>} lines - The lines to render.
+     * @private
+     * @returns {Array<React$Node>}
+     */
+    _renderItemLines(lines?: string[]) {
+        return lines?.length ? lines.map(this._renderItemLine) : null;
+    }
+
+    /**
+     * Renders the secondary action label.
+     *
+     * @private
+     * @returns {React$Node}
+     */
+    _renderSecondaryAction() {
+        const { secondaryAction } = this.props;
+
+        return (
+            <IconButton
+                onPress = { secondaryAction }
+                src = { IconPlus }
+                type = { BUTTON_TYPES.PRIMARY } />
+        );
+    }
+
+    /**
+     * Renders the content of this component.
+     *
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { item, onLongPress, onPress, secondaryAction } = this.props;
+
+        return (
+            <AvatarListItem
+                item = { item }
+                onLongPress = { onLongPress }
+                onPress = { onPress } >
+                { secondaryAction && this._renderSecondaryAction() }
+            </AvatarListItem>
+        );
+    }
+}
diff --git a/react/features/base/react/components/native/NavigateSectionListSectionHeader.tsx b/react/features/base/react/components/native/NavigateSectionListSectionHeader.tsx
new file mode 100644
index 0000000..6e18679
--- /dev/null
+++ b/react/features/base/react/components/native/NavigateSectionListSectionHeader.tsx
@@ -0,0 +1,41 @@
+import React, { Component } from 'react';
+import { TextStyle } from 'react-native';
+
+import { SectionListSection } from '../../types';
+
+import Container from './Container';
+import Text from './Text';
+import styles from './styles';
+
+interface IProps {
+
+    /**
+     * A section containing the data to be rendered.
+     */
+    section: SectionListSection;
+}
+
+/**
+ * Implements a React/Native {@link Component} that renders the section header
+ * of the list.
+ *
+ * @augments Component
+ */
+export default class NavigateSectionListSectionHeader extends Component<IProps> {
+    /**
+     * Renders the content of this component.
+     *
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { section } = this.props.section;
+
+        return (
+            <Container style = { styles.listSection }>
+                <Text style = { styles.listSectionText as TextStyle }>
+                    { section.title }
+                </Text>
+            </Container>
+        );
+    }
+}
diff --git a/react/features/base/react/components/native/Pressable.tsx b/react/features/base/react/components/native/Pressable.tsx
new file mode 100644
index 0000000..1e961a7
--- /dev/null
+++ b/react/features/base/react/components/native/Pressable.tsx
@@ -0,0 +1,44 @@
+import React, { Component } from 'react';
+import { GestureResponderEvent, TouchableWithoutFeedback } from 'react-native';
+
+/**
+ * The type of the React {@link Component} props of {@link Pressable}.
+ */
+interface IProps {
+    children: React.ReactNode;
+
+    /**
+     * Called when the touch is released, but not if cancelled (e.g. By a scroll
+     * that steals the responder lock).
+     */
+    onPress?: (event: GestureResponderEvent) => void;
+}
+
+/**
+ * Adds support for {@code onPress} to a child React {@link Component} (which
+ * should probably not support the prop in question; otherwise, there's little
+ * point of using {@code Pressable} then in the first place).
+ */
+export default class Pressable extends Component<IProps> {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {React$Node}
+     */
+    override render() {
+        // onPress
+        const { children, onPress } = this.props;
+
+        if (onPress) {
+            return (
+                <TouchableWithoutFeedback onPress = { onPress }>
+                    { children }
+                </TouchableWithoutFeedback>
+            );
+        }
+
+        // A Pressable without an onPress is a "no-op".
+        return children;
+    }
+}
diff --git a/react/features/base/react/components/native/SectionList.tsx b/react/features/base/react/components/native/SectionList.tsx
new file mode 100644
index 0000000..da9dc64
--- /dev/null
+++ b/react/features/base/react/components/native/SectionList.tsx
@@ -0,0 +1,93 @@
+import React, { Component } from 'react';
+import {
+    SectionList as ReactNativeSectionList,
+    SectionListRenderItemInfo,
+    ViewStyle
+} from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+
+import { Item, Section } from '../../types';
+
+import styles from './styles';
+
+/**
+ * The type of the React {@code Component} props of {@link SectionList}.
+ */
+interface IProps {
+
+    /**
+     * Rendered when the list is empty. Can be a React Component Class, a render
+     * function, or a rendered element.
+     */
+    ListEmptyComponent: React.ReactElement<any>;
+
+    /**
+    *
+    * Used to extract a unique key for a given item at the specified index.
+     * Key is used for caching and as the react key to track item re-ordering.
+    */
+    keyExtractor: (item: Item, index: number) => string;
+
+    /**
+    *
+    * Functions that defines what happens when the list is pulled for refresh.
+    */
+    onRefresh: () => void;
+
+    /**
+    *
+    * A boolean that is set true while waiting for new data from a refresh.
+    */
+    refreshing?: boolean;
+
+    /**
+    *
+    * Default renderer for every item in every section.
+    */
+    renderItem: (info: SectionListRenderItemInfo<Item, Section>) => React.ReactElement<any>;
+
+    /**
+    *
+    * A component rendered at the top of each section. These stick to the top
+     * of the ScrollView by default on iOS.
+    */
+    renderSectionHeader: any;
+
+    /**
+     * An array of sections.
+     */
+    sections: Array<Section>;
+}
+
+/**
+ * Implements a React Native {@link Component} that wraps the React Native
+ * SectionList component in a SafeAreaView so that it renders the sectionlist
+ * within the safe area of the device.
+ *
+ * @augments Component
+ */
+export default class SectionList extends Component<IProps> {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        return (
+            <SafeAreaView
+                edges = { [ 'left', 'right' ] }
+                style = { styles.container as ViewStyle } >
+                <ReactNativeSectionList
+                    ListEmptyComponent = { this.props.ListEmptyComponent }
+                    keyExtractor = { this.props.keyExtractor }
+                    onRefresh = { this.props.onRefresh }
+                    refreshing = { this.props.refreshing }
+                    renderItem = { this.props.renderItem }
+                    renderSectionHeader = { this.props.renderSectionHeader }
+                    sections = { this.props.sections }
+                    style = { styles.list as ViewStyle } />
+            </SafeAreaView>
+        );
+    }
+}
diff --git a/react/features/base/react/components/native/SlidingView.tsx b/react/features/base/react/components/native/SlidingView.tsx
new file mode 100644
index 0000000..98dbf38
--- /dev/null
+++ b/react/features/base/react/components/native/SlidingView.tsx
@@ -0,0 +1,293 @@
+import React, { PureComponent, ReactNode } from 'react';
+import {
+    Animated,
+    BackHandler,
+    Dimensions,
+    TouchableWithoutFeedback,
+    View,
+    ViewStyle
+} from 'react-native';
+
+import { StyleType } from '../../../styles/functions.any';
+
+import styles from './slidingviewstyles';
+
+/**
+ * The type of the React {@code Component} props of {@link SlidingView}.
+ */
+interface IProps {
+
+    /**
+     * The children of {@code SlidingView}.
+     */
+    children: ReactNode;
+
+    /**
+     * Callback to notify the containing {@code Component} that the view is
+     * closing.
+     */
+    onHide: Function;
+
+    /**
+     * Position of the SlidingView: 'left', 'right', 'top', 'bottom'.
+     * Later).
+     */
+    position: string;
+
+    /**
+     * Whether the {@code SlidingView} is to be displayed/rendered/shown or not.
+     */
+    show: boolean;
+
+    /**
+     * Style of the animated view.
+     */
+    style?: StyleType;
+}
+
+/**
+ * The type of the React {@code Component} state of {@link SlidingView}.
+ */
+interface IState {
+
+    /**
+     * Offset to move the view out of the screen.
+     */
+    positionOffset: number;
+
+    /**
+     * Whether the sliding overlay should be displayed/rendered/shown.
+     */
+    showOverlay: boolean;
+
+    /**
+     * The native animation object.
+     */
+    sliderAnimation: Animated.Value;
+}
+
+/**
+ * A generic animated slider view to be used for animated menus.
+ */
+export default class SlidingView extends PureComponent<IProps, IState> {
+    /**
+     * Initializes hardwareBackPress subscription.
+     */
+    _hardwareBackPressSubscription: any;
+
+    /**
+     * True if the component is mounted.
+     */
+    _mounted: boolean;
+
+    /**
+     * Implements React's {@link Component#getDerivedStateFromProps()}.
+     *
+     * @inheritdoc
+     */
+    static getDerivedStateFromProps(props: IProps, prevState: IState) {
+        return {
+            showOverlay: props.show || prevState.showOverlay
+        };
+    }
+
+    /**
+     * Initializes a new {@code SlidingView} instance.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        const { height, width } = Dimensions.get('window');
+        const { position } = props;
+
+        let positionOffset = height;
+
+        if (position === 'left' || position === 'right') {
+            positionOffset = width;
+        }
+
+        this.state = {
+            showOverlay: false,
+            sliderAnimation: new Animated.Value(0),
+            positionOffset
+        };
+
+        // Bind event handlers so they are only bound once per instance.
+        this._onHardwareBackPress = this._onHardwareBackPress.bind(this);
+        this._onHide = this._onHide.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#componentDidMount()}.
+     *
+     * @inheritdoc
+     */
+    override componentDidMount() {
+        this._hardwareBackPressSubscription = BackHandler.addEventListener('hardwareBackPress', this._onHardwareBackPress);
+
+        this._mounted = true;
+        this._setShow(this.props.show);
+    }
+
+    /**
+     * Implements React's {@link Component#componentDidUpdate()}.
+     *
+     * @inheritdoc
+     */
+    override componentDidUpdate(prevProps: IProps) {
+        const { show } = this.props;
+
+        if (prevProps.show !== show) {
+            this._setShow(show);
+        }
+    }
+
+    /**
+     * Implements React's {@link Component#componentWillUnmount()}.
+     *
+     * @inheritdoc
+     */
+    override componentWillUnmount() {
+        this._hardwareBackPressSubscription?.remove();
+
+        this._mounted = false;
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { showOverlay } = this.state;
+
+        if (!showOverlay) {
+            return null;
+        }
+
+        return (
+            <View
+                pointerEvents = 'box-none'
+                style = { styles.sliderViewContainer } >
+                <TouchableWithoutFeedback
+                    onPress = { this._onHide } >
+                    <View style = { styles.sliderViewShadow } />
+                </TouchableWithoutFeedback>
+                <Animated.View
+                    pointerEvents = 'box-none'
+                    style = { this._getContentStyle() as ViewStyle }>
+                    { this.props.children }
+                </Animated.View>
+            </View>
+        );
+    }
+
+    /**
+     * Assembles a style array for the SlideView content.
+     *
+     * @private
+     * @returns {Array<Object>}
+     */
+    _getContentStyle() {
+        const style = {
+            ...this.props.style,
+            ...styles.sliderViewContent
+        };
+        const { positionOffset } = this.state;
+
+        switch (this.props.position) {
+        case 'bottom':
+            Object.assign(style, {
+                bottom: -positionOffset,
+                left: 0,
+                right: 0,
+                top: positionOffset
+            }, {
+                transform: [ { translateY: this.state.sliderAnimation } ]
+            });
+            break;
+        case 'left':
+            Object.assign(style, {
+                bottom: 0,
+                left: -positionOffset,
+                right: positionOffset,
+                top: 0
+            }, {
+                transform: [ { translateX: this.state.sliderAnimation } ]
+            });
+            break;
+        }
+
+        return style;
+    }
+
+    /**
+     * Callback to handle the hardware back button.
+     *
+     * @returns {boolean}
+     */
+    _onHardwareBackPress() {
+        this._onHide();
+
+        return true;
+    }
+
+    /**
+     * Hides the slider.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onHide() {
+        this._setShow(false)
+            .then(() => {
+                const { onHide } = this.props;
+
+                onHide?.();
+            });
+    }
+
+    /**
+     * Shows/hides the slider menu.
+     *
+     * @param {boolean} show - If the slider view is to be made visible,
+     * {@code true}; otherwise, {@code false}.
+     * @private
+     * @returns {Promise}
+     */
+    _setShow(show: boolean) {
+        return new Promise<void>(resolve => {
+            if (!this._mounted) {
+                resolve();
+
+                return;
+            }
+
+            const { positionOffset } = this.state;
+            const { position } = this.props;
+            let toValue = positionOffset;
+
+            if (position === 'bottom' || position === 'right') {
+                toValue = -positionOffset;
+            }
+
+            Animated
+                .timing(
+                    /* value */ this.state.sliderAnimation,
+                    /* config */ {
+                        duration: 200,
+                        toValue: show ? toValue : 0,
+                        useNativeDriver: true
+                    })
+                .start(({ finished }) => {
+                    finished && this._mounted && !show
+                        && this.setState({ showOverlay: false }, () => {
+                            this.forceUpdate();
+                        });
+                    resolve();
+                });
+        });
+    }
+}
diff --git a/react/features/base/react/components/native/Text.ts b/react/features/base/react/components/native/Text.ts
new file mode 100644
index 0000000..2fc0f07
--- /dev/null
+++ b/react/features/base/react/components/native/Text.ts
@@ -0,0 +1 @@
+export { Text as default } from 'react-native';
diff --git a/react/features/base/react/components/native/TintedView.tsx b/react/features/base/react/components/native/TintedView.tsx
new file mode 100644
index 0000000..e44f025
--- /dev/null
+++ b/react/features/base/react/components/native/TintedView.tsx
@@ -0,0 +1,65 @@
+import React, { Component } from 'react';
+import { StyleSheet, View, ViewStyle } from 'react-native';
+
+import { TINTED_VIEW_DEFAULT } from './styles';
+
+/**
+ * Base style for the {@code TintedView} component.
+ */
+const BASE_STYLE = {
+    ...StyleSheet.absoluteFillObject,
+    alignItems: 'center',
+    justifyContent: 'center'
+};
+
+/**
+ * {@code TintedView}'s React {@code Component} prop types.
+ */
+interface IProps {
+
+    /**
+     * The children components of this component.
+     */
+    children?: React.ReactNode;
+
+    /**
+     * Style to override the base style.
+     */
+    style?: Object;
+}
+
+/**
+ * Implements a component aimed at covering another view and tinting it with
+ * the given color and opacity.
+ */
+export default class TintedView extends Component<IProps> {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { children, style } = this.props;
+
+        // XXX Don't tint the children, tint the background only.
+        return (
+            <View
+                pointerEvents = 'box-none'
+                style = { BASE_STYLE as ViewStyle }>
+                <View
+                    pointerEvents = 'none'
+                    style = { [
+                        BASE_STYLE,
+                        TINTED_VIEW_DEFAULT,
+                        style
+                    ] } />
+                <View
+                    pointerEvents = 'box-none'
+                    style = { BASE_STYLE as ViewStyle }>
+                    { children }
+                </View>
+            </View>
+        );
+    }
+}
diff --git a/react/features/base/react/components/native/headerstyles.ts b/react/features/base/react/components/native/headerstyles.ts
new file mode 100644
index 0000000..2af7315
--- /dev/null
+++ b/react/features/base/react/components/native/headerstyles.ts
@@ -0,0 +1,86 @@
+import { StyleSheet } from 'react-native';
+
+import ColorSchemeRegistry from '../../../color-scheme/ColorSchemeRegistry';
+import { schemeColor } from '../../../color-scheme/functions';
+import { BoxModel } from '../../../styles/components/styles/BoxModel';
+
+const HEADER_FONT_SIZE = 18;
+const HEADER_HEIGHT = 48;
+const HEADER_PADDING = BoxModel.padding / 2;
+
+ColorSchemeRegistry.register('Header', {
+
+    /**
+     * Style of a disabled button in the header (e.g. Next).
+     */
+    disabledButtonText: {
+        opacity: 0.6
+    },
+
+    /**
+     * Platform specific header button (e.g. Back, menu, etc).
+     */
+    headerButtonIcon: {
+        alignSelf: 'center',
+        color: schemeColor('icon'),
+        fontSize: 22,
+        marginRight: 12,
+        padding: 8
+    },
+
+    headerButtonText: {
+        color: schemeColor('text'),
+        fontSize: HEADER_FONT_SIZE
+    },
+
+    /**
+     * Style of the header overlay to cover the unsafe areas.
+     */
+    headerOverlay: {
+        backgroundColor: schemeColor('background')
+    },
+
+    /**
+     * Generic style for a label placed in the header.
+     */
+    headerText: {
+        color: schemeColor('text'),
+        fontSize: HEADER_FONT_SIZE
+    },
+
+    headerTextWrapper: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        left: 0,
+        position: 'absolute',
+        right: 0
+    },
+
+    /**
+     * The top-level element of a page.
+     */
+    page: {
+        ...StyleSheet.absoluteFillObject,
+        alignItems: 'stretch',
+        flex: 1,
+        flexDirection: 'column',
+        overflow: 'hidden'
+    },
+
+    /**
+     * Base style of Header.
+     */
+    screenHeader: {
+        alignItems: 'center',
+        backgroundColor: schemeColor('background'),
+        flexDirection: 'row',
+        height: HEADER_HEIGHT,
+        justifyContent: 'space-between',
+        paddingHorizontal: BoxModel.padding,
+        paddingVertical: HEADER_PADDING
+    },
+
+    statusBar: schemeColor('statusBar'),
+
+    statusBarContent: schemeColor('statusBarContent')
+});
diff --git a/react/features/base/react/components/native/indicatorStyles.ts b/react/features/base/react/components/native/indicatorStyles.ts
new file mode 100644
index 0000000..032478a
--- /dev/null
+++ b/react/features/base/react/components/native/indicatorStyles.ts
@@ -0,0 +1,19 @@
+import { ColorPalette } from '../../../styles/components/styles/ColorPalette';
+
+export default {
+
+    /**
+     * Base indicator style.
+     */
+    indicator: {
+        backgroundColor: ColorPalette.transparent,
+        padding: 2,
+        color: ColorPalette.white,
+        fontSize: 16,
+        textShadowColor: ColorPalette.black,
+        textShadowOffset: {
+            height: -1,
+            width: 0
+        }
+    }
+};
diff --git a/react/features/base/react/components/native/slidingviewstyles.ts b/react/features/base/react/components/native/slidingviewstyles.ts
new file mode 100644
index 0000000..e898a1b
--- /dev/null
+++ b/react/features/base/react/components/native/slidingviewstyles.ts
@@ -0,0 +1,29 @@
+import { StyleSheet } from 'react-native';
+
+import { OVERLAY_Z_INDEX } from '../../constants';
+
+export default {
+    /**
+     * The topmost container of the side bar.
+     */
+    sliderViewContainer: {
+        ...StyleSheet.absoluteFillObject,
+        zIndex: OVERLAY_Z_INDEX
+    },
+
+    /**
+     * The container of the actual content of the side menu.
+     */
+    sliderViewContent: {
+        position: 'absolute'
+    },
+
+    /**
+     * The opaque area that covers the rest of the screen, when the side bar is
+     * open.
+     */
+    sliderViewShadow: {
+        ...StyleSheet.absoluteFillObject,
+        backgroundColor: 'rgba(0, 0, 0, 0.5)'
+    }
+};
diff --git a/react/features/base/react/components/native/styles.ts b/react/features/base/react/components/native/styles.ts
new file mode 100644
index 0000000..8eb22e9
--- /dev/null
+++ b/react/features/base/react/components/native/styles.ts
@@ -0,0 +1,154 @@
+import BaseTheme from '../../../ui/components/BaseTheme.native';
+
+const OVERLAY_FONT_COLOR = 'rgba(255, 255, 255, 0.6)';
+const BUTTON_HEIGHT = BaseTheme.spacing[7];
+const BUTTON_WIDTH = BaseTheme.spacing[7];
+
+export const AVATAR_SIZE = 65;
+export const UNDERLAY_COLOR = 'rgba(255, 255, 255, 0.2)';
+
+const SECTION_LIST_STYLES = {
+    /**
+     * The style of the avatar container that makes the avatar rounded.
+     */
+    avatarContainer: {
+        alignItems: 'center',
+        flexDirection: 'row',
+        justifyContent: 'space-around',
+        padding: 5
+    },
+
+    /**
+     * Simple {@code Text} content of the avatar (the actual initials).
+     */
+    avatarContent: {
+        backgroundColor: 'rgba(0, 0, 0, 0)',
+        color: OVERLAY_FONT_COLOR,
+        fontSize: Math.floor(AVATAR_SIZE / 2),
+        fontWeight: '100',
+        textAlign: 'center'
+    },
+
+    /**
+     * The top level container style of the list.
+     */
+    container: {
+        flex: 1,
+        width: '100%'
+    },
+
+    list: {
+        flex: 1,
+        flexDirection: 'column'
+    },
+
+    listItem: {
+        alignItems: 'center',
+        flex: 1,
+        flexDirection: 'row',
+        marginHorizontal: BaseTheme.spacing[3],
+        marginVertical: BaseTheme.spacing[2]
+    },
+
+    listItemDetails: {
+        flex: 1,
+        flexDirection: 'column',
+        overflow: 'hidden',
+        paddingHorizontal: 5
+    },
+
+    listItemText: {
+        color: OVERLAY_FONT_COLOR,
+        fontSize: 14
+    },
+
+    listItemTitle: {
+        fontWeight: 'bold',
+        fontSize: 16
+    },
+
+    listSection: {
+        alignItems: 'center',
+        backgroundColor: BaseTheme.palette.ui02,
+        flex: 1,
+        flexDirection: 'row',
+        paddingVertical: BaseTheme.spacing[1],
+        paddingHorizontal: BaseTheme.spacing[2]
+    },
+
+    listSectionText: {
+        color: OVERLAY_FONT_COLOR,
+        fontSize: 14,
+        fontWeight: 'normal',
+        marginLeft: BaseTheme.spacing[2]
+    },
+
+    pullToRefresh: {
+        alignItems: 'center',
+        flex: 1,
+        flexDirection: 'column',
+        justifyContent: 'center',
+        padding: 20
+    },
+
+    pullToRefreshIcon: {
+        backgroundColor: 'transparent',
+        color: OVERLAY_FONT_COLOR,
+        fontSize: 20
+    },
+
+    pullToRefreshText: {
+        backgroundColor: 'transparent',
+        color: OVERLAY_FONT_COLOR
+    },
+
+    touchableView: {
+        flexDirection: 'row'
+    }
+};
+
+export const TINTED_VIEW_DEFAULT = {
+    backgroundColor: BaseTheme.palette.uiBackground,
+    opacity: 0.8
+};
+
+export const BASE_INDICATOR = {
+    alignItems: 'center',
+    justifyContent: 'center'
+};
+
+const iconButtonContainer = {
+    alignItems: 'center',
+    display: 'flex',
+    justifyContent: 'center',
+    borderRadius: BaseTheme.shape.borderRadius,
+    height: BUTTON_HEIGHT,
+    width: BUTTON_WIDTH
+};
+
+/**
+ * The styles of the generic React {@code Component}s implemented by the feature
+ * base/react.
+ */
+export default {
+    ...SECTION_LIST_STYLES,
+
+    iconButtonContainer: {
+        ...iconButtonContainer
+    },
+
+    iconButtonContainerPrimary: {
+        ...iconButtonContainer,
+        backgroundColor: BaseTheme.palette.action01
+    },
+
+    iconButtonContainerSecondary: {
+        ...iconButtonContainer,
+        backgroundColor: BaseTheme.palette.action02
+    },
+
+    iconButtonContainerDisabled: {
+        ...iconButtonContainer,
+        backgroundColor: BaseTheme.palette.disabled01
+    }
+};
diff --git a/react/features/base/react/components/web/BaseIndicator.tsx b/react/features/base/react/components/web/BaseIndicator.tsx
new file mode 100644
index 0000000..8787990
--- /dev/null
+++ b/react/features/base/react/components/web/BaseIndicator.tsx
@@ -0,0 +1,119 @@
+import React from 'react';
+import { WithTranslation } from 'react-i18next';
+import { makeStyles } from 'tss-react/mui';
+
+import { translate } from '../../../i18n/functions';
+import Icon from '../../../icons/components/Icon';
+import Tooltip from '../../../tooltip/components/Tooltip';
+import { TOOLTIP_POSITION } from '../../../ui/constants.any';
+import { pixelsToRem } from '../../../ui/functions.any';
+
+/**
+ * The type of the React {@code Component} props of {@link BaseIndicator}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * Additional CSS class name.
+     */
+    className?: string;
+
+    /**
+     * The icon component to use.
+     */
+    icon: Function;
+
+    /**
+     * The CSS classnames to set on the icon element of the component.
+    */
+    iconClassName?: string;
+
+    /**
+     * The color of the icon.
+     */
+    iconColor?: string;
+
+    /**
+     * Id of the icon to be rendered.
+     */
+    iconId?: string;
+
+    /**
+     * The font size for the icon.
+     */
+    iconSize: number;
+
+    /**
+     * The ID attribute to set on the root element of the component.
+     */
+    id?: string;
+
+    /**
+     * The translation key to use for displaying a tooltip when hovering over
+     * the component.
+     */
+    tooltipKey: string;
+
+    /**
+     * From which side of the indicator the tooltip should appear from,
+     * defaulting to "top".
+     */
+    tooltipPosition: TOOLTIP_POSITION;
+}
+
+const useStyles = makeStyles()(() => {
+    return {
+        indicator: {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center'
+        }
+    };
+});
+
+/**
+ * React {@code Component} for showing an icon with a tooltip.
+ *
+ * @returns {ReactElement}
+ */
+const BaseIndicator = ({
+    className = '',
+    icon,
+    iconClassName,
+    iconColor,
+    iconId,
+    iconSize,
+    id = '',
+    t,
+    tooltipKey,
+    tooltipPosition = 'top'
+}: IProps) => {
+    const { classes: styles } = useStyles();
+    const style: { fontSize?: string; } = {};
+
+    if (iconSize) {
+        style.fontSize = pixelsToRem(iconSize);
+    }
+
+    return (
+        <div className = { styles.indicator }>
+            <Tooltip
+                content = { t(tooltipKey) }
+                position = { tooltipPosition }>
+                <span
+                    className = { className }
+                    id = { id }>
+                    <Icon
+                        alt = { t(tooltipKey) }
+                        className = { iconClassName }
+                        color = { iconColor }
+                        id = { iconId }
+                        src = { icon }
+                        style = { style } />
+                </span>
+            </Tooltip>
+        </div>
+    );
+};
+
+export default translate(BaseIndicator);
diff --git a/react/features/base/react/components/web/Container.ts b/react/features/base/react/components/web/Container.ts
new file mode 100644
index 0000000..fbd2046
--- /dev/null
+++ b/react/features/base/react/components/web/Container.ts
@@ -0,0 +1,20 @@
+import AbstractContainer, { IProps } from '../AbstractContainer';
+
+/**
+ * Represents a container of React/Web {@link Component} children with a style.
+ *
+ * @augments AbstractContainer
+ */
+export default class Container<P extends IProps> extends AbstractContainer<P> {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { visible = true } = this.props;
+
+        return visible ? super._render('div') : null;
+    }
+}
diff --git a/react/features/base/react/components/web/Image.ts b/react/features/base/react/components/web/Image.ts
new file mode 100644
index 0000000..2b34507
--- /dev/null
+++ b/react/features/base/react/components/web/Image.ts
@@ -0,0 +1,19 @@
+import React, { Component } from 'react';
+
+/**
+ * Implements a React/Web {@link Component} for displaying image
+ * in order to facilitate cross-platform source code.
+ *
+ * @augments Component
+ */
+export default class Image extends Component<React.HTMLProps<HTMLImageElement>> {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        return React.createElement('img', this.props);
+    }
+}
diff --git a/react/features/base/react/components/web/InlineDialogFailure.tsx b/react/features/base/react/components/web/InlineDialogFailure.tsx
new file mode 100644
index 0000000..c85d395
--- /dev/null
+++ b/react/features/base/react/components/web/InlineDialogFailure.tsx
@@ -0,0 +1,88 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import Button from '../../../ui/components/web/Button';
+import { getSupportUrl } from '../../functions';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        dialog: {
+            backgroundColor: theme.palette.ui01,
+            border: `1px solid ${theme.palette.ui04}`,
+            borderRadius: `${Number(theme.shape.borderRadius)}px`,
+            boxShadow: '0px 1px 2px rgba(41, 41, 41, 0.25)',
+            color: theme.palette.text01,
+            ...theme.typography.bodyShortRegular,
+            padding: `${theme.spacing(3)} 10`,
+            '& .retry-button': {
+                margin: '16px auto 0 auto'
+            }
+        }
+    };
+});
+
+/**
+ * The type of the React {@code Component} props of {@link InlineDialogFailure}.
+ */
+interface IProps {
+
+    /**
+     * Allows to retry the call that previously didn't succeed.
+     */
+    onRetry: Function;
+
+    /**
+     * Indicates whether the support link should be shown in case of an error.
+     */
+    showSupportLink: Boolean;
+}
+
+/**
+ * Inline dialog that represents a failure and allows a retry.
+ *
+ * @returns {Element}
+ */
+const InlineDialogFailure = ({
+    onRetry,
+    showSupportLink
+}: IProps) => {
+    const { t } = useTranslation();
+    const { classes } = useStyles();
+
+    const supportLink = useSelector(getSupportUrl);
+    const supportString = t('inlineDialogFailure.supportMsg');
+    const supportLinkElem = supportLink && showSupportLink
+        ? (
+            <div>
+                <span>{ supportString.padEnd(supportString.length + 1) }
+                </span>
+                <span>
+                    <a
+                        href = { supportLink }
+                        rel = 'noopener noreferrer'
+                        target = '_blank'>
+                        { t('inlineDialogFailure.support') }
+                    </a>
+                </span>
+                <span>.</span>
+            </div>
+        )
+        : null;
+
+    return (
+        <div className = { classes.dialog }>
+            <div>
+                { t('inlineDialogFailure.msg') }
+            </div>
+            { supportLinkElem }
+            <Button
+                className = 'retry-button'
+                label = { t('inlineDialogFailure.retry') }
+                onClick = { onRetry } />
+        </div>
+    );
+};
+
+export default InlineDialogFailure;
diff --git a/react/features/base/react/components/web/Linkify.tsx b/react/features/base/react/components/web/Linkify.tsx
new file mode 100644
index 0000000..477d730
--- /dev/null
+++ b/react/features/base/react/components/web/Linkify.tsx
@@ -0,0 +1,51 @@
+import React, { Component, ReactNode } from 'react';
+import ReactLinkify from 'react-linkify';
+
+import { formatURLText } from '../../functions';
+
+interface IProps {
+
+    /**
+     * The children of the component.
+     */
+    children: ReactNode;
+}
+
+/**
+ * Implements a react wrapper for the react-linkify component.
+ */
+export default class Linkify extends Component<IProps> {
+    /**
+     * Implements {@Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        return (
+            <ReactLinkify
+                componentDecorator = { this._componentDecorator }>
+                { this.props.children }
+            </ReactLinkify>
+        );
+    }
+
+    /**
+     * Implements a component decorator for react-linkify.
+     *
+     * @param {string} decoratedHref - The href src.
+     * @param {string} decoratedText - The link text.
+     * @param {string} key - The component key.
+     * @returns {React$Node}
+     */
+    _componentDecorator(decoratedHref: string, decoratedText: string, key: number) {
+        return (
+            <a
+                href = { decoratedHref }
+                key = { key }
+                rel = 'noopener noreferrer'
+                target = '_blank'>
+                { formatURLText(decoratedText) }
+            </a>
+        );
+    }
+}
diff --git a/react/features/base/react/components/web/LoadingIndicator.ts b/react/features/base/react/components/web/LoadingIndicator.ts
new file mode 100644
index 0000000..1107469
--- /dev/null
+++ b/react/features/base/react/components/web/LoadingIndicator.ts
@@ -0,0 +1 @@
+export { default } from '../../../ui/components/web/Spinner';
diff --git a/react/features/base/react/components/web/MeetingsList.tsx b/react/features/base/react/components/web/MeetingsList.tsx
new file mode 100644
index 0000000..bb0cacb
--- /dev/null
+++ b/react/features/base/react/components/web/MeetingsList.tsx
@@ -0,0 +1,278 @@
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+
+import { getLocalizedDateFormatter, getLocalizedDurationFormatter } from '../../../i18n/dateUtil';
+import { translate } from '../../../i18n/functions';
+import Icon from '../../../icons/components/Icon';
+import { IconTrash } from '../../../icons/svg';
+
+import Container from './Container';
+import Text from './Text';
+
+interface IMeeting {
+    date: Date;
+    duration?: number;
+    elementAfter?: React.ReactElement;
+    time: Date[];
+    title: string;
+    url: string;
+}
+
+interface IProps extends WithTranslation {
+
+    /**
+     * Indicates if the list is disabled or not.
+     */
+    disabled: boolean;
+
+    /**
+     * Indicates if the URL should be hidden or not.
+     */
+    hideURL?: boolean;
+
+    /**
+     * Rendered when the list is empty. Should be a rendered element.
+     */
+    listEmptyComponent: React.ReactNode;
+
+    /**
+     * An array of meetings.
+     */
+    meetings: IMeeting[];
+
+    /**
+     * Handler for deleting an item.
+     */
+    onItemDelete?: Function;
+
+    /**
+     * Function to be invoked when an item is pressed. The item's URL is passed.
+     */
+    onPress: Function;
+}
+
+/**
+ * Generates a date string for a given date.
+ *
+ * @param {Object} date - The date.
+ * @private
+ * @returns {string}
+ */
+function _toDateString(date: Date) {
+    return getLocalizedDateFormatter(date).format('ll');
+}
+
+
+/**
+ * Generates a time (interval) string for a given times.
+ *
+ * @param {Array<Date>} times - Array of times.
+ * @private
+ * @returns {string}
+ */
+function _toTimeString(times: Date[]) {
+    if (times && times.length > 0) {
+        return (
+            times
+                .map(time => getLocalizedDateFormatter(time).format('LT'))
+                .join(' - '));
+    }
+
+    return undefined;
+}
+
+/**
+ * Implements a React/Web {@link Component} for displaying a list with
+ * meetings.
+ *
+ * @augments Component
+ */
+class MeetingsList extends Component<IProps> {
+    /**
+     * Constructor of the MeetingsList component.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._onPress = this._onPress.bind(this);
+        this._renderItem = this._renderItem.bind(this);
+    }
+
+    /**
+     * Renders the content of this component.
+     *
+     * @returns {React.ReactNode}
+     */
+    override render() {
+        const { listEmptyComponent, meetings } = this.props;
+
+        /**
+         * If there are no recent meetings we don't want to display anything.
+         */
+        if (meetings) {
+            return (
+                <Container className = 'meetings-list'>
+                    {
+                        meetings.length === 0
+                            ? listEmptyComponent
+                            : meetings.map(this._renderItem)
+                    }
+                </Container>
+            );
+        }
+
+        return null;
+    }
+
+    /**
+     * Returns a function that is used in the onPress callback of the items.
+     *
+     * @param {string} url - The URL of the item to navigate to.
+     * @private
+     * @returns {Function}
+     */
+    _onPress(url: string) {
+        const { disabled, onPress } = this.props;
+
+        if (!disabled && url && typeof onPress === 'function') {
+            return () => onPress(url);
+        }
+
+        return undefined;
+    }
+
+    /**
+     * Returns a function that is used in the onPress callback of the items.
+     *
+     * @param {string} url - The URL of the item to navigate to.
+     * @private
+     * @returns {Function}
+     */
+    _onKeyPress(url: string) {
+        const { disabled, onPress } = this.props;
+
+        if (!disabled && url && typeof onPress === 'function') {
+            return (e: React.KeyboardEvent) => {
+                if (e.key === ' ' || e.key === 'Enter') {
+                    onPress(url);
+                }
+            };
+        }
+
+        return undefined;
+    }
+
+    /**
+     * Returns a function that is used on the onDelete callback.
+     *
+     * @param {Object} item - The item to be deleted.
+     * @private
+     * @returns {Function}
+     */
+    _onDelete(item: Object) {
+        const { onItemDelete } = this.props;
+
+        return (evt?: React.MouseEvent) => {
+            evt?.stopPropagation();
+
+            onItemDelete?.(item);
+        };
+    }
+
+    /**
+     * Returns a function that is used on the onDelete keypress callback.
+     *
+     * @param {Object} item - The item to be deleted.
+     * @private
+     * @returns {Function}
+     */
+    _onDeleteKeyPress(item: Object) {
+        const { onItemDelete } = this.props;
+
+        return (e: React.KeyboardEvent) => {
+            if (onItemDelete && (e.key === ' ' || e.key === 'Enter')) {
+                e.preventDefault();
+                e.stopPropagation();
+                onItemDelete(item);
+            }
+        };
+    }
+
+    /**
+     * Renders an item for the list.
+     *
+     * @param {Object} meeting - Information about the meeting.
+     * @param {number} index - The index of the item.
+     * @returns {Node}
+     */
+    _renderItem(meeting: IMeeting, index: number) {
+        const {
+            date,
+            duration,
+            elementAfter,
+            time,
+            title,
+            url
+        } = meeting;
+        const { hideURL = false, onItemDelete, t } = this.props;
+        const onPress = this._onPress(url);
+        const onKeyPress = this._onKeyPress(url);
+        const rootClassName
+            = `item ${
+                onPress ? 'with-click-handler' : 'without-click-handler'}`;
+
+        return (
+            <Container
+                className = { rootClassName }
+                key = { index }
+                onClick = { onPress }
+                tabIndex = { 0 }>
+                <Container className = 'right-column'>
+                    <Text
+                        className = 'title'
+                        onClick = { onPress }
+                        onKeyPress = { onKeyPress }
+                        role = 'button'>
+                        { title }
+                    </Text>
+                    {
+                        hideURL || !url ? null : (
+                            <Text>
+                                { url }
+                            </Text>)
+                    }
+                    {
+                        typeof duration === 'number' ? (
+                            <Text className = 'subtitle'>
+                                { getLocalizedDurationFormatter(duration) }
+                            </Text>) : null
+                    }
+                </Container>
+                <Container className = 'left-column'>
+                    <Text className = 'title'>
+                        { _toDateString(date) }
+                    </Text>
+                    <Text className = 'subtitle'>
+                        { _toTimeString(time) }
+                    </Text>
+                </Container>
+                <Container className = 'actions'>
+                    { elementAfter || null }
+
+                    { onItemDelete && <Icon
+                        ariaLabel = { t('welcomepage.recentListDelete') }
+                        className = 'delete-meeting'
+                        onClick = { this._onDelete(meeting) }
+                        onKeyPress = { this._onDeleteKeyPress(meeting) }
+                        role = 'button'
+                        src = { IconTrash }
+                        tabIndex = { 0 } />}
+                </Container>
+            </Container>
+        );
+    }
+}
+
+export default translate(MeetingsList);
diff --git a/react/features/base/react/components/web/Message.tsx b/react/features/base/react/components/web/Message.tsx
new file mode 100644
index 0000000..c4235f2
--- /dev/null
+++ b/react/features/base/react/components/web/Message.tsx
@@ -0,0 +1,131 @@
+import React, { Component, ReactNode } from 'react';
+import { toArray } from 'react-emoji-render';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../../app/types';
+import GifMessage from '../../../../chat/components/web/GifMessage';
+import { extractGifURL, isGifEnabled, isGifMessage } from '../../../../gifs/functions.web';
+
+import Linkify from './Linkify';
+
+interface IProps {
+
+    /**
+     * Whether the gifs are enabled or not.
+     */
+    gifEnabled: boolean;
+
+    /**
+     * Message decoration for screen reader.
+     */
+    screenReaderHelpText?: string;
+
+    /**
+     * The body of the message.
+     */
+    text: string;
+}
+
+/**
+ * Renders the content of a chat message.
+ */
+class Message extends Component<IProps> {
+    /**
+     * Initializes a new {@code Message} instance.
+     *
+     * @param {IProps} props - The props of the component.
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handlers so they are only bound once for every instance
+        this._processMessage = this._processMessage.bind(this);
+    }
+
+    /**
+     * Parses and builds the message tokens to include emojis and urls.
+     *
+     * @returns {Array<string|ReactElement>}
+     */
+    _processMessage() {
+        const { text } = this.props;
+        const message: (string | ReactNode)[] = [];
+
+        // Tokenize the text in order to avoid emoji substitution for URLs
+        const tokens = text ? text.split(' ') : [];
+        const content: any[] = [];
+        const { gifEnabled } = this.props;
+
+        // Check if the message is a GIF
+        if (gifEnabled && isGifMessage(text)) {
+            const url = extractGifURL(text);
+
+            content.push(<GifMessage
+                key = { url }
+                url = { url } />);
+        } else {
+            for (const token of tokens) {
+
+                if (token.includes('://') || token.startsWith('@')) {
+
+                    // Bypass the emojification when urls or matrix ids are involved
+                    content.push(token);
+                } else {
+                    const emojified = [ ...toArray(token, { className: 'smiley' }) ];
+
+                    content.push(
+                        ...emojified.some(item => typeof item === 'string') ? [ token ] : emojified
+                    );
+                }
+
+                content.push(' ');
+            }
+        }
+
+        content.forEach((token, index) => {
+            if (typeof token === 'string' && token !== ' ') {
+                message.push(<Linkify key = { `${token}-${index}` }>{ token }</Linkify>);
+            } else {
+                message.push(token);
+            }
+        });
+
+        return message;
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { screenReaderHelpText } = this.props;
+
+        return (
+            <p>
+                { screenReaderHelpText && (
+                    <span className = 'sr-only'>
+                        {screenReaderHelpText}
+                    </span>
+                ) }
+
+                { this._processMessage() }
+            </p>
+        );
+    }
+}
+
+/**
+ * Maps part of the redux state to the props of this component.
+ *
+ * @param {IReduxState} state - The Redux state.
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    return {
+        gifEnabled: isGifEnabled(state)
+    };
+}
+
+export default connect(_mapStateToProps)(Message);
diff --git a/react/features/base/react/components/web/MultiSelectAutocomplete.tsx b/react/features/base/react/components/web/MultiSelectAutocomplete.tsx
new file mode 100644
index 0000000..f9ed1f1
--- /dev/null
+++ b/react/features/base/react/components/web/MultiSelectAutocomplete.tsx
@@ -0,0 +1,321 @@
+import { debounce } from 'lodash-es';
+import React, { Component } from 'react';
+
+import { MultiSelectItem } from '../../../ui/components/types';
+import MultiSelect from '../../../ui/components/web/MultiSelect';
+import logger from '../../logger';
+
+import InlineDialogFailure from './InlineDialogFailure';
+
+/**
+ * The type of the React {@code Component} props of
+ * {@link MultiSelectAutocomplete}.
+ */
+interface IProps {
+
+    /**
+     * The default value of the selected item.
+     */
+    defaultValue?: Array<any>;
+
+    /**
+     * Optional footer to show as a last element in the results.
+     * Should be of type {content: <some content>}.
+     */
+    footer?: any;
+
+    /**
+     * Id for the included input, necessary for screen readers.
+     */
+    id: string;
+
+    /**
+     * Indicates if the component is disabled.
+     */
+    isDisabled: boolean;
+
+    /**
+     * Text to display while a query is executing.
+     */
+    loadingMessage: string;
+
+    /**
+     * The text to show when no matches are found.
+     */
+    noMatchesFound: string;
+
+    /**
+     * The function called immediately before a selection has been actually
+     * selected. Provides an opportunity to do any formatting.
+     */
+    onItemSelected: Function;
+
+    /**
+     * The function called when the selection changes.
+     */
+    onSelectionChange: Function;
+
+    /**
+     * The placeholder text of the input component.
+     */
+    placeholder: string;
+
+    /**
+     * The service providing the search.
+     */
+    resourceClient: { makeQuery: Function; parseResults: Function; };
+
+    /**
+     * Indicates if the component should fit the container.
+     */
+    shouldFitContainer: boolean;
+
+    /**
+     * Indicates if we should focus.
+     */
+    shouldFocus: boolean;
+
+    /**
+     * Indicates whether the support link should be shown in case of an error.
+     */
+    showSupportLink: Boolean;
+}
+
+/**
+ * The type of the React {@code Component} state of
+ * {@link MultiSelectAutocomplete}.
+ */
+interface IState {
+
+    /**
+     * Indicates if there was an error.
+     */
+    error: boolean;
+
+    /**
+     * The text that filters the query result of the search.
+     */
+    filterValue: string;
+
+    /**
+     * Indicates if the dropdown is open.
+     */
+    isOpen: boolean;
+
+    /**
+     * The list of result items.
+     */
+    items: Array<MultiSelectItem>;
+
+    /**
+     * Indicates if the component is currently loading results.
+     */
+    loading: boolean;
+
+    /**
+     * The list of selected items.
+     */
+    selectedItems: Array<MultiSelectItem>;
+}
+
+/**
+ * A MultiSelect that is also auto-completing.
+ */
+class MultiSelectAutocomplete extends Component<IProps, IState> {
+    /**
+     * Initializes a new {@code MultiSelectAutocomplete} instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        const defaultValue = this.props.defaultValue || [];
+
+        this.state = {
+            isOpen: false,
+            filterValue: '',
+            loading: false,
+            error: false,
+            items: [],
+            selectedItems: [ ...defaultValue ]
+        };
+
+        this._onFilterChange = this._onFilterChange.bind(this);
+        this._onRetry = this._onRetry.bind(this);
+        this._onSelectionChange = this._onSelectionChange.bind(this);
+        this._sendQuery = debounce(this._sendQuery.bind(this), 200);
+    }
+
+    /**
+     * Sets the items to display as selected.
+     *
+     * @param {Array<MultiSelectItem>} selectedItems - The list of items to display as
+     * having been selected.
+     * @returns {void}
+     */
+    setSelectedItems(selectedItems: Array<MultiSelectItem> = []) {
+        this.setState({ selectedItems });
+    }
+
+    /**
+     * Renders the content of this component.
+     *
+     * @returns {ReactElement}
+     */
+    override render() {
+        const autoFocus = this.props.shouldFocus || false;
+        const disabled = this.props.isDisabled || false;
+        const placeholder = this.props.placeholder || '';
+        const noMatchesFound = this.state.loading ? this.props.loadingMessage : this.props.noMatchesFound || '';
+        const errorDialog = this._renderError();
+
+        return (
+            <div>
+                <MultiSelect
+                    autoFocus = { autoFocus }
+                    disabled = { disabled }
+                    error = { this.state.error }
+                    errorDialog = { errorDialog }
+                    filterValue = { this.state.filterValue }
+                    id = { this.props.id }
+                    isOpen = { this.state.isOpen }
+                    items = { this.state.items }
+                    noMatchesText = { noMatchesFound }
+                    onFilterChange = { this._onFilterChange }
+                    onRemoved = { this._onSelectionChange }
+                    onSelected = { this._onSelectionChange }
+                    placeholder = { placeholder }
+                    selectedItems = { this.state.selectedItems } />
+            </div>
+        );
+    }
+
+
+    /**
+     * Sets the state and sends a query on filter change.
+     *
+     * @param {string} filterValue - The filter text value.
+     * @private
+     * @returns {void}
+     */
+    _onFilterChange(filterValue: string) {
+        this.setState({
+            // Clean the error if the filterValue is empty.
+            error: this.state.error && Boolean(filterValue),
+            filterValue,
+            isOpen: Boolean(this.state.items.length) && Boolean(filterValue),
+            items: [],
+            loading: Boolean(filterValue)
+        });
+        if (filterValue) {
+            this._sendQuery(filterValue);
+        }
+    }
+
+    /**
+     * Retries the query on retry.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onRetry() {
+        this._sendQuery(this.state.filterValue);
+    }
+
+    /**
+     * Updates the selected items when a selection event occurs.
+     *
+     * @param {any} item - The selected item.
+     * @private
+     * @returns {void}
+     */
+    _onSelectionChange(item: any) {
+        const existing
+            = this.state.selectedItems.find((k: any) => k.value === item.value);
+        let selectedItems = this.state.selectedItems;
+
+        if (existing) {
+            selectedItems = selectedItems.filter(k => k !== existing);
+        } else {
+            selectedItems.push(this.props.onItemSelected(item));
+        }
+        this.setState({
+            isOpen: false,
+            selectedItems
+        });
+
+        if (this.props.onSelectionChange) {
+            this.props.onSelectionChange(selectedItems);
+        }
+    }
+
+    /**
+     * Renders the error UI.
+     *
+     * @returns {ReactElement|null}
+     */
+    _renderError() {
+        if (!this.state.error) {
+            return null;
+        }
+
+        return (
+
+            <InlineDialogFailure
+                onRetry = { this._onRetry }
+                showSupportLink = { this.props.showSupportLink } />
+        );
+    }
+
+    /**
+     * Sends a query to the resourceClient.
+     *
+     * @param {string} filterValue - The string to use for the search.
+     * @returns {void}
+     */
+    _sendQuery(filterValue: string) {
+        if (!filterValue) {
+            return;
+        }
+
+        this.setState({
+            error: false
+        });
+
+        const resourceClient = this.props.resourceClient || {
+            makeQuery: () => Promise.resolve([]),
+            parseResults: (results: any) => results
+        };
+
+        resourceClient.makeQuery(filterValue)
+            .then((results: any) => {
+                if (this.state.filterValue !== filterValue) {
+                    this.setState({
+                        error: false
+                    });
+
+                    return;
+                }
+
+                this.setState({
+                    items: resourceClient.parseResults(results),
+                    isOpen: true,
+                    loading: false,
+                    error: false
+                });
+            })
+            .catch((error: Error) => {
+                logger.error('MultiSelectAutocomplete error in query', error);
+
+                this.setState({
+                    error: true,
+                    loading: false,
+                    isOpen: false
+                });
+            });
+    }
+}
+
+export default MultiSelectAutocomplete;
diff --git a/react/features/base/react/components/web/NavigateSectionListEmptyComponent.ts b/react/features/base/react/components/web/NavigateSectionListEmptyComponent.ts
new file mode 100644
index 0000000..e69de29
diff --git a/react/features/base/react/components/web/NavigateSectionListItem.tsx b/react/features/base/react/components/web/NavigateSectionListItem.tsx
new file mode 100644
index 0000000..729e868
--- /dev/null
+++ b/react/features/base/react/components/web/NavigateSectionListItem.tsx
@@ -0,0 +1,88 @@
+import React, { Component } from 'react';
+
+import { Item } from '../../types';
+
+import Container from './Container';
+import Text from './Text';
+
+/**
+ * The type of the React {@code Component} props of
+ * {@link NavigateSectionListItem}.
+ */
+interface IProps {
+
+    /**
+     * A item containing data to be rendered.
+     */
+    item: Item;
+
+    /**
+     * Function to be invoked when an item is pressed. The item's URL is passed.
+     */
+    onPress?: Function;
+}
+
+/**
+ * Implements a React/Web {@link Component} for displaying an item in a
+ * NavigateSectionList.
+ *
+ * @augments Component
+ */
+export default class NavigateSectionListItem<P extends IProps>
+    extends Component<P> {
+
+    /**
+     * Renders the content of this component.
+     *
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { elementAfter, lines, title } = this.props.item;
+        const { onPress } = this.props;
+
+        /**
+         * Initializes the date and duration of the conference to the an empty
+         * string in case for some reason there is an error where the item data
+         * lines doesn't contain one or both of those values (even though this
+         * unlikely the app shouldn't break because of it).
+         *
+         * @type {string}
+         */
+        let date = '';
+        let duration = '';
+
+        if (lines[0]) {
+            date = lines[0];
+        }
+        if (lines[1]) {
+            duration = lines[1];
+        }
+
+        const rootClassName = `navigate-section-list-tile ${
+            onPress ? 'with-click-handler' : 'without-click-handler'}`;
+
+        return (
+            <Container
+                className = { rootClassName }
+                onClick = { onPress }>
+                <Container className = 'navigate-section-list-tile-info'>
+                    <Text
+                        className = 'navigate-section-tile-title'>
+                        { title }
+                    </Text>
+                    <Text
+                        className = 'navigate-section-tile-body'>
+                        { date }
+                    </Text>
+                    <Text
+                        className = 'navigate-section-tile-body'>
+                        { duration }
+                    </Text>
+                </Container>
+                <Container className = { 'element-after' }>
+                    { elementAfter || null }
+                </Container>
+            </Container>
+        );
+    }
+}
diff --git a/react/features/base/react/components/web/NavigateSectionListSectionHeader.tsx b/react/features/base/react/components/web/NavigateSectionListSectionHeader.tsx
new file mode 100644
index 0000000..ac45114
--- /dev/null
+++ b/react/features/base/react/components/web/NavigateSectionListSectionHeader.tsx
@@ -0,0 +1,34 @@
+import React, { Component } from 'react';
+
+import { Section } from '../../types';
+
+import Text from './Text';
+
+interface IProps {
+
+    /**
+     * A section containing the data to be rendered.
+     */
+    section: Section;
+}
+
+/**
+ * Implements a React/Web {@link Component} that renders the section header of
+ * the list.
+ *
+ * @augments Component
+ */
+export default class NavigateSectionListSectionHeader extends Component<IProps> {
+    /**
+     * Renders the content of this component.
+     *
+     * @returns {ReactElement}
+     */
+    override render() {
+        return (
+            <Text className = 'navigate-section-section-header'>
+                { this.props.section.title }
+            </Text>
+        );
+    }
+}
diff --git a/react/features/base/react/components/web/SectionList.tsx b/react/features/base/react/components/web/SectionList.tsx
new file mode 100644
index 0000000..3222e11
--- /dev/null
+++ b/react/features/base/react/components/web/SectionList.tsx
@@ -0,0 +1,97 @@
+import React, { Component } from 'react';
+
+import { Section } from '../../types';
+
+import Container from './Container';
+
+interface IProps {
+
+    /**
+     * Rendered when the list is empty. Should be a rendered element.
+     */
+    ListEmptyComponent: Object;
+
+    /**
+     * Used to extract a unique key for a given item at the specified index.
+     * Key is used for caching and as the react key to track item re-ordering.
+     */
+    keyExtractor: Function;
+
+    /**
+     * Defines what happens when  an item in the section list is clicked.
+     */
+    onItemClick: Function;
+
+    /**
+     * Returns a React component that renders each Item in the list.
+     */
+    renderItem: Function;
+
+    /**
+     * Returns a React component that renders the header for every section.
+     */
+    renderSectionHeader: Function;
+
+    /**
+     * An array of sections.
+     */
+    sections: Array<Section>;
+}
+
+/**
+ * Implements a React/Web {@link Component} for displaying a list with
+ * sections similar to React Native's {@code SectionList} in order to
+ * facilitate cross-platform source code.
+ *
+ * @augments Component
+ */
+export default class SectionList extends Component<IProps> {
+    /**
+     * Renders the content of this component.
+     *
+     * @returns {React.ReactNode}
+     */
+    override render() {
+        const {
+            ListEmptyComponent,
+            renderSectionHeader,
+            renderItem,
+            sections,
+            keyExtractor
+        } = this.props;
+
+        /**
+         * If there are no recent items we don't want to display anything.
+         */
+        if (sections) {
+            return (
+                <Container
+                    className = 'navigate-section-list'>
+                    {
+                        sections.length === 0
+                            ? ListEmptyComponent
+                            : sections.map((section, sectionIndex) => (
+                                <Container
+                                    key = { sectionIndex }>
+                                    { renderSectionHeader(section) }
+                                    { section.data
+                                        .map((item, listIndex) => {
+                                            const listItem = {
+                                                item
+                                            };
+
+                                            return renderItem(listItem,
+                                                keyExtractor(section,
+                                                    listIndex));
+                                        }) }
+                                </Container>
+                            )
+                            )
+                    }
+                </Container>
+            );
+        }
+
+        return null;
+    }
+}
diff --git a/react/features/base/react/components/web/Text.ts b/react/features/base/react/components/web/Text.ts
new file mode 100644
index 0000000..ba78680
--- /dev/null
+++ b/react/features/base/react/components/web/Text.ts
@@ -0,0 +1,27 @@
+import React, { Component } from 'react';
+
+import { StyleType, getFixedPlatformStyle } from '../../../styles/functions.web';
+
+/**
+ * Implements a React/Web {@link Component} for displaying text similar to React
+ * Native's {@code Text} in order to facilitate cross-platform source code.
+ *
+ * @augments Component
+ */
+export default class Text extends Component<React.HTMLProps<HTMLSpanElement>> {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        // eslint-disable-next-line react/prop-types
+        const _style = getFixedPlatformStyle(this.props.style as StyleType);
+
+        return React.createElement('span', {
+            ...this.props,
+            style: _style
+        });
+    }
+}
diff --git a/react/features/base/react/components/web/Watermarks.tsx b/react/features/base/react/components/web/Watermarks.tsx
new file mode 100644
index 0000000..1ed493f
--- /dev/null
+++ b/react/features/base/react/components/web/Watermarks.tsx
@@ -0,0 +1,265 @@
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../../app/types';
+import { isVpaasMeeting } from '../../../../jaas/functions';
+import { translate } from '../../../i18n/functions';
+
+/**
+ * The CSS style of the element with CSS class {@code rightwatermark}.
+ *
+ * @private
+ */
+const _RIGHT_WATERMARK_STYLE = {
+    backgroundImage: 'url(images/rightwatermark.png)'
+};
+
+/**
+ * The type of the React {@code Component} props of {@link Watermarks}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * The link used to navigate to on logo click.
+     */
+    _logoLink: string;
+
+    /**
+     * The url for the logo.
+     */
+    _logoUrl?: string;
+
+    /**
+     * If the Jitsi watermark should be displayed or not.
+     */
+    _showJitsiWatermark: boolean;
+
+    /**
+     * The default value for the Jitsi logo URL.
+     */
+    defaultJitsiLogoURL?: string;
+
+    /**
+     * Whether the watermark should have a `top` and `left` value.
+     */
+    noMargins: boolean;
+}
+
+/**
+ * The type of the React {@code Component} state of {@link Watermarks}.
+ */
+type State = {
+
+    /**
+     * The url to open when clicking the brand watermark.
+     */
+    brandWatermarkLink: string;
+
+    /**
+     * Whether or not the brand watermark should be displayed.
+     */
+    showBrandWatermark: boolean;
+
+    /**
+     * Whether or not the show the "powered by Jitsi.org" link.
+     */
+    showPoweredBy: boolean;
+};
+
+/**
+ * A Web Component which renders watermarks such as Jits, brand, powered by,
+ * etc.
+ */
+class Watermarks extends Component<IProps, State> {
+    /**
+     * Initializes a new Watermarks instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        const showBrandWatermark = interfaceConfig.SHOW_BRAND_WATERMARK;
+
+        this.state = {
+            brandWatermarkLink:
+                showBrandWatermark ? interfaceConfig.BRAND_WATERMARK_LINK : '',
+            showBrandWatermark,
+            showPoweredBy: interfaceConfig.SHOW_POWERED_BY
+        };
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        return (
+            <div>
+                {
+                    this._renderJitsiWatermark()
+                }
+                {
+                    this._renderBrandWatermark()
+                }
+                {
+                    this._renderPoweredBy()
+                }
+            </div>
+        );
+    }
+
+    /**
+     * Renders a brand watermark if it is enabled.
+     *
+     * @private
+     * @returns {ReactElement|null} Watermark element or null.
+     */
+    _renderBrandWatermark() {
+        let reactElement = null;
+
+        if (this.state.showBrandWatermark) {
+            reactElement = (
+                <div
+                    className = 'watermark rightwatermark'
+                    style = { _RIGHT_WATERMARK_STYLE } />
+            );
+
+            const { brandWatermarkLink } = this.state;
+
+            if (brandWatermarkLink) {
+                reactElement = (
+                    <a
+                        href = { brandWatermarkLink }
+                        target = '_new'>
+                        { reactElement }
+                    </a>
+                );
+            }
+        }
+
+        return reactElement;
+    }
+
+    /**
+     * Renders a Jitsi watermark if it is enabled.
+     *
+     * @private
+     * @returns {ReactElement|null}
+     */
+    _renderJitsiWatermark() {
+        const {
+            _logoLink,
+            _logoUrl,
+            _showJitsiWatermark
+        } = this.props;
+        const { noMargins, t } = this.props;
+        const className = `watermark leftwatermark ${noMargins ? 'no-margin' : ''}`;
+
+        let reactElement = null;
+
+        if (_showJitsiWatermark) {
+            const style = {
+                backgroundImage: `url(${_logoUrl})`,
+                position: _logoLink ? 'static' : 'absolute'
+            } as const;
+
+            reactElement = (<div
+                className = { className }
+                style = { style } />);
+
+            if (_logoLink) {
+                reactElement = (
+                    <a
+                        aria-label = { t('jitsiHome', { logo: interfaceConfig.APP_NAME }) }
+                        className = { className }
+                        href = { _logoLink }
+                        target = '_new'>
+                        { reactElement }
+                    </a>
+                );
+            }
+        }
+
+        return reactElement;
+    }
+
+    /**
+     * Renders a powered by block if it is enabled.
+     *
+     * @private
+     * @returns {ReactElement|null}
+     */
+    _renderPoweredBy() {
+        if (this.state.showPoweredBy) {
+            const { t } = this.props;
+
+            return (
+                <a
+                    className = 'poweredby'
+                    href = 'http://jitsi.org'
+                    target = '_new'>
+                    <span>{ t('poweredby') } jitsi.org</span>
+                </a>
+            );
+        }
+
+        return null;
+    }
+}
+
+/**
+ * Maps parts of Redux store to component prop types.
+ *
+ * @param {Object} state - Snapshot of Redux store.
+ * @param {Object} ownProps - Component's own props.
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState, ownProps: any) {
+    const {
+        customizationReady,
+        customizationFailed,
+        defaultBranding,
+        useDynamicBrandingData,
+        logoClickUrl,
+        logoImageUrl
+    } = state['features/dynamic-branding'];
+    const isValidRoom = state['features/base/conference'].room;
+    const { defaultLogoUrl } = state['features/base/config'];
+    const {
+        JITSI_WATERMARK_LINK,
+        SHOW_JITSI_WATERMARK
+    } = interfaceConfig;
+    let _showJitsiWatermark = (
+        customizationReady && !customizationFailed
+        && SHOW_JITSI_WATERMARK)
+    || !isValidRoom;
+    let _logoUrl: string | undefined = logoImageUrl;
+    let _logoLink = logoClickUrl;
+
+    if (useDynamicBrandingData) {
+        if (isVpaasMeeting(state)) {
+            // don't show logo if request fails or no logo set for vpaas meetings
+            _showJitsiWatermark = !customizationFailed && Boolean(logoImageUrl);
+        } else if (defaultBranding) {
+            _logoUrl = defaultLogoUrl;
+            _logoLink = JITSI_WATERMARK_LINK;
+        }
+    } else {
+        // When there is no custom branding data use defaults
+        _logoUrl = ownProps.defaultJitsiLogoURL || defaultLogoUrl;
+        _logoLink = JITSI_WATERMARK_LINK;
+    }
+
+    return {
+        _logoLink,
+        _logoUrl,
+        _showJitsiWatermark
+    };
+}
+
+export default translate(connect(_mapStateToProps)(Watermarks));
diff --git a/react/features/base/react/constants.ts b/react/features/base/react/constants.ts
new file mode 100644
index 0000000..807a92e
--- /dev/null
+++ b/react/features/base/react/constants.ts
@@ -0,0 +1,5 @@
+/**
+ * Z-index for components that are to be rendered like an overlay, to be over
+ * everything, such as modal-type of components, or dialogs.
+ */
+export const OVERLAY_Z_INDEX = 1000;
diff --git a/react/features/base/react/functions.ts b/react/features/base/react/functions.ts
new file mode 100644
index 0000000..1ab0df2
--- /dev/null
+++ b/react/features/base/react/functions.ts
@@ -0,0 +1,65 @@
+import punycode from 'punycode';
+
+import { IStateful } from '../app/types';
+import { toState } from '../redux/functions';
+
+/**
+ * Returns the field value in a platform generic way.
+ *
+ * @param {Object | string} fieldParameter - The parameter passed through the change event function.
+ * @returns {string}
+ */
+export function getFieldValue(fieldParameter: { target: { value: string; }; } | string) {
+    return typeof fieldParameter === 'string' ? fieldParameter : fieldParameter?.target?.value;
+}
+
+/**
+ * Formats the URL text for react-linkify.
+ *
+ * @param {string} text - The URL text.
+ * @returns {string} - The formatted text.
+ */
+export function formatURLText(text = '') {
+    let result;
+
+    // In order to prevent homograph attacks we need to use punycode. Reference
+    // https://github.com/tasti/react-linkify/issues/84. In the same time it seems PunycodeJS will treat the URL
+    // as an email when there is '@' and will erase parts of it. This is problematic if there is a URL like
+    // https://example.com/@test@@@123/test@test, punycode will truncate this to https://example.com/@test which
+    // is security issue because parts of the URL are actually missing from the text that we display. That's why
+    // we use punycode on valid URLs(that don't have '@' as part of the host) only for the host part of the URL.
+    try {
+        const url = new URL(text);
+        const { host } = url;
+
+        if (host) {
+            url.host = punycode.toASCII(host);
+            result = url.toString();
+        }
+    } catch (e) {
+        // Not a valid URL
+    }
+
+    if (!result) {
+        // This will be the case for invalid URLs or URLs without a host (emails for example). In this case due to
+        // the issue with PunycodeJS that truncates parts of the text when there is '@' we split the text by '@'
+        // and use punycode for every separate part to prevent homograph attacks.
+        result = text.split('@').map(punycode.toASCII)
+            .join('@');
+    }
+
+    return result;
+}
+
+/**
+ * Returns the configured support URL.
+ *
+ * @param {IStateful} stateful - The redux state.
+ * @returns {string|undefined} - The configured support link.
+ */
+export function getSupportUrl(stateful: IStateful) {
+
+    // TODO: Once overwriting through interface config is completely gone we should think of a way to be able to set
+    // the value in the branding and not return the default value from interface config.
+    return toState(stateful)['features/dynamic-branding'].supportUrl || interfaceConfig?.SUPPORT_URL;
+}
diff --git a/react/features/base/react/logger.ts b/react/features/base/react/logger.ts
new file mode 100644
index 0000000..eccaf61
--- /dev/null
+++ b/react/features/base/react/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../logging/functions';
+
+export default getLogger('app:react');
diff --git a/react/features/base/react/types.ts b/react/features/base/react/types.ts
new file mode 100644
index 0000000..1525926
--- /dev/null
+++ b/react/features/base/react/types.ts
@@ -0,0 +1,106 @@
+import React from 'react';
+import { GestureResponderEvent } from 'react-native';
+
+export interface IIconButtonProps {
+    accessibilityLabel?: string;
+    color?: string;
+    disabled?: boolean;
+    id?: string;
+    onPress?: (e?: GestureResponderEvent) => void;
+    size?: number | string;
+    src: Function;
+    style?: Object | undefined;
+    tapColor?: string;
+    type?: string;
+}
+
+/**
+ * Item data for <tt>NavigateSectionList</tt>.
+ */
+export type Item = {
+
+    /**
+     * The avatar URL or icon name.
+     */
+    avatar?: string;
+
+    /**
+     * The color base of the avatar.
+     */
+    colorBase: string;
+
+    /**
+     * An optional react element to append to the end of the Item.
+     */
+    elementAfter?: React.ReactNode;
+
+    /**
+     * Unique ID of the item.
+     */
+    id: string;
+
+    key?: string;
+
+    /**
+     * Lines[0] - date
+     * lines[1] - duration
+     * lines[2] - server name.
+     */
+    lines: Array<string>;
+
+    /**
+     * Item title.
+     */
+    title: string;
+
+    type: string;
+
+    /**
+     * Item url.
+     */
+    url: string;
+};
+
+/**
+ * Web implementation of section data for NavigateSectionList.
+ */
+export type Section = {
+
+    /**
+     * Optional properties added only to fix some flow errors thrown by React
+     * SectionList.
+     */
+    ItemSeparatorComponent?: React.ComponentType<any>;
+
+    /**
+     * Array of items in the section.
+     */
+    data: ReadonlyArray<Item>;
+
+    /**
+     * Unique key for the section.
+     */
+    key?: string;
+
+    keyExtractor?: (item: Object) => string;
+
+    renderItem?: (info: Object) => null | React.ReactElement<any>;
+
+    /**
+     * Section title.
+     */
+    title: string;
+
+};
+
+/**
+ * Native implementation of section data for NavigateSectionList.
+ *
+ * When react-native's SectionList component parses through an array of sections
+ * it passes the section nested within the section property of another object
+ * to the renderSection method (on web for our own implementation of SectionList
+ * this nesting is not implemented as there is no need for nesting).
+ */
+export type SectionListSection = {
+    section: Section;
+};
diff --git a/react/features/base/redux/MiddlewareRegistry.ts b/react/features/base/redux/MiddlewareRegistry.ts
new file mode 100644
index 0000000..816c152
--- /dev/null
+++ b/react/features/base/redux/MiddlewareRegistry.ts
@@ -0,0 +1,53 @@
+import { Middleware, applyMiddleware } from 'redux';
+
+import { IReduxState, IStore } from '../../app/types';
+
+/**
+ * A registry for Redux middleware, allowing features to register their
+ * middleware without needing to create additional inter-feature dependencies.
+ */
+class MiddlewareRegistry {
+    _elements: Array<Middleware<any, any>>;
+
+    /**
+     * Creates a MiddlewareRegistry instance.
+     */
+    constructor() {
+        /**
+         * The set of registered middleware.
+         *
+         * @private
+         * @type {Middleware[]}
+         */
+        this._elements = [];
+    }
+
+    /**
+     * Applies all registered middleware into a store enhancer.
+     * (@link http://redux.js.org/docs/api/applyMiddleware.html).
+     *
+     * @param {Middleware[]} additional - Any additional middleware that need to
+     * be included (such as middleware from third-party modules).
+     * @returns {Middleware}
+     */
+    applyMiddleware(...additional: Array<Middleware<any, any>>) {
+        return applyMiddleware(...this._elements, ...additional);
+    }
+
+    /**
+     * Adds a middleware to the registry.
+     *
+     * The method is to be invoked only before {@link #applyMiddleware()}.
+     *
+     * @param {Middleware} middleware - A Redux middleware.
+     * @returns {void}
+     */
+    register(middleware: Middleware<any, IReduxState, IStore['dispatch']>) {
+        this._elements.push(middleware);
+    }
+}
+
+/**
+ * The public singleton instance of the MiddlewareRegistry class.
+ */
+export default new MiddlewareRegistry();
diff --git a/react/features/base/redux/PersistenceRegistry.ts b/react/features/base/redux/PersistenceRegistry.ts
new file mode 100644
index 0000000..240d5b8
--- /dev/null
+++ b/react/features/base/redux/PersistenceRegistry.ts
@@ -0,0 +1,244 @@
+// @ts-ignore
+import { jitsiLocalStorage } from '@jitsi/js-utils';
+// eslint-disable-next-line lines-around-comment
+// @ts-ignore
+import { safeJsonParse } from '@jitsi/js-utils/json';
+import md5 from 'js-md5';
+
+import logger from './logger';
+
+declare let __DEV__: any;
+
+/**
+ * Mixed type of the element (subtree) config. If it's a {@code boolean} (and is
+ * {@code true}), we persist the entire subtree. If it's an {@code Object}, we
+ * persist a filtered subtree based on the properties of the config object.
+ */
+declare type ElementConfig = boolean | Object;
+
+/**
+ * The type of the name-config pairs stored in {@code PersistenceRegistry}.
+ */
+declare type PersistencyConfigMap = { [name: string]: ElementConfig; };
+
+/**
+ * A registry to allow features to register their redux store subtree to be
+ * persisted and also handles the persistency calls too.
+ */
+class PersistenceRegistry {
+    _checksum = '';
+    _defaultStates: { [name: string ]: Object | undefined; } = {};
+    _elements: PersistencyConfigMap = {};
+
+    /**
+     * Returns the persisted redux state. Takes the {@link #_elements} into
+     * account as we may have persisted something in the past that we don't want
+     * to retrieve anymore. The next {@link #persistState} will remove such
+     * values.
+     *
+     * @returns {Object}
+     */
+    getPersistedState() {
+        const filteredPersistedState: any = {};
+
+        // localStorage key per feature
+        for (const subtreeName of Object.keys(this._elements)) {
+            // Assumes that the persisted value is stored under the same key as
+            // the feature's redux state name.
+            const persistedSubtree
+                = this._getPersistedSubtree(
+                    subtreeName,
+                    this._elements[subtreeName],
+                    this._defaultStates[subtreeName]);
+
+            if (persistedSubtree !== undefined) {
+                filteredPersistedState[subtreeName] = persistedSubtree;
+            }
+        }
+
+        // Initialize the checksum.
+        this._checksum = this._calculateChecksum(filteredPersistedState);
+
+        if (typeof __DEV__ !== 'undefined' && __DEV__) {
+            logger.info('redux state rehydrated as', filteredPersistedState);
+        }
+
+        return filteredPersistedState;
+    }
+
+    /**
+     * Initiates a persist operation, but its execution will depend on the
+     * current checksums (checks changes).
+     *
+     * @param {Object} state - The redux state.
+     * @returns {void}
+     */
+    persistState(state: Object) {
+        const filteredState = this._getFilteredState(state);
+        const checksum = this._calculateChecksum(filteredState);
+
+        if (checksum !== this._checksum) {
+            for (const subtreeName of Object.keys(filteredState)) {
+                try {
+                    jitsiLocalStorage.setItem(subtreeName, JSON.stringify(filteredState[subtreeName]));
+                } catch (error) {
+                    logger.error('Error persisting redux subtree', subtreeName, error);
+                }
+            }
+            logger.info(`redux state persisted. ${this._checksum} -> ${checksum}`);
+            this._checksum = checksum;
+        }
+    }
+
+    /**
+     * Registers a new subtree config to be used for the persistency.
+     *
+     * @param {string} name - The name of the subtree the config belongs to.
+     * @param {ElementConfig} config - The config {@code Object}, or
+     * {@code boolean} if the entire subtree needs to be persisted.
+     * @param {Object} defaultState - The default state of the component. If
+     * it's provided, the rehydrated state will be merged with it before it gets
+     * pushed into Redux.
+     * @returns {void}
+     */
+    register(
+            name: string,
+            config: ElementConfig = true,
+            defaultState?: Object) {
+        this._elements[name] = config;
+        this._defaultStates[name] = defaultState;
+    }
+
+    /**
+     * Calculates the checksum of a specific state.
+     *
+     * @param {Object} state - The redux state to calculate the checksum of.
+     * @private
+     * @returns {string} The checksum of the specified {@code state}.
+     */
+    _calculateChecksum(state: Object) {
+        try {
+            return md5.hex(JSON.stringify(state) || '');
+        } catch (error) {
+            logger.error('Error calculating checksum for state', error);
+
+            return '';
+        }
+    }
+
+    /**
+     * Prepares a filtered state from the actual or the persisted redux state,
+     * based on this registry.
+     *
+     * @param {Object} state - The actual or persisted redux state.
+     * @private
+     * @returns {Object}
+     */
+    _getFilteredState(state: any): any {
+        const filteredState: any = {};
+
+        for (const name of Object.keys(this._elements)) {
+            if (state[name]) {
+                filteredState[name]
+                    = this._getFilteredSubtree(
+                        state[name],
+                        this._elements[name]);
+            }
+        }
+
+        return filteredState;
+    }
+
+    /**
+     * Prepares a filtered subtree based on the config for persisting or for
+     * retrieval.
+     *
+     * @param {Object} subtree - The redux state subtree.
+     * @param {ElementConfig} subtreeConfig - The related config.
+     * @private
+     * @returns {Object}
+     */
+    _getFilteredSubtree(subtree: any, subtreeConfig: any) {
+        let filteredSubtree: any;
+
+        if (typeof subtreeConfig === 'object') {
+            // Only a filtered subtree gets persisted as specified by
+            // subtreeConfig.
+            filteredSubtree = {};
+            for (const persistedKey of Object.keys(subtree)) {
+                if (subtreeConfig[persistedKey]) {
+                    filteredSubtree[persistedKey] = subtree[persistedKey];
+                }
+            }
+        } else if (subtreeConfig) {
+            // Persist the entire subtree.
+            filteredSubtree = subtree;
+        }
+
+        return filteredSubtree;
+    }
+
+    /**
+     * Retrieves a persisted subtree from the storage.
+     *
+     * @param {string} subtreeName - The name of the subtree.
+     * @param {Object} subtreeConfig - The config of the subtree from
+     * {@link #_elements}.
+     * @param {Object} subtreeDefaults - The defaults of the persisted subtree.
+     * @private
+     * @returns {Object}
+     */
+    _getPersistedSubtree(subtreeName: string, subtreeConfig: Object, subtreeDefaults?: Object) {
+        let persistedSubtree = jitsiLocalStorage.getItem(subtreeName);
+
+        if (persistedSubtree) {
+            try {
+                persistedSubtree = safeJsonParse(persistedSubtree);
+
+                const filteredSubtree
+                    = this._getFilteredSubtree(persistedSubtree, subtreeConfig);
+
+                if (filteredSubtree !== undefined) {
+                    return this._mergeDefaults(
+                        filteredSubtree, subtreeDefaults);
+                }
+            } catch (error) {
+                logger.error(
+                    'Error parsing persisted subtree',
+                    subtreeName,
+                    persistedSubtree,
+                    error);
+            }
+        }
+
+        return undefined;
+    }
+
+    /**
+     * Merges the persisted subtree with its defaults before rehydrating the
+     * values.
+     *
+     * @private
+     * @param {Object} subtree - The Redux subtree.
+     * @param {?Object} defaults - The defaults, if any.
+     * @returns {Object}
+     */
+    _mergeDefaults(subtree: Object, defaults?: Object) {
+        if (!defaults) {
+            return subtree;
+        }
+
+        // If the subtree is an array, we don't need to merge it with the
+        // defaults, because if it has a value, it will overwrite it, and if
+        // it's undefined, it won't be even returned, and Redux will natively
+        // use the default values instead.
+        if (!Array.isArray(subtree)) {
+            return {
+                ...defaults,
+                ...subtree
+            };
+        }
+    }
+}
+
+export default new PersistenceRegistry();
diff --git a/react/features/base/redux/README.md b/react/features/base/redux/README.md
new file mode 100644
index 0000000..599d23a
--- /dev/null
+++ b/react/features/base/redux/README.md
@@ -0,0 +1,44 @@
+Jitsi Meet - redux state persistence
+====================================
+Jitsi Meet has a persistence layer that persists specific subtrees of the redux
+store/state into window.localStorage (on Web) or AsyncStorage (on mobile).
+
+Usage
+=====
+If a subtree of the redux store should be persisted (e.g.
+`'features/base/settings'`), then persistence for that subtree should be
+requested by registering the subtree with `PersistenceRegistry`.
+
+For example, to register the field `displayName` of the redux subtree
+`'features/base/settings'` to be persisted, use:
+```javascript
+PersistenceRegistry.register('features/base/settings', {
+    displayName: true
+});
+```
+
+in the `reducer.js` of the `base/settings` feature.
+
+If the second parameter is omitted, the entire feature state is persisted.
+
+When it's done, Jitsi Meet will automatically persist these subtrees and
+rehydrate them on startup.
+
+Throttling
+==========
+To avoid too frequent write operations in the storage, we utilize throttling in
+the persistence layer, meaning that the storage gets persisted only once every 2
+seconds, even if multiple redux state changes occur during this period. The
+throttling timeout can be configured in
+```
+react/features/base/storage/middleware.js#PERSIST_STATE_DELAY
+```
+
+Serialization
+=============
+The API JSON.stringify() is currently used to serialize feature states,
+therefore its limitations affect the persistency feature too. E.g. complex
+objects, such as Maps (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map)
+or Sets (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set)
+cannot be automatically persisted at the moment. The same applies to Functions
+(which is not a good practice to store in Redux anyhow).
diff --git a/react/features/base/redux/ReducerRegistry.ts b/react/features/base/redux/ReducerRegistry.ts
new file mode 100644
index 0000000..223fbe0
--- /dev/null
+++ b/react/features/base/redux/ReducerRegistry.ts
@@ -0,0 +1,62 @@
+import { Action, type Reducer, combineReducers } from 'redux';
+
+/**
+ * The type of the dictionary/map which associates a reducer (function) with the
+ * name of he Redux state property managed by the reducer.
+ */
+type NameReducerMap<S> = { [name: string]: Reducer<S, Action<any>>; };
+
+/**
+ * A registry for Redux reducers, allowing features to register themselves
+ * without needing to create additional inter-feature dependencies.
+ */
+class ReducerRegistry {
+    _elements: NameReducerMap<any>;
+
+    /**
+     * Creates a ReducerRegistry instance.
+     */
+    constructor() {
+        /**
+         * The set of registered reducers, keyed based on the field each reducer
+         * will manage.
+         *
+         * @private
+         * @type {NameReducerMap}
+         */
+        this._elements = {};
+    }
+
+    /**
+     * Combines all registered reducers into a single reducing function.
+     *
+     * @param {Object} [additional={}] - Any additional reducers that need to be
+     * included (such as reducers from third-party modules).
+     * @returns {Function}
+     */
+    combineReducers(additional: NameReducerMap<any> = {}) {
+        return combineReducers({
+            ...this._elements,
+            ...additional
+        });
+    }
+
+    /**
+     * Adds a reducer to the registry.
+     *
+     * The method is to be invoked only before {@link #combineReducers()}.
+     *
+     * @param {string} name - The field in the state object that will be managed
+     * by the provided reducer.
+     * @param {Reducer} reducer - A Redux reducer.
+     * @returns {void}
+     */
+    register<S>(name: string, reducer: Reducer<S, any>) {
+        this._elements[name] = reducer;
+    }
+}
+
+/**
+ * The public singleton instance of the ReducerRegistry class.
+ */
+export default new ReducerRegistry();
diff --git a/react/features/base/redux/StateListenerRegistry.ts b/react/features/base/redux/StateListenerRegistry.ts
new file mode 100644
index 0000000..26ea882
--- /dev/null
+++ b/react/features/base/redux/StateListenerRegistry.ts
@@ -0,0 +1,186 @@
+import { Store } from 'redux';
+
+import { IReduxState, IStore } from '../../app/types';
+
+import { equals } from './functions';
+import logger from './logger';
+
+/**
+ * The type listener supported for registration with
+ * {@link StateListenerRegistry} in association with a {@link Selector}.
+ *
+ * @param {any} selection - The value derived from the redux store/state by the
+ * associated {@code Selector}. Immutable!
+ * @param {Store} store - The redux store. Provided in case the {@code Listener}
+ * needs to {@code dispatch} or {@code getState}. The latter is advisable only
+ * if the {@code Listener} is not to respond to changes to that state.
+ * @param {any} prevSelection - The value previously derived from the redux
+ * store/state by the associated {@code Selector}. The {@code Listener} is
+ * invoked only if {@code prevSelection} and {@code selection} are different.
+ * Immutable!
+ */
+type Listener
+    = (selection: any, store: IStore, prevSelection: any) => void;
+
+/**
+ * The type selector supported for registration with
+ * {@link StateListenerRegistry} in association with a {@link Listener}.
+ *
+ * @param {IReduxState} state - The redux state from which the {@code Selector} is to
+ * derive data.
+ * @param {any} prevSelection - The value previously derived from the redux
+ * store/state by the {@code Selector}. Provided in case the {@code Selector}
+ * needs to derive the returned value from the specified {@code state} and
+ * {@code prevSelection}. Immutable!
+ * @returns {any} The value derived from the specified {@code state} and/or
+ * {@code prevSelection}. The associated {@code Listener} will only be invoked
+ * if the returned value is other than {@code prevSelection}.
+ */
+type Selector = (state: IReduxState, prevSelection: any) => any;
+
+/**
+ * Options that can be passed to the register method.
+ */
+type RegistrationOptions = {
+
+    /**
+     * @property {boolean} [deepEquals=false] - Whether or not a deep equals check should be performed on the selection
+     * returned by {@link Selector}.
+     */
+    deepEquals?: boolean;
+};
+
+/**
+ * A type of a {@link Selector}-{@link Listener} association in which the
+ * {@code Listener} listens to changes in the values derived from a redux
+ * store/state by the {@code Selector}.
+ */
+type SelectorListener = {
+
+    /**
+     * The {@code Listener} which listens to changes in the values selected by
+     * {@link selector}.
+     */
+    listener: Listener;
+
+    /**
+     * The {@link RegistrationOptions} passed during the registration to be applied on the listener.
+     */
+    options?: RegistrationOptions;
+
+    /**
+     * The {@code Selector} which selects values whose changes are listened to
+     * by {@link listener}.
+     */
+    selector: Selector;
+};
+
+/**
+ * A registry listeners which listen to changes in a redux store/state.
+ */
+class StateListenerRegistry {
+    /**
+     * The {@link Listener}s registered with this {@code StateListenerRegistry}
+     * to be notified when the values derived by associated {@link Selector}s
+     * from a redux store/state change.
+     */
+    _selectorListeners: Set<SelectorListener> = new Set();
+
+    /**
+     * Invoked by a specific redux store any time an action is dispatched, and
+     * some part of the state (tree) may potentially have changed.
+     *
+     * @param {Object} context - The redux store invoking the listener and the
+     * private state of this {@code StateListenerRegistry} associated with the
+     * redux store.
+     * @returns {void}
+     */
+    _listener({ prevSelections, store }: {
+        prevSelections: Map<SelectorListener, any>;
+        store: Store<any, any>;
+    }) {
+        for (const selectorListener of this._selectorListeners) {
+            const prevSelection = prevSelections.get(selectorListener);
+
+            try {
+                const selection
+                    = selectorListener.selector(
+                        store.getState(),
+                        prevSelection);
+                const useDeepEquals = selectorListener?.options?.deepEquals;
+
+                if ((useDeepEquals && !equals(prevSelection, selection))
+                        || (!useDeepEquals && prevSelection !== selection)) {
+                    prevSelections.set(selectorListener, selection);
+                    selectorListener.listener(selection, store, prevSelection);
+                }
+            } catch (e) {
+                // Don't let one faulty listener prevent other listeners from
+                // being notified about their associated changes.
+                logger.error(e);
+            }
+        }
+    }
+
+    /**
+     * Registers a specific listener to be notified when the value derived by a
+     * specific {@code selector} from a redux store/state changes.
+     *
+     * @param {Function} selector - The pure {@code Function} of the redux
+     * store/state (and the previous selection of made by {@code selector})
+     * which selects the value listened to by the specified {@code listener}.
+     * @param {Function} listener - The listener to register with this
+     * {@code StateListenerRegistry} so that it gets invoked when the value
+     * returned by the specified {@code selector} changes.
+     * @param {RegistrationOptions} [options] - Any options to be applied to the registration.
+     * @returns {void}
+     */
+    register(selector: Selector, listener: Listener, options?: RegistrationOptions) {
+        if (typeof selector !== 'function' || typeof listener !== 'function') {
+            throw new Error('Invalid selector or listener!');
+        }
+
+        this._selectorListeners.add({
+            listener,
+            selector,
+            options
+        });
+    }
+
+    /**
+     * Subscribes to a specific redux store (so that this instance gets notified
+     * any time an action is dispatched, and some part of the state (tree) of
+     * the specified redux store may potentially have changed).
+     *
+     * @param {Store} store - The redux store to which this
+     * {@code StateListenerRegistry} is to {@code subscribe}.
+     * @returns {void}
+     */
+    subscribe(store: Store<any, any>) {
+        // XXX If StateListenerRegistry is not utilized by the app to listen to
+        // state changes, do not bother subscribing to the store at all.
+        if (this._selectorListeners.size) {
+            store.subscribe(
+                this._listener.bind(
+                    this,
+                    {
+                        /**
+                         * The previous selections of the {@code Selector}s
+                         * registered with this {@code StateListenerRegistry}.
+                         *
+                         * @type Map<any>
+                         */
+                        prevSelections: new Map(),
+
+                        /**
+                         * The redux store.
+                         *
+                         * @type Store
+                         */
+                        store
+                    }));
+        }
+    }
+}
+
+export default new StateListenerRegistry();
diff --git a/react/features/base/redux/functions.ts b/react/features/base/redux/functions.ts
new file mode 100644
index 0000000..289b918
--- /dev/null
+++ b/react/features/base/redux/functions.ts
@@ -0,0 +1,145 @@
+import { isEqual } from 'lodash-es';
+
+import { IReduxState, IStore } from '../../app/types';
+import { IStateful } from '../app/types';
+
+/**
+ * Sets specific properties of a specific state to specific values and prevents
+ * unnecessary state changes.
+ *
+ * @param {T} target - The state on which the specified properties are to
+ * be set.
+ * @param {T} source - The map of properties to values which are to be set
+ * on the specified target.
+ * @returns {T} The specified target if the values of the specified
+ * properties equal the specified values; otherwise, a new state constructed
+ * from the specified target by setting the specified properties to the
+ * specified values.
+ */
+export function assign<T extends Object>(target: T, source: Partial<T>): T {
+    let t = target;
+
+    for (const property in source) { // eslint-disable-line guard-for-in
+        t = _set(t, property, source[property], t === target);
+    }
+
+    return t;
+}
+
+/**
+ * Determines whether {@code a} equals {@code b} according to deep comparison
+ * (which makes sense for Redux and its state definition).
+ *
+ * @param {*} a - The value to compare to {@code b}.
+ * @param {*} b - The value to compare to {@code a}.
+ * @returns {boolean} True if {@code a} equals {@code b} (according to deep
+ * comparison); false, otherwise.
+ */
+export function equals(a: any, b: any) {
+    return isEqual(a, b);
+}
+
+/**
+ * Sets a specific property of a specific state to a specific value. Prevents
+ * unnecessary state changes (when the specified {@code value} is equal to the
+ * value of the specified {@code property} of the specified {@code state}).
+ *
+ * @param {T} state - The (Redux) state from which a new state is to be
+ * constructed by setting the specified {@code property} to the specified
+ * {@code value}.
+ * @param {string} property - The property of {@code state} which is to be
+ * assigned the specified {@code value} (in the new state).
+ * @param {*} value - The value to assign to the specified {@code property}.
+ * @returns {T} The specified {@code state} if the value of the specified
+ * {@code property} equals the specified <tt>value/tt>; otherwise, a new state
+ * constructed from the specified {@code state} by setting the specified
+ * {@code property} to the specified {@code value}.
+ */
+export function set<T extends Object>(state: T, property: keyof T, value: any): T {
+    return _set(state, property, value, /* copyOnWrite */ true);
+}
+
+/**
+ * Sets a specific property of a specific state to a specific value. Prevents
+ * unnecessary state changes (when the specified {@code value} is equal to the
+ * value of the specified {@code property} of the specified {@code state}).
+ *
+ * @param {T} state - The (Redux) state from which a state is to be
+ * constructed by setting the specified {@code property} to the specified
+ * {@code value}.
+ * @param {string} property - The property of {@code state} which is to be
+ * assigned the specified {@code value}.
+ * @param {*} value - The value to assign to the specified {@code property}.
+ * @param {boolean} copyOnWrite - If the specified {@code state} is to not be
+ * modified, {@code true}; otherwise, {@code false}.
+ * @returns {T} The specified {@code state} if the value of the specified
+ * {@code property} equals the specified <tt>value/tt> or {@code copyOnWrite}
+ * is truthy; otherwise, a new state constructed from the specified
+ * {@code state} by setting the specified {@code property} to the specified
+ * {@code value}.
+ */
+function _set<T extends Object>(
+        state: T,
+        property: keyof T,
+        value: any,
+        copyOnWrite: boolean): T {
+    // Delete state properties that are to be set to undefined. (It is a matter
+    // of personal preference, mostly.)
+    if (typeof value === 'undefined'
+            && Object.prototype.hasOwnProperty.call(state, property)) {
+        const newState = copyOnWrite ? { ...state } : state;
+
+        if (delete newState[property]) {
+            return newState;
+        }
+    }
+
+    if (state[property] !== value) {
+        if (copyOnWrite) {
+            return {
+                ...state,
+                [property]: value
+            };
+        }
+
+        state[property] = value;
+    }
+
+    return state;
+}
+
+/* eslint-enable max-params */
+
+/**
+ * Whether or not the entity is of type IStore.
+ *
+ * @param {IStateful} stateful - The entity to check.
+ * @returns {boolean}
+ */
+function isStore(stateful: IStateful): stateful is IStore {
+    return 'getState' in stateful && typeof stateful.getState === 'function';
+}
+
+/**
+ * Returns redux state from the specified {@code stateful} which is presumed to
+ * be related to the redux state (e.g. The redux store, the redux
+ * {@code getState} function).
+ *
+ * @param {Function|IStore} stateful - The entity such as the redux store or the
+ * redux {@code getState} function from which the redux state is to be
+ * returned.
+ * @returns {Object} The redux state.
+ */
+export function toState(stateful: IStateful): IReduxState {
+    if (stateful) {
+        if (typeof stateful === 'function') {
+            return stateful();
+        }
+
+        if (isStore(stateful)) {
+            return stateful.getState();
+        }
+    }
+
+    return stateful;
+}
diff --git a/react/features/base/redux/logger.ts b/react/features/base/redux/logger.ts
new file mode 100644
index 0000000..5f030d7
--- /dev/null
+++ b/react/features/base/redux/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../logging/functions';
+
+export default getLogger('app:redux');
diff --git a/react/features/base/redux/middleware.ts b/react/features/base/redux/middleware.ts
new file mode 100644
index 0000000..e0d20ea
--- /dev/null
+++ b/react/features/base/redux/middleware.ts
@@ -0,0 +1,43 @@
+import { throttle } from 'lodash-es';
+
+import MiddlewareRegistry from './MiddlewareRegistry';
+import PersistenceRegistry from './PersistenceRegistry';
+import { toState } from './functions';
+
+/**
+ * The delay in milliseconds that passes between the last state change and the
+ * persisting of that state in the storage.
+ */
+const PERSIST_STATE_DELAY = 2000;
+
+/**
+ * A throttled function to avoid repetitive state persisting.
+ */
+const throttledPersistState = throttle(state => PersistenceRegistry.persistState(state), PERSIST_STATE_DELAY);
+
+// Web only code.
+// We need the <tt>if</tt> because it appears that on mobile the polyfill is not
+// executed yet.
+if (typeof window.addEventListener === 'function') {
+    window.addEventListener('unload', () => {
+        throttledPersistState.flush();
+    });
+}
+
+/**
+ * A master MiddleWare to selectively persist state. Please use the
+ * {@link persisterconfig.json} to set which subtrees of the redux state should
+ * be persisted.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    const oldState = toState(store);
+    const result = next(action);
+    const newState = toState(store);
+
+    oldState === newState || throttledPersistState(newState);
+
+    return result;
+});
diff --git a/react/features/base/responsive-ui/actionTypes.ts b/react/features/base/responsive-ui/actionTypes.ts
new file mode 100644
index 0000000..56f26c1
--- /dev/null
+++ b/react/features/base/responsive-ui/actionTypes.ts
@@ -0,0 +1,66 @@
+/**
+ * The type of (redux) action which indicates that the client window has been resized.
+ *
+ * {
+ *     type: CLIENT_RESIZED
+ * }
+ */
+export const CLIENT_RESIZED = 'CLIENT_RESIZED';
+
+/**
+ * The type of (redux) action which indicates that the insets from the SafeAreaProvider have changed.
+ *
+ * {
+ *    type: SAFE_AREA_INSETS_CHANGED,
+ *    insets: Object
+ * }
+ */
+ export const SAFE_AREA_INSETS_CHANGED = 'SAFE_AREA_INSETS_CHANGED';
+
+/**
+ * The type of (redux) action which sets the aspect ratio of the app's user
+ * interface.
+ *
+ * {
+ *     type: SET_ASPECT_RATIO,
+ *     aspectRatio: Symbol
+ * }
+ */
+export const SET_ASPECT_RATIO = 'SET_ASPECT_RATIO';
+
+/**
+ * The type of redux action which signals that the reduces UI mode was enabled
+ * or disabled.
+ *
+ * {
+ *     type: SET_REDUCED_UI,
+ *     reducedUI: boolean
+ * }
+ *
+ * @public
+ */
+export const SET_REDUCED_UI = 'SET_REDUCED_UI';
+
+/**
+ * The type of (redux) action which tells whether a local or remote participant
+ * context menu is open.
+ *
+ * {
+ *     type: SET_CONTEXT_MENU_OPEN,
+ *     showConnectionInfo: boolean
+ * }
+ */
+export const SET_CONTEXT_MENU_OPEN = 'SET_CONTEXT_MENU_OPEN';
+
+/**
+ * The type of redux action which signals whether we are in narrow layout.
+ *
+ * {
+ *     type: SET_NARROW_LAYOUT,
+ *     isNarrow: boolean
+ * }
+ *
+ * @public
+ */
+export const SET_NARROW_LAYOUT = 'SET_NARROW_LAYOUT';
+
diff --git a/react/features/base/responsive-ui/actions.ts b/react/features/base/responsive-ui/actions.ts
new file mode 100644
index 0000000..7b94afe
--- /dev/null
+++ b/react/features/base/responsive-ui/actions.ts
@@ -0,0 +1,169 @@
+import { batch } from 'react-redux';
+
+import { IStore } from '../../app/types';
+import { CHAT_SIZE } from '../../chat/constants';
+import { getParticipantsPaneWidth } from '../../participants-pane/functions';
+
+import {
+    CLIENT_RESIZED,
+    SAFE_AREA_INSETS_CHANGED,
+    SET_ASPECT_RATIO,
+    SET_CONTEXT_MENU_OPEN,
+    SET_NARROW_LAYOUT,
+    SET_REDUCED_UI
+} from './actionTypes';
+import { ASPECT_RATIO_NARROW, ASPECT_RATIO_WIDE } from './constants';
+
+/**
+ * Size threshold for determining if we are in reduced UI mode or not.
+ *
+ * FIXME The logic to base {@code reducedUI} on a hardcoded width or height is
+ * very brittle because it's completely disconnected from the UI which wants to
+ * be rendered and, naturally, it broke on iPad where even the secondary Toolbar
+ * didn't fit in the height. We do need to measure the actual UI at runtime and
+ * determine whether and how to render it.
+ */
+const REDUCED_UI_THRESHOLD = 300;
+const WEB_REDUCED_UI_THRESHOLD = 320;
+
+/**
+ * Indicates a resize of the window.
+ *
+ * @param {number} clientWidth - The width of the window.
+ * @param {number} clientHeight - The height of the window.
+ * @returns {Object}
+ */
+export function clientResized(clientWidth: number, clientHeight: number) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        if (!clientWidth && !clientHeight) {
+            return;
+        }
+
+        let availableWidth = clientWidth;
+
+        if (navigator.product !== 'ReactNative') {
+            const state = getState();
+            const { isOpen: isChatOpen, width } = state['features/chat'];
+
+            if (isChatOpen) {
+                availableWidth -= width?.current ?? CHAT_SIZE;
+            }
+
+            availableWidth -= getParticipantsPaneWidth(state);
+
+            dispatch(setReducedUI(availableWidth, clientHeight));
+        }
+
+        batch(() => {
+            dispatch({
+                type: CLIENT_RESIZED,
+                clientHeight,
+                clientWidth,
+                videoSpaceWidth: availableWidth
+            });
+            dispatch(setAspectRatio(availableWidth, clientHeight));
+        });
+    };
+}
+
+/**
+ * Sets the aspect ratio of the app's user interface based on specific width and
+ * height.
+ *
+ * @param {number} width - The width of the app's user interface.
+ * @param {number} height - The height of the app's user interface.
+ * @returns {{
+ *     type: SET_ASPECT_RATIO,
+ *     aspectRatio: Symbol
+ * }}
+ */
+export function setAspectRatio(width: number, height: number) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        // Don't change the aspect ratio if width and height are the same, that
+        // is, if we transition to a 1:1 aspect ratio.
+        if (width !== height) {
+            const aspectRatio
+                = width < height ? ASPECT_RATIO_NARROW : ASPECT_RATIO_WIDE;
+
+            if (aspectRatio
+                    !== getState()['features/base/responsive-ui'].aspectRatio) {
+                return dispatch({
+                    type: SET_ASPECT_RATIO,
+                    aspectRatio
+                });
+            }
+        }
+    };
+}
+
+/**
+ * Sets the "reduced UI" property. In reduced UI mode some components will
+ * be hidden if there is no space to render them.
+ *
+ * @param {number} width - Current usable width.
+ * @param {number} height - Current usable height.
+ * @returns {{
+ *     type: SET_REDUCED_UI,
+ *     reducedUI: boolean
+ * }}
+ */
+export function setReducedUI(width: number, height: number) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const threshold = navigator.product === 'ReactNative'
+            ? REDUCED_UI_THRESHOLD
+            : WEB_REDUCED_UI_THRESHOLD;
+        const reducedUI = Math.min(width, height) < threshold;
+
+        if (reducedUI !== getState()['features/base/responsive-ui'].reducedUI) {
+            return dispatch({
+                type: SET_REDUCED_UI,
+                reducedUI
+            });
+        }
+    };
+}
+
+/**
+ * Sets whether the local or remote participant context menu is open.
+ *
+ * @param {boolean} isOpen - Whether local or remote context menu is open.
+ * @returns {Object}
+ */
+export function setParticipantContextMenuOpen(isOpen: boolean) {
+    return {
+        type: SET_CONTEXT_MENU_OPEN,
+        isOpen
+    };
+}
+
+/**
+ * Sets the insets from the SafeAreaProvider.
+ *
+ * @param {Object} insets - The new insets to be set.
+ * @returns {{
+ *    type: SAFE_AREA_INSETS_CHANGED,
+ *    insets: Object
+ * }}
+ */
+export function setSafeAreaInsets(insets: Object) {
+    return {
+        type: SAFE_AREA_INSETS_CHANGED,
+        insets
+    };
+}
+
+/**
+ * Sets narrow layout.
+ *
+ * @param {boolean} isNarrow - Whether is narrow layout.
+ * @returns {{
+*    type: SET_NARROW_LAYOUT,
+*    isNarrow: boolean
+* }}
+ */
+export function setNarrowLayout(isNarrow: boolean) {
+    return {
+        type: SET_NARROW_LAYOUT,
+        isNarrow
+    };
+}
diff --git a/react/features/base/responsive-ui/components/DimensionsDetector.native.tsx b/react/features/base/responsive-ui/components/DimensionsDetector.native.tsx
new file mode 100644
index 0000000..a3d2f79
--- /dev/null
+++ b/react/features/base/responsive-ui/components/DimensionsDetector.native.tsx
@@ -0,0 +1,64 @@
+import React, { useCallback, useEffect } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+
+interface IProps {
+
+    /**
+     * Any nested components.
+     */
+    children: React.ReactNode;
+
+    /**
+     * The "onLayout" handler.
+     */
+    onDimensionsChanged?: Function;
+
+    /**
+     * The safe are insets handler.
+     */
+    onSafeAreaInsetsChanged?: Function;
+}
+
+/**
+ * A {@link View} which captures the 'onLayout' event and calls a prop with the
+ * component size.
+ *
+ * @param {IProps} props - The read-only properties with which the new
+ * instance is to be initialized.
+ * @returns {Component} - Renders the root view and it's children.
+ */
+export default function DimensionsDetector(props: IProps) {
+    const { top = 0, right = 0, bottom = 0, left = 0 } = useSafeAreaInsets();
+    const { children, onDimensionsChanged, onSafeAreaInsetsChanged } = props;
+
+    useEffect(() => {
+        onSafeAreaInsetsChanged?.({
+            top,
+            right,
+            bottom,
+            left
+        });
+    }, [ onSafeAreaInsetsChanged, top, right, bottom, left ]);
+
+    /**
+     * Handles the "on layout" View's event and calls the onDimensionsChanged
+     * prop.
+     *
+     * @param {Object} event - The "on layout" event object/structure passed
+     * by react-native.
+     * @private
+     * @returns {void}
+     */
+    const onLayout = useCallback(({ nativeEvent: { layout: { height, width } } }) => {
+        onDimensionsChanged?.(width, height);
+    }, [ onDimensionsChanged ]);
+
+    return (
+        <View
+            onLayout = { onLayout }
+            style = { StyleSheet.absoluteFillObject } >
+            { children }
+        </View>
+    );
+}
diff --git a/react/features/base/responsive-ui/components/DimensionsDetector.web.ts b/react/features/base/responsive-ui/components/DimensionsDetector.web.ts
new file mode 100644
index 0000000..e69de29
diff --git a/react/features/base/responsive-ui/constants.ts b/react/features/base/responsive-ui/constants.ts
new file mode 100644
index 0000000..c01056d
--- /dev/null
+++ b/react/features/base/responsive-ui/constants.ts
@@ -0,0 +1,28 @@
+/**
+ * The aspect ratio constant which indicates that the width (of whatever the
+ * aspect ratio constant is used for) is smaller than the height.
+ *
+ * @type {Symbol}
+ */
+export const ASPECT_RATIO_NARROW = Symbol('ASPECT_RATIO_NARROW');
+
+/**
+ * The aspect ratio constant which indicates that the width (of whatever the
+ * aspect ratio constant is used for) is larger than the height.
+ *
+ * @type {Symbol}
+ */
+export const ASPECT_RATIO_WIDE = Symbol('ASPECT_RATIO_WIDE');
+
+/**
+ * Smallest supported mobile width.
+ */
+export const SMALL_MOBILE_WIDTH = '320';
+
+/**
+ * The width for desktop that we start hiding elements from the UI (video quality label, filmstrip, etc).
+ * This should match the value for $verySmallScreen in _variables.scss.
+ *
+ * @type {number}
+ */
+export const SMALL_DESKTOP_WIDTH = 500;
diff --git a/react/features/base/responsive-ui/functions.ts b/react/features/base/responsive-ui/functions.ts
new file mode 100644
index 0000000..57f06ad
--- /dev/null
+++ b/react/features/base/responsive-ui/functions.ts
@@ -0,0 +1,21 @@
+import { IStateful } from '../app/types';
+import { isMobileBrowser } from '../environment/utils';
+import { toState } from '../redux/functions';
+
+import { SMALL_DESKTOP_WIDTH } from './constants';
+
+/**
+ * Determines if the screen is narrow with the chat panel open. If the function returns true video quality label,
+ * filmstrip, etc will be hidden.
+ *
+ * @param {IStateful} stateful - The stateful object representing the application state.
+ * @returns {boolean} - True if the screen is narrow with the chat panel open, otherwise `false`.
+ */
+export function isNarrowScreenWithChatOpen(stateful: IStateful) {
+    const state = toState(stateful);
+    const isDesktopBrowser = !isMobileBrowser();
+    const { isOpen, width } = state['features/chat'];
+    const { clientWidth } = state['features/base/responsive-ui'];
+
+    return isDesktopBrowser && isOpen && (width?.current + SMALL_DESKTOP_WIDTH) > clientWidth;
+}
diff --git a/react/features/base/responsive-ui/middleware.native.ts b/react/features/base/responsive-ui/middleware.native.ts
new file mode 100644
index 0000000..a4354f5
--- /dev/null
+++ b/react/features/base/responsive-ui/middleware.native.ts
@@ -0,0 +1,29 @@
+import MiddlewareRegistry from '../redux/MiddlewareRegistry';
+
+import { CLIENT_RESIZED } from './actionTypes';
+import { setAspectRatio, setReducedUI } from './actions';
+
+
+/**
+ * Middleware that handles window dimension changes and updates the aspect ratio and
+ * reduced UI modes accordingly.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(({ dispatch }) => next => action => {
+    const result = next(action);
+
+    switch (action.type) {
+    case CLIENT_RESIZED: {
+        const { clientWidth: width, clientHeight: height } = action;
+
+        dispatch(setAspectRatio(width, height));
+        dispatch(setReducedUI(width, height));
+        break;
+    }
+
+    }
+
+    return result;
+});
diff --git a/react/features/base/responsive-ui/middleware.web.ts b/react/features/base/responsive-ui/middleware.web.ts
new file mode 100644
index 0000000..32df76c
--- /dev/null
+++ b/react/features/base/responsive-ui/middleware.web.ts
@@ -0,0 +1,82 @@
+import { IStore } from '../../app/types';
+import { APP_WILL_MOUNT, APP_WILL_UNMOUNT } from '../app/actionTypes';
+import { CONFERENCE_JOINED } from '../conference/actionTypes';
+import MiddlewareRegistry from '../redux/MiddlewareRegistry';
+
+import { clientResized } from './actions';
+
+/**
+ * Dimensions change handler.
+ */
+let handler: undefined | ((this: Window, ev: UIEvent) => any);
+
+/**
+ * Middleware that handles window dimension changes.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    const result = next(action);
+
+    switch (action.type) {
+    case APP_WILL_UNMOUNT: {
+        _appWillUnmount();
+        break;
+    }
+    case APP_WILL_MOUNT:
+        _appWillMount(store);
+        break;
+
+    case CONFERENCE_JOINED: {
+        const { clientHeight = 0, clientWidth = 0, videoSpaceWidth = 0 } = store.getState()['features/base/responsive-ui'];
+
+        if (!clientHeight && !clientWidth && !videoSpaceWidth) {
+            const {
+                innerHeight,
+                innerWidth
+            } = window;
+
+            store.dispatch(clientResized(innerWidth, innerHeight));
+        }
+        break;
+    }
+    }
+
+    return result;
+});
+
+/**
+ * Notifies this feature that the action {@link APP_WILL_MOUNT} is being
+ * dispatched within a specific redux {@code store}.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @private
+ * @returns {void}
+ */
+function _appWillMount(store: IStore) {
+    handler = () => {
+        const {
+            innerHeight,
+            innerWidth
+        } = window;
+
+        store.dispatch(clientResized(innerWidth, innerHeight));
+    };
+
+    window.addEventListener('resize', handler);
+}
+
+/**
+ * Notifies this feature that the action {@link APP_WILL_UNMOUNT} is being
+ * dispatched within a specific redux {@code store}.
+ *
+ * @private
+ * @returns {void}
+ */
+function _appWillUnmount() {
+    handler && window.removeEventListener('resize', handler);
+
+    handler = undefined;
+}
diff --git a/react/features/base/responsive-ui/reducer.ts b/react/features/base/responsive-ui/reducer.ts
new file mode 100644
index 0000000..d1d13ec
--- /dev/null
+++ b/react/features/base/responsive-ui/reducer.ts
@@ -0,0 +1,80 @@
+import ReducerRegistry from '../redux/ReducerRegistry';
+import { set } from '../redux/functions';
+
+import {
+    CLIENT_RESIZED,
+    SAFE_AREA_INSETS_CHANGED,
+    SET_ASPECT_RATIO,
+    SET_CONTEXT_MENU_OPEN,
+    SET_NARROW_LAYOUT,
+    SET_REDUCED_UI
+} from './actionTypes';
+import { ASPECT_RATIO_NARROW } from './constants';
+
+const {
+    innerHeight = 0,
+    innerWidth = 0
+} = window;
+
+/**
+ * The default/initial redux state of the feature base/responsive-ui.
+ */
+const DEFAULT_STATE = {
+    aspectRatio: ASPECT_RATIO_NARROW,
+    clientHeight: innerHeight,
+    clientWidth: innerWidth,
+    isNarrowLayout: false,
+    reducedUI: false,
+    contextMenuOpened: false,
+    videoSpaceWidth: innerWidth
+};
+
+export interface IResponsiveUIState {
+    aspectRatio: Symbol;
+    clientHeight: number;
+    clientWidth: number;
+    contextMenuOpened: boolean;
+    isNarrowLayout: boolean;
+    reducedUI: boolean;
+    safeAreaInsets?: {
+        bottom: number;
+        left: number;
+        right: number;
+        top: number;
+    };
+    videoSpaceWidth: number;
+}
+
+ReducerRegistry.register<IResponsiveUIState>('features/base/responsive-ui',
+(state = DEFAULT_STATE, action): IResponsiveUIState => {
+    switch (action.type) {
+    case CLIENT_RESIZED: {
+        return {
+            ...state,
+            clientWidth: action.clientWidth,
+            clientHeight: action.clientHeight,
+            videoSpaceWidth: action.videoSpaceWidth
+        };
+    }
+
+    case SAFE_AREA_INSETS_CHANGED:
+        return {
+            ...state,
+            safeAreaInsets: action.insets
+        };
+
+    case SET_ASPECT_RATIO:
+        return set(state, 'aspectRatio', action.aspectRatio);
+
+    case SET_REDUCED_UI:
+        return set(state, 'reducedUI', action.reducedUI);
+
+    case SET_CONTEXT_MENU_OPEN:
+        return set(state, 'contextMenuOpened', action.isOpen);
+
+    case SET_NARROW_LAYOUT:
+        return set(state, 'isNarrowLayout', action.isNarrow);
+    }
+
+    return state;
+});
diff --git a/react/features/base/settings/actionTypes.ts b/react/features/base/settings/actionTypes.ts
new file mode 100644
index 0000000..d2ece8f
--- /dev/null
+++ b/react/features/base/settings/actionTypes.ts
@@ -0,0 +1,23 @@
+/**
+ * Create an action for when the settings are updated.
+ *
+ * {
+ *     type: SETTINGS_UPDATED,
+ *     settings: {
+ *         audioOutputDeviceId: string,
+ *         avatarURL: string,
+ *         cameraDeviceId: string,
+ *         displayName: string,
+ *         email: string,
+ *         localFlipX: boolean,
+ *         micDeviceId: string,
+ *         serverURL: string,
+ *         showSubtitlesOnStage: boolean,
+ *         startAudioOnly: boolean,
+ *         startWithAudioMuted: boolean,
+ *         startWithVideoMuted: boolean,
+ *         startWithReactionsMuted: boolean
+ *     }
+ * }
+ */
+export const SETTINGS_UPDATED = 'SETTINGS_UPDATED';
diff --git a/react/features/base/settings/actions.ts b/react/features/base/settings/actions.ts
new file mode 100644
index 0000000..aeb91eb
--- /dev/null
+++ b/react/features/base/settings/actions.ts
@@ -0,0 +1,32 @@
+import { SETTINGS_UPDATED } from './actionTypes';
+import { ISettingsState } from './reducer';
+
+/**
+ * Create an action for when the settings are updated.
+ *
+ * @param {Object} settings - The new (partial) settings properties.
+ * @returns {{
+ *     type: SETTINGS_UPDATED,
+ *     settings: {
+ *         audioOutputDeviceId: string,
+ *         avatarURL: string,
+ *         cameraDeviceId: string,
+ *         displayName: string,
+ *         email: string,
+ *         localFlipX: boolean,
+ *         micDeviceId: string,
+ *         serverURL: string,
+ *         soundsReactions: boolean,
+ *         startAudioOnly: boolean,
+ *         startWithAudioMuted: boolean,
+ *         startWithVideoMuted: boolean,
+ *         startWithReactionsMuted: boolean
+ *     }
+ * }}
+ */
+export function updateSettings(settings: Partial<ISettingsState>) {
+    return {
+        type: SETTINGS_UPDATED,
+        settings
+    };
+}
diff --git a/react/features/base/settings/components/native/SettingsButton.tsx b/react/features/base/settings/components/native/SettingsButton.tsx
new file mode 100644
index 0000000..e830712
--- /dev/null
+++ b/react/features/base/settings/components/native/SettingsButton.tsx
@@ -0,0 +1,47 @@
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../../app/types';
+import { translate } from '../../../../base/i18n/functions';
+import { IconGear } from '../../../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../../base/toolbox/components/AbstractButton';
+import { navigate }
+    from '../../../../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
+import { screen } from '../../../../mobile/navigation/routes';
+import { SETTINGS_ENABLED } from '../../../flags/constants';
+import { getFeatureFlag } from '../../../flags/functions';
+
+/**
+ * Implements an {@link AbstractButton} to open the carmode.
+ */
+class SettingsButton extends AbstractButton<AbstractButtonProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.Settings';
+    override icon = IconGear;
+    override label = 'settings.buttonLabel';
+
+    /**
+     * Handles clicking / pressing the button, and opens the carmode mode.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _handleClick() {
+        return navigate(screen.settings.main);
+    }
+}
+
+
+/**
+ * Maps part of the redux state to the component's props.
+ *
+ * @param {IReduxState} state - The Redux state.
+ * @returns {Object}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const enabled = getFeatureFlag(state, SETTINGS_ENABLED, true);
+
+    return {
+        visible: enabled
+    };
+}
+
+export default translate(connect(_mapStateToProps)(SettingsButton));
diff --git a/react/features/base/settings/constants.ts b/react/features/base/settings/constants.ts
new file mode 100644
index 0000000..2cbd65d
--- /dev/null
+++ b/react/features/base/settings/constants.ts
@@ -0,0 +1,4 @@
+/**
+ * The default server URL to open if no other was specified.
+ */
+export const DEFAULT_SERVER_URL = 'https://meet.jit.si';
diff --git a/react/features/base/settings/functions.any.ts b/react/features/base/settings/functions.any.ts
new file mode 100644
index 0000000..70514f5
--- /dev/null
+++ b/react/features/base/settings/functions.any.ts
@@ -0,0 +1,126 @@
+import { IReduxState } from '../../app/types';
+import { iAmVisitor } from '../../visitors/functions';
+import { IStateful } from '../app/types';
+import CONFIG_WHITELIST from '../config/configWhitelist';
+import { IConfigState } from '../config/reducer';
+import { IJwtState } from '../jwt/reducer';
+import { toState } from '../redux/functions';
+import { parseURLParams } from '../util/parseURLParams';
+
+import { DEFAULT_SERVER_URL } from './constants';
+import { ISettingsState } from './reducer';
+
+/**
+ * Returns the effective value of a configuration/preference/setting by applying
+ * a precedence among the values specified by JWT, URL, settings,
+ * and config.
+ *
+ * @param {Object|Function} stateful - The redux state object or {@code getState} function.
+ * @param {string} propertyName - The name of the
+ * configuration/preference/setting (property) to retrieve.
+ * @param {Object} sources - Flags indicating the configuration/preference/setting sources to
+ * consider/retrieve values from.
+ * @param {boolean} sources.config - Config.
+ * @param {boolean} jwt - JWT.
+ * @param {boolean} settings - Settings.
+ * @param {boolean} urlParams - URL parameters.
+ * @returns {any}
+ */
+export function getPropertyValue(
+        stateful: IStateful,
+        propertyName: string,
+        sources?: any
+) {
+    // Default values don't play nicely with partial objects and we want to make
+    // the function easy to use without exhaustively defining all flags:
+    sources = { // eslint-disable-line no-param-reassign
+        // Defaults:
+        config: true,
+        jwt: true,
+        settings: true,
+        urlParams: true,
+
+        ...sources
+    };
+
+    // Precedence: jwt -> urlParams -> settings -> config.
+
+    const state = toState(stateful);
+
+    // jwt
+    if (sources.jwt) {
+        const value = state['features/base/jwt'][propertyName as keyof IJwtState];
+
+        if (typeof value !== 'undefined') {
+            return value[propertyName as keyof typeof value];
+        }
+    }
+
+    // urlParams
+    if (sources.urlParams) {
+        if (CONFIG_WHITELIST.indexOf(propertyName) !== -1) {
+            const urlParams
+                = parseURLParams(state['features/base/connection'].locationURL ?? '');
+            const value = urlParams[`config.${propertyName}`];
+
+            if (typeof value !== 'undefined') {
+                return value;
+            }
+        }
+    }
+
+    // settings
+    if (sources.settings) {
+        const value = state['features/base/settings'][propertyName as keyof ISettingsState];
+
+        if (typeof value !== 'undefined') {
+            return value;
+        }
+    }
+
+    // config
+    if (sources.config) {
+        const value = state['features/base/config'][propertyName as keyof IConfigState];
+
+        if (typeof value !== 'undefined') {
+            return value;
+        }
+    }
+
+    return undefined;
+}
+
+/**
+ * Gets the currently configured server URL.
+ *
+ * @param {Object|Function} stateful - The redux state object or
+ * {@code getState} function.
+ * @returns {string} - The currently configured server URL.
+ */
+export function getServerURL(stateful: IStateful) {
+    const state = toState(stateful);
+
+    return state['features/base/settings'].serverURL || DEFAULT_SERVER_URL;
+}
+
+/**
+ * Should we hide the helper dialog when a user tries to do audio only screen sharing.
+ *
+ * @param {Object} state - The state of the application.
+ * @returns {boolean}
+ */
+export function shouldHideShareAudioHelper(state: IReduxState): boolean | undefined {
+
+    return state['features/base/settings'].hideShareAudioHelper;
+}
+
+/**
+ * Gets the disabled self view setting.
+ *
+ * @param {Object} state - Redux state.
+ * @returns {boolean}
+ */
+export function getHideSelfView(state: IReduxState) {
+    return state['features/base/config'].disableSelfView || state['features/base/settings'].disableSelfView
+        || iAmVisitor(state);
+}
diff --git a/react/features/base/settings/functions.native.ts b/react/features/base/settings/functions.native.ts
new file mode 100644
index 0000000..f6f8907
--- /dev/null
+++ b/react/features/base/settings/functions.native.ts
@@ -0,0 +1,34 @@
+import { NativeModules } from 'react-native';
+import DefaultPreference from 'react-native-default-preference';
+
+export * from './functions.any';
+
+const { AudioMode } = NativeModules;
+
+/**
+ * Handles changes to the `disableCallIntegration` setting.
+ * On Android (where `AudioMode.setUseConnectionService` is defined) we must update
+ * the native side too, since audio routing works differently.
+ *
+ * @param {boolean} disabled - Whether call integration is disabled or not.
+ * @returns {void}
+ */
+export function handleCallIntegrationChange(disabled: boolean) {
+    if (AudioMode.setUseConnectionService) {
+        AudioMode.setUseConnectionService(!disabled);
+    }
+}
+
+/**
+ * Handles changes to the `disableCrashReporting` setting.
+ * Stores the value into platform specific default preference file, so at app
+ * start-up time it is retrieved on the native side and the crash reporting
+ * is enabled/disabled.
+ *
+ * @param {boolean} disabled - Whether crash reporting is disabled or not.
+ * @returns {void}
+ */
+export function handleCrashReportingChange(disabled: boolean) {
+    DefaultPreference.setName('jitsi-default-preferences').then( // @ts-ignore
+        DefaultPreference.set('isCrashReportingDisabled', disabled.toString()));
+}
diff --git a/react/features/base/settings/functions.web.ts b/react/features/base/settings/functions.web.ts
new file mode 100644
index 0000000..71423ca
--- /dev/null
+++ b/react/features/base/settings/functions.web.ts
@@ -0,0 +1,216 @@
+import { IReduxState } from '../../app/types';
+import { IStateful } from '../app/types';
+import { toState } from '../redux/functions';
+
+export * from './functions.any';
+
+/**
+ * Returns the deviceId for the currently used camera.
+ *
+ * @param {Object} state - The state of the application.
+ * @returns {void}
+ */
+export function getCurrentCameraDeviceId(state: IReduxState) {
+    return getDeviceIdByType(state, 'isVideoTrack');
+}
+
+/**
+ * Returns the deviceId for the currently used microphone.
+ *
+ * @param {Object} state - The state of the application.
+ * @returns {void}
+ */
+export function getCurrentMicDeviceId(state: IReduxState) {
+    return getDeviceIdByType(state, 'isAudioTrack');
+}
+
+/**
+ * Returns the deviceId for the currently used speaker.
+ *
+ * @param {Object} state - The state of the application.
+ * @returns {void}
+ */
+export function getCurrentOutputDeviceId(state: IReduxState) {
+    return state['features/base/settings'].audioOutputDeviceId;
+}
+
+/**
+ * Returns the deviceId for the corresponding local track type.
+ *
+ * @param {Object} state - The state of the application.
+ * @param {string} isType - Can be 'isVideoTrack' | 'isAudioTrack'.
+ * @returns {string}
+ */
+function getDeviceIdByType(state: IReduxState, isType: string) {
+    const [ deviceId ] = state['features/base/tracks']
+        .map(t => t.jitsiTrack)
+        .filter(t => t?.isLocal() && t[isType as keyof typeof t]())
+        .map(t => t.getDeviceId());
+
+    return deviceId || '';
+}
+
+/**
+ * Returns the saved display name.
+ *
+ * @param {Object} state - The state of the application.
+ * @returns {string}
+ */
+export function getDisplayName(state: IReduxState): string {
+    return state['features/base/settings'].displayName || '';
+}
+
+/**
+ * Searches known devices for a matching deviceId and fall back to matching on
+ * label. Returns the stored preferred cameraDeviceId if a match is not found.
+ *
+ * @param {Object|Function} stateful - The redux state object or
+ * {@code getState} function.
+ * @returns {string}
+ */
+export function getUserSelectedCameraDeviceId(stateful: IStateful) {
+    const state = toState(stateful);
+    const {
+        userSelectedCameraDeviceId,
+        userSelectedCameraDeviceLabel
+    } = state['features/base/settings'];
+    const { videoInput } = state['features/base/devices'].availableDevices;
+
+    return _getUserSelectedDeviceId({
+        availableDevices: videoInput,
+
+        // Operating systems may append " #{number}" somewhere in the label so
+        // find and strip that bit.
+        matchRegex: /\s#\d*(?!.*\s#\d*)/,
+        userSelectedDeviceId: userSelectedCameraDeviceId,
+        userSelectedDeviceLabel: userSelectedCameraDeviceLabel,
+        replacement: ''
+    });
+}
+
+/**
+ * Searches known devices for a matching deviceId and fall back to matching on
+ * label. Returns the stored preferred micDeviceId if a match is not found.
+ *
+ * @param {Object|Function} stateful - The redux state object or
+ * {@code getState} function.
+ * @returns {string}
+ */
+export function getUserSelectedMicDeviceId(stateful: IStateful) {
+    const state = toState(stateful);
+    const {
+        userSelectedMicDeviceId,
+        userSelectedMicDeviceLabel
+    } = state['features/base/settings'];
+    const { audioInput } = state['features/base/devices'].availableDevices;
+
+    return _getUserSelectedDeviceId({
+        availableDevices: audioInput,
+
+        // Operating systems may append " ({number}-" somewhere in the label so
+        // find and strip that bit.
+        matchRegex: /\s\(\d*-\s(?!.*\s\(\d*-\s)/,
+        userSelectedDeviceId: userSelectedMicDeviceId,
+        userSelectedDeviceLabel: userSelectedMicDeviceLabel,
+        replacement: ' ('
+    });
+}
+
+/**
+ * Searches known devices for a matching deviceId and fall back to matching on
+ * label. Returns the stored preferred audioOutputDeviceId if a match is not found.
+ *
+ * @param {Object|Function} stateful - The redux state object or
+ * {@code getState} function.
+ * @returns {string}
+ */
+export function getUserSelectedOutputDeviceId(stateful: IStateful) {
+    const state = toState(stateful);
+    const {
+        userSelectedAudioOutputDeviceId,
+        userSelectedAudioOutputDeviceLabel
+    } = state['features/base/settings'];
+    const { audioOutput } = state['features/base/devices'].availableDevices;
+
+    return _getUserSelectedDeviceId({
+        availableDevices: audioOutput,
+        matchRegex: undefined,
+        userSelectedDeviceId: userSelectedAudioOutputDeviceId,
+        userSelectedDeviceLabel: userSelectedAudioOutputDeviceLabel,
+        replacement: undefined
+    });
+}
+
+/**
+ * A helper function to abstract the logic for choosing which device ID to
+ * use. Falls back to fuzzy matching on label if a device ID match is not found.
+ *
+ * @param {Object} options - The arguments used to match find the preferred
+ * device ID from available devices.
+ * @param {Array<string>} options.availableDevices - The array of currently
+ * available devices to match against.
+ * @param {Object} options.matchRegex - The regex to use to find strings
+ * appended to the label by the operating system. The matches will be replaced
+ * with options.replacement, with the intent of matching the same device that
+ * might have a modified label.
+ * @param {string} options.userSelectedDeviceId - The device ID the participant
+ * prefers to use.
+ * @param {string} options.userSelectedDeviceLabel - The label associated with the
+ * device ID the participant prefers to use.
+ * @param {string} options.replacement - The string to use with
+ * options.matchRegex to remove identifies added to the label by the operating
+ * system.
+ * @private
+ * @returns {string} The preferred device ID to use for media.
+ */
+function _getUserSelectedDeviceId(options: {
+    availableDevices: MediaDeviceInfo[] | undefined;
+    matchRegex?: RegExp;
+    replacement?: string;
+    userSelectedDeviceId?: string;
+    userSelectedDeviceLabel?: string;
+}) {
+    const {
+        availableDevices,
+        matchRegex = '',
+        userSelectedDeviceId,
+        userSelectedDeviceLabel,
+        replacement = ''
+    } = options;
+
+    if (userSelectedDeviceId) {
+        const foundMatchingBasedonDeviceId = availableDevices?.find(
+            candidate => candidate.deviceId === userSelectedDeviceId);
+
+        // Prioritize matching the deviceId
+        if (foundMatchingBasedonDeviceId) {
+            return userSelectedDeviceId;
+        }
+    }
+
+    // If there is no label at all, there is no need to fall back to checking
+    // the label for a fuzzy match.
+    if (!userSelectedDeviceLabel) {
+        return;
+    }
+
+    const strippedDeviceLabel
+        = matchRegex ? userSelectedDeviceLabel.replace(matchRegex, replacement)
+            : userSelectedDeviceLabel;
+    const foundMatchBasedOnLabel = availableDevices?.find(candidate => {
+        const { label } = candidate;
+
+        if (!label) {
+            return false;
+        } else if (strippedDeviceLabel === label) {
+            return true;
+        }
+
+        const strippedCandidateLabel
+            = label.replace(matchRegex, replacement);
+
+        return strippedDeviceLabel === strippedCandidateLabel;
+    });
+
+    return foundMatchBasedOnLabel?.deviceId;
+}
diff --git a/react/features/base/settings/logger.ts b/react/features/base/settings/logger.ts
new file mode 100644
index 0000000..e832b70
--- /dev/null
+++ b/react/features/base/settings/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../logging/functions';
+
+export default getLogger('app:settings');
diff --git a/react/features/base/settings/middleware.any.ts b/react/features/base/settings/middleware.any.ts
new file mode 100644
index 0000000..a9daa06
--- /dev/null
+++ b/react/features/base/settings/middleware.any.ts
@@ -0,0 +1,117 @@
+import { escape } from 'lodash-es';
+import { AnyAction } from 'redux';
+
+import { IStore } from '../../app/types';
+import { SET_LOCATION_URL } from '../connection/actionTypes';
+import { participantUpdated } from '../participants/actions';
+import { getLocalParticipant } from '../participants/functions';
+import MiddlewareRegistry from '../redux/MiddlewareRegistry';
+import { parseURLParams } from '../util/parseURLParams';
+
+import { SETTINGS_UPDATED } from './actionTypes';
+import { updateSettings } from './actions';
+
+/**
+ * The middleware of the feature base/settings. Distributes changes to the state
+ * of base/settings to the states of other features computed from the state of
+ * base/settings.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    const result = next(action);
+
+    switch (action.type) {
+    case SETTINGS_UPDATED:
+        _updateLocalParticipant(store, action);
+        break;
+    case SET_LOCATION_URL:
+        _updateLocalParticipantFromUrl(store);
+        break;
+    }
+
+    return result;
+});
+
+/**
+ * Maps the settings field names to participant names where they don't match.
+ * Currently there is only one such field, but may be extended in the future.
+ *
+ * @private
+ * @param {string} settingsField - The name of the settings field to map.
+ * @returns {string}
+ */
+function _mapSettingsFieldToParticipant(settingsField: string) {
+    switch (settingsField) {
+    case 'displayName':
+        return 'name';
+    }
+
+    return settingsField;
+}
+
+/**
+ * Updates the local participant according to settings changes.
+ *
+ * @param {Store} store - The redux store.
+ * @param {Object} action - The dispatched action.
+ * @private
+ * @returns {void}
+ */
+function _updateLocalParticipant({ dispatch, getState }: IStore, action: AnyAction) {
+    const { settings } = action;
+    const localParticipant = getLocalParticipant(getState());
+    const newLocalParticipant = {
+        ...localParticipant
+    };
+
+    for (const key in settings) {
+        if (settings.hasOwnProperty(key)) {
+            newLocalParticipant[_mapSettingsFieldToParticipant(key) as keyof typeof newLocalParticipant]
+                = settings[key];
+        }
+    }
+
+    dispatch(participantUpdated({
+        ...newLocalParticipant,
+        id: newLocalParticipant.id ?? ''
+    }));
+}
+
+
+/**
+ * Returns the userInfo set in the URL.
+ *
+ * @param {Store} store - The redux store.
+ * @private
+ * @returns {void}
+ */
+function _updateLocalParticipantFromUrl({ dispatch, getState }: IStore) {
+    const urlParams
+        = parseURLParams(getState()['features/base/connection'].locationURL ?? '');
+    const urlEmail = urlParams['userInfo.email'];
+    const urlDisplayName = urlParams['userInfo.displayName'];
+
+    if (!urlEmail && !urlDisplayName) {
+        return;
+    }
+
+    const localParticipant = getLocalParticipant(getState());
+
+    if (localParticipant) {
+        const displayName = escape(urlDisplayName);
+        const email = escape(urlEmail);
+
+        dispatch(participantUpdated({
+            ...localParticipant,
+            email,
+            name: displayName
+        }));
+
+        dispatch(updateSettings({
+            displayName,
+            email
+        }));
+    }
+}
diff --git a/react/features/base/settings/middleware.native.ts b/react/features/base/settings/middleware.native.ts
new file mode 100644
index 0000000..7b202f0
--- /dev/null
+++ b/react/features/base/settings/middleware.native.ts
@@ -0,0 +1,96 @@
+import { IStore } from '../../app/types';
+import { APP_WILL_MOUNT } from '../app/actionTypes';
+import { setAudioOnly } from '../audio-only/actions';
+import MiddlewareRegistry from '../redux/MiddlewareRegistry';
+
+import { SETTINGS_UPDATED } from './actionTypes';
+import { handleCallIntegrationChange, handleCrashReportingChange } from './functions.native';
+import { ISettingsState } from './reducer';
+
+import './middleware.any';
+
+/**
+ * The middleware of the feature base/settings. Distributes changes to the state
+ * of base/settings to the states of other features computed from the state of
+ * base/settings.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    const result = next(action);
+
+    switch (action.type) {
+    case APP_WILL_MOUNT:
+        _initializeCallIntegration(store);
+        break;
+    case SETTINGS_UPDATED:
+        _maybeHandleCallIntegrationChange(action);
+        _maybeCrashReportingChange(action);
+        _maybeSetAudioOnly(store, action);
+        break;
+    }
+
+    return result;
+});
+
+/**
+ * Initializes the audio device handler based on the `disableCallIntegration` setting.
+ *
+ * @param {Store} store - The redux store.
+ * @private
+ * @returns {void}
+ */
+function _initializeCallIntegration({ getState }: IStore) {
+    const { disableCallIntegration } = getState()['features/base/settings'];
+
+    if (typeof disableCallIntegration === 'boolean') {
+        handleCallIntegrationChange(disableCallIntegration);
+    }
+}
+
+/**
+ * Handles a change in the `disableCallIntegration` setting.
+ *
+ * @param {Object} action - The redux action.
+ * @private
+ * @returns {void}
+ */
+function _maybeHandleCallIntegrationChange({ settings: { disableCallIntegration } }: {
+    settings: Partial<ISettingsState>;
+}) {
+    if (typeof disableCallIntegration === 'boolean') {
+        handleCallIntegrationChange(disableCallIntegration);
+    }
+}
+
+/**
+ * Handles a change in the `disableCrashReporting` setting.
+ *
+ * @param {Object} action - The redux action.
+ * @private
+ * @returns {void}
+ */
+function _maybeCrashReportingChange({ settings: { disableCrashReporting } }: {
+    settings: Partial<ISettingsState>;
+}) {
+    if (typeof disableCrashReporting === 'boolean') {
+        handleCrashReportingChange(disableCrashReporting);
+    }
+}
+
+/**
+ * Updates {@code startAudioOnly} flag if it's updated in the settings.
+ *
+ * @param {Store} store - The redux store.
+ * @param {Object} action - The redux action.
+ * @private
+ * @returns {void}
+ */
+function _maybeSetAudioOnly(
+        { dispatch }: IStore,
+        { settings: { startAudioOnly } }: { settings: Partial<ISettingsState>; }) {
+    if (typeof startAudioOnly === 'boolean') {
+        dispatch(setAudioOnly(startAudioOnly));
+    }
+}
diff --git a/react/features/base/settings/middleware.web.ts b/react/features/base/settings/middleware.web.ts
new file mode 100644
index 0000000..15bccac
--- /dev/null
+++ b/react/features/base/settings/middleware.web.ts
@@ -0,0 +1,85 @@
+import { IStore } from '../../app/types';
+import { PREJOIN_INITIALIZED } from '../../prejoin/actionTypes';
+import { getJwtName } from '../jwt/functions';
+import { MEDIA_TYPE } from '../media/constants';
+import MiddlewareRegistry from '../redux/MiddlewareRegistry';
+import { TRACK_ADDED } from '../tracks/actionTypes';
+import { ITrack } from '../tracks/types';
+
+import { updateSettings } from './actions';
+import logger from './logger';
+
+
+import './middleware.any';
+
+/**
+ * The middleware of the feature base/settings. Distributes changes to the state
+ * of base/settings to the states of other features computed from the state of
+ * base/settings.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    const result = next(action);
+
+    switch (action.type) {
+    case PREJOIN_INITIALIZED:
+        _maybeUpdateDisplayName(store);
+        break;
+    case TRACK_ADDED:
+        _maybeUpdateDeviceId(store, action.track);
+        break;
+    }
+
+    return result;
+});
+
+/**
+ * Updates the display name to the one in JWT if there is one.
+ *
+ * @param {Store} store - The redux store.
+ * @private
+ * @returns {void}
+ */
+function _maybeUpdateDisplayName({ dispatch, getState }: IStore) {
+    const state = getState();
+    const hasJwt = Boolean(state['features/base/jwt'].jwt);
+
+    if (hasJwt) {
+        const displayName = getJwtName(state);
+
+        if (displayName) {
+            dispatch(updateSettings({
+                displayName
+            }));
+        }
+    }
+}
+
+/**
+ * Maybe update the camera or mic device id when local track is added or updated.
+ *
+ * @param {Store} store - The redux store.
+ * @param {ITrack} track - The potential local track.
+ * @private
+ * @returns {void}
+ */
+function _maybeUpdateDeviceId({ dispatch, getState }: IStore, track: ITrack) {
+    if (track.local) {
+        const { cameraDeviceId, micDeviceId } = getState()['features/base/settings'];
+        const deviceId = track.jitsiTrack.getDeviceId();
+
+        if (track.mediaType === MEDIA_TYPE.VIDEO && track.videoType === 'camera' && cameraDeviceId !== deviceId) {
+            dispatch(updateSettings({
+                cameraDeviceId: track.jitsiTrack.getDeviceId()
+            }));
+            logger.info(`switched local video device to: ${deviceId}`);
+        } else if (track.mediaType === MEDIA_TYPE.AUDIO && micDeviceId !== deviceId) {
+            dispatch(updateSettings({
+                micDeviceId: track.jitsiTrack.getDeviceId()
+            }));
+            logger.info(`switched local audio input device to: ${deviceId}`);
+        }
+    }
+}
diff --git a/react/features/base/settings/reducer.ts b/react/features/base/settings/reducer.ts
new file mode 100644
index 0000000..ce99186
--- /dev/null
+++ b/react/features/base/settings/reducer.ts
@@ -0,0 +1,174 @@
+// @ts-expect-error
+import { jitsiLocalStorage } from '@jitsi/js-utils';
+import { escape } from 'lodash-es';
+
+import { APP_WILL_MOUNT } from '../app/actionTypes';
+import PersistenceRegistry from '../redux/PersistenceRegistry';
+import ReducerRegistry from '../redux/ReducerRegistry';
+import { assignIfDefined } from '../util/helpers';
+
+import { SETTINGS_UPDATED } from './actionTypes';
+
+/**
+ * The default/initial redux state of the feature {@code base/settings}.
+ *
+ * @type Object
+ */
+const DEFAULT_STATE: ISettingsState = {
+    audioOutputDeviceId: undefined,
+    avatarURL: undefined,
+    cameraDeviceId: undefined,
+    disableCallIntegration: undefined,
+    disableCrashReporting: undefined,
+    disableP2P: undefined,
+    disableSelfView: false,
+    displayName: undefined,
+    email: undefined,
+    localFlipX: true,
+    maxStageParticipants: 1,
+    micDeviceId: undefined,
+    serverURL: undefined,
+    hideShareAudioHelper: false,
+    showSubtitlesOnStage: false,
+    soundsIncomingMessage: true,
+    soundsParticipantJoined: true,
+    soundsParticipantKnocking: true,
+    soundsParticipantLeft: true,
+    soundsTalkWhileMuted: true,
+    soundsReactions: true,
+    startAudioOnly: false,
+    startCarMode: false,
+    startWithAudioMuted: false,
+    startWithVideoMuted: false,
+    userSelectedAudioOutputDeviceId: undefined,
+    userSelectedCameraDeviceId: undefined,
+    userSelectedMicDeviceId: undefined,
+    userSelectedAudioOutputDeviceLabel: undefined,
+    userSelectedCameraDeviceLabel: undefined,
+    userSelectedNotifications: {
+        'notify.chatMessages': true
+    },
+    userSelectedMicDeviceLabel: undefined
+};
+
+export interface IAudioSettings {
+    autoGainControl?: boolean;
+    channelCount?: 1 | 2;
+    echoCancellation?: boolean;
+    noiseSuppression?: boolean;
+}
+export interface ISettingsState {
+    audioOutputDeviceId?: string;
+    audioSettings?: IAudioSettings;
+    audioSettingsVisible?: boolean;
+    avatarURL?: string;
+    cameraDeviceId?: string | boolean;
+    disableCallIntegration?: boolean;
+    disableCrashReporting?: boolean;
+    disableP2P?: boolean;
+    disableSelfView?: boolean;
+    displayName?: string;
+    email?: string;
+    hideShareAudioHelper?: boolean;
+    localFlipX?: boolean;
+    maxStageParticipants?: number;
+    micDeviceId?: string | boolean;
+    previewAudioTrack?: any | null;
+    serverURL?: string;
+    showSubtitlesOnStage?: boolean;
+    soundsIncomingMessage?: boolean;
+    soundsParticipantJoined?: boolean;
+    soundsParticipantKnocking?: boolean;
+    soundsParticipantLeft?: boolean;
+    soundsReactions?: boolean;
+    soundsTalkWhileMuted?: boolean;
+    startAudioOnly?: boolean;
+    startCarMode?: boolean;
+    startWithAudioMuted?: boolean;
+    startWithVideoMuted?: boolean;
+    userSelectedAudioOutputDeviceId?: string;
+    userSelectedAudioOutputDeviceLabel?: string;
+    userSelectedCameraDeviceId?: string;
+    userSelectedCameraDeviceLabel?: string;
+    userSelectedMicDeviceId?: string;
+    userSelectedMicDeviceLabel?: string;
+    userSelectedNotifications?: {
+        [key: string]: boolean;
+    };
+    videoSettingsVisible?: boolean;
+    visible?: boolean;
+}
+
+const STORE_NAME = 'features/base/settings';
+
+/**
+ * Sets up the persistence of the feature {@code base/settings}.
+ */
+const filterSubtree: ISettingsState = {};
+
+// start with the default state
+Object.keys(DEFAULT_STATE).forEach(key => {
+    const key1 = key as keyof typeof filterSubtree;
+
+    // @ts-ignore
+    filterSubtree[key1] = true;
+});
+
+// we want to filter these props, to not be stored as they represent
+// what is currently opened/used as devices
+// @ts-ignore
+filterSubtree.audioOutputDeviceId = false;
+filterSubtree.cameraDeviceId = false;
+filterSubtree.micDeviceId = false;
+
+PersistenceRegistry.register(STORE_NAME, filterSubtree, DEFAULT_STATE);
+
+ReducerRegistry.register<ISettingsState>(STORE_NAME, (state = DEFAULT_STATE, action): ISettingsState => {
+    switch (action.type) {
+    case APP_WILL_MOUNT:
+        return _initSettings(state);
+
+    case SETTINGS_UPDATED:
+        return {
+            ...state,
+            ...action.settings
+        };
+    }
+
+    return state;
+});
+
+/**
+ * Inits the settings object based on what information we have available.
+ * Info taken into consideration:
+ *   - Old Settings.js style data.
+ *
+ * @private
+ * @param {ISettingsState} featureState - The current state of the feature.
+ * @returns {Object}
+ */
+function _initSettings(featureState: ISettingsState) {
+    let settings = featureState;
+
+    // Old Settings.js values
+    // FIXME: jibri uses old settings.js local storage values to set its display
+    // name and email. Provide another way for jibri to set these values, update
+    // jibri, and remove the old settings.js values.
+    const savedDisplayName = jitsiLocalStorage.getItem('displayname');
+    const savedEmail = jitsiLocalStorage.getItem('email');
+
+    // The helper _.escape will convert null to an empty strings. The empty
+    // string will be saved in settings. On app re-load, because an empty string
+    // is a defined value, it will override any value found in local storage.
+    // The workaround is sidestepping _.escape when the value is not set in
+    // local storage.
+    const displayName = savedDisplayName === null ? undefined : escape(savedDisplayName);
+    const email = savedEmail === null ? undefined : escape(savedEmail);
+
+    settings = assignIfDefined({
+        displayName,
+        email
+    }, settings);
+
+    return settings;
+}
diff --git a/react/features/base/sounds/actionTypes.ts b/react/features/base/sounds/actionTypes.ts
new file mode 100644
index 0000000..c1dde42
--- /dev/null
+++ b/react/features/base/sounds/actionTypes.ts
@@ -0,0 +1,64 @@
+/**
+ * The type of a feature/internal/protected (redux) action to add an audio
+ * element to the sounds collection state.
+ *
+ * {
+ *     type: _ADD_AUDIO_ELEMENT,
+ *     ref: AudioElement,
+ *     soundId: string
+ * }
+ */
+export const _ADD_AUDIO_ELEMENT = '_ADD_AUDIO_ELEMENT';
+
+/**
+ * The type of feature/internal/protected (redux) action to remove an audio
+ * element for given sound identifier from the sounds collection state.
+ *
+ * {
+ *     type: _REMOVE_AUDIO_ELEMENT,
+ *     soundId: string
+ * }
+ */
+export const _REMOVE_AUDIO_ELEMENT = '_REMOVE_AUDIO_ELEMENT';
+
+/**
+ * The type of (redux) action to play a sound from the sounds collection.
+ *
+ * {
+ *     type: PLAY_SOUND,
+ *     soundId: string
+ * }
+ */
+export const PLAY_SOUND = 'PLAY_SOUND';
+
+/**
+ * The type of (redux) action to register a new sound with the sounds
+ * collection.
+ *
+ * {
+ *     type: REGISTER_SOUND,
+ *     soundId: string
+ * }
+ */
+export const REGISTER_SOUND = 'REGISTER_SOUND';
+
+/**
+ * The type of (redux) action to stop a sound from the sounds collection.
+ *
+ * {
+ *     type: STOP_SOUND,
+ *     soundId: string
+ * }
+ */
+export const STOP_SOUND = 'STOP_SOUND';
+
+/**
+ * The type of (redux) action to unregister an existing sound from the sounds
+ * collection.
+ *
+ * {
+ *     type: UNREGISTER_SOUND,
+ *     soundId: string
+ * }
+ */
+export const UNREGISTER_SOUND = 'UNREGISTER_SOUND';
diff --git a/react/features/base/sounds/actions.ts b/react/features/base/sounds/actions.ts
new file mode 100644
index 0000000..b4f9481
--- /dev/null
+++ b/react/features/base/sounds/actions.ts
@@ -0,0 +1,155 @@
+import { IStore } from '../../app/types';
+import { getConferenceState } from '../conference/functions';
+import { Sounds } from '../config/configType';
+import { AudioElement } from '../media/components/AbstractAudio';
+
+import {
+    PLAY_SOUND,
+    REGISTER_SOUND,
+    STOP_SOUND,
+    UNREGISTER_SOUND,
+    _ADD_AUDIO_ELEMENT,
+    _REMOVE_AUDIO_ELEMENT
+} from './actionTypes';
+import { getSoundsPath } from './functions';
+import { getDisabledSounds } from './functions.any';
+
+/**
+ * Adds {@link AudioElement} instance to the base/sounds feature state for the
+ * {@link Sound} instance identified by the given id. After this action the
+ * sound can be played by dispatching the {@link PLAY_SOUND} action.
+ *
+ * @param {string} soundId - The sound identifier for which the audio element
+ * will be stored.
+ * @param {AudioElement} audioElement - The audio element which implements the
+ * audio playback functionality and which is backed by the sound resource
+ * corresponding to the {@link Sound} with the given id.
+ * @protected
+ * @returns {{
+ *     type: PLAY_SOUND,
+ *     audioElement: AudioElement,
+ *     soundId: string
+ * }}
+ */
+export function _addAudioElement(soundId: string, audioElement: AudioElement) {
+    return {
+        type: _ADD_AUDIO_ELEMENT,
+        audioElement,
+        soundId
+    };
+}
+
+/**
+ * The opposite of {@link _addAudioElement} which removes {@link AudioElement}
+ * for given sound from base/sounds state. It means that the audio resource has
+ * been disposed and the sound can no longer be played.
+ *
+ * @param {string} soundId - The {@link Sound} instance identifier for which the
+ * audio element is being removed.
+ * @protected
+ * @returns {{
+ *     type: _REMOVE_AUDIO_ELEMENT,
+ *     soundId: string
+ * }}
+ */
+export function _removeAudioElement(soundId: string) {
+    return {
+        type: _REMOVE_AUDIO_ELEMENT,
+        soundId
+    };
+}
+
+/**
+ * Starts playback of the sound identified by the given sound id. The action
+ * will have effect only if the audio resource has been loaded already.
+ *
+ * @param {string} soundId - The id of the sound to be played (the same one
+ * which was used in {@link registerSound} to register the sound).
+ * @returns {Function}
+ */
+export function playSound(soundId: string) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const disabledSounds = getDisabledSounds(state);
+        const { leaving } = getConferenceState(state);
+
+        // Skip playing sounds when leaving, to avoid hearing that recording has stopped and so on.
+        if (leaving) {
+            return;
+        }
+
+        if (!disabledSounds.includes(soundId as Sounds) && !disabledSounds.find(id => soundId.startsWith(id))) {
+            dispatch({
+                type: PLAY_SOUND,
+                soundId
+            });
+        }
+    };
+}
+
+/**
+ * Registers a new sound for given id and a source object which can be either a
+ * path or a raw object depending on the platform (native vs web). It will make
+ * the {@link SoundCollection} render extra HTMLAudioElement which will make it
+ * available for playback through the {@link playSound} action.
+ *
+ * @param {string} soundId - The global identifier which identify the sound
+ * created for given source object.
+ * @param {string} soundName - The name of bundled audio file that will be
+ * associated with the given {@code soundId}.
+ * @param {Object} options - Optional parameters.
+ * @param {boolean} options.loop - True in order to loop the sound.
+ * @returns {{
+ *     type: REGISTER_SOUND,
+ *     soundId: string,
+ *     src: string,
+ *     options: {
+ *          loop: boolean
+ *     }
+ * }}
+ */
+export function registerSound(
+        soundId: string, soundName: string, options: Object = {}) {
+    return {
+        type: REGISTER_SOUND,
+        soundId,
+        src: `${getSoundsPath()}/${soundName}`,
+        options
+    };
+}
+
+/**
+ * Stops playback of the sound identified by the given sound id.
+ *
+ * @param {string} soundId - The id of the sound to be stopped (the same one
+ * which was used in {@link registerSound} to register the sound).
+ * @returns {{
+ *     type: STOP_SOUND,
+ *     soundId: string
+ * }}
+ */
+export function stopSound(soundId: string) {
+    return {
+        type: STOP_SOUND,
+        soundId
+    };
+}
+
+/**
+ * Unregister the sound identified by the given id. It will make the
+ * {@link SoundCollection} component stop rendering the corresponding
+ * {@code HTMLAudioElement} which then should result in the audio resource
+ * disposal.
+ *
+ * @param {string} soundId - The identifier of the {@link Sound} to be removed.
+ * @returns {{
+ *     type: UNREGISTER_SOUND,
+ *     soundId: string
+ * }}
+ */
+export function unregisterSound(soundId: string) {
+    return {
+        type: UNREGISTER_SOUND,
+        soundId
+    };
+}
diff --git a/react/features/base/sounds/components/SoundCollection.ts b/react/features/base/sounds/components/SoundCollection.ts
new file mode 100644
index 0000000..72a48a1
--- /dev/null
+++ b/react/features/base/sounds/components/SoundCollection.ts
@@ -0,0 +1,154 @@
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../../app/types';
+import { AudioElement } from '../../media/components/AbstractAudio';
+import { Audio } from '../../media/components/index';
+import { _addAudioElement, _removeAudioElement } from '../actions';
+import { Sound } from '../reducer';
+
+/**
+ * {@link SoundCollection}'s properties.
+ */
+interface IProps {
+
+    /**
+     * Dispatches {@link _ADD_AUDIO_ELEMENT} Redux action which will store the
+     * {@link AudioElement} for a sound in the Redux store.
+     */
+    _addAudioElement: Function;
+
+    /**
+     * Dispatches {@link _REMOVE_AUDIO_ELEMENT} Redux action which will remove
+     * the sound's {@link AudioElement} from the Redux store.
+     */
+    _removeAudioElement: Function;
+
+    /**
+     * It's the 'base/sounds' reducer's state mapped to a property. It's used to
+     * render audio elements for every registered sound.
+     */
+    _sounds: Map<string, Sound>;
+}
+
+/**
+ * Collections of all global sounds used by the app for playing audio
+ * notifications in response to various events. It renders <code>Audio</code>
+ * element for each sound registered in the base/sounds feature. When the audio
+ * resource is loaded it will emit add/remove audio element actions which will
+ * attach the element to the corresponding {@link Sound} instance in the Redux
+ * state. When that happens the sound can be played using the {@link playSound}
+ * action.
+ */
+class SoundCollection extends Component<IProps> {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        let key = 0;
+        const sounds = [];
+
+        for (const [ soundId, sound ] of this.props._sounds.entries()) {
+            const { options, src } = sound;
+
+            sounds.push(
+                React.createElement(
+                    Audio, {
+                        key,
+                        setRef: this._setRef.bind(this, soundId),
+                        src,
+                        loop: options?.loop
+                    }));
+            key += 1;
+        }
+
+        return sounds;
+    }
+
+    /**
+     * Set the (reference to the) {@link AudioElement} object which implements
+     * the audio playback functionality.
+     *
+     * @param {string} soundId - The sound Id for the audio element for which
+     * the callback is being executed.
+     * @param {AudioElement} element - The {@link AudioElement} instance
+     * which implements the audio playback functionality.
+     * @protected
+     * @returns {void}
+     */
+    _setRef(soundId: string, element?: AudioElement) {
+        if (element) {
+            this.props._addAudioElement(soundId, element);
+        } else {
+            this.props._removeAudioElement(soundId);
+        }
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to {@code SoundCollection}'s props.
+ *
+ * @param {Object} state - The redux state.
+ * @private
+ * @returns {{
+ *     _sounds: Map<string, Sound>
+ * }}
+ */
+function _mapStateToProps(state: IReduxState) {
+    return {
+        _sounds: state['features/base/sounds']
+    };
+}
+
+/**
+ * Maps dispatching of some actions to React component props.
+ *
+ * @param {Function} dispatch - Redux action dispatcher.
+ * @private
+ * @returns {{
+ *     _addAudioElement: void,
+ *     _removeAudioElement: void
+ * }}
+ */
+export function _mapDispatchToProps(dispatch: IStore['dispatch']) {
+    return {
+        /**
+         * Dispatches action to store the {@link AudioElement} for
+         * a {@link Sound} identified by given <tt>soundId</tt> in the Redux
+         * store, so that the playback can be controlled through the Redux
+         * actions.
+         *
+         * @param {string} soundId - A global identifier which will be used to
+         * identify the {@link Sound} instance for which an audio element will
+         * be added.
+         * @param {AudioElement} audioElement - The {@link AudioElement}
+         * instance that will be stored in the Redux state of the base/sounds
+         * feature, as part of the {@link Sound} object. At that point the sound
+         * will be ready for playback.
+         * @private
+         * @returns {void}
+         */
+        _addAudioElement(soundId: string, audioElement: AudioElement) {
+            dispatch(_addAudioElement(soundId, audioElement));
+        },
+
+        /**
+         * Dispatches action to remove {@link AudioElement} from the Redux
+         * store for specific {@link Sound}, because it is no longer part of
+         * the DOM tree and the audio resource will be released.
+         *
+         * @param {string} soundId - The id of the {@link Sound} instance for
+         * which an {@link AudioElement} will be removed from the Redux store.
+         * @private
+         * @returns {void}
+         */
+        _removeAudioElement(soundId: string) {
+            dispatch(_removeAudioElement(soundId));
+        }
+    };
+}
+
+export default connect(_mapStateToProps, _mapDispatchToProps)(SoundCollection);
diff --git a/react/features/base/sounds/functions.android.ts b/react/features/base/sounds/functions.android.ts
new file mode 100644
index 0000000..df99d97
--- /dev/null
+++ b/react/features/base/sounds/functions.android.ts
@@ -0,0 +1,9 @@
+/**
+ * Returns the location of the sounds. On Android sounds files are copied to
+ * the 'assets/sounds/' folder of the SDK bundle on build time.
+ *
+ * @returns {string}
+ */
+export function getSoundsPath() {
+    return 'asset:/sounds';
+}
diff --git a/react/features/base/sounds/functions.any.ts b/react/features/base/sounds/functions.any.ts
new file mode 100644
index 0000000..9738f67
--- /dev/null
+++ b/react/features/base/sounds/functions.any.ts
@@ -0,0 +1,11 @@
+import { IReduxState } from '../../app/types';
+
+/**
+ * Selector for retrieving the disabled sounds array.
+ *
+ * @param {Object} state - The Redux state.
+ * @returns {Array<string>} - The disabled sound id's array.
+ */
+export function getDisabledSounds(state: IReduxState) {
+    return state['features/base/config'].disabledSounds || [];
+}
diff --git a/react/features/base/sounds/functions.ios.ts b/react/features/base/sounds/functions.ios.ts
new file mode 100644
index 0000000..185d010
--- /dev/null
+++ b/react/features/base/sounds/functions.ios.ts
@@ -0,0 +1,12 @@
+import { getSdkBundlePath } from '../../app/functions.native';
+
+/**
+ * Returns the location of the sounds. On iOS it's the location of the SDK
+ * bundle on the phone. Each sound file must be added to the SDK's XCode project
+ * in order to be bundled correctly.
+ *
+ * @returns {string}
+ */
+export function getSoundsPath() {
+    return getSdkBundlePath();
+}
diff --git a/react/features/base/sounds/functions.web.ts b/react/features/base/sounds/functions.web.ts
new file mode 100644
index 0000000..33a60a3
--- /dev/null
+++ b/react/features/base/sounds/functions.web.ts
@@ -0,0 +1,27 @@
+import { IStore } from '../../app/types';
+
+/**
+ * Returns the location of the sounds. On Web it's the relative path to
+ * the sounds folder placed in the source root.
+ *
+ * @returns {string}
+ */
+export function getSoundsPath() {
+    return 'sounds';
+}
+
+/**
+ * Set new audio output device on the global sound elements.
+ *
+ * @param {string } deviceId - The new output deviceId.
+ * @returns {Function}
+ */
+export function setNewAudioOutputDevice(deviceId: string) {
+    return function(_dispatch: IStore['dispatch'], getState: IStore['getState']) {
+        const sounds = getState()['features/base/sounds'];
+
+        for (const [ , sound ] of sounds) {
+            sound.audioElement?.setSinkId?.(deviceId);
+        }
+    };
+}
diff --git a/react/features/base/sounds/logger.ts b/react/features/base/sounds/logger.ts
new file mode 100644
index 0000000..f4bcb0b
--- /dev/null
+++ b/react/features/base/sounds/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../logging/functions';
+
+export default getLogger('app:sounds');
diff --git a/react/features/base/sounds/middleware.any.ts b/react/features/base/sounds/middleware.any.ts
new file mode 100644
index 0000000..2bfa0a6
--- /dev/null
+++ b/react/features/base/sounds/middleware.any.ts
@@ -0,0 +1,129 @@
+import i18next from 'i18next';
+
+import { registerE2eeAudioFiles } from '../../../features/e2ee/functions';
+import { registerRecordingAudioFiles } from '../../../features/recording/functions';
+import { IStore } from '../../app/types';
+import { AudioSupportedLanguage } from '../media/constants';
+import MiddlewareRegistry from '../redux/MiddlewareRegistry';
+import StateListenerRegistry from '../redux/StateListenerRegistry';
+
+import { PLAY_SOUND, STOP_SOUND } from './actionTypes';
+import logger from './logger';
+
+/**
+ * Implements the entry point of the middleware of the feature base/sounds.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+
+    switch (action.type) {
+    case PLAY_SOUND:
+        _playSound(store, action.soundId);
+        break;
+    case STOP_SOUND:
+        _stopSound(store, action.soundId);
+        break;
+    }
+
+    return next(action);
+});
+
+/**
+ * Plays sound from audio element registered in the Redux store.
+ *
+ * @param {Store} store - The Redux store instance.
+ * @param {string} soundId - Audio element identifier.
+ * @private
+ * @returns {void}
+ */
+function _playSound({ getState }: IStore, soundId: string) {
+    const sounds = getState()['features/base/sounds'];
+    const sound = sounds.get(soundId);
+
+    if (sound) {
+        if (sound.audioElement) {
+            sound.audioElement.play();
+        } else {
+            logger.warn(`PLAY_SOUND: sound not loaded yet for id: ${soundId}`);
+        }
+    } else {
+        logger.warn(`PLAY_SOUND: no sound found for id: ${soundId}`);
+    }
+}
+
+/**
+ * Stop sound from audio element registered in the Redux store.
+ *
+ * @param {Store} store - The Redux store instance.
+ * @param {string} soundId - Audio element identifier.
+ * @private
+ * @returns {void}
+ */
+function _stopSound({ getState }: IStore, soundId: string) {
+    const sounds = getState()['features/base/sounds'];
+    const sound = sounds.get(soundId);
+
+    if (sound) {
+        const { audioElement } = sound;
+
+        if (audioElement) {
+            audioElement.stop();
+        } else {
+            logger.warn(`STOP_SOUND: sound not loaded yet for id: ${soundId}`);
+        }
+    } else {
+        logger.warn(`STOP_SOUND: no sound found for id: ${soundId}`);
+    }
+}
+
+/**
+ * Returns whether the language is supported for audio messages.
+ *
+ * @param {string} language - The requested language.
+ * @returns {boolean}
+ */
+function isLanguageSupported(language: string): Boolean {
+    return Boolean(AudioSupportedLanguage[language as keyof typeof AudioSupportedLanguage]);
+}
+
+/**
+ * Checking if it's necessary to reload the translated files.
+ *
+ * @param {string} language - The next language.
+ * @param {string} prevLanguage - The previous language.
+ * @returns {boolean}
+ */
+function shouldReloadAudioFiles(language: string, prevLanguage: string): Boolean {
+    const isNextLanguageSupported = isLanguageSupported(language);
+    const isPrevLanguageSupported = isLanguageSupported(prevLanguage);
+
+    return (
+
+        // From an unsupported language (which defaulted to English) to a supported language (that isn't English).
+        isNextLanguageSupported && language !== AudioSupportedLanguage.en && !isPrevLanguageSupported
+    ) || (
+
+        // From a supported language (that wasn't English) to English.
+        !isNextLanguageSupported && isPrevLanguageSupported && prevLanguage !== AudioSupportedLanguage.en
+    ) || (
+
+        // From a supported language to another.
+        isNextLanguageSupported && isPrevLanguageSupported
+    );
+}
+
+/**
+ * Set up state change listener for language.
+ */
+StateListenerRegistry.register(
+    () => i18next.language,
+    (language, { dispatch }, prevLanguage): void => {
+
+        if (language !== prevLanguage && shouldReloadAudioFiles(language, prevLanguage)) {
+            registerE2eeAudioFiles(dispatch, true);
+            registerRecordingAudioFiles(dispatch, true);
+        }
+    }
+);
diff --git a/react/features/base/sounds/middleware.native.ts b/react/features/base/sounds/middleware.native.ts
new file mode 100644
index 0000000..fefd329
--- /dev/null
+++ b/react/features/base/sounds/middleware.native.ts
@@ -0,0 +1 @@
+import './middleware.any';
diff --git a/react/features/base/sounds/middleware.web.ts b/react/features/base/sounds/middleware.web.ts
new file mode 100644
index 0000000..049c55b
--- /dev/null
+++ b/react/features/base/sounds/middleware.web.ts
@@ -0,0 +1,23 @@
+import { getAudioOutputDeviceId } from '../devices/functions.web';
+import MiddlewareRegistry from '../redux/MiddlewareRegistry';
+
+import { _ADD_AUDIO_ELEMENT } from './actionTypes';
+
+import './middleware.any';
+
+/**
+ * Implements the entry point of the middleware of the feature base/sounds.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(_store => next => action => {
+
+    switch (action.type) {
+    case _ADD_AUDIO_ELEMENT:
+        action.audioElement?.setSinkId?.(getAudioOutputDeviceId());
+        break;
+    }
+
+    return next(action);
+});
diff --git a/react/features/base/sounds/reducer.ts b/react/features/base/sounds/reducer.ts
new file mode 100644
index 0000000..54080c2
--- /dev/null
+++ b/react/features/base/sounds/reducer.ts
@@ -0,0 +1,144 @@
+import { AnyAction } from 'redux';
+
+import { AudioElement } from '../media/components/AbstractAudio';
+import ReducerRegistry from '../redux/ReducerRegistry';
+import { assign } from '../redux/functions';
+
+import {
+    REGISTER_SOUND,
+    UNREGISTER_SOUND,
+    _ADD_AUDIO_ELEMENT,
+    _REMOVE_AUDIO_ELEMENT
+} from './actionTypes';
+
+/**
+ * The structure use by this reducer to describe a sound.
+ */
+export type Sound = {
+
+    /**
+     * The HTMLAudioElement which implements the audio playback functionality.
+     * Becomes available once the sound resource gets loaded and the sound can
+     * not be played until that happens.
+     */
+    audioElement?: AudioElement;
+
+    /**
+     * This field is container for all optional parameters related to the sound.
+     */
+    options?: {
+        loop: boolean;
+    };
+
+    /**
+     * This field describes the source of the audio resource to be played. It
+     * can be either a path to the file or an object depending on the platform
+     * (native vs web).
+     */
+    src?: Object | string;
+};
+
+/**
+ * Initial/default state of the feature {@code base/sounds}. It is a {@code Map}
+ * of globally stored sounds.
+ *
+ * @type {Map<string, Sound>}
+ */
+const DEFAULT_STATE = new Map();
+
+export type ISoundsState = Map<string, Sound>;
+
+/**
+ * The base/sounds feature's reducer.
+ */
+ReducerRegistry.register<ISoundsState>(
+    'features/base/sounds',
+    (state = DEFAULT_STATE, action): ISoundsState => {
+        switch (action.type) {
+        case _ADD_AUDIO_ELEMENT:
+        case _REMOVE_AUDIO_ELEMENT:
+            return _addOrRemoveAudioElement(state, action);
+
+        case REGISTER_SOUND:
+            return _registerSound(state, action);
+
+        case UNREGISTER_SOUND:
+            return _unregisterSound(state, action);
+
+        default:
+            return state;
+        }
+    });
+
+/**
+ * Adds or removes {@link AudioElement} associated with a {@link Sound}.
+ *
+ * @param {Map<string, Sound>} state - The current Redux state of this feature.
+ * @param {_ADD_AUDIO_ELEMENT | _REMOVE_AUDIO_ELEMENT} action - The action to be
+ * handled.
+ * @private
+ * @returns {Map<string, Sound>}
+ */
+function _addOrRemoveAudioElement(state: ISoundsState, action: AnyAction) {
+    const isAddAction = action.type === _ADD_AUDIO_ELEMENT;
+    const nextState = new Map(state);
+    const { soundId } = action;
+
+    const sound = nextState.get(soundId);
+
+    if (sound) {
+        if (isAddAction) {
+            nextState.set(soundId,
+                assign(sound, {
+                    audioElement: action.audioElement
+                }));
+        } else {
+            nextState.set(soundId,
+                assign(sound, {
+                    audioElement: undefined
+                }));
+        }
+    }
+
+    return nextState;
+}
+
+/**
+ * Registers a new {@link Sound} for given id and source. It will make
+ * the {@link SoundCollection} component render HTMLAudioElement for given
+ * source making it available for playback through the redux actions.
+ *
+ * @param {Map<string, Sound>} state - The current Redux state of the sounds
+ * features.
+ * @param {REGISTER_SOUND} action - The register sound action.
+ * @private
+ * @returns {Map<string, Sound>}
+ */
+function _registerSound(state: ISoundsState, action: AnyAction) {
+    const nextState = new Map(state);
+
+    nextState.set(action.soundId, {
+        src: action.src,
+        options: action.options
+    });
+
+    return nextState;
+}
+
+/**
+ * Unregisters a {@link Sound} which will make the {@link SoundCollection}
+ * component stop rendering the corresponding HTMLAudioElement. This will
+ * result further in the audio resource disposal.
+ *
+ * @param {Map<string, Sound>} state - The current Redux state of this feature.
+ * @param {UNREGISTER_SOUND} action - The unregister sound action.
+ * @private
+ * @returns {Map<string, Sound>}
+ */
+function _unregisterSound(state: ISoundsState, action: AnyAction) {
+    const nextState = new Map(state);
+
+    nextState.delete(action.soundId);
+
+    return nextState;
+}
diff --git a/react/features/base/styles/components/styles/BoxModel.ts b/react/features/base/styles/components/styles/BoxModel.ts
new file mode 100644
index 0000000..b555d41
--- /dev/null
+++ b/react/features/base/styles/components/styles/BoxModel.ts
@@ -0,0 +1,15 @@
+/**
+ * The application's default properties related to the CSS box model such as
+ * margins, borders, padding.
+ */
+export const BoxModel = {
+    /**
+     * The application's default margin when non-zero margin is necessary.
+     */
+    margin: 10,
+
+    /**
+     * The application's default padding when non-zero padding is necessary.
+     */
+    padding: 10
+};
diff --git a/react/features/base/styles/components/styles/ColorPalette.ts b/react/features/base/styles/components/styles/ColorPalette.ts
new file mode 100644
index 0000000..45b880e
--- /dev/null
+++ b/react/features/base/styles/components/styles/ColorPalette.ts
@@ -0,0 +1,34 @@
+/**
+ * IMPORTANT: this file is deprecated. All of these colors should be moved to
+ * the theme instead.
+ */
+
+/**
+ * The application's definition of the default color black.
+ */
+const BLACK = '#111111';
+
+/**
+ * The application's color palette.
+ */
+export const ColorPalette = {
+    /**
+     * The application's background color.
+     */
+    appBackground: BLACK,
+
+    /**
+     * The application's definition of the default color black. Generally,
+     * expected to be kept in sync with the application's background color for
+     * the sake of consistency.
+     */
+    black: BLACK,
+    blue: '#17A0DB',
+    blueHighlight: '#1081b2',
+    darkGrey: '#555555',
+    green: '#40b183',
+    lightGrey: '#AAAAAA',
+    red: '#D00000',
+    transparent: 'rgba(0, 0, 0, 0)',
+    white: '#FFFFFF'
+};
diff --git a/react/features/base/styles/functions.any.ts b/react/features/base/styles/functions.any.ts
new file mode 100644
index 0000000..87d4c1b
--- /dev/null
+++ b/react/features/base/styles/functions.any.ts
@@ -0,0 +1,273 @@
+declare type StyleSheet = {
+    [key: string]: string | number | { [key: string]: string | number; };
+};
+
+export type StyleType = StyleSheet | Array<StyleSheet>;
+
+/**
+ * RegExp pattern for long HEX color format.
+ */
+const HEX_LONG_COLOR_FORMAT
+    = /^#([0-9A-F]{2,2})([0-9A-F]{2,2})([0-9A-F]{2,2})$/i;
+
+/**
+ * RegExp pattern for short HEX color format.
+ */
+const HEX_SHORT_COLOR_FORMAT
+    = /^#([0-9A-F]{1,1})([0-9A-F]{1,1})([0-9A-F]{1,1})$/i;
+
+/**
+ * RegExp pattern for RGB color format.
+ */
+const RGB_COLOR_FORMAT = /^rgb\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/i;
+
+/**
+ * RegExp pattern for RGBA color format.
+ */
+const RGBA_COLOR_FORMAT
+    = /^rgba\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3}),\s*([0-9.]+)\)$/i;
+
+/**
+ * The list of the well-known style properties which may not be numbers on Web
+ * but must be numbers on React Native.
+ *
+ * @private
+ */
+const _WELL_KNOWN_NUMBER_PROPERTIES = [ 'height', 'width' ];
+
+/**
+ * Function to convert complex StyleType styles into a single flat object,
+ * so then they can be deconstructed for further processing.
+ *
+ * @param {Styletype} st - The complex style type.
+ * @returns {Object}
+ */
+export function styleTypeToObject(st: StyleType | StyleType[]) {
+    if (!st) {
+        return {};
+    }
+
+    if (Array.isArray(st)) {
+        const flatStyle = {};
+
+        for (const styleElement of st) {
+            Object.assign(flatStyle, styleTypeToObject(styleElement));
+        }
+
+        return flatStyle;
+    }
+
+    return st;
+}
+
+/**
+ * Combines the given 2 styles into a single one.
+ *
+ * @param {StyleType} a - An object or array of styles.
+ * @param {StyleType} b - An object or array of styles.
+ * @private
+ * @returns {StyleType} - The merged styles.
+ */
+export function combineStyles(a: StyleType, b: StyleType): StyleType {
+    const result: Array<StyleSheet> = [];
+
+    if (a) {
+        if (Array.isArray(a)) {
+            result.push(...a);
+        } else {
+            result.push(a);
+        }
+    }
+
+    if (b) {
+        if (Array.isArray(b)) {
+            result.push(...b);
+        } else {
+            result.push(b);
+        }
+    }
+
+    return result;
+}
+
+/**
+ * Create a style sheet using the provided style definitions.
+ *
+ * @param {StyleSheet} styles - A dictionary of named style definitions.
+ * @param {StyleSheet} [overrides={}] - Optional set of additional (often
+ * platform-dependent/specific) style definitions that will override the base
+ * (often platform-independent) styles.
+ * @returns {StyleSheet}
+ */
+export function createStyleSheet(
+        styles: StyleSheet, overrides: StyleSheet = {}): StyleSheet {
+    const combinedStyles: any = {};
+
+    for (const k of Object.keys(styles)) {
+        combinedStyles[k]
+            = _shimStyles({
+                // @ts-ignore
+                ...styles[k],
+
+                // @ts-ignore
+                ...overrides[k]
+            });
+    }
+
+    return combinedStyles;
+}
+
+/**
+ * Returns an rgba format of the provided color if it's in hex or rgb format.
+ *
+ * NOTE: The function will return the same color if it's not in one of those
+ * two formats (e.g. 'white').
+ *
+ * @param {string} color - The string representation of the color in rgb or hex
+ * format.
+ * @param {number} alpha - The alpha value to apply.
+ * @returns {string}
+ */
+export function getRGBAFormat(color: string, alpha: number): string {
+    let match = color.match(HEX_LONG_COLOR_FORMAT);
+
+    if (match) {
+        return `#${match[1]}${match[2]}${match[3]}${_getAlphaInHex(alpha)}`;
+    }
+
+    match = color.match(HEX_SHORT_COLOR_FORMAT);
+    if (match) {
+        return `#${match[1]}${match[1]}${match[2]}${match[2]}${match[3]}${
+            match[3]}${_getAlphaInHex(alpha)}`;
+    }
+
+    match = color.match(RGB_COLOR_FORMAT);
+    if (match) {
+        return `rgba(${match[1]}, ${match[2]}, ${match[3]}, ${alpha})`;
+    }
+
+    return color;
+}
+
+/**
+ * Decides if a color is light or dark based on the ITU-R BT.709 and W3C
+ * recommendations.
+ *
+ * NOTE: Please see https://www.w3.org/TR/WCAG20/#relativeluminancedef.
+ *
+ * @param {string} color - The color in rgb, rgba or hex format.
+ * @returns {boolean}
+ */
+export function isDarkColor(color: string): boolean {
+    const rgb = _getRGBObjectFormat(color);
+
+    return ((_getColorLuminance(rgb.r) * 0.2126)
+    + (_getColorLuminance(rgb.g) * 0.7152)
+    + (_getColorLuminance(rgb.b) * 0.0722)) <= 0.179;
+}
+
+/**
+ * Converts an [0..1] alpha value into HEX.
+ *
+ * @param {number} alpha - The alpha value to convert.
+ * @returns {string}
+ */
+function _getAlphaInHex(alpha: number): string {
+    return Number(Math.round(255 * alpha)).toString(16)
+        .padStart(2, '0');
+}
+
+/**
+ * Calculated the color luminance component for an individual color channel.
+ *
+ * NOTE: Please see https://www.w3.org/TR/WCAG20/#relativeluminancedef.
+ *
+ * @param {number} c - The color which we need the individual luminance
+ * for.
+ * @returns {number}
+ */
+function _getColorLuminance(c: number): number {
+    return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
+}
+
+/**
+ * Parses a color string into an object containing the RGB values as numbers.
+ *
+ * NOTE: Object properties are not alpha-sorted for sanity.
+ *
+ * @param {string} color - The color to convert.
+ * @returns {{
+ *     r: number,
+ *     g: number,
+ *     b: number
+ * }}
+ */
+function _getRGBObjectFormat(color: string): { b: number; g: number; r: number; } {
+    let match = color.match(HEX_LONG_COLOR_FORMAT);
+
+    if (match) {
+        return {
+            r: parseInt(match[1], 16) / 255.0,
+            g: parseInt(match[2], 16) / 255.0,
+            b: parseInt(match[3], 16) / 255.0
+        };
+    }
+
+    match = color.match(HEX_SHORT_COLOR_FORMAT);
+    if (match) {
+        return {
+            r: parseInt(`${match[1]}${match[1]}`, 16) / 255.0,
+            g: parseInt(`${match[2]}${match[2]}`, 16) / 255.0,
+            b: parseInt(`${match[3]}${match[3]}`, 16) / 255.0
+        };
+    }
+
+    match = color.match(RGB_COLOR_FORMAT) || color.match(RGBA_COLOR_FORMAT);
+    if (match) {
+        return {
+            r: parseInt(match[1], 10) / 255.0,
+            g: parseInt(match[2], 10) / 255.0,
+            b: parseInt(match[3], 10) / 255.0
+        };
+    }
+
+    return {
+        r: 0,
+        g: 0,
+        b: 0
+    };
+}
+
+/**
+ * Shims style properties to work correctly on native. Allows us to minimize the
+ * number of style declarations that need to be set or overridden for specific
+ * platforms.
+ *
+ * @param {StyleSheet} styles - An object which represents a stylesheet.
+ * @private
+ * @returns {StyleSheet}
+ */
+function _shimStyles<T extends StyleSheet>(styles: T): T {
+    // Certain style properties may not be numbers on Web but must be numbers on
+    // React Native. For example, height and width may be expressed in percent
+    // on Web but React Native will not understand them and we will get errors
+    // (at least during development). Convert such well-known properties to
+    // numbers if possible; otherwise, remove them to avoid runtime errors.
+    for (const k of _WELL_KNOWN_NUMBER_PROPERTIES) {
+        const v = styles[k];
+        const typeofV = typeof v;
+
+        if (typeofV !== 'undefined' && typeofV !== 'number') {
+            const numberV = Number(v);
+
+            if (Number.isNaN(numberV)) {
+                delete styles[k];
+            } else {
+                // @ts-ignore
+                styles[k] = numberV;
+            }
+        }
+    }
+
+    return styles;
+}
diff --git a/react/features/base/styles/functions.native.ts b/react/features/base/styles/functions.native.ts
new file mode 100644
index 0000000..0650295
--- /dev/null
+++ b/react/features/base/styles/functions.native.ts
@@ -0,0 +1,16 @@
+import { StyleType } from './functions.any';
+
+export * from './functions.any';
+
+/**
+ * Fixes the style prop that is passed to a platform generic component based on platform specific
+ * format requirements.
+ *
+ * @param {StyleType} style - The passed style prop to the component.
+ * @returns {StyleType}
+ */
+export function getFixedPlatformStyle(style?: StyleType | StyleType[]) {
+    // There is nothing to do on mobile - yet.
+
+    return style ?? {};
+}
diff --git a/react/features/base/styles/functions.web.ts b/react/features/base/styles/functions.web.ts
new file mode 100644
index 0000000..8c028a4
--- /dev/null
+++ b/react/features/base/styles/functions.web.ts
@@ -0,0 +1,24 @@
+import { StyleType } from './functions.any';
+
+export * from './functions.any';
+
+/**
+ * Fixes the style prop that is passed to a platform generic component based on platform specific
+ * format requirements.
+ *
+ * @param {StyleType} style - The passed style prop to the component.
+ * @returns {StyleType}
+ */
+export function getFixedPlatformStyle(style?: StyleType | StyleType[]) {
+    if (Array.isArray(style)) {
+        const _style = {};
+
+        for (const component of style) {
+            Object.assign(_style, component);
+        }
+
+        return _style;
+    }
+
+    return style;
+}
diff --git a/react/features/base/testing/actionTypes.ts b/react/features/base/testing/actionTypes.ts
new file mode 100644
index 0000000..ef51f30
--- /dev/null
+++ b/react/features/base/testing/actionTypes.ts
@@ -0,0 +1,9 @@
+/**
+ * The type of redux action which sets the configuration of the feature
+ * base/logging.
+ *
+ * {
+ *     type: SET_CONNECTION_STATE
+ * }
+ */
+export const SET_CONNECTION_STATE = 'SET_CONNECTION_STATE';
diff --git a/react/features/base/testing/actions.ts b/react/features/base/testing/actions.ts
new file mode 100644
index 0000000..45c02a5
--- /dev/null
+++ b/react/features/base/testing/actions.ts
@@ -0,0 +1,28 @@
+import { SET_CONNECTION_STATE } from './actionTypes';
+
+// eslint-disable-next-line jsdoc/require-description-complete-sentence
+/**
+ * Sets the conference connection state of the testing feature.
+ *
+ * @param {string} connectionState - This is the lib-jitsi-meet event name. Can
+ * be one of (with the string values at the time of this writing):
+ * <li>{@link JitsiConferenceEvents.CONNECTION_ESTABLISHED}
+ * - ("conference.connectionEstablished"</li>
+ * <li>{@link JitsiConferenceEvents.CONNECTION_INTERRUPTED}
+ * - ("conference.connectionInterrupted")</li>
+ * <li>{@link JitsiConferenceEvents.CONNECTION_RESTORED}
+ * - ("conference.connectionRestored")</li>
+ * In the reducer the value will be an empty string until first event is
+ * received.
+ *
+ * @returns {{
+ *     type: SET_CONNECTION_STATE,
+ *     connectionState: string
+ * }}
+ */
+export function setConnectionState(connectionState: string) {
+    return {
+        type: SET_CONNECTION_STATE,
+        connectionState
+    };
+}
diff --git a/react/features/base/testing/components/AbstractTestHint.ts b/react/features/base/testing/components/AbstractTestHint.ts
new file mode 100644
index 0000000..4989607
--- /dev/null
+++ b/react/features/base/testing/components/AbstractTestHint.ts
@@ -0,0 +1,62 @@
+import { GestureResponderEvent } from 'react-native';
+
+import { IReduxState } from '../../../app/types';
+import { isTestModeEnabled } from '../functions';
+
+/**
+ * Describes the {@link TestHint}'s properties.
+ *
+ * A test hint is meant to resemble the lack of the ability to execute
+ * JavaScript by the mobile torture tests. They are used to expose some of
+ * the app's internal state that is not always expressed in a feasible manner by
+ * the UI.
+ */
+export type TestHintProps = {
+
+    /**
+     * The indicator which determines whether the test mode is enabled.
+     * {@link TestHint} Components are rendered only if this flag is set to
+     * {@code true}.
+     */
+    _testModeEnabled: boolean;
+
+    /**
+     * The test hint's identifier string. Must be unique in the app instance
+     * scope.
+     */
+    id: string;
+
+    /**
+     * The optional "on press" handler which can be used to bind a click handler
+     * to a {@link TestHint}.
+     */
+    onPress?: (e?: GestureResponderEvent) => void;
+
+    /**
+     * The test hint's (text) value which is to be consumed by the tests.
+     */
+    value: string;
+};
+
+/**
+ * Maps (parts of) the redux state to {@link TestHint}'s React {@code Component}
+ * props.
+ *
+ * @param {Object} state - The redux store/state.
+ * @private
+ * @returns {{
+ *     _testModeEnabled: boolean
+ * }}
+ */
+export function _mapStateToProps(state: IReduxState) {
+    return {
+
+        /**
+         * The indicator which determines whether the test mode is enabled.
+         *
+         * @protected
+         * @type {boolean}
+         */
+        _testModeEnabled: isTestModeEnabled(state)
+    };
+}
diff --git a/react/features/base/testing/components/TestConnectionInfo.tsx b/react/features/base/testing/components/TestConnectionInfo.tsx
new file mode 100644
index 0000000..436719c
--- /dev/null
+++ b/react/features/base/testing/components/TestConnectionInfo.tsx
@@ -0,0 +1,222 @@
+import React, { Component, Fragment } from 'react';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import statsEmitter from '../../../connection-indicator/statsEmitter';
+import { getLocalParticipant } from '../../participants/functions';
+import { isTestModeEnabled } from '../functions';
+
+import TestHint from './TestHint';
+
+/**
+ * Defines the TestConnectionInfo's properties.
+ */
+interface IProps {
+
+    /**
+     * The JitsiConference's connection state. It's the lib-jitsi-meet's event
+     * name converted to a string directly. At the time of this writing these
+     * are the possible values:
+     * 'conference.connectionEstablished'
+     * 'conference.connectionInterrupted'
+     * 'conference.connectionRestored'.
+     */
+    _conferenceConnectionState: string;
+
+    /**
+     * This will be a boolean converted to a string. The value will be 'true'
+     * once the conference is joined (the XMPP MUC room to be specific).
+     */
+    _conferenceJoinedState: string;
+
+    /**
+     * The local participant's ID. Required to be able to observe the local RTP
+     * stats.
+     */
+    _localUserId: string;
+
+    /**
+     * The local participant's role.
+     */
+    _localUserRole: string;
+
+    /**
+     * Indicates whether or not the test mode is currently on. Otherwise the
+     * TestConnectionInfo component will not render.
+     */
+    _testMode: boolean;
+}
+
+/**
+ * Describes the TestConnectionInfo's state.
+ */
+type State = {
+
+    /**
+     * The RTP stats section.
+     */
+    stats: {
+
+        /**
+         * The local bitrate.
+         */
+        bitrate: {
+
+            /**
+             * The local download RTP bitrate.
+             */
+            download: number;
+
+            /**
+             * The local upload RTP bitrate.
+             */
+            upload: number;
+        };
+    };
+};
+
+/**
+ * The component will expose some of the app state to the jitsi-meet-torture
+ * through the UI accessibility layer which is visible to the tests. The Web
+ * tests currently will execute JavaScript and access globals variables to learn
+ * this information, but there's no such option on React Native(maybe that's
+ * a good thing).
+ */
+class TestConnectionInfo extends Component<IProps, State> {
+
+    /**
+     * Initializes new <tt>TestConnectionInfo</tt> instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._onStatsUpdated = this._onStatsUpdated.bind(this);
+
+        this.state = {
+            stats: {
+                bitrate: {
+                    download: 0,
+                    upload: 0
+                }
+            }
+        };
+    }
+
+    /**
+     * The {@link statsEmitter} callback hoked up for the local participant.
+     *
+     * @param {Object} stats - These are the RTP stats. Look in
+     * the lib-jitsi-meet for more details on the actual structure or add
+     * a console print and figure out there.
+     * @returns {void}
+     * @private
+     */
+    _onStatsUpdated(stats = { bitrate: { download: undefined,
+        upload: undefined } }) {
+        this.setState({
+            stats: {
+                bitrate: {
+                    download: stats.bitrate?.download || 0,
+                    upload: stats.bitrate?.upload || 0
+                }
+            }
+        });
+    }
+
+    /**
+     * Starts listening for the local RTP stat updates.
+     *
+     * @inheritdoc
+     * returns {void}
+     */
+    override componentDidMount() {
+        statsEmitter.subscribeToClientStats(
+            this.props._localUserId, this._onStatsUpdated);
+    }
+
+    /**
+     * Updates which user's stats are being listened to (the local participant's
+     * id changes).
+     *
+     * @inheritdoc
+     * returns {void}
+     */
+    override componentDidUpdate(prevProps: IProps) {
+        if (prevProps._localUserId !== this.props._localUserId) {
+            statsEmitter.unsubscribeToClientStats(
+                prevProps._localUserId, this._onStatsUpdated);
+            statsEmitter.subscribeToClientStats(
+                this.props._localUserId, this._onStatsUpdated);
+        }
+    }
+
+    /**
+     * Removes the local stats listener.
+     *
+     * @private
+     * @returns {void}
+     */
+    override componentWillUnmount() {
+        statsEmitter.unsubscribeToClientStats(
+            this.props._localUserId, this._onStatsUpdated);
+    }
+
+    /**
+     * Renders the component if the app is currently running in the test mode
+     * (config.testing.testMode == true).
+     *
+     * @returns {ReactElement|null}
+     */
+    override render() {
+        if (!this.props._testMode) {
+            return null;
+        }
+
+        return (
+            <Fragment>
+                <TestHint
+                    id = 'org.jitsi.meet.conference.connectionState'
+                    value = { this.props._conferenceConnectionState } />
+                <TestHint
+                    id = 'org.jitsi.meet.conference.joinedState'
+                    value = { this.props._conferenceJoinedState } />
+                <TestHint
+                    id = 'org.jitsi.meet.conference.grantModeratorAvailable'
+                    value = { 'true' } />
+                <TestHint
+                    id = 'org.jitsi.meet.conference.localParticipantRole'
+                    value = { this.props._localUserRole } />
+                <TestHint
+                    id = 'org.jitsi.meet.stats.rtp'
+                    value = { JSON.stringify(this.state.stats) } />
+            </Fragment>
+        );
+    }
+}
+
+
+/**
+ * Maps (parts of) the Redux state to the associated TestConnectionInfo's props.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const conferenceJoined
+        = Boolean(state['features/base/conference'].conference);
+    const localParticipant = getLocalParticipant(state);
+
+    return {
+        _conferenceConnectionState: state['features/testing'].connectionState,
+        _conferenceJoinedState: conferenceJoined.toString(),
+        _localUserId: localParticipant?.id ?? '',
+        _localUserRole: localParticipant?.role ?? '',
+        _testMode: isTestModeEnabled(state)
+    };
+}
+
+export default connect(_mapStateToProps)(TestConnectionInfo);
diff --git a/react/features/base/testing/components/TestHint.android.tsx b/react/features/base/testing/components/TestHint.android.tsx
new file mode 100644
index 0000000..daf1747
--- /dev/null
+++ b/react/features/base/testing/components/TestHint.android.tsx
@@ -0,0 +1,46 @@
+import React, { Component } from 'react';
+import { Text } from 'react-native';
+import { connect } from 'react-redux';
+
+import { TestHintProps, _mapStateToProps } from './AbstractTestHint';
+
+/**
+ * The Android version of <code>TestHint</code>. It will put the identifier,
+ * as the 'accessibilityLabel'.
+ *
+ * FIXME The 'testID' attribute (which is used on iOS) does not work with
+ * the react-native as expected, because is mapped to component's tag instead of
+ * any attribute visible to the UI automation. Because of that it can not be
+ * used to find the element.
+ * On the other hand it's not possible to use 'accessibilityLabel' on the iOS
+ * for the id purpose, because it will merge the value with any text content or
+ * 'accessibilityLabel' values of it's children. So as a workaround a TestHint
+ * class was introduced in 'jitsi-meet-torture' which will accept generic 'id'
+ * attribute and then do the search 'under the hood' either by the accessibility
+ * label or the id, depending on the participant's platform. On the client side
+ * the TestHint class is to be the abstraction layer which masks the problem by
+ * exposing id and value properties.
+ */
+class TestHint extends Component<TestHintProps> {
+
+    /**
+     * Renders the test hint on Android.
+     *
+     * @returns {ReactElement}
+     */
+    override render() {
+        if (!this.props._testModeEnabled) {
+            return null;
+        }
+
+        return (
+            <Text
+                accessibilityLabel = { this.props.id }
+                onPress = { this.props.onPress } >
+                { this.props.value }
+            </Text>
+        );
+    }
+}
+
+export default connect(_mapStateToProps)(TestHint);
diff --git a/react/features/base/testing/components/TestHint.ios.tsx b/react/features/base/testing/components/TestHint.ios.tsx
new file mode 100644
index 0000000..d664a10
--- /dev/null
+++ b/react/features/base/testing/components/TestHint.ios.tsx
@@ -0,0 +1,34 @@
+import React, { Component } from 'react';
+import { Text } from 'react-native';
+import { connect } from 'react-redux';
+
+import { TestHintProps, _mapStateToProps } from './AbstractTestHint';
+
+/**
+ * This is the iOS version of the TestHint.
+ *
+ * Be sure to check the description in TestHint.android and AbstractTestHint
+ * files to understand what a test hint is and why different iOS and Android
+ * components are necessary.
+ */
+class TestHint extends Component<TestHintProps> {
+    /**
+     *  Renders the test hint on Android.
+     *
+     * @returns {ReactElement}
+     */
+    override render() {
+        if (!this.props._testModeEnabled) {
+            return null;
+        }
+
+        return (
+            <Text
+                accessibilityLabel = { this.props.value }
+                onPress = { this.props.onPress }
+                testID = { this.props.id } />
+        );
+    }
+}
+
+export default connect(_mapStateToProps)(TestHint);
diff --git a/react/features/base/testing/components/TestHint.web.ts b/react/features/base/testing/components/TestHint.web.ts
new file mode 100644
index 0000000..5dae9e6
--- /dev/null
+++ b/react/features/base/testing/components/TestHint.web.ts
@@ -0,0 +1,3 @@
+import { Component } from 'react';
+
+export default Component;
diff --git a/react/features/base/testing/functions.ts b/react/features/base/testing/functions.ts
new file mode 100644
index 0000000..c2bc203
--- /dev/null
+++ b/react/features/base/testing/functions.ts
@@ -0,0 +1,122 @@
+import { IReduxState, IStore } from '../../app/types';
+import { isTrackStreamingStatusActive } from '../../connection-indicator/functions';
+import { handleToggleVideoMuted } from '../../toolbox/actions.any';
+import { muteLocal } from '../../video-menu/actions.any';
+import { MEDIA_TYPE, VIDEO_TYPE } from '../media/constants';
+import { getParticipantById, isScreenShareParticipant } from '../participants/functions';
+import {
+    getLocalVideoTrack,
+    getTrackByMediaTypeAndParticipant,
+    getVideoTrackByParticipant
+} from '../tracks/functions';
+
+/**
+ * Indicates whether the test mode is enabled. When it's enabled
+ * {@link TestHint} and other components from the testing package will be
+ * rendered in various places across the app to help with automatic testing.
+ *
+ * @param {IReduxState} state - The redux store state.
+ * @returns {boolean}
+ */
+export function isTestModeEnabled(state: IReduxState): boolean {
+    const testingConfig = state['features/base/config'].testing;
+
+    return Boolean(testingConfig?.testMode);
+}
+
+/**
+ * Returns the video type of the remote participant's video.
+ *
+ * @param {IStore} store - The redux store.
+ * @param {string} id - The participant ID for the remote video.
+ * @returns {VIDEO_TYPE}
+ */
+export function getRemoteVideoType({ getState }: IStore, id: string) {
+    const state = getState();
+    const participant = getParticipantById(state, id);
+
+    if (isScreenShareParticipant(participant)) {
+        return VIDEO_TYPE.DESKTOP;
+    }
+
+    return getTrackByMediaTypeAndParticipant(state['features/base/tracks'], MEDIA_TYPE.VIDEO, id)?.videoType;
+}
+
+/**
+ * Returns whether the last media event received for large video indicates that the video is playing, if not muted.
+ *
+ * @param {IStore} store - The redux store.
+ * @returns {boolean}
+ */
+export function isLargeVideoReceived({ getState }: IStore): boolean {
+    const state = getState();
+    const largeVideoParticipantId = state['features/large-video'].participantId ?? '';
+    const largeVideoParticipant = getParticipantById(state, largeVideoParticipantId ?? '');
+    const videoTrack = getVideoTrackByParticipant(state, largeVideoParticipant);
+
+    return Boolean(videoTrack && !videoTrack.muted && isTrackStreamingStatusActive(videoTrack));
+}
+
+/**
+ * Returns the local video track's codec.
+ *
+ * @returns {string?} The local video track's codec.
+ */
+export function getLocalCameraEncoding({ getState }: IStore): string | undefined {
+    return getLocalVideoTrack(getState()['features/base/tracks'])?.codec?.toLowerCase();
+}
+
+/**
+ * Returns whether the last media event received for a remote video indicates that the video is playing, if not muted.
+ *
+ * @param {IStore} store - The redux store.
+ * @param {string} id - The participant ID for the remote video.
+ * @returns {boolean}
+ */
+export function isRemoteVideoReceived({ getState }: IStore, id: string): boolean {
+    const state = getState();
+    const participant = getParticipantById(state, id);
+    const videoTrack = getVideoTrackByParticipant(state, participant);
+
+    return Boolean(videoTrack && !videoTrack.muted && isTrackStreamingStatusActive(videoTrack));
+}
+
+/**
+ * Mutes the local audio. Same as clicking the audio mute button.
+ *
+ * @param {IStore} store - The redux store.
+ * @returns {Promise} Resolves when the action is complete.
+ */
+export function audioMute({ dispatch }: IStore) {
+    return dispatch(muteLocal(true, MEDIA_TYPE.AUDIO));
+}
+
+/**
+ * Unmutes the local audio. Same as clicking the audio unmute button.
+ *
+ * @param {IStore} store - The redux store.
+ * @returns {Promise} Resolves when the action is complete.
+ */
+export function audioUnmute({ dispatch }: IStore) {
+    return dispatch(muteLocal(false, MEDIA_TYPE.AUDIO));
+}
+
+/**
+ * Mutes the local video. Same as clicking the video mute button.
+ *
+ * @param {IStore} store - The redux store.
+ * @returns {Promise} Resolves when the action is complete.
+ */
+export function videoMute({ dispatch }: IStore) {
+    return dispatch(handleToggleVideoMuted(true, true, true));
+}
+
+/**
+ * Unmutes the local video. Same as clicking the video unmute button.
+ *
+ * @param {IStore} store - The redux store.
+ * @returns {Promise} Resolves when the action is complete.
+ */
+export function videoUnmute({ dispatch }: IStore) {
+    return dispatch(handleToggleVideoMuted(false, true, true));
+}
diff --git a/react/features/base/testing/logger.ts b/react/features/base/testing/logger.ts
new file mode 100644
index 0000000..0b60582
--- /dev/null
+++ b/react/features/base/testing/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../logging/functions';
+
+export default getLogger('app:testing');
diff --git a/react/features/base/testing/middleware.ts b/react/features/base/testing/middleware.ts
new file mode 100644
index 0000000..3956523
--- /dev/null
+++ b/react/features/base/testing/middleware.ts
@@ -0,0 +1,125 @@
+import { IStore } from '../../app/types';
+import { CONFERENCE_JOIN_IN_PROGRESS } from '../conference/actionTypes';
+import { IJitsiConference } from '../conference/reducer';
+import { SET_CONFIG } from '../config/actionTypes';
+import { JitsiConferenceEvents } from '../lib-jitsi-meet';
+import MiddlewareRegistry from '../redux/MiddlewareRegistry';
+import { getJitsiMeetGlobalNS } from '../util/helpers';
+
+import { setConnectionState } from './actions';
+import {
+    audioMute,
+    audioUnmute,
+    getLocalCameraEncoding,
+    getRemoteVideoType,
+    isLargeVideoReceived,
+    isRemoteVideoReceived,
+    isTestModeEnabled,
+    videoMute,
+    videoUnmute
+} from './functions';
+import logger from './logger';
+
+/**
+ * The Redux middleware of the feature testing.
+ *
+ * @param {Store} store - The Redux store.
+ * @returns {Function}
+ * @private
+ */
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case CONFERENCE_JOIN_IN_PROGRESS:
+        _bindConferenceConnectionListener(action.conference, store);
+        break;
+    case SET_CONFIG: {
+        const result = next(action);
+
+        _bindTortureHelpers(store);
+
+        return result;
+    }
+    }
+
+    return next(action);
+});
+
+/**
+ * Binds a handler which will listen for the connection related conference
+ * events (in the lib-jitsi-meet internals those are associated with the ICE
+ * connection state).
+ *
+ * @param {JitsiConference} conference - The {@link JitsiConference} for which
+ * the conference will join even is dispatched.
+ * @param {Store} store - The redux store in which the specified action is being
+ * dispatched.
+ * @private
+ * @returns {void}
+ */
+function _bindConferenceConnectionListener(conference: IJitsiConference, { dispatch }: IStore) {
+
+    conference.on(
+        JitsiConferenceEvents.CONNECTION_ESTABLISHED,
+        _onConnectionEvent.bind(
+            null, JitsiConferenceEvents.CONNECTION_ESTABLISHED, dispatch));
+    conference.on(
+        JitsiConferenceEvents.CONNECTION_RESTORED,
+        _onConnectionEvent.bind(
+            null, JitsiConferenceEvents.CONNECTION_RESTORED, dispatch));
+    conference.on(
+        JitsiConferenceEvents.CONNECTION_INTERRUPTED,
+        _onConnectionEvent.bind(
+            null, JitsiConferenceEvents.CONNECTION_INTERRUPTED, dispatch));
+}
+
+/**
+ * Binds all the helper functions needed by torture.
+ *
+ * @param {IStore} store - The redux store.
+ * @private
+ * @returns {void}
+ */
+function _bindTortureHelpers(store: IStore) {
+    const { getState } = store;
+
+    // We bind helpers only if testing mode is enabled
+    if (!isTestModeEnabled(getState())) {
+        return;
+    }
+
+    // All torture helper methods go in here
+    getJitsiMeetGlobalNS().testing = {
+        audioMute: audioMute.bind(null, store),
+        audioUnmute: audioUnmute.bind(null, store),
+        getRemoteVideoType: getRemoteVideoType.bind(null, store),
+        isLargeVideoReceived: isLargeVideoReceived.bind(null, store),
+        getLocalCameraEncoding: getLocalCameraEncoding.bind(null, store),
+        isRemoteVideoReceived: isRemoteVideoReceived.bind(null, store),
+        videoMute: videoMute.bind(null, store),
+        videoUnmute: videoUnmute.bind(null, store),
+    };
+}
+
+/**
+ * The handler function for conference connection events which will store the
+ * latest even name in the Redux store of feature testing.
+ *
+ * @param {string} event - One of the lib-jitsi-meet JitsiConferenceEvents.
+ * @param {Function} dispatch - The dispatch function of the current Redux
+ * store.
+ * @returns {void}
+ * @private
+ */
+function _onConnectionEvent(event: string, dispatch: IStore['dispatch']) {
+    switch (event) {
+    case JitsiConferenceEvents.CONNECTION_ESTABLISHED:
+    case JitsiConferenceEvents.CONNECTION_INTERRUPTED:
+    case JitsiConferenceEvents.CONNECTION_RESTORED:
+        dispatch(setConnectionState(event));
+        break;
+    default:
+        logger.error(`onConnectionEvent - unsupported event type: ${event}`);
+        break;
+    }
+}
+
diff --git a/react/features/base/testing/reducer.ts b/react/features/base/testing/reducer.ts
new file mode 100644
index 0000000..8ecac94
--- /dev/null
+++ b/react/features/base/testing/reducer.ts
@@ -0,0 +1,47 @@
+import { AnyAction } from 'redux';
+
+import ReducerRegistry from '../redux/ReducerRegistry';
+import { assign } from '../redux/functions';
+
+import { SET_CONNECTION_STATE } from './actionTypes';
+
+/**
+ * The initial state of the feature testing.
+ *
+ * @type {{
+ *     connectionState: string
+ * }}
+ */
+const INITIAL_STATE = {
+    connectionState: ''
+};
+
+export interface ITestingState {
+    connectionState: string;
+}
+
+ReducerRegistry.register<ITestingState>(
+    'features/testing',
+    (state = INITIAL_STATE, action): ITestingState => {
+        switch (action.type) {
+        case SET_CONNECTION_STATE:
+            return _setConnectionState(state, action);
+
+        default:
+            return state;
+        }
+    });
+
+/**
+ * Reduces a specific Redux action SET_CONNECTION_STATE of the feature
+ * testing.
+ *
+ * @param {Object} state - The Redux state of the feature base/logging.
+ * @param {Action} action - The Redux action SET_CONNECTION_STATE to reduce.
+ * @private
+ * @returns {Object} The new state of the feature testing after the
+ * reduction of the specified action.
+ */
+function _setConnectionState(state: ITestingState, action: AnyAction) {
+    return assign(state, { connectionState: action.connectionState });
+}
diff --git a/react/features/base/toolbox/components/AbstractButton.tsx b/react/features/base/toolbox/components/AbstractButton.tsx
new file mode 100644
index 0000000..d93205f
--- /dev/null
+++ b/react/features/base/toolbox/components/AbstractButton.tsx
@@ -0,0 +1,408 @@
+import React, { Component, ReactElement, ReactNode } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { GestureResponderEvent } from 'react-native';
+
+import { IStore } from '../../../app/types';
+import { NOTIFY_CLICK_MODE } from '../../../toolbox/types';
+import { combineStyles } from '../../styles/functions.any';
+
+import { Styles } from './AbstractToolboxItem';
+import ToolboxItem from './ToolboxItem';
+
+export interface IProps extends WithTranslation {
+
+    /**
+     * Function to be called after the click handler has been processed.
+     */
+    afterClick?: Function;
+
+    /**
+     * The button's background color.
+     */
+    backgroundColor?: string;
+
+    /**
+     * The button's key.
+     */
+    buttonKey?: string;
+
+    /**
+     * Whether or not the button is displayed in a context menu.
+     */
+    contextMenu?: boolean;
+
+    /**
+     * An extra class name to be added at the end of the element's class name
+     * in order to enable custom styling.
+     */
+    customClass?: string;
+
+    /**
+     * Extra styles which will be applied in conjunction with `styles` or
+     * `toggledStyles` when the button is disabled;.
+     */
+    disabledStyles?: Styles;
+
+    /**
+     * Redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * External handler for click action.
+     */
+    handleClick?: Function;
+
+    /**
+     * Whether the button open a menu or not.
+     */
+    isMenuButton?: boolean;
+
+    /**
+     * Notify mode for `toolbarButtonClicked` event -
+     * whether to only notify or to also prevent button click routine.
+     */
+    notifyMode?: string;
+
+    /**
+     * Whether to show the label or not.
+     */
+    showLabel?: boolean;
+
+    /**
+     * Collection of styles for the button.
+     */
+    styles?: Styles;
+
+    /**
+     * Collection of styles for the button, when in toggled state.
+     */
+    toggledStyles?: Styles;
+
+    /**
+     * From which direction the tooltip should appear, relative to the button.
+     */
+    tooltipPosition?: string;
+
+    /**
+     * Whether this button is visible or not.
+     */
+    visible?: boolean;
+}
+
+/**
+ * Default style for disabled buttons.
+ */
+export const defaultDisabledButtonStyles = {
+    iconStyle: {
+        opacity: 0.5
+    },
+    labelStyle: {
+        opacity: 0.5
+    },
+    style: undefined,
+    underlayColor: undefined
+};
+
+/**
+ * An abstract implementation of a button.
+ */
+export default class AbstractButton<P extends IProps, S = any> extends Component<P, S> {
+    static defaultProps = {
+        afterClick: undefined,
+        disabledStyles: defaultDisabledButtonStyles,
+        showLabel: false,
+        styles: undefined,
+        toggledStyles: undefined,
+        tooltipPosition: 'top',
+        visible: true
+    };
+
+    /**
+     * The button's background color.
+     *
+     * @abstract
+     */
+    backgroundColor?: string;
+
+    /**
+     * A succinct description of what the button does. Used by accessibility
+     * tools and torture tests.
+     *
+     * If `toggledAccessibilityLabel` is defined, this is used only when the
+     * button is not toggled on.
+     *
+     * @abstract
+     */
+    accessibilityLabel: string;
+
+    /**
+     * This is the same as `accessibilityLabel`, replacing it when the button
+     * is toggled on.
+     *
+     * @abstract
+     */
+    toggledAccessibilityLabel: string;
+
+    labelProps: Object;
+
+    /**
+     * The icon of this button.
+     *
+     * @abstract
+     */
+    icon: Object;
+
+    /**
+     * The text associated with this button. When `showLabel` is set to
+     * {@code true}, it will be displayed alongside the icon.
+     *
+     * @abstract
+     */
+    label: string;
+
+    /**
+     * The label for this button, when toggled.
+     */
+    toggledLabel: string;
+
+    /**
+     * The icon of this button, when toggled.
+     *
+     * @abstract
+     */
+    toggledIcon: Object;
+
+    /**
+     * The text to display in the tooltip. Used only on web.
+     *
+     * If `toggleTooltip` is defined, this is used only when the button is not
+     * toggled on.
+     *
+     * @abstract
+     */
+    tooltip?: string;
+
+    /**
+     * The text to display in the tooltip when the button is toggled on.
+     *
+     * Used only on web.
+     *
+     * @abstract
+     */
+    toggledTooltip?: string;
+
+    /**
+     * Initializes a new {@code AbstractButton} instance.
+     *
+     * @param {IProps} props - The React {@code Component} props to initialize
+     * the new {@code AbstractButton} instance with.
+     */
+    constructor(props: P) {
+        super(props);
+
+        // Bind event handlers so they are only bound once per instance.
+        this._onClick = this._onClick.bind(this);
+    }
+
+    /**
+     * Helper function to be implemented by subclasses, which should be used
+     * to handle a key being down.
+     *
+     * @protected
+     * @returns {void}
+     */
+    _onKeyDown() {
+        // To be implemented by subclass.
+    }
+
+    /**
+     * Helper function to be implemented by subclasses, which should be used
+     * to handle the button being clicked / pressed.
+     *
+     * @protected
+     * @returns {void}
+     */
+    _handleClick() {
+        // To be implemented by subclass.
+    }
+
+    /**
+     * Helper function to be implemented by subclasses, which may return a
+     * new React Element to be appended at the end of the button.
+     *
+     * @protected
+     * @returns {ReactElement|null}
+     */
+    _getElementAfter(): ReactElement | null {
+        return null;
+    }
+
+    /**
+     * Gets the current icon, taking the toggled state into account. If no
+     * toggled icon is provided, the regular icon will also be used in the
+     * toggled state.
+     *
+     * @private
+     * @returns {string}
+     */
+    _getIcon() {
+        return (
+            this._isToggled() ? this.toggledIcon : this.icon
+        ) || this.icon;
+    }
+
+    /**
+     * Gets the current label, taking the toggled state into account. If no
+     * toggled label is provided, the regular label will also be used in the
+     * toggled state.
+     *
+     * @private
+     * @returns {string}
+     */
+    _getLabel() {
+        return (this._isToggled() ? this.toggledLabel : this.label)
+            || this.label;
+    }
+
+    /**
+     * Gets the current accessibility label, taking the toggled state into
+     * account. If no toggled label is provided, the regular accessibility label
+     * will also be used in the toggled state.
+     *
+     * The accessibility label is not visible in the UI, it is meant to be
+     * used by assistive technologies, mainly screen readers.
+     *
+     * @private
+     * @returns {string}
+     */
+    _getAccessibilityLabel() {
+        return (this._isToggled()
+            ? this.toggledAccessibilityLabel
+            : this.accessibilityLabel
+        ) || this.accessibilityLabel;
+    }
+
+    /**
+     * Gets the current styles, taking the toggled state into account. If no
+     * toggled styles are provided, the regular styles will also be used in the
+     * toggled state.
+     *
+     * @private
+     * @returns {?Styles}
+     */
+    _getStyles(): Styles | undefined {
+        const { disabledStyles, styles, toggledStyles } = this.props;
+        const buttonStyles
+            = (this._isToggled() ? toggledStyles : styles) || styles;
+
+        if (this._isDisabled() && buttonStyles && disabledStyles) {
+            return {
+                iconStyle: combineStyles(
+                    buttonStyles.iconStyle ?? {}, disabledStyles.iconStyle ?? {}),
+                labelStyle: combineStyles(
+                    buttonStyles.labelStyle ?? {}, disabledStyles.labelStyle ?? {}),
+                style: combineStyles(
+                    buttonStyles.style ?? {}, disabledStyles.style ?? {}),
+                underlayColor:
+                    disabledStyles.underlayColor || buttonStyles.underlayColor
+            };
+        }
+
+        return buttonStyles;
+    }
+
+    /**
+     * Get the tooltip to display when hovering over the button.
+     *
+     * @private
+     * @returns {string}
+     */
+    _getTooltip() {
+        return (this._isToggled() ? this.toggledTooltip : this.tooltip)
+            || this.tooltip
+            || '';
+    }
+
+    /**
+     * Helper function to be implemented by subclasses, which must return a
+     * boolean value indicating if this button is disabled or not.
+     *
+     * @protected
+     * @returns {boolean}
+     */
+    _isDisabled() {
+        return false;
+    }
+
+    /**
+     * Helper function to be implemented by subclasses, which must return a
+     * {@code boolean} value indicating if this button is toggled or not or
+     * undefined if the button is not toggleable.
+     *
+     * @protected
+     * @returns {?boolean}
+     */
+    _isToggled(): boolean | undefined {
+        return undefined;
+    }
+
+    /**
+     * Handles clicking / pressing the button.
+     *
+     * @param {Object} e - Event.
+     * @private
+     * @returns {void}
+     */
+    _onClick(e?: React.MouseEvent | GestureResponderEvent) {
+        const { afterClick, buttonKey, handleClick, notifyMode } = this.props;
+
+        if (typeof APP !== 'undefined' && notifyMode) {
+            APP.API.notifyToolbarButtonClicked(
+                buttonKey, notifyMode === NOTIFY_CLICK_MODE.PREVENT_AND_NOTIFY
+            );
+        }
+
+        if (notifyMode !== NOTIFY_CLICK_MODE.PREVENT_AND_NOTIFY) {
+            if (handleClick) {
+                handleClick();
+            }
+
+            this._handleClick();
+        }
+
+        afterClick?.(e);
+
+        // blur after click to release focus from button to allow PTT.
+        // @ts-ignore
+        e?.currentTarget?.blur?.();
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {React$Node}
+     */
+    override render(): ReactNode {
+        const props: any = {
+            ...this.props,
+            accessibilityLabel: this._getAccessibilityLabel(),
+            elementAfter: this._getElementAfter(),
+            icon: this._getIcon(),
+            label: this._getLabel(),
+            labelProps: this.labelProps,
+            styles: this._getStyles(),
+            toggled: this._isToggled(),
+            tooltip: this._getTooltip()
+        };
+
+        return (
+            <ToolboxItem
+                disabled = { this._isDisabled() }
+                onClick = { this._onClick }
+                onKeyDown = { this._onKeyDown }
+                { ...props } />
+        );
+    }
+}
diff --git a/react/features/base/toolbox/components/AbstractHangupButton.ts b/react/features/base/toolbox/components/AbstractHangupButton.ts
new file mode 100644
index 0000000..9169d20
--- /dev/null
+++ b/react/features/base/toolbox/components/AbstractHangupButton.ts
@@ -0,0 +1,32 @@
+import { IconHangup } from '../../icons/svg';
+
+import AbstractButton, { IProps } from './AbstractButton';
+
+/**
+ * An abstract implementation of a button for disconnecting a conference.
+ */
+export default class AbstractHangupButton<P extends IProps, S=any>
+    extends AbstractButton<P, S> {
+
+    override icon = IconHangup;
+
+    /**
+     * Handles clicking / pressing the button, and disconnects the conference.
+     *
+     * @protected
+     * @returns {void}
+     */
+    override _handleClick() {
+        this._doHangup();
+    }
+
+    /**
+     * Helper function to perform the actual hangup action.
+     *
+     * @protected
+     * @returns {void}
+     */
+    _doHangup() {
+        // To be implemented by subclass.
+    }
+}
diff --git a/react/features/base/toolbox/components/AbstractToolboxItem.tsx b/react/features/base/toolbox/components/AbstractToolboxItem.tsx
new file mode 100644
index 0000000..31c6e76
--- /dev/null
+++ b/react/features/base/toolbox/components/AbstractToolboxItem.tsx
@@ -0,0 +1,229 @@
+import React, { Component, ReactElement, ReactNode } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { GestureResponderEvent } from 'react-native';
+
+import type { StyleType } from '../../styles/functions.any';
+import { TOOLTIP_POSITION } from '../../ui/constants.any';
+
+export type Styles = {
+
+    /**
+     * Style for the item's icon.
+     */
+    iconStyle?: StyleType;
+
+    /**
+     * Style for the item's label.
+     */
+    labelStyle?: StyleType;
+
+    /**
+     * Style for the item itself.
+     */
+    style?: StyleType;
+
+    /**
+     * Color for the item underlay (shows when clicked).
+     */
+    underlayColor?: string;
+};
+
+export interface IProps extends WithTranslation {
+
+    /**
+     * A succinct description of what the item does. Used by accessibility
+     * tools and torture tests.
+     */
+    accessibilityLabel: string;
+
+    /**
+     * An extra class name to be added at the end of the element's class name
+     * in order to enable custom styling.
+     */
+    customClass?: string;
+
+    /**
+     * Whether this item is disabled or not. When disabled, clicking an the item
+     * has no effect, and it may reflect on its style.
+     */
+    disabled: boolean;
+
+    /**
+     * A React Element to display at the end of {@code ToolboxItem}.
+     */
+    elementAfter?: ReactNode;
+
+    /**
+     * The icon to render for this {@code ToolboxItem}.
+     */
+    icon: Function;
+
+    /**
+     * The text associated with this item. When `showLabel` is set to
+     * {@code true}, it will be displayed alongside the icon.
+     */
+    label: string;
+
+    labelProps: any;
+
+    /**
+     * On click handler.
+     */
+    onClick: (e?: React.MouseEvent<HTMLElement> | GestureResponderEvent) => void;
+
+    /**
+     * Whether to show the label or not.
+     */
+    showLabel: boolean;
+
+    /**
+     * Collection of styles for the item. Used only on native.
+     */
+    styles?: Styles;
+
+    /**
+     * True if the item is toggled, false otherwise.
+     */
+    toggled?: boolean;
+
+    /**
+     * The text to display in the tooltip. Used only on web.
+     */
+    tooltip?: string;
+
+    /**
+     * From which direction the tooltip should appear, relative to the
+     * item. Used only on web.
+     */
+    tooltipPosition: TOOLTIP_POSITION;
+
+    /**
+     * Whether this item is visible or not.
+     */
+    visible: boolean;
+}
+
+/**
+ * Abstract (base) class for an item in {@link Toolbox}. The item can be located
+ * anywhere in the {@link Toolbox}, it will morph its shape to accommodate it.
+ *
+ * @abstract
+ */
+export default class AbstractToolboxItem<P extends IProps> extends Component<P> {
+    /**
+     * Default values for {@code AbstractToolboxItem} component's properties.
+     *
+     * @static
+     */
+    static defaultProps = {
+        disabled: false,
+        label: '',
+        showLabel: false,
+        t: undefined,
+        tooltip: '',
+        tooltipPosition: 'top',
+        visible: true
+    };
+
+    /**
+     * Initializes a new {@code AbstractToolboxItem} instance.
+     *
+     * @param {Object} props - The React {@code Component} props to initialize
+     * the new {@code AbstractToolboxItem} instance with.
+     */
+    constructor(props: P) {
+        super(props);
+
+        // Bind event handlers so they are only bound once per instance.
+        this._onClick = this._onClick.bind(this);
+    }
+
+    /**
+     * Helper property to get the item label. If a translation function was
+     * provided then it will be translated using it.
+     *
+     * @protected
+     * @returns {?string}
+     */
+    get label(): string | undefined {
+        return this._maybeTranslateAttribute(this.props.label, this.props.labelProps);
+    }
+
+    /**
+     * Helper property to get the item tooltip. If a translation function was
+     * provided then it will be translated using it.
+     *
+     * @protected
+     * @returns {?string}
+     */
+    get tooltip(): string | undefined {
+        return this._maybeTranslateAttribute(this.props.tooltip ?? '');
+    }
+
+    /**
+     * Helper property to get the item accessibilityLabel. If a translation
+     * function was provided then it will be translated using it.
+     *
+     * @protected
+     * @returns {?string}
+     */
+    get accessibilityLabel(): string {
+        return this._maybeTranslateAttribute(this.props.accessibilityLabel);
+    }
+
+    /**
+     * Utility function to translate the given string, if a translation
+     * function is available.
+     *
+     * @param {string} text - What needs translating.
+     * @param {string} textProps - Additional properties for translation text.
+     * @private
+     * @returns {string}
+     */
+    _maybeTranslateAttribute(text: string, textProps?: any) {
+        const { t } = this.props;
+
+        if (textProps) {
+
+            return typeof t === 'function' ? t(text, textProps) : `${text} ${textProps}`;
+        }
+
+        return typeof t === 'function' ? t(text) : text;
+    }
+
+    /**
+     * Handles clicking/pressing this {@code AbstractToolboxItem} by
+     * forwarding the event to the {@code onClick} prop of this instance if any.
+     *
+     * @protected
+     * @returns {void}
+     */
+    _onClick(...args: any) {
+        const { disabled, onClick } = this.props;
+
+        disabled || onClick?.(...args);
+    }
+
+    /**
+     * Renders this {@code AbstractToolboxItem} (if it is {@code visible}). To
+     * be implemented/overridden by extenders. The default implementation of
+     * {@code AbstractToolboxItem} does nothing.
+     *
+     * @protected
+     * @returns {ReactElement}
+     */
+    _renderItem(): ReactElement | null {
+        // To be implemented by a subclass.
+        return null;
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        return this.props.visible ? this._renderItem() : null;
+    }
+}
diff --git a/react/features/base/toolbox/components/BaseAudioMuteButton.ts b/react/features/base/toolbox/components/BaseAudioMuteButton.ts
new file mode 100644
index 0000000..337e63b
--- /dev/null
+++ b/react/features/base/toolbox/components/BaseAudioMuteButton.ts
@@ -0,0 +1,60 @@
+import { IconMic, IconMicSlash } from '../../icons/svg';
+
+import AbstractButton, { IProps } from './AbstractButton';
+
+/**
+ * An abstract implementation of a button for toggling audio mute.
+ */
+export default class BaseAudioMuteButton<P extends IProps, S=any>
+    extends AbstractButton<P, S> {
+
+    override icon = IconMic;
+    override toggledIcon = IconMicSlash;
+
+    /**
+     * Handles clicking / pressing the button, and toggles the audio mute state
+     * accordingly.
+     *
+     * @override
+     * @protected
+     * @returns {void}
+     */
+    override _handleClick() {
+        this._setAudioMuted(!this._isAudioMuted());
+    }
+
+    /**
+     * Helper function to be implemented by subclasses, which must return a
+     * boolean value indicating if audio is muted or not.
+     *
+     * @protected
+     * @returns {boolean}
+     */
+    _isAudioMuted() {
+        // To be implemented by subclass.
+        return false;
+    }
+
+    /**
+     * Indicates whether this button is in toggled state or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    override _isToggled() {
+        return this._isAudioMuted();
+    }
+
+    /**
+     * Helper function to perform the actual setting of the audio mute / unmute
+     * action.
+     *
+     * @param {boolean} _audioMuted - Whether audio should be muted or not.
+     * @protected
+     * @returns {void}
+     */
+    _setAudioMuted(_audioMuted: boolean) {
+        // To be implemented by subclass.
+    }
+}
diff --git a/react/features/base/toolbox/components/BaseVideoMuteButton.ts b/react/features/base/toolbox/components/BaseVideoMuteButton.ts
new file mode 100644
index 0000000..7f31d4d
--- /dev/null
+++ b/react/features/base/toolbox/components/BaseVideoMuteButton.ts
@@ -0,0 +1,59 @@
+import { IconVideo, IconVideoOff } from '../../icons/svg';
+
+import AbstractButton, { IProps } from './AbstractButton';
+
+/**
+ * An abstract implementation of a button for toggling video mute.
+ */
+export default class BaseVideoMuteButton<P extends IProps, S=any>
+    extends AbstractButton<P, S> {
+
+    override icon = IconVideo;
+    override toggledIcon = IconVideoOff;
+
+    /**
+     * Handles clicking / pressing the button, and toggles the video mute state
+     * accordingly.
+     *
+     * @protected
+     * @returns {void}
+     */
+    override _handleClick() {
+        this._setVideoMuted(!this._isVideoMuted());
+    }
+
+    /**
+     * Indicates whether this button is in toggled state or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    override _isToggled() {
+        return this._isVideoMuted();
+    }
+
+    /**
+     * Helper function to be implemented by subclasses, which must return a
+     * {@code boolean} value indicating if video is muted or not.
+     *
+     * @protected
+     * @returns {boolean}
+     */
+    _isVideoMuted() {
+        // To be implemented by subclass.
+        return false;
+    }
+
+    /**
+     * Helper function to perform the actual setting of the video mute / unmute
+     * action.
+     *
+     * @param {boolean} _videoMuted - Whether video should be muted or not.
+     * @protected
+     * @returns {void}
+     */
+    _setVideoMuted(_videoMuted: boolean) {
+        // To be implemented by subclass.
+    }
+}
diff --git a/react/features/base/toolbox/components/ToolboxItem.native.tsx b/react/features/base/toolbox/components/ToolboxItem.native.tsx
new file mode 100644
index 0000000..b7c85e9
--- /dev/null
+++ b/react/features/base/toolbox/components/ToolboxItem.native.tsx
@@ -0,0 +1,83 @@
+import React from 'react';
+import { Text, TextStyle, TouchableHighlight, View, ViewStyle } from 'react-native';
+
+import Icon from '../../icons/components/Icon';
+
+import AbstractToolboxItem, { IProps } from './AbstractToolboxItem';
+
+/**
+ * Native implementation of {@code AbstractToolboxItem}.
+ */
+export default class ToolboxItem extends AbstractToolboxItem<IProps> {
+    /**
+     * Renders the {@code Icon} part of this {@code ToolboxItem}.
+     *
+     * @private
+     * @returns {ReactElement}
+     */
+    _renderIcon() {
+        const { styles } = this.props;
+
+        return (
+            <Icon
+                src = { this.props.icon }
+                style = { styles?.iconStyle } />
+        );
+    }
+
+    /**
+     * Renders this {@code ToolboxItem}. Invoked by {@link AbstractToolboxItem}.
+     *
+     * @override
+     * @protected
+     * @returns {ReactElement}
+     */
+    _renderItem() {
+        const {
+            disabled,
+            elementAfter,
+            onClick,
+            showLabel,
+            styles,
+            toggled
+        } = this.props;
+
+        let children = this._renderIcon();
+
+        // XXX When using a wrapper View, apply the style to it instead of
+        // applying it to the TouchableHighlight.
+        let style = styles?.style;
+
+        if (showLabel) {
+            // XXX TouchableHighlight requires 1 child. If there's a need to
+            // show both the icon and the label, then these two need to be
+            // wrapped in a View.
+            children = (
+                <View style = { style as ViewStyle }>
+                    { children }
+                    <Text style = { styles?.labelStyle as TextStyle }>
+                        { this.label }
+                    </Text>
+                    { elementAfter }
+                </View>
+            );
+
+            // XXX As stated earlier, the style was applied to the wrapper View
+            // (above).
+            style = undefined;
+        }
+
+        return (
+            <TouchableHighlight
+                accessibilityLabel = { this.accessibilityLabel }
+                accessibilityRole = { 'button' }
+                accessibilityState = {{ 'selected': Boolean(toggled) }}
+                disabled = { disabled }
+                onPress = { onClick }
+                style = { style as ViewStyle }
+                underlayColor = { styles?.underlayColor } >
+                { children }
+            </TouchableHighlight>
+        );
+    }
+}
diff --git a/react/features/base/toolbox/components/ToolboxItem.web.tsx b/react/features/base/toolbox/components/ToolboxItem.web.tsx
new file mode 100644
index 0000000..fbac9b8
--- /dev/null
+++ b/react/features/base/toolbox/components/ToolboxItem.web.tsx
@@ -0,0 +1,161 @@
+import React, { Fragment } from 'react';
+
+import Icon from '../../icons/components/Icon';
+import Tooltip from '../../tooltip/components/Tooltip';
+import ContextMenuItem from '../../ui/components/web/ContextMenuItem';
+
+import {
+    default as AbstractToolboxItem,
+    type IProps as AbstractToolboxItemProps
+} from './AbstractToolboxItem';
+
+interface IProps extends AbstractToolboxItemProps {
+
+    /**
+     * The button's background color.
+     */
+    backgroundColor?: string;
+
+    /**
+     * Whether or not the item is displayed in a context menu.
+     */
+    contextMenu?: boolean;
+
+    /**
+     * Whether the button open a menu or not.
+     */
+    isMenuButton?: boolean;
+
+    /**
+    * On key down handler.
+    */
+    onKeyDown: (e?: React.KeyboardEvent) => void;
+}
+
+/**
+ * Web implementation of {@code AbstractToolboxItem}.
+ */
+export default class ToolboxItem extends AbstractToolboxItem<IProps> {
+    /**
+     * Initializes a new {@code ToolboxItem} instance.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._onKeyPress = this._onKeyPress.bind(this);
+    }
+
+    /**
+     * Handles 'Enter' and Space key on the button to trigger onClick for accessibility.
+     *
+     * @param {Object} event - The key event.
+     * @private
+     * @returns {void}
+     */
+    _onKeyPress(event?: React.KeyboardEvent) {
+        if (event?.key === 'Enter') {
+            event.preventDefault();
+            this.props.onClick();
+        }
+    }
+
+    /**
+     * Handles rendering of the actual item. If the label is being shown, which
+     * is controlled with the `showLabel` prop, the item is rendered for its
+     * display in an overflow menu, otherwise it will only have an icon, which
+     * can be displayed on any toolbar.
+     *
+     * @protected
+     * @returns {ReactElement}
+     */
+    override _renderItem() {
+        const {
+            backgroundColor,
+            contextMenu,
+            isMenuButton,
+            disabled,
+            elementAfter,
+            icon,
+            onClick,
+            onKeyDown,
+            showLabel,
+            tooltipPosition,
+            toggled
+        } = this.props;
+        const className = showLabel ? 'overflow-menu-item' : 'toolbox-button';
+        const buttonAttribute = isMenuButton ? 'aria-expanded' : 'aria-pressed';
+        const props = {
+            [buttonAttribute]: toggled,
+            'aria-disabled': disabled,
+            'aria-label': this.accessibilityLabel,
+            className: className + (disabled ? ' disabled' : ''),
+            onClick: disabled ? undefined : onClick,
+            onKeyDown: disabled ? undefined : onKeyDown,
+            onKeyPress: this._onKeyPress,
+            tabIndex: 0,
+            role: 'button'
+        };
+
+        const elementType = showLabel ? 'li' : 'div';
+        const useTooltip = this.tooltip && this.tooltip.length > 0;
+
+        if (contextMenu) {
+            return (
+                <ContextMenuItem
+                    accessibilityLabel = { this.accessibilityLabel }
+                    backgroundColor = { backgroundColor }
+                    disabled = { disabled }
+                    icon = { icon }
+                    onClick = { onClick }
+                    onKeyDown = { onKeyDown }
+                    onKeyPress = { this._onKeyPress }
+                    text = { this.label } />
+            );
+        }
+        let children = (
+            <Fragment>
+                { this._renderIcon() }
+                { showLabel && <span>
+                    { this.label }
+                </span> }
+                { elementAfter }
+            </Fragment>
+        );
+
+        if (useTooltip) {
+            children = (
+                <Tooltip
+                    content = { this.tooltip ?? '' }
+                    position = { tooltipPosition }>
+                    { children }
+                </Tooltip>
+            );
+        }
+
+        return React.createElement(elementType, props, children);
+    }
+
+    /**
+     * Helper function to render the item's icon.
+     *
+     * @private
+     * @returns {ReactElement}
+     */
+    _renderIcon() {
+        const { backgroundColor, customClass, disabled, icon, showLabel, toggled } = this.props;
+        const iconComponent = (<Icon
+            size = { showLabel ? undefined : 24 }
+            src = { icon } />);
+        const elementType = showLabel ? 'span' : 'div';
+        const className = `${showLabel ? 'overflow-menu-item-icon' : 'toolbox-icon'} ${
+            toggled ? 'toggled' : ''} ${disabled ? 'disabled' : ''} ${customClass ?? ''}`;
+        const style = backgroundColor && !showLabel ? { backgroundColor } : {};
+
+        return React.createElement(elementType, {
+            className,
+            style
+        }, iconComponent);
+    }
+}
diff --git a/react/features/base/toolbox/components/web/ToolboxButtonWithIcon.tsx b/react/features/base/toolbox/components/web/ToolboxButtonWithIcon.tsx
new file mode 100644
index 0000000..8af000f
--- /dev/null
+++ b/react/features/base/toolbox/components/web/ToolboxButtonWithIcon.tsx
@@ -0,0 +1,162 @@
+import React from 'react';
+
+import { NOTIFY_CLICK_MODE } from '../../../../toolbox/types';
+import Icon from '../../../icons/components/Icon';
+import Tooltip from '../../../tooltip/components/Tooltip';
+
+interface IProps {
+
+    /**
+     * The id of the element this button icon controls.
+     */
+    ariaControls?: string;
+
+    /**
+     * Whether the element popup is expanded.
+     */
+    ariaExpanded?: boolean;
+
+    /**
+     * Whether the element has a popup.
+     */
+    ariaHasPopup?: boolean;
+
+    /**
+     * Aria label for the Icon.
+     */
+    ariaLabel?: string;
+
+    /**
+     * The button's key.
+     */
+    buttonKey?: string;
+
+    /**
+     * The decorated component (ToolboxButton).
+     */
+    children: React.ReactNode;
+
+    /**
+     * Icon of the button.
+     */
+    icon: Function;
+
+    /**
+     * Flag used for disabling the small icon.
+     */
+    iconDisabled: boolean;
+
+    /**
+     * The ID of the icon button.
+     */
+    iconId: string;
+
+    /**
+     * The tooltip used for the icon.
+     */
+    iconTooltip: string;
+
+    /**
+     * Notify mode for `toolbarButtonClicked` event -
+     * whether to only notify or to also prevent button click routine.
+     */
+    notifyMode?: string;
+
+    /**
+     * Click handler for the small icon.
+     */
+    onIconClick: Function;
+
+    /**
+     * Keydown handler for icon.
+     */
+    onIconKeyDown?: Function;
+
+    /**
+     * Additional styles.
+     */
+    styles?: Object;
+}
+
+/**
+ * Displays the `ToolboxButtonWithIcon` component.
+ *
+ * @param {Object} props - Component's props.
+ * @returns {ReactElement}
+ */
+export default function ToolboxButtonWithIcon(props: IProps) {
+    const {
+        children,
+        icon,
+        iconDisabled,
+        iconTooltip,
+        buttonKey,
+        notifyMode,
+        onIconClick,
+        onIconKeyDown,
+        styles,
+        ariaLabel,
+        ariaHasPopup,
+        ariaControls,
+        ariaExpanded,
+        iconId
+    } = props;
+
+    const iconProps: {
+        ariaControls?: string;
+        ariaExpanded?: boolean;
+        containerId?: string;
+        onClick?: (e?: React.MouseEvent) => void;
+        onKeyDown?: Function;
+        role?: string;
+        tabIndex?: number;
+    } = {};
+    let className = '';
+
+    if (iconDisabled) {
+        className
+            = 'settings-button-small-icon settings-button-small-icon--disabled';
+    } else {
+        className = 'settings-button-small-icon';
+        iconProps.onClick = (e?: React.MouseEvent) => {
+            if (typeof APP !== 'undefined' && notifyMode) {
+                APP.API.notifyToolbarButtonClicked(
+                    buttonKey, notifyMode === NOTIFY_CLICK_MODE.PREVENT_AND_NOTIFY
+                );
+            }
+
+            if (notifyMode !== NOTIFY_CLICK_MODE.PREVENT_AND_NOTIFY) {
+                onIconClick(e);
+            }
+        };
+        iconProps.onKeyDown = onIconKeyDown;
+        iconProps.role = 'button';
+        iconProps.tabIndex = 0;
+        iconProps.ariaControls = ariaControls;
+        iconProps.ariaExpanded = ariaExpanded;
+        iconProps.containerId = iconId;
+    }
+
+
+    return (
+        <div
+            className = 'settings-button-container'
+            style = { styles }>
+            {children}
+
+            <div>
+                <Tooltip
+                    containerClassName = { className }
+                    content = { iconTooltip }
+                    position = 'top'>
+                    <Icon
+                        { ...iconProps }
+                        ariaHasPopup = { ariaHasPopup }
+                        ariaLabel = { ariaLabel }
+                        size = { 16 }
+                        src = { icon } />
+                </Tooltip>
+            </div>
+        </div>
+    );
+}
diff --git a/react/features/base/toolbox/components/web/ToolboxButtonWithPopup.tsx b/react/features/base/toolbox/components/web/ToolboxButtonWithPopup.tsx
new file mode 100644
index 0000000..96fdd01
--- /dev/null
+++ b/react/features/base/toolbox/components/web/ToolboxButtonWithPopup.tsx
@@ -0,0 +1,122 @@
+import React from 'react';
+
+import Icon from '../../../icons/components/Icon';
+import Popover from '../../../popover/components/Popover.web';
+
+interface IProps {
+
+    /**
+     * Aria label for the Icon.
+     */
+    ariaLabel?: string;
+
+    /**
+     * The decorated component (ToolboxButton).
+     */
+    children: React.ReactNode;
+
+    /**
+     * Icon of the button.
+     */
+    icon?: Function;
+
+    /**
+     * Flag used for disabling the small icon.
+     */
+    iconDisabled?: boolean;
+
+    /**
+     * Popover close callback.
+     */
+    onPopoverClose: Function;
+
+    /**
+     * Popover open callback.
+     */
+    onPopoverOpen: Function;
+
+    /**
+     * The content that will be displayed inside the popover.
+     */
+    popoverContent: React.ReactNode;
+
+    /**
+     * Additional styles.
+     */
+    styles?: Object;
+
+    /**
+     * Whether the trigger for open/ close should be click or hover.
+     */
+    trigger?: 'hover' | 'click';
+
+    /**
+     * Whether or not the popover is visible.
+     */
+    visible: boolean;
+}
+
+/**
+ * Displays the `ToolboxButtonWithIcon` component.
+ *
+ * @param {Object} props - Component's props.
+ * @returns {ReactElement}
+ */
+export default function ToolboxButtonWithPopup(props: IProps) {
+    const {
+        ariaLabel,
+        children,
+        icon,
+        iconDisabled,
+        onPopoverClose,
+        onPopoverOpen,
+        popoverContent,
+        styles,
+        trigger,
+        visible
+    } = props;
+
+    if (!icon) {
+        return (
+            <div
+                className = 'settings-button-container'
+                style = { styles }>
+                <Popover
+                    content = { popoverContent }
+                    headingLabel = { ariaLabel }
+                    onPopoverClose = { onPopoverClose }
+                    onPopoverOpen = { onPopoverOpen }
+                    position = 'top'
+                    trigger = { trigger }
+                    visible = { visible }>
+                    {children}
+                </Popover>
+            </div>
+        );
+    }
+
+    return (
+        <div
+            className = 'settings-button-container'
+            style = { styles }>
+            {children}
+            <div className = 'settings-button-small-icon-container'>
+                <Popover
+                    content = { popoverContent }
+                    headingLabel = { ariaLabel }
+                    onPopoverClose = { onPopoverClose }
+                    onPopoverOpen = { onPopoverOpen }
+                    position = 'top'
+                    visible = { visible }>
+                    <Icon
+                        alt = { ariaLabel }
+                        className = { `settings-button-small-icon ${iconDisabled
+                            ? 'settings-button-small-icon--disabled'
+                            : ''}` }
+                        size = { 16 }
+                        src = { icon } />
+                </Popover>
+            </div>
+        </div>
+    );
+}
diff --git a/react/features/base/tooltip/actionTypes.ts b/react/features/base/tooltip/actionTypes.ts
new file mode 100644
index 0000000..44bd95a
--- /dev/null
+++ b/react/features/base/tooltip/actionTypes.ts
@@ -0,0 +1,19 @@
+/**
+ * The type of the action which signals a tooltip is being displayed.
+ *
+ * {
+ *     type: SHOW_TOOLTIP,
+ *     content: string
+ * }.
+ */
+export const SHOW_TOOLTIP = 'SHOW_TOOLTIP';
+
+/**
+ * The type of the action which signals a tooltip should be hidden.
+ *
+ * {
+ *     type: SHOW_TOOLTIP,
+ *     content: string
+ * }.
+ */
+export const HIDE_TOOLTIP = 'HIDE_TOOLTIP';
diff --git a/react/features/base/tooltip/actions.tsx b/react/features/base/tooltip/actions.tsx
new file mode 100644
index 0000000..0b9c1c8
--- /dev/null
+++ b/react/features/base/tooltip/actions.tsx
@@ -0,0 +1,31 @@
+import { ReactElement } from 'react';
+
+import { HIDE_TOOLTIP, SHOW_TOOLTIP } from './actionTypes';
+
+/**
+ * Set tooltip state to visible.
+ *
+ * @param {string} content - The content of the tooltip.
+ * Used as unique identifier for tooltip.
+ * @returns {Object}
+ */
+export function showTooltip(content: string | ReactElement) {
+    return {
+        type: SHOW_TOOLTIP,
+        content
+    };
+}
+
+/**
+ * Set tooltip state to hidden.
+ *
+ * @param {string} content - The content of the tooltip.
+ * Used as unique identifier for tooltip.
+ * @returns {Object}
+ */
+export function hideTooltip(content: string | ReactElement) {
+    return {
+        type: HIDE_TOOLTIP,
+        content
+    };
+}
diff --git a/react/features/base/tooltip/components/Tooltip.tsx b/react/features/base/tooltip/components/Tooltip.tsx
new file mode 100644
index 0000000..482b137
--- /dev/null
+++ b/react/features/base/tooltip/components/Tooltip.tsx
@@ -0,0 +1,157 @@
+import React, { ReactElement, useCallback, useEffect, useRef, useState } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import { keyframes } from 'tss-react';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState } from '../../../app/types';
+import { isMobileBrowser } from '../../environment/utils';
+import Popover from '../../popover/components/Popover.web';
+import { TOOLTIP_POSITION } from '../../ui/constants.any';
+import { hideTooltip, showTooltip } from '../actions';
+
+const TOOLTIP_DELAY = 300;
+const ANIMATION_DURATION = 0.2;
+
+interface IProps {
+    children: ReactElement;
+    containerClassName?: string;
+    content: string | ReactElement;
+    position?: TOOLTIP_POSITION;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        container: {
+            backgroundColor: theme.palette.uiBackground,
+            borderRadius: '3px',
+            padding: theme.spacing(2),
+            ...theme.typography.labelRegular,
+            color: theme.palette.text01,
+            position: 'relative',
+
+            '&.mounting-animation': {
+                animation: `${keyframes`
+                    0% {
+                        opacity: 0;
+                    }
+                    100% {
+                        opacity: 1;
+                    }
+                `} ${ANIMATION_DURATION}s forwards ease-in`
+            },
+
+            '&.unmounting': {
+                animation: `${keyframes`
+                    0% {
+                        opacity: 1;
+                    }
+                    100% {
+                        opacity: 0;
+                    }
+                `} ${ANIMATION_DURATION}s forwards ease-out`
+            }
+        }
+    };
+});
+
+const Tooltip = ({ containerClassName, content, children, position = 'top' }: IProps) => {
+    const dispatch = useDispatch();
+    const [ visible, setVisible ] = useState(false);
+    const [ isUnmounting, setIsUnmounting ] = useState(false);
+    const overflowDrawer = useSelector((state: IReduxState) => state['features/toolbox'].overflowDrawer);
+    const { classes, cx } = useStyles();
+    const timeoutID = useRef({
+        open: 0,
+        close: 0
+    });
+    const {
+        content: storeContent,
+        previousContent,
+        visible: isVisible
+    } = useSelector((state: IReduxState) => state['features/base/tooltip']);
+
+    const contentComponent = (
+        <div
+            className = { cx(classes.container, previousContent === '' && 'mounting-animation',
+                isUnmounting && 'unmounting') }>
+            {content}
+        </div>
+    );
+
+    const openPopover = () => {
+        setVisible(true);
+        dispatch(showTooltip(content));
+    };
+
+    const closePopover = () => {
+        setVisible(false);
+        dispatch(hideTooltip(content));
+        setIsUnmounting(false);
+    };
+
+    const onPopoverOpen = useCallback(() => {
+        if (isUnmounting) {
+            return;
+        }
+
+        clearTimeout(timeoutID.current.close);
+        timeoutID.current.close = 0;
+        if (!visible) {
+            if (isVisible) {
+                openPopover();
+            } else {
+                timeoutID.current.open = window.setTimeout(() => {
+                    openPopover();
+                }, TOOLTIP_DELAY);
+            }
+        }
+    }, [ visible, isVisible, isUnmounting ]);
+
+    const onPopoverClose = useCallback(() => {
+        clearTimeout(timeoutID.current.open);
+        if (visible) {
+            timeoutID.current.close = window.setTimeout(() => {
+                setIsUnmounting(true);
+            }, TOOLTIP_DELAY);
+        }
+    }, [ visible ]);
+
+    useEffect(() => {
+        if (isUnmounting) {
+            setTimeout(() => {
+                if (timeoutID.current.close !== 0) {
+                    closePopover();
+                }
+            }, (ANIMATION_DURATION * 1000) + 10);
+        }
+    }, [ isUnmounting ]);
+
+    useEffect(() => {
+        if (storeContent !== content) {
+            closePopover();
+            clearTimeout(timeoutID.current.close);
+            timeoutID.current.close = 0;
+        }
+    }, [ storeContent ]);
+
+
+    if (isMobileBrowser() || overflowDrawer) {
+        return children;
+    }
+
+    return (
+        <Popover
+            allowClick = { true }
+            className = { containerClassName }
+            content = { contentComponent }
+            focusable = { false }
+            onPopoverClose = { onPopoverClose }
+            onPopoverOpen = { onPopoverOpen }
+            position = { position }
+            visible = { visible }>
+            {children}
+        </Popover>
+    );
+};
+
+export default Tooltip;
diff --git a/react/features/base/tooltip/reducer.ts b/react/features/base/tooltip/reducer.ts
new file mode 100644
index 0000000..b143306
--- /dev/null
+++ b/react/features/base/tooltip/reducer.ts
@@ -0,0 +1,50 @@
+import ReducerRegistry from '../redux/ReducerRegistry';
+
+import { HIDE_TOOLTIP, SHOW_TOOLTIP } from './actionTypes';
+
+export interface ITooltipState {
+    content: string;
+    previousContent: string;
+    visible: boolean;
+}
+
+const DEFAULT_STATE = {
+    content: '',
+    previousContent: '',
+    visible: false
+};
+
+/**
+ * Reduces redux actions which mark the tooltip as displayed or hidden.
+ *
+ * @param {IDialogState} state - The current redux state.
+ * @param {Action} action - The redux action to reduce.
+ * @param {string} action.type - The type of the redux action to reduce..
+ * @returns {State} The next redux state that is the result of reducing the
+ * specified action.
+ */
+ReducerRegistry.register<ITooltipState>('features/base/tooltip', (state = DEFAULT_STATE, action): ITooltipState => {
+    switch (action.type) {
+    case SHOW_TOOLTIP:
+        return {
+            content: action.content,
+            previousContent: state.content,
+            visible: true
+        };
+    case HIDE_TOOLTIP: {
+        // The tooltip can be marked as hidden only if the hide action
+        // is dispatched by the tooltip that is displayed.
+        if (action.content === state.content) {
+            return {
+                content: '',
+                previousContent: '',
+                visible: false
+            };
+        }
+
+        return state;
+    }
+    }
+
+    return state;
+});
diff --git a/react/features/base/tracks/actionTypes.ts b/react/features/base/tracks/actionTypes.ts
new file mode 100644
index 0000000..6a25358
--- /dev/null
+++ b/react/features/base/tracks/actionTypes.ts
@@ -0,0 +1,118 @@
+/**
+ * The type of Redux action which sets the noSrcDataNotificationUid state representing the UID of the previous
+ * no data from source notification. Used to check if such a notification was previously displayed.
+ *
+ * {
+ *     type: SET_NO_SRC_DATA_NOTIFICATION_UID,
+ *     uid: ?number
+ * }
+ */
+export const SET_NO_SRC_DATA_NOTIFICATION_UID = 'SET_NO_SRC_DATA_NOTIFICATION_UID';
+
+/**
+ * The type of redux action dispatched when a track has been (locally or
+ * remotely) added to the conference.
+ *
+ * {
+ *     type: TRACK_ADDED,
+ *     track: Track
+ * }
+ */
+export const TRACK_ADDED = 'TRACK_ADDED';
+
+/**
+ * The type of redux action dispatched when a canceled {@code getUserMedia}
+ * process completes either successfully or with an error (the error is ignored
+ * and the track is immediately disposed if it has been created).
+ *
+ * {
+ *     type: TRACK_CREATE_CANCELED,
+ *     trackType: MEDIA_TYPE
+ * }
+ */
+export const TRACK_CREATE_CANCELED = 'TRACK_CREATE_CANCELED';
+
+/**
+ * The type of redux action dispatched when {@code getUserMedia} fails with an
+ * error (such as permission denied).
+ *
+ * {
+ *     type: TRACK_CREATE_ERROR,
+ *     permissionDenied: Boolean,
+ *     trackType: MEDIA_TYPE
+ * }
+ */
+export const TRACK_CREATE_ERROR = 'TRACK_CREATE_ERROR';
+
+/**
+ * The type of redux action dispatched when the track mute/unmute operation fails at the conference level. This could
+ * happen because of {@code getUserMedia} errors during unmute or replace track errors at the peerconnection level.
+ *
+ * {
+ *     type: TRACK_MUTE_UNMUTE_FAILED,
+ *     track: Track,
+ *     wasMuting: Boolean
+ * }
+ */
+export const TRACK_MUTE_UNMUTE_FAILED = 'TRACK_MUTE_UNMUTE_FAILED';
+
+/**
+ * The type of redux action dispatched when a track has triggered no data from source event.
+ *
+ * {
+ *     type: TRACK_NO_DATA_FROM_SOURCE,
+ *     track: Track
+ * }
+ */
+export const TRACK_NO_DATA_FROM_SOURCE = 'TRACK_NO_DATA_FROM_SOURCE';
+
+/**
+ * The type of redux action dispatched when a track has been (locally or
+ * remotely) removed from the conference.
+ *
+ * {
+ *     type: TRACK_REMOVED,
+ *     track: Track
+ * }
+ */
+export const TRACK_REMOVED = 'TRACK_REMOVED';
+
+/**
+ * The type of redux action dispatched when a track has stopped.
+ *
+ * {
+ *      type: TRACK_STOPPED,
+ *      track: Track
+ * }
+ */
+export const TRACK_STOPPED = 'TRACK_STOPPED';
+
+/**
+ * The type of redux action dispatched when a track's properties were updated.
+ *
+ * {
+ *     type: TRACK_UPDATED,
+ *     track: Track
+ * }
+ */
+export const TRACK_UPDATED = 'TRACK_UPDATED';
+ 
+/**
+ * The type of redux action dispatched when a local track starts being created
+ * via a WebRTC {@code getUserMedia} call. The action's payload includes an
+ * extra {@code gumProcess} property which is a {@code Promise} with an extra
+ * {@code cancel} method which can be used to cancel the process. Canceling will
+ * result in disposing any {@code JitsiLocalTrack} returned by the
+ * {@code getUserMedia} callback. There will be a {@code TRACK_CREATE_CANCELED}
+ * action instead of a {@code TRACK_ADDED} or {@code TRACK_CREATE_ERROR} action.
+ *
+ * {
+ *     type: TRACK_WILL_CREATE
+ *     track: {
+ *         gumProcess: Promise with a `cancel` method to cancel the process,
+ *         local: true,
+ *         mediaType: MEDIA_TYPE
+ *     }
+ * }
+ */
+export const TRACK_WILL_CREATE = 'TRACK_WILL_CREATE';
diff --git a/react/features/base/tracks/actions.any.ts b/react/features/base/tracks/actions.any.ts
new file mode 100644
index 0000000..89e3b1b
--- /dev/null
+++ b/react/features/base/tracks/actions.any.ts
@@ -0,0 +1,828 @@
+import { createTrackMutedEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { IStore } from '../../app/types';
+import { showErrorNotification, showNotification } from '../../notifications/actions';
+import { NOTIFICATION_TIMEOUT, NOTIFICATION_TIMEOUT_TYPE } from '../../notifications/constants';
+import { getCurrentConference } from '../conference/functions';
+import { IJitsiConference } from '../conference/reducer';
+import { JitsiTrackErrors, JitsiTrackEvents } from '../lib-jitsi-meet';
+import { setAudioMuted, setScreenshareMuted, setVideoMuted } from '../media/actions';
+import {
+    CAMERA_FACING_MODE,
+    MEDIA_TYPE,
+    MediaType,
+    VIDEO_MUTISM_AUTHORITY,
+    VIDEO_TYPE,
+    VideoType
+} from '../media/constants';
+import { getLocalParticipant } from '../participants/functions';
+
+import {
+    SET_NO_SRC_DATA_NOTIFICATION_UID,
+    TRACK_ADDED,
+    TRACK_CREATE_CANCELED,
+    TRACK_CREATE_ERROR,
+    TRACK_MUTE_UNMUTE_FAILED,
+    TRACK_NO_DATA_FROM_SOURCE,
+    TRACK_REMOVED,
+    TRACK_STOPPED,
+    TRACK_UPDATED,
+    TRACK_WILL_CREATE
+} from './actionTypes';
+import {
+    createLocalTracksF,
+    getCameraFacingMode,
+    getLocalTrack,
+    getLocalTracks,
+    getLocalVideoTrack,
+    getTrackByJitsiTrack
+} from './functions';
+import logger from './logger';
+import { ITrack, ITrackOptions } from './types';
+
+/**
+ * Add a given local track to the conference.
+ *
+ * @param {JitsiLocalTrack} newTrack - The local track to be added to the conference.
+ * @returns {Function}
+ */
+export function addLocalTrack(newTrack: any) {
+    return async (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const conference = getCurrentConference(getState());
+
+        if (conference) {
+            await conference.addTrack(newTrack);
+        }
+
+        const setMuted = newTrack.isVideoTrack()
+            ? newTrack.getVideoType() === VIDEO_TYPE.DESKTOP
+                ? setScreenshareMuted
+                : setVideoMuted
+            : setAudioMuted;
+        const isMuted = newTrack.isMuted();
+
+        logger.log(`Adding ${newTrack.getType()} track - ${isMuted ? 'muted' : 'unmuted'}`);
+        dispatch(setMuted(isMuted));
+
+        return dispatch(_addTracks([ newTrack ]));
+    };
+}
+
+/**
+ * Requests the creating of the desired media type tracks. Desire is expressed
+ * by base/media unless the function caller specifies desired media types
+ * explicitly and thus override base/media. Dispatches a
+ * {@code createLocalTracksA} action for the desired media types for which there
+ * are no existing tracks yet.
+ *
+ * @returns {Function}
+ */
+export function createDesiredLocalTracks(...desiredTypes: any) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+
+        dispatch(destroyLocalDesktopTrackIfExists());
+
+        if (desiredTypes.length === 0) {
+            const { startSilent } = state['features/base/config'];
+            const { video } = state['features/base/media'];
+
+            if (!startSilent) {
+                // Always create the audio track early, even if it will be muted.
+                // This fixes a timing issue when adding the track to the conference which
+                // manifests primarily on iOS 15.
+                // Unless we are silent, of course.
+                desiredTypes.push(MEDIA_TYPE.AUDIO);
+            }
+
+            // XXX When the app is coming into the foreground from the
+            // background in order to handle a URL, it may realize the new
+            // background state soon after it has tried to create the local
+            // tracks requested by the URL. Ignore
+            // VIDEO_MUTISM_AUTHORITY.BACKGROUND and create the local video
+            // track if no other VIDEO_MUTISM_AUTHORITY has muted it. The local
+            // video track will be muted until the app realizes the new
+            // background state.
+
+            // eslint-disable-next-line no-bitwise
+            (video.muted & ~VIDEO_MUTISM_AUTHORITY.BACKGROUND)
+                || desiredTypes.push(MEDIA_TYPE.VIDEO);
+        }
+
+        const availableTypes
+            = getLocalTracks(
+                    state['features/base/tracks'],
+                    /* includePending */ true)
+                .map(t => t.mediaType);
+
+        // We need to create the desired tracks which are not already available.
+        const createTypes
+            = desiredTypes.filter((type: MediaType) => availableTypes.indexOf(type) === -1);
+
+        createTypes.length
+            && dispatch(createLocalTracksA({ devices: createTypes }));
+    };
+}
+
+/**
+ * Request to start capturing local audio and/or video. By default, the user
+ * facing camera will be selected.
+ *
+ * @param {Object} [options] - For info @see JitsiMeetJS.createLocalTracks.
+ * @returns {Function}
+ */
+export function createLocalTracksA(options: ITrackOptions = {}) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const devices
+            = options.devices || [ MEDIA_TYPE.AUDIO, MEDIA_TYPE.VIDEO ];
+        const store = {
+            dispatch,
+            getState
+        };
+        const promises = [];
+        const state = getState();
+
+        // The following executes on React Native only at the time of this
+        // writing. The effort to port Web's createInitialLocalTracks
+        // is significant and that's where the function createLocalTracksF got
+        // born. I started with the idea a porting so that we could inherit the
+        // ability to getUserMedia for audio only or video only if getUserMedia
+        // for audio and video fails. Eventually though, I realized that on
+        // mobile we do not have combined permission prompts implemented anyway
+        // (either because there are no such prompts or it does not make sense
+        // to implement them) and the right thing to do is to ask for each
+        // device separately.
+        for (const device of devices) {
+            if (getLocalTrack(
+                state['features/base/tracks'],
+                    device as MediaType,
+                    /* includePending */ true)) {
+                throw new Error(`Local track for ${device} already exists`);
+            }
+
+            const gumProcess: any
+                = createLocalTracksF(
+                    {
+                        cameraDeviceId: options.cameraDeviceId,
+                        constraints: options?.constraints,
+                        devices: [ device ],
+                        facingMode:
+                            options.facingMode || getCameraFacingMode(state),
+                        micDeviceId: options.micDeviceId
+                    },
+                    store)
+                .then( // @ts-ignore
+                    (localTracks: any[]) => {
+                        // Because GUM is called for 1 device (which is actually
+                        // a media type 'audio', 'video', 'screen', etc.) we
+                        // should not get more than one JitsiTrack.
+                        if (localTracks.length !== 1) {
+                            throw new Error(
+                                `Expected exactly 1 track, but was given ${
+                                    localTracks.length} tracks for device: ${
+                                    device}.`);
+                        }
+
+                        if (gumProcess.canceled) {
+                            return _disposeTracks(localTracks)
+                                .then(() =>
+                                    dispatch(_trackCreateCanceled(device as MediaType)));
+                        }
+
+                        return dispatch(trackAdded(localTracks[0]));
+                    },
+                    (reason: Error) =>
+                        dispatch(
+                            gumProcess.canceled
+                                ? _trackCreateCanceled(device as MediaType)
+                                : _onCreateLocalTracksRejected(
+                                    reason,
+                                    device)));
+
+            promises.push(gumProcess.catch(() => undefined));
+
+            /**
+             * Cancels the {@code getUserMedia} process represented by this
+             * {@code Promise}.
+             *
+             * @returns {Promise} This {@code Promise} i.e. {@code gumProcess}.
+             */
+            gumProcess.cancel = () => {
+                gumProcess.canceled = true;
+
+                return gumProcess;
+            };
+
+            dispatch({
+                type: TRACK_WILL_CREATE,
+                track: {
+                    gumProcess,
+                    local: true,
+                    mediaType: device
+                }
+            });
+        }
+
+        return Promise.all(promises);
+    };
+}
+
+/**
+ * Calls JitsiLocalTrack#dispose() on the given track or on all local tracks (if none are passed) ignoring errors if
+ * track is already disposed. After that signals tracks to be removed.
+ *
+ * @param {JitsiLocalTrack|null} [track] - The local track that needs to be destroyed.
+ * @returns {Function}
+ */
+export function destroyLocalTracks(track: any = null) {
+    if (track) {
+        return (dispatch: IStore['dispatch']) => dispatch(_disposeAndRemoveTracks([ track ]));
+    }
+
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) =>
+
+        // First wait until any getUserMedia in progress is settled and then get
+        // rid of all local tracks.
+        _cancelGUMProcesses(getState)
+            .then(() =>
+                dispatch(
+                    _disposeAndRemoveTracks(
+                        getState()['features/base/tracks']
+                            .filter(t => t.local)
+                            .map(t => t.jitsiTrack))));
+}
+
+/**
+ * Signals that the passed JitsiLocalTrack has triggered a no data from source event.
+ *
+ * @param {JitsiLocalTrack} track - The track.
+ * @returns {{
+*     type: TRACK_NO_DATA_FROM_SOURCE,
+*     track: Track
+* }}
+*/
+export function noDataFromSource(track: any) {
+    return {
+        type: TRACK_NO_DATA_FROM_SOURCE,
+        track
+    };
+}
+
+/**
+ * Displays a no data from source video error if needed.
+ *
+ * @param {JitsiLocalTrack} jitsiTrack - The track.
+ * @returns {Function}
+ */
+export function showNoDataFromSourceVideoError(jitsiTrack: any) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        let notificationInfo;
+
+        const track = getTrackByJitsiTrack(getState()['features/base/tracks'], jitsiTrack);
+
+        if (!track) {
+            return;
+        }
+
+        if (track.isReceivingData) {
+            notificationInfo = undefined;
+        } else {
+            const notificationAction = dispatch(showErrorNotification({
+                descriptionKey: 'dialog.cameraNotSendingData',
+                titleKey: 'dialog.cameraNotSendingDataTitle'
+            }));
+
+            notificationInfo = {
+                uid: notificationAction?.uid
+            };
+        }
+        dispatch(trackNoDataFromSourceNotificationInfoChanged(jitsiTrack, notificationInfo));
+    };
+}
+
+/**
+ * Replaces one track with another for one renegotiation instead of invoking
+ * two renegotiations with a separate removeTrack and addTrack. Disposes the
+ * removed track as well.
+ *
+ * @param {JitsiLocalTrack|null} oldTrack - The track to dispose.
+ * @param {JitsiLocalTrack|null} newTrack - The track to use instead.
+ * @param {JitsiConference} [conference] - The conference from which to remove
+ * and add the tracks. If one is not provided, the conference in the redux store
+ * will be used.
+ * @returns {Function}
+ */
+export function replaceLocalTrack(oldTrack: any, newTrack: any, conference?: IJitsiConference) {
+    return async (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        conference
+
+            // eslint-disable-next-line no-param-reassign
+            || (conference = getState()['features/base/conference'].conference);
+
+        if (conference) {
+            await conference.replaceTrack(oldTrack, newTrack);
+        }
+
+        return dispatch(replaceStoredTracks(oldTrack, newTrack));
+    };
+}
+
+/**
+ * Replaces a stored track with another.
+ *
+ * @param {JitsiLocalTrack|null} oldTrack - The track to dispose.
+ * @param {JitsiLocalTrack|null} newTrack - The track to use instead.
+ * @returns {Function}
+ */
+function replaceStoredTracks(oldTrack: any, newTrack: any) {
+    return async (dispatch: IStore['dispatch']) => {
+        // We call dispose after doing the replace because dispose will
+        // try and do a new o/a after the track removes itself. Doing it
+        // after means the JitsiLocalTrack.conference is already
+        // cleared, so it won't try and do the o/a.
+        if (oldTrack) {
+            await dispatch(_disposeAndRemoveTracks([ oldTrack ]));
+        }
+
+        if (newTrack) {
+            // The mute state of the new track should be reflected in the app's mute state. For example, if the
+            // app is currently muted and changing to a new track that is not muted, the app's mute state
+            // should be falsey. As such, emit a mute event here to set up the app to reflect the track's mute
+            // state. If this is not done, the current mute state of the app will be reflected on the track,
+            // not vice-versa.
+            const setMuted = newTrack.isVideoTrack()
+                ? newTrack.getVideoType() === VIDEO_TYPE.DESKTOP
+                    ? setScreenshareMuted
+                    : setVideoMuted
+                : setAudioMuted;
+            const isMuted = newTrack.isMuted();
+
+            sendAnalytics(createTrackMutedEvent(newTrack.getType(), 'track.replaced', isMuted));
+            logger.log(`Replace ${newTrack.getType()} track - ${isMuted ? 'muted' : 'unmuted'}`);
+
+            dispatch(setMuted(isMuted));
+            await dispatch(_addTracks([ newTrack ]));
+        }
+    };
+}
+
+/**
+ * Create an action for when a new track has been signaled to be added to the
+ * conference.
+ *
+ * @param {(JitsiLocalTrack|JitsiRemoteTrack)} track - JitsiTrack instance.
+ * @returns {Function}
+ */
+export function trackAdded(track: any) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        track.on(
+            JitsiTrackEvents.TRACK_MUTE_CHANGED,
+            () => dispatch(trackMutedChanged(track)));
+        track.on(
+            JitsiTrackEvents.TRACK_VIDEOTYPE_CHANGED,
+            (type: VideoType) => dispatch(trackVideoTypeChanged(track, type)));
+        const local = track.isLocal();
+        const mediaType = track.getVideoType() === VIDEO_TYPE.DESKTOP
+            ? MEDIA_TYPE.SCREENSHARE
+            : track.getType();
+        let isReceivingData, noDataFromSourceNotificationInfo, participantId;
+
+        if (local) {
+            // Reset the no data from src notification state when we change the track, as it's context is set
+            // on a per device basis.
+            dispatch(setNoSrcDataNotificationUid());
+            const participant = getLocalParticipant(getState);
+
+            if (participant) {
+                participantId = participant.id;
+            }
+
+            isReceivingData = track.isReceivingData();
+            track.on(JitsiTrackEvents.NO_DATA_FROM_SOURCE, () => dispatch(noDataFromSource({ jitsiTrack: track })));
+            if (!isReceivingData) {
+                if (mediaType === MEDIA_TYPE.AUDIO) {
+                    const notificationAction = dispatch(showNotification({
+                        descriptionKey: 'dialog.micNotSendingData',
+                        titleKey: 'dialog.micNotSendingDataTitle'
+                    }, NOTIFICATION_TIMEOUT_TYPE.LONG));
+
+                    // Set the notification ID so that other parts of the application know that this was
+                    // displayed in the context of the current device.
+                    // I.E. The no-audio-signal notification shouldn't be displayed if this was already shown.
+                    dispatch(setNoSrcDataNotificationUid(notificationAction?.uid));
+
+                    noDataFromSourceNotificationInfo = { uid: notificationAction?.uid };
+                } else {
+                    const timeout = setTimeout(() => dispatch(
+                        showNoDataFromSourceVideoError(track)),
+                        NOTIFICATION_TIMEOUT.MEDIUM);
+
+                    noDataFromSourceNotificationInfo = { timeout };
+                }
+            }
+
+            track.on(JitsiTrackEvents.LOCAL_TRACK_STOPPED,
+                () => {
+                    logger.debug(`Local track stopped: ${track}, removing it from the conference`);
+                    dispatch({
+                        type: TRACK_STOPPED,
+                        track: {
+                            jitsiTrack: track
+                        } });
+                });
+        } else {
+            participantId = track.getParticipantId();
+            isReceivingData = true;
+        }
+
+        return dispatch({
+            type: TRACK_ADDED,
+            track: {
+                jitsiTrack: track,
+                isReceivingData,
+                local,
+                mediaType,
+                mirror: _shouldMirror(track),
+                muted: track.isMuted(),
+                noDataFromSourceNotificationInfo,
+                participantId,
+                videoStarted: false,
+                videoType: track.videoType
+            }
+        });
+    };
+}
+
+/**
+ * Create an action for when a track's codec has been signaled to have been changed.
+ *
+ * @param {JitsiLocalTrack} track - JitsiLocalTrack instance.
+ * @param {string} codec - The video codec.
+ * @returns {{
+ *     type: TRACK_UPDATED,
+ *     track: Track
+ * }}
+ */
+export function trackCodecChanged(track: ITrack, codec: string): {
+    track: {
+        codec: string;
+        jitsiTrack: any;
+    };
+    type: 'TRACK_UPDATED';
+} {
+    return {
+        type: TRACK_UPDATED,
+        track: {
+            codec,
+            jitsiTrack: track
+        }
+    };
+}
+
+/**
+ * Create an action for when a track's muted state has been signaled to be
+ * changed.
+ *
+ * @param {(JitsiLocalTrack|JitsiRemoteTrack)} track - JitsiTrack instance.
+ * @returns {{
+ *     type: TRACK_UPDATED,
+ *     track: Track
+ * }}
+ */
+export function trackMutedChanged(track: any): {
+    track: {
+        jitsiTrack: any;
+        muted: boolean;
+    };
+    type: 'TRACK_UPDATED';
+} {
+    return {
+        type: TRACK_UPDATED,
+        track: {
+            jitsiTrack: track,
+            muted: track.isMuted()
+        }
+    };
+}
+
+/**
+ * Create an action for when a track's muted state change action has failed. This could happen because of
+ * {@code getUserMedia} errors during unmute or replace track errors at the peerconnection level.
+ *
+ * @param {(JitsiLocalTrack|JitsiRemoteTrack)} track - JitsiTrack instance.
+ * @param {boolean} wasMuting - If the operation that failed was a mute operation or an unmute operation.
+ * @returns {{
+ *     type: TRACK_MUTE_UNMUTE_FAILED,
+ *     track: Track
+ * }}
+ */
+export function trackMuteUnmuteFailed(track: any, wasMuting: boolean): {
+    track: any;
+    type: 'TRACK_MUTE_UNMUTE_FAILED';
+    wasMuting: boolean;
+} {
+    return {
+        type: TRACK_MUTE_UNMUTE_FAILED,
+        track,
+        wasMuting
+    };
+}
+
+/**
+ * Create an action for when a track's no data from source notification information changes.
+ *
+ * @param {JitsiLocalTrack} track - JitsiTrack instance.
+ * @param {Object} noDataFromSourceNotificationInfo - Information about no data from source notification.
+ * @returns {{
+ *     type: TRACK_UPDATED,
+ *     track: Track
+ * }}
+ */
+export function trackNoDataFromSourceNotificationInfoChanged(track: any, noDataFromSourceNotificationInfo?: Object) {
+    return {
+        type: TRACK_UPDATED,
+        track: {
+            jitsiTrack: track,
+            noDataFromSourceNotificationInfo
+        }
+    };
+}
+
+/**
+ * Create an action for when a track has been signaled for removal from the
+ * conference.
+ *
+ * @param {(JitsiLocalTrack|JitsiRemoteTrack)} track - JitsiTrack instance.
+ * @returns {{
+ *     type: TRACK_REMOVED,
+ *     track: Track
+ * }}
+ */
+export function trackRemoved(track: any): {
+    track: {
+        jitsiTrack: any;
+    };
+    type: 'TRACK_REMOVED';
+} {
+    track.removeAllListeners(JitsiTrackEvents.TRACK_MUTE_CHANGED);
+    track.removeAllListeners(JitsiTrackEvents.TRACK_VIDEOTYPE_CHANGED);
+    track.removeAllListeners(JitsiTrackEvents.NO_DATA_FROM_SOURCE);
+
+    return {
+        type: TRACK_REMOVED,
+        track: {
+            jitsiTrack: track
+        }
+    };
+}
+
+/**
+ * Signal that track's video started to play.
+ *
+ * @param {(JitsiLocalTrack|JitsiRemoteTrack)} track - JitsiTrack instance.
+ * @returns {{
+ *     type: TRACK_UPDATED,
+ *     track: Track
+ * }}
+ */
+export function trackVideoStarted(track: any): {
+    track: {
+        jitsiTrack: any;
+        videoStarted: true;
+    };
+    type: 'TRACK_UPDATED';
+} {
+    return {
+        type: TRACK_UPDATED,
+        track: {
+            jitsiTrack: track,
+            videoStarted: true
+        }
+    };
+}
+
+/**
+ * Create an action for when participant video type changes.
+ *
+ * @param {(JitsiLocalTrack|JitsiRemoteTrack)} track - JitsiTrack instance.
+ * @param {VIDEO_TYPE|undefined} videoType - Video type.
+ * @returns {{
+ *     type: TRACK_UPDATED,
+ *     track: Track
+ * }}
+ */
+export function trackVideoTypeChanged(track: any, videoType: VideoType) {
+    const mediaType = videoType === VIDEO_TYPE.CAMERA ? MEDIA_TYPE.VIDEO : MEDIA_TYPE.SCREENSHARE;
+
+    return {
+        type: TRACK_UPDATED,
+        track: {
+            jitsiTrack: track,
+            videoType,
+            mediaType
+        }
+    };
+}
+
+/**
+ * Create an action for when track streaming status changes.
+ *
+ * @param {(JitsiRemoteTrack)} track - JitsiTrack instance.
+ * @param {string} streamingStatus - The new streaming status of the track.
+ * @returns {{
+ *     type: TRACK_UPDATED,
+ *     track: Track
+ * }}
+ */
+export function trackStreamingStatusChanged(track: any, streamingStatus: string): {
+    track: {
+        jitsiTrack: any;
+        streamingStatus: string;
+    };
+    type: 'TRACK_UPDATED';
+} {
+    return {
+        type: TRACK_UPDATED,
+        track: {
+            jitsiTrack: track,
+            streamingStatus
+        }
+    };
+}
+
+/**
+ * Signals passed tracks to be added.
+ *
+ * @param {(JitsiLocalTrack|JitsiRemoteTrack)[]} tracks - List of tracks.
+ * @private
+ * @returns {Function}
+ */
+function _addTracks(tracks: any[]) {
+    return (dispatch: IStore['dispatch']) => Promise.all(tracks.map(t => dispatch(trackAdded(t))));
+}
+
+/**
+ * Cancels and waits for any {@code getUserMedia} process/currently in progress
+ * to complete/settle.
+ *
+ * @param {Function} getState - The redux store {@code getState} function used
+ * to obtain the state.
+ * @private
+ * @returns {Promise} - A {@code Promise} resolved once all
+ * {@code gumProcess.cancel()} {@code Promise}s are settled because all we care
+ * about here is to be sure that the {@code getUserMedia} callbacks have
+ * completed (i.e. Returned from the native side).
+ */
+function _cancelGUMProcesses(getState: IStore['getState']): Promise<any> {
+    const logError
+        = (error: Error) =>
+            logger.error('gumProcess.cancel failed', JSON.stringify(error));
+
+    return Promise.all(
+        getState()['features/base/tracks']
+            .filter(t => t.local)
+            .map(({ gumProcess }: any) =>
+                gumProcess?.cancel().catch(logError)));
+}
+
+/**
+ * Disposes passed tracks and signals them to be removed.
+ *
+ * @param {(JitsiLocalTrack|JitsiRemoteTrack)[]} tracks - List of tracks.
+ * @protected
+ * @returns {Function}
+ */
+export function _disposeAndRemoveTracks(tracks: any[]) {
+    return (dispatch: IStore['dispatch']) =>
+        _disposeTracks(tracks)
+            .then(() =>
+                Promise.all(tracks.map(t => dispatch(trackRemoved(t)))));
+}
+
+/**
+ * Disposes passed tracks.
+ *
+ * @param {(JitsiLocalTrack|JitsiRemoteTrack)[]} tracks - List of tracks.
+ * @private
+ * @returns {Promise} - A Promise resolved once {@link JitsiTrack.dispose()} is
+ * done for every track from the list.
+ */
+function _disposeTracks(tracks: any[]): Promise<any> {
+    return Promise.all(
+        tracks.map(t =>
+            t.dispose()
+                .catch((err: Error) => {
+                    // Track might be already disposed so ignore such an error.
+                    // Of course, re-throw any other error(s).
+                    if (err.name !== JitsiTrackErrors.TRACK_IS_DISPOSED) {
+                        throw err;
+                    }
+                })));
+}
+
+/**
+ * Implements the {@code Promise} rejection handler of
+ * {@code createLocalTracksA} and {@code createLocalTracksF}.
+ *
+ * @param {Object} error - The {@code Promise} rejection reason.
+ * @param {string} device - The device/{@code MEDIA_TYPE} associated with the
+ * rejection.
+ * @private
+ * @returns {Function}
+ */
+function _onCreateLocalTracksRejected(error?: Error, device?: string) {
+    return (dispatch: IStore['dispatch']) => {
+        // If permissions are not allowed, alert the user.
+        dispatch({
+            type: TRACK_CREATE_ERROR,
+            permissionDenied: error?.name === 'SecurityError',
+            trackType: device
+        });
+    };
+}
+
+/**
+ * Returns true if the provided {@code JitsiTrack} should be rendered as a
+ * mirror.
+ *
+ * We only want to show a video in mirrored mode when:
+ * 1) The video source is local, and not remote.
+ * 2) The video source is a camera, not a desktop (capture).
+ * 3) The camera is capturing the user, not the environment.
+ *
+ * TODO Similar functionality is part of lib-jitsi-meet. This function should be
+ * removed after https://github.com/jitsi/lib-jitsi-meet/pull/187 is merged.
+ *
+ * @param {(JitsiLocalTrack|JitsiRemoteTrack)} track - JitsiTrack instance.
+ * @private
+ * @returns {boolean}
+ */
+function _shouldMirror(track: any): boolean {
+    return (
+        track?.isLocal()
+            && track?.isVideoTrack()
+
+            // XXX The type of the return value of JitsiLocalTrack's
+            // getCameraFacingMode happens to be named CAMERA_FACING_MODE as
+            // well, it's defined by lib-jitsi-meet. Note though that the type
+            // of the value on the right side of the equality check is defined
+            // by jitsi-meet. The type definitions are surely compatible today
+            // but that may not be the case tomorrow.
+            && track?.getCameraFacingMode() === CAMERA_FACING_MODE.USER);
+}
+
+/**
+ * Signals that track create operation for given media track has been canceled.
+ * Will clean up local track stub from the redux state which holds the
+ * {@code gumProcess} reference.
+ *
+ * @param {MEDIA_TYPE} mediaType - The type of the media for which the track was
+ * being created.
+ * @private
+ * @returns {{
+ *     type,
+ *     trackType: MEDIA_TYPE
+ * }}
+ */
+function _trackCreateCanceled(mediaType: MediaType): {
+    trackType: MediaType;
+    type: 'TRACK_CREATE_CANCELED';
+} {
+    return {
+        type: TRACK_CREATE_CANCELED,
+        trackType: mediaType
+    };
+}
+
+/**
+ * If the local track if of type Desktop, it calls _disposeAndRemoveTracks) on it.
+ *
+ * @returns {Function}
+ */
+export function destroyLocalDesktopTrackIfExists() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const videoTrack = getLocalVideoTrack(getState()['features/base/tracks']);
+        const isDesktopTrack = videoTrack && videoTrack.videoType === VIDEO_TYPE.DESKTOP;
+
+        if (isDesktopTrack) {
+            dispatch(_disposeAndRemoveTracks([ videoTrack.jitsiTrack ]));
+        }
+    };
+}
+
+/**
+ * Sets UID of the displayed no data from source notification. Used to track
+ * if the notification was previously displayed in this context.
+ *
+ * @param {number} uid - Notification UID.
+ * @returns {{
+    *     type: SET_NO_AUDIO_SIGNAL_UID,
+    *     uid: string
+    * }}
+    */
+export function setNoSrcDataNotificationUid(uid?: string) {
+    return {
+        type: SET_NO_SRC_DATA_NOTIFICATION_UID,
+        uid
+    };
+}
diff --git a/react/features/base/tracks/actions.native.ts b/react/features/base/tracks/actions.native.ts
new file mode 100644
index 0000000..9fc468f
--- /dev/null
+++ b/react/features/base/tracks/actions.native.ts
@@ -0,0 +1,69 @@
+import { IReduxState, IStore } from '../../app/types';
+import { showNotification } from '../../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE } from '../../notifications/constants';
+import JitsiMeetJS from '../lib-jitsi-meet';
+import { setScreenshareMuted } from '../media/actions';
+
+import { addLocalTrack, replaceLocalTrack } from './actions.any';
+import { getLocalDesktopTrack, getTrackState } from './functions.native';
+import logger from './logger';
+
+
+export * from './actions.any';
+
+/**
+ * Signals that the local participant is ending screensharing or beginning the screensharing flow.
+ *
+ * @param {boolean} enabled - The state to toggle screen sharing to.
+ * @param {boolean} _ignore1 - Ignored.
+ * @param {any} _ignore2 - Ignored.
+ * @returns {Function}
+ */
+export function toggleScreensharing(enabled: boolean, _ignore1?: boolean, _ignore2?: any) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+
+        if (enabled) {
+            _startScreenSharing(dispatch, state);
+        } else {
+            dispatch(setScreenshareMuted(true));
+        }
+    };
+}
+
+/**
+ * Creates desktop track and replaces the local one.
+ *
+ * @private
+ * @param {Dispatch} dispatch - The redux {@code dispatch} function.
+ * @param {Object} state - The redux state.
+ * @returns {void}
+ */
+async function _startScreenSharing(dispatch: IStore['dispatch'], state: IReduxState) {
+    try {
+        const tracks: any[] = await JitsiMeetJS.createLocalTracks({ devices: [ 'desktop' ] });
+        const track = tracks[0];
+        const currentLocalDesktopTrack = getLocalDesktopTrack(getTrackState(state));
+        const currentJitsiTrack = currentLocalDesktopTrack?.jitsiTrack;
+
+        // The first time the user shares the screen we add the track and create the transceiver.
+        // Afterwards, we just replace the old track, so the transceiver will be reused.
+        if (currentJitsiTrack) {
+            dispatch(replaceLocalTrack(currentJitsiTrack, track));
+        } else {
+            dispatch(addLocalTrack(track));
+        }
+
+        const { enabled: audioOnly } = state['features/base/audio-only'];
+
+        if (audioOnly) {
+            dispatch(showNotification({
+                titleKey: 'notify.screenSharingAudioOnlyTitle',
+                descriptionKey: 'notify.screenSharingAudioOnlyDescription',
+                maxLines: 3
+            }, NOTIFICATION_TIMEOUT_TYPE.LONG));
+        }
+    } catch (error: any) {
+        logger.error('Error creating screen-sharing stream', error);
+    }
+}
diff --git a/react/features/base/tracks/actions.web.ts b/react/features/base/tracks/actions.web.ts
new file mode 100644
index 0000000..18ea717
--- /dev/null
+++ b/react/features/base/tracks/actions.web.ts
@@ -0,0 +1,563 @@
+// @ts-expect-error
+import { AUDIO_ONLY_SCREEN_SHARE_NO_TRACK } from '../../../../modules/UI/UIErrors';
+import { IReduxState, IStore } from '../../app/types';
+import { showModeratedNotification } from '../../av-moderation/actions';
+import { MEDIA_TYPE as AVM_MEDIA_TYPE } from '../../av-moderation/constants';
+import { shouldShowModeratedNotification } from '../../av-moderation/functions';
+import { setNoiseSuppressionEnabled } from '../../noise-suppression/actions';
+import { showErrorNotification, showNotification } from '../../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE } from '../../notifications/constants';
+import { stopReceiver } from '../../remote-control/actions';
+import { setScreenAudioShareState, setScreenshareAudioTrack } from '../../screen-share/actions';
+import { isAudioOnlySharing, isScreenVideoShared } from '../../screen-share/functions';
+import { toggleScreenshotCaptureSummary } from '../../screenshot-capture/actions';
+import { isScreenshotCaptureEnabled } from '../../screenshot-capture/functions';
+import { setAudioSettings } from '../../settings/actions.web';
+import { AudioMixerEffect } from '../../stream-effects/audio-mixer/AudioMixerEffect';
+import { getCurrentConference } from '../conference/functions';
+import { notifyCameraError, notifyMicError } from '../devices/actions.web';
+import { openDialog } from '../dialog/actions';
+import { JitsiTrackErrors, JitsiTrackEvents, browser } from '../lib-jitsi-meet';
+import { createLocalTrack } from '../lib-jitsi-meet/functions.any';
+import { gumPending, setScreenshareMuted } from '../media/actions';
+import {
+    CAMERA_FACING_MODE,
+    MEDIA_TYPE,
+    MediaType,
+    VIDEO_TYPE,
+} from '../media/constants';
+import { IGUMPendingState } from '../media/types';
+import { updateSettings } from '../settings/actions';
+import { IAudioSettings } from '../settings/reducer';
+
+import { addLocalTrack, replaceLocalTrack } from './actions.any';
+import AllowToggleCameraDialog from './components/web/AllowToggleCameraDialog';
+import {
+    createLocalTracksF,
+    getLocalDesktopTrack,
+    getLocalJitsiAudioTrack,
+    getLocalVideoTrack,
+    isToggleCameraEnabled
+} from './functions';
+import { applyAudioConstraints, getLocalJitsiAudioTrackSettings } from './functions.web';
+import logger from './logger';
+import { ICreateInitialTracksOptions, IInitialTracksErrors, IShareOptions, IToggleScreenSharingOptions } from './types';
+
+export * from './actions.any';
+
+/**
+ * Signals that the local participant is ending screensharing or beginning the screensharing flow.
+ *
+ * @param {boolean} enabled - The state to toggle screen sharing to.
+ * @param {boolean} audioOnly - Only share system audio.
+ * @param {Object} shareOptions - The options to be passed for capturing screenshare.
+ * @returns {Function}
+ */
+export function toggleScreensharing(
+        enabled?: boolean,
+        audioOnly = false,
+        shareOptions: IShareOptions = {}) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        // check for A/V Moderation when trying to start screen sharing
+        if ((enabled || enabled === undefined) && shouldShowModeratedNotification(AVM_MEDIA_TYPE.DESKTOP, getState())) {
+            dispatch(showModeratedNotification(AVM_MEDIA_TYPE.DESKTOP));
+
+            return Promise.resolve();
+        }
+
+        return _toggleScreenSharing({
+            enabled,
+            audioOnly,
+            shareOptions
+        }, {
+            dispatch,
+            getState
+        });
+    };
+}
+
+/**
+ * Displays a UI notification for screensharing failure based on the error passed.
+ *
+ * @private
+ * @param {Object} error - The error.
+ * @param {Object} store - The redux store.
+ * @returns {void}
+ */
+
+
+/**
+ * Applies the AudioMixer effect on the local audio track if applicable. If there is no local audio track, the desktop
+ * audio track is added to the conference.
+ *
+ * @private
+ * @param {JitsiLocalTrack} desktopAudioTrack - The audio track to be added to the conference.
+ * @param {*} state - The redux state.
+ * @returns {void}
+ */
+async function _maybeApplyAudioMixerEffect(desktopAudioTrack: any, state: IReduxState): Promise<void> {
+    const localAudio = getLocalJitsiAudioTrack(state);
+    const conference = getCurrentConference(state);
+
+    if (localAudio) {
+        // If there is a localAudio stream, mix in the desktop audio stream captured by the screen sharing API.
+        const mixerEffect = new AudioMixerEffect(desktopAudioTrack);
+
+        await localAudio.setEffect(mixerEffect);
+    } else {
+        // If no local stream is present ( i.e. no input audio devices) we use the screen share audio
+        // stream as we would use a regular stream.
+        await conference?.replaceTrack(null, desktopAudioTrack);
+    }
+}
+
+/**
+ * Toggles screen sharing.
+ *
+ * @private
+ * @param {boolean} enabled - The state to toggle screen sharing to.
+ * @param {Store} store - The redux store.
+ * @returns {void}
+ */
+async function _toggleScreenSharing(
+        {
+            enabled,
+            audioOnly = false,
+            shareOptions = {}
+        }: IToggleScreenSharingOptions,
+        store: IStore
+): Promise<void> {
+    const { dispatch, getState } = store;
+    const state = getState();
+    const audioOnlySharing = isAudioOnlySharing(state);
+    const screenSharing = isScreenVideoShared(state);
+    const conference = getCurrentConference(state);
+    const localAudio = getLocalJitsiAudioTrack(state);
+    const localScreenshare = getLocalDesktopTrack(state['features/base/tracks']);
+
+    // Toggle screenshare or audio-only share if the new state is not passed. Happens in the following two cases.
+    // 1. ShareAudioDialog passes undefined when the user hits continue in the share audio demo modal.
+    // 2. Toggle screenshare called from the external API.
+    const enable = audioOnly
+        ? enabled ?? !audioOnlySharing
+        : enabled ?? !screenSharing;
+    const screensharingDetails: { sourceType?: string; } = {};
+
+    if (enable) {
+        let tracks;
+
+        // Spot proxy stream.
+        if (shareOptions.desktopStream) {
+            tracks = [ shareOptions.desktopStream ];
+        } else {
+            const { _desktopSharingSourceDevice } = state['features/base/config'];
+
+            if (!shareOptions.desktopSharingSources && _desktopSharingSourceDevice) {
+                shareOptions.desktopSharingSourceDevice = _desktopSharingSourceDevice;
+            }
+
+            const options = {
+                devices: [ VIDEO_TYPE.DESKTOP ],
+                ...shareOptions
+            };
+
+            try {
+                tracks = await createLocalTracksF(options) as any[];
+            } catch (error) {
+                dispatch(handleScreenSharingError(error));
+
+                return;
+            }
+        }
+
+        const desktopAudioTrack = tracks.find(track => track.getType() === MEDIA_TYPE.AUDIO);
+        const desktopVideoTrack = tracks.find(track => track.getType() === MEDIA_TYPE.VIDEO);
+
+        if (audioOnly) {
+            // Dispose the desktop track for audio-only screensharing.
+            desktopVideoTrack.dispose();
+
+            if (!desktopAudioTrack) {
+                dispatch(handleScreenSharingError(AUDIO_ONLY_SCREEN_SHARE_NO_TRACK));
+
+                return;
+            }
+        } else if (desktopVideoTrack) {
+            if (localScreenshare) {
+                await dispatch(replaceLocalTrack(localScreenshare.jitsiTrack, desktopVideoTrack, conference));
+            } else {
+                await dispatch(addLocalTrack(desktopVideoTrack));
+            }
+            if (isScreenshotCaptureEnabled(state, false, true)) {
+                dispatch(toggleScreenshotCaptureSummary(true));
+            }
+            screensharingDetails.sourceType = desktopVideoTrack.sourceType;
+        }
+
+        // Apply the AudioMixer effect if there is a local audio track, add the desktop track to the conference
+        // otherwise without unmuting the microphone.
+        if (desktopAudioTrack) {
+            // Noise suppression doesn't work with desktop audio because we can't chain track effects yet, disable it
+            // first. We need to to wait for the effect to clear first or it might interfere with the audio mixer.
+            await dispatch(setNoiseSuppressionEnabled(false));
+            _maybeApplyAudioMixerEffect(desktopAudioTrack, state);
+            dispatch(setScreenshareAudioTrack(desktopAudioTrack));
+
+            // Handle the case where screen share was stopped from the browsers 'screen share in progress' window.
+            if (audioOnly) {
+                desktopAudioTrack?.on(
+                    JitsiTrackEvents.LOCAL_TRACK_STOPPED,
+                    () => dispatch(toggleScreensharing(undefined, true)));
+            }
+        }
+
+        // Show notification about more bandwidth usage in audio-only mode if the user starts screensharing. This
+        // doesn't apply to audio-only screensharing.
+        const { enabled: bestPerformanceMode } = state['features/base/audio-only'];
+
+        if (bestPerformanceMode && !audioOnly) {
+            dispatch(showNotification({
+                titleKey: 'notify.screenSharingAudioOnlyTitle',
+                descriptionKey: 'notify.screenSharingAudioOnlyDescription'
+            }, NOTIFICATION_TIMEOUT_TYPE.LONG));
+        }
+    } else {
+        const { desktopAudioTrack } = state['features/screen-share'];
+
+        dispatch(stopReceiver());
+
+        dispatch(toggleScreenshotCaptureSummary(false));
+
+        // Mute the desktop track instead of removing it from the conference since we don't want the client to signal
+        // a source-remove to the remote peer for the screenshare track. Later when screenshare is enabled again, the
+        // same sender will be re-used without the need for signaling a new ssrc through source-add.
+        dispatch(setScreenshareMuted(true));
+        if (desktopAudioTrack) {
+            if (localAudio) {
+                localAudio.setEffect(undefined);
+            } else {
+                await conference?.replaceTrack(desktopAudioTrack, null);
+            }
+            desktopAudioTrack.dispose();
+            dispatch(setScreenshareAudioTrack(null));
+        }
+    }
+
+    if (audioOnly) {
+        dispatch(setScreenAudioShareState(enable));
+    } else {
+        // Notify the external API.
+        APP.API.notifyScreenSharingStatusChanged(enable, screensharingDetails);
+    }
+}
+
+/**
+ * Sets the camera facing mode(environment/user). If facing mode not provided, it will do a toggle.
+ *
+ * @param {string | undefined} facingMode - The selected facing mode.
+ * @returns {void}
+ */
+export function setCameraFacingMode(facingMode: string | undefined) {
+    return async (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+
+        if (!isToggleCameraEnabled(state)) {
+            return;
+        }
+
+        if (!facingMode) {
+            dispatch(toggleCamera());
+
+            return;
+        }
+
+        const tracks = state['features/base/tracks'];
+        const localVideoTrack = getLocalVideoTrack(tracks)?.jitsiTrack;
+
+        if (!tracks || !localVideoTrack) {
+            return;
+        }
+
+        const currentFacingMode = localVideoTrack.getCameraFacingMode();
+
+        if (currentFacingMode !== facingMode) {
+            dispatch(toggleCamera());
+        }
+    };
+}
+
+/**
+ * Signals to open the permission dialog for toggling camera remotely.
+ *
+ * @param {Function} onAllow - Callback to be executed if permission to toggle camera was granted.
+ * @param {string} initiatorId - The participant id of the requester.
+ * @returns {Object} - The open dialog action.
+ */
+export function openAllowToggleCameraDialog(onAllow: Function, initiatorId: string) {
+    return openDialog('AllowToggleCameraDialog', AllowToggleCameraDialog, {
+        onAllow,
+        initiatorId
+    });
+}
+
+/**
+ * Sets the GUM pending state for the tracks that have failed.
+ *
+ * NOTE: Some of the track that we will be setting to GUM pending state NONE may not have failed but they may have
+ * been requested. This won't be a problem because their current GUM pending state will be NONE anyway.
+ *
+ * @param {JitsiLocalTrack} tracks - The tracks that have been created.
+ * @param {Function} dispatch - The redux dispatch function.
+ * @returns {void}
+ */
+export function setGUMPendingStateOnFailedTracks(tracks: Array<any>, dispatch: IStore['dispatch']) {
+    const tracksTypes = tracks.map(track => {
+        if (track.getVideoType() === VIDEO_TYPE.DESKTOP) {
+            return MEDIA_TYPE.SCREENSHARE;
+        }
+
+        return track.getType();
+    });
+    const nonPendingTracks = [ MEDIA_TYPE.AUDIO, MEDIA_TYPE.VIDEO ].filter(type => !tracksTypes.includes(type));
+
+    dispatch(gumPending(nonPendingTracks, IGUMPendingState.NONE));
+}
+
+/**
+ * Creates and adds to the conference the initial audio/video tracks.
+ *
+ * @param {Array<MediaType>} devices - Array with devices (audio/video) that will be used.
+ * @returns {Function}
+ */
+export function createAndAddInitialAVTracks(devices: Array<MediaType>) {
+    return async (dispatch: IStore['dispatch']) => {
+        dispatch(gumPending(devices, IGUMPendingState.PENDING_UNMUTE));
+        const { tracks, errors } = await dispatch(createInitialAVTracks({ devices }));
+
+        setGUMPendingStateOnFailedTracks(tracks, dispatch);
+        dispatch(displayErrorsForCreateInitialLocalTracks(errors));
+
+        await Promise.allSettled(tracks.map((track: any) => {
+            const legacyConferenceObject = APP.conference;
+
+            if (track.isAudioTrack()) {
+                return legacyConferenceObject.useAudioStream(track);
+            }
+            if (track.isVideoTrack()) {
+                return legacyConferenceObject.useVideoStream(track);
+            }
+
+            return Promise.resolve();
+        }));
+
+        dispatch(gumPending(devices, IGUMPendingState.NONE));
+    };
+}
+
+/**
+ * Creates the initial audio/video tracks.
+ *
+ * @param {ICreateInitialTracksOptions} options - Options for creating the audio/video tracks.
+ * @param {boolean} recordTimeMetrics - If true time metrics will be recorded.
+ * @returns {Function}
+ */
+export function createInitialAVTracks(options: ICreateInitialTracksOptions, recordTimeMetrics = false) {
+    return (dispatch: IStore['dispatch'], _getState: IStore['getState']) => {
+        const {
+            devices,
+            timeout
+        } = options;
+
+        dispatch(gumPending(devices, IGUMPendingState.PENDING_UNMUTE));
+
+        return createLocalTracksF(options, undefined, recordTimeMetrics).then(tracks => {
+            return {
+                errors: {} as IInitialTracksErrors,
+                tracks
+            };
+        })
+        .catch(async error => {
+            const errors = {} as IInitialTracksErrors;
+
+            if (error.name === JitsiTrackErrors.TIMEOUT && !browser.isElectron()) {
+                if (devices.includes(MEDIA_TYPE.AUDIO)) {
+                    errors.audioOnlyError = error;
+                }
+
+                if (devices.includes(MEDIA_TYPE.VIDEO)) {
+                    errors.videoOnlyError = error;
+                }
+
+                if (errors.audioOnlyError && errors.videoOnlyError) {
+                    errors.audioAndVideoError = error;
+                }
+
+                return {
+                    errors,
+                    tracks: []
+                };
+            }
+
+            // Retry with separate gUM calls.
+            const gUMPromises = [];
+            const tracks: any[] | PromiseLike<any[]> = [];
+
+            if (devices.includes(MEDIA_TYPE.AUDIO)) {
+                gUMPromises.push(createLocalTracksF({
+                    devices: [ MEDIA_TYPE.AUDIO ],
+                    timeout
+                }));
+            }
+
+            if (devices.includes(MEDIA_TYPE.VIDEO)) {
+                gUMPromises.push(createLocalTracksF({
+                    devices: [ MEDIA_TYPE.VIDEO ],
+                    timeout
+                }));
+            }
+
+            const results = await Promise.allSettled(gUMPromises);
+            let errorMsg;
+
+            results.forEach((result, idx) => {
+                if (result.status === 'fulfilled') {
+                    tracks.push(result.value[0]);
+                } else {
+                    errorMsg = result.reason;
+                    const isAudio = idx === 0;
+
+                    logger.error(`${isAudio ? 'Audio' : 'Video'} track creation failed with error ${errorMsg}`);
+                    if (isAudio) {
+                        errors.audioOnlyError = errorMsg;
+                    } else {
+                        errors.videoOnlyError = errorMsg;
+                    }
+                }
+            });
+
+            if (errors.audioOnlyError && errors.videoOnlyError) {
+                errors.audioAndVideoError = errorMsg;
+            }
+
+            return {
+                tracks,
+                errors
+            };
+        });
+    };
+}
+
+/**
+ * Displays error notifications according to the state carried by the passed {@code errors} object.
+ *
+ * @param {InitialTracksErrors} errors - The errors (if any).
+ * @returns {Function}
+ * @private
+ */
+export function displayErrorsForCreateInitialLocalTracks(errors: IInitialTracksErrors) {
+    return (dispatch: IStore['dispatch']) => {
+        const {
+            audioOnlyError,
+            screenSharingError,
+            videoOnlyError
+        } = errors;
+
+        if (screenSharingError) {
+            dispatch(handleScreenSharingError(screenSharingError));
+        }
+        if (audioOnlyError || videoOnlyError) {
+            if (audioOnlyError) {
+                dispatch(notifyMicError(audioOnlyError));
+            }
+
+            if (videoOnlyError) {
+                dispatch(notifyCameraError(videoOnlyError));
+            }
+        }
+    };
+}
+
+/**
+ * Displays a UI notification for screensharing failure based on the error passed.
+ *
+ * @private
+ * @param {Error | AUDIO_ONLY_SCREEN_SHARE_NO_TRACK} error - The error.
+ * @returns {Function}
+ */
+export function handleScreenSharingError(
+        error: Error | AUDIO_ONLY_SCREEN_SHARE_NO_TRACK) {
+    return (dispatch: IStore['dispatch']) => {
+        logger.error('failed to share local desktop', error);
+
+        let descriptionKey;
+        let titleKey;
+
+        if (error.name === JitsiTrackErrors.PERMISSION_DENIED) {
+            descriptionKey = 'dialog.screenSharingPermissionDeniedError';
+            titleKey = 'dialog.screenSharingFailedTitle';
+        } else if (error.name === JitsiTrackErrors.CONSTRAINT_FAILED) {
+            descriptionKey = 'dialog.cameraConstraintFailedError';
+            titleKey = 'deviceError.cameraError';
+        } else if (error.name === JitsiTrackErrors.SCREENSHARING_GENERIC_ERROR) {
+            descriptionKey = 'dialog.screenSharingFailed';
+            titleKey = 'dialog.screenSharingFailedTitle';
+        } else if (error === AUDIO_ONLY_SCREEN_SHARE_NO_TRACK) {
+            descriptionKey = 'notify.screenShareNoAudio';
+            titleKey = 'notify.screenShareNoAudioTitle';
+        } else { // safeguard for not showing notification with empty text. This will also include
+            // error.name === JitsiTrackErrors.SCREENSHARING_USER_CANCELED
+            return;
+        }
+
+        dispatch(showErrorNotification({
+            descriptionKey,
+            titleKey
+        }));
+    };
+}
+
+/**
+ * Toggles the facingMode constraint on the video stream.
+ *
+ * @returns {Function}
+ */
+export function toggleCamera() {
+    return async (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const tracks = state['features/base/tracks'];
+        const localVideoTrack = getLocalVideoTrack(tracks)?.jitsiTrack;
+        const currentFacingMode = localVideoTrack.getCameraFacingMode();
+        const { localFlipX } = state['features/base/settings'];
+        const targetFacingMode = currentFacingMode === CAMERA_FACING_MODE.USER
+            ? CAMERA_FACING_MODE.ENVIRONMENT
+            : CAMERA_FACING_MODE.USER;
+
+        // Update the flipX value so the environment facing camera is not flipped, before the new track is created.
+        dispatch(updateSettings({ localFlipX: targetFacingMode === CAMERA_FACING_MODE.USER ? localFlipX : false }));
+
+        // On mobile only one camera can be open at a time, so first stop the current camera track.
+        await dispatch(replaceLocalTrack(localVideoTrack, null));
+
+        const newVideoTrack = await createLocalTrack('video', null, null, { facingMode: targetFacingMode });
+
+        await dispatch(replaceLocalTrack(null, newVideoTrack));
+    };
+}
+
+/**
+ * Toggles the audio settings.
+ *
+ * @param {IAudioSettings} settings - The settings to apply.
+ * @returns {Function}
+ */
+export function toggleUpdateAudioSettings(settings: IAudioSettings) {
+    return async (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+
+        await applyAudioConstraints(state, settings);
+
+        const updatedSettings = getLocalJitsiAudioTrackSettings(state) as IAudioSettings;
+
+        dispatch(setAudioSettings(updatedSettings));
+    };
+}
diff --git a/react/features/base/tracks/components/web/AllowToggleCameraDialog.tsx b/react/features/base/tracks/components/web/AllowToggleCameraDialog.tsx
new file mode 100644
index 0000000..cb80e7b
--- /dev/null
+++ b/react/features/base/tracks/components/web/AllowToggleCameraDialog.tsx
@@ -0,0 +1,44 @@
+import React from 'react';
+import { WithTranslation } from 'react-i18next';
+import { useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../../app/types';
+import { translate } from '../../../i18n/functions';
+import { getParticipantDisplayName } from '../../../participants/functions';
+import Dialog from '../../../ui/components/web/Dialog';
+
+
+interface IProps extends WithTranslation {
+
+    /**
+     * The participant id of the toggle camera requester.
+     */
+    initiatorId: string;
+
+    /**
+     * Function to be invoked after permission to toggle camera granted.
+     */
+    onAllow: () => void;
+}
+
+/**
+ * Dialog to allow toggling camera remotely.
+ *
+ * @returns {JSX.Element} - The allow toggle camera dialog.
+ */
+const AllowToggleCameraDialog = ({ onAllow, t, initiatorId }: IProps): JSX.Element => {
+    const initiatorName = useSelector((state: IReduxState) => getParticipantDisplayName(state, initiatorId));
+
+    return (
+        <Dialog
+            ok = {{ translationKey: 'dialog.allow' }}
+            onSubmit = { onAllow }
+            titleKey = 'dialog.allowToggleCameraTitle'>
+            <div>
+                { t('dialog.allowToggleCameraDialog', { initiatorName }) }
+            </div>
+        </Dialog>
+    );
+};
+
+export default translate(AllowToggleCameraDialog);
diff --git a/react/features/base/tracks/constants.ts b/react/features/base/tracks/constants.ts
new file mode 100644
index 0000000..ef72ef0
--- /dev/null
+++ b/react/features/base/tracks/constants.ts
@@ -0,0 +1,5 @@
+/**
+ * The payload name for remotely setting the camera facing mode message.
+ */
+export const CAMERA_FACING_MODE_MESSAGE = 'camera-facing-mode-message';
+export const LOWER_HAND_MESSAGE = 'lower-hand-message';
diff --git a/react/features/base/tracks/functions.any.ts b/react/features/base/tracks/functions.any.ts
new file mode 100644
index 0000000..1f5dbb2
--- /dev/null
+++ b/react/features/base/tracks/functions.any.ts
@@ -0,0 +1,526 @@
+import { IReduxState, IStore } from '../../app/types';
+import { getSsrcRewritingFeatureFlag } from '../config/functions.any';
+import { JitsiTrackErrors, browser } from '../lib-jitsi-meet';
+import { gumPending } from '../media/actions';
+import { CAMERA_FACING_MODE, MEDIA_TYPE, MediaType, VIDEO_TYPE } from '../media/constants';
+import { IMediaState } from '../media/reducer';
+import { IGUMPendingState } from '../media/types';
+import {
+    getMutedStateByParticipantAndMediaType,
+    getVirtualScreenshareParticipantOwnerId,
+    isScreenShareParticipant
+} from '../participants/functions';
+import { IParticipant } from '../participants/types';
+
+import logger from './logger';
+import { ITrack } from './types';
+
+/**
+ * Returns root tracks state.
+ *
+ * @param {IReduxState} state - Global state.
+ * @returns {Object} Tracks state.
+ */
+export const getTrackState = (state: IReduxState) => state['features/base/tracks'];
+
+/**
+ * Checks if the passed media type is muted for the participant.
+ *
+ * @param {IParticipant} participant - Participant reference.
+ * @param {MediaType} mediaType - Media type.
+ * @param {IReduxState} state - Global state.
+ * @returns {boolean} - Is the media type muted for the participant.
+ */
+export function isParticipantMediaMuted(participant: IParticipant | undefined,
+        mediaType: MediaType, state: IReduxState) {
+    if (!participant) {
+        return false;
+    }
+
+    if (getSsrcRewritingFeatureFlag(state)) {
+        return getMutedStateByParticipantAndMediaType(state, participant, mediaType);
+    }
+
+    const tracks = getTrackState(state);
+
+    if (participant?.local) {
+        return isLocalTrackMuted(tracks, mediaType);
+    } else if (!participant?.fakeParticipant) {
+        return isRemoteTrackMuted(tracks, mediaType, participant.id);
+    }
+
+    return true;
+}
+
+/**
+ * Checks if the participant is audio muted.
+ *
+ * @param {IParticipant} participant - Participant reference.
+ * @param {IReduxState} state - Global state.
+ * @returns {boolean} - Is audio muted for the participant.
+ */
+export function isParticipantAudioMuted(participant: IParticipant | undefined, state: IReduxState) {
+    return isParticipantMediaMuted(participant, MEDIA_TYPE.AUDIO, state);
+}
+
+/**
+ * Checks if the participant is screen-share muted.
+ *
+ * @param {IParticipant} participant - Participant reference.
+ * @param {IReduxState} state - Global state.
+ * @returns {boolean} - Is screen-share muted for the participant.
+ */
+export function isParticipantScreenShareMuted(participant: IParticipant | undefined, state: IReduxState) {
+    return isParticipantMediaMuted(participant, MEDIA_TYPE.SCREENSHARE, state);
+}
+
+/**
+ * Checks if the participant is video muted.
+ *
+ * @param {IParticipant} participant - Participant reference.
+ * @param {IReduxState} state - Global state.
+ * @returns {boolean} - Is video muted for the participant.
+ */
+export function isParticipantVideoMuted(participant: IParticipant | undefined, state: IReduxState) {
+    return isParticipantMediaMuted(participant, MEDIA_TYPE.VIDEO, state);
+}
+
+/**
+ * Returns local audio track.
+ *
+ * @param {ITrack[]} tracks - List of all tracks.
+ * @returns {(Track|undefined)}
+ */
+export function getLocalAudioTrack(tracks: ITrack[]) {
+    return getLocalTrack(tracks, MEDIA_TYPE.AUDIO);
+}
+
+/**
+ * Returns the local desktop track.
+ *
+ * @param {Track[]} tracks - List of all tracks.
+ * @param {boolean} [includePending] - Indicates whether a local track is to be returned if it is still pending.
+ * A local track is pending if {@code getUserMedia} is still executing to create it and, consequently, its
+ * {@code jitsiTrack} property is {@code undefined}. By default a pending local track is not returned.
+ * @returns {(Track|undefined)}
+ */
+export function getLocalDesktopTrack(tracks: ITrack[], includePending = false) {
+    return (
+        getLocalTracks(tracks, includePending)
+            .find(t => t.mediaType === MEDIA_TYPE.SCREENSHARE || t.videoType === VIDEO_TYPE.DESKTOP));
+}
+
+/**
+ * Returns the stored local desktop jitsiLocalTrack.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @returns {JitsiLocalTrack|undefined}
+ */
+export function getLocalJitsiDesktopTrack(state: IReduxState) {
+    const track = getLocalDesktopTrack(getTrackState(state));
+
+    return track?.jitsiTrack;
+}
+
+/**
+ * Returns local track by media type.
+ *
+ * @param {ITrack[]} tracks - List of all tracks.
+ * @param {MediaType} mediaType - Media type.
+ * @param {boolean} [includePending] - Indicates whether a local track is to be
+ * returned if it is still pending. A local track is pending if
+ * {@code getUserMedia} is still executing to create it and, consequently, its
+ * {@code jitsiTrack} property is {@code undefined}. By default a pending local
+ * track is not returned.
+ * @returns {(Track|undefined)}
+ */
+export function getLocalTrack(tracks: ITrack[], mediaType: MediaType, includePending = false) {
+    if (mediaType === MEDIA_TYPE.SCREENSHARE) {
+        return getLocalDesktopTrack(tracks, includePending);
+    }
+
+    return (
+        getLocalTracks(tracks, includePending)
+            .find(t => t.mediaType === mediaType));
+}
+
+/**
+ * Returns an array containing the local tracks with or without a (valid)
+ * {@code JitsiTrack}.
+ *
+ * @param {ITrack[]} tracks - An array containing all local tracks.
+ * @param {boolean} [includePending] - Indicates whether a local track is to be
+ * returned if it is still pending. A local track is pending if
+ * {@code getUserMedia} is still executing to create it and, consequently, its
+ * {@code jitsiTrack} property is {@code undefined}. By default a pending local
+ * track is not returned.
+ * @returns {Track[]}
+ */
+export function getLocalTracks(tracks: ITrack[], includePending = false) {
+    // XXX A local track is considered ready only once it has its `jitsiTrack`
+    // property set by the `TRACK_ADDED` action. Until then there is a stub
+    // added just before the `getUserMedia` call with a cancellable
+    // `gumInProgress` property which then can be used to destroy the track that
+    // has not yet been added to the redux store. Once GUM is cancelled, it will
+    // never make it to the store nor there will be any
+    // `TRACK_ADDED`/`TRACK_REMOVED` actions dispatched for it.
+    return tracks.filter(t => t.local && (t.jitsiTrack || includePending));
+}
+
+/**
+ * Returns local video track.
+ *
+ * @param {ITrack[]} tracks - List of all tracks.
+ * @returns {(Track|undefined)}
+ */
+export function getLocalVideoTrack(tracks: ITrack[]) {
+    return getLocalTrack(tracks, MEDIA_TYPE.VIDEO);
+}
+
+/**
+ * Returns the stored local video track.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @returns {Object}
+ */
+export function getLocalJitsiVideoTrack(state: IReduxState) {
+    const track = getLocalVideoTrack(getTrackState(state));
+
+    return track?.jitsiTrack;
+}
+
+/**
+ * Returns the stored local audio track.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @returns {Object}
+ */
+export function getLocalJitsiAudioTrack(state: IReduxState) {
+    const track = getLocalAudioTrack(getTrackState(state));
+
+    return track?.jitsiTrack;
+}
+
+/**
+ * Returns audio settings from the local Jitsi audio track.
+ *
+ * @param {IReduxState} state - The Redux state.
+ * @returns {IAudioSettings} The extracted audio settings.
+ */
+export function getLocalJitsiAudioTrackSettings(state: IReduxState) {
+    const jitsiTrack = getLocalJitsiAudioTrack(state);
+
+    if (!jitsiTrack) {
+        const {
+            audioQuality,
+            disableAEC = false,
+            disableAGC = false,
+            disableAP = false,
+            disableNS = false
+        } = state['features/base/config'] || {};
+
+        const enableStereo = Boolean(audioQuality?.stereo);
+
+        return {
+            autoGainControl: enableStereo ? false : !disableAP && !disableAGC,
+            channelCount: enableStereo ? 2 : 1,
+            echoCancellation: enableStereo ? false : !disableAP && !disableAEC,
+            noiseSuppression: enableStereo ? false : !disableAP && !disableNS
+        };
+    }
+
+    const hasAudioMixerEffect = Boolean(typeof jitsiTrack._streamEffect?.setMuted === 'function' && jitsiTrack._streamEffect?._originalTrack);
+
+    const track = hasAudioMixerEffect ? jitsiTrack._streamEffect._originalTrack : jitsiTrack.getTrack();
+
+    const { autoGainControl, channelCount, echoCancellation, noiseSuppression } = track.getSettings();
+
+    return {
+        autoGainControl,
+        channelCount,
+        echoCancellation,
+        noiseSuppression
+    };
+}
+
+/**
+ * Returns track of specified media type for specified participant.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @param {IParticipant} participant - Participant Object.
+ * @returns {(Track|undefined)}
+ */
+export function getVideoTrackByParticipant(
+        state: IReduxState,
+        participant?: IParticipant) {
+
+    if (!participant) {
+        return;
+    }
+
+    const tracks = state['features/base/tracks'];
+
+    if (isScreenShareParticipant(participant)) {
+        return getVirtualScreenshareParticipantTrack(tracks, participant.id);
+    }
+
+    return getTrackByMediaTypeAndParticipant(tracks, MEDIA_TYPE.VIDEO, participant.id);
+}
+
+/**
+ * Returns track of specified media type for specified participant id.
+ *
+ * @param {ITrack[]} tracks - List of all tracks.
+ * @param {MediaType} mediaType - Media type.
+ * @param {string} participantId - Participant ID.
+ * @returns {(Track|undefined)}
+ */
+export function getTrackByMediaTypeAndParticipant(
+        tracks: ITrack[],
+        mediaType: MediaType,
+        participantId?: string) {
+    if (!participantId) {
+        return;
+    }
+
+    if (mediaType === MEDIA_TYPE.SCREENSHARE) {
+        return getScreenShareTrack(tracks, participantId);
+    }
+
+    return tracks.find(
+        t => Boolean(t.jitsiTrack) && t.participantId === participantId && t.mediaType === mediaType
+    );
+}
+
+/**
+ * Returns track for specified participant id.
+ *
+ * @param {ITrack[]} tracks - List of all tracks.
+ * @param {string} participantId - Participant ID.
+ * @returns {(Track[]|undefined)}
+ */
+export function getTrackByParticipantId(tracks: ITrack[], participantId: string) {
+    return tracks.filter(t => t.participantId === participantId);
+}
+
+/**
+ * Returns screenshare track of given virtualScreenshareParticipantId.
+ *
+ * @param {ITrack[]} tracks - List of all tracks.
+ * @param {string} virtualScreenshareParticipantId - Virtual Screenshare Participant ID.
+ * @returns {(Track|undefined)}
+ */
+export function getVirtualScreenshareParticipantTrack(tracks: ITrack[], virtualScreenshareParticipantId: string) {
+    const ownderId = getVirtualScreenshareParticipantOwnerId(virtualScreenshareParticipantId);
+
+    return getScreenShareTrack(tracks, ownderId);
+}
+
+/**
+ * Returns screenshare track of given owner ID.
+ *
+ * @param {Track[]} tracks - List of all tracks.
+ * @param {string} ownerId - Screenshare track owner ID.
+ * @returns {(Track|undefined)}
+ */
+export function getScreenShareTrack(tracks: ITrack[], ownerId: string) {
+    return tracks.find(
+        t => Boolean(t.jitsiTrack)
+        && t.participantId === ownerId
+        && (t.mediaType === MEDIA_TYPE.SCREENSHARE || t.videoType === VIDEO_TYPE.DESKTOP)
+    );
+}
+
+/**
+ * Returns track source name of specified media type for specified participant id.
+ *
+ * @param {ITrack[]} tracks - List of all tracks.
+ * @param {MediaType} mediaType - Media type.
+ * @param {string} participantId - Participant ID.
+ * @returns {(string|undefined)}
+ */
+export function getTrackSourceNameByMediaTypeAndParticipant(
+        tracks: ITrack[],
+        mediaType: MediaType,
+        participantId: string) {
+    const track = getTrackByMediaTypeAndParticipant(
+        tracks,
+        mediaType,
+        participantId);
+
+    return track?.jitsiTrack?.getSourceName();
+}
+
+/**
+ * Returns the track if any which corresponds to a specific instance
+ * of JitsiLocalTrack or JitsiRemoteTrack.
+ *
+ * @param {ITrack[]} tracks - List of all tracks.
+ * @param {(JitsiLocalTrack|JitsiRemoteTrack)} jitsiTrack - JitsiTrack instance.
+ * @returns {(Track|undefined)}
+ */
+export function getTrackByJitsiTrack(tracks: ITrack[], jitsiTrack: any) {
+    return tracks.find(t => t.jitsiTrack === jitsiTrack);
+}
+
+/**
+ * Returns tracks of specified media type.
+ *
+ * @param {ITrack[]} tracks - List of all tracks.
+ * @param {MediaType} mediaType - Media type.
+ * @returns {Track[]}
+ */
+export function getTracksByMediaType(tracks: ITrack[], mediaType: MediaType) {
+    return tracks.filter(t => t.mediaType === mediaType);
+}
+
+/**
+ * Checks if the first local track in the given tracks set is muted.
+ *
+ * @param {ITrack[]} tracks - List of all tracks.
+ * @param {MediaType} mediaType - The media type of tracks to be checked.
+ * @returns {boolean} True if local track is muted or false if the track is
+ * unmuted or if there are no local tracks of the given media type in the given
+ * set of tracks.
+ */
+export function isLocalTrackMuted(tracks: ITrack[], mediaType: MediaType) {
+    const track = getLocalTrack(tracks, mediaType);
+
+    return !track || track.muted;
+}
+
+/**
+ * Checks if the local video track is of type DESKtOP.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @returns {boolean}
+ */
+export function isLocalVideoTrackDesktop(state: IReduxState) {
+    const desktopTrack = getLocalDesktopTrack(getTrackState(state));
+
+    return desktopTrack !== undefined && !desktopTrack.muted;
+}
+
+
+/**
+ * Returns true if the remote track of the given media type and the given
+ * participant is muted, false otherwise.
+ *
+ * @param {ITrack[]} tracks - List of all tracks.
+ * @param {MediaType} mediaType - The media type of tracks to be checked.
+ * @param {string} participantId - Participant ID.
+ * @returns {boolean}
+ */
+export function isRemoteTrackMuted(tracks: ITrack[], mediaType: MediaType, participantId: string) {
+    const track = getTrackByMediaTypeAndParticipant(tracks, mediaType, participantId);
+
+    return !track || track.muted;
+}
+
+/**
+ * Returns whether or not the current environment needs a user interaction with
+ * the page before any unmute can occur.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @returns {boolean}
+ */
+export function isUserInteractionRequiredForUnmute(state: IReduxState) {
+    return browser.isUserInteractionRequiredForUnmute()
+        && window
+        && window.self !== window.top
+        && !state['features/base/user-interaction'].interacted;
+}
+
+/**
+ * Sets the GUM pending state for the passed track operation (mute/unmute) and media type.
+ * NOTE: We need this only for web.
+ *
+ * @param {IGUMPendingState} status - The new GUM pending status.
+ * @param {MediaType} mediaType - The media type related to the operation (audio or video).
+ * @param {boolean} muted - True if the operation is mute and false for unmute.
+ * @param {Function} dispatch - The dispatch method.
+ * @returns {void}
+ */
+export function _setGUMPendingState(
+        status: IGUMPendingState,
+        mediaType: MediaType,
+        muted: boolean,
+        dispatch?: IStore['dispatch']) {
+    if (!muted && dispatch && typeof APP !== 'undefined') {
+        dispatch(gumPending([ mediaType ], status));
+    }
+}
+
+/**
+ * Mutes or unmutes a specific {@code JitsiLocalTrack}. If the muted state of the specified {@code track} is already in
+ * accord with the specified {@code muted} value, then does nothing.
+ *
+ * @param {JitsiLocalTrack} track - The {@code JitsiLocalTrack} to mute or unmute.
+ * @param {boolean} muted - If the specified {@code track} is to be muted, then {@code true}; otherwise, {@code false}.
+ * @param {Object} state - The redux state.
+ * @param {Function} dispatch - The dispatch method.
+ * @returns {Promise}
+ */
+export function setTrackMuted(track: any, muted: boolean, state: IReduxState | IMediaState,
+        dispatch?: IStore['dispatch']) {
+    muted = Boolean(muted); // eslint-disable-line no-param-reassign
+
+    // Ignore the check for desktop track muted operation. When the screenshare is terminated by clicking on the
+    // browser's 'Stop sharing' button, the local stream is stopped before the inactive stream handler is fired.
+    // We still need to proceed here and remove the track from the peerconnection.
+    if (track.isMuted() === muted && track.getVideoType() !== VIDEO_TYPE.DESKTOP) {
+        return Promise.resolve();
+    }
+
+    const f = muted ? 'mute' : 'unmute';
+    const mediaType = track.getType();
+
+    _setGUMPendingState(IGUMPendingState.PENDING_UNMUTE, mediaType, muted, dispatch);
+
+    return track[f]().then((result: any) => {
+        _setGUMPendingState(IGUMPendingState.NONE, mediaType, muted, dispatch);
+
+        return result;
+    })
+    .catch((error: Error) => {
+        _setGUMPendingState(IGUMPendingState.NONE, mediaType, muted, dispatch);
+
+        // Track might be already disposed so ignore such an error.
+        if (error.name !== JitsiTrackErrors.TRACK_IS_DISPOSED) {
+            logger.error(`set track ${f} failed`, error);
+
+            return Promise.reject(error);
+        }
+    });
+}
+
+/**
+ * Logs the current track state for a participant.
+ *
+ * @param {ITrack[]} tracksState - The tracks from redux.
+ * @param {string} participantId - The ID of the participant.
+ * @param {string} reason - The reason for the track change.
+ * @returns {void}
+ */
+export function logTracksForParticipant(tracksState: ITrack[], participantId: string, reason?: string) {
+    if (!participantId) {
+        return;
+    }
+    const tracks = getTrackByParticipantId(tracksState, participantId);
+    const logStringPrefix = `Track state for participant ${participantId} changed`;
+    const trackStateStrings = tracks.map(t => `{type: ${t.mediaType}, videoType: ${t.videoType}, muted: ${
+        t.muted}, isReceivingData: ${t.isReceivingData}, jitsiTrack: ${t.jitsiTrack?.toString()}}`);
+    const tracksLogMsg = trackStateStrings.length > 0 ? `\n${trackStateStrings.join('\n')}` : ' No tracks available!';
+
+    logger.debug(`${logStringPrefix}${reason ? `(reason: ${reason})` : ''}:${tracksLogMsg}`);
+}
+
+/**
+ * Gets the default camera facing mode.
+ *
+ * @param {Object} state - The redux state.
+ * @returns {string} - The camera facing mode.
+ */
+export function getCameraFacingMode(state: IReduxState) {
+    return state['features/base/config'].cameraFacingMode ?? CAMERA_FACING_MODE.USER;
+}
diff --git a/react/features/base/tracks/functions.native.ts b/react/features/base/tracks/functions.native.ts
new file mode 100644
index 0000000..50fdfac
--- /dev/null
+++ b/react/features/base/tracks/functions.native.ts
@@ -0,0 +1,44 @@
+import { IStore } from '../../app/types';
+import JitsiMeetJS from '../lib-jitsi-meet';
+
+import { getCameraFacingMode } from './functions.any';
+import { ITrackOptions } from './types';
+
+export * from './functions.any';
+
+/**
+ * Create local tracks of specific types.
+ *
+ * @param {Object} options - The options with which the local tracks are to be
+ * created.
+ * @param {string|null} [options.cameraDeviceId] - Camera device id or
+ * {@code undefined} to use app's settings.
+ * @param {string[]} options.devices - Required track types such as 'audio'
+ * and/or 'video'.
+ * @param {string|null} [options.micDeviceId] - Microphone device id or
+ * {@code undefined} to use app's settings.
+ * @param {number|undefined} [options.timeout] - A timeout for JitsiMeetJS.createLocalTracks used to create the tracks.
+ * @param {IStore} store - The redux store in the context of which the function
+ * is to execute and from which state such as {@code config} is to be retrieved.
+ * @returns {Promise<JitsiLocalTrack[]>}
+ */
+export function createLocalTracksF(options: ITrackOptions = {}, store: IStore) {
+    const { cameraDeviceId, micDeviceId } = options;
+    const state = store.getState();
+    const {
+        resolution
+    } = state['features/base/config'];
+    const constraints = options.constraints ?? state['features/base/config'].constraints;
+
+    return JitsiMeetJS.createLocalTracks(
+        {
+            cameraDeviceId,
+            constraints,
+
+            // Copy array to avoid mutations inside library.
+            devices: options.devices?.slice(0),
+            facingMode: options.facingMode || getCameraFacingMode(state),
+            micDeviceId,
+            resolution
+        });
+}
diff --git a/react/features/base/tracks/functions.web.ts b/react/features/base/tracks/functions.web.ts
new file mode 100644
index 0000000..35da6e4
--- /dev/null
+++ b/react/features/base/tracks/functions.web.ts
@@ -0,0 +1,253 @@
+import { IStore } from '../../app/types';
+import { IStateful } from '../app/types';
+import { isAdvancedAudioSettingsEnabled } from '../config/functions.any';
+import { isMobileBrowser } from '../environment/utils';
+import JitsiMeetJS, { JitsiTrackErrors, browser } from '../lib-jitsi-meet';
+import { gumPending, setAudioMuted } from '../media/actions';
+import { MEDIA_TYPE } from '../media/constants';
+import { getStartWithAudioMuted } from '../media/functions';
+import { IGUMPendingState } from '../media/types';
+import { toState } from '../redux/functions';
+import {
+    getUserSelectedCameraDeviceId,
+    getUserSelectedMicDeviceId
+} from '../settings/functions.web';
+import { IAudioSettings } from '../settings/reducer';
+import { getJitsiMeetGlobalNSConnectionTimes } from '../util/helpers';
+
+import { getCameraFacingMode, getLocalJitsiAudioTrack, getLocalJitsiAudioTrackSettings } from './functions.any';
+import loadEffects from './loadEffects';
+import logger from './logger';
+import { ITrackOptions } from './types';
+
+export * from './functions.any';
+
+/**
+ * Create local tracks of specific types.
+ *
+ * @param {Object} options - The options with which the local tracks are to be
+ * created.
+ * @param {string|null} [options.cameraDeviceId] - Camera device id or
+ * {@code undefined} to use app's settings.
+ * @param {string[]} options.devices - Required track types such as 'audio'
+ * and/or 'video'.
+ * @param {string|null} [options.micDeviceId] - Microphone device id or
+ * {@code undefined} to use app's settings.
+ * @param {number|undefined} [options.timeout] - A timeout for JitsiMeetJS.createLocalTracks used to create the tracks.
+ * @param {IStore} store - The redux store in the context of which the function
+ * is to execute and from which state such as {@code config} is to be retrieved.
+ * @param {boolean} recordTimeMetrics - If true time metrics will be recorded.
+ * @returns {Promise<JitsiLocalTrack[]>}
+ */
+export function createLocalTracksF(options: ITrackOptions = {}, store?: IStore, recordTimeMetrics = false) {
+    let { cameraDeviceId, micDeviceId } = options;
+    const {
+        desktopSharingSourceDevice,
+        desktopSharingSources,
+        timeout
+    } = options;
+
+    // TODO The app's settings should go in the redux store and then the
+    // reliance on the global variable APP will go away.
+    store = store || APP.store; // eslint-disable-line no-param-reassign
+
+    const state = store.getState();
+
+    if (typeof cameraDeviceId === 'undefined' || cameraDeviceId === null) {
+        cameraDeviceId = getUserSelectedCameraDeviceId(state);
+    }
+    if (typeof micDeviceId === 'undefined' || micDeviceId === null) {
+        micDeviceId = getUserSelectedMicDeviceId(state);
+    }
+
+    const {
+        desktopSharingFrameRate,
+        resolution
+    } = state['features/base/config'];
+
+    const constraints = options.constraints ?? state['features/base/config'].constraints ?? {};
+
+    if (isAdvancedAudioSettingsEnabled(state) && typeof APP !== 'undefined') {
+        constraints.audio = state['features/settings'].audioSettings ?? getLocalJitsiAudioTrackSettings(state);
+    }
+
+
+    return (
+        loadEffects(store).then((effectsArray: Object[]) => {
+            if (recordTimeMetrics) {
+                getJitsiMeetGlobalNSConnectionTimes()['trackEffects.loaded'] = window.performance.now();
+            }
+
+            // Filter any undefined values returned by Promise.resolve().
+            const effects = effectsArray.filter(effect => Boolean(effect));
+
+            return JitsiMeetJS.createLocalTracks(
+                {
+                    cameraDeviceId,
+                    constraints,
+                    desktopSharingFrameRate,
+                    desktopSharingSourceDevice,
+                    desktopSharingSources,
+
+                    // Copy array to avoid mutations inside library.
+                    devices: options.devices?.slice(0),
+                    effects,
+                    facingMode: options.facingMode || getCameraFacingMode(state),
+                    micDeviceId,
+                    resolution,
+                    timeout
+                })
+            .catch((err: Error) => {
+                logger.error('Failed to create local tracks', options.devices, err);
+
+                return Promise.reject(err);
+            });
+        }));
+}
+
+/**
+ * Returns an object containing a promise which resolves with the created tracks and the errors resulting from that
+ * process.
+ *
+ * @returns {Promise<JitsiLocalTrack[]>}
+ *
+ * @todo Refactor to not use APP.
+ */
+export function createPrejoinTracks() {
+    const errors: any = {};
+    const initialDevices = [ MEDIA_TYPE.AUDIO ];
+    const requestedAudio = true;
+    let requestedVideo = false;
+    const { startAudioOnly, startWithVideoMuted } = APP.store.getState()['features/base/settings'];
+    const startWithAudioMuted = getStartWithAudioMuted(APP.store.getState());
+
+    // On Electron there is no permission prompt for granting permissions. That's why we don't need to
+    // spend much time displaying the overlay screen. If GUM is not resolved within 15 seconds it will
+    // probably never resolve.
+    const timeout = browser.isElectron() ? 15000 : 60000;
+
+    // Always get a handle on the audio input device so that we have statistics even if the user joins the
+    // conference muted. Previous implementation would only acquire the handle when the user first unmuted,
+    // which would results in statistics ( such as "No audio input" or "Are you trying to speak?") being available
+    // only after that point.
+    if (startWithAudioMuted) {
+        APP.store.dispatch(setAudioMuted(true));
+    }
+
+    if (!startWithVideoMuted && !startAudioOnly) {
+        initialDevices.push(MEDIA_TYPE.VIDEO);
+        requestedVideo = true;
+    }
+
+    let tryCreateLocalTracks: any = Promise.resolve([]);
+    const { dispatch } = APP.store;
+
+    dispatch(gumPending(initialDevices, IGUMPendingState.PENDING_UNMUTE));
+
+    if (requestedAudio || requestedVideo) {
+        tryCreateLocalTracks = createLocalTracksF({
+            devices: initialDevices,
+            timeout
+        }, APP.store)
+        .catch(async (err: Error) => {
+            if (err.name === JitsiTrackErrors.TIMEOUT && !browser.isElectron()) {
+                errors.audioAndVideoError = err;
+
+                return [];
+            }
+
+            // Retry with separate gUM calls.
+            const gUMPromises: any = [];
+            const tracks: any = [];
+
+            if (requestedAudio) {
+                gUMPromises.push(createLocalTracksF({
+                    devices: [ MEDIA_TYPE.AUDIO ],
+                    timeout
+                }));
+            }
+
+            if (requestedVideo) {
+                gUMPromises.push(createLocalTracksF({
+                    devices: [ MEDIA_TYPE.VIDEO ],
+                    timeout
+                }));
+            }
+
+            const results = await Promise.allSettled(gUMPromises);
+            let errorMsg;
+
+            results.forEach((result, idx) => {
+                if (result.status === 'fulfilled') {
+                    tracks.push(result.value[0]);
+                } else {
+                    errorMsg = result.reason;
+                    const isAudio = idx === 0;
+
+                    logger.error(`${isAudio ? 'Audio' : 'Video'} track creation failed with error ${errorMsg}`);
+                    if (isAudio) {
+                        errors.audioOnlyError = errorMsg;
+                    } else {
+                        errors.videoOnlyError = errorMsg;
+                    }
+                }
+            });
+
+            if (errors.audioOnlyError && errors.videoOnlyError) {
+                errors.audioAndVideoError = errorMsg;
+            }
+
+            return tracks;
+        })
+        .finally(() => {
+            dispatch(gumPending(initialDevices, IGUMPendingState.NONE));
+        });
+    }
+
+    return {
+        tryCreateLocalTracks,
+        errors
+    };
+}
+
+/**
+ * Determines whether toggle camera should be enabled or not.
+ *
+ * @param {Function|Object} stateful - The redux store or {@code getState} function.
+ * @returns {boolean} - Whether toggle camera should be enabled.
+ */
+export function isToggleCameraEnabled(stateful: IStateful) {
+    const state = toState(stateful);
+    const { videoInput } = state['features/base/devices'].availableDevices;
+
+    return isMobileBrowser() && Number(videoInput?.length) > 1;
+}
+/**
+ * Applies audio constraints to the local Jitsi audio track.
+ *
+ * @param {Function|Object} stateful - The redux store or {@code getState} function.
+ * @param {IAudioSettings} settings - The audio settings to apply.
+ * @returns {Promise<void>}
+ */
+export async function applyAudioConstraints(stateful: IStateful, settings: IAudioSettings) {
+    const state = toState(stateful);
+    const track = getLocalJitsiAudioTrack(state);
+
+    if (!track) {
+        logger.debug('No local audio track found');
+
+        return;
+    }
+
+    if (!isAdvancedAudioSettingsEnabled(state)) {
+        logger.debug('Advanced audio settings disabled');
+
+        return;
+    }
+
+    try {
+        await track.applyConstraints(settings);
+    } catch (error) {
+        logger.error('Failed to apply audio constraints ', error);
+    }
+}
diff --git a/react/features/base/tracks/loadEffects.native.ts b/react/features/base/tracks/loadEffects.native.ts
new file mode 100644
index 0000000..171981d
--- /dev/null
+++ b/react/features/base/tracks/loadEffects.native.ts
@@ -0,0 +1,9 @@
+/**
+ * Loads the enabled stream effects.
+ *
+ * @param {Object} _store - The Redux store.
+ * @returns {Promise} - A Promise which resolves with an array of the loaded effects.
+ */
+export default function loadEffects(_store: Object): Promise<Array<any>> {
+    return Promise.resolve([]);
+}
diff --git a/react/features/base/tracks/loadEffects.web.ts b/react/features/base/tracks/loadEffects.web.ts
new file mode 100644
index 0000000..5041958
--- /dev/null
+++ b/react/features/base/tracks/loadEffects.web.ts
@@ -0,0 +1,41 @@
+import { IStore } from '../../app/types';
+import { NoiseSuppressionEffect } from '../../stream-effects/noise-suppression/NoiseSuppressionEffect';
+import { createVirtualBackgroundEffect } from '../../stream-effects/virtual-background';
+
+import logger from './logger';
+
+/**
+ * Loads the enabled stream effects.
+ *
+ * @param {Object} store - The Redux store.
+ * @returns {Promise} - A Promise which resolves when all effects are created.
+ */
+export default function loadEffects(store: IStore): Promise<any> {
+    const start = window.performance.now();
+    const state = store.getState();
+    const virtualBackground = state['features/virtual-background'];
+    const noiseSuppression = state['features/noise-suppression'];
+    const { noiseSuppression: nsOptions } = state['features/base/config'];
+
+
+    const backgroundPromise = virtualBackground.backgroundEffectEnabled
+        ? createVirtualBackgroundEffect(virtualBackground)
+            .catch((error: Error) => {
+                logger.error('Failed to obtain the background effect instance with error: ', error);
+
+                return Promise.resolve();
+            })
+        : Promise.resolve();
+
+    const noiseSuppressionPromise = noiseSuppression?.enabled
+        ? Promise.resolve(new NoiseSuppressionEffect(nsOptions))
+        : Promise.resolve();
+
+    return Promise.all([ backgroundPromise, noiseSuppressionPromise ]).then(effectsArray => {
+        const end = window.performance.now();
+
+        logger.debug(`(TIME) loadEffects() start=${start}, end=${end}, time=${end - start}`);
+
+        return effectsArray;
+    });
+}
diff --git a/react/features/base/tracks/logger.ts b/react/features/base/tracks/logger.ts
new file mode 100644
index 0000000..fbeafed
--- /dev/null
+++ b/react/features/base/tracks/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../logging/functions';
+
+export default getLogger('app:tracks');
diff --git a/react/features/base/tracks/middleware.any.ts b/react/features/base/tracks/middleware.any.ts
new file mode 100644
index 0000000..4b14b34
--- /dev/null
+++ b/react/features/base/tracks/middleware.any.ts
@@ -0,0 +1,199 @@
+import { batch } from 'react-redux';
+
+import { IStore } from '../../app/types';
+import { _RESET_BREAKOUT_ROOMS } from '../../breakout-rooms/actionTypes';
+import { getCurrentConference } from '../conference/functions';
+import {
+    SET_CAMERA_FACING_MODE,
+    SET_SCREENSHARE_MUTED,
+    SET_VIDEO_MUTED,
+    TOGGLE_CAMERA_FACING_MODE
+} from '../media/actionTypes';
+import { gumPending, toggleCameraFacingMode } from '../media/actions';
+import {
+    CAMERA_FACING_MODE,
+    MEDIA_TYPE,
+    MediaType
+} from '../media/constants';
+import { IGUMPendingState } from '../media/types';
+import MiddlewareRegistry from '../redux/MiddlewareRegistry';
+import StateListenerRegistry from '../redux/StateListenerRegistry';
+
+import {
+    TRACK_UPDATED
+} from './actionTypes';
+import {
+    createLocalTracksA,
+    destroyLocalTracks,
+    trackMuteUnmuteFailed,
+    trackRemoved
+} from './actions';
+import {
+    getLocalTrack,
+    isUserInteractionRequiredForUnmute,
+    setTrackMuted
+} from './functions';
+
+/**
+ * Middleware that captures LIB_DID_DISPOSE and LIB_DID_INIT actions and,
+ * respectively, creates/destroys local media tracks. Also listens to
+ * media-related actions and performs corresponding operations with tracks.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case SET_CAMERA_FACING_MODE: {
+        // XXX The camera facing mode of a MediaStreamTrack can be specified
+        // only at initialization time and then it can only be toggled. So in
+        // order to set the camera facing mode, one may destroy the track and
+        // then initialize a new instance with the new camera facing mode. But
+        // that is inefficient on mobile at least so the following relies on the
+        // fact that there are 2 camera facing modes and merely toggles between
+        // them to (hopefully) get the camera in the specified state.
+        const localTrack = _getLocalTrack(store, MEDIA_TYPE.VIDEO);
+        let jitsiTrack;
+
+        if (localTrack
+                && (jitsiTrack = localTrack.jitsiTrack)
+                && jitsiTrack.getCameraFacingMode()
+                    !== action.cameraFacingMode) {
+            store.dispatch(toggleCameraFacingMode());
+        }
+        break;
+    }
+
+    case SET_SCREENSHARE_MUTED:
+        _setMuted(store, action, MEDIA_TYPE.SCREENSHARE);
+        break;
+
+    case SET_VIDEO_MUTED:
+        if (!action.muted
+                && isUserInteractionRequiredForUnmute(store.getState())) {
+            return;
+        }
+
+        _setMuted(store, action, MEDIA_TYPE.VIDEO);
+        break;
+
+    case TOGGLE_CAMERA_FACING_MODE: {
+        const localTrack = _getLocalTrack(store, MEDIA_TYPE.VIDEO);
+        let jitsiTrack;
+
+        if (localTrack && (jitsiTrack = localTrack.jitsiTrack)) {
+            // XXX MediaStreamTrack._switchCamera is a custom function
+            // implemented in react-native-webrtc for video which switches
+            // between the cameras via a native WebRTC library implementation
+            // without making any changes to the track.
+            jitsiTrack._switchCamera();
+
+            // Don't mirror the video of the back/environment-facing camera.
+            const mirror
+                = jitsiTrack.getCameraFacingMode() === CAMERA_FACING_MODE.USER;
+
+            store.dispatch({
+                type: TRACK_UPDATED,
+                track: {
+                    jitsiTrack,
+                    mirror
+                }
+            });
+        }
+        break;
+    }
+    }
+
+    return next(action);
+});
+
+/**
+ * Set up state change listener to perform maintenance tasks when the conference
+ * is left or failed, remove all tracks from the store.
+ */
+StateListenerRegistry.register(
+    state => getCurrentConference(state),
+    (conference, { dispatch, getState }, prevConference) => {
+        const { authRequired, error } = getState()['features/base/conference'];
+
+        // conference keep flipping while we are authenticating, skip clearing while we are in that process
+        if (prevConference && !conference && !authRequired && !error) {
+
+            // Clear all tracks.
+            const remoteTracks = getState()['features/base/tracks'].filter(t => !t.local);
+
+            batch(() => {
+                dispatch(destroyLocalTracks());
+                for (const track of remoteTracks) {
+                    dispatch(trackRemoved(track.jitsiTrack));
+                }
+                dispatch({ type: _RESET_BREAKOUT_ROOMS });
+            });
+        }
+    });
+
+/**
+ * Gets the local track associated with a specific {@code MEDIA_TYPE} in a
+ * specific redux store.
+ *
+ * @param {Store} store - The redux store from which the local track associated
+ * with the specified {@code mediaType} is to be retrieved.
+ * @param {MEDIA_TYPE} mediaType - The {@code MEDIA_TYPE} of the local track to
+ * be retrieved from the specified {@code store}.
+ * @param {boolean} [includePending] - Indicates whether a local track is to be
+ * returned if it is still pending. A local track is pending if
+ * {@code getUserMedia} is still executing to create it and, consequently, its
+ * {@code jitsiTrack} property is {@code undefined}. By default a pending local
+ * track is not returned.
+ * @private
+ * @returns {Track} The local {@code Track} associated with the specified
+ * {@code mediaType} in the specified {@code store}.
+ */
+function _getLocalTrack(
+        { getState }: { getState: IStore['getState']; },
+        mediaType: MediaType,
+        includePending = false) {
+    return (
+        getLocalTrack(
+            getState()['features/base/tracks'],
+            mediaType,
+            includePending));
+}
+
+/**
+ * Mutes or unmutes a local track with a specific media type.
+ *
+ * @param {Store} store - The redux store in which the specified action is
+ * dispatched.
+ * @param {Action} action - The redux action dispatched in the specified store.
+ * @param {MEDIA_TYPE} mediaType - The {@link MEDIA_TYPE} of the local track
+ * which is being muted or unmuted.
+ * @private
+ * @returns {void}
+ */
+function _setMuted(store: IStore, { ensureTrack, muted }: {
+    ensureTrack: boolean; muted: boolean; }, mediaType: MediaType) {
+    const { dispatch, getState } = store;
+    const localTrack = _getLocalTrack(store, mediaType, /* includePending */ true);
+    const state = getState();
+
+    if (localTrack) {
+        // The `jitsiTrack` property will have a value only for a localTrack for which `getUserMedia` has already
+        // completed. If there's no `jitsiTrack`, then the `muted` state will be applied once the `jitsiTrack` is
+        // created.
+        const { jitsiTrack } = localTrack;
+
+        if (jitsiTrack) {
+            setTrackMuted(jitsiTrack, muted, state, dispatch)
+                .catch(() => dispatch(trackMuteUnmuteFailed(localTrack, muted)));
+        }
+    } else if (!muted && ensureTrack) {
+        // TODO(saghul): reconcile these 2 types.
+        const createMediaType = mediaType === MEDIA_TYPE.SCREENSHARE ? 'desktop' : mediaType;
+
+        typeof APP !== 'undefined' && dispatch(gumPending([ mediaType ], IGUMPendingState.PENDING_UNMUTE));
+        dispatch(createLocalTracksA({ devices: [ createMediaType ] })).then(() => {
+            typeof APP !== 'undefined' && dispatch(gumPending([ mediaType ], IGUMPendingState.NONE));
+        });
+    }
+}
diff --git a/react/features/base/tracks/middleware.native.ts b/react/features/base/tracks/middleware.native.ts
new file mode 100644
index 0000000..c3a0e9d
--- /dev/null
+++ b/react/features/base/tracks/middleware.native.ts
@@ -0,0 +1,76 @@
+import { IStore } from '../../app/types';
+import { SET_AUDIO_MUTED } from '../media/actionTypes';
+import {
+    MEDIA_TYPE,
+    VIDEO_TYPE
+} from '../media/constants';
+import MiddlewareRegistry from '../redux/MiddlewareRegistry';
+
+import {
+    TRACK_UPDATED
+} from './actionTypes';
+import {
+    createLocalTracksA,
+    toggleScreensharing,
+    trackMuteUnmuteFailed
+} from './actions.native';
+import { getLocalTrack, setTrackMuted } from './functions.any';
+
+import './middleware.any';
+
+/**
+ * Middleware that captures LIB_DID_DISPOSE and LIB_DID_INIT actions and,
+ * respectively, creates/destroys local media tracks. Also listens to
+ * media-related actions and performs corresponding operations with tracks.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case SET_AUDIO_MUTED: {
+        _setMuted(store, action);
+        break;
+    }
+    case TRACK_UPDATED: {
+        const { jitsiTrack, local } = action.track;
+
+        if (local && jitsiTrack.isMuted()
+                    && jitsiTrack.type === MEDIA_TYPE.VIDEO && jitsiTrack.videoType === VIDEO_TYPE.DESKTOP) {
+            store.dispatch(toggleScreensharing(false));
+        }
+        break;
+    }
+    }
+
+    return next(action);
+});
+
+/**
+ * Mutes or unmutes a local track with a specific media type.
+ *
+ * @param {Store} store - The redux store in which the specified action is dispatched.
+ * @param {Action} action - The redux action dispatched in the specified store.
+ * @private
+ * @returns {void}
+ */
+function _setMuted(store: IStore, { ensureTrack, muted }: {
+    ensureTrack: boolean; muted: boolean; }) {
+    const { dispatch, getState } = store;
+    const state = getState();
+    const localTrack = getLocalTrack(state['features/base/tracks'], MEDIA_TYPE.AUDIO, /* includePending */ true);
+
+    if (localTrack) {
+        // The `jitsiTrack` property will have a value only for a localTrack for which `getUserMedia` has already
+        // completed. If there's no `jitsiTrack`, then the `muted` state will be applied once the `jitsiTrack` is
+        // created.
+        const { jitsiTrack } = localTrack;
+
+        if (jitsiTrack) {
+            setTrackMuted(jitsiTrack, muted, state, dispatch)
+                .catch(() => dispatch(trackMuteUnmuteFailed(localTrack, muted)));
+        }
+    } else if (!muted && ensureTrack) {
+        dispatch(createLocalTracksA({ devices: [ MEDIA_TYPE.AUDIO ] }));
+    }
+}
diff --git a/react/features/base/tracks/middleware.web.ts b/react/features/base/tracks/middleware.web.ts
new file mode 100644
index 0000000..1df33ec
--- /dev/null
+++ b/react/features/base/tracks/middleware.web.ts
@@ -0,0 +1,277 @@
+import { AnyAction } from 'redux';
+
+import { IStore } from '../../app/types';
+import { hideNotification } from '../../notifications/actions';
+import { isPrejoinPageVisible } from '../../prejoin/functions';
+import { setAudioSettings } from '../../settings/actions.web';
+import { getAvailableDevices } from '../devices/actions.web';
+import { SET_AUDIO_MUTED } from '../media/actionTypes';
+import { gumPending, setScreenshareMuted } from '../media/actions';
+import {
+    MEDIA_TYPE,
+    VIDEO_TYPE
+} from '../media/constants';
+import { IGUMPendingState } from '../media/types';
+import MiddlewareRegistry from '../redux/MiddlewareRegistry';
+
+import {
+    TRACK_ADDED,
+    TRACK_MUTE_UNMUTE_FAILED,
+    TRACK_NO_DATA_FROM_SOURCE,
+    TRACK_REMOVED,
+    TRACK_STOPPED,
+    TRACK_UPDATED
+} from './actionTypes';
+import {
+    createLocalTracksA,
+    showNoDataFromSourceVideoError,
+    toggleScreensharing,
+    trackMuteUnmuteFailed,
+    trackNoDataFromSourceNotificationInfoChanged
+} from './actions.web';
+import {
+    getLocalJitsiAudioTrackSettings,
+    getLocalTrack,
+    getTrackByJitsiTrack, isUserInteractionRequiredForUnmute, logTracksForParticipant,
+    setTrackMuted
+} from './functions.web';
+import { ITrack, ITrackOptions } from './types';
+
+import './middleware.any';
+import './subscriber.web';
+
+/**
+ * Middleware that captures LIB_DID_DISPOSE and LIB_DID_INIT actions and,
+ * respectively, creates/destroys local media tracks. Also listens to
+ * media-related actions and performs corresponding operations with tracks.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case TRACK_ADDED: {
+        const { local } = action.track;
+
+        // The devices list needs to be refreshed when no initial video permissions
+        // were granted and a local video track is added by umuting the video.
+        if (local) {
+            store.dispatch(getAvailableDevices());
+            break;
+        }
+
+        const result = next(action);
+        const participantId = action.track?.participantId;
+
+        if (participantId) {
+            logTracksForParticipant(store.getState()['features/base/tracks'], participantId, 'Track added');
+        }
+
+        return result;
+    }
+    case TRACK_NO_DATA_FROM_SOURCE: {
+        const result = next(action);
+
+        _handleNoDataFromSourceErrors(store, action);
+
+        return result;
+    }
+
+    case TRACK_REMOVED: {
+        _removeNoDataFromSourceNotification(store, action.track);
+
+        const result = next(action);
+        const participantId = action.track?.jitsiTrack?.getParticipantId();
+
+        if (participantId && !action.track?.jitsiTrack?.isLocal()) {
+            logTracksForParticipant(store.getState()['features/base/tracks'], participantId, 'Track removed');
+        }
+
+        return result;
+    }
+
+    case TRACK_MUTE_UNMUTE_FAILED: {
+        const { jitsiTrack } = action.track;
+        const muted = action.wasMuted;
+        const isVideoTrack = jitsiTrack.getType() !== MEDIA_TYPE.AUDIO;
+
+        if (isVideoTrack && jitsiTrack.getVideoType() === VIDEO_TYPE.DESKTOP) {
+            store.dispatch(setScreenshareMuted(!muted));
+        } else if (isVideoTrack) {
+            APP.conference.setVideoMuteStatus();
+        } else {
+            APP.conference.updateAudioIconEnabled();
+        }
+
+        break;
+    }
+
+    case TRACK_STOPPED: {
+        const { jitsiTrack } = action.track;
+
+        if (jitsiTrack.getVideoType() === VIDEO_TYPE.DESKTOP) {
+            store.dispatch(toggleScreensharing(false));
+        }
+        break;
+    }
+
+    case TRACK_UPDATED: {
+        // TODO Remove the following calls to APP.UI once components interested
+        // in track mute changes are moved into React and/or redux.
+
+        const result = next(action);
+        const state = store.getState();
+
+        if (isPrejoinPageVisible(state)) {
+            return result;
+        }
+
+        const { jitsiTrack } = action.track;
+        const participantID = jitsiTrack.getParticipantId();
+        const isVideoTrack = jitsiTrack.type !== MEDIA_TYPE.AUDIO;
+        const local = jitsiTrack.isLocal();
+
+        if (isVideoTrack) {
+            if (local && !(jitsiTrack.getVideoType() === VIDEO_TYPE.DESKTOP)) {
+                APP.conference.setVideoMuteStatus();
+            } else if (!local) {
+                APP.UI.setVideoMuted(participantID);
+            }
+        } else if (local) {
+            APP.conference.updateAudioIconEnabled();
+        }
+
+        if (typeof action.track?.muted !== 'undefined' && participantID && !local) {
+            logTracksForParticipant(store.getState()['features/base/tracks'], participantID, 'Track updated');
+
+            // Notify external API when remote participant mutes/unmutes themselves
+            const mediaType = isVideoTrack
+                ? (jitsiTrack.getVideoType() === VIDEO_TYPE.DESKTOP ? 'desktop' : 'video')
+                : 'audio';
+
+            APP.API.notifyParticipantMuted(participantID, action.track.muted, mediaType, true);
+        }
+
+        return result;
+    }
+    case SET_AUDIO_MUTED: {
+        if (!action.muted
+                && isUserInteractionRequiredForUnmute(store.getState())) {
+            return;
+        }
+
+        _setMuted(store, action);
+        break;
+    }
+    }
+
+    return next(action);
+});
+
+/**
+ * Handles no data from source errors.
+ *
+ * @param {Store} store - The redux store in which the specified action is
+ * dispatched.
+ * @param {Action} action - The redux action dispatched in the specified store.
+ * @private
+ * @returns {void}
+ */
+function _handleNoDataFromSourceErrors(store: IStore, action: AnyAction) {
+    const { getState, dispatch } = store;
+
+    const track = getTrackByJitsiTrack(getState()['features/base/tracks'], action.track.jitsiTrack);
+
+    if (!track?.local) {
+        return;
+    }
+
+    const { jitsiTrack } = track;
+
+    if (track.mediaType === MEDIA_TYPE.AUDIO && track.isReceivingData) {
+        _removeNoDataFromSourceNotification(store, action.track);
+    }
+
+    if (track.mediaType === MEDIA_TYPE.VIDEO) {
+        const { noDataFromSourceNotificationInfo = {} } = track;
+
+        if (track.isReceivingData) {
+            if (noDataFromSourceNotificationInfo.timeout) {
+                clearTimeout(noDataFromSourceNotificationInfo.timeout);
+                dispatch(trackNoDataFromSourceNotificationInfoChanged(jitsiTrack, undefined));
+            }
+
+            // try to remove the notification if there is one.
+            _removeNoDataFromSourceNotification(store, action.track);
+        } else {
+            if (noDataFromSourceNotificationInfo.timeout) {
+                return;
+            }
+
+            const timeout = setTimeout(() => dispatch(showNoDataFromSourceVideoError(jitsiTrack)), 5000);
+
+            dispatch(trackNoDataFromSourceNotificationInfoChanged(jitsiTrack, { timeout }));
+        }
+    }
+}
+
+/**
+ * Removes the no data from source notification associated with the JitsiTrack if displayed.
+ *
+ * @param {Store} store - The redux store.
+ * @param {Track} track - The redux action dispatched in the specified store.
+ * @returns {void}
+ */
+function _removeNoDataFromSourceNotification({ getState, dispatch }: IStore, track: ITrack) {
+    const t = getTrackByJitsiTrack(getState()['features/base/tracks'], track.jitsiTrack);
+    const { jitsiTrack, noDataFromSourceNotificationInfo = {} } = t || {};
+
+    if (noDataFromSourceNotificationInfo?.uid) {
+        dispatch(hideNotification(noDataFromSourceNotificationInfo.uid));
+        dispatch(trackNoDataFromSourceNotificationInfoChanged(jitsiTrack, undefined));
+    }
+}
+
+/**
+ * Mutes or unmutes a local track with a specific media type.
+ *
+ * @param {Store} store - The redux store in which the specified action is
+ * dispatched.
+ * @param {Action} action - The redux action dispatched in the specified store.
+ * @private
+ * @returns {void}
+ */
+function _setMuted(store: IStore, { ensureTrack, muted }: {
+    ensureTrack: boolean; muted: boolean; }) {
+    const { dispatch, getState } = store;
+    const state = getState();
+    const localTrack = getLocalTrack(state['features/base/tracks'], MEDIA_TYPE.AUDIO, /* includePending */ true);
+
+    if (localTrack) {
+        // The `jitsiTrack` property will have a value only for a localTrack for which `getUserMedia` has already
+        // completed. If there's no `jitsiTrack`, then the `muted` state will be applied once the `jitsiTrack` is
+        // created.
+        const { jitsiTrack } = localTrack;
+
+        if (jitsiTrack) {
+            setTrackMuted(jitsiTrack, muted, state, dispatch)
+            .catch(() => {
+                dispatch(trackMuteUnmuteFailed(localTrack, muted));
+            });
+        }
+    } else if (!muted && ensureTrack) {
+        // TODO(saghul): reconcile these 2 types.
+        dispatch(gumPending([ MEDIA_TYPE.AUDIO ], IGUMPendingState.PENDING_UNMUTE));
+
+        const createTrackOptions: ITrackOptions = {
+            devices: [ MEDIA_TYPE.AUDIO ],
+        };
+
+        dispatch(createLocalTracksA(createTrackOptions)).then(() => {
+            dispatch(gumPending([ MEDIA_TYPE.AUDIO ], IGUMPendingState.NONE));
+            const updatedSettings = getLocalJitsiAudioTrackSettings(getState());
+
+            dispatch(setAudioSettings(updatedSettings));
+        });
+    }
+}
diff --git a/react/features/base/tracks/reducer.ts b/react/features/base/tracks/reducer.ts
new file mode 100644
index 0000000..83e44c4
--- /dev/null
+++ b/react/features/base/tracks/reducer.ts
@@ -0,0 +1,140 @@
+import { AnyAction } from 'redux';
+
+import { PARTICIPANT_ID_CHANGED } from '../participants/actionTypes';
+import ReducerRegistry from '../redux/ReducerRegistry';
+import { set } from '../redux/functions';
+
+import {
+    SET_NO_SRC_DATA_NOTIFICATION_UID,
+    TRACK_ADDED,
+    TRACK_CREATE_CANCELED,
+    TRACK_CREATE_ERROR,
+    TRACK_NO_DATA_FROM_SOURCE,
+    TRACK_REMOVED,
+    TRACK_UPDATED,
+    TRACK_WILL_CREATE
+} from './actionTypes';
+import { ITrack } from './types';
+
+/**
+ * Reducer function for a single track.
+ *
+ * @param {Track|undefined} state - Track to be modified.
+ * @param {Object} action - Action object.
+ * @param {string} action.type - Type of action.
+ * @param {string} action.name - Name of last media event.
+ * @param {string} action.newValue - New participant ID value (in this
+ * particular case).
+ * @param {string} action.oldValue - Old participant ID value (in this
+ * particular case).
+ * @param {Track} action.track - Information about track to be changed.
+ * @param {Participant} action.participant - Information about participant.
+ * @returns {Track|undefined}
+ */
+function track(state: ITrack, action: AnyAction) {
+    switch (action.type) {
+    case PARTICIPANT_ID_CHANGED:
+        if (state.participantId === action.oldValue) {
+            return {
+                ...state,
+                participantId: action.newValue
+            };
+        }
+        break;
+
+    case TRACK_UPDATED: {
+        const t = action.track;
+
+        if (state.jitsiTrack === t.jitsiTrack) {
+            // Make sure that there's an actual update in order to reduce the
+            // risk of unnecessary React Component renders.
+            for (const p in t) {
+                // @ts-ignore
+                if (state[p] !== t[p]) {
+                    // There's an actual update.
+                    return {
+                        ...state,
+                        ...t
+                    };
+                }
+            }
+        }
+        break;
+    }
+
+    case TRACK_NO_DATA_FROM_SOURCE: {
+        const t = action.track;
+
+        if (state.jitsiTrack === t.jitsiTrack) {
+            const isReceivingData = t.jitsiTrack.isReceivingData();
+
+            if (state.isReceivingData !== isReceivingData) {
+                return {
+                    ...state,
+                    isReceivingData
+                };
+            }
+        }
+        break;
+    }
+    }
+
+    return state;
+}
+
+export type ITracksState = ITrack[];
+
+/**
+ * Listen for actions that mutate (e.g. Add, remove) local and remote tracks.
+ */
+ReducerRegistry.register<ITracksState>('features/base/tracks', (state = [], action): ITracksState => {
+    switch (action.type) {
+    case PARTICIPANT_ID_CHANGED:
+    case TRACK_NO_DATA_FROM_SOURCE:
+    case TRACK_UPDATED:
+        return state.map((t: ITrack) => track(t, action));
+    case TRACK_ADDED: {
+        let withoutTrackStub = state;
+
+        if (action.track.local) {
+            withoutTrackStub
+                = state.filter(
+                    (t: ITrack) => !t.local || t.mediaType !== action.track.mediaType);
+        }
+
+        return [ ...withoutTrackStub, action.track ];
+    }
+
+    case TRACK_CREATE_CANCELED:
+    case TRACK_CREATE_ERROR: {
+        return state.filter((t: ITrack) => !t.local || t.mediaType !== action.trackType);
+    }
+
+    case TRACK_REMOVED:
+        return state.filter((t: ITrack) => t.jitsiTrack !== action.track.jitsiTrack);
+
+    case TRACK_WILL_CREATE:
+        return [ ...state, action.track ];
+
+    default:
+        return state;
+    }
+});
+
+export interface INoSrcDataState {
+    noSrcDataNotificationUid?: string | number;
+}
+
+/**
+ * Listen for actions that mutate the no-src-data state, like the current notification id.
+ */
+ReducerRegistry.register<INoSrcDataState>('features/base/no-src-data', (state = {}, action): INoSrcDataState => {
+    switch (action.type) {
+    case SET_NO_SRC_DATA_NOTIFICATION_UID:
+        return set(state, 'noSrcDataNotificationUid', action.uid);
+
+    default:
+        return state;
+    }
+});
+
diff --git a/react/features/base/tracks/subscriber.web.ts b/react/features/base/tracks/subscriber.web.ts
new file mode 100644
index 0000000..1fba331
--- /dev/null
+++ b/react/features/base/tracks/subscriber.web.ts
@@ -0,0 +1,52 @@
+import { isEqual, sortBy } from 'lodash-es';
+
+// @ts-expect-error
+import VideoLayout from '../../../../modules/UI/videolayout/VideoLayout';
+import { getAutoPinSetting } from '../../video-layout/functions.any';
+import { MEDIA_TYPE } from '../media/constants';
+import { getScreenshareParticipantIds } from '../participants/functions';
+import StateListenerRegistry from '../redux/StateListenerRegistry';
+
+import { isLocalTrackMuted } from './functions';
+
+/**
+ * Notifies when the list of currently sharing participants changes.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => getScreenshareParticipantIds(state),
+    /* listener */ (participantIDs, store, previousParticipantIDs) => {
+        if (getAutoPinSetting() && participantIDs !== previousParticipantIDs) {
+            const { participantId } = store.getState()['features/large-video'];
+
+            // Check if any new screenshare participants were added
+            const newParticipants = participantIDs.filter((id: string) => !previousParticipantIDs.includes(id));
+
+            // If the current large video participant is a new screensharer, update the display. This is needed when
+            // the track is created much later after the action for auto-pinning is dispatched. This usually happens in
+            // very large meetings if the screenshare was already ongoing when the participant joined. The track is
+            // signaled only after the receiver constraints with SS source id is processed by the bridge but the
+            // auto-pinning action is dispatched when the participant tile is created as soon as the presence is
+            // received.
+            if (participantId && newParticipants.includes(participantId)) {
+                VideoLayout.updateLargeVideo(participantId, true);
+            }
+        }
+
+        if (!isEqual(sortBy(participantIDs), sortBy(previousParticipantIDs))) {
+            APP.API.notifySharingParticipantsChanged(participantIDs);
+        }
+    }
+);
+
+
+/**
+ * Notifies when the local video mute state changes.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => isLocalTrackMuted(state['features/base/tracks'], MEDIA_TYPE.VIDEO),
+    /* listener */ (muted, store, previousMuted) => {
+        if (muted !== previousMuted) {
+            APP.API.notifyVideoMutedStatusChanged(muted);
+        }
+    }
+);
diff --git a/react/features/base/tracks/types.ts b/react/features/base/tracks/types.ts
new file mode 100644
index 0000000..6cc23df
--- /dev/null
+++ b/react/features/base/tracks/types.ts
@@ -0,0 +1,90 @@
+import { MediaType } from '../media/constants';
+import { IAudioSettings } from '../settings/reducer';
+
+export interface ITrackOptions {
+    cameraDeviceId?: string | null;
+    constraints?: {
+        audio?: IAudioSettings;
+        video?: {
+            height?: {
+                ideal?: number;
+                max?: number;
+                min?: number;
+            };
+        };
+    };
+    desktopSharingSourceDevice?: string;
+    desktopSharingSources?: Array<DesktopSharingSourceType>;
+    devices?: string[];
+    facingMode?: string;
+    micDeviceId?: string | null;
+    timeout?: number;
+}
+
+/**
+ * Track type.
+ *
+ * @typedef {object} Track
+ * @property {JitsiLocalTrack|JitsiRemoteTrack} jitsiTrack - The associated
+ * {@code JitsiTrack} instance. Optional for local tracks if those are still
+ * being created (ie {@code getUserMedia} is still in progress).
+ * @property {Promise} [gumProcess] - If a local track is still being created,
+ * it will have no {@code JitsiTrack}, but a {@code gumProcess} set to a
+ * {@code Promise} with and extra {@code cancel()}.
+ * @property {boolean} local=false - If the track is local.
+ * @property {MEDIA_TYPE} mediaType=false - The media type of the track.
+ * @property {boolean} mirror=false - The indicator which determines whether the
+ * display/rendering of the track should be mirrored. It only makes sense in the
+ * context of video (at least at the time of this writing).
+ * @property {boolean} muted=false - If the track is muted.
+ * @property {(string|undefined)} participantId - The ID of the participant whom
+ * the track belongs to.
+ * @property {boolean} videoStarted=false - If the video track has already
+ * started to play.
+ * @property {(VIDEO_TYPE|undefined)} videoType - The type of video track if
+ * any.
+ */
+export interface ITrack {
+    codec: string;
+    getOriginalStream: Function;
+    isReceivingData: boolean;
+    jitsiTrack: any;
+    local: boolean;
+    mediaType: MediaType;
+    mirror: boolean;
+    muted: boolean;
+    noDataFromSourceNotificationInfo?: {
+        timeout?: number;
+        uid?: string;
+    };
+    participantId: string;
+    streamingStatus?: string;
+    videoStarted: boolean;
+    videoType?: string | null;
+}
+
+export interface IToggleScreenSharingOptions {
+    audioOnly: boolean;
+    enabled?: boolean;
+    shareOptions: IShareOptions;
+}
+
+export type DesktopSharingSourceType = 'screen' | 'window';
+
+export interface IShareOptions {
+    desktopSharingSourceDevice?: string;
+    desktopSharingSources?: Array<DesktopSharingSourceType>;
+    desktopStream?: any;
+}
+
+export interface ICreateInitialTracksOptions {
+    devices: Array<MediaType>;
+    timeout?: number;
+}
+
+export interface IInitialTracksErrors {
+    audioAndVideoError?: Error;
+    audioOnlyError: Error;
+    screenSharingError: Error;
+    videoOnlyError: Error;
+}
diff --git a/react/features/base/ui/Tokens.ts b/react/features/base/ui/Tokens.ts
new file mode 100644
index 0000000..e3b3e64
--- /dev/null
+++ b/react/features/base/ui/Tokens.ts
@@ -0,0 +1,241 @@
+// Mapping between the token used and the color
+export const colorMap = {
+    // ----- Surfaces -----
+
+    // Default page background. If this changes, make sure to adapt the native side as well:
+    //  - JitsiMeetView.m
+    //  - JitsiMeetView.java
+    uiBackground: 'surface01',
+
+    // Container backgrounds
+    ui01: 'surface02',
+    ui02: 'surface03',
+    ui03: 'ui02',
+    ui04: 'surface05',
+    ui05: 'ui01',
+    ui06: 'ui03',
+    ui07: 'surface08',
+    ui08: 'ui21',
+    ui09: 'ui08',
+    ui10: 'ui04',
+
+    // ----- Actions -----
+
+    // Primary
+    action01: 'action01',
+    action01Hover: 'hover01',
+    action01Active: 'active01',
+
+    // Secondary
+    action02: 'action02',
+    action02Hover: 'hover02',
+    action02Active: 'active02',
+
+    // Destructive
+    actionDanger: 'action03',
+    actionDangerHover: 'hover03',
+    actionDangerActive: 'active03',
+
+    // Tertiary
+    action03: 'transparent',
+    action03Hover: 'hover05',
+    action03Active: 'surface03',
+
+    // Disabled
+    disabled01: 'disabled01',
+
+    // Focus
+    focus01: 'focus01',
+
+    // ----- Links -----
+
+    link01: 'action01',
+    link01Hover: 'hover07',
+    link01Active: 'action04',
+
+    // ----- Text -----
+
+    // Primary
+    text01: 'textColor01',
+
+    // Secondary
+    text02: 'textColor02',
+
+    // Tertiary
+    text03: 'ui03',
+
+    // High-contrast
+    text04: 'surface01',
+
+    // Error
+    textError: 'alertRed',
+
+    // ----- Icons -----
+
+    // Primary
+    icon01: 'icon01',
+
+    // Secondary
+    icon02: 'ui21',
+
+    // Tertiary
+    icon03: 'icon07',
+
+    // High-contrast
+    icon04: 'surface01',
+
+    // Error
+    iconError: 'action03',
+
+    // Normal
+    iconNormal: 'action04',
+
+    // Success
+    iconSuccess: 'alertGreen',
+
+    // Warning
+    iconWarning: 'warning01',
+
+    // ----- Forms -----
+
+    field01: 'ui02',
+
+    // ----- Feedback -----
+
+    // Success
+    success01: 'success05',
+    success02: 'success01',
+
+    // Warning
+    warning01: 'warning01',
+    warning02: 'warning06',
+
+    // ----- Support -----
+
+    support05: 'support05',
+    support06: 'support06'
+};
+
+
+export const font = {
+    weightRegular: 400,
+    weightSemiBold: 600
+};
+
+export const shape = {
+    borderRadius: 6,
+    circleRadius: 50,
+    boxShadow: 'inset 0px -1px 0px rgba(255, 255, 255, 0.15)'
+};
+
+export const spacing = [ 0, 4, 8, 16, 24, 32, 40, 48, 56, 64, 72, 80, 88, 96, 104, 112, 120, 128 ];
+
+export const typography = {
+    labelRegular: 'label01',
+
+    labelBold: 'labelBold01',
+
+    bodyShortRegularSmall: {
+        fontSize: '0.625rem',
+        lineHeight: '1rem',
+        fontWeight: font.weightRegular,
+        letterSpacing: 0
+    },
+
+    bodyShortRegular: {
+        fontSize: '0.875rem',
+        lineHeight: '1.25rem',
+        fontWeight: font.weightRegular,
+        letterSpacing: 0
+    },
+
+    bodyShortBold: {
+        fontSize: '0.875rem',
+        lineHeight: '1.25rem',
+        fontWeight: font.weightSemiBold,
+        letterSpacing: 0
+    },
+
+    bodyShortRegularLarge: {
+        fontSize: '1rem',
+        lineHeight: '1.375rem',
+        fontWeight: font.weightRegular,
+        letterSpacing: 0
+    },
+
+    bodyShortBoldLarge: {
+        fontSize: '1rem',
+        lineHeight: '1.375rem',
+        fontWeight: font.weightSemiBold,
+        letterSpacing: 0
+    },
+
+    bodyLongRegular: {
+        fontSize: '0.875rem',
+        lineHeight: '1.5rem',
+        fontWeight: font.weightRegular,
+        letterSpacing: 0
+    },
+
+    bodyLongRegularLarge: {
+        fontSize: '1rem',
+        lineHeight: '1.625rem',
+        fontWeight: font.weightRegular,
+        letterSpacing: 0
+    },
+
+    bodyLongBold: {
+        fontSize: '0.875rem',
+        lineHeight: '1.5rem',
+        fontWeight: font.weightSemiBold,
+        letterSpacing: 0
+    },
+
+    bodyLongBoldLarge: {
+        fontSize: '1rem',
+        lineHeight: '1.625rem',
+        fontWeight: font.weightSemiBold,
+        letterSpacing: 0
+    },
+
+    heading1: 'heading01',
+
+    heading2: 'heading02',
+
+    heading3: {
+        fontSize: '2rem',
+        lineHeight: '2.5rem',
+        fontWeight: font.weightSemiBold,
+        letterSpacing: 0
+    },
+
+    heading4: {
+        fontSize: '1.75rem',
+        lineHeight: '2.25rem',
+        fontWeight: font.weightSemiBold,
+        letterSpacing: 0
+    },
+
+    heading5: {
+        fontSize: '1.25rem',
+        lineHeight: '1.75rem',
+        fontWeight: font.weightSemiBold,
+        letterSpacing: 0
+    },
+
+    heading6: {
+        fontSize: '1rem',
+        lineHeight: '1.625rem',
+        fontWeight: font.weightSemiBold,
+        letterSpacing: 0
+    }
+};
+
+export const breakpoints = {
+    values: {
+        '0': 0,
+        '320': 320,
+        '400': 400,
+        '480': 480
+    }
+};
diff --git a/react/features/base/ui/components/BaseTheme.native.ts b/react/features/base/ui/components/BaseTheme.native.ts
new file mode 100644
index 0000000..972fae7
--- /dev/null
+++ b/react/features/base/ui/components/BaseTheme.native.ts
@@ -0,0 +1,12 @@
+import { colorMap, font, shape, spacing, typography } from '../Tokens';
+import { createNativeTheme } from '../functions.native';
+
+import updateTheme from './updateTheme.native';
+
+export default createNativeTheme(updateTheme({
+    font,
+    colorMap,
+    spacing,
+    shape,
+    typography
+}));
diff --git a/react/features/base/ui/components/BaseTheme.web.ts b/react/features/base/ui/components/BaseTheme.web.ts
new file mode 100644
index 0000000..0d44956
--- /dev/null
+++ b/react/features/base/ui/components/BaseTheme.web.ts
@@ -0,0 +1,11 @@
+import { breakpoints, colorMap, font, shape, spacing, typography } from '../Tokens';
+import { createWebTheme } from '../functions.web';
+
+export default createWebTheme({
+    font,
+    colorMap,
+    spacing,
+    shape,
+    typography,
+    breakpoints
+});
diff --git a/react/features/base/ui/components/GlobalStyles.web.tsx b/react/features/base/ui/components/GlobalStyles.web.tsx
new file mode 100644
index 0000000..f7abf45
--- /dev/null
+++ b/react/features/base/ui/components/GlobalStyles.web.tsx
@@ -0,0 +1,23 @@
+import React from 'react';
+import { GlobalStyles as MUIGlobalStyles } from 'tss-react';
+import { useStyles } from 'tss-react/mui';
+
+import { commonStyles } from '../constants';
+
+/**
+ * A component generating all the global styles.
+ *
+ * @returns {void}
+ */
+function GlobalStyles() {
+    const { theme } = useStyles();
+
+    return (
+        <MUIGlobalStyles
+            styles = {
+                commonStyles(theme)
+            } />
+    );
+}
+
+export default GlobalStyles;
diff --git a/react/features/base/ui/components/JitsiThemeProvider.native.tsx b/react/features/base/ui/components/JitsiThemeProvider.native.tsx
new file mode 100644
index 0000000..67a3147
--- /dev/null
+++ b/react/features/base/ui/components/JitsiThemeProvider.native.tsx
@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { Provider as PaperProvider } from 'react-native-paper';
+
+import BaseTheme from './BaseTheme.native';
+
+interface IProps {
+
+    /**
+    * The children of the component.
+    */
+    children: React.ReactNode;
+}
+
+/**
+ * The theme provider for the mobile app.
+ *
+ * @param {Object} props - The props of the component.
+ * @returns {React.ReactNode}
+ */
+export default function JitsiThemePaperProvider(props: IProps) {
+    return <PaperProvider theme = { BaseTheme }>{ props.children }</PaperProvider>;
+}
diff --git a/react/features/base/ui/components/JitsiThemeProvider.web.tsx b/react/features/base/ui/components/JitsiThemeProvider.web.tsx
new file mode 100644
index 0000000..64cfd2f
--- /dev/null
+++ b/react/features/base/ui/components/JitsiThemeProvider.web.tsx
@@ -0,0 +1,50 @@
+import { StyledEngineProvider, ThemeProvider } from '@mui/material/styles';
+import * as React from 'react';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+
+import BaseTheme from './BaseTheme.web';
+
+interface IProps {
+
+    /**
+     * The default theme or theme set through advanced branding.
+     */
+    _theme: Object;
+
+    /**
+    * The children of the component.
+    */
+    children: React.ReactNode;
+}
+
+/**
+ * The theme provider for the web app.
+ *
+ * @param {Object} props - The props of the component.
+ * @returns {React.ReactNode}
+ */
+function JitsiThemeProvider(props: IProps) {
+    return (
+        <StyledEngineProvider injectFirst = { true }>
+            <ThemeProvider theme = { props._theme }>{ props.children }</ThemeProvider>
+        </StyledEngineProvider>
+    );
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const { muiBrandedTheme } = state['features/dynamic-branding'];
+
+    return {
+        _theme: muiBrandedTheme || BaseTheme
+    };
+}
+
+export default connect(_mapStateToProps)(JitsiThemeProvider);
diff --git a/react/features/base/ui/components/native/Button.tsx b/react/features/base/ui/components/native/Button.tsx
new file mode 100644
index 0000000..f9e056c
--- /dev/null
+++ b/react/features/base/ui/components/native/Button.tsx
@@ -0,0 +1,120 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { StyleProp, TouchableHighlight } from 'react-native';
+import { Button as NativePaperButton, Text } from 'react-native-paper';
+import { IconSource } from 'react-native-paper/lib/typescript/components/Icon';
+
+import { BUTTON_MODES, BUTTON_TYPES } from '../../constants.native';
+import BaseTheme from '../BaseTheme.native';
+import { IButtonProps } from '../types';
+
+import styles from './buttonStyles';
+
+
+export interface IProps extends IButtonProps {
+    color?: string | undefined;
+    contentStyle?: Object | undefined;
+    id?: string;
+    labelStyle?: Object | undefined;
+    mode?: any;
+    style?: Object | undefined;
+}
+
+const Button: React.FC<IProps> = ({
+    accessibilityLabel,
+    color: buttonColor,
+    contentStyle,
+    disabled,
+    icon,
+    id,
+    labelKey,
+    labelStyle,
+    mode = BUTTON_MODES.CONTAINED,
+    onClick: onPress,
+    style,
+    type
+}: IProps) => {
+    const { t } = useTranslation();
+    const { DESTRUCTIVE, PRIMARY, SECONDARY, TERTIARY } = BUTTON_TYPES;
+    const { CONTAINED, TEXT } = BUTTON_MODES;
+
+    let buttonLabelStyles;
+    let buttonStyles;
+    let color;
+
+    if (type === PRIMARY) {
+        buttonLabelStyles = mode === TEXT
+            ? styles.buttonLabelPrimaryText
+            : styles.buttonLabelPrimary;
+        color = mode === CONTAINED && BaseTheme.palette.action01;
+    } else if (type === SECONDARY) {
+        buttonLabelStyles = styles.buttonLabelSecondary;
+        color = mode === CONTAINED && BaseTheme.palette.action02;
+    } else if (type === DESTRUCTIVE) {
+        buttonLabelStyles = mode === TEXT
+            ? styles.buttonLabelDestructiveText
+            : styles.buttonLabelDestructive;
+        color = mode === CONTAINED && BaseTheme.palette.actionDanger;
+    } else {
+        color = buttonColor;
+        buttonLabelStyles = styles.buttonLabel;
+    }
+
+    if (disabled) {
+        buttonLabelStyles = styles.buttonLabelDisabled;
+        buttonStyles = styles.buttonDisabled;
+    } else {
+        buttonStyles = styles.button;
+    }
+
+    if (type === TERTIARY) {
+        if (disabled) {
+            buttonLabelStyles = styles.buttonLabelTertiaryDisabled;
+        }
+        buttonLabelStyles = styles.buttonLabelTertiary;
+
+        return (
+            <TouchableHighlight
+                accessibilityLabel = { accessibilityLabel }
+                disabled = { disabled }
+                id = { id }
+                onPress = { onPress }
+                style = { [
+                    buttonStyles,
+                    style
+                ] as StyleProp<object> }>
+                <Text
+                    style = { [
+                        buttonLabelStyles,
+                        labelStyle
+                    ] as StyleProp<object> }>{ t(labelKey ?? '') }</Text>
+            </TouchableHighlight>
+        );
+    }
+
+    return (
+        <NativePaperButton
+            accessibilityLabel = { t(accessibilityLabel ?? '') }
+            buttonColor = { color }
+            children = { t(labelKey ?? '') }
+            contentStyle = { [
+                styles.buttonContent,
+                contentStyle
+            ] as StyleProp<object> }
+            disabled = { disabled }
+            icon = { icon as IconSource | undefined }
+            id = { id }
+            labelStyle = { [
+                buttonLabelStyles,
+                labelStyle
+            ] as StyleProp<object> }
+            mode = { mode }
+            onPress = { onPress }
+            style = { [
+                buttonStyles,
+                style
+            ] as StyleProp<object> } />
+    );
+};
+
+export default Button;
diff --git a/react/features/base/ui/components/native/IconButton.tsx b/react/features/base/ui/components/native/IconButton.tsx
new file mode 100644
index 0000000..f9d3838
--- /dev/null
+++ b/react/features/base/ui/components/native/IconButton.tsx
@@ -0,0 +1,71 @@
+import React from 'react';
+import { TouchableHighlight, ViewStyle } from 'react-native';
+
+import Icon from '../../../icons/components/Icon';
+import styles from '../../../react/components/native/styles';
+import { IIconButtonProps } from '../../../react/types';
+import { BUTTON_TYPES } from '../../constants.native';
+import BaseTheme from '../BaseTheme.native';
+
+
+const IconButton: React.FC<IIconButtonProps> = ({
+    accessibilityLabel,
+    color: iconColor,
+    disabled,
+    id,
+    onPress,
+    size,
+    src,
+    style,
+    tapColor,
+    type
+}: IIconButtonProps) => {
+    const { PRIMARY, SECONDARY, TERTIARY } = BUTTON_TYPES;
+
+    let color;
+    let underlayColor;
+    let iconButtonContainerStyles;
+
+    if (type === PRIMARY) {
+        color = BaseTheme.palette.icon01;
+        iconButtonContainerStyles = styles.iconButtonContainerPrimary;
+        underlayColor = BaseTheme.palette.action01;
+    } else if (type === SECONDARY) {
+        color = BaseTheme.palette.icon04;
+        iconButtonContainerStyles = styles.iconButtonContainerSecondary;
+        underlayColor = BaseTheme.palette.action02;
+    } else if (type === TERTIARY) {
+        color = iconColor;
+        iconButtonContainerStyles = styles.iconButtonContainer;
+        underlayColor = BaseTheme.palette.action03;
+    } else {
+        color = iconColor;
+        underlayColor = tapColor;
+    }
+
+    if (disabled) {
+        color = BaseTheme.palette.icon03;
+        iconButtonContainerStyles = styles.iconButtonContainerDisabled;
+        underlayColor = 'transparent';
+    }
+
+    return (
+        <TouchableHighlight
+            accessibilityLabel = { accessibilityLabel }
+            disabled = { disabled }
+            id = { id }
+            onPress = { onPress }
+            style = { [
+                iconButtonContainerStyles,
+                style
+            ] as ViewStyle[] }
+            underlayColor = { underlayColor }>
+            <Icon
+                color = { color }
+                size = { size ?? 20 }
+                src = { src } />
+        </TouchableHighlight>
+    );
+};
+
+export default IconButton;
diff --git a/react/features/base/ui/components/native/Input.tsx b/react/features/base/ui/components/native/Input.tsx
new file mode 100644
index 0000000..1eb4c01
--- /dev/null
+++ b/react/features/base/ui/components/native/Input.tsx
@@ -0,0 +1,197 @@
+import React, { forwardRef, useCallback, useState } from 'react';
+import {
+    KeyboardTypeOptions,
+    NativeSyntheticEvent,
+    ReturnKeyTypeOptions,
+    StyleProp,
+    Text,
+    TextInput,
+    TextInputChangeEventData,
+    TextInputFocusEventData,
+    TextInputKeyPressEventData,
+    TextInputSubmitEditingEventData,
+    TextStyle,
+    TouchableOpacity,
+    View,
+    ViewStyle
+} from 'react-native';
+
+import Icon from '../../../icons/components/Icon';
+import { IconCloseCircle } from '../../../icons/svg';
+import BaseTheme from '../../../ui/components/BaseTheme.native';
+import { IInputProps } from '../types';
+
+import styles from './inputStyles';
+
+interface IProps extends IInputProps {
+    accessibilityLabel?: any;
+    autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters' | undefined;
+    autoFocus?: boolean;
+    blurOnSubmit?: boolean | undefined;
+    bottomLabel?: string;
+    customStyles?: ICustomStyles;
+    editable?: boolean | undefined;
+
+    /**
+     * The id to set on the input element.
+     * This is required because we need it internally to tie the input to its
+     * info (label, error) so that screen reader users don't get lost.
+     */
+    id?: string;
+    keyboardType?: KeyboardTypeOptions;
+    maxLength?: number | undefined;
+    minHeight?: number | string | undefined;
+    multiline?: boolean | undefined;
+    numberOfLines?: number | undefined;
+    onBlur?: ((e: NativeSyntheticEvent<TextInputFocusEventData>) => void) | undefined;
+    onFocus?: ((e: NativeSyntheticEvent<TextInputFocusEventData>) => void) | undefined;
+    onKeyPress?: ((e: NativeSyntheticEvent<TextInputKeyPressEventData>) => void) | undefined;
+    onSubmitEditing?: (value: string) => void;
+    pointerEvents?: 'box-none' | 'none' | 'box-only' | 'auto' | undefined;
+    returnKeyType?: ReturnKeyTypeOptions | undefined;
+    secureTextEntry?: boolean | undefined;
+    textContentType?: any;
+}
+
+interface ICustomStyles {
+    container?: Object;
+    input?: Object;
+}
+
+const Input = forwardRef<TextInput, IProps>(({
+    accessibilityLabel,
+    autoCapitalize,
+    autoFocus,
+    blurOnSubmit,
+    bottomLabel,
+    clearable,
+    customStyles,
+    disabled,
+    error,
+    icon,
+    id,
+    keyboardType,
+    label,
+    maxLength,
+    minHeight,
+    multiline,
+    numberOfLines,
+    onBlur,
+    onChange,
+    onFocus,
+    onKeyPress,
+    onSubmitEditing,
+    placeholder,
+    pointerEvents,
+    returnKeyType,
+    secureTextEntry,
+    textContentType,
+    value
+}: IProps, ref) => {
+    const [ focused, setFocused ] = useState(false);
+    const handleChange = useCallback((e: NativeSyntheticEvent<TextInputChangeEventData>) => {
+        const { nativeEvent: { text } } = e;
+
+        onChange?.(text);
+    }, [ onChange ]);
+
+    const clearInput = useCallback(() => {
+        onChange?.('');
+    }, [ onChange ]);
+
+    const handleBlur = useCallback((e: NativeSyntheticEvent<TextInputFocusEventData>) => {
+        setFocused(false);
+        onBlur?.(e);
+    }, [ onBlur ]);
+
+    const handleFocus = useCallback((e: NativeSyntheticEvent<TextInputFocusEventData>) => {
+        setFocused(true);
+        onFocus?.(e);
+    }, [ onFocus ]);
+
+    const handleKeyPress = useCallback((e: NativeSyntheticEvent<TextInputKeyPressEventData>) => {
+        onKeyPress?.(e);
+    }, [ onKeyPress ]);
+
+    const handleSubmitEditing = useCallback((e: NativeSyntheticEvent<TextInputSubmitEditingEventData>) => {
+        const { nativeEvent: { text } } = e;
+
+        onSubmitEditing?.(text);
+    }, [ onSubmitEditing ]);
+
+    return (<View style = { [ styles.inputContainer, customStyles?.container ] as StyleProp<ViewStyle> }>
+        {label && <Text style = { styles.label }>{ label }</Text>}
+        <View style = { styles.fieldContainer as StyleProp<ViewStyle> }>
+            {icon && <Icon
+                size = { 22 }
+                src = { icon }
+                style = { styles.icon } />}
+            <TextInput
+                accessibilityLabel = { accessibilityLabel }
+                autoCapitalize = { autoCapitalize }
+                autoComplete = { 'off' }
+                autoCorrect = { false }
+                autoFocus = { autoFocus }
+                blurOnSubmit = { blurOnSubmit }
+                editable = { !disabled }
+                id = { id }
+                keyboardType = { keyboardType }
+                maxLength = { maxLength }
+
+                // @ts-ignore
+                minHeight = { minHeight }
+                multiline = { multiline }
+                numberOfLines = { numberOfLines }
+                onBlur = { handleBlur }
+                onChange = { handleChange }
+                onFocus = { handleFocus }
+                onKeyPress = { handleKeyPress }
+                onSubmitEditing = { handleSubmitEditing }
+                placeholder = { placeholder }
+                placeholderTextColor = { BaseTheme.palette.text02 }
+                pointerEvents = { pointerEvents }
+                ref = { ref }
+                returnKeyType = { returnKeyType }
+                secureTextEntry = { secureTextEntry }
+                spellCheck = { false }
+                style = { [
+                    styles.input,
+                    clearable && styles.clearableInput,
+                    customStyles?.input,
+                    disabled && styles.inputDisabled,
+                    icon && styles.iconInput,
+                    multiline && styles.inputMultiline,
+                    focused && styles.inputFocused,
+                    error && styles.inputError
+                ] as StyleProp<TextStyle> }
+                textContentType = { textContentType }
+                value = { typeof value === 'number' ? `${value}` : value } />
+            { clearable && !disabled && value !== '' && (
+                <TouchableOpacity
+                    onPress = { clearInput }
+                    style = { styles.clearButton as StyleProp<ViewStyle> }>
+                    <Icon
+                        size = { 22 }
+                        src = { IconCloseCircle }
+                        style = { styles.clearIcon } />
+                </TouchableOpacity>
+            )}
+        </View>
+        {
+            bottomLabel && (
+                <View>
+                    <Text
+                        id = { `${id}-description` }
+                        style = { [
+                            styles.bottomLabel,
+                            error && styles.bottomLabelError
+                        ] }>
+                        { bottomLabel }
+                    </Text>
+                </View>
+            )
+        }
+    </View>);
+});
+
+export default Input;
diff --git a/react/features/base/ui/components/native/Switch.tsx b/react/features/base/ui/components/native/Switch.tsx
new file mode 100644
index 0000000..f471736
--- /dev/null
+++ b/react/features/base/ui/components/native/Switch.tsx
@@ -0,0 +1,60 @@
+import React from 'react';
+import { ColorValue, StyleProp } from 'react-native';
+import { Switch as NativeSwitch } from 'react-native-paper';
+
+import { ISwitchProps } from '../types';
+
+import {
+    DISABLED_TRACK_COLOR,
+    ENABLED_TRACK_COLOR,
+    THUMB_COLOR
+} from './switchStyles';
+
+interface IProps extends ISwitchProps {
+
+    /**
+     * Id for the switch.
+     */
+
+    id?: string;
+
+    /**
+     * Custom styles for the switch.
+     */
+    style?: Object;
+
+    /**
+     * Color of the switch button.
+     */
+    thumbColor?: ColorValue;
+
+    /**
+     * Color of the switch background.
+     */
+    trackColor?: Object;
+}
+
+const Switch = ({
+    checked,
+    disabled,
+    id,
+    onChange,
+    thumbColor = THUMB_COLOR,
+    trackColor = {
+        true: ENABLED_TRACK_COLOR,
+        false: DISABLED_TRACK_COLOR
+    },
+    style
+}: IProps) => (
+    <NativeSwitch
+        disabled = { disabled }
+        id = { id }
+        ios_backgroundColor = { DISABLED_TRACK_COLOR }
+        onValueChange = { onChange }
+        style = { style as StyleProp<object> }
+        thumbColor = { thumbColor }
+        trackColor = { trackColor }
+        value = { checked } />
+);
+
+export default Switch;
diff --git a/react/features/base/ui/components/native/buttonStyles.ts b/react/features/base/ui/components/native/buttonStyles.ts
new file mode 100644
index 0000000..dc2b82e
--- /dev/null
+++ b/react/features/base/ui/components/native/buttonStyles.ts
@@ -0,0 +1,76 @@
+import BaseTheme from '../../../ui/components/BaseTheme.native';
+
+const BUTTON_HEIGHT = BaseTheme.spacing[7];
+
+const button = {
+    borderRadius: BaseTheme.shape.borderRadius,
+    display: 'flex',
+    height: BUTTON_HEIGHT,
+    justifyContent: 'center'
+};
+
+const buttonLabel = {
+    ...BaseTheme.typography.bodyShortBold
+};
+
+export default {
+    button: {
+        ...button
+    },
+
+    buttonLabel: {
+        ...buttonLabel
+    },
+
+    buttonLabelDisabled: {
+        ...buttonLabel,
+        color: BaseTheme.palette.text03
+    },
+
+    buttonContent: {
+        height: BUTTON_HEIGHT
+    },
+
+    buttonDisabled: {
+        ...button,
+        backgroundColor: BaseTheme.palette.ui08
+    },
+
+    buttonLabelPrimary: {
+        ...buttonLabel,
+        color: BaseTheme.palette.text01
+    },
+
+    buttonLabelPrimaryText: {
+        ...buttonLabel,
+        color: BaseTheme.palette.action01
+    },
+
+    buttonLabelSecondary: {
+        ...buttonLabel,
+        color: BaseTheme.palette.text04
+    },
+
+    buttonLabelDestructive: {
+        ...buttonLabel,
+        color: BaseTheme.palette.text01
+    },
+
+    buttonLabelDestructiveText: {
+        ...buttonLabel,
+        color: BaseTheme.palette.actionDanger
+    },
+
+    buttonLabelTertiary: {
+        ...buttonLabel,
+        color: BaseTheme.palette.text01,
+        marginHorizontal: BaseTheme.spacing[2],
+        textAlign: 'center'
+    },
+
+    buttonLabelTertiaryDisabled: {
+        ...buttonLabel,
+        color: BaseTheme.palette.text03,
+        textAlign: 'center'
+    }
+};
diff --git a/react/features/base/ui/components/native/inputStyles.ts b/react/features/base/ui/components/native/inputStyles.ts
new file mode 100644
index 0000000..658e10e
--- /dev/null
+++ b/react/features/base/ui/components/native/inputStyles.ts
@@ -0,0 +1,87 @@
+import BaseTheme from '../../../ui/components/BaseTheme.native';
+
+export default {
+    inputContainer: {
+        display: 'flex',
+        flexDirection: 'column'
+    },
+
+    label: {
+        ...BaseTheme.typography.bodyShortRegularLarge,
+        lineHeight: 0,
+        color: BaseTheme.palette.text01,
+        marginBottom: BaseTheme.spacing[2]
+    },
+
+    fieldContainer: {
+        position: 'relative'
+    },
+
+    icon: {
+        position: 'absolute',
+        zIndex: 1,
+        top: 14,
+        left: 14
+    },
+
+    input: {
+        ...BaseTheme.typography.bodyShortRegularLarge,
+        backgroundColor: BaseTheme.palette.ui03,
+        borderColor: BaseTheme.palette.ui03,
+        borderRadius: BaseTheme.shape.borderRadius,
+        borderWidth: 2,
+        color: BaseTheme.palette.text01,
+        paddingHorizontal: BaseTheme.spacing[3],
+        height: BaseTheme.spacing[7],
+        lineHeight: 20
+    },
+
+    inputDisabled: {
+        color: BaseTheme.palette.text03
+    },
+
+    inputFocused: {
+        borderColor: BaseTheme.palette.focus01
+    },
+
+    inputError: {
+        borderColor: BaseTheme.palette.textError
+    },
+
+    iconInput: {
+        paddingLeft: BaseTheme.spacing[6]
+    },
+
+    inputMultiline: {
+        height: BaseTheme.spacing[10],
+        paddingTop: BaseTheme.spacing[2]
+    },
+
+    clearableInput: {
+        paddingRight: BaseTheme.spacing[6]
+    },
+
+    clearButton: {
+        backgroundColor: 'transparent',
+        borderWidth: 0,
+        position: 'absolute',
+        right: 0,
+        top: 14,
+        width: BaseTheme.spacing[6],
+        height: BaseTheme.spacing[7]
+    },
+
+    clearIcon: {
+        color: BaseTheme.palette.icon01
+    },
+
+    bottomLabel: {
+        ...BaseTheme.typography.labelRegular,
+        color: BaseTheme.palette.text02,
+        marginTop: BaseTheme.spacing[2]
+    },
+
+    bottomLabelError: {
+        color: BaseTheme.palette.textError
+    }
+};
diff --git a/react/features/base/ui/components/native/switchStyles.ts b/react/features/base/ui/components/native/switchStyles.ts
new file mode 100644
index 0000000..6cded52
--- /dev/null
+++ b/react/features/base/ui/components/native/switchStyles.ts
@@ -0,0 +1,5 @@
+import BaseTheme from '../BaseTheme.native';
+
+export const ENABLED_TRACK_COLOR = BaseTheme.palette.action01;
+export const DISABLED_TRACK_COLOR = BaseTheme.palette.ui05;
+export const THUMB_COLOR = BaseTheme.palette.icon01;
diff --git a/react/features/base/ui/components/types.ts b/react/features/base/ui/components/types.ts
new file mode 100644
index 0000000..7fdb1d4
--- /dev/null
+++ b/react/features/base/ui/components/types.ts
@@ -0,0 +1,113 @@
+import { BUTTON_TYPES } from '../constants.any';
+
+export interface IButtonProps {
+
+    /**
+     * Label used for accessibility.
+     */
+    accessibilityLabel?: string;
+
+    /**
+     * Whether or not the button should automatically focus.
+     */
+    autoFocus?: boolean;
+
+    /**
+     * Whether or not the button is disabled.
+     */
+    disabled?: boolean;
+
+    /**
+     * The icon to be displayed on the button.
+     */
+    icon?: Function;
+
+    /**
+     * The translation key of the text to be displayed on the button.
+     */
+    labelKey?: string;
+
+    /**
+     * Click callback.
+     */
+    onClick?: (e?: any) => void;
+
+    /**
+     * Key press callback.
+     */
+    onKeyPress?: (e?: React.KeyboardEvent<HTMLButtonElement>) => void;
+
+    /**
+     * The type of button to be displayed.
+     */
+    type?: BUTTON_TYPES;
+}
+
+export interface IInputProps {
+
+    /**
+     * Whether the input is be clearable. (show clear button).
+     */
+    clearable?: boolean;
+
+    /**
+     * Whether the input is be disabled.
+     */
+    disabled?: boolean;
+
+    /**
+     * Whether the input is in error state.
+     */
+    error?: boolean;
+
+    /**
+     * The icon to be displayed on the input.
+     */
+    icon?: Function;
+
+    /**
+     * The label of the input.
+     */
+    label?: string;
+
+    /**
+     * Change callback.
+     */
+    onChange?: (value: string) => void;
+
+    /**
+     * The input placeholder text.
+     */
+    placeholder?: string;
+
+    /**
+     * The value of the input.
+     */
+    value: string | number;
+}
+
+export interface ISwitchProps {
+
+    /**
+     * Whether or not the toggle is on.
+     */
+    checked: boolean;
+
+    /**
+     * Whether or not the toggle is disabled.
+     */
+    disabled?: boolean;
+
+    /**
+     * Toggle change callback.
+     */
+    onChange: (on?: boolean) => void;
+}
+
+export type MultiSelectItem = {
+    content: string;
+    description?: string;
+    elemBefore?: Element;
+    isDisabled?: boolean;
+    value: string;
+};
diff --git a/react/features/base/ui/components/updateTheme.native.ts b/react/features/base/ui/components/updateTheme.native.ts
new file mode 100644
index 0000000..17f62d5
--- /dev/null
+++ b/react/features/base/ui/components/updateTheme.native.ts
@@ -0,0 +1,9 @@
+/**
+ * Custom theme for setting client branding.
+ *
+ * @param {Object} theme - The ui tokens theme object.
+ * @returns {Object}
+ */
+export default function updateTheme(theme: Object) {
+    return theme;
+}
diff --git a/react/features/base/ui/components/variables.ts b/react/features/base/ui/components/variables.ts
new file mode 100644
index 0000000..091bafb
--- /dev/null
+++ b/react/features/base/ui/components/variables.ts
@@ -0,0 +1,6 @@
+/**
+ * Prejoin / premeeting screen.
+ */
+
+// Maps SCSS variable $prejoinDefaultContentWidth
+export const PREJOIN_DEFAULT_CONTENT_WIDTH = '336px';
diff --git a/react/features/base/ui/components/web/BaseDialog.tsx b/react/features/base/ui/components/web/BaseDialog.tsx
new file mode 100644
index 0000000..b0c4359
--- /dev/null
+++ b/react/features/base/ui/components/web/BaseDialog.tsx
@@ -0,0 +1,217 @@
+import React, { ReactNode, useCallback, useContext, useEffect } from 'react';
+import { FocusOn } from 'react-focus-on';
+import { useTranslation } from 'react-i18next';
+import { keyframes } from 'tss-react';
+import { makeStyles } from 'tss-react/mui';
+
+import { isElementInTheViewport } from '../../functions.web';
+
+import { DialogTransitionContext } from './DialogTransition';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        container: {
+            width: '100%',
+            height: '100%',
+            position: 'fixed',
+            color: theme.palette.text01,
+            ...theme.typography.bodyLongRegular,
+            top: 0,
+            left: 0,
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'flex-start',
+            zIndex: 301,
+            animation: `${keyframes`
+                0% {
+                    opacity: 0.4;
+                }
+                100% {
+                    opacity: 1;
+                }
+            `} 0.2s forwards ease-out`,
+
+            '&.unmount': {
+                animation: `${keyframes`
+                    0% {
+                        opacity: 1;
+                    }
+                    100% {
+                        opacity: 0.5;
+                    }
+                `} 0.15s forwards ease-in`
+            }
+        },
+
+        backdrop: {
+            position: 'absolute',
+            width: '100%',
+            height: '100%',
+            top: 0,
+            left: 0,
+            backgroundColor: theme.palette.ui02,
+            opacity: 0.75
+        },
+
+        modal: {
+            backgroundColor: theme.palette.ui01,
+            border: `1px solid ${theme.palette.ui03}`,
+            boxShadow: '0px 4px 25px 4px rgba(20, 20, 20, 0.6)',
+            borderRadius: `${theme.shape.borderRadius}px`,
+            display: 'flex',
+            flexDirection: 'column',
+            height: 'auto',
+            minHeight: '200px',
+            maxHeight: '80vh',
+            marginTop: '64px',
+            animation: `${keyframes`
+                0% {
+                    margin-top: 85px
+                }
+                100% {
+                    margin-top: 64px
+                }
+            `} 0.2s forwards ease-out`,
+
+            '&.medium': {
+                width: '400px'
+            },
+
+            '&.large': {
+                width: '664px'
+            },
+
+            '&.unmount': {
+                animation: `${keyframes`
+                    0% {
+                        margin-top: 64px
+                    }
+                    100% {
+                        margin-top: 40px
+                    }
+                `} 0.15s forwards ease-in`
+            },
+
+            '@media (max-width: 448px)': {
+                width: '100% !important',
+                maxHeight: 'initial',
+                height: '100%',
+                margin: 0,
+                position: 'absolute',
+                top: 0,
+                left: 0,
+                bottom: 0,
+                animation: `${keyframes`
+                    0% {
+                        margin-top: 15px
+                    }
+                    100% {
+                        margin-top: 0
+                    }
+                `} 0.2s forwards ease-out`,
+
+                '&.unmount': {
+                    animation: `${keyframes`
+                        0% {
+                            margin-top: 0
+                        }
+                        100% {
+                            margin-top: 15px
+                        }
+                    `} 0.15s forwards ease-in`
+                }
+            }
+        },
+
+        focusLock: {
+            zIndex: 1
+        }
+    };
+});
+
+export interface IProps {
+    children?: ReactNode;
+    className?: string;
+    description?: string;
+    disableBackdropClose?: boolean;
+    disableEnter?: boolean;
+    disableEscape?: boolean;
+    onClose?: () => void;
+    size?: 'large' | 'medium';
+    submit?: () => void;
+    testId?: string;
+    title?: string;
+    titleKey?: string;
+}
+
+const BaseDialog = ({
+    children,
+    className,
+    description,
+    disableBackdropClose,
+    disableEnter,
+    disableEscape,
+    onClose,
+    size = 'medium',
+    submit,
+    testId,
+    title,
+    titleKey
+}: IProps) => {
+    const { classes, cx } = useStyles();
+    const { isUnmounting } = useContext(DialogTransitionContext);
+    const { t } = useTranslation();
+
+    const onBackdropClick = useCallback(() => {
+        !disableBackdropClose && onClose?.();
+    }, [ disableBackdropClose, onClose ]);
+
+    const handleKeyDown = useCallback((e: KeyboardEvent) => {
+        if (e.key === 'Escape' && !disableEscape) {
+            onClose?.();
+        }
+        if (e.key === 'Enter' && !disableEnter) {
+            submit?.();
+        }
+    }, [ disableEnter, onClose, submit ]);
+
+    useEffect(() => {
+        window.addEventListener('keydown', handleKeyDown);
+
+        return () => window.removeEventListener('keydown', handleKeyDown);
+    }, [ handleKeyDown ]);
+
+    return (
+        <div
+            className = { cx(classes.container, isUnmounting && 'unmount') }
+            data-testid = { testId }>
+            <div className = { classes.backdrop } />
+            <FocusOn
+                className = { classes.focusLock }
+                onClickOutside = { onBackdropClick }
+                returnFocus = {
+
+                    // If we return the focus to an element outside the viewport the page will scroll to
+                    // this element which in our case is undesirable and the element is outside of the
+                    // viewport on purpose (to be hidden). For example if we return the focus to the toolbox
+                    // when it is hidden the whole page will move up in order to show the toolbox. This is
+                    // usually followed up with displaying the toolbox (because now it is on focus) but
+                    // because of the animation the whole scenario looks like jumping large video.
+                    isElementInTheViewport
+                }>
+                <div
+                    aria-description = { description }
+                    aria-label = { title ?? t(titleKey ?? '') }
+                    aria-modal = { true }
+                    className = { cx(classes.modal, isUnmounting && 'unmount', size, className) }
+                    data-autofocus = { true }
+                    role = 'dialog'
+                    tabIndex = { -1 }>
+                    {children}
+                </div>
+            </FocusOn>
+        </div>
+    );
+};
+
+export default BaseDialog;
diff --git a/react/features/base/ui/components/web/Button.tsx b/react/features/base/ui/components/web/Button.tsx
new file mode 100644
index 0000000..974bc71
--- /dev/null
+++ b/react/features/base/ui/components/web/Button.tsx
@@ -0,0 +1,223 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { makeStyles } from 'tss-react/mui';
+
+import Icon from '../../../icons/components/Icon';
+import { BUTTON_TYPES } from '../../constants.web';
+import { IButtonProps } from '../types';
+
+interface IProps extends IButtonProps {
+
+    /**
+     * Class name used for additional styles.
+     */
+    className?: string;
+
+    /**
+     * Whether or not the button should be full width.
+     */
+    fullWidth?: boolean;
+
+    /**
+     * The id of the button.
+     */
+    id?: string;
+
+    /**
+     * Whether or not the button is a submit form button.
+     */
+    isSubmit?: boolean;
+
+    /**
+     * Text to be displayed on the component.
+     * Used when there's no labelKey.
+     */
+    label?: string;
+
+    /**
+     * Which size the button should be.
+     */
+    size?: 'small' | 'medium' | 'large';
+
+    /**
+     * Data test id.
+     */
+    testId?: string;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        button: {
+            backgroundColor: theme.palette.action01,
+            color: theme.palette.text01,
+            borderRadius: theme.shape.borderRadius,
+            padding: '10px 16px',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            border: 0,
+            ...theme.typography.bodyShortBold,
+            transition: 'background .2s',
+            cursor: 'pointer',
+
+            '&:hover': {
+                backgroundColor: theme.palette.action01Hover
+            },
+
+            '&:active': {
+                backgroundColor: theme.palette.action01Active
+            },
+
+            '&.focus-visible': {
+                outline: 0,
+                boxShadow: `0px 0px 0px 2px ${theme.palette.focus01}`
+            },
+
+            '& div > svg': {
+                fill: theme.palette.icon01
+            }
+        },
+
+        primary: {},
+
+        secondary: {
+            backgroundColor: theme.palette.action02,
+            color: theme.palette.text04,
+
+            '&:hover': {
+                backgroundColor: theme.palette.action02Hover
+            },
+
+            '&:active': {
+                backgroundColor: theme.palette.action02Active
+            },
+
+            '& div > svg': {
+                fill: theme.palette.icon04
+            }
+        },
+
+        tertiary: {
+            backgroundColor: theme.palette.action03,
+
+            '&:hover': {
+                backgroundColor: theme.palette.action03Hover
+            },
+
+            '&:active': {
+                backgroundColor: theme.palette.action03Active
+            }
+        },
+
+        destructive: {
+            backgroundColor: theme.palette.actionDanger,
+
+            '&:hover': {
+                backgroundColor: theme.palette.actionDangerHover
+            },
+
+            '&:active': {
+                backgroundColor: theme.palette.actionDangerActive
+            }
+        },
+
+        disabled: {
+            backgroundColor: theme.palette.disabled01,
+            color: theme.palette.text03,
+
+            '&:hover': {
+                backgroundColor: theme.palette.disabled01,
+                color: theme.palette.text03
+            },
+
+            '&:active': {
+                backgroundColor: theme.palette.disabled01,
+                color: theme.palette.text03
+            },
+
+            '& div > svg': {
+                fill: theme.palette.icon03
+            }
+        },
+
+        iconButton: {
+            padding: theme.spacing(2)
+        },
+
+        textWithIcon: {
+            marginLeft: theme.spacing(2)
+        },
+
+        small: {
+            padding: '8px 16px',
+            ...theme.typography.labelBold,
+
+            '&.iconButton': {
+                padding: theme.spacing(1)
+            }
+        },
+
+        medium: {},
+
+        large: {
+            padding: '13px 16px',
+            ...theme.typography.bodyShortBoldLarge,
+
+            '&.iconButton': {
+                padding: '12px'
+            }
+        },
+
+        fullWidth: {
+            width: '100%'
+        }
+    };
+});
+
+const Button = React.forwardRef<any, any>(({
+    accessibilityLabel,
+    autoFocus = false,
+    className,
+    disabled,
+    fullWidth,
+    icon,
+    id,
+    isSubmit,
+    label,
+    labelKey,
+    onClick = () => null,
+    onKeyPress = () => null,
+    size = 'medium',
+    testId,
+    type = BUTTON_TYPES.PRIMARY
+}: IProps, ref) => {
+    const { classes: styles, cx } = useStyles();
+    const { t } = useTranslation();
+
+    return (
+        <button
+            aria-label = { accessibilityLabel }
+            autoFocus = { autoFocus }
+            className = { cx(styles.button, styles[type],
+                disabled && styles.disabled,
+                icon && !(labelKey || label) && `${styles.iconButton} iconButton`,
+                styles[size], fullWidth && styles.fullWidth, className) }
+            data-testid = { testId }
+            disabled = { disabled }
+            { ...(id ? { id } : {}) }
+            onClick = { onClick }
+            onKeyPress = { onKeyPress }
+            ref = { ref }
+            title = { accessibilityLabel }
+            type = { isSubmit ? 'submit' : 'button' }>
+            {icon && <Icon
+                size = { 24 }
+                src = { icon } />}
+            {(labelKey || label) && <span className = { icon ? styles.textWithIcon : '' }>
+                {labelKey ? t(labelKey) : label}
+            </span>}
+        </button>
+    );
+});
+
+export default Button;
diff --git a/react/features/base/ui/components/web/Checkbox.tsx b/react/features/base/ui/components/web/Checkbox.tsx
new file mode 100644
index 0000000..6ec1a55
--- /dev/null
+++ b/react/features/base/ui/components/web/Checkbox.tsx
@@ -0,0 +1,185 @@
+import React from 'react';
+import { makeStyles } from 'tss-react/mui';
+
+import { isMobileBrowser } from '../../../environment/utils';
+import Icon from '../../../icons/components/Icon';
+import { IconCheck } from '../../../icons/svg';
+
+interface ICheckboxProps {
+
+    /**
+     * Whether the input is checked or not.
+     */
+    checked?: boolean;
+
+    /**
+     * Class name for additional styles.
+     */
+    className?: string;
+
+    /**
+     * Whether the input is disabled or not.
+     */
+    disabled?: boolean;
+
+    /**
+     * The id of the input.
+     */
+    id?: string;
+
+    /**
+     * The label of the input.
+     */
+    label: string;
+
+    /**
+     * The name of the input.
+     */
+    name?: string;
+
+    /**
+     * Change callback.
+     */
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        formControl: {
+            ...theme.typography.bodyLongRegular,
+            color: theme.palette.text01,
+            display: 'inline-flex',
+            alignItems: 'center',
+
+            '&.is-mobile': {
+                ...theme.typography.bodyLongRegularLarge
+
+            }
+        },
+
+        disabled: {
+            cursor: 'not-allowed'
+        },
+
+        activeArea: {
+            display: 'grid',
+            placeContent: 'center',
+            width: '24px',
+            height: '24px',
+            backgroundColor: 'transparent',
+            marginRight: '15px',
+            position: 'relative',
+            cursor: 'pointer',
+
+            '& input[type="checkbox"]': {
+                appearance: 'none',
+                backgroundColor: 'transparent',
+                margin: '3px',
+                font: 'inherit',
+                color: theme.palette.icon03,
+                width: '18px',
+                height: '18px',
+                border: `2px solid ${theme.palette.icon03}`,
+                borderRadius: '3px',
+
+                display: 'grid',
+                placeContent: 'center',
+
+                '&::before': {
+                    content: 'url("")',
+                    width: '18px',
+                    height: '18px',
+                    opacity: 0,
+                    backgroundColor: theme.palette.action01,
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    border: 0,
+                    borderRadius: '3px',
+                    transition: '.2s'
+                },
+
+                '&:checked::before': {
+                    opacity: 1
+                },
+
+                '&:disabled': {
+                    backgroundColor: theme.palette.ui03,
+                    borderColor: theme.palette.ui04,
+
+                    '&::before': {
+                        backgroundColor: theme.palette.ui04
+                    }
+                },
+
+                '&:checked+.checkmark': {
+                    opacity: 1
+                }
+            },
+
+            '& .checkmark': {
+                position: 'absolute',
+                left: '3px',
+                top: '3px',
+                opacity: 0,
+                transition: '.2s'
+            },
+
+            '&.is-mobile': {
+                width: '40px',
+                height: '40px',
+
+                '& input[type="checkbox"]': {
+                    width: '24px',
+                    height: '24px',
+
+                    '&::before': {
+                        width: '24px',
+                        height: '24px'
+                    }
+                },
+
+                '& .checkmark': {
+                    left: '11px',
+                    top: '10px'
+                }
+            }
+        }
+    };
+});
+
+const Checkbox = ({
+    checked,
+    className,
+    disabled,
+    id,
+    label,
+    name,
+    onChange
+}: ICheckboxProps) => {
+    const { classes: styles, cx, theme } = useStyles();
+    const isMobile = isMobileBrowser();
+
+    return (
+        <label className = { cx(styles.formControl, isMobile && 'is-mobile', className) }>
+            <div className = { cx(styles.activeArea, isMobile && 'is-mobile', disabled && styles.disabled) }>
+                <input
+                    checked = { checked }
+                    disabled = { disabled }
+                    id = { id }
+                    name = { name }
+                    onChange = { onChange }
+                    type = 'checkbox' />
+                <Icon
+                    aria-hidden = { true }
+                    className = 'checkmark'
+                    color = { disabled ? theme.palette.icon03 : theme.palette.icon01 }
+                    size = { 18 }
+                    src = { IconCheck } />
+            </div>
+            <div>{label}</div>
+        </label>
+    );
+};
+
+export default Checkbox;
diff --git a/react/features/base/ui/components/web/ClickableIcon.tsx b/react/features/base/ui/components/web/ClickableIcon.tsx
new file mode 100644
index 0000000..8cb19e9
--- /dev/null
+++ b/react/features/base/ui/components/web/ClickableIcon.tsx
@@ -0,0 +1,61 @@
+import React from 'react';
+import { makeStyles } from 'tss-react/mui';
+
+import { isMobileBrowser } from '../../../environment/utils';
+import Icon from '../../../icons/components/Icon';
+
+interface IProps {
+    accessibilityLabel: string;
+    className?: string;
+    icon: Function;
+    id?: string;
+    onClick: () => void;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        button: {
+            padding: '2px',
+            backgroundColor: theme.palette.action03,
+            border: 0,
+            outline: 0,
+            borderRadius: `${theme.shape.borderRadius}px`,
+
+            '&:hover': {
+                backgroundColor: theme.palette.ui02
+            },
+
+            '&.focus-visible': {
+                outline: 0,
+                boxShadow: `0px 0px 0px 2px ${theme.palette.focus01}`
+            },
+
+            '&:active': {
+                backgroundColor: theme.palette.ui03
+            },
+
+            '&.is-mobile': {
+                padding: '10px'
+            }
+        }
+    };
+});
+
+const ClickableIcon = ({ accessibilityLabel, className, icon, id, onClick }: IProps) => {
+    const { classes: styles, cx } = useStyles();
+    const isMobile = isMobileBrowser();
+
+    return (
+        <button
+            aria-label = { accessibilityLabel }
+            className = { cx(styles.button, isMobile && 'is-mobile', className) }
+            id = { id }
+            onClick = { onClick }>
+            <Icon
+                size = { 24 }
+                src = { icon } />
+        </button>
+    );
+};
+
+export default ClickableIcon;
diff --git a/react/features/base/ui/components/web/ContextMenu.tsx b/react/features/base/ui/components/web/ContextMenu.tsx
new file mode 100644
index 0000000..6dfa53f
--- /dev/null
+++ b/react/features/base/ui/components/web/ContextMenu.tsx
@@ -0,0 +1,412 @@
+import React, { KeyboardEvent, ReactNode,
+    useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { FocusOn } from 'react-focus-on';
+import { useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import Drawer from '../../../../toolbox/components/web/Drawer';
+import JitsiPortal from '../../../../toolbox/components/web/JitsiPortal';
+import { showOverflowDrawer } from '../../../../toolbox/functions.web';
+import participantsPaneTheme from '../../../components/themes/participantsPaneTheme.json';
+import { spacing } from '../../Tokens';
+
+
+/**
+ * Get a style property from a style declaration as a float.
+ *
+ * @param {CSSStyleDeclaration} styles - Style declaration.
+ * @param {string} name - Property name.
+ * @returns {number} Float value.
+ */
+const getFloatStyleProperty = (styles: CSSStyleDeclaration, name: string) =>
+    parseFloat(styles.getPropertyValue(name));
+
+/**
+* Gets the outer height of an element, including margins.
+*
+* @param {Element} element - Target element.
+* @returns {number} Computed height.
+*/
+const getComputedOuterHeight = (element: HTMLElement) => {
+    const computedStyle = getComputedStyle(element);
+
+    return element.offsetHeight
+        + getFloatStyleProperty(computedStyle, 'margin-top')
+        + getFloatStyleProperty(computedStyle, 'margin-bottom');
+};
+
+interface IProps {
+
+    /**
+     * ARIA attributes.
+     */
+    [key: `aria-${string}`]: string;
+
+    /**
+     * Accessibility label for menu container.
+     */
+    accessibilityLabel?: string;
+
+    /**
+     * To activate the FocusOn component.
+     */
+    activateFocusTrap?: boolean;
+
+    /**
+     * Children of the context menu.
+     */
+    children: ReactNode;
+
+    /**
+     * Class name for context menu. Used to overwrite default styles.
+     */
+    className?: string;
+
+    /**
+     * The entity for which the context menu is displayed.
+     */
+    entity?: Object;
+
+    /**
+     * Whether or not the menu is hidden. Used to overwrite the internal isHidden.
+     */
+    hidden?: boolean;
+
+    /**
+     * Optional id.
+     */
+    id?: string;
+
+    /**
+     * Whether or not the menu is already in a drawer.
+     */
+    inDrawer?: boolean;
+
+    /**
+     * Whether or not drawer should be open.
+     */
+    isDrawerOpen?: boolean;
+
+    /**
+     * Target elements against which positioning calculations are made.
+     */
+    offsetTarget?: HTMLElement | null;
+
+    /**
+     * Callback for click on an item in the menu.
+     */
+    onClick?: (e?: React.MouseEvent) => void;
+
+    /**
+     * Callback for drawer close.
+     */
+    onDrawerClose?: (e?: React.MouseEvent) => void;
+
+    /**
+     * Keydown handler.
+     */
+    onKeyDown?: (e?: React.KeyboardEvent) => void;
+
+    /**
+     * Callback for the mouse entering the component.
+     */
+    onMouseEnter?: (e?: React.MouseEvent) => void;
+
+    /**
+     * Callback for the mouse leaving the component.
+     */
+    onMouseLeave?: (e?: React.MouseEvent) => void;
+
+    /**
+     * Container role.
+     */
+    role?: string;
+
+    /**
+     * Tab index for the menu.
+     */
+    tabIndex?: number;
+}
+
+const MAX_HEIGHT = 400;
+
+const useStyles = makeStyles()(theme => {
+    return {
+        contextMenu: {
+            backgroundColor: theme.palette.ui01,
+            border: `1px solid ${theme.palette.ui04}`,
+            borderRadius: `${Number(theme.shape.borderRadius)}px`,
+            boxShadow: '0px 1px 2px rgba(41, 41, 41, 0.25)',
+            color: theme.palette.text01,
+            ...theme.typography.bodyShortRegular,
+            marginTop: '48px',
+            position: 'absolute',
+            right: `${participantsPaneTheme.panePadding}px`,
+            top: 0,
+            zIndex: 2,
+            maxHeight: `${MAX_HEIGHT}px`,
+            overflowY: 'auto',
+            padding: `${theme.spacing(2)} 0`
+        },
+
+        contextMenuHidden: {
+            pointerEvents: 'none',
+            visibility: 'hidden'
+        },
+
+        drawer: {
+            paddingTop: '16px',
+
+            '& > div': {
+                ...theme.typography.bodyShortRegularLarge,
+
+                '& svg': {
+                    fill: theme.palette.icon01
+                }
+            }
+        }
+    };
+});
+
+const ContextMenu = ({
+    accessibilityLabel,
+    activateFocusTrap = false,
+    children,
+    className,
+    entity,
+    hidden,
+    id,
+    inDrawer,
+    isDrawerOpen,
+    offsetTarget,
+    onClick,
+    onKeyDown,
+    onDrawerClose,
+    onMouseEnter,
+    onMouseLeave,
+    role,
+    tabIndex,
+    ...aria
+}: IProps) => {
+    const [ isHidden, setIsHidden ] = useState(true);
+    const containerRef = useRef<HTMLDivElement | null>(null);
+    const { classes: styles, cx } = useStyles();
+    const _overflowDrawer = useSelector(showOverflowDrawer);
+
+    useLayoutEffect(() => {
+        if (_overflowDrawer) {
+            return;
+        }
+        if (entity && offsetTarget
+            && containerRef.current
+            && offsetTarget?.offsetParent
+            && offsetTarget.offsetParent instanceof HTMLElement
+        ) {
+            const { current: container } = containerRef;
+
+            // make sure the max height is not set
+            container.style.maxHeight = 'none';
+            const { offsetTop, offsetParent: { offsetHeight, scrollTop } } = offsetTarget;
+            let outerHeight = getComputedOuterHeight(container);
+            let height = Math.min(MAX_HEIGHT, outerHeight);
+
+            if (offsetTop + height > offsetHeight + scrollTop && height > offsetTop) {
+                // top offset and + padding + border
+                container.style.maxHeight = `${offsetTop - ((spacing[2] * 2) + 2)}px`;
+            }
+
+            // get the height after style changes
+            outerHeight = getComputedOuterHeight(container);
+            height = Math.min(MAX_HEIGHT, outerHeight);
+
+            container.style.top = offsetTop + height > offsetHeight + scrollTop
+                ? `${offsetTop - outerHeight}`
+                : `${offsetTop}`;
+
+            setIsHidden(false);
+        } else {
+            hidden === undefined && setIsHidden(true);
+        }
+    }, [ entity, offsetTarget, _overflowDrawer ]);
+
+    useEffect(() => {
+        if (hidden !== undefined) {
+            setIsHidden(hidden);
+        }
+    }, [ hidden ]);
+
+    const handleKeyDown = useCallback((event: KeyboardEvent) => {
+        const { current: listRef } = containerRef;
+        const currentFocusElement = document.activeElement;
+
+        const moveFocus = (
+                list: Element | null,
+                currentFocus: Element | null,
+                traversalFunction: (
+                    list: Element | null,
+                    currentFocus: Element | null
+                ) => Element | null
+        ) => {
+            let wrappedOnce = false;
+            let nextFocus = traversalFunction(list, currentFocus);
+
+            /* eslint-disable no-unmodified-loop-condition */
+            while (list && nextFocus) {
+                // Prevent infinite loop.
+                if (nextFocus === list.firstChild) {
+                    if (wrappedOnce) {
+                        return;
+                    }
+                    wrappedOnce = true;
+                }
+
+                // Same logic as useAutocomplete.js
+                const nextFocusDisabled
+                    /* eslint-disable no-extra-parens */
+                    = (nextFocus as HTMLInputElement).disabled
+                    || nextFocus.getAttribute('aria-disabled') === 'true';
+
+                if (!nextFocus.hasAttribute('tabindex') || nextFocusDisabled) {
+                    // Move to the next element.
+                    nextFocus = traversalFunction(list, nextFocus);
+                } else {
+                    /* eslint-disable no-extra-parens */
+                    (nextFocus as HTMLElement).focus();
+
+                    return;
+                }
+            }
+        };
+
+        const previousItem = (
+                list: Element | null,
+                item: Element | null
+        ): Element | null => {
+            /**
+            * To find the last child of the list.
+            *
+            * @param {Element | null} element - Element.
+            * @returns {Element | null}
+            */
+            function lastChild(element: Element | null): Element | null {
+                while (element?.lastElementChild) {
+                    /* eslint-disable no-param-reassign */
+                    element = element.lastElementChild;
+                }
+
+                return element;
+            }
+
+            if (!list) {
+                return null;
+            }
+            if (list === item) {
+                return list.lastElementChild;
+            }
+            if (item?.previousElementSibling) {
+                return lastChild(item.previousElementSibling);
+            }
+            if (item && item?.parentElement !== list) {
+                return item.parentElement;
+            }
+
+            return lastChild(list.lastElementChild);
+        };
+
+        const nextItem = (
+                list: Element | null,
+                item: Element | null
+        ): Element | null => {
+            if (!list) {
+                return null;
+            }
+
+            if (list === item) {
+                return list.firstElementChild;
+            }
+            if (item?.firstElementChild) {
+                return item.firstElementChild;
+            }
+            if (item?.nextElementSibling) {
+                return item.nextElementSibling;
+            }
+            while (item && item.parentElement !== list) {
+                /* eslint-disable no-param-reassign */
+                item = item.parentElement;
+                if (item?.nextElementSibling) {
+                    return item.nextElementSibling;
+                }
+            }
+
+            return list?.firstElementChild;
+        };
+
+        if (event.key === 'Escape') {
+            // Close the menu
+            setIsHidden(true);
+
+        } else if (event.key === 'ArrowUp') {
+            // Move focus to the previous menu item
+            event.preventDefault();
+            moveFocus(listRef, currentFocusElement, previousItem);
+
+        } else if (event.key === 'ArrowDown') {
+            // Move focus to the next menu item
+            event.preventDefault();
+            moveFocus(listRef, currentFocusElement, nextItem);
+        }
+    }, [ containerRef ]);
+
+    const removeFocus = useCallback(() => {
+        onDrawerClose?.();
+    }, [ onMouseLeave ]);
+
+    if (_overflowDrawer && inDrawer) {
+        return (<div
+            className = { styles.drawer }
+            onClick = { onDrawerClose }>
+            {children}
+        </div>);
+    }
+
+    return _overflowDrawer
+        ? <JitsiPortal>
+            <Drawer
+                isOpen = { Boolean(isDrawerOpen && _overflowDrawer) }
+                onClose = { onDrawerClose }>
+                <div
+                    className = { styles.drawer }
+                    onClick = { onDrawerClose }>
+                    {children}
+                </div>
+            </Drawer>
+        </JitsiPortal>
+        : <FocusOn
+
+            // Use the `enabled` prop instead of conditionally rendering ReactFocusOn
+            // to prevent UI stutter on dialog appearance. It seems the focus guards generated annoy
+            // our DialogPortal positioning calculations.
+            enabled = { activateFocusTrap && !isHidden }
+            onClickOutside = { removeFocus }
+            onEscapeKey = { removeFocus }>
+            <div
+                { ...aria }
+                aria-label = { accessibilityLabel }
+                className = { cx(styles.contextMenu,
+                isHidden && styles.contextMenuHidden,
+                className
+                ) }
+                id = { id }
+                onClick = { onClick }
+                onKeyDown = { onKeyDown ?? handleKeyDown }
+                onMouseEnter = { onMouseEnter }
+                onMouseLeave = { onMouseLeave }
+                ref = { containerRef }
+                role = { role }
+                tabIndex = { tabIndex }>
+                {children}
+            </div>
+        </FocusOn >;
+};
+
+export default ContextMenu;
diff --git a/react/features/base/ui/components/web/ContextMenuItem.tsx b/react/features/base/ui/components/web/ContextMenuItem.tsx
new file mode 100644
index 0000000..d6ee2dc
--- /dev/null
+++ b/react/features/base/ui/components/web/ContextMenuItem.tsx
@@ -0,0 +1,272 @@
+import React, { ReactNode, useCallback } from 'react';
+import { useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { showOverflowDrawer } from '../../../../toolbox/functions.web';
+import Icon from '../../../icons/components/Icon';
+import { TEXT_OVERFLOW_TYPES } from '../../constants.any';
+
+import TextWithOverflow from './TextWithOverflow';
+
+export interface IProps {
+
+    /**
+     * Label used for accessibility.
+     */
+    accessibilityLabel?: string;
+
+    /**
+     * The context menu item background color.
+     */
+    backgroundColor?: string;
+
+    /**
+     * Component children.
+     */
+    children?: ReactNode;
+
+    /**
+     * CSS class name used for custom styles.
+     */
+    className?: string;
+
+    /**
+     * Id of dom element controlled by this item. Matches aria-controls.
+     * Useful if you need this item as a tab element.
+     *
+     */
+    controls?: string;
+
+    /**
+     * Custom icon. If used, the icon prop is ignored.
+     * Used to allow custom children instead of just the default icons.
+     */
+    customIcon?: ReactNode;
+
+    /**
+     * Whether or not the action is disabled.
+     */
+    disabled?: boolean;
+
+    /**
+     * Default icon for action.
+     */
+    icon?: Function;
+
+    /**
+     * Id of the action container.
+     */
+    id?: string;
+
+    /**
+     * Click handler.
+     */
+    onClick?: (e?: React.MouseEvent<any>) => void;
+
+    /**
+     * Keydown handler.
+     */
+    onKeyDown?: (e: React.KeyboardEvent<HTMLDivElement>) => void;
+
+    /**
+     * Keypress handler.
+     */
+    onKeyPress?: (e?: React.KeyboardEvent) => void;
+
+    /**
+     * Overflow type for item text.
+     */
+    overflowType?: TEXT_OVERFLOW_TYPES;
+
+    /**
+     * You can use this item as a tab. Defaults to button if not set.
+     *
+     * If no onClick handler is provided, we assume the context menu item is
+     * not interactive and no role will be set.
+     */
+    role?: 'tab' | 'button' | 'menuitem';
+
+    /**
+     * Whether the item is marked as selected.
+     */
+    selected?: boolean;
+
+    /**
+     * TestId of the element, if any.
+     */
+    testId?: string;
+
+    /**
+     * Action text.
+     */
+    text?: string;
+
+    /**
+     * Class name for the text.
+     */
+    textClassName?: string;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        contextMenuItem: {
+            alignItems: 'center',
+            cursor: 'pointer',
+            display: 'flex',
+            minHeight: '40px',
+            padding: '10px 16px',
+            boxSizing: 'border-box',
+
+            '& > *:not(:last-child)': {
+                marginRight: theme.spacing(3)
+            },
+
+            '&:hover': {
+                backgroundColor: theme.palette.ui02
+            },
+
+            '&:active': {
+                backgroundColor: theme.palette.ui03
+            },
+
+            '&.focus-visible': {
+                boxShadow: `inset 0 0 0 2px ${theme.palette.action01Hover}`
+            }
+        },
+
+        selected: {
+            borderLeft: `3px solid ${theme.palette.action01Hover}`,
+            paddingLeft: '13px',
+            backgroundColor: theme.palette.ui02
+        },
+
+        contextMenuItemDisabled: {
+            pointerEvents: 'none'
+        },
+
+        contextMenuItemIconDisabled: {
+            '& svg': {
+                fill: `${theme.palette.text03} !important`
+            }
+        },
+
+        contextMenuItemLabelDisabled: {
+            color: theme.palette.text03,
+
+            '&:hover': {
+                background: 'none'
+            },
+
+            '& svg': {
+                fill: theme.palette.text03
+            }
+        },
+
+        contextMenuItemDrawer: {
+            padding: '13px 16px'
+        },
+
+        contextMenuItemIcon: {
+            '& svg': {
+                fill: theme.palette.icon01
+            }
+        },
+
+        text: {
+            ...theme.typography.bodyShortRegular,
+            color: theme.palette.text01
+        },
+
+        drawerText: {
+            ...theme.typography.bodyShortRegularLarge
+        }
+    };
+});
+
+const ContextMenuItem = ({
+    accessibilityLabel,
+    backgroundColor,
+    children,
+    className,
+    controls,
+    customIcon,
+    disabled,
+    id,
+    icon,
+    onClick,
+    onKeyDown,
+    onKeyPress,
+    overflowType,
+    role = 'button',
+    selected,
+    testId,
+    text,
+    textClassName }: IProps) => {
+    const { classes: styles, cx } = useStyles();
+    const _overflowDrawer: boolean = useSelector(showOverflowDrawer);
+    const style = backgroundColor ? { backgroundColor } : {};
+    const onKeyPressHandler = useCallback(e => {
+        // only trigger the fallback behavior (onClick) if we dont have any explicit keyboard event handler
+        if (onClick && !onKeyPress && !onKeyDown && (e.key === 'Enter' || e.key === ' ')) {
+            e.preventDefault();
+            onClick(e);
+        }
+
+        if (onKeyPress) {
+            onKeyPress(e);
+        }
+    }, [ onClick, onKeyPress, onKeyDown ]);
+
+    let tabIndex: undefined | 0 | -1;
+
+    if (role === 'tab') {
+        tabIndex = selected ? 0 : -1;
+    }
+
+    if ((role === 'button' || role === 'menuitem') && !disabled) {
+        tabIndex = 0;
+    }
+
+    return (
+        <div
+            aria-controls = { controls }
+            aria-disabled = { disabled }
+            aria-label = { accessibilityLabel || undefined }
+            aria-selected = { role === 'tab' ? selected : undefined }
+            className = { cx(styles.contextMenuItem,
+                    _overflowDrawer && styles.contextMenuItemDrawer,
+                    disabled && styles.contextMenuItemDisabled,
+                    selected && styles.selected,
+                    className
+            ) }
+            data-testid = { testId }
+            id = { id }
+            key = { text }
+            onClick = { disabled ? undefined : onClick }
+            onKeyDown = { disabled ? undefined : onKeyDown }
+            onKeyPress = { disabled ? undefined : onKeyPressHandler }
+            role = { onClick ? role : undefined }
+            style = { style }
+            tabIndex = { onClick ? tabIndex : undefined }>
+            {customIcon ? customIcon
+                : icon && <Icon
+                    className = { cx(styles.contextMenuItemIcon,
+                        disabled && styles.contextMenuItemIconDisabled) }
+                    size = { 20 }
+                    src = { icon } />}
+            {text && (
+                <TextWithOverflow
+                    className = { cx(styles.text,
+                    _overflowDrawer && styles.drawerText,
+                    disabled && styles.contextMenuItemLabelDisabled,
+                    textClassName) }
+                    overflowType = { overflowType } >
+                    {text}
+                </TextWithOverflow>
+            )}
+            {children}
+        </div>
+    );
+};
+
+export default ContextMenuItem;
diff --git a/react/features/base/ui/components/web/ContextMenuItemGroup.tsx b/react/features/base/ui/components/web/ContextMenuItemGroup.tsx
new file mode 100644
index 0000000..004e1a3
--- /dev/null
+++ b/react/features/base/ui/components/web/ContextMenuItemGroup.tsx
@@ -0,0 +1,68 @@
+import React, { ReactNode } from 'react';
+import { makeStyles } from 'tss-react/mui';
+
+import ContextMenuItem, { IProps as ItemProps } from './ContextMenuItem';
+
+
+interface IProps {
+
+    /**
+     * List of actions in this group.
+     */
+    actions?: Array<ItemProps>;
+
+    /**
+     * The children of the component.
+     */
+    children?: ReactNode;
+
+    /**
+     * The optional role of the component.
+     */
+    role?: string;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        contextMenuItemGroup: {
+            '&:not(:empty)': {
+                padding: `${theme.spacing(2)} 0`
+            },
+
+            '& + &:not(:empty)': {
+                borderTop: `1px solid ${theme.palette.ui03}`
+            },
+
+            '&:first-of-type': {
+                paddingTop: 0
+            },
+
+            '&:last-of-type': {
+                paddingBottom: 0
+            }
+        }
+    };
+});
+
+const ContextMenuItemGroup = ({
+    actions,
+    children,
+    ...rest
+}: IProps) => {
+    const { classes: styles } = useStyles();
+
+    return (
+        <div
+            className = { styles.contextMenuItemGroup }
+            { ...rest }>
+            {children}
+            {actions?.map(actionProps => (
+                <ContextMenuItem
+                    key = { actionProps.text }
+                    { ...actionProps } />
+            ))}
+        </div>
+    );
+};
+
+export default ContextMenuItemGroup;
diff --git a/react/features/base/ui/components/web/Dialog.tsx b/react/features/base/ui/components/web/Dialog.tsx
new file mode 100644
index 0000000..34bed70
--- /dev/null
+++ b/react/features/base/ui/components/web/Dialog.tsx
@@ -0,0 +1,177 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { hideDialog } from '../../../dialog/actions';
+import { IconCloseLarge } from '../../../icons/svg';
+import { operatesWithEnterKey } from '../../functions.web';
+
+import BaseDialog, { IProps as IBaseDialogProps } from './BaseDialog';
+import Button from './Button';
+import ClickableIcon from './ClickableIcon';
+
+
+const useStyles = makeStyles()(theme => {
+    return {
+        header: {
+            width: '100%',
+            padding: '24px',
+            boxSizing: 'border-box',
+            display: 'flex',
+            alignItems: 'flex-start',
+            justifyContent: 'space-between'
+        },
+
+        title: {
+            color: theme.palette.text01,
+            ...theme.typography.heading5,
+            margin: 0,
+            padding: 0
+        },
+
+        content: {
+            height: 'auto',
+            overflowY: 'auto',
+            width: '100%',
+            boxSizing: 'border-box',
+            padding: '0 24px',
+            overflowX: 'hidden',
+            minHeight: '40px',
+
+            '@media (max-width: 448px)': {
+                height: '100%'
+            }
+        },
+
+        footer: {
+            width: '100%',
+            boxSizing: 'border-box',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'flex-end',
+            padding: '24px',
+
+            '& button:last-child': {
+                marginLeft: '16px'
+            }
+        }
+    };
+});
+
+interface IDialogProps extends IBaseDialogProps {
+    back?: {
+        hidden?: boolean;
+        onClick?: () => void;
+        translationKey?: string;
+    };
+    cancel?: {
+        hidden?: boolean;
+        translationKey?: string;
+    };
+    children?: React.ReactNode;
+    disableAutoHideOnSubmit?: boolean;
+    hideCloseButton?: boolean;
+    ok?: {
+        disabled?: boolean;
+        hidden?: boolean;
+        translationKey?: string;
+    };
+    onCancel?: () => void;
+    onSubmit?: () => void;
+}
+
+const Dialog = ({
+    back = { hidden: true },
+    cancel = { translationKey: 'dialog.Cancel' },
+    children,
+    className,
+    description,
+    disableAutoHideOnSubmit = false,
+    disableBackdropClose,
+    hideCloseButton,
+    disableEnter,
+    disableEscape,
+    ok = { translationKey: 'dialog.Ok' },
+    onCancel,
+    onSubmit,
+    size,
+    testId,
+    title,
+    titleKey
+}: IDialogProps) => {
+    const { classes } = useStyles();
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+
+    const onClose = useCallback(() => {
+        dispatch(hideDialog());
+        onCancel?.();
+    }, [ onCancel ]);
+
+    const submit = useCallback(() => {
+        if ((document.activeElement && !operatesWithEnterKey(document.activeElement)) || !document.activeElement) {
+            !disableAutoHideOnSubmit && dispatch(hideDialog());
+            onSubmit?.();
+        }
+    }, [ onSubmit ]);
+
+    return (
+        <BaseDialog
+            className = { className }
+            description = { description }
+            disableBackdropClose = { disableBackdropClose }
+            disableEnter = { disableEnter }
+            disableEscape = { disableEscape }
+            onClose = { onClose }
+            size = { size }
+            submit = { submit }
+            testId = { testId }
+            title = { title }
+            titleKey = { titleKey }>
+            <div className = { classes.header }>
+                <h1
+                    className = { classes.title }
+                    id = 'dialog-title'>
+                    {title ?? t(titleKey ?? '')}
+                </h1>
+                {!hideCloseButton && (
+                    <ClickableIcon
+                        accessibilityLabel = { t('dialog.accessibilityLabel.close') }
+                        icon = { IconCloseLarge }
+                        id = 'modal-header-close-button'
+                        onClick = { onClose } />
+                )}
+            </div>
+            <div
+                className = { classes.content }
+                data-autofocus-inside = 'true'>
+                {children}
+            </div>
+            <div
+                className = { classes.footer }
+                data-autofocus-inside = 'true'>
+                {!back.hidden && <Button
+                    accessibilityLabel = { t(back.translationKey ?? '') }
+                    labelKey = { back.translationKey }
+                    // eslint-disable-next-line react/jsx-handler-names
+                    onClick = { back.onClick }
+                    type = 'secondary' />}
+                {!cancel.hidden && <Button
+                    accessibilityLabel = { t(cancel.translationKey ?? '') }
+                    labelKey = { cancel.translationKey }
+                    onClick = { onClose }
+                    type = 'tertiary' />}
+                {!ok.hidden && <Button
+                    accessibilityLabel = { t(ok.translationKey ?? '') }
+                    disabled = { ok.disabled }
+                    id = 'modal-dialog-ok-button'
+                    isSubmit = { true }
+                    labelKey = { ok.translationKey }
+                    { ...(!ok.disabled && { onClick: submit }) } />}
+            </div>
+        </BaseDialog>
+    );
+};
+
+export default Dialog;
diff --git a/react/features/base/ui/components/web/DialogContainer.tsx b/react/features/base/ui/components/web/DialogContainer.tsx
new file mode 100644
index 0000000..b65c429
--- /dev/null
+++ b/react/features/base/ui/components/web/DialogContainer.tsx
@@ -0,0 +1,96 @@
+import React, { Component, ComponentType } from 'react';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../../app/types';
+import JitsiPortal from '../../../../toolbox/components/web/JitsiPortal';
+import { showOverflowDrawer } from '../../../../toolbox/functions.web';
+
+import DialogTransition from './DialogTransition';
+
+interface IProps {
+
+    /**
+     * The component to render.
+     */
+    _component?: ComponentType;
+
+    /**
+     * The props to pass to the component that will be rendered.
+     */
+    _componentProps?: Object;
+
+    /**
+     * Whether the overflow drawer should be used.
+     */
+    _overflowDrawer: boolean;
+
+    /**
+     * True if the UI is in a compact state where we don't show dialogs.
+     */
+    _reducedUI: boolean;
+}
+
+/**
+ * Implements a DialogContainer responsible for showing all dialogs. Necessary
+ * for supporting @atlaskit's modal animations.
+ *
+ */
+class DialogContainer extends Component<IProps> {
+
+    /**
+     * Returns the dialog to be displayed.
+     *
+     * @private
+     * @returns {ReactElement|null}
+     */
+    _renderDialogContent() {
+        const {
+            _component: component,
+            _reducedUI: reducedUI
+        } = this.props;
+
+        return (
+            component && !reducedUI
+                ? React.createElement(component, this.props._componentProps)
+                : null);
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        return (
+            <DialogTransition>
+                {this.props._overflowDrawer
+                    ? <JitsiPortal>{this._renderDialogContent()}</JitsiPortal>
+                    : this._renderDialogContent()}
+            </DialogTransition>
+        );
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated
+ * {@code AbstractDialogContainer}'s props.
+ *
+ * @param {Object} state - The redux state.
+ * @private
+ * @returns {IProps}
+ */
+function mapStateToProps(state: IReduxState) {
+    const stateFeaturesBaseDialog = state['features/base/dialog'];
+    const { reducedUI } = state['features/base/responsive-ui'];
+    const overflowDrawer = showOverflowDrawer(state);
+
+    return {
+        _component: stateFeaturesBaseDialog.component,
+        _componentProps: stateFeaturesBaseDialog.componentProps,
+        _overflowDrawer: overflowDrawer,
+        _reducedUI: reducedUI
+    };
+}
+
+export default connect(mapStateToProps)(DialogContainer);
diff --git a/react/features/base/ui/components/web/DialogTransition.tsx b/react/features/base/ui/components/web/DialogTransition.tsx
new file mode 100644
index 0000000..4727758
--- /dev/null
+++ b/react/features/base/ui/components/web/DialogTransition.tsx
@@ -0,0 +1,39 @@
+import React, { ReactElement, useEffect, useState } from 'react';
+
+export const DialogTransitionContext = React.createContext({ isUnmounting: false });
+
+type TimeoutType = ReturnType<typeof setTimeout>;
+
+const DialogTransition = ({ children }: { children: ReactElement | null; }) => {
+    const [ childrenToRender, setChildrenToRender ] = useState(children);
+    const [ isUnmounting, setIsUnmounting ] = useState(false);
+    const [ timeoutID, setTimeoutID ] = useState<TimeoutType | undefined>(undefined);
+
+    useEffect(() => {
+        if (children === null) {
+            setIsUnmounting(true);
+            if (typeof timeoutID === 'undefined') {
+                setTimeoutID(setTimeout(() => {
+                    setChildrenToRender(children);
+                    setIsUnmounting(false);
+                    setTimeoutID(undefined);
+                }, 150));
+            }
+        } else {
+            if (typeof timeoutID !== 'undefined') {
+                clearTimeout(timeoutID);
+                setTimeoutID(undefined);
+                setIsUnmounting(false);
+            }
+            setChildrenToRender(children);
+        }
+    }, [ children ]);
+
+    return (
+        <DialogTransitionContext.Provider value = {{ isUnmounting }}>
+            {childrenToRender}
+        </DialogTransitionContext.Provider>
+    );
+};
+
+export default DialogTransition;
diff --git a/react/features/base/ui/components/web/DialogWithTabs.tsx b/react/features/base/ui/components/web/DialogWithTabs.tsx
new file mode 100644
index 0000000..aac3826
--- /dev/null
+++ b/react/features/base/ui/components/web/DialogWithTabs.tsx
@@ -0,0 +1,418 @@
+import React, { ComponentType, useCallback, useEffect, useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState } from '../../../../app/types';
+import { hideDialog } from '../../../dialog/actions';
+import { IconArrowBack, IconCloseLarge } from '../../../icons/svg';
+
+import BaseDialog, { IProps as IBaseProps } from './BaseDialog';
+import Button from './Button';
+import ClickableIcon from './ClickableIcon';
+import ContextMenuItem from './ContextMenuItem';
+
+const MOBILE_BREAKPOINT = 607;
+
+const useStyles = makeStyles()(theme => {
+    return {
+        dialog: {
+            flexDirection: 'row',
+            height: '560px',
+
+            '@media (min-width: 608px) and (max-width: 712px)': {
+                width: '560px'
+            },
+
+            [`@media (max-width: ${MOBILE_BREAKPOINT}px)`]: {
+                width: '100%',
+                position: 'absolute',
+                top: 0,
+                left: 0,
+                bottom: 0
+            },
+
+            '@media (max-width: 448px)': {
+                height: '100%'
+            }
+        },
+
+        sidebar: {
+            display: 'flex',
+            flexDirection: 'column',
+            minWidth: '211px',
+            maxWidth: '100%',
+            borderRight: `1px solid ${theme.palette.ui03}`,
+
+            [`@media (max-width: ${MOBILE_BREAKPOINT}px)`]: {
+                width: '100%',
+                borderRight: 'none'
+            }
+        },
+
+        menuItemMobile: {
+            paddingLeft: '24px'
+        },
+
+        titleContainer: {
+            margin: 0,
+            padding: '24px',
+            paddingRight: 0,
+            display: 'flex',
+            flexDirection: 'row',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+
+            [`@media (max-width: ${MOBILE_BREAKPOINT}px)`]: {
+                padding: '16px 24px'
+            }
+        },
+
+        title: {
+            ...theme.typography.heading5,
+            color: `${theme.palette.text01} !important`,
+            margin: 0,
+            padding: 0
+        },
+
+        contentContainer: {
+            position: 'relative',
+            display: 'flex',
+            padding: '24px',
+            flexDirection: 'column',
+            overflow: 'hidden',
+            width: '100%',
+
+            [`@media (max-width: ${MOBILE_BREAKPOINT}px)`]: {
+                padding: '0'
+            }
+        },
+
+        buttonContainer: {
+            width: '100%',
+            boxSizing: 'border-box',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'flex-end',
+            flexGrow: 0,
+
+            [`@media (max-width: ${MOBILE_BREAKPOINT}px)`]: {
+                justifyContent: 'space-between',
+                padding: '16px 24px'
+            }
+        },
+
+        backContainer: {
+            display: 'flex',
+            flexDirection: 'row-reverse',
+            alignItems: 'center',
+
+            '& > button': {
+                marginRight: '24px'
+            }
+        },
+
+        content: {
+            flexGrow: 1,
+            overflowY: 'auto',
+            width: '100%',
+            boxSizing: 'border-box',
+
+            [`@media (max-width: ${MOBILE_BREAKPOINT}px)`]: {
+                padding: '0 24px'
+            }
+        },
+
+        header: {
+            order: -1,
+            paddingBottom: theme.spacing(4)
+        },
+
+        footer: {
+            justifyContent: 'flex-end',
+            paddingTop: theme.spacing(4),
+
+            '& button:last-child': {
+                marginLeft: '16px'
+            }
+        }
+    };
+});
+
+interface IObject {
+    [key: string]: unknown;
+}
+
+export interface IDialogTab<P> {
+    cancel?: Function;
+    className?: string;
+    component: ComponentType<any>;
+    icon: Function;
+    labelKey: string;
+    name: string;
+    props?: IObject;
+    propsUpdateFunction?: (tabState: IObject, newProps: P, tabStates?: (IObject | undefined)[]) => P;
+    submit?: Function;
+}
+
+interface IProps extends IBaseProps {
+    defaultTab?: string;
+    tabs: IDialogTab<any>[];
+}
+
+const DialogWithTabs = ({
+    className,
+    defaultTab,
+    titleKey,
+    tabs
+}: IProps) => {
+    const { classes, cx } = useStyles();
+    const dispatch = useDispatch();
+    const { t } = useTranslation();
+    const [ selectedTab, setSelectedTab ] = useState<string | undefined>(defaultTab ?? tabs[0].name);
+    const [ userSelected, setUserSelected ] = useState(false);
+    const [ tabStates, setTabStates ] = useState(tabs.map(tab => tab.props));
+    const videoSpaceWidth = useSelector((state: IReduxState) => state['features/base/responsive-ui'].videoSpaceWidth);
+    const [ isMobile, setIsMobile ] = useState(false);
+
+    useEffect(() => {
+        if (videoSpaceWidth <= MOBILE_BREAKPOINT) {
+            !isMobile && setIsMobile(true);
+        } else {
+            isMobile && setIsMobile(false);
+        }
+    }, [ videoSpaceWidth, isMobile ]);
+
+    useEffect(() => {
+        if (isMobile) {
+            setSelectedTab(defaultTab);
+        } else {
+            setSelectedTab(defaultTab ?? tabs[0].name);
+        }
+    }, [ isMobile ]);
+
+    const onUserSelection = useCallback((tabName?: string) => {
+        setUserSelected(true);
+        setSelectedTab(tabName);
+    }, []);
+
+    const back = useCallback(() => {
+        onUserSelection(undefined);
+    }, []);
+
+
+    // the userSelected state is used to prevent setting focus when the user
+    // didn't actually interact (for the first rendering for example)
+    useEffect(() => {
+        if (userSelected) {
+            document.querySelector<HTMLElement>(isMobile
+                ? `.${classes.title}`
+                : `#${`dialogtab-button-${selectedTab}`}`
+            )?.focus();
+            setUserSelected(false);
+        }
+    }, [ isMobile, userSelected, selectedTab ]);
+
+    const onClose = useCallback((isCancel = true) => {
+        if (isCancel) {
+            tabs.forEach(({ cancel }) => {
+                cancel && dispatch(cancel());
+            });
+        }
+        dispatch(hideDialog());
+    }, []);
+
+    const onClick = useCallback((tabName: string) => () => {
+        onUserSelection(tabName);
+    }, []);
+
+    const onTabKeyDown = useCallback((index: number) => (event: React.KeyboardEvent<HTMLDivElement>) => {
+        let newTab: IDialogTab<any> | null = null;
+
+        if (event.key === 'ArrowUp') {
+            newTab = index === 0 ? tabs[tabs.length - 1] : tabs[index - 1];
+        }
+
+        if (event.key === 'ArrowDown') {
+            newTab = index === tabs.length - 1 ? tabs[0] : tabs[index + 1];
+        }
+
+        if (newTab !== null) {
+            onUserSelection(newTab.name);
+        }
+    }, [ tabs.length ]);
+
+    const onMobileKeyDown = useCallback((tabName: string) => (event: React.KeyboardEvent<HTMLDivElement>) => {
+        if (event.key === ' ' || event.key === 'Enter') {
+            onUserSelection(tabName);
+        }
+    }, [ classes.contentContainer ]);
+
+    const getTabProps = (tabId: number) => {
+        const tabConfiguration = tabs[tabId];
+        const currentTabState = tabStates[tabId];
+
+        if (tabConfiguration.propsUpdateFunction) {
+            return tabConfiguration.propsUpdateFunction(
+                currentTabState ?? {},
+                tabConfiguration.props ?? {},
+                tabStates);
+        }
+
+        return { ...currentTabState };
+    };
+
+    const onTabStateChange = useCallback((tabId: number, state: IObject) => {
+        const newTabStates = [ ...tabStates ];
+
+        newTabStates[tabId] = state;
+        setTabStates(newTabStates);
+    }, [ tabStates ]);
+
+    const onSubmit = useCallback(() => {
+        tabs.forEach(({ submit }, idx) => {
+            submit?.(tabStates[idx]);
+        });
+        onClose(false);
+    }, [ tabs, tabStates ]);
+
+    const selectedTabIndex = useMemo(() => {
+        if (selectedTab) {
+            return tabs.findIndex(tab => tab.name === selectedTab);
+        }
+
+        return null;
+    }, [ selectedTab ]);
+
+    const selectedTabComponent = useMemo(() => {
+        if (selectedTabIndex !== null) {
+            const TabComponent = tabs[selectedTabIndex].component;
+
+            return (
+                <div
+                    className = { tabs[selectedTabIndex].className }
+                    key = { tabs[selectedTabIndex].name }>
+                    <TabComponent
+                        onTabStateChange = { onTabStateChange }
+                        tabId = { selectedTabIndex }
+                        { ...getTabProps(selectedTabIndex) } />
+                </div>
+            );
+        }
+
+        return null;
+    }, [ selectedTabIndex, tabStates ]);
+
+    const closeIcon = useMemo(() => (
+        <ClickableIcon
+            accessibilityLabel = { t('dialog.accessibilityLabel.close') }
+            icon = { IconCloseLarge }
+            id = 'modal-header-close-button'
+            onClick = { onClose } />
+    ), [ onClose ]);
+
+    return (
+        <BaseDialog
+            className = { cx(classes.dialog, className) }
+            onClose = { onClose }
+            size = 'large'
+            titleKey = { titleKey }>
+            {(!isMobile || !selectedTab) && (
+                <div
+                    aria-orientation = 'vertical'
+                    className = { classes.sidebar }
+                    role = { isMobile ? undefined : 'tablist' }>
+                    <div className = { classes.titleContainer }>
+                        <h1
+                            className = { classes.title }
+                            tabIndex = { -1 }>
+                            {t(titleKey ?? '')}
+                        </h1>
+                        {isMobile && closeIcon}
+                    </div>
+                    {tabs.map((tab, index) => {
+                        const label = t(tab.labelKey);
+
+                        /**
+                         * When not on mobile, the items behave as tabs,
+                         * that's why we set `controls`, `role` and `selected` attributes
+                         * only when not on mobile, they are useful only for the tab behavior.
+                         */
+                        return (
+                            <ContextMenuItem
+                                accessibilityLabel = { label }
+                                className = { cx(isMobile && classes.menuItemMobile) }
+                                controls = { isMobile ? undefined : `dialogtab-content-${tab.name}` }
+                                icon = { tab.icon }
+                                id = { `dialogtab-button-${tab.name}` }
+                                key = { tab.name }
+                                onClick = { onClick(tab.name) }
+                                onKeyDown = { isMobile ? onMobileKeyDown(tab.name) : onTabKeyDown(index) }
+                                role = { isMobile ? undefined : 'tab' }
+                                selected = { tab.name === selectedTab }
+                                text = { label } />
+                        );
+                    })}
+                </div>
+            )}
+            {(!isMobile || selectedTab) && (
+                <div
+                    className = { classes.contentContainer }
+                    tabIndex = { isMobile ? -1 : undefined }>
+                    {/* DOM order is important for keyboard users: show whole heading first when on mobile… */}
+                    {isMobile && (
+                        <div className = { cx(classes.buttonContainer, classes.header) }>
+                            <span className = { classes.backContainer }>
+                                <h1
+                                    className = { classes.title }
+                                    tabIndex = { -1 }>
+                                    {(selectedTabIndex !== null) && t(tabs[selectedTabIndex].labelKey)}
+                                </h1>
+                                <ClickableIcon
+                                    accessibilityLabel = { t('dialog.Back') }
+                                    icon = { IconArrowBack }
+                                    id = 'modal-header-back-button'
+                                    onClick = { back } />
+                            </span>
+                            {closeIcon}
+                        </div>
+                    )}
+                    {tabs.map(tab => (
+                        <div
+                            aria-labelledby = { isMobile ? undefined : `${tab.name}-button` }
+                            className = { cx(classes.content, tab.name !== selectedTab && 'hide') }
+                            id = { `dialogtab-content-${tab.name}` }
+                            key = { tab.name }
+                            role = { isMobile ? undefined : 'tabpanel' }
+                            tabIndex = { isMobile ? -1 : 0 }>
+                            { tab.name === selectedTab && selectedTabComponent }
+                        </div>
+                    ))}
+                    {/* But show the close button *after* tab panels when not on mobile (using tabs).
+                    This is so that we can tab back and forth tab buttons and tab panels easily. */}
+                    {!isMobile && (
+                        <div className = { cx(classes.buttonContainer, classes.header) }>
+                            {closeIcon}
+                        </div>
+                    )}
+                    <div
+                        className = { cx(classes.buttonContainer, classes.footer) }>
+                        <Button
+                            accessibilityLabel = { t('dialog.accessibilityLabel.Cancel') }
+                            id = 'modal-dialog-cancel-button'
+                            labelKey = { 'dialog.Cancel' }
+                            onClick = { onClose }
+                            type = 'tertiary' />
+                        <Button
+                            accessibilityLabel = { t('dialog.accessibilityLabel.Ok') }
+                            id = 'modal-dialog-ok-button'
+                            labelKey = { 'dialog.Ok' }
+                            onClick = { onSubmit } />
+                    </div>
+                </div>
+            )}
+        </BaseDialog>
+    );
+};
+
+export default DialogWithTabs;
diff --git a/react/features/base/ui/components/web/HiddenDescription.tsx b/react/features/base/ui/components/web/HiddenDescription.tsx
new file mode 100644
index 0000000..54f8618
--- /dev/null
+++ b/react/features/base/ui/components/web/HiddenDescription.tsx
@@ -0,0 +1,29 @@
+import React from 'react';
+
+interface IHiddenDescriptionProps {
+    children: React.ReactNode;
+    id: string;
+}
+
+export const HiddenDescription: React.FC<IHiddenDescriptionProps> = ({ id, children }) => {
+    const hiddenStyle: React.CSSProperties = {
+        border: 0,
+        clip: 'rect(0 0 0 0)',
+        clipPath: 'inset(50%)',
+        height: '1px',
+        margin: '-1px',
+        overflow: 'hidden',
+        padding: 0,
+        position: 'absolute',
+        width: '1px',
+        whiteSpace: 'nowrap'
+    };
+
+    return (
+        <span
+            id = { id }
+            style = { hiddenStyle }>
+            {children}
+        </span>
+    );
+};
diff --git a/react/features/base/ui/components/web/Input.tsx b/react/features/base/ui/components/web/Input.tsx
new file mode 100644
index 0000000..c07f87d
--- /dev/null
+++ b/react/features/base/ui/components/web/Input.tsx
@@ -0,0 +1,290 @@
+import React, { useCallback } from 'react';
+import TextareaAutosize from 'react-textarea-autosize';
+import { makeStyles } from 'tss-react/mui';
+
+import { isMobileBrowser } from '../../../environment/utils';
+import Icon from '../../../icons/components/Icon';
+import { IconCloseCircle } from '../../../icons/svg';
+import { IInputProps } from '../types';
+
+import { HiddenDescription } from './HiddenDescription';
+
+interface IProps extends IInputProps {
+    accessibilityLabel?: string;
+    autoComplete?: string;
+    autoFocus?: boolean;
+    bottomLabel?: string;
+    className?: string;
+    hiddenDescription?: string; // Text that will be announced by screen readers but not displayed visually.
+    iconClick?: () => void;
+
+    /**
+     * The id to set on the input element.
+     * This is required because we need it internally to tie the input to its
+     * info (label, error) so that screen reader users don't get lost.
+     */
+    id: string;
+    maxLength?: number;
+    maxRows?: number;
+    maxValue?: number;
+    minRows?: number;
+    minValue?: number;
+    mode?: 'text' | 'none' | 'decimal' | 'numeric' | 'tel' | 'search' | ' email' | 'url';
+    name?: string;
+    onBlur?: (e: any) => void;
+    onFocus?: (event: React.FocusEvent) => void;
+    onKeyPress?: (e: React.KeyboardEvent) => void;
+    readOnly?: boolean;
+    required?: boolean;
+    testId?: string;
+    textarea?: boolean;
+    type?: 'text' | 'email' | 'number' | 'password';
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        inputContainer: {
+            display: 'flex',
+            flexDirection: 'column'
+        },
+
+        label: {
+            color: theme.palette.text01,
+            ...theme.typography.bodyShortRegular,
+            marginBottom: theme.spacing(2),
+
+            '&.is-mobile': {
+                ...theme.typography.bodyShortRegularLarge
+            }
+        },
+
+        fieldContainer: {
+            position: 'relative',
+            display: 'flex'
+        },
+
+        input: {
+            backgroundColor: theme.palette.ui03,
+            background: theme.palette.ui03,
+            color: theme.palette.text01,
+            ...theme.typography.bodyShortRegular,
+            padding: '10px 16px',
+            borderRadius: theme.shape.borderRadius,
+            border: 0,
+            height: '40px',
+            boxSizing: 'border-box',
+            width: '100%',
+
+            '&::placeholder': {
+                color: theme.palette.text02
+            },
+
+            '&:focus': {
+                outline: 0,
+                boxShadow: `0px 0px 0px 2px ${theme.palette.focus01}`
+            },
+
+            '&:disabled': {
+                color: theme.palette.text03
+            },
+
+            '&.is-mobile': {
+                height: '48px',
+                padding: '13px 16px',
+                ...theme.typography.bodyShortRegularLarge
+            },
+
+            '&.icon-input': {
+                paddingLeft: '46px'
+            },
+
+            '&.error': {
+                boxShadow: `0px 0px 0px 2px ${theme.palette.textError}`
+            },
+            '&.clearable-input': {
+                paddingRight: '46px'
+            }
+        },
+
+        'input::-webkit-outer-spin-button, input::-webkit-inner-spin-button': {
+            '-webkit-appearance': 'none',
+            margin: 0
+        },
+
+        'input[type=number]': {
+            '-moz-appearance': 'textfield'
+        },
+
+        icon: {
+            position: 'absolute',
+            top: '50%',
+            transform: 'translateY(-50%)',
+            left: '16px'
+        },
+
+        iconClickable: {
+            cursor: 'pointer'
+        },
+
+        clearButton: {
+            position: 'absolute',
+            right: '16px',
+            top: '10px',
+            cursor: 'pointer',
+            backgroundColor: theme.palette.action03,
+            border: 0,
+            padding: 0
+        },
+
+        bottomLabel: {
+            marginTop: theme.spacing(2),
+            ...theme.typography.labelRegular,
+            color: theme.palette.text02,
+
+            '&.is-mobile': {
+                ...theme.typography.bodyShortRegular
+            },
+
+            '&.error': {
+                color: theme.palette.textError
+            }
+        }
+    };
+});
+
+const Input = React.forwardRef<any, IProps>(({
+    accessibilityLabel,
+    autoComplete = 'off',
+    autoFocus,
+    bottomLabel,
+    className,
+    clearable = false,
+    disabled,
+    error,
+    hiddenDescription,
+    icon,
+    iconClick,
+    id,
+    label,
+    maxValue,
+    maxLength,
+    maxRows,
+    minValue,
+    minRows,
+    mode,
+    name,
+    onBlur,
+    onChange,
+    onFocus,
+    onKeyPress,
+    placeholder,
+    readOnly = false,
+    required,
+    testId,
+    textarea = false,
+    type = 'text',
+    value
+}: IProps, ref) => {
+    const { classes: styles, cx } = useStyles();
+    const isMobile = isMobileBrowser();
+    const showClearIcon = clearable && value !== '' && !disabled;
+    const inputAutoCompleteOff = autoComplete === 'off' ? { 'data-1p-ignore': '' } : {};
+
+    const handleChange = useCallback((e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) =>
+        onChange?.(e.target.value), []);
+
+    const clearInput = useCallback(() => onChange?.(''), []);
+    const hiddenDescriptionId = `${id}-hidden-description`;
+    let ariaDescribedById: string | undefined;
+
+    if (bottomLabel) {
+        ariaDescribedById = `${id}-description`;
+    } else if (hiddenDescription) {
+        ariaDescribedById = hiddenDescriptionId;
+    } else {
+        ariaDescribedById = undefined;
+    }
+
+    return (
+        <div className = { cx(styles.inputContainer, className) }>
+            {label && <label
+                className = { cx(styles.label, isMobile && 'is-mobile') }
+                htmlFor = { id } >
+                {label}
+            </label>}
+            <div className = { styles.fieldContainer }>
+                {icon && <Icon
+                    { ...(iconClick ? { tabIndex: 0 } : {}) }
+                    className = { cx(styles.icon, iconClick && styles.iconClickable) }
+                    onClick = { iconClick }
+                    size = { 20 }
+                    src = { icon } />}
+                {textarea ? (
+                    <TextareaAutosize
+                        aria-describedby = { ariaDescribedById }
+                        aria-label = { accessibilityLabel }
+                        autoComplete = { autoComplete }
+                        autoFocus = { autoFocus }
+                        className = { cx(styles.input, isMobile && 'is-mobile',
+                            error && 'error', showClearIcon && 'clearable-input', icon && 'icon-input') }
+                        disabled = { disabled }
+                        id = { id }
+                        maxLength = { maxLength }
+                        maxRows = { maxRows }
+                        minRows = { minRows }
+                        name = { name }
+                        onChange = { handleChange }
+                        onKeyPress = { onKeyPress }
+                        placeholder = { placeholder }
+                        readOnly = { readOnly }
+                        ref = { ref }
+                        required = { required }
+                        value = { value } />
+                ) : (
+                    <input
+                        aria-describedby = { ariaDescribedById }
+                        aria-label = { accessibilityLabel }
+                        autoComplete = { autoComplete }
+                        autoFocus = { autoFocus }
+                        className = { cx(styles.input, isMobile && 'is-mobile',
+                            error && 'error', showClearIcon && 'clearable-input', icon && 'icon-input') }
+                        data-testid = { testId }
+                        disabled = { disabled }
+                        id = { id }
+                        { ...inputAutoCompleteOff }
+                        { ...(mode ? { inputmode: mode } : {}) }
+                        { ...(type === 'number' ? { max: maxValue } : {}) }
+                        maxLength = { maxLength }
+                        { ...(type === 'number' ? { min: minValue } : {}) }
+                        name = { name }
+                        onBlur = { onBlur }
+                        onChange = { handleChange }
+                        onFocus = { onFocus }
+                        onKeyPress = { onKeyPress }
+                        placeholder = { placeholder }
+                        readOnly = { readOnly }
+                        ref = { ref }
+                        required = { required }
+                        type = { type }
+                        value = { value } />
+                )}
+                {showClearIcon && <button className = { styles.clearButton }>
+                    <Icon
+                        onClick = { clearInput }
+                        size = { 20 }
+                        src = { IconCloseCircle } />
+                </button>}
+            </div>
+            {bottomLabel && (
+                <span
+                    className = { cx(styles.bottomLabel, isMobile && 'is-mobile', error && 'error') }
+                    id = { `${id}-description` }>
+                    {bottomLabel}
+                </span>
+            )}
+            {!bottomLabel && hiddenDescription && <HiddenDescription id = { hiddenDescriptionId }>{ hiddenDescription }</HiddenDescription>}
+        </div>
+    );
+});
+
+export default Input;
diff --git a/react/features/base/ui/components/web/ListItem.tsx b/react/features/base/ui/components/web/ListItem.tsx
new file mode 100644
index 0000000..9506371
--- /dev/null
+++ b/react/features/base/ui/components/web/ListItem.tsx
@@ -0,0 +1,294 @@
+import React, { ReactNode } from 'react';
+import { makeStyles } from 'tss-react/mui';
+
+import { ACTION_TRIGGER } from '../../../../participants-pane/constants';
+import participantsPaneTheme from '../../../components/themes/participantsPaneTheme.json';
+import { isMobileBrowser } from '../../../environment/utils';
+
+interface IProps {
+
+    /**
+     * List item actions.
+     */
+    actions: ReactNode;
+
+    /**
+     * List item container class name.
+     */
+    className?: string;
+
+    /**
+    * The breakout name for aria-label.
+    */
+    defaultName?: string;
+
+    /**
+     * Whether or not the actions should be hidden.
+     */
+    hideActions?: boolean;
+
+    /**
+     * Icon to be displayed on the list item. (Avatar for participants).
+     */
+    icon: ReactNode;
+
+    /**
+     * Id of the container.
+     */
+    id?: string;
+
+    /**
+     * Indicators to be displayed on the list item.
+     */
+    indicators?: ReactNode;
+
+    /**
+     * Whether or not the item is highlighted.
+     */
+    isHighlighted?: boolean;
+
+    /**
+     * Click handler.
+     */
+    onClick?: (e?: React.MouseEvent) => void;
+
+    /**
+     * Long press handler.
+     */
+    onLongPress?: (e?: EventTarget) => void;
+
+    /**
+     * Mouse leave handler.
+     */
+    onMouseLeave?: (e?: React.MouseEvent) => void;
+
+    /**
+     * Data test id.
+     */
+    testId?: string;
+
+    /**
+     * Text children to be displayed on the list item.
+     */
+    textChildren: ReactNode | string;
+
+    /**
+     * The actions trigger. Can be Hover or Permanent.
+     */
+    trigger: string;
+
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        container: {
+            alignItems: 'center',
+            color: theme.palette.text01,
+            display: 'flex',
+            ...theme.typography.bodyShortBold,
+            margin: `0 -${participantsPaneTheme.panePadding}px`,
+            padding: `${theme.spacing(2)} ${participantsPaneTheme.panePadding}px`,
+            position: 'relative',
+            boxShadow: 'inset 0px -1px 0px rgba(255, 255, 255, 0.15)',
+            minHeight: '40px',
+
+            '&:hover, &:focus-within': {
+                backgroundColor: theme.palette.ui02,
+
+                '& .indicators': {
+                    display: 'none'
+                },
+
+                '& .actions': {
+                    display: 'flex',
+                    position: 'relative',
+                    top: 'auto',
+                    boxShadow: `-15px 0px 10px -5px ${theme.palette.ui02}`,
+                    backgroundColor: theme.palette.ui02
+                }
+            },
+
+            [`@media(max-width: ${participantsPaneTheme.MD_BREAKPOINT})`]: {
+                ...theme.typography.bodyShortBoldLarge,
+                padding: `${theme.spacing(3)} ${participantsPaneTheme.panePadding}px`
+            }
+        },
+
+        highlighted: {
+            backgroundColor: theme.palette.ui02,
+
+            '& .actions': {
+                display: 'flex',
+                position: 'relative',
+                top: 'auto',
+                boxShadow: `-15px 0px 10px -5px ${theme.palette.ui02}`,
+                backgroundColor: theme.palette.ui02
+            }
+        },
+
+        detailsContainer: {
+            display: 'flex',
+            alignItems: 'center',
+            flex: 1,
+            height: '100%',
+            overflow: 'hidden',
+            position: 'relative'
+        },
+
+        name: {
+            display: 'flex',
+            flex: 1,
+            marginRight: theme.spacing(2),
+            overflow: 'hidden',
+            flexDirection: 'column',
+            justifyContent: 'flex-start'
+        },
+
+        indicators: {
+            display: 'flex',
+            justifyContent: 'flex-end',
+
+            '& > *': {
+                alignItems: 'center',
+                display: 'flex',
+                justifyContent: 'center'
+            },
+
+            '& > *:not(:last-child)': {
+                marginRight: theme.spacing(2)
+            },
+
+            '& .jitsi-icon': {
+                padding: '3px'
+            }
+        },
+
+        indicatorsHidden: {
+            display: 'none'
+        },
+
+        actionsContainer: {
+            position: 'absolute',
+            top: '-1000px',
+            boxShadow: `-15px 0px 10px -5px ${theme.palette.ui02}`,
+            backgroundColor: theme.palette.ui02
+        },
+
+        actionsPermanent: {
+            display: 'flex',
+            boxShadow: `-15px 0px 10px -5px ${theme.palette.ui01}`,
+            backgroundColor: theme.palette.ui01
+        },
+
+        actionsVisible: {
+            display: 'flex',
+            boxShadow: `-15px 0px 10px -5px ${theme.palette.ui02}`,
+            backgroundColor: theme.palette.ui02
+        }
+    };
+});
+
+const ListItem = ({
+    actions,
+    className,
+    defaultName,
+    icon,
+    id,
+    hideActions = false,
+    indicators,
+    isHighlighted,
+    onClick,
+    onLongPress,
+    onMouseLeave,
+    testId,
+    textChildren,
+    trigger
+}: IProps) => {
+    const { classes, cx } = useStyles();
+    const isMobile = isMobileBrowser();
+    let timeoutHandler: number;
+
+    /**
+     * Set calling long press handler after x milliseconds.
+     *
+     * @param {TouchEvent} e - Touch start event.
+     * @returns {void}
+     */
+    function _onTouchStart(e: React.TouchEvent) {
+        const target = e.touches[0].target;
+
+        timeoutHandler = window.setTimeout(() => onLongPress?.(target), 600);
+    }
+
+    /**
+     * Cancel calling on long press after x milliseconds if the number of milliseconds is not reached
+     * before a touch move(drag), or just clears the timeout.
+     *
+     * @returns {void}
+     */
+    function _onTouchMove() {
+        clearTimeout(timeoutHandler);
+    }
+
+    /**
+     * Cancel calling on long press after x milliseconds if the number of milliseconds is not reached yet,
+     * or just clears the timeout.
+     *
+     * @returns {void}
+     */
+    function _onTouchEnd() {
+        clearTimeout(timeoutHandler);
+    }
+
+    return (
+        <div
+            aria-label = { defaultName }
+            className = { cx('list-item-container',
+                classes.container,
+                isHighlighted && classes.highlighted,
+                className
+            ) }
+            data-testid = { testId }
+            id = { id }
+            onClick = { onClick }
+            role = 'listitem'
+            { ...(isMobile
+                ? {
+                    onTouchEnd: _onTouchEnd,
+                    onTouchMove: _onTouchMove,
+                    onTouchStart: _onTouchStart
+                }
+                : {
+                    onMouseLeave
+                }
+            ) }>
+            <div> {icon} </div>
+            <div className = { classes.detailsContainer }>
+                <div className = { classes.name }>
+                    {textChildren}
+                </div>
+                {indicators && (
+                    <div
+                        className = { cx('indicators',
+                            classes.indicators,
+                            (isHighlighted || trigger === ACTION_TRIGGER.PERMANENT) && classes.indicatorsHidden
+                        ) }>
+                        {indicators}
+                    </div>
+                )}
+                {!hideActions && (
+                    <div
+                        className = { cx('actions',
+                            classes.actionsContainer,
+                            trigger === ACTION_TRIGGER.PERMANENT && classes.actionsPermanent,
+                            isHighlighted && classes.actionsVisible
+                        ) }>
+                        {actions}
+                    </div>
+                )}
+            </div>
+        </div>
+    );
+};
+
+export default ListItem;
diff --git a/react/features/base/ui/components/web/MultiSelect.tsx b/react/features/base/ui/components/web/MultiSelect.tsx
new file mode 100644
index 0000000..667e1eb
--- /dev/null
+++ b/react/features/base/ui/components/web/MultiSelect.tsx
@@ -0,0 +1,179 @@
+import React, { useCallback, useMemo, useRef } from 'react';
+import { makeStyles } from 'tss-react/mui';
+
+import { IconCloseLarge } from '../../../icons/svg';
+import { MultiSelectItem } from '../types';
+
+import ClickableIcon from './ClickableIcon';
+import Input from './Input';
+
+interface IProps {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    error?: boolean;
+    errorDialog?: JSX.Element | null;
+    filterValue?: string;
+    id: string;
+    isOpen?: boolean;
+    items: MultiSelectItem[];
+    noMatchesText?: string;
+    onFilterChange?: (value: string) => void;
+    onRemoved: (item: any) => void;
+    onSelected: (item: any) => void;
+    placeholder?: string;
+    selectedItems?: MultiSelectItem[];
+}
+
+const MULTI_SELECT_HEIGHT = 200;
+
+const useStyles = makeStyles()(theme => {
+    return {
+        container: {
+            position: 'relative'
+        },
+        items: {
+            '&.found': {
+                position: 'absolute',
+                boxShadow: '0px 5px 10px rgba(0, 0, 0, 0.75)'
+            },
+            marginTop: theme.spacing(2),
+            width: '100%',
+            backgroundColor: theme.palette.ui01,
+            border: `1px solid ${theme.palette.ui04}`,
+            borderRadius: `${Number(theme.shape.borderRadius)}px`,
+            ...theme.typography.bodyShortRegular,
+            zIndex: 2,
+            maxHeight: `${MULTI_SELECT_HEIGHT}px`,
+            overflowY: 'auto',
+            padding: '0'
+        },
+        listItem: {
+            boxSizing: 'border-box',
+            display: 'flex',
+            padding: `${theme.spacing(2)} ${theme.spacing(3)}`,
+            alignItems: 'center',
+            '& .content': {
+                // 38px because of the icon before the content
+                inlineSize: 'calc(100% - 38px)',
+                overflowWrap: 'break-word',
+                marginLeft: theme.spacing(2),
+                color: theme.palette.text01,
+                '&.with-remove': {
+                    // 60px because of the icon before the content and the remove button
+                    inlineSize: 'calc(100% - 60px)',
+                    marginRight: theme.spacing(2),
+                    '&.without-before': {
+                        marginLeft: 0,
+                        inlineSize: 'calc(100% - 38px)'
+                    }
+                },
+                '&.without-before': {
+                    marginLeft: 0,
+                    inlineSize: '100%'
+                }
+            },
+            '&.found': {
+                cursor: 'pointer',
+                padding: `10px ${theme.spacing(3)}`,
+                '&:hover': {
+                    backgroundColor: theme.palette.ui02
+                }
+            },
+            '&.disabled': {
+                cursor: 'not-allowed',
+                '&:hover': {
+                    backgroundColor: theme.palette.ui01
+                },
+                color: theme.palette.text03
+            }
+        },
+        errorMessage: {
+            position: 'absolute',
+            marginTop: theme.spacing(2),
+            width: '100%'
+        }
+    };
+});
+
+const MultiSelect = ({
+    autoFocus,
+    disabled,
+    error,
+    errorDialog,
+    placeholder,
+    id,
+    items,
+    filterValue,
+    onFilterChange,
+    isOpen,
+    noMatchesText,
+    onSelected,
+    selectedItems,
+    onRemoved
+}: IProps) => {
+    const { classes } = useStyles();
+    const inputRef = useRef();
+    const selectItem = useCallback(item => () => onSelected(item), [ onSelected ]);
+    const removeItem = useCallback(item => () => onRemoved(item), [ onRemoved ]);
+    const foundItems = useMemo(() => (
+        <div className = { `${classes.items} found` }>
+            {
+                items.length > 0
+                    ? items.map(item => (
+                        <div
+                            className = { `${classes.listItem} ${item.isDisabled ? 'disabled' : ''} found` }
+                            key = { item.value }
+                            onClick = { item.isDisabled ? undefined : selectItem(item) }>
+                            {item.elemBefore}
+                            <div className = { `content ${item.elemBefore ? '' : 'without-before'}` }>
+                                {item.content}
+                                {item.description && <p>{item.description}</p>}
+                            </div>
+                        </div>
+                    ))
+                    : <div className = { classes.listItem }>{noMatchesText}</div>
+            }
+        </div>
+    ), [ items ]);
+
+    const errorMessageDialog = useMemo(() =>
+        error && <div className = { classes.errorMessage }>
+            { errorDialog }
+        </div>, [ error ]);
+
+    return (
+        <div className = { classes.container }>
+            <Input
+                autoFocus = { autoFocus }
+                disabled = { disabled }
+                id = { id }
+                onChange = { onFilterChange }
+                placeholder = { placeholder }
+                ref = { inputRef }
+                value = { filterValue ?? '' } />
+            {isOpen && foundItems}
+            { errorMessageDialog }
+            { selectedItems && selectedItems?.length > 0 && (
+                <div className = { classes.items }>
+                    { selectedItems.map(item => (
+                        <div
+                            className = { `${classes.listItem} ${item.isDisabled ? 'disabled' : ''}` }
+                            key = { item.value }>
+                            {item.elemBefore}
+                            <div className = { `content with-remove ${item.elemBefore ? '' : 'without-before'}` }>
+                                <p>{item.content}</p>
+                            </div>
+                            <ClickableIcon
+                                accessibilityLabel = { 'multi-select-unselect' }
+                                icon = { IconCloseLarge }
+                                id = 'modal-header-close-button'
+                                onClick = { removeItem(item) } />
+                        </div>
+                    ))}
+                </div>
+            )}
+        </div>
+    );
+};
+
+export default MultiSelect;
diff --git a/react/features/base/ui/components/web/Select.tsx b/react/features/base/ui/components/web/Select.tsx
new file mode 100644
index 0000000..7a2f1c4
--- /dev/null
+++ b/react/features/base/ui/components/web/Select.tsx
@@ -0,0 +1,198 @@
+import React, { ChangeEvent } from 'react';
+import { makeStyles } from 'tss-react/mui';
+
+import { isMobileBrowser } from '../../../environment/utils';
+import Icon from '../../../icons/components/Icon';
+import { IconArrowDown } from '../../../icons/svg';
+
+interface ISelectProps {
+
+    /**
+     * Helper text to be displayed below the select.
+     */
+    bottomLabel?: string;
+
+    /**
+     * Class name for additional styles.
+     */
+    className?: string;
+
+    /**
+     * Class name for additional styles for container.
+     */
+    containerClassName?: string;
+
+    /**
+     * Whether or not the select is disabled.
+     */
+    disabled?: boolean;
+
+    /**
+     * Whether or not the select is in the error state.
+     */
+    error?: boolean;
+
+    /**
+     * Id of the <select> element.
+     * Necessary for screen reader users, to link the label and error to the select.
+     */
+    id: string;
+
+    /**
+     * Label to be displayed above the select.
+     */
+    label?: string;
+
+    /**
+     * Change handler.
+     */
+    onChange: (e: ChangeEvent<HTMLSelectElement>) => void;
+
+    /**
+     * The options of the select.
+     */
+    options: Array<{
+        label: string;
+        value: number | string;
+    }>;
+
+    /**
+     * The value of the select.
+     */
+    value: number | string;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        container: {
+            display: 'flex',
+            flexDirection: 'column'
+        },
+
+        label: {
+            color: theme.palette.text01,
+            ...theme.typography.bodyShortRegular,
+            marginBottom: theme.spacing(2),
+
+            '&.is-mobile': {
+                ...theme.typography.bodyShortRegularLarge
+            }
+        },
+
+        selectContainer: {
+            position: 'relative'
+        },
+
+        select: {
+            backgroundColor: theme.palette.ui03,
+            borderRadius: `${theme.shape.borderRadius}px`,
+            width: '100%',
+            ...theme.typography.bodyShortRegular,
+            color: theme.palette.text01,
+            padding: '10px 16px',
+            paddingRight: '42px',
+            border: 0,
+            appearance: 'none',
+            overflow: 'hidden',
+            whiteSpace: 'nowrap',
+            textOverflow: 'ellipsis',
+
+            '&:focus': {
+                outline: 0,
+                boxShadow: `0px 0px 0px 2px ${theme.palette.focus01}`
+            },
+
+            '&:disabled': {
+                color: theme.palette.text03
+            },
+
+            '&.is-mobile': {
+                ...theme.typography.bodyShortRegularLarge,
+                padding: '12px 16px',
+                paddingRight: '46px'
+            },
+
+            '&.error': {
+                boxShadow: `0px 0px 0px 2px ${theme.palette.textError}`
+            }
+        },
+
+        icon: {
+            position: 'absolute',
+            top: '8px',
+            right: '8px',
+            pointerEvents: 'none',
+
+            '&.is-mobile': {
+                top: '12px',
+                right: '12px'
+            }
+        },
+
+        bottomLabel: {
+            marginTop: theme.spacing(2),
+            ...theme.typography.labelRegular,
+            color: theme.palette.text02,
+
+            '&.is-mobile': {
+                ...theme.typography.bodyShortRegular
+            },
+
+            '&.error': {
+                color: theme.palette.textError
+            }
+        }
+    };
+});
+
+const Select = ({
+    bottomLabel,
+    containerClassName,
+    className,
+    disabled,
+    error,
+    id,
+    label,
+    onChange,
+    options,
+    value }: ISelectProps) => {
+    const { classes, cx, theme } = useStyles();
+    const isMobile = isMobileBrowser();
+
+    return (
+        <div className = { cx(classes.container, containerClassName) }>
+            {label && <label
+                className = { cx(classes.label, isMobile && 'is-mobile') }
+                htmlFor = { id } >
+                {label}
+            </label>}
+            <div className = { classes.selectContainer }>
+                <select
+                    aria-describedby = { bottomLabel ? `${id}-description` : undefined }
+                    className = { cx(classes.select, isMobile && 'is-mobile', className, error && 'error') }
+                    disabled = { disabled }
+                    id = { id }
+                    onChange = { onChange }
+                    value = { value }>
+                    {options.map(option => (<option
+                        key = { option.value }
+                        value = { option.value }>{option.label}</option>))}
+                </select>
+                <Icon
+                    className = { cx(classes.icon, isMobile && 'is-mobile') }
+                    color = { disabled ? theme.palette.icon03 : theme.palette.icon01 }
+                    size = { 22 }
+                    src = { IconArrowDown } />
+            </div>
+            {bottomLabel && (
+                <span
+                    className = { cx(classes.bottomLabel, isMobile && 'is-mobile', error && 'error') }
+                    id = { `${id}-description` }>
+                    {bottomLabel}
+                </span>
+            )}
+        </div>
+    );
+};
+
+export default Select;
diff --git a/react/features/base/ui/components/web/Spinner.tsx b/react/features/base/ui/components/web/Spinner.tsx
new file mode 100644
index 0000000..6007aa2
--- /dev/null
+++ b/react/features/base/ui/components/web/Spinner.tsx
@@ -0,0 +1,79 @@
+import React from 'react';
+import { keyframes } from 'tss-react';
+import { makeStyles } from 'tss-react/mui';
+
+interface IProps {
+    color?: string;
+    size?: 'small' | 'medium' | 'large';
+}
+
+const SIZE = {
+    small: 16,
+    medium: 24,
+    large: 48
+};
+
+const DEFAULT_COLOR = '#E6EDFA';
+
+const useStyles = makeStyles<{ color?: string; }>()((_, { color }) => {
+    return {
+        container: {
+            verticalAlign: 'middle',
+            opacity: 0,
+            animation: `${keyframes`
+                0% {
+                    transform: rotate(50deg);
+                    opacity: 0;
+                    stroke-dashoffset: 60;
+                }
+                100% {
+                    transform: rotate(230deg);
+                    opacity: 1;
+                    stroke-dashoffset: 50;
+                }
+            `} 1s forwards ease-in-out`
+        },
+
+        circle: {
+            fill: 'none',
+            stroke: color,
+            strokeWidth: 1.5,
+            strokeLinecap: 'round',
+            strokeDasharray: 60,
+            strokeDashoffset: 'inherit',
+            transformOrigin: 'center',
+            animation: `${keyframes`
+                0% {
+                    transform: rotate(0);
+                }
+                100% {
+                    transform: rotate(360deg);
+                }
+            `} 0.86s forwards infinite`,
+            animationDelay: '0ms',
+            animationTimingFunction: 'cubic-bezier(0.4, 0.15, 0.6, 0.85)'
+        }
+    };
+});
+
+const Spinner = ({ color = DEFAULT_COLOR, size = 'medium' }: IProps) => {
+    const { classes } = useStyles({ color });
+
+    return (
+        <svg
+            className = { classes.container }
+            focusable = 'false'
+            height = { SIZE[size] }
+            viewBox = '0 0 16 16'
+            width = { SIZE[size] }
+            xmlns = 'http://www.w3.org/2000/svg'>
+            <circle
+                className = { classes.circle }
+                cx = '8'
+                cy = '8'
+                r = '7' />
+        </svg>
+    );
+};
+
+export default Spinner;
diff --git a/react/features/base/ui/components/web/Switch.tsx b/react/features/base/ui/components/web/Switch.tsx
new file mode 100644
index 0000000..0a369e2
--- /dev/null
+++ b/react/features/base/ui/components/web/Switch.tsx
@@ -0,0 +1,138 @@
+import React, { useCallback } from 'react';
+import { makeStyles } from 'tss-react/mui';
+
+import { isMobileBrowser } from '../../../environment/utils';
+import { ISwitchProps } from '../types';
+
+interface IProps extends ISwitchProps {
+
+    className?: string;
+
+    /**
+     * Id of the toggle.
+     */
+    id?: string;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        container: {
+            position: 'relative',
+            backgroundColor: theme.palette.ui05,
+            borderRadius: '12px',
+            width: '40px',
+            height: '24px',
+            border: 0,
+            outline: 0,
+            cursor: 'pointer',
+            transition: '.3s',
+            display: 'inline-block',
+
+            '&.disabled': {
+                backgroundColor: theme.palette.ui05,
+                cursor: 'default',
+
+                '& .toggle': {
+                    backgroundColor: theme.palette.ui03
+                }
+            },
+
+            '&.is-mobile': {
+                height: '32px',
+                width: '50px',
+                borderRadius: '32px'
+            }
+        },
+
+        containerOn: {
+            backgroundColor: theme.palette.action01
+        },
+
+        toggle: {
+            width: '16px',
+            height: '16px',
+            position: 'absolute',
+            zIndex: 5,
+            top: '4px',
+            left: '4px',
+            backgroundColor: theme.palette.ui10,
+            borderRadius: '100%',
+            transition: '.3s',
+
+            '&.is-mobile': {
+                width: '24px',
+                height: '24px'
+            }
+        },
+
+        toggleOn: {
+            left: '20px',
+
+            '&.is-mobile': {
+                left: '22px'
+            }
+        },
+
+        checkbox: {
+            position: 'absolute',
+            zIndex: 10,
+            cursor: 'pointer',
+            left: 0,
+            right: 0,
+            top: 0,
+            bottom: 0,
+            width: '100%',
+            height: '100%',
+            opacity: 0,
+
+            '&.focus-visible + .toggle-checkbox-ring': {
+                outline: 0,
+                boxShadow: `0px 0px 0px 2px ${theme.palette.focus01}`
+            }
+        },
+
+        checkboxRing: {
+            position: 'absolute',
+            pointerEvents: 'none',
+            zIndex: 6,
+            left: 0,
+            right: 0,
+            top: 0,
+            bottom: 0,
+            width: '100%',
+            height: '100%',
+            borderRadius: '12px',
+
+            '&.is-mobile': {
+                borderRadius: '32px'
+            }
+        }
+    };
+});
+
+const Switch = ({ className, id, checked, disabled, onChange }: IProps) => {
+    const { classes: styles, cx } = useStyles();
+    const isMobile = isMobileBrowser();
+
+    const change = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
+        onChange(e.target.checked);
+    }, []);
+
+    return (
+        <span
+            className = { cx('toggle-container', styles.container, checked && styles.containerOn,
+                isMobile && 'is-mobile', disabled && 'disabled', className) }>
+            <input
+                type = 'checkbox'
+                { ...(id ? { id } : {}) }
+                checked = { checked }
+                className = { styles.checkbox }
+                disabled = { disabled }
+                onChange = { change } />
+            <div className = { cx('toggle-checkbox-ring', styles.checkboxRing, isMobile && 'is-mobile') } />
+            <div className = { cx('toggle', styles.toggle, checked && styles.toggleOn, isMobile && 'is-mobile') } />
+        </span>
+    );
+};
+
+export default Switch;
diff --git a/react/features/base/ui/components/web/Tabs.tsx b/react/features/base/ui/components/web/Tabs.tsx
new file mode 100644
index 0000000..de2a4cd
--- /dev/null
+++ b/react/features/base/ui/components/web/Tabs.tsx
@@ -0,0 +1,167 @@
+import React, { useCallback, useEffect } from 'react';
+import { makeStyles } from 'tss-react/mui';
+
+import { isMobileBrowser } from '../../../environment/utils';
+import Icon from '../../../icons/components/Icon';
+
+interface ITabProps {
+    accessibilityLabel: string;
+    className?: string;
+    onChange: (id: string) => void;
+    selected: string;
+    tabs: Array<{
+        accessibilityLabel: string;
+        controlsId: string;
+        countBadge?: number;
+        disabled?: boolean;
+        icon?: Function;
+        id: string;
+        label?: string;
+        title?: string;
+    }>;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        container: {
+            display: 'flex'
+        },
+
+        tab: {
+            ...theme.typography.bodyShortBold,
+            color: theme.palette.text02,
+            flex: 1,
+            padding: '14px',
+            background: 'none',
+            border: 0,
+            appearance: 'none',
+            borderBottom: `2px solid ${theme.palette.ui05}`,
+            transition: 'color, border-color 0.2s',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            borderRadius: 0,
+
+            '&:hover': {
+                color: theme.palette.text01,
+                borderColor: theme.palette.ui10
+            },
+
+            '&.focus-visible': {
+                outline: 0,
+                boxShadow: `0px 0px 0px 2px ${theme.palette.focus01}`,
+                border: 0,
+                color: theme.palette.text01
+            },
+
+            '&.selected': {
+                color: theme.palette.text01,
+                borderColor: theme.palette.action01
+            },
+
+            '&:disabled': {
+                color: theme.palette.text03,
+                borderColor: theme.palette.ui05
+            },
+
+            '&.is-mobile': {
+                ...theme.typography.bodyShortBoldLarge
+            }
+        },
+
+        badge: {
+            ...theme.typography.labelBold,
+            alignItems: 'center',
+            backgroundColor: theme.palette.warning01,
+            borderRadius: theme.spacing(2),
+            color: theme.palette.text04,
+            display: 'inline-flex',
+            height: theme.spacing(3),
+            justifyContent: 'center',
+            marginLeft: theme.spacing(2),
+            minWidth: theme.spacing(2),
+            padding: `0 ${theme.spacing(1)}`
+        },
+
+        icon: {
+            marginRight: theme.spacing(1)
+        }
+    };
+});
+
+
+const Tabs = ({
+    accessibilityLabel,
+    className,
+    onChange,
+    selected,
+    tabs
+}: ITabProps) => {
+    const { classes, cx } = useStyles();
+    const isMobile = isMobileBrowser();
+    const onClick = useCallback(id => () => {
+        onChange(id);
+    }, []);
+    const onKeyDown = useCallback((index: number) => (event: React.KeyboardEvent<HTMLButtonElement>) => {
+        let newIndex: number | null = null;
+
+        if (event.key === 'ArrowLeft') {
+            event.preventDefault();
+            newIndex = index === 0 ? tabs.length - 1 : index - 1;
+        }
+
+        if (event.key === 'ArrowRight') {
+            event.preventDefault();
+            newIndex = index === tabs.length - 1 ? 0 : index + 1;
+        }
+
+        if (newIndex !== null) {
+            onChange(tabs[newIndex].id);
+        }
+    }, [ tabs ]);
+
+    useEffect(() => {
+        // this test is needed to make sure the effect is triggered because of user actually changing tab
+        if (document.activeElement?.getAttribute('role') === 'tab') {
+            document.querySelector<HTMLButtonElement>(`#${selected}`)?.focus();
+        }
+    }, [ selected ]);
+
+    return (
+        <div
+            aria-label = { accessibilityLabel }
+            className = { cx(classes.container, className) }
+            role = 'tablist'>
+            {
+                tabs.map((tab, index) => (
+                    <button
+                        aria-controls = { tab.controlsId }
+                        aria-label = { tab.accessibilityLabel }
+                        aria-selected = { selected === tab.id }
+                        className = { cx(classes.tab, selected === tab.id && 'selected', isMobile && 'is-mobile') }
+                        disabled = { tab.disabled }
+                        id = { tab.id }
+                        key = { tab.id }
+                        onClick = { onClick(tab.id) }
+                        onKeyDown = { onKeyDown(index) }
+                        role = 'tab'
+                        tabIndex = { selected === tab.id ? undefined : -1 }
+                        title = { tab.title }>
+                        {
+                            tab.icon && <Icon
+                                className = { classes.icon }
+                                src = { tab.icon } />
+                        }
+                        { tab.label }
+                        {
+                            tab.countBadge && <span className = { classes.badge }>
+                                { tab.countBadge }
+                            </span>
+                        }
+                    </button>
+                ))}
+        </div>
+    );
+};
+
+export default Tabs;
diff --git a/react/features/base/ui/components/web/TextWithOverflow.tsx b/react/features/base/ui/components/web/TextWithOverflow.tsx
new file mode 100644
index 0000000..84507c1
--- /dev/null
+++ b/react/features/base/ui/components/web/TextWithOverflow.tsx
@@ -0,0 +1,74 @@
+import React, { ReactNode, useRef } from 'react';
+import { keyframes } from 'tss-react';
+import { makeStyles } from 'tss-react/mui';
+
+import { TEXT_OVERFLOW_TYPES } from '../../constants.web';
+
+interface ITextWithOverflowProps {
+    children: ReactNode;
+    className?: string;
+    overflowType?: TEXT_OVERFLOW_TYPES;
+}
+
+const useStyles = makeStyles<{ translateDiff: number; }>()((_, { translateDiff }) => {
+    return {
+        animation: {
+            '&:hover': {
+                animation: `${keyframes`
+                    0%, 20% {
+                        transform: translateX(0%);
+                        left: 0%;
+                    }
+                    80%, 100% {
+                        transform: translateX(-${translateDiff}px);
+                        left: 100%;
+                    }
+                `} ${Math.max(translateDiff * 50, 2000)}ms infinite alternate linear;`
+            }
+        },
+        textContainer: {
+            overflow: 'hidden'
+        },
+        [TEXT_OVERFLOW_TYPES.ELLIPSIS]: {
+            display: 'block',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap'
+        },
+        [TEXT_OVERFLOW_TYPES.SCROLL_ON_HOVER]: {
+            display: 'inline-block',
+            overflow: 'visible',
+            whiteSpace: 'nowrap'
+        }
+    };
+});
+
+const TextWithOverflow = ({
+    className,
+    overflowType = TEXT_OVERFLOW_TYPES.ELLIPSIS,
+    children
+}: ITextWithOverflowProps) => {
+    const containerRef = useRef<HTMLDivElement>(null);
+    const contentRef = useRef<HTMLSpanElement>(null);
+    const shouldAnimateOnHover = overflowType === TEXT_OVERFLOW_TYPES.SCROLL_ON_HOVER
+        && containerRef.current
+        && contentRef.current
+        && containerRef.current.clientWidth < contentRef.current.clientWidth;
+
+    const translateDiff = shouldAnimateOnHover ? contentRef.current.clientWidth - containerRef.current.clientWidth : 0;
+    const { classes: styles, cx } = useStyles({ translateDiff });
+
+    return (
+        <div
+            className = { cx(className, styles.textContainer) }
+            ref = { containerRef }>
+            <span
+                className = { cx(styles[overflowType], shouldAnimateOnHover && styles.animation) }
+                ref = { contentRef }>
+                {children}
+            </span>
+        </div>
+    );
+};
+
+export default TextWithOverflow;
diff --git a/react/features/base/ui/constants.any.ts b/react/features/base/ui/constants.any.ts
new file mode 100644
index 0000000..46d1eeb
--- /dev/null
+++ b/react/features/base/ui/constants.any.ts
@@ -0,0 +1,31 @@
+/**
+ * The types of the buttons.
+ */
+export enum BUTTON_TYPES {
+    DESTRUCTIVE = 'destructive',
+    PRIMARY = 'primary',
+    SECONDARY = 'secondary',
+    TERTIARY = 'tertiary'
+}
+
+/**
+ * Behaviour types for showing overflow text content.
+ */
+export enum TEXT_OVERFLOW_TYPES {
+    ELLIPSIS = 'ellipsis',
+    SCROLL_ON_HOVER = 'scroll-on-hover'
+}
+
+/**
+ * The modes of the buttons.
+ */
+export const BUTTON_MODES: {
+    CONTAINED: 'contained';
+    TEXT: 'text';
+} = {
+    CONTAINED: 'contained',
+    TEXT: 'text'
+};
+
+
+export type TOOLTIP_POSITION = 'top' | 'bottom' | 'left' | 'right';
diff --git a/react/features/base/ui/constants.native.ts b/react/features/base/ui/constants.native.ts
new file mode 100644
index 0000000..24ab541
--- /dev/null
+++ b/react/features/base/ui/constants.native.ts
@@ -0,0 +1 @@
+export * from './constants.any';
diff --git a/react/features/base/ui/constants.web.ts b/react/features/base/ui/constants.web.ts
new file mode 100644
index 0000000..070ea50
--- /dev/null
+++ b/react/features/base/ui/constants.web.ts
@@ -0,0 +1,275 @@
+import { Theme } from '@mui/material';
+
+export * from './constants.any';
+
+/**
+ * Returns an object containing the declaration of the common, reusable CSS classes.
+ *
+ * @param {Object} theme -The theme.
+ *
+ * @returns {Object} - The common styles.
+ */
+export const commonStyles = (theme: Theme) => {
+    return {
+        '.empty-list': {
+            listStyleType: 'none',
+            margin: 0,
+            padding: 0
+        },
+
+        '.mute-dialog': {
+            '& .separator-line': {
+                margin: `${theme.spacing(4)} 0 ${theme.spacing(4)} -20px`,
+                padding: '0 20px',
+                width: '100%',
+                height: '1px',
+                background: '#5E6D7A'
+            },
+
+            '& .control-row': {
+                display: 'flex',
+                justifyContent: 'space-between',
+                marginTop: theme.spacing(3),
+
+                '& label': {
+                    fontSize: '0.875rem'
+                }
+            }
+        },
+
+        '.overflow-menu-item': {
+            alignItems: 'center',
+            color: theme.palette.text01,
+            cursor: 'pointer',
+            display: 'flex',
+            fontSize: '0.875rem',
+            fontWeight: 400,
+            height: 40,
+            lineHeight: '1.5rem',
+            padding: '8px 16px',
+            boxSizing: 'border-box' as const,
+            '& > div': {
+                display: 'flex',
+                alignItems: 'center'
+            },
+
+            '&.unclickable': {
+                cursor: 'default'
+            },
+
+            '&.disabled': {
+                cursor: 'initial',
+                color: theme.palette.text03,
+
+                '&:hover': {
+                    background: 'none'
+                },
+
+                '& svg': {
+                    fill: theme.palette.text03
+                }
+            },
+
+            '@media (hover: hover) and (pointer: fine)': {
+                '&:hover': {
+                    background: theme.palette.action02Hover
+                },
+                '&.unclickable:hover': {
+                    background: 'inherit'
+                }
+            }
+        },
+
+        '.overflow-menu-item-icon': {
+            marginRight: '16px',
+
+            '& i': {
+                display: 'inline',
+                fontSize: '1.5rem'
+            },
+
+            '@media (hover: hover) and (pointer: fine)': {
+                '&i:hover': {
+                    backgroundColor: 'initial'
+                }
+            },
+
+            '& img': {
+                maxWidth: 24,
+                maxHeight: 24
+            },
+
+            '& svg': {
+                fill: theme.palette.text01,
+                height: 20,
+                width: 20
+            }
+        },
+
+        '.prejoin-dialog': {
+            backgroundColor: theme.palette.uiBackground,
+            boxShadow: '0px 2px 20px rgba(0, 0, 0, 0.5)',
+            borderRadius: theme.shape.borderRadius,
+            color: '#fff',
+            height: '400px',
+            width: '375px',
+
+            '.prejoin-dialog--small': {
+                height: 300,
+                width: 400
+            },
+
+            '.prejoin-dialog-label': {
+                fontSize: '1rem',
+                lineHeight: '1.5rem'
+            },
+
+            '.prejoin-dialog-label-num': {
+                background: '#2b3b4b',
+                border: '1px solid #A4B8D1',
+                borderRadius: '50%',
+                color: '#fff',
+                display: 'inline-block',
+                height: '24px',
+                marginRight: theme.spacing(2),
+                width: '24px'
+            },
+
+            '.prejoin-dialog-container': {
+                alignItems: 'center',
+                background: 'rgba(0,0,0,0.6)',
+                display: 'flex',
+                height: '100dvh',
+                justifyContent: 'center',
+                left: 0,
+                position: 'absolute' as const,
+                top: 0,
+                width: '100vw',
+                zIndex: 3
+            },
+
+            '.prejoin-dialog-flag': {
+                display: 'inline-block',
+                marginRight: theme.spacing(2),
+                transform: 'scale(1.2)'
+            },
+
+            '.prejoin-dialog-title': {
+                display: 'inline-block',
+                fontSize: '1.5rem',
+                lineHeight: '2rem'
+            },
+
+            '.prejoin-dialog-icon': {
+                cursor: 'pointer'
+            },
+
+            '.prejoin-dialog-btn': {
+                marginBottom: '8px'
+            },
+
+            '.prejoin-dialog-dialin-container': {
+                textAlign: 'center' as const
+            },
+
+            '.prejoin-dialog-delimiter': {
+                background: theme.palette.ui03,
+                border: '0',
+                height: '1px',
+                margin: '0',
+                padding: '0',
+                width: '100%'
+            },
+
+            '.prejoin-dialog-delimiter-container': {
+                margin: `${theme.spacing(4)} 0`,
+                position: 'relative' as const
+            },
+
+            '.prejoin-dialog-delimiter-txt-container': {
+                position: 'absolute' as const,
+                textAlign: 'center' as const,
+                top: '-8px',
+                width: '100%'
+            },
+
+            '.prejoin-dialog-delimiter-txt': {
+                background: theme.palette.uiBackground,
+                color: theme.palette.text01,
+                fontSize: '0.75rem',
+                textTransform: 'uppercase' as const,
+                padding: `0 ${theme.spacing(2)}`
+            }
+        },
+
+        '.prejoin-dialog-btn': {
+            '&.primary, &.prejoin-dialog-btn.text': {
+                width: '310px'
+            }
+        },
+
+        '.toolbox-icon': {
+            display: 'flex',
+            borderRadius: 3,
+            flexDirection: 'column' as const,
+            fontSize: '1.5rem',
+            height: 48,
+            justifyContent: 'center',
+            width: 48,
+
+            '@media (hover: hover) and (pointer: fine)': {
+                '&:hover': {
+                    backgroundColor: theme.palette.ui04
+                },
+
+                '&:active': {
+                    backgroundColor: theme.palette.ui03
+                }
+            },
+            [theme.breakpoints.down(320)]: {
+                height: 36,
+                width: 36
+            },
+
+            '&.toggled': {
+                backgroundColor: theme.palette.ui03
+            },
+
+            '&.disabled': {
+                cursor: 'initial !important',
+                backgroundColor: `${theme.palette.disabled01} !important`,
+
+                '& svg': {
+                    fill: `${theme.palette.text03} !important`
+                }
+            }
+        },
+
+        '.toolbox-button': {
+            color: theme.palette.text01,
+            cursor: 'pointer',
+            display: 'inline-block',
+            lineHeight: '3rem',
+            textAlign: 'center' as const
+        },
+
+        '.toolbox-content-items': {
+            background: theme.palette.ui01,
+            borderRadius: 6,
+            margin: '0 auto',
+            padding: 6,
+            textAlign: 'center' as const,
+            pointerEvents: 'all' as const,
+            display: 'flex',
+            boxShadow: '0px 2px 8px 4px rgba(0, 0, 0, 0.25), 0px 0px 0px 1px rgba(0, 0, 0, 0.15)',
+
+            '& > div': {
+                marginRight: theme.spacing(2),
+
+                '&:last-of-type': {
+                    marginRight: 0
+                }
+            }
+        }
+    };
+};
diff --git a/react/features/base/ui/functions.any.ts b/react/features/base/ui/functions.any.ts
new file mode 100644
index 0000000..51f561f
--- /dev/null
+++ b/react/features/base/ui/functions.any.ts
@@ -0,0 +1,25 @@
+// Base font size in pixels (standard is 16px = 1rem)
+const BASE_FONT_SIZE = 16;
+
+/**
+ * Converts rem to pixels.
+ *
+ * @param {string} remValue - The value in rem units (e.g. '0.875rem').
+ * @returns {number}
+ */
+export function remToPixels(remValue: string): number {
+    const numericValue = parseFloat(remValue.replace('rem', ''));
+
+    return Math.round(numericValue * BASE_FONT_SIZE);
+}
+
+
+/**
+ * Converts pixels to rem.
+ *
+ * @param {number} pixels - The value in pixels.
+ * @returns {string}
+ * */
+export function pixelsToRem(pixels: number): string {
+    return `${(pixels / BASE_FONT_SIZE).toFixed(3)}rem`;
+}
diff --git a/react/features/base/ui/functions.native.ts b/react/features/base/ui/functions.native.ts
new file mode 100644
index 0000000..0da6036
--- /dev/null
+++ b/react/features/base/ui/functions.native.ts
@@ -0,0 +1,51 @@
+import { DefaultTheme } from 'react-native-paper';
+
+import { remToPixels } from './functions.any';
+import { createColorTokens } from './utils';
+
+export * from './functions.any';
+
+/**
+ * Converts all rem to pixels in an object.
+ *
+ * @param {Object} obj - The object to convert rem values in.
+ * @returns {Object}
+ */
+function convertRemValues(obj: any): any {
+    const converted: { [key: string]: any; } = {};
+
+    if (typeof obj !== 'object' || obj === null) {
+        return obj;
+    }
+
+    Object.entries(obj).forEach(([ key, value ]) => {
+        if (typeof value === 'string' && value.includes('rem')) {
+            converted[key] = remToPixels(value);
+        } else if (typeof value === 'object' && value !== null) {
+            converted[key] = convertRemValues(value);
+        } else {
+            converted[key] = value;
+        }
+    });
+
+    return converted;
+}
+
+/**
+ * Creates a React Native Paper theme based on local UI tokens.
+ *
+ * @param {Object} arg - The ui tokens.
+ * @returns {Object}
+ */
+export function createNativeTheme({ font, colorMap, shape, spacing, typography }: any): any {
+    return {
+        ...DefaultTheme,
+        palette: createColorTokens(colorMap),
+        shape,
+        spacing,
+        typography: {
+            font,
+            ...convertRemValues(typography)
+        }
+    };
+}
diff --git a/react/features/base/ui/functions.web.ts b/react/features/base/ui/functions.web.ts
new file mode 100644
index 0000000..0d7f2b2
--- /dev/null
+++ b/react/features/base/ui/functions.web.ts
@@ -0,0 +1,121 @@
+/* eslint-disable @typescript-eslint/naming-convention */
+import { Theme, adaptV4Theme, createTheme } from '@mui/material/styles';
+
+import { ITypography, IPalette as Palette1 } from '../ui/types';
+
+import { createColorTokens, createTypographyTokens } from './utils';
+
+export * from './functions.any';
+
+declare module '@mui/material/styles' {
+    // eslint-disable-next-line @typescript-eslint/no-empty-interface
+    interface Palette extends Palette1 {}
+
+    // eslint-disable-next-line @typescript-eslint/no-empty-interface
+    interface TypographyVariants extends ITypography {}
+}
+
+interface ThemeProps {
+    breakpoints: Object;
+    colorMap: Object;
+    font: Object;
+    shape: Object;
+    spacing: Array<number>;
+    typography: Object;
+}
+
+/**
+ * Creates a MUI theme based on local UI tokens.
+ *
+ * @param {Object} arg - The ui tokens.
+ * @returns {Object}
+ */
+export function createWebTheme({ font, colorMap, shape, spacing, typography, breakpoints }: ThemeProps) {
+    return createTheme(adaptV4Theme({
+        spacing,
+        palette: createColorTokens(colorMap),
+        shape,
+        typography: {
+            // @ts-ignore
+            font,
+            ...createTypographyTokens(typography)
+        },
+        breakpoints
+    }));
+}
+
+/**
+ * Find the first styled ancestor component of an element.
+ *
+ * @param {HTMLElement|null} target - Element to look up.
+ * @param {string} cssClass - Styled component reference.
+ * @returns {HTMLElement|null} Ancestor.
+ */
+export const findAncestorByClass = (target: HTMLElement | null, cssClass: string): HTMLElement | null => {
+    if (!target || target.classList.contains(cssClass)) {
+        return target;
+    }
+
+    return findAncestorByClass(target.parentElement, cssClass);
+};
+
+/**
+ * Checks if the passed element is visible in the viewport.
+ *
+ * @param {Element} element - The element.
+ * @returns {boolean}
+ */
+export function isElementInTheViewport(element?: Element): boolean {
+    if (!element) {
+        return false;
+    }
+
+    if (!document.body.contains(element)) {
+        return false;
+    }
+
+    const { innerHeight, innerWidth } = window;
+    const { bottom, left, right, top } = element.getBoundingClientRect();
+
+    if (bottom <= innerHeight && top >= 0 && left >= 0 && right <= innerWidth) {
+        return true;
+    }
+
+    return false;
+}
+
+const enterKeyElements = [ 'select', 'textarea', 'summary', 'a' ];
+
+/**
+ * Informs whether or not the given element does something on its own when pressing the Enter key.
+ *
+ * This is useful to correctly submit custom made "forms" that are not using the native form element,
+ * only when the user is not using an element that needs the enter key to work.
+ * Note the implementation is incomplete and should be updated as needed if more complex use cases arise
+ * (for example, the Tabs aria pattern is not handled).
+ *
+ * @param {Element} element - The element.
+ * @returns {boolean}
+ */
+export function operatesWithEnterKey(element: Element): boolean {
+    if (enterKeyElements.includes(element.tagName.toLowerCase())) {
+        return true;
+    }
+
+    if (element.tagName.toLowerCase() === 'button' && element.getAttribute('role') === 'button') {
+        return true;
+    }
+
+    return false;
+}
+
+/**
+ * Returns a common spacing from the bottom of the page for floating elements over the video space.
+ *
+ * @param {Theme} theme - The current theme.
+ * @param {boolean} isToolbarVisible - Whether the toolbar is visible or not.
+ * @returns {number}
+ */
+export function getVideospaceFloatingElementsBottomSpacing(theme: Theme, isToolbarVisible: boolean) {
+    return parseInt(isToolbarVisible ? theme.spacing(12) : theme.spacing(6), 10);
+}
diff --git a/react/features/base/ui/hooks/useContextMenu.web.ts b/react/features/base/ui/hooks/useContextMenu.web.ts
new file mode 100644
index 0000000..d9b7bfe
--- /dev/null
+++ b/react/features/base/ui/hooks/useContextMenu.web.ts
@@ -0,0 +1,77 @@
+import { useCallback, useRef, useState } from 'react';
+
+import { findAncestorByClass } from '../functions.web';
+
+
+type RaiseContext<T> = {
+
+    /**
+     * The entity for which the menu is context menu is raised.
+     */
+    entity?: T;
+
+    /**
+     * Target elements against which positioning calculations are made.
+     */
+    offsetTarget?: HTMLElement | null;
+};
+
+const initialState = Object.freeze({});
+
+const useContextMenu = <T>(): [(force?: boolean | Object) => void,
+    (entity: T, target: HTMLElement | null) => void,
+    (entity: T) => (e?: MouseEvent) => void,
+    () => void,
+    () => void,
+    RaiseContext<T>] => {
+    const [ raiseContext, setRaiseContext ] = useState < RaiseContext<T> >(initialState);
+    const isMouseOverMenu = useRef(false);
+
+    const lowerMenu = useCallback((force: boolean | Object = false) => {
+        /**
+         * We are tracking mouse movement over the active participant item and
+         * the context menu. Due to the order of enter/leave events, we need to
+         * defer checking if the mouse is over the context menu with
+         * queueMicrotask.
+         */
+        window.queueMicrotask(() => {
+            if (isMouseOverMenu.current && !(force === true)) {
+                return;
+            }
+
+            if (raiseContext !== initialState || force) {
+                setRaiseContext(initialState);
+            }
+        });
+    }, [ raiseContext ]);
+
+    const raiseMenu = useCallback((entity: T, target: HTMLElement | null) => {
+        setRaiseContext({
+            entity,
+            offsetTarget: findAncestorByClass(target, 'list-item-container')
+        });
+    }, [ raiseContext ]);
+
+    const toggleMenu = useCallback((entity: T) => (e?: MouseEvent) => {
+        e?.stopPropagation();
+        const { entity: raisedEntity } = raiseContext;
+
+        if (raisedEntity && raisedEntity === entity) {
+            lowerMenu();
+        } else {
+            raiseMenu(entity, e?.target as HTMLElement);
+        }
+    }, [ raiseContext ]);
+
+    const menuEnter = useCallback(() => {
+        isMouseOverMenu.current = true;
+    }, []);
+
+    const menuLeave = useCallback(() => {
+        isMouseOverMenu.current = false;
+    }, [ lowerMenu ]);
+
+    return [ lowerMenu, raiseMenu, toggleMenu, menuEnter, menuLeave, raiseContext ];
+};
+
+export default useContextMenu;
diff --git a/react/features/base/ui/jitsiTokens.json b/react/features/base/ui/jitsiTokens.json
new file mode 100644
index 0000000..54bf1d8
--- /dev/null
+++ b/react/features/base/ui/jitsiTokens.json
@@ -0,0 +1,14 @@
+{
+    "success05": "#1EC26A",
+
+    "support05": "#73348C",
+    "support06": "#6A50D3",
+
+    "surface01": "#040404",
+    "surface02": "#141414",
+    "surface03": "#292929",
+    "surface05": "#525252",
+    "surface08": "#A3A3A3",
+
+    "warning06": "#FFD600"
+}
diff --git a/react/features/base/ui/tokens.json b/react/features/base/ui/tokens.json
new file mode 100644
index 0000000..7139d9d
--- /dev/null
+++ b/react/features/base/ui/tokens.json
@@ -0,0 +1,211 @@
+{
+    "action01": "#4687ED",
+    "action02": "#E0E0E0",
+    "action03": "#D83848",
+    "action04": "#246FE5",
+    "action05": "#4687ED",
+    "action06": "#0056E0",
+    "action07": "#D7E3F9",
+    "action08": "#99BBF3",
+    "action09": "#4687ED",
+
+    "active01": "#0056E0",
+    "active02": "#C2C2C2",
+    "active03": "#CB2233",
+    "active04": "#189B55",
+    "active05": "#666666",
+    "active07": "#0056E0",
+    "active08": "#525252",
+    "active09": "#3D3D3D",
+    "active10": "#3D3D3D",
+    "active11": "#CCDDF9",
+    "active12": "#666666",
+
+    "alertGreen": "#189B55",
+    "alertRed": "#F24D5F",
+    "alertYellow": "#F8AE1A",
+
+    "body01": {
+      "fontFamily": "Inter, sans-serif",
+      "fontSize": "0.875rem",
+      "lineHeight": "1.25rem",
+      "fontWeight": 400,
+      "letterSpacing": "-0.006rem"
+    },
+    "body02": {
+      "fontFamily": "Inter, sans-serif",
+      "fontSize": "1rem",
+      "lineHeight": "1.5rem",
+      "fontWeight": 400,
+      "letterSpacing": "-0.011rem"
+    },
+    "bodyBold01": {
+      "fontFamily": "Inter, sans-serif",
+      "fontSize": "0.875rem",
+      "lineHeight": "1.25rem",
+      "fontWeight": 600,
+      "letterSpacing": "-0.006rem"
+    },
+    "bodyBold02": {
+      "fontFamily": "Inter, sans-serif",
+      "fontSize": "1rem",
+      "lineHeight": "1.5rem",
+      "fontWeight": 600,
+      "letterSpacing": "-0.011rem"
+    },
+
+    "brand01": "#FFFFFF",
+
+    "bulletList01": {
+      "fontFamily": "Inter, sans-serif",
+      "fontSize": "0.875rem",
+      "lineHeight": "1.5rem",
+      "fontWeight": 400,
+      "letterSpacing": "-0.006rem"
+    },
+
+    "data01": "#C15C97",
+    "data02": "#4079D3",
+    "data03": "#A276B2",
+    "data04": "#4CAC9C",
+    "data05": "#E76782",
+    "data06": "#8CA7D1",
+    "data07": "#B23683",
+    "data08": "#FFA95E",
+    "data09": "#8B559F",
+    "data10": "#009B89",
+    "data11": "#858585",
+
+    "dataText01": "#292929",
+    "dataText02": "#292929",
+    "dataText03": "#292929",
+    "dataText04": "#000000",
+    "dataText05": "#000000",
+    "dataText06": "#000000",
+    "dataText07": "#FFFFFF",
+    "dataText08": "#000000",
+    "dataText09": "#FFFFFF",
+    "dataText10": "#FFFFFF",
+    "dataText11": "#000000",
+
+    "disabled01": "#C2C2C2",
+    "disabled02": "#666666",
+    "disabled03": "#C2C2C2",
+    "disabled04": "#858585",
+
+    "error01": "#F24D5F",
+
+    "focus01": "#D7E3F9",
+
+    "heading01": {
+      "fontFamily": "Inter, sans-serif",
+      "fontSize": "1.25rem",
+      "lineHeight": "1.75rem",
+      "fontWeight": 600,
+      "letterSpacing": "-0.017rem"
+    },
+    "heading02": {
+      "fontFamily": "Inter, sans-serif",
+      "fontSize": "1.75rem",
+      "lineHeight": "2.5rem",
+      "fontWeight": 600,
+      "letterSpacing": "-0.020rem"
+    },
+
+    "highlight01": "#F8AE1A",
+
+    "hover01": "#4687ED",
+    "hover02": "#F1F1F1",
+    "hover03": "#F24D5F",
+    "hover04": "#4BCE88",
+    "hover05": "#3D3D3D",
+    "hover06": "#666666",
+    "hover07": "#99BBF3",
+    "hover08": "#2F2E32",
+    "hover09": "#666666",
+    "hover10": "#292929",
+    "hover11": "#99BBF3",
+    "hover12": "#3D3D3D",
+    "hover13": "#525252",
+
+    "icon01": "#FFFFFF",
+    "icon02": "#FFFFFF",
+    "icon03": "#666666",
+    "icon04": "#0056E0",
+    "icon05": "#292929",
+    "icon06": "#666666",
+    "icon07": "#858585",
+    "icon08": "#292929",
+
+    "info01": "#666666",
+
+    "label01": {
+      "fontFamily": "Inter, sans-serif",
+      "fontSize": "0.75rem",
+      "lineHeight": "1rem",
+      "fontWeight": 400,
+      "letterSpacing": "normal"
+    },
+    "labelBold01": {
+      "fontFamily": "Inter, sans-serif",
+      "fontSize": "0.75rem",
+      "lineHeight": "1rem",
+      "fontWeight": 600,
+      "letterSpacing": "normal"
+    },
+
+    "overlay01": "#292929BF",
+
+    "shadow01": "#141414",
+    "shadowHigh": "0px 2px 20px 9px #141414",
+    "shadowLow": "0px 1px 2px 1px #141414",
+    "shadowMedium": "0px 2px 8px 2px #141414",
+
+    "statusAvailable01": "#189B55",
+    "statusAway01": "#DD7011",
+    "statusBusy01": "#F24D5F",
+    "statusOffline01": "#666666",
+    "statusWrapup01": "#8B559F",
+
+    "success01": "#189B55",
+
+    "textColor01": "#FFFFFF",
+    "textColor02": "#C2C2C2",
+    "textColor04": "#292929",
+    "textColor05": "#C2C2C2",
+    "textColor06": "#FFFFFF",
+    "textColor07": "#292929",
+    "textColor08": "#FFFFFF",
+    "textColor09": "#000000",
+    "textColor10": "#E7E3FF",
+
+    "ui01": "#666666",
+    "ui02": "#3D3D3D",
+    "ui03": "#858585",
+    "ui04": "#FFFFFF",
+    "ui05": "#2F2E32",
+    "ui06": "#171719",
+    "ui07": "#F1F1F1",
+    "ui08": "#E0E0E0",
+    "ui09": "#CCDDF9",
+    "ui10": "#666666",
+    "ui11": "#0C0C0D",
+    "ui12": "#212124",
+    "ui13": "#003486",
+    "ui14": "#127440",
+    "ui15": "#00225A",
+    "ui16": "#F5D3D6",
+    "ui17": "#FEEFD1",
+    "ui18": "#D2F3E1",
+    "ui19": "#E0E0E0",
+    "ui20": "#E8DCEC",
+    "ui21": "#C2C2C2",
+    "ui22": "#CCDDF9",
+    "ui23": "#3C2F8E",
+    "ui24": "#5F50BE",
+    "ui25": "#171719",
+
+    "warning01": "#F8AE1A",
+    "warning02": "#F8AE1A",
+    "warning03": "#9F701C"
+}
\ No newline at end of file
diff --git a/react/features/base/ui/types.ts b/react/features/base/ui/types.ts
new file mode 100644
index 0000000..0cd52e0
--- /dev/null
+++ b/react/features/base/ui/types.ts
@@ -0,0 +1,81 @@
+interface ITypographyType {
+    fontSize: string;
+    fontWeight: 'normal' | 'bold' | 'bolder' | 'lighter' | number;
+    letterSpacing: number;
+    lineHeight: string;
+}
+
+export interface IPalette {
+    action01: string;
+    action01Active: string;
+    action01Hover: string;
+    action02: string;
+    action02Active: string;
+    action02Hover: string;
+    action03: string;
+    action03Active: string;
+    action03Hover: string;
+    actionDanger: string;
+    actionDangerActive: string;
+    actionDangerHover: string;
+    disabled01: string;
+    field01: string;
+    focus01: string;
+    icon01: string;
+    icon02: string;
+    icon03: string;
+    icon04: string;
+    iconError: string;
+    link01: string;
+    link01Active: string;
+    link01Hover: string;
+    success01: string;
+    success02: string;
+    support01: string;
+    support02: string;
+    support03: string;
+    support04: string;
+    support05: string;
+    support06: string;
+    support07: string;
+    support08: string;
+    support09: string;
+    text01: string;
+    text02: string;
+    text03: string;
+    text04: string;
+    textError: string;
+    ui01: string;
+    ui02: string;
+    ui03: string;
+    ui04: string;
+    ui05: string;
+    ui06: string;
+    ui07: string;
+    ui08: string;
+    ui09: string;
+    ui10: string;
+    uiBackground: string;
+    warning01: string;
+    warning02: string;
+}
+
+export interface ITypography {
+    bodyLongBold: ITypographyType;
+    bodyLongBoldLarge: ITypographyType;
+    bodyLongRegular: ITypographyType;
+    bodyLongRegularLarge: ITypographyType;
+    bodyShortBold: ITypographyType;
+    bodyShortBoldLarge: ITypographyType;
+    bodyShortRegular: ITypographyType;
+    bodyShortRegularLarge: ITypographyType;
+    bodyShortRegularSmall: ITypographyType;
+    heading1: ITypographyType;
+    heading2: ITypographyType;
+    heading3: ITypographyType;
+    heading4: ITypographyType;
+    heading5: ITypographyType;
+    heading6: ITypographyType;
+    labelBold: ITypographyType;
+    labelRegular: ITypographyType;
+}
diff --git a/react/features/base/ui/utils.ts b/react/features/base/ui/utils.ts
new file mode 100644
index 0000000..25b07b1
--- /dev/null
+++ b/react/features/base/ui/utils.ts
@@ -0,0 +1,42 @@
+import { merge } from 'lodash-es';
+
+import * as jitsiTokens from './jitsiTokens.json';
+import * as tokens from './tokens.json';
+
+/**
+ * Creates the color tokens based on the color theme and the association map.
+ *
+ * @param {Object} colorMap - A map between the token name and the actual color value.
+ * @returns {Object}
+ */
+export function createColorTokens(colorMap: Object): any {
+    const allTokens = merge({}, tokens, jitsiTokens);
+
+    return Object.entries(colorMap)
+        .reduce((result, [ token, value ]: [any, string]) => {
+            const color = allTokens[value as keyof typeof allTokens] || value;
+
+            return Object.assign(result, { [token]: color });
+        }, {});
+}
+
+/**
+ * Create the typography tokens based on the typography theme and the association map.
+ *
+ * @param {Object} typography - A map between the token name and the actual typography value.
+ * @returns {Object}
+ */
+export function createTypographyTokens(typography: Object): any {
+    const allTokens = merge({}, tokens, jitsiTokens);
+
+    return Object.entries(typography)
+        .reduce((result, [ token, value ]: [any, any]) => {
+            let typographyValue = value;
+
+            if (typeof value === 'string') {
+                typographyValue = allTokens[value as keyof typeof allTokens] || value;
+            }
+
+            return Object.assign(result, { [token]: typographyValue });
+        }, {});
+}
diff --git a/react/features/base/user-interaction/actionTypes.ts b/react/features/base/user-interaction/actionTypes.ts
new file mode 100644
index 0000000..f0cfb67
--- /dev/null
+++ b/react/features/base/user-interaction/actionTypes.ts
@@ -0,0 +1,9 @@
+/**
+ * The type of (redux) action which signals the user has interacted with the
+ * page.
+ *
+ * {
+ *     type: USER_INTERACTION_RECEIVED,
+ * }
+ */
+export const USER_INTERACTION_RECEIVED = 'USER_INTERACTION_RECEIVED';
diff --git a/react/features/base/user-interaction/middleware.ts b/react/features/base/user-interaction/middleware.ts
new file mode 100644
index 0000000..74e9a70
--- /dev/null
+++ b/react/features/base/user-interaction/middleware.ts
@@ -0,0 +1,86 @@
+import { IStore } from '../../app/types';
+import { APP_WILL_MOUNT, APP_WILL_UNMOUNT } from '../app/actionTypes';
+import MiddlewareRegistry from '../redux/MiddlewareRegistry';
+
+import { USER_INTERACTION_RECEIVED } from './actionTypes';
+
+/**
+ * Reference to any callback that has been created to be invoked on user
+ * interaction.
+ *
+ * @type {Function|null}
+ */
+let userInteractionListener: Function | null = null;
+
+/**
+ * Implements the entry point of the middleware of the feature base/user-interaction.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case APP_WILL_MOUNT:
+        _startListeningForUserInteraction(store);
+        break;
+
+    case APP_WILL_UNMOUNT:
+        _stopListeningForUserInteraction();
+        break;
+    }
+
+    return next(action);
+});
+
+/**
+ * Callback invoked when the user interacts with the page.
+ *
+ * @param {Function} dispatch - The redux dispatch function.
+ * @param {Object} event - The DOM event for a user interacting with the page.
+ * @private
+ * @returns {void}
+ */
+function _onUserInteractionReceived(dispatch: IStore['dispatch'], event: any) {
+    if (event.isTrusted) {
+        dispatch({
+            type: USER_INTERACTION_RECEIVED
+        });
+
+        _stopListeningForUserInteraction();
+    }
+}
+
+/**
+ * Registers listeners to notify redux of any user interaction with the page.
+ *
+ * @param {Object} store - The redux store.
+ * @private
+ * @returns {void}
+ */
+function _startListeningForUserInteraction({ dispatch }: { dispatch: IStore['dispatch']; }) {
+    _stopListeningForUserInteraction();
+
+    userInteractionListener = _onUserInteractionReceived.bind(null, dispatch);
+
+    // @ts-ignore
+    window.addEventListener('mousedown', userInteractionListener);
+
+    // @ts-ignore
+    window.addEventListener('keydown', userInteractionListener);
+}
+
+/**
+ * De-registers listeners for user interaction with the page.
+ *
+ * @private
+ * @returns {void}
+ */
+function _stopListeningForUserInteraction() {
+    // @ts-ignore
+    window.removeEventListener('mousedown', userInteractionListener);
+
+    // @ts-ignore
+    window.removeEventListener('keydown', userInteractionListener);
+
+    userInteractionListener = null;
+}
diff --git a/react/features/base/user-interaction/reducer.ts b/react/features/base/user-interaction/reducer.ts
new file mode 100644
index 0000000..bf0bcca
--- /dev/null
+++ b/react/features/base/user-interaction/reducer.ts
@@ -0,0 +1,29 @@
+import { APP_WILL_MOUNT, APP_WILL_UNMOUNT } from '../app/actionTypes';
+import ReducerRegistry from '../redux/ReducerRegistry';
+
+import { USER_INTERACTION_RECEIVED } from './actionTypes';
+
+export interface IUserInteractionState {
+    interacted?: boolean;
+}
+
+
+ReducerRegistry.register<IUserInteractionState>('features/base/user-interaction',
+(state = {}, action): IUserInteractionState => {
+    switch (action.type) {
+    case APP_WILL_MOUNT:
+    case APP_WILL_UNMOUNT:
+        return {
+            ...state,
+            interacted: false
+        };
+
+    case USER_INTERACTION_RECEIVED:
+        return {
+            ...state,
+            interacted: true
+        };
+    }
+
+    return state;
+});
diff --git a/react/features/base/util/contants.ts b/react/features/base/util/contants.ts
new file mode 100644
index 0000000..3732139
--- /dev/null
+++ b/react/features/base/util/contants.ts
@@ -0,0 +1 @@
+export const SECURITY_URL = 'https://jitsi.org/security/';
diff --git a/react/features/base/util/copyText.native.ts b/react/features/base/util/copyText.native.ts
new file mode 100644
index 0000000..db9ae71
--- /dev/null
+++ b/react/features/base/util/copyText.native.ts
@@ -0,0 +1,18 @@
+import Clipboard from '@react-native-clipboard/clipboard';
+
+/**
+ * Tries to copy a given text to the clipboard.
+ * Returns true if the action succeeds.
+ *
+ * @param {string} textToCopy - Text to be copied.
+ * @returns {Promise<boolean>}
+ */
+export function copyText(textToCopy: string) {
+    try {
+        Clipboard.setString(textToCopy);
+
+        return true;
+    } catch (e) {
+        return false;
+    }
+}
diff --git a/react/features/base/util/copyText.web.ts b/react/features/base/util/copyText.web.ts
new file mode 100644
index 0000000..46f1dfe
--- /dev/null
+++ b/react/features/base/util/copyText.web.ts
@@ -0,0 +1,18 @@
+import clipboardCopy from 'clipboard-copy';
+
+/**
+ * Tries to copy a given text to the clipboard.
+ * Returns true if the action succeeds.
+ *
+ * @param {string} textToCopy - Text to be copied.
+ * @returns {Promise<boolean>}
+ */
+export async function copyText(textToCopy: string) {
+    try {
+        await clipboardCopy(textToCopy);
+
+        return true;
+    } catch (e) {
+        return false;
+    }
+}
diff --git a/react/features/base/util/downloadJSON.web.ts b/react/features/base/util/downloadJSON.web.ts
new file mode 100644
index 0000000..7cb9fc5
--- /dev/null
+++ b/react/features/base/util/downloadJSON.web.ts
@@ -0,0 +1,35 @@
+/**
+ * Downloads a JSON object.
+ *
+ * @param {Object} json - The JSON object to download.
+ * @param {string} filename - The filename to give to the downloaded file.
+ * @returns {void}
+ */
+export function downloadJSON(json: Object, filename: string): void {
+    const replacer = () => {
+        const seen = new WeakSet();
+
+        return (_: any, value: any) => {
+            if (typeof value === 'object' && value !== null) {
+                if (seen.has(value)) {
+                    return '[circular ref]';
+                }
+                seen.add(value);
+            }
+
+            return value;
+        };
+    };
+    const data = encodeURIComponent(JSON.stringify(json, replacer(), '  '));
+
+    const elem = document.createElement('a');
+
+    elem.download = filename;
+    elem.href = `data:application/json;charset=utf-8,\n${data}`;
+    elem.dataset.downloadurl = [ 'text/json', elem.download, elem.href ].join(':');
+    elem.dispatchEvent(new MouseEvent('click', {
+        view: window,
+        bubbles: true,
+        cancelable: false
+    }));
+}
diff --git a/react/features/base/util/embedUtils.native.ts b/react/features/base/util/embedUtils.native.ts
new file mode 100644
index 0000000..62eebdc
--- /dev/null
+++ b/react/features/base/util/embedUtils.native.ts
@@ -0,0 +1,26 @@
+import { getBundleId } from 'react-native-device-info';
+
+/**
+ * BUndle ids for the Jitsi Meet apps.
+ */
+const JITSI_MEET_APPS = [
+
+    // iOS app.
+    'com.atlassian.JitsiMeet.ios',
+
+    // Android + iOS (testing) app.
+    'org.jitsi.meet',
+
+    // Android debug app.
+    'org.jitsi.meet.debug'
+];
+
+/**
+ * Checks whether we are loaded in iframe. In the mobile case we treat SDK
+ * consumers as the web treats iframes.
+ *
+ * @returns {boolean} Whether the current app is a Jitsi Meet app.
+ */
+export function isEmbedded(): boolean {
+    return !JITSI_MEET_APPS.includes(getBundleId());
+}
diff --git a/react/features/base/util/embedUtils.web.ts b/react/features/base/util/embedUtils.web.ts
new file mode 100644
index 0000000..9e267b8
--- /dev/null
+++ b/react/features/base/util/embedUtils.web.ts
@@ -0,0 +1,12 @@
+/**
+ * Checks whether we are loaded in iframe.
+ *
+ * @returns {boolean} Whether the current page is loaded in an iframe.
+ */
+export function isEmbedded(): boolean {
+    try {
+        return window.self !== window.top;
+    } catch (e) {
+        return true;
+    }
+}
diff --git a/react/features/base/util/getUnsafeRoomText.native.ts b/react/features/base/util/getUnsafeRoomText.native.ts
new file mode 100644
index 0000000..6cd8632
--- /dev/null
+++ b/react/features/base/util/getUnsafeRoomText.native.ts
@@ -0,0 +1,32 @@
+import React from 'react';
+import { Text } from 'react-native';
+
+
+import { IReduxState } from '../../app/types';
+import Link from '../react/components/native/Link';
+import BaseTheme from '../ui/components/BaseTheme.native';
+
+import { SECURITY_URL } from './contants';
+
+/**
+ * Gets the unsafe room text for the given context.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @param {Function} t - The translation function.
+ * @param {'meeting'|'prejoin'|'welcome'} context - The given context of the warning.
+ * @returns {Text}
+ */
+export default function getUnsafeRoomText(state: IReduxState, t: Function, context: 'meeting' | 'prejoin' | 'welcome') {
+    const securityUrl = state['features/base/config'].legalUrls?.security ?? SECURITY_URL;
+    const link = React.createElement(Link, {
+        url: securityUrl,
+        children: 'here',
+        key: 'support-link',
+        style: { color: BaseTheme.palette.action01 } });
+
+    const options = {
+        recommendAction: t(`security.unsafeRoomActions.${context}`)
+    };
+
+    return React.createElement(Text, { children: [ t('security.insecureRoomNameWarningNative', options), link, '.' ] });
+}
diff --git a/react/features/base/util/getUnsafeRoomText.web.ts b/react/features/base/util/getUnsafeRoomText.web.ts
new file mode 100644
index 0000000..1a8d2fe
--- /dev/null
+++ b/react/features/base/util/getUnsafeRoomText.web.ts
@@ -0,0 +1,20 @@
+import { translateToHTML } from '../i18n/functions';
+
+import { SECURITY_URL } from './contants';
+
+/**
+ * Gets the unsafe room text for the given context.
+ *
+ * @param {Function} t - The translation function.
+ * @param {'meeting'|'prejoin'|'welcome'} context - The given context of the warning.
+ * @returns {string}
+ */
+export default function getUnsafeRoomText(t: Function, context: 'meeting' | 'prejoin' | 'welcome') {
+    const securityUrl = APP.store.getState()['features/base/config'].legalUrls?.security ?? SECURITY_URL;
+    const options = {
+        recommendAction: t(`security.unsafeRoomActions.${context}`),
+        securityUrl
+    };
+
+    return translateToHTML(t, 'security.insecureRoomNameWarningWeb', options);
+}
diff --git a/react/features/base/util/helpers.ts b/react/features/base/util/helpers.ts
new file mode 100644
index 0000000..bb489a9
--- /dev/null
+++ b/react/features/base/util/helpers.ts
@@ -0,0 +1,196 @@
+/**
+ * A helper function that behaves similar to Object.assign, but only reassigns a
+ * property in target if it's defined in source.
+ *
+ * @param {Object} target - The target object to assign the values into.
+ * @param {Object} source - The source object.
+ * @returns {Object}
+ */
+export function assignIfDefined(target: Object, source: Object) {
+    const to = Object(target);
+
+    for (const nextKey in source) {
+        if (source.hasOwnProperty(nextKey)) {
+            const value = source[nextKey as keyof typeof source];
+
+            if (typeof value !== 'undefined') {
+                to[nextKey] = value;
+            }
+        }
+    }
+
+    return to;
+}
+
+const MATCH_OPERATOR_REGEXP = /[|\\{}()[\]^$+*?.-]/g;
+
+/**
+ * Escape RegExp special characters.
+ *
+ * Based on https://github.com/sindresorhus/escape-string-regexp.
+ *
+ * @param {string} s - The regexp string to escape.
+ * @returns {string}
+ */
+export function escapeRegexp(s: string) {
+    if (typeof s !== 'string') {
+        throw new TypeError('Expected a string');
+    }
+
+    return s.replace(MATCH_OPERATOR_REGEXP, '\\$&');
+}
+
+/**
+ * Returns the base URL of the app.
+ *
+ * @param {Object} w - Window object to use instead of the built in one.
+ * @returns {string}
+ */
+export function getBaseUrl(w: typeof window = window) {
+    const doc = w.document;
+    const base = doc.querySelector('base');
+
+    if (base?.href) {
+        return base.href;
+    }
+
+    const { protocol, host } = w.location;
+
+    return `${protocol}//${host}`;
+}
+
+/**
+ * Returns the namespace for all global variables, functions, etc that we need.
+ *
+ * @returns {Object} The namespace.
+ *
+ * NOTE: After React-ifying everything this should be the only global.
+ */
+export function getJitsiMeetGlobalNS() {
+    if (!window.JitsiMeetJS) {
+        window.JitsiMeetJS = {};
+    }
+
+    if (!window.JitsiMeetJS.app) {
+        window.JitsiMeetJS.app = {};
+    }
+
+    return window.JitsiMeetJS.app;
+}
+
+/**
+ * Gets the Electron-specific global namespace.
+ *
+ * @returns {Object} The Electron namespace.
+ */
+export function getElectronGlobalNS() {
+    const globalNS = getJitsiMeetGlobalNS();
+
+    if (!globalNS.electron) {
+        globalNS.electron = {};
+    }
+
+    return globalNS.electron;
+}
+
+/**
+ * Returns the object that stores the connection times.
+ *
+ * @returns {Object} - The object that stores the connection times.
+ */
+export function getJitsiMeetGlobalNSConnectionTimes() {
+    const globalNS = getJitsiMeetGlobalNS();
+
+    if (!globalNS.connectionTimes) {
+        globalNS.connectionTimes = {};
+    }
+
+    return globalNS.connectionTimes;
+}
+
+/**
+ * Prints the error and reports it to the global error handler.
+ *
+ * @param {Error} e - The error object.
+ * @param {string} msg - A custom message to print in addition to the error.
+ * @returns {void}
+ */
+export function reportError(e: Error, msg = '') {
+    console.error(msg, e);
+    window.onerror?.(msg, undefined, undefined, undefined, e);
+}
+
+/**
+ * Adds alpha to a color css string.
+ *
+ * @param {string} color - The color string either in rgb... Or #... Format.
+ * @param {number} opacity -The opacity(alpha) to apply to the color. Can take a value between 0 and 1, including.
+ * @returns {string} - The color with applied alpha.
+ */
+export function setColorAlpha(color: string, opacity: number) {
+    if (!color) {
+        return `rgba(0, 0, 0, ${opacity})`;
+    }
+
+    let b, g, r;
+
+    try {
+        if (color.startsWith('rgb')) {
+            [ r, g, b ] = color.split('(')[1].split(')')[0].split(',').map(c => c.trim());
+        } else if (color.startsWith('#')) {
+            if (color.length === 4) {
+                [ r, g, b ] = parseShorthandColor(color);
+            } else {
+                r = parseInt(color.substring(1, 3), 16);
+                g = parseInt(color.substring(3, 5), 16);
+                b = parseInt(color.substring(5, 7), 16);
+            }
+        } else {
+            return color;
+        }
+
+        return `rgba(${r}, ${g}, ${b}, ${opacity})`;
+    } catch {
+        return color;
+    }
+}
+
+/**
+ * Gets the hexa rgb values for a shorthand css color.
+ *
+ * @param {string} color - The shorthand css color.
+ * @returns {Array<number>} - Array containing parsed r, g, b values of the color.
+ */
+function parseShorthandColor(color: string) {
+    let b, g, r;
+
+    r = color.substring(1, 2);
+    r += r;
+    r = parseInt(r, 16);
+
+    g = color.substring(2, 3);
+    g += g;
+    g = parseInt(g, 16);
+
+    b = color.substring(3, 4);
+    b += b;
+    b = parseInt(b, 16);
+
+    return [ r, g, b ];
+}
+
+/**
+ * Sorts an object by a sort function, same functionality as array.sort().
+ *
+ * @param {Object} object - The data object.
+ * @param {Function} callback - The sort function.
+ * @returns {void}
+ */
+export function objectSort(object: Object, callback: Function) {
+    return Object.entries(object)
+        .sort(([ , a ], [ , b ]) => callback(a, b))
+        .reduce((row, [ key, value ]) => {
+            return { ...row,
+                [key]: value };
+        }, {});
+}
diff --git a/react/features/base/util/hooks.ts b/react/features/base/util/hooks.ts
new file mode 100644
index 0000000..921bc88
--- /dev/null
+++ b/react/features/base/util/hooks.ts
@@ -0,0 +1,12 @@
+import { useSelector } from 'react-redux';
+
+/**
+ * Takes a redux selector and binds it to specific values.
+ *
+ * @param {Function} selector - The selector function.
+ * @param {...any} args - The values to bind to.
+ * @returns {any}
+ */
+export function useBoundSelector(selector: Function, ...args: any[]) {
+    return useSelector(state => selector(state, ...args));
+}
diff --git a/react/features/base/util/httpUtils.ts b/react/features/base/util/httpUtils.ts
new file mode 100644
index 0000000..db96caf
--- /dev/null
+++ b/react/features/base/util/httpUtils.ts
@@ -0,0 +1,81 @@
+import base64js from 'base64-js';
+
+import { timeoutPromise } from './timeoutPromise';
+
+/**
+ * The number of milliseconds before deciding that we need retry a fetch request.
+ *
+ * @type {number}
+ */
+const RETRY_TIMEOUT = 3000;
+
+/**
+ * Wrapper around fetch GET requests to handle json-ifying the response
+ * and logging errors.
+ *
+ * @param {string} url - The URL to perform a GET against.
+ * @param {?boolean} retry - Whether the request will be retried after short timeout.
+ * @param {?Object} options - The request options.
+ * @returns {Promise<Object>} The response body, in JSON format, will be
+ * through the Promise.
+ */
+export function doGetJSON(url: string, retry?: boolean, options?: Object) {
+    const fetchPromise = fetch(url, options)
+        .then(response => {
+            const jsonify = response.json();
+
+            if (response.ok) {
+                return jsonify;
+            }
+
+            return jsonify
+                .then(result => Promise.reject(result));
+        });
+
+    if (retry) {
+        return timeoutPromise(fetchPromise, RETRY_TIMEOUT)
+            .catch(response => {
+                if (response.status >= 400 && response.status < 500) {
+                    return Promise.reject(response);
+                }
+
+                return timeoutPromise(fetchPromise, RETRY_TIMEOUT);
+            });
+    }
+
+    return fetchPromise;
+}
+
+/**
+ * Encodes strings to Base64URL.
+ *
+ * @param {any} data - The byte array to encode.
+ * @returns {string}
+ */
+export const encodeToBase64URL = (data: string): string => base64js
+    .fromByteArray(new window.TextEncoder().encode(data))
+    .replace(/=/g, '')
+    .replace(/\+/g, '-')
+    .replace(/\//g, '_');
+
+/**
+ * Decodes strings from Base64URL.
+ *
+ * @param {string} data - The byte array to decode.
+ * @returns {string}
+ */
+export const decodeFromBase64URL = (data: string): string => {
+    let s = data;
+
+    // Convert from Base64URL to Base64.
+    if (s.length % 4 === 2) {
+        s += '==';
+    } else if (s.length % 4 === 3) {
+        s += '=';
+    }
+
+    s = s.replace(/-/g, '+').replace(/_/g, '/');
+
+    // Convert Base64 to a byte array.
+    return new window.TextDecoder().decode(base64js.toByteArray(s));
+};
diff --git a/react/features/base/util/isInsecureRoomName.ts b/react/features/base/util/isInsecureRoomName.ts
new file mode 100644
index 0000000..e0feb27
--- /dev/null
+++ b/react/features/base/util/isInsecureRoomName.ts
@@ -0,0 +1,56 @@
+import { isEqual } from 'lodash-es';
+import { NIL, parse as parseUUID } from 'uuid';
+import zxcvbn from 'zxcvbn';
+
+// The null UUID.
+const NIL_UUID = parseUUID(NIL);
+
+const _zxcvbnCache = new Map();
+
+/**
+ * Checks if the given string is a valid UUID or not.
+ *
+ * @param {string} str - The string to be checked.
+ * @returns {boolean} - Whether the string is a valid UUID or not.
+ */
+function isValidUUID(str: string) {
+    let uuid;
+
+    try {
+        uuid = parseUUID(str);
+    } catch (e) {
+        return false;
+    }
+
+    return !isEqual(uuid, NIL_UUID);
+}
+
+/**
+ * Checks a room name and caches the result.
+ *
+ * @param {string} roomName - The room name.
+ * @returns {Object}
+ */
+function _checkRoomName(roomName = '') {
+    if (_zxcvbnCache.has(roomName)) {
+        return _zxcvbnCache.get(roomName);
+    }
+
+    const result = zxcvbn(roomName);
+
+    _zxcvbnCache.set(roomName, result);
+
+    return result;
+}
+
+/**
+ * Returns true if the room name is considered a weak (insecure) one.
+ *
+ * @param {string} roomName - The room name.
+ * @returns {boolean}
+ */
+export default function isInsecureRoomName(roomName = ''): boolean {
+
+    // room names longer than 200 chars we consider secure
+    return !isValidUUID(roomName) && (roomName.length < 200 && _checkRoomName(roomName).score < 3);
+}
diff --git a/react/features/base/util/loadScript.native.ts b/react/features/base/util/loadScript.native.ts
new file mode 100644
index 0000000..46d4d4c
--- /dev/null
+++ b/react/features/base/util/loadScript.native.ts
@@ -0,0 +1,62 @@
+/**
+ * Default timeout for loading scripts.
+ */
+const DEFAULT_TIMEOUT = 5000;
+
+/**
+ * Loads a script from a specific URL. React Native cannot load a JS
+ * file/resource/URL via a <script> HTML element, so the implementation
+ * fetches the specified {@code url} as plain text using {@link fetch()} and
+ * then evaluates the fetched string as JavaScript code (using {@link eval()}).
+ *
+ * @param {string} url - The absolute URL from which the script is to be
+ * (down)loaded.
+ * @param {number} [timeout] - The timeout in millisecnods after which the
+ * loading of the specified {@code url} is to be aborted/rejected (if not
+ * settled yet).
+ * @param {boolean} skipEval - Whether we want to skip evaluating the loaded content or not.
+ * @returns {void}
+ */
+export async function loadScript(
+        url: string, timeout: number = DEFAULT_TIMEOUT, skipEval = false): Promise<any> {
+    // XXX The implementation of fetch on Android will throw an Exception on
+    // the Java side which will break the app if the URL is invalid (which
+    // the implementation of fetch on Android calls 'unexpected url'). In
+    // order to try to prevent the breakage of the app, try to fail on an
+    // invalid URL as soon as possible.
+    const { hostname, pathname, protocol } = new URL(url);
+
+    // XXX The standard URL implementation should throw an Error if the
+    // specified URL is relative. Unfortunately, the polyfill used on
+    // react-native does not.
+    if (!hostname || !pathname || !protocol) {
+        throw new Error(`unexpected url: ${url}`);
+    }
+
+    const controller = new AbortController();
+    const signal = controller.signal;
+
+    const timer = setTimeout(() => {
+        controller.abort();
+    }, timeout);
+
+    const response = await fetch(url, { signal });
+
+    // If the timeout hits the above will raise AbortError.
+
+    clearTimeout(timer);
+
+    switch (response.status) {
+    case 200: {
+        const txt = await response.text();
+
+        if (skipEval) {
+            return txt;
+        }
+
+        return eval.call(window, txt); // eslint-disable-line no-eval
+    }
+    default:
+        throw new Error(`loadScript error: ${response.statusText}`);
+    }
+}
diff --git a/react/features/base/util/loadScript.web.ts b/react/features/base/util/loadScript.web.ts
new file mode 100644
index 0000000..7c9dc4e
--- /dev/null
+++ b/react/features/base/util/loadScript.web.ts
@@ -0,0 +1,18 @@
+/**
+ * Loads a script from a specific URL. The script will be interpreted upon load.
+ *
+ * @param {string} url - The url to be loaded.
+ * @returns {Promise} Resolved with no arguments when the script is loaded and
+ * rejected with the error from JitsiMeetJS.ScriptUtil.loadScript method.
+ */
+export function loadScript(url: string): Promise<void> {
+    return new Promise((resolve, reject) =>
+        JitsiMeetJS.util.ScriptUtil.loadScript(
+            { src: url,
+                async: true,
+                prepend: false,
+                relativeURL: false,
+                loadCallback: resolve,
+                errorCallback: reject
+            }));
+}
diff --git a/react/features/base/util/logger.ts b/react/features/base/util/logger.ts
new file mode 100644
index 0000000..613f031
--- /dev/null
+++ b/react/features/base/util/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../logging/functions';
+
+export default getLogger('app:util');
diff --git a/react/features/base/util/math.ts b/react/features/base/util/math.ts
new file mode 100644
index 0000000..eca6eac
--- /dev/null
+++ b/react/features/base/util/math.ts
@@ -0,0 +1,37 @@
+/**
+ * Compute the greatest common divisor using Euclid's algorithm.
+ *
+ * @param {number} num1 - First number.
+ * @param {number} num2 - Second number.
+ * @returns {number}
+ */
+export function greatestCommonDivisor(num1: number, num2: number) {
+    let number1: number = num1;
+    let number2: number = num2;
+
+    while (number1 !== number2) {
+        if (number1 > number2) {
+            number1 = number1 - number2;
+        } else {
+            number2 = number2 - number1;
+        }
+    }
+
+    return number2;
+}
+
+/**
+ * Calculate least common multiple using gcd.
+ *
+ * @param {number} num1 - First number.
+ * @param {number} num2 - Second number.
+ * @returns {number}
+ */
+export function leastCommonMultiple(num1: number, num2: number) {
+    const number1: number = num1;
+    const number2: number = num2;
+
+    const gcd: number = greatestCommonDivisor(number1, number2);
+
+    return (number1 * number2) / gcd;
+}
diff --git a/react/features/base/util/messageGrouping.ts b/react/features/base/util/messageGrouping.ts
new file mode 100644
index 0000000..e2f1a36
--- /dev/null
+++ b/react/features/base/util/messageGrouping.ts
@@ -0,0 +1,79 @@
+/**
+ * Interface representing a message that can be grouped.
+ * Used by both chat messages and subtitles.
+ */
+export interface IGroupableMessage {
+
+    /**
+     * The ID of the participant who sent the message.
+     */
+    participantId: string;
+}
+
+/**
+ * Interface representing a group of messages from the same sender.
+ *
+ * @template T - The type of messages in the group, must extend IGroupableMessage.
+ */
+export interface IMessageGroup<T extends IGroupableMessage> {
+
+    /**
+     * Array of messages in this group.
+     */
+    messages: T[];
+
+    /**
+     * The ID of the participant who sent all messages in this group.
+     */
+    senderId: string;
+}
+
+/**
+ * Groups an array of messages by sender.
+ *
+ * @template T - The type of messages to group, must extend IGroupableMessage.
+ * @param {T[]} messages - The array of messages to group.
+ * @returns {IMessageGroup<T>[]} - An array of message groups, where each group contains messages from the same sender.
+ * @example
+ * const messages = [
+ *   { participantId: "user1", timestamp: 1000 },
+ *   { participantId: "user1", timestamp: 2000 },
+ *   { participantId: "user2", timestamp: 3000 }
+ * ];
+ * const groups = groupMessagesBySender(messages);
+ * // Returns:
+ * // [
+ * //   {
+ * //     senderId: "user1",
+ * //     messages: [
+ * //       { participantId: "user1", timestamp: 1000 },
+ * //       { participantId: "user1", timestamp: 2000 }
+ * //     ]
+ * //   },
+ * //   { senderId: "user2", messages: [{ participantId: "user2", timestamp: 3000 }] }
+ * // ]
+ */
+export function groupMessagesBySender<T extends IGroupableMessage>(
+        messages: T[]
+): IMessageGroup<T>[] {
+    if (!messages?.length) {
+        return [];
+    }
+
+    const groups: IMessageGroup<T>[] = [];
+    let currentGroup: IMessageGroup<T> | null = null;
+
+    for (const message of messages) {
+        if (!currentGroup || currentGroup.senderId !== message.participantId) {
+            currentGroup = {
+                messages: [ message ],
+                senderId: message.participantId
+            };
+            groups.push(currentGroup);
+        } else {
+            currentGroup.messages.push(message);
+        }
+    }
+
+    return groups;
+}
diff --git a/react/features/base/util/openURLInBrowser.native.ts b/react/features/base/util/openURLInBrowser.native.ts
new file mode 100644
index 0000000..d7776e2
--- /dev/null
+++ b/react/features/base/util/openURLInBrowser.native.ts
@@ -0,0 +1,16 @@
+import { Linking } from 'react-native';
+
+import logger from './logger';
+
+/**
+ * Opens URL in the browser.
+ *
+ * @param {string} url - The URL to be opened.
+ * @param {boolean} _ignore - Ignored.
+ * @returns {void}
+ */
+export function openURLInBrowser(url: string, _ignore?: boolean) {
+    Linking.openURL(url).catch(error => {
+        logger.error(`An error occurred while trying to open ${url}`, error);
+    });
+}
diff --git a/react/features/base/util/openURLInBrowser.web.ts b/react/features/base/util/openURLInBrowser.web.ts
new file mode 100644
index 0000000..4f4e301
--- /dev/null
+++ b/react/features/base/util/openURLInBrowser.web.ts
@@ -0,0 +1,12 @@
+/**
+ * Opens URL in the browser.
+ *
+ * @param {string} url - The URL to be opened.
+ * @param {boolean} openInNewTab - If the link should be opened in a new tab.
+ * @returns {void}
+ */
+export function openURLInBrowser(url: string, openInNewTab?: boolean) {
+    const target = openInNewTab ? '_blank' : '';
+
+    window.open(url, target, 'noopener');
+}
diff --git a/react/features/base/util/parseURLParams.ts b/react/features/base/util/parseURLParams.ts
new file mode 100644
index 0000000..c8a152f
--- /dev/null
+++ b/react/features/base/util/parseURLParams.ts
@@ -0,0 +1,80 @@
+// @ts-ignore
+import { safeJsonParse } from '@jitsi/js-utils/json';
+
+import { reportError } from './helpers';
+
+/**
+ * A list if keys to ignore when parsing.
+ *
+ * @type {string[]}
+ */
+const blacklist = [ '__proto__', 'constructor', 'prototype' ];
+
+/**
+ * Parses the query/search or fragment/hash parameters out of a specific URL and
+ * returns them as a JS object.
+ *
+ * @param {URL} url - The URL to parse.
+ * @param {boolean} dontParse - If falsy, some transformations (for parsing the
+ * value as JSON) will be executed.
+ * @param {string} source - If {@code 'search'}, the parameters will parsed out
+ * of {@code url.search}; otherwise, out of {@code url.hash}.
+ * @returns {Object}
+ */
+export function parseURLParams(
+        url: URL | string,
+        dontParse = false,
+        source = 'hash') {
+    if (!url) {
+        return {};
+    }
+
+    if (typeof url === 'string') {
+        // eslint-disable-next-line no-param-reassign
+        url = new URL(url);
+    }
+    const paramStr = source === 'search' ? url.search : url.hash;
+    const params: any = {};
+    const paramParts = paramStr?.substr(1).split('&') || [];
+
+    // Detect and ignore hash params for hash routers.
+    if (source === 'hash' && paramParts.length === 1) {
+        const firstParam = paramParts[0];
+
+        if (firstParam.startsWith('/') && firstParam.split('&').length === 1) {
+            return params;
+        }
+    }
+
+    paramParts.forEach((part: string) => {
+        const param = part.split('=');
+        const key = param[0];
+
+        if (!key || key.split('.').some((k: string) => blacklist.includes(k))) {
+            return;
+        }
+
+        let value;
+
+        try {
+            value = param[1];
+
+            if (!dontParse) {
+                const decoded = decodeURIComponent(value).replace(/\\&/, '&')
+                    .replace(/[\u2018\u2019]/g, '\'')
+                    .replace(/[\u201C\u201D]/g, '"');
+
+                value = decoded === 'undefined' ? undefined : safeJsonParse(decoded);
+
+            }
+        } catch (e: any) {
+            reportError(
+                e, `Failed to parse URL parameter value: ${String(value)}`);
+
+            return;
+        }
+        params[key] = value;
+    });
+
+    return params;
+}
diff --git a/react/features/base/util/spot.ts b/react/features/base/util/spot.ts
new file mode 100644
index 0000000..10ec4f2
--- /dev/null
+++ b/react/features/base/util/spot.ts
@@ -0,0 +1,16 @@
+import { IReduxState } from '../../app/types';
+
+/**
+ * Checks if Jitsi Meet is running on Spot TV.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @returns {boolean} Whether or not Jitsi Meet is running on Spot TV.
+ */
+export function isSpotTV(state: IReduxState): boolean {
+    const { defaultLocalDisplayName, iAmSpot } = state['features/base/config'] || {};
+
+    return iAmSpot
+        || navigator.userAgent.includes('JitsiSpot/') // Jitsi Spot app
+        || navigator.userAgent.includes('8x8MeetingRooms/') // 8x8 Meeting Rooms app
+        || defaultLocalDisplayName === 'Meeting Room';
+}
diff --git a/react/features/base/util/strings.native.ts b/react/features/base/util/strings.native.ts
new file mode 100644
index 0000000..619a36b
--- /dev/null
+++ b/react/features/base/util/strings.native.ts
@@ -0,0 +1,23 @@
+import * as unorm from 'unorm';
+
+/**
+ * Applies NFKC normalization to the given text.
+ * NOTE: Here we use the unorm package because the JSC version in React Native for Android crashes.
+ *
+ * @param {string} text - The text that needs to be normalized.
+ * @returns {string} - The normalized text.
+ */
+export function normalizeNFKC(text: string) {
+    return unorm.nfkc(text);
+}
+
+/**
+ * Replaces accent characters with english alphabet characters.
+ * NOTE: Here we use the unorm package because the JSC version in React Native for Android crashes.
+ *
+ * @param {string} text - The text that needs to be normalized.
+ * @returns {string} - The normalized text.
+ */
+export function normalizeAccents(text: string) {
+    return unorm.nfd(text).replace(/[\u0300-\u036f]/g, '');
+}
diff --git a/react/features/base/util/strings.web.ts b/react/features/base/util/strings.web.ts
new file mode 100644
index 0000000..3bf7036
--- /dev/null
+++ b/react/features/base/util/strings.web.ts
@@ -0,0 +1,20 @@
+/**
+ * Applies NFKC normalization to the given text.
+ *
+ * @param {string} text - The text that needs to be normalized.
+ * @returns {string} - The normalized text.
+ */
+export function normalizeNFKC(text: string) {
+    return text.normalize('NFKC');
+}
+
+/**
+ * Replaces accent characters with english alphabet characters.
+ * NOTE: Here we use the unorm package because the JSC version in React Native for Android crashes.
+ *
+ * @param {string} text - The text that needs to be normalized.
+ * @returns {string} - The normalized text.
+ */
+export function normalizeAccents(text: string) {
+    return text.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
+}
diff --git a/react/features/base/util/timeoutPromise.ts b/react/features/base/util/timeoutPromise.ts
new file mode 100644
index 0000000..7164b01
--- /dev/null
+++ b/react/features/base/util/timeoutPromise.ts
@@ -0,0 +1,34 @@
+/**
+ * Returns a new {@code Promise} which settles when a specific {@code Promise}
+ * settles and is automatically rejected if the specified {@code Promise}
+ * doesn't settle within a specific time interval.
+ *
+ * @param {Promise} promise - The {@code Promise} for which automatic rejecting
+ * after the specified timeout is to be implemented.
+ * @param {number} timeout - The number of milliseconds to wait the specified
+ * {@code promise} to settle before automatically rejecting the returned
+ * {@code Promise}.
+ * @returns {Promise} - A new {@code Promise} which settles when the specified
+ * {@code promise} settles and is automatically rejected after {@code timeout}
+ * milliseconds.
+ */
+export function timeoutPromise<T>(
+        promise: Promise<T>,
+        timeout: number
+): Promise<T> {
+    return new Promise((resolve, reject) => {
+        const timeoutID
+            = setTimeout(() => reject(new Error('timeout')), timeout);
+
+        promise.then(
+            /* onFulfilled */ value => {
+                resolve(value);
+                clearTimeout(timeoutID);
+            },
+            /* onRejected */ reason => {
+                reject(reason);
+                clearTimeout(timeoutID);
+            }
+        );
+    });
+}
diff --git a/react/features/base/util/uri.ts b/react/features/base/util/uri.ts
new file mode 100644
index 0000000..3a51b67
--- /dev/null
+++ b/react/features/base/util/uri.ts
@@ -0,0 +1,710 @@
+import { sanitizeUrl as _sanitizeUrl } from '@braintree/sanitize-url';
+
+import { parseURLParams } from './parseURLParams';
+import { normalizeNFKC } from './strings';
+
+/**
+ * Http status codes.
+ */
+export enum StatusCode {
+    PaymentRequired = 402
+}
+
+/**
+ * The app linking scheme.
+ * TODO: This should be read from the manifest files later.
+ */
+export const APP_LINK_SCHEME = 'org.jitsi.meet:';
+
+/**
+ * A list of characters to be excluded/removed from the room component/segment
+ * of a conference/meeting URI/URL. The list is based on RFC 3986 and the jxmpp
+ * library utilized by jicofo.
+ */
+const _ROOM_EXCLUDE_PATTERN = '[\\:\\?#\\[\\]@!$&\'()*+,;=></"]';
+
+/**
+ * The {@link RegExp} pattern of the authority of a URI.
+ *
+ * @private
+ * @type {string}
+ */
+const _URI_AUTHORITY_PATTERN = '(//[^/?#]+)';
+
+/**
+ * The {@link RegExp} pattern of the path of a URI.
+ *
+ * @private
+ * @type {string}
+ */
+const _URI_PATH_PATTERN = '([^?#]*)';
+
+/**
+ * The {@link RegExp} pattern of the image data scheme.
+ *
+ * @private
+ * @type {RegExp}
+ */
+const IMG_DATA_URL: RegExp = /^data:image\/[a-z0-9\-.+]+;base64,/i;
+
+/**
+ * The {@link RegExp} pattern of the protocol of a URI.
+ *
+ * FIXME: The URL class exposed by JavaScript will not include the colon in
+ * the protocol field. Also in other places (at the time of this writing:
+ * the DeepLinkingMobilePage.js) the APP_LINK_SCHEME does not include
+ * the double dots, so things are inconsistent.
+ *
+ * @type {string}
+ */
+export const URI_PROTOCOL_PATTERN = '^([a-z][a-z0-9\\.\\+-]*:)';
+
+/**
+ * Excludes/removes certain characters from a specific path part which are
+ * incompatible with Jitsi Meet on the client and/or server sides. The main
+ * use case for this method is to clean up the room name and the tenant.
+ *
+ * @param {?string} pathPart - The path part to fix.
+ * @private
+ * @returns {?string}
+ */
+function _fixPathPart(pathPart?: string) {
+    return pathPart
+        ? pathPart.replace(new RegExp(_ROOM_EXCLUDE_PATTERN, 'g'), '')
+        : pathPart;
+}
+
+/**
+ * Fixes the scheme part of a specific URI (string) so that it contains a
+ * well-known scheme such as HTTP(S). For example, the mobile app implements an
+ * app-specific URI scheme in addition to Universal Links. The app-specific
+ * scheme may precede or replace the well-known scheme. In such a case, dealing
+ * with the app-specific scheme only complicates the logic and it is simpler to
+ * get rid of it (by translating the app-specific scheme into a well-known
+ * scheme).
+ *
+ * @param {string} uri - The URI (string) to fix the scheme of.
+ * @private
+ * @returns {string}
+ */
+function _fixURIStringScheme(uri: string) {
+    const regex = new RegExp(`${URI_PROTOCOL_PATTERN}+`, 'gi');
+    const match: Array<string> | null = regex.exec(uri);
+
+    if (match) {
+        // As an implementation convenience, pick up the last scheme and make
+        // sure that it is a well-known one.
+        let protocol = match[match.length - 1].toLowerCase();
+
+        if (protocol !== 'http:' && protocol !== 'https:') {
+            protocol = 'https:';
+        }
+
+        /* eslint-disable no-param-reassign */
+
+        uri = uri.substring(regex.lastIndex);
+        if (uri.startsWith('//')) {
+            // The specified URL was not a room name only, it contained an
+            // authority.
+            uri = protocol + uri;
+        }
+
+        /* eslint-enable no-param-reassign */
+    }
+
+    return uri;
+}
+
+/**
+ * Converts a path to a backend-safe format, by splitting the path '/' processing each part.
+ * Properly lowercased and url encoded.
+ *
+ * @param {string?} path - The path to convert.
+ * @returns {string?}
+ */
+export function getBackendSafePath(path?: string): string | undefined {
+    if (!path) {
+        return path;
+    }
+
+    return path
+        .split('/')
+        .map(getBackendSafeRoomName)
+        .join('/');
+}
+
+/**
+ * Converts a room name to a backend-safe format. Properly lowercased and url encoded.
+ *
+ * @param {string?} room - The room name to convert.
+ * @returns {string?}
+ */
+export function getBackendSafeRoomName(room?: string): string | undefined {
+    if (!room) {
+        return room;
+    }
+
+    /* eslint-disable no-param-reassign */
+    try {
+        // We do not know if we get an already encoded string at this point
+        // as different platforms do it differently, but we need a decoded one
+        // for sure. However since decoding a non-encoded string is a noop, we're safe
+        // doing it here.
+        room = decodeURIComponent(room);
+    } catch (e) {
+        // This can happen though if we get an unencoded string and it contains
+        // some characters that look like an encoded entity, but it's not.
+        // But in this case we're fine going on...
+    }
+
+    // Normalize the character set.
+    room = normalizeNFKC(room);
+
+    // Only decoded and normalized strings can be lowercased properly.
+    room = room?.toLowerCase();
+
+    // But we still need to (re)encode it.
+    room = encodeURIComponent(room ?? '');
+    /* eslint-enable no-param-reassign */
+
+    // Unfortunately we still need to lowercase it, because encoding a string will
+    // add some uppercase characters, but some backend services
+    // expect it to be full lowercase. However lowercasing an encoded string
+    // doesn't change the string value.
+    return room.toLowerCase();
+}
+
+/**
+ * Gets the (Web application) context root defined by a specific location (URI).
+ *
+ * @param {Object} location - The location (URI) which defines the (Web
+ * application) context root.
+ * @public
+ * @returns {string} - The (Web application) context root defined by the
+ * specified {@code location} (URI).
+ */
+export function getLocationContextRoot({ pathname }: { pathname: string; }) {
+    const contextRootEndIndex = pathname.lastIndexOf('/');
+
+    return (
+        contextRootEndIndex === -1
+            ? '/'
+            : pathname.substring(0, contextRootEndIndex + 1));
+}
+
+/**
+ * Constructs a new {@code Array} with URL parameter {@code String}s out of a
+ * specific {@code Object}.
+ *
+ * @param {Object} obj - The {@code Object} to turn into URL parameter
+ * {@code String}s.
+ * @returns {Array<string>} The {@code Array} with URL parameter {@code String}s
+ * constructed out of the specified {@code obj}.
+ */
+function _objectToURLParamsArray(obj = {}) {
+    const params = [];
+
+    for (const key in obj) { // eslint-disable-line guard-for-in
+        try {
+            params.push(
+                `${key}=${encodeURIComponent(JSON.stringify(obj[key as keyof typeof obj]))}`);
+        } catch (e) {
+            console.warn(`Error encoding ${key}: ${e}`);
+        }
+    }
+
+    return params;
+}
+
+/**
+ * Parses a specific URI string into an object with the well-known properties of
+ * the {@link Location} and/or {@link URL} interfaces implemented by Web
+ * browsers. The parsing attempts to be in accord with IETF's RFC 3986.
+ *
+ * @param {string} str - The URI string to parse.
+ * @public
+ * @returns {{
+ *     hash: string,
+ *     host: (string|undefined),
+ *     hostname: (string|undefined),
+ *     pathname: string,
+ *     port: (string|undefined),
+ *     protocol: (string|undefined),
+ *     search: string
+ * }}
+ */
+export function parseStandardURIString(str: string) {
+    /* eslint-disable no-param-reassign */
+
+    const obj: { [key: string]: any; } = {
+        toString: _standardURIToString
+    };
+
+    let regex;
+    let match: Array<string> | null;
+
+    // XXX A URI string as defined by RFC 3986 does not contain any whitespace.
+    // Usually, a browser will have already encoded any whitespace. In order to
+    // avoid potential later problems related to whitespace in URI, strip any
+    // whitespace. Anyway, the Jitsi Meet app is not known to utilize unencoded
+    // whitespace so the stripping is deemed safe.
+    str = str.replace(/\s/g, '');
+
+    // protocol
+    regex = new RegExp(URI_PROTOCOL_PATTERN, 'gi');
+    match = regex.exec(str);
+    if (match) {
+        obj.protocol = match[1].toLowerCase();
+        str = str.substring(regex.lastIndex);
+    }
+
+    // authority
+    regex = new RegExp(`^${_URI_AUTHORITY_PATTERN}`, 'gi');
+    match = regex.exec(str);
+    if (match) {
+        let authority: string = match[1].substring(/* // */ 2);
+
+        str = str.substring(regex.lastIndex);
+
+        // userinfo
+        const userinfoEndIndex = authority.indexOf('@');
+
+        if (userinfoEndIndex !== -1) {
+            authority = authority.substring(userinfoEndIndex + 1);
+        }
+
+        obj.host = authority;
+
+        // port
+        const portBeginIndex = authority.lastIndexOf(':');
+
+        if (portBeginIndex !== -1) {
+            obj.port = authority.substring(portBeginIndex + 1);
+            authority = authority.substring(0, portBeginIndex);
+        }
+
+        // hostname
+        obj.hostname = authority;
+    }
+
+    // pathname
+    regex = new RegExp(`^${_URI_PATH_PATTERN}`, 'gi');
+    match = regex.exec(str);
+
+    let pathname: string | undefined;
+
+    if (match) {
+        pathname = match[1];
+        str = str.substring(regex.lastIndex);
+    }
+    if (pathname) {
+        pathname.startsWith('/') || (pathname = `/${pathname}`);
+    } else {
+        pathname = '/';
+    }
+    obj.pathname = pathname;
+
+    // query
+    if (str.startsWith('?')) {
+        let hashBeginIndex = str.indexOf('#', 1);
+
+        if (hashBeginIndex === -1) {
+            hashBeginIndex = str.length;
+        }
+        obj.search = str.substring(0, hashBeginIndex);
+        str = str.substring(hashBeginIndex);
+    } else {
+        obj.search = ''; // Google Chrome
+    }
+
+    // fragment
+    obj.hash = str.startsWith('#') ? str : '';
+
+    /* eslint-enable no-param-reassign */
+
+    return obj;
+}
+
+/**
+ * Parses a specific URI which (supposedly) references a Jitsi Meet resource
+ * (location).
+ *
+ * @param {(string|undefined)} uri - The URI to parse which (supposedly)
+ * references a Jitsi Meet resource (location).
+ * @public
+ * @returns {{
+ *     contextRoot: string,
+ *     hash: string,
+ *     host: string,
+ *     hostname: string,
+ *     pathname: string,
+ *     port: string,
+ *     protocol: string,
+ *     room: (string|undefined),
+ *     search: string
+ * }}
+ */
+export function parseURIString(uri?: string): any {
+    if (typeof uri !== 'string') {
+        return undefined;
+    }
+
+    const obj = parseStandardURIString(_fixURIStringScheme(uri));
+
+    // XXX While the components/segments of pathname are URI encoded, Jitsi Meet
+    // on the client and/or server sides still don't support certain characters.
+    obj.pathname = obj.pathname.split('/').map((pathPart: any) => _fixPathPart(pathPart))
+        .join('/');
+
+    // Add the properties that are specific to a Jitsi Meet resource (location)
+    // such as contextRoot, room:
+
+    // contextRoot
+    // @ts-ignore
+    obj.contextRoot = getLocationContextRoot(obj);
+
+    // The room (name) is the last component/segment of pathname.
+    const { pathname } = obj;
+
+    const contextRootEndIndex = pathname.lastIndexOf('/');
+
+    obj.room = pathname.substring(contextRootEndIndex + 1) || undefined;
+
+    if (contextRootEndIndex > 1) {
+        // The part of the pathname from the beginning to the room name is the tenant.
+        obj.tenant = pathname.substring(1, contextRootEndIndex);
+    }
+
+    return obj;
+}
+
+/**
+ * Implements {@code href} and {@code toString} for the {@code Object} returned
+ * by {@link #parseStandardURIString}.
+ *
+ * @param {Object} [thiz] - An {@code Object} returned by
+ * {@code #parseStandardURIString} if any; otherwise, it is presumed that the
+ * function is invoked on such an instance.
+ * @returns {string}
+ */
+function _standardURIToString(thiz?: Object) {
+    // @ts-ignore
+    // eslint-disable-next-line @typescript-eslint/no-invalid-this
+    const { hash, host, pathname, protocol, search } = thiz || this;
+    let str = '';
+
+    protocol && (str += protocol);
+
+    // TODO userinfo
+
+    host && (str += `//${host}`);
+    str += pathname || '/';
+    search && (str += search);
+    hash && (str += hash);
+
+    return str;
+}
+
+/**
+ * Sometimes we receive strings that we don't know if already percent-encoded, or not, due to the
+ * various sources we get URLs or room names. This function encapsulates the decoding in a safe way.
+ *
+ * @param {string} text - The text to decode.
+ * @returns {string}
+ */
+export function safeDecodeURIComponent(text: string) {
+    try {
+        return decodeURIComponent(text);
+    } catch (e) {
+        // The text wasn't encoded.
+    }
+
+    return text;
+}
+
+/**
+ * Attempts to return a {@code String} representation of a specific
+ * {@code Object} which is supposed to represent a URL. Obviously, if a
+ * {@code String} is specified, it is returned. If a {@code URL} is specified,
+ * its {@code URL#href} is returned. Additionally, an {@code Object} similar to
+ * the one accepted by the constructor of Web's ExternalAPI is supported on both
+ * mobile/React Native and Web/React.
+ *
+ * @param {Object|string} obj - The URL to return a {@code String}
+ * representation of.
+ * @returns {string} - A {@code String} representation of the specified
+ * {@code obj} which is supposed to represent a URL.
+ */
+export function toURLString(obj?: (Object | string)) {
+    let str;
+
+    switch (typeof obj) {
+    case 'object':
+        if (obj) {
+            if (obj instanceof URL) {
+                str = obj.href;
+            } else {
+                str = urlObjectToString(obj);
+            }
+        }
+        break;
+
+    case 'string':
+        str = String(obj);
+        break;
+    }
+
+    return str;
+}
+
+/**
+ * Attempts to return a {@code String} representation of a specific
+ * {@code Object} similar to the one accepted by the constructor
+ * of Web's ExternalAPI.
+ *
+ * @param {Object} o - The URL to return a {@code String} representation of.
+ * @returns {string} - A {@code String} representation of the specified
+ * {@code Object}.
+ */
+export function urlObjectToString(o: { [key: string]: any; }): string | undefined {
+    // First normalize the given url. It come as o.url or split into o.serverURL
+    // and o.room.
+    let tmp;
+
+    if (o.serverURL && o.room) {
+        tmp = new URL(o.room, o.serverURL).toString();
+    } else if (o.room) {
+        tmp = o.room;
+    } else {
+        tmp = o.url || '';
+    }
+
+    const url = parseStandardURIString(_fixURIStringScheme(tmp));
+
+    // protocol
+    if (!url.protocol) {
+        let protocol: string | undefined = o.protocol || o.scheme;
+
+        if (protocol) {
+            // Protocol is supposed to be the scheme and the final ':'. Anyway,
+            // do not make a fuss if the final ':' is not there.
+            protocol.endsWith(':') || (protocol += ':');
+            url.protocol = protocol;
+        }
+    }
+
+    // authority & pathname
+    let { pathname } = url;
+
+    if (!url.host) {
+        // Web's ExternalAPI domain
+        //
+        // It may be host/hostname and pathname with the latter denoting the
+        // tenant.
+        const domain: string | undefined = o.domain || o.host || o.hostname;
+
+        if (domain) {
+            const { host, hostname, pathname: contextRoot, port }
+                = parseStandardURIString(
+
+                    // XXX The value of domain in supposed to be host/hostname
+                    // and, optionally, pathname. Make sure it is not taken for
+                    // a pathname only.
+                    _fixURIStringScheme(`${APP_LINK_SCHEME}//${domain}`));
+
+            // authority
+            if (host) {
+                url.host = host;
+                url.hostname = hostname;
+                url.port = port;
+            }
+
+            // pathname
+            pathname === '/' && contextRoot !== '/' && (pathname = contextRoot);
+        }
+    }
+
+    // pathname
+
+    // Web's ExternalAPI roomName
+    const room = o.roomName || o.room;
+
+    if (room
+            && (url.pathname.endsWith('/')
+                || !url.pathname.endsWith(`/${room}`))) {
+        pathname.endsWith('/') || (pathname += '/');
+        pathname += room;
+    }
+
+    url.pathname = pathname;
+
+    // query/search
+
+    // Web's ExternalAPI jwt and lang
+    const { jwt, lang, release } = o;
+
+    const search = new URLSearchParams(url.search);
+
+    // TODO: once all available versions are updated to support the jwt in the hash, remove this
+    if (jwt) {
+        search.set('jwt', jwt);
+    }
+
+    const { defaultLanguage } = o.configOverwrite || {};
+
+    if (lang || defaultLanguage) {
+        search.set('lang', lang || defaultLanguage);
+    }
+
+    if (release) {
+        search.set('release', release);
+    }
+
+    const searchString = search.toString();
+
+    if (searchString) {
+        url.search = `?${searchString}`;
+    }
+
+    // fragment/hash
+
+    let { hash } = url;
+
+    if (jwt) {
+        if (hash.length) {
+            hash = `${hash}&jwt=${JSON.stringify(jwt)}`;
+        } else {
+            hash = `#jwt=${JSON.stringify(jwt)}`;
+        }
+    }
+
+    for (const urlPrefix of [ 'config', 'iceServers', 'interfaceConfig', 'devices', 'userInfo', 'appData' ]) {
+        const urlParamsArray
+            = _objectToURLParamsArray(
+                o[`${urlPrefix}Overwrite`]
+                    || o[urlPrefix]
+                    || o[`${urlPrefix}Override`]);
+
+        if (urlParamsArray.length) {
+            let urlParamsString
+                = `${urlPrefix}.${urlParamsArray.join(`&${urlPrefix}.`)}`;
+
+            if (hash.length) {
+                urlParamsString = `&${urlParamsString}`;
+            } else {
+                hash = '#';
+            }
+            hash += urlParamsString;
+        }
+    }
+
+    url.hash = hash;
+
+    return url.toString() || undefined;
+}
+
+/**
+ * Adds hash params to URL.
+ *
+ * @param {URL} url - The URL.
+ * @param {Object} hashParamsToAdd - A map with the parameters to be set.
+ * @returns {URL} - The new URL.
+ */
+export function addHashParamsToURL(url: URL, hashParamsToAdd: Object = {}) {
+    const params = parseURLParams(url);
+    const urlParamsArray = _objectToURLParamsArray({
+        ...params,
+        ...hashParamsToAdd
+    });
+
+    if (urlParamsArray.length) {
+        url.hash = `#${urlParamsArray.join('&')}`;
+    }
+
+    return url;
+}
+
+/**
+ * Returns the decoded URI.
+ *
+ * @param {string} uri - The URI to decode.
+ * @returns {string}
+ */
+export function getDecodedURI(uri: string) {
+    return decodeURI(uri.replace(/^https?:\/\//i, ''));
+}
+
+/**
+ * Adds new param to a url string. Checks whether to use '?' or '&' as a separator (checks for already existing params).
+ *
+ * @param {string} url - The url to modify.
+ * @param {string} name - The param name to add.
+ * @param {string} value - The value for the param.
+ *
+ * @returns {string} - The modified url.
+ */
+export function appendURLParam(url: string, name: string, value: string) {
+    const newUrl = new URL(url);
+
+    newUrl.searchParams.append(name, value);
+
+    return newUrl.toString();
+}
+
+/**
+ * Adds new hash param to a url string.
+ * Checks whether to use '?' or '&' as a separator (checks for already existing params).
+ *
+ * @param {string} url - The url to modify.
+ * @param {string} name - The param name to add.
+ * @param {string} value - The value for the param.
+ *
+ * @returns {string} - The modified url.
+ */
+export function appendURLHashParam(url: string, name: string, value: string) {
+    const newUrl = new URL(url);
+    const dummyUrl = new URL('https://example.com');
+
+    // Copy current hash-parameters without the '#' as search-parameters.
+    dummyUrl.search = newUrl.hash.substring(1);
+
+    // Set or update value with the searchParams-API.
+    dummyUrl.searchParams.append(name, value);
+
+    // Write back as hash parameters.
+    newUrl.hash = dummyUrl.searchParams.toString();
+
+    return newUrl.toString();
+}
+
+/**
+ * Sanitizes the given URL so that it's safe to use. If it's unsafe, null is returned.
+ *
+ * @param {string|URL} url - The URL that needs to be sanitized.
+ *
+ * @returns {URL?} - The sanitized URL, or null otherwise.
+ */
+export function sanitizeUrl(url?: string | URL): URL | null {
+    if (!url) {
+        return null;
+    }
+
+    const urlStr = url.toString();
+    const result = _sanitizeUrl(urlStr);
+
+    if (result === 'about:blank') {
+        return null;
+    }
+
+    return new URL(result);
+}
+
+/**
+ * Check whether the given url is a valid image data url.
+ *
+ * @param {string} url - The url to check.
+ * @returns {boolean} True if the url is a valid image data url, false otherwise.
+ */
+export function isImageDataURL(url: string): boolean {
+    return IMG_DATA_URL.test(url);
+}
diff --git a/react/features/breakout-rooms/actionTypes.ts b/react/features/breakout-rooms/actionTypes.ts
new file mode 100644
index 0000000..b2adac4
--- /dev/null
+++ b/react/features/breakout-rooms/actionTypes.ts
@@ -0,0 +1,15 @@
+/**
+ * The type of (redux) action to reset the breakout rooms data.
+ */
+export const _RESET_BREAKOUT_ROOMS = '_RESET_BREAKOUT_ROOMS';
+
+/**
+ * The type of (redux) action to update the room counter locally.
+ */
+export const _UPDATE_ROOM_COUNTER = '_UPDATE_ROOM_COUNTER';
+
+/**
+  * The type of (redux) action to update the breakout room data.
+  *
+  */
+export const UPDATE_BREAKOUT_ROOMS = 'UPDATE_BREAKOUT_ROOMS';
diff --git a/react/features/breakout-rooms/actions.ts b/react/features/breakout-rooms/actions.ts
new file mode 100644
index 0000000..69f9192
--- /dev/null
+++ b/react/features/breakout-rooms/actions.ts
@@ -0,0 +1,322 @@
+import i18next from 'i18next';
+import { chunk, filter, shuffle } from 'lodash-es';
+
+import { createBreakoutRoomsEvent } from '../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../analytics/functions';
+import { IStore } from '../app/types';
+import {
+    conferenceLeft,
+    conferenceWillLeave,
+    createConference
+} from '../base/conference/actions';
+import { CONFERENCE_LEAVE_REASONS } from '../base/conference/constants';
+import { getCurrentConference } from '../base/conference/functions';
+import { setAudioMuted, setVideoMuted } from '../base/media/actions';
+import { MEDIA_TYPE } from '../base/media/constants';
+import { getRemoteParticipants } from '../base/participants/functions';
+import { createDesiredLocalTracks } from '../base/tracks/actions';
+import {
+    getLocalTracks,
+    isLocalTrackMuted
+} from '../base/tracks/functions';
+import { clearNotifications, showNotification } from '../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE } from '../notifications/constants';
+
+import { _RESET_BREAKOUT_ROOMS, _UPDATE_ROOM_COUNTER } from './actionTypes';
+import { FEATURE_KEY } from './constants';
+import {
+    getBreakoutRooms,
+    getMainRoom,
+    getRoomByJid
+} from './functions';
+import logger from './logger';
+
+/**
+ * Action to create a breakout room.
+ *
+ * @param {string} name - Name / subject for the breakout room.
+ * @returns {Function}
+ */
+export function createBreakoutRoom(name?: string) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        let { roomCounter } = state[FEATURE_KEY];
+        const subject = name || i18next.t('breakoutRooms.defaultName', { index: ++roomCounter });
+
+        sendAnalytics(createBreakoutRoomsEvent('create'));
+
+        dispatch({
+            type: _UPDATE_ROOM_COUNTER,
+            roomCounter
+        });
+
+        getCurrentConference(state)?.getBreakoutRooms()
+            ?.createBreakoutRoom(subject);
+    };
+}
+
+/**
+ * Action to close a room and send participants to the main room.
+ *
+ * @param {string} roomId - The id of the room to close.
+ * @returns {Function}
+ */
+export function closeBreakoutRoom(roomId: string) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const rooms = getBreakoutRooms(getState);
+        const room = rooms[roomId];
+        const mainRoom = getMainRoom(getState);
+
+        sendAnalytics(createBreakoutRoomsEvent('close'));
+
+        if (room && mainRoom) {
+            Object.values(room.participants).forEach(p => {
+                dispatch(sendParticipantToRoom(p.jid, mainRoom.id));
+            });
+        }
+    };
+}
+
+/**
+ * Action to rename a breakout room.
+ *
+ * @param {string} breakoutRoomJid - The jid of the breakout room to rename.
+ * @param {string} name - New name / subject for the breakout room.
+ * @returns {Function}
+ */
+export function renameBreakoutRoom(breakoutRoomJid: string, name = '') {
+    return (_dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const trimmedName = name.trim();
+
+        if (trimmedName.length !== 0) {
+            sendAnalytics(createBreakoutRoomsEvent('rename'));
+            getCurrentConference(getState)?.getBreakoutRooms()
+                ?.renameBreakoutRoom(breakoutRoomJid, trimmedName);
+        }
+    };
+}
+
+/**
+ * Action to remove a breakout room.
+ *
+ * @param {string} breakoutRoomJid - The jid of the breakout room to remove.
+ * @returns {Function}
+ */
+export function removeBreakoutRoom(breakoutRoomJid: string) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        sendAnalytics(createBreakoutRoomsEvent('remove'));
+        const room = getRoomByJid(getState, breakoutRoomJid);
+
+        if (!room) {
+            logger.error('The room to remove was not found.');
+
+            return;
+        }
+
+        if (Object.keys(room.participants).length > 0) {
+            dispatch(closeBreakoutRoom(room.id));
+        }
+        getCurrentConference(getState)?.getBreakoutRooms()
+            ?.removeBreakoutRoom(breakoutRoomJid);
+    };
+}
+
+/**
+ * Action to auto-assign the participants to breakout rooms.
+ *
+ * @returns {Function}
+ */
+export function autoAssignToBreakoutRooms() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const rooms = getBreakoutRooms(getState);
+        const breakoutRooms = filter(rooms, room => !room.isMainRoom);
+
+        if (breakoutRooms) {
+            sendAnalytics(createBreakoutRoomsEvent('auto.assign'));
+            const participantIds = Array.from(getRemoteParticipants(getState).keys());
+            const length = Math.ceil(participantIds.length / breakoutRooms.length);
+
+            chunk(shuffle(participantIds), length).forEach((group, index) =>
+                group.forEach(participantId => {
+                    dispatch(sendParticipantToRoom(participantId, breakoutRooms[index].id));
+                })
+            );
+        }
+    };
+}
+
+/**
+ * Action to send a participant to a room.
+ *
+ * @param {string} participantId - The participant id.
+ * @param {string} roomId - The room id.
+ * @returns {Function}
+ */
+export function sendParticipantToRoom(participantId: string, roomId: string) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const rooms = getBreakoutRooms(getState);
+        const room = rooms[roomId];
+
+        if (!room) {
+            logger.warn(`Invalid room: ${roomId}`);
+
+            return;
+        }
+
+        // Get the full JID of the participant. We could be getting the endpoint ID or
+        // a participant JID. We want to find the connection JID.
+        const participantJid = _findParticipantJid(getState, participantId);
+
+        if (!participantJid) {
+            logger.warn(`Could not find participant ${participantId}`);
+
+            return;
+        }
+
+        getCurrentConference(getState)?.getBreakoutRooms()
+            ?.sendParticipantToRoom(participantJid, room.jid);
+    };
+}
+
+/**
+ * Action to move to a room.
+ *
+ * @param {string} roomId - The room id to move to. If omitted move to the main room.
+ * @returns {Function}
+ */
+export function moveToRoom(roomId?: string) {
+    return async (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const mainRoomId = getMainRoom(getState)?.id;
+        let _roomId: string | undefined | String = roomId || mainRoomId;
+
+        // Check if we got a full JID.
+        if (_roomId && _roomId?.indexOf('@') !== -1) {
+            const [ id, ...domainParts ] = _roomId.split('@');
+
+            // On mobile we first store the room and the connection is created
+            // later, so let's attach the domain to the room String object as
+            // a little hack.
+
+            // eslint-disable-next-line no-new-wrappers
+            _roomId = new String(id);
+
+            // @ts-ignore
+            _roomId.domain = domainParts.join('@');
+        }
+
+        const roomIdStr = _roomId?.toString();
+        const goToMainRoom = roomIdStr === mainRoomId;
+        const rooms = getBreakoutRooms(getState);
+        const targetRoom = rooms[roomIdStr ?? ''];
+
+        if (!targetRoom) {
+            logger.warn(`Unknown room: ${targetRoom}`);
+
+            return;
+        }
+
+        dispatch({
+            type: _RESET_BREAKOUT_ROOMS
+        });
+
+        if (navigator.product === 'ReactNative') {
+            const conference = getCurrentConference(getState);
+            const { audio, video } = getState()['features/base/media'];
+
+            dispatch(conferenceWillLeave(conference));
+
+            try {
+                await conference?.leave(CONFERENCE_LEAVE_REASONS.SWITCH_ROOM);
+            } catch (error) {
+                logger.warn('JitsiConference.leave() rejected with:', error);
+
+                dispatch(conferenceLeft(conference));
+            }
+
+            dispatch(clearNotifications());
+            dispatch(createConference(_roomId));
+            dispatch(setAudioMuted(audio.muted));
+            dispatch(setVideoMuted(Boolean(video.muted)));
+            dispatch(createDesiredLocalTracks());
+        } else {
+            const localTracks = getLocalTracks(getState()['features/base/tracks']);
+            const isAudioMuted = isLocalTrackMuted(localTracks, MEDIA_TYPE.AUDIO);
+            const isVideoMuted = isLocalTrackMuted(localTracks, MEDIA_TYPE.VIDEO);
+
+            try {
+                // all places we fire notifyConferenceLeft we pass the room name from APP.conference
+                await APP.conference.leaveRoom(false /* doDisconnect */, CONFERENCE_LEAVE_REASONS.SWITCH_ROOM).then(
+                    () => APP.API.notifyConferenceLeft(APP.conference.roomName));
+            } catch (error) {
+                logger.warn('APP.conference.leaveRoom() rejected with:', error);
+
+                // TODO: revisit why we don't dispatch CONFERENCE_LEFT here.
+            }
+
+            APP.conference.joinRoom(_roomId, {
+                startWithAudioMuted: isAudioMuted,
+                startWithVideoMuted: isVideoMuted
+            });
+        }
+
+        if (goToMainRoom) {
+            dispatch(showNotification({
+                titleKey: 'breakoutRooms.notifications.joinedTitle',
+                descriptionKey: 'breakoutRooms.notifications.joinedMainRoom',
+                concatText: true,
+                maxLines: 2
+            }, NOTIFICATION_TIMEOUT_TYPE.MEDIUM));
+        } else {
+            dispatch(showNotification({
+                titleKey: 'breakoutRooms.notifications.joinedTitle',
+                descriptionKey: 'breakoutRooms.notifications.joined',
+                descriptionArguments: { name: targetRoom.name },
+                concatText: true,
+                maxLines: 2
+            }, NOTIFICATION_TIMEOUT_TYPE.MEDIUM));
+        }
+    };
+}
+
+/**
+ * Finds a participant's connection JID given its ID.
+ *
+ * @param {Function} getState - The redux store state getter.
+ * @param {string} participantId - ID of the given participant.
+ * @returns {string|undefined} - The participant connection JID if found.
+ */
+function _findParticipantJid(getState: IStore['getState'], participantId: string) {
+    const conference = getCurrentConference(getState);
+
+    if (!conference) {
+        return;
+    }
+
+    // Get the full JID of the participant. We could be getting the endpoint ID or
+    // a participant JID. We want to find the connection JID.
+    let _participantId = participantId;
+    let participantJid;
+
+    if (!participantId.includes('@')) {
+        const p = conference.getParticipantById(participantId);
+
+        _participantId = p?.getJid(); // This will be the room JID.
+    }
+
+    if (_participantId) {
+        const rooms = getBreakoutRooms(getState);
+
+        for (const room of Object.values(rooms)) {
+            const participants = room.participants || {};
+            const p = participants[_participantId]
+                || Object.values(participants).find(item => item.jid === _participantId);
+
+            if (p) {
+                participantJid = p.jid;
+                break;
+            }
+        }
+    }
+
+    return participantJid;
+}
diff --git a/react/features/breakout-rooms/components/native/AddBreakoutRoomButton.tsx b/react/features/breakout-rooms/components/native/AddBreakoutRoomButton.tsx
new file mode 100644
index 0000000..4a3b522
--- /dev/null
+++ b/react/features/breakout-rooms/components/native/AddBreakoutRoomButton.tsx
@@ -0,0 +1,32 @@
+import React, { useCallback } from 'react';
+import { useDispatch } from 'react-redux';
+
+import Button from '../../../base/ui/components/native/Button';
+import { BUTTON_TYPES } from '../../../base/ui/constants.native';
+import { createBreakoutRoom } from '../../actions';
+
+import styles from './styles';
+
+/**
+ * Button to add a breakout room.
+ *
+ * @returns {JSX.Element} - The add breakout room button.
+ */
+const AddBreakoutRoomButton = () => {
+    const dispatch = useDispatch();
+
+    const onAdd = useCallback(() =>
+        dispatch(createBreakoutRoom())
+    , [ dispatch ]);
+
+    return (
+        <Button
+            accessibilityLabel = 'breakoutRooms.actions.add'
+            labelKey = 'breakoutRooms.actions.add'
+            onClick = { onAdd }
+            style = { styles.button }
+            type = { BUTTON_TYPES.SECONDARY } />
+    );
+};
+
+export default AddBreakoutRoomButton;
diff --git a/react/features/breakout-rooms/components/native/AutoAssignButton.tsx b/react/features/breakout-rooms/components/native/AutoAssignButton.tsx
new file mode 100644
index 0000000..085446a
--- /dev/null
+++ b/react/features/breakout-rooms/components/native/AutoAssignButton.tsx
@@ -0,0 +1,33 @@
+import React, { useCallback } from 'react';
+import { useDispatch } from 'react-redux';
+
+import Button from '../../../base/ui/components/native/Button';
+import { BUTTON_TYPES } from '../../../base/ui/constants.native';
+import { autoAssignToBreakoutRooms } from '../../actions';
+
+import styles from './styles';
+
+/**
+ * Button to auto assign participants to breakout rooms.
+ *
+ * @returns {JSX.Element} - The auto assign button.
+ */
+const AutoAssignButton = () => {
+    const dispatch = useDispatch();
+
+    const onAutoAssign = useCallback(() => {
+        dispatch(autoAssignToBreakoutRooms());
+    }, [ dispatch ]);
+
+    return (
+        <Button
+            accessibilityLabel = 'breakoutRooms.actions.autoAssign'
+            labelKey = 'breakoutRooms.actions.autoAssign'
+            labelStyle = { styles.autoAssignLabel }
+            onClick = { onAutoAssign }
+            style = { styles.autoAssignButton }
+            type = { BUTTON_TYPES.TERTIARY } />
+    );
+};
+
+export default AutoAssignButton;
diff --git a/react/features/breakout-rooms/components/native/BreakoutRoomContextMenu.tsx b/react/features/breakout-rooms/components/native/BreakoutRoomContextMenu.tsx
new file mode 100644
index 0000000..6f93873
--- /dev/null
+++ b/react/features/breakout-rooms/components/native/BreakoutRoomContextMenu.tsx
@@ -0,0 +1,125 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { TouchableOpacity, ViewStyle } from 'react-native';
+import { Text } from 'react-native-paper';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { createBreakoutRoomsEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { hideSheet, openDialog } from '../../../base/dialog/actions';
+import BottomSheet from '../../../base/dialog/components/native/BottomSheet';
+import Icon from '../../../base/icons/components/Icon';
+import { IconCloseLarge, IconEdit, IconRingGroup } from '../../../base/icons/svg';
+import { isLocalParticipantModerator } from '../../../base/participants/functions';
+import styles from '../../../participants-pane/components/native/styles';
+import { isBreakoutRoomRenameAllowed } from '../../../participants-pane/functions';
+import { BREAKOUT_CONTEXT_MENU_ACTIONS as ACTIONS } from '../../../participants-pane/types';
+import { closeBreakoutRoom, moveToRoom, removeBreakoutRoom } from '../../actions';
+import { getBreakoutRoomsConfig } from '../../functions';
+import { IRoom } from '../../types';
+
+import BreakoutRoomNamePrompt from './BreakoutRoomNamePrompt';
+
+
+/**
+ * An array with all possible breakout rooms actions.
+ */
+const ALL_ACTIONS = [ ACTIONS.JOIN, ACTIONS.REMOVE, ACTIONS.RENAME ];
+
+interface IProps {
+
+    /**
+     * The actions that will be displayed.
+     */
+    actions: Array<ACTIONS>;
+
+    /**
+     * The room for which the menu is open.
+     */
+    room: IRoom;
+}
+
+const BreakoutRoomContextMenu = ({ room, actions = ALL_ACTIONS }: IProps) => {
+    const dispatch = useDispatch();
+    const isLocalModerator = useSelector(isLocalParticipantModerator);
+    const { hideJoinRoomButton } = useSelector(getBreakoutRoomsConfig);
+    const _isBreakoutRoomRenameAllowed = useSelector(isBreakoutRoomRenameAllowed);
+    const { t } = useTranslation();
+
+    const onJoinRoom = useCallback(() => {
+        sendAnalytics(createBreakoutRoomsEvent('join'));
+        dispatch(moveToRoom(room.jid));
+        dispatch(hideSheet());
+    }, [ dispatch, room ]);
+
+    const onRemoveBreakoutRoom = useCallback(() => {
+        dispatch(removeBreakoutRoom(room.jid));
+        dispatch(hideSheet());
+    }, [ dispatch, room ]);
+
+    const onRenameBreakoutRoom = useCallback(() => {
+        dispatch(openDialog('BreakoutRoomNamePrompt', BreakoutRoomNamePrompt, {
+            breakoutRoomJid: room.jid,
+            initialRoomName: room.name
+        }));
+        dispatch(hideSheet());
+    }, [ dispatch, room ]);
+
+    const onCloseBreakoutRoom = useCallback(() => {
+        dispatch(closeBreakoutRoom(room.id));
+        dispatch(hideSheet());
+    }, [ dispatch, room ]);
+
+    return (
+        <BottomSheet
+            addScrollViewPadding = { false }
+            showSlidingView = { true }>
+            {
+                !hideJoinRoomButton && actions.includes(ACTIONS.JOIN) && (
+                    <TouchableOpacity
+                        onPress = { onJoinRoom }
+                        style = { styles.contextMenuItem as ViewStyle }>
+                        <Icon
+                            size = { 24 }
+                            src = { IconRingGroup } />
+                        <Text style = { styles.contextMenuItemText }>{t('breakoutRooms.actions.join')}</Text>
+                    </TouchableOpacity>
+                )
+            }
+            {
+                !room?.isMainRoom && actions.includes(ACTIONS.RENAME) && _isBreakoutRoomRenameAllowed
+                && <TouchableOpacity
+                    onPress = { onRenameBreakoutRoom }
+                    style = { styles.contextMenuItem as ViewStyle }>
+                    <Icon
+                        size = { 24 }
+                        src = { IconEdit } />
+                    <Text style = { styles.contextMenuItemText }>{t('breakoutRooms.actions.rename')}</Text>
+                </TouchableOpacity>
+            }
+            {
+                !room?.isMainRoom && isLocalModerator && actions.includes(ACTIONS.REMOVE)
+                && (room?.participants && Object.keys(room.participants).length > 0
+                    ? <TouchableOpacity
+                        onPress = { onCloseBreakoutRoom }
+                        style = { styles.contextMenuItem as ViewStyle }>
+                        <Icon
+                            size = { 24 }
+                            src = { IconCloseLarge } />
+                        <Text style = { styles.contextMenuItemText }>{t('breakoutRooms.actions.close')}</Text>
+                    </TouchableOpacity>
+                    : <TouchableOpacity
+                        onPress = { onRemoveBreakoutRoom }
+                        style = { styles.contextMenuItem as ViewStyle }>
+                        <Icon
+                            size = { 24 }
+                            src = { IconCloseLarge } />
+                        <Text style = { styles.contextMenuItemText }>{t('breakoutRooms.actions.remove')}</Text>
+                    </TouchableOpacity>
+                )
+            }
+        </BottomSheet>
+    );
+};
+
+export default BreakoutRoomContextMenu;
diff --git a/react/features/breakout-rooms/components/native/BreakoutRoomNamePrompt.tsx b/react/features/breakout-rooms/components/native/BreakoutRoomNamePrompt.tsx
new file mode 100644
index 0000000..1da3ff6
--- /dev/null
+++ b/react/features/breakout-rooms/components/native/BreakoutRoomNamePrompt.tsx
@@ -0,0 +1,35 @@
+import React, { useCallback } from 'react';
+import { useDispatch } from 'react-redux';
+
+import InputDialog from '../../../base/dialog/components/native/InputDialog';
+import { IBreakoutRoomNamePromptProps as IProps } from '../../../participants-pane/types';
+import { renameBreakoutRoom } from '../../actions';
+
+
+/**
+ * Implements a component to render a breakout room name prompt.
+ *
+ * @param {IProps} props - The props of the component.
+ * @returns {JSX.Element}
+ */
+export default function BreakoutRoomNamePrompt({ breakoutRoomJid, initialRoomName }: IProps) {
+    const dispatch = useDispatch();
+    const onSubmit = useCallback((roomName: string) => {
+        const formattedRoomName = roomName?.trim();
+
+        if (formattedRoomName) {
+            dispatch(renameBreakoutRoom(breakoutRoomJid, formattedRoomName));
+
+            return true;
+        }
+
+        return false;
+    }, [ breakoutRoomJid, dispatch ]);
+
+    return (
+        <InputDialog
+            descriptionKey = 'dialog.renameBreakoutRoomTitle'
+            initialValue = { initialRoomName?.trim() }
+            onSubmit = { onSubmit } />
+    );
+}
diff --git a/react/features/breakout-rooms/components/native/BreakoutRoomParticipantItem.tsx b/react/features/breakout-rooms/components/native/BreakoutRoomParticipantItem.tsx
new file mode 100644
index 0000000..dc458e8
--- /dev/null
+++ b/react/features/breakout-rooms/components/native/BreakoutRoomParticipantItem.tsx
@@ -0,0 +1,43 @@
+import React, { useCallback } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { isLocalParticipantModerator, isParticipantModerator } from '../../../base/participants/functions';
+import { showRoomParticipantMenu } from '../../../participants-pane/actions.native';
+import ParticipantItem from '../../../participants-pane/components/native/ParticipantItem';
+import { IRoom } from '../../types';
+
+interface IProps {
+
+    /**
+     * Participant to be displayed.
+     */
+    item: any;
+
+    /**
+     * The room the participant is in.
+     */
+    room: IRoom;
+}
+
+const BreakoutRoomParticipantItem = ({ item, room }: IProps) => {
+    const { defaultRemoteDisplayName = '' } = useSelector((state: IReduxState) => state['features/base/config']);
+    const moderator = useSelector(isLocalParticipantModerator);
+    const dispatch = useDispatch();
+    const onPress = useCallback(() => {
+        if (moderator) {
+            dispatch(showRoomParticipantMenu(room, item.jid, item.displayName));
+        }
+    }, [ moderator, room, item ]);
+
+    return (
+        <ParticipantItem
+            displayName = { item.displayName || defaultRemoteDisplayName }
+            isModerator = { isParticipantModerator(item) }
+            key = { item.jid }
+            onPress = { onPress }
+            participantID = { item.jid } />
+    );
+};
+
+export default BreakoutRoomParticipantItem;
diff --git a/react/features/breakout-rooms/components/native/BreakoutRooms.tsx b/react/features/breakout-rooms/components/native/BreakoutRooms.tsx
new file mode 100644
index 0000000..8c7265a
--- /dev/null
+++ b/react/features/breakout-rooms/components/native/BreakoutRooms.tsx
@@ -0,0 +1,67 @@
+import React, { useCallback, useMemo } from 'react';
+import { FlatList } from 'react-native';
+import { useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import JitsiScreen from '../../../base/modal/components/JitsiScreen';
+import { isLocalParticipantModerator } from '../../../base/participants/functions';
+import { equals } from '../../../base/redux/functions';
+import {
+    getBreakoutRooms,
+    getCurrentRoomId,
+    isAddBreakoutRoomButtonVisible,
+    isAutoAssignParticipantsVisible,
+    isInBreakoutRoom
+} from '../../functions';
+
+import AddBreakoutRoomButton from './AddBreakoutRoomButton';
+import AutoAssignButton from './AutoAssignButton';
+import { CollapsibleRoom } from './CollapsibleRoom';
+import LeaveBreakoutRoomButton from './LeaveBreakoutRoomButton';
+import styles from './styles';
+
+
+const BreakoutRooms = () => {
+    const currentRoomId = useSelector(getCurrentRoomId);
+    const inBreakoutRoom = useSelector(isInBreakoutRoom);
+    const isBreakoutRoomsSupported = useSelector((state: IReduxState) =>
+        state['features/base/conference'].conference?.getBreakoutRooms()?.isSupported());
+    const isLocalModerator = useSelector(isLocalParticipantModerator);
+    const keyExtractor = useCallback((e: undefined, i: number) => i.toString(), []);
+    const rooms = Object.values(useSelector(getBreakoutRooms, equals))
+        .filter(room => room.id !== currentRoomId)
+        .sort((p1, p2) => (p1?.name || '').localeCompare(p2?.name || ''));
+    const showAddBreakoutRoom = useSelector(isAddBreakoutRoomButtonVisible);
+    const showAutoAssign = useSelector(isAutoAssignParticipantsVisible);
+    const renderListHeaderComponent = useMemo(() => (
+        <>
+            { showAutoAssign && <AutoAssignButton /> }
+            { inBreakoutRoom && <LeaveBreakoutRoomButton /> }
+            {
+                isBreakoutRoomsSupported
+                && rooms.map(room => (<CollapsibleRoom
+                    key = { room.id }
+                    room = { room }
+                    roomId = { room.id } />))
+            }
+        </>
+    ), [ showAutoAssign, inBreakoutRoom, isBreakoutRoomsSupported, rooms ]);
+
+    return (
+        <JitsiScreen
+            footerComponent = { isLocalModerator && showAddBreakoutRoom
+                ? AddBreakoutRoomButton : undefined }
+            style = { styles.breakoutRoomsContainer }>
+
+            { /* Fixes warning regarding nested lists */ }
+            <FlatList
+                ListHeaderComponent = { renderListHeaderComponent }
+                data = { [] as ReadonlyArray<undefined> }
+                keyExtractor = { keyExtractor }
+                renderItem = { null }
+                windowSize = { 2 } />
+        </JitsiScreen>
+    );
+};
+
+export default BreakoutRooms;
diff --git a/react/features/breakout-rooms/components/native/BreakoutRoomsButton.tsx b/react/features/breakout-rooms/components/native/BreakoutRoomsButton.tsx
new file mode 100644
index 0000000..60d09de
--- /dev/null
+++ b/react/features/breakout-rooms/components/native/BreakoutRoomsButton.tsx
@@ -0,0 +1,53 @@
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import {
+    BREAKOUT_ROOMS_BUTTON_ENABLED
+} from '../../../base/flags/constants';
+import { getFeatureFlag } from '../../../base/flags/functions';
+import { translate } from '../../../base/i18n/functions';
+import { IconRingGroup } from '../../../base/icons/svg';
+import AbstractButton,
+{
+    IProps as AbstractButtonProps
+} from '../../../base/toolbox/components/AbstractButton';
+import {
+    navigate
+} from '../../../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
+import { screen } from '../../../mobile/navigation/routes';
+
+
+/**
+ * Implements an {@link AbstractButton} to open the breakout room screen.
+ */
+class BreakoutRoomsButton extends AbstractButton<AbstractButtonProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.breakoutRooms';
+    override icon = IconRingGroup;
+    override label = 'breakoutRooms.buttonLabel';
+
+    /**
+     * Handles clicking / pressing the button and opens the breakout rooms screen.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _handleClick() {
+        return navigate(screen.conference.breakoutRooms);
+    }
+}
+
+/**
+ * Maps part of the redux state to the component's props.
+ *
+ * @param {IReduxState} state - The Redux state.
+ * @returns {Object}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const enabled = getFeatureFlag(state, BREAKOUT_ROOMS_BUTTON_ENABLED, true);
+
+    return {
+        visible: enabled
+    };
+}
+
+export default translate(connect(_mapStateToProps)(BreakoutRoomsButton));
diff --git a/react/features/breakout-rooms/components/native/CollapsibleRoom.tsx b/react/features/breakout-rooms/components/native/CollapsibleRoom.tsx
new file mode 100644
index 0000000..862173d
--- /dev/null
+++ b/react/features/breakout-rooms/components/native/CollapsibleRoom.tsx
@@ -0,0 +1,66 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { FlatList } from 'react-native';
+import { useDispatch } from 'react-redux';
+
+import { openSheet } from '../../../base/dialog/actions';
+import CollapsibleList from '../../../participants-pane/components/native/CollapsibleList';
+import { IRoom } from '../../types';
+
+import BreakoutRoomContextMenu from './BreakoutRoomContextMenu';
+import BreakoutRoomParticipantItem from './BreakoutRoomParticipantItem';
+
+interface IProps {
+
+    /**
+     * Room to display.
+     */
+    room: IRoom;
+
+    roomId: string;
+}
+
+/**
+ * Returns a key for a passed item of the list.
+ *
+ * @param {Object} item - The participant.
+ * @returns {string} - The user ID.
+ */
+function _keyExtractor(item: any) {
+    return item.jid;
+}
+
+export const CollapsibleRoom = ({ room, roomId }: IProps) => {
+    const dispatch = useDispatch();
+    const { t } = useTranslation();
+    const _openContextMenu = useCallback(() => {
+        dispatch(openSheet(BreakoutRoomContextMenu, { room }));
+    }, [ room ]);
+    const roomParticipantsNr = Object.values(room.participants || {}).length;
+    const title
+        = `${room.name
+    || t('breakoutRooms.mainRoom')} (${roomParticipantsNr})`;
+
+    return (
+        <CollapsibleList
+            onLongPress = { _openContextMenu }
+            title = { title }>
+            <FlatList
+                data = { Object.values(room.participants || {}) }
+                keyExtractor = { _keyExtractor }
+
+                /* @ts-ignore */
+                listKey = { roomId as String }
+
+                // eslint-disable-next-line react/jsx-no-bind, no-confusing-arrow
+                renderItem = { ({ item: participant }) => (
+                    <BreakoutRoomParticipantItem
+                        item = { participant }
+                        room = { room } />
+                ) }
+                scrollEnabled = { false }
+                showsHorizontalScrollIndicator = { false }
+                windowSize = { 2 } />
+        </CollapsibleList>
+    );
+};
diff --git a/react/features/breakout-rooms/components/native/LeaveBreakoutRoomButton.tsx b/react/features/breakout-rooms/components/native/LeaveBreakoutRoomButton.tsx
new file mode 100644
index 0000000..f82472d
--- /dev/null
+++ b/react/features/breakout-rooms/components/native/LeaveBreakoutRoomButton.tsx
@@ -0,0 +1,36 @@
+import React, { useCallback } from 'react';
+import { useDispatch } from 'react-redux';
+
+import { createBreakoutRoomsEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import Button from '../../../base/ui/components/native/Button';
+import { BUTTON_TYPES } from '../../../base/ui/constants.native';
+import { moveToRoom } from '../../actions';
+
+import styles from './styles';
+
+/**
+ * Button to leave a breakout rooms.
+ *
+ * @returns {JSX.Element} - The leave breakout room button.
+ */
+const LeaveBreakoutRoomButton = () => {
+    const dispatch = useDispatch();
+
+    const onLeave = useCallback(() => {
+        sendAnalytics(createBreakoutRoomsEvent('leave'));
+        dispatch(moveToRoom());
+    }
+    , [ dispatch ]);
+
+    return (
+        <Button
+            accessibilityLabel = 'breakoutRooms.actions.leaveBreakoutRoom'
+            labelKey = 'breakoutRooms.actions.leaveBreakoutRoom'
+            onClick = { onLeave }
+            style = { styles.button }
+            type = { BUTTON_TYPES.DESTRUCTIVE } />
+    );
+};
+
+export default LeaveBreakoutRoomButton;
diff --git a/react/features/breakout-rooms/components/native/styles.ts b/react/features/breakout-rooms/components/native/styles.ts
new file mode 100644
index 0000000..250c514
--- /dev/null
+++ b/react/features/breakout-rooms/components/native/styles.ts
@@ -0,0 +1,76 @@
+import BaseTheme from '../../../base/ui/components/BaseTheme.native';
+
+
+/**
+ * The styles of the native components of the feature {@code breakout rooms}.
+ */
+export default {
+
+    button: {
+        marginBottom: BaseTheme.spacing[4],
+        marginHorizontal: BaseTheme.spacing[2]
+    },
+
+    collapsibleList: {
+        alignItems: 'center',
+        borderRadius: BaseTheme.shape.borderRadius,
+        display: 'flex',
+        flexDirection: 'row',
+        height: BaseTheme.spacing[7],
+        marginHorizontal: BaseTheme.spacing[2],
+        marginTop: BaseTheme.spacing[3]
+    },
+
+    arrowIcon: {
+        backgroundColor: BaseTheme.palette.ui03,
+        height: BaseTheme.spacing[5],
+        width: BaseTheme.spacing[5],
+        borderRadius: 6,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center'
+    },
+
+    roomName: {
+        fontSize: 15,
+        color: BaseTheme.palette.text01,
+        fontWeight: 'bold',
+        marginLeft: BaseTheme.spacing[2]
+    },
+
+    listTile: {
+        fontSize: 15,
+        color: BaseTheme.palette.text01,
+        fontWeight: 'bold',
+        marginLeft: BaseTheme.spacing[2]
+    },
+
+    autoAssignLabel: {
+        color: BaseTheme.palette.link01
+    },
+
+    autoAssignButton: {
+        alignSelf: 'center',
+        justifyContent: 'center',
+        marginTop: BaseTheme.spacing[3]
+    },
+
+    breakoutRoomsContainer: {
+        backgroundColor: BaseTheme.palette.ui01,
+        flex: 1,
+        flexDirection: 'column',
+        height: 'auto',
+        paddingHorizontal: BaseTheme.spacing[3]
+    },
+
+    inputContainer: {
+        marginLeft: BaseTheme.spacing[2],
+        marginRight: BaseTheme.spacing[2],
+        marginTop: BaseTheme.spacing[4]
+    },
+
+    centerInput: {
+        paddingRight: BaseTheme.spacing[3],
+        textAlign: 'center'
+    }
+};
diff --git a/react/features/breakout-rooms/constants.ts b/react/features/breakout-rooms/constants.ts
new file mode 100644
index 0000000..c07ab52
--- /dev/null
+++ b/react/features/breakout-rooms/constants.ts
@@ -0,0 +1,9 @@
+/**
+ * Key for this feature.
+ */
+export const FEATURE_KEY = 'features/breakout-rooms';
+
+/**
+ * Feature to rename breakout rooms.
+ */
+export const BREAKOUT_ROOMS_RENAME_FEATURE = 'rename';
diff --git a/react/features/breakout-rooms/functions.ts b/react/features/breakout-rooms/functions.ts
new file mode 100644
index 0000000..23429fe
--- /dev/null
+++ b/react/features/breakout-rooms/functions.ts
@@ -0,0 +1,216 @@
+import { find } from 'lodash-es';
+
+import { IStateful } from '../base/app/types';
+import { getCurrentConference } from '../base/conference/functions';
+import {
+    getLocalParticipant,
+    getParticipantById,
+    getParticipantCount,
+    isLocalParticipantModerator
+} from '../base/participants/functions';
+import { IJitsiParticipant } from '../base/participants/types';
+import { toState } from '../base/redux/functions';
+
+import { FEATURE_KEY } from './constants';
+import { IRoom, IRoomInfo, IRoomInfoParticipant, IRooms, IRoomsInfo } from './types';
+
+/**
+ * Returns the rooms object for breakout rooms.
+ *
+ * @param {IStateful} stateful - The redux store, the redux
+ * {@code getState} function, or the redux state itself.
+ * @returns {Object} Object of rooms.
+ */
+export const getBreakoutRooms = (stateful: IStateful): IRooms => toState(stateful)[FEATURE_KEY].rooms;
+
+/**
+ * Returns the main room.
+ *
+ * @param {IStateful} stateful - The redux store, the redux
+ * {@code getState} function, or the redux state itself.
+ * @returns {IRoom|undefined} The main room object, or undefined.
+ */
+export const getMainRoom = (stateful: IStateful) => {
+    const rooms = getBreakoutRooms(stateful);
+
+    return find(rooms, room => Boolean(room.isMainRoom));
+};
+
+/**
+ * Returns the rooms info.
+ *
+ * @param {IStateful} stateful - The redux store, the redux.
+
+* @returns {IRoomsInfo} The rooms info.
+ */
+export const getRoomsInfo = (stateful: IStateful) => {
+    const breakoutRooms = getBreakoutRooms(stateful);
+    const conference = getCurrentConference(stateful);
+
+    const initialRoomsInfo = {
+        rooms: []
+    };
+
+    // only main roomn
+    if (!breakoutRooms || Object.keys(breakoutRooms).length === 0) {
+        // filter out hidden participants
+        const conferenceParticipants = conference?.getParticipants()
+            .filter((participant: IJitsiParticipant) => !participant.isHidden());
+
+        const localParticipant = getLocalParticipant(stateful);
+        let localParticipantInfo;
+
+        if (localParticipant) {
+            localParticipantInfo = {
+                role: localParticipant.role,
+                displayName: localParticipant.name,
+                avatarUrl: localParticipant.loadableAvatarUrl,
+                id: localParticipant.id
+            };
+        }
+
+        return {
+            ...initialRoomsInfo,
+            rooms: [ {
+                isMainRoom: true,
+                id: conference?.room?.roomjid,
+                jid: conference?.room?.myroomjid,
+                participants: conferenceParticipants?.length > 0
+                    ? [
+                        localParticipantInfo,
+                        ...conferenceParticipants.map((participantItem: IJitsiParticipant) => {
+                            const storeParticipant = getParticipantById(stateful, participantItem.getId());
+
+                            return {
+                                jid: participantItem.getJid(),
+                                role: participantItem.getRole(),
+                                displayName: participantItem.getDisplayName(),
+                                avatarUrl: storeParticipant?.loadableAvatarUrl,
+                                id: participantItem.getId()
+                            } as IRoomInfoParticipant;
+                        }) ]
+                    : [ localParticipantInfo ]
+            } as IRoomInfo ]
+        } as IRoomsInfo;
+    }
+
+    return {
+        ...initialRoomsInfo,
+        rooms: Object.keys(breakoutRooms).map(breakoutRoomKey => {
+            const breakoutRoomItem = breakoutRooms[breakoutRoomKey];
+
+            return {
+                isMainRoom: Boolean(breakoutRoomItem.isMainRoom),
+                id: breakoutRoomItem.id,
+                jid: breakoutRoomItem.jid,
+                participants: breakoutRoomItem.participants && Object.keys(breakoutRoomItem.participants).length
+                    ? Object.keys(breakoutRoomItem.participants).map(participantLongId => {
+                        const participantItem = breakoutRoomItem.participants[participantLongId];
+                        const ids = participantLongId.split('/');
+                        const storeParticipant = getParticipantById(stateful,
+                            ids.length > 1 ? ids[1] : participantItem.jid);
+
+                        return {
+                            jid: participantItem?.jid,
+                            role: participantItem?.role,
+                            displayName: participantItem?.displayName,
+                            avatarUrl: storeParticipant?.loadableAvatarUrl,
+                            id: storeParticipant ? storeParticipant.id
+                                : participantLongId
+                        } as IRoomInfoParticipant;
+                    }) : []
+            } as IRoomInfo;
+        })
+    } as IRoomsInfo;
+};
+
+/**
+ * Returns the room by Jid.
+ *
+ * @param {IStateful} stateful - The redux store, the redux
+ * {@code getState} function, or the redux state itself.
+ * @param {string} roomJid - The jid of the room.
+ * @returns {IRoom|undefined} The main room object, or undefined.
+ */
+export const getRoomByJid = (stateful: IStateful, roomJid: string) => {
+    const rooms = getBreakoutRooms(stateful);
+
+    return find(rooms, (room: IRoom) => room.jid === roomJid);
+};
+
+/**
+ * Returns the id of the current room.
+ *
+ * @param {IStateful} stateful - The redux store, the redux
+ * {@code getState} function, or the redux state itself.
+ * @returns {string} Room id or undefined.
+ */
+export const getCurrentRoomId = (stateful: IStateful) => {
+    const conference = getCurrentConference(stateful);
+
+    return conference?.getName();
+};
+
+/**
+ * Determines whether the local participant is in a breakout room.
+ *
+ * @param {IStateful} stateful - The redux store, the redux
+ * {@code getState} function, or the redux state itself.
+ * @returns {boolean}
+ */
+export const isInBreakoutRoom = (stateful: IStateful) => {
+    const conference = getCurrentConference(stateful);
+
+    return conference?.getBreakoutRooms()?.isBreakoutRoom();
+};
+
+/**
+ * Returns the breakout rooms config.
+ *
+ * @param {IStateful} stateful - The redux store, the redux
+ * {@code getState} function, or the redux state itself.
+ * @returns {Object}
+ */
+export const getBreakoutRoomsConfig = (stateful: IStateful) => {
+    const state = toState(stateful);
+    const { breakoutRooms = {} } = state['features/base/config'];
+
+    return breakoutRooms;
+};
+
+/**
+ * Returns whether the add breakout room button is visible.
+ *
+ * @param {IStateful} stateful - Global state.
+ * @returns {boolean}
+ */
+export const isAddBreakoutRoomButtonVisible = (stateful: IStateful) => {
+    const state = toState(stateful);
+    const isLocalModerator = isLocalParticipantModerator(state);
+    const { conference } = state['features/base/conference'];
+    const isBreakoutRoomsSupported = conference?.getBreakoutRooms()?.isSupported();
+    const { hideAddRoomButton } = getBreakoutRoomsConfig(state);
+
+    return isLocalModerator && isBreakoutRoomsSupported && !hideAddRoomButton;
+};
+
+/**
+ * Returns whether the auto assign participants to breakout rooms button is visible.
+ *
+ * @param {IStateful} stateful - Global state.
+ * @returns {boolean}
+ */
+export const isAutoAssignParticipantsVisible = (stateful: IStateful) => {
+    const state = toState(stateful);
+    const rooms = getBreakoutRooms(state);
+    const inBreakoutRoom = isInBreakoutRoom(state);
+    const isLocalModerator = isLocalParticipantModerator(state);
+    const participantsCount = getParticipantCount(state);
+    const { hideAutoAssignButton } = getBreakoutRoomsConfig(state);
+
+    return !inBreakoutRoom
+        && isLocalModerator
+        && participantsCount > 2
+        && Object.keys(rooms).length > 1
+        && !hideAutoAssignButton;
+};
diff --git a/react/features/breakout-rooms/logger.ts b/react/features/breakout-rooms/logger.ts
new file mode 100644
index 0000000..e2999dc
--- /dev/null
+++ b/react/features/breakout-rooms/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:breakout-rooms');
diff --git a/react/features/breakout-rooms/middleware.ts b/react/features/breakout-rooms/middleware.ts
new file mode 100644
index 0000000..2e27666
--- /dev/null
+++ b/react/features/breakout-rooms/middleware.ts
@@ -0,0 +1,107 @@
+import { JitsiConferenceEvents } from '../base/lib-jitsi-meet';
+import { getParticipantById } from '../base/participants/functions';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import StateListenerRegistry from '../base/redux/StateListenerRegistry';
+import { editMessage } from '../chat/actions.any';
+import { MESSAGE_TYPE_REMOTE } from '../chat/constants';
+
+import { UPDATE_BREAKOUT_ROOMS } from './actionTypes';
+import { moveToRoom } from './actions';
+import logger from './logger';
+import { IRooms } from './types';
+
+/**
+ * Registers a change handler for state['features/base/conference'].conference to
+ * set the event listeners needed for the breakout rooms feature to operate.
+ */
+StateListenerRegistry.register(
+    state => state['features/base/conference'].conference,
+    (conference, { dispatch }, previousConference) => {
+        if (conference && !previousConference) {
+            conference.on(JitsiConferenceEvents.BREAKOUT_ROOMS_MOVE_TO_ROOM, (roomId: string) => {
+                logger.debug(`Moving to room: ${roomId}`);
+                dispatch(moveToRoom(roomId));
+            });
+
+            conference.on(JitsiConferenceEvents.BREAKOUT_ROOMS_UPDATED, ({ rooms, roomCounter }: {
+                roomCounter: number; rooms: IRooms;
+            }) => {
+                logger.debug('Room list updated');
+                if (typeof APP !== 'undefined') {
+                    APP.API.notifyBreakoutRoomsUpdated(rooms);
+                }
+                dispatch({
+                    type: UPDATE_BREAKOUT_ROOMS,
+                    rooms,
+                    roomCounter
+                });
+            });
+        }
+    });
+
+MiddlewareRegistry.register(({ dispatch, getState }) => next => action => {
+    const { type } = action;
+
+    switch (type) {
+    case UPDATE_BREAKOUT_ROOMS: {
+        // edit name if it was overwritten
+        if (!action.updatedNames) {
+            const { overwrittenNameList } = getState()['features/base/participants'];
+
+            if (Object.keys(overwrittenNameList).length > 0) {
+                const newRooms: IRooms = {};
+
+                Object.entries(action.rooms as IRooms).forEach(([ key, r ]) => {
+                    let participants = r?.participants || {};
+                    let jid;
+
+                    for (const id of Object.keys(overwrittenNameList)) {
+                        jid = Object.keys(participants).find(p => p.slice(p.indexOf('/') + 1) === id);
+
+                        if (jid) {
+                            participants = {
+                                ...participants,
+                                [jid]: {
+                                    ...participants[jid],
+                                    displayName: overwrittenNameList[id as keyof typeof overwrittenNameList]
+                                }
+                            };
+                        }
+                    }
+
+                    newRooms[key] = {
+                        ...r,
+                        participants
+                    };
+                });
+
+                action.rooms = newRooms;
+            }
+        }
+
+        // edit the chat history to match names for participants in breakout rooms
+        const { messages } = getState()['features/chat'];
+
+        messages?.forEach(m => {
+            if (m.messageType === MESSAGE_TYPE_REMOTE && !getParticipantById(getState(), m.participantId)) {
+                const rooms: IRooms = action.rooms;
+
+                for (const room of Object.values(rooms)) {
+                    const participants = room.participants || {};
+                    const matchedJid = Object.keys(participants).find(jid => jid.endsWith(m.participantId));
+
+                    if (matchedJid) {
+                        m.displayName = participants[matchedJid].displayName;
+
+                        dispatch(editMessage(m));
+                    }
+                }
+            }
+        });
+
+        break;
+    }
+    }
+
+    return next(action);
+});
diff --git a/react/features/breakout-rooms/reducer.ts b/react/features/breakout-rooms/reducer.ts
new file mode 100644
index 0000000..5412c28
--- /dev/null
+++ b/react/features/breakout-rooms/reducer.ts
@@ -0,0 +1,46 @@
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import {
+    UPDATE_BREAKOUT_ROOMS,
+    _RESET_BREAKOUT_ROOMS,
+    _UPDATE_ROOM_COUNTER
+} from './actionTypes';
+import { FEATURE_KEY } from './constants';
+import { IRooms } from './types';
+
+const DEFAULT_STATE = {
+    rooms: {},
+    roomCounter: 0
+};
+
+export interface IBreakoutRoomsState {
+    roomCounter: number;
+    rooms: IRooms;
+}
+
+/**
+ * Listen for actions for the breakout-rooms feature.
+ */
+ReducerRegistry.register<IBreakoutRoomsState>(FEATURE_KEY, (state = DEFAULT_STATE, action): IBreakoutRoomsState => {
+    switch (action.type) {
+    case _UPDATE_ROOM_COUNTER:
+        return {
+            ...state,
+            roomCounter: action.roomCounter
+        };
+    case UPDATE_BREAKOUT_ROOMS: {
+        const { roomCounter, rooms } = action;
+
+        return {
+            ...state,
+            roomCounter,
+            rooms
+        };
+    }
+    case _RESET_BREAKOUT_ROOMS: {
+        return DEFAULT_STATE;
+    }
+    }
+
+    return state;
+});
diff --git a/react/features/breakout-rooms/types.ts b/react/features/breakout-rooms/types.ts
new file mode 100644
index 0000000..bb4a47f
--- /dev/null
+++ b/react/features/breakout-rooms/types.ts
@@ -0,0 +1,36 @@
+export interface IRoom {
+    id: string;
+    isMainRoom?: boolean;
+    jid: string;
+    name: string;
+    participants: {
+        [jid: string]: {
+            displayName: string;
+            jid: string;
+            role: string;
+        };
+    };
+}
+
+export interface IRooms {
+    [jid: string]: IRoom;
+}
+
+export interface IRoomInfo {
+    id: string;
+    isMainRoom: boolean;
+    jid: string;
+    participants: IRoomInfoParticipant[];
+}
+
+export interface IRoomsInfo {
+    rooms: IRoomInfo[];
+}
+
+export interface IRoomInfoParticipant {
+    avatarUrl: string;
+    displayName: string;
+    id: string;
+    jid: string;
+    role: string;
+}
diff --git a/react/features/calendar-sync/actionTypes.ts b/react/features/calendar-sync/actionTypes.ts
new file mode 100644
index 0000000..75dbf8e
--- /dev/null
+++ b/react/features/calendar-sync/actionTypes.ts
@@ -0,0 +1,98 @@
+/**
+ * Resets the state of calendar integration so stored events and selected
+ * calendar type are cleared.
+ *
+ * {
+ *     type: CLEAR_CALENDAR_INTEGRATION
+ * }
+ */
+export const CLEAR_CALENDAR_INTEGRATION = 'CLEAR_CALENDAR_INTEGRATION';
+
+/**
+ * Action to refresh (re-fetch) the entry list.
+ *
+ * {
+ *     type: REFRESH_CALENDAR,
+ *     forcePermission: boolean,
+ *     isInteractive: boolean
+ * }
+ */
+export const REFRESH_CALENDAR = 'REFRESH_CALENDAR';
+
+/**
+ * Action to signal that calendar access has already been requested since the
+ * app started, so no new request should be done unless the user explicitly
+ * tries to refresh the calendar view.
+ *
+ * {
+ *     type: SET_CALENDAR_AUTHORIZATION,
+ *     authorization: ?string
+ * }
+ */
+export const SET_CALENDAR_AUTHORIZATION = 'SET_CALENDAR_AUTHORIZATION';
+
+/**
+ * Action to update the last error that occurred while trying to authenticate
+ * with or fetch data from the calendar integration.
+ *
+ * {
+ *     type: SET_CALENDAR_ERROR,
+ *     error: ?Object
+ * }
+ */
+export const SET_CALENDAR_ERROR = 'SET_CALENDAR_ERROR';
+
+/**
+ * Action to update the current calendar entry list in the store.
+ *
+ * {
+ *     type: SET_CALENDAR_EVENTS,
+ *     events: Array<Object>
+ * }
+ */
+export const SET_CALENDAR_EVENTS = 'SET_CALENDAR_EVENTS';
+
+/**
+ * Action to update calendar type to be used for web.
+ *
+ * {
+ *     type: SET_CALENDAR_INTEGRATION,
+ *     integrationReady: boolean,
+ *     integrationType: string
+ * }
+ */
+export const SET_CALENDAR_INTEGRATION = 'SET_CALENDAR_INTEGRATION';
+
+/**
+ * The type of Redux action which changes Calendar API auth state.
+ *
+ * {
+ *     type: SET_CALENDAR_AUTH_STATE
+ * }
+ * @public
+ */
+export const SET_CALENDAR_AUTH_STATE = 'SET_CALENDAR_AUTH_STATE';
+
+/**
+ * The type of Redux action which changes Calendar Profile email state.
+ *
+ * {
+ *     type: SET_CALENDAR_PROFILE_EMAIL,
+ *     email: string
+ * }
+ * @public
+ */
+export const SET_CALENDAR_PROFILE_EMAIL = 'SET_CALENDAR_PROFILE_EMAIL';
+
+/**
+ * The type of Redux action which denotes whether a request is in flight to get
+ * updated calendar events.
+ *
+ * {
+ *     type: SET_LOADING_CALENDAR_EVENTS,
+ *     isLoadingEvents: string
+ * }
+ * @public
+ */
+export const SET_LOADING_CALENDAR_EVENTS
+    = 'SET_LOADING_CALENDAR_EVENTS';
diff --git a/react/features/calendar-sync/actions.any.ts b/react/features/calendar-sync/actions.any.ts
new file mode 100644
index 0000000..ea609f2
--- /dev/null
+++ b/react/features/calendar-sync/actions.any.ts
@@ -0,0 +1,60 @@
+import {
+    REFRESH_CALENDAR,
+    SET_CALENDAR_AUTHORIZATION,
+    SET_CALENDAR_EVENTS
+} from './actionTypes';
+
+/**
+ * Sends an action to refresh the entry list (fetches new data).
+ *
+ * @param {boolean} forcePermission - Whether to force to re-ask for
+ * the permission or not.
+ * @param {boolean} isInteractive - If true this refresh was caused by
+ * direct user interaction, false otherwise.
+ * @returns {{
+ *     type: REFRESH_CALENDAR,
+ *     forcePermission: boolean,
+ *     isInteractive: boolean
+ * }}
+ */
+export function refreshCalendar(forcePermission = false, isInteractive = true) {
+    return {
+        type: REFRESH_CALENDAR,
+        forcePermission,
+        isInteractive
+    };
+}
+
+/**
+ * Sends an action to signal that a calendar access has been requested. For more
+ * info, see {@link SET_CALENDAR_AUTHORIZATION}.
+ *
+ * @param {string | undefined} authorization - The result of the last calendar
+ * authorization request.
+ * @returns {{
+ *     type: SET_CALENDAR_AUTHORIZATION,
+ *     authorization: ?string
+ * }}
+ */
+export function setCalendarAuthorization(authorization?: string) {
+    return {
+        type: SET_CALENDAR_AUTHORIZATION,
+        authorization
+    };
+}
+
+/**
+ * Sends an action to update the current calendar list in redux.
+ *
+ * @param {Array<Object>} events - The new list.
+ * @returns {{
+ *     type: SET_CALENDAR_EVENTS,
+ *     events: Array<Object>
+ * }}
+ */
+export function setCalendarEvents(events: Array<Object>) {
+    return {
+        type: SET_CALENDAR_EVENTS,
+        events
+    };
+}
diff --git a/react/features/calendar-sync/actions.native.ts b/react/features/calendar-sync/actions.native.ts
new file mode 100644
index 0000000..28cf782
--- /dev/null
+++ b/react/features/calendar-sync/actions.native.ts
@@ -0,0 +1,45 @@
+// @ts-expect-error
+import { generateRoomWithoutSeparator } from '@jitsi/js-utils/random';
+
+import { getDefaultURL } from '../app/functions';
+import { IStore } from '../app/types';
+import { openDialog } from '../base/dialog/actions';
+
+import { refreshCalendar } from './actions';
+import UpdateCalendarEventDialog from './components/UpdateCalendarEventDialog.native';
+import { addLinkToCalendarEntry } from './functions.native';
+
+export * from './actions.any';
+
+/**
+ * Asks confirmation from the user to add a Jitsi link to the calendar event.
+ *
+ * @param {string} eventId - The event id.
+ * @returns {{
+ *     type: OPEN_DIALOG,
+ *     component: React.Component,
+ *     componentProps: (Object | undefined)
+ * }}
+ */
+export function openUpdateCalendarEventDialog(eventId: string) {
+    return openDialog('UpdateCalendarEventDialog', UpdateCalendarEventDialog, { eventId });
+}
+
+/**
+ * Updates calendar event by generating new invite URL and editing the event
+ * adding some descriptive text and location.
+ *
+ * @param {string} eventId - The event id.
+ * @returns {Function}
+ */
+export function updateCalendarEvent(eventId: string) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const defaultUrl = getDefaultURL(getState);
+        const roomName = generateRoomWithoutSeparator();
+
+        addLinkToCalendarEntry(getState(), eventId, `${defaultUrl}/${roomName}`)
+        .finally(() => {
+            dispatch(refreshCalendar(false, false));
+        });
+    };
+}
diff --git a/react/features/calendar-sync/actions.web.ts b/react/features/calendar-sync/actions.web.ts
new file mode 100644
index 0000000..4bfaa33
--- /dev/null
+++ b/react/features/calendar-sync/actions.web.ts
@@ -0,0 +1,292 @@
+// @ts-expect-error
+import { generateRoomWithoutSeparator } from '@jitsi/js-utils/random';
+
+import { createCalendarConnectedEvent } from '../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../analytics/functions';
+import { IStore } from '../app/types';
+import { loadGoogleAPI } from '../google-api/actions';
+
+import {
+    CLEAR_CALENDAR_INTEGRATION,
+    SET_CALENDAR_AUTH_STATE,
+    SET_CALENDAR_ERROR,
+    SET_CALENDAR_INTEGRATION,
+    SET_CALENDAR_PROFILE_EMAIL,
+    SET_LOADING_CALENDAR_EVENTS
+} from './actionTypes';
+import { refreshCalendar, setCalendarEvents } from './actions.web';
+import { _getCalendarIntegration, isCalendarEnabled } from './functions.web';
+import logger from './logger';
+
+export * from './actions.any';
+
+/**
+ * Sets the initial state of calendar integration by loading third party APIs
+ * and filling out any data that needs to be fetched.
+ *
+ * @returns {Function}
+ */
+export function bootstrapCalendarIntegration() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+
+        if (!isCalendarEnabled(state)) {
+            return Promise.reject();
+        }
+
+        const {
+            googleApiApplicationClientID
+        } = state['features/base/config'];
+        const {
+            integrationReady,
+            integrationType
+        } = state['features/calendar-sync'];
+
+        return Promise.resolve()
+            .then(() => {
+                if (googleApiApplicationClientID) {
+                    return dispatch(loadGoogleAPI());
+                }
+            })
+            .then(() => {
+                if (!integrationType || integrationReady) {
+                    return;
+                }
+
+                const integrationToLoad
+                    = _getCalendarIntegration(integrationType);
+
+                if (!integrationToLoad) {
+                    dispatch(clearCalendarIntegration());
+
+                    return;
+                }
+
+                return dispatch(integrationToLoad._isSignedIn())
+                    .then((signedIn: boolean) => {
+                        if (signedIn) {
+                            dispatch(setIntegrationReady(integrationType));
+                            dispatch(updateProfile(integrationType));
+                        } else {
+                            dispatch(clearCalendarIntegration());
+                        }
+                    });
+            });
+    };
+}
+
+/**
+ * Resets the state of calendar integration so stored events and selected
+ * calendar type are cleared.
+ *
+ * @returns {{
+ *     type: CLEAR_CALENDAR_INTEGRATION
+ * }}
+ */
+export function clearCalendarIntegration() {
+    return {
+        type: CLEAR_CALENDAR_INTEGRATION
+    };
+}
+
+/**
+ * Asks confirmation from the user to add a Jitsi link to the calendar event.
+ *
+ * NOTE: Currently there is no confirmation prompted on web, so this is just
+ * a relaying method to avoid flow problems.
+ *
+ * @param {string} eventId - The event id.
+ * @param {string} calendarId - The calendar id.
+ * @returns {Function}
+ */
+export function openUpdateCalendarEventDialog(
+        eventId: string, calendarId: string) {
+    return updateCalendarEvent(eventId, calendarId);
+}
+
+/**
+ * Sends an action to update the current calendar api auth state in redux.
+ * This is used only for microsoft implementation to store it auth state.
+ *
+ * @param {number} newState - The new state.
+ * @returns {{
+ *     type: SET_CALENDAR_AUTH_STATE,
+ *     msAuthState: Object
+ * }}
+ */
+export function setCalendarAPIAuthState(newState?: Object) {
+    return {
+        type: SET_CALENDAR_AUTH_STATE,
+        msAuthState: newState
+    };
+}
+
+/**
+ * Sends an action to update the calendar error state in redux.
+ *
+ * @param {Object} error - An object with error details.
+ * @returns {{
+ *     type: SET_CALENDAR_ERROR,
+ *     error: Object
+ * }}
+ */
+export function setCalendarError(error?: Object) {
+    return {
+        type: SET_CALENDAR_ERROR,
+        error
+    };
+}
+
+/**
+ * Sends an action to update the current calendar profile email state in redux.
+ *
+ * @param {number} newEmail - The new email.
+ * @returns {{
+ *     type: SET_CALENDAR_PROFILE_EMAIL,
+ *     email: string
+ * }}
+ */
+export function setCalendarProfileEmail(newEmail?: string) {
+    return {
+        type: SET_CALENDAR_PROFILE_EMAIL,
+        email: newEmail
+    };
+}
+
+/**
+ * Sends an to denote a request in is flight to get calendar events.
+ *
+ * @param {boolean} isLoadingEvents - Whether or not calendar events are being
+ * fetched.
+ * @returns {{
+ *     type: SET_LOADING_CALENDAR_EVENTS,
+ *     isLoadingEvents: boolean
+ * }}
+ */
+export function setLoadingCalendarEvents(isLoadingEvents: boolean) {
+    return {
+        type: SET_LOADING_CALENDAR_EVENTS,
+        isLoadingEvents
+    };
+}
+
+/**
+ * Sets the calendar integration type to be used by web and signals that the
+ * integration is ready to be used.
+ *
+ * @param {string|undefined} integrationType - The calendar type.
+ * @returns {{
+ *      type: SET_CALENDAR_INTEGRATION,
+ *      integrationReady: boolean,
+ *      integrationType: string
+ * }}
+ */
+export function setIntegrationReady(integrationType: string) {
+    return {
+        type: SET_CALENDAR_INTEGRATION,
+        integrationReady: true,
+        integrationType
+    };
+}
+
+/**
+ * Signals signing in to the specified calendar integration.
+ *
+ * @param {string} calendarType - The calendar integration which should be
+ * signed into.
+ * @returns {Function}
+ */
+export function signIn(calendarType: string) {
+    return (dispatch: IStore['dispatch']) => {
+        const integration = _getCalendarIntegration(calendarType);
+
+        if (!integration) {
+            return Promise.reject('No supported integration found');
+        }
+
+        return dispatch(integration.load())
+            .then(() => dispatch(integration.signIn()))
+            .then(() => dispatch(setIntegrationReady(calendarType)))
+            .then(() => dispatch(updateProfile(calendarType)))
+            .then(() => dispatch(refreshCalendar()))
+            .then(() => sendAnalytics(createCalendarConnectedEvent()))
+            .catch((error: any) => {
+                logger.error(
+                    'Error occurred while signing into calendar integration',
+                    error);
+
+                return Promise.reject(error);
+            });
+    };
+}
+
+/**
+ * Updates calendar event by generating new invite URL and editing the event
+ * adding some descriptive text and location.
+ *
+ * @param {string} id - The event id.
+ * @param {string} calendarId - The id of the calendar to use.
+ * @returns {Function}
+ */
+export function updateCalendarEvent(id: string, calendarId: string) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+
+        const { integrationType = '' } = getState()['features/calendar-sync'];
+        const integration = _getCalendarIntegration(integrationType);
+
+        if (!integration) {
+            return Promise.reject('No integration found');
+        }
+
+        const { locationURL } = getState()['features/base/connection'];
+        const newRoomName = generateRoomWithoutSeparator();
+        let href = locationURL?.href ?? '';
+
+        href.endsWith('/') || (href += '/');
+
+        const roomURL = `${href}${newRoomName}`;
+
+        return dispatch(integration.updateCalendarEvent(
+                id, calendarId, roomURL))
+            .then(() => {
+                // make a copy of the array
+                const events
+                    = getState()['features/calendar-sync'].events.slice(0);
+
+                const eventIx = events.findIndex(
+                    e => e.id === id && e.calendarId === calendarId);
+
+                // clone the event we will modify
+                const newEvent = Object.assign({}, events[eventIx]);
+
+                newEvent.url = roomURL;
+                events[eventIx] = newEvent;
+
+                return dispatch(setCalendarEvents(events));
+            });
+    };
+}
+
+/**
+ * Signals to get current profile data linked to the current calendar
+ * integration that is in use.
+ *
+ * @param {string} calendarType - The calendar integration to which the profile
+ * should be updated.
+ * @returns {Function}
+ */
+export function updateProfile(calendarType: string) {
+    return (dispatch: IStore['dispatch']) => {
+        const integration = _getCalendarIntegration(calendarType);
+
+        if (!integration) {
+            return Promise.reject('No integration found');
+        }
+
+        // @ts-ignore
+        return dispatch(integration.getCurrentEmail())
+            .then((email: string) => {
+                dispatch(setCalendarProfileEmail(email));
+            });
+    };
+}
diff --git a/react/features/calendar-sync/components/AddMeetingUrlButton.native.ts b/react/features/calendar-sync/components/AddMeetingUrlButton.native.ts
new file mode 100644
index 0000000..af6d8d9
--- /dev/null
+++ b/react/features/calendar-sync/components/AddMeetingUrlButton.native.ts
@@ -0,0 +1,21 @@
+import { Component } from 'react';
+
+/**
+ * A React Component for adding a meeting URL to an existing calendar meeting.
+ *
+ * @augments Component
+ */
+class AddMeetingUrlButton extends Component<void> {
+    /**
+     * Implements React's {@link Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        // Not yet implemented.
+
+        return null;
+    }
+}
+
+export default AddMeetingUrlButton;
diff --git a/react/features/calendar-sync/components/AddMeetingUrlButton.web.tsx b/react/features/calendar-sync/components/AddMeetingUrlButton.web.tsx
new file mode 100644
index 0000000..cf260a1
--- /dev/null
+++ b/react/features/calendar-sync/components/AddMeetingUrlButton.web.tsx
@@ -0,0 +1,101 @@
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+
+import { createCalendarClickedEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { IStore } from '../../app/types';
+import { translate } from '../../base/i18n/functions';
+import Icon from '../../base/icons/components/Icon';
+import { IconPlus } from '../../base/icons/svg';
+import Tooltip from '../../base/tooltip/components/Tooltip';
+import { updateCalendarEvent } from '../actions.web';
+
+/**
+ * The type of the React {@code Component} props of {@link AddMeetingUrlButton}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * The calendar ID associated with the calendar event.
+     */
+    calendarId: string;
+
+    /**
+     * Invoked to add a meeting URL to a calendar event.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * The ID of the calendar event that will have a meeting URL added on click.
+     */
+    eventId: string;
+}
+
+/**
+ * A React Component for adding a meeting URL to an existing calendar event.
+ *
+ * @augments Component
+ */
+class AddMeetingUrlButton extends Component<IProps> {
+    /**
+     * Initializes a new {@code AddMeetingUrlButton} instance.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handler so it is only bound once for every instance.
+        this._onClick = this._onClick.bind(this);
+        this._onKeyPress = this._onKeyPress.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        return (
+            <Tooltip content = { this.props.t('calendarSync.addMeetingURL') }>
+                <div
+                    className = 'button add-button'
+                    onClick = { this._onClick }
+                    onKeyPress = { this._onKeyPress }
+                    role = 'button'>
+                    <Icon src = { IconPlus } />
+                </div>
+            </Tooltip>
+        );
+    }
+
+    /**
+     * Dispatches an action to adding a meeting URL to a calendar event.
+     *
+     * @returns {void}
+     */
+    _onClick() {
+        const { calendarId, dispatch, eventId } = this.props;
+
+        sendAnalytics(createCalendarClickedEvent('add.url'));
+
+        dispatch(updateCalendarEvent(eventId, calendarId));
+    }
+
+    /**
+     * KeyPress handler for accessibility.
+     *
+     * @param {Object} e - The key event to handle.
+     *
+     * @returns {void}
+     */
+    _onKeyPress(e: React.KeyboardEvent) {
+        if (e.key === ' ' || e.key === 'Enter') {
+            e.preventDefault();
+            this._onClick();
+        }
+    }
+}
+
+export default translate(connect()(AddMeetingUrlButton));
diff --git a/react/features/calendar-sync/components/CalendarList.native.tsx b/react/features/calendar-sync/components/CalendarList.native.tsx
new file mode 100644
index 0000000..34e7edb
--- /dev/null
+++ b/react/features/calendar-sync/components/CalendarList.native.tsx
@@ -0,0 +1,143 @@
+import React from 'react';
+import { WithTranslation } from 'react-i18next';
+import {
+    Text,
+    TouchableOpacity,
+    View,
+    ViewStyle
+} from 'react-native';
+import { connect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../app/types';
+import { translate } from '../../base/i18n/functions';
+import AbstractPage from '../../base/react/components/AbstractPage';
+import { openSettings } from '../../mobile/permissions/functions';
+import { refreshCalendar } from '../actions.native';
+
+import CalendarListContent from './CalendarListContent.native';
+import styles from './styles';
+
+/**
+ * The type of the React {@code Component} props of {@link CalendarList}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * The current state of the calendar access permission.
+     */
+    _authorization?: string;
+
+    /**
+     * Indicates if the list is disabled or not.
+     */
+    disabled: boolean;
+}
+
+/**
+ * Component to display a list of events from the (mobile) user's calendar.
+ */
+class CalendarList extends AbstractPage<IProps> {
+    /**
+     * Initializes a new {@code CalendarList} instance.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handlers so they are only bound once per instance.
+        this._getRenderListEmptyComponent
+            = this._getRenderListEmptyComponent.bind(this);
+    }
+
+    /**
+     * Public API method for {@code Component}s rendered in
+     * {@link AbstractPagedList}. When invoked, refreshes the calendar entries
+     * in the app.
+     *
+     * @param {Function} dispatch - The Redux dispatch function.
+     * @param {boolean} isInteractive - If true this refresh was caused by
+     * direct user interaction, false otherwise.
+     * @public
+     * @returns {void}
+     */
+    static refresh(dispatch: IStore['dispatch'], isInteractive: boolean) {
+        dispatch(refreshCalendar(false, isInteractive));
+    }
+
+    /**
+     * Implements React's {@link Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { disabled } = this.props;
+
+        return (
+            CalendarListContent
+                ? <View
+                    style = {
+                        (disabled
+                            ? styles.calendarSyncDisabled
+                            : styles.calendarSync) as ViewStyle }>
+                    <CalendarListContent
+                        disabled = { disabled }
+                        listEmptyComponent
+                            = { this._getRenderListEmptyComponent() } />
+                </View>
+                : null
+        );
+    }
+
+    /**
+     * Returns a list empty component if a custom one has to be rendered instead
+     * of the default one in the {@link NavigateSectionList}.
+     *
+     * @private
+     * @returns {?React$Component}
+     */
+    _getRenderListEmptyComponent() {
+        const { _authorization, t } = this.props;
+
+        // If we don't provide a list specific renderListEmptyComponent, then
+        // the default empty component of the NavigateSectionList will be
+        // rendered, which (atm) is a simple "Pull to refresh" message.
+        if (_authorization !== 'denied') {
+            return <></>;
+        }
+
+        return (
+            <View style = { styles.noPermissionMessageView as ViewStyle }>
+                <Text style = { styles.noPermissionMessageText as ViewStyle }>
+                    { t('calendarSync.permissionMessage') }
+                </Text>
+                <TouchableOpacity
+                    onPress = { openSettings }
+                    style = { styles.noPermissionMessageButton as ViewStyle } >
+                    <Text style = { styles.noPermissionMessageButtonText as ViewStyle }>
+                        { t('calendarSync.permissionButton') }
+                    </Text>
+                </TouchableOpacity>
+            </View>
+        );
+    }
+}
+
+/**
+ * Maps redux state to component props.
+ *
+ * @param {Object} state - The redux state.
+ * @returns {{
+ *     _authorization: ?string,
+ *     _eventList: Array<Object>
+ * }}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const { authorization } = state['features/calendar-sync'];
+
+    return {
+        _authorization: authorization
+    };
+}
+
+export default translate(connect(_mapStateToProps)(CalendarList));
diff --git a/react/features/calendar-sync/components/CalendarList.web.tsx b/react/features/calendar-sync/components/CalendarList.web.tsx
new file mode 100644
index 0000000..5f7dfc2
--- /dev/null
+++ b/react/features/calendar-sync/components/CalendarList.web.tsx
@@ -0,0 +1,269 @@
+import React from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+
+import { createCalendarClickedEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { IReduxState, IStore } from '../../app/types';
+import { translate } from '../../base/i18n/functions';
+import Icon from '../../base/icons/components/Icon';
+import { IconCalendar } from '../../base/icons/svg';
+import AbstractPage from '../../base/react/components/AbstractPage';
+import Spinner from '../../base/ui/components/web/Spinner';
+import { openSettingsDialog } from '../../settings/actions.web';
+import { SETTINGS_TABS } from '../../settings/constants';
+import { refreshCalendar } from '../actions.web';
+import { ERRORS } from '../constants';
+
+import CalendarListContent from './CalendarListContent.web';
+
+/**
+ * The type of the React {@code Component} props of {@link CalendarList}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * The error object containing details about any error that has occurred
+     * while interacting with calendar integration.
+     */
+    _calendarError?: { error: string; };
+
+    /**
+     * Whether or not a calendar may be connected for fetching calendar events.
+     */
+    _hasIntegrationSelected: boolean;
+
+    /**
+     * Whether or not events have been fetched from a calendar.
+     */
+    _hasLoadedEvents: boolean;
+
+    /**
+     * Indicates if the list is disabled or not.
+     */
+    disabled?: boolean;
+
+    /**
+     * The Redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+}
+
+/**
+ * Component to display a list of events from the user's calendar.
+ */
+class CalendarList extends AbstractPage<IProps> {
+    /**
+     * Initializes a new {@code CalendarList} instance.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handlers so they are only bound once per instance.
+        this._getRenderListEmptyComponent
+            = this._getRenderListEmptyComponent.bind(this);
+        this._onOpenSettings = this._onOpenSettings.bind(this);
+        this._onKeyPressOpenSettings = this._onKeyPressOpenSettings.bind(this);
+        this._onRefreshEvents = this._onRefreshEvents.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { disabled } = this.props;
+
+        return (
+            CalendarListContent
+                ? <CalendarListContent
+                    disabled = { Boolean(disabled) }
+                    listEmptyComponent
+                        = { this._getRenderListEmptyComponent() } />
+                : null
+        );
+    }
+
+    /**
+     * Returns a component for showing the error message related to calendar
+     * sync.
+     *
+     * @private
+     * @returns {React$Component}
+     */
+    _getErrorMessage() {
+        const { _calendarError = { error: undefined }, t } = this.props;
+
+        let errorMessageKey = 'calendarSync.error.generic';
+        let showRefreshButton = true;
+        let showSettingsButton = true;
+
+        if (_calendarError.error === ERRORS.GOOGLE_APP_MISCONFIGURED) {
+            errorMessageKey = 'calendarSync.error.appConfiguration';
+            showRefreshButton = false;
+            showSettingsButton = false;
+        } else if (_calendarError.error === ERRORS.AUTH_FAILED) {
+            errorMessageKey = 'calendarSync.error.notSignedIn';
+            showRefreshButton = false;
+        }
+
+        return (
+            <div className = 'meetings-list-empty'>
+                <p className = 'description'>
+                    { t(errorMessageKey) }
+                </p>
+                <div className = 'calendar-action-buttons'>
+                    { showSettingsButton
+                        && <div
+                            className = 'button'
+                            onClick = { this._onOpenSettings }>
+                            { t('calendarSync.permissionButton') }
+                        </div>
+                    }
+                    { showRefreshButton
+                        && <div
+                            className = 'button'
+                            onClick = { this._onRefreshEvents }>
+                            { t('calendarSync.refresh') }
+                        </div>
+                    }
+                </div>
+            </div>
+        );
+    }
+
+    /**
+     * Returns a list empty component if a custom one has to be rendered instead
+     * of the default one in the {@link NavigateSectionList}.
+     *
+     * @private
+     * @returns {React$Component}
+     */
+    _getRenderListEmptyComponent() {
+        const {
+            _calendarError,
+            _hasIntegrationSelected,
+            _hasLoadedEvents,
+            t
+        } = this.props;
+
+        if (_calendarError) {
+            return this._getErrorMessage();
+        } else if (_hasIntegrationSelected && _hasLoadedEvents) {
+            return (
+                <div className = 'meetings-list-empty'>
+                    <p className = 'description'>
+                        { t('calendarSync.noEvents') }
+                    </p>
+                    <div
+                        className = 'button'
+                        onClick = { this._onRefreshEvents }>
+                        { t('calendarSync.refresh') }
+                    </div>
+                </div>
+            );
+        } else if (_hasIntegrationSelected && !_hasLoadedEvents) {
+            return (
+                <div className = 'meetings-list-empty'>
+                    <Spinner />
+                </div>
+            );
+        }
+
+        return (
+            <div className = 'meetings-list-empty'>
+                <div className = 'meetings-list-empty-image'>
+                    <img
+                        alt = { t('welcomepage.logo.calendar') }
+                        src = './images/calendar.svg' />
+                </div>
+                <div className = 'description'>
+                    { t('welcomepage.connectCalendarText', {
+                        app: interfaceConfig.APP_NAME,
+                        provider: interfaceConfig.PROVIDER_NAME
+                    }) }
+                </div>
+                <div
+                    className = 'meetings-list-empty-button'
+                    onClick = { this._onOpenSettings }
+                    onKeyPress = { this._onKeyPressOpenSettings }
+                    role = 'button'
+                    tabIndex = { 0 }>
+                    <Icon
+                        className = 'meetings-list-empty-icon'
+                        src = { IconCalendar } />
+                    <span>{ t('welcomepage.connectCalendarButton') }</span>
+                </div>
+            </div>
+        );
+    }
+
+    /**
+     * Opens {@code SettingsDialog}.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onOpenSettings() {
+        sendAnalytics(createCalendarClickedEvent('connect'));
+
+        this.props.dispatch(openSettingsDialog(SETTINGS_TABS.CALENDAR));
+    }
+
+    /**
+     * KeyPress handler for accessibility.
+     *
+     * @param {Object} e - The key event to handle.
+     *
+     * @returns {void}
+     */
+    _onKeyPressOpenSettings(e: React.KeyboardEvent) {
+        if (e.key === ' ' || e.key === 'Enter') {
+            e.preventDefault();
+            this._onOpenSettings();
+        }
+    }
+
+
+    /**
+     * Gets an updated list of calendar events.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onRefreshEvents() {
+        this.props.dispatch(refreshCalendar(true));
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated props for the
+ * {@code CalendarList} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {{
+ *     _calendarError: Object,
+ *     _hasIntegrationSelected: boolean,
+ *     _hasLoadedEvents: boolean
+ * }}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const {
+        error,
+        events,
+        integrationType,
+        isLoadingEvents
+    } = state['features/calendar-sync'];
+
+    return {
+        _calendarError: error,
+        _hasIntegrationSelected: Boolean(integrationType),
+        _hasLoadedEvents: Boolean(events) || !isLoadingEvents
+    };
+}
+
+export default translate(connect(_mapStateToProps)(CalendarList));
diff --git a/react/features/calendar-sync/components/CalendarListContent.native.tsx b/react/features/calendar-sync/components/CalendarListContent.native.tsx
new file mode 100644
index 0000000..1bdbc65
--- /dev/null
+++ b/react/features/calendar-sync/components/CalendarListContent.native.tsx
@@ -0,0 +1,249 @@
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+
+import { createCalendarClickedEvent, createCalendarSelectedEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { appNavigate } from '../../app/actions.native';
+import { IReduxState, IStore } from '../../app/types';
+import { getLocalizedDateFormatter } from '../../base/i18n/dateUtil';
+import { translate } from '../../base/i18n/functions';
+import NavigateSectionList from '../../base/react/components/native/NavigateSectionList';
+import { openUpdateCalendarEventDialog, refreshCalendar } from '../actions.native';
+
+
+/**
+ * The type of the React {@code Component} props of
+ * {@link CalendarListContent}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * The calendar event list.
+     */
+    _eventList: Array<any>;
+
+    /**
+     * Indicates if the list is disabled or not.
+     */
+    disabled: boolean;
+
+    /**
+     * The Redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     *
+     */
+    listEmptyComponent: React.ReactElement<any>;
+}
+
+/**
+ * Component to display a list of events from a connected calendar.
+ */
+class CalendarListContent extends Component<IProps> {
+    /**
+     * Default values for the component's props.
+     */
+    static defaultProps = {
+        _eventList: []
+    };
+
+    /**
+     * Initializes a new {@code CalendarListContent} instance.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handlers so they are only bound once per instance.
+        this._onPress = this._onPress.bind(this);
+        this._onRefresh = this._onRefresh.bind(this);
+        this._onSecondaryAction = this._onSecondaryAction.bind(this);
+        this._toDateString = this._toDateString.bind(this);
+        this._toDisplayableItem = this._toDisplayableItem.bind(this);
+        this._toDisplayableList = this._toDisplayableList.bind(this);
+        this._toTimeString = this._toTimeString.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#componentDidMount()}. Invoked
+     * immediately after this component is mounted.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidMount() {
+        sendAnalytics(createCalendarSelectedEvent());
+    }
+
+    /**
+     * Implements React's {@link Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { disabled, listEmptyComponent } = this.props;
+
+        return (
+            <NavigateSectionList
+                disabled = { disabled }
+                onPress = { this._onPress }
+                onRefresh = { this._onRefresh }
+                onSecondaryAction = { this._onSecondaryAction }
+                renderListEmptyComponent
+                    = { listEmptyComponent }
+                sections = { this._toDisplayableList() } />
+        );
+    }
+
+    /**
+     * Handles the list's navigate action.
+     *
+     * @private
+     * @param {string} url - The url string to navigate to.
+     * @param {string} analyticsEventName - Тhe name of the analytics event
+     * associated with this action.
+     * @returns {void}
+     */
+    _onPress(url: string, analyticsEventName = 'meeting.tile') {
+        sendAnalytics(createCalendarClickedEvent(analyticsEventName));
+
+        this.props.dispatch(appNavigate(url));
+    }
+
+    /**
+     * Callback to execute when the list is doing a pull-to-refresh.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onRefresh() {
+        this.props.dispatch(refreshCalendar(true));
+    }
+
+    /**
+     * Handles the list's secondary action.
+     *
+     * @private
+     * @param {string} id - The ID of the item on which the secondary action was
+     * performed.
+     * @returns {void}
+     */
+    _onSecondaryAction(id: string) {
+        this.props.dispatch(openUpdateCalendarEventDialog(id));
+    }
+
+    /**
+     * Generates a date string for a given event.
+     *
+     * @param {Object} event - The event.
+     * @private
+     * @returns {string}
+     */
+    _toDateString(event: any) {
+        const startDateTime
+            = getLocalizedDateFormatter(event.startDate).format('MMM Do, YYYY');
+
+        return `${startDateTime}`;
+    }
+
+    /**
+     * Creates a displayable object from an event.
+     *
+     * @param {Object} event - The calendar event.
+     * @private
+     * @returns {Object}
+     */
+    _toDisplayableItem(event: any) {
+        return {
+            id: event.id,
+            key: `${event.id}-${event.startDate}`,
+            lines: [
+                event.url,
+                this._toTimeString(event)
+            ],
+            title: event.title,
+            url: event.url
+        };
+    }
+
+    /**
+     * Transforms the event list to a displayable list with sections.
+     *
+     * @private
+     * @returns {Array<Object>}
+     */
+    _toDisplayableList() {
+        const { _eventList, t } = this.props;
+
+        const now = new Date();
+
+        const { createSection } = NavigateSectionList;
+        const TODAY_SECTION = 'today';
+        const sectionMap = new Map();
+
+        for (const event of _eventList) {
+            const displayableEvent = this._toDisplayableItem(event);
+            const startDate = new Date(event.startDate).getDate();
+
+            if (startDate === now.getDate()) {
+                let todaySection = sectionMap.get(TODAY_SECTION);
+
+                if (!todaySection) {
+                    todaySection
+                        = createSection(t('calendarSync.today'), TODAY_SECTION);
+                    sectionMap.set(TODAY_SECTION, todaySection);
+                }
+
+                todaySection.data.push(displayableEvent);
+            } else if (sectionMap.has(startDate)) {
+                const section = sectionMap.get(startDate);
+
+                if (section) {
+                    section.data.push(displayableEvent);
+                }
+            } else {
+                const newSection
+                    = createSection(this._toDateString(event), startDate);
+
+                sectionMap.set(startDate, newSection);
+                newSection.data.push(displayableEvent);
+            }
+        }
+
+        return Array.from(sectionMap.values());
+    }
+
+    /**
+     * Generates a time (interval) string for a given event.
+     *
+     * @param {Object} event - The event.
+     * @private
+     * @returns {string}
+     */
+    _toTimeString(event: any) {
+        const startDateTime
+            = getLocalizedDateFormatter(event.startDate).format('lll');
+        const endTime
+            = getLocalizedDateFormatter(event.endDate).format('LT');
+
+        return `${startDateTime} - ${endTime}`;
+    }
+}
+
+/**
+ * Maps redux state to component props.
+ *
+ * @param {Object} state - The redux state.
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    return {
+        _eventList: state['features/calendar-sync'].events
+    };
+}
+
+export default translate(connect(_mapStateToProps)(CalendarListContent));
diff --git a/react/features/calendar-sync/components/CalendarListContent.web.tsx b/react/features/calendar-sync/components/CalendarListContent.web.tsx
new file mode 100644
index 0000000..73382fe
--- /dev/null
+++ b/react/features/calendar-sync/components/CalendarListContent.web.tsx
@@ -0,0 +1,163 @@
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+
+import { createCalendarClickedEvent, createCalendarSelectedEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { appNavigate } from '../../app/actions.web';
+import { IReduxState, IStore } from '../../app/types';
+import MeetingsList from '../../base/react/components/web/MeetingsList';
+
+import AddMeetingUrlButton from './AddMeetingUrlButton.web';
+import JoinButton from './JoinButton.web';
+
+/**
+ * The type of the React {@code Component} props of
+ * {@link CalendarListContent}.
+ */
+interface IProps {
+
+    /**
+     * The calendar event list.
+     */
+    _eventList: Array<Object>;
+
+    /**
+     * Indicates if the list is disabled or not.
+     */
+    disabled: boolean;
+
+    /**
+     * The Redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     *
+     */
+    listEmptyComponent: React.ReactNode;
+}
+
+/**
+ * Component to display a list of events from a connected calendar.
+ */
+class CalendarListContent extends Component<IProps> {
+    /**
+     * Default values for the component's props.
+     */
+    static defaultProps = {
+        _eventList: []
+    };
+
+    /**
+     * Initializes a new {@code CalendarListContent} instance.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handlers so they are only bound once per instance.
+        this._onJoinPress = this._onJoinPress.bind(this);
+        this._onPress = this._onPress.bind(this);
+        this._toDisplayableItem = this._toDisplayableItem.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#componentDidMount()}. Invoked
+     * immediately after this component is mounted.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidMount() {
+        sendAnalytics(createCalendarSelectedEvent());
+    }
+
+    /**
+     * Implements React's {@link Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { disabled, listEmptyComponent } = this.props;
+        const { _eventList = [] } = this.props;
+        const meetings = _eventList.map(this._toDisplayableItem);
+
+        return (
+            <MeetingsList
+                disabled = { disabled }
+                listEmptyComponent = { listEmptyComponent }
+                meetings = { meetings }
+                onPress = { this._onPress } />
+        );
+    }
+
+    /**
+     * Handles the list's navigate action.
+     *
+     * @private
+     * @param {Object} event - The click event.
+     * @param {string} url - The url string to navigate to.
+     * @returns {void}
+     */
+    _onJoinPress(event: React.KeyboardEvent, url: string) {
+        event.stopPropagation();
+
+        this._onPress(url, 'meeting.join');
+    }
+
+    /**
+     * Handles the list's navigate action.
+     *
+     * @private
+     * @param {string} url - The url string to navigate to.
+     * @param {string} analyticsEventName - Тhe name of the analytics event
+     * associated with this action.
+     * @returns {void}
+     */
+    _onPress(url: string, analyticsEventName = 'meeting.tile') {
+        sendAnalytics(createCalendarClickedEvent(analyticsEventName));
+
+        this.props.dispatch(appNavigate(url));
+    }
+
+    /**
+     * Creates a displayable object from an event.
+     *
+     * @param {Object} event - The calendar event.
+     * @private
+     * @returns {Object}
+     */
+    _toDisplayableItem(event: any) {
+        return {
+            elementAfter: event.url
+                ? <JoinButton
+                    onPress = { this._onJoinPress }
+                    url = { event.url } />
+                : (<AddMeetingUrlButton
+                    calendarId = { event.calendarId }
+                    eventId = { event.id } />),
+            date: event.startDate,
+            time: [ event.startDate, event.endDate ],
+            description: event.url,
+            title: event.title,
+            url: event.url
+        };
+    }
+}
+
+/**
+ * Maps redux state to component props.
+ *
+ * @param {Object} state - The redux state.
+ * @returns {{
+ *     _eventList: Array<Object>
+ * }}
+ */
+function _mapStateToProps(state: IReduxState) {
+    return {
+        _eventList: state['features/calendar-sync'].events
+    };
+}
+
+export default connect(_mapStateToProps)(CalendarListContent);
diff --git a/react/features/calendar-sync/components/JoinButton.native.ts b/react/features/calendar-sync/components/JoinButton.native.ts
new file mode 100644
index 0000000..b6d57d4
--- /dev/null
+++ b/react/features/calendar-sync/components/JoinButton.native.ts
@@ -0,0 +1,21 @@
+import { Component } from 'react';
+
+/**
+ * A React Component for joining an existing calendar meeting.
+ *
+ * @augments Component
+ */
+class JoinButton extends Component<void> {
+    /**
+     * Implements React's {@link Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        // Not yet implemented.
+
+        return null;
+    }
+}
+
+export default JoinButton;
diff --git a/react/features/calendar-sync/components/JoinButton.web.tsx b/react/features/calendar-sync/components/JoinButton.web.tsx
new file mode 100644
index 0000000..1bfb504
--- /dev/null
+++ b/react/features/calendar-sync/components/JoinButton.web.tsx
@@ -0,0 +1,96 @@
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+
+import { translate } from '../../base/i18n/functions';
+import Icon from '../../base/icons/components/Icon';
+import { IconPlus } from '../../base/icons/svg';
+import Tooltip from '../../base/tooltip/components/Tooltip';
+
+/**
+ * The type of the React {@code Component} props of {@link JoinButton}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * The function called when the button is pressed.
+     */
+    onPress: Function;
+
+    /**
+     * The meeting URL associated with the {@link JoinButton} instance.
+     */
+    url: string;
+}
+
+/**
+ * A React Component for joining an existing calendar meeting.
+ *
+ * @augments Component
+ */
+class JoinButton extends Component<IProps> {
+
+    /**
+     * Initializes a new {@code JoinButton} instance.
+     *
+     * @param {*} props - The read-only properties with which the new instance
+     * is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handler so it is only bound once for every instance.
+        this._onClick = this._onClick.bind(this);
+        this._onKeyPress = this._onKeyPress.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { t } = this.props;
+
+        return (
+            <Tooltip
+                content = { t('calendarSync.joinTooltip') }>
+                <div
+                    className = 'button join-button'
+                    onClick = { this._onClick }
+                    onKeyPress = { this._onKeyPress }
+                    role = 'button'>
+                    <Icon
+                        size = '14'
+                        src = { IconPlus } />
+                </div>
+            </Tooltip>
+        );
+    }
+
+    /**
+     * Callback invoked when the component is clicked.
+     *
+     * @param {Object} event - The DOM click event.
+     * @private
+     * @returns {void}
+     */
+    _onClick(event?: React.MouseEvent) {
+        this.props.onPress(event, this.props.url);
+    }
+
+    /**
+     * KeyPress handler for accessibility.
+     *
+     * @param {Object} e - The key event to handle.
+     *
+     * @returns {void}
+     */
+    _onKeyPress(e: React.KeyboardEvent) {
+        if (e.key === ' ' || e.key === 'Enter') {
+            e.preventDefault();
+            this._onClick();
+        }
+    }
+}
+
+export default translate(JoinButton);
diff --git a/react/features/calendar-sync/components/MicrosoftSignInButton.native.ts b/react/features/calendar-sync/components/MicrosoftSignInButton.native.ts
new file mode 100644
index 0000000..e69de29
diff --git a/react/features/calendar-sync/components/MicrosoftSignInButton.web.tsx b/react/features/calendar-sync/components/MicrosoftSignInButton.web.tsx
new file mode 100644
index 0000000..911fb56
--- /dev/null
+++ b/react/features/calendar-sync/components/MicrosoftSignInButton.web.tsx
@@ -0,0 +1,52 @@
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+
+import { translate } from '../../base/i18n/functions';
+
+/**
+ * The type of the React {@code Component} props of
+ * {@link MicrosoftSignInButton}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * The callback to invoke when {@code MicrosoftSignInButton} is clicked.
+     */
+    onClick: (e?: React.MouseEvent) => void;
+
+    /**
+     * The text to display within {@code MicrosoftSignInButton}.
+     */
+    text: string;
+}
+
+/**
+ * A React Component showing a button to sign in with Microsoft.
+ *
+ * @augments Component
+ */
+class MicrosoftSignInButton extends Component<IProps> {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        return (
+            <div
+                className = 'microsoft-sign-in'
+                onClick = { this.props.onClick }>
+                <img
+                    alt = { this.props.t('welcomepage.logo.microsoftLogo') }
+                    className = 'microsoft-logo'
+                    src = 'images/microsoftLogo.svg' />
+                <div className = 'microsoft-cta'>
+                    { this.props.text }
+                </div>
+            </div>
+        );
+    }
+}
+
+export default translate(MicrosoftSignInButton);
diff --git a/react/features/calendar-sync/components/UpdateCalendarEventDialog.native.tsx b/react/features/calendar-sync/components/UpdateCalendarEventDialog.native.tsx
new file mode 100644
index 0000000..d39de31
--- /dev/null
+++ b/react/features/calendar-sync/components/UpdateCalendarEventDialog.native.tsx
@@ -0,0 +1,65 @@
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+
+import { IStore } from '../../app/types';
+import ConfirmDialog from '../../base/dialog/components/native/ConfirmDialog';
+import { translate } from '../../base/i18n/functions';
+import { updateCalendarEvent } from '../actions';
+
+interface IProps extends WithTranslation {
+
+    /**
+     * The Redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * The ID of the event to be updated.
+     */
+    eventId: string;
+}
+
+/**
+ * Component for the add Jitsi link confirm dialog.
+ */
+class UpdateCalendarEventDialog extends Component<IProps> {
+    /**
+     * Initializes a new {@code UpdateCalendarEventDialog} instance.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._onSubmit = this._onSubmit.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        return (
+            <ConfirmDialog
+                descriptionKey = 'calendarSync.confirmAddLink'
+                onSubmit = { this._onSubmit } />
+        );
+    }
+
+    /**
+     * Callback for the confirm button.
+     *
+     * @private
+     * @returns {boolean} - True (to note that the modal should be closed).
+     */
+    _onSubmit() {
+        this.props.dispatch(updateCalendarEvent(this.props.eventId));
+
+        return true;
+    }
+}
+
+export default translate(connect()(UpdateCalendarEventDialog));
diff --git a/react/features/calendar-sync/components/UpdateCalendarEventDialog.web.ts b/react/features/calendar-sync/components/UpdateCalendarEventDialog.web.ts
new file mode 100644
index 0000000..e69de29
diff --git a/react/features/calendar-sync/components/styles.ts b/react/features/calendar-sync/components/styles.ts
new file mode 100644
index 0000000..fdae143
--- /dev/null
+++ b/react/features/calendar-sync/components/styles.ts
@@ -0,0 +1,182 @@
+import { ColorPalette } from '../../base/styles/components/styles/ColorPalette';
+import { createStyleSheet } from '../../base/styles/functions.any';
+import BaseTheme from '../../base/ui/components/BaseTheme';
+
+const NOTIFICATION_SIZE = 55;
+
+/**
+ * The styles of the React {@code Component}s of the feature meeting-list i.e.
+ * {@code CalendarList}.
+ */
+export default createStyleSheet({
+
+    /**
+     * Button style of the open settings button.
+     */
+    noPermissionMessageButton: {
+        backgroundColor: ColorPalette.blue,
+        borderColor: ColorPalette.blue,
+        borderRadius: 4,
+        borderWidth: 1,
+        height: 30,
+        justifyContent: 'center',
+        margin: 15,
+        paddingHorizontal: 20
+    },
+
+    /**
+     * Text style of the open settings button.
+     */
+    noPermissionMessageButtonText: {
+        color: ColorPalette.white
+    },
+
+    /**
+     * Text style of the no permission message.
+     */
+    noPermissionMessageText: {
+        backgroundColor: 'transparent',
+        color: 'rgba(255, 255, 255, 0.6)',
+        textAlign: 'center'
+    },
+
+    /**
+     * Top level view of the no permission message.
+     */
+    noPermissionMessageView: {
+        alignItems: 'center',
+        flex: 1,
+        flexDirection: 'column',
+        justifyContent: 'center',
+        padding: 20
+    },
+
+    /**
+     * The top level container of the notification.
+     */
+    notificationContainer: {
+        alignSelf: 'flex-start',
+        flexDirection: 'row',
+        justifyContent: 'center',
+        overflow: 'hidden',
+        position: 'absolute'
+    },
+
+    /**
+     * Additional style for the container when the notification is displayed
+     * on the side (narrow view).
+     */
+    notificationContainerSide: {
+        top: 100
+    },
+
+    /**
+     * Additional style for the container when the notification is displayed
+     * on the top (wide view).
+     */
+    notificationContainerTop: {
+        justifyContent: 'center',
+        left: 0,
+        right: 0,
+        top: 0
+    },
+
+    /**
+     * The top level container of the notification.
+     */
+    notificationContent: {
+        alignSelf: 'flex-start',
+        flexDirection: 'row',
+        height: NOTIFICATION_SIZE,
+        justifyContent: 'center',
+        paddingHorizontal: 10
+    },
+
+    /**
+     * Color for upcoming meeting notification.
+     */
+    notificationContentNext: {
+        backgroundColor: '#eeb231'
+    },
+
+    /**
+     * Color for already ongoing meeting notifications.
+     */
+    notificationContentPast: {
+        backgroundColor: 'red'
+    },
+
+    /**
+     * Additional style for the content when the notification is displayed
+     * on the side (narrow view).
+     */
+    notificationContentSide: {
+        borderBottomRightRadius: NOTIFICATION_SIZE,
+        borderTopRightRadius: NOTIFICATION_SIZE
+    },
+
+    /**
+     * Additional style for the content when the notification is displayed
+     * on the top (wide view).
+     */
+    notificationContentTop: {
+        borderBottomLeftRadius: NOTIFICATION_SIZE / 2,
+        borderBottomRightRadius: NOTIFICATION_SIZE / 2,
+        paddingHorizontal: 20
+    },
+
+    /**
+     * The icon of the notification.
+     */
+    notificationIcon: {
+        color: 'white',
+        fontSize: '1.5rem'
+    },
+
+    /**
+     * The container that contains the icon.
+     */
+    notificationIconContainer: {
+        alignItems: 'center',
+        flexDirection: 'row',
+        height: NOTIFICATION_SIZE,
+        justifyContent: 'center'
+    },
+
+    /**
+     * A single line of text of the notification.
+     */
+    notificationText: {
+        color: 'white',
+        fontSize: '0.875rem'
+    },
+
+    /**
+     * The container for all the lines if the notification.
+     */
+    notificationTextContainer: {
+        flexDirection: 'column',
+        height: NOTIFICATION_SIZE,
+        justifyContent: 'center'
+    },
+
+    /**
+     * The touchable component.
+     */
+    touchableView: {
+        flexDirection: 'row'
+    },
+
+    calendarSync: {
+        backgroundColor: BaseTheme.palette.uiBackground,
+        flex: 1,
+        overflow: 'hidden'
+    },
+
+    calendarSyncDisabled: {
+        backgroundColor: BaseTheme.palette.uiBackground,
+        flex: 1,
+        opacity: 0.8,
+        overflow: 'hidden'
+    }
+});
diff --git a/react/features/calendar-sync/constants.ts b/react/features/calendar-sync/constants.ts
new file mode 100644
index 0000000..ebb2201
--- /dev/null
+++ b/react/features/calendar-sync/constants.ts
@@ -0,0 +1,35 @@
+/**
+ * An enumeration of support calendar integration types.
+ *
+ * @enum {string}
+ */
+export const CALENDAR_TYPE = {
+    GOOGLE: 'google',
+    MICROSOFT: 'microsoft'
+};
+
+/**
+ * An enumeration of known errors that can occur while interacting with the
+ * calendar integration.
+ *
+ * @enum {string}
+ */
+export const ERRORS = {
+    AUTH_FAILED: 'sign_in_failed',
+    GOOGLE_APP_MISCONFIGURED: 'idpiframe_initialization_failed'
+};
+
+/**
+ * The number of days to fetch.
+ */
+export const FETCH_END_DAYS = 10;
+
+/**
+ * The number of days to go back when fetching.
+ */
+export const FETCH_START_DAYS = -1;
+
+/**
+ * The max number of events to fetch from the calendar.
+ */
+export const MAX_LIST_LENGTH = 10;
diff --git a/react/features/calendar-sync/functions.any.ts b/react/features/calendar-sync/functions.any.ts
new file mode 100644
index 0000000..ae630bd
--- /dev/null
+++ b/react/features/calendar-sync/functions.any.ts
@@ -0,0 +1,205 @@
+import md5 from 'js-md5';
+
+import { APP_LINK_SCHEME, parseURIString } from '../base/util/uri';
+
+import { setCalendarEvents } from './actions';
+import { MAX_LIST_LENGTH } from './constants';
+
+const ALLDAY_EVENT_LENGTH = 23 * 60 * 60 * 1000;
+
+/**
+ * Returns true of the calendar entry is to be displayed in the app, false
+ * otherwise.
+ *
+ * @param {Object} entry - The calendar entry.
+ * @returns {boolean}
+ */
+function _isDisplayableCalendarEntry(entry: { allDay: boolean; attendees: Object[];
+    endDate: number; startDate: number; }) {
+    // Entries are displayable if:
+    //   - Ends in the future (future or ongoing events)
+    //   - Is not an all day event and there is only one attendee (these events
+    //     are usually placeholder events that don't need to be shown.)
+    return entry.endDate > Date.now()
+        && !((entry.allDay
+                || entry.endDate - entry.startDate > ALLDAY_EVENT_LENGTH)
+                    && (!entry.attendees || entry.attendees.length < 2));
+}
+
+/**
+ * Updates the calendar entries in redux when new list is received. The feature
+ * calendar-sync doesn't display all calendar events, it displays unique
+ * title, URL, and start time tuples, and it doesn't display subsequent
+ * occurrences of recurring events, and the repetitions of events coming from
+ * multiple calendars.
+ *
+ * XXX The function's {@code this} is the redux store.
+ *
+ * @param {Array<CalendarEntry>} events - The new event list.
+ * @private
+ * @returns {void}
+ */
+export function _updateCalendarEntries(events: Array<Object>) {
+    if (!events?.length) {
+        return;
+    }
+
+    // @ts-ignore
+    // eslint-disable-next-line @typescript-eslint/no-invalid-this
+    const { dispatch, getState } = this;
+    const knownDomains = getState()['features/base/known-domains'];
+    const entryMap = new Map();
+
+    for (const event of events) {
+        const entry = _parseCalendarEntry(event, knownDomains);
+
+        if (entry && _isDisplayableCalendarEntry(entry)) {
+            // As was stated above, we don't display subsequent occurrences of
+            // recurring events, and the repetitions of events coming from
+            // multiple calendars.
+            const key = md5.hex(JSON.stringify([
+
+                // Obviously, we want to display different conference/meetings
+                // URLs. URLs are the very reason why we implemented the feature
+                // calendar-sync in the first place.
+                entry.url,
+
+                // We probably want to display one and the same URL to people if
+                // they have it under different titles in their Calendar.
+                // Because maybe they remember the title of the meeting, not the
+                // URL so they expect to see the title without realizing that
+                // they have the same URL already under a different title.
+                entry.title,
+
+                // XXX Eventually, given that the URL and the title are the
+                // same, what sets one event apart from another is the start
+                // time of the day (note the use of toTimeString() below)! The
+                // day itself is not important because we don't want multiple
+                // occurrences of a recurring event or repetitions of an even
+                // from multiple calendars.
+                new Date(entry.startDate).toTimeString()
+            ]));
+            const existingEntry = entryMap.get(key);
+
+            // We want only the earliest occurrence (which hasn't ended in the
+            // past, that is) of a recurring event.
+            if (!existingEntry || existingEntry.startDate > entry.startDate) {
+                entryMap.set(key, entry);
+            }
+        }
+    }
+
+    dispatch(
+        setCalendarEvents(
+            Array.from(entryMap.values())
+                .sort((a, b) => a.startDate - b.startDate)
+                .slice(0, MAX_LIST_LENGTH)));
+}
+
+/**
+ * Checks a string against a positive pattern and a negative pattern. Returns
+ * the string if it matches the positive pattern and doesn't provide any match
+ * against the negative pattern. Null otherwise.
+ *
+ * @param {string} str - The string to check.
+ * @param {string} positivePattern - The positive pattern.
+ * @param {string} negativePattern - The negative pattern.
+ * @returns {string}
+ */
+function _checkPattern(str: string, positivePattern: string, negativePattern: string) {
+    const positiveRegExp = new RegExp(positivePattern, 'gi');
+    let positiveMatch = positiveRegExp.exec(str);
+
+    while (positiveMatch !== null) {
+        const url = positiveMatch[0];
+
+        if (!new RegExp(negativePattern, 'gi').exec(url)) {
+            return url;
+        }
+
+        positiveMatch = positiveRegExp.exec(str);
+    }
+}
+
+/**
+ * Updates the calendar entries in Redux when new list is received.
+ *
+ * @param {Object} event - An event returned from the native calendar.
+ * @param {Array<string>} knownDomains - The known domain list.
+ * @private
+ * @returns {CalendarEntry}
+ */
+function _parseCalendarEntry(event: any, knownDomains: string[]) {
+    if (event) {
+        const url = _getURLFromEvent(event, knownDomains);
+        const startDate = Date.parse(event.startDate);
+        const endDate = Date.parse(event.endDate);
+
+        // we want to hide all events that
+        // - has no start or end date
+        // - for web, if there is no url and we cannot edit the event (has
+        // no calendarId)
+        if (isNaN(startDate)
+            || isNaN(endDate)
+            || (navigator.product !== 'ReactNative'
+                    && !url
+                    && !event.calendarId)) {
+            // Ignore the event.
+        } else {
+            return {
+                allDay: event.allDay,
+                attendees: event.attendees,
+                calendarId: event.calendarId,
+                endDate,
+                id: event.id,
+                startDate,
+                title: event.title,
+                url
+            };
+        }
+    }
+
+    return null;
+}
+
+/**
+ * Retrieves a Jitsi Meet URL from an event if present.
+ *
+ * @param {Object} event - The event to parse.
+ * @param {Array<string>} knownDomains - The known domain names.
+ * @private
+ * @returns {string}
+ */
+function _getURLFromEvent(event: { description: string; location: string; notes: string; title: string;
+    url: string; }, knownDomains: string[]) {
+    const linkTerminatorPattern = '[^\\s<>$]';
+    const urlRegExp
+        = `http(s)?://(${knownDomains.join('|')})/${linkTerminatorPattern}+`;
+    const schemeRegExp = `${APP_LINK_SCHEME}${linkTerminatorPattern}+`;
+    const excludePattern = '/static/';
+    const fieldsToSearch = [
+        event.title,
+        event.url,
+        event.location,
+        event.notes,
+        event.description
+    ];
+
+    for (const field of fieldsToSearch) {
+        if (typeof field === 'string') {
+            const match
+                = _checkPattern(field, urlRegExp, excludePattern)
+                || _checkPattern(field, schemeRegExp, excludePattern);
+
+            if (match) {
+                const url = parseURIString(match);
+
+                if (url) {
+                    return url.toString();
+                }
+            }
+        }
+    }
+
+    return null;
+}
diff --git a/react/features/calendar-sync/functions.native.ts b/react/features/calendar-sync/functions.native.ts
new file mode 100644
index 0000000..814d33d
--- /dev/null
+++ b/react/features/calendar-sync/functions.native.ts
@@ -0,0 +1,151 @@
+import { NativeModules, Platform } from 'react-native';
+import RNCalendarEvents from 'react-native-calendar-events';
+
+import { IReduxState, IStore } from '../app/types';
+import { IStateful } from '../base/app/types';
+import { CALENDAR_ENABLED } from '../base/flags/constants';
+import { getFeatureFlag } from '../base/flags/functions';
+import { getShareInfoText } from '../invite/functions';
+
+import { setCalendarAuthorization } from './actions.native';
+import { FETCH_END_DAYS, FETCH_START_DAYS } from './constants';
+import { _updateCalendarEntries } from './functions.native';
+import logger from './logger';
+
+export * from './functions.any';
+
+/**
+ * Adds a Jitsi link to a calendar entry.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {string} id - The ID of the calendar entry.
+ * @param {string} link - The link to add info with.
+ * @returns {Promise<*>}
+ */
+export function addLinkToCalendarEntry(
+        state: IReduxState, id: string, link: string): Promise<any> {
+    return new Promise((resolve, reject) => {
+        getShareInfoText(state, link, true).then((shareInfoText: string) => {
+            RNCalendarEvents.findEventById(id).then((event: any) => {
+                const updateText
+                    = event.description
+                        ? `${event.description}\n\n${shareInfoText}`
+                        : shareInfoText;
+                const updateObject = {
+                    id: event.id,
+                    ...Platform.select({
+                        ios: {
+                            notes: updateText
+                        },
+                        android: {
+                            description: updateText
+                        }
+                    })
+                };
+
+                // @ts-ignore
+                RNCalendarEvents.saveEvent(event.title, updateObject)
+                .then(resolve, reject);
+            }, reject);
+        }, reject);
+    });
+}
+
+/**
+ * Determines whether the calendar feature is enabled by the app. For
+ * example, Apple through its App Store requires
+ * {@code NSCalendarsUsageDescription} in the app's Info.plist or App Store
+ * rejects the app. It could also be disabled with a feature flag.
+ *
+ * @param {Function|Object} stateful - The redux store or {@code getState}
+ * function.
+ * @returns {boolean} If the app has enabled the calendar feature, {@code true};
+ * otherwise, {@code false}.
+ */
+export function isCalendarEnabled(stateful: IStateful) {
+    const flag = getFeatureFlag(stateful, CALENDAR_ENABLED);
+
+    if (typeof flag !== 'undefined') {
+        return flag;
+    }
+
+    const { calendarEnabled = true } = NativeModules.AppInfo;
+
+    return calendarEnabled;
+}
+
+/**
+ * Reads the user's calendar and updates the stored entries if need be.
+ *
+ * @param {Object} store - The redux store.
+ * @param {boolean} maybePromptForPermission - Flag to tell the app if it should
+ * prompt for a calendar permission if it wasn't granted yet.
+ * @param {boolean|undefined} forcePermission - Whether to force to re-ask for
+ * the permission or not.
+ * @private
+ * @returns {void}
+ */
+export function _fetchCalendarEntries(
+        store: IStore,
+        maybePromptForPermission: boolean,
+        forcePermission?: boolean) {
+    const { dispatch, getState } = store;
+    const promptForPermission
+        = (maybePromptForPermission
+        && !getState()['features/calendar-sync'].authorization)
+        || forcePermission;
+
+    _ensureCalendarAccess(promptForPermission, dispatch)
+        .then(accessGranted => {
+            if (accessGranted) {
+                const startDate = new Date();
+                const endDate = new Date();
+
+                startDate.setDate(startDate.getDate() + FETCH_START_DAYS);
+                endDate.setDate(endDate.getDate() + FETCH_END_DAYS);
+
+                RNCalendarEvents.fetchAllEvents(
+
+                    // @ts-ignore
+                    startDate.getTime(),
+                    endDate.getTime(),
+                    [])
+                    .then(_updateCalendarEntries.bind(store))
+                    .catch(error =>
+                        logger.error('Error fetching calendar.', error));
+            } else {
+                logger.warn('Calendar access not granted.');
+            }
+        })
+        .catch(reason => logger.error('Error accessing calendar.', reason));
+}
+
+/**
+ * Ensures calendar access if possible and resolves the promise if it's granted.
+ *
+ * @param {boolean} promptForPermission - Flag to tell the app if it should
+ * prompt for a calendar permission if it wasn't granted yet.
+ * @param {Function} dispatch - The Redux dispatch function.
+ * @private
+ * @returns {Promise}
+ */
+function _ensureCalendarAccess(promptForPermission: boolean | undefined, dispatch: IStore['dispatch']) {
+    return new Promise((resolve, reject) => {
+        RNCalendarEvents.checkPermissions()
+            .then(status => {
+                if (status === 'authorized') {
+                    resolve(true);
+                } else if (promptForPermission) {
+                    RNCalendarEvents.requestPermissions()
+                        .then(result => {
+                            dispatch(setCalendarAuthorization(result));
+                            resolve(result === 'authorized');
+                        })
+                        .catch(reject);
+                } else {
+                    resolve(false);
+                }
+            })
+            .catch(reject);
+    });
+}
diff --git a/react/features/calendar-sync/functions.web.ts b/react/features/calendar-sync/functions.web.ts
new file mode 100644
index 0000000..f8e7ac1
--- /dev/null
+++ b/react/features/calendar-sync/functions.web.ts
@@ -0,0 +1,114 @@
+import { IStore } from '../app/types';
+import { IStateful } from '../base/app/types';
+import { toState } from '../base/redux/functions';
+
+import {
+    clearCalendarIntegration,
+    setCalendarError,
+    setLoadingCalendarEvents
+} from './actions.web';
+export * from './functions.any';
+import {
+    CALENDAR_TYPE,
+    ERRORS,
+    FETCH_END_DAYS,
+    FETCH_START_DAYS
+} from './constants';
+import { _updateCalendarEntries } from './functions.web';
+import logger from './logger';
+import { googleCalendarApi } from './web/googleCalendar';
+import { microsoftCalendarApi } from './web/microsoftCalendar';
+
+/**
+ * Determines whether the calendar feature is enabled by the web.
+ *
+ * @param {Function|Object} stateful - The redux store or {@code getState}
+ * function.
+ * @returns {boolean} If the app has enabled the calendar feature, {@code true};
+ * otherwise, {@code false}.
+ */
+export function isCalendarEnabled(stateful: IStateful) {
+    const {
+        enableCalendarIntegration,
+        googleApiApplicationClientID,
+        microsoftApiApplicationClientID
+    } = toState(stateful)['features/base/config'] || {};
+
+    return Boolean(enableCalendarIntegration && (googleApiApplicationClientID || microsoftApiApplicationClientID));
+}
+
+/**
+ * Reads the user's calendar and updates the stored entries if need be.
+ *
+ * @param {Object} store - The redux store.
+ * @param {boolean} _maybePromptForPermission - Flag to tell the app if it should
+ * prompt for a calendar permission if it wasn't granted yet.
+ * @param {boolean|undefined} _forcePermission - Whether to force to re-ask for
+ * the permission or not.
+ * @private
+ * @returns {void}
+ */
+export function _fetchCalendarEntries(
+        store: IStore,
+        _maybePromptForPermission: boolean,
+        _forcePermission?: boolean) {
+    const { dispatch, getState } = store;
+
+    const { integrationType = '' } = getState()['features/calendar-sync'];
+    const integration = _getCalendarIntegration(integrationType);
+
+    if (!integration) {
+        logger.debug('No calendar type available');
+
+        return;
+    }
+
+    dispatch(setLoadingCalendarEvents(true));
+
+    dispatch(integration.load())
+        .then(() => dispatch(integration._isSignedIn()))
+        .then((signedIn: boolean) => {
+            if (signedIn) {
+                return Promise.resolve();
+            }
+
+            return Promise.reject({
+                error: ERRORS.AUTH_FAILED
+            });
+        })
+        .then(() => dispatch(integration.getCalendarEntries(
+            FETCH_START_DAYS, FETCH_END_DAYS)))
+        .then((events: Object[]) => _updateCalendarEntries.call({
+            dispatch,
+            getState
+        }, events))
+        .then(() => {
+            dispatch(setCalendarError());
+        }, (error: any) => {
+            logger.error('Error fetching calendar.', error);
+
+            if (error.error === ERRORS.AUTH_FAILED) {
+                dispatch(clearCalendarIntegration());
+            }
+
+            dispatch(setCalendarError(error));
+        })
+        .then(() => dispatch(setLoadingCalendarEvents(false)));
+}
+
+/**
+ * Returns the calendar API implementation by specified type.
+ *
+ * @param {string} calendarType - The calendar type API as defined in
+ * the constant {@link CALENDAR_TYPE}.
+ * @private
+ * @returns {Object|undefined}
+ */
+export function _getCalendarIntegration(calendarType: string) {
+    switch (calendarType) {
+    case CALENDAR_TYPE.GOOGLE:
+        return googleCalendarApi;
+    case CALENDAR_TYPE.MICROSOFT:
+        return microsoftCalendarApi;
+    }
+}
diff --git a/react/features/calendar-sync/logger.ts b/react/features/calendar-sync/logger.ts
new file mode 100644
index 0000000..008967a
--- /dev/null
+++ b/react/features/calendar-sync/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:calendar-sync');
diff --git a/react/features/calendar-sync/middleware.ts b/react/features/calendar-sync/middleware.ts
new file mode 100644
index 0000000..539e963
--- /dev/null
+++ b/react/features/calendar-sync/middleware.ts
@@ -0,0 +1,75 @@
+import { IStore } from '../app/types';
+import { SET_CONFIG } from '../base/config/actionTypes';
+import { ADD_KNOWN_DOMAINS } from '../base/known-domains/actionTypes';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { equals } from '../base/redux/functions';
+import { APP_STATE_CHANGED } from '../mobile/background/actionTypes';
+
+import { REFRESH_CALENDAR } from './actionTypes';
+import { setCalendarAuthorization } from './actions';
+import { _fetchCalendarEntries, isCalendarEnabled } from './functions';
+
+MiddlewareRegistry.register(store => next => action => {
+    const { getState } = store;
+
+    if (!isCalendarEnabled(getState)) {
+        return next(action);
+    }
+
+    switch (action.type) {
+    case ADD_KNOWN_DOMAINS: {
+        // XXX Fetch new calendar entries only when an actual domain has
+        // become known.
+        const oldValue = getState()['features/base/known-domains'];
+        const result = next(action);
+        const newValue = getState()['features/base/known-domains'];
+
+        equals(oldValue, newValue)
+            || _fetchCalendarEntries(store, false, false);
+
+        return result;
+    }
+
+    case APP_STATE_CHANGED: {
+        const result = next(action);
+
+        _maybeClearAccessStatus(store, action);
+
+        return result;
+    }
+
+    case SET_CONFIG: {
+        const result = next(action);
+
+        _fetchCalendarEntries(store, false, false);
+
+        return result;
+    }
+
+    case REFRESH_CALENDAR: {
+        const result = next(action);
+
+        _fetchCalendarEntries(
+            store, action.isInteractive, action.forcePermission);
+
+        return result;
+    }
+    }
+
+    return next(action);
+});
+
+/**
+ * Clears the calendar access status when the app comes back from the
+ * background. This is needed as some users may never quit the app, but puts it
+ * into the background and we need to try to request for a permission as often
+ * as possible, but not annoyingly often.
+ *
+ * @param {Object} store - The redux store.
+ * @param {Object} action - The Redux action.
+ * @private
+ * @returns {void}
+ */
+function _maybeClearAccessStatus(store: IStore, { appState }: { appState: string; }) {
+    appState === 'background' && store.dispatch(setCalendarAuthorization(undefined));
+}
diff --git a/react/features/calendar-sync/reducer.tsx b/react/features/calendar-sync/reducer.tsx
new file mode 100644
index 0000000..b73fceb
--- /dev/null
+++ b/react/features/calendar-sync/reducer.tsx
@@ -0,0 +1,108 @@
+import PersistenceRegistry from '../base/redux/PersistenceRegistry';
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+import { set } from '../base/redux/functions';
+
+import {
+    CLEAR_CALENDAR_INTEGRATION,
+    SET_CALENDAR_AUTHORIZATION,
+    SET_CALENDAR_AUTH_STATE,
+    SET_CALENDAR_ERROR,
+    SET_CALENDAR_EVENTS,
+    SET_CALENDAR_INTEGRATION,
+    SET_CALENDAR_PROFILE_EMAIL,
+    SET_LOADING_CALENDAR_EVENTS
+} from './actionTypes';
+
+/**
+ * The default state of the calendar feature.
+ *
+ * @type {Object}
+ */
+const DEFAULT_STATE = {
+    authorization: undefined,
+    events: [],
+    integrationReady: false,
+    integrationType: undefined,
+    msAuthState: undefined
+};
+
+export interface ICalendarSyncState {
+    authorization?: string;
+    error?: { error: string; };
+    events: Array<{
+        calendarId: string;
+        endDate: string;
+        id: string;
+        startDate: string;
+        url: string;
+    }>;
+    integrationReady: boolean;
+    integrationType?: string;
+    isLoadingEvents?: boolean;
+    msAuthState?: any;
+    profileEmail?: string;
+}
+
+/**
+ * Constant for the Redux subtree of the calendar feature.
+ *
+ * NOTE: This feature can be disabled and in that case, accessing this subtree
+ * directly will return undefined and will need a bunch of repetitive type
+ * checks in other features. Make sure you take care of those checks, or
+ * consider using the {@code isCalendarEnabled} value to gate features if
+ * needed.
+ */
+const STORE_NAME = 'features/calendar-sync';
+
+/**
+ * NOTE: Never persist the authorization value as it's needed to remain a
+ * runtime value to see if we need to re-request the calendar permission from
+ * the user.
+ */
+PersistenceRegistry.register(STORE_NAME, {
+    integrationType: true,
+    msAuthState: true
+});
+
+ReducerRegistry.register<ICalendarSyncState>(STORE_NAME, (state = DEFAULT_STATE, action): ICalendarSyncState => {
+    switch (action.type) {
+    case CLEAR_CALENDAR_INTEGRATION:
+        return DEFAULT_STATE;
+
+    case SET_CALENDAR_AUTH_STATE: {
+        if (!action.msAuthState) {
+            // received request to delete the state
+            return set(state, 'msAuthState', undefined);
+        }
+
+        return set(state, 'msAuthState', {
+            ...state.msAuthState,
+            ...action.msAuthState
+        });
+    }
+
+    case SET_CALENDAR_AUTHORIZATION:
+        return set(state, 'authorization', action.authorization);
+
+    case SET_CALENDAR_ERROR:
+        return set(state, 'error', action.error);
+
+    case SET_CALENDAR_EVENTS:
+        return set(state, 'events', action.events);
+
+    case SET_CALENDAR_INTEGRATION:
+        return {
+            ...state,
+            integrationReady: action.integrationReady,
+            integrationType: action.integrationType
+        };
+
+    case SET_CALENDAR_PROFILE_EMAIL:
+        return set(state, 'profileEmail', action.email);
+
+    case SET_LOADING_CALENDAR_EVENTS:
+        return set(state, 'isLoadingEvents', action.isLoadingEvents);
+    }
+
+    return state;
+});
diff --git a/react/features/calendar-sync/web/googleCalendar.ts b/react/features/calendar-sync/web/googleCalendar.ts
new file mode 100644
index 0000000..11226ee
--- /dev/null
+++ b/react/features/calendar-sync/web/googleCalendar.ts
@@ -0,0 +1,72 @@
+import { IStore } from '../../app/types';
+import {
+    getCalendarEntries,
+    loadGoogleAPI,
+    signIn,
+    updateCalendarEvent,
+    updateProfile
+} from '../../google-api/actions'; // @ts-ignore
+import googleApi from '../../google-api/googleApi.web';
+
+/**
+ * A stateless collection of action creators that implements the expected
+ * interface for interacting with the Google API in order to get calendar data.
+ *
+ * @type {Object}
+ */
+export const googleCalendarApi = {
+    /**
+     * Retrieves the current calendar events.
+     *
+     * @param {number} fetchStartDays - The number of days to go back
+     * when fetching.
+     * @param {number} fetchEndDays - The number of days to fetch.
+     * @returns {function(): Promise<CalendarEntries>}
+     */
+    getCalendarEntries,
+
+    /**
+     * Returns the email address for the currently logged in user.
+     *
+     * @returns {function(Dispatch<any>): Promise<string|never>}
+     */
+    getCurrentEmail() {
+        return updateProfile();
+    },
+
+    /**
+     * Initializes the google api if needed.
+     *
+     * @returns {function(Dispatch<any>, Function): Promise<void>}
+     */
+    load() {
+        return (dispatch: IStore['dispatch']) => dispatch(loadGoogleAPI());
+    },
+
+    /**
+     * Prompts the participant to sign in to the Google API Client Library.
+     *
+     * @returns {function(Dispatch<any>): Promise<string|never>}
+     */
+    signIn,
+
+    /**
+     * Returns whether or not the user is currently signed in.
+     *
+     * @returns {function(): Promise<boolean>}
+     */
+    _isSignedIn() {
+        return () => googleApi.isSignedIn();
+    },
+
+    /**
+     * Updates calendar event by generating new invite URL and editing the event
+     * adding some descriptive text and location.
+     *
+     * @param {string} id - The event id.
+     * @param {string} calendarId - The id of the calendar to use.
+     * @param {string} location - The location to save to the event.
+     * @returns {function(Dispatch<any>): Promise<string|never>}
+     */
+    updateCalendarEvent
+};
diff --git a/react/features/calendar-sync/web/microsoftCalendar.ts b/react/features/calendar-sync/web/microsoftCalendar.ts
new file mode 100644
index 0000000..26e2b41
--- /dev/null
+++ b/react/features/calendar-sync/web/microsoftCalendar.ts
@@ -0,0 +1,606 @@
+import { Client } from '@microsoft/microsoft-graph-client';
+// eslint-disable-next-line lines-around-comment
+import base64js from 'base64-js';
+import { v4 as uuidV4 } from 'uuid';
+import { findWindows } from 'windows-iana';
+import { IanaName } from 'windows-iana/dist/enums';
+
+import { IStore } from '../../app/types';
+import { parseURLParams } from '../../base/util/parseURLParams';
+import { parseStandardURIString } from '../../base/util/uri';
+import { getShareInfoText } from '../../invite/functions';
+import { setCalendarAPIAuthState } from '../actions.web';
+
+
+/**
+ * Constants used for interacting with the Microsoft API.
+ *
+ * @private
+ * @type {object}
+ */
+const MS_API_CONFIGURATION = {
+    /**
+     * The URL to use when authenticating using Microsoft API.
+     *
+     * @type {string}
+     */
+    AUTH_ENDPOINT:
+        'https://login.microsoftonline.com/common/oauth2/v2.0/authorize?',
+
+    CALENDAR_ENDPOINT: '/me/calendars',
+
+    /**
+     * The Microsoft API scopes to request access for calendar.
+     *
+     * @type {string}
+     */
+    MS_API_SCOPES: 'openid profile Calendars.ReadWrite',
+
+    /**
+     * See https://docs.microsoft.com/en-us/azure/active-directory/develop/
+     * v2-oauth2-implicit-grant-flow#send-the-sign-in-request. This value is
+     * needed for passing in the proper domain_hint value when trying to refresh
+     * a token silently.
+     *
+     * @type {string}
+     */
+    MS_CONSUMER_TENANT: '9188040d-6c67-4c5b-b112-36a304b66dad',
+
+    /**
+     * The redirect URL to be used by the Microsoft API on successful
+     * authentication.
+     *
+     * @type {string}
+     */
+    REDIRECT_URI: `${window.location.origin}/static/msredirect.html`
+};
+
+/**
+ * Store the window from an auth request. That way it can be reused if a new
+ * request comes in and it can be used to indicate a request is in progress.
+ *
+ * @private
+ * @type {Object|null}
+ */
+let popupAuthWindow: Window | null = null;
+
+/**
+ * A stateless collection of action creators that implements the expected
+ * interface for interacting with the Microsoft API in order to get calendar
+ * data.
+ *
+ * @type {Object}
+ */
+export const microsoftCalendarApi = {
+    /**
+     * Retrieves the current calendar events.
+     *
+     * @param {number} fetchStartDays - The number of days to go back
+     * when fetching.
+     * @param {number} fetchEndDays - The number of days to fetch.
+     * @returns {function(Dispatch<any>, Function): Promise<CalendarEntries>}
+     */
+    getCalendarEntries(fetchStartDays?: number, fetchEndDays?: number) {
+        return (dispatch: IStore['dispatch'], getState: IStore['getState']): Promise<any> => {
+            const state = getState()['features/calendar-sync'] || {};
+            const token = state.msAuthState?.accessToken;
+
+            if (!token) {
+                return Promise.reject('Not authorized, please sign in!');
+            }
+
+            const client = Client.init({
+                authProvider: done => done(null, token)
+            });
+
+            return client
+                .api(MS_API_CONFIGURATION.CALENDAR_ENDPOINT)
+                .get()
+                .then(response => {
+                    const calendarIds = response.value.map((en: any) => en.id);
+                    const getEventsPromises = calendarIds.map((id: string) =>
+                        requestCalendarEvents(
+                            client, id, fetchStartDays, fetchEndDays));
+
+                    return Promise.all(getEventsPromises);
+                })
+
+                // get .value of every element from the array of results,
+                // which is an array of events and flatten it to one array
+                // of events
+                .then(result => [].concat(...result))
+                .then(entries => entries.map(e => formatCalendarEntry(e)));
+        };
+    },
+
+    /**
+     * Returns the email address for the currently logged in user.
+     *
+     * @returns {function(Dispatch<*, Function>): Promise<string>}
+     */
+    getCurrentEmail(): Function {
+        return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+            const { msAuthState = {} }
+                = getState()['features/calendar-sync'] || {};
+            const email = msAuthState.userSigninName || '';
+
+            return Promise.resolve(email);
+        };
+    },
+
+    /**
+     * Sets the application ID to use for interacting with the Microsoft API.
+     *
+     * @returns {function(): Promise<void>}
+     */
+    load() {
+        return () => Promise.resolve();
+    },
+
+    /**
+     * Prompts the participant to sign in to the Microsoft API Client Library.
+     *
+     * @returns {function(Dispatch<any>, Function): Promise<void>}
+     */
+    signIn() {
+        return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+            // Ensure only one popup window at a time.
+            if (popupAuthWindow) {
+                popupAuthWindow.focus();
+
+                return Promise.reject('Sign in already in progress.');
+            }
+
+            const signInDeferred = Promise.withResolvers();
+            const guids = {
+                authState: uuidV4(),
+                authNonce: uuidV4()
+            };
+
+            dispatch(setCalendarAPIAuthState(guids));
+
+            const { microsoftApiApplicationClientID }
+                = getState()['features/base/config'];
+            const authUrl = getAuthUrl(
+                microsoftApiApplicationClientID ?? '',
+                guids.authState,
+                guids.authNonce);
+            const h = 600;
+            const w = 480;
+
+            popupAuthWindow = window.open(
+                authUrl,
+                `Auth M$-${Date.now()}`,
+                `width=${w}, height=${h}, top=${
+                    (screen.height / 2) - (h / 2)}, left=${
+                    (screen.width / 2) - (w / 2)}`);
+
+            const windowCloseCheck = setInterval(() => {
+                if (popupAuthWindow?.closed) {
+                    signInDeferred.reject(
+                        'Popup closed before completing auth.');
+                    popupAuthWindow = null;
+                    window.removeEventListener('message', handleAuth);
+                    clearInterval(windowCloseCheck);
+                } else if (!popupAuthWindow) {
+                    // This case probably happened because the user completed
+                    // auth.
+                    clearInterval(windowCloseCheck);
+                }
+            }, 500);
+
+            /**
+             * Callback with scope access to other variables that are part of
+             * the sign in request.
+             *
+             * @param {Object} event - The event from the post message.
+             * @private
+             * @returns {void}
+             */
+            function handleAuth({ data }: any) {
+                if (!data || data.type !== 'ms-login') {
+                    return;
+                }
+
+                window.removeEventListener('message', handleAuth);
+
+                popupAuthWindow?.close();
+                popupAuthWindow = null;
+
+                const params = getParamsFromHash(data.url);
+                const tokenParts = getValidatedTokenParts(
+                    params, guids, microsoftApiApplicationClientID ?? '');
+
+                if (!tokenParts) {
+                    signInDeferred.reject('Invalid token received');
+
+                    return;
+                }
+
+                dispatch(setCalendarAPIAuthState({
+                    authState: undefined,
+                    accessToken: tokenParts.accessToken,
+                    idToken: tokenParts.idToken,
+                    tokenExpires: params.tokenExpires,
+                    userDomainType: tokenParts.userDomainType,
+                    userSigninName: tokenParts.userSigninName
+                }));
+
+                signInDeferred.resolve(undefined);
+            }
+
+            window.addEventListener('message', handleAuth);
+
+            return signInDeferred.promise;
+        };
+    },
+
+    /**
+     * Returns whether or not the user is currently signed in.
+     *
+     * @returns {function(Dispatch<any>, Function): Promise<boolean>}
+     */
+    _isSignedIn() {
+        return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+            const now = new Date().getTime();
+            const state
+                = getState()['features/calendar-sync'].msAuthState || {};
+            const tokenExpires = parseInt(state.tokenExpires, 10);
+            const isExpired = now > tokenExpires && !isNaN(tokenExpires);
+
+            if (state.accessToken && isExpired) {
+                // token expired, let's refresh it
+                return dispatch(refreshAuthToken())
+                    .then(() => true)
+                    .catch(() => false);
+            }
+
+            return Promise.resolve(state.accessToken && !isExpired);
+        };
+    },
+
+    /**
+     * Updates calendar event by generating new invite URL and editing the event
+     * adding some descriptive text and location.
+     *
+     * @param {string} id - The event id.
+     * @param {string} calendarId - The id of the calendar to use.
+     * @param {string} location - The location to save to the event.
+     * @returns {function(Dispatch<any>): Promise<string|never>}
+     */
+    updateCalendarEvent(id: string, calendarId: string, location: string) {
+        return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+            const state = getState()['features/calendar-sync'] || {};
+            const token = state.msAuthState?.accessToken;
+
+            if (!token) {
+                return Promise.reject('Not authorized, please sign in!');
+            }
+
+            return getShareInfoText(getState(), location, true/* use html */)
+                .then(text => {
+                    const client = Client.init({
+                        authProvider: done => done(null, token)
+                    });
+
+                    return client
+                        .api(`/me/events/${id}`)
+                        .get()
+                        .then(description => {
+                            const body = description.body;
+
+                            if (description.bodyPreview) {
+                                body.content
+                                    = `${description.bodyPreview}<br><br>`;
+                            }
+
+                            // replace all new lines from the text with html
+                            // <br> to make it pretty
+                            body.content += text.split('\n').join('<br>');
+
+                            return client
+                                .api(`/me/calendar/events/${id}`)
+                                .patch({
+                                    body,
+                                    location: {
+                                        'displayName': location
+                                    }
+                                });
+                        });
+                });
+        };
+    }
+};
+
+/**
+ * Parses the Microsoft calendar entries to a known format.
+ *
+ * @param {Object} entry - The Microsoft calendar entry.
+ * @private
+ * @returns {{
+ *     calendarId: string,
+ *     description: string,
+ *     endDate: string,
+ *     id: string,
+ *     location: string,
+ *     startDate: string,
+ *     title: string
+ * }}
+ */
+function formatCalendarEntry(entry: any) {
+    return {
+        calendarId: entry.calendarId,
+        description: entry.body.content,
+        endDate: entry.end.dateTime,
+        id: entry.id,
+        location: entry.location.displayName,
+        startDate: entry.start.dateTime,
+        title: entry.subject
+    };
+}
+
+/**
+ * Constructs and returns the URL to use for renewing an auth token.
+ *
+ * @param {string} appId - The Microsoft application id to log into.
+ * @param {string} userDomainType - The domain type of the application as
+ * provided by Microsoft.
+ * @param {string} userSigninName - The email of the user signed into the
+ * integration with Microsoft.
+ * @private
+ * @returns {string} - The auth URL.
+ */
+function getAuthRefreshUrl(appId: string, userDomainType: string, userSigninName: string) {
+    return [
+        getAuthUrl(appId, 'undefined', 'undefined'),
+        'prompt=none',
+        `domain_hint=${userDomainType}`,
+        `login_hint=${userSigninName}`
+    ].join('&');
+}
+
+/**
+ * Constructs and returns the auth URL to use for login.
+ *
+ * @param {string} appId - The Microsoft application id to log into.
+ * @param {string} authState - The authState guid to use.
+ * @param {string} authNonce - The authNonce guid to use.
+ * @private
+ * @returns {string} - The auth URL.
+ */
+function getAuthUrl(appId: string, authState: string, authNonce: string) {
+    const authParams = [
+        'response_type=id_token+token',
+        `client_id=${appId}`,
+        `redirect_uri=${MS_API_CONFIGURATION.REDIRECT_URI}`,
+        `scope=${MS_API_CONFIGURATION.MS_API_SCOPES}`,
+        `state=${authState}`,
+        `nonce=${authNonce}`,
+        'response_mode=fragment'
+    ].join('&');
+
+    return `${MS_API_CONFIGURATION.AUTH_ENDPOINT}${authParams}`;
+}
+
+/**
+ * Converts a url from an auth redirect into an object of parameters passed
+ * into the url.
+ *
+ * @param {string} url - The string to parse.
+ * @private
+ * @returns {Object}
+ */
+function getParamsFromHash(url: string) {
+    // @ts-ignore
+    const params = parseURLParams(parseStandardURIString(url), true, 'hash');
+
+    // Get the number of seconds the token is valid for, subtract 5 minutes
+    // to account for differences in clock settings and convert to ms.
+    const expiresIn = (parseInt(params.expires_in, 10) - 300) * 1000;
+    const now = new Date();
+    const expireDate = new Date(now.getTime() + expiresIn);
+
+    params.tokenExpires = expireDate.getTime().toString();
+
+    return params;
+}
+
+/**
+ * Converts the parameters from a Microsoft auth redirect into an object of
+ * token parts. The value "null" will be returned if the params do not produce
+ * a valid token.
+ *
+ * @param {Object} tokenInfo - The token object.
+ * @param {Object} guids - The guids for authState and authNonce that should
+ * match in the token.
+ * @param {Object} appId - The Microsoft application this token is for.
+ * @private
+ * @returns {Object|null}
+ */
+function getValidatedTokenParts(tokenInfo: any, guids: any, appId: string) {
+    // Make sure the token matches the request source by matching the GUID.
+    if (tokenInfo.state !== guids.authState) {
+        return null;
+    }
+
+    const idToken = tokenInfo.id_token;
+
+    // A token must exist to be valid.
+    if (!idToken) {
+        return null;
+    }
+
+    const tokenParts = idToken.split('.');
+
+    if (tokenParts.length !== 3) {
+        return null;
+    }
+
+    let payload;
+
+    try {
+        payload = JSON.parse(b64utoutf8(tokenParts[1]));
+    } catch (e) {
+        return null;
+    }
+
+    if (payload.nonce !== guids.authNonce
+        || payload.aud !== appId
+        || payload.iss
+            !== `https://login.microsoftonline.com/${payload.tid}/v2.0`) {
+        return null;
+    }
+
+    const now = new Date();
+
+    // Adjust by 5 minutes to allow for inconsistencies in system clocks.
+    const notBefore = new Date((payload.nbf - 300) * 1000);
+    const expires = new Date((payload.exp + 300) * 1000);
+
+    if (now < notBefore || now > expires) {
+        return null;
+    }
+
+    return {
+        accessToken: tokenInfo.access_token,
+        idToken,
+        userDisplayName: payload.name,
+        userDomainType:
+            payload.tid === MS_API_CONFIGURATION.MS_CONSUMER_TENANT
+                ? 'consumers' : 'organizations',
+        userSigninName: payload.preferred_username
+    };
+}
+
+/**
+ * Renews an existing auth token so it can continue to be used.
+ *
+ * @private
+ * @returns {function(Dispatch<any>, Function): Promise<void>}
+ */
+function refreshAuthToken() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const { microsoftApiApplicationClientID }
+            = getState()['features/base/config'];
+        const { msAuthState = {} }
+            = getState()['features/calendar-sync'] || {};
+
+        const refreshAuthUrl = getAuthRefreshUrl(
+            microsoftApiApplicationClientID ?? '',
+            msAuthState.userDomainType,
+            msAuthState.userSigninName);
+
+        const iframe = document.createElement('iframe');
+
+        iframe.setAttribute('id', 'auth-iframe');
+        iframe.setAttribute('name', 'auth-iframe');
+        iframe.setAttribute('style', 'display: none');
+        iframe.setAttribute('src', refreshAuthUrl);
+
+        const signInPromise = new Promise(resolve => {
+            iframe.onload = () => {
+                resolve(iframe.contentWindow?.location.hash);
+            };
+        });
+
+        // The check for body existence is done for flow, which also runs
+        // against native where document.body may not be defined.
+        if (!document.body) {
+            return Promise.reject(
+                'Cannot refresh auth token in this environment');
+        }
+
+        document.body.appendChild(iframe);
+
+        return signInPromise.then(hash => {
+            const params = getParamsFromHash(hash as string);
+
+            dispatch(setCalendarAPIAuthState({
+                accessToken: params.access_token,
+                idToken: params.id_token,
+                tokenExpires: params.tokenExpires
+            }));
+        });
+    };
+}
+
+/**
+ * Retrieves calendar entries from a specific calendar.
+ *
+ * @param {Object} client - The Microsoft-graph-client initialized.
+ * @param {string} calendarId - The calendar ID to use.
+ * @param {number} fetchStartDays - The number of days to go back
+ * when fetching.
+ * @param {number} fetchEndDays - The number of days to fetch.
+ * @returns {Promise<any> | Promise}
+ * @private
+ */
+function requestCalendarEvents( // eslint-disable-line max-params
+        client: any,
+        calendarId: string,
+        fetchStartDays?: number,
+        fetchEndDays?: number): Promise<any> {
+    const startDate = new Date();
+    const endDate = new Date();
+
+    startDate.setDate(startDate.getDate() + Number(fetchStartDays));
+    endDate.setDate(endDate.getDate() + Number(fetchEndDays));
+
+    const filter = `Start/DateTime ge '${
+        startDate.toISOString()}' and End/DateTime lt '${
+        endDate.toISOString()}'`;
+
+    const ianaTimeZone = new Intl.DateTimeFormat().resolvedOptions().timeZone;
+    const windowsTimeZone = findWindows(ianaTimeZone as IanaName);
+
+    return client
+        .api(`/me/calendars/${calendarId}/events`)
+        .filter(filter)
+        .header('Prefer', `outlook.timezone="${windowsTimeZone}"`)
+        .select('id,subject,start,end,location,body')
+        .orderby('createdDateTime DESC')
+        .get()
+        .then((result: any) => result.value.map((item: Object) => {
+            return {
+                ...item,
+                calendarId
+            };
+        }));
+}
+
+/**
+ * Convert a Base64URL encoded string to a UTF-8 encoded string including CJK or Latin.
+ *
+ * @param {string} str - The string that needs conversion.
+ * @private
+ * @returns {string} - The converted string.
+ */
+function b64utoutf8(str: string) {
+    let s = str;
+
+    // Convert from Base64URL to Base64.
+
+    if (s.length % 4 === 2) {
+        s += '==';
+    } else if (s.length % 4 === 3) {
+        s += '=';
+    }
+
+    s = s.replace(/-/g, '+').replace(/_/g, '/');
+
+    // Convert Base64 to a byte array.
+
+    const bytes = base64js.toByteArray(s);
+
+    // Convert bytes to hex.
+
+    s = bytes.reduce((str_: any, byte: any) => str_ + byte.toString(16).padStart(2, '0'), '');
+
+    // Convert a hexadecimal string to a URLComponent string
+
+    s = s.replace(/(..)/g, '%$1');
+
+    // Decodee the URI component
+
+    return decodeURIComponent(s);
+}
diff --git a/react/features/chat/actionTypes.ts b/react/features/chat/actionTypes.ts
new file mode 100644
index 0000000..7db6605
--- /dev/null
+++ b/react/features/chat/actionTypes.ts
@@ -0,0 +1,174 @@
+/**
+ * The type of the action which signals to add a new chat message.
+ *
+ * {
+ *     type: ADD_MESSAGE,
+ *     displayName: string
+ *     hasRead: boolean,
+ *     id: string,
+ *     messageType: string,
+ *     message: string,
+ *     timestamp: string,
+ * }
+ */
+export const ADD_MESSAGE = 'ADD_MESSAGE';
+
+/**
+ * The type of the action that adds a reaction to a chat message.
+ *
+ * {
+ *     type: ADD_MESSAGE_REACTION,
+ *     reaction: string,
+ *     messageID: string,
+ *     receiverID: string,
+ * }
+ */
+export const ADD_MESSAGE_REACTION = 'ADD_MESSAGE_REACTION';
+
+/**
+ * The type of the action which signals to clear messages in Redux.
+ *
+ * {
+ *     type: CLEAR_MESSAGES
+ * }
+ */
+export const CLEAR_MESSAGES = 'CLEAR_MESSAGES';
+
+/**
+ * The type of the action which signals the cancellation the chat panel.
+ *
+ * {
+ *     type: CLOSE_CHAT
+ * }
+ */
+export const CLOSE_CHAT = 'CLOSE_CHAT';
+
+/**
+ * The type of the action which signals to edit chat message.
+ *
+ * {
+ *     type: EDIT_MESSAGE,
+ *     message: Object
+ * }
+ */
+export const EDIT_MESSAGE = 'EDIT_MESSAGE';
+
+/**
+ * The type of the action which signals to display the chat panel.
+ *
+ * {
+ *     type: OPEN_CHAT
+ * }
+ */
+export const OPEN_CHAT = 'OPEN_CHAT';
+
+/**
+ * The type of the action which signals a send a chat message to everyone in the
+ * conference.
+ *
+ * {
+ *     type: SEND_MESSAGE,
+ *     ignorePrivacy: boolean,
+ *     message: string
+ * }
+ */
+export const SEND_MESSAGE = 'SEND_MESSAGE';
+
+/**
+ * The type of the action which signals a reaction to a message.
+ *
+ * {
+ *     type: SEND_REACTION,
+ *     reaction: string,
+ *     messageID: string,
+ *     receiverID: string
+ * }
+ */
+export const SEND_REACTION = 'SEND_REACTION';
+
+/**
+ * The type of action which signals the initiation of sending of as private message to the
+ * supplied recipient.
+ *
+ * {
+ *     participant: Participant,
+ *     type: SET_PRIVATE_MESSAGE_RECIPIENT
+ * }
+ */
+export const SET_PRIVATE_MESSAGE_RECIPIENT = 'SET_PRIVATE_MESSAGE_RECIPIENT';
+
+/**
+ * The type of action which signals setting the focused tab.
+ *
+ * {
+ *     type: SET_FOCUSED_TAB,
+ *     tabId: string
+ * }
+ */
+export const SET_FOCUSED_TAB = 'SET_FOCUSED_TAB';
+
+/**
+ * The type of action which sets the current recipient for lobby messages.
+ *
+ * {
+ *     participant: Object,
+ *     type: SET_LOBBY_CHAT_RECIPIENT
+ * }
+ */
+export const SET_LOBBY_CHAT_RECIPIENT = 'SET_LOBBY_CHAT_RECIPIENT';
+
+/**
+ * The type of action sets the state of lobby messaging status.
+ *
+ * {
+ *     type: SET_LOBBY_CHAT_ACTIVE_STATE
+ *     payload: boolean
+ * }
+ */
+export const SET_LOBBY_CHAT_ACTIVE_STATE = 'SET_LOBBY_CHAT_ACTIVE_STATE';
+
+/**
+ * The type of action removes the lobby messaging from participant.
+ *
+ * {
+ *     type: REMOVE_LOBBY_CHAT_PARTICIPANT
+ * }
+ */
+export const REMOVE_LOBBY_CHAT_PARTICIPANT = 'REMOVE_LOBBY_CHAT_PARTICIPANT';
+
+/**
+ * The type of action which signals to set the width of the chat panel.
+ *
+ * {
+ *      type: SET_CHAT_WIDTH,
+ *      width: number
+ * }
+ */
+export const SET_CHAT_WIDTH = 'SET_CHAT_WIDTH';
+
+/**
+ * The type of action which sets the width for the chat panel (user resized).
+ * {
+ *      type: SET_USER_CHAT_WIDTH,
+ *      width: number
+ * }
+ */
+export const SET_USER_CHAT_WIDTH = 'SET_USER_CHAT_WIDTH';
+
+/**
+ * The type of action which sets whether the user is resizing the chat panel or not.
+ * {
+ *      type: SET_CHAT_IS_RESIZING,
+ *      resizing: boolean
+ * }
+ */
+export const SET_CHAT_IS_RESIZING = 'SET_CHAT_IS_RESIZING';
+
+/**
+  * The type of action sets the timestamp of the last private chat recipients list changed.
+  *
+  * {
+  *     type: NOTIFY_PRIVATE_RECIPIENTS_CHANGED
+  * }
+  */
+ export const NOTIFY_PRIVATE_RECIPIENTS_CHANGED = 'NOTIFY_PRIVATE_RECIPIENTS_CHANGED';
diff --git a/react/features/chat/actions.any.ts b/react/features/chat/actions.any.ts
new file mode 100644
index 0000000..461f350
--- /dev/null
+++ b/react/features/chat/actions.any.ts
@@ -0,0 +1,387 @@
+import { IStore } from '../app/types';
+import { getCurrentConference } from '../base/conference/functions';
+import { getLocalParticipant, getParticipantById } from '../base/participants/functions';
+import { IParticipant } from '../base/participants/types';
+import { LOBBY_CHAT_INITIALIZED } from '../lobby/constants';
+
+import {
+    ADD_MESSAGE,
+    ADD_MESSAGE_REACTION,
+    CLEAR_MESSAGES,
+    CLOSE_CHAT,
+    EDIT_MESSAGE,
+    NOTIFY_PRIVATE_RECIPIENTS_CHANGED,
+    OPEN_CHAT,
+    REMOVE_LOBBY_CHAT_PARTICIPANT,
+    SEND_MESSAGE,
+    SEND_REACTION,
+    SET_FOCUSED_TAB,
+    SET_LOBBY_CHAT_ACTIVE_STATE,
+    SET_LOBBY_CHAT_RECIPIENT,
+    SET_PRIVATE_MESSAGE_RECIPIENT
+} from './actionTypes';
+import { ChatTabs } from './constants';
+
+/**
+ * Adds a chat message to the collection of messages.
+ *
+ * @param {Object} messageDetails - The chat message to save.
+ * @param {string} messageDetails.displayName - The displayName of the
+ * participant that authored the message.
+ * @param {boolean} messageDetails.hasRead - Whether or not to immediately mark
+ * the message as read.
+ * @param {string} messageDetails.message - The received message to display.
+ * @param {string} messageDetails.messageType - The kind of message, such as
+ * "error" or "local" or "remote".
+ * @param {string} messageDetails.timestamp - A timestamp to display for when
+ * the message was received.
+ * @param {string} messageDetails.isReaction - Whether or not the
+ * message is a reaction message.
+ * @returns {{
+ *     type: ADD_MESSAGE,
+ *     displayName: string,
+ *     hasRead: boolean,
+ *     message: string,
+ *     messageType: string,
+ *     timestamp: string,
+ *     isReaction: boolean
+ * }}
+ */
+export function addMessage(messageDetails: Object) {
+    return {
+        type: ADD_MESSAGE,
+        ...messageDetails
+    };
+}
+
+/**
+ * Adds a reaction to a chat message.
+ *
+ * @param {Object} reactionDetails - The reaction to add.
+ * @param {string} reactionDetails.participantId - The ID of the message to react to.
+ * @param {string} reactionDetails.reactionList - The reaction to add.
+ * @param {string} reactionDetails.messageId - The receiver ID of the reaction.
+ * @returns {{
+ *     type: ADD_MESSAGE_REACTION,
+ *     participantId: string,
+ *     reactionList: string[],
+ *     messageId: string
+ * }}
+ */
+export function addMessageReaction(reactionDetails: Object) {
+    return {
+        type: ADD_MESSAGE_REACTION,
+        ...reactionDetails
+    };
+}
+
+/**
+ * Edits an existing chat message.
+ *
+ * @param {Object} message - The chat message to edit/override. The messages will be matched from the state
+ * comparing the messageId.
+ * @returns {{
+ *     type: EDIT_MESSAGE,
+ *     message: Object
+ * }}
+ */
+export function editMessage(message: Object) {
+    return {
+        type: EDIT_MESSAGE,
+        message
+    };
+}
+
+/**
+ * Clears the chat messages in Redux.
+ *
+ * @returns {{
+ *     type: CLEAR_MESSAGES
+ * }}
+ */
+export function clearMessages() {
+    return {
+        type: CLEAR_MESSAGES
+    };
+}
+
+/**
+ * Action to signal the closing of the chat dialog.
+ *
+ * @returns {{
+ *     type: CLOSE_CHAT
+ * }}
+ */
+export function closeChat() {
+    return {
+        type: CLOSE_CHAT
+    };
+}
+
+/**
+ * Sends a chat message to everyone in the conference.
+ *
+ * @param {string} message - The chat message to send out.
+ * @param {boolean} ignorePrivacy - True if the privacy notification should be ignored.
+ * @returns {{
+ *     type: SEND_MESSAGE,
+ *     ignorePrivacy: boolean,
+ *     message: string
+ * }}
+ */
+export function sendMessage(message: string, ignorePrivacy = false) {
+    return {
+        type: SEND_MESSAGE,
+        ignorePrivacy,
+        message
+    };
+}
+
+/**
+ * Sends a reaction to a message.
+ *
+ * @param {string} reaction - The reaction to send.
+ * @param {string} messageId - The message ID to react to.
+ * @param {string} receiverId - The receiver ID of the reaction.
+ * @returns {Function}
+ */
+export function sendReaction(reaction: string, messageId: string, receiverId?: string) {
+
+    return {
+        type: SEND_REACTION,
+        reaction,
+        messageId,
+        receiverId
+    };
+}
+
+/**
+ * Initiates the sending of a private message to the supplied participant.
+ *
+ * @param {IParticipant} participant - The participant to set the recipient to.
+ * @returns {{
+ *     participant: IParticipant,
+ *     type: SET_PRIVATE_MESSAGE_RECIPIENT
+ * }}
+ */
+export function setPrivateMessageRecipient(participant?: Object) {
+    return {
+        participant,
+        type: SET_PRIVATE_MESSAGE_RECIPIENT
+    };
+}
+
+/**
+ * Initiates the sending of a private message to the supplied participantId.
+ *
+ * @param {string} participantId - The participant id to set the recipient to.
+ * @returns {{
+*     participant: IParticipant,
+*     type: SET_PRIVATE_MESSAGE_RECIPIENT
+* }}
+*/
+export function setPrivateMessageRecipientById(participantId: string) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const participant = getParticipantById(getState(), participantId);
+
+        if (participant) {
+            dispatch(setPrivateMessageRecipient(participant));
+        }
+    };
+}
+
+/**
+ * Set the value of the currently focused tab.
+ *
+ * @param {string} tabId - The id of the currently focused tab.
+ * @returns {{
+ *    type: SET_FOCUSED_TAB,
+ *    tabId: string
+ * }}
+ */
+export function setFocusedTab(tabId: ChatTabs) {
+    return {
+        type: SET_FOCUSED_TAB,
+        tabId
+    };
+}
+
+/**
+ * Opens the chat panel with CC tab active.
+ *
+ * @returns {Object} The redux action.
+ */
+export function openCCPanel() {
+    return async (dispatch: IStore['dispatch']) => {
+        dispatch(setFocusedTab(ChatTabs.CLOSED_CAPTIONS));
+        dispatch({
+            type: OPEN_CHAT
+        });
+    };
+}
+
+/**
+ * Opens the chat panel with polls tab active.
+ *
+ * @returns {Object} The redux action.
+ */
+export function openPollsPanel() {
+    return async (dispatch: IStore['dispatch']) => {
+        dispatch(setFocusedTab(ChatTabs.POLLS));
+        dispatch({
+            type: OPEN_CHAT
+        });
+    };
+}
+
+/**
+ * Opens the chat panel with file sharing tab active.
+ *
+ * @returns {Object} The redux action.
+ */
+export function openFileSharingPanel() {
+    return async (dispatch: IStore['dispatch']) => {
+        dispatch(setFocusedTab(ChatTabs.FILE_SHARING));
+        dispatch({
+            type: OPEN_CHAT
+        });
+    };
+}
+
+
+/**
+ * Initiates the sending of messages between a moderator and a lobby attendee.
+ *
+ * @param {Object} lobbyChatInitializedInfo - The information about the attendee and the moderator
+ * that is going to chat.
+ *
+ * @returns {Function}
+ */
+export function onLobbyChatInitialized(lobbyChatInitializedInfo: { attendee: IParticipant; moderator: IParticipant; }) {
+    return async (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const conference = getCurrentConference(state);
+
+        const lobbyLocalId = conference?.myLobbyUserId();
+
+        if (!lobbyLocalId) {
+            return;
+        }
+
+        if (lobbyChatInitializedInfo.moderator.id === lobbyLocalId) {
+            dispatch({
+                type: SET_LOBBY_CHAT_RECIPIENT,
+                participant: lobbyChatInitializedInfo.attendee,
+                open: true
+            });
+        }
+
+        if (lobbyChatInitializedInfo.attendee.id === lobbyLocalId) {
+            return dispatch({
+                type: SET_LOBBY_CHAT_RECIPIENT,
+                participant: lobbyChatInitializedInfo.moderator,
+                open: false
+            });
+        }
+    };
+}
+
+/**
+ * Sets the lobby room's chat active state.
+ *
+ * @param {boolean} value - The active state.
+ *
+ * @returns {Object}
+ */
+export function setLobbyChatActiveState(value: boolean) {
+    return {
+        type: SET_LOBBY_CHAT_ACTIVE_STATE,
+        payload: value
+    };
+}
+
+/**
+ * Notifies the private chat recipients list changed.
+ *
+ * @returns {Object}
+ */
+export function notifyPrivateRecipientsChanged() {
+    return (dispatch: IStore['dispatch']) => {
+        const timestamp = Date.now();
+
+        return dispatch({
+            type: NOTIFY_PRIVATE_RECIPIENTS_CHANGED,
+            payload: timestamp
+        });
+    };
+}
+
+/**
+ * Removes lobby type messages.
+ *
+ *  @param {boolean} removeLobbyChatMessages - Should remove messages from chat  (works only for accepted users).
+ * If not specified, it will delete all lobby messages.
+ *
+ * @returns {Object}
+ */
+export function removeLobbyChatParticipant(removeLobbyChatMessages?: boolean) {
+    return {
+        type: REMOVE_LOBBY_CHAT_PARTICIPANT,
+        removeLobbyChatMessages
+    };
+}
+
+/**
+ * Handles initial setup of lobby message between
+ * Moderator and participant.
+ *
+ * @param {string} participantId - The participant id.
+ *
+ * @returns {Object}
+ */
+export function handleLobbyChatInitialized(participantId: string) {
+    return async (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        if (!participantId) {
+            return;
+        }
+        const state = getState();
+        const conference = state['features/base/conference'].conference;
+        const { knockingParticipants } = state['features/lobby'];
+        const { lobbyMessageRecipient } = state['features/chat'];
+        const me = getLocalParticipant(state);
+        const lobbyLocalId = conference?.myLobbyUserId();
+
+
+        if (lobbyMessageRecipient && lobbyMessageRecipient.id === participantId) {
+            return dispatch(setLobbyChatActiveState(true));
+        }
+
+        const attendee = knockingParticipants.find(p => p.id === participantId);
+
+        if (attendee && attendee.chattingWithModerator === lobbyLocalId) {
+            return dispatch({
+                type: SET_LOBBY_CHAT_RECIPIENT,
+                participant: attendee,
+                open: true
+            });
+        }
+
+        if (!attendee) {
+            return;
+        }
+
+        const payload = { type: LOBBY_CHAT_INITIALIZED,
+            moderator: {
+                ...me,
+                name: 'Moderator',
+                id: lobbyLocalId
+            },
+            attendee };
+
+        // notify attendee privately.
+        conference?.sendLobbyMessage(payload, attendee.id);
+
+        // notify other moderators.
+        return conference?.sendLobbyMessage(payload);
+    };
+}
diff --git a/react/features/chat/actions.native.ts b/react/features/chat/actions.native.ts
new file mode 100644
index 0000000..3a57d63
--- /dev/null
+++ b/react/features/chat/actions.native.ts
@@ -0,0 +1,34 @@
+import { IStore } from '../app/types';
+import { IParticipant } from '../base/participants/types';
+import { navigate } from '../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
+import { screen } from '../mobile/navigation/routes';
+
+import { OPEN_CHAT } from './actionTypes';
+import { setFocusedTab } from './actions.any';
+import { ChatTabs } from './constants';
+
+export * from './actions.any';
+
+/**
+ * Displays the chat panel with the CHAT tab active.
+ *
+ * @param {Object} participant - The recipient for the private chat.
+ * @param {boolean} disablePolls - Checks if polls are disabled.
+ *
+ * @returns {Function}
+ */
+export function openChat(participant?: IParticipant | undefined | Object, disablePolls?: boolean) {
+    return (dispatch: IStore['dispatch']) => {
+        if (disablePolls) {
+            navigate(screen.conference.chat);
+        } else {
+            navigate(screen.conference.chatandpolls.main);
+        }
+
+        dispatch(setFocusedTab(ChatTabs.CHAT));
+        dispatch({
+            participant,
+            type: OPEN_CHAT
+        });
+    };
+}
diff --git a/react/features/chat/actions.web.ts b/react/features/chat/actions.web.ts
new file mode 100644
index 0000000..eae25b8
--- /dev/null
+++ b/react/features/chat/actions.web.ts
@@ -0,0 +1,99 @@
+// @ts-expect-error
+import VideoLayout from '../../../modules/UI/videolayout/VideoLayout';
+import { IStore } from '../app/types';
+
+import {
+    OPEN_CHAT,
+    SET_CHAT_IS_RESIZING,
+    SET_CHAT_WIDTH,
+    SET_USER_CHAT_WIDTH
+} from './actionTypes';
+import { closeChat, setFocusedTab } from './actions.any';
+import { ChatTabs } from './constants';
+
+export * from './actions.any';
+
+/**
+ * Displays the chat panel with the CHAT tab active.
+ *
+ * @param {Object} participant - The recipient for the private chat.
+ * @param {Object} _disablePolls - Used on native.
+ * @returns {{
+ *     participant: Participant,
+ *     type: OPEN_CHAT
+ * }}
+ */
+export function openChat(participant?: Object, _disablePolls?: boolean) {
+    return function(dispatch: IStore['dispatch']) {
+        dispatch(setFocusedTab(ChatTabs.CHAT));
+        dispatch({
+            participant,
+            type: OPEN_CHAT
+        });
+    };
+}
+
+/**
+ * Toggles display of the chat panel.
+ *
+ * @returns {Function}
+ */
+export function toggleChat() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const isOpen = getState()['features/chat'].isOpen;
+
+        if (isOpen) {
+            dispatch(closeChat());
+        } else {
+            dispatch(openChat());
+        }
+
+        // Recompute the large video size whenever we toggle the chat, as it takes chat state into account.
+        VideoLayout.onResize();
+    };
+}
+
+/**
+ * Sets the chat panel's width.
+ *
+ * @param {number} width - The new width of the chat panel.
+ * @returns {{
+ *     type: SET_CHAT_WIDTH,
+ *     width: number
+ * }}
+ */
+export function setChatWidth(width: number) {
+    return {
+        type: SET_CHAT_WIDTH,
+        width
+    };
+}
+
+/**
+ * Sets the chat panel's width and the user preferred width.
+ *
+ * @param {number} width - The new width of the chat panel.
+ * @returns {{
+ *     type: SET_USER_CHAT_WIDTH,
+ *     width: number
+ * }}
+ */
+export function setUserChatWidth(width: number) {
+    return {
+        type: SET_USER_CHAT_WIDTH,
+        width
+    };
+}
+
+/**
+ * Sets whether the user is resizing the chat panel or not.
+ *
+ * @param {boolean} resizing - Whether the user is resizing or not.
+ * @returns {Object}
+ */
+export function setChatIsResizing(resizing: boolean) {
+    return {
+        type: SET_CHAT_IS_RESIZING,
+        resizing
+    };
+}
diff --git a/react/features/chat/components/AbstractChatPrivacyDialog.tsx b/react/features/chat/components/AbstractChatPrivacyDialog.tsx
new file mode 100644
index 0000000..9d791be
--- /dev/null
+++ b/react/features/chat/components/AbstractChatPrivacyDialog.tsx
@@ -0,0 +1,131 @@
+import { PureComponent } from 'react';
+import { WithTranslation } from 'react-i18next';
+
+import { IReduxState, IStore } from '../../app/types';
+import { getParticipantById } from '../../base/participants/functions';
+import { IParticipant } from '../../base/participants/types';
+import { IVisitorChatParticipant } from '../../visitors/types';
+import { sendMessage, setPrivateMessageRecipient } from '../actions';
+
+interface IProps extends WithTranslation {
+
+    /**
+     * Prop to be invoked on sending the message.
+     */
+    _onSendMessage: Function;
+
+    /**
+     * Prop to be invoked when the user wants to set a private recipient.
+     */
+    _onSetMessageRecipient: Function;
+
+    /**
+     * The participant retrieved from Redux by the participantID prop.
+     */
+    _participant?: IParticipant;
+
+    /**
+     * The display name of the visitor (if applicable).
+     */
+    displayName?: string;
+
+    /**
+     * Whether the message is from a visitor.
+     */
+    isFromVisitor?: boolean;
+
+    /**
+     * The message that is about to be sent.
+     */
+    message: Object;
+
+    /**
+     * The ID of the participant that we think the message may be intended to.
+     */
+    participantID: string;
+}
+
+/**
+ * Abstract class for the dialog displayed to avoid mis-sending private messages.
+ */
+export class AbstractChatPrivacyDialog extends PureComponent<IProps> {
+    /**
+     * Instantiates a new instance.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._onSendGroupMessage = this._onSendGroupMessage.bind(this);
+        this._onSendPrivateMessage = this._onSendPrivateMessage.bind(this);
+    }
+
+    /**
+     * Callback to be invoked for cancel action (user wants to send a group message).
+     *
+     * @returns {boolean}
+     */
+    _onSendGroupMessage() {
+        this.props._onSendMessage(this.props.message);
+
+        return true;
+    }
+
+    /**
+     * Callback to be invoked for submit action (user wants to send a private message).
+     *
+     * @returns {void}
+     */
+    _onSendPrivateMessage() {
+        const { message, _onSendMessage, _onSetMessageRecipient, _participant, isFromVisitor, displayName, participantID } = this.props;
+
+        if (isFromVisitor) {
+            // For visitors, create a participant object since they don't exist in the main participant list
+            const visitorParticipant = {
+                id: participantID,
+                name: displayName,
+                isVisitor: true
+            };
+
+            _onSetMessageRecipient(visitorParticipant);
+        } else {
+            _onSetMessageRecipient(_participant);
+        }
+
+        _onSendMessage(message);
+
+        return true;
+    }
+}
+
+/**
+ * Maps part of the props of this component to Redux actions.
+ *
+ * @param {Function} dispatch - The Redux dispatch function.
+ * @returns {IProps}
+ */
+export function _mapDispatchToProps(dispatch: IStore['dispatch']) {
+    return {
+        _onSendMessage: (message: string) => {
+            dispatch(sendMessage(message, true));
+        },
+
+        _onSetMessageRecipient: (participant: IParticipant | IVisitorChatParticipant) => {
+            dispatch(setPrivateMessageRecipient(participant));
+        }
+    };
+}
+
+/**
+ * Maps part of the Redux store to the props of this component.
+ *
+ * @param {IReduxState} state - The Redux state.
+ * @param {IProps} ownProps - The own props of the component.
+ * @returns {IProps}
+ */
+export function _mapStateToProps(state: IReduxState, ownProps: IProps) {
+    return {
+        _participant: ownProps.isFromVisitor ? undefined : getParticipantById(state, ownProps.participantID)
+    };
+}
diff --git a/react/features/chat/components/AbstractMessageContainer.ts b/react/features/chat/components/AbstractMessageContainer.ts
new file mode 100644
index 0000000..b784be0
--- /dev/null
+++ b/react/features/chat/components/AbstractMessageContainer.ts
@@ -0,0 +1,65 @@
+import { Component } from 'react';
+import { ReactReduxContext } from 'react-redux';
+
+import { IMessage } from '../types';
+
+export interface IProps {
+
+    /**
+     * The messages array to render.
+     */
+    messages: IMessage[];
+}
+
+/**
+ * Abstract component to display a list of chat messages, grouped by sender.
+ *
+ * @augments PureComponent
+ */
+export default class AbstractMessageContainer<P extends IProps, S> extends Component<P, S> {
+    static override contextType = ReactReduxContext;
+    declare context: React.ContextType<typeof ReactReduxContext>;
+
+    static defaultProps = {
+        messages: [] as IMessage[]
+    };
+
+    /**
+     * Iterates over all the messages and creates nested arrays which hold
+     * consecutive messages sent by the same participant.
+     *
+     * @private
+     * @returns {Array<Array<Object>>}
+     */
+    _getMessagesGroupedBySender() {
+        const messagesCount = this.props.messages.length;
+        const groups: IMessage[][] = [];
+        let currentGrouping: IMessage[] = [];
+        let currentGroupParticipantId;
+
+        const { store } = this.context;
+        const state = store.getState();
+        const { disableReactionsInChat } = state['features/base/config'];
+
+        for (let i = 0; i < messagesCount; i++) {
+            const message = this.props.messages[i];
+
+            if (message.isReaction && disableReactionsInChat) {
+                continue;
+            }
+
+            if (message.participantId === currentGroupParticipantId) {
+                currentGrouping.push(message);
+            } else {
+                currentGrouping.length && groups.push(currentGrouping);
+
+                currentGrouping = [ message ];
+                currentGroupParticipantId = message.participantId;
+            }
+        }
+
+        currentGrouping.length && groups.push(currentGrouping);
+
+        return groups;
+    }
+}
diff --git a/react/features/chat/components/AbstractMessageRecipient.ts b/react/features/chat/components/AbstractMessageRecipient.ts
new file mode 100644
index 0000000..6dc85c4
--- /dev/null
+++ b/react/features/chat/components/AbstractMessageRecipient.ts
@@ -0,0 +1,99 @@
+import { PureComponent } from 'react';
+import { WithTranslation } from 'react-i18next';
+
+import { IReduxState, IStore } from '../../app/types';
+import { getParticipantDisplayName, isLocalParticipantModerator } from '../../base/participants/functions';
+import { getDisplayName } from '../../visitors/functions';
+import { setLobbyChatActiveState, setPrivateMessageRecipient } from '../actions.any';
+import { isVisitorChatParticipant } from '../functions';
+
+
+export interface IProps extends WithTranslation {
+
+    /**
+      * Is lobby messaging active.
+      */
+    _isLobbyChatActive: boolean;
+
+    /**
+     * Whether the private message recipient is a visitor.
+     */
+    _isVisitor?: boolean;
+
+    /**
+      * The name of the lobby message recipient, if any.
+      */
+    _lobbyMessageRecipient?: string;
+
+    /**
+     * Function to make the lobby message recipient inactive.
+     */
+    _onHideLobbyChatRecipient: () => void;
+
+    /**
+     * Function to remove the recipient setting of the chat window.
+     */
+    _onRemovePrivateMessageRecipient: () => void;
+
+    /**
+     * The name of the message recipient, if any.
+     */
+    _privateMessageRecipient?: string;
+
+    /**
+      * Shows widget if it is necessary.
+      */
+    _visible: boolean;
+}
+
+/**
+ * Abstract class for the {@code MessageRecipient} component.
+ */
+export default class AbstractMessageRecipient<P extends IProps> extends PureComponent<P> {
+
+}
+
+/**
+ * Maps part of the props of this component to Redux actions.
+ *
+ * @param {Function} dispatch - The Redux dispatch function.
+ * @returns {IProps}
+ */
+export function _mapDispatchToProps(dispatch: IStore['dispatch']) {
+    return {
+        _onRemovePrivateMessageRecipient: () => {
+            dispatch(setPrivateMessageRecipient());
+        },
+        _onHideLobbyChatRecipient: () => {
+            dispatch(setLobbyChatActiveState(false));
+        }
+    };
+}
+
+/**
+ * Maps part of the Redux store to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {any} _ownProps - Components' own props.
+ * @returns {IProps}
+ */
+export function _mapStateToProps(state: IReduxState, _ownProps: any) {
+    const { privateMessageRecipient, lobbyMessageRecipient, isLobbyChatActive } = state['features/chat'];
+    let _privateMessageRecipient;
+    const _isVisitor = isVisitorChatParticipant(privateMessageRecipient);
+
+    if (privateMessageRecipient) {
+        _privateMessageRecipient = _isVisitor
+            ? getDisplayName(state, privateMessageRecipient.name)
+            : getParticipantDisplayName(state, privateMessageRecipient.id);
+    }
+
+    return {
+        _privateMessageRecipient,
+        _isVisitor,
+        _isLobbyChatActive: isLobbyChatActive,
+        _lobbyMessageRecipient:
+                isLobbyChatActive && lobbyMessageRecipient ? lobbyMessageRecipient.name : undefined,
+        _visible: isLobbyChatActive ? isLocalParticipantModerator(state) : true
+    };
+}
diff --git a/react/features/chat/components/index.native.ts b/react/features/chat/components/index.native.ts
new file mode 100644
index 0000000..f340962
--- /dev/null
+++ b/react/features/chat/components/index.native.ts
@@ -0,0 +1,2 @@
+// @ts-ignore
+export { default as ChatPrivacyDialog } from './native/ChatPrivacyDialog';
diff --git a/react/features/chat/components/index.web.ts b/react/features/chat/components/index.web.ts
new file mode 100644
index 0000000..709c50a
--- /dev/null
+++ b/react/features/chat/components/index.web.ts
@@ -0,0 +1 @@
+export { default as ChatPrivacyDialog } from './web/ChatPrivacyDialog';
diff --git a/react/features/chat/components/native/Chat.tsx b/react/features/chat/components/native/Chat.tsx
new file mode 100644
index 0000000..03a654b
--- /dev/null
+++ b/react/features/chat/components/native/Chat.tsx
@@ -0,0 +1,158 @@
+/* eslint-disable react/no-multi-comp */
+import { Route, useIsFocused } from '@react-navigation/native';
+import React, { Component, useEffect } from 'react';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import JitsiScreen from '../../../base/modal/components/JitsiScreen';
+import { TabBarLabelCounter } from '../../../mobile/navigation/components/TabBarLabelCounter';
+import { getUnreadPollCount } from '../../../polls/functions';
+import { closeChat, sendMessage } from '../../actions.native';
+import { getUnreadFilesCount } from '../../functions';
+import { IChatProps as AbstractProps } from '../../types';
+
+import ChatInputBar from './ChatInputBar';
+import MessageContainer from './MessageContainer';
+import MessageRecipient from './MessageRecipient';
+import styles from './styles';
+
+interface IProps extends AbstractProps {
+
+    /**
+     * The number of unread file messages.
+     */
+    _unreadFilesCount: number;
+
+    /**
+     * The number of unread messages.
+     */
+    _unreadMessagesCount: number;
+
+    /**
+     * The number of unread polls.
+     */
+    _unreadPollsCount: number;
+
+    /**
+     * Default prop for navigating between screen components(React Navigation).
+     */
+    navigation: any;
+
+    /**
+     * Default prop for navigating between screen components(React Navigation).
+     */
+    route: Route<'', { privateMessageRecipient: { name: string; }; }>;
+}
+
+/**
+ * Implements a React native component that renders the chat window (modal) of
+ * the mobile client.
+ */
+class Chat extends Component<IProps> {
+
+    /**
+     * Initializes a new {@code AbstractChat} instance.
+     *
+     * @param {Props} props - The React {@code Component} props to initialize
+     * the new {@code AbstractChat} instance with.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handlers so they are only bound once per instance.
+        this._onSendMessage = this._onSendMessage.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { _messages, route } = this.props;
+        const privateMessageRecipient = route?.params?.privateMessageRecipient;
+
+        return (
+            <JitsiScreen
+                disableForcedKeyboardDismiss = { true }
+
+                /* eslint-disable react/jsx-no-bind */
+                footerComponent = { () =>
+                    <ChatInputBar onSend = { this._onSendMessage } />
+                }
+                hasBottomTextInput = { true }
+                hasExtraHeaderHeight = { true }
+                style = { styles.chatContainer }>
+                {/* @ts-ignore */}
+                <MessageContainer messages = { _messages } />
+                <MessageRecipient privateMessageRecipient = { privateMessageRecipient } />
+            </JitsiScreen>
+        );
+    }
+
+    /**
+    * Sends a text message.
+    *
+    * @private
+    * @param {string} text - The text message to be sent.
+    * @returns {void}
+    * @type {Function}
+    */
+    _onSendMessage(text: string) {
+        this.props.dispatch(sendMessage(text));
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to {@link Chat} React {@code Component}
+ * props.
+ *
+ * @param {Object} state - The redux store/state.
+ * @param {any} _ownProps - Components' own props.
+ * @private
+ * @returns {{
+ *     _messages: Array<Object>,
+ *     _unreadMessagesCount: number,
+ *     _unreadPollsCount: number,
+ *     _unreadFilesCount: number
+ * }}
+ */
+function _mapStateToProps(state: IReduxState, _ownProps: any) {
+    const { messages, unreadMessagesCount } = state['features/chat'];
+
+    return {
+        _messages: messages,
+        _unreadMessagesCount: unreadMessagesCount,
+        _unreadPollsCount: getUnreadPollCount(state),
+        _unreadFilesCount: getUnreadFilesCount(state)
+    };
+}
+
+export default translate(connect(_mapStateToProps)((props: IProps) => {
+    const { _unreadMessagesCount, _unreadPollsCount, _unreadFilesCount, dispatch, navigation, t } = props;
+    const totalUnread = _unreadMessagesCount + _unreadPollsCount + _unreadFilesCount;
+    const unreadMessagesNr = totalUnread > 0;
+
+    const isFocused = useIsFocused();
+
+    useEffect(() => {
+        navigation?.setOptions({
+            tabBarLabel: () => (
+                <TabBarLabelCounter
+                    activeUnreadNr = { unreadMessagesNr }
+                    isFocused = { isFocused }
+                    label = { t('chat.tabs.chat') }
+                    unreadCount = { totalUnread } />
+            )
+        });
+
+        return () => {
+            isFocused && dispatch(closeChat());
+        };
+    }, [ isFocused, _unreadMessagesCount, _unreadPollsCount, _unreadFilesCount ]);
+
+    return (
+        <Chat { ...props } />
+    );
+}));
diff --git a/react/features/chat/components/native/ChatButton.ts b/react/features/chat/components/native/ChatButton.ts
new file mode 100644
index 0000000..dcf50e4
--- /dev/null
+++ b/react/features/chat/components/native/ChatButton.ts
@@ -0,0 +1,78 @@
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { CHAT_ENABLED } from '../../../base/flags/constants';
+import { getFeatureFlag } from '../../../base/flags/functions';
+import { translate } from '../../../base/i18n/functions';
+import { IconChatUnread, IconMessage } from '../../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import { arePollsDisabled } from '../../../conference/functions.any';
+import { navigate } from '../../../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
+import { screen } from '../../../mobile/navigation/routes';
+import { getUnreadPollCount } from '../../../polls/functions';
+import { getUnreadCount, getUnreadFilesCount, isChatDisabled } from '../../functions';
+
+interface IProps extends AbstractButtonProps {
+
+    /**
+     * True if the polls feature is disabled.
+     */
+    _isPollsDisabled?: boolean;
+
+    /**
+     * The unread message count.
+     */
+    _unreadMessageCount: number;
+}
+
+/**
+ * Implements an {@link AbstractButton} to open the chat screen on mobile.
+ */
+class ChatButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.chat';
+    override icon = IconMessage;
+    override label = 'toolbar.chat';
+    override toggledIcon = IconChatUnread;
+
+    /**
+     * Handles clicking / pressing the button, and opens the appropriate dialog.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _handleClick() {
+        this.props._isPollsDisabled
+            ? navigate(screen.conference.chat)
+            : navigate(screen.conference.chatandpolls.main);
+    }
+
+    /**
+     * Renders the button toggled when there are unread messages.
+     *
+     * @protected
+     * @returns {boolean}
+     */
+    override _isToggled() {
+        return Boolean(this.props._unreadMessageCount);
+    }
+}
+
+/**
+ * Maps part of the redux state to the component's props.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {Object} ownProps - The properties explicitly passed to the component instance.
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState, ownProps: any) {
+    const enabled = getFeatureFlag(state, CHAT_ENABLED, true) && !isChatDisabled(state);
+    const { visible = enabled } = ownProps;
+
+    return {
+        _isPollsDisabled: arePollsDisabled(state),
+        _unreadMessageCount: getUnreadCount(state) || getUnreadPollCount(state) || getUnreadFilesCount(state),
+        visible
+    };
+}
+
+export default translate(connect(_mapStateToProps)(ChatButton));
diff --git a/react/features/chat/components/native/ChatInputBar.tsx b/react/features/chat/components/native/ChatInputBar.tsx
new file mode 100644
index 0000000..6ab8dac
--- /dev/null
+++ b/react/features/chat/components/native/ChatInputBar.tsx
@@ -0,0 +1,209 @@
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { Platform, TextStyle, View, ViewStyle } from 'react-native';
+import { Text } from 'react-native-paper';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { IconSend } from '../../../base/icons/svg';
+import { ASPECT_RATIO_WIDE } from '../../../base/responsive-ui/constants';
+import IconButton from '../../../base/ui/components/native/IconButton';
+import Input from '../../../base/ui/components/native/Input';
+import { BUTTON_TYPES } from '../../../base/ui/constants.native';
+import { isSendGroupChatDisabled } from '../../functions';
+
+import styles from './styles';
+
+interface IProps extends WithTranslation {
+
+    /**
+     * Whether sending group chat messages is disabled.
+     */
+    _isSendGroupChatDisabled: boolean;
+
+    /**
+     * The id of the message recipient, if any.
+     */
+    _privateMessageRecipientId?: string;
+
+    /**
+     * Application's aspect ratio.
+     */
+    aspectRatio: Symbol;
+
+    /**
+     * Callback to invoke on message send.
+     */
+    onSend: Function;
+}
+
+interface IState {
+
+    /**
+     * Boolean to show if an extra padding needs to be added to the bar.
+     */
+    addPadding: boolean;
+
+    /**
+     * The value of the input field.
+     */
+    message: string;
+
+    /**
+     * Boolean to show or hide the send button.
+     */
+    showSend: boolean;
+}
+
+/**
+ * Implements the chat input bar with text field and action(s).
+ */
+class ChatInputBar extends Component<IProps, IState> {
+    /**
+     * Instantiates a new instance of the component.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            addPadding: false,
+            message: '',
+            showSend: false
+        };
+
+        this._onChangeText = this._onChangeText.bind(this);
+        this._onFocused = this._onFocused.bind(this);
+        this._onSubmit = this._onSubmit.bind(this);
+    }
+
+    /**
+     * Implements {@code Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        let inputBarStyles;
+
+        if (this.props.aspectRatio === ASPECT_RATIO_WIDE) {
+            inputBarStyles = styles.inputBarWide;
+        } else {
+            inputBarStyles = styles.inputBarNarrow;
+        }
+
+        if (this.props._isSendGroupChatDisabled && !this.props._privateMessageRecipientId) {
+            return (
+                <View
+                    id = 'no-messages-message'
+                    style = { styles.disabledSendWrapper as ViewStyle }>
+                    <Text style = { styles.emptyComponentText as TextStyle }>
+                        { this.props.t('chat.disabled') }
+                    </Text>
+                </View>
+            );
+        }
+
+        return (
+            <View
+                id = 'chat-input'
+                style = { [
+                    inputBarStyles,
+                    this.state.addPadding ? styles.extraBarPadding : null
+                ] as ViewStyle[] }>
+                <Input
+                    blurOnSubmit = { false }
+                    customStyles = {{ container: styles.customInputContainer }}
+                    id = 'chat-input-messagebox'
+                    multiline = { false }
+                    onBlur = { this._onFocused(false) }
+                    onChange = { this._onChangeText }
+                    onFocus = { this._onFocused(true) }
+                    onSubmitEditing = { this._onSubmit }
+                    placeholder = { this.props.t('chat.fieldPlaceHolder') }
+                    returnKeyType = 'send'
+                    value = { this.state.message } />
+                <IconButton
+                    disabled = { !this.state.message }
+                    id = { this.props.t('chat.sendButton') }
+                    onPress = { this._onSubmit }
+                    src = { IconSend }
+                    type = { BUTTON_TYPES.PRIMARY } />
+            </View>
+        );
+    }
+
+    /**
+     * Callback to handle the change of the value of the text field.
+     *
+     * @param {string} text - The current value of the field.
+     * @returns {void}
+     */
+    _onChangeText(text: string) {
+        this.setState({
+            message: text,
+            showSend: Boolean(text)
+        });
+    }
+
+    /**
+     * Constructs a callback to be used to update the padding of the field if necessary.
+     *
+     * @param {boolean} focused - True of the field is focused.
+     * @returns {Function}
+     */
+    _onFocused(focused: boolean) {
+        return () => {
+            Platform.OS === 'android' && this.setState({
+                addPadding: focused
+            });
+        };
+    }
+
+    /**
+     * Callback to handle the submit event of the text field.
+     *
+     * @returns {void}
+     */
+    _onSubmit() {
+        const {
+            _isSendGroupChatDisabled,
+            _privateMessageRecipientId,
+            onSend
+        } = this.props;
+
+        if (_isSendGroupChatDisabled && !_privateMessageRecipientId) {
+            return;
+        }
+
+        const message = this.state.message.trim();
+
+        message && onSend(message);
+        this.setState({
+            message: '',
+            showSend: false
+        });
+    }
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The redux state.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const { aspectRatio } = state['features/base/responsive-ui'];
+    const { privateMessageRecipient } = state['features/chat'];
+    const isGroupChatDisabled = isSendGroupChatDisabled(state);
+
+    return {
+        _isSendGroupChatDisabled: isGroupChatDisabled,
+        _privateMessageRecipientId: privateMessageRecipient?.id,
+        aspectRatio
+    };
+}
+
+export default translate(connect(_mapStateToProps)(ChatInputBar));
diff --git a/react/features/chat/components/native/ChatMessage.tsx b/react/features/chat/components/native/ChatMessage.tsx
new file mode 100644
index 0000000..c0addb1
--- /dev/null
+++ b/react/features/chat/components/native/ChatMessage.tsx
@@ -0,0 +1,245 @@
+import React, { Component } from 'react';
+import { Text, View, ViewStyle } from 'react-native';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import Avatar from '../../../base/avatar/components/Avatar';
+import { translate } from '../../../base/i18n/functions';
+import Linkify from '../../../base/react/components/native/Linkify';
+import { isGifEnabled, isGifMessage } from '../../../gifs/functions.native';
+import { CHAR_LIMIT, MESSAGE_TYPE_ERROR, MESSAGE_TYPE_LOCAL } from '../../constants';
+import {
+    getCanReplyToMessage,
+    getDisplayNameSuffix,
+    getFormattedTimestamp,
+    getMessageText,
+    getPrivateNoticeMessage,
+    replaceNonUnicodeEmojis
+} from '../../functions';
+import { IChatMessageProps } from '../../types';
+
+import GifMessage from './GifMessage';
+import PrivateMessageButton from './PrivateMessageButton';
+import styles from './styles';
+
+
+/**
+ * Renders a single chat message.
+ */
+class ChatMessage extends Component<IChatMessageProps> {
+    /**
+     * Implements {@code Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { gifEnabled, message, knocking } = this.props;
+        const localMessage = message.messageType === MESSAGE_TYPE_LOCAL;
+        const { privateMessage, lobbyChat } = message;
+
+        // Style arrays that need to be updated in various scenarios, such as
+        // error messages or others.
+        const detailsWrapperStyle: ViewStyle[] = [
+            styles.detailsWrapper as ViewStyle
+        ];
+        const messageBubbleStyle: ViewStyle[] = [
+            styles.messageBubble as ViewStyle
+        ];
+
+        if (localMessage) {
+            // This is a message sent by the local participant.
+
+            // The wrapper needs to be aligned to the right.
+            detailsWrapperStyle.push(styles.ownMessageDetailsWrapper as ViewStyle);
+
+            // The bubble needs some additional styling
+            messageBubbleStyle.push(styles.localMessageBubble);
+        } else if (message.messageType === MESSAGE_TYPE_ERROR) {
+            // This is a system message.
+
+            // The bubble needs some additional styling
+            messageBubbleStyle.push(styles.systemMessageBubble);
+        } else {
+            // This is a remote message sent by a remote participant.
+
+            // The bubble needs some additional styling
+            messageBubbleStyle.push(styles.remoteMessageBubble);
+        }
+
+        if (privateMessage) {
+            messageBubbleStyle.push(styles.privateMessageBubble);
+        }
+
+        if (lobbyChat && !knocking) {
+            messageBubbleStyle.push(styles.lobbyMessageBubble);
+        }
+
+        const messageText = getMessageText(this.props.message);
+
+        return (
+            <View
+                id = { message.messageId }
+                style = { styles.messageWrapper as ViewStyle } >
+                { this._renderAvatar() }
+                <View style = { detailsWrapperStyle }>
+                    <View style = { messageBubbleStyle }>
+                        <View style = { styles.textWrapper as ViewStyle } >
+                            { this._renderDisplayName() }
+                            { gifEnabled && isGifMessage(messageText)
+                                ? <GifMessage message = { messageText } />
+                                : this._renderMessageTextComponent(messageText) }
+                            { this._renderPrivateNotice() }
+                        </View>
+                        { this._renderPrivateReplyButton() }
+                    </View>
+                    { this._renderTimestamp() }
+                </View>
+            </View>
+        );
+    }
+
+    /**
+     * Renders the avatar of the sender.
+     *
+     * @returns {React.ReactElement<*>}
+     */
+    _renderAvatar() {
+        const { message } = this.props;
+
+        return (
+            <View style = { styles.avatarWrapper }>
+                { this.props.showAvatar && <Avatar
+                    displayName = { message.displayName }
+                    participantId = { message.participantId }
+                    size = { styles.avatarWrapper.width } />
+                }
+            </View>
+        );
+    }
+
+    /**
+     * Renders the display name of the sender if necessary.
+     *
+     * @returns {React.ReactElement<*> | null}
+     */
+    _renderDisplayName() {
+        const { message, showDisplayName } = this.props;
+
+        if (!showDisplayName) {
+            return null;
+        }
+
+        const { displayName } = message;
+
+        return (
+            <Text style = { styles.senderDisplayName }>
+                { `${displayName}${getDisplayNameSuffix(message)}` }
+            </Text>
+        );
+    }
+
+    /**
+     * Renders the message text based on number of characters.
+     *
+     * @param {string} messageText - The message text.
+     * @returns {React.ReactElement<*>}
+     */
+    _renderMessageTextComponent(messageText: string) {
+
+        if (messageText.length >= CHAR_LIMIT) {
+            return (
+                <Text
+                    selectable = { true }
+                    style = { styles.chatMessage }>
+                    { messageText }
+                </Text>
+            );
+        }
+
+        return (
+            <Linkify
+                linkStyle = { styles.chatLink }
+                style = { styles.chatMessage }>
+                { replaceNonUnicodeEmojis(messageText) }
+            </Linkify>
+        );
+    }
+
+    /**
+     * Renders the message privacy notice, if necessary.
+     *
+     * @returns {React.ReactElement<*> | null}
+     */
+    _renderPrivateNotice() {
+        const { message, knocking } = this.props;
+
+        if (!(message.privateMessage || (message.lobbyChat && !knocking))) {
+            return null;
+        }
+
+        return (
+            <Text style = { message.lobbyChat ? styles.lobbyMsgNotice : styles.privateNotice }>
+                { getPrivateNoticeMessage(this.props.message) }
+            </Text>
+        );
+    }
+
+    /**
+     * Renders the private reply button, if necessary.
+     *
+     * @returns {React.ReactElement<*> | null}
+     */
+    _renderPrivateReplyButton() {
+        const { message, canReply } = this.props;
+        const { lobbyChat } = message;
+
+        if (!canReply) {
+            return null;
+        }
+
+        return (
+            <View style = { styles.replyContainer as ViewStyle }>
+                <PrivateMessageButton
+                    isLobbyMessage = { lobbyChat }
+                    participantID = { message.participantId }
+                    reply = { true }
+                    showLabel = { false }
+                    toggledStyles = { styles.replyStyles } />
+            </View>
+        );
+    }
+
+    /**
+     * Renders the time at which the message was sent, if necessary.
+     *
+     * @returns {React.ReactElement<*> | null}
+     */
+    _renderTimestamp() {
+        if (!this.props.showTimestamp) {
+            return null;
+        }
+
+        return (
+            <Text style = { styles.timeText }>
+                { getFormattedTimestamp(this.props.message) }
+            </Text>
+        );
+    }
+}
+
+/**
+ * Maps part of the redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {IChatMessageProps} message - Message object.
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState, { message }: IChatMessageProps) {
+    return {
+        canReply: getCanReplyToMessage(state, message),
+        gifEnabled: isGifEnabled(state),
+        knocking: state['features/lobby'].knocking
+    };
+}
+
+export default translate(connect(_mapStateToProps)(ChatMessage));
diff --git a/react/features/chat/components/native/ChatMessageGroup.tsx b/react/features/chat/components/native/ChatMessageGroup.tsx
new file mode 100644
index 0000000..17de692
--- /dev/null
+++ b/react/features/chat/components/native/ChatMessageGroup.tsx
@@ -0,0 +1,81 @@
+import React, { Component } from 'react';
+import { FlatList } from 'react-native';
+
+import { MESSAGE_TYPE_LOCAL, MESSAGE_TYPE_REMOTE } from '../../constants';
+import { IMessage } from '../../types';
+
+import ChatMessage from './ChatMessage';
+
+interface IProps {
+
+    /**
+    * The messages array to render.
+    */
+    messages: Array<IMessage>;
+}
+
+/**
+ * Implements a container to render all the chat messages in a conference.
+ */
+export default class ChatMessageGroup extends Component<IProps> {
+    /**
+     * Instantiates a new instance of the component.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._keyExtractor = this._keyExtractor.bind(this);
+        this._renderMessage = this._renderMessage.bind(this);
+    }
+
+    /**
+     * Implements {@code Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        return (
+            <FlatList
+                data = { this.props.messages }
+                inverted = { true }
+                keyExtractor = { this._keyExtractor }
+                renderItem = { this._renderMessage } />
+        );
+    }
+
+    /**
+     * Key extractor for the flatlist.
+     *
+     * @param {Object} _item - The flatlist item that we need the key to be
+     * generated for.
+     * @param {number} index - The index of the element.
+     * @returns {string}
+     */
+    _keyExtractor(_item: Object, index: number) {
+        return `key_${index}`;
+    }
+
+    /**
+     * Renders a single chat message.
+     *
+     * @param {Object} message - The chat message to render.
+     * @returns {React$Element<*>}
+     */
+    _renderMessage({ index, item: message }: { index: number; item: IMessage; }) {
+        return (
+            <ChatMessage
+                message = { message }
+                showAvatar = {
+                    this.props.messages[0].messageType !== MESSAGE_TYPE_LOCAL
+                        && index === this.props.messages.length - 1
+                }
+                showDisplayName = {
+                    this.props.messages[0].messageType === MESSAGE_TYPE_REMOTE
+                        && index === this.props.messages.length - 1
+                }
+                showTimestamp = { index === 0 } />
+        );
+    }
+}
diff --git a/react/features/chat/components/native/ChatPrivacyDialog.tsx b/react/features/chat/components/native/ChatPrivacyDialog.tsx
new file mode 100644
index 0000000..2a7726b
--- /dev/null
+++ b/react/features/chat/components/native/ChatPrivacyDialog.tsx
@@ -0,0 +1,30 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import ConfirmDialog from '../../../base/dialog/components/native/ConfirmDialog';
+import { translate } from '../../../base/i18n/functions';
+import { AbstractChatPrivacyDialog, _mapDispatchToProps, _mapStateToProps } from '../AbstractChatPrivacyDialog';
+
+/**
+ * Implements a component for the dialog displayed to avoid mis-sending private messages.
+ */
+class ChatPrivacyDialog extends AbstractChatPrivacyDialog {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        return (
+            <ConfirmDialog
+                cancelLabel = 'dialog.sendPrivateMessageCancel'
+                confirmLabel = 'dialog.sendPrivateMessageOk'
+                descriptionKey = 'dialog.sendPrivateMessage'
+                onCancel = { this._onSendGroupMessage }
+                onSubmit = { this._onSendPrivateMessage } />
+        );
+    }
+}
+
+export default translate(connect(_mapStateToProps, _mapDispatchToProps)(ChatPrivacyDialog));
diff --git a/react/features/chat/components/native/GifMessage.tsx b/react/features/chat/components/native/GifMessage.tsx
new file mode 100644
index 0000000..37d5b76
--- /dev/null
+++ b/react/features/chat/components/native/GifMessage.tsx
@@ -0,0 +1,28 @@
+import React from 'react';
+import { Image, ImageStyle, View } from 'react-native';
+
+import { extractGifURL } from '../../../gifs/function.any';
+
+import styles from './styles';
+
+interface IProps {
+
+    /**
+     * The formatted gif message.
+     */
+    message: string;
+}
+
+const GifMessage = ({ message }: IProps) => {
+    const url = extractGifURL(message);
+
+    return (<View
+        id = 'gif-message'
+        style = { styles.gifContainer }>
+        <Image
+            source = {{ uri: url }}
+            style = { styles.gifImage as ImageStyle } />
+    </View>);
+};
+
+export default GifMessage;
diff --git a/react/features/chat/components/native/MessageContainer.tsx b/react/features/chat/components/native/MessageContainer.tsx
new file mode 100644
index 0000000..214e7b2
--- /dev/null
+++ b/react/features/chat/components/native/MessageContainer.tsx
@@ -0,0 +1,117 @@
+import React, { Component } from 'react';
+import { FlatList, Text, TextStyle, View, ViewStyle } from 'react-native';
+import { connect } from 'react-redux';
+
+import { translate } from '../../../base/i18n/functions';
+import { IMessageGroup, groupMessagesBySender } from '../../../base/util/messageGrouping';
+import { IMessage } from '../../types';
+
+import ChatMessageGroup from './ChatMessageGroup';
+import styles from './styles';
+
+interface IProps {
+    messages: IMessage[];
+    t: Function;
+}
+
+/**
+ * Implements a container to render all the chat messages in a conference.
+ */
+class MessageContainer extends Component<IProps, any> {
+
+    static defaultProps = {
+        messages: [] as IMessage[]
+    };
+
+    /**
+     * Instantiates a new instance of the component.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._keyExtractor = this._keyExtractor.bind(this);
+        this._renderListEmptyComponent = this._renderListEmptyComponent.bind(this);
+        this._renderMessageGroup = this._renderMessageGroup.bind(this);
+        this._getMessagesGroupedBySender = this._getMessagesGroupedBySender.bind(this);
+    }
+
+    /**
+     * Implements {@code Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const data = this._getMessagesGroupedBySender();
+
+        return (
+            <FlatList
+                ListEmptyComponent = { this._renderListEmptyComponent }
+                bounces = { false }
+                data = { data }
+
+                // Workaround for RN bug:
+                // https://github.com/facebook/react-native/issues/21196
+                inverted = { Boolean(data.length) }
+                keyExtractor = { this._keyExtractor }
+                keyboardShouldPersistTaps = 'handled'
+                renderItem = { this._renderMessageGroup } />
+        );
+    }
+
+    /**
+     * Key extractor for the flatlist.
+     *
+     * @param {Object} _item - The flatlist item that we need the key to be
+     * generated for.
+     * @param {number} index - The index of the element.
+     * @returns {string}
+     */
+    _keyExtractor(_item: Object, index: number) {
+        return `key_${index}`;
+    }
+
+    /**
+     * Renders a message when there are no messages in the chat yet.
+     *
+     * @returns {React$Element<any>}
+     */
+    _renderListEmptyComponent() {
+        const { t } = this.props;
+
+        return (
+            <View
+                id = 'no-messages-message'
+                style = { styles.emptyComponentWrapper as ViewStyle }>
+                <Text style = { styles.emptyComponentText as TextStyle }>
+                    { t('chat.noMessagesMessage') }
+                </Text>
+            </View>
+        );
+    }
+
+    /**
+     * Renders a single chat message.
+     *
+     * @param {Array<Object>} messages - The chat message to render.
+     * @returns {React$Element<*>}
+     */
+    _renderMessageGroup({ item: group }: { item: IMessageGroup<IMessage>; }) {
+        const { messages } = group;
+
+        return <ChatMessageGroup messages = { messages } />;
+    }
+
+    /**
+     * Returns an array of message groups, where each group is an array of messages
+     * grouped by the sender.
+     *
+     * @returns {Array<Array<Object>>}
+     */
+    _getMessagesGroupedBySender() {
+        return groupMessagesBySender(this.props.messages);
+    }
+}
+
+export default translate(connect()(MessageContainer));
diff --git a/react/features/chat/components/native/MessageRecipient.tsx b/react/features/chat/components/native/MessageRecipient.tsx
new file mode 100644
index 0000000..660a6b3
--- /dev/null
+++ b/react/features/chat/components/native/MessageRecipient.tsx
@@ -0,0 +1,163 @@
+import React from 'react';
+import { Text, TouchableHighlight, View, ViewStyle } from 'react-native';
+import { connect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import Icon from '../../../base/icons/components/Icon';
+import { IconCloseLarge } from '../../../base/icons/svg';
+import { ILocalParticipant } from '../../../base/participants/types';
+import {
+    setParams
+} from '../../../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
+import { setLobbyChatActiveState, setPrivateMessageRecipient } from '../../actions.any';
+import AbstractMessageRecipient, {
+    IProps as AbstractProps,
+    _mapStateToProps as _mapStateToPropsAbstract
+} from '../AbstractMessageRecipient';
+
+import styles from './styles';
+
+interface IProps extends AbstractProps {
+
+    /**
+     * The Redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+ * Is lobby messaging active.
+ */
+    isLobbyChatActive: boolean;
+
+    /**
+     * The participant string for lobby chat messaging.
+     */
+    lobbyMessageRecipient?: {
+        id: string;
+        name: string;
+    } | ILocalParticipant;
+}
+
+/**
+ * Class to implement the displaying of the recipient of the next message.
+ */
+class MessageRecipient extends AbstractMessageRecipient<IProps> {
+
+    /**
+     * Constructor of the component.
+     *
+     * @param {IProps} props - The props of the component.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._onResetPrivateMessageRecipient = this._onResetPrivateMessageRecipient.bind(this);
+        this._onResetLobbyMessageRecipient = this._onResetLobbyMessageRecipient.bind(this);
+    }
+
+    /**
+     * Resets lobby message recipient from state.
+     *
+     * @returns {void}
+     */
+    _onResetLobbyMessageRecipient() {
+        const { dispatch } = this.props;
+
+        dispatch(setLobbyChatActiveState(false));
+    }
+
+    /**
+     * Resets private message recipient from state.
+     *
+     * @returns {void}
+     */
+    _onResetPrivateMessageRecipient() {
+        const { dispatch } = this.props;
+
+        dispatch(setPrivateMessageRecipient());
+
+        setParams({
+            privateMessageRecipient: undefined
+        });
+    }
+
+    /**
+     * Implements {@code PureComponent#render}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const {
+            isLobbyChatActive,
+            lobbyMessageRecipient,
+            _privateMessageRecipient,
+            _isVisitor,
+            t
+        } = this.props;
+
+        if (isLobbyChatActive) {
+            return (
+                <View
+                    id = 'chat-recipient'
+                    style = { styles.lobbyMessageRecipientContainer as ViewStyle }>
+                    <Text style = { styles.messageRecipientText }>
+                        { t('chat.lobbyChatMessageTo', {
+                            recipient: lobbyMessageRecipient?.name
+                        }) }
+                    </Text>
+                    <TouchableHighlight
+                        onPress = { this._onResetLobbyMessageRecipient }>
+                        <Icon
+                            src = { IconCloseLarge }
+                            style = { styles.messageRecipientCancelIcon } />
+                    </TouchableHighlight>
+                </View>
+            );
+        }
+
+        if (!_privateMessageRecipient) {
+            return null;
+        }
+
+        return (
+            <View
+                id = 'message-recipient'
+                style = { styles.messageRecipientContainer as ViewStyle }>
+                <Text style = { styles.messageRecipientText }>
+                    { t('chat.messageTo', {
+                        recipient: `${_privateMessageRecipient}${_isVisitor ? ` ${t('visitors.chatIndicator')}` : ''}`
+                    }) }
+                </Text>
+                <TouchableHighlight
+                    id = 'message-recipient-cancel-button'
+                    onPress = { this._onResetPrivateMessageRecipient }
+                    underlayColor = { 'transparent' }>
+                    <Icon
+                        src = { IconCloseLarge }
+                        style = { styles.messageRecipientCancelIcon } />
+                </TouchableHighlight>
+            </View>
+        );
+    }
+}
+
+/**
+ * Maps part of the redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {any} _ownProps - Component's own props.
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState, _ownProps: any) {
+    const { lobbyMessageRecipient, isLobbyChatActive } = state['features/chat'];
+
+    return {
+        ..._mapStateToPropsAbstract(state, _ownProps),
+        isLobbyChatActive,
+        lobbyMessageRecipient
+    };
+}
+
+export default translate(connect(_mapStateToProps)(MessageRecipient));
diff --git a/react/features/chat/components/native/PrivateMessageButton.tsx b/react/features/chat/components/native/PrivateMessageButton.tsx
new file mode 100644
index 0000000..2c8d0e3
--- /dev/null
+++ b/react/features/chat/components/native/PrivateMessageButton.tsx
@@ -0,0 +1,110 @@
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { CHAT_ENABLED } from '../../../base/flags/constants';
+import { getFeatureFlag } from '../../../base/flags/functions';
+import { translate } from '../../../base/i18n/functions';
+import { IconMessage, IconReply } from '../../../base/icons/svg';
+import { getParticipantById } from '../../../base/participants/functions';
+import { IParticipant } from '../../../base/participants/types';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import { arePollsDisabled } from '../../../conference/functions.any';
+import { navigate } from '../../../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
+import { screen } from '../../../mobile/navigation/routes';
+import { handleLobbyChatInitialized, openChat } from '../../actions.native';
+
+export interface IProps extends AbstractButtonProps {
+
+    /**
+     * True if message is a lobby chat message.
+     */
+    _isLobbyMessage: boolean;
+
+    /**
+     * True if the polls feature is disabled.
+     */
+    _isPollsDisabled?: boolean;
+
+    /**
+     * The participant object retrieved from Redux.
+     */
+    _participant?: IParticipant;
+
+    /**
+     * The ID of the participant that the message is to be sent.
+     */
+    participantID: string;
+
+    /**
+     * True if the button is rendered as a reply button.
+     */
+    reply: boolean;
+}
+
+/**
+ * Class to render a button that initiates the sending of a private message through chat.
+ */
+class PrivateMessageButton extends AbstractButton<IProps, any> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.privateMessage';
+    override icon = IconMessage;
+    override label = 'toolbar.privateMessage';
+    override toggledIcon = IconReply;
+
+    /**
+     * Handles clicking / pressing the button.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _handleClick() {
+        if (this.props._isLobbyMessage) {
+            this.props.dispatch(handleLobbyChatInitialized(this.props.participantID));
+        }
+
+        this.props.dispatch(openChat(this.props._participant));
+
+        this.props._isPollsDisabled
+            ? navigate(screen.conference.chat, {
+                privateMessageRecipient: this.props._participant
+            })
+            : navigate(screen.conference.chatandpolls.main, {
+                screen: screen.conference.chatandpolls.tab.chat,
+                params: {
+                    privateMessageRecipient: this.props._participant
+                }
+            });
+    }
+
+    /**
+     * Helper function to be implemented by subclasses, which must return a
+     * {@code boolean} value indicating if this button is toggled or not.
+     *
+     * @protected
+     * @returns {boolean}
+     */
+    override _isToggled() {
+        return this.props.reply;
+    }
+
+}
+
+/**
+ * Maps part of the Redux store to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {IProps} ownProps - The own props of the component.
+ * @returns {IProps}
+ */
+export function _mapStateToProps(state: IReduxState, ownProps: any) {
+    const enabled = getFeatureFlag(state, CHAT_ENABLED, true);
+    const { visible = enabled, isLobbyMessage, participantID } = ownProps;
+
+    return {
+        _isPollsDisabled: arePollsDisabled(state),
+        _participant: getParticipantById(state, participantID),
+        _isLobbyMessage: isLobbyMessage,
+        visible
+    };
+}
+
+export default translate(connect(_mapStateToProps)(PrivateMessageButton));
diff --git a/react/features/chat/components/native/styles.ts b/react/features/chat/components/native/styles.ts
new file mode 100644
index 0000000..d50cfec
--- /dev/null
+++ b/react/features/chat/components/native/styles.ts
@@ -0,0 +1,272 @@
+import { BoxModel } from '../../../base/styles/components/styles/BoxModel';
+import BaseTheme from '../../../base/ui/components/BaseTheme.native';
+
+const BUBBLE_RADIUS = 8;
+
+const recipientContainer = {
+    alignItems: 'center',
+    backgroundColor: BaseTheme.palette.support05,
+    borderRadius: BaseTheme.shape.borderRadius,
+    flexDirection: 'row',
+    height: 48,
+    marginBottom: BaseTheme.spacing[3],
+    marginHorizontal: BaseTheme.spacing[3],
+    padding: BaseTheme.spacing[2]
+};
+
+const inputBar = {
+    alignItems: 'center',
+    flexDirection: 'row',
+    justifyContent: 'space-between'
+};
+
+/**
+ * The styles of the feature chat.
+ *
+ * NOTE: Sizes and colors come from the 8x8 guidelines. This is the first
+ * component to receive this treating, if others happen to have similar, we
+ * need to extract the brand colors and sizes into a branding feature (planned
+ * for the future).
+ */
+export default {
+
+    /**
+     * Background of the chat screen.
+     */
+    backdrop: {
+        backgroundColor: BaseTheme.palette.ui10,
+        flex: 1
+    },
+
+    chatDisabled: {
+        padding: BaseTheme.spacing[2],
+        textAlign: 'center'
+    },
+
+    emptyComponentText: {
+        color: BaseTheme.palette.text03,
+        textAlign: 'center'
+    },
+
+    lobbyMessageBubble: {
+        backgroundColor: BaseTheme.palette.support06
+    },
+
+    lobbyMsgNotice: {
+        color: BaseTheme.palette.text04,
+        fontSize: 11,
+        marginTop: 6
+    },
+
+    privateNotice: {
+        ...BaseTheme.palette.bodyShortRegular,
+        color: BaseTheme.palette.text02
+    },
+
+    privateMessageBubble: {
+        backgroundColor: BaseTheme.palette.support05
+    },
+
+    remoteMessageBubble: {
+        backgroundColor: BaseTheme.palette.ui02,
+        borderTopLeftRadius: 0
+    },
+
+    replyContainer: {
+        alignSelf: 'stretch',
+        justifyContent: 'center'
+    },
+
+    replyStyles: {
+        iconStyle: {
+            color: BaseTheme.palette.icon01,
+            fontSize: 22,
+            padding: BaseTheme.spacing[2]
+        },
+        underlayColor: 'transparent'
+    },
+
+    /**
+     * Wrapper View for the avatar.
+     */
+    avatarWrapper: {
+        marginRight: BaseTheme.spacing[2],
+        width: 32
+    },
+
+    chatLink: {
+        color: BaseTheme.palette.link01
+    },
+
+    chatMessage: {
+        ...BaseTheme.typography.bodyShortRegular,
+        color: BaseTheme.palette.text01
+    },
+
+    /**
+     * Wrapper for the details together, such as name, message and time.
+     */
+    detailsWrapper: {
+        alignItems: 'flex-start',
+        flex: 1,
+        flexDirection: 'column'
+    },
+
+    emptyComponentWrapper: {
+        alignSelf: 'center',
+        flex: 1,
+        padding: BoxModel.padding,
+        paddingTop: '8%',
+        maxWidth: '80%'
+    },
+
+    disabledSendWrapper: {
+        alignSelf: 'center',
+        flex: 0,
+        padding: BoxModel.padding,
+        paddingBottom: '8%',
+        paddingTop: '8%',
+        maxWidth: '80%'
+    },
+
+    /**
+     * A special padding to avoid issues on some devices (such as Android devices with custom suggestions bar).
+     */
+    extraBarPadding: {
+        paddingBottom: 30
+    },
+
+    inputBarNarrow: {
+        ...inputBar,
+        height: 112,
+        marginHorizontal: BaseTheme.spacing[3]
+    },
+
+    inputBarWide: {
+        ...inputBar,
+        height: 88,
+        marginHorizontal: BaseTheme.spacing[9]
+    },
+
+    customInputContainer: {
+        width: '75%'
+    },
+
+    messageBubble: {
+        alignItems: 'center',
+        borderRadius: BUBBLE_RADIUS,
+        flexDirection: 'row'
+    },
+
+    /**
+     * Wrapper View for the entire block.
+     */
+    messageWrapper: {
+        alignItems: 'flex-start',
+        flex: 1,
+        flexDirection: 'row',
+        marginHorizontal: 17,
+        marginVertical: 4
+    },
+
+    /**
+     * Style modifier for the {@code detailsWrapper} for own messages.
+     */
+    ownMessageDetailsWrapper: {
+        alignItems: 'flex-end'
+    },
+
+    replyWrapper: {
+        alignItems: 'center',
+        flexDirection: 'row'
+    },
+
+    /**
+     * Style modifier for system (error) messages.
+     */
+    systemMessageBubble: {
+        backgroundColor: 'rgb(247, 215, 215)'
+    },
+
+    /**
+     * Wrapper for the name and the message text.
+     */
+    textWrapper: {
+        alignItems: 'flex-start',
+        flexDirection: 'column',
+        padding: 9
+    },
+
+    /**
+     * Text node for the timestamp.
+     */
+    timeText: {
+        color: BaseTheme.palette.text03,
+        fontSize: 13
+    },
+
+    chatContainer: {
+        backgroundColor: BaseTheme.palette.ui01,
+        flex: 1
+    },
+
+    tabContainer: {
+        flexDirection: 'row',
+        justifyContent: 'center'
+    },
+
+    tabLeftButton: {
+        flex: 1,
+        borderTopLeftRadius: 0,
+        borderTopRightRadius: 0,
+        borderBottomLeftRadius: 0
+    },
+
+    tabRightButton: {
+        flex: 1,
+        borderTopLeftRadius: 0,
+        borderTopRightRadius: 0,
+        borderBottomRightRadius: 0
+    },
+
+    gifContainer: {
+        maxHeight: 150
+    },
+
+    gifImage: {
+        resizeMode: 'contain',
+        width: 250,
+        height: undefined,
+        flexGrow: 1
+    },
+
+    senderDisplayName: {
+        ...BaseTheme.typography.bodyShortBold,
+        color: BaseTheme.palette.text02
+    },
+
+    localMessageBubble: {
+        backgroundColor: BaseTheme.palette.ui04,
+        borderTopRightRadius: 0
+    },
+
+    lobbyMessageRecipientContainer: {
+        ...recipientContainer,
+        backgroundColor: BaseTheme.palette.support06
+    },
+
+    messageRecipientCancelIcon: {
+        color: BaseTheme.palette.icon01,
+        fontSize: 18
+    },
+
+    messageRecipientContainer: {
+        ...recipientContainer
+    },
+
+    messageRecipientText: {
+        ...BaseTheme.typography.bodyShortRegular,
+        color: BaseTheme.palette.text01,
+        flex: 1
+    }
+};
diff --git a/react/features/chat/components/web/Chat.tsx b/react/features/chat/components/web/Chat.tsx
new file mode 100644
index 0000000..8d4fdb8
--- /dev/null
+++ b/react/features/chat/components/web/Chat.tsx
@@ -0,0 +1,657 @@
+import { throttle } from 'lodash-es';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { connect, useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { IconInfo, IconMessage, IconShareDoc, IconSubtitles } from '../../../base/icons/svg';
+import { getLocalParticipant, getRemoteParticipants, isPrivateChatEnabledSelf } from '../../../base/participants/functions';
+import Select from '../../../base/ui/components/web/Select';
+import Tabs from '../../../base/ui/components/web/Tabs';
+import { arePollsDisabled } from '../../../conference/functions.any';
+import FileSharing from '../../../file-sharing/components/web/FileSharing';
+import { isFileSharingEnabled } from '../../../file-sharing/functions.any';
+import PollsPane from '../../../polls/components/web/PollsPane';
+import { isCCTabEnabled } from '../../../subtitles/functions.any';
+import {
+    sendMessage,
+    setChatIsResizing,
+    setFocusedTab,
+    setPrivateMessageRecipient,
+    setPrivateMessageRecipientById,
+    setUserChatWidth,
+    toggleChat
+} from '../../actions.web';
+import { CHAT_SIZE, ChatTabs, OPTION_GROUPCHAT, SMALL_WIDTH_THRESHOLD } from '../../constants';
+import { getChatMaxSize, getFocusedTab, isChatDisabled } from '../../functions';
+import { IChatProps as AbstractProps } from '../../types';
+
+import ChatHeader from './ChatHeader';
+import ChatInput from './ChatInput';
+import ClosedCaptionsTab from './ClosedCaptionsTab';
+import DisplayNameForm from './DisplayNameForm';
+import KeyboardAvoider from './KeyboardAvoider';
+import MessageContainer from './MessageContainer';
+import MessageRecipient from './MessageRecipient';
+
+
+interface IProps extends AbstractProps {
+
+    /**
+     * The currently focused tab.
+     */
+    _focusedTab?: ChatTabs;
+
+    /**
+     * True if the CC tab is enabled and false otherwise.
+     */
+    _isCCTabEnabled: boolean;
+
+    /**
+     * True if chat is disabled.
+     */
+    _isChatDisabled: boolean;
+
+    /**
+     * True if file sharing tab is enabled.
+     */
+    _isFileSharingTabEnabled: boolean;
+
+    /**
+     * Whether the chat is opened in a modal or not (computed based on window width).
+     */
+    _isModal: boolean;
+
+    /**
+     * True if the chat window should be rendered.
+     */
+    _isOpen: boolean;
+
+    /**
+     * True if the polls feature is enabled.
+     */
+    _isPollsEnabled: boolean;
+
+    /**
+     * Whether the user is currently resizing the chat panel.
+     */
+    _isResizing: boolean;
+
+    /**
+     * The indicator which determines whether the UI is reduced.
+     */
+    _reducedUI: boolean;
+
+    /**
+     * Whether or not to block chat access with a nickname input form.
+     */
+    _showNamePrompt: boolean;
+
+    /**
+     * Number of unread file sharing messages.
+     */
+    _unreadFilesCount: number;
+
+    /**
+     * Number of unread poll messages.
+     */
+    _unreadPollsCount: number;
+
+    /**
+     * The current width of the chat panel.
+     */
+    _width: number;
+}
+
+const useStyles = makeStyles<{ _isResizing: boolean; width: number; }>()((theme, { _isResizing, width }) => {
+    return {
+        container: {
+            backgroundColor: theme.palette.ui01,
+            flexShrink: 0,
+            overflow: 'hidden',
+            position: 'relative',
+            transition: _isResizing ? undefined : 'width .16s ease-in-out',
+            width: `${width}px`,
+            zIndex: 300,
+
+            '&:hover, &:focus-within': {
+                '& .dragHandleContainer': {
+                    visibility: 'visible'
+                }
+            },
+
+            '@media (max-width: 580px)': {
+                height: '100dvh',
+                position: 'fixed',
+                left: 0,
+                right: 0,
+                top: 0,
+                width: 'auto'
+            },
+
+            '*': {
+                userSelect: 'text',
+                '-webkit-user-select': 'text'
+            }
+        },
+
+        chatHeader: {
+            height: '60px',
+            position: 'relative',
+            width: '100%',
+            zIndex: 1,
+            display: 'flex',
+            justifyContent: 'space-between',
+            padding: `${theme.spacing(3)} ${theme.spacing(4)}`,
+            alignItems: 'center',
+            boxSizing: 'border-box',
+            color: theme.palette.text01,
+            ...theme.typography.heading6,
+            lineHeight: 'unset',
+            fontWeight: theme.typography.heading6.fontWeight as any,
+
+            '.jitsi-icon': {
+                cursor: 'pointer'
+            }
+        },
+
+        chatPanel: {
+            display: 'flex',
+            flexDirection: 'column',
+
+            // extract header + tabs height
+            height: 'calc(100% - 110px)'
+        },
+
+        chatPanelNoTabs: {
+            // extract header height
+            height: 'calc(100% - 60px)'
+        },
+
+        pollsPanel: {
+            // extract header + tabs height
+            height: 'calc(100% - 110px)'
+        },
+
+        resizableChat: {
+            flex: 1,
+            display: 'flex',
+            flexDirection: 'column',
+            width: '100%'
+        },
+
+        dragHandleContainer: {
+            height: '100%',
+            width: '9px',
+            backgroundColor: 'transparent',
+            position: 'absolute',
+            cursor: 'col-resize',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            visibility: 'hidden',
+            right: '4px',
+            top: 0,
+
+            '&:hover': {
+                '& .dragHandle': {
+                    backgroundColor: theme.palette.icon01
+                }
+            },
+
+            '&.visible': {
+                visibility: 'visible',
+
+                '& .dragHandle': {
+                    backgroundColor: theme.palette.icon01
+                }
+            }
+        },
+
+        dragHandle: {
+            backgroundColor: theme.palette.icon02,
+            height: '100px',
+            width: '3px',
+            borderRadius: '1px'
+        },
+
+        privateMessageRecipientsList: {
+            padding: '0 16px 5px'
+        }
+    };
+});
+
+const Chat = ({
+    _isModal,
+    _isOpen,
+    _isPollsEnabled,
+    _isCCTabEnabled,
+    _isChatDisabled,
+    _isFileSharingTabEnabled,
+    _focusedTab,
+    _isResizing,
+    _messages,
+    _reducedUI,
+    _unreadMessagesCount,
+    _unreadPollsCount,
+    _unreadFilesCount,
+    _showNamePrompt,
+    _width,
+    dispatch,
+    t
+}: IProps) => {
+    // If no tabs are available, don't render the chat panel at all.
+    if (_isChatDisabled && !_isPollsEnabled && !_isCCTabEnabled && !_isFileSharingTabEnabled) {
+        return null;
+    }
+
+    const { classes, cx } = useStyles({ _isResizing, width: _width });
+    const [ isMouseDown, setIsMouseDown ] = useState(false);
+    const [ mousePosition, setMousePosition ] = useState<number | null>(null);
+    const [ dragChatWidth, setDragChatWidth ] = useState<number | null>(null);
+    const maxChatWidth = useSelector(getChatMaxSize);
+    const notifyTimestamp = useSelector((state: IReduxState) =>
+        state['features/chat'].notifyPrivateRecipientsChangedTimestamp
+    );
+    const {
+        defaultRemoteDisplayName = 'Fellow Jitster'
+    } = useSelector((state: IReduxState) => state['features/base/config']);
+    const privateMessageRecipient = useSelector((state: IReduxState) => state['features/chat'].privateMessageRecipient);
+    const participants = useSelector(getRemoteParticipants);
+    const isPrivateChatAllowed = useSelector((state: IReduxState) => isPrivateChatEnabledSelf(state));
+
+    const options = useMemo(() => {
+        const o = Array.from(participants?.values() || [])
+                .filter(p => !p.fakeParticipant)
+                .map(p => {
+                    return {
+                        value: p.id,
+                        label: p.name ?? defaultRemoteDisplayName
+                    };
+                });
+
+        o.sort((a, b) => a.label.localeCompare(b.label));
+
+        o.unshift({
+            label: t('chat.everyone'),
+            value: OPTION_GROUPCHAT
+        });
+
+        return o;
+    }, [ participants, defaultRemoteDisplayName, t, notifyTimestamp ]);
+
+    /**
+     * Handles mouse down on the drag handle.
+     *
+     * @param {MouseEvent} e - The mouse down event.
+     * @returns {void}
+     */
+    const onDragHandleMouseDown = useCallback((e: React.MouseEvent) => {
+        e.preventDefault();
+        e.stopPropagation();
+
+        // Store the initial mouse position and chat width
+        setIsMouseDown(true);
+        setMousePosition(e.clientX);
+        setDragChatWidth(_width);
+
+        // Indicate that resizing is in progress
+        dispatch(setChatIsResizing(true));
+
+        // Add visual feedback that we're dragging
+        document.body.style.cursor = 'col-resize';
+
+        // Disable text selection during resize
+        document.body.style.userSelect = 'none';
+    }, [ _width, dispatch ]);
+
+    /**
+     * Drag handle mouse up handler.
+     *
+     * @returns {void}
+     */
+    const onDragMouseUp = useCallback(() => {
+        if (isMouseDown) {
+            setIsMouseDown(false);
+            dispatch(setChatIsResizing(false));
+
+            // Restore cursor and text selection
+            document.body.style.cursor = '';
+            document.body.style.userSelect = '';
+        }
+    }, [ isMouseDown, dispatch ]);
+
+    /**
+     * Handles drag handle mouse move.
+     *
+     * @param {MouseEvent} e - The mousemove event.
+     * @returns {void}
+     */
+    const onChatResize = useCallback(throttle((e: MouseEvent) => {
+        if (isMouseDown && mousePosition !== null && dragChatWidth !== null) {
+            // For chat panel resizing on the left edge:
+            // - Dragging left (decreasing X coordinate) should make the panel wider
+            // - Dragging right (increasing X coordinate) should make the panel narrower
+            const diff = e.clientX - mousePosition;
+
+            const newWidth = Math.max(
+                Math.min(dragChatWidth + diff, maxChatWidth),
+                CHAT_SIZE
+            );
+
+            // Update the width only if it has changed
+            if (newWidth !== _width) {
+                dispatch(setUserChatWidth(newWidth));
+            }
+        }
+    }, 50, {
+        leading: true,
+        trailing: false
+    }), [ isMouseDown, mousePosition, dragChatWidth, _width, maxChatWidth, dispatch ]);
+
+    // Set up event listeners when component mounts
+    useEffect(() => {
+        document.addEventListener('mouseup', onDragMouseUp);
+        document.addEventListener('mousemove', onChatResize);
+
+        return () => {
+            document.removeEventListener('mouseup', onDragMouseUp);
+            document.removeEventListener('mousemove', onChatResize);
+        };
+    }, [ onDragMouseUp, onChatResize ]);
+
+    /**
+    * Sends a text message.
+    *
+    * @private
+    * @param {string} text - The text message to be sent.
+    * @returns {void}
+    * @type {Function}
+    */
+    const onSendMessage = useCallback((text: string) => {
+        dispatch(sendMessage(text));
+    }, []);
+
+    /**
+    * Toggles the chat window.
+    *
+    * @returns {Function}
+    */
+    const onToggleChat = useCallback(() => {
+        dispatch(toggleChat());
+    }, []);
+
+    /**
+     * Click handler for the chat sidenav.
+     *
+     * @param {KeyboardEvent} event - Esc key click to close the popup.
+     * @returns {void}
+     */
+    const onEscClick = useCallback((event: React.KeyboardEvent) => {
+        if (event.key === 'Escape' && _isOpen) {
+            event.preventDefault();
+            event.stopPropagation();
+            onToggleChat();
+        }
+    }, [ _isOpen ]);
+
+    /**
+     * Change selected tab.
+     *
+     * @param {string} id - Id of the clicked tab.
+     * @returns {void}
+     */
+    const onChangeTab = useCallback((id: string) => {
+        dispatch(setFocusedTab(id as ChatTabs));
+    }, [ dispatch ]);
+
+
+    const onSelectedRecipientChange = useCallback((e: React.ChangeEvent<HTMLSelectElement>) => {
+        const selected = e.target.value;
+
+        if (selected === OPTION_GROUPCHAT) {
+            dispatch(setPrivateMessageRecipient());
+        } else {
+            dispatch(setPrivateMessageRecipientById(selected));
+        }
+    }, []);
+
+    /**
+     * Returns a React Element for showing chat messages and a form to send new
+     * chat messages.
+     *
+     * @private
+     * @returns {ReactElement}
+     */
+    function renderChat() {
+        return (
+            <>
+                {renderTabs()}
+                {!_isChatDisabled && (<div
+                    aria-labelledby = { ChatTabs.CHAT }
+                    className = { cx(
+                        classes.chatPanel,
+                        !_isPollsEnabled
+                        && !_isCCTabEnabled
+                        && !_isFileSharingTabEnabled
+                        && classes.chatPanelNoTabs,
+                        _focusedTab !== ChatTabs.CHAT && 'hide'
+                    ) }
+                    id = { `${ChatTabs.CHAT}-panel` }
+                    role = 'tabpanel'
+                    tabIndex = { 0 }>
+                    <MessageContainer
+                        messages = { _messages } />
+                    <MessageRecipient />
+                    {isPrivateChatAllowed && (
+                        <Select
+                            containerClassName = { cx(classes.privateMessageRecipientsList) }
+                            id = 'select-chat-recipient'
+                            onChange = { onSelectedRecipientChange }
+                            options = { options }
+                            value = { privateMessageRecipient?.id || OPTION_GROUPCHAT } />
+                    )}
+                    <ChatInput
+                        onSend = { onSendMessage } />
+                </div>) }
+                { _isPollsEnabled && (
+                    <>
+                        <div
+                            aria-labelledby = { ChatTabs.POLLS }
+                            className = { cx(classes.pollsPanel, _focusedTab !== ChatTabs.POLLS && 'hide') }
+                            id = { `${ChatTabs.POLLS}-panel` }
+                            role = 'tabpanel'
+                            tabIndex = { 1 }>
+                            <PollsPane />
+                        </div>
+                        <KeyboardAvoider />
+                    </>
+                )}
+                { _isCCTabEnabled && <div
+                    aria-labelledby = { ChatTabs.CLOSED_CAPTIONS }
+                    className = { cx(classes.chatPanel, _focusedTab !== ChatTabs.CLOSED_CAPTIONS && 'hide') }
+                    id = { `${ChatTabs.CLOSED_CAPTIONS}-panel` }
+                    role = 'tabpanel'
+                    tabIndex = { 2 }>
+                    <ClosedCaptionsTab />
+                </div> }
+                { _isFileSharingTabEnabled && <div
+                    aria-labelledby = { ChatTabs.FILE_SHARING }
+                    className = { cx(classes.chatPanel, _focusedTab !== ChatTabs.FILE_SHARING && 'hide') }
+                    id = { `${ChatTabs.FILE_SHARING}-panel` }
+                    role = 'tabpanel'
+                    tabIndex = { 3 }>
+                    <FileSharing />
+                </div> }
+            </>
+        );
+    }
+
+
+    /**
+     * Returns a React Element showing the Chat, Polls and Subtitles tabs.
+     *
+     * @private
+     * @returns {ReactElement}
+     */
+    function renderTabs() {
+        // The only way focused tab will be undefined is when no tab is enabled. Therefore this function won't be
+        // executed because Chat component won't render anything. This should never happen but adding the check
+        // here to make TS happy (when passing the _focusedTab in the selected prop for Tabs).
+        if (!_focusedTab) {
+            return null;
+        }
+
+        let tabs = [];
+
+        // Only add chat tab if chat is not disabled.
+        if (!_isChatDisabled) {
+            tabs.push({
+                accessibilityLabel: t('chat.tabs.chat'),
+                countBadge:
+                    _focusedTab !== ChatTabs.CHAT && _unreadMessagesCount > 0 ? _unreadMessagesCount : undefined,
+                id: ChatTabs.CHAT,
+                controlsId: `${ChatTabs.CHAT}-panel`,
+                icon: IconMessage,
+                title: t('chat.tabs.chat')
+            });
+        }
+
+        if (_isPollsEnabled) {
+            tabs.push({
+                accessibilityLabel: t('chat.tabs.polls'),
+                countBadge: _focusedTab !== ChatTabs.POLLS && _unreadPollsCount > 0 ? _unreadPollsCount : undefined,
+                id: ChatTabs.POLLS,
+                controlsId: `${ChatTabs.POLLS}-panel`,
+                icon: IconInfo,
+                title: t('chat.tabs.polls')
+            });
+        }
+
+        if (_isCCTabEnabled) {
+            tabs.push({
+                accessibilityLabel: t('chat.tabs.closedCaptions'),
+                countBadge: undefined,
+                id: ChatTabs.CLOSED_CAPTIONS,
+                controlsId: `${ChatTabs.CLOSED_CAPTIONS}-panel`,
+                icon: IconSubtitles,
+                title: t('chat.tabs.closedCaptions')
+            });
+        }
+
+        if (_isFileSharingTabEnabled) {
+            tabs.push({
+                accessibilityLabel: t('chat.tabs.fileSharing'),
+                countBadge: _focusedTab !== ChatTabs.FILE_SHARING && _unreadFilesCount > 0 ? _unreadFilesCount : undefined,
+                id: ChatTabs.FILE_SHARING,
+                controlsId: `${ChatTabs.FILE_SHARING}-panel`,
+                icon: IconShareDoc,
+                title: t('chat.tabs.fileSharing')
+            });
+        }
+
+        if (tabs.length === 1) {
+            tabs = [];
+        }
+
+        return (
+            <Tabs
+                accessibilityLabel = { _isPollsEnabled || _isCCTabEnabled || _isFileSharingTabEnabled
+                    ? t('chat.titleWithFeatures', {
+                        features: [
+                            _isPollsEnabled ? t('chat.titleWithPolls') : '',
+                            _isCCTabEnabled ? t('chat.titleWithCC') : '',
+                            _isFileSharingTabEnabled ? t('chat.titleWithFileSharing') : ''
+                        ].filter(Boolean).join(', ')
+                    })
+                    : t('chat.title')
+                }
+                onChange = { onChangeTab }
+                selected = { _focusedTab }
+                tabs = { tabs } />
+        );
+    }
+
+    if (_reducedUI) {
+        return null;
+    }
+
+    return (
+        _isOpen ? <div
+            className = { classes.container }
+            id = 'sideToolbarContainer'
+            onKeyDown = { onEscClick } >
+            <ChatHeader
+                className = { cx('chat-header', classes.chatHeader) }
+                isCCTabEnabled = { _isCCTabEnabled }
+                isPollsEnabled = { _isPollsEnabled }
+                onCancel = { onToggleChat } />
+            {_showNamePrompt
+                ? <DisplayNameForm
+                    isCCTabEnabled = { _isCCTabEnabled }
+                    isChatDisabled = { _isChatDisabled }
+                    isFileSharingEnabled = { _isFileSharingTabEnabled }
+                    isPollsEnabled = { _isPollsEnabled } />
+                : renderChat()}
+            <div
+                className = { cx(
+                    classes.dragHandleContainer,
+                    (isMouseDown || _isResizing) && 'visible',
+                    'dragHandleContainer'
+                ) }
+                onMouseDown = { onDragHandleMouseDown }>
+                <div className = { cx(classes.dragHandle, 'dragHandle') } />
+            </div>
+        </div> : null
+    );
+};
+
+/**
+ * Maps (parts of) the redux state to {@link Chat} React {@code Component}
+ * props.
+ *
+ * @param {Object} state - The redux store/state.
+ * @param {any} _ownProps - Components' own props.
+ * @private
+ * @returns {{
+ *     _isModal: boolean,
+ *     _isOpen: boolean,
+ *     _isPollsEnabled: boolean,
+ *     _isCCTabEnabled: boolean,
+ *     _focusedTab: string,
+ *     _messages: Array<Object>,
+ *     _unreadMessagesCount: number,
+ *     _unreadPollsCount: number,
+ *     _unreadFilesCount: number,
+ *     _showNamePrompt: boolean,
+ *     _width: number,
+ *     _isResizing: boolean
+ * }}
+ */
+function _mapStateToProps(state: IReduxState, _ownProps: any) {
+    const { isOpen, messages, unreadMessagesCount, unreadFilesCount, width, isResizing } = state['features/chat'];
+    const { unreadPollsCount } = state['features/polls'];
+    const _localParticipant = getLocalParticipant(state);
+    const { reducedUI } = state['features/base/responsive-ui'];
+
+    return {
+        _isModal: window.innerWidth <= SMALL_WIDTH_THRESHOLD,
+        _isOpen: isOpen,
+        _isPollsEnabled: !arePollsDisabled(state),
+        _isCCTabEnabled: isCCTabEnabled(state),
+        _isChatDisabled: isChatDisabled(state),
+        _isFileSharingTabEnabled: isFileSharingEnabled(state),
+        _focusedTab: getFocusedTab(state),
+        _messages: messages,
+        _reducedUI: reducedUI,
+        _unreadMessagesCount: unreadMessagesCount,
+        _unreadPollsCount: unreadPollsCount,
+        _unreadFilesCount: unreadFilesCount,
+        _showNamePrompt: !_localParticipant?.name,
+        _width: width?.current || CHAT_SIZE,
+        _isResizing: isResizing
+    };
+}
+
+export default translate(connect(_mapStateToProps)(Chat));
diff --git a/react/features/chat/components/web/ChatButton.tsx b/react/features/chat/components/web/ChatButton.tsx
new file mode 100644
index 0000000..84e31df
--- /dev/null
+++ b/react/features/chat/components/web/ChatButton.tsx
@@ -0,0 +1,100 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import { createToolbarEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { IReduxState } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { IconMessage } from '../../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import { closeOverflowMenuIfOpen } from '../../../toolbox/actions.web';
+import { toggleChat } from '../../actions.web';
+import { isChatDisabled } from '../../functions';
+
+import ChatCounter from './ChatCounter';
+
+/**
+ * The type of the React {@code Component} props of {@link ChatButton}.
+ */
+interface IProps extends AbstractButtonProps {
+
+    /**
+     * Whether or not the chat feature is currently displayed.
+     */
+    _chatOpen: boolean;
+}
+
+/**
+ * Implementation of a button for accessing chat pane.
+ */
+class ChatButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.openChat';
+    override toggledAccessibilityLabel = 'toolbar.accessibilityLabel.closeChat';
+    override icon = IconMessage;
+    override label = 'toolbar.openChat';
+    override toggledLabel = 'toolbar.closeChat';
+    override tooltip = 'toolbar.openChat';
+    override toggledTooltip = 'toolbar.closeChat';
+
+    /**
+     * Indicates whether this button is in toggled state or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    override _isToggled() {
+        return this.props._chatOpen;
+    }
+
+    /**
+     * Overrides AbstractButton's {@link Component#render()}.
+     *
+     * @override
+     * @protected
+     * @returns {boReact$Nodeolean}
+     */
+    override render() {
+        return (
+            <div
+                className = 'toolbar-button-with-badge'
+                key = 'chatcontainer'>
+                {super.render()}
+                <ChatCounter />
+            </div>
+        );
+    }
+
+    /**
+     * Handles clicking the button, and toggles the chat.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { dispatch } = this.props;
+
+        sendAnalytics(createToolbarEvent(
+            'toggle.chat',
+            {
+                enable: !this.props._chatOpen
+            }));
+        dispatch(closeOverflowMenuIfOpen());
+        dispatch(toggleChat());
+    }
+}
+
+/**
+ * Function that maps parts of Redux state tree into component props.
+ *
+ * @param {Object} state - Redux state.
+ * @returns {Object}
+ */
+const mapStateToProps = (state: IReduxState) => {
+    return {
+        _chatOpen: state['features/chat'].isOpen,
+        visible: !isChatDisabled(state)
+    };
+};
+
+export default translate(connect(mapStateToProps)(ChatButton));
diff --git a/react/features/chat/components/web/ChatCounter.tsx b/react/features/chat/components/web/ChatCounter.tsx
new file mode 100644
index 0000000..75e4c04
--- /dev/null
+++ b/react/features/chat/components/web/ChatCounter.tsx
@@ -0,0 +1,74 @@
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { getUnreadPollCount } from '../../../polls/functions';
+import { getUnreadCount, getUnreadFilesCount } from '../../functions';
+
+/**
+ * The type of the React {@code Component} props of {@link ChatCounter}.
+ */
+interface IProps {
+
+    /**
+     * The value of to display as a count.
+     */
+    _count: number;
+
+    /**
+     * True if the chat window should be rendered.
+     */
+    _isOpen: boolean;
+}
+
+/**
+ * Implements a React {@link Component} which displays a count of the number of
+ * unread chat messages.
+ *
+ * @augments Component
+ */
+class ChatCounter extends Component<IProps> {
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        return (
+            <span className = 'badge-round'>
+
+                <span>
+                    {
+                        !this.props._isOpen
+                        && (this.props._count || null)
+                    }
+                </span>
+            </span>
+        );
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated {@code ChatCounter}'s
+ * props.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {{
+ *     _count: number
+ * }}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const { isOpen } = state['features/chat'];
+
+    return {
+
+        _count: getUnreadCount(state) + getUnreadPollCount(state) + getUnreadFilesCount(state),
+        _isOpen: isOpen
+
+    };
+}
+
+export default connect(_mapStateToProps)(ChatCounter);
diff --git a/react/features/chat/components/web/ChatHeader.tsx b/react/features/chat/components/web/ChatHeader.tsx
new file mode 100644
index 0000000..7d6ce22
--- /dev/null
+++ b/react/features/chat/components/web/ChatHeader.tsx
@@ -0,0 +1,94 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+
+import Icon from '../../../base/icons/components/Icon';
+import { IconCloseLarge } from '../../../base/icons/svg';
+import { isFileSharingEnabled } from '../../../file-sharing/functions.any';
+import { toggleChat } from '../../actions.web';
+import { ChatTabs } from '../../constants';
+import { getFocusedTab, isChatDisabled } from '../../functions';
+
+interface IProps {
+
+    /**
+     * An optional class name.
+     */
+    className: string;
+
+    /**
+     * Whether CC tab is enabled or not.
+     */
+    isCCTabEnabled: boolean;
+
+    /**
+     * Whether the polls feature is enabled or not.
+     */
+    isPollsEnabled: boolean;
+
+    /**
+     * Function to be called when pressing the close button.
+     */
+    onCancel: Function;
+}
+
+/**
+ * Custom header of the {@code ChatDialog}.
+ *
+ * @returns {React$Element<any>}
+ */
+function ChatHeader({ className, isCCTabEnabled, isPollsEnabled }: IProps) {
+    const dispatch = useDispatch();
+    const { t } = useTranslation();
+    const _isChatDisabled = useSelector(isChatDisabled);
+    const focusedTab = useSelector(getFocusedTab);
+    const fileSharingTabEnabled = useSelector(isFileSharingEnabled);
+
+    const onCancel = useCallback(() => {
+        dispatch(toggleChat());
+    }, []);
+
+    const onKeyPressHandler = useCallback(e => {
+        if (onCancel && (e.key === ' ' || e.key === 'Enter')) {
+            e.preventDefault();
+            onCancel();
+        }
+    }, []);
+
+    let title = 'chat.title';
+
+    if (!_isChatDisabled && focusedTab === ChatTabs.CHAT) {
+        title = 'chat.tabs.chat';
+    } else if (isPollsEnabled && focusedTab === ChatTabs.POLLS) {
+        title = 'chat.tabs.polls';
+    } else if (isCCTabEnabled && focusedTab === ChatTabs.CLOSED_CAPTIONS) {
+        title = 'chat.tabs.closedCaptions';
+    } else if (fileSharingTabEnabled && focusedTab === ChatTabs.FILE_SHARING) {
+        title = 'chat.tabs.fileSharing';
+    } else {
+        // If the focused tab is not enabled, don't render the header.
+        // This should not happen in normal circumstances since Chat.tsx already checks
+        // if any tabs are available before rendering.
+        return null;
+    }
+
+    return (
+        <div
+            className = { className || 'chat-dialog-header' }>
+            <span
+                aria-level = { 1 }
+                role = 'heading'>
+                { t(title) }
+            </span>
+            <Icon
+                ariaLabel = { t('toolbar.closeChat') }
+                onClick = { onCancel }
+                onKeyPress = { onKeyPressHandler }
+                role = 'button'
+                src = { IconCloseLarge }
+                tabIndex = { 0 } />
+        </div>
+    );
+}
+
+export default ChatHeader;
diff --git a/react/features/chat/components/web/ChatInput.tsx b/react/features/chat/components/web/ChatInput.tsx
new file mode 100644
index 0000000..2b9398f
--- /dev/null
+++ b/react/features/chat/components/web/ChatInput.tsx
@@ -0,0 +1,356 @@
+import { Theme } from '@mui/material';
+import React, { Component, RefObject } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+import { withStyles } from 'tss-react/mui';
+
+import { IReduxState, IStore } from '../../../app/types';
+import { isMobileBrowser } from '../../../base/environment/utils';
+import { translate } from '../../../base/i18n/functions';
+import { IconFaceSmile, IconSend } from '../../../base/icons/svg';
+import Button from '../../../base/ui/components/web/Button';
+import Input from '../../../base/ui/components/web/Input';
+import { CHAT_SIZE } from '../../constants';
+import { areSmileysDisabled, isSendGroupChatDisabled } from '../../functions';
+
+import SmileysPanel from './SmileysPanel';
+
+
+const styles = (_theme: Theme, { _chatWidth }: IProps) => {
+    return {
+        smileysPanel: {
+            bottom: '100%',
+            boxSizing: 'border-box' as const,
+            backgroundColor: 'rgba(0, 0, 0, .6) !important',
+            height: 'auto',
+            display: 'flex' as const,
+            overflow: 'hidden',
+            position: 'absolute' as const,
+            width: `${_chatWidth - 32}px`,
+            marginBottom: '5px',
+            marginLeft: '-5px',
+            transition: 'max-height 0.3s',
+
+            '& #smileysContainer': {
+                backgroundColor: '#131519',
+                borderTop: '1px solid #A4B8D1'
+            }
+        },
+        chatDisabled: {
+            borderTop: `1px solid ${_theme.palette.ui02}`,
+            boxSizing: 'border-box' as const,
+            padding: _theme.spacing(4),
+            textAlign: 'center' as const,
+        }
+    };
+};
+
+/**
+ * The type of the React {@code Component} props of {@link ChatInput}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * Whether chat emoticons are disabled.
+     */
+    _areSmileysDisabled: boolean;
+
+
+    _chatWidth: number;
+
+    /**
+     * Whether sending group chat messages is disabled.
+     */
+    _isSendGroupChatDisabled: boolean;
+
+    /**
+     * The id of the message recipient, if any.
+     */
+    _privateMessageRecipientId?: string;
+
+    /**
+     * An object containing the CSS classes.
+     */
+    classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
+
+    /**
+     * Invoked to send chat messages.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Callback to invoke on message send.
+     */
+    onSend: Function;
+}
+
+/**
+ * The type of the React {@code Component} state of {@link ChatInput}.
+ */
+interface IState {
+
+    /**
+     * User provided nickname when the input text is provided in the view.
+     */
+    message: string;
+
+    /**
+     * Whether or not the smiley selector is visible.
+     */
+    showSmileysPanel: boolean;
+}
+
+/**
+ * Implements a React Component for drafting and submitting a chat message.
+ *
+ * @augments Component
+ */
+class ChatInput extends Component<IProps, IState> {
+    _textArea?: RefObject<HTMLTextAreaElement>;
+
+    override state = {
+        message: '',
+        showSmileysPanel: false
+    };
+
+    /**
+     * Initializes a new {@code ChatInput} instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._textArea = React.createRef<HTMLTextAreaElement>();
+
+        // Bind event handlers so they are only bound once for every instance.
+        this._onDetectSubmit = this._onDetectSubmit.bind(this);
+        this._onMessageChange = this._onMessageChange.bind(this);
+        this._onSmileySelect = this._onSmileySelect.bind(this);
+        this._onSubmitMessage = this._onSubmitMessage.bind(this);
+        this._toggleSmileysPanel = this._toggleSmileysPanel.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#componentDidMount()}.
+     *
+     * @inheritdoc
+     */
+    override componentDidMount() {
+        if (isMobileBrowser()) {
+            // Ensure textarea is not focused when opening chat on mobile browser.
+            this._textArea?.current && this._textArea.current.blur();
+        } else {
+            this._focus();
+        }
+    }
+
+    /**
+     * Implements {@code Component#componentDidUpdate}.
+     *
+     * @inheritdoc
+     */
+    override componentDidUpdate(prevProps: Readonly<IProps>) {
+        if (prevProps._privateMessageRecipientId !== this.props._privateMessageRecipientId) {
+            this._textArea?.current?.focus();
+        }
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const classes = withStyles.getClasses(this.props);
+        const hideInput = this.props._isSendGroupChatDisabled && !this.props._privateMessageRecipientId;
+
+        if (hideInput) {
+            return (
+                <div className = { classes.chatDisabled }>
+                    {this.props.t('chat.disabled')}
+                </div>
+            );
+        }
+
+        return (
+            <div className = { `chat-input-container${this.state.message.trim().length ? ' populated' : ''}` }>
+                <div id = 'chat-input' >
+                    {!this.props._areSmileysDisabled && this.state.showSmileysPanel && (
+                        <div
+                            className = 'smiley-input'>
+                            <div
+                                className = { classes.smileysPanel } >
+                                <SmileysPanel
+                                    onSmileySelect = { this._onSmileySelect } />
+                            </div>
+                        </div>
+                    )}
+                    <Input
+                        className = 'chat-input'
+                        icon = { this.props._areSmileysDisabled ? undefined : IconFaceSmile }
+                        iconClick = { this._toggleSmileysPanel }
+                        id = 'chat-input-messagebox'
+                        maxRows = { 5 }
+                        onChange = { this._onMessageChange }
+                        onKeyPress = { this._onDetectSubmit }
+                        placeholder = { this.props.t('chat.messagebox') }
+                        ref = { this._textArea }
+                        textarea = { true }
+                        value = { this.state.message } />
+                    <Button
+                        accessibilityLabel = { this.props.t('chat.sendButton') }
+                        disabled = { !this.state.message.trim() }
+                        icon = { IconSend }
+                        onClick = { this._onSubmitMessage }
+                        size = { isMobileBrowser() ? 'large' : 'medium' } />
+                </div>
+            </div>
+        );
+    }
+
+    /**
+     * Place cursor focus on this component's text area.
+     *
+     * @private
+     * @returns {void}
+     */
+    _focus() {
+        this._textArea?.current && this._textArea.current.focus();
+    }
+
+    /**
+     * Submits the message to the chat window.
+     *
+     * @returns {void}
+     */
+    _onSubmitMessage() {
+        const {
+            _isSendGroupChatDisabled,
+            _privateMessageRecipientId,
+            onSend
+        } = this.props;
+
+        if (_isSendGroupChatDisabled && !_privateMessageRecipientId) {
+            return;
+        }
+
+        const trimmed = this.state.message.trim();
+
+        if (trimmed) {
+            onSend(trimmed);
+
+            this.setState({ message: '' });
+
+            // Keep the textarea in focus when sending messages via submit button.
+            this._focus();
+
+            // Hide the Emojis box after submitting the message
+            this.setState({ showSmileysPanel: false });
+        }
+
+    }
+
+    /**
+     * Detects if enter has been pressed. If so, submit the message in the chat
+     * window.
+     *
+     * @param {string} event - Keyboard event.
+     * @private
+     * @returns {void}
+     */
+    _onDetectSubmit(event: any) {
+        // Composition events used to add accents to characters
+        // despite their absence from standard US keyboards,
+        // to build up logograms of many Asian languages
+        // from their base components or categories and so on.
+        if (event.isComposing || event.keyCode === 229) {
+            // keyCode 229 means that user pressed some button,
+            // but input method is still processing that.
+            // This is a standard behavior for some input methods
+            // like entering japanese or сhinese hieroglyphs.
+            return;
+        }
+
+        if (event.key === 'Enter'
+            && event.shiftKey === false
+            && event.ctrlKey === false) {
+            event.preventDefault();
+            event.stopPropagation();
+
+            this._onSubmitMessage();
+        }
+    }
+
+    /**
+     * Updates the known message the user is drafting.
+     *
+     * @param {string} value - Keyboard event.
+     * @private
+     * @returns {void}
+     */
+    _onMessageChange(value: string) {
+        this.setState({ message: value });
+    }
+
+    /**
+     * Appends a selected smileys to the chat message draft.
+     *
+     * @param {string} smileyText - The value of the smiley to append to the
+     * chat message.
+     * @private
+     * @returns {void}
+     */
+    _onSmileySelect(smileyText: string) {
+        if (smileyText) {
+            this.setState({
+                message: `${this.state.message} ${smileyText}`,
+                showSmileysPanel: false
+            });
+        } else {
+            this.setState({
+                showSmileysPanel: false
+            });
+        }
+
+        this._focus();
+    }
+
+    /**
+     * Callback invoked to hide or show the smileys selector.
+     *
+     * @private
+     * @returns {void}
+     */
+    _toggleSmileysPanel() {
+        if (this.state.showSmileysPanel) {
+            this._focus();
+        }
+        this.setState({ showSmileysPanel: !this.state.showSmileysPanel });
+    }
+}
+
+/**
+ * Function that maps parts of Redux state tree into component props.
+ *
+ * @param {Object} state - Redux state.
+ * @private
+ * @returns {{
+ *     _areSmileysDisabled: boolean
+ * }}
+ */
+const mapStateToProps = (state: IReduxState) => {
+    const { privateMessageRecipient, width } = state['features/chat'];
+    const isGroupChatDisabled = isSendGroupChatDisabled(state);
+
+    return {
+        _areSmileysDisabled: areSmileysDisabled(state),
+        _privateMessageRecipientId: privateMessageRecipient?.id,
+        _isSendGroupChatDisabled: isGroupChatDisabled,
+        _chatWidth: width.current ?? CHAT_SIZE,
+    };
+};
+
+export default translate(connect(mapStateToProps)(withStyles(ChatInput, styles)));
diff --git a/react/features/chat/components/web/ChatMessage.tsx b/react/features/chat/components/web/ChatMessage.tsx
new file mode 100644
index 0000000..2f2b776
--- /dev/null
+++ b/react/features/chat/components/web/ChatMessage.tsx
@@ -0,0 +1,478 @@
+import { Theme } from '@mui/material';
+import React, { useCallback, useMemo, useState } from 'react';
+import { connect } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { getParticipantById, getParticipantDisplayName, isPrivateChatEnabled } from '../../../base/participants/functions';
+import Popover from '../../../base/popover/components/Popover.web';
+import Message from '../../../base/react/components/web/Message';
+import { MESSAGE_TYPE_LOCAL } from '../../constants';
+import { getDisplayNameSuffix, getFormattedTimestamp, getMessageText, getPrivateNoticeMessage, isFileMessage } from '../../functions';
+import { IChatMessageProps } from '../../types';
+
+import FileMessage from './FileMessage';
+import MessageMenu from './MessageMenu';
+import ReactButton from './ReactButton';
+
+interface IProps extends IChatMessageProps {
+    className?: string;
+    enablePrivateChat?: boolean;
+    shouldDisplayMenuOnRight?: boolean;
+    state?: IReduxState;
+}
+
+const useStyles = makeStyles()((theme: Theme) => {
+    return {
+        chatMessageFooter: {
+            display: 'flex',
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            marginTop: theme.spacing(1)
+        },
+        chatMessageFooterLeft: {
+            display: 'flex',
+            flexGrow: 1,
+            overflow: 'hidden'
+        },
+        chatMessageWrapper: {
+            maxWidth: '100%'
+        },
+        chatMessage: {
+            display: 'inline-flex',
+            padding: '12px',
+            backgroundColor: theme.palette.ui02,
+            borderRadius: '4px 12px 12px 12px',
+            maxWidth: '100%',
+            marginTop: '4px',
+            boxSizing: 'border-box' as const,
+
+            '&.file': {
+                display: 'flex',
+                maxWidth: '100%',
+                minWidth: 0,
+
+                '& $replyWrapper': {
+                    width: '100%',
+                    minWidth: 0
+                },
+
+                '& $messageContent': {
+                    width: '100%',
+                    minWidth: 0
+                }
+            },
+
+            '&.privatemessage': {
+                backgroundColor: theme.palette.support05
+            },
+            '&.local': {
+                backgroundColor: theme.palette.ui04,
+                borderRadius: '12px 4px 12px 12px',
+
+                '&.privatemessage': {
+                    backgroundColor: theme.palette.support05
+                },
+                '&.local': {
+                    backgroundColor: theme.palette.ui04,
+                    borderRadius: '12px 4px 12px 12px',
+
+                    '&.privatemessage': {
+                        backgroundColor: theme.palette.support05
+                    }
+                },
+
+                '&.error': {
+                    backgroundColor: theme.palette.actionDanger,
+                    borderRadius: 0,
+                    fontWeight: 100
+                },
+
+                '&.lobbymessage': {
+                    backgroundColor: theme.palette.support05
+                }
+            },
+            '&.error': {
+                backgroundColor: theme.palette.actionDanger,
+                borderRadius: 0,
+                fontWeight: 100
+            },
+            '&.lobbymessage': {
+                backgroundColor: theme.palette.support05
+            }
+        },
+        sideBySideContainer: {
+            display: 'flex',
+            flexDirection: 'row',
+            justifyContent: 'left',
+            alignItems: 'center',
+            marginLeft: theme.spacing(1)
+        },
+        reactionBox: {
+            display: 'flex',
+            alignItems: 'center',
+            gap: theme.spacing(1),
+            backgroundColor: theme.palette.grey[800],
+            borderRadius: theme.shape.borderRadius,
+            padding: theme.spacing(0, 1),
+            cursor: 'pointer'
+        },
+        reactionCount: {
+            fontSize: '0.8rem',
+            color: theme.palette.grey[400]
+        },
+        replyButton: {
+            padding: '2px'
+        },
+        replyWrapper: {
+            display: 'flex',
+            flexDirection: 'row' as const,
+            alignItems: 'center',
+            maxWidth: '100%'
+        },
+        messageContent: {
+            maxWidth: '100%',
+            overflow: 'hidden'
+        },
+        optionsButtonContainer: {
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            gap: theme.spacing(1),
+            minWidth: '32px',
+            minHeight: '32px'
+        },
+        displayName: {
+            ...theme.typography.labelBold,
+            color: theme.palette.text02,
+            whiteSpace: 'nowrap',
+            textOverflow: 'ellipsis',
+            overflow: 'hidden',
+            marginBottom: theme.spacing(1),
+            maxWidth: '130px'
+        },
+        userMessage: {
+            ...theme.typography.bodyShortRegular,
+            color: theme.palette.text01,
+            whiteSpace: 'pre-wrap',
+            wordBreak: 'break-word'
+        },
+        privateMessageNotice: {
+            ...theme.typography.labelRegular,
+            color: theme.palette.text02,
+            marginTop: theme.spacing(1)
+        },
+        timestamp: {
+            ...theme.typography.labelRegular,
+            color: theme.palette.text03,
+            marginTop: theme.spacing(1),
+            marginLeft: theme.spacing(1),
+            whiteSpace: 'nowrap',
+            flexShrink: 0
+        },
+        reactionsPopover: {
+            padding: theme.spacing(2),
+            backgroundColor: theme.palette.ui03,
+            borderRadius: theme.shape.borderRadius,
+            maxWidth: '150px',
+            maxHeight: '400px',
+            overflowY: 'auto',
+            color: theme.palette.text01
+        },
+        reactionItem: {
+            display: 'flex',
+            alignItems: 'center',
+            marginBottom: theme.spacing(1),
+            gap: theme.spacing(1),
+            borderBottom: `1px solid ${theme.palette.common.white}`,
+            paddingBottom: theme.spacing(1),
+            '&:last-child': {
+                borderBottom: 'none',
+                paddingBottom: 0
+            }
+        },
+        participantList: {
+            marginLeft: theme.spacing(1),
+            fontSize: '0.8rem',
+            maxWidth: '120px'
+        },
+        participant: {
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap'
+        }
+    };
+});
+
+const ChatMessage = ({
+    className = '',
+    message,
+    state,
+    showDisplayName,
+    shouldDisplayMenuOnRight,
+    enablePrivateChat,
+    knocking,
+    t
+}: IProps) => {
+    const { classes, cx } = useStyles();
+    const [ isHovered, setIsHovered ] = useState(false);
+    const [ isReactionsOpen, setIsReactionsOpen ] = useState(false);
+
+    const handleMouseEnter = useCallback(() => {
+        setIsHovered(true);
+    }, []);
+
+    const handleMouseLeave = useCallback(() => {
+        setIsHovered(false);
+    }, []);
+
+    const handleReactionsOpen = useCallback(() => {
+        setIsReactionsOpen(true);
+    }, []);
+
+    const handleReactionsClose = useCallback(() => {
+        setIsReactionsOpen(false);
+    }, []);
+
+    /**
+     * Renders the display name of the sender.
+     *
+     * @returns {React$Element<*>}
+     */
+    function _renderDisplayName() {
+        const { displayName } = message;
+
+        return (
+            <div
+                aria-hidden = { true }
+                className = { cx('display-name', classes.displayName) }>
+                {`${displayName}${getDisplayNameSuffix(message)}`}
+            </div>
+        );
+    }
+
+    /**
+     * Renders the message privacy notice.
+     *
+     * @returns {React$Element<*>}
+     */
+    function _renderPrivateNotice() {
+        return (
+            <div className = { classes.privateMessageNotice }>
+                {getPrivateNoticeMessage(message)}
+            </div>
+        );
+    }
+
+    /**
+     * Renders the time at which the message was sent.
+     *
+     * @returns {React$Element<*>}
+     */
+    function _renderTimestamp() {
+        return (
+            <div className = { cx('timestamp', classes.timestamp) }>
+                <p>
+                    {getFormattedTimestamp(message)}
+                </p>
+            </div>
+        );
+    }
+
+    /**
+     * Renders the reactions for the message.
+     *
+     * @returns {React$Element<*>}
+     */
+    const renderReactions = useMemo(() => {
+        if (!message.reactions || message.reactions.size === 0) {
+            return null;
+        }
+
+        const reactionsArray = Array.from(message.reactions.entries())
+            .map(([ reaction, participants ]) => {
+                return { reaction,
+                    participants };
+            })
+            .sort((a, b) => b.participants.size - a.participants.size);
+
+        const totalReactions = reactionsArray.reduce((sum, { participants }) => sum + participants.size, 0);
+        const numReactionsDisplayed = 3;
+
+        const reactionsContent = (
+            <div className = { classes.reactionsPopover }>
+                {reactionsArray.map(({ reaction, participants }) => (
+                    <div
+                        className = { classes.reactionItem }
+                        key = { reaction }>
+                        <p>
+                            <span>{reaction}</span>
+                            <span>{participants.size}</span>
+                        </p>
+                        <div className = { classes.participantList }>
+                            {Array.from(participants).map(participantId => (
+                                <p
+                                    className = { classes.participant }
+                                    key = { participantId }>
+                                    {state && getParticipantDisplayName(state, participantId)}
+                                </p>
+                            ))}
+                        </div>
+                    </div>
+                ))}
+            </div>
+        );
+
+        return (
+            <Popover
+                content = { reactionsContent }
+                onPopoverClose = { handleReactionsClose }
+                onPopoverOpen = { handleReactionsOpen }
+                position = 'top'
+                trigger = 'hover'
+                visible = { isReactionsOpen }>
+                <div className = { classes.reactionBox }>
+                    {reactionsArray.slice(0, numReactionsDisplayed).map(({ reaction }, index) =>
+                        <p key = { index }>{reaction}</p>
+                    )}
+                    {reactionsArray.length > numReactionsDisplayed && (
+                        <p className = { classes.reactionCount }>
+                            +{totalReactions - numReactionsDisplayed}
+                        </p>
+                    )}
+                </div>
+            </Popover>
+        );
+    }, [ message?.reactions, isHovered, isReactionsOpen ]);
+
+    return (
+        <div
+            className = { cx(classes.chatMessageWrapper, className) }
+            id = { message.messageId }
+            onMouseEnter = { handleMouseEnter }
+            onMouseLeave = { handleMouseLeave }
+            tabIndex = { -1 }>
+            <div className = { classes.sideBySideContainer }>
+                {!shouldDisplayMenuOnRight && (
+                    <div className = { classes.optionsButtonContainer }>
+                        {isHovered && <MessageMenu
+                            displayName = { message.displayName }
+                            enablePrivateChat = { Boolean(enablePrivateChat) }
+                            isFileMessage = { isFileMessage(message) }
+                            isFromVisitor = { message.isFromVisitor }
+                            isLobbyMessage = { message.lobbyChat }
+                            message = { message.message }
+                            participantId = { message.participantId } />}
+                    </div>
+                )}
+                <div
+                    className = { cx(
+                        'chatmessage',
+                        classes.chatMessage,
+                        className,
+                        message.privateMessage && 'privatemessage',
+                        message.lobbyChat && !knocking && 'lobbymessage',
+                        isFileMessage(message) && 'file'
+                    ) }>
+                    <div className = { classes.replyWrapper }>
+                        <div className = { cx('messagecontent', classes.messageContent) }>
+                            {showDisplayName && _renderDisplayName()}
+                            <div className = { cx('usermessage', classes.userMessage) }>
+                                {isFileMessage(message) ? (
+                                    <FileMessage
+                                        message = { message }
+                                        screenReaderHelpText = { message.messageType === MESSAGE_TYPE_LOCAL
+                                            ? t<string>('chat.fileAccessibleTitleMe')
+                                            : t<string>('chat.fileAccessibleTitle', {
+                                                user: message.displayName
+                                            })
+                                        } />
+                                ) : (
+                                    <Message
+                                        screenReaderHelpText = { message.messageType === MESSAGE_TYPE_LOCAL
+                                            ? t<string>('chat.messageAccessibleTitleMe')
+                                            : t<string>('chat.messageAccessibleTitle', {
+                                                user: message.displayName
+                                            }) }
+                                        text = { getMessageText(message) } />
+                                )}
+                                {(message.privateMessage || (message.lobbyChat && !knocking))
+                                    && _renderPrivateNotice()}
+                                <div className = { classes.chatMessageFooter }>
+                                    <div className = { classes.chatMessageFooterLeft }>
+                                        {message.reactions && message.reactions.size > 0 && (
+                                            <>
+                                                {renderReactions}
+                                            </>
+                                        )}
+                                    </div>
+                                    {_renderTimestamp()}
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                {shouldDisplayMenuOnRight && (
+                    <div className = { classes.sideBySideContainer }>
+                        {!message.privateMessage && !message.lobbyChat
+                        && !message.isReaction && <div>
+                            <div className = { classes.optionsButtonContainer }>
+                                {isHovered && <ReactButton
+                                    messageId = { message.messageId }
+                                    receiverId = { '' } />}
+                            </div>
+                        </div>}
+                        <div>
+                            <div className = { classes.optionsButtonContainer }>
+                                {isHovered && <MessageMenu
+                                    displayName = { message.displayName }
+                                    enablePrivateChat = { Boolean(enablePrivateChat) }
+                                    isFileMessage = { isFileMessage(message) }
+                                    isFromVisitor = { message.isFromVisitor }
+                                    isLobbyMessage = { message.lobbyChat }
+                                    message = { message.message }
+                                    participantId = { message.participantId } />}
+                            </div>
+                        </div>
+                    </div>
+                )}
+            </div>
+        </div>
+    );
+};
+
+/**
+ * Maps part of the Redux store to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState, { message }: IProps) {
+    const { knocking } = state['features/lobby'];
+
+    const participant = getParticipantById(state, message.participantId);
+
+    // For visitor private messages, participant will be undefined but we should still allow private chat
+    // Create a visitor participant object for visitor messages to pass to isPrivateChatEnabled
+    const participantForCheck = message.isFromVisitor
+        ? { id: message.participantId, name: message.displayName, isVisitor: true as const }
+        : participant;
+
+    const enablePrivateChat = (!message.isFromVisitor || message.privateMessage)
+        && isPrivateChatEnabled(participantForCheck, state);
+
+    // Only the local messages appear on the right side of the chat therefore only for them the menu has to be on the
+    // left side.
+    const shouldDisplayMenuOnRight = message.messageType !== MESSAGE_TYPE_LOCAL;
+
+    return {
+        shouldDisplayMenuOnRight,
+        enablePrivateChat,
+        knocking,
+        state
+    };
+}
+
+export default translate(connect(_mapStateToProps)(ChatMessage));
diff --git a/react/features/chat/components/web/ChatMessageGroup.tsx b/react/features/chat/components/web/ChatMessageGroup.tsx
new file mode 100644
index 0000000..400c041
--- /dev/null
+++ b/react/features/chat/components/web/ChatMessageGroup.tsx
@@ -0,0 +1,85 @@
+import clsx from 'clsx';
+import React from 'react';
+import { makeStyles } from 'tss-react/mui';
+
+import Avatar from '../../../base/avatar/components/Avatar';
+import { IMessage } from '../../types';
+
+import ChatMessage from './ChatMessage';
+
+interface IProps {
+
+    /**
+     * Additional CSS classes to apply to the root element.
+     */
+    className: string;
+
+    /**
+     * The messages to display as a group.
+     */
+    messages: Array<IMessage>;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        messageGroup: {
+            display: 'flex',
+            flexDirection: 'column',
+            maxWidth: '100%',
+
+            '&.remote, &.file': {
+                maxWidth: 'calc(100% - 40px)' // 100% - avatar and margin
+            }
+        },
+
+        groupContainer: {
+            display: 'flex',
+
+            '&.local': {
+                justifyContent: 'flex-end',
+
+                '& .avatar': {
+                    display: 'none'
+                }
+            }
+        },
+
+        avatar: {
+            margin: `${theme.spacing(1)} ${theme.spacing(2)} ${theme.spacing(3)} 0`,
+            position: 'sticky',
+            flexShrink: 0,
+            top: 0
+        }
+    };
+});
+
+
+const ChatMessageGroup = ({ className = '', messages }: IProps) => {
+    const { classes } = useStyles();
+    const messagesLength = messages.length;
+
+    if (!messagesLength) {
+        return null;
+    }
+
+    return (
+        <div className = { clsx(classes.groupContainer, className) }>
+            <Avatar
+                className = { clsx(classes.avatar, 'avatar') }
+                participantId = { messages[0].participantId }
+                size = { 32 } />
+            <div className = { `${classes.messageGroup} chat-message-group ${className}` }>
+                {messages.map((message, i) => (
+                    <ChatMessage
+                        className = { className }
+                        key = { i }
+                        message = { message }
+                        showDisplayName = { i === 0 }
+                        showTimestamp = { i === messages.length - 1 } />
+                ))}
+            </div>
+        </div>
+    );
+};
+
+export default ChatMessageGroup;
diff --git a/react/features/chat/components/web/ChatPrivacyDialog.tsx b/react/features/chat/components/web/ChatPrivacyDialog.tsx
new file mode 100644
index 0000000..8c355c1
--- /dev/null
+++ b/react/features/chat/components/web/ChatPrivacyDialog.tsx
@@ -0,0 +1,34 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import { translate } from '../../../base/i18n/functions';
+import Dialog from '../../../base/ui/components/web/Dialog';
+import { AbstractChatPrivacyDialog, _mapDispatchToProps, _mapStateToProps } from '../AbstractChatPrivacyDialog';
+
+/**
+ * Implements a component for the dialog displayed to avoid mis-sending private messages.
+ */
+class ChatPrivacyDialog extends AbstractChatPrivacyDialog {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        return (
+            <Dialog
+                cancel = {{ translationKey: 'dialog.sendPrivateMessageCancel' }}
+                ok = {{ translationKey: 'dialog.sendPrivateMessageOk' }}
+                onCancel = { this._onSendGroupMessage }
+                onSubmit = { this._onSendPrivateMessage }
+                titleKey = 'dialog.sendPrivateMessageTitle'>
+                <div>
+                    { this.props.t('dialog.sendPrivateMessage') }
+                </div>
+            </Dialog>
+        );
+    }
+}
+
+export default translate(connect(_mapStateToProps, _mapDispatchToProps)(ChatPrivacyDialog));
diff --git a/react/features/chat/components/web/ClosedCaptionsTab.tsx b/react/features/chat/components/web/ClosedCaptionsTab.tsx
new file mode 100644
index 0000000..d4e4f1e
--- /dev/null
+++ b/react/features/chat/components/web/ClosedCaptionsTab.tsx
@@ -0,0 +1,193 @@
+import React, { useCallback, useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState } from '../../../app/types';
+import { openDialog } from '../../../base/dialog/actions';
+import Icon from '../../../base/icons/components/Icon';
+import { IconSubtitles } from '../../../base/icons/svg';
+import Button from '../../../base/ui/components/web/Button';
+import { groupMessagesBySender } from '../../../base/util/messageGrouping';
+import { StartRecordingDialog } from '../../../recording/components/Recording';
+import { setRequestingSubtitles } from '../../../subtitles/actions.any';
+import LanguageSelector from '../../../subtitles/components/web/LanguageSelector';
+import { canStartSubtitles } from '../../../subtitles/functions.any';
+import { ISubtitle } from '../../../subtitles/types';
+import { isTranscribing } from '../../../transcribing/functions';
+
+import { SubtitlesMessagesContainer } from './SubtitlesMessagesContainer';
+
+/**
+ * The styles for the ClosedCaptionsTab component.
+ */
+const useStyles = makeStyles()(theme => {
+    return {
+        subtitlesList: {
+            display: 'flex',
+            flexDirection: 'column',
+            height: '100%',
+            overflowY: 'auto',
+            padding: '16px',
+            flex: 1,
+            boxSizing: 'border-box',
+            color: theme.palette.text01
+        },
+        container: {
+            display: 'flex',
+            flexDirection: 'column',
+            height: '100%',
+            position: 'relative',
+            overflow: 'hidden'
+        },
+        messagesContainer: {
+            display: 'flex',
+            flexDirection: 'column',
+            flex: 1,
+            overflow: 'hidden'
+        },
+        emptyContent: {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            height: '100%',
+            padding: '16px',
+            boxSizing: 'border-box',
+            flexDirection: 'column',
+            gap: '16px',
+            color: theme.palette.text01,
+            textAlign: 'center'
+        },
+        emptyIcon: {
+            width: '100px',
+            padding: '16px',
+
+            '& svg': {
+                width: '100%',
+                height: 'auto'
+            }
+        },
+        emptyState: {
+            ...theme.typography.bodyLongBold,
+            color: theme.palette.text02
+        }
+    };
+});
+
+/**
+ * Component that displays the subtitles history in a scrollable list.
+ *
+ * @returns {JSX.Element} - The ClosedCaptionsTab component.
+ */
+export default function ClosedCaptionsTab() {
+    const { classes, theme } = useStyles();
+    const dispatch = useDispatch();
+    const { t } = useTranslation();
+    const subtitles = useSelector((state: IReduxState) => state['features/subtitles'].subtitlesHistory);
+    const language = useSelector((state: IReduxState) => state['features/subtitles']._language);
+    const selectedLanguage = language?.replace('translation-languages:', '');
+    const _isTranscribing = useSelector(isTranscribing);
+    const _canStartSubtitles = useSelector(canStartSubtitles);
+    const [ isButtonPressed, setButtonPressed ] = useState(false);
+    const subtitlesError = useSelector((state: IReduxState) => state['features/subtitles']._hasError);
+    const isAsyncTranscriptionEnabled = useSelector((state: IReduxState) =>
+        state['features/base/conference'].conference?.getMetadataHandler()?.getMetadata()?.asyncTranscription);
+
+    const filteredSubtitles = useMemo(() => {
+        // First, create a map of transcription messages by message ID
+        const transcriptionMessages = new Map(
+            subtitles
+                .filter(s => s.isTranscription)
+                .map(s => [ s.id, s ])
+        );
+
+        if (!selectedLanguage) {
+            // When no language is selected, show all original transcriptions
+            return Array.from(transcriptionMessages.values());
+        }
+
+        // Then, create a map of translation messages by message ID
+        const translationMessages = new Map(
+            subtitles
+                .filter(s => !s.isTranscription && s.language === selectedLanguage)
+                .map(s => [ s.id, s ])
+        );
+
+        // When a language is selected, for each transcription message:
+        // 1. Use its translation if available
+        // 2. Fall back to the original transcription if no translation exists
+        return Array.from(transcriptionMessages.values())
+            .filter((m: ISubtitle) => !m.interim)
+            .map(m => translationMessages.get(m.id) ?? m);
+    }, [ subtitles, selectedLanguage ]);
+
+    const groupedSubtitles = useMemo(() =>
+        groupMessagesBySender(filteredSubtitles), [ filteredSubtitles ]);
+
+    const startClosedCaptions = useCallback(() => {
+        if (isAsyncTranscriptionEnabled) {
+            dispatch(openDialog('StartRecordingDialog', StartRecordingDialog, {
+                recordAudioAndVideo: false
+            }));
+        } else {
+            if (isButtonPressed) {
+                return;
+            }
+            dispatch(setRequestingSubtitles(true, false, null));
+            setButtonPressed(true);
+        }
+
+    }, [ isAsyncTranscriptionEnabled, dispatch, isButtonPressed, openDialog, setButtonPressed ]);
+
+    if (subtitlesError && isButtonPressed && !isAsyncTranscriptionEnabled) {
+        setButtonPressed(false);
+    }
+
+    if (!_isTranscribing) {
+        if (_canStartSubtitles) {
+            return (
+                <div className = { classes.emptyContent }>
+                    <Button
+                        accessibilityLabel = 'Start Closed Captions'
+                        appearance = 'primary'
+                        disabled = { isButtonPressed }
+                        labelKey = 'closedCaptionsTab.startClosedCaptionsButton'
+                        onClick = { startClosedCaptions }
+                        size = 'large'
+                        type = 'primary' />
+                </div>
+            );
+        }
+
+        if (isButtonPressed && !isAsyncTranscriptionEnabled) {
+            setButtonPressed(false);
+        }
+
+        return (
+            <div className = { classes.emptyContent }>
+                <Icon
+                    className = { classes.emptyIcon }
+                    color = { theme.palette.icon03 }
+                    src = { IconSubtitles } />
+                <span className = { classes.emptyState }>
+                    { t('closedCaptionsTab.emptyState') }
+                </span>
+            </div>
+        );
+    }
+
+    if (isButtonPressed && !isAsyncTranscriptionEnabled) {
+        setButtonPressed(false);
+    }
+
+    return (
+        <div className = { classes.container }>
+            <LanguageSelector />
+            <div className = { classes.messagesContainer }>
+                <SubtitlesMessagesContainer
+                    groups = { groupedSubtitles }
+                    messages = { filteredSubtitles } />
+            </div>
+        </div>
+    );
+}
diff --git a/react/features/chat/components/web/DisplayNameForm.tsx b/react/features/chat/components/web/DisplayNameForm.tsx
new file mode 100644
index 0000000..0bdffb5
--- /dev/null
+++ b/react/features/chat/components/web/DisplayNameForm.tsx
@@ -0,0 +1,180 @@
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+
+import { IStore } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { updateSettings } from '../../../base/settings/actions';
+import Button from '../../../base/ui/components/web/Button';
+import Input from '../../../base/ui/components/web/Input';
+
+import KeyboardAvoider from './KeyboardAvoider';
+
+/**
+ * The type of the React {@code Component} props of {@DisplayNameForm}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * Invoked to set the local participant display name.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Whether CC tab is enabled or not.
+     */
+    isCCTabEnabled: boolean;
+
+    /**
+     * Whether chat is disabled.
+     */
+    isChatDisabled: boolean;
+
+    /**
+     * Whether file sharing is enabled.
+     */
+    isFileSharingEnabled: boolean;
+
+    /**
+     * Whether the polls feature is enabled or not.
+     */
+    isPollsEnabled: boolean;
+}
+
+/**
+ * The type of the React {@code Component} state of {@DisplayNameForm}.
+ */
+interface IState {
+
+    /**
+     * User provided display name when the input text is provided in the view.
+     */
+    displayName: string;
+}
+
+/**
+ * React Component for requesting the local participant to set a display name.
+ *
+ * @augments Component
+ */
+class DisplayNameForm extends Component<IProps, IState> {
+    override state = {
+        displayName: ''
+    };
+
+    /**
+     * Initializes a new {@code DisplayNameForm} instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handlers so they are only bound once for every instance.
+        this._onDisplayNameChange = this._onDisplayNameChange.bind(this);
+        this._onSubmit = this._onSubmit.bind(this);
+        this._onKeyPress = this._onKeyPress.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { isCCTabEnabled, isChatDisabled, isFileSharingEnabled, isPollsEnabled, t } = this.props;
+
+        // Build array of enabled feature names (translated).
+        const features = [
+            !isChatDisabled ? t('chat.nickname.featureChat') : '',
+            isPollsEnabled ? t('chat.nickname.featurePolls') : '',
+            isFileSharingEnabled ? t('chat.nickname.featureFileSharing') : '',
+            isCCTabEnabled ? t('chat.nickname.featureClosedCaptions') : ''
+        ].filter(Boolean);
+
+        // Return null if no features available - component won't render.
+        if (features.length === 0) {
+            return null;
+        }
+
+        // Build translation arguments dynamically: { feature1: "chat", feature2: "polls", ... }
+        const translationArgs = features.reduce((acc, feature, index) => {
+            acc[`feature${index + 1}`] = feature;
+
+            return acc;
+        }, {} as Record<string, string>);
+
+        // Use dynamic translation key: "titleWith1Features", "titleWith2Features", etc.
+        const title = t(`chat.nickname.titleWith${features.length}Features`, translationArgs);
+
+        return (
+            <div id = 'nickname'>
+                <form onSubmit = { this._onSubmit }>
+                    <Input
+                        accessibilityLabel = { t(title) }
+                        autoFocus = { true }
+                        id = 'nickinput'
+                        label = { t(title) }
+                        name = 'name'
+                        onChange = { this._onDisplayNameChange }
+                        placeholder = { t('chat.nickname.popover') }
+                        type = 'text'
+                        value = { this.state.displayName } />
+                </form>
+                <br />
+                <Button
+                    accessibilityLabel = { t('chat.enter') }
+                    disabled = { !this.state.displayName.trim() }
+                    fullWidth = { true }
+                    label = { t('chat.enter') }
+                    onClick = { this._onSubmit } />
+                <KeyboardAvoider />
+            </div>
+        );
+    }
+
+    /**
+     * Dispatches an action update the entered display name.
+     *
+     * @param {string} value - Keyboard event.
+     * @private
+     * @returns {void}
+     */
+    _onDisplayNameChange(value: string) {
+        this.setState({ displayName: value });
+    }
+
+    /**
+     * Dispatches an action to hit enter to change your display name.
+     *
+     * @param {event} event - Keyboard event
+     * that will check if user has pushed the enter key.
+     * @private
+     * @returns {void}
+     */
+    _onSubmit(event: any) {
+        event?.preventDefault?.();
+
+        // Store display name in settings
+        this.props.dispatch(updateSettings({
+            displayName: this.state.displayName
+        }));
+    }
+
+    /**
+     * KeyPress handler for accessibility.
+     *
+     * @param {Object} e - The key event to handle.
+     *
+     * @returns {void}
+     */
+    _onKeyPress(e: React.KeyboardEvent) {
+        if (e.key === ' ' || e.key === 'Enter') {
+            this._onSubmit(e);
+        }
+    }
+}
+
+export default translate(connect()(DisplayNameForm));
diff --git a/react/features/chat/components/web/EmojiSelector.tsx b/react/features/chat/components/web/EmojiSelector.tsx
new file mode 100644
index 0000000..82e4ff2
--- /dev/null
+++ b/react/features/chat/components/web/EmojiSelector.tsx
@@ -0,0 +1,60 @@
+import { Theme } from '@mui/material';
+import React, { useCallback } from 'react';
+import { makeStyles } from 'tss-react/mui';
+
+interface IProps {
+    onSelect: (emoji: string) => void;
+}
+
+const useStyles = makeStyles()((theme: Theme) => {
+    return {
+        emojiGrid: {
+            display: 'flex',
+            flexDirection: 'row',
+            borderRadius: '4px',
+            backgroundColor: theme.palette.ui03
+        },
+
+        emojiButton: {
+            cursor: 'pointer',
+            padding: '5px',
+            fontSize: '1.5em'
+        }
+    };
+});
+
+const EmojiSelector: React.FC<IProps> = ({ onSelect }) => {
+    const { classes } = useStyles();
+
+    const emojiMap: Record<string, string> = {
+        thumbsUp: '👍',
+        redHeart: '❤️',
+        faceWithTearsOfJoy: '😂',
+        faceWithOpenMouth: '😮',
+        fire: '🔥'
+    };
+    const emojiNames = Object.keys(emojiMap);
+
+    const handleSelect = useCallback(
+        (emoji: string) => (event: React.MouseEvent<HTMLSpanElement>) => {
+            event.preventDefault();
+            onSelect(emoji);
+        },
+        [ onSelect ]
+    );
+
+    return (
+        <div className = { classes.emojiGrid }>
+            {emojiNames.map(name => (
+                <span
+                    className = { classes.emojiButton }
+                    key = { name }
+                    onClick = { handleSelect(emojiMap[name]) }>
+                    {emojiMap[name]}
+                </span>
+            ))}
+        </div>
+    );
+};
+
+export default EmojiSelector;
diff --git a/react/features/chat/components/web/FileMessage.tsx b/react/features/chat/components/web/FileMessage.tsx
new file mode 100644
index 0000000..57a35cf
--- /dev/null
+++ b/react/features/chat/components/web/FileMessage.tsx
@@ -0,0 +1,143 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { downloadFile, removeFile } from '../../../file-sharing/actions';
+import FileItem from '../../../file-sharing/components/web/FileItem';
+import { isFileUploadingEnabled } from '../../../file-sharing/functions.any';
+import { IMessage } from '../../types';
+
+/**
+ * Props for the FileMessage component.
+ */
+interface IFileMessageProps {
+
+    /**
+     * Additional CSS class name.
+     */
+    className?: string;
+
+    /**
+     * The message containing file metadata.
+     */
+    message: IMessage;
+
+    /**
+     * Screen reader help text for accessibility.
+     */
+    screenReaderHelpText?: string;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        fileMessageContainer: {
+            margin: `${theme.spacing(1)} 0`,
+            maxWidth: '100%',
+            minWidth: 0,
+            padding: 0,
+            display: 'flex',
+            flexDirection: 'column',
+
+            // Override FileItem styles for compact chat display
+            '& .fileItem': {
+                padding: theme.spacing(2), // Reduced from 3 (24px → 16px)
+                gap: theme.spacing(2), // Reduced from 3
+
+                // Add background to button container to hide text underneath in chat context
+                '& > div:last-child': {
+                    backgroundColor: theme.palette.ui02,
+                    paddingLeft: theme.spacing(2)
+                },
+
+                '&:hover > div:last-child': {
+                    backgroundColor: theme.palette.ui03
+                }
+            },
+
+            '& .fileName': {
+                ...theme.typography.bodyShortRegular // Match message text font
+            },
+
+            '& .fileSize': {
+                ...theme.typography.labelRegular // Keep smaller for metadata
+            }
+        },
+        deletedFileMessage: {
+            ...theme.typography.bodyShortRegular,
+            fontStyle: 'italic',
+            color: theme.palette.text02,
+            padding: theme.spacing(1, 0)
+        }
+    };
+});
+
+/**
+ * Component for displaying file messages in chat.
+ *
+ * @param {IFileMessageProps} props - The component props.
+ * @returns {JSX.Element | null} The FileMessage component or null if no file metadata.
+ */
+const FileMessage = ({ className = '', message, screenReaderHelpText }: IFileMessageProps) => {
+    const { classes, cx } = useStyles();
+    const dispatch = useDispatch();
+    const { t } = useTranslation();
+    const isUploadEnabled = useSelector(isFileUploadingEnabled);
+
+    /**
+     * Handles the download action for a file.
+     *
+     * @param {string} fileId - The ID of the file to download.
+     * @returns {void}
+     */
+    const handleDownload = useCallback((fileId: string) => {
+        dispatch(downloadFile(fileId));
+    }, [ dispatch ]);
+
+    /**
+     * Handles the remove action for a file.
+     *
+     * @param {string} fileId - The ID of the file to remove.
+     * @returns {void}
+     */
+    const handleRemove = useCallback((fileId: string) => {
+        dispatch(removeFile(fileId));
+    }, [ dispatch ]);
+
+    if (!message.fileMetadata) {
+        return null;
+    }
+
+    // If the file has been deleted, show a deletion message instead of the file item.
+    if (message.fileMetadata.isDeleted) {
+        return (
+            <div className = { cx(classes.fileMessageContainer, className) }>
+                <div className = { classes.deletedFileMessage }>
+                    {t('chat.fileDeleted')}
+                </div>
+            </div>
+        );
+    }
+
+    return (
+        <div className = { cx(classes.fileMessageContainer, className) }>
+            {screenReaderHelpText && (
+                <span className = 'sr-only'>
+                    {screenReaderHelpText}
+                </span>
+            )}
+            <FileItem
+                actionsVisible = { true }
+                className = 'fileItem'
+                file = { message.fileMetadata }
+                iconSize = { 40 }
+                onDownload = { handleDownload }
+                onRemove = { handleRemove }
+                showAuthor = { false }
+                showRemoveButton = { isUploadEnabled }
+                showTimestamp = { false } />
+        </div>
+    );
+};
+
+export default FileMessage;
diff --git a/react/features/chat/components/web/GifMessage.tsx b/react/features/chat/components/web/GifMessage.tsx
new file mode 100644
index 0000000..0d6513e
--- /dev/null
+++ b/react/features/chat/components/web/GifMessage.tsx
@@ -0,0 +1,40 @@
+import React from 'react';
+import { makeStyles } from 'tss-react/mui';
+
+interface IProps {
+
+    /**
+     * URL of the GIF.
+     */
+    url: string;
+}
+
+const useStyles = makeStyles()(() => {
+    return {
+        container: {
+            display: 'flex',
+            justifyContent: 'center',
+            overflow: 'hidden',
+            maxHeight: '150px',
+
+            '& img': {
+                maxWidth: '100%',
+                maxHeight: '100%',
+                objectFit: 'contain',
+                flexGrow: 1
+            }
+        }
+    };
+});
+
+const GifMessage = ({ url }: IProps) => {
+    const { classes: styles } = useStyles();
+
+    return (<div className = { styles.container }>
+        <img
+            alt = { url }
+            src = { url } />
+    </div>);
+};
+
+export default GifMessage;
diff --git a/react/features/chat/components/web/KeyboardAvoider.tsx b/react/features/chat/components/web/KeyboardAvoider.tsx
new file mode 100644
index 0000000..5ce37ec
--- /dev/null
+++ b/react/features/chat/components/web/KeyboardAvoider.tsx
@@ -0,0 +1,54 @@
+import React, { useEffect, useState } from 'react';
+
+import { isIosMobileBrowser } from '../../../base/environment/utils';
+
+/**
+ * Component that renders an element to lift the chat input above the Safari keyboard,
+ * computing the appropriate height comparisons based on the {@code visualViewport}.
+ *
+ * @returns {ReactElement}
+ */
+function KeyboardAvoider() {
+    if (!isIosMobileBrowser()) {
+        return null;
+    }
+
+    const [ elementHeight, setElementHeight ] = useState(0);
+    const [ storedHeight, setStoredHeight ] = useState(window.innerHeight);
+
+    /**
+     * Handles the resizing of the visual viewport in order to compute
+     * the {@code KeyboardAvoider}'s height.
+     *
+     * @returns {void}
+     */
+    function handleViewportResize() {
+        const { innerWidth, visualViewport } = window;
+        const { width, height } = visualViewport ?? {};
+
+        // Compare the widths to make sure the {@code visualViewport} didn't resize due to zooming.
+        if (width === innerWidth) {
+            if (Number(height) < storedHeight) {
+                setElementHeight(storedHeight - Number(height));
+            } else {
+                setElementHeight(0);
+            }
+            setStoredHeight(Number(height));
+        }
+    }
+
+    useEffect(() => {
+        // Call the handler in case the keyboard is open when the {@code KeyboardAvoider} is mounted.
+        handleViewportResize();
+
+        window.visualViewport?.addEventListener('resize', handleViewportResize);
+
+        return () => {
+            window.visualViewport?.removeEventListener('resize', handleViewportResize);
+        };
+    }, []);
+
+    return <div style = {{ height: `${elementHeight}px` }} />;
+}
+
+export default KeyboardAvoider;
diff --git a/react/features/chat/components/web/MessageContainer.tsx b/react/features/chat/components/web/MessageContainer.tsx
new file mode 100644
index 0000000..26737a5
--- /dev/null
+++ b/react/features/chat/components/web/MessageContainer.tsx
@@ -0,0 +1,337 @@
+import { throttle } from 'lodash-es';
+import React, { Component, RefObject } from 'react';
+import { scrollIntoView } from 'seamless-scroll-polyfill';
+
+import { groupMessagesBySender } from '../../../base/util/messageGrouping';
+import { MESSAGE_TYPE_LOCAL, MESSAGE_TYPE_REMOTE } from '../../constants';
+import { IMessage } from '../../types';
+
+
+import ChatMessageGroup from './ChatMessageGroup';
+import NewMessagesButton from './NewMessagesButton';
+
+interface IProps {
+    messages: IMessage[];
+}
+
+interface IState {
+
+    /**
+     * Whether or not message container has received new messages.
+     */
+    hasNewMessages: boolean;
+
+    /**
+     * Whether or not scroll position is at the bottom of container.
+     */
+    isScrolledToBottom: boolean;
+
+    /**
+     * The id of the last read message.
+     */
+    lastReadMessageId: string | null;
+}
+
+/**
+ * Displays all received chat messages, grouped by sender.
+ *
+ * @augments Component
+ */
+export default class MessageContainer extends Component<IProps, IState> {
+    /**
+     * Component state used to decide when the hasNewMessages button to appear
+     * and where to scroll when click on hasNewMessages button.
+     */
+    override state: IState = {
+        hasNewMessages: false,
+        isScrolledToBottom: true,
+        lastReadMessageId: ''
+    };
+
+    /**
+     * Reference to the HTML element at the end of the list of displayed chat
+     * messages. Used for scrolling to the end of the chat messages.
+     */
+    _messagesListEndRef: RefObject<HTMLDivElement>;
+
+    /**
+     * A React ref to the HTML element containing all {@code ChatMessageGroup}
+     * instances.
+     */
+    _messageListRef: RefObject<HTMLDivElement>;
+
+    /**
+     * Intersection observer used to detect intersections of messages with the bottom of the message container.
+     */
+    _bottomListObserver: IntersectionObserver;
+
+    static defaultProps = {
+        messages: [] as IMessage[]
+    };
+
+    /**
+     * Initializes a new {@code MessageContainer} instance.
+     *
+     * @param {IProps} props - The React {@code Component} props to initialize
+     * the new {@code MessageContainer} instance with.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._messageListRef = React.createRef<HTMLDivElement>();
+        this._messagesListEndRef = React.createRef<HTMLDivElement>();
+
+        // Bind event handlers so they are only bound once for every instance.
+        this._handleIntersectBottomList = this._handleIntersectBottomList.bind(this);
+        this._findFirstUnreadMessage = this._findFirstUnreadMessage.bind(this);
+        this._isMessageVisible = this._isMessageVisible.bind(this);
+        this._onChatScroll = throttle(this._onChatScroll.bind(this), 300, { leading: true });
+        this._onGoToFirstUnreadMessage = this._onGoToFirstUnreadMessage.bind(this);
+    }
+
+    /**
+     * Implements {@code Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const groupedMessages = this._getMessagesGroupedBySender();
+        const content = groupedMessages.map((group, index) => {
+            const { messages } = group;
+            const messageType = messages[0]?.messageType;
+
+            return (
+                <ChatMessageGroup
+                    className = { messageType || MESSAGE_TYPE_REMOTE }
+                    key = { index }
+                    messages = { messages } />
+            );
+        });
+
+        return (
+            <div id = 'chat-conversation-container'>
+                <div
+                    aria-labelledby = 'chat-header'
+                    id = 'chatconversation'
+                    onScroll = { this._onChatScroll }
+                    ref = { this._messageListRef }
+                    role = 'log'
+                    tabIndex = { 0 }>
+                    { content }
+
+                    { !this.state.isScrolledToBottom && this.state.hasNewMessages
+                        && <NewMessagesButton
+                            onGoToFirstUnreadMessage = { this._onGoToFirstUnreadMessage } /> }
+                    <div
+                        id = 'messagesListEnd'
+                        ref = { this._messagesListEndRef } />
+                </div>
+            </div>
+        );
+    }
+
+
+    /**
+     * Implements {@code Component#componentDidMount}.
+     * When Component mount scroll message container to bottom.
+     * Create observer to react when scroll position is at bottom or leave the bottom.
+     *
+     * @inheritdoc
+     */
+    override componentDidMount() {
+        this.scrollToElement(false, null);
+        this._createBottomListObserver();
+    }
+
+    /**
+     * Implements {@code Component#componentDidUpdate}.
+     * If the user receive a new message or the local user send a new message,
+     * scroll automatically to the bottom if scroll position was at the bottom.
+     * Otherwise update hasNewMessages from component state.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidUpdate(prevProps: IProps) {
+        const newMessages = this.props.messages.filter(message => !prevProps.messages.includes(message));
+        const hasLocalMessage = newMessages.map(message => message.messageType).includes(MESSAGE_TYPE_LOCAL);
+
+        if (newMessages.length > 0) {
+            if (this.state.isScrolledToBottom || hasLocalMessage) {
+                this.scrollToElement(false, null);
+            } else {
+                // eslint-disable-next-line react/no-did-update-set-state
+                this.setState({ hasNewMessages: true });
+            }
+        }
+    }
+
+    /**
+     * Implements React's {@link Component#componentWillUnmount()}. Invoked
+     * immediately before this component is unmounted and destroyed.
+     *
+     * @inheritdoc
+     */
+    override componentWillUnmount() {
+        const target = document.querySelector('#messagesListEnd');
+
+        this._bottomListObserver.unobserve(target as Element);
+    }
+
+    /**
+     * Automatically scrolls the displayed chat messages to bottom or to a specific element if it is provided.
+     *
+     * @param {boolean} withAnimation - Whether or not to show a scrolling.
+     * @param {TMLElement} element - Where to scroll.
+     * Animation.
+     * @returns {void}
+     */
+    scrollToElement(withAnimation: boolean, element: Element | null) {
+        const scrollTo = element ? element : this._messagesListEndRef.current;
+        const block = element ? 'center' : 'nearest';
+
+        scrollIntoView(scrollTo as Element, {
+            behavior: withAnimation ? 'smooth' : 'auto',
+            block
+        });
+    }
+
+
+    /**
+     * Callback invoked to listen to current scroll position and update next unread message.
+     * The callback is invoked inside a throttle with 300 ms to decrease the number of function calls.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onChatScroll() {
+        const firstUnreadMessage = this._findFirstUnreadMessage();
+
+        if (firstUnreadMessage && firstUnreadMessage.id !== this.state.lastReadMessageId) {
+            this.setState({ lastReadMessageId: firstUnreadMessage?.id });
+        }
+    }
+
+    /**
+     * Find the first unread message.
+     * Update component state and scroll to element.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onGoToFirstUnreadMessage() {
+        const firstUnreadMessage = this._findFirstUnreadMessage();
+
+        this.setState({ lastReadMessageId: firstUnreadMessage?.id || null });
+        this.scrollToElement(true, firstUnreadMessage as Element);
+    }
+
+    /**
+    * Create observer to react when scroll position is at bottom or leave the bottom.
+    *
+    * @private
+    * @returns {void}
+    */
+    _createBottomListObserver() {
+        const options = {
+            root: document.querySelector('#chatconversation'),
+            rootMargin: '35px',
+            threshold: 0.5
+        };
+
+        const target = document.querySelector('#messagesListEnd');
+
+        if (target) {
+            this._bottomListObserver = new IntersectionObserver(this._handleIntersectBottomList, options);
+            this._bottomListObserver.observe(target);
+        }
+    }
+
+    /** .
+    * _HandleIntersectBottomList.
+    * When entry is intersecting with bottom of container set last message as last read message.
+    * When entry is not intersecting update only isScrolledToBottom with false value.
+    *
+    * @param {Array} entries - List of entries.
+    * @private
+    * @returns {void}
+    */
+    _handleIntersectBottomList(entries: IntersectionObserverEntry[]) {
+        entries.forEach((entry: IntersectionObserverEntry) => {
+            if (entry.isIntersecting && this.props.messages.length) {
+                const lastMessageIndex = this.props.messages.length - 1;
+                const lastMessage = this.props.messages[lastMessageIndex];
+                const lastReadMessageId = lastMessage.messageId;
+
+                this.setState(
+                    {
+                        isScrolledToBottom: true,
+                        hasNewMessages: false,
+                        lastReadMessageId
+                    });
+            }
+
+            if (!entry.isIntersecting) {
+                this.setState(
+                    {
+                        isScrolledToBottom: false
+                    });
+            }
+        });
+    }
+
+    /**
+    * Find first unread message.
+    * MessageIsAfterLastSeenMessage filter elements which are not visible but are before the last read message.
+    *
+    * @private
+    * @returns {Element}
+    */
+    _findFirstUnreadMessage() {
+        const messagesNodeList = document.querySelectorAll('.chatmessage-wrapper');
+
+        // @ts-ignore
+        const messagesToArray = [ ...messagesNodeList ];
+
+        const previousIndex = messagesToArray.findIndex((message: Element) =>
+            message.id === this.state.lastReadMessageId);
+
+        if (previousIndex !== -1) {
+            for (let i = previousIndex; i < messagesToArray.length; i++) {
+                if (!this._isMessageVisible(messagesToArray[i])) {
+                    return messagesToArray[i];
+                }
+            }
+        }
+    }
+
+    /**
+     * Check if a message is visible in view.
+     *
+     * @param {Element} message - The message.
+     *
+     * @returns {boolean}
+     */
+    _isMessageVisible(message: Element): boolean {
+        const { bottom, height, top } = message.getBoundingClientRect();
+
+        if (this._messageListRef.current) {
+            const containerRect = this._messageListRef.current.getBoundingClientRect();
+
+            return top <= containerRect.top
+                ? containerRect.top - top <= height : bottom - containerRect.bottom <= height;
+        }
+
+        return false;
+    }
+
+    /**
+     * Returns an array of message groups, where each group is an array of messages
+     * grouped by the sender.
+     *
+     * @returns {Array<Array<Object>>}
+     */
+    _getMessagesGroupedBySender() {
+        return groupMessagesBySender(this.props.messages);
+    }
+}
diff --git a/react/features/chat/components/web/MessageMenu.tsx b/react/features/chat/components/web/MessageMenu.tsx
new file mode 100644
index 0000000..3645718
--- /dev/null
+++ b/react/features/chat/components/web/MessageMenu.tsx
@@ -0,0 +1,188 @@
+import React, { useCallback, useRef, useState } from 'react';
+import ReactDOM from 'react-dom';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState } from '../../../app/types';
+import { IconDotsHorizontal } from '../../../base/icons/svg';
+import { getParticipantById } from '../../../base/participants/functions';
+import Popover from '../../../base/popover/components/Popover.web';
+import Button from '../../../base/ui/components/web/Button';
+import { BUTTON_TYPES } from '../../../base/ui/constants.any';
+import { copyText } from '../../../base/util/copyText.web';
+import { handleLobbyChatInitialized, openChat } from '../../actions.web';
+import logger from '../../logger';
+
+export interface IProps {
+    className?: string;
+    displayName?: string;
+    enablePrivateChat: boolean;
+    isFileMessage?: boolean;
+    isFromVisitor?: boolean;
+    isLobbyMessage: boolean;
+    message: string;
+    participantId: string;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        messageMenuButton: {
+            padding: '2px'
+        },
+        menuItem: {
+            padding: '8px 16px',
+            cursor: 'pointer',
+            color: 'white',
+            '&:hover': {
+                backgroundColor: theme.palette.action03
+            }
+        },
+        menuPanel: {
+            backgroundColor: theme.palette.ui03,
+            borderRadius: theme.shape.borderRadius,
+            boxShadow: theme.shadows[3],
+            overflow: 'hidden'
+        },
+        copiedMessage: {
+            position: 'fixed',
+            backgroundColor: theme.palette.ui03,
+            color: 'white',
+            padding: '4px 8px',
+            borderRadius: '4px',
+            fontSize: '0.75rem',
+            zIndex: 1000,
+            opacity: 0,
+            transition: 'opacity 0.3s ease-in-out',
+            pointerEvents: 'none'
+        },
+        showCopiedMessage: {
+            opacity: 1
+        }
+    };
+});
+
+const MessageMenu = ({ message, participantId, isFromVisitor, isLobbyMessage, enablePrivateChat, displayName, isFileMessage }: IProps) => {
+    const dispatch = useDispatch();
+    const { classes, cx } = useStyles();
+    const { t } = useTranslation();
+    const [ isPopoverOpen, setIsPopoverOpen ] = useState(false);
+    const [ showCopiedMessage, setShowCopiedMessage ] = useState(false);
+    const [ popupPosition, setPopupPosition ] = useState({ top: 0,
+        left: 0 });
+    const buttonRef = useRef<HTMLDivElement>(null);
+
+    const participant = useSelector((state: IReduxState) => getParticipantById(state, participantId));
+
+    // If no menu items will be shown, don't render the menu button.
+    if (!enablePrivateChat && isFileMessage) {
+        return null;
+    }
+
+    const handleMenuClick = useCallback(() => {
+        setIsPopoverOpen(true);
+    }, []);
+
+    const handleClose = useCallback(() => {
+        setIsPopoverOpen(false);
+    }, []);
+
+    const handlePrivateClick = useCallback(() => {
+        if (isLobbyMessage) {
+            dispatch(handleLobbyChatInitialized(participantId));
+        } else {
+            // For visitor messages, participant will be undefined but we can still open chat
+            // using the participantId which contains the visitor's original JID
+            if (isFromVisitor) {
+                // Handle visitor participant that doesn't exist in main participant list
+                const visitorParticipant = {
+                    id: participantId,
+                    name: displayName,
+                    isVisitor: true
+                };
+
+                dispatch(openChat(visitorParticipant));
+            } else {
+                dispatch(openChat(participant));
+            }
+        }
+        handleClose();
+    }, [ dispatch, isLobbyMessage, participant, participantId, displayName ]);
+
+    const handleCopyClick = useCallback(() => {
+        copyText(message)
+            .then(success => {
+                if (success) {
+                    if (buttonRef.current) {
+                        const rect = buttonRef.current.getBoundingClientRect();
+
+                        setPopupPosition({
+                            top: rect.top - 30,
+                            left: rect.left
+                        });
+                    }
+                    setShowCopiedMessage(true);
+                    setTimeout(() => {
+                        setShowCopiedMessage(false);
+                    }, 2000);
+                } else {
+                    logger.error('Failed to copy text');
+                }
+            })
+            .catch((error: Error) => {
+                logger.error('Error copying text', error);
+            });
+        handleClose();
+    }, [ message ]);
+
+    const popoverContent = (
+        <div className = { classes.menuPanel }>
+            {enablePrivateChat && (
+                <div
+                    className = { classes.menuItem }
+                    onClick = { handlePrivateClick }>
+                    {t('Private Message')}
+                </div>
+            )}
+            {!isFileMessage && (
+                <div
+                    className = { classes.menuItem }
+                    onClick = { handleCopyClick }>
+                    {t('Copy')}
+                </div>
+            )}
+        </div>
+    );
+
+    return (
+        <div>
+            <div ref = { buttonRef }>
+                <Popover
+                    content = { popoverContent }
+                    onPopoverClose = { handleClose }
+                    position = 'top'
+                    trigger = 'click'
+                    visible = { isPopoverOpen }>
+                    <Button
+                        accessibilityLabel = { t('toolbar.accessibilityLabel.moreOptions') }
+                        className = { classes.messageMenuButton }
+                        icon = { IconDotsHorizontal }
+                        onClick = { handleMenuClick }
+                        type = { BUTTON_TYPES.TERTIARY } />
+                </Popover>
+            </div>
+
+            {showCopiedMessage && ReactDOM.createPortal(
+                <div
+                    className = { cx(classes.copiedMessage, { [classes.showCopiedMessage]: showCopiedMessage }) }
+                    style = {{ top: `${popupPosition.top}px`,
+                        left: `${popupPosition.left}px` }}>
+                    {t('Message Copied')}
+                </div>,
+                document.body
+            )}
+        </div>
+    );
+};
+
+export default MessageMenu;
diff --git a/react/features/chat/components/web/MessageRecipient.tsx b/react/features/chat/components/web/MessageRecipient.tsx
new file mode 100644
index 0000000..0bf5f11
--- /dev/null
+++ b/react/features/chat/components/web/MessageRecipient.tsx
@@ -0,0 +1,99 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IconCloseLarge } from '../../../base/icons/svg';
+import Button from '../../../base/ui/components/web/Button';
+import { BUTTON_TYPES } from '../../../base/ui/constants.any';
+import {
+    IProps,
+    _mapDispatchToProps,
+    _mapStateToProps
+} from '../AbstractMessageRecipient';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        container: {
+            margin: '0 16px 8px',
+            padding: '6px',
+            paddingLeft: '16px',
+            display: 'flex',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            backgroundColor: theme.palette.support05,
+            borderRadius: theme.shape.borderRadius,
+            ...theme.typography.bodyShortRegular,
+            color: theme.palette.text01
+        },
+
+        text: {
+            maxWidth: 'calc(100% - 30px)',
+            overflow: 'hidden',
+            whiteSpace: 'break-spaces',
+            wordBreak: 'break-all'
+        },
+
+        iconButton: {
+            padding: '2px',
+
+            '&:hover': {
+                backgroundColor: theme.palette.action03
+            }
+        }
+    };
+});
+
+const MessageRecipient = ({
+    _privateMessageRecipient,
+    _isLobbyChatActive,
+    _isVisitor,
+    _lobbyMessageRecipient,
+    _onRemovePrivateMessageRecipient,
+    _onHideLobbyChatRecipient,
+    _visible
+}: IProps) => {
+    const { classes } = useStyles();
+    const { t } = useTranslation();
+
+    const _onKeyPress = useCallback((e: React.KeyboardEvent) => {
+        if (
+            (_onRemovePrivateMessageRecipient || _onHideLobbyChatRecipient)
+            && (e.key === ' ' || e.key === 'Enter')
+        ) {
+            e.preventDefault();
+            if (_isLobbyChatActive && _onHideLobbyChatRecipient) {
+                _onHideLobbyChatRecipient();
+            } else if (_onRemovePrivateMessageRecipient) {
+                _onRemovePrivateMessageRecipient();
+            }
+        }
+    }, [ _onRemovePrivateMessageRecipient, _onHideLobbyChatRecipient, _isLobbyChatActive ]);
+
+    if ((!_privateMessageRecipient && !_isLobbyChatActive) || !_visible) {
+        return null;
+    }
+
+    return (
+        <div
+            className = { classes.container }
+            id = 'chat-recipient'
+            role = 'alert'>
+            <span className = { classes.text }>
+                { _isLobbyChatActive
+                    ? t('chat.lobbyChatMessageTo', { recipient: _lobbyMessageRecipient })
+                    : t('chat.messageTo', { recipient: `${_privateMessageRecipient}${_isVisitor ? ` ${t('visitors.chatIndicator')}` : ''}` }) }
+            </span>
+            <Button
+                accessibilityLabel = { t('dialog.close') }
+                className = { classes.iconButton }
+                icon = { IconCloseLarge }
+                onClick = { _isLobbyChatActive
+                    ? _onHideLobbyChatRecipient : _onRemovePrivateMessageRecipient }
+                onKeyPress = { _onKeyPress }
+                type = { BUTTON_TYPES.TERTIARY } />
+        </div>
+    );
+};
+
+export default connect(_mapStateToProps, _mapDispatchToProps)(MessageRecipient);
diff --git a/react/features/chat/components/web/NewMessagesButton.tsx b/react/features/chat/components/web/NewMessagesButton.tsx
new file mode 100644
index 0000000..93f7186
--- /dev/null
+++ b/react/features/chat/components/web/NewMessagesButton.tsx
@@ -0,0 +1,89 @@
+import React from 'react';
+import { WithTranslation } from 'react-i18next';
+import { makeStyles } from 'tss-react/mui';
+
+import { translate } from '../../../base/i18n/functions';
+import Icon from '../../../base/icons/components/Icon';
+import { IconArrowDown } from '../../../base/icons/svg';
+import BaseTheme from '../../../base/ui/components/BaseTheme.web';
+
+export interface INewMessagesButtonProps extends WithTranslation {
+
+    /**
+     * Function to notify messageContainer when click on goToFirstUnreadMessage button.
+     */
+    onGoToFirstUnreadMessage: () => void;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        container: {
+            position: 'absolute',
+            left: 'calc(50% - 72px)',
+            bottom: '15px'
+        },
+
+        newMessagesButton: {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            height: '32px',
+            padding: '8px',
+            border: 'none',
+            borderRadius: theme.shape.borderRadius,
+            backgroundColor: theme.palette.action02,
+            boxShadow: '0px 3px 16px rgba(0, 0, 0, 0.6), 0px 0px 4px 1px rgba(0, 0, 0, 0.25)',
+
+            '&:hover': {
+                backgroundColor: theme.palette.action02Hover
+            },
+
+            '&:active': {
+                backgroundColor: theme.palette.action02Active
+            }
+        },
+
+        arrowDownIconContainer: {
+            height: '20px',
+            width: '20px',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center'
+        },
+
+        textContainer: {
+            ...theme.typography.bodyShortRegular,
+            color: theme.palette.text04,
+            paddingLeft: '8px'
+        }
+    };
+});
+
+/** NewMessagesButton.
+ *
+ * @param {Function} onGoToFirstUnreadMessage - Function for lifting up onClick event.
+ * @returns {JSX.Element}
+ */
+function NewMessagesButton({ onGoToFirstUnreadMessage, t }: INewMessagesButtonProps): JSX.Element {
+    const { classes: styles } = useStyles();
+
+    return (
+        <div
+            className = { styles.container }>
+            <button
+                aria-label = { t('chat.newMessages') }
+                className = { styles.newMessagesButton }
+                onClick = { onGoToFirstUnreadMessage }
+                type = 'button'>
+                <Icon
+                    className = { styles.arrowDownIconContainer }
+                    color = { BaseTheme.palette.icon04 }
+                    size = { 14 }
+                    src = { IconArrowDown } />
+                <div className = { styles.textContainer }> { t('chat.newMessages') }</div>
+            </button>
+        </div>
+    );
+}
+
+export default translate(NewMessagesButton);
diff --git a/react/features/chat/components/web/PrivateMessageButton.tsx b/react/features/chat/components/web/PrivateMessageButton.tsx
new file mode 100644
index 0000000..01a7213
--- /dev/null
+++ b/react/features/chat/components/web/PrivateMessageButton.tsx
@@ -0,0 +1,74 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState } from '../../../app/types';
+import { CHAT_ENABLED } from '../../../base/flags/constants';
+import { getFeatureFlag } from '../../../base/flags/functions';
+import { IconReply } from '../../../base/icons/svg';
+import { getParticipantById } from '../../../base/participants/functions';
+import Button from '../../../base/ui/components/web/Button';
+import { BUTTON_TYPES } from '../../../base/ui/constants.any';
+import { handleLobbyChatInitialized, openChat } from '../../actions.web';
+
+export interface IProps {
+
+    /**
+    * True if the message is a lobby chat message.
+    */
+    isLobbyMessage: boolean;
+
+    /**
+     * The ID of the participant that the message is to be sent.
+     */
+    participantID: string;
+
+    /**
+     * Whether the button should be visible or not.
+     */
+    visible?: boolean;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        replyButton: {
+            padding: '2px',
+
+            '&:hover': {
+                backgroundColor: theme.palette.action03
+            }
+        }
+    };
+});
+
+const PrivateMessageButton = ({ participantID, isLobbyMessage, visible }: IProps) => {
+    const { classes } = useStyles();
+    const dispatch = useDispatch();
+    const participant = useSelector((state: IReduxState) => getParticipantById(state, participantID));
+    const isVisible = useSelector((state: IReduxState) => getFeatureFlag(state, CHAT_ENABLED, true)) ?? visible;
+    const { t } = useTranslation();
+
+    const handleClick = useCallback(() => {
+        if (isLobbyMessage) {
+            dispatch(handleLobbyChatInitialized(participantID));
+        } else {
+            dispatch(openChat(participant));
+        }
+    }, []);
+
+    if (!isVisible) {
+        return null;
+    }
+
+    return (
+        <Button
+            accessibilityLabel = { t('toolbar.accessibilityLabel.privateMessage') }
+            className = { classes.replyButton }
+            icon = { IconReply }
+            onClick = { handleClick }
+            type = { BUTTON_TYPES.TERTIARY } />
+    );
+};
+
+export default PrivateMessageButton;
diff --git a/react/features/chat/components/web/ReactButton.tsx b/react/features/chat/components/web/ReactButton.tsx
new file mode 100644
index 0000000..d693392
--- /dev/null
+++ b/react/features/chat/components/web/ReactButton.tsx
@@ -0,0 +1,87 @@
+import { Theme } from '@mui/material';
+import React, { useCallback, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IconFaceSmile } from '../../../base/icons/svg';
+import Popover from '../../../base/popover/components/Popover.web';
+import Button from '../../../base/ui/components/web/Button';
+import { BUTTON_TYPES } from '../../../base/ui/constants.any';
+import { sendReaction } from '../../actions.any';
+
+import EmojiSelector from './EmojiSelector';
+
+interface IProps {
+    messageId: string;
+    receiverId: string;
+}
+
+const useStyles = makeStyles()((theme: Theme) => {
+    return {
+        reactButton: {
+            padding: '2px'
+        },
+        reactionPanelContainer: {
+            position: 'relative',
+            display: 'inline-block'
+        },
+        popoverContent: {
+            backgroundColor: theme.palette.background.paper,
+            borderRadius: theme.shape.borderRadius,
+            boxShadow: theme.shadows[3],
+            overflow: 'hidden'
+        }
+    };
+});
+
+const ReactButton = ({ messageId, receiverId }: IProps) => {
+    const { classes } = useStyles();
+    const dispatch = useDispatch();
+    const { t } = useTranslation();
+
+    const onSendReaction = useCallback(emoji => {
+        dispatch(sendReaction(emoji, messageId, receiverId));
+    }, [ dispatch, messageId, receiverId ]);
+
+    const [ isPopoverOpen, setIsPopoverOpen ] = useState(false);
+
+    const handleReactClick = useCallback(() => {
+        setIsPopoverOpen(true);
+    }, []);
+
+    const handleClose = useCallback(() => {
+        setIsPopoverOpen(false);
+    }, []);
+
+    const handleEmojiSelect = useCallback((emoji: string) => {
+        onSendReaction(emoji);
+        handleClose();
+    }, [ onSendReaction, handleClose ]);
+
+    const popoverContent = (
+        <div className = { classes.popoverContent }>
+            <EmojiSelector onSelect = { handleEmojiSelect } />
+        </div>
+    );
+
+    return (
+        <Popover
+            content = { popoverContent }
+            onPopoverClose = { handleClose }
+            position = 'top'
+            trigger = 'click'
+            visible = { isPopoverOpen }>
+            <div className = { classes.reactionPanelContainer }>
+                <Button
+                    accessibilityLabel = { t('toolbar.accessibilityLabel.react') }
+                    className = { classes.reactButton }
+                    icon = { IconFaceSmile }
+                    onClick = { handleReactClick }
+                    type = { BUTTON_TYPES.TERTIARY } />
+            </div>
+        </Popover>
+    );
+};
+
+export default ReactButton;
diff --git a/react/features/chat/components/web/SmileysPanel.tsx b/react/features/chat/components/web/SmileysPanel.tsx
new file mode 100644
index 0000000..5abd352
--- /dev/null
+++ b/react/features/chat/components/web/SmileysPanel.tsx
@@ -0,0 +1,120 @@
+import React, { PureComponent } from 'react';
+import Emoji from 'react-emoji-render';
+
+import Tooltip from '../../../base/tooltip/components/Tooltip';
+import { smileys } from '../../smileys';
+
+/**
+ * The type of the React {@code Component} props of {@link SmileysPanel}.
+ */
+interface IProps {
+
+    /**
+     * Callback to invoke when a smiley is selected. The smiley will be passed
+     * back.
+     */
+    onSmileySelect: Function;
+}
+
+/**
+ * Implements a React Component showing smileys that can be be shown in chat.
+ *
+ * @augments Component
+ */
+class SmileysPanel extends PureComponent<IProps> {
+    /**
+     * Initializes a new {@code SmileysPanel} instance.
+     *
+     * @param {*} props - The read-only properties with which the new instance
+     * is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handler so it is only bound once for every instance.
+        this._onClick = this._onClick.bind(this);
+        this._onKeyPress = this._onKeyPress.bind(this);
+        this._onEscKey = this._onEscKey.bind(this);
+    }
+
+    /**
+     * KeyPress handler for accessibility.
+     *
+     * @param {Object} e - The key event to handle.
+     *
+     * @returns {void}
+     */
+    _onEscKey(e: React.KeyboardEvent) {
+        // Escape handling does not work in onKeyPress
+        if (e.key === 'Escape') {
+            e.preventDefault();
+            e.stopPropagation();
+            this.props.onSmileySelect();
+        }
+    }
+
+    /**
+     * KeyPress handler for accessibility.
+     *
+     * @param {Object} e - The key event to handle.
+     *
+     * @returns {void}
+     */
+    _onKeyPress(e: React.KeyboardEvent<HTMLDivElement>) {
+        if (e.key === ' ' || e.key === 'Enter') {
+            e.preventDefault(); // @ts-ignore
+            this.props.onSmileySelect(e.target.id && smileys[e.target.id]);
+        }
+    }
+
+    /**
+     * Click handler for to select emoji.
+     *
+     * @param {Object} e - The key event to handle.
+     *
+     * @returns {void}
+     */
+    _onClick(e: React.MouseEvent) {
+        e.preventDefault();
+        this.props.onSmileySelect(e.currentTarget.id && smileys[e.currentTarget.id as keyof typeof smileys]);
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const smileyItems = Object.keys(smileys).map(smileyKey => (
+            <div
+                className = 'smileyContainer'
+                id = { smileyKey }
+                key = { smileyKey }
+                onClick = { this._onClick }
+                onKeyDown = { this._onEscKey }
+                onKeyPress = { this._onKeyPress }
+                role = 'option'
+                tabIndex = { 0 }>
+                <Tooltip content = { smileys[smileyKey as keyof typeof smileys] }>
+                    <Emoji
+                        onlyEmojiClassName = 'smiley'
+                        text = { smileys[smileyKey as keyof typeof smileys] } />
+                </Tooltip>
+            </div>
+        ));
+
+        return (
+            <div
+                aria-orientation = 'horizontal'
+                id = 'smileysContainer'
+                onKeyDown = { this._onEscKey }
+                role = 'listbox'
+                tabIndex = { -1 }>
+                { smileyItems }
+            </div>
+        );
+    }
+}
+
+export default SmileysPanel;
diff --git a/react/features/chat/components/web/SubtitleMessage.tsx b/react/features/chat/components/web/SubtitleMessage.tsx
new file mode 100644
index 0000000..85b1569
--- /dev/null
+++ b/react/features/chat/components/web/SubtitleMessage.tsx
@@ -0,0 +1,96 @@
+import React from 'react';
+import { useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { getParticipantDisplayName } from '../../../base/participants/functions';
+import { ISubtitle } from '../../../subtitles/types';
+
+/**
+ * Props for the SubtitleMessage component.
+ */
+interface IProps extends ISubtitle {
+
+    /**
+     * Whether to show the display name of the participant.
+     */
+    showDisplayName: boolean;
+}
+
+/**
+ * The styles for the SubtitleMessage component.
+ */
+const useStyles = makeStyles()(theme => {
+    return {
+        messageContainer: {
+            backgroundColor: theme.palette.ui02,
+            borderRadius: '4px 12px 12px 12px',
+            padding: '12px',
+            maxWidth: '100%',
+            marginTop: '4px',
+            boxSizing: 'border-box',
+            display: 'inline-flex'
+        },
+
+        messageContent: {
+            maxWidth: '100%',
+            overflow: 'hidden',
+            flex: 1
+        },
+
+        messageHeader: {
+            ...theme.typography.labelBold,
+            color: theme.palette.text02,
+            whiteSpace: 'nowrap',
+            textOverflow: 'ellipsis',
+            overflow: 'hidden',
+            marginBottom: theme.spacing(1),
+            maxWidth: '130px'
+        },
+
+        messageText: {
+            ...theme.typography.bodyShortRegular,
+            color: theme.palette.text01,
+            whiteSpace: 'pre-wrap',
+            wordBreak: 'break-word'
+        },
+
+        timestamp: {
+            ...theme.typography.labelRegular,
+            color: theme.palette.text03,
+            marginTop: theme.spacing(1)
+        },
+
+        interim: {
+            opacity: 0.7
+        }
+    };
+});
+
+/**
+ * Component that renders a single subtitle message with the participant's name,
+ * message content, and timestamp.
+ *
+ * @param {IProps} props - The component props.
+ * @returns {JSX.Element} - The rendered subtitle message.
+ */
+export default function SubtitleMessage({ participantId, text, timestamp, interim, showDisplayName }: IProps) {
+    const { classes } = useStyles();
+    const participantName = useSelector((state: any) =>
+        getParticipantDisplayName(state, participantId));
+
+    return (
+        <div className = { `${classes.messageContainer} ${interim ? classes.interim : ''}` }>
+            <div className = { classes.messageContent }>
+                {showDisplayName && (
+                    <div className = { classes.messageHeader }>
+                        {participantName}
+                    </div>
+                )}
+                <div className = { classes.messageText }>{text}</div>
+                <div className = { classes.timestamp }>
+                    {new Date(timestamp).toLocaleTimeString()}
+                </div>
+            </div>
+        </div>
+    );
+}
diff --git a/react/features/chat/components/web/SubtitlesGroup.tsx b/react/features/chat/components/web/SubtitlesGroup.tsx
new file mode 100644
index 0000000..5f4b28c
--- /dev/null
+++ b/react/features/chat/components/web/SubtitlesGroup.tsx
@@ -0,0 +1,76 @@
+import React from 'react';
+import { makeStyles } from 'tss-react/mui';
+
+import Avatar from '../../../base/avatar/components/Avatar';
+import { ISubtitle } from '../../../subtitles/types';
+
+import SubtitleMessage from './SubtitleMessage';
+
+/**
+ * Props for the SubtitlesGroup component.
+ */
+interface IProps {
+
+    /**
+     * Array of subtitle messages to be displayed in this group.
+     */
+    messages: ISubtitle[];
+
+    /**
+     * The ID of the participant who sent these subtitles.
+     */
+    senderId: string;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        groupContainer: {
+            display: 'flex',
+            marginBottom: theme.spacing(3)
+        },
+
+        avatar: {
+            marginRight: theme.spacing(2),
+            alignSelf: 'flex-start'
+        },
+
+        messagesContainer: {
+            display: 'flex',
+            flexDirection: 'column',
+            flex: 1,
+            maxWidth: 'calc(100% - 56px)', // 40px avatar + 16px margin
+            gap: theme.spacing(1)
+        }
+    };
+});
+
+/**
+ * Component that renders a group of subtitle messages from the same sender.
+ *
+ * @param {IProps} props - The props for the component.
+ * @returns {JSX.Element} - A React component rendering a group of subtitles.
+ */
+export function SubtitlesGroup({ messages, senderId }: IProps) {
+    const { classes } = useStyles();
+
+    if (!messages.length) {
+        return null;
+    }
+
+    return (
+        <div className = { classes.groupContainer }>
+            <Avatar
+                className = { classes.avatar }
+                participantId = { senderId }
+                size = { 32 } />
+            <div className = { classes.messagesContainer }>
+                {messages.map((message, index) => (
+                    <SubtitleMessage
+                        key = { `${message.timestamp}-${message.id}` }
+                        showDisplayName = { index === 0 }
+                        { ...message } />
+                ))}
+            </div>
+        </div>
+    );
+}
diff --git a/react/features/chat/components/web/SubtitlesMessagesContainer.tsx b/react/features/chat/components/web/SubtitlesMessagesContainer.tsx
new file mode 100644
index 0000000..35d8bbc
--- /dev/null
+++ b/react/features/chat/components/web/SubtitlesMessagesContainer.tsx
@@ -0,0 +1,154 @@
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { scrollIntoView } from 'seamless-scroll-polyfill';
+import { makeStyles } from 'tss-react/mui';
+
+import { ISubtitle } from '../../../subtitles/types';
+
+import NewMessagesButton from './NewMessagesButton';
+import { SubtitlesGroup } from './SubtitlesGroup';
+
+interface IProps {
+    groups: Array<{
+        messages: ISubtitle[];
+        senderId: string;
+    }>;
+    messages: ISubtitle[];
+}
+
+/**
+ * The padding value used for the message list.
+ *
+ * @constant {string}
+ */
+const MESSAGE_LIST_PADDING = '16px';
+
+const useStyles = makeStyles()(() => {
+    return {
+        container: {
+            flex: 1,
+            overflow: 'hidden',
+            position: 'relative',
+            height: '100%'
+        },
+        messagesList: {
+            height: '100%',
+            overflowY: 'auto',
+            padding: MESSAGE_LIST_PADDING,
+            boxSizing: 'border-box'
+        }
+    };
+});
+
+/**
+ * Component that handles the display and scrolling behavior of subtitles messages.
+ * It provides auto-scrolling for new messages and a button to jump to new messages
+ * when the user has scrolled up.
+ *
+ * @returns {JSX.Element} - A React component displaying subtitles messages with scroll functionality.
+ */
+export function SubtitlesMessagesContainer({ messages, groups }: IProps) {
+    const { classes } = useStyles();
+    const [ hasNewMessages, setHasNewMessages ] = useState(false);
+    const [ isScrolledToBottom, setIsScrolledToBottom ] = useState(true);
+    const [ observer, setObserver ] = useState<IntersectionObserver | null>(null);
+    const messagesEndRef = useRef<HTMLDivElement>(null);
+
+    const scrollToElement = useCallback((withAnimation: boolean, element: Element | null) => {
+        const scrollTo = element ? element : messagesEndRef.current;
+        const block = element ? 'end' : 'nearest';
+
+        scrollIntoView(scrollTo as Element, {
+            behavior: withAnimation ? 'smooth' : 'auto',
+            block
+        });
+    }, [ messagesEndRef.current ]);
+
+    const handleNewMessagesClick = useCallback(() => {
+        scrollToElement(true, null);
+    }, [ scrollToElement ]);
+
+    const handleIntersectBottomList = (entries: IntersectionObserverEntry[]) => {
+        entries.forEach((entry: IntersectionObserverEntry) => {
+            if (entry.isIntersecting) {
+                setIsScrolledToBottom(true);
+                setHasNewMessages(false);
+            }
+
+            if (!entry.isIntersecting) {
+                setIsScrolledToBottom(false);
+            }
+        });
+    };
+
+    const createBottomListObserver = () => {
+        const target = document.querySelector('#subtitles-messages-end');
+
+        if (target) {
+            const newObserver = new IntersectionObserver(
+                handleIntersectBottomList, {
+                    root: document.querySelector('#subtitles-messages-list'),
+                    rootMargin: MESSAGE_LIST_PADDING,
+                    threshold: 1
+                });
+
+            setObserver(newObserver);
+            newObserver.observe(target);
+        }
+    };
+
+    useEffect(() => {
+        scrollToElement(false, null);
+        createBottomListObserver();
+
+        return () => {
+            if (observer) {
+                observer.disconnect();
+                setObserver(null);
+            }
+        };
+    }, []);
+
+    const previousMessages = useRef(messages);
+
+    useEffect(() => {
+        const newMessages = messages.filter(message => !previousMessages.current.includes(message));
+
+        if (newMessages.length > 0) {
+            if (isScrolledToBottom) {
+                scrollToElement(false, null);
+            } else {
+                setHasNewMessages(true);
+            }
+        }
+
+        previousMessages.current = messages;
+    },
+
+    // isScrolledToBottom is not a dependency because we neither need to show the new messages button neither scroll to the
+    // bottom when the user has scrolled up.
+    [ messages, scrollToElement ]);
+
+    return (
+        <div
+            className = { classes.container }
+            id = 'subtitles-messages-container'>
+            <div
+                className = { classes.messagesList }
+                id = 'subtitles-messages-list'>
+                {groups.map(group => (
+                    <SubtitlesGroup
+                        key = { `${group.senderId}-${group.messages[0].timestamp}` }
+                        messages = { group.messages }
+                        senderId = { group.senderId } />
+                ))}
+                { !isScrolledToBottom && hasNewMessages && (
+                    <NewMessagesButton
+                        onGoToFirstUnreadMessage = { handleNewMessagesClick } />
+                )}
+                <div
+                    id = 'subtitles-messages-end'
+                    ref = { messagesEndRef } />
+            </div>
+        </div>
+    );
+}
diff --git a/react/features/chat/constants.ts b/react/features/chat/constants.ts
new file mode 100644
index 0000000..f1285c0
--- /dev/null
+++ b/react/features/chat/constants.ts
@@ -0,0 +1,59 @@
+/**
+ * Maximum number of characters allowed.
+ */
+export const CHAR_LIMIT = 500;
+
+/**
+ * The initial size of the chat.
+ */
+export const CHAT_SIZE = 315;
+
+/**
+ * The audio ID of the audio element for which the {@link playAudio} action is
+ * triggered when new chat message is received.
+ *
+ * @type {string}
+ */
+export const INCOMING_MSG_SOUND_ID = 'INCOMING_MSG_SOUND';
+
+/**
+ * The {@code messageType} of error (system) messages.
+ */
+export const MESSAGE_TYPE_ERROR = 'error';
+
+/**
+ * The {@code messageType} of local messages.
+ */
+export const MESSAGE_TYPE_LOCAL = 'local';
+
+/**
+ * The {@code messageType} of remote messages.
+ */
+export const MESSAGE_TYPE_REMOTE = 'remote';
+
+export const SMALL_WIDTH_THRESHOLD = 580;
+
+
+/**
+ * Lobby message type.
+ */
+export const LOBBY_CHAT_MESSAGE = 'LOBBY_CHAT_MESSAGE';
+
+export enum ChatTabs {
+    CHAT = 'chat-tab',
+    CLOSED_CAPTIONS = 'cc-tab',
+    FILE_SHARING = 'file_sharing-tab',
+    POLLS = 'polls-tab'
+}
+
+/**
+ * Formatter string to display the message timestamp.
+ */
+export const TIMESTAMP_FORMAT = 'H:mm';
+
+/**
+ * The namespace for system messages.
+ */
+export const MESSAGE_TYPE_SYSTEM = 'system_chat_message';
+
+export const OPTION_GROUPCHAT = 'groupchat';
diff --git a/react/features/chat/functions.ts b/react/features/chat/functions.ts
new file mode 100644
index 0000000..f214a84
--- /dev/null
+++ b/react/features/chat/functions.ts
@@ -0,0 +1,355 @@
+// @ts-expect-error
+import aliases from 'react-emoji-render/data/aliases';
+// eslint-disable-next-line lines-around-comment
+// @ts-expect-error
+import emojiAsciiAliases from 'react-emoji-render/data/asciiAliases';
+
+import { IReduxState } from '../app/types';
+import { getLocalizedDateFormatter } from '../base/i18n/dateUtil';
+import i18next from '../base/i18n/i18next';
+import { MEET_FEATURES } from '../base/jwt/constants';
+import { isJwtFeatureEnabled } from '../base/jwt/functions';
+import { getParticipantById, isPrivateChatEnabled } from '../base/participants/functions';
+import { IParticipant } from '../base/participants/types';
+import { escapeRegexp } from '../base/util/helpers';
+import { arePollsDisabled } from '../conference/functions.any';
+import { isFileSharingEnabled } from '../file-sharing/functions.any';
+import { getParticipantsPaneWidth } from '../participants-pane/functions';
+import { isCCTabEnabled } from '../subtitles/functions.any';
+import { VIDEO_SPACE_MIN_SIZE } from '../video-layout/constants';
+import { IVisitorChatParticipant } from '../visitors/types';
+
+import { ChatTabs, MESSAGE_TYPE_ERROR, MESSAGE_TYPE_LOCAL, TIMESTAMP_FORMAT } from './constants';
+import { IMessage } from './types';
+
+/**
+ * An ASCII emoticon regexp array to find and replace old-style ASCII
+ * emoticons (such as :O) with the new Unicode representation, so that
+ * devices and browsers that support them can render these natively
+ * without a 3rd party component.
+ *
+ * NOTE: this is currently only used on mobile, but it can be used
+ * on web too once we drop support for browsers that don't support
+ * unicode emoji rendering.
+ */
+const ASCII_EMOTICON_REGEXP_ARRAY: Array<[RegExp, string]> = [];
+
+/**
+ * An emoji regexp array to find and replace alias emoticons
+ * (such as :smiley:) with the new Unicode representation, so that
+ * devices and browsers that support them can render these natively
+ * without a 3rd party component.
+ *
+ * NOTE: this is currently only used on mobile, but it can be used
+ * on web too once we drop support for browsers that don't support
+ * unicode emoji rendering.
+ */
+const SLACK_EMOJI_REGEXP_ARRAY: Array<[RegExp, string]> = [];
+
+(function() {
+    for (const [ key, value ] of Object.entries(aliases)) {
+
+        // Add ASCII emoticons
+        const asciiEmoticons = emojiAsciiAliases[key];
+
+        if (asciiEmoticons) {
+            const asciiEscapedValues = asciiEmoticons.map((v: string) => escapeRegexp(v));
+
+            const asciiRegexp = `(${asciiEscapedValues.join('|')})`;
+
+            // Escape urls
+            const formattedAsciiRegexp = key === 'confused'
+                ? `(?=(${asciiRegexp}))(:(?!//).)`
+                : asciiRegexp;
+
+            ASCII_EMOTICON_REGEXP_ARRAY.push([ new RegExp(formattedAsciiRegexp, 'g'), value as string ]);
+        }
+
+        // Add slack-type emojis
+        const emojiRegexp = `\\B(${escapeRegexp(`:${key}:`)})\\B`;
+
+        SLACK_EMOJI_REGEXP_ARRAY.push([ new RegExp(emojiRegexp, 'g'), value as string ]);
+    }
+})();
+
+/**
+ * Replaces ASCII and other non-unicode emoticons with unicode emojis to let the emojis be rendered
+ * by the platform native renderer.
+ *
+ * @param {string} message - The message to parse and replace.
+ * @returns {string}
+ */
+export function replaceNonUnicodeEmojis(message: string): string {
+    let replacedMessage = message;
+
+    for (const [ regexp, replaceValue ] of SLACK_EMOJI_REGEXP_ARRAY) {
+        replacedMessage = replacedMessage.replace(regexp, replaceValue);
+    }
+
+    for (const [ regexp, replaceValue ] of ASCII_EMOTICON_REGEXP_ARRAY) {
+        replacedMessage = replacedMessage.replace(regexp, replaceValue);
+    }
+
+    return replacedMessage;
+}
+
+/**
+ * Selector for calculating the number of unread chat messages.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @returns {number} The number of unread messages.
+ */
+export function getUnreadCount(state: IReduxState) {
+    const { lastReadMessage, messages } = state['features/chat'];
+    const messagesCount = messages.length;
+
+    if (!messagesCount) {
+        return 0;
+    }
+
+    let reactionMessages = 0;
+    let lastReadIndex: number;
+
+    if (navigator.product === 'ReactNative') {
+        // React native stores the messages in a reversed order.
+        lastReadIndex = messages.indexOf(<IMessage>lastReadMessage);
+
+        for (let i = 0; i < lastReadIndex; i++) {
+            if (messages[i].isReaction) {
+                reactionMessages++;
+            }
+        }
+
+        return lastReadIndex - reactionMessages;
+    }
+
+    lastReadIndex = messages.lastIndexOf(<IMessage>lastReadMessage);
+
+    for (let i = lastReadIndex + 1; i < messagesCount; i++) {
+        if (messages[i].isReaction) {
+            reactionMessages++;
+        }
+    }
+
+    return messagesCount - (lastReadIndex + 1) - reactionMessages;
+}
+
+/**
+ * Gets the unread files count.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @returns {number} The number of unread files.
+ */
+export function getUnreadFilesCount(state: IReduxState): number {
+    return state['features/chat']?.unreadFilesCount || 0;
+}
+
+/**
+ * Get whether the chat smileys are disabled or not.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @returns {boolean} The disabled flag.
+ */
+export function areSmileysDisabled(state: IReduxState) {
+    const disableChatSmileys = state['features/base/config']?.disableChatSmileys === true;
+
+    return disableChatSmileys;
+}
+
+/**
+ * Returns whether the chat feature is disabled.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @returns {boolean} True if chat is disabled, false otherwise.
+ */
+export function isChatDisabled(state: IReduxState): boolean {
+    return Boolean(state['features/base/config']?.disableChat);
+}
+
+/**
+ * Gets the default focused tab based on what features are enabled.
+ * Returns the first available tab in priority order: CHAT -> POLLS -> FILE_SHARING -> CLOSED_CAPTIONS.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @returns {ChatTabs | undefined} The default focused tab.
+ */
+export function getDefaultFocusedTab(state: IReduxState): ChatTabs | undefined {
+    if (!isChatDisabled(state)) {
+        return ChatTabs.CHAT;
+    }
+
+    if (!arePollsDisabled(state)) {
+        return ChatTabs.POLLS;
+    }
+
+    if (isFileSharingEnabled(state)) {
+        return ChatTabs.FILE_SHARING;
+    }
+
+    if (isCCTabEnabled(state)) {
+        return ChatTabs.CLOSED_CAPTIONS;
+    }
+
+    return undefined;
+}
+
+/**
+ * Returns the currently focused tab or the default focused tab if none is set.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @returns {ChatTabs | undefined} The focused tab or undefined if no tabs are available.
+ */
+export function getFocusedTab(state: IReduxState): ChatTabs | undefined {
+    return state['features/chat'].focusedTab || getDefaultFocusedTab(state);
+}
+
+/**
+ * Returns the timestamp to display for the message.
+ *
+ * @param {IMessage} message - The message from which to get the timestamp.
+ * @returns {string}
+ */
+export function getFormattedTimestamp(message: IMessage) {
+    return getLocalizedDateFormatter(new Date(message.timestamp))
+        .format(TIMESTAMP_FORMAT);
+}
+
+/**
+ * Generates the message text to be rendered in the component.
+ *
+ * @param {IMessage} message - The message from which to get the text.
+ * @returns {string}
+ */
+export function getMessageText(message: IMessage) {
+    return message.messageType === MESSAGE_TYPE_ERROR
+        ? i18next.t('chat.error', {
+            error: message.message
+        })
+        : message.message;
+}
+
+
+/**
+ * Returns whether a message can be replied to.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @param {IMessage} message - The message to be checked.
+ * @returns {boolean}
+ */
+export function getCanReplyToMessage(state: IReduxState, message: IMessage) {
+    const { knocking } = state['features/lobby'];
+    const participant = getParticipantById(state, message.participantId);
+
+    // Check if basic reply conditions are met
+    const basicCanReply = (Boolean(participant) || message.isFromVisitor)
+        && (message.privateMessage || (message.lobbyChat && !knocking))
+        && message.messageType !== MESSAGE_TYPE_LOCAL;
+
+    if (!basicCanReply) {
+        return false;
+    }
+
+    // Check private chat configuration for visitor messages
+    if (message.isFromVisitor) {
+        const visitorParticipant = { id: message.participantId, name: message.displayName, isVisitor: true as const };
+
+        return isPrivateChatEnabled(visitorParticipant, state);
+    }
+
+    // For non-visitor messages, use the regular participant
+    return isPrivateChatEnabled(participant, state);
+}
+
+/**
+ * Returns the message that is displayed as a notice for private messages.
+ *
+ * @param {IMessage} message - The message to be checked.
+ * @returns {string}
+ */
+export function getPrivateNoticeMessage(message: IMessage) {
+    let recipient;
+
+    if (message.messageType === MESSAGE_TYPE_LOCAL) {
+        // For messages sent by local user, show the recipient name
+        // For visitor messages, use the visitor's display name with indicator
+        recipient = message.sentToVisitor ? `${message.recipient} ${i18next.t('visitors.chatIndicator')}` : message.recipient;
+    } else {
+        // For messages received from others, show "you"
+        recipient = i18next.t('chat.you');
+    }
+
+    return i18next.t('chat.privateNotice', {
+        recipient
+    });
+}
+
+
+/**
+ * Check if participant is not allowed to send group messages.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @returns {boolean} - Returns true if the participant is not allowed to send group messages.
+ */
+export function isSendGroupChatDisabled(state: IReduxState) {
+    const { groupChatRequiresPermission } = state['features/dynamic-branding'];
+
+    if (!groupChatRequiresPermission) {
+        return false;
+    }
+
+    return !isJwtFeatureEnabled(state, MEET_FEATURES.SEND_GROUPCHAT, false);
+}
+
+/**
+ * Calculates the maximum width available for the chat panel based on the current window size
+ * and other UI elements.
+ *
+ * @param {IReduxState} state - The Redux state containing the application's current state.
+ * @returns {number} The maximum width in pixels available for the chat panel. Returns 0 if there
+ * is no space available.
+ */
+export function getChatMaxSize(state: IReduxState) {
+    const { clientWidth } = state['features/base/responsive-ui'];
+
+    return Math.max(clientWidth - getParticipantsPaneWidth(state) - VIDEO_SPACE_MIN_SIZE, 0);
+}
+
+/**
+ * Type guard to check if a participant is a visitor chat participant.
+ *
+ * @param {IParticipant | IVisitorChatParticipant | undefined} participant - The participant to check.
+ * @returns {boolean} - True if the participant is a visitor chat participant.
+ */
+export function isVisitorChatParticipant(
+        participant?: IParticipant | IVisitorChatParticipant
+): participant is IVisitorChatParticipant {
+    return Boolean(participant && 'isVisitor' in participant && participant.isVisitor === true);
+}
+
+/**
+ * Returns a suffix to be appended to the display name based on the message origin.
+ *
+ * @param {IMessage} message - The message.
+ * @returns {string} The suffix, if any.
+ */
+export function getDisplayNameSuffix(message: IMessage): string {
+    let suffix = '';
+
+    if (message.isFromVisitor) {
+        suffix = ` ${i18next.t('visitors.chatIndicator')}`;
+    } else if (message.isFromGuest) {
+        suffix = ` ${i18next.t('chat.guestsChatIndicator')}`;
+    }
+
+    return suffix;
+}
+
+/**
+ * Checks if a message is a file message by verifying the presence of file metadata.
+ *
+ * @param {IMessage} message - The message to check.
+ * @returns {boolean} True if the message contains file metadata, false otherwise.
+ */
+export function isFileMessage(message: IMessage): boolean {
+    return Boolean(message?.fileMetadata);
+}
diff --git a/react/features/chat/hooks.web.ts b/react/features/chat/hooks.web.ts
new file mode 100644
index 0000000..f912d02
--- /dev/null
+++ b/react/features/chat/hooks.web.ts
@@ -0,0 +1,23 @@
+import { useSelector } from 'react-redux';
+
+import ChatButton from './components/web/ChatButton';
+import { isChatDisabled } from './functions';
+
+const chat = {
+    key: 'chat',
+    Content: ChatButton,
+    group: 2
+};
+
+/**
+ * A hook that returns the chat button if chat is not disabled.
+ *
+ * @returns {Object | undefined} - The chat button object or undefined.
+ */
+export function useChatButton() {
+    const _isChatDisabled = useSelector(isChatDisabled);
+
+    if (!_isChatDisabled) {
+        return chat;
+    }
+}
diff --git a/react/features/chat/logger.ts b/react/features/chat/logger.ts
new file mode 100644
index 0000000..ee4f45f
--- /dev/null
+++ b/react/features/chat/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:chat');
diff --git a/react/features/chat/middleware.ts b/react/features/chat/middleware.ts
new file mode 100644
index 0000000..e44688b
--- /dev/null
+++ b/react/features/chat/middleware.ts
@@ -0,0 +1,819 @@
+import { AnyAction } from 'redux';
+
+import { IReduxState, IStore } from '../app/types';
+import { APP_WILL_MOUNT, APP_WILL_UNMOUNT } from '../base/app/actionTypes';
+import {
+    CONFERENCE_JOINED,
+    ENDPOINT_MESSAGE_RECEIVED,
+    NON_PARTICIPANT_MESSAGE_RECEIVED
+} from '../base/conference/actionTypes';
+import { getCurrentConference } from '../base/conference/functions';
+import { IJitsiConference } from '../base/conference/reducer';
+import { openDialog } from '../base/dialog/actions';
+import i18next from '../base/i18n/i18next';
+import {
+    JitsiConferenceErrors,
+    JitsiConferenceEvents
+} from '../base/lib-jitsi-meet';
+import { PARTICIPANT_JOINED, PARTICIPANT_LEFT, PARTICIPANT_UPDATED } from '../base/participants/actionTypes';
+import {
+    getLocalParticipant,
+    getParticipantById,
+    getParticipantDisplayName
+} from '../base/participants/functions';
+import { IParticipant } from '../base/participants/types';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import StateListenerRegistry from '../base/redux/StateListenerRegistry';
+import { playSound, registerSound, unregisterSound } from '../base/sounds/actions';
+import { arePollsDisabled } from '../conference/functions.any';
+import { isFileSharingEnabled } from '../file-sharing/functions.any';
+import { addGif } from '../gifs/actions';
+import { extractGifURL, getGifDisplayMode, isGifEnabled, isGifMessage } from '../gifs/function.any';
+import { showMessageNotification } from '../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE } from '../notifications/constants';
+import { resetUnreadPollsCount } from '../polls/actions';
+import { ADD_REACTION_MESSAGE } from '../reactions/actionTypes';
+import { pushReactions } from '../reactions/actions.any';
+import { ENDPOINT_REACTION_NAME } from '../reactions/constants';
+import { getReactionMessageFromBuffer, isReactionsEnabled } from '../reactions/functions.any';
+import { isCCTabEnabled } from '../subtitles/functions.any';
+import { showToolbox } from '../toolbox/actions';
+import { getDisplayName } from '../visitors/functions';
+
+import {
+    ADD_MESSAGE,
+    CLOSE_CHAT,
+    OPEN_CHAT,
+    SEND_MESSAGE,
+    SEND_REACTION,
+    SET_FOCUSED_TAB
+} from './actionTypes';
+import {
+    addMessage,
+    addMessageReaction,
+    clearMessages,
+    closeChat,
+    notifyPrivateRecipientsChanged,
+    openChat,
+    setPrivateMessageRecipient
+} from './actions';
+import { ChatPrivacyDialog } from './components';
+import {
+    ChatTabs,
+    INCOMING_MSG_SOUND_ID,
+    LOBBY_CHAT_MESSAGE,
+    MESSAGE_TYPE_ERROR,
+    MESSAGE_TYPE_LOCAL,
+    MESSAGE_TYPE_REMOTE,
+    MESSAGE_TYPE_SYSTEM
+} from './constants';
+import {
+    getDisplayNameSuffix,
+    getFocusedTab,
+    getUnreadCount,
+    isChatDisabled,
+    isSendGroupChatDisabled,
+    isVisitorChatParticipant
+} from './functions';
+import { INCOMING_MSG_SOUND_FILE } from './sounds';
+import './subscriber';
+
+/**
+ * Timeout for when to show the privacy notice after a private message was received.
+ *
+ * E.g. If this value is 20 secs (20000ms), then we show the privacy notice when sending a non private
+ * message after we have received a private message in the last 20 seconds.
+ */
+const PRIVACY_NOTICE_TIMEOUT = 20 * 1000;
+
+/**
+ * Implements the middleware of the chat feature.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    const { dispatch, getState } = store;
+    const localParticipant = getLocalParticipant(getState());
+    let isOpen, unreadCount;
+
+    switch (action.type) {
+    case ADD_MESSAGE:
+        unreadCount = getUnreadCount(getState());
+        if (action.isReaction) {
+            action.hasRead = false;
+        } else {
+            unreadCount = action.hasRead ? 0 : unreadCount + 1;
+        }
+        isOpen = getState()['features/chat'].isOpen;
+
+        if (typeof APP !== 'undefined') {
+            APP.API.notifyChatUpdated(unreadCount, isOpen);
+        }
+        break;
+
+    case APP_WILL_MOUNT:
+        dispatch(
+                registerSound(INCOMING_MSG_SOUND_ID, INCOMING_MSG_SOUND_FILE));
+        break;
+
+    case APP_WILL_UNMOUNT:
+        dispatch(unregisterSound(INCOMING_MSG_SOUND_ID));
+        break;
+
+    case CONFERENCE_JOINED:
+        _addChatMsgListener(action.conference, store);
+        break;
+
+    case CLOSE_CHAT: {
+        const { focusedTab } = getState()['features/chat'];
+
+        if (focusedTab === ChatTabs.CHAT) {
+            unreadCount = 0;
+
+            if (typeof APP !== 'undefined') {
+                APP.API.notifyChatUpdated(unreadCount, false);
+            }
+        } else if (focusedTab === ChatTabs.POLLS) {
+            dispatch(resetUnreadPollsCount());
+        }
+        break;
+    }
+
+    case ENDPOINT_MESSAGE_RECEIVED: {
+        const state = store.getState();
+
+        if (!isReactionsEnabled(state)) {
+            return next(action);
+        }
+
+        const { participant, data } = action;
+
+        if (data?.name === ENDPOINT_REACTION_NAME) {
+            // Skip duplicates, keep just 3.
+            const reactions = Array.from(new Set(data.reactions)).slice(0, 3) as string[];
+
+            store.dispatch(pushReactions(reactions));
+
+            _handleReceivedMessage(store, {
+                participantId: participant.getId(),
+                message: getReactionMessageFromBuffer(reactions),
+                privateMessage: false,
+                lobbyChat: false,
+                timestamp: data.timestamp
+            }, false, true);
+        }
+
+        break;
+    }
+
+    case NON_PARTICIPANT_MESSAGE_RECEIVED: {
+        const { participantId, json: data } = action;
+
+        if (data?.type === MESSAGE_TYPE_SYSTEM && data.message) {
+            _handleReceivedMessage(store, {
+                displayName: data.displayName ?? i18next.t('chat.systemDisplayName'),
+                participantId,
+                lobbyChat: false,
+                message: data.message,
+                privateMessage: true,
+                timestamp: Date.now()
+            });
+        }
+
+        break;
+    }
+
+    case SET_FOCUSED_TAB:
+    case OPEN_CHAT: {
+        const state = store.getState();
+        const focusedTab = action.tabId || getFocusedTab(state);
+
+        if (focusedTab === ChatTabs.CHAT) {
+            // Don't allow opening chat if it's disabled AND user is trying to open the CHAT tab.
+            if (isChatDisabled(state)) {
+                return next(action);
+            }
+            unreadCount = 0;
+
+            if (typeof APP !== 'undefined') {
+                APP.API.notifyChatUpdated(unreadCount, true);
+            }
+
+            const { privateMessageRecipient } = state['features/chat'];
+
+            if (
+                isSendGroupChatDisabled(state)
+                && privateMessageRecipient
+                && !action.participant
+            ) {
+                const participant = getParticipantById(state, privateMessageRecipient.id);
+
+                if (participant) {
+                    action.participant = participant;
+                } else if (isVisitorChatParticipant(privateMessageRecipient)) {
+                    // Handle visitor participants that don't exist in the main participant list
+                    action.participant = privateMessageRecipient;
+                }
+            }
+        } else if (focusedTab === ChatTabs.POLLS) {
+            // Don't allow opening chat panel if polls are disabled AND user is trying to open the POLLS tab.
+            if (arePollsDisabled(state)) {
+                return next(action);
+            }
+            dispatch(resetUnreadPollsCount());
+
+        // Don't allow opening chat panel if file sharing is disabled AND user is trying to open the
+        // FILE_SHARING tab.
+        } else if (focusedTab === ChatTabs.FILE_SHARING && !isFileSharingEnabled(state)) {
+            return next(action);
+
+        // Don't allow opening chat panel if closed captions are disabled AND user is trying to open the
+        // CLOSED_CAPTIONS tab.
+        } else if (focusedTab === ChatTabs.CLOSED_CAPTIONS && !isCCTabEnabled(state)) {
+            return next(action);
+        }
+
+        break;
+    }
+
+    case PARTICIPANT_JOINED:
+    case PARTICIPANT_LEFT:
+    case PARTICIPANT_UPDATED: {
+        if (action.type === PARTICIPANT_LEFT) {
+            const { privateMessageRecipient } = store.getState()['features/chat'];
+
+            if (action.participant?.id === privateMessageRecipient?.id) {
+                store.dispatch(setPrivateMessageRecipient());
+            }
+        }
+        if (_shouldNotifyPrivateRecipientsChanged(store, action)) {
+            const result = next(action);
+
+            dispatch(notifyPrivateRecipientsChanged());
+
+            return result;
+        }
+        break;
+    }
+
+    case SEND_MESSAGE: {
+        const state = store.getState();
+        const conference = getCurrentConference(state);
+
+        if (conference) {
+            // There may be cases when we intend to send a private message, but we forgot to set the
+            // recipient. This logic tries to mitigate this risk.
+            const shouldSendPrivateMessageTo = _shouldSendPrivateMessageTo(state, action);
+
+            if (shouldSendPrivateMessageTo) {
+                const participantExists = getParticipantById(state, shouldSendPrivateMessageTo.id);
+
+                if (participantExists || shouldSendPrivateMessageTo.isFromVisitor) {
+                    dispatch(openDialog('ChatPrivacyDialog', ChatPrivacyDialog, {
+                        message: action.message,
+                        participantID: shouldSendPrivateMessageTo.id,
+                        isFromVisitor: shouldSendPrivateMessageTo.isFromVisitor,
+                        displayName: shouldSendPrivateMessageTo.name
+                    }));
+
+                    // the dialog will take care of sending the message after user confirmation
+                    break;
+                }
+            }
+
+            // Sending the message if privacy notice doesn't need to be shown.
+
+            const { privateMessageRecipient, isLobbyChatActive, lobbyMessageRecipient }
+                = state['features/chat'];
+
+            if (typeof APP !== 'undefined') {
+                APP.API.notifySendingChatMessage(action.message, Boolean(privateMessageRecipient));
+            }
+
+            if (isLobbyChatActive && lobbyMessageRecipient) {
+                conference.sendLobbyMessage({
+                    type: LOBBY_CHAT_MESSAGE,
+                    message: action.message
+                }, lobbyMessageRecipient.id);
+                _persistSentPrivateMessage(store, lobbyMessageRecipient, action.message, true);
+            } else if (privateMessageRecipient) {
+                conference.sendPrivateTextMessage(privateMessageRecipient.id, action.message, 'body', isVisitorChatParticipant(privateMessageRecipient));
+                _persistSentPrivateMessage(store, privateMessageRecipient, action.message);
+            } else {
+                conference.sendTextMessage(action.message);
+            }
+        }
+        break;
+    }
+
+    case SEND_REACTION: {
+        const state = store.getState();
+        const conference = getCurrentConference(state);
+
+        if (conference) {
+            const { reaction, messageId, receiverId } = action;
+
+            conference.sendReaction(reaction, messageId, receiverId);
+        }
+        break;
+    }
+
+    case ADD_REACTION_MESSAGE: {
+        if (localParticipant?.id) {
+            _handleReceivedMessage(store, {
+                participantId: localParticipant.id,
+                message: action.message,
+                privateMessage: false,
+                timestamp: Date.now(),
+                lobbyChat: false
+            }, false, true);
+        }
+    }
+    }
+
+    return next(action);
+});
+
+/**
+ * Set up state change listener to perform maintenance tasks when the conference
+ * is left or failed, e.g. Clear messages or close the chat modal if it's left
+ * open.
+ */
+StateListenerRegistry.register(
+    state => getCurrentConference(state),
+    (conference, { dispatch, getState }, previousConference) => {
+        if (conference !== previousConference) {
+            // conference changed, left or failed...
+
+            if (getState()['features/chat'].isOpen) {
+                // Closes the chat if it's left open.
+                dispatch(closeChat());
+            }
+
+            // Clear chat messages.
+            dispatch(clearMessages());
+        }
+    });
+
+StateListenerRegistry.register(
+    state => state['features/chat'].isOpen,
+    (isOpen, { dispatch }) => {
+        if (typeof APP !== 'undefined' && isOpen) {
+            dispatch(showToolbox());
+        }
+    }
+);
+
+/**
+ * Checks whether a notification for private chat recipients is needed.
+ *
+ * @param {IStore} store - The redux store.
+ * @param {{ participant: IParticipant, type: string }} action - The action.
+ * @returns {boolean}
+ */
+function _shouldNotifyPrivateRecipientsChanged(
+        store: IStore, action: { participant: IParticipant; type: string; }
+) {
+    const { type, participant } = action;
+
+    if ([ PARTICIPANT_LEFT, PARTICIPANT_JOINED ].includes(type)) {
+        return true;
+    }
+
+    const { id, name } = participant;
+
+    return name !== getParticipantDisplayName(store, id);
+}
+
+/**
+ * Registers listener for {@link JitsiConferenceEvents.MESSAGE_RECEIVED} that
+ * will perform various chat related activities.
+ *
+ * @param {JitsiConference} conference - The conference instance on which the
+ * new event listener will be registered.
+ * @param {Object} store - The redux store object.
+ * @private
+ * @returns {void}
+ */
+function _addChatMsgListener(conference: IJitsiConference, store: IStore) {
+    if (store.getState()['features/base/config'].iAmRecorder) {
+        // We don't register anything on web if we are in iAmRecorder mode
+        return;
+    }
+
+    conference.on(
+        JitsiConferenceEvents.MESSAGE_RECEIVED,
+        /* eslint-disable max-params */
+        (participantId: string, message: string, timestamp: number,
+                displayName: string, isFromVisitor: boolean, messageId: string, source: string) => {
+        /* eslint-enable max-params */
+            _onConferenceMessageReceived(store, {
+                // in case of messages coming from visitors we can have unknown id
+                participantId: participantId || displayName,
+                message,
+                timestamp,
+                displayName,
+                isFromVisitor,
+                messageId,
+                source,
+                privateMessage: false
+            });
+
+            if (isSendGroupChatDisabled(store.getState()) && participantId) {
+                const participant = getParticipantById(store, participantId);
+
+                store.dispatch(setPrivateMessageRecipient(participant));
+            }
+        }
+    );
+
+    conference.on(
+        JitsiConferenceEvents.REACTION_RECEIVED,
+        (participantId: string, reactionList: string[], messageId: string) => {
+            _onReactionReceived(store, {
+                participantId,
+                reactionList,
+                messageId
+            });
+        }
+    );
+
+    conference.on(
+        JitsiConferenceEvents.PRIVATE_MESSAGE_RECEIVED,
+        (participantId: string, message: string, timestamp: number, messageId: string, displayName?: string, isFromVisitor?: boolean) => {
+            _onConferenceMessageReceived(store, {
+                participantId,
+                message,
+                timestamp,
+                displayName,
+                messageId,
+                privateMessage: true,
+                isFromVisitor
+            });
+        }
+    );
+
+    conference.on(
+        JitsiConferenceEvents.CONFERENCE_ERROR, (errorType: string, error: Error) => {
+            errorType === JitsiConferenceErrors.CHAT_ERROR && _handleChatError(store, error);
+        });
+}
+
+/**
+ * Handles a received message.
+ *
+ * @param {Object} store - Redux store.
+ * @param {Object} message - The message object.
+ * @returns {void}
+ */
+function _onConferenceMessageReceived(store: IStore,
+        { displayName, isFromVisitor, message, messageId, participantId, privateMessage, timestamp, source }: {
+            displayName?: string; isFromVisitor?: boolean; message: string; messageId?: string;
+            participantId: string; privateMessage: boolean; source?: string; timestamp: number; }
+) {
+
+    const isGif = isGifEnabled(store.getState()) && isGifMessage(message);
+
+    if (isGif) {
+        _handleGifMessageReceived(store, participantId, message);
+        if (getGifDisplayMode(store.getState()) === 'tile') {
+            return;
+        }
+    }
+    _handleReceivedMessage(store, {
+        displayName,
+        isFromVisitor,
+        participantId,
+        message,
+        privateMessage,
+        lobbyChat: false,
+        timestamp,
+        messageId,
+        source
+    }, true, isGif);
+}
+
+/**
+ * Handles a received reaction.
+ *
+ * @param {Object} store - Redux store.
+ * @param {string} participantId - Id of the participant that sent the message.
+ * @param {string} reactionList - The list of received reactions.
+ * @param {string} messageId - The id of the message that the reaction is for.
+ * @returns {void}
+ */
+function _onReactionReceived(store: IStore, { participantId, reactionList, messageId }: {
+    messageId: string; participantId: string; reactionList: string[]; }) {
+
+    const reactionPayload = {
+        participantId,
+        reactionList,
+        messageId
+    };
+
+    store.dispatch(addMessageReaction(reactionPayload));
+}
+
+/**
+ * Handles a received gif message.
+ *
+ * @param {Object} store - Redux store.
+ * @param {string} participantId - Id of the participant that sent the message.
+ * @param {string} message - The message sent.
+ * @returns {void}
+ */
+function _handleGifMessageReceived(store: IStore, participantId: string, message: string) {
+    const url = extractGifURL(message);
+
+    store.dispatch(addGif(participantId, url));
+}
+
+/**
+ * Handles a chat error received from the xmpp server.
+ *
+ * @param {Store} store - The Redux store.
+ * @param  {string} error - The error message.
+ * @returns {void}
+ */
+function _handleChatError({ dispatch }: IStore, error: Error) {
+    dispatch(addMessage({
+        hasRead: true,
+        messageType: MESSAGE_TYPE_ERROR,
+        message: error,
+        privateMessage: false,
+        timestamp: Date.now()
+    }));
+}
+
+/**
+ * Function to handle an incoming chat message from lobby room.
+ *
+ * @param {string} message - The message received.
+ * @param {string} participantId - The participant id.
+ * @returns {Function}
+ */
+export function handleLobbyMessageReceived(message: string, participantId: string) {
+    return async (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        _handleReceivedMessage({ dispatch,
+            getState }, { participantId,
+            message,
+            privateMessage: false,
+            lobbyChat: true,
+            timestamp: Date.now() });
+    };
+}
+
+
+/**
+ * Function to get lobby chat user display name.
+ *
+ * @param {Store} state - The Redux store.
+ * @param {string} participantId - The knocking participant id.
+ * @returns {string}
+ */
+function getLobbyChatDisplayName(state: IReduxState, participantId: string) {
+    const { knockingParticipants } = state['features/lobby'];
+    const { lobbyMessageRecipient } = state['features/chat'];
+
+    if (participantId === lobbyMessageRecipient?.id) {
+        return lobbyMessageRecipient.name;
+    }
+
+    const knockingParticipant = knockingParticipants.find(p => p.id === participantId);
+
+    if (knockingParticipant) {
+        return knockingParticipant.name;
+    }
+
+}
+
+
+/**
+ * Function to handle an incoming chat message.
+ *
+ * @param {Store} store - The Redux store.
+ * @param {Object} message - The message object.
+ * @param {boolean} shouldPlaySound - Whether to play the incoming message sound.
+ * @param {boolean} isReaction - Whether the message is a reaction message.
+ * @returns {void}
+ */
+function _handleReceivedMessage({ dispatch, getState }: IStore,
+        { displayName, isFromVisitor, lobbyChat, message, messageId, participantId, privateMessage, source, timestamp }: {
+            displayName?: string; isFromVisitor?: boolean; lobbyChat: boolean; message: string;
+            messageId?: string; participantId: string; privateMessage: boolean; source?: string; timestamp: number; },
+        shouldPlaySound = true,
+        isReaction = false
+) {
+    // Logic for all platforms:
+    const state = getState();
+    const { isOpen: isChatOpen } = state['features/chat'];
+    const { soundsIncomingMessage: soundEnabled, userSelectedNotifications } = state['features/base/settings'];
+
+    // Don't play sound or show notifications if chat is disabled.
+    if (isChatDisabled(state)) {
+        return;
+    }
+
+    if (soundEnabled && shouldPlaySound && !isChatOpen) {
+        dispatch(playSound(INCOMING_MSG_SOUND_ID));
+    }
+
+    const participant = getParticipantById(state, participantId);
+
+    const localParticipant = getLocalParticipant(getState);
+    let _displayName;
+
+    if (lobbyChat) {
+        _displayName = getLobbyChatDisplayName(state, participantId);
+    } else if (isFromVisitor) {
+        _displayName = getDisplayName(state, displayName);
+    } else if (!participant) {
+        _displayName = getDisplayName(state, displayName);
+    } else {
+        _displayName = getParticipantDisplayName(state, participantId);
+    }
+
+    const hasRead = participant?.local || isChatOpen;
+    const timestampToDate = timestamp ? new Date(timestamp) : new Date();
+    const millisecondsTimestamp = timestampToDate.getTime();
+
+    // skip message notifications on join (the messages having timestamp - coming from the history)
+    const shouldShowNotification = userSelectedNotifications?.['notify.chatMessages']
+        && !hasRead && !isReaction && (!timestamp || lobbyChat);
+    const newMessage = {
+        displayName: _displayName,
+        hasRead,
+        participantId,
+        messageType: participant?.local ? MESSAGE_TYPE_LOCAL : MESSAGE_TYPE_REMOTE,
+        message,
+        privateMessage,
+        lobbyChat,
+        recipient: getParticipantDisplayName(state, localParticipant?.id ?? ''),
+        timestamp: millisecondsTimestamp,
+        messageId,
+        isReaction,
+        isFromVisitor,
+        isFromGuest: source === 'guest'
+    };
+
+    dispatch(addMessage(newMessage));
+
+    let notificationDisplayName = _displayName;
+
+    // source can be 'token' or 'guest'. When it is 'guest', we append a guest indicator
+    // to the display name to notify users that this message can be anything, while the token one is coming
+    // from a trusted source (the jwt token, the name can be locked from the backend if the
+    // token has the feature 'name-readonly')
+    if (isFromVisitor || (!participant && source === 'guest')) {
+        // @ts-ignore
+        notificationDisplayName = `${_displayName} ${getDisplayNameSuffix(newMessage)}`;
+    }
+
+    if (shouldShowNotification) {
+        dispatch(showMessageNotification({
+            title: notificationDisplayName,
+            description: message,
+            customActionNameKey: [ 'notify.openChat' ],
+            customActionHandler: [ () => dispatch(openChat()) ]
+        }, NOTIFICATION_TIMEOUT_TYPE.MEDIUM));
+    }
+
+    if (typeof APP !== 'undefined') {
+        // Logic for web only:
+
+        APP.API.notifyReceivedChatMessage({
+            body: message,
+            from: participantId,
+            nick: notificationDisplayName,
+            privateMessage,
+            ts: timestamp
+        });
+    }
+}
+
+/**
+ * Interface for recipient objects used in private messaging.
+ */
+interface IRecipient {
+    id: string;
+    isVisitor?: boolean;
+    name?: string;
+}
+
+/**
+ * Persists the sent private messages as if they were received over the muc.
+ *
+ * This is required as we rely on the fact that we receive all messages from the muc that we send
+ * (as they are sent to everybody), but we don't receive the private messages we send to another participant.
+ * But those messages should be in the store as well, otherwise they don't appear in the chat window.
+ *
+ * @param {Store} store - The Redux store.
+ * @param {IRecipient} recipient - The recipient the private message was sent to.
+ * @param {string} message - The sent message.
+ * @param {boolean} isLobbyPrivateMessage - Is a lobby message.
+ * @returns {void}
+ */
+function _persistSentPrivateMessage({ dispatch, getState }: IStore, recipient: IRecipient,
+        message: string, isLobbyPrivateMessage = false) {
+    const state = getState();
+    const localParticipant = getLocalParticipant(state);
+
+    if (!localParticipant?.id) {
+        return;
+    }
+    const displayName = getParticipantDisplayName(state, localParticipant.id);
+    const { lobbyMessageRecipient } = state['features/chat'];
+
+    const recipientName
+        = recipient.isVisitor
+            ? getDisplayName(state, recipient.name)
+            : (isLobbyPrivateMessage
+                ? lobbyMessageRecipient?.name
+                : getParticipantDisplayName(getState, recipient?.id));
+
+    dispatch(addMessage({
+        displayName,
+        hasRead: true,
+        participantId: localParticipant.id,
+        messageType: MESSAGE_TYPE_LOCAL,
+        message,
+        privateMessage: !isLobbyPrivateMessage,
+        lobbyChat: isLobbyPrivateMessage,
+        recipient: recipientName,
+        sentToVisitor: recipient.isVisitor,
+        timestamp: Date.now()
+    }));
+}
+
+/**
+ * Returns the participant info for who we may have wanted to send the message
+ * that we're about to send.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {Object} action - The action being dispatched now.
+ * @returns {IRecipient?} - The recipient info or undefined if no notice should be shown.
+ */
+function _shouldSendPrivateMessageTo(state: IReduxState, action: AnyAction) {
+    if (action.ignorePrivacy) {
+        // Shortcut: this is only true, if we already displayed the notice, so no need to show it again.
+        return undefined;
+    }
+
+    const { messages, privateMessageRecipient } = state['features/chat'];
+
+    if (privateMessageRecipient) {
+        // We're already sending a private message, no need to warn about privacy.
+        return undefined;
+    }
+
+    if (!messages.length) {
+        // No messages yet, no need to warn for privacy.
+        return undefined;
+    }
+
+    // Platforms sort messages differently
+    const lastMessage = navigator.product === 'ReactNative'
+        ? messages[0] : messages[messages.length - 1];
+
+    if (lastMessage.messageType === MESSAGE_TYPE_LOCAL) {
+        // The sender is probably aware of any private messages as already sent
+        // a message since then. Doesn't make sense to display the notice now.
+        return undefined;
+    }
+
+    if (lastMessage.privateMessage) {
+        if (!lastMessage.participantId) {
+            // this is a system message we can ignore
+            return undefined;
+        }
+
+        // We show the notice if the last received message was private.
+        return {
+            id: lastMessage.participantId,
+            isFromVisitor: Boolean(lastMessage.isFromVisitor),
+            name: lastMessage.displayName
+        };
+    }
+
+    // But messages may come rapidly, we want to protect our users from mis-sending a message
+    // even when there was a reasonable recently received private message.
+    const now = Date.now();
+    const recentPrivateMessages = messages.filter(
+        message =>
+            message.messageType !== MESSAGE_TYPE_LOCAL
+            && message.privateMessage
+            && message.timestamp + PRIVACY_NOTICE_TIMEOUT > now);
+    const recentPrivateMessage = navigator.product === 'ReactNative'
+        ? recentPrivateMessages[0] : recentPrivateMessages[recentPrivateMessages.length - 1];
+
+    if (recentPrivateMessage) {
+        return {
+            id: recentPrivateMessage.participantId,
+            isFromVisitor: Boolean(recentPrivateMessage.isFromVisitor),
+            name: recentPrivateMessage.displayName
+        };
+    }
+
+    return undefined;
+}
diff --git a/react/features/chat/reducer.ts b/react/features/chat/reducer.ts
new file mode 100644
index 0000000..4eae8f8
--- /dev/null
+++ b/react/features/chat/reducer.ts
@@ -0,0 +1,299 @@
+import { UPDATE_CONFERENCE_METADATA } from '../base/conference/actionTypes';
+import { ILocalParticipant, IParticipant } from '../base/participants/types';
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+import { ADD_FILE, _FILE_LIST_RECEIVED } from '../file-sharing/actionTypes';
+import { IVisitorChatParticipant } from '../visitors/types';
+
+import {
+    ADD_MESSAGE,
+    ADD_MESSAGE_REACTION,
+    CLEAR_MESSAGES,
+    CLOSE_CHAT,
+    EDIT_MESSAGE,
+    NOTIFY_PRIVATE_RECIPIENTS_CHANGED,
+    OPEN_CHAT,
+    REMOVE_LOBBY_CHAT_PARTICIPANT,
+    SET_CHAT_IS_RESIZING,
+    SET_CHAT_WIDTH,
+    SET_FOCUSED_TAB,
+    SET_LOBBY_CHAT_ACTIVE_STATE,
+    SET_LOBBY_CHAT_RECIPIENT,
+    SET_PRIVATE_MESSAGE_RECIPIENT,
+    SET_USER_CHAT_WIDTH
+} from './actionTypes';
+import { CHAT_SIZE, ChatTabs } from './constants';
+import { IMessage } from './types';
+
+const DEFAULT_STATE = {
+    groupChatWithPermissions: false,
+    isOpen: false,
+    messages: [],
+    notifyPrivateRecipientsChangedTimestamp: undefined,
+    reactions: {},
+    unreadMessagesCount: 0,
+    unreadFilesCount: 0,
+    privateMessageRecipient: undefined,
+    lobbyMessageRecipient: undefined,
+    isLobbyChatActive: false,
+    focusedTab: undefined,
+    isResizing: false,
+    width: {
+        current: CHAT_SIZE,
+        userSet: null
+    }
+};
+
+export interface IChatState {
+    focusedTab?: ChatTabs;
+    groupChatWithPermissions: boolean;
+    isLobbyChatActive: boolean;
+    isOpen: boolean;
+    isResizing: boolean;
+    lastReadMessage?: IMessage;
+    lobbyMessageRecipient?: {
+        id: string;
+        name: string;
+    } | ILocalParticipant;
+    messages: IMessage[];
+    notifyPrivateRecipientsChangedTimestamp?: number;
+    privateMessageRecipient?: IParticipant | IVisitorChatParticipant;
+    unreadFilesCount: number;
+    unreadMessagesCount: number;
+    width: {
+        current: number;
+        userSet: number | null;
+    };
+}
+
+ReducerRegistry.register<IChatState>('features/chat', (state = DEFAULT_STATE, action): IChatState => {
+    switch (action.type) {
+    case ADD_MESSAGE: {
+        const newMessage: IMessage = {
+            displayName: action.displayName,
+            error: action.error,
+            fileMetadata: action.fileMetadata,
+            isFromGuest: Boolean(action.isFromGuest),
+            isFromVisitor: Boolean(action.isFromVisitor),
+            participantId: action.participantId,
+            isReaction: action.isReaction,
+            messageId: action.messageId,
+            messageType: action.messageType,
+            message: action.message,
+            reactions: action.reactions,
+            privateMessage: action.privateMessage,
+            lobbyChat: action.lobbyChat,
+            recipient: action.recipient,
+            sentToVisitor: Boolean(action.sentToVisitor),
+            timestamp: action.timestamp
+        };
+
+        // React native, unlike web, needs a reverse sorted message list.
+        const messages = navigator.product === 'ReactNative'
+            ? [
+                newMessage,
+                ...state.messages
+            ]
+            : [
+                ...state.messages,
+                newMessage
+            ];
+
+        return {
+            ...state,
+            lastReadMessage:
+                action.hasRead ? newMessage : state.lastReadMessage,
+            unreadMessagesCount: state.focusedTab !== ChatTabs.CHAT ? state.unreadMessagesCount + 1 : state.unreadMessagesCount,
+            messages
+        };
+    }
+
+    case ADD_MESSAGE_REACTION: {
+        const { participantId, reactionList, messageId } = action;
+
+        const messages = state.messages.map(message => {
+            if (messageId === message.messageId) {
+                const newReactions = new Map(message.reactions);
+
+                reactionList.forEach((reaction: string) => {
+                    let participants = newReactions.get(reaction);
+
+                    if (!participants) {
+                        participants = new Set();
+                        newReactions.set(reaction, participants);
+                    }
+
+                    participants.add(participantId);
+                });
+
+                return {
+                    ...message,
+                    reactions: newReactions
+                };
+            }
+
+            return message;
+        });
+
+        return {
+            ...state,
+            messages
+        };
+    }
+
+    case CLEAR_MESSAGES:
+        return {
+            ...state,
+            lastReadMessage: undefined,
+            messages: []
+        };
+
+    case EDIT_MESSAGE: {
+        let found = false;
+        const newMessage = action.message;
+        const messages = state.messages.map(m => {
+            if (m.messageId === newMessage.messageId) {
+                found = true;
+
+                return newMessage;
+            }
+
+            return m;
+        });
+
+        // no change
+        if (!found) {
+            return state;
+        }
+
+        return {
+            ...state,
+            messages
+        };
+    }
+
+    case SET_PRIVATE_MESSAGE_RECIPIENT:
+        return {
+            ...state,
+            privateMessageRecipient: action.participant
+        };
+
+    case OPEN_CHAT:
+        return {
+            ...state,
+            isOpen: true,
+            privateMessageRecipient: action.participant
+        };
+
+    case CLOSE_CHAT:
+        return {
+            ...state,
+            isOpen: false,
+            lastReadMessage: state.messages[
+                navigator.product === 'ReactNative' ? 0 : state.messages.length - 1],
+            privateMessageRecipient: action.participant,
+            isLobbyChatActive: false
+        };
+
+    case SET_LOBBY_CHAT_RECIPIENT:
+        return {
+            ...state,
+            isLobbyChatActive: true,
+            lobbyMessageRecipient: action.participant,
+            privateMessageRecipient: undefined,
+            isOpen: action.open
+        };
+    case SET_LOBBY_CHAT_ACTIVE_STATE:
+        return {
+            ...state,
+            isLobbyChatActive: action.payload,
+            isOpen: action.payload || state.isOpen,
+            privateMessageRecipient: undefined
+        };
+    case REMOVE_LOBBY_CHAT_PARTICIPANT:
+        return {
+            ...state,
+            messages: state.messages.filter(m => {
+                if (action.removeLobbyChatMessages) {
+                    return !m.lobbyChat;
+                }
+
+                return true;
+            }),
+            isOpen: state.isOpen && state.isLobbyChatActive ? false : state.isOpen,
+            isLobbyChatActive: false,
+            lobbyMessageRecipient: undefined
+        };
+    case UPDATE_CONFERENCE_METADATA: {
+        const { metadata } = action;
+
+        if (metadata?.permissions) {
+            return {
+                ...state,
+                groupChatWithPermissions: Boolean(metadata.permissions.groupChatRestricted)
+            };
+        }
+
+        break;
+    }
+    case SET_FOCUSED_TAB:
+        return {
+            ...state,
+            focusedTab: action.tabId,
+            unreadMessagesCount: action.tabId === ChatTabs.CHAT ? 0 : state.unreadMessagesCount,
+            unreadFilesCount: action.tabId === ChatTabs.FILE_SHARING ? 0 : state.unreadFilesCount
+        };
+
+    case SET_CHAT_WIDTH: {
+        return {
+            ...state,
+            width: {
+                ...state.width,
+                current: action.width
+            }
+        };
+    }
+
+    case SET_USER_CHAT_WIDTH: {
+        const { width } = action;
+
+        return {
+            ...state,
+            width: {
+                current: width,
+                userSet: width
+            }
+        };
+    }
+
+    case SET_CHAT_IS_RESIZING: {
+        return {
+            ...state,
+            isResizing: action.resizing
+        };
+    }
+    case NOTIFY_PRIVATE_RECIPIENTS_CHANGED:
+        return {
+            ...state,
+            notifyPrivateRecipientsChangedTimestamp: action.payload
+        };
+
+    case ADD_FILE:
+        return {
+            ...state,
+            unreadFilesCount: action.shouldIncrementUnread ? state.unreadFilesCount + 1 : state.unreadFilesCount
+        };
+
+    case _FILE_LIST_RECEIVED: {
+        const remoteFilesCount = Object.values(action.files).filter(
+            (file: any) => file.authorParticipantId !== action.localParticipantId
+        ).length;
+
+        return {
+            ...state,
+            unreadFilesCount: remoteFilesCount
+        };
+    }
+    }
+
+    return state;
+});
diff --git a/react/features/chat/smileys.ts b/react/features/chat/smileys.ts
new file mode 100644
index 0000000..a695df2
--- /dev/null
+++ b/react/features/chat/smileys.ts
@@ -0,0 +1,22 @@
+export const smileys = {
+    smiley1: ':)',
+    smiley2: ':(',
+    smiley3: ':D',
+    smiley4: ':+1:',
+    smiley5: ':P',
+    smiley6: ':wave:',
+    smiley7: ':blush:',
+    smiley8: ':slightly_smiling_face:',
+    smiley9: ':scream:',
+    smiley10: ':*',
+    smiley11: ':-1:',
+    smiley12: ':mag:',
+    smiley13: ':heart:',
+    smiley14: ':innocent:',
+    smiley15: ':angry:',
+    smiley16: ':angel:',
+    smiley17: ';(',
+    smiley18: ':clap:',
+    smiley19: ';)',
+    smiley20: ':beer:'
+};
diff --git a/react/features/chat/sounds.ts b/react/features/chat/sounds.ts
new file mode 100644
index 0000000..e46e180
--- /dev/null
+++ b/react/features/chat/sounds.ts
@@ -0,0 +1,7 @@
+/**
+ * The name of the bundled audio file which will be played for the incoming chat
+ * message sound.
+ *
+ * @type {string}
+ */
+export const INCOMING_MSG_SOUND_FILE = 'incomingMessage.mp3';
diff --git a/react/features/chat/subscriber.native.ts b/react/features/chat/subscriber.native.ts
new file mode 100644
index 0000000..e69de29
diff --git a/react/features/chat/subscriber.web.ts b/react/features/chat/subscriber.web.ts
new file mode 100644
index 0000000..817646a
--- /dev/null
+++ b/react/features/chat/subscriber.web.ts
@@ -0,0 +1,73 @@
+// @ts-ignore
+import VideoLayout from '../../../modules/UI/videolayout/VideoLayout';
+import StateListenerRegistry from '../base/redux/StateListenerRegistry';
+import { clientResized } from '../base/responsive-ui/actions';
+
+import { setChatWidth } from './actions.web';
+import { CHAT_SIZE } from './constants';
+import { getChatMaxSize } from './functions';
+
+
+// import { setChatWidth } from './actions.web';
+
+interface IListenerState {
+    clientWidth: number;
+    isOpen: boolean;
+    maxWidth: number;
+    width: {
+        current: number;
+        userSet: number | null;
+    };
+}
+
+/**
+ * Listens for changes in the client width to determine when to resize the chat panel.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => {
+        return {
+            clientWidth: state['features/base/responsive-ui']?.clientWidth,
+            isOpen: state['features/chat'].isOpen,
+            width: state['features/chat'].width,
+            maxWidth: getChatMaxSize(state)
+        };
+    },
+    /* listener */ (
+            currentState: IListenerState,
+            { dispatch },
+            previousState: IListenerState
+    ) => {
+        if (currentState.isOpen
+            && (currentState.clientWidth !== previousState.clientWidth
+                || currentState.width !== previousState.width)) {
+            const { userSet = 0 } = currentState.width;
+            const { maxWidth } = currentState;
+            let chatPanelWidthChanged = false;
+
+            if (currentState.clientWidth !== previousState.clientWidth) {
+                if (userSet !== null) {
+                    // if userSet is set, we need to check if it is within the bounds and potentially adjust it.
+                    // This is in the case when screen gets smaller and the user set width is more than the maxWidth
+                    // and we need to set it to the maxWidth. And also when the user set width has been larger than
+                    // the maxWidth and we have reduced the current width to the maxWidth but now the screen gets bigger
+                    // and we can increase the current width.
+                    dispatch(setChatWidth(Math.max(Math.min(maxWidth, userSet), CHAT_SIZE)));
+                    chatPanelWidthChanged = true;
+                } // else { // when userSet is null:
+                // no-op. The chat panel width will be the default one which is the min too.
+                // }
+            } else { // currentState.width !== previousState.width
+                chatPanelWidthChanged = true;
+            }
+
+            if (chatPanelWidthChanged) {
+                const { innerWidth, innerHeight } = window;
+
+                // Since the videoSpaceWidth relies on the chat panel width, we need to adjust it when the chat panel size changes
+                dispatch(clientResized(innerWidth, innerHeight));
+            }
+
+            // Recompute the large video size when chat is open and window resizes
+            VideoLayout.onResize();
+        }
+    });
diff --git a/react/features/chat/types.ts b/react/features/chat/types.ts
new file mode 100644
index 0000000..1a2b58b
--- /dev/null
+++ b/react/features/chat/types.ts
@@ -0,0 +1,85 @@
+import { WithTranslation } from 'react-i18next';
+
+import { IStore } from '../app/types';
+import { IFileMetadata } from '../file-sharing/types';
+
+export interface IMessage {
+    displayName: string;
+    error?: Object;
+    fileMetadata?: IFileMetadata;
+    isFromGuest?: boolean;
+    isFromVisitor?: boolean;
+    isReaction: boolean;
+    lobbyChat: boolean;
+    message: string;
+    messageId: string;
+    messageType: string;
+    participantId: string;
+    privateMessage: boolean;
+    reactions: Map<string, Set<string>>;
+    recipient: string;
+    sentToVisitor?: boolean;
+    timestamp: number;
+}
+
+/**
+ * The type of the React {@code Component} props of {@code AbstractChat}.
+ */
+export interface IChatProps extends WithTranslation {
+
+    /**
+     * All the chat messages in the conference.
+     */
+    _messages: IMessage[];
+
+    /**
+     * Number of unread chat messages.
+     */
+    _unreadMessagesCount: number;
+
+    /**
+     * The Redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+}
+
+export interface IChatMessageProps extends WithTranslation {
+
+    /**
+     * Whether the message can be replied to.
+     */
+    canReply?: boolean;
+
+    /**
+     * Whether gifs are enabled or not.
+     */
+    gifEnabled?: boolean;
+
+    /**
+     * Whether current participant is currently knocking in the lobby room.
+     */
+    knocking?: boolean;
+
+    /**
+     * The representation of a chat message.
+     */
+    message: IMessage;
+
+    /**
+     * Whether or not the avatar image of the participant which sent the message
+     * should be displayed.
+     */
+    showAvatar?: boolean;
+
+    /**
+     * Whether or not the name of the participant which sent the message should
+     * be displayed.
+     */
+    showDisplayName: boolean;
+
+    /**
+     * Whether or not the time at which the message was sent should be
+     * displayed.
+     */
+    showTimestamp: boolean;
+}
diff --git a/react/features/chrome-extension-banner/components/ChromeExtensionBanner.native.ts b/react/features/chrome-extension-banner/components/ChromeExtensionBanner.native.ts
new file mode 100644
index 0000000..e69de29
diff --git a/react/features/chrome-extension-banner/components/ChromeExtensionBanner.web.tsx b/react/features/chrome-extension-banner/components/ChromeExtensionBanner.web.tsx
new file mode 100644
index 0000000..0f8eb5b
--- /dev/null
+++ b/react/features/chrome-extension-banner/components/ChromeExtensionBanner.web.tsx
@@ -0,0 +1,352 @@
+// @ts-expect-error
+import { jitsiLocalStorage } from '@jitsi/js-utils';
+import React, { PureComponent } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+
+import { createChromeExtensionBannerEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { IReduxState } from '../../app/types';
+import { getCurrentConference } from '../../base/conference/functions';
+import { IJitsiConference } from '../../base/conference/reducer';
+import checkChromeExtensionsInstalled from '../../base/environment/checkChromeExtensionsInstalled.web';
+import {
+    isMobileBrowser
+} from '../../base/environment/utils';
+import { translate } from '../../base/i18n/functions';
+import Icon from '../../base/icons/components/Icon';
+import { IconCloseLarge } from '../../base/icons/svg';
+import { browser } from '../../base/lib-jitsi-meet';
+import { isNarrowScreenWithChatOpen } from '../../base/responsive-ui/functions';
+import { isVpaasMeeting } from '../../jaas/functions';
+import logger from '../logger';
+
+const emptyObject = {};
+
+/**
+ * Local storage key name for flag telling if user checked 'Don't show again' checkbox on the banner
+ * If the user checks this before closing the banner, next time he will access a jitsi domain
+ * the banner will not be shown regardless of extensions being installed or not.
+ */
+const DONT_SHOW_AGAIN_CHECKED = 'hide_chrome_extension_banner';
+
+/**
+ * The type of the React {@code PureComponent} props of {@link ChromeExtensionBanner}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * Contains info about installed/to be installed chrome extension(s).
+     */
+    bannerCfg: {
+        chromeExtensionsInfo?: string[];
+        edgeUrl?: string;
+        url?: string;
+    };
+
+    /**
+     * Conference data, if any.
+     */
+    conference?: IJitsiConference;
+
+    /**
+     * Whether I am the current recorder.
+     */
+    iAmRecorder: boolean;
+
+    /**
+     * Whether it's a vpaas meeting or not.
+     */
+    isVpaas: boolean;
+
+    /**
+     * Whether the screen is too small to show the banner or not.
+     */
+    notEnoughAvailableWidth: boolean;
+}
+
+/**
+ * The type of the React {@link PureComponent} state of {@link ChromeExtensionBanner}.
+ */
+interface IState {
+
+    /**
+     * Tells whether user pressed install extension or close button.
+     */
+    closePressed: boolean;
+
+    /**
+     * Keeps the current value of dont show again checkbox.
+     */
+    dontShowAgainChecked: boolean;
+
+    /**
+     * Tells whether should show the banner or not based on extension being installed or not.
+     */
+    shouldShow: boolean;
+}
+
+/**
+ * Implements a React {@link PureComponent} which displays a banner having a link to the chrome extension.
+ *
+ * @class ChromeExtensionBanner
+ * @augments PureComponent
+ */
+class ChromeExtensionBanner extends PureComponent<IProps, IState> {
+    isEdge: boolean;
+
+    /**
+     * Initializes a new {@code ChromeExtensionBanner} instance.
+     *
+     * @param {Object} props - The read-only React {@code PureComponent} props with
+     * which the new instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+        this.state = {
+            dontShowAgainChecked: false,
+            closePressed: false,
+            shouldShow: false
+        };
+
+        this.isEdge = /Edg(e)?/.test(navigator.userAgent);
+        this._onClosePressed = this._onClosePressed.bind(this);
+        this._onInstallExtensionClick = this._onInstallExtensionClick.bind(this);
+        this._shouldNotRender = this._shouldNotRender.bind(this);
+        this._onDontShowAgainChange = this._onDontShowAgainChange.bind(this);
+        this._onCloseKeyPress = this._onCloseKeyPress.bind(this);
+        this._onInstallExtensionKeyPress = this._onInstallExtensionKeyPress.bind(this);
+    }
+
+    /**
+     * Executed on component update.
+     * Checks whether any chrome extension from the config is installed.
+     *
+     * @inheritdoc
+     */
+    override async componentDidUpdate(prevProps: IProps) {
+        if (!this._isSupportedEnvironment()) {
+            return;
+        }
+
+        const { bannerCfg } = this.props;
+        const prevBannerCfg = prevProps.bannerCfg;
+
+        if (bannerCfg.url && !prevBannerCfg.url) {
+            logger.info('Chrome extension URL found.');
+        }
+
+        if ((bannerCfg.chromeExtensionsInfo || []).length && !(prevBannerCfg.chromeExtensionsInfo || []).length) {
+            logger.info('Chrome extension(s) info found.');
+        }
+
+        const hasExtensions = await checkChromeExtensionsInstalled(this.props.bannerCfg);
+
+        if (
+            hasExtensions?.length
+            && hasExtensions.every(ext => !ext)
+            && !this.state.shouldShow
+        ) {
+            this.setState({ shouldShow: true }); // eslint-disable-line
+        }
+    }
+
+    /**
+     * Checks whether the feature is enabled and whether the environment(browser/os)
+     * supports it.
+     *
+     * @returns {boolean}
+     */
+    _isSupportedEnvironment() {
+        return interfaceConfig.SHOW_CHROME_EXTENSION_BANNER
+            && browser.isChromiumBased()
+            && !browser.isTwa()
+            && !isMobileBrowser()
+            && !this.props.isVpaas;
+    }
+
+    /**
+     * Closes the banner for the current session.
+     *
+     * @returns {void}
+     */
+    _onClosePressed() {
+        sendAnalytics(createChromeExtensionBannerEvent(false));
+        this.setState({ closePressed: true });
+    }
+
+    /**
+     * KeyPress handler for accessibility.
+     *
+     * @param {Object} e - The key event to handle.
+     *
+     * @returns {void}
+     */
+    _onCloseKeyPress(e: React.KeyboardEvent) {
+        if (e.key === ' ' || e.key === 'Enter') {
+            e.preventDefault();
+            this._onClosePressed();
+        }
+    }
+
+    /**
+     * Opens the chrome extension page.
+     *
+     * @returns {void}
+     */
+    _onInstallExtensionClick() {
+        const { edgeUrl, url } = this.props.bannerCfg;
+
+        sendAnalytics(createChromeExtensionBannerEvent(true));
+        window.open(this.isEdge && edgeUrl ? edgeUrl : url);
+        this.setState({ closePressed: true });
+    }
+
+    /**
+     * KeyPress handler for accessibility.
+     *
+     * @param {Object} e - The key event to handle.
+     *
+     * @returns {void}
+     */
+    _onInstallExtensionKeyPress(e: React.KeyboardEvent) {
+        if (e.key === ' ' || e.key === 'Enter') {
+            e.preventDefault();
+            this._onClosePressed();
+        }
+    }
+
+    /**
+     * Checks whether the banner should not be rendered.
+     *
+     * @returns {boolean} Whether to show the banner or not.
+     */
+    _shouldNotRender() {
+        if (!this._isSupportedEnvironment()) {
+            return true;
+        }
+
+        const dontShowAgain = jitsiLocalStorage.getItem(DONT_SHOW_AGAIN_CHECKED) === 'true';
+
+        return !this.props.bannerCfg.url
+            || dontShowAgain
+            || this.state.closePressed
+            || !this.state.shouldShow
+            || this.props.iAmRecorder;
+    }
+
+    /**
+    * Handles the current `don't show again` checkbox state.
+    *
+    * @param {Object} event - Input change event.
+    * @returns {void}
+    */
+    _onDontShowAgainChange(event: React.ChangeEvent<HTMLInputElement>) {
+        this.setState({ dontShowAgainChecked: event.target.checked });
+    }
+
+    /**
+     * Implements React's {@link PureComponent#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render(): React.ReactNode {
+        if (this._shouldNotRender()) {
+            if (this.state.dontShowAgainChecked) {
+                jitsiLocalStorage.setItem(DONT_SHOW_AGAIN_CHECKED, 'true');
+            }
+
+            return null;
+        }
+
+        if (!this.props.notEnoughAvailableWidth) {
+            return null;
+        }
+
+        const { bannerCfg, t } = this.props;
+        const mainClassNames = this.props.conference
+            ? 'chrome-extension-banner chrome-extension-banner__pos_in_meeting'
+            : 'chrome-extension-banner';
+
+        return (
+            <div className = { mainClassNames }>
+                <div
+                    aria-describedby = 'chrome-extension-banner__text-container'
+                    className = 'chrome-extension-banner__container'
+                    role = 'banner'>
+                    <div className = 'chrome-extension-banner__icon-container' />
+                    <div
+                        className = 'chrome-extension-banner__text-container'
+                        id = 'chrome-extension-banner__text-container'>
+                        { t('chromeExtensionBanner.installExtensionText') }
+                    </div>
+                    <div
+                        aria-label = { t('chromeExtensionBanner.close') }
+                        className = 'chrome-extension-banner__close-container'
+                        onClick = { this._onClosePressed }
+                        onKeyPress = { this._onCloseKeyPress }
+                        role = 'button'
+                        tabIndex = { 0 }>
+                        <Icon
+                            className = 'gray'
+                            size = { 12 }
+                            src = { IconCloseLarge } />
+                    </div>
+                </div>
+                <div
+                    className = 'chrome-extension-banner__button-container'>
+                    <div
+                        aria-labelledby = 'chrome-extension-banner__button-text'
+                        className = 'chrome-extension-banner__button-open-url'
+                        onClick = { this._onInstallExtensionClick }
+                        onKeyPress = { this._onInstallExtensionKeyPress }
+                        role = 'button'
+                        tabIndex = { 0 }>
+                        <div
+                            className = 'chrome-extension-banner__button-text'
+                            id = 'chrome-extension-banner__button-text'>
+                            { t(this.isEdge && bannerCfg.edgeUrl
+                                ? 'chromeExtensionBanner.buttonTextEdge'
+                                : 'chromeExtensionBanner.buttonText')
+                            }
+                        </div>
+                    </div>
+                </div>
+                <div className = 'chrome-extension-banner__checkbox-container'>
+                    <label
+                        className = 'chrome-extension-banner__checkbox-label'
+                        htmlFor = 'chrome-extension-banner__checkbox'
+                        id = 'chrome-extension-banner__checkbox-label'>
+                        <input
+                            aria-labelledby = 'chrome-extension-banner__checkbox-label'
+                            checked = { this.state.dontShowAgainChecked }
+                            id = 'chrome-extension-banner__checkbox'
+                            onChange = { this._onDontShowAgainChange }
+                            type = 'checkbox' />
+                        &nbsp;{ t('chromeExtensionBanner.dontShowAgain') }
+                    </label>
+                </div>
+            </div>
+        );
+    }
+}
+
+/**
+ * Function that maps parts of Redux state tree into component props.
+ *
+ * @param {Object} state - Redux state.
+ * @returns {Object}
+ */
+const _mapStateToProps = (state: IReduxState) => {
+    return {
+        // Using emptyObject so that we don't change the reference every time when _mapStateToProps is called.
+        bannerCfg: state['features/base/config'].chromeExtensionBanner || emptyObject,
+        conference: getCurrentConference(state),
+        iAmRecorder: Boolean(state['features/base/config'].iAmRecorder),
+        isVpaas: isVpaasMeeting(state),
+        notEnoughAvailableWidth: isNarrowScreenWithChatOpen(state)
+    };
+};
+
+export default translate(connect(_mapStateToProps)(ChromeExtensionBanner));
diff --git a/react/features/chrome-extension-banner/logger.ts b/react/features/chrome-extension-banner/logger.ts
new file mode 100644
index 0000000..bce13a4
--- /dev/null
+++ b/react/features/chrome-extension-banner/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:chrome-banner');
diff --git a/react/features/conference/actionTypes.ts b/react/features/conference/actionTypes.ts
new file mode 100644
index 0000000..bcbbd58
--- /dev/null
+++ b/react/features/conference/actionTypes.ts
@@ -0,0 +1,8 @@
+/**
+ * The type of (redux) action which dismisses calendar notification.
+ *
+ * {
+ *     type: DISMISS_CALENDAR_NOTIFICATION
+ * }
+ */
+export const DISMISS_CALENDAR_NOTIFICATION = 'DISMISS_CALENDAR_NOTIFICATION';
diff --git a/react/features/conference/actions.native.ts b/react/features/conference/actions.native.ts
new file mode 100644
index 0000000..8ccd395
--- /dev/null
+++ b/react/features/conference/actions.native.ts
@@ -0,0 +1,78 @@
+import { IStore } from '../app/types';
+import { hideDialog, openDialog } from '../base/dialog/actions';
+import AlertDialog from '../base/dialog/components/native/AlertDialog';
+import { getParticipantDisplayName } from '../base/participants/functions';
+
+import { DISMISS_CALENDAR_NOTIFICATION } from './actionTypes';
+
+
+/**
+ * Notify that we've been kicked out of the conference.
+ *
+ * @param {JitsiParticipant} participant - The {@link JitsiParticipant}
+ * instance which initiated the kick event.
+ * @param {?Function} submit - The function to execute after submitting the dialog.
+ * @returns {Function}
+ */
+export function notifyKickedOut(participant: any, submit?: Function) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        if (participant?.isReplaced?.()) {
+            submit?.();
+
+            return;
+        }
+
+        dispatch(openDialog('AlertDialog', AlertDialog, {
+            contentKey: {
+                key: participant ? 'dialog.kickTitle' : 'dialog.kickSystemTitle',
+                params: {
+                    participantDisplayName: participant && getParticipantDisplayName(getState, participant.getId())
+                }
+            },
+            onSubmit: submit
+        }));
+    };
+}
+
+/**
+ * Notify that we've been kicked out of the conference.
+ *
+ * @param {string} reasonKey - The translation key for the reason why the conference failed.
+ * @param {?Function} submit - The function to execute after submitting the dialog.
+ * @returns {Function}
+ */
+export function notifyConferenceFailed(reasonKey: string, submit?: Function) {
+    return (dispatch: IStore['dispatch']) => {
+        if (!reasonKey) {
+            submit?.();
+
+            return;
+        }
+
+        // we have to push the opening of the dialog to the queue
+        // so that we make sure it will be visible after the events
+        // of conference destroyed are done
+        setTimeout(() => dispatch(openDialog('AlertDialog', AlertDialog, {
+            contentKey: {
+                key: reasonKey
+            },
+            params: {
+            },
+            onSubmit: () => {
+                submit?.();
+                dispatch(hideDialog('AlertDialog', AlertDialog));
+            }
+        })));
+    };
+}
+
+/**
+ * Dismisses calendar notification about next or ongoing event.
+ *
+ * @returns {Object}
+ */
+export function dismissCalendarNotification() {
+    return {
+        type: DISMISS_CALENDAR_NOTIFICATION
+    };
+}
diff --git a/react/features/conference/actions.web.ts b/react/features/conference/actions.web.ts
new file mode 100644
index 0000000..7697f66
--- /dev/null
+++ b/react/features/conference/actions.web.ts
@@ -0,0 +1,91 @@
+import { IStore } from '../app/types';
+import { configureInitialDevices, getAvailableDevices } from '../base/devices/actions.web';
+import { openDialog } from '../base/dialog/actions';
+import { getJitsiMeetGlobalNSConnectionTimes } from '../base/util/helpers';
+import { getBackendSafeRoomName } from '../base/util/uri';
+
+import { DISMISS_CALENDAR_NOTIFICATION } from './actionTypes';
+import LeaveReasonDialog from './components/web/LeaveReasonDialog.web';
+import logger from './logger';
+
+/**
+ * Opens {@code LeaveReasonDialog}.
+ *
+ * @param {string} [title] - The dialog title.
+ *
+ * @returns {Promise} Resolved when the dialog is closed.
+ */
+export function openLeaveReasonDialog(title?: string) {
+    return (dispatch: IStore['dispatch']): Promise<void> => new Promise(resolve => {
+        dispatch(openDialog('LeaveReasonDialog', LeaveReasonDialog, {
+            onClose: resolve,
+            title
+        }));
+    });
+}
+
+/**
+ * Dismisses calendar notification about next or ongoing event.
+ *
+ * @returns {Object}
+ */
+export function dismissCalendarNotification() {
+    return {
+        type: DISMISS_CALENDAR_NOTIFICATION
+    };
+}
+
+/**
+ * Setups initial devices. Makes sure we populate availableDevices list before configuring.
+ *
+ * @param {boolean} recordTimeMetrics - If true, an analytics time metrics will be sent.
+ * @returns {Promise<any>}
+ */
+export function setupInitialDevices(recordTimeMetrics = false) {
+    return async (dispatch: IStore['dispatch']) => {
+        if (recordTimeMetrics) {
+            getJitsiMeetGlobalNSConnectionTimes()['setupInitialDevices.start'] = window.performance.now();
+        }
+
+        await dispatch(getAvailableDevices());
+
+        if (recordTimeMetrics) {
+            getJitsiMeetGlobalNSConnectionTimes()['setupInitialDevices.getAD.finished'] = window.performance.now();
+        }
+
+        await dispatch(configureInitialDevices());
+
+        const now = window.performance.now();
+
+        if (recordTimeMetrics) {
+            getJitsiMeetGlobalNSConnectionTimes()['setupInitialDevices.end'] = now;
+        }
+        logger.debug(`(TIME) setupInitialDevices finished: ${now}`);
+    };
+}
+
+/**
+ * Init.
+ *
+ * @param {boolean} shouldDispatchConnect - Whether or not connect should be dispatched. This should be false only when
+ * prejoin is enabled.
+ * @returns {Promise<JitsiConnection>}
+ */
+export function init(shouldDispatchConnect: boolean) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        logger.debug(`(TIME) init action dispatched: ${window.performance.now()}`);
+
+        const room = getBackendSafeRoomName(getState()['features/base/conference'].room);
+
+        // XXX For web based version we use conference initialization logic
+        // from the old app (at the moment of writing).
+        return dispatch(setupInitialDevices(true)).then(
+            () => APP.conference.init({
+                roomName: room,
+                shouldDispatchConnect
+            }).catch((error: Error) => {
+                APP.API.notifyConferenceLeft(APP.conference.roomName);
+                logger.error(error);
+            }));
+    };
+}
diff --git a/react/features/conference/components/AbstractConference.ts b/react/features/conference/components/AbstractConference.ts
new file mode 100644
index 0000000..bfbc40b
--- /dev/null
+++ b/react/features/conference/components/AbstractConference.ts
@@ -0,0 +1,80 @@
+import React, { Component } from 'react';
+
+import { IReduxState } from '../../app/types';
+import { NotificationsContainer } from '../../notifications/components';
+import { shouldDisplayTileView } from '../../video-layout/functions.any';
+import { shouldDisplayNotifications } from '../functions';
+
+/**
+ * The type of the React {@code Component} props of {@link AbstractLabels}.
+ */
+export type AbstractProps = {
+
+    /**
+     * Set to {@code true} when the notifications are to be displayed.
+     *
+     * @protected
+     * @type {boolean}
+     */
+    _notificationsVisible: boolean;
+
+    /**
+     * Conference room name.
+     *
+     * @protected
+     * @type {string}
+     */
+    _room: string;
+
+    /**
+     * Whether or not the layout should change to support tile view mode.
+     *
+     * @protected
+     * @type {boolean}
+     */
+    _shouldDisplayTileView: boolean;
+};
+
+/**
+ * A container to hold video status labels, including recording status and
+ * current large video quality.
+ *
+ * @augments Component
+ */
+export class AbstractConference<P extends AbstractProps, S>
+    extends Component<P, S> {
+
+    /**
+     * Renders the {@code LocalRecordingLabel}.
+     *
+     * @param {Object} props - The properties to be passed to
+     * the {@code NotificationsContainer}.
+     * @protected
+     * @returns {React$Element}
+     */
+    renderNotificationsContainer(props?: any) {
+        if (this.props._notificationsVisible) {
+            return (
+                React.createElement(NotificationsContainer, props)
+            );
+        }
+
+        return null;
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated props of the {@link Labels}
+ * {@code Component}.
+ *
+ * @param {Object} state - The redux state.
+ * @private
+ * @returns {AbstractProps}
+ */
+export function abstractMapStateToProps(state: IReduxState) {
+    return {
+        _notificationsVisible: shouldDisplayNotifications(state),
+        _room: state['features/base/conference'].room ?? '',
+        _shouldDisplayTileView: shouldDisplayTileView(state)
+    };
+}
diff --git a/react/features/conference/components/AbstractInsecureRoomNameLabel.tsx b/react/features/conference/components/AbstractInsecureRoomNameLabel.tsx
new file mode 100644
index 0000000..b608f97
--- /dev/null
+++ b/react/features/conference/components/AbstractInsecureRoomNameLabel.tsx
@@ -0,0 +1,58 @@
+import React, { PureComponent } from 'react';
+import { WithTranslation } from 'react-i18next';
+
+import { IReduxState } from '../../app/types';
+import isInsecureRoomName from '../../base/util/isInsecureRoomName';
+import { isUnsafeRoomWarningEnabled } from '../../prejoin/functions';
+
+interface IProps extends WithTranslation {
+
+    /**
+     * True of the label should be visible.
+     */
+    _visible: boolean;
+}
+
+/**
+ * Abstract class for the {@Code InsecureRoomNameLabel} component.
+ */
+export default class AbstractInsecureRoomNameLabel extends PureComponent<IProps> {
+    /**
+     * Implements {@code Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        if (!this.props._visible) {
+            return null;
+        }
+
+        return this._render();
+    }
+
+    /**
+     * Renders the platform dependent content.
+     *
+     * @returns {ReactElement}
+     */
+    _render() {
+        return <></>;
+    }
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @returns {IProps}
+ */
+export function _mapStateToProps(state: IReduxState) {
+    const { locked, room } = state['features/base/conference'];
+    const { lobbyEnabled } = state['features/lobby'];
+
+    return {
+        _visible: Boolean(isUnsafeRoomWarningEnabled(state)
+            && room && isInsecureRoomName(room)
+            && !(lobbyEnabled || Boolean(locked)))
+    };
+}
diff --git a/react/features/conference/components/ConferenceTimer.tsx b/react/features/conference/components/ConferenceTimer.tsx
new file mode 100644
index 0000000..acb6784
--- /dev/null
+++ b/react/features/conference/components/ConferenceTimer.tsx
@@ -0,0 +1,107 @@
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { useSelector } from 'react-redux';
+
+import { getConferenceTimestamp } from '../../base/conference/functions';
+import { getLocalizedDurationFormatter } from '../../base/i18n/dateUtil';
+
+import { ConferenceTimerDisplay } from './index';
+
+/**
+ * The type of the React {@code Component} props of {@link ConferenceTimer}.
+ */
+interface IProps {
+
+    /**
+     * Style to be applied to the rendered text.
+     */
+    textStyle?: Object;
+}
+
+export interface IDisplayProps {
+
+    /**
+     * Style to be applied to text (native only).
+     */
+    textStyle?: Object;
+
+    /**
+     * String to display as time.
+     */
+    timerValue: string;
+}
+
+const ConferenceTimer = ({ textStyle }: IProps) => {
+    const startTimestamp = useSelector(getConferenceTimestamp);
+    const [ timerValue, setTimerValue ] = useState(getLocalizedDurationFormatter(0));
+    const interval = useRef<number>();
+
+    /**
+     * Sets the current state values that will be used to render the timer.
+     *
+     * @param {number} refValueUTC - The initial UTC timestamp value.
+     * @param {number} currentValueUTC - The current UTC timestamp value.
+     *
+     * @returns {void}
+     */
+    const setStateFromUTC = useCallback((refValueUTC, currentValueUTC) => {
+        if (!refValueUTC || !currentValueUTC) {
+            return;
+        }
+
+        if (currentValueUTC < refValueUTC) {
+            return;
+        }
+
+        const timerMsValue = currentValueUTC - refValueUTC;
+
+        const localizedTime = getLocalizedDurationFormatter(timerMsValue);
+
+        setTimerValue(localizedTime);
+    }, []);
+
+    /**
+     * Start conference timer.
+     *
+     * @returns {void}
+     */
+    const startTimer = useCallback(() => {
+        if (!interval.current && startTimestamp) {
+            setStateFromUTC(startTimestamp, new Date().getTime());
+
+            interval.current = window.setInterval(() => {
+                setStateFromUTC(startTimestamp, new Date().getTime());
+            }, 1000);
+        }
+    }, [ startTimestamp, interval ]);
+
+    /**
+     * Stop conference timer.
+     *
+     * @returns {void}
+     */
+    const stopTimer = useCallback(() => {
+        if (interval.current) {
+            clearInterval(interval.current);
+            interval.current = undefined;
+        }
+
+        setTimerValue(getLocalizedDurationFormatter(0));
+    }, [ interval ]);
+
+    useEffect(() => {
+        startTimer();
+
+        return () => stopTimer();
+    }, [ startTimestamp ]);
+
+
+    if (!startTimestamp) {
+        return null;
+    }
+
+    return (<ConferenceTimerDisplay
+        textStyle = { textStyle }
+        timerValue = { timerValue } />);
+};
+
+export default ConferenceTimer;
diff --git a/react/features/conference/components/constants.ts b/react/features/conference/components/constants.ts
new file mode 100644
index 0000000..770df5a
--- /dev/null
+++ b/react/features/conference/components/constants.ts
@@ -0,0 +1,15 @@
+export const CONFERENCE_INFO = {
+    alwaysVisible: [ 'raised-hands-count', 'recording' ],
+    autoHide: [
+        'highlight-moment',
+        'subject',
+        'conference-timer',
+        'participants-count',
+        'e2ee',
+        'transcribing',
+        'video-quality',
+        'visitors-count',
+        'insecure-room',
+        'top-panel-toggle'
+    ]
+};
diff --git a/react/features/conference/components/functions.any.ts b/react/features/conference/components/functions.any.ts
new file mode 100644
index 0000000..4ebf9a0
--- /dev/null
+++ b/react/features/conference/components/functions.any.ts
@@ -0,0 +1,22 @@
+import { IReduxState } from '../../app/types';
+
+import { CONFERENCE_INFO } from './constants';
+
+/**
+ * Retrieves the conference info labels based on config values and defaults.
+ *
+ * @param {Object} state - The redux state.
+ * @returns {Object} The conferenceInfo object.
+ */
+export const getConferenceInfo = (state: IReduxState) => {
+    const { conferenceInfo } = state['features/base/config'];
+
+    if (conferenceInfo) {
+        return {
+            alwaysVisible: conferenceInfo.alwaysVisible ?? CONFERENCE_INFO.alwaysVisible,
+            autoHide: conferenceInfo.autoHide ?? CONFERENCE_INFO.autoHide
+        };
+    }
+
+    return CONFERENCE_INFO;
+};
diff --git a/react/features/conference/components/functions.native.ts b/react/features/conference/components/functions.native.ts
new file mode 100644
index 0000000..2507c12
--- /dev/null
+++ b/react/features/conference/components/functions.native.ts
@@ -0,0 +1,32 @@
+import { IReduxState } from '../../app/types';
+
+export * from './functions.any';
+
+/**
+ * Returns whether the conference is in connecting state.
+ *
+ * @param {Object} state - The redux state.
+ * @returns {boolean} Whether conference is connecting.
+ */
+export const isConnecting = (state: IReduxState) => {
+    const { connecting, connection } = state['features/base/connection'];
+    const {
+        conference,
+        joining,
+        membersOnly,
+        leaving
+    } = state['features/base/conference'];
+
+    // XXX There is a window of time between the successful establishment of the
+    // XMPP connection and the subsequent commencement of joining the MUC during
+    // which the app does not appear to be doing anything according to the redux
+    // state. In order to not toggle the _connecting props during the window of
+    // time in question, define _connecting as follows:
+    // - the XMPP connection is connecting, or
+    // - the XMPP connection is connected and the conference is joining, or
+    // - the XMPP connection is connected and we have no conference yet, nor we
+    //   are leaving one.
+    return Boolean(
+        connecting || (connection && (!membersOnly && (joining || (!conference && !leaving))))
+    );
+};
diff --git a/react/features/conference/components/functions.web.ts b/react/features/conference/components/functions.web.ts
new file mode 100644
index 0000000..c17625a
--- /dev/null
+++ b/react/features/conference/components/functions.web.ts
@@ -0,0 +1,12 @@
+export * from './functions.any';
+
+/**
+ * Whether or not there are always on labels.
+ *
+ * @returns {boolean}
+ */
+export function isAlwaysOnTitleBarEmpty() {
+    const bar = document.querySelector('#alwaysVisible>div');
+
+    return bar?.childNodes.length === 0;
+}
diff --git a/react/features/conference/components/index.native.ts b/react/features/conference/components/index.native.ts
new file mode 100644
index 0000000..4603263
--- /dev/null
+++ b/react/features/conference/components/index.native.ts
@@ -0,0 +1 @@
+export { default as ConferenceTimerDisplay } from './native/ConferenceTimerDisplay';
diff --git a/react/features/conference/components/index.web.ts b/react/features/conference/components/index.web.ts
new file mode 100644
index 0000000..8caf964
--- /dev/null
+++ b/react/features/conference/components/index.web.ts
@@ -0,0 +1 @@
+export { default as ConferenceTimerDisplay } from './web/ConferenceTimerDisplay';
diff --git a/react/features/conference/components/native/AlwaysOnLabels.tsx b/react/features/conference/components/native/AlwaysOnLabels.tsx
new file mode 100644
index 0000000..4ae7674
--- /dev/null
+++ b/react/features/conference/components/native/AlwaysOnLabels.tsx
@@ -0,0 +1,68 @@
+import React, { useCallback } from 'react';
+import { TouchableOpacity } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { JitsiRecordingConstants } from '../../../base/lib-jitsi-meet';
+import { openHighlightDialog } from '../../../recording/actions.native';
+import HighlightButton from '../../../recording/components/Recording/native/HighlightButton';
+import RecordingLabel from '../../../recording/components/native/RecordingLabel';
+import { isLiveStreamingRunning } from '../../../recording/functions';
+import VisitorsCountLabel from '../../../visitors/components/native/VisitorsCountLabel';
+
+import RaisedHandsCountLabel from './RaisedHandsCountLabel';
+import {
+    LABEL_ID_RAISED_HANDS_COUNT,
+    LABEL_ID_RECORDING,
+    LABEL_ID_STREAMING,
+    LABEL_ID_VISITORS_COUNT,
+    LabelHitSlop
+} from './constants';
+
+interface IProps {
+
+    /**
+     * Creates a function to be invoked when the onPress of the touchables are
+     * triggered.
+     */
+    createOnPress: Function;
+}
+
+const AlwaysOnLabels = ({ createOnPress }: IProps) => {
+    const dispatch = useDispatch();
+    const isStreaming = useSelector(isLiveStreamingRunning);
+    const openHighlightDialogCallback = useCallback(() =>
+        dispatch(openHighlightDialog()), [ dispatch ]);
+
+    return (<>
+        <TouchableOpacity
+            hitSlop = { LabelHitSlop }
+            onPress = { createOnPress(LABEL_ID_RECORDING) } >
+            <RecordingLabel mode = { JitsiRecordingConstants.mode.FILE } />
+        </TouchableOpacity>
+        {
+            isStreaming
+            && <TouchableOpacity
+                hitSlop = { LabelHitSlop }
+                onPress = { createOnPress(LABEL_ID_STREAMING) } >
+                <RecordingLabel mode = { JitsiRecordingConstants.mode.STREAM } />
+            </TouchableOpacity>
+        }
+        <TouchableOpacity
+            hitSlop = { LabelHitSlop }
+            onPress = { openHighlightDialogCallback }>
+            <HighlightButton />
+        </TouchableOpacity>
+        <TouchableOpacity
+            hitSlop = { LabelHitSlop }
+            onPress = { createOnPress(LABEL_ID_RAISED_HANDS_COUNT) } >
+            <RaisedHandsCountLabel />
+        </TouchableOpacity>
+        <TouchableOpacity
+            hitSlop = { LabelHitSlop }
+            onPress = { createOnPress(LABEL_ID_VISITORS_COUNT) } >
+            <VisitorsCountLabel />
+        </TouchableOpacity>
+    </>);
+};
+
+export default AlwaysOnLabels;
diff --git a/react/features/conference/components/native/Conference.tsx b/react/features/conference/components/native/Conference.tsx
new file mode 100644
index 0000000..a87ff1b
--- /dev/null
+++ b/react/features/conference/components/native/Conference.tsx
@@ -0,0 +1,604 @@
+import { useFocusEffect } from '@react-navigation/native';
+import React, { useCallback } from 'react';
+import {
+    BackHandler,
+    NativeModules,
+    View,
+    ViewStyle
+} from 'react-native';
+import { Edge, EdgeInsets, SafeAreaView, withSafeAreaInsets } from 'react-native-safe-area-context';
+import { connect, useDispatch } from 'react-redux';
+
+import { appNavigate } from '../../../app/actions.native';
+import { IReduxState, IStore } from '../../../app/types';
+import { CONFERENCE_BLURRED, CONFERENCE_FOCUSED } from '../../../base/conference/actionTypes';
+import { isDisplayNameVisible } from '../../../base/config/functions.native';
+import Container from '../../../base/react/components/native/Container';
+import LoadingIndicator from '../../../base/react/components/native/LoadingIndicator';
+import TintedView from '../../../base/react/components/native/TintedView';
+import {
+    ASPECT_RATIO_NARROW,
+    ASPECT_RATIO_WIDE
+} from '../../../base/responsive-ui/constants';
+import { StyleType } from '../../../base/styles/functions.any';
+import TestConnectionInfo from '../../../base/testing/components/TestConnectionInfo';
+import { isCalendarEnabled } from '../../../calendar-sync/functions.native';
+import DisplayNameLabel from '../../../display-name/components/native/DisplayNameLabel';
+import BrandingImageBackground from '../../../dynamic-branding/components/native/BrandingImageBackground';
+import Filmstrip from '../../../filmstrip/components/native/Filmstrip';
+import TileView from '../../../filmstrip/components/native/TileView';
+import { FILMSTRIP_SIZE } from '../../../filmstrip/constants';
+import { isFilmstripVisible } from '../../../filmstrip/functions.native';
+import CalleeInfoContainer from '../../../invite/components/callee-info/CalleeInfoContainer';
+import LargeVideo from '../../../large-video/components/LargeVideo.native';
+import { getIsLobbyVisible } from '../../../lobby/functions';
+import { navigate } from '../../../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
+import { screen } from '../../../mobile/navigation/routes';
+import { isPipEnabled, setPictureInPictureEnabled } from '../../../mobile/picture-in-picture/functions';
+import Captions from '../../../subtitles/components/native/Captions';
+import { setToolboxVisible } from '../../../toolbox/actions.native';
+import Toolbox from '../../../toolbox/components/native/Toolbox';
+import { isToolboxVisible } from '../../../toolbox/functions.native';
+import {
+    AbstractConference,
+    type AbstractProps,
+    abstractMapStateToProps
+} from '../AbstractConference';
+import { isConnecting } from '../functions.native';
+
+import AlwaysOnLabels from './AlwaysOnLabels';
+import ExpandedLabelPopup from './ExpandedLabelPopup';
+import LonelyMeetingExperience from './LonelyMeetingExperience';
+import TitleBar from './TitleBar';
+import { EXPANDED_LABEL_TIMEOUT } from './constants';
+import styles from './styles';
+
+/**
+ * The type of the React {@code Component} props of {@link Conference}.
+ */
+interface IProps extends AbstractProps {
+
+    /**
+     * Application's aspect ratio.
+     */
+    _aspectRatio: Symbol;
+
+    /**
+     * Whether the audio only is enabled or not.
+     */
+    _audioOnlyEnabled: boolean;
+
+    /**
+     * Branding styles for conference.
+     */
+    _brandingStyles: StyleType;
+
+    /**
+     * Whether the calendar feature is enabled or not.
+     */
+    _calendarEnabled: boolean;
+
+    /**
+     * The indicator which determines that we are still connecting to the
+     * conference which includes establishing the XMPP connection and then
+     * joining the room. If truthy, then an activity/loading indicator will be
+     * rendered.
+     */
+    _connecting: boolean;
+
+    /**
+     * Set to {@code true} when the filmstrip is currently visible.
+     */
+    _filmstripVisible: boolean;
+
+    /**
+     * The indicator which determines if the display name is visible.
+     */
+    _isDisplayNameVisible: boolean;
+
+    /**
+     * The indicator which determines if the participants pane is open.
+     */
+    _isParticipantsPaneOpen: boolean;
+
+    /**
+     * The ID of the participant currently on stage (if any).
+     */
+    _largeVideoParticipantId: string;
+
+    /**
+     * Local participant's display name.
+     */
+    _localParticipantDisplayName: string;
+
+    /**
+     * Whether Picture-in-Picture is enabled.
+     */
+    _pictureInPictureEnabled: boolean;
+
+    /**
+     * The indicator which determines whether the UI is reduced (to accommodate
+     * smaller display areas).
+     */
+    _reducedUI: boolean;
+
+    /**
+     * Indicates whether the lobby screen should be visible.
+     */
+    _showLobby: boolean;
+
+    /**
+     * Indicates whether the car mode is enabled.
+     */
+    _startCarMode: boolean;
+
+    /**
+     * The indicator which determines whether the Toolbox is visible.
+     */
+    _toolboxVisible: boolean;
+
+    /**
+     * The redux {@code dispatch} function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+    * Object containing the safe area insets.
+    */
+    insets: EdgeInsets;
+
+    /**
+     * Default prop for navigating between screen components(React Navigation).
+     */
+    navigation: any;
+}
+
+type State = {
+
+    /**
+     * The label that is currently expanded.
+     */
+    visibleExpandedLabel?: string;
+};
+
+/**
+ * The conference page of the mobile (i.e. React Native) application.
+ */
+class Conference extends AbstractConference<IProps, State> {
+    /**
+     * Timeout ref.
+     */
+    _expandedLabelTimeout: any;
+
+    /**
+     * Initializes hardwareBackPress subscription.
+     */
+    _hardwareBackPressSubscription: any;
+
+    /**
+     * Initializes a new Conference instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            visibleExpandedLabel: undefined
+        };
+
+        this._expandedLabelTimeout = React.createRef<number>();
+
+        // Bind event handlers so they are only bound once per instance.
+        this._onClick = this._onClick.bind(this);
+        this._onHardwareBackPress = this._onHardwareBackPress.bind(this);
+        this._setToolboxVisible = this._setToolboxVisible.bind(this);
+        this._createOnPress = this._createOnPress.bind(this);
+    }
+
+    /**
+     * Implements {@link Component#componentDidMount()}. Invoked immediately
+     * after this component is mounted.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidMount() {
+        const {
+            _audioOnlyEnabled,
+            _startCarMode,
+            navigation
+        } = this.props;
+
+        this._hardwareBackPressSubscription = BackHandler.addEventListener('hardwareBackPress', this._onHardwareBackPress);
+
+        if (_audioOnlyEnabled && _startCarMode) {
+            navigation.navigate(screen.conference.carmode);
+        }
+    }
+
+    /**
+     * Implements {@code Component#componentDidUpdate}.
+     *
+     * @inheritdoc
+     */
+    override componentDidUpdate(prevProps: IProps) {
+        const {
+            _audioOnlyEnabled,
+            _showLobby,
+            _startCarMode
+        } = this.props;
+
+        if (!prevProps._showLobby && _showLobby) {
+            navigate(screen.lobby.root);
+        }
+
+        if (prevProps._showLobby && !_showLobby) {
+            if (_audioOnlyEnabled && _startCarMode) {
+                return;
+            }
+
+            navigate(screen.conference.main);
+        }
+    }
+
+    /**
+     * Implements {@link Component#componentWillUnmount()}. Invoked immediately
+     * before this component is unmounted and destroyed. Disconnects the
+     * conference described by the redux store/state.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentWillUnmount() {
+        // Tear handling any hardware button presses for back navigation down.
+        this._hardwareBackPressSubscription?.remove();
+
+        clearTimeout(this._expandedLabelTimeout.current ?? 0);
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const {
+            _brandingStyles,
+        } = this.props;
+
+        return (
+            <Container
+                style = { [
+                    styles.conference,
+                    _brandingStyles
+                ] }>
+                <BrandingImageBackground />
+                { this._renderContent() }
+            </Container>
+        );
+    }
+
+    /**
+     * Changes the value of the toolboxVisible state, thus allowing us to switch
+     * between Toolbox and Filmstrip and change their visibility.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onClick() {
+        this._setToolboxVisible(!this.props._toolboxVisible);
+    }
+
+    /**
+     * Handles a hardware button press for back navigation. Enters Picture-in-Picture mode
+     * (if supported) or leaves the associated {@code Conference} otherwise.
+     *
+     * @returns {boolean} Exiting the app is undesired, so {@code true} is always returned.
+     */
+    _onHardwareBackPress() {
+        let p;
+
+        if (this.props._pictureInPictureEnabled) {
+            const { PictureInPicture } = NativeModules;
+
+            p = PictureInPicture.enterPictureInPicture();
+        } else {
+            p = Promise.reject(new Error('PiP not enabled'));
+        }
+
+        p.catch(() => {
+            this.props.dispatch(appNavigate(undefined));
+        });
+
+        return true;
+    }
+
+    /**
+     * Creates a function to be invoked when the onPress of the touchables are
+     * triggered.
+     *
+     * @param {string} label - The identifier of the label that's onLayout is
+     * triggered.
+     * @returns {Function}
+     */
+    _createOnPress(label: string) {
+        return () => {
+            const { visibleExpandedLabel } = this.state;
+
+            const newVisibleExpandedLabel
+                = visibleExpandedLabel === label ? undefined : label;
+
+            clearTimeout(this._expandedLabelTimeout.current);
+            this.setState({
+                visibleExpandedLabel: newVisibleExpandedLabel
+            });
+
+            if (newVisibleExpandedLabel) {
+                this._expandedLabelTimeout.current = setTimeout(() => {
+                    this.setState({
+                        visibleExpandedLabel: undefined
+                    });
+                }, EXPANDED_LABEL_TIMEOUT);
+            }
+        };
+    }
+
+    /**
+     * Renders the content for the Conference container.
+     *
+     * @private
+     * @returns {React$Element}
+     */
+    _renderContent() {
+        const {
+            _aspectRatio,
+            _connecting,
+            _filmstripVisible,
+            _isDisplayNameVisible,
+            _largeVideoParticipantId,
+            _reducedUI,
+            _shouldDisplayTileView,
+            _toolboxVisible
+        } = this.props;
+
+        let alwaysOnTitleBarStyles;
+
+        if (_reducedUI) {
+            return this._renderContentForReducedUi();
+        }
+
+        if (_aspectRatio === ASPECT_RATIO_WIDE) {
+            alwaysOnTitleBarStyles
+                = !_shouldDisplayTileView && _filmstripVisible
+                    ? styles.alwaysOnTitleBarWide
+                    : styles.alwaysOnTitleBar;
+        } else {
+            alwaysOnTitleBarStyles = styles.alwaysOnTitleBar;
+
+        }
+
+        return (
+            <>
+                {/*
+                  * The LargeVideo is the lowermost stacking layer.
+                  */
+                    _shouldDisplayTileView
+                        ? <TileView onClick = { this._onClick } />
+                        : <LargeVideo onClick = { this._onClick } />
+                }
+
+                {/*
+                  * If there is a ringing call, show the callee's info.
+                  */
+                    <CalleeInfoContainer />
+                }
+
+                {/*
+                  * The activity/loading indicator goes above everything, except
+                  * the toolbox/toolbars and the dialogs.
+                  */
+                    _connecting
+                        && <TintedView>
+                            <LoadingIndicator />
+                        </TintedView>
+                }
+
+                <View
+                    pointerEvents = 'box-none'
+                    style = { styles.toolboxAndFilmstripContainer as ViewStyle }>
+
+                    <Captions onPress = { this._onClick } />
+
+                    {
+                        _shouldDisplayTileView
+                        || (_isDisplayNameVisible && (
+                            <Container style = { styles.displayNameContainer }>
+                                <DisplayNameLabel
+                                    participantId = { _largeVideoParticipantId } />
+                            </Container>
+                        ))
+                    }
+
+                    { !_shouldDisplayTileView && <LonelyMeetingExperience /> }
+
+                    {
+                        _shouldDisplayTileView
+                        || <>
+                            <Filmstrip />
+                            { this._renderNotificationsContainer() }
+                            <Toolbox />
+                        </>
+                    }
+                </View>
+
+                <SafeAreaView
+                    edges = { [ 'left', 'right', 'top' ] }
+                    pointerEvents = 'box-none'
+                    style = {
+                        (_toolboxVisible
+                            ? styles.titleBarSafeViewColor
+                            : styles.titleBarSafeViewTransparent) as ViewStyle }>
+                    <TitleBar _createOnPress = { this._createOnPress } />
+                </SafeAreaView>
+                <SafeAreaView
+                    edges = { [ 'bottom', 'left', 'right', !_toolboxVisible && 'top' ].filter(Boolean) as Edge[] }
+                    pointerEvents = 'box-none'
+                    style = {
+                        (_toolboxVisible
+                            ? [ styles.titleBarSafeViewTransparent, { top: this.props.insets.top + 50 } ]
+                            : styles.titleBarSafeViewTransparent) as ViewStyle
+                    }>
+                    <View
+                        pointerEvents = 'box-none'
+                        style = { styles.expandedLabelWrapper }>
+                        <ExpandedLabelPopup visibleExpandedLabel = { this.state.visibleExpandedLabel } />
+                    </View>
+                    <View
+                        pointerEvents = 'box-none'
+                        style = { alwaysOnTitleBarStyles as ViewStyle }>
+                        {/* eslint-disable-next-line react/jsx-no-bind */}
+                        <AlwaysOnLabels createOnPress = { this._createOnPress } />
+                    </View>
+                </SafeAreaView>
+
+                <TestConnectionInfo />
+
+                {
+                    _shouldDisplayTileView
+                    && <>
+                        { this._renderNotificationsContainer() }
+                        <Toolbox />
+                    </>
+                }
+            </>
+        );
+    }
+
+    /**
+     * Renders the content for the Conference container when in "reduced UI" mode.
+     *
+     * @private
+     * @returns {React$Element}
+     */
+    _renderContentForReducedUi() {
+        const { _connecting } = this.props;
+
+        return (
+            <>
+                <LargeVideo onClick = { this._onClick } />
+
+                {
+                    _connecting
+                        && <TintedView>
+                            <LoadingIndicator />
+                        </TintedView>
+                }
+            </>
+        );
+    }
+
+    /**
+     * Renders a container for notifications to be displayed by the
+     * base/notifications feature.
+     *
+     * @private
+     * @returns {React$Element}
+     */
+    _renderNotificationsContainer() {
+        const notificationsStyle: ViewStyle = {};
+
+        // In the landscape mode (wide) there's problem with notifications being
+        // shadowed by the filmstrip rendered on the right. This makes the "x"
+        // button not clickable. In order to avoid that a margin of the
+        // filmstrip's size is added to the right.
+        //
+        // Pawel: after many attempts I failed to make notifications adjust to
+        // their contents width because of column and rows being used in the
+        // flex layout. The only option that seemed to limit the notification's
+        // size was explicit 'width' value which is not better than the margin
+        // added here.
+        const { _aspectRatio, _filmstripVisible } = this.props;
+
+        if (_filmstripVisible && _aspectRatio !== ASPECT_RATIO_NARROW) {
+            notificationsStyle.marginRight = FILMSTRIP_SIZE;
+        }
+
+        return super.renderNotificationsContainer(
+            {
+                shouldDisplayTileView: this.props._shouldDisplayTileView,
+                style: notificationsStyle,
+                toolboxVisible: this.props._toolboxVisible
+            }
+        );
+    }
+
+    /**
+     * Dispatches an action changing the visibility of the {@link Toolbox}.
+     *
+     * @private
+     * @param {boolean} visible - Pass {@code true} to show the
+     * {@code Toolbox} or {@code false} to hide it.
+     * @returns {void}
+     */
+    _setToolboxVisible(visible: boolean) {
+        this.props.dispatch(setToolboxVisible(visible));
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated {@code Conference}'s props.
+ *
+ * @param {Object} state - The redux state.
+ * @param {any} _ownProps - Component's own props.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState, _ownProps: any) {
+    const { isOpen } = state['features/participants-pane'];
+    const { aspectRatio, reducedUI } = state['features/base/responsive-ui'];
+    const { backgroundColor } = state['features/dynamic-branding'];
+    const { startCarMode } = state['features/base/settings'];
+    const { enabled: audioOnlyEnabled } = state['features/base/audio-only'];
+    const brandingStyles = backgroundColor ? {
+        background: backgroundColor
+    } : undefined;
+
+    return {
+        ...abstractMapStateToProps(state),
+        _aspectRatio: aspectRatio,
+        _audioOnlyEnabled: Boolean(audioOnlyEnabled),
+        _brandingStyles: brandingStyles,
+        _calendarEnabled: isCalendarEnabled(state),
+        _connecting: isConnecting(state),
+        _filmstripVisible: isFilmstripVisible(state),
+        _isDisplayNameVisible: isDisplayNameVisible(state),
+        _isParticipantsPaneOpen: isOpen,
+        _largeVideoParticipantId: state['features/large-video'].participantId,
+        _pictureInPictureEnabled: isPipEnabled(state),
+        _reducedUI: reducedUI,
+        _showLobby: getIsLobbyVisible(state),
+        _startCarMode: startCarMode,
+        _toolboxVisible: isToolboxVisible(state)
+    };
+}
+
+export default withSafeAreaInsets(connect(_mapStateToProps)(props => {
+    const dispatch = useDispatch();
+
+    useFocusEffect(useCallback(() => {
+        dispatch({ type: CONFERENCE_FOCUSED });
+        setPictureInPictureEnabled(true);
+
+        return () => {
+            dispatch({ type: CONFERENCE_BLURRED });
+            setPictureInPictureEnabled(false);
+        };
+    }, []));
+
+    return ( // @ts-ignore
+        <Conference { ...props } />
+    );
+}));
diff --git a/react/features/conference/components/native/ConferenceTimerDisplay.tsx b/react/features/conference/components/native/ConferenceTimerDisplay.tsx
new file mode 100644
index 0000000..a4545cd
--- /dev/null
+++ b/react/features/conference/components/native/ConferenceTimerDisplay.tsx
@@ -0,0 +1,21 @@
+import React from 'react';
+import { Text } from 'react-native';
+
+import { IDisplayProps } from '../ConferenceTimer';
+
+/**
+ * Returns native element to be rendered.
+ *
+ * @param {Object} props - Component props.
+ *
+ * @returns {ReactElement}
+ */
+export default function ConferenceTimerDisplay({ timerValue, textStyle }: IDisplayProps) {
+    return (
+        <Text
+            numberOfLines = { 1 }
+            style = { textStyle }>
+            { timerValue }
+        </Text>
+    );
+}
diff --git a/react/features/conference/components/native/ExpandedLabelPopup.tsx b/react/features/conference/components/native/ExpandedLabelPopup.tsx
new file mode 100644
index 0000000..750ada5
--- /dev/null
+++ b/react/features/conference/components/native/ExpandedLabelPopup.tsx
@@ -0,0 +1,36 @@
+import React from 'react';
+
+import BaseTheme from '../../../base/ui/components/BaseTheme';
+
+import { EXPANDED_LABELS } from './constants';
+
+interface IProps {
+
+    /**
+     * The selected label to show details.
+     */
+    visibleExpandedLabel?: string;
+}
+
+const ExpandedLabelPopup = ({ visibleExpandedLabel }: IProps) => {
+    if (visibleExpandedLabel) {
+        const expandedLabel = EXPANDED_LABELS[visibleExpandedLabel as keyof typeof EXPANDED_LABELS];
+
+        if (expandedLabel) {
+            const LabelComponent = expandedLabel.component;
+
+            const { props, alwaysOn } = expandedLabel;
+            const style = {
+                top: alwaysOn ? BaseTheme.spacing[6] : BaseTheme.spacing[1]
+            };
+
+            return (<LabelComponent
+                { ...props }
+                style = { style } />);
+        }
+    }
+
+    return null;
+};
+
+export default ExpandedLabelPopup;
diff --git a/react/features/conference/components/native/InsecureRoomNameExpandedLabel.tsx b/react/features/conference/components/native/InsecureRoomNameExpandedLabel.tsx
new file mode 100644
index 0000000..8d4e781
--- /dev/null
+++ b/react/features/conference/components/native/InsecureRoomNameExpandedLabel.tsx
@@ -0,0 +1,51 @@
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import ExpandedLabel, { IProps as AbstractProps } from '../../../base/label/components/native/ExpandedLabel';
+import getUnsafeRoomText from '../../../base/util/getUnsafeRoomText.native';
+
+import { INSECURE_ROOM_NAME_LABEL_COLOR } from './styles';
+
+interface IProps extends AbstractProps, WithTranslation {
+    getUnsafeRoomTextFn: Function;
+}
+
+/**
+ * A react {@code Component} that implements an expanded label as tooltip-like
+ * component to explain the meaning of the {@code InsecureRoomNameExpandedLabel}.
+ */
+class InsecureRoomNameExpandedLabel extends ExpandedLabel<IProps> {
+    /**
+     * Returns the color this expanded label should be rendered with.
+     *
+     * @returns {string}
+     */
+    _getColor() {
+        return INSECURE_ROOM_NAME_LABEL_COLOR;
+    }
+
+    /**
+     * Returns the label specific text of this {@code ExpandedLabel}.
+     *
+     * @returns {string}
+     */
+    _getLabel() {
+        return this.props.getUnsafeRoomTextFn(this.props.t);
+    }
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    return {
+        getUnsafeRoomTextFn: (t: Function) => getUnsafeRoomText(state, t, 'meeting')
+    };
+}
+
+export default translate(connect(_mapStateToProps)(InsecureRoomNameExpandedLabel));
diff --git a/react/features/conference/components/native/InsecureRoomNameLabel.tsx b/react/features/conference/components/native/InsecureRoomNameLabel.tsx
new file mode 100644
index 0000000..771d417
--- /dev/null
+++ b/react/features/conference/components/native/InsecureRoomNameLabel.tsx
@@ -0,0 +1,29 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import { translate } from '../../../base/i18n/functions';
+import { IconWarning } from '../../../base/icons/svg';
+import Label from '../../../base/label/components/native/Label';
+import AbstractInsecureRoomNameLabel, { _mapStateToProps } from '../AbstractInsecureRoomNameLabel';
+
+import styles from './styles';
+
+/**
+ * Renders a label indicating that we are in a room with an insecure name.
+ */
+class InsecureRoomNameLabel extends AbstractInsecureRoomNameLabel {
+    /**
+     * Renders the platform dependent content.
+     *
+     * @inheritdoc
+     */
+    _render() {
+        return (
+            <Label
+                icon = { IconWarning }
+                style = { styles.insecureRoomNameLabel } />
+        );
+    }
+}
+
+export default translate(connect(_mapStateToProps)(InsecureRoomNameLabel));
diff --git a/react/features/conference/components/native/Labels.tsx b/react/features/conference/components/native/Labels.tsx
new file mode 100644
index 0000000..c3971ae
--- /dev/null
+++ b/react/features/conference/components/native/Labels.tsx
@@ -0,0 +1,54 @@
+import React, { Component } from 'react';
+import { TouchableOpacity, View, ViewStyle } from 'react-native';
+
+import VideoQualityLabel from '../../../video-quality/components/VideoQualityLabel.native';
+
+import InsecureRoomNameLabel from './InsecureRoomNameLabel';
+import { LABEL_ID_INSECURE_ROOM_NAME, LABEL_ID_QUALITY, LabelHitSlop } from './constants';
+import styles from './styles';
+
+interface IProps {
+
+    /**
+     * Creates a function to be invoked when the onPress of the touchables are
+     * triggered.
+     */
+    createOnPress: Function;
+}
+
+/**
+ * A container that renders the conference indicators, if any.
+ */
+class Labels extends Component<IProps> {
+
+    /**
+     * Implements React {@code Component}'s render.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        return (
+            <View pointerEvents = 'box-none'>
+                <View
+                    pointerEvents = 'box-none'
+                    style = { styles.indicatorContainer as ViewStyle }>
+                    <TouchableOpacity
+                        hitSlop = { LabelHitSlop }
+                        onPress = {
+                            this.props.createOnPress(LABEL_ID_INSECURE_ROOM_NAME)
+                        } >
+                        <InsecureRoomNameLabel />
+                    </TouchableOpacity>
+                    <TouchableOpacity
+                        hitSlop = { LabelHitSlop }
+                        onPress = {
+                            this.props.createOnPress(LABEL_ID_QUALITY) } >
+                        <VideoQualityLabel />
+                    </TouchableOpacity>
+                </View>
+            </View>
+        );
+    }
+}
+
+export default Labels;
diff --git a/react/features/conference/components/native/LonelyMeetingExperience.tsx b/react/features/conference/components/native/LonelyMeetingExperience.tsx
new file mode 100644
index 0000000..1452b06
--- /dev/null
+++ b/react/features/conference/components/native/LonelyMeetingExperience.tsx
@@ -0,0 +1,159 @@
+import React, { PureComponent } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { Text, View, ViewStyle } from 'react-native';
+import { connect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../../app/types';
+import { INVITE_ENABLED } from '../../../base/flags/constants';
+import { getFeatureFlag } from '../../../base/flags/functions';
+import { translate } from '../../../base/i18n/functions';
+import Icon from '../../../base/icons/components/Icon';
+import { IconAddUser } from '../../../base/icons/svg';
+import {
+    addPeopleFeatureControl,
+    getParticipantCountWithFake,
+    setShareDialogVisiblity
+} from '../../../base/participants/functions';
+import Button from '../../../base/ui/components/native/Button';
+import { BUTTON_TYPES } from '../../../base/ui/constants.native';
+import { isInBreakoutRoom } from '../../../breakout-rooms/functions';
+import { doInvitePeople } from '../../../invite/actions.native';
+import { getInviteOthersControl } from '../../../share-room/functions';
+
+import styles from './styles';
+
+
+/**
+ * Props type of the component.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * Control for invite other button.
+     */
+    _inviteOthersControl: any;
+
+    /**
+     * Checks if add-people feature is enabled.
+     */
+    _isAddPeopleFeatureEnabled: boolean;
+
+    /**
+     * True if currently in a breakout room.
+     */
+    _isInBreakoutRoom: boolean;
+
+    /**
+     * True if the invite functions (dial out, invite, share...etc) are disabled.
+     */
+    _isInviteFunctionsDisabled: boolean;
+
+    /**
+     * True if it's a lonely meeting (participant count excluding fakes is 1).
+     */
+    _isLonelyMeeting: boolean;
+
+    /**
+     * The Redux Dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+}
+
+/**
+ * Implements the UI elements to be displayed in the lonely meeting experience.
+ */
+class LonelyMeetingExperience extends PureComponent<IProps> {
+    /**
+     * Instantiates a new component.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._onPress = this._onPress.bind(this);
+    }
+
+    /**
+     * Implements {@code PureComponent#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const {
+            _inviteOthersControl,
+            _isAddPeopleFeatureEnabled,
+            _isInBreakoutRoom,
+            _isInviteFunctionsDisabled,
+            _isLonelyMeeting,
+            t
+        } = this.props;
+        const { color, shareDialogVisible } = _inviteOthersControl;
+
+        if (!_isLonelyMeeting || !_isAddPeopleFeatureEnabled) {
+            return null;
+        }
+
+        return (
+            <View style = { styles.lonelyMeetingContainer as ViewStyle }>
+                <Text style = { styles.lonelyMessage }>
+                    { t('lonelyMeetingExperience.youAreAlone') }
+                </Text>
+                { !_isInviteFunctionsDisabled && !_isInBreakoutRoom && (
+                    <Button
+                        accessibilityLabel = 'lonelyMeetingExperience.button'
+                        disabled = { shareDialogVisible }
+                        // eslint-disable-next-line react/jsx-no-bind
+                        icon = { () => (
+                            <Icon
+                                color = { color }
+                                size = { 20 }
+                                src = { IconAddUser } />
+                        ) }
+                        labelKey = 'lonelyMeetingExperience.button'
+                        onClick = { this._onPress }
+                        type = { BUTTON_TYPES.PRIMARY } />
+                ) }
+            </View>
+        );
+    }
+
+    /**
+     * Callback for the onPress function of the button.
+     *
+     * @returns {void}
+     */
+    _onPress() {
+        const { _isAddPeopleFeatureEnabled, dispatch } = this.props;
+
+        setShareDialogVisiblity(_isAddPeopleFeatureEnabled, dispatch);
+
+        dispatch(doInvitePeople());
+    }
+}
+
+/**
+ * Maps parts of the Redux state to the props of this Component.
+ *
+ * @param {Object} state - The redux state.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const { disableInviteFunctions } = state['features/base/config'];
+    const { conference } = state['features/base/conference'];
+    const _inviteOthersControl = getInviteOthersControl(state);
+    const flag = getFeatureFlag(state, INVITE_ENABLED, true);
+    const _isAddPeopleFeatureEnabled = addPeopleFeatureControl(state);
+    const _isInBreakoutRoom = isInBreakoutRoom(state);
+
+    return {
+        _isAddPeopleFeatureEnabled,
+        _inviteOthersControl,
+        _isInBreakoutRoom,
+        _isInviteFunctionsDisabled: Boolean(!flag || disableInviteFunctions),
+        _isLonelyMeeting: Boolean(conference && getParticipantCountWithFake(state) === 1)
+    };
+}
+
+export default connect(_mapStateToProps)(translate(LonelyMeetingExperience));
diff --git a/react/features/conference/components/native/RaisedHandsCountExpandedLabel.ts b/react/features/conference/components/native/RaisedHandsCountExpandedLabel.ts
new file mode 100644
index 0000000..427ea25
--- /dev/null
+++ b/react/features/conference/components/native/RaisedHandsCountExpandedLabel.ts
@@ -0,0 +1,24 @@
+import { WithTranslation } from 'react-i18next';
+
+import { translate } from '../../../base/i18n/functions';
+import ExpandedLabel, { IProps as AbstractProps } from '../../../base/label/components/native/ExpandedLabel';
+
+type Props = AbstractProps & WithTranslation;
+
+/**
+ * A react {@code Component} that implements an expanded label as tooltip-like
+ * component to explain the meaning of the {@code RaisedHandsCountExpandedLabel}.
+ */
+class RaisedHandsCountExpandedLabel extends ExpandedLabel<Props> {
+
+    /**
+     * Returns the label specific text of this {@code ExpandedLabel}.
+     *
+     * @returns {string}
+     */
+    _getLabel() {
+        return this.props.t('raisedHandsLabel');
+    }
+}
+
+export default translate(RaisedHandsCountExpandedLabel);
diff --git a/react/features/conference/components/native/RaisedHandsCountLabel.tsx b/react/features/conference/components/native/RaisedHandsCountLabel.tsx
new file mode 100644
index 0000000..391c16a
--- /dev/null
+++ b/react/features/conference/components/native/RaisedHandsCountLabel.tsx
@@ -0,0 +1,25 @@
+import React from 'react';
+import { useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { IconRaiseHand } from '../../../base/icons/svg';
+import Label from '../../../base/label/components/native/Label';
+import BaseTheme from '../../../base/ui/components/BaseTheme.native';
+
+import styles from './styles';
+
+const RaisedHandsCountLabel = () => {
+    const raisedHandsCount = useSelector((state: IReduxState) =>
+        (state['features/base/participants'].raisedHandsQueue || []).length);
+
+    return raisedHandsCount > 0 ? (
+        <Label
+            icon = { IconRaiseHand }
+            iconColor = { BaseTheme.palette.uiBackground }
+            style = { styles.raisedHandsCountLabel }
+            text = { `${raisedHandsCount}` }
+            textStyle = { styles.raisedHandsCountLabelText } />
+    ) : null;
+};
+
+export default RaisedHandsCountLabel;
diff --git a/react/features/conference/components/native/TitleBar.tsx b/react/features/conference/components/native/TitleBar.tsx
new file mode 100644
index 0000000..0328253
--- /dev/null
+++ b/react/features/conference/components/native/TitleBar.tsx
@@ -0,0 +1,157 @@
+import React from 'react';
+import { Text, View, ViewStyle } from 'react-native';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { getConferenceName, getConferenceTimestamp } from '../../../base/conference/functions';
+import {
+    AUDIO_DEVICE_BUTTON_ENABLED,
+    CONFERENCE_TIMER_ENABLED,
+    TOGGLE_CAMERA_BUTTON_ENABLED
+} from '../../../base/flags/constants';
+import { getFeatureFlag } from '../../../base/flags/functions';
+import AudioDeviceToggleButton from '../../../mobile/audio-mode/components/AudioDeviceToggleButton';
+import PictureInPictureButton from '../../../mobile/picture-in-picture/components/PictureInPictureButton';
+import ParticipantsPaneButton from '../../../participants-pane/components/native/ParticipantsPaneButton';
+import { isParticipantsPaneEnabled } from '../../../participants-pane/functions';
+import { isRoomNameEnabled } from '../../../prejoin/functions.native';
+import ToggleCameraButton from '../../../toolbox/components/native/ToggleCameraButton';
+import { isToolboxVisible } from '../../../toolbox/functions.native';
+import ConferenceTimer from '../ConferenceTimer';
+
+import Labels from './Labels';
+import styles from './styles';
+
+
+interface IProps {
+
+    /**
+     * Whether the audio device button should be displayed.
+     */
+    _audioDeviceButtonEnabled: boolean;
+
+    /**
+     * Whether displaying the current conference timer is enabled or not.
+     */
+    _conferenceTimerEnabled: boolean;
+
+    /**
+     * Creates a function to be invoked when the onPress of the touchables are
+     * triggered.
+     */
+    _createOnPress: Function;
+
+    /**
+     * Whether participants feature is enabled or not.
+     */
+    _isParticipantsPaneEnabled: boolean;
+
+    /**
+     * Name of the meeting we're currently in.
+     */
+    _meetingName: string;
+
+    /**
+     * Whether displaying the current room name is enabled or not.
+     */
+    _roomNameEnabled: boolean;
+
+    /**
+     * Whether the toggle camera button should be displayed.
+     */
+    _toggleCameraButtonEnabled: boolean;
+
+    /**
+     * True if the navigation bar should be visible.
+     */
+    _visible: boolean;
+}
+
+/**
+ * Implements a navigation bar component that is rendered on top of the
+ * conference screen.
+ *
+ * @param {IProps} props - The React props passed to this component.
+ * @returns {JSX.Element}
+ */
+const TitleBar = (props: IProps) => {
+    const { _isParticipantsPaneEnabled, _visible } = props;
+
+    if (!_visible) {
+        return null;
+    }
+
+    return (
+        <View
+            style = { styles.titleBarWrapper as ViewStyle }>
+            <View style = { styles.pipButtonContainer as ViewStyle }>
+                <PictureInPictureButton styles = { styles.pipButton } />
+            </View>
+            <View
+                pointerEvents = 'box-none'
+                style = { styles.roomNameWrapper as ViewStyle }>
+                {
+                    props._conferenceTimerEnabled
+                    && <View style = { styles.roomTimerView as ViewStyle }>
+                        <ConferenceTimer textStyle = { styles.roomTimer } />
+                    </View>
+                }
+                {
+                    props._roomNameEnabled
+                    && <View style = { styles.roomNameView as ViewStyle }>
+                        <Text
+                            numberOfLines = { 1 }
+                            style = { styles.roomName }>
+                            { props._meetingName }
+                        </Text>
+                    </View>
+                }
+                {/* eslint-disable-next-line react/jsx-no-bind */}
+                <Labels createOnPress = { props._createOnPress } />
+            </View>
+            {
+                props._toggleCameraButtonEnabled
+                && <View style = { styles.titleBarButtonContainer }>
+                    <ToggleCameraButton styles = { styles.titleBarButton } />
+                </View>
+            }
+            {
+                props._audioDeviceButtonEnabled
+                && <View style = { styles.titleBarButtonContainer }>
+                    <AudioDeviceToggleButton styles = { styles.titleBarButton } />
+                </View>
+            }
+            {
+                _isParticipantsPaneEnabled
+                && <View style = { styles.titleBarButtonContainer }>
+                    <ParticipantsPaneButton
+                        styles = { styles.titleBarButton } />
+                </View>
+            }
+        </View>
+    );
+};
+
+/**
+ * Maps part of the Redux store to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const { hideConferenceTimer } = state['features/base/config'];
+    const startTimestamp = getConferenceTimestamp(state);
+
+    return {
+        _audioDeviceButtonEnabled: getFeatureFlag(state, AUDIO_DEVICE_BUTTON_ENABLED, true),
+        _conferenceTimerEnabled:
+            Boolean(getFeatureFlag(state, CONFERENCE_TIMER_ENABLED, true) && !hideConferenceTimer && startTimestamp),
+        _isParticipantsPaneEnabled: isParticipantsPaneEnabled(state),
+        _meetingName: getConferenceName(state),
+        _roomNameEnabled: isRoomNameEnabled(state),
+        _toggleCameraButtonEnabled: getFeatureFlag(state, TOGGLE_CAMERA_BUTTON_ENABLED, true),
+        _visible: isToolboxVisible(state)
+    };
+}
+
+export default connect(_mapStateToProps)(TitleBar);
diff --git a/react/features/conference/components/native/carmode/AudioIcon.tsx b/react/features/conference/components/native/carmode/AudioIcon.tsx
new file mode 100644
index 0000000..a7c06c7
--- /dev/null
+++ b/react/features/conference/components/native/carmode/AudioIcon.tsx
@@ -0,0 +1,17 @@
+import React from 'react';
+
+import Icon from '../../../../base/icons/components/Icon';
+import { IconVolumeUp } from '../../../../base/icons/svg';
+import BaseTheme from '../../../../base/ui/components/BaseTheme.native';
+
+/**
+ * React component for Audio icon.
+ *
+ * @returns {JSX.Element} - The Audio icon.
+ */
+const AudioIcon = (): JSX.Element => (<Icon
+    color = { BaseTheme.palette.ui02 }
+    size = { 20 }
+    src = { IconVolumeUp } />);
+
+export default AudioIcon;
diff --git a/react/features/conference/components/native/carmode/CarMode.tsx b/react/features/conference/components/native/carmode/CarMode.tsx
new file mode 100644
index 0000000..7d55688
--- /dev/null
+++ b/react/features/conference/components/native/carmode/CarMode.tsx
@@ -0,0 +1,76 @@
+import React, { useEffect } from 'react';
+import { View, ViewStyle } from 'react-native';
+import Orientation from 'react-native-orientation-locker';
+import { withSafeAreaInsets } from 'react-native-safe-area-context';
+import { useDispatch, useSelector } from 'react-redux';
+
+import JitsiScreen from '../../../../base/modal/components/JitsiScreen';
+import LoadingIndicator from '../../../../base/react/components/native/LoadingIndicator';
+import TintedView from '../../../../base/react/components/native/TintedView';
+import { isLocalVideoTrackDesktop } from '../../../../base/tracks/functions.native';
+import { setPictureInPictureEnabled } from '../../../../mobile/picture-in-picture/functions';
+import { setIsCarmode } from '../../../../video-layout/actions';
+import ConferenceTimer from '../../ConferenceTimer';
+import { isConnecting } from '../../functions';
+
+import CarModeFooter from './CarModeFooter';
+import MicrophoneButton from './MicrophoneButton';
+import TitleBar from './TitleBar';
+import styles from './styles';
+
+/**
+ * Implements the carmode component.
+ *
+ * @returns { JSX.Element} - The carmode component.
+ */
+const CarMode = (): JSX.Element => {
+    const dispatch = useDispatch();
+    const connecting = useSelector(isConnecting);
+    const isSharing = useSelector(isLocalVideoTrackDesktop);
+
+    useEffect(() => {
+        dispatch(setIsCarmode(true));
+        setPictureInPictureEnabled(false);
+        Orientation.lockToPortrait();
+
+        return () => {
+            Orientation.unlockAllOrientations();
+            dispatch(setIsCarmode(false));
+            if (!isSharing) {
+                setPictureInPictureEnabled(true);
+            }
+        };
+    }, []);
+
+    return (
+        <JitsiScreen
+            footerComponent = { CarModeFooter }
+            style = { styles.conference }>
+            {/*
+                  * The activity/loading indicator goes above everything, except
+                  * the toolbox/toolbars and the dialogs.
+                  */
+                connecting
+                && <TintedView>
+                    <LoadingIndicator />
+                </TintedView>
+            }
+            <View
+                pointerEvents = 'box-none'
+                style = { styles.titleBarSafeViewColor as ViewStyle }>
+                <View
+                    style = { styles.titleBar as ViewStyle }>
+                    <TitleBar />
+                </View>
+                <ConferenceTimer textStyle = { styles.roomTimer } />
+            </View>
+            <View
+                pointerEvents = 'box-none'
+                style = { styles.microphoneContainer as ViewStyle }>
+                <MicrophoneButton />
+            </View>
+        </JitsiScreen>
+    );
+};
+
+export default withSafeAreaInsets(CarMode);
diff --git a/react/features/conference/components/native/carmode/CarModeFooter.tsx b/react/features/conference/components/native/carmode/CarModeFooter.tsx
new file mode 100644
index 0000000..22054c1
--- /dev/null
+++ b/react/features/conference/components/native/carmode/CarModeFooter.tsx
@@ -0,0 +1,30 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { Text, View, ViewStyle } from 'react-native';
+
+import EndMeetingButton from './EndMeetingButton';
+import SoundDeviceButton from './SoundDeviceButton';
+import styles from './styles';
+
+/**
+ * Implements the car mode footer component.
+ *
+ * @returns { JSX.Element} - The car mode footer component.
+ */
+const CarModeFooter = (): JSX.Element => {
+    const { t } = useTranslation();
+
+    return (
+        <View
+            pointerEvents = 'box-none'
+            style = { styles.bottomContainer as ViewStyle }>
+            <Text style = { styles.videoStoppedLabel }>
+                { t('carmode.labels.videoStopped') }
+            </Text>
+            <SoundDeviceButton />
+            <EndMeetingButton />
+        </View>
+    );
+};
+
+export default CarModeFooter;
diff --git a/react/features/conference/components/native/carmode/EndMeetingButton.tsx b/react/features/conference/components/native/carmode/EndMeetingButton.tsx
new file mode 100644
index 0000000..3f21898
--- /dev/null
+++ b/react/features/conference/components/native/carmode/EndMeetingButton.tsx
@@ -0,0 +1,38 @@
+import React, { useCallback } from 'react';
+import { useDispatch } from 'react-redux';
+
+import { createToolbarEvent } from '../../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../../analytics/functions';
+import { appNavigate } from '../../../../app/actions.native';
+import Button from '../../../../base/ui/components/native/Button';
+import { BUTTON_TYPES } from '../../../../base/ui/constants.native';
+
+import EndMeetingIcon from './EndMeetingIcon';
+import styles from './styles';
+
+/**
+ * Button for ending meeting from carmode.
+ *
+ * @returns {JSX.Element} - The end meeting button.
+ */
+const EndMeetingButton = (): JSX.Element => {
+    const dispatch = useDispatch();
+
+    const onSelect = useCallback(() => {
+        sendAnalytics(createToolbarEvent('hangup'));
+
+        dispatch(appNavigate(undefined));
+    }, [ dispatch ]);
+
+    return (
+        <Button
+            accessibilityLabel = 'toolbar.accessibilityLabel.leaveConference'
+            icon = { EndMeetingIcon }
+            labelKey = 'toolbar.leaveConference'
+            onClick = { onSelect }
+            style = { styles.endMeetingButton }
+            type = { BUTTON_TYPES.DESTRUCTIVE } />
+    );
+};
+
+export default EndMeetingButton;
diff --git a/react/features/conference/components/native/carmode/EndMeetingIcon.tsx b/react/features/conference/components/native/carmode/EndMeetingIcon.tsx
new file mode 100644
index 0000000..f5c3400
--- /dev/null
+++ b/react/features/conference/components/native/carmode/EndMeetingIcon.tsx
@@ -0,0 +1,17 @@
+import React from 'react';
+
+import Icon from '../../../../base/icons/components/Icon';
+import { IconHangup } from '../../../../base/icons/svg';
+import BaseTheme from '../../../../base/ui/components/BaseTheme.native';
+
+/**
+ * Implements an end meeting icon.
+ *
+ * @returns {JSX.Element} - The end meeting icon.
+ */
+const EndMeetingIcon = (): JSX.Element => (<Icon
+    color = { BaseTheme.palette.icon01 }
+    size = { 20 }
+    src = { IconHangup } />);
+
+export default EndMeetingIcon;
diff --git a/react/features/conference/components/native/carmode/MicrophoneButton.tsx b/react/features/conference/components/native/carmode/MicrophoneButton.tsx
new file mode 100644
index 0000000..5eda77e
--- /dev/null
+++ b/react/features/conference/components/native/carmode/MicrophoneButton.tsx
@@ -0,0 +1,91 @@
+import React, { useCallback, useState } from 'react';
+import { TouchableOpacity, View, ViewStyle } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
+
+import {
+    ACTION_SHORTCUT_PRESSED as PRESSED,
+    ACTION_SHORTCUT_RELEASED as RELEASED,
+    createShortcutEvent
+} from '../../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../../analytics/functions';
+import { IReduxState } from '../../../../app/types';
+import { AUDIO_MUTE_BUTTON_ENABLED } from '../../../../base/flags/constants';
+import { getFeatureFlag } from '../../../../base/flags/functions';
+import Icon from '../../../../base/icons/components/Icon';
+import { IconMic, IconMicSlash } from '../../../../base/icons/svg';
+import { MEDIA_TYPE } from '../../../../base/media/constants';
+import { isLocalTrackMuted } from '../../../../base/tracks/functions';
+import { isAudioMuteButtonDisabled } from '../../../../toolbox/functions.any';
+import { muteLocal } from '../../../../video-menu/actions';
+
+import styles from './styles';
+
+const LONG_PRESS = 'long.press';
+
+/**
+ * Implements a round audio mute/unmute button of a custom size.
+ *
+ * @returns {JSX.Element} - The audio mute round button.
+ */
+const MicrophoneButton = (): JSX.Element | null => {
+    const dispatch = useDispatch();
+    const audioMuted = useSelector((state: IReduxState) => isLocalTrackMuted(state['features/base/tracks'],
+        MEDIA_TYPE.AUDIO));
+    const disabled = useSelector(isAudioMuteButtonDisabled);
+    const enabledFlag = useSelector((state: IReduxState) => getFeatureFlag(state, AUDIO_MUTE_BUTTON_ENABLED, true));
+    const [ longPress, setLongPress ] = useState(false);
+
+    if (!enabledFlag) {
+        return null;
+    }
+
+    const onPressIn = useCallback(() => {
+        !disabled && dispatch(muteLocal(!audioMuted, MEDIA_TYPE.AUDIO));
+    }, [ audioMuted, disabled ]);
+
+    const onLongPress = useCallback(() => {
+        if (!disabled && !audioMuted) {
+            sendAnalytics(createShortcutEvent(
+                'push.to.talk',
+                PRESSED,
+                {},
+                LONG_PRESS));
+            setLongPress(true);
+        }
+    }, [ audioMuted, disabled, setLongPress ]);
+
+    const onPressOut = useCallback(() => {
+        if (longPress) {
+            setLongPress(false);
+            sendAnalytics(createShortcutEvent(
+                'push.to.talk',
+                RELEASED,
+                {},
+                LONG_PRESS
+            ));
+            dispatch(muteLocal(true, MEDIA_TYPE.AUDIO));
+        }
+    }, [ longPress, setLongPress ]);
+
+    return (
+        <TouchableOpacity
+            onLongPress = { onLongPress }
+            onPressIn = { onPressIn }
+            onPressOut = { onPressOut } >
+            <View
+                style = { [
+                    styles.microphoneStyles.container,
+                    !audioMuted && styles.microphoneStyles.unmuted
+                ] as ViewStyle[] }>
+                <View
+                    style = { styles.microphoneStyles.iconContainer as ViewStyle }>
+                    <Icon
+                        src = { audioMuted ? IconMicSlash : IconMic }
+                        style = { styles.microphoneStyles.icon } />
+                </View>
+            </View>
+        </TouchableOpacity>
+    );
+};
+
+export default MicrophoneButton;
diff --git a/react/features/conference/components/native/carmode/SoundDeviceButton.tsx b/react/features/conference/components/native/carmode/SoundDeviceButton.tsx
new file mode 100644
index 0000000..5933045
--- /dev/null
+++ b/react/features/conference/components/native/carmode/SoundDeviceButton.tsx
@@ -0,0 +1,35 @@
+import React, { useCallback } from 'react';
+import { useDispatch } from 'react-redux';
+
+import { openSheet } from '../../../../base/dialog/actions';
+import Button from '../../../../base/ui/components/native/Button';
+import { BUTTON_TYPES } from '../../../../base/ui/constants.native';
+import AudioRoutePickerDialog from '../../../../mobile/audio-mode/components/AudioRoutePickerDialog';
+
+import AudioIcon from './AudioIcon';
+import styles from './styles';
+
+/**
+ * Button for selecting sound device in carmode.
+ *
+ * @returns {JSX.Element} - The sound device button.
+ */
+const SelectSoundDevice = (): JSX.Element => {
+    const dispatch = useDispatch();
+
+    const onSelect = useCallback(() =>
+        dispatch(openSheet(AudioRoutePickerDialog))
+    , [ dispatch ]);
+
+    return (
+        <Button
+            accessibilityLabel = 'carmode.actions.selectSoundDevice'
+            icon = { AudioIcon }
+            labelKey = 'carmode.actions.selectSoundDevice'
+            onClick = { onSelect }
+            style = { styles.soundDeviceButton }
+            type = { BUTTON_TYPES.SECONDARY } />
+    );
+};
+
+export default SelectSoundDevice;
diff --git a/react/features/conference/components/native/carmode/TitleBar.tsx b/react/features/conference/components/native/carmode/TitleBar.tsx
new file mode 100644
index 0000000..99ea133
--- /dev/null
+++ b/react/features/conference/components/native/carmode/TitleBar.tsx
@@ -0,0 +1,86 @@
+import React from 'react';
+import { StyleProp, Text, View, ViewStyle } from 'react-native';
+import { connect, useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../../app/types';
+import { getConferenceName } from '../../../../base/conference/functions';
+import { JitsiRecordingConstants } from '../../../../base/lib-jitsi-meet';
+import { getLocalParticipant } from '../../../../base/participants/functions';
+import ConnectionIndicator from '../../../../connection-indicator/components/native/ConnectionIndicator';
+import { isRoomNameEnabled } from '../../../../prejoin/functions';
+import RecordingLabel from '../../../../recording/components/native/RecordingLabel';
+import VideoQualityLabel from '../../../../video-quality/components/VideoQualityLabel.native';
+
+import styles from './styles';
+
+
+interface IProps {
+
+    /**
+     * Name of the meeting we're currently in.
+     */
+    _meetingName: string;
+
+    /**
+     * Whether displaying the current meeting name is enabled or not.
+     */
+    _meetingNameEnabled: boolean;
+
+}
+
+/**
+ * Implements a navigation bar component that is rendered on top of the
+ * carmode screen.
+ *
+ * @param {IProps} props - The React props passed to this component.
+ * @returns {JSX.Element}
+ */
+const TitleBar = (props: IProps): JSX.Element => {
+    const localParticipant = useSelector(getLocalParticipant);
+    const localParticipantId = localParticipant?.id;
+
+    return (
+        <View
+            style = { styles.titleBarWrapper as StyleProp<ViewStyle> }>
+            <View
+                pointerEvents = 'box-none'
+                style = { styles.roomNameWrapper as StyleProp<ViewStyle> }>
+                <View style = { styles.qualityLabelContainer as StyleProp<ViewStyle> }>
+                    <VideoQualityLabel />
+                </View>
+                <ConnectionIndicator
+                    iconStyle = { styles.connectionIndicatorIcon }
+                    participantId = { localParticipantId } />
+                <View style = { styles.headerLabels as StyleProp<ViewStyle> }>
+                    <RecordingLabel mode = { JitsiRecordingConstants.mode.FILE } />
+                    <RecordingLabel mode = { JitsiRecordingConstants.mode.STREAM } />
+                </View>
+                {
+                    props._meetingNameEnabled
+                    && <View style = { styles.roomNameView as StyleProp<ViewStyle> }>
+                        <Text
+                            numberOfLines = { 1 }
+                            style = { styles.roomName }>
+                            { props._meetingName }
+                        </Text>
+                    </View>
+                }
+            </View>
+        </View>
+    );
+};
+
+/**
+ * Maps part of the Redux store to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    return {
+        _meetingName: getConferenceName(state),
+        _meetingNameEnabled: isRoomNameEnabled(state)
+    };
+}
+
+export default connect(_mapStateToProps)(TitleBar);
diff --git a/react/features/conference/components/native/carmode/styles.ts b/react/features/conference/components/native/carmode/styles.ts
new file mode 100644
index 0000000..86b20ac
--- /dev/null
+++ b/react/features/conference/components/native/carmode/styles.ts
@@ -0,0 +1,173 @@
+import BaseTheme from '../../../../base/ui/components/BaseTheme.native';
+
+/**
+ * The size of the microphone icon.
+ */
+const MICROPHONE_SIZE = 180;
+
+/**
+ * The styles of the safe area view that contains the title bar.
+ */
+const titleBarSafeView = {
+    left: 0,
+    position: 'absolute',
+    right: 0,
+    top: 0
+};
+
+/**
+ * The styles of the native components of Carmode.
+ */
+export default {
+
+    bottomContainer: {
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        bottom: BaseTheme.spacing[8]
+    },
+
+    /**
+     * {@code Conference} Style.
+     */
+    conference: {
+        backgroundColor: BaseTheme.palette.uiBackground,
+        flex: 1,
+        justifyContent: 'center'
+    },
+
+    microphoneStyles: {
+        container: {
+            borderRadius: MICROPHONE_SIZE / 2,
+            height: MICROPHONE_SIZE,
+            maxHeight: MICROPHONE_SIZE,
+            justifyContent: 'center',
+            overflow: 'hidden',
+            width: MICROPHONE_SIZE,
+            maxWidth: MICROPHONE_SIZE,
+            flex: 1,
+            zIndex: 1,
+            elevation: 1
+        },
+
+        icon: {
+            color: BaseTheme.palette.text01,
+            fontSize: MICROPHONE_SIZE * 0.45,
+            fontWeight: '100'
+        },
+
+        iconContainer: {
+            alignItems: 'center',
+            alignSelf: 'stretch',
+            flex: 1,
+            justifyContent: 'center',
+            backgroundColor: BaseTheme.palette.ui03
+        },
+
+        unmuted: {
+            borderWidth: 4,
+            borderColor: BaseTheme.palette.success01
+        }
+    },
+
+    qualityLabelContainer: {
+        borderRadius: BaseTheme.shape.borderRadius,
+        flexShrink: 1,
+        paddingHorizontal: 2,
+        justifyContent: 'center',
+        marginTop: BaseTheme.spacing[2]
+    },
+
+    roomTimer: {
+        ...BaseTheme.typography.bodyShortBold,
+        color: BaseTheme.palette.text01,
+        textAlign: 'center'
+    },
+
+    titleView: {
+        width: 152,
+        height: 28,
+        backgroundColor: BaseTheme.palette.ui02,
+        borderRadius: 12,
+        alignSelf: 'center'
+    },
+
+    title: {
+        margin: 'auto',
+        textAlign: 'center',
+        paddingVertical: BaseTheme.spacing[1],
+        paddingHorizontal: BaseTheme.spacing[3],
+        color: BaseTheme.palette.text02
+    },
+
+    soundDeviceButton: {
+        marginBottom: BaseTheme.spacing[3],
+        width: 240
+    },
+
+    endMeetingButton: {
+        width: 240
+    },
+
+    headerLabels: {
+        borderBottomLeftRadius: 3,
+        borderTopLeftRadius: 3,
+        flexShrink: 1,
+        paddingHorizontal: 2,
+        justifyContent: 'center'
+    },
+
+    titleBarSafeViewColor: {
+        ...titleBarSafeView,
+        backgroundColor: BaseTheme.palette.uiBackground
+    },
+
+    microphoneContainer: {
+        flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center'
+    },
+
+    titleBarWrapper: {
+        alignItems: 'center',
+        flex: 1,
+        flexDirection: 'row',
+        justifyContent: 'center'
+    },
+
+    roomNameWrapper: {
+        flexDirection: 'row',
+        marginRight: BaseTheme.spacing[2],
+        flexShrink: 1,
+        flexGrow: 1
+    },
+
+    roomNameView: {
+        backgroundColor: 'rgba(0,0,0,0.6)',
+        flexShrink: 1,
+        justifyContent: 'center',
+        paddingHorizontal: BaseTheme.spacing[2]
+    },
+
+    roomName: {
+        color: BaseTheme.palette.text01,
+        ...BaseTheme.typography.bodyShortBold
+    },
+
+    titleBar: {
+        alignSelf: 'center',
+        marginTop: BaseTheme.spacing[1]
+    },
+
+    videoStoppedLabel: {
+        ...BaseTheme.typography.bodyShortRegularLarge,
+        color: BaseTheme.palette.text01,
+        marginBottom: BaseTheme.spacing[3],
+        textAlign: 'center',
+        width: '100%'
+    },
+
+    connectionIndicatorIcon: {
+        fontSize: 20
+    }
+};
diff --git a/react/features/conference/components/native/constants.ts b/react/features/conference/components/native/constants.ts
new file mode 100644
index 0000000..ce88cc8
--- /dev/null
+++ b/react/features/conference/components/native/constants.ts
@@ -0,0 +1,66 @@
+import React from 'react';
+
+import { JitsiRecordingConstants } from '../../../base/lib-jitsi-meet';
+import RecordingExpandedLabel from '../../../recording/components/native/RecordingExpandedLabel';
+import VideoQualityExpandedLabel from '../../../video-quality/components/VideoQualityExpandedLabel.native';
+
+import InsecureRoomNameExpandedLabel from './InsecureRoomNameExpandedLabel';
+import RaisedHandsCountExpandedLabel from './RaisedHandsCountExpandedLabel';
+
+export const LabelHitSlop = {
+    top: 10,
+    bottom: 10,
+    left: 0,
+    right: 0
+};
+
+/**
+ * Timeout to hide the {@ExpandedLabel}.
+ */
+export const EXPANDED_LABEL_TIMEOUT = 5000;
+
+export const LABEL_ID_QUALITY = 'quality';
+export const LABEL_ID_RECORDING = 'recording';
+export const LABEL_ID_STREAMING = 'streaming';
+export const LABEL_ID_INSECURE_ROOM_NAME = 'insecure-room-name';
+export const LABEL_ID_RAISED_HANDS_COUNT = 'raised-hands-count';
+export const LABEL_ID_VISITORS_COUNT = 'visitors-count';
+
+interface IExpandedLabel {
+    alwaysOn?: boolean;
+    component: React.ComponentType<any>;
+    props?: any;
+}
+
+/**
+ * The {@code ExpandedLabel} components to be rendered for the individual
+ * {@code Label}s.
+ */
+export const EXPANDED_LABELS: {
+    [key: string]: IExpandedLabel;
+} = {
+    [LABEL_ID_QUALITY]: {
+        component: VideoQualityExpandedLabel
+    },
+    [LABEL_ID_RECORDING]: {
+        component: RecordingExpandedLabel,
+        props: {
+            mode: JitsiRecordingConstants.mode.FILE
+        },
+        alwaysOn: true
+    },
+    [LABEL_ID_STREAMING]: {
+        component: RecordingExpandedLabel,
+        props: {
+            mode: JitsiRecordingConstants.mode.STREAM
+        },
+        alwaysOn: true
+    },
+    [LABEL_ID_INSECURE_ROOM_NAME]: {
+        component: InsecureRoomNameExpandedLabel
+    },
+    [LABEL_ID_RAISED_HANDS_COUNT]: {
+        component: RaisedHandsCountExpandedLabel,
+        alwaysOn: true
+    }
+};
diff --git a/react/features/conference/components/native/styles.ts b/react/features/conference/components/native/styles.ts
new file mode 100644
index 0000000..61051fd
--- /dev/null
+++ b/react/features/conference/components/native/styles.ts
@@ -0,0 +1,212 @@
+import BaseTheme from '../../../base/ui/components/BaseTheme.native';
+
+export const INSECURE_ROOM_NAME_LABEL_COLOR = BaseTheme.palette.actionDanger;
+
+const TITLE_BAR_BUTTON_SIZE = 24;
+
+
+/**
+ * The styles of the safe area view that contains the title bar.
+ */
+const titleBarSafeView = {
+    left: 0,
+    position: 'absolute',
+    right: 0,
+    top: 0
+};
+
+const alwaysOnTitleBar = {
+    alignItems: 'center',
+    alignSelf: 'flex-end',
+    backgroundColor: 'rgba(0, 0, 0, .5)',
+    borderRadius: BaseTheme.shape.borderRadius,
+    flexDirection: 'row',
+    justifyContent: 'center',
+    marginTop: BaseTheme.spacing[3],
+    paddingRight: BaseTheme.spacing[0],
+    '&:not(:empty)': {
+        padding: BaseTheme.spacing[1]
+    }
+};
+
+/**
+ * The styles of the feature conference.
+ */
+export default {
+
+    /**
+     * {@code Conference} Style.
+     */
+    conference: {
+        alignSelf: 'stretch',
+        backgroundColor: BaseTheme.palette.uiBackground,
+        flex: 1
+    },
+
+    displayNameContainer: {
+        margin: BaseTheme.spacing[3]
+    },
+
+    /**
+     * View that contains the indicators.
+     */
+    indicatorContainer: {
+        flex: 1,
+        flexDirection: 'row'
+    },
+
+    titleBarButtonContainer: {
+        borderRadius: 3,
+        height: BaseTheme.spacing[7],
+        marginTop: BaseTheme.spacing[1],
+        marginRight: BaseTheme.spacing[1],
+        zIndex: 1,
+        width: BaseTheme.spacing[7]
+    },
+
+    titleBarButton: {
+        iconStyle: {
+            color: BaseTheme.palette.icon01,
+            padding: 12,
+            fontSize: TITLE_BAR_BUTTON_SIZE
+        },
+        underlayColor: 'transparent'
+    },
+
+    lonelyMeetingContainer: {
+        alignSelf: 'stretch',
+        alignItems: 'center',
+        padding: BaseTheme.spacing[3]
+    },
+
+    lonelyMessage: {
+        color: BaseTheme.palette.text01,
+        paddingVertical: BaseTheme.spacing[2]
+    },
+
+    pipButtonContainer: {
+        '&:not(:empty)': {
+            borderRadius: 3,
+            height: BaseTheme.spacing[7],
+            marginTop: BaseTheme.spacing[1],
+            marginLeft: BaseTheme.spacing[1],
+            zIndex: 1,
+            width: BaseTheme.spacing[7]
+        }
+    },
+
+    pipButton: {
+        iconStyle: {
+            color: BaseTheme.palette.icon01,
+            padding: 12,
+            fontSize: TITLE_BAR_BUTTON_SIZE
+        },
+        underlayColor: 'transparent'
+    },
+
+    titleBarSafeViewColor: {
+        ...titleBarSafeView,
+        backgroundColor: BaseTheme.palette.uiBackground
+    },
+
+    titleBarSafeViewTransparent: {
+        ...titleBarSafeView
+    },
+
+    titleBarWrapper: {
+        alignItems: 'center',
+        flex: 1,
+        flexDirection: 'row',
+        height: BaseTheme.spacing[8],
+        justifyContent: 'center'
+    },
+
+    alwaysOnTitleBar: {
+        ...alwaysOnTitleBar,
+        marginRight: BaseTheme.spacing[2]
+    },
+
+    alwaysOnTitleBarWide: {
+        ...alwaysOnTitleBar,
+        marginRight: BaseTheme.spacing[12]
+    },
+
+    expandedLabelWrapper: {
+        zIndex: 1
+    },
+
+    roomTimer: {
+        ...BaseTheme.typography.bodyShortBold,
+        color: BaseTheme.palette.text01,
+        lineHeight: 14,
+        textAlign: 'center'
+    },
+
+    roomTimerView: {
+        backgroundColor: BaseTheme.palette.ui03,
+        borderRadius: BaseTheme.shape.borderRadius,
+        height: 32,
+        justifyContent: 'center',
+        paddingHorizontal: BaseTheme.spacing[2],
+        paddingVertical: BaseTheme.spacing[1],
+        minWidth: 50
+    },
+
+    roomName: {
+        color: BaseTheme.palette.text01,
+        ...BaseTheme.typography.bodyShortBold,
+        paddingVertical: 6
+    },
+
+    roomNameView: {
+        backgroundColor: 'rgba(0,0,0,0.6)',
+        borderBottomLeftRadius: 3,
+        borderTopLeftRadius: 3,
+        flexShrink: 1,
+        justifyContent: 'center',
+        paddingHorizontal: 10
+    },
+
+    roomNameWrapper: {
+        flexDirection: 'row',
+        marginRight: 10,
+        marginLeft: 8,
+        flexShrink: 1,
+        flexGrow: 1
+    },
+
+    /**
+     * The style of the {@link View} which expands over the whole
+     * {@link Conference} area and splits it between the {@link Filmstrip} and
+     * the {@link Toolbox}.
+     */
+    toolboxAndFilmstripContainer: {
+        bottom: 0,
+        flexDirection: 'column',
+        justifyContent: 'flex-end',
+        left: 0,
+        position: 'absolute',
+        right: 0,
+        top: 0
+    },
+
+    insecureRoomNameLabel: {
+        backgroundColor: INSECURE_ROOM_NAME_LABEL_COLOR,
+        borderRadius: BaseTheme.shape.borderRadius,
+        height: 32
+    },
+
+    raisedHandsCountLabel: {
+        alignItems: 'center',
+        backgroundColor: BaseTheme.palette.warning02,
+        borderRadius: BaseTheme.shape.borderRadius,
+        flexDirection: 'row',
+        marginBottom: BaseTheme.spacing[0],
+        marginLeft: BaseTheme.spacing[0]
+    },
+
+    raisedHandsCountLabelText: {
+        color: BaseTheme.palette.uiBackground,
+        paddingLeft: BaseTheme.spacing[2]
+    }
+};
diff --git a/react/features/conference/components/web/Conference.tsx b/react/features/conference/components/web/Conference.tsx
new file mode 100644
index 0000000..5df9771
--- /dev/null
+++ b/react/features/conference/components/web/Conference.tsx
@@ -0,0 +1,537 @@
+import { throttle } from 'lodash-es';
+import React, { useCallback, useState } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect as reactReduxConnect, useDispatch, useSelector, useStore } from 'react-redux';
+
+// @ts-expect-error
+import VideoLayout from '../../../../../modules/UI/videolayout/VideoLayout';
+import { IReduxState, IStore } from '../../../app/types';
+import { getConferenceNameForTitle } from '../../../base/conference/functions';
+import { hangup } from '../../../base/connection/actions.web';
+import { isMobileBrowser } from '../../../base/environment/utils';
+import { translate } from '../../../base/i18n/functions';
+import { setColorAlpha } from '../../../base/util/helpers';
+import { openChat, setFocusedTab } from '../../../chat/actions.web';
+import Chat from '../../../chat/components/web/Chat';
+import { ChatTabs } from '../../../chat/constants';
+import { isFileUploadingEnabled, processFiles } from '../../../file-sharing/functions.any';
+import MainFilmstrip from '../../../filmstrip/components/web/MainFilmstrip';
+import ScreenshareFilmstrip from '../../../filmstrip/components/web/ScreenshareFilmstrip';
+import StageFilmstrip from '../../../filmstrip/components/web/StageFilmstrip';
+import CalleeInfoContainer from '../../../invite/components/callee-info/CalleeInfoContainer';
+import LargeVideo from '../../../large-video/components/LargeVideo.web';
+import LobbyScreen from '../../../lobby/components/web/LobbyScreen';
+import { getIsLobbyVisible } from '../../../lobby/functions';
+import { getOverlayToRender } from '../../../overlay/functions.web';
+import ParticipantsPane from '../../../participants-pane/components/web/ParticipantsPane';
+import Prejoin from '../../../prejoin/components/web/Prejoin';
+import { isPrejoinPageVisible } from '../../../prejoin/functions.web';
+import ReactionAnimations from '../../../reactions/components/web/ReactionsAnimations';
+import { toggleToolboxVisible } from '../../../toolbox/actions.any';
+import { fullScreenChanged, showToolbox } from '../../../toolbox/actions.web';
+import JitsiPortal from '../../../toolbox/components/web/JitsiPortal';
+import Toolbox from '../../../toolbox/components/web/Toolbox';
+import { LAYOUT_CLASSNAMES } from '../../../video-layout/constants';
+import { getCurrentLayout } from '../../../video-layout/functions.any';
+import VisitorsQueue from '../../../visitors/components/web/VisitorsQueue';
+import { showVisitorsQueue } from '../../../visitors/functions';
+import { init } from '../../actions.web';
+import { maybeShowSuboptimalExperienceNotification } from '../../functions.web';
+import {
+    AbstractConference,
+    type AbstractProps,
+    abstractMapStateToProps
+} from '../AbstractConference';
+
+import ConferenceInfo from './ConferenceInfo';
+import { default as Notice } from './Notice';
+
+/**
+ * DOM events for when full screen mode has changed. Different browsers need
+ * different vendor prefixes.
+ *
+ * @private
+ * @type {Array<string>}
+ */
+const FULL_SCREEN_EVENTS = [
+    'webkitfullscreenchange',
+    'mozfullscreenchange',
+    'fullscreenchange'
+];
+
+/**
+ * The type of the React {@code Component} props of {@link Conference}.
+ */
+interface IProps extends AbstractProps, WithTranslation {
+
+    /**
+     * The alpha(opacity) of the background.
+     */
+    _backgroundAlpha?: number;
+
+    /**
+     * Are any overlays visible?
+     */
+    _isAnyOverlayVisible: boolean;
+
+    /**
+     * The CSS class to apply to the root of {@link Conference} to modify the
+     * application layout.
+     */
+    _layoutClassName: string;
+
+    /**
+     * The config specified interval for triggering mouseMoved iframe api events.
+     */
+    _mouseMoveCallbackInterval?: number;
+
+    /**
+     *Whether or not the notifications should be displayed in the overflow drawer.
+     */
+    _overflowDrawer: boolean;
+
+    /**
+     * The indicator which determines whether the UI is reduced.
+     */
+    _reducedUI: boolean;
+
+    /**
+     * Name for this conference room.
+     */
+    _roomName: string;
+
+    /**
+     * If lobby page is visible or not.
+     */
+    _showLobby: boolean;
+
+    /**
+     * If prejoin page is visible or not.
+     */
+    _showPrejoin: boolean;
+
+    /**
+     * If visitors queue page is visible or not.
+     * NOTE: This should be set to true once we received an error on connect. Before the first connect this will always
+     * be false.
+     */
+    _showVisitorsQueue: boolean;
+
+    dispatch: IStore['dispatch'];
+}
+
+/**
+ * Returns true if the prejoin screen should be displayed and false otherwise.
+ *
+ * @param {IProps} props - The props object.
+ * @returns {boolean} - True if the prejoin screen should be displayed and false otherwise.
+ */
+function shouldShowPrejoin({ _showLobby, _showPrejoin, _showVisitorsQueue }: IProps) {
+    return _showPrejoin && !_showVisitorsQueue && !_showLobby;
+}
+
+/**
+ * The conference page of the Web application.
+ */
+class Conference extends AbstractConference<IProps, any> {
+    _originalOnMouseMove: Function;
+    _originalOnShowToolbar: Function;
+
+    /**
+     * Initializes a new Conference instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        const { _mouseMoveCallbackInterval } = props;
+
+        // Throttle and bind this component's mousemove handler to prevent it
+        // from firing too often.
+        this._originalOnShowToolbar = this._onShowToolbar;
+        this._originalOnMouseMove = this._onMouseMove;
+
+        this._onShowToolbar = throttle(
+            () => this._originalOnShowToolbar(),
+            100,
+            {
+                leading: true,
+                trailing: false
+            });
+
+        this._onMouseMove = throttle(
+            event => this._originalOnMouseMove(event),
+            _mouseMoveCallbackInterval,
+            {
+                leading: true,
+                trailing: false
+            });
+
+        // Bind event handler so it is only bound once for every instance.
+        this._onFullScreenChange = this._onFullScreenChange.bind(this);
+        this._onVideospaceTouchStart = this._onVideospaceTouchStart.bind(this);
+        this._setBackground = this._setBackground.bind(this);
+    }
+
+    /**
+     * Start the connection and get the UI ready for the conference.
+     *
+     * @inheritdoc
+     */
+    override componentDidMount() {
+        document.title = `${this.props._roomName} | ${interfaceConfig.APP_NAME}`;
+        this._start();
+    }
+
+    /**
+     * Calls into legacy UI to update the application layout, if necessary.
+     *
+     * @inheritdoc
+     * returns {void}
+     */
+    override componentDidUpdate(prevProps: IProps) {
+        if (this.props._shouldDisplayTileView
+            === prevProps._shouldDisplayTileView) {
+            return;
+        }
+
+        // TODO: For now VideoLayout is being called as LargeVideo and Filmstrip
+        // sizing logic is still handled outside of React. Once all components
+        // are in react they should calculate size on their own as much as
+        // possible and pass down sizings.
+        VideoLayout.refreshLayout();
+    }
+
+    /**
+     * Disconnect from the conference when component will be
+     * unmounted.
+     *
+     * @inheritdoc
+     */
+    override componentWillUnmount() {
+        APP.UI.unbindEvents();
+
+        FULL_SCREEN_EVENTS.forEach(name =>
+            document.removeEventListener(name, this._onFullScreenChange));
+
+        APP.conference.isJoined() && this.props.dispatch(hangup());
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const {
+            _isAnyOverlayVisible,
+            _layoutClassName,
+            _notificationsVisible,
+            _overflowDrawer,
+            _reducedUI,
+            _showLobby,
+            _showPrejoin,
+            _showVisitorsQueue,
+            t
+        } = this.props;
+
+        if (_reducedUI) {
+            return (
+                <div
+                    id = 'layout_wrapper'
+                    onMouseEnter = { this._onMouseEnter }
+                    onMouseLeave = { this._onMouseLeave }
+                    onMouseMove = { this._onMouseMove }
+                    ref = { this._setBackground }>
+                    <Chat />
+                    <div
+                        className = { _layoutClassName }
+                        id = 'videoconference_page'
+                        onMouseMove = { isMobileBrowser() ? undefined : this._onShowToolbar }>
+                        <ConferenceInfo />
+                        <Notice />
+                        <div
+                            id = 'videospace'
+                            onTouchStart = { this._onVideospaceTouchStart }>
+                            <LargeVideo />
+                        </div>
+                        <span
+                            aria-level = { 1 }
+                            className = 'sr-only'
+                            role = 'heading'>
+                            { t('toolbar.accessibilityLabel.heading') }
+                        </span>
+                        <Toolbox />
+                    </div>
+                </div>
+            );
+        }
+
+        return (
+            <div
+                id = 'layout_wrapper'
+                onMouseEnter = { this._onMouseEnter }
+                onMouseLeave = { this._onMouseLeave }
+                onMouseMove = { this._onMouseMove }
+                ref = { this._setBackground }>
+                <Chat />
+                <div
+                    className = { _layoutClassName }
+                    id = 'videoconference_page'
+                    onMouseMove = { isMobileBrowser() ? undefined : this._onShowToolbar }>
+                    { _showPrejoin || _showLobby || <ConferenceInfo /> }
+                    <Notice />
+                    <div
+                        id = 'videospace'
+                        onTouchStart = { this._onVideospaceTouchStart }>
+                        <LargeVideo />
+                        {
+                            _showPrejoin || _showLobby || (<>
+                                <StageFilmstrip />
+                                <ScreenshareFilmstrip />
+                                <MainFilmstrip />
+                            </>)
+                        }
+                    </div>
+
+                    { _showPrejoin || _showLobby || (
+                        <>
+                            <span
+                                aria-level = { 1 }
+                                className = 'sr-only'
+                                role = 'heading'>
+                                { t('toolbar.accessibilityLabel.heading') }
+                            </span>
+                            <Toolbox />
+                        </>
+                    )}
+
+                    {_notificationsVisible && !_isAnyOverlayVisible && (_overflowDrawer
+                        ? <JitsiPortal className = 'notification-portal'>
+                            {this.renderNotificationsContainer({ portal: true })}
+                        </JitsiPortal>
+                        : this.renderNotificationsContainer())
+                    }
+
+                    <CalleeInfoContainer />
+
+                    { shouldShowPrejoin(this.props) && <Prejoin />}
+                    { (_showLobby && !_showVisitorsQueue) && <LobbyScreen />}
+                    { _showVisitorsQueue && <VisitorsQueue />}
+                </div>
+                <ParticipantsPane />
+                <ReactionAnimations />
+            </div>
+        );
+    }
+
+    /**
+     * Sets custom background opacity based on config. It also applies the
+     * opacity on parent element, as the parent element is not accessible directly,
+     * only though it's child.
+     *
+     * @param {Object} element - The DOM element for which to apply opacity.
+     *
+     * @private
+     * @returns {void}
+     */
+    _setBackground(element: HTMLDivElement) {
+        if (!element) {
+            return;
+        }
+
+        if (this.props._backgroundAlpha !== undefined) {
+            const elemColor = element.style.background;
+            const alphaElemColor = setColorAlpha(elemColor, this.props._backgroundAlpha);
+
+            element.style.background = alphaElemColor;
+            if (element.parentElement) {
+                const parentColor = element.parentElement.style.background;
+                const alphaParentColor = setColorAlpha(parentColor, this.props._backgroundAlpha);
+
+                element.parentElement.style.background = alphaParentColor;
+            }
+        }
+    }
+
+    /**
+     * Handler used for touch start on Video container.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onVideospaceTouchStart() {
+        this.props.dispatch(toggleToolboxVisible());
+    }
+
+    /**
+     * Updates the Redux state when full screen mode has been enabled or
+     * disabled.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onFullScreenChange() {
+        this.props.dispatch(fullScreenChanged(APP.UI.isFullScreen()));
+    }
+
+    /**
+     * Triggers iframe API mouseEnter event.
+     *
+     * @param {MouseEvent} event - The mouse event.
+     * @private
+     * @returns {void}
+     */
+    _onMouseEnter(event: React.MouseEvent) {
+        APP.API.notifyMouseEnter(event);
+    }
+
+    /**
+     * Triggers iframe API mouseLeave event.
+     *
+     * @param {MouseEvent} event - The mouse event.
+     * @private
+     * @returns {void}
+     */
+    _onMouseLeave(event: React.MouseEvent) {
+        APP.API.notifyMouseLeave(event);
+    }
+
+    /**
+     * Triggers iframe API mouseMove event.
+     *
+     * @param {MouseEvent} event - The mouse event.
+     * @private
+     * @returns {void}
+     */
+    _onMouseMove(event: React.MouseEvent) {
+        APP.API.notifyMouseMove(event);
+    }
+
+    /**
+     * Displays the toolbar.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onShowToolbar() {
+        this.props.dispatch(showToolbox());
+    }
+
+    /**
+     * Until we don't rewrite UI using react components
+     * we use UI.start from old app. Also method translates
+     * component right after it has been mounted.
+     *
+     * @inheritdoc
+     */
+    _start() {
+        APP.UI.start();
+        APP.UI.bindEvents();
+
+        FULL_SCREEN_EVENTS.forEach(name =>
+            document.addEventListener(name, this._onFullScreenChange));
+
+        const { dispatch, t } = this.props;
+
+        // if we will be showing prejoin we don't want to call connect from init.
+        // Connect will be dispatched from prejoin screen.
+        dispatch(init(!shouldShowPrejoin(this.props)));
+
+        maybeShowSuboptimalExperienceNotification(dispatch, t);
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated props for the
+ * {@code Conference} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const { backgroundAlpha, mouseMoveCallbackInterval } = state['features/base/config'];
+    const { overflowDrawer } = state['features/toolbox'];
+    const { reducedUI } = state['features/base/responsive-ui'];
+
+    return {
+        ...abstractMapStateToProps(state),
+        _backgroundAlpha: backgroundAlpha,
+        _isAnyOverlayVisible: Boolean(getOverlayToRender(state)),
+        _layoutClassName: LAYOUT_CLASSNAMES[getCurrentLayout(state) ?? ''],
+        _mouseMoveCallbackInterval: mouseMoveCallbackInterval,
+        _overflowDrawer: overflowDrawer,
+        _reducedUI: reducedUI,
+        _roomName: getConferenceNameForTitle(state),
+        _showLobby: getIsLobbyVisible(state),
+        _showPrejoin: isPrejoinPageVisible(state),
+        _showVisitorsQueue: showVisitorsQueue(state)
+    };
+}
+
+export default reactReduxConnect(_mapStateToProps)(translate(props => {
+    const dispatch = useDispatch();
+    const store = useStore();
+
+    const [ isDragging, setIsDragging ] = useState(false);
+
+    const { isOpen: isChatOpen } = useSelector((state: IReduxState) => state['features/chat']);
+    const isFileUploadEnabled = useSelector(isFileUploadingEnabled);
+
+    const handleDragEnter = useCallback((e: React.DragEvent) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragging(true);
+    }, []);
+
+    const handleDragLeave = useCallback((e: React.DragEvent) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragging(false);
+    }, []);
+
+    const handleDragOver = useCallback((e: React.DragEvent) => {
+        e.preventDefault();
+        e.stopPropagation();
+
+        if (!isFileUploadEnabled) {
+            return;
+        }
+
+        if (isDragging) {
+            if (!isChatOpen) {
+                dispatch(openChat());
+            }
+            dispatch(setFocusedTab(ChatTabs.FILE_SHARING));
+        }
+    }, [ isChatOpen, isDragging, isFileUploadEnabled ]);
+
+    const handleDrop = useCallback((e: React.DragEvent) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragging(false);
+
+        if (!isFileUploadEnabled) {
+            return;
+        }
+
+        if (e.dataTransfer.files?.length > 0) {
+            processFiles(e.dataTransfer.files, store);
+        }
+    }, [ isFileUploadEnabled, processFiles ]);
+
+    return (
+        <div
+            onDragEnter = { handleDragEnter }
+            onDragLeave = { handleDragLeave }
+            onDragOver = { handleDragOver }
+            onDrop = { handleDrop }>
+            {/* @ts-ignore */}
+            <Conference { ...props } />
+        </div>
+    );
+}));
diff --git a/react/features/conference/components/web/ConferenceInfo.tsx b/react/features/conference/components/web/ConferenceInfo.tsx
new file mode 100644
index 0000000..83780cd
--- /dev/null
+++ b/react/features/conference/components/web/ConferenceInfo.tsx
@@ -0,0 +1,240 @@
+/* eslint-disable react/no-multi-comp */
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../../app/types';
+import { JitsiRecordingConstants } from '../../../base/lib-jitsi-meet';
+import E2EELabel from '../../../e2ee/components/E2EELabel';
+import HighlightButton from '../../../recording/components/Recording/web/HighlightButton';
+import RecordingLabel from '../../../recording/components/web/RecordingLabel';
+import { showToolbox } from '../../../toolbox/actions.web';
+import { isToolboxVisible } from '../../../toolbox/functions.web';
+import VideoQualityLabel from '../../../video-quality/components/VideoQualityLabel.web';
+import VisitorsCountLabel from '../../../visitors/components/web/VisitorsCountLabel';
+import ConferenceTimer from '../ConferenceTimer';
+import { getConferenceInfo } from '../functions.web';
+
+import ConferenceInfoContainer from './ConferenceInfoContainer';
+import InsecureRoomNameLabel from './InsecureRoomNameLabel';
+import RaisedHandsCountLabel from './RaisedHandsCountLabel';
+import SpeakerStatsLabel from './SpeakerStatsLabel';
+import SubjectText from './SubjectText';
+import ToggleTopPanelLabel from './ToggleTopPanelLabel';
+
+/**
+ * The type of the React {@code Component} props of {@link Subject}.
+ */
+interface IProps {
+
+    /**
+     * The conference info labels to be shown in the conference header.
+     */
+    _conferenceInfo: {
+        alwaysVisible?: string[];
+        autoHide?: string[];
+    };
+
+    /**
+     * The indicator which determines whether the UI is reduced.
+     */
+    _reducedUI: boolean;
+
+    /**
+     * Indicates whether the component should be visible or not.
+     */
+    _visible: boolean;
+
+    /**
+     * Invoked to active other features of the app.
+     */
+    dispatch: IStore['dispatch'];
+}
+
+const COMPONENTS: Array<{
+    Component: React.ComponentType<any>;
+    id: string;
+}> = [
+    {
+        Component: HighlightButton,
+        id: 'highlight-moment'
+    },
+    {
+        Component: SubjectText,
+        id: 'subject'
+    },
+    {
+        Component: ConferenceTimer,
+        id: 'conference-timer'
+    },
+    {
+        Component: SpeakerStatsLabel,
+        id: 'participants-count'
+    },
+    {
+        Component: E2EELabel,
+        id: 'e2ee'
+    },
+    {
+        Component: () => (
+            <>
+                <RecordingLabel mode = { JitsiRecordingConstants.mode.FILE } />
+                <RecordingLabel mode = { JitsiRecordingConstants.mode.STREAM } />
+            </>
+        ),
+        id: 'recording'
+    },
+    {
+        Component: RaisedHandsCountLabel,
+        id: 'raised-hands-count'
+    },
+    {
+        Component: VideoQualityLabel,
+        id: 'video-quality'
+    },
+    {
+        Component: VisitorsCountLabel,
+        id: 'visitors-count'
+    },
+    {
+        Component: InsecureRoomNameLabel,
+        id: 'insecure-room'
+    },
+    {
+        Component: ToggleTopPanelLabel,
+        id: 'top-panel-toggle'
+    }
+];
+
+/**
+ * The upper band of the meeing containing the conference name, timer and labels.
+ *
+ * @param {Object} props - The props of the component.
+ * @returns {React$None}
+ */
+class ConferenceInfo extends Component<IProps> {
+    /**
+     * Initializes a new {@code ConferenceInfo} instance.
+     *
+     * @param {IProps} props - The read-only React {@code Component} props with
+     * which the new instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._renderAutoHide = this._renderAutoHide.bind(this);
+        this._renderAlwaysVisible = this._renderAlwaysVisible.bind(this);
+        this._onTabIn = this._onTabIn.bind(this);
+    }
+
+    /**
+     * Callback invoked when the component is focused to show the conference
+     * info if necessary.
+     *
+     * @returns {void}
+     */
+    _onTabIn() {
+        if (this.props._conferenceInfo.autoHide?.length && !this.props._visible) {
+            this.props.dispatch(showToolbox());
+        }
+    }
+
+    /**
+     * Renders auto-hidden info header labels.
+     *
+     * @returns {void}
+     */
+    _renderAutoHide() {
+        const { autoHide } = this.props._conferenceInfo;
+
+        if (!autoHide?.length) {
+            return null;
+        }
+
+        return (
+            <ConferenceInfoContainer
+                id = 'autoHide'
+                visible = { this.props._visible }>
+                {
+                    COMPONENTS
+                        .filter(comp => autoHide.includes(comp.id))
+                        .map(c =>
+                            <c.Component key = { c.id } />
+                        )
+                }
+            </ConferenceInfoContainer>
+        );
+    }
+
+    /**
+     * Renders the always visible info header labels.
+     *
+     * @returns {void}
+     */
+    _renderAlwaysVisible() {
+        const { alwaysVisible } = this.props._conferenceInfo;
+
+        if (!alwaysVisible?.length) {
+            return null;
+        }
+
+        return (
+            <ConferenceInfoContainer
+                id = 'alwaysVisible'
+                visible = { true } >
+                {
+                    COMPONENTS
+                        .filter(comp => alwaysVisible.includes(comp.id))
+                        .map(c =>
+                            <c.Component key = { c.id } />
+                        )
+                }
+            </ConferenceInfoContainer>
+        );
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { _reducedUI } = this.props;
+
+        if (_reducedUI) {
+            return null;
+        }
+
+        return (
+            <div
+                className = 'details-container'
+                onFocus = { this._onTabIn }>
+                { this._renderAlwaysVisible() }
+                { this._renderAutoHide() }
+            </div>
+        );
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated
+ * {@code Subject}'s props.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {{
+ *     _visible: boolean,
+ *     _conferenceInfo: Object
+ * }}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const { reducedUI } = state['features/base/responsive-ui'];
+
+    return {
+        _conferenceInfo: getConferenceInfo(state),
+        _reducedUI: reducedUI,
+        _visible: isToolboxVisible(state),
+    };
+}
+
+export default connect(_mapStateToProps)(ConferenceInfo);
diff --git a/react/features/conference/components/web/ConferenceInfoContainer.tsx b/react/features/conference/components/web/ConferenceInfoContainer.tsx
new file mode 100644
index 0000000..4a5a1bc
--- /dev/null
+++ b/react/features/conference/components/web/ConferenceInfoContainer.tsx
@@ -0,0 +1,31 @@
+import React from 'react';
+
+import { isAlwaysOnTitleBarEmpty } from '../functions.web';
+
+interface IProps {
+
+    /**
+     * The children components.
+     */
+    children: React.ReactNode;
+
+    /**
+     * Id of the component.
+     */
+    id?: string;
+
+    /**
+    * Whether this conference info container should be visible or not.
+    */
+    visible: boolean;
+}
+
+export default ({ visible, children, id }: IProps) => (
+    <div
+        className = { `subject${isAlwaysOnTitleBarEmpty() ? '' : ' with-always-on'}${visible ? ' visible' : ''}` }
+        id = { id }>
+        <div className = { 'subject-info-container' }>
+            {children}
+        </div>
+    </div>
+);
diff --git a/react/features/conference/components/web/ConferenceTimerDisplay.tsx b/react/features/conference/components/web/ConferenceTimerDisplay.tsx
new file mode 100644
index 0000000..6a191ba
--- /dev/null
+++ b/react/features/conference/components/web/ConferenceTimerDisplay.tsx
@@ -0,0 +1,36 @@
+import React from 'react';
+import { makeStyles } from 'tss-react/mui';
+
+import { IDisplayProps } from '../ConferenceTimer';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        timer: {
+            ...theme.typography.labelRegular,
+            color: theme.palette.text01,
+            padding: '6px 8px',
+            backgroundColor: 'rgba(0, 0, 0, 0.8)',
+            boxSizing: 'border-box',
+            height: '28px',
+            borderRadius: `0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px 0`,
+            marginRight: '2px',
+
+            '@media (max-width: 300px)': {
+                display: 'none'
+            }
+        }
+    };
+});
+
+/**
+ * Returns web element to be rendered.
+ *
+ * @returns {ReactElement}
+ */
+export default function ConferenceTimerDisplay({ timerValue, textStyle: _textStyle }: IDisplayProps) {
+    const { classes } = useStyles();
+
+    return (
+        <span className = { classes.timer }>{ timerValue }</span>
+    );
+}
diff --git a/react/features/conference/components/web/InsecureRoomNameLabel.tsx b/react/features/conference/components/web/InsecureRoomNameLabel.tsx
new file mode 100644
index 0000000..ee5644a
--- /dev/null
+++ b/react/features/conference/components/web/InsecureRoomNameLabel.tsx
@@ -0,0 +1,34 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import { translate } from '../../../base/i18n/functions';
+import { IconExclamationTriangle } from '../../../base/icons/svg';
+import Label from '../../../base/label/components/web/Label';
+import { COLORS } from '../../../base/label/constants';
+import Tooltip from '../../../base/tooltip/components/Tooltip';
+import getUnsafeRoomText from '../../../base/util/getUnsafeRoomText.web';
+import AbstractInsecureRoomNameLabel, { _mapStateToProps } from '../AbstractInsecureRoomNameLabel';
+
+/**
+ * Renders a label indicating that we are in a room with an insecure name.
+ */
+class InsecureRoomNameLabel extends AbstractInsecureRoomNameLabel {
+    /**
+     * Renders the platform dependent content.
+     *
+     * @inheritdoc
+     */
+    override _render() {
+        return (
+            <Tooltip
+                content = { getUnsafeRoomText(this.props.t, 'meeting') }
+                position = 'bottom'>
+                <Label
+                    color = { COLORS.red }
+                    icon = { IconExclamationTriangle } />
+            </Tooltip>
+        );
+    }
+}
+
+export default translate(connect(_mapStateToProps)(InsecureRoomNameLabel));
diff --git a/react/features/conference/components/web/LeaveReasonDialog.web.tsx b/react/features/conference/components/web/LeaveReasonDialog.web.tsx
new file mode 100644
index 0000000..8855b1c
--- /dev/null
+++ b/react/features/conference/components/web/LeaveReasonDialog.web.tsx
@@ -0,0 +1,62 @@
+import React, { useEffect } from 'react';
+import { useTranslation } from 'react-i18next';
+import { makeStyles } from 'tss-react/mui';
+
+import Dialog from '../../../base/ui/components/web/Dialog';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        dialog: {
+            marginBottom: theme.spacing(1)
+        },
+
+        text: {
+            fontSize: '1.25rem'
+        }
+    };
+});
+
+/**
+ * The type of the React {@code Component} props of {@link LeaveReasonDialog}.
+ */
+interface IProps {
+
+    /**
+     * Callback invoked when {@code LeaveReasonDialog} is unmounted.
+     */
+    onClose: () => void;
+
+    /**
+     * The title to display in the dialog.
+     */
+    title?: string;
+}
+
+/**
+ * A React {@code Component} for displaying a dialog with a reason that ended the conference.
+ *
+ * @param {IProps} props - Component's props.
+ * @returns {JSX}
+ */
+const LeaveReasonDialog = ({ onClose, title }: IProps) => {
+    const { classes } = useStyles();
+    const { t } = useTranslation();
+
+    useEffect(() => () => {
+        onClose?.();
+    }, []);
+
+    return (
+        <Dialog
+            cancel = {{ hidden: true }}
+            onSubmit = { onClose }
+            size = 'medium'
+            testId = 'dialog.leaveReason'>
+            <div className = { classes.dialog }>
+                {title ? <div className = { classes.text }>{t(title)}</div> : null}
+            </div>
+        </Dialog>
+    );
+};
+
+export default LeaveReasonDialog;
diff --git a/react/features/conference/components/web/Notice.tsx b/react/features/conference/components/web/Notice.tsx
new file mode 100644
index 0000000..b6fec94
--- /dev/null
+++ b/react/features/conference/components/web/Notice.tsx
@@ -0,0 +1,44 @@
+import React from 'react';
+import { useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState } from '../../../app/types';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        notice: {
+            position: 'absolute',
+            left: '50%',
+            zIndex: 3,
+            marginTop: theme.spacing(2),
+            transform: 'translateX(-50%)'
+        },
+
+        message: {
+            backgroundColor: theme.palette.uiBackground,
+            color: theme.palette.text01,
+            padding: '3px',
+            borderRadius: '5px'
+        }
+    };
+});
+
+const Notice = () => {
+    const message = useSelector((state: IReduxState) => state['features/base/config'].noticeMessage);
+    const { reducedUI } = useSelector((state: IReduxState) => state['features/base/responsive-ui']);
+    const { classes } = useStyles();
+
+    if (!message || reducedUI) {
+        return null;
+    }
+
+    return (
+        <div className = { classes.notice }>
+            <span className = { classes.message } >
+                {message}
+            </span>
+        </div>
+    );
+};
+
+export default Notice;
diff --git a/react/features/conference/components/web/RaisedHandsCountLabel.tsx b/react/features/conference/components/web/RaisedHandsCountLabel.tsx
new file mode 100644
index 0000000..76c8f2d
--- /dev/null
+++ b/react/features/conference/components/web/RaisedHandsCountLabel.tsx
@@ -0,0 +1,45 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState } from '../../../app/types';
+import { IconRaiseHand } from '../../../base/icons/svg';
+import Label from '../../../base/label/components/web/Label';
+import Tooltip from '../../../base/tooltip/components/Tooltip';
+import { open as openParticipantsPane } from '../../../participants-pane/actions.web';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        label: {
+            backgroundColor: theme.palette.warning02,
+            color: theme.palette.uiBackground
+        }
+    };
+});
+
+const RaisedHandsCountLabel = () => {
+    const { classes: styles, theme } = useStyles();
+    const dispatch = useDispatch();
+    const raisedHandsCount = useSelector((state: IReduxState) =>
+        (state['features/base/participants'].raisedHandsQueue || []).length);
+    const { t } = useTranslation();
+    const onClick = useCallback(() => {
+        dispatch(openParticipantsPane());
+    }, []);
+
+    return raisedHandsCount > 0 ? (<Tooltip
+        content = { t('raisedHandsLabel') }
+        position = { 'bottom' }>
+        <Label
+            accessibilityText = { t('raisedHandsLabel') }
+            className = { styles.label }
+            icon = { IconRaiseHand }
+            iconColor = { theme.palette.icon04 }
+            id = 'raisedHandsCountLabel'
+            onClick = { onClick }
+            text = { `${raisedHandsCount}` } />
+    </Tooltip>) : null;
+};
+
+export default RaisedHandsCountLabel;
diff --git a/react/features/conference/components/web/SpeakerStatsLabel.tsx b/react/features/conference/components/web/SpeakerStatsLabel.tsx
new file mode 100644
index 0000000..5170d95
--- /dev/null
+++ b/react/features/conference/components/web/SpeakerStatsLabel.tsx
@@ -0,0 +1,51 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { openDialog } from '../../../base/dialog/actions';
+import { IconUsers } from '../../../base/icons/svg';
+import Label from '../../../base/label/components/web/Label';
+import { COLORS } from '../../../base/label/constants';
+import { getParticipantCountForDisplay } from '../../../base/participants/functions';
+import Tooltip from '../../../base/tooltip/components/Tooltip';
+import SpeakerStats from '../../../speaker-stats/components/web/SpeakerStats';
+import { isSpeakerStatsDisabled } from '../../../speaker-stats/functions';
+
+/**
+ * ParticipantsCount react component.
+ * Displays the number of participants and opens Speaker stats on click.
+ *
+ * @class ParticipantsCount
+ */
+function SpeakerStatsLabel() {
+    const conference = useSelector((state: IReduxState) => state['features/base/conference'].conference);
+    const count = useSelector(getParticipantCountForDisplay);
+    const _isSpeakerStatsDisabled = useSelector(isSpeakerStatsDisabled);
+    const dispatch = useDispatch();
+    const { t } = useTranslation();
+
+    const onClick = () => {
+        dispatch(openDialog('SpeakerStats', SpeakerStats, { conference }));
+    };
+
+    if (count <= 2 || _isSpeakerStatsDisabled) {
+        return null;
+    }
+
+    return (
+        <Tooltip
+            content = { t('speakerStats.labelTooltip', { count }) }
+            position = { 'bottom' }>
+            <Label
+                color = { COLORS.white }
+                icon = { IconUsers }
+                iconColor = '#fff'
+                // eslint-disable-next-line react/jsx-no-bind
+                onClick = { onClick }
+                text = { `${count}` } />
+        </Tooltip>
+    );
+}
+
+export default SpeakerStatsLabel;
diff --git a/react/features/conference/components/web/SubjectText.tsx b/react/features/conference/components/web/SubjectText.tsx
new file mode 100644
index 0000000..00e4611
--- /dev/null
+++ b/react/features/conference/components/web/SubjectText.tsx
@@ -0,0 +1,54 @@
+import clsx from 'clsx';
+import React from 'react';
+import { useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { getConferenceName } from '../../../base/conference/functions';
+import Tooltip from '../../../base/tooltip/components/Tooltip';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        container: {
+            ...theme.typography.bodyLongRegular,
+            color: theme.palette.text01,
+            padding: '2px 16px',
+            backgroundColor: 'rgba(0, 0, 0, 0.6)',
+            maxWidth: '324px',
+            boxSizing: 'border-box',
+            height: '28px',
+            borderRadius: `${theme.shape.borderRadius}px 0 0 ${theme.shape.borderRadius}px`,
+            marginLeft: '2px',
+
+            '@media (max-width: 300px)': {
+                display: 'none'
+            }
+        },
+        content: {
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap'
+        }
+    };
+});
+
+/**
+ * Label for the conference name.
+ *
+ * @returns {ReactElement}
+ */
+const SubjectText = () => {
+    const subject = useSelector(getConferenceName);
+    const { classes } = useStyles();
+
+    return (
+        <Tooltip
+            content = { subject }
+            position = 'bottom'>
+            <div className = { classes.container }>
+                <div className = { clsx('subject-text--content', classes.content) }>{subject}</div>
+            </div>
+        </Tooltip>
+    );
+};
+
+export default SubjectText;
diff --git a/react/features/conference/components/web/ToggleTopPanelLabel.tsx b/react/features/conference/components/web/ToggleTopPanelLabel.tsx
new file mode 100644
index 0000000..54fc1f0
--- /dev/null
+++ b/react/features/conference/components/web/ToggleTopPanelLabel.tsx
@@ -0,0 +1,28 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { IconArrowDown } from '../../../base/icons/svg/index';
+import Label from '../../../base/label/components/web/Label';
+import Tooltip from '../../../base/tooltip/components/Tooltip';
+import { setTopPanelVisible } from '../../../filmstrip/actions.web';
+
+const ToggleTopPanelLabel = () => {
+    const dispatch = useDispatch();
+    const { t } = useTranslation();
+    const topPanelHidden = !useSelector((state: IReduxState) => state['features/filmstrip'].topPanelVisible);
+    const onClick = useCallback(() => {
+        dispatch(setTopPanelVisible(true));
+    }, []);
+
+    return topPanelHidden ? (<Tooltip
+        content = { t('toggleTopPanelLabel') }
+        position = { 'bottom' }>
+        <Label
+            icon = { IconArrowDown }
+            onClick = { onClick } />
+    </Tooltip>) : null;
+};
+
+export default ToggleTopPanelLabel;
diff --git a/react/features/conference/constants.ts b/react/features/conference/constants.ts
new file mode 100644
index 0000000..1187d99
--- /dev/null
+++ b/react/features/conference/constants.ts
@@ -0,0 +1,12 @@
+import { IFRAME_EMBED_ALLOWED_LOCATIONS as ADDITIONAL_LOCATIONS } from './extraConstants';
+
+/**
+ * Timeout of the conference when iframe is disabled in minutes.
+ */
+export const IFRAME_DISABLED_TIMEOUT_MINUTES = 5;
+
+/**
+ * A list of allowed location to embed iframe.
+ */
+/* eslint-disable-next-line no-extra-parens */
+export const IFRAME_EMBED_ALLOWED_LOCATIONS = ([] as string[]).concat(ADDITIONAL_LOCATIONS);
diff --git a/react/features/conference/extraConstants.ts b/react/features/conference/extraConstants.ts
new file mode 100644
index 0000000..caf021e
--- /dev/null
+++ b/react/features/conference/extraConstants.ts
@@ -0,0 +1,5 @@
+/**
+ * Deploy-specific configuration constants.
+ */
+
+export const IFRAME_EMBED_ALLOWED_LOCATIONS = [];
diff --git a/react/features/conference/functions.any.ts b/react/features/conference/functions.any.ts
new file mode 100644
index 0000000..31b6ee2
--- /dev/null
+++ b/react/features/conference/functions.any.ts
@@ -0,0 +1,38 @@
+import { IStateful } from '../base/app/types';
+import { toState } from '../base/redux/functions';
+
+/**
+ * Tells whether or not the notifications should be displayed within
+ * the conference feature based on the current Redux state.
+ *
+ * @param {Object|Function} stateful - The redux store state.
+ * @returns {boolean}
+ */
+export function shouldDisplayNotifications(stateful: IStateful) {
+    const state = toState(stateful);
+    const { calleeInfoVisible } = state['features/invite'];
+
+    return !calleeInfoVisible;
+}
+
+
+/**
+ *
+ * Returns true if polls feature is disabled.
+ *
+ * @param {(Function|Object)} stateful - The (whole) redux state, or redux's
+ * {@code getState} function to be used to retrieve the state
+ * features/base/config.
+ * @returns {boolean}
+ */
+export function arePollsDisabled(stateful: IStateful) {
+    const state = toState(stateful);
+
+    const { conference } = state['features/base/conference'];
+
+    if (!conference?.getPolls()?.isSupported()) {
+        return true;
+    }
+
+    return state['features/base/config']?.disablePolls;
+}
diff --git a/react/features/conference/functions.native.ts b/react/features/conference/functions.native.ts
new file mode 100644
index 0000000..fb2a6bc
--- /dev/null
+++ b/react/features/conference/functions.native.ts
@@ -0,0 +1 @@
+export * from './functions.any';
diff --git a/react/features/conference/functions.web.ts b/react/features/conference/functions.web.ts
new file mode 100644
index 0000000..989d469
--- /dev/null
+++ b/react/features/conference/functions.web.ts
@@ -0,0 +1,33 @@
+import { IStore } from '../app/types';
+import { isSuboptimalBrowser } from '../base/environment/environment';
+import { translateToHTML } from '../base/i18n/functions';
+import { showWarningNotification } from '../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE } from '../notifications/constants';
+
+export * from './functions.any';
+
+/**
+ * Shows the suboptimal experience notification if needed.
+ *
+ * @param {Function} dispatch - The dispatch method.
+ * @param {Function} t - The translation function.
+ * @returns {void}
+ */
+export function maybeShowSuboptimalExperienceNotification(dispatch: IStore['dispatch'], t: Function) {
+    if (isSuboptimalBrowser()) {
+        dispatch(
+            showWarningNotification(
+                {
+                    titleKey: 'notify.suboptimalExperienceTitle',
+                    description: translateToHTML(
+                        t,
+                        'notify.suboptimalBrowserWarning',
+                        {
+                            recommendedBrowserPageLink: `${window.location.origin}/static/recommendedBrowsers.html`
+                        }
+                    )
+                }, NOTIFICATION_TIMEOUT_TYPE.LONG
+            )
+        );
+    }
+}
diff --git a/react/features/conference/logger.ts b/react/features/conference/logger.ts
new file mode 100644
index 0000000..7f98d68
--- /dev/null
+++ b/react/features/conference/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:conference');
diff --git a/react/features/conference/middleware.any.ts b/react/features/conference/middleware.any.ts
new file mode 100644
index 0000000..b77d338
--- /dev/null
+++ b/react/features/conference/middleware.any.ts
@@ -0,0 +1,350 @@
+import i18n from 'i18next';
+import { batch } from 'react-redux';
+
+// @ts-expect-error
+import { API_ID } from '../../../modules/API/constants';
+import { appNavigate } from '../app/actions';
+import { redirectToStaticPage } from '../app/actions.any';
+import { IReduxState, IStore } from '../app/types';
+import {
+    CONFERENCE_FAILED,
+    CONFERENCE_JOINED,
+    CONFERENCE_LEFT,
+    ENDPOINT_MESSAGE_RECEIVED
+} from '../base/conference/actionTypes';
+import { getCurrentConference } from '../base/conference/functions';
+import { getDisableLowerHandByModerator } from '../base/config/functions.any';
+import { hangup } from '../base/connection/actions';
+import { getURLWithoutParamsNormalized } from '../base/connection/utils';
+import { hideDialog } from '../base/dialog/actions';
+import { isDialogOpen } from '../base/dialog/functions';
+import { getLocalizedDateFormatter } from '../base/i18n/dateUtil';
+import { translateToHTML } from '../base/i18n/functions';
+import i18next from '../base/i18n/i18next';
+import { browser } from '../base/lib-jitsi-meet';
+import { pinParticipant, raiseHand, raiseHandClear } from '../base/participants/actions';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import StateListenerRegistry from '../base/redux/StateListenerRegistry';
+import { SET_REDUCED_UI } from '../base/responsive-ui/actionTypes';
+import { LOWER_HAND_MESSAGE } from '../base/tracks/constants';
+import { BUTTON_TYPES } from '../base/ui/constants.any';
+import { isEmbedded } from '../base/util/embedUtils';
+import { isCalendarEnabled } from '../calendar-sync/functions';
+import FeedbackDialog from '../feedback/components/FeedbackDialog';
+import { setFilmstripEnabled } from '../filmstrip/actions.any';
+import { isVpaasMeeting } from '../jaas/functions';
+import { hideNotification, showNotification, showWarningNotification } from '../notifications/actions';
+import {
+    CALENDAR_NOTIFICATION_ID,
+    NOTIFICATION_ICON,
+    NOTIFICATION_TIMEOUT_TYPE
+} from '../notifications/constants';
+import { showStartRecordingNotification } from '../recording/actions';
+import { showSalesforceNotification } from '../salesforce/actions';
+import { setToolboxEnabled } from '../toolbox/actions.any';
+
+import { DISMISS_CALENDAR_NOTIFICATION } from './actionTypes';
+import { dismissCalendarNotification } from './actions';
+import { IFRAME_DISABLED_TIMEOUT_MINUTES, IFRAME_EMBED_ALLOWED_LOCATIONS } from './constants';
+
+
+let intervalID: any;
+
+
+MiddlewareRegistry.register(store => next => action => {
+    const result = next(action);
+
+    switch (action.type) {
+    case CONFERENCE_JOINED: {
+        _conferenceJoined(store);
+
+        break;
+    }
+
+    case SET_REDUCED_UI: {
+        _setReducedUI(store);
+
+        break;
+    }
+
+    case DISMISS_CALENDAR_NOTIFICATION:
+    case CONFERENCE_LEFT:
+    case CONFERENCE_FAILED: {
+        clearInterval(intervalID);
+        intervalID = null;
+
+        break;
+    }
+    case ENDPOINT_MESSAGE_RECEIVED: {
+        const { participant, data } = action;
+        const { dispatch, getState } = store;
+
+        if (data.name === LOWER_HAND_MESSAGE
+            && participant.isModerator()
+            && !getDisableLowerHandByModerator(getState())) {
+            dispatch(raiseHand(false));
+        }
+        break;
+    }
+    }
+
+    return result;
+});
+
+/**
+ * Set up state change listener to perform maintenance tasks when the conference
+ * is left or failed, close all dialogs and unpin any pinned participants.
+ */
+StateListenerRegistry.register(
+    state => getCurrentConference(state),
+    (conference, { dispatch, getState }, prevConference) => {
+        const { authRequired, membersOnly, passwordRequired }
+            = getState()['features/base/conference'];
+
+        if (conference !== prevConference) {
+            // Unpin participant, in order to avoid the local participant
+            // remaining pinned, since it's not destroyed across runs.
+            dispatch(pinParticipant(null));
+
+            // Clear raised hands.
+            dispatch(raiseHandClear());
+
+            // XXX I wonder if there is a better way to do this. At this stage
+            // we do know what dialogs we want to keep but the list of those
+            // we want to hide is a lot longer. Thus we take a bit of a shortcut
+            // and explicitly check.
+            if (typeof authRequired === 'undefined'
+                    && typeof passwordRequired === 'undefined'
+                    && typeof membersOnly === 'undefined'
+                    && !isDialogOpen(getState(), FeedbackDialog)) {
+                // Conference changed, left or failed... and there is no
+                // pending authentication, nor feedback request, so close any
+                // dialog we might have open.
+                dispatch(hideDialog());
+            }
+        }
+    });
+
+/**
+ * Configures the UI. In reduced UI mode some components will
+ * be hidden if there is no space to render them.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @private
+ * @returns {void}
+ */
+function _setReducedUI({ dispatch, getState }: IStore) {
+    const { reducedUI } = getState()['features/base/responsive-ui'];
+
+    dispatch(setToolboxEnabled(!reducedUI));
+    dispatch(setFilmstripEnabled(!reducedUI));
+}
+
+/**
+ * Does extra sync up on properties that may need to be updated after the
+ * conference was joined.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @private
+ * @returns {void}
+ */
+function _conferenceJoined({ dispatch, getState }: IStore) {
+    _setReducedUI({
+        dispatch,
+        getState
+    });
+
+    if (!intervalID) {
+        intervalID = setInterval(() =>
+            _maybeDisplayCalendarNotification({
+                dispatch,
+                getState
+            }), 10 * 1000);
+    }
+
+    dispatch(showSalesforceNotification());
+    dispatch(showStartRecordingNotification());
+
+    _checkIframe(getState(), dispatch);
+}
+
+/**
+ * Additional checks for embedding in iframe.
+ *
+ * @param {IReduxState} state - The current state of the app.
+ * @param {Function} dispatch - The Redux dispatch function.
+ * @private
+ * @returns {void}
+ */
+function _checkIframe(state: IReduxState, dispatch: IStore['dispatch']) {
+    let allowIframe = false;
+
+    if (document.referrer === '' && browser.isElectron()) {
+        // no iframe
+        allowIframe = true;
+    } else {
+        try {
+            allowIframe = IFRAME_EMBED_ALLOWED_LOCATIONS.includes(new URL(document.referrer).hostname);
+        } catch (e) {
+            // wrong URL in referrer
+        }
+    }
+
+    if (isEmbedded() && state['features/base/config'].disableIframeAPI && !isVpaasMeeting(state) && !allowIframe) {
+        // show sticky notification and redirect in 5 minutes
+        const { locationURL } = state['features/base/connection'];
+        let translationKey = 'notify.disabledIframe';
+        const hostname = locationURL?.hostname ?? '';
+        let domain = '';
+
+        const mapping: Record<string, string> = {
+            '8x8.vc': 'https://jaas.8x8.vc',
+            'meet.jit.si': 'https://jitsi.org/jaas'
+        };
+
+        const jaasDomain = mapping[hostname];
+
+        if (jaasDomain) {
+            translationKey = `notify.disabledIframeSecondary${browser.isReactNative() ? 'Native' : 'Web'}`;
+            domain = hostname;
+        }
+
+        if (browser.isReactNative()) {
+            dispatch(showWarningNotification({
+                description: i18next.t(translationKey,
+                    {
+                        domain,
+                        timeout: IFRAME_DISABLED_TIMEOUT_MINUTES
+                    }
+                )
+            }, NOTIFICATION_TIMEOUT_TYPE.STICKY));
+
+            setTimeout(() => {
+                dispatch(hangup());
+            }, IFRAME_DISABLED_TIMEOUT_MINUTES * 60 * 1000);
+        } else {
+            dispatch(showWarningNotification({
+                description: translateToHTML(
+                    i18next.t.bind(i18next),
+                    translationKey,
+                    {
+                        domain,
+                        jaasDomain,
+                        timeout: IFRAME_DISABLED_TIMEOUT_MINUTES
+                    }
+                )
+            }, NOTIFICATION_TIMEOUT_TYPE.STICKY));
+
+            setTimeout(() => {
+                // redirect to the promotional page
+                dispatch(redirectToStaticPage('static/close3.html', `#jitsi_meet_external_api_id=${API_ID}`));
+            }, IFRAME_DISABLED_TIMEOUT_MINUTES * 60 * 1000);
+        }
+    }
+}
+
+/**
+ * Periodically checks if there is an event in the calendar for which we
+ * need to show a notification.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @private
+ * @returns {void}
+ */
+function _maybeDisplayCalendarNotification({ dispatch, getState }: IStore) {
+    const state = getState();
+
+    const calendarEnabled = isCalendarEnabled(state);
+    const { events: eventList } = state['features/calendar-sync'];
+    const { locationURL } = state['features/base/connection'];
+    const { reducedUI } = state['features/base/responsive-ui'];
+
+    const currentConferenceURL
+        = locationURL ? getURLWithoutParamsNormalized(locationURL) : '';
+    const ALERT_MILLISECONDS = 5 * 60 * 1000;
+    const now = Date.now();
+
+    let eventToShow;
+
+    if (!calendarEnabled && reducedUI) {
+        return;
+    }
+
+    if (eventList?.length) {
+
+        for (const event of eventList) {
+            const eventURL
+                = event?.url && getURLWithoutParamsNormalized(new URL(event.url));
+
+            if (eventURL && eventURL !== currentConferenceURL) {
+                // @ts-ignore
+                if ((!eventToShow && event.startDate > now && event.startDate < now + ALERT_MILLISECONDS)
+
+                    // @ts-ignore
+                    || (event.startDate < now && event.endDate > now)) {
+                    eventToShow = event;
+                }
+            }
+        }
+    }
+
+    _calendarNotification(
+        {
+            dispatch,
+            getState
+        }, eventToShow
+    );
+}
+
+/**
+ * Calendar notification.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {eventToShow} eventToShow - Next or ongoing event.
+ * @private
+ * @returns {void}
+ */
+function _calendarNotification({ dispatch, getState }: IStore, eventToShow: any) {
+    const state = getState();
+
+    const { locationURL } = state['features/base/connection'];
+
+    const currentConferenceURL
+        = locationURL ? getURLWithoutParamsNormalized(locationURL) : '';
+    const now = Date.now();
+
+    if (!eventToShow) {
+        return;
+    }
+
+    const customActionNameKey = [ 'notify.joinMeeting', 'notify.dontRemindMe' ];
+    const customActionType = [ BUTTON_TYPES.PRIMARY, BUTTON_TYPES.DESTRUCTIVE ];
+    const customActionHandler = [ () => batch(() => {
+        dispatch(hideNotification(CALENDAR_NOTIFICATION_ID));
+        if (eventToShow?.url && (eventToShow.url !== currentConferenceURL)) {
+            dispatch(appNavigate(eventToShow.url));
+        }
+    }), () => dispatch(dismissCalendarNotification()) ];
+    const description
+        = getLocalizedDateFormatter(eventToShow.startDate).fromNow();
+    const icon = NOTIFICATION_ICON.WARNING;
+    const title = (eventToShow.startDate < now) && (eventToShow.endDate > now)
+        ? `${i18n.t('calendarSync.ongoingMeeting')}: \n${eventToShow.title}`
+        : `${i18n.t('calendarSync.nextMeeting')}: \n${eventToShow.title}`;
+    const uid = CALENDAR_NOTIFICATION_ID;
+
+    dispatch(showNotification({
+        customActionHandler,
+        customActionNameKey,
+        customActionType,
+        description,
+        icon,
+        maxLines: 1,
+        title,
+        uid
+    }, NOTIFICATION_TIMEOUT_TYPE.STICKY));
+}
diff --git a/react/features/conference/middleware.native.ts b/react/features/conference/middleware.native.ts
new file mode 100644
index 0000000..c49f4fa
--- /dev/null
+++ b/react/features/conference/middleware.native.ts
@@ -0,0 +1,28 @@
+import { appNavigate } from '../app/actions.native';
+import { KICKED_OUT } from '../base/conference/actionTypes';
+import { conferenceLeft } from '../base/conference/actions.native';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+
+import { notifyKickedOut } from './actions.native';
+
+import './middleware.any';
+
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case KICKED_OUT: {
+        const { dispatch } = store;
+
+        dispatch(notifyKickedOut(
+          action.participant,
+          () => {
+              dispatch(conferenceLeft(action.conference));
+              dispatch(appNavigate(undefined));
+          }
+        ));
+
+        break;
+    }
+    }
+
+    return next(action);
+});
diff --git a/react/features/conference/middleware.web.ts b/react/features/conference/middleware.web.ts
new file mode 100644
index 0000000..02ba6ee
--- /dev/null
+++ b/react/features/conference/middleware.web.ts
@@ -0,0 +1,46 @@
+import i18next from 'i18next';
+
+import { ENDPOINT_MESSAGE_RECEIVED, KICKED_OUT } from '../base/conference/actionTypes';
+import { hangup } from '../base/connection/actions.web';
+import { getParticipantDisplayName } from '../base/participants/functions';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { openAllowToggleCameraDialog, setCameraFacingMode } from '../base/tracks/actions.web';
+import { CAMERA_FACING_MODE_MESSAGE } from '../base/tracks/constants';
+
+import './middleware.any';
+
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case ENDPOINT_MESSAGE_RECEIVED: {
+        const { participant, data } = action;
+
+        if (data?.name === CAMERA_FACING_MODE_MESSAGE) {
+            APP.store.dispatch(openAllowToggleCameraDialog(
+                /* onAllow */ () => APP.store.dispatch(setCameraFacingMode(data.facingMode)),
+                /* initiatorId */ participant.getId()
+            ));
+        }
+        break;
+    }
+
+    case KICKED_OUT: {
+        const { dispatch } = store;
+        const { participant } = action;
+
+        // we need to first finish dispatching or the notification can be cleared out
+        const result = next(action);
+
+        const participantDisplayName
+            = participant && getParticipantDisplayName(store.getState, participant.getId());
+
+        dispatch(hangup(true,
+            participantDisplayName ? i18next.t('dialog.kickTitle', { participantDisplayName })
+                : i18next.t('dialog.kickSystemTitle'),
+            true));
+
+        return result;
+    }
+    }
+
+    return next(action);
+});
diff --git a/react/features/connection-indicator/actions.web.ts b/react/features/connection-indicator/actions.web.ts
new file mode 100644
index 0000000..5cb97ba
--- /dev/null
+++ b/react/features/connection-indicator/actions.web.ts
@@ -0,0 +1,19 @@
+import { IStore } from '../app/types';
+import getRoomName from '../base/config/getRoomName';
+import { downloadJSON } from '../base/util/downloadJSON';
+
+
+/**
+ * Create an action for saving the conference logs.
+ *
+ * @returns {Function}
+ */
+export function saveLogs() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+
+        const logs = getState()['features/base/connection'].connection?.getLogs();
+        const roomName = getRoomName() || '';
+
+        downloadJSON(logs ?? {}, `meetlog-${roomName}.json`);
+    };
+}
diff --git a/react/features/connection-indicator/components/AbstractConnectionIndicator.ts b/react/features/connection-indicator/components/AbstractConnectionIndicator.ts
new file mode 100644
index 0000000..ddbc164
--- /dev/null
+++ b/react/features/connection-indicator/components/AbstractConnectionIndicator.ts
@@ -0,0 +1,225 @@
+import { Component } from 'react';
+
+import { IReduxState } from '../../app/types';
+import { getVirtualScreenshareParticipantOwnerId } from '../../base/participants/functions';
+import statsEmitter from '../statsEmitter';
+
+const defaultAutoHideTimeout = 5000;
+
+/**
+ * The connection quality percentage that must be reached to be considered of
+ * good quality and can result in the connection indicator being hidden.
+ *
+ * @type {number}
+ */
+export const INDICATOR_DISPLAY_THRESHOLD = 30;
+
+/**
+ * The type of the React {@code Component} props of {@link ConnectionIndicator}.
+ */
+export interface IProps {
+
+    /**
+     * How long the connection indicator should remain displayed before hiding.
+     */
+    _autoHideTimeout: number;
+
+    /**
+     * Whether or not the statistics are for screen share.
+     */
+    _isVirtualScreenshareParticipant: boolean;
+
+    /**
+     * Custom icon style.
+     */
+    iconStyle?: Object;
+
+    /**
+     * The ID of the participant associated with the displayed connection indication and
+     * stats.
+     */
+    participantId: string;
+}
+
+/**
+ * The type of the React {@code Component} state of {@link ConnectionIndicator}.
+ */
+export interface IState {
+
+    /**
+     * Whether or not a CSS class should be applied to the root for hiding the
+     * connection indicator. By default the indicator should start out hidden
+     * because the current connection status is not known at mount.
+     */
+    showIndicator: boolean;
+
+    /**
+     * Cache of the stats received from subscribing to stats emitting. The keys
+     * should be the name of the stat. With each stat update, updates stats are
+     * mixed in with cached stats and a new stats object is set in state.
+     */
+    stats: {
+        bandwidth?: any;
+        bitrate?: any;
+        bridgeCount?: any;
+        codec?: any;
+        framerate?: any;
+        maxEnabledResolution?: any;
+        packetLoss?: any;
+        percent?: number;
+        resolution?: any;
+        serverRegion?: any;
+        transport?: any;
+    };
+}
+
+/**
+ * Implements a React {@link Component} which displays the current connection
+ * quality.
+ *
+ * @augments {Component}
+ */
+class AbstractConnectionIndicator<P extends IProps, S extends IState> extends Component<P, S> {
+    /**
+     * The timeout for automatically hiding the indicator.
+     */
+    autoHideTimeout: number | undefined;
+
+    /**
+     * Initializes a new {@code ConnectionIndicator} instance.
+     *
+     * @param {P} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: P) {
+        super(props);
+
+        // Bind event handlers so they are only bound once for every instance.
+        this._onStatsUpdated = this._onStatsUpdated.bind(this);
+    }
+
+    /**
+     * Starts listening for stat updates.
+     *
+     * @inheritdoc
+     * returns {void}
+     */
+    override componentDidMount() {
+        statsEmitter.subscribeToClientStats(this._getRealParticipantId(this.props), this._onStatsUpdated);
+    }
+
+    /**
+     * Updates which user's stats are being listened to.
+     *
+     * @inheritdoc
+     * returns {void}
+     */
+    override componentDidUpdate(prevProps: IProps) {
+        const prevParticipantId = this._getRealParticipantId(prevProps);
+        const participantId = this._getRealParticipantId(this.props);
+
+        if (prevParticipantId !== participantId) {
+            statsEmitter.unsubscribeToClientStats(prevParticipantId, this._onStatsUpdated);
+            statsEmitter.subscribeToClientStats(participantId, this._onStatsUpdated);
+        }
+    }
+
+    /**
+     * Cleans up any queued processes, which includes listening for new stats
+     * and clearing any timeout to hide the indicator.
+     *
+     * @private
+     * @returns {void}
+     */
+    override componentWillUnmount() {
+        statsEmitter.unsubscribeToClientStats(this._getRealParticipantId(this.props), this._onStatsUpdated);
+
+        clearTimeout(this.autoHideTimeout ?? 0);
+    }
+
+    /**
+     * Gets the "real" participant ID. FOr a virtual screenshare participant, that is its "owner".
+     *
+     * @param {Props} props - The props where to extract the data from.
+     * @returns {string | undefined } The resolved participant ID.
+     */
+    _getRealParticipantId(props: IProps) {
+        if (props._isVirtualScreenshareParticipant) {
+            return getVirtualScreenshareParticipantOwnerId(props.participantId);
+        }
+
+        return props.participantId;
+    }
+
+    /**
+     * Callback invoked when new connection stats associated with the passed in
+     * user ID are available. Will update the component's display of current
+     * statistics.
+     *
+     * @param {Object} stats - Connection stats from the library.
+     * @private
+     * @returns {void}
+     */
+    _onStatsUpdated(stats = { connectionQuality: undefined }) {
+        // Rely on React to batch setState actions.
+        const { connectionQuality } = stats;
+        const newPercentageState = typeof connectionQuality === 'undefined'
+            ? {} : { percent: connectionQuality };
+        const newStats = Object.assign(
+            {},
+            this.state.stats,
+            stats,
+            newPercentageState);
+
+        this.setState({
+            stats: newStats
+        });
+
+        this._updateIndicatorAutoHide(newStats.percent ?? 0);
+    }
+
+    /**
+     * Updates the internal state for automatically hiding the indicator.
+     *
+     * @param {number} percent - The current connection quality percentage
+     * between the values 0 and 100.
+     * @private
+     * @returns {void}
+     */
+    _updateIndicatorAutoHide(percent: number) {
+        if (percent < INDICATOR_DISPLAY_THRESHOLD) {
+            clearTimeout(this.autoHideTimeout ?? 0);
+            this.autoHideTimeout = undefined;
+
+            this.setState({
+                showIndicator: true
+            });
+        } else if (this.autoHideTimeout) {
+            // This clause is intentionally left blank because no further action
+            // is needed if the percent is below the threshold and there is an
+            // autoHideTimeout set.
+        } else {
+            this.autoHideTimeout = window.setTimeout(() => {
+                this.setState({
+                    showIndicator: false
+                });
+            }, this.props._autoHideTimeout);
+        }
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated props for the
+ * {@code ConnectorIndicator} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {IProps}
+ */
+export function mapStateToProps(state: IReduxState) {
+    return {
+        _autoHideTimeout: state['features/base/config'].connectionIndicators?.autoHideTimeout ?? defaultAutoHideTimeout
+    };
+}
+
+export default AbstractConnectionIndicator;
diff --git a/react/features/connection-indicator/components/native/ConnectionIndicator.tsx b/react/features/connection-indicator/components/native/ConnectionIndicator.tsx
new file mode 100644
index 0000000..87497af
--- /dev/null
+++ b/react/features/connection-indicator/components/native/ConnectionIndicator.tsx
@@ -0,0 +1,206 @@
+import React from 'react';
+import { StyleProp, View, ViewStyle } from 'react-native';
+import { connect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../../app/types';
+import { IconConnection } from '../../../base/icons/svg';
+import { MEDIA_TYPE } from '../../../base/media/constants';
+import {
+    getLocalParticipant,
+    getParticipantById,
+    isScreenShareParticipant
+} from '../../../base/participants/functions';
+import BaseIndicator from '../../../base/react/components/native/BaseIndicator';
+import {
+    getTrackByMediaTypeAndParticipant
+} from '../../../base/tracks/functions.native';
+import indicatorStyles from '../../../filmstrip/components/native/styles';
+import {
+    isTrackStreamingStatusInactive,
+    isTrackStreamingStatusInterrupted
+} from '../../functions';
+import AbstractConnectionIndicator, {
+    IProps as AbstractProps,
+    mapStateToProps as _abstractMapStateToProps
+} from '../AbstractConnectionIndicator';
+
+import {
+    CONNECTOR_INDICATOR_COLORS,
+    CONNECTOR_INDICATOR_LOST,
+    CONNECTOR_INDICATOR_OTHER,
+    iconStyle
+} from './styles';
+
+type IProps = AbstractProps & {
+
+    /**
+     * Whether connection indicators are disabled or not.
+     */
+    _connectionIndicatorDisabled: boolean;
+
+    /**
+     * Whether the inactive connection indicator is disabled or not.
+     */
+    _connectionIndicatorInactiveDisabled: boolean;
+
+    /**
+     * Whether the connection is inactive or not.
+     */
+    _isConnectionStatusInactive?: boolean;
+
+    /**
+     * Whether the connection is interrupted or not.
+     */
+    _isConnectionStatusInterrupted?: boolean;
+
+    /**
+     * Whether the current participant is a virtual screenshare.
+     */
+    _isVirtualScreenshareParticipant: boolean;
+
+    /**
+     * Redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Icon style override.
+     */
+    iconStyle?: any;
+};
+
+type IState = {
+    autoHideTimeout: number | undefined;
+    showIndicator: boolean;
+    stats: any;
+};
+
+/**
+ * Implements an indicator to show the quality of the connection of a participant.
+ */
+class ConnectionIndicator extends AbstractConnectionIndicator<IProps, IState> {
+    /**
+     * Initializes a new {@code ConnectionIndicator} instance.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            autoHideTimeout: undefined,
+            showIndicator: false,
+            stats: {}
+        };
+    }
+
+    /**
+     * Get the icon configuration from CONNECTOR_INDICATOR_COLORS which has a percentage
+     * that matches or exceeds the passed in percentage. The implementation
+     * assumes CONNECTOR_INDICATOR_COLORS is already sorted by highest to lowest
+     * percentage.
+     *
+     * @param {number} percent - The connection percentage, out of 100, to find
+     * the closest matching configuration for.
+     * @private
+     * @returns {Object}
+     */
+    _getDisplayConfiguration(percent: number): any {
+        return CONNECTOR_INDICATOR_COLORS.find(x => percent >= x.percent) || {};
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const {
+            _connectionIndicatorInactiveDisabled,
+            _connectionIndicatorDisabled,
+            _isVirtualScreenshareParticipant,
+            _isConnectionStatusInactive,
+            _isConnectionStatusInterrupted
+        } = this.props;
+        const {
+            showIndicator,
+            stats
+        } = this.state;
+        const { percent } = stats;
+
+        if (!showIndicator || typeof percent === 'undefined'
+                || _connectionIndicatorDisabled || _isVirtualScreenshareParticipant) {
+            return null;
+        }
+
+        let indicatorColor;
+
+        if (_isConnectionStatusInactive) {
+            if (_connectionIndicatorInactiveDisabled) {
+                return null;
+            }
+
+            indicatorColor = CONNECTOR_INDICATOR_OTHER;
+        } else if (_isConnectionStatusInterrupted) {
+            indicatorColor = CONNECTOR_INDICATOR_LOST;
+        } else {
+            const displayConfig = this._getDisplayConfiguration(percent);
+
+            if (!displayConfig) {
+                return null;
+            }
+
+            indicatorColor = displayConfig.color;
+        }
+
+        return (
+            <View
+                style = { [
+                    indicatorStyles.indicatorContainer as StyleProp<ViewStyle>,
+                    { backgroundColor: indicatorColor }
+                ] }>
+                <BaseIndicator
+                    icon = { IconConnection }
+                    iconStyle = { this.props.iconStyle || iconStyle } />
+            </View>
+        );
+    }
+
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {IProps} ownProps - The own props of the component.
+ * @returns {IProps}
+ */
+export function _mapStateToProps(state: IReduxState, ownProps: any) {
+    const { participantId } = ownProps;
+    const tracks = state['features/base/tracks'];
+    const participant = participantId ? getParticipantById(state, participantId) : getLocalParticipant(state);
+    const _isVirtualScreenshareParticipant = isScreenShareParticipant(participant);
+    let _isConnectionStatusInactive;
+    let _isConnectionStatusInterrupted;
+
+    if (!_isVirtualScreenshareParticipant) {
+        const _videoTrack = getTrackByMediaTypeAndParticipant(tracks, MEDIA_TYPE.VIDEO, participantId);
+
+        _isConnectionStatusInactive = isTrackStreamingStatusInactive(_videoTrack);
+        _isConnectionStatusInterrupted = isTrackStreamingStatusInterrupted(_videoTrack);
+    }
+
+    return {
+        ..._abstractMapStateToProps(state),
+        _connectionIndicatorInactiveDisabled:
+            Boolean(state['features/base/config'].connectionIndicators?.inactiveDisabled),
+        _connectionIndicatorDisabled:
+            Boolean(state['features/base/config'].connectionIndicators?.disabled),
+        _isVirtualScreenshareParticipant,
+        _isConnectionStatusInactive,
+        _isConnectionStatusInterrupted
+    };
+}
+
+export default connect(_mapStateToProps)(ConnectionIndicator);
diff --git a/react/features/connection-indicator/components/native/styles.ts b/react/features/connection-indicator/components/native/styles.ts
new file mode 100644
index 0000000..34687e4
--- /dev/null
+++ b/react/features/connection-indicator/components/native/styles.ts
@@ -0,0 +1,29 @@
+import BaseTheme from '../../../base/ui/components/BaseTheme.native';
+import { INDICATOR_DISPLAY_THRESHOLD } from '../AbstractConnectionIndicator';
+
+export const CONNECTOR_INDICATOR_LOST = BaseTheme.palette.ui05;
+export const CONNECTOR_INDICATOR_OTHER = BaseTheme.palette.action01;
+export const CONNECTOR_INDICATOR_COLORS = [
+
+    // Full (3 bars)
+    {
+        color: BaseTheme.palette.success01,
+        percent: INDICATOR_DISPLAY_THRESHOLD
+    },
+
+    // 2 bars.
+    {
+        color: BaseTheme.palette.warning01,
+        percent: 10
+    },
+
+    // 1 bar.
+    {
+        color: BaseTheme.palette.iconError,
+        percent: 0
+    }
+];
+
+export const iconStyle = {
+    fontSize: 14
+};
diff --git a/react/features/connection-indicator/components/web/BandwidthSettingsDialog.tsx b/react/features/connection-indicator/components/web/BandwidthSettingsDialog.tsx
new file mode 100644
index 0000000..3bc02f0
--- /dev/null
+++ b/react/features/connection-indicator/components/web/BandwidthSettingsDialog.tsx
@@ -0,0 +1,142 @@
+import React, { KeyboardEvent, useCallback, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+// @ts-ignore
+import { MIN_ASSUMED_BANDWIDTH_BPS } from '../../../../../modules/API/constants';
+import { IReduxState } from '../../../app/types';
+import { setAssumedBandwidthBps as saveAssumedBandwidthBps } from '../../../base/conference/actions';
+import { IconInfoCircle } from '../../../base/icons/svg';
+import Dialog from '../../../base/ui/components/web/Dialog';
+import Input from '../../../base/ui/components/web/Input';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        content: {
+            color: theme.palette.text01
+        },
+
+        info: {
+            background: theme.palette.ui01,
+            ...theme.typography.labelRegular,
+            color: theme.palette.text02,
+            marginTop: theme.spacing(2)
+        },
+
+        possibleValues: {
+            margin: 0,
+            paddingLeft: theme.spacing(4)
+        }
+    };
+});
+
+/**
+ * Bandwidth settings dialog component.
+ *
+ * @returns {ReactElement}
+ */
+const BandwidthSettingsDialog = () => {
+    const { classes } = useStyles();
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+    const [ showAssumedBandwidthInfo, setShowAssumedBandwidthInfo ] = useState(false);
+    const currentAssumedBandwidthBps = useSelector(
+        (state: IReduxState) => state['features/base/conference'].assumedBandwidthBps
+    );
+    const [ assumedBandwidthBps, setAssumedBandwidthBps ] = useState(
+        currentAssumedBandwidthBps === MIN_ASSUMED_BANDWIDTH_BPS
+        || currentAssumedBandwidthBps === undefined
+            ? ''
+            : currentAssumedBandwidthBps
+    );
+
+    /**
+     * Changes the assumed bandwidth bps.
+     *
+     * @param {string} value - The key event to handle.
+     *
+     * @returns {void}
+     */
+    const onAssumedBandwidthBpsChange = useCallback((value: string) => {
+        setAssumedBandwidthBps(value);
+    }, [ setAssumedBandwidthBps ]);
+
+    /**
+     * Persists the assumed bandwidth bps.
+     *
+     * @param {string} value - The key event to handle.
+     *
+     * @returns {void}
+     */
+    const onAssumedBandwidthBpsSave = useCallback(() => {
+        if (assumedBandwidthBps !== currentAssumedBandwidthBps) {
+            dispatch(saveAssumedBandwidthBps(Number(
+                assumedBandwidthBps === '' ? MIN_ASSUMED_BANDWIDTH_BPS : assumedBandwidthBps
+            )));
+        }
+    }, [ assumedBandwidthBps, currentAssumedBandwidthBps, dispatch, saveAssumedBandwidthBps ]);
+
+    /**
+     * Validates the assumed bandwidth bps.
+     *
+     * @param {KeyboardEvent<any>} e - The key event to handle.
+     *
+     * @returns {void}
+     */
+    const onAssumedBandwidthBpsKeyPress = useCallback((e: KeyboardEvent<any>) => {
+        const isValid = (e.charCode !== 8 && e.charCode === 0) || (e.charCode >= 48 && e.charCode <= 57);
+
+        if (!isValid) {
+            e.preventDefault();
+        }
+    }, []);
+
+    /**
+     * Callback invoked to hide or show the possible values
+     * of the assumed bandwidth setting.
+     *
+     * @returns {void}
+     */
+    const toggleInfoPanel = useCallback(() => {
+        setShowAssumedBandwidthInfo(!showAssumedBandwidthInfo);
+    }, [ setShowAssumedBandwidthInfo, showAssumedBandwidthInfo ]);
+
+    return (
+        <Dialog
+            onSubmit = { onAssumedBandwidthBpsSave }
+            titleKey = 'bandwidthSettings.title'>
+            <div className = { classes.content }>
+                <Input
+                    bottomLabel = { t('bandwidthSettings.assumedBandwidthBpsWarning') }
+                    icon = { IconInfoCircle }
+                    iconClick = { toggleInfoPanel }
+                    id = 'setAssumedBandwidthBps'
+                    label = { t('bandwidthSettings.setAssumedBandwidthBps') }
+                    minValue = { 0 }
+                    name = 'assumedBandwidthBps'
+                    onChange = { onAssumedBandwidthBpsChange }
+                    onKeyPress = { onAssumedBandwidthBpsKeyPress }
+                    placeholder = { t('bandwidthSettings.assumedBandwidthBps') }
+                    type = 'number'
+                    value = { assumedBandwidthBps } />
+                {showAssumedBandwidthInfo && (
+                    <div className = { classes.info }>
+                        <span>{t('bandwidthSettings.possibleValues')}:</span>
+                        <ul className = { classes.possibleValues }>
+                            <li>
+                                <b>{t('bandwidthSettings.leaveEmpty')}</b> {t('bandwidthSettings.leaveEmptyEffect')}
+                            </li>
+                            <li><b>0</b> {t('bandwidthSettings.zeroEffect')}</li>
+                            <li>
+                                <b>{t('bandwidthSettings.customValue')}</b> {t('bandwidthSettings.customValueEffect')}
+                            </li>
+                        </ul>
+                    </div>
+                )}
+            </div>
+        </Dialog>
+    );
+};
+
+export default BandwidthSettingsDialog;
diff --git a/react/features/connection-indicator/components/web/ConnectionIndicator.tsx b/react/features/connection-indicator/components/web/ConnectionIndicator.tsx
new file mode 100644
index 0000000..7e1b020
--- /dev/null
+++ b/react/features/connection-indicator/components/web/ConnectionIndicator.tsx
@@ -0,0 +1,405 @@
+import { Theme } from '@mui/material';
+import clsx from 'clsx';
+import React from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+import { withStyles } from 'tss-react/mui';
+
+import { IReduxState, IStore } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { MEDIA_TYPE } from '../../../base/media/constants';
+import {
+    getLocalParticipant,
+    getParticipantById,
+    isScreenShareParticipant
+} from '../../../base/participants/functions';
+import Popover from '../../../base/popover/components/Popover.web';
+import {
+    getTrackByMediaTypeAndParticipant,
+    getVirtualScreenshareParticipantTrack
+} from '../../../base/tracks/functions';
+import { ITrack } from '../../../base/tracks/types';
+import { pixelsToRem } from '../../../base/ui/functions.any';
+import {
+    isTrackStreamingStatusInactive,
+    isTrackStreamingStatusInterrupted
+} from '../../functions';
+import AbstractConnectionIndicator, {
+    IProps as AbstractProps,
+    IState as AbstractState,
+    INDICATOR_DISPLAY_THRESHOLD,
+    mapStateToProps as _abstractMapStateToProps
+} from '../AbstractConnectionIndicator';
+
+import ConnectionIndicatorContent from './ConnectionIndicatorContent';
+import { ConnectionIndicatorIcon } from './ConnectionIndicatorIcon';
+
+/**
+ * An array of display configurations for the connection indicator and its bars.
+ * The ordering is done specifically for faster iteration to find a matching
+ * configuration to the current connection strength percentage.
+ *
+ * @type {Object[]}
+ */
+const QUALITY_TO_WIDTH: Array<{
+    colorClass: string;
+    percent: number;
+    tip: string;
+}> = [
+
+    // Full (3 bars)
+    {
+        colorClass: 'status-high',
+        percent: INDICATOR_DISPLAY_THRESHOLD,
+        tip: 'connectionindicator.quality.good'
+    },
+
+    // 2 bars
+    {
+        colorClass: 'status-med',
+        percent: 10,
+        tip: 'connectionindicator.quality.nonoptimal'
+    },
+
+    // 1 bar
+    {
+        colorClass: 'status-low',
+        percent: 0,
+        tip: 'connectionindicator.quality.poor'
+    }
+
+    // Note: we never show 0 bars as long as there is a connection.
+];
+
+/**
+ * The type of the React {@code Component} props of {@link ConnectionIndicator}.
+ */
+interface IProps extends AbstractProps, WithTranslation {
+
+    /**
+     * Disable/enable inactive indicator.
+     */
+    _connectionIndicatorInactiveDisabled: boolean;
+
+    /**
+     * Whether the connection status is inactive.
+     */
+    _isConnectionStatusInactive: boolean;
+
+    /**
+     * Whether the connection status is interrupted.
+     */
+    _isConnectionStatusInterrupted?: boolean;
+
+    /**
+     * Whether the indicator popover is disabled.
+     */
+    _popoverDisabled: boolean;
+
+    /**
+     * The participant's video track;.
+     */
+    _videoTrack?: ITrack;
+
+    /**
+     * Whether or not the component should ignore setting a visibility class for
+     * hiding the component when the connection quality is not strong.
+     */
+    alwaysVisible: boolean;
+
+    /**
+     * The audio SSRC of this client.
+     */
+    audioSsrc?: number;
+
+    /**
+     * An object containing the CSS classes.
+     */
+    classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
+
+    /**
+     * The Redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Whether or not clicking the indicator should display a popover for more
+     * details.
+     */
+    enableStatsDisplay: boolean;
+
+    /**
+     * The font-size for the icon.
+     */
+    iconSize: number;
+
+    /**
+     * Relative to the icon from where the popover for more connection details
+     * should display.
+     */
+    statsPopoverPosition: string;
+}
+
+interface IState extends AbstractState {
+
+    /**
+     * Whether popover is visible or not.
+     */
+    popoverVisible: boolean;
+}
+
+const styles = (theme: Theme) => {
+    return {
+        container: {
+            display: 'inline-block'
+        },
+
+        hidden: {
+            display: 'none'
+        },
+
+        icon: {
+            padding: '4px',
+            borderRadius: '4px',
+
+            '&.status-high': {
+                backgroundColor: theme.palette.success01
+            },
+
+            '&.status-med': {
+                backgroundColor: theme.palette.warning01
+            },
+
+            '&.status-low': {
+                backgroundColor: theme.palette.iconError
+            },
+
+            '&.status-disabled': {
+                background: 'transparent'
+            },
+
+            '&.status-lost': {
+                backgroundColor: theme.palette.ui05
+            },
+
+            '&.status-other': {
+                backgroundColor: theme.palette.action01
+            }
+        },
+
+        inactiveIcon: {
+            padding: 0,
+            borderRadius: '50%'
+        }
+    };
+};
+
+/**
+ * Implements a React {@link Component} which displays the current connection
+ * quality percentage and has a popover to show more detailed connection stats.
+ *
+ * @augments {Component}
+ */
+class ConnectionIndicator extends AbstractConnectionIndicator<IProps, IState> {
+    /**
+     * Initializes a new {@code ConnectionIndicator} instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            showIndicator: false,
+            stats: {},
+            popoverVisible: false
+        };
+        this._onShowPopover = this._onShowPopover.bind(this);
+        this._onHidePopover = this._onHidePopover.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { enableStatsDisplay, participantId, statsPopoverPosition, t } = this.props;
+        const classes = withStyles.getClasses(this.props);
+        const visibilityClass = this._getVisibilityClass();
+
+        if (this.props._popoverDisabled) {
+            return this._renderIndicator();
+        }
+
+        return (
+            <Popover
+                className = { clsx(classes.container, visibilityClass) }
+                content = { <ConnectionIndicatorContent
+                    inheritedStats = { this.state.stats }
+                    participantId = { participantId } /> }
+                disablePopover = { !enableStatsDisplay }
+                headingLabel = { t('videothumbnail.connectionInfo') }
+                id = 'participant-connection-indicator'
+                onPopoverClose = { this._onHidePopover }
+                onPopoverOpen = { this._onShowPopover }
+                position = { statsPopoverPosition }
+                visible = { this.state.popoverVisible }>
+                { this._renderIndicator() }
+            </Popover>
+        );
+    }
+
+    /**
+     * Returns a CSS class that interprets the current connection status as a
+     * color.
+     *
+     * @private
+     * @returns {string}
+     */
+    _getConnectionColorClass() {
+        // TODO We currently do not have logic to emit and handle stats changes for tracks.
+        const { percent } = this.state.stats;
+
+        const {
+            _isConnectionStatusInactive,
+            _isConnectionStatusInterrupted,
+            _connectionIndicatorInactiveDisabled
+        } = this.props;
+
+        if (_isConnectionStatusInactive) {
+            if (_connectionIndicatorInactiveDisabled) {
+                return 'status-disabled';
+            }
+
+            return 'status-other';
+        } else if (_isConnectionStatusInterrupted) {
+            return 'status-lost';
+        } else if (typeof percent === 'undefined') {
+            return 'status-high';
+        }
+
+        return this._getDisplayConfiguration(percent).colorClass;
+    }
+
+    /**
+     * Get the icon configuration from QUALITY_TO_WIDTH which has a percentage
+     * that matches or exceeds the passed in percentage. The implementation
+     * assumes QUALITY_TO_WIDTH is already sorted by highest to lowest
+     * percentage.
+     *
+     * @param {number} percent - The connection percentage, out of 100, to find
+     * the closest matching configuration for.
+     * @private
+     * @returns {Object}
+     */
+    _getDisplayConfiguration(percent: number): any {
+        return QUALITY_TO_WIDTH.find(x => percent >= x.percent) || {};
+    }
+
+    /**
+     * Returns additional class names to add to the root of the component. The
+     * class names are intended to be used for hiding or showing the indicator.
+     *
+     * @private
+     * @returns {string}
+     */
+    _getVisibilityClass() {
+        const { _isConnectionStatusInactive, _isConnectionStatusInterrupted } = this.props;
+        const classes = withStyles.getClasses(this.props);
+
+        return this.state.showIndicator
+            || this.props.alwaysVisible
+            || _isConnectionStatusInterrupted
+            || _isConnectionStatusInactive
+            ? '' : classes.hidden;
+    }
+
+    /**
+     * Hides popover.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onHidePopover() {
+        this.setState({ popoverVisible: false });
+    }
+
+    /**
+     * Shows popover.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onShowPopover() {
+        this.setState({ popoverVisible: true });
+    }
+
+
+    /**
+     * Creates a ReactElement for displaying the indicator (GSM bar).
+     *
+     * @returns {ReactElement}
+     */
+    _renderIndicator() {
+        const {
+            _isConnectionStatusInactive,
+            _isConnectionStatusInterrupted,
+            _connectionIndicatorInactiveDisabled,
+            _videoTrack,
+            classes,
+            iconSize,
+            t
+        } = this.props;
+
+        return (
+            <div
+                style = {{ fontSize: pixelsToRem(iconSize) }}>
+                <span className = 'sr-only'>{ t('videothumbnail.connectionInfo') }</span>
+                <ConnectionIndicatorIcon
+                    classes = { classes }
+                    colorClass = { this._getConnectionColorClass() }
+                    connectionIndicatorInactiveDisabled = { _connectionIndicatorInactiveDisabled }
+                    isConnectionStatusInactive = { _isConnectionStatusInactive }
+                    isConnectionStatusInterrupted = { _isConnectionStatusInterrupted }
+                    track = { _videoTrack } />
+            </div>
+        );
+    }
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {IProps} ownProps - The own props of the component.
+ * @returns {IProps}
+ */
+export function _mapStateToProps(state: IReduxState, ownProps: any) {
+    const { participantId } = ownProps;
+    const tracks = state['features/base/tracks'];
+    const participant = participantId ? getParticipantById(state, participantId) : getLocalParticipant(state);
+    let _videoTrack = getTrackByMediaTypeAndParticipant(tracks, MEDIA_TYPE.VIDEO, participantId);
+
+    if (isScreenShareParticipant(participant)) {
+        _videoTrack = getVirtualScreenshareParticipantTrack(tracks, participantId);
+    }
+
+    const _isConnectionStatusInactive = isTrackStreamingStatusInactive(_videoTrack);
+    const _isConnectionStatusInterrupted = isTrackStreamingStatusInterrupted(_videoTrack);
+
+    return {
+        ..._abstractMapStateToProps(state),
+        _connectionIndicatorInactiveDisabled:
+            Boolean(state['features/base/config'].connectionIndicators?.inactiveDisabled),
+        _isVirtualScreenshareParticipant: isScreenShareParticipant(participant),
+        _popoverDisabled: Boolean(state['features/base/config'].connectionIndicators?.disableDetails),
+        _isConnectionStatusInactive,
+        _isConnectionStatusInterrupted,
+        _videoTrack
+    };
+}
+
+export default connect(_mapStateToProps)(translate(withStyles(ConnectionIndicator, styles)));
diff --git a/react/features/connection-indicator/components/web/ConnectionIndicatorContent.tsx b/react/features/connection-indicator/components/web/ConnectionIndicatorContent.tsx
new file mode 100644
index 0000000..d72fe9c
--- /dev/null
+++ b/react/features/connection-indicator/components/web/ConnectionIndicatorContent.tsx
@@ -0,0 +1,376 @@
+import React from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../../app/types';
+import { openDialog } from '../../../base/dialog/actions';
+import { translate } from '../../../base/i18n/functions';
+import { MEDIA_TYPE } from '../../../base/media/constants';
+import {
+    getLocalParticipant,
+    getParticipantById,
+    isScreenShareParticipant
+} from '../../../base/participants/functions';
+import {
+    getTrackByMediaTypeAndParticipant,
+    getVirtualScreenshareParticipantTrack
+} from '../../../base/tracks/functions.web';
+import ConnectionStatsTable from '../../../connection-stats/components/ConnectionStatsTable';
+import { saveLogs } from '../../actions.web';
+import {
+    isTrackStreamingStatusInactive,
+    isTrackStreamingStatusInterrupted
+} from '../../functions';
+import AbstractConnectionIndicator, {
+    IProps as AbstractProps,
+    IState as AbstractState,
+    INDICATOR_DISPLAY_THRESHOLD
+} from '../AbstractConnectionIndicator';
+
+import BandwidthSettingsDialog from './BandwidthSettingsDialog';
+
+/**
+ * An array of display configurations for the connection indicator and its bars.
+ * The ordering is done specifically for faster iteration to find a matching
+ * configuration to the current connection strength percentage.
+ *
+ * @type {Object[]}
+ */
+const QUALITY_TO_WIDTH = [
+
+    // Full (3 bars)
+    {
+        colorClass: 'status-high',
+        percent: INDICATOR_DISPLAY_THRESHOLD,
+        tip: 'connectionindicator.quality.good',
+        width: '100%'
+    },
+
+    // 2 bars
+    {
+        colorClass: 'status-med',
+        percent: 10,
+        tip: 'connectionindicator.quality.nonoptimal',
+        width: '66%'
+    },
+
+    // 1 bar
+    {
+        colorClass: 'status-low',
+        percent: 0,
+        tip: 'connectionindicator.quality.poor',
+        width: '33%'
+    }
+
+    // Note: we never show 0 bars as long as there is a connection.
+];
+
+/**
+ * The type of the React {@code Component} props of {@link ConnectionIndicator}.
+ */
+interface IProps extends AbstractProps, WithTranslation {
+
+    /**
+     * The audio SSRC of this client.
+     */
+    _audioSsrc: number;
+
+    /**
+     * Whether or not should display the "Show More" link in the local video
+     * stats table.
+     */
+    _disableShowMoreStats: boolean;
+
+    /**
+     * Whether to enable assumed bandwidth.
+     */
+    _enableAssumedBandwidth?: boolean;
+
+    /**
+     * Whether or not should display the "Save Logs" link in the local video
+     * stats table.
+     */
+    _enableSaveLogs: boolean;
+
+    _isConnectionStatusInactive: boolean;
+
+    _isConnectionStatusInterrupted: boolean;
+
+    _isE2EEVerified?: boolean;
+
+    /**
+     * Whether or not the displays stats are for local video.
+     */
+    _isLocalVideo: boolean;
+
+    /**
+     * Whether is narrow layout or not.
+     */
+    _isNarrowLayout: boolean;
+
+    /**
+     * Invoked to open the bandwidth settings dialog.
+     */
+    _onOpenBandwidthDialog: () => void;
+
+    /**
+     * Invoked to save the conference logs.
+     */
+    _onSaveLogs: () => void;
+
+    /**
+     * The region reported by the participant.
+     */
+    _region?: string;
+
+    /**
+     * The video SSRC of this client.
+     */
+    _videoSsrc: number;
+
+    /**
+     * Css class to apply on container.
+     */
+    className: string;
+
+    /**
+     * The Redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Optional param for passing existing connection stats on component instantiation.
+     */
+    inheritedStats: any;
+}
+
+/**
+ * The type of the React {@code Component} state of {@link ConnectionIndicator}.
+ */
+interface IState extends AbstractState {
+
+    autoHideTimeout?: number;
+
+    /**
+     * Whether or not the popover content should display additional statistics.
+     */
+    showMoreStats: boolean;
+}
+
+/**
+ * Implements a React {@link Component} which displays the current connection
+ * quality percentage and has a popover to show more detailed connection stats.
+ *
+ * @augments {Component}
+ */
+class ConnectionIndicatorContent extends AbstractConnectionIndicator<IProps, IState> {
+    /**
+     * Initializes a new {@code ConnectionIndicator} instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            autoHideTimeout: undefined,
+            showIndicator: false,
+            showMoreStats: false,
+            stats: props.inheritedStats || {}
+        };
+
+        // Bind event handlers so they are only bound once for every instance.
+        this._onToggleShowMore = this._onToggleShowMore.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const {
+            bandwidth,
+            bitrate,
+            bridgeCount,
+            codec,
+            framerate,
+            maxEnabledResolution,
+            packetLoss,
+            resolution,
+            serverRegion,
+            transport
+        } = this.state.stats;
+
+        return (
+            <ConnectionStatsTable
+                audioSsrc = { this.props._audioSsrc }
+                bandwidth = { bandwidth }
+                bitrate = { bitrate }
+                bridgeCount = { bridgeCount }
+                codec = { codec }
+                connectionSummary = { this._getConnectionStatusTip() }
+                disableShowMoreStats = { this.props._disableShowMoreStats }
+                e2eeVerified = { this.props._isE2EEVerified }
+                enableAssumedBandwidth = { this.props._enableAssumedBandwidth }
+                enableSaveLogs = { this.props._enableSaveLogs }
+                framerate = { framerate }
+                isLocalVideo = { this.props._isLocalVideo }
+                isNarrowLayout = { this.props._isNarrowLayout }
+                isVirtualScreenshareParticipant = { this.props._isVirtualScreenshareParticipant }
+                maxEnabledResolution = { maxEnabledResolution }
+                onOpenBandwidthDialog = { this.props._onOpenBandwidthDialog }
+                onSaveLogs = { this.props._onSaveLogs }
+                onShowMore = { this._onToggleShowMore }
+                packetLoss = { packetLoss }
+                participantId = { this.props.participantId }
+                region = { this.props._region ?? '' }
+                resolution = { resolution }
+                serverRegion = { serverRegion }
+                shouldShowMore = { this.state.showMoreStats }
+                transport = { transport }
+                videoSsrc = { this.props._videoSsrc } />
+        );
+    }
+
+    /**
+     * Returns a string that describes the current connection status.
+     *
+     * @private
+     * @returns {string}
+     */
+    _getConnectionStatusTip() {
+        let tipKey;
+
+        const { _isConnectionStatusInactive, _isConnectionStatusInterrupted } = this.props;
+
+        switch (true) {
+        case _isConnectionStatusInterrupted:
+            tipKey = 'connectionindicator.quality.lost';
+            break;
+
+        case _isConnectionStatusInactive:
+            tipKey = 'connectionindicator.quality.inactive';
+            break;
+
+        default: {
+            const { percent } = this.state.stats;
+
+            if (typeof percent === 'undefined') {
+                // If percentage is undefined then there are no stats available
+                // yet, likely because only a local connection has been
+                // established so far. Assume a strong connection to start.
+                tipKey = 'connectionindicator.quality.good';
+            } else {
+                const config = this._getDisplayConfiguration(percent);
+
+                tipKey = config.tip;
+            }
+        }
+        }
+
+        return this.props.t(tipKey);
+    }
+
+    /**
+     * Get the icon configuration from QUALITY_TO_WIDTH which has a percentage
+     * that matches or exceeds the passed in percentage. The implementation
+     * assumes QUALITY_TO_WIDTH is already sorted by highest to lowest
+     * percentage.
+     *
+     * @param {number} percent - The connection percentage, out of 100, to find
+     * the closest matching configuration for.
+     * @private
+     * @returns {Object}
+     */
+    _getDisplayConfiguration(percent: number) {
+        return QUALITY_TO_WIDTH.find(x => percent >= x.percent) || { tip: '' };
+    }
+
+    /**
+     * Callback to invoke when the show more link in the popover content is
+     * clicked. Sets the state which will determine if the popover should show
+     * additional statistics about the connection.
+     *
+     * @returns {void}
+     */
+    _onToggleShowMore() {
+        this.setState({ showMoreStats: !this.state.showMoreStats });
+    }
+}
+
+/**
+ * Maps redux actions to the props of the component.
+ *
+ * @param {Function} dispatch - The redux action {@code dispatch} function.
+ * @returns {{
+ *     _onSaveLogs: Function,
+ * }}
+ * @private
+ */
+export function _mapDispatchToProps(dispatch: IStore['dispatch']) {
+    return {
+        /**
+         * Saves the conference logs.
+         *
+         * @returns {Function}
+         */
+        _onSaveLogs() {
+            dispatch(saveLogs());
+        },
+
+        /**
+         * Opens the bandwidth settings dialog.
+         *
+         * @returns {void}
+         */
+        _onOpenBandwidthDialog() {
+            dispatch(openDialog('BandwidthSettingsDialog', BandwidthSettingsDialog));
+        }
+    };
+}
+
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {IProps} ownProps - The own props of the component.
+ * @returns {IProps}
+ */
+export function _mapStateToProps(state: IReduxState, ownProps: any) {
+    const { participantId } = ownProps;
+    const conference = state['features/base/conference'].conference;
+    const participant
+        = participantId ? getParticipantById(state, participantId) : getLocalParticipant(state);
+    const { isNarrowLayout } = state['features/base/responsive-ui'];
+    const tracks = state['features/base/tracks'];
+    const audioTrack = getTrackByMediaTypeAndParticipant(tracks, MEDIA_TYPE.AUDIO, participantId);
+    let videoTrack = getTrackByMediaTypeAndParticipant(tracks, MEDIA_TYPE.VIDEO, participantId);
+
+    if (isScreenShareParticipant(participant)) {
+        videoTrack = getVirtualScreenshareParticipantTrack(tracks, participant?.id ?? '');
+    }
+
+    const _isConnectionStatusInactive = isTrackStreamingStatusInactive(videoTrack);
+    const _isConnectionStatusInterrupted = isTrackStreamingStatusInterrupted(videoTrack);
+
+    return {
+        _audioSsrc: audioTrack ? conference?.getSsrcByTrack(audioTrack.jitsiTrack) : undefined,
+        _disableShowMoreStats: Boolean(state['features/base/config'].disableShowMoreStats),
+        _enableAssumedBandwidth: state['features/base/config'].testing?.assumeBandwidth,
+        _enableSaveLogs: Boolean(state['features/base/config'].enableSaveLogs),
+        _isConnectionStatusInactive,
+        _isConnectionStatusInterrupted,
+        _isE2EEVerified: participant?.e2eeVerified,
+        _isNarrowLayout: isNarrowLayout,
+        _isVirtualScreenshareParticipant: isScreenShareParticipant(participant),
+        _isLocalVideo: Boolean(participant?.local),
+        _region: participant?.region,
+        _videoSsrc: videoTrack ? conference?.getSsrcByTrack(videoTrack.jitsiTrack) : undefined
+    };
+}
+
+export default translate(connect(_mapStateToProps, _mapDispatchToProps)(ConnectionIndicatorContent));
diff --git a/react/features/connection-indicator/components/web/ConnectionIndicatorIcon.tsx b/react/features/connection-indicator/components/web/ConnectionIndicatorIcon.tsx
new file mode 100644
index 0000000..b7f9d80
--- /dev/null
+++ b/react/features/connection-indicator/components/web/ConnectionIndicatorIcon.tsx
@@ -0,0 +1,111 @@
+import React, { useEffect } from 'react';
+import { useDispatch } from 'react-redux';
+import { useStyles } from 'tss-react/mui';
+
+import Icon from '../../../base/icons/components/Icon';
+import { IconConnection, IconConnectionInactive } from '../../../base/icons/svg';
+import { JitsiTrackEvents } from '../../../base/lib-jitsi-meet';
+import { trackStreamingStatusChanged } from '../../../base/tracks/actions.web';
+import { ITrack } from '../../../base/tracks/types';
+
+interface IProps {
+
+    /**
+     * An object containing the CSS classes.
+     */
+    classes?: Partial<Record<'icon' | 'inactiveIcon', string>>;
+
+    /**
+     * A CSS class that interprets the current connection status as a color.
+     */
+    colorClass: string;
+
+    /**
+     * Disable/enable inactive indicator.
+     */
+    connectionIndicatorInactiveDisabled: boolean;
+
+    /**
+     * Whether or not the connection status is inactive.
+     */
+    isConnectionStatusInactive: boolean;
+
+    /**
+     * Whether or not the connection status is interrupted.
+     */
+    isConnectionStatusInterrupted?: boolean;
+
+    /**
+     * JitsiTrack instance.
+     */
+    track?: ITrack;
+}
+
+export const ConnectionIndicatorIcon = ({
+    classes,
+    colorClass,
+    connectionIndicatorInactiveDisabled,
+    isConnectionStatusInactive,
+    isConnectionStatusInterrupted,
+    track
+}: IProps) => {
+    const { cx } = useStyles();
+    const dispatch = useDispatch();
+    const sourceName = track?.jitsiTrack?.getSourceName();
+
+    const handleTrackStreamingStatusChanged = (jitsiTrack: any, streamingStatus: string) => {
+        dispatch(trackStreamingStatusChanged(jitsiTrack, streamingStatus));
+    };
+
+    // TODO: replace this with a custom hook to be reused where track streaming status is needed.
+    // TODO: In the hood the listener should updates a local track streaming status instead of that in redux store.
+    useEffect(() => {
+        if (track && !track.local) {
+            track.jitsiTrack.on(JitsiTrackEvents.TRACK_STREAMING_STATUS_CHANGED, handleTrackStreamingStatusChanged);
+
+            dispatch(trackStreamingStatusChanged(track.jitsiTrack, track.jitsiTrack.getTrackStreamingStatus?.()));
+        }
+
+        return () => {
+            if (track && !track.local) {
+                track.jitsiTrack.off(
+                    JitsiTrackEvents.TRACK_STREAMING_STATUS_CHANGED,
+                    handleTrackStreamingStatusChanged
+                );
+
+                dispatch(trackStreamingStatusChanged(track.jitsiTrack, track.jitsiTrack.getTrackStreamingStatus?.()));
+            }
+        };
+    }, [ sourceName ]);
+
+    if (isConnectionStatusInactive) {
+        if (connectionIndicatorInactiveDisabled) {
+            return null;
+        }
+
+        return (
+            <span className = 'connection_ninja'>
+                <Icon
+                    className = { cx(classes?.icon, classes?.inactiveIcon, colorClass) }
+                    size = { 24 }
+                    src = { IconConnectionInactive } />
+            </span>
+        );
+    }
+
+    let emptyIconWrapperClassName = 'connection_empty';
+
+    if (isConnectionStatusInterrupted) {
+        // emptyIconWrapperClassName is used by the torture tests to identify lost connection status handling.
+        emptyIconWrapperClassName = 'connection_lost';
+    }
+
+    return (
+        <span className = { emptyIconWrapperClassName }>
+            <Icon
+                className = { cx(classes?.icon, colorClass) }
+                size = { 16 }
+                src = { IconConnection } />
+        </span>
+    );
+};
diff --git a/react/features/connection-indicator/functions.ts b/react/features/connection-indicator/functions.ts
new file mode 100644
index 0000000..74858ff
--- /dev/null
+++ b/react/features/connection-indicator/functions.ts
@@ -0,0 +1,38 @@
+import { JitsiTrackStreamingStatus } from '../base/lib-jitsi-meet';
+import { ITrack } from '../base/tracks/types';
+
+/**
+ * Checks if the passed track's streaming status is active.
+ *
+ * @param {Object} videoTrack - Track reference.
+ * @returns {boolean} - Is streaming status active.
+ */
+export function isTrackStreamingStatusActive(videoTrack?: ITrack) {
+    const streamingStatus = videoTrack?.streamingStatus;
+
+    return streamingStatus === JitsiTrackStreamingStatus.ACTIVE;
+}
+
+/**
+ * Checks if the passed track's streaming status is inactive.
+ *
+ * @param {Object} videoTrack - Track reference.
+ * @returns {boolean} - Is streaming status inactive.
+ */
+export function isTrackStreamingStatusInactive(videoTrack?: ITrack) {
+    const streamingStatus = videoTrack?.streamingStatus;
+
+    return streamingStatus === JitsiTrackStreamingStatus.INACTIVE;
+}
+
+/**
+ * Checks if the passed track's streaming status is interrupted.
+ *
+ * @param {Object} videoTrack - Track reference.
+ * @returns {boolean} - Is streaming status interrupted.
+ */
+export function isTrackStreamingStatusInterrupted(videoTrack?: ITrack) {
+    const streamingStatus = videoTrack?.streamingStatus;
+
+    return streamingStatus === JitsiTrackStreamingStatus.INTERRUPTED;
+}
diff --git a/react/features/connection-indicator/middleware.ts b/react/features/connection-indicator/middleware.ts
new file mode 100644
index 0000000..8c09fe5
--- /dev/null
+++ b/react/features/connection-indicator/middleware.ts
@@ -0,0 +1,23 @@
+import { CONFERENCE_JOINED } from '../base/conference/actionTypes';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+
+import statsEmitter from './statsEmitter';
+
+/**
+ * Implements the middleware of the feature connection-indicator.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case CONFERENCE_JOINED: {
+        statsEmitter.startListeningForStats(action.conference);
+        break;
+    }
+    }
+
+    return next(action);
+});
+
diff --git a/react/features/connection-indicator/statsEmitter.ts b/react/features/connection-indicator/statsEmitter.ts
new file mode 100644
index 0000000..5292373
--- /dev/null
+++ b/react/features/connection-indicator/statsEmitter.ts
@@ -0,0 +1,201 @@
+import { union } from 'lodash-es';
+
+import { IJitsiConference } from '../base/conference/reducer';
+import {
+    JitsiConnectionQualityEvents
+} from '../base/lib-jitsi-meet';
+import { trackCodecChanged } from '../base/tracks/actions.any';
+import { getLocalTracks } from '../base/tracks/functions.any';
+
+/**
+ * Contains all the callbacks to be notified when stats are updated.
+ *
+ * ```
+ * {
+ *     userId: Function[]
+ * }
+ * ```
+ */
+const subscribers: any = {};
+
+interface IStats {
+    codec?: Object;
+    framerate?: Object;
+    resolution?: Object;
+}
+
+/**
+ * A singleton that acts as a pub/sub service for connection stat updates.
+ */
+const statsEmitter = {
+    /**
+     * Have {@code statsEmitter} subscribe to stat updates from a given
+     * conference.
+     *
+     * @param {JitsiConference} conference - The conference for which
+     * {@code statsEmitter} should subscribe for stat updates.
+     * @returns {void}
+     */
+    startListeningForStats(conference: IJitsiConference) {
+        conference.on(JitsiConnectionQualityEvents.LOCAL_STATS_UPDATED,
+            (stats: IStats) => this._onStatsUpdated(conference.myUserId(), stats));
+
+        conference.on(JitsiConnectionQualityEvents.REMOTE_STATS_UPDATED,
+            (id: string, stats: IStats) => this._emitStatsUpdate(id, stats));
+    },
+
+    /**
+     * Add a subscriber to be notified when stats are updated for a specified
+     * user id.
+     *
+     * @param {string} id - The user id whose stats updates are of interest.
+     * @param {Function} callback - The function to invoke when stats for the
+     * user have been updated.
+     * @returns {void}
+     */
+    subscribeToClientStats(id: string | undefined, callback: Function) {
+        if (!id) {
+            return;
+        }
+
+        if (!subscribers[id]) {
+            subscribers[id] = [];
+        }
+
+        subscribers[id].push(callback);
+    },
+
+    /**
+     * Remove a subscriber that is listening for stats updates for a specified
+     * user id.
+     *
+     * @param {string} id - The user id whose stats updates are no longer of
+     * interest.
+     * @param {Function} callback - The function that is currently subscribed to
+     * stat updates for the specified user id.
+     * @returns {void}
+     */
+    unsubscribeToClientStats(id: string, callback: Function) {
+        if (!subscribers[id]) {
+            return;
+        }
+
+        const filteredSubscribers = subscribers[id].filter(
+            (subscriber: Function) => subscriber !== callback);
+
+        if (filteredSubscribers.length) {
+            subscribers[id] = filteredSubscribers;
+        } else {
+            delete subscribers[id];
+        }
+    },
+
+    /**
+     * Emit a stat update to all those listening for a specific user's
+     * connection stats.
+     *
+     * @param {string} id - The user id the stats are associated with.
+     * @param {Object} stats - New connection stats for the user.
+     * @returns {void}
+     */
+    _emitStatsUpdate(id: string, stats: IStats = {}) {
+        const callbacks = subscribers[id] || [];
+
+        callbacks.forEach((callback: Function) => {
+            callback(stats);
+        });
+    },
+
+    /**
+     * Emit a stat update to all those listening for local stat updates. Will
+     * also update listeners of remote user stats of changes related to their
+     * stats.
+     *
+     * @param {string} localUserId - The user id for the local user.
+     * @param {Object} stats - Connection stats for the local user as provided
+     * by the library.
+     * @returns {void}
+     */
+    _onStatsUpdated(localUserId: string, stats: IStats) {
+        const allUserFramerates = stats.framerate || {};
+        const allUserResolutions = stats.resolution || {};
+        const allUserCodecs = stats.codec || {};
+
+        // FIXME resolution and framerate are maps keyed off of user ids with
+        // stat values. Receivers of stats expect resolution and framerate to
+        // be primitives, not maps, so here we override the 'lib-jitsi-meet'
+        // stats objects.
+        const modifiedLocalStats = Object.assign({}, stats, {
+            framerate: allUserFramerates[localUserId as keyof typeof allUserFramerates],
+            resolution: allUserResolutions[localUserId as keyof typeof allUserResolutions],
+            codec: allUserCodecs[localUserId as keyof typeof allUserCodecs]
+        });
+
+        modifiedLocalStats.codec
+            && Object.keys(modifiedLocalStats.codec).length
+            && this._updateLocalCodecs(modifiedLocalStats.codec);
+
+        this._emitStatsUpdate(localUserId, modifiedLocalStats);
+
+        // Get all the unique user ids from the framerate and resolution stats
+        // and update remote user stats as needed.
+        const framerateUserIds = Object.keys(allUserFramerates);
+        const resolutionUserIds = Object.keys(allUserResolutions);
+        const codecUserIds = Object.keys(allUserCodecs);
+
+        union(framerateUserIds, resolutionUserIds, codecUserIds)
+            .filter(id => id !== localUserId)
+            .forEach(id => {
+                const remoteUserStats: IStats = {};
+
+                const framerate = allUserFramerates[id as keyof typeof allUserFramerates];
+
+                if (framerate) {
+                    remoteUserStats.framerate = framerate;
+                }
+
+                const resolution = allUserResolutions[id as keyof typeof allUserResolutions];
+
+                if (resolution) {
+                    remoteUserStats.resolution = resolution;
+                }
+
+                const codec = allUserCodecs[id as keyof typeof allUserCodecs];
+
+                if (codec) {
+                    remoteUserStats.codec = codec;
+                }
+
+                this._emitStatsUpdate(id, remoteUserStats);
+            });
+    },
+
+    /**
+     * Updates the codec associated with the local tracks.
+     * This is currently used for torture tests.
+     *
+     * @param {any} codecs - Codec information per local SSRC.
+     * @returns {void}
+     */
+    _updateLocalCodecs(codecs: any) {
+        if (typeof APP !== 'undefined') {
+            const tracks = APP.store.getState()['features/base/tracks'];
+            const localTracks = getLocalTracks(tracks);
+
+            for (const track of localTracks) {
+                const ssrc = track.jitsiTrack?.getSsrc();
+
+                if (ssrc && Object.keys(codecs).find(key => Number(key) === ssrc)) {
+                    const codecsPerSsrc = codecs[ssrc];
+                    const codec = codecsPerSsrc.audio ?? codecsPerSsrc.video;
+
+                    if (track.codec !== codec) {
+                        APP.store.dispatch(trackCodecChanged(track.jitsiTrack, codec));
+                    }
+                }
+            }
+        }
+    }
+};
+
+export default statsEmitter;
diff --git a/react/features/connection-stats/components/ConnectionStatsTable.tsx b/react/features/connection-stats/components/ConnectionStatsTable.tsx
new file mode 100644
index 0000000..8871b38
--- /dev/null
+++ b/react/features/connection-stats/components/ConnectionStatsTable.tsx
@@ -0,0 +1,834 @@
+/* eslint-disable react/no-multi-comp */
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { makeStyles } from 'tss-react/mui';
+
+import { isMobileBrowser } from '../../base/environment/utils';
+import Icon from '../../base/icons/components/Icon';
+import { IconGear } from '../../base/icons/svg';
+import ContextMenu from '../../base/ui/components/web/ContextMenu';
+
+type DownloadUpload = {
+    download: number;
+    upload: number;
+};
+
+/**
+ * The type of the React {@code Component} props of
+ * {@link ConnectionStatsTable}.
+ */
+interface IProps {
+
+    /**
+     * The audio SSRC of this client.
+     */
+    audioSsrc: number;
+
+    /**
+     * Statistics related to bandwidth.
+     * {{
+     *     download: Number,
+     *     upload: Number
+     * }}.
+     */
+    bandwidth: DownloadUpload;
+
+    /**
+     * Statistics related to bitrate.
+     * {{
+     *     download: Number,
+     *     upload: Number
+     * }}.
+     */
+    bitrate: DownloadUpload;
+
+    /**
+     * The number of bridges (aka media servers) currently used in the
+     * conference.
+     */
+    bridgeCount: number;
+
+    /**
+     * Audio/video codecs in use for the connection.
+     */
+    codec: {
+        [key: string]: {
+            audio: string | undefined;
+            video: string | undefined;
+        };
+    };
+
+    /**
+     * A message describing the connection quality.
+     */
+    connectionSummary: string;
+
+    /**
+     * Whether or not should display the "Show More" link.
+     */
+    disableShowMoreStats: boolean;
+
+    /**
+     * Whether or not the participant was verified.
+     */
+    e2eeVerified?: boolean;
+
+    /**
+     * Whether to enable assumed bandwidth.
+     */
+    enableAssumedBandwidth?: boolean;
+
+    /**
+     * Whether or not should display the "Save Logs" link.
+     */
+    enableSaveLogs: boolean;
+
+    /**
+     * Statistics related to frame rates for each ssrc.
+     * {{
+     *     [ ssrc ]: Number
+     * }}.
+     */
+    framerate: {
+        [ssrc: string]: number;
+    };
+
+    /**
+     * Whether or not the statistics are for local video.
+     */
+    isLocalVideo: boolean;
+
+    /**
+     * Whether we are in narrow layout mode or not.
+     */
+    isNarrowLayout: boolean;
+
+    /**
+     * Whether or not the statistics are for screen share.
+     */
+    isVirtualScreenshareParticipant: boolean;
+
+    /**
+     * The send-side max enabled resolution (aka the highest layer that is not
+     * suspended on the send-side).
+     */
+    maxEnabledResolution: number;
+
+    /**
+     * Callback to invoke when the user clicks on the open bandwidth settings dialog icon.
+     */
+    onOpenBandwidthDialog: () => void;
+
+    /**
+     * Callback to invoke when the user clicks on the download logs link.
+     */
+    onSaveLogs: () => void;
+
+    /**
+     * Callback to invoke when the show additional stats link is clicked.
+     */
+    onShowMore: (e?: React.MouseEvent) => void;
+
+    /**
+     * Statistics related to packet loss.
+     * {{
+     *     download: Number,
+     *     upload: Number
+     * }}.
+     */
+    packetLoss: DownloadUpload;
+
+    /**
+     * The endpoint id of this client.
+     */
+    participantId: string;
+
+    /**
+     * The region that we think the client is in.
+     */
+    region: string;
+
+    /**
+     * Statistics related to display resolutions for each ssrc.
+     * {{
+     *     [ ssrc ]: {
+     *         height: Number,
+     *         width: Number
+     *     }
+     * }}.
+     */
+    resolution: {
+        [ssrc: string]: {
+            height: number;
+            width: number;
+        };
+    };
+
+    /**
+     * The region of the media server that we are connected to.
+     */
+    serverRegion: string;
+
+    /**
+     * Whether or not additional stats about bandwidth and transport should be
+     * displayed. Will not display even if true for remote participants.
+     */
+    shouldShowMore: boolean;
+
+    /**
+     * Statistics related to transports.
+     */
+    transport: Array<{
+        ip: string;
+        localCandidateType: string;
+        localip: string;
+        p2p: boolean;
+        remoteCandidateType: string;
+        transportType: string;
+        type: string;
+    }>;
+
+    /**
+     * The video SSRC of this client.
+     */
+    videoSsrc: number;
+}
+
+/**
+ * Click handler.
+ *
+ * @param {SyntheticEvent} event - The click event.
+ * @returns {void}
+ */
+function onClick(event: React.MouseEvent) {
+    // If the event is propagated to the thumbnail container the participant will be pinned. That's why the propagation
+    // needs to be stopped.
+    event.stopPropagation();
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        actions: {
+            margin: '10px auto',
+            textAlign: 'center'
+        },
+        assumedBandwidth: {
+            cursor: 'pointer',
+            margin: '0 5px'
+        },
+        bandwidth: {
+            alignItems: 'center',
+            display: 'flex'
+        },
+        connectionStatsTable: {
+            '&, & > table': {
+                fontSize: '0.75rem',
+                fontWeight: 400,
+
+                '& td': {
+                    padding: '2px 0'
+                }
+            },
+            '& > table': {
+                whiteSpace: 'nowrap'
+            },
+
+            '& td:nth-child(n-1)': {
+                paddingLeft: '5px'
+            },
+
+            '& $upload, & $download': {
+                marginRight: '2px'
+            }
+        },
+        contextMenu: {
+            position: 'relative',
+            margin: 0,
+            right: 'auto',
+            padding: `${theme.spacing(2)} ${theme.spacing(1)}`
+        },
+        download: {},
+        mobile: {
+            margin: theme.spacing(3)
+        },
+        status: {
+            fontWeight: 'bold'
+        },
+        upload: {},
+        link: {
+            cursor: 'pointer',
+            color: theme.palette.link01,
+            transition: 'color .2s ease',
+            border: 0,
+            background: 0,
+            padding: 0,
+            display: 'inline',
+            fontWeight: 'bold',
+
+            '&:hover': {
+                color: theme.palette.link01Hover,
+                textDecoration: 'underline'
+            },
+
+            '&:active': {
+                color: theme.palette.link01Active
+            }
+        }
+    };
+});
+
+const ConnectionStatsTable = ({
+    audioSsrc,
+    bandwidth,
+    bitrate,
+    bridgeCount,
+    codec,
+    connectionSummary,
+    disableShowMoreStats,
+    e2eeVerified,
+    enableAssumedBandwidth,
+    enableSaveLogs,
+    framerate,
+    isVirtualScreenshareParticipant,
+    isLocalVideo,
+    isNarrowLayout,
+    maxEnabledResolution,
+    onOpenBandwidthDialog,
+    onSaveLogs,
+    onShowMore,
+    packetLoss,
+    participantId,
+    region,
+    resolution,
+    serverRegion,
+    shouldShowMore,
+    transport,
+    videoSsrc
+}: IProps) => {
+    const { classes, cx } = useStyles();
+    const { t } = useTranslation();
+
+    const _renderResolution = () => {
+        let resolutionString = 'N/A';
+
+        if (resolution && videoSsrc) {
+            const { width, height } = resolution[videoSsrc] ?? {};
+
+            if (width && height) {
+                resolutionString = `${width}x${height}`;
+
+                if (maxEnabledResolution && maxEnabledResolution < 720 && !isVirtualScreenshareParticipant) {
+                    const maxEnabledResolutionTitle = t('connectionindicator.maxEnabledResolution');
+
+                    resolutionString += ` (${maxEnabledResolutionTitle} ${maxEnabledResolution}p)`;
+                }
+            }
+        }
+
+        return (
+            <tr>
+                <td>
+                    <span>{t('connectionindicator.resolution')}</span>
+                </td>
+                <td>{resolutionString}</td>
+            </tr>
+        );
+    };
+
+    const _renderFrameRate = () => {
+        let frameRateString = 'N/A';
+
+        if (framerate) {
+            frameRateString = String(framerate[videoSsrc] ?? 'N/A');
+        }
+
+        return (
+            <tr>
+                <td>
+                    <span>{t('connectionindicator.framerate')}</span>
+                </td>
+                <td>{frameRateString}</td>
+            </tr>
+        );
+    };
+
+    const _renderScreenShareStatus = () => {
+        const className = cx(classes.connectionStatsTable, { [classes.mobile]: isMobileBrowser() });
+
+        return (<ContextMenu
+            className = { classes.contextMenu }
+            hidden = { false }
+            inDrawer = { true }>
+            <div
+                className = { className }
+                onClick = { onClick }>
+                <tbody>
+                    {_renderResolution()}
+                    {_renderFrameRate()}
+                </tbody>
+            </div>
+        </ContextMenu>);
+    };
+
+    const _renderBandwidth = () => {
+        const { download, upload } = bandwidth || {};
+
+        return (
+            <tr>
+                <td>
+                    {t('connectionindicator.bandwidth')}
+                </td>
+                <td className = { classes.bandwidth }>
+                    <span className = { classes.download }>
+                        &darr;
+                    </span>
+                    {download ? `${download} Kbps` : 'N/A'}
+                    <span className = { classes.upload }>
+                        &uarr;
+                    </span>
+                    {upload ? `${upload} Kbps` : 'N/A'}
+                    {enableAssumedBandwidth && (
+                        <div
+                            className = { classes.assumedBandwidth }
+                            onClick = { onOpenBandwidthDialog }>
+                            <Icon
+                                size = { 10 }
+                                src = { IconGear } />
+                        </div>
+                    )}
+                </td>
+            </tr>
+        );
+    };
+
+    const _renderTransportTableRow = (config: any) => {
+        const { additionalData, data, key, label } = config;
+
+        return (
+            <tr key = { key }>
+                <td>
+                    <span>
+                        {label}
+                    </span>
+                </td>
+                <td>
+                    {getStringFromArray(data)}
+                    {additionalData || null}
+                </td>
+            </tr>
+        );
+    };
+
+    const _renderTransport = () => {
+        if (!transport || transport.length === 0) {
+            const NA = (
+                <tr key = 'address'>
+                    <td>
+                        <span>{t('connectionindicator.address')}</span>
+                    </td>
+                    <td>
+                        N/A
+                    </td>
+                </tr>
+            );
+
+            return [ NA ];
+        }
+
+        const data: {
+            localIP: string[];
+            localPort: string[];
+            remoteIP: string[];
+            remotePort: string[];
+            transportType: string[];
+        } = {
+            localIP: [],
+            localPort: [],
+            remoteIP: [],
+            remotePort: [],
+            transportType: []
+        };
+
+        for (let i = 0; i < transport.length; i++) {
+            const ip = getIP(transport[i].ip);
+            const localIP = getIP(transport[i].localip);
+            const localPort = getPort(transport[i].localip);
+            const port = getPort(transport[i].ip);
+
+            if (!data.remoteIP.includes(ip)) {
+                data.remoteIP.push(ip);
+            }
+
+            if (!data.localIP.includes(localIP)) {
+                data.localIP.push(localIP);
+            }
+
+            if (!data.localPort.includes(localPort)) {
+                data.localPort.push(localPort);
+            }
+
+            if (!data.remotePort.includes(port)) {
+                data.remotePort.push(port);
+            }
+
+            if (!data.transportType.includes(transport[i].type)) {
+                data.transportType.push(transport[i].type);
+            }
+        }
+
+        // All of the transports should be either P2P or JVB
+        let isP2P = false, isTURN = false;
+
+        if (transport.length) {
+            isP2P = transport[0].p2p;
+            isTURN = transport[0].localCandidateType === 'relay'
+                || transport[0].remoteCandidateType === 'relay';
+        }
+
+        const additionalData = [];
+
+        if (isP2P) {
+            additionalData.push(
+                <span> (p2p)</span>);
+        }
+        if (isTURN) {
+            additionalData.push(<span> (turn)</span>);
+        }
+
+        // First show remote statistics, then local, and then transport type.
+        const tableRowConfigurations = [
+            {
+                additionalData,
+                data: data.remoteIP,
+                key: 'remoteaddress',
+                label: t('connectionindicator.remoteaddress',
+                    { count: data.remoteIP.length })
+            },
+            {
+                data: data.remotePort,
+                key: 'remoteport',
+                label: t('connectionindicator.remoteport',
+                    { count: transport.length })
+            },
+            {
+                data: data.localIP,
+                key: 'localaddress',
+                label: t('connectionindicator.localaddress',
+                    { count: data.localIP.length })
+            },
+            {
+                data: data.localPort,
+                key: 'localport',
+                label: t('connectionindicator.localport',
+                    { count: transport.length })
+            },
+            {
+                data: data.transportType,
+                key: 'transport',
+                label: t('connectionindicator.transport',
+                    { count: data.transportType.length })
+            }
+        ];
+
+        return tableRowConfigurations.map(_renderTransportTableRow);
+    };
+
+    const _renderRegion = () => {
+        let str = serverRegion;
+
+        if (!serverRegion) {
+            return;
+        }
+
+
+        if (region && serverRegion && region !== serverRegion) {
+            str += ` from ${region}`;
+        }
+
+        return (
+            <tr>
+                <td>
+                    <span>{t('connectionindicator.connectedTo')}</span>
+                </td>
+                <td>{str}</td>
+            </tr>
+        );
+    };
+
+    const _renderBridgeCount = () => {
+        // 0 is valid, but undefined/null/NaN aren't.
+        if (!bridgeCount && bridgeCount !== 0) {
+            return;
+        }
+
+        return (
+            <tr>
+                <td>
+                    <span>{t('connectionindicator.bridgeCount')}</span>
+                </td>
+                <td>{bridgeCount}</td>
+            </tr>
+        );
+    };
+
+    const _renderAudioSsrc = () => (
+        <tr>
+            <td>
+                <span>{t('connectionindicator.audio_ssrc')}</span>
+            </td>
+            <td>{audioSsrc || 'N/A'}</td>
+        </tr>
+    );
+
+    const _renderVideoSsrc = () => (
+        <tr>
+            <td>
+                <span>{t('connectionindicator.video_ssrc')}</span>
+            </td>
+            <td>{videoSsrc || 'N/A'}</td>
+        </tr>
+    );
+
+    const _renderParticipantId = () => (
+        <tr>
+            <td>
+                <span>{t('connectionindicator.participant_id')}</span>
+            </td>
+            <td>{participantId || 'N/A'}</td>
+        </tr>
+    );
+
+    const _renderE2EEVerified = () => {
+        if (e2eeVerified === undefined) {
+            return;
+        }
+
+        return (
+            <tr>
+                <td>
+                    <span>{t('connectionindicator.e2eeVerified')}</span>
+                </td>
+                <td>{t(`connectionindicator.${e2eeVerified ? 'yes' : 'no'}`)}</td>
+            </tr>
+        );
+    };
+
+    const _renderAdditionalStats = () => (
+        <table>
+            <tbody>
+                {isLocalVideo ? _renderBandwidth() : null}
+                {isLocalVideo ? _renderTransport() : null}
+                {_renderRegion()}
+                {isLocalVideo ? _renderBridgeCount() : null}
+                {_renderAudioSsrc()}
+                {_renderVideoSsrc()}
+                {_renderParticipantId()}
+                {_renderE2EEVerified()}
+            </tbody>
+        </table>
+    );
+
+    const _renderBitrate = () => {
+        const { download, upload } = bitrate || {};
+
+        return (
+            <tr>
+                <td>
+                    <span>
+                        {t('connectionindicator.bitrate')}
+                    </span>
+                </td>
+                <td>
+                    <span className = { classes.download }>
+                        &darr;
+                    </span>
+                    {download ? `${download} Kbps` : 'N/A'}
+                    <span className = { classes.upload }>
+                        &uarr;
+                    </span>
+                    {upload ? `${upload} Kbps` : 'N/A'}
+                </td>
+            </tr>
+        );
+    };
+
+    const _renderCodecs = () => {
+        let codecString = 'N/A';
+
+        if (codec) {
+            const audioCodec = codec[audioSsrc]?.audio;
+            const videoCodec = codec[videoSsrc]?.video;
+
+            if (audioCodec || videoCodec) {
+                codecString = [ audioCodec, videoCodec ].filter(Boolean).join(', ');
+            }
+        }
+
+        return (
+            <tr>
+                <td>
+                    <span>{t('connectionindicator.codecs')}</span>
+                </td>
+                <td>{codecString}</td>
+            </tr>
+        );
+    };
+
+    const _renderConnectionSummary = () => (
+        <tr className = { classes.status }>
+            <td>
+                <span>{t('connectionindicator.status')}</span>
+            </td>
+            <td>{connectionSummary}</td>
+        </tr>
+    );
+
+    const _renderPacketLoss = () => {
+        let packetLossTableData;
+
+        if (packetLoss) {
+            const { download, upload } = packetLoss;
+
+            packetLossTableData = (
+                <td>
+                    <span className = { classes.download }>
+                        &darr;
+                    </span>
+                    {download === null ? 'N/A' : `${download}%`}
+                    <span className = { classes.upload }>
+                        &uarr;
+                    </span>
+                    {upload === null ? 'N/A' : `${upload}%`}
+                </td>
+            );
+        } else {
+            packetLossTableData = <td>N/A</td>;
+        }
+
+        return (
+            <tr>
+                <td>
+                    <span>
+                        {t('connectionindicator.packetloss')}
+                    </span>
+                </td>
+                {packetLossTableData}
+            </tr>
+        );
+    };
+
+    const _renderSaveLogs = () => (
+        <span>
+            <button
+                className = { cx(classes.link, 'savelogs') }
+                onClick = { onSaveLogs }
+                type = 'button'>
+                {t('connectionindicator.savelogs')}
+            </button>
+            <span> | </span>
+        </span>
+    );
+
+    const _renderShowMoreLink = () => {
+        const translationKey
+            = shouldShowMore
+                ? 'connectionindicator.less'
+                : 'connectionindicator.more';
+
+        return (
+            <button
+                className = { cx(classes.link, 'showmore') }
+                onClick = { onShowMore }
+                type = 'button'>
+                {t(translationKey)}
+            </button>
+        );
+    };
+
+    const _renderStatistics = () => (
+        <table>
+            <tbody>
+                {_renderConnectionSummary()}
+                {_renderBitrate()}
+                {_renderPacketLoss()}
+                {_renderResolution()}
+                {_renderFrameRate()}
+                {_renderCodecs()}
+            </tbody>
+        </table>
+    );
+
+    if (isVirtualScreenshareParticipant) {
+        return _renderScreenShareStatus();
+    }
+
+    return (
+        <ContextMenu
+            className = { classes.contextMenu }
+            hidden = { false }
+            inDrawer = { true }>
+            <div
+                className = { cx(classes.connectionStatsTable, {
+                    [classes.mobile]: isMobileBrowser() || isNarrowLayout }) }
+                onClick = { onClick }>
+                {_renderStatistics()}
+                <div className = { classes.actions }>
+                    {isLocalVideo && enableSaveLogs ? _renderSaveLogs() : null}
+                    {!disableShowMoreStats && _renderShowMoreLink()}
+                </div>
+                {shouldShowMore ? _renderAdditionalStats() : null}
+            </div>
+        </ContextMenu>
+    );
+};
+
+/**
+ * Utility for getting the IP from a transport statistics object's
+ * representation of an IP.
+ *
+ * @param {string} value - The transport's IP to parse.
+ * @private
+ * @returns {string}
+ */
+function getIP(value: string) {
+    if (!value) {
+        return '';
+    }
+
+    return value.substring(0, value.lastIndexOf(':'));
+}
+
+/**
+ * Utility for getting the port from a transport statistics object's
+ * representation of an IP.
+ *
+ * @param {string} value - The transport's IP to parse.
+ * @private
+ * @returns {string}
+ */
+function getPort(value: string) {
+    if (!value) {
+        return '';
+    }
+
+    return value.substring(value.lastIndexOf(':') + 1, value.length);
+}
+
+/**
+ * Utility for concatenating values in an array into a comma separated string.
+ *
+ * @param {Array} array - Transport statistics to concatenate.
+ * @private
+ * @returns {string}
+ */
+function getStringFromArray(array: string[]) {
+    let res = '';
+
+    for (let i = 0; i < array.length; i++) {
+        res += (i === 0 ? '' : ', ') + array[i];
+    }
+
+    return res;
+}
+
+export default ConnectionStatsTable;
diff --git a/react/features/deep-linking/actionTypes.ts b/react/features/deep-linking/actionTypes.ts
new file mode 100644
index 0000000..0b117ac
--- /dev/null
+++ b/react/features/deep-linking/actionTypes.ts
@@ -0,0 +1,18 @@
+/**
+ * The type of the action which signals to open the conference in the desktop
+ * app.
+ *
+ * {
+ *     type: OPEN_DESKTOP
+ * }
+ */
+export const OPEN_DESKTOP_APP = 'OPEN_DESKTOP_APP';
+
+/**
+ * The type of the action which signals to open the conference in the web app.
+ *
+ * {
+ *     type: OPEN_WEB_APP
+ * }
+ */
+export const OPEN_WEB_APP = 'OPEN_WEB_APP';
diff --git a/react/features/deep-linking/actions.ts b/react/features/deep-linking/actions.ts
new file mode 100644
index 0000000..47a8b13
--- /dev/null
+++ b/react/features/deep-linking/actions.ts
@@ -0,0 +1,33 @@
+import { appNavigate } from '../app/actions';
+import { IStore } from '../app/types';
+
+import { OPEN_DESKTOP_APP, OPEN_WEB_APP } from './actionTypes';
+
+/**
+ * Continue to the conference page.
+ *
+ * @returns {Function}
+ */
+export function openWebApp() {
+    return (dispatch: IStore['dispatch']) => {
+        // In order to go to the web app we need to skip the deep linking
+        // interceptor. OPEN_WEB_APP action should set launchInWeb to true in
+        // the redux store. After this when appNavigate() is called the
+        // deep linking interceptor will be skipped (will return undefined).
+        dispatch({ type: OPEN_WEB_APP });
+        dispatch(appNavigate());
+    };
+}
+
+/**
+ * Opens the desktop app.
+ *
+ * @returns {{
+ *     type: OPEN_DESKTOP_APP
+ * }}
+ */
+export function openDesktopApp() {
+    return {
+        type: OPEN_DESKTOP_APP
+    };
+}
diff --git a/react/features/deep-linking/components/DeepLinkingDesktopPage.native.ts b/react/features/deep-linking/components/DeepLinkingDesktopPage.native.ts
new file mode 100644
index 0000000..ff8b4c5
--- /dev/null
+++ b/react/features/deep-linking/components/DeepLinkingDesktopPage.native.ts
@@ -0,0 +1 @@
+export default {};
diff --git a/react/features/deep-linking/components/DeepLinkingDesktopPage.web.tsx b/react/features/deep-linking/components/DeepLinkingDesktopPage.web.tsx
new file mode 100644
index 0000000..20fc528
--- /dev/null
+++ b/react/features/deep-linking/components/DeepLinkingDesktopPage.web.tsx
@@ -0,0 +1,177 @@
+import { Theme } from '@mui/material';
+import React, { useCallback, useEffect } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { createDeepLinkingPageEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { IReduxState } from '../../app/types';
+import { IDeeplinkingConfig } from '../../base/config/configType';
+import { getLegalUrls } from '../../base/config/functions.any';
+import { isSupportedBrowser } from '../../base/environment/environment';
+import { translate, translateToHTML } from '../../base/i18n/functions';
+import Platform from '../../base/react/Platform.web';
+import Button from '../../base/ui/components/web/Button';
+import { BUTTON_TYPES } from '../../base/ui/constants.any';
+import {
+    openDesktopApp,
+    openWebApp
+} from '../actions';
+import { _TNS } from '../constants';
+
+const useStyles = makeStyles()((theme: Theme) => {
+    return {
+        container: {
+            background: '#1E1E1E',
+            alignItems: 'center',
+            justifyContent: 'center',
+            width: '100%',
+            height: '100%',
+            display: 'flex'
+        },
+        contentPane: {
+            display: 'flex',
+            flexDirection: 'column',
+            background: theme.palette.ui01,
+            border: `1px solid ${theme.palette.ui03}`,
+            padding: 40,
+            borderRadius: 16,
+            maxWidth: 410,
+            color: theme.palette.text01
+        },
+        logo: {
+            marginBottom: 32
+        },
+        launchingMeetingLabel: {
+            marginBottom: 16,
+            ...theme.typography.heading4
+        },
+        roomName: {
+            marginBottom: 32,
+            ...theme.typography.heading5
+        },
+        descriptionLabel: {
+            marginBottom: 32,
+            ...theme.typography.bodyLongRegular
+        },
+        buttonsContainer: {
+            display: 'flex',
+            justifyContent: 'flex-start',
+            '& > *:not(:last-child)': {
+                marginRight: 16
+            }
+        },
+        separator: {
+            marginTop: 40,
+            height: 1,
+            maxWidth: 390,
+            background: theme.palette.ui03
+        },
+        label: {
+            marginTop: 40,
+            ...theme.typography.labelRegular,
+            color: theme.palette.text02,
+            '& a': {
+                color: theme.palette.link01
+            }
+        }
+    };
+});
+
+const DeepLinkingDesktopPage: React.FC<WithTranslation> = ({ t }) => {
+    const dispatch = useDispatch();
+    const room = useSelector((state: IReduxState) => decodeURIComponent(state['features/base/conference'].room || ''));
+    const deeplinkingCfg = useSelector((state: IReduxState) =>
+        state['features/base/config']?.deeplinking || {} as IDeeplinkingConfig);
+
+    const generateDownloadURL = useCallback(() => {
+        const downloadCfg = deeplinkingCfg.desktop?.download;
+
+        if (downloadCfg) {
+            return downloadCfg[Platform.OS as keyof typeof downloadCfg];
+        }
+    }, [ deeplinkingCfg ]);
+
+    const legalUrls = useSelector(getLegalUrls);
+
+    const { hideLogo, desktop } = deeplinkingCfg;
+
+    const { classes: styles } = useStyles();
+    const onLaunchWeb = useCallback(() => {
+        sendAnalytics(
+            createDeepLinkingPageEvent(
+                'clicked', 'launchWebButton', { isMobileBrowser: false }));
+        dispatch(openWebApp());
+    }, []);
+    const onTryAgain = useCallback(() => {
+        sendAnalytics(
+            createDeepLinkingPageEvent(
+                'clicked', 'tryAgainButton', { isMobileBrowser: false }));
+        dispatch(openDesktopApp());
+    }, []);
+
+    useEffect(() => {
+        sendAnalytics(
+            createDeepLinkingPageEvent(
+                'displayed', 'DeepLinkingDesktop', { isMobileBrowser: false }));
+    }, []);
+
+    return (
+        <div className = { styles.container }>
+            <div className = { styles.contentPane }>
+                <div className = 'header'>
+                    {
+                        !hideLogo
+                            && <img
+                                alt = { t('welcomepage.logo.logoDeepLinking') }
+                                className = { styles.logo }
+                                src = 'images/logo-deep-linking.png' />
+                    }
+                </div>
+                <div className = { styles.launchingMeetingLabel }>
+                    {
+                        t(`${_TNS}.titleNew`)
+                    }
+                </div>
+                <div className = { styles.roomName }>{ room }</div>
+                <div className = { styles.descriptionLabel }>
+                    {
+                        isSupportedBrowser()
+                            ? translateToHTML(t, `${_TNS}.descriptionNew`, { app: desktop?.appName })
+                            : t(`${_TNS}.descriptionWithoutWeb`, { app: desktop?.appName })
+                    }
+                </div>
+                <div className = { styles.descriptionLabel }>
+                    {
+                        t(`${_TNS}.noDesktopApp`)
+                    } &nbsp;
+                    <a href = { generateDownloadURL() }>
+                        {
+                            t(`${_TNS}.downloadApp`)
+                        }
+                    </a>
+                </div>
+                <div className = { styles.buttonsContainer }>
+                    <Button
+                        label = { t(`${_TNS}.tryAgainButton`) }
+                        onClick = { onTryAgain } />
+                    { isSupportedBrowser() && (
+                        <Button
+                            label = { t(`${_TNS}.launchWebButton`) }
+                            onClick = { onLaunchWeb }
+                            type = { BUTTON_TYPES.SECONDARY } />
+                    )}
+
+                </div>
+                <div className = { styles.separator } />
+                <div className = { styles.label }> {translateToHTML(t, 'deepLinking.termsAndConditions', {
+                    termsAndConditionsLink: legalUrls.terms
+                })}
+                </div>
+            </div>
+        </div>
+    );
+};
+
+export default translate(DeepLinkingDesktopPage);
diff --git a/react/features/deep-linking/components/DeepLinkingMobilePage.native.ts b/react/features/deep-linking/components/DeepLinkingMobilePage.native.ts
new file mode 100644
index 0000000..ff8b4c5
--- /dev/null
+++ b/react/features/deep-linking/components/DeepLinkingMobilePage.native.ts
@@ -0,0 +1 @@
+export default {};
diff --git a/react/features/deep-linking/components/DeepLinkingMobilePage.web.tsx b/react/features/deep-linking/components/DeepLinkingMobilePage.web.tsx
new file mode 100644
index 0000000..40d3658
--- /dev/null
+++ b/react/features/deep-linking/components/DeepLinkingMobilePage.web.tsx
@@ -0,0 +1,219 @@
+/* eslint-disable lines-around-comment */
+import { Theme } from '@mui/material';
+import React, { useCallback, useEffect, useMemo } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { createDeepLinkingPageEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { IReduxState } from '../../app/types';
+import { IDeeplinkingConfig, IDeeplinkingMobileConfig } from '../../base/config/configType';
+import { isSupportedMobileBrowser } from '../../base/environment/environment';
+import { translate } from '../../base/i18n/functions';
+import Platform from '../../base/react/Platform.web';
+import Button from '../../base/ui/components/web/Button';
+import DialInSummary from '../../invite/components/dial-in-summary/web/DialInSummary';
+import { openWebApp } from '../actions';
+import { _TNS } from '../constants';
+import { generateDeepLinkingURL } from '../functions';
+
+
+const PADDINGS = {
+    topBottom: 24,
+    leftRight: 40
+};
+
+const useStyles = makeStyles()((theme: Theme) => {
+    return {
+        container: {
+            background: '#1E1E1E',
+            width: '100vw',
+            height: '100dvh',
+            overflowX: 'hidden',
+            overflowY: 'auto',
+            justifyContent: 'center',
+            display: 'flex',
+            '& a': {
+                textDecoration: 'none'
+            }
+        },
+        contentPane: {
+            display: 'flex',
+            alignItems: 'center',
+            flexDirection: 'column',
+            padding: `${PADDINGS.topBottom}px ${PADDINGS.leftRight}px`,
+            maxWidth: 410,
+            color: theme.palette.text01
+        },
+        launchingMeetingLabel: {
+            marginTop: 24,
+            textAlign: 'center',
+            marginBottom: 32,
+            ...theme.typography.heading5
+        },
+        roomNameLabel: {
+            ...theme.typography.bodyLongRegularLarge
+        },
+        joinMeetWrapper: {
+            marginTop: 24,
+            width: '100%'
+        },
+        labelDescription: {
+            textAlign: 'center',
+            marginTop: 16,
+            ...theme.typography.bodyShortRegularLarge
+        },
+        linkWrapper: {
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            marginTop: 8,
+            width: '100%'
+        },
+        linkLabel: {
+            color: theme.palette.link01,
+            ...theme.typography.bodyLongBoldLarge
+        },
+        supportedBrowserContent: {
+            marginTop: 16,
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            justifyContent: 'center'
+        },
+        labelOr: {
+            ...theme.typography.bodyShortRegularLarge
+        },
+        separator: {
+            marginTop: '32px',
+            height: 1,
+            width: `calc(100% + ${2 * PADDINGS.leftRight}px)`,
+            background: theme.palette.ui03
+        }
+    };
+});
+
+const DeepLinkingMobilePage: React.FC<WithTranslation> = ({ t }) => {
+    const deeplinkingCfg = useSelector((state: IReduxState) =>
+        state['features/base/config']?.deeplinking || {} as IDeeplinkingConfig);
+    const { hideLogo } = deeplinkingCfg;
+    const deepLinkingUrl: string = useSelector(generateDeepLinkingURL);
+    const room = useSelector((state: IReduxState) => decodeURIComponent(state['features/base/conference'].room || ''));
+    const url = useSelector((state: IReduxState) => state['features/base/connection'] || {});
+    const dispatch = useDispatch();
+    const { classes: styles } = useStyles();
+
+    const generateDownloadURL = useCallback(() => {
+        const { downloadLink }
+            = (deeplinkingCfg?.[Platform.OS as keyof typeof deeplinkingCfg] || {}) as IDeeplinkingMobileConfig;
+
+        return downloadLink;
+    }, [ deeplinkingCfg ]);
+
+    const onDownloadApp = useCallback(() => {
+        sendAnalytics(
+            createDeepLinkingPageEvent(
+                'clicked', 'downloadAppButton', { isMobileBrowser: true }));
+    }, []);
+
+    const onLaunchWeb = useCallback(() => {
+        sendAnalytics(
+            createDeepLinkingPageEvent(
+                'clicked', 'launchWebButton', { isMobileBrowser: true }));
+        dispatch(openWebApp());
+    }, []);
+
+    const onOpenApp = useCallback(() => {
+        sendAnalytics(
+            createDeepLinkingPageEvent(
+                'clicked', 'openAppButton', { isMobileBrowser: true }));
+    }, []);
+
+    const onOpenLinkProperties = useMemo(() => {
+        const { downloadLink }
+            = (deeplinkingCfg?.[Platform.OS as keyof typeof deeplinkingCfg] || {}) as IDeeplinkingMobileConfig;
+
+        if (downloadLink) {
+            return {
+                // When opening a link to the download page, we want to let the
+                // OS itself handle intercepting and opening the appropriate
+                // app store. This avoids potential issues with browsers, such
+                // as iOS Chrome, not opening the store properly.
+            };
+        }
+
+        return {
+            // When falling back to another URL (Firebase) let the page be
+            // opened in a new window. This helps prevent the user getting
+            // trapped in an app-open-cycle where going back to the mobile
+            // browser re-triggers the app-open behavior.
+            target: '_blank',
+            rel: 'noopener noreferrer'
+        };
+    }, [ deeplinkingCfg ]);
+
+    useEffect(() => {
+        sendAnalytics(
+            createDeepLinkingPageEvent(
+                'displayed', 'DeepLinkingMobile', { isMobileBrowser: true }));
+    }, []);
+
+
+    return (
+        <div className = { styles.container }>
+            <div className = { styles.contentPane }>
+                {!hideLogo && (<img
+                    alt = { t('welcomepage.logo.logoDeepLinking') }
+                    src = 'images/logo-deep-linking-mobile.png' />
+                )}
+
+                <div className = { styles.launchingMeetingLabel }>{ t(`${_TNS}.launchMeetingLabel`) }</div>
+                <div className = ''>{room}</div>
+                <a
+                    { ...onOpenLinkProperties }
+                    className = { styles.joinMeetWrapper }
+                    href = { deepLinkingUrl }
+                    onClick = { onOpenApp }
+                    target = '_top'>
+                    <Button
+                        fullWidth = { true }
+                        label = { t(`${_TNS}.joinInAppNew`) } />
+                </a>
+                <div className = { styles.labelDescription }>{ t(`${_TNS}.noMobileApp`) }</div>
+                <a
+                    { ...onOpenLinkProperties }
+                    className = { styles.linkWrapper }
+                    href = { generateDownloadURL() }
+                    onClick = { onDownloadApp }
+                    target = '_top'>
+                    <div className = { styles.linkLabel }>{ t(`${_TNS}.downloadMobileApp`) }</div>
+                </a>
+                {isSupportedMobileBrowser() ? (
+                    <div className = { styles.supportedBrowserContent }>
+                        <div className = { styles.labelOr }>{ t(`${_TNS}.or`) }</div>
+                        <a
+                            className = { styles.linkWrapper }
+                            onClick = { onLaunchWeb }
+                            target = '_top'>
+                            <div className = { styles.linkLabel }>{ t(`${_TNS}.joinInBrowser`) }</div>
+                        </a>
+                    </div>
+                ) : (
+                    <div className = { styles.labelDescription }>
+                        {t(`${_TNS}.unsupportedBrowser`)}
+                    </div>
+                )}
+                <div className = { styles.separator } />
+                <DialInSummary
+                    className = 'deep-linking-dial-in'
+                    clickableNumbers = { true }
+                    hideError = { true }
+                    room = { room }
+                    url = { url } />
+            </div>
+        </div>
+    );
+};
+
+export default translate(DeepLinkingMobilePage);
diff --git a/react/features/deep-linking/components/NoMobileApp.native.ts b/react/features/deep-linking/components/NoMobileApp.native.ts
new file mode 100644
index 0000000..ff8b4c5
--- /dev/null
+++ b/react/features/deep-linking/components/NoMobileApp.native.ts
@@ -0,0 +1 @@
+export default {};
diff --git a/react/features/deep-linking/components/NoMobileApp.web.tsx b/react/features/deep-linking/components/NoMobileApp.web.tsx
new file mode 100644
index 0000000..5069e7d
--- /dev/null
+++ b/react/features/deep-linking/components/NoMobileApp.web.tsx
@@ -0,0 +1,77 @@
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+
+import { createDeepLinkingPageEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { IReduxState } from '../../app/types';
+import { IDeeplinkingConfig } from '../../base/config/configType';
+
+
+/**
+ * The type of the React {@code Component} props of
+ * {@link NoMobileApp}.
+ */
+interface IProps {
+
+    /**
+     * The deeplinking config.
+     */
+    _deeplinkingCfg: IDeeplinkingConfig;
+}
+
+/**
+ * React component representing no mobile app page.
+ *
+ * @class NoMobileApp
+ */
+class NoMobileApp extends Component<IProps> {
+    /**
+     * Implements the Component's componentDidMount method.
+     *
+     * @inheritdoc
+     */
+    override componentDidMount() {
+        sendAnalytics(
+            createDeepLinkingPageEvent(
+                'displayed', 'noMobileApp', { isMobileBrowser: true }));
+    }
+
+    /**
+     * Renders the component.
+     *
+     * @returns {ReactElement}
+     */
+    override render() {
+        const ns = 'no-mobile-app';
+        const { desktop } = this.props._deeplinkingCfg;
+        const { appName } = desktop ?? {};
+
+        return (
+            <div className = { ns }>
+                <h2 className = { `${ns}__title` }>
+                    Video chat isn't available on mobile.
+                </h2>
+                <p className = { `${ns}__description` }>
+                    Please use { appName } on desktop to
+                    join calls.
+                </p>
+            </div>
+        );
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated props for the
+ * {@code NoMobileApp} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    return {
+        _deeplinkingCfg: state['features/base/config'].deeplinking || {}
+    };
+}
+
+export default connect(_mapStateToProps)(NoMobileApp);
diff --git a/react/features/deep-linking/constants.ts b/react/features/deep-linking/constants.ts
new file mode 100644
index 0000000..b41e8e7
--- /dev/null
+++ b/react/features/deep-linking/constants.ts
@@ -0,0 +1,6 @@
+/**
+ * The namespace of the i18n/translation keys.
+ *
+ * @type {string}
+ */
+export const _TNS = 'deepLinking';
diff --git a/react/features/deep-linking/functions.web.ts b/react/features/deep-linking/functions.web.ts
new file mode 100644
index 0000000..314677e
--- /dev/null
+++ b/react/features/deep-linking/functions.web.ts
@@ -0,0 +1,96 @@
+import { IReduxState } from '../app/types';
+import { isMobileBrowser } from '../base/environment/utils';
+import { browser } from '../base/lib-jitsi-meet';
+import Platform from '../base/react/Platform';
+import { URI_PROTOCOL_PATTERN } from '../base/util/uri';
+import { isVpaasMeeting } from '../jaas/functions';
+
+import DeepLinkingDesktopPage from './components/DeepLinkingDesktopPage';
+import DeepLinkingMobilePage from './components/DeepLinkingMobilePage';
+import NoMobileApp from './components/NoMobileApp';
+import { _openDesktopApp } from './openDesktopApp.web';
+
+/**
+ * Generates a deep linking URL based on the current window URL.
+ *
+ * @param {Object} state - Object containing current redux state.
+ *
+ * @returns {string} - The generated URL.
+ */
+export function generateDeepLinkingURL(state: IReduxState) {
+    // If the user installed the app while this Component was displayed
+    // (e.g. the user clicked the Download the App button), then we would
+    // like to open the current URL in the mobile app. The only way to do it
+    // appears to be a link with an app-specific scheme, not a Universal
+    // Link.
+
+    const { href } = window.location;
+    const regex = new RegExp(URI_PROTOCOL_PATTERN, 'gi');
+
+    // @ts-ignore
+    const mobileConfig = state['features/base/config'].deeplinking?.[Platform.OS] || {};
+
+    const { appScheme, appPackage } = mobileConfig;
+
+    // Android: use an intent link, custom schemes don't work in all browsers.
+    // https://developer.chrome.com/multidevice/android/intents
+    if (Platform.OS === 'android') {
+        // https://meet.jit.si/foo -> meet.jit.si/foo
+        const url = href.replace(regex, '').substr(2);
+
+        return `intent://${url}#Intent;scheme=${appScheme};package=${appPackage};end`;
+    }
+
+    // iOS: Replace the protocol part with the app scheme.
+    return href.replace(regex, `${appScheme}:`);
+}
+
+/**
+ * Resolves with the component that should be displayed if the deep linking page
+ * should be shown and with <tt>undefined</tt> otherwise.
+ *
+ * @param {Object} state - Object containing current redux state.
+ * @returns {Promise<Component>}
+ */
+export function getDeepLinkingPage(state: IReduxState) {
+    const { room } = state['features/base/conference'];
+    const { launchInWeb } = state['features/deep-linking'];
+    const deeplinking = state['features/base/config'].deeplinking || {};
+
+    // @ts-ignore
+    const { appScheme } = deeplinking?.[Platform.OS as keyof typeof deeplinking] || {};
+
+    // Show only if we are about to join a conference.
+    if (launchInWeb
+            || !room
+            || state['features/base/config'].deeplinking?.disabled
+            || browser.isElectron()
+            || (isVpaasMeeting(state) && (!appScheme || appScheme === 'com.8x8.meet'))) {
+        return Promise.resolve();
+    }
+
+    if (isMobileBrowser()) { // mobile
+        const mobileAppPromo
+            = typeof interfaceConfig === 'object'
+                && interfaceConfig.MOBILE_APP_PROMO;
+
+        return Promise.resolve(
+            typeof mobileAppPromo === 'undefined' || Boolean(mobileAppPromo)
+                ? DeepLinkingMobilePage : NoMobileApp);
+    }
+
+    return _openDesktopApp(state).then(
+        // eslint-disable-next-line no-confusing-arrow
+        result => result ? DeepLinkingDesktopPage : undefined);
+}
+
+/**
+ * Opens the desktop app.
+ *
+ * @param {Object} state - Object containing current redux state.
+ * @returns {Promise<boolean>} - Resolves with true if the attempt to open the desktop app was successful and resolves
+ * with false otherwise.
+ */
+export function openDesktopApp(state: IReduxState) {
+    return _openDesktopApp(state);
+}
diff --git a/react/features/deep-linking/middleware.web.ts b/react/features/deep-linking/middleware.web.ts
new file mode 100644
index 0000000..b982d90
--- /dev/null
+++ b/react/features/deep-linking/middleware.web.ts
@@ -0,0 +1,20 @@
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+
+import { OPEN_DESKTOP_APP } from './actionTypes';
+import { openDesktopApp } from './functions.web';
+
+/**
+ * Implements the middleware of the deep linking feature.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case OPEN_DESKTOP_APP:
+        openDesktopApp(store.getState());
+        break;
+    }
+
+    return next(action);
+});
diff --git a/react/features/deep-linking/openDesktopApp.web.ts b/react/features/deep-linking/openDesktopApp.web.ts
new file mode 100644
index 0000000..69e9815
--- /dev/null
+++ b/react/features/deep-linking/openDesktopApp.web.ts
@@ -0,0 +1,29 @@
+import { executeAfterLoad } from '../app/functions.web';
+import { IReduxState } from '../app/types';
+import { URI_PROTOCOL_PATTERN } from '../base/util/uri';
+
+/**
+ * Opens the desktop app.
+ *
+ * @param {Object} _state - Object containing current redux state.
+ * @returns {Promise<boolean>} - Resolves with true if the attempt to open the desktop app was successful and resolves
+ * with false otherwise.
+ */
+export function _openDesktopApp(_state: Object) {
+    const state = _state as IReduxState;
+    const deeplinkingDesktop = state['features/base/config'].deeplinking?.desktop;
+
+    if (deeplinkingDesktop?.enabled) {
+        const { appScheme } = deeplinkingDesktop;
+        const regex = new RegExp(URI_PROTOCOL_PATTERN, 'gi');
+
+        // This is needed to workaround https://issues.chromium.org/issues/41398687
+        executeAfterLoad(() => {
+            window.location.href = window.location.href.replace(regex, `${appScheme}:`);
+        });
+
+        return Promise.resolve(true);
+    }
+
+    return Promise.resolve(false);
+}
diff --git a/react/features/deep-linking/reducer.ts b/react/features/deep-linking/reducer.ts
new file mode 100644
index 0000000..b88ebac
--- /dev/null
+++ b/react/features/deep-linking/reducer.ts
@@ -0,0 +1,20 @@
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import { OPEN_WEB_APP } from './actionTypes';
+
+export interface IDeepLinkingState {
+    launchInWeb?: boolean;
+}
+
+ReducerRegistry.register<IDeepLinkingState>('features/deep-linking', (state = {}, action): IDeepLinkingState => {
+    switch (action.type) {
+    case OPEN_WEB_APP: {
+        return {
+            ...state,
+            launchInWeb: true
+        };
+    }
+    }
+
+    return state;
+});
diff --git a/react/features/desktop-picker/actions.ts b/react/features/desktop-picker/actions.ts
new file mode 100644
index 0000000..b250e6e
--- /dev/null
+++ b/react/features/desktop-picker/actions.ts
@@ -0,0 +1,25 @@
+import { openDialog } from '../base/dialog/actions';
+import { DesktopSharingSourceType } from '../base/tracks/types';
+
+import DesktopPicker from './components/DesktopPicker';
+
+type Options = {
+    desktopSharingSources?: Array<DesktopSharingSourceType>;
+};
+
+/**
+ * Signals to open a dialog with the DesktopPicker component.
+ *
+ * @param {Object} options - Desktop sharing settings.
+ * @param {Function} onSourceChoose - The callback to invoke when
+ * a DesktopCapturerSource has been chosen.
+ * @returns {Object}
+ */
+export function showDesktopPicker(options: Options = {}, onSourceChoose: Function) {
+    const { desktopSharingSources } = options;
+
+    return openDialog('DesktopPicker', DesktopPicker, {
+        desktopSharingSources,
+        onSourceChoose
+    });
+}
diff --git a/react/features/desktop-picker/components/DesktopPicker.tsx b/react/features/desktop-picker/components/DesktopPicker.tsx
new file mode 100644
index 0000000..3442b64
--- /dev/null
+++ b/react/features/desktop-picker/components/DesktopPicker.tsx
@@ -0,0 +1,426 @@
+import React, { PureComponent } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+
+import { IStore } from '../../app/types';
+import { hideDialog } from '../../base/dialog/actions';
+import { translate } from '../../base/i18n/functions';
+import { DesktopSharingSourceType } from '../../base/tracks/types';
+import Dialog from '../../base/ui/components/web/Dialog';
+import Tabs from '../../base/ui/components/web/Tabs';
+import { THUMBNAIL_SIZE } from '../constants';
+import { obtainDesktopSources } from '../functions';
+import logger from '../logger';
+
+import DesktopPickerPane from './DesktopPickerPane';
+
+/**
+ * The sources polling interval in ms.
+ *
+ * @type {int}
+ */
+const UPDATE_INTERVAL = 2000;
+
+/**
+ * The default selected tab.
+ *
+ * @type {string}
+ */
+const DEFAULT_TAB_TYPE = 'screen';
+
+const TAB_LABELS = {
+    screen: 'dialog.yourEntireScreen',
+    window: 'dialog.applicationWindow'
+};
+
+const VALID_TYPES = Object.keys(TAB_LABELS) as DesktopSharingSourceType[];
+
+/**
+ * The type of the React {@code Component} props of {@link DesktopPicker}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * An array with desktop sharing sources to be displayed.
+     */
+    desktopSharingSources: Array<DesktopSharingSourceType>;
+
+    /**
+     * Used to request DesktopCapturerSources.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * The callback to be invoked when the component is closed or when a
+     * DesktopCapturerSource has been chosen.
+     */
+    onSourceChoose: Function;
+}
+
+/**
+ * The type of the React {@code Component} state of {@link DesktopPicker}.
+ */
+interface IState {
+
+    /**
+     * The state of the audio screen share checkbox.
+     */
+    screenShareAudio: boolean;
+
+    /**
+     * The currently highlighted DesktopCapturerSource.
+     */
+    selectedSource: any;
+
+    /**
+     * The desktop source type currently being displayed.
+     */
+    selectedTab: string;
+
+    /**
+     * An object containing all the DesktopCapturerSources.
+     */
+    sources: any;
+
+    /**
+     * The desktop source types to fetch previews for.
+     */
+    types: Array<DesktopSharingSourceType>;
+}
+
+
+/**
+ * React component for DesktopPicker.
+ *
+ * @augments Component
+ */
+class DesktopPicker extends PureComponent<IProps, IState> {
+    /**
+     * Implements React's {@link Component#getDerivedStateFromProps()}.
+     *
+     * @inheritdoc
+     */
+    static getDerivedStateFromProps(props: IProps) {
+        return {
+            types: DesktopPicker._getValidTypes(props.desktopSharingSources)
+        };
+    }
+
+    /**
+     * Extracts only the valid types from the passed {@code types}.
+     *
+     * @param {Array<string>} types - The types to filter.
+     * @private
+     * @returns {Array<string>} The filtered types.
+     */
+    static _getValidTypes(types: DesktopSharingSourceType[] = []) {
+        return types.filter(
+            type => VALID_TYPES.includes(type));
+    }
+
+    _poller: any = null;
+
+    override state: IState = {
+        screenShareAudio: false,
+        selectedSource: {},
+        selectedTab: DEFAULT_TAB_TYPE,
+        sources: {},
+        types: []
+    };
+
+    /**
+     * Initializes a new DesktopPicker instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handlers so they are only bound once per instance.
+        this._onCloseModal = this._onCloseModal.bind(this);
+        this._onPreviewClick = this._onPreviewClick.bind(this);
+        this._onShareAudioChecked = this._onShareAudioChecked.bind(this);
+        this._onSubmit = this._onSubmit.bind(this);
+        this._onTabSelected = this._onTabSelected.bind(this);
+        this._updateSources = this._updateSources.bind(this);
+
+        this.state.types
+            = DesktopPicker._getValidTypes(this.props.desktopSharingSources);
+    }
+
+    /**
+     * Starts polling.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidMount() {
+        this._startPolling();
+    }
+
+    /**
+     * Clean up component and DesktopCapturerSource store state.
+     *
+     * @inheritdoc
+     */
+    override componentWillUnmount() {
+        this._stopPolling();
+    }
+
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { selectedTab, selectedSource, sources, types } = this.state;
+
+        return (
+            <Dialog
+                ok = {{
+                    disabled: Boolean(!this.state.selectedSource.id),
+                    translationKey: 'dialog.Share'
+                }}
+                onCancel = { this._onCloseModal }
+                onSubmit = { this._onSubmit }
+                size = 'large'
+                titleKey = 'dialog.shareYourScreen'>
+                { this._renderTabs() }
+                {types.map(type => (
+                    <div
+                        aria-labelledby = { `${type}-button` }
+                        className = { selectedTab === type ? undefined : 'hide' }
+                        id = { `${type}-panel` }
+                        key = { type }
+                        role = 'tabpanel'
+                        tabIndex = { 0 }>
+                        {selectedTab === type && (
+                            <DesktopPickerPane
+                                key = { selectedTab }
+                                onClick = { this._onPreviewClick }
+                                onDoubleClick = { this._onSubmit }
+                                onShareAudioChecked = { this._onShareAudioChecked }
+                                selectedSourceId = { selectedSource.id }
+                                sources = { sources[selectedTab as keyof typeof sources] }
+                                type = { selectedTab } />
+                        )}
+                    </div>
+                ))}
+
+            </Dialog>
+        );
+    }
+
+    /**
+     * Computes the selected source.
+     *
+     * @param {Object} sources - The available sources.
+     * @param {string} selectedTab - The selected tab.
+     * @returns {Object} The selectedSource value.
+     */
+    _getSelectedSource(sources: any = {}, selectedTab?: string) {
+        const { selectedSource } = this.state;
+
+        const currentSelectedTab = selectedTab ?? this.state.selectedTab;
+
+        /**
+         * If there are no sources for this type (or no sources for any type)
+         * we can't select anything.
+         */
+        if (!Array.isArray(sources[currentSelectedTab as keyof typeof sources])
+            || sources[currentSelectedTab as keyof typeof sources].length <= 0) {
+            return {};
+        }
+
+        /**
+         * Select the first available source for this type in the following
+         * scenarios:
+         * 1) Nothing is yet selected.
+         * 2) Tab change.
+         * 3) The selected source is no longer available.
+         */
+        if (!selectedSource // scenario 1)
+                || selectedSource.type !== currentSelectedTab // scenario 2)
+                || !sources[currentSelectedTab].some( // scenario 3)
+                        (source: any) => source.id === selectedSource.id)) {
+            return {
+                id: sources[currentSelectedTab][0].id,
+                type: currentSelectedTab
+            };
+        }
+
+        /**
+         * For all other scenarios don't change the selection.
+         */
+        return selectedSource;
+    }
+
+    /**
+     * Dispatches an action to hide the DesktopPicker and invokes the passed in
+     * callback with a selectedSource, if any.
+     *
+     * @param {string} [id] - The id of the DesktopCapturerSource to pass into
+     * the onSourceChoose callback.
+     * @param {string} type - The type of the DesktopCapturerSource to pass into
+     * the onSourceChoose callback.
+     * @param {boolean} screenShareAudio - Whether or not to add system audio to
+     * screen sharing session.
+     * @returns {void}
+     */
+    _onCloseModal(id = '', type?: string, screenShareAudio = false) {
+        // Find the entire source object from the id. We need the name in order
+        // to get getDisplayMedia working in Electron.
+        const { sources } = this.state;
+
+        // @ts-ignore
+        const source = (sources?.screen ?? []).concat(sources?.window ?? []).find(s => s.id === id);
+
+        this.props.onSourceChoose(id, type, screenShareAudio, source);
+        this.props.dispatch(hideDialog());
+    }
+
+    /**
+     * Sets the currently selected DesktopCapturerSource.
+     *
+     * @param {string} id - The id of DesktopCapturerSource.
+     * @param {string} type - The type of DesktopCapturerSource.
+     * @returns {void}
+     */
+    _onPreviewClick(id: string, type: string) {
+        this.setState({
+            selectedSource: {
+                id,
+                type
+            }
+        });
+    }
+
+    /**
+     * Request to close the modal and execute callbacks with the selected source
+     * id.
+     *
+     * @returns {void}
+     */
+    _onSubmit() {
+        const { selectedSource: { id, type }, screenShareAudio } = this.state;
+
+        this._onCloseModal(id, type, screenShareAudio);
+    }
+
+    /**
+     * Stores the selected tab and updates the selected source via
+     * {@code _getSelectedSource}.
+     *
+     * @param {string} id - The id of the newly selected tab.
+     * @returns {void}
+     */
+    _onTabSelected(id: string) {
+        const { sources } = this.state;
+
+        // When we change tabs also reset the screenShareAudio state so we don't
+        // use the option from one tab when sharing from another.
+        this.setState({
+            screenShareAudio: false,
+            selectedSource: this._getSelectedSource(sources, id),
+
+            // select type `window` or `screen` from id
+            selectedTab: id
+        });
+    }
+
+    /**
+     * Set the screenSharingAudio state indicating whether or not to also share
+     * system audio.
+     *
+     * @param {boolean} checked - Share audio or not.
+     * @returns {void}
+     */
+    _onShareAudioChecked(checked: boolean) {
+        this.setState({ screenShareAudio: checked });
+    }
+
+    /**
+     * Configures and renders the tabs for display.
+     *
+     * @private
+     * @returns {ReactElement}
+     */
+    _renderTabs() {
+        const { types } = this.state;
+        const { t } = this.props;
+        const tabs
+            = types.map(
+                type => {
+                    return {
+                        accessibilityLabel: t(TAB_LABELS[type]),
+                        id: `${type}`,
+                        controlsId: `${type}-panel`,
+                        label: t(TAB_LABELS[type])
+                    };
+                });
+
+        return (
+            <Tabs
+                accessibilityLabel = { t('dialog.sharingTabs') }
+                className = 'desktop-picker-tabs-container'
+                onChange = { this._onTabSelected }
+                selected = { `${this.state.selectedTab}` }
+                tabs = { tabs } />
+        );
+    }
+
+    /**
+     * Create an interval to update known available DesktopCapturerSources.
+     *
+     * @private
+     * @returns {void}
+     */
+    _startPolling() {
+        this._stopPolling();
+        this._updateSources();
+        this._poller = window.setInterval(this._updateSources, UPDATE_INTERVAL);
+    }
+
+    /**
+     * Cancels the interval to update DesktopCapturerSources.
+     *
+     * @private
+     * @returns {void}
+     */
+    _stopPolling() {
+        window.clearInterval(this._poller);
+        this._poller = null;
+    }
+
+    /**
+     * Obtains the desktop sources and updates state with them.
+     *
+     * @private
+     * @returns {void}
+     */
+    _updateSources() {
+        const { types } = this.state;
+        const options = {
+            types,
+            thumbnailSize: THUMBNAIL_SIZE
+        };
+
+
+        if (types.length > 0) {
+            obtainDesktopSources(options)
+                .then((sources: any) => {
+                    const selectedSource = this._getSelectedSource(sources);
+
+                    this.setState({
+                        selectedSource,
+                        sources
+                    });
+                })
+                .catch((error: any) => logger.log(error));
+        }
+    }
+}
+
+export default translate(connect()(DesktopPicker));
diff --git a/react/features/desktop-picker/components/DesktopPickerPane.tsx b/react/features/desktop-picker/components/DesktopPickerPane.tsx
new file mode 100644
index 0000000..7419574
--- /dev/null
+++ b/react/features/desktop-picker/components/DesktopPickerPane.tsx
@@ -0,0 +1,131 @@
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+
+import { translate } from '../../base/i18n/functions';
+import Platform from '../../base/react/Platform.web';
+import Checkbox from '../../base/ui/components/web/Checkbox';
+import Spinner from '../../base/ui/components/web/Spinner';
+
+import DesktopSourcePreview from './DesktopSourcePreview';
+
+/**
+ * The type of the React {@code Component} props of {@link DesktopPickerPane}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * The handler to be invoked when a DesktopSourcePreview is clicked.
+     */
+    onClick: Function;
+
+    /**
+     * The handler to be invoked when a DesktopSourcePreview is double clicked.
+     */
+    onDoubleClick: Function;
+
+    /**
+     * The handler to be invoked if the users checks the audio screen sharing checkbox.
+     */
+    onShareAudioChecked: Function;
+
+    /**
+     * The id of the DesktopCapturerSource that is currently selected.
+     */
+    selectedSourceId: string;
+
+    /**
+     * An array of DesktopCapturerSources.
+     */
+    sources: Array<any>;
+
+    /**
+     * The source type of the DesktopCapturerSources to display.
+     */
+    type: string;
+}
+
+/**
+ * React component for showing a grid of DesktopSourcePreviews.
+ *
+ * @augments Component
+ */
+class DesktopPickerPane extends Component<IProps> {
+
+    /**
+     * Initializes a new DesktopPickerPane instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._onShareAudioCheck = this._onShareAudioCheck.bind(this);
+    }
+
+    /**
+     * Function to be called when the Checkbox is used.
+     *
+     * @param {boolean} checked - Checkbox status (checked or not).
+     * @returns {void}
+     */
+    _onShareAudioCheck({ target: { checked } }: { target: { checked: boolean; }; }) {
+        this.props.onShareAudioChecked(checked);
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const {
+            onClick,
+            onDoubleClick,
+            selectedSourceId,
+            sources,
+            type,
+            t
+        } = this.props;
+
+        const classNames
+            = `desktop-picker-pane default-scrollbar source-type-${type}`;
+        const previews
+            = sources
+                ? sources.map(source => (
+                    <DesktopSourcePreview
+                        key = { source.id }
+                        onClick = { onClick }
+                        onDoubleClick = { onDoubleClick }
+                        selected = { source.id === selectedSourceId }
+                        source = { source }
+                        type = { type } />))
+                : (
+                    <div className = 'desktop-picker-pane-spinner'>
+                        <Spinner />
+                    </div>
+                );
+
+        let checkBox;
+
+        // Only display the share audio checkbox if we're on windows and on
+        // desktop sharing tab.
+        // App window and Mac OS screen sharing doesn't work with system audio.
+        if (type === 'screen' && Platform.OS === 'windows') {
+            checkBox = (<Checkbox
+                label = { t('dialog.screenSharingAudio') }
+                name = 'share-system-audio'
+                onChange = { this._onShareAudioCheck } />);
+        }
+
+        return (
+            <div className = { classNames }>
+                { previews }
+                { checkBox }
+            </div>
+        );
+    }
+}
+
+export default translate(DesktopPickerPane);
diff --git a/react/features/desktop-picker/components/DesktopSourcePreview.tsx b/react/features/desktop-picker/components/DesktopSourcePreview.tsx
new file mode 100644
index 0000000..549bc07
--- /dev/null
+++ b/react/features/desktop-picker/components/DesktopSourcePreview.tsx
@@ -0,0 +1,145 @@
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+
+import { translate } from '../../base/i18n/functions';
+
+
+/**
+ * The type of the React {@code Component} props of
+ * {@link DesktopSourcePreview}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * The callback to invoke when the component is clicked. The id of the
+     * clicked on DesktopCapturerSource will be passed in.
+     */
+    onClick: Function;
+
+    /**
+     * The callback to invoke when the component is double clicked. The id of
+     * the DesktopCapturerSource will be passed in.
+     */
+    onDoubleClick: Function;
+
+    /**
+     * The indicator which determines whether this DesktopSourcePreview is
+     * selected. If true, the 'is-selected' CSS class will be added to the root
+     * of Component.
+     */
+    selected: boolean;
+
+    /**
+     * The DesktopCapturerSource to display.
+     */
+    source: any;
+
+    /**
+     * The source type of the DesktopCapturerSources to display.
+     */
+    type: string;
+}
+
+/**
+ * React component for displaying a preview of a DesktopCapturerSource.
+ *
+ * @augments Component
+ */
+class DesktopSourcePreview extends Component<IProps> {
+    /**
+     * Initializes a new DesktopSourcePreview instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._onClick = this._onClick.bind(this);
+        this._onDoubleClick = this._onDoubleClick.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const selectedClass = this.props.selected ? 'is-selected' : '';
+        const displayClasses = `desktop-picker-source ${selectedClass}`;
+
+        return (
+            <div
+                className = { displayClasses }
+                onClick = { this._onClick }
+                onDoubleClick = { this._onDoubleClick }>
+                {this._renderThumbnailImageContainer()}
+                <div className = 'desktop-source-preview-label'>
+                    { this.props.source.name }
+                </div>
+            </div>
+        );
+    }
+
+    /**
+     * Render thumbnail screenshare image.
+     *
+     * @returns {Object} - Thumbnail image.
+     */
+    _renderThumbnailImageContainer() {
+        // default data URL for thumnbail image
+        let srcImage = this.props.source.thumbnail.dataUrl;
+
+        // legacy thumbnail image
+        if (typeof this.props.source.thumbnail.toDataURL === 'function') {
+            srcImage = this.props.source.thumbnail.toDataURL();
+        }
+
+        return (
+            <div className = 'desktop-source-preview-image-container'>
+                { this._renderThumbnailImage(srcImage) }
+            </div>
+        );
+
+    }
+
+    /**
+     * Render thumbnail screenshare image.
+     *
+     * @param {string} src - Of the image.
+     * @returns {Object} - Thumbnail image.
+     */
+    _renderThumbnailImage(src: string) {
+        return (
+            <img
+                alt = { this.props.t('welcomepage.logo.desktopPreviewThumbnail') }
+                className = 'desktop-source-preview-thumbnail'
+                src = { src } />
+        );
+    }
+
+    /**
+     * Invokes the passed in onClick callback.
+     *
+     * @returns {void}
+     */
+    _onClick() {
+        const { source, type } = this.props;
+
+        this.props.onClick(source.id, type);
+    }
+
+    /**
+     * Invokes the passed in onDoubleClick callback.
+     *
+     * @returns {void}
+     */
+    _onDoubleClick() {
+        const { source, type } = this.props;
+
+        this.props.onDoubleClick(source.id, type);
+    }
+}
+
+export default translate(DesktopSourcePreview);
diff --git a/react/features/desktop-picker/constants.ts b/react/features/desktop-picker/constants.ts
new file mode 100644
index 0000000..0233d5f
--- /dev/null
+++ b/react/features/desktop-picker/constants.ts
@@ -0,0 +1,9 @@
+/**
+ * The size of the requested thumbnails.
+ *
+ * @type {Object}
+ */
+export const THUMBNAIL_SIZE = {
+    height: 300,
+    width: 300
+};
diff --git a/react/features/desktop-picker/functions.ts b/react/features/desktop-picker/functions.ts
new file mode 100644
index 0000000..71094d9
--- /dev/null
+++ b/react/features/desktop-picker/functions.ts
@@ -0,0 +1,52 @@
+import logger from './logger';
+
+/**
+ * Begins a request to get available DesktopCapturerSources.
+ *
+ * @param {Object} options - Additional configuration for getting a list of
+ * sources.
+ * @param {Array} options.types - An array with DesktopCapturerSource type strings.
+ * @param {Object} options.thumbnailSize - The desired height and width of the
+ * return native image object used for the preview image of the source.
+ * @returns {Function}
+ */
+export function obtainDesktopSources(options: { thumbnailSize?: Object; types: string[]; }) {
+    return APP.API.requestDesktopSources(options).then(
+        ({ sources, error }: { error: Error; sources: Array<{ id: string; }>; }) => {
+            if (sources) {
+                return _separateSourcesByType(sources);
+            } else if (error) {
+                logger.error(
+                    `Error while obtaining desktop sources: ${error}`);
+
+                return null;
+            }
+        });
+}
+
+/**
+ * Converts an array of DesktopCapturerSources to an object with types for keys
+ * and values being an array with sources of the key's type.
+ *
+ * @param {Array} sources - DesktopCapturerSources.
+ * @private
+ * @returns {Object} An object with the sources split into separate arrays based
+ * on source type.
+ */
+export function _separateSourcesByType(sources: Array<{ id: string; }> = []) {
+    const sourcesByType: any = {
+        screen: [],
+        window: []
+    };
+
+    sources.forEach(source => {
+        const idParts = source.id.split(':');
+        const type = idParts[0];
+
+        if (sourcesByType[type]) {
+            sourcesByType[type].push(source);
+        }
+    });
+
+    return sourcesByType;
+}
diff --git a/react/features/desktop-picker/logger.ts b/react/features/desktop-picker/logger.ts
new file mode 100644
index 0000000..f68ed2e
--- /dev/null
+++ b/react/features/desktop-picker/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:desktop-picker');
diff --git a/react/features/device-selection/actions.web.ts b/react/features/device-selection/actions.web.ts
new file mode 100644
index 0000000..b6b9de2
--- /dev/null
+++ b/react/features/device-selection/actions.web.ts
@@ -0,0 +1,122 @@
+import { isEqual } from 'lodash-es';
+
+import { createDeviceChangedEvent } from '../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../analytics/functions';
+import { IStore } from '../app/types';
+import {
+    setAudioInputDevice,
+    setVideoInputDevice
+} from '../base/devices/actions';
+import { getDeviceLabelById, setAudioOutputDeviceId } from '../base/devices/functions';
+import { updateSettings } from '../base/settings/actions';
+import { toggleUpdateAudioSettings } from '../base/tracks/actions.web';
+import { getLocalJitsiAudioTrack } from '../base/tracks/functions.any';
+import { toggleNoiseSuppression } from '../noise-suppression/actions';
+import { setScreenshareFramerate } from '../screen-share/actions.web';
+import { setAudioSettings } from '../settings/actions.web';
+import { disposePreviewAudioTrack } from '../settings/functions.web';
+
+import { getAudioDeviceSelectionDialogProps, getVideoDeviceSelectionDialogProps } from './functions';
+import logger from './logger';
+
+/**
+ * Submits the settings related to audio device selection.
+ *
+ * @param {Object} newState - The new settings.
+ * @param {boolean} isDisplayedOnWelcomePage - Indicates whether the device selection dialog is displayed on the
+ * welcome page or not.
+ * @returns {Function}
+ */
+export function submitAudioDeviceSelectionTab(newState: any, isDisplayedOnWelcomePage: boolean) {
+    return async (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const currentState = getAudioDeviceSelectionDialogProps(getState(), isDisplayedOnWelcomePage);
+        const isSelectedAudioInputIdChanged = newState.selectedAudioInputId
+            && newState.selectedAudioInputId !== currentState.selectedAudioInputId;
+
+        if (isSelectedAudioInputIdChanged) {
+            dispatch(updateSettings({
+                userSelectedMicDeviceId: newState.selectedAudioInputId,
+                userSelectedMicDeviceLabel:
+                    getDeviceLabelById(getState(), newState.selectedAudioInputId, 'audioInput')
+            }));
+
+            await disposePreviewAudioTrack(getState());
+
+            dispatch(setAudioSettings(newState.audioSettings));
+            dispatch(setAudioInputDevice(newState.selectedAudioInputId));
+        }
+
+        if (newState.selectedAudioOutputId
+            && newState.selectedAudioOutputId
+            !== currentState.selectedAudioOutputId) {
+            sendAnalytics(createDeviceChangedEvent('audio', 'output'));
+
+            setAudioOutputDeviceId(
+                newState.selectedAudioOutputId,
+                dispatch,
+                true,
+                getDeviceLabelById(getState(), newState.selectedAudioOutputId, 'audioOutput'))
+                .then(() => logger.log('changed audio output device'))
+                .catch(err => {
+                    logger.warn(
+                        'Failed to change audio output device.',
+                        'Default or previously set audio output device will',
+                        ' be used instead.',
+                        err);
+                });
+        }
+
+        if (newState.noiseSuppressionEnabled !== currentState.noiseSuppressionEnabled) {
+            dispatch(toggleNoiseSuppression());
+        }
+
+        if (!isEqual(newState.audioSettings, currentState.audioSettings) && !isSelectedAudioInputIdChanged && !newState.noiseSuppressionEnabled) {
+            const state = getState();
+            const jitsiTrack = getLocalJitsiAudioTrack(state);
+
+            if (!jitsiTrack) {
+                logger.debug('No local audio track found');
+                dispatch(setAudioSettings(newState.audioSettings));
+
+                return;
+            }
+
+            await disposePreviewAudioTrack(getState());
+            dispatch(toggleUpdateAudioSettings(newState.audioSettings));
+        }
+    };
+}
+
+/**
+ * Submits the settings related to device selection.
+ *
+ * @param {Object} newState - The new settings.
+ * @param {boolean} isDisplayedOnWelcomePage - Indicates whether the device selection dialog is displayed on the
+ * welcome page or not.
+ * @returns {Function}
+ */
+export function submitVideoDeviceSelectionTab(newState: any, isDisplayedOnWelcomePage: boolean) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const currentState = getVideoDeviceSelectionDialogProps(getState(), isDisplayedOnWelcomePage);
+
+        if (newState.selectedVideoInputId && (newState.selectedVideoInputId !== currentState.selectedVideoInputId)) {
+            dispatch(updateSettings({
+                userSelectedCameraDeviceId: newState.selectedVideoInputId,
+                userSelectedCameraDeviceLabel:
+                    getDeviceLabelById(getState(), newState.selectedVideoInputId, 'videoInput')
+            }));
+            dispatch(setVideoInputDevice(newState.selectedVideoInputId));
+        }
+        if (newState.localFlipX !== currentState.localFlipX) {
+            dispatch(updateSettings({
+                localFlipX: newState.localFlipX
+            }));
+        }
+
+        if (newState.currentFramerate !== currentState.currentFramerate) {
+            const frameRate = parseInt(newState.currentFramerate, 10);
+
+            dispatch(setScreenshareFramerate(frameRate));
+        }
+    };
+}
diff --git a/react/features/device-selection/components/AudioDevicesSelection.web.tsx b/react/features/device-selection/components/AudioDevicesSelection.web.tsx
new file mode 100644
index 0000000..a5aa24b
--- /dev/null
+++ b/react/features/device-selection/components/AudioDevicesSelection.web.tsx
@@ -0,0 +1,496 @@
+import { Theme } from '@mui/material';
+import clsx from 'clsx';
+import React from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+import { withStyles } from 'tss-react/mui';
+
+import { IReduxState, IStore } from '../../app/types';
+import { isAdvancedAudioSettingsEnabled } from '../../base/config/functions.any';
+import { getAvailableDevices } from '../../base/devices/actions.web';
+import AbstractDialogTab, {
+    type IProps as AbstractDialogTabProps
+} from '../../base/dialog/components/web/AbstractDialogTab';
+import { translate } from '../../base/i18n/functions';
+import { createLocalTrack } from '../../base/lib-jitsi-meet/functions.web';
+import { IAudioSettings } from '../../base/settings/reducer';
+import Checkbox from '../../base/ui/components/web/Checkbox';
+import { setPreviewAudioTrack } from '../../settings/actions.web';
+import { disposeTrack } from '../../settings/functions.web';
+import { iAmVisitor as iAmVisitorCheck } from '../../visitors/functions';
+import logger from '../logger';
+
+import AudioInputPreview from './AudioInputPreview.web';
+import AudioOutputPreview from './AudioOutputPreview.web';
+import DeviceHidContainer from './DeviceHidContainer.web';
+import DeviceSelector from './DeviceSelector.web';
+
+
+/**
+ * The type of the React {@code Component} props of {@link AudioDevicesSelection}.
+ */
+interface IProps extends AbstractDialogTabProps, WithTranslation {
+
+    /**
+     * The audio local track settings.
+     */
+    audioSettings?: IAudioSettings;
+
+    /**
+     * All known audio and video devices split by type. This prop comes from
+     * the app state.
+     */
+    availableDevices: {
+        audioInput?: MediaDeviceInfo[];
+        audioOutput?: MediaDeviceInfo[];
+    };
+
+    /**
+     * CSS classes object.
+     */
+    classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
+
+    /**
+     * Whether or not the audio selector can be interacted with. If true,
+     * the audio input selector will be rendered as disabled. This is
+     * specifically used to prevent audio device changing in Firefox, which
+     * currently does not work due to a browser-side regression.
+     */
+    disableAudioInputChange: boolean;
+
+    /**
+     * True if device changing is configured to be disallowed. Selectors
+     * will display as disabled.
+     */
+    disableDeviceChange: boolean;
+
+    /**
+     * Redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Whether or not the audio permission was granted.
+     */
+    hasAudioPermission: boolean;
+
+    /**
+     * If true, the audio meter will not display. Necessary for browsers or
+     * configurations that do not support local stats to prevent a
+     * non-responsive mic preview from displaying.
+     */
+    hideAudioInputPreview: boolean;
+
+    /**
+     * If true, the button to play a test sound on the selected speaker will not be displayed.
+     * This needs to be hidden on browsers that do not support selecting an audio output device.
+     */
+    hideAudioOutputPreview: boolean;
+
+    /**
+     * Whether or not the audio output source selector should display. If
+     * true, the audio output selector and test audio link will not be
+     * rendered.
+     */
+    hideAudioOutputSelect: boolean;
+
+    /**
+     * Whether or not the hid device container should display.
+     */
+    hideDeviceHIDContainer: boolean;
+
+    /**
+     * Whether to hide noise suppression checkbox or not.
+     */
+    hideNoiseSuppression: boolean;
+
+    /**
+     * Whether we are in visitors mode.
+     */
+    iAmVisitor: boolean;
+
+    /**
+     * Whether the advanced audio settings are enabled from config.
+     */
+    isAdvancedAudioSettingsConfigEnabled: boolean;
+
+    /**
+     * Whether noise suppression is on or not.
+     */
+    noiseSuppressionEnabled: boolean;
+
+    /**
+     * The audio track that is used for previewing the audio input.
+     */
+    previewAudioTrack: any | null;
+
+    /**
+     * The id of the audio input device to preview.
+     */
+    selectedAudioInputId: string;
+
+    /**
+     * The id of the audio output device to preview.
+     */
+    selectedAudioOutputId: string;
+}
+
+
+const styles = (theme: Theme) => {
+    return {
+        checkbox: {
+            width: 'max-content'
+        },
+
+        checkboxGrid: {
+            display: 'grid',
+            gridTemplateColumns: 'auto auto',
+            gap: theme.spacing(3),
+            margin: `${theme.spacing(3)} 0`
+        },
+
+        container: {
+            display: 'flex',
+            flexDirection: 'column' as const,
+            padding: '0 2px',
+            width: '100%'
+        },
+
+        hidden: {
+            display: 'none'
+        },
+
+        inputContainer: {
+            marginBottom: theme.spacing(3)
+        },
+
+        outputContainer: {
+            display: 'flex',
+            alignItems: 'flex-end',
+            margin: `${theme.spacing(5)} 0`
+        },
+
+        outputButton: {
+            marginLeft: theme.spacing(3)
+        }
+    };
+};
+
+
+/**
+ * React {@code Component} for previewing audio and video input/output devices.
+ *
+ * @augments Component
+ */
+class AudioDevicesSelection extends AbstractDialogTab<IProps, {}> {
+
+    /**
+     * Whether current component is mounted or not.
+     *
+     * In component did mount we start a Promise to create tracks and
+     * set the tracks in the state, if we unmount the component in the meanwhile
+     * tracks will be created and will never been disposed (dispose tracks is
+     * in componentWillUnmount). When tracks are created and component is
+     * unmounted we dispose the tracks.
+     */
+    _unMounted: boolean;
+
+    /**
+     * Initializes a new DeviceSelection instance.
+     *
+     * @param {Object} props - The read-only React Component props with which
+     * the new instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._unMounted = true;
+    }
+
+    /**
+     * Generate the initial previews for audio input and video input.
+     *
+     * @inheritdoc
+     */
+    override componentDidMount() {
+        this._unMounted = false;
+        Promise.all([
+            this._createAudioInputTrack(this.props.selectedAudioInputId)
+        ])
+            .catch(err => logger.warn('Failed to initialize preview tracks', err))
+            .then(() => {
+                this.props.dispatch(getAvailableDevices());
+            });
+    }
+
+    /**
+     * Checks if audio / video permissions were granted. Updates audio input and
+     * video input previews.
+     *
+     * @param {Object} prevProps - Previous props this component received.
+     * @returns {void}
+     */
+    override componentDidUpdate(prevProps: IProps) {
+        if (prevProps.selectedAudioInputId
+            !== this.props.selectedAudioInputId) {
+            this._createAudioInputTrack(this.props.selectedAudioInputId);
+        }
+    }
+
+    /**
+     * Ensure preview tracks are destroyed to prevent continued use.
+     *
+     * @inheritdoc
+     */
+    override componentWillUnmount() {
+        this._unMounted = true;
+        disposeTrack(this.props.previewAudioTrack);
+    }
+
+    /**
+     * Toggles the audio settings based on the input change event and updates the state.
+     *
+     * @param {Object} e - The key event to handle.
+     *
+     * @returns {void}
+     */
+    _onToggleAudioSettings = ({ target: { checked, name } }: React.ChangeEvent<HTMLInputElement>) => {
+        const { audioSettings } = this.props;
+
+        const newValue = name === 'channelCount' ? (checked ? 2 : 1) : checked;
+
+        if (name === 'channelCount' && newValue === 2) {
+            super._onChange({
+                audioSettings: {
+                    autoGainControl: false,
+                    channelCount: 2,
+                    echoCancellation: false,
+                    noiseSuppression: false
+                }
+            });
+
+            return;
+        } else if (name !== 'channelCount' && newValue === true) {
+            super._onChange({
+                audioSettings: {
+                    ...audioSettings,
+                    [name]: newValue,
+                    channelCount: 1
+                }
+            });
+
+            return;
+        }
+
+        super._onChange({
+            audioSettings: {
+                ...audioSettings,
+                [name]: newValue
+            }
+        });
+    };
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const {
+            audioSettings,
+            hasAudioPermission,
+            hideAudioInputPreview,
+            hideAudioOutputPreview,
+            hideDeviceHIDContainer,
+            hideNoiseSuppression,
+            isAdvancedAudioSettingsConfigEnabled,
+            iAmVisitor,
+            noiseSuppressionEnabled,
+            selectedAudioOutputId,
+            t
+        } = this.props;
+        const { audioInput, audioOutput } = this._getSelectors();
+
+        const classes = withStyles.getClasses(this.props);
+
+        const isAudioSettingsEnabled = Boolean(audioSettings?.autoGainControl || audioSettings?.channelCount === 2 || audioSettings?.echoCancellation || audioSettings?.noiseSuppression);
+
+        const shouldDisplayNoiseSuppressionCheckbox = !hideNoiseSuppression && !iAmVisitor;
+        const shouldDisplayAdvancedAudioSettingsCheckboxes = !hideNoiseSuppression && !iAmVisitor && isAdvancedAudioSettingsConfigEnabled && Boolean(audioSettings);
+
+        const shouldDisabledNoiseSupressionCheckbox = shouldDisplayAdvancedAudioSettingsCheckboxes && (isAudioSettingsEnabled && !noiseSuppressionEnabled);
+
+        return (
+            <div className = { classes.container }>
+                {!iAmVisitor && <div
+                    aria-live = 'polite'
+                    className = { classes.inputContainer }>
+                    {this._renderSelector(audioInput)}
+                </div>}
+
+                {!hideAudioInputPreview && hasAudioPermission && !iAmVisitor
+                                    && <AudioInputPreview
+                                        track = { this.props.previewAudioTrack } />}
+
+                <fieldset className = { classes.checkboxGrid }>
+                    <Checkbox
+                        checked = { Boolean(audioSettings?.echoCancellation) }
+                        className = { clsx(classes.checkbox, {
+                            [classes.hidden]: !shouldDisplayAdvancedAudioSettingsCheckboxes,
+                        }) }
+                        disabled = { noiseSuppressionEnabled }
+                        label = { t('toolbar.advancedAudioSettings.aec.label') }
+                        name = { 'echoCancellation' }
+                        onChange = { this._onToggleAudioSettings } />
+                    <Checkbox
+                        checked = { Boolean(audioSettings?.channelCount === 2) }
+                        className = { clsx(classes.checkbox, {
+                            [classes.hidden]: !shouldDisplayAdvancedAudioSettingsCheckboxes,
+                        }) }
+                        disabled = { noiseSuppressionEnabled }
+                        label = { t('toolbar.advancedAudioSettings.stereo.label') }
+                        name = { 'channelCount' }
+                        onChange = { this._onToggleAudioSettings } />
+                    <Checkbox
+                        checked = { Boolean(audioSettings?.autoGainControl) }
+                        className = { clsx(classes.checkbox, {
+                            [classes.hidden]: !shouldDisplayAdvancedAudioSettingsCheckboxes,
+                        }) }
+                        disabled = { noiseSuppressionEnabled }
+                        label = { t('toolbar.advancedAudioSettings.agc.label') }
+                        name = { 'autoGainControl' }
+                        onChange = { this._onToggleAudioSettings } />
+                    <Checkbox
+                        checked = { Boolean(audioSettings?.noiseSuppression) }
+                        className = { clsx(classes.checkbox, {
+                            [classes.hidden]: !shouldDisplayAdvancedAudioSettingsCheckboxes,
+                        }) }
+                        disabled = { noiseSuppressionEnabled }
+                        label = { t('toolbar.advancedAudioSettings.ns.label') }
+                        name = { 'noiseSuppression' }
+                        onChange = { this._onToggleAudioSettings } />
+                    <Checkbox
+                        checked = { noiseSuppressionEnabled }
+                        className = { clsx(classes.checkbox, {
+                            [classes.hidden]: !shouldDisplayNoiseSuppressionCheckbox,
+                        }) }
+                        disabled = { shouldDisabledNoiseSupressionCheckbox }
+                        label = { t('toolbar.enableNoiseSuppression') }
+                        // eslint-disable-next-line react/jsx-no-bind
+                        onChange = { () => super._onChange({
+                            noiseSuppressionEnabled: !noiseSuppressionEnabled
+                        }) } />
+                </fieldset>
+                <div
+                    aria-live = 'polite'
+                    className = { classes.outputContainer }>
+                    {this._renderSelector(audioOutput)}
+                    {!hideAudioOutputPreview && hasAudioPermission
+                        && <AudioOutputPreview
+                            className = { classes.outputButton }
+                            deviceId = { selectedAudioOutputId } />}
+                </div>
+
+                {!hideDeviceHIDContainer && !iAmVisitor
+                    && <DeviceHidContainer />}
+            </div>
+        );
+    }
+
+    /**
+     * Creates the JitsiTrack for the audio input preview.
+     *
+     * @param {string} deviceId - The id of audio input device to preview.
+     * @private
+     * @returns {void}
+     */
+    _createAudioInputTrack(deviceId: string) {
+        const { hideAudioInputPreview, previewAudioTrack } = this.props;
+
+        if (hideAudioInputPreview) {
+            return;
+        }
+
+        return disposeTrack(previewAudioTrack)
+            .then(() => createLocalTrack('audio', deviceId, 5000))
+            .then(jitsiLocalTrack => {
+                if (this._unMounted) {
+                    jitsiLocalTrack.dispose();
+
+                    return;
+                }
+                this.props.dispatch(setPreviewAudioTrack(jitsiLocalTrack));
+
+            })
+            .catch(() => {
+                this.props.dispatch(setPreviewAudioTrack(null));
+            });
+    }
+
+    /**
+     * Creates a DeviceSelector instance based on the passed in configuration.
+     *
+     * @private
+     * @param {Object} deviceSelectorProps - The props for the DeviceSelector.
+     * @returns {ReactElement}
+     */
+    _renderSelector(deviceSelectorProps: any) {
+        return deviceSelectorProps ? (
+            <DeviceSelector
+                { ...deviceSelectorProps }
+                key = { deviceSelectorProps.id } />
+        ) : null;
+    }
+
+    /**
+     * Returns object configurations for audio input and output.
+     *
+     * @private
+     * @returns {Object} Configurations.
+     */
+    _getSelectors() {
+        const { availableDevices, hasAudioPermission } = this.props;
+
+        const audioInput = {
+            devices: availableDevices.audioInput,
+            hasPermission: hasAudioPermission,
+            icon: 'icon-microphone',
+            isDisabled: this.props.disableAudioInputChange || this.props.disableDeviceChange,
+            key: 'audioInput',
+            id: 'audioInput',
+            label: 'settings.selectMic',
+            onSelect: (selectedAudioInputId: string) => super._onChange({ selectedAudioInputId }),
+            selectedDeviceId: this.props.previewAudioTrack
+                ? this.props.previewAudioTrack.getDeviceId() : this.props.selectedAudioInputId
+        };
+        let audioOutput;
+
+        if (!this.props.hideAudioOutputSelect) {
+            audioOutput = {
+                devices: availableDevices.audioOutput,
+                hasPermission: hasAudioPermission,
+                icon: 'icon-speaker',
+                isDisabled: this.props.disableDeviceChange,
+                key: 'audioOutput',
+                id: 'audioOutput',
+                label: 'settings.selectAudioOutput',
+                onSelect: (selectedAudioOutputId: string) => super._onChange({ selectedAudioOutputId }),
+                selectedDeviceId: this.props.selectedAudioOutputId
+            };
+        }
+
+        return { audioInput,
+            audioOutput };
+    }
+}
+
+const mapStateToProps = (state: IReduxState) => {
+    return {
+        availableDevices: state['features/base/devices'].availableDevices ?? {},
+        isAdvancedAudioSettingsConfigEnabled: isAdvancedAudioSettingsEnabled(state),
+        iAmVisitor: iAmVisitorCheck(state),
+        previewAudioTrack: state['features/settings'].previewAudioTrack
+    };
+};
+
+export default connect(mapStateToProps)(withStyles(translate(AudioDevicesSelection), styles));
diff --git a/react/features/device-selection/components/AudioInputPreview.web.tsx b/react/features/device-selection/components/AudioInputPreview.web.tsx
new file mode 100644
index 0000000..7565172
--- /dev/null
+++ b/react/features/device-selection/components/AudioInputPreview.web.tsx
@@ -0,0 +1,102 @@
+import React, { useEffect, useState } from 'react';
+import { makeStyles } from 'tss-react/mui';
+
+import JitsiMeetJS from '../../base/lib-jitsi-meet/_.web';
+
+const JitsiTrackEvents = JitsiMeetJS.events.track;
+
+/**
+ * The type of the React {@code Component} props of {@link AudioInputPreview}.
+ */
+interface IProps {
+
+    /**
+     * The JitsiLocalTrack to show an audio level meter for.
+     */
+    track: any;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        container: {
+            display: 'flex'
+        },
+
+        section: {
+            flex: 1,
+            height: '4px',
+            borderRadius: '1px',
+            backgroundColor: theme.palette.ui04,
+            marginRight: theme.spacing(1),
+
+            '&:last-of-type': {
+                marginRight: 0
+            }
+        },
+
+        activeSection: {
+            backgroundColor: theme.palette.success01
+        }
+    };
+});
+
+const NO_OF_PREVIEW_SECTIONS = 11;
+
+const AudioInputPreview = (props: IProps) => {
+    const [ audioLevel, setAudioLevel ] = useState(0);
+    const { classes, cx } = useStyles();
+
+    /**
+     * Starts listening for audio level updates from the library.
+     *
+     * @param {JitsiLocalTrack} track - The track to listen to for audio level
+     * updates.
+     * @private
+     * @returns {void}
+     */
+    function _listenForAudioUpdates(track: any) {
+        _stopListeningForAudioUpdates();
+
+        track?.on(
+            JitsiTrackEvents.TRACK_AUDIO_LEVEL_CHANGED,
+            setAudioLevel);
+    }
+
+    /**
+     * Stops listening to further updates from the current track.
+     *
+     * @private
+     * @returns {void}
+     */
+    function _stopListeningForAudioUpdates() {
+        props.track?.off(
+            JitsiTrackEvents.TRACK_AUDIO_LEVEL_CHANGED,
+            setAudioLevel);
+    }
+
+    useEffect(() => {
+        _listenForAudioUpdates(props.track);
+
+        return _stopListeningForAudioUpdates;
+    }, []);
+
+    useEffect(() => {
+        _listenForAudioUpdates(props.track);
+        setAudioLevel(0);
+    }, [ props.track ]);
+
+    const audioMeterFill = Math.ceil(Math.floor(audioLevel * 100) / (100 / NO_OF_PREVIEW_SECTIONS));
+
+    return (
+        <div className = { classes.container } >
+            {new Array(NO_OF_PREVIEW_SECTIONS).fill(0)
+                    .map((_, idx) =>
+                        (<div
+                            className = { cx(classes.section, idx < audioMeterFill && classes.activeSection) }
+                            key = { idx } />)
+                    )}
+        </div>
+    );
+};
+
+export default AudioInputPreview;
diff --git a/react/features/device-selection/components/AudioOutputPreview.web.tsx b/react/features/device-selection/components/AudioOutputPreview.web.tsx
new file mode 100644
index 0000000..012e6ca
--- /dev/null
+++ b/react/features/device-selection/components/AudioOutputPreview.web.tsx
@@ -0,0 +1,136 @@
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+
+import { translate } from '../../base/i18n/functions';
+import { Audio } from '../../base/media/components/index';
+import Button from '../../base/ui/components/web/Button';
+import { BUTTON_TYPES } from '../../base/ui/constants.any';
+
+const TEST_SOUND_PATH = 'sounds/ring.mp3';
+
+/**
+ * The type of the React {@code Component} props of {@link AudioOutputPreview}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * Button className.
+     */
+    className?: string;
+
+    /**
+     * The device id of the audio output device to use.
+     */
+    deviceId: string;
+}
+
+/**
+ * React component for playing a test sound through a specified audio device.
+ *
+ * @augments Component
+ */
+class AudioOutputPreview extends Component<IProps> {
+    _audioElement: HTMLAudioElement | null;
+
+    /**
+     * Initializes a new AudioOutputPreview instance.
+     *
+     * @param {Object} props - The read-only React Component props with which
+     * the new instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._audioElement = null;
+
+        this._audioElementReady = this._audioElementReady.bind(this);
+        this._onClick = this._onClick.bind(this);
+        this._onKeyPress = this._onKeyPress.bind(this);
+    }
+
+    /**
+     * Updates the audio element when the target output device changes and the
+     * audio element has re-rendered.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidUpdate() {
+        this._setAudioSink();
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        return (
+            <>
+                <Button
+                    accessibilityLabel = { this.props.t('deviceSelection.testAudio') }
+                    className = { this.props.className }
+                    labelKey = 'deviceSelection.testAudio'
+                    onClick = { this._onClick }
+                    onKeyPress = { this._onKeyPress }
+                    type = { BUTTON_TYPES.SECONDARY } />
+                <Audio
+                    setRef = { this._audioElementReady }
+                    src = { TEST_SOUND_PATH } />
+            </>
+        );
+    }
+
+    /**
+     * Sets the instance variable for the component's audio element so it can be
+     * accessed directly.
+     *
+     * @param {Object} element - The DOM element for the component's audio.
+     * @private
+     * @returns {void}
+     */
+    _audioElementReady(element: HTMLAudioElement) {
+        this._audioElement = element;
+
+        this._setAudioSink();
+    }
+
+    /**
+     * Plays a test sound.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onClick() {
+        this._audioElement?.play();
+    }
+
+    /**
+     * KeyPress handler for accessibility.
+     *
+     * @param {Object} e - The key event to handle.
+     *
+     * @returns {void}
+     */
+    _onKeyPress(e: React.KeyboardEvent) {
+        if (e.key === ' ' || e.key === 'Enter') {
+            e.preventDefault();
+            this._onClick();
+        }
+    }
+
+    /**
+     * Updates the target output device for playing the test sound.
+     *
+     * @private
+     * @returns {void}
+     */
+    _setAudioSink() {
+        this._audioElement
+            && this.props.deviceId
+            && this._audioElement.setSinkId(this.props.deviceId);
+    }
+}
+
+export default translate(AudioOutputPreview);
diff --git a/react/features/device-selection/components/DeviceHidContainer.web.tsx b/react/features/device-selection/components/DeviceHidContainer.web.tsx
new file mode 100644
index 0000000..40ef858
--- /dev/null
+++ b/react/features/device-selection/components/DeviceHidContainer.web.tsx
@@ -0,0 +1,107 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import Icon from '../../base/icons/components/Icon';
+import { IconTrash } from '../../base/icons/svg';
+import Button from '../../base/ui/components/web/Button';
+import { BUTTON_TYPES } from '../../base/ui/constants.any';
+import { closeHidDevice, requestHidDevice } from '../../web-hid/actions';
+import { getDeviceInfo, shouldRequestHIDDevice } from '../../web-hid/functions';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        callControlContainer: {
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'flex-start'
+        },
+
+        label: {
+            ...theme.typography.bodyShortRegular,
+            color: theme.palette.text01,
+            marginBottom: theme.spacing(2)
+        },
+
+        deviceRow: {
+            display: 'flex',
+            justifyContent: 'space-between'
+        },
+
+        deleteDevice: {
+            cursor: 'pointer',
+            textAlign: 'center'
+        },
+
+        headerConnectedDevice: {
+            fontWeight: 600
+        },
+
+        hidContainer: {
+            '> span': {
+                marginLeft: '16px'
+            }
+        }
+    };
+});
+
+/**
+ * Device hid container.
+ *
+ * @param {IProps} props - The props of the component.
+ * @returns {ReactElement}
+ */
+function DeviceHidContainer() {
+    const { t } = useTranslation();
+    const deviceInfo = useSelector(getDeviceInfo);
+    const showRequestDeviceInfo = shouldRequestHIDDevice(deviceInfo);
+    const { classes } = useStyles();
+    const dispatch = useDispatch();
+
+    const onRequestControl = useCallback(() => {
+        dispatch(requestHidDevice());
+    }, [ dispatch ]);
+
+    const onDeleteHid = useCallback(() => {
+        dispatch(closeHidDevice());
+    }, [ dispatch ]);
+
+    return (
+        <div
+            className = { classes.callControlContainer }
+            key = 'callControl'>
+            <label
+                className = { classes.label }
+                htmlFor = 'callControl'>
+                {t('deviceSelection.hid.callControl')}
+            </label>
+            {showRequestDeviceInfo && (
+                <Button
+                    accessibilityLabel = { t('deviceSelection.hid.pairDevice') }
+                    id = 'request-control-btn'
+                    key = 'request-control-btn'
+                    label = { t('deviceSelection.hid.pairDevice') }
+                    onClick = { onRequestControl }
+                    type = { BUTTON_TYPES.SECONDARY } />
+            )}
+            {!showRequestDeviceInfo && (
+                <div className = { classes.hidContainer }>
+                    <p className = { classes.headerConnectedDevice }>{t('deviceSelection.hid.connectedDevices')}</p>
+                    <div className = { classes.deviceRow }>
+                        <span>{deviceInfo.device?.productName}</span>
+                        <Icon
+                            ariaLabel = { t('deviceSelection.hid.deleteDevice') }
+                            className = { classes.deleteDevice }
+                            onClick = { onDeleteHid }
+                            role = 'button'
+                            src = { IconTrash }
+                            tabIndex = { 0 } />
+                    </div>
+                </div>
+            )}
+        </div>
+    );
+}
+
+export default DeviceHidContainer;
diff --git a/react/features/device-selection/components/DeviceSelector.native.ts b/react/features/device-selection/components/DeviceSelector.native.ts
new file mode 100644
index 0000000..e69de29
diff --git a/react/features/device-selection/components/DeviceSelector.web.tsx b/react/features/device-selection/components/DeviceSelector.web.tsx
new file mode 100644
index 0000000..6b30ff4
--- /dev/null
+++ b/react/features/device-selection/components/DeviceSelector.web.tsx
@@ -0,0 +1,154 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { makeStyles } from 'tss-react/mui';
+
+import Select from '../../base/ui/components/web/Select';
+
+/**
+ * The type of the React {@code Component} props of {@link DeviceSelector}.
+ */
+interface IProps {
+
+    /**
+     * MediaDeviceInfos used for display in the select element.
+     */
+    devices: Array<MediaDeviceInfo> | undefined;
+
+    /**
+     * If false, will return a selector with no selection options.
+     */
+    hasPermission: boolean;
+
+    /**
+     * CSS class for the icon to the left of the dropdown trigger.
+     */
+    icon: string;
+
+    /**
+     * The id of the dropdown element.
+     */
+    id: string;
+
+    /**
+     * If true, will render the selector disabled with a default selection.
+     */
+    isDisabled: boolean;
+
+    /**
+     * The translation key to display as a menu label.
+     */
+    label: string;
+
+    /**
+     * The callback to invoke when a selection is made.
+     */
+    onSelect: Function;
+
+    /**
+     * The default device to display as selected.
+     */
+    selectedDeviceId: string;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        textSelector: {
+            width: '100%',
+            boxSizing: 'border-box',
+            borderRadius: theme.shape.borderRadius,
+            backgroundColor: theme.palette.uiBackground,
+            padding: '10px 16px',
+            textAlign: 'center',
+            ...theme.typography.bodyShortRegular,
+            border: `1px solid ${theme.palette.ui03}`
+        }
+    };
+});
+
+const DeviceSelector = ({
+    devices,
+    hasPermission,
+    id,
+    isDisabled,
+    label,
+    onSelect,
+    selectedDeviceId
+}: IProps) => {
+    const { classes } = useStyles();
+    const { t } = useTranslation();
+
+    const _onSelect = useCallback((e: React.ChangeEvent<HTMLSelectElement>) => {
+        const deviceId = e.target.value;
+
+        if (selectedDeviceId !== deviceId) {
+            onSelect(deviceId);
+        }
+    }, [ selectedDeviceId, onSelect ]);
+
+    const _createDropdown = (options: {
+        defaultSelected?: MediaDeviceInfo; isDisabled: boolean;
+        items?: Array<{ label: string; value: string; }>; placeholder: string;
+    }) => {
+        const triggerText
+            = (options.defaultSelected && (options.defaultSelected.label || options.defaultSelected.deviceId))
+            || options.placeholder;
+
+        if (options.isDisabled || !options.items?.length) {
+            return (
+                <div className = { classes.textSelector }>
+                    {triggerText}
+                </div>
+            );
+        }
+
+        return (
+            <Select
+                id = { id }
+                label = { t(label) }
+                onChange = { _onSelect }
+                options = { options.items }
+                value = { selectedDeviceId } />
+        );
+    };
+
+    const _renderNoDevices = () => _createDropdown({
+        isDisabled: true,
+        placeholder: t('settings.noDevice')
+    });
+
+    const _renderNoPermission = () => _createDropdown({
+        isDisabled: true,
+        placeholder: t('deviceSelection.noPermission')
+    });
+
+    if (hasPermission === undefined) {
+        return null;
+    }
+
+    if (!hasPermission) {
+        return _renderNoPermission();
+    }
+
+    if (!devices?.length) {
+        return _renderNoDevices();
+    }
+
+    const items = devices.map(device => {
+        return {
+            value: device.deviceId,
+            label: device.label || device.deviceId
+        };
+    });
+    const defaultSelected = devices.find(item =>
+        item.deviceId === selectedDeviceId
+    );
+
+    return _createDropdown({
+        defaultSelected,
+        isDisabled,
+        items,
+        placeholder: t('deviceSelection.selectADevice')
+    });
+};
+
+export default DeviceSelector;
diff --git a/react/features/device-selection/components/VideoDeviceSelection.web.tsx b/react/features/device-selection/components/VideoDeviceSelection.web.tsx
new file mode 100644
index 0000000..8eb9198
--- /dev/null
+++ b/react/features/device-selection/components/VideoDeviceSelection.web.tsx
@@ -0,0 +1,384 @@
+import { Theme } from '@mui/material';
+import React from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+import { withStyles } from 'tss-react/mui';
+
+import { IReduxState, IStore } from '../../app/types';
+import { getAvailableDevices } from '../../base/devices/actions.web';
+import AbstractDialogTab, {
+    type IProps as AbstractDialogTabProps
+} from '../../base/dialog/components/web/AbstractDialogTab';
+import { translate } from '../../base/i18n/functions';
+import { createLocalTrack } from '../../base/lib-jitsi-meet/functions.web';
+import Checkbox from '../../base/ui/components/web/Checkbox';
+import Select from '../../base/ui/components/web/Select';
+import { SS_DEFAULT_FRAME_RATE } from '../../settings/constants';
+import logger from '../logger';
+
+import DeviceSelector from './DeviceSelector.web';
+import VideoInputPreview from './VideoInputPreview';
+
+/**
+ * The type of the React {@code Component} props of {@link VideoDeviceSelection}.
+ */
+export interface IProps extends AbstractDialogTabProps, WithTranslation {
+
+    /**
+     * All known audio and video devices split by type. This prop comes from
+     * the app state.
+     */
+    availableDevices: { videoInput?: MediaDeviceInfo[]; };
+
+    /**
+     * CSS classes object.
+     */
+    classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
+
+    /**
+     * The currently selected desktop share frame rate in the frame rate select dropdown.
+     */
+    currentFramerate: string;
+
+    /**
+     * All available desktop capture frame rates.
+     */
+    desktopShareFramerates: Array<number>;
+
+    /**
+     * True if desktop share settings should be hidden (mobile browsers).
+     */
+    disableDesktopShareSettings: boolean;
+
+    /**
+     * True if device changing is configured to be disallowed. Selectors
+     * will display as disabled.
+     */
+    disableDeviceChange: boolean;
+
+    /**
+     * Whether the local video can be flipped or not.
+     */
+    disableLocalVideoFlip: boolean | undefined;
+
+    /**
+     * Whether video input dropdown should be enabled or not.
+     */
+    disableVideoInputSelect: boolean;
+
+    /**
+     * Redux dispatch.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Whether or not the audio permission was granted.
+     */
+    hasVideoPermission: boolean;
+
+    /**
+     * Whether to hide the additional settings or not.
+     */
+    hideAdditionalSettings: boolean;
+
+    /**
+     * Whether video input preview should be displayed or not.
+     * (In the case of iOS Safari).
+     */
+    hideVideoInputPreview: boolean;
+
+    /**
+     * Whether or not the local video is flipped.
+     */
+    localFlipX: boolean;
+
+    /**
+     * The id of the video input device to preview.
+     */
+    selectedVideoInputId: string;
+}
+
+/**
+ * The type of the React {@code Component} state of {@link VideoDeviceSelection}.
+ */
+interface IState {
+
+    /**
+     * The JitsiTrack to use for previewing video input.
+     */
+    previewVideoTrack: any | null;
+
+    /**
+     * The error message from trying to use a video input device.
+     */
+    previewVideoTrackError: string | null;
+}
+
+const styles = (theme: Theme) => {
+    return {
+        container: {
+            display: 'flex',
+            flexDirection: 'column' as const,
+            padding: '0 2px',
+            width: '100%'
+        },
+
+        checkboxContainer: {
+            margin: `${theme.spacing(4)} 0`
+        }
+    };
+};
+
+/**
+ * React {@code Component} for previewing audio and video input/output devices.
+ *
+ * @augments Component
+ */
+class VideoDeviceSelection extends AbstractDialogTab<IProps, IState> {
+
+    /**
+     * Whether current component is mounted or not.
+     *
+     * In component did mount we start a Promise to create tracks and
+     * set the tracks in the state, if we unmount the component in the meanwhile
+     * tracks will be created and will never been disposed (dispose tracks is
+     * in componentWillUnmount). When tracks are created and component is
+     * unmounted we dispose the tracks.
+     */
+    _unMounted: boolean;
+
+    /**
+     * Initializes a new DeviceSelection instance.
+     *
+     * @param {Object} props - The read-only React Component props with which
+     * the new instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            previewVideoTrack: null,
+            previewVideoTrackError: null
+        };
+        this._unMounted = true;
+
+        this._onFramerateItemSelect = this._onFramerateItemSelect.bind(this);
+    }
+
+    /**
+     * Generate the initial previews for audio input and video input.
+     *
+     * @inheritdoc
+     */
+    override componentDidMount() {
+        this._unMounted = false;
+        Promise.all([
+            this._createVideoInputTrack(this.props.selectedVideoInputId)
+        ])
+        .catch(err => logger.warn('Failed to initialize preview tracks', err))
+            .then(() => {
+                this.props.dispatch(getAvailableDevices());
+            });
+    }
+
+    /**
+     * Checks if audio / video permissions were granted. Updates audio input and
+     * video input previews.
+     *
+     * @param {Object} prevProps - Previous props this component received.
+     * @returns {void}
+     */
+    override componentDidUpdate(prevProps: IProps) {
+
+        if (prevProps.selectedVideoInputId
+            !== this.props.selectedVideoInputId) {
+            this._createVideoInputTrack(this.props.selectedVideoInputId);
+        }
+    }
+
+    /**
+     * Ensure preview tracks are destroyed to prevent continued use.
+     *
+     * @inheritdoc
+     */
+    override componentWillUnmount() {
+        this._unMounted = true;
+        this._disposeVideoInputPreview();
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const {
+            disableDesktopShareSettings,
+            disableLocalVideoFlip,
+            hideAdditionalSettings,
+            hideVideoInputPreview,
+            localFlipX,
+            t
+        } = this.props;
+
+        const classes = withStyles.getClasses(this.props);
+
+        return (
+            <div className = { classes.container }>
+                { !hideVideoInputPreview
+                    && <VideoInputPreview
+                        error = { this.state.previewVideoTrackError }
+                        localFlipX = { localFlipX }
+                        track = { this.state.previewVideoTrack } />
+                }
+                <div
+                    aria-live = 'polite'>
+                    {this._renderVideoSelector()}
+                </div>
+                {!hideAdditionalSettings && (
+                    <>
+                        {!disableLocalVideoFlip && (
+                            <div className = { classes.checkboxContainer }>
+                                <Checkbox
+                                    checked = { localFlipX }
+                                    label = { t('videothumbnail.mirrorVideo') }
+                                    // eslint-disable-next-line react/jsx-no-bind
+                                    onChange = { () => super._onChange({ localFlipX: !localFlipX }) } />
+                            </div>
+                        )}
+                        {!disableDesktopShareSettings && this._renderFramerateSelect()}
+                    </>
+                )}
+            </div>
+        );
+    }
+
+    /**
+     * Creates the JitsiTrack for the video input preview.
+     *
+     * @param {string} deviceId - The id of video device to preview.
+     * @private
+     * @returns {void}
+     */
+    _createVideoInputTrack(deviceId: string) {
+        const { hideVideoInputPreview } = this.props;
+
+        if (hideVideoInputPreview) {
+            return;
+        }
+
+        return this._disposeVideoInputPreview()
+            .then(() => createLocalTrack('video', deviceId, 5000))
+            .then(jitsiLocalTrack => {
+                if (!jitsiLocalTrack) {
+                    return Promise.reject();
+                }
+
+                if (this._unMounted) {
+                    jitsiLocalTrack.dispose();
+
+                    return;
+                }
+
+                this.setState({
+                    previewVideoTrack: jitsiLocalTrack,
+                    previewVideoTrackError: null
+                });
+            })
+            .catch(() => {
+                this.setState({
+                    previewVideoTrack: null,
+                    previewVideoTrackError:
+                        this.props.t('deviceSelection.previewUnavailable')
+                });
+            });
+    }
+
+    /**
+     * Utility function for disposing the current video input preview.
+     *
+     * @private
+     * @returns {Promise}
+     */
+    _disposeVideoInputPreview(): Promise<any> {
+        return this.state.previewVideoTrack
+            ? this.state.previewVideoTrack.dispose() : Promise.resolve();
+    }
+
+    /**
+     * Creates a DeviceSelector instance based on the passed in configuration.
+     *
+     * @private
+     * @returns {ReactElement}
+     */
+    _renderVideoSelector() {
+        const { availableDevices, hasVideoPermission } = this.props;
+
+        const videoConfig = {
+            devices: availableDevices.videoInput,
+            hasPermission: hasVideoPermission,
+            icon: 'icon-camera',
+            isDisabled: this.props.disableVideoInputSelect || this.props.disableDeviceChange,
+            key: 'videoInput',
+            id: 'videoInput',
+            label: 'settings.selectCamera',
+            onSelect: (selectedVideoInputId: string) => super._onChange({ selectedVideoInputId }),
+            selectedDeviceId: this.state.previewVideoTrack
+                ? this.state.previewVideoTrack.getDeviceId() : this.props.selectedVideoInputId
+        };
+
+        return (
+            <DeviceSelector
+                { ...videoConfig }
+                key = { videoConfig.id } />
+        );
+    }
+
+    /**
+     * Callback invoked to select a frame rate from the select dropdown.
+     *
+     * @param {Object} e - The key event to handle.
+     * @private
+     * @returns {void}
+     */
+    _onFramerateItemSelect(e: React.ChangeEvent<HTMLSelectElement>) {
+        const frameRate = e.target.value;
+
+        super._onChange({ currentFramerate: frameRate });
+    }
+
+    /**
+     * Returns the React Element for the desktop share frame rate dropdown.
+     *
+     * @returns {JSX}
+     */
+    _renderFramerateSelect() {
+        const { currentFramerate, desktopShareFramerates, t } = this.props;
+        const frameRateItems = desktopShareFramerates.map((frameRate: number) => {
+            return {
+                value: frameRate,
+                label: `${frameRate} ${t('settings.framesPerSecond')}`
+            };
+        });
+
+        return (
+            <Select
+                bottomLabel = { parseInt(currentFramerate, 10) > SS_DEFAULT_FRAME_RATE
+                    ? t('settings.desktopShareHighFpsWarning')
+                    : t('settings.desktopShareWarning') }
+                id = 'more-framerate-select'
+                label = { t('settings.desktopShareFramerate') }
+                onChange = { this._onFramerateItemSelect }
+                options = { frameRateItems }
+                value = { currentFramerate } />
+        );
+    }
+}
+
+const mapStateToProps = (state: IReduxState) => {
+    return {
+        availableDevices: state['features/base/devices'].availableDevices ?? {}
+    };
+};
+
+export default connect(mapStateToProps)(withStyles(translate(VideoDeviceSelection), styles));
diff --git a/react/features/device-selection/components/VideoInputPreview.web.tsx b/react/features/device-selection/components/VideoInputPreview.web.tsx
new file mode 100644
index 0000000..f13a564
--- /dev/null
+++ b/react/features/device-selection/components/VideoInputPreview.web.tsx
@@ -0,0 +1,74 @@
+import React from 'react';
+import { makeStyles } from 'tss-react/mui';
+
+import { Video } from '../../base/media/components/index';
+
+/**
+ * The type of the React {@code Component} props of {@link VideoInputPreview}.
+ */
+interface IProps {
+
+    /**
+     * An error message to display instead of a preview. Displaying an error
+     * will take priority over displaying a video preview.
+     */
+    error: string | null;
+
+    /**
+     * Whether or not the local video is flipped.
+     */
+    localFlipX: boolean;
+
+    /**
+     * The JitsiLocalTrack to display.
+     */
+    track: Object;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        container: {
+            position: 'relative',
+            borderRadius: '3px',
+            overflow: 'hidden',
+            marginBottom: theme.spacing(4),
+            backgroundColor: theme.palette.uiBackground
+        },
+
+        video: {
+            height: 'auto',
+            width: '100%',
+            overflow: 'hidden'
+        },
+
+        errorText: {
+            color: theme.palette.text01,
+            left: 0,
+            position: 'absolute',
+            right: 0,
+            textAlign: 'center',
+            top: '50%'
+        }
+    };
+});
+
+const VideoInputPreview = ({ error, localFlipX, track }: IProps) => {
+    const { classes, cx } = useStyles();
+
+    return (
+        <div className = { classes.container }>
+            <Video
+                className = { cx(classes.video, localFlipX && 'flipVideoX') }
+                id = 'settings_video_input_preview'
+                playsinline = { true }
+                videoTrack = {{ jitsiTrack: track }} />
+            {error && (
+                <div className = { classes.errorText }>
+                    {error}
+                </div>
+            )}
+        </div>
+    );
+};
+
+export default VideoInputPreview;
diff --git a/react/features/device-selection/functions.web.ts b/react/features/device-selection/functions.web.ts
new file mode 100644
index 0000000..3c268c1
--- /dev/null
+++ b/react/features/device-selection/functions.web.ts
@@ -0,0 +1,287 @@
+import { IStore } from '../app/types';
+import { IStateful } from '../base/app/types';
+import { getWebHIDFeatureConfig } from '../base/config/functions.web';
+import {
+    addPendingDeviceRequest,
+    getAvailableDevices,
+    setAudioInputDeviceAndUpdateSettings,
+    setAudioOutputDevice,
+    setVideoInputDeviceAndUpdateSettings
+} from '../base/devices/actions.web';
+import {
+    areDeviceLabelsInitialized,
+    getAudioOutputDeviceId,
+    getDeviceIdByLabel,
+    groupDevicesByKind
+} from '../base/devices/functions.web';
+import { isIosMobileBrowser, isMobileBrowser } from '../base/environment/utils';
+import JitsiMeetJS from '../base/lib-jitsi-meet';
+import { toState } from '../base/redux/functions';
+import {
+    getUserSelectedCameraDeviceId,
+    getUserSelectedMicDeviceId,
+    getUserSelectedOutputDeviceId
+} from '../base/settings/functions.web';
+import { getLocalJitsiAudioTrackSettings } from '../base/tracks/functions.any';
+import { isNoiseSuppressionEnabled } from '../noise-suppression/functions';
+import { isPrejoinPageVisible } from '../prejoin/functions';
+import { SS_DEFAULT_FRAME_RATE, SS_SUPPORTED_FRAMERATES } from '../settings/constants';
+import { isDeviceHidSupported } from '../web-hid/functions';
+
+/**
+ * Returns the properties for the audio device selection dialog from Redux state.
+ *
+ * @param {IStateful} stateful -The (whole) redux state, or redux's
+ * {@code getState} function to be used to retrieve the state.
+ * @param {boolean} isDisplayedOnWelcomePage - Indicates whether the device selection dialog is displayed on the
+ * welcome page or not.
+ * @returns {Object} - The properties for the audio device selection dialog.
+ */
+export function getAudioDeviceSelectionDialogProps(stateful: IStateful, isDisplayedOnWelcomePage: boolean) {
+    // On mobile Safari because of https://bugs.webkit.org/show_bug.cgi?id=179363#c30, the old track is stopped
+    // by the browser when a new track is created for preview. That's why we are disabling all previews.
+    const disablePreviews = isIosMobileBrowser();
+
+    const state = toState(stateful);
+    const settings = state['features/base/settings'];
+    const { permissions } = state['features/base/devices'];
+    const inputDeviceChangeSupported = JitsiMeetJS.mediaDevices.isDeviceChangeAvailable('input');
+    const speakerChangeSupported = JitsiMeetJS.mediaDevices.isDeviceChangeAvailable('output');
+    const userSelectedMic = getUserSelectedMicDeviceId(state);
+    const deviceHidSupported = isDeviceHidSupported() && getWebHIDFeatureConfig(state);
+    const noiseSuppressionEnabled = isNoiseSuppressionEnabled(state);
+    const hideNoiseSuppression = isPrejoinPageVisible(state) || isDisplayedOnWelcomePage;
+    const audioSettings = state['features/settings'].audioSettings ?? getLocalJitsiAudioTrackSettings(state);
+
+    // When the previews are disabled we don't need multiple audio input support in order to change the mic. This is the
+    // case for Safari on iOS.
+    let disableAudioInputChange
+        = !JitsiMeetJS.mediaDevices.isMultipleAudioInputSupported() && !(disablePreviews && inputDeviceChangeSupported);
+    let selectedAudioInputId = settings.micDeviceId;
+    let selectedAudioOutputId = getAudioOutputDeviceId();
+
+    // audio input change will be a problem only when we are in a
+    // conference and this is not supported, when we open device selection on
+    // welcome page changing input devices will not be a problem
+    // on welcome page we also show only what we have saved as user selected devices
+    if (isDisplayedOnWelcomePage) {
+        disableAudioInputChange = false;
+        selectedAudioInputId = userSelectedMic;
+        selectedAudioOutputId = getUserSelectedOutputDeviceId(state);
+    }
+
+    // we fill the device selection dialog with the devices that are currently
+    // used or if none are currently used with what we have in settings(user selected)
+    return {
+        audioSettings,
+        disableAudioInputChange,
+        disableDeviceChange: !JitsiMeetJS.mediaDevices.isDeviceChangeAvailable(),
+        hasAudioPermission: permissions.audio,
+        hideAudioInputPreview: disableAudioInputChange || !JitsiMeetJS.isCollectingLocalStats() || disablePreviews,
+        hideAudioOutputPreview: !speakerChangeSupported || disablePreviews,
+        hideAudioOutputSelect: !speakerChangeSupported,
+        hideDeviceHIDContainer: !deviceHidSupported,
+        hideNoiseSuppression,
+        noiseSuppressionEnabled,
+        selectedAudioInputId,
+        selectedAudioOutputId
+    };
+}
+
+/**
+ * Returns the properties for the device selection dialog from Redux state.
+ *
+ * @param {IStateful} stateful -The (whole) redux state, or redux's
+ * {@code getState} function to be used to retrieve the state.
+ * @param {boolean} isDisplayedOnWelcomePage - Indicates whether the device selection dialog is displayed on the
+ * welcome page or not.
+ * @returns {Object} - The properties for the device selection dialog.
+ */
+export function getVideoDeviceSelectionDialogProps(stateful: IStateful, isDisplayedOnWelcomePage: boolean) {
+    // On mobile Safari because of https://bugs.webkit.org/show_bug.cgi?id=179363#c30, the old track is stopped
+    // by the browser when a new track is created for preview. That's why we are disabling all previews.
+    const disablePreviews = isMobileBrowser();
+
+    const state = toState(stateful);
+    const settings = state['features/base/settings'];
+    const { permissions } = state['features/base/devices'];
+    const inputDeviceChangeSupported = JitsiMeetJS.mediaDevices.isDeviceChangeAvailable('input');
+    const userSelectedCamera = getUserSelectedCameraDeviceId(state);
+    const { localFlipX } = state['features/base/settings'];
+    const { disableLocalVideoFlip } = state['features/base/config'];
+    const hideAdditionalSettings = isPrejoinPageVisible(state) || isDisplayedOnWelcomePage;
+    const framerate = state['features/screen-share'].captureFrameRate ?? SS_DEFAULT_FRAME_RATE;
+
+    let disableVideoInputSelect = !inputDeviceChangeSupported;
+    let selectedVideoInputId = settings.cameraDeviceId || userSelectedCamera;
+
+    // audio input change will be a problem only when we are in a
+    // conference and this is not supported, when we open device selection on
+    // welcome page changing input devices will not be a problem
+    // on welcome page we also show only what we have saved as user selected devices
+    if (isDisplayedOnWelcomePage) {
+        disableVideoInputSelect = false;
+        selectedVideoInputId = userSelectedCamera;
+    }
+
+    // we fill the device selection dialog with the devices that are currently
+    // used or if none are currently used with what we have in settings(user selected)
+    return {
+        currentFramerate: framerate,
+        desktopShareFramerates: SS_SUPPORTED_FRAMERATES,
+        disableDesktopShareSettings: isMobileBrowser(),
+        disableDeviceChange: !JitsiMeetJS.mediaDevices.isDeviceChangeAvailable(),
+        disableVideoInputSelect,
+        disableLocalVideoFlip,
+        hasVideoPermission: permissions.video,
+        hideAdditionalSettings,
+        hideVideoInputPreview: !inputDeviceChangeSupported || disablePreviews,
+        localFlipX: Boolean(localFlipX),
+        selectedVideoInputId
+    };
+}
+
+/**
+ * Processes device requests from external applications.
+ *
+ * @param {Dispatch} dispatch - The redux {@code dispatch} function.
+ * @param {Function} getState - The redux function that gets/retrieves the redux
+ * state.
+ * @param {Object} request - The request to be processed.
+ * @param {Function} responseCallback - The callback that will send the
+ * response.
+ * @returns {boolean} - True if the request has been processed and false otherwise.
+ */
+export function processExternalDeviceRequest( // eslint-disable-line max-params
+        dispatch: IStore['dispatch'],
+        getState: IStore['getState'],
+        request: any,
+        responseCallback: Function) {
+    if (request.type !== 'devices') {
+        return false;
+    }
+    const state = getState();
+    const settings = state['features/base/settings'];
+    let result = true;
+
+    switch (request.name) {
+    case 'isDeviceListAvailable':
+        // TODO(saghul): remove this, eventually.
+        responseCallback(true);
+        break;
+    case 'isDeviceChangeAvailable':
+        responseCallback(
+            JitsiMeetJS.mediaDevices.isDeviceChangeAvailable(
+                request.deviceType));
+        break;
+    case 'isMultipleAudioInputSupported':
+        responseCallback(JitsiMeetJS.isMultipleAudioInputSupported());
+        break;
+    case 'getCurrentDevices': // @ts-ignore
+        dispatch(getAvailableDevices()).then((devices: MediaDeviceInfo[]) => {
+            if (areDeviceLabelsInitialized(state)) {
+                const deviceDescriptions: any = {
+                    audioInput: undefined,
+                    audioOutput: undefined,
+                    videoInput: undefined
+                };
+                const currentlyUsedDeviceIds = new Set([
+                    getAudioOutputDeviceId(),
+                    settings.micDeviceId ?? getUserSelectedMicDeviceId(state),
+                    settings.cameraDeviceId ?? getUserSelectedCameraDeviceId(state)
+                ]);
+
+                devices.forEach(device => {
+                    const { deviceId, kind } = device;
+
+                    if (currentlyUsedDeviceIds.has(deviceId)) {
+                        switch (kind) {
+                        case 'audioinput':
+                            deviceDescriptions.audioInput = device;
+                            break;
+                        case 'audiooutput':
+                            deviceDescriptions.audioOutput = device;
+                            break;
+                        case 'videoinput':
+                            deviceDescriptions.videoInput = device;
+                            break;
+                        }
+                    }
+                });
+
+                responseCallback(deviceDescriptions);
+            } else {
+                // The labels are not available if the A/V permissions are
+                // not yet granted.
+                dispatch(addPendingDeviceRequest({
+                    type: 'devices',
+                    name: 'getCurrentDevices',
+                    responseCallback
+                }));
+            }
+        });
+
+        break;
+    case 'getAvailableDevices': // @ts-ignore
+        dispatch(getAvailableDevices()).then((devices: MediaDeviceInfo[]) => {
+            if (areDeviceLabelsInitialized(state)) {
+                responseCallback(groupDevicesByKind(devices));
+            } else {
+                // The labels are not available if the A/V permissions are
+                // not yet granted.
+                dispatch(addPendingDeviceRequest({
+                    type: 'devices',
+                    name: 'getAvailableDevices',
+                    responseCallback
+                }));
+            }
+        });
+
+        break;
+    case 'setDevice': {
+        const { device } = request;
+
+        if (!areDeviceLabelsInitialized(state)) {
+            dispatch(addPendingDeviceRequest({
+                type: 'devices',
+                name: 'setDevice',
+                device,
+                responseCallback
+            }));
+
+            return true;
+        }
+
+        const { label, id } = device;
+        const deviceId = label
+            ? getDeviceIdByLabel(state, device.label, device.kind)
+            : id;
+
+        if (deviceId) {
+            switch (device.kind) {
+            case 'audioinput':
+                dispatch(setAudioInputDeviceAndUpdateSettings(deviceId));
+                break;
+            case 'audiooutput':
+                dispatch(setAudioOutputDevice(deviceId));
+                break;
+            case 'videoinput':
+                dispatch(setVideoInputDeviceAndUpdateSettings(deviceId));
+                break;
+            default:
+                result = false;
+            }
+        } else {
+            result = false;
+        }
+
+        responseCallback(result);
+        break;
+    }
+    default:
+        return false;
+    }
+
+    return true;
+}
+
diff --git a/react/features/device-selection/logger.ts b/react/features/device-selection/logger.ts
new file mode 100644
index 0000000..a9dd01d
--- /dev/null
+++ b/react/features/device-selection/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:device-selection');
diff --git a/react/features/device-selection/middleware.ts b/react/features/device-selection/middleware.ts
new file mode 100644
index 0000000..d984685
--- /dev/null
+++ b/react/features/device-selection/middleware.ts
@@ -0,0 +1,24 @@
+import { UPDATE_DEVICE_LIST } from '../base/devices/actionTypes';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+
+/**
+ * Implements the middleware of the feature device-selection.
+ *
+ * @param {Store} store - Redux store.
+ * @returns {Function}
+ */
+// eslint-disable-next-line no-unused-vars
+MiddlewareRegistry.register(store => next => action => {
+    const result = next(action);
+
+    if (action.type === UPDATE_DEVICE_LIST) {
+        const state = store.getState();
+        const { availableDevices } = state['features/base/devices'] || {};
+
+        if (typeof APP !== 'undefined') {
+            APP.API.notifyDeviceListChanged(availableDevices);
+        }
+    }
+
+    return result;
+});
diff --git a/react/features/display-name/actions.ts b/react/features/display-name/actions.ts
new file mode 100644
index 0000000..199ff2b
--- /dev/null
+++ b/react/features/display-name/actions.ts
@@ -0,0 +1,21 @@
+import { openDialog } from '../base/dialog/actions';
+
+import { DisplayNamePrompt } from './components';
+
+/**
+ * Signals to open a dialog with the {@code DisplayNamePrompt} component.
+ *
+ * @param {Object} params - Map containing the callbacks to be executed in the prompt:
+ * - onPostSubmit - The function to invoke after a successful submit of the dialog.
+ * - validateInput - The function to invoke after a change in the display name value.
+ * @returns {Object}
+ */
+export function openDisplayNamePrompt({ onPostSubmit, validateInput }: {
+    onPostSubmit?: Function;
+    validateInput?: Function;
+}) {
+    return openDialog('DisplayNamePrompt', DisplayNamePrompt, {
+        onPostSubmit,
+        validateInput
+    });
+}
diff --git a/react/features/display-name/components/index.native.ts b/react/features/display-name/components/index.native.ts
new file mode 100644
index 0000000..6c2a5d2
--- /dev/null
+++ b/react/features/display-name/components/index.native.ts
@@ -0,0 +1 @@
+export { default as DisplayNamePrompt } from './native/DisplayNamePrompt';
diff --git a/react/features/display-name/components/index.web.ts b/react/features/display-name/components/index.web.ts
new file mode 100644
index 0000000..7e44e43
--- /dev/null
+++ b/react/features/display-name/components/index.web.ts
@@ -0,0 +1 @@
+export { default as DisplayNamePrompt } from './web/DisplayNamePrompt';
diff --git a/react/features/display-name/components/native/DisplayNameLabel.tsx b/react/features/display-name/components/native/DisplayNameLabel.tsx
new file mode 100644
index 0000000..82dd176
--- /dev/null
+++ b/react/features/display-name/components/native/DisplayNameLabel.tsx
@@ -0,0 +1,82 @@
+import * as React from 'react';
+import { Text, TextStyle, View, ViewStyle } from 'react-native';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import {
+    getParticipantById,
+    getParticipantDisplayName,
+    isScreenShareParticipant
+} from '../../../base/participants/functions';
+
+import styles from './styles';
+
+interface IProps {
+
+    /**
+     * The name of the participant to render.
+     */
+    _participantName: string;
+
+    /**
+     * True of the label needs to be rendered. False otherwise.
+     */
+    _render: boolean;
+
+    /**
+     * Whether or not the name is in a container.
+     */
+    contained?: boolean;
+
+    /**
+     * The ID of the participant to render the label for.
+     */
+    participantId: string;
+}
+
+/**
+ * Renders a label with the display name of the on-stage participant.
+ */
+class DisplayNameLabel extends React.Component<IProps> {
+    /**
+     * Implements {@code Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        if (!this.props._render) {
+            return null;
+        }
+
+        return (
+            <View
+                style = { (this.props.contained ? styles.displayNamePadding : styles.displayNameBackdrop
+                ) as ViewStyle }>
+                <Text
+                    numberOfLines = { 1 }
+                    style = { styles.displayNameText as TextStyle }>
+                    { this.props._participantName }
+                </Text>
+            </View>
+        );
+    }
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {any} state - The Redux state.
+ * @param {IProps} ownProps - The own props of the component.
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState, ownProps: Partial<IProps>) {
+    const participant = getParticipantById(state, ownProps.participantId ?? '');
+
+    return {
+        _participantName: getParticipantDisplayName(state, ownProps.participantId ?? ''),
+        _render: Boolean(participant && (!participant?.local || ownProps.contained)
+            && (!participant?.fakeParticipant || isScreenShareParticipant(participant)))
+    };
+}
+
+export default connect(_mapStateToProps)(DisplayNameLabel);
diff --git a/react/features/display-name/components/native/DisplayNamePrompt.tsx b/react/features/display-name/components/native/DisplayNamePrompt.tsx
new file mode 100644
index 0000000..430a32b
--- /dev/null
+++ b/react/features/display-name/components/native/DisplayNamePrompt.tsx
@@ -0,0 +1,44 @@
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+
+import InputDialog from '../../../base/dialog/components/native/InputDialog';
+import { onSetDisplayName } from '../../functions';
+import { IProps } from '../../types';
+
+/**
+ * Implements a component to render a display name prompt.
+ */
+class DisplayNamePrompt extends Component<IProps> {
+    _onSetDisplayName: (displayName: string) => boolean;
+
+    /**
+     * Initializes a new {@code DisplayNamePrompt} instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handlers so they are only bound once for every instance.
+        this._onSetDisplayName = onSetDisplayName(props.dispatch, props.onPostSubmit);
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        return (
+            <InputDialog
+                descriptionKey = 'dialog.enterDisplayName'
+                disableCancel = { true }
+                onSubmit = { this._onSetDisplayName }
+                titleKey = 'dialog.displayNameRequired'
+                validateInput = { this.props.validateInput } />
+        );
+    }
+}
+
+export default connect()(DisplayNamePrompt);
diff --git a/react/features/display-name/components/native/styles.ts b/react/features/display-name/components/native/styles.ts
new file mode 100644
index 0000000..1de449c
--- /dev/null
+++ b/react/features/display-name/components/native/styles.ts
@@ -0,0 +1,20 @@
+import BaseTheme from '../../../base/ui/components/BaseTheme.native';
+
+export default {
+    displayNameBackdrop: {
+        alignSelf: 'center',
+        backgroundColor: BaseTheme.palette.ui01,
+        borderRadius: BaseTheme.shape.borderRadius,
+        padding: 6
+    },
+
+    displayNamePadding: {
+        paddingRight: 6
+    },
+
+    displayNameText: {
+        color: BaseTheme.palette.text01,
+        fontSize: 14,
+        fontWeight: 'bold'
+    }
+};
diff --git a/react/features/display-name/components/web/DisplayName.tsx b/react/features/display-name/components/web/DisplayName.tsx
new file mode 100644
index 0000000..8e63e03
--- /dev/null
+++ b/react/features/display-name/components/web/DisplayName.tsx
@@ -0,0 +1,160 @@
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState } from '../../../app/types';
+import {
+    getParticipantById,
+    getParticipantDisplayName
+} from '../../../base/participants/functions';
+import { updateSettings } from '../../../base/settings/actions';
+import Tooltip from '../../../base/tooltip/components/Tooltip';
+import { getIndicatorsTooltipPosition } from '../../../filmstrip/functions.web';
+import { appendSuffix } from '../../functions';
+
+import { getDisplayNameColor } from './styles';
+
+/**
+ * The type of the React {@code Component} props of {@link DisplayName}.
+ */
+interface IProps {
+
+    /**
+     * Whether or not the display name should be editable on click.
+     */
+    allowEditing: boolean;
+
+    /**
+     * A string to append to the displayName, if provided.
+     */
+    displayNameSuffix: string;
+
+    /**
+     * The ID attribute to add to the component. Useful for global querying for
+     * the component by legacy components and torture tests.
+     */
+    elementID: string;
+
+    /**
+     * The ID of the participant whose name is being displayed.
+     */
+    participantID: string;
+
+    /**
+     * The type of thumbnail.
+     */
+    thumbnailType?: string;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        displayName: {
+            ...theme.typography.labelBold,
+            color: getDisplayNameColor(theme),
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap'
+        },
+
+        editDisplayName: {
+            outline: 'none',
+            border: 'none',
+            background: 'none',
+            boxShadow: 'none',
+            padding: 0,
+            ...theme.typography.labelBold,
+            color: getDisplayNameColor(theme)
+        }
+    };
+});
+
+const DisplayName = ({
+    allowEditing,
+    displayNameSuffix,
+    elementID,
+    participantID,
+    thumbnailType
+}: IProps) => {
+    const { classes } = useStyles();
+    const configuredDisplayName = useSelector((state: IReduxState) =>
+        getParticipantById(state, participantID))?.name ?? '';
+    const nameToDisplay = useSelector((state: IReduxState) => getParticipantDisplayName(state, participantID));
+    const [ editDisplayNameValue, setEditDisplayNameValue ] = useState('');
+    const [ isEditing, setIsEditing ] = useState(false);
+    const dispatch = useDispatch();
+    const { t } = useTranslation();
+    const nameInputRef = useRef<HTMLInputElement | null>(null);
+
+    useEffect(() => {
+        if (isEditing && nameInputRef.current) {
+            nameInputRef.current.select();
+        }
+    }, [ isEditing ]);
+
+    const onClick = useCallback((e: React.MouseEvent) => {
+        e.stopPropagation();
+    }, []);
+
+    const onChange = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {
+        setEditDisplayNameValue(event.target.value);
+    }, []);
+
+    const onSubmit = useCallback(() => {
+        dispatch(updateSettings({
+            displayName: editDisplayNameValue
+        }));
+
+        setEditDisplayNameValue('');
+        setIsEditing(false);
+        nameInputRef.current = null;
+    }, [ editDisplayNameValue, nameInputRef ]);
+
+    const onKeyDown = useCallback((event: React.KeyboardEvent) => {
+        if (event.key === 'Enter') {
+            onSubmit();
+        }
+    }, [ onSubmit ]);
+
+    const onStartEditing = useCallback((e: React.MouseEvent) => {
+        if (allowEditing) {
+            e.stopPropagation();
+            setIsEditing(true);
+            setEditDisplayNameValue(configuredDisplayName);
+        }
+    }, [ allowEditing ]);
+
+    if (allowEditing && isEditing) {
+        return (
+            <input
+                autoFocus = { true }
+                className = { classes.editDisplayName }
+                id = 'editDisplayName'
+                onBlur = { onSubmit }
+                onChange = { onChange }
+                onClick = { onClick }
+                onKeyDown = { onKeyDown }
+                placeholder = { t('defaultNickname') }
+                ref = { nameInputRef }
+                spellCheck = { 'false' }
+                type = 'text'
+                value = { editDisplayNameValue } />
+        );
+    }
+
+    return (
+        <Tooltip
+            content = { appendSuffix(nameToDisplay, displayNameSuffix) }
+            position = { getIndicatorsTooltipPosition(thumbnailType) }>
+            <span
+                className = { `displayname ${classes.displayName}` }
+                id = { elementID }
+                onClick = { onStartEditing }>
+                {appendSuffix(nameToDisplay, displayNameSuffix)}
+            </span>
+        </Tooltip>
+    );
+};
+
+
+export default DisplayName;
diff --git a/react/features/display-name/components/web/DisplayNameBadge.tsx b/react/features/display-name/components/web/DisplayNameBadge.tsx
new file mode 100644
index 0000000..765fb22
--- /dev/null
+++ b/react/features/display-name/components/web/DisplayNameBadge.tsx
@@ -0,0 +1,41 @@
+import React from 'react';
+import { makeStyles } from 'tss-react/mui';
+
+import { remToPixels } from '../../../base/ui/functions.any';
+
+import { DISPLAY_NAME_VERTICAL_PADDING } from './styles';
+
+const useStyles = makeStyles()(theme => {
+    const { text01 } = theme.palette;
+
+    return {
+        badge: {
+            background: 'rgba(0, 0, 0, 0.6)',
+            borderRadius: '3px',
+            color: text01,
+            maxWidth: '50%',
+            overflow: 'hidden',
+            padding: `${remToPixels(`${DISPLAY_NAME_VERTICAL_PADDING}rem`) / 2}px 16px`,
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap'
+        }
+    };
+});
+
+/**
+ * Component that displays a name badge.
+ *
+ * @param {Props} props - The props of the component.
+ * @returns {ReactElement}
+ */
+const DisplayNameBadge: React.FC<{ name: string; }> = ({ name }) => {
+    const { classes } = useStyles();
+
+    return (
+        <div className = { classes.badge }>
+            { name }
+        </div>
+    );
+};
+
+export default DisplayNameBadge;
diff --git a/react/features/display-name/components/web/DisplayNamePrompt.tsx b/react/features/display-name/components/web/DisplayNamePrompt.tsx
new file mode 100644
index 0000000..e9f0c50
--- /dev/null
+++ b/react/features/display-name/components/web/DisplayNamePrompt.tsx
@@ -0,0 +1,125 @@
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+
+import { translate } from '../../../base/i18n/functions';
+import Dialog from '../../../base/ui/components/web/Dialog';
+import Input from '../../../base/ui/components/web/Input';
+import { onSetDisplayName } from '../../functions';
+import { IProps } from '../../types';
+
+const INITIAL_DISPLAY_NAME = '';
+
+/**
+ * The type of the React {@code Component} props of {@link DisplayNamePrompt}.
+ */
+interface IState {
+
+    /**
+     * The name to show in the display name text field.
+     */
+    displayName: string;
+
+    /**
+     * The result of the input validation.
+     */
+    isValid: boolean;
+}
+
+/**
+ * Implements a React {@code Component} for displaying a dialog with an field
+ * for setting the local participant's display name.
+ *
+ * @augments Component
+ */
+class DisplayNamePrompt extends Component<IProps, IState> {
+    _onSetDisplayName: (displayName: string) => boolean;
+
+    /**
+     * Initializes a new {@code DisplayNamePrompt} instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            displayName: INITIAL_DISPLAY_NAME,
+            isValid: this.props.validateInput ? this.props.validateInput(INITIAL_DISPLAY_NAME) : true
+        };
+
+        // Bind event handlers so they are only bound once for every instance.
+        this._onDisplayNameChange = this._onDisplayNameChange.bind(this);
+        this._onSubmit = this._onSubmit.bind(this);
+        this._onSetDisplayName = onSetDisplayName(props.dispatch, props.onPostSubmit);
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const disableCloseDialog = Boolean(this.props.validateInput);
+
+        return (
+            <Dialog
+                cancel = {{ hidden: true }}
+                disableBackdropClose = { disableCloseDialog }
+                disableEnter = { !this.state.isValid }
+                disableEscape = { disableCloseDialog }
+                hideCloseButton = { disableCloseDialog }
+                ok = {{
+                    disabled: !this.state.isValid,
+                    translationKey: 'dialog.Ok'
+                }}
+                onSubmit = { this._onSubmit }
+                titleKey = 'dialog.displayNameRequired'>
+                <Input
+                    autoFocus = { true }
+                    className = 'dialog-bottom-margin'
+                    id = 'dialog-displayName'
+                    label = { this.props.t('dialog.enterDisplayName') }
+                    name = 'displayName'
+                    onChange = { this._onDisplayNameChange }
+                    type = 'text'
+                    value = { this.state.displayName } />
+            </Dialog>
+        );
+    }
+
+    /**
+     * Updates the entered display name.
+     *
+     * @param {string} value - The new value of the input.
+     * @private
+     * @returns {void}
+     */
+    _onDisplayNameChange(value: string) {
+        if (this.props.validateInput) {
+            this.setState({
+                isValid: this.props.validateInput(value),
+                displayName: value
+            });
+
+            return;
+        }
+        this.setState({
+            displayName: value
+        });
+    }
+
+    /**
+     * Dispatches an action to update the local participant's display name. A
+     * name must be entered for the action to dispatch.
+     *
+     * @private
+     * @returns {boolean}
+     */
+    _onSubmit() {
+        return this._onSetDisplayName(this.state.displayName);
+    }
+}
+
+export default translate(connect()(DisplayNamePrompt));
diff --git a/react/features/display-name/components/web/StageParticipantNameLabel.tsx b/react/features/display-name/components/web/StageParticipantNameLabel.tsx
new file mode 100644
index 0000000..67acfc8
--- /dev/null
+++ b/react/features/display-name/components/web/StageParticipantNameLabel.tsx
@@ -0,0 +1,118 @@
+import React from 'react';
+import { useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState } from '../../../app/types';
+import { getParticipantDisplayName, isScreenShareParticipant } from '../../../base/participants/functions';
+import { getVideospaceFloatingElementsBottomSpacing } from '../../../base/ui/functions.web';
+import { getLargeVideoParticipant } from '../../../large-video/functions';
+import {
+    getTransitionParamsForElementsAboveToolbox,
+    isToolboxVisible,
+    toCSSTransitionValue
+} from '../../../toolbox/functions.web';
+import { isLayoutTileView } from '../../../video-layout/functions.any';
+import { shouldDisplayStageParticipantBadge } from '../../functions';
+
+import DisplayNameBadge from './DisplayNameBadge';
+import {
+    getStageParticipantFontSizeRange,
+    getStageParticipantNameLabelLineHeight,
+    getStageParticipantTypography,
+    scaleFontProperty
+} from './styles';
+
+interface IOptions {
+    clientHeight?: number;
+}
+
+const useStyles = makeStyles<IOptions, 'screenSharing'>()((theme, options: IOptions = {}, classes) => {
+    const typography = {
+        ...getStageParticipantTypography(theme)
+    };
+    const { clientHeight } = options;
+
+    if (typeof clientHeight === 'number' && clientHeight > 0) {
+        // We want to show the fontSize and lineHeight configured in theme on a screen with height 1080px. In this case
+        // the clientHeight will be 960px if there are some titlebars, toolbars, addressbars, etc visible.For any other
+        // screen size we will decrease/increase the font size based on the screen size.
+
+        typography.fontSize = `${scaleFontProperty(clientHeight, getStageParticipantFontSizeRange(theme))}rem`;
+        typography.lineHeight = `${getStageParticipantNameLabelLineHeight(theme, clientHeight)}rem`;
+    }
+
+    const toolbarVisibleTransitionProps = getTransitionParamsForElementsAboveToolbox(true);
+    const toolbarHiddenTransitionProps = getTransitionParamsForElementsAboveToolbox(false);
+    const showTransitionDuration = toolbarVisibleTransitionProps.delay + toolbarVisibleTransitionProps.duration;
+    const hideTransitionDuration = toolbarHiddenTransitionProps.delay + toolbarHiddenTransitionProps.duration;
+    const showTransition = `opacity ${showTransitionDuration}s ${toolbarVisibleTransitionProps.easingFunction}`;
+    const hideTransition = `opacity ${hideTransitionDuration}s ${toolbarHiddenTransitionProps.easingFunction}`;
+    const moveUpTransition = `margin-bottom ${toCSSTransitionValue(toolbarVisibleTransitionProps)}`;
+    const moveDownTransition = `margin-bottom ${toCSSTransitionValue(toolbarHiddenTransitionProps)}`;
+
+    return {
+        badgeContainer: {
+            ...typography,
+            alignItems: 'center',
+            display: 'inline-flex',
+            justifyContent: 'center',
+            marginBottom: getVideospaceFloatingElementsBottomSpacing(theme, false),
+            transition: moveDownTransition,
+            pointerEvents: 'none',
+            position: 'absolute',
+            bottom: 0,
+            left: 0,
+            width: '100%',
+            zIndex: 1
+        },
+        containerElevated: {
+            marginBottom: getVideospaceFloatingElementsBottomSpacing(theme, true),
+            transition: moveUpTransition,
+            [`&.${classes.screenSharing}`]: {
+                opacity: 1,
+                transition: `${showTransition}, ${moveUpTransition}`
+            }
+        },
+        screenSharing: {
+            opacity: 0,
+            transition: `${hideTransition}, ${moveDownTransition}`
+        }
+    };
+});
+
+/**
+ * Component that renders the dominant speaker's name as a badge above the toolbar in stage view.
+ *
+ * @returns {ReactElement|null}
+ */
+const StageParticipantNameLabel = () => {
+    const clientHeight = useSelector((state: IReduxState) => state['features/base/responsive-ui'].clientHeight);
+    const { classes, cx } = useStyles({ clientHeight });
+    const largeVideoParticipant = useSelector(getLargeVideoParticipant);
+    const selectedId = largeVideoParticipant?.id;
+    const nameToDisplay = useSelector((state: IReduxState) => getParticipantDisplayName(state, selectedId ?? ''));
+    const toolboxVisible: boolean = useSelector(isToolboxVisible);
+    const visible = useSelector(shouldDisplayStageParticipantBadge);
+    const isTileView = useSelector(isLayoutTileView);
+    const _isScreenShareParticipant = isScreenShareParticipant(largeVideoParticipant);
+
+    if (visible || (_isScreenShareParticipant && !isTileView)) {
+        // For stage participant visibility is true only when the toolbar is visible but we need to keep the element
+        // in the DOM in order to make it disappear with an animation.
+        return (
+            <div
+                className = { cx(
+                    classes.badgeContainer,
+                    toolboxVisible && classes.containerElevated,
+                    _isScreenShareParticipant && classes.screenSharing
+                ) }
+                data-testid = 'stage-display-name' >
+                <DisplayNameBadge name = { nameToDisplay } />
+            </div>
+        );
+    }
+
+    return null;
+};
+
+export default StageParticipantNameLabel;
diff --git a/react/features/display-name/components/web/styles.ts b/react/features/display-name/components/web/styles.ts
new file mode 100644
index 0000000..100b121
--- /dev/null
+++ b/react/features/display-name/components/web/styles.ts
@@ -0,0 +1,139 @@
+import { Theme } from '@mui/material';
+
+/**
+ * The vertical padding for the display name.
+ */
+export const DISPLAY_NAME_VERTICAL_PADDING = 0.25;
+
+/**
+ * Returns the typography for stage participant display name badge.
+ *
+ * @param {Theme} theme - The current theme.
+ * @returns {ITypographyType}
+ */
+export function getStageParticipantTypography(theme: Theme) {
+    return theme.typography.bodyShortRegularLarge;
+}
+
+/**
+ * Returns the range of possible values for the font size for the stage participant display name badge.
+ *
+ * @param {Theme} theme - The current theme.
+ * @returns {ILimits}
+ */
+export function getStageParticipantFontSizeRange(theme: Theme) {
+    return {
+        max: theme.typography.bodyShortRegularLarge.fontSize,
+        min: theme.typography.bodyShortRegularSmall.fontSize
+    };
+}
+
+/**
+ * Returns the range of possible values for the line height for the stage participant display name badge.
+ *
+ * @param {Theme} theme - The current theme.
+ * @returns {ILimits}
+ */
+export function getStageParticipantLineHeightRange(theme: Theme) {
+    return {
+        max: theme.typography.bodyShortRegularLarge.lineHeight,
+        min: theme.typography.bodyShortRegularSmall.lineHeight
+    };
+}
+
+/**
+ * Returns the height + padding for stage participant display name badge.
+ *
+ * @param {Theme} theme - The current theme.
+ * @param {number} clientHeight - The height of the visible area.
+ * @returns {string}
+ */
+export function getStageParticipantNameLabelHeight(theme: Theme, clientHeight?: number): string {
+    const lineHeight = getStageParticipantNameLabelLineHeight(theme, clientHeight);
+
+    return `${lineHeight + DISPLAY_NAME_VERTICAL_PADDING}rem`;
+}
+
+/**
+ * Returns the height + padding for stage participant display name badge.
+ *
+ * @param {Theme} theme - The current theme.
+ * @param {number} clientHeight - The height of the visible area.
+ * @returns {number} - Value in rem units.
+ */
+export function getStageParticipantNameLabelLineHeight(theme: Theme, clientHeight?: number): number {
+    return scaleFontProperty(clientHeight, getStageParticipantLineHeightRange(theme));
+}
+
+interface ILimits {
+    max: string;
+    min: string;
+}
+
+interface INumberLimits {
+    max: number;
+    min: number;
+}
+
+/**
+ * The default clint height limits used by scaleFontProperty.
+ */
+const DEFAULT_CLIENT_HEIGHT_LIMITS = {
+    min: 300,
+    max: 960
+};
+
+/**
+ * Scales a css font property depending on the passed screen size.
+ * Note: The result will be in the range of the specified propValueLimits. Also if the current screen height is
+ * more/less than the values in screenLimits parameter the result will be the max/min of the propValuesLimits.
+ *
+ * @param {number|undefined} screenHeight - The current screen height.
+ * @param {ILimits} propValuesLimits - The max and min value for the font property that we are scaling.
+ * @param {INumberLimits} screenHeightLimits - The max and min value for screen height.
+ * @returns {number} - The scaled prop value in rem units.
+ */
+export function scaleFontProperty(
+        screenHeight: number | undefined,
+        propValuesLimits: ILimits,
+        screenHeightLimits: INumberLimits = DEFAULT_CLIENT_HEIGHT_LIMITS): number {
+    const { max: maxPropSize, min: minPropSize } = propValuesLimits;
+    const { max: maxHeight, min: minHeight } = screenHeightLimits;
+    const numericalMinRem = parseFloat(minPropSize);
+    const numericalMaxRem = parseFloat(maxPropSize);
+
+    if (typeof screenHeight !== 'number') {
+        return numericalMaxRem;
+    }
+
+    // Calculate how much the 'rem' value changes per pixel of screen height.
+    // (max 'rem' - min 'rem') / (max screen height in px - min screen height in px)
+    const propSizeRemPerPxHeight = (numericalMaxRem - numericalMinRem) / (maxHeight - minHeight);
+
+    // Clamp the screenHeight to be within the defined minHeight and maxHeight.
+    const clampedScreenHeightPx = Math.max(Math.min(screenHeight, maxHeight), minHeight);
+
+    // Calculate the scaled 'rem' value:
+    // Start with the base min 'rem' value.
+    // Add the scaled portion: (how far the current screen height is from the min height) * (rem change per pixel).
+    // (clampedScreenHeightPx - minHeigh) gives the effective height within the range.
+    const calculatedRemValue = (clampedScreenHeightPx - minHeight) * propSizeRemPerPxHeight + numericalMinRem;
+
+    return parseFloat(calculatedRemValue.toFixed(3));
+}
+
+
+/**
+ * Default text color for display name.
+ */
+export const DISPLAY_NAME_DEFAULT_COLOR = '#FFFFFF';
+
+/**
+ * Returns the text color for display name from the theme.
+ *
+ * @param {Theme} theme - The MUI theme.
+ * @returns {string} The text color.
+ */
+export const getDisplayNameColor = (theme: Theme): string =>
+    theme.palette?.text01 || DISPLAY_NAME_DEFAULT_COLOR;
+
diff --git a/react/features/display-name/functions.ts b/react/features/display-name/functions.ts
new file mode 100644
index 0000000..5c782ef
--- /dev/null
+++ b/react/features/display-name/functions.ts
@@ -0,0 +1,78 @@
+import { IReduxState, IStore } from '../app/types';
+import { isDisplayNameVisible } from '../base/config/functions.any';
+import {
+    getLocalParticipant,
+    getParticipantDisplayName,
+    isScreenShareParticipant,
+    isWhiteboardParticipant
+} from '../base/participants/functions';
+import { updateSettings } from '../base/settings/actions';
+import { getLargeVideoParticipant } from '../large-video/functions';
+import { isToolboxVisible } from '../toolbox/functions.web';
+import { isLayoutTileView } from '../video-layout/functions.any';
+
+/**
+ * Appends a suffix to the display name.
+ *
+ * @param {string} displayName - The display name.
+ * @param {string} suffix - Suffix that will be appended.
+ * @returns {string} The formatted display name.
+ */
+export function appendSuffix(displayName: string, suffix = ''): string {
+    return `${displayName || suffix}${
+        displayName && suffix && displayName !== suffix ? ` (${suffix})` : ''}`;
+}
+
+/**
+ * Dispatches an action to update the local participant's display name. A
+ * name must be entered for the action to dispatch.
+ *
+ * It returns a boolean to comply the Dialog behaviour:
+ *     {@code true} - the dialog should be closed.
+ *     {@code false} - the dialog should be left open.
+ *
+ * @param {Function} dispatch - Redux dispatch function.
+ * @param {Function} onPostSubmit - Function to be invoked after a successful display name change.
+ * @param {string} displayName - The display name to save.
+ * @returns {boolean}
+ */
+export function onSetDisplayName(dispatch: IStore['dispatch'], onPostSubmit?: Function) {
+    return function(displayName: string) {
+        if (!displayName?.trim()) {
+            return false;
+        }
+
+        // Store display name in settings
+        dispatch(updateSettings({
+            displayName
+        }));
+
+        onPostSubmit?.();
+
+        return true;
+    };
+}
+
+/**
+ * Returns true if the stage participant badge should be displayed and false otherwise.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @returns {boolean} - True if the stage participant badge should be displayed and false otherwise.
+ */
+export function shouldDisplayStageParticipantBadge(state: IReduxState) {
+    const largeVideoParticipant = getLargeVideoParticipant(state);
+    const selectedId = largeVideoParticipant?.id;
+    const nameToDisplay = getParticipantDisplayName(state, selectedId ?? '');
+    const localId = getLocalParticipant(state)?.id;
+    const isTileView = isLayoutTileView(state);
+    const toolboxVisible: boolean = isToolboxVisible(state);
+    const showDisplayName = isDisplayNameVisible(state);
+
+    return Boolean(showDisplayName
+        && nameToDisplay
+        && selectedId !== localId
+        && !isTileView
+        && !isWhiteboardParticipant(largeVideoParticipant)
+        && (!isScreenShareParticipant(largeVideoParticipant) || toolboxVisible)
+    );
+}
diff --git a/react/features/display-name/middleware.ts b/react/features/display-name/middleware.ts
new file mode 100644
index 0000000..84e40df
--- /dev/null
+++ b/react/features/display-name/middleware.ts
@@ -0,0 +1,25 @@
+import { hideDialog } from '../base/dialog/actions';
+import { isDialogOpen } from '../base/dialog/functions';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { SETTINGS_UPDATED } from '../base/settings/actionTypes';
+
+import { DisplayNamePrompt } from './components';
+
+/**
+ * Middleware that captures actions related to display name setting.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(({ dispatch, getState }) => next => action => {
+    switch (action.type) {
+    case SETTINGS_UPDATED: {
+        if (action.settings.displayName
+            && isDialogOpen(getState, DisplayNamePrompt)) {
+            dispatch(hideDialog('DisplayNamePrompt', DisplayNamePrompt));
+        }
+    }
+    }
+
+    return next(action);
+});
diff --git a/react/features/display-name/types.ts b/react/features/display-name/types.ts
new file mode 100644
index 0000000..223fc27
--- /dev/null
+++ b/react/features/display-name/types.ts
@@ -0,0 +1,25 @@
+import { WithTranslation } from 'react-i18next';
+
+import { IStore } from '../app/types';
+
+/**
+ * The type of the React {@code Component} props of
+ * {@link AbstractDisplayNamePrompt}.
+ */
+export interface IProps extends WithTranslation {
+
+    /**
+     * Invoked to update the local participant's display name.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Function to be invoked after a successful display name change.
+     */
+    onPostSubmit?: Function;
+
+    /**
+     * Function to be invoked after a display name change.
+     */
+    validateInput?: Function;
+}
diff --git a/react/features/dropbox/actionTypes.ts b/react/features/dropbox/actionTypes.ts
new file mode 100644
index 0000000..a290d8a
--- /dev/null
+++ b/react/features/dropbox/actionTypes.ts
@@ -0,0 +1,9 @@
+/**
+ * The type of (redux) action to update the dropbox access token.
+ *
+ * {
+ *     type: UPDATE_DROPBOX_TOKEN,
+ *     token: string
+ * }
+ */
+export const UPDATE_DROPBOX_TOKEN = 'UPDATE_DROPBOX_TOKEN';
diff --git a/react/features/dropbox/actions.ts b/react/features/dropbox/actions.ts
new file mode 100644
index 0000000..f700e3a
--- /dev/null
+++ b/react/features/dropbox/actions.ts
@@ -0,0 +1,56 @@
+import { IStore } from '../app/types';
+
+import { UPDATE_DROPBOX_TOKEN } from './actionTypes';
+import { _authorizeDropbox } from './functions';
+import logger from './logger';
+
+/**
+ * Action to authorize the Jitsi Recording app in dropbox.
+ *
+ * @returns {Function}
+ */
+export function authorizeDropbox() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const { locationURL } = state['features/base/connection'];
+        const { dropbox = { appKey: '',
+            redirectURI: undefined } } = state['features/base/config'];
+
+        // By default we use the static page on the main domain for redirection.
+        // So we need to setup only one redirect URI in dropbox app
+        // configuration (not multiple for all the tenants).
+        // In case deployment is running in subfolder dropbox.redirectURI
+        // can be configured.
+        const redirectURI
+            = dropbox.redirectURI || `${locationURL?.origin}/static/oauth.html`;
+
+        _authorizeDropbox(dropbox.appKey, redirectURI)
+            .then(
+                ({ token, rToken, expireDate }) => {
+                    dispatch(updateDropboxToken(token, rToken, expireDate));
+                })
+            .catch(error => logger.log('Cannot authorize dropbox', error));
+    };
+}
+
+/**
+ * Action to update the dropbox access token.
+ *
+ * @param {string} token - The new token.
+ * @param {string} rToken - The refresh token.
+ * @param {number} expireDate - The token expiration date as UNIX timestamp.
+ * @returns {{
+ *     type: UPDATE_DROPBOX_TOKEN,
+ *     token: string,
+ *     rToken: string,
+ *     expireDate: number
+ * }}
+ */
+export function updateDropboxToken(token?: string, rToken?: string, expireDate?: number) {
+    return {
+        type: UPDATE_DROPBOX_TOKEN,
+        token,
+        rToken,
+        expireDate
+    };
+}
diff --git a/react/features/dropbox/functions.any.ts b/react/features/dropbox/functions.any.ts
new file mode 100644
index 0000000..b6ea2da
--- /dev/null
+++ b/react/features/dropbox/functions.any.ts
@@ -0,0 +1,48 @@
+export * from './functions';
+
+import { getDisplayName, getSpaceUsage } from './functions';
+import logger from './logger';
+
+/**
+ * Information related to the user's dropbox account.
+ */
+type DropboxUserData = {
+
+    /**
+     * The available space left in MB into the user's Dropbox account.
+     */
+    spaceLeft: number;
+
+    /**
+     * The display name of the user in Dropbox.
+     */
+    userName: string;
+};
+
+/**
+ * Fetches information about the user's dropbox account.
+ *
+ * @param {string} token - The dropbox access token.
+ * @param {string} appKey - The Jitsi Recorder dropbox app key.
+ * @returns {Promise<DropboxUserData|undefined>}
+ */
+export function getDropboxData(
+        token: string,
+        appKey: string
+): Promise<DropboxUserData | undefined> {
+    return Promise.all(
+        [ getDisplayName(token, appKey), getSpaceUsage(token, appKey) ]
+    ).then(([ userName, space ]) => {
+        const { allocated, used } = space;
+
+        return {
+            userName,
+            spaceLeft: Math.floor((allocated - used) / 1048576)// 1MiB=1048576B
+        };
+
+    }, error => {
+        logger.error(error);
+
+        return undefined;
+    });
+}
diff --git a/react/features/dropbox/functions.native.ts b/react/features/dropbox/functions.native.ts
new file mode 100644
index 0000000..1c4c3a5
--- /dev/null
+++ b/react/features/dropbox/functions.native.ts
@@ -0,0 +1,74 @@
+import { NativeModules } from 'react-native';
+
+import { IReduxState } from '../app/types';
+import { setPictureInPictureEnabled } from '../mobile/picture-in-picture/functions';
+
+const { Dropbox } = NativeModules;
+
+/**
+ * Action to authorize the Jitsi Recording app in dropbox.
+ *
+ * @param {any} _appKey - Used on web.
+ * @param {any} _redirectURI - Used on web.
+ * @returns {Promise<Object>} - The promise will be resolved with the dropbox
+ * access token or rejected with an error.
+ */
+export async function _authorizeDropbox(_appKey?: any, _redirectURI?: any): Promise<any> {
+    setPictureInPictureEnabled(false);
+
+    try {
+        return await Dropbox.authorize();
+    } finally {
+        setPictureInPictureEnabled(true);
+    }
+}
+
+/**
+ * Gets a new access token based on the refresh token.
+ *
+ * @param {string} _appKey - The dropbox appKey.
+ * @param {string} _rToken - The refresh token.
+ * @returns {Promise}
+ */
+export function getNewAccessToken(_appKey: string, _rToken: string) {
+    return _authorizeDropbox();
+}
+
+/**
+ * Returns the display name for the current dropbox account.
+ *
+ * @param {string} token - The dropbox access token.
+ * @param {any} _appKey - Used on web.
+ * @returns {Promise<string>} - The promise will be resolved with the display
+ * name or rejected with an error.
+ */
+export function getDisplayName(token: string, _appKey?: any) {
+    return Dropbox.getDisplayName(token);
+}
+
+/**
+ * Returns information about the space usage for the current dropbox account.
+ *
+ * @param {string} token - The dropbox access token.
+ * @param {any} _appKey - Used on web.
+ * @returns {Promise<{ used: number, allocated: number}>} - The promise will be
+ * resolved with the object with information about the space usage (the used
+ * space and the allocated space) for the current dropbox account or rejected
+ * with an error.
+ */
+export function getSpaceUsage(token: string, _appKey?: any) {
+    return Dropbox.getSpaceUsage(token);
+}
+
+/**
+ * Returns <tt>true</tt> if the dropbox features is enabled and <tt>false</tt>
+ * otherwise.
+ *
+ * @param {Object} state - The redux state.
+ * @returns {boolean}
+ */
+export function isEnabled(state: IReduxState) {
+    const { dropbox = { appKey: undefined } } = state['features/base/config'];
+
+    return Boolean(Dropbox?.ENABLED && typeof dropbox.appKey === 'string');
+}
diff --git a/react/features/dropbox/functions.web.ts b/react/features/dropbox/functions.web.ts
new file mode 100644
index 0000000..b7f0135
--- /dev/null
+++ b/react/features/dropbox/functions.web.ts
@@ -0,0 +1,152 @@
+import { Dropbox, DropboxAuth } from 'dropbox';
+
+import { IReduxState } from '../app/types';
+
+/**
+ * Executes the oauth flow.
+ *
+ * @param {string} authUrl - The URL to oauth service.
+ * @returns {Promise<string>} - The URL with the authorization details.
+ */
+function authorize(authUrl: string): Promise<string> {
+    const windowName = `oauth${Date.now()}`;
+
+    return new Promise(resolve => {
+        // eslint-disable-next-line prefer-const
+        let popup: any;
+        const handleAuth = ({ data }: { data: { type: string; url: string; windowName: string; }; }) => {
+            if (data && data.type === 'dropbox-login' && data.windowName === windowName) {
+                if (popup) {
+                    popup.close();
+                }
+                window.removeEventListener('message', handleAuth);
+                resolve(data.url);
+            }
+        };
+
+        window.addEventListener('message', handleAuth);
+        popup = window.open(authUrl, windowName);
+    });
+}
+
+/**
+ * Returns the token's expiry date as UNIX timestamp.
+ *
+ * @param {number} expiresIn - The seconds in which the token expires.
+ * @returns {number} - The timestamp value for the expiry date.
+ */
+function getTokenExpiresAtTimestamp(expiresIn: number) {
+    return new Date(Date.now() + (expiresIn * 1000)).getTime();
+}
+
+/**
+ * Action to authorize the Jitsi Recording app in dropbox.
+ *
+ * @param {string} appKey - The Jitsi Recorder dropbox app key.
+ * @param {string} redirectURI - The return URL.
+ * @returns {Promise<Object>}
+ */
+export function _authorizeDropbox(
+        appKey: string,
+        redirectURI: string
+): Promise<any> {
+    const dropbox = new DropboxAuth({ clientId: appKey });
+
+    return dropbox.getAuthenticationUrl(redirectURI, undefined, 'code', 'offline', undefined, undefined, true)
+
+        // @ts-ignore
+        .then(authorize)
+        .then(returnUrl => {
+            const params = new URLSearchParams(new URL(returnUrl).search);
+            const code = params.get('code');
+
+            return dropbox.getAccessTokenFromCode(redirectURI, code ?? '');
+        })
+        .then((resp: any) => {
+            return {
+                token: resp.result.access_token,
+                rToken: resp.result.refresh_token,
+                expireDate: getTokenExpiresAtTimestamp(resp.result.expires_in)
+            };
+        });
+}
+
+
+/**
+ * Gets a new access token based on the refresh token.
+ *
+ * @param {string} appKey - The dropbox appKey.
+ * @param {string} rToken - The refresh token.
+ * @returns {Promise}
+ */
+export function getNewAccessToken(appKey: string, rToken: string) {
+    const dropbox = new DropboxAuth({ clientId: appKey });
+
+    dropbox.setRefreshToken(rToken);
+
+    return dropbox.refreshAccessToken() // @ts-ignore
+        .then(() => {
+            return {
+                token: dropbox.getAccessToken(),
+                rToken: dropbox.getRefreshToken(),
+                expireDate: dropbox.getAccessTokenExpiresAt().getTime()
+            };
+        });
+}
+
+/**
+ * Returns the display name for the current dropbox account.
+ *
+ * @param {string} token - The dropbox access token.
+ * @param {string} appKey - The Jitsi Recorder dropbox app key.
+ * @returns {Promise<string>}
+ */
+export function getDisplayName(token: string, appKey: string) {
+    const dropboxAPI = new Dropbox({
+        accessToken: token,
+        clientId: appKey
+    });
+
+    return (
+        dropboxAPI.usersGetCurrentAccount()
+            .then(account => account.result.name.display_name));
+}
+
+/**
+ * Returns information about the space usage for the current dropbox account.
+ *
+ * @param {string} token - The dropbox access token.
+ * @param {string} appKey - The Jitsi Recorder dropbox app key.
+ * @returns {Promise<Object>}
+ */
+export function getSpaceUsage(token: string, appKey: string) {
+    const dropboxAPI = new Dropbox({
+        accessToken: token,
+        clientId: appKey
+    });
+
+    return dropboxAPI.usersGetSpaceUsage().then(space => {
+        const { allocation, used } = space.result;
+
+        // @ts-ignore
+        const { allocated } = allocation;
+
+        return {
+            allocated,
+            used
+        };
+    });
+}
+
+/**
+ * Returns <tt>true</tt> if the dropbox features is enabled and <tt>false</tt>
+ * otherwise.
+ *
+ * @param {Object} state - The redux state.
+ * @returns {boolean}
+ */
+export function isEnabled(state: IReduxState) {
+    const { dropbox = { appKey: undefined } } = state['features/base/config'];
+
+    return typeof dropbox.appKey === 'string';
+}
diff --git a/react/features/dropbox/logger.ts b/react/features/dropbox/logger.ts
new file mode 100644
index 0000000..f1f4947
--- /dev/null
+++ b/react/features/dropbox/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:dropbox');
diff --git a/react/features/dropbox/reducer.ts b/react/features/dropbox/reducer.ts
new file mode 100644
index 0000000..2a5e020
--- /dev/null
+++ b/react/features/dropbox/reducer.ts
@@ -0,0 +1,34 @@
+import PersistenceRegistry from '../base/redux/PersistenceRegistry';
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import { UPDATE_DROPBOX_TOKEN } from './actionTypes';
+
+/**
+ * The redux subtree of this feature.
+ */
+const STORE_NAME = 'features/dropbox';
+
+export interface IDropboxState {
+    expireDate?: number;
+    rToken?: string;
+    token?: string;
+}
+
+/**
+ * Sets up the persistence of the feature {@code dropbox}.
+ */
+PersistenceRegistry.register(STORE_NAME);
+
+ReducerRegistry.register<IDropboxState>(STORE_NAME, (state = {}, action): IDropboxState => {
+    switch (action.type) {
+    case UPDATE_DROPBOX_TOKEN:
+        return {
+            ...state,
+            token: action.token,
+            rToken: action.rToken,
+            expireDate: action.expireDate
+        };
+    default:
+        return state;
+    }
+});
diff --git a/react/features/dynamic-branding/actionTypes.ts b/react/features/dynamic-branding/actionTypes.ts
new file mode 100644
index 0000000..d54a663
--- /dev/null
+++ b/react/features/dynamic-branding/actionTypes.ts
@@ -0,0 +1,19 @@
+/**
+ * Action used to set custom user properties.
+ */
+export const SET_DYNAMIC_BRANDING_DATA = 'SET_DYNAMIC_BRANDING_DATA';
+
+/**
+ * Action used to signal the customization failed.
+ */
+export const SET_DYNAMIC_BRANDING_FAILED = 'SET_DYNAMIC_BRANDING_FAILED';
+
+/**
+ * Action used to signal the branding elements are ready to be displayed
+ */
+export const SET_DYNAMIC_BRANDING_READY = 'SET_DYNAMIC_BRANDING_READY';
+
+/**
+ * Action used to unset branding elements
+ */
+export const UNSET_DYNAMIC_BRANDING = 'UNSET_DYNAMIC_BRANDING';
diff --git a/react/features/dynamic-branding/actions.any.ts b/react/features/dynamic-branding/actions.any.ts
new file mode 100644
index 0000000..79fedcd
--- /dev/null
+++ b/react/features/dynamic-branding/actions.any.ts
@@ -0,0 +1,78 @@
+import { IStore } from '../app/types';
+import { doGetJSON } from '../base/util/httpUtils';
+
+import {
+    SET_DYNAMIC_BRANDING_DATA,
+    SET_DYNAMIC_BRANDING_FAILED,
+    SET_DYNAMIC_BRANDING_READY
+} from './actionTypes';
+import { getDynamicBrandingUrl } from './functions.any';
+import logger from './logger';
+
+
+/**
+ * Fetches custom branding data.
+ * If there is no data or the request fails, sets the `customizationReady` flag
+ * so the defaults can be displayed.
+ *
+ * @returns {Function}
+ */
+export function fetchCustomBrandingData() {
+    return async function(dispatch: IStore['dispatch'], getState: IStore['getState']) {
+        const state = getState();
+        const { customizationReady } = state['features/dynamic-branding'];
+
+        if (!customizationReady) {
+            const url = await getDynamicBrandingUrl(state);
+
+            if (url) {
+                try {
+                    const res = await doGetJSON(url);
+
+                    return dispatch(setDynamicBrandingData(res));
+                } catch (err) {
+                    logger.error('Error fetching branding data', err);
+
+                    return dispatch(setDynamicBrandingFailed());
+                }
+            }
+
+            dispatch(setDynamicBrandingReady());
+        }
+    };
+}
+
+/**
+ * Action used to set the user customizations.
+ *
+ * @param {Object} value - The custom data to be set.
+ * @returns {Object}
+ */
+export function setDynamicBrandingData(value: Object) {
+    return {
+        type: SET_DYNAMIC_BRANDING_DATA,
+        value
+    };
+}
+
+/**
+ * Action used to signal the branding elements are ready to be displayed.
+ *
+ * @returns {Object}
+ */
+export function setDynamicBrandingReady() {
+    return {
+        type: SET_DYNAMIC_BRANDING_READY
+    };
+}
+
+/**
+ * Action used to signal the branding request failed.
+ *
+ * @returns {Object}
+ */
+export function setDynamicBrandingFailed() {
+    return {
+        type: SET_DYNAMIC_BRANDING_FAILED
+    };
+}
diff --git a/react/features/dynamic-branding/actions.native.ts b/react/features/dynamic-branding/actions.native.ts
new file mode 100644
index 0000000..6d7cfa7
--- /dev/null
+++ b/react/features/dynamic-branding/actions.native.ts
@@ -0,0 +1,56 @@
+import { IStore } from '../app/types';
+import { doGetJSON } from '../base/util/httpUtils';
+
+import { UNSET_DYNAMIC_BRANDING } from './actionTypes';
+import {
+    setDynamicBrandingData,
+    setDynamicBrandingFailed,
+    setDynamicBrandingReady
+} from './actions.any';
+import { getDynamicBrandingUrl } from './functions.any';
+import logger from './logger';
+
+
+/**
+ * Fetches custom branding data.
+ * If there is no data or the request fails, sets the `customizationReady` flag
+ * so the defaults can be displayed.
+ *
+ * @returns {Function}
+ */
+export function fetchCustomBrandingData() {
+    return async function(dispatch: IStore['dispatch'], getState: IStore['getState']) {
+        const state = getState();
+        const dynamicBrandingUrl = await getDynamicBrandingUrl(state);
+
+        if (dynamicBrandingUrl) {
+            try {
+                return dispatch(
+                    setDynamicBrandingData(
+                    await doGetJSON(dynamicBrandingUrl))
+                );
+            } catch (err) {
+                logger.error('Error fetching branding data', err);
+
+                return dispatch(
+                    setDynamicBrandingFailed()
+                );
+            }
+        } else {
+            dispatch(unsetDynamicBranding());
+        }
+
+        dispatch(setDynamicBrandingReady());
+    };
+}
+
+/**
+ * Action used to unset branding elements.
+ *
+ * @returns {Object}
+ */
+export function unsetDynamicBranding() {
+    return {
+        type: UNSET_DYNAMIC_BRANDING
+    };
+}
diff --git a/react/features/dynamic-branding/components/native/BrandingImageBackground.tsx b/react/features/dynamic-branding/components/native/BrandingImageBackground.tsx
new file mode 100644
index 0000000..7400499
--- /dev/null
+++ b/react/features/dynamic-branding/components/native/BrandingImageBackground.tsx
@@ -0,0 +1,76 @@
+import React from 'react';
+import { Image, ImageStyle, StyleProp, ViewStyle } from 'react-native';
+import { SvgUri } from 'react-native-svg';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+
+import styles from './styles';
+
+
+interface IProps {
+    uri?: string;
+}
+
+/**
+ * Component that displays a branding background image.
+ *
+ * @param {IProps} props - The props of the component.
+ * @returns {ReactElement}
+ */
+const BrandingImageBackground: React.FC<IProps> = ({ uri }: IProps) => {
+    const imageType = uri?.substr(uri.lastIndexOf('/') + 1);
+    const imgSrc = uri ? uri : undefined;
+
+    let backgroundImage;
+
+    if (!uri) {
+        return null;
+    }
+
+    if (imageType?.includes('.svg')) {
+        backgroundImage
+            = (
+                <SvgUri
+                    height = '100%'
+
+                    // Force uniform scaling.
+                    // Align the <min-x> of the element's viewBox
+                    // with the smallest X value of the viewport.
+                    // Align the <min-y> of the element's viewBox
+                    // with the smallest Y value of the viewport.
+                    preserveAspectRatio = 'xMinYMin'
+                    style = { styles.brandingImageBackgroundSvg as StyleProp<ViewStyle> }
+                    uri = { imgSrc ?? null }
+                    viewBox = '0 0 400 650'
+                    width = '100%' />
+            );
+    } else {
+        backgroundImage
+            = (
+                <Image
+                    source = {{ uri: imgSrc }}
+                    style = { styles.brandingImageBackground as StyleProp<ImageStyle> } />
+            );
+    }
+
+    return backgroundImage;
+};
+
+/**
+ * Maps (parts of) the Redux state to the associated props for the
+ * {@code DialInLink} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const { backgroundImageUrl } = state['features/dynamic-branding'];
+
+    return {
+        uri: backgroundImageUrl
+    };
+}
+
+export default connect(_mapStateToProps)(BrandingImageBackground);
diff --git a/react/features/dynamic-branding/components/native/styles.ts b/react/features/dynamic-branding/components/native/styles.ts
new file mode 100644
index 0000000..8776bc4
--- /dev/null
+++ b/react/features/dynamic-branding/components/native/styles.ts
@@ -0,0 +1,15 @@
+export default {
+
+    /**
+     * {@code BrandingImageBackground} Style.
+     */
+    brandingImageBackgroundSvg: {
+        position: 'absolute'
+    },
+
+    brandingImageBackground: {
+        height: '100%',
+        position: 'absolute',
+        width: '100%'
+    }
+};
diff --git a/react/features/dynamic-branding/functions.any.ts b/react/features/dynamic-branding/functions.any.ts
new file mode 100644
index 0000000..e7544ad
--- /dev/null
+++ b/react/features/dynamic-branding/functions.any.ts
@@ -0,0 +1,96 @@
+import { IReduxState } from '../app/types';
+import { IStateful } from '../base/app/types';
+import { toState } from '../base/redux/functions';
+
+import { cleanSvg } from './functions';
+import logger from './logger';
+
+/**
+ * Extracts the fqn part from a path, where fqn represents
+ * tenant/roomName.
+ *
+ * @param {Object} state - A redux state.
+ * @returns {string}
+ */
+export function extractFqnFromPath(state?: IReduxState) {
+    let pathname;
+
+    if (window.location.pathname) {
+        pathname = window.location.pathname;
+    } else if (state?.['features/base/connection']) {
+        pathname = state['features/base/connection'].locationURL?.pathname ?? '';
+    } else {
+        return '';
+    }
+
+    const parts = pathname.split('/');
+    const len = parts.length;
+
+    return parts.length > 2 ? `${parts[len - 2]}/${parts[len - 1]}` : parts[1];
+}
+
+/**
+ * Returns the url used for fetching dynamic branding.
+ *
+ * @param {Object | Function} stateful - The redux store, state, or
+ * {@code getState} function.
+ * @returns {string}
+ */
+export async function getDynamicBrandingUrl(stateful: IStateful) {
+    const state = toState(stateful);
+
+    // NB: On web this is dispatched really early, before the config has been stored in the
+    // state. Thus, fetch it from the window global.
+    const config
+        = navigator.product === 'ReactNative' ? state['features/base/config'] : window.config;
+    const { dynamicBrandingUrl } = config;
+
+    if (dynamicBrandingUrl) {
+        return dynamicBrandingUrl;
+    }
+
+    const { brandingDataUrl: baseUrl } = config;
+    const fqn = extractFqnFromPath(state);
+
+    if (baseUrl && fqn) {
+        return `${baseUrl}?conferenceFqn=${encodeURIComponent(fqn)}`;
+    }
+}
+
+/**
+ * Selector used for getting the load state of the dynamic branding data.
+ *
+ * @param {Object} state - Global state of the app.
+ * @returns {boolean}
+ */
+export function isDynamicBrandingDataLoaded(state: IReduxState) {
+    return state['features/dynamic-branding'].customizationReady;
+}
+
+/**
+ * Fetch SVG XMLs from branding icons urls.
+ *
+ * @param {Object} customIcons - The map of branded icons.
+ * @returns {Object}
+ */
+export const fetchCustomIcons = async (customIcons: Record<string, string>) => {
+    const localCustomIcons: Record<string, string> = {};
+
+    for (const [ key, url ] of Object.entries(customIcons)) {
+        try {
+            const response = await fetch(url);
+
+            if (response.ok) {
+                const svgXml = await response.text();
+
+                localCustomIcons[key] = cleanSvg(svgXml);
+            } else {
+                logger.error(`Failed to fetch ${url}. Status: ${response.status}`);
+            }
+        } catch (error) {
+            logger.error(`Error fetching ${url}:`, error);
+        }
+    }
+
+    return localCustomIcons;
+};
diff --git a/react/features/dynamic-branding/functions.native.ts b/react/features/dynamic-branding/functions.native.ts
new file mode 100644
index 0000000..c6866ce
--- /dev/null
+++ b/react/features/dynamic-branding/functions.native.ts
@@ -0,0 +1,9 @@
+/**
+ * Sanitizes the given SVG by removing dangerous elements.
+ *
+ * @param {string} svg - The SVG string to clean.
+ * @returns {string} The sanitized SVG string.
+ */
+export function cleanSvg(svg: string): string {
+    return svg;
+}
diff --git a/react/features/dynamic-branding/functions.web.ts b/react/features/dynamic-branding/functions.web.ts
new file mode 100644
index 0000000..338ca97
--- /dev/null
+++ b/react/features/dynamic-branding/functions.web.ts
@@ -0,0 +1,127 @@
+import { Theme } from '@mui/material';
+import { adaptV4Theme, createTheme } from '@mui/material/styles';
+import DOMPurify from 'dompurify';
+
+import { breakpoints, colorMap, font, shape, spacing, typography } from '../base/ui/Tokens';
+import { createColorTokens } from '../base/ui/utils';
+
+const DEFAULT_FONT_SIZE = 16;
+
+/**
+ * Sanitizes the given SVG by removing dangerous elements.
+ *
+ * @param {string} svg - The SVG string to clean.
+ * @returns {string} The sanitized SVG string.
+ */
+export function cleanSvg(svg: string): string {
+    return DOMPurify.sanitize(svg);
+}
+
+/**
+ * Converts unitless fontSize and lineHeight values in a typography style object to rem units.
+ * Backward compatibility: This conversion supports custom themes that may still override
+ * typography values with numeric (pixel-based) values instead of rem strings.
+ *
+ * @param {Object} style - The typography style object to convert.
+ * @returns {void}
+ */
+function convertTypographyToRem(style: any): void {
+    if (style) {
+        // Support for backward compatibility with numeric font size overrides
+        if (typeof style.fontSize === 'number') {
+            style.fontSize = `${style.fontSize / DEFAULT_FONT_SIZE}rem`;
+        }
+        // Support for backward compatibility with numeric line height overrides
+        if (typeof style.lineHeight === 'number') {
+            style.lineHeight = `${style.lineHeight / DEFAULT_FONT_SIZE}rem`;
+        }
+    }
+}
+
+/**
+ * Creates MUI branding theme based on the custom theme json.
+ *
+ * @param {Object} customTheme - The branded custom theme.
+ * @returns {Object} - The MUI theme.
+ */
+export function createMuiBrandingTheme(customTheme: Theme) {
+    const {
+        palette: customPalette,
+        shape: customShape,
+        typography: customTypography,
+        breakpoints: customBreakpoints,
+        spacing: customSpacing
+    } = customTheme;
+
+    const newPalette = createColorTokens(colorMap);
+
+    if (customPalette) {
+        overwriteRecurrsive(newPalette, customPalette);
+    }
+
+    const newShape = { ...shape };
+
+    if (customShape) {
+        overwriteRecurrsive(newShape, customShape);
+    }
+
+    const newTypography = {
+        font: { ...font },
+        ...typography
+    };
+
+    if (customTypography) {
+        overwriteRecurrsive(newTypography, customTypography);
+
+        // Convert typography values to rem units in case some of the overrides are using the legacy unitless format.
+        // Note: We do the conversion onlt when we do have custom typography overrides. All other values are already in rem.
+        for (const variant of Object.keys(newTypography)) {
+            convertTypographyToRem((newTypography as Record<string, any>)[variant]);
+        }
+    }
+
+    const newBreakpoints = { ...breakpoints };
+
+    if (customBreakpoints) {
+        overwriteRecurrsive(newBreakpoints, customBreakpoints);
+    }
+
+    let newSpacing: any = [ ...spacing ];
+
+    if (customSpacing?.length) {
+        newSpacing = customSpacing;
+    }
+
+    return createTheme(adaptV4Theme({
+        spacing: newSpacing,
+        palette: newPalette,
+        shape: newShape,
+
+        // @ts-ignore
+        typography: newTypography,
+
+        // @ts-ignore
+        breakpoints: newBreakpoints
+    }));
+}
+
+/**
+* Overwrites recursively values from object 2 into object 1 based on common keys.
+* (Merges object2 into object1).
+*
+* @param {Object} obj1 - The object holding the merged values.
+* @param {Object} obj2 - The object to compare to and take values from.
+* @returns {void}
+*/
+function overwriteRecurrsive(obj1: Object, obj2: Object) {
+    Object.keys(obj2).forEach(key => {
+        if (obj1.hasOwnProperty(key)) {
+            if (typeof obj1[key as keyof typeof obj1] === 'object') {
+                overwriteRecurrsive(obj1[key as keyof typeof obj1], obj2[key as keyof typeof obj2]);
+            } else {
+                // @ts-ignore
+                obj1[key] = obj2[key];
+            }
+        }
+    });
+}
diff --git a/react/features/dynamic-branding/logger.ts b/react/features/dynamic-branding/logger.ts
new file mode 100644
index 0000000..d2b4dbd
--- /dev/null
+++ b/react/features/dynamic-branding/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:dynamic-branding');
diff --git a/react/features/dynamic-branding/middleware.any.ts b/react/features/dynamic-branding/middleware.any.ts
new file mode 100644
index 0000000..02e14ca
--- /dev/null
+++ b/react/features/dynamic-branding/middleware.any.ts
@@ -0,0 +1,103 @@
+import { IStateful } from '../base/app/types';
+import { getCurrentConference } from '../base/conference/functions';
+import { PARTICIPANT_ROLE_CHANGED } from '../base/participants/actionTypes';
+import { PARTICIPANT_ROLE } from '../base/participants/constants';
+import { getLocalParticipant, isLocalParticipantModerator } from '../base/participants/functions';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { toState } from '../base/redux/functions';
+
+import { SET_DYNAMIC_BRANDING_DATA, SET_DYNAMIC_BRANDING_READY } from './actionTypes';
+import { fetchCustomIcons } from './functions.any';
+import logger from './logger';
+
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case SET_DYNAMIC_BRANDING_DATA: {
+        const { customIcons } = action.value;
+
+        if (customIcons) {
+            fetchCustomIcons(customIcons)
+                .then(localCustomIcons => {
+                    action.value.brandedIcons = localCustomIcons;
+
+                    return next(action);
+                })
+                .catch((error: any) => {
+                    logger.error('Error fetching branded custom icons:', error);
+                });
+        }
+
+        break;
+    }
+
+    case PARTICIPANT_ROLE_CHANGED: {
+        const state = store.getState();
+        const localParticipant = getLocalParticipant(state);
+
+        if (localParticipant?.id !== action.participant.id
+            && action.participant.role !== PARTICIPANT_ROLE.MODERATOR) {
+            break;
+        }
+
+        maybeUpdatePermissions(state);
+
+        break;
+    }
+
+    case SET_DYNAMIC_BRANDING_READY: {
+        const state = store.getState();
+
+        if (!isLocalParticipantModerator(state)) {
+            break;
+        }
+
+        maybeUpdatePermissions(state);
+
+        break;
+    }
+    }
+
+    return next(action);
+});
+
+/**
+ * Updates the permissions metadata for the current conference if the local participant is a moderator.
+ *
+ * @param {Object|Function} stateful - Object or function that can be resolved
+ * to the Redux state.
+ * @returns {void}
+ */
+function maybeUpdatePermissions(stateful: IStateful): void {
+    const {
+        groupChatRequiresPermission,
+        pollCreationRequiresPermission
+    } = toState(stateful)['features/dynamic-branding'];
+
+    if (groupChatRequiresPermission || pollCreationRequiresPermission) {
+        const conference = getCurrentConference(stateful);
+
+        if (!conference) {
+            return;
+        }
+
+        const permissions: {
+            groupChatRestricted?: boolean;
+            pollCreationRestricted?: boolean;
+        } = conference.getMetadataHandler().getMetadata().permissions || {};
+        let sendUpdate = false;
+
+        if (groupChatRequiresPermission && !permissions.groupChatRestricted) {
+            permissions.groupChatRestricted = true;
+            sendUpdate = true;
+        }
+
+        if (pollCreationRequiresPermission && !permissions.pollCreationRestricted) {
+            permissions.pollCreationRestricted = true;
+            sendUpdate = true;
+        }
+
+        if (sendUpdate) {
+            conference.getMetadataHandler().setMetadata('permissions', permissions);
+        }
+    }
+}
diff --git a/react/features/dynamic-branding/middleware.native.ts b/react/features/dynamic-branding/middleware.native.ts
new file mode 100644
index 0000000..71088b7
--- /dev/null
+++ b/react/features/dynamic-branding/middleware.native.ts
@@ -0,0 +1,35 @@
+import { SET_CONFIG } from '../base/config/actionTypes';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+
+import { SET_DYNAMIC_BRANDING_DATA } from './actionTypes';
+import { fetchCustomBrandingData } from './actions.native';
+
+import './middleware.any';
+
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case SET_CONFIG: {
+        const result = next(action);
+
+        store.dispatch(fetchCustomBrandingData());
+
+        return result;
+    }
+
+    case SET_DYNAMIC_BRANDING_DATA: {
+        const { avatarBackgrounds = [] } = action.value;
+
+        // The backend may send an empty string, make sure we skip that.
+        if (Array.isArray(avatarBackgrounds)) {
+            // TODO: implement support for gradients.
+            action.value.avatarBackgrounds = avatarBackgrounds.filter(
+                (color: string) => !color.includes('linear-gradient')
+            );
+        }
+
+        break;
+    }
+    }
+
+    return next(action);
+});
diff --git a/react/features/dynamic-branding/middleware.web.ts b/react/features/dynamic-branding/middleware.web.ts
new file mode 100644
index 0000000..79b8b84
--- /dev/null
+++ b/react/features/dynamic-branding/middleware.web.ts
@@ -0,0 +1,27 @@
+import { APP_WILL_MOUNT } from '../base/app/actionTypes';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+
+import { SET_DYNAMIC_BRANDING_DATA } from './actionTypes';
+import { fetchCustomBrandingData } from './actions.any';
+import { createMuiBrandingTheme } from './functions.web';
+
+import './middleware.any';
+
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case APP_WILL_MOUNT: {
+
+        store.dispatch(fetchCustomBrandingData());
+        break;
+    }
+    case SET_DYNAMIC_BRANDING_DATA: {
+        const { customTheme } = action.value;
+
+        if (customTheme) {
+            action.value.muiBrandedTheme = createMuiBrandingTheme(customTheme);
+        }
+    }
+    }
+
+    return next(action);
+});
diff --git a/react/features/dynamic-branding/reducer.ts b/react/features/dynamic-branding/reducer.ts
new file mode 100644
index 0000000..655aeb7
--- /dev/null
+++ b/react/features/dynamic-branding/reducer.ts
@@ -0,0 +1,290 @@
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+import { type Image } from '../virtual-background/constants';
+
+import {
+    SET_DYNAMIC_BRANDING_DATA,
+    SET_DYNAMIC_BRANDING_FAILED,
+    SET_DYNAMIC_BRANDING_READY,
+    UNSET_DYNAMIC_BRANDING
+} from './actionTypes';
+
+
+/**
+ * The name of the redux store/state property which is the root of the redux
+ * state of the feature {@code dynamic-branding}.
+ */
+const STORE_NAME = 'features/dynamic-branding';
+
+const DEFAULT_STATE = {
+
+    /**
+     * The pool of avatar backgrounds.
+     *
+     * @public
+     * @type {Array<string>}
+     */
+    avatarBackgrounds: [],
+
+    /**
+     * The custom background color for the LargeVideo.
+     *
+     * @public
+     * @type {string}
+     */
+    backgroundColor: '',
+
+    /**
+     * The custom background image used on the LargeVideo.
+     *
+     * @public
+     * @type {string}
+     */
+    backgroundImageUrl: '',
+
+    /**
+     * Flag indicating that the branding data can be displayed.
+     * This is used in order to avoid image flickering / text changing(blipping).
+     *
+     * @public
+     * @type {boolean}
+     */
+    customizationReady: false,
+
+    /**
+     * Flag indicating that the dynamic branding data request has failed.
+     * When the request fails there is no logo (JitsiWatermark) displayed.
+     *
+     * @public
+     * @type {boolean}
+     */
+    customizationFailed: false,
+
+    /**
+     * Flag indicating that the dynamic branding has not been modified and should use
+     * the default options.
+     *
+     * @public
+     * @type {boolean}
+     */
+    defaultBranding: true,
+
+    /**
+     * Url for a custom page for DID numbers list.
+     *
+     * @public
+     * @type {string}
+     */
+    didPageUrl: '',
+
+    /**
+     * Whether participant can only send group chat message if `send-groupchat`
+     * feature is enabled in jwt.
+     *
+     * @public
+     * @type {boolean}
+     */
+    groupChatRequiresPermission: false,
+
+    /**
+     * The custom invite domain.
+     *
+     * @public
+     * @type {string}
+     */
+    inviteDomain: '',
+
+    /**
+     * An object containing the mapping between the language and url where the translation
+     * bundle is hosted.
+     *
+     * @public
+     * @type {Object}
+     */
+    labels: null,
+
+    /**
+     * The custom url used when the user clicks the logo.
+     *
+     * @public
+     * @type {string}
+     */
+    logoClickUrl: '',
+
+    /**
+     * The custom logo (JitisWatermark).
+     *
+     * @public
+     * @type {string}
+     */
+    logoImageUrl: '',
+
+    /**
+     * The generated MUI branded theme based on the custom theme json.
+     *
+     * @public
+     * @type {boolean}
+     */
+    muiBrandedTheme: undefined,
+
+    /**
+     * Whether participant can only create polls if `create-polls` feature is enabled in jwt.
+     *
+     * @public
+     * @type {boolean}
+     */
+    pollCreationRequiresPermission: false,
+
+    /**
+     * The lobby/prejoin background.
+     *
+     * @public
+     * @type {string}
+     */
+    premeetingBackground: '',
+
+    /**
+     * Flag used to signal if the app should use a custom logo or not.
+     *
+     * @public
+     * @type {boolean}
+     */
+    useDynamicBrandingData: false,
+
+    /**
+     * An array of images to be used as virtual backgrounds instead of the default ones.
+     *
+     * @public
+     * @type {Array<Object>}
+     */
+    virtualBackgrounds: []
+};
+
+export interface IDynamicBrandingState {
+    avatarBackgrounds: string[];
+    backgroundColor: string;
+    backgroundImageUrl: string;
+    brandedIcons?: Record<string, string>;
+    customizationFailed: boolean;
+    customizationReady: boolean;
+    defaultBranding: boolean;
+    defaultTranscriptionLanguage?: boolean;
+    didPageUrl: string;
+    groupChatRequiresPermission: boolean;
+    inviteDomain: string;
+    labels: Object | null;
+    logoClickUrl: string;
+    logoImageUrl: string;
+    muiBrandedTheme?: boolean;
+    pollCreationRequiresPermission: boolean;
+    premeetingBackground: string;
+    requireRecordingConsent?: boolean;
+    sharedVideoAllowedURLDomains?: Array<string>;
+    showGiphyIntegration?: boolean;
+    skipRecordingConsentInMeeting?: boolean;
+    supportUrl?: string;
+    useDynamicBrandingData: boolean;
+    virtualBackgrounds: Array<Image>;
+}
+
+/**
+ * Reduces redux actions for the purposes of the feature {@code dynamic-branding}.
+ */
+ReducerRegistry.register<IDynamicBrandingState>(STORE_NAME, (state = DEFAULT_STATE, action): IDynamicBrandingState => {
+    switch (action.type) {
+    case SET_DYNAMIC_BRANDING_DATA: {
+        const {
+            avatarBackgrounds,
+            backgroundColor,
+            backgroundImageUrl,
+            brandedIcons,
+            defaultBranding,
+            didPageUrl,
+            groupChatRequiresPermission,
+            inviteDomain,
+            labels,
+            logoClickUrl,
+            logoImageUrl,
+            muiBrandedTheme,
+            pollCreationRequiresPermission,
+            premeetingBackground,
+            requireRecordingConsent,
+            sharedVideoAllowedURLDomains,
+            showGiphyIntegration,
+            skipRecordingConsentInMeeting,
+            supportUrl,
+            virtualBackgrounds
+        } = action.value;
+
+        return {
+            avatarBackgrounds,
+            backgroundColor,
+            backgroundImageUrl,
+            brandedIcons,
+            defaultBranding,
+            didPageUrl,
+            groupChatRequiresPermission,
+            inviteDomain,
+            labels,
+            logoClickUrl,
+            logoImageUrl,
+            muiBrandedTheme,
+            pollCreationRequiresPermission,
+            premeetingBackground,
+            requireRecordingConsent,
+            sharedVideoAllowedURLDomains,
+            showGiphyIntegration,
+            skipRecordingConsentInMeeting,
+            supportUrl,
+            customizationFailed: false,
+            customizationReady: true,
+            useDynamicBrandingData: true,
+            virtualBackgrounds: formatImages(virtualBackgrounds || [])
+        };
+    }
+    case SET_DYNAMIC_BRANDING_FAILED: {
+        return {
+            ...state,
+            customizationReady: true,
+            customizationFailed: true,
+            useDynamicBrandingData: true
+        };
+    }
+    case SET_DYNAMIC_BRANDING_READY:
+        return {
+            ...state,
+            customizationReady: true
+        };
+
+    case UNSET_DYNAMIC_BRANDING:
+        return DEFAULT_STATE;
+    }
+
+    return state;
+});
+
+/**
+ * Transforms the branding images into an array of Images objects ready
+ * to be used as virtual backgrounds.
+ *
+ * @param {Array<string>} images - The branding images.
+ * @private
+ * @returns {{Props}}
+ */
+function formatImages(images: Array<string> | Array<{ src: string; tooltip?: string; }>): Array<Image> {
+    return images.map((img, i) => {
+        let src;
+        let tooltip;
+
+        if (typeof img === 'object') {
+            ({ src, tooltip } = img);
+        } else {
+            src = img;
+        }
+
+        return {
+            id: `branding-${i}`,
+            src,
+            tooltip
+        };
+    });
+}
diff --git a/react/features/e2ee/actionTypes.ts b/react/features/e2ee/actionTypes.ts
new file mode 100644
index 0000000..a70f8ee
--- /dev/null
+++ b/react/features/e2ee/actionTypes.ts
@@ -0,0 +1,30 @@
+/**
+ * The type of the action which signals that E2EE needs to be enabled / disabled.
+ *
+ * {
+ *     type: TOGGLE_E2EE
+ * }
+ */
+export const TOGGLE_E2EE = 'TOGGLE_E2EE';
+
+/**
+ * The type of the action which signals to set new value E2EE maxMode.
+ *
+ * {
+ *     type: SET_MAX_MODE
+ * }
+ */
+export const SET_MAX_MODE = 'SET_MAX_MODE';
+
+/**
+ * The type of the action which signals to set media encryption key for e2ee.
+ *
+ * {
+ *     type: SET_MEDIA_ENCRYPTION_KEY
+ * }
+ */
+export const SET_MEDIA_ENCRYPTION_KEY = 'SET_MEDIA_ENCRYPTION_KEY';
+
+export const START_VERIFICATION = 'START_VERIFICATION';
+
+export const PARTICIPANT_VERIFIED = 'PARTICIPANT_VERIFIED';
diff --git a/react/features/e2ee/actions.ts b/react/features/e2ee/actions.ts
new file mode 100644
index 0000000..bd7e6d0
--- /dev/null
+++ b/react/features/e2ee/actions.ts
@@ -0,0 +1,85 @@
+import {
+    PARTICIPANT_VERIFIED,
+    SET_MAX_MODE,
+    SET_MEDIA_ENCRYPTION_KEY,
+    START_VERIFICATION,
+    TOGGLE_E2EE } from './actionTypes';
+
+/**
+ * Dispatches an action to enable / disable E2EE.
+ *
+ * @param {boolean} enabled - Whether E2EE is to be enabled or not.
+ * @returns {Object}
+ */
+export function toggleE2EE(enabled: boolean) {
+    return {
+        type: TOGGLE_E2EE,
+        enabled
+    };
+}
+
+/**
+ * Dispatches an action to set E2EE maxMode.
+ *
+ * @param {string} maxMode - The new value.
+ * @returns {Object}
+ */
+export function setE2EEMaxMode(maxMode: string) {
+    return {
+        type: SET_MAX_MODE,
+        maxMode
+    };
+}
+
+/**
+ * Dispatches an action to set media encryption key.
+ *
+ * @param {Object} keyInfo - Json containing key information.
+ * @param {string} [keyInfo.encryptionKey] - The exported encryption key.
+ * @param {number} [keyInfo.index] - The index of the encryption key.
+ * @returns {{
+ *     type: SET_MEDIA_ENCRYPTION_KEY,
+ *     keyInfo: Object
+ * }}
+ */
+export function setMediaEncryptionKey(keyInfo: Object) {
+    return {
+        type: SET_MEDIA_ENCRYPTION_KEY,
+        keyInfo
+    };
+}
+
+/**
+ * Dispatches an action to start participant e2ee verification process.
+ *
+ * @param {string} pId - The participant id.
+ * @returns {{
+ *     type: START_VERIFICATION,
+ *     pId: string
+ * }}
+ */
+export function startVerification(pId: string) {
+    return {
+        type: START_VERIFICATION,
+        pId
+    };
+}
+
+/**
+ * Dispatches an action to set participant e2ee verification status.
+ *
+ * @param {string} pId - The participant id.
+ * @param {boolean} isVerified - The verification status.
+ * @returns {{
+ *     type: PARTICIPANT_VERIFIED,
+ *     pId: string,
+ *     isVerified: boolean
+ * }}
+ */
+export function participantVerified(pId: string, isVerified: boolean) {
+    return {
+        type: PARTICIPANT_VERIFIED,
+        pId,
+        isVerified
+    };
+}
diff --git a/react/features/e2ee/components/E2EELabel.tsx b/react/features/e2ee/components/E2EELabel.tsx
new file mode 100644
index 0000000..47bc204
--- /dev/null
+++ b/react/features/e2ee/components/E2EELabel.tsx
@@ -0,0 +1,59 @@
+import React from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../app/types';
+import { translate } from '../../base/i18n/functions';
+import { IconE2EE } from '../../base/icons/svg';
+import Label from '../../base/label/components/web/Label';
+import { COLORS } from '../../base/label/constants';
+import Tooltip from '../../base/tooltip/components/Tooltip';
+
+export interface IProps extends WithTranslation {
+
+    /**
+     * Custom e2ee labels.
+     */
+    _e2eeLabels?: any;
+
+    /**
+     * True if the label needs to be rendered, false otherwise.
+     */
+    _showLabel?: boolean;
+}
+
+
+const E2EELabel = ({ _e2eeLabels, _showLabel, t }: IProps) => {
+    if (!_showLabel) {
+        return null;
+    }
+    const content = _e2eeLabels?.tooltip || t('e2ee.labelToolTip');
+
+    return (
+        <Tooltip
+            content = { content }
+            position = { 'bottom' }>
+            <Label
+                color = { COLORS.green }
+                icon = { IconE2EE } />
+        </Tooltip>
+    );
+};
+
+/**
+ * Maps (parts of) the redux state to the associated props of this {@code Component}.
+ *
+ * @param {Object} state - The redux state.
+ * @private
+ * @returns {IProps}
+ */
+export function _mapStateToProps(state: IReduxState) {
+    const { e2ee = {} } = state['features/base/config'];
+
+    return {
+        _e2eeLabels: e2ee.labels,
+        _showLabel: state['features/base/participants'].numberOfParticipantsDisabledE2EE === 0
+    };
+}
+
+export default translate(connect(_mapStateToProps)(E2EELabel));
diff --git a/react/features/e2ee/components/E2EESection.tsx b/react/features/e2ee/components/E2EESection.tsx
new file mode 100644
index 0000000..cc2b1be
--- /dev/null
+++ b/react/features/e2ee/components/E2EESection.tsx
@@ -0,0 +1,174 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { createE2EEEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { IReduxState, IStore } from '../../app/types';
+import Switch from '../../base/ui/components/web/Switch';
+import { toggleE2EE } from '../actions';
+import { MAX_MODE } from '../constants';
+import { doesEveryoneSupportE2EE } from '../functions';
+
+interface IProps {
+
+    /**
+     * The resource for the description, computed based on the maxMode and whether the switch is toggled or not.
+     */
+    _descriptionResource?: string;
+
+    /**
+     * Custom e2ee labels.
+     */
+    _e2eeLabels: any;
+
+    /**
+     * Whether the switch is currently enabled or not.
+     */
+    _enabled: boolean;
+
+    /**
+     * Indicates whether all participants in the conference currently support E2EE.
+     */
+    _everyoneSupportE2EE: boolean;
+
+    /**
+     * Whether E2EE is currently enabled or not.
+     */
+    _toggled: boolean;
+
+    /**
+     * The redux {@code dispatch} function.
+     */
+    dispatch: IStore['dispatch'];
+}
+
+const useStyles = makeStyles()(() => {
+    return {
+        e2eeSection: {
+            display: 'flex',
+            flexDirection: 'column'
+        },
+
+        description: {
+            fontSize: '0.875rem',
+            margin: '15px 0'
+        },
+
+        controlRow: {
+            display: 'flex',
+            justifyContent: 'space-between',
+            marginTop: '15px',
+
+            '& label': {
+                fontSize: '0.875rem',
+                fontWeight: 'bold'
+            }
+        }
+    };
+});
+
+/**
+ * Implements a React {@code Component} for displaying a security dialog section with a field
+ * for setting the E2EE key.
+ *
+ * @param {IProps} props - Component's props.
+ * @returns  {JSX}
+ */
+const E2EESection = ({
+    _descriptionResource,
+    _enabled,
+    _e2eeLabels,
+    _everyoneSupportE2EE,
+    _toggled,
+    dispatch
+}: IProps) => {
+    const { classes } = useStyles();
+    const { t } = useTranslation();
+    const [ toggled, setToggled ] = useState(_toggled ?? false);
+
+    useEffect(() => {
+        setToggled(_toggled);
+    }, [ _toggled ]);
+
+    /**
+     * Callback to be invoked when the user toggles E2EE on or off.
+     *
+     * @private
+     * @returns {void}
+     */
+    const _onToggle = useCallback(() => {
+        const newValue = !toggled;
+
+        setToggled(newValue);
+
+        sendAnalytics(createE2EEEvent(`enabled.${String(newValue)}`));
+        dispatch(toggleE2EE(newValue));
+    }, [ toggled ]);
+
+    const description = _e2eeLabels?.description || t(_descriptionResource ?? '');
+    const label = _e2eeLabels?.label || t('dialog.e2eeLabel');
+    const warning = _e2eeLabels?.warning || t('dialog.e2eeWarning');
+
+    return (
+        <div
+            className = { classes.e2eeSection }
+            id = 'e2ee-section'>
+            <p
+                aria-live = 'polite'
+                className = { classes.description }
+                id = 'e2ee-section-description'>
+                {description}
+                {!_everyoneSupportE2EE && <br />}
+                {!_everyoneSupportE2EE && warning}
+            </p>
+            <div className = { classes.controlRow }>
+                <label htmlFor = 'e2ee-section-switch'>
+                    {label}
+                </label>
+                <Switch
+                    checked = { toggled }
+                    disabled = { !_enabled }
+                    id = 'e2ee-section-switch'
+                    onChange = { _onToggle } />
+            </div>
+        </div>
+    );
+};
+
+/**
+ * Maps (parts of) the Redux state to the associated props for this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {IProps}
+ */
+function mapStateToProps(state: IReduxState) {
+    const { enabled: e2eeEnabled, maxMode } = state['features/e2ee'];
+    const { e2ee = {} } = state['features/base/config'];
+
+    let descriptionResource: string | undefined = '';
+
+    if (e2ee.labels) {
+        // When e2eeLabels are present, the description resource is ignored.
+        descriptionResource = undefined;
+    } else if (maxMode === MAX_MODE.THRESHOLD_EXCEEDED) {
+        descriptionResource = 'dialog.e2eeDisabledDueToMaxModeDescription';
+    } else if (maxMode === MAX_MODE.ENABLED) {
+        descriptionResource = e2eeEnabled
+            ? 'dialog.e2eeWillDisableDueToMaxModeDescription' : 'dialog.e2eeDisabledDueToMaxModeDescription';
+    } else {
+        descriptionResource = 'dialog.e2eeDescription';
+    }
+
+    return {
+        _descriptionResource: descriptionResource,
+        _e2eeLabels: e2ee.labels,
+        _enabled: maxMode === MAX_MODE.DISABLED || e2eeEnabled,
+        _toggled: e2eeEnabled,
+        _everyoneSupportE2EE: Boolean(doesEveryoneSupportE2EE(state))
+    };
+}
+
+export default connect(mapStateToProps)(E2EESection);
diff --git a/react/features/e2ee/components/ParticipantVerificationDialog.tsx b/react/features/e2ee/components/ParticipantVerificationDialog.tsx
new file mode 100644
index 0000000..a336b9f
--- /dev/null
+++ b/react/features/e2ee/components/ParticipantVerificationDialog.tsx
@@ -0,0 +1,123 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState, IStore } from '../../app/types';
+import { getParticipantById } from '../../base/participants/functions';
+import Dialog from '../../base/ui/components/web/Dialog';
+import { participantVerified } from '../actions';
+import { ISas } from '../reducer';
+
+interface IProps {
+    decimal: string;
+    dispatch: IStore['dispatch'];
+    emoji: string;
+    pId: string;
+    participantName?: string;
+    sas: ISas;
+}
+
+const useStyles = makeStyles()(() => {
+    return {
+        container: {
+            display: 'flex',
+            flexDirection: 'column',
+            margin: '16px'
+        },
+        row: {
+            alignSelf: 'center',
+            display: 'flex'
+        },
+        item: {
+            textAlign: 'center',
+            margin: '16px'
+        },
+        emoji: {
+            fontSize: '2.5rem',
+            margin: '12px'
+        }
+    };
+});
+
+const ParticipantVerificationDialog = ({
+    dispatch,
+    participantName,
+    pId,
+    sas
+}: IProps) => {
+    const { classes } = useStyles();
+    const { t } = useTranslation();
+
+    const _onDismissed = useCallback(() => {
+        dispatch(participantVerified(pId, false));
+
+        return true;
+    }, [ pId ]);
+
+    const _onConfirmed = useCallback(() => {
+        dispatch(participantVerified(pId, true));
+
+        return true;
+    }, [ pId ]);
+
+    const { emoji } = sas;
+
+    return (
+        <Dialog
+            cancel = {{ translationKey: 'dialog.verifyParticipantDismiss' }}
+            ok = {{ translationKey: 'dialog.verifyParticipantConfirm' }}
+            onCancel = { _onDismissed }
+            onSubmit = { _onConfirmed }
+            titleKey = 'dialog.verifyParticipantTitle'>
+            <div>
+                {t('dialog.verifyParticipantQuestion', { participantName })}
+            </div>
+
+            <div className = { classes.container }>
+                <div className = { classes.row }>
+                    {/* @ts-ignore */}
+                    {emoji.slice(0, 4).map((e: Array<string>) =>
+                        (<div
+                            className = { classes.item }
+                            key = { e.toString() }>
+                            <div className = { classes.emoji }>{e[0]}</div>
+                            <div>{e[1].charAt(0).toUpperCase() + e[1].slice(1)}</div>
+                        </div>))}
+                </div>
+
+                <div className = { classes.row }>
+                    {/* @ts-ignore */}
+                    {emoji.slice(4, 7).map((e: Array<string>) =>
+                        (<div
+                            className = { classes.item }
+                            key = { e.toString() }>
+                            <div className = { classes.emoji }>{e[0]} </div>
+                            <div>{e[1].charAt(0).toUpperCase() + e[1].slice(1)}</div>
+                        </div>))}
+                </div>
+
+            </div>
+
+        </Dialog>
+    );
+};
+
+/**
+ * Maps part of the Redux store to the props of this component.
+ *
+ * @param {IReduxState} state - The Redux state.
+ * @param {IProps} ownProps - The own props of the component.
+ * @returns {IProps}
+ */
+export function _mapStateToProps(state: IReduxState, ownProps: IProps) {
+    const participant = getParticipantById(state, ownProps.pId);
+
+    return {
+        sas: ownProps.sas,
+        pId: ownProps.pId,
+        participantName: participant?.name
+    };
+}
+
+export default connect(_mapStateToProps)(ParticipantVerificationDialog);
diff --git a/react/features/e2ee/constants.ts b/react/features/e2ee/constants.ts
new file mode 100644
index 0000000..4e0313d
--- /dev/null
+++ b/react/features/e2ee/constants.ts
@@ -0,0 +1,53 @@
+/**
+ * The identifier of the sound to be played when e2ee is disabled.
+ *
+ * @type {string}
+ */
+export const E2EE_OFF_SOUND_ID = 'E2EE_OFF_SOUND';
+
+/**
+ * The identifier of the sound to be played when e2ee is enabled.
+ *
+ * @type {string}
+ */
+export const E2EE_ON_SOUND_ID = 'E2EE_ON_SOUND';
+
+/**
+ * The number of participants after which e2ee maxMode is set to MAX_MODE.ENABLED.
+ *
+ * @type {integer}
+ */
+export const MAX_MODE_LIMIT = 20;
+
+/**
+ * If the number of participants is greater then MAX_MODE_LIMIT + MAX_MODE_THRESHOLD
+ * e2ee maxMode is set to MAX_MODE.THRESHOLD_EXCEEDED.
+ *
+ * @type {integer}
+ */
+export const MAX_MODE_THRESHOLD = 5;
+
+export const MAX_MODE = {
+    /**
+     * Mode for which the e2ee can be enabled or disabled.
+     * If e2ee is enabled, e2ee section is enabled with a warning text.
+     * If e2ee is disabled, e2ee section is disabled with a warning text.
+     *
+     * @type {string}
+     */
+    ENABLED: 'max-mode-enabled',
+
+    /**
+     * Mode for which the e2ee and the e2ee section are automatically disabled.
+     *
+     * @type {string}
+     */
+    THRESHOLD_EXCEEDED: 'max-mode-threshold-exceeded',
+
+    /**
+     * The default e2ee maxMode, e2ee can be enabled/disabled, e2ee section is enabled.
+     *
+     * @type {string}
+     */
+    DISABLED: 'max-mode-disabled'
+};
diff --git a/react/features/e2ee/functions.ts b/react/features/e2ee/functions.ts
new file mode 100644
index 0000000..64a59cd
--- /dev/null
+++ b/react/features/e2ee/functions.ts
@@ -0,0 +1,120 @@
+import i18next from 'i18next';
+
+import { IReduxState, IStore } from '../app/types';
+import { IStateful } from '../base/app/types';
+import { getSoundFileSrc } from '../base/media/functions';
+import { getParticipantById, getParticipantCount, getParticipantCountWithFake } from '../base/participants/functions';
+import { toState } from '../base/redux/functions';
+import { registerSound, unregisterSound } from '../base/sounds/actions';
+
+import {
+    E2EE_OFF_SOUND_ID,
+    E2EE_ON_SOUND_ID,
+    MAX_MODE_LIMIT,
+    MAX_MODE_THRESHOLD
+} from './constants';
+import {
+    E2EE_OFF_SOUND_FILE,
+    E2EE_ON_SOUND_FILE
+} from './sounds';
+
+
+/**
+ * Gets the value of a specific React {@code Component} prop of the currently
+ * mounted {@link App}.
+ *
+ * @param {IStateful} stateful - The redux store or {@code getState}
+ * function.
+ * @param {string} propName - The name of the React {@code Component} prop of
+ * the currently mounted {@code App} to get.
+ * @returns {*} The value of the specified React {@code Component} prop of the
+ * currently mounted {@code App}.
+ */
+export function doesEveryoneSupportE2EE(stateful: IStateful) {
+    const state = toState(stateful);
+    const { numberOfParticipantsNotSupportingE2EE } = state['features/base/participants'];
+    const { e2eeSupported } = state['features/base/conference'];
+    const participantCount = getParticipantCountWithFake(state);
+
+    if (participantCount === 1) {
+        // This will happen if we are alone.
+
+        return e2eeSupported;
+    }
+
+    return numberOfParticipantsNotSupportingE2EE === 0;
+}
+
+/**
+ * Returns true is the number of participants is larger than {@code MAX_MODE_LIMIT}.
+ *
+ * @param {Function|Object} stateful - The redux store or {@code getState}
+ * function.
+ * @returns {boolean}
+ */
+export function isMaxModeReached(stateful: IStateful) {
+    const participantCount = getParticipantCount(toState(stateful));
+
+    return participantCount >= MAX_MODE_LIMIT;
+}
+
+/**
+ * Returns true is the number of participants is larger than {@code MAX_MODE_LIMIT + MAX_MODE_THREHOLD}.
+ *
+ * @param {Function|Object} stateful - The redux store or {@code getState}
+ * function.
+ * @returns {boolean}
+ */
+export function isMaxModeThresholdReached(stateful: IStateful) {
+    const participantCount = getParticipantCount(toState(stateful));
+
+    return participantCount >= MAX_MODE_LIMIT + MAX_MODE_THRESHOLD;
+}
+
+/**
+ * Returns whether e2ee is enabled by the backend.
+ *
+ * @param {Object} state - The redux state.
+ * @param {string} pId - The participant id.
+ * @returns {boolean}
+ */
+export function displayVerification(state: IReduxState, pId: string) {
+    const { conference } = state['features/base/conference'];
+    const participant = getParticipantById(state, pId);
+
+    return Boolean(conference?.isE2EEEnabled()
+        && participant?.e2eeVerificationAvailable
+        && participant?.e2eeVerified === undefined);
+}
+
+/**
+ * Unregisters the audio files based on locale.
+ *
+ * @param {Dispatch<any>} dispatch - The redux dispatch function.
+ * @returns {void}
+ */
+export function unregisterE2eeAudioFiles(dispatch: IStore['dispatch']) {
+    dispatch(unregisterSound(E2EE_OFF_SOUND_ID));
+    dispatch(unregisterSound(E2EE_ON_SOUND_ID));
+}
+
+/**
+ * Registers the audio files based on locale.
+ *
+ * @param {Dispatch<any>} dispatch - The redux dispatch function.
+ * @param {boolean|undefined} shouldUnregister - Whether the sounds should be unregistered.
+ * @returns {void}
+ */
+export function registerE2eeAudioFiles(dispatch: IStore['dispatch'], shouldUnregister?: boolean) {
+    const language = i18next.language;
+
+    shouldUnregister && unregisterE2eeAudioFiles(dispatch);
+
+    dispatch(registerSound(
+        E2EE_OFF_SOUND_ID,
+        getSoundFileSrc(E2EE_OFF_SOUND_FILE, language)));
+
+    dispatch(registerSound(
+        E2EE_ON_SOUND_ID,
+        getSoundFileSrc(E2EE_ON_SOUND_FILE, language)));
+}
diff --git a/react/features/e2ee/logger.ts b/react/features/e2ee/logger.ts
new file mode 100644
index 0000000..f72d3ab
--- /dev/null
+++ b/react/features/e2ee/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:e2ee');
diff --git a/react/features/e2ee/middleware.ts b/react/features/e2ee/middleware.ts
new file mode 100644
index 0000000..057fb1b
--- /dev/null
+++ b/react/features/e2ee/middleware.ts
@@ -0,0 +1,215 @@
+import { IStore } from '../app/types';
+import { APP_WILL_MOUNT, APP_WILL_UNMOUNT } from '../base/app/actionTypes';
+import { CONFERENCE_JOINED } from '../base/conference/actionTypes';
+import { getCurrentConference } from '../base/conference/functions';
+import { openDialog } from '../base/dialog/actions';
+import { JitsiConferenceEvents } from '../base/lib-jitsi-meet';
+import { PARTICIPANT_JOINED, PARTICIPANT_LEFT } from '../base/participants/actionTypes';
+import { participantUpdated } from '../base/participants/actions';
+import {
+    getLocalParticipant,
+    getParticipantById,
+    isScreenShareParticipant
+} from '../base/participants/functions';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import StateListenerRegistry from '../base/redux/StateListenerRegistry';
+import { playSound } from '../base/sounds/actions';
+
+import { PARTICIPANT_VERIFIED, SET_MEDIA_ENCRYPTION_KEY, START_VERIFICATION, TOGGLE_E2EE } from './actionTypes';
+import { setE2EEMaxMode, toggleE2EE } from './actions';
+import ParticipantVerificationDialog from './components/ParticipantVerificationDialog';
+import { E2EE_OFF_SOUND_ID, E2EE_ON_SOUND_ID, MAX_MODE } from './constants';
+import {
+    isMaxModeReached,
+    isMaxModeThresholdReached,
+    registerE2eeAudioFiles,
+    unregisterE2eeAudioFiles
+} from './functions';
+import logger from './logger';
+
+/**
+ * Middleware that captures actions related to E2EE.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(({ dispatch, getState }) => next => action => {
+    const conference = getCurrentConference(getState);
+
+    switch (action.type) {
+    case APP_WILL_MOUNT:
+        registerE2eeAudioFiles(dispatch);
+        break;
+
+    case APP_WILL_UNMOUNT:
+        unregisterE2eeAudioFiles(dispatch);
+        break;
+
+    case CONFERENCE_JOINED:
+        _updateMaxMode(dispatch, getState);
+
+        break;
+
+    case PARTICIPANT_JOINED: {
+        const result = next(action);
+
+        if (!isScreenShareParticipant(action.participant) && !action.participant.local) {
+            _updateMaxMode(dispatch, getState);
+        }
+
+        return result;
+    }
+
+    case PARTICIPANT_LEFT: {
+        const participant = getParticipantById(getState(), action.participant?.id);
+        const result = next(action);
+
+        if (!isScreenShareParticipant(participant)) {
+            _updateMaxMode(dispatch, getState);
+        }
+
+        return result;
+    }
+
+    case TOGGLE_E2EE: {
+        if (conference?.isE2EESupported() && conference.isE2EEEnabled() !== action.enabled) {
+            logger.debug(`E2EE will be ${action.enabled ? 'enabled' : 'disabled'}`);
+            conference.toggleE2EE(action.enabled);
+
+            // Broadcast that we enabled / disabled E2EE.
+            const participant = getLocalParticipant(getState);
+
+            dispatch(participantUpdated({
+                e2eeEnabled: action.enabled,
+                id: participant?.id ?? '',
+                local: true
+            }));
+
+            const soundID = action.enabled ? E2EE_ON_SOUND_ID : E2EE_OFF_SOUND_ID;
+
+            dispatch(playSound(soundID));
+        }
+
+        break;
+    }
+
+    case SET_MEDIA_ENCRYPTION_KEY: {
+        if (conference?.isE2EESupported()) {
+            const { exportedKey, index } = action.keyInfo;
+
+            if (exportedKey) {
+                window.crypto.subtle.importKey(
+                    'raw',
+                    new Uint8Array(exportedKey),
+                    'AES-GCM',
+                    false,
+                    [ 'encrypt', 'decrypt' ])
+                .then(
+                    encryptionKey => {
+                        conference.setMediaEncryptionKey({
+                            encryptionKey,
+                            index
+                        });
+                    })
+                .catch(error => logger.error('SET_MEDIA_ENCRYPTION_KEY error', error));
+            } else {
+                conference.setMediaEncryptionKey({
+                    encryptionKey: false,
+                    index
+                });
+            }
+        }
+
+        break;
+    }
+
+    case PARTICIPANT_VERIFIED: {
+        const { isVerified, pId } = action;
+
+        conference?.markParticipantVerified(pId, isVerified);
+        break;
+    }
+
+    case START_VERIFICATION: {
+        conference?.startVerification(action.pId);
+        break;
+    }
+    }
+
+    return next(action);
+});
+
+/**
+ * Set up state change listener to perform maintenance tasks when the conference
+ * is left or failed.
+ */
+StateListenerRegistry.register(
+    state => getCurrentConference(state),
+    (conference, { dispatch }, previousConference) => {
+        if (previousConference) {
+            dispatch(toggleE2EE(false));
+        }
+
+        if (conference) {
+            conference.on(JitsiConferenceEvents.E2EE_VERIFICATION_AVAILABLE, (pId: string) => {
+                dispatch(participantUpdated({
+                    e2eeVerificationAvailable: true,
+                    id: pId
+                }));
+            });
+
+            conference.on(JitsiConferenceEvents.E2EE_VERIFICATION_READY, (pId: string, sas: object) => {
+                dispatch(openDialog('ParticipantVerificationDialog', ParticipantVerificationDialog, { pId,
+                    sas }));
+            });
+
+            conference.on(JitsiConferenceEvents.E2EE_VERIFICATION_COMPLETED,
+                (pId: string, success: boolean, message: string) => {
+                    if (message) {
+                        logger.warn('E2EE_VERIFICATION_COMPLETED warning', message);
+                    }
+                    dispatch(participantUpdated({
+                        e2eeVerified: success,
+                        id: pId
+                    }));
+                });
+        }
+    });
+
+/**
+ * Sets the maxMode based on the number of participants in the conference.
+ *
+ * @param { Dispatch<any>} dispatch - The redux dispatch function.
+ * @param {Function|Object} getState - The {@code getState} function.
+ * @private
+ * @returns {void}
+ */
+function _updateMaxMode(dispatch: IStore['dispatch'], getState: IStore['getState']) {
+    const state = getState();
+
+    const { e2ee = {} } = state['features/base/config'];
+
+    if (e2ee.externallyManagedKey) {
+        return;
+    }
+
+    const { maxMode, enabled } = state['features/e2ee'];
+    const isMaxModeThresholdReachedValue = isMaxModeThresholdReached(state);
+    let newMaxMode: string;
+
+    if (isMaxModeThresholdReachedValue) {
+        newMaxMode = MAX_MODE.THRESHOLD_EXCEEDED;
+    } else if (isMaxModeReached(state)) {
+        newMaxMode = MAX_MODE.ENABLED;
+    } else {
+        newMaxMode = MAX_MODE.DISABLED;
+    }
+
+    if (maxMode !== newMaxMode) {
+        dispatch(setE2EEMaxMode(newMaxMode));
+    }
+
+    if (isMaxModeThresholdReachedValue && !enabled) {
+        dispatch(toggleE2EE(false));
+    }
+}
diff --git a/react/features/e2ee/reducer.ts b/react/features/e2ee/reducer.ts
new file mode 100644
index 0000000..42e172f
--- /dev/null
+++ b/react/features/e2ee/reducer.ts
@@ -0,0 +1,44 @@
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import {
+    SET_MAX_MODE,
+    TOGGLE_E2EE
+} from './actionTypes';
+import { MAX_MODE } from './constants';
+
+const DEFAULT_STATE = {
+    enabled: false,
+    maxMode: MAX_MODE.DISABLED
+};
+
+export interface IE2EEState {
+    enabled: boolean;
+    maxMode: string;
+}
+
+export interface ISas {
+    emoji: Array<string>;
+}
+
+/**
+ * Reduces the Redux actions of the feature features/e2ee.
+ */
+ReducerRegistry.register<IE2EEState>('features/e2ee', (state = DEFAULT_STATE, action): IE2EEState => {
+    switch (action.type) {
+    case TOGGLE_E2EE:
+        return {
+            ...state,
+            enabled: action.enabled
+        };
+
+    case SET_MAX_MODE: {
+        return {
+            ...state,
+            maxMode: action.maxMode
+        };
+    }
+
+    default:
+        return state;
+    }
+});
diff --git a/react/features/e2ee/sounds.ts b/react/features/e2ee/sounds.ts
new file mode 100644
index 0000000..1519b4d
--- /dev/null
+++ b/react/features/e2ee/sounds.ts
@@ -0,0 +1,13 @@
+/**
+ * The name of the bundled audio file which will be played when e2ee is disabled.
+ *
+ * @type {string}
+ */
+export const E2EE_OFF_SOUND_FILE = 'e2eeOff.mp3';
+
+/**
+ * The name of the bundled audio file which will be played when e2ee is enabled.
+ *
+ * @type {string}
+ */
+export const E2EE_ON_SOUND_FILE = 'e2eeOn.mp3';
diff --git a/react/features/embed-meeting/components/EmbedMeetingButton.ts b/react/features/embed-meeting/components/EmbedMeetingButton.ts
new file mode 100644
index 0000000..0163794
--- /dev/null
+++ b/react/features/embed-meeting/components/EmbedMeetingButton.ts
@@ -0,0 +1,50 @@
+import { connect } from 'react-redux';
+
+import { createToolbarEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { IReduxState } from '../../app/types';
+import { openDialog } from '../../base/dialog/actions';
+import { isMobileBrowser } from '../../base/environment/utils';
+import { translate } from '../../base/i18n/functions';
+import { IconCode } from '../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../base/toolbox/components/AbstractButton';
+import { isVpaasMeeting } from '../../jaas/functions';
+
+import EmbedMeetingDialog from './EmbedMeetingDialog';
+
+/**
+ * Implementation of a button for opening embed meeting dialog.
+ */
+class EmbedMeetingButton extends AbstractButton<AbstractButtonProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.embedMeeting';
+    override icon = IconCode;
+    override label = 'toolbar.embedMeeting';
+    override tooltip = 'toolbar.embedMeeting';
+
+    /**
+     * Handles clicking / pressing the button, and opens the appropriate dialog.
+     *
+     * @protected
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { dispatch } = this.props;
+
+        sendAnalytics(createToolbarEvent('embed.meeting'));
+        dispatch(openDialog('EmbedMeetingDialog', EmbedMeetingDialog));
+    }
+}
+
+/**
+ * Function that maps parts of Redux state tree into component props.
+ *
+ * @param {Object} state - Redux state.
+ * @returns {Object}
+ */
+const mapStateToProps = (state: IReduxState) => {
+    return {
+        visible: !isVpaasMeeting(state) && !isMobileBrowser()
+    };
+};
+
+export default translate(connect(mapStateToProps)(EmbedMeetingButton));
diff --git a/react/features/embed-meeting/components/EmbedMeetingDialog.tsx b/react/features/embed-meeting/components/EmbedMeetingDialog.tsx
new file mode 100644
index 0000000..415dd4a
--- /dev/null
+++ b/react/features/embed-meeting/components/EmbedMeetingDialog.tsx
@@ -0,0 +1,81 @@
+import React from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState } from '../../app/types';
+import CopyButton from '../../base/buttons/CopyButton.web';
+import { getInviteURL } from '../../base/connection/functions';
+import { translate } from '../../base/i18n/functions';
+import Dialog from '../../base/ui/components/web/Dialog';
+import Input from '../../base/ui/components/web/Input';
+
+interface IProps extends WithTranslation {
+
+    /**
+     * The URL of the conference.
+     */
+    url: string;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        container: {
+            paddingTop: theme.spacing(1)
+        },
+
+        button: {
+            marginTop: theme.spacing(3)
+        }
+    };
+});
+
+/**
+ * Allow users to embed a jitsi meeting in an iframe.
+ *
+ * @returns {React$Element<any>}
+ */
+function EmbedMeeting({ t, url }: IProps) {
+    const { classes } = useStyles();
+
+    /**
+     * Get the embed code for a jitsi meeting.
+     *
+     * @returns {string} The iframe embed code.
+     */
+    const getEmbedCode = () =>
+        `<iframe allow="camera; microphone; fullscreen; display-capture; autoplay" src="${url}"`
+        + ' style="height: 100%; width: 100%; border: 0px;"></iframe>';
+
+    return (
+        <Dialog
+            cancel = {{ hidden: true }}
+            ok = {{ hidden: true }}
+            titleKey = { 'embedMeeting.title' }>
+            <div className = { classes.container }>
+                <Input
+                    accessibilityLabel = { t('dialog.embedMeeting') }
+                    id = 'embed-meeting-input'
+                    readOnly = { true }
+                    textarea = { true }
+                    value = { getEmbedCode() } />
+                <CopyButton
+                    accessibilityText = { t('addPeople.copyLink') }
+                    className = { classes.button }
+                    displayedText = { t('dialog.copy') }
+                    id = 'embed-meeting-copy-button'
+                    textOnCopySuccess = { t('dialog.copied') }
+                    textOnHover = { t('dialog.copy') }
+                    textToCopy = { getEmbedCode() } />
+            </div>
+        </Dialog>
+    );
+}
+
+const mapStateToProps = (state: IReduxState) => {
+    return {
+        url: getInviteURL(state)
+    };
+};
+
+export default translate(connect(mapStateToProps)(EmbedMeeting));
diff --git a/react/features/embed-meeting/hooks.ts b/react/features/embed-meeting/hooks.ts
new file mode 100644
index 0000000..532e002
--- /dev/null
+++ b/react/features/embed-meeting/hooks.ts
@@ -0,0 +1,25 @@
+import { useSelector } from 'react-redux';
+
+import { isMobileBrowser } from '../base/environment/utils';
+import { isVpaasMeeting } from '../jaas/functions';
+
+import EmbedMeetingButton from './components/EmbedMeetingButton';
+
+const embed = {
+    key: 'embedmeeting',
+    Content: EmbedMeetingButton,
+    group: 4
+};
+
+/**
+ * A hook that returns the embed button if it is enabled and undefined otherwise.
+ *
+ *  @returns {Object | undefined}
+ */
+export function useEmbedButton() {
+    const _isVpaasMeeting = useSelector(isVpaasMeeting);
+
+    if (!isMobileBrowser() && !_isVpaasMeeting) {
+        return embed;
+    }
+}
diff --git a/react/features/etherpad/actionTypes.ts b/react/features/etherpad/actionTypes.ts
new file mode 100644
index 0000000..74d4f48
--- /dev/null
+++ b/react/features/etherpad/actionTypes.ts
@@ -0,0 +1,27 @@
+/**
+ * The type of the action which signals document editing has stopped or started.
+ *
+ * {
+ *     type: SET_DOCUMENT_EDITING_STATUS
+ * }
+ */
+export const SET_DOCUMENT_EDITING_STATUS = 'SET_DOCUMENT_EDITING_STATUS';
+
+/**
+ * The type of the action which updates the shared document URL.
+ *
+ * {
+ *     type: SET_DOCUMENT_URL
+ * }
+ */
+export const SET_DOCUMENT_URL = 'SET_DOCUMENT_URL';
+
+/**
+ * The type of the action which signals to start or stop editing a shared
+ * document.
+ *
+ * {
+ *     type: TOGGLE_DOCUMENT_EDITING
+ * }
+ */
+export const TOGGLE_DOCUMENT_EDITING = 'TOGGLE_DOCUMENT_EDITING';
diff --git a/react/features/etherpad/actions.ts b/react/features/etherpad/actions.ts
new file mode 100644
index 0000000..d93cbed
--- /dev/null
+++ b/react/features/etherpad/actions.ts
@@ -0,0 +1,51 @@
+import {
+    SET_DOCUMENT_EDITING_STATUS,
+    SET_DOCUMENT_URL,
+    TOGGLE_DOCUMENT_EDITING
+} from './actionTypes';
+
+/**
+ * Dispatches an action to set whether document editing has started or stopped.
+ *
+ * @param {boolean} editing - Whether or not a document is currently being
+ * edited.
+ * @returns {{
+ *    type: SET_DOCUMENT_EDITING_STATUS,
+ *    editing: boolean
+ * }}
+ */
+export function setDocumentEditingState(editing: boolean) {
+    return {
+        type: SET_DOCUMENT_EDITING_STATUS,
+        editing
+    };
+}
+
+/**
+ * Dispatches an action to set the shared document URL.
+ *
+ * @param {string} documentUrl - The shared document URL.
+ * @returns {{
+ *    type: SET_DOCUMENT_URL,
+ *    documentUrl: string
+ * }}
+ */
+export function setDocumentUrl(documentUrl?: string) {
+    return {
+        type: SET_DOCUMENT_URL,
+        documentUrl
+    };
+}
+
+/**
+ * Dispatches an action to show or hide Etherpad.
+ *
+ * @returns {{
+ *    type: TOGGLE_DOCUMENT_EDITING
+ * }}
+ */
+export function toggleDocument() {
+    return {
+        type: TOGGLE_DOCUMENT_EDITING
+    };
+}
diff --git a/react/features/etherpad/components/SharedDocumentButton.native.ts b/react/features/etherpad/components/SharedDocumentButton.native.ts
new file mode 100644
index 0000000..6fe7ac5
--- /dev/null
+++ b/react/features/etherpad/components/SharedDocumentButton.native.ts
@@ -0,0 +1,63 @@
+import { connect } from 'react-redux';
+
+import { createToolbarEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { IReduxState } from '../../app/types';
+import { translate } from '../../base/i18n/functions';
+import { IconShareDoc } from '../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../base/toolbox/components/AbstractButton';
+import { navigate } from '../../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
+import { screen } from '../../mobile/navigation/routes';
+
+/**
+ * Implements an {@link AbstractButton} to open the chat screen on mobile.
+ */
+class SharedDocumentButton extends AbstractButton<AbstractButtonProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.document';
+    override icon = IconShareDoc;
+    override label = 'toolbar.documentOpen';
+    override tooltip = 'toolbar.documentOpen';
+
+    /**
+     * Handles clicking / pressing the button, and opens / closes the appropriate dialog.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { handleClick } = this.props;
+
+        if (handleClick) {
+            handleClick();
+
+            return;
+        }
+
+        sendAnalytics(createToolbarEvent(
+            'toggle.etherpad',
+            {
+                enable: true
+            }));
+
+        navigate(screen.conference.sharedDocument);
+    }
+}
+
+/**
+ * Maps part of the redux state to the component's props.
+ *
+ * @param {Object} state - The redux store/state.
+ * @param {Object} ownProps - The properties explicitly passed to the component
+ * instance.
+ * @returns {Object}
+ */
+function _mapStateToProps(state: IReduxState, ownProps: any) {
+    const { documentUrl } = state['features/etherpad'];
+    const { visible = Boolean(documentUrl) } = ownProps;
+
+    return {
+        visible
+    };
+}
+
+export default translate(connect(_mapStateToProps)(SharedDocumentButton));
diff --git a/react/features/etherpad/components/SharedDocumentButton.web.ts b/react/features/etherpad/components/SharedDocumentButton.web.ts
new file mode 100644
index 0000000..9c650a6
--- /dev/null
+++ b/react/features/etherpad/components/SharedDocumentButton.web.ts
@@ -0,0 +1,81 @@
+import { connect } from 'react-redux';
+
+import { createToolbarEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { IReduxState } from '../../app/types';
+import { translate } from '../../base/i18n/functions';
+import { IconShareDoc } from '../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../base/toolbox/components/AbstractButton';
+import { setOverflowMenuVisible } from '../../toolbox/actions.web';
+import { toggleDocument } from '../actions';
+
+interface IProps extends AbstractButtonProps {
+
+    /**
+     * Whether the shared document is being edited or not.
+     */
+    _editing: boolean;
+}
+
+/**
+ * Implements an {@link AbstractButton} to open the chat screen on mobile.
+ */
+class SharedDocumentButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.documentOpen';
+    override toggledAccessibilityLabel = 'toolbar.accessibilityLabel.documentClose';
+    override icon = IconShareDoc;
+    override label = 'toolbar.documentOpen';
+    override toggledLabel = 'toolbar.documentClose';
+    override tooltip = 'toolbar.documentOpen';
+    override toggledTooltip = 'toolbar.documentClose';
+
+    /**
+     * Handles clicking / pressing the button, and opens / closes the appropriate dialog.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { _editing, dispatch } = this.props;
+
+        sendAnalytics(createToolbarEvent(
+            'toggle.etherpad',
+            {
+                enable: !_editing
+            }));
+
+        dispatch(toggleDocument());
+        dispatch(setOverflowMenuVisible(false));
+    }
+
+    /**
+     * Indicates whether this button is in toggled state or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    override _isToggled() {
+        return this.props._editing;
+    }
+}
+
+/**
+ * Maps part of the redux state to the component's props.
+ *
+ * @param {Object} state - The redux store/state.
+ * @param {Object} ownProps - The properties explicitly passed to the component
+ * instance.
+ * @returns {Object}
+ */
+function _mapStateToProps(state: IReduxState, ownProps: any) {
+    const { documentUrl, editing } = state['features/etherpad'];
+    const { visible = Boolean(documentUrl) } = ownProps;
+
+    return {
+        _editing: editing,
+        visible
+    };
+}
+
+export default translate(connect(_mapStateToProps)(SharedDocumentButton));
diff --git a/react/features/etherpad/components/native/SharedDocument.tsx b/react/features/etherpad/components/native/SharedDocument.tsx
new file mode 100644
index 0000000..ed8ce63
--- /dev/null
+++ b/react/features/etherpad/components/native/SharedDocument.tsx
@@ -0,0 +1,101 @@
+import React, { PureComponent } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { View, ViewStyle } from 'react-native';
+import { WebView } from 'react-native-webview';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import JitsiScreen from '../../../base/modal/components/JitsiScreen';
+import LoadingIndicator from '../../../base/react/components/native/LoadingIndicator';
+import { getSharedDocumentUrl } from '../../functions';
+
+import styles, { INDICATOR_COLOR } from './styles';
+
+/**
+ * The type of the React {@code Component} props of {@code ShareDocument}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * URL for the shared document.
+     */
+    _documentUrl?: string;
+
+    /**
+     * Default prop for navigation between screen components(React Navigation).
+     */
+    navigation: Object;
+}
+
+/**
+ * Implements a React native component that renders the shared document window.
+ */
+class SharedDocument extends PureComponent<IProps> {
+    /**
+     * Instantiates a new instance.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._renderLoading = this._renderLoading.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { _documentUrl } = this.props;
+
+        return (
+            <JitsiScreen
+                style = { styles.sharedDocContainer }>
+                <WebView
+                    hideKeyboardAccessoryView = { true }
+                    incognito = { true }
+                    renderLoading = { this._renderLoading }
+                    source = {{ uri: _documentUrl ?? '' }}
+                    startInLoadingState = { true }
+                    style = { styles.sharedDoc }
+                    webviewDebuggingEnabled = { true } />
+            </JitsiScreen>
+        );
+    }
+
+    /**
+     * Renders the loading indicator.
+     *
+     * @returns {React$Component<any>}
+     */
+    _renderLoading() {
+        return (
+            <View style = { styles.indicatorWrapper as ViewStyle }>
+                <LoadingIndicator
+                    color = { INDICATOR_COLOR }
+                    size = 'large' />
+            </View>
+        );
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to {@link SharedDocument} React {@code Component} props.
+ *
+ * @param {Object} state - The redux store/state.
+ * @param {any} _ownProps - Component's props.
+ * @private
+ * @returns {Object}
+ */
+export function _mapStateToProps(state: IReduxState, _ownProps: any) {
+    const documentUrl = getSharedDocumentUrl(state);
+
+    return {
+        _documentUrl: documentUrl
+    };
+}
+
+export default translate(connect(_mapStateToProps)(SharedDocument));
diff --git a/react/features/etherpad/components/native/styles.ts b/react/features/etherpad/components/native/styles.ts
new file mode 100644
index 0000000..26a6025
--- /dev/null
+++ b/react/features/etherpad/components/native/styles.ts
@@ -0,0 +1,26 @@
+import BaseTheme from '../../../base/ui/components/BaseTheme.native';
+
+export const INDICATOR_COLOR = BaseTheme.palette.ui07;
+
+export default {
+    indicatorWrapper: {
+        alignItems: 'center',
+        backgroundColor: BaseTheme.palette.ui10,
+        height: '100%',
+        justifyContent: 'center'
+    },
+
+    sharedDocContainer: {
+        backgroundColor: BaseTheme.palette.ui10,
+        flex: 1,
+        paddingRight: BaseTheme.spacing[3]
+    },
+
+    sharedDoc: {
+        marginBottom: BaseTheme.spacing[3]
+    },
+
+    webView: {
+        backgroundColor: BaseTheme.palette.ui10
+    }
+};
diff --git a/react/features/etherpad/functions.ts b/react/features/etherpad/functions.ts
new file mode 100644
index 0000000..75a749e
--- /dev/null
+++ b/react/features/etherpad/functions.ts
@@ -0,0 +1,33 @@
+import { IStateful } from '../base/app/types';
+import { toState } from '../base/redux/functions';
+
+const ETHERPAD_OPTIONS = {
+    showControls: 'true',
+    showChat: 'false',
+    showLineNumbers: 'true',
+    useMonospaceFont: 'false'
+};
+
+/**
+ * Retrieves the current sahred document URL.
+ *
+ * @param {Function|Object} stateful - The redux store or {@code getState} function.
+ * @returns {?string} - Current shared document URL or undefined.
+ */
+export function getSharedDocumentUrl(stateful: IStateful) {
+    const state = toState(stateful);
+    const { documentUrl } = state['features/etherpad'];
+    const { displayName } = state['features/base/settings'];
+
+    if (!documentUrl) {
+        return undefined;
+    }
+
+    const params = new URLSearchParams(ETHERPAD_OPTIONS);
+
+    if (displayName) {
+        params.append('userName', displayName);
+    }
+
+    return `${documentUrl}?${params.toString()}`;
+}
diff --git a/react/features/etherpad/hooks.ts b/react/features/etherpad/hooks.ts
new file mode 100644
index 0000000..bb05aa4
--- /dev/null
+++ b/react/features/etherpad/hooks.ts
@@ -0,0 +1,24 @@
+import { useSelector } from 'react-redux';
+
+import { IReduxState } from '../app/types';
+
+import SharedDocumentButtonWeb from './components/SharedDocumentButton';
+
+const etherpad = {
+    key: 'etherpad',
+    Content: SharedDocumentButtonWeb,
+    group: 3
+};
+
+/**
+ * A hook that returns the etherpad button if it is enabled and undefined otherwise.
+ *
+ *  @returns {Object | undefined}
+ */
+export function useEtherpadButton() {
+    const visible = useSelector((state: IReduxState) => Boolean(state['features/etherpad'].documentUrl));
+
+    if (visible) {
+        return etherpad;
+    }
+}
diff --git a/react/features/etherpad/middleware.ts b/react/features/etherpad/middleware.ts
new file mode 100644
index 0000000..d0eae3b
--- /dev/null
+++ b/react/features/etherpad/middleware.ts
@@ -0,0 +1,73 @@
+import { CONFERENCE_JOIN_IN_PROGRESS } from '../base/conference/actionTypes';
+import { getCurrentConference } from '../base/conference/functions';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import StateListenerRegistry from '../base/redux/StateListenerRegistry';
+import { sanitizeUrl } from '../base/util/uri';
+
+import { TOGGLE_DOCUMENT_EDITING } from './actionTypes';
+import { setDocumentUrl } from './actions';
+
+const ETHERPAD_COMMAND = 'etherpad';
+
+/**
+ * Middleware that captures actions related to collaborative document editing
+ * and notifies components not hooked into redux.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+// eslint-disable-next-line no-unused-vars
+MiddlewareRegistry.register(({ dispatch, getState }) => next => action => {
+    switch (action.type) {
+    case CONFERENCE_JOIN_IN_PROGRESS: {
+        const { conference } = action;
+
+        conference.addCommandListener(ETHERPAD_COMMAND,
+            ({ value }: { value: string; }) => {
+                let url;
+                const { etherpad_base: etherpadBase } = getState()['features/base/config'];
+                const etherpadBaseUrl = sanitizeUrl(etherpadBase);
+
+                if (etherpadBaseUrl) {
+                    const urlObj = new URL(value, etherpadBaseUrl.toString());
+
+                    // Merge query string parameters on top of internal ones
+                    if (etherpadBaseUrl.search) {
+                        const searchParams = new URLSearchParams(urlObj.search);
+
+                        for (const [ key, val ] of new URLSearchParams(etherpadBaseUrl.search)) {
+                            searchParams.set(key, val);
+                        }
+                        urlObj.search = searchParams.toString();
+                    }
+                    url = urlObj.toString();
+                }
+
+                dispatch(setDocumentUrl(url));
+            }
+        );
+        break;
+    }
+    case TOGGLE_DOCUMENT_EDITING: {
+        if (typeof APP !== 'undefined') {
+            APP.UI.onEtherpadClicked();
+        }
+        break;
+    }
+    }
+
+    return next(action);
+});
+
+/**
+ * Set up state change listener to perform maintenance tasks when the conference
+ * is left or failed, e.g. Clear messages or close the chat modal if it's left
+ * open.
+ */
+StateListenerRegistry.register(
+    state => getCurrentConference(state),
+    (conference, { dispatch }, previousConference) => {
+        if (previousConference) {
+            dispatch(setDocumentUrl(undefined));
+        }
+    });
diff --git a/react/features/etherpad/reducer.ts b/react/features/etherpad/reducer.ts
new file mode 100644
index 0000000..b1181ad
--- /dev/null
+++ b/react/features/etherpad/reducer.ts
@@ -0,0 +1,48 @@
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import { SET_DOCUMENT_EDITING_STATUS, SET_DOCUMENT_URL } from './actionTypes';
+
+const DEFAULT_STATE = {
+
+    /**
+     * URL for the shared document.
+     */
+    documentUrl: undefined,
+
+    /**
+     * Whether or not Etherpad is currently open.
+     *
+     * @public
+     * @type {boolean}
+     */
+    editing: false
+};
+
+export interface IEtherpadState {
+    documentUrl?: string;
+    editing: boolean;
+}
+
+/**
+ * Reduces the Redux actions of the feature features/etherpad.
+ */
+ReducerRegistry.register<IEtherpadState>(
+    'features/etherpad',
+    (state = DEFAULT_STATE, action): IEtherpadState => {
+        switch (action.type) {
+        case SET_DOCUMENT_EDITING_STATUS:
+            return {
+                ...state,
+                editing: action.editing
+            };
+
+        case SET_DOCUMENT_URL:
+            return {
+                ...state,
+                documentUrl: action.documentUrl
+            };
+
+        default:
+            return state;
+        }
+    });
diff --git a/react/features/external-api/middleware.ts b/react/features/external-api/middleware.ts
new file mode 100644
index 0000000..039509f
--- /dev/null
+++ b/react/features/external-api/middleware.ts
@@ -0,0 +1,278 @@
+// @ts-expect-error
+import { getJitsiMeetTransport } from '../../../modules/transport';
+import {
+    CONFERENCE_FAILED,
+    CONFERENCE_JOINED,
+    DATA_CHANNEL_CLOSED,
+    DATA_CHANNEL_OPENED,
+    KICKED_OUT
+} from '../base/conference/actionTypes';
+import { SET_CONFIG } from '../base/config/actionTypes';
+import { NOTIFY_CAMERA_ERROR, NOTIFY_MIC_ERROR } from '../base/devices/actionTypes';
+import { JitsiConferenceErrors } from '../base/lib-jitsi-meet';
+import {
+    DOMINANT_SPEAKER_CHANGED,
+    PARTICIPANT_JOINED,
+    PARTICIPANT_KICKED,
+    PARTICIPANT_LEFT,
+    PARTICIPANT_ROLE_CHANGED,
+    SET_LOADABLE_AVATAR_URL
+} from '../base/participants/actionTypes';
+import {
+    getDominantSpeakerParticipant,
+    getLocalParticipant,
+    getParticipantById,
+    getParticipantDisplayName
+} from '../base/participants/functions';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { getBaseUrl } from '../base/util/helpers';
+import { appendSuffix } from '../display-name/functions';
+import { SUBMIT_FEEDBACK_ERROR, SUBMIT_FEEDBACK_SUCCESS } from '../feedback/actionTypes';
+import { SET_FILMSTRIP_VISIBLE } from '../filmstrip/actionTypes';
+import { iAmVisitor } from '../visitors/functions';
+
+import './subscriber';
+
+/**
+ * The middleware of the feature {@code external-api}.
+ *
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    // We need to do these before executing the rest of the middelware chain
+    switch (action.type) {
+    case DOMINANT_SPEAKER_CHANGED: {
+        const dominantSpeaker = getDominantSpeakerParticipant(store.getState());
+
+        if (dominantSpeaker?.id !== action.participant.id) {
+            const result = next(action);
+
+            APP.API.notifyDominantSpeakerChanged(action.participant.id);
+
+            return result;
+        }
+
+        break;
+    }
+    case SET_LOADABLE_AVATAR_URL: {
+        const { id, loadableAvatarUrl } = action.participant;
+        const participant = getParticipantById(
+            store.getState(),
+            id
+        );
+
+        const result = next(action);
+
+        if (participant) {
+            if (loadableAvatarUrl) {
+                participant.loadableAvatarUrl !== loadableAvatarUrl && APP.API.notifyAvatarChanged(
+                    id,
+                    loadableAvatarUrl
+                );
+            } else {
+                // There is no loadable explicit URL. In this case the Avatar component would
+                // decide to render initials or the default avatar, but the external API needs
+                // a URL when it needs to be rendered, so if there is no initials, we return the default
+                // Avatar URL as if it was a usual avatar URL. If there are (or may be) initials
+                // we send undefined to signal the api user that it's not an URL that needs to be rendered.
+                //
+                // NOTE: we may implement a special URL format later to signal that the avatar is based
+                // on initials, that API consumers can handle as they want, e.g. initials://jm
+                APP.API.notifyAvatarChanged(
+                    id,
+                    participant.name ? undefined : _getDefaultAvatarUrl()
+                );
+            }
+        }
+
+        return result;
+    }
+    }
+
+    const result = next(action);
+
+    // These should happen after the rest of the middleware chain ran
+    switch (action.type) {
+    case CONFERENCE_FAILED: {
+        if (action.conference
+            && action.error.name === JitsiConferenceErrors.PASSWORD_REQUIRED) {
+            APP.API.notifyOnPasswordRequired();
+        }
+        break;
+    }
+
+    case CONFERENCE_JOINED: {
+        const state = store.getState();
+        const { defaultLocalDisplayName } = state['features/base/config'];
+        const { room } = state['features/base/conference'];
+        const { loadableAvatarUrl, name, id, email } = getLocalParticipant(state) ?? {};
+        const breakoutRoom = APP.conference.roomName.toString() !== room?.toLowerCase();
+
+        // we use APP.conference.roomName as we do not update state['features/base/conference'].room when
+        // moving between rooms in case of breakout rooms and it stays always with the name of the main room
+        APP.API.notifyConferenceJoined(
+            APP.conference.roomName,
+            id,
+            {
+                displayName: name,
+                formattedDisplayName: appendSuffix(
+                    name ?? '',
+                    defaultLocalDisplayName
+                ),
+                avatarURL: loadableAvatarUrl,
+                breakoutRoom,
+                email,
+                visitor: iAmVisitor(state)
+            }
+        );
+        break;
+    }
+
+    case DATA_CHANNEL_CLOSED:
+        APP.API.notifyDataChannelClosed(action.code, action.reason);
+        break;
+
+    case DATA_CHANNEL_OPENED:
+        APP.API.notifyDataChannelOpened();
+        break;
+
+    case KICKED_OUT: {
+        const state = store.getState();
+        const localParticipant = getLocalParticipant(state);
+
+        if (!localParticipant) {
+            break;
+        }
+
+        const actor = action.participant;
+
+        APP.API.notifyKickedOut(
+            {
+                id: localParticipant.id,
+                name: getParticipantDisplayName(state, localParticipant.id),
+                local: true
+            },
+            {
+                id: actor?.getId(),
+                name: actor?.getDisplayName()
+            }
+        );
+        break;
+    }
+
+    case NOTIFY_CAMERA_ERROR:
+        if (action.error) {
+            APP.API.notifyOnCameraError(
+                action.error.name, action.error.message);
+        }
+        break;
+
+    case NOTIFY_MIC_ERROR:
+        if (action.error) {
+            APP.API.notifyOnMicError(action.error.name, action.error.message);
+        }
+        break;
+
+    case PARTICIPANT_KICKED: {
+        const state = store.getState();
+        const kickedParticipant = getParticipantById(state, action.kicked);
+        const kickerParticipant = getParticipantById(state, action.kicker);
+
+        if (!kickerParticipant || !kickedParticipant) {
+            break;
+        }
+
+        APP.API.notifyKickedOut(
+            {
+                id: kickedParticipant.id,
+                local: kickedParticipant.local,
+                name: getParticipantDisplayName(state, kickedParticipant.id)
+            },
+            {
+                id: kickerParticipant.id,
+                local: kickerParticipant.local,
+                name: getParticipantDisplayName(state, kickerParticipant.id)
+            });
+        break;
+    }
+
+    case PARTICIPANT_LEFT: {
+        const { participant } = action;
+        const { fakeParticipant } = participant;
+
+        // Skip sending participant left event for fake participants.
+        if (fakeParticipant) {
+            break;
+        }
+
+        APP.API.notifyUserLeft(action.participant.id);
+        break;
+    }
+    case PARTICIPANT_JOINED: {
+        const state = store.getState();
+        const { defaultRemoteDisplayName } = state['features/base/config'];
+        const { participant } = action;
+        const { fakeParticipant, id, local, name } = participant;
+
+        // The version of external api outside of middleware did not emit
+        // the local participant being created.
+        if (!local) {
+            // Skip sending participant joined event for fake participants.
+            if (fakeParticipant) {
+                break;
+            }
+
+            APP.API.notifyUserJoined(id, {
+                displayName: name,
+                formattedDisplayName: appendSuffix(
+                    name || defaultRemoteDisplayName)
+            });
+        }
+
+        break;
+    }
+
+    case PARTICIPANT_ROLE_CHANGED:
+        APP.API.notifyUserRoleChanged(action.participant.id, action.participant.role);
+        break;
+
+    case SET_CONFIG: {
+        const state = store.getState();
+        const { disableBeforeUnloadHandlers = false } = state['features/base/config'];
+
+        /**
+         * Disposing the API when the user closes the page.
+         */
+        window.addEventListener(disableBeforeUnloadHandlers ? 'unload' : 'beforeunload', () => {
+            APP.API.notifyConferenceLeft(APP.conference.roomName);
+            APP.API.dispose();
+            getJitsiMeetTransport().dispose();
+        });
+
+        break;
+    }
+
+    case SET_FILMSTRIP_VISIBLE:
+        APP.API.notifyFilmstripDisplayChanged(action.visible);
+        break;
+
+    case SUBMIT_FEEDBACK_ERROR:
+        APP.API.notifyFeedbackSubmitted(action.error || 'Unknown error');
+        break;
+
+    case SUBMIT_FEEDBACK_SUCCESS:
+        APP.API.notifyFeedbackSubmitted();
+        break;
+    }
+
+    return result;
+});
+
+/**
+ * Returns the absolute URL of the default avatar.
+ *
+ * @returns {string}
+ */
+function _getDefaultAvatarUrl() {
+    return new URL('images/avatar.png', getBaseUrl()).href;
+}
diff --git a/react/features/external-api/subscriber.ts b/react/features/external-api/subscriber.ts
new file mode 100644
index 0000000..b0afb95
--- /dev/null
+++ b/react/features/external-api/subscriber.ts
@@ -0,0 +1,73 @@
+import { getLocalParticipant } from '../base/participants/functions';
+import StateListenerRegistry from '../base/redux/StateListenerRegistry';
+import { appendSuffix } from '../display-name/functions';
+import { shouldDisplayTileView } from '../video-layout/functions';
+
+/**
+ * StateListenerRegistry provides a reliable way of detecting changes to
+ * preferred layout state and dispatching additional actions.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => shouldDisplayTileView(state),
+    /* listener */ displayTileView => {
+        APP.API.notifyTileViewChanged(displayTileView);
+    });
+
+StateListenerRegistry.register(
+    /* selector */ state => state['features/base/settings'].displayName,
+    /* listener */ (displayName, store) => {
+        const localParticipant = getLocalParticipant(store.getState());
+        const { defaultLocalDisplayName } = store.getState()['features/base/config'];
+
+        // Initial setting of the display name happens on app
+        // initialization, before the local participant is ready. The initial
+        // settings is not desired to be fired anyways, only changes.
+        if (localParticipant) {
+            const { id } = localParticipant;
+
+            APP.API.notifyDisplayNameChanged(id, {
+                displayName,
+                formattedDisplayName: appendSuffix(
+                    displayName,
+                    defaultLocalDisplayName
+                )
+            });
+        }
+    });
+
+StateListenerRegistry.register(
+    /* selector */ state => state['features/base/settings'].email,
+    /* listener */ (email, store) => {
+        const localParticipant = getLocalParticipant(store.getState());
+
+        // Initial setting of the email happens on app
+        // initialization, before the local participant is ready. The initial
+        // settings is not desired to be fired anyways, only changes.
+        if (localParticipant) {
+            const { id } = localParticipant;
+
+            APP.API.notifyEmailChanged(id, {
+                email
+            });
+        }
+    });
+
+/**
+ * Updates the on stage participant value.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => state['features/large-video'].participantId,
+    /* listener */ participantId => {
+        APP.API.notifyOnStageParticipantChanged(participantId);
+    }
+);
+
+/**
+ * Updates the on audio only value.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => state['features/base/audio-only'].enabled,
+    /* listener */ enabled => {
+        APP.API.notifyAudioOnlyChanged(enabled);
+    }
+);
diff --git a/react/features/face-landmarks/FaceLandmarksDetector.ts b/react/features/face-landmarks/FaceLandmarksDetector.ts
new file mode 100644
index 0000000..a7effad
--- /dev/null
+++ b/react/features/face-landmarks/FaceLandmarksDetector.ts
@@ -0,0 +1,355 @@
+import 'image-capture';
+import { IStore } from '../app/types';
+import { isMobileBrowser } from '../base/environment/utils';
+import { getLocalVideoTrack } from '../base/tracks/functions';
+import { getBaseUrl } from '../base/util/helpers';
+
+import {
+    addFaceLandmarks,
+    clearFaceExpressionBuffer,
+    newFaceBox
+} from './actions';
+import {
+    DETECTION_TYPES,
+    DETECT_FACE,
+    FACE_LANDMARKS_DETECTION_ERROR_THRESHOLD,
+    INIT_WORKER,
+    NO_DETECTION,
+    NO_FACE_DETECTION_THRESHOLD,
+    WEBHOOK_SEND_TIME_INTERVAL
+} from './constants';
+import {
+    getDetectionInterval,
+    sendFaceExpressionsWebhook
+} from './functions';
+import logger from './logger';
+
+/**
+ * Class for face language detection.
+ */
+class FaceLandmarksDetector {
+    private static instance: FaceLandmarksDetector;
+    private initialized = false;
+    private imageCapture: ImageCapture | null = null;
+    private worker: Worker | null = null;
+    private lastFaceExpression: string | null = null;
+    private lastFaceExpressionTimestamp: number | null = null;
+    private webhookSendInterval: number | null = null;
+    private detectionInterval: number | null = null;
+    private recognitionActive = false;
+    private canvas?: HTMLCanvasElement;
+    private context?: CanvasRenderingContext2D | null;
+    private errorCount = 0;
+    private noDetectionCount = 0;
+    private noDetectionStartTimestamp: number | null = null;
+
+    /**
+     * Constructor for class, checks if the environment supports OffscreenCanvas.
+    */
+    private constructor() {
+        if (typeof OffscreenCanvas === 'undefined') {
+            this.canvas = document.createElement('canvas');
+            this.context = this.canvas.getContext('2d');
+        }
+    }
+
+    /**
+     * Function for retrieving the FaceLandmarksDetector instance.
+     *
+     * @returns {FaceLandmarksDetector} - FaceLandmarksDetector instance.
+     */
+    public static getInstance(): FaceLandmarksDetector {
+        if (!FaceLandmarksDetector.instance) {
+            FaceLandmarksDetector.instance = new FaceLandmarksDetector();
+        }
+
+        return FaceLandmarksDetector.instance;
+    }
+
+    /**
+     * Returns if the detected environment is initialized.
+     *
+     * @returns {boolean}
+     */
+    isInitialized(): boolean {
+        return this.initialized;
+    }
+
+    /**
+     * Initialization function: the worker is loaded and initialized, and then if possible the detection stats.
+     *
+     * @param {IStore} store - Redux store with dispatch and getState methods.
+     * @returns {void}
+    */
+    init({ dispatch, getState }: IStore) {
+        if (this.isInitialized()) {
+            logger.info('Worker has already been initialized');
+
+            return;
+        }
+
+        if (isMobileBrowser() || navigator.product === 'ReactNative') {
+            logger.warn('Unsupported environment for face detection');
+
+            return;
+        }
+
+        const baseUrl = `${getBaseUrl()}libs/`;
+        let workerUrl = `${baseUrl}face-landmarks-worker.min.js`;
+
+        // @ts-ignore
+        const workerBlob = new Blob([ `importScripts("${workerUrl}");` ], { type: 'application/javascript' });
+        const state = getState();
+        const addToBuffer = Boolean(state['features/base/config'].webhookProxyUrl);
+
+        // @ts-ignore
+        workerUrl = window.URL.createObjectURL(workerBlob);
+        this.worker = new Worker(workerUrl, { name: 'Face Landmarks Worker' });
+        this.worker.onmessage = ({ data }: MessageEvent<any>) => {
+            const { faceExpression, faceBox, faceCount } = data;
+            const messageTimestamp = Date.now();
+
+            // if the number of faces detected is different from 1 we do not take into consideration that detection
+            if (faceCount !== 1) {
+                if (this.noDetectionCount === 0) {
+                    this.noDetectionStartTimestamp = messageTimestamp;
+                }
+                this.noDetectionCount++;
+
+                if (this.noDetectionCount === NO_FACE_DETECTION_THRESHOLD && this.noDetectionStartTimestamp) {
+                    this.addFaceLandmarks(
+                            dispatch,
+                            this.noDetectionStartTimestamp,
+                            NO_DETECTION,
+                            addToBuffer
+                    );
+                }
+
+                return;
+            } else if (this.noDetectionCount > 0) {
+                this.noDetectionCount = 0;
+                this.noDetectionStartTimestamp = null;
+            }
+
+            if (faceExpression?.expression) {
+                const { expression } = faceExpression;
+
+                if (expression !== this.lastFaceExpression) {
+                    this.addFaceLandmarks(
+                        dispatch,
+                        messageTimestamp,
+                        expression,
+                        addToBuffer
+                    );
+                }
+            }
+
+            if (faceBox) {
+                dispatch(newFaceBox(faceBox));
+            }
+
+            APP.API.notifyFaceLandmarkDetected(faceBox, faceExpression);
+        };
+
+        const { faceLandmarks } = state['features/base/config'];
+        const detectionTypes = [
+            faceLandmarks?.enableFaceCentering && DETECTION_TYPES.FACE_BOX,
+            faceLandmarks?.enableFaceExpressionsDetection && DETECTION_TYPES.FACE_EXPRESSIONS
+        ].filter(Boolean);
+
+        this.worker.postMessage({
+            type: INIT_WORKER,
+            baseUrl,
+            detectionTypes
+        });
+        this.initialized = true;
+
+        this.startDetection({
+            dispatch,
+            getState
+        });
+    }
+
+    /**
+     * The function which starts the detection process.
+     *
+     * @param {IStore} store - Redux store with dispatch and getState methods.
+     * @param {any} track - Track from middleware; can be undefined.
+     * @returns {void}
+    */
+    startDetection({ dispatch, getState }: IStore, track?: any) {
+        if (!this.isInitialized()) {
+            logger.info('Worker has not been initialized');
+
+            return;
+        }
+
+        if (this.recognitionActive) {
+            logger.log('Face landmarks detection already active.');
+
+            return;
+        }
+        const state = getState();
+        const localVideoTrack = track || getLocalVideoTrack(state['features/base/tracks']);
+
+        if (!localVideoTrack || localVideoTrack.jitsiTrack?.isMuted()) {
+            logger.debug('Face landmarks detection is disabled due to missing local track.');
+
+            return;
+        }
+        const stream = localVideoTrack.jitsiTrack.getOriginalStream();
+        const firstVideoTrack = stream.getVideoTracks()[0];
+
+        this.imageCapture = new ImageCapture(firstVideoTrack);
+        this.recognitionActive = true;
+        logger.log('Start face landmarks detection');
+
+        const { faceLandmarks } = state['features/base/config'];
+
+        this.detectionInterval = window.setInterval(() => {
+
+            if (this.worker && this.imageCapture) {
+                this.sendDataToWorker(
+                    faceLandmarks?.faceCenteringThreshold
+                ).then(status => {
+                    if (status) {
+                        this.errorCount = 0;
+                    } else if (++this.errorCount > FACE_LANDMARKS_DETECTION_ERROR_THRESHOLD) {
+                        /* this prevents the detection from stopping immediately after occurring an error
+                         * sometimes due to the small detection interval when starting the detection some errors
+                         * might occur due to the track not being ready
+                        */
+                        this.stopDetection({
+                            dispatch,
+                            getState
+                        });
+                    }
+                });
+            }
+        }, getDetectionInterval(state));
+
+        const { webhookProxyUrl } = state['features/base/config'];
+
+        if (faceLandmarks?.enableFaceExpressionsDetection && webhookProxyUrl) {
+            this.webhookSendInterval = window.setInterval(async () => {
+                const result = await sendFaceExpressionsWebhook(getState());
+
+                if (result) {
+                    dispatch(clearFaceExpressionBuffer());
+                }
+            }, WEBHOOK_SEND_TIME_INTERVAL);
+        }
+    }
+
+    /**
+     * The function which stops the detection process.
+     *
+     * @param {IStore} store - Redux store with dispatch and getState methods.
+     * @returns {void}
+    */
+    stopDetection({ dispatch, getState }: IStore) {
+        if (!this.recognitionActive || !this.isInitialized()) {
+            return;
+        }
+        const stopTimestamp = Date.now();
+        const addToBuffer = Boolean(getState()['features/base/config'].webhookProxyUrl);
+
+        if (this.lastFaceExpression && this.lastFaceExpressionTimestamp) {
+            this.addFaceLandmarks(dispatch, stopTimestamp, null, addToBuffer);
+        }
+
+        this.webhookSendInterval && window.clearInterval(this.webhookSendInterval);
+        this.detectionInterval && window.clearInterval(this.detectionInterval);
+        this.webhookSendInterval = null;
+        this.detectionInterval = null;
+        this.imageCapture = null;
+        this.recognitionActive = false;
+        logger.log('Stop face landmarks detection');
+    }
+
+    /**
+     * Dispatches the action for adding new face landmarks and changes the state of the class.
+     *
+     * @param {IStore.dispatch} dispatch - The redux dispatch function.
+     * @param {number} endTimestamp - The timestamp when the face landmarks ended.
+     * @param {string} newFaceExpression - The new face expression.
+     * @param {boolean} addToBuffer - Flag for adding the face landmarks to the buffer.
+     * @returns {void}
+     */
+    private addFaceLandmarks(
+            dispatch: IStore['dispatch'],
+            endTimestamp: number,
+            newFaceExpression: string | null,
+            addToBuffer = false) {
+        if (this.lastFaceExpression && this.lastFaceExpressionTimestamp) {
+            dispatch(addFaceLandmarks(
+                {
+                    duration: endTimestamp - this.lastFaceExpressionTimestamp,
+                    faceExpression: this.lastFaceExpression,
+                    timestamp: this.lastFaceExpressionTimestamp
+                },
+                addToBuffer
+            ));
+        }
+
+        this.lastFaceExpression = newFaceExpression;
+        this.lastFaceExpressionTimestamp = endTimestamp;
+    }
+
+    /**
+     * Sends the image data a canvas from the track in the image capture to the face detection worker.
+     *
+     * @param {number} faceCenteringThreshold  - Movement threshold as percentage for sharing face coordinates.
+     * @returns {Promise<boolean>} - True if sent, false otherwise.
+     */
+    private async sendDataToWorker(faceCenteringThreshold = 10): Promise<boolean> {
+        if (!this.imageCapture
+            || !this.worker
+            || !this.imageCapture) {
+            logger.log('Environment not ready! Could not send data to worker');
+
+            return false;
+        }
+
+        // if ImageCapture is polyfilled then it would not have the track,
+        // so there would be no point in checking for its readyState
+        if (this.imageCapture.track && this.imageCapture.track.readyState !== 'live') {
+            logger.log('Track not ready! Could not send data to worker');
+
+            return false;
+        }
+
+        let imageBitmap;
+        let image;
+
+        try {
+            imageBitmap = await this.imageCapture.grabFrame();
+        } catch (err) {
+            logger.log('Could not send data to worker');
+
+            return false;
+        }
+
+        if (typeof OffscreenCanvas === 'undefined' && this.canvas && this.context) {
+            this.canvas.width = imageBitmap.width;
+            this.canvas.height = imageBitmap.height;
+            this.context.drawImage(imageBitmap, 0, 0);
+            image = this.context.getImageData(0, 0, imageBitmap.width, imageBitmap.height);
+        } else {
+            image = imageBitmap;
+        }
+
+        this.worker.postMessage({
+            type: DETECT_FACE,
+            image,
+            threshold: faceCenteringThreshold
+        });
+
+        imageBitmap.close();
+
+        return true;
+    }
+}
+
+export default FaceLandmarksDetector.getInstance();
+
diff --git a/react/features/face-landmarks/FaceLandmarksHelper.ts b/react/features/face-landmarks/FaceLandmarksHelper.ts
new file mode 100644
index 0000000..015f085
--- /dev/null
+++ b/react/features/face-landmarks/FaceLandmarksHelper.ts
@@ -0,0 +1,250 @@
+import { setWasmPaths } from '@tensorflow/tfjs-backend-wasm';
+import { Config, FaceResult, Human } from '@vladmandic/human';
+
+import { DETECTION_TYPES, FACE_DETECTION_SCORE_THRESHOLD, FACE_EXPRESSIONS_NAMING_MAPPING } from './constants';
+import { DetectInput, DetectOutput, FaceBox, FaceExpression, InitInput } from './types';
+
+export interface IFaceLandmarksHelper {
+    detect: ({ image, threshold }: DetectInput) => Promise<DetectOutput>;
+    getDetectionInProgress: () => boolean;
+    getDetections: (image: ImageBitmap | ImageData) => Promise<Array<FaceResult>>;
+    getFaceBox: (detections: Array<FaceResult>, threshold: number) => FaceBox | undefined;
+    getFaceCount: (detections: Array<FaceResult>) => number;
+    getFaceExpression: (detections: Array<FaceResult>) => FaceExpression | undefined;
+    init: () => Promise<void>;
+}
+
+/**
+ * Helper class for human library.
+ */
+export class HumanHelper implements IFaceLandmarksHelper {
+    protected human: Human | undefined;
+    protected faceDetectionTypes: string[];
+    protected baseUrl: string;
+    private detectionInProgress = false;
+    private lastValidFaceBox: FaceBox | undefined;
+
+    /**
+    * Configuration for human.
+    */
+    private config: Partial<Config> = {
+        backend: 'humangl',
+        async: true,
+        warmup: 'none',
+        cacheModels: true,
+        cacheSensitivity: 0,
+        debug: false,
+        deallocate: true,
+        filter: { enabled: false },
+        face: {
+            enabled: false,
+            detector: {
+                enabled: false,
+                rotation: false,
+                modelPath: 'blazeface-front.json',
+                maxDetected: 20
+            },
+            mesh: { enabled: false },
+            iris: { enabled: false },
+            emotion: {
+                enabled: false,
+                modelPath: 'emotion.json'
+            },
+            description: { enabled: false }
+        },
+        hand: { enabled: false },
+        gesture: { enabled: false },
+        body: { enabled: false },
+        segmentation: { enabled: false }
+    };
+
+    /**
+     * Constructor function for the helper which initialize the helper.
+     *
+     * @param  {InitInput} input - The input for the helper.
+     * @returns {void}
+     */
+    constructor({ baseUrl, detectionTypes }: InitInput) {
+        this.faceDetectionTypes = detectionTypes;
+        this.baseUrl = baseUrl;
+        this.init();
+    }
+
+    /**
+     * Initializes the human helper with the available tfjs backend for the given detection types.
+     *
+     * @returns {Promise<void>}
+     */
+    async init(): Promise<void> {
+
+        if (!this.human) {
+            this.config.modelBasePath = this.baseUrl;
+            if (!self.OffscreenCanvas) {
+                this.config.backend = 'wasm';
+                this.config.wasmPath = this.baseUrl;
+                setWasmPaths(this.baseUrl);
+            }
+
+            if (this.faceDetectionTypes.length > 0 && this.config.face) {
+                this.config.face.enabled = true;
+            }
+
+            if (this.faceDetectionTypes.includes(DETECTION_TYPES.FACE_BOX) && this.config.face?.detector) {
+                this.config.face.detector.enabled = true;
+            }
+
+            if (this.faceDetectionTypes.includes(DETECTION_TYPES.FACE_EXPRESSIONS) && this.config.face?.emotion) {
+                this.config.face.emotion.enabled = true;
+            }
+
+            const initialHuman = new Human(this.config);
+
+            try {
+                await initialHuman.load();
+            } catch (err) {
+                console.error(err);
+            }
+
+            this.human = initialHuman;
+        }
+    }
+
+    /**
+     * Gets the face box from the detections, if there is no valid detections it will return undefined..
+     *
+     * @param {Array<FaceResult>} detections - The array with the detections.
+     * @param {number} threshold - Face box position change threshold.
+     * @returns {FaceBox | undefined}
+     */
+    getFaceBox(detections: Array<FaceResult>, threshold: number): FaceBox | undefined {
+        if (this.getFaceCount(detections) !== 1) {
+            return;
+        }
+
+        const faceBox: FaceBox = {
+            // normalize to percentage based
+            left: Math.round(detections[0].boxRaw[0] * 100),
+            right: Math.round((detections[0].boxRaw[0] + detections[0].boxRaw[2]) * 100)
+        };
+
+        faceBox.width = Math.round(faceBox.right - faceBox.left);
+
+        if (this.lastValidFaceBox && threshold && Math.abs(this.lastValidFaceBox.left - faceBox.left) < threshold) {
+            return;
+        }
+
+        this.lastValidFaceBox = faceBox;
+
+        return faceBox;
+    }
+
+    /**
+     * Gets the face expression from the detections, if there is no valid detections it will return undefined.
+     *
+     * @param {Array<FaceResult>} detections - The array with the detections.
+     * @returns {string | undefined}
+     */
+    getFaceExpression(detections: Array<FaceResult>): FaceExpression | undefined {
+        if (this.getFaceCount(detections) !== 1) {
+            return;
+        }
+
+        const detection = detections[0];
+
+        if (detection.emotion) {
+            return {
+                expression: FACE_EXPRESSIONS_NAMING_MAPPING[detection.emotion[0].emotion],
+                score: detection.emotion[0].score
+            };
+        }
+    }
+
+    /**
+     * Gets the face count from the detections, which is the number of detections.
+     *
+     * @param {Array<FaceResult>} detections - The array with the detections.
+     * @returns {number}
+     */
+    getFaceCount(detections: Array<FaceResult> | undefined): number {
+        if (detections) {
+            return detections.length;
+        }
+
+        return 0;
+    }
+
+    /**
+     * Gets the detections from the image captured from the track.
+     *
+     * @param {ImageBitmap | ImageData} image - The image captured from the track,
+     * if OffscreenCanvas available it will be ImageBitmap, otherwise it will be ImageData.
+     * @returns {Promise<Array<FaceResult>>}
+     */
+    async getDetections(image: ImageBitmap | ImageData): Promise<Array<FaceResult>> {
+        if (!this.human || !this.faceDetectionTypes.length) {
+            return [];
+        }
+
+        this.human.tf.engine().startScope();
+
+        const imageTensor = this.human.tf.browser.fromPixels(image);
+        const { face: detections } = await this.human.detect(imageTensor, this.config);
+
+        this.human.tf.engine().endScope();
+
+        return detections.filter(detection => detection.score > FACE_DETECTION_SCORE_THRESHOLD);
+    }
+
+    /**
+     * Gathers together all the data from the detections, it's the function that will be called in the worker.
+     *
+     * @param {DetectInput} input - The input for the detections.
+     * @returns {Promise<DetectOutput>}
+     */
+    public async detect({ image, threshold }: DetectInput): Promise<DetectOutput> {
+        let faceExpression;
+        let faceBox;
+
+        this.detectionInProgress = true;
+
+        const detections = await this.getDetections(image);
+
+        if (this.faceDetectionTypes.includes(DETECTION_TYPES.FACE_EXPRESSIONS)) {
+            faceExpression = this.getFaceExpression(detections);
+        }
+
+        if (this.faceDetectionTypes.includes(DETECTION_TYPES.FACE_BOX)) {
+            // if more than one face is detected the face centering will be disabled.
+            if (this.getFaceCount(detections) > 1) {
+                this.faceDetectionTypes.splice(this.faceDetectionTypes.indexOf(DETECTION_TYPES.FACE_BOX), 1);
+
+                // face-box for re-centering
+                faceBox = {
+                    left: 0,
+                    right: 100,
+                    width: 100
+                };
+            } else {
+                faceBox = this.getFaceBox(detections, threshold);
+            }
+
+        }
+
+        this.detectionInProgress = false;
+
+        return {
+            faceExpression,
+            faceBox,
+            faceCount: this.getFaceCount(detections)
+        };
+    }
+
+    /**
+     * Returns the detection state.
+     *
+     * @returns {boolean}
+     */
+    public getDetectionInProgress(): boolean {
+        return this.detectionInProgress;
+    }
+}
diff --git a/react/features/face-landmarks/actionTypes.ts b/react/features/face-landmarks/actionTypes.ts
new file mode 100644
index 0000000..ba88a46
--- /dev/null
+++ b/react/features/face-landmarks/actionTypes.ts
@@ -0,0 +1,40 @@
+/**
+ * Redux action type dispatched in order to add real-time faceLandmarks to timeline.
+ *
+ * {
+ *      type: ADD_FACE_LANDMARKS,
+ *      faceLandmarks: FaceLandmarks
+ * }
+ */
+export const ADD_FACE_LANDMARKS = 'ADD_FACE_LANDMARKS';
+
+/**
+ * Redux action type dispatched in order to clear the faceLandmarks buffer for webhook in the state.
+ *
+ * {
+ *      type: CLEAR_FACE_LANDMARKS_BUFFER
+ * }
+*/
+export const CLEAR_FACE_LANDMARKS_BUFFER = 'CLEAR_FACE_LANDMARKS_BUFFER';
+
+/**
+ * Redux action type dispatched in order to update coordinates of a detected face.
+ *
+ * {
+ *      type: UPDATE_FACE_COORDINATES,
+ *      faceBox: Object({ left, bottom, right, top }),
+ *      participantId: string
+ * }
+ */
+export const UPDATE_FACE_COORDINATES = 'UPDATE_FACE_COORDINATES';
+
+/**
+ * Redux action type dispatched in order to signal new face coordinates were obtained for the local participant.
+ *
+ * {
+ *      type: NEW_FACE_COORDINATES,
+ *      faceBox: Object({ left, bottom, right, top }),
+ *      participantId: string
+ * }
+ */
+ export const NEW_FACE_COORDINATES = 'NEW_FACE_COORDINATES';
diff --git a/react/features/face-landmarks/actions.ts b/react/features/face-landmarks/actions.ts
new file mode 100644
index 0000000..16ef559
--- /dev/null
+++ b/react/features/face-landmarks/actions.ts
@@ -0,0 +1,48 @@
+import 'image-capture';
+import { AnyAction } from 'redux';
+
+import {
+    ADD_FACE_LANDMARKS,
+    CLEAR_FACE_LANDMARKS_BUFFER,
+    NEW_FACE_COORDINATES
+} from './actionTypes';
+import { FaceBox, FaceLandmarks } from './types';
+
+/**
+ * Adds new face landmarks to the timeline.
+ *
+ * @param {FaceLandmarks} faceLandmarks - The new face landmarks to timeline.
+ * @param {boolean} addToBuffer - If true adds the face landmarks to a buffer in the reducer for webhook.
+ * @returns {AnyAction}
+ */
+export function addFaceLandmarks(faceLandmarks: FaceLandmarks, addToBuffer: boolean): AnyAction {
+    return {
+        type: ADD_FACE_LANDMARKS,
+        faceLandmarks,
+        addToBuffer
+    };
+}
+
+/**
+ * Clears the face landmarks array in the state.
+ *
+ * @returns {AnyAction}
+ */
+export function clearFaceExpressionBuffer(): AnyAction {
+    return {
+        type: CLEAR_FACE_LANDMARKS_BUFFER
+    };
+}
+
+/**
+ * Signals that a new face box was obtained for the local participant.
+ *
+ * @param {FaceBox} faceBox - The face box of the local participant.
+ * @returns {AnyAction}
+ */
+export function newFaceBox(faceBox: FaceBox): AnyAction {
+    return {
+        type: NEW_FACE_COORDINATES,
+        faceBox
+    };
+}
diff --git a/react/features/face-landmarks/constants.ts b/react/features/face-landmarks/constants.ts
new file mode 100644
index 0000000..81d4cff
--- /dev/null
+++ b/react/features/face-landmarks/constants.ts
@@ -0,0 +1,83 @@
+export const FACE_EXPRESSIONS_EMOJIS = {
+    happy: '😊',
+    neutral: '😐',
+    sad: '🙁',
+    surprised: '😮',
+    angry: '😠',
+    fearful: '😨'
+
+    // disgusted: '🤢'
+};
+
+export const FACE_EXPRESSIONS = [ 'happy', 'neutral', 'sad', 'surprised', 'angry', 'fearful' ];
+
+export const FACE_EXPRESSIONS_NAMING_MAPPING = {
+    happy: 'happy',
+    neutral: 'neutral',
+    surprise: 'surprised',
+    angry: 'angry',
+    fear: 'fearful',
+    disgust: 'disgusted',
+    sad: 'sad'
+};
+
+/**
+ * Time is ms used for sending expression.
+ */
+export const WEBHOOK_SEND_TIME_INTERVAL = 15000;
+
+/**
+ * Type of message sent from main thread to worker that contains init information:
+ * such as models directory and window screen size.
+ */
+export const INIT_WORKER = 'INIT_WORKER';
+
+/**
+ * Type of event sent on the data channel.
+ */
+export const FACE_BOX_EVENT_TYPE = 'face-box';
+
+/**
+ * Type of event sent on the data channel.
+ */
+export const FACE_LANDMARKS_EVENT_TYPE = 'face-landmarks';
+
+/**
+ * Milliseconds interval value for sending new image data to the worker.
+ */
+export const SEND_IMAGE_INTERVAL_MS = 1000;
+
+/**
+ * Type of message sent from main thread to worker that contain image data and
+ * will trigger a response message from the worker containing the detected face(s) info.
+ */
+export const DETECT_FACE = 'DETECT_FACE';
+
+/**
+ * Available detection types.
+ */
+export const DETECTION_TYPES = {
+    FACE_BOX: 'face-box',
+    FACE_EXPRESSIONS: 'face-expressions'
+};
+
+/**
+ * Threshold for detection score of face.
+ */
+export const FACE_DETECTION_SCORE_THRESHOLD = 0.75;
+
+/**
+ * Threshold for stopping detection after a certain number of consecutive errors have occurred.
+ */
+export const FACE_LANDMARKS_DETECTION_ERROR_THRESHOLD = 4;
+
+/**
+ * Threshold for number of consecutive detections with no face,
+ * so that when achieved there will be dispatched an action.
+ */
+export const NO_FACE_DETECTION_THRESHOLD = 5;
+
+/**
+ * Constant type used for signaling that no valid face detection is found.
+ */
+export const NO_DETECTION = 'no-detection';
diff --git a/react/features/face-landmarks/faceLandmarksWorker.ts b/react/features/face-landmarks/faceLandmarksWorker.ts
new file mode 100644
index 0000000..a71c7f0
--- /dev/null
+++ b/react/features/face-landmarks/faceLandmarksWorker.ts
@@ -0,0 +1,26 @@
+import { HumanHelper, IFaceLandmarksHelper } from './FaceLandmarksHelper';
+import { DETECT_FACE, INIT_WORKER } from './constants';
+
+let helper: IFaceLandmarksHelper;
+
+onmessage = async function({ data }: MessageEvent<any>) {
+    switch (data.type) {
+    case DETECT_FACE: {
+        if (!helper || helper.getDetectionInProgress()) {
+            return;
+        }
+
+        const detections = await helper.detect(data);
+
+        if (detections) {
+            self.postMessage(detections);
+        }
+        break;
+    }
+
+    case INIT_WORKER: {
+        helper = new HumanHelper(data);
+        break;
+    }
+    }
+};
diff --git a/react/features/face-landmarks/functions.ts b/react/features/face-landmarks/functions.ts
new file mode 100644
index 0000000..cab19ad
--- /dev/null
+++ b/react/features/face-landmarks/functions.ts
@@ -0,0 +1,163 @@
+import { IReduxState } from '../app/types';
+import { IJitsiConference } from '../base/conference/reducer';
+import { getLocalParticipant } from '../base/participants/functions';
+import { extractFqnFromPath } from '../dynamic-branding/functions.any';
+
+import { FACE_BOX_EVENT_TYPE, FACE_LANDMARKS_EVENT_TYPE, SEND_IMAGE_INTERVAL_MS } from './constants';
+import logger from './logger';
+import { FaceBox, FaceLandmarks } from './types';
+
+/**
+ * Sends the face landmarks to other participants via the data channel.
+ *
+ * @param {any} conference - The current conference.
+ * @param  {FaceLandmarks} faceLandmarks - Face landmarks to be sent.
+ * @returns {void}
+ */
+export function sendFaceExpressionToParticipants(conference: any, faceLandmarks: FaceLandmarks): void {
+    try {
+        conference.sendEndpointMessage('', {
+            type: FACE_LANDMARKS_EVENT_TYPE,
+            faceLandmarks
+        });
+    } catch (err) {
+        logger.warn('Could not broadcast the face landmarks to the other participants', err);
+    }
+
+}
+
+/**
+ * Sends the face box to all the other participants.
+ *
+ * @param {any} conference - The current conference.
+ * @param  {FaceBox} faceBox - Face box to be sent.
+ * @returns {void}
+ */
+export function sendFaceBoxToParticipants(
+        conference: any,
+        faceBox: FaceBox
+): void {
+    try {
+        conference.sendEndpointMessage('', {
+            type: FACE_BOX_EVENT_TYPE,
+            faceBox
+        });
+    } catch (err) {
+        logger.warn('Could not broadcast the face box to the other participants', err);
+    }
+}
+
+/**
+ * Sends the face landmarks to prosody.
+ *
+ * @param {any} conference - The current conference.
+ * @param  {FaceLandmarks} faceLandmarks - Face landmarks to be sent.
+ * @returns {void}
+ */
+export function sendFaceExpressionToServer(conference: IJitsiConference | undefined,
+        faceLandmarks: FaceLandmarks): void {
+    try {
+        conference?.sendFaceLandmarks(faceLandmarks);
+    } catch (err) {
+        logger.warn('Could not send the face landmarks to prosody', err);
+    }
+}
+
+/**
+ * Sends face landmarks to backend.
+ *
+ * @param  {Object} state - Redux state.
+ * @returns {boolean} - True if sent, false otherwise.
+ */
+export async function sendFaceExpressionsWebhook(state: IReduxState) {
+    const { webhookProxyUrl: url } = state['features/base/config'];
+    const { conference } = state['features/base/conference'];
+    const { jwt } = state['features/base/jwt'];
+    const { connection } = state['features/base/connection'];
+    const jid = connection?.getJid();
+    const localParticipant = getLocalParticipant(state);
+    const { faceLandmarksBuffer } = state['features/face-landmarks'];
+
+    if (faceLandmarksBuffer.length === 0) {
+        return false;
+    }
+
+    const headers = {
+        ...jwt ? { 'Authorization': `Bearer ${jwt}` } : {},
+        'Content-Type': 'application/json'
+    };
+
+    const reqBody = {
+        meetingFqn: extractFqnFromPath(),
+        sessionId: conference?.getMeetingUniqueId(),
+        submitted: Date.now(),
+        emotions: faceLandmarksBuffer,
+        participantId: localParticipant?.jwtId,
+        participantName: localParticipant?.name,
+        participantJid: jid
+    };
+
+    if (url) {
+        try {
+            const res = await fetch(`${url}/emotions`, {
+                method: 'POST',
+                headers,
+                body: JSON.stringify(reqBody)
+            });
+
+            if (res.ok) {
+                return true;
+            }
+            logger.error('Status error:', res.status);
+        } catch (err) {
+            logger.error('Could not send request', err);
+        }
+    }
+
+    return false;
+}
+
+
+/**
+ * Gets face box for a participant id.
+ *
+ * @param {string} id - The participant id.
+ * @param {IReduxState} state - The redux state.
+ * @returns {Object}
+ */
+function getFaceBoxForId(id: string, state: IReduxState) {
+    return state['features/face-landmarks'].faceBoxes[id];
+}
+
+/**
+ * Gets the video object position for a participant id.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @param {string} id - The participant id.
+ * @returns {string} - CSS object-position in the shape of '{horizontalPercentage}% {verticalPercentage}%'.
+ */
+export function getVideoObjectPosition(state: IReduxState, id?: string) {
+    const faceBox = id && getFaceBoxForId(id, state);
+
+    if (faceBox) {
+        const { right, width } = faceBox;
+
+        if (right && width) {
+            return `${right - (width / 2)}% 50%`;
+        }
+    }
+
+    return '50% 50%';
+}
+
+/**
+ * Gets the video object position for a participant id.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @returns {number} - Number of milliseconds for doing face detection.
+ */
+export function getDetectionInterval(state: IReduxState) {
+    const { faceLandmarks } = state['features/base/config'];
+
+    return Math.max(faceLandmarks?.captureInterval || SEND_IMAGE_INTERVAL_MS);
+}
diff --git a/react/features/face-landmarks/logger.ts b/react/features/face-landmarks/logger.ts
new file mode 100644
index 0000000..f7b04bb
--- /dev/null
+++ b/react/features/face-landmarks/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:face-landmarks');
diff --git a/react/features/face-landmarks/middleware.ts b/react/features/face-landmarks/middleware.ts
new file mode 100644
index 0000000..9849f16
--- /dev/null
+++ b/react/features/face-landmarks/middleware.ts
@@ -0,0 +1,130 @@
+import { AnyAction } from 'redux';
+
+import { IStore } from '../app/types';
+import {
+    CONFERENCE_JOINED,
+    CONFERENCE_WILL_LEAVE,
+    ENDPOINT_MESSAGE_RECEIVED
+} from '../base/conference/actionTypes';
+import { getCurrentConference } from '../base/conference/functions';
+import { getLocalParticipant, getParticipantCount } from '../base/participants/functions';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { TRACK_ADDED, TRACK_REMOVED, TRACK_UPDATED } from '../base/tracks/actionTypes';
+
+import FaceLandmarksDetector from './FaceLandmarksDetector';
+import { ADD_FACE_LANDMARKS, NEW_FACE_COORDINATES, UPDATE_FACE_COORDINATES } from './actionTypes';
+import { FACE_BOX_EVENT_TYPE } from './constants';
+import { sendFaceBoxToParticipants, sendFaceExpressionToParticipants } from './functions';
+
+
+MiddlewareRegistry.register((store: IStore) => (next: Function) => (action: AnyAction) => {
+    const { dispatch, getState } = store;
+    const { faceLandmarks: faceLandmarksConfig } = getState()['features/base/config'];
+    const isEnabled = faceLandmarksConfig?.enableFaceCentering || faceLandmarksConfig?.enableFaceExpressionsDetection;
+
+    if (action.type === CONFERENCE_JOINED) {
+        if (isEnabled) {
+            FaceLandmarksDetector.init(store);
+        }
+
+        return next(action);
+    } else if (action.type === ENDPOINT_MESSAGE_RECEIVED) {
+        // Allow using remote face centering data when local face centering is not enabled.
+        const { participant, data } = action;
+
+        if (data?.type === FACE_BOX_EVENT_TYPE) {
+            dispatch({
+                type: UPDATE_FACE_COORDINATES,
+                faceBox: data.faceBox,
+                id: participant.getId()
+            });
+        }
+
+        return next(action);
+    }
+
+    if (!isEnabled) {
+        return next(action);
+    }
+
+    switch (action.type) {
+    case CONFERENCE_WILL_LEAVE : {
+        FaceLandmarksDetector.stopDetection(store);
+
+        break;
+    }
+    case TRACK_ADDED: {
+        const { jitsiTrack: { isLocal, videoType }, muted } = action.track;
+
+        if (videoType === 'camera' && isLocal() && !muted) {
+            // need to pass this since the track is not yet added in the store
+            FaceLandmarksDetector.startDetection(store, action.track);
+        }
+
+        break;
+    }
+    case TRACK_UPDATED: {
+        const { jitsiTrack: { isLocal, videoType } } = action.track;
+
+        if (videoType !== 'camera' || !isLocal()) {
+            break;
+        }
+
+        const { muted } = action.track;
+
+        if (typeof muted !== 'undefined') {
+            // addresses video mute state changes
+            if (muted) {
+                FaceLandmarksDetector.stopDetection(store);
+            } else {
+                FaceLandmarksDetector.startDetection(store);
+            }
+        }
+
+        break;
+    }
+    case TRACK_REMOVED: {
+        const { jitsiTrack: { isLocal, videoType } } = action.track;
+
+        if (videoType === 'camera' && isLocal()) {
+            FaceLandmarksDetector.stopDetection(store);
+        }
+
+        break;
+    }
+    case ADD_FACE_LANDMARKS: {
+        const state = getState();
+        const { faceLandmarks } = action;
+        const conference = getCurrentConference(state);
+
+        if (getParticipantCount(state) > 1) {
+            sendFaceExpressionToParticipants(conference, faceLandmarks);
+        }
+
+        // Disabling for now as there is no value of having the data in speakerstats at the server
+        // sendFaceExpressionToServer(conference, faceLandmarks);
+
+        break;
+    }
+    case NEW_FACE_COORDINATES: {
+        const state = getState();
+        const { faceBox } = action;
+        const conference = getCurrentConference(state);
+        const localParticipant = getLocalParticipant(state);
+
+        if (getParticipantCount(state) > 1) {
+            sendFaceBoxToParticipants(conference, faceBox);
+        }
+
+        dispatch({
+            type: UPDATE_FACE_COORDINATES,
+            faceBox,
+            id: localParticipant?.id
+        });
+
+        break;
+    }
+    }
+
+    return next(action);
+});
diff --git a/react/features/face-landmarks/reducer.ts b/react/features/face-landmarks/reducer.ts
new file mode 100644
index 0000000..b9625a0
--- /dev/null
+++ b/react/features/face-landmarks/reducer.ts
@@ -0,0 +1,61 @@
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import {
+    ADD_FACE_LANDMARKS,
+    CLEAR_FACE_LANDMARKS_BUFFER,
+    UPDATE_FACE_COORDINATES
+} from './actionTypes';
+import { FaceBox, FaceLandmarks } from './types';
+
+const defaultState = {
+    faceBoxes: {},
+    faceLandmarks: [],
+    faceLandmarksBuffer: [],
+    recognitionActive: false
+};
+
+export interface IFaceLandmarksState {
+    faceBoxes: { [key: string]: FaceBox; };
+    faceLandmarks: Array<FaceLandmarks>;
+    faceLandmarksBuffer: Array<{
+        emotion: string;
+        timestamp: number;
+    }>;
+    recognitionActive: boolean;
+}
+
+ReducerRegistry.register<IFaceLandmarksState>('features/face-landmarks',
+(state = defaultState, action): IFaceLandmarksState => {
+    switch (action.type) {
+    case ADD_FACE_LANDMARKS: {
+        const { addToBuffer, faceLandmarks }: { addToBuffer: boolean; faceLandmarks: FaceLandmarks; } = action;
+
+        return {
+            ...state,
+            faceLandmarks: [ ...state.faceLandmarks, faceLandmarks ],
+            faceLandmarksBuffer: addToBuffer ? [ ...state.faceLandmarksBuffer,
+                {
+                    emotion: faceLandmarks.faceExpression,
+                    timestamp: faceLandmarks.timestamp
+                } ] : state.faceLandmarksBuffer
+        };
+    }
+    case CLEAR_FACE_LANDMARKS_BUFFER: {
+        return {
+            ...state,
+            faceLandmarksBuffer: []
+        };
+    }
+    case UPDATE_FACE_COORDINATES: {
+        return {
+            ...state,
+            faceBoxes: {
+                ...state.faceBoxes,
+                [action.id]: action.faceBox
+            }
+        };
+    }
+    }
+
+    return state;
+});
diff --git a/react/features/face-landmarks/types.ts b/react/features/face-landmarks/types.ts
new file mode 100644
index 0000000..876754e
--- /dev/null
+++ b/react/features/face-landmarks/types.ts
@@ -0,0 +1,39 @@
+export type DetectInput = {
+
+    // @ts-ignore
+    image: ImageBitmap | ImageData;
+    threshold: number;
+};
+
+export type FaceBox = {
+    left: number;
+    right: number;
+    width?: number;
+};
+
+export type InitInput = {
+    baseUrl: string;
+    detectionTypes: string[];
+};
+
+export type DetectOutput = {
+    faceBox?: FaceBox;
+    faceCount: number;
+    faceExpression?: FaceExpression;
+};
+
+export type FaceExpression = {
+    expression: string;
+    score: number;
+};
+
+export type FaceLandmarks = {
+
+    // duration in milliseconds of the face landmarks
+    duration: number;
+    faceExpression: string;
+    score?: number;
+
+    // the start timestamp of the expression
+    timestamp: number;
+};
diff --git a/react/features/feedback/actionTypes.ts b/react/features/feedback/actionTypes.ts
new file mode 100644
index 0000000..98d7292
--- /dev/null
+++ b/react/features/feedback/actionTypes.ts
@@ -0,0 +1,29 @@
+/**
+ * The type of the action which signals feedback was closed without submitting.
+ *
+ * {
+ *     type: CANCEL_FEEDBACK,
+ *     message: string,
+ *     score: number
+ * }
+ */
+export const CANCEL_FEEDBACK = 'CANCEL_FEEDBACK';
+
+/**
+ * The type of the action which signals feedback failed to be recorded.
+ *
+ * {
+ *     type: SUBMIT_FEEDBACK_ERROR
+ *     error: string
+ * }
+ */
+export const SUBMIT_FEEDBACK_ERROR = 'SUBMIT_FEEDBACK_ERROR';
+
+/**
+ * The type of the action which signals feedback has been recorded.
+ *
+ * {
+ *     type: SUBMIT_FEEDBACK_SUCCESS,
+ * }
+ */
+export const SUBMIT_FEEDBACK_SUCCESS = 'SUBMIT_FEEDBACK_SUCCESS';
diff --git a/react/features/feedback/actions.web.ts b/react/features/feedback/actions.web.ts
new file mode 100644
index 0000000..9f2d497
--- /dev/null
+++ b/react/features/feedback/actions.web.ts
@@ -0,0 +1,197 @@
+// @ts-expect-error
+import { FEEDBACK_REQUEST_IN_PROGRESS } from '../../../modules/UI/UIErrors';
+import { IStore } from '../app/types';
+import { IJitsiConference } from '../base/conference/reducer';
+import { openDialog } from '../base/dialog/actions';
+import { extractFqnFromPath } from '../dynamic-branding/functions.any';
+
+import {
+    CANCEL_FEEDBACK,
+    SUBMIT_FEEDBACK_ERROR,
+    SUBMIT_FEEDBACK_SUCCESS
+} from './actionTypes';
+import FeedbackDialog from './components/FeedbackDialog.web';
+import { sendFeedbackToJaaSRequest, shouldSendJaaSFeedbackMetadata } from './functions.web';
+
+/**
+ * Caches the passed in feedback in the redux store.
+ *
+ * @param {number} score - The quality score given to the conference.
+ * @param {string} message - A description entered by the participant that
+ * explains the rating.
+ * @returns {{
+ *     type: CANCEL_FEEDBACK,
+ *     message: string,
+ *     score: number
+ * }}
+ */
+export function cancelFeedback(score: number, message: string) {
+    return {
+        type: CANCEL_FEEDBACK,
+        message,
+        score
+    };
+}
+
+/**
+ * Potentially open the {@code FeedbackDialog}. It will not be opened if it is
+ * already open or feedback has already been submitted.
+ *
+ * @param {JistiConference} conference - The conference for which the feedback
+ * would be about. The conference is passed in because feedback can occur after
+ * a conference has been left, so references to it may no longer exist in redux.
+ * @param {string} title - The feedback dialog title.
+ * @returns {Promise} Resolved with value - false if the dialog is enabled and
+ * resolved with true if the dialog is disabled or the feedback was already
+ * submitted. Rejected if another dialog is already displayed.
+ */
+export function maybeOpenFeedbackDialog(conference: IJitsiConference, title?: string) {
+    type R = {
+        feedbackSubmitted: boolean;
+        showThankYou: boolean;
+        wasDialogShown: boolean;
+    };
+
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']): Promise<R> => {
+        const state = getState();
+        const { feedbackPercentage = 100 } = state['features/base/config'];
+
+        if (config.iAmRecorder) {
+            // Intentionally fall through the if chain to prevent further action
+            // from being taken with regards to showing feedback.
+        } else if (state['features/base/dialog'].component === FeedbackDialog) {
+            // Feedback is currently being displayed.
+
+            return Promise.reject(FEEDBACK_REQUEST_IN_PROGRESS);
+        } else if (state['features/feedback'].submitted) {
+            // Feedback has been submitted already.
+
+            return Promise.resolve({
+                feedbackSubmitted: true,
+                showThankYou: true,
+                wasDialogShown: false
+            });
+        } else if (shouldSendJaaSFeedbackMetadata(state)
+                && feedbackPercentage > Math.random() * 100) {
+            return new Promise(resolve => {
+                dispatch(openFeedbackDialog(conference, title, () => {
+                    const { submitted } = getState()['features/feedback'];
+
+                    resolve({
+                        feedbackSubmitted: submitted,
+                        showThankYou: false,
+                        wasDialogShown: true
+                    });
+                }));
+            });
+        }
+
+        // If the feedback functionality isn't enabled we show a "thank you"
+        // message. Signaling it (true), so the caller of requestFeedback can
+        // act on it.
+        return Promise.resolve({
+            feedbackSubmitted: false,
+            showThankYou: true,
+            wasDialogShown: false
+        });
+    };
+}
+
+/**
+ * Opens {@code FeedbackDialog}.
+ *
+ * @param {JitsiConference} conference - The JitsiConference that is being
+ * rated. The conference is passed in because feedback can occur after a
+ * conference has been left, so references to it may no longer exist in redux.
+ * @param {string} [title] - The feedback dialog title.
+ * @param {Function} [onClose] - An optional callback to invoke when the dialog
+ * is closed.
+ * @returns {Object}
+ */
+export function openFeedbackDialog(conference?: IJitsiConference, title?: string, onClose?: Function) {
+    return openDialog('FeedbackDialog', FeedbackDialog, {
+        conference,
+        onClose,
+        title
+    });
+}
+
+/**
+ * Sends feedback metadata to JaaS endpoint.
+ *
+ * @param {JitsiConference} conference - The JitsiConference that is being rated.
+ * @param {Object} feedback - The feedback message and score.
+ *
+ * @returns {Promise}
+ */
+export function sendJaasFeedbackMetadata(conference: IJitsiConference, feedback: Object) {
+    return (_dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+
+        if (!shouldSendJaaSFeedbackMetadata(state)) {
+            return Promise.resolve();
+        }
+
+        const { jaasFeedbackMetadataURL } = state['features/base/config'];
+        const { jwt, user, tenant } = state['features/base/jwt'];
+        const meetingFqn = extractFqnFromPath();
+        const feedbackData = {
+            ...feedback,
+            sessionId: conference.sessionId,
+            userId: user?.id,
+            meetingFqn,
+            jwt,
+            tenant
+        };
+
+        return sendFeedbackToJaaSRequest(jaasFeedbackMetadataURL, feedbackData);
+    };
+}
+
+/**
+ * Send the passed in feedback.
+ *
+ * @param {number} score - An integer between 1 and 5 indicating the user
+ * feedback. The negative integer -1 is used to denote no score was selected.
+ * @param {string} message - Detailed feedback from the user to explain the
+ * rating.
+ * @param {JitsiConference} conference - The JitsiConference for which the
+ * feedback is being left.
+ * @returns {Function}
+ */
+export function submitFeedback(
+        score: number,
+        message: string,
+        conference: IJitsiConference) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const promises = [];
+
+        if (shouldSendJaaSFeedbackMetadata(state)) {
+            promises.push(dispatch(sendJaasFeedbackMetadata(conference, {
+                score,
+                message
+            })));
+        }
+
+        return Promise.allSettled(promises)
+        .then(results => {
+            const rejected = results.find((result): result is PromiseRejectedResult => result?.status === 'rejected');
+
+            if (typeof rejected === 'undefined') {
+                dispatch({ type: SUBMIT_FEEDBACK_SUCCESS });
+
+                return Promise.resolve();
+            }
+
+            const error = rejected.reason;
+
+            dispatch({
+                type: SUBMIT_FEEDBACK_ERROR,
+                error
+            });
+
+            return Promise.reject(error);
+        });
+    };
+}
diff --git a/react/features/feedback/components/FeedbackButton.native.ts b/react/features/feedback/components/FeedbackButton.native.ts
new file mode 100644
index 0000000..e69de29
diff --git a/react/features/feedback/components/FeedbackButton.web.ts b/react/features/feedback/components/FeedbackButton.web.ts
new file mode 100644
index 0000000..7597c6a
--- /dev/null
+++ b/react/features/feedback/components/FeedbackButton.web.ts
@@ -0,0 +1,57 @@
+
+import { connect } from 'react-redux';
+
+import { createToolbarEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { IReduxState } from '../../app/types';
+import { IJitsiConference } from '../../base/conference/reducer';
+import { translate } from '../../base/i18n/functions';
+import { IconFeedback } from '../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../base/toolbox/components/AbstractButton';
+import { openFeedbackDialog } from '../actions';
+import { shouldSendJaaSFeedbackMetadata } from '../functions.web';
+
+/**
+ * The type of the React {@code Component} props of {@link FeedbackButton}.
+ */
+interface IProps extends AbstractButtonProps {
+
+    /**
+     * The {@code JitsiConference} for the current conference.
+     */
+    _conference?: IJitsiConference;
+}
+
+/**
+ * Implementation of a button for opening feedback dialog.
+ */
+class FeedbackButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.feedback';
+    override icon = IconFeedback;
+    override label = 'toolbar.feedback';
+    override tooltip = 'toolbar.feedback';
+
+    /**
+     * Handles clicking / pressing the button, and opens the appropriate dialog.
+     *
+     * @protected
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { _conference, dispatch } = this.props;
+
+        sendAnalytics(createToolbarEvent('feedback'));
+        dispatch(openFeedbackDialog(_conference));
+    }
+}
+
+const mapStateToProps = (state: IReduxState) => {
+    const { conference } = state['features/base/conference'];
+
+    return {
+        _conference: conference,
+        visible: shouldSendJaaSFeedbackMetadata(state)
+    };
+};
+
+export default translate(connect(mapStateToProps)(FeedbackButton));
diff --git a/react/features/feedback/components/FeedbackDialog.native.ts b/react/features/feedback/components/FeedbackDialog.native.ts
new file mode 100644
index 0000000..5dae9e6
--- /dev/null
+++ b/react/features/feedback/components/FeedbackDialog.native.ts
@@ -0,0 +1,3 @@
+import { Component } from 'react';
+
+export default Component;
diff --git a/react/features/feedback/components/FeedbackDialog.web.tsx b/react/features/feedback/components/FeedbackDialog.web.tsx
new file mode 100644
index 0000000..ba96f54
--- /dev/null
+++ b/react/features/feedback/components/FeedbackDialog.web.tsx
@@ -0,0 +1,330 @@
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { createFeedbackOpenEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { IReduxState } from '../../app/types';
+import { IJitsiConference } from '../../base/conference/reducer';
+import { isMobileBrowser } from '../../base/environment/utils';
+import Icon from '../../base/icons/components/Icon';
+import { IconFavorite, IconFavoriteSolid } from '../../base/icons/svg';
+import Dialog from '../../base/ui/components/web/Dialog';
+import Input from '../../base/ui/components/web/Input';
+import { cancelFeedback, submitFeedback } from '../actions.web';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        dialog: {
+            marginBottom: theme.spacing(1)
+        },
+
+        rating: {
+            display: 'flex',
+            flexDirection: 'column-reverse' as const,
+            alignItems: 'center',
+            justifyContent: 'center',
+            marginTop: theme.spacing(4),
+            marginBottom: theme.spacing(3)
+        },
+
+        ratingLabel: {
+            ...theme.typography.bodyShortBold,
+            color: theme.palette.text01,
+            marginBottom: theme.spacing(2),
+            height: '20px'
+        },
+
+        stars: {
+            display: 'flex'
+        },
+
+        starBtn: {
+            display: 'inline-block',
+            cursor: 'pointer',
+            marginRight: theme.spacing(3),
+
+            '&:last-of-type': {
+                marginRight: 0
+            },
+
+            '&.active svg': {
+                fill: theme.palette.success01
+            },
+
+            '&:focus': {
+                outline: `1px solid ${theme.palette.action01}`,
+                borderRadius: '4px'
+            }
+        },
+
+        title: {
+            fontSize: '1rem'
+        },
+
+        details: {
+            '& textarea': {
+                minHeight: '122px'
+            }
+        }
+    };
+});
+
+/**
+ * The scores to display for selecting. The score is the index in the array and
+ * the value of the index is a translation key used for display in the dialog.
+ */
+const SCORES = [
+    'feedback.veryBad',
+    'feedback.bad',
+    'feedback.average',
+    'feedback.good',
+    'feedback.veryGood'
+];
+
+const ICON_SIZE = 32;
+
+/**
+ * The type of the React {@code Component} props of {@link FeedbackDialog}.
+ */
+interface IProps {
+
+    /**
+     * The JitsiConference that is being rated. The conference is passed in
+     * because feedback can occur after a conference has been left, so
+     * references to it may no longer exist in redux.
+     */
+    conference: IJitsiConference;
+
+    /**
+     * Callback invoked when {@code FeedbackDialog} is unmounted.
+     */
+    onClose: Function;
+
+    /**
+     * The title to display in the dialog. Usually the reason that triggered the feedback.
+     */
+    title?: string;
+}
+
+/**
+ * A React {@code Component} for displaying a dialog to rate the current
+ * conference quality, write a message describing the experience, and submit
+ * the feedback.
+ *
+ * @param {IProps} props - Component's props.
+ * @returns {JSX}
+ */
+const FeedbackDialog = ({ conference, onClose, title }: IProps) => {
+    const { classes } = useStyles();
+    const dispatch = useDispatch();
+    const { t } = useTranslation();
+    const _message = useSelector((state: IReduxState) => state['features/feedback'].message);
+    const _score = useSelector((state: IReduxState) => state['features/feedback'].score);
+
+    /**
+     * The currently entered feedback message.
+     */
+    const [ message, setMessage ] = useState(_message);
+
+    /**
+     * The score selection index which is currently being hovered. The
+     * value -1 is used as a sentinel value to match store behavior of
+     * using -1 for no score having been selected.
+     */
+    const [ mousedOverScore, setMousedOverScore ] = useState(-1);
+
+    /**
+     * The currently selected score selection index. The score will not
+     * be 0 indexed so subtract one to map with SCORES.
+     */
+    const [ score, setScore ] = useState(_score > -1 ? _score - 1 : _score);
+
+    /**
+     * An array of objects with click handlers for each of the scores listed in
+     * the constant SCORES. This pattern is used for binding event handlers only
+     * once for each score selection icon.
+     */
+    const scoreClickConfigurations = useRef(SCORES.map((textKey, index) => {
+        return {
+            _onClick: () => onScoreSelect(index),
+            _onKeyDown: (e: React.KeyboardEvent) => {
+                if (e.key === ' ' || e.key === 'Enter') {
+                    e.stopPropagation();
+                    e.preventDefault();
+                    onScoreSelect(index);
+                }
+            },
+            _onMouseOver: () => onScoreMouseOver(index)
+        };
+    }));
+
+    useEffect(() => {
+        sendAnalytics(createFeedbackOpenEvent());
+        if (typeof APP !== 'undefined') {
+            APP.API.notifyFeedbackPromptDisplayed();
+        }
+
+        return () => {
+            onClose?.();
+        };
+    }, []);
+
+    /**
+     * Dispatches an action notifying feedback was not submitted. The submitted
+     * score will have one added as the rest of the app does not expect 0
+     * indexing.
+     *
+     * @private
+     * @returns {boolean} Returns true to close the dialog.
+     */
+    const onCancel = useCallback(() => {
+        const scoreToSubmit = score > -1 ? score + 1 : score;
+
+        dispatch(cancelFeedback(scoreToSubmit, message));
+
+        return true;
+    }, [ score, message ]);
+
+    /**
+     * Updates the known entered feedback message.
+     *
+     * @param {string} newValue - The new value from updating the textfield for the
+     * feedback message.
+     * @private
+     * @returns {void}
+     */
+    const onMessageChange = useCallback((newValue: string) => {
+        setMessage(newValue);
+    }, []);
+
+    /**
+     * Updates the currently selected score.
+     *
+     * @param {number} newScore - The index of the selected score in SCORES.
+     * @private
+     * @returns {void}
+     */
+    function onScoreSelect(newScore: number) {
+        setScore(newScore);
+    }
+
+    /**
+     * Sets the currently hovered score to null to indicate no hover is
+     * occurring.
+     *
+     * @private
+     * @returns {void}
+     */
+    const onScoreContainerMouseLeave = useCallback(() => {
+        setMousedOverScore(-1);
+    }, []);
+
+    /**
+     * Updates the known state of the score icon currently behind hovered over.
+     *
+     * @param {number} newMousedOverScore - The index of the SCORES value currently
+     * being moused over.
+     * @private
+     * @returns {void}
+     */
+    function onScoreMouseOver(newMousedOverScore: number) {
+        setMousedOverScore(newMousedOverScore);
+    }
+
+    /**
+     * Dispatches the entered feedback for submission. The submitted score will
+     * have one added as the rest of the app does not expect 0 indexing.
+     *
+     * @private
+     * @returns {boolean} Returns true to close the dialog.
+     */
+    const _onSubmit = useCallback(() => {
+        const scoreToSubmit = score > -1 ? score + 1 : score;
+
+        dispatch(submitFeedback(scoreToSubmit, message, conference));
+
+        return true;
+    }, [ score, message, conference ]);
+
+    const scoreToDisplayAsSelected
+        = mousedOverScore > -1 ? mousedOverScore : score;
+
+    const scoreIcons = scoreClickConfigurations.current.map(
+        (config, index) => {
+            const isFilled = index <= scoreToDisplayAsSelected;
+            const activeClass = isFilled ? 'active' : '';
+            const className
+                = `${classes.starBtn} ${activeClass}`;
+
+            return (
+                <span
+                    aria-label = { t(SCORES[index]) }
+                    className = { className }
+                    key = { index }
+                    onClick = { config._onClick }
+                    onKeyDown = { config._onKeyDown }
+                    role = 'button'
+                    tabIndex = { 0 }
+                    { ...(isMobileBrowser() ? {} : {
+                        onMouseOver: config._onMouseOver
+                    }) }>
+                    {isFilled
+                        ? <Icon
+                            size = { ICON_SIZE }
+                            src = { IconFavoriteSolid } />
+                        : <Icon
+                            size = { ICON_SIZE }
+                            src = { IconFavorite } />}
+                </span>
+            );
+        });
+
+
+    return (
+        <Dialog
+            disableEnter = { true }
+            ok = {{
+                translationKey: 'dialog.Submit'
+            }}
+            onCancel = { onCancel }
+            onSubmit = { _onSubmit }
+            size = 'large'
+            titleKey = 'feedback.rateExperience'>
+            <div className = { classes.dialog }>
+                {title ? <div className = { classes.title }>{t(title)}</div> : null}
+                <div className = { classes.rating }>
+                    <div
+                        className = { classes.stars }
+                        onMouseLeave = { onScoreContainerMouseLeave }>
+                        {scoreIcons}
+                    </div>
+                    <div
+                        className = { classes.ratingLabel } >
+                        <p className = 'sr-only'>
+                            {t('feedback.accessibilityLabel.yourChoice', {
+                                rating: t(SCORES[scoreToDisplayAsSelected])
+                            })}
+                        </p>
+                        <p
+                            aria-hidden = { true }
+                            id = 'starLabel'>
+                            {t(SCORES[scoreToDisplayAsSelected])}
+                        </p>
+                    </div>
+                </div>
+                <div className = { classes.details }>
+                    <Input
+                        id = 'feedbackTextArea'
+                        label = { t('feedback.detailsLabel') }
+                        onChange = { onMessageChange }
+                        textarea = { true }
+                        value = { message } />
+                </div>
+            </div>
+        </Dialog>
+    );
+};
+
+export default FeedbackDialog;
diff --git a/react/features/feedback/functions.web.ts b/react/features/feedback/functions.web.ts
new file mode 100644
index 0000000..96aea74
--- /dev/null
+++ b/react/features/feedback/functions.web.ts
@@ -0,0 +1,70 @@
+import { IReduxState } from '../app/types';
+import { isVpaasMeeting } from '../jaas/functions';
+
+import logger from './logger';
+
+/**
+ * Sends feedback metadata to JaaS endpoints.
+ *
+ * @param {string|undefined} url - The JaaS metadata endpoint URL.
+ * @param {Object} feedbackData - The feedback data object.
+ * @returns {Promise}
+ */
+export async function sendFeedbackToJaaSRequest(url: string | undefined, feedbackData: {
+    jwt?: string; meetingFqn: string; message?: string; score?: number;
+    sessionId: string; tenant?: string; userId?: string;
+}) {
+    if (!url) {
+        throw new TypeError('Trying to send jaas feedback request to an undefined URL!');
+    }
+
+    const {
+        jwt,
+        sessionId,
+        meetingFqn,
+        score,
+        message,
+        userId,
+        tenant
+    } = feedbackData;
+    const headers = {
+        'Authorization': `Bearer ${jwt}`,
+        'Content-Type': 'application/json'
+    };
+    const data = {
+        sessionId,
+        meetingFqn,
+        userId,
+        tenant,
+        submitted: new Date().getTime(),
+        rating: score,
+        comments: message
+    };
+
+    try {
+        const res = await fetch(url, {
+            method: 'POST',
+            headers,
+            body: JSON.stringify(data)
+        });
+
+        if (!res.ok) {
+            logger.error('Status error:', res.status);
+        }
+    } catch (err) {
+        logger.error('Could not send request', err);
+    }
+}
+
+/**
+ * Returns whether jaas feedback metadata should be send or not.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @returns {boolean} - True if jaas feedback metadata should be send and false otherwise.
+ */
+export function shouldSendJaaSFeedbackMetadata(state: IReduxState) {
+    const { jaasFeedbackMetadataURL } = state['features/base/config'];
+
+    return Boolean(isVpaasMeeting(state) && jaasFeedbackMetadataURL);
+}
+
diff --git a/react/features/feedback/hooks.web.ts b/react/features/feedback/hooks.web.ts
new file mode 100644
index 0000000..2eb2fae
--- /dev/null
+++ b/react/features/feedback/hooks.web.ts
@@ -0,0 +1,23 @@
+import { useSelector } from 'react-redux';
+
+import FeedbackButtonWeb from './components/FeedbackButton.web';
+import { shouldSendJaaSFeedbackMetadata } from './functions.web';
+
+const feedback = {
+    key: 'feedback',
+    Content: FeedbackButtonWeb,
+    group: 4
+};
+
+/**
+ * A hook that returns the feedback button if it is enabled and undefined otherwise.
+ *
+ *  @returns {Object | undefined}
+ */
+export function useFeedbackButton() {
+    const visible = useSelector(shouldSendJaaSFeedbackMetadata);
+
+    if (visible) {
+        return feedback;
+    }
+}
diff --git a/react/features/feedback/logger.ts b/react/features/feedback/logger.ts
new file mode 100644
index 0000000..c10badc
--- /dev/null
+++ b/react/features/feedback/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:feedback');
diff --git a/react/features/feedback/reducer.ts b/react/features/feedback/reducer.ts
new file mode 100644
index 0000000..9eab8cc
--- /dev/null
+++ b/react/features/feedback/reducer.ts
@@ -0,0 +1,51 @@
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import {
+    CANCEL_FEEDBACK,
+    SUBMIT_FEEDBACK_ERROR,
+    SUBMIT_FEEDBACK_SUCCESS
+} from './actionTypes';
+
+const DEFAULT_STATE = {
+    message: '',
+
+    // The sentinel value -1 is used to denote no rating has been set and to
+    // preserve pre-redux behavior.
+    score: -1,
+    submitted: false
+};
+
+export interface IFeedbackState {
+    message: string;
+    score: number;
+    submitted: boolean;
+}
+
+/**
+ * Reduces the Redux actions of the feature features/feedback.
+ */
+ReducerRegistry.register<IFeedbackState>(
+    'features/feedback',
+    (state = DEFAULT_STATE, action): IFeedbackState => {
+        switch (action.type) {
+        case CANCEL_FEEDBACK: {
+            return {
+                ...state,
+                message: action.message,
+                score: action.score
+            };
+        }
+
+        case SUBMIT_FEEDBACK_ERROR:
+        case SUBMIT_FEEDBACK_SUCCESS: {
+            return {
+                ...state,
+                message: '',
+                score: -1,
+                submitted: true
+            };
+        }
+        }
+
+        return state;
+    });
diff --git a/react/features/file-sharing/actionTypes.ts b/react/features/file-sharing/actionTypes.ts
new file mode 100644
index 0000000..7432a99
--- /dev/null
+++ b/react/features/file-sharing/actionTypes.ts
@@ -0,0 +1,70 @@
+/**
+ * The type of redux action to update file progress.
+ *
+ * {
+ *     type: UPDATE_FILE_UPLOAD_PROGRESS,
+ *     fileId: string,
+ *     progress: number
+ * }
+ */
+export const UPDATE_FILE_UPLOAD_PROGRESS = 'UPDATE_FILE_UPLOAD_PROGRESS';
+
+/**
+ * The type of redux action to upload files.
+ *
+ * {
+ *     type: UPLOAD_FILES,
+ *     files: Array<File>
+ * }
+ */
+export const UPLOAD_FILES = 'UPLOAD_FILES';
+
+/**
+ * The type of redux action to add file data to the state.
+ *
+ * {
+ *     type: ADD_FILE,
+ *     file: IFileMetadata
+ * }
+ */
+export const ADD_FILE = 'ADD_FILE';
+
+/**
+ * The type of redux action to add files to the state.
+ *
+ * {
+ *    type: _FILE_LIST_RECEIVED,
+ *    files: Array<IFileMetadata>
+ * }
+ */
+export const _FILE_LIST_RECEIVED = '_FILE_LIST_RECEIVED';
+
+/**
+ * The type of redux action to remove a file from the state as it was removed from the backend.
+ *
+ * {
+ *    type: _FILE_REMOVED,
+ *    fileId: string
+ * }
+ */
+export const _FILE_REMOVED = '_FILE_REMOVED';
+
+/**
+ * The type of redux action to remove a file from the backend.
+ *
+ * {
+ *     type: REMOVE_FILE,
+ *     fileId: string
+ * }
+ */
+export const REMOVE_FILE = 'REMOVE_FILE';
+
+/**
+ * The type of redux action to download a file.
+ *
+ * {
+ *     type: DOWNLOAD_FILE,
+ *     fileId: string
+ * }
+ */
+export const DOWNLOAD_FILE = 'DOWNLOAD_FILE';
diff --git a/react/features/file-sharing/actions.ts b/react/features/file-sharing/actions.ts
new file mode 100644
index 0000000..3df5706
--- /dev/null
+++ b/react/features/file-sharing/actions.ts
@@ -0,0 +1,77 @@
+import {
+    ADD_FILE,
+    DOWNLOAD_FILE,
+    REMOVE_FILE,
+    UPDATE_FILE_UPLOAD_PROGRESS,
+    UPLOAD_FILES
+} from './actionTypes';
+import { IFileMetadata } from './types';
+
+/**
+ * Upload files.
+ *
+ * @param {File[]} files - The files to upload.
+ * @returns {Object}
+ */
+export function uploadFiles(files: File[]) {
+    return {
+        type: UPLOAD_FILES,
+        files
+    };
+}
+
+/**
+ * Update a file's upload progress.
+ *
+ * @param {string} fileId - The ID of the file to update.
+ * @param {number} progress - The new progress value.
+ * @returns {Object}
+ */
+export function updateFileProgress(fileId: string, progress: number) {
+    return {
+        type: UPDATE_FILE_UPLOAD_PROGRESS,
+        fileId,
+        progress
+    };
+}
+
+/**
+ * Add a file.
+ *
+ * @param {IFileMetadata} file - The file to add to the state.
+ * @param {boolean} shouldIncrementUnread - Whether to increment the unread count.
+ * @returns {Object}
+ */
+export function addFile(file: IFileMetadata, shouldIncrementUnread = false) {
+    return {
+        type: ADD_FILE,
+        file,
+        shouldIncrementUnread
+    };
+}
+
+/**
+ * Remove a file from the backend.
+ *
+ * @param {string} fileId - The ID of the file to remove.
+ * @returns {Object}
+ */
+export function removeFile(fileId: string) {
+    return {
+        type: REMOVE_FILE,
+        fileId
+    };
+}
+
+/**
+ * Download a file.
+ *
+ * @param {string} fileId - The ID of the file to download.
+ * @returns {Object}
+ */
+export function downloadFile(fileId: string) {
+    return {
+        type: DOWNLOAD_FILE,
+        fileId
+    };
+}
diff --git a/react/features/file-sharing/components/web/FileItem.tsx b/react/features/file-sharing/components/web/FileItem.tsx
new file mode 100644
index 0000000..772c52c
--- /dev/null
+++ b/react/features/file-sharing/components/web/FileItem.tsx
@@ -0,0 +1,369 @@
+import React, { useCallback, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { makeStyles } from 'tss-react/mui';
+
+import Avatar from '../../../base/avatar/components/Avatar';
+import Icon from '../../../base/icons/components/Icon';
+import { IconDownload, IconTrash } from '../../../base/icons/svg';
+import BaseTheme from '../../../base/ui/components/BaseTheme.web';
+import {
+    formatFileSize,
+    formatTimestamp,
+    getFileIcon
+} from '../../functions.any';
+import { IFileMetadata } from '../../types';
+
+/**
+ * Props for the FileItem component.
+ */
+interface IFileItemProps {
+
+    /**
+     * Whether to show action buttons (download, remove).
+     */
+    actionsVisible?: boolean;
+
+    /**
+     * Additional CSS class name.
+     */
+    className?: string;
+
+    /**
+     * The file metadata to display.
+     */
+    file: IFileMetadata;
+
+    /**
+     * Size of the file icon in pixels (default: 64).
+     */
+    iconSize?: number;
+
+    /**
+     * Callback function when download button is clicked.
+     */
+    onDownload?: (fileId: string) => void;
+
+    /**
+     * Callback function when remove button is clicked.
+     */
+    onRemove?: (fileId: string) => void;
+
+    /**
+     * Whether to show the author/uploader information.
+     */
+    showAuthor?: boolean;
+
+    /**
+     * Whether to show the remove button.
+     */
+    showRemoveButton?: boolean;
+
+    /**
+     * Whether to show the timestamp.
+     */
+    showTimestamp?: boolean;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        buttonContainer: {
+            alignItems: 'center',
+            bottom: 0,
+            display: 'flex',
+            justifyContent: 'end',
+            gap: theme.spacing(2),
+            position: 'absolute',
+            right: theme.spacing(3),
+            top: 0
+        },
+
+        fileIconContainer: {
+            display: 'flex',
+            flexShrink: 0,
+            margin: 'auto'
+        },
+
+        fileItem: {
+            backgroundColor: theme.palette.ui02,
+            borderRadius: theme.shape.borderRadius,
+            boxSizing: 'border-box',
+            display: 'flex',
+            flexDirection: 'row',
+            gap: theme.spacing(3),
+            justifyContent: 'space-between',
+            maxWidth: '100%',
+            minWidth: 0,
+            padding: theme.spacing(3),
+            position: 'relative',
+
+            '& .actionIconVisibility': {
+                opacity: 0,
+                transition: 'opacity 0.2s'
+            },
+
+            '& .timestampVisibility': {
+                opacity: 1
+            },
+
+            '&:hover': {
+                backgroundColor: theme.palette.ui03,
+
+                '& .actionIconVisibility': {
+                    opacity: 1
+                },
+
+                '& .timestampVisibility': {
+                    opacity: 0
+                }
+            },
+
+            '&.focused .actionIconVisibility': {
+                opacity: 1
+            },
+
+            '&.focused .timestampVisibility': {
+                opacity: 0
+            }
+        },
+
+        fileItemDetails: {
+            display: 'flex',
+            flexDirection: 'column',
+            flex: 1,
+            gap: theme.spacing(1),
+            justifyContent: 'center',
+            minWidth: 0,
+            overflow: 'hidden'
+        },
+
+        fileName: {
+            ...theme.typography.labelBold,
+            gap: theme.spacing(1),
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap'
+        },
+
+        fileAuthorParticipant: {
+            alignItems: 'center',
+            display: 'inline-flex',
+            gap: theme.spacing(1)
+        },
+
+        fileAuthorParticipantName: {
+            ...theme.typography.labelBold,
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap'
+        },
+
+        fileSize: {
+            ...theme.typography.labelRegular
+        },
+
+        fileTimestamp: {
+            ...theme.typography.labelRegular,
+            display: 'flex',
+            lineHeight: '1.2rem',
+            marginTop: theme.spacing(1),
+            textAlign: 'center'
+        },
+
+        iconButton: {
+            background: 'none',
+            border: 'none',
+            cursor: 'pointer',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            marginLeft: '8px',
+            padding: 0,
+
+            '&:focus-visible': {
+                outline: `2px solid ${theme.palette.action01}`,
+                borderRadius: '4px'
+            }
+        },
+
+        progressBar: {
+            backgroundColor: theme.palette.ui03,
+            borderRadius: theme.shape.borderRadius,
+            height: 4,
+            overflow: 'hidden',
+            width: '100%'
+        },
+
+        progressFill: {
+            backgroundColor: theme.palette.action01,
+            height: '100%',
+            transition: 'width 0.3s ease'
+        }
+    };
+});
+
+/**
+ * Component for displaying file information in a consistent way across the application.
+ *
+ * @param {IFileItemProps} props - The component props.
+ * @returns {JSX.Element} The FileItem component.
+ */
+const FileItem = ({
+    actionsVisible = true,
+    className = '',
+    file,
+    iconSize = 64,
+    onDownload,
+    onRemove,
+    showAuthor = true,
+    showRemoveButton = false,
+    showTimestamp = true
+}: IFileItemProps) => {
+    const { classes, cx } = useStyles();
+    const [ isFocused, setIsFocused ] = useState(false);
+    const { t } = useTranslation();
+    const isUploading = (file.progress ?? 100) < 100;
+
+    /**
+     * Handles the download button click.
+     *
+     * @returns {void}
+     */
+    const handleDownload = useCallback(() => {
+        onDownload?.(file.fileId);
+    }, [ onDownload, file.fileId ]);
+
+    /**
+     * Handles the remove button click.
+     *
+     * @returns {void}
+     */
+    const handleRemove = useCallback(() => {
+        onRemove?.(file.fileId);
+    }, [ onRemove, file.fileId ]);
+
+    /**
+     * Handles blur event to remove focus state.
+     *
+     * @param {React.FocusEvent} e - The blur event.
+     * @returns {void}
+     */
+    const handleBlur = useCallback((e: React.FocusEvent) => {
+        if (!e.currentTarget.contains(e.relatedTarget as Node)) {
+            setIsFocused(false);
+        }
+    }, []);
+
+    /**
+     * Handles focus event to set focus state.
+     *
+     * @returns {void}
+     */
+    const handleFocus = useCallback(() => {
+        setIsFocused(true);
+    }, []);
+
+    return (
+        <div
+            className = { cx(classes.fileItem, isFocused && 'focused', className) }
+            key = { file.fileId }
+            onBlur = { handleBlur }
+            onFocus = { handleFocus }
+            tabIndex = { -1 }
+            title = { file.fileName }>
+            {
+                !isUploading && (
+                    <>
+                        <div className = { classes.fileIconContainer }>
+                            <Icon
+                                color = { BaseTheme.palette.icon01 }
+                                size = { iconSize }
+                                src = { getFileIcon(file.fileType) } />
+                        </div>
+                        <div className = { classes.fileItemDetails }>
+                            <div className = { cx(classes.fileName, 'fileName') }>
+                                { file.fileName }
+                            </div>
+                            <div className = { cx(classes.fileSize, 'fileSize') }>
+                                { formatFileSize(file.fileSize) }
+                            </div>
+                            {
+                                showAuthor && (
+                                    <div className = { classes.fileAuthorParticipant }>
+                                        <Avatar
+                                            displayName = { file.authorParticipantName }
+                                            participantId = { file.authorParticipantId }
+                                            size = { 16 } />
+                                        <div className = { classes.fileAuthorParticipantName }>
+                                            { file.authorParticipantName }
+                                        </div>
+                                    </div>
+                                )
+                            }
+                        </div>
+                        {
+                            showTimestamp && (
+                                <div className = { `${classes.fileTimestamp} timestampVisibility` }>
+                                    <pre>
+                                        { formatTimestamp(file.timestamp) }
+                                    </pre>
+                                </div>
+                            )
+                        }
+                        {
+                            actionsVisible && (
+                                <div className = { `${classes.buttonContainer} actionIconVisibility` }>
+                                    {
+                                        onDownload && (
+                                            <button
+                                                aria-label = { `${t('fileSharing.downloadFile')} ${file.fileName}` }
+                                                className = { classes.iconButton }
+                                                onClick = { handleDownload }
+                                                type = 'button'>
+                                                <Icon
+                                                    color = { BaseTheme.palette.icon01 }
+                                                    size = { 24 }
+                                                    src = { IconDownload } />
+                                            </button>
+                                        )
+                                    }
+
+                                    {
+                                        showRemoveButton && onRemove && (
+                                            <button
+                                                aria-label = { `${t('fileSharing.removeFile')} ${file.fileName}` }
+                                                className = { classes.iconButton }
+                                                onClick = { handleRemove }
+                                                type = 'button'>
+                                                <Icon
+                                                    color = { BaseTheme.palette.icon01 }
+                                                    size = { 24 }
+                                                    src = { IconTrash } />
+                                            </button>
+                                        )
+                                    }
+                                </div>
+                            )
+                        }
+                    </>
+                )
+            }
+            {
+                isUploading && (
+                    <div
+                        aria-label = { t('fileSharing.fileUploadProgress') }
+                        aria-valuemax = { 100 }
+                        aria-valuemin = { 0 }
+                        aria-valuenow = { file.progress }
+                        className = { classes.progressBar }
+                        role = 'progressbar'>
+                        <div
+                            className = { classes.progressFill }
+                            style = {{ width: `${file.progress}%` }} />
+                    </div>
+                )
+            }
+        </div>
+    );
+};
+
+export default FileItem;
diff --git a/react/features/file-sharing/components/web/FileSharing.tsx b/react/features/file-sharing/components/web/FileSharing.tsx
new file mode 100644
index 0000000..0684016
--- /dev/null
+++ b/react/features/file-sharing/components/web/FileSharing.tsx
@@ -0,0 +1,244 @@
+import React, { useCallback, useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector, useStore } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState } from '../../../app/types';
+import Icon from '../../../base/icons/components/Icon';
+import { IconCloudUpload } from '../../../base/icons/svg';
+import BaseTheme from '../../../base/ui/components/BaseTheme.web';
+import Button from '../../../base/ui/components/web/Button';
+import { BUTTON_TYPES } from '../../../base/ui/constants.web';
+import { downloadFile, removeFile } from '../../actions';
+import {
+    isFileUploadingEnabled,
+    processFiles
+} from '../../functions.any';
+
+import FileItem from './FileItem';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        container: {
+            boxSizing: 'border-box',
+            display: 'flex',
+            flexDirection: 'column',
+            height: '100%',
+            margin: '0 auto',
+            maxWidth: '600px',
+            padding: theme.spacing(3),
+            position: 'relative',
+            width: '100%'
+        },
+
+        dropZone: {
+            backgroundColor: theme.palette.ui02,
+            border: `2px dashed ${theme.palette.ui03}`,
+            borderRadius: theme.shape.borderRadius,
+            bottom: 0,
+            left: 0,
+            opacity: 0,
+            position: 'absolute',
+            right: 0,
+            top: 0,
+            zIndex: 0,
+
+            '&.dragging': {
+                backgroundColor: theme.palette.ui03,
+                borderColor: theme.palette.action01,
+                opacity: 0.8,
+                zIndex: 2
+            }
+        },
+
+        fileList: {
+            display: 'flex',
+            flex: 1,
+            flexDirection: 'column',
+            gap: theme.spacing(2),
+            gridTemplateColumns: 'repeat(auto-fill, minmax(200px, 1fr))',
+            listStyleType: 'none',
+            marginBottom: theme.spacing(8),
+            marginTop: 0,
+            overflowY: 'auto',
+            padding: 0,
+            zIndex: 1,
+
+            '& > li': {
+                listStyleType: 'none',
+                margin: 0,
+                padding: 0
+            }
+        },
+
+        hiddenInput: {
+            visibility: 'hidden'
+        },
+
+        noFilesContainer: {
+            display: 'flex',
+            flexDirection: 'column',
+            height: '88%',
+            justifyContent: 'center',
+            textAlign: 'center'
+        },
+
+        noFilesText: {
+            ...theme.typography.bodyLongBold,
+            color: theme.palette.text02,
+            padding: '0 24px',
+            textAlign: 'center'
+        },
+
+        uploadButton: {
+            bottom: theme.spacing(4),
+            cursor: 'pointer',
+            left: '50%',
+            position: 'absolute',
+            transform: 'translateX(-50%)',
+            width: '85%',
+            zIndex: 1
+        },
+
+        uploadIcon: {
+            margin: '0 auto'
+        }
+    };
+});
+
+const FileSharing = () => {
+    const { classes } = useStyles();
+    const [ isDragging, setIsDragging ] = useState(false);
+    const fileInputRef = useRef<HTMLInputElement>(null);
+    const uploadButtonRef = useRef<HTMLButtonElement>(null);
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+    const store = useStore();
+    const { files } = useSelector((state: IReduxState) => state['features/file-sharing']);
+    const sortedFiles = Array.from(files.values()).sort((a, b) => a.fileName.localeCompare(b.fileName));
+    const isUploadEnabled = useSelector(isFileUploadingEnabled);
+
+    const handleDragEnter = useCallback((e: React.DragEvent) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragging(true);
+    }, []);
+
+    const handleDragLeave = useCallback((e: React.DragEvent) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragging(false);
+    }, []);
+
+    const handleDragOver = useCallback((e: React.DragEvent) => {
+        e.preventDefault();
+        e.stopPropagation();
+    }, []);
+
+    const handleFileSelect = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
+        if (e.target.files) {
+            processFiles(e.target.files as FileList, store);
+            e.target.value = ''; // Reset the input value to allow re-uploading the same file
+            uploadButtonRef.current?.focus();
+        }
+    }, [ processFiles ]);
+
+    const handleDrop = useCallback((e: React.DragEvent) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragging(false);
+
+        if (e.dataTransfer.files?.length > 0) {
+            processFiles(e.dataTransfer.files as FileList, store);
+        }
+    }, [ processFiles ]);
+
+    const handleClick = useCallback(() => {
+        fileInputRef.current?.click();
+    }, []);
+
+    const handleKeyPress = useCallback((e: React.KeyboardEvent) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (e.key === 'Enter' || e.key === ' ') {
+            fileInputRef.current?.click();
+        }
+    }, []);
+
+    /* eslint-disable react/jsx-no-bind */
+    return (
+        <div className = { classes.container }>
+            {
+                isUploadEnabled && (
+                    <>
+                        <div
+                            className = { `${classes.dropZone} ${
+                                isDragging ? 'dragging' : ''
+                            }` }
+                            onDragEnter = { handleDragEnter }
+                            onDragLeave = { handleDragLeave }
+                            onDragOver = { handleDragOver }
+                            onDrop = { handleDrop } />
+                        {
+                            sortedFiles.length === 0 && (
+                                <div
+                                    className = { classes.noFilesContainer }
+                                    onClick = { handleClick }
+                                    onKeyUp = { handleKeyPress }
+                                    role = 'button'
+                                    tabIndex = { 0 }>
+                                    <Icon
+                                        className = { classes.uploadIcon }
+                                        color = { BaseTheme.palette.icon03 }
+                                        size = { 160 }
+                                        src = { IconCloudUpload } />
+                                    <span className = { classes.noFilesText }>
+                                        { t('fileSharing.dragAndDrop') }
+                                    </span>
+                                </div>
+                            )
+                        }
+                        <input
+                            className = { classes.hiddenInput }
+                            multiple = { true }
+                            onChange = { handleFileSelect }
+                            ref = { fileInputRef }
+                            tabIndex = { -1 }
+                            type = 'file' />
+                    </>
+                )
+            }
+            {
+                sortedFiles.length > 0 && (
+                    <ul className = { classes.fileList }>
+                        {
+                            sortedFiles.map(file => (
+                                <li key = { file.fileId }>
+                                    <FileItem
+                                        file = { file }
+                                        onDownload = { fileId => dispatch(downloadFile(fileId)) }
+                                        onRemove = { fileId => dispatch(removeFile(fileId)) }
+                                        showRemoveButton = { isUploadEnabled } />
+                                </li>
+                            ))
+                        }
+                    </ul>
+                )
+            }
+            {
+                isUploadEnabled && (
+                    <Button
+                        accessibilityLabel = { t('fileSharing.uploadFile') }
+                        className = { classes.uploadButton }
+                        labelKey = { 'fileSharing.uploadFile' }
+                        onClick = { handleClick }
+                        onKeyPress = { handleKeyPress }
+                        ref = { uploadButtonRef }
+                        type = { BUTTON_TYPES.PRIMARY } />
+                )
+            }
+        </div>
+    );
+};
+
+export default FileSharing;
diff --git a/react/features/file-sharing/components/web/FileSharingButton.tsx b/react/features/file-sharing/components/web/FileSharingButton.tsx
new file mode 100644
index 0000000..f52c8b7
--- /dev/null
+++ b/react/features/file-sharing/components/web/FileSharingButton.tsx
@@ -0,0 +1,45 @@
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { IconShareDoc } from '../../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import { openFileSharingPanel } from '../../../chat/actions.any';
+import { isFileSharingEnabled } from '../../functions.any';
+
+/**
+ * Component that renders a button to open the file sharing panel.
+ *
+ * @augments AbstractButton
+ */
+class FileSharingButton extends AbstractButton<AbstractButtonProps> {
+    override icon = IconShareDoc;
+    override label = 'toolbar.fileSharing';
+    override tooltip = 'toolbar.fileSharing';
+
+    /**
+     * Handles clicking the button to open the file sharing panel.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { dispatch } = this.props;
+
+        dispatch(openFileSharingPanel());
+    }
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {IReduxState} state - The Redux state.
+ * @returns {Object} - Mapped props.
+ */
+function mapStateToProps(state: IReduxState) {
+    return {
+        visible: isFileSharingEnabled(state)
+    };
+}
+
+export default translate(connect(mapStateToProps)(FileSharingButton));
diff --git a/react/features/file-sharing/constants.ts b/react/features/file-sharing/constants.ts
new file mode 100644
index 0000000..61b030d
--- /dev/null
+++ b/react/features/file-sharing/constants.ts
@@ -0,0 +1,4 @@
+/**
+ * The max file size we accept for upload.
+ */
+export const MAX_FILE_SIZE = 50 * 1024 * 1024; // 50MB
diff --git a/react/features/file-sharing/functions.any.ts b/react/features/file-sharing/functions.any.ts
new file mode 100644
index 0000000..323ee91
--- /dev/null
+++ b/react/features/file-sharing/functions.any.ts
@@ -0,0 +1,157 @@
+import { IReduxState, IStore } from '../app/types';
+import { getLocalizedDateFormatter } from '../base/i18n/dateUtil';
+import {
+    IconImage,
+    IconShareDoc,
+    IconVideo,
+    IconVolumeUp
+} from '../base/icons/svg';
+import { MEET_FEATURES } from '../base/jwt/constants';
+import { isJwtFeatureEnabled } from '../base/jwt/functions';
+import { showErrorNotification } from '../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE, NOTIFICATION_TYPE } from '../notifications/constants';
+import { iAmVisitor } from '../visitors/functions';
+
+import { uploadFiles } from './actions';
+import { MAX_FILE_SIZE } from './constants';
+
+/**
+ * Checks whether file sharing feature is enabled.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @returns {boolean} - Indicates if file sharing feature is enabled.
+ */
+export function isFileSharingEnabled(state: IReduxState) {
+    const { fileSharing } = state['features/base/config'] ?? {};
+
+    return Boolean(fileSharing?.enabled && fileSharing?.apiUrl);
+}
+
+/**
+ * Gets the file extension from a file name.
+ *
+ * @param {string} fileName - The name of the file to extract the extension from.
+ * @returns {string} The file extension or an empty string if none exists.
+ */
+export function getFileExtension(fileName: string): string {
+    const parts = fileName.split('.');
+
+    if (parts.length > 1) {
+        return parts.pop()?.toLowerCase() || '';
+    }
+
+    return '';
+}
+
+/**
+ * Gets the appropriate icon for a file based on its type.
+ *
+ * @param {string} fileType - The file type.
+ * @returns {Function} The icon component to use.
+ */
+export function getFileIcon(fileType: string) {
+    if ([ 'mkv', 'mp4', 'mov', 'avi', 'webm' ].includes(fileType)) {
+        return IconVideo;
+    }
+
+    if ([ 'mp3', 'wav', 'ogg' ].includes(fileType)) {
+        return IconVolumeUp;
+    }
+
+    if ([ 'jpg', 'jpeg', 'png', 'gif' ].includes(fileType)) {
+        return IconImage;
+    }
+
+    return IconShareDoc;
+}
+
+/**
+ * Formats the file size into a human-readable string.
+ *
+ * @param {number} bytes - The size in bytes.
+ * @returns {string} The formatted file size string.
+ */
+export function formatFileSize(bytes: number): string {
+    if (bytes <= 0) {
+        return '0 Bytes';
+    }
+
+    const sizes = [ 'Bytes', 'KB', 'MB', 'GB', 'TB', 'PB' ];
+    const i = Math.floor(Math.log(bytes) / Math.log(1024));
+    const size = bytes / Math.pow(1024, i);
+
+    // Check if size is an integer after rounding to 2 decimals
+    const rounded = Math.round(size * 100) / 100;
+    const formattedSize = Number.isInteger(rounded) ? rounded : rounded.toFixed(2);
+
+    return `${formattedSize} ${sizes[i]}`;
+}
+
+/**
+ * Formats the timestamp into a human-readable string.
+ *
+ * @param {number} timestamp - The timestamp to format.
+ * @returns {string} The formatted timestamp string.
+ */
+export function formatTimestamp(timestamp: number): string {
+    const date = getLocalizedDateFormatter(timestamp);
+    const monthDay = date.format('MMM D'); // Eg. "May 15"
+    const time = date.format('h:mm A'); // Eg. "2:30 PM"
+
+    return `${monthDay}\n${time}`;
+}
+
+/**
+ * Processes a list of files for upload.
+ *
+ * @param {FileList|File[]} fileList - The list of files to process.
+ * @param {Dispatch} dispatch - The Redux dispatch function.
+ * @returns {void}
+ */
+// @ts-ignore
+export const processFiles = (fileList: FileList | File[], store: IStore) => {
+    const state = store.getState();
+    const dispatch = store.dispatch;
+
+    const { maxFileSize = MAX_FILE_SIZE } = state['features/base/config']?.fileSharing ?? {};
+
+    const newFiles = Array.from(fileList as File[]).filter((file: File) => {
+
+        // No file size limitation
+        if (maxFileSize === -1) {
+            return true;
+        }
+
+        // Check file size before upload
+        if (file.size > maxFileSize) {
+            dispatch(showErrorNotification({
+                titleKey: 'fileSharing.fileTooLargeTitle',
+                descriptionKey: 'fileSharing.fileTooLargeDescription',
+                descriptionArguments: {
+                    maxFileSize: formatFileSize(maxFileSize)
+                },
+                appearance: NOTIFICATION_TYPE.ERROR
+            }, NOTIFICATION_TIMEOUT_TYPE.STICKY));
+
+            return false;
+        }
+
+        return true;
+    });
+
+    if (newFiles.length > 0) {
+        dispatch(uploadFiles(newFiles as File[]));
+    }
+};
+
+/**
+ * Determines if file uploading is enabled based on JWT feature flags and file sharing settings.
+ *
+ * @param {IReduxState} state - Current state.
+ * @returns {boolean} Indication of whether local user can upload files.
+ */
+export function isFileUploadingEnabled(state: IReduxState): boolean {
+    return !iAmVisitor(state)
+        && isJwtFeatureEnabled(state, MEET_FEATURES.FILE_UPLOAD, false)
+        && isFileSharingEnabled(state);
+}
diff --git a/react/features/file-sharing/hooks.web.ts b/react/features/file-sharing/hooks.web.ts
new file mode 100644
index 0000000..12129b9
--- /dev/null
+++ b/react/features/file-sharing/hooks.web.ts
@@ -0,0 +1,23 @@
+import { useSelector } from 'react-redux';
+
+import FileSharingButton from './components/web/FileSharingButton';
+import { isFileSharingEnabled } from './functions.any';
+
+const fileSharing = {
+    key: 'filesharing',
+    Content: FileSharingButton,
+    group: 2
+};
+
+/**
+ * A hook that returns the file sharing button if it is enabled and undefined otherwise.
+ *
+ * @returns {Object | undefined} - The file sharing button object or undefined.
+ */
+export function useFileSharingButton() {
+    const isEnabled = useSelector(isFileSharingEnabled);
+
+    if (isEnabled) {
+        return fileSharing;
+    }
+}
diff --git a/react/features/file-sharing/logger.ts b/react/features/file-sharing/logger.ts
new file mode 100644
index 0000000..9820381
--- /dev/null
+++ b/react/features/file-sharing/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:file-sharing');
diff --git a/react/features/file-sharing/middleware.web.ts b/react/features/file-sharing/middleware.web.ts
new file mode 100644
index 0000000..9e6acb2
--- /dev/null
+++ b/react/features/file-sharing/middleware.web.ts
@@ -0,0 +1,363 @@
+import { v4 as uuidv4 } from 'uuid';
+
+import { IStore } from '../app/types';
+import { getCurrentConference } from '../base/conference/functions';
+import { JitsiConferenceEvents } from '../base/lib-jitsi-meet';
+import { getLocalParticipant, getParticipantDisplayName } from '../base/participants/functions';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import StateListenerRegistry from '../base/redux/StateListenerRegistry';
+import { addMessage, editMessage } from '../chat/actions.any';
+import { ChatTabs, MESSAGE_TYPE_LOCAL, MESSAGE_TYPE_REMOTE } from '../chat/constants';
+import { showErrorNotification, showNotification, showSuccessNotification } from '../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE, NOTIFICATION_TYPE } from '../notifications/constants';
+import { I_AM_VISITOR_MODE } from '../visitors/actionTypes';
+
+import {
+    ADD_FILE,
+    DOWNLOAD_FILE,
+    REMOVE_FILE,
+    UPDATE_FILE_UPLOAD_PROGRESS,
+    UPLOAD_FILES,
+    _FILE_LIST_RECEIVED,
+    _FILE_REMOVED
+} from './actionTypes';
+import { addFile, removeFile, updateFileProgress } from './actions';
+import { getFileExtension } from './functions.any';
+import logger from './logger';
+import { IFileMetadata } from './types';
+import { downloadFile } from './utils';
+
+
+/**
+ * Registers a change handler for state['features/base/conference'].conference to
+ * set the event listeners needed for the file sharing feature to operate.
+ */
+StateListenerRegistry.register(
+    state => state['features/base/conference'].conference,
+    (conference, { dispatch, getState }, previousConference) => {
+        if (conference && !previousConference) {
+            conference.on(JitsiConferenceEvents.FILE_SHARING_FILE_ADDED, (file: IFileMetadata) => {
+                const state = getState();
+                const localParticipant = getLocalParticipant(state);
+                const isRemoteFile = file.authorParticipantId !== localParticipant?.id;
+                const { isOpen, focusedTab } = state['features/chat'];
+                const isFileSharingTabVisible = isOpen && focusedTab === ChatTabs.FILE_SHARING;
+
+                dispatch(addFile(file, isRemoteFile && !isFileSharingTabVisible));
+
+                if (isRemoteFile && !isFileSharingTabVisible) {
+                    dispatch(showNotification({
+                        titleKey: 'fileSharing.newFileNotification',
+                        titleArguments: { participantName: file.authorParticipantName, fileName: file.fileName }
+                    }, NOTIFICATION_TIMEOUT_TYPE.SHORT));
+                }
+            });
+            conference.on(JitsiConferenceEvents.FILE_SHARING_FILE_REMOVED, (fileId: string) => {
+                const state = getState();
+                const localParticipant = getLocalParticipant(state);
+                const { files } = state['features/file-sharing'];
+                const { isOpen, focusedTab } = state['features/chat'];
+                const removedFile = files.get(fileId);
+                const isFileSharingTabVisible = isOpen && focusedTab === ChatTabs.FILE_SHARING;
+
+                if (removedFile && removedFile.authorParticipantId === localParticipant?.id && !isFileSharingTabVisible) {
+                    dispatch(showNotification({
+                        titleKey: 'fileSharing.fileRemovedByOther',
+                        titleArguments: { fileName: removedFile.fileName },
+                        appearance: NOTIFICATION_TYPE.WARNING
+                    }, NOTIFICATION_TIMEOUT_TYPE.MEDIUM));
+                }
+
+                dispatch({
+                    type: _FILE_REMOVED,
+                    fileId
+                });
+            });
+
+            conference.on(JitsiConferenceEvents.FILE_SHARING_FILES_RECEIVED, (files: object) => {
+                const state = getState();
+                const localParticipant = getLocalParticipant(state);
+
+                dispatch({
+                    type: _FILE_LIST_RECEIVED,
+                    files,
+                    localParticipantId: localParticipant?.id
+                });
+            });
+        }
+    });
+
+/**
+ * Middleware that handles file sharing actions.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case I_AM_VISITOR_MODE: {
+        if (!action.iAmVisitor) {
+            const state = store.getState();
+            const conference = getCurrentConference(state);
+
+            conference?.getFileSharing()?.requestFileList?.();
+        }
+
+        return next(action);
+    }
+
+    case UPLOAD_FILES: {
+        const state = store.getState();
+        const conference = getCurrentConference(state);
+
+        conference?.getShortTermCredentials(conference?.getFileSharing()?.getIdentityType()).then((token: string) => {
+            for (const file of action.files) {
+                uploadFile(file, store, token);
+            }
+        });
+
+        return next(action);
+    }
+
+    case UPDATE_FILE_UPLOAD_PROGRESS:
+    case ADD_FILE: {
+        const result = next(action);
+        const state = store.getState();
+        const { files } = state['features/file-sharing'];
+        const file = action.type === ADD_FILE ? action.file as IFileMetadata : files.get(action.fileId);
+
+        if (!file) {
+            return result;
+        }
+
+        const localParticipant = getLocalParticipant(state);
+        const isLocalFile = localParticipant?.id === file.authorParticipantId;
+
+        // Only dispatch chat message for fully uploaded files (progress === 100).
+        // Files that are still uploading have progress < 100, so we skip creating the message.
+        // Once upload completes, for the local participant the file is broadcast with progress: 100 and the message
+        // is created. Remote participants receive the file metadata only once the file is successfully uploaded and
+        // the progress field will be undefined.
+        if (file.progress === 100 || !isLocalFile) {
+            store.dispatch(addMessage({
+                displayName: file.authorParticipantName,
+                fileMetadata: file,
+                hasRead: isLocalFile,
+                isReaction: false,
+                lobbyChat: false,
+                message: '', // Empty message as the file metadata contains all info
+                messageId: file.fileId,
+                messageType: isLocalFile ? MESSAGE_TYPE_LOCAL : MESSAGE_TYPE_REMOTE,
+                participantId: file.authorParticipantId,
+                privateMessage: false,
+                timestamp: file.timestamp
+            }));
+        }
+
+        return result;
+    }
+
+    case REMOVE_FILE: {
+        const state = store.getState();
+        const conference = getCurrentConference(state);
+        const { files } = state['features/file-sharing'];
+        const fileId = action.fileId;
+        const existingMetadata = files.get(fileId);
+
+        // ignore remove a file till the file is actually uploaded
+        if (!conference || (existingMetadata?.progress ?? 100) !== 100) {
+            return next(action);
+        }
+
+        // First, remove the file metadata so others won't attempt to download it anymore.
+        conference.getFileSharing().removeFile(fileId);
+
+        // remove it from local state
+        store.dispatch({
+            type: _FILE_REMOVED,
+            fileId
+        });
+
+        const { fileSharing } = state['features/base/config'];
+        const sessionId = conference.getMeetingUniqueId();
+
+        // Now delete it from the server.
+        conference.getShortTermCredentials(conference.getFileSharing().getIdentityType())
+        .then((token: string) => fetch(`${fileSharing!.apiUrl!}/sessions/${sessionId}/files/${fileId}`, {
+            method: 'DELETE',
+            headers: {
+                'Authorization': `Bearer ${token}`
+            }
+        }))
+        .then((response: { ok: any; statusText: any; }) => {
+            if (!response.ok) {
+                throw new Error(`Failed to delete file: ${response.statusText}`);
+            }
+            store.dispatch(showSuccessNotification({
+                titleKey: 'fileSharing.removeFileSuccess'
+            }, NOTIFICATION_TIMEOUT_TYPE.SHORT));
+        })
+        .catch((error: any) => {
+            logger.warn('Could not delete file:', error);
+        });
+
+        return next(action);
+    }
+
+    case DOWNLOAD_FILE: {
+        const state = store.getState();
+        const { fileSharing } = state['features/base/config'];
+        const conference = getCurrentConference(state);
+        const sessionId = conference?.getMeetingUniqueId();
+
+        conference?.getShortTermCredentials(conference?.getFileSharing()?.getIdentityType())
+        .then((token: string) => fetch(`${fileSharing!.apiUrl!}/sessions/${sessionId}/files/${action.fileId}`, {
+            method: 'GET',
+            headers: {
+                'Authorization': `Bearer ${token}`
+            }
+        }))
+        .then((response: any) => response.json())
+        .then((data: { fileName: string; presignedUrl: string; }) => {
+            const { presignedUrl, fileName } = data;
+
+            if (!presignedUrl) {
+                throw new Error('No presigned URL found in the response.');
+            }
+
+            store.dispatch(showNotification({
+                titleKey: 'fileSharing.downloadStarted'
+            }, NOTIFICATION_TIMEOUT_TYPE.SHORT));
+
+            return downloadFile(presignedUrl, fileName);
+        })
+        .catch((error: any) => {
+            logger.warn('Could not download file:', error);
+
+            store.dispatch(showErrorNotification({
+                titleKey: 'fileSharing.downloadFailedTitle',
+                descriptionKey: 'fileSharing.downloadFailedDescription',
+                appearance: NOTIFICATION_TYPE.ERROR
+            }, NOTIFICATION_TIMEOUT_TYPE.STICKY));
+        });
+
+        return next(action);
+    }
+
+    case _FILE_REMOVED: {
+        const result = next(action);
+        const state = store.getState();
+        const { messages } = state['features/chat'];
+
+        // Find the message corresponding to this file and mark it as deleted.
+        const fileMessage = messages.find(msg => msg.messageId === action.fileId);
+
+        if (fileMessage?.fileMetadata) {
+            // Replace the file metadata with just the isDeleted flag to avoid keeping unnecessary data.
+            store.dispatch(editMessage({
+                ...fileMessage,
+                fileMetadata: {
+                    isDeleted: true
+                } as any
+            }));
+        }
+
+        return result;
+    }
+    }
+
+    return next(action);
+});
+
+/**
+ * Uploads a file to the server.
+ *
+ * @param {File} file - The file to upload.
+ * @param {IStore} store - The redux store.
+ * @param {string} token - The token to use for requests.
+ * @returns {void}
+ */
+function uploadFile(file: File, store: IStore, token: string): void {
+    const state = store.getState();
+    const conference = getCurrentConference(state);
+    const sessionId = conference?.getMeetingUniqueId();
+    const localParticipant = getLocalParticipant(state);
+    const { fileSharing } = state['features/base/config'];
+    const { connection } = state['features/base/connection'];
+    const roomJid = conference?.room?.roomjid;
+
+    const jid = connection!.getJid();
+    const fileId = uuidv4();
+    const fileMetadata: IFileMetadata = {
+        authorParticipantId: localParticipant!.id,
+        authorParticipantJid: jid,
+        authorParticipantName: getParticipantDisplayName(state, localParticipant!.id),
+        conferenceFullName: roomJid ?? '',
+        fileId,
+        fileName: file.name,
+        fileSize: file.size,
+        fileType: getFileExtension(file.name),
+        timestamp: Date.now()
+    };
+
+    store.dispatch(addFile(fileMetadata));
+    store.dispatch(updateFileProgress(fileId, 1));
+
+    // Upload file.
+    const formData = new FormData();
+
+    formData.append('metadata', JSON.stringify(fileMetadata));
+
+    // @ts-ignore
+    formData.append('file', file as Blob, file.name);
+
+    // Use XMLHttpRequest to track upload
+    const xhr = new XMLHttpRequest();
+
+    const handleError = () => {
+        logger.warn('Could not upload file:', xhr.statusText);
+
+        store.dispatch(removeFile(fileId));
+        store.dispatch(showErrorNotification({
+            titleKey: 'fileSharing.uploadFailedTitle',
+            descriptionKey: 'fileSharing.uploadFailedDescription',
+            appearance: NOTIFICATION_TYPE.ERROR
+        }, NOTIFICATION_TIMEOUT_TYPE.STICKY));
+    };
+
+    xhr.open('POST', `${fileSharing!.apiUrl!}/sessions/${sessionId}/files`);
+    xhr.responseType = 'json';
+
+    if (token) {
+        xhr.setRequestHeader('Authorization', `Bearer ${token}`);
+    }
+
+    xhr.upload.onprogress = event => {
+        if (event.lengthComputable) {
+            // We use 99% as the max value to avoid showing 100% before the
+            // upload is actually finished, that is, when the request is completed.
+            const percent = Math.min((event.loaded / event.total) * 100, 99);
+
+            store.dispatch(updateFileProgress(fileId, percent));
+        }
+    };
+
+    xhr.onload = () => {
+        if (xhr.status >= 200 && xhr.status < 300) {
+            store.dispatch(updateFileProgress(fileId, 100));
+
+            const fileSharingHandler = conference?.getFileSharing();
+
+            fileSharingHandler.addFile(fileMetadata);
+            store.dispatch(showSuccessNotification({
+                titleKey: 'fileSharing.fileUploadedSuccessfully'
+            }, NOTIFICATION_TIMEOUT_TYPE.SHORT));
+        } else {
+            handleError();
+        }
+    };
+
+    xhr.onerror = handleError;
+
+    xhr.send(formData);
+}
diff --git a/react/features/file-sharing/reducer.ts b/react/features/file-sharing/reducer.ts
new file mode 100644
index 0000000..9b7e29e
--- /dev/null
+++ b/react/features/file-sharing/reducer.ts
@@ -0,0 +1,68 @@
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import {
+    ADD_FILE,
+    UPDATE_FILE_UPLOAD_PROGRESS,
+    _FILE_LIST_RECEIVED,
+    _FILE_REMOVED
+} from './actionTypes';
+import { IFileMetadata } from './types';
+
+export interface IFileSharingState {
+    files: Map<string, IFileMetadata>;
+}
+
+const DEFAULT_STATE = {
+    files: new Map<string, IFileMetadata>()
+};
+
+ReducerRegistry.register<IFileSharingState>('features/file-sharing',
+(state = DEFAULT_STATE, action): IFileSharingState => {
+    switch (action.type) {
+    case ADD_FILE: {
+        const newFiles = new Map(state.files);
+
+        newFiles.set(action.file.fileId, action.file);
+
+        return {
+            ...state,
+            files: newFiles
+        };
+    }
+
+    case _FILE_REMOVED: {
+        const newFiles = new Map(state.files);
+
+        newFiles.delete(action.fileId);
+
+        return {
+            ...state,
+            files: newFiles
+        };
+    }
+
+    case UPDATE_FILE_UPLOAD_PROGRESS: {
+        const newFiles = new Map(state.files);
+        const file = newFiles.get(action.fileId);
+
+        if (file) {
+            newFiles.set(action.fileId, { ...file, progress: action.progress });
+        }
+
+        return {
+            ...state,
+            files: newFiles
+        };
+    }
+
+    case _FILE_LIST_RECEIVED: {
+        return {
+            ...state,
+            files: new Map(Object.entries(action.files))
+        };
+    }
+
+    default:
+        return state;
+    }
+});
diff --git a/react/features/file-sharing/types.ts b/react/features/file-sharing/types.ts
new file mode 100644
index 0000000..ef963f2
--- /dev/null
+++ b/react/features/file-sharing/types.ts
@@ -0,0 +1,13 @@
+export interface IFileMetadata {
+    authorParticipantId: string;
+    authorParticipantJid: string;
+    authorParticipantName: string;
+    conferenceFullName: string;
+    fileId: string;
+    fileName: string;
+    fileSize: number;
+    fileType: string;
+    isDeleted?: boolean;
+    progress?: number;
+    timestamp: number;
+}
diff --git a/react/features/file-sharing/utils.ts b/react/features/file-sharing/utils.ts
new file mode 100644
index 0000000..adb0c63
--- /dev/null
+++ b/react/features/file-sharing/utils.ts
@@ -0,0 +1,27 @@
+const generateDownloadUrl = async (url: string) => {
+    const resp = await fetch(url);
+    const respBlob = await resp.blob();
+
+    const blob = new Blob([ respBlob ]);
+
+    return URL.createObjectURL(blob);
+};
+
+export const downloadFile = async (url: string, fileName: string) => {
+    const dowloadUrl = await generateDownloadUrl(url);
+    const link = document.createElement('a');
+
+    if (fileName) {
+        link.download = fileName;
+    }
+    link.href = dowloadUrl;
+
+    document.body.appendChild(link);
+    link.click();
+    link.remove();
+
+    // fix for certain browsers
+    setTimeout(() => {
+        URL.revokeObjectURL(dowloadUrl);
+    }, 0);
+};
diff --git a/react/features/filmstrip/actionTypes.ts b/react/features/filmstrip/actionTypes.ts
new file mode 100644
index 0000000..1c3f67f
--- /dev/null
+++ b/react/features/filmstrip/actionTypes.ts
@@ -0,0 +1,231 @@
+/**
+ * The type of (redux) action which enlarges the filmstrip.
+ *
+ * {
+ *     type: RESIZE_FILMSTRIP,
+ * }
+ */
+export const RESIZE_FILMSTRIP = 'RESIZE_FILMSTRIP';
+
+ /**
+ * The type of (redux) action which sets whether the filmstrip is enabled.
+ *
+ * {
+ *     type: SET_FILMSTRIP_ENABLED,
+ *     enabled: boolean
+ * }
+ */
+export const SET_FILMSTRIP_ENABLED = 'SET_FILMSTRIP_ENABLED';
+
+/**
+ * The type of (redux) action which sets whether the filmstrip is visible.
+ *
+ * {
+ *     type: SET_FILMSTRIP_VISIBLE,
+ *     visible: boolean
+ * }
+ */
+export const SET_FILMSTRIP_VISIBLE = 'SET_FILMSTRIP_VISIBLE';
+
+/**
+ * The type of (redux) action which sets the dimensions of the tile view grid.
+ *
+ * {
+ *     type: SET_TILE_VIEW_DIMENSIONS,
+ *     dimensions: {
+ *         gridDimensions: {
+ *             columns: number,
+ *             height: number,
+ *             minVisibleRows: number,
+ *             width: number
+ *         },
+ *         thumbnailSize: {
+ *             height: number,
+ *             width: number
+ *         },
+ *         filmstripWidth: number
+ *     }
+ * }
+ */
+export const SET_TILE_VIEW_DIMENSIONS = 'SET_TILE_VIEW_DIMENSIONS';
+
+/**
+ * The type of (redux) action which sets the dimensions of the thumbnails in horizontal view.
+ *
+ * {
+ *     type: SET_HORIZONTAL_VIEW_DIMENSIONS,
+ *     dimensions: Object
+ * }
+ */
+export const SET_HORIZONTAL_VIEW_DIMENSIONS = 'SET_HORIZONTAL_VIEW_DIMENSIONS';
+
+/**
+ * The type of (redux) action which sets the reordered list of the remote participants in the filmstrip.
+ * {
+ *      type: SET_REMOTE_PARTICIPANTS,
+ *      participants: Array<string>
+ * }
+ */
+export const SET_REMOTE_PARTICIPANTS = 'SET_REMOTE_PARTICIPANTS';
+
+/**
+ * The type of (redux) action which sets the dimensions of the thumbnails in vertical view.
+ *
+ * {
+ *     type: SET_VERTICAL_VIEW_DIMENSIONS,
+ *     dimensions: Object
+ * }
+ */
+export const SET_VERTICAL_VIEW_DIMENSIONS = 'SET_VERTICAL_VIEW_DIMENSIONS';
+
+/**
+ * The type of (redux) action which sets the volume for a thumnail's audio.
+ *
+ * {
+ *     type: SET_VOLUME,
+ *     participantId: string,
+ *     volume: number
+ * }
+ */
+export const SET_VOLUME = 'SET_VOLUME';
+
+/**
+ * The type of the action which sets the list of visible remote participants in the filmstrip by storing the start and
+ * end index in the remote participants array.
+ *
+ * {
+ *      type: SET_VISIBLE_REMOTE_PARTICIPANTS,
+ *      startIndex: number,
+ *      endIndex: number
+ * }
+ */
+export const SET_VISIBLE_REMOTE_PARTICIPANTS = 'SET_VISIBLE_REMOTE_PARTICIPANTS';
+
+/**
+ * The type of action which sets the height for the top panel filmstrip.
+ * {
+ *      type: SET_FILMSTRIP_HEIGHT,
+ *      height: number
+ * }
+ */
+export const SET_FILMSTRIP_HEIGHT = 'SET_FILMSTRIP_HEIGHT';
+
+/**
+ * The type of action which sets the width for the vertical filmstrip.
+ * {
+ *      type: SET_FILMSTRIP_WIDTH,
+ *      width: number
+ * }
+ */
+export const SET_FILMSTRIP_WIDTH = 'SET_FILMSTRIP_WIDTH';
+
+/**
+ * The type of action which sets the height for the top panel filmstrip (user resized).
+ * {
+ *      type: SET_USER_FILMSTRIP_HEIGHT,
+ *      height: number
+ * }
+ */
+export const SET_USER_FILMSTRIP_HEIGHT = 'SET_USER_FILMSTRIP_HEIGHT';
+
+/**
+ * The type of action which sets the width for the vertical filmstrip (user resized).
+ * {
+ *      type: SET_USER_FILMSTRIP_WIDTH,
+ *      width: number
+ * }
+ */
+export const SET_USER_FILMSTRIP_WIDTH = 'SET_USER_FILMSTRIP_WIDTH';
+
+/**
+ * The type of action which sets whether the user is resizing or not.
+ * {
+ *      type: SET_USER_IS_RESIZING,
+ *      resizing: boolean
+ * }
+ */
+export const SET_USER_IS_RESIZING = 'SET_USER_IS_RESIZING';
+
+/**
+ * The type of (redux) action which sets the dimensions of the thumbnails in stage filmstrip view.
+ *
+ * {
+ *     type: SET_STAGE_FILMSTRIP_DIMENSIONS,
+ *     dimensions: Object
+ * }
+ */
+export const SET_STAGE_FILMSTRIP_DIMENSIONS = 'SET_STAGE_FILMSTRIP_DIMENSIONS';
+
+/**
+ * The type of Redux action which adds a participant to the active list
+ * (the participants displayed on the stage filmstrip).
+ * {
+ *     type: ADD_STAGE_PARTICIPANT,
+ *     participantId: string,
+ *     pinned: boolean
+ * }
+ */
+export const ADD_STAGE_PARTICIPANT = 'ADD_STAGE_PARTICIPANT';
+
+/**
+ * The type of Redux action which removes a participant from the active list
+ * (the participants displayed on the stage filmstrip).
+ * {
+ *     type: REMOVE_STAGE_PARTICIPANT,
+ *     participantId: string,
+ * }
+ */
+export const REMOVE_STAGE_PARTICIPANT = 'REMOVE_STAGE_PARTICIPANT';
+
+/**
+ * The type of Redux action which sets the active participants list
+ * (the participants displayed on the stage filmstrip).
+ * {
+ *     type: SET_STAGE_PARTICIPANTS,
+ *     queue: Array<Object>
+ * }
+ */
+export const SET_STAGE_PARTICIPANTS = 'SET_STAGE_PARTICIPANTS';
+
+/**
+ * The type of Redux action which toggles the pin state of stage participants.
+ * {
+ *     type: TOGGLE_PIN_STAGE_PARTICIPANT,
+ *     participantId: String
+ * }
+ */
+export const TOGGLE_PIN_STAGE_PARTICIPANT = 'TOGGLE_PIN_STAGE_PARTICIPANT';
+
+/**
+ * The type of Redux action which clears the list of stage participants.
+ * {
+ *     type: CLEAR_STAGE_PARTICIPANTS
+ * }
+ */
+export const CLEAR_STAGE_PARTICIPANTS = 'CLEAR_STAGE_PARTICIPANTS';
+
+/**
+ * The type of Redux action which sets the participant to be displayed
+ * on the screenshare filmstrip.
+ * {
+ *     type: SET_SCREENSHARE_FILMSTRIP_PARTICIPANT,
+ *     participantId: string|undefined
+ * }
+ */
+export const SET_SCREENSHARE_FILMSTRIP_PARTICIPANT = 'SET_SCREENSHARE_FILMSTRIP_PARTICIPANT';
+
+/**
+ * The type of Redux action which sets the dimensions of the screenshare tile.
+ * {
+ *     type: SET_SCREENSHARING_TILE_DIMENSIONS
+ * }
+ */
+export const SET_SCREENSHARING_TILE_DIMENSIONS = 'SET_SCREENSHARING_TILE_DIMENSIONS';
+
+/**
+ * The type of Redux action which sets the visibility of the top panel.
+ * {
+ *     type: SET_TOP_PANEL_VISIBILITY
+ * }
+ */
+export const SET_TOP_PANEL_VISIBILITY = 'SET_TOP_PANEL_VISIBILITY';
diff --git a/react/features/filmstrip/actions.any.ts b/react/features/filmstrip/actions.any.ts
new file mode 100644
index 0000000..9a82d57
--- /dev/null
+++ b/react/features/filmstrip/actions.any.ts
@@ -0,0 +1,75 @@
+import {
+    SET_FILMSTRIP_ENABLED,
+    SET_FILMSTRIP_VISIBLE,
+    SET_REMOTE_PARTICIPANTS,
+    SET_VISIBLE_REMOTE_PARTICIPANTS
+} from './actionTypes';
+
+/**
+ * Sets whether the filmstrip is enabled.
+ *
+ * @param {boolean} enabled - Whether the filmstrip is enabled.
+ * @returns {{
+ *     type: SET_FILMSTRIP_ENABLED,
+ *     enabled: boolean
+ * }}
+ */
+export function setFilmstripEnabled(enabled: boolean) {
+    return {
+        type: SET_FILMSTRIP_ENABLED,
+        enabled
+    };
+}
+
+/**
+ * Sets whether the filmstrip is visible.
+ *
+ * @param {boolean} visible - Whether the filmstrip is visible.
+ * @returns {{
+ *     type: SET_FILMSTRIP_VISIBLE,
+ *     visible: boolean
+ * }}
+ */
+export function setFilmstripVisible(visible: boolean) {
+    return {
+        type: SET_FILMSTRIP_VISIBLE,
+        visible
+    };
+}
+
+/**
+ * Sets the list of the reordered remote participants based on which the visible participants in the filmstrip will be
+ * determined.
+ *
+ * @param {Array<string>} participants - The list of the remote participant endpoint IDs.
+ * @returns {{
+        type: SET_REMOTE_PARTICIPANTS,
+        participants: Array<string>
+    }}
+ */
+export function setRemoteParticipants(participants: Array<string>) {
+    return {
+        type: SET_REMOTE_PARTICIPANTS,
+        participants
+    };
+}
+
+/**
+ * Sets the list of the visible participants in the filmstrip by storing the start and end index from the remote
+ * participants array.
+ *
+ * @param {number} startIndex - The start index from the remote participants array.
+ * @param {number} endIndex - The end index from the remote participants array.
+ * @returns {{
+ *      type: SET_VISIBLE_REMOTE_PARTICIPANTS,
+ *      startIndex: number,
+ *      endIndex: number
+ * }}
+ */
+export function setVisibleRemoteParticipants(startIndex: number, endIndex: number) {
+    return {
+        type: SET_VISIBLE_REMOTE_PARTICIPANTS,
+        startIndex,
+        endIndex
+    };
+}
diff --git a/react/features/filmstrip/actions.native.ts b/react/features/filmstrip/actions.native.ts
new file mode 100644
index 0000000..4d7cb58
--- /dev/null
+++ b/react/features/filmstrip/actions.native.ts
@@ -0,0 +1,85 @@
+import { IStore } from '../app/types';
+import conferenceStyles from '../conference/components/native/styles';
+
+import { SET_TILE_VIEW_DIMENSIONS } from './actionTypes';
+import styles from './components/native/styles';
+import { SQUARE_TILE_ASPECT_RATIO, TILE_MARGIN } from './constants';
+import { getColumnCount, getTileViewParticipantCount } from './functions.native';
+
+export * from './actions.any';
+
+/**
+ * Sets the dimensions of the tile view grid. The action is only partially implemented on native as not all
+ * of the values are currently used. Check the description of {@link SET_TILE_VIEW_DIMENSIONS} for the full set
+ * of properties.
+ *
+ * @returns {Function}
+ */
+export function setTileViewDimensions() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const participantCount = getTileViewParticipantCount(state);
+        const { clientHeight: height, clientWidth: width, safeAreaInsets = {
+            left: undefined,
+            right: undefined,
+            top: undefined,
+            bottom: undefined
+        } } = state['features/base/responsive-ui'];
+        const { left = 0, right = 0, top = 0, bottom = 0 } = safeAreaInsets;
+        const columns = getColumnCount(state);
+        const rows = Math.ceil(participantCount / columns); // @ts-ignore
+        const conferenceBorder = conferenceStyles.conference.borderWidth || 0;
+        const heightToUse = height - top - bottom - (2 * conferenceBorder);
+        const widthToUse = width - (TILE_MARGIN * 2) - left - right - (2 * conferenceBorder);
+        let tileWidth;
+
+        // If there is going to be at least two rows, ensure that at least two
+        // rows display fully on screen.
+        if (participantCount / columns > 1) {
+            tileWidth = Math.min(widthToUse / columns, heightToUse / 2);
+        } else {
+            tileWidth = Math.min(widthToUse / columns, heightToUse);
+        }
+
+        const tileHeight = Math.floor(tileWidth / SQUARE_TILE_ASPECT_RATIO);
+
+        tileWidth = Math.floor(tileWidth);
+
+        // Adding safeAreaInsets.bottom to the total height of all thumbnails because we add it as a padding to the
+        // thumbnails container.
+        const hasScroll = heightToUse < ((tileHeight + (2 * styles.thumbnail.margin)) * rows) + bottom;
+
+        dispatch({
+            type: SET_TILE_VIEW_DIMENSIONS,
+            dimensions: {
+                columns,
+                thumbnailSize: {
+                    height: tileHeight,
+                    width: tileWidth
+                },
+                hasScroll
+            }
+        });
+    };
+}
+
+/**
+ * Add participant to the active participants list.
+ *
+ * @param {string} _participantId - The Id of the participant to be added.
+ * @param {boolean?} _pinned - Whether the participant is pinned or not.
+ * @returns {Object}
+ */
+export function addStageParticipant(_participantId: string, _pinned = false): any {
+    return {};
+}
+
+/**
+ * Remove participant from the active participants list.
+ *
+ * @param {string} _participantId - The Id of the participant to be removed.
+ * @returns {Object}
+ */
+export function removeStageParticipant(_participantId: string): any {
+    return {};
+}
diff --git a/react/features/filmstrip/actions.web.ts b/react/features/filmstrip/actions.web.ts
new file mode 100644
index 0000000..a5136c7
--- /dev/null
+++ b/react/features/filmstrip/actions.web.ts
@@ -0,0 +1,591 @@
+import { IStore } from '../app/types';
+import { pinParticipant } from '../base/participants/actions';
+import {
+    getLocalParticipant,
+    getParticipantById,
+    getRemoteParticipantCountWithFake
+} from '../base/participants/functions';
+import { getHideSelfView } from '../base/settings/functions.any';
+import { getMaxColumnCount } from '../video-layout/functions.web';
+
+import {
+    ADD_STAGE_PARTICIPANT,
+    CLEAR_STAGE_PARTICIPANTS,
+    REMOVE_STAGE_PARTICIPANT,
+    RESIZE_FILMSTRIP,
+    SET_FILMSTRIP_HEIGHT,
+    SET_FILMSTRIP_WIDTH,
+    SET_HORIZONTAL_VIEW_DIMENSIONS,
+    SET_SCREENSHARE_FILMSTRIP_PARTICIPANT,
+    SET_SCREENSHARING_TILE_DIMENSIONS,
+    SET_STAGE_FILMSTRIP_DIMENSIONS,
+    SET_STAGE_PARTICIPANTS,
+    SET_TILE_VIEW_DIMENSIONS,
+    SET_TOP_PANEL_VISIBILITY,
+    SET_USER_FILMSTRIP_HEIGHT,
+    SET_USER_FILMSTRIP_WIDTH,
+    SET_USER_IS_RESIZING,
+    SET_VERTICAL_VIEW_DIMENSIONS,
+    SET_VOLUME,
+    TOGGLE_PIN_STAGE_PARTICIPANT
+} from './actionTypes';
+import {
+    HORIZONTAL_FILMSTRIP_MARGIN,
+    MAX_ACTIVE_PARTICIPANTS,
+    SCROLL_SIZE,
+    STAGE_VIEW_THUMBNAIL_VERTICAL_BORDER,
+    TILE_HORIZONTAL_MARGIN,
+    TILE_MIN_HEIGHT_SMALL,
+    TILE_VERTICAL_CONTAINER_HORIZONTAL_MARGIN,
+    TILE_VERTICAL_MARGIN,
+    TILE_VIEW_DEFAULT_NUMBER_OF_VISIBLE_TILES,
+    TILE_VIEW_GRID_HORIZONTAL_MARGIN,
+    TILE_VIEW_GRID_VERTICAL_MARGIN,
+    TOP_FILMSTRIP_HEIGHT,
+    VERTICAL_FILMSTRIP_VERTICAL_MARGIN
+} from './constants';
+import {
+    calculateNonResponsiveTileViewDimensions,
+    calculateResponsiveTileViewDimensions,
+    calculateThumbnailSizeForHorizontalView,
+    calculateThumbnailSizeForVerticalView,
+    getNumberOfPartipantsForTileView,
+    getVerticalViewMaxWidth,
+    isFilmstripResizable,
+    isStageFilmstripAvailable,
+    isStageFilmstripTopPanel
+    , showGridInVerticalView } from './functions.web';
+
+export * from './actions.any';
+
+/**
+ * Resize the filmstrip.
+ *
+ * @param {number} width - Width value for filmstrip.
+ *
+ * @returns {{
+ *  type: RESIZE_FILMSTRIP,
+ *  width: number,
+ * }}
+ */
+export function resizeFilmStrip(width: number) {
+    return {
+        type: RESIZE_FILMSTRIP,
+        width
+    };
+}
+
+/**
+ * Sets the dimensions of the tile view grid.
+ *
+ * @returns {Function}
+ */
+export function setTileViewDimensions() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const { clientHeight, videoSpaceWidth } = state['features/base/responsive-ui'];
+        const {
+            disableResponsiveTiles,
+            disableTileEnlargement,
+            tileView = {}
+        } = state['features/base/config'];
+        const { numberOfVisibleTiles = TILE_VIEW_DEFAULT_NUMBER_OF_VISIBLE_TILES } = tileView;
+        const numberOfParticipants = getNumberOfPartipantsForTileView(state);
+        const maxColumns = getMaxColumnCount(state);
+
+        const {
+            height,
+            width,
+            columns,
+            rows
+        } = disableResponsiveTiles
+            ? calculateNonResponsiveTileViewDimensions(state)
+            : calculateResponsiveTileViewDimensions({
+                clientWidth: videoSpaceWidth,
+                clientHeight,
+                disableTileEnlargement,
+                maxColumns,
+                numberOfParticipants,
+                desiredNumberOfVisibleTiles: numberOfVisibleTiles
+            });
+        const thumbnailsTotalHeight = (rows ?? 1) * (TILE_VERTICAL_MARGIN + (height ?? 0));
+        const availableHeight = clientHeight - TILE_VIEW_GRID_VERTICAL_MARGIN;
+        const hasScroll = availableHeight < thumbnailsTotalHeight;
+        const filmstripWidth
+            = Math.min(videoSpaceWidth - TILE_VIEW_GRID_HORIZONTAL_MARGIN,
+                (columns ?? 1) * (TILE_HORIZONTAL_MARGIN + (width ?? 0)))
+                + (hasScroll ? SCROLL_SIZE : 0);
+        const filmstripHeight = Math.min(availableHeight, thumbnailsTotalHeight);
+
+        dispatch({
+            type: SET_TILE_VIEW_DIMENSIONS,
+            dimensions: {
+                gridDimensions: {
+                    columns,
+                    rows
+                },
+                thumbnailSize: {
+                    height,
+                    width
+                },
+                filmstripHeight,
+                filmstripWidth,
+                hasScroll
+            }
+        });
+    };
+}
+
+/**
+ * Sets the dimensions of the thumbnails in vertical view.
+ *
+ * @returns {Function}
+ */
+export function setVerticalViewDimensions() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const { clientHeight = 0, videoSpaceWidth = 0 } = state['features/base/responsive-ui'];
+        const { width: filmstripWidth } = state['features/filmstrip'];
+        const disableSelfView = getHideSelfView(state);
+        const resizableFilmstrip = isFilmstripResizable(state);
+        const _verticalViewGrid = showGridInVerticalView(state);
+        const numberOfRemoteParticipants = getRemoteParticipantCountWithFake(state);
+        const { localScreenShare } = state['features/base/participants'];
+
+        let gridView = {};
+        let thumbnails: any = {};
+        let filmstripDimensions = {};
+        let hasScroll = false;
+        let remoteVideosContainerWidth;
+        let remoteVideosContainerHeight;
+
+        // grid view in the vertical filmstrip
+        if (_verticalViewGrid) {
+            const { tileView = {} } = state['features/base/config'];
+            const { numberOfVisibleTiles = TILE_VIEW_DEFAULT_NUMBER_OF_VISIBLE_TILES } = tileView;
+            const numberOfParticipants = getNumberOfPartipantsForTileView(state);
+            const maxColumns = getMaxColumnCount(state, {
+                width: filmstripWidth.current,
+                disableResponsiveTiles: false,
+                disableTileEnlargement: false
+            });
+            const {
+                height,
+                width,
+                columns,
+                rows
+            } = calculateResponsiveTileViewDimensions({
+                clientWidth: filmstripWidth.current ?? 0,
+                clientHeight,
+                disableTileEnlargement: false,
+                maxColumns,
+                noHorizontalContainerMargin: true,
+                numberOfParticipants,
+                desiredNumberOfVisibleTiles: numberOfVisibleTiles
+            });
+            const thumbnailsTotalHeight = (rows ?? 1) * (TILE_VERTICAL_MARGIN + (height ?? 0));
+
+            hasScroll = clientHeight < thumbnailsTotalHeight;
+            const widthOfFilmstrip = ((columns ?? 1) * (TILE_HORIZONTAL_MARGIN + (width ?? 0)))
+                + (hasScroll ? SCROLL_SIZE : 0);
+            const filmstripHeight = Math.min(clientHeight - TILE_VIEW_GRID_VERTICAL_MARGIN, thumbnailsTotalHeight);
+
+            gridView = {
+                gridDimensions: {
+                    columns,
+                    rows
+                },
+                thumbnailSize: {
+                    height,
+                    width
+                },
+                hasScroll
+            };
+
+            filmstripDimensions = {
+                height: filmstripHeight,
+                width: widthOfFilmstrip
+            };
+        } else {
+            thumbnails = calculateThumbnailSizeForVerticalView(videoSpaceWidth, filmstripWidth.current ?? 0,
+                resizableFilmstrip);
+
+            remoteVideosContainerWidth
+                = thumbnails?.local?.width + TILE_VERTICAL_CONTAINER_HORIZONTAL_MARGIN + SCROLL_SIZE;
+            remoteVideosContainerHeight
+                = clientHeight - (disableSelfView ? 0 : thumbnails?.local?.height) - VERTICAL_FILMSTRIP_VERTICAL_MARGIN;
+
+            // Account for the height of the local screen share thumbnail when calculating the height of the remote
+            // videos container.
+            const localCameraThumbnailHeight = thumbnails?.local?.height;
+            const localScreenShareThumbnailHeight
+                = localScreenShare && !disableSelfView ? thumbnails?.local?.height : 0;
+
+            remoteVideosContainerHeight = clientHeight
+                - localCameraThumbnailHeight
+                - localScreenShareThumbnailHeight
+                - VERTICAL_FILMSTRIP_VERTICAL_MARGIN;
+
+            hasScroll
+                = remoteVideosContainerHeight
+                    < (thumbnails?.remote.height + TILE_VERTICAL_MARGIN) * numberOfRemoteParticipants;
+        }
+
+        dispatch({
+            type: SET_VERTICAL_VIEW_DIMENSIONS,
+            dimensions: {
+                ...thumbnails,
+                remoteVideosContainer: _verticalViewGrid ? filmstripDimensions : {
+                    width: remoteVideosContainerWidth,
+                    height: remoteVideosContainerHeight
+                },
+                gridView,
+                hasScroll
+            }
+        });
+    };
+}
+
+/**
+ * Sets the dimensions of the thumbnails in horizontal view.
+ *
+ * @returns {Function}
+ */
+export function setHorizontalViewDimensions() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const { clientHeight = 0, videoSpaceWidth = 0 } = state['features/base/responsive-ui'];
+        const disableSelfView = getHideSelfView(state);
+        const thumbnails = calculateThumbnailSizeForHorizontalView(clientHeight);
+        const remoteVideosContainerWidth
+            = videoSpaceWidth - (disableSelfView ? 0 : thumbnails?.local?.width) - HORIZONTAL_FILMSTRIP_MARGIN;
+        const remoteVideosContainerHeight
+            = thumbnails?.local?.height + TILE_VERTICAL_MARGIN + STAGE_VIEW_THUMBNAIL_VERTICAL_BORDER + SCROLL_SIZE;
+        const numberOfRemoteParticipants = getRemoteParticipantCountWithFake(state);
+        const hasScroll
+            = remoteVideosContainerHeight
+                < (thumbnails?.remote.width + TILE_HORIZONTAL_MARGIN) * numberOfRemoteParticipants;
+
+        dispatch({
+            type: SET_HORIZONTAL_VIEW_DIMENSIONS,
+            dimensions: {
+                ...thumbnails,
+                remoteVideosContainer: {
+                    width: remoteVideosContainerWidth,
+                    height: remoteVideosContainerHeight
+                },
+                hasScroll
+            }
+        });
+    };
+}
+
+/**
+ * Sets the dimensions of the stage filmstrip tile view grid.
+ *
+ * @returns {Function}
+ */
+export function setStageFilmstripViewDimensions() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const { clientHeight, videoSpaceWidth } = state['features/base/responsive-ui'];
+        const {
+            tileView = {}
+        } = state['features/base/config'];
+        const { visible, topPanelHeight } = state['features/filmstrip'];
+        const verticalWidth = visible ? getVerticalViewMaxWidth(state) : 0;
+        const { numberOfVisibleTiles = MAX_ACTIVE_PARTICIPANTS } = tileView;
+        const numberOfParticipants = state['features/filmstrip'].activeParticipants.length;
+        const availableWidth = videoSpaceWidth - verticalWidth;
+        const maxColumns = getMaxColumnCount(state, {
+            width: availableWidth,
+            disableResponsiveTiles: false,
+            disableTileEnlargement: false
+        });
+        const topPanel = isStageFilmstripTopPanel(state);
+
+        const {
+            height,
+            width,
+            columns,
+            rows
+        } = calculateResponsiveTileViewDimensions({
+            clientWidth: availableWidth,
+            clientHeight: topPanel ? topPanelHeight?.current || TOP_FILMSTRIP_HEIGHT : clientHeight,
+            disableTileEnlargement: false,
+            maxColumns,
+            noHorizontalContainerMargin: verticalWidth > 0,
+            numberOfParticipants,
+            desiredNumberOfVisibleTiles: numberOfVisibleTiles,
+            minTileHeight: topPanel ? TILE_MIN_HEIGHT_SMALL : null
+        });
+        const thumbnailsTotalHeight = (rows ?? 1) * (TILE_VERTICAL_MARGIN + (height ?? 0));
+        const hasScroll = clientHeight < thumbnailsTotalHeight;
+        const filmstripWidth
+            = Math.min(videoSpaceWidth - TILE_VIEW_GRID_HORIZONTAL_MARGIN,
+                (columns ?? 1) * (TILE_HORIZONTAL_MARGIN + (width ?? 0)))
+            + (hasScroll ? SCROLL_SIZE : 0);
+        const filmstripHeight = Math.min(clientHeight - TILE_VIEW_GRID_VERTICAL_MARGIN, thumbnailsTotalHeight);
+
+        dispatch({
+            type: SET_STAGE_FILMSTRIP_DIMENSIONS,
+            dimensions: {
+                gridDimensions: {
+                    columns,
+                    rows
+                },
+                thumbnailSize: {
+                    height,
+                    width
+                },
+                filmstripHeight,
+                filmstripWidth,
+                hasScroll
+            }
+        });
+    };
+}
+
+/**
+ * Emulates a click on the n-th video.
+ *
+ * @param {number} n - Number that identifies the video.
+ * @returns {Function}
+ */
+export function clickOnVideo(n: number) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const { id: localId } = getLocalParticipant(state) ?? {};
+
+        // Use the list that correctly represents the current order of the participants as visible in the UI.
+        const { remoteParticipants } = state['features/filmstrip'];
+        const participants = [ localId, ...remoteParticipants ];
+
+        if (participants.length - 1 < n) {
+            return;
+        }
+        const { id, pinned } = getParticipantById(state, participants[n] ?? '') ?? {};
+
+        if (isStageFilmstripAvailable(state)) {
+            dispatch(togglePinStageParticipant(id ?? ''));
+        } else {
+            dispatch(pinParticipant(pinned ? null : id));
+        }
+    };
+}
+
+/**
+ * Sets the volume for a thumbnail's audio.
+ *
+ * @param {string} participantId - The participant ID associated with the audio.
+ * @param {string} volume - The volume level.
+ * @returns {{
+ *     type: SET_VOLUME,
+ *     participantId: string,
+ *     volume: number
+ * }}
+ */
+export function setVolume(participantId: string, volume: number) {
+    return {
+        type: SET_VOLUME,
+        participantId,
+        volume
+    };
+}
+
+/**
+ * Sets the top filmstrip's height.
+ *
+ * @param {number} height - The new height of the filmstrip.
+ * @returns {{
+ *      type: SET_FILMSTRIP_HEIGHT,
+ *      height: number
+ * }}
+ */
+export function setFilmstripHeight(height: number) {
+    return {
+        type: SET_FILMSTRIP_HEIGHT,
+        height
+    };
+}
+
+/**
+ * Sets the filmstrip's width.
+ *
+ * @param {number} width - The new width of the filmstrip.
+ * @returns {{
+ *      type: SET_FILMSTRIP_WIDTH,
+ *      width: number
+ * }}
+ */
+export function setFilmstripWidth(width: number) {
+    return {
+        type: SET_FILMSTRIP_WIDTH,
+        width
+    };
+}
+
+/**
+ * Sets the filmstrip's height and the user preferred height.
+ *
+ * @param {number} height - The new height of the filmstrip.
+ * @returns {{
+ *      type: SET_USER_FILMSTRIP_WIDTH,
+ *      height: number
+ * }}
+ */
+export function setUserFilmstripHeight(height: number) {
+    return {
+        type: SET_USER_FILMSTRIP_HEIGHT,
+        height
+    };
+}
+
+/**
+ * Sets the filmstrip's width and the user preferred width.
+ *
+ * @param {number} width - The new width of the filmstrip.
+ * @returns {{
+ *      type: SET_USER_FILMSTRIP_WIDTH,
+ *      width: number
+ * }}
+ */
+export function setUserFilmstripWidth(width: number) {
+    return {
+        type: SET_USER_FILMSTRIP_WIDTH,
+        width
+    };
+}
+
+/**
+ * Sets whether the user is resizing or not.
+ *
+ * @param {boolean} resizing - Whether the user is resizing or not.
+ * @returns {Object}
+ */
+export function setUserIsResizing(resizing: boolean) {
+    return {
+        type: SET_USER_IS_RESIZING,
+        resizing
+    };
+}
+
+/**
+ * Add participant to the active participants list.
+ *
+ * @param {string} participantId - The Id of the participant to be added.
+ * @param {boolean?} pinned - Whether the participant is pinned or not.
+ * @returns {Object}
+ */
+export function addStageParticipant(participantId: string, pinned = false) {
+    return {
+        type: ADD_STAGE_PARTICIPANT,
+        participantId,
+        pinned
+    };
+}
+
+/**
+ * Remove participant from the active participants list.
+ *
+ * @param {string} participantId - The Id of the participant to be removed.
+ * @returns {Object}
+ */
+export function removeStageParticipant(participantId: string) {
+    return {
+        type: REMOVE_STAGE_PARTICIPANT,
+        participantId
+    };
+}
+
+/**
+ * Sets the active participants list.
+ *
+ * @param {Array<Object>} queue - The new list.
+ * @returns {Object}
+ */
+export function setStageParticipants(queue: Object[]) {
+    return {
+        type: SET_STAGE_PARTICIPANTS,
+        queue
+    };
+}
+
+/**
+ * Toggles the pin state of the given participant.
+ *
+ * @param {string} participantId - The id of the participant to be toggled.
+ * @returns {Object}
+ */
+export function togglePinStageParticipant(participantId: string) {
+    return {
+        type: TOGGLE_PIN_STAGE_PARTICIPANT,
+        participantId
+    };
+}
+
+/**
+ * Clears the stage participants list.
+ *
+ * @returns {Object}
+ */
+export function clearStageParticipants() {
+    return {
+        type: CLEAR_STAGE_PARTICIPANTS
+    };
+}
+
+/**
+ * Set the screensharing tile dimensions.
+ *
+ * @returns {Object}
+ */
+export function setScreensharingTileDimensions() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const { clientHeight, videoSpaceWidth } = state['features/base/responsive-ui'];
+        const { visible, topPanelHeight, topPanelVisible } = state['features/filmstrip'];
+        const verticalWidth = visible ? getVerticalViewMaxWidth(state) : 0;
+        const availableWidth = videoSpaceWidth - verticalWidth;
+        const topPanel = isStageFilmstripTopPanel(state) && topPanelVisible;
+        const availableHeight = clientHeight - (topPanel ? topPanelHeight?.current || TOP_FILMSTRIP_HEIGHT : 0);
+
+        dispatch({
+            type: SET_SCREENSHARING_TILE_DIMENSIONS,
+            dimensions: {
+                filmstripHeight: availableHeight,
+                filmstripWidth: availableWidth,
+                thumbnailSize: {
+                    width: availableWidth - TILE_HORIZONTAL_MARGIN,
+                    height: availableHeight - TILE_VERTICAL_MARGIN
+                }
+            }
+        });
+    };
+}
+
+/**
+ * Sets the visibility of the top panel.
+ *
+ * @param {boolean} visible - Whether it should be visible or not.
+ * @returns {Object}
+ */
+export function setTopPanelVisible(visible: boolean) {
+    return {
+        type: SET_TOP_PANEL_VISIBILITY,
+        visible
+    };
+}
+
+/**
+ * Sets the participant whose screenshare to be displayed on the filmstrip.
+ *
+ * @param {string|undefined} participantId - The id of the participant to be set.
+ * @returns {Object}
+ */
+export function setScreenshareFilmstripParticipant(participantId?: string) {
+    return {
+        type: SET_SCREENSHARE_FILMSTRIP_PARTICIPANT,
+        participantId
+    };
+}
diff --git a/react/features/filmstrip/components/native/AudioMutedIndicator.tsx b/react/features/filmstrip/components/native/AudioMutedIndicator.tsx
new file mode 100644
index 0000000..9869261
--- /dev/null
+++ b/react/features/filmstrip/components/native/AudioMutedIndicator.tsx
@@ -0,0 +1,20 @@
+import React, { Component } from 'react';
+
+import { IconMicSlash } from '../../../base/icons/svg';
+import BaseIndicator from '../../../base/react/components/native/BaseIndicator';
+
+/**
+ * Thumbnail badge for displaying the audio mute status of a participant.
+ */
+export default class AudioMutedIndicator extends Component<{}> {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        return (
+            <BaseIndicator icon = { IconMicSlash } />
+        );
+    }
+}
diff --git a/react/features/filmstrip/components/native/Filmstrip.tsx b/react/features/filmstrip/components/native/Filmstrip.tsx
new file mode 100644
index 0000000..1cf0ea6
--- /dev/null
+++ b/react/features/filmstrip/components/native/Filmstrip.tsx
@@ -0,0 +1,337 @@
+import React, { PureComponent } from 'react';
+import { FlatList, ViewStyle, ViewToken } from 'react-native';
+import { Edge, SafeAreaView, withSafeAreaInsets } from 'react-native-safe-area-context';
+import { connect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../../app/types';
+import { getLocalParticipant } from '../../../base/participants/functions';
+import Platform from '../../../base/react/Platform.native';
+import { ASPECT_RATIO_NARROW } from '../../../base/responsive-ui/constants';
+import { getHideSelfView } from '../../../base/settings/functions.any';
+import { isToolboxVisible } from '../../../toolbox/functions.native';
+import { setVisibleRemoteParticipants } from '../../actions.native';
+import {
+    getFilmstripDimensions,
+    isFilmstripVisible,
+    shouldDisplayLocalThumbnailSeparately,
+    shouldRemoteVideosBeVisible
+} from '../../functions.native';
+
+import LocalThumbnail from './LocalThumbnail';
+import Thumbnail from './Thumbnail';
+import styles from './styles';
+
+
+// Immutable reference to avoid re-renders.
+const NO_REMOTE_VIDEOS: any[] = [];
+
+/**
+ * Filmstrip component's property types.
+ */
+interface IProps {
+
+    /**
+     * Application's aspect ratio.
+     */
+    _aspectRatio: Symbol;
+
+    _clientHeight: number;
+
+    _clientWidth: number;
+
+    /**
+     * Whether or not to hide the self view.
+     */
+    _disableSelfView: boolean;
+
+    _localParticipantId: string;
+
+    /**
+     * The participants in the conference.
+     */
+    _participants: Array<any>;
+
+    /**
+     * Whether or not the toolbox is displayed.
+     */
+    _toolboxVisible: Boolean;
+
+    /**
+     * The indicator which determines whether the filmstrip is visible.
+     */
+    _visible: boolean;
+
+    /**
+     * Invoked to trigger state changes in Redux.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Object containing the safe area insets.
+     */
+    insets?: Object;
+}
+
+/**
+ * Implements a React {@link Component} which represents the filmstrip on
+ * mobile/React Native.
+ *
+ * @augments Component
+ */
+class Filmstrip extends PureComponent<IProps> {
+    /**
+     * Whether the local participant should be rendered separately from the
+     * remote participants i.e. outside of their {@link ScrollView}.
+     */
+    _separateLocalThumbnail: boolean;
+
+    /**
+     * The FlatList's viewabilityConfig.
+     */
+    _viewabilityConfig: Object;
+
+    /**
+     * Constructor of the component.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // XXX Our current design is to have the local participant separate from
+        // the remote participants. Unfortunately, Android's Video
+        // implementation cannot accommodate that because remote participants'
+        // videos appear on top of the local participant's video at times.
+        // That's because Android's Video utilizes EGL and EGL gives us only two
+        // practical layers in which we can place our participants' videos:
+        // layer #0 sits behind the window, creates a hole in the window, and
+        // there we render the LargeVideo; layer #1 is known as media overlay in
+        // EGL terms, renders on top of layer #0, and, consequently, is for the
+        // Filmstrip. With the separate LocalThumbnail, we should have left the
+        // remote participants' Thumbnails in layer #1 and utilized layer #2 for
+        // LocalThumbnail. Unfortunately, layer #2 is not practical (that's why
+        // I said we had two practical layers only) because it renders on top of
+        // everything which in our case means on top of participant-related
+        // indicators such as moderator, audio and video muted, etc. For now we
+        // do not have much of a choice but to continue rendering LocalThumbnail
+        // as any other remote Thumbnail on Android.
+        this._separateLocalThumbnail = shouldDisplayLocalThumbnailSeparately();
+
+        this._viewabilityConfig = {
+            itemVisiblePercentThreshold: 30,
+            minimumViewTime: 500
+        };
+
+        this._keyExtractor = this._keyExtractor.bind(this);
+        this._getItemLayout = this._getItemLayout.bind(this);
+        this._onViewableItemsChanged = this._onViewableItemsChanged.bind(this);
+        this._renderThumbnail = this._renderThumbnail.bind(this);
+    }
+
+    /**
+     * Returns a key for a passed item of the list.
+     *
+     * @param {string} item - The user ID.
+     * @returns {string} - The user ID.
+     */
+    _keyExtractor(item: string) {
+        return item;
+    }
+
+    /**
+     * Calculates the width and height of the filmstrip based on the screen size and aspect ratio.
+     *
+     * @returns {Object} - The width and the height.
+     */
+    _getDimensions() {
+        const {
+            _aspectRatio,
+            _clientWidth,
+            _clientHeight,
+            _disableSelfView,
+            _localParticipantId,
+            insets
+        } = this.props;
+        const localParticipantVisible = Boolean(_localParticipantId) && !_disableSelfView;
+
+        return getFilmstripDimensions({
+            aspectRatio: _aspectRatio,
+            clientHeight: _clientHeight,
+            clientWidth: _clientWidth,
+            insets,
+            localParticipantVisible
+        });
+    }
+
+    /**
+     * Optimization for FlatList. Returns the length, offset and index for an item.
+     *
+     * @param {Array<string>} _data - The data array with user IDs.
+     * @param {number} index - The index number of the item.
+     * @returns {Object}
+     */
+    _getItemLayout(_data: string[] | null | undefined, index: number) {
+        const { _aspectRatio } = this.props;
+        const isNarrowAspectRatio = _aspectRatio === ASPECT_RATIO_NARROW;
+        const length = isNarrowAspectRatio ? styles.thumbnail.width : styles.thumbnail.height;
+
+        return {
+            length,
+            offset: length * index,
+            index
+        };
+    }
+
+    /**
+     * A handler for visible items changes.
+     *
+     * @param {Object} data - The visible items data.
+     * @param {Array<Object>} data.viewableItems - The visible items array.
+     * @returns {void}
+     */
+    _onViewableItemsChanged({ viewableItems = [] }: { viewableItems: ViewToken[]; }) {
+        const { _disableSelfView } = this.props;
+
+        if (!this._separateLocalThumbnail && !_disableSelfView && viewableItems[0]?.index === 0) {
+            // Skip the local thumbnail.
+            viewableItems.shift();
+        }
+
+        if (viewableItems.length === 0) {
+            // User might be fast-scrolling, it will stabilize.
+            return;
+        }
+
+        let startIndex = Number(viewableItems[0].index);
+        let endIndex = Number(viewableItems[viewableItems.length - 1].index);
+
+        if (!this._separateLocalThumbnail && !_disableSelfView) {
+            // We are off by one in the remote participants array.
+            startIndex -= 1;
+            endIndex -= 1;
+        }
+
+        this.props.dispatch(setVisibleRemoteParticipants(startIndex, endIndex));
+    }
+
+    /**
+     * Creates React Element to display each participant in a thumbnail.
+     *
+     * @private
+     * @returns {ReactElement}
+     */
+    _renderThumbnail({ item }: { item: string; }) {
+        return (
+            <Thumbnail
+                key = { item }
+                participantID = { item } />)
+        ;
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const {
+            _aspectRatio,
+            _disableSelfView,
+            _toolboxVisible,
+            _localParticipantId,
+            _participants,
+            _visible
+        } = this.props;
+
+        if (!_visible) {
+            return null;
+        }
+
+        const bottomEdge = Platform.OS === 'ios' && !_toolboxVisible;
+        const isNarrowAspectRatio = _aspectRatio === ASPECT_RATIO_NARROW;
+        const filmstripStyle = isNarrowAspectRatio ? styles.filmstripNarrow : styles.filmstripWide;
+        const { height, width } = this._getDimensions();
+        const { height: thumbnailHeight, width: thumbnailWidth, margin } = styles.thumbnail;
+        const initialNumToRender = Math.max(
+            0,
+            Math.ceil(
+                isNarrowAspectRatio
+                    ? width / (thumbnailWidth + (2 * margin))
+                    : height / (thumbnailHeight + (2 * margin))
+            )
+        );
+        let participants;
+
+        if (this._separateLocalThumbnail || _disableSelfView) {
+            participants = _participants;
+        } else if (isNarrowAspectRatio) {
+            participants = [ ..._participants, _localParticipantId ];
+        } else {
+            participants = [ _localParticipantId, ..._participants ];
+        }
+
+        return (
+            <SafeAreaView
+                edges = { [ bottomEdge && 'bottom', 'left', 'right' ].filter(Boolean) as Edge[] }
+                style = { filmstripStyle as ViewStyle }>
+                {
+                    this._separateLocalThumbnail
+                        && !isNarrowAspectRatio
+                        && !_disableSelfView
+                        && <LocalThumbnail />
+                }
+                <FlatList
+                    bounces = { false }
+                    data = { participants }
+
+                    /* @ts-ignore */
+                    getItemLayout = { this._getItemLayout }
+                    horizontal = { isNarrowAspectRatio }
+                    initialNumToRender = { initialNumToRender }
+                    key = { isNarrowAspectRatio ? 'narrow' : 'wide' }
+                    keyExtractor = { this._keyExtractor }
+                    onViewableItemsChanged = { this._onViewableItemsChanged }
+                    renderItem = { this._renderThumbnail }
+                    showsHorizontalScrollIndicator = { false }
+                    showsVerticalScrollIndicator = { false }
+                    style = { styles.flatListStageView }
+                    viewabilityConfig = { this._viewabilityConfig }
+                    windowSize = { 2 } />
+                {
+                    this._separateLocalThumbnail
+                        && isNarrowAspectRatio
+                        && !_disableSelfView
+                        && <LocalThumbnail />
+                }
+            </SafeAreaView>
+        );
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated {@code Filmstrip}'s props.
+ *
+ * @param {Object} state - The redux state.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const { enabled, remoteParticipants } = state['features/filmstrip'];
+    const disableSelfView = getHideSelfView(state);
+    const showRemoteVideos = shouldRemoteVideosBeVisible(state);
+    const responsiveUI = state['features/base/responsive-ui'];
+
+    return {
+        _aspectRatio: responsiveUI.aspectRatio,
+        _clientHeight: responsiveUI.clientHeight,
+        _clientWidth: responsiveUI.clientWidth,
+        _disableSelfView: disableSelfView,
+        _localParticipantId: getLocalParticipant(state)?.id ?? '',
+        _participants: showRemoteVideos ? remoteParticipants : NO_REMOTE_VIDEOS,
+        _toolboxVisible: isToolboxVisible(state),
+        _visible: enabled && isFilmstripVisible(state)
+    };
+}
+
+export default withSafeAreaInsets(connect(_mapStateToProps)(Filmstrip));
diff --git a/react/features/filmstrip/components/native/LocalThumbnail.tsx b/react/features/filmstrip/components/native/LocalThumbnail.tsx
new file mode 100644
index 0000000..55848d8
--- /dev/null
+++ b/react/features/filmstrip/components/native/LocalThumbnail.tsx
@@ -0,0 +1,19 @@
+import React from 'react';
+import { View, ViewStyle } from 'react-native';
+
+import Thumbnail from './Thumbnail';
+import styles from './styles';
+
+/**
+ * Component to render a local thumbnail that can be separated from the
+ * remote thumbnails later.
+ *
+ * @returns {ReactElement}
+ */
+export default function LocalThumbnail() {
+    return (
+        <View style = { styles.localThumbnail as ViewStyle }>
+            <Thumbnail />
+        </View>
+    );
+}
diff --git a/react/features/filmstrip/components/native/ModeratorIndicator.tsx b/react/features/filmstrip/components/native/ModeratorIndicator.tsx
new file mode 100644
index 0000000..20bfcfb
--- /dev/null
+++ b/react/features/filmstrip/components/native/ModeratorIndicator.tsx
@@ -0,0 +1,13 @@
+import React from 'react';
+
+import { IconModerator } from '../../../base/icons/svg';
+import BaseIndicator from '../../../base/react/components/native/BaseIndicator';
+
+/**
+ * Thumbnail badge showing that the participant is a conference moderator.
+ *
+ * @returns {JSX.Element}
+ */
+const ModeratorIndicator = (): JSX.Element => <BaseIndicator icon = { IconModerator } />;
+
+export default ModeratorIndicator;
diff --git a/react/features/filmstrip/components/native/PinnedIndicator.tsx b/react/features/filmstrip/components/native/PinnedIndicator.tsx
new file mode 100644
index 0000000..3c7459a
--- /dev/null
+++ b/react/features/filmstrip/components/native/PinnedIndicator.tsx
@@ -0,0 +1,15 @@
+import React from 'react';
+
+import { IconPin } from '../../../base/icons/svg';
+import BaseIndicator from '../../../base/react/components/native/BaseIndicator';
+
+/**
+ * Thumbnail badge for displaying if a participant is pinned.
+ *
+ * @returns {React$Element<any>}
+ */
+export default function PinnedIndicator() {
+    return (
+        <BaseIndicator icon = { IconPin } />
+    );
+}
diff --git a/react/features/filmstrip/components/native/RaisedHandIndicator.tsx b/react/features/filmstrip/components/native/RaisedHandIndicator.tsx
new file mode 100644
index 0000000..064b0f6
--- /dev/null
+++ b/react/features/filmstrip/components/native/RaisedHandIndicator.tsx
@@ -0,0 +1,78 @@
+import React, { Component } from 'react';
+import { View, ViewStyle } from 'react-native';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { IconRaiseHand } from '../../../base/icons/svg';
+import { getParticipantById, hasRaisedHand } from '../../../base/participants/functions';
+import BaseIndicator from '../../../base/react/components/native/BaseIndicator';
+
+import styles from './styles';
+
+export interface IProps {
+
+    /**
+     * True if the hand is raised for this participant.
+     */
+    _raisedHand?: boolean;
+
+    /**
+     * The participant id who we want to render the raised hand indicator
+     * for.
+     */
+    participantId: string;
+}
+
+
+/**
+ * Thumbnail badge showing that the participant would like to speak.
+ *
+ * @augments Component
+ */
+class RaisedHandIndicator extends Component<IProps> {
+
+    /**
+     * Implements {@code Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        if (!this.props._raisedHand) {
+            return null;
+        }
+
+        return this._renderIndicator();
+    }
+
+    /**
+     * Renders the platform specific indicator element.
+     *
+     * @returns {React$Element<*>}
+     */
+    _renderIndicator() {
+        return (
+            <View style = { styles.raisedHandIndicator as ViewStyle }>
+                <BaseIndicator
+                    icon = { IconRaiseHand }
+                    iconStyle = { styles.raisedHandIcon } />
+            </View>
+        );
+    }
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {IProps} ownProps - The own props of the component.
+ * @returns {Object}
+ */
+function _mapStateToProps(state: IReduxState, ownProps: IProps) {
+    const participant = getParticipantById(state, ownProps.participantId);
+
+    return {
+        _raisedHand: hasRaisedHand(participant)
+    };
+}
+
+export default connect(_mapStateToProps)(RaisedHandIndicator);
diff --git a/react/features/filmstrip/components/native/ScreenShareIndicator.tsx b/react/features/filmstrip/components/native/ScreenShareIndicator.tsx
new file mode 100644
index 0000000..0c77719
--- /dev/null
+++ b/react/features/filmstrip/components/native/ScreenShareIndicator.tsx
@@ -0,0 +1,15 @@
+import React from 'react';
+
+import { IconScreenshare } from '../../../base/icons/svg';
+import BaseIndicator from '../../../base/react/components/native/BaseIndicator';
+
+/**
+ * Thumbnail badge for displaying if a participant is sharing their screen.
+ *
+ * @returns {React$Element<any>}
+ */
+export default function ScreenShareIndicator() {
+    return (
+        <BaseIndicator icon = { IconScreenshare } />
+    );
+}
diff --git a/react/features/filmstrip/components/native/Thumbnail.tsx b/react/features/filmstrip/components/native/Thumbnail.tsx
new file mode 100644
index 0000000..c74a9ca
--- /dev/null
+++ b/react/features/filmstrip/components/native/Thumbnail.tsx
@@ -0,0 +1,444 @@
+import React, { PureComponent } from 'react';
+import { Image, ImageStyle, View, ViewStyle } from 'react-native';
+import { connect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../../app/types';
+import { JitsiTrackEvents } from '../../../base/lib-jitsi-meet';
+import { MEDIA_TYPE, VIDEO_TYPE } from '../../../base/media/constants';
+import { pinParticipant } from '../../../base/participants/actions';
+import ParticipantView from '../../../base/participants/components/ParticipantView.native';
+import { PARTICIPANT_ROLE } from '../../../base/participants/constants';
+import {
+    getLocalParticipant,
+    getParticipantByIdOrUndefined,
+    getParticipantCount,
+    hasRaisedHand,
+    isEveryoneModerator,
+    isScreenShareParticipant
+} from '../../../base/participants/functions';
+import { FakeParticipant } from '../../../base/participants/types';
+import Container from '../../../base/react/components/native/Container';
+import { StyleType } from '../../../base/styles/functions.any';
+import { trackStreamingStatusChanged } from '../../../base/tracks/actions.native';
+import {
+    getTrackByMediaTypeAndParticipant,
+    getVideoTrackByParticipant
+} from '../../../base/tracks/functions.native';
+import { ITrack } from '../../../base/tracks/types';
+import ConnectionIndicator from '../../../connection-indicator/components/native/ConnectionIndicator';
+import DisplayNameLabel from '../../../display-name/components/native/DisplayNameLabel';
+import { getGifDisplayMode, getGifForParticipant } from '../../../gifs/functions.native';
+import {
+    showConnectionStatus,
+    showContextMenuDetails,
+    showSharedVideoMenu
+} from '../../../participants-pane/actions.native';
+import { toggleToolboxVisible } from '../../../toolbox/actions.native';
+import { shouldDisplayTileView } from '../../../video-layout/functions.native';
+import { SQUARE_TILE_ASPECT_RATIO } from '../../constants';
+
+import AudioMutedIndicator from './AudioMutedIndicator';
+import ModeratorIndicator from './ModeratorIndicator';
+import PinnedIndicator from './PinnedIndicator';
+import RaisedHandIndicator from './RaisedHandIndicator';
+import ScreenShareIndicator from './ScreenShareIndicator';
+import styles, { AVATAR_SIZE } from './styles';
+
+
+/**
+ * Thumbnail component's property types.
+ */
+interface IProps {
+
+    /**
+     * Whether local audio (microphone) is muted or not.
+     */
+    _audioMuted: boolean;
+
+    /**
+     * The type of participant if the participant is fake.
+     */
+    _fakeParticipant?: FakeParticipant;
+
+    /**
+     * URL of GIF sent by this participant, null if there's none.
+     */
+    _gifSrc?: string;
+
+    /**
+     * Indicates whether the participant is screen sharing.
+     */
+    _isScreenShare: boolean;
+
+    /**
+     * Indicates whether the thumbnail is for a virtual screenshare participant.
+     */
+    _isVirtualScreenshare: boolean;
+
+    /**
+     * Indicates whether the participant is local.
+     */
+    _local?: boolean;
+
+    /**
+     * Shared video local participant owner.
+     */
+    _localVideoOwner: boolean;
+
+    /**
+     * The ID of the participant obtain from the participant object in Redux.
+     *
+     * NOTE: Generally it should be the same as the participantID prop except the case where the passed
+     * participantID doesn't correspond to any of the existing participants.
+     */
+    _participantId: string;
+
+    /**
+     * Indicates whether the participant is pinned or not.
+     */
+    _pinned?: boolean;
+
+    /**
+     * Whether or not the participant has the hand raised.
+     */
+    _raisedHand: boolean;
+
+    /**
+     * Whether to show the dominant speaker indicator or not.
+     */
+    _renderDominantSpeakerIndicator?: boolean;
+
+    /**
+     * Whether to show the moderator indicator or not.
+     */
+    _renderModeratorIndicator: boolean;
+
+    _shouldDisplayTileView: boolean;
+
+    /**
+     * The video track that will be displayed in the thumbnail.
+     */
+    _videoTrack?: ITrack;
+
+    /**
+     * Invoked to trigger state changes in Redux.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * The height of the thumbnail.
+     */
+    height?: number;
+
+    /**
+     * The ID of the participant related to the thumbnail.
+     */
+    participantID?: string;
+
+    /**
+     * Whether to display or hide the display name of the participant in the thumbnail.
+     */
+    renderDisplayName?: boolean;
+
+    /**
+     * If true, it tells the thumbnail that it needs to behave differently. E.g. React differently to a single tap.
+     */
+    tileView?: boolean;
+}
+
+/**
+ * React component for video thumbnail.
+ */
+class Thumbnail extends PureComponent<IProps> {
+
+    /**
+     * Creates new Thumbnail component.
+     *
+     * @param {IProps} props - The props of the component.
+     * @returns {Thumbnail}
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._onClick = this._onClick.bind(this);
+        this._onThumbnailLongPress = this._onThumbnailLongPress.bind(this);
+        this.handleTrackStreamingStatusChanged = this.handleTrackStreamingStatusChanged.bind(this);
+    }
+
+    /**
+     * Thumbnail click handler.
+     *
+     * @returns {void}
+     */
+    _onClick() {
+        const { _participantId, _pinned, dispatch, tileView } = this.props;
+
+        if (tileView) {
+            dispatch(toggleToolboxVisible());
+        } else {
+            dispatch(pinParticipant(_pinned ? null : _participantId));
+        }
+    }
+
+    /**
+     * Thumbnail long press handler.
+     *
+     * @returns {void}
+     */
+    _onThumbnailLongPress() {
+        const { _fakeParticipant, _participantId, _local, _localVideoOwner, dispatch } = this.props;
+
+        if (_fakeParticipant && _localVideoOwner) {
+            dispatch(showSharedVideoMenu(_participantId));
+        } else if (!_fakeParticipant) {
+            if (_local) {
+                dispatch(showConnectionStatus(_participantId));
+            } else {
+                dispatch(showContextMenuDetails(_participantId));
+            }
+        } // else no-op
+    }
+
+    /**
+     * Renders the indicators for the thumbnail.
+     *
+     * @returns {ReactElement}
+     */
+    _renderIndicators() {
+        const {
+            _audioMuted: audioMuted,
+            _fakeParticipant,
+            _isScreenShare: isScreenShare,
+            _isVirtualScreenshare,
+            _participantId: participantId,
+            _pinned,
+            _renderModeratorIndicator: renderModeratorIndicator,
+            _shouldDisplayTileView,
+            renderDisplayName,
+            tileView
+        } = this.props;
+        const indicators = [];
+
+        let bottomIndicatorsContainerStyle;
+
+        if (_shouldDisplayTileView) {
+            bottomIndicatorsContainerStyle = styles.bottomIndicatorsContainer;
+        } else if (audioMuted || renderModeratorIndicator) {
+            bottomIndicatorsContainerStyle = styles.bottomIndicatorsContainer;
+        } else {
+            bottomIndicatorsContainerStyle = null;
+        }
+
+        if (!_fakeParticipant || _isVirtualScreenshare) {
+            indicators.push(<View
+                key = 'top-left-indicators'
+                style = { styles.thumbnailTopLeftIndicatorContainer as ViewStyle }>
+                { !_isVirtualScreenshare && <ConnectionIndicator participantId = { participantId } /> }
+                { !_isVirtualScreenshare && <RaisedHandIndicator participantId = { participantId } /> }
+                { tileView && (isScreenShare || _isVirtualScreenshare) && (
+                    <View style = { styles.screenShareIndicatorContainer as ViewStyle }>
+                        <ScreenShareIndicator />
+                    </View>
+                ) }
+            </View>);
+            indicators.push(<Container
+                key = 'bottom-indicators'
+                style = { styles.thumbnailIndicatorContainer as StyleType }>
+                <Container
+                    style = { bottomIndicatorsContainerStyle as StyleType }>
+                    { audioMuted && !_isVirtualScreenshare && <AudioMutedIndicator /> }
+                    { !tileView && _pinned && <PinnedIndicator />}
+                    { renderModeratorIndicator && !_isVirtualScreenshare && <ModeratorIndicator />}
+                    { !tileView && (isScreenShare || _isVirtualScreenshare) && <ScreenShareIndicator /> }
+                </Container>
+                {
+                    renderDisplayName && <DisplayNameLabel
+                        contained = { true }
+                        participantId = { participantId } />
+                }
+            </Container>);
+        }
+
+        return indicators;
+    }
+
+    /**
+     * Starts listening for track streaming status updates after the initial render.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidMount() {
+        // Listen to track streaming status changed event to keep it updated.
+        // TODO: after converting this component to a react function component,
+        // use a custom hook to update local track streaming status.
+        const { _videoTrack, dispatch } = this.props;
+
+        if (_videoTrack && !_videoTrack.local) {
+            _videoTrack.jitsiTrack.on(JitsiTrackEvents.TRACK_STREAMING_STATUS_CHANGED,
+                this.handleTrackStreamingStatusChanged);
+            dispatch(trackStreamingStatusChanged(_videoTrack.jitsiTrack,
+                _videoTrack.jitsiTrack.getTrackStreamingStatus()));
+        }
+    }
+
+    /**
+     * Stops listening for track streaming status updates on the old track and starts listening instead on the new
+     * track.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidUpdate(prevProps: IProps) {
+        // TODO: after converting this component to a react function component,
+        // use a custom hook to update local track streaming status.
+        const { _videoTrack, dispatch } = this.props;
+
+        if (prevProps._videoTrack?.jitsiTrack?.getSourceName() !== _videoTrack?.jitsiTrack?.getSourceName()) {
+            if (prevProps._videoTrack && !prevProps._videoTrack.local) {
+                prevProps._videoTrack.jitsiTrack.off(JitsiTrackEvents.TRACK_STREAMING_STATUS_CHANGED,
+                    this.handleTrackStreamingStatusChanged);
+                dispatch(trackStreamingStatusChanged(prevProps._videoTrack.jitsiTrack,
+                    prevProps._videoTrack.jitsiTrack.getTrackStreamingStatus()));
+            }
+            if (_videoTrack && !_videoTrack.local) {
+                _videoTrack.jitsiTrack.on(JitsiTrackEvents.TRACK_STREAMING_STATUS_CHANGED,
+                    this.handleTrackStreamingStatusChanged);
+                dispatch(trackStreamingStatusChanged(_videoTrack.jitsiTrack,
+                    _videoTrack.jitsiTrack.getTrackStreamingStatus()));
+            }
+        }
+    }
+
+    /**
+     * Remove listeners for track streaming status update.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentWillUnmount() {
+        // TODO: after converting this component to a react function component,
+        // use a custom hook to update local track streaming status.
+        const { _videoTrack, dispatch } = this.props;
+
+        if (_videoTrack && !_videoTrack.local) {
+            _videoTrack.jitsiTrack.off(JitsiTrackEvents.TRACK_STREAMING_STATUS_CHANGED,
+                this.handleTrackStreamingStatusChanged);
+            dispatch(trackStreamingStatusChanged(_videoTrack.jitsiTrack,
+                _videoTrack.jitsiTrack.getTrackStreamingStatus()));
+        }
+    }
+
+    /**
+     * Handle track streaming status change event by by dispatching an action to update track streaming status for the
+     * given track in app state.
+     *
+     * @param {JitsiTrack} jitsiTrack - The track with streaming status updated.
+     * @param {JitsiTrackStreamingStatus} streamingStatus - The updated track streaming status.
+     * @returns {void}
+     */
+    handleTrackStreamingStatusChanged(jitsiTrack: any, streamingStatus: string) {
+        this.props.dispatch(trackStreamingStatusChanged(jitsiTrack, streamingStatus));
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const {
+            _fakeParticipant,
+            _gifSrc,
+            _isScreenShare: isScreenShare,
+            _isVirtualScreenshare,
+            _participantId: participantId,
+            _raisedHand,
+            _renderDominantSpeakerIndicator,
+            height,
+            tileView
+        } = this.props;
+        const styleOverrides = tileView ? {
+            aspectRatio: SQUARE_TILE_ASPECT_RATIO,
+            flex: 0,
+            height,
+            maxHeight: null,
+            maxWidth: null,
+            width: null
+        } : null;
+
+        return (
+            <Container
+                onClick = { this._onClick }
+                onLongPress = { this._onThumbnailLongPress }
+                style = { [
+                    styles.thumbnail,
+                    styleOverrides,
+                    _raisedHand && !_isVirtualScreenshare ? styles.thumbnailRaisedHand : null,
+                    _renderDominantSpeakerIndicator && !_isVirtualScreenshare ? styles.thumbnailDominantSpeaker : null
+                ] as StyleType[] }
+                touchFeedback = { false }>
+                { _gifSrc ? <Image
+                    source = {{ uri: _gifSrc }}
+                    style = { styles.thumbnailGif as ImageStyle } />
+                    : <>
+                        <ParticipantView
+                            avatarSize = { tileView ? AVATAR_SIZE * 1.5 : AVATAR_SIZE }
+                            disableVideo = { !tileView && (isScreenShare || _fakeParticipant) }
+                            participantId = { participantId }
+                            zOrder = { 1 } />
+                        {
+                            this._renderIndicators()
+                        }
+                    </>
+                }
+            </Container>
+        );
+    }
+}
+
+/**
+ * Function that maps parts of Redux state tree into component props.
+ *
+ * @param {Object} state - Redux state.
+ * @param {IProps} ownProps - Properties of component.
+ * @returns {Object}
+ */
+function _mapStateToProps(state: IReduxState, ownProps: any) {
+    const { ownerId } = state['features/shared-video'];
+    const tracks = state['features/base/tracks'];
+    const { participantID, tileView } = ownProps;
+    const participant = getParticipantByIdOrUndefined(state, participantID);
+    const localParticipantId = getLocalParticipant(state)?.id;
+    const id = participant?.id;
+    const audioTrack = getTrackByMediaTypeAndParticipant(tracks, MEDIA_TYPE.AUDIO, id);
+    const videoTrack = getVideoTrackByParticipant(state, participant);
+    const isScreenShare = videoTrack?.videoType === VIDEO_TYPE.DESKTOP;
+    const participantCount = getParticipantCount(state);
+    const renderDominantSpeakerIndicator = participant?.dominantSpeaker && participantCount > 2;
+    const _isEveryoneModerator = isEveryoneModerator(state);
+    const renderModeratorIndicator = tileView && !_isEveryoneModerator
+        && participant?.role === PARTICIPANT_ROLE.MODERATOR;
+    const { gifUrl: gifSrc } = getGifForParticipant(state, id ?? '');
+    const mode = getGifDisplayMode(state);
+
+    return {
+        _audioMuted: audioTrack?.muted ?? true,
+        _fakeParticipant: participant?.fakeParticipant,
+        _gifSrc: mode === 'chat' ? undefined : gifSrc,
+        _isScreenShare: isScreenShare,
+        _isVirtualScreenshare: isScreenShareParticipant(participant),
+        _local: participant?.local,
+        _localVideoOwner: Boolean(ownerId === localParticipantId),
+        _participantId: id ?? '',
+        _pinned: participant?.pinned,
+        _raisedHand: hasRaisedHand(participant),
+        _renderDominantSpeakerIndicator: renderDominantSpeakerIndicator,
+        _renderModeratorIndicator: renderModeratorIndicator,
+        _shouldDisplayTileView: shouldDisplayTileView(state),
+        _videoTrack: videoTrack
+    };
+}
+
+export default connect(_mapStateToProps)(Thumbnail);
diff --git a/react/features/filmstrip/components/native/TileView.tsx b/react/features/filmstrip/components/native/TileView.tsx
new file mode 100644
index 0000000..4d34e8d
--- /dev/null
+++ b/react/features/filmstrip/components/native/TileView.tsx
@@ -0,0 +1,298 @@
+import React, { PureComponent } from 'react';
+import {
+    FlatList,
+    GestureResponderEvent,
+    TouchableWithoutFeedback,
+    ViewToken
+} from 'react-native';
+import { EdgeInsets, SafeAreaView, withSafeAreaInsets } from 'react-native-safe-area-context';
+import { connect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../../app/types';
+import { getLocalParticipant, getParticipantCountWithFake } from '../../../base/participants/functions';
+import { ILocalParticipant } from '../../../base/participants/types';
+import { getHideSelfView } from '../../../base/settings/functions.any';
+import { setVisibleRemoteParticipants } from '../../actions.native';
+
+import Thumbnail from './Thumbnail';
+import styles from './styles';
+
+/**
+ * The type of the React {@link Component} props of {@link TileView}.
+ */
+interface IProps {
+
+    /**
+     * Application's aspect ratio.
+     */
+    _aspectRatio: Symbol;
+
+    /**
+     * The number of columns.
+     */
+    _columns: number;
+
+    /**
+     * Whether or not to hide the self view.
+     */
+    _disableSelfView: boolean;
+
+    /**
+     * Application's viewport height.
+     */
+    _height: number;
+
+    /**
+     * The local participant.
+     */
+    _localParticipant?: ILocalParticipant;
+
+    /**
+     * The number of participants in the conference.
+     */
+    _participantCount: number;
+
+    /**
+     * An array with the IDs of the remote participants in the conference.
+     */
+    _remoteParticipants: Array<string>;
+
+    /**
+     * The thumbnail height.
+     */
+    _thumbnailHeight?: number;
+
+    /**
+     * Application's viewport height.
+     */
+    _width: number;
+
+    /**
+     * Invoked to update the receiver video quality.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Object containing the safe area insets.
+     */
+    insets: EdgeInsets;
+
+    /**
+     * Callback to invoke when tile view is tapped.
+     */
+    onClick: (e?: GestureResponderEvent) => void;
+}
+
+/**
+ * An empty array. The purpose of the constant is to use the same reference every time we need an empty array.
+ * This will prevent unnecessary re-renders.
+ */
+const EMPTY_ARRAY: any[] = [];
+
+/**
+ * Implements a React {@link PureComponent} which displays thumbnails in a two
+ * dimensional grid.
+ *
+ * @augments PureComponent
+ */
+class TileView extends PureComponent<IProps> {
+
+    /**
+     * The styles for the content container of the FlatList.
+     */
+    _contentContainerStyles: any;
+
+    /**
+     * The styles for the FlatList.
+     */
+    _flatListStyles: any;
+
+    /**
+     * The FlatList's viewabilityConfig.
+     */
+    _viewabilityConfig: Object;
+
+    /**
+     * Creates new TileView component.
+     *
+     * @param {IProps} props - The props of the component.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._keyExtractor = this._keyExtractor.bind(this);
+        this._onViewableItemsChanged = this._onViewableItemsChanged.bind(this);
+        this._renderThumbnail = this._renderThumbnail.bind(this);
+
+        this._viewabilityConfig = {
+            itemVisiblePercentThreshold: 30,
+            minimumViewTime: 500
+        };
+        this._flatListStyles = {
+            ...styles.flatListTileView
+        };
+        this._contentContainerStyles = {
+            ...styles.contentContainer,
+            paddingBottom: this.props.insets?.bottom || 0
+        };
+    }
+
+    /**
+     * Returns a key for a passed item of the list.
+     *
+     * @param {string} item - The user ID.
+     * @returns {string} - The user ID.
+     */
+    _keyExtractor(item: string) {
+        return item;
+    }
+
+    /**
+     * A handler for visible items changes.
+     *
+     * @param {Object} data - The visible items data.
+     * @param {Array<Object>} data.viewableItems - The visible items array.
+     * @returns {void}
+     */
+    _onViewableItemsChanged({ viewableItems = [] }: { viewableItems: ViewToken[]; }) {
+        const { _disableSelfView } = this.props;
+
+        if (viewableItems[0]?.index === 0 && !_disableSelfView) {
+            // Skip the local thumbnail.
+            viewableItems.shift();
+        }
+
+        if (viewableItems.length === 0) {
+            // User might be fast-scrolling, it will stabilize.
+            return;
+        }
+
+        // We are off by one in the remote participants array.
+        const startIndex = Number(viewableItems[0].index) - (_disableSelfView ? 0 : 1);
+        const endIndex = Number(viewableItems[viewableItems.length - 1].index) - (_disableSelfView ? 0 : 1);
+
+        this.props.dispatch(setVisibleRemoteParticipants(startIndex, endIndex));
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { _columns, _height, _thumbnailHeight, _width, onClick } = this.props;
+        const participants = this._getSortedParticipants();
+        const initialRowsToRender = Math.ceil(_height / (Number(_thumbnailHeight) + (2 * styles.thumbnail.margin)));
+
+        if (this._flatListStyles.minHeight !== _height || this._flatListStyles.minWidth !== _width) {
+            this._flatListStyles = {
+                ...styles.flatListTileView,
+                minHeight: _height,
+                minWidth: _width
+            };
+        }
+
+        if (this._contentContainerStyles.minHeight !== _height || this._contentContainerStyles.minWidth !== _width) {
+            this._contentContainerStyles = {
+                ...styles.contentContainer,
+                minHeight: _height,
+                minWidth: _width,
+                paddingBottom: this.props.insets?.bottom || 0
+            };
+        }
+
+        return (
+            <TouchableWithoutFeedback onPress = { onClick }>
+                <SafeAreaView style = { styles.flatListContainer }>
+                    <FlatList
+                        bounces = { false }
+                        contentContainerStyle = { this._contentContainerStyles }
+                        data = { participants }
+                        horizontal = { false }
+                        initialNumToRender = { initialRowsToRender }
+                        key = { _columns }
+                        keyExtractor = { this._keyExtractor }
+                        numColumns = { _columns }
+                        onViewableItemsChanged = { this._onViewableItemsChanged }
+                        renderItem = { this._renderThumbnail }
+                        showsHorizontalScrollIndicator = { false }
+                        showsVerticalScrollIndicator = { false }
+                        style = { this._flatListStyles }
+                        viewabilityConfig = { this._viewabilityConfig }
+                        windowSize = { 2 } />
+                </SafeAreaView>
+            </TouchableWithoutFeedback>
+        );
+    }
+
+    /**
+     * Returns all participants with the local participant at the end.
+     *
+     * @private
+     * @returns {Participant[]}
+     */
+    _getSortedParticipants() {
+        const { _localParticipant, _remoteParticipants, _disableSelfView } = this.props;
+
+        if (!_localParticipant) {
+            return EMPTY_ARRAY;
+        }
+
+        if (_disableSelfView) {
+            return _remoteParticipants;
+        }
+
+        return [ _localParticipant?.id, ..._remoteParticipants ];
+    }
+
+    /**
+     * Creates React Element to display each participant in a thumbnail.
+     *
+     * @private
+     * @returns {ReactElement}
+     */
+    _renderThumbnail({ item }: { item: string; }) {
+        const { _thumbnailHeight } = this.props;
+
+        return (
+            <Thumbnail
+                height = { _thumbnailHeight }
+                key = { item }
+                participantID = { item }
+                renderDisplayName = { true }
+                tileView = { true } />)
+        ;
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated {@code TileView}'s props.
+ *
+ * @param {Object} state - The redux state.
+ * @param {Object} ownProps - Component props.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState, ownProps: any) {
+    const responsiveUi = state['features/base/responsive-ui'];
+    const { remoteParticipants, tileViewDimensions } = state['features/filmstrip'];
+    const disableSelfView = getHideSelfView(state);
+    const { height } = tileViewDimensions?.thumbnailSize ?? {};
+    const { columns } = tileViewDimensions ?? {};
+
+    return {
+        _aspectRatio: responsiveUi.aspectRatio,
+        _columns: columns ?? 1,
+        _disableSelfView: disableSelfView,
+        _height: responsiveUi.clientHeight - (ownProps.insets?.top || 0),
+        _insets: ownProps.insets,
+        _localParticipant: getLocalParticipant(state),
+        _participantCount: getParticipantCountWithFake(state),
+        _remoteParticipants: remoteParticipants,
+        _thumbnailHeight: height,
+        _width: responsiveUi.clientWidth - (ownProps.insets?.right || 0) - (ownProps.insets?.left || 0)
+    };
+}
+
+export default withSafeAreaInsets(connect(_mapStateToProps)(TileView));
diff --git a/react/features/filmstrip/components/native/styles.ts b/react/features/filmstrip/components/native/styles.ts
new file mode 100644
index 0000000..f69be18
--- /dev/null
+++ b/react/features/filmstrip/components/native/styles.ts
@@ -0,0 +1,182 @@
+import BaseTheme from '../../../base/ui/components/BaseTheme.native';
+import { SMALL_THUMBNAIL_SIZE } from '../../constants';
+
+/**
+ * Size for the Avatar.
+ */
+export const AVATAR_SIZE = 50;
+
+const indicatorContainer = {
+    alignItems: 'center',
+    backgroundColor: 'rgba(0, 0, 0, 0.7)',
+    borderRadius: BaseTheme.shape.borderRadius,
+    height: 24,
+    margin: 2,
+    padding: 2
+};
+
+
+/**
+ * The styles of the feature filmstrip.
+ */
+export default {
+
+    /**
+     * The FlatList content container styles.
+     */
+    contentContainer: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        flex: 0
+    },
+
+    /**
+     * The display name container.
+     */
+    displayNameContainer: {
+        padding: 2
+    },
+
+    /**
+     * The style of the narrow {@link Filmstrip} version which displays
+     * thumbnails in a row at the bottom of the screen.
+     */
+    filmstripNarrow: {
+        flexDirection: 'row',
+        flexGrow: 0,
+        justifyContent: 'flex-end',
+        margin: 6
+    },
+
+    /**
+     * The style of the wide {@link Filmstrip} version which displays thumbnails
+     * in a column on the short size of the screen.
+     *
+     * NOTE: width is calculated based on the children, but it should also align
+     * to {@code FILMSTRIP_SIZE}.
+     */
+    filmstripWide: {
+        bottom: BaseTheme.spacing[0],
+        flexDirection: 'column',
+        flexGrow: 0,
+        position: 'absolute',
+        right: BaseTheme.spacing[0],
+        top: BaseTheme.spacing[0]
+    },
+
+    /**
+     * The styles for the FlatList container.
+     */
+    flatListContainer: {
+        flexGrow: 1,
+        flexShrink: 1,
+        flex: 0
+    },
+
+    /**
+     * The styles for the FlatList component in stage view.
+     */
+    flatListStageView: {
+        flexGrow: 0
+    },
+
+    /**
+     * The styles for the FlatList component in tile view.
+     */
+    flatListTileView: {
+        flex: 0
+    },
+
+    /**
+     * Container of the {@link LocalThumbnail}.
+     */
+    localThumbnail: {
+        alignContent: 'stretch',
+        alignSelf: 'stretch',
+        aspectRatio: 1,
+        flexShrink: 0,
+        flexDirection: 'row'
+    },
+
+    /**
+     * The style of a participant's Thumbnail which renders either the video or
+     * the avatar of the associated participant.
+     */
+    thumbnail: {
+        alignItems: 'stretch',
+        backgroundColor: BaseTheme.palette.ui02,
+        borderColor: BaseTheme.palette.ui03,
+        borderRadius: BaseTheme.shape.borderRadius,
+        borderStyle: 'solid',
+        borderWidth: 1,
+        flex: 1,
+        height: SMALL_THUMBNAIL_SIZE,
+        justifyContent: 'center',
+        margin: 2,
+        maxHeight: SMALL_THUMBNAIL_SIZE,
+        maxWidth: SMALL_THUMBNAIL_SIZE,
+        overflow: 'hidden',
+        position: 'relative',
+        width: SMALL_THUMBNAIL_SIZE
+    },
+
+    indicatorContainer: {
+        ...indicatorContainer
+    },
+
+    screenShareIndicatorContainer: {
+        ...indicatorContainer
+    },
+
+    /**
+     * The thumbnail indicator container.
+     */
+    thumbnailIndicatorContainer: {
+        ...indicatorContainer,
+        bottom: 3,
+        flex: 1,
+        flexDirection: 'row',
+        left: 3,
+        position: 'absolute',
+        maxWidth: '95%',
+        overflow: 'hidden',
+        padding: BaseTheme.spacing[0]
+    },
+
+    bottomIndicatorsContainer: {
+        flexDirection: 'row',
+        padding: BaseTheme.spacing[1]
+    },
+
+    thumbnailTopLeftIndicatorContainer: {
+        ...indicatorContainer,
+        backgroundColor: 'unset',
+        flexDirection: 'row',
+        position: 'absolute',
+        top: BaseTheme.spacing[1]
+    },
+
+    raisedHandIndicator: {
+        ...indicatorContainer,
+        backgroundColor: BaseTheme.palette.warning02
+    },
+
+    raisedHandIcon: {
+        color: BaseTheme.palette.uiBackground
+    },
+
+    thumbnailRaisedHand: {
+        borderWidth: 2,
+        borderColor: BaseTheme.palette.warning02
+    },
+
+    thumbnailDominantSpeaker: {
+        borderWidth: 2,
+        borderColor: BaseTheme.palette.action01Hover
+    },
+
+    thumbnailGif: {
+        flexGrow: 1,
+        resizeMode: 'contain'
+    }
+};
diff --git a/react/features/filmstrip/components/web/AudioMutedIndicator.tsx b/react/features/filmstrip/components/web/AudioMutedIndicator.tsx
new file mode 100644
index 0000000..6bc9b56
--- /dev/null
+++ b/react/features/filmstrip/components/web/AudioMutedIndicator.tsx
@@ -0,0 +1,33 @@
+import React from 'react';
+
+import { IconMicSlash } from '../../../base/icons/svg';
+import BaseIndicator from '../../../base/react/components/web/BaseIndicator';
+import { TOOLTIP_POSITION } from '../../../base/ui/constants.any';
+
+/**
+ * The type of the React {@code Component} props of {@link AudioMutedIndicator}.
+ */
+interface IProps {
+
+    /**
+     * From which side of the indicator the tooltip should appear from.
+     */
+    tooltipPosition: TOOLTIP_POSITION;
+}
+
+/**
+ * React {@code Component} for showing an audio muted icon with a tooltip.
+ *
+ * @returns {Component}
+ */
+const AudioMutedIndicator = ({ tooltipPosition }: IProps) => (
+    <BaseIndicator
+        icon = { IconMicSlash }
+        iconId = 'mic-disabled'
+        iconSize = { 16 }
+        id = 'audioMuted'
+        tooltipKey = 'videothumbnail.mute'
+        tooltipPosition = { tooltipPosition } />
+);
+
+export default AudioMutedIndicator;
diff --git a/react/features/filmstrip/components/web/AudioTracksContainer.tsx b/react/features/filmstrip/components/web/AudioTracksContainer.tsx
new file mode 100644
index 0000000..f555cdd
--- /dev/null
+++ b/react/features/filmstrip/components/web/AudioTracksContainer.tsx
@@ -0,0 +1,69 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import AudioTrack from '../../../base/media/components/web/AudioTrack';
+import { MEDIA_TYPE } from '../../../base/media/constants';
+import { ITrack } from '../../../base/tracks/types';
+
+/**
+ * The type of the React {@code Component} props of {@link AudioTracksContainer}.
+ */
+interface IProps {
+
+    /**
+     * All media tracks stored in redux.
+     */
+    _tracks: ITrack[];
+}
+
+/**
+ * A container for the remote tracks audio elements.
+ *
+ * @param {IProps} props - The props of the component.
+ * @returns {Array<ReactElement>}
+ */
+function AudioTracksContainer(props: IProps) {
+    const { _tracks } = props;
+    const remoteAudioTracks = _tracks.filter(t => !t.local && t.mediaType === MEDIA_TYPE.AUDIO);
+
+    return (
+        <div>
+            {
+                remoteAudioTracks.map(t => {
+                    const { jitsiTrack, participantId } = t;
+                    const audioTrackId = jitsiTrack?.getId();
+                    const id = `remoteAudio_${audioTrackId || ''}`;
+
+                    return (
+                        <AudioTrack
+                            audioTrack = { t }
+                            id = { id }
+                            key = { id }
+                            participantId = { participantId } />
+                    );
+                })
+            }
+        </div>
+    );
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated {@code AudioTracksContainer}'s props.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    // NOTE: The disadvantage of this approach is that the component will re-render on any track change.
+    // One way to solve the problem would be to pass only the participant ID to the AudioTrack component and
+    // find the corresponding track inside the AudioTrack's mapStateToProps. But currently this will be very
+    // inefficient because features/base/tracks is an array and in order to find a track by participant ID
+    // we need to go through the array. Introducing a map participantID -> track could be beneficial in this case.
+    return {
+        _tracks: state['features/base/tracks']
+    };
+}
+
+export default connect(_mapStateToProps)(AudioTracksContainer);
diff --git a/react/features/filmstrip/components/web/Filmstrip.tsx b/react/features/filmstrip/components/web/Filmstrip.tsx
new file mode 100644
index 0000000..e0474f1
--- /dev/null
+++ b/react/features/filmstrip/components/web/Filmstrip.tsx
@@ -0,0 +1,1151 @@
+import { Theme } from '@mui/material';
+import clsx from 'clsx';
+import { throttle } from 'lodash-es';
+import React, { PureComponent } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+import { FixedSizeGrid, FixedSizeList } from 'react-window';
+import { withStyles } from 'tss-react/mui';
+
+import { ACTION_SHORTCUT_TRIGGERED, createShortcutEvent, createToolbarEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { IReduxState, IStore } from '../../../app/types';
+import { isMobileBrowser } from '../../../base/environment/utils';
+import { translate } from '../../../base/i18n/functions';
+import Icon from '../../../base/icons/components/Icon';
+import { IconArrowDown, IconArrowUp } from '../../../base/icons/svg';
+import { isNarrowScreenWithChatOpen } from '../../../base/responsive-ui/functions';
+import { getHideSelfView } from '../../../base/settings/functions.any';
+import { registerShortcut, unregisterShortcut } from '../../../keyboard-shortcuts/actions';
+import { showToolbox } from '../../../toolbox/actions.web';
+import { isButtonEnabled, isToolboxVisible } from '../../../toolbox/functions.web';
+import { LAYOUTS } from '../../../video-layout/constants';
+import { getCurrentLayout } from '../../../video-layout/functions.web';
+import {
+    setFilmstripVisible,
+    setTopPanelVisible,
+    setUserFilmstripHeight,
+    setUserFilmstripWidth,
+    setUserIsResizing,
+    setVisibleRemoteParticipants
+} from '../../actions.web';
+import {
+    ASPECT_RATIO_BREAKPOINT,
+    DEFAULT_FILMSTRIP_WIDTH,
+    FILMSTRIP_TYPE,
+    MIN_STAGE_VIEW_HEIGHT,
+    MIN_STAGE_VIEW_WIDTH,
+    TILE_HORIZONTAL_MARGIN,
+    TILE_VERTICAL_MARGIN,
+    TOP_FILMSTRIP_HEIGHT
+} from '../../constants';
+import {
+    getVerticalViewMaxWidth,
+    isFilmstripDisabled,
+    isStageFilmstripTopPanel,
+    shouldRemoteVideosBeVisible
+} from '../../functions.web';
+
+import AudioTracksContainer from './AudioTracksContainer';
+import Thumbnail from './Thumbnail';
+import ThumbnailWrapper from './ThumbnailWrapper';
+
+
+const BACKGROUND_COLOR = 'rgba(51, 51, 51, .5)';
+
+/**
+ * Creates the styles for the component.
+ *
+ * @param {Object} theme - The current theme.
+ * @param {IProps} props - The component props.
+ * @returns {Object}
+ */
+function styles(theme: Theme, props: IProps) {
+    const result = {
+        toggleFilmstripContainer: {
+            display: 'flex',
+            flexWrap: 'nowrap' as const,
+            alignItems: 'center',
+            justifyContent: 'center',
+            backgroundColor: BACKGROUND_COLOR,
+            width: '32px',
+            height: '24px',
+            position: 'absolute' as const,
+            borderRadius: '4px',
+            top: 'calc(-24px - 2px)',
+            left: 'calc(50% - 16px)',
+            opacity: 0,
+            transition: 'opacity .3s',
+            zIndex: 1,
+
+            '&:hover, &:focus-within': {
+                backgroundColor: theme.palette.ui02
+            }
+        },
+
+        toggleFilmstripButton: {
+            fontSize: '0.875rem',
+            lineHeight: 1.2,
+            textAlign: 'center' as const,
+            background: 'transparent',
+            height: 'auto',
+            width: '100%',
+            padding: 0,
+            margin: 0,
+            border: 'none',
+
+            '-webkit-appearance': 'none',
+
+            '& svg': {
+                fill: theme.palette.icon01
+            }
+        },
+
+        toggleVerticalFilmstripContainer: {
+            transform: 'rotate(-90deg)',
+            left: 'calc(-24px - 2px - 4px)',
+            top: 'calc(50% - 12px)'
+        },
+
+        toggleTopPanelContainer: {
+            transform: 'rotate(180deg)',
+            bottom: 'calc(-24px - 6px)',
+            top: 'auto'
+        },
+
+        toggleTopPanelContainerHidden: {
+            visibility: 'hidden' as const
+        },
+
+        filmstrip: {
+            transition: 'background .2s ease-in-out, right 1s, bottom 1s, top 1s, height .3s ease-in',
+            right: 0,
+            bottom: 0,
+
+            '&:hover, &:focus-within': {
+                '& .resizable-filmstrip': {
+                    backgroundColor: BACKGROUND_COLOR
+                },
+
+                '& .filmstrip-hover': {
+                    backgroundColor: BACKGROUND_COLOR
+                },
+
+                '& .toggleFilmstripContainer': {
+                    opacity: 1
+                },
+
+                '& .dragHandleContainer': {
+                    visibility: 'visible' as const
+                }
+            },
+
+            '.horizontal-filmstrip &.hidden': {
+                bottom: '-50px',
+
+                '&:hover': {
+                    backgroundColor: 'transparent'
+                }
+            },
+
+            '&.hidden': {
+                '& .toggleFilmstripContainer': {
+                    opacity: 1
+                }
+            }
+        },
+
+        filmstripBackground: {
+            backgroundColor: theme.palette.uiBackground,
+
+            '&:hover, &:focus-within': {
+                backgroundColor: theme.palette.uiBackground
+            }
+        },
+
+        resizableFilmstripContainer: {
+            display: 'flex',
+            position: 'relative' as const,
+            flexDirection: 'row' as const,
+            alignItems: 'center',
+            height: '100%',
+            width: '100%',
+            transition: 'background .2s ease-in-out' as const,
+
+            '& .avatar-container': {
+                maxWidth: 'initial',
+                maxHeight: 'initial'
+            },
+
+            '&.top-panel-filmstrip': {
+                flexDirection: 'column' as const
+            },
+            '&.always-show-resize-bar': {
+                backgroundColor: BACKGROUND_COLOR
+            }
+        },
+
+        dragHandleContainer: {
+            height: '100%',
+            width: '9px',
+            backgroundColor: 'transparent',
+            position: 'relative' as const,
+            cursor: 'col-resize',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            visibility: 'hidden' as const,
+
+            '&:hover': {
+                '& .dragHandle': {
+                    backgroundColor: theme.palette.icon01
+                }
+            },
+
+            '&.visible': {
+                visibility: 'visible' as const,
+
+                '& .dragHandle': {
+                    backgroundColor: theme.palette.icon01
+                }
+            },
+
+            '&.top-panel': {
+                order: 2,
+                width: '100%',
+                height: '9px',
+                cursor: 'row-resize',
+
+                '& .dragHandle': {
+                    height: '3px',
+                    width: '100px'
+                }
+            }
+        },
+
+        dragHandle: {
+            backgroundColor: theme.palette.icon02,
+            height: '100px',
+            width: '3px',
+            borderRadius: '1px'
+        }
+    };
+
+    if (props._isNarrowScreenWithChatOpen) {
+        result.filmstrip = {
+            ...result.filmstrip,
+            '& .vertical-filmstrip': {
+                display: 'none' as const
+            }
+        } as typeof result.filmstrip;
+    }
+
+    return result;
+}
+
+
+/**
+ * The type of the React {@code Component} props of {@link Filmstrip}.
+ */
+export interface IProps extends WithTranslation {
+    /**
+     * Whether to always show the resize bar on filmstrip. This will make the filmstrip always visible.
+     */
+    _alwaysShowResizeBar?: boolean;
+
+    /**
+     * Additional CSS class names top add to the root.
+     */
+    _className: string;
+
+    /**
+     * The number of columns in tile view.
+     */
+    _columns: number;
+
+    /**
+     * The current layout of the filmstrip.
+     */
+    _currentLayout?: string;
+
+    /**
+     * Whether or not to hide the self view.
+     */
+    _disableSelfView: boolean;
+
+    /**
+     * Whether vertical/horizontal filmstrip is disabled through config.
+     */
+    _filmstripDisabled: boolean;
+
+    /**
+     * The height of the filmstrip.
+     */
+    _filmstripHeight: number;
+
+    /**
+     * The width of the filmstrip.
+     */
+    _filmstripWidth: number;
+
+    /**
+     * Whether or not we have scroll on the filmstrip.
+     */
+    _hasScroll: boolean;
+
+    /**
+     * Whether this is a recorder or not.
+     */
+    _iAmRecorder: boolean;
+
+    /**
+     * Whether the filmstrip button is enabled.
+     */
+    _isFilmstripButtonEnabled: boolean;
+
+    /**
+     * Whether the available space is when the chat is open. The filmstrip will be hidden if true.
+     */
+    _isNarrowScreenWithChatOpen: boolean;
+
+    /**
+    * Whether or not the toolbox is displayed.
+    */
+    _isToolboxVisible: Boolean;
+
+    /**
+     * Whether or not the current layout is vertical filmstrip.
+     */
+    _isVerticalFilmstrip: boolean;
+
+    /**
+     * The local screen share participant. This prop is behind the sourceNameSignaling feature flag.
+     */
+    _localScreenShareId: string | undefined;
+
+    /**
+     * Whether or not the filmstrip videos should currently be displayed.
+     */
+    _mainFilmstripVisible: boolean;
+
+    /**
+     * The maximum width of the vertical filmstrip.
+     */
+    _maxFilmstripWidth: number;
+
+    /**
+     * The maximum height of the top panel.
+     */
+    _maxTopPanelHeight: number;
+
+    /**
+     * The participants in the call.
+     */
+    _remoteParticipants: Array<string>;
+
+    /**
+     * The length of the remote participants array.
+     */
+    _remoteParticipantsLength: number;
+
+    /**
+     * Whether or not the filmstrip should be user-resizable.
+     */
+    _resizableFilmstrip: boolean;
+
+    /**
+     * The number of rows in tile view.
+     */
+    _rows: number;
+
+    /**
+     * The height of the thumbnail.
+     */
+    _thumbnailHeight: number;
+
+    /**
+     * The width of the thumbnail.
+     */
+    _thumbnailWidth: number;
+
+    /**
+     * Whether or not the filmstrip is top panel.
+     */
+    _topPanelFilmstrip: boolean;
+
+    /**
+     * The height of the top panel (user resized).
+     */
+    _topPanelHeight?: number | null;
+
+    /**
+     * The max height of the top panel.
+     */
+    _topPanelMaxHeight: number;
+
+    /**
+     * Whether or not the top panel is visible.
+     */
+    _topPanelVisible: boolean;
+
+    /**
+     * The width of the vertical filmstrip (user resized).
+     */
+    _verticalFilmstripWidth?: number | null;
+
+    /**
+     * Whether or not the vertical filmstrip should have a background color.
+     */
+    _verticalViewBackground: boolean;
+
+    /**
+     * Whether or not the vertical filmstrip should be displayed as grid.
+     */
+    _verticalViewGrid: boolean;
+
+    /**
+     * The max width of the vertical filmstrip.
+     */
+    _verticalViewMaxWidth: number;
+
+    /**
+     * Additional CSS class names to add to the container of all the thumbnails.
+     */
+    _videosClassName: string;
+
+    /**
+     * An object containing the CSS classes.
+     */
+    classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
+
+    /**
+     * The redux {@code dispatch} function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * The type of filmstrip to be displayed.
+     */
+    filmstripType: string;
+}
+
+interface IState {
+
+    /**
+     * Initial top panel height on drag handle mouse down.
+     */
+    dragFilmstripHeight?: number;
+
+    /**
+     * Initial filmstrip width on drag handle mouse down.
+     */
+    dragFilmstripWidth?: number | null;
+
+    /**
+     * Whether or not the mouse is pressed.
+     */
+    isMouseDown: boolean;
+
+    /**
+     * Initial mouse position on drag handle mouse down.
+     */
+    mousePosition?: number | null;
+}
+
+/**
+ * Implements a React {@link Component} which represents the filmstrip on
+ * Web/React.
+ *
+ * @augments Component
+ */
+class Filmstrip extends PureComponent <IProps, IState> {
+
+    _throttledResize: Function;
+
+    /**
+     * Initializes a new {@code Filmstrip} instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            isMouseDown: false,
+            mousePosition: null,
+            dragFilmstripWidth: null
+        };
+
+        // Bind event handlers so they are only bound once for every instance.
+        this._onShortcutToggleFilmstrip = this._onShortcutToggleFilmstrip.bind(this);
+        this._onToolbarToggleFilmstrip = this._onToolbarToggleFilmstrip.bind(this);
+        this._onTabIn = this._onTabIn.bind(this);
+        this._gridItemKey = this._gridItemKey.bind(this);
+        this._listItemKey = this._listItemKey.bind(this);
+        this._onGridItemsRendered = this._onGridItemsRendered.bind(this);
+        this._onListItemsRendered = this._onListItemsRendered.bind(this);
+        this._onToggleButtonTouch = this._onToggleButtonTouch.bind(this);
+        this._onDragHandleMouseDown = this._onDragHandleMouseDown.bind(this);
+        this._onDragMouseUp = this._onDragMouseUp.bind(this);
+        this._onFilmstripResize = this._onFilmstripResize.bind(this);
+
+        this._throttledResize = throttle(
+            this._onFilmstripResize,
+            50,
+            {
+                leading: true,
+                trailing: false
+            });
+    }
+
+    /**
+     * Implements React's {@link Component#componentDidMount}.
+     *
+     * @inheritdoc
+     */
+    override componentDidMount() {
+        this.props.dispatch(registerShortcut({
+            character: 'F',
+            helpDescription: 'keyboardShortcuts.toggleFilmstrip',
+            handler: this._onShortcutToggleFilmstrip
+        }));
+
+        document.addEventListener('mouseup', this._onDragMouseUp);
+
+        // @ts-ignore
+        document.addEventListener('mousemove', this._throttledResize);
+    }
+
+    /**
+     * Implements React's {@link Component#componentDidUpdate}.
+     *
+     * @inheritdoc
+     */
+    override componentWillUnmount() {
+        this.props.dispatch(unregisterShortcut('F'));
+
+        document.removeEventListener('mouseup', this._onDragMouseUp);
+
+        // @ts-ignore
+        document.removeEventListener('mousemove', this._throttledResize);
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const filmstripStyle: any = { };
+        const {
+            _alwaysShowResizeBar,
+            _currentLayout,
+            _disableSelfView,
+            _filmstripDisabled,
+            _localScreenShareId,
+            _mainFilmstripVisible,
+            _resizableFilmstrip,
+            _topPanelFilmstrip,
+            _topPanelMaxHeight,
+            _topPanelVisible,
+            _verticalViewBackground,
+            _verticalViewGrid,
+            _verticalViewMaxWidth,
+            filmstripType,
+            t
+        } = this.props;
+        const classes = withStyles.getClasses(this.props);
+        const { isMouseDown } = this.state;
+        const tileViewActive = _currentLayout === LAYOUTS.TILE_VIEW;
+
+        if (_currentLayout === LAYOUTS.STAGE_FILMSTRIP_VIEW && filmstripType === FILMSTRIP_TYPE.STAGE) {
+            if (_topPanelFilmstrip) {
+                filmstripStyle.maxHeight = `${_topPanelMaxHeight}px`;
+                filmstripStyle.zIndex = 1;
+
+                if (!_topPanelVisible) {
+                    filmstripStyle.top = `-${_topPanelMaxHeight}px`;
+                }
+            }
+            if (_mainFilmstripVisible) {
+                filmstripStyle.maxWidth = `calc(100% - ${_verticalViewMaxWidth}px)`;
+            }
+        } else if (_currentLayout === LAYOUTS.STAGE_FILMSTRIP_VIEW && filmstripType === FILMSTRIP_TYPE.SCREENSHARE) {
+            if (_mainFilmstripVisible) {
+                filmstripStyle.maxWidth = `calc(100% - ${_verticalViewMaxWidth}px)`;
+            }
+            if (_topPanelVisible) {
+                filmstripStyle.maxHeight = `calc(100% - ${_topPanelMaxHeight}px)`;
+            }
+            filmstripStyle.bottom = 0;
+            filmstripStyle.top = 'auto';
+        } else if (_currentLayout === LAYOUTS.VERTICAL_FILMSTRIP_VIEW
+            || (_currentLayout === LAYOUTS.STAGE_FILMSTRIP_VIEW && filmstripType === FILMSTRIP_TYPE.MAIN)) {
+            filmstripStyle.maxWidth = _verticalViewMaxWidth;
+            if (!_mainFilmstripVisible) {
+                filmstripStyle.right = `-${filmstripStyle.maxWidth}px`;
+            }
+        }
+
+        let toolbar: React.ReactNode = null;
+
+        if (!this.props._iAmRecorder && this.props._isFilmstripButtonEnabled
+            && _currentLayout !== LAYOUTS.TILE_VIEW
+            && ((filmstripType === FILMSTRIP_TYPE.MAIN && !_filmstripDisabled)
+                || (filmstripType === FILMSTRIP_TYPE.STAGE && _topPanelFilmstrip))) {
+            toolbar = this._renderToggleButton();
+        }
+
+        const filmstrip = (<>
+            <div
+                className = { clsx(this.props._videosClassName,
+                    !tileViewActive && (filmstripType === FILMSTRIP_TYPE.MAIN
+                    || (filmstripType === FILMSTRIP_TYPE.STAGE && _topPanelFilmstrip))
+                    && !_resizableFilmstrip && 'filmstrip-hover',
+                    _verticalViewGrid && 'vertical-view-grid') }
+                id = 'remoteVideos'>
+                {!_disableSelfView && !_verticalViewGrid && (
+                    <div
+                        className = 'filmstrip__videos'
+                        id = 'filmstripLocalVideo'>
+                        {
+                            !tileViewActive && filmstripType === FILMSTRIP_TYPE.MAIN
+                            && <div id = 'filmstripLocalVideoThumbnail'>
+                                <Thumbnail
+                                    filmstripType = { FILMSTRIP_TYPE.MAIN }
+                                    key = 'local' />
+                            </div>
+                        }
+                    </div>
+                )}
+                {_localScreenShareId && !_disableSelfView && !_verticalViewGrid && (
+                    <div
+                        className = 'filmstrip__videos'
+                        id = 'filmstripLocalScreenShare'>
+                        <div id = 'filmstripLocalScreenShareThumbnail'>
+                            {
+                                !tileViewActive && filmstripType === FILMSTRIP_TYPE.MAIN && <Thumbnail
+                                    key = 'localScreenShare'
+                                    participantID = { _localScreenShareId } />
+                            }
+                        </div>
+                    </div>
+                )}
+                {
+                    this._renderRemoteParticipants()
+                }
+            </div>
+        </>);
+
+        return (
+            <div
+                className = { clsx('filmstrip',
+                    this.props._className,
+                    classes.filmstrip,
+                    _verticalViewGrid && 'no-vertical-padding',
+                    _verticalViewBackground && classes.filmstripBackground) }
+                style = { filmstripStyle }>
+                <span
+                    aria-level = { 1 }
+                    className = 'sr-only'
+                    role = 'heading'>
+                    { t('filmstrip.accessibilityLabel.heading') }
+                </span>
+                { toolbar }
+                {_resizableFilmstrip
+                    ? <div
+                        className = { clsx('resizable-filmstrip', classes.resizableFilmstripContainer,
+                            _topPanelFilmstrip && 'top-panel-filmstrip',
+                            _alwaysShowResizeBar && 'always-show-resize-bar') }>
+                        <div
+                            className = { clsx('dragHandleContainer',
+                                classes.dragHandleContainer,
+                                (isMouseDown || _alwaysShowResizeBar) && 'visible',
+                                _topPanelFilmstrip && 'top-panel')
+                            }
+                            onMouseDown = { this._onDragHandleMouseDown }>
+                            <div className = { clsx(classes.dragHandle, 'dragHandle') } />
+                        </div>
+                        {filmstrip}
+                    </div>
+                    : filmstrip
+                }
+                <AudioTracksContainer />
+            </div>
+        );
+    }
+
+    /**
+     * Handles mouse down on the drag handle.
+     *
+     * @param {MouseEvent} e - The mouse down event.
+     * @returns {void}
+     */
+    _onDragHandleMouseDown(e: React.MouseEvent) {
+        const { _topPanelFilmstrip, _topPanelHeight, _verticalFilmstripWidth } = this.props;
+
+        this.setState({
+            isMouseDown: true,
+            mousePosition: _topPanelFilmstrip ? e.clientY : e.clientX,
+            dragFilmstripWidth: _verticalFilmstripWidth || DEFAULT_FILMSTRIP_WIDTH,
+            dragFilmstripHeight: _topPanelHeight || TOP_FILMSTRIP_HEIGHT
+        });
+        this.props.dispatch(setUserIsResizing(true));
+    }
+
+    /**
+     * Drag handle mouse up handler.
+     *
+     * @returns {void}
+     */
+    _onDragMouseUp() {
+        if (this.state.isMouseDown) {
+            this.setState({
+                isMouseDown: false
+            });
+            this.props.dispatch(setUserIsResizing(false));
+        }
+    }
+
+    /**
+     * Handles drag handle mouse move.
+     *
+     * @param {MouseEvent} e - The mousemove event.
+     * @returns {void}
+     */
+    _onFilmstripResize(e: React.MouseEvent) {
+        if (this.state.isMouseDown) {
+            const {
+                dispatch,
+                _verticalFilmstripWidth,
+                _maxFilmstripWidth,
+                _topPanelHeight,
+                _maxTopPanelHeight,
+                _topPanelFilmstrip
+            } = this.props;
+            const { dragFilmstripWidth, dragFilmstripHeight, mousePosition } = this.state;
+
+            if (_topPanelFilmstrip) {
+                const diff = e.clientY - (mousePosition ?? 0);
+                const height = Math.max(
+                    Math.min((dragFilmstripHeight ?? 0) + diff, _maxTopPanelHeight),
+                    TOP_FILMSTRIP_HEIGHT
+                );
+
+                if (height !== _topPanelHeight) {
+                    dispatch(setUserFilmstripHeight(height));
+                }
+            } else {
+                const diff = (mousePosition ?? 0) - e.clientX;
+                const width = Math.max(
+                    Math.min((dragFilmstripWidth ?? 0) + diff, _maxFilmstripWidth),
+                    DEFAULT_FILMSTRIP_WIDTH
+                );
+
+                if (width !== _verticalFilmstripWidth) {
+                    dispatch(setUserFilmstripWidth(width));
+                }
+            }
+        }
+    }
+
+    /**
+     * Calculates the start and stop indices based on whether the thumbnails need to be reordered in the filmstrip.
+     *
+     * @param {number} startIndex - The start index.
+     * @param {number} stopIndex - The stop index.
+     * @returns {Object}
+     */
+    _calculateIndices(startIndex: number, stopIndex: number) {
+        const { _currentLayout, _iAmRecorder, _disableSelfView } = this.props;
+        let start = startIndex;
+        let stop = stopIndex;
+
+        if (!_disableSelfView) {
+            // In tile view, the indices needs to be offset by 1 because the first thumbnail is that of the local
+            // endpoint. The remote participants start from index 1.
+            if (!_iAmRecorder && _currentLayout === LAYOUTS.TILE_VIEW) {
+                start = Math.max(startIndex - 1, 0);
+                stop = stopIndex - 1;
+            }
+        }
+
+        return {
+            startIndex: start,
+            stopIndex: stop
+        };
+    }
+
+    /**
+     * Toggle the toolbar visibility when tabbing into it.
+     *
+     * @returns {void}
+     */
+    _onTabIn() {
+        if (!this.props._isToolboxVisible && this.props._mainFilmstripVisible) {
+            this.props.dispatch(showToolbox());
+        }
+    }
+
+    /**
+     * The key to be used for every ThumbnailWrapper element in stage view.
+     *
+     * @param {number} index - The index of the ThumbnailWrapper instance.
+     * @returns {string} - The key.
+     */
+    _listItemKey(index: number) {
+        const { _remoteParticipants, _remoteParticipantsLength } = this.props;
+
+        if (typeof index !== 'number' || _remoteParticipantsLength <= index) {
+            return `empty-${index}`;
+        }
+
+        return _remoteParticipants[index];
+    }
+
+    /**
+     * The key to be used for every ThumbnailWrapper element in tile views.
+     *
+     * @param {Object} data - An object with the indexes identifying the ThumbnailWrapper instance.
+     * @returns {string} - The key.
+     */
+    _gridItemKey({ columnIndex, rowIndex }: { columnIndex: number; rowIndex: number; }): string {
+        const {
+            _disableSelfView,
+            _columns,
+            _iAmRecorder,
+            _remoteParticipants,
+            _remoteParticipantsLength
+        } = this.props;
+        const index = (rowIndex * _columns) + columnIndex;
+
+        // When the thumbnails are reordered, local participant is inserted at index 0.
+        const localIndex = _disableSelfView ? _remoteParticipantsLength : 0;
+        const remoteIndex = !_iAmRecorder && !_disableSelfView ? index - 1 : index;
+
+        if (index > _remoteParticipantsLength - (_iAmRecorder ? 1 : 0)) {
+            return `empty-${index}`;
+        }
+
+        if (!_iAmRecorder && index === localIndex) {
+            return 'local';
+        }
+
+        return _remoteParticipants[remoteIndex];
+    }
+
+    /**
+     * Handles items rendered changes in stage view.
+     *
+     * @param {Object} data - Information about the rendered items.
+     * @returns {void}
+     */
+    _onListItemsRendered({ visibleStartIndex, visibleStopIndex }: {
+        visibleStartIndex: number; visibleStopIndex: number; }) {
+        const { dispatch } = this.props;
+        const { startIndex, stopIndex } = this._calculateIndices(visibleStartIndex, visibleStopIndex);
+
+        dispatch(setVisibleRemoteParticipants(startIndex, stopIndex));
+    }
+
+    /**
+     * Handles items rendered changes in tile view.
+     *
+     * @param {Object} data - Information about the rendered items.
+     * @returns {void}
+     */
+    _onGridItemsRendered({
+        visibleColumnStartIndex,
+        visibleColumnStopIndex,
+        visibleRowStartIndex,
+        visibleRowStopIndex
+    }: {
+        visibleColumnStartIndex: number;
+        visibleColumnStopIndex: number;
+        visibleRowStartIndex: number;
+        visibleRowStopIndex: number;
+    }) {
+        const { _columns, dispatch } = this.props;
+        const start = (visibleRowStartIndex * _columns) + visibleColumnStartIndex;
+        const stop = (visibleRowStopIndex * _columns) + visibleColumnStopIndex;
+        const { startIndex, stopIndex } = this._calculateIndices(start, stop);
+
+        dispatch(setVisibleRemoteParticipants(startIndex, stopIndex));
+    }
+
+    /**
+     * Renders the thumbnails for remote participants.
+     *
+     * @returns {ReactElement}
+     */
+    _renderRemoteParticipants() {
+        const {
+            _columns,
+            _currentLayout,
+            _filmstripHeight,
+            _filmstripWidth,
+            _hasScroll,
+            _isVerticalFilmstrip,
+            _remoteParticipantsLength,
+            _resizableFilmstrip,
+            _rows,
+            _thumbnailHeight,
+            _thumbnailWidth,
+            _verticalViewGrid,
+            filmstripType
+        } = this.props;
+
+        if (!_thumbnailWidth || isNaN(_thumbnailWidth) || !_thumbnailHeight
+            || isNaN(_thumbnailHeight) || !_filmstripHeight || isNaN(_filmstripHeight) || !_filmstripWidth
+            || isNaN(_filmstripWidth)) {
+            return null;
+        }
+
+        if (_currentLayout === LAYOUTS.TILE_VIEW || _verticalViewGrid || filmstripType !== FILMSTRIP_TYPE.MAIN) {
+            return (
+                <FixedSizeGrid
+                    className = 'filmstrip__videos remote-videos'
+                    columnCount = { _columns }
+                    columnWidth = { _thumbnailWidth + TILE_HORIZONTAL_MARGIN }
+                    height = { _filmstripHeight }
+                    initialScrollLeft = { 0 }
+                    initialScrollTop = { 0 }
+                    itemData = {{ filmstripType }}
+                    itemKey = { this._gridItemKey }
+                    onItemsRendered = { this._onGridItemsRendered }
+                    overscanRowCount = { 1 }
+                    rowCount = { _rows }
+                    rowHeight = { _thumbnailHeight + TILE_VERTICAL_MARGIN }
+                    width = { _filmstripWidth }>
+                    {
+                        ThumbnailWrapper
+                    }
+                </FixedSizeGrid>
+            );
+        }
+
+
+        const props: any = {
+            itemCount: _remoteParticipantsLength,
+            className: `filmstrip__videos remote-videos ${_resizableFilmstrip ? '' : 'height-transition'}`,
+            height: _filmstripHeight,
+            itemKey: this._listItemKey,
+            itemSize: 0,
+            onItemsRendered: this._onListItemsRendered,
+            overscanCount: 1,
+            width: _filmstripWidth,
+            style: {
+                willChange: 'auto'
+            }
+        };
+
+        if (_currentLayout === LAYOUTS.HORIZONTAL_FILMSTRIP_VIEW) {
+            const itemSize = _thumbnailWidth + TILE_HORIZONTAL_MARGIN;
+            const isNotOverflowing = !_hasScroll;
+
+            props.itemSize = itemSize;
+            props.layout = 'horizontal';
+            if (isNotOverflowing) {
+                props.className += ' is-not-overflowing';
+            }
+
+        } else if (_isVerticalFilmstrip) {
+            const itemSize = _thumbnailHeight + TILE_VERTICAL_MARGIN;
+            const isNotOverflowing = !_hasScroll;
+
+            if (isNotOverflowing) {
+                props.className += ' is-not-overflowing';
+            }
+
+            props.itemSize = itemSize;
+        }
+
+        return (
+            <FixedSizeList { ...props }>
+                {
+                    ThumbnailWrapper
+                }
+            </FixedSizeList>
+        );
+    }
+
+    /**
+     * Dispatches an action to change the visibility of the filmstrip.
+     *
+     * @private
+     * @returns {void}
+     */
+    _doToggleFilmstrip() {
+        const { dispatch, _mainFilmstripVisible, _topPanelFilmstrip, _topPanelVisible } = this.props;
+
+        _topPanelFilmstrip
+            ? dispatch(setTopPanelVisible(!_topPanelVisible))
+            : dispatch(setFilmstripVisible(!_mainFilmstripVisible));
+    }
+
+    /**
+     * Creates an analytics keyboard shortcut event and dispatches an action for
+     * toggling filmstrip visibility.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onShortcutToggleFilmstrip() {
+        sendAnalytics(createShortcutEvent(
+            'toggle.filmstrip',
+            ACTION_SHORTCUT_TRIGGERED,
+            {
+                enable: this.props._mainFilmstripVisible
+            }));
+
+        this._doToggleFilmstrip();
+    }
+
+    /**
+     * Creates an analytics toolbar event and dispatches an action for opening
+     * the speaker stats modal.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onToolbarToggleFilmstrip() {
+        sendAnalytics(createToolbarEvent(
+            'toggle.filmstrip.button',
+            {
+                enable: this.props._mainFilmstripVisible
+            }));
+
+        this._doToggleFilmstrip();
+    }
+
+    /**
+     * Handler for touch start event of the 'toggle button'.
+     *
+     * @private
+     * @param {Object} e - The synthetic event.
+     * @returns {void}
+     */
+    _onToggleButtonTouch(e: React.TouchEvent) {
+        // Don't propagate the touchStart event so the toolbar doesn't get toggled.
+        e.stopPropagation();
+        this._onToolbarToggleFilmstrip();
+    }
+
+    /**
+     * Creates a React Element for changing the visibility of the filmstrip when
+     * clicked.
+     *
+     * @private
+     * @returns {ReactElement}
+     */
+    _renderToggleButton() {
+        const {
+            t,
+            _isVerticalFilmstrip,
+            _mainFilmstripVisible,
+            _topPanelFilmstrip,
+            _topPanelVisible
+        } = this.props;
+        const classes = withStyles.getClasses(this.props);
+        const icon = (_topPanelFilmstrip ? _topPanelVisible : _mainFilmstripVisible) ? IconArrowDown : IconArrowUp;
+        const actions = isMobileBrowser()
+            ? { onTouchStart: this._onToggleButtonTouch }
+            : { onClick: this._onToolbarToggleFilmstrip };
+
+        return (
+            <div
+                className = { clsx(classes.toggleFilmstripContainer,
+                    _isVerticalFilmstrip && classes.toggleVerticalFilmstripContainer,
+                    _topPanelFilmstrip && classes.toggleTopPanelContainer,
+                    _topPanelFilmstrip && !_topPanelVisible && classes.toggleTopPanelContainerHidden,
+                    'toggleFilmstripContainer') }>
+                <button
+                    aria-expanded = { this.props._mainFilmstripVisible }
+                    aria-label = { t('toolbar.accessibilityLabel.toggleFilmstrip') }
+                    className = { classes.toggleFilmstripButton }
+                    id = 'toggleFilmstripButton'
+                    onFocus = { this._onTabIn }
+                    tabIndex = { 0 }
+                    { ...actions }>
+                    <Icon
+                        aria-label = { t('toolbar.accessibilityLabel.toggleFilmstrip') }
+                        size = { 24 }
+                        src = { icon } />
+                </button>
+            </div>
+        );
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated {@code Filmstrip}'s props.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {Object} ownProps - The own props of the component.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState, ownProps: any) {
+    const { _hasScroll = false, filmstripType, _topPanelFilmstrip, _remoteParticipants } = ownProps;
+    const { toolbarButtons } = state['features/toolbox'];
+    const { iAmRecorder, filmstrip: { alwaysShowResizeBar } = {} } = state['features/base/config'];
+    const { topPanelHeight, topPanelVisible, visible, width: verticalFilmstripWidth } = state['features/filmstrip'];
+    const { localScreenShare } = state['features/base/participants'];
+    const reduceHeight = state['features/toolbox'].visible && toolbarButtons?.length;
+    const remoteVideosVisible = shouldRemoteVideosBeVisible(state);
+    const disableSelfView = getHideSelfView(state);
+    const { videoSpaceWidth, clientHeight } = state['features/base/responsive-ui'];
+    const filmstripDisabled = isFilmstripDisabled(state);
+
+    const collapseTileView = reduceHeight
+        && isMobileBrowser()
+        && videoSpaceWidth <= ASPECT_RATIO_BREAKPOINT;
+
+    const shouldReduceHeight = reduceHeight && isMobileBrowser();
+    const _topPanelVisible = isStageFilmstripTopPanel(state) && topPanelVisible;
+
+    const notDisabled = visible && !filmstripDisabled;
+    let isVisible = notDisabled || filmstripType !== FILMSTRIP_TYPE.MAIN;
+
+    if (_topPanelFilmstrip) {
+        isVisible = _topPanelVisible;
+    }
+    const videosClassName = `filmstrip__videos${isVisible ? '' : ' hidden'}${_hasScroll ? ' has-scroll' : ''}`;
+    const className = `${remoteVideosVisible || ownProps._verticalViewGrid ? '' : 'hide-videos'} ${
+        shouldReduceHeight ? 'reduce-height' : ''
+    } ${collapseTileView ? 'collapse' : ''} ${isVisible ? '' : 'hidden'}`.trim();
+
+    const _currentLayout = getCurrentLayout(state);
+    const _isVerticalFilmstrip = _currentLayout === LAYOUTS.VERTICAL_FILMSTRIP_VIEW
+        || (filmstripType === FILMSTRIP_TYPE.MAIN && _currentLayout === LAYOUTS.STAGE_FILMSTRIP_VIEW);
+
+    return {
+        _className: className,
+        _chatOpen: state['features/chat'].isOpen,
+        _currentLayout,
+        _disableSelfView: disableSelfView,
+        _filmstripDisabled: filmstripDisabled,
+        _hasScroll,
+        _iAmRecorder: Boolean(iAmRecorder),
+        _isFilmstripButtonEnabled: isButtonEnabled('filmstrip', state),
+        _isNarrowScreenWithChatOpen: isNarrowScreenWithChatOpen(state),
+        _isToolboxVisible: isToolboxVisible(state),
+        _isVerticalFilmstrip,
+        _localScreenShareId: localScreenShare?.id,
+        _mainFilmstripVisible: notDisabled,
+        _maxFilmstripWidth: videoSpaceWidth - MIN_STAGE_VIEW_WIDTH,
+        _maxTopPanelHeight: clientHeight - MIN_STAGE_VIEW_HEIGHT,
+        _remoteParticipantsLength: _remoteParticipants?.length ?? 0,
+        _topPanelHeight: topPanelHeight.current,
+        _topPanelMaxHeight: topPanelHeight.current || TOP_FILMSTRIP_HEIGHT,
+        _topPanelVisible,
+        _verticalFilmstripWidth: verticalFilmstripWidth.current,
+        _verticalViewMaxWidth: getVerticalViewMaxWidth(state),
+        _videosClassName: videosClassName,
+        _alwaysShowResizeBar: alwaysShowResizeBar
+    };
+}
+
+export default withStyles(translate(connect(_mapStateToProps)(Filmstrip)), styles);
diff --git a/react/features/filmstrip/components/web/MainFilmstrip.tsx b/react/features/filmstrip/components/web/MainFilmstrip.tsx
new file mode 100644
index 0000000..c468cbb
--- /dev/null
+++ b/react/features/filmstrip/components/web/MainFilmstrip.tsx
@@ -0,0 +1,209 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { isMobileBrowser } from '../../../base/environment/utils';
+import { LAYOUTS } from '../../../video-layout/constants';
+import { getCurrentLayout } from '../../../video-layout/functions.web';
+import {
+    ASPECT_RATIO_BREAKPOINT,
+    FILMSTRIP_BREAKPOINT,
+    FILMSTRIP_BREAKPOINT_OFFSET,
+    FILMSTRIP_TYPE,
+    TOOLBAR_HEIGHT,
+    TOOLBAR_HEIGHT_MOBILE } from '../../constants';
+import { isFilmstripResizable, showGridInVerticalView } from '../../functions.web';
+
+import Filmstrip from './Filmstrip';
+
+interface IProps {
+
+    /**
+     * The number of columns in tile view.
+     */
+    _columns: number;
+
+    /**
+     * The height of the filmstrip.
+     */
+    _filmstripHeight?: number;
+
+    /**
+     * The width of the filmstrip.
+     */
+    _filmstripWidth?: number;
+
+    /**
+     * Whether the filmstrip has scroll or not.
+     */
+    _hasScroll: boolean;
+
+    /**
+     * Whether or not the current layout is vertical filmstrip.
+     */
+    _isVerticalFilmstrip: boolean;
+
+    /**
+     * The participants in the call.
+     */
+    _remoteParticipants: Array<Object>;
+
+    /**
+     * The length of the remote participants array.
+     */
+    _remoteParticipantsLength: number;
+
+    /**
+     * Whether or not the filmstrip should be user-resizable.
+     */
+    _resizableFilmstrip: boolean;
+
+    /**
+     * The number of rows in tile view.
+     */
+    _rows: number;
+
+    /**
+     * The height of the thumbnail.
+     */
+    _thumbnailHeight?: number;
+
+    /**
+     * The width of the thumbnail.
+     */
+    _thumbnailWidth?: number;
+
+    /**
+     * Whether or not the vertical filmstrip should have a background color.
+     */
+    _verticalViewBackground: boolean;
+
+    /**
+     * Whether or not the vertical filmstrip should be displayed as grid.
+     */
+    _verticalViewGrid: boolean;
+
+    /**
+     * Additional CSS class names to add to the container of all the thumbnails.
+     */
+    _videosClassName: string;
+}
+
+const MainFilmstrip = (props: IProps) => (
+    <span>
+        <Filmstrip
+            { ...props }
+            filmstripType = { FILMSTRIP_TYPE.MAIN } />
+    </span>
+);
+
+/**
+ * Maps (parts of) the Redux state to the associated {@code Filmstrip}'s props.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {any} _ownProps - Components' own props.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState, _ownProps: any) {
+    const { toolbarButtons } = state['features/toolbox'];
+    const { remoteParticipants, width: verticalFilmstripWidth } = state['features/filmstrip'];
+    const reduceHeight = state['features/toolbox'].visible && toolbarButtons?.length;
+    const {
+        gridDimensions: dimensions = { columns: undefined,
+            rows: undefined },
+        filmstripHeight,
+        filmstripWidth,
+        hasScroll: tileViewHasScroll,
+        thumbnailSize: tileViewThumbnailSize
+    } = state['features/filmstrip'].tileViewDimensions ?? {};
+    const _currentLayout = getCurrentLayout(state);
+    const _resizableFilmstrip = isFilmstripResizable(state);
+    const _verticalViewGrid = showGridInVerticalView(state);
+    let gridDimensions = dimensions;
+    let _hasScroll = false;
+
+    const { clientHeight, videoSpaceWidth } = state['features/base/responsive-ui'];
+    const availableSpace = clientHeight - Number(filmstripHeight);
+    let filmstripPadding = 0;
+
+    if (availableSpace > 0) {
+        const paddingValue = TOOLBAR_HEIGHT_MOBILE - availableSpace;
+
+        if (paddingValue > 0) {
+            filmstripPadding = paddingValue;
+        }
+    } else {
+        filmstripPadding = TOOLBAR_HEIGHT_MOBILE;
+    }
+
+    const collapseTileView = reduceHeight
+        && isMobileBrowser()
+        && videoSpaceWidth <= ASPECT_RATIO_BREAKPOINT;
+
+    const shouldReduceHeight = reduceHeight && (
+        isMobileBrowser() || (_currentLayout !== LAYOUTS.VERTICAL_FILMSTRIP_VIEW
+            && _currentLayout !== LAYOUTS.STAGE_FILMSTRIP_VIEW));
+
+    let _thumbnailSize, remoteFilmstripHeight, remoteFilmstripWidth;
+
+    switch (_currentLayout) {
+    case LAYOUTS.TILE_VIEW:
+        _hasScroll = Boolean(tileViewHasScroll);
+        _thumbnailSize = tileViewThumbnailSize;
+        remoteFilmstripHeight = Number(filmstripHeight) - (
+            collapseTileView && filmstripPadding > 0 ? filmstripPadding : 0);
+        remoteFilmstripWidth = filmstripWidth;
+        break;
+    case LAYOUTS.VERTICAL_FILMSTRIP_VIEW:
+    case LAYOUTS.STAGE_FILMSTRIP_VIEW: {
+        const {
+            remote,
+            remoteVideosContainer,
+            gridView,
+            hasScroll
+        } = state['features/filmstrip'].verticalViewDimensions;
+
+        _hasScroll = Boolean(hasScroll);
+        remoteFilmstripHeight = Number(remoteVideosContainer?.height) - (!_verticalViewGrid && shouldReduceHeight
+            ? TOOLBAR_HEIGHT : 0);
+        remoteFilmstripWidth = remoteVideosContainer?.width;
+
+        if (_verticalViewGrid) {
+            gridDimensions = gridView?.gridDimensions ?? { columns: undefined,
+                rows: undefined };
+            _thumbnailSize = gridView?.thumbnailSize;
+            _hasScroll = Boolean(gridView?.hasScroll);
+        } else {
+            _thumbnailSize = remote;
+        }
+        break;
+    }
+    case LAYOUTS.HORIZONTAL_FILMSTRIP_VIEW: {
+        const { remote, remoteVideosContainer, hasScroll } = state['features/filmstrip'].horizontalViewDimensions;
+
+        _hasScroll = Boolean(hasScroll);
+        _thumbnailSize = remote;
+        remoteFilmstripHeight = remoteVideosContainer?.height;
+        remoteFilmstripWidth = remoteVideosContainer?.width;
+        break;
+    }
+    }
+
+    return {
+        _columns: gridDimensions.columns ?? 1,
+        _filmstripHeight: remoteFilmstripHeight,
+        _filmstripWidth: remoteFilmstripWidth,
+        _hasScroll,
+        _remoteParticipants: remoteParticipants,
+        _resizableFilmstrip,
+        _rows: gridDimensions.rows ?? 1,
+        _thumbnailWidth: _thumbnailSize?.width,
+        _thumbnailHeight: _thumbnailSize?.height,
+        _verticalViewGrid,
+        _verticalViewBackground: Number(verticalFilmstripWidth.current)
+            + FILMSTRIP_BREAKPOINT_OFFSET >= FILMSTRIP_BREAKPOINT
+    };
+}
+
+export default connect(_mapStateToProps)(MainFilmstrip);
diff --git a/react/features/filmstrip/components/web/ModeratorIndicator.tsx b/react/features/filmstrip/components/web/ModeratorIndicator.tsx
new file mode 100644
index 0000000..e839e26
--- /dev/null
+++ b/react/features/filmstrip/components/web/ModeratorIndicator.tsx
@@ -0,0 +1,31 @@
+import React from 'react';
+
+import { IconModerator } from '../../../base/icons/svg';
+import BaseIndicator from '../../../base/react/components/web/BaseIndicator';
+import { TOOLTIP_POSITION } from '../../../base/ui/constants.any';
+
+/**
+ * The type of the React {@code Component} props of {@link ModeratorIndicator}.
+ */
+interface IProps {
+
+    /**
+     * From which side of the indicator the tooltip should appear from.
+     */
+    tooltipPosition: TOOLTIP_POSITION;
+}
+
+/**
+ * React {@code Component} for showing a moderator icon with a tooltip.
+ *
+ * @returns {JSX.Element}
+ */
+const ModeratorIndicator = ({ tooltipPosition }: IProps): JSX.Element => (
+    <BaseIndicator
+        icon = { IconModerator }
+        iconSize = { 16 }
+        tooltipKey = 'videothumbnail.moderator'
+        tooltipPosition = { tooltipPosition } />
+);
+
+export default ModeratorIndicator;
diff --git a/react/features/filmstrip/components/web/PinnedIndicator.tsx b/react/features/filmstrip/components/web/PinnedIndicator.tsx
new file mode 100644
index 0000000..5faca7d
--- /dev/null
+++ b/react/features/filmstrip/components/web/PinnedIndicator.tsx
@@ -0,0 +1,81 @@
+import React from 'react';
+import { useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState } from '../../../app/types';
+import { IconPin } from '../../../base/icons/svg';
+import { getParticipantById } from '../../../base/participants/functions';
+import BaseIndicator from '../../../base/react/components/web/BaseIndicator';
+import { TOOLTIP_POSITION } from '../../../base/ui/constants.any';
+import { getPinnedActiveParticipants, isStageFilmstripAvailable } from '../../functions.web';
+
+/**
+ * The type of the React {@code Component} props of {@link PinnedIndicator}.
+ */
+interface IProps {
+
+    /**
+     * The font-size for the icon.
+     */
+    iconSize: number;
+
+    /**
+     * The participant id who we want to render the raised hand indicator
+     * for.
+     */
+    participantId: string;
+
+    /**
+     * From which side of the indicator the tooltip should appear from.
+     */
+    tooltipPosition: TOOLTIP_POSITION;
+}
+
+const useStyles = makeStyles()(() => {
+    return {
+        pinnedIndicator: {
+            backgroundColor: 'rgba(0, 0, 0, .7)',
+            padding: '4px',
+            zIndex: 3,
+            display: 'inline-block',
+            borderRadius: '4px',
+            boxSizing: 'border-box'
+        }
+    };
+});
+
+/**
+ * Thumbnail badge showing that the participant would like to speak.
+ *
+ * @returns {ReactElement}
+ */
+const PinnedIndicator = ({
+    iconSize,
+    participantId,
+    tooltipPosition
+}: IProps) => {
+    const stageFilmstrip = useSelector(isStageFilmstripAvailable);
+    const pinned = useSelector((state: IReduxState) => getParticipantById(state, participantId))?.pinned;
+    const activePinnedParticipants: Array<{ participantId: string; pinned?: boolean; }>
+        = useSelector(getPinnedActiveParticipants);
+    const isPinned = activePinnedParticipants.find(p => p.participantId === participantId);
+    const { classes: styles } = useStyles();
+
+    if ((stageFilmstrip && !isPinned) || (!stageFilmstrip && !pinned)) {
+        return null;
+    }
+
+    return (
+        <div
+            className = { styles.pinnedIndicator }
+            id = { `pin-indicator-${participantId}` }>
+            <BaseIndicator
+                icon = { IconPin }
+                iconSize = { iconSize }
+                tooltipKey = 'pinnedParticipant'
+                tooltipPosition = { tooltipPosition } />
+        </div>
+    );
+};
+
+export default PinnedIndicator;
diff --git a/react/features/filmstrip/components/web/RaisedHandIndicator.tsx b/react/features/filmstrip/components/web/RaisedHandIndicator.tsx
new file mode 100644
index 0000000..c2d5adf
--- /dev/null
+++ b/react/features/filmstrip/components/web/RaisedHandIndicator.tsx
@@ -0,0 +1,78 @@
+import React from 'react';
+import { useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState } from '../../../app/types';
+import { IconRaiseHand } from '../../../base/icons/svg';
+import { getParticipantById, hasRaisedHand } from '../../../base/participants/functions';
+import { IParticipant } from '../../../base/participants/types';
+import BaseIndicator from '../../../base/react/components/web/BaseIndicator';
+import { TOOLTIP_POSITION } from '../../../base/ui/constants.any';
+
+/**
+ * The type of the React {@code Component} props of {@link RaisedHandIndicator}.
+ */
+interface IProps {
+
+    /**
+     * The font-size for the icon.
+     */
+    iconSize: number;
+
+    /**
+     * The participant id who we want to render the raised hand indicator
+     * for.
+     */
+    participantId: string;
+
+    /**
+     * From which side of the indicator the tooltip should appear from.
+     */
+    tooltipPosition: TOOLTIP_POSITION;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        raisedHandIndicator: {
+            backgroundColor: theme.palette.warning02,
+            padding: '4px',
+            zIndex: 3,
+            display: 'inline-block',
+            borderRadius: '4px',
+            boxSizing: 'border-box'
+        }
+    };
+});
+
+/**
+ * Thumbnail badge showing that the participant would like to speak.
+ *
+ * @returns {ReactElement}
+ */
+const RaisedHandIndicator = ({
+    iconSize,
+    participantId,
+    tooltipPosition
+}: IProps) => {
+    const participant: IParticipant | undefined = useSelector((state: IReduxState) =>
+        getParticipantById(state, participantId));
+    const _raisedHand = hasRaisedHand(participant);
+    const { classes: styles, theme } = useStyles();
+
+    if (!_raisedHand) {
+        return null;
+    }
+
+    return (
+        <div className = { styles.raisedHandIndicator }>
+            <BaseIndicator
+                icon = { IconRaiseHand }
+                iconColor = { theme.palette.uiBackground }
+                iconSize = { iconSize }
+                tooltipKey = 'raisedHand'
+                tooltipPosition = { tooltipPosition } />
+        </div>
+    );
+};
+
+export default RaisedHandIndicator;
diff --git a/react/features/filmstrip/components/web/ScreenShareIndicator.tsx b/react/features/filmstrip/components/web/ScreenShareIndicator.tsx
new file mode 100644
index 0000000..87f2ef3
--- /dev/null
+++ b/react/features/filmstrip/components/web/ScreenShareIndicator.tsx
@@ -0,0 +1,30 @@
+import React from 'react';
+
+import { IconScreenshare } from '../../../base/icons/svg';
+import BaseIndicator from '../../../base/react/components/web/BaseIndicator';
+import { TOOLTIP_POSITION } from '../../../base/ui/constants.any';
+
+interface IProps {
+
+    /**
+     * From which side of the indicator the tooltip should appear from.
+     */
+    tooltipPosition: TOOLTIP_POSITION;
+}
+
+/**
+ * React {@code Component} for showing a screen-sharing icon with a tooltip.
+ *
+ * @param {IProps} props - React props passed to this component.
+ * @returns {React$Element<any>}
+ */
+export default function ScreenShareIndicator(props: IProps) {
+    return (
+        <BaseIndicator
+            icon = { IconScreenshare }
+            iconId = 'share-desktop'
+            iconSize = { 16 }
+            tooltipKey = 'videothumbnail.screenSharing'
+            tooltipPosition = { props.tooltipPosition } />
+    );
+}
diff --git a/react/features/filmstrip/components/web/ScreenshareFilmstrip.tsx b/react/features/filmstrip/components/web/ScreenshareFilmstrip.tsx
new file mode 100644
index 0000000..3415fdd
--- /dev/null
+++ b/react/features/filmstrip/components/web/ScreenshareFilmstrip.tsx
@@ -0,0 +1,132 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { LAYOUTS, LAYOUT_CLASSNAMES } from '../../../video-layout/constants';
+import { getCurrentLayout } from '../../../video-layout/functions.web';
+import {
+    FILMSTRIP_TYPE
+} from '../../constants';
+import { getScreenshareFilmstripParticipantId } from '../../functions.web';
+
+import Filmstrip from './Filmstrip';
+
+interface IProps {
+
+    /**
+     * The number of columns in tile view.
+     */
+    _columns: number;
+
+    /**
+     * The current layout of the filmstrip.
+     */
+    _currentLayout?: string;
+
+    /**
+     * The height of the filmstrip.
+     */
+    _filmstripHeight?: number;
+
+    /**
+     * The width of the filmstrip.
+     */
+    _filmstripWidth?: number;
+
+    /**
+     * Whether or not the current layout is vertical filmstrip.
+     */
+    _isVerticalFilmstrip: boolean;
+
+    /**
+     * The participants in the call.
+     */
+    _remoteParticipants: Array<Object>;
+
+    /**
+     * The length of the remote participants array.
+     */
+    _remoteParticipantsLength: number;
+
+    /**
+     * Whether or not the filmstrip should be user-resizable.
+     */
+    _resizableFilmstrip: boolean;
+
+    /**
+     * The number of rows in tile view.
+     */
+    _rows: number;
+
+    /**
+     * The height of the thumbnail.
+     */
+    _thumbnailHeight?: number;
+
+    /**
+     * The width of the thumbnail.
+     */
+    _thumbnailWidth?: number;
+
+    /**
+     * Whether or not the vertical filmstrip should have a background color.
+     */
+    _verticalViewBackground: boolean;
+
+    /**
+     * Whether or not the vertical filmstrip should be displayed as grid.
+     */
+    _verticalViewGrid: boolean;
+
+    /**
+     * Additional CSS class names to add to the container of all the thumbnails.
+     */
+    _videosClassName: string;
+}
+
+// eslint-disable-next-line no-confusing-arrow
+const ScreenshareFilmstrip = (props: IProps) =>
+    props._currentLayout === LAYOUTS.STAGE_FILMSTRIP_VIEW
+        && props._remoteParticipants.length === 1 ? (
+            <span className = { LAYOUT_CLASSNAMES[LAYOUTS.TILE_VIEW] }>
+                <Filmstrip
+                    { ...props }
+                    filmstripType = { FILMSTRIP_TYPE.SCREENSHARE } />
+            </span>
+        ) : null
+;
+
+/**
+ * Maps (parts of) the Redux state to the associated {@code Filmstrip}'s props.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {any} _ownProps - Components' own props.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState, _ownProps: any) {
+    const {
+        screenshareFilmstripDimensions: {
+            filmstripHeight,
+            filmstripWidth,
+            thumbnailSize
+        }
+    } = state['features/filmstrip'];
+    const id = getScreenshareFilmstripParticipantId(state);
+
+    return {
+        _columns: 1,
+        _currentLayout: getCurrentLayout(state),
+        _filmstripHeight: filmstripHeight,
+        _filmstripWidth: filmstripWidth,
+        _remoteParticipants: id ? [ id ] : [],
+        _resizableFilmstrip: false,
+        _rows: 1,
+        _thumbnailWidth: thumbnailSize?.width,
+        _thumbnailHeight: thumbnailSize?.height,
+        _verticalViewGrid: false,
+        _verticalViewBackground: false
+    };
+}
+
+export default connect(_mapStateToProps)(ScreenshareFilmstrip);
diff --git a/react/features/filmstrip/components/web/StageFilmstrip.tsx b/react/features/filmstrip/components/web/StageFilmstrip.tsx
new file mode 100644
index 0000000..29f7d19
--- /dev/null
+++ b/react/features/filmstrip/components/web/StageFilmstrip.tsx
@@ -0,0 +1,160 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { isMobileBrowser } from '../../../base/environment/utils';
+import { LAYOUTS, LAYOUT_CLASSNAMES } from '../../../video-layout/constants';
+import { getCurrentLayout } from '../../../video-layout/functions.web';
+import {
+    ASPECT_RATIO_BREAKPOINT,
+    FILMSTRIP_TYPE,
+    TOOLBAR_HEIGHT_MOBILE
+} from '../../constants';
+import { getActiveParticipantsIds, isFilmstripResizable, isStageFilmstripTopPanel } from '../../functions.web';
+
+import Filmstrip from './Filmstrip';
+
+interface IProps {
+
+    /**
+     * The number of columns in tile view.
+     */
+    _columns: number;
+
+    /**
+     * The current layout of the filmstrip.
+     */
+    _currentLayout?: string;
+
+    /**
+     * The height of the filmstrip.
+     */
+    _filmstripHeight?: number;
+
+    /**
+     * The width of the filmstrip.
+     */
+    _filmstripWidth?: number;
+
+    /**
+     * Whether or not the current layout is vertical filmstrip.
+     */
+    _isVerticalFilmstrip: boolean;
+
+    /**
+     * The participants in the call.
+     */
+    _remoteParticipants: Array<Object>;
+
+    /**
+     * The length of the remote participants array.
+     */
+    _remoteParticipantsLength: number;
+
+    /**
+     * Whether or not the filmstrip should be user-resizable.
+     */
+    _resizableFilmstrip: boolean;
+
+    /**
+     * The number of rows in tile view.
+     */
+    _rows: number;
+
+    /**
+     * The height of the thumbnail.
+     */
+    _thumbnailHeight?: number;
+
+    /**
+     * The width of the thumbnail.
+     */
+    _thumbnailWidth?: number;
+
+    /**
+     * Whether or not the vertical filmstrip should have a background color.
+     */
+    _verticalViewBackground: boolean;
+
+    /**
+     * Whether or not the vertical filmstrip should be displayed as grid.
+     */
+    _verticalViewGrid: boolean;
+
+    /**
+     * Additional CSS class names to add to the container of all the thumbnails.
+     */
+    _videosClassName: string;
+}
+
+// eslint-disable-next-line no-confusing-arrow
+const StageFilmstrip = (props: IProps) =>
+    props._currentLayout === LAYOUTS.STAGE_FILMSTRIP_VIEW ? (
+        <span className = { LAYOUT_CLASSNAMES[LAYOUTS.TILE_VIEW] }>
+            <Filmstrip
+                { ...props }
+                filmstripType = { FILMSTRIP_TYPE.STAGE } />
+        </span>
+    ) : null
+;
+
+/**
+ * Maps (parts of) the Redux state to the associated {@code Filmstrip}'s props.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {any} _ownProps - Components' own props.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState, _ownProps: any) {
+    const { toolbarButtons } = state['features/toolbox'];
+    const activeParticipants = getActiveParticipantsIds(state);
+    const reduceHeight = state['features/toolbox'].visible && toolbarButtons?.length;
+    const {
+        gridDimensions: dimensions = { columns: undefined,
+            rows: undefined },
+        filmstripHeight,
+        filmstripWidth,
+        thumbnailSize
+    } = state['features/filmstrip'].stageFilmstripDimensions;
+    const gridDimensions = dimensions;
+
+    const { clientHeight, videoSpaceWidth } = state['features/base/responsive-ui'];
+    const availableSpace = clientHeight - Number(filmstripHeight);
+    let filmstripPadding = 0;
+
+    if (availableSpace > 0) {
+        const paddingValue = TOOLBAR_HEIGHT_MOBILE - availableSpace;
+
+        if (paddingValue > 0) {
+            filmstripPadding = paddingValue;
+        }
+    } else {
+        filmstripPadding = TOOLBAR_HEIGHT_MOBILE;
+    }
+
+    const collapseTileView = reduceHeight
+        && isMobileBrowser()
+        && videoSpaceWidth <= ASPECT_RATIO_BREAKPOINT;
+
+    const remoteFilmstripHeight = Number(filmstripHeight) - (
+        collapseTileView && filmstripPadding > 0 ? filmstripPadding : 0);
+    const _topPanelFilmstrip = isStageFilmstripTopPanel(state);
+
+    return {
+        _columns: gridDimensions.columns ?? 1,
+        _currentLayout: getCurrentLayout(state),
+        _filmstripHeight: remoteFilmstripHeight,
+        _filmstripWidth: filmstripWidth,
+        _remoteParticipants: activeParticipants,
+        _resizableFilmstrip: isFilmstripResizable(state) && _topPanelFilmstrip,
+        _rows: gridDimensions.rows ?? 1,
+        _thumbnailWidth: thumbnailSize?.width,
+        _thumbnailHeight: thumbnailSize?.height,
+        _topPanelFilmstrip,
+        _verticalViewGrid: false,
+        _verticalViewBackground: false
+    };
+}
+
+export default connect(_mapStateToProps)(StageFilmstrip);
diff --git a/react/features/filmstrip/components/web/StatusIndicators.tsx b/react/features/filmstrip/components/web/StatusIndicators.tsx
new file mode 100644
index 0000000..23196c7
--- /dev/null
+++ b/react/features/filmstrip/components/web/StatusIndicators.tsx
@@ -0,0 +1,123 @@
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { MEDIA_TYPE } from '../../../base/media/constants';
+import { PARTICIPANT_ROLE } from '../../../base/participants/constants';
+import { getParticipantByIdOrUndefined, isScreenShareParticipantById } from '../../../base/participants/functions';
+import {
+    getVideoTrackByParticipant,
+    isLocalTrackMuted,
+    isRemoteTrackMuted
+} from '../../../base/tracks/functions.web';
+import { getIndicatorsTooltipPosition } from '../../functions.web';
+
+import AudioMutedIndicator from './AudioMutedIndicator';
+import ModeratorIndicator from './ModeratorIndicator';
+import ScreenShareIndicator from './ScreenShareIndicator';
+
+/**
+ * The type of the React {@code Component} props of {@link StatusIndicators}.
+ */
+interface IProps {
+
+    /**
+     * Indicates if the audio muted indicator should be visible or not.
+     */
+    _showAudioMutedIndicator: Boolean;
+
+    /**
+     * Indicates if the moderator indicator should be visible or not.
+     */
+    _showModeratorIndicator: Boolean;
+
+    /**
+     * Indicates if the screen share indicator should be visible or not.
+     */
+    _showScreenShareIndicator: Boolean;
+
+    /**
+     * The ID of the participant for which the status bar is rendered.
+     */
+    participantID: String;
+
+    /**
+     * The type of thumbnail.
+     */
+    thumbnailType: string;
+}
+
+/**
+ * React {@code Component} for showing the status bar in a thumbnail.
+ *
+ * @augments Component
+ */
+class StatusIndicators extends Component<IProps> {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const {
+            _showAudioMutedIndicator,
+            _showModeratorIndicator,
+            _showScreenShareIndicator,
+            thumbnailType
+        } = this.props;
+        const tooltipPosition = getIndicatorsTooltipPosition(thumbnailType);
+
+        return (
+            <>
+                { _showAudioMutedIndicator && <AudioMutedIndicator tooltipPosition = { tooltipPosition } /> }
+                { _showModeratorIndicator && <ModeratorIndicator tooltipPosition = { tooltipPosition } />}
+                { _showScreenShareIndicator && <ScreenShareIndicator tooltipPosition = { tooltipPosition } /> }
+            </>
+        );
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated {@code StatusIndicators}'s props.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {Object} ownProps - The own props of the component.
+ * @private
+ * @returns {{
+ *     _showAudioMutedIndicator: boolean,
+ *     _showModeratorIndicator: boolean,
+ *     _showScreenShareIndicator: boolean
+ * }}
+*/
+function _mapStateToProps(state: IReduxState, ownProps: any) {
+    const { participantID, audio, moderator, screenshare } = ownProps;
+
+    // Only the local participant won't have id for the time when the conference is not yet joined.
+    const participant = getParticipantByIdOrUndefined(state, participantID);
+    const tracks = state['features/base/tracks'];
+
+    let isAudioMuted = true;
+    let isScreenSharing = false;
+
+    if (participant?.local) {
+        isAudioMuted = isLocalTrackMuted(tracks, MEDIA_TYPE.AUDIO);
+    } else if (!participant?.fakeParticipant || isScreenShareParticipantById(state, participantID)) {
+        // remote participants excluding shared video
+        const track = getVideoTrackByParticipant(state, participant);
+
+        isScreenSharing = track?.videoType === 'desktop';
+        isAudioMuted = isRemoteTrackMuted(tracks, MEDIA_TYPE.AUDIO, participantID);
+    }
+
+    const { disableModeratorIndicator } = state['features/base/config'];
+
+    return {
+        _showAudioMutedIndicator: isAudioMuted && audio,
+        _showModeratorIndicator:
+            !disableModeratorIndicator && participant && participant.role === PARTICIPANT_ROLE.MODERATOR && moderator,
+        _showScreenShareIndicator: isScreenSharing && screenshare
+    };
+}
+
+export default connect(_mapStateToProps)(StatusIndicators);
diff --git a/react/features/filmstrip/components/web/Thumbnail.tsx b/react/features/filmstrip/components/web/Thumbnail.tsx
new file mode 100644
index 0000000..277143d
--- /dev/null
+++ b/react/features/filmstrip/components/web/Thumbnail.tsx
@@ -0,0 +1,1397 @@
+import { Theme } from '@mui/material';
+import clsx from 'clsx';
+import { debounce } from 'lodash-es';
+import React, { Component, KeyboardEvent, RefObject, createRef } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+import { withStyles } from 'tss-react/mui';
+
+import { createScreenSharingIssueEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { IReduxState, IStore } from '../../../app/types';
+import Avatar from '../../../base/avatar/components/Avatar';
+import { isMobileBrowser } from '../../../base/environment/utils';
+import { translate } from '../../../base/i18n/functions';
+import { JitsiTrackEvents } from '../../../base/lib-jitsi-meet';
+import VideoTrack from '../../../base/media/components/web/VideoTrack';
+import { MEDIA_TYPE } from '../../../base/media/constants';
+import { pinParticipant } from '../../../base/participants/actions';
+import {
+    getLocalParticipant,
+    getParticipantByIdOrUndefined,
+    getScreenshareParticipantIds,
+    hasRaisedHand,
+    isLocalScreenshareParticipant,
+    isScreenShareParticipant,
+    isWhiteboardParticipant
+} from '../../../base/participants/functions';
+import { IParticipant } from '../../../base/participants/types';
+import { ASPECT_RATIO_NARROW } from '../../../base/responsive-ui/constants';
+import Tooltip from '../../../base/tooltip/components/Tooltip';
+import { trackStreamingStatusChanged } from '../../../base/tracks/actions';
+import {
+    getLocalAudioTrack,
+    getTrackByMediaTypeAndParticipant,
+    getVideoTrackByParticipant
+} from '../../../base/tracks/functions';
+import { ITrack } from '../../../base/tracks/types';
+import { getVideoObjectPosition } from '../../../face-landmarks/functions';
+import { hideGif, showGif } from '../../../gifs/actions';
+import { getGifDisplayMode, getGifForParticipant } from '../../../gifs/functions';
+import PresenceLabel from '../../../presence-status/components/PresenceLabel';
+import { LAYOUTS } from '../../../video-layout/constants';
+import { getCurrentLayout } from '../../../video-layout/functions.web';
+import { togglePinStageParticipant } from '../../actions';
+import {
+    DISPLAY_MODE_TO_CLASS_NAME,
+    DISPLAY_VIDEO,
+    FILMSTRIP_TYPE,
+    SHOW_TOOLBAR_CONTEXT_MENU_AFTER,
+    THUMBNAIL_TYPE
+} from '../../constants';
+import {
+    computeDisplayModeFromInput,
+    getActiveParticipantsIds,
+    getDisplayModeInput,
+    getThumbnailTypeFromLayout,
+    isStageFilmstripAvailable,
+    isVideoPlayable,
+    showGridInVerticalView
+} from '../../functions';
+
+import ThumbnailAudioIndicator from './ThumbnailAudioIndicator';
+import ThumbnailBottomIndicators from './ThumbnailBottomIndicators';
+import ThumbnailTopIndicators from './ThumbnailTopIndicators';
+import VirtualScreenshareParticipant from './VirtualScreenshareParticipant';
+
+/**
+ * The type of the React {@code Component} state of {@link Thumbnail}.
+ */
+export interface IState {
+
+    /**
+     * Indicates that the canplay event has been received.
+     */
+    canPlayEventReceived: boolean;
+
+    /**
+     * The current display mode of the thumbnail.
+     */
+    displayMode: number;
+
+    /**
+     * Indicates whether the thumbnail is hovered or not.
+     */
+    isHovered: boolean;
+
+    /**
+     * Whether popover is visible or not.
+     */
+    popoverVisible: boolean;
+}
+
+/**
+ * The type of the React {@code Component} props of {@link Thumbnail}.
+ */
+export interface IProps extends WithTranslation {
+
+    /**
+     * The audio track related to the participant.
+     */
+    _audioTrack?: ITrack;
+
+    /**
+     * Indicates whether enlargement of tiles to fill the available space is disabled.
+     */
+    _disableTileEnlargement: boolean;
+
+    /**
+     * URL of GIF sent by this participant, null if there's none.
+     */
+    _gifSrc?: string;
+
+    /**
+     * The height of the Thumbnail.
+     */
+    _height: number;
+
+    /**
+     * Whether or not the participant is displayed on the stage filmstrip.
+     * Used to hide the video from the vertical filmstrip.
+     */
+    _isActiveParticipant: boolean;
+
+    /**
+     * Indicates whether audio only mode is enabled.
+     */
+    _isAudioOnly: boolean;
+
+    /**
+     * Indicates whether the participant associated with the thumbnail is displayed on the large video.
+     */
+    _isCurrentlyOnLargeVideo: boolean;
+
+    /**
+     * Disable/enable the dominant speaker indicator.
+     */
+    _isDominantSpeakerDisabled: boolean;
+
+    /**
+     * Indicates whether the thumbnail should be hidden or not.
+     */
+    _isHidden: boolean;
+
+    /**
+     * Whether we are currently running in a mobile browser.
+     */
+    _isMobile: boolean;
+
+    /**
+     * Whether we are currently running in a mobile browser in portrait orientation.
+     */
+    _isMobilePortrait: boolean;
+
+    /**
+     * Indicates whether the participant is screen sharing.
+     */
+    _isScreenSharing: boolean;
+
+    /**
+     * Indicates whether the video associated with the thumbnail is playable.
+     */
+    _isVideoPlayable: boolean;
+
+    /**
+     * Indicates whether the participant is a virtual screen share participant. This prop is behind the
+     * sourceNameSignaling feature flag.
+     */
+    _isVirtualScreenshareParticipant: boolean;
+
+    /**
+     * The current local video flip setting.
+     */
+    _localFlipX: boolean;
+
+    /**
+     * An object with information about the participant related to the thumbnail.
+     */
+    _participant: IParticipant;
+
+    /**
+     * Whether or not the participant has the hand raised.
+     */
+    _raisedHand: boolean;
+
+    /**
+     * Whether or not to display a tint background over tile.
+     */
+    _shouldDisplayTintBackground: boolean;
+
+    /**
+     * Whether or not the current layout is stage filmstrip layout.
+     */
+    _stageFilmstripLayout: boolean;
+
+    /**
+     * Whether or not the participants are displayed on stage.
+     * (and not screensharing or shared video; used to determine
+     * whether or not the display the participant video in the vertical filmstrip).
+     */
+    _stageParticipantsVisible: boolean;
+
+    /**
+     * The type of thumbnail to display.
+     */
+    _thumbnailType: string;
+
+    /**
+     * The video object position for the participant.
+     */
+    _videoObjectPosition: string;
+
+    /**
+     * The video track that will be displayed in the thumbnail.
+     */
+    _videoTrack?: any;
+
+    /**
+     * The width of the thumbnail.
+     */
+    _width: number;
+
+    /**
+     * An object containing CSS classes.
+     */
+    classes?: Partial<Record<keyof ReturnType<typeof defaultStyles>, string>>;
+
+    /**
+     * The redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * The type of filmstrip the tile is displayed in.
+     */
+    filmstripType: string;
+
+    /**
+     * The horizontal offset in px for the thumbnail. Used to center the thumbnails from the last row in tile view.
+     */
+    horizontalOffset: number;
+
+    /**
+     * The ID of the participant related to the thumbnail.
+     */
+    participantID?: string;
+
+    /**
+     * Styles that will be set to the Thumbnail's main span element.
+     */
+    style?: any;
+
+    /**
+     * The width of the thumbnail. Used for expanding the width of the thumbnails on last row in case
+     * there is empty space.
+     */
+    width?: number;
+}
+
+const defaultStyles = (theme: Theme) => {
+    return {
+        indicatorsContainer: {
+            position: 'absolute' as const,
+            padding: theme.spacing(1),
+            zIndex: 10,
+            width: '100%',
+            boxSizing: 'border-box' as const,
+            display: 'flex',
+            left: 0,
+
+            '&.tile-view-mode': {
+                padding: theme.spacing(2)
+            }
+        },
+
+        indicatorsTopContainer: {
+            top: 0,
+            justifyContent: 'space-between'
+        },
+
+        indicatorsBottomContainer: {
+            bottom: 0
+        },
+
+        indicatorsBackground: {
+            backgroundColor: 'rgba(0, 0, 0, 0.7)',
+            borderRadius: '4px',
+            display: 'flex',
+            alignItems: 'center',
+            maxWidth: '100%',
+            overflow: 'hidden',
+
+            '&:not(:empty)': {
+                padding: '4px 8px'
+            },
+
+            '& > *:not(:last-child)': {
+                marginRight: '8px'
+            }
+        },
+
+        containerBackground: {
+            position: 'absolute' as const,
+            top: 0,
+            left: 0,
+            height: '100%',
+            width: '100%',
+            borderRadius: '4px',
+            backgroundColor: theme.palette.ui02
+        },
+
+        borderIndicator: {
+            position: 'absolute' as const,
+            width: '100%',
+            height: '100%',
+            zIndex: 9,
+            borderRadius: '4px',
+            pointerEvents: 'none' as const
+        },
+
+        borderIndicatorOnTop: {
+            zIndex: 11
+        },
+
+        activeSpeaker: {
+            '& .active-speaker-indicator': {
+                boxShadow: `inset 0px 0px 0px 3px ${theme.palette.action01Hover} !important`
+            }
+        },
+
+        raisedHand: {
+            '& .raised-hand-border': {
+                boxShadow: `inset 0px 0px 0px 2px ${theme.palette.warning02} !important`
+            }
+        },
+
+        gif: {
+            position: 'absolute' as const,
+            width: '100%',
+            height: '100%',
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            overflow: 'hidden',
+            backgroundColor: theme.palette.ui02,
+
+            '& img': {
+                maxWidth: '100%',
+                maxHeight: '100%',
+                objectFit: 'contain' as const,
+                flexGrow: 1
+            }
+        },
+
+        tintBackground: {
+            position: 'absolute' as const,
+            zIndex: 1,
+            width: '100%',
+            height: '100%',
+            backgroundColor: `${theme.palette.uiBackground}`,
+            opacity: 0.8
+        },
+
+        keyboardPinButton: {
+            position: 'absolute' as const,
+            zIndex: 10,
+
+            /* this button is only for keyboard/screen reader users,
+            an onClick handler is already set elsewhere for mouse users, so make sure
+            we can't click on it */
+            pointerEvents: 'none' as const,
+
+            // make room for the border to correctly show up
+            left: '3px',
+            right: '3px',
+            bottom: '3px',
+            top: '3px'
+        }
+    };
+};
+
+/**
+ * Implements a thumbnail.
+ *
+ * @augments Component
+ */
+class Thumbnail extends Component<IProps, IState> {
+    /**
+     * The long touch setTimeout handler.
+     */
+    timeoutHandle?: number;
+
+    /**
+     * Ref to the container of the thumbnail.
+     */
+    containerRef?: RefObject<HTMLSpanElement>;
+
+    /**
+     * Timeout used to detect double tapping.
+     * It is active while user has tapped once.
+     */
+    _firstTap?: number;
+
+    /**
+     * Initializes a new Thumbnail instance.
+     *
+     * @param {Object} props - The read-only React Component props with which
+     * the new instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        const state = {
+            canPlayEventReceived: false,
+            displayMode: DISPLAY_VIDEO,
+            popoverVisible: false,
+            isHovered: false
+        };
+
+        this.state = {
+            ...state,
+            displayMode: computeDisplayModeFromInput(getDisplayModeInput(props, state))
+        };
+        this.timeoutHandle = undefined;
+        this.containerRef = createRef<HTMLSpanElement>();
+        this._clearDoubleClickTimeout = this._clearDoubleClickTimeout.bind(this);
+        this._onCanPlay = this._onCanPlay.bind(this);
+        this._onClick = this._onClick.bind(this);
+        this._onTogglePinButtonKeyDown = this._onTogglePinButtonKeyDown.bind(this);
+        this._onFocus = this._onFocus.bind(this);
+        this._onBlur = this._onBlur.bind(this);
+        this._onMouseEnter = this._onMouseEnter.bind(this);
+        this._onMouseMove = debounce(this._onMouseMove.bind(this), 100, {
+            leading: true,
+            trailing: false
+        });
+        this._onMouseLeave = this._onMouseLeave.bind(this);
+        this._onTouchStart = this._onTouchStart.bind(this);
+        this._onTouchEnd = this._onTouchEnd.bind(this);
+        this._onTouchMove = this._onTouchMove.bind(this);
+        this._showPopover = this._showPopover.bind(this);
+        this._hidePopover = this._hidePopover.bind(this);
+        this._onGifMouseEnter = this._onGifMouseEnter.bind(this);
+        this._onGifMouseLeave = this._onGifMouseLeave.bind(this);
+        this.handleTrackStreamingStatusChanged = this.handleTrackStreamingStatusChanged.bind(this);
+    }
+
+    /**
+     * Starts listening for track streaming status updates after the initial render.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidMount() {
+        this._onDisplayModeChanged();
+
+
+        // Listen to track streaming status changed event to keep it updated.
+        // TODO: after converting this component to a react function component,
+        // use a custom hook to update local track streaming status.
+        const { _videoTrack, dispatch } = this.props;
+
+        if (_videoTrack && !_videoTrack.local) {
+            _videoTrack.jitsiTrack.on(JitsiTrackEvents.TRACK_STREAMING_STATUS_CHANGED,
+                this.handleTrackStreamingStatusChanged);
+            dispatch(trackStreamingStatusChanged(_videoTrack.jitsiTrack,
+                _videoTrack.jitsiTrack.getTrackStreamingStatus()));
+        }
+    }
+
+    /**
+     * Remove listeners for track streaming status update.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentWillUnmount() {
+        // TODO: after converting this component to a react function component,
+        // use a custom hook to update local track streaming status.
+        const { _videoTrack, dispatch } = this.props;
+
+        if (_videoTrack && !_videoTrack.local) {
+            _videoTrack.jitsiTrack.off(JitsiTrackEvents.TRACK_STREAMING_STATUS_CHANGED,
+                this.handleTrackStreamingStatusChanged);
+            dispatch(trackStreamingStatusChanged(_videoTrack.jitsiTrack,
+                _videoTrack.jitsiTrack.getTrackStreamingStatus()));
+        }
+    }
+
+    /**
+     * Stops listening for track streaming status updates on the old track and starts
+     * listening instead on the new track.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidUpdate(prevProps: IProps, prevState: IState) {
+        if (prevState.displayMode !== this.state.displayMode) {
+            this._onDisplayModeChanged();
+        }
+
+        // TODO: after converting this component to a react function component,
+        // use a custom hook to update local track streaming status.
+        const { _videoTrack, dispatch } = this.props;
+
+        if (prevProps._videoTrack?.jitsiTrack?.getSourceName() !== _videoTrack?.jitsiTrack?.getSourceName()) {
+            if (prevProps._videoTrack && !prevProps._videoTrack.local) {
+                prevProps._videoTrack.jitsiTrack.off(JitsiTrackEvents.TRACK_STREAMING_STATUS_CHANGED,
+                    this.handleTrackStreamingStatusChanged);
+                dispatch(trackStreamingStatusChanged(prevProps._videoTrack.jitsiTrack,
+                    prevProps._videoTrack.jitsiTrack.getTrackStreamingStatus()));
+            }
+            if (_videoTrack && !_videoTrack.local) {
+                _videoTrack.jitsiTrack.on(JitsiTrackEvents.TRACK_STREAMING_STATUS_CHANGED,
+                    this.handleTrackStreamingStatusChanged);
+                dispatch(trackStreamingStatusChanged(_videoTrack.jitsiTrack,
+                    _videoTrack.jitsiTrack.getTrackStreamingStatus()));
+            }
+        }
+    }
+
+    /**
+     * Handle track streaming status change event by
+     * by dispatching an action to update track streaming status for the given track in app state.
+     *
+     * @param {JitsiTrack} jitsiTrack - The track with streaming status updated.
+     * @param {JitsiTrackStreamingStatus} streamingStatus - The updated track streaming status.
+     * @returns {void}
+     */
+    handleTrackStreamingStatusChanged(jitsiTrack: any, streamingStatus: any) {
+        this.props.dispatch(trackStreamingStatusChanged(jitsiTrack, streamingStatus));
+    }
+
+    /**
+     * Handles display mode changes.
+     *
+     * @returns {void}
+     */
+    _onDisplayModeChanged() {
+        const input = getDisplayModeInput(this.props, this.state);
+
+        this._maybeSendScreenSharingIssueEvents(input);
+    }
+
+    /**
+     * Sends screen sharing issue event if an issue is detected.
+     *
+     * @param {Object} input - The input used to compute the thumbnail display mode.
+     * @returns {void}
+     */
+    _maybeSendScreenSharingIssueEvents(input: any) {
+        const {
+            _isAudioOnly,
+            _isScreenSharing,
+            _thumbnailType
+        } = this.props;
+        const { displayMode } = this.state;
+        const isTileType = _thumbnailType === THUMBNAIL_TYPE.TILE;
+
+        if (!(DISPLAY_VIDEO === displayMode)
+            && isTileType
+            && _isScreenSharing
+            && !_isAudioOnly) {
+            sendAnalytics(createScreenSharingIssueEvent({
+                source: 'thumbnail',
+                ...input
+            }));
+        }
+    }
+
+    /**
+     * Implements React's {@link Component#getDerivedStateFromProps()}.
+     *
+     * @inheritdoc
+     */
+    static getDerivedStateFromProps(props: IProps, prevState: IState) {
+        if (!props._videoTrack && prevState.canPlayEventReceived) {
+            const newState = {
+                ...prevState,
+                canPlayEventReceived: false
+            };
+
+            return {
+                ...newState,
+                displayMode: computeDisplayModeFromInput(getDisplayModeInput(props, newState))
+            };
+        }
+
+        const newDisplayMode = computeDisplayModeFromInput(getDisplayModeInput(props, prevState));
+
+        if (newDisplayMode !== prevState.displayMode) {
+            return {
+                ...prevState,
+                displayMode: newDisplayMode
+            };
+        }
+
+        return null;
+    }
+
+    /**
+     * Clears the first click timeout.
+     *
+     * @returns {void}
+     */
+    _clearDoubleClickTimeout() {
+        clearTimeout(this._firstTap);
+        this._firstTap = undefined;
+    }
+
+    /**
+     * Shows popover.
+     *
+     * @private
+     * @returns {void}
+     */
+    _showPopover() {
+        this.setState({
+            popoverVisible: true
+        });
+    }
+
+    /**
+     * Hides popover.
+     *
+     * @private
+     * @returns {void}
+     */
+    _hidePopover() {
+        const { _thumbnailType } = this.props;
+
+        if (_thumbnailType === THUMBNAIL_TYPE.VERTICAL) {
+            this.setState({
+                isHovered: false
+            });
+        }
+        this.setState({
+            popoverVisible: false
+        });
+    }
+
+    /**
+     * Returns the size the avatar should have.
+     *
+     * @returns {number}
+     */
+    _getAvatarSize() {
+        const { _height, _width } = this.props;
+
+        return Math.min(_height / 2, _width - 30, 200);
+    }
+
+    /**
+     * Returns an object with the styles for thumbnail.
+     *
+     * @returns {Object} - The styles for the thumbnail.
+     */
+    _getStyles(): any {
+        const { canPlayEventReceived } = this.state;
+        const {
+            _disableTileEnlargement,
+            _height,
+            _isVirtualScreenshareParticipant,
+            _isHidden,
+            _isScreenSharing,
+            _participant,
+            _thumbnailType,
+            _videoObjectPosition,
+            _videoTrack,
+            _width,
+            horizontalOffset,
+            style
+        } = this.props;
+
+        const isTileType = _thumbnailType === THUMBNAIL_TYPE.TILE;
+        const jitsiVideoTrack = _videoTrack?.jitsiTrack;
+        const track = jitsiVideoTrack?.track;
+        const isPortraitVideo = (track?.getSettings()?.aspectRatio || 1) < 1;
+
+        let styles: {
+            avatar: Object;
+            thumbnail: any;
+            video: Object;
+        } = {
+            thumbnail: {},
+            avatar: {},
+            video: {}
+        };
+
+        const avatarSize = this._getAvatarSize();
+        let { left } = style || {};
+
+        if (typeof left === 'number' && horizontalOffset) {
+            left += horizontalOffset;
+        }
+
+        let videoStyles: any = null;
+        const doNotStretchVideo = (isPortraitVideo && isTileType)
+            || _disableTileEnlargement
+            || _isScreenSharing;
+
+        if (canPlayEventReceived || _participant.local || _isVirtualScreenshareParticipant) {
+            videoStyles = {
+                objectFit: doNotStretchVideo ? 'contain' : 'cover'
+            };
+        } else {
+            videoStyles = {
+                display: 'none'
+            };
+        }
+
+        if (videoStyles.objectFit === 'cover') {
+            videoStyles.objectPosition = _videoObjectPosition;
+        }
+
+        styles = {
+            thumbnail: {
+                ...style,
+                left,
+                height: `${_height}px`,
+                minHeight: `${_height}px`,
+                minWidth: `${_width}px`,
+                width: `${_width}px`
+            },
+            avatar: {
+                height: `${avatarSize}px`,
+                width: `${avatarSize}px`
+            },
+            video: videoStyles
+        };
+
+        if (_isHidden) {
+            styles.thumbnail.display = 'none';
+        }
+
+        return styles;
+    }
+
+    /**
+     * On click handler.
+     *
+     * @returns {void}
+     */
+    _onClick() {
+        const { _participant, dispatch, _stageFilmstripLayout } = this.props;
+        const { id, pinned } = _participant;
+
+        if (_stageFilmstripLayout) {
+            dispatch(togglePinStageParticipant(id));
+        } else {
+            dispatch(pinParticipant(pinned ? null : id));
+        }
+    }
+
+    /**
+     * This is called as a onKeydown handler on the keyboard-only button to toggle pin.
+     *
+     * @param {KeyboardEvent} event - The keydown event.
+     * @returns {void}
+     */
+    _onTogglePinButtonKeyDown(event: KeyboardEvent) {
+        if (event.key === 'Enter' || event.key === ' ') {
+            this._onClick();
+        }
+    }
+
+    /**
+     * Keyboard focus handler.
+     *
+     * When navigating with keyboard, make things behave as we
+     * hover with the mouse, to make the UI show up.
+     *
+     * @returns {void}
+     */
+    _onFocus() {
+        this.setState({ isHovered: true });
+    }
+
+    /**
+     * Keyboard blur handler.
+     *
+     * When navigating with keyboard, make things behave as we
+     * hover with the mouse, to make the UI show up.
+     *
+     * @returns {void}
+     */
+    _onBlur() {
+        // we need this timeout trick so that we get the actual document.activeElement value
+        // instead of document.body
+        setTimeout(() => {
+            // we also explicitly check for popovers, because the thumbnail can show popovers,
+            // and they are not rendered in the thumbnail DOM element
+            if (
+                !this.containerRef?.current?.contains(document.activeElement)
+                && document.activeElement?.closest('.popover') === null
+            ) {
+                this.setState({ isHovered: false });
+            }
+        }, 0);
+    }
+
+    /**
+     * Mouse enter handler.
+     *
+     * @returns {void}
+     */
+    _onMouseEnter() {
+        this.setState({ isHovered: true });
+    }
+
+    /**
+     * Mouse move handler.
+     *
+     * @returns {void}
+     */
+    _onMouseMove() {
+        if (!this.state.isHovered) {
+            // Workaround for the use case where the layout changes (for example the participant pane is closed)
+            // and as a result the mouse appears on top of the thumbnail. In these use cases the mouse enter
+            // event on the thumbnail is not triggered in Chrome.
+            this.setState({ isHovered: true });
+        }
+    }
+
+    /**
+     * Mouse leave handler.
+     *
+     * @returns {void}
+     */
+    _onMouseLeave() {
+        this.setState({ isHovered: false });
+    }
+
+    /**
+     * Handler for touch start.
+     *
+     * @returns {void}
+     */
+    _onTouchStart() {
+        this.timeoutHandle = window.setTimeout(this._showPopover, SHOW_TOOLBAR_CONTEXT_MENU_AFTER);
+
+        if (this._firstTap) {
+            this._clearDoubleClickTimeout();
+            this._onClick();
+
+            return;
+        }
+
+        this._firstTap = window.setTimeout(this._clearDoubleClickTimeout, 300);
+    }
+
+    /**
+     * Cancel showing popover context menu after x milliseconds if the no. Of milliseconds is not reached yet,
+     * or just clears the timeout.
+     *
+     * @returns {void}
+     */
+    _onTouchEnd() {
+        clearTimeout(this.timeoutHandle);
+    }
+
+    /**
+     * Cancel showing Context menu after x milliseconds if the number of milliseconds is not reached
+     * before a touch move(drag), or just clears the timeout.
+     *
+     * @returns {void}
+     */
+    _onTouchMove() {
+        clearTimeout(this.timeoutHandle);
+    }
+
+    /**
+     * Renders a fake participant (youtube video) thumbnail.
+     *
+     * @param {string} id - The id of the participant.
+     * @returns {ReactElement}
+     */
+    _renderFakeParticipant() {
+        const { _isMobile, _participant: { avatarURL, pinned, name } } = this.props;
+        const styles = this._getStyles();
+        const containerClassName = this._getContainerClassName();
+
+        return (
+            <span
+                aria-label = { this.props.t(pinned ? 'unpinParticipant' : 'pinParticipant', {
+                    participantName: name
+                }) }
+                className = { containerClassName }
+                id = 'sharedVideoContainer'
+                onClick = { this._onClick }
+                onKeyDown = { this._onTogglePinButtonKeyDown }
+                { ...(_isMobile ? {} : {
+                    onMouseEnter: this._onMouseEnter,
+                    onMouseMove: this._onMouseMove,
+                    onMouseLeave: this._onMouseLeave
+                }) }
+                role = 'button'
+                style = { styles.thumbnail }
+                tabIndex = { 0 }>
+                {avatarURL ? (
+                    <img
+                        alt = ''
+                        className = 'sharedVideoAvatar'
+                        src = { avatarURL } />
+                )
+                    : this._renderAvatar(styles.avatar)}
+            </span>
+        );
+    }
+
+    /**
+     * Renders the avatar.
+     *
+     * @param {Object} styles - The styles that will be applied to the avatar.
+     * @returns {ReactElement}
+     */
+    _renderAvatar(styles: Object) {
+        const { _participant } = this.props;
+        const { id } = _participant;
+
+        return (
+            <div
+                className = 'avatar-container'
+                style = { styles }>
+                <Avatar
+                    className = 'userAvatar'
+                    participantId = { id }
+                    size = { this._getAvatarSize() } />
+            </div>
+        );
+    }
+
+    /**
+     * Returns the container class name.
+     *
+     * @returns {string} - The class name that will be used for the container.
+     */
+    _getContainerClassName() {
+        let className = 'videocontainer';
+        const { displayMode } = this.state;
+        const {
+            _isDominantSpeakerDisabled,
+            _participant,
+            _raisedHand,
+            _thumbnailType
+        } = this.props;
+        const classes = withStyles.getClasses(this.props);
+
+        className += ` ${DISPLAY_MODE_TO_CLASS_NAME[displayMode]}`;
+
+        if (_raisedHand) {
+            className += ` ${classes.raisedHand}`;
+        }
+
+        if (!_isDominantSpeakerDisabled && _participant?.dominantSpeaker) {
+            className += ` ${classes.activeSpeaker} dominant-speaker`;
+        }
+        if (_thumbnailType !== THUMBNAIL_TYPE.TILE && _participant?.pinned) {
+            className += ' videoContainerFocused';
+        }
+
+        return className;
+    }
+
+    /**
+     * Keep showing the GIF for the current participant.
+     *
+     * @returns {void}
+     */
+    _onGifMouseEnter() {
+        const { dispatch, _participant: { id } } = this.props;
+
+        dispatch(showGif(id));
+    }
+
+    /**
+     * Keep showing the GIF for the current participant.
+     *
+     * @returns {void}
+     */
+    _onGifMouseLeave() {
+        const { dispatch, _participant: { id } } = this.props;
+
+        dispatch(hideGif(id));
+    }
+
+    /**
+     * Renders GIF.
+     *
+     * @returns {Component}
+     */
+    _renderGif() {
+        const { _gifSrc } = this.props;
+        const classes = withStyles.getClasses(this.props);
+
+        return _gifSrc && (
+            <div className = { classes.gif }>
+                <img
+                    alt = 'GIF'
+                    src = { _gifSrc } />
+            </div>
+        );
+    }
+
+    /**
+     * Canplay event listener.
+     *
+     * @returns {void}
+     */
+    _onCanPlay() {
+        this.setState({ canPlayEventReceived: true });
+    }
+
+    /**
+     * Renders a remote participant's 'thumbnail.
+     *
+     * @param {boolean} local - Whether or not it's the local participant.
+     * @returns {ReactElement}
+     */
+    _renderParticipant(local = false) {
+        const {
+            _audioTrack,
+            _gifSrc,
+            _isMobile,
+            _isMobilePortrait,
+            _isScreenSharing,
+            _localFlipX,
+            _participant,
+            _shouldDisplayTintBackground,
+            _thumbnailType,
+            _videoTrack,
+            filmstripType,
+            t
+        } = this.props;
+        const classes = withStyles.getClasses(this.props);
+        const { id, name, pinned } = _participant || {};
+        const { isHovered, popoverVisible } = this.state;
+        const styles = this._getStyles();
+        let containerClassName = this._getContainerClassName();
+        const videoTrackClassName
+            = _videoTrack && !_isScreenSharing && _localFlipX ? 'flipVideoX' : '';
+        const jitsiVideoTrack = _videoTrack?.jitsiTrack;
+        const videoTrackId = jitsiVideoTrack?.getId();
+        const videoEventListeners: any = {};
+        const pinButtonLabel = t(pinned ? 'unpinParticipant' : 'pinParticipant', {
+            participantName: name
+        });
+
+        if (local) {
+            if (_isMobilePortrait) {
+                styles.thumbnail.height = styles.thumbnail.width;
+                containerClassName = `${containerClassName} self-view-mobile-portrait`;
+            }
+        } else {
+            videoEventListeners.onCanPlay = this._onCanPlay;
+        }
+
+        const video = _videoTrack && <VideoTrack
+            className = { local ? videoTrackClassName : '' }
+            eventHandlers = { videoEventListeners }
+            id = { local ? 'localVideo_container' : `remoteVideo_${videoTrackId || ''}` }
+            muted = { local ? undefined : true }
+            style = { styles.video }
+            videoTrack = { _videoTrack } />;
+
+        return (
+            <span
+                className = { containerClassName }
+                id = { local
+                    ? `localVideoContainer${filmstripType === FILMSTRIP_TYPE.MAIN ? '' : `_${filmstripType}`}`
+                    : `participant_${id}${filmstripType === FILMSTRIP_TYPE.MAIN ? '' : `_${filmstripType}`}`
+                }
+                onBlur = { this._onBlur }
+                onFocus = { this._onFocus }
+                { ...(_isMobile
+                    ? {
+                        onTouchEnd: this._onTouchEnd,
+                        onTouchMove: this._onTouchMove,
+                        onTouchStart: this._onTouchStart
+                    }
+                    : {
+                        onClick: this._onClick,
+                        onMouseEnter: this._onMouseEnter,
+                        onMouseMove: this._onMouseMove,
+                        onMouseLeave: this._onMouseLeave
+                    }
+                ) }
+                ref = { this.containerRef }
+                style = { styles.thumbnail }>
+                {/* this "button" is invisible, only here so that
+                keyboard/screen reader users can pin/unpin */}
+                <Tooltip
+                    content = { pinButtonLabel }>
+                    <span
+                        aria-label = { pinButtonLabel }
+                        className = { classes.keyboardPinButton }
+                        onKeyDown = { this._onTogglePinButtonKeyDown }
+                        role = 'button'
+                        tabIndex = { 0 } />
+                </Tooltip>
+                {!_gifSrc && (local
+                    ? <span id = 'localVideoWrapper'>{video}</span>
+                    : video)}
+                <div className = { classes.containerBackground } />
+                {/* put the bottom container before the top container in the dom,
+                because it contains the participant name that should be announced first by screen readers */}
+                <div
+                    className = { clsx(classes.indicatorsContainer,
+                        classes.indicatorsBottomContainer,
+                        _thumbnailType === THUMBNAIL_TYPE.TILE && 'tile-view-mode'
+                    ) }>
+                    <ThumbnailBottomIndicators
+                        className = { classes.indicatorsBackground }
+                        local = { local }
+                        participantId = { id }
+                        showStatusIndicators = { !isWhiteboardParticipant(_participant) }
+                        thumbnailType = { _thumbnailType } />
+                </div>
+                <div
+                    className = { clsx(classes.indicatorsContainer,
+                        classes.indicatorsTopContainer,
+                        _thumbnailType === THUMBNAIL_TYPE.TILE && 'tile-view-mode'
+                    ) }>
+                    <ThumbnailTopIndicators
+                        disableConnectionIndicator = { isWhiteboardParticipant(_participant) }
+                        hidePopover = { this._hidePopover }
+                        indicatorsClassName = { classes.indicatorsBackground }
+                        isHovered = { isHovered }
+                        local = { local }
+                        participantId = { id }
+                        popoverVisible = { popoverVisible }
+                        showPopover = { this._showPopover }
+                        thumbnailType = { _thumbnailType } />
+                </div>
+                {_shouldDisplayTintBackground && <div className = { classes.tintBackground } />}
+                {!_gifSrc && this._renderAvatar(styles.avatar) }
+                { !local && (
+                    <div className = 'presence-label-container'>
+                        <PresenceLabel
+                            className = 'presence-label'
+                            participantID = { id } />
+                    </div>
+                )}
+                <ThumbnailAudioIndicator _audioTrack = { _audioTrack } />
+                {this._renderGif()}
+                <div
+                    className = { clsx(classes.borderIndicator,
+                    _gifSrc && classes.borderIndicatorOnTop,
+                    'raised-hand-border') } />
+                <div
+                    className = { clsx(classes.borderIndicator,
+                    _gifSrc && classes.borderIndicatorOnTop,
+                    'active-speaker-indicator') } />
+                {_gifSrc && (
+                    <div
+                        className = { clsx(classes.borderIndicator, classes.borderIndicatorOnTop) }
+                        onMouseEnter = { this._onGifMouseEnter }
+                        onMouseLeave = { this._onGifMouseLeave } />
+                )}
+            </span>
+        );
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const {
+            _isVirtualScreenshareParticipant,
+            _participant,
+            _shouldDisplayTintBackground
+        } = this.props;
+
+        if (!_participant) {
+            return null;
+        }
+
+        const { fakeParticipant, local } = _participant;
+
+        if (local) {
+            return this._renderParticipant(true);
+        }
+
+        if (fakeParticipant
+            && !isWhiteboardParticipant(_participant)
+            && !_isVirtualScreenshareParticipant
+        ) {
+            return this._renderFakeParticipant();
+        }
+
+        if (_isVirtualScreenshareParticipant) {
+            const { isHovered } = this.state;
+            const { _videoTrack, _isMobile, _thumbnailType } = this.props;
+            const classes = withStyles.getClasses(this.props);
+
+            return (
+                <VirtualScreenshareParticipant
+                    classes = { classes }
+                    containerClassName = { this._getContainerClassName() }
+                    isHovered = { isHovered }
+                    isLocal = { isLocalScreenshareParticipant(_participant) }
+                    isMobile = { _isMobile }
+                    onClick = { this._onClick }
+                    onMouseEnter = { this._onMouseEnter }
+                    onMouseLeave = { this._onMouseLeave }
+                    onMouseMove = { this._onMouseMove }
+                    onTouchEnd = { this._onTouchEnd }
+                    onTouchMove = { this._onTouchMove }
+                    onTouchStart = { this._onTouchStart }
+                    participantId = { _participant.id }
+                    shouldDisplayTintBackground = { _shouldDisplayTintBackground }
+                    styles = { this._getStyles() }
+                    thumbnailType = { _thumbnailType }
+                    videoTrack = { _videoTrack } />
+            );
+        }
+
+        return this._renderParticipant();
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated props for this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {Object} ownProps - The own props of the component.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState, ownProps: any): Object {
+    const { participantID, filmstripType = FILMSTRIP_TYPE.MAIN } = ownProps;
+
+    const participant = getParticipantByIdOrUndefined(state, participantID);
+    const id = participant?.id ?? '';
+    const isLocal = participant?.local ?? true;
+    const _isVirtualScreenshareParticipant = isScreenShareParticipant(participant);
+    const tracks = state['features/base/tracks'];
+    const _videoTrack = getVideoTrackByParticipant(state, participant);
+    const _audioTrack = isLocal
+        ? getLocalAudioTrack(tracks)
+        : getTrackByMediaTypeAndParticipant(tracks, MEDIA_TYPE.AUDIO, id);
+    const _currentLayout = getCurrentLayout(state) ?? '';
+    let size: any = {};
+    let _isMobilePortrait = false;
+    const {
+        defaultLocalDisplayName,
+        disableTileEnlargement,
+        iAmRecorder,
+        iAmSipGateway
+    } = state['features/base/config'];
+    const { localFlipX } = state['features/base/settings'];
+    const _isMobile = isMobileBrowser();
+    const activeParticipants = getActiveParticipantsIds(state);
+    const tileType = getThumbnailTypeFromLayout(_currentLayout, filmstripType);
+
+    switch (tileType) {
+    case THUMBNAIL_TYPE.VERTICAL:
+    case THUMBNAIL_TYPE.HORIZONTAL: {
+        const {
+            horizontalViewDimensions = {
+                local: { width: undefined,
+                    height: undefined },
+                remote: { width: undefined,
+                    height: undefined }
+            },
+            verticalViewDimensions = {
+                local: { width: undefined,
+                    height: undefined },
+                remote: { width: undefined,
+                    height: undefined },
+                gridView: {}
+            }
+        } = state['features/filmstrip'];
+        const _verticalViewGrid = showGridInVerticalView(state);
+        const { local, remote }
+            = tileType === THUMBNAIL_TYPE.VERTICAL
+                ? verticalViewDimensions : horizontalViewDimensions;
+
+        const { width, height } = (isLocal ? local : remote) ?? { width: undefined,
+            height: undefined };
+
+        size = {
+            _width: width,
+            _height: height
+        };
+
+        if (_verticalViewGrid) {
+            // @ts-ignore
+            const { width: _width, height: _height } = verticalViewDimensions.gridView.thumbnailSize;
+
+            size = {
+                _width,
+                _height
+            };
+        }
+
+        _isMobilePortrait = _isMobile && state['features/base/responsive-ui'].aspectRatio === ASPECT_RATIO_NARROW;
+
+        break;
+    }
+    case THUMBNAIL_TYPE.TILE: {
+        const { thumbnailSize } = state['features/filmstrip'].tileViewDimensions ?? { thumbnailSize: undefined };
+        const {
+            stageFilmstripDimensions = {
+                thumbnailSize: {
+                    height: undefined,
+                    width: undefined
+                }
+            },
+            screenshareFilmstripDimensions = {
+                thumbnailSize: {
+                    height: undefined,
+                    width: undefined
+                }
+            }
+        } = state['features/filmstrip'];
+
+        size = {
+            _width: thumbnailSize?.width,
+            _height: thumbnailSize?.height
+        };
+
+        if (filmstripType === FILMSTRIP_TYPE.STAGE) {
+            const { width: _width, height: _height } = stageFilmstripDimensions.thumbnailSize ?? {
+                width: undefined,
+                height: undefined };
+
+            size = {
+                _width,
+                _height
+            };
+        } else if (filmstripType === FILMSTRIP_TYPE.SCREENSHARE) {
+            const { width: _width, height: _height } = screenshareFilmstripDimensions.thumbnailSize ?? {
+                width: undefined,
+                height: undefined
+            };
+
+            size = {
+                _width,
+                _height
+            };
+        }
+        break;
+    }
+    }
+
+    if (ownProps.width) {
+        size._width = ownProps.width;
+    }
+
+    const { gifUrl: gifSrc } = getGifForParticipant(state, id ?? '');
+    const mode = getGifDisplayMode(state);
+    const participantId = isLocal ? getLocalParticipant(state)?.id : participantID;
+    const isActiveParticipant = activeParticipants.find((pId: string) => pId === participantId);
+    const participantCurrentlyOnLargeVideo = state['features/large-video']?.participantId === id;
+    const screenshareParticipantIds = getScreenshareParticipantIds(state);
+
+    const shouldDisplayTintBackground
+        = _currentLayout !== LAYOUTS.TILE_VIEW && filmstripType === FILMSTRIP_TYPE.MAIN
+        && (isActiveParticipant || participantCurrentlyOnLargeVideo)
+
+        // skip showing tint for owner participants that are screensharing.
+        && !screenshareParticipantIds.includes(id);
+    const disableTintForeground = state['features/base/config'].disableCameraTintForeground ?? false;
+
+    return {
+        _audioTrack,
+        _currentLayout,
+        _defaultLocalDisplayName: defaultLocalDisplayName,
+        _disableTileEnlargement: Boolean(disableTileEnlargement),
+        _isActiveParticipant: isActiveParticipant,
+        _isHidden: isLocal && iAmRecorder && !iAmSipGateway,
+        _isAudioOnly: Boolean(state['features/base/audio-only'].enabled),
+        _isCurrentlyOnLargeVideo: participantCurrentlyOnLargeVideo,
+        _isDominantSpeakerDisabled: interfaceConfig.DISABLE_DOMINANT_SPEAKER_INDICATOR,
+        _isMobile,
+        _isMobilePortrait,
+        _isScreenSharing: _videoTrack?.videoType === 'desktop',
+        _isVideoPlayable: id && isVideoPlayable(state, id),
+        _isVirtualScreenshareParticipant,
+        _localFlipX: Boolean(localFlipX),
+        _participant: participant,
+        _raisedHand: hasRaisedHand(participant),
+        _stageFilmstripLayout: isStageFilmstripAvailable(state),
+        _stageParticipantsVisible: _currentLayout === LAYOUTS.STAGE_FILMSTRIP_VIEW,
+        _shouldDisplayTintBackground: !disableTintForeground && shouldDisplayTintBackground,
+        _thumbnailType: tileType,
+        _videoObjectPosition: getVideoObjectPosition(state, participant?.id),
+        _videoTrack,
+        ...size,
+        _gifSrc: mode === 'chat' ? null : gifSrc
+    };
+}
+
+export default connect(_mapStateToProps)(withStyles(translate(Thumbnail), defaultStyles));
diff --git a/react/features/filmstrip/components/web/ThumbnailAudioIndicator.tsx b/react/features/filmstrip/components/web/ThumbnailAudioIndicator.tsx
new file mode 100644
index 0000000..29f214f
--- /dev/null
+++ b/react/features/filmstrip/components/web/ThumbnailAudioIndicator.tsx
@@ -0,0 +1,46 @@
+import React, { useEffect, useState } from 'react';
+
+import AudioLevelIndicator from '../../../audio-level-indicator/components/AudioLevelIndicator';
+import JitsiMeetJS from '../../../base/lib-jitsi-meet/_';
+import { ITrack } from '../../../base/tracks/types';
+
+const JitsiTrackEvents = JitsiMeetJS.events.track;
+
+interface IProps {
+
+    /**
+     * The audio track related to the participant.
+     */
+    _audioTrack?: ITrack;
+}
+
+const ThumbnailAudioIndicator = ({
+    _audioTrack
+}: IProps) => {
+    const [ audioLevel, setAudioLevel ] = useState(0);
+
+    useEffect(() => {
+        setAudioLevel(0);
+        if (_audioTrack) {
+            const { jitsiTrack } = _audioTrack;
+
+            jitsiTrack?.on(JitsiTrackEvents.TRACK_AUDIO_LEVEL_CHANGED, setAudioLevel);
+        }
+
+        return () => {
+            if (_audioTrack) {
+                const { jitsiTrack } = _audioTrack;
+
+                jitsiTrack?.off(JitsiTrackEvents.TRACK_AUDIO_LEVEL_CHANGED, setAudioLevel);
+            }
+        };
+    }, [ _audioTrack ]);
+
+    return (
+        <span className = 'audioindicator-container'>
+            <AudioLevelIndicator audioLevel = { audioLevel } />
+        </span>
+    );
+};
+
+export default ThumbnailAudioIndicator;
diff --git a/react/features/filmstrip/components/web/ThumbnailBottomIndicators.tsx b/react/features/filmstrip/components/web/ThumbnailBottomIndicators.tsx
new file mode 100644
index 0000000..48c1e26
--- /dev/null
+++ b/react/features/filmstrip/components/web/ThumbnailBottomIndicators.tsx
@@ -0,0 +1,96 @@
+import React from 'react';
+import { useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState } from '../../../app/types';
+import {
+    isDisplayNameVisible,
+    isNameReadOnly
+} from '../../../base/config/functions.any';
+import { isScreenShareParticipantById } from '../../../base/participants/functions';
+import DisplayName from '../../../display-name/components/web/DisplayName';
+
+import StatusIndicators from './StatusIndicators';
+
+interface IProps {
+
+    /**
+     * Class name for indicators container.
+     */
+    className?: string;
+
+    /**
+     * Whether or not the indicators are for the local participant.
+     */
+    local: boolean;
+
+    /**
+     * Id of the participant for which the component is displayed.
+     */
+    participantId: string;
+
+    /**
+     * Whether or not to show the status indicators.
+     */
+    showStatusIndicators?: boolean;
+
+    /**
+     * The type of thumbnail.
+     */
+    thumbnailType?: string;
+}
+
+const useStyles = makeStyles()(() => {
+    return {
+        nameContainer: {
+            display: 'flex',
+            overflow: 'hidden',
+
+            '&>div': {
+                display: 'flex',
+                overflow: 'hidden'
+            }
+        }
+    };
+});
+
+const ThumbnailBottomIndicators = ({
+    className,
+    local,
+    participantId,
+    showStatusIndicators = true,
+    thumbnailType
+}: IProps) => {
+    const { classes: styles, cx } = useStyles();
+    const _allowEditing = !useSelector(isNameReadOnly);
+    const _defaultLocalDisplayName = interfaceConfig.DEFAULT_LOCAL_DISPLAY_NAME;
+    const _showDisplayName = useSelector(isDisplayNameVisible);
+    const isVirtualScreenshareParticipant = useSelector(
+        (state: IReduxState) => isScreenShareParticipantById(state, participantId)
+    );
+
+    return (<div className = { cx(className, 'bottom-indicators') }>
+        {
+            showStatusIndicators && <StatusIndicators
+                audio = { !isVirtualScreenshareParticipant }
+                moderator = { true }
+                participantID = { participantId }
+                screenshare = { isVirtualScreenshareParticipant }
+                thumbnailType = { thumbnailType } />
+        }
+        {
+            _showDisplayName && (
+                <span className = { styles.nameContainer }>
+                    <DisplayName
+                        allowEditing = { local ? _allowEditing : false }
+                        displayNameSuffix = { local ? _defaultLocalDisplayName : '' }
+                        elementID = { local ? 'localDisplayName' : `participant_${participantId}_name` }
+                        participantID = { participantId }
+                        thumbnailType = { thumbnailType } />
+                </span>
+            )
+        }
+    </div>);
+};
+
+export default ThumbnailBottomIndicators;
diff --git a/react/features/filmstrip/components/web/ThumbnailTopIndicators.tsx b/react/features/filmstrip/components/web/ThumbnailTopIndicators.tsx
new file mode 100644
index 0000000..aaccf9a
--- /dev/null
+++ b/react/features/filmstrip/components/web/ThumbnailTopIndicators.tsx
@@ -0,0 +1,158 @@
+import React from 'react';
+import { useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState } from '../../../app/types';
+import { isMobileBrowser } from '../../../base/environment/utils';
+import { isScreenShareParticipantById } from '../../../base/participants/functions';
+import ConnectionIndicator from '../../../connection-indicator/components/web/ConnectionIndicator';
+import { STATS_POPOVER_POSITION, THUMBNAIL_TYPE } from '../../constants';
+import { getIndicatorsTooltipPosition } from '../../functions.web';
+
+import PinnedIndicator from './PinnedIndicator';
+import RaisedHandIndicator from './RaisedHandIndicator';
+import StatusIndicators from './StatusIndicators';
+import VideoMenuTriggerButton from './VideoMenuTriggerButton';
+
+interface IProps {
+
+    /**
+     * Whether to hide the connection indicator.
+     */
+    disableConnectionIndicator?: boolean;
+
+    /**
+     * Hide popover callback.
+     */
+    hidePopover?: Function;
+
+    /**
+     * Class name for the status indicators container.
+     */
+    indicatorsClassName?: string;
+
+    /**
+     * Whether or not the thumbnail is hovered.
+     */
+    isHovered: boolean;
+
+    /**
+     * Whether or not the indicators are for the local participant.
+     */
+    local?: boolean;
+
+    /**
+     * Id of the participant for which the component is displayed.
+     */
+    participantId: string;
+
+    /**
+     * Whether popover is visible or not.
+     */
+    popoverVisible?: boolean;
+
+    /**
+     * Show popover callback.
+     */
+    showPopover?: Function;
+
+    /**
+     * The type of thumbnail.
+     */
+    thumbnailType: string;
+}
+
+const useStyles = makeStyles()(() => {
+    return {
+        container: {
+            display: 'flex',
+
+            '& > *:not(:last-child)': {
+                marginRight: '4px'
+            }
+        }
+    };
+});
+
+const ThumbnailTopIndicators = ({
+    disableConnectionIndicator,
+    hidePopover,
+    indicatorsClassName,
+    isHovered,
+    local,
+    participantId,
+    popoverVisible,
+    showPopover,
+    thumbnailType
+}: IProps) => {
+    const { classes: styles, cx } = useStyles();
+
+    const _isMobile = isMobileBrowser();
+    const { NORMAL = 16 } = interfaceConfig.INDICATOR_FONT_SIZES || {};
+    const _indicatorIconSize = NORMAL;
+    const _connectionIndicatorAutoHideEnabled = Boolean(
+        useSelector((state: IReduxState) => state['features/base/config'].connectionIndicators?.autoHide) ?? true);
+    const _connectionIndicatorDisabled = _isMobile || disableConnectionIndicator
+        || Boolean(useSelector((state: IReduxState) => state['features/base/config'].connectionIndicators?.disabled));
+    const showConnectionIndicator = isHovered || !_connectionIndicatorAutoHideEnabled;
+    const isVirtualScreenshareParticipant = useSelector(
+        (state: IReduxState) => isScreenShareParticipantById(state, participantId)
+    );
+
+    if (isVirtualScreenshareParticipant) {
+        return (
+            <div className = { styles.container }>
+                {!_connectionIndicatorDisabled
+                    && <ConnectionIndicator
+                        alwaysVisible = { showConnectionIndicator }
+                        enableStatsDisplay = { true }
+                        iconSize = { _indicatorIconSize }
+                        participantId = { participantId }
+                        statsPopoverPosition = { STATS_POPOVER_POSITION[thumbnailType] } />
+                }
+            </div>
+        );
+    }
+
+    const tooltipPosition = getIndicatorsTooltipPosition(thumbnailType);
+
+    return (<>
+        <div className = { styles.container }>
+            <PinnedIndicator
+                iconSize = { _indicatorIconSize }
+                participantId = { participantId }
+                tooltipPosition = { tooltipPosition } />
+            {!_connectionIndicatorDisabled
+                && <ConnectionIndicator
+                    alwaysVisible = { showConnectionIndicator }
+                    enableStatsDisplay = { true }
+                    iconSize = { _indicatorIconSize }
+                    participantId = { participantId }
+                    statsPopoverPosition = { STATS_POPOVER_POSITION[thumbnailType] } />
+            }
+            <RaisedHandIndicator
+                iconSize = { _indicatorIconSize }
+                participantId = { participantId }
+                tooltipPosition = { tooltipPosition } />
+            {thumbnailType !== THUMBNAIL_TYPE.TILE && (
+                <div className = { cx(indicatorsClassName, 'top-indicators') }>
+                    <StatusIndicators
+                        participantID = { participantId }
+                        screenshare = { false } />
+                </div>
+            )}
+        </div>
+        <div className = { styles.container }>
+            <VideoMenuTriggerButton
+                hidePopover = { hidePopover }
+                local = { local }
+                participantId = { participantId }
+                popoverVisible = { popoverVisible }
+                showPopover = { showPopover }
+                thumbnailType = { thumbnailType }
+                visible = { isHovered } />
+        </div>
+    </>);
+};
+
+export default ThumbnailTopIndicators;
diff --git a/react/features/filmstrip/components/web/ThumbnailWrapper.tsx b/react/features/filmstrip/components/web/ThumbnailWrapper.tsx
new file mode 100644
index 0000000..136477f
--- /dev/null
+++ b/react/features/filmstrip/components/web/ThumbnailWrapper.tsx
@@ -0,0 +1,292 @@
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { getLocalParticipant } from '../../../base/participants/functions';
+import { getHideSelfView } from '../../../base/settings/functions.any';
+import { LAYOUTS } from '../../../video-layout/constants';
+import { getCurrentLayout } from '../../../video-layout/functions.web';
+import { FILMSTRIP_TYPE, TILE_ASPECT_RATIO, TILE_HORIZONTAL_MARGIN } from '../../constants';
+import { getActiveParticipantsIds, showGridInVerticalView } from '../../functions.web';
+
+import Thumbnail from './Thumbnail';
+
+/**
+ * The type of the React {@code Component} props of {@link ThumbnailWrapper}.
+ */
+interface IProps {
+
+    /**
+     * Whether or not to hide the self view.
+     */
+    _disableSelfView?: boolean;
+
+    /**
+     * The type of filmstrip this thumbnail is displayed in.
+     */
+    _filmstripType?: string;
+
+    /**
+     * The horizontal offset in px for the thumbnail. Used to center the thumbnails in the last row in tile view.
+     */
+    _horizontalOffset?: number;
+
+    /**
+     * Whether or not the thumbnail is a local screen share.
+     */
+    _isLocalScreenShare?: boolean;
+
+    /**
+     * The ID of the participant associated with the Thumbnail.
+     */
+    _participantID?: string;
+
+    /**
+     * The width of the thumbnail. Used for expanding the width of the thumbnails on last row in case
+     * there is empty space.
+     */
+    _thumbnailWidth?: number;
+
+    /**
+     * The index of the column in tile view.
+     */
+    columnIndex?: number;
+
+    /**
+     * The index of the ThumbnailWrapper in stage view.
+     */
+    index?: number;
+
+    /**
+     * The index of the row in tile view.
+     */
+    rowIndex?: number;
+
+    /**
+     * The styles coming from react-window.
+     */
+    style: Object;
+}
+
+/**
+ * A wrapper Component for the Thumbnail that translates the react-window specific props
+ * to the Thumbnail Component's props.
+ */
+class ThumbnailWrapper extends Component<IProps> {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const {
+            _disableSelfView,
+            _filmstripType = FILMSTRIP_TYPE.MAIN,
+            _isLocalScreenShare = false,
+            _horizontalOffset = 0,
+            _participantID,
+            _thumbnailWidth,
+            style
+        } = this.props;
+
+        if (typeof _participantID !== 'string') {
+            return null;
+        }
+
+        if (_participantID === 'local') {
+            return _disableSelfView ? null : (
+                <Thumbnail
+                    filmstripType = { _filmstripType }
+                    horizontalOffset = { _horizontalOffset }
+                    key = 'local'
+                    style = { style }
+                    width = { _thumbnailWidth } />);
+        }
+
+        if (_isLocalScreenShare) {
+            return _disableSelfView ? null : (
+                <Thumbnail
+                    filmstripType = { _filmstripType }
+                    horizontalOffset = { _horizontalOffset }
+                    key = 'localScreenShare'
+                    participantID = { _participantID }
+                    style = { style }
+                    width = { _thumbnailWidth } />);
+        }
+
+        return (
+            <Thumbnail
+                filmstripType = { _filmstripType }
+                horizontalOffset = { _horizontalOffset }
+                key = { `remote_${_participantID}` }
+                participantID = { _participantID }
+                style = { style }
+                width = { _thumbnailWidth } />
+        );
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated {@code ThumbnailWrapper}'s props.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {Object} ownProps - The props passed to the component.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState, ownProps: { columnIndex: number;
+    data: { filmstripType: string; }; index?: number; rowIndex: number; }) {
+    const _currentLayout = getCurrentLayout(state);
+    const { remoteParticipants: remote } = state['features/filmstrip'];
+    const activeParticipants = getActiveParticipantsIds(state);
+    const disableSelfView = getHideSelfView(state);
+    const _verticalViewGrid = showGridInVerticalView(state);
+    const filmstripType = ownProps.data?.filmstripType;
+    const stageFilmstrip = filmstripType === FILMSTRIP_TYPE.STAGE;
+    const sortedActiveParticipants = activeParticipants.sort();
+    const remoteParticipants = stageFilmstrip ? sortedActiveParticipants : remote;
+    const remoteParticipantsLength = remoteParticipants.length;
+    const localId = getLocalParticipant(state)?.id;
+
+    if (_currentLayout === LAYOUTS.TILE_VIEW || _verticalViewGrid || stageFilmstrip) {
+        const { columnIndex, rowIndex } = ownProps;
+        const { tileViewDimensions, stageFilmstripDimensions, verticalViewDimensions } = state['features/filmstrip'];
+        const { gridView } = verticalViewDimensions;
+        let gridDimensions = tileViewDimensions?.gridDimensions,
+            thumbnailSize = tileViewDimensions?.thumbnailSize;
+
+        if (stageFilmstrip) {
+            gridDimensions = stageFilmstripDimensions.gridDimensions;
+            thumbnailSize = stageFilmstripDimensions.thumbnailSize;
+        } else if (_verticalViewGrid) {
+            gridDimensions = gridView?.gridDimensions;
+            thumbnailSize = gridView?.thumbnailSize;
+        }
+        const { columns = 1, rows = 1 } = gridDimensions ?? {};
+        const index = (rowIndex * columns) + columnIndex;
+        let horizontalOffset, thumbnailWidth;
+        const { iAmRecorder, disableTileEnlargement } = state['features/base/config'];
+        const { localScreenShare } = state['features/base/participants'];
+        const localParticipantsLength = localScreenShare ? 2 : 1;
+
+        let participantsLength;
+
+        if (stageFilmstrip) {
+            // We use the length of activeParticipants in stage filmstrip which includes local participants.
+            participantsLength = remoteParticipantsLength;
+        } else {
+            // We need to include the local screenshare participant in tile view.
+            participantsLength = remoteParticipantsLength
+
+            // Add local camera and screen share to total participant count when self view is not disabled.
+            + (disableSelfView ? 0 : localParticipantsLength)
+
+            // Removes iAmRecorder from the total participants count.
+            - (iAmRecorder ? 1 : 0);
+        }
+
+        if (rowIndex === rows - 1) { // center the last row
+            const partialLastRowParticipantsNumber = participantsLength % columns;
+
+            if (partialLastRowParticipantsNumber > 0) {
+                const { width = 1, height = 1 } = thumbnailSize ?? {};
+                const availableWidth = columns * (width + TILE_HORIZONTAL_MARGIN);
+                let widthDifference = 0;
+                let widthToUse = width;
+
+                if (!disableTileEnlargement) {
+                    thumbnailWidth = Math.min(
+                        (availableWidth / partialLastRowParticipantsNumber) - TILE_HORIZONTAL_MARGIN,
+                        height * TILE_ASPECT_RATIO);
+                    widthDifference = thumbnailWidth - width;
+                    widthToUse = thumbnailWidth;
+                }
+
+                horizontalOffset
+                    = Math.floor((availableWidth
+                        - (partialLastRowParticipantsNumber * (widthToUse + TILE_HORIZONTAL_MARGIN))) / 2
+                    )
+                    + (columnIndex * widthDifference);
+            }
+        }
+
+        if (index > participantsLength - 1) {
+            return {};
+        }
+
+        if (stageFilmstrip) {
+            return {
+                _disableSelfView: disableSelfView,
+                _filmstripType: filmstripType,
+                _participantID: remoteParticipants[index] === localId ? 'local' : remoteParticipants[index],
+                _horizontalOffset: horizontalOffset,
+                _thumbnailWidth: thumbnailWidth
+            };
+        }
+
+        // When the thumbnails are reordered, local participant is inserted at index 0.
+        const localIndex = disableSelfView ? remoteParticipantsLength : 0;
+
+        // Local screen share is inserted at index 1 after the local camera.
+        const localScreenShareIndex = disableSelfView ? remoteParticipantsLength : 1;
+        const remoteIndex = !iAmRecorder && !disableSelfView
+            ? index - localParticipantsLength
+            : index;
+
+        if (!iAmRecorder && index === localIndex) {
+            return {
+                _disableSelfView: disableSelfView,
+                _filmstripType: filmstripType,
+                _participantID: 'local',
+                _horizontalOffset: horizontalOffset,
+                _thumbnailWidth: thumbnailWidth
+            };
+        }
+
+        if (!iAmRecorder && localScreenShare && index === localScreenShareIndex) {
+            return {
+                _disableSelfView: disableSelfView,
+                _filmstripType: filmstripType,
+                _isLocalScreenShare: true,
+                _participantID: localScreenShare?.id,
+                _horizontalOffset: horizontalOffset,
+                _thumbnailWidth: thumbnailWidth
+            };
+        }
+
+        return {
+            _filmstripType: filmstripType,
+            _participantID: remoteParticipants[remoteIndex],
+            _horizontalOffset: horizontalOffset,
+            _thumbnailWidth: thumbnailWidth
+        };
+    }
+
+    if (_currentLayout === LAYOUTS.STAGE_FILMSTRIP_VIEW && filmstripType === FILMSTRIP_TYPE.SCREENSHARE) {
+        const { screenshareFilmstripParticipantId } = state['features/filmstrip'];
+        const screenshares = state['features/video-layout'].remoteScreenShares;
+        let id = screenshares.find(sId => sId === screenshareFilmstripParticipantId);
+
+        if (!id && screenshares.length) {
+            id = screenshares[screenshares.length - 1];
+        }
+
+        return {
+            _filmstripType: filmstripType,
+            _participantID: id
+        };
+    }
+
+    const { index } = ownProps;
+
+    if (typeof index !== 'number' || remoteParticipantsLength <= index) {
+        return {};
+    }
+
+    return {
+        _participantID: remoteParticipants[index]
+    };
+}
+
+export default connect(_mapStateToProps)(ThumbnailWrapper);
diff --git a/react/features/filmstrip/components/web/VideoMenuTriggerButton.tsx b/react/features/filmstrip/components/web/VideoMenuTriggerButton.tsx
new file mode 100644
index 0000000..66f8cf5
--- /dev/null
+++ b/react/features/filmstrip/components/web/VideoMenuTriggerButton.tsx
@@ -0,0 +1,76 @@
+import React from 'react';
+
+import LocalVideoMenuTriggerButton from '../../../video-menu/components/web/LocalVideoMenuTriggerButton';
+import RemoteVideoMenuTriggerButton from '../../../video-menu/components/web/RemoteVideoMenuTriggerButton';
+
+interface IProps {
+
+    /**
+     * Hide popover callback.
+     */
+    hidePopover?: Function;
+
+    /**
+     * Whether or not the button is for the local participant.
+     */
+    local?: boolean;
+
+    /**
+     * The id of the participant for which the button is.
+     */
+    participantId?: string;
+
+    /**
+     * Whether popover is visible or not.
+     */
+    popoverVisible?: boolean;
+
+    /**
+     * Show popover callback.
+     */
+    showPopover?: Function;
+
+    /**
+     * The type of thumbnail.
+     */
+    thumbnailType: string;
+
+    /**
+     * Whether or not the component is visible.
+     */
+    visible: boolean;
+}
+
+// eslint-disable-next-line no-confusing-arrow
+const VideoMenuTriggerButton = ({
+    hidePopover,
+    local,
+    participantId = '',
+    popoverVisible,
+    showPopover,
+    thumbnailType,
+    visible
+}: IProps) => local
+    ? (
+        <span id = 'localvideomenu'>
+            <LocalVideoMenuTriggerButton
+                buttonVisible = { visible }
+                hidePopover = { hidePopover }
+                popoverVisible = { popoverVisible }
+                showPopover = { showPopover }
+                thumbnailType = { thumbnailType } />
+        </span>
+    )
+    : (
+        <span id = 'remotevideomenu'>
+            <RemoteVideoMenuTriggerButton
+                buttonVisible = { visible }
+                hidePopover = { hidePopover }
+                participantID = { participantId }
+                popoverVisible = { popoverVisible }
+                showPopover = { showPopover }
+                thumbnailType = { thumbnailType } />
+        </span>
+    );
+
+export default VideoMenuTriggerButton;
diff --git a/react/features/filmstrip/components/web/VirtualScreenshareParticipant.tsx b/react/features/filmstrip/components/web/VirtualScreenshareParticipant.tsx
new file mode 100644
index 0000000..8ef5f39
--- /dev/null
+++ b/react/features/filmstrip/components/web/VirtualScreenshareParticipant.tsx
@@ -0,0 +1,183 @@
+import React, { TouchEventHandler } from 'react';
+import { useSelector } from 'react-redux';
+import { useStyles } from 'tss-react/mui';
+
+import VideoTrack from '../../../base/media/components/web/VideoTrack';
+import { ITrack } from '../../../base/tracks/types';
+import { LAYOUTS } from '../../../video-layout/constants';
+import { getCurrentLayout } from '../../../video-layout/functions.web';
+
+import ThumbnailBottomIndicators from './ThumbnailBottomIndicators';
+import ThumbnailTopIndicators from './ThumbnailTopIndicators';
+
+interface IProps {
+
+    /**
+     * An object containing the CSS classes.
+     */
+    classes?: Partial<Record<
+        'containerBackground' |
+        'indicatorsContainer' |
+        'indicatorsTopContainer' |
+        'tintBackground' |
+        'indicatorsBottomContainer' |
+        'indicatorsBackground',
+        string
+    >>;
+
+    /**
+     * The class name that will be used for the container.
+     */
+    containerClassName: string;
+
+    /**
+     * Indicates whether the thumbnail is hovered or not.
+     */
+    isHovered: boolean;
+
+    /**
+     * Indicates whether the thumbnail is for local screenshare or not.
+     */
+    isLocal: boolean;
+
+    /**
+     * Indicates whether we are currently running in a mobile browser.
+     */
+    isMobile: boolean;
+
+    /**
+     * Click handler.
+     */
+    onClick: (e?: React.MouseEvent) => void;
+
+    /**
+     * Mouse enter handler.
+     */
+    onMouseEnter: (e?: React.MouseEvent) => void;
+
+    /**
+     * Mouse leave handler.
+     */
+    onMouseLeave: (e?: React.MouseEvent) => void;
+
+    /**
+     * Mouse move handler.
+     */
+    onMouseMove: (e?: React.MouseEvent) => void;
+
+    /**
+     * Touch end handler.
+     */
+    onTouchEnd: TouchEventHandler;
+
+    /**
+     * Touch move handler.
+     */
+    onTouchMove: TouchEventHandler;
+
+    /**
+     * Touch start handler.
+     */
+    onTouchStart: TouchEventHandler;
+
+    /**
+     * The ID of the virtual screen share participant.
+     */
+    participantId: string;
+
+    /**
+     * Whether or not to display a tint background over tile.
+     */
+    shouldDisplayTintBackground: boolean;
+
+    /**
+     * An object with the styles for thumbnail.
+     */
+    styles: any;
+
+    /**
+     * The type of thumbnail.
+     */
+    thumbnailType: string;
+
+    /**
+     * JitsiTrack instance.
+     */
+    videoTrack: ITrack;
+}
+
+const VirtualScreenshareParticipant = ({
+    classes,
+    containerClassName,
+    isHovered,
+    isLocal,
+    isMobile,
+    onClick,
+    onMouseEnter,
+    onMouseLeave,
+    onMouseMove,
+    onTouchEnd,
+    onTouchMove,
+    onTouchStart,
+    participantId,
+    shouldDisplayTintBackground,
+    styles,
+    videoTrack,
+    thumbnailType
+}: IProps) => {
+    const currentLayout = useSelector(getCurrentLayout);
+    const videoTrackId = videoTrack?.jitsiTrack?.getId();
+    const video = videoTrack && <VideoTrack
+        id = { isLocal ? 'localScreenshare_container' : `remoteVideo_${videoTrackId || ''}` }
+        muted = { true }
+        style = { styles.video }
+        videoTrack = { videoTrack } />;
+
+    const { cx } = useStyles();
+
+    return (
+        <span
+            className = { containerClassName }
+            id = { `participant_${participantId}` }
+            { ...(isMobile
+                ? {
+                    onTouchEnd,
+                    onTouchMove,
+                    onTouchStart
+                }
+                : {
+                    onClick,
+                    onMouseEnter,
+                    onMouseMove,
+                    onMouseLeave
+                }
+            ) }
+            style = { styles.thumbnail }>
+            {video}
+            <div className = { classes?.containerBackground } />
+            <div
+                className = { cx(classes?.indicatorsContainer,
+                        classes?.indicatorsTopContainer,
+                        currentLayout === LAYOUTS.TILE_VIEW && 'tile-view-mode'
+                ) }>
+                <ThumbnailTopIndicators
+                    isHovered = { isHovered }
+                    participantId = { participantId }
+                    thumbnailType = { thumbnailType } />
+            </div>
+            {shouldDisplayTintBackground && <div className = { classes?.tintBackground } />}
+            <div
+                className = { cx(classes?.indicatorsContainer,
+                        classes?.indicatorsBottomContainer,
+                        currentLayout === LAYOUTS.TILE_VIEW && 'tile-view-mode'
+                ) }>
+                <ThumbnailBottomIndicators
+                    className = { classes?.indicatorsBackground }
+                    local = { false }
+                    participantId = { participantId }
+                    showStatusIndicators = { true } />
+            </div>
+        </span>);
+};
+
+export default VirtualScreenshareParticipant;
diff --git a/react/features/filmstrip/constants.ts b/react/features/filmstrip/constants.ts
new file mode 100644
index 0000000..77484b9
--- /dev/null
+++ b/react/features/filmstrip/constants.ts
@@ -0,0 +1,300 @@
+import { BoxModel } from '../base/styles/components/styles/BoxModel';
+
+/**
+ * The size (height and width) of the small (not tile view) thumbnails.
+ */
+export const SMALL_THUMBNAIL_SIZE = 80;
+
+/**
+ * The height of the filmstrip in narrow aspect ratio, or width in wide.
+ */
+export const FILMSTRIP_SIZE = SMALL_THUMBNAIL_SIZE + BoxModel.margin;
+
+/**
+ * The aspect ratio of a tile in tile view.
+ */
+export const TILE_ASPECT_RATIO = 16 / 9;
+
+/**
+ * The aspect ratio of a square tile in tile view.
+ */
+export const SQUARE_TILE_ASPECT_RATIO = 1;
+
+/**
+ * Width below which the overflow menu(s) will be displayed as drawer(s).
+ */
+export const DISPLAY_DRAWER_THRESHOLD = 512;
+
+/**
+ * Breakpoint past which the aspect ratio is switched in tile view.
+ * Also, past this breakpoint, if there are two participants in the conference, we enforce
+ * single column view.
+ * If this is to be modified, please also change the related media query from the tile_view scss file.
+ */
+export const ASPECT_RATIO_BREAKPOINT = 500;
+
+/**
+ * Minimum height of tile for small screens.
+ */
+export const TILE_MIN_HEIGHT_SMALL = 150;
+
+/**
+ * Minimum height of tile for large screens.
+ */
+export const TILE_MIN_HEIGHT_LARGE = 200;
+
+/**
+ * Aspect ratio for portrait tiles.
+ */
+export const TILE_PORTRAIT_ASPECT_RATIO = 1 / 1.3;
+
+/**
+ * The default number of visible tiles for tile view.
+ */
+export const TILE_VIEW_DEFAULT_NUMBER_OF_VISIBLE_TILES = 25;
+
+/**
+ * The default number of columns for tile view.
+ */
+export const DEFAULT_MAX_COLUMNS = 5;
+
+/**
+ * An extended number of columns for tile view.
+ */
+export const ABSOLUTE_MAX_COLUMNS = 7;
+
+/**
+ * Display mode constant used when video is being displayed on the small video.
+ *
+ * @type {number}
+ * @constant
+ */
+export const DISPLAY_VIDEO = 0;
+
+/**
+ * Display mode constant used when the user's avatar is being displayed on
+ * the small video.
+ *
+ * @type {number}
+ * @constant
+ */
+export const DISPLAY_AVATAR = 1;
+
+/**
+ * Maps the display modes to class name that will be applied on the thumbnail container.
+ *
+ * @type {Array<string>}
+ * @constant
+ */
+export const DISPLAY_MODE_TO_CLASS_NAME = [
+    'display-video',
+    'display-avatar-only'
+];
+
+/**
+ * The vertical margin of a tile.
+ *
+ * @type {number}
+ */
+export const TILE_VERTICAL_MARGIN = 4;
+
+/**
+ * The horizontal margin of a tile.
+ *
+ * @type {number}
+ */
+export const TILE_HORIZONTAL_MARGIN = 4;
+
+/**
+ * The horizontal margin of a vertical filmstrip tile container.
+ *
+ * @type {number}
+ */
+export const TILE_VERTICAL_CONTAINER_HORIZONTAL_MARGIN = 2;
+
+
+/**
+ * The vertical margin of the tile grid container.
+ *
+ * @type {number}
+ */
+export const TILE_VIEW_GRID_VERTICAL_MARGIN = 14;
+
+/**
+ * The horizontal margin of the tile grid container.
+ *
+ * @type {number}
+ */
+export const TILE_VIEW_GRID_HORIZONTAL_MARGIN = 14;
+
+/**
+ * The height of the whole toolbar.
+ */
+export const TOOLBAR_HEIGHT = 72;
+
+/**
+ * The height of the whole toolbar.
+ */
+export const TOOLBAR_HEIGHT_MOBILE = 60;
+
+/**
+ * The size of the horizontal border of a thumbnail.
+ *
+ * @type {number}
+ */
+export const STAGE_VIEW_THUMBNAIL_HORIZONTAL_BORDER = 4;
+
+/**
+ * The size of the vertical border of a thumbnail.
+ *
+ * @type {number}
+ */
+export const STAGE_VIEW_THUMBNAIL_VERTICAL_BORDER = 4;
+
+/**
+ * The size of the scroll.
+ *
+ * @type {number}
+ */
+export const SCROLL_SIZE = 7;
+
+/**
+ * The total vertical space between the thumbnails container and the edges of the window.
+ *
+ * NOTE: This will include margins, paddings and the space for the 'hide filmstrip' icon.
+ *
+ * @type {number}
+ */
+export const VERTICAL_FILMSTRIP_VERTICAL_MARGIN = 26;
+
+/**
+ * The min horizontal space between the thumbnails container and the edges of the window.
+ *
+ * @type {number}
+ */
+export const VERTICAL_FILMSTRIP_MIN_HORIZONTAL_MARGIN = 10;
+
+/**
+ * The total horizontal space between the thumbnails container and the edges of the window.
+ *
+ * NOTE: This will include margins, paddings and the space for the 'hide filmstrip' icon.
+ *
+ * @type {number}
+ */
+export const HORIZONTAL_FILMSTRIP_MARGIN = 39;
+
+/**
+ * Sets after how many ms to show the thumbnail context menu on long touch on mobile.
+ *
+ * @type {number}
+ */
+export const SHOW_TOOLBAR_CONTEXT_MENU_AFTER = 600;
+
+/**
+ * The margin for each side of the tile view. Taken away from the available
+ * width for the tile container to display in.
+ *
+ * NOTE: Mobile specific.
+ *
+ * @private
+ * @type {number}
+ */
+export const TILE_MARGIN = 10;
+
+/**
+ * The types of thumbnails for filmstrip.
+ */
+export const THUMBNAIL_TYPE = {
+    TILE: 'TILE',
+    VERTICAL: 'VERTICAL',
+    HORIZONTAL: 'HORIZONTAL'
+};
+
+/**
+ * The popover position for the connection stats table.
+ */
+export const STATS_POPOVER_POSITION = {
+    [THUMBNAIL_TYPE.TILE]: 'right-start',
+    [THUMBNAIL_TYPE.VERTICAL]: 'left-start',
+    [THUMBNAIL_TYPE.HORIZONTAL]: 'top-end'
+};
+
+/**
+ * The tooltip position for the indicators on the thumbnail.
+ */
+export const INDICATORS_TOOLTIP_POSITION: {
+    [x: string]: 'right' | 'left' | 'top';
+} = {
+    [THUMBNAIL_TYPE.TILE]: 'right',
+    [THUMBNAIL_TYPE.VERTICAL]: 'left',
+    [THUMBNAIL_TYPE.HORIZONTAL]: 'top'
+};
+
+/**
+ * The default (and minimum) width for the vertical filmstrip (user resizable).
+ */
+export const DEFAULT_FILMSTRIP_WIDTH = 120;
+
+/**
+ * The default aspect ratio for the local tile.
+ */
+export const DEFAULT_LOCAL_TILE_ASPECT_RATIO = 16 / 9;
+
+/**
+ * The width of the filmstrip at which it no longer goes above the stage view, but it pushes it.
+ */
+export const FILMSTRIP_BREAKPOINT = 180;
+
+/**
+ * The width of the filmstrip at which the display mode changes from column to grid.
+ */
+export const FILMSTRIP_GRID_BREAKPOINT = 300;
+
+/**
+ * How much before the breakpoint should we display the background.
+ * (We display the opaque background before we resize the stage view to make sure
+ * the resize is not visible behind the filmstrip).
+ */
+export const FILMSTRIP_BREAKPOINT_OFFSET = 5;
+
+/**
+ * The minimum height for the stage view
+ * (used to determine the maximum height of the user-resizable top panel).
+ */
+export const MIN_STAGE_VIEW_HEIGHT = 700;
+
+/**
+ * The minimum width for the stage view
+ * (used to determine the maximum width of the user-resizable vertical filmstrip).
+ */
+export const MIN_STAGE_VIEW_WIDTH = 800;
+
+/**
+ * Horizontal margin used for the vertical filmstrip.
+ */
+export const VERTICAL_VIEW_HORIZONTAL_MARGIN = VERTICAL_FILMSTRIP_MIN_HORIZONTAL_MARGIN
+    + SCROLL_SIZE + TILE_HORIZONTAL_MARGIN + STAGE_VIEW_THUMBNAIL_HORIZONTAL_BORDER;
+
+/**
+ * The time after which a participant should be removed from active participants.
+ */
+export const ACTIVE_PARTICIPANT_TIMEOUT = 1000 * 60;
+
+/**
+ * The types of filmstrip.
+ */
+export const FILMSTRIP_TYPE = {
+    MAIN: 'main',
+    STAGE: 'stage',
+    SCREENSHARE: 'screenshare'
+};
+
+/**
+ * The max number of participants to be displayed on the stage filmstrip.
+ */
+export const MAX_ACTIVE_PARTICIPANTS = 6;
+
+/**
+ * Top filmstrip default height.
+ */
+export const TOP_FILMSTRIP_HEIGHT = 180;
diff --git a/react/features/filmstrip/functions.any.ts b/react/features/filmstrip/functions.any.ts
new file mode 100644
index 0000000..9bd4a6e
--- /dev/null
+++ b/react/features/filmstrip/functions.any.ts
@@ -0,0 +1,110 @@
+import { IReduxState, IStore } from '../app/types';
+import {
+    getActiveSpeakersToBeDisplayed,
+    getVirtualScreenshareParticipantOwnerId
+} from '../base/participants/functions';
+
+import { setRemoteParticipants } from './actions';
+import { isFilmstripScrollVisible } from './functions';
+
+/**
+ * Computes the reorderd list of the remote participants.
+ *
+ * @param {*} store - The redux store.
+ * @param {boolean} force - Does not short circuit, the execution, make execute all checks.
+ * @param {string} participantId - The endpoint id of the participant that joined the call.
+ * @returns {void}
+ * @private
+ */
+export function updateRemoteParticipants(store: IStore, force?: boolean, participantId?: string) {
+    const state = store.getState();
+    let reorderedParticipants = [];
+    const { sortedRemoteVirtualScreenshareParticipants } = state['features/base/participants'];
+
+    if (!isFilmstripScrollVisible(state) && !sortedRemoteVirtualScreenshareParticipants.size && !force) {
+        if (participantId) {
+            const { remoteParticipants } = state['features/filmstrip'];
+
+            reorderedParticipants = [ ...remoteParticipants, participantId ];
+            store.dispatch(setRemoteParticipants(Array.from(new Set(reorderedParticipants))));
+        }
+
+        return;
+    }
+
+    const {
+        fakeParticipants,
+        sortedRemoteParticipants
+    } = state['features/base/participants'];
+    const remoteParticipants = new Map(sortedRemoteParticipants);
+    const screenShareParticipants = sortedRemoteVirtualScreenshareParticipants
+        ? [ ...sortedRemoteVirtualScreenshareParticipants.keys() ] : [];
+    const sharedVideos = fakeParticipants ? Array.from(fakeParticipants.keys()) : [];
+    const speakers = getActiveSpeakersToBeDisplayed(state);
+
+    for (const screenshare of screenShareParticipants) {
+        const ownerId = getVirtualScreenshareParticipantOwnerId(screenshare);
+
+        remoteParticipants.delete(ownerId);
+        remoteParticipants.delete(screenshare);
+        speakers.delete(ownerId);
+    }
+
+    for (const sharedVideo of sharedVideos) {
+        remoteParticipants.delete(sharedVideo);
+    }
+    for (const speaker of speakers.keys()) {
+        remoteParticipants.delete(speaker);
+    }
+
+    // Always update the order of the thubmnails.
+    const participantsWithScreenShare = screenShareParticipants.reduce<string[]>((acc, screenshare) => {
+        const ownerId = getVirtualScreenshareParticipantOwnerId(screenshare);
+
+        acc.push(ownerId);
+        acc.push(screenshare);
+
+        return acc;
+    }, []);
+
+    reorderedParticipants = [
+        ...participantsWithScreenShare,
+        ...sharedVideos,
+        ...Array.from(speakers.keys()),
+        ...Array.from(remoteParticipants.keys())
+    ];
+
+    store.dispatch(setRemoteParticipants(Array.from(new Set(reorderedParticipants))));
+}
+
+/**
+ * Private helper to calculate the reordered list of remote participants when a participant leaves.
+ *
+ * @param {*} store - The redux store.
+ * @param {string} participantId - The endpoint id of the participant leaving the call.
+ * @returns {void}
+ * @private
+ */
+export function updateRemoteParticipantsOnLeave(store: IStore, participantId: string | null = null) {
+    if (!participantId) {
+        return;
+    }
+    const state = store.getState();
+    const { remoteParticipants } = state['features/filmstrip'];
+    const reorderedParticipants = new Set(remoteParticipants);
+
+    reorderedParticipants.delete(participantId)
+        && store.dispatch(setRemoteParticipants(Array.from(reorderedParticipants)));
+}
+
+/**
+ * Returns whether tileview is completely disabled.
+ *
+ * @param {IReduxState} state - Redux state.
+ * @returns {boolean} - Whether tileview is completely disabled.
+ */
+export function isTileViewModeDisabled(state: IReduxState) {
+    const { tileView = {} } = state['features/base/config'];
+
+    return tileView.disabled;
+}
diff --git a/react/features/filmstrip/functions.native.ts b/react/features/filmstrip/functions.native.ts
new file mode 100644
index 0000000..d97950a
--- /dev/null
+++ b/react/features/filmstrip/functions.native.ts
@@ -0,0 +1,289 @@
+import { IReduxState } from '../app/types';
+import { IStateful } from '../base/app/types';
+import { FILMSTRIP_ENABLED } from '../base/flags/constants';
+import { getFeatureFlag } from '../base/flags/functions';
+import {
+    getLocalParticipant,
+    getParticipantCountWithFake,
+    getPinnedParticipant
+} from '../base/participants/functions';
+import Platform from '../base/react/Platform.native';
+import { toState } from '../base/redux/functions';
+import { ASPECT_RATIO_NARROW } from '../base/responsive-ui/constants';
+import { getHideSelfView } from '../base/settings/functions.any';
+import conferenceStyles from '../conference/components/native/styles';
+import { shouldDisplayTileView } from '../video-layout/functions.native';
+
+import styles from './components/native/styles';
+
+export * from './functions.any';
+
+/**
+ * Returns true if the filmstrip on mobile is visible, false otherwise.
+ *
+ * NOTE: Filmstrip on mobile behaves differently to web, and is only visible
+ * when there are at least 2 participants.
+ *
+ * @param {Object | Function} stateful - The Object or Function that can be
+ * resolved to a Redux state object with the toState function.
+ * @returns {boolean}
+ */
+export function isFilmstripVisible(stateful: IStateful) {
+    const state = toState(stateful);
+
+    const enabled = getFeatureFlag(state, FILMSTRIP_ENABLED, true);
+
+    if (!enabled) {
+        return false;
+    }
+
+    return getParticipantCountWithFake(state) > 1;
+}
+
+/**
+ * Determines whether the remote video thumbnails should be displayed/visible in
+ * the filmstrip.
+ *
+ * @param {Object} state - The full redux state.
+ * @returns {boolean} - If remote video thumbnails should be displayed/visible
+ * in the filmstrip, then {@code true}; otherwise, {@code false}.
+ */
+export function shouldRemoteVideosBeVisible(state: IReduxState) {
+    if (state['features/invite'].calleeInfoVisible) {
+        return false;
+    }
+
+    // Include fake participants to derive how many thumbnails are displayed,
+    // as it is assumed all participants, including fake, will be displayed
+    // in the filmstrip.
+    const participantCount = getParticipantCountWithFake(state);
+    const pinnedParticipant = getPinnedParticipant(state);
+    const { disable1On1Mode } = state['features/base/config'];
+
+    return Boolean(
+        participantCount > 2
+
+            // Always show the filmstrip when there is another participant to
+            // show and the local video is pinned. Note we are not taking the
+            // toolbar visibility into account here (unlike web) because
+            // showing / hiding views in quick succession on mobile is taxing.
+            || (participantCount > 1 && pinnedParticipant?.local)
+
+            || disable1On1Mode);
+}
+
+/**
+ * Not implemented on mobile.
+ *
+ * @param {any} _state - Used on web.
+ * @returns {Array<string>}
+ */
+export function getActiveParticipantsIds(_state: any) {
+    return [];
+}
+
+/**
+ * Not implemented on mobile.
+ *
+ * @param {any} _state - Redux state.
+ * @returns {Array<Object>}
+ */
+export function getPinnedActiveParticipants(_state: any) {
+    return [];
+}
+
+/**
+ * Returns the number of participants displayed in tile view.
+ *
+ * @param {Object | Function} stateful - The Object or Function that can be
+ * resolved to a Redux state object with the toState function.
+ * @returns {number} - The number of participants displayed in tile view.
+ */
+export function getTileViewParticipantCount(stateful: IStateful) {
+    const state = toState(stateful);
+    const disableSelfView = getHideSelfView(state);
+    const localParticipant = getLocalParticipant(state);
+    const participantCount = getParticipantCountWithFake(state) - (disableSelfView && localParticipant ? 1 : 0);
+
+    return participantCount;
+}
+
+/**
+ * Returns how many columns should be displayed for tile view.
+ *
+ * @param {Object | Function} stateful - The Object or Function that can be
+ * resolved to a Redux state object with the toState function.
+ * @returns {number} - The number of columns to be rendered in tile view.
+ * @private
+ */
+export function getColumnCount(stateful: IStateful) {
+    const state = toState(stateful);
+    const participantCount = getTileViewParticipantCount(state);
+    const { aspectRatio } = state['features/base/responsive-ui'];
+
+    // For narrow view, tiles should stack on top of each other for a lonely
+    // call and a 1:1 call. Otherwise tiles should be grouped into rows of
+    // two.
+    if (aspectRatio === ASPECT_RATIO_NARROW) {
+        return participantCount >= 3 ? 2 : 1;
+    }
+
+    if (participantCount === 4) {
+        // In wide view, a four person call should display as a 2x2 grid.
+        return 2;
+    }
+
+    return Math.min(participantCount <= 6 ? 3 : 4, participantCount);
+}
+
+/**
+ * Returns true if the filmstrip has a scroll and false otherwise.
+ *
+ * @param {Object} state - The redux state.
+ * @returns {boolean} - True if the scroll is displayed and false otherwise.
+ */
+export function isFilmstripScrollVisible(state: IReduxState) {
+    if (shouldDisplayTileView(state)) {
+        return state['features/filmstrip']?.tileViewDimensions?.hasScroll;
+    }
+
+    const { aspectRatio, clientWidth, clientHeight, safeAreaInsets = {} } = state['features/base/responsive-ui'];
+    const isNarrowAspectRatio = aspectRatio === ASPECT_RATIO_NARROW;
+    const disableSelfView = getHideSelfView(state);
+    const localParticipant = Boolean(getLocalParticipant(state));
+    const localParticipantVisible = localParticipant && !disableSelfView;
+    const participantCount
+        = getParticipantCountWithFake(state)
+            - (localParticipant && (shouldDisplayLocalThumbnailSeparately() || disableSelfView) ? 1 : 0);
+    const { height: thumbnailHeight, width: thumbnailWidth, margin } = styles.thumbnail;
+    const { height, width } = getFilmstripDimensions({
+        aspectRatio,
+        clientWidth,
+        clientHeight,
+        insets: safeAreaInsets,
+        localParticipantVisible
+    });
+
+    if (isNarrowAspectRatio) {
+        return width < (thumbnailWidth + (2 * margin)) * participantCount;
+    }
+
+    return height < (thumbnailHeight + (2 * margin)) * participantCount;
+}
+
+/**
+ * Whether the stage filmstrip is available or not.
+ *
+ * @param {any} _state - Used on web.
+ * @param {any} _count - Used on web.
+ * @returns {boolean}
+ */
+export function isStageFilmstripAvailable(_state: any, _count?: any) {
+    return false;
+}
+
+/**
+ * Whether the stage filmstrip is enabled.
+ *
+ * @param {any} _state - Used on web.
+ * @returns {boolean}
+ */
+export function isStageFilmstripEnabled(_state: any) {
+    return false;
+}
+
+/**
+ * Whether or not the top panel is enabled.
+ *
+ * @param {any} _state - Used on web.
+ * @returns {boolean}
+ */
+export function isTopPanelEnabled(_state: any) {
+    return false;
+
+}
+
+/**
+ * Calculates the width and height of the filmstrip based on the screen size and aspect ratio.
+ *
+ * @param {Object} options - The screen aspect ratio, width, height and safe are insets.
+ * @returns {Object} - The width and the height.
+ */
+export function getFilmstripDimensions({
+    aspectRatio,
+    clientWidth,
+    clientHeight,
+    insets = {},
+    localParticipantVisible = true
+}: {
+    aspectRatio: Symbol;
+    clientHeight: number;
+    clientWidth: number;
+    insets?: {
+        bottom?: number;
+        left?: number;
+        right?: number;
+        top?: number;
+    };
+    localParticipantVisible?: boolean;
+}) {
+    const { height, width, margin } = styles.thumbnail; // @ts-ignore
+    const conferenceBorder = conferenceStyles.conference.borderWidth || 0;
+    const { left = 0, right = 0, top = 0, bottom = 0 } = insets;
+
+    if (aspectRatio === ASPECT_RATIO_NARROW) {
+        return {
+            height,
+            width:
+                (shouldDisplayLocalThumbnailSeparately() && localParticipantVisible
+                    ? clientWidth - width - (margin * 2) : clientWidth)
+                    - left - right - (styles.filmstripNarrow.margin * 2) - (conferenceBorder * 2)
+
+        };
+    }
+
+    return {
+        height:
+            (shouldDisplayLocalThumbnailSeparately() && localParticipantVisible
+                ? clientHeight - height - (margin * 2) : clientHeight)
+                - top - bottom - (conferenceBorder * 2),
+        width
+    };
+}
+
+/**
+ * Returns true if the local thumbnail should be displayed separately and false otherwise.
+ *
+ * @returns {boolean} - True if the local thumbnail should be displayed separately and false otherwise.
+ */
+export function shouldDisplayLocalThumbnailSeparately() {
+    // XXX Our current design is to have the local participant separate from
+    // the remote participants. Unfortunately, Android's Video
+    // implementation cannot accommodate that because remote participants'
+    // videos appear on top of the local participant's video at times.
+    // That's because Android's Video utilizes EGL and EGL gives us only two
+    // practical layers in which we can place our participants' videos:
+    // layer #0 sits behind the window, creates a hole in the window, and
+    // there we render the LargeVideo; layer #1 is known as media overlay in
+    // EGL terms, renders on top of layer #0, and, consequently, is for the
+    // Filmstrip. With the separate LocalThumbnail, we should have left the
+    // remote participants' Thumbnails in layer #1 and utilized layer #2 for
+    // LocalThumbnail. Unfortunately, layer #2 is not practical (that's why
+    // I said we had two practical layers only) because it renders on top of
+    // everything which in our case means on top of participant-related
+    // indicators such as moderator, audio and video muted, etc. For now we
+    // do not have much of a choice but to continue rendering LocalThumbnail
+    // as any other remote Thumbnail on Android.
+    return Platform.OS !== 'android';
+}
+
+/**
+ * Not implemented on mobile.
+ *
+ * @param {any} _state - Used on web.
+ * @returns {undefined}
+ */
+export function getScreenshareFilmstripParticipantId(_state: any) {
+    return undefined;
+}
+
diff --git a/react/features/filmstrip/functions.web.ts b/react/features/filmstrip/functions.web.ts
new file mode 100644
index 0000000..61ae85b
--- /dev/null
+++ b/react/features/filmstrip/functions.web.ts
@@ -0,0 +1,844 @@
+import { Theme } from '@mui/material/styles';
+
+import { IReduxState } from '../app/types';
+import { IStateful } from '../base/app/types';
+import { isMobileBrowser } from '../base/environment/utils';
+import { MEDIA_TYPE } from '../base/media/constants';
+import {
+    getLocalParticipant,
+    getParticipantById,
+    getParticipantCount,
+    getParticipantCountWithFake,
+    getPinnedParticipant,
+    isScreenShareParticipant
+} from '../base/participants/functions';
+import { toState } from '../base/redux/functions';
+import { getHideSelfView } from '../base/settings/functions.any';
+import {
+    getVideoTrackByParticipant,
+    isLocalTrackMuted,
+    isRemoteTrackMuted
+} from '../base/tracks/functions';
+import { isTrackStreamingStatusActive } from '../connection-indicator/functions';
+import { isSharingStatus } from '../shared-video/functions';
+import { LAYOUTS } from '../video-layout/constants';
+import { getCurrentLayout, getNotResponsiveTileViewGridDimensions } from '../video-layout/functions.web';
+
+import {
+    ASPECT_RATIO_BREAKPOINT,
+    DEFAULT_FILMSTRIP_WIDTH,
+    DEFAULT_LOCAL_TILE_ASPECT_RATIO,
+    DISPLAY_AVATAR,
+    DISPLAY_VIDEO,
+    FILMSTRIP_GRID_BREAKPOINT,
+    FILMSTRIP_TYPE,
+    INDICATORS_TOOLTIP_POSITION,
+    SCROLL_SIZE,
+    SQUARE_TILE_ASPECT_RATIO,
+    THUMBNAIL_TYPE,
+    TILE_ASPECT_RATIO,
+    TILE_HORIZONTAL_MARGIN,
+    TILE_MIN_HEIGHT_LARGE,
+    TILE_MIN_HEIGHT_SMALL,
+    TILE_PORTRAIT_ASPECT_RATIO,
+    TILE_VERTICAL_MARGIN,
+    TILE_VIEW_DEFAULT_NUMBER_OF_VISIBLE_TILES,
+    TILE_VIEW_GRID_HORIZONTAL_MARGIN,
+    TILE_VIEW_GRID_VERTICAL_MARGIN,
+    VERTICAL_VIEW_HORIZONTAL_MARGIN
+} from './constants';
+
+export * from './functions.any';
+
+/**
+ * Returns true if the filmstrip on mobile is visible, false otherwise.
+ *
+ * NOTE: Filmstrip on web behaves differently to mobile, much simpler, but so
+ * function lies here only for the sake of consistency and to avoid flow errors
+ * on import.
+ *
+ * @param {IStateful} stateful - The Object or Function that can be
+ * resolved to a Redux state object with the toState function.
+ * @returns {boolean}
+ */
+export function isFilmstripVisible(stateful: IStateful) {
+    return toState(stateful)['features/filmstrip'].visible;
+}
+
+/**
+ * Determines whether the remote video thumbnails should be displayed/visible in
+ * the filmstrip.
+ *
+ * @param {IReduxState} state - The full redux state.
+ * @returns {boolean} - If remote video thumbnails should be displayed/visible
+ * in the filmstrip, then {@code true}; otherwise, {@code false}.
+ */
+export function shouldRemoteVideosBeVisible(state: IReduxState) {
+    if (state['features/invite'].calleeInfoVisible) {
+        return false;
+    }
+
+    // Include fake participants to derive how many thumbnails are displayed,
+    // as it is assumed all participants, including fake, will be displayed
+    // in the filmstrip.
+    const participantCount = getParticipantCountWithFake(state);
+    let pinnedParticipant;
+    const { disable1On1Mode, filmstrip: { alwaysShowResizeBar } = {} } = state['features/base/config'];
+    const { contextMenuOpened } = state['features/base/responsive-ui'];
+
+    return Boolean(
+        contextMenuOpened
+            || participantCount > 2
+            || alwaysShowResizeBar
+            // Always show the filmstrip when there is another participant to
+            // show and the  local video is pinned, or the toolbar is displayed.
+            || (participantCount > 1
+                && disable1On1Mode !== null
+                && (state['features/toolbox'].visible
+                    || ((pinnedParticipant = getPinnedParticipant(state))
+                        && pinnedParticipant.local)))
+
+            || disable1On1Mode);
+}
+
+/**
+ * Checks whether there is a playable video stream available for the user associated with the passed ID.
+ *
+ * @param {IStateful} stateful - The Object or Function that can be
+ * resolved to a Redux state object with the toState function.
+ * @param {string} id - The id of the participant.
+ * @returns {boolean} <tt>true</tt> if there is a playable video stream available
+ * or <tt>false</tt> otherwise.
+ */
+export function isVideoPlayable(stateful: IStateful, id: string) {
+    const state = toState(stateful);
+    const tracks = state['features/base/tracks'];
+    const participant = id ? getParticipantById(state, id) : getLocalParticipant(state);
+    const isLocal = participant?.local ?? true;
+    const videoTrack = getVideoTrackByParticipant(state, participant);
+    const isAudioOnly = Boolean(state['features/base/audio-only'].enabled);
+    let isPlayable = false;
+
+    if (isLocal) {
+        const isVideoMuted = isLocalTrackMuted(tracks, MEDIA_TYPE.VIDEO);
+
+        isPlayable = Boolean(videoTrack) && !isVideoMuted && !isAudioOnly;
+    } else if (!participant?.fakeParticipant || isScreenShareParticipant(participant)) {
+        // remote participants excluding shared video
+        const isVideoMuted = isRemoteTrackMuted(tracks, MEDIA_TYPE.VIDEO, id);
+
+        isPlayable = Boolean(videoTrack) && !isVideoMuted && !isAudioOnly && isTrackStreamingStatusActive(videoTrack);
+    }
+
+    return isPlayable;
+}
+
+/**
+ * Calculates the size for thumbnails when in horizontal view layout.
+ *
+ * @param {number} clientHeight - The height of the app window.
+ * @returns {{local: {height, width}, remote: {height, width}}}
+ */
+export function calculateThumbnailSizeForHorizontalView(clientHeight = 0) {
+    const topBottomMargin = 15;
+    const availableHeight = Math.min(clientHeight,
+        (interfaceConfig.FILM_STRIP_MAX_HEIGHT || DEFAULT_FILMSTRIP_WIDTH) + topBottomMargin);
+    const height = availableHeight - topBottomMargin;
+
+    return {
+        local: {
+            height,
+            width: Math.floor(interfaceConfig.LOCAL_THUMBNAIL_RATIO * height)
+        },
+        remote: {
+            height,
+            width: Math.floor(interfaceConfig.REMOTE_THUMBNAIL_RATIO * height)
+        }
+    };
+}
+
+/**
+ * Calculates the size for thumbnails when in vertical view layout.
+ *
+ * @param {number} clientWidth - The available video space width.
+ * @param {number} filmstripWidth - The width of the filmstrip.
+ * @param {boolean} isResizable - Whether the filmstrip is resizable or not.
+ * @returns {{local: {height, width}, remote: {height, width}}}
+ */
+export function calculateThumbnailSizeForVerticalView(clientWidth = 0, filmstripWidth = 0, isResizable = false) {
+    const availableWidth = Math.min(
+        Math.max(clientWidth - VERTICAL_VIEW_HORIZONTAL_MARGIN, 0),
+        (isResizable ? filmstripWidth : interfaceConfig.FILM_STRIP_MAX_HEIGHT) || DEFAULT_FILMSTRIP_WIDTH);
+
+    return {
+        local: {
+            height: Math.floor(availableWidth
+                / (interfaceConfig.LOCAL_THUMBNAIL_RATIO || DEFAULT_LOCAL_TILE_ASPECT_RATIO)),
+            width: availableWidth
+        },
+        remote: {
+            height: isResizable
+                ? DEFAULT_FILMSTRIP_WIDTH
+                : Math.floor(availableWidth / interfaceConfig.REMOTE_THUMBNAIL_RATIO),
+            width: availableWidth
+        }
+    };
+}
+
+/**
+ * Returns the minimum height of a thumbnail.
+ *
+ * @param {number} clientWidth - The available width for rendering thumbnails.
+ * @returns {number} The minimum height of a thumbnail.
+ */
+export function getThumbnailMinHeight(clientWidth: number) {
+    return clientWidth < ASPECT_RATIO_BREAKPOINT ? TILE_MIN_HEIGHT_SMALL : TILE_MIN_HEIGHT_LARGE;
+}
+
+/**
+ * Returns the default aspect ratio for a tile.
+ *
+ * @param {boolean} disableResponsiveTiles - Indicates whether the responsive tiles functionality is disabled.
+ * @param {boolean} disableTileEnlargement - Indicates whether the tiles enlargement functionality is disabled.
+ * @param {number} clientWidth - The available video space width.
+ * @returns {number} The default aspect ratio for a tile.
+ */
+export function getTileDefaultAspectRatio(disableResponsiveTiles: boolean,
+        disableTileEnlargement: boolean, clientWidth: number) {
+    if (!disableResponsiveTiles && disableTileEnlargement && clientWidth < ASPECT_RATIO_BREAKPOINT) {
+        return SQUARE_TILE_ASPECT_RATIO;
+    }
+
+    return TILE_ASPECT_RATIO;
+}
+
+/**
+ * Returns the number of participants that will be displayed in tile view.
+ *
+ * @param {Object} state - The redux store state.
+ * @returns {number} The number of participants that will be displayed in tile view.
+ */
+export function getNumberOfPartipantsForTileView(state: IReduxState) {
+    const { iAmRecorder } = state['features/base/config'];
+    const disableSelfView = getHideSelfView(state);
+    const { localScreenShare } = state['features/base/participants'];
+    const localParticipantsCount = localScreenShare ? 2 : 1;
+    const numberOfParticipants = getParticipantCountWithFake(state)
+        - (iAmRecorder ? 1 : 0)
+        - (disableSelfView ? localParticipantsCount : 0);
+
+    return numberOfParticipants;
+}
+
+/**
+ * Calculates the dimensions (thumbnail width/height and columns/row) for tile view when the responsive tiles are
+ * disabled.
+ *
+ * @param {Object} state - The redux store state.
+ * @returns {Object} - The dimensions.
+ */
+export function calculateNonResponsiveTileViewDimensions(state: IReduxState) {
+    const { clientHeight, videoSpaceWidth } = state['features/base/responsive-ui'];
+    const { disableTileEnlargement } = state['features/base/config'];
+    const { columns: c, minVisibleRows, rows: r } = getNotResponsiveTileViewGridDimensions(state);
+    const size = calculateThumbnailSizeForTileView({
+        columns: c,
+        minVisibleRows,
+        clientWidth: videoSpaceWidth,
+        clientHeight,
+        disableTileEnlargement,
+        disableResponsiveTiles: true
+    });
+
+    if (typeof size === 'undefined') { // The columns don't fit into the screen. We will have horizontal scroll.
+        const aspectRatio = disableTileEnlargement
+            ? getTileDefaultAspectRatio(true, disableTileEnlargement, videoSpaceWidth)
+            : TILE_PORTRAIT_ASPECT_RATIO;
+
+        const height = getThumbnailMinHeight(videoSpaceWidth);
+
+        return {
+            height,
+            width: aspectRatio * height,
+            columns: c,
+            rows: r
+        };
+    }
+
+    return {
+        height: size.height,
+        width: size.width,
+        columns: c,
+        rows: r
+    };
+}
+
+/**
+ * Calculates the dimensions (thumbnail width/height and columns/row) for tile view when the responsive tiles are
+ * enabled.
+ *
+ * @param {Object} state - The redux store state.
+ * @returns {Object} - The dimensions.
+ */
+export function calculateResponsiveTileViewDimensions({
+    clientWidth,
+    clientHeight,
+    disableTileEnlargement = false,
+    noHorizontalContainerMargin = false,
+    maxColumns,
+    numberOfParticipants,
+    desiredNumberOfVisibleTiles = TILE_VIEW_DEFAULT_NUMBER_OF_VISIBLE_TILES,
+    minTileHeight
+}: {
+    clientHeight: number;
+    clientWidth: number;
+    desiredNumberOfVisibleTiles: number;
+    disableTileEnlargement?: boolean;
+    maxColumns: number;
+    minTileHeight?: number | null;
+    noHorizontalContainerMargin?: boolean;
+    numberOfParticipants: number;
+}) {
+    let height, width;
+    let columns, rows;
+
+    interface IDimensions {
+        columns?: number;
+        height?: number;
+        maxArea: number;
+        numberOfVisibleParticipants?: number;
+        rows?: number;
+        width?: number;
+    }
+
+    let dimensions: IDimensions = {
+        maxArea: 0
+    };
+    let minHeightEnforcedDimensions: IDimensions = {
+        maxArea: 0
+    };
+    let zeroVisibleRowsDimensions: IDimensions = {
+        maxArea: 0
+    };
+
+    for (let c = 1; c <= Math.min(maxColumns, numberOfParticipants, desiredNumberOfVisibleTiles); c++) {
+        const r = Math.ceil(numberOfParticipants / c);
+
+        // we want to display as much as possible thumbnails up to desiredNumberOfVisibleTiles
+        const visibleRows
+            = numberOfParticipants <= desiredNumberOfVisibleTiles ? r : Math.floor(desiredNumberOfVisibleTiles / c);
+
+        const size = calculateThumbnailSizeForTileView({
+            columns: c,
+            minVisibleRows: visibleRows,
+            clientWidth,
+            clientHeight,
+            disableTileEnlargement,
+            disableResponsiveTiles: false,
+            noHorizontalContainerMargin,
+            minTileHeight
+        });
+
+        if (size) {
+            const { height: currentHeight, width: currentWidth, minHeightEnforced, maxVisibleRows } = size;
+            const numberOfVisibleParticipants = Math.min(c * maxVisibleRows, numberOfParticipants);
+
+            let area = Math.round(
+                (currentHeight + TILE_VERTICAL_MARGIN)
+                * (currentWidth + TILE_HORIZONTAL_MARGIN)
+                * numberOfVisibleParticipants);
+
+            const currentDimensions = {
+                maxArea: area,
+                height: currentHeight,
+                width: currentWidth,
+                columns: c,
+                rows: r,
+                numberOfVisibleParticipants
+            };
+            const { numberOfVisibleParticipants: oldNumberOfVisibleParticipants = 0 } = dimensions;
+
+            if (!minHeightEnforced) {
+                if (area > dimensions.maxArea) {
+                    dimensions = currentDimensions;
+                } else if ((area === dimensions.maxArea)
+                    && ((oldNumberOfVisibleParticipants > desiredNumberOfVisibleTiles
+                            && oldNumberOfVisibleParticipants >= numberOfParticipants)
+                        || (oldNumberOfVisibleParticipants < numberOfParticipants
+                            && numberOfVisibleParticipants <= desiredNumberOfVisibleTiles))
+                ) { // If the area of the new candidates and the old ones are equal we prefer the one that will have
+                    // closer number of visible participants to desiredNumberOfVisibleTiles config.
+                    dimensions = currentDimensions;
+                }
+            } else if (minHeightEnforced && area >= minHeightEnforcedDimensions.maxArea) {
+                // If we choose configuration with minHeightEnforced there will be less than desiredNumberOfVisibleTiles
+                // visible tiles, that's why we prefer more columns when the area is the same.
+                minHeightEnforcedDimensions = currentDimensions;
+            } else if (minHeightEnforced && maxVisibleRows === 0) {
+                area = currentHeight * currentWidth * Math.min(c, numberOfParticipants);
+
+                if (area > zeroVisibleRowsDimensions.maxArea) {
+                    zeroVisibleRowsDimensions = {
+                        ...currentDimensions,
+                        maxArea: area
+                    };
+                }
+            }
+        }
+    }
+
+    if (dimensions.maxArea > 0) {
+        ({ height, width, columns, rows } = dimensions);
+    } else if (minHeightEnforcedDimensions.maxArea > 0) {
+        ({ height, width, columns, rows } = minHeightEnforcedDimensions);
+    } else if (zeroVisibleRowsDimensions.maxArea > 0) {
+        ({ height, width, columns, rows } = zeroVisibleRowsDimensions);
+    } else { // This would mean that we can't fit even one thumbnail with minimal size.
+        const aspectRatio = disableTileEnlargement
+            ? getTileDefaultAspectRatio(false, disableTileEnlargement, clientWidth)
+            : TILE_PORTRAIT_ASPECT_RATIO;
+
+        height = getThumbnailMinHeight(clientWidth);
+        width = aspectRatio * height;
+        columns = 1;
+        rows = numberOfParticipants;
+    }
+
+    return {
+        height,
+        width,
+        columns,
+        rows
+    };
+}
+
+/**
+ * Calculates the size for thumbnails when in tile view layout.
+ *
+ * @param {Object} dimensions - The desired dimensions of the tile view grid.
+ * @returns {{hasScroll, height, width}}
+ */
+export function calculateThumbnailSizeForTileView({
+    columns,
+    minVisibleRows,
+    clientWidth,
+    clientHeight,
+    disableResponsiveTiles = false,
+    disableTileEnlargement = false,
+    noHorizontalContainerMargin = false,
+    minTileHeight
+}: {
+    clientHeight: number;
+    clientWidth: number;
+    columns: number;
+    disableResponsiveTiles: boolean;
+    disableTileEnlargement?: boolean;
+    minTileHeight?: number | null;
+    minVisibleRows: number;
+    noHorizontalContainerMargin?: boolean;
+}) {
+    const aspectRatio = getTileDefaultAspectRatio(disableResponsiveTiles, disableTileEnlargement, clientWidth);
+    const minHeight = minTileHeight || getThumbnailMinHeight(clientWidth);
+    const viewWidth = clientWidth - (columns * TILE_HORIZONTAL_MARGIN)
+        - (noHorizontalContainerMargin ? SCROLL_SIZE : TILE_VIEW_GRID_HORIZONTAL_MARGIN);
+    const availableHeight = clientHeight - TILE_VIEW_GRID_VERTICAL_MARGIN;
+    const viewHeight = availableHeight - (minVisibleRows * TILE_VERTICAL_MARGIN);
+    const initialWidth = viewWidth / columns;
+    let initialHeight = viewHeight / minVisibleRows;
+    let minHeightEnforced = false;
+
+    if (initialHeight < minHeight) {
+        minHeightEnforced = true;
+        initialHeight = minHeight;
+    }
+
+    if (disableTileEnlargement) {
+        const aspectRatioHeight = initialWidth / aspectRatio;
+
+        if (aspectRatioHeight < minHeight) { // we can't fit the required number of columns.
+            return;
+        }
+
+        const height = Math.min(aspectRatioHeight, initialHeight);
+
+        return {
+            height,
+            width: aspectRatio * height,
+            minHeightEnforced,
+            maxVisibleRows: Math.floor(availableHeight / (height + TILE_VERTICAL_MARGIN))
+        };
+    }
+
+    const initialRatio = initialWidth / initialHeight;
+    let height = initialHeight;
+    let width;
+
+    // The biggest area of the grid will be when the grid's height is equal to clientHeight or when the grid's width is
+    // equal to clientWidth.
+
+    if (initialRatio > aspectRatio) {
+        width = initialHeight * aspectRatio;
+    } else if (initialRatio >= TILE_PORTRAIT_ASPECT_RATIO) {
+        width = initialWidth;
+    // eslint-disable-next-line no-negated-condition
+    } else if (!minHeightEnforced) {
+        height = initialWidth / TILE_PORTRAIT_ASPECT_RATIO;
+
+        if (height >= minHeight) {
+            width = initialWidth;
+        } else { // The width is so small that we can't reach the minimum height with portrait aspect ratio.
+            return;
+        }
+    } else {
+        // We can't fit that number of columns with the desired min height and aspect ratio.
+        return;
+    }
+
+    return {
+        height,
+        width,
+        minHeightEnforced,
+        maxVisibleRows: Math.floor(availableHeight / (height + TILE_VERTICAL_MARGIN))
+    };
+}
+
+/**
+ * Returns the width of the visible area (doesn't include the left margin/padding) of the the vertical filmstrip.
+ *
+ * @returns {number} - The width of the vertical filmstrip.
+ */
+export function getVerticalFilmstripVisibleAreaWidth() {
+    // Adding 11px for the 2px right margin, 2px borders on the left and right and 5px right padding.
+    // Also adding 7px for the scrollbar. Note that we are not counting the left margins and paddings because this
+    // function is used for calculating the available space and they are invisible.
+    // TODO: Check if we can remove the left margins and paddings from the CSS.
+    // FIXME: This function is used to calculate the size of the large video, etherpad or shared video. Once everything
+    // is reactified this calculation will need to move to the corresponding components.
+    const filmstripMaxWidth = (interfaceConfig.FILM_STRIP_MAX_HEIGHT || DEFAULT_FILMSTRIP_WIDTH) + 18;
+
+    return Math.min(filmstripMaxWidth, window.innerWidth);
+}
+
+/**
+ * Computes information that determine the display mode.
+ *
+ * @param {Object} input - Object containing all necessary information for determining the display mode for
+ * the thumbnail.
+ * @returns {number} - One of <tt>DISPLAY_VIDEO</tt> or <tt>DISPLAY_AVATAR</tt>.
+*/
+export function computeDisplayModeFromInput(input: any) {
+    const {
+        filmstripType,
+        isActiveParticipant,
+        isAudioOnly,
+        isCurrentlyOnLargeVideo,
+        isVirtualScreenshareParticipant,
+        isScreenSharing,
+        canPlayEventReceived,
+        isRemoteParticipant,
+        stageParticipantsVisible,
+        tileViewActive
+    } = input;
+    const adjustedIsVideoPlayable = input.isVideoPlayable && (!isRemoteParticipant || canPlayEventReceived);
+
+    // Display video for virtual screen share participants in all layouts.
+    if (isVirtualScreenshareParticipant) {
+        return DISPLAY_VIDEO;
+    }
+
+    // Multi-stream is not supported on plan-b endpoints even if its is enabled via config.js. A virtual
+    // screenshare tile is still created when a remote endpoint starts screenshare to keep the behavior consistent
+    // and an avatar is displayed on the original participant thumbnail as long as screenshare is in progress.
+    if (isScreenSharing) {
+        return DISPLAY_AVATAR;
+    }
+
+    if (!tileViewActive && filmstripType === FILMSTRIP_TYPE.MAIN && ((isScreenSharing && isRemoteParticipant)
+        || (stageParticipantsVisible && isActiveParticipant))) {
+        return DISPLAY_AVATAR;
+    } else if (isCurrentlyOnLargeVideo && !tileViewActive) {
+        // Display name is always and only displayed when user is on the stage
+        return adjustedIsVideoPlayable && !isAudioOnly ? DISPLAY_VIDEO : DISPLAY_AVATAR;
+    } else if (adjustedIsVideoPlayable && !isAudioOnly) {
+        // check hovering and change state to video with name
+        return DISPLAY_VIDEO;
+    }
+
+    // check hovering and change state to avatar with name
+    return DISPLAY_AVATAR;
+}
+
+/**
+ * Extracts information for props and state needed to compute the display mode.
+ *
+ * @param {Object} props - The Thumbnail component's props.
+ * @param {Object} state - The Thumbnail component's state.
+ * @returns {Object}
+*/
+export function getDisplayModeInput(props: any, state: { canPlayEventReceived: boolean; }) {
+    const {
+        _currentLayout,
+        _isActiveParticipant,
+        _isAudioOnly,
+        _isCurrentlyOnLargeVideo,
+        _isVirtualScreenshareParticipant,
+        _isScreenSharing,
+        _isVideoPlayable,
+        _participant,
+        _stageParticipantsVisible,
+        _videoTrack,
+        filmstripType = FILMSTRIP_TYPE.MAIN
+    } = props;
+    const tileViewActive = _currentLayout === LAYOUTS.TILE_VIEW;
+    const { canPlayEventReceived } = state;
+
+    return {
+        filmstripType,
+        isActiveParticipant: _isActiveParticipant,
+        isCurrentlyOnLargeVideo: _isCurrentlyOnLargeVideo,
+        isAudioOnly: _isAudioOnly,
+        tileViewActive,
+        isVideoPlayable: _isVideoPlayable,
+        canPlayEventReceived,
+        videoStream: Boolean(_videoTrack),
+        isRemoteParticipant: !_participant?.fakeParticipant && !_participant?.local,
+        isScreenSharing: _isScreenSharing,
+        isVirtualScreenshareParticipant: _isVirtualScreenshareParticipant,
+        stageParticipantsVisible: _stageParticipantsVisible,
+        videoStreamMuted: _videoTrack ? _videoTrack.muted : 'no stream'
+    };
+}
+
+/**
+ * Gets the tooltip position for the thumbnail indicators.
+ *
+ * @param {string} thumbnailType - The current thumbnail type.
+ * @returns {string}
+ */
+export function getIndicatorsTooltipPosition(thumbnailType?: string) {
+    return INDICATORS_TOOLTIP_POSITION[thumbnailType ?? ''] || 'top';
+}
+
+/**
+ * Returns whether or not the filmstrip is resizable.
+ *
+ * @param {Object} state - Redux state.
+ * @returns {boolean}
+ */
+export function isFilmstripResizable(state: IReduxState) {
+    const { filmstrip } = state['features/base/config'];
+    const _currentLayout = getCurrentLayout(state);
+
+    return !filmstrip?.disableResizable && !isMobileBrowser()
+        && (_currentLayout === LAYOUTS.VERTICAL_FILMSTRIP_VIEW || _currentLayout === LAYOUTS.STAGE_FILMSTRIP_VIEW);
+}
+
+/**
+ * Whether or not grid should be displayed in the vertical filmstrip.
+ *
+ * @param {Object} state - Redux state.
+ * @returns {boolean}
+ */
+export function showGridInVerticalView(state: IReduxState) {
+    const resizableFilmstrip = isFilmstripResizable(state);
+    const { width } = state['features/filmstrip'];
+
+    return resizableFilmstrip && ((width.current ?? 0) > FILMSTRIP_GRID_BREAKPOINT);
+}
+
+/**
+ * Gets the vertical filmstrip max width.
+ *
+ * @param {Object} state - Redux state.
+ * @returns {number}
+ */
+export function getVerticalViewMaxWidth(state: IReduxState) {
+    const { width } = state['features/filmstrip'];
+    const _resizableFilmstrip = isFilmstripResizable(state);
+    const _verticalViewGrid = showGridInVerticalView(state);
+    let maxWidth = _resizableFilmstrip
+        ? width.current || DEFAULT_FILMSTRIP_WIDTH
+        : interfaceConfig.FILM_STRIP_MAX_HEIGHT || DEFAULT_FILMSTRIP_WIDTH;
+
+    // Adding 4px for the border-right and margin-right.
+    // On non-resizable filmstrip add 4px for the left margin and border.
+    // Also adding 7px for the scrollbar. Also adding 9px for the drag handle.
+    maxWidth += (_verticalViewGrid ? 0 : 11) + (_resizableFilmstrip ? 9 : 4);
+
+    return maxWidth;
+}
+
+/**
+ * Returns true if the scroll is displayed and false otherwise.
+ *
+ * @param {Object} state - The redux state.
+ * @returns {boolean} - True if the scroll is displayed and false otherwise.
+ */
+export function isFilmstripScrollVisible(state: IReduxState) {
+    const _currentLayout = getCurrentLayout(state);
+    let hasScroll = false;
+
+    switch (_currentLayout) {
+    case LAYOUTS.TILE_VIEW:
+        ({ hasScroll = false } = state['features/filmstrip'].tileViewDimensions ?? {});
+        break;
+    case LAYOUTS.VERTICAL_FILMSTRIP_VIEW:
+    case LAYOUTS.STAGE_FILMSTRIP_VIEW: {
+        ({ hasScroll = false } = state['features/filmstrip'].verticalViewDimensions);
+        break;
+    }
+    case LAYOUTS.HORIZONTAL_FILMSTRIP_VIEW: {
+        ({ hasScroll = false } = state['features/filmstrip'].horizontalViewDimensions);
+        break;
+    }
+    }
+
+    return hasScroll;
+}
+
+/**
+ * Gets the ids of the active participants.
+ *
+ * @param {Object} state - Redux state.
+ * @returns {Array<string>}
+ */
+export function getActiveParticipantsIds(state: IReduxState) {
+    const { activeParticipants } = state['features/filmstrip'];
+
+    return activeParticipants.map(p => p.participantId);
+}
+
+/**
+ * Gets the ids of the active participants.
+ *
+ * @param {Object} state - Redux state.
+ * @returns {Array<Object>}
+ */
+export function getPinnedActiveParticipants(state: IReduxState) {
+    const { activeParticipants } = state['features/filmstrip'];
+
+    return activeParticipants.filter(p => p.pinned);
+}
+
+/**
+ * Get whether or not the stage filmstrip is available (enabled & can be used).
+ *
+ * @param {Object} state - Redux state.
+ * @param {number} minParticipantCount - The min number of participants for the stage filmstrip
+ * to be displayed.
+ * @returns {boolean}
+ */
+export function isStageFilmstripAvailable(state: IReduxState, minParticipantCount = 0) {
+    const { activeParticipants } = state['features/filmstrip'];
+    const { remoteScreenShares } = state['features/video-layout'];
+    const sharedVideo = isSharingStatus(state['features/shared-video']?.status ?? '');
+
+    return isStageFilmstripEnabled(state) && !sharedVideo
+        && activeParticipants.length >= minParticipantCount
+        && (isTopPanelEnabled(state) || remoteScreenShares.length === 0);
+}
+
+/**
+ * Whether the stage filmstrip should be displayed on the top.
+ *
+ * @param {Object} state - Redux state.
+ * @param {number} minParticipantCount - The min number of participants for the stage filmstrip
+ * to be displayed.
+ * @returns {boolean}
+ */
+export function isStageFilmstripTopPanel(state: IReduxState, minParticipantCount = 0) {
+    const { remoteScreenShares } = state['features/video-layout'];
+
+    return isTopPanelEnabled(state)
+        && isStageFilmstripAvailable(state, minParticipantCount) && remoteScreenShares.length > 0;
+}
+
+/**
+ * Whether the stage filmstrip is disabled or not.
+ *
+ * @param {Object} state - Redux state.
+ * @returns {boolean}
+ */
+export function isStageFilmstripEnabled(state: IReduxState) {
+    const { filmstrip } = state['features/base/config'];
+
+    return Boolean(!filmstrip?.disableStageFilmstrip && interfaceConfig.VERTICAL_FILMSTRIP);
+}
+
+/**
+ * Whether the vertical/horizontal filmstrip is disabled.
+ *
+ * @param {Object} state - Redux state.
+ * @returns {boolean}
+ */
+export function isFilmstripDisabled(state: IReduxState) {
+    const { filmstrip } = state['features/base/config'];
+
+    return Boolean(filmstrip?.disabled);
+}
+
+/**
+ * Gets the thumbnail type by filmstrip type.
+ *
+ * @param {string} currentLayout - Current app layout.
+ * @param {string} filmstripType - The current filmstrip type.
+ * @returns {string}
+ */
+export function getThumbnailTypeFromLayout(currentLayout: string, filmstripType: string) {
+    switch (currentLayout) {
+    case LAYOUTS.TILE_VIEW:
+        return THUMBNAIL_TYPE.TILE;
+    case LAYOUTS.VERTICAL_FILMSTRIP_VIEW:
+        return THUMBNAIL_TYPE.VERTICAL;
+    case LAYOUTS.HORIZONTAL_FILMSTRIP_VIEW:
+        return THUMBNAIL_TYPE.HORIZONTAL;
+    case LAYOUTS.STAGE_FILMSTRIP_VIEW:
+        if (filmstripType !== FILMSTRIP_TYPE.MAIN) {
+            return THUMBNAIL_TYPE.TILE;
+        }
+
+        return THUMBNAIL_TYPE.VERTICAL;
+    }
+}
+
+/**
+ * Returns the id of the participant displayed on the screen share filmstrip.
+ *
+ * @param {Object} state - Redux state.
+ * @returns {string} - The participant id.
+ */
+export function getScreenshareFilmstripParticipantId(state: IReduxState) {
+    const { screenshareFilmstripParticipantId } = state['features/filmstrip'];
+    const screenshares = state['features/video-layout'].remoteScreenShares;
+    let id = screenshares.find(sId => sId === screenshareFilmstripParticipantId);
+
+    if (!id && screenshares.length) {
+        id = screenshares[0];
+    }
+
+    return id;
+}
+
+/**
+ * Whether or not the top panel is enabled.
+ *
+ * @param {Object} state - Redux state.
+ * @returns {boolean}
+ */
+export function isTopPanelEnabled(state: IReduxState) {
+    const { filmstrip } = state['features/base/config'];
+    const participantsCount = getParticipantCount(state);
+
+    return !filmstrip?.disableTopPanel && participantsCount >= (filmstrip?.minParticipantCountForTopPanel ?? 50);
+
+}
+
+/**
+ * Returns the thumbnail background color from the theme.
+ *
+ * @param {Theme} theme - The MUI theme.
+ * @returns {string} The background color.
+ */
+export function getThumbnailBackgroundColor(theme: Theme): string {
+    return theme.palette.uiBackground;
+}
diff --git a/react/features/filmstrip/logger.ts b/react/features/filmstrip/logger.ts
new file mode 100644
index 0000000..be9d05c
--- /dev/null
+++ b/react/features/filmstrip/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:filmstrip');
diff --git a/react/features/filmstrip/middleware.native.ts b/react/features/filmstrip/middleware.native.ts
new file mode 100644
index 0000000..2cd823f
--- /dev/null
+++ b/react/features/filmstrip/middleware.native.ts
@@ -0,0 +1,37 @@
+import { PARTICIPANT_JOINED, PARTICIPANT_LEFT } from '../base/participants/actionTypes';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { CLIENT_RESIZED, SAFE_AREA_INSETS_CHANGED, SET_ASPECT_RATIO } from '../base/responsive-ui/actionTypes';
+
+import { setTileViewDimensions } from './actions.native';
+import { updateRemoteParticipants, updateRemoteParticipantsOnLeave } from './functions.native';
+import './subscriber.native';
+
+/**
+ * The middleware of the feature Filmstrip.
+ */
+MiddlewareRegistry.register(store => next => action => {
+    if (action.type === PARTICIPANT_LEFT) {
+        // This have to be executed before we remove the participant from features/base/participants state in order to
+        // remove the related thumbnail component before we need to re-render it. If we do this after next()
+        // we will be in situation where the participant exists in the remoteParticipants array in features/filmstrip
+        // but doesn't exist in features/base/participants state which will lead to rendering a thumbnail for
+        // non-existing participant.
+        updateRemoteParticipantsOnLeave(store, action.participant?.id);
+    }
+
+    const result = next(action);
+
+    switch (action.type) {
+    case CLIENT_RESIZED:
+    case SAFE_AREA_INSETS_CHANGED:
+    case SET_ASPECT_RATIO:
+        store.dispatch(setTileViewDimensions());
+        break;
+    case PARTICIPANT_JOINED: {
+        updateRemoteParticipants(store, false, action.participant?.id);
+        break;
+    }
+    }
+
+    return result;
+});
diff --git a/react/features/filmstrip/middleware.web.ts b/react/features/filmstrip/middleware.web.ts
new file mode 100644
index 0000000..f063221
--- /dev/null
+++ b/react/features/filmstrip/middleware.web.ts
@@ -0,0 +1,346 @@
+import { batch } from 'react-redux';
+
+// @ts-expect-error
+import VideoLayout from '../../../modules/UI/videolayout/VideoLayout';
+import {
+    DOMINANT_SPEAKER_CHANGED,
+    PARTICIPANT_JOINED,
+    PARTICIPANT_LEFT
+} from '../base/participants/actionTypes';
+import {
+    getDominantSpeakerParticipant,
+    getLocalParticipant,
+    getLocalScreenShareParticipant,
+    isScreenShareParticipant
+} from '../base/participants/functions';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { CLIENT_RESIZED } from '../base/responsive-ui/actionTypes';
+import { SETTINGS_UPDATED } from '../base/settings/actionTypes';
+import { setTileView } from '../video-layout/actions.web';
+import { LAYOUTS } from '../video-layout/constants';
+import { getCurrentLayout } from '../video-layout/functions.web';
+import { WHITEBOARD_ID } from '../whiteboard/constants';
+import { isWhiteboardVisible } from '../whiteboard/functions';
+
+import {
+    ADD_STAGE_PARTICIPANT,
+    CLEAR_STAGE_PARTICIPANTS,
+    REMOVE_STAGE_PARTICIPANT,
+    RESIZE_FILMSTRIP,
+    SET_USER_FILMSTRIP_WIDTH,
+    TOGGLE_PIN_STAGE_PARTICIPANT
+} from './actionTypes';
+import {
+    addStageParticipant,
+    removeStageParticipant,
+    setFilmstripHeight,
+    setFilmstripWidth,
+    setScreenshareFilmstripParticipant,
+    setStageParticipants
+} from './actions.web';
+import {
+    ACTIVE_PARTICIPANT_TIMEOUT,
+    DEFAULT_FILMSTRIP_WIDTH,
+    MAX_ACTIVE_PARTICIPANTS,
+    MIN_STAGE_VIEW_HEIGHT,
+    MIN_STAGE_VIEW_WIDTH,
+    TOP_FILMSTRIP_HEIGHT
+} from './constants';
+import {
+    getActiveParticipantsIds,
+    getPinnedActiveParticipants,
+    isFilmstripResizable,
+    isStageFilmstripAvailable,
+    isStageFilmstripTopPanel,
+    updateRemoteParticipants,
+    updateRemoteParticipantsOnLeave
+} from './functions.web';
+import './subscriber.web';
+
+/**
+ * Map of timers.
+ *
+ * @type {Map}
+ */
+const timers = new Map();
+
+/**
+ * The middleware of the feature Filmstrip.
+ */
+MiddlewareRegistry.register(store => next => action => {
+    if (action.type === PARTICIPANT_LEFT) {
+        // This has to be executed before we remove the participant from features/base/participants state in order to
+        // remove the related thumbnail component before we need to re-render it. If we do this after next()
+        // we will be in situation where the participant exists in the remoteParticipants array in features/filmstrip
+        // but doesn't exist in features/base/participants state which will lead to rendering a thumbnail for
+        // non-existing participant.
+        updateRemoteParticipantsOnLeave(store, action.participant?.id);
+    }
+
+    let result;
+
+    switch (action.type) {
+    case CLIENT_RESIZED: {
+        const state = store.getState();
+
+        if (isFilmstripResizable(state)) {
+            const { width: filmstripWidth, topPanelHeight } = state['features/filmstrip'];
+            const { clientHeight, videoSpaceWidth } = action;
+            let height, width;
+
+            if ((filmstripWidth.current ?? 0) > videoSpaceWidth - MIN_STAGE_VIEW_WIDTH) {
+                width = Math.max(videoSpaceWidth - MIN_STAGE_VIEW_WIDTH, DEFAULT_FILMSTRIP_WIDTH);
+            } else {
+                width = Math.min(videoSpaceWidth - MIN_STAGE_VIEW_WIDTH, filmstripWidth.userSet ?? 0);
+            }
+            if (width !== filmstripWidth.current) {
+                store.dispatch(setFilmstripWidth(width));
+            }
+
+            if ((topPanelHeight.current ?? 0) > clientHeight - MIN_STAGE_VIEW_HEIGHT) {
+                height = Math.max(clientHeight - MIN_STAGE_VIEW_HEIGHT, TOP_FILMSTRIP_HEIGHT);
+            } else {
+                height = Math.min(clientHeight - MIN_STAGE_VIEW_HEIGHT, topPanelHeight.userSet ?? 0);
+            }
+            if (height !== topPanelHeight.current) {
+                store.dispatch(setFilmstripHeight(height));
+            }
+        }
+        break;
+    }
+    case PARTICIPANT_JOINED: {
+        result = next(action);
+        if (isScreenShareParticipant(action.participant)) {
+            break;
+        }
+
+        updateRemoteParticipants(store, false, action.participant?.id);
+        break;
+    }
+    case SETTINGS_UPDATED: {
+        if (typeof action.settings?.localFlipX === 'boolean') {
+            // TODO: This needs to be removed once the large video is Reactified.
+            VideoLayout.onLocalFlipXChanged(action.settings.localFlipX);
+        }
+        if (action.settings?.disableSelfView) {
+            const state = store.getState();
+            const local = getLocalParticipant(state);
+            const localScreenShare = getLocalScreenShareParticipant(state);
+            const activeParticipantsIds = getActiveParticipantsIds(state);
+
+            if (activeParticipantsIds.find(id => id === local?.id)) {
+                store.dispatch(removeStageParticipant(local?.id ?? ''));
+            }
+
+            if (localScreenShare) {
+                if (activeParticipantsIds.find(id => id === localScreenShare.id)) {
+                    store.dispatch(removeStageParticipant(localScreenShare.id));
+                }
+            }
+        }
+        if (action.settings?.maxStageParticipants !== undefined) {
+            const maxParticipants = action.settings.maxStageParticipants;
+            const { activeParticipants } = store.getState()['features/filmstrip'];
+            const newMax = Math.min(MAX_ACTIVE_PARTICIPANTS, maxParticipants);
+
+            if (newMax < activeParticipants.length) {
+                const toRemove = activeParticipants.slice(0, activeParticipants.length - newMax);
+
+                batch(() => {
+                    toRemove.forEach(p => store.dispatch(removeStageParticipant(p.participantId)));
+                });
+            }
+        }
+        break;
+    }
+    case SET_USER_FILMSTRIP_WIDTH: {
+        VideoLayout.refreshLayout();
+        break;
+    }
+    case RESIZE_FILMSTRIP: {
+        const { width = 0 } = action;
+
+        store.dispatch(setFilmstripWidth(width));
+
+        break;
+    }
+    case ADD_STAGE_PARTICIPANT: {
+        const { dispatch, getState } = store;
+        const { participantId, pinned } = action;
+        const state = getState();
+        const { activeParticipants } = state['features/filmstrip'];
+        const { maxStageParticipants } = state['features/base/settings'];
+        const isWhiteboardActive = isWhiteboardVisible(state);
+        let queue;
+
+        if (activeParticipants.find(p => p.participantId === participantId)) {
+            queue = activeParticipants.filter(p => p.participantId !== participantId);
+            queue.push({
+                participantId,
+                pinned
+            });
+            const tid = timers.get(participantId);
+
+            clearTimeout(tid);
+            timers.delete(participantId);
+        } else if (activeParticipants.length < (maxStageParticipants ?? 0)) {
+            queue = [ ...activeParticipants, {
+                participantId,
+                pinned
+            } ];
+        } else {
+            const notPinnedIndex = activeParticipants.findIndex(p => !p.pinned);
+
+            if (notPinnedIndex === -1) {
+                if (pinned) {
+                    queue = [ ...activeParticipants, {
+                        participantId,
+                        pinned
+                    } ];
+                    queue.shift();
+                }
+            } else {
+                queue = [ ...activeParticipants, {
+                    participantId,
+                    pinned
+                } ];
+                queue.splice(notPinnedIndex, 1);
+            }
+        }
+
+        if (participantId === WHITEBOARD_ID) {
+            // If the whiteboard is pinned, this action should clear the other pins.
+            queue = [ {
+                participantId,
+                pinned: true
+            } ];
+        } else if (isWhiteboardActive && Array.isArray(queue)) {
+            // When another participant is pinned, remove the whiteboard from the stage area.
+            queue = queue.filter(p => p?.participantId !== WHITEBOARD_ID);
+        }
+
+        // If queue is undefined we haven't made any changes to the active participants. This will mostly happen
+        // if the participant that we are trying to add is not pinned and all slots are currently taken by pinned
+        // participants.
+        // IMPORTANT: setting active participants to undefined will crash jitsi-meet.
+        if (typeof queue !== 'undefined') {
+            dispatch(setStageParticipants(queue));
+            if (!pinned) {
+                const timeoutId = setTimeout(() => dispatch(removeStageParticipant(participantId)),
+                    ACTIVE_PARTICIPANT_TIMEOUT);
+
+                timers.set(participantId, timeoutId);
+            }
+        }
+
+        if (getCurrentLayout(state) === LAYOUTS.TILE_VIEW) {
+            dispatch(setTileView(false));
+        }
+        break;
+    }
+    case REMOVE_STAGE_PARTICIPANT: {
+        const state = store.getState();
+        const { participantId } = action;
+        const tid = timers.get(participantId);
+
+        clearTimeout(tid);
+        timers.delete(participantId);
+        const dominant = getDominantSpeakerParticipant(state);
+
+        if (participantId === dominant?.id) {
+            const timeoutId = setTimeout(() => store.dispatch(removeStageParticipant(participantId)),
+                ACTIVE_PARTICIPANT_TIMEOUT);
+
+            timers.set(participantId, timeoutId);
+
+            return;
+        }
+        break;
+    }
+    case DOMINANT_SPEAKER_CHANGED: {
+        const { id } = action.participant;
+        const state = store.getState();
+        const stageFilmstrip = isStageFilmstripAvailable(state);
+        const local = getLocalParticipant(state);
+        const currentLayout = getCurrentLayout(state);
+        const dominantSpeaker = getDominantSpeakerParticipant(state);
+
+        if (dominantSpeaker?.id === id || id === local?.id || currentLayout === LAYOUTS.TILE_VIEW) {
+            break;
+        }
+
+        if (stageFilmstrip) {
+            const isPinned = getPinnedActiveParticipants(state).some(p => p.participantId === id);
+
+            store.dispatch(addStageParticipant(id, Boolean(isPinned)));
+        }
+        break;
+    }
+    case PARTICIPANT_LEFT: {
+        const state = store.getState();
+        const { id } = action.participant;
+        const activeParticipantsIds = getActiveParticipantsIds(state);
+
+        if (activeParticipantsIds.find(pId => pId === id)) {
+            const tid = timers.get(id);
+            const { activeParticipants } = state['features/filmstrip'];
+
+            clearTimeout(tid);
+            timers.delete(id);
+            store.dispatch(setStageParticipants(activeParticipants.filter(p => p.participantId !== id)));
+        }
+        break;
+    }
+    case TOGGLE_PIN_STAGE_PARTICIPANT: {
+        const { dispatch, getState } = store;
+        const state = getState();
+        const { participantId } = action;
+        const pinnedParticipants = getPinnedActiveParticipants(state);
+        const dominant = getDominantSpeakerParticipant(state);
+
+        if (isStageFilmstripTopPanel(state, 2)) {
+            const screenshares = state['features/video-layout'].remoteScreenShares;
+
+            if (screenshares.find(sId => sId === participantId)) {
+                dispatch(setScreenshareFilmstripParticipant(participantId));
+                break;
+            }
+        }
+
+        if (pinnedParticipants.find(p => p.participantId === participantId)) {
+            if (dominant?.id === participantId) {
+                const { activeParticipants } = state['features/filmstrip'];
+                const queue = activeParticipants.map(p => {
+                    if (p.participantId === participantId) {
+                        return {
+                            participantId,
+                            pinned: false
+                        };
+                    }
+
+                    return p;
+                });
+
+                dispatch(setStageParticipants(queue));
+            } else {
+                dispatch(removeStageParticipant(participantId));
+            }
+        } else {
+            dispatch(addStageParticipant(participantId, true));
+        }
+        break;
+    }
+    case CLEAR_STAGE_PARTICIPANTS: {
+        const activeParticipants = getActiveParticipantsIds(store.getState());
+
+        activeParticipants.forEach(pId => {
+            const tid = timers.get(pId);
+
+            clearTimeout(tid);
+            timers.delete(pId);
+        });
+    }
+    }
+
+    return result ?? next(action);
+});
diff --git a/react/features/filmstrip/reducer.ts b/react/features/filmstrip/reducer.ts
new file mode 100644
index 0000000..bd71883
--- /dev/null
+++ b/react/features/filmstrip/reducer.ts
@@ -0,0 +1,418 @@
+import { PARTICIPANT_LEFT } from '../base/participants/actionTypes';
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import {
+    CLEAR_STAGE_PARTICIPANTS,
+    REMOVE_STAGE_PARTICIPANT,
+    SET_FILMSTRIP_ENABLED,
+    SET_FILMSTRIP_HEIGHT,
+    SET_FILMSTRIP_VISIBLE,
+    SET_FILMSTRIP_WIDTH,
+    SET_HORIZONTAL_VIEW_DIMENSIONS,
+    SET_REMOTE_PARTICIPANTS,
+    SET_SCREENSHARE_FILMSTRIP_PARTICIPANT,
+    SET_SCREENSHARING_TILE_DIMENSIONS,
+    SET_STAGE_FILMSTRIP_DIMENSIONS,
+    SET_STAGE_PARTICIPANTS,
+    SET_TILE_VIEW_DIMENSIONS,
+    SET_TOP_PANEL_VISIBILITY,
+    SET_USER_FILMSTRIP_HEIGHT,
+    SET_USER_FILMSTRIP_WIDTH,
+    SET_USER_IS_RESIZING,
+    SET_VERTICAL_VIEW_DIMENSIONS,
+    SET_VISIBLE_REMOTE_PARTICIPANTS,
+    SET_VOLUME
+} from './actionTypes';
+
+const DEFAULT_STATE = {
+
+    /**
+     * The list of participants to be displayed on the stage filmstrip.
+     */
+    activeParticipants: [],
+
+    /**
+     * The indicator which determines whether the {@link Filmstrip} is enabled.
+     *
+     * @public
+     * @type {boolean}
+     */
+    enabled: true,
+
+    /**
+     * The horizontal view dimensions.
+     *
+     * @public
+     * @type {Object}
+     */
+    horizontalViewDimensions: {},
+
+    /**
+     * Whether or not the user is actively resizing the filmstrip.
+     *
+     * @public
+     * @type {boolean}
+     */
+    isResizing: false,
+
+    /**
+     * The custom audio volume levels per participant.
+     *
+     * @type {Object}
+     */
+    participantsVolume: {},
+
+    /**
+     * The ordered IDs of the remote participants displayed in the filmstrip.
+     *
+     * @public
+     * @type {Array<string>}
+     */
+    remoteParticipants: [],
+
+    /**
+     * The dimensions of the screenshare filmstrip.
+     */
+    screenshareFilmstripDimensions: {},
+
+    /**
+     * The id of the participant whose screenshare to
+     * display on the screenshare filmstrip.
+     */
+    screenshareFilmstripParticipantId: null,
+
+    /**
+     * The stage filmstrip view dimensions.
+     *
+     * @public
+     * @type {Object}
+     */
+    stageFilmstripDimensions: {},
+
+    /**
+     * The tile view dimensions.
+     *
+     * @public
+     * @type {Object}
+     */
+    tileViewDimensions: {},
+
+    /**
+     * The height of the resizable top panel.
+     */
+    topPanelHeight: {
+        /**
+         * Current height. Affected by: user top panel resize,
+         * window resize.
+         */
+        current: null,
+
+        /**
+         * Height set by user resize. Used as the preferred height.
+         */
+        userSet: null
+    },
+
+    /**
+     * The indicator determines if the top panel is visible.
+     */
+    topPanelVisible: true,
+
+    /**
+     * The vertical view dimensions.
+     *
+     * @public
+     * @type {Object}
+     */
+    verticalViewDimensions: {},
+
+    /**
+     * The indicator which determines whether the {@link Filmstrip} is visible.
+     *
+     * @public
+     * @type {boolean}
+     */
+    visible: true,
+
+    /**
+     * The end index in the remote participants array that is visible in the filmstrip.
+     *
+     * @public
+     * @type {number}
+     */
+    visibleParticipantsEndIndex: 0,
+
+    /**
+     * The start index in the remote participants array that is visible in the filmstrip.
+     *
+     * @public
+     * @type {number}
+     */
+    visibleParticipantsStartIndex: 0,
+
+    /**
+     * The visible remote participants in the filmstrip.
+     *
+     * @public
+     * @type {Set<string>}
+     */
+    visibleRemoteParticipants: new Set<string>(),
+
+    /**
+     * The width of the resizable filmstrip.
+     *
+     * @public
+     * @type {Object}
+     */
+    width: {
+        /**
+         * Current width. Affected by: user filmstrip resize,
+         * window resize, panels open/ close.
+         */
+        current: null,
+
+        /**
+         * Width set by user resize. Used as the preferred width.
+         */
+        userSet: null
+    }
+};
+
+interface IDimensions {
+    height: number;
+    width: number;
+}
+
+interface IFilmstripDimensions {
+    columns?: number;
+    filmstripHeight?: number;
+    filmstripWidth?: number;
+    gridDimensions?: {
+        columns: number;
+        rows: number;
+    };
+    hasScroll?: boolean;
+    thumbnailSize?: IDimensions;
+}
+
+export interface IFilmstripState {
+    activeParticipants: Array<{
+        participantId: string;
+        pinned?: boolean;
+    }>;
+    enabled: boolean;
+    horizontalViewDimensions: {
+        hasScroll?: boolean;
+        local?: IDimensions;
+        remote?: IDimensions;
+        remoteVideosContainer?: IDimensions;
+    };
+    isResizing: boolean;
+    participantsVolume: {
+        [participantId: string]: number;
+    };
+    remoteParticipants: string[];
+    screenshareFilmstripDimensions: {
+        filmstripHeight?: number;
+        filmstripWidth?: number;
+        thumbnailSize?: IDimensions;
+    };
+    screenshareFilmstripParticipantId?: string | null;
+    stageFilmstripDimensions: IFilmstripDimensions;
+    tileViewDimensions?: IFilmstripDimensions;
+    topPanelHeight: {
+        current: number | null;
+        userSet: number | null;
+    };
+    topPanelVisible: boolean;
+    verticalViewDimensions: {
+        gridView?: {
+            gridDimensions: {
+                columns: number;
+                rows: number;
+            };
+            hasScroll: boolean;
+            thumbnailSize: IDimensions;
+        };
+        hasScroll?: boolean;
+        local?: IDimensions;
+        remote?: IDimensions;
+        remoteVideosContainer?: IDimensions;
+    };
+    visible: boolean;
+    visibleParticipantsEndIndex: number;
+    visibleParticipantsStartIndex: number;
+    visibleRemoteParticipants: Set<string>;
+    width: {
+        current: number | null;
+        userSet: number | null;
+    };
+}
+
+ReducerRegistry.register<IFilmstripState>(
+    'features/filmstrip',
+    (state = DEFAULT_STATE, action): IFilmstripState => {
+        switch (action.type) {
+        case SET_FILMSTRIP_ENABLED:
+            return {
+                ...state,
+                enabled: action.enabled
+            };
+
+        case SET_FILMSTRIP_VISIBLE:
+            return {
+                ...state,
+                visible: action.visible
+            };
+
+        case SET_HORIZONTAL_VIEW_DIMENSIONS:
+            return {
+                ...state,
+                horizontalViewDimensions: action.dimensions
+            };
+        case SET_REMOTE_PARTICIPANTS: {
+            state.remoteParticipants = action.participants;
+            const { visibleParticipantsStartIndex: startIndex, visibleParticipantsEndIndex: endIndex } = state;
+
+            state.visibleRemoteParticipants = new Set(state.remoteParticipants.slice(startIndex, endIndex + 1));
+
+            return { ...state };
+        }
+        case SET_TILE_VIEW_DIMENSIONS:
+            return {
+                ...state,
+                tileViewDimensions: action.dimensions
+            };
+        case SET_VERTICAL_VIEW_DIMENSIONS:
+            return {
+                ...state,
+                verticalViewDimensions: action.dimensions
+            };
+        case SET_VOLUME:
+            return {
+                ...state,
+                participantsVolume: {
+                    ...state.participantsVolume,
+
+                    // NOTE: This would fit better in the features/base/participants. But currently we store
+                    // the participants as an array which will make it expensive to search for the volume for
+                    // every participant separately.
+                    [action.participantId]: action.volume
+                }
+            };
+        case SET_VISIBLE_REMOTE_PARTICIPANTS: {
+            const { endIndex, startIndex } = action;
+            const { remoteParticipants } = state;
+            const visibleRemoteParticipants = new Set(remoteParticipants.slice(startIndex, endIndex + 1));
+
+            return {
+                ...state,
+                visibleParticipantsStartIndex: startIndex,
+                visibleParticipantsEndIndex: endIndex,
+                visibleRemoteParticipants
+            };
+        }
+        case PARTICIPANT_LEFT: {
+            const { id, local } = action.participant;
+
+            if (local) {
+                return state;
+            }
+            delete state.participantsVolume[id];
+
+            return {
+                ...state
+            };
+        }
+        case SET_FILMSTRIP_HEIGHT:{
+            return {
+                ...state,
+                topPanelHeight: {
+                    ...state.topPanelHeight,
+                    current: action.height
+                }
+            };
+        }
+        case SET_FILMSTRIP_WIDTH: {
+            return {
+                ...state,
+                width: {
+                    ...state.width,
+                    current: action.width
+                }
+            };
+        }
+        case SET_USER_FILMSTRIP_HEIGHT: {
+            const { height } = action;
+
+            return {
+                ...state,
+                topPanelHeight: {
+                    current: height,
+                    userSet: height
+                }
+            };
+        }
+        case SET_USER_FILMSTRIP_WIDTH: {
+            const { width } = action;
+
+            return {
+                ...state,
+                width: {
+                    current: width,
+                    userSet: width
+                }
+            };
+        }
+        case SET_USER_IS_RESIZING: {
+            return {
+                ...state,
+                isResizing: action.resizing
+            };
+        }
+        case SET_STAGE_FILMSTRIP_DIMENSIONS: {
+            return {
+                ...state,
+                stageFilmstripDimensions: action.dimensions
+            };
+        }
+        case SET_STAGE_PARTICIPANTS: {
+            return {
+                ...state,
+                activeParticipants: action.queue
+            };
+        }
+        case REMOVE_STAGE_PARTICIPANT: {
+            return {
+                ...state,
+                activeParticipants: state.activeParticipants.filter(p => p.participantId !== action.participantId)
+            };
+        }
+        case CLEAR_STAGE_PARTICIPANTS: {
+            return {
+                ...state,
+                activeParticipants: []
+            };
+        }
+        case SET_SCREENSHARING_TILE_DIMENSIONS: {
+            return {
+                ...state,
+                screenshareFilmstripDimensions: action.dimensions
+            };
+        }
+        case SET_TOP_PANEL_VISIBILITY: {
+            return {
+                ...state,
+                topPanelVisible: action.visible
+            };
+        }
+        case SET_SCREENSHARE_FILMSTRIP_PARTICIPANT: {
+            return {
+                ...state,
+                screenshareFilmstripParticipantId: action.participantId
+            };
+        }
+        }
+
+        return state;
+    });
diff --git a/react/features/filmstrip/subscriber.any.ts b/react/features/filmstrip/subscriber.any.ts
new file mode 100644
index 0000000..fb5f3e8
--- /dev/null
+++ b/react/features/filmstrip/subscriber.any.ts
@@ -0,0 +1,35 @@
+import StateListenerRegistry from '../base/redux/StateListenerRegistry';
+
+import { isFilmstripScrollVisible, updateRemoteParticipants } from './functions';
+
+/**
+ * Listens for changes to the screensharing status of the remote participants to recompute the reordered list of the
+ * remote endpoints.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => state['features/video-layout'].remoteScreenShares,
+    /* listener */ (remoteScreenShares, store) => updateRemoteParticipants(store));
+
+/**
+ * Listens for changes to the remote screenshare participants to recompute the reordered list of the remote endpoints.
+ * We force updateRemoteParticipants to make sure it executes and for the case where
+ * sortedRemoteVirtualScreenshareParticipants becomes 0. We do not want to short circuit it in case of no screen-sharers
+ * and no scroll and triggered for dominant speaker changed.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => state['features/base/participants'].sortedRemoteVirtualScreenshareParticipants,
+    /* listener */ (sortedRemoteVirtualScreenshareParticipants, store) => updateRemoteParticipants(store, true));
+
+/**
+ * Listens for changes to the dominant speaker to recompute the reordered list of the remote endpoints.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => state['features/base/participants'].dominantSpeaker,
+    /* listener */ (dominantSpeaker, store) => updateRemoteParticipants(store));
+
+/**
+ * Listens for changes in the filmstrip scroll visibility.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => isFilmstripScrollVisible(state),
+    /* listener */ (_, store) => updateRemoteParticipants(store));
diff --git a/react/features/filmstrip/subscriber.native.ts b/react/features/filmstrip/subscriber.native.ts
new file mode 100644
index 0000000..93f7597
--- /dev/null
+++ b/react/features/filmstrip/subscriber.native.ts
@@ -0,0 +1,42 @@
+import { getCurrentConference } from '../base/conference/functions';
+import StateListenerRegistry from '../base/redux/StateListenerRegistry';
+import { shouldDisplayTileView } from '../video-layout/functions.native';
+
+import { setRemoteParticipants, setTileViewDimensions } from './actions.native';
+import { getTileViewParticipantCount } from './functions.native';
+import './subscriber.any';
+
+/**
+ * Listens for changes in the number of participants to calculate the dimensions of the tile view grid and the tiles.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => getTileViewParticipantCount(state),
+    /* listener */ (_, store) => {
+        const state = store.getState();
+
+        if (shouldDisplayTileView(state)) {
+            store.dispatch(setTileViewDimensions());
+        }
+    });
+
+/**
+ * Listens for changes in the selected layout to calculate the dimensions of the tile view grid and horizontal view.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => shouldDisplayTileView(state),
+    /* listener */ (isTileView, store) => {
+        if (isTileView) {
+            store.dispatch(setTileViewDimensions());
+        }
+    });
+
+/**
+ * Listens for changes in the current conference and clears remote participants from this feature.
+ */
+StateListenerRegistry.register(
+    state => getCurrentConference(state),
+    (conference, { dispatch }, previousConference) => {
+        if (conference !== previousConference) {
+            dispatch(setRemoteParticipants([]));
+        }
+    });
diff --git a/react/features/filmstrip/subscriber.web.ts b/react/features/filmstrip/subscriber.web.ts
new file mode 100644
index 0000000..8892802
--- /dev/null
+++ b/react/features/filmstrip/subscriber.web.ts
@@ -0,0 +1,237 @@
+import { pinParticipant } from '../base/participants/actions';
+import { getParticipantCountWithFake } from '../base/participants/functions';
+import StateListenerRegistry from '../base/redux/StateListenerRegistry';
+import { clientResized, setNarrowLayout } from '../base/responsive-ui/actions';
+import { getHideSelfView } from '../base/settings/functions.any';
+import { selectParticipantInLargeVideo } from '../large-video/actions.any';
+import { getParticipantsPaneOpen } from '../participants-pane/functions';
+import { setOverflowDrawer } from '../toolbox/actions.web';
+import { LAYOUTS } from '../video-layout/constants';
+import { getCurrentLayout, shouldDisplayTileView } from '../video-layout/functions.web';
+
+import { clearStageParticipants,
+    setFilmstripVisible,
+    setHorizontalViewDimensions,
+    setScreenshareFilmstripParticipant,
+    setScreensharingTileDimensions,
+    setStageFilmstripViewDimensions,
+    setTileViewDimensions,
+    setVerticalViewDimensions
+} from './actions.web';
+import {
+    ASPECT_RATIO_BREAKPOINT,
+    DISPLAY_DRAWER_THRESHOLD
+} from './constants';
+import {
+    isFilmstripResizable,
+    isTopPanelEnabled
+} from './functions.web';
+
+import './subscriber.any';
+
+
+/**
+ * Listens for changes in the number of participants to calculate the dimensions of the tile view grid and the tiles.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => {
+        return {
+            numberOfParticipants: getParticipantCountWithFake(state),
+            disableSelfView: getHideSelfView(state),
+            localScreenShare: state['features/base/participants'].localScreenShare
+        };
+    },
+    /* listener */ (currentState, store) => {
+        const state = store.getState();
+        const resizableFilmstrip = isFilmstripResizable(state);
+
+        if (shouldDisplayTileView(state)) {
+            store.dispatch(setTileViewDimensions());
+        }
+        if (resizableFilmstrip) {
+            store.dispatch(setVerticalViewDimensions());
+        }
+    }, {
+        deepEquals: true
+    });
+
+/**
+ * Listens for changes in the selected layout to calculate the dimensions of the tile view grid and horizontal view.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => {
+        const { clientHeight, videoSpaceWidth } = state['features/base/responsive-ui'];
+
+        return {
+            layout: getCurrentLayout(state),
+            height: clientHeight,
+            width: videoSpaceWidth
+        };
+    },
+    /* listener */ ({ layout }, store) => {
+        switch (layout) {
+        case LAYOUTS.TILE_VIEW: {
+            const { pinnedParticipant } = store.getState()['features/base/participants'];
+
+            if (pinnedParticipant) {
+                store.dispatch(pinParticipant(null));
+            }
+            store.dispatch(clearStageParticipants());
+            store.dispatch(setTileViewDimensions());
+            break;
+        }
+        case LAYOUTS.HORIZONTAL_FILMSTRIP_VIEW:
+            store.dispatch(setHorizontalViewDimensions());
+            break;
+        case LAYOUTS.VERTICAL_FILMSTRIP_VIEW:
+            store.dispatch(setVerticalViewDimensions());
+            if (store.getState()['features/filmstrip'].activeParticipants.length > 1) {
+                store.dispatch(clearStageParticipants());
+            }
+            break;
+        case LAYOUTS.STAGE_FILMSTRIP_VIEW:
+            store.dispatch(pinParticipant(null));
+            break;
+        }
+    }, {
+        deepEquals: true
+    });
+
+/**
+ * Listens for changes in the chat state to recompute available width.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => state['features/chat'].isOpen,
+    /* listener */ (isChatOpen, store) => {
+        const { innerWidth, innerHeight } = window;
+
+        store.dispatch(clientResized(innerWidth, innerHeight));
+    });
+
+/**
+ * Listens for changes in the participant pane state to calculate the
+ * dimensions of the tile view grid and the tiles.
+ */
+StateListenerRegistry.register(
+    /* selector */ getParticipantsPaneOpen,
+    /* listener */ (isOpen, store) => {
+        const { innerWidth, innerHeight } = window;
+
+        store.dispatch(clientResized(innerWidth, innerHeight));
+    });
+
+
+/**
+ * Listens for changes in the client width to determine whether the overflow menu(s) should be displayed as drawers.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => state['features/base/responsive-ui'].videoSpaceWidth < DISPLAY_DRAWER_THRESHOLD,
+    /* listener */ (widthBelowThreshold, store) => {
+        store.dispatch(setOverflowDrawer(widthBelowThreshold));
+        store.dispatch(setNarrowLayout(widthBelowThreshold));
+    });
+
+/**
+ * Gracefully hide/show the filmstrip when going past threshold.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => state['features/base/responsive-ui'].videoSpaceWidth < ASPECT_RATIO_BREAKPOINT,
+    /* listener */ (widthBelowThreshold, store) => {
+        const state = store.getState();
+        const { disableFilmstripAutohiding } = state['features/base/config'];
+
+        if (!disableFilmstripAutohiding) {
+            store.dispatch(setFilmstripVisible(!widthBelowThreshold));
+        }
+    });
+
+/**
+ * Listens for changes in the filmstrip width to determine the size of the tiles.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => state['features/filmstrip'].width?.current,
+    /* listener */(_, store) => {
+        store.dispatch(setVerticalViewDimensions());
+    });
+
+/**
+ * Listens for changes in the filmstrip config to determine the size of the tiles.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => state['features/base/config'].filmstrip?.disableResizable,
+    /* listener */(_, store) => {
+        store.dispatch(setVerticalViewDimensions());
+    });
+
+/**
+ * Listens for changes to determine the size of the stage filmstrip tiles.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => {
+        return {
+            remoteScreenShares: state['features/video-layout'].remoteScreenShares.length,
+            length: state['features/filmstrip'].activeParticipants.length,
+            width: state['features/filmstrip'].width?.current,
+            visible: state['features/filmstrip'].visible,
+            clientWidth: state['features/base/responsive-ui'].videoSpaceWidth,
+            clientHeight: state['features/base/responsive-ui'].clientHeight,
+            tileView: state['features/video-layout'].tileViewEnabled,
+            height: state['features/filmstrip'].topPanelHeight?.current
+        };
+    },
+    /* listener */(_, store) => {
+        if (getCurrentLayout(store.getState()) === LAYOUTS.STAGE_FILMSTRIP_VIEW) {
+            store.dispatch(setStageFilmstripViewDimensions());
+        }
+    }, {
+        deepEquals: true
+    });
+
+/**
+ * Listens for changes in the active participants count determine the stage participant (when
+ * there's just one).
+ */
+StateListenerRegistry.register(
+    /* selector */ state => state['features/filmstrip'].activeParticipants,
+    /* listener */(activeParticipants, store) => {
+        if (activeParticipants.length <= 1) {
+            store.dispatch(selectParticipantInLargeVideo());
+        }
+    });
+
+/**
+ * Listens for changes to determine the size of the screenshare filmstrip.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => {
+        return {
+            length: state['features/video-layout'].remoteScreenShares.length,
+            clientWidth: state['features/base/responsive-ui'].videoSpaceWidth,
+            clientHeight: state['features/base/responsive-ui'].clientHeight,
+            height: state['features/filmstrip'].topPanelHeight?.current,
+            width: state['features/filmstrip'].width?.current,
+            visible: state['features/filmstrip'].visible,
+            topPanelVisible: state['features/filmstrip'].topPanelVisible
+        };
+    },
+    /* listener */({ length }, store) => {
+        if (length >= 1 && isTopPanelEnabled(store.getState())) {
+            store.dispatch(setScreensharingTileDimensions());
+        }
+    }, {
+        deepEquals: true
+    });
+
+/**
+ * Listens for changes to clear invalid data.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => state['features/video-layout'].remoteScreenShares.length,
+    /* listener */(length, store) => {
+        if (length === 0) {
+            store.dispatch(setScreenshareFilmstripParticipant());
+        }
+    }, {
+        deepEquals: true
+    });
+
diff --git a/react/features/follow-me/actionTypes.ts b/react/features/follow-me/actionTypes.ts
new file mode 100644
index 0000000..7a0dd7c
--- /dev/null
+++ b/react/features/follow-me/actionTypes.ts
@@ -0,0 +1,43 @@
+/**
+ * The id of the Follow Me moderator.
+ *
+ * {
+ *     type: SET_FOLLOW_ME_MODERATOR,
+ *     id: boolean
+ * }
+ */
+export const SET_FOLLOW_ME_MODERATOR = 'SET_FOLLOW_ME_MODERATOR';
+
+/**
+ * The type of (redux) action which updates the current known state of the
+ * Follow Me feature.
+ *
+ *
+ * {
+ *     type: SET_FOLLOW_ME_STATE,
+ *     state: boolean
+ * }
+ */
+export const SET_FOLLOW_ME_STATE = 'SET_FOLLOW_ME_STATE';
+
+/**
+ * The type of (redux) action which updates the current known status of the
+ * Follow Me feature.
+ *
+ * {
+ *     type: SET_FOLLOW_ME,
+ *     enabled: boolean
+ * }
+ */
+export const SET_FOLLOW_ME = 'SET_FOLLOW_ME';
+
+/**
+ * The type of (redux) action which updates the current known status of the
+ * Follow Me feature that is used only by the recorder.
+ *
+ * {
+ *     type: SET_FOLLOW_ME_RECORDER,
+ *     enabled: boolean
+ * }
+ */
+export const SET_FOLLOW_ME_RECORDER = 'SET_FOLLOW_ME_RECORDER';
diff --git a/react/features/follow-me/actions.ts b/react/features/follow-me/actions.ts
new file mode 100644
index 0000000..897d28e
--- /dev/null
+++ b/react/features/follow-me/actions.ts
@@ -0,0 +1,73 @@
+import {
+    SET_FOLLOW_ME,
+    SET_FOLLOW_ME_MODERATOR,
+    SET_FOLLOW_ME_RECORDER,
+    SET_FOLLOW_ME_STATE
+} from './actionTypes';
+
+/**
+ * Sets the current moderator id or clears it.
+ *
+ * @param {?string} id - The Follow Me moderator participant id.
+ * @param {?boolean} forRecorder - Whether this is command only for recorder.
+ * @returns {{
+ *     type: SET_FOLLOW_ME_MODERATOR,
+ *     id: string,
+ *     forRecorder: boolean
+ * }}
+ */
+export function setFollowMeModerator(id?: string, forRecorder?: boolean) {
+    return {
+        type: SET_FOLLOW_ME_MODERATOR,
+        id,
+        forRecorder
+    };
+}
+
+/**
+ * Sets the Follow Me feature state.
+ *
+ * @param {?Object} state - The current state.
+ * @returns {{
+ *     type: SET_FOLLOW_ME_STATE,
+ *     state: Object
+ * }}
+ */
+export function setFollowMeState(state?: Object) {
+    return {
+        type: SET_FOLLOW_ME_STATE,
+        state
+    };
+}
+
+/**
+ * Enables or disables the Follow Me feature.
+ *
+ * @param {boolean} enabled - Whether or not Follow Me should be enabled.
+ * @returns {{
+ *     type: SET_FOLLOW_ME,
+ *     enabled: boolean
+ * }}
+ */
+export function setFollowMe(enabled: boolean) {
+    return {
+        type: SET_FOLLOW_ME,
+        enabled
+    };
+}
+
+/**
+ * Enables or disables the Follow Me feature used only for the recorder.
+ *
+ * @param {boolean} enabled - Whether Follow Me should be enabled and used only by the recorder.
+ * @returns {{
+ *     type: SET_FOLLOW_ME_RECORDER,
+ *     enabled: boolean
+ * }}
+ */
+export function setFollowMeRecorder(enabled: boolean) {
+    return {
+        type: SET_FOLLOW_ME_RECORDER,
+        enabled
+    };
+}
diff --git a/react/features/follow-me/constants.ts b/react/features/follow-me/constants.ts
new file mode 100644
index 0000000..34fd83b
--- /dev/null
+++ b/react/features/follow-me/constants.ts
@@ -0,0 +1,6 @@
+/**
+ * The (name of the) command which transports the state (represented by
+ * {State} for the local state at the time of this writing) of a {FollowMe}
+ * (instance) between participants.
+ */
+export const FOLLOW_ME_COMMAND = 'follow-me';
diff --git a/react/features/follow-me/functions.ts b/react/features/follow-me/functions.ts
new file mode 100644
index 0000000..5030cde
--- /dev/null
+++ b/react/features/follow-me/functions.ts
@@ -0,0 +1,28 @@
+import { IStateful } from '../base/app/types';
+import { toState } from '../base/redux/functions';
+
+/**
+ * Returns true if follow me is active and false otherwise.
+ *
+ * @param {Object|Function} stateful - Object or function that can be resolved
+ * to the Redux state.
+ * @returns {boolean} - True if follow me is active and false otherwise.
+ */
+export function isFollowMeActive(stateful: IStateful) {
+    const state = toState(stateful);
+
+    return Boolean(state['features/follow-me'].moderator);
+}
+
+/**
+ * Returns true if follow me is active only for the recorder and false otherwise.
+ *
+ * @param {Object|Function} stateful - Object or function that can be resolved
+ * to the Redux state.
+ * @returns {boolean} - True if follow me is active and false otherwise.
+ */
+export function isFollowMeRecorderActive(stateful: IStateful) {
+    const state = toState(stateful);
+
+    return Boolean(state['features/follow-me'].recorder);
+}
diff --git a/react/features/follow-me/logger.ts b/react/features/follow-me/logger.ts
new file mode 100644
index 0000000..e86619c
--- /dev/null
+++ b/react/features/follow-me/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:follow-me');
diff --git a/react/features/follow-me/middleware.ts b/react/features/follow-me/middleware.ts
new file mode 100644
index 0000000..78f2da0
--- /dev/null
+++ b/react/features/follow-me/middleware.ts
@@ -0,0 +1,238 @@
+import { differenceWith, isEqual } from 'lodash-es';
+
+import { IStore } from '../app/types';
+import { CONFERENCE_JOIN_IN_PROGRESS } from '../base/conference/actionTypes';
+import { PARTICIPANT_LEFT } from '../base/participants/actionTypes';
+import { pinParticipant } from '../base/participants/actions';
+import { getParticipantById, getPinnedParticipant } from '../base/participants/functions';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { updateSettings } from '../base/settings/actions';
+import { addStageParticipant, removeStageParticipant, setFilmstripVisible } from '../filmstrip/actions';
+import { setTileView } from '../video-layout/actions.any';
+
+import {
+    setFollowMeModerator,
+    setFollowMeState
+} from './actions';
+import { FOLLOW_ME_COMMAND } from './constants';
+import { isFollowMeActive } from './functions';
+import logger from './logger';
+
+import './subscriber';
+
+/**
+ * The timeout after which a follow-me command that has been received will be
+ * ignored if not consumed.
+ *
+ * @type {number} in seconds
+ * @private
+ */
+const _FOLLOW_ME_RECEIVED_TIMEOUT = 30;
+
+/**
+ * An instance of a timeout used as a workaround when attempting to pin a
+ * non-existent particapant, which may be caused by participant join information
+ * not being received yet.
+ *
+ * @type {TimeoutID}
+ */
+let nextOnStageTimeout: number;
+
+/**
+ * A count of how many seconds the nextOnStageTimeout has ticked while waiting
+ * for a participant to be discovered that should be pinned. This variable
+ * works in conjunction with {@code _FOLLOW_ME_RECEIVED_TIMEOUT} and
+ * {@code nextOnStageTimeout}.
+ *
+ * @type {number}
+ */
+let nextOnStageTimer = 0;
+
+/**
+ * Represents "Follow Me" feature which enables a moderator to (partially)
+ * control the user experience/interface (e.g. Filmstrip visibility) of (other)
+ * non-moderator participant.
+ */
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case CONFERENCE_JOIN_IN_PROGRESS: {
+        const { conference } = action;
+
+        conference.addCommandListener(
+            FOLLOW_ME_COMMAND, ({ attributes }: any, id: string) => {
+                _onFollowMeCommand(attributes, id, store);
+            });
+        break;
+    }
+    case PARTICIPANT_LEFT:
+        if (store.getState()['features/follow-me'].moderator === action.participant.id) {
+            store.dispatch(setFollowMeModerator());
+        }
+        break;
+    }
+
+    return next(action);
+});
+
+/**
+ * Notifies this instance about a "Follow Me" command received by the Jitsi
+ * conference.
+ *
+ * @param {Object} attributes - The attributes carried by the command.
+ * @param {string} id - The identifier of the participant who issuing the
+ * command. A notable idiosyncrasy to be mindful of here is that the command
+ * may be issued by the local participant.
+ * @param {Object} store - The redux store. Used to calculate and dispatch
+ * updates.
+ * @private
+ * @returns {void}
+ */
+function _onFollowMeCommand(attributes: any = {}, id: string, store: IStore) {
+    const state = store.getState();
+
+    // We require to know who issued the command because (1) only a
+    // moderator is allowed to send commands and (2) a command MUST be
+    // issued by a defined commander.
+    if (typeof id === 'undefined') {
+        return;
+    }
+
+    const participantSendingCommand = getParticipantById(state, id);
+
+    if (participantSendingCommand) {
+        // The Command(s) API will send us our own commands and we don't want
+        // to act upon them.
+        if (participantSendingCommand.local) {
+            return;
+        }
+
+        if (participantSendingCommand.role !== 'moderator') {
+            logger.warn('Received follow-me command not from moderator');
+
+            return;
+        }
+    } else {
+        // This is the case of jibri receiving commands from a hidden participant.
+        const { iAmRecorder } = state['features/base/config'];
+        const { conference } = state['features/base/conference'];
+
+        // As this participant is not stored in redux store we do the checks on the JitsiParticipant from lib-jitsi-meet
+        const participant = conference?.getParticipantById(id);
+
+        if (!iAmRecorder || !participant || participant.getRole() !== 'moderator'
+            || !participant.isHiddenFromRecorder()) {
+            logger.warn('Something went wrong with follow-me command');
+
+            return;
+        }
+    }
+
+    if (!isFollowMeActive(state)) {
+        store.dispatch(setFollowMeModerator(id, attributes.recorder));
+    }
+
+    // just a command that follow me was turned off
+    if (attributes.off) {
+        store.dispatch(setFollowMeModerator());
+
+        return;
+    }
+
+    // when recorder flag is on, follow me is handled only on recorder side
+    if (attributes.recorder && !store.getState()['features/base/config'].iAmRecorder) {
+        return;
+    }
+
+    const oldState = state['features/follow-me'].state || {};
+
+    store.dispatch(setFollowMeState(attributes));
+
+    // XMPP will translate all booleans to strings, so explicitly check against
+    // the string form of the boolean {@code true}.
+    if (oldState.filmstripVisible !== attributes.filmstripVisible) {
+        store.dispatch(setFilmstripVisible(attributes.filmstripVisible === 'true'));
+    }
+
+    if (oldState.tileViewEnabled !== attributes.tileViewEnabled) {
+        store.dispatch(setTileView(attributes.tileViewEnabled === 'true'));
+    }
+
+    // For now gate etherpad checks behind a web-app check to be extra safe
+    // against calling a web-app global.
+    if (typeof APP !== 'undefined'
+        && oldState.sharedDocumentVisible !== attributes.sharedDocumentVisible) {
+        const isEtherpadVisible = attributes.sharedDocumentVisible === 'true';
+        const documentManager = APP.UI.getSharedDocumentManager();
+
+        if (documentManager
+                && isEtherpadVisible !== state['features/etherpad'].editing) {
+            documentManager.toggleEtherpad();
+        }
+    }
+
+    const pinnedParticipant = getPinnedParticipant(state);
+    const idOfParticipantToPin = attributes.nextOnStage;
+
+    if (typeof idOfParticipantToPin !== 'undefined'
+            && (!pinnedParticipant || idOfParticipantToPin !== pinnedParticipant.id)
+            && oldState.nextOnStage !== attributes.nextOnStage) {
+        _pinVideoThumbnailById(store, idOfParticipantToPin);
+    } else if (typeof idOfParticipantToPin === 'undefined' && pinnedParticipant) {
+        store.dispatch(pinParticipant(null));
+    }
+
+    if (attributes.pinnedStageParticipants !== undefined) {
+        const stageParticipants = JSON.parse(attributes.pinnedStageParticipants);
+        let oldStageParticipants = [];
+
+        if (oldState.pinnedStageParticipants !== undefined) {
+            oldStageParticipants = JSON.parse(oldState.pinnedStageParticipants);
+        }
+
+        if (!isEqual(stageParticipants, oldStageParticipants)) {
+            const toRemove = differenceWith(oldStageParticipants, stageParticipants, isEqual);
+            const toAdd = differenceWith(stageParticipants, oldStageParticipants, isEqual);
+
+            toRemove.forEach((p: { participantId: string; }) =>
+                store.dispatch(removeStageParticipant(p.participantId)));
+            toAdd.forEach((p: { participantId: string; }) =>
+                store.dispatch(addStageParticipant(p.participantId, true)));
+        }
+    }
+
+    if (attributes.maxStageParticipants !== undefined
+        && oldState.maxStageParticipants !== attributes.maxStageParticipants) {
+        store.dispatch(updateSettings({
+            maxStageParticipants: Number(attributes.maxStageParticipants)
+        }));
+    }
+}
+
+/**
+ * Pins the video thumbnail given by clickId.
+ *
+ * @param {Object} store - The redux store.
+ * @param {string} clickId - The identifier of the participant to pin.
+ * @private
+ * @returns {void}
+ */
+function _pinVideoThumbnailById(store: IStore, clickId: string) {
+    if (getParticipantById(store.getState(), clickId)) {
+        clearTimeout(nextOnStageTimeout);
+        nextOnStageTimer = 0;
+
+        store.dispatch(pinParticipant(clickId));
+    } else {
+        nextOnStageTimeout = window.setTimeout(() => {
+            if (nextOnStageTimer > _FOLLOW_ME_RECEIVED_TIMEOUT) {
+                nextOnStageTimer = 0;
+
+                return;
+            }
+
+            nextOnStageTimer++;
+
+            _pinVideoThumbnailById(store, clickId);
+        }, 1000);
+    }
+}
diff --git a/react/features/follow-me/reducer.ts b/react/features/follow-me/reducer.ts
new file mode 100644
index 0000000..802bc2d
--- /dev/null
+++ b/react/features/follow-me/reducer.ts
@@ -0,0 +1,54 @@
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+import { set } from '../base/redux/functions';
+
+import {
+    SET_FOLLOW_ME,
+    SET_FOLLOW_ME_MODERATOR,
+    SET_FOLLOW_ME_RECORDER,
+    SET_FOLLOW_ME_STATE
+} from './actionTypes';
+
+export interface IFollowMeState {
+    followMeEnabled?: boolean;
+    followMeRecorderEnabled?: boolean;
+    moderator?: string;
+    recorder?: boolean;
+    state?: {
+        [key: string]: string;
+    };
+}
+
+/**
+ * Listen for actions that contain the Follow Me feature active state, so that it can be stored.
+ */
+ReducerRegistry.register<IFollowMeState>(
+    'features/follow-me',
+    (state = {}, action): IFollowMeState => {
+        switch (action.type) {
+        case SET_FOLLOW_ME:
+            return set(state, 'followMeEnabled', action.enabled);
+        case SET_FOLLOW_ME_MODERATOR: {
+            let newState = set(state, 'moderator', action.id);
+
+            if (action.id) {
+                newState = set(newState, 'recorder', action.forRecorder);
+            } else {
+                // clear the state if feature becomes disabled
+                newState = set(newState, 'state', undefined);
+                newState = set(newState, 'recorder', undefined);
+            }
+
+            return newState;
+        }
+        case SET_FOLLOW_ME_RECORDER:
+            return { ...state,
+                followMeRecorderEnabled: action.enabled,
+                followMeEnabled: action.enabled
+            };
+        case SET_FOLLOW_ME_STATE: {
+            return set(state, 'state', action.state);
+        }
+        }
+
+        return state;
+    });
diff --git a/react/features/follow-me/subscriber.ts b/react/features/follow-me/subscriber.ts
new file mode 100644
index 0000000..9d1d763
--- /dev/null
+++ b/react/features/follow-me/subscriber.ts
@@ -0,0 +1,141 @@
+import { IReduxState, IStore } from '../app/types';
+import { getCurrentConference } from '../base/conference/functions';
+import {
+    getPinnedParticipant,
+    isLocalParticipantModerator
+} from '../base/participants/functions';
+import StateListenerRegistry from '../base/redux/StateListenerRegistry';
+import { getPinnedActiveParticipants, isStageFilmstripEnabled } from '../filmstrip/functions';
+import { shouldDisplayTileView } from '../video-layout/functions';
+
+import { FOLLOW_ME_COMMAND } from './constants';
+
+/**
+ * Subscribes to changes to the Follow Me setting for the local participant to
+ * notify remote participants of current user interface status.
+ * Changing newSelectedValue param to off, when feature is turned of so we can
+ * notify all listeners.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => state['features/follow-me'].followMeEnabled,
+    /* listener */ (newSelectedValue, store) => _sendFollowMeCommand(newSelectedValue || 'off', store));
+
+/**
+ * Subscribes to changes to the currently pinned participant in the user
+ * interface of the local participant.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => {
+        const pinnedParticipant = getPinnedParticipant(state);
+
+        return pinnedParticipant ? pinnedParticipant.id : null;
+    },
+    /* listener */ _sendFollowMeCommand);
+
+/**
+ * Subscribes to changes to the shared document (etherpad) visibility in the
+ * user interface of the local participant.
+ *
+ * @param sharedDocumentVisible - {Boolean} {true} If the shared document was
+ * shown (as a result of the toggle) or {false} if it was hidden.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => state['features/etherpad'].editing,
+    /* listener */ _sendFollowMeCommand);
+
+/**
+ * Subscribes to changes to the filmstrip visibility in the user interface of
+ * the local participant.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => state['features/filmstrip'].visible,
+    /* listener */ _sendFollowMeCommand);
+
+/**
+ * Subscribes to changes to the stage filmstrip participants.
+ */
+StateListenerRegistry.register(
+    /* selector */ getPinnedActiveParticipants,
+    /* listener */ _sendFollowMeCommand,
+    {
+        deepEquals: true
+    });
+
+/**
+ * Subscribes to changes to the tile view setting in the user interface of the
+ * local participant.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => state['features/video-layout'].tileViewEnabled,
+    /* listener */ _sendFollowMeCommand);
+
+/**
+ * Subscribes to changes to the max number of stage participants setting.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => state['features/base/settings'].maxStageParticipants,
+    /* listener */ _sendFollowMeCommand);
+
+/**
+ * Private selector for returning state from redux that should be respected by
+ * other participants while follow me is enabled.
+ *
+ * @param {Object} state - The redux state.
+ * @returns {Object}
+ */
+function _getFollowMeState(state: IReduxState) {
+    const pinnedParticipant = getPinnedParticipant(state);
+    const stageFilmstrip = isStageFilmstripEnabled(state);
+
+    return {
+        recorder: state['features/follow-me'].followMeRecorderEnabled,
+        filmstripVisible: state['features/filmstrip'].visible,
+        maxStageParticipants: stageFilmstrip ? state['features/base/settings'].maxStageParticipants : undefined,
+        nextOnStage: pinnedParticipant?.id,
+        pinnedStageParticipants: stageFilmstrip ? JSON.stringify(getPinnedActiveParticipants(state)) : undefined,
+        sharedDocumentVisible: state['features/etherpad'].editing,
+        tileViewEnabled: shouldDisplayTileView(state)
+    };
+}
+
+/**
+ * Sends the follow-me command, when a local property change occurs.
+ *
+ * @param {*} newSelectedValue - The changed selected value from the selector.
+ * @param {Object} store - The redux store.
+ * @private
+ * @returns {void}
+ */
+function _sendFollowMeCommand(
+        newSelectedValue: any, store: IStore) {
+    const state = store.getState();
+    const conference = getCurrentConference(state);
+
+    if (!conference) {
+        return;
+    }
+
+    // Only a moderator is allowed to send commands.
+    if (!isLocalParticipantModerator(state)) {
+        return;
+    }
+
+    if (newSelectedValue === 'off') {
+        // if the change is to off, local user turned off follow me and
+        // we want to signal this
+
+        conference.sendCommandOnce(
+            FOLLOW_ME_COMMAND,
+            { attributes: { off: true } }
+        );
+
+        return;
+    } else if (!state['features/follow-me'].followMeEnabled) {
+        return;
+    }
+
+    conference.sendCommand(
+        FOLLOW_ME_COMMAND,
+        { attributes: _getFollowMeState(state) }
+    );
+}
diff --git a/react/features/gifs/actionTypes.ts b/react/features/gifs/actionTypes.ts
new file mode 100644
index 0000000..4999d63
--- /dev/null
+++ b/react/features/gifs/actionTypes.ts
@@ -0,0 +1,46 @@
+/**
+ * Adds a gif for a given participant.
+ * {{
+ *      type: ADD_GIF_FOR_PARTICIPANT,
+ *      participantId: string,
+ *      gifUrl: string,
+ *      timeoutID: number
+ * }}
+ */
+export const ADD_GIF_FOR_PARTICIPANT = 'ADD_GIF_FOR_PARTICIPANT';
+
+/**
+ * Set timeout to hide a gif for a given participant.
+ * {{
+ *      type: HIDE_GIF_FOR_PARTICIPANT,
+ *      participantId: string
+ * }}
+ */
+export const HIDE_GIF_FOR_PARTICIPANT = 'HIDE_GIF_FOR_PARTICIPANT';
+
+/**
+ * Removes a gif for a given participant.
+ * {{
+ *      type: REMOVE_GIF_FOR_PARTICIPANT,
+ *      participantId: string
+ * }}
+ */
+export const REMOVE_GIF_FOR_PARTICIPANT = 'REMOVE_GIF_FOR_PARTICIPANT';
+
+/**
+ * Set gif menu visibility.
+ * {{
+ *      type: SET_GIF_MENU_VISIBILITY,
+ *      visible: boolean
+ * }}
+ */
+export const SET_GIF_MENU_VISIBILITY = 'SET_GIF_MENU_VISIBILITY';
+
+/**
+ * Keep showing a gif for a given participant.
+ * {{
+ *      type: SHOW_GIF_FOR_PARTICIPANT,
+ *      participantId: string
+ * }}
+ */
+export const SHOW_GIF_FOR_PARTICIPANT = 'SHOW_GIF_FOR_PARTICIPANT';
diff --git a/react/features/gifs/actions.ts b/react/features/gifs/actions.ts
new file mode 100644
index 0000000..ab809b7
--- /dev/null
+++ b/react/features/gifs/actions.ts
@@ -0,0 +1,74 @@
+import {
+    ADD_GIF_FOR_PARTICIPANT,
+    HIDE_GIF_FOR_PARTICIPANT,
+    REMOVE_GIF_FOR_PARTICIPANT,
+    SET_GIF_MENU_VISIBILITY,
+    SHOW_GIF_FOR_PARTICIPANT
+} from './actionTypes';
+
+/**
+ * Adds a GIF for a given participant.
+ *
+ * @param {string} participantId - The id of the participant that sent the GIF.
+ * @param {string} gifUrl - The URL of the GIF.
+ * @returns {Object}
+ */
+export function addGif(participantId: string, gifUrl: string) {
+    return {
+        type: ADD_GIF_FOR_PARTICIPANT,
+        participantId,
+        gifUrl
+    };
+}
+
+/**
+ * Removes the GIF of the given participant.
+ *
+ * @param {string} participantId - The Id of the participant for whom to remove the GIF.
+ * @returns {Object}
+ */
+export function removeGif(participantId: string) {
+    return {
+        type: REMOVE_GIF_FOR_PARTICIPANT,
+        participantId
+    };
+}
+
+/**
+ * Keep showing the GIF of the given participant.
+ *
+ * @param {string} participantId - The Id of the participant for whom to show the GIF.
+ * @returns {Object}
+ */
+export function showGif(participantId: string) {
+    return {
+        type: SHOW_GIF_FOR_PARTICIPANT,
+        participantId
+    };
+}
+
+/**
+ * Set timeout to hide the GIF of the given participant.
+ *
+ * @param {string} participantId - The Id of the participant for whom to show the GIF.
+ * @returns {Object}
+ */
+export function hideGif(participantId: string) {
+    return {
+        type: HIDE_GIF_FOR_PARTICIPANT,
+        participantId
+    };
+}
+
+/**
+ * Set visibility of the GIF menu.
+ *
+ * @param {boolean} visible - Whether or not it should be visible.
+ * @returns {Object}
+ */
+export function setGifMenuVisibility(visible: boolean) {
+    return {
+        type: SET_GIF_MENU_VISIBILITY,
+        visible
+    };
+}
diff --git a/react/features/gifs/components/native/GifsMenu.tsx b/react/features/gifs/components/native/GifsMenu.tsx
new file mode 100644
index 0000000..cbf5978
--- /dev/null
+++ b/react/features/gifs/components/native/GifsMenu.tsx
@@ -0,0 +1,63 @@
+import { GiphyContent, GiphyGridView, GiphyMediaType, GiphyRating } from '@giphy/react-native-sdk';
+import React, { useCallback, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { createGifSentEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import JitsiScreen from '../../../base/modal/components/JitsiScreen';
+import Input from '../../../base/ui/components/native/Input';
+import { sendMessage } from '../../../chat/actions.any';
+import { goBack } from '../../../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
+import { formatGifUrlMessage, getGifRating, getGifUrl } from '../../functions.native';
+
+import GifsMenuFooter from './GifsMenuFooter';
+import styles from './styles';
+
+const GifsMenu = () => {
+    const [ searchQuery, setSearchQuery ] = useState('');
+    const dispatch = useDispatch();
+    const { t } = useTranslation();
+    const rating = useSelector(getGifRating) as GiphyRating;
+    const options = {
+        mediaType: GiphyMediaType.Gif,
+        limit: 20,
+        rating
+    };
+
+    const content = searchQuery === ''
+        ? GiphyContent.trending(options)
+        : GiphyContent.search({
+            ...options,
+            searchQuery
+        });
+
+    const sendGif = useCallback(e => {
+        const url = getGifUrl(e.nativeEvent.media);
+
+        sendAnalytics(createGifSentEvent());
+
+        dispatch(sendMessage(formatGifUrlMessage(url), true));
+        goBack();
+    }, []);
+
+    return (
+        <JitsiScreen
+            footerComponent = { GifsMenuFooter }
+            style = { styles.container }>
+            <Input
+                clearable = { true }
+                customStyles = {{ container: styles.customContainer }}
+                onChange = { setSearchQuery }
+                placeholder = { t('giphy.search') }
+                value = { searchQuery } />
+            <GiphyGridView
+                cellPadding = { 5 }
+                content = { content }
+                onMediaSelect = { sendGif }
+                style = { styles.grid } />
+        </JitsiScreen>
+    );
+};
+
+export default GifsMenu;
diff --git a/react/features/gifs/components/native/GifsMenuFooter.tsx b/react/features/gifs/components/native/GifsMenuFooter.tsx
new file mode 100644
index 0000000..98220b3
--- /dev/null
+++ b/react/features/gifs/components/native/GifsMenuFooter.tsx
@@ -0,0 +1,27 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { Image, Text, TextStyle, View, ViewStyle } from 'react-native';
+
+import styles from './styles';
+
+
+/**
+ * Implements the gifs menu footer component.
+ *
+ * @returns { JSX.Element} - The gifs menu footer component.
+ */
+const GifsMenuFooter = (): JSX.Element => {
+    const { t } = useTranslation();
+
+    return (
+        <View style = { styles.credit as ViewStyle }>
+            <Text style = { styles.creditText as TextStyle }>
+                { t('poweredby') }
+            </Text>
+            <Image
+                source = { require('../../../../../images/GIPHY_logo.png') } />
+        </View>
+    );
+};
+
+export default GifsMenuFooter;
diff --git a/react/features/gifs/components/native/styles.ts b/react/features/gifs/components/native/styles.ts
new file mode 100644
index 0000000..db919c4
--- /dev/null
+++ b/react/features/gifs/components/native/styles.ts
@@ -0,0 +1,36 @@
+import BaseTheme from '../../../base/ui/components/BaseTheme.native';
+
+export default {
+    container: {
+        backgroundColor: BaseTheme.palette.ui01,
+        flex: 1
+    },
+
+    customContainer: {
+        marginHorizontal: BaseTheme.spacing[3],
+        marginVertical: BaseTheme.spacing[2]
+    },
+
+    grid: {
+        flex: 1,
+        marginLeft: BaseTheme.spacing[3],
+        marginRight: BaseTheme.spacing[3]
+    },
+
+    credit: {
+        alignItems: 'center',
+        backgroundColor: BaseTheme.palette.ui01,
+        display: 'flex',
+        flexDirection: 'row',
+        height: 56,
+        justifyContent: 'center',
+        marginBottom: BaseTheme.spacing[0],
+        paddingBottom: BaseTheme.spacing[4],
+        width: '100%'
+    },
+
+    creditText: {
+        color: BaseTheme.palette.text01,
+        fontWeight: 'bold'
+    }
+};
diff --git a/react/features/gifs/components/web/GifsMenu.tsx b/react/features/gifs/components/web/GifsMenu.tsx
new file mode 100644
index 0000000..8f77526
--- /dev/null
+++ b/react/features/gifs/components/web/GifsMenu.tsx
@@ -0,0 +1,253 @@
+import { GiphyFetch, TrendingOptions } from '@giphy/js-fetch-api';
+import { Grid } from '@giphy/react-components';
+import React, { useCallback, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { batch, useDispatch, useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { createGifSentEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { IReduxState } from '../../../app/types';
+import Input from '../../../base/ui/components/web/Input';
+import { sendMessage } from '../../../chat/actions.any';
+import { SCROLL_SIZE } from '../../../filmstrip/constants';
+import { toggleReactionsMenuVisibility } from '../../../reactions/actions.web';
+import { IReactionsMenuParent } from '../../../reactions/types';
+import Drawer from '../../../toolbox/components/web/Drawer';
+import JitsiPortal from '../../../toolbox/components/web/JitsiPortal';
+import { setGifMenuVisibility } from '../../actions';
+import {
+    formatGifUrlMessage,
+    getGifAPIKey,
+    getGifRating,
+    getGifUrl
+} from '../../function.any';
+
+const OVERFLOW_DRAWER_PADDING = 16;
+
+const useStyles = makeStyles()(theme => {
+    return {
+        gifsMenu: {
+            width: '100%',
+            marginBottom: theme.spacing(2),
+            display: 'flex',
+            flexDirection: 'column',
+
+            '& div:focus': {
+                border: '1px solid red !important',
+                boxSizing: 'border-box'
+            }
+        },
+
+        searchField: {
+            marginBottom: theme.spacing(3)
+        },
+
+        gifContainer: {
+            height: '245px',
+            overflowY: 'auto'
+        },
+
+        logoContainer: {
+            width: `calc(100% - ${SCROLL_SIZE}px)`,
+            backgroundColor: '#121119',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            color: '#fff',
+            marginTop: theme.spacing(1)
+        },
+
+        overflowDrawerMenu: {
+            padding: theme.spacing(3),
+            width: '100%',
+            boxSizing: 'border-box',
+            height: '100%'
+        },
+
+        overflowMenu: {
+            height: '200px',
+            width: '201px',
+            marginBottom: '0px'
+        },
+
+        gifContainerOverflow: {
+            flexGrow: 1
+        },
+
+        drawer: {
+            display: 'flex',
+            height: '100%'
+        }
+    };
+});
+
+interface IProps {
+    columns?: number;
+    parent: IReactionsMenuParent;
+}
+
+/**
+ * Gifs menu.
+ *
+ * @returns {ReactElement}
+ */
+function GifsMenu({ columns = 2, parent }: IProps) {
+    const API_KEY = useSelector(getGifAPIKey);
+    const giphyFetch = new GiphyFetch(API_KEY);
+    const [ searchKey, setSearchKey ] = useState<string>();
+    const { classes: styles, cx } = useStyles();
+    const dispatch = useDispatch();
+    const { t } = useTranslation();
+    const isInOverflowMenu
+        = parent === IReactionsMenuParent.OverflowDrawer || parent === IReactionsMenuParent.OverflowMenu;
+    const { videoSpaceWidth } = useSelector((state: IReduxState) => state['features/base/responsive-ui']);
+    const rating = useSelector(getGifRating);
+
+    const fetchGifs = useCallback(async (offset = 0) => {
+        const options: TrendingOptions = {
+            limit: 20,
+            offset,
+            rating
+        };
+
+        if (!searchKey) {
+            return await giphyFetch.trending(options);
+        }
+
+        return await giphyFetch.search(searchKey, options);
+    }, [ searchKey ]);
+
+    const onDrawerClose = useCallback(() => {
+        dispatch(setGifMenuVisibility(false));
+    }, []);
+
+    const handleGifClick = useCallback((gif, e) => {
+        e?.stopPropagation();
+        const url = getGifUrl(gif);
+
+        sendAnalytics(createGifSentEvent());
+        batch(() => {
+            dispatch(sendMessage(formatGifUrlMessage(url), true));
+            dispatch(toggleReactionsMenuVisibility());
+            isInOverflowMenu && onDrawerClose();
+        });
+    }, [ dispatch, isInOverflowMenu ]);
+
+    const handleGifKeyPress = useCallback((gif, e) => {
+        if (e.nativeEvent.keyCode === 13) {
+            handleGifClick(gif, null);
+        }
+    }, [ handleGifClick ]);
+
+    const handleSearchKeyChange = useCallback(value => {
+        setSearchKey(value);
+    }, []);
+
+    const handleKeyDown = useCallback(e => {
+        if (!document.activeElement) {
+            return;
+        }
+        if (e.keyCode === 38) { // up arrow
+            e.preventDefault();
+
+            // if the first gif is focused move focus to the input
+            if (document.activeElement.previousElementSibling === null) {
+                const element = document.querySelector('.gif-input') as HTMLElement;
+
+                element?.focus();
+            } else {
+                const element = document.activeElement.previousElementSibling as HTMLElement;
+
+                element?.focus();
+            }
+        } else if (e.keyCode === 40) { // down arrow
+            e.preventDefault();
+
+            // if the input is focused move focus to the first gif
+            if (document.activeElement.classList.contains('gif-input')) {
+                const element = document.querySelector('.giphy-gif') as HTMLElement;
+
+                element?.focus();
+            } else {
+                const element = document.activeElement.nextElementSibling as HTMLElement;
+
+                element?.focus();
+            }
+        }
+    }, []);
+
+    useEffect(() => {
+        document.addEventListener('keydown', handleKeyDown);
+
+        return () => document.removeEventListener('keydown', handleKeyDown);
+    }, []);
+
+    // For some reason, the Grid component does not do an initial call on mobile.
+    // This fixes that.
+    useEffect(() => setSearchKey(''), []);
+
+    const onInputKeyPress = useCallback((e: React.KeyboardEvent) => {
+        e.stopPropagation();
+    }, []);
+
+    const gifMenu = (
+        <div
+            className = { cx(styles.gifsMenu,
+                parent === IReactionsMenuParent.OverflowDrawer && styles.overflowDrawerMenu,
+                parent === IReactionsMenuParent.OverflowMenu && styles.overflowMenu
+            ) }>
+            <Input
+                autoFocus = { true }
+                className = { cx(styles.searchField, 'gif-input') }
+                id = 'gif-search-input'
+                onChange = { handleSearchKeyChange }
+                onKeyPress = { onInputKeyPress }
+                placeholder = { t('giphy.search') }
+                // eslint-disable-next-line react/jsx-no-bind
+                ref = { inputElement => {
+                    inputElement?.focus();
+                    setTimeout(() => inputElement?.focus(), 200);
+                } }
+                type = 'text'
+                value = { searchKey ?? '' } />
+            <div
+                className = { cx(styles.gifContainer,
+                parent === IReactionsMenuParent.OverflowDrawer && styles.gifContainerOverflow) }>
+                <Grid
+                    columns = { columns }
+                    fetchGifs = { fetchGifs }
+                    gutter = { 6 }
+                    hideAttribution = { true }
+                    key = { searchKey }
+                    noLink = { true }
+                    noResultsMessage = { t('giphy.noResults') }
+                    onGifClick = { handleGifClick }
+                    onGifKeyPress = { handleGifKeyPress }
+                    width = { parent === IReactionsMenuParent.OverflowDrawer
+                        ? videoSpaceWidth - (2 * OVERFLOW_DRAWER_PADDING) - SCROLL_SIZE
+                        : parent === IReactionsMenuParent.OverflowMenu ? 201 : 320
+                    } />
+            </div>
+            <div className = { styles.logoContainer }>
+                <span>Powered by</span>
+                <img
+                    alt = 'GIPHY Logo'
+                    src = 'images/GIPHY_logo.png' />
+            </div>
+        </div>
+    );
+
+    return parent === IReactionsMenuParent.OverflowDrawer ? (
+        <JitsiPortal>
+            <Drawer
+                className = { styles.drawer }
+                isOpen = { true }
+                onClose = { onDrawerClose }>
+                {gifMenu}
+            </Drawer>
+        </JitsiPortal>
+    ) : gifMenu;
+}
+
+export default GifsMenu;
diff --git a/react/features/gifs/components/web/GifsMenuButton.tsx b/react/features/gifs/components/web/GifsMenuButton.tsx
new file mode 100644
index 0000000..e35a2f7
--- /dev/null
+++ b/react/features/gifs/components/web/GifsMenuButton.tsx
@@ -0,0 +1,41 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+
+import ReactionButton from '../../../reactions/components/web/ReactionButton';
+import { IReactionsMenuParent } from '../../../reactions/types';
+import { setGifMenuVisibility } from '../../actions';
+import { isGifsMenuOpen } from '../../functions.web';
+
+interface IProps {
+    parent: IReactionsMenuParent;
+}
+
+const GifsMenuButton = ({ parent }: IProps) => {
+    const menuOpen = useSelector(isGifsMenuOpen);
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+
+    const icon = (
+        <img
+            alt = 'GIPHY Logo'
+            height = { parent === IReactionsMenuParent.OverflowMenu ? 16 : 24 }
+            src = 'images/GIPHY_icon.png' />
+    );
+
+    const handleClick = useCallback(() => {
+        dispatch(setGifMenuVisibility(!menuOpen));
+    }, [ menuOpen, parent ]);
+
+    return (
+        <ReactionButton
+            accessibilityLabel = { t('toolbar.accessibilityLabel.giphy') }
+            icon = { icon }
+            key = 'gif'
+            onClick = { handleClick }
+            toggled = { true }
+            tooltip = { t('toolbar.accessibilityLabel.giphy') } />
+    );
+};
+
+export default GifsMenuButton;
diff --git a/react/features/gifs/constants.ts b/react/features/gifs/constants.ts
new file mode 100644
index 0000000..38ae004
--- /dev/null
+++ b/react/features/gifs/constants.ts
@@ -0,0 +1,14 @@
+/**
+ * The default time that GIFs will be displayed on the tile.
+ */
+export const GIF_DEFAULT_TIMEOUT = 5000;
+
+/**
+ * The prefix for formatted GIF messages.
+ */
+export const GIF_PREFIX = 'gif[';
+
+/**
+ * The Giphy default option for audience rating.
+ */
+export const GIF_DEFAULT_RATING = 'g';
diff --git a/react/features/gifs/function.any.ts b/react/features/gifs/function.any.ts
new file mode 100644
index 0000000..b9c554d
--- /dev/null
+++ b/react/features/gifs/function.any.ts
@@ -0,0 +1,150 @@
+import { IReduxState } from '../app/types';
+
+import { GIF_DEFAULT_RATING, GIF_PREFIX } from './constants';
+import { IGif } from './reducer';
+
+/**
+ * Returns the gif config.
+ *
+ * @param {IReduxState} state - Redux state.
+ * @returns {Object}
+ */
+export function getGifConfig(state: IReduxState) {
+    return state['features/base/config'].giphy || {};
+}
+
+/**
+ * Get the GIF display mode.
+ *
+ * @param {IReduxState} state - Redux state.
+ * @returns {string}
+ */
+export function getGifDisplayMode(state: IReduxState) {
+    return getGifConfig(state).displayMode || 'all';
+}
+
+/**
+ * Get the GIF audience rating.
+ *
+ * @param {IReduxState} state - Redux state.
+ * @returns {string}
+ */
+export function getGifRating(state: IReduxState) {
+    return getGifConfig(state).rating || GIF_DEFAULT_RATING;
+}
+
+
+/**
+ * Gets the URL of the GIF for the given participant or null if there's none.
+ *
+ * @param {IReduxState} state - Redux state.
+ * @param {string} participantId - Id of the participant for which to remove the GIF.
+ * @returns {Object}
+ */
+export function getGifForParticipant(state: IReduxState, participantId: string): IGif {
+    return isGifEnabled(state) ? state['features/gifs'].gifList.get(participantId) || {} : {};
+}
+
+/**
+ * Returns true if a given URL is allowed to be rendered as gif and false otherwise.
+ *
+ * @param {string} url - The URL to be validated.
+ * @returns {boolean} - True if a given URL is allowed to be rendered as gif and false otherwise.
+ */
+export function isGifUrlAllowed(url: string) {
+    let hostname: string | undefined;
+
+    try {
+        const urlObject = new URL(url);
+
+        hostname = urlObject?.hostname;
+    } catch (_error) {
+        return false;
+    }
+
+    return hostname === 'i.giphy.com';
+}
+
+/**
+ * Whether or not the message is a GIF message.
+ *
+ * @param {string} message - Message to check.
+ * @returns {boolean}
+ */
+export function isGifMessage(message = '') {
+    const trimmedMessage = message.trim();
+
+    if (!trimmedMessage.toLowerCase().startsWith(GIF_PREFIX)) {
+        return false;
+    }
+
+    const url = extractGifURL(trimmedMessage);
+
+    return isGifUrlAllowed(url);
+}
+
+/**
+ * Extracts the URL from a gif message.
+ *
+ * @param {string} message - The message.
+ * @returns {string} - The URL.
+ */
+export function extractGifURL(message = '') {
+    const trimmedMessage = message.trim();
+
+    return trimmedMessage.substring(GIF_PREFIX.length, trimmedMessage.length - 1);
+
+}
+
+/**
+ * Returns the url of the gif selected in the gifs menu.
+ *
+ * @param {Object} gif - The gif data.
+ * @returns {boolean}
+ */
+export function getGifUrl(gif?: { data?: { embed_url: string; }; embed_url?: string; }) {
+    const embedUrl = gif?.embed_url || gif?.data?.embed_url || '';
+    const idx = embedUrl.lastIndexOf('/');
+    const id = embedUrl.substr(idx + 1);
+
+    return `https://i.giphy.com/media/${id}/giphy.gif`;
+}
+
+/**
+ * Formats the gif message.
+ *
+ * @param {string} url - GIF url.
+ * @returns {string}
+ */
+export function formatGifUrlMessage(url: string) {
+    return `${GIF_PREFIX}${url}]`;
+}
+
+/**
+ * Get the Giphy API Key from config.
+ *
+ * @param {IReduxState} state - Redux state.
+ * @returns {string}
+ */
+export function getGifAPIKey(state: IReduxState) {
+    return getGifConfig(state).sdkKey ?? '';
+}
+
+/**
+ * Returns whether or not the feature is enabled.
+ *
+ * @param {IReduxState} state - Redux state.
+ * @returns {boolean}
+ */
+export function isGifEnabled(state: IReduxState) {
+    const { disableThirdPartyRequests } = state['features/base/config'];
+    const { giphy } = state['features/base/config'];
+    const showGiphyIntegration = state['features/dynamic-branding']?.showGiphyIntegration !== false;
+
+    if (navigator.product === 'ReactNative' && window.JITSI_MEET_LITE_SDK) {
+        return false;
+    }
+
+    return showGiphyIntegration && Boolean(!disableThirdPartyRequests && giphy?.enabled && Boolean(giphy?.sdkKey));
+}
+
diff --git a/react/features/gifs/functions.native.ts b/react/features/gifs/functions.native.ts
new file mode 100644
index 0000000..2e60257
--- /dev/null
+++ b/react/features/gifs/functions.native.ts
@@ -0,0 +1 @@
+export * from './function.any';
diff --git a/react/features/gifs/functions.web.ts b/react/features/gifs/functions.web.ts
new file mode 100644
index 0000000..342b956
--- /dev/null
+++ b/react/features/gifs/functions.web.ts
@@ -0,0 +1,13 @@
+import { IReduxState } from '../app/types';
+
+export * from './function.any';
+
+/**
+ * Returns the visibility state of the gifs menu.
+ *
+ * @param {IReduxState} state - The state of the application.
+ * @returns {boolean}
+ */
+export function isGifsMenuOpen(state: IReduxState) {
+    return state['features/gifs'].menuOpen;
+}
diff --git a/react/features/gifs/middleware.any.ts b/react/features/gifs/middleware.any.ts
new file mode 100644
index 0000000..dde1efa
--- /dev/null
+++ b/react/features/gifs/middleware.any.ts
@@ -0,0 +1,61 @@
+import { IReduxState } from '../app/types';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+
+import { ADD_GIF_FOR_PARTICIPANT, HIDE_GIF_FOR_PARTICIPANT, SHOW_GIF_FOR_PARTICIPANT } from './actionTypes';
+import { removeGif } from './actions';
+import { GIF_DEFAULT_TIMEOUT } from './constants';
+import { getGifForParticipant } from './function.any';
+
+/**
+ * Middleware which intercepts Gifs actions to handle changes to the
+ * visibility timeout of the Gifs.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    const { dispatch, getState } = store;
+    const state = getState();
+
+    switch (action.type) {
+    case ADD_GIF_FOR_PARTICIPANT: {
+        const id = action.participantId;
+        const { giphy } = state['features/base/config'];
+
+        _clearGifTimeout(state, id);
+        const timeoutID = setTimeout(() => dispatch(removeGif(id)), giphy?.tileTime || GIF_DEFAULT_TIMEOUT);
+
+        action.timeoutID = timeoutID;
+        break;
+    }
+    case SHOW_GIF_FOR_PARTICIPANT: {
+        const id = action.participantId;
+
+        _clearGifTimeout(state, id);
+        break;
+    }
+    case HIDE_GIF_FOR_PARTICIPANT: {
+        const { giphy } = state['features/base/config'];
+        const id = action.participantId;
+        const timeoutID = setTimeout(() => dispatch(removeGif(id)), giphy?.tileTime || GIF_DEFAULT_TIMEOUT);
+
+        action.timeoutID = timeoutID;
+        break;
+    }
+    }
+
+    return next(action);
+});
+
+/**
+ * Clears GIF timeout.
+ *
+ * @param {IReduxState} state - Redux state.
+ * @param {string} id - Id of the participant for whom to clear the timeout.
+ * @returns {void}
+ */
+function _clearGifTimeout(state: IReduxState, id: string) {
+    const gif = getGifForParticipant(state, id);
+
+    clearTimeout(gif?.timeoutID ?? -1);
+}
diff --git a/react/features/gifs/middleware.native.ts b/react/features/gifs/middleware.native.ts
new file mode 100644
index 0000000..5e480e4
--- /dev/null
+++ b/react/features/gifs/middleware.native.ts
@@ -0,0 +1,3 @@
+
+import './middleware.any';
+import './subscriber.native';
diff --git a/react/features/gifs/middleware.web.ts b/react/features/gifs/middleware.web.ts
new file mode 100644
index 0000000..818cf0f
--- /dev/null
+++ b/react/features/gifs/middleware.web.ts
@@ -0,0 +1,2 @@
+
+import './middleware.any';
diff --git a/react/features/gifs/reducer.ts b/react/features/gifs/reducer.ts
new file mode 100644
index 0000000..8131b3a
--- /dev/null
+++ b/react/features/gifs/reducer.ts
@@ -0,0 +1,75 @@
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import {
+    ADD_GIF_FOR_PARTICIPANT,
+    HIDE_GIF_FOR_PARTICIPANT,
+    REMOVE_GIF_FOR_PARTICIPANT,
+    SET_GIF_MENU_VISIBILITY
+} from './actionTypes';
+
+const initialState = {
+    gifList: new Map(),
+    menuOpen: false
+};
+
+export interface IGif {
+    gifUrl?: string;
+    timeoutID?: number;
+}
+
+export interface IGifsState {
+    gifList: Map<string, IGif>;
+    menuOpen: boolean;
+}
+
+ReducerRegistry.register<IGifsState>(
+    'features/gifs',
+    (state = initialState, action): IGifsState => {
+        switch (action.type) {
+        case ADD_GIF_FOR_PARTICIPANT: {
+            const newList = state.gifList;
+
+            newList.set(action.participantId, {
+                gifUrl: action.gifUrl,
+                timeoutID: action.timeoutID
+            });
+
+            return {
+                ...state,
+                gifList: newList
+            };
+        }
+        case REMOVE_GIF_FOR_PARTICIPANT: {
+            const newList = state.gifList;
+
+            newList.delete(action.participantId);
+
+            return {
+                ...state,
+                gifList: newList
+            };
+        }
+        case HIDE_GIF_FOR_PARTICIPANT: {
+            const newList = state.gifList;
+            const gif = state.gifList.get(action.participantId);
+
+            newList.set(action.participantId, {
+                gifUrl: gif?.gifUrl ?? '',
+                timeoutID: action.timeoutID
+            });
+
+            return {
+                ...state,
+                gifList: newList
+            };
+        }
+        case SET_GIF_MENU_VISIBILITY:
+            return {
+                ...state,
+                menuOpen: action.visible
+            };
+        }
+
+        return state;
+    });
+
diff --git a/react/features/gifs/subscriber.native.ts b/react/features/gifs/subscriber.native.ts
new file mode 100644
index 0000000..f8e9e0d
--- /dev/null
+++ b/react/features/gifs/subscriber.native.ts
@@ -0,0 +1,20 @@
+import { GiphySDK } from '@giphy/react-native-sdk';
+
+import StateListenerRegistry from '../base/redux/StateListenerRegistry';
+
+import { getGifConfig, isGifEnabled } from './function.any';
+
+/**
+ * Listens for changes in the number of participants to calculate the dimensions of the tile view grid and the tiles.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => getGifConfig(state),
+    /* listener */ (_, store) => {
+        const state = store.getState();
+
+        if (isGifEnabled(state)) {
+            GiphySDK.configure({ apiKey: state['features/base/config'].giphy?.sdkKey ?? '' });
+        }
+    }, {
+        deepEquals: true
+    });
diff --git a/react/features/google-api/actionTypes.ts b/react/features/google-api/actionTypes.ts
new file mode 100644
index 0000000..fd5097f
--- /dev/null
+++ b/react/features/google-api/actionTypes.ts
@@ -0,0 +1,19 @@
+/**
+ * The type of Redux action which changes Google API state.
+ *
+ * {
+ *     type: SET_GOOGLE_API_STATE
+ * }
+ * @public
+ */
+export const SET_GOOGLE_API_STATE = 'SET_GOOGLE_API_STATE';
+
+/**
+ * The type of Redux action which changes Google API profile state.
+ *
+ * {
+ *     type: SET_GOOGLE_API_PROFILE
+ * }
+ * @public
+ */
+export const SET_GOOGLE_API_PROFILE = 'SET_GOOGLE_API_PROFILE';
diff --git a/react/features/google-api/actions.ts b/react/features/google-api/actions.ts
new file mode 100644
index 0000000..682aa4a
--- /dev/null
+++ b/react/features/google-api/actions.ts
@@ -0,0 +1,226 @@
+import { IStore } from '../app/types';
+import { getShareInfoText } from '../invite/functions';
+import { getLiveStreaming } from '../recording/components/LiveStream/functions';
+
+import {
+    SET_GOOGLE_API_PROFILE,
+    SET_GOOGLE_API_STATE
+} from './actionTypes';
+import { GOOGLE_API_STATES } from './constants';
+// eslint-disable-next-line lines-around-comment
+// @ts-ignore
+import googleApi from './googleApi';
+
+/**
+ * Retrieves the current calendar events.
+ *
+ * @param {number} fetchStartDays - The number of days to go back when fetching.
+ * @param {number} fetchEndDays - The number of days to fetch.
+ * @returns {function(Dispatch<any>): Promise<CalendarEntries>}
+ */
+export function getCalendarEntries(
+        fetchStartDays?: number, fetchEndDays?: number) {
+    return () =>
+        googleApi.get()
+        .then(() =>
+            googleApi._getCalendarEntries(fetchStartDays, fetchEndDays));
+}
+
+/**
+ * Loads Google API.
+ *
+ * @returns {Function}
+ */
+export function loadGoogleAPI() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) =>
+        googleApi.get()
+        .then(() => {
+            const {
+                enableCalendarIntegration,
+                googleApiApplicationClientID
+            } = getState()['features/base/config'];
+
+            const liveStreaming = getLiveStreaming(getState());
+
+            if (getState()['features/google-api'].googleAPIState
+                    === GOOGLE_API_STATES.NEEDS_LOADING) {
+                return googleApi.initializeClient(
+                    googleApiApplicationClientID, liveStreaming.enabled, enableCalendarIntegration);
+            }
+
+            return Promise.resolve();
+        })
+        .then(() => dispatch(setGoogleAPIState(GOOGLE_API_STATES.LOADED)))
+        .then(() => googleApi.signInIfNotSignedIn())
+        .then(() => googleApi.isSignedIn())
+        .then((isSignedIn: boolean) => {
+            if (isSignedIn) {
+                dispatch(setGoogleAPIState(GOOGLE_API_STATES.SIGNED_IN));
+            }
+        });
+}
+
+/**
+ * Executes a request for a list of all YouTube broadcasts associated with
+ * user currently signed in to the Google API Client Library.
+ *
+ * @returns {function(): (Promise<*>|Promise<any[] | never>)}
+ */
+export function requestAvailableYouTubeBroadcasts() {
+    return () =>
+        googleApi.requestAvailableYouTubeBroadcasts()
+        .then((response: any) => {
+            // Takes in a list of broadcasts from the YouTube API,
+            // removes dupes, removes broadcasts that cannot get a stream key,
+            // and parses the broadcasts into flat objects.
+            const broadcasts = response.result.items;
+
+            const parsedBroadcasts: any = {};
+
+            for (let i = 0; i < broadcasts.length; i++) {
+                const broadcast = broadcasts[i];
+                const boundStreamID = broadcast.contentDetails.boundStreamId;
+
+                if (boundStreamID && !parsedBroadcasts[boundStreamID]) {
+                    parsedBroadcasts[boundStreamID] = {
+                        boundStreamID,
+                        id: broadcast.id,
+                        status: broadcast.status.lifeCycleStatus,
+                        title: broadcast.snippet.title
+                    };
+                }
+            }
+
+            return Object.values(parsedBroadcasts);
+        });
+}
+
+/**
+ * Fetches the stream key for a YouTube broadcast and updates the internal
+ * state to display the associated stream key as being entered.
+ *
+ * @param {string} boundStreamID - The bound stream ID associated with the
+ * broadcast from which to get the stream key.
+ * @returns {function(): (Promise<*>|Promise<{
+ *  streamKey: (*|string),
+ *  selectedBoundStreamID: *} | never>)}
+ */
+export function requestLiveStreamsForYouTubeBroadcast(boundStreamID: string) {
+    return () =>
+        googleApi.requestLiveStreamsForYouTubeBroadcast(boundStreamID)
+            .then((response: any) => {
+                const broadcasts = response.result.items;
+                const streamName = broadcasts?.[0]?.cdn.ingestionInfo.streamName;
+                const streamKey = streamName || '';
+
+                return {
+                    streamKey,
+                    selectedBoundStreamID: boundStreamID
+                };
+            });
+}
+
+/**
+ * Sets the current Google API state.
+ *
+ * @param {number} googleAPIState - The state to be set.
+ * @param {Object} googleResponse - The last response from Google.
+ * @returns {{
+ *     type: SET_GOOGLE_API_STATE,
+ *     googleAPIState: number
+ * }}
+ */
+export function setGoogleAPIState(
+        googleAPIState: number, googleResponse?: Object) {
+    return {
+        type: SET_GOOGLE_API_STATE,
+        googleAPIState,
+        googleResponse
+    };
+}
+
+/**
+ * Forces the Google web client application to prompt for a sign in, such as
+ * when changing account, and will then fetch available YouTube broadcasts.
+ *
+ * @returns {function(): (Promise<*>|Promise<{
+ *  streamKey: (*|string),
+ *  selectedBoundStreamID: *} | never>)}
+ */
+export function showAccountSelection() {
+    return () => googleApi.showAccountSelection(true);
+}
+
+/**
+ * Prompts the participant to sign in to the Google API Client Library.
+ *
+ * @returns {function(Dispatch<any>): Promise<string | never>}
+ */
+export function signIn() {
+    return (dispatch: IStore['dispatch']) => googleApi.get()
+            .then(() => googleApi.signInIfNotSignedIn(true))
+            .then(() => dispatch({
+                type: SET_GOOGLE_API_STATE,
+                googleAPIState: GOOGLE_API_STATES.SIGNED_IN
+            }));
+}
+
+/**
+ * Logs out the user.
+ *
+ * @returns {function(Dispatch<any>): Promise<string | never>}
+ */
+export function signOut() {
+    return (dispatch: IStore['dispatch']) =>
+        googleApi.get()
+            .then(() => googleApi.signOut())
+            .then(() => {
+                dispatch({
+                    type: SET_GOOGLE_API_STATE,
+                    googleAPIState: GOOGLE_API_STATES.LOADED
+                });
+                dispatch({
+                    type: SET_GOOGLE_API_PROFILE,
+                    profileEmail: ''
+                });
+            });
+}
+
+/**
+ * Updates the profile data that is currently used.
+ *
+ * @returns {function(Dispatch<any>): Promise<string | never>}
+ */
+export function updateProfile() {
+    return (dispatch: IStore['dispatch']) => googleApi.get()
+        .then(() => googleApi.signInIfNotSignedIn())
+        .then(() => dispatch({
+            type: SET_GOOGLE_API_STATE,
+            googleAPIState: GOOGLE_API_STATES.SIGNED_IN
+        }))
+        .then(() => googleApi.getCurrentUserProfile())
+        .then((profile: any) => {
+            dispatch({
+                type: SET_GOOGLE_API_PROFILE,
+                profileEmail: profile.email
+            });
+
+            return profile.email;
+        });
+}
+
+/**
+ * Updates the calendar event and adds a location and text.
+ *
+ * @param {string} id - The event id to update.
+ * @param {string} calendarId - The calendar id to use.
+ * @param {string} location - The location to add to the event.
+ * @returns {function(Dispatch<any>): Promise<string | never>}
+ */
+export function updateCalendarEvent(
+        id: string, calendarId: string, location: string) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) =>
+        getShareInfoText(getState(), location)
+            .then(text =>
+                googleApi._updateCalendarEntry(id, calendarId, location, text));
+}
diff --git a/react/features/google-api/components/GoogleSignInButton.native.tsx b/react/features/google-api/components/GoogleSignInButton.native.tsx
new file mode 100644
index 0000000..f7ed48d
--- /dev/null
+++ b/react/features/google-api/components/GoogleSignInButton.native.tsx
@@ -0,0 +1,81 @@
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { GestureResponderEvent, Image, ImageStyle, TouchableOpacity, ViewStyle } from 'react-native';
+
+import { translate } from '../../base/i18n/functions';
+import Button from '../../base/ui/components/native/Button';
+import { BUTTON_TYPES } from '../../base/ui/constants.native';
+
+import styles from './styles';
+
+// eslint-disable-next-line
+const GOOGLE_BRAND_IMAGE = require('../../../../images/btn_google_signin_dark_normal.png');
+
+/**
+ * The Google Brand image for Sign In.
+ *
+ * NOTE: iOS doesn't handle the react-native-google-signin button component
+ * well due to our CocoaPods build process (the lib is not intended to be used
+ * this way), hence the custom button implementation.
+ */
+
+interface IProps extends WithTranslation {
+
+    /**
+     * The callback to invoke when the button is clicked.
+     */
+    onClick: (e?: React.MouseEvent<HTMLButtonElement> | GestureResponderEvent) => void;
+
+    /**
+     * True if the user is signed in, so it needs to render a different label
+     * and maybe different style (for the future).
+     */
+    signedIn?: boolean;
+
+    /**
+     * The text to display within {@code GoogleSignInButton}.
+     */
+    text?: string;
+}
+
+/**
+ * A React Component showing a button to sign in with Google.
+ *
+ * @augments Component
+ */
+class GoogleSignInButton extends Component<IProps> {
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { onClick, signedIn } = this.props;
+
+        if (signedIn) {
+            return (
+                <Button
+                    accessibilityLabel = 'liveStreaming.signOut'
+                    labelKey = 'liveStreaming.signOut'
+                    onClick = { onClick }
+                    style = { styles.signOutButton }
+                    type = { BUTTON_TYPES.SECONDARY } />
+            );
+        }
+
+        return (
+            <TouchableOpacity
+                onPress = { onClick }
+                style = { styles.signInButton as ViewStyle } >
+                <Image
+                    resizeMode = { 'contain' }
+                    source = { GOOGLE_BRAND_IMAGE }
+                    style = { styles.signInImage as ImageStyle } />
+            </TouchableOpacity>
+        );
+    }
+}
+
+export default translate(GoogleSignInButton);
diff --git a/react/features/google-api/components/GoogleSignInButton.web.tsx b/react/features/google-api/components/GoogleSignInButton.web.tsx
new file mode 100644
index 0000000..d997d74
--- /dev/null
+++ b/react/features/google-api/components/GoogleSignInButton.web.tsx
@@ -0,0 +1,61 @@
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+
+import { translate } from '../../base/i18n/functions';
+
+interface IProps extends WithTranslation {
+
+    /**
+     * The callback to invoke when the button is clicked.
+     */
+    onClick: (e?: React.MouseEvent) => void;
+
+    /**
+     * True if the user is signed in, so it needs to render a different label
+     * and maybe different style (for the future).
+     */
+    signedIn?: boolean;
+
+    /**
+     * The text to display within {@code GoogleSignInButton}.
+     */
+    text?: string;
+}
+
+/**
+ * A React Component showing a button to sign in with Google.
+ *
+ * @augments Component
+ */
+class GoogleSignInButton extends Component<IProps> {
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { t } = this.props;
+
+        return (
+            <div
+                className = 'google-sign-in'
+                onClick = { this.props.onClick }>
+                <img
+                    alt = { t('welcomepage.logo.googleLogo') }
+                    className = 'google-logo'
+                    src = 'images/googleLogo.svg' />
+                <div className = 'google-cta'>
+                    {
+                        t(this.props.signedIn
+                            ? 'liveStreaming.signOut'
+                            : 'liveStreaming.signIn')
+                    }
+                </div>
+            </div>
+        );
+    }
+}
+
+export default translate(GoogleSignInButton);
diff --git a/react/features/google-api/components/styles.ts b/react/features/google-api/components/styles.ts
new file mode 100644
index 0000000..6265727
--- /dev/null
+++ b/react/features/google-api/components/styles.ts
@@ -0,0 +1,39 @@
+import { createStyleSheet } from '../../base/styles/functions.any';
+
+/**
+ * For styling explanations, see:
+ * https://developers.google.com/identity/branding-guidelines.
+ */
+const BUTTON_HEIGHT = 40;
+
+/**
+ * The styles of the React {@code Components} of google-api.
+ */
+export default createStyleSheet({
+
+    /**
+     * Image of the sign in button (Google branded).
+     */
+    signInImage: {
+        flex: 1
+    },
+
+    /**
+     * An image-based button for sign in.
+     */
+    signInButton: {
+        alignItems: 'center',
+        height: BUTTON_HEIGHT,
+        justifyContent: 'center'
+    },
+
+    /**
+     * A text-based button for sign out (no sign out button guidance for
+     * Google).
+     */
+    signOutButton: {
+        alignSelf: 'center',
+        maxWidth: 120,
+        width: 'auto'
+    }
+});
diff --git a/react/features/google-api/constants.ts b/react/features/google-api/constants.ts
new file mode 100644
index 0000000..efe3d6f
--- /dev/null
+++ b/react/features/google-api/constants.ts
@@ -0,0 +1,76 @@
+/**
+ * Google API URL to retrieve streams for a live broadcast of a user.
+ *
+ * NOTE: The URL must be appended by a broadcast ID returned by a call towards
+ * {@code API_URL_LIVE_BROADCASTS}.
+ *
+ * @type {string}
+ */
+// eslint-disable-next-line max-len
+export const API_URL_BROADCAST_STREAMS = 'https://content.googleapis.com/youtube/v3/liveStreams?part=id%2Csnippet%2Ccdn%2Cstatus&id=';
+
+/**
+ * Google API URL to retrieve live broadcasts of a user.
+ *
+ * @type {string}
+ */
+// eslint-disable-next-line max-len
+export const API_URL_LIVE_BROADCASTS = 'https://content.googleapis.com/youtube/v3/liveBroadcasts?broadcastType=all&mine=true&part=id%2Csnippet%2CcontentDetails%2Cstatus';
+
+/**
+ * Array of API discovery doc URLs for APIs used by the googleApi.
+ *
+ * @type {string}
+ */
+export const DISCOVERY_DOCS = 'https://www.googleapis.com/discovery/v1/apis/calendar/v3/rest';
+
+/**
+ * An enumeration of the different states the Google API can be in.
+ *
+ * @private
+ * @type {Object}
+ */
+export const GOOGLE_API_STATES = {
+    /**
+     * The state in which the Google API still needs to be loaded.
+     */
+    NEEDS_LOADING: 0,
+
+    /**
+     * The state in which the Google API is loaded and ready for use.
+     */
+    LOADED: 1,
+
+    /**
+     * The state in which a user has been logged in through the Google API.
+     */
+    SIGNED_IN: 2,
+
+    /**
+     * The state in which the Google authentication is not available (e.g. Play
+     * services are not installed on Android).
+     */
+    NOT_AVAILABLE: 3
+};
+
+/**
+ * Google API auth scope to access Google calendar.
+ *
+ * @type {string}
+ */
+export const GOOGLE_SCOPE_CALENDAR = 'https://www.googleapis.com/auth/calendar';
+
+/**
+ * Google API auth scope to access user email.
+ *
+ * @type {string}
+ */
+export const GOOGLE_SCOPE_USERINFO = 'https://www.googleapis.com/auth/userinfo.email';
+
+/**
+ * Google API auth scope to access YouTube streams.
+ *
+ * @type {string}
+ */
+export const GOOGLE_SCOPE_YOUTUBE
+    = 'https://www.googleapis.com/auth/youtube.readonly';
diff --git a/react/features/google-api/googleApi.native.js b/react/features/google-api/googleApi.native.js
new file mode 100644
index 0000000..5d8b39b
--- /dev/null
+++ b/react/features/google-api/googleApi.native.js
@@ -0,0 +1,191 @@
+import { NativeModules } from 'react-native';
+
+let GoogleSignin;
+
+if (NativeModules.RNGoogleSignin) {
+    GoogleSignin = require('@react-native-google-signin/google-signin').GoogleSignin;
+}
+
+import {
+    API_URL_BROADCAST_STREAMS,
+    API_URL_LIVE_BROADCASTS
+} from './constants';
+
+/**
+ * Class to encapsulate Google API functionalities and provide a similar
+ * interface to what WEB has. The methods are different, but the point is that
+ * the export object is similar so no need for different export logic.
+ *
+ * For more detailed documentation of the {@code GoogleSignin} API, please visit
+ * https://github.com/@react-native-google-signin/google-signin.
+ */
+class GoogleApi {
+    /**
+     * Wraps the {@code GoogleSignin.configure} method.
+     *
+     * @param {Object} config - The config object to be passed to
+     * {@code GoogleSignin.configure}.
+     * @returns {void}
+     */
+    configure(config) {
+        if (GoogleSignin) {
+            GoogleSignin.configure(config);
+        }
+    }
+
+    /**
+     * Retrieves the current tokens.
+     *
+     * @returns {Promise}
+     */
+    getTokens() {
+        return GoogleSignin.getTokens();
+    }
+
+    /**
+     * Retrieves the available YouTube streams the user can use for live
+     * streaming.
+     *
+     * @param {string} accessToken - The Google auth token.
+     * @returns {Promise}
+     */
+    getYouTubeLiveStreams(accessToken) {
+        return new Promise((resolve, reject) => {
+
+            // Fetching the list of available broadcasts first.
+            this._fetchGoogleEndpoint(accessToken,
+                API_URL_LIVE_BROADCASTS)
+            .then(broadcasts => {
+                // Then fetching all the available live streams that the
+                // user has access to with the broadcasts we retrieved
+                // earlier.
+                this._getLiveStreamsForBroadcasts(
+                    accessToken, broadcasts).then(resolve, reject);
+            }, reject);
+        });
+    }
+
+    /**
+     * Wraps the {@code GoogleSignin.hasPlayServices} method.
+     *
+     * @returns {Promise<*>}
+     */
+    hasPlayServices() {
+        if (!GoogleSignin) {
+            return Promise.reject(new Error('Google SignIn not supported'));
+        }
+
+        return GoogleSignin.hasPlayServices();
+    }
+
+    /**
+     * Wraps the {@code GoogleSignin.signIn} method.
+     *
+     * @returns {Promise<*>}
+     */
+    signIn() {
+        return GoogleSignin.signIn();
+    }
+
+    /**
+     * Wraps the {@code GoogleSignin.signInSilently} method.
+     *
+     * @returns {Promise<*>}
+     */
+    signInSilently() {
+        return GoogleSignin.signInSilently();
+    }
+
+    /**
+     * Wraps the {@code GoogleSignin.signOut} method.
+     *
+     * @returns {Promise<*>}
+     */
+    signOut() {
+        return GoogleSignin.signOut();
+    }
+
+    /**
+     * Helper method to fetch a Google API endpoint in a generic way.
+     *
+     * @private
+     * @param {string} accessToken - The access token used for the API call.
+     * @param {string} endpoint - The endpoint to fetch, including the URL
+     * params if needed.
+     * @returns {Promise}
+     */
+    _fetchGoogleEndpoint(accessToken, endpoint) {
+        return new Promise((resolve, reject) => {
+            const headers = {
+                Authorization: `Bearer ${accessToken}`
+            };
+
+            fetch(endpoint, {
+                headers
+            }).then(response => response.json())
+            .then(responseJSON => {
+                if (responseJSON.error) {
+                    reject(responseJSON.error.message);
+                } else {
+                    resolve(responseJSON.items || []);
+                }
+            }, reject);
+        });
+    }
+
+    /**
+     * Retrieves the available YouTube streams that are available for the
+     * provided broadcast IDs.
+     *
+     * @private
+     * @param {string} accessToken - The Google access token.
+     * @param {Array<Object>} broadcasts - The list of broadcasts that we want
+     * to retrieve streams for.
+     * @returns {Promise}
+     */
+    _getLiveStreamsForBroadcasts(accessToken, broadcasts) {
+        return new Promise((resolve, reject) => {
+            const ids = [];
+
+            for (const broadcast of broadcasts) {
+                broadcast.contentDetails
+                    && broadcast.contentDetails.boundStreamId
+                    && ids.push(broadcast.contentDetails.boundStreamId);
+            }
+
+            this._fetchGoogleEndpoint(
+                accessToken,
+                `${API_URL_BROADCAST_STREAMS}${ids.join(',')}`)
+                .then(streams => {
+                    const keys = [];
+
+                    // We construct an array of keys bind with the broadcast
+                    // name for a nice display.
+                    for (const stream of streams) {
+                        const key = stream.cdn.ingestionInfo.streamName;
+                        let title;
+
+                        // Finding title from the broadcast with the same
+                        // boundStreamId. If not found (unknown scenario), we
+                        // use the key as title again.
+                        for (const broadcast of broadcasts) {
+                            if (broadcast.contentDetails
+                                    && broadcast.contentDetails.boundStreamId
+                                        === stream.id) {
+                                title = broadcast.snippet.title;
+                            }
+                        }
+
+                        keys.push({
+                            key,
+                            title: title || key
+                        });
+                    }
+
+                    resolve(keys);
+                }, reject);
+        });
+    }
+}
+
+export default new GoogleApi();
diff --git a/react/features/google-api/googleApi.web.js b/react/features/google-api/googleApi.web.js
new file mode 100644
index 0000000..846efae
--- /dev/null
+++ b/react/features/google-api/googleApi.web.js
@@ -0,0 +1,461 @@
+import {
+    API_URL_BROADCAST_STREAMS,
+    API_URL_LIVE_BROADCASTS,
+    DISCOVERY_DOCS,
+    GOOGLE_SCOPE_CALENDAR,
+    GOOGLE_SCOPE_USERINFO,
+    GOOGLE_SCOPE_YOUTUBE
+} from './constants';
+import logger from './logger';
+
+const GOOGLE_API_CLIENT_LIBRARY_URL = 'https://apis.google.com/js/api.js';
+const GOOGLE_GIS_LIBRARY_URL = 'https://accounts.google.com/gsi/client';
+
+/**
+ * A promise for dynamically loading the Google API Client Library.
+ *
+ * @private
+ * @type {Promise}
+ */
+let googleClientLoadPromise;
+
+/**
+ * A singleton for loading and interacting with the Google API.
+ */
+const googleApi = {
+    /**
+     * Obtains Google API Client Library, loading the library dynamically if
+     * needed.
+     *
+     * @returns {Promise}
+     */
+    get() {
+        const globalGoogleApi = this._getGoogleApiClient();
+
+        if (!globalGoogleApi) {
+            return this.load();
+        }
+
+        return Promise.resolve(globalGoogleApi);
+    },
+
+    /**
+     * Gets the profile for the user signed in to the Google API Client Library.
+     *
+     * @returns {Promise}
+     */
+    getCurrentUserProfile() {
+        return this.get()
+            .then(() => this.isSignedIn())
+            .then(isSignedIn => {
+                if (!isSignedIn) {
+                    return null;
+                }
+
+                return this._getGoogleApiClient()
+                    .client.oauth2
+                    .userinfo.get().getPromise()
+                    .then(r => r.result);
+            });
+    },
+
+    /**
+     * Sets the Google Web Client ID used for authenticating with Google and
+     * making Google API requests.
+     *
+     * @param {string} clientId - The client ID to be used with the API library.
+     * @param {boolean} enableYoutube - Whether youtube scope is enabled.
+     * @param {boolean} enableCalendar - Whether calendar scope is enabled.
+     * @returns {Promise}
+     */
+    initializeClient(clientId, enableYoutube, enableCalendar) {
+        return this.get()
+            .then(api => new Promise((resolve, reject) => {
+                // setTimeout is used as a workaround for api.client.init not
+                // resolving consistently when the Google API Client Library is
+                // loaded asynchronously. See:
+                // github.com/google/google-api-javascript-client/issues/399
+                setTimeout(() => {
+                    api.client.init({})
+                    .then(() => {
+                        if (enableCalendar) {
+                            api.client.load(DISCOVERY_DOCS);
+                        }
+                    })
+                    .then(() => {
+                        api.client.load('https://www.googleapis.com/discovery/v1/apis/oauth2/v1/rest');
+                    })
+                    .then(resolve)
+                    .catch(reject);
+                }, 500);
+            }))
+            .then(() => new Promise((resolve, reject) => {
+                try {
+                    const scope
+                        = `${enableYoutube ? GOOGLE_SCOPE_YOUTUBE : ''} ${enableCalendar ? GOOGLE_SCOPE_CALENDAR : ''}`
+                        .trim();
+
+                    this.tokenClient = this._getGoogleGISApiClient().accounts.oauth2.initTokenClient({
+                        // eslint-disable-next-line camelcase
+                        client_id: clientId,
+                        scope: `${scope} ${GOOGLE_SCOPE_USERINFO}`,
+                        callback: '' // defined at request time in await/promise scope.
+                    });
+                    resolve();
+                } catch (err) {
+                    reject(err);
+                }
+            }));
+    },
+
+    /**
+     * Checks whether a user is currently authenticated with Google through an
+     * initialized Google API Client Library.
+     *
+     * @returns {Promise}
+     */
+    isSignedIn() {
+        return new Promise((resolve, _) => {
+            const te = parseInt(this.tokenExpires, 10);
+            const isExpired = isNaN(this.tokenExpires) ? true : new Date().getTime() > te;
+
+            resolve(Boolean(!isExpired));
+        });
+    },
+
+    /**
+     * Generates a script tag.
+     *
+     * @param {string} src - The source for the script tag.
+     * @returns {Promise<unknown>}
+     * @private
+     */
+    _loadScriptTag(src) {
+        return new Promise((resolve, reject) => {
+            const scriptTag = document.createElement('script');
+
+            scriptTag.async = true;
+            scriptTag.addEventListener('error', () => {
+                scriptTag.remove();
+
+                reject();
+            });
+            scriptTag.addEventListener('load', resolve);
+            scriptTag.type = 'text/javascript';
+
+            scriptTag.src = src;
+
+            document.head.appendChild(scriptTag);
+        });
+    },
+
+    /**
+     * Generates a script tag and downloads the Google API Client Library.
+     *
+     * @returns {Promise}
+     */
+    load() {
+        if (googleClientLoadPromise) {
+            return googleClientLoadPromise;
+        }
+
+        googleClientLoadPromise = this._loadScriptTag(GOOGLE_API_CLIENT_LIBRARY_URL)
+            .catch(() => {
+                googleClientLoadPromise = null;
+            })
+            .then(() => new Promise((resolve, reject) =>
+                this._getGoogleApiClient().load('client', {
+                    callback: resolve,
+                    onerror: reject
+                })))
+            .then(this._loadScriptTag(GOOGLE_GIS_LIBRARY_URL))
+            .catch(() => {
+                googleClientLoadPromise = null;
+            })
+            .then(() => this._getGoogleApiClient());
+
+        return googleClientLoadPromise;
+    },
+
+    /**
+     * Executes a request for a list of all YouTube broadcasts associated with
+     * user currently signed in to the Google API Client Library.
+     *
+     * @returns {Promise}
+     */
+    requestAvailableYouTubeBroadcasts() {
+        return this.get()
+            .then(api => api.client.request(API_URL_LIVE_BROADCASTS));
+    },
+
+    /**
+     * Executes a request to get all live streams associated with a broadcast
+     * in YouTube.
+     *
+     * @param {string} boundStreamID - The bound stream ID associated with a
+     * broadcast in YouTube.
+     * @returns {Promise}
+     */
+    requestLiveStreamsForYouTubeBroadcast(boundStreamID) {
+        return this.get()
+            .then(api => api.client.request(
+                `${API_URL_BROADCAST_STREAMS}${boundStreamID}`));
+    },
+
+    /**
+     * Prompts the participant to sign in to the Google API Client Library, even
+     * if already signed in.
+     *
+     * @param {boolean} consent - Whether to show account selection dialog.
+     * @returns {Promise}
+     */
+    showAccountSelection(consent) {
+        return this.get()
+            .then(api => new Promise((resolve, reject) => {
+                try {
+                    // Settle this promise in the response callback for requestAccessToken()
+                    this.tokenClient.callback = resp => {
+                        if (resp.error !== undefined) {
+                            reject(resp);
+                        }
+
+                        // Get the number of seconds the token is valid for, subtract 5 minutes
+                        // to account for differences in clock settings and convert to ms.
+                        const expiresIn = (parseInt(api.client.getToken().expires_in, 10) - 300) * 1000;
+                        const now = new Date();
+                        const expireDate = new Date(now.getTime() + expiresIn);
+
+                        this.tokenExpires = expireDate.getTime().toString();
+
+                        resolve(resp);
+                    };
+
+                    this.tokenClient.requestAccessToken({ prompt: consent ? 'consent' : '' });
+                } catch (err) {
+                    logger.error('Error requesting token', err);
+                }
+            }));
+    },
+
+    /**
+     * Prompts the participant to sign in to the Google API Client Library, if
+     * not already signed in.
+     *
+     * @param {boolean} consent - Whether to show account selection dialog.
+     * @returns {Promise}
+     */
+    signInIfNotSignedIn(consent) {
+        return this.get()
+            .then(() => this.isSignedIn())
+            .then(isSignedIn => {
+                if (!isSignedIn) {
+                    return this.showAccountSelection(consent);
+                }
+            });
+    },
+
+    /**
+     * Sign out from the Google API Client Library.
+     *
+     * @returns {Promise}
+     */
+    signOut() {
+        return this.get()
+            .then(() => {
+                this.tokenClient = undefined;
+                this.tokenExpires = undefined;
+            });
+    },
+
+    /**
+     * Parses the google calendar entries to a known format.
+     *
+     * @param {Object} entry - The google calendar entry.
+     * @returns {{
+     *  calendarId: string,
+     *  description: string,
+     *  endDate: string,
+     *  id: string,
+     *  location: string,
+     *  startDate: string,
+     *  title: string}}
+     * @private
+     */
+    _convertCalendarEntry(entry) {
+        return {
+            calendarId: entry.calendarId,
+            description: entry.description,
+            endDate: entry.end.dateTime,
+            id: entry.id,
+            location: entry.location,
+            startDate: entry.start.dateTime,
+            title: entry.summary,
+            url: this._getConferenceDataVideoUri(entry.conferenceData)
+        };
+    },
+
+    /**
+     * Checks conference data for jitsi conference solution and returns
+     * its video url.
+     *
+     * @param {Object} conferenceData - The conference data of the event.
+     * @returns {string|undefined} Returns the found video uri or undefined.
+     */
+    _getConferenceDataVideoUri(conferenceData = {}) {
+        try {
+            // check conference data coming from calendar addons
+            if (conferenceData.parameters.addOnParameters.parameters
+                    .conferenceSolutionType === 'jitsi') {
+                const videoEntry = conferenceData.entryPoints.find(
+                    e => e.entryPointType === 'video');
+
+                if (videoEntry) {
+                    return videoEntry.uri;
+                }
+            }
+        } catch (error) {
+            // we don't care about undefined fields
+        }
+    },
+
+    /**
+     * Retrieves calendar entries from all available calendars.
+     *
+     * @param {number} fetchStartDays - The number of days to go back
+     * when fetching.
+     * @param {number} fetchEndDays - The number of days to fetch.
+     * @returns {Promise<CalendarEntry>}
+     * @private
+     */
+    _getCalendarEntries(fetchStartDays, fetchEndDays) {
+        return this.get()
+            .then(() => this.isSignedIn())
+            .then(isSignedIn => {
+                if (!isSignedIn) {
+                    return null;
+                }
+
+                // user can edit the events, so we want only those that
+                // can be edited
+                return this._getGoogleApiClient()
+                    .client.calendar.calendarList.list();
+            })
+            .then(calendarList => {
+
+                // no result, maybe not signed in
+                if (!calendarList) {
+                    return Promise.resolve();
+                }
+
+                const calendarIds
+                    = calendarList.result.items.map(en => {
+                        return {
+                            id: en.id,
+                            accessRole: en.accessRole
+                        };
+                    });
+                const promises = calendarIds.map(({ id, accessRole }) => {
+                    const startDate = new Date();
+                    const endDate = new Date();
+
+                    startDate.setDate(startDate.getDate() + fetchStartDays);
+                    endDate.setDate(endDate.getDate() + fetchEndDays);
+
+                    // retrieve the events and adds to the result the calendarId
+                    return this._getGoogleApiClient()
+                        .client.calendar.events.list({
+                            'calendarId': id,
+                            'timeMin': startDate.toISOString(),
+                            'timeMax': endDate.toISOString(),
+                            'showDeleted': false,
+                            'singleEvents': true,
+                            'orderBy': 'startTime'
+                        })
+                        .then(result => result.result.items
+                            .map(item => {
+                                const resultItem = { ...item };
+
+                                // add the calendarId only for the events
+                                // we can edit
+                                if (accessRole === 'writer'
+                                    || accessRole === 'owner') {
+                                    resultItem.calendarId = id;
+                                }
+
+                                return resultItem;
+                            }));
+                });
+
+                return Promise.all(promises)
+                    .then(results => [].concat(...results))
+                    .then(entries =>
+                        entries.map(e => this._convertCalendarEntry(e)));
+            });
+    },
+
+    /**
+     * Updates the calendar event and adds a location and text.
+     *
+     * @param {string} id - The event id to update.
+     * @param {string} calendarId - The calendar id to use.
+     * @param {string} location - The location to add to the event.
+     * @param {string} text - The description text to set/append.
+     * @returns {Promise<T | never>}
+     * @private
+     */
+    _updateCalendarEntry(id, calendarId, location, text) {
+        return this.get()
+            .then(() => this.isSignedIn())
+            .then(isSignedIn => {
+                if (!isSignedIn) {
+                    return null;
+                }
+
+                return this._getGoogleApiClient()
+                    .client.calendar.events.get({
+                        'calendarId': calendarId,
+                        'eventId': id
+                    }).then(event => {
+                        let newDescription = text;
+
+                        if (event.result.description) {
+                            newDescription = `${event.result.description}\n\n${
+                                text}`;
+                        }
+
+                        return this._getGoogleApiClient()
+                            .client.calendar.events.patch({
+                                'calendarId': calendarId,
+                                'eventId': id,
+                                'description': newDescription,
+                                'location': location
+                            });
+                    });
+
+            });
+    },
+
+    /**
+     * Returns the global Google API Client Library object. Direct use of this
+     * method is discouraged; instead use the {@link get} method.
+     *
+     * @private
+     * @returns {Object|undefined}
+     */
+    _getGoogleApiClient() {
+        return window.gapi;
+    },
+
+
+    /**
+     * Returns the global Google Identity Services Library object.
+     *
+     * @private
+     * @returns {Object|undefined}
+     */
+    _getGoogleGISApiClient() {
+        return window.google;
+    }
+};
+
+export default googleApi;
diff --git a/react/features/google-api/logger.ts b/react/features/google-api/logger.ts
new file mode 100644
index 0000000..5ac6fb7
--- /dev/null
+++ b/react/features/google-api/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:redux');
diff --git a/react/features/google-api/reducer.ts b/react/features/google-api/reducer.ts
new file mode 100644
index 0000000..0bdca23
--- /dev/null
+++ b/react/features/google-api/reducer.ts
@@ -0,0 +1,45 @@
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import {
+    SET_GOOGLE_API_PROFILE,
+    SET_GOOGLE_API_STATE
+} from './actionTypes';
+import { GOOGLE_API_STATES } from './constants';
+
+/**
+ * The default state is the Google API needs loading.
+ *
+ * @type {{googleAPIState: number}}
+ */
+const DEFAULT_STATE = {
+    googleAPIState: GOOGLE_API_STATES.NEEDS_LOADING,
+    profileEmail: ''
+};
+
+export interface IGoogleApiState {
+    googleAPIState: number;
+    googleResponse?: Object;
+    profileEmail: string;
+}
+
+/**
+ * Reduces the Redux actions of the feature features/google-api.
+ */
+ReducerRegistry.register<IGoogleApiState>('features/google-api',
+    (state = DEFAULT_STATE, action): IGoogleApiState => {
+        switch (action.type) {
+        case SET_GOOGLE_API_STATE:
+            return {
+                ...state,
+                googleAPIState: action.googleAPIState,
+                googleResponse: action.googleResponse
+            };
+        case SET_GOOGLE_API_PROFILE:
+            return {
+                ...state,
+                profileEmail: action.profileEmail
+            };
+        }
+
+        return state;
+    });
diff --git a/react/features/invite/_utils.ts b/react/features/invite/_utils.ts
new file mode 100644
index 0000000..a238f7c
--- /dev/null
+++ b/react/features/invite/_utils.ts
@@ -0,0 +1,83 @@
+/**
+ * Utility class with no dependencies. Used in components that are stripped in separate bundles
+ * and requires as less dependencies as possible.
+ */
+
+import { getURLWithoutParams } from '../base/connection/utils';
+import { doGetJSON } from '../base/util/httpUtils';
+
+/**
+ * Formats the conference pin in readable way for UI to display it.
+ * Formats the pin in 3 groups of digits:
+ * XXXX XXXX XX or XXXXX XXXXX XXX.
+ * The length of first and second group is Math.ceil(pin.length / 3).
+ *
+ * @param {Object} conferenceID - The conference id to format, string or number.
+ * @returns {string} - The formatted conference pin.
+ * @private
+ */
+export function _formatConferenceIDPin(conferenceID: Object) {
+    const conferenceIDStr = conferenceID.toString();
+
+    // let's split the conferenceID in 3 parts, to be easier to read
+    const partLen = Math.ceil(conferenceIDStr.length / 3);
+
+    return `${
+        conferenceIDStr.substring(0, partLen)} ${
+        conferenceIDStr.substring(partLen, 2 * partLen)} ${
+        conferenceIDStr.substring(2 * partLen, conferenceIDStr.length)}`;
+}
+
+/**
+ * Sends a GET request to obtain the conference ID necessary for identifying
+ * which conference to join after dialing the dial-in service.
+ * This function is used not only in the main app bundle but in separate bundles for the dial in numbers page,
+ * and we do want to limit the dependencies.
+ *
+ * @param {string} baseUrl - The url for obtaining the conference ID (pin) for
+ * dialing into a conference.
+ * @param {string} roomName - The conference name to find the associated
+ * conference ID.
+ * @param {string} mucURL - In which MUC the conference exists.
+ * @param {URL} url - The address we are loaded in.
+ * @returns {Promise} - The promise created by the request.
+ */
+export function getDialInConferenceID(
+        baseUrl: string,
+        roomName: string,
+        mucURL: string,
+        url: URL
+): Promise<any> {
+    const separator = baseUrl.includes('?') ? '&' : '?';
+    const conferenceIDURL
+        = `${baseUrl}${separator}conference=${roomName}@${mucURL}&url=${getURLWithoutParams(url).href}`;
+
+    return doGetJSON(conferenceIDURL, true);
+}
+
+/**
+ * Sends a GET request for phone numbers used to dial into a conference.
+ * This function is used not only in the main app bundle but in separate bundles for the dial in numbers page,
+ * and we do want to limit the dependencies.
+ *
+ * @param {string} url - The service that returns conference dial-in numbers.
+ * @param {string} roomName - The conference name to find the associated
+ * conference ID.
+ * @param {string} mucURL - In which MUC the conference exists.
+ * @returns {Promise} - The promise created by the request. The returned numbers
+ * may be an array of Objects containing numbers, with keys countryCode,
+ * tollFree, formattedNumber or an object with countries as keys and arrays of
+ * phone number strings, as the second one should not be used and is deprecated.
+ */
+export function getDialInNumbers(
+        url: string,
+        roomName: string,
+        mucURL: string
+): Promise<any> {
+    const separator = url.includes('?') ? '&' : '?';
+
+    // when roomName and mucURL are available
+    // provide conference when looking up dial in numbers
+
+    return doGetJSON(url + (roomName && mucURL ? `${separator}conference=${roomName}@${mucURL}` : ''), true);
+}
diff --git a/react/features/invite/actionTypes.ts b/react/features/invite/actionTypes.ts
new file mode 100644
index 0000000..cb59c7f
--- /dev/null
+++ b/react/features/invite/actionTypes.ts
@@ -0,0 +1,72 @@
+/**
+ * The type of redux action which will add pending invite request to the redux
+ * store.
+ *
+ * {
+ *     type: ADD_PENDING_INVITE_REQUEST,
+ *     request: Object
+ * }
+ */
+export const ADD_PENDING_INVITE_REQUEST = 'ADD_PENDING_INVITE_REQUEST';
+
+/**
+ * The type of the (redux) action which signals that a click/tap has been
+ * performed on {@link InviteButton} and that the execution flow for
+ * adding/inviting people to the current conference/meeting is to begin.
+ *
+ * {
+ *     type: BEGIN_ADD_PEOPLE
+ * }
+ */
+export const BEGIN_ADD_PEOPLE = 'BEGIN_ADD_PEOPLE';
+
+/**
+ * The type of redux action which will remove pending invite requests from the
+ * redux store.
+ *
+ * {
+ *     type: REMOVE_PENDING_INVITE_REQUESTS
+ * }
+ */
+export const REMOVE_PENDING_INVITE_REQUESTS
+    = 'REMOVE_PENDING_INVITE_REQUESTS';
+
+/**
+ * The type of redux action which sets the visibility of {@code CalleeInfo}.
+ *
+ * {
+ *     type: SET_CALLEE_INFO_VISIBLE,
+ *     calleeInfoVisible: boolean
+ * }
+ */
+export const SET_CALLEE_INFO_VISIBLE = 'SET_CALLEE_INFO_VISIBLE';
+
+/**
+ * The type of redux action to signal that the {@code AddPeopleDialog} should close.
+ */
+export const HIDE_ADD_PEOPLE_DIALOG = 'HIDE_ADD_PEOPLE_DIALOG';
+
+/**
+ * The type of the action which signals an error occurred while requesting dial-
+ * in numbers.
+ *
+ * {
+ *     type: UPDATE_DIAL_IN_NUMBERS_FAILED,
+ *     error: Object
+ * }
+ */
+export const UPDATE_DIAL_IN_NUMBERS_FAILED
+    = 'UPDATE_DIAL_IN_NUMBERS_FAILED';
+
+/**
+ * The type of the action which signals a request for dial-in numbers has
+ * succeeded.
+ *
+ * {
+ *     type: UPDATE_DIAL_IN_NUMBERS_SUCCESS,
+ *     conferenceID: Object,
+ *     dialInNumbers: Object
+ * }
+ */
+export const UPDATE_DIAL_IN_NUMBERS_SUCCESS
+    = 'UPDATE_DIAL_IN_NUMBERS_SUCCESS';
diff --git a/react/features/invite/actions.any.ts b/react/features/invite/actions.any.ts
new file mode 100644
index 0000000..43bd901
--- /dev/null
+++ b/react/features/invite/actions.any.ts
@@ -0,0 +1,297 @@
+import { IStore } from '../app/types';
+import { getInviteURL } from '../base/connection/functions';
+import { getLocalParticipant, getParticipantCount } from '../base/participants/functions';
+import { inviteVideoRooms } from '../videosipgw/actions';
+
+import { getDialInConferenceID, getDialInNumbers } from './_utils';
+import {
+    ADD_PENDING_INVITE_REQUEST,
+    BEGIN_ADD_PEOPLE,
+    HIDE_ADD_PEOPLE_DIALOG,
+    REMOVE_PENDING_INVITE_REQUESTS,
+    SET_CALLEE_INFO_VISIBLE,
+    UPDATE_DIAL_IN_NUMBERS_FAILED,
+    UPDATE_DIAL_IN_NUMBERS_SUCCESS
+} from './actionTypes';
+import { INVITE_TYPES } from './constants';
+import {
+    invitePeopleAndChatRooms,
+    inviteSipEndpoints
+} from './functions';
+import logger from './logger';
+import { IInvitee } from './types';
+
+/**
+ * Creates a (redux) action to signal that a click/tap has been performed on
+ * {@link InviteButton} and that the execution flow for adding/inviting people
+ * to the current conference/meeting is to begin.
+ *
+ * @returns {{
+ *     type: BEGIN_ADD_PEOPLE
+ * }}
+ */
+export function beginAddPeople() {
+    return {
+        type: BEGIN_ADD_PEOPLE
+    };
+}
+
+/**
+ * Creates a (redux) action to signal that the {@code AddPeopleDialog}
+ * should close.
+ *
+ * @returns {{
+ *     type: HIDE_ADD_PEOPLE_DIALOG
+ * }}
+ */
+export function hideAddPeopleDialog() {
+    return {
+        type: HIDE_ADD_PEOPLE_DIALOG
+    };
+}
+
+
+/**
+ * Invites (i.e. Sends invites to) an array of invitees (which may be a
+ * combination of users, rooms, phone numbers, and video rooms.
+ *
+ * @param  {Array<Object>} invitees - The recipients to send invites to.
+ * @param  {Array<Object>} showCalleeInfo - Indicates whether the
+ * {@code CalleeInfo} should be displayed or not.
+ * @returns {Promise<Array<Object>>} A {@code Promise} resolving with an array
+ * of invitees who were not invited (i.e. Invites were not sent to them).
+ */
+export function invite(
+        invitees: IInvitee[],
+        showCalleeInfo = false) {
+    return (
+            dispatch: IStore['dispatch'],
+            getState: IStore['getState']): Promise<IInvitee[]> => {
+        const state = getState();
+        const participantsCount = getParticipantCount(state);
+        const { calleeInfoVisible } = state['features/invite'];
+
+        if (showCalleeInfo
+                && !calleeInfoVisible
+                && invitees.length === 1
+                && invitees[0].type === INVITE_TYPES.USER
+                && participantsCount === 1) {
+            dispatch(setCalleeInfoVisible(true, invitees[0]));
+        }
+
+        const { conference, password } = state['features/base/conference'];
+
+        if (typeof conference === 'undefined') {
+            // Only keep invitees which can get an invite request from Jitsi UI
+            const jitsiInvitees = invitees.filter(({ type }) => type !== INVITE_TYPES.EMAIL);
+
+            // Invite will fail before CONFERENCE_JOIN. The request will be
+            // cached in order to be executed on CONFERENCE_JOIN.
+            if (jitsiInvitees.length) {
+                return new Promise(resolve => {
+                    dispatch(addPendingInviteRequest({
+                        invitees: jitsiInvitees,
+                        callback: (failedInvitees: any) => resolve(failedInvitees)
+                    }));
+                });
+            }
+        }
+
+        let allInvitePromises: Promise<any>[] = [];
+        let invitesLeftToSend = [ ...invitees ];
+
+        const {
+            callFlowsEnabled,
+            inviteServiceUrl,
+            inviteServiceCallFlowsUrl
+        } = state['features/base/config'];
+        const inviteUrl = getInviteURL(state);
+        const { sipInviteUrl } = state['features/base/config'];
+        const { locationURL } = state['features/base/connection'];
+        const { jwt = '' } = state['features/base/jwt'];
+        const { name: displayName } = getLocalParticipant(state) ?? {};
+
+        // First create all promises for dialing out.
+        const phoneNumbers
+            = invitesLeftToSend.filter(({ type }) => type === INVITE_TYPES.PHONE);
+
+        // For each number, dial out. On success, remove the number from
+        // {@link invitesLeftToSend}.
+        const phoneInvitePromises = typeof conference === 'undefined'
+            ? []
+            : phoneNumbers.map(item => {
+                const numberToInvite = item.number;
+
+                return conference.dial(numberToInvite)
+                .then(() => {
+                    invitesLeftToSend
+                        = invitesLeftToSend.filter(
+                            invitee => invitee !== item);
+                })
+                .catch((error: Error) =>
+                    logger.error('Error inviting phone number:', error));
+            });
+
+        allInvitePromises = allInvitePromises.concat(phoneInvitePromises);
+
+        const usersAndRooms
+            = invitesLeftToSend.filter(
+                ({ type }) => [ INVITE_TYPES.USER, INVITE_TYPES.EMAIL, INVITE_TYPES.ROOM ].includes(type));
+
+        if (usersAndRooms.length) {
+            // Send a request to invite all the rooms and users. On success,
+            // filter all rooms and users from {@link invitesLeftToSend}.
+            const peopleInvitePromise
+                = invitePeopleAndChatRooms(
+                    (callFlowsEnabled
+                        ? inviteServiceCallFlowsUrl : inviteServiceUrl) ?? '',
+                    inviteUrl,
+                    usersAndRooms,
+                    state)
+                .then(() => {
+                    invitesLeftToSend
+                        = invitesLeftToSend.filter(
+                            ({ type }) => ![ INVITE_TYPES.USER, INVITE_TYPES.EMAIL, INVITE_TYPES.ROOM ].includes(type));
+                })
+                .catch(error => {
+                    dispatch(setCalleeInfoVisible(false));
+                    logger.error('Error inviting people:', error);
+                });
+
+            allInvitePromises.push(peopleInvitePromise);
+        }
+
+        // Sipgw calls are fire and forget. Invite them to the conference, then
+        // immediately remove them from invitesLeftToSend.
+        const vrooms
+            = invitesLeftToSend.filter(({ type }) => type === INVITE_TYPES.VIDEO_ROOM);
+
+        conference
+            && vrooms.length > 0
+            && dispatch(inviteVideoRooms(conference, vrooms));
+
+        invitesLeftToSend
+            = invitesLeftToSend.filter(({ type }) => type !== INVITE_TYPES.VIDEO_ROOM);
+
+        const sipEndpoints
+            = invitesLeftToSend.filter(({ type }) => type === INVITE_TYPES.SIP);
+
+        conference && inviteSipEndpoints(
+            sipEndpoints,
+
+            // @ts-ignore
+            locationURL,
+            sipInviteUrl,
+            jwt,
+            conference.options.name,
+            password,
+            displayName
+        );
+
+        invitesLeftToSend
+            = invitesLeftToSend.filter(({ type }) => type !== INVITE_TYPES.SIP);
+
+        return (
+            Promise.all(allInvitePromises)
+                .then(() => invitesLeftToSend));
+    };
+}
+
+/**
+ * Sends AJAX requests for dial-in numbers and conference ID.
+ *
+ * @returns {Function}
+ */
+export function updateDialInNumbers() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const { dialInConfCodeUrl, dialInNumbersUrl, hosts }
+            = state['features/base/config'];
+        const { numbersFetched } = state['features/invite'];
+        const mucURL = hosts?.muc;
+
+        if (numbersFetched || !dialInConfCodeUrl || !dialInNumbersUrl || !mucURL) {
+            // URLs for fetching dial in numbers not defined
+            return;
+        }
+
+        const { locationURL = {} } = state['features/base/connection'];
+        const { room = '' } = state['features/base/conference'];
+
+        Promise.all([
+            getDialInNumbers(dialInNumbersUrl, room, mucURL), // @ts-ignore
+            getDialInConferenceID(dialInConfCodeUrl, room, mucURL, locationURL)
+        ])
+            .then(([ dialInNumbers, { conference, id, message, sipUri } ]) => {
+                if (!conference || !id) {
+                    return Promise.reject(message);
+                }
+
+                dispatch({
+                    type: UPDATE_DIAL_IN_NUMBERS_SUCCESS,
+                    conferenceID: id,
+                    dialInNumbers,
+                    sipUri
+                });
+            })
+            .catch(error => {
+                dispatch({
+                    type: UPDATE_DIAL_IN_NUMBERS_FAILED,
+                    error
+                });
+            });
+    };
+}
+
+/**
+ * Sets the visibility of {@code CalleeInfo}.
+ *
+ * @param {boolean|undefined} [calleeInfoVisible] - If {@code CalleeInfo} is
+ * to be displayed/visible, then {@code true}; otherwise, {@code false} or
+ * {@code undefined}.
+ * @param {Object|undefined} [initialCalleeInfo] - Callee information.
+ * @returns {{
+ *     type: SET_CALLEE_INFO_VISIBLE,
+ *     calleeInfoVisible: (boolean|undefined),
+ *     initialCalleeInfo
+ * }}
+ */
+export function setCalleeInfoVisible(
+        calleeInfoVisible: boolean,
+        initialCalleeInfo?: Object) {
+    return {
+        type: SET_CALLEE_INFO_VISIBLE,
+        calleeInfoVisible,
+        initialCalleeInfo
+    };
+}
+
+/**
+ * Adds pending invite request.
+ *
+ * @param {Object} request - The request.
+ * @returns {{
+ *     type: ADD_PENDING_INVITE_REQUEST,
+ *     request: Object
+ * }}
+ */
+export function addPendingInviteRequest(
+        request: { callback: Function; invitees: Array<Object>; }) {
+    return {
+        type: ADD_PENDING_INVITE_REQUEST,
+        request
+    };
+}
+
+/**
+ * Removes all pending invite requests.
+ *
+ * @returns {{
+ *     type: REMOVE_PENDING_INVITE_REQUEST
+ * }}
+ */
+export function removePendingInviteRequests() {
+    return {
+        type: REMOVE_PENDING_INVITE_REQUESTS
+    };
+}
diff --git a/react/features/invite/actions.native.ts b/react/features/invite/actions.native.ts
new file mode 100644
index 0000000..4b153a4
--- /dev/null
+++ b/react/features/invite/actions.native.ts
@@ -0,0 +1,25 @@
+import { IStore } from '../app/types';
+import { addPeopleFeatureControl } from '../base/participants/functions';
+import { navigate } from '../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
+import { screen } from '../mobile/navigation/routes';
+import { beginShareRoom } from '../share-room/actions';
+
+export * from './actions.any';
+
+/**
+ * Starts the process for inviting people. Depending on the system config it
+ * may use the system share sheet or the invite people dialog.
+ *
+ * @returns {Function}
+ */
+export function doInvitePeople() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+
+        if (addPeopleFeatureControl(state)) {
+            return navigate(screen.conference.invite);
+        }
+
+        return dispatch(beginShareRoom());
+    };
+}
diff --git a/react/features/invite/actions.web.ts b/react/features/invite/actions.web.ts
new file mode 100644
index 0000000..02b37d4
--- /dev/null
+++ b/react/features/invite/actions.web.ts
@@ -0,0 +1 @@
+export * from './actions.any';
diff --git a/react/features/invite/components/add-people-dialog/AbstractAddPeopleDialog.tsx b/react/features/invite/components/add-people-dialog/AbstractAddPeopleDialog.tsx
new file mode 100644
index 0000000..fa66da9
--- /dev/null
+++ b/react/features/invite/components/add-people-dialog/AbstractAddPeopleDialog.tsx
@@ -0,0 +1,323 @@
+import { Component } from 'react';
+
+import { createInviteDialogEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { IReduxState, IStore } from '../../../app/types';
+import { getMeetingRegion } from '../../../base/config/functions.any';
+import { showErrorNotification, showNotification } from '../../../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE } from '../../../notifications/constants';
+import { INotificationProps } from '../../../notifications/types';
+import { invite } from '../../actions.any';
+import { INVITE_TYPES } from '../../constants';
+import {
+    getInviteResultsForQuery,
+    getInviteTypeCounts,
+    isAddPeopleEnabled,
+    isDialOutEnabled,
+    isSipInviteEnabled
+} from '../../functions';
+import logger from '../../logger';
+import { IInviteSelectItem, IInvitee } from '../../types';
+
+export interface IProps {
+
+    /**
+     * Whether or not to show Add People functionality.
+     */
+    _addPeopleEnabled: boolean;
+
+    /**
+     * The app id of the user.
+     */
+    _appId: string;
+
+    /**
+     * Whether or not call flows are enabled.
+     */
+    _callFlowsEnabled: boolean;
+
+    /**
+     * The URL for validating if a phone number can be called.
+     */
+    _dialOutAuthUrl: string;
+
+    /**
+     * Whether or not to show Dial Out functionality.
+     */
+    _dialOutEnabled: boolean;
+
+    /**
+     * The URL for validating if an outbound destination is allowed.
+     */
+    _dialOutRegionUrl: string;
+
+    /**
+     * The JWT token.
+     */
+    _jwt: string;
+
+    /**
+     * The query types used when searching people.
+     */
+    _peopleSearchQueryTypes: Array<string>;
+
+    /**
+     * The localStorage key holding the alternative token for people directory.
+     */
+    _peopleSearchTokenLocation: string;
+
+    /**
+     * The URL pointing to the service allowing for people search.
+     */
+    _peopleSearchUrl: string;
+
+    /**
+     * The region where we connected to.
+     */
+    _region: string;
+
+    /**
+     * Whether or not to allow sip invites.
+     */
+    _sipInviteEnabled: boolean;
+
+    /**
+     * The Redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+}
+
+export interface IState {
+
+    /**
+     * Indicating that an error occurred when adding people to the call.
+     */
+    addToCallError: boolean;
+
+    /**
+     * Indicating that we're currently adding the new people to the
+     * call.
+     */
+    addToCallInProgress: boolean;
+
+    /**
+     * The list of invite items.
+     */
+    inviteItems: Array<IInvitee | IInviteSelectItem>;
+}
+
+/**
+ * Implements an abstract dialog to invite people to the conference.
+ */
+export default class AbstractAddPeopleDialog<P extends IProps, S extends IState> extends Component<P, S> {
+    /**
+     * Constructor of the component.
+     *
+     * @inheritdoc
+     */
+    constructor(props: P) {
+        super(props);
+
+        this._query = this._query.bind(this);
+    }
+
+    /**
+     * Retrieves the notification display name for the invitee.
+     *
+     * @param {IInvitee} invitee - The invitee object.
+     * @returns {string}
+     */
+    _getDisplayName(invitee: IInvitee) {
+        if (invitee.type === INVITE_TYPES.PHONE) {
+            return invitee.number;
+        }
+
+        if (invitee.type === INVITE_TYPES.SIP) {
+            return invitee.address;
+        }
+
+        return invitee.name ?? '';
+    }
+
+    /**
+     * Invite people and numbers to the conference. The logic works by inviting
+     * numbers, people/rooms, sip endpoints and videosipgw in parallel. All invitees are
+     * stored in an array. As each invite succeeds, the invitee is removed
+     * from the array. After all invites finish, close the modal if there are
+     * no invites left to send. If any are left, that means an invite failed
+     * and an error state should display.
+     *
+     * @param {Array<IInvitee>} invitees - The items to be invited.
+     * @returns {Promise<Array<any>>}
+     */
+    _invite(invitees: IInvitee[]) {
+        const inviteTypeCounts = getInviteTypeCounts(invitees);
+
+        sendAnalytics(createInviteDialogEvent(
+            'clicked', 'inviteButton', {
+                ...inviteTypeCounts,
+                inviteAllowed: this._isAddDisabled()
+            }));
+
+        if (this._isAddDisabled()) {
+            return Promise.resolve([]);
+        }
+
+        this.setState({
+            addToCallInProgress: true
+        });
+
+        const { _callFlowsEnabled, dispatch } = this.props;
+
+        return dispatch(invite(invitees))
+            .then((invitesLeftToSend: IInvitee[]) => {
+                this.setState({
+                    addToCallInProgress: false
+                });
+
+                // If any invites are left that means something failed to send
+                // so treat it as an error.
+                if (invitesLeftToSend.length) {
+                    const erroredInviteTypeCounts
+                        = getInviteTypeCounts(invitesLeftToSend);
+
+                    logger.error(`${invitesLeftToSend.length} invites failed`,
+                        erroredInviteTypeCounts);
+
+                    sendAnalytics(createInviteDialogEvent(
+                        'error', 'invite', {
+                            ...erroredInviteTypeCounts
+                        }));
+                    dispatch(showErrorNotification({
+                        titleKey: 'addPeople.failedToAdd'
+                    }));
+                } else if (!_callFlowsEnabled) {
+                    const invitedCount = invitees.length;
+                    let notificationProps: INotificationProps | undefined;
+
+                    if (invitedCount >= 3) {
+                        notificationProps = {
+                            titleArguments: {
+                                name: this._getDisplayName(invitees[0]),
+                                count: `${invitedCount - 1}`
+                            },
+                            titleKey: 'notify.invitedThreePlusMembers'
+                        };
+                    } else if (invitedCount === 2) {
+                        notificationProps = {
+                            titleArguments: {
+                                first: this._getDisplayName(invitees[0]),
+                                second: this._getDisplayName(invitees[1])
+                            },
+                            titleKey: 'notify.invitedTwoMembers'
+                        };
+                    } else if (invitedCount) {
+                        notificationProps = {
+                            titleArguments: {
+                                name: this._getDisplayName(invitees[0])
+                            },
+                            titleKey: 'notify.invitedOneMember'
+                        };
+                    }
+
+                    if (notificationProps) {
+                        dispatch(
+                            showNotification(notificationProps, NOTIFICATION_TIMEOUT_TYPE.SHORT));
+                    }
+                }
+
+                return invitesLeftToSend;
+            });
+    }
+
+    /**
+     * Indicates if the Add button should be disabled.
+     *
+     * @private
+     * @returns {boolean} - True to indicate that the Add button should
+     * be disabled, false otherwise.
+     */
+    _isAddDisabled() {
+        return !this.state.inviteItems.length
+            || this.state.addToCallInProgress;
+    }
+
+    /**
+     * Performs a people and phone number search request.
+     *
+     * @param {string} query - The search text.
+     * @private
+     * @returns {Promise}
+     */
+    _query(query = '') {
+        const {
+            _addPeopleEnabled: addPeopleEnabled,
+            _appId: appId,
+            _dialOutAuthUrl: dialOutAuthUrl,
+            _dialOutRegionUrl: dialOutRegionUrl,
+            _dialOutEnabled: dialOutEnabled,
+            _jwt: jwt,
+            _peopleSearchQueryTypes: peopleSearchQueryTypes,
+            _peopleSearchUrl: peopleSearchUrl,
+            _peopleSearchTokenLocation: peopleSearchTokenLocation,
+            _region: region,
+            _sipInviteEnabled: sipInviteEnabled
+        } = this.props;
+        const options = {
+            addPeopleEnabled,
+            appId,
+            dialOutAuthUrl,
+            dialOutEnabled,
+            dialOutRegionUrl,
+            jwt,
+            peopleSearchQueryTypes,
+            peopleSearchUrl,
+            peopleSearchTokenLocation,
+            region,
+            sipInviteEnabled
+        };
+
+        return getInviteResultsForQuery(query, options);
+    }
+
+}
+
+/**
+ * Maps (parts of) the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {{
+ *     _addPeopleEnabled: boolean,
+ *     _dialOutAuthUrl: string,
+ *     _dialOutEnabled: boolean,
+ *     _jwt: string,
+ *     _peopleSearchQueryTypes: Array<string>,
+ *     _peopleSearchUrl: string
+ * }}
+ */
+export function _mapStateToProps(state: IReduxState) {
+    const {
+        callFlowsEnabled,
+        dialOutAuthUrl,
+        dialOutRegionUrl,
+        peopleSearchQueryTypes,
+        peopleSearchUrl,
+        peopleSearchTokenLocation
+    } = state['features/base/config'];
+
+    return {
+        _addPeopleEnabled: isAddPeopleEnabled(state),
+        _appId: state['features/base/jwt']?.tenant ?? '',
+        _callFlowsEnabled: callFlowsEnabled ?? false,
+        _dialOutAuthUrl: dialOutAuthUrl ?? '',
+        _dialOutRegionUrl: dialOutRegionUrl ?? '',
+        _dialOutEnabled: isDialOutEnabled(state),
+        _jwt: state['features/base/jwt'].jwt ?? '',
+        _peopleSearchQueryTypes: peopleSearchQueryTypes ?? [],
+        _peopleSearchUrl: peopleSearchUrl ?? '',
+        _peopleSearchTokenLocation: peopleSearchTokenLocation ?? '',
+        _region: getMeetingRegion(state),
+        _sipInviteEnabled: isSipInviteEnabled(state)
+    };
+}
diff --git a/react/features/invite/components/add-people-dialog/native/AddPeopleDialog.tsx b/react/features/invite/components/add-people-dialog/native/AddPeopleDialog.tsx
new file mode 100644
index 0000000..4921f74
--- /dev/null
+++ b/react/features/invite/components/add-people-dialog/native/AddPeopleDialog.tsx
@@ -0,0 +1,585 @@
+import { matchesProperty, sortBy } from 'lodash-es';
+import React, { ReactElement } from 'react';
+import { WithTranslation } from 'react-i18next';
+import {
+    ActivityIndicator,
+    FlatList,
+    SafeAreaView,
+    TouchableOpacity,
+    View,
+    ViewStyle
+} from 'react-native';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../../app/types';
+import { openDialog } from '../../../../base/dialog/actions';
+import AlertDialog from '../../../../base/dialog/components/native/AlertDialog';
+import { translate } from '../../../../base/i18n/functions';
+import Icon from '../../../../base/icons/components/Icon';
+import {
+    IconCheck,
+    IconCloseCircle,
+    IconEnvelope,
+    IconPhoneRinging,
+    IconSearch,
+    IconShare
+} from '../../../../base/icons/svg';
+import JitsiScreen from '../../../../base/modal/components/JitsiScreen';
+import AvatarListItem from '../../../../base/react/components/native/AvatarListItem';
+import { Item } from '../../../../base/react/types';
+import BaseTheme from '../../../../base/ui/components/BaseTheme.native';
+import Input from '../../../../base/ui/components/native/Input';
+import HeaderNavigationButton
+    from '../../../../mobile/navigation/components/HeaderNavigationButton';
+import { beginShareRoom } from '../../../../share-room/actions';
+import { INVITE_TYPES } from '../../../constants';
+import { IInviteSelectItem, IInvitee } from '../../../types';
+import AbstractAddPeopleDialog, {
+    type IProps as AbstractProps,
+    type IState as AbstractState,
+    _mapStateToProps as _abstractMapStateToProps
+} from '../AbstractAddPeopleDialog';
+
+import styles, { AVATAR_SIZE } from './styles';
+
+interface IProps extends AbstractProps, WithTranslation {
+
+    /**
+     * True if the invite dialog should be open, false otherwise.
+     */
+    _isVisible: boolean;
+
+    /**
+     * Default prop for navigation between screen components(React Navigation).
+     */
+    navigation: any;
+
+    /**
+     * Theme used for styles.
+     */
+    theme: Object;
+}
+
+interface IState extends AbstractState {
+
+    /**
+     * Boolean to show if an extra padding needs to be added to the bottom bar.
+     */
+    bottomPadding: boolean;
+
+    /**
+     * State variable to keep track of the search field value.
+     */
+    fieldValue: string;
+
+    /**
+     * True if a search is in progress, false otherwise.
+     */
+    searchInprogress: boolean;
+
+    /**
+     * An array of items that are selectable on this dialog. This is usually
+     * populated by an async search.
+     */
+    selectableItems: Array<Object>;
+}
+
+/**
+ * Implements a special dialog to invite people from a directory service.
+ */
+class AddPeopleDialog extends AbstractAddPeopleDialog<IProps, IState> {
+    /**
+     * Default state object to reset the state to when needed.
+     */
+    defaultState = {
+        addToCallError: false,
+        addToCallInProgress: false,
+        bottomPadding: false,
+        fieldValue: '',
+        inviteItems: [],
+        searchInprogress: false,
+        selectableItems: []
+    };
+
+    /**
+     * TimeoutID to delay the search for the time the user is probably typing.
+     */
+
+    /* eslint-disable-next-line no-undef */
+    searchTimeout: number;
+
+    /**
+     * Constructor of the component.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this.state = this.defaultState;
+
+        this._keyExtractor = this._keyExtractor.bind(this);
+        this._renderInvitedItem = this._renderInvitedItem.bind(this);
+        this._renderItem = this._renderItem.bind(this);
+        this._renderSeparator = this._renderSeparator.bind(this);
+        this._onClearField = this._onClearField.bind(this);
+        this._onInvite = this._onInvite.bind(this);
+        this._onPressItem = this._onPressItem.bind(this);
+        this._onShareMeeting = this._onShareMeeting.bind(this);
+        this._onTypeQuery = this._onTypeQuery.bind(this);
+        this._renderShareMeetingButton = this._renderShareMeetingButton.bind(this);
+        this._renderIcon = this._renderIcon.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#componentDidMount()}. Invoked
+     * immediately after this component is mounted.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidMount() {
+        const { navigation, t } = this.props;
+
+        navigation.setOptions({
+            headerRight: () => (
+                <HeaderNavigationButton
+                    disabled = { this._isAddDisabled() }
+                    label = { t('inviteDialog.send') }
+                    style = { styles.sendBtn }
+                    twoActions = { true } />
+            )
+        });
+    }
+
+    /**
+     * Implements {@code Component#componentDidUpdate}.
+     *
+     * @inheritdoc
+     */
+    override componentDidUpdate(prevProps: IProps) {
+        const { navigation, t } = this.props;
+
+        navigation.setOptions({
+            // eslint-disable-next-line react/no-multi-comp
+            headerRight: () => (
+                <HeaderNavigationButton
+                    disabled = { this._isAddDisabled() }
+                    label = { t('inviteDialog.send') }
+                    onPress = { this._onInvite }
+                    style = { styles.sendBtn }
+                    twoActions = { true } />
+            )
+        });
+
+        if (prevProps._isVisible !== this.props._isVisible) {
+            // Clear state
+            this._clearState();
+        }
+    }
+
+    /**
+     * Implements {@code Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const {
+            _addPeopleEnabled,
+            _dialOutEnabled
+        } = this.props;
+        const { inviteItems, selectableItems } = this.state;
+
+        let placeholderKey = 'searchPlaceholder';
+
+        if (!_addPeopleEnabled) {
+            placeholderKey = 'searchCallOnlyPlaceholder';
+        } else if (!_dialOutEnabled) {
+            placeholderKey = 'searchPeopleOnlyPlaceholder';
+        }
+
+        return (
+            <JitsiScreen
+                footerComponent = { this._renderShareMeetingButton }
+                hasExtraHeaderHeight = { true }
+                style = { styles.addPeopleContainer }>
+                <Input
+                    autoFocus = { false }
+                    clearable = { true }
+                    customStyles = {{ container: styles.customContainer }}
+                    icon = { this._renderIcon }
+                    onChange = { this._onTypeQuery }
+                    placeholder = { this.props.t(`inviteDialog.${placeholderKey}`) }
+                    value = { this.state.fieldValue } />
+                { Boolean(inviteItems.length) && <View style = { styles.invitedList }>
+                    <FlatList
+                        data = { inviteItems }
+                        horizontal = { true }
+                        keyExtractor = { this._keyExtractor }
+                        renderItem = { this._renderInvitedItem as any } />
+                </View> }
+                <View style = { styles.resultList }>
+                    <FlatList
+                        ItemSeparatorComponent = { this._renderSeparator }
+                        data = { selectableItems }
+                        extraData = { inviteItems }
+                        keyExtractor = { this._keyExtractor }
+                        renderItem = { this._renderItem as any } />
+                </View>
+            </JitsiScreen>
+        );
+    }
+
+    /**
+     * Clears the dialog content.
+     *
+     * @returns {void}
+     */
+    _clearState() {
+        this.setState(this.defaultState);
+    }
+
+    /**
+     * Returns an object capable of being rendered by an {@code AvatarListItem}.
+     *
+     * @param {Object} flatListItem - An item of the data array of the {@code FlatList}.
+     * @returns {?Object}
+     */
+    _getRenderableItem(flatListItem: any) {
+        const { item } = flatListItem;
+
+        switch (item.type) {
+
+        // isCORSAvatarURL in this case is false
+        case INVITE_TYPES.PHONE:
+            return {
+                avatar: IconPhoneRinging,
+                key: item.number,
+                title: item.number
+            };
+        case INVITE_TYPES.USER:
+            return {
+                avatar: item.avatar,
+                key: item.id || item.user_id,
+                title: item.name
+            };
+        case INVITE_TYPES.EMAIL:
+            return {
+                avatar: item.avatar || IconEnvelope,
+                key: item.id || item.user_id,
+                title: item.name
+            };
+        default:
+            return null;
+        }
+    }
+
+    /**
+     * Key extractor for the flatlist.
+     *
+     * @param {Object} item - The flatlist item that we need the key to be
+     * generated for.
+     * @returns {string}
+     */
+    _keyExtractor(item: any) {
+        if (item.type === INVITE_TYPES.USER || item.type === INVITE_TYPES.EMAIL) {
+            return item.id || item.user_id;
+        }
+
+        return item.number;
+    }
+
+    /**
+     * Callback to clear the text field.
+     *
+     * @returns {void}
+     */
+    _onClearField() {
+        this.setState({
+            fieldValue: ''
+        });
+
+        // Clear search results
+        this._onTypeQuery('');
+    }
+
+    /**
+     * Invites the selected entries.
+     *
+     * @returns {void}
+     */
+    _onInvite() {
+        // @ts-ignore
+        this._invite(this.state.inviteItems)
+            .then((invitesLeftToSend: IInvitee[]) => {
+                if (invitesLeftToSend.length) {
+                    this.setState({
+                        inviteItems: invitesLeftToSend
+                    });
+                    this._showFailedInviteAlert();
+                }
+            });
+    }
+
+    /**
+     * Function to prepare a callback for the onPress event of the touchable.
+     *
+     * @param {Item} item - The item on which onPress was invoked.
+     * @returns {Function}
+     */
+    _onPressItem(item: Item) {
+        return () => {
+            const { inviteItems } = this.state;
+            const finderKey = item.type === INVITE_TYPES.PHONE ? 'number' : 'user_id';
+
+            if (inviteItems.find(
+                matchesProperty(finderKey, item[finderKey as keyof typeof item]))) {
+                // Item is already selected, need to unselect it.
+                this.setState({
+                    inviteItems: inviteItems.filter(
+                        (element: any) => item[finderKey as keyof typeof item] !== element[finderKey])
+                });
+            } else {
+                // Item is not selected yet, need to add to the list.
+                // @ts-ignore
+                const items = inviteItems.concat(item);
+
+                this.setState({
+                    inviteItems: sortBy(items, [ 'name', 'number' ])
+                });
+            }
+        };
+    }
+
+    /**
+     * Shows the system share sheet to share the meeting information.
+     *
+     * @returns {void}
+     */
+    _onShareMeeting() {
+        if (this.state.inviteItems.length > 0) {
+            // The use probably intended to invite people.
+            this._onInvite();
+        } else {
+            this.props.dispatch(beginShareRoom());
+        }
+    }
+
+    /**
+     * Handles the typing event of the text field on the dialog and performs the
+     * search.
+     *
+     * @param {string} query - The query that is typed in the field.
+     * @returns {void}
+     */
+    _onTypeQuery(query: string) {
+        this.setState({
+            fieldValue: query
+        });
+
+        clearTimeout(this.searchTimeout);
+        this.searchTimeout = setTimeout(() => {
+            this.setState({
+                searchInprogress: true
+            }, () => {
+                this._performSearch(query);
+            });
+        }, 500);
+    }
+
+    /**
+     * Performs the actual search.
+     *
+     * @param {string} query - The query to search for.
+     * @returns {void}
+     */
+    _performSearch(query: string) {
+        this._query(query).then(results => {
+            this.setState({
+                selectableItems: sortBy(results, [ 'name', 'number' ])
+            });
+        })
+        .finally(() => {
+            this.setState({
+                searchInprogress: false
+            });
+        });
+    }
+
+    /**
+     * Renders a single item in the invited {@code FlatList}.
+     *
+     * @param {Object} flatListItem - An item of the data array of the
+     * {@code FlatList}.
+     * @param {number} index - The index of the currently rendered item.
+     * @returns {ReactElement<any>}
+     */
+    _renderInvitedItem(flatListItem: any, index: number): ReactElement | null {
+        const { item } = flatListItem;
+        const renderableItem = this._getRenderableItem(flatListItem);
+
+        return (
+            <TouchableOpacity onPress = { this._onPressItem(item) } >
+                <View
+                    pointerEvents = 'box-only'
+                    style = { styles.itemWrapper as ViewStyle }>
+                    <AvatarListItem
+                        avatarOnly = { true }
+                        avatarSize = { AVATAR_SIZE }
+                        avatarStatus = { item.status }
+                        avatarStyle = { styles.avatar }
+                        avatarTextStyle = { styles.avatarText }
+                        item = { renderableItem as any }
+                        key = { index }
+                        linesStyle = { styles.itemLinesStyle }
+                        titleStyle = { styles.itemText } />
+                    <Icon
+                        src = { IconCloseCircle }
+                        style = { styles.unselectIcon } />
+                </View>
+            </TouchableOpacity>
+        );
+    }
+
+    /**
+     * Renders a single item in the search result {@code FlatList}.
+     *
+     * @param {Object} flatListItem - An item of the data array of the
+     * {@code FlatList}.
+     * @param {number} index - The index of the currently rendered item.
+     * @returns {?ReactElement<*>}
+     */
+    _renderItem(flatListItem: any, index: number): ReactElement | null {
+        const { item } = flatListItem;
+        const { inviteItems } = this.state;
+        let selected: IInvitee | IInviteSelectItem | undefined | boolean = false;
+        const renderableItem = this._getRenderableItem(flatListItem);
+
+        if (!renderableItem) {
+            return null;
+        }
+
+        switch (item.type) {
+        case INVITE_TYPES.PHONE:
+            selected = inviteItems.find(matchesProperty('number', item.number));
+            break;
+        case INVITE_TYPES.USER:
+        case INVITE_TYPES.EMAIL:
+            selected = item.id
+                ? inviteItems.find(matchesProperty('id', item.id))
+                : inviteItems.find(matchesProperty('user_id', item.user_id));
+            break;
+        default:
+            return null;
+        }
+
+        return (
+            <TouchableOpacity onPress = { this._onPressItem(item) } >
+                <View
+                    pointerEvents = 'box-only'
+                    style = { styles.itemWrapper as ViewStyle }>
+                    <AvatarListItem
+                        avatarSize = { AVATAR_SIZE }
+                        avatarStatus = { item.status }
+                        avatarStyle = { styles.avatar }
+                        avatarTextStyle = { styles.avatarText }
+                        item = { renderableItem as any }
+                        key = { index }
+                        linesStyle = { styles.itemLinesStyle }
+                        titleStyle = { styles.itemText } />
+                    { selected && <Icon
+                        src = { IconCheck }
+                        style = { styles.selectedIcon } /> }
+                </View>
+            </TouchableOpacity>
+        );
+    }
+
+    /**
+     * Renders the item separator.
+     *
+     * @returns {?ReactElement<*>}
+     */
+    _renderSeparator() {
+        return (
+            <View style = { styles.separator } />
+        );
+    }
+
+    /**
+     * Renders a button to share the meeting info.
+     *
+     * @returns {React#Element<*>}
+     */
+    _renderShareMeetingButton() {
+        return (
+            <SafeAreaView
+                style = { [
+                    styles.bottomBar as ViewStyle,
+                    this.state.bottomPadding ? styles.extraBarPadding : null
+                ] }>
+                <TouchableOpacity
+                    onPress = { this._onShareMeeting }>
+                    <Icon
+                        src = { IconShare }
+                        style = { styles.shareIcon } />
+                </TouchableOpacity>
+            </SafeAreaView>
+        );
+    }
+
+    /**
+     * Renders an icon.
+     *
+     * @returns {React#Element<*>}
+     */
+    _renderIcon() {
+        if (this.state.searchInprogress) {
+            return (
+                <ActivityIndicator
+                    color = { BaseTheme.palette.icon01 }
+                    size = 'small' />
+            );
+        }
+
+        return (
+            <Icon
+                src = { IconSearch }
+                style = { styles.searchIcon } />
+        );
+    }
+
+    /**
+     * Shows an alert telling the user that some invitees were failed to be
+     * invited.
+     *
+     * NOTE: We're using an Alert here because we're on a modal and it makes
+     * using our dialogs a tad more difficult.
+     *
+     * @returns {void}
+     */
+    _showFailedInviteAlert() {
+        this.props.dispatch(openDialog('AlertDialog', AlertDialog, {
+            contentKey: {
+                key: 'inviteDialog.alertText'
+            }
+        }));
+    }
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {any} _ownProps - Component's own props.
+ * @returns {{
+ *     _isVisible: boolean
+ * }}
+ */
+function _mapStateToProps(state: IReduxState, _ownProps: any) {
+    return {
+        ..._abstractMapStateToProps(state)
+    };
+}
+
+export default translate(connect(_mapStateToProps)(AddPeopleDialog));
diff --git a/react/features/invite/components/add-people-dialog/native/styles.ts b/react/features/invite/components/add-people-dialog/native/styles.ts
new file mode 100644
index 0000000..3935ebe
--- /dev/null
+++ b/react/features/invite/components/add-people-dialog/native/styles.ts
@@ -0,0 +1,120 @@
+import { BoxModel } from '../../../../base/styles/components/styles/BoxModel';
+import BaseTheme from '../../../../base/ui/components/BaseTheme.native';
+
+export const AVATAR_SIZE = 40;
+export const DARK_GREY = 'rgb(28, 32, 37)';
+export const LIGHT_GREY = 'rgb(209, 219, 232)';
+
+export default {
+
+    addPeopleContainer: {
+        backgroundColor: BaseTheme.palette.ui01,
+        flex: 1
+    },
+
+    avatar: {
+        backgroundColor: LIGHT_GREY
+    },
+
+    customContainer: {
+        marginHorizontal: BaseTheme.spacing[3],
+        marginVertical: BaseTheme.spacing[2]
+    },
+
+    avatarText: {
+        color: DARK_GREY,
+        fontSize: 12
+    },
+
+    bottomBar: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: BaseTheme.palette.ui01
+    },
+
+    clearButton: {
+        paddingTop: 7
+    },
+
+    clearIcon: {
+        color: BaseTheme.palette.ui02,
+        fontSize: 18,
+        textAlign: 'center'
+    },
+
+    /**
+     * A special padding to avoid issues on some devices (such as Android devices with custom suggestions bar).
+     */
+    extraBarPadding: {
+        paddingBottom: 30
+    },
+
+    headerCloseIcon: {
+        marginLeft: 12
+    },
+
+    headerSendInvite: {
+        color: BaseTheme.palette.text01,
+        marginRight: 12
+    },
+
+    invitedList: {
+        padding: 3
+    },
+
+    itemLinesStyle: {
+        color: 'rgb(118, 136, 152)',
+        fontSize: 13
+    },
+
+    itemText: {
+        color: BaseTheme.palette.text01,
+        fontSize: 14,
+        fontWeight: 'normal'
+    },
+
+    itemWrapper: {
+        alignItems: 'center',
+        flexDirection: 'row',
+        paddingLeft: 5
+    },
+
+    resultList: {
+        flex: 1,
+        padding: 5
+    },
+
+    selectedIcon: {
+        color: BaseTheme.palette.icon01,
+        fontSize: 20,
+        marginRight: BoxModel.margin,
+        padding: 2
+    },
+
+    separator: {
+        borderBottomColor: BaseTheme.palette.ui07,
+        borderBottomWidth: 1,
+        marginLeft: 85
+    },
+
+    searchIcon: {
+        color: BaseTheme.palette.icon01,
+        fontSize: 22
+    },
+
+    shareIcon: {
+        fontSize: 42
+    },
+
+    unselectIcon: {
+        color: BaseTheme.palette.ui01,
+        fontSize: 16,
+        left: AVATAR_SIZE / -3,
+        position: 'relative',
+        top: AVATAR_SIZE / -3
+    },
+
+    sendBtn: {
+        marginRight: BaseTheme.spacing[3]
+    }
+};
diff --git a/react/features/invite/components/add-people-dialog/web/AddPeopleDialog.tsx b/react/features/invite/components/add-people-dialog/web/AddPeopleDialog.tsx
new file mode 100644
index 0000000..cf8d1cc
--- /dev/null
+++ b/react/features/invite/components/add-people-dialog/web/AddPeopleDialog.tsx
@@ -0,0 +1,238 @@
+import React, { useEffect } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+
+import { createInviteDialogEvent } from '../../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../../analytics/functions';
+import { IReduxState } from '../../../../app/types';
+import { getInviteURL } from '../../../../base/connection/functions';
+import { translate } from '../../../../base/i18n/functions';
+import { JitsiRecordingConstants } from '../../../../base/lib-jitsi-meet';
+import Dialog from '../../../../base/ui/components/web/Dialog';
+import { StatusCode } from '../../../../base/util/uri';
+import { isDynamicBrandingDataLoaded } from '../../../../dynamic-branding/functions.any';
+import { getActiveSession } from '../../../../recording/functions';
+import { updateDialInNumbers } from '../../../actions.web';
+import {
+    _getDefaultPhoneNumber,
+    getInviteText,
+    getInviteTextiOS,
+    isAddPeopleEnabled,
+    isDialOutEnabled,
+    isSharingEnabled,
+    sharingFeatures
+} from '../../../functions';
+
+import CopyMeetingLinkSection from './CopyMeetingLinkSection';
+import DialInLimit from './DialInLimit';
+import DialInSection from './DialInSection';
+import InviteByEmailSection from './InviteByEmailSection';
+import InviteContactsSection from './InviteContactsSection';
+import LiveStreamSection from './LiveStreamSection';
+
+interface IProps extends WithTranslation {
+
+    /**
+     * The object representing the dialIn feature.
+     */
+    _dialIn: any;
+
+    /**
+     * Whether or not dial in number should be visible.
+     */
+    _dialInVisible: boolean;
+
+    /**
+     * Whether or not email sharing features should be visible.
+     */
+    _emailSharingVisible: boolean;
+
+    /**
+     * The meeting invitation text.
+     */
+    _invitationText: string;
+
+    /**
+     * The custom no new-lines meeting invitation text for iOS default email.
+     * Needed because of this mailto: iOS issue: https://developer.apple.com/forums/thread/681023.
+     */
+    _invitationTextiOS: string;
+
+    /**
+     * An alternate app name to be displayed in the email subject.
+     */
+    _inviteAppName?: string | null;
+
+    /**
+     * Whether or not invite contacts should be visible.
+     */
+    _inviteContactsVisible: boolean;
+
+    /**
+     * The current url of the conference to be copied onto the clipboard.
+     */
+    _inviteUrl: string;
+
+    /**
+     * Whether the dial in limit has been exceeded.
+     */
+    _isDialInOverLimit?: boolean;
+
+    /**
+     * The current known URL for a live stream in progress.
+     */
+    _liveStreamViewURL?: string;
+
+    /**
+     * The default phone number.
+     */
+    _phoneNumber?: string | null;
+
+    /**
+     * Whether or not url sharing button should be visible.
+     */
+    _urlSharingVisible: boolean;
+
+    /**
+     * Method to update the dial in numbers.
+     */
+    updateNumbers: Function;
+}
+
+/**
+ * Invite More component.
+ *
+ * @returns {React$Element<any>}
+ */
+function AddPeopleDialog({
+    _dialIn,
+    _dialInVisible,
+    _urlSharingVisible,
+    _emailSharingVisible,
+    _invitationText,
+    _invitationTextiOS,
+    _inviteAppName,
+    _inviteContactsVisible,
+    _inviteUrl,
+    _isDialInOverLimit,
+    _liveStreamViewURL,
+    _phoneNumber,
+    t,
+    updateNumbers
+}: IProps) {
+
+    /**
+     * Updates the dial-in numbers.
+     */
+    useEffect(() => {
+        if (!_dialIn.numbers) {
+            updateNumbers();
+        }
+    }, []);
+
+    /**
+     * Sends analytics events when the dialog opens/closes.
+     *
+     * @returns {void}
+     */
+    useEffect(() => {
+        sendAnalytics(createInviteDialogEvent(
+            'opened', 'dialog'));
+
+        return () => {
+            sendAnalytics(createInviteDialogEvent(
+                'closed', 'dialog'));
+        };
+    }, []);
+
+    const inviteSubject = t('addPeople.inviteMoreMailSubject', {
+        appName: _inviteAppName ?? interfaceConfig.APP_NAME
+    });
+
+    return (
+        <Dialog
+            cancel = {{ hidden: true }}
+            ok = {{ hidden: true }}
+            titleKey = 'addPeople.inviteMorePrompt'>
+            <div className = 'invite-more-dialog'>
+                { _inviteContactsVisible && <InviteContactsSection /> }
+                {_urlSharingVisible ? <CopyMeetingLinkSection url = { _inviteUrl } /> : null}
+                {
+                    _emailSharingVisible
+                        ? <InviteByEmailSection
+                            inviteSubject = { inviteSubject }
+                            inviteText = { _invitationText }
+                            inviteTextiOS = { _invitationTextiOS } />
+                        : null
+                }
+                <div className = 'invite-more-dialog separator' />
+                {
+                    _liveStreamViewURL
+                        && <LiveStreamSection liveStreamViewURL = { _liveStreamViewURL } />
+                }
+                {
+                    _phoneNumber
+                        && _dialInVisible
+                        && <DialInSection phoneNumber = { _phoneNumber } />
+                }
+                {
+                    !_phoneNumber && _dialInVisible && _isDialInOverLimit && <DialInLimit />
+                }
+            </div>
+        </Dialog>
+    );
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated props for the
+ * {@code AddPeopleDialog} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {Object} ownProps - The properties explicitly passed to the component.
+ * @private
+ * @returns {IProps}
+ */
+function mapStateToProps(state: IReduxState, ownProps: Partial<IProps>) {
+    const currentLiveStreamingSession
+        = getActiveSession(state, JitsiRecordingConstants.mode.STREAM);
+    const { iAmRecorder, inviteAppName } = state['features/base/config'];
+    const addPeopleEnabled = isAddPeopleEnabled(state);
+    const dialOutEnabled = isDialOutEnabled(state);
+    const hideInviteContacts = iAmRecorder || (!addPeopleEnabled && !dialOutEnabled);
+    const dialIn = state['features/invite']; // @ts-ignore
+    const phoneNumber = dialIn?.numbers ? _getDefaultPhoneNumber(dialIn.numbers) : undefined;
+    const isDialInOverLimit = dialIn?.error?.status === StatusCode.PaymentRequired;
+
+    return {
+        _dialIn: dialIn,
+        _dialInVisible: isSharingEnabled(sharingFeatures.dialIn),
+        _urlSharingVisible: isDynamicBrandingDataLoaded(state) && isSharingEnabled(sharingFeatures.url),
+        _emailSharingVisible: isSharingEnabled(sharingFeatures.email),
+        _invitationText: getInviteText({ state,
+            phoneNumber,
+            t: ownProps.t }),
+        _invitationTextiOS: getInviteTextiOS({ state,
+            phoneNumber,
+            t: ownProps.t }),
+        _inviteAppName: inviteAppName,
+        _inviteContactsVisible: interfaceConfig.ENABLE_DIAL_OUT && !hideInviteContacts,
+        _inviteUrl: getInviteURL(state),
+        _isDialInOverLimit: isDialInOverLimit,
+        _liveStreamViewURL: currentLiveStreamingSession?.liveStreamViewURL,
+        _phoneNumber: phoneNumber
+    };
+}
+
+/**
+ * Maps dispatching of some action to React component props.
+ *
+ * @param {Function} dispatch - Redux action dispatcher.
+ * @returns {IProps}
+ */
+const mapDispatchToProps = {
+    updateNumbers: () => updateDialInNumbers()
+};
+
+export default translate(
+    connect(mapStateToProps, mapDispatchToProps)(AddPeopleDialog)
+);
diff --git a/react/features/invite/components/add-people-dialog/web/CopyMeetingLinkSection.tsx b/react/features/invite/components/add-people-dialog/web/CopyMeetingLinkSection.tsx
new file mode 100644
index 0000000..ec9d274
--- /dev/null
+++ b/react/features/invite/components/add-people-dialog/web/CopyMeetingLinkSection.tsx
@@ -0,0 +1,50 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { makeStyles } from 'tss-react/mui';
+
+import CopyButton from '../../../../base/buttons/CopyButton.web';
+import { getDecodedURI } from '../../../../base/util/uri';
+
+
+interface IProps {
+
+    /**
+     * The URL of the conference.
+     */
+    url: string;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        label: {
+            display: 'block',
+            marginBottom: theme.spacing(2)
+        }
+    };
+});
+
+/**
+ * Component meant to enable users to copy the conference URL.
+ *
+ * @returns {React$Element<any>}
+ */
+function CopyMeetingLinkSection({ url }: IProps) {
+    const { classes } = useStyles();
+    const { t } = useTranslation();
+
+    return (
+        <>
+            <p className = { classes.label }>{t('addPeople.shareLink')}</p>
+            <CopyButton
+                accessibilityText = { t('addPeople.accessibilityLabel.meetingLink', { url: getDecodedURI(url) }) }
+                className = 'invite-more-dialog-conference-url'
+                displayedText = { getDecodedURI(url) }
+                id = 'add-people-copy-link-button'
+                textOnCopySuccess = { t('addPeople.linkCopied') }
+                textOnHover = { t('addPeople.copyLink') }
+                textToCopy = { url } />
+        </>
+    );
+}
+
+export default CopyMeetingLinkSection;
diff --git a/react/features/invite/components/add-people-dialog/web/DialInLimit.tsx b/react/features/invite/components/add-people-dialog/web/DialInLimit.tsx
new file mode 100644
index 0000000..4d9d14b
--- /dev/null
+++ b/react/features/invite/components/add-people-dialog/web/DialInLimit.tsx
@@ -0,0 +1,55 @@
+import React from 'react';
+import { WithTranslation } from 'react-i18next';
+import { makeStyles } from 'tss-react/mui';
+
+import { translate } from '../../../../base/i18n/functions';
+import { UPGRADE_OPTIONS_LINK, UPGRADE_OPTIONS_TEXT } from '../../../constants';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        limitContainer: {
+            backgroundColor: theme.palette.warning01,
+            borderRadius: '6px',
+            padding: '8px 16px'
+        },
+        limitInfo: {
+            color: theme.palette.text.primary,
+            ...theme.typography.bodyShortRegular
+        },
+        link: {
+            color: `${theme.palette.text.primary} !important`,
+            fontWeight: 'bold',
+            textDecoration: 'underline'
+        }
+    };
+});
+
+/**
+ * Component that displays a message when the dial in limit is reached.
+ * * @param {Function} t - Function which translate strings.
+ *
+ * @returns {ReactElement}
+ */
+const DialInLimit: React.FC<WithTranslation> = ({ t }) => {
+    const { classes } = useStyles();
+
+    return (
+        <div className = { classes.limitContainer }>
+            <span className = { classes.limitInfo }>
+                <b>{ `${t('info.dialInNumber')} ` }</b>
+                { `${t('info.reachedLimit')} `}
+                { `${t('info.upgradeOptions')} ` }
+                <a
+                    className = { classes.link }
+                    href = { UPGRADE_OPTIONS_LINK }
+                    rel = 'noopener noreferrer'
+                    target = '_blank'>
+                    { `${UPGRADE_OPTIONS_TEXT}` }
+                </a>
+                .
+            </span>
+        </div>
+    );
+};
+
+export default translate(DialInLimit);
diff --git a/react/features/invite/components/add-people-dialog/web/DialInNumber.tsx b/react/features/invite/components/add-people-dialog/web/DialInNumber.tsx
new file mode 100644
index 0000000..f0c0f70
--- /dev/null
+++ b/react/features/invite/components/add-people-dialog/web/DialInNumber.tsx
@@ -0,0 +1,138 @@
+import React, { useEffect, useState } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { useDispatch } from 'react-redux';
+
+import { translate } from '../../../../base/i18n/functions';
+import Icon from '../../../../base/icons/components/Icon';
+import { IconCheck, IconCopy } from '../../../../base/icons/svg';
+import Tooltip from '../../../../base/tooltip/components/Tooltip';
+import { copyText } from '../../../../base/util/copyText.web';
+import { showSuccessNotification } from '../../../../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE } from '../../../../notifications/constants';
+import { _formatConferenceIDPin } from '../../../_utils';
+
+let mounted: boolean;
+
+/**
+ * The type of the React {@code Component} props of {@link DialInNumber}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * The numeric identifier for the current conference, used after dialing a
+     * the number to join the conference.
+     */
+    conferenceID: string | number;
+
+    /**
+     * The phone number to dial to begin the process of dialing into a
+     * conference.
+     */
+    phoneNumber: string;
+}
+
+
+/**
+ * Component responsible for displaying a telephone number and
+ * conference ID for dialing into a conference and copying them to clipboard.
+ *
+ * @returns {ReactNode}
+ */
+function DialInNumber({ conferenceID, phoneNumber, t }: IProps) {
+    const dispatch = useDispatch();
+    const [ isClicked, setIsClicked ] = useState(false);
+    const dialInLabel = t('info.dialInNumber');
+    const passcode = t('info.dialInConferenceID');
+    const conferenceIDPin = `${_formatConferenceIDPin(conferenceID)}#`;
+    const textToCopy = `${dialInLabel} ${phoneNumber} ${passcode} ${conferenceIDPin}`;
+
+
+    useEffect(() => {
+        mounted = true;
+
+        return () => {
+            mounted = false;
+        };
+    }, []);
+
+    /**
+     * Copies the conference ID and phone number to the clipboard.
+     *
+     * @returns {void}
+    */
+    function _onCopyText() {
+        copyText(textToCopy);
+        dispatch(showSuccessNotification({
+            titleKey: 'dialog.copied'
+        }, NOTIFICATION_TIMEOUT_TYPE.SHORT));
+        setIsClicked(true);
+        setTimeout(() => {
+            // avoid: Can't perform a React state update on an unmounted component
+            if (mounted) {
+                setIsClicked(false);
+            }
+        }, 2500);
+
+    }
+
+    /**
+     * Copies the conference invitation to the clipboard.
+     *
+     * @param {Object} e - The key event to handle.
+     *
+     * @returns {void}
+     */
+    function _onCopyTextKeyPress(e: React.KeyboardEvent) {
+        if (e.key === ' ' || e.key === 'Enter') {
+            e.preventDefault();
+            _onCopyText();
+        }
+    }
+
+    /**
+     * Renders section that shows the phone number and conference ID
+     * and give user the ability to copy them to the clipboard.
+     *
+     * @returns {ReactNode}
+     */
+    return (
+        <div className = 'dial-in-number'>
+            <p>
+                <span className = 'phone-number'>
+                    <span className = 'info-label'>
+                        { t('info.dialInNumber') }
+                    </span>
+                    <span className = 'spacer'>&nbsp;</span>
+                    <span className = 'info-value'>
+                        { phoneNumber }
+                    </span>
+                </span>
+                <br />
+                <span className = 'conference-id'>
+                    <span className = 'info-label'>
+                        { t('info.dialInConferenceID') }
+                    </span>
+                    <span className = 'spacer'>&nbsp;</span>
+                    <span className = 'info-value'>
+                        { `${_formatConferenceIDPin(conferenceID)}#` }
+                    </span>
+                </span>
+            </p>
+            <Tooltip
+                content = { t('info.copyNumber') }
+                position = 'top'>
+                <button
+                    aria-label = { t('info.copyNumber') }
+                    className = 'dial-in-copy invisible-button'
+                    // eslint-disable-next-line react/jsx-no-bind
+                    onClick = { _onCopyText }
+                    // eslint-disable-next-line react/jsx-no-bind
+                    onKeyPress = { _onCopyTextKeyPress }>
+                    <Icon src = { isClicked ? IconCheck : IconCopy } />
+                </button>
+            </Tooltip>
+        </div>
+    );
+}
+
+export default translate(DialInNumber);
diff --git a/react/features/invite/components/add-people-dialog/web/DialInSection.tsx b/react/features/invite/components/add-people-dialog/web/DialInSection.tsx
new file mode 100644
index 0000000..9baf30b
--- /dev/null
+++ b/react/features/invite/components/add-people-dialog/web/DialInSection.tsx
@@ -0,0 +1,71 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState } from '../../../../app/types';
+import { getDialInfoPageURL, hasMultipleNumbers } from '../../../functions';
+
+import DialInNumber from './DialInNumber';
+
+interface IProps {
+
+    /**
+     * The phone number to dial to begin the process of dialing into a
+     * conference.
+     */
+    phoneNumber: string;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        container: {
+            '& .info-label': {
+                ...theme.typography.bodyLongBold
+            }
+        },
+
+        link: {
+            ...theme.typography.bodyLongRegular,
+            color: theme.palette.link01,
+
+            '&:hover': {
+                color: theme.palette.link01Hover
+            }
+        }
+    };
+});
+
+/**
+ * Returns a ReactElement for showing how to dial into the conference, if
+ * dialing in is available.
+ *
+ * @private
+ * @returns {null|ReactElement}
+ */
+function DialInSection({
+    phoneNumber
+}: IProps) {
+    const { classes, cx } = useStyles();
+    const conferenceID = useSelector((state: IReduxState) => state['features/invite'].conferenceID);
+    const dialInfoPageUrl: string = useSelector(getDialInfoPageURL);
+    const showMoreNumbers = useSelector((state: IReduxState) => hasMultipleNumbers(state['features/invite'].numbers));
+    const { t } = useTranslation();
+
+    return (
+        <div className = { classes.container }>
+            <DialInNumber
+                conferenceID = { conferenceID ?? '' }
+                phoneNumber = { phoneNumber } />
+            {showMoreNumbers ? <a
+                className = { cx('more-numbers', classes.link) }
+                href = { dialInfoPageUrl }
+                rel = 'noopener noreferrer'
+                target = '_blank'>
+                { t('info.moreNumbers') }
+            </a> : null}
+        </div>
+    );
+}
+
+export default DialInSection;
diff --git a/react/features/invite/components/add-people-dialog/web/InviteButton.ts b/react/features/invite/components/add-people-dialog/web/InviteButton.ts
new file mode 100644
index 0000000..83ab218
--- /dev/null
+++ b/react/features/invite/components/add-people-dialog/web/InviteButton.ts
@@ -0,0 +1,33 @@
+import { connect } from 'react-redux';
+
+import { createToolbarEvent } from '../../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../../analytics/functions';
+import { translate } from '../../../../base/i18n/functions';
+import { IconAddUser } from '../../../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../../base/toolbox/components/AbstractButton';
+import { beginAddPeople } from '../../../actions.any';
+
+/**
+ * Implementation of a button for opening invite people dialog.
+ */
+class InviteButton extends AbstractButton<AbstractButtonProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.invite';
+    override icon = IconAddUser;
+    override label = 'toolbar.invite';
+    override tooltip = 'toolbar.invite';
+
+    /**
+     * Handles clicking / pressing the button, and opens the appropriate dialog.
+     *
+     * @protected
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { dispatch } = this.props;
+
+        sendAnalytics(createToolbarEvent('invite'));
+        dispatch(beginAddPeople());
+    }
+}
+
+export default translate(connect()(InviteButton));
diff --git a/react/features/invite/components/add-people-dialog/web/InviteByEmailSection.tsx b/react/features/invite/components/add-people-dialog/web/InviteByEmailSection.tsx
new file mode 100644
index 0000000..ad90837
--- /dev/null
+++ b/react/features/invite/components/add-people-dialog/web/InviteByEmailSection.tsx
@@ -0,0 +1,204 @@
+import React, { useEffect, useState } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { useDispatch } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { isIosMobileBrowser } from '../../../../base/environment/utils';
+import { translate } from '../../../../base/i18n/functions';
+import Icon from '../../../../base/icons/components/Icon';
+import {
+    IconCheck,
+    IconCopy,
+    IconEnvelope,
+    IconGoogle,
+    IconOffice365,
+    IconYahoo
+} from '../../../../base/icons/svg';
+import Tooltip from '../../../../base/tooltip/components/Tooltip';
+import { copyText } from '../../../../base/util/copyText.web';
+import { showSuccessNotification } from '../../../../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE } from '../../../../notifications/constants';
+
+let mounted: boolean;
+
+interface IProps extends WithTranslation {
+
+    /**
+     * The encoded invitation subject.
+     */
+    inviteSubject: string;
+
+    /**
+     * The encoded invitation text to be sent.
+     */
+    inviteText: string;
+
+    /**
+     * The encoded no new-lines iOS invitation text to be sent on default mail.
+     */
+    inviteTextiOS: string;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        container: {
+            marginTop: theme.spacing(4)
+        },
+
+        label: {
+            marginBottom: theme.spacing(2)
+        },
+
+        iconRow: {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'space-between'
+        },
+
+        iconContainer: {
+            display: 'block',
+            padding: theme.spacing(2),
+            cursor: 'pointer'
+        }
+    };
+});
+
+/**
+ * Component that renders email invite options.
+ *
+ * @returns {ReactNode}
+ */
+function InviteByEmailSection({ inviteSubject, inviteText, inviteTextiOS, t }: IProps) {
+    const dispatch = useDispatch();
+    const { classes } = useStyles();
+    const [ isClicked, setIsClicked ] = useState(false);
+    const encodedInviteSubject = encodeURIComponent(inviteSubject);
+    const encodedInviteText = encodeURIComponent(inviteText);
+    const encodedInviteTextiOS = encodeURIComponent(inviteTextiOS);
+
+    const encodedDefaultEmailText = isIosMobileBrowser() ? encodedInviteTextiOS : encodedInviteText;
+
+    useEffect(() => {
+        mounted = true;
+
+        return () => {
+            mounted = false;
+        };
+    }, []);
+
+    /**
+     * Copies the conference invitation to the clipboard.
+     *
+     * @returns {void}
+     */
+    function _onCopyText() {
+        copyText(inviteText);
+        dispatch(showSuccessNotification({
+            titleKey: 'dialog.copied'
+        }, NOTIFICATION_TIMEOUT_TYPE.SHORT));
+        setIsClicked(true);
+        setTimeout(() => {
+            // avoid: Can't perform a React state update on an unmounted component
+            if (mounted) {
+                setIsClicked(false);
+            }
+        }, 2500);
+    }
+
+    /**
+     * Copies the conference invitation to the clipboard.
+     *
+     * @param {Object} e - The key event to handle.
+     *
+     * @returns {void}
+     */
+    function _onCopyTextKeyPress(e: React.KeyboardEvent) {
+        if (e.key === ' ' || e.key === 'Enter') {
+            e.preventDefault();
+            _onCopyText();
+        }
+    }
+
+    /**
+     * Renders clickable elements that each open an email client
+     * containing a conference invite.
+     *
+     * @returns {ReactNode}
+     */
+    function renderEmailIcons() {
+        const PROVIDER_MAPPING = [
+            {
+                icon: IconEnvelope,
+                tooltipKey: 'addPeople.defaultEmail',
+                url: `mailto:?subject=${encodedInviteSubject}&body=${encodedDefaultEmailText}`
+            },
+            {
+                icon: IconGoogle,
+                tooltipKey: 'addPeople.googleEmail',
+                url: `https://mail.google.com/mail/?view=cm&fs=1&su=${encodedInviteSubject}&body=${encodedInviteText}`
+            },
+            {
+                icon: IconOffice365,
+                tooltipKey: 'addPeople.outlookEmail',
+                // eslint-disable-next-line max-len
+                url: `https://outlook.office.com/mail/deeplink/compose?subject=${encodedInviteSubject}&body=${encodedInviteText}`
+            },
+            {
+                icon: IconYahoo,
+                tooltipKey: 'addPeople.yahooEmail',
+                url: `https://compose.mail.yahoo.com/?To=&Subj=${encodedInviteSubject}&Body=${encodedInviteText}`
+            }
+        ];
+
+        return (
+            <>
+                {
+                    PROVIDER_MAPPING.map(({ icon, tooltipKey, url }, idx) => (
+                        <Tooltip
+                            content = { t(tooltipKey) }
+                            key = { idx }
+                            position = 'top'>
+                            <a
+                                aria-label = { t(tooltipKey) }
+                                className = { classes.iconContainer }
+                                href = { url }
+                                rel = 'noopener noreferrer'
+                                target = '_blank'>
+                                <Icon src = { icon } />
+                            </a>
+                        </Tooltip>
+                    ))
+                }
+            </>
+        );
+
+    }
+
+    return (
+        <>
+            <div className = { classes.container }>
+                <p className = { classes.label }>{t('addPeople.shareInvite')}</p>
+                <div className = { classes.iconRow }>
+                    <Tooltip
+                        content = { t('addPeople.copyInvite') }
+                        position = 'top'>
+                        <div
+                            aria-label = { t('addPeople.copyInvite') }
+                            className = { classes.iconContainer }
+                            // eslint-disable-next-line react/jsx-no-bind
+                            onClick = { _onCopyText }
+                            // eslint-disable-next-line react/jsx-no-bind
+                            onKeyPress = { _onCopyTextKeyPress }
+                            role = 'button'
+                            tabIndex = { 0 }>
+                            <Icon src = { isClicked ? IconCheck : IconCopy } />
+                        </div>
+                    </Tooltip>
+                    {renderEmailIcons()}
+                </div>
+            </div>
+        </>
+    );
+}
+
+export default translate(InviteByEmailSection);
diff --git a/react/features/invite/components/add-people-dialog/web/InviteContactsForm.tsx b/react/features/invite/components/add-people-dialog/web/InviteContactsForm.tsx
new file mode 100644
index 0000000..e2a1a09
--- /dev/null
+++ b/react/features/invite/components/add-people-dialog/web/InviteContactsForm.tsx
@@ -0,0 +1,517 @@
+import { Theme } from '@mui/material';
+import React from 'react';
+import { connect } from 'react-redux';
+import { withStyles } from 'tss-react/mui';
+
+import { IReduxState, IStore } from '../../../../app/types';
+import Avatar from '../../../../base/avatar/components/Avatar';
+import { translate } from '../../../../base/i18n/functions';
+import Icon from '../../../../base/icons/components/Icon';
+import { IconEnvelope, IconPhoneRinging, IconUser } from '../../../../base/icons/svg';
+import MultiSelectAutocomplete from '../../../../base/react/components/web/MultiSelectAutocomplete';
+import Button from '../../../../base/ui/components/web/Button';
+import { BUTTON_TYPES } from '../../../../base/ui/constants.any';
+import { isVpaasMeeting } from '../../../../jaas/functions';
+import { hideAddPeopleDialog } from '../../../actions.web';
+import { INVITE_TYPES } from '../../../constants';
+import { IInviteSelectItem, IInvitee } from '../../../types';
+import AbstractAddPeopleDialog, {
+    IProps as AbstractProps,
+    IState,
+    _mapStateToProps as _abstractMapStateToProps
+} from '../AbstractAddPeopleDialog';
+
+const styles = (theme: Theme) => {
+    return {
+        formWrap: {
+            marginTop: theme.spacing(2)
+        },
+        inviteButtons: {
+            display: 'flex',
+            justifyContent: 'end',
+            marginTop: theme.spacing(2),
+            '& .invite-button': {
+                marginLeft: theme.spacing(2)
+            }
+        }
+    };
+};
+
+
+interface IProps extends AbstractProps {
+
+    /**
+     * The {@link JitsiMeetConference} which will be used to invite "room" participants.
+     */
+    _conference?: Object;
+
+    /**
+     * Whether the meeting belongs to JaaS user.
+     */
+    _isVpaas?: boolean;
+
+    /**
+     * Css classes.
+     */
+    classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
+
+    /**
+     * The redux {@code dispatch} function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Invoked to obtain translated strings.
+     */
+    t: Function;
+}
+
+/**
+ * Form that enables inviting others to the call.
+ */
+class InviteContactsForm extends AbstractAddPeopleDialog<IProps, IState> {
+    _multiselect: MultiSelectAutocomplete | null = null;
+
+    _resourceClient: {
+        makeQuery: (query: string) => Promise<Array<any>>;
+        parseResults: Function;
+    };
+
+    _translations: {
+        [key: string]: string;
+        _addPeopleEnabled: string;
+        _dialOutEnabled: string;
+        _sipInviteEnabled: string;
+    };
+
+    override state = {
+        addToCallError: false,
+        addToCallInProgress: false,
+        inviteItems: [] as IInviteSelectItem[]
+    };
+
+    /**
+     * Initializes a new {@code AddPeopleDialog} instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handlers so they are only bound once per instance.
+        this._onClearItems = this._onClearItems.bind(this);
+        this._onClearItemsKeyPress = this._onClearItemsKeyPress.bind(this);
+        this._onItemSelected = this._onItemSelected.bind(this);
+        this._onSelectionChange = this._onSelectionChange.bind(this);
+        this._onSubmit = this._onSubmit.bind(this);
+        this._onSubmitKeyPress = this._onSubmitKeyPress.bind(this);
+        this._parseQueryResults = this._parseQueryResults.bind(this);
+        this._setMultiSelectElement = this._setMultiSelectElement.bind(this);
+        this._onKeyDown = this._onKeyDown.bind(this);
+
+        this._resourceClient = {
+            makeQuery: this._query,
+            parseResults: this._parseQueryResults
+        };
+
+
+        const { t } = props;
+
+        this._translations = {
+            _dialOutEnabled: t('addPeople.phoneNumbers'),
+            _addPeopleEnabled: t('addPeople.contacts'),
+            _sipInviteEnabled: t('addPeople.sipAddresses')
+        };
+
+    }
+
+    /**
+     * React Component method that executes once component is updated.
+     *
+     * @param {Props} prevProps - The props object before the update.
+     * @param {State} prevState - The state object before the update.
+     * @returns {void}
+     */
+    override componentDidUpdate(prevProps: IProps, prevState: IState) {
+        /**
+         * Clears selected items from the multi select component on successful
+         * invite.
+         */
+        if (prevState.addToCallError
+                && !this.state.addToCallInProgress
+                && !this.state.addToCallError
+                && this._multiselect) {
+            this._multiselect.setSelectedItems([]);
+        }
+    }
+
+    /**
+     * Renders the content of this component.
+     *
+     * @returns {ReactElement}
+     */
+    override render() {
+        const {
+            _addPeopleEnabled,
+            _dialOutEnabled,
+            _isVpaas,
+            _sipInviteEnabled,
+            t
+        } = this.props;
+        const classes = withStyles.getClasses(this.props);
+        let isMultiSelectDisabled = this.state.addToCallInProgress;
+        const loadingMessage = 'addPeople.searching';
+        const noMatches = 'addPeople.noResults';
+
+        const features: { [key: string]: boolean; } = {
+            _dialOutEnabled,
+            _addPeopleEnabled,
+            _sipInviteEnabled
+        };
+
+        const computedPlaceholder = Object.keys(features)
+            .filter(v => Boolean(features[v]))
+            .map(v => this._translations[v])
+            .join(', ');
+
+        const placeholder = computedPlaceholder ? `${t('dialog.add')} ${computedPlaceholder}` : t('addPeople.disabled');
+
+        if (!computedPlaceholder) {
+            isMultiSelectDisabled = true;
+        }
+
+        return (
+            <div
+                className = { classes.formWrap }
+                onKeyDown = { this._onKeyDown }>
+                <MultiSelectAutocomplete
+                    id = 'invite-contacts-input'
+                    isDisabled = { isMultiSelectDisabled }
+                    loadingMessage = { t(loadingMessage) }
+                    noMatchesFound = { t(noMatches) }
+                    onItemSelected = { this._onItemSelected }
+                    onSelectionChange = { this._onSelectionChange }
+                    placeholder = { placeholder }
+                    ref = { this._setMultiSelectElement }
+                    resourceClient = { this._resourceClient }
+                    shouldFitContainer = { true }
+                    shouldFocus = { true }
+                    showSupportLink = { !_isVpaas } />
+                { this._renderFormActions() }
+            </div>
+        );
+    }
+
+    /**
+     * Callback invoked when a selection has been made but before it has been
+     * set as selected.
+     *
+     * @param {IInviteSelectItem} item - The item that has just been selected.
+     * @private
+     * @returns {Object} The item to display as selected in the input.
+     */
+    _onItemSelected(item: IInviteSelectItem) {
+        if (item.item.type === INVITE_TYPES.PHONE) {
+            item.content = item.item.number;
+        }
+
+        return item;
+    }
+
+    /**
+     * Handles a selection change.
+     *
+     * @param {Array<IInviteSelectItem>} selectedItems - The list of selected items.
+     * @private
+     * @returns {void}
+     */
+    _onSelectionChange(selectedItems: IInviteSelectItem[]) {
+        this.setState({
+            inviteItems: selectedItems
+        });
+    }
+
+
+    /**
+     * Submits the selection for inviting.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onSubmit() {
+        const { inviteItems } = this.state;
+        const invitees = inviteItems.map(({ item }) => item);
+
+        this._invite(invitees)
+            .then((invitesLeftToSend: IInvitee[]) => {
+                if (invitesLeftToSend.length) {
+                    const unsentInviteIDs
+                        = invitesLeftToSend.map(invitee =>
+                            invitee.id || invitee.user_id || invitee.number);
+                    const itemsToSelect = inviteItems.filter(({ item }) =>
+                        unsentInviteIDs.includes(item.id || item.user_id || item.number));
+
+                    if (this._multiselect) {
+                        this._multiselect.setSelectedItems(itemsToSelect);
+                    }
+                }
+            })
+            .finally(() => this.props.dispatch(hideAddPeopleDialog()));
+    }
+
+    /**
+     * KeyPress handler for accessibility.
+     *
+     * @param {KeyboardEvent} e - The key event to handle.
+     *
+     * @returns {void}
+     */
+    _onSubmitKeyPress(e: React.KeyboardEvent) {
+        if (e.key === ' ' || e.key === 'Enter') {
+            e.preventDefault();
+            this._onSubmit();
+        }
+    }
+
+    /**
+     * Handles 'Enter' key in the form to trigger the invite.
+     *
+     * @param {KeyboardEvent} event - The key event.
+     * @returns {void}
+     */
+    _onKeyDown(event: React.KeyboardEvent) {
+        const { inviteItems } = this.state;
+
+        if (event.key === 'Enter') {
+            event.preventDefault();
+            if (!this._isAddDisabled() && inviteItems.length) {
+                this._onSubmit();
+            }
+        }
+    }
+
+    /**
+     * Returns the avatar component for a user.
+     *
+     * @param {any} user - The user.
+     * @param {string} className - The CSS class for the avatar component.
+     * @private
+     * @returns {ReactElement}
+     */
+    _getAvatar(user: any, className = 'avatar-small') {
+        const defaultIcon = user.type === INVITE_TYPES.EMAIL ? IconEnvelope : IconUser;
+
+        return (
+            <Avatar
+                className = { className }
+                defaultIcon = { defaultIcon }
+                size = { 32 }
+                status = { user.status }
+                url = { user.avatar } />
+        );
+    }
+
+    /**
+     * Processes results from requesting available numbers and people by munging
+     * each result into a format {@code MultiSelectAutocomplete} can use for
+     * display.
+     *
+     * @param {Array} response - The response object from the server for the
+     * query.
+     * @private
+     * @returns {Object[]} Configuration objects for items to display in the
+     * search autocomplete.
+     */
+    _parseQueryResults(response: IInvitee[] = []) {
+        const { t, _dialOutEnabled } = this.props;
+
+        const userTypes = [ INVITE_TYPES.USER, INVITE_TYPES.EMAIL, INVITE_TYPES.VIDEO_ROOM, INVITE_TYPES.ROOM ];
+        const users = response.filter(item => userTypes.includes(item.type));
+        const userDisplayItems: any = [];
+
+        for (const user of users) {
+            const { name, phone } = user;
+            const tagAvatar = this._getAvatar(user, 'avatar-xsmall');
+            const elemAvatar = this._getAvatar(user);
+
+            userDisplayItems.push({
+                content: name,
+                elemBefore: elemAvatar,
+                item: user,
+                tag: {
+                    elemBefore: tagAvatar
+                },
+                value: user.id || user.user_id
+            });
+
+            if (phone && _dialOutEnabled) {
+                userDisplayItems.push({
+                    filterValues: [ name, phone ],
+                    content: `${phone} (${name})`,
+                    elemBefore: elemAvatar,
+                    item: {
+                        type: INVITE_TYPES.PHONE,
+                        number: phone
+                    },
+                    tag: {
+                        elemBefore: tagAvatar
+                    },
+                    value: phone
+                });
+            }
+        }
+
+        const numbers = response.filter(item => item.type === INVITE_TYPES.PHONE);
+        const telephoneIcon = this._renderTelephoneIcon();
+
+        const numberDisplayItems = numbers.map(number => {
+            const numberNotAllowedMessage
+                = number.allowed ? '' : t('addPeople.countryNotSupported');
+            const countryCodeReminder = number.showCountryCodeReminder
+                ? t('addPeople.countryReminder') : '';
+            const description
+                = `${numberNotAllowedMessage} ${countryCodeReminder}`.trim();
+
+            return {
+                filterValues: [
+                    number.originalEntry,
+                    number.number
+                ],
+                content: t('addPeople.telephone', { number: number.number }),
+                description,
+                isDisabled: !number.allowed,
+                elemBefore: telephoneIcon,
+                item: number,
+                tag: {
+                    elemBefore: telephoneIcon
+                },
+                value: number.number
+            };
+        });
+
+
+        const sipAddresses = response.filter(item => item.type === INVITE_TYPES.SIP);
+
+        const sipDisplayItems = sipAddresses.map(sip => {
+            return {
+                filterValues: [
+                    sip.address
+                ],
+                content: sip.address,
+                description: '',
+                item: sip,
+                value: sip.address
+            };
+        });
+
+        return [
+            ...userDisplayItems,
+            ...numberDisplayItems,
+            ...sipDisplayItems
+        ];
+    }
+
+    /**
+     * Clears the selected items from state and form.
+     *
+     * @returns {void}
+     */
+    _onClearItems() {
+        if (this._multiselect) {
+            this._multiselect.setSelectedItems([]);
+        }
+        this.setState({ inviteItems: [] });
+    }
+
+    /**
+     * Clears the selected items from state and form.
+     *
+     * @param {KeyboardEvent} e - The key event to handle.
+     *
+     * @returns {void}
+     */
+    _onClearItemsKeyPress(e: KeyboardEvent) {
+        if (e.key === ' ' || e.key === 'Enter') {
+            e.preventDefault();
+            this._onClearItems();
+        }
+    }
+
+    /**
+     * Renders the add/cancel actions for the form.
+     *
+     * @returns {ReactElement|null}
+     */
+    _renderFormActions() {
+        const { inviteItems } = this.state;
+        const { t } = this.props;
+        const classes = withStyles.getClasses(this.props);
+
+        if (!inviteItems.length) {
+            return null;
+        }
+
+        return (
+            <div className = { classes.inviteButtons }>
+                <Button
+                    aria-label = { t('dialog.Cancel') }
+                    className = 'invite-button'
+                    label = { t('dialog.Cancel') }
+                    onClick = { this._onClearItems }
+                    onKeyPress = { this._onClearItemsKeyPress }
+                    role = 'button'
+                    type = { BUTTON_TYPES.SECONDARY } />
+                <Button
+                    aria-label = { t('addPeople.add') }
+                    className = 'invite-button'
+                    disabled = { this._isAddDisabled() }
+                    label = { t('addPeople.add') }
+                    onClick = { this._onSubmit }
+                    onKeyPress = { this._onSubmitKeyPress }
+                    role = 'button' />
+            </div>
+        );
+    }
+
+    /**
+     * Renders a telephone icon.
+     *
+     * @private
+     * @returns {ReactElement}
+     */
+    _renderTelephoneIcon() {
+        return (
+            <Icon src = { IconPhoneRinging } />
+        );
+    }
+
+    /**
+     * Sets the instance variable for the multi select component
+     * element so it can be accessed directly.
+     *
+     * @param {MultiSelectAutocomplete} element - The DOM element for the component's dialog.
+     * @private
+     * @returns {void}
+     */
+    _setMultiSelectElement(element: MultiSelectAutocomplete) {
+        this._multiselect = element;
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated
+ * {@code AddPeopleDialog}'s props.
+ *
+ * @param {IReduxState} state - The Redux state.
+ * @private
+ * @returns {Props}
+ */
+function _mapStateToProps(state: IReduxState) {
+    return {
+        ..._abstractMapStateToProps(state),
+        _isVpaas: isVpaasMeeting(state)
+    };
+}
+
+export default translate(connect(_mapStateToProps)(withStyles(InviteContactsForm, styles)));
diff --git a/react/features/invite/components/add-people-dialog/web/InviteContactsSection.tsx b/react/features/invite/components/add-people-dialog/web/InviteContactsSection.tsx
new file mode 100644
index 0000000..7f9ce38
--- /dev/null
+++ b/react/features/invite/components/add-people-dialog/web/InviteContactsSection.tsx
@@ -0,0 +1,23 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+
+import InviteContactsForm from './InviteContactsForm';
+
+/**
+ * Component that represents the invitation section of the {@code AddPeopleDialog}.
+ *
+ * @returns {ReactElement$<any>}
+ */
+function InviteContactsSection() {
+    const { t } = useTranslation();
+
+    return (
+        <>
+            <span>{t('addPeople.addContacts')}</span>
+            <InviteContactsForm />
+            <div className = 'invite-more-dialog separator' />
+        </>
+    );
+}
+
+export default InviteContactsSection;
diff --git a/react/features/invite/components/add-people-dialog/web/LiveStreamSection.tsx b/react/features/invite/components/add-people-dialog/web/LiveStreamSection.tsx
new file mode 100644
index 0000000..ca84751
--- /dev/null
+++ b/react/features/invite/components/add-people-dialog/web/LiveStreamSection.tsx
@@ -0,0 +1,110 @@
+/* eslint-disable react/jsx-no-bind */
+
+import React, { useState } from 'react';
+import { WithTranslation } from 'react-i18next';
+
+import { translate } from '../../../../base/i18n/functions';
+import Icon from '../../../../base/icons/components/Icon';
+import { IconCheck, IconCopy } from '../../../../base/icons/svg';
+import { copyText } from '../../../../base/util/copyText.web';
+
+interface IProps extends WithTranslation {
+
+    /**
+     * The current known URL for a live stream in progress.
+     */
+    liveStreamViewURL: string;
+}
+
+/**
+ * Section of the {@code AddPeopleDialog} that renders the
+ * live streaming url, allowing a copy action.
+ *
+ * @returns {React$Element<any>}
+ */
+function LiveStreamSection({ liveStreamViewURL, t }: IProps) {
+    const [ isClicked, setIsClicked ] = useState(false);
+    const [ isHovered, setIsHovered ] = useState(false);
+
+    /**
+     * Click handler for the element.
+     *
+     * @returns {void}
+     */
+    async function onClick() {
+        setIsHovered(false);
+
+        const isCopied = await copyText(liveStreamViewURL);
+
+        if (isCopied) {
+            setIsClicked(true);
+
+            setTimeout(() => {
+                setIsClicked(false);
+            }, 2500);
+        }
+    }
+
+    /**
+     * Hover handler for the element.
+     *
+     * @returns {void}
+     */
+    function onHoverIn() {
+        if (!isClicked) {
+            setIsHovered(true);
+        }
+    }
+
+    /**
+     * Hover handler for the element.
+     *
+     * @returns {void}
+     */
+    function onHoverOut() {
+        setIsHovered(false);
+    }
+
+    /**
+     * Renders the content of the link based on the state.
+     *
+     * @returns {React$Element<any>}
+     */
+    function renderLinkContent() {
+        if (isClicked) {
+            return (
+                <>
+                    <div className = 'invite-more-dialog stream-text selected'>
+                        {t('addPeople.linkCopied')}
+                    </div>
+                    <Icon src = { IconCheck } />
+                </>
+            );
+        }
+
+        return (
+            <>
+                <div className = 'invite-more-dialog stream-text'>
+                    {isHovered ? t('addPeople.copyStream') : liveStreamViewURL}
+                </div>
+                <Icon src = { IconCopy } />
+            </>
+        );
+    }
+
+    return (
+        <>
+            <span>{t('addPeople.shareStream')}</span>
+            <div
+                className = { `invite-more-dialog stream${isClicked ? ' clicked' : ''}` }
+                onClick = { onClick }
+                onMouseOut = { onHoverOut }
+                onMouseOver = { onHoverIn }>
+                { renderLinkContent() }
+            </div>
+            <div className = 'invite-more-dialog separator' />
+        </>
+    );
+}
+
+export default translate(LiveStreamSection);
diff --git a/react/features/invite/components/callee-info/CalleeInfo.tsx b/react/features/invite/components/callee-info/CalleeInfo.tsx
new file mode 100644
index 0000000..b8916d1
--- /dev/null
+++ b/react/features/invite/components/callee-info/CalleeInfo.tsx
@@ -0,0 +1,167 @@
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import Avatar from '../../../base/avatar/components/Avatar';
+import { MEDIA_TYPE } from '../../../base/media/constants';
+import {
+    getParticipantDisplayName,
+    getParticipantPresenceStatus,
+    getRemoteParticipants
+} from '../../../base/participants/functions';
+import { Container, Text } from '../../../base/react/components/index';
+import { isLocalTrackMuted } from '../../../base/tracks/functions.any';
+import PresenceLabel from '../../../presence-status/components/PresenceLabel';
+import { CALLING } from '../../../presence-status/constants';
+
+import styles from './styles';
+
+/**
+ * The type of the React {@code Component} props of {@link CalleeInfo}.
+ */
+interface IProps {
+
+    /**
+     * The callee's information such as display name.
+     */
+    _callee?: {
+        id: string;
+        name: string;
+        status?: string;
+    };
+
+    _isVideoMuted: boolean;
+}
+
+
+/**
+ * Implements a React {@link Component} which depicts the establishment of a
+ * call with a specific remote callee.
+ *
+ * @augments Component
+ */
+class CalleeInfo extends Component<IProps> {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const {
+            id,
+            name,
+            status = CALLING
+        } = this.props._callee ?? {};
+        const className = this.props._isVideoMuted ? 'solidBG' : '';
+
+        return (
+            <Container
+                { ...this._style('ringing', className) }
+                id = 'ringOverlay'>
+                <Container
+                    { ...this._style('ringing__content') }>
+                    <Avatar
+                        { ...this._style('ringing__avatar') }
+                        participantId = { id } />
+                    <Container { ...this._style('ringing__status') }>
+                        <PresenceLabel
+                            defaultPresence = { status }
+                            { ...this._style('ringing__text') } />
+                    </Container>
+                    <Container { ...this._style('ringing__name') }>
+                        <Text
+                            { ...this._style('ringing__text') }>
+                            { name }
+                        </Text>
+                    </Container>
+                </Container>
+            </Container>
+        );
+    }
+
+    /**
+     * Attempts to convert specified CSS class names into React
+     * {@link Component} props {@code style} or {@code className}.
+     *
+     * @param {Array<string>} classNames - The CSS class names to convert
+     * into React {@code Component} props {@code style} or {@code className}.
+     * @returns {{
+     *     className: string,
+     *     style: Object
+     * }}
+     */
+    _style(...classNames: Array<string | undefined>) {
+        let className = '';
+        let style: Object = {};
+
+        for (const aClassName of classNames) {
+            if (aClassName) {
+                // Attempt to convert aClassName into style.
+                if (styles && aClassName in styles) {
+                    // React Native will accept an Array as the value of the
+                    // style prop. However, I do not know about React.
+                    style = {
+                        ...style, // @ts-ignore
+                        ...styles[aClassName]
+                    };
+                } else {
+                    // Otherwise, leave it as className.
+                    className += `${aClassName} `;
+                }
+            }
+        }
+
+        // Choose which of the className and/or style props has a value and,
+        // consequently, must be returned.
+        const props = {
+            className: '',
+            style: {}
+        };
+
+        if (className) {
+            props.className = className.trim();
+        }
+        if (style) {
+            props.style = style;
+        }
+
+        return props;
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to {@code CalleeInfo}'s props.
+ *
+ * @param {Object} state - The redux state.
+ * @private
+ * @returns {{
+ *     _callee: Object
+ * }}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const _isVideoMuted
+        = isLocalTrackMuted(state['features/base/tracks'], MEDIA_TYPE.VIDEO);
+
+    // This would be expensive for big calls but the component will be mounted only when there are up
+    // to 3 participants in the call.
+    for (const [ id, p ] of getRemoteParticipants(state)) {
+        if (p.botType === 'poltergeist') {
+            return {
+                _callee: {
+                    id,
+                    name: getParticipantDisplayName(state, id),
+                    status: getParticipantPresenceStatus(state, id)
+                },
+                _isVideoMuted
+            };
+        }
+    }
+
+    return {
+        _callee: state['features/invite'].initialCalleeInfo,
+        _isVideoMuted
+    };
+}
+
+export default connect(_mapStateToProps)(CalleeInfo);
diff --git a/react/features/invite/components/callee-info/CalleeInfoContainer.tsx b/react/features/invite/components/callee-info/CalleeInfoContainer.tsx
new file mode 100644
index 0000000..fd3d85e
--- /dev/null
+++ b/react/features/invite/components/callee-info/CalleeInfoContainer.tsx
@@ -0,0 +1,64 @@
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+
+import CalleeInfo from './CalleeInfo';
+
+/**
+ * The type of the React {@code Component} props of {@code CalleeInfoContainer}.
+ */
+interface IProps {
+
+    /**
+     * The indicator which determines whether {@code CalleeInfo} is to be
+     * rendered.
+     *
+     * @private
+     */
+    _calleeInfoVisible: boolean;
+}
+
+/**
+ * Implements a React {@link Component} which depicts the establishment of a
+ * call with a specific remote callee if there is such a remote callee.
+ *
+ * @augments Component
+ */
+class CalleeInfoContainer extends Component<IProps> {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        return this.props._calleeInfoVisible ? <CalleeInfo /> : null;
+    }
+}
+
+/**
+ * Maps parts of the redux state to {@link CalleeInfoContainer} (React
+ * {@code Component}) props.
+ *
+ * @param {Object} state - The redux state of which parts are to be mapped to
+ * {@code CalleeInfoContainer} props.
+ * @private
+ * @returns {{
+ *     _calleeInfoVisible: boolean
+ * }}
+ */
+function _mapStateToProps(state: IReduxState) {
+    return {
+        /**
+         * The indicator which determines whether {@code CalleeInfo} is to be
+         * rendered.
+         *
+         * @private
+         * @type {boolean}
+         */
+        _calleeInfoVisible: Boolean(state['features/invite'].calleeInfoVisible)
+    };
+}
+
+export default connect(_mapStateToProps)(CalleeInfoContainer);
diff --git a/react/features/invite/components/callee-info/styles.native.ts b/react/features/invite/components/callee-info/styles.native.ts
new file mode 100644
index 0000000..3f91f9c
--- /dev/null
+++ b/react/features/invite/components/callee-info/styles.native.ts
@@ -0,0 +1,50 @@
+import { StyleSheet } from 'react-native';
+
+import { ColorPalette } from '../../../base/styles/components/styles/ColorPalette';
+import { createStyleSheet } from '../../../base/styles/functions.native';
+
+export default createStyleSheet({
+    // XXX The names below were preserved for the purposes of compatibility
+    // with the existing CSS class names on Web.
+
+    /**
+     * The style of {@code CalleeInfo}.
+     */
+    ringing: {
+        ...StyleSheet.absoluteFillObject,
+        alignItems: 'center',
+        backgroundColor: ColorPalette.black,
+        flex: 0,
+        flexDirection: 'column',
+        justifyContent: 'center',
+        opacity: 0.8
+    },
+
+    'ringing__avatar': {
+        borderRadius: 50,
+        flex: 0,
+        height: 100,
+        width: 100
+    },
+
+    'ringing__caller-info': {
+        alignItems: 'center',
+        flex: 0,
+        flexDirection: 'row',
+        justifyContent: 'center'
+    },
+
+    'ringing__content': {
+        alignItems: 'center',
+        flex: 0,
+        flexDirection: 'column',
+        justifyContent: 'center'
+    },
+
+    /**
+     * The style of {@code Text} within {@code CalleeInfo}.
+     */
+    'ringing__text': {
+        color: ColorPalette.white
+    }
+});
diff --git a/react/features/invite/components/callee-info/styles.web.ts b/react/features/invite/components/callee-info/styles.web.ts
new file mode 100644
index 0000000..ff8b4c5
--- /dev/null
+++ b/react/features/invite/components/callee-info/styles.web.ts
@@ -0,0 +1 @@
+export default {};
diff --git a/react/features/invite/components/dial-in-info-page/DialInInfoApp.native.ts b/react/features/invite/components/dial-in-info-page/DialInInfoApp.native.ts
new file mode 100644
index 0000000..e69de29
diff --git a/react/features/invite/components/dial-in-info-page/DialInInfoApp.web.tsx b/react/features/invite/components/dial-in-info-page/DialInInfoApp.web.tsx
new file mode 100644
index 0000000..e2149ab
--- /dev/null
+++ b/react/features/invite/components/dial-in-info-page/DialInInfoApp.web.tsx
@@ -0,0 +1,41 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { I18nextProvider } from 'react-i18next';
+
+import { isMobileBrowser } from '../../../base/environment/utils';
+import i18next from '../../../base/i18n/i18next';
+import { parseURLParams } from '../../../base/util/parseURLParams';
+import { DIAL_IN_INFO_PAGE_PATH_NAME } from '../../constants';
+import DialInSummary from '../dial-in-summary/web/DialInSummary';
+
+import NoRoomError from './NoRoomError.web';
+
+/**
+ * TODO: This seems unused, so we can drop it.
+ */
+document.addEventListener('DOMContentLoaded', () => {
+    // @ts-ignore
+    const { room } = parseURLParams(window.location, true, 'search');
+    const { href } = window.location;
+    const ix = href.indexOf(DIAL_IN_INFO_PAGE_PATH_NAME);
+    const url = (ix > 0 ? href.substring(0, ix) : href) + room;
+
+    /* eslint-disable-next-line react/no-deprecated */
+    ReactDOM.render(
+        <I18nextProvider i18n = { i18next }>
+            { room
+                ? <DialInSummary
+                    className = 'dial-in-page'
+                    clickableNumbers = { isMobileBrowser() }
+                    room = { decodeURIComponent(room) }
+                    url = { url } />
+                : <NoRoomError className = 'dial-in-page' /> }
+        </I18nextProvider>,
+        document.getElementById('react')
+    );
+});
+
+window.addEventListener('beforeunload', () => {
+    /* eslint-disable-next-line react/no-deprecated */
+    ReactDOM.unmountComponentAtNode(document.getElementById('react')!);
+});
diff --git a/react/features/invite/components/dial-in-info-page/NoRoomError.native.ts b/react/features/invite/components/dial-in-info-page/NoRoomError.native.ts
new file mode 100644
index 0000000..e69de29
diff --git a/react/features/invite/components/dial-in-info-page/NoRoomError.web.tsx b/react/features/invite/components/dial-in-info-page/NoRoomError.web.tsx
new file mode 100644
index 0000000..9e82161
--- /dev/null
+++ b/react/features/invite/components/dial-in-info-page/NoRoomError.web.tsx
@@ -0,0 +1,26 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+
+/**
+ * The type of the React {@code Component} props of {@link NoRoomError}.
+ */
+interface IProps {
+
+    /**
+     * Additional CSS classnames to append to the root of the component.
+     */
+    className: string;
+}
+
+const NoRoomError = ({ className }: IProps) => {
+    const { t } = useTranslation();
+
+    return (
+        <div className = { className } >
+            <div>{t('info.noNumbers')}</div>
+            <div>{t('info.noRoom')}</div>
+        </div>
+    );
+};
+
+export default NoRoomError;
diff --git a/react/features/invite/components/dial-in-summary/native/DialInSummary.tsx b/react/features/invite/components/dial-in-summary/native/DialInSummary.tsx
new file mode 100644
index 0000000..1ef4202
--- /dev/null
+++ b/react/features/invite/components/dial-in-summary/native/DialInSummary.tsx
@@ -0,0 +1,137 @@
+import { Route } from '@react-navigation/native';
+import React, { PureComponent } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { Linking, View, ViewStyle } from 'react-native';
+import { WebView } from 'react-native-webview';
+import { connect } from 'react-redux';
+
+import { IStore } from '../../../../app/types';
+import { openDialog } from '../../../../base/dialog/actions';
+import { translate } from '../../../../base/i18n/functions';
+import JitsiScreen from '../../../../base/modal/components/JitsiScreen';
+import LoadingIndicator from '../../../../base/react/components/native/LoadingIndicator';
+import { getDialInfoPageURLForURIString } from '../../../functions';
+
+import DialInSummaryErrorDialog from './DialInSummaryErrorDialog';
+import styles, { INDICATOR_COLOR } from './styles';
+
+interface IProps extends WithTranslation {
+
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Default prop for navigating between screen components(React Navigation).
+     */
+    navigation: any;
+
+    /**
+     * Default prop for navigating between screen components(React Navigation).
+     */
+    route: Route<'', { summaryUrl: string; }>;
+}
+
+/**
+ * Implements a React native component that displays the dial in info page for a specific room.
+ */
+class DialInSummary extends PureComponent<IProps> {
+
+    /**
+     * Initializes a new instance.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._onError = this._onError.bind(this);
+        this._onNavigate = this._onNavigate.bind(this);
+        this._renderLoading = this._renderLoading.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#componentDidMount()}. Invoked
+     * immediately after mounting occurs.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidMount() {
+        const { navigation, t } = this.props;
+
+        navigation.setOptions({
+            headerTitle: t('dialIn.screenTitle')
+        });
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { route } = this.props;
+        const summaryUrl = route.params?.summaryUrl;
+
+        return (
+            <JitsiScreen
+                style = { styles.backDrop }>
+                <WebView
+                    incognito = { true }
+                    onError = { this._onError }
+                    onShouldStartLoadWithRequest = { this._onNavigate }
+                    renderLoading = { this._renderLoading }
+                    setSupportMultipleWindows = { false }
+                    source = {{ uri: getDialInfoPageURLForURIString(summaryUrl) ?? '' }}
+                    startInLoadingState = { true }
+                    style = { styles.webView }
+                    webviewDebuggingEnabled = { true } />
+            </JitsiScreen>
+        );
+    }
+
+    /**
+     * Callback to handle the error if the page fails to load.
+     *
+     * @returns {void}
+     */
+    _onError() {
+        this.props.dispatch(openDialog('DialInSummaryErrorDialog', DialInSummaryErrorDialog));
+    }
+
+    /**
+     * Callback to intercept navigation inside the webview and make the native app handle the dial requests.
+     *
+     * NOTE: We don't navigate to anywhere else form that view.
+     *
+     * @param {any} request - The request object.
+     * @returns {boolean}
+     */
+    _onNavigate(request: { url: string; }) {
+        const { url } = request;
+        const { route } = this.props;
+        const summaryUrl = route.params?.summaryUrl;
+
+        if (url.startsWith('tel:')) {
+            Linking.openURL(url);
+        }
+
+        return url === getDialInfoPageURLForURIString(summaryUrl);
+    }
+
+    /**
+     * Renders the loading indicator.
+     *
+     * @returns {React$Component<any>}
+     */
+    _renderLoading() {
+        return (
+            <View style = { styles.indicatorWrapper as ViewStyle }>
+                <LoadingIndicator
+                    color = { INDICATOR_COLOR }
+                    size = 'large' />
+            </View>
+        );
+    }
+}
+
+export default translate(connect()(DialInSummary));
diff --git a/react/features/invite/components/dial-in-summary/native/DialInSummaryErrorDialog.tsx b/react/features/invite/components/dial-in-summary/native/DialInSummaryErrorDialog.tsx
new file mode 100644
index 0000000..3febd63
--- /dev/null
+++ b/react/features/invite/components/dial-in-summary/native/DialInSummaryErrorDialog.tsx
@@ -0,0 +1,26 @@
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+
+import AlertDialog from '../../../../base/dialog/components/native/AlertDialog';
+import { translate } from '../../../../base/i18n/functions';
+
+/**
+ * Dialog to inform the user that we couldn't fetch the dial-in info page.
+ */
+class DialInSummaryErrorDialog extends Component<WithTranslation> {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        return (
+            <AlertDialog
+                contentKey = 'info.dialInSummaryError' />
+        );
+    }
+}
+
+export default translate(connect()(DialInSummaryErrorDialog));
diff --git a/react/features/invite/components/dial-in-summary/native/styles.ts b/react/features/invite/components/dial-in-summary/native/styles.ts
new file mode 100644
index 0000000..35a8be1
--- /dev/null
+++ b/react/features/invite/components/dial-in-summary/native/styles.ts
@@ -0,0 +1,25 @@
+import BaseTheme from '../../../../base/ui/components/BaseTheme.native';
+
+export const INDICATOR_COLOR = BaseTheme.palette.ui07;
+
+const WV_BACKGROUND = BaseTheme.palette.ui03;
+
+export default {
+
+    backDrop: {
+        backgroundColor: WV_BACKGROUND,
+        flex: 1
+    },
+
+    indicatorWrapper: {
+        alignItems: 'center',
+        backgroundColor: BaseTheme.palette.ui10,
+        height: '100%',
+        justifyContent: 'center'
+    },
+
+    webView: {
+        backgroundColor: WV_BACKGROUND,
+        flex: 1
+    }
+};
diff --git a/react/features/invite/components/dial-in-summary/web/ConferenceID.tsx b/react/features/invite/components/dial-in-summary/web/ConferenceID.tsx
new file mode 100644
index 0000000..efec4ec
--- /dev/null
+++ b/react/features/invite/components/dial-in-summary/web/ConferenceID.tsx
@@ -0,0 +1,78 @@
+import { Theme } from '@mui/material';
+import React from 'react';
+import { WithTranslation } from 'react-i18next';
+import { makeStyles } from 'tss-react/mui';
+
+import { translate } from '../../../../base/i18n/functions';
+import { _formatConferenceIDPin } from '../../../_utils';
+
+
+interface IProps extends WithTranslation {
+
+    /**
+     * The conference id.
+     */
+    conferenceID?: string | number;
+
+    /**
+     * The conference name.
+     */
+    conferenceName: string;
+}
+
+const useStyles = makeStyles()((theme: Theme) => {
+    return {
+        container: {
+            marginTop: 32,
+            maxWidth: 310,
+            padding: '16px 12px',
+            background: theme.palette.ui02,
+            textAlign: 'center',
+            display: 'flex',
+            flexDirection: 'column',
+            borderRadius: 6,
+
+            '& *': {
+                userSelect: 'text'
+            }
+        },
+        confNameLabel: {
+            ...theme.typography.heading6,
+            marginBottom: 18,
+            whiteSpace: 'nowrap',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis'
+        },
+        descriptionLabel: {
+            ...theme.typography.bodyShortRegularLarge,
+            marginBottom: 18
+        },
+        separator: {
+            width: '100%',
+            height: 1,
+            background: theme.palette.ui04,
+            marginBottom: 18
+        },
+        pinLabel: {
+            ...theme.typography.heading6
+        }
+    };
+});
+
+const ConferenceID: React.FC<IProps> = ({ conferenceID, t }) => {
+    const { classes: styles } = useStyles();
+
+    return (
+        <div className = { styles.container }>
+            <div className = { styles.descriptionLabel }>
+                { t('info.dialANumber') }
+            </div>
+            <div className = { styles.separator } />
+            <div className = { styles.pinLabel }>
+                { `${t('info.dialInConferenceID')} ${_formatConferenceIDPin(conferenceID ?? '')}` }
+            </div>
+        </div>
+    );
+};
+
+export default translate(ConferenceID);
diff --git a/react/features/invite/components/dial-in-summary/web/DialInSummary.tsx b/react/features/invite/components/dial-in-summary/web/DialInSummary.tsx
new file mode 100644
index 0000000..cd1c16a
--- /dev/null
+++ b/react/features/invite/components/dial-in-summary/web/DialInSummary.tsx
@@ -0,0 +1,312 @@
+import { Theme } from '@mui/material';
+import clsx from 'clsx';
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { withStyles } from 'tss-react/mui';
+
+import { translate } from '../../../../base/i18n/functions';
+import { getDialInConferenceID, getDialInNumbers } from '../../../_utils';
+
+import ConferenceID from './ConferenceID';
+import NumbersList from './NumbersList';
+
+/**
+ * The type of the React {@code Component} props of {@link DialInSummary}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * Additional CSS classnames to append to the root of the component.
+     */
+    className: string;
+
+    /**
+     * An object containing the CSS classes.
+     */
+    classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
+
+    /**
+     * Whether or not numbers should include links with the telephone protocol.
+     */
+    clickableNumbers: boolean;
+
+    /**
+     * Whether to hide the error.
+     */
+    hideError?: boolean;
+
+    /**
+     * The name of the conference to show a conferenceID for.
+     */
+    room: string;
+
+    /**
+     * Whether the dial in summary container is scrollable.
+     */
+    scrollable?: boolean;
+
+    /**
+     * Whether the room name should show as title.
+     */
+    showTitle?: boolean;
+
+    /**
+     * The url where we were loaded.
+     */
+    url: any;
+}
+
+/**
+ * The type of the React {@code Component} state of {@link DialInSummary}.
+ */
+type State = {
+
+    /**
+     * The numeric ID of the conference, used as a pin when dialing in.
+     */
+    conferenceID: string | null;
+
+    /**
+     * An error message to display.
+     */
+    error: string;
+
+    /**
+     * Whether or not the app is fetching data.
+     */
+    loading: boolean;
+
+    /**
+     * The dial-in numbers to be displayed.
+     */
+    numbers: Array<Object> | Object | null;
+
+    /**
+     * Whether or not dial-in is allowed.
+     */
+    numbersEnabled: boolean | null;
+};
+
+const styles = (theme: Theme) => {
+    return {
+        hasNumbers: {
+            alignItems: 'center',
+            display: 'flex',
+            flexDirection: 'column' as const,
+            background: '#1E1E1E',
+            color: theme.palette.text01
+        },
+        scrollable: {
+            height: '100dvh',
+            overflowY: 'scroll' as const
+        },
+        roomName: {
+            margin: '40px auto 8px',
+            ...theme.typography.heading5
+        }
+    };
+};
+
+/**
+ * Displays a page listing numbers for dialing into a conference and pin to
+ * the a specific conference.
+ *
+ * @augments Component
+ */
+class DialInSummary extends Component<IProps, State> {
+    override state = {
+        conferenceID: null,
+        error: '',
+        loading: true,
+        numbers: null,
+        numbersEnabled: null
+    };
+
+    /**
+     * Initializes a new {@code DialInSummary} instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handlers so they are only bound once for every instance.
+        this._onGetNumbersSuccess = this._onGetNumbersSuccess.bind(this);
+        this._onGetConferenceIDSuccess
+            = this._onGetConferenceIDSuccess.bind(this);
+        this._setErrorMessage = this._setErrorMessage.bind(this);
+    }
+
+    /**
+     * Implements {@link Component#componentDidMount()}. Invoked immediately
+     * after this component is mounted.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidMount() {
+        const getNumbers = this._getNumbers()
+            .then(this._onGetNumbersSuccess)
+            .catch(this._setErrorMessage);
+
+        const getID = this._getConferenceID()
+            .then(this._onGetConferenceIDSuccess)
+            .catch(this._setErrorMessage);
+
+        Promise.all([ getNumbers, getID ])
+            .then(() => {
+                this.setState({ loading: false });
+            });
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        let className = '';
+        let contents;
+
+        const { conferenceID, error, loading, numbersEnabled } = this.state;
+        const { hideError, showTitle, room, clickableNumbers, scrollable, t } = this.props;
+        const classes = withStyles.getClasses(this.props);
+
+        if (loading) {
+            contents = '';
+        } else if (numbersEnabled === false) {
+            contents = t('info.dialInNotSupported');
+        } else if (error) {
+            if (!hideError) {
+                contents = error;
+            }
+        } else {
+            className = clsx(classes.hasNumbers, scrollable && classes.scrollable);
+            contents = [
+                conferenceID
+                    ? <>
+                        { showTitle && <div className = { classes.roomName }>{ room }</div> }
+                        <ConferenceID
+                            conferenceID = { conferenceID }
+                            conferenceName = { room }
+                            key = 'conferenceID' />
+                    </> : null,
+                <NumbersList
+                    clickableNumbers = { clickableNumbers }
+                    conferenceID = { conferenceID }
+                    key = 'numbers'
+                    numbers = { this.state.numbers } />
+            ];
+        }
+
+        return (
+            <div className = { className }>
+                { contents }
+            </div>
+        );
+    }
+
+    /**
+     * Creates an AJAX request for the conference ID.
+     *
+     * @private
+     * @returns {Promise}
+     */
+    _getConferenceID() {
+        const { room } = this.props;
+        const { dialInConfCodeUrl, hosts } = config;
+        const mucURL = hosts?.muc;
+
+        if (!dialInConfCodeUrl || !mucURL || !room) {
+            return Promise.resolve();
+        }
+
+
+        let url = this.props.url || {};
+
+        if (typeof url === 'string' || url instanceof String) {
+            // @ts-ignore
+            url = new URL(url);
+        }
+
+        return getDialInConferenceID(dialInConfCodeUrl, room, mucURL, url)
+            .catch(() => Promise.reject(this.props.t('info.genericError')));
+    }
+
+    /**
+     * Creates an AJAX request for dial-in numbers.
+     *
+     * @private
+     * @returns {Promise}
+     */
+    _getNumbers() {
+        const { room } = this.props;
+        const { dialInNumbersUrl, hosts } = config;
+        const mucURL = hosts?.muc;
+
+        if (!dialInNumbersUrl) {
+            return Promise.reject(this.props.t('info.dialInNotSupported'));
+        }
+
+        return getDialInNumbers(dialInNumbersUrl, room, mucURL ?? '')
+            .catch(() => Promise.reject(this.props.t('info.genericError')));
+    }
+
+    /**
+     * Callback invoked when fetching the conference ID succeeds.
+     *
+     * @param {Object} response - The response from fetching the conference ID.
+     * @private
+     * @returns {void}
+     */
+    _onGetConferenceIDSuccess(response = { conference: undefined,
+        id: undefined }) {
+        const { conference, id } = response;
+
+        if (!conference || !id) {
+            return;
+        }
+
+        this.setState({ conferenceID: id });
+    }
+
+    /**
+     * Callback invoked when fetching dial-in numbers succeeds. Sets the
+     * internal to show the numbers.
+     *
+     * @param {Array|Object} response - The response from fetching
+     * dial-in numbers.
+     * @param {Array|Object} response.numbers - The dial-in numbers.
+     * @param {boolean} response.numbersEnabled - Whether or not dial-in is
+     * enabled, old syntax that is deprecated.
+     * @private
+     * @returns {void}
+     */
+    _onGetNumbersSuccess(
+            response: Array<Object> | { numbersEnabled?: boolean; }) {
+
+        this.setState({
+            numbersEnabled:
+                Boolean(Array.isArray(response)
+                    ? response.length > 0 : response.numbersEnabled),
+            numbers: response
+        });
+    }
+
+    /**
+     * Sets an error message to display on the page instead of content.
+     *
+     * @param {string} error - The error message to display.
+     * @private
+     * @returns {void}
+     */
+    _setErrorMessage(error: string) {
+        this.setState({
+            error
+        });
+    }
+}
+
+export default translate(withStyles(DialInSummary, styles));
diff --git a/react/features/invite/components/dial-in-summary/web/DialInSummaryApp.tsx b/react/features/invite/components/dial-in-summary/web/DialInSummaryApp.tsx
new file mode 100644
index 0000000..898b752
--- /dev/null
+++ b/react/features/invite/components/dial-in-summary/web/DialInSummaryApp.tsx
@@ -0,0 +1,71 @@
+import React, { ComponentType } from 'react';
+
+import BaseApp from '../../../../base/app/components/BaseApp';
+import { isMobileBrowser } from '../../../../base/environment/utils';
+import GlobalStyles from '../../../../base/ui/components/GlobalStyles.web';
+import JitsiThemeProvider from '../../../../base/ui/components/JitsiThemeProvider.web';
+import { parseURLParams } from '../../../../base/util/parseURLParams';
+import { DIAL_IN_INFO_PAGE_PATH_NAME } from '../../../constants';
+import NoRoomError from '../../dial-in-info-page/NoRoomError.web';
+
+import DialInSummary from './DialInSummary';
+
+/**
+ * Wrapper application for prejoin.
+ *
+ * @augments BaseApp
+ */
+export default class DialInSummaryApp extends BaseApp<any> {
+    /**
+     * Navigates to {@link Prejoin} upon mount.
+     *
+     * @returns {void}
+     */
+    override async componentDidMount() {
+        await super.componentDidMount();
+
+        // @ts-ignore
+        const { room } = parseURLParams(window.location, true, 'search');
+        const { href } = window.location;
+        const ix = href.indexOf(DIAL_IN_INFO_PAGE_PATH_NAME);
+        const url = (ix > 0 ? href.substring(0, ix) : href) + room;
+
+        super._navigate({
+            component: () => (<>
+                {room
+                    ? <DialInSummary
+                        className = 'dial-in-page'
+                        clickableNumbers = { isMobileBrowser() }
+                        room = { decodeURIComponent(room) }
+                        scrollable = { true }
+                        showTitle = { true }
+                        url = { url } />
+                    : <NoRoomError className = 'dial-in-page' />}
+            </>)
+        });
+    }
+
+    /**
+     * Overrides the parent method to inject {@link AtlasKitThemeProvider} as
+     * the top most component.
+     *
+     * @override
+     */
+    override _createMainElement(component: ComponentType<any>, props: Object) {
+        return (
+            <JitsiThemeProvider>
+                <GlobalStyles />
+                {super._createMainElement(component, props)}
+            </JitsiThemeProvider>
+        );
+    }
+
+    /**
+     * Renders the platform specific dialog container.
+     *
+     * @returns {React$Element}
+     */
+    override _renderDialogContainer() {
+        return null;
+    }
+}
diff --git a/react/features/invite/components/dial-in-summary/web/NumbersList.tsx b/react/features/invite/components/dial-in-summary/web/NumbersList.tsx
new file mode 100644
index 0000000..0f5d73f
--- /dev/null
+++ b/react/features/invite/components/dial-in-summary/web/NumbersList.tsx
@@ -0,0 +1,210 @@
+import countries from 'i18n-iso-countries';
+import en from 'i18n-iso-countries/langs/en.json';
+import React, { useCallback, useMemo } from 'react';
+import { WithTranslation } from 'react-i18next';
+
+import { translate } from '../../../../base/i18n/functions';
+import Icon from '../../../../base/icons/components/Icon';
+import { IconSip } from '../../../../base/icons/svg';
+
+countries.registerLocale(en);
+
+interface INormalizedNumber {
+
+    /**
+     * The country code.
+     */
+    countryCode?: string;
+
+    /**
+     * The formatted number.
+     */
+    formattedNumber: string;
+
+    /**
+     * Whether the number is toll-free.
+     */
+    tollFree?: boolean;
+}
+
+interface INumbersMapping {
+    [countryName: string]: Array<INormalizedNumber>;
+}
+
+interface IProps extends WithTranslation {
+
+    /**
+     * Whether or not numbers should include links with the telephone protocol.
+     */
+    clickableNumbers: boolean;
+
+    /**
+     * The conference ID for dialing in.
+     */
+    conferenceID: number | null;
+
+    /**
+     * The phone numbers to display. Can be an array of number Objects or an
+     * object with countries as keys and an array of numbers as values.
+     */
+    numbers: INumbersMapping | null;
+
+}
+
+const NumbersList: React.FC<IProps> = ({ t, conferenceID, clickableNumbers, numbers: numbersMapping }) => {
+    const renderFlag = useCallback((countryCode: string) => {
+        if (countryCode) {
+            return (
+                <td className = 'flag-cell'>
+                    {countryCode === 'SIP' || countryCode === 'SIP_AUDIO_ONLY'
+                        ? <Icon src = { IconSip } />
+                        : <i className = { `flag iti-flag ${countryCode}` } />
+                    }
+                </td>);
+        }
+
+        return null;
+    }, []);
+
+    const renderNumberLink = useCallback((number: string) => {
+        if (clickableNumbers) {
+            // Url encode # to %23, Android phone was cutting the # after
+            // clicking it.
+            // Seems that using ',' and '%23' works on iOS and Android.
+            return (
+                <a
+                    href = { `tel:${number},${conferenceID}%23` }
+                    key = { number } >
+                    {number}
+                </a>
+            );
+        }
+
+        return number;
+    }, [ conferenceID, clickableNumbers ]);
+
+    const renderNumbersList = useCallback((numbers: Array<INormalizedNumber>) => {
+        const numbersListItems = numbers.map(number =>
+            (<li
+                className = 'dial-in-number'
+                key = { number.formattedNumber }>
+                {renderNumberLink(number.formattedNumber)}
+            </li>));
+
+        return (
+            <ul className = 'numbers-list'>
+                {numbersListItems}
+            </ul>
+        );
+    }, []);
+
+    const renderNumbersTollFreeList = useCallback((numbers: Array<INormalizedNumber>) => {
+        const tollNumbersListItems = numbers.map(number =>
+            (<li
+                className = 'toll-free'
+                key = { number.formattedNumber }>
+                {number.tollFree ? t('info.dialInTollFree') : ''}
+            </li>));
+
+        return (
+            <ul className = 'toll-free-list'>
+                {tollNumbersListItems}
+            </ul>
+        );
+    }, []);
+
+    const renderNumbers = useMemo(() => {
+        let numbers: INumbersMapping;
+
+        if (!numbersMapping) {
+            return;
+        }
+
+        if (Array.isArray(numbersMapping)) {
+            numbers = numbersMapping.reduce(
+                (resultNumbers: any, number: any) => {
+                    // The i18n-iso-countries package insists on upper case.
+                    const countryCode = number.countryCode.toUpperCase();
+                    let countryName;
+
+                    if (countryCode === 'SIP') {
+                        countryName = t('info.sip');
+                    } else if (countryCode === 'SIP_AUDIO_ONLY') {
+                        countryName = t('info.sipAudioOnly');
+                    } else {
+                        countryName = t(`countries:countries.${countryCode}`);
+
+                        // Some countries have multiple names as US ['United States of America', 'USA']
+                        // choose the first one if that is the case
+                        if (!countryName) {
+                            countryName = t(`countries:countries.${countryCode}.0`);
+                        }
+                    }
+
+                    if (resultNumbers[countryName]) {
+                        resultNumbers[countryName].push(number);
+                    } else {
+                        resultNumbers[countryName] = [ number ];
+                    }
+
+                    return resultNumbers;
+                }, {});
+        } else {
+            numbers = {};
+
+            for (const [ country, numbersArray ]
+                of Object.entries(numbersMapping.numbers)) {
+
+                if (Array.isArray(numbersArray)) {
+                    /* eslint-disable arrow-body-style */
+                    const formattedNumbers = numbersArray.map(number => ({
+                        formattedNumber: number
+                    }));
+                    /* eslint-enable arrow-body-style */
+
+                    numbers[country] = formattedNumbers;
+                }
+            }
+        }
+
+        const rows: [JSX.Element] = [] as unknown as [JSX.Element];
+
+        Object.keys(numbers).forEach((countryName: string) => {
+            const numbersArray: Array<INormalizedNumber> = numbers[countryName];
+            const countryCode = numbersArray[0].countryCode
+                || countries.getAlpha2Code(countryName, 'en')?.toUpperCase()
+                || countryName;
+
+            rows.push(
+                <>
+                    <tr
+                        key = { countryName }>
+                        {renderFlag(countryCode)}
+                        <td className = 'country' >{countryName}</td>
+                    </tr>
+                    <tr>
+                        <td />
+                        <td className = 'numbers-list-column'>
+                            {renderNumbersList(numbersArray)}
+                        </td>
+                        <td className = 'toll-free-list-column' >
+                            {renderNumbersTollFreeList(numbersArray)}
+                        </td>
+                    </tr>
+                </>
+            );
+        });
+
+        return rows;
+    }, [ numbersMapping ]);
+
+    return (
+        <table className = 'dial-in-numbers-list'>
+            <tbody className = 'dial-in-numbers-body'>
+                {renderNumbers}
+            </tbody>
+        </table>
+    );
+};
+
+export default translate(NumbersList);
diff --git a/react/features/invite/constants.ts b/react/features/invite/constants.ts
new file mode 100644
index 0000000..0ad0348
--- /dev/null
+++ b/react/features/invite/constants.ts
@@ -0,0 +1,60 @@
+/**
+ * The pathName for the dialInInfo page.
+ *
+ * @type {string}
+ */
+export const DIAL_IN_INFO_PAGE_PATH_NAME = 'static/dialInInfo.html';
+
+/**
+ * The identifier of the sound to be played when the status of an outgoing call
+ * is expired.
+ *
+ * @type {string}
+ */
+export const OUTGOING_CALL_EXPIRED_SOUND_ID
+    = 'OUTGOING_CALL_EXPIRED_SOUND';
+
+/**
+ * The identifier of the sound to be played when the status of an outgoing call
+ * is rejected.
+ *
+ * @type {string}
+ */
+export const OUTGOING_CALL_REJECTED_SOUND_ID
+    = 'OUTGOING_CALL_REJECTED_SOUND';
+
+/**
+ * The identifier of the sound to be played when the status of an outgoing call
+ * is ringing.
+ *
+ * @type {string}
+ */
+export const OUTGOING_CALL_RINGING_SOUND_ID = 'OUTGOING_CALL_RINGING_SOUND';
+
+/**
+ * The identifier of the sound to be played when outgoing call is started.
+ *
+ * @type {string}
+ */
+export const OUTGOING_CALL_START_SOUND_ID = 'OUTGOING_CALL_START_SOUND';
+
+/**
+ * Regex for matching sip addresses.
+ */
+// eslint-disable-next-line max-len
+export const SIP_ADDRESS_REGEX = /^[+a-zA-Z0-9]+(?:([^\s>:@]+)(?::([^\s@>]+))?@)?([\w\-.]+)(?::(\d+))?((?:;[^\s=?>;]+(?:=[^\s?;]+)?)*)(?:\?(([^\s&=>]+=[^\s&=>]+)(&[^\s&=>]+=[^\s&=>]+)*))?$/;
+
+/**
+ * Different invite types mapping.
+ */
+export const INVITE_TYPES = {
+    EMAIL: 'email',
+    PHONE: 'phone',
+    ROOM: 'room',
+    SIP: 'sip',
+    USER: 'user',
+    VIDEO_ROOM: 'videosipgw'
+};
+
+export const UPGRADE_OPTIONS_TEXT = 'jaas.8x8.vc';
+export const UPGRADE_OPTIONS_LINK = 'https://jaas.8x8.vc/#/plan/upgrade';
diff --git a/react/features/invite/functions.ts b/react/features/invite/functions.ts
new file mode 100644
index 0000000..b677547
--- /dev/null
+++ b/react/features/invite/functions.ts
@@ -0,0 +1,985 @@
+// @ts-expect-error
+import { jitsiLocalStorage } from '@jitsi/js-utils';
+
+import { IReduxState } from '../app/types';
+import { IStateful } from '../base/app/types';
+import { getRoomName } from '../base/conference/functions';
+import { getInviteURL } from '../base/connection/functions';
+import { isIosMobileBrowser } from '../base/environment/utils';
+import i18next from '../base/i18n/i18next';
+import { MEET_FEATURES } from '../base/jwt/constants';
+import { isJwtFeatureEnabled } from '../base/jwt/functions';
+import { JitsiRecordingConstants } from '../base/lib-jitsi-meet';
+import { getLocalParticipant } from '../base/participants/functions';
+import { toState } from '../base/redux/functions';
+import { doGetJSON } from '../base/util/httpUtils';
+import { parseURLParams } from '../base/util/parseURLParams';
+import {
+    StatusCode,
+    appendURLParam,
+    parseURIString
+} from '../base/util/uri';
+import { isVpaasMeeting } from '../jaas/functions';
+import { getActiveSession } from '../recording/functions';
+
+import { getDialInConferenceID, getDialInNumbers } from './_utils';
+import {
+    DIAL_IN_INFO_PAGE_PATH_NAME,
+    INVITE_TYPES,
+    SIP_ADDRESS_REGEX,
+    UPGRADE_OPTIONS_TEXT
+} from './constants';
+import logger from './logger';
+import { IInvitee } from './types';
+
+
+export const sharingFeatures = {
+    email: 'email',
+    url: 'url',
+    dialIn: 'dial-in',
+    embed: 'embed'
+};
+
+/**
+ * Sends an ajax request to check if the phone number can be called.
+ *
+ * @param {string} dialNumber - The dial number to check for validity.
+ * @param {string} dialOutAuthUrl - The endpoint to use for checking validity.
+ * @param {string} region - The region we are connected to.
+ * @returns {Promise} - The promise created by the request.
+ */
+export function checkDialNumber(
+        dialNumber: string,
+        dialOutAuthUrl: string,
+        region: string
+): Promise<{ allow?: boolean; country?: string; phone?: string; }> {
+    const fullUrl = `${dialOutAuthUrl}?phone=${dialNumber}&region=${region}`;
+
+    return new Promise((resolve, reject) =>
+        fetch(fullUrl)
+            .then(res => {
+                if (res.ok) {
+                    resolve(res.json());
+                } else {
+                    reject(new Error('Request not successful!'));
+                }
+            })
+            .catch(reject));
+}
+
+/**
+ * Sends an ajax request to check if the outbound call is permitted.
+ *
+ * @param {string} dialOutRegionUrl - The config endpoint.
+ * @param {string} jwt - The jwt token.
+ * @param {string} appId - The customer id.
+ * @param {string} phoneNumber - The destination phone number.
+ * @returns {Promise} - The promise created by the request.
+ */
+export function checkOutboundDestination(
+        dialOutRegionUrl: string,
+        jwt: string,
+        appId: string,
+        phoneNumber: string
+): Promise<any> {
+    return doGetJSON(dialOutRegionUrl, true, {
+        body: JSON.stringify({
+            appId,
+            phoneNumber
+        }),
+        method: 'POST',
+        headers: {
+            'Authorization': `Bearer ${jwt}`,
+            'Content-Type': 'application/json'
+        }
+    });
+}
+
+/**
+ * Removes all non-numeric characters from a string.
+ *
+ * @param {string} text - The string from which to remove all characters except
+ * numbers.
+ * @returns {string} A string with only numbers.
+ */
+export function getDigitsOnly(text = ''): string {
+    return text.replace(/\D/g, '');
+}
+
+/**
+ * Type of the options to use when sending a search query.
+ */
+export type GetInviteResultsOptions = {
+
+    /**
+     * Whether or not to search for people.
+     */
+    addPeopleEnabled: boolean;
+
+    /**
+     * The customer id.
+     */
+    appId: string;
+
+    /**
+     * The endpoint to use for checking phone number validity.
+     */
+    dialOutAuthUrl: string;
+
+    /**
+     * Whether or not to check phone numbers.
+     */
+    dialOutEnabled: boolean;
+
+    /**
+     * The endpoint to use for checking dial permission to an outbound destination.
+     */
+    dialOutRegionUrl: string;
+
+    /**
+     * The jwt token to pass to the search service.
+     */
+    jwt: string;
+
+    /**
+     * Array with the query types that will be executed -
+     * "conferenceRooms" | "user" | "room".
+     */
+    peopleSearchQueryTypes: Array<string>;
+
+    /**
+     * Key in localStorage holding the alternative token for people directory.
+     */
+    peopleSearchTokenLocation?: string;
+
+    /**
+     * The url to query for people.
+     */
+    peopleSearchUrl: string;
+
+    /**
+     * The region we are connected to.
+     */
+    region: string;
+
+    /**
+     * Whether or not to check sip invites.
+     */
+    sipInviteEnabled: boolean;
+};
+
+/**
+ * Combines directory search with phone number validation to produce a single
+ * set of invite search results.
+ *
+ * @param {string} query - Text to search.
+ * @param {GetInviteResultsOptions} options - Options to use when searching.
+ * @returns {Promise<*>}
+ */
+export function getInviteResultsForQuery(
+        query: string,
+        options: GetInviteResultsOptions
+): Promise<any> {
+    const text = query.trim();
+
+    const {
+        addPeopleEnabled,
+        appId,
+        dialOutAuthUrl,
+        dialOutRegionUrl,
+        dialOutEnabled,
+        peopleSearchQueryTypes,
+        peopleSearchUrl,
+        peopleSearchTokenLocation,
+        region,
+        sipInviteEnabled,
+        jwt
+    } = options;
+
+    let peopleSearchPromise;
+
+    if (addPeopleEnabled && text) {
+        peopleSearchPromise = searchDirectory(
+            peopleSearchUrl,
+            jwt,
+            text,
+            peopleSearchQueryTypes,
+            peopleSearchTokenLocation);
+    } else {
+        peopleSearchPromise = Promise.resolve([]);
+    }
+
+
+    let hasCountryCode = text.startsWith('+');
+    let phoneNumberPromise;
+
+    // Phone numbers are handled a specially to enable both cases of restricting
+    // numbers to telephone number-y numbers and accepting any arbitrary string,
+    // which may be valid for SIP (jigasi) calls. If the dialOutAuthUrl is
+    // defined, then it is assumed the call is to a telephone number and
+    // some validation of the number is completed, with the + sign used as a way
+    // for the UI to detect and enforce the usage of a country code. If the
+    // dialOutAuthUrl is not defined, accept anything because this is assumed
+    // to be the SIP (jigasi) case.
+    if (dialOutEnabled && dialOutAuthUrl && isMaybeAPhoneNumber(text)) {
+        let numberToVerify = text;
+
+        // When the number to verify does not start with a +, we assume no
+        // proper country code has been entered. In such a case, prepend 1 for
+        // the country code. The service currently takes care of prepending the
+        // +.
+        if (!hasCountryCode && !text.startsWith('1')) {
+            numberToVerify = `1${numberToVerify}`;
+        }
+
+        // The validation service works properly when the query is digits only
+        // so ensure only digits get sent.
+        numberToVerify = getDigitsOnly(numberToVerify);
+
+        phoneNumberPromise = checkDialNumber(numberToVerify, dialOutAuthUrl, region);
+    } else if (dialOutEnabled && !dialOutAuthUrl) {
+        // fake having a country code to hide the country code reminder
+        hasCountryCode = true;
+
+        // With no auth url, let's say the text is a valid number
+        phoneNumberPromise = Promise.resolve({
+            allow: true,
+            country: '',
+            phone: text
+        });
+    } else {
+        phoneNumberPromise = Promise.resolve<{ allow?: boolean; country?: string; phone?: string; }>({});
+    }
+
+    return Promise.all([ peopleSearchPromise, phoneNumberPromise ])
+        .then(async ([ peopleResults, phoneResults ]) => {
+            const results: any[] = [
+                ...peopleResults
+            ];
+
+            /**
+             * This check for phone results is for the day the call to searching
+             * people might return phone results as well. When that day comes
+             * this check will make it so the server checks are honored and the
+             * local appending of the number is not done. The local appending of
+             * the phone number can then be cleaned up when convenient.
+             */
+            const hasPhoneResult
+                = peopleResults.find(result => result.type === INVITE_TYPES.PHONE);
+
+            if (!hasPhoneResult && typeof phoneResults.allow === 'boolean') {
+                const result = {
+                    allowed: phoneResults.allow,
+                    country: phoneResults.country,
+                    type: INVITE_TYPES.PHONE,
+                    number: phoneResults.phone,
+                    originalEntry: text,
+                    showCountryCodeReminder: !hasCountryCode
+                };
+
+                if (!phoneResults.allow) {
+                    try {
+                        const response = await checkOutboundDestination(dialOutRegionUrl, jwt, appId, text);
+
+                        result.allowed = response.allowed;
+                    } catch (error) {
+                        logger.error('Error checking permission to dial to outbound destination', error);
+                    }
+                }
+
+                results.push(result);
+            }
+
+            if (sipInviteEnabled && isASipAddress(text)) {
+                results.push({
+                    type: INVITE_TYPES.SIP,
+                    address: text
+                });
+            }
+
+            return results;
+        });
+}
+
+/**
+ * Creates a custom no new lines message for iOS default mail describing how to dial in to the conference.
+ *
+ * @returns {string}
+ */
+export function getInviteTextiOS({
+    state,
+    phoneNumber,
+    t
+}: { phoneNumber?: string | null; state: IReduxState; t?: Function; }) {
+    if (!isIosMobileBrowser()) {
+        return '';
+    }
+
+    const dialIn = state['features/invite'];
+    const inviteUrl = getInviteURL(state);
+    const localParticipant = getLocalParticipant(state);
+    const localParticipantName = localParticipant?.name;
+
+    const inviteURL = _decodeRoomURI(inviteUrl);
+
+    let invite = localParticipantName
+        ? t?.('info.inviteTextiOSPersonal', { name: localParticipantName })
+        : t?.('info.inviteURLFirstPartGeneral');
+
+    invite += ' ';
+
+    invite += t?.('info.inviteTextiOSInviteUrl', { inviteUrl });
+    invite += ' ';
+
+    if (shouldDisplayDialIn(dialIn) && isSharingEnabled(sharingFeatures.dialIn)) {
+        invite += t?.('info.inviteTextiOSPhone', {
+            number: phoneNumber,
+            conferenceID: dialIn.conferenceID,
+            didUrl: getDialInfoPageURL(state)
+        });
+    }
+    invite += ' ';
+    invite += t?.('info.inviteTextiOSJoinSilent', { silentUrl: `${inviteURL}#config.startSilent=true` });
+
+    return invite;
+}
+
+/**
+ * Creates a message describing how to dial in to the conference.
+ *
+ * @returns {string}
+ */
+export function getInviteText({
+    state,
+    phoneNumber,
+    t
+}: { phoneNumber?: string | null; state: IReduxState; t?: Function; }) {
+    const dialIn = state['features/invite'];
+    const inviteUrl = getInviteURL(state);
+    const currentLiveStreamingSession = getActiveSession(state, JitsiRecordingConstants.mode.STREAM);
+    const liveStreamViewURL = currentLiveStreamingSession?.liveStreamViewURL;
+    const localParticipant = getLocalParticipant(state);
+    const localParticipantName = localParticipant?.name;
+
+    const inviteURL = _decodeRoomURI(inviteUrl);
+    let invite = localParticipantName
+        ? t?.('info.inviteURLFirstPartPersonal', { name: localParticipantName })
+        : t?.('info.inviteURLFirstPartGeneral');
+
+    invite += t?.('info.inviteURLSecondPart', {
+        url: inviteURL
+    });
+
+    if (liveStreamViewURL) {
+        const liveStream = t?.('info.inviteLiveStream', {
+            url: liveStreamViewURL
+        });
+
+        invite = `${invite}\n${liveStream}`;
+    }
+
+    if (shouldDisplayDialIn(dialIn) && isSharingEnabled(sharingFeatures.dialIn)) {
+        const dial = t?.('info.invitePhone', {
+            number: phoneNumber,
+            conferenceID: dialIn.conferenceID
+        });
+        const moreNumbers = t?.('info.invitePhoneAlternatives', {
+            url: getDialInfoPageURL(state),
+            silentUrl: `${inviteURL}#config.startSilent=true`
+        });
+
+        invite = `${invite}\n${dial}\n${moreNumbers}`;
+    }
+
+    return invite;
+}
+
+/**
+ * Helper for determining how many of each type of user is being invited. Used
+ * for logging and sending analytics related to invites.
+ *
+ * @param {Array} inviteItems - An array with the invite items, as created in
+ * {@link _parseQueryResults}.
+ * @returns {Object} An object with keys as user types and values as the number
+ * of invites for that type.
+ */
+export function getInviteTypeCounts(inviteItems: IInvitee[] = []) {
+    const inviteTypeCounts: any = {};
+
+    inviteItems.forEach(({ type }) => {
+        if (!inviteTypeCounts[type]) {
+            inviteTypeCounts[type] = 0;
+        }
+        inviteTypeCounts[type]++;
+    });
+
+    return inviteTypeCounts;
+}
+
+/**
+ * Sends a post request to an invite service.
+ *
+ * @param {string} inviteServiceUrl - The invite service that generates the
+ * invitation.
+ * @param {string} inviteUrl - The url to the conference.
+ * @param {Immutable.List} inviteItems - The list of the "user" or "room" type
+ * items to invite.
+ * @param {IReduxState} state - Global state.
+ * @returns {Promise} - The promise created by the request.
+ */
+export function invitePeopleAndChatRooms(
+        inviteServiceUrl: string,
+        inviteUrl: string,
+        inviteItems: Array<Object>,
+        state: IReduxState
+): Promise<any> {
+
+    if (!inviteItems || inviteItems.length === 0) {
+        return Promise.resolve();
+    }
+
+    // Parse all the query strings of the search directory endpoint
+    const { jwt = '' } = state['features/base/jwt'];
+    const { peopleSearchTokenLocation } = state['features/base/config'];
+
+    let token = jwt;
+
+    // If token is empty, check for alternate token
+    if (!token && peopleSearchTokenLocation) {
+        token = jitsiLocalStorage.getItem(peopleSearchTokenLocation) ?? '';
+    }
+
+    const headers = {
+        ...token ? { 'Authorization': `Bearer ${token}` } : {},
+        'Content-Type': 'application/json'
+    };
+
+    return fetch(
+        inviteServiceUrl,
+        {
+            body: JSON.stringify({
+                'invited': inviteItems,
+                'url': inviteUrl
+            }),
+            method: 'POST',
+            headers
+        }
+    );
+}
+
+/**
+ * Determines if adding people is currently enabled.
+ *
+ * @param {IReduxState} state - Current state.
+ * @returns {boolean} Indication of whether adding people is currently enabled.
+ */
+export function isAddPeopleEnabled(state: IReduxState): boolean {
+    const {
+        peopleSearchUrl,
+        peopleSearchTokenLocation
+    } = state['features/base/config'];
+
+    const hasToken = Boolean(state['features/base/jwt'].jwt || Boolean(peopleSearchTokenLocation));
+
+    return Boolean(hasToken && Boolean(peopleSearchUrl) && !isVpaasMeeting(state));
+}
+
+/**
+ * Determines if dial out is currently enabled or not.
+ *
+ * @param {IReduxState} state - Current state.
+ * @returns {boolean} Indication of whether dial out is currently enabled.
+ */
+export function isDialOutEnabled(state: IReduxState): boolean {
+    const { conference } = state['features/base/conference'];
+
+    return isJwtFeatureEnabled(state, MEET_FEATURES.OUTBOUND_CALL, false) && conference?.isSIPCallingSupported();
+}
+
+/**
+ * Determines if inviting sip endpoints is enabled or not.
+ *
+ * @param {IReduxState} state - Current state.
+ * @returns {boolean} Indication of whether sip invite is currently enabled.
+ */
+export function isSipInviteEnabled(state: IReduxState): boolean {
+    const { sipInviteUrl } = state['features/base/config'];
+
+    return isJwtFeatureEnabled(state, MEET_FEATURES.SIP_OUTBOUND_CALL, false) && Boolean(sipInviteUrl);
+}
+
+/**
+ * Checks whether a string looks like it could be for a phone number.
+ *
+ * @param {string} text - The text to check whether or not it could be a phone
+ * number.
+ * @private
+ * @returns {boolean} True if the string looks like it could be a phone number.
+ */
+function isMaybeAPhoneNumber(text: string): boolean {
+    if (!isPhoneNumberRegex().test(text)) {
+        return false;
+    }
+
+    const digits = getDigitsOnly(text);
+
+    return Boolean(digits.length);
+}
+
+/**
+ * Checks whether a string matches a sip address format.
+ *
+ * @param {string} text - The text to check.
+ * @returns {boolean} True if provided text matches a sip address format.
+ */
+function isASipAddress(text: string): boolean {
+    return SIP_ADDRESS_REGEX.test(text);
+}
+
+/**
+ * RegExp to use to determine if some text might be a phone number.
+ *
+ * @returns {RegExp}
+ */
+function isPhoneNumberRegex(): RegExp {
+    let regexString = '^[0-9+()-\\s]*$';
+
+    if (typeof interfaceConfig !== 'undefined') {
+        regexString = interfaceConfig.PHONE_NUMBER_REGEX || regexString;
+    }
+
+    return new RegExp(regexString);
+}
+
+/**
+ * Sends an ajax request to a directory service.
+ *
+ * @param {string} serviceUrl - The service to query.
+ * @param {string} jwt - The jwt token to pass to the search service.
+ * @param {string} text - Text to search.
+ * @param {Array<string>} queryTypes - Array with the query types that will be
+ * executed - "conferenceRooms" | "user" | "room" | "email".
+ * @param {string} peopleSearchTokenLocation - The localStorage key holding the token value for alternate auth.
+ * @returns {Promise} - The promise created by the request.
+ */
+export function searchDirectory( // eslint-disable-line max-params
+        serviceUrl: string,
+        jwt: string,
+        text: string,
+        queryTypes: Array<string> = [ 'conferenceRooms', 'user', 'room', 'email' ],
+        peopleSearchTokenLocation?: string
+): Promise<Array<{ type: string; }>> {
+
+    const query = encodeURIComponent(text);
+    const queryTypesString = encodeURIComponent(JSON.stringify(queryTypes));
+
+    let token = jwt;
+
+    // If token is empty, check for alternate token
+    if (!token && peopleSearchTokenLocation) {
+        token = jitsiLocalStorage.getItem(peopleSearchTokenLocation) ?? '';
+    }
+
+    const headers = {
+        ...token ? { 'Authorization': `Bearer ${token}` } : {}
+    };
+
+    return fetch(`${serviceUrl}?query=${query}&queryTypes=${
+        queryTypesString}`,
+            {
+                method: 'GET',
+                headers
+            })
+            .then(response => {
+                const jsonify = response.json();
+
+                if (response.ok) {
+                    return jsonify;
+                }
+
+                return jsonify
+                    .then(result => Promise.reject(result));
+            })
+            .catch(error => {
+                logger.error(
+                    'Error searching directory:', error);
+
+                return Promise.reject(error);
+            });
+}
+
+/**
+ * Returns descriptive text that can be used to invite participants to a meeting
+ * (share via mobile or use it for calendar event description).
+ *
+ * @param {IReduxState} state - The current state.
+ * @param {string} inviteUrl - The conference/location URL.
+ * @param {boolean} useHtml - Whether to return html text.
+ * @param {boolean} skipDialIn - Whether to skip dial-in options or not.
+ * @returns {Promise<string>} A {@code Promise} resolving with a
+ * descriptive text that can be used to invite participants to a meeting.
+ */
+export function getShareInfoText(
+        state: IReduxState, inviteUrl: string, useHtml?: boolean, skipDialIn?: boolean): Promise<string> {
+    let roomUrl = _decodeRoomURI(inviteUrl);
+
+    if (useHtml) {
+        roomUrl = `<a href="${roomUrl}">${roomUrl}</a>`;
+    }
+
+    let infoText = i18next.t('share.mainText', { roomUrl });
+
+    const { room } = parseURIString(inviteUrl);
+    const { dialInConfCodeUrl, dialInNumbersUrl, hosts } = state['features/base/config'];
+    const { locationURL = {} } = state['features/base/connection'];
+    const mucURL = hosts?.muc;
+
+    if (skipDialIn || !dialInConfCodeUrl || !dialInNumbersUrl || !mucURL) {
+        // URLs for fetching dial in numbers not defined.
+        return Promise.resolve(infoText);
+    }
+
+    let hasPaymentError = false;
+
+    // We are requesting numbers and conferenceId directly
+    // not using updateDialInNumbers, because custom room
+    // is specified and we do not want to store the data
+    // in the state.
+    const numbersPromise = Promise.all([
+        getDialInNumbers(dialInNumbersUrl, room, mucURL), // @ts-ignore
+        getDialInConferenceID(dialInConfCodeUrl, room, mucURL, locationURL)
+    ]).then(([ numbers, {
+        conference, id, message } ]) => {
+
+        if (!conference || !id) {
+            return Promise.reject(message);
+        }
+
+        return {
+            numbers,
+            conferenceID: id
+        };
+    });
+
+    return numbersPromise.then(({ conferenceID, numbers }) => {
+        const phoneNumber = _getDefaultPhoneNumber(numbers) || '';
+
+        return `${
+            i18next.t('info.dialInNumber')} ${
+            phoneNumber} ${
+            i18next.t('info.dialInConferenceID')} ${
+            conferenceID}#\n\n`;
+    })
+    .catch(error => {
+        logger.error('Error fetching numbers or conferenceID', error);
+        hasPaymentError = error?.status === StatusCode.PaymentRequired;
+    })
+    .then(defaultDialInNumber => {
+        if (hasPaymentError) {
+            infoText += `${
+                i18next.t('info.dialInNumber')} ${i18next.t('info.reachedLimit')} ${
+                i18next.t('info.upgradeOptions')} ${UPGRADE_OPTIONS_TEXT}`;
+
+            return infoText;
+        }
+
+        let dialInfoPageUrl = getDialInfoPageURL(state, room);
+
+        if (useHtml) {
+            dialInfoPageUrl = `<a href="${dialInfoPageUrl}">${dialInfoPageUrl}</a>`;
+        }
+
+        infoText += i18next.t('share.dialInfoText', {
+            defaultDialInNumber,
+            dialInfoPageUrl });
+
+        return infoText;
+    });
+}
+
+/**
+ * Generates the URL for the static dial in info page.
+ *
+ * @param {IReduxState} state - The state from the Redux store.
+ * @param {string?} roomName - The conference name. Optional name, if missing will be extracted from state.
+ * @returns {string}
+ */
+export function getDialInfoPageURL(state: IReduxState, roomName?: string) {
+    const { didPageUrl } = state['features/dynamic-branding'];
+    const conferenceName = roomName ?? getRoomName(state);
+    const { locationURL } = state['features/base/connection'];
+    const { href = '' } = locationURL ?? {};
+    const room = _decodeRoomURI(conferenceName ?? '');
+
+    const url = didPageUrl || `${href.substring(0, href.lastIndexOf('/'))}/${DIAL_IN_INFO_PAGE_PATH_NAME}`;
+
+    return appendURLParam(url, 'room', room);
+}
+
+/**
+ * Generates the URL for the static dial in info page.
+ *
+ * @param {string} uri - The conference URI string.
+ * @returns {string}
+ */
+export function getDialInfoPageURLForURIString(
+        uri?: string) {
+    if (!uri) {
+        return undefined;
+    }
+    const { protocol, host, contextRoot, room } = parseURIString(uri);
+    let url = `${protocol}//${host}${contextRoot}${DIAL_IN_INFO_PAGE_PATH_NAME}`;
+
+    url = appendURLParam(url, 'room', room);
+
+    const { release } = parseURLParams(uri, true, 'search');
+
+    release && (url = appendURLParam(url, 'release', release));
+
+    return url;
+}
+
+/**
+ * Returns whether or not dial-in related UI should be displayed.
+ *
+ * @param {Object} dialIn - Dial in information.
+ * @returns {boolean}
+ */
+export function shouldDisplayDialIn(dialIn: any) {
+    const { conferenceID, numbers, numbersEnabled } = dialIn;
+    const phoneNumber = _getDefaultPhoneNumber(numbers);
+
+    return Boolean(
+            conferenceID
+            && numbers
+            && numbersEnabled
+            && phoneNumber);
+}
+
+/**
+ * Returns if multiple dial-in numbers are available.
+ *
+ * @param {Array<string>|Object} dialInNumbers - The array or object of
+ * numbers to check.
+ * @private
+ * @returns {boolean}
+ */
+export function hasMultipleNumbers(dialInNumbers?: { numbers: Object; } | string[]) {
+    if (!dialInNumbers) {
+        return false;
+    }
+
+    if (Array.isArray(dialInNumbers)) {
+        return dialInNumbers.length > 1;
+    }
+
+    // deprecated and will be removed
+    const { numbers } = dialInNumbers;
+
+    // eslint-disable-next-line no-confusing-arrow
+    return Boolean(numbers && Object.values(numbers).map(a => Array.isArray(a) ? a.length : 0)
+        .reduce((a, b) => a + b) > 1);
+}
+
+/**
+ * Sets the internal state of which dial-in number to display.
+ *
+ * @param {Array<string>|Object} dialInNumbers - The array or object of
+ * numbers to choose a number from.
+ * @private
+ * @returns {string|null}
+ */
+export function _getDefaultPhoneNumber(
+        dialInNumbers?: { numbers: any; } | Array<{ default: string; formattedNumber: string; }>): string | null {
+
+    if (!dialInNumbers) {
+        return null;
+    }
+
+    if (Array.isArray(dialInNumbers)) {
+        // new syntax follows
+        // find the default country inside dialInNumbers, US one
+        // or return the first one
+        const defaultNumber = dialInNumbers.find(number => number.default);
+
+        if (defaultNumber) {
+            return defaultNumber.formattedNumber;
+        }
+
+        return dialInNumbers.length > 0
+            ? dialInNumbers[0].formattedNumber : null;
+    }
+
+    const { numbers } = dialInNumbers;
+
+    if (numbers && Object.keys(numbers).length > 0) {
+        // deprecated and will be removed
+        const firstRegion = Object.keys(numbers)[0];
+
+        return firstRegion && numbers[firstRegion][0];
+    }
+
+    return null;
+}
+
+/**
+ * Decodes URI only if doesn't contain a space(' ').
+ *
+ * @param {string} url - The string to decode.
+ * @returns {string} - It the string contains space, encoded value is '%20' returns
+ * same string, otherwise decoded one.
+ * @private
+ */
+export function _decodeRoomURI(url: string) {
+    let roomUrl = url;
+
+    // we want to decode urls when the do not contain space, ' ', which url encoded is %20
+    if (roomUrl && !roomUrl.includes('%20')) {
+        roomUrl = decodeURI(roomUrl);
+    }
+
+    // Handles a special case where the room name has % encoded, the decoded will have
+    // % followed by a char (non-digit) which is not a valid URL and room name ... so we do not
+    // want to show this decoded
+    if (roomUrl.match(/.*%[^\d].*/)) {
+        return url;
+    }
+
+    return roomUrl;
+}
+
+/**
+ * Returns the stored conference id.
+ *
+ * @param {IStateful} stateful - The Object or Function that can be
+ * resolved to a Redux state object with the toState function.
+ * @returns {string}
+ */
+export function getConferenceId(stateful: IStateful) {
+    return toState(stateful)['features/invite'].conferenceID;
+}
+
+/**
+ * Returns the default dial in number from the store.
+ *
+ * @param {IStateful} stateful - The Object or Function that can be
+ * resolved to a Redux state object with the toState function.
+ * @returns {string | null}
+ */
+export function getDefaultDialInNumber(stateful: IStateful) {
+    // @ts-ignore
+    return _getDefaultPhoneNumber(toState(stateful)['features/invite'].numbers);
+}
+
+/**
+ * Executes the dial out request.
+ *
+ * @param {string} url - The url for dialing out.
+ * @param {Object} body - The body of the request.
+ * @param {string} reqId - The unique request id.
+ * @returns {Object}
+ */
+export async function executeDialOutRequest(url: string, body: Object, reqId: string) {
+    const res = await fetch(url, {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json',
+            'request-id': reqId
+        },
+        body: JSON.stringify(body)
+    });
+
+    const json = await res.json();
+
+    return res.ok ? json : Promise.reject(json);
+}
+
+/**
+ * Executes the dial out status request.
+ *
+ * @param {string} url - The url for dialing out.
+ * @param {string} reqId - The unique request id used on the dial out request.
+ * @returns {Object}
+ */
+export async function executeDialOutStatusRequest(url: string, reqId: string) {
+    const res = await fetch(url, {
+        method: 'GET',
+        headers: {
+            'Content-Type': 'application/json',
+            'request-id': reqId
+        }
+    });
+
+    const json = await res.json();
+
+    return res.ok ? json : Promise.reject(json);
+}
+
+/**
+ * Returns true if a specific sharing feature is enabled in interface configuration.
+ *
+ * @param {string} sharingFeature - The sharing feature to check.
+ * @returns {boolean}
+ */
+export function isSharingEnabled(sharingFeature: string) {
+    return typeof interfaceConfig === 'undefined'
+        || typeof interfaceConfig.SHARING_FEATURES === 'undefined'
+        || (interfaceConfig.SHARING_FEATURES.length && interfaceConfig.SHARING_FEATURES.indexOf(sharingFeature) > -1);
+}
+
+/**
+ * Sends a post request to an invite service.
+ *
+ * @param {Array} inviteItems - The list of the "sip" type items to invite.
+ * @param {URL} locationURL - The URL of the location.
+ * @param {string} sipInviteUrl - The invite service that generates the invitation.
+ * @param {string} jwt - The jwt token.
+ * @param {string} roomName - The name to the conference.
+ * @param {string} roomPassword - The password of the conference.
+ * @param {string} displayName - The user display name.
+ * @returns {Promise} - The promise created by the request.
+ */
+export function inviteSipEndpoints( // eslint-disable-line max-params
+        inviteItems: Array<{ address: string; }>,
+        locationURL: URL,
+        sipInviteUrl: string,
+        jwt: string,
+        roomName: string,
+        roomPassword: String,
+        displayName: string
+): Promise<any> {
+    if (inviteItems.length === 0) {
+        return Promise.resolve();
+    }
+
+    const regex = new RegExp(`/${roomName}`, 'i');
+    const baseUrl = Object.assign(new URL(locationURL.toString()), {
+        pathname: locationURL.pathname.replace(regex, ''),
+        hash: '',
+        search: ''
+    });
+
+    return fetch(
+        sipInviteUrl,
+        {
+            body: JSON.stringify({
+                callParams: {
+                    callUrlInfo: {
+                        baseUrl,
+                        callName: roomName
+                    },
+                    passcode: roomPassword
+                },
+                sipClientParams: {
+                    displayName,
+                    sipAddress: inviteItems.map(item => item.address)
+                }
+            }),
+            method: 'POST',
+            headers: {
+                'Authorization': `Bearer ${jwt}`,
+                'Content-Type': 'application/json'
+            }
+        }
+    );
+}
diff --git a/react/features/invite/logger.ts b/react/features/invite/logger.ts
new file mode 100644
index 0000000..b1244b8
--- /dev/null
+++ b/react/features/invite/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:invite');
diff --git a/react/features/invite/middleware.any.ts b/react/features/invite/middleware.any.ts
new file mode 100644
index 0000000..e19d536
--- /dev/null
+++ b/react/features/invite/middleware.any.ts
@@ -0,0 +1,206 @@
+import { AnyAction } from 'redux';
+
+import { IStore } from '../app/types';
+import { APP_WILL_MOUNT, APP_WILL_UNMOUNT } from '../base/app/actionTypes';
+import { CONFERENCE_JOINED } from '../base/conference/actionTypes';
+import {
+    PARTICIPANT_JOINED,
+    PARTICIPANT_LEFT,
+    PARTICIPANT_UPDATED
+} from '../base/participants/actionTypes';
+import { pinParticipant } from '../base/participants/actions';
+import { PARTICIPANT_JOINED_SOUND_ID } from '../base/participants/constants';
+import {
+    getLocalParticipant,
+    getParticipantCount,
+    getParticipantPresenceStatus,
+    getRemoteParticipants
+} from '../base/participants/functions';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import {
+    playSound,
+    registerSound,
+    stopSound,
+    unregisterSound
+} from '../base/sounds/actions';
+import {
+    CALLING,
+    CONNECTED_USER,
+    EXPIRED,
+    INVITED,
+    REJECTED,
+    RINGING
+} from '../presence-status/constants';
+
+import {
+    SET_CALLEE_INFO_VISIBLE,
+    UPDATE_DIAL_IN_NUMBERS_FAILED
+} from './actionTypes';
+import {
+    invite,
+    removePendingInviteRequests,
+    setCalleeInfoVisible
+} from './actions';
+import {
+    OUTGOING_CALL_EXPIRED_SOUND_ID,
+    OUTGOING_CALL_REJECTED_SOUND_ID,
+    OUTGOING_CALL_RINGING_SOUND_ID,
+    OUTGOING_CALL_START_SOUND_ID
+} from './constants';
+import logger from './logger';
+import { sounds } from './sounds';
+
+/**
+ * Maps the presence status with the ID of the sound that will be played when
+ * the status is received.
+ */
+const statusToRingtone = {
+    [CALLING]: OUTGOING_CALL_START_SOUND_ID,
+    [CONNECTED_USER]: PARTICIPANT_JOINED_SOUND_ID,
+    [EXPIRED]: OUTGOING_CALL_EXPIRED_SOUND_ID,
+    [INVITED]: OUTGOING_CALL_START_SOUND_ID,
+    [REJECTED]: OUTGOING_CALL_REJECTED_SOUND_ID,
+    [RINGING]: OUTGOING_CALL_RINGING_SOUND_ID
+};
+
+/**
+ * The middleware of the feature invite common to mobile/react-native and
+ * Web/React.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    let oldParticipantPresence;
+    const { dispatch, getState } = store;
+    const state = getState();
+
+    if (action.type === PARTICIPANT_UPDATED
+        || action.type === PARTICIPANT_LEFT) {
+        oldParticipantPresence
+            = getParticipantPresenceStatus(state, action.participant.id);
+    }
+
+    if (action.type === SET_CALLEE_INFO_VISIBLE) {
+        if (action.calleeInfoVisible) {
+            dispatch(pinParticipant(getLocalParticipant(state)?.id));
+        } else {
+            // unpin participant
+            dispatch(pinParticipant());
+        }
+    }
+
+    const result = next(action);
+
+    switch (action.type) {
+    case APP_WILL_MOUNT:
+        for (const [ soundId, sound ] of sounds.entries()) {
+            dispatch(registerSound(soundId, sound.file, sound.options));
+        }
+        break;
+
+    case APP_WILL_UNMOUNT:
+        for (const soundId of sounds.keys()) {
+            dispatch(unregisterSound(soundId));
+        }
+        break;
+
+    case CONFERENCE_JOINED:
+        _onConferenceJoined(store);
+        break;
+
+    case PARTICIPANT_JOINED:
+    case PARTICIPANT_LEFT:
+    case PARTICIPANT_UPDATED: {
+        _maybeHideCalleeInfo(action, store);
+
+        const newParticipantPresence
+            = getParticipantPresenceStatus(state, action.participant.id);
+
+        if (oldParticipantPresence === newParticipantPresence) {
+            break;
+        }
+
+        const oldSoundId
+            = oldParticipantPresence
+            && statusToRingtone[oldParticipantPresence as keyof typeof statusToRingtone];
+        const newSoundId
+            = newParticipantPresence
+            && statusToRingtone[newParticipantPresence as keyof typeof statusToRingtone];
+
+
+        if (oldSoundId === newSoundId) {
+            break;
+        }
+
+        if (oldSoundId) {
+            dispatch(stopSound(oldSoundId));
+        }
+
+        if (newSoundId) {
+            dispatch(playSound(newSoundId));
+        }
+
+        break;
+    }
+    case UPDATE_DIAL_IN_NUMBERS_FAILED:
+        logger.error('Error encountered while fetching dial-in numbers:', action.error,
+            action.error?.message, action.error?.name, action.error?.stack);
+        break;
+    }
+
+    return result;
+});
+
+/**
+ * Hides the callee info layot if there are more than 1 real
+ * (not poltergeist, shared video, etc.) participants in the call.
+ *
+ * @param {Object} action - The redux action.
+ * @param {IStore} store - The redux store.
+ * @returns {void}
+ */
+function _maybeHideCalleeInfo(action: AnyAction, store: IStore) {
+    const state = store.getState();
+
+    if (!state['features/invite'].calleeInfoVisible) {
+        return;
+    }
+    const participants = getRemoteParticipants(state);
+    const participantCount = getParticipantCount(state);
+    let numberOfPoltergeists = 0;
+
+    participants.forEach(p => {
+        if (p.botType === 'poltergeist') {
+            numberOfPoltergeists++;
+        }
+    });
+    const numberOfRealParticipants = participantCount - numberOfPoltergeists;
+
+    if ((numberOfPoltergeists > 1 || numberOfRealParticipants > 1)
+        || (action.type === PARTICIPANT_LEFT && participantCount === 1)) {
+        store.dispatch(setCalleeInfoVisible(false));
+    }
+}
+
+/**
+ * Executes the pending invitation requests if any.
+ *
+ * @param {IStore} store - The redux store.
+ * @returns {void}
+ */
+function _onConferenceJoined(store: IStore) {
+    const { dispatch, getState } = store;
+
+    const pendingInviteRequests
+        = getState()['features/invite'].pendingInviteRequests || [];
+
+    pendingInviteRequests.forEach(({ invitees, callback }) => {
+        dispatch(invite(invitees))
+            .then(failedInvitees => {
+                callback(failedInvitees);
+            });
+    });
+
+    dispatch(removePendingInviteRequests());
+}
diff --git a/react/features/invite/middleware.native.ts b/react/features/invite/middleware.native.ts
new file mode 100644
index 0000000..e69de29
diff --git a/react/features/invite/middleware.web.ts b/react/features/invite/middleware.web.ts
new file mode 100644
index 0000000..ea7df3c
--- /dev/null
+++ b/react/features/invite/middleware.web.ts
@@ -0,0 +1,66 @@
+import { AnyAction } from 'redux';
+
+import { IStore } from '../app/types';
+import { hideDialog, openDialog } from '../base/dialog/actions';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+
+import { BEGIN_ADD_PEOPLE, HIDE_ADD_PEOPLE_DIALOG } from './actionTypes';
+import AddPeopleDialog from './components/add-people-dialog/web/AddPeopleDialog';
+import './middleware.any';
+
+/**
+ * The middleware of the feature invite specific to Web/React.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case BEGIN_ADD_PEOPLE:
+        return _beginAddPeople(store, next, action);
+    case HIDE_ADD_PEOPLE_DIALOG:
+        return _hideAddPeopleDialog(store, next, action);
+    }
+
+    return next(action);
+});
+
+/**
+ * Notifies the feature invite that the action {@link BEGIN_ADD_PEOPLE} is being
+ * dispatched within a specific redux {@code store}.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified {@code action} to the specified {@code store}.
+ * @param {Action} action - The redux action {@code BEGIN_ADD_PEOPLE} which is
+ * being dispatched in the specified {@code store}.
+ * @private
+ * @returns {*} The value returned by {@code next(action)}.
+ */
+function _beginAddPeople({ dispatch }: IStore, next: Function, action: AnyAction) {
+    const result = next(action);
+
+    dispatch(openDialog('AddPeopleDialog', AddPeopleDialog));
+
+    return result;
+}
+
+/**
+ * Notifies the feature invite that the action {@link HIDE_ADD_PEOPLE_DIALOG} is being
+ * dispatched within a specific redux {@code store}.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified {@code action} to the specified {@code store}.
+ * @param {Action} action - The redux action {@code HIDE_ADD_PEOPLE_DIALOG} which is
+ * being dispatched in the specified {@code store}.
+ * @private
+ * @returns {*} The value returned by {@code next(action)}.
+ */
+function _hideAddPeopleDialog({ dispatch }: IStore, next: Function, action: AnyAction) {
+    dispatch(hideDialog('AddPeopleDialog', AddPeopleDialog));
+
+    return next(action);
+}
diff --git a/react/features/invite/reducer.ts b/react/features/invite/reducer.ts
new file mode 100644
index 0000000..2eee8f8
--- /dev/null
+++ b/react/features/invite/reducer.ts
@@ -0,0 +1,107 @@
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import {
+    ADD_PENDING_INVITE_REQUEST,
+    REMOVE_PENDING_INVITE_REQUESTS,
+    SET_CALLEE_INFO_VISIBLE,
+    UPDATE_DIAL_IN_NUMBERS_FAILED,
+    UPDATE_DIAL_IN_NUMBERS_SUCCESS
+} from './actionTypes';
+import logger from './logger';
+import { IInvitee } from './types';
+
+const DEFAULT_STATE = {
+    /**
+     * The indicator which determines whether (the) {@code CalleeInfo} is
+     * visible.
+     *
+     * @type {boolean|undefined}
+     */
+    calleeInfoVisible: false,
+    numbersEnabled: true,
+    numbersFetched: false,
+    pendingInviteRequests: []
+};
+
+export interface IInviteState {
+    calleeInfoVisible?: boolean;
+    conferenceID?: string | number;
+    error?: {
+        status: number;
+    };
+    initialCalleeInfo?: {
+        id: string;
+        name: string;
+        status: string;
+    };
+    numbers?: string[];
+    numbersEnabled: boolean;
+    numbersFetched: boolean;
+    pendingInviteRequests: Array<{
+        callback: Function;
+        invitees: IInvitee[];
+    }>;
+    sipUri?: string;
+}
+
+ReducerRegistry.register<IInviteState>('features/invite', (state = DEFAULT_STATE, action): IInviteState => {
+    switch (action.type) {
+    case ADD_PENDING_INVITE_REQUEST:
+        return {
+            ...state,
+            pendingInviteRequests: [
+                ...state.pendingInviteRequests,
+                action.request
+            ]
+        };
+
+    case REMOVE_PENDING_INVITE_REQUESTS:
+        return {
+            ...state,
+            pendingInviteRequests: []
+        };
+
+    case SET_CALLEE_INFO_VISIBLE:
+        return {
+            ...state,
+            calleeInfoVisible: action.calleeInfoVisible,
+            initialCalleeInfo: action.initialCalleeInfo
+        };
+
+    case UPDATE_DIAL_IN_NUMBERS_FAILED:
+        return {
+            ...state,
+            error: action.error
+        };
+
+    case UPDATE_DIAL_IN_NUMBERS_SUCCESS: {
+        if (Array.isArray(action.dialInNumbers)) {
+            return {
+                ...state,
+                conferenceID: action.conferenceID,
+                error: undefined,
+                numbers: action.dialInNumbers,
+                sipUri: action.sipUri,
+                numbersEnabled: true,
+                numbersFetched: true
+            };
+        }
+
+        // this is the old format which is deprecated
+        logger.warn('Using deprecated API for retrieving phone numbers');
+
+        const { numbersEnabled } = action.dialInNumbers;
+
+        return {
+            ...state,
+            conferenceID: action.conferenceID,
+            error: undefined,
+            numbers: action.dialInNumbers,
+            numbersEnabled,
+            numbersFetched: true
+        };
+    }
+    }
+
+    return state;
+});
diff --git a/react/features/invite/sounds.ts b/react/features/invite/sounds.ts
new file mode 100644
index 0000000..5cb71ab
--- /dev/null
+++ b/react/features/invite/sounds.ts
@@ -0,0 +1,44 @@
+import {
+    OUTGOING_CALL_EXPIRED_SOUND_ID,
+    OUTGOING_CALL_REJECTED_SOUND_ID,
+    OUTGOING_CALL_RINGING_SOUND_ID,
+    OUTGOING_CALL_START_SOUND_ID
+} from './constants';
+
+/**
+ * Maps the sounds IDs with the filenames sounds associated with them.
+ *
+ * @type {Map<string, string>}
+ */
+export const sounds = new Map([
+
+    /**
+     * The name of the sound file which will be played when outgoing call is
+     * expired.
+     */
+    [ OUTGOING_CALL_EXPIRED_SOUND_ID, { file: 'rejected.mp3' } ],
+
+    /**
+     * The name of the sound file which will be played when outgoing call is
+     * rejected.
+     */
+    [ OUTGOING_CALL_REJECTED_SOUND_ID, { file: 'rejected.mp3' } ],
+
+    /**
+     * The name of the sound file which will be played when the status of an
+     * outgoing call is ringing.
+     */
+    [
+        OUTGOING_CALL_RINGING_SOUND_ID,
+        {
+            file: 'outgoingRinging.mp3',
+            options: { loop: true }
+        }
+    ],
+
+    /**
+     * The name of the sound file which will be played when outgoing call is
+     * started.
+     */
+    [ OUTGOING_CALL_START_SOUND_ID, { file: 'outgoingStart.mp3' } ]
+]);
diff --git a/react/features/invite/types.ts b/react/features/invite/types.ts
new file mode 100644
index 0000000..ac8439b
--- /dev/null
+++ b/react/features/invite/types.ts
@@ -0,0 +1,20 @@
+import { MultiSelectItem } from '../base/ui/components/types';
+
+export interface IInvitee {
+    address: string;
+    allowed?: boolean;
+    id?: string;
+    name?: string;
+    number: string;
+    originalEntry?: string;
+    phone?: string;
+    showCountryCodeReminder?: boolean;
+    type: string;
+    user_id?: string;
+}
+
+export interface IInviteSelectItem extends MultiSelectItem {
+    filterValues?: string[];
+    item: IInvitee;
+    tag?: any;
+}
diff --git a/react/features/jaas/actionTypes.ts b/react/features/jaas/actionTypes.ts
new file mode 100644
index 0000000..875a83e
--- /dev/null
+++ b/react/features/jaas/actionTypes.ts
@@ -0,0 +1,4 @@
+/**
+ * Action used to store jaas customer details
+ */
+export const SET_DETAILS = 'SET_DETAILS';
\ No newline at end of file
diff --git a/react/features/jaas/actions.any.ts b/react/features/jaas/actions.any.ts
new file mode 100644
index 0000000..22383ec
--- /dev/null
+++ b/react/features/jaas/actions.any.ts
@@ -0,0 +1,46 @@
+import { IStore } from '../app/types';
+
+import { SET_DETAILS } from './actionTypes';
+import { getVpaasTenant, sendGetDetailsRequest } from './functions';
+import logger from './logger';
+
+/**
+ * Action used to set the jaas customer details in store.
+ *
+ * @param {Object} details - The customer details object.
+ * @returns {Object}
+ */
+function setCustomerDetails(details: Object) {
+    return {
+        type: SET_DETAILS,
+        payload: details
+    };
+}
+
+/**
+ * Sends a request for retrieving jaas customer details.
+ *
+ * @returns {Function}
+ */
+export function getCustomerDetails() {
+    return async function(dispatch: IStore['dispatch'], getState: IStore['getState']) {
+        const state = getState();
+        const baseUrl = state['features/base/config'].jaasActuatorUrl ?? '';
+        const appId = getVpaasTenant(state);
+
+        const shouldSendRequest = Boolean(baseUrl && appId);
+
+        if (shouldSendRequest) {
+            try {
+                const details = await sendGetDetailsRequest({
+                    appId,
+                    baseUrl
+                });
+
+                dispatch(setCustomerDetails(details));
+            } catch (err) {
+                logger.error('Could not send request', err);
+            }
+        }
+    };
+}
diff --git a/react/features/jaas/actions.native.ts b/react/features/jaas/actions.native.ts
new file mode 100644
index 0000000..cf67819
--- /dev/null
+++ b/react/features/jaas/actions.native.ts
@@ -0,0 +1,11 @@
+/**
+ * Shows a dialog prompting users to upgrade, if requested feature is disabled.
+ *
+ * @param {string} _feature - Used on web.
+ * @returns {Function}
+ */
+export function maybeShowPremiumFeatureDialog(_feature: string) {
+    return function() {
+        return false;
+    };
+}
diff --git a/react/features/jaas/actions.web.ts b/react/features/jaas/actions.web.ts
new file mode 100644
index 0000000..b68a804
--- /dev/null
+++ b/react/features/jaas/actions.web.ts
@@ -0,0 +1,25 @@
+import { IStore } from '../app/types';
+import { openDialog } from '../base/dialog/actions';
+import { ParticipantFeaturesKey } from '../base/participants/types';
+
+import PremiumFeatureDialog from './components/web/PremiumFeatureDialog';
+import { isFeatureDisabled } from './functions';
+
+/**
+ * Shows a dialog prompting users to upgrade, if requested feature is disabled.
+ *
+ * @param {ParticipantFeaturesKey} feature - The feature to check availability for.
+ *
+ * @returns {Function}
+ */
+export function maybeShowPremiumFeatureDialog(feature: ParticipantFeaturesKey) {
+    return function(dispatch: IStore['dispatch'], getState: IStore['getState']) {
+        if (isFeatureDisabled(getState(), feature)) {
+            dispatch(openDialog('PremiumFeatureDialog', PremiumFeatureDialog));
+
+            return true;
+        }
+
+        return false;
+    };
+}
diff --git a/react/features/jaas/components/web/PremiumFeatureDialog.tsx b/react/features/jaas/components/web/PremiumFeatureDialog.tsx
new file mode 100644
index 0000000..4a6a92a
--- /dev/null
+++ b/react/features/jaas/components/web/PremiumFeatureDialog.tsx
@@ -0,0 +1,56 @@
+import React, { PureComponent } from 'react';
+
+
+import { translate } from '../../../base/i18n/functions';
+import Dialog from '../../../base/ui/components/web/Dialog';
+import { openURLInBrowser } from '../../../base/util/openURLInBrowser.web';
+import { JAAS_UPGRADE_URL } from '../../constants';
+
+/**
+ * Component that renders the premium feature dialog.
+ *
+ * @returns {React$Element<any>}
+ */
+class PremiumFeatureDialog extends PureComponent<any> {
+
+    /**
+     * Instantiates a new component.
+     *
+     * @inheritdoc
+     */
+    constructor(props: any) {
+        super(props);
+
+        this._onSubmitValue = this._onSubmitValue.bind(this);
+    }
+
+    /**
+     * Callback to be invoked when the dialog ok is pressed.
+     *
+     * @returns {boolean}
+     */
+    _onSubmitValue() {
+        openURLInBrowser(JAAS_UPGRADE_URL, true);
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { t } = this.props;
+
+        return (
+            <Dialog
+                cancel = {{ hidden: true }}
+                ok = {{ translationKey: 'dialog.viewUpgradeOptions' }}
+                onSubmit = { this._onSubmitValue }
+                titleKey = { t('dialog.viewUpgradeOptionsTitle') }>
+                <span>{t('dialog.viewUpgradeOptionsContent')}</span>
+            </Dialog>
+        );
+    }
+}
+
+export default translate(PremiumFeatureDialog);
diff --git a/react/features/jaas/constants.ts b/react/features/jaas/constants.ts
new file mode 100644
index 0000000..f61f918
--- /dev/null
+++ b/react/features/jaas/constants.ts
@@ -0,0 +1,17 @@
+/**
+ * JaaS customer statuses which represent their account state.
+ */
+export const STATUSES = {
+    ACTIVE: 'ACTIVE',
+    BLOCKED: 'BLOCKED'
+};
+
+/**
+ * URL for displaying JaaS upgrade options.
+ */
+export const JAAS_UPGRADE_URL = 'https://jaas.8x8.vc/#/plan/upgrade';
+
+/**
+ * The prefix for the vpaas tenant.
+ */
+export const VPAAS_TENANT_PREFIX = 'vpaas-magic-cookie-';
diff --git a/react/features/jaas/functions.ts b/react/features/jaas/functions.ts
new file mode 100644
index 0000000..748da40
--- /dev/null
+++ b/react/features/jaas/functions.ts
@@ -0,0 +1,170 @@
+import { IReduxState } from '../app/types';
+import { IJitsiConference } from '../base/conference/reducer';
+import { ParticipantFeaturesKey } from '../base/participants/types';
+
+import { VPAAS_TENANT_PREFIX } from './constants';
+import logger from './logger';
+
+/**
+ * Returns the full vpaas tenant if available, given a path.
+ *
+ * @param {string} path - The meeting url path.
+ * @returns {string}
+ */
+function extractVpaasTenantFromPath(path: string) {
+    const [ , tenant ] = path.split('/');
+
+    if (tenant.startsWith(VPAAS_TENANT_PREFIX)) {
+        return tenant;
+    }
+
+    return '';
+}
+
+/**
+ * Returns the vpaas tenant.
+ *
+ * @param {IReduxState} state - The global state.
+ * @returns {string}
+ */
+export function getVpaasTenant(state: IReduxState) {
+    return extractVpaasTenantFromPath(state['features/base/connection'].locationURL?.pathname ?? '');
+}
+
+/**
+ * Returns true if the current meeting is a vpaas one.
+ *
+ * @param {IReduxState} state - The state of the app.
+ * @returns {boolean}
+ */
+export function isVpaasMeeting(state: IReduxState) {
+    const connection = state['features/base/connection'];
+
+    if (connection?.locationURL?.pathname) {
+        return Boolean(
+            extractVpaasTenantFromPath(connection?.locationURL?.pathname)
+        );
+    }
+
+    return false;
+}
+
+/**
+ * Sends a request for retrieving the conference creator's customer id.
+ *
+ * @param {IJitsiConference} conference - The conference state.
+ * @param {IReduxState} state - The state of the app.
+ * @returns {Object} - Object containing customerId field.
+ */
+export async function sendGetCustomerIdRequest(conference: IJitsiConference, state: IReduxState) {
+    const { jaasConferenceCreatorUrl } = state['features/base/config'];
+
+    const roomJid = conference?.room?.roomjid;
+
+    if (jaasConferenceCreatorUrl && roomJid) {
+        const fullUrl = `${jaasConferenceCreatorUrl}?conference=${encodeURIComponent(roomJid)}`;
+        const response = await fetch(fullUrl);
+        const responseBody = await response.json();
+
+        if (response.ok) {
+            return responseBody;
+        }
+
+        logger.error(`Failed to fetch ${fullUrl}. with: ${JSON.stringify(responseBody)}`);
+    }
+}
+
+/**
+ * Sends a request for retrieving jaas customer details.
+ *
+ * @param {Object} reqData - The request info.
+ * @param {string} reqData.appId - The client appId.
+ * @param {string} reqData.baseUrl - The base url for the request.
+ * @returns {void}
+ */
+export async function sendGetDetailsRequest({ appId, baseUrl }: {
+    appId: string;
+    baseUrl: string;
+}) {
+    const fullUrl = `${baseUrl}/v1/public/tenants/${encodeURIComponent(appId)}`;
+
+    try {
+        const res = await fetch(fullUrl);
+
+        if (res.ok) {
+            return res.json();
+        }
+
+        throw new Error('Request not successful');
+    } catch (err: any) {
+        throw new Error(err);
+
+    }
+}
+
+/**
+ * Returns the billing id for vpaas meetings.
+ *
+ * @param {IReduxState} state - The state of the app.
+ * @param {ParticipantFeaturesKey} feature - Feature to be looked up for disable state.
+ * @returns {boolean}
+ */
+export function isFeatureDisabled(state: IReduxState, feature: ParticipantFeaturesKey) {
+    return state['features/jaas'].disabledFeatures.includes(feature);
+}
+
+/**
+ * Sends a request for retrieving jaas JWT.
+ *
+ * @param {Object} reqData - The request info.
+ * @param {string} reqData.appId - The client appId.
+ * @param {string} reqData.baseUrl - The base url for the request.
+ * @returns {void}
+ */
+export async function sendGetJWTRequest({ appId, baseUrl }: {
+    appId: string;
+    baseUrl: string;
+}) {
+    const fullUrl = `${baseUrl}/v1/public/token/${encodeURIComponent(appId)}`;
+
+    try {
+        const res = await fetch(fullUrl, {
+            method: 'GET'
+        });
+
+        if (res.ok) {
+            return res.json();
+        }
+
+        throw new Error('Request not successful');
+    } catch (err: any) {
+        throw new Error(err);
+
+    }
+}
+
+/**
+ * Gets a jaas JWT.
+ *
+ * @param {IReduxState} state - Redux state.
+ * @returns {string} The JWT.
+ */
+export async function getJaasJWT(state: IReduxState) {
+    const baseUrl = state['features/base/config'].jaasTokenUrl;
+    const appId = getVpaasTenant(state);
+
+    const shouldSendRequest = Boolean(baseUrl && appId);
+
+    if (shouldSendRequest) {
+        try {
+            const jwt = await sendGetJWTRequest({
+                appId,
+                baseUrl: baseUrl ?? ''
+            });
+
+            return jwt.token;
+        } catch (err) {
+            logger.error('Could not send request', err);
+        }
+    }
+}
diff --git a/react/features/jaas/logger.ts b/react/features/jaas/logger.ts
new file mode 100644
index 0000000..79cd4fb
--- /dev/null
+++ b/react/features/jaas/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:jaas');
diff --git a/react/features/jaas/middleware.any.ts b/react/features/jaas/middleware.any.ts
new file mode 100644
index 0000000..8b7c88c
--- /dev/null
+++ b/react/features/jaas/middleware.any.ts
@@ -0,0 +1,39 @@
+import { createVpaasConferenceJoinedEvent } from '../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../analytics/functions';
+import { IReduxState } from '../app/types';
+import { CONFERENCE_JOINED } from '../base/conference/actionTypes';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+
+import { getVpaasTenant, isVpaasMeeting } from './functions';
+
+/**
+ * The redux middleware for billing counter.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case CONFERENCE_JOINED: {
+        _maybeTrackVpaasConferenceJoin(store.getState());
+
+        break;
+    }
+    }
+
+    return next(action);
+});
+
+/**
+ * Tracks the conference join event if the meeting is a vpaas one.
+ *
+ * @param {Store} state - The app state.
+ * @returns {Function}
+ */
+function _maybeTrackVpaasConferenceJoin(state: IReduxState) {
+    if (isVpaasMeeting(state)) {
+        sendAnalytics(createVpaasConferenceJoinedEvent(
+            getVpaasTenant(state)));
+    }
+}
diff --git a/react/features/jaas/middleware.native.ts b/react/features/jaas/middleware.native.ts
new file mode 100644
index 0000000..e69de29
diff --git a/react/features/jaas/middleware.web.ts b/react/features/jaas/middleware.web.ts
new file mode 100644
index 0000000..c5941dd
--- /dev/null
+++ b/react/features/jaas/middleware.web.ts
@@ -0,0 +1,47 @@
+import { redirectToStaticPage } from '../app/actions.web';
+import { CONFERENCE_JOINED } from '../base/conference/actionTypes';
+import {
+    JitsiConferenceErrors,
+    JitsiConferenceEvents
+} from '../base/lib-jitsi-meet';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+
+import { SET_DETAILS } from './actionTypes';
+import { STATUSES } from './constants';
+import logger from './logger';
+
+/**
+ * The redux middleware for jaas.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case CONFERENCE_JOINED: {
+        const { conference } = action;
+
+        if (store.getState()['features/base/config'].iAmRecorder) {
+            // We don't register anything on web if we are in iAmRecorder mode
+            return next(action);
+        }
+
+        conference.on(
+            JitsiConferenceEvents.CONFERENCE_ERROR, (errorType: string, errorMsg: string) => {
+                errorType === JitsiConferenceErrors.SETTINGS_ERROR && logger.error(errorMsg);
+            });
+        break;
+    }
+
+    case SET_DETAILS: {
+        const { status } = action.payload;
+
+        if (status === STATUSES.BLOCKED) {
+            store.dispatch(redirectToStaticPage('/static/planLimit.html'));
+        }
+        break;
+    }
+    }
+
+    return next(action);
+});
diff --git a/react/features/jaas/reducer.ts b/react/features/jaas/reducer.ts
new file mode 100644
index 0000000..7ff1a70
--- /dev/null
+++ b/react/features/jaas/reducer.ts
@@ -0,0 +1,32 @@
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import {
+    SET_DETAILS
+} from './actionTypes';
+import { STATUSES } from './constants';
+
+const DEFAULT_STATE = {
+    disabledFeatures: [],
+    status: STATUSES.ACTIVE
+};
+
+export interface IJaaSState {
+    [key: string]: any;
+}
+
+/**
+ * Listen for actions that mutate the billing-counter state.
+ */
+ReducerRegistry.register<IJaaSState>(
+    'features/jaas', (state = DEFAULT_STATE, action): IJaaSState => {
+        switch (action.type) {
+
+        case SET_DETAILS: {
+            return action.payload;
+        }
+
+        default:
+            return state;
+        }
+    }
+);
diff --git a/react/features/keyboard-shortcuts/actionTypes.ts b/react/features/keyboard-shortcuts/actionTypes.ts
new file mode 100644
index 0000000..bc192de
--- /dev/null
+++ b/react/features/keyboard-shortcuts/actionTypes.ts
@@ -0,0 +1,24 @@
+/**
+ *  The type of the action which signals that the keyboard shortcuts should be initialized.
+ */
+export const INIT_KEYBOARD_SHORTCUTS = 'INIT_KEYBOARD_SHORTCUTS';
+
+/**
+ * The type of the action which signals that a keyboard shortcut should be registered.
+ */
+export const REGISTER_KEYBOARD_SHORTCUT = 'REGISTER_KEYBOARD_SHORTCUT';
+
+/**
+ * The type of the action which signals that a keyboard shortcut should be unregistered.
+ */
+export const UNREGISTER_KEYBOARD_SHORTCUT = 'UNREGISTER_KEYBOARD_SHORTCUT';
+
+/**
+ * The type of the action which signals that a keyboard shortcut should be enabled.
+ */
+export const ENABLE_KEYBOARD_SHORTCUTS = 'ENABLE_KEYBOARD_SHORTCUTS';
+
+/**
+ * The type of the action which signals that a keyboard shortcut should be disabled.
+ */
+export const DISABLE_KEYBOARD_SHORTCUTS = 'DISABLE_KEYBOARD_SHORTCUTS';
diff --git a/react/features/keyboard-shortcuts/actions.ts b/react/features/keyboard-shortcuts/actions.ts
new file mode 100644
index 0000000..9b28a1a
--- /dev/null
+++ b/react/features/keyboard-shortcuts/actions.ts
@@ -0,0 +1,240 @@
+import { batch } from 'react-redux';
+import { AnyAction } from 'redux';
+
+import { ACTION_SHORTCUT_PRESSED, ACTION_SHORTCUT_RELEASED, createShortcutEvent } from '../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../analytics/functions';
+import { IStore } from '../app/types';
+import { clickOnVideo } from '../filmstrip/actions.web';
+import { openSettingsDialog } from '../settings/actions.web';
+import { SETTINGS_TABS } from '../settings/constants';
+import { iAmVisitor } from '../visitors/functions';
+
+import {
+    DISABLE_KEYBOARD_SHORTCUTS,
+    ENABLE_KEYBOARD_SHORTCUTS,
+    REGISTER_KEYBOARD_SHORTCUT,
+    UNREGISTER_KEYBOARD_SHORTCUT
+} from './actionTypes';
+import { areKeyboardShortcutsEnabled, getKeyboardShortcuts } from './functions';
+import logger from './logger';
+import { IKeyboardShortcut } from './types';
+import { getKeyboardKey, getPriorityFocusedElement } from './utils';
+
+/**
+ * Action to register a new shortcut.
+ *
+ * @param {IKeyboardShortcut} shortcut - The shortcut to register.
+ * @returns {AnyAction}
+*/
+export const registerShortcut = (shortcut: IKeyboardShortcut): AnyAction => {
+    return {
+        type: REGISTER_KEYBOARD_SHORTCUT,
+        shortcut
+    };
+};
+
+/**
+* Action to unregister a shortcut.
+*
+* @param {string} character - The character of the shortcut to unregister.
+* @param {boolean} altKey - Whether the shortcut used altKey.
+* @returns {AnyAction}
+*/
+export const unregisterShortcut = (character: string, altKey = false): AnyAction => {
+    return {
+        alt: altKey,
+        type: UNREGISTER_KEYBOARD_SHORTCUT,
+        character
+    };
+};
+
+/**
+ * Action to enable keyboard shortcuts.
+ *
+ * @returns {AnyAction}
+ */
+export const enableKeyboardShortcuts = (): AnyAction => {
+    return {
+        type: ENABLE_KEYBOARD_SHORTCUTS
+    };
+};
+
+
+/**
+ * Action to enable keyboard shortcuts.
+ *
+ * @returns {AnyAction}
+ */
+export const disableKeyboardShortcuts = (): AnyAction => {
+    return {
+        type: DISABLE_KEYBOARD_SHORTCUTS
+    };
+};
+
+type KeyHandler = ((e: KeyboardEvent) => void) | undefined;
+
+let keyDownHandler: KeyHandler;
+let keyUpHandler: KeyHandler;
+
+/**
+ * Initialise global shortcuts.
+ * Global shortcuts are shortcuts for features that don't have a button or
+ * link associated with the action. In other words they represent actions
+ * triggered _only_ with a shortcut.
+ *
+ * @param {Function} dispatch - The redux dispatch function.
+ * @returns {void}
+ */
+function initGlobalKeyboardShortcuts(dispatch: IStore['dispatch']) {
+    batch(() => {
+        dispatch(registerShortcut({
+            character: '?',
+            helpDescription: 'keyboardShortcuts.toggleShortcuts',
+            handler: () => {
+                sendAnalytics(createShortcutEvent('help'));
+                dispatch(openSettingsDialog(SETTINGS_TABS.SHORTCUTS, false));
+            }
+        }));
+
+        // register SPACE shortcut in two steps to insure visibility of help message
+        dispatch(registerShortcut({
+            character: ' ',
+            helpCharacter: 'SPACE',
+            helpDescription: 'keyboardShortcuts.pushToTalk',
+            handler: () => {
+                // Handled directly on the global handler.
+            }
+        }));
+
+        dispatch(registerShortcut({
+            character: '0',
+            helpDescription: 'keyboardShortcuts.focusLocal',
+            handler: () => {
+                dispatch(clickOnVideo(0));
+            }
+        }));
+
+        for (let num = 1; num < 10; num++) {
+            dispatch(registerShortcut({
+                character: `${num}`,
+
+                // only show help hint for the first shortcut
+                helpCharacter: num === 1 ? '1-9' : undefined,
+                helpDescription: num === 1 ? 'keyboardShortcuts.focusRemote' : undefined,
+                handler: () => {
+                    dispatch(clickOnVideo(num));
+                }
+            }));
+        }
+    });
+}
+
+/**
+ * Unregisters global shortcuts.
+ *
+ * @param {Function} dispatch - The redux dispatch function.
+ * @returns {void}
+ */
+function unregisterGlobalKeyboardShortcuts(dispatch: IStore['dispatch']) {
+    batch(() => {
+        dispatch(unregisterShortcut('?'));
+
+        // register SPACE shortcut in two steps to insure visibility of help message
+        dispatch(unregisterShortcut(' '));
+
+        dispatch(unregisterShortcut('0'));
+
+        for (let num = 1; num < 10; num++) {
+            dispatch(unregisterShortcut(`${num}`));
+        }
+    });
+}
+
+/**
+ * Initializes keyboard shortcuts.
+ *
+ * @returns {Function}
+*/
+export function initKeyboardShortcuts() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        initGlobalKeyboardShortcuts(dispatch);
+
+        const pttDelay = 50;
+        let pttTimeout: number | undefined;
+
+        // Used to chain the push to talk operations in order to fix an issue when on press we actually need to create
+        // a new track and the release happens before the track is created. In this scenario the release is ignored.
+        // The chaining would also prevent creating multiple new tracks if the space bar is pressed and released
+        // multiple times before the new track creation finish.
+        // TODO: Revisit the fix once we have better track management in LJM. It is possible that we would not need the
+        // chaining at all.
+        let mutePromise = Promise.resolve();
+
+        keyUpHandler = (e: KeyboardEvent) => {
+            const state = getState();
+            const enabled = areKeyboardShortcutsEnabled(state);
+            const shortcuts = getKeyboardShortcuts(state);
+
+            if (!enabled || getPriorityFocusedElement()) {
+                return;
+            }
+
+            const key = getKeyboardKey(e).toUpperCase();
+
+            if (key === ' ') {
+                clearTimeout(pttTimeout);
+                pttTimeout = window.setTimeout(() => {
+                    sendAnalytics(createShortcutEvent('push.to.talk', ACTION_SHORTCUT_RELEASED));
+                    logger.log('Talk shortcut released');
+                    mutePromise = mutePromise.then(() =>
+                        APP.conference.muteAudio(true).catch(() => { /* nothing to be done */ }));
+                }, pttDelay);
+            }
+
+            if (shortcuts.has(key)) {
+                shortcuts.get(key)?.handler(e);
+            }
+        };
+
+        keyDownHandler = (e: KeyboardEvent) => {
+            const state = getState();
+            const enabled = areKeyboardShortcutsEnabled(state);
+
+            if (!enabled || iAmVisitor(state)) {
+                return;
+            }
+
+            const focusedElement = getPriorityFocusedElement();
+            const key = getKeyboardKey(e).toUpperCase();
+
+            if (key === ' ' && !focusedElement) {
+                clearTimeout(pttTimeout);
+                sendAnalytics(createShortcutEvent('push.to.talk', ACTION_SHORTCUT_PRESSED));
+                logger.log('Talk shortcut pressed');
+                mutePromise = mutePromise.then(() =>
+                    APP.conference.muteAudio(false).catch(() => { /* nothing to be done */ }));
+            } else if (key === 'ESCAPE') {
+                focusedElement?.blur();
+            }
+        };
+
+        window.addEventListener('keyup', keyUpHandler);
+        window.addEventListener('keydown', keyDownHandler);
+    };
+}
+
+/**
+ * Unregisters the global shortcuts and removes the global keyboard listeners.
+ *
+ * @returns {Function}
+ */
+export function disposeKeyboardShortcuts() {
+    return (dispatch: IStore['dispatch']) => {
+        // The components that are registering shortcut should take care of unregistering them.
+        unregisterGlobalKeyboardShortcuts(dispatch);
+
+        keyUpHandler && window.removeEventListener('keyup', keyUpHandler);
+        keyDownHandler && window.removeEventListener('keydown', keyDownHandler);
+        keyDownHandler = keyUpHandler = undefined;
+    };
+}
diff --git a/react/features/keyboard-shortcuts/components/KeyboardShortcutsButton.ts b/react/features/keyboard-shortcuts/components/KeyboardShortcutsButton.ts
new file mode 100644
index 0000000..0339404
--- /dev/null
+++ b/react/features/keyboard-shortcuts/components/KeyboardShortcutsButton.ts
@@ -0,0 +1,49 @@
+import { connect } from 'react-redux';
+
+import { createToolbarEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { IReduxState } from '../../app/types';
+import { isMobileBrowser } from '../../base/environment/utils';
+import { translate } from '../../base/i18n/functions';
+import { IconShortcuts } from '../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../base/toolbox/components/AbstractButton';
+import { openSettingsDialog } from '../../settings/actions.web';
+import { SETTINGS_TABS } from '../../settings/constants';
+import { areKeyboardShortcutsEnabled } from '../functions';
+
+/**
+ * Implementation of a button for opening keyboard shortcuts dialog.
+ */
+class KeyboardShortcutsButton extends AbstractButton<AbstractButtonProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.shortcuts';
+    override icon = IconShortcuts;
+    override label = 'toolbar.shortcuts';
+    override tooltip = 'toolbar.shortcuts';
+
+    /**
+     * Handles clicking / pressing the button, and opens the appropriate dialog.
+     *
+     * @protected
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { dispatch } = this.props;
+
+        sendAnalytics(createToolbarEvent('shortcuts'));
+        dispatch(openSettingsDialog(SETTINGS_TABS.SHORTCUTS));
+    }
+}
+
+/**
+ * Function that maps parts of Redux state tree into component props.
+ *
+ * @param {Object} state - Redux state.
+ * @returns {Object}
+ */
+const mapStateToProps = (state: IReduxState) => {
+    return {
+        visible: !isMobileBrowser() && areKeyboardShortcutsEnabled(state)
+    };
+};
+
+export default translate(connect(mapStateToProps)(KeyboardShortcutsButton));
diff --git a/react/features/keyboard-shortcuts/functions.ts b/react/features/keyboard-shortcuts/functions.ts
new file mode 100644
index 0000000..324400d
--- /dev/null
+++ b/react/features/keyboard-shortcuts/functions.ts
@@ -0,0 +1,31 @@
+import { IReduxState } from '../app/types';
+
+/**
+ * Returns whether or not the keyboard shortcuts are enabled.
+ *
+ * @param {Object} state - The redux state.
+ * @returns {boolean} - Whether or not the keyboard shortcuts are enabled.
+ */
+export function areKeyboardShortcutsEnabled(state: IReduxState) {
+    return state['features/keyboard-shortcuts'].enabled;
+}
+
+/**
+ * Returns the keyboard shortcuts map.
+ *
+ * @param {Object} state - The redux state.
+ * @returns {Map} - The keyboard shortcuts map.
+ */
+export function getKeyboardShortcuts(state: IReduxState) {
+    return state['features/keyboard-shortcuts'].shortcuts;
+}
+
+/**
+ * Returns the keyboard shortcuts help descriptions.
+ *
+ * @param {Object} state - The redux state.
+ * @returns {Map} - The keyboard shortcuts help descriptions.
+ */
+export function getKeyboardShortcutsHelpDescriptions(state: IReduxState) {
+    return state['features/keyboard-shortcuts'].shortcutsHelp;
+}
diff --git a/react/features/keyboard-shortcuts/hooks.ts b/react/features/keyboard-shortcuts/hooks.ts
new file mode 100644
index 0000000..97abc4b
--- /dev/null
+++ b/react/features/keyboard-shortcuts/hooks.ts
@@ -0,0 +1,25 @@
+import { useSelector } from 'react-redux';
+
+import { isMobileBrowser } from '../base/environment/utils';
+
+import KeyboardShortcutsButton from './components/KeyboardShortcutsButton';
+import { areKeyboardShortcutsEnabled } from './functions';
+
+const shortcuts = {
+    key: 'shortcuts',
+    Content: KeyboardShortcutsButton,
+    group: 4
+};
+
+/**
+ * A hook that returns the keyboard shortcuts button if it is enabled and undefined otherwise.
+ *
+ *  @returns {Object | undefined}
+ */
+export function useKeyboardShortcutsButton() {
+    const _areKeyboardShortcutsEnabled = useSelector(areKeyboardShortcutsEnabled);
+
+    if (!isMobileBrowser() && _areKeyboardShortcutsEnabled) {
+        return shortcuts;
+    }
+}
diff --git a/react/features/keyboard-shortcuts/logger.ts b/react/features/keyboard-shortcuts/logger.ts
new file mode 100644
index 0000000..f6072f8
--- /dev/null
+++ b/react/features/keyboard-shortcuts/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:keyboard-shortcuts');
diff --git a/react/features/keyboard-shortcuts/middleware.ts b/react/features/keyboard-shortcuts/middleware.ts
new file mode 100644
index 0000000..0c619ba
--- /dev/null
+++ b/react/features/keyboard-shortcuts/middleware.ts
@@ -0,0 +1,52 @@
+import { AnyAction } from 'redux';
+
+import { IStore } from '../app/types';
+import { CONFERENCE_JOINED, CONFERENCE_LEFT } from '../base/conference/actionTypes';
+import { SET_CONFIG } from '../base/config/actionTypes';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { CAPTURE_EVENTS } from '../remote-control/actionTypes';
+
+import {
+    disableKeyboardShortcuts,
+    disposeKeyboardShortcuts,
+    enableKeyboardShortcuts,
+    initKeyboardShortcuts
+} from './actions';
+
+MiddlewareRegistry.register((store: IStore) => (next: Function) => (action: AnyAction) => {
+    const { dispatch } = store;
+
+    switch (action.type) {
+    case CAPTURE_EVENTS:
+        if (action.isCapturingEvents) {
+            dispatch(disableKeyboardShortcuts());
+        } else {
+            dispatch(enableKeyboardShortcuts());
+        }
+
+        return next(action);
+    case SET_CONFIG: {
+        const result = next(action);
+
+        const state = store.getState();
+        const { disableShortcuts } = state['features/base/config'];
+
+        if (disableShortcuts !== undefined) {
+            if (disableShortcuts) {
+                dispatch(disableKeyboardShortcuts());
+            } else {
+                dispatch(enableKeyboardShortcuts());
+            }
+        }
+
+        return result;
+    }
+    case CONFERENCE_JOINED:
+        dispatch(initKeyboardShortcuts());
+        break;
+    case CONFERENCE_LEFT:
+        dispatch(disposeKeyboardShortcuts());
+    }
+
+    return next(action);
+});
diff --git a/react/features/keyboard-shortcuts/reducer.ts b/react/features/keyboard-shortcuts/reducer.ts
new file mode 100644
index 0000000..fa78f5d
--- /dev/null
+++ b/react/features/keyboard-shortcuts/reducer.ts
@@ -0,0 +1,72 @@
+import PersistenceRegistry from '../base/redux/PersistenceRegistry';
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import {
+    DISABLE_KEYBOARD_SHORTCUTS,
+    ENABLE_KEYBOARD_SHORTCUTS,
+    REGISTER_KEYBOARD_SHORTCUT,
+    UNREGISTER_KEYBOARD_SHORTCUT
+} from './actionTypes';
+import { IKeyboardShortcutsState } from './types';
+
+/**
+ * The redux subtree of this feature.
+ */
+const STORE_NAME = 'features/keyboard-shortcuts';
+
+const defaultState = {
+    enabled: true,
+    shortcuts: new Map(),
+    shortcutsHelp: new Map()
+};
+
+PersistenceRegistry.register(STORE_NAME, {
+    enabled: true
+});
+
+ReducerRegistry.register<IKeyboardShortcutsState>(STORE_NAME,
+(state = defaultState, action): IKeyboardShortcutsState => {
+    switch (action.type) {
+    case ENABLE_KEYBOARD_SHORTCUTS:
+        return {
+            ...state,
+            enabled: true
+        };
+    case DISABLE_KEYBOARD_SHORTCUTS:
+        return {
+            ...state,
+            enabled: false
+        };
+    case REGISTER_KEYBOARD_SHORTCUT: {
+        const shortcutKey = action.shortcut.alt ? `:${action.shortcut.character}` : action.shortcut.character;
+
+        return {
+            ...state,
+            shortcuts: new Map(state.shortcuts)
+                .set(shortcutKey, action.shortcut),
+            shortcutsHelp: action.shortcut.helpDescription
+                ? new Map(state.shortcutsHelp)
+                .set(action.shortcut.helpCharacter ?? shortcutKey, action.shortcut.helpDescription)
+                : state.shortcutsHelp
+        };
+    }
+    case UNREGISTER_KEYBOARD_SHORTCUT: {
+        const shortcutKey = action.alt ? `:${action.character}` : action.character;
+        const shortcuts = new Map(state.shortcuts);
+
+        shortcuts.delete(shortcutKey);
+
+        const shortcutsHelp = new Map(state.shortcutsHelp);
+
+        shortcutsHelp.delete(shortcutKey);
+
+        return {
+            ...state,
+            shortcuts,
+            shortcutsHelp
+        };
+    }
+    }
+
+    return state;
+});
diff --git a/react/features/keyboard-shortcuts/types.ts b/react/features/keyboard-shortcuts/types.ts
new file mode 100644
index 0000000..9807328
--- /dev/null
+++ b/react/features/keyboard-shortcuts/types.ts
@@ -0,0 +1,23 @@
+export interface IKeyboardShortcut {
+
+    // whether or not the alt key must be pressed
+    alt?: boolean;
+
+    // the character to be pressed that triggers the action
+    character: string;
+
+    // the function to be executed when the shortcut is pressed
+    handler: Function;
+
+    // character to be displayed in the help dialog shortcuts list
+    helpCharacter?: string;
+
+    // help description of the shortcut, to be displayed in the help dialog
+    helpDescription?: string;
+}
+
+export interface IKeyboardShortcutsState {
+    enabled: boolean;
+    shortcuts: Map<string, IKeyboardShortcut>;
+    shortcutsHelp: Map<string, string>;
+}
diff --git a/react/features/keyboard-shortcuts/utils.ts b/react/features/keyboard-shortcuts/utils.ts
new file mode 100644
index 0000000..c7e628d
--- /dev/null
+++ b/react/features/keyboard-shortcuts/utils.ts
@@ -0,0 +1,84 @@
+/**
+ * Prefer keyboard handling of these elements over global shortcuts.
+ * If a button is triggered using the Spacebar it should not trigger PTT.
+ * If an input element is focused and M is pressed it should not mute audio.
+ */
+const _elementsBlacklist = [
+    'input',
+    'textarea',
+    'button',
+    '[role=button]',
+    '[role=menuitem]',
+    '[role=radio]',
+    '[role=tab]',
+    '[role=option]',
+    '[role=switch]',
+    '[role=range]',
+    '[role=log]'
+];
+
+/**
+* Returns the currently focused element if it is not blacklisted.
+*
+* @returns {HTMLElement|null} - The currently focused element.
+*/
+export const getPriorityFocusedElement = (): HTMLElement | null =>
+    document.querySelector(`:focus:is(${_elementsBlacklist.join(',')})`);
+
+/**
+* Returns the keyboard key from a KeyboardEvent.
+*
+* @param {KeyboardEvent} e - The KeyboardEvent.
+* @returns {string} - The keyboard key.
+*/
+export const getKeyboardKey = (e: KeyboardEvent): string => {
+    // @ts-ignore
+    const { altKey, code, key, shiftKey, type, which, ctrlKey } = e;
+
+    // If alt is pressed a different char can be returned so this takes
+    // the char from the code. It also prefixes with a colon to differentiate
+    // alt combo from simple keypress.
+
+    const replacedKey = code.replace('Key', '');
+
+    if (altKey) {
+        return `:${replacedKey}`;
+    }
+
+    // If e.key is a string, then it is assumed it already plainly states
+    // the key pressed. This may not be true in all cases, such as with Edge
+    // and "?", when the browser cannot properly map a key press event to a
+    // keyboard key. To be safe, when a key is "Unidentified" it must be
+    // further analyzed by jitsi to a key using e.which.
+    if (typeof key === 'string' && key !== 'Unidentified') {
+        if (ctrlKey) {
+            return `-${key}`;
+        }
+
+        if (code.startsWith('Key')) {
+            return replacedKey;
+        }
+
+        return key;
+    }
+
+    if (type === 'keypress'
+            && ((which >= 32 && which <= 126)
+                || (which >= 160 && which <= 255))) {
+        return String.fromCharCode(which);
+    }
+
+    // try to fallback (0-9A-Za-z and QWERTY keyboard)
+    switch (which) {
+    case 27:
+        return 'Escape';
+    case 191:
+        return shiftKey ? '?' : '/';
+    }
+
+    if (shiftKey || type === 'keypress') {
+        return String.fromCharCode(which);
+    }
+
+    return String.fromCharCode(which).toLowerCase();
+};
diff --git a/react/features/large-video/actionTypes.ts b/react/features/large-video/actionTypes.ts
new file mode 100644
index 0000000..1f88ef1
--- /dev/null
+++ b/react/features/large-video/actionTypes.ts
@@ -0,0 +1,43 @@
+/**
+ * Action to select the participant to be displayed in LargeVideo.
+ *
+ * {
+ *     type: SELECT_LARGE_VIDEO_PARTICIPANT,
+ *     participantId: (string|undefined)
+ * }
+ */
+export const SELECT_LARGE_VIDEO_PARTICIPANT
+    = 'SELECT_LARGE_VIDEO_PARTICIPANT';
+
+/**
+ * Action to set the dimensions of the large video.
+ *
+ * {
+ *     type: SET_LARGE_VIDEO_DIMENSIONS,
+ *     height: number,
+ *     width: number
+ * }
+ */
+export const SET_LARGE_VIDEO_DIMENSIONS = 'SET_LARGE_VIDEO_DIMENSIONS';
+
+/**
+ * Action to update the redux store with the current resolution of large video.
+ *
+ * @returns {{
+ *     type: UPDATE_KNOWN_LARGE_VIDEO_RESOLUTION,
+ *     resolution: number
+ * }}
+ */
+export const UPDATE_KNOWN_LARGE_VIDEO_RESOLUTION
+    = 'UPDATE_KNOWN_LARGE_VIDEO_RESOLUTION';
+
+/**
+ * Action to set the redux store of the current show me what I'm sharing flag value.
+ *
+ * @returns {{
+ *     type: SET_SEE_WHAT_IS_BEING_SHARED,
+ *     seeWhatIsBeingShared: boolean
+ * }}
+ */
+export const SET_SEE_WHAT_IS_BEING_SHARED
+        = 'SET_SEE_WHAT_IS_BEING_SHARED';
diff --git a/react/features/large-video/actions.any.ts b/react/features/large-video/actions.any.ts
new file mode 100644
index 0000000..0c0a2d0
--- /dev/null
+++ b/react/features/large-video/actions.any.ts
@@ -0,0 +1,201 @@
+import { IReduxState, IStore } from '../app/types';
+import { IStateful } from '../base/app/types';
+import { MEDIA_TYPE } from '../base/media/constants';
+import {
+    getDominantSpeakerParticipant,
+    getLocalParticipant,
+    getLocalScreenShareParticipant,
+    getParticipantById,
+    getPinnedParticipant,
+    getRemoteParticipants,
+    getVirtualScreenshareParticipantByOwnerId
+} from '../base/participants/functions';
+import { toState } from '../base/redux/functions';
+import { isStageFilmstripAvailable } from '../filmstrip/functions';
+import { getAutoPinSetting } from '../video-layout/functions';
+
+import {
+    SELECT_LARGE_VIDEO_PARTICIPANT,
+    SET_LARGE_VIDEO_DIMENSIONS,
+    UPDATE_KNOWN_LARGE_VIDEO_RESOLUTION
+} from './actionTypes';
+
+/**
+ * Action to select the participant to be displayed in LargeVideo based on the
+ * participant id provided. If a participant id is not provided, the LargeVideo
+ * participant will be selected based on a variety of factors: If there is a
+ * dominant or pinned speaker, or if there are remote tracks, etc.
+ *
+ * @param {string} participant - The participant id of the user that needs to be
+ * displayed on the large video.
+ * @returns {Function}
+ */
+export function selectParticipantInLargeVideo(participant?: string) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+
+        if (isStageFilmstripAvailable(state, 2)) {
+            return;
+        }
+
+        // Keep Etherpad open.
+        if (state['features/etherpad'].editing) {
+            return;
+        }
+
+        const participantId = participant ?? _electParticipantInLargeVideo(state);
+        const largeVideo = state['features/large-video'];
+        const remoteScreenShares = state['features/video-layout'].remoteScreenShares;
+        let latestScreenshareParticipantId;
+
+        if (remoteScreenShares?.length) {
+            latestScreenshareParticipantId = remoteScreenShares[remoteScreenShares.length - 1];
+        }
+
+        // When trying to auto pin screenshare, always select the endpoint even though it happens to be
+        // the large video participant in redux (for the reasons listed above in the large video selection
+        // logic above). The auto pin screenshare logic kicks in after the track is added
+        // (which updates the large video participant and selects all endpoints because of the auto tile
+        // view mode). If the screenshare endpoint is not among the forwarded endpoints from the bridge,
+        // it needs to be selected again at this point.
+        if (participantId !== largeVideo.participantId || participantId === latestScreenshareParticipantId) {
+            dispatch({
+                type: SELECT_LARGE_VIDEO_PARTICIPANT,
+                participantId
+            });
+        }
+    };
+}
+
+/**
+ * Updates the currently seen resolution of the video displayed on large video.
+ *
+ * @param {number} resolution - The current resolution (height) of the video.
+ * @returns {{
+ *     type: UPDATE_KNOWN_LARGE_VIDEO_RESOLUTION,
+ *     resolution: number
+ * }}
+ */
+export function updateKnownLargeVideoResolution(resolution: number) {
+    return {
+        type: UPDATE_KNOWN_LARGE_VIDEO_RESOLUTION,
+        resolution
+    };
+}
+
+/**
+ * Sets the dimensions of the large video in redux.
+ *
+ * @param {number} height - The height of the large video.
+ * @param {number} width - The width of the large video.
+ * @returns {{
+ *     type: SET_LARGE_VIDEO_DIMENSIONS,
+ *     height: number,
+ *     width: number
+ * }}
+ */
+export function setLargeVideoDimensions(height: number, width: number) {
+    return {
+        type: SET_LARGE_VIDEO_DIMENSIONS,
+        height,
+        width
+    };
+}
+
+/**
+ * Returns the most recent existing remote video track.
+ *
+ * @param {Function|Object} stateful - The redux store or {@code getState} function.
+ * @private
+ * @returns {(Track|undefined)}
+ */
+function _electLastVisibleRemoteParticipant(stateful: IStateful) {
+    const state = toState(stateful);
+    const tracks = state['features/base/tracks'];
+
+    // First we try to get most recent remote video track.
+    for (let i = tracks.length - 1; i >= 0; --i) {
+        const track = tracks[i];
+
+        if (!track.local && track.mediaType === MEDIA_TYPE.VIDEO && track.participantId) {
+            const participant = getParticipantById(state, track.participantId);
+
+            if (participant) {
+                return participant;
+            }
+        }
+    }
+}
+
+/**
+ * Returns the identifier of the participant who is to be on the stage and
+ * should be displayed in {@code LargeVideo}.
+ *
+ * @param {Object} state - The Redux state from which the participant to be
+ * displayed in {@code LargeVideo} is to be elected.
+ * @private
+ * @returns {(string|undefined)}
+ */
+function _electParticipantInLargeVideo(state: IReduxState) {
+    // If a participant is pinned, they will be shown in the LargeVideo (regardless of whether they are local or
+    // remote) when the filmstrip on stage is disabled.
+    let participant = getPinnedParticipant(state);
+
+    if (participant) {
+        return participant.id;
+    }
+
+    const autoPinSetting = getAutoPinSetting();
+
+    if (autoPinSetting) {
+        // when the setting auto_pin_latest_screen_share is true as spot does, prioritize local screenshare
+        if (autoPinSetting === true) {
+            const localScreenShareParticipant = getLocalScreenShareParticipant(state);
+
+            if (localScreenShareParticipant) {
+                return localScreenShareParticipant.id;
+            }
+        }
+
+        // Pick the most recent remote screenshare that was added to the conference.
+        const remoteScreenShares = state['features/video-layout'].remoteScreenShares;
+
+        if (remoteScreenShares?.length) {
+            return remoteScreenShares[remoteScreenShares.length - 1];
+        }
+    }
+
+    // Next, pick the dominant speaker (other than self).
+    participant = getDominantSpeakerParticipant(state);
+    if (participant && !participant.local) {
+        // Return the screensharing participant id associated with this endpoint if multi-stream is enabled and
+        // auto_pin_latest_screen_share setting is disabled.
+        const screenshareParticipant = getVirtualScreenshareParticipantByOwnerId(state, participant.id);
+
+        return screenshareParticipant?.id ?? participant.id;
+    }
+
+    // In case this is the local participant.
+    participant = undefined;
+
+    // Next, pick the most recent participant with video.
+    const lastVisibleRemoteParticipant = _electLastVisibleRemoteParticipant(state);
+
+    if (lastVisibleRemoteParticipant) {
+        return lastVisibleRemoteParticipant.id;
+    }
+
+    // Last, select the participant that joined last (other than poltergist or other bot type participants).
+    const participants = [ ...getRemoteParticipants(state).values() ];
+
+    for (let i = participants.length; i > 0 && !participant; i--) {
+        const p = participants[i - 1];
+
+        !p.botType && (participant = p);
+    }
+    if (participant) {
+        return participant.id;
+    }
+
+    return getLocalParticipant(state)?.id;
+}
diff --git a/react/features/large-video/actions.native.ts b/react/features/large-video/actions.native.ts
new file mode 100644
index 0000000..02b37d4
--- /dev/null
+++ b/react/features/large-video/actions.native.ts
@@ -0,0 +1 @@
+export * from './actions.any';
diff --git a/react/features/large-video/actions.web.ts b/react/features/large-video/actions.web.ts
new file mode 100644
index 0000000..bffd720
--- /dev/null
+++ b/react/features/large-video/actions.web.ts
@@ -0,0 +1,102 @@
+// @ts-expect-error
+import VideoLayout from '../../../modules/UI/videolayout/VideoLayout';
+import { IStore } from '../app/types';
+import { getParticipantById } from '../base/participants/functions';
+import { getVideoTrackByParticipant } from '../base/tracks/functions.web';
+
+import { SET_SEE_WHAT_IS_BEING_SHARED } from './actionTypes';
+
+export * from './actions.any';
+
+/**
+* Captures a screenshot of the video displayed on the large video.
+*
+* @returns {Function}
+*/
+export function captureLargeVideoScreenshot() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const largeVideo = state['features/large-video'];
+        const promise = Promise.resolve();
+
+        if (!largeVideo?.participantId) {
+            return promise;
+        }
+
+        const participant = getParticipantById(state, largeVideo.participantId);
+        const participantTrack = getVideoTrackByParticipant(state, participant);
+
+        // Participants that join the call video muted do not have a jitsiTrack attached.
+        if (!participantTrack?.jitsiTrack) {
+            return promise;
+        }
+        const videoStream = participantTrack.jitsiTrack.getOriginalStream();
+
+        if (!videoStream) {
+            return promise;
+        }
+
+        // Get the video element for the large video, cast HTMLElement to HTMLVideoElement to make flow happy.
+        /* eslint-disable-next-line no-extra-parens */
+        const videoElement = document.getElementById('largeVideo') as any;
+
+        if (!videoElement) {
+            return promise;
+        }
+
+        // Create a HTML canvas and draw video on to the canvas.
+        const [ track ] = videoStream.getVideoTracks();
+        const { height, width } = track.getSettings() ?? track.getConstraints();
+        const canvasElement = document.createElement('canvas');
+        const ctx = canvasElement.getContext('2d');
+
+        canvasElement.style.display = 'none';
+        canvasElement.height = parseInt(height, 10);
+        canvasElement.width = parseInt(width, 10);
+        ctx?.drawImage(videoElement, 0, 0);
+        const dataURL = canvasElement.toDataURL('image/png', 1.0);
+
+        // Cleanup.
+        ctx?.clearRect(0, 0, canvasElement.width, canvasElement.height);
+        canvasElement.remove();
+
+        return Promise.resolve(dataURL);
+    };
+}
+
+/**
+ * Resizes the large video container based on the dimensions provided.
+ *
+ * @param {number} width - Width that needs to be applied on the large video container.
+ * @param {number} height - Height that needs to be applied on the large video container.
+ * @returns {Function}
+ */
+export function resizeLargeVideo(width: number, height: number) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const largeVideo = state['features/large-video'];
+
+        if (largeVideo) {
+            const largeVideoContainer = VideoLayout.getLargeVideo();
+
+            largeVideoContainer.updateContainerSize(width, height);
+            largeVideoContainer.resize();
+        }
+    };
+}
+
+/**
+ * Updates the value used to display what is being shared.
+ *
+ * @param {boolean} seeWhatIsBeingShared - The current value.
+ * @returns {{
+ *     type: SET_SEE_WHAT_IS_BEING_SHARED,
+ *     seeWhatIsBeingShared: boolean
+ * }}
+ */
+export function setSeeWhatIsBeingShared(seeWhatIsBeingShared: boolean) {
+    return {
+        type: SET_SEE_WHAT_IS_BEING_SHARED,
+        seeWhatIsBeingShared
+    };
+}
diff --git a/react/features/large-video/components/LargeVideo.native.tsx b/react/features/large-video/components/LargeVideo.native.tsx
new file mode 100644
index 0000000..94ee0c0
--- /dev/null
+++ b/react/features/large-video/components/LargeVideo.native.tsx
@@ -0,0 +1,266 @@
+import React, { PureComponent } from 'react';
+import { connect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../app/types';
+import { JitsiTrackEvents } from '../../base/lib-jitsi-meet';
+import ParticipantView from '../../base/participants/components/ParticipantView.native';
+import { getParticipantById, isLocalScreenshareParticipant } from '../../base/participants/functions';
+import { trackStreamingStatusChanged } from '../../base/tracks/actions.native';
+import { getVideoTrackByParticipant, isLocalVideoTrackDesktop } from '../../base/tracks/functions.native';
+import { ITrack } from '../../base/tracks/types';
+
+import { AVATAR_SIZE } from './styles';
+
+/**
+ * The type of the React {@link Component} props of {@link LargeVideo}.
+ */
+interface IProps {
+
+    /**
+     * Whether video should be disabled.
+     */
+    _disableVideo: boolean;
+
+    /**
+     * Application's viewport height.
+     */
+    _height: number;
+
+    /**
+     * The ID of the participant (to be) depicted by LargeVideo.
+     *
+     * @private
+     */
+    _participantId: string;
+
+    /**
+     * The video track that will be displayed in the thumbnail.
+     */
+    _videoTrack?: ITrack;
+
+    /**
+     * Application's viewport height.
+     */
+    _width: number;
+
+    /**
+     * Invoked to trigger state changes in Redux.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Callback to invoke when the {@code LargeVideo} is clicked/pressed.
+     */
+    onClick?: Function;
+}
+
+/**
+ * The type of the React {@link Component} state of {@link LargeVideo}.
+ */
+interface IState {
+
+    /**
+     * Size for the Avatar. It will be dynamically adjusted based on the
+     * available size.
+     */
+    avatarSize: number;
+
+    /**
+     * Whether the connectivity indicator will be shown or not. It will be true
+     * by default, but it may be turned off if there is not enough space.
+     */
+    useConnectivityInfoLabel: boolean;
+}
+
+const DEFAULT_STATE = {
+    avatarSize: AVATAR_SIZE,
+    useConnectivityInfoLabel: true
+};
+
+/** .
+ * Implements a React {@link Component} which represents the large video (a.k.a.
+ * The conference participant who is on the local stage) on mobile/React Native.
+ *
+ * @augments Component
+ */
+class LargeVideo extends PureComponent<IProps, IState> {
+    /**
+     * Creates new LargeVideo component.
+     *
+     * @param {IProps} props - The props of the component.
+     * @returns {LargeVideo}
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this.handleTrackStreamingStatusChanged = this.handleTrackStreamingStatusChanged.bind(this);
+    }
+
+    state = {
+        ...DEFAULT_STATE
+    };
+
+    /**
+     * Handles dimension changes. In case we deem it's too
+     * small, the connectivity indicator won't be rendered and the avatar
+     * will occupy the entirety of the available screen state.
+     *
+     * @inheritdoc
+     */
+    static getDerivedStateFromProps(props: IProps) {
+        const { _height, _width } = props;
+
+        // Get the size, rounded to the nearest even number.
+        const size = 2 * Math.round(Math.min(_height, _width) / 2);
+
+        if (size < AVATAR_SIZE * 1.5) {
+            return {
+                avatarSize: size - 15, // Leave some margin.
+                useConnectivityInfoLabel: false
+            };
+        }
+
+        return DEFAULT_STATE;
+
+    }
+
+    /**
+     * Starts listening for track streaming status updates after the initial render.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidMount() {
+        // Listen to track streaming status changed event to keep it updated.
+        // TODO: after converting this component to a react function component,
+        // use a custom hook to update local track streaming status.
+        const { _videoTrack, dispatch } = this.props;
+
+        if (_videoTrack && !_videoTrack.local) {
+            _videoTrack.jitsiTrack.on(JitsiTrackEvents.TRACK_STREAMING_STATUS_CHANGED,
+                this.handleTrackStreamingStatusChanged);
+            dispatch(trackStreamingStatusChanged(_videoTrack.jitsiTrack,
+                _videoTrack.jitsiTrack.getTrackStreamingStatus()));
+        }
+    }
+
+    /**
+     * Stops listening for track streaming status updates on the old track and starts listening instead on the new
+     * track.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidUpdate(prevProps: IProps) {
+        // TODO: after converting this component to a react function component,
+        // use a custom hook to update local track streaming status.
+        const { _videoTrack, dispatch } = this.props;
+
+        if (prevProps._videoTrack?.jitsiTrack?.getSourceName() !== _videoTrack?.jitsiTrack?.getSourceName()) {
+            if (prevProps._videoTrack && !prevProps._videoTrack.local) {
+                prevProps._videoTrack.jitsiTrack.off(JitsiTrackEvents.TRACK_STREAMING_STATUS_CHANGED,
+                    this.handleTrackStreamingStatusChanged);
+                dispatch(trackStreamingStatusChanged(prevProps._videoTrack.jitsiTrack,
+                    prevProps._videoTrack.jitsiTrack.getTrackStreamingStatus()));
+            }
+            if (_videoTrack && !_videoTrack.local) {
+                _videoTrack.jitsiTrack.on(JitsiTrackEvents.TRACK_STREAMING_STATUS_CHANGED,
+                    this.handleTrackStreamingStatusChanged);
+                dispatch(trackStreamingStatusChanged(_videoTrack.jitsiTrack,
+                    _videoTrack.jitsiTrack.getTrackStreamingStatus()));
+            }
+        }
+    }
+
+    /**
+     * Remove listeners for track streaming status update.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentWillUnmount() {
+        // TODO: after converting this component to a react function component,
+        // use a custom hook to update local track streaming status.
+        const { _videoTrack, dispatch } = this.props;
+
+        if (_videoTrack && !_videoTrack.local) {
+            _videoTrack.jitsiTrack.off(JitsiTrackEvents.TRACK_STREAMING_STATUS_CHANGED,
+                this.handleTrackStreamingStatusChanged);
+            dispatch(trackStreamingStatusChanged(_videoTrack.jitsiTrack,
+                _videoTrack.jitsiTrack.getTrackStreamingStatus()));
+        }
+    }
+
+    /**
+     * Handle track streaming status change event by by dispatching an action to update track streaming status for the
+     * given track in app state.
+     *
+     * @param {JitsiTrack} jitsiTrack - The track with streaming status updated.
+     * @param {JitsiTrackStreamingStatus} streamingStatus - The updated track streaming status.
+     * @returns {void}
+     */
+    handleTrackStreamingStatusChanged(jitsiTrack: any, streamingStatus: string) {
+        this.props.dispatch(trackStreamingStatusChanged(jitsiTrack, streamingStatus));
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const {
+            avatarSize,
+            useConnectivityInfoLabel
+        } = this.state;
+        const {
+            _disableVideo,
+            _participantId,
+            onClick
+        } = this.props;
+
+        return (
+            <ParticipantView
+                avatarSize = { avatarSize }
+                disableVideo = { _disableVideo }
+                onPress = { onClick }
+                participantId = { _participantId }
+                testHintId = 'org.jitsi.meet.LargeVideo'
+                useConnectivityInfoLabel = { useConnectivityInfoLabel }
+                zOrder = { 0 }
+                zoomEnabled = { true } />
+        );
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated LargeVideo's props.
+ *
+ * @param {Object} state - Redux state.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const { participantId } = state['features/large-video'];
+    const participant = getParticipantById(state, participantId ?? '');
+    const { clientHeight: height, clientWidth: width } = state['features/base/responsive-ui'];
+    const videoTrack = getVideoTrackByParticipant(state, participant);
+    let disableVideo = false;
+
+    if (isLocalScreenshareParticipant(participant)) {
+        disableVideo = true;
+    } else if (participant?.local) {
+        disableVideo = isLocalVideoTrackDesktop(state);
+    }
+
+    return {
+        _disableVideo: disableVideo,
+        _height: height,
+        _participantId: participantId ?? '',
+        _videoTrack: videoTrack,
+        _width: width
+    };
+}
+
+export default connect(_mapStateToProps)(LargeVideo);
diff --git a/react/features/large-video/components/LargeVideo.web.tsx b/react/features/large-video/components/LargeVideo.web.tsx
new file mode 100644
index 0000000..13facad
--- /dev/null
+++ b/react/features/large-video/components/LargeVideo.web.tsx
@@ -0,0 +1,406 @@
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+
+// @ts-expect-error
+import VideoLayout from '../../../../modules/UI/videolayout/VideoLayout';
+import { IReduxState, IStore } from '../../app/types';
+import { isDisplayNameVisible } from '../../base/config/functions.web';
+import { VIDEO_TYPE } from '../../base/media/constants';
+import { getLocalParticipant } from '../../base/participants/functions';
+import Watermarks from '../../base/react/components/web/Watermarks';
+import { getHideSelfView } from '../../base/settings/functions.any';
+import { getVideoTrackByParticipant } from '../../base/tracks/functions.web';
+import { setColorAlpha } from '../../base/util/helpers';
+import { isSpotTV } from '../../base/util/spot';
+import StageParticipantNameLabel from '../../display-name/components/web/StageParticipantNameLabel';
+import { FILMSTRIP_BREAKPOINT } from '../../filmstrip/constants';
+import { getVerticalViewMaxWidth, isFilmstripResizable } from '../../filmstrip/functions.web';
+import SharedVideo from '../../shared-video/components/web/SharedVideo';
+import Captions from '../../subtitles/components/web/Captions';
+import { areClosedCaptionsEnabled } from '../../subtitles/functions.any';
+import { setTileView } from '../../video-layout/actions.web';
+import Whiteboard from '../../whiteboard/components/web/Whiteboard';
+import { isWhiteboardEnabled } from '../../whiteboard/functions';
+import { setSeeWhatIsBeingShared } from '../actions.web';
+import { getLargeVideoParticipant } from '../functions';
+
+import ScreenSharePlaceholder from './ScreenSharePlaceholder.web';
+
+
+interface IProps {
+
+    /**
+     * The alpha(opacity) of the background.
+     */
+    _backgroundAlpha?: number;
+
+    /**
+     * The user selected background color.
+     */
+    _customBackgroundColor: string;
+
+    /**
+     * The user selected background image url.
+     */
+    _customBackgroundImageUrl: string;
+
+    /**
+     * Whether the screen-sharing placeholder should be displayed or not.
+     */
+    _displayScreenSharingPlaceholder: boolean;
+
+    /**
+     * Whether or not the hideSelfView is enabled.
+     */
+    _hideSelfView: boolean;
+
+    /**
+     * Prop that indicates whether the chat is open.
+     */
+    _isChatOpen: boolean;
+
+    /**
+     * Whether or not the display name is visible.
+     */
+    _isDisplayNameVisible: boolean;
+
+    /**
+     * Whether or not the local screen share is on large-video.
+     */
+    _isScreenSharing: boolean;
+
+    /**
+     * The large video participant id.
+     */
+    _largeVideoParticipantId: string;
+
+    /**
+     * Local Participant id.
+     */
+    _localParticipantId: string;
+
+    /**
+     * Used to determine the value of the autoplay attribute of the underlying
+     * video element.
+     */
+    _noAutoPlayVideo: boolean;
+
+    /**
+     * Whether or not the filmstrip is resizable.
+     */
+    _resizableFilmstrip: boolean;
+
+    /**
+     * Whether or not the screen sharing is visible.
+     */
+    _seeWhatIsBeingShared: boolean;
+
+    /**
+     * Whether or not to show dominant speaker badge.
+     */
+    _showDominantSpeakerBadge: boolean;
+
+    /**
+     * Whether or not to show subtitles button.
+     */
+    _showSubtitles?: boolean;
+
+    /**
+     * The width of the vertical filmstrip (user resized).
+     */
+    _verticalFilmstripWidth?: number | null;
+
+    /**
+     * The max width of the vertical filmstrip.
+     */
+    _verticalViewMaxWidth: number;
+
+    /**
+     * Whether or not the filmstrip is visible.
+     */
+    _visibleFilmstrip: boolean;
+
+    /**
+     * Whether or not the whiteboard is ready to be used.
+     */
+    _whiteboardEnabled: boolean;
+
+    /**
+     * The Redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+}
+
+/** .
+ * Implements a React {@link Component} which represents the large video (a.k.a.
+ * The conference participant who is on the local stage) on Web/React.
+ *
+ * @augments Component
+ */
+class LargeVideo extends Component<IProps> {
+    _tappedTimeout: number | undefined;
+
+    _containerRef: React.RefObject<HTMLDivElement>;
+
+    _wrapperRef: React.RefObject<HTMLDivElement>;
+
+    /**
+     * Constructor of the component.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._containerRef = React.createRef<HTMLDivElement>();
+        this._wrapperRef = React.createRef<HTMLDivElement>();
+
+        this._clearTapTimeout = this._clearTapTimeout.bind(this);
+        this._onDoubleTap = this._onDoubleTap.bind(this);
+        this._updateLayout = this._updateLayout.bind(this);
+    }
+
+    /**
+     * Implements {@code Component#componentDidUpdate}.
+     *
+     * @inheritdoc
+     */
+    override componentDidUpdate(prevProps: IProps) {
+        const {
+            _visibleFilmstrip,
+            _isScreenSharing,
+            _seeWhatIsBeingShared,
+            _largeVideoParticipantId,
+            _hideSelfView,
+            _localParticipantId } = this.props;
+
+        if (prevProps._visibleFilmstrip !== _visibleFilmstrip) {
+            this._updateLayout();
+        }
+
+        if (prevProps._isScreenSharing !== _isScreenSharing && !_isScreenSharing) {
+            this.props.dispatch(setSeeWhatIsBeingShared(false));
+        }
+
+        if (_isScreenSharing && _seeWhatIsBeingShared) {
+            VideoLayout.updateLargeVideo(_largeVideoParticipantId, true, true);
+        }
+
+        if (_largeVideoParticipantId === _localParticipantId
+            && prevProps._hideSelfView !== _hideSelfView) {
+            VideoLayout.updateLargeVideo(_largeVideoParticipantId, true, false);
+        }
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {React$Element}
+     */
+    override render() {
+        const {
+            _displayScreenSharingPlaceholder,
+            _isChatOpen,
+            _isDisplayNameVisible,
+            _noAutoPlayVideo,
+            _showDominantSpeakerBadge,
+            _whiteboardEnabled,
+            _showSubtitles
+        } = this.props;
+        const style = this._getCustomStyles();
+        const className = 'videocontainer';
+
+        return (
+            <div
+                className = { className }
+                id = 'largeVideoContainer'
+                ref = { this._containerRef }
+                style = { style }>
+                <SharedVideo />
+                {_whiteboardEnabled && <Whiteboard />}
+                <div id = 'etherpad' />
+
+                <Watermarks />
+
+                <div
+                    id = 'dominantSpeaker'
+                    onTouchEnd = { this._onDoubleTap }>
+                    <div className = 'dynamic-shadow' />
+                    <div id = 'dominantSpeakerAvatarContainer' />
+                </div>
+                <div id = 'remotePresenceMessage' />
+                <span id = 'remoteConnectionMessage' />
+                <div id = 'largeVideoElementsContainer'>
+                    <div id = 'largeVideoBackgroundContainer' />
+                    {/*
+                      * FIXME: the architecture of elements related to the large
+                      * video and the naming. The background is not part of
+                      * largeVideoWrapper because we are controlling the size of
+                      * the video through largeVideoWrapper. That's why we need
+                      * another container for the background and the
+                      * largeVideoWrapper in order to hide/show them.
+                      */}
+                    { _displayScreenSharingPlaceholder ? <ScreenSharePlaceholder /> : <></>}
+                    <div
+                        id = 'largeVideoWrapper'
+                        onTouchEnd = { this._onDoubleTap }
+                        ref = { this._wrapperRef }
+                        role = 'figure' >
+                        <video
+                            autoPlay = { !_noAutoPlayVideo }
+                            id = 'largeVideo'
+                            muted = { true }
+                            playsInline = { true } /* for Safari on iOS to work */ />
+                    </div>
+                </div>
+                { (!interfaceConfig.DISABLE_TRANSCRIPTION_SUBTITLES && _showSubtitles)
+                    && <Captions /> }
+                {
+                    _isDisplayNameVisible
+                    && (
+                        _showDominantSpeakerBadge && <StageParticipantNameLabel />
+                    )
+                }
+            </div>
+        );
+    }
+
+    /**
+     * Refreshes the video layout to determine the dimensions of the stage view.
+     * If the filmstrip is toggled it adds CSS transition classes and removes them
+     * when the transition is done.
+     *
+     * @returns {void}
+     */
+    _updateLayout() {
+        const { _verticalFilmstripWidth, _resizableFilmstrip } = this.props;
+
+        if (_resizableFilmstrip && Number(_verticalFilmstripWidth) >= FILMSTRIP_BREAKPOINT) {
+            this._containerRef.current?.classList.add('transition');
+            this._wrapperRef.current?.classList.add('transition');
+            VideoLayout.refreshLayout();
+
+            setTimeout(() => {
+                this._containerRef?.current && this._containerRef.current.classList.remove('transition');
+                this._wrapperRef?.current && this._wrapperRef.current.classList.remove('transition');
+            }, 1000);
+        } else {
+            VideoLayout.refreshLayout();
+        }
+    }
+
+    /**
+     * Clears the '_tappedTimout'.
+     *
+     * @private
+     * @returns {void}
+     */
+    _clearTapTimeout() {
+        clearTimeout(this._tappedTimeout);
+        this._tappedTimeout = undefined;
+    }
+
+    /**
+     * Creates the custom styles object.
+     *
+     * @private
+     * @returns {Object}
+     */
+    _getCustomStyles() {
+        const styles: any = {};
+        const {
+            _customBackgroundColor,
+            _customBackgroundImageUrl,
+            _verticalFilmstripWidth,
+            _verticalViewMaxWidth,
+            _visibleFilmstrip
+        } = this.props;
+
+        styles.background = _customBackgroundColor || interfaceConfig.DEFAULT_BACKGROUND;
+
+        if (this.props._backgroundAlpha !== undefined) {
+            const alphaColor = setColorAlpha(styles.backgroundColor, this.props._backgroundAlpha);
+
+            styles.background = alphaColor;
+        }
+
+        if (_customBackgroundImageUrl) {
+            styles.backgroundImage = `url(${_customBackgroundImageUrl})`;
+            styles.backgroundSize = 'cover';
+        }
+
+        if (_visibleFilmstrip && Number(_verticalFilmstripWidth) >= FILMSTRIP_BREAKPOINT) {
+            styles.width = `calc(100% - ${_verticalViewMaxWidth || 0}px)`;
+        }
+
+        return styles;
+    }
+
+    /**
+     * Sets view to tile view on double tap.
+     *
+     * @param {Object} e - The event.
+     * @private
+     * @returns {void}
+     */
+    _onDoubleTap(e: React.TouchEvent) {
+        e.stopPropagation();
+        e.preventDefault();
+
+        if (this._tappedTimeout) {
+            this._clearTapTimeout();
+            this.props.dispatch(setTileView(true));
+        } else {
+            this._tappedTimeout = window.setTimeout(this._clearTapTimeout, 300);
+        }
+    }
+}
+
+
+/**
+ * Maps (parts of) the Redux state to the associated LargeVideo props.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const testingConfig = state['features/base/config'].testing;
+    const { backgroundColor, backgroundImageUrl } = state['features/dynamic-branding'];
+    const { isOpen: isChatOpen } = state['features/chat'];
+    const { width: verticalFilmstripWidth, visible } = state['features/filmstrip'];
+    const { hideDominantSpeakerBadge } = state['features/base/config'];
+    const { seeWhatIsBeingShared } = state['features/large-video'];
+    const localParticipantId = getLocalParticipant(state)?.id;
+    const largeVideoParticipant = getLargeVideoParticipant(state);
+    const videoTrack = getVideoTrackByParticipant(state, largeVideoParticipant);
+    const isLocalScreenshareOnLargeVideo = largeVideoParticipant?.id?.includes(localParticipantId ?? '')
+        && videoTrack?.videoType === VIDEO_TYPE.DESKTOP;
+
+    return {
+        _backgroundAlpha: state['features/base/config'].backgroundAlpha,
+        _customBackgroundColor: backgroundColor,
+        _customBackgroundImageUrl: backgroundImageUrl,
+        _displayScreenSharingPlaceholder:
+            Boolean(isLocalScreenshareOnLargeVideo && !seeWhatIsBeingShared && !isSpotTV(state)),
+        _hideSelfView: getHideSelfView(state),
+        _isChatOpen: isChatOpen,
+        _isDisplayNameVisible: isDisplayNameVisible(state),
+        _isScreenSharing: Boolean(isLocalScreenshareOnLargeVideo),
+        _largeVideoParticipantId: largeVideoParticipant?.id ?? '',
+        _localParticipantId: localParticipantId ?? '',
+        _noAutoPlayVideo: Boolean(testingConfig?.noAutoPlayVideo),
+        _resizableFilmstrip: isFilmstripResizable(state),
+        _seeWhatIsBeingShared: Boolean(seeWhatIsBeingShared),
+        _showDominantSpeakerBadge: !hideDominantSpeakerBadge,
+        _showSubtitles: areClosedCaptionsEnabled(state)
+            && Boolean(state['features/base/settings'].showSubtitlesOnStage),
+        _verticalFilmstripWidth: verticalFilmstripWidth.current,
+        _verticalViewMaxWidth: getVerticalViewMaxWidth(state),
+        _visibleFilmstrip: visible,
+        _whiteboardEnabled: isWhiteboardEnabled(state)
+    };
+}
+
+export default connect(_mapStateToProps)(LargeVideo);
diff --git a/react/features/large-video/components/LargeVideoBackground.native.ts b/react/features/large-video/components/LargeVideoBackground.native.ts
new file mode 100644
index 0000000..e69de29
diff --git a/react/features/large-video/components/LargeVideoBackground.web.tsx b/react/features/large-video/components/LargeVideoBackground.web.tsx
new file mode 100644
index 0000000..5a37818
--- /dev/null
+++ b/react/features/large-video/components/LargeVideoBackground.web.tsx
@@ -0,0 +1,260 @@
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../app/types';
+import { shouldDisplayTileView } from '../../video-layout/functions.web';
+
+/**
+ * Constants to describe the dimensions of the video. Landscape videos
+ * are wider than they are taller and portrait videos are taller than they
+ * are wider. The dimensions will determine how {@code LargeVideoBackground}
+ * will stretch to fill its container.
+ *
+ * @type {Object}
+ */
+export const ORIENTATION = {
+    LANDSCAPE: 'landscape',
+    PORTRAIT: 'portrait'
+};
+
+/**
+ * The type of the React {@code Component} props of
+ * {@link LargeVideoBackgroundCanvas}.
+ */
+interface IProps {
+
+    /**
+     * Whether or not the layout should change to support tile view mode.
+     *
+     * @protected
+     * @type {boolean}
+     */
+    _shouldDisplayTileView: boolean;
+
+    /**
+     * Additional CSS class names to add to the root of the component.
+     */
+    className: String;
+
+    /**
+     * Whether or not the background should have its visibility hidden.
+     */
+    hidden: boolean;
+
+    /**
+     * Whether or not the video should display flipped horizontally, so left
+     * becomes right and right becomes left.
+     */
+    mirror: boolean;
+
+    /**
+     * Whether the component should ensure full width of the video is displayed
+     * (landscape) or full height (portrait).
+     */
+    orientationFit: string;
+
+    /**
+     * The video stream to display.
+     */
+    videoElement: HTMLVideoElement;
+}
+
+
+/**
+ * Implements a React Component which shows a video element intended to be used
+ * as a background to fill the empty space of container with another video.
+ *
+ * @augments Component
+ */
+export class LargeVideoBackground extends Component<IProps> {
+    _canvasEl: HTMLCanvasElement;
+
+    _updateCanvasInterval: number | undefined;
+
+    /**
+     * Initializes new {@code LargeVideoBackground} instance.
+     *
+     * @param {*} props - The read-only properties with which the new instance
+     * is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handlers so they are only bound once per instance.
+        this._setCanvasEl = this._setCanvasEl.bind(this);
+        this._updateCanvas = this._updateCanvas.bind(this);
+    }
+
+    /**
+     * If the canvas is not hidden, sets the initial interval to update the
+     * image displayed in the canvas.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidMount() {
+        const { _shouldDisplayTileView, hidden, videoElement } = this.props;
+
+        if (videoElement && !hidden && !_shouldDisplayTileView) {
+            this._updateCanvas();
+            this._setUpdateCanvasInterval();
+        }
+    }
+
+    /**
+     * Starts or stops the interval to update the image displayed in the canvas.
+     *
+     * @inheritdoc
+     */
+    override componentDidUpdate(prevProps: IProps) {
+        const wasCanvasUpdating = !prevProps.hidden && !prevProps._shouldDisplayTileView && prevProps.videoElement;
+        const shouldCanvasUpdating
+            = !this.props.hidden && !this.props._shouldDisplayTileView && this.props.videoElement;
+
+        if (wasCanvasUpdating !== shouldCanvasUpdating) {
+            if (shouldCanvasUpdating) {
+                this._clearCanvas();
+                this._setUpdateCanvasInterval();
+            } else {
+                this._clearCanvas();
+                this._clearUpdateCanvasInterval();
+            }
+        }
+    }
+
+    /**
+     * Clears the interval for updating the image displayed in the canvas.
+     *
+     * @inheritdoc
+     */
+    override componentWillUnmount() {
+        this._clearUpdateCanvasInterval();
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const {
+            hidden,
+            mirror
+        } = this.props;
+        const classNames = `large-video-background ${mirror ? 'flip-x' : ''} ${hidden ? 'invisible' : ''}`;
+
+        return (
+            <div className = { classNames }>
+                <canvas
+                    id = 'largeVideoBackground'
+                    ref = { this._setCanvasEl } />
+            </div>
+        );
+    }
+
+    /**
+     * Removes any image displayed on the canvas.
+     *
+     * @private
+     * @returns {void}
+     */
+    _clearCanvas() {
+        const cavnasContext = this._canvasEl.getContext('2d');
+
+        cavnasContext?.clearRect(
+            0, 0, this._canvasEl.width, this._canvasEl.height);
+    }
+
+    /**
+     * Clears the interval for updating the image displayed in the canvas.
+     *
+     * @private
+     * @returns {void}
+     */
+    _clearUpdateCanvasInterval() {
+        clearInterval(this._updateCanvasInterval);
+    }
+
+    /**
+     * Sets the instance variable for the component's canvas element so it can
+     * be accessed directly for drawing on.
+     *
+     * @param {Object} element - The DOM element for the component's canvas.
+     * @private
+     * @returns {void}
+     */
+    _setCanvasEl(element: HTMLCanvasElement) {
+        this._canvasEl = element;
+    }
+
+    /**
+     * Starts the interval for updating the image displayed in the canvas.
+     *
+     * @private
+     * @returns {void}
+     */
+    _setUpdateCanvasInterval() {
+        this._clearUpdateCanvasInterval();
+        this._updateCanvasInterval = window.setInterval(this._updateCanvas, 200);
+    }
+
+    /**
+     * Draws the current frame of the passed in video element onto the canvas.
+     *
+     * @private
+     * @returns {void}
+     */
+    _updateCanvas() {
+        // On Electron 7 there is a memory leak if we try to draw into a hidden canvas that is part of the DOM tree.
+        // See: https://github.com/electron/electron/issues/22417
+        // Trying to detect all the cases when the page will be hidden because of something not in our control
+        // (for example when the page is loaded in an iframe which is hidden due to the host page styles) to solve
+        // the memory leak. Currently we are not handling the use case when the page is hidden with visibility:hidden
+        // because we don't have a good way to do it.
+        // All other cases when the canvas is not visible are handled through the component props
+        // (hidden, _shouldDisplayTileView).
+        if (!this._canvasEl?.offsetParent || window.innerHeight === 0 || window.innerWidth === 0) {
+            return;
+        }
+
+        const { videoElement } = this.props;
+        const { videoWidth, videoHeight } = videoElement;
+        const {
+            height: canvasHeight,
+            width: canvasWidth
+        } = this._canvasEl;
+        const canvasContext = this._canvasEl.getContext('2d');
+
+        if (this.props.orientationFit === ORIENTATION.LANDSCAPE) {
+            const heightScaledToFit = (canvasWidth / videoWidth) * videoHeight;
+
+            canvasContext?.drawImage(
+                videoElement as any, 0, 0, canvasWidth, heightScaledToFit);
+        } else {
+            const widthScaledToFit = (canvasHeight / videoHeight) * videoWidth;
+
+            canvasContext?.drawImage(
+                videoElement as any, 0, 0, widthScaledToFit, canvasHeight);
+        }
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated LargeVideoBackground props.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {{
+ *     _shouldDisplayTileView: boolean
+ * }}
+ */
+function _mapStateToProps(state: IReduxState) {
+    return {
+        _shouldDisplayTileView: shouldDisplayTileView(state)
+    };
+}
+
+
+export default connect(_mapStateToProps)(LargeVideoBackground);
+
diff --git a/react/features/large-video/components/ScreenSharePlaceholder.web.tsx b/react/features/large-video/components/ScreenSharePlaceholder.web.tsx
new file mode 100644
index 0000000..0e60041
--- /dev/null
+++ b/react/features/large-video/components/ScreenSharePlaceholder.web.tsx
@@ -0,0 +1,100 @@
+import React, { useCallback } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { useStore } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { translate } from '../../base/i18n/functions';
+import { setSeeWhatIsBeingShared } from '../actions.web';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        overlayContainer: {
+            width: '100%',
+            height: '100%',
+            backgroundColor: theme.palette.ui02,
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            zIndex: 2
+        },
+        content: {
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            justifyContent: 'center'
+        },
+        laptop: {
+            width: '88px',
+            height: '56px',
+            boxSizing: 'border-box',
+            border: '3px solid',
+            borderColor: theme.palette.text01,
+            borderRadius: '6px'
+        },
+        laptopStand: {
+            width: '40px',
+            height: '4px',
+            backgroundColor: theme.palette.text01,
+            boxSizing: 'border-box',
+            borderRadius: '6px',
+            marginTop: '4px'
+        },
+        sharingMessage: {
+            fontStyle: 'normal',
+            fontWeight: 600,
+            fontSize: '1.25rem',
+            lineHeight: '1.75rem',
+            marginTop: '24px',
+            letterSpacing: '-0.012em',
+            color: theme.palette.text01
+        },
+        showSharing: {
+            fontStyle: 'normal',
+            fontWeight: 600,
+            fontSize: '0.875rem',
+            lineHeight: '1.25rem',
+            height: '20px',
+            marginTop: '16px',
+            color: theme.palette.link01,
+            cursor: 'pointer',
+
+            '&:hover': {
+                color: theme.palette.link01Hover
+            }
+        }
+    };
+});
+
+/**
+ * Component that displays a placeholder for when the screen is shared.
+ * * @param {Function} t - Function which translate strings.
+ *
+ * @returns {ReactElement}
+ */
+const ScreenSharePlaceholder: React.FC<WithTranslation> = ({ t }) => {
+    const { classes } = useStyles();
+    const store = useStore();
+
+    const updateShowMeWhatImSharing = useCallback(() => {
+        store.dispatch(setSeeWhatIsBeingShared(true));
+    }, []);
+
+    return (
+        <div className = { classes.overlayContainer }>
+            <div className = { classes.content }>
+                <div className = { classes.laptop } />
+                <div className = { classes.laptopStand } />
+                <span className = { classes.sharingMessage }>{ t('largeVideo.screenIsShared') }</span>
+                <span
+                    className = { classes.showSharing }
+                    onClick = { updateShowMeWhatImSharing }
+                    role = 'button'>{ t('largeVideo.showMeWhatImSharing') }</span>
+            </div>
+        </div>
+    );
+};
+
+export default translate(ScreenSharePlaceholder);
diff --git a/react/features/large-video/components/styles.ts b/react/features/large-video/components/styles.ts
new file mode 100644
index 0000000..c6a74d2
--- /dev/null
+++ b/react/features/large-video/components/styles.ts
@@ -0,0 +1,4 @@
+/**
+ * Size for the Avatar.
+ */
+export const AVATAR_SIZE = 200;
diff --git a/react/features/large-video/functions.ts b/react/features/large-video/functions.ts
new file mode 100644
index 0000000..e326585
--- /dev/null
+++ b/react/features/large-video/functions.ts
@@ -0,0 +1,14 @@
+import { IReduxState } from '../app/types';
+import { getParticipantById } from '../base/participants/functions';
+
+/**
+ * Selector for the participant currently displaying on the large video.
+ *
+ * @param {Object} state - The redux state.
+ * @returns {Object}
+ */
+export function getLargeVideoParticipant(state: IReduxState) {
+    const { participantId } = state['features/large-video'];
+
+    return getParticipantById(state, participantId ?? '');
+}
diff --git a/react/features/large-video/logger.ts b/react/features/large-video/logger.ts
new file mode 100644
index 0000000..6a5430d
--- /dev/null
+++ b/react/features/large-video/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:large-video');
diff --git a/react/features/large-video/middleware.ts b/react/features/large-video/middleware.ts
new file mode 100644
index 0000000..3bff547
--- /dev/null
+++ b/react/features/large-video/middleware.ts
@@ -0,0 +1,74 @@
+import {
+    DOMINANT_SPEAKER_CHANGED,
+    PARTICIPANT_JOINED,
+    PARTICIPANT_LEFT,
+    PIN_PARTICIPANT
+} from '../base/participants/actionTypes';
+import { getDominantSpeakerParticipant, getLocalParticipant } from '../base/participants/functions';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { isTestModeEnabled } from '../base/testing/functions';
+import {
+    TRACK_ADDED,
+    TRACK_REMOVED
+} from '../base/tracks/actionTypes';
+import { TOGGLE_DOCUMENT_EDITING } from '../etherpad/actionTypes';
+
+import { selectParticipantInLargeVideo } from './actions';
+import logger from './logger';
+
+import './subscriber';
+
+/**
+ * Middleware that catches actions related to participants and tracks and
+ * dispatches an action to select a participant depicted by LargeVideo.
+ *
+ * @param {Store} store - Redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case DOMINANT_SPEAKER_CHANGED: {
+        const state = store.getState();
+        const localParticipant = getLocalParticipant(state);
+        const dominantSpeaker = getDominantSpeakerParticipant(state);
+
+
+        if (dominantSpeaker?.id === action.participant.id) {
+            return next(action);
+        }
+
+        const result = next(action);
+
+        if (isTestModeEnabled(state)) {
+            logger.info(`Dominant speaker changed event for: ${action.participant.id}`);
+        }
+
+        if (localParticipant && localParticipant.id !== action.participant.id) {
+            store.dispatch(selectParticipantInLargeVideo());
+        }
+
+        return result;
+    }
+    case PIN_PARTICIPANT: {
+        const result = next(action);
+
+        store.dispatch(selectParticipantInLargeVideo(action.participant?.id));
+
+        return result;
+    }
+    case PARTICIPANT_JOINED:
+    case PARTICIPANT_LEFT:
+    case TOGGLE_DOCUMENT_EDITING:
+    case TRACK_ADDED:
+    case TRACK_REMOVED: {
+        const result = next(action);
+
+        store.dispatch(selectParticipantInLargeVideo());
+
+        return result;
+    }
+    }
+    const result = next(action);
+
+    return result;
+});
diff --git a/react/features/large-video/reducer.ts b/react/features/large-video/reducer.ts
new file mode 100644
index 0000000..7456bd8
--- /dev/null
+++ b/react/features/large-video/reducer.ts
@@ -0,0 +1,64 @@
+import { PARTICIPANT_ID_CHANGED } from '../base/participants/actionTypes';
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import {
+    SELECT_LARGE_VIDEO_PARTICIPANT,
+    SET_LARGE_VIDEO_DIMENSIONS,
+    SET_SEE_WHAT_IS_BEING_SHARED,
+    UPDATE_KNOWN_LARGE_VIDEO_RESOLUTION
+} from './actionTypes';
+
+export interface ILargeVideoState {
+    height?: number;
+    participantId?: string;
+    resolution?: number;
+    seeWhatIsBeingShared?: boolean;
+    width?: number;
+}
+
+ReducerRegistry.register<ILargeVideoState>('features/large-video', (state = {}, action): ILargeVideoState => {
+    switch (action.type) {
+
+    // When conference is joined, we update ID of local participant from default
+    // 'local' to real ID. However, in large video we might have already
+    // selected 'local' as participant on stage. So in this case we must update
+    // ID of participant on stage to match ID in 'participants' state to avoid
+    // additional changes in state and (re)renders.
+    case PARTICIPANT_ID_CHANGED:
+        if (state.participantId === action.oldValue) {
+            return {
+                ...state,
+                participantId: action.newValue
+            };
+        }
+        break;
+
+    case SELECT_LARGE_VIDEO_PARTICIPANT:
+        return {
+            ...state,
+            participantId: action.participantId
+        };
+
+    case SET_LARGE_VIDEO_DIMENSIONS:
+        return {
+            ...state,
+            height: action.height,
+            width: action.width
+        };
+
+    case UPDATE_KNOWN_LARGE_VIDEO_RESOLUTION:
+        return {
+            ...state,
+            resolution: action.resolution
+        };
+
+    case SET_SEE_WHAT_IS_BEING_SHARED:
+        return {
+            ...state,
+            seeWhatIsBeingShared: action.seeWhatIsBeingShared
+        };
+
+    }
+
+    return state;
+});
diff --git a/react/features/large-video/subscriber.native.ts b/react/features/large-video/subscriber.native.ts
new file mode 100644
index 0000000..e69de29
diff --git a/react/features/large-video/subscriber.web.ts b/react/features/large-video/subscriber.web.ts
new file mode 100644
index 0000000..f165b7c
--- /dev/null
+++ b/react/features/large-video/subscriber.web.ts
@@ -0,0 +1,38 @@
+// @ts-expect-error
+import VideoLayout from '../../../modules/UI/videolayout/VideoLayout';
+import StateListenerRegistry from '../base/redux/StateListenerRegistry';
+import { getVideoTrackByParticipant } from '../base/tracks/functions.web';
+
+import { getLargeVideoParticipant } from './functions';
+
+/**
+ * Updates the on stage participant video.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => state['features/large-video'].participantId,
+    /* listener */ participantId => {
+        VideoLayout.updateLargeVideo(participantId, true);
+    }
+);
+
+/**
+ * Schedules a large video update when the streaming status of the track associated with the large video changes.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => {
+        const largeVideoParticipant = getLargeVideoParticipant(state);
+        const videoTrack = getVideoTrackByParticipant(state, largeVideoParticipant);
+
+        return {
+            participantId: largeVideoParticipant?.id,
+            streamingStatus: videoTrack?.streamingStatus
+        };
+    },
+    /* listener */ ({ participantId, streamingStatus }, previousState: any = {}) => {
+        if (streamingStatus !== previousState.streamingStatus) {
+            VideoLayout.updateLargeVideo(participantId, true);
+        }
+    }, {
+        deepEquals: true
+    }
+);
diff --git a/react/features/lobby/actionTypes.ts b/react/features/lobby/actionTypes.ts
new file mode 100644
index 0000000..99073bd
--- /dev/null
+++ b/react/features/lobby/actionTypes.ts
@@ -0,0 +1,39 @@
+/**
+ * Action type to signal the arriving or updating of a knocking participant.
+ */
+export const KNOCKING_PARTICIPANT_ARRIVED_OR_UPDATED = 'KNOCKING_PARTICIPANT_ARRIVED_OR_UPDATED';
+
+/**
+ * Action type to signal the leave of a knocking participant.
+ */
+export const KNOCKING_PARTICIPANT_LEFT = 'KNOCKING_PARTICIPANT_LEFT';
+
+/**
+ * Action type to set the new state of the lobby mode.
+ */
+export const SET_LOBBY_MODE_ENABLED = 'SET_LOBBY_MODE_ENABLED';
+
+/**
+ * Action type to set the knocking state of the participant.
+ */
+export const SET_KNOCKING_STATE = 'SET_KNOCKING_STATE';
+
+/**
+ * Action type to set the lobby visibility.
+ */
+export const SET_LOBBY_VISIBILITY = 'TOGGLE_LOBBY_VISIBILITY';
+
+/**
+ * Action type to set the password join failed status.
+ */
+export const SET_PASSWORD_JOIN_FAILED = 'SET_PASSWORD_JOIN_FAILED';
+
+/**
+ * Action type to set a lobby chat participant's state to chatting
+ */
+ export const SET_LOBBY_PARTICIPANT_CHAT_STATE = 'SET_LOBBY_PARTICIPANT_CHAT_STATE';
+
+ /**
+  * Action type to remove chattingWithModerator field
+  */
+ export const REMOVE_LOBBY_CHAT_WITH_MODERATOR = 'REMOVE_LOBBY_CHAT_WITH_MODERATOR';
diff --git a/react/features/lobby/actions.any.ts b/react/features/lobby/actions.any.ts
new file mode 100644
index 0000000..4e012db
--- /dev/null
+++ b/react/features/lobby/actions.any.ts
@@ -0,0 +1,429 @@
+import { IStore } from '../app/types';
+import { conferenceWillJoin, setPassword } from '../base/conference/actions';
+import { getCurrentConference, sendLocalParticipant } from '../base/conference/functions';
+import { getLocalParticipant } from '../base/participants/functions';
+import { IParticipant } from '../base/participants/types';
+import { onLobbyChatInitialized, removeLobbyChatParticipant, sendMessage } from '../chat/actions.any';
+import { LOBBY_CHAT_MESSAGE } from '../chat/constants';
+import { handleLobbyMessageReceived } from '../chat/middleware';
+import { hideNotification, showNotification } from '../notifications/actions';
+import { LOBBY_NOTIFICATION_ID } from '../notifications/constants';
+import { joinConference } from '../prejoin/actions';
+
+import {
+    KNOCKING_PARTICIPANT_ARRIVED_OR_UPDATED,
+    KNOCKING_PARTICIPANT_LEFT,
+    REMOVE_LOBBY_CHAT_WITH_MODERATOR,
+    SET_KNOCKING_STATE,
+    SET_LOBBY_MODE_ENABLED,
+    SET_LOBBY_PARTICIPANT_CHAT_STATE,
+    SET_LOBBY_VISIBILITY,
+    SET_PASSWORD_JOIN_FAILED
+} from './actionTypes';
+import { LOBBY_CHAT_INITIALIZED, MODERATOR_IN_CHAT_WITH_LEFT } from './constants';
+import { getKnockingParticipants, getLobbyConfig, getLobbyEnabled, isEnablingLobbyAllowed } from './functions';
+import logger from './logger';
+import { IKnockingParticipant } from './types';
+
+/**
+ * Tries to join with a preset password.
+ *
+ * @param {string} password - The password to join with.
+ * @returns {Function}
+ */
+export function joinWithPassword(password: string) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const conference = getCurrentConference(getState);
+
+        dispatch(setPassword(conference, conference?.join, password));
+    };
+}
+
+/**
+ * Action to be dispatched when a knocking poarticipant leaves before any response.
+ *
+ * @param {string} id - The ID of the participant.
+ * @returns {{
+ *     id: string,
+ *     type: KNOCKING_PARTICIPANT_LEFT
+ * }}
+ */
+export function knockingParticipantLeft(id: string) {
+    return {
+        id,
+        type: KNOCKING_PARTICIPANT_LEFT
+    };
+}
+
+/**
+ * Action to be executed when a participant starts knocking or an already knocking participant gets updated.
+ *
+ * @param {Object} participant - The knocking participant.
+ * @returns {{
+ *     participant: Object,
+ *     type: KNOCKING_PARTICIPANT_ARRIVED_OR_UPDATED
+ * }}
+ */
+export function participantIsKnockingOrUpdated(participant: IKnockingParticipant | Object) {
+    return {
+        participant,
+        type: KNOCKING_PARTICIPANT_ARRIVED_OR_UPDATED
+    };
+}
+
+/**
+ * Handles a knocking participant and dismisses the notification.
+ *
+ * @param {string} id - The id of the knocking participant.
+ * @param {boolean} approved - True if the participant is approved, false otherwise.
+ * @returns {Function}
+ */
+export function answerKnockingParticipant(id: string, approved: boolean) {
+    return (dispatch: IStore['dispatch']) => {
+        dispatch(setKnockingParticipantApproval(id, approved));
+        dispatch(hideNotification(LOBBY_NOTIFICATION_ID));
+    };
+}
+
+/**
+ * Approves (lets in) or rejects a knocking participant.
+ *
+ * @param {string} id - The id of the knocking participant.
+ * @param {boolean} approved - True if the participant is approved, false otherwise.
+ * @returns {Function}
+ */
+export function setKnockingParticipantApproval(id: string, approved: boolean) {
+    return async (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const conference = getCurrentConference(getState);
+
+        if (conference) {
+            if (approved) {
+                conference.lobbyApproveAccess(id);
+            } else {
+                conference.lobbyDenyAccess(id);
+            }
+        }
+    };
+}
+
+/**
+ * Action used to admit multiple participants in the conference.
+ *
+ * @param {Array<Object>} participants - A list of knocking participants.
+ * @returns {void}
+ */
+export function admitMultiple(participants: Array<IKnockingParticipant>) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const conference = getCurrentConference(getState);
+
+        conference?.lobbyApproveAccess(participants.map(p => p.id));
+    };
+}
+
+/**
+ * Approves the request of a knocking participant to join the meeting.
+ *
+ * @param {string} id - The id of the knocking participant.
+ * @returns {Function}
+ */
+export function approveKnockingParticipant(id: string) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const conference = getCurrentConference(getState);
+
+        conference?.lobbyApproveAccess(id);
+    };
+}
+
+/**
+ * Denies the request of a knocking participant to join the meeting.
+ *
+ * @param {string} id - The id of the knocking participant.
+ * @returns {Function}
+ */
+export function rejectKnockingParticipant(id: string) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const conference = getCurrentConference(getState);
+
+        conference?.lobbyDenyAccess(id);
+    };
+}
+
+/**
+ * Action to set the knocking state of the participant.
+ *
+ * @param {boolean} knocking - The new state.
+ * @returns {{
+ *     state: boolean,
+ *     type: SET_KNOCKING_STATE
+ * }}
+ */
+export function setKnockingState(knocking: boolean) {
+    return {
+        knocking,
+        type: SET_KNOCKING_STATE
+    };
+}
+
+/**
+ * Action to set the new state of the lobby mode.
+ *
+ * @param {boolean} enabled - The new state to set.
+ * @returns {{
+ *     enabled: boolean,
+ *     type: SET_LOBBY_MODE_ENABLED
+ * }}
+ */
+export function setLobbyModeEnabled(enabled: boolean) {
+    return {
+        enabled,
+        type: SET_LOBBY_MODE_ENABLED
+    };
+}
+
+/**
+ * Action to be dispatched when we failed to join with a password.
+ *
+ * @param {boolean} failed - True of recent password join failed.
+ * @returns {{
+ *     failed: boolean,
+ *     type: SET_PASSWORD_JOIN_FAILED
+ * }}
+ */
+export function setPasswordJoinFailed(failed: boolean) {
+    return {
+        failed,
+        type: SET_PASSWORD_JOIN_FAILED
+    };
+}
+
+/**
+ * Starts knocking and waiting for approval.
+ *
+ * @returns {Function}
+ */
+export function startKnocking() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const { membersOnly } = state['features/base/conference'];
+
+        logger.info(`Lobby starting knocking (membersOnly = ${membersOnly})`);
+
+        if (!membersOnly) {
+            // let's hide the notification (the case with denied access and retrying)
+            dispatch(hideNotification(LOBBY_NOTIFICATION_ID));
+
+            // no membersOnly, this means we got lobby screen shown as someone
+            // tried to join a conference that has lobby enabled without setting display name
+            // join conference should trigger the lobby/member_only path after setting the display name
+            // this is possible only for web, where we can join without a prejoin screen
+            dispatch(joinConference());
+
+            return;
+        }
+
+        const localParticipant = getLocalParticipant(state);
+
+        dispatch(conferenceWillJoin(membersOnly));
+
+        // We need to update the conference object with the current display name, if approved
+        // we want to send that display name, it was not updated in case when pre-join is disabled
+        sendLocalParticipant(state, membersOnly);
+
+        membersOnly?.joinLobby(localParticipant?.name, localParticipant?.email);
+        dispatch(setLobbyMessageListener());
+        dispatch(setKnockingState(true));
+    };
+}
+
+/**
+ * Action to toggle lobby mode on or off.
+ *
+ * @param {boolean} enabled - The desired (new) state of the lobby mode.
+ * @returns {Function}
+ */
+export function toggleLobbyMode(enabled: boolean) {
+    return async (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const conference = getCurrentConference(getState);
+
+        if (enabled) {
+            if (isEnablingLobbyAllowed(getState())) {
+                conference?.enableLobby();
+            } else {
+                logger.info('Ignoring enable lobby request because there are visitors in the call already.');
+            }
+        } else {
+            conference?.disableLobby();
+        }
+    };
+}
+
+/**
+ * Action to open the lobby screen.
+ *
+ * @returns {openDialog}
+ */
+export function openLobbyScreen() {
+    return {
+        type: SET_LOBBY_VISIBILITY,
+        visible: true
+    };
+}
+
+/**
+ * Action to hide the lobby screen.
+ *
+ * @returns {hideDialog}
+ */
+export function hideLobbyScreen() {
+    return {
+        type: SET_LOBBY_VISIBILITY,
+        visible: false
+    };
+}
+
+/**
+ * Action to handle chat initialized in the lobby room.
+ *
+ * @param {Object} payload - The payload received,
+ * contains the information about the two participants
+ * that will chat with each other in the lobby room.
+ *
+ * @returns {Promise<void>}
+ */
+export function handleLobbyChatInitialized(payload: { attendee: IParticipant; moderator: IParticipant; }) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const conference = getCurrentConference(state);
+
+        const id = conference?.myLobbyUserId();
+
+        dispatch({
+            type: SET_LOBBY_PARTICIPANT_CHAT_STATE,
+            participant: payload.attendee,
+            moderator: payload.moderator
+        });
+
+        dispatch(onLobbyChatInitialized(payload));
+
+        const attendeeIsKnocking = getKnockingParticipants(state).some(p => p.id === payload.attendee.id);
+
+        if (attendeeIsKnocking && conference?.getRole() === 'moderator' && payload.moderator.id !== id) {
+            dispatch(showNotification({
+                titleKey: 'lobby.lobbyChatStartedNotification',
+                titleArguments: {
+                    moderator: payload.moderator.name ?? '',
+                    attendee: payload.attendee.name ?? ''
+                }
+            }));
+        }
+    };
+}
+
+/**
+ * Action to send message to the moderator.
+ *
+ * @param {string} message - The message to be sent.
+ *
+ * @returns {Promise<void>}
+ */
+export function onSendMessage(message: string) {
+    return (dispatch: IStore['dispatch']) => {
+        dispatch(sendMessage(message));
+    };
+}
+
+/**
+ * Action to send lobby message to every participant. Only allowed for moderators.
+ *
+ * @param {Object} message - The message to be sent.
+ *
+ * @returns {Promise<void>}
+ */
+export function sendLobbyChatMessage(message: Object) {
+    return async (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const conference = getCurrentConference(getState);
+
+        conference?.sendLobbyMessage(message);
+    };
+}
+
+/**
+ * Sets lobby listeners if lobby has been enabled.
+ *
+ * @returns {Function}
+ */
+export function maybeSetLobbyChatMessageListener() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const lobbyEnabled = getLobbyEnabled(state);
+
+        if (lobbyEnabled) {
+            dispatch(setLobbyMessageListener());
+        }
+    };
+}
+
+/**
+ * Action to handle the event when a moderator leaves during lobby chat.
+ *
+ * @param {string} participantId - The participant id of the moderator who left.
+ * @returns {Function}
+ */
+export function updateLobbyParticipantOnLeave(participantId: string) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const { knocking, knockingParticipants } = state['features/lobby'];
+        const { lobbyMessageRecipient } = state['features/chat'];
+        const { conference } = state['features/base/conference'];
+
+        if (knocking && lobbyMessageRecipient && lobbyMessageRecipient.id === participantId) {
+            return dispatch(removeLobbyChatParticipant(true));
+        }
+
+        if (!knocking) {
+            // inform knocking participant when their moderator leaves
+            const participantToNotify = knockingParticipants.find(p => p.chattingWithModerator === participantId);
+
+            if (participantToNotify) {
+                conference?.sendLobbyMessage({
+                    type: MODERATOR_IN_CHAT_WITH_LEFT,
+                    moderatorId: participantToNotify.chattingWithModerator
+                }, participantToNotify.id);
+            }
+            dispatch({
+                type: REMOVE_LOBBY_CHAT_WITH_MODERATOR,
+                moderatorId: participantId
+            });
+        }
+    };
+}
+
+/**
+ * Handles all messages received in the lobby room.
+ *
+ * @returns {Function}
+ */
+export function setLobbyMessageListener() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const conference = getCurrentConference(state);
+        const { enableChat = true } = getLobbyConfig(state);
+
+        if (!enableChat) {
+            return;
+        }
+
+        conference?.addLobbyMessageListener((message: any, participantId: string) => {
+            if (message.type === LOBBY_CHAT_MESSAGE) {
+                return dispatch(handleLobbyMessageReceived(message.message, participantId));
+            }
+            if (message.type === LOBBY_CHAT_INITIALIZED) {
+                return dispatch(handleLobbyChatInitialized(message));
+            }
+            if (message.type === MODERATOR_IN_CHAT_WITH_LEFT) {
+                return dispatch(updateLobbyParticipantOnLeave(message.moderatorId));
+            }
+        });
+    };
+}
+
diff --git a/react/features/lobby/actions.native.ts b/react/features/lobby/actions.native.ts
new file mode 100644
index 0000000..862cbcd
--- /dev/null
+++ b/react/features/lobby/actions.native.ts
@@ -0,0 +1,23 @@
+import { batch } from 'react-redux';
+
+import { appNavigate } from '../app/actions.native';
+import { IStore } from '../app/types';
+
+import { hideLobbyScreen, setKnockingState } from './actions.any';
+
+export * from './actions.any';
+
+/**
+ * Cancels the ongoing knocking and abandons the join flow.
+ *
+ * @returns {Function}
+ */
+export function cancelKnocking() {
+    return (dispatch: IStore['dispatch']) => {
+        batch(() => {
+            dispatch(setKnockingState(false));
+            dispatch(hideLobbyScreen());
+            dispatch(appNavigate(undefined));
+        });
+    };
+}
diff --git a/react/features/lobby/actions.web.ts b/react/features/lobby/actions.web.ts
new file mode 100644
index 0000000..94cfe76
--- /dev/null
+++ b/react/features/lobby/actions.web.ts
@@ -0,0 +1,18 @@
+import { maybeRedirectToWelcomePage } from '../app/actions.web';
+import { IStore } from '../app/types';
+
+export * from './actions.any';
+
+/**
+ * Cancels the ongoing knocking and abandons the join flow.
+ *
+ * @returns {Function}
+ */
+export function cancelKnocking() {
+    return async (dispatch: IStore['dispatch']) => {
+        // when we are redirecting the library should handle any
+        // unload and clean of the connection.
+        APP.API.notifyReadyToClose();
+        dispatch(maybeRedirectToWelcomePage());
+    };
+}
diff --git a/react/features/lobby/components/AbstractLobbyScreen.tsx b/react/features/lobby/components/AbstractLobbyScreen.tsx
new file mode 100644
index 0000000..329ec36
--- /dev/null
+++ b/react/features/lobby/components/AbstractLobbyScreen.tsx
@@ -0,0 +1,482 @@
+import React, { PureComponent } from 'react';
+
+import { IReduxState, IStore } from '../../app/types';
+import { conferenceWillJoin } from '../../base/conference/actions';
+import { getConferenceName } from '../../base/conference/functions';
+import { IJitsiConference } from '../../base/conference/reducer';
+import { getSecurityUiConfig } from '../../base/config/functions.any';
+import { INVITE_ENABLED } from '../../base/flags/constants';
+import { getFeatureFlag } from '../../base/flags/functions';
+import { getLocalParticipant } from '../../base/participants/functions';
+import { getFieldValue } from '../../base/react/functions';
+import { updateSettings } from '../../base/settings/actions';
+import { IMessage } from '../../chat/types';
+import { isDeviceStatusVisible } from '../../prejoin/functions';
+import { cancelKnocking, joinWithPassword, onSendMessage, setPasswordJoinFailed, startKnocking } from '../actions';
+import { getLobbyConfig } from '../functions';
+
+export const SCREEN_STATES = {
+    EDIT: 1,
+    PASSWORD: 2,
+    VIEW: 3
+};
+
+export interface IProps {
+
+    /**
+     * Indicates whether the device status should be visible.
+     */
+    _deviceStatusVisible: boolean;
+
+    /**
+     * Whether to show the hangup button.
+     */
+    _hangUp?: boolean;
+
+    /**
+     * Indicates whether the message that display name is required is shown.
+     */
+    _isDisplayNameRequiredActive: boolean;
+
+    /**
+     * True if moderator initiated a chat session with the participant.
+     */
+    _isLobbyChatActive: boolean;
+
+    /**
+     * True if knocking is already happening, so we're waiting for a response.
+     */
+    _knocking: boolean;
+
+    /**
+    * Lobby messages between moderator and the participant.
+    */
+    _lobbyChatMessages: IMessage[];
+
+    /**
+     * Name of the lobby chat recipient.
+     */
+    _lobbyMessageRecipient?: string;
+
+    /**
+     * Whether to hide the login button.
+     */
+    _login?: boolean;
+
+    /**
+     * The name of the meeting we're about to join.
+     */
+    _meetingName: string;
+
+    /**
+     * The members only conference if any,.
+     */
+    _membersOnlyConference?: IJitsiConference;
+
+    /**
+     * The email of the participant about to knock/join.
+     */
+    _participantEmail?: string;
+
+    /**
+     * The id of the participant about to knock/join. This is the participant ID in the lobby room, at this point.
+     */
+    _participantId?: string;
+
+    /**
+     * The name of the participant about to knock/join.
+     */
+    _participantName?: string;
+
+    /**
+     * True if a recent attempt to join with password failed.
+     */
+    _passwordJoinFailed: boolean;
+
+    /**
+     * True if the password field should be available for lobby participants.
+     */
+    _renderPassword: boolean;
+
+    /**
+     * The Redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Indicates whether the copy url button should be shown.
+     */
+    showCopyUrlButton: boolean;
+
+    /**
+     * Function to be used to translate i18n labels.
+     */
+    t: Function;
+}
+
+interface IState {
+
+    /**
+     * The display name value entered into the field.
+     */
+    displayName: string;
+
+    /**
+     * The email value entered into the field.
+     */
+    email: string;
+
+    /**
+     * True if lobby chat widget is open.
+     */
+    isChatOpen: boolean;
+
+    /**
+     * The password value entered into the field.
+     */
+    password: string;
+
+    /**
+     * True if a recent attempt to join with password failed.
+     */
+    passwordJoinFailed: boolean;
+
+    /**
+     * The state of the screen. One of {@code SCREEN_STATES[*]}.
+     */
+    screenState: number;
+}
+
+/**
+ * Abstract class to encapsulate the platform common code of the {@code LobbyScreen}.
+ */
+export default class AbstractLobbyScreen<P extends IProps = IProps> extends PureComponent<P, IState> {
+    /**
+     * Instantiates a new component.
+     *
+     * @inheritdoc
+     */
+    constructor(props: P) {
+        super(props);
+
+        this.state = {
+            displayName: props._participantName || '',
+            email: props._participantEmail || '',
+            isChatOpen: true,
+            password: '',
+            passwordJoinFailed: false,
+            screenState: props._participantName ? SCREEN_STATES.VIEW : SCREEN_STATES.EDIT
+        };
+
+        this._onAskToJoin = this._onAskToJoin.bind(this);
+        this._onCancel = this._onCancel.bind(this);
+        this._onChangeDisplayName = this._onChangeDisplayName.bind(this);
+        this._onChangeEmail = this._onChangeEmail.bind(this);
+        this._onChangePassword = this._onChangePassword.bind(this);
+        this._onEnableEdit = this._onEnableEdit.bind(this);
+        this._onJoinWithPassword = this._onJoinWithPassword.bind(this);
+        this._onSendMessage = this._onSendMessage.bind(this);
+        this._onSwitchToKnockMode = this._onSwitchToKnockMode.bind(this);
+        this._onSwitchToPasswordMode = this._onSwitchToPasswordMode.bind(this);
+        this._onToggleChat = this._onToggleChat.bind(this);
+    }
+
+    /**
+     * Implements {@code PureComponent.getDerivedStateFromProps}.
+     *
+     * @inheritdoc
+     */
+    static getDerivedStateFromProps(props: IProps, state: IState) {
+        if (props._passwordJoinFailed && !state.passwordJoinFailed) {
+            return {
+                password: '',
+                passwordJoinFailed: true
+            };
+        }
+
+        return null;
+    }
+
+    /**
+     * Returns the screen title.
+     *
+     * @returns {string}
+     */
+    _getScreenTitleKey() {
+        const { screenState } = this.state;
+        const passwordPrompt = screenState === SCREEN_STATES.PASSWORD;
+
+        return !passwordPrompt && this.props._knocking
+            ? this.props._isLobbyChatActive ? 'lobby.lobbyChatStartedTitle' : 'lobby.joiningTitle'
+            : passwordPrompt ? 'lobby.enterPasswordTitle' : 'lobby.joinTitle';
+    }
+
+    /**
+     * Callback to be invoked when the user submits the joining request.
+     *
+     * @returns {void}
+     */
+    _onAskToJoin() {
+        this.setState({
+            password: ''
+        });
+
+        this.props.dispatch(startKnocking());
+
+        return false;
+    }
+
+    /**
+     * Callback to be invoked when the user cancels the dialog.
+     *
+     * @private
+     * @returns {boolean}
+     */
+    _onCancel() {
+        this.props.dispatch(cancelKnocking());
+
+        return true;
+    }
+
+    /**
+     * Callback to be invoked when the user changes its display name.
+     *
+     * @param {SyntheticEvent} event - The SyntheticEvent instance of the change.
+     * @returns {void}
+     */
+    _onChangeDisplayName(event: { target: { value: string; }; } | string) {
+        const displayName = getFieldValue(event);
+
+        this.setState({
+            displayName
+        }, () => {
+            this.props.dispatch(updateSettings({
+                displayName
+            }));
+        });
+    }
+
+    /**
+     * Callback to be invoked when the user changes its email.
+     *
+     * @param {SyntheticEvent} event - The SyntheticEvent instance of the change.
+     * @returns {void}
+     */
+    _onChangeEmail(event: { target: { value: string; }; } | string) {
+        const email = getFieldValue(event);
+
+        this.setState({
+            email
+        }, () => {
+            this.props.dispatch(updateSettings({
+                email
+            }));
+        });
+    }
+
+    /**
+     * Callback to be invoked when the user changes the password.
+     *
+     * @param {SyntheticEvent} event - The SyntheticEvent instance of the change.
+     * @returns {void}
+     */
+    _onChangePassword(event: { target: { value: string; }; } | string) {
+        this.setState({
+            password: getFieldValue(event)
+        });
+    }
+
+    /**
+     * Callback to be invoked for the edit button.
+     *
+     * @returns {void}
+     */
+    _onEnableEdit() {
+        this.setState({
+            screenState: SCREEN_STATES.EDIT
+        });
+    }
+
+    /**
+     * Callback to be invoked when the user tries to join using a preset password.
+     *
+     * @returns {void}
+     */
+    _onJoinWithPassword() {
+        this.setState({
+            passwordJoinFailed: false
+        });
+        this.props.dispatch(joinWithPassword(this.state.password));
+    }
+
+    /**
+     * Callback to be invoked for sending lobby chat messages.
+     *
+     * @param {string} message - Message to be sent.
+     * @returns {void}
+     */
+    _onSendMessage(message: string) {
+        this.props.dispatch(onSendMessage(message));
+    }
+
+    /**
+     * Callback to be invoked for the enter (go back to) knocking mode button.
+     *
+     * @returns {void}
+     */
+    _onSwitchToKnockMode() {
+        this.setState({
+            password: '',
+            screenState: this.state.displayName ? SCREEN_STATES.VIEW : SCREEN_STATES.EDIT
+        });
+        this.props.dispatch(setPasswordJoinFailed(false));
+
+        // let's return to the correct state after password failed
+        this.props.dispatch(conferenceWillJoin(this.props._membersOnlyConference));
+    }
+
+    /**
+     * Callback to be invoked for the enter password button.
+     *
+     * @returns {void}
+     */
+    _onSwitchToPasswordMode() {
+        this.setState({
+            screenState: SCREEN_STATES.PASSWORD
+        });
+    }
+
+    /**
+     * Callback to be invoked for toggling lobby chat visibility.
+     *
+     * @returns {void}
+     */
+    _onToggleChat() {
+        this.setState(_prevState => {
+            return {
+                isChatOpen: !_prevState.isChatOpen
+            };
+        });
+    }
+
+    /**
+     * Renders the content of the dialog.
+     *
+     * @returns {React$Element}
+     */
+    _renderContent() {
+        const { _knocking } = this.props;
+        const { screenState } = this.state;
+
+        if (screenState !== SCREEN_STATES.PASSWORD && _knocking) {
+            return this._renderJoining();
+        }
+
+        return (
+            <>
+                { screenState === SCREEN_STATES.VIEW && this._renderParticipantInfo() }
+                { screenState === SCREEN_STATES.EDIT && this._renderParticipantForm() }
+                { screenState === SCREEN_STATES.PASSWORD && this._renderPasswordForm() }
+
+                { (screenState === SCREEN_STATES.VIEW || screenState === SCREEN_STATES.EDIT)
+                    && this._renderStandardButtons() }
+                { screenState === SCREEN_STATES.PASSWORD && this._renderPasswordJoinButtons() }
+            </>
+        );
+    }
+
+    /**
+     * Renders the joining (waiting) fragment of the screen.
+     *
+     * @returns {React$Element}
+     */
+    _renderJoining() {
+        return <></>;
+    }
+
+    /**
+     * Renders the participant form to let the knocking participant enter its details.
+     *
+     * @returns {React$Element}
+     */
+    _renderParticipantForm() {
+        return <></>;
+    }
+
+    /**
+     * Renders the participant info fragment when we have all the required details of the user.
+     *
+     * @returns {React$Element}
+     */
+    _renderParticipantInfo() {
+        return <></>;
+    }
+
+    /**
+     * Renders the password form to let the participant join by using a password instead of knocking.
+     *
+     * @returns {React$Element}
+     */
+    _renderPasswordForm() {
+        return <></>;
+    }
+
+    /**
+     * Renders the password join button (set).
+     *
+     * @returns {React$Element}
+     */
+    _renderPasswordJoinButtons() {
+        return <></>;
+    }
+
+    /**
+     * Renders the standard (pre-knocking) button set.
+     *
+     * @returns {React$Element}
+     */
+    _renderStandardButtons() {
+        return <></>;
+    }
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @returns {IProps}
+ */
+export function _mapStateToProps(state: IReduxState) {
+    const localParticipant = getLocalParticipant(state);
+    const participantId = localParticipant?.id;
+    const inviteEnabledFlag = getFeatureFlag(state, INVITE_ENABLED, true);
+    const { disableInviteFunctions } = state['features/base/config'];
+    const { isDisplayNameRequiredError, knocking, passwordJoinFailed } = state['features/lobby'];
+    const { iAmSipGateway } = state['features/base/config'];
+    const { disableLobbyPassword } = getSecurityUiConfig(state);
+    const showCopyUrlButton = inviteEnabledFlag || !disableInviteFunctions;
+    const deviceStatusVisible = isDeviceStatusVisible(state);
+    const { showHangUp = true } = getLobbyConfig(state);
+    const { membersOnly, lobbyWaitingForHost } = state['features/base/conference'];
+    const { isLobbyChatActive, lobbyMessageRecipient, messages } = state['features/chat'];
+    const { showModeratorLogin } = state['features/authentication'];
+
+    return {
+        _deviceStatusVisible: deviceStatusVisible,
+        _isDisplayNameRequiredActive: Boolean(isDisplayNameRequiredError),
+        _knocking: knocking,
+        _lobbyChatMessages: messages,
+        _lobbyMessageRecipient: lobbyMessageRecipient?.name,
+        _login: showModeratorLogin && !state['features/base/jwt'].jwt,
+        _hangUp: showHangUp,
+        _isLobbyChatActive: isLobbyChatActive,
+        _meetingName: getConferenceName(state),
+        _membersOnlyConference: membersOnly,
+        _participantEmail: localParticipant?.email,
+        _participantId: participantId,
+        _participantName: localParticipant?.name,
+        _passwordJoinFailed: passwordJoinFailed,
+        _renderPassword: !iAmSipGateway && !disableLobbyPassword && !lobbyWaitingForHost,
+        showCopyUrlButton
+    };
+}
diff --git a/react/features/lobby/components/native/LobbyChatScreen.tsx b/react/features/lobby/components/native/LobbyChatScreen.tsx
new file mode 100644
index 0000000..da9fb2e
--- /dev/null
+++ b/react/features/lobby/components/native/LobbyChatScreen.tsx
@@ -0,0 +1,44 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import { translate } from '../../../base/i18n/functions';
+import JitsiScreen from '../../../base/modal/components/JitsiScreen';
+import ChatInputBar from '../../../chat/components/native/ChatInputBar';
+import MessageContainer from '../../../chat/components/native/MessageContainer';
+import AbstractLobbyScreen, {
+    IProps as AbstractProps,
+    _mapStateToProps as abstractMapStateToProps
+} from '../AbstractLobbyScreen';
+
+import styles from './styles';
+
+
+/**
+ * Implements a chat screen that appears when communication is started
+ * between the moderator and the participant being in the lobby.
+ */
+class LobbyChatScreen extends
+    AbstractLobbyScreen<AbstractProps> {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { _lobbyChatMessages } = this.props;
+
+        return (
+            <JitsiScreen
+                hasBottomTextInput = { true }
+                hasExtraHeaderHeight = { true }
+                style = { styles.lobbyChatWrapper }>
+                {/* @ts-ignore */}
+                <MessageContainer messages = { _lobbyChatMessages } />
+                <ChatInputBar onSend = { this._onSendMessage } />
+            </JitsiScreen>
+        );
+    }
+}
+
+export default translate(connect(abstractMapStateToProps)(LobbyChatScreen));
diff --git a/react/features/lobby/components/native/LobbyScreen.tsx b/react/features/lobby/components/native/LobbyScreen.tsx
new file mode 100644
index 0000000..3c09dda
--- /dev/null
+++ b/react/features/lobby/components/native/LobbyScreen.tsx
@@ -0,0 +1,323 @@
+import React from 'react';
+import { Text, TextStyle, View, ViewStyle } from 'react-native';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { login } from '../../../authentication/actions.any';
+import { getConferenceName } from '../../../base/conference/functions';
+import { translate } from '../../../base/i18n/functions';
+import JitsiScreen from '../../../base/modal/components/JitsiScreen';
+import LoadingIndicator from '../../../base/react/components/native/LoadingIndicator';
+import { ASPECT_RATIO_WIDE } from '../../../base/responsive-ui/constants';
+import BaseTheme from '../../../base/ui/components/BaseTheme.native';
+import Button from '../../../base/ui/components/native/Button';
+import Input from '../../../base/ui/components/native/Input';
+import { BUTTON_TYPES } from '../../../base/ui/constants.native';
+import BrandingImageBackground from '../../../dynamic-branding/components/native/BrandingImageBackground';
+import LargeVideo from '../../../large-video/components/LargeVideo.native';
+import { navigate }
+    from '../../../mobile/navigation/components/lobby/LobbyNavigationContainerRef';
+import { screen } from '../../../mobile/navigation/routes';
+import { preJoinStyles } from '../../../prejoin/components/native/styles';
+import HangupButton from '../../../toolbox/components/HangupButton';
+import AudioMuteButton from '../../../toolbox/components/native/AudioMuteButton';
+import VideoMuteButton from '../../../toolbox/components/native/VideoMuteButton';
+import AbstractLobbyScreen, {
+    IProps as AbstractProps,
+    _mapStateToProps as abstractMapStateToProps } from '../AbstractLobbyScreen';
+
+import styles from './styles';
+
+interface IProps extends AbstractProps {
+
+    /**
+     * The current aspect ratio of the screen.
+     */
+    _aspectRatio: Symbol;
+
+    /**
+     * The current height of the screen.
+     */
+    _clientHeight: number;
+
+    /**
+     * The current width of the screen.
+     */
+    _clientWidth: number;
+
+    /**
+     * The room name.
+     */
+    _roomName: string;
+}
+
+/**
+ * Implements a waiting screen that represents the participant being in the lobby.
+ */
+class LobbyScreen extends AbstractLobbyScreen<IProps> {
+    /**
+     * Initializes a new LobbyScreen instance.
+     *
+     * @param {IProps} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._onLogin = this._onLogin.bind(this);
+    }
+
+    /**
+     * Implements {@code PureComponent#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { _aspectRatio, _clientHeight, _clientWidth, _roomName } = this.props;
+        const isTablet = Math.min(_clientWidth, _clientHeight) >= 768;
+
+        let contentContainerStyles = preJoinStyles.contentContainer;
+        let largeVideoContainerStyles = preJoinStyles.largeVideoContainer;
+
+        if (isTablet && _aspectRatio === ASPECT_RATIO_WIDE) {
+            // @ts-ignore
+            contentContainerStyles = preJoinStyles.contentContainerWide;
+            largeVideoContainerStyles = preJoinStyles.largeVideoContainerWide;
+        }
+
+        return (
+            <JitsiScreen
+                addBottomPadding = { false }
+                safeAreaInsets = { [ 'right' ] }
+                style = { preJoinStyles.contentWrapper }>
+                <BrandingImageBackground />
+                <View style = { largeVideoContainerStyles as ViewStyle }>
+                    <View style = { preJoinStyles.conferenceInfo as ViewStyle }>
+                        <View style = { preJoinStyles.displayRoomNameBackdrop }>
+                            <Text
+                                numberOfLines = { 1 }
+                                style = { preJoinStyles.preJoinRoomName }>
+                                { _roomName }
+                            </Text>
+                        </View>
+                    </View>
+                    <LargeVideo />
+                </View>
+                <View style = { contentContainerStyles as ViewStyle }>
+                    { this._renderToolbarButtons() }
+                    { this._renderContent() }
+                </View>
+            </JitsiScreen>
+        );
+    }
+
+    /**
+     * Navigates to the lobby chat screen.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onNavigateToLobbyChat() {
+        navigate(screen.lobby.chat);
+    }
+
+    /**
+     * Renders the joining (waiting) fragment of the screen.
+     *
+     * @inheritdoc
+     */
+    _renderJoining() {
+        return (
+            <View style = { styles.lobbyWaitingFragmentContainer }>
+                <Text style = { styles.lobbyTitle }>
+                    { this.props.t('lobby.joiningTitle') }
+                </Text>
+                <LoadingIndicator
+                    color = { BaseTheme.palette.icon01 }
+                    style = { styles.loadingIndicator } />
+                <Text style = { styles.joiningMessage as TextStyle }>
+                    { this.props.t('lobby.joiningMessage') }
+                </Text>
+                { this._renderStandardButtons() }
+            </View>
+        );
+    }
+
+    /**
+     * Renders the participant form to let the knocking participant enter its details.
+     *
+     * @inheritdoc
+     */
+    _renderParticipantForm() {
+        const { t } = this.props;
+        const { displayName } = this.state;
+
+        return (
+            <Input
+                customStyles = {{ input: preJoinStyles.customInput }}
+                onChange = { this._onChangeDisplayName }
+                placeholder = { t('lobby.nameField') }
+                value = { displayName } />
+        );
+    }
+
+    /**
+     * Renders the participant info fragment when we have all the required details of the user.
+     *
+     * @inheritdoc
+     */
+    _renderParticipantInfo() {
+        return this._renderParticipantForm();
+    }
+
+    /**
+     * Renders the password form to let the participant join by using a password instead of knocking.
+     *
+     * @inheritdoc
+     */
+    _renderPasswordForm() {
+        const { _passwordJoinFailed, t } = this.props;
+
+        return (
+            <Input
+                autoCapitalize = 'none'
+                customStyles = {{ input: styles.customInput }}
+                error = { _passwordJoinFailed }
+                onChange = { this._onChangePassword }
+                placeholder = { t('lobby.enterPasswordButton') }
+                secureTextEntry = { true }
+                value = { this.state.password } />
+        );
+    }
+
+    /**
+     * Renders the password join button (set).
+     *
+     * @inheritdoc
+     */
+    _renderPasswordJoinButtons() {
+        return (
+            <View style = { styles.passwordJoinButtons }>
+                <Button
+                    accessibilityLabel = 'lobby.passwordJoinButton'
+                    disabled = { !this.state.password }
+                    labelKey = { 'lobby.passwordJoinButton' }
+                    onClick = { this._onJoinWithPassword }
+                    style = { preJoinStyles.joinButton }
+                    type = { BUTTON_TYPES.PRIMARY } />
+                <Button
+                    accessibilityLabel = 'lobby.backToKnockModeButton'
+                    labelKey = 'lobby.backToKnockModeButton'
+                    onClick = { this._onSwitchToKnockMode }
+                    style = { preJoinStyles.joinButton }
+                    type = { BUTTON_TYPES.TERTIARY } />
+            </View>
+        );
+    }
+
+    /**
+     * Renders the toolbar buttons menu.
+     *
+     * @inheritdoc
+     */
+    _renderToolbarButtons() {
+        const { _hangUp } = this.props;
+
+        return (
+            <View style = { preJoinStyles.toolboxContainer as ViewStyle }>
+                <AudioMuteButton
+                    styles = { preJoinStyles.buttonStylesBorderless } />
+                <VideoMuteButton
+                    styles = { preJoinStyles.buttonStylesBorderless } />
+                {
+                    _hangUp
+                    && <HangupButton
+                        styles = { preJoinStyles.buttonStylesBorderless } />
+                }
+            </View>
+        );
+    }
+
+    /**
+     * Renders the standard button set.
+     *
+     * @inheritdoc
+     */
+    _renderStandardButtons() {
+        const { _knocking, _renderPassword, _isLobbyChatActive, _login } = this.props;
+        const { displayName } = this.state;
+
+        return (
+            <View style = { styles.formWrapper as ViewStyle }>
+                {
+                    _knocking && _isLobbyChatActive
+                    && <Button
+                        accessibilityLabel = 'toolbar.openChat'
+                        labelKey = 'toolbar.openChat'
+                        onClick = { this._onNavigateToLobbyChat }
+                        style = { preJoinStyles.joinButton }
+                        type = { BUTTON_TYPES.PRIMARY } />
+                }
+                {
+                    _knocking
+                    || <Button
+                        accessibilityLabel = 'lobby.knockButton'
+                        disabled = { !displayName }
+                        labelKey = 'lobby.knockButton'
+                        onClick = { this._onAskToJoin }
+                        style = { preJoinStyles.joinButton }
+                        type = { BUTTON_TYPES.PRIMARY } />
+                }
+                {
+                    _renderPassword
+                    && <Button
+                        accessibilityLabel = 'lobby.enterPasswordButton'
+                        labelKey = 'lobby.enterPasswordButton'
+                        onClick = { this._onSwitchToPasswordMode }
+                        style = { preJoinStyles.joinButton }
+                        type = { BUTTON_TYPES.PRIMARY } />
+                }
+                {
+                    _login
+                    && <Button
+                        accessibilityLabel = 'dialog.IamHost'
+                        labelKey = 'dialog.IamHost'
+                        onClick = { this._onLogin }
+                        style = { preJoinStyles.joinButton }
+                        type = { BUTTON_TYPES.PRIMARY } />
+                }
+            </View>
+        );
+    }
+
+    /**
+     * Handles login button click.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onLogin() {
+        this.props.dispatch(login());
+    }
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {IProps} ownProps - The own props of the component.
+ * @returns {{
+ *     _aspectRatio: Symbol
+ * }}
+ */
+function _mapStateToProps(state: IReduxState) {
+    return {
+        ...abstractMapStateToProps(state),
+        _aspectRatio: state['features/base/responsive-ui'].aspectRatio,
+        _clientHeight: state['features/base/responsive-ui'].clientHeight,
+        _clientWidth: state['features/base/responsive-ui'].clientWidth,
+        _roomName: getConferenceName(state)
+    };
+}
+
+export default translate(connect(_mapStateToProps)(LobbyScreen));
diff --git a/react/features/lobby/components/native/styles.ts b/react/features/lobby/components/native/styles.ts
new file mode 100644
index 0000000..f0734f7
--- /dev/null
+++ b/react/features/lobby/components/native/styles.ts
@@ -0,0 +1,58 @@
+import BaseTheme from '../../../base/ui/components/BaseTheme.native';
+
+export default {
+
+    lobbyChatWrapper: {
+        backgroundColor: BaseTheme.palette.ui01,
+        flex: 1
+    },
+
+    passwordJoinButtons: {
+        top: BaseTheme.spacing[7]
+    },
+
+    contentContainer: {
+        alignItems: 'center',
+        backgroundColor: BaseTheme.palette.uiBackground,
+        bottom: BaseTheme.spacing[0],
+        display: 'flex',
+        height: 388,
+        justifyContent: 'center',
+        position: 'absolute',
+        width: '100%',
+        zIndex: 1
+    },
+
+    formWrapper: {
+        alignItems: 'center',
+        justifyContent: 'center'
+    },
+
+    customInput: {
+        position: 'relative',
+        textAlign: 'center',
+        top: BaseTheme.spacing[6],
+        width: 352
+    },
+
+    joiningMessage: {
+        color: BaseTheme.palette.text01,
+        marginHorizontal: BaseTheme.spacing[3],
+        textAlign: 'center'
+    },
+
+    loadingIndicator: {
+        marginBottom: BaseTheme.spacing[3]
+    },
+
+    lobbyTitle: {
+        ...BaseTheme.typography.heading5,
+        color: BaseTheme.palette.text01,
+        marginBottom: BaseTheme.spacing[3],
+        textAlign: 'center'
+    },
+
+    lobbyWaitingFragmentContainer: {
+        height: 260
+    }
+};
diff --git a/react/features/lobby/components/web/LobbyScreen.tsx b/react/features/lobby/components/web/LobbyScreen.tsx
new file mode 100644
index 0000000..de1a525
--- /dev/null
+++ b/react/features/lobby/components/web/LobbyScreen.tsx
@@ -0,0 +1,319 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import { login } from '../../../authentication/actions.any';
+import { leaveConference } from '../../../base/conference/actions';
+import { translate } from '../../../base/i18n/functions';
+import Icon from '../../../base/icons/components/Icon';
+import { IconCloseLarge } from '../../../base/icons/svg';
+import PreMeetingScreen from '../../../base/premeeting/components/web/PreMeetingScreen';
+import LoadingIndicator from '../../../base/react/components/web/LoadingIndicator';
+import Button from '../../../base/ui/components/web/Button';
+import Input from '../../../base/ui/components/web/Input';
+import { BUTTON_TYPES } from '../../../base/ui/constants.any';
+import ChatInput from '../../../chat/components/web/ChatInput';
+import MessageContainer from '../../../chat/components/web/MessageContainer';
+import AbstractLobbyScreen, {
+    IProps,
+    _mapStateToProps
+} from '../AbstractLobbyScreen';
+
+/**
+ * Implements a waiting screen that represents the participant being in the lobby.
+ */
+class LobbyScreen extends AbstractLobbyScreen<IProps> {
+    /**
+     * Reference to the React Component for displaying chat messages. Used for
+     * scrolling to the end of the chat messages.
+     */
+    _messageContainerRef: React.RefObject<MessageContainer>;
+
+    /**
+       * Initializes a new {@code LobbyScreen} instance.
+       *
+       * @param {Object} props - The read-only properties with which the new
+       * instance is to be initialized.
+       */
+    constructor(props: IProps) {
+        super(props);
+
+        this._messageContainerRef = React.createRef<MessageContainer>();
+
+        // Bind authentication methods
+        this._onLogin = this._onLogin.bind(this);
+        this._onHangup = this._onHangup.bind(this);
+    }
+
+    /**
+       * Implements {@code Component#componentDidMount}.
+       *
+       * @inheritdoc
+       */
+    override componentDidMount() {
+        this._scrollMessageContainerToBottom(true);
+    }
+
+    /**
+       * Implements {@code Component#componentDidUpdate}.
+       *
+       * @inheritdoc
+       */
+    override componentDidUpdate(prevProps: IProps) {
+        if (this.props._lobbyChatMessages !== prevProps._lobbyChatMessages) {
+            this._scrollMessageContainerToBottom(true);
+        } else if (this.props._isLobbyChatActive && !prevProps._isLobbyChatActive) {
+            this._scrollMessageContainerToBottom(false);
+        }
+    }
+
+    /**
+     * Implements {@code PureComponent#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { _deviceStatusVisible, showCopyUrlButton, t } = this.props;
+
+        return (
+            <PreMeetingScreen
+                className = 'lobby-screen'
+                showCopyUrlButton = { showCopyUrlButton }
+                showDeviceStatus = { _deviceStatusVisible }
+                title = { t(this._getScreenTitleKey(), { moderator: this.props._lobbyMessageRecipient }) }>
+                { this._renderContent() }
+            </PreMeetingScreen>
+        );
+    }
+
+    /**
+     * Renders the joining (waiting) fragment of the screen.
+     *
+     * @inheritdoc
+     */
+    override _renderJoining() {
+        const { _login, _isLobbyChatActive } = this.props;
+
+        return (
+            <div className = 'lobby-screen-content'>
+                {_isLobbyChatActive
+                    ? this._renderLobbyChat()
+                    : (
+                        <>
+                            <div className = 'spinner'>
+                                <LoadingIndicator size = 'large' />
+                            </div>
+                            <span className = 'joining-message'>
+                                { this.props.t(_login ? 'lobby.waitForModerator' : 'lobby.joiningMessage') }
+                            </span>
+                        </>
+                    )}
+                { this._renderStandardButtons() }
+            </div>
+        );
+    }
+
+    /**
+     * Renders the widget to chat with the moderator before allowed in.
+     *
+     * @inheritdoc
+     */
+    _renderLobbyChat() {
+        const { _lobbyChatMessages, t } = this.props;
+        const { isChatOpen } = this.state;
+
+        return (
+            <div className = { `lobby-chat-container ${isChatOpen ? 'hidden' : ''}` }>
+                <div className = 'lobby-chat-header'>
+                    <h1 className = 'title'>
+                        { t(this._getScreenTitleKey(), { moderator: this.props._lobbyMessageRecipient }) }
+                    </h1>
+                    <Icon
+                        ariaLabel = { t('toolbar.closeChat') }
+                        onClick = { this._onToggleChat }
+                        role = 'button'
+                        src = { IconCloseLarge } />
+                </div>
+                <MessageContainer
+                    messages = { _lobbyChatMessages }
+                    ref = { this._messageContainerRef } />
+                <ChatInput onSend = { this._onSendMessage } />
+            </div>
+        );
+    }
+
+    /**
+     * Renders the participant form to let the knocking participant enter its details.
+     *
+     * NOTE: We don't use edit action on web since the prejoin functionality got merged.
+     * Mobile won't use it either once prejoin gets implemented there too.
+     *
+     * @inheritdoc
+     */
+    override _renderParticipantForm() {
+        return this._renderParticipantInfo();
+    }
+
+    /**
+     * Renders the participant info fragment when we have all the required details of the user.
+     *
+     * @inheritdoc
+     */
+    override _renderParticipantInfo() {
+        const { displayName } = this.state;
+        const { _isDisplayNameRequiredActive, t } = this.props;
+        const showError = _isDisplayNameRequiredActive && !displayName;
+
+        return (
+            <>
+                <Input
+                    autoFocus = { true }
+                    className = 'lobby-prejoin-input'
+                    error = { showError }
+                    id = 'lobby-name-field'
+                    onChange = { this._onChangeDisplayName }
+                    placeholder = { t('lobby.nameField') }
+                    testId = 'lobby.nameField'
+                    value = { displayName } />
+
+                { showError && <div
+                    className = 'lobby-prejoin-error'
+                    data-testid = 'lobby.errorMessage'>{t('prejoin.errorMissingName')}</div>}
+            </>
+        );
+    }
+
+    /**
+     * Renders the password form to let the participant join by using a password instead of knocking.
+     *
+     * @inheritdoc
+     */
+    override _renderPasswordForm() {
+        const { _passwordJoinFailed, t } = this.props;
+
+        return (
+            <>
+                <Input
+                    className = { `lobby-prejoin-input ${_passwordJoinFailed ? 'error' : ''}` }
+                    id = 'lobby-password-input'
+                    onChange = { this._onChangePassword }
+                    placeholder = { t('lobby.enterPasswordButton') }
+                    testId = 'lobby.password'
+                    type = 'password'
+                    value = { this.state.password } />
+
+                {_passwordJoinFailed && <div
+                    className = 'lobby-prejoin-error'
+                    data-testid = 'lobby.errorMessage'>{t('lobby.invalidPassword')}</div>}
+            </>
+        );
+    }
+
+    /**
+     * Renders the password join button (set).
+     *
+     * @inheritdoc
+     */
+    override _renderPasswordJoinButtons() {
+        return (
+            <>
+                <Button
+                    className = 'lobby-button-margin'
+                    fullWidth = { true }
+                    labelKey = 'prejoin.joinMeeting'
+                    onClick = { this._onJoinWithPassword }
+                    testId = 'lobby.passwordJoinButton'
+                    type = { BUTTON_TYPES.PRIMARY } />
+                <Button
+                    className = 'lobby-button-margin'
+                    fullWidth = { true }
+                    labelKey = 'lobby.backToKnockModeButton'
+                    onClick = { this._onSwitchToKnockMode }
+                    testId = 'lobby.backToKnockModeButton'
+                    type = { BUTTON_TYPES.SECONDARY } />
+            </>
+        );
+    }
+
+    /**
+     * Renders the standard button set.
+     *
+     * @inheritdoc
+     */
+    override _renderStandardButtons() {
+        const { _knocking, _login, _isLobbyChatActive, _renderPassword } = this.props;
+
+        return (
+            <>
+                {_knocking || <Button
+                    className = 'lobby-button-margin'
+                    disabled = { !this.state.displayName }
+                    fullWidth = { true }
+                    labelKey = 'lobby.knockButton'
+                    onClick = { this._onAskToJoin }
+                    testId = 'lobby.knockButton'
+                    type = 'primary' />
+                }
+                {(_knocking && _isLobbyChatActive) && <Button
+                    className = 'lobby-button-margin open-chat-button'
+                    fullWidth = { true }
+                    labelKey = 'toolbar.openChat'
+                    onClick = { this._onToggleChat }
+                    testId = 'toolbar.openChat'
+                    type = 'primary' />
+                }
+                {_renderPassword && <Button
+                    className = 'lobby-button-margin'
+                    fullWidth = { true }
+                    labelKey = 'lobby.enterPasswordButton'
+                    onClick = { this._onSwitchToPasswordMode }
+                    testId = 'lobby.enterPasswordButton'
+                    type = { BUTTON_TYPES.SECONDARY } />
+                }
+                {_login && <Button
+                    className = 'lobby-button-margin'
+                    fullWidth = { true }
+                    labelKey = 'dialog.IamHost'
+                    onClick = { this._onLogin }
+                    testId = 'lobby.loginButton'
+                    type = { BUTTON_TYPES.PRIMARY } />
+                }
+            </>
+        );
+    }
+
+    /**
+     * Scrolls the chat messages so the latest message is visible.
+     *
+     * @param {boolean} withAnimation - Whether or not to show a scrolling
+     * animation.
+     * @private
+     * @returns {void}
+     */
+    _scrollMessageContainerToBottom(withAnimation: boolean) {
+        if (this._messageContainerRef.current) {
+            this._messageContainerRef.current.scrollToElement(withAnimation, null);
+        }
+    }
+
+    /**
+     * Handles login button click.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onLogin() {
+        this.props.dispatch(login());
+    }
+
+    /**
+     * Handles hangup button click.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onHangup() {
+        this.props.dispatch(leaveConference());
+    }
+}
+
+export default translate(connect(_mapStateToProps)(LobbyScreen));
diff --git a/react/features/lobby/components/web/LobbySection.tsx b/react/features/lobby/components/web/LobbySection.tsx
new file mode 100644
index 0000000..e7396a2
--- /dev/null
+++ b/react/features/lobby/components/web/LobbySection.tsx
@@ -0,0 +1,122 @@
+import React, { PureComponent } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import Switch from '../../../base/ui/components/web/Switch';
+import { toggleLobbyMode } from '../../actions';
+
+interface IProps extends WithTranslation {
+
+    /**
+     * True if lobby is currently enabled in the conference.
+     */
+    _lobbyEnabled: boolean;
+
+    /**
+     * The Redux Dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+}
+
+interface IState {
+
+    /**
+     * True if the lobby switch is toggled on.
+     */
+    lobbyEnabled: boolean;
+}
+
+/**
+ * Implements a security feature section to control lobby mode.
+ */
+class LobbySection extends PureComponent<IProps, IState> {
+    /**
+     * Instantiates a new component.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            lobbyEnabled: props._lobbyEnabled
+        };
+
+        this._onToggleLobby = this._onToggleLobby.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#getDerivedStateFromProps()}.
+     *
+     * @inheritdoc
+     */
+    static getDerivedStateFromProps(props: IProps, state: IState) {
+        if (props._lobbyEnabled !== state.lobbyEnabled) {
+
+            return {
+                lobbyEnabled: props._lobbyEnabled
+            };
+        }
+
+        return null;
+    }
+
+    /**
+     * Implements {@code PureComponent#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { t } = this.props;
+
+        return (
+            <div id = 'lobby-section'>
+                <p
+                    className = 'description'
+                    role = 'banner'>
+                    { t('lobby.enableDialogText') }
+                </p>
+                <div className = 'control-row'>
+                    <label htmlFor = 'lobby-section-switch'>
+                        { t('lobby.toggleLabel') }
+                    </label>
+                    <Switch
+                        checked = { this.state.lobbyEnabled }
+                        id = 'lobby-section-switch'
+                        onChange = { this._onToggleLobby } />
+                </div>
+            </div>
+        );
+    }
+
+    /**
+     * Callback to be invoked when the user toggles the lobby feature on or off.
+     *
+     * @returns {void}
+     */
+    _onToggleLobby() {
+        const newValue = !this.state.lobbyEnabled;
+
+        this.setState({
+            lobbyEnabled: newValue
+        });
+
+        this.props.dispatch(toggleLobbyMode(newValue));
+    }
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @returns {IProps}
+ */
+function mapStateToProps(state: IReduxState) {
+    return {
+        _lobbyEnabled: state['features/lobby'].lobbyEnabled
+    };
+}
+
+export default translate(connect(mapStateToProps)(LobbySection));
diff --git a/react/features/lobby/constants.ts b/react/features/lobby/constants.ts
new file mode 100644
index 0000000..ac432ad
--- /dev/null
+++ b/react/features/lobby/constants.ts
@@ -0,0 +1,25 @@
+/**
+ * Hide these emails when trying to join a lobby.
+ */
+export const HIDDEN_EMAILS = [ 'inbound-sip-jibri@jitsi.net', 'outbound-sip-jibri@jitsi.net' ];
+
+/**
+ * The identifier of the sound to be played when a participant joins lobby.
+ *
+ * @type {string}
+ */
+export const KNOCKING_PARTICIPANT_SOUND_ID = 'KNOCKING_PARTICIPANT_SOUND';
+
+/**
+ * Lobby chat initialized message type.
+ *
+ * @type {string}
+ */
+export const LOBBY_CHAT_INITIALIZED = 'LOBBY_CHAT_INITIALIZED';
+
+/**
+   * Event message sent to knocking participant when moderator in chat with leaves.
+   *
+   * @type {string}
+   */
+export const MODERATOR_IN_CHAT_WITH_LEFT = 'MODERATOR_IN_CHAT_WITH_LEFT';
diff --git a/react/features/lobby/functions.ts b/react/features/lobby/functions.ts
new file mode 100644
index 0000000..9891fdb
--- /dev/null
+++ b/react/features/lobby/functions.ts
@@ -0,0 +1,105 @@
+import { IReduxState } from '../app/types';
+import { getCurrentConference } from '../base/conference/functions';
+import { getVisitorsCount } from '../visitors/functions';
+
+import { IKnockingParticipant } from './types';
+
+
+/**
+* Selector to return lobby enable state.
+*
+* @param {IReduxState} state - State object.
+* @returns {boolean}
+*/
+export function getLobbyEnabled(state: IReduxState) {
+    return state['features/lobby'].lobbyEnabled;
+}
+
+/**
+* Selector to return a list of knocking participants.
+*
+* @param {IReduxState} state - State object.
+* @returns {Array<Object>}
+*/
+export function getKnockingParticipants(state: IReduxState) {
+    return state['features/lobby'].knockingParticipants;
+}
+
+/**
+ * Selector to return lobby visibility.
+ *
+ * @param {IReduxState} state - State object.
+ * @returns {any}
+ */
+export function getIsLobbyVisible(state: IReduxState) {
+    return state['features/lobby'].lobbyVisible;
+}
+
+/**
+ * Selector to return array with knocking participant ids.
+ *
+ * @param {IReduxState} state - State object.
+ * @returns {Array}
+ */
+export function getKnockingParticipantsById(state: IReduxState) {
+    return getKnockingParticipants(state).map(participant => participant.id);
+}
+
+/**
+ * Selector to return the lobby config.
+ *
+ * @param {IReduxState} state - State object.
+ * @returns {Object}
+ */
+export function getLobbyConfig(state: IReduxState) {
+    return state['features/base/config']?.lobby || {};
+}
+
+/**
+ * Function that handles the visibility of the lobby chat message.
+ *
+ * @param {Object} participant - Lobby Participant.
+ * @returns {Function}
+ */
+export function showLobbyChatButton(
+        participant: IKnockingParticipant
+) {
+    return function(state: IReduxState) {
+
+        const { enableChat = true } = getLobbyConfig(state);
+        const { lobbyMessageRecipient, isLobbyChatActive } = state['features/chat'];
+        const conference = getCurrentConference(state);
+
+        const lobbyLocalId = conference?.myLobbyUserId();
+
+        if (!enableChat) {
+            return false;
+        }
+
+        if (!isLobbyChatActive
+        && (!participant.chattingWithModerator
+        || participant.chattingWithModerator === lobbyLocalId)
+        ) {
+            return true;
+        }
+
+        if (isLobbyChatActive && lobbyMessageRecipient
+        && participant.id !== lobbyMessageRecipient.id
+            && (!participant.chattingWithModerator
+                || participant.chattingWithModerator === lobbyLocalId)) {
+            return true;
+        }
+
+        return false;
+    };
+}
+
+/**
+ * Returns true if enabling lobby is allowed and false otherwise.
+ *
+ * @param {IReduxState} state - State object.
+ * @returns {boolean}
+ */
+export function isEnablingLobbyAllowed(state: IReduxState) {
+    return getVisitorsCount(state) <= 0;
+}
diff --git a/react/features/lobby/logger.ts b/react/features/lobby/logger.ts
new file mode 100644
index 0000000..7a57a5a
--- /dev/null
+++ b/react/features/lobby/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:lobby');
diff --git a/react/features/lobby/middleware.ts b/react/features/lobby/middleware.ts
new file mode 100644
index 0000000..bfca256
--- /dev/null
+++ b/react/features/lobby/middleware.ts
@@ -0,0 +1,436 @@
+import i18n from 'i18next';
+import { batch } from 'react-redux';
+import { AnyAction } from 'redux';
+
+import { IStore } from '../app/types';
+import { APP_WILL_MOUNT, APP_WILL_UNMOUNT } from '../base/app/actionTypes';
+import {
+    CONFERENCE_FAILED,
+    CONFERENCE_JOINED,
+    ENDPOINT_MESSAGE_RECEIVED
+} from '../base/conference/actionTypes';
+import { conferenceWillJoin } from '../base/conference/actions';
+import {
+    JitsiConferenceErrors,
+    JitsiConferenceEvents
+} from '../base/lib-jitsi-meet';
+import {
+    getFirstLoadableAvatarUrl,
+    getParticipantDisplayName
+} from '../base/participants/functions';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import StateListenerRegistry from '../base/redux/StateListenerRegistry';
+import {
+    playSound,
+    registerSound,
+    unregisterSound
+} from '../base/sounds/actions';
+import { isTestModeEnabled } from '../base/testing/functions';
+import { BUTTON_TYPES } from '../base/ui/constants.any';
+import { openChat } from '../chat/actions';
+import {
+    handleLobbyChatInitialized,
+    removeLobbyChatParticipant
+} from '../chat/actions.any';
+import { arePollsDisabled } from '../conference/functions.any';
+import { hideNotification, showNotification } from '../notifications/actions';
+import {
+    LOBBY_NOTIFICATION_ID,
+    NOTIFICATION_ICON,
+    NOTIFICATION_TIMEOUT_TYPE,
+    NOTIFICATION_TYPE
+} from '../notifications/constants';
+import { INotificationProps } from '../notifications/types';
+import { open as openParticipantsPane } from '../participants-pane/actions';
+import { getParticipantsPaneOpen } from '../participants-pane/functions';
+import { PREJOIN_JOINING_IN_PROGRESS } from '../prejoin/actionTypes';
+import {
+    isPrejoinEnabledInConfig,
+    isPrejoinPageVisible,
+    shouldAutoKnock
+} from '../prejoin/functions';
+
+import {
+    KNOCKING_PARTICIPANT_ARRIVED_OR_UPDATED,
+    KNOCKING_PARTICIPANT_LEFT
+} from './actionTypes';
+import {
+    approveKnockingParticipant,
+    hideLobbyScreen,
+    knockingParticipantLeft,
+    openLobbyScreen,
+    participantIsKnockingOrUpdated,
+    rejectKnockingParticipant,
+    setLobbyMessageListener,
+    setLobbyModeEnabled,
+    setPasswordJoinFailed,
+    startKnocking
+} from './actions';
+import { updateLobbyParticipantOnLeave } from './actions.any';
+import { KNOCKING_PARTICIPANT_SOUND_ID } from './constants';
+import { getKnockingParticipants, showLobbyChatButton } from './functions';
+import { KNOCKING_PARTICIPANT_FILE } from './sounds';
+import { IKnockingParticipant } from './types';
+
+
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case APP_WILL_MOUNT:
+        store.dispatch(registerSound(KNOCKING_PARTICIPANT_SOUND_ID, KNOCKING_PARTICIPANT_FILE));
+        break;
+    case APP_WILL_UNMOUNT:
+        store.dispatch(unregisterSound(KNOCKING_PARTICIPANT_SOUND_ID));
+        break;
+    case CONFERENCE_FAILED:
+        return _conferenceFailed(store, next, action);
+    case CONFERENCE_JOINED:
+        return _conferenceJoined(store, next, action);
+    case ENDPOINT_MESSAGE_RECEIVED: {
+        const { participant, data } = action;
+
+        _maybeSendLobbyNotification(participant, data, store);
+
+        break;
+    }
+    case KNOCKING_PARTICIPANT_ARRIVED_OR_UPDATED: {
+        // We need the full update result to be in the store already
+        const result = next(action);
+
+        _findLoadableAvatarForKnockingParticipant(store, action.participant);
+        _handleLobbyNotification(store);
+
+        return result;
+    }
+    case KNOCKING_PARTICIPANT_LEFT: {
+        // We need the full update result to be in the store already
+        const result = next(action);
+
+        _handleLobbyNotification(store);
+
+        return result;
+    }
+    case PREJOIN_JOINING_IN_PROGRESS: {
+        if (action.value) {
+            // let's hide the notification (the case with denied access and retrying) when prejoin is enabled
+            store.dispatch(hideNotification(LOBBY_NOTIFICATION_ID));
+        }
+
+        break;
+    }
+    }
+
+    return next(action);
+});
+
+/**
+ * Registers a change handler for state['features/base/conference'].conference to
+ * set the event listeners needed for the lobby feature to operate.
+ */
+StateListenerRegistry.register(
+    state => state['features/base/conference'].conference,
+    (conference, { dispatch, getState }, previousConference) => {
+        if (conference && !previousConference) {
+            conference.on(JitsiConferenceEvents.MEMBERS_ONLY_CHANGED, (enabled: boolean) => {
+                dispatch(setLobbyModeEnabled(enabled));
+                if (enabled) {
+                    dispatch(setLobbyMessageListener());
+                }
+            });
+
+            conference.on(JitsiConferenceEvents.LOBBY_USER_JOINED, (id: string, name: string) => {
+                const { soundsParticipantKnocking } = getState()['features/base/settings'];
+
+                batch(() => {
+                    dispatch(
+                        participantIsKnockingOrUpdated({
+                            id,
+                            name
+                        })
+                    );
+                    if (soundsParticipantKnocking) {
+                        dispatch(playSound(KNOCKING_PARTICIPANT_SOUND_ID));
+                    }
+
+                    const isParticipantsPaneVisible = getParticipantsPaneOpen(getState());
+
+                    if (typeof APP !== 'undefined') {
+                        APP.API.notifyKnockingParticipant({
+                            id,
+                            name
+                        });
+                    }
+
+                    if (isParticipantsPaneVisible || navigator.product === 'ReactNative') {
+                        return;
+                    }
+
+                    _handleLobbyNotification({
+                        dispatch,
+                        getState
+                    });
+                });
+            });
+
+            conference.on(JitsiConferenceEvents.LOBBY_USER_UPDATED, (id: string, participant: IKnockingParticipant) => {
+                dispatch(
+                    participantIsKnockingOrUpdated({
+                        ...participant,
+                        id
+                    })
+                );
+            });
+
+            conference.on(JitsiConferenceEvents.LOBBY_USER_LEFT, (id: string) => {
+                batch(() => {
+                    dispatch(knockingParticipantLeft(id));
+                    dispatch(removeLobbyChatParticipant());
+                    dispatch(updateLobbyParticipantOnLeave(id));
+                });
+            });
+        }
+    }
+);
+
+/**
+ * Function to handle the lobby notification.
+ *
+ * @param {Object} store - The Redux store.
+ * @returns {void}
+ */
+function _handleLobbyNotification(store: IStore) {
+    const { dispatch, getState } = store;
+    const knockingParticipants = getKnockingParticipants(getState());
+
+    if (knockingParticipants.length === 0) {
+        dispatch(hideNotification(LOBBY_NOTIFICATION_ID));
+
+        return;
+    }
+
+    let notificationTitle;
+    let customActionNameKey;
+    let customActionHandler;
+    let customActionType;
+    let descriptionKey;
+    let icon;
+
+    if (knockingParticipants.length === 1) {
+        const firstParticipant = knockingParticipants[0];
+        const showChat = showLobbyChatButton(firstParticipant)(getState());
+
+        descriptionKey = 'notify.participantWantsToJoin';
+        notificationTitle = firstParticipant.name;
+        icon = NOTIFICATION_ICON.PARTICIPANT;
+        customActionNameKey = [ 'participantsPane.actions.admit', 'participantsPane.actions.reject' ];
+        customActionType = [ BUTTON_TYPES.PRIMARY, BUTTON_TYPES.DESTRUCTIVE ];
+        customActionHandler = [ () => batch(() => {
+            dispatch(hideNotification(LOBBY_NOTIFICATION_ID));
+            dispatch(approveKnockingParticipant(firstParticipant.id));
+        }),
+        () => batch(() => {
+            dispatch(hideNotification(LOBBY_NOTIFICATION_ID));
+            dispatch(rejectKnockingParticipant(firstParticipant.id));
+        }) ];
+
+        // This checks if lobby chat button is available
+        // and, if so, it adds it to the customActionNameKey array
+        if (showChat) {
+            customActionNameKey.splice(1, 0, 'lobby.chat');
+            customActionType.splice(1, 0, BUTTON_TYPES.SECONDARY);
+            customActionHandler.splice(1, 0, () => batch(() => {
+                dispatch(handleLobbyChatInitialized(firstParticipant.id));
+                dispatch(openChat({}, arePollsDisabled(getState())));
+            }));
+        }
+    } else {
+        descriptionKey = 'notify.participantsWantToJoin';
+        notificationTitle = i18n.t('notify.waitingParticipants', {
+            waitingParticipants: knockingParticipants.length
+        });
+        icon = NOTIFICATION_ICON.PARTICIPANTS;
+        customActionNameKey = [ 'notify.viewLobby' ];
+        customActionType = [ BUTTON_TYPES.PRIMARY ];
+        customActionHandler = [ () => batch(() => {
+            dispatch(hideNotification(LOBBY_NOTIFICATION_ID));
+            dispatch(openParticipantsPane());
+        }) ];
+    }
+
+    dispatch(showNotification({
+        title: notificationTitle,
+        descriptionKey,
+        uid: LOBBY_NOTIFICATION_ID,
+        customActionNameKey,
+        customActionType,
+        customActionHandler,
+        icon
+    }, NOTIFICATION_TIMEOUT_TYPE.STICKY));
+}
+
+/**
+ * Function to handle the conference failed event and navigate the user to the lobby screen
+ * based on the failure reason.
+ *
+ * @param {Object} store - The Redux store.
+ * @param {Function} next - The Redux next function.
+ * @param {Object} action - The Redux action.
+ * @returns {Object}
+ */
+function _conferenceFailed({ dispatch, getState }: IStore, next: Function, action: AnyAction) {
+    const { error } = action;
+    const state = getState();
+    const { lobbyError, membersOnly } = state['features/base/conference'];
+    const nonFirstFailure = Boolean(membersOnly);
+
+    if (error.name === JitsiConferenceErrors.MEMBERS_ONLY_ERROR) {
+        if (typeof error.recoverable === 'undefined') {
+            error.recoverable = true;
+        }
+
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const [ _lobbyJid, lobbyWaitingForHost ] = error.params;
+
+        const result = next(action);
+
+        dispatch(openLobbyScreen());
+
+        // if there was an error about display name and pre-join is not enabled
+        if (shouldAutoKnock(state)
+                || (lobbyError && !isPrejoinEnabledInConfig(state))
+                || lobbyWaitingForHost) {
+            dispatch(startKnocking());
+        }
+
+        // In case of wrong password we need to be in the right state if in the meantime someone allows us to join
+        if (nonFirstFailure) {
+            dispatch(conferenceWillJoin(membersOnly));
+        }
+
+        dispatch(setPasswordJoinFailed(nonFirstFailure));
+
+        return result;
+    } else if (error.name === JitsiConferenceErrors.DISPLAY_NAME_REQUIRED) {
+        const [ isLobbyEnabled ] = error.params;
+
+        const result = next(action);
+
+        // if the error is due to required display name because lobby is enabled for the room
+        // if not showing the prejoin page then show lobby UI
+        if (isLobbyEnabled && !isPrejoinPageVisible(state)) {
+            dispatch(openLobbyScreen());
+        }
+
+        return result;
+    }
+
+    // if both are available pre-join is with priority (the case when pre-join is enabled)
+    // when pre-join is disabled, and we are in lobby with error, we want to end up in lobby UI
+    // instead of hiding it and showing conference UI. Still in lobby the user can retry
+    // after we show the error notification
+    if (isPrejoinPageVisible(state)) {
+        dispatch(hideLobbyScreen());
+    }
+
+    // we want to finish this action before showing the notification
+    // as the conference will be cleared which will clear all notifications, including this one
+    const result = next(action);
+
+    if (error.name === JitsiConferenceErrors.CONFERENCE_ACCESS_DENIED) {
+        dispatch(
+            showNotification({
+                appearance: NOTIFICATION_TYPE.ERROR,
+                hideErrorSupportLink: true,
+                titleKey: 'lobby.joinRejectedTitle',
+                uid: LOBBY_NOTIFICATION_ID,
+                descriptionKey: 'lobby.joinRejectedMessage'
+            }, NOTIFICATION_TIMEOUT_TYPE.STICKY)
+        );
+    }
+
+    return result;
+}
+
+/**
+ * Handles cleanup of lobby state when a conference is joined.
+ *
+ * @param {Object} store - The Redux store.
+ * @param {Function} next - The Redux next function.
+ * @param {Object} action - The Redux action.
+ * @returns {Object}
+ */
+function _conferenceJoined({ dispatch }: IStore, next: Function, action: AnyAction) {
+    dispatch(hideLobbyScreen());
+
+    return next(action);
+}
+
+/**
+ * Finds the loadable avatar URL and updates the participant accordingly.
+ *
+ * @param {Object} store - The Redux store.
+ * @param {Object} participant - The knocking participant.
+ * @returns {void}
+ */
+function _findLoadableAvatarForKnockingParticipant(store: IStore, { id }: { id: string; }) {
+    const { dispatch, getState } = store;
+    const updatedParticipant = getState()['features/lobby'].knockingParticipants.find(p => p.id === id);
+    const { disableThirdPartyRequests } = getState()['features/base/config'];
+
+    if (!disableThirdPartyRequests && updatedParticipant && !updatedParticipant.loadableAvatarUrl) {
+        getFirstLoadableAvatarUrl(updatedParticipant, store).then((result: { isUsingCORS: boolean; src: string; }) => {
+            if (result) {
+                const { isUsingCORS, src } = result;
+
+                dispatch(
+                    participantIsKnockingOrUpdated({
+                        loadableAvatarUrl: src,
+                        id,
+                        isUsingCORS
+                    })
+                );
+            }
+        });
+    }
+}
+
+/**
+ * Check the endpoint message that arrived through the conference and
+ * sends a lobby notification, if the message belongs to the feature.
+ *
+ * @param {Object} origin - The origin (initiator) of the message.
+ * @param {Object} message - The actual message.
+ * @param {Object} store - The Redux store.
+ * @returns {void}
+ */
+function _maybeSendLobbyNotification(origin: any, message: any, { dispatch, getState }: IStore) {
+    if (!origin?._id || message?.type !== 'lobby-notify') {
+        return;
+    }
+
+    const notificationProps: INotificationProps = {
+        descriptionArguments: {
+            originParticipantName: getParticipantDisplayName(getState, origin._id),
+            targetParticipantName: message.name
+        },
+        titleKey: 'lobby.notificationTitle'
+    };
+
+    switch (message.event) {
+    case 'LOBBY-ENABLED':
+        notificationProps.descriptionKey = `lobby.notificationLobby${message.value ? 'En' : 'Dis'}abled`;
+        break;
+    case 'LOBBY-ACCESS-GRANTED':
+        notificationProps.descriptionKey = 'lobby.notificationLobbyAccessGranted';
+        break;
+    case 'LOBBY-ACCESS-DENIED':
+        notificationProps.descriptionKey = 'lobby.notificationLobbyAccessDenied';
+        break;
+    }
+
+    dispatch(
+        showNotification(
+            notificationProps,
+            isTestModeEnabled(getState()) ? NOTIFICATION_TIMEOUT_TYPE.STICKY : NOTIFICATION_TIMEOUT_TYPE.MEDIUM
+        )
+    );
+}
diff --git a/react/features/lobby/reducer.ts b/react/features/lobby/reducer.ts
new file mode 100644
index 0000000..fa5c277
--- /dev/null
+++ b/react/features/lobby/reducer.ts
@@ -0,0 +1,166 @@
+import {
+    CONFERENCE_FAILED,
+    CONFERENCE_JOINED,
+    CONFERENCE_LEFT,
+    SET_PASSWORD
+} from '../base/conference/actionTypes';
+import { JitsiConferenceErrors } from '../base/lib-jitsi-meet';
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import {
+    KNOCKING_PARTICIPANT_ARRIVED_OR_UPDATED,
+    KNOCKING_PARTICIPANT_LEFT,
+    REMOVE_LOBBY_CHAT_WITH_MODERATOR,
+    SET_KNOCKING_STATE,
+    SET_LOBBY_MODE_ENABLED,
+    SET_LOBBY_PARTICIPANT_CHAT_STATE,
+    SET_LOBBY_VISIBILITY,
+    SET_PASSWORD_JOIN_FAILED
+} from './actionTypes';
+import { IKnockingParticipant } from './types';
+
+const DEFAULT_STATE = {
+    isDisplayNameRequiredError: false,
+    knocking: false,
+    knockingParticipants: [],
+    lobbyEnabled: false,
+    lobbyVisible: false,
+    passwordJoinFailed: false
+};
+
+export interface ILobbyState {
+
+    /**
+     * A conference error when we tried to join into a room with no display name
+     * when lobby is enabled in the room.
+     */
+    isDisplayNameRequiredError: boolean;
+    knocking: boolean;
+    knockingParticipants: IKnockingParticipant[];
+    lobbyEnabled: boolean;
+    lobbyVisible: boolean;
+    passwordJoinFailed: boolean;
+}
+
+/**
+ * Reduces redux actions which affect the display of notifications.
+ *
+ * @param {Object} state - The current redux state.
+ * @param {Object} action - The redux action to reduce.
+ * @returns {Object} The next redux state which is the result of reducing the
+ * specified {@code action}.
+ */
+ReducerRegistry.register<ILobbyState>('features/lobby', (state = DEFAULT_STATE, action): ILobbyState => {
+    switch (action.type) {
+    case CONFERENCE_FAILED: {
+        if (action.error.name === JitsiConferenceErrors.DISPLAY_NAME_REQUIRED) {
+            return {
+                ...state,
+                isDisplayNameRequiredError: true
+            };
+        } else if (action.error.name === JitsiConferenceErrors.CONFERENCE_ACCESS_DENIED) {
+            return {
+                ...state,
+                knocking: false
+            };
+        }
+
+        return state;
+    }
+    case CONFERENCE_JOINED:
+    case CONFERENCE_LEFT:
+        return {
+            ...state,
+            isDisplayNameRequiredError: false,
+            knocking: false,
+            passwordJoinFailed: false
+        };
+    case KNOCKING_PARTICIPANT_ARRIVED_OR_UPDATED:
+        return _knockingParticipantArrivedOrUpdated(action.participant, state);
+    case KNOCKING_PARTICIPANT_LEFT:
+        return {
+            ...state,
+            knockingParticipants: state.knockingParticipants.filter(p => p.id !== action.id)
+        };
+    case SET_KNOCKING_STATE:
+        return {
+            ...state,
+            knocking: action.knocking,
+            passwordJoinFailed: false
+        };
+    case SET_LOBBY_MODE_ENABLED:
+        return {
+            ...state,
+            lobbyEnabled: action.enabled
+        };
+    case SET_LOBBY_VISIBILITY:
+        return {
+            ...state,
+            lobbyVisible: action.visible
+        };
+    case SET_PASSWORD:
+        return {
+            ...state,
+            passwordJoinFailed: false
+        };
+    case SET_PASSWORD_JOIN_FAILED:
+        return {
+            ...state,
+            passwordJoinFailed: action.failed
+        };
+    case SET_LOBBY_PARTICIPANT_CHAT_STATE:
+        return {
+            ...state,
+            knockingParticipants: state.knockingParticipants.map(participant => {
+                if (participant.id === action.participant.id) {
+                    return {
+                        ...participant,
+                        chattingWithModerator: action.moderator.id
+                    };
+                }
+
+                return participant;
+            })
+        };
+    case REMOVE_LOBBY_CHAT_WITH_MODERATOR:
+        return {
+            ...state,
+            knockingParticipants: state.knockingParticipants.map(participant => {
+                if (participant.chattingWithModerator === action.moderatorId) {
+                    return {
+                        ...participant,
+                        chattingWithModerator: undefined
+                    };
+                }
+
+                return participant;
+            })
+        };
+    }
+
+    return state;
+});
+
+/**
+ * Stores or updates a knocking participant.
+ *
+ * @param {Object} participant - The arrived or updated knocking participant.
+ * @param {Object} state - The current Redux state of the feature.
+ * @returns {Object}
+ */
+function _knockingParticipantArrivedOrUpdated(participant: IKnockingParticipant, state: ILobbyState) {
+    let existingParticipant = state.knockingParticipants.find(p => p.id === participant.id);
+
+    existingParticipant = {
+        ...existingParticipant,
+        ...participant
+    };
+
+    return {
+        ...state,
+        knockingParticipants: [
+            ...state.knockingParticipants.filter(p => p.id !== participant.id),
+            existingParticipant
+        ]
+    };
+}
diff --git a/react/features/lobby/sounds.ts b/react/features/lobby/sounds.ts
new file mode 100644
index 0000000..bd0ace4
--- /dev/null
+++ b/react/features/lobby/sounds.ts
@@ -0,0 +1,5 @@
+/**
+ * The name of the bundled sound file which will be played when a
+ * participant enters lobby.
+ */
+export const KNOCKING_PARTICIPANT_FILE = 'knock.mp3';
diff --git a/react/features/lobby/types.ts b/react/features/lobby/types.ts
new file mode 100644
index 0000000..ffef42a
--- /dev/null
+++ b/react/features/lobby/types.ts
@@ -0,0 +1,5 @@
+import { IParticipant } from '../base/participants/types';
+
+export interface IKnockingParticipant extends IParticipant {
+    chattingWithModerator?: string;
+}
diff --git a/react/features/mobile/audio-mode/actionTypes.ts b/react/features/mobile/audio-mode/actionTypes.ts
new file mode 100644
index 0000000..fca2d32
--- /dev/null
+++ b/react/features/mobile/audio-mode/actionTypes.ts
@@ -0,0 +1,23 @@
+/**
+ * The type of redux action to set Audio Mode device list.
+ *
+ * {
+ *     type: _SET_AUDIOMODE_DEVICES,
+ *     devices: Array
+ * }
+ *
+ * @protected
+ */
+export const _SET_AUDIOMODE_DEVICES = '_SET_AUDIOMODE_DEVICES';
+
+/**
+ * The type of redux action to set Audio Mode module's subscriptions.
+ *
+ * {
+ *     type: _SET_AUDIOMODE_SUBSCRIPTIONS,
+ *     subscriptions: Array|undefined
+ * }
+ *
+ * @protected
+ */
+export const _SET_AUDIOMODE_SUBSCRIPTIONS = '_SET_AUDIOMODE_SUBSCRIPTIONS';
diff --git a/react/features/mobile/audio-mode/components/AudioDeviceToggleButton.ts b/react/features/mobile/audio-mode/components/AudioDeviceToggleButton.ts
new file mode 100644
index 0000000..1f4a261
--- /dev/null
+++ b/react/features/mobile/audio-mode/components/AudioDeviceToggleButton.ts
@@ -0,0 +1,30 @@
+import { connect } from 'react-redux';
+
+import { openSheet } from '../../../base/dialog/actions';
+import { translate } from '../../../base/i18n/functions';
+import { IconVolumeUp } from '../../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+
+import AudioRoutePickerDialog from './AudioRoutePickerDialog';
+
+/**
+ * Implements an {@link AbstractButton} to open the audio device list.
+ */
+class AudioDeviceToggleButton extends AbstractButton<AbstractButtonProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.audioRoute';
+    override icon = IconVolumeUp;
+    override label = 'toolbar.accessibilityLabel.audioRoute';
+
+    /**
+     * Handles clicking / pressing the button, and opens the appropriate dialog.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _handleClick() {
+        this.props.dispatch(openSheet(AudioRoutePickerDialog));
+    }
+}
+
+
+export default translate(connect()(AudioDeviceToggleButton));
diff --git a/react/features/mobile/audio-mode/components/AudioRoutePickerDialog.tsx b/react/features/mobile/audio-mode/components/AudioRoutePickerDialog.tsx
new file mode 100644
index 0000000..a13c9d1
--- /dev/null
+++ b/react/features/mobile/audio-mode/components/AudioRoutePickerDialog.tsx
@@ -0,0 +1,329 @@
+import { sortBy } from 'lodash-es';
+import React, { Component } from 'react';
+import { NativeModules, Text, TextStyle, TouchableHighlight, View, ViewStyle } from 'react-native';
+import { connect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../../app/types';
+import { hideSheet } from '../../../base/dialog/actions';
+import BottomSheet from '../../../base/dialog/components/native/BottomSheet';
+import { bottomSheetStyles } from '../../../base/dialog/components/native/styles';
+import { translate } from '../../../base/i18n/functions';
+import Icon from '../../../base/icons/components/Icon';
+import {
+    IconBluetooth,
+    IconCar,
+    IconDeviceHeadphone,
+    IconPhoneRinging,
+    IconVolumeUp
+} from '../../../base/icons/svg';
+import { StyleType } from '../../../base/styles/functions.any';
+import BaseTheme from '../../../base/ui/components/BaseTheme.native';
+
+import styles from './styles';
+
+const { AudioMode } = NativeModules;
+
+/**
+ * Type definition for a single entry in the device list.
+ */
+interface IDevice {
+
+    /**
+     * Name of the icon which will be rendered on the right.
+     */
+    icon: Function;
+
+    /**
+     * True if the element is selected (will be highlighted in blue),
+     * false otherwise.
+     */
+    selected: boolean;
+
+    /**
+     * Text which will be rendered in the row.
+     */
+    text: string;
+
+    /**
+     * Device type.
+     */
+    type: string;
+
+    /**
+     * Unique device ID.
+     */
+    uid?: string;
+}
+
+/**
+ * "Raw" device, as returned by native.
+ */
+export interface IRawDevice {
+
+    /**
+     * Display name for the device.
+     */
+    name?: string;
+
+    /**
+     * Is this device selected?
+     */
+    selected: boolean;
+
+    /**
+     * Device type.
+     */
+    type: string;
+
+    /**
+     * Unique device ID.
+     */
+    uid?: string;
+}
+
+/**
+ * {@code AudioRoutePickerDialog}'s React {@code Component} prop types.
+ */
+interface IProps {
+
+    /**
+     * Object describing available devices.
+     */
+    _devices: Array<IRawDevice>;
+
+    /**
+     * Used for hiding the dialog when the selection was completed.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Invoked to obtain translated strings.
+     */
+    t: Function;
+}
+
+/**
+ * {@code AudioRoutePickerDialog}'s React {@code Component} state types.
+ */
+interface IState {
+
+    /**
+     * Array of available devices.
+     */
+    devices: Array<IDevice>;
+}
+
+/**
+ * Maps each device type to a display name and icon.
+ */
+const deviceInfoMap = {
+    BLUETOOTH: {
+        icon: IconBluetooth,
+        text: 'audioDevices.bluetooth',
+        type: 'BLUETOOTH'
+    },
+    CAR: {
+        icon: IconCar,
+        text: 'audioDevices.car',
+        type: 'CAR'
+    },
+    EARPIECE: {
+        icon: IconPhoneRinging,
+        text: 'audioDevices.phone',
+        type: 'EARPIECE'
+    },
+    HEADPHONES: {
+        icon: IconDeviceHeadphone,
+        text: 'audioDevices.headphones',
+        type: 'HEADPHONES'
+    },
+    SPEAKER: {
+        icon: IconVolumeUp,
+        text: 'audioDevices.speaker',
+        type: 'SPEAKER'
+    }
+};
+
+/**
+ * Implements a React {@code Component} which prompts the user when a password
+ * is required to join a conference.
+ */
+class AudioRoutePickerDialog extends Component<IProps, IState> {
+    override state = {
+        /**
+         * Available audio devices, it will be set in
+         * {@link #getDerivedStateFromProps()}.
+         */
+        devices: []
+    };
+
+    /**
+     * Implements React's {@link Component#getDerivedStateFromProps()}.
+     *
+     * @inheritdoc
+     */
+    static getDerivedStateFromProps(props: IProps) {
+        const { _devices: devices, t } = props;
+
+        if (!devices) {
+            return null;
+        }
+
+        const audioDevices = [];
+
+        for (const device of devices) {
+            const infoMap = deviceInfoMap[device.type as keyof typeof deviceInfoMap];
+
+            // Skip devices with unknown type.
+            if (!infoMap) {
+                continue;
+            }
+
+            let text = t(infoMap.text);
+
+            // iOS provides descriptive names for these, use it.
+            if ((device.type === 'BLUETOOTH' || device.type === 'CAR') && device.name) {
+                text = device.name;
+            }
+
+            if (infoMap) {
+                const info = {
+                    ...infoMap,
+                    selected: Boolean(device.selected),
+                    text,
+                    uid: device.uid
+                };
+
+                audioDevices.push(info);
+            }
+        }
+
+        // Make sure devices is alphabetically sorted.
+        return {
+            devices: sortBy(audioDevices, 'text')
+        };
+    }
+
+    /**
+     * Initializes a new {@code PasswordRequiredPrompt} instance.
+     *
+     * @param {IProps} props - The read-only React {@code Component} props with
+     * which the new instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Trigger an initial update.
+        AudioMode.updateDeviceList?.();
+    }
+
+    /**
+     * Builds and returns a function which handles the selection of a device
+     * on the sheet. The selected device will be used by {@code AudioMode}.
+     *
+     * @param {IDevice} device - Object representing the selected device.
+     * @private
+     * @returns {Function}
+     */
+    _onSelectDeviceFn(device: IDevice) {
+        return () => {
+            this.props.dispatch(hideSheet());
+            AudioMode.setAudioDevice(device.uid || device.type);
+        };
+    }
+
+    /**
+     * Renders a single device.
+     *
+     * @param {IDevice} device - Object representing a single device.
+     * @private
+     * @returns {ReactElement}
+     */
+    _renderDevice(device: IDevice) {
+        const { icon, selected, text } = device;
+        const selectedStyle = selected ? styles.selectedText : {};
+        const borderRadiusHighlightStyles = {
+            borderTopLeftRadius: 16,
+            borderTopRightRadius: 16
+        };
+        const speakerDeviceIsNotSelected = device.type !== 'SPEAKER';
+
+        return (
+            <TouchableHighlight
+                key = { device.type }
+                onPress = { this._onSelectDeviceFn(device) }
+                style = { speakerDeviceIsNotSelected && borderRadiusHighlightStyles }
+                underlayColor = { BaseTheme.palette.ui04 } >
+                <View style = { styles.deviceRow as ViewStyle } >
+                    <Icon
+                        src = { icon }
+                        style = { [ styles.deviceIcon, bottomSheetStyles.buttons.iconStyle, selectedStyle
+                        ] as StyleType[] } />
+                    <Text
+                        style = { [ styles.deviceText, bottomSheetStyles.buttons.labelStyle, selectedStyle
+                        ] as TextStyle[] } >
+                        { text }
+                    </Text>
+                </View>
+            </TouchableHighlight>
+        );
+    }
+
+    /**
+     * Renders a "fake" device row indicating there are no devices.
+     *
+     * @private
+     * @returns {ReactElement}
+     */
+    _renderNoDevices() {
+        const { t } = this.props;
+
+        return (
+            <View style = { styles.deviceRow as ViewStyle } >
+                <Icon
+                    src = { deviceInfoMap.SPEAKER.icon }
+                    style = { [ styles.deviceIcon, bottomSheetStyles.buttons.iconStyle ] as StyleType[] } />
+                <Text style = { [ styles.deviceText, bottomSheetStyles.buttons.labelStyle ] as TextStyle[] } >
+                    { t('audioDevices.none') }
+                </Text>
+            </View>
+        );
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { devices } = this.state;
+        let content;
+
+        if (devices.length === 0) {
+            content = this._renderNoDevices();
+        } else {
+            content = this.state.devices.map(this._renderDevice, this);
+        }
+
+        return (
+            <BottomSheet>
+                { content }
+            </BottomSheet>
+        );
+    }
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @returns {Object}
+ */
+function _mapStateToProps(state: IReduxState) {
+    return {
+        _devices: state['features/mobile/audio-mode'].devices
+    };
+}
+
+export default translate(connect(_mapStateToProps)(AudioRoutePickerDialog));
diff --git a/react/features/mobile/audio-mode/components/styles.ts b/react/features/mobile/audio-mode/components/styles.ts
new file mode 100644
index 0000000..2613210
--- /dev/null
+++ b/react/features/mobile/audio-mode/components/styles.ts
@@ -0,0 +1,46 @@
+import { MD_ITEM_HEIGHT } from '../../../base/dialog/components/native/styles';
+import { createStyleSheet } from '../../../base/styles/functions.any';
+import BaseTheme from '../../../base/ui/components/BaseTheme.native';
+
+/**
+ * The React {@code Component} styles of {@code AudioRoutePickerDialog}.
+ *
+ * It uses a {@code BottomSheet} and these have been implemented as per the
+ * Material Design guidelines:
+ * {@link https://material.io/guidelines/components/bottom-sheets.html}.
+ */
+export default createStyleSheet({
+    /**
+     * Base style for each row.
+     */
+    deviceRow: {
+        alignItems: 'center',
+        flexDirection: 'row',
+        height: MD_ITEM_HEIGHT,
+        marginLeft: BaseTheme.spacing[3]
+    },
+
+    /**
+     * Style for the {@code Icon} element in a row.
+     */
+    deviceIcon: {
+        color: BaseTheme.palette.icon01,
+        fontSize: BaseTheme.spacing[4]
+    },
+
+    /**
+     * Style for the {@code Text} element in a row.
+     */
+    deviceText: {
+        color: BaseTheme.palette.text01,
+        fontSize: 16,
+        marginLeft: BaseTheme.spacing[5]
+    },
+
+    /**
+     * Style for a row which is marked as selected.
+     */
+    selectedText: {
+        color: BaseTheme.palette.action01
+    }
+});
diff --git a/react/features/mobile/audio-mode/logger.ts b/react/features/mobile/audio-mode/logger.ts
new file mode 100644
index 0000000..f7a4408
--- /dev/null
+++ b/react/features/mobile/audio-mode/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../../base/logging/functions';
+
+export default getLogger('mobile-app:audio-mode');
diff --git a/react/features/mobile/audio-mode/middleware.ts b/react/features/mobile/audio-mode/middleware.ts
new file mode 100644
index 0000000..a1b1675
--- /dev/null
+++ b/react/features/mobile/audio-mode/middleware.ts
@@ -0,0 +1,176 @@
+import { NativeEventEmitter, NativeModules } from 'react-native';
+import { AnyAction } from 'redux';
+
+import { IStore } from '../../app/types';
+import { APP_WILL_MOUNT, APP_WILL_UNMOUNT } from '../../base/app/actionTypes';
+import { SET_AUDIO_ONLY } from '../../base/audio-only/actionTypes';
+import {
+    CONFERENCE_FAILED,
+    CONFERENCE_JOINED,
+    CONFERENCE_LEFT
+} from '../../base/conference/actionTypes';
+import { getCurrentConference } from '../../base/conference/functions';
+import { SET_CONFIG } from '../../base/config/actionTypes';
+import { AUDIO_FOCUS_DISABLED } from '../../base/flags/constants';
+import { getFeatureFlag } from '../../base/flags/functions';
+import MiddlewareRegistry from '../../base/redux/MiddlewareRegistry';
+import { parseURIString } from '../../base/util/uri';
+
+import { _SET_AUDIOMODE_DEVICES, _SET_AUDIOMODE_SUBSCRIPTIONS } from './actionTypes';
+import logger from './logger';
+
+const { AudioMode } = NativeModules;
+const AudioModeEmitter = new NativeEventEmitter(AudioMode);
+
+/**
+ * Middleware that captures conference actions and sets the correct audio mode
+ * based on the type of conference. Audio-only conferences don't use the speaker
+ * by default, and video conferences do.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    /* eslint-disable no-fallthrough */
+
+    switch (action.type) {
+    case _SET_AUDIOMODE_SUBSCRIPTIONS:
+        _setSubscriptions(store);
+        break;
+    case APP_WILL_UNMOUNT: {
+        store.dispatch({
+            type: _SET_AUDIOMODE_SUBSCRIPTIONS,
+            subscriptions: undefined
+        });
+        break;
+    }
+    case APP_WILL_MOUNT:
+        _appWillMount(store);
+    case CONFERENCE_FAILED:
+    case CONFERENCE_LEFT:
+
+    /*
+    * NOTE: We moved the audio mode setting from CONFERENCE_WILL_JOIN to
+    * CONFERENCE_JOINED because in case of a locked room, the app goes
+    * through CONFERENCE_FAILED state and gets to CONFERENCE_JOINED only
+    * after a correct password, so we want to make sure we have the correct
+    * audio mode set up when we finally get to the conf, but also make sure
+    * that the app is in the right audio mode if the user leaves the
+    * conference after the password prompt appears.
+    */
+    case CONFERENCE_JOINED:
+    case SET_AUDIO_ONLY:
+        return _updateAudioMode(store, next, action);
+
+    case SET_CONFIG: {
+        const { locationURL } = store.getState()['features/base/connection'];
+        const location = parseURIString(locationURL?.href ?? '');
+
+        /**
+         * Don't touch the current value if there is no room in the URL. This
+         * avoids audio cutting off for a moment right after the user leaves
+         * a meeting. The next meeting join will set it to the right value.
+         */
+        if (location.room) {
+            const { startSilent } = action.config;
+
+            AudioMode.setDisabled?.(Boolean(startSilent));
+        }
+
+        break;
+    }
+    }
+
+    /* eslint-enable no-fallthrough */
+
+    return next(action);
+});
+
+/**
+ * Notifies this feature that the action {@link APP_WILL_MOUNT} is being
+ * dispatched within a specific redux {@code store}.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @private
+ * @returns {void}
+ */
+function _appWillMount(store: IStore) {
+    const subscriptions = [
+        AudioModeEmitter.addListener(AudioMode.DEVICE_CHANGE_EVENT, _onDevicesUpdate, store)
+    ];
+
+    store.dispatch({
+        type: _SET_AUDIOMODE_SUBSCRIPTIONS,
+        subscriptions
+    });
+}
+
+/**
+ * Handles audio device changes. The list will be stored on the redux store.
+ *
+ * @param {Object} devices - The current list of devices.
+ * @private
+ * @returns {void}
+ */
+function _onDevicesUpdate(devices: any) {
+    // @ts-ignore
+    const { dispatch } = this; // eslint-disable-line @typescript-eslint/no-invalid-this
+
+    dispatch({
+        type: _SET_AUDIOMODE_DEVICES,
+        devices
+    });
+}
+
+/**
+ * Notifies this feature that the action
+ * {@link _SET_AUDIOMODE_SUBSCRIPTIONS} is being dispatched within
+ * a specific redux {@code store}.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @private
+ * @returns {void}
+ */
+function _setSubscriptions({ getState }: IStore) {
+    const { subscriptions } = getState()['features/mobile/audio-mode'];
+
+    if (subscriptions) {
+        for (const subscription of subscriptions) {
+            subscription.remove();
+        }
+    }
+}
+
+/**
+ * Updates the audio mode based on the current (redux) state.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified {@code action} in the specified {@code store}.
+ * @param {Action} action - The redux action which is
+ * being dispatched in the specified {@code store}.
+ * @private
+ * @returns {*} The value returned by {@code next(action)}.
+ */
+function _updateAudioMode({ getState }: IStore, next: Function, action: AnyAction) {
+    const result = next(action);
+    const state = getState();
+    const conference = getCurrentConference(state);
+    const { enabled: audioOnly } = state['features/base/audio-only'];
+    let mode: string;
+
+    if (getFeatureFlag(state, AUDIO_FOCUS_DISABLED, false)) {
+        return result;
+    } else if (conference) {
+        mode = audioOnly ? AudioMode.AUDIO_CALL : AudioMode.VIDEO_CALL;
+    } else {
+        mode = AudioMode.DEFAULT;
+    }
+
+    AudioMode.setMode(mode).catch((err: any) => logger.error(`Failed to set audio mode ${String(mode)}: ${err}`));
+
+    return result;
+}
diff --git a/react/features/mobile/audio-mode/reducer.ts b/react/features/mobile/audio-mode/reducer.ts
new file mode 100644
index 0000000..929b922
--- /dev/null
+++ b/react/features/mobile/audio-mode/reducer.ts
@@ -0,0 +1,36 @@
+import ReducerRegistry from '../../base/redux/ReducerRegistry';
+import { equals, set } from '../../base/redux/functions';
+
+import { _SET_AUDIOMODE_DEVICES, _SET_AUDIOMODE_SUBSCRIPTIONS } from './actionTypes';
+import { IRawDevice } from './components/AudioRoutePickerDialog';
+
+export interface IMobileAudioModeState {
+    devices: IRawDevice[];
+    subscriptions: {
+        remove: Function;
+    }[];
+}
+
+const DEFAULT_STATE = {
+    devices: [],
+    subscriptions: []
+};
+
+ReducerRegistry.register<IMobileAudioModeState>('features/mobile/audio-mode',
+(state = DEFAULT_STATE, action): IMobileAudioModeState => {
+    switch (action.type) {
+    case _SET_AUDIOMODE_DEVICES: {
+        const { devices } = action;
+
+        if (equals(state.devices, devices)) {
+            return state;
+        }
+
+        return set(state, 'devices', devices);
+    }
+    case _SET_AUDIOMODE_SUBSCRIPTIONS:
+        return set(state, 'subscriptions', action.subscriptions);
+    }
+
+    return state;
+});
diff --git a/react/features/mobile/background/actionTypes.ts b/react/features/mobile/background/actionTypes.ts
new file mode 100644
index 0000000..942fff5
--- /dev/null
+++ b/react/features/mobile/background/actionTypes.ts
@@ -0,0 +1,26 @@
+/**
+ * The type of redux action used for app state subscription.
+ *
+ * {
+ *     type: _SET_APP_STATE_SUBSCRIPTION,
+ *     subscription: NativeEventSubscription
+ * }
+ *
+ * @protected
+ */
+export const _SET_APP_STATE_SUBSCRIPTION = '_SET_APP_STATE_SUBSCRIPTION';
+
+/**
+ * The type of redux action which signals that the app state has changed (in
+ * terms of execution mode). The app state can be one of 'active', 'inactive',
+ * or 'background'.
+ *
+ * {
+ *     type: APP_STATE_CHANGED,
+ *     appState: string
+ * }
+ *
+ * @public
+ * @see {@link https://facebook.github.io/react-native/docs/appstate.html}
+ */
+export const APP_STATE_CHANGED = 'APP_STATE_CHANGED';
diff --git a/react/features/mobile/background/actions.ts b/react/features/mobile/background/actions.ts
new file mode 100644
index 0000000..c9a60fb
--- /dev/null
+++ b/react/features/mobile/background/actions.ts
@@ -0,0 +1,39 @@
+import { NativeEventSubscription } from 'react-native';
+
+import { APP_STATE_CHANGED, _SET_APP_STATE_SUBSCRIPTION } from './actionTypes';
+
+/**
+ * Sets subscription for app state.
+ *
+ * @param {Function} subscription - Subscription for the native event.
+ * @private
+ * @returns {{
+ *     type: _SET_APP_STATE_SUBSCRIPTION,
+ *     subscription: NativeEventSubscription
+ * }}
+ */
+export function _setAppStateSubscription(subscription?: NativeEventSubscription) {
+    return {
+        type: _SET_APP_STATE_SUBSCRIPTION,
+        subscription
+    };
+}
+
+/**
+ * Signals that the App state has changed (in terms of execution state). The
+ * application can be in 3 states: 'active', 'inactive' and 'background'.
+ *
+ * @param {string} appState - The new App state.
+ * @public
+ * @returns {{
+ *     type: APP_STATE_CHANGED,
+ *     appState: string
+ * }}
+ * @see {@link https://facebook.github.io/react-native/docs/appstate.html}
+ */
+export function appStateChanged(appState: string) {
+    return {
+        type: APP_STATE_CHANGED,
+        appState
+    };
+}
diff --git a/react/features/mobile/background/logger.ts b/react/features/mobile/background/logger.ts
new file mode 100644
index 0000000..ecc9776
--- /dev/null
+++ b/react/features/mobile/background/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../../base/logging/functions';
+
+export default getLogger('mobile-app:background');
diff --git a/react/features/mobile/background/middleware.native.ts b/react/features/mobile/background/middleware.native.ts
new file mode 100644
index 0000000..4a6a021
--- /dev/null
+++ b/react/features/mobile/background/middleware.native.ts
@@ -0,0 +1,83 @@
+import { AppState } from 'react-native';
+
+import { IStore } from '../../app/types';
+import { APP_WILL_MOUNT, APP_WILL_UNMOUNT } from '../../base/app/actionTypes';
+import MiddlewareRegistry from '../../base/redux/MiddlewareRegistry';
+
+import { _setAppStateSubscription, appStateChanged } from './actions';
+import logger from './logger';
+
+/**
+ * Middleware that captures App lifetime actions and subscribes to application
+ * state changes. When the application state changes it will fire the action
+ * required to mute or unmute the local video in case the application goes to
+ * the background or comes back from it.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ * @see {@link https://facebook.github.io/react-native/docs/appstate.html}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+
+    case APP_WILL_MOUNT: {
+        const { dispatch } = store;
+
+        _setAppStateListener(store, _onAppStateChange.bind(undefined, dispatch));
+
+        // Because there is no change taking place when the app mounts,
+        // we need to force registering the appState status.
+        const appStateInterval = setInterval(() => {
+            const { currentState } = AppState;
+
+            if (currentState !== 'unknown') {
+                clearInterval(appStateInterval);
+
+                _onAppStateChange(dispatch, currentState);
+            }
+        }, 100);
+
+        break;
+    }
+
+    case APP_WILL_UNMOUNT:
+        _setAppStateListener(store, undefined);
+        break;
+    }
+
+    return next(action);
+});
+
+/**
+ * Called by React Native's AppState API to notify that the application state
+ * has changed. Dispatches the change within the (associated) redux store.
+ *
+ * @param {Dispatch} dispatch - The redux {@code dispatch} function.
+ * @param {string} appState - The current application execution state.
+ * @private
+ * @returns {void}
+ */
+function _onAppStateChange(dispatch: IStore['dispatch'], appState: string) {
+    dispatch(appStateChanged(appState));
+
+    logger.info(`appState changed to: ${appState}`);
+}
+
+/**
+ * Notifies the feature filmstrip that the action
+ * {@link _SET_IMMERSIVE_LISTENER} is being dispatched within a specific redux
+ * store.
+ *
+ * @param {Store} store - The redux store in which the specified action is being
+ * dispatched.
+ * @param {any} listener - Listener for app state status.
+ * @private
+ * @returns {Object} The value returned by {@code next(action)}.
+ */
+function _setAppStateListener({ dispatch, getState }: IStore, listener: any) {
+    const { subscription } = getState()['features/mobile/background'];
+
+    subscription?.remove();
+
+    dispatch(_setAppStateSubscription(listener ? AppState.addEventListener('change', listener) : undefined));
+}
diff --git a/react/features/mobile/background/reducer.ts b/react/features/mobile/background/reducer.ts
new file mode 100644
index 0000000..2a1152c
--- /dev/null
+++ b/react/features/mobile/background/reducer.ts
@@ -0,0 +1,37 @@
+import { NativeEventSubscription } from 'react-native';
+
+import ReducerRegistry from '../../base/redux/ReducerRegistry';
+
+import { APP_STATE_CHANGED, _SET_APP_STATE_SUBSCRIPTION } from './actionTypes';
+
+export interface IMobileBackgroundState {
+    appState: string;
+    subscription?: NativeEventSubscription;
+}
+
+/**
+ * The default/initial redux state of the feature background.
+ */
+const DEFAULT_STATE = {
+    appState: ''
+};
+
+// eslint-disable-next-line max-len
+ReducerRegistry.register<IMobileBackgroundState>('features/mobile/background', (state = DEFAULT_STATE, action): IMobileBackgroundState => {
+    switch (action.type) {
+
+    case _SET_APP_STATE_SUBSCRIPTION:
+        return {
+            ...state,
+            subscription: action.subscription
+        };
+
+    case APP_STATE_CHANGED:
+        return {
+            ...state,
+            appState: action.appState
+        };
+    }
+
+    return state;
+});
diff --git a/react/features/mobile/call-integration/CallKit.ts b/react/features/mobile/call-integration/CallKit.ts
new file mode 100644
index 0000000..d5015c2
--- /dev/null
+++ b/react/features/mobile/call-integration/CallKit.ts
@@ -0,0 +1,66 @@
+import { NativeEventEmitter, NativeModules } from 'react-native';
+
+import { getName } from '../../app/functions.native';
+
+/**
+ * Thin wrapper around Apple's CallKit functionality.
+ *
+ * In CallKit requests are performed via actions (either user or system started)
+ * and async events are reported via dedicated methods. This class exposes that
+ * functionality in the form of methods and events. One important thing to note
+ * is that even if an action is started by the system (because the user pressed
+ * the "end call" button in the CallKit view, for example) the event will be
+ * emitted in the same way as it would if the action originated from calling
+ * the "endCall" method in this class, for example.
+ *
+ * Emitted events:
+ * - performAnswerCallAction: The user pressed the answer button.
+ * - performEndCallAction: The call should be ended.
+ * - performSetMutedCallAction: The call muted state should change. The
+ *   ancillary `data` object contains a `muted` attribute.
+ * - providerDidReset: The system has reset, all calls should be terminated.
+ *   This event gets no associated data.
+ *
+ * All events get a `data` object with a `callUUID` property, unless stated
+ * otherwise.
+ */
+let CallKit = NativeModules.RNCallKit;
+
+// XXX Rather than wrapping RNCallKit in a new class and forwarding the many
+// methods of the latter to the former, add the one additional method that we
+// need to RNCallKit.
+if (CallKit) {
+    const eventEmitter = new NativeEventEmitter(CallKit);
+
+    CallKit = {
+        ...CallKit,
+        addListener: eventEmitter.addListener.bind(eventEmitter),
+        registerSubscriptions(context: any, delegate: any) {
+            CallKit.setProviderConfiguration({
+                iconTemplateImageName: 'CallKitIcon',
+                localizedName: getName()
+            });
+
+            return [
+                CallKit.addListener(
+                    'performEndCallAction',
+                    delegate._onPerformEndCallAction,
+                    context),
+                CallKit.addListener(
+                    'performSetMutedCallAction',
+                    delegate._onPerformSetMutedCallAction,
+                    context),
+
+                // According to CallKit's documentation, when the system resets
+                // we should terminate all calls. Hence, providerDidReset is
+                // the same to us as performEndCallAction.
+                CallKit.addListener(
+                    'providerDidReset',
+                    delegate._onPerformEndCallAction,
+                    context)
+            ];
+        }
+    };
+}
+
+export default CallKit;
diff --git a/react/features/mobile/call-integration/CallKitIcon.png b/react/features/mobile/call-integration/CallKitIcon.png
new file mode 100644
index 0000000..adefa67
Binary files /dev/null and b/react/features/mobile/call-integration/CallKitIcon.png differ
diff --git a/react/features/mobile/call-integration/ConnectionService.ts b/react/features/mobile/call-integration/ConnectionService.ts
new file mode 100644
index 0000000..b698ba7
--- /dev/null
+++ b/react/features/mobile/call-integration/ConnectionService.ts
@@ -0,0 +1,33 @@
+import { NativeEventEmitter, NativeModules } from 'react-native';
+
+let ConnectionService = NativeModules.ConnectionService;
+
+// XXX Rather than wrapping ConnectionService in a new class and forwarding
+// the many methods of the latter to the former, add the one additional
+// method that we need to ConnectionService.
+if (ConnectionService) {
+    const eventEmitter = new NativeEventEmitter(ConnectionService);
+
+    ConnectionService = {
+        ...ConnectionService,
+        addListener: eventEmitter.addListener.bind(eventEmitter),
+        registerSubscriptions(context: any, delegate: any) {
+            return [
+                ConnectionService.addListener(
+                    'org.jitsi.meet:features/connection_service#disconnect',
+                    delegate._onPerformEndCallAction,
+                    context),
+                ConnectionService.addListener(
+                    'org.jitsi.meet:features/connection_service#abort',
+                    delegate._onPerformEndCallAction,
+                    context)
+            ];
+        },
+        setMuted() {
+            // Currently no-op, but remember to remove when implemented on
+            // the native side
+        }
+    };
+}
+
+export default ConnectionService;
diff --git a/react/features/mobile/call-integration/actionTypes.ts b/react/features/mobile/call-integration/actionTypes.ts
new file mode 100644
index 0000000..17bf71c
--- /dev/null
+++ b/react/features/mobile/call-integration/actionTypes.ts
@@ -0,0 +1,13 @@
+/**
+ * The type of redux action to set CallKit's and ConnectionService's event
+ * subscriptions.
+ *
+ * {
+ *     type: _SET_CALL_INTEGRATION_SUBSCRIPTIONS,
+ *     subscriptions: Array|undefined
+ * }
+ *
+ * @protected
+ */
+export const _SET_CALL_INTEGRATION_SUBSCRIPTIONS
+    = '_SET_CALL_INTEGRATION_SUBSCRIPTIONS';
diff --git a/react/features/mobile/call-integration/functions.ts b/react/features/mobile/call-integration/functions.ts
new file mode 100644
index 0000000..42bce9f
--- /dev/null
+++ b/react/features/mobile/call-integration/functions.ts
@@ -0,0 +1,20 @@
+import { IStateful } from '../../base/app/types';
+import { CALL_INTEGRATION_ENABLED } from '../../base/flags/constants';
+import { getFeatureFlag } from '../../base/flags/functions';
+import { toState } from '../../base/redux/functions';
+
+/**
+ * Checks if call integration is enabled or not.
+ *
+ * @param {Function|Object} stateful - The redux store or {@code getState}
+ * function.
+ * @returns {string} - Default URL for the app.
+ */
+export function isCallIntegrationEnabled(stateful: IStateful) {
+    const state = toState(stateful);
+    const { disableCallIntegration } = state['features/base/settings'];
+    const flag = getFeatureFlag(state, CALL_INTEGRATION_ENABLED);
+
+    // The feature flag has precedence.
+    return flag ?? !disableCallIntegration;
+}
diff --git a/react/features/mobile/call-integration/middleware.ts b/react/features/mobile/call-integration/middleware.ts
new file mode 100644
index 0000000..6da05f4
--- /dev/null
+++ b/react/features/mobile/call-integration/middleware.ts
@@ -0,0 +1,520 @@
+import { Alert, NativeModules, Platform } from 'react-native';
+import { AnyAction } from 'redux';
+import { v4 as uuidv4 } from 'uuid';
+
+import { createTrackMutedEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { appNavigate } from '../../app/actions.native';
+import { IReduxState, IStore } from '../../app/types';
+import { APP_WILL_MOUNT, APP_WILL_UNMOUNT } from '../../base/app/actionTypes';
+import { SET_AUDIO_ONLY } from '../../base/audio-only/actionTypes';
+import {
+    CONFERENCE_FAILED,
+    CONFERENCE_JOINED,
+    CONFERENCE_JOIN_IN_PROGRESS,
+    CONFERENCE_LEFT,
+    CONFERENCE_WILL_LEAVE
+} from '../../base/conference/actionTypes';
+import {
+    getConferenceName,
+    getCurrentConference
+} from '../../base/conference/functions';
+import { IJitsiConference } from '../../base/conference/reducer';
+import { getInviteURL } from '../../base/connection/functions';
+import { setAudioMuted } from '../../base/media/actions';
+import { MEDIA_TYPE } from '../../base/media/constants';
+import { isVideoMutedByAudioOnly } from '../../base/media/functions';
+import MiddlewareRegistry from '../../base/redux/MiddlewareRegistry';
+import {
+    TRACK_ADDED,
+    TRACK_REMOVED,
+    TRACK_UPDATED
+} from '../../base/tracks/actionTypes';
+import { isLocalTrackMuted } from '../../base/tracks/functions.native';
+
+import CallKit from './CallKit';
+import ConnectionService from './ConnectionService';
+import { _SET_CALL_INTEGRATION_SUBSCRIPTIONS } from './actionTypes';
+import { isCallIntegrationEnabled } from './functions';
+
+const { AudioMode } = NativeModules;
+const CallIntegration = CallKit || ConnectionService;
+
+/**
+ * Middleware that captures system actions and hooks up CallKit.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+CallIntegration && MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case _SET_CALL_INTEGRATION_SUBSCRIPTIONS:
+        return _setCallKitSubscriptions(store, next, action);
+
+    case APP_WILL_MOUNT:
+        return _appWillMount(store, next, action);
+
+    case APP_WILL_UNMOUNT:
+        store.dispatch({
+            type: _SET_CALL_INTEGRATION_SUBSCRIPTIONS,
+            subscriptions: undefined
+        });
+        break;
+
+    case CONFERENCE_FAILED:
+        return _conferenceFailed(store, next, action);
+
+    case CONFERENCE_JOINED:
+        return _conferenceJoined(store, next, action);
+
+    // If a conference is being left in a graceful manner then
+    // the CONFERENCE_WILL_LEAVE fires as soon as the conference starts
+    // disconnecting. We need to destroy the call on the native side as soon
+    // as possible, because the disconnection process is asynchronous and
+    // Android not always supports two simultaneous calls at the same time
+    // (even though it should according to the spec).
+    case CONFERENCE_LEFT:
+    case CONFERENCE_WILL_LEAVE:
+        return _conferenceLeft(store, next, action);
+
+    case CONFERENCE_JOIN_IN_PROGRESS:
+        return _conferenceWillJoin(store, next, action);
+
+    case SET_AUDIO_ONLY:
+        return _setAudioOnly(store, next, action);
+
+    case TRACK_ADDED:
+    case TRACK_REMOVED:
+    case TRACK_UPDATED:
+        return _syncTrackState(store, next, action);
+    }
+
+    return next(action);
+});
+
+/**
+ * Notifies the feature callkit that the action {@link APP_WILL_MOUNT} is being
+ * dispatched within a specific redux {@code store}.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified {@code action} in the specified {@code store}.
+ * @param {Action} action - The redux action {@code APP_WILL_MOUNT} which is
+ * being dispatched in the specified {@code store}.
+ * @private
+ * @returns {*} The value returned by {@code next(action)}.
+ */
+function _appWillMount({ dispatch, getState }: IStore, next: Function, action: AnyAction) {
+    const result = next(action);
+
+    const context = {
+        dispatch,
+        getState
+    };
+
+    const delegate = {
+        _onPerformSetMutedCallAction,
+        _onPerformEndCallAction
+    };
+
+    if (isCallIntegrationEnabled(getState)) {
+        const subscriptions = CallIntegration.registerSubscriptions(context, delegate);
+
+        subscriptions && dispatch({
+            type: _SET_CALL_INTEGRATION_SUBSCRIPTIONS,
+            subscriptions
+        });
+    }
+
+    return result;
+}
+
+/**
+ * Notifies the feature callkit that the action {@link CONFERENCE_FAILED} is
+ * being dispatched within a specific redux {@code store}.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified {@code action} in the specified {@code store}.
+ * @param {Action} action - The redux action {@code CONFERENCE_FAILED} which is
+ * being dispatched in the specified {@code store}.
+ * @private
+ * @returns {*} The value returned by {@code next(action)}.
+ */
+function _conferenceFailed({ getState }: IStore, next: Function, action: AnyAction) {
+    const result = next(action);
+
+    if (!isCallIntegrationEnabled(getState)) {
+        return result;
+    }
+
+    // XXX Certain CONFERENCE_FAILED errors are recoverable i.e. they have
+    // prevented the user from joining a specific conference but the app may be
+    // able to eventually join the conference.
+    if (!action.error.recoverable) {
+        const { callUUID } = action.conference;
+
+        if (callUUID) {
+            delete action.conference.callUUID;
+
+            CallIntegration.reportCallFailed(callUUID);
+        }
+    }
+
+    return result;
+}
+
+/**
+ * Notifies the feature callkit that the action {@link CONFERENCE_JOINED} is
+ * being dispatched within a specific redux {@code store}.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified {@code action} in the specified {@code store}.
+ * @param {Action} action - The redux action {@code CONFERENCE_JOINED} which is
+ * being dispatched in the specified {@code store}.
+ * @private
+ * @returns {*} The value returned by {@code next(action)}.
+ */
+function _conferenceJoined({ getState }: IStore, next: Function, action: AnyAction) {
+    const result = next(action);
+
+    if (!isCallIntegrationEnabled(getState)) {
+        return result;
+    }
+
+    const { callUUID } = action.conference;
+
+    if (callUUID) {
+        CallIntegration.reportConnectedOutgoingCall(callUUID)
+            .then(() => {
+                // iOS 13 doesn't like the mute state to be false before the call is started
+                // so we update it here in case the user selected startWithAudioMuted.
+                if (Platform.OS === 'ios') {
+                    _updateCallIntegrationMuted(action.conference, getState());
+                }
+            })
+            .catch(() => {
+                // Currently errors here are only emitted by Android.
+                //
+                // Some Samsung devices will fail to fully engage ConnectionService if no SIM card
+                // was ever installed on the device. We could check for it, but it would require
+                // the CALL_PHONE permission, which is not something we want to do, so fallback to
+                // not using ConnectionService.
+                _handleConnectionServiceFailure(getState());
+            });
+    }
+
+    return result;
+}
+
+/**
+ * Notifies the feature callkit that the action {@link CONFERENCE_LEFT} is being
+ * dispatched within a specific redux {@code store}.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified {@code action} in the specified {@code store}.
+ * @param {Action} action - The redux action {@code CONFERENCE_LEFT} which is
+ * being dispatched in the specified {@code store}.
+ * @private
+ * @returns {*} The value returned by {@code next(action)}.
+ */
+function _conferenceLeft({ getState }: IStore, next: Function, action: AnyAction) {
+    const result = next(action);
+
+    if (!isCallIntegrationEnabled(getState)) {
+        return result;
+    }
+
+    const { callUUID } = action.conference;
+
+    if (callUUID) {
+        delete action.conference.callUUID;
+
+        CallIntegration.endCall(callUUID);
+    }
+
+    return result;
+}
+
+/**
+ * Notifies the feature callkit that the action {@link CONFERENCE_WILL_JOIN} is
+ * being dispatched within a specific redux {@code store}.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified {@code action} in the specified {@code store}.
+ * @param {Action} action - The redux action {@code CONFERENCE_WILL_JOIN} which
+ * is being dispatched in the specified {@code store}.
+ * @private
+ * @returns {*} The value returned by {@code next(action)}.
+ */
+function _conferenceWillJoin({ dispatch, getState }: IStore, next: Function, action: AnyAction) {
+    const result = next(action);
+
+    if (!isCallIntegrationEnabled(getState)) {
+        return result;
+    }
+
+    const { conference } = action;
+    const state = getState();
+    const { callHandle, callUUID } = state['features/base/config'];
+    const url = getInviteURL(state);
+    const handle = callHandle || url.toString();
+    const hasVideo = !isVideoMutedByAudioOnly(state);
+
+    // If we already have a callUUID set, don't start a new call.
+    if (conference.callUUID) {
+        return result;
+    }
+
+    // When assigning the callUUID, do so in upper case, since iOS will return
+    // it upper-cased.
+    conference.callUUID = (callUUID || uuidv4()).toUpperCase();
+
+    CallIntegration.startCall(conference.callUUID, handle, hasVideo)
+        .then(() => {
+            const displayName = getConferenceName(state);
+
+            CallIntegration.updateCall(
+                conference.callUUID,
+                {
+                    displayName,
+                    hasVideo
+                });
+
+            // iOS 13 doesn't like the mute state to be false before the call is started
+            // so delay it until the conference was joined.
+            if (Platform.OS !== 'ios') {
+                _updateCallIntegrationMuted(conference, state);
+            }
+        })
+        .catch((error: any) => {
+            // Currently this error codes are emitted only by Android.
+            //
+            if (error.code === 'CREATE_OUTGOING_CALL_FAILED') {
+                // We're not tracking the call anymore - it doesn't exist on
+                // the native side.
+                delete conference.callUUID;
+
+                dispatch(appNavigate(undefined));
+                Alert.alert(
+                    'Call aborted',
+                    'There\'s already another call in progress.'
+                        + ' Please end it first and try again.',
+                    [
+                        { text: 'OK' }
+                    ],
+                    { cancelable: false });
+            } else {
+                // Some devices fail because the CALL_PHONE permission is not granted, which is
+                // nonsense, because it's not needed for self-managed connections.
+                // Some other devices fail because ConnectionService is not supported.
+                // Be that as it may, fallback to non-ConnectionService audio device handling.
+
+                _handleConnectionServiceFailure(state);
+            }
+        });
+
+    return result;
+}
+
+/**
+ * Handles a ConnectionService fatal error by falling back to non-ConnectionService device management.
+ *
+ * @param {Object} state - Redux store.
+ * @returns {void}
+ */
+function _handleConnectionServiceFailure(state: IReduxState) {
+    const conference = getCurrentConference(state);
+
+    if (conference) {
+        // We're not tracking the call anymore.
+        delete conference.callUUID;
+
+        // ConnectionService has fatally failed. Alas, this also means audio device management would be broken, so
+        // fallback to not using ConnectionService.
+        // NOTE: We are not storing this in Settings, in case it's a transient issue, as far fetched as
+        // that may be.
+        if (AudioMode.setUseConnectionService) {
+            AudioMode.setUseConnectionService(false);
+
+            const hasVideo = !isVideoMutedByAudioOnly(state);
+
+            // Set the desired audio mode, since we just reset the whole thing.
+            AudioMode.setMode(hasVideo ? AudioMode.VIDEO_CALL : AudioMode.AUDIO_CALL);
+        }
+    }
+}
+
+/**
+ * Handles CallKit's event {@code performEndCallAction}.
+ *
+ * @param {Object} event - The details of the CallKit event
+ * {@code performEndCallAction}.
+ * @returns {void}
+ */
+function _onPerformEndCallAction({ callUUID }: { callUUID: string; }) {
+    // @ts-ignore
+    const { dispatch, getState } = this; // eslint-disable-line @typescript-eslint/no-invalid-this
+    const conference = getCurrentConference(getState);
+
+    if (conference?.callUUID === callUUID) {
+        // We arrive here when a call is ended by the system, for example, when
+        // another incoming call is received and the user selects "End &
+        // Accept".
+        delete conference.callUUID;
+
+        dispatch(appNavigate(undefined));
+    }
+}
+
+/**
+ * Handles CallKit's event {@code performSetMutedCallAction}.
+ *
+ * @param {Object} event - The details of the CallKit event
+ * {@code performSetMutedCallAction}.
+ * @returns {void}
+ */
+function _onPerformSetMutedCallAction({ callUUID, muted }: { callUUID: string; muted: boolean; }) {
+    // @ts-ignore
+    const { dispatch, getState } = this; // eslint-disable-line @typescript-eslint/no-invalid-this
+    const conference = getCurrentConference(getState);
+
+    if (conference?.callUUID === callUUID) {
+        muted = Boolean(muted); // eslint-disable-line no-param-reassign
+
+        sendAnalytics(
+            createTrackMutedEvent('audio', 'call-integration', muted));
+
+        dispatch(setAudioMuted(muted, /* ensureTrack */ true));
+    }
+}
+
+/**
+ * Update CallKit with the audio only state of the conference. When a conference
+ * is in audio only mode we will tell CallKit the call has no video. This
+ * affects how the call is saved in the recent calls list.
+ *
+ * XXX: Note that here we are taking the `audioOnly` value straight from the
+ * action, instead of examining the state. This is intentional, as setting the
+ * audio only involves multiple actions which will be reflected in the state
+ * later, but we are just interested in knowing if the mode is going to be
+ * set or not.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified {@code action} in the specified {@code store}.
+ * @param {Action} action - The redux action which is being dispatched in the
+ * specified {@code store}.
+ * @private
+ * @returns {*} The value returned by {@code next(action)}.
+ */
+function _setAudioOnly({ getState }: IStore, next: Function, action: AnyAction) {
+    const result = next(action);
+    const state = getState();
+
+    if (!isCallIntegrationEnabled(state)) {
+        return result;
+    }
+
+    const conference = getCurrentConference(state);
+
+    if (conference?.callUUID) {
+        CallIntegration.updateCall(
+            conference.callUUID,
+            { hasVideo: !action.audioOnly });
+    }
+
+    return result;
+}
+
+/**
+ * Notifies the feature callkit that the action
+ * {@link _SET_CALL_INTEGRATION_SUBSCRIPTIONS} is being dispatched within
+ * a specific redux {@code store}.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified {@code action} in the specified {@code store}.
+ * @param {Action} action - The redux action
+ * {@code _SET_CALL_INTEGRATION_SUBSCRIPTIONS} which is being dispatched in
+ * the specified {@code store}.
+ * @private
+ * @returns {*} The value returned by {@code next(action)}.
+ */
+function _setCallKitSubscriptions({ getState }: IStore, next: Function, action: AnyAction) {
+    const { subscriptions } = getState()['features/call-integration'];
+
+    if (subscriptions) {
+        for (const subscription of subscriptions) {
+            subscription.remove();
+        }
+    }
+
+    return next(action);
+}
+
+/**
+ * Synchronize the muted state of tracks with CallKit.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified {@code action} in the specified {@code store}.
+ * @param {Action} action - The redux action which is being dispatched in the
+ * specified {@code store}.
+ * @private
+ * @returns {*} The value returned by {@code next(action)}.
+ */
+function _syncTrackState({ getState }: IStore, next: Function, action: AnyAction) {
+    const result = next(action);
+
+    if (!isCallIntegrationEnabled(getState)) {
+        return result;
+    }
+
+    const { jitsiTrack } = action.track;
+    const state = getState();
+    const conference = getCurrentConference(state);
+
+    if (jitsiTrack.isLocal() && conference?.callUUID) {
+        switch (jitsiTrack.getType()) {
+        case 'audio': {
+            _updateCallIntegrationMuted(conference, state);
+            break;
+        }
+        case 'video': {
+            CallIntegration.updateCall(
+                conference.callUUID,
+                { hasVideo: !isVideoMutedByAudioOnly(state) });
+            break;
+        }
+
+        }
+    }
+
+    return result;
+}
+
+/**
+ * Update the muted state in the native side.
+ *
+ * @param {Object} conference - The current active conference.
+ * @param {Object} state - The redux store state.
+ * @private
+ * @returns {void}
+ */
+function _updateCallIntegrationMuted(conference: IJitsiConference, state: IReduxState) {
+    const muted = isLocalTrackMuted(state['features/base/tracks'], MEDIA_TYPE.AUDIO);
+
+    CallIntegration.setMuted(conference.callUUID, muted);
+}
diff --git a/react/features/mobile/call-integration/reducer.ts b/react/features/mobile/call-integration/reducer.ts
new file mode 100644
index 0000000..92c0cfb
--- /dev/null
+++ b/react/features/mobile/call-integration/reducer.ts
@@ -0,0 +1,21 @@
+import ReducerRegistry from '../../base/redux/ReducerRegistry';
+import { set } from '../../base/redux/functions';
+
+import CallKit from './CallKit';
+import ConnectionService from './ConnectionService';
+import { _SET_CALL_INTEGRATION_SUBSCRIPTIONS } from './actionTypes';
+
+export interface ICallIntegrationState {
+    subscriptions?: any;
+}
+
+(CallKit || ConnectionService) && ReducerRegistry.register<ICallIntegrationState>(
+    'features/call-integration',
+    (state = {}, action): ICallIntegrationState => {
+        switch (action.type) {
+        case _SET_CALL_INTEGRATION_SUBSCRIPTIONS:
+            return set(state, 'subscriptions', action.subscriptions);
+        }
+
+        return state;
+    });
diff --git a/react/features/mobile/external-api/actionTypes.ts b/react/features/mobile/external-api/actionTypes.ts
new file mode 100644
index 0000000..8f19641
--- /dev/null
+++ b/react/features/mobile/external-api/actionTypes.ts
@@ -0,0 +1,20 @@
+/**
+ * The type of the action which indicates the SDK is ready to be closed.
+ *
+ * @returns {{
+ *     type: READY_TO_CLOSE
+ * }}
+ */
+export const READY_TO_CLOSE = 'READY_TO_CLOSE';
+
+/**
+ * The type of the action which sets the list of known participant IDs which
+ * have an active screen share.
+ *
+ * @returns {{
+    *     type: SCREEN_SHARE_PARTICIPANTS_UPDATED,
+    *     participantIds: Array<string>
+    * }}
+    */
+export const SCREEN_SHARE_PARTICIPANTS_UPDATED
+    = 'SCREEN_SHARE_PARTICIPANTS_UPDATED';
diff --git a/react/features/mobile/external-api/actions.ts b/react/features/mobile/external-api/actions.ts
new file mode 100644
index 0000000..d9f9515
--- /dev/null
+++ b/react/features/mobile/external-api/actions.ts
@@ -0,0 +1,33 @@
+import { READY_TO_CLOSE, SCREEN_SHARE_PARTICIPANTS_UPDATED } from './actionTypes';
+
+
+/**
+ * Creates a (redux) action which signals that the SDK is ready to be closed.
+ *
+ * @returns {{
+ *     type: READY_TO_CLOSE
+ * }}
+ */
+export function readyToClose() {
+    return {
+        type: READY_TO_CLOSE
+    };
+}
+
+/**
+ * Creates a (redux) action which signals that the list of known participants
+ * with screen shares has changed.
+ *
+ * @param {string} participantIds - The participants which currently have active
+ * screen share streams.
+ * @returns {{
+ *     type: SCREEN_SHARE_PARTICIPANTS_UPDATED,
+ *     participantId: string
+ * }}
+ */
+export function setParticipantsWithScreenShare(participantIds: Array<string>) {
+    return {
+        type: SCREEN_SHARE_PARTICIPANTS_UPDATED,
+        participantIds
+    };
+}
diff --git a/react/features/mobile/external-api/functions.ts b/react/features/mobile/external-api/functions.ts
new file mode 100644
index 0000000..353e4b7
--- /dev/null
+++ b/react/features/mobile/external-api/functions.ts
@@ -0,0 +1,47 @@
+import { debounce } from 'lodash-es';
+import { NativeModules } from 'react-native';
+
+import { IParticipant } from '../../base/participants/types';
+
+import { readyToClose } from './actions';
+
+
+/**
+ * Sends a specific event to the native counterpart of the External API. Native
+ * apps may listen to such events via the mechanisms provided by the (native)
+ * mobile Jitsi Meet SDK.
+ *
+ * @param {Object} store - The redux store.
+ * @param {string} name - The name of the event to send.
+ * @param {Object} data - The details/specifics of the event to send determined
+ * by/associated with the specified {@code name}.
+ * @returns {void}
+ */
+export function sendEvent(store: Object, name: string, data: Object) {
+    NativeModules.ExternalAPI.sendEvent(name, data);
+}
+
+/**
+ * Debounced sending of `readyToClose`.
+ */
+export const _sendReadyToClose = debounce(dispatch => {
+    dispatch(readyToClose());
+}, 2500, { leading: true });
+
+/**
+ * Returns a participant info object based on the passed participant object from redux.
+ *
+ * @param {Participant} participant - The participant object from the redux store.
+ * @returns {Object} - The participant info object.
+ */
+export function participantToParticipantInfo(participant: IParticipant) {
+    return {
+        isLocal: participant.local,
+        email: participant.email,
+        name: participant.name,
+        participantId: participant.id,
+        displayName: participant.displayName,
+        avatarUrl: participant.avatarURL,
+        role: participant.role
+    };
+}
diff --git a/react/features/mobile/external-api/logger.ts b/react/features/mobile/external-api/logger.ts
new file mode 100644
index 0000000..23d642e
--- /dev/null
+++ b/react/features/mobile/external-api/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../../base/logging/functions';
+
+export default getLogger('mobile-app:external-api');
diff --git a/react/features/mobile/external-api/middleware.ts b/react/features/mobile/external-api/middleware.ts
new file mode 100644
index 0000000..7387b1b
--- /dev/null
+++ b/react/features/mobile/external-api/middleware.ts
@@ -0,0 +1,875 @@
+/* eslint-disable lines-around-comment */
+
+import { debounce } from 'lodash-es';
+import { NativeEventEmitter, NativeModules } from 'react-native';
+import { AnyAction } from 'redux';
+
+// @ts-ignore
+import { ENDPOINT_TEXT_MESSAGE_NAME } from '../../../../modules/API/constants';
+import { appNavigate } from '../../app/actions.native';
+import { IStore } from '../../app/types';
+import { APP_WILL_MOUNT, APP_WILL_UNMOUNT } from '../../base/app/actionTypes';
+import {
+    CONFERENCE_BLURRED,
+    CONFERENCE_FAILED,
+    CONFERENCE_FOCUSED,
+    CONFERENCE_JOINED,
+    CONFERENCE_LEFT,
+    CONFERENCE_UNIQUE_ID_SET,
+    CONFERENCE_WILL_JOIN,
+    ENDPOINT_MESSAGE_RECEIVED,
+    SET_ROOM
+} from '../../base/conference/actionTypes';
+import { JITSI_CONFERENCE_URL_KEY } from '../../base/conference/constants';
+import {
+    forEachConference,
+    getCurrentConference,
+    isRoomValid
+} from '../../base/conference/functions';
+import { IJitsiConference } from '../../base/conference/reducer';
+import { overwriteConfig } from '../../base/config/actions';
+import { getWhitelistedJSON } from '../../base/config/functions.native';
+import { CONNECTION_DISCONNECTED } from '../../base/connection/actionTypes';
+import {
+    JITSI_CONNECTION_CONFERENCE_KEY,
+    JITSI_CONNECTION_URL_KEY
+} from '../../base/connection/constants';
+import { getURLWithoutParams } from '../../base/connection/utils';
+import { JitsiConferenceEvents, JitsiRecordingConstants } from '../../base/lib-jitsi-meet';
+import { SET_AUDIO_MUTED, SET_VIDEO_MUTED } from '../../base/media/actionTypes';
+import { toggleCameraFacingMode } from '../../base/media/actions';
+import { MEDIA_TYPE, VIDEO_TYPE } from '../../base/media/constants';
+import { PARTICIPANT_JOINED, PARTICIPANT_LEFT } from '../../base/participants/actionTypes';
+import {
+    getLocalParticipant,
+    getParticipantById,
+    getRemoteParticipants,
+    isScreenShareParticipantById
+} from '../../base/participants/functions';
+import MiddlewareRegistry from '../../base/redux/MiddlewareRegistry';
+import StateListenerRegistry from '../../base/redux/StateListenerRegistry';
+import { toggleScreensharing } from '../../base/tracks/actions.native';
+import { CAMERA_FACING_MODE_MESSAGE } from '../../base/tracks/constants';
+import { getLocalTracks, isLocalTrackMuted } from '../../base/tracks/functions.native';
+import { ITrack } from '../../base/tracks/types';
+import { CLOSE_CHAT, OPEN_CHAT } from '../../chat/actionTypes';
+import { closeChat, openChat, sendMessage, setPrivateMessageRecipient } from '../../chat/actions.native';
+import { isEnabled as isDropboxEnabled } from '../../dropbox/functions.native';
+import { hideNotification, showNotification } from '../../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE, NOTIFICATION_TYPE } from '../../notifications/constants';
+import { RECORDING_SESSION_UPDATED } from '../../recording/actionTypes';
+import { RECORDING_TYPES } from '../../recording/constants';
+import { getActiveSession } from '../../recording/functions';
+import { setRequestingSubtitles } from '../../subtitles/actions.any';
+import { CUSTOM_BUTTON_PRESSED } from '../../toolbox/actionTypes';
+import { muteLocal } from '../../video-menu/actions.native';
+import { ENTER_PICTURE_IN_PICTURE } from '../picture-in-picture/actionTypes';
+// @ts-ignore
+import { isExternalAPIAvailable } from '../react-native-sdk/functions';
+
+import { READY_TO_CLOSE } from './actionTypes';
+import { setParticipantsWithScreenShare } from './actions';
+import { participantToParticipantInfo, sendEvent } from './functions';
+import logger from './logger';
+
+/**
+ * Event which will be emitted on the native side when a chat message is received
+ * through the channel.
+ */
+const CHAT_MESSAGE_RECEIVED = 'CHAT_MESSAGE_RECEIVED';
+
+/**
+ * Event which will be emitted on the native side when the chat dialog is displayed/closed.
+ */
+const CHAT_TOGGLED = 'CHAT_TOGGLED';
+
+/**
+ * Event which will be emitted on the native side to indicate the conference
+ * has ended either by user request or because an error was produced.
+ */
+const CONFERENCE_TERMINATED = 'CONFERENCE_TERMINATED';
+
+/**
+ * Event which will be emitted on the native side to indicate a message was received
+ * through the channel.
+ */
+const ENDPOINT_TEXT_MESSAGE_RECEIVED = 'ENDPOINT_TEXT_MESSAGE_RECEIVED';
+
+/**
+ * Event which will be emitted on the native side to indicate a participant toggles
+ * the screen share.
+ */
+const SCREEN_SHARE_TOGGLED = 'SCREEN_SHARE_TOGGLED';
+
+/**
+ * Event which will be emitted on the native side with the participant info array.
+ */
+const PARTICIPANTS_INFO_RETRIEVED = 'PARTICIPANTS_INFO_RETRIEVED';
+
+/**
+ * Event which will be emitted on the native side to indicate the recording status has changed.
+ */
+const RECORDING_STATUS_CHANGED = 'RECORDING_STATUS_CHANGED';
+
+const externalAPIEnabled = isExternalAPIAvailable();
+
+let eventEmitter: any;
+
+const { ExternalAPI } = NativeModules;
+
+if (externalAPIEnabled) {
+    eventEmitter = new NativeEventEmitter(ExternalAPI);
+}
+
+/**
+ * Middleware that captures Redux actions and uses the ExternalAPI module to
+ * turn them into native events so the application knows about them.
+ *
+ * @param {Store} store - Redux store.
+ * @returns {Function}
+ */
+externalAPIEnabled && MiddlewareRegistry.register(store => next => action => {
+    const oldAudioMuted = store.getState()['features/base/media'].audio.muted;
+    const result = next(action);
+    const { type } = action;
+
+    switch (type) {
+    case APP_WILL_MOUNT:
+        _registerForNativeEvents(store);
+        break;
+    case APP_WILL_UNMOUNT:
+        _unregisterForNativeEvents();
+        break;
+    case CONFERENCE_FAILED: {
+        const { error, ...data } = action;
+
+        // XXX Certain CONFERENCE_FAILED errors are recoverable i.e. they have
+        // prevented the user from joining a specific conference but the app may
+        // be able to eventually join the conference. For example, the app will
+        // ask the user for a password upon
+        // JitsiConferenceErrors.PASSWORD_REQUIRED and will retry joining the
+        // conference afterwards. Such errors are to not reach the native
+        // counterpart of the External API (or at least not in the
+        // fatality/finality semantics attributed to
+        // conferenceFailed:/onConferenceFailed).
+        if (!error.recoverable) {
+            _sendConferenceEvent(store, /* action */ {
+                error: _toErrorString(error),
+                ...data
+            });
+        }
+        break;
+    }
+
+    case CONFERENCE_LEFT:
+        _sendConferenceEvent(store, action);
+        break;
+
+    case CONFERENCE_JOINED:
+        _sendConferenceEvent(store, action);
+        _registerForEndpointTextMessages(store);
+        break;
+
+    case CONFERENCE_BLURRED:
+        sendEvent(store, CONFERENCE_BLURRED, {});
+        break;
+
+    case CONFERENCE_FOCUSED:
+        sendEvent(store, CONFERENCE_FOCUSED, {});
+        break;
+
+    case CONFERENCE_UNIQUE_ID_SET: {
+        const { conference } = action;
+
+        sendEvent(
+            store,
+            CONFERENCE_UNIQUE_ID_SET,
+            /* data */ {
+                sessionId: conference.getMeetingUniqueId()
+            });
+        break;
+    }
+
+    case CONNECTION_DISCONNECTED: {
+        // FIXME: This is a hack. See the description in the JITSI_CONNECTION_CONFERENCE_KEY constant definition.
+        // Check if this connection was attached to any conference.
+        // If it wasn't, fake a CONFERENCE_TERMINATED event.
+        const { connection } = action;
+        const conference = connection[JITSI_CONNECTION_CONFERENCE_KEY];
+
+        if (!conference) {
+            // This action will arrive late, so the locationURL stored on the state is no longer valid.
+            const locationURL = connection[JITSI_CONNECTION_URL_KEY];
+
+            sendEvent(
+                store,
+                CONFERENCE_TERMINATED,
+                /* data */ {
+                    url: _normalizeUrl(locationURL)
+                });
+        }
+
+        break;
+    }
+
+    case CUSTOM_BUTTON_PRESSED: {
+        const { id, text } = action;
+
+        sendEvent(
+            store,
+            CUSTOM_BUTTON_PRESSED,
+            /* data */ {
+                id,
+                text
+            });
+
+        break;
+    }
+
+    case ENDPOINT_MESSAGE_RECEIVED: {
+        const { participant, data } = action;
+
+        if (data?.name === ENDPOINT_TEXT_MESSAGE_NAME) {
+            sendEvent(
+                store,
+                ENDPOINT_TEXT_MESSAGE_RECEIVED,
+                /* data */ {
+                    message: data.text,
+                    senderId: participant.getId()
+                });
+        }
+
+        break;
+    }
+
+    case ENTER_PICTURE_IN_PICTURE:
+        sendEvent(store, type, /* data */ {});
+        break;
+
+    case OPEN_CHAT:
+    case CLOSE_CHAT: {
+        sendEvent(
+            store,
+            CHAT_TOGGLED,
+            /* data */ {
+                isOpen: action.type === OPEN_CHAT
+            });
+        break;
+    }
+
+    case PARTICIPANT_JOINED:
+    case PARTICIPANT_LEFT: {
+        // Skip these events while not in a conference. SDK users can still retrieve them.
+        const { conference } = store.getState()['features/base/conference'];
+
+        if (!conference) {
+            break;
+        }
+
+        const { participant } = action;
+
+        const isVirtualScreenshareParticipant = isScreenShareParticipantById(store.getState(), participant.id);
+
+        if (isVirtualScreenshareParticipant) {
+            break;
+        }
+
+        sendEvent(
+            store,
+            action.type,
+            participantToParticipantInfo(participant) /* data */
+        );
+        break;
+    }
+
+    case READY_TO_CLOSE:
+        sendEvent(store, type, /* data */ {});
+        break;
+
+    case RECORDING_SESSION_UPDATED: {
+        const {
+            error,
+            id,
+            initiator,
+            liveStreamViewURL,
+            mode,
+            status,
+            terminator,
+            timestamp
+        } = action.sessionData;
+
+        const getId = (obj: any) => typeof obj === 'object' ? obj.getId() : obj;
+        const getError = (err: any) => typeof err === 'object' ? String(err) : err;
+
+        sendEvent(
+            store,
+            RECORDING_STATUS_CHANGED,
+            /* data */ {
+                error: getError(error),
+                id,
+                initiator: getId(initiator),
+                liveStreamViewURL,
+                mode,
+                status,
+                terminator: getId(terminator),
+                timestamp
+            });
+        break;
+    }
+
+    case SET_ROOM:
+        _maybeTriggerEarlyConferenceWillJoin(store, action);
+        break;
+
+    case SET_AUDIO_MUTED:
+        if (action.muted !== oldAudioMuted) {
+            sendEvent(
+                store,
+                'AUDIO_MUTED_CHANGED',
+                /* data */ {
+                    muted: action.muted
+                });
+        }
+        break;
+
+    case SET_VIDEO_MUTED:
+        sendEvent(
+            store,
+            'VIDEO_MUTED_CHANGED',
+            /* data */ {
+                muted: action.muted
+            });
+        break;
+    }
+
+    return result;
+});
+
+/**
+ * Listen for changes to the known media tracks and look
+ * for updates to screen shares for emitting native events.
+ * The listener is debounced to avoid state thrashing that might occur,
+ * especially when switching in or out of p2p.
+ */
+externalAPIEnabled && StateListenerRegistry.register(
+    /* selector */ state => state['features/base/tracks'],
+    /* listener */ debounce((tracks: ITrack[], store: IStore) => {
+        const oldScreenShares = store.getState()['features/mobile/external-api'].screenShares || [];
+        const newScreenShares = tracks
+            .filter(track => track.mediaType === MEDIA_TYPE.SCREENSHARE || track.videoType === VIDEO_TYPE.DESKTOP)
+            .map(track => track.participantId);
+
+        oldScreenShares.forEach(participantId => {
+            if (!newScreenShares.includes(participantId)) {
+                sendEvent(
+                    store,
+                    SCREEN_SHARE_TOGGLED,
+                    /* data */ {
+                        participantId,
+                        sharing: false
+                    });
+            }
+        });
+
+        newScreenShares.forEach(participantId => {
+            if (!oldScreenShares.includes(participantId)) {
+                sendEvent(
+                    store,
+                    SCREEN_SHARE_TOGGLED,
+                    /* data */ {
+                        participantId,
+                        sharing: true
+                    });
+            }
+        });
+
+        store.dispatch(setParticipantsWithScreenShare(newScreenShares));
+
+    }, 100));
+
+/**
+ * Registers for events sent from the native side via NativeEventEmitter.
+ *
+ * @param {Store} store - The redux store.
+ * @private
+ * @returns {void}
+ */
+function _registerForNativeEvents(store: IStore) {
+    const { getState, dispatch } = store;
+
+    eventEmitter.addListener(ExternalAPI.HANG_UP, () => {
+        dispatch(appNavigate(undefined));
+    });
+
+    eventEmitter.addListener(ExternalAPI.SET_AUDIO_MUTED, ({ muted }: any) => {
+        dispatch(muteLocal(muted, MEDIA_TYPE.AUDIO));
+    });
+
+    eventEmitter.addListener(ExternalAPI.SET_VIDEO_MUTED, ({ muted }: any) => {
+        dispatch(muteLocal(muted, MEDIA_TYPE.VIDEO));
+    });
+
+    eventEmitter.addListener(ExternalAPI.SEND_ENDPOINT_TEXT_MESSAGE, ({ to, message }: any) => {
+        const conference = getCurrentConference(getState());
+
+        try {
+            conference?.sendEndpointMessage(to, {
+                name: ENDPOINT_TEXT_MESSAGE_NAME,
+                text: message
+            });
+        } catch (error) {
+            logger.warn('Cannot send endpointMessage', error);
+        }
+    });
+
+    eventEmitter.addListener(ExternalAPI.TOGGLE_SCREEN_SHARE, ({ enabled }: any) => {
+        dispatch(toggleScreensharing(enabled));
+    });
+
+    eventEmitter.addListener(ExternalAPI.RETRIEVE_PARTICIPANTS_INFO, ({ requestId }: any) => {
+
+        const participantsInfo = [];
+        const remoteParticipants = getRemoteParticipants(store);
+        const localParticipant = getLocalParticipant(store);
+
+        localParticipant && participantsInfo.push(participantToParticipantInfo(localParticipant));
+        remoteParticipants.forEach(participant => {
+            if (!participant.fakeParticipant) {
+                participantsInfo.push(participantToParticipantInfo(participant));
+            }
+        });
+
+        sendEvent(
+            store,
+            PARTICIPANTS_INFO_RETRIEVED,
+            /* data */ {
+                participantsInfo,
+                requestId
+            });
+    });
+
+    eventEmitter.addListener(ExternalAPI.OPEN_CHAT, ({ to }: any) => {
+        const participant = getParticipantById(store, to);
+
+        dispatch(openChat(participant));
+    });
+
+    eventEmitter.addListener(ExternalAPI.CLOSE_CHAT, () => {
+        dispatch(closeChat());
+    });
+
+    eventEmitter.addListener(ExternalAPI.SEND_CHAT_MESSAGE, ({ message, to }: any) => {
+        const participant = getParticipantById(store, to);
+
+        if (participant) {
+            dispatch(setPrivateMessageRecipient(participant));
+        }
+
+        dispatch(sendMessage(message));
+    });
+
+    eventEmitter.addListener(ExternalAPI.SET_CLOSED_CAPTIONS_ENABLED,
+        ({ enabled, displaySubtitles, language }: any) => {
+            dispatch(setRequestingSubtitles(enabled, displaySubtitles, language));
+        });
+
+    eventEmitter.addListener(ExternalAPI.TOGGLE_CAMERA, () => {
+        dispatch(toggleCameraFacingMode());
+    });
+
+    eventEmitter.addListener(ExternalAPI.SHOW_NOTIFICATION,
+        ({ appearance, description, timeout, title, uid }: any) => {
+            const validTypes = Object.values(NOTIFICATION_TYPE);
+            const validTimeouts = Object.values(NOTIFICATION_TIMEOUT_TYPE);
+
+            if (!validTypes.includes(appearance)) {
+                logger.error(`Invalid notification type "${appearance}". Expecting one of ${validTypes}`);
+
+                return;
+            }
+
+            if (!validTimeouts.includes(timeout)) {
+                logger.error(`Invalid notification timeout "${timeout}". Expecting one of ${validTimeouts}`);
+
+                return;
+            }
+
+            dispatch(showNotification({
+                appearance,
+                description,
+                title,
+                uid
+            }, timeout));
+        });
+
+    eventEmitter.addListener(ExternalAPI.HIDE_NOTIFICATION, ({ uid }: any) => {
+        dispatch(hideNotification(uid));
+    });
+
+    eventEmitter.addListener(ExternalAPI.START_RECORDING, (
+            {
+                mode,
+                dropboxToken,
+                shouldShare,
+                rtmpStreamKey,
+                rtmpBroadcastID,
+                youtubeStreamKey,
+                youtubeBroadcastID,
+                extraMetadata = {},
+                transcription
+            }: any) => {
+        const state = store.getState();
+        const conference = getCurrentConference(state);
+
+        if (!conference) {
+            logger.error('Conference is not defined');
+
+            return;
+        }
+
+        if (dropboxToken && !isDropboxEnabled(state)) {
+            logger.error('Failed starting recording: dropbox is not enabled on this deployment');
+
+            return;
+        }
+
+        if (mode === JitsiRecordingConstants.mode.STREAM && !(youtubeStreamKey || rtmpStreamKey)) {
+            logger.error('Failed starting recording: missing youtube or RTMP stream key');
+
+            return;
+        }
+
+        let recordingConfig;
+
+        if (mode === JitsiRecordingConstants.mode.FILE) {
+            const { recordingService } = state['features/base/config'];
+
+            if (!recordingService?.enabled && !dropboxToken) {
+                logger.error('Failed starting recording: the recording service is not enabled');
+
+                return;
+            }
+
+            if (dropboxToken) {
+                recordingConfig = {
+                    mode: JitsiRecordingConstants.mode.FILE,
+                    appData: JSON.stringify({
+                        'file_recording_metadata': {
+                            ...extraMetadata,
+                            'upload_credentials': {
+                                'service_name': RECORDING_TYPES.DROPBOX,
+                                'token': dropboxToken
+                            }
+                        }
+                    })
+                };
+            } else {
+                recordingConfig = {
+                    mode: JitsiRecordingConstants.mode.FILE,
+                    appData: JSON.stringify({
+                        'file_recording_metadata': {
+                            ...extraMetadata,
+                            'share': shouldShare
+                        }
+                    })
+                };
+            }
+        } else if (mode === JitsiRecordingConstants.mode.STREAM) {
+            recordingConfig = {
+                broadcastId: youtubeBroadcastID || rtmpBroadcastID,
+                mode: JitsiRecordingConstants.mode.STREAM,
+                streamId: youtubeStreamKey || rtmpStreamKey
+            };
+        }
+
+        // Start audio / video recording, if requested.
+        if (typeof recordingConfig !== 'undefined') {
+            conference.startRecording(recordingConfig);
+        }
+
+        if (transcription) {
+            store.dispatch(setRequestingSubtitles(true, false, null));
+        }
+    });
+
+    eventEmitter.addListener(ExternalAPI.STOP_RECORDING, ({ mode, transcription }: any) => {
+        const state = store.getState();
+        const conference = getCurrentConference(state);
+
+        if (!conference) {
+            logger.error('Conference is not defined');
+
+            return;
+        }
+
+        if (transcription) {
+            store.dispatch(setRequestingSubtitles(false, false, null));
+        }
+
+        if (![ JitsiRecordingConstants.mode.FILE, JitsiRecordingConstants.mode.STREAM ].includes(mode)) {
+            logger.error('Invalid recording mode provided!');
+
+            return;
+        }
+
+        const activeSession = getActiveSession(state, mode);
+
+        if (!activeSession?.id) {
+            logger.error('No recording or streaming session found');
+
+            return;
+        }
+
+        conference.stopRecording(activeSession.id);
+    });
+
+    eventEmitter.addListener(ExternalAPI.OVERWRITE_CONFIG, ({ config }: any) => {
+        const whitelistedConfig = getWhitelistedJSON('config', config);
+
+        logger.info(`Overwriting config with: ${JSON.stringify(whitelistedConfig)}`);
+
+        dispatch(overwriteConfig(whitelistedConfig));
+    });
+
+    eventEmitter.addListener(ExternalAPI.SEND_CAMERA_FACING_MODE_MESSAGE, ({ to, facingMode }: any) => {
+        const conference = getCurrentConference(getState());
+
+        if (!to) {
+            logger.warn('Participant id not set');
+
+            return;
+        }
+
+        conference?.sendEndpointMessage(to, {
+            name: CAMERA_FACING_MODE_MESSAGE,
+            facingMode
+        });
+    });
+}
+
+/**
+ * Unregister for events sent from the native side via NativeEventEmitter.
+ *
+ * @private
+ * @returns {void}
+ */
+function _unregisterForNativeEvents() {
+    eventEmitter.removeAllListeners(ExternalAPI.HANG_UP);
+    eventEmitter.removeAllListeners(ExternalAPI.SET_AUDIO_MUTED);
+    eventEmitter.removeAllListeners(ExternalAPI.SET_VIDEO_MUTED);
+    eventEmitter.removeAllListeners(ExternalAPI.SEND_ENDPOINT_TEXT_MESSAGE);
+    eventEmitter.removeAllListeners(ExternalAPI.TOGGLE_SCREEN_SHARE);
+    eventEmitter.removeAllListeners(ExternalAPI.RETRIEVE_PARTICIPANTS_INFO);
+    eventEmitter.removeAllListeners(ExternalAPI.OPEN_CHAT);
+    eventEmitter.removeAllListeners(ExternalAPI.CLOSE_CHAT);
+    eventEmitter.removeAllListeners(ExternalAPI.SEND_CHAT_MESSAGE);
+    eventEmitter.removeAllListeners(ExternalAPI.SET_CLOSED_CAPTIONS_ENABLED);
+    eventEmitter.removeAllListeners(ExternalAPI.TOGGLE_CAMERA);
+    eventEmitter.removeAllListeners(ExternalAPI.SHOW_NOTIFICATION);
+    eventEmitter.removeAllListeners(ExternalAPI.HIDE_NOTIFICATION);
+    eventEmitter.removeAllListeners(ExternalAPI.START_RECORDING);
+    eventEmitter.removeAllListeners(ExternalAPI.STOP_RECORDING);
+    eventEmitter.removeAllListeners(ExternalAPI.OVERWRITE_CONFIG);
+    eventEmitter.removeAllListeners(ExternalAPI.SEND_CAMERA_FACING_MODE_MESSAGE);
+}
+
+/**
+ * Registers for endpoint messages sent on conference data channel.
+ *
+ * @param {Store} store - The redux store.
+ * @private
+ * @returns {void}
+ */
+function _registerForEndpointTextMessages(store: IStore) {
+    const conference = getCurrentConference(store.getState());
+
+    conference?.on(
+        JitsiConferenceEvents.MESSAGE_RECEIVED,
+            (id: string, message: string, timestamp: number) => {
+                sendEvent(
+                    store,
+                    CHAT_MESSAGE_RECEIVED,
+                    /* data */ {
+                        senderId: id,
+                        message,
+                        isPrivate: false,
+                        timestamp
+                    });
+            }
+    );
+
+    conference?.on(
+        JitsiConferenceEvents.PRIVATE_MESSAGE_RECEIVED,
+        (id: string, message: string, timestamp: number) => {
+            sendEvent(
+                    store,
+                    CHAT_MESSAGE_RECEIVED,
+                    /* data */ {
+                        senderId: id,
+                        message,
+                        isPrivate: true,
+                        timestamp
+                    });
+        }
+    );
+}
+
+/**
+ * Returns a {@code String} representation of a specific error {@code Object}.
+ *
+ * @param {Error|Object|string} error - The error {@code Object} to return a
+ * {@code String} representation of.
+ * @returns {string} A {@code String} representation of the specified
+ * {@code error}.
+ */
+function _toErrorString(
+        error: Error | { message?: string; name?: string; } | string) {
+    // XXX In lib-jitsi-meet and jitsi-meet we utilize errors in the form of
+    // strings, Error instances, and plain objects which resemble Error.
+    return (
+        error
+            ? typeof error === 'string'
+                ? error
+                : Error.prototype.toString.apply(error)
+            : '');
+}
+
+/**
+ * If {@link SET_ROOM} action happens for a valid conference room this method
+ * will emit an early {@link CONFERENCE_WILL_JOIN} event to let the external API
+ * know that a conference is being joined. Before that happens a connection must
+ * be created and only then base/conference feature would emit
+ * {@link CONFERENCE_WILL_JOIN}. That is fine for the Jitsi Meet app, because
+ * that's the a conference instance gets created, but it's too late for
+ * the external API to learn that. The latter {@link CONFERENCE_WILL_JOIN} is
+ * swallowed in {@link _swallowEvent}.
+ *
+ * @param {Store} store - The redux store.
+ * @param {Action} action - The redux action.
+ * @returns {void}
+ */
+function _maybeTriggerEarlyConferenceWillJoin(store: IStore, action: AnyAction) {
+    const { locationURL } = store.getState()['features/base/connection'];
+    const { room } = action;
+
+    isRoomValid(room) && locationURL && sendEvent(
+        store,
+        CONFERENCE_WILL_JOIN,
+        /* data */ {
+            url: _normalizeUrl(locationURL)
+        });
+}
+
+/**
+ * Normalizes the given URL for presentation over the external API.
+ *
+ * @param {URL} url -The URL to normalize.
+ * @returns {string} - The normalized URL as a string.
+ */
+function _normalizeUrl(url: URL) {
+    return getURLWithoutParams(url).href;
+}
+
+/**
+ * Sends an event to the native counterpart of the External API for a specific
+ * conference-related redux action.
+ *
+ * @param {Store} store - The redux store.
+ * @param {Action} action - The redux action.
+ * @returns {void}
+ */
+function _sendConferenceEvent(
+        store: IStore,
+        action: {
+            conference: IJitsiConference;
+            isAudioMuted?: boolean;
+            type: string;
+            url?: string;
+        }) {
+    const { conference, type, ...data } = action;
+
+    // For these (redux) actions, conference identifies a JitsiConference
+    // instance. The external API cannot transport such an object so we have to
+    // transport an "equivalent".
+    if (conference) { // @ts-ignore
+        data.url = _normalizeUrl(conference[JITSI_CONFERENCE_URL_KEY]);
+
+        const localTracks = getLocalTracks(store.getState()['features/base/tracks']);
+        const isAudioMuted = isLocalTrackMuted(localTracks, MEDIA_TYPE.AUDIO);
+
+        data.isAudioMuted = isAudioMuted;
+    }
+
+    if (_swallowEvent(store, action, data)) {
+        return;
+    }
+
+    let type_;
+
+    switch (type) {
+    case CONFERENCE_FAILED:
+    case CONFERENCE_LEFT:
+        type_ = CONFERENCE_TERMINATED;
+        break;
+    default:
+        type_ = type;
+        break;
+    }
+
+    sendEvent(store, type_, data);
+}
+
+/**
+ * Determines whether to not send a {@code CONFERENCE_LEFT} event to the native
+ * counterpart of the External API.
+ *
+ * @param {Object} store - The redux store.
+ * @param {Action} action - The redux action which is causing the sending of the
+ * event.
+ * @param {Object} data - The details/specifics of the event to send determined
+ * by/associated with the specified {@code action}.
+ * @returns {boolean} If the specified event is to not be sent, {@code true};
+ * otherwise, {@code false}.
+ */
+function _swallowConferenceLeft({ getState }: IStore, action: AnyAction, { url }: { url: string; }) {
+    // XXX Internally, we work with JitsiConference instances. Externally
+    // though, we deal with URL strings. The relation between the two is many to
+    // one so it's technically and practically possible (by externally loading
+    // the same URL string multiple times) to try to send CONFERENCE_LEFT
+    // externally for a URL string which identifies a JitsiConference that the
+    // app is internally legitimately working with.
+    let swallowConferenceLeft = false;
+
+    url
+        && forEachConference(getState, (conference, conferenceURL) => {
+            if (conferenceURL && conferenceURL.toString() === url) {
+                swallowConferenceLeft = true;
+            }
+
+            return !swallowConferenceLeft;
+        });
+
+    return swallowConferenceLeft;
+}
+
+/**
+ * Determines whether to not send a specific event to the native counterpart of
+ * the External API.
+ *
+ * @param {Object} store - The redux store.
+ * @param {Action} action - The redux action which is causing the sending of the
+ * event.
+ * @param {Object} data - The details/specifics of the event to send determined
+ * by/associated with the specified {@code action}.
+ * @returns {boolean} If the specified event is to not be sent, {@code true};
+ * otherwise, {@code false}.
+ */
+function _swallowEvent(store: IStore, action: AnyAction, data: any) {
+    switch (action.type) {
+    case CONFERENCE_LEFT:
+        return _swallowConferenceLeft(store, action, data);
+
+    default:
+        return false;
+    }
+}
diff --git a/react/features/mobile/external-api/reducer.ts b/react/features/mobile/external-api/reducer.ts
new file mode 100644
index 0000000..11e1e77
--- /dev/null
+++ b/react/features/mobile/external-api/reducer.ts
@@ -0,0 +1,25 @@
+import ReducerRegistry from '../../base/redux/ReducerRegistry';
+
+import { SCREEN_SHARE_PARTICIPANTS_UPDATED } from './actionTypes';
+
+export interface IMobileExternalApiState {
+    screenShares: string[];
+}
+
+const DEFAULT_STATE = {
+    screenShares: []
+};
+
+ReducerRegistry.register<IMobileExternalApiState>('features/mobile/external-api',
+(state = DEFAULT_STATE, action): IMobileExternalApiState => {
+    switch (action.type) {
+    case SCREEN_SHARE_PARTICIPANTS_UPDATED: {
+        return {
+            ...state,
+            screenShares: action.participantIds
+        };
+    }
+    }
+
+    return state;
+});
diff --git a/react/features/mobile/navigation/actionTypes.ts b/react/features/mobile/navigation/actionTypes.ts
new file mode 100644
index 0000000..aa15fe0
--- /dev/null
+++ b/react/features/mobile/navigation/actionTypes.ts
@@ -0,0 +1 @@
+export const _ROOT_NAVIGATION_READY = '_ROOT_NAVIGATION_READY';
diff --git a/react/features/mobile/navigation/components/ConnectingPage.tsx b/react/features/mobile/navigation/components/ConnectingPage.tsx
new file mode 100644
index 0000000..c9dbfe4
--- /dev/null
+++ b/react/features/mobile/navigation/components/ConnectingPage.tsx
@@ -0,0 +1,31 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { Text, View, ViewStyle } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+
+import JitsiScreen from '../../../base/modal/components/JitsiScreen';
+import LoadingIndicator from '../../../base/react/components/native/LoadingIndicator';
+
+import { TEXT_COLOR, navigationStyles } from './styles';
+
+
+const ConnectingPage = () => {
+    const { t } = useTranslation();
+
+    return (
+        <JitsiScreen style = { navigationStyles.connectingScreenContainer }>
+            <View style = { navigationStyles.connectingScreenContent as ViewStyle }>
+                <SafeAreaView>
+                    <LoadingIndicator
+                        color = { TEXT_COLOR }
+                        size = 'large' />
+                    <Text style = { navigationStyles.connectingScreenText }>
+                        { t('connectingOverlay.joiningRoom') }
+                    </Text>
+                </SafeAreaView>
+            </View>
+        </JitsiScreen>
+    );
+};
+
+export default ConnectingPage;
diff --git a/react/features/mobile/navigation/components/HeaderNavigationButton.tsx b/react/features/mobile/navigation/components/HeaderNavigationButton.tsx
new file mode 100644
index 0000000..0db3153
--- /dev/null
+++ b/react/features/mobile/navigation/components/HeaderNavigationButton.tsx
@@ -0,0 +1,103 @@
+import React from 'react';
+import { GestureResponderEvent } from 'react-native';
+
+import { StyleType } from '../../../base/styles/functions.native';
+import Button from '../../../base/ui/components/native/Button';
+import IconButton from '../../../base/ui/components/native/IconButton';
+import { BUTTON_TYPES } from '../../../base/ui/constants.native';
+
+import { navigationStyles } from './styles';
+
+
+interface IProps {
+
+    /**
+     * Icon button color.
+     */
+    color?: string;
+
+    /**
+     * Is the button disabled?
+     */
+    disabled?: boolean;
+
+    /**
+     * ID of the header navigation button.
+     */
+    id?: string;
+
+    /**
+     * Label of the button.
+     */
+    label?: string;
+
+    /**
+     * Callback to invoke when the {@code HeaderNavigationButton} is clicked/pressed.
+     */
+    onPress?: (e?: GestureResponderEvent | React.MouseEvent) => void;
+
+    /**
+     * The ImageSource to be rendered as image.
+     */
+    src?: any;
+
+    /**
+     * Style of the button.
+     */
+    style?: StyleType;
+
+    /**
+     * Header has two actions.
+     */
+    twoActions?: boolean;
+}
+
+const HeaderNavigationButton = ({ color, id, disabled, label, onPress, src, style, twoActions }: IProps) => {
+
+    let btnStyle;
+    let labelStyle;
+
+    if (disabled) {
+        btnStyle = navigationStyles.headerNavigationButtonDisabled;
+        labelStyle = twoActions
+            ? navigationStyles.headerNavigationButtonLabelBoldDisabled
+            : navigationStyles.headerNavigationButtonLabelDisabled;
+    } else {
+        btnStyle = navigationStyles.headerNavigationButton;
+        labelStyle = twoActions
+            ? navigationStyles.headerNavigationButtonLabelBold
+            : navigationStyles.headerNavigationButtonLabel;
+    }
+
+    return (
+        <>
+            {
+                src ? (
+                    <IconButton
+                        color = { color }
+                        id = { id }
+                        onPress = { onPress }
+                        size = { 24 }
+                        src = { src }
+                        style = { [
+                            navigationStyles.headerNavigationButtonIcon,
+                            style
+                        ] } />
+                ) : (
+                    <Button
+                        disabled = { disabled }
+                        id = { id }
+                        labelKey = { label }
+                        labelStyle = { labelStyle }
+                        onClick = { onPress }
+                        style = { [
+                            btnStyle,
+                            style
+                        ] }
+                        type = { BUTTON_TYPES.TERTIARY } />
+                )}
+        </>
+    );
+};
+
+export default HeaderNavigationButton;
diff --git a/react/features/mobile/navigation/components/RootNavigationContainer.tsx b/react/features/mobile/navigation/components/RootNavigationContainer.tsx
new file mode 100644
index 0000000..40bb24f
--- /dev/null
+++ b/react/features/mobile/navigation/components/RootNavigationContainer.tsx
@@ -0,0 +1,130 @@
+import { NavigationContainer, Theme } from '@react-navigation/native';
+import { createStackNavigator } from '@react-navigation/stack';
+import React, { useCallback } from 'react';
+import { connect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../../app/types';
+import DialInSummary from '../../../invite/components/dial-in-summary/native/DialInSummary';
+import Prejoin from '../../../prejoin/components/native/Prejoin';
+import UnsafeRoomWarning from '../../../prejoin/components/native/UnsafeRoomWarning';
+import { isUnsafeRoomWarningEnabled } from '../../../prejoin/functions.native';
+import VisitorsQueue from '../../../visitors/components/native/VisitorsQueue';
+// eslint-disable-next-line
+// @ts-ignore
+import WelcomePage from '../../../welcome/components/WelcomePage';
+import { isWelcomePageEnabled } from '../../../welcome/functions';
+import { _ROOT_NAVIGATION_READY } from '../actionTypes';
+import { rootNavigationRef } from '../rootNavigationContainerRef';
+import { screen } from '../routes';
+import {
+    conferenceNavigationContainerScreenOptions,
+    connectingScreenOptions,
+    dialInSummaryScreenOptions,
+    navigationContainerTheme,
+    preJoinScreenOptions,
+    unsafeMeetingScreenOptions,
+    visitorsScreenOptions,
+    welcomeScreenOptions
+} from '../screenOptions';
+
+import ConnectingPage from './ConnectingPage';
+import ConferenceNavigationContainer
+    from './conference/components/ConferenceNavigationContainer';
+
+const RootStack = createStackNavigator();
+
+
+interface IProps {
+
+    /**
+     * Redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+    * Is unsafe room warning available?
+    */
+    isUnsafeRoomWarningAvailable: boolean;
+
+    /**
+    * Is welcome page available?
+    */
+    isWelcomePageAvailable: boolean;
+}
+
+
+const RootNavigationContainer = ({ dispatch, isUnsafeRoomWarningAvailable, isWelcomePageAvailable }: IProps) => {
+    const initialRouteName = isWelcomePageAvailable
+        ? screen.welcome.main : screen.connecting;
+    const onReady = useCallback(() => {
+        dispatch({
+            type: _ROOT_NAVIGATION_READY,
+            ready: true
+        });
+    }, [ dispatch ]);
+
+    return (
+        <NavigationContainer
+            independent = { true }
+            onReady = { onReady }
+            ref = { rootNavigationRef }
+            theme = { navigationContainerTheme as Theme }>
+            <RootStack.Navigator
+                initialRouteName = { initialRouteName }>
+                {
+                    isWelcomePageAvailable
+                        && <>
+                            <RootStack.Screen // @ts-ignore
+                                component = { WelcomePage }
+                                name = { screen.welcome.main }
+                                options = { welcomeScreenOptions } />
+                            <RootStack.Screen
+
+                                // @ts-ignore
+                                component = { DialInSummary }
+                                name = { screen.dialInSummary }
+                                options = { dialInSummaryScreenOptions } />
+                        </>
+                }
+                <RootStack.Screen
+                    component = { ConnectingPage }
+                    name = { screen.connecting }
+                    options = { connectingScreenOptions } />
+                <RootStack.Screen
+                    component = { Prejoin }
+                    name = { screen.preJoin }
+                    options = { preJoinScreenOptions } />
+                {
+                    isUnsafeRoomWarningAvailable
+                    && <RootStack.Screen
+                        component = { UnsafeRoomWarning }
+                        name = { screen.unsafeRoomWarning }
+                        options = { unsafeMeetingScreenOptions } />
+                }
+                <RootStack.Screen
+                    component = { VisitorsQueue }
+                    name = { screen.visitorsQueue }
+                    options = { visitorsScreenOptions } />
+                <RootStack.Screen
+                    component = { ConferenceNavigationContainer }
+                    name = { screen.conference.root }
+                    options = { conferenceNavigationContainerScreenOptions } />
+            </RootStack.Navigator>
+        </NavigationContainer>
+    );
+};
+
+/**
+ * Maps part of the Redux store to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @returns {IProps}
+ */
+function mapStateToProps(state: IReduxState) {
+    return {
+        isUnsafeRoomWarningAvailable: isUnsafeRoomWarningEnabled(state),
+        isWelcomePageAvailable: isWelcomePageEnabled(state)
+    };
+}
+
+export default connect(mapStateToProps)(RootNavigationContainer);
diff --git a/react/features/mobile/navigation/components/TabBarLabelCounter.tsx b/react/features/mobile/navigation/components/TabBarLabelCounter.tsx
new file mode 100644
index 0000000..7c17901
--- /dev/null
+++ b/react/features/mobile/navigation/components/TabBarLabelCounter.tsx
@@ -0,0 +1,39 @@
+import React from 'react';
+import { StyleProp, Text, TextStyle, View } from 'react-native';
+
+import { navigationStyles } from './styles';
+
+interface ITabBarLabelCounterProps {
+    activeUnreadNr: boolean;
+    isFocused: boolean;
+    label: string;
+    unreadCount?: number;
+}
+
+export const TabBarLabelCounter = ({ activeUnreadNr, isFocused, label, unreadCount }: ITabBarLabelCounterProps) => {
+    const labelStyles = isFocused
+        ? navigationStyles.unreadCounterDescriptionFocused
+        : navigationStyles.unreadCounterDescription;
+
+    return (
+        <View
+            style = {
+                navigationStyles.unreadCounterContainer as StyleProp<TextStyle> }>
+            <Text
+                style = { labelStyles }>
+                { label && label }
+            </Text>
+            {
+                activeUnreadNr && (
+                    <View
+                        style = { navigationStyles.unreadCounterCircle as StyleProp<TextStyle> }>
+                        <Text
+                            style = { navigationStyles.unreadCounter as StyleProp<TextStyle> }>
+                            { unreadCount }
+                        </Text>
+                    </View>
+                )
+            }
+        </View>
+    );
+};
diff --git a/react/features/mobile/navigation/components/chat/components/ChatAndPollsNavigator.tsx b/react/features/mobile/navigation/components/chat/components/ChatAndPollsNavigator.tsx
new file mode 100644
index 0000000..b2e1959
--- /dev/null
+++ b/react/features/mobile/navigation/components/chat/components/ChatAndPollsNavigator.tsx
@@ -0,0 +1,62 @@
+/* eslint-disable lines-around-comment */
+
+import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs';
+import React from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+
+import {
+    getClientHeight,
+    getClientWidth
+} from '../../../../../base/modal/components/functions';
+import { setFocusedTab } from '../../../../../chat/actions.any';
+import Chat from '../../../../../chat/components/native/Chat';
+import { ChatTabs } from '../../../../../chat/constants';
+import { getFocusedTab } from '../../../../../chat/functions';
+import { resetUnreadPollsCount } from '../../../../../polls/actions';
+import PollsPane from '../../../../../polls/components/native/PollsPane';
+import { screen } from '../../../routes';
+import { chatTabBarOptions } from '../../../screenOptions';
+
+const ChatTab = createMaterialTopTabNavigator();
+
+const ChatAndPolls = () => {
+    const clientHeight = useSelector(getClientHeight);
+    const clientWidth = useSelector(getClientWidth);
+    const dispatch = useDispatch();
+    const currentFocusedTab = useSelector(getFocusedTab);
+    const initialRouteName = currentFocusedTab === ChatTabs.POLLS
+        ? screen.conference.chatandpolls.tab.polls
+        : screen.conference.chatandpolls.tab.chat;
+
+    return (
+        // @ts-ignore
+        <ChatTab.Navigator
+            backBehavior = 'none'
+            initialLayout = {{
+                height: clientHeight,
+                width: clientWidth
+            }}
+            initialRouteName = { initialRouteName }
+            screenOptions = { chatTabBarOptions }>
+            <ChatTab.Screen
+                component = { Chat }
+                listeners = {{
+                    tabPress: () => {
+                        dispatch(setFocusedTab(ChatTabs.CHAT));
+                    }
+                }}
+                name = { screen.conference.chatandpolls.tab.chat } />
+            <ChatTab.Screen
+                component = { PollsPane }
+                listeners = {{
+                    tabPress: () => {
+                        dispatch(setFocusedTab(ChatTabs.POLLS));
+                        dispatch(resetUnreadPollsCount);
+                    }
+                }}
+                name = { screen.conference.chatandpolls.tab.polls } />
+        </ChatTab.Navigator>
+    );
+};
+
+export default ChatAndPolls;
diff --git a/react/features/mobile/navigation/components/conference/ConferenceNavigationContainerRef.ts b/react/features/mobile/navigation/components/conference/ConferenceNavigationContainerRef.ts
new file mode 100644
index 0000000..7aeb1db
--- /dev/null
+++ b/react/features/mobile/navigation/components/conference/ConferenceNavigationContainerRef.ts
@@ -0,0 +1,35 @@
+import { NavigationContainerRef } from '@react-navigation/native';
+import React from 'react';
+
+export const conferenceNavigationRef = React.createRef<NavigationContainerRef<any>>();
+
+/**
+ * User defined navigation action included inside the reference to the container.
+ *
+ * @param {string} name - Destination name of the route that has been defined somewhere.
+ * @param {Object} params - Params to pass to the destination route.
+ * @returns {Function}
+ */
+export function navigate(name: string, params?: Object) {
+    return conferenceNavigationRef.current?.navigate(name, params);
+}
+
+/**
+ * User defined navigation action included inside the reference to the container.
+ *
+ * @returns {Function}
+ */
+export function goBack() {
+    return conferenceNavigationRef.current?.goBack();
+}
+
+/**
+ * User defined navigation action included inside the reference to the container.
+ *
+ * @param {Object} params - Params to pass to the destination route.
+ * @returns {Function}
+ */
+export function setParams(params: Object) {
+    return conferenceNavigationRef.current?.setParams(params);
+}
+
diff --git a/react/features/mobile/navigation/components/conference/components/ConferenceNavigationContainer.tsx b/react/features/mobile/navigation/components/conference/components/ConferenceNavigationContainer.tsx
new file mode 100644
index 0000000..6e96218
--- /dev/null
+++ b/react/features/mobile/navigation/components/conference/components/ConferenceNavigationContainer.tsx
@@ -0,0 +1,232 @@
+/* eslint-disable lines-around-comment */
+
+import { NavigationContainer, Theme } from '@react-navigation/native';
+import { createStackNavigator } from '@react-navigation/stack';
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { useSelector } from 'react-redux';
+
+import BreakoutRooms
+// @ts-ignore
+    from '../../../../../breakout-rooms/components/native/BreakoutRooms';
+// @ts-ignore
+import Chat from '../../../../../chat/components/native/Chat';
+// @ts-ignore
+import Conference from '../../../../../conference/components/native/Conference';
+// @ts-ignore
+import CarMode from '../../../../../conference/components/native/carmode/CarMode';
+// @ts-ignore
+import { arePollsDisabled } from '../../../../../conference/functions';
+// @ts-ignore
+import SharedDocument from '../../../../../etherpad/components/native/SharedDocument';
+// @ts-ignore
+import GifsMenu from '../../../../../gifs/components/native/GifsMenu';
+import AddPeopleDialog
+// @ts-ignore
+    from '../../../../../invite/components/add-people-dialog/native/AddPeopleDialog';
+// @ts-ignore
+import ParticipantsPane from '../../../../../participants-pane/components/native/ParticipantsPane';
+// @ts-ignore
+import StartLiveStreamDialog from '../../../../../recording/components/LiveStream/native/StartLiveStreamDialog';
+import StartRecordingDialog
+// @ts-ignore
+    from '../../../../../recording/components/Recording/native/StartRecordingDialog';
+import SalesforceLinkDialog
+// @ts-ignore
+    from '../../../../../salesforce/components/native/SalesforceLinkDialog';
+import SecurityDialog
+// @ts-ignore
+    from '../../../../../security/components/security-dialog/native/SecurityDialog';
+import SpeakerStats
+// @ts-ignore
+    from '../../../../../speaker-stats/components/native/SpeakerStats';
+import LanguageSelectorDialog
+// @ts-ignore
+    from '../../../../../subtitles/components/native/LanguageSelectorDialog';
+import Whiteboard from '../../../../../whiteboard/components/native/Whiteboard';
+// @ts-ignore
+import { screen } from '../../../routes';
+import {
+    breakoutRoomsScreenOptions,
+    carmodeScreenOptions,
+    chatScreenOptions,
+    conferenceScreenOptions,
+    gifsMenuOptions,
+    inviteScreenOptions,
+    liveStreamScreenOptions,
+    lobbyNavigationContainerScreenOptions,
+    navigationContainerTheme,
+    participantsScreenOptions,
+    recordingScreenOptions,
+    salesforceScreenOptions,
+    securityScreenOptions,
+    settingsNavigationContainerScreenOptions,
+    sharedDocumentScreenOptions,
+    speakerStatsScreenOptions,
+    subtitlesScreenOptions,
+    whiteboardScreenOptions
+    // @ts-ignore
+} from '../../../screenOptions';
+// @ts-ignore
+import ChatAndPollsNavigator from '../../chat/components/ChatAndPollsNavigator';
+// @ts-ignore
+import LobbyNavigationContainer from '../../lobby/components/LobbyNavigationContainer';
+// @ts-ignore
+import SettingsNavigationContainer from '../../settings/components/SettingsNavigationContainer';
+import {
+    conferenceNavigationRef
+    // @ts-ignore
+} from '../ConferenceNavigationContainerRef';
+
+
+const ConferenceStack = createStackNavigator();
+
+
+const ConferenceNavigationContainer = () => {
+    const isPollsDisabled = useSelector(arePollsDisabled);
+    let ChatScreen;
+    let chatScreenName;
+    let chatTitleString;
+
+    if (isPollsDisabled) {
+        ChatScreen = Chat;
+        chatScreenName = screen.conference.chat;
+        chatTitleString = 'chat.title';
+    } else {
+        ChatScreen = ChatAndPollsNavigator;
+        chatScreenName = screen.conference.chatandpolls.main;
+        chatTitleString = 'chat.titleWithPolls';
+    }
+    const { t } = useTranslation();
+
+    return (
+        <NavigationContainer
+            independent = { true }
+            ref = { conferenceNavigationRef }
+            theme = { navigationContainerTheme as Theme }>
+            <ConferenceStack.Navigator
+                screenOptions = {{
+                    presentation: 'modal'
+                }}>
+                <ConferenceStack.Screen
+                    component = { Conference }
+                    name = { screen.conference.main }
+                    options = { conferenceScreenOptions } />
+                <ConferenceStack.Screen
+                    component = { ChatScreen }
+                    name = { chatScreenName }
+                    options = {{
+                        ...chatScreenOptions,
+                        title: t(chatTitleString)
+                    }} />
+                <ConferenceStack.Screen
+                    component = { ParticipantsPane }
+                    name = { screen.conference.participants }
+                    options = {{
+                        ...participantsScreenOptions,
+                        title: t('participantsPane.title')
+                    }} />
+                <ConferenceStack.Screen
+                    component = { SecurityDialog }
+                    name = { screen.conference.security }
+                    options = {{
+                        ...securityScreenOptions,
+                        title: t('security.title')
+                    }} />
+                <ConferenceStack.Screen
+                    component = { StartRecordingDialog }
+                    name = { screen.conference.recording }
+                    options = {{
+                        ...recordingScreenOptions,
+                        title: t('recording.title')
+                    }} />
+                <ConferenceStack.Screen
+                    component = { StartLiveStreamDialog }
+                    name = { screen.conference.liveStream }
+                    options = {{
+                        ...liveStreamScreenOptions,
+                        title: t('liveStreaming.title')
+                    }} />
+                <ConferenceStack.Screen
+                    component = { SpeakerStats }
+                    name = { screen.conference.speakerStats }
+                    options = {{
+                        ...speakerStatsScreenOptions,
+                        title: t('speakerStats.speakerStats')
+                    }} />
+                <ConferenceStack.Screen
+                    component = { SalesforceLinkDialog }
+                    name = { screen.conference.salesforce }
+                    options = {{
+                        ...salesforceScreenOptions,
+                        title: t('notify.linkToSalesforce')
+                    }} />
+                <ConferenceStack.Screen
+                    component = { GifsMenu }
+                    name = { screen.conference.gifsMenu }
+                    options = {{
+                        ...gifsMenuOptions,
+                        title: t('notify.gifsMenu')
+                    }} />
+                <ConferenceStack.Screen
+                    component = { LobbyNavigationContainer }
+                    name = { screen.lobby.root }
+                    options = {{
+                        ...lobbyNavigationContainerScreenOptions,
+                        title: t('lobby.title')
+                    }} />
+                <ConferenceStack.Screen
+                    component = { AddPeopleDialog }
+                    name = { screen.conference.invite }
+                    options = {{
+                        ...inviteScreenOptions,
+                        title: t('addPeople.add')
+                    }} />
+                <ConferenceStack.Screen
+                    component = { SharedDocument }
+                    name = { screen.conference.sharedDocument }
+                    options = {{
+                        ...sharedDocumentScreenOptions,
+                        title: t('documentSharing.title')
+                    }} />
+                <ConferenceStack.Screen
+                    // @ts-ignore
+                    component = { SettingsNavigationContainer }
+                    name = { screen.settings.main }
+                    options = { settingsNavigationContainerScreenOptions } />
+                <ConferenceStack.Screen
+                    // @ts-ignore
+                    component = { CarMode }
+                    name = { screen.conference.carmode }
+                    options = {{
+                        ...carmodeScreenOptions,
+                        title: t('carmode.labels.title')
+                    }} />
+                <ConferenceStack.Screen
+                    component = { LanguageSelectorDialog }
+                    name = { screen.conference.subtitles }
+                    options = {{
+                        ...subtitlesScreenOptions,
+                        title: t('transcribing.subtitles')
+                    }} />
+                <ConferenceStack.Screen
+                    component = { BreakoutRooms }
+                    name = { screen.conference.breakoutRooms }
+                    options = {{
+                        ...breakoutRoomsScreenOptions,
+                        title: t('breakoutRooms.title')
+                    }} />
+                <ConferenceStack.Screen
+                    // @ts-ignore
+                    component = { Whiteboard }
+                    name = { screen.conference.whiteboard }
+                    options = {{
+                        ...whiteboardScreenOptions,
+                        title: t('whiteboard.screenTitle')
+                    }} />
+            </ConferenceStack.Navigator>
+        </NavigationContainer>
+    );
+};
+
+export default ConferenceNavigationContainer;
diff --git a/react/features/mobile/navigation/components/lobby/LobbyNavigationContainerRef.ts b/react/features/mobile/navigation/components/lobby/LobbyNavigationContainerRef.ts
new file mode 100644
index 0000000..a0993da
--- /dev/null
+++ b/react/features/mobile/navigation/components/lobby/LobbyNavigationContainerRef.ts
@@ -0,0 +1,24 @@
+import { NavigationContainerRef } from '@react-navigation/native';
+import React from 'react';
+
+export const lobbyNavigationContainerRef = React.createRef<NavigationContainerRef<any>>();
+
+/**
+ * User defined navigation action included inside the reference to the container.
+ *
+ * @param {string} name - Destination name of the route that has been defined somewhere.
+ * @param {Object} params - Params to pass to the destination route.
+ * @returns {Function}
+ */
+export function navigate(name: string, params?: Object) {
+    return lobbyNavigationContainerRef.current?.navigate(name, params);
+}
+
+/**
+ * User defined navigation action included inside the reference to the container.
+ *
+ * @returns {Function}
+ */
+export function goBack() {
+    return lobbyNavigationContainerRef.current?.goBack();
+}
diff --git a/react/features/mobile/navigation/components/lobby/components/LobbyNavigationContainer.tsx b/react/features/mobile/navigation/components/lobby/components/LobbyNavigationContainer.tsx
new file mode 100644
index 0000000..be23564
--- /dev/null
+++ b/react/features/mobile/navigation/components/lobby/components/LobbyNavigationContainer.tsx
@@ -0,0 +1,52 @@
+import { NavigationContainer } from '@react-navigation/native';
+import { createStackNavigator } from '@react-navigation/stack';
+import React from 'react';
+import { useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../../../app/types';
+import LobbyChatScreen from '../../../../../lobby/components/native/LobbyChatScreen';
+import LobbyScreen from '../../../../../lobby/components/native/LobbyScreen';
+import { screen } from '../../../routes';
+import {
+    lobbyChatScreenOptions,
+    lobbyScreenOptions,
+    navigationContainerTheme
+} from '../../../screenOptions';
+import { lobbyNavigationContainerRef } from '../LobbyNavigationContainerRef';
+
+const LobbyStack = createStackNavigator();
+
+
+const LobbyNavigationContainer = () => {
+    const { isLobbyChatActive }
+        = useSelector((state: IReduxState) => state['features/chat']);
+
+    return (
+        <NavigationContainer
+            independent = { true }
+            ref = { lobbyNavigationContainerRef }
+
+            // @ts-ignore
+            theme = { navigationContainerTheme }>
+            <LobbyStack.Navigator
+                screenOptions = {{
+                    presentation: 'modal'
+                }}>
+                <LobbyStack.Screen
+                    component = { LobbyScreen }
+                    name = { screen.lobby.main }
+                    options = { lobbyScreenOptions } />
+                {
+                    isLobbyChatActive
+                    && <LobbyStack.Screen
+                        component = { LobbyChatScreen }
+                        name = { screen.lobby.chat }
+                        options = { lobbyChatScreenOptions } />
+                }
+            </LobbyStack.Navigator>
+        </NavigationContainer>
+    );
+
+};
+
+export default LobbyNavigationContainer;
diff --git a/react/features/mobile/navigation/components/settings/SettingsNavigationContainerRef.ts b/react/features/mobile/navigation/components/settings/SettingsNavigationContainerRef.ts
new file mode 100644
index 0000000..6614b40
--- /dev/null
+++ b/react/features/mobile/navigation/components/settings/SettingsNavigationContainerRef.ts
@@ -0,0 +1,24 @@
+import { NavigationContainerRef } from '@react-navigation/native';
+import React from 'react';
+
+export const settingsNavigationContainerRef = React.createRef<NavigationContainerRef<any>>();
+
+/**
+ * User defined navigation action included inside the reference to the container.
+ *
+ * @param {string} name - Destination name of the route that has been defined somewhere.
+ * @param {Object} params - Params to pass to the destination route.
+ * @returns {Function}
+ */
+export function navigate(name: string, params?: Object) {
+    return settingsNavigationContainerRef.current?.navigate(name, params);
+}
+
+/**
+ * User defined navigation action included inside the reference to the container.
+ *
+ * @returns {Function}
+ */
+export function goBack() {
+    return settingsNavigationContainerRef.current?.goBack();
+}
diff --git a/react/features/mobile/navigation/components/settings/components/SettingsNavigationContainer.tsx b/react/features/mobile/navigation/components/settings/components/SettingsNavigationContainer.tsx
new file mode 100644
index 0000000..b79c674
--- /dev/null
+++ b/react/features/mobile/navigation/components/settings/components/SettingsNavigationContainer.tsx
@@ -0,0 +1,91 @@
+import { NavigationContainer, Theme } from '@react-navigation/native';
+import { createStackNavigator } from '@react-navigation/stack';
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import LanguageSelectView from '../../../../../settings/components/native/LanguageSelectView';
+import ProfileView from '../../../../../settings/components/native/ProfileView';
+import SettingsView
+    from '../../../../../settings/components/native/SettingsView';
+import { screen } from '../../../routes';
+import {
+    languageSelectScreenOptions,
+    navigationContainerTheme,
+    profileSettingsScreenOptions,
+    settingsScreenOptions,
+    welcomeScreenOptions
+} from '../../../screenOptions';
+import {
+    settingsNavigationContainerRef
+} from '../SettingsNavigationContainerRef';
+
+const SettingsStack = createStackNavigator();
+
+
+/**
+ * The type of the React {@code Component} props of {@link SettingsNavigationContainer}.
+ */
+interface IProps {
+
+    /**
+     * Is the navigator part of Welcome page?
+     */
+    isInWelcomePage?: boolean | undefined;
+}
+
+
+const SettingsNavigationContainer = ({ isInWelcomePage }: IProps) => {
+    const baseSettingsScreenOptions = isInWelcomePage ? welcomeScreenOptions : settingsScreenOptions;
+    const { t } = useTranslation();
+
+    const SettingsScreen = useCallback(() =>
+        (
+            <SettingsView
+                isInWelcomePage = { isInWelcomePage } />
+        ), []);
+
+    const ProfileScreen = useCallback(() =>
+        (<ProfileView
+            isInWelcomePage = { isInWelcomePage } />)
+    , []);
+
+    const LanguageSelectScreen = useCallback(() =>
+        (<LanguageSelectView
+            isInWelcomePage = { isInWelcomePage } />)
+    , []);
+
+    return (
+        <NavigationContainer
+            independent = { true }
+            ref = { settingsNavigationContainerRef }
+            theme = { navigationContainerTheme as Theme }>
+            <SettingsStack.Navigator
+                initialRouteName = { screen.settings.main }>
+                <SettingsStack.Screen
+                    name = { screen.settings.main }
+                    options = {{
+                        ...baseSettingsScreenOptions,
+                        title: t('settings.title')
+                    }}>
+                    { SettingsScreen }
+                </SettingsStack.Screen>
+                <SettingsStack.Screen
+                    component = { ProfileScreen }
+                    name = { screen.settings.profile }
+                    options = {{
+                        ...profileSettingsScreenOptions,
+                        title: t('settingsView.profileSection')
+                    }} />
+                <SettingsStack.Screen
+                    component = { LanguageSelectScreen }
+                    name = { screen.settings.language }
+                    options = {{
+                        ...languageSelectScreenOptions,
+                        title: t('settings.language')
+                    }} />
+            </SettingsStack.Navigator>
+        </NavigationContainer>
+    );
+};
+
+export default SettingsNavigationContainer;
diff --git a/react/features/mobile/navigation/components/styles.ts b/react/features/mobile/navigation/components/styles.ts
new file mode 100644
index 0000000..da3f879
--- /dev/null
+++ b/react/features/mobile/navigation/components/styles.ts
@@ -0,0 +1,114 @@
+import { BoxModel } from '../../../base/styles/components/styles/BoxModel';
+import BaseTheme from '../../../base/ui/components/BaseTheme.native';
+
+
+export const TEXT_COLOR = BaseTheme.palette.text01;
+
+const unreadCounterDescription = {
+    ...BaseTheme.typography.bodyShortBoldLarge,
+    color: BaseTheme.palette.text03
+};
+
+const HEADER_ACTION_BUTTON_SIZE = 16;
+
+const headerNavigationButtonLabel = {
+    color: BaseTheme.palette.link01,
+    fontSize: HEADER_ACTION_BUTTON_SIZE,
+    lineHeight: BaseTheme.spacing[3]
+};
+
+const headerNavigationButton = {
+    borderRadius: BaseTheme.shape.borderRadius,
+    height: BaseTheme.spacing[6],
+    marginLeft: BaseTheme.spacing[3]
+};
+
+/**
+ * Styles of the navigation feature.
+ */
+export const navigationStyles = {
+
+    connectingScreenContainer: {
+        backgroundColor: BaseTheme.palette.uiBackground,
+        flex: 1
+    },
+
+    connectingScreenContent: {
+        alignItems: 'center',
+        flex: 1,
+        flexDirection: 'column',
+        justifyContent: 'center'
+    },
+
+    connectingScreenIndicator: {
+        margin: BoxModel.margin
+    },
+
+    connectingScreenText: {
+        color: TEXT_COLOR
+    },
+
+    headerNavigationButton: {
+        ...headerNavigationButton
+    },
+
+    headerNavigationButtonIcon: {
+        ...headerNavigationButton,
+        padding: BaseTheme.spacing[2]
+    },
+
+    headerNavigationButtonDisabled: {
+        backgroundColor: 'transparent',
+        marginLeft: BaseTheme.spacing[2]
+    },
+
+    headerNavigationButtonLabel: {
+        ...headerNavigationButtonLabel
+    },
+
+    headerNavigationButtonLabelDisabled: {
+        ...headerNavigationButtonLabel,
+        color: BaseTheme.palette.text03
+    },
+
+    headerNavigationButtonLabelBold: {
+        ...headerNavigationButtonLabel,
+        ...BaseTheme.typography.bodyShortRegularLarge
+    },
+
+    headerNavigationButtonLabelBoldDisabled: {
+        ...headerNavigationButtonLabel,
+        ...BaseTheme.typography.bodyShortRegularLarge,
+        color: BaseTheme.palette.text03
+    },
+
+    unreadCounterContainer: {
+        alignItems: 'center',
+        display: 'flex',
+        flexDirection: 'row'
+    },
+
+    unreadCounterDescription: {
+        ...unreadCounterDescription
+    },
+
+    unreadCounterDescriptionFocused: {
+        ...unreadCounterDescription,
+        color: BaseTheme.palette.text01
+    },
+
+    unreadCounterCircle: {
+        backgroundColor: BaseTheme.palette.warning01,
+        borderRadius: BaseTheme.spacing[4] / 2,
+        height: BaseTheme.spacing[4],
+        justifyContent: 'center',
+        marginLeft: BaseTheme.spacing[2],
+        width: BaseTheme.spacing[4]
+    },
+
+    unreadCounter: {
+        ...BaseTheme.typography.bodyShortBold,
+        alignSelf: 'center',
+        color: BaseTheme.palette.text04
+    }
+};
diff --git a/react/features/mobile/navigation/components/welcome/components/WelcomePageTabs.tsx b/react/features/mobile/navigation/components/welcome/components/WelcomePageTabs.tsx
new file mode 100644
index 0000000..888003d
--- /dev/null
+++ b/react/features/mobile/navigation/components/welcome/components/WelcomePageTabs.tsx
@@ -0,0 +1,120 @@
+import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { GestureResponderEvent } from 'react-native';
+import { useSelector } from 'react-redux';
+
+import CalendarList from '../../../../../calendar-sync/components/CalendarList.native';
+import { isCalendarEnabled } from '../../../../../calendar-sync/functions.native';
+import RecentList from '../../../../../recent-list/components/RecentList.native';
+import {
+    calendarListTabBarOptions,
+    recentListTabBarOptions,
+    settingsTabBarOptions,
+    tabBarOptions
+} from '../../../../../welcome/constants';
+import { screen } from '../../../routes';
+import SettingsNavigationContainer
+    from '../../settings/components/SettingsNavigationContainer';
+
+const WelcomePage = createBottomTabNavigator();
+
+/**
+ * The type of the React {@code Component} props of {@link WelcomePageTabs}.
+ */
+interface IProps {
+
+    /**
+     * Renders the lists disabled.
+     */
+    disabled: boolean;
+
+    /**
+     * Callback to be invoked when pressing the list container.
+     */
+    onListContainerPress?: (e?: GestureResponderEvent) => void;
+
+    /**
+     * Callback to be invoked when settings screen is focused.
+     */
+    onSettingsScreenFocused: Function;
+}
+
+
+const WelcomePageTabs = ({ disabled, onListContainerPress, onSettingsScreenFocused }: IProps) => {
+    const { t } = useTranslation();
+    const RecentListScreen = useCallback(() =>
+        (
+            <RecentList
+                disabled = { disabled }
+                onListContainerPress = { onListContainerPress } />
+        ), []);
+
+    const calendarEnabled = useSelector(isCalendarEnabled);
+
+    const CalendarListScreen = useCallback(() =>
+        (
+            <CalendarList
+                disabled = { disabled } />
+        ), []);
+
+    const SettingsScreen = useCallback(() =>
+        (
+            <SettingsNavigationContainer
+                isInWelcomePage = { true } />
+        ), []);
+
+    return (
+        <WelcomePage.Navigator
+            backBehavior = { 'none' }
+            screenOptions = {{
+                ...tabBarOptions,
+                headerShown: false
+            }}>
+            <WelcomePage.Screen
+                listeners = {{
+                    tabPress: () => {
+                        onSettingsScreenFocused(false);
+                    }
+                }}
+                name = { screen.welcome.tabs.recent }
+                options = {{
+                    ...recentListTabBarOptions,
+                    title: t('welcomepage.recentList')
+                }}>
+                { RecentListScreen }
+            </WelcomePage.Screen>
+            {
+                calendarEnabled
+            && <WelcomePage.Screen
+                listeners = {{
+                    tabPress: () => {
+                        onSettingsScreenFocused(false);
+                    }
+                }}
+                name = { screen.welcome.tabs.calendar }
+                options = {{
+                    ...calendarListTabBarOptions,
+                    title: t('welcomepage.calendar')
+                }}>
+                { CalendarListScreen }
+            </WelcomePage.Screen>
+            }
+            <WelcomePage.Screen
+                listeners = {{
+                    tabPress: () => {
+                        onSettingsScreenFocused(true);
+                    }
+                }}
+                name = { screen.settings.main }
+                options = {{
+                    ...settingsTabBarOptions,
+                    title: t('welcomepage.settings')
+                }}>
+                { SettingsScreen }
+            </WelcomePage.Screen>
+        </WelcomePage.Navigator>
+    );
+};
+
+export default WelcomePageTabs;
diff --git a/react/features/mobile/navigation/functions.tsx b/react/features/mobile/navigation/functions.tsx
new file mode 100644
index 0000000..48bafc4
--- /dev/null
+++ b/react/features/mobile/navigation/functions.tsx
@@ -0,0 +1,88 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { GestureResponderEvent, Platform } from 'react-native';
+import { useDispatch } from 'react-redux';
+
+
+import { appNavigate } from '../../app/actions.native';
+import { IStateful } from '../../base/app/types';
+import { PREJOIN_PAGE_ENABLED } from '../../base/flags/constants';
+import { getFeatureFlag } from '../../base/flags/functions';
+import { IconCloseLarge } from '../../base/icons/svg';
+import { toState } from '../../base/redux/functions';
+import { cancelKnocking } from '../../lobby/actions.native';
+import { isPrejoinEnabledInConfig } from '../../prejoin/functions.native';
+
+import HeaderNavigationButton from './components/HeaderNavigationButton';
+
+
+/**
+ * Close icon/text button based on platform.
+ *
+ * @param {Function} goBack - Goes back to the previous screen function.
+ * @returns {React.Component}
+ */
+export function screenHeaderCloseButton(goBack: (e?: GestureResponderEvent | React.MouseEvent) => void) {
+    const { t } = useTranslation();
+
+    if (Platform.OS === 'ios') {
+        return (
+            <HeaderNavigationButton
+                id = { 'close-screen-button' }
+                label = { t('dialog.close') }
+                onPress = { goBack } />
+        );
+    }
+
+    return (
+        <HeaderNavigationButton
+            id = { 'close-screen-button' }
+            onPress = { goBack }
+            src = { IconCloseLarge } />
+    );
+}
+
+/**
+ * Determines whether the {@code Prejoin page} is enabled by the app itself
+ * (e.g. Programmatically via the Jitsi Meet SDK for Android and iOS).
+ *
+ * @param {Function|Object} stateful - The redux state or {@link getState}
+ * function.
+ * @returns {boolean} If the {@code Prejoin} is enabled by the app, then
+ * {@code true}; otherwise, {@code false}.
+ */
+export function isPrejoinPageEnabled(stateful: IStateful) {
+    const state = toState(stateful);
+
+    return getFeatureFlag(state, PREJOIN_PAGE_ENABLED, isPrejoinEnabledInConfig(state));
+}
+
+/**
+ * Close icon/text button for lobby screen based on platform.
+ *
+ * @returns {React.Component}
+ */
+export function lobbyScreenHeaderCloseButton() {
+    const dispatch = useDispatch();
+    const { t } = useTranslation();
+    const goBack = useCallback(() => {
+        dispatch(cancelKnocking());
+        dispatch(appNavigate(undefined));
+    }, [ dispatch ]);
+
+    if (Platform.OS === 'ios') {
+        return (
+            <HeaderNavigationButton
+                id = { 'close-screen-button' }
+                label = { t('dialog.close') }
+                onPress = { goBack } />
+        );
+    }
+
+    return (
+        <HeaderNavigationButton
+            id = { 'close-screen-button' }
+            onPress = { goBack }
+            src = { IconCloseLarge } />
+    );
+}
diff --git a/react/features/mobile/navigation/middleware.ts b/react/features/mobile/navigation/middleware.ts
new file mode 100644
index 0000000..1c9abbc
--- /dev/null
+++ b/react/features/mobile/navigation/middleware.ts
@@ -0,0 +1,38 @@
+import { AnyAction } from 'redux';
+
+import { appNavigate } from '../../app/actions.native';
+import { IStore } from '../../app/types';
+import { CONFERENCE_FAILED } from '../../base/conference/actionTypes';
+import { JitsiConferenceErrors } from '../../base/lib-jitsi-meet';
+import MiddlewareRegistry from '../../base/redux/MiddlewareRegistry';
+
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+
+    case CONFERENCE_FAILED:
+        return _conferenceFailed(store, next, action);
+    }
+
+    return next(action);
+});
+
+/**
+ * Function to handle the conference failed event and navigate the user to the lobby screen
+ * based on the failure reason.
+ *
+ * @param {Object} store - The Redux store.
+ * @param {Function} next - The Redux next function.
+ * @param {Object} action - The Redux action.
+ * @returns {Object}
+ */
+function _conferenceFailed({ dispatch }: IStore, next: Function, action: AnyAction) {
+    const { error } = action;
+
+    // We need to cover the case where knocking participant
+    // is rejected from entering the conference
+    if (error.name === JitsiConferenceErrors.CONFERENCE_ACCESS_DENIED) {
+        dispatch(appNavigate(undefined));
+    }
+
+    return next(action);
+}
diff --git a/react/features/mobile/navigation/rootNavigationContainerRef.ts b/react/features/mobile/navigation/rootNavigationContainerRef.ts
new file mode 100644
index 0000000..e48ac7e
--- /dev/null
+++ b/react/features/mobile/navigation/rootNavigationContainerRef.ts
@@ -0,0 +1,51 @@
+import { NavigationContainerRef } from '@react-navigation/native';
+import React from 'react';
+
+import { IStore } from '../../app/types';
+import { IStateful } from '../../base/app/types';
+import { toState } from '../../base/redux/functions';
+import { isWelcomePageEnabled } from '../../welcome/functions';
+import { _sendReadyToClose } from '../external-api/functions';
+
+import { screen } from './routes';
+
+export const rootNavigationRef = React.createRef<NavigationContainerRef<any>>();
+
+
+/**
+ * User defined navigation action included inside the reference to the container.
+ *
+ * @param {string} name - Destination name of the route that has been defined somewhere.
+ * @param {Object} params - Params to pass to the destination route.
+ * @returns {Function}
+ */
+export function navigateRoot(name: string, params?: Object) {
+    return rootNavigationRef.current?.navigate(name, params);
+}
+
+/**
+ * User defined navigation action included inside the reference to the container.
+ *
+ * @returns {Function}
+ */
+export function goBack() {
+    return rootNavigationRef.current?.goBack();
+}
+
+/**
+ * Navigates back to Welcome page, if it's available.
+ *
+ * @param {Object|Function} stateful - Either the whole Redux state object or the Redux store's {@code getState} method.
+ * @param {Function} dispatch - Redux dispatch function.
+ * @returns {void}
+ */
+export function goBackToRoot(stateful: IStateful, dispatch: IStore['dispatch']) {
+    const state = toState(stateful);
+
+    if (isWelcomePageEnabled(state)) {
+        navigateRoot(screen.welcome.main);
+    } else {
+        // For JitsiSDK, WelcomePage is not available
+        _sendReadyToClose(dispatch);
+    }
+}
diff --git a/react/features/mobile/navigation/routes.ts b/react/features/mobile/navigation/routes.ts
new file mode 100644
index 0000000..19faa61
--- /dev/null
+++ b/react/features/mobile/navigation/routes.ts
@@ -0,0 +1,55 @@
+export const screen = {
+    conference: {
+        breakoutRooms: 'Breakout Rooms',
+        carmode: 'Car Mode',
+        chat: 'Chat',
+        chatandpolls: {
+            main: 'Chat and Polls',
+            tab: {
+                chat: 'Chat',
+                polls: 'Polls'
+            }
+        },
+        container: 'Conference container',
+        gifsMenu: 'GIPHY',
+        invite: 'Invite',
+        liveStream: 'Live stream',
+        main: 'Conference',
+        participants: 'Participants',
+        root: 'Conference root',
+        recording: 'Recording',
+        salesforce: 'Link to Salesforce',
+        security: 'Security Options',
+        sharedDocument: 'Shared document',
+        speakerStats: 'Speaker Stats',
+        subtitles: 'Subtitles',
+        whiteboard: 'Whiteboard'
+    },
+    connecting: 'Connecting',
+    dialInSummary: 'Dial-In Info',
+    preJoin: 'Pre-Join',
+    lobby: {
+        chat: 'Lobby chat',
+        main: 'Lobby',
+        root: 'Lobby root'
+    },
+    settings: {
+        language: 'Language',
+        links: {
+            help: 'Help',
+            privacy: 'Privacy',
+            terms: 'Terms'
+        },
+        main: 'Settings',
+        profile: 'Profile'
+    },
+    unsafeRoomWarning: 'Unsafe Room Warning',
+    visitorsQueue: 'Visitors Queue',
+    welcome: {
+        main: 'Welcome',
+        tabs: {
+            calendar: 'Calendar',
+            recent: 'Recent'
+        }
+    }
+};
diff --git a/react/features/mobile/navigation/screenOptions.ts b/react/features/mobile/navigation/screenOptions.ts
new file mode 100644
index 0000000..93e91e8
--- /dev/null
+++ b/react/features/mobile/navigation/screenOptions.ts
@@ -0,0 +1,260 @@
+import { TransitionPresets } from '@react-navigation/stack';
+import { Platform } from 'react-native';
+
+import BaseTheme from '../../base/ui/components/BaseTheme.native';
+
+import { goBack } from './components/conference/ConferenceNavigationContainerRef';
+import { goBack as goBackToLobbyScreen } from './components/lobby/LobbyNavigationContainerRef';
+import { lobbyScreenHeaderCloseButton, screenHeaderCloseButton } from './functions';
+import { goBack as goBackToWelcomeScreen } from './rootNavigationContainerRef';
+
+
+/**
+ * Default modal transition for the current platform.
+ */
+export const modalPresentation = Platform.select({
+    ios: TransitionPresets.ModalPresentationIOS,
+    default: TransitionPresets.DefaultTransition
+});
+
+/**
+ * Screen options and transition types.
+ */
+export const fullScreenOptions = {
+    ...TransitionPresets.ModalTransition,
+    gestureEnabled: false,
+    headerShown: false
+};
+
+/**
+ * Navigation container theme.
+ */
+export const navigationContainerTheme = {
+    colors: {
+        background: BaseTheme.palette.uiBackground
+    }
+};
+
+/**
+ * Screen options for welcome page.
+ */
+export const welcomeScreenOptions = {
+    ...TransitionPresets.ModalTransition,
+    gestureEnabled: false,
+    headerShown: true,
+    headerStyle: {
+        backgroundColor: BaseTheme.palette.ui01
+    },
+    headerTitleStyle: {
+        color: BaseTheme.palette.text01
+    }
+};
+
+/**
+ * Screen options for conference.
+ */
+export const conferenceScreenOptions = fullScreenOptions;
+
+/**
+ * Screen options for visitors queue.
+ */
+export const visitorsScreenOptions = fullScreenOptions;
+
+/**
+ * Tab bar options for chat screen.
+ */
+export const chatTabBarOptions = {
+    swipeEnabled: false,
+    tabBarIndicatorStyle: {
+        backgroundColor: BaseTheme.palette.link01Active
+    },
+    tabBarStyle: {
+        backgroundColor: BaseTheme.palette.ui01,
+        borderBottomColor: BaseTheme.palette.ui06,
+        borderBottomWidth: 0.4
+    }
+};
+
+/**
+ * Screen options for presentation type modals.
+ */
+export const presentationScreenOptions = {
+    ...modalPresentation,
+    headerBackTitleVisible: false,
+    headerLeft: () => screenHeaderCloseButton(goBack),
+    headerStatusBarHeight: 0,
+    headerStyle: {
+        backgroundColor: BaseTheme.palette.ui01
+    },
+    headerTitleStyle: {
+        color: BaseTheme.palette.text01
+    }
+};
+
+/**
+ * Screen options for breakout rooms screen.
+ */
+export const breakoutRoomsScreenOptions = presentationScreenOptions;
+
+/**
+ * Screen options for car mode.
+ */
+export const carmodeScreenOptions = presentationScreenOptions;
+
+/**
+ * Screen options for chat.
+ */
+export const chatScreenOptions = presentationScreenOptions;
+
+/**
+ * Dial-IN Info screen options and transition types.
+ */
+export const dialInSummaryScreenOptions = {
+    ...presentationScreenOptions,
+    headerLeft: () => screenHeaderCloseButton(goBackToWelcomeScreen)
+};
+
+/**
+ * Screen options for invite modal.
+ */
+export const inviteScreenOptions = presentationScreenOptions;
+
+/**
+ * Screen options for live stream modal.
+ */
+export const liveStreamScreenOptions = presentationScreenOptions;
+
+/**
+ * Screen options for participants modal.
+ */
+export const participantsScreenOptions = presentationScreenOptions;
+
+/**
+ * Screen options for speaker stats modal.
+ */
+export const speakerStatsScreenOptions = presentationScreenOptions;
+
+/**
+ * Screen options for security options modal.
+ */
+export const securityScreenOptions = presentationScreenOptions;
+
+/**
+ * Screen options for recording modal.
+ */
+export const recordingScreenOptions = presentationScreenOptions;
+
+/**
+ * Screen options for subtitles modal.
+ */
+export const subtitlesScreenOptions = presentationScreenOptions;
+
+/**
+ * Screen options for lobby modal.
+ */
+export const lobbyScreenOptions = {
+    ...presentationScreenOptions,
+    headerLeft: () => lobbyScreenHeaderCloseButton()
+};
+
+/**
+ * Screen options for lobby chat modal.
+ */
+export const lobbyChatScreenOptions = {
+    ...presentationScreenOptions,
+    headerLeft: () => screenHeaderCloseButton(goBackToLobbyScreen)
+};
+
+/**
+ * Screen options for salesforce link modal.
+ */
+export const salesforceScreenOptions = presentationScreenOptions;
+
+/**
+ * Screen options for GIPHY integration modal.
+ */
+export const gifsMenuOptions = presentationScreenOptions;
+
+/**
+ * Screen options for shared document.
+ */
+export const sharedDocumentScreenOptions = presentationScreenOptions;
+
+/**
+ * Screen options for settings modal.
+ */
+export const settingsScreenOptions = presentationScreenOptions;
+
+/**
+ * Screen options for connecting screen.
+ */
+export const connectingScreenOptions = {
+    gestureEnabled: false,
+    headerShown: false
+};
+
+/**
+ * Screen options for the whiteboard screen.
+ */
+export const whiteboardScreenOptions = presentationScreenOptions;
+
+/**
+ * Screen options for pre-join screen.
+ */
+export const preJoinScreenOptions = {
+    gestureEnabled: false,
+    headerStyle: {
+        backgroundColor: BaseTheme.palette.ui01
+    },
+    headerTitleStyle: {
+        color: BaseTheme.palette.text01
+    }
+};
+
+/**
+ * Screen options for profile setting.
+ */
+export const profileSettingsScreenOptions = {
+    headerStyle: {
+        backgroundColor: BaseTheme.palette.ui01
+    },
+    headerTitleStyle: {
+        color: BaseTheme.palette.text01
+    },
+    headerBackTitleVisible: false
+};
+
+/**
+ * Screen options for language select screen.
+ */
+export const languageSelectScreenOptions = profileSettingsScreenOptions;
+
+/**
+ * Screen options for pre-join screen.
+ */
+export const unsafeMeetingScreenOptions = preJoinScreenOptions;
+
+/**
+ * Screen options for conference navigation container screen.
+ */
+export const conferenceNavigationContainerScreenOptions = {
+    gestureEnabled: false,
+    headerShown: false
+};
+
+/**
+ * Screen options for lobby navigation container screen.
+ */
+export const lobbyNavigationContainerScreenOptions = {
+    gestureEnabled: false,
+    headerShown: false
+};
+
+/**
+ * Screen options for settings navigation container screen.
+ */
+export const settingsNavigationContainerScreenOptions = {
+    ...modalPresentation,
+    gestureEnabled: true,
+    headerShown: false
+};
diff --git a/react/features/mobile/permissions/functions.ts b/react/features/mobile/permissions/functions.ts
new file mode 100644
index 0000000..5454192
--- /dev/null
+++ b/react/features/mobile/permissions/functions.ts
@@ -0,0 +1,29 @@
+import { Alert, Linking, NativeModules } from 'react-native';
+
+import Platform from '../../base/react/Platform.native';
+
+/**
+ * Opens the settings panel for the current platform.
+ *
+ * @private
+ * @returns {void}
+ */
+export function openSettings() {
+    switch (Platform.OS) {
+    case 'android':
+        NativeModules.AndroidSettings.open().catch(() => {
+            Alert.alert(
+                'Error opening settings',
+                'Please open settings and grant the required permissions',
+                [
+                    { text: 'OK' }
+                ]
+            );
+        });
+        break;
+
+    case 'ios':
+        Linking.openURL('app-settings:');
+        break;
+    }
+}
diff --git a/react/features/mobile/permissions/middleware.ts b/react/features/mobile/permissions/middleware.ts
new file mode 100644
index 0000000..eaff2d9
--- /dev/null
+++ b/react/features/mobile/permissions/middleware.ts
@@ -0,0 +1,66 @@
+import { Alert } from 'react-native';
+
+import { isRoomValid } from '../../base/conference/functions';
+import i18next from '../../base/i18n/i18next';
+import MiddlewareRegistry from '../../base/redux/MiddlewareRegistry';
+import { TRACK_CREATE_ERROR } from '../../base/tracks/actionTypes';
+
+import { openSettings } from './functions';
+
+/**
+ * Middleware that captures track permission errors and alerts the user so they
+ * can enable the permission themselves.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    const result = next(action);
+
+    switch (action.type) {
+    case TRACK_CREATE_ERROR:
+        // XXX We do not currently have user interface outside of a conference
+        // which the user may tap and cause a permission-related error. If we
+        // alert whenever we (intend to) ask for a permission, the scenario of
+        // entering the WelcomePage, being asked for the camera permission, me
+        // denying it, and being alerted that there is an error is overwhelming
+        // me.
+        if (action.permissionDenied
+                && isRoomValid(
+                        store.getState()['features/base/conference'].room)) {
+            _alertPermissionErrorWithSettings(action.trackType);
+        }
+        break;
+    }
+
+    return result;
+});
+
+/**
+ * Shows an alert panel which tells the user they have to manually grant some
+ * permissions by opening Settings. A button which opens Settings is provided.
+ *
+ * @param {string} trackType - Type of track that failed with a permission
+ * error.
+ * @private
+ * @returns {void}
+ */
+function _alertPermissionErrorWithSettings(trackType: string) {
+    /* eslint-disable indent */
+    const message = trackType === 'video'
+        ? i18next.t('dialog.permissionCameraRequiredError')
+        : i18next.t('dialog.permissionMicRequiredError');
+    /* eslint-ensable indent */
+
+    Alert.alert(
+        i18next.t('dialog.permissionErrorTitle'),
+        message,
+        [
+            { text: i18next.t('dialog.Cancel') },
+            {
+                onPress: openSettings,
+                text: i18next.t('settings.title')
+            }
+        ],
+        { cancelable: false });
+}
diff --git a/react/features/mobile/picture-in-picture/actionTypes.ts b/react/features/mobile/picture-in-picture/actionTypes.ts
new file mode 100644
index 0000000..318b312
--- /dev/null
+++ b/react/features/mobile/picture-in-picture/actionTypes.ts
@@ -0,0 +1,11 @@
+/**
+ * The type of redux action to enter (or rather initiate entering)
+ * picture-in-picture.
+ *
+ * {
+ *      type: ENTER_PICTURE_IN_PICTURE
+ * }
+ *
+ * @public
+ */
+export const ENTER_PICTURE_IN_PICTURE = 'ENTER_PICTURE_IN_PICTURE';
diff --git a/react/features/mobile/picture-in-picture/actions.ts b/react/features/mobile/picture-in-picture/actions.ts
new file mode 100644
index 0000000..4b27aff
--- /dev/null
+++ b/react/features/mobile/picture-in-picture/actions.ts
@@ -0,0 +1,42 @@
+import { NativeModules } from 'react-native';
+
+import { IStore } from '../../app/types';
+import Platform from '../../base/react/Platform.native';
+
+import { ENTER_PICTURE_IN_PICTURE } from './actionTypes';
+import { isPipEnabled } from './functions';
+import logger from './logger';
+
+/**
+ * Enters (or rather initiates entering) picture-in-picture.
+ * Helper function to enter PiP mode. This is triggered by user request
+ * (either pressing the button in the toolbox or the home button on Android)
+ * and this triggers the PiP mode, iff it's available and we are in a
+ * conference.
+ *
+ * @public
+ * @returns {Function}
+ */
+export function enterPictureInPicture() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        // XXX At the time of this writing this action can only be dispatched by
+        // the button which is on the conference view, which means that it's
+        // fine to enter PiP mode.
+        if (isPipEnabled(getState())) {
+            const { PictureInPicture } = NativeModules;
+            const p
+                = Platform.OS === 'android'
+                    ? PictureInPicture
+                        ? PictureInPicture.enterPictureInPicture()
+                        : Promise.reject(
+                            new Error('Picture-in-Picture not supported'))
+                    : Promise.resolve();
+
+            p.catch((e: string) => logger.warn(`Error entering PiP mode: ${e}`));
+
+            // We should still dispatch ENTER_PICTURE_IN_PICTURE for cases where
+            // the external app needs to handle the event (ie. react-native-sdk)
+            p.finally(() => dispatch({ type: ENTER_PICTURE_IN_PICTURE }));
+        }
+    };
+}
diff --git a/react/features/mobile/picture-in-picture/components/PictureInPictureButton.ts b/react/features/mobile/picture-in-picture/components/PictureInPictureButton.ts
new file mode 100644
index 0000000..1a0030c
--- /dev/null
+++ b/react/features/mobile/picture-in-picture/components/PictureInPictureButton.ts
@@ -0,0 +1,65 @@
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { IconArrowDown } from '../../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import { enterPictureInPicture } from '../actions';
+import { isPipEnabled } from '../functions';
+
+interface IProps extends AbstractButtonProps {
+
+    /**
+     * Whether Picture-in-Picture is enabled or not.
+     */
+    _enabled: boolean;
+}
+
+/**
+ * An implementation of a button for entering Picture-in-Picture mode.
+ */
+class PictureInPictureButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.pip';
+    override icon = IconArrowDown;
+    override label = 'toolbar.pip';
+
+    /**
+     * Handles clicking / pressing the button.
+     *
+     * @protected
+     * @returns {void}
+     */
+    override _handleClick() {
+        this.props.dispatch(enterPictureInPicture());
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {React$Node}
+     */
+    override render() {
+        return this.props._enabled ? super.render() : null;
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated props for the
+ * {@code PictureInPictureButton} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {{
+ *     _enabled: boolean
+ * }}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const enabled = isPipEnabled(state);
+
+    return {
+        _enabled: enabled
+    };
+}
+
+export default translate(connect(_mapStateToProps)(PictureInPictureButton));
diff --git a/react/features/mobile/picture-in-picture/functions.ts b/react/features/mobile/picture-in-picture/functions.ts
new file mode 100644
index 0000000..43848f0
--- /dev/null
+++ b/react/features/mobile/picture-in-picture/functions.ts
@@ -0,0 +1,36 @@
+import { NativeModules, Platform } from 'react-native';
+
+import { IReduxState } from '../../app/types';
+import { PIP_ENABLED } from '../../base/flags/constants';
+import { getFeatureFlag } from '../../base/flags/functions';
+
+/**
+ * Checks whether Picture-in-Picture is enabled.
+ *
+ * @param {Object} state - The Redux state.
+ * @returns {boolean} Whether PiP is enabled or not.
+ */
+export function isPipEnabled(state: IReduxState) {
+    let enabled = getFeatureFlag(state, PIP_ENABLED);
+
+    // Override flag for Android, since it might be unsupported.
+    if (Platform.OS === 'android' && (typeof enabled === 'undefined' || enabled)) {
+        enabled = NativeModules.PictureInPicture.SUPPORTED;
+    }
+
+    return Boolean(enabled);
+}
+
+/**
+ * Enabled/Disables the PictureInPicture mode in PiP native module.
+ *
+ * @param {boolean} enabled - Whether the PiP mode should be enabled.
+ * @returns {void}
+ */
+export function setPictureInPictureEnabled(enabled: boolean) {
+    const { PictureInPicture } = NativeModules;
+
+    if (PictureInPicture) {
+        PictureInPicture.setPictureInPictureEnabled(enabled);
+    }
+}
diff --git a/react/features/mobile/picture-in-picture/logger.ts b/react/features/mobile/picture-in-picture/logger.ts
new file mode 100644
index 0000000..39c07b6
--- /dev/null
+++ b/react/features/mobile/picture-in-picture/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../../base/logging/functions';
+
+export default getLogger('mobile-app:pip');
diff --git a/react/features/mobile/polyfills/RTCPeerConnection.js b/react/features/mobile/polyfills/RTCPeerConnection.js
new file mode 100644
index 0000000..ee9bfcb
--- /dev/null
+++ b/react/features/mobile/polyfills/RTCPeerConnection.js
@@ -0,0 +1,19 @@
+import { RTCPeerConnection as PC } from 'react-native-webrtc';
+
+import { synthesizeIPv6Addresses } from './ipv6utils';
+
+/**
+ * Override PeerConnection to synthesize IPv6 addresses.
+ */
+export default class RTCPeerConnection extends PC {
+
+    /**
+     * Synthesize IPv6 addresses before calling the underlying setRemoteDescription.
+     *
+     * @param {Object} description - SDP.
+     * @returns {Promise<undefined>} A promise which is resolved once the operation is complete.
+     */
+    async setRemoteDescription(description) {
+        return super.setRemoteDescription(await synthesizeIPv6Addresses(description));
+    }
+}
diff --git a/react/features/mobile/polyfills/Storage.js b/react/features/mobile/polyfills/Storage.js
new file mode 100644
index 0000000..5cb1417
--- /dev/null
+++ b/react/features/mobile/polyfills/Storage.js
@@ -0,0 +1,192 @@
+import AsyncStorage from '@react-native-async-storage/async-storage';
+
+/**
+ * A Web Sorage API implementation used for polyfilling
+ * {@code window.localStorage} and/or {@code window.sessionStorage}.
+ * <p>
+ * The Web Storage API is synchronous whereas React Native's builtin generic
+ * storage API {@code AsyncStorage} is asynchronous so the implementation with
+ * persistence is optimistic: it will first store the value locally in memory so
+ * that results can be served synchronously and then persist the value
+ * asynchronously. If an asynchronous operation produces an error, it's ignored.
+ */
+export default class Storage {
+    /**
+     * Initializes a new {@code Storage} instance. Loads all previously
+     * persisted data items from React Native's {@code AsyncStorage} if
+     * necessary.
+     *
+     * @param {string|undefined} keyPrefix - The prefix of the
+     * {@code AsyncStorage} keys to be persisted by this storage.
+     */
+    constructor(keyPrefix) {
+        /**
+         * The prefix of the {@code AsyncStorage} keys persisted by this
+         * storage. If {@code undefined}, then the data items stored in this
+         * storage will not be persisted.
+         *
+         * @private
+         * @type {string}
+         */
+        this._keyPrefix = keyPrefix;
+
+        // Perform optional asynchronous initialization.
+        const initializing = this._initializeAsync();
+
+        if (initializing) {
+            // Indicate that asynchronous initialization is under way.
+            this._initializing = initializing;
+
+            // When the asynchronous initialization completes, indicate its
+            // completion.
+            initializing.finally(() => {
+                if (this._initializing === initializing) {
+                    this._initializing = undefined;
+                }
+            });
+        }
+    }
+
+    /**
+     * Removes all keys from this storage.
+     *
+     * @returns {void}
+     */
+    clear() {
+        for (const key of Object.keys(this)) {
+            this.removeItem(key);
+        }
+    }
+
+    /**
+     * Returns the value associated with a specific key in this storage.
+     *
+     * @param {string} key - The name of the key to retrieve the value of.
+     * @returns {string|null} The value associated with {@code key} or
+     * {@code null}.
+     */
+    getItem(key) {
+        return this.hasOwnProperty(key) ? this[key] : null;
+    }
+
+    /**
+     * Returns the value associated with a specific key in this {@code Storage}
+     * in an async manner. The method is required for the cases where we need
+     * the stored data but we're not sure yet whether this {@code Storage} is
+     * already initialized (e.g. On app start).
+     *
+     * @param {string} key - The name of the key to retrieve the value of.
+     * @returns {Promise}
+     */
+    _getItemAsync(key) {
+        return (
+            (this._initializing || Promise.resolve())
+                .catch(() => { /* _getItemAsync should always resolve! */ })
+                .then(() => this.getItem(key)));
+    }
+
+    /**
+     * Performs asynchronous initialization of this {@code Storage} instance
+     * such as loading all keys from {@link AsyncStorage}.
+     *
+     * @private
+     * @returns {Promise}
+     */
+    _initializeAsync() {
+        if (typeof this._keyPrefix !== 'undefined') {
+            // Load all previously persisted data items from React Native's
+            // AsyncStorage.
+
+            return new Promise(resolve => {
+                AsyncStorage.getAllKeys().then((...getAllKeysCallbackArgs) => {
+                    // XXX The keys argument of getAllKeys' callback may or may
+                    // not be preceded by an error argument.
+                    const keys
+                        = getAllKeysCallbackArgs[
+                            getAllKeysCallbackArgs.length - 1
+                        ].filter(key => key.startsWith(this._keyPrefix));
+
+                    AsyncStorage.multiGet(keys)
+                    .then((...multiGetCallbackArgs) => {
+                        // XXX The result argument of multiGet may or may not be
+                        // preceded by an errors argument.
+                        const result
+                            = multiGetCallbackArgs[
+                                multiGetCallbackArgs.length - 1
+                            ];
+                        const keyPrefixLength
+                            = this._keyPrefix && this._keyPrefix.length;
+
+                        // eslint-disable-next-line prefer-const
+                        for (let [ key, value ] of result) {
+                            key = key.substring(keyPrefixLength);
+
+                            // XXX The loading of the previously persisted data
+                            // items from AsyncStorage is asynchronous which
+                            // means that it is technically possible to invoke
+                            // setItem with a key before the key is loaded from
+                            // AsyncStorage.
+                            if (!this.hasOwnProperty(key)) {
+                                this[key] = value;
+                            }
+                        }
+
+                        resolve();
+                    });
+                });
+            });
+        }
+
+        return undefined;
+    }
+
+    /**
+     * Returns the name of the nth key in this storage.
+     *
+     * @param {number} n - The zero-based integer index of the key to get the
+     * name of.
+     * @returns {string} The name of the nth key in this storage.
+     */
+    key(n) {
+        const keys = Object.keys(this);
+
+        return n < keys.length ? keys[n] : null;
+    }
+
+    /**
+     * Returns an integer representing the number of data items stored in this
+     * storage.
+     *
+     * @returns {number}
+     */
+    get length() {
+        return Object.keys(this).length;
+    }
+
+    /**
+     * Removes a specific key from this storage.
+     *
+     * @param {string} key - The name of the key to remove.
+     * @returns {void}
+     */
+    removeItem(key) {
+        delete this[key];
+        typeof this._keyPrefix === 'undefined'
+            || AsyncStorage.removeItem(`${String(this._keyPrefix)}${key}`);
+    }
+
+    /**
+     * Adds a specific key to this storage and associates it with a specific
+     * value. If the key exists already, updates its value.
+     *
+     * @param {string} key - The name of the key to add/update.
+     * @param {string} value - The value to associate with {@code key}.
+     * @returns {void}
+     */
+    setItem(key, value) {
+        value = String(value); // eslint-disable-line no-param-reassign
+        this[key] = value;
+        typeof this._keyPrefix === 'undefined'
+            || AsyncStorage.setItem(`${String(this._keyPrefix)}${key}`, value);
+    }
+}
diff --git a/react/features/mobile/polyfills/browser.js b/react/features/mobile/polyfills/browser.js
new file mode 100644
index 0000000..99aa243
--- /dev/null
+++ b/react/features/mobile/polyfills/browser.js
@@ -0,0 +1,338 @@
+import { querySelector, querySelectorAll } from '@jitsi/js-utils/polyfills/querySelectorPolyfill';
+import { DOMParser } from '@xmldom/xmldom';
+import { atob, btoa } from 'abab';
+import { NativeModules, Platform } from 'react-native';
+import BackgroundTimer from 'react-native-background-timer';
+import { TextDecoder, TextEncoder } from 'text-encoding';
+
+import 'promise.withresolvers/auto'; // Promise.withResolvers.
+import 'react-native-url-polyfill/auto'; // Complete URL polyfill.
+
+import Storage from './Storage';
+
+const { AppInfo } = NativeModules;
+
+(global => {
+    // DOMParser
+    //
+    // Required by:
+    // - lib-jitsi-meet requires this if using WebSockets
+    global.DOMParser = DOMParser;
+
+    // addEventListener
+    //
+    // Required by:
+    // - jQuery
+    if (typeof global.addEventListener === 'undefined') {
+        // eslint-disable-next-line no-empty-function
+        global.addEventListener = () => {};
+    }
+
+    // removeEventListener
+    //
+    // Required by:
+    // - features/base/conference/middleware
+    if (typeof global.removeEventListener === 'undefined') {
+        // eslint-disable-next-line no-empty-function
+        global.removeEventListener = () => {};
+    }
+
+    // document
+    //
+    // Required by:
+    // - Strophe
+    if (typeof global.document === 'undefined') {
+        const document
+            = new DOMParser().parseFromString(
+                '<html><head></head><body></body></html>',
+                'text/xml');
+
+        // document.addEventListener
+        //
+        // Required by:
+        // - jQuery
+        if (typeof document.addEventListener === 'undefined') {
+            // eslint-disable-next-line no-empty-function
+            document.addEventListener = () => {};
+        }
+
+        // document.cookie
+        //
+        // Required by:
+        // - herment
+        if (typeof document.cookie === 'undefined') {
+            document.cookie = '';
+        }
+
+        // document.implementation.createHTMLDocument
+        //
+        // Required by:
+        // - jQuery
+        if (typeof document.implementation.createHTMLDocument === 'undefined') {
+            document.implementation.createHTMLDocument = function(title = '') {
+                const htmlDocument
+                    = new DOMParser().parseFromString(
+                        `<html>
+                            <head><title>${title}</title></head>
+                            <body></body>
+                        </html>`,
+                        'text/xml');
+
+                Object.defineProperty(htmlDocument, 'body', {
+                    get() {
+                        return htmlDocument.getElementsByTagName('body')[0];
+                    }
+                });
+
+                return htmlDocument;
+            };
+        }
+
+        // Element.querySelector
+        //
+        // Required by:
+        // - lib-jitsi-meet/modules/xmpp
+        const elementPrototype
+            = Object.getPrototypeOf(document.documentElement);
+
+        if (elementPrototype) {
+            if (typeof elementPrototype.querySelector === 'undefined') {
+                elementPrototype.querySelector = function(selectors) {
+                    return querySelector(this, selectors);
+                };
+            }
+
+            // Element.querySelectorAll
+            //
+            // Required by:
+            // - lib-jitsi-meet XMLUtils
+            if (typeof elementPrototype.querySelectorAll === 'undefined') {
+                elementPrototype.querySelectorAll = function(selectors) {
+                    return querySelectorAll(this, selectors);
+                };
+            }
+
+            // Element.remove
+            //
+            // Required by:
+            // - lib-jitsi-meet ChatRoom#onPresence parsing
+            if (typeof elementPrototype.remove === 'undefined') {
+                elementPrototype.remove = function() {
+                    if (this.parentNode !== null) {
+                        this.parentNode.removeChild(this);
+                    }
+                };
+            }
+
+            // Element.innerHTML
+            //
+            // Required by:
+            // - jQuery's .append method
+            if (!elementPrototype.hasOwnProperty('innerHTML')) {
+                Object.defineProperty(elementPrototype, 'innerHTML', {
+                    get() {
+                        return this.childNodes.toString();
+                    },
+
+                    set(innerHTML) {
+                        // MDN says: removes all of element's children, parses
+                        // the content string and assigns the resulting nodes as
+                        // children of the element.
+
+                        // Remove all of element's children.
+                        this.textContent = '';
+
+                        // Parse the content string.
+                        const d
+                            = new DOMParser().parseFromString(
+                                `<div>${innerHTML}</div>`,
+                                'text/xml');
+
+                        // Assign the resulting nodes as children of the
+                        // element.
+                        const documentElement = d.documentElement;
+                        let child;
+
+                        // eslint-disable-next-line no-cond-assign
+                        while (child = documentElement.firstChild) {
+                            this.appendChild(child);
+                        }
+                    }
+                });
+            }
+
+            // Element.children
+            //
+            // Required by:
+            // - lib-jitsi-meet ChatRoom#onPresence parsing
+            if (!elementPrototype.hasOwnProperty('children')) {
+                Object.defineProperty(elementPrototype, 'children', {
+                    get() {
+                        const nodes = this.childNodes;
+                        const children = [];
+                        let i = 0;
+                        let node = nodes[i];
+
+                        while (node) {
+                            if (node.nodeType === 1) {
+                                children.push(node);
+                            }
+                            i += 1;
+                            node = nodes[i];
+                        }
+
+                        return children;
+                    }
+                });
+            }
+        }
+
+        // Document.querySelector
+        //
+        // Required by:
+        // - lib-jitsi-meet -> XMLUtils.ts -> parseXML
+        if (typeof document.querySelector === 'undefined') {
+            document.querySelector = function(selectors) {
+                return querySelector(this, selectors);
+            };
+        }
+
+        // Document.querySelectorAll
+        //
+        // Required by:
+        // - lib-jitsi-meet -> XMLUtils.ts -> parseXML
+        if (typeof document.querySelectorAll === 'undefined') {
+            document.querySelectorAll = function(selectors) {
+                return querySelectorAll(this, selectors);
+            };
+        }
+
+        // Also add querySelector methods to Document.prototype for DOMParser-created documents
+        const documentPrototype = Object.getPrototypeOf(document);
+
+        if (documentPrototype) {
+            // Document.querySelector
+            //
+            // Required by:
+            // - lib-jitsi-meet -> XMLUtils.ts -> parseXML
+            if (typeof documentPrototype.querySelector === 'undefined') {
+                documentPrototype.querySelector = function(selectors) {
+                    return querySelector(this, selectors);
+                };
+            }
+
+            // Document.querySelectorAll
+            //
+            // Required by:
+            // - lib-jitsi-meet -> XMLUtils.ts -> parseXML
+            if (typeof documentPrototype.querySelectorAll === 'undefined') {
+                documentPrototype.querySelectorAll = function(selectors) {
+                    return querySelectorAll(this, selectors);
+                };
+            }
+        }
+
+        global.document = document;
+    }
+
+    // location
+    if (typeof global.location === 'undefined') {
+        global.location = {
+            href: '',
+
+            // Required by:
+            // - lib-jitsi-meet/modules/xmpp/xmpp.js
+            search: ''
+        };
+    }
+
+    const { navigator } = global;
+
+    if (navigator) {
+        // userAgent
+        //
+        // Required by:
+        // - lib-jitsi-meet/modules/browser/BrowserDetection.js
+
+        // React Native version
+        const { reactNativeVersion } = Platform.constants;
+        const rnVersion
+            = `react-native/${reactNativeVersion.major}.${reactNativeVersion.minor}.${reactNativeVersion.patch}`;
+
+        // (OS version)
+        const os = `${Platform.OS.toLowerCase()}/${Platform.Version}`;
+
+        // SDK
+        const liteTxt = AppInfo.isLiteSDK ? '-lite' : '';
+        const sdkVersion = `JitsiMeetSDK/${AppInfo.sdkVersion}${liteTxt}`;
+
+        const parts = [
+            navigator.userAgent ?? '',
+            sdkVersion,
+            os,
+            rnVersion
+        ];
+
+        navigator.userAgent = parts.filter(Boolean).join(' ');
+    }
+
+    // WebRTC
+    require('./webrtc');
+
+    // Performance API
+
+    // RN only provides the now() method, since the polyfill refers the global
+    // performance object itself we extract it here to avoid infinite recursion.
+    const performanceNow = global.performance.now;
+
+    const perf = require('react-native-performance');
+
+    global.performance = perf.default;
+    global.performance.now = performanceNow;
+    global.PerformanceObserver = perf.PerformanceObserver;
+
+    // Timers
+    //
+    // React Native's timers won't run while the app is in the background, this
+    // is a known limitation. Replace them with a background-friendly alternative.
+    if (Platform.OS === 'android') {
+        global.clearTimeout = BackgroundTimer.clearTimeout.bind(BackgroundTimer);
+        global.clearInterval = BackgroundTimer.clearInterval.bind(BackgroundTimer);
+        global.setInterval = BackgroundTimer.setInterval.bind(BackgroundTimer);
+        global.setTimeout = (fn, ms = 0) => BackgroundTimer.setTimeout(fn, ms);
+    }
+
+    // localStorage
+    if (typeof global.localStorage === 'undefined') {
+        global.localStorage = new Storage('@jitsi-meet/');
+    }
+
+    // sessionStorage
+    //
+    // Required by:
+    // - herment
+    // - Strophe
+    if (typeof global.sessionStorage === 'undefined') {
+        global.sessionStorage = new Storage();
+    }
+
+    global.TextDecoder = TextDecoder;
+    global.TextEncoder = TextEncoder;
+
+    // atob
+    //
+    // Required by:
+    // - Strophe
+    if (typeof global.atob === 'undefined') {
+        global.atob = atob;
+    }
+
+    // btoa
+    //
+    // Required by:
+    // - Strophe
+    if (typeof global.btoa === 'undefined') {
+        global.btoa = btoa;
+    }
+
+})(global || window || this); // eslint-disable-line no-invalid-this
diff --git a/react/features/mobile/polyfills/custom.js b/react/features/mobile/polyfills/custom.js
new file mode 100644
index 0000000..e806f7b
--- /dev/null
+++ b/react/features/mobile/polyfills/custom.js
@@ -0,0 +1,4 @@
+import { NativeModules } from 'react-native';
+
+
+global.JITSI_MEET_LITE_SDK = Boolean(NativeModules.AppInfo.isLiteSDK);
diff --git a/react/features/mobile/polyfills/index.js b/react/features/mobile/polyfills/index.js
new file mode 100644
index 0000000..849fa93
--- /dev/null
+++ b/react/features/mobile/polyfills/index.js
@@ -0,0 +1,2 @@
+import './browser';
+import './custom';
diff --git a/react/features/mobile/polyfills/ipv6utils.js b/react/features/mobile/polyfills/ipv6utils.js
new file mode 100644
index 0000000..ca108e2
--- /dev/null
+++ b/react/features/mobile/polyfills/ipv6utils.js
@@ -0,0 +1,197 @@
+import { NativeModules } from 'react-native';
+import { RTCSessionDescription } from 'react-native-webrtc';
+
+/**
+ * Synthesizes IPv6 addresses on iOS in order to support IPv6 NAT64 networks.
+ *
+ * @param {RTCSessionDescription} sdp - The RTCSessionDescription which
+ * specifies the configuration of the remote end of the connection.
+ * @private
+ * @returns {Promise}
+ */
+export function synthesizeIPv6Addresses(sdp) {
+    return (
+        new Promise(resolve => resolve(_synthesizeIPv6Addresses0(sdp)))
+            .then(({ ips, lines }) =>
+                Promise.all(Array.from(ips.values()))
+                    .then(() => _synthesizeIPv6Addresses1(sdp, ips, lines))
+            ));
+}
+
+/* eslint-disable max-depth */
+
+/**
+ * Synthesizes an IPv6 address from a specific IPv4 address.
+ *
+ * @param {string} ipv4 - The IPv4 address from which an IPv6 address is to be
+ * synthesized.
+ * @returns {Promise<?string>} A {@code Promise} which gets resolved with the
+ * IPv6 address synthesized from the specified {@code ipv4} or a falsy value to
+ * be treated as inability to synthesize an IPv6 address from the specified
+ * {@code ipv4}.
+ */
+const _synthesizeIPv6FromIPv4Address = (function() {
+    // POSIX.getaddrinfo
+    const { POSIX } = NativeModules;
+
+    if (POSIX) {
+        const { getaddrinfo } = POSIX;
+
+        if (typeof getaddrinfo === 'function') {
+            return ipv4 =>
+                getaddrinfo(/* hostname */ ipv4, /* servname */ undefined)
+                    .then(([ { ai_addr: ipv6 } ]) => ipv6);
+        }
+    }
+
+    // NAT64AddrInfo.getIPv6Address
+    const { NAT64AddrInfo } = NativeModules;
+
+    if (NAT64AddrInfo) {
+        const { getIPv6Address } = NAT64AddrInfo;
+
+        if (typeof getIPv6Address === 'function') {
+            return getIPv6Address;
+        }
+    }
+
+    // There's no POSIX.getaddrinfo or NAT64AddrInfo.getIPv6Address.
+    return ip => Promise.resolve(ip);
+})();
+
+/**
+ * Begins the asynchronous synthesis of IPv6 addresses.
+ *
+ * @param {RTCSessionDescription} sessionDescription - The RTCSessionDescription
+ * for which IPv6 addresses will be synthesized.
+ * @private
+ * @returns {{
+ *     ips: Map,
+ *     lines: Array
+ * }}
+ */
+function _synthesizeIPv6Addresses0(sessionDescription) {
+    const sdp = sessionDescription.sdp;
+    let start = 0;
+    const lines = [];
+    const ips = new Map();
+
+    do {
+        const end = sdp.indexOf('\r\n', start);
+        let line;
+
+        if (end === -1) {
+            line = sdp.substring(start);
+
+            // Break out of the loop at the end of the iteration.
+            start = undefined;
+        } else {
+            line = sdp.substring(start, end);
+            start = end + 2;
+        }
+
+        if (line.startsWith('a=candidate:')) {
+            const candidate = line.split(' ');
+
+            if (candidate.length >= 10 && candidate[6] === 'typ') {
+                const ip4s = [ candidate[4] ];
+                let abort = false;
+
+                for (let i = 8; i < candidate.length; ++i) {
+                    if (candidate[i] === 'raddr') {
+                        ip4s.push(candidate[++i]);
+                        break;
+                    }
+                }
+
+                for (const ip of ip4s) {
+                    if (ip.indexOf(':') === -1) {
+                        ips.has(ip)
+                            || ips.set(ip, new Promise((resolve, reject) => {
+                                const v = ips.get(ip);
+
+                                if (v && typeof v === 'string') {
+                                    resolve(v);
+                                } else {
+                                    _synthesizeIPv6FromIPv4Address(ip).then(
+                                        value => {
+                                            if (!value
+                                                    || value.indexOf(':') === -1
+                                                    || value === ips.get(ip)) {
+                                                ips.delete(ip);
+                                            } else {
+                                                ips.set(ip, value);
+                                            }
+                                            resolve(value);
+                                        },
+                                        reject);
+                                }
+                            }));
+                    } else {
+                        abort = true;
+                        break;
+                    }
+                }
+                if (abort) {
+                    ips.clear();
+                    break;
+                }
+
+                line = candidate;
+            }
+        }
+
+        lines.push(line);
+    } while (start);
+
+    return {
+        ips,
+        lines
+    };
+}
+
+/* eslint-enable max-depth */
+
+/**
+ * Completes the asynchronous synthesis of IPv6 addresses.
+ *
+ * @param {RTCSessionDescription} sessionDescription - The RTCSessionDescription
+ * for which IPv6 addresses are being synthesized.
+ * @param {Map} ips - A Map of IPv4 addresses found in the specified
+ * sessionDescription to synthesized IPv6 addresses.
+ * @param {Array} lines - The lines of the specified sessionDescription.
+ * @private
+ * @returns {RTCSessionDescription} A RTCSessionDescription that represents the
+ * result of the synthesis of IPv6 addresses.
+ */
+function _synthesizeIPv6Addresses1(sessionDescription, ips, lines) {
+    if (ips.size === 0) {
+        return sessionDescription;
+    }
+
+    for (let l = 0; l < lines.length; ++l) {
+        const candidate = lines[l];
+
+        if (typeof candidate !== 'string') {
+            let ip4 = candidate[4];
+            let ip6 = ips.get(ip4);
+
+            ip6 && (candidate[4] = ip6);
+
+            for (let i = 8; i < candidate.length; ++i) {
+                if (candidate[i] === 'raddr') {
+                    ip4 = candidate[++i];
+                    (ip6 = ips.get(ip4)) && (candidate[i] = ip6);
+                    break;
+                }
+            }
+
+            lines[l] = candidate.join(' ');
+        }
+    }
+
+    return new RTCSessionDescription({
+        sdp: lines.join('\r\n'),
+        type: sessionDescription.type
+    });
+}
diff --git a/react/features/mobile/polyfills/webrtc.js b/react/features/mobile/polyfills/webrtc.js
new file mode 100644
index 0000000..41721ed
--- /dev/null
+++ b/react/features/mobile/polyfills/webrtc.js
@@ -0,0 +1,11 @@
+import { registerGlobals } from 'react-native-webrtc';
+
+import RTCPeerConnection from './RTCPeerConnection';
+
+registerGlobals();
+
+(global => {
+    // Override with ours.
+    // TODO: consider dropping our override.
+    global.RTCPeerConnection = RTCPeerConnection;
+})(global || window || this); // eslint-disable-line no-invalid-this
diff --git a/react/features/mobile/proximity/middleware.ts b/react/features/mobile/proximity/middleware.ts
new file mode 100644
index 0000000..e11eb76
--- /dev/null
+++ b/react/features/mobile/proximity/middleware.ts
@@ -0,0 +1,34 @@
+import { NativeModules } from 'react-native';
+
+import { getCurrentConference } from '../../base/conference/functions';
+import StateListenerRegistry from '../../base/redux/StateListenerRegistry';
+
+/**
+ * State listener which enables / disables the proximity sensor based on the
+ * current conference state. If the proximity sensor is enabled, it will dim
+ * the screen and disable touch controls when an object is nearby. The
+ * functionality is  enabled when the current audio device is the earpiece.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => {
+        const { devices } = state['features/mobile/audio-mode'];
+        const selectedDevice = devices.filter(d => d.selected)[0];
+        const conference = getCurrentConference(state);
+
+        return Boolean(conference && selectedDevice?.type === 'EARPIECE');
+    },
+    /* listener */ proximityEnabled => _setProximityEnabled(proximityEnabled)
+);
+
+/**
+ * Enables / disables the proximity sensor. If the proximity sensor is enabled,
+ * it will dim the screen and disable touch controls when an object is nearby.
+ *
+ * @param {boolean} enabled - True to enable the proximity sensor or false to
+ * disable it.
+ * @private
+ * @returns {void}
+ */
+function _setProximityEnabled(enabled: boolean) {
+    NativeModules.Proximity.setEnabled(Boolean(enabled));
+}
diff --git a/react/features/mobile/react-native-sdk/functions.js b/react/features/mobile/react-native-sdk/functions.js
new file mode 100644
index 0000000..7286517
--- /dev/null
+++ b/react/features/mobile/react-native-sdk/functions.js
@@ -0,0 +1,13 @@
+import { NativeModules } from 'react-native';
+
+
+/**
+ * Determines if the ExternalAPI native module is available.
+ *
+ * @returns {boolean} If yes {@code true} otherwise {@code false}.
+ */
+export function isExternalAPIAvailable() {
+    const { ExternalAPI } = NativeModules;
+
+    return ExternalAPI !== null;
+}
diff --git a/react/features/mobile/react-native-sdk/middleware.js b/react/features/mobile/react-native-sdk/middleware.js
new file mode 100644
index 0000000..13bf6b3
--- /dev/null
+++ b/react/features/mobile/react-native-sdk/middleware.js
@@ -0,0 +1,108 @@
+import { NativeModules } from 'react-native';
+
+import { getAppProp } from '../../base/app/functions';
+import {
+    CONFERENCE_BLURRED,
+    CONFERENCE_FOCUSED,
+    CONFERENCE_JOINED,
+    CONFERENCE_LEFT,
+    CONFERENCE_WILL_JOIN,
+    ENDPOINT_MESSAGE_RECEIVED
+} from '../../base/conference/actionTypes';
+import { SET_AUDIO_MUTED, SET_VIDEO_MUTED } from '../../base/media/actionTypes';
+import { PARTICIPANT_JOINED, PARTICIPANT_LEFT } from '../../base/participants/actionTypes';
+import MiddlewareRegistry from '../../base/redux/MiddlewareRegistry';
+import StateListenerRegistry from '../../base/redux/StateListenerRegistry';
+import { READY_TO_CLOSE } from '../external-api/actionTypes';
+import { participantToParticipantInfo } from '../external-api/functions';
+import { ENTER_PICTURE_IN_PICTURE } from '../picture-in-picture/actionTypes';
+
+import { isExternalAPIAvailable } from './functions';
+
+const externalAPIEnabled = isExternalAPIAvailable();
+const { JMOngoingConference } = NativeModules;
+
+
+/**
+ * Check if native modules are being used or not.
+ * If not, then the init of middleware doesn't happen.
+ */
+!externalAPIEnabled && MiddlewareRegistry.register(store => next => action => {
+    const result = next(action);
+    const { type } = action;
+    const rnSdkHandlers = getAppProp(store, 'rnSdkHandlers');
+
+    switch (type) {
+    case SET_AUDIO_MUTED:
+        rnSdkHandlers?.onAudioMutedChanged?.(action.muted);
+        break;
+    case SET_VIDEO_MUTED:
+        rnSdkHandlers?.onVideoMutedChanged?.(Boolean(action.muted));
+        break;
+    case CONFERENCE_BLURRED:
+        rnSdkHandlers?.onConferenceBlurred?.();
+        break;
+    case CONFERENCE_FOCUSED:
+        rnSdkHandlers?.onConferenceFocused?.();
+        break;
+    case CONFERENCE_JOINED:
+        rnSdkHandlers?.onConferenceJoined?.();
+        break;
+    case CONFERENCE_LEFT:
+        //  Props are torn down at this point, perhaps need to leave this one out
+        break;
+    case CONFERENCE_WILL_JOIN:
+        rnSdkHandlers?.onConferenceWillJoin?.();
+        break;
+    case ENTER_PICTURE_IN_PICTURE:
+        rnSdkHandlers?.onEnterPictureInPicture?.();
+        break;
+    case ENDPOINT_MESSAGE_RECEIVED: {
+        const { data, participant } = action;
+
+        rnSdkHandlers?.onEndpointMessageReceived?.({
+            data,
+            participant
+        });
+        break;
+    }
+    case PARTICIPANT_JOINED: {
+        const { participant } = action;
+        const participantInfo = participantToParticipantInfo(participant);
+
+        rnSdkHandlers?.onParticipantJoined?.(participantInfo);
+        break;
+    }
+    case PARTICIPANT_LEFT: {
+        const { participant } = action;
+
+        const { id } = participant ?? {};
+
+        rnSdkHandlers?.onParticipantLeft?.({ id });
+        break;
+    }
+    case READY_TO_CLOSE:
+        rnSdkHandlers?.onReadyToClose?.();
+        break;
+    }
+
+    return result;
+});
+
+/**
+ * Before enabling media projection service control on Android,
+ * we need to check if native modules are being used or not.
+ */
+JMOngoingConference && !externalAPIEnabled && StateListenerRegistry.register(
+    state => state['features/base/conference'].conference,
+    (conference, previousConference) => {
+        if (!conference) {
+            JMOngoingConference.abort();
+        } else if (conference && !previousConference) {
+            JMOngoingConference.launch();
+        } else if (conference !== previousConference) {
+            JMOngoingConference.abort();
+            JMOngoingConference.launch();
+        }
+    }
+);
diff --git a/react/features/mobile/wake-lock/middleware.ts b/react/features/mobile/wake-lock/middleware.ts
new file mode 100644
index 0000000..9de06fa
--- /dev/null
+++ b/react/features/mobile/wake-lock/middleware.ts
@@ -0,0 +1,35 @@
+import { activateKeepAwake, deactivateKeepAwake } from '@sayem314/react-native-keep-awake';
+
+import { getCurrentConference } from '../../base/conference/functions';
+import StateListenerRegistry from '../../base/redux/StateListenerRegistry';
+
+/**
+ * State listener that activates or deactivates the wake lock accordingly. If
+ * the wake lock is active, it will prevent the screen from dimming.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => {
+        const { enabled: audioOnly } = state['features/base/audio-only'];
+        const conference = getCurrentConference(state);
+
+        return Boolean(conference && !audioOnly);
+    },
+    /* listener */ wakeLock => _setWakeLock(wakeLock)
+);
+
+/**
+ * Activates/deactivates the wake lock. If the wake lock is active, it will
+ * prevent the screen from dimming.
+ *
+ * @param {boolean} wakeLock - True to active the wake lock or false to
+ * deactivate it.
+ * @private
+ * @returns {void}
+ */
+function _setWakeLock(wakeLock: boolean) {
+    if (wakeLock) {
+        activateKeepAwake();
+    } else {
+        deactivateKeepAwake();
+    }
+}
diff --git a/react/features/no-audio-signal/actionTypes.ts b/react/features/no-audio-signal/actionTypes.ts
new file mode 100644
index 0000000..85abff8
--- /dev/null
+++ b/react/features/no-audio-signal/actionTypes.ts
@@ -0,0 +1,11 @@
+/**
+ * The type of Redux action which sets the pending notification UID
+ * to use it when hiding the notification is necessary, or unset it when
+ * undefined (or no param) is passed.
+ *
+ * {
+ *     type: SET_CURRENT_NOTIFICATION_UID,
+ *     uid: ?number
+ * }
+ */
+export const SET_NO_AUDIO_SIGNAL_NOTIFICATION_UID = 'SET_NO_AUDIO_SIGNAL_NOTIFICATION_UID';
diff --git a/react/features/no-audio-signal/actions.ts b/react/features/no-audio-signal/actions.ts
new file mode 100644
index 0000000..4080b0e
--- /dev/null
+++ b/react/features/no-audio-signal/actions.ts
@@ -0,0 +1,19 @@
+import { SET_NO_AUDIO_SIGNAL_NOTIFICATION_UID } from './actionTypes';
+
+/**
+ * Sets UID of the the pending notification to use it when hiding
+ * the notification is necessary, or unset it when undefined (or no param) is
+ * passed.
+ *
+ * @param {?number} uid - The UID of the notification.
+ * @returns {{
+ *     type: SET_NO_AUDIO_SIGNAL_NOTIFICATION_UID,
+ *     uid: number
+ * }}
+ */
+export function setNoAudioSignalNotificationUid(uid?: string) {
+    return {
+        type: SET_NO_AUDIO_SIGNAL_NOTIFICATION_UID,
+        uid
+    };
+}
diff --git a/react/features/no-audio-signal/components/DialInLink.tsx b/react/features/no-audio-signal/components/DialInLink.tsx
new file mode 100644
index 0000000..49ece62
--- /dev/null
+++ b/react/features/no-audio-signal/components/DialInLink.tsx
@@ -0,0 +1,73 @@
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../app/types';
+import { translate } from '../../base/i18n/functions';
+import { getDialInfoPageURL, shouldDisplayDialIn } from '../../invite/functions';
+
+/**
+ * The type of the React {@code Component} props of {@link DialInLink}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * The redux state representing the dial-in numbers feature.
+     */
+    _dialIn: Object;
+
+    /**
+     * The url of the page containing the dial-in numbers list.
+     */
+    _dialInfoPageUrl: string;
+}
+
+/**
+ * React {@code Component} responsible for displaying a telephone number and
+ * conference ID for dialing into a conference.
+ *
+ * @augments Component
+ */
+class DialInLink extends Component<IProps> {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { _dialIn, _dialInfoPageUrl, t } = this.props;
+
+        if (!shouldDisplayDialIn(_dialIn)) {
+            return null;
+        }
+
+        return (
+            <div>{t('toolbar.noAudioSignalDialInDesc')}&nbsp;
+                <a
+                    href = { _dialInfoPageUrl }
+                    rel = 'noopener noreferrer'
+                    target = '_blank'>
+                    {t('toolbar.noAudioSignalDialInLinkDesc')}
+                </a>
+            </div>
+        );
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated props for the
+ * {@code DialInLink} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    return {
+        _dialIn: state['features/invite'],
+        _dialInfoPageUrl: getDialInfoPageURL(state)
+    };
+}
+
+export default translate(connect(_mapStateToProps)(DialInLink));
diff --git a/react/features/no-audio-signal/constants.ts b/react/features/no-audio-signal/constants.ts
new file mode 100644
index 0000000..386cf46
--- /dev/null
+++ b/react/features/no-audio-signal/constants.ts
@@ -0,0 +1,6 @@
+/**
+ * The identifier of the sound to be played when we got an event for no audio signal.
+ *
+ * @type {string}
+ */
+export const NO_AUDIO_SIGNAL_SOUND_ID = 'NO_AUDIO_SIGNAL_SOUND';
diff --git a/react/features/no-audio-signal/middleware.tsx b/react/features/no-audio-signal/middleware.tsx
new file mode 100644
index 0000000..5ff5416
--- /dev/null
+++ b/react/features/no-audio-signal/middleware.tsx
@@ -0,0 +1,126 @@
+import React from 'react';
+import { AnyAction } from 'redux';
+
+import { IStore } from '../app/types';
+import { APP_WILL_MOUNT, APP_WILL_UNMOUNT } from '../base/app/actionTypes';
+import { CONFERENCE_JOINED } from '../base/conference/actionTypes';
+import { setAudioInputDevice } from '../base/devices/actions';
+import { formatDeviceLabel } from '../base/devices/functions';
+import JitsiMeetJS, { JitsiConferenceEvents } from '../base/lib-jitsi-meet';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { updateSettings } from '../base/settings/actions';
+import { playSound, registerSound, unregisterSound } from '../base/sounds/actions';
+import { hideNotification, showNotification } from '../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE } from '../notifications/constants';
+
+import { setNoAudioSignalNotificationUid } from './actions';
+import DialInLink from './components/DialInLink';
+import { NO_AUDIO_SIGNAL_SOUND_ID } from './constants';
+import { NO_AUDIO_SIGNAL_SOUND_FILE } from './sounds';
+
+MiddlewareRegistry.register(store => next => action => {
+    const result = next(action);
+    const { dispatch } = store;
+
+    switch (action.type) {
+    case APP_WILL_MOUNT:
+        dispatch(registerSound(NO_AUDIO_SIGNAL_SOUND_ID, NO_AUDIO_SIGNAL_SOUND_FILE));
+        break;
+    case APP_WILL_UNMOUNT:
+        dispatch(unregisterSound(NO_AUDIO_SIGNAL_SOUND_ID));
+        break;
+    case CONFERENCE_JOINED:
+        _handleNoAudioSignalNotification(store, action);
+        break;
+    }
+
+    return result;
+});
+
+/**
+ * Handles the logic of displaying the no audio input detected notification as well as finding a valid device on the
+ * system.
+ *
+ * @param {Store} store - The redux store in which the specified action is being dispatched.
+ * @param {Action} action - The redux action {@code CONFERENCE_JOINED} which is being dispatched in the specified redux
+ * store.
+ * @private
+ * @returns {void}
+ */
+async function _handleNoAudioSignalNotification({ dispatch, getState }: IStore, action: AnyAction) {
+
+    const { conference } = action;
+
+    conference.on(JitsiConferenceEvents.AUDIO_INPUT_STATE_CHANGE, (hasAudioInput: boolean) => {
+        const { noAudioSignalNotificationUid } = getState()['features/no-audio-signal'];
+
+        // In case the notification is displayed but the conference detected audio input signal we hide it.
+        if (noAudioSignalNotificationUid && hasAudioInput) {
+            dispatch(hideNotification(noAudioSignalNotificationUid));
+            dispatch(setNoAudioSignalNotificationUid());
+        }
+    });
+    conference.on(JitsiConferenceEvents.NO_AUDIO_INPUT, async () => {
+        const { noSrcDataNotificationUid } = getState()['features/base/no-src-data'];
+
+        // In case the 'no data detected from source' notification was already shown, we prevent the
+        // no audio signal notification as it's redundant i.e. it's clear that the users microphone is
+        // muted from system settings.
+        if (noSrcDataNotificationUid) {
+            return;
+        }
+
+        const activeDevice = await JitsiMeetJS.getActiveAudioDevice();
+
+        // In case there is a previous notification displayed just hide it.
+        const { noAudioSignalNotificationUid } = getState()['features/no-audio-signal'];
+
+        if (noAudioSignalNotificationUid) {
+            dispatch(hideNotification(noAudioSignalNotificationUid));
+            dispatch(setNoAudioSignalNotificationUid());
+        }
+
+
+        let descriptionKey = 'toolbar.noAudioSignalDesc';
+        let customActionNameKey;
+        let customActionHandler;
+
+        // In case the detector picked up a device show a notification with a device suggestion
+        if (activeDevice.deviceLabel !== '') {
+            descriptionKey = 'toolbar.noAudioSignalDescSuggestion';
+
+            // Preferably the label should be passed as an argument paired with a i18next string, however
+            // at the point of the implementation the showNotification function only supports doing that for
+            // the description.
+            // TODO Add support for arguments to showNotification title and customAction strings.
+            customActionNameKey = [ `Switch to ${formatDeviceLabel(activeDevice.deviceLabel)}` ];
+            customActionHandler = [ () => {
+                // Select device callback
+                dispatch(
+                        updateSettings({
+                            userSelectedMicDeviceId: activeDevice.deviceId,
+                            userSelectedMicDeviceLabel: activeDevice.deviceLabel
+                        })
+                );
+
+                dispatch(setAudioInputDevice(activeDevice.deviceId));
+            } ];
+        }
+
+        const notification = dispatch(showNotification({
+            titleKey: 'toolbar.noAudioSignalTitle',
+            description: <DialInLink />,
+            descriptionKey,
+            customActionNameKey,
+            customActionHandler
+        }, NOTIFICATION_TIMEOUT_TYPE.LONG));
+
+        dispatch(playSound(NO_AUDIO_SIGNAL_SOUND_ID));
+
+        if (notification) {
+            // Store the current notification uid so we can check for this state and hide it in case
+            // a new track was added, thus changing the context of the notification
+            dispatch(setNoAudioSignalNotificationUid(notification.uid));
+        }
+    });
+}
diff --git a/react/features/no-audio-signal/reducer.ts b/react/features/no-audio-signal/reducer.ts
new file mode 100644
index 0000000..d7122af
--- /dev/null
+++ b/react/features/no-audio-signal/reducer.ts
@@ -0,0 +1,20 @@
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+import { set } from '../base/redux/functions';
+
+import { SET_NO_AUDIO_SIGNAL_NOTIFICATION_UID } from './actionTypes';
+
+export interface INoAudioSignalState {
+    noAudioSignalNotificationUid?: string;
+}
+
+/**
+ * Reduces the redux actions of the feature no audio signal.
+ */
+ReducerRegistry.register<INoAudioSignalState>('features/no-audio-signal', (state = {}, action): INoAudioSignalState => {
+    switch (action.type) {
+    case SET_NO_AUDIO_SIGNAL_NOTIFICATION_UID:
+        return set(state, 'noAudioSignalNotificationUid', action.uid);
+    }
+
+    return state;
+});
diff --git a/react/features/no-audio-signal/sounds.ts b/react/features/no-audio-signal/sounds.ts
new file mode 100644
index 0000000..598d635
--- /dev/null
+++ b/react/features/no-audio-signal/sounds.ts
@@ -0,0 +1,6 @@
+/**
+ * The file used for the no audio signal sound notification.
+ *
+ * @type {string}
+ */
+export const NO_AUDIO_SIGNAL_SOUND_FILE = 'noAudioSignal.mp3';
diff --git a/react/features/noise-detection/actionTypes.ts b/react/features/noise-detection/actionTypes.ts
new file mode 100644
index 0000000..a97d99f
--- /dev/null
+++ b/react/features/noise-detection/actionTypes.ts
@@ -0,0 +1,11 @@
+/**
+ * The type of Redux action which sets the pending notification UID
+ * to use it when hiding the notification is necessary, or unset it when
+ * undefined (or no param) is passed.
+ *
+ * {
+ *     type: SET_NOISY_AUDIO_INPUT_NOTIFICATION_UID
+ *     uid: ?number
+ * }
+ */
+export const SET_NOISY_AUDIO_INPUT_NOTIFICATION_UID = 'SET_NOISY_AUDIO_INPUT_NOTIFICATION_UID';
diff --git a/react/features/noise-detection/actions.ts b/react/features/noise-detection/actions.ts
new file mode 100644
index 0000000..fba5bef
--- /dev/null
+++ b/react/features/noise-detection/actions.ts
@@ -0,0 +1,19 @@
+import { SET_NOISY_AUDIO_INPUT_NOTIFICATION_UID } from './actionTypes';
+
+/**
+ * Sets UID of the the pending notification to use it when hiding
+ * the notification is necessary, or unset it when undefined (or no param) is
+ * passed.
+ *
+ * @param {?number} uid - The UID of the notification.
+ * @returns {{
+ *     type: SET_NOISY_AUDIO_INPUT_NOTIFICATION_UID,
+ *     uid: number
+ * }}
+ */
+export function setNoisyAudioInputNotificationUid(uid?: string) {
+    return {
+        type: SET_NOISY_AUDIO_INPUT_NOTIFICATION_UID,
+        uid
+    };
+}
diff --git a/react/features/noise-detection/constants.ts b/react/features/noise-detection/constants.ts
new file mode 100644
index 0000000..2d827ce
--- /dev/null
+++ b/react/features/noise-detection/constants.ts
@@ -0,0 +1,6 @@
+/**
+ * The identifier of the sound to be played when we display a you are noisy notification.
+ *
+ * @type {string}
+ */
+export const NOISY_AUDIO_INPUT_SOUND_ID = 'NOISY_AUDIO_INPUT_SOUND';
diff --git a/react/features/noise-detection/middleware.ts b/react/features/noise-detection/middleware.ts
new file mode 100644
index 0000000..b144722
--- /dev/null
+++ b/react/features/noise-detection/middleware.ts
@@ -0,0 +1,57 @@
+import { APP_WILL_MOUNT, APP_WILL_UNMOUNT } from '../base/app/actionTypes';
+import { CONFERENCE_JOINED } from '../base/conference/actionTypes';
+import { JitsiConferenceEvents } from '../base/lib-jitsi-meet';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { playSound, registerSound, unregisterSound } from '../base/sounds/actions';
+import { hideNotification, showNotification } from '../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE } from '../notifications/constants';
+
+import { setNoisyAudioInputNotificationUid } from './actions';
+import { NOISY_AUDIO_INPUT_SOUND_ID } from './constants';
+import { NOISY_AUDIO_INPUT_SOUND_FILE } from './sounds';
+
+MiddlewareRegistry.register(store => next => action => {
+    const result = next(action);
+
+    switch (action.type) {
+    case APP_WILL_MOUNT:
+        store.dispatch(registerSound(NOISY_AUDIO_INPUT_SOUND_ID, NOISY_AUDIO_INPUT_SOUND_FILE));
+        break;
+    case APP_WILL_UNMOUNT:
+        store.dispatch(unregisterSound(NOISY_AUDIO_INPUT_SOUND_ID));
+        break;
+    case CONFERENCE_JOINED: {
+        const { dispatch, getState } = store;
+        const { conference } = action;
+
+        conference.on(
+            JitsiConferenceEvents.TRACK_MUTE_CHANGED,
+            (track: any) => {
+                const { noisyAudioInputNotificationUid } = getState()['features/noise-detection'];
+
+                // Hide the notification in case the user mutes the microphone
+                if (noisyAudioInputNotificationUid && track.isAudioTrack() && track.isLocal() && track.isMuted()) {
+                    dispatch(hideNotification(noisyAudioInputNotificationUid));
+                    dispatch(setNoisyAudioInputNotificationUid());
+                }
+            });
+        conference.on(
+            JitsiConferenceEvents.NOISY_MIC, () => {
+                const notification = dispatch(showNotification({
+                    titleKey: 'toolbar.noisyAudioInputTitle',
+                    descriptionKey: 'toolbar.noisyAudioInputDesc'
+                }, NOTIFICATION_TIMEOUT_TYPE.MEDIUM));
+
+                dispatch(playSound(NOISY_AUDIO_INPUT_SOUND_ID));
+
+                if (notification) {
+                    // we store the last notification id so we can hide it if the mic is muted
+                    dispatch(setNoisyAudioInputNotificationUid(notification.uid));
+                }
+            });
+        break;
+    }
+    }
+
+    return result;
+});
diff --git a/react/features/noise-detection/reducer.ts b/react/features/noise-detection/reducer.ts
new file mode 100644
index 0000000..04c38bc
--- /dev/null
+++ b/react/features/noise-detection/reducer.ts
@@ -0,0 +1,21 @@
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+import { set } from '../base/redux/functions';
+
+import { SET_NOISY_AUDIO_INPUT_NOTIFICATION_UID } from './actionTypes';
+
+export interface INoiseDetectionState {
+    noisyAudioInputNotificationUid?: string;
+}
+
+/**
+ * Reduces the redux actions of noise detection feature.
+ */
+ReducerRegistry.register<INoiseDetectionState>('features/noise-detection',
+(state = {}, action): INoiseDetectionState => {
+    switch (action.type) {
+    case SET_NOISY_AUDIO_INPUT_NOTIFICATION_UID:
+        return set(state, 'noisyAudioInputNotificationUid', action.uid);
+    }
+
+    return state;
+});
diff --git a/react/features/noise-detection/sounds.ts b/react/features/noise-detection/sounds.ts
new file mode 100644
index 0000000..c949e24
--- /dev/null
+++ b/react/features/noise-detection/sounds.ts
@@ -0,0 +1,6 @@
+/**
+ * The file used for the noisy audio input notification.
+ *
+ * @type {string}
+ */
+export const NOISY_AUDIO_INPUT_SOUND_FILE = 'noisyAudioInput.mp3';
diff --git a/react/features/noise-suppression/actionTypes.ts b/react/features/noise-suppression/actionTypes.ts
new file mode 100644
index 0000000..b17b4ec
--- /dev/null
+++ b/react/features/noise-suppression/actionTypes.ts
@@ -0,0 +1,9 @@
+/**
+ * Type of action which sets the current state of noise suppression.
+ *
+ * {
+ *     type: SET_NOISE_SUPPRESSION_ENABLED,
+ *     enabled: boolean
+ * }
+ */
+export const SET_NOISE_SUPPRESSION_ENABLED = 'SET_NOISE_SUPPRESSION_ENABLED';
diff --git a/react/features/noise-suppression/actions.ts b/react/features/noise-suppression/actions.ts
new file mode 100644
index 0000000..e2e6aaf
--- /dev/null
+++ b/react/features/noise-suppression/actions.ts
@@ -0,0 +1,98 @@
+import { IStore } from '../app/types';
+import { getLocalJitsiAudioTrack } from '../base/tracks/functions';
+import { showErrorNotification } from '../notifications/actions';
+import { NoiseSuppressionEffect } from '../stream-effects/noise-suppression/NoiseSuppressionEffect';
+
+import { SET_NOISE_SUPPRESSION_ENABLED } from './actionTypes';
+import { canEnableNoiseSuppression, isNoiseSuppressionEnabled } from './functions';
+import logger from './logger';
+
+/**
+ * Updates the noise suppression active state.
+ *
+ * @param {boolean} enabled - Is noise suppression enabled.
+ * @returns {{
+ *      type: SET_NOISE_SUPPRESSION_STATE,
+ *      enabled: boolean
+ * }}
+ */
+export function setNoiseSuppressionEnabledState(enabled: boolean): any {
+    return {
+        type: SET_NOISE_SUPPRESSION_ENABLED,
+        enabled
+    };
+}
+
+/**
+ *  Enabled/disable noise suppression depending on the current state.
+ *
+ * @returns {Function}
+ */
+export function toggleNoiseSuppression(): any {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        if (isNoiseSuppressionEnabled(getState())) {
+            dispatch(setNoiseSuppressionEnabled(false));
+        } else {
+            dispatch(setNoiseSuppressionEnabled(true));
+        }
+    };
+}
+
+/**
+ * Attempt to enable or disable noise suppression using the {@link NoiseSuppressionEffect}.
+ *
+ * @param {boolean} enabled - Enable or disable noise suppression.
+ *
+ * @returns {Function}
+ */
+export function setNoiseSuppressionEnabled(enabled: boolean): any {
+    return async (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+
+        const { noiseSuppression: nsOptions } = state['features/base/config'];
+        const localAudio = getLocalJitsiAudioTrack(state);
+        const noiseSuppressionEnabled = isNoiseSuppressionEnabled(state);
+
+        logger.info(`Attempting to set noise suppression enabled state: ${enabled}`);
+
+        if (enabled === noiseSuppressionEnabled) {
+            logger.warn(`Noise suppression enabled state already: ${enabled}`);
+
+            return;
+        }
+
+        // If there is no local audio, simply set the enabled state. Once an audio track is created
+        // the effects list will be applied.
+        if (!localAudio) {
+            dispatch(setNoiseSuppressionEnabledState(enabled));
+
+            return;
+        }
+
+        try {
+            if (enabled) {
+                if (!canEnableNoiseSuppression(state, dispatch, localAudio)) {
+                    return;
+                }
+
+                await localAudio.setEffect(new NoiseSuppressionEffect(nsOptions));
+                dispatch(setNoiseSuppressionEnabledState(true));
+                logger.info('Noise suppression enabled.');
+
+            } else {
+                await localAudio.setEffect(undefined);
+                dispatch(setNoiseSuppressionEnabledState(false));
+                logger.info('Noise suppression disabled.');
+            }
+        } catch (error) {
+            logger.error(
+                `Failed to set noise suppression enabled to: ${enabled}`,
+                error
+            );
+
+            dispatch(showErrorNotification({
+                titleKey: 'notify.noiseSuppressionFailedTitle'
+            }));
+        }
+    };
+}
diff --git a/react/features/noise-suppression/components/NoiseSuppressionButton.tsx b/react/features/noise-suppression/components/NoiseSuppressionButton.tsx
new file mode 100644
index 0000000..850ee21
--- /dev/null
+++ b/react/features/noise-suppression/components/NoiseSuppressionButton.tsx
@@ -0,0 +1,67 @@
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../app/types';
+import { translate } from '../../base/i18n/functions';
+import {
+    IconNoiseSuppressionOff,
+    IconNoiseSuppressionOn
+} from '../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../base/toolbox/components/AbstractButton';
+import { setOverflowMenuVisible } from '../../toolbox/actions';
+import { toggleNoiseSuppression } from '../actions';
+import { isNoiseSuppressionEnabled } from '../functions';
+
+interface IProps extends AbstractButtonProps {
+    _isNoiseSuppressionEnabled?: boolean;
+}
+
+/**
+ * Component that renders a toolbar button for toggling noise suppression.
+ */
+class NoiseSuppressionButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.noiseSuppression';
+    override icon = IconNoiseSuppressionOn;
+    override label = 'toolbar.noiseSuppression';
+    override tooltip = 'toolbar.noiseSuppression';
+    override toggledIcon = IconNoiseSuppressionOff;
+    override toggledLabel = 'toolbar.disableNoiseSuppression';
+
+    /**
+     * Handles clicking / pressing the button.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { dispatch } = this.props;
+
+        dispatch(toggleNoiseSuppression());
+        dispatch(setOverflowMenuVisible(false));
+    }
+
+    /**
+     * Indicates whether this button is in toggled state or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    override _isToggled() {
+        return this.props._isNoiseSuppressionEnabled;
+    }
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    return {
+        _isNoiseSuppressionEnabled: isNoiseSuppressionEnabled(state)
+    };
+}
+
+export default translate(connect(_mapStateToProps)(NoiseSuppressionButton));
diff --git a/react/features/noise-suppression/functions.ts b/react/features/noise-suppression/functions.ts
new file mode 100644
index 0000000..06bc091
--- /dev/null
+++ b/react/features/noise-suppression/functions.ts
@@ -0,0 +1,49 @@
+import { IReduxState, IStore } from '../app/types';
+import { showWarningNotification } from '../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE } from '../notifications/constants';
+import { isScreenAudioShared } from '../screen-share/functions';
+
+/**
+ * Is noise suppression currently enabled.
+ *
+ * @param {IReduxState} state - The state of the application.
+ * @returns {boolean}
+ */
+export function isNoiseSuppressionEnabled(state: IReduxState): boolean {
+    return state['features/noise-suppression'].enabled;
+}
+
+/**
+ * Verify if noise suppression can be enabled in the current state.
+ *
+ * @param {*} state - Redux state.
+ * @param {*} dispatch - Redux dispatch.
+ * @param {*} localAudio - Current local audio track.
+ * @returns {boolean}
+ */
+export function canEnableNoiseSuppression(state: IReduxState, dispatch: IStore['dispatch'], localAudio: any): boolean {
+    const { channelCount } = localAudio.track.getSettings();
+
+    // Sharing screen audio implies an effect being applied to the local track, because currently we don't support
+    // more then one effect at a time the user has to choose between sharing audio or having noise suppression active.
+    if (isScreenAudioShared(state)) {
+        dispatch(showWarningNotification({
+            titleKey: 'notify.noiseSuppressionFailedTitle',
+            descriptionKey: 'notify.noiseSuppressionDesktopAudioDescription'
+        }, NOTIFICATION_TIMEOUT_TYPE.MEDIUM));
+
+        return false;
+    }
+
+    // Stereo audio tracks aren't currently supported, make sure the current local track is mono
+    if (channelCount > 1) {
+        dispatch(showWarningNotification({
+            titleKey: 'notify.noiseSuppressionFailedTitle',
+            descriptionKey: 'notify.noiseSuppressionStereoDescription'
+        }, NOTIFICATION_TIMEOUT_TYPE.MEDIUM));
+
+        return false;
+    }
+
+    return true;
+}
diff --git a/react/features/noise-suppression/logger.ts b/react/features/noise-suppression/logger.ts
new file mode 100644
index 0000000..1c59288
--- /dev/null
+++ b/react/features/noise-suppression/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:noise-suppression');
diff --git a/react/features/noise-suppression/reducer.ts b/react/features/noise-suppression/reducer.ts
new file mode 100644
index 0000000..615f2d0
--- /dev/null
+++ b/react/features/noise-suppression/reducer.ts
@@ -0,0 +1,36 @@
+import PersistenceRegistry from '../base/redux/PersistenceRegistry';
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import {
+    SET_NOISE_SUPPRESSION_ENABLED
+} from './actionTypes';
+
+export interface INoiseSuppressionState {
+    enabled: boolean;
+}
+
+const STORE_NAME = 'features/noise-suppression';
+
+const DEFAULT_STATE = {
+    enabled: false
+};
+
+PersistenceRegistry.register(STORE_NAME);
+
+/**
+ * Reduces the Redux actions of the feature features/noise-suppression.
+ */
+ReducerRegistry.register<INoiseSuppressionState>(STORE_NAME,
+(state = DEFAULT_STATE, action): INoiseSuppressionState => {
+    const { enabled } = action;
+
+    switch (action.type) {
+    case SET_NOISE_SUPPRESSION_ENABLED:
+        return {
+            ...state,
+            enabled
+        };
+    default:
+        return state;
+    }
+});
diff --git a/react/features/notifications/actionTypes.ts b/react/features/notifications/actionTypes.ts
new file mode 100644
index 0000000..4f49ac1
--- /dev/null
+++ b/react/features/notifications/actionTypes.ts
@@ -0,0 +1,45 @@
+/**
+ * The type of (redux) action which signals that all the stored notifications
+ * need to be cleared.
+ *
+ * {
+ *     type: CLEAR_NOTIFICATIONS
+ * }
+ */
+export const CLEAR_NOTIFICATIONS = 'CLEAR_NOTIFICATIONS';
+
+/**
+ * The type of (redux) action which signals that a specific notification should
+ * not be displayed anymore.
+ *
+ * {
+ *     type: HIDE_NOTIFICATION,
+ *     uid: string
+ * }
+ */
+export const HIDE_NOTIFICATION = 'HIDE_NOTIFICATION';
+
+/**
+ * The type of (redux) action which signals that a notification component should
+ * be displayed.
+ *
+ * {
+ *     type: SHOW_NOTIFICATION,
+ *     component: ReactComponent,
+ *     props: Object,
+ *     timeout: number,
+ *     uid: string
+ * }
+ */
+export const SHOW_NOTIFICATION = 'SHOW_NOTIFICATION';
+
+/**
+ * The type of (redux) action which signals that notifications should not
+ * display.
+ *
+ * {
+ *     type: SET_NOTIFICATIONS_ENABLED,
+ *     enabled: Boolean
+ * }
+ */
+export const SET_NOTIFICATIONS_ENABLED = 'SET_NOTIFICATIONS_ENABLED';
diff --git a/react/features/notifications/actions.ts b/react/features/notifications/actions.ts
new file mode 100644
index 0000000..7aa7591
--- /dev/null
+++ b/react/features/notifications/actions.ts
@@ -0,0 +1,346 @@
+import { throttle } from 'lodash-es';
+
+import { IStore } from '../app/types';
+import { IConfig } from '../base/config/configType';
+import { NOTIFICATIONS_ENABLED } from '../base/flags/constants';
+import { getFeatureFlag } from '../base/flags/functions';
+import { getParticipantCount } from '../base/participants/functions';
+
+import {
+    CLEAR_NOTIFICATIONS,
+    HIDE_NOTIFICATION,
+    SET_NOTIFICATIONS_ENABLED,
+    SHOW_NOTIFICATION
+} from './actionTypes';
+import {
+    NOTIFICATION_ICON,
+    NOTIFICATION_TIMEOUT,
+    NOTIFICATION_TIMEOUT_TYPE,
+    NOTIFICATION_TYPE,
+    SILENT_JOIN_THRESHOLD,
+    SILENT_LEFT_THRESHOLD
+} from './constants';
+import { INotificationProps } from './types';
+
+/**
+ * Function that returns notification timeout value based on notification timeout type.
+ *
+ * @param {string} type - Notification type.
+ * @param {Object} notificationTimeouts - Config notification timeouts.
+ * @returns {number}
+ */
+function getNotificationTimeout(type?: string, notificationTimeouts?: IConfig['notificationTimeouts']) {
+    if (type === NOTIFICATION_TIMEOUT_TYPE.SHORT) {
+        return notificationTimeouts?.short ?? NOTIFICATION_TIMEOUT.SHORT;
+    } else if (type === NOTIFICATION_TIMEOUT_TYPE.MEDIUM) {
+        return notificationTimeouts?.medium ?? NOTIFICATION_TIMEOUT.MEDIUM;
+    } else if (type === NOTIFICATION_TIMEOUT_TYPE.LONG) {
+        return notificationTimeouts?.long ?? NOTIFICATION_TIMEOUT.LONG;
+    } else if (type === NOTIFICATION_TIMEOUT_TYPE.EXTRA_LONG) {
+        return notificationTimeouts?.extraLong ?? NOTIFICATION_TIMEOUT.EXTRA_LONG;
+    } else if (type === NOTIFICATION_TIMEOUT_TYPE.STICKY) {
+        return notificationTimeouts?.sticky ?? NOTIFICATION_TIMEOUT.STICKY;
+    }
+
+    return 0;
+}
+
+/**
+ * Clears (removes) all the notifications.
+ *
+ * @returns {{
+ *     type: CLEAR_NOTIFICATIONS
+ * }}
+ */
+export function clearNotifications() {
+    return {
+        type: CLEAR_NOTIFICATIONS
+    };
+}
+
+/**
+ * Removes the notification with the passed in id.
+ *
+ * @param {string} uid - The unique identifier for the notification to be
+ * removed.
+ * @returns {{
+ *     type: HIDE_NOTIFICATION,
+ *     uid: string
+ * }}
+ */
+export function hideNotification(uid: string) {
+    return {
+        type: HIDE_NOTIFICATION,
+        uid
+    };
+}
+
+/**
+ * Stops notifications from being displayed.
+ *
+ * @param {boolean} enabled - Whether or not notifications should display.
+ * @returns {{
+ *     type: SET_NOTIFICATIONS_ENABLED,
+ *     enabled: boolean
+ * }}
+ */
+export function setNotificationsEnabled(enabled: boolean) {
+    return {
+        type: SET_NOTIFICATIONS_ENABLED,
+        enabled
+    };
+}
+
+/**
+ * Queues an error notification for display.
+ *
+ * @param {Object} props - The props needed to show the notification component.
+ * @param {string} type - Notification type.
+ * @returns {Object}
+ */
+export function showErrorNotification(props: INotificationProps, type = NOTIFICATION_TIMEOUT_TYPE.STICKY) {
+    return showNotification({
+        ...props,
+        appearance: NOTIFICATION_TYPE.ERROR
+    }, type);
+}
+
+/**
+ * Queues a success notification for display.
+ *
+ * @param {Object} props - The props needed to show the notification component.
+ * @param {string} type - Notification type.
+ * @returns {Object}
+ */
+export function showSuccessNotification(props: INotificationProps, type?: string) {
+    return showNotification({
+        ...props,
+        appearance: NOTIFICATION_TYPE.SUCCESS
+    }, type);
+}
+
+/**
+ * Queues a notification for display.
+ *
+ * @param {Object} props - The props needed to show the notification component.
+ * @param {string} type - Timeout type.
+ * @returns {Function}
+ */
+export function showNotification(props: INotificationProps = {}, type?: string) {
+    return function(dispatch: IStore['dispatch'], getState: IStore['getState']) {
+        const { disabledNotifications = [], notifications, notificationTimeouts } = getState()['features/base/config'];
+        const enabledFlag = getFeatureFlag(getState(), NOTIFICATIONS_ENABLED, true);
+
+        const { descriptionKey, titleKey } = props;
+
+        const shouldDisplay = enabledFlag
+            && !(disabledNotifications.includes(descriptionKey ?? '')
+                || disabledNotifications.includes(titleKey ?? ''))
+            && (!notifications
+                || notifications.includes(descriptionKey ?? '')
+                || notifications.includes(titleKey ?? ''));
+
+        if (typeof APP !== 'undefined') {
+            APP.API.notifyNotificationTriggered(titleKey, descriptionKey);
+        }
+
+        if (shouldDisplay) {
+            return dispatch({
+                type: SHOW_NOTIFICATION,
+                props,
+                timeout: getNotificationTimeout(type, notificationTimeouts),
+                uid: props.uid || Date.now().toString()
+            });
+        }
+    };
+}
+
+/**
+ * Queues a warning notification for display.
+ *
+ * @param {Object} props - The props needed to show the notification component.
+ * @param {string} type - Notification type.
+ * @returns {Object}
+ */
+export function showWarningNotification(props: INotificationProps, type?: string) {
+
+    return showNotification({
+        ...props,
+        appearance: NOTIFICATION_TYPE.WARNING
+    }, type);
+}
+
+/**
+ * Queues a message notification for display.
+ *
+ * @param {Object} props - The props needed to show the notification component.
+ * @param {string} type - Notification type.
+ * @returns {Object}
+ */
+export function showMessageNotification(props: INotificationProps, type?: string) {
+    return showNotification({
+        ...props,
+        concatText: true,
+        titleKey: 'notify.chatMessages',
+        appearance: NOTIFICATION_TYPE.NORMAL,
+        icon: NOTIFICATION_ICON.MESSAGE
+    }, type);
+}
+
+/**
+ * An array of names of participants that have joined the conference. The array
+ * is replaced with an empty array as notifications are displayed.
+ *
+ * @private
+ * @type {string[]}
+ */
+let joinedParticipantsNames: string[] = [];
+
+/**
+ * A throttled internal function that takes the internal list of participant
+ * names, {@code joinedParticipantsNames}, and triggers the display of a
+ * notification informing of their joining.
+ *
+ * @private
+ * @type {Function}
+ */
+const _throttledNotifyParticipantConnected = throttle((dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+    const participantCount = getParticipantCount(getState());
+
+    // Skip join notifications altogether for large meetings.
+    if (participantCount > SILENT_JOIN_THRESHOLD) {
+        joinedParticipantsNames = [];
+
+        return;
+    }
+
+    const joinedParticipantsCount = joinedParticipantsNames.length;
+
+    let notificationProps;
+
+    if (joinedParticipantsCount >= 3) {
+        notificationProps = {
+            titleArguments: {
+                name: joinedParticipantsNames[0]
+            },
+            titleKey: 'notify.connectedThreePlusMembers'
+        };
+    } else if (joinedParticipantsCount === 2) {
+        notificationProps = {
+            titleArguments: {
+                first: joinedParticipantsNames[0],
+                second: joinedParticipantsNames[1]
+            },
+            titleKey: 'notify.connectedTwoMembers'
+        };
+    } else if (joinedParticipantsCount) {
+        notificationProps = {
+            titleArguments: {
+                name: joinedParticipantsNames[0]
+            },
+            titleKey: 'notify.connectedOneMember'
+        };
+    }
+
+    if (notificationProps) {
+        dispatch(
+            showNotification(notificationProps, NOTIFICATION_TIMEOUT_TYPE.SHORT));
+    }
+
+    joinedParticipantsNames = [];
+
+}, 2000, { leading: false });
+
+/**
+ * An array of names of participants that have left the conference. The array
+ * is replaced with an empty array as notifications are displayed.
+ *
+ * @private
+ * @type {string[]}
+ */
+let leftParticipantsNames: string[] = [];
+
+/**
+ * A throttled internal function that takes the internal list of participant
+ * names, {@code leftParticipantsNames}, and triggers the display of a
+ * notification informing of their leaving.
+ *
+ * @private
+ * @type {Function}
+ */
+const _throttledNotifyParticipantLeft = throttle((dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+    const participantCount = getParticipantCount(getState());
+
+    // Skip left notifications altogether for large meetings.
+    if (participantCount > SILENT_LEFT_THRESHOLD) {
+        leftParticipantsNames = [];
+
+        return;
+    }
+
+    const leftParticipantsCount = leftParticipantsNames.length;
+
+    let notificationProps;
+
+    if (leftParticipantsCount >= 3) {
+        notificationProps = {
+            titleArguments: {
+                name: leftParticipantsNames[0]
+            },
+            titleKey: 'notify.leftThreePlusMembers'
+        };
+    } else if (leftParticipantsCount === 2) {
+        notificationProps = {
+            titleArguments: {
+                first: leftParticipantsNames[0],
+                second: leftParticipantsNames[1]
+            },
+            titleKey: 'notify.leftTwoMembers'
+        };
+    } else if (leftParticipantsCount) {
+        notificationProps = {
+            titleArguments: {
+                name: leftParticipantsNames[0]
+            },
+            titleKey: 'notify.leftOneMember'
+        };
+    }
+
+    if (notificationProps) {
+        dispatch(
+            showNotification(notificationProps, NOTIFICATION_TIMEOUT_TYPE.SHORT));
+    }
+
+    leftParticipantsNames = [];
+
+}, 2000, { leading: false });
+
+/**
+ * Queues the display of a notification of a participant having connected to
+ * the meeting. The notifications are batched so that quick consecutive
+ * connection events are shown in one notification.
+ *
+ * @param {string} displayName - The name of the participant that connected.
+ * @returns {Function}
+ */
+export function showParticipantJoinedNotification(displayName: string) {
+    joinedParticipantsNames.push(displayName);
+
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) =>
+        _throttledNotifyParticipantConnected(dispatch, getState);
+}
+
+/**
+ * Queues the display of a notification of a participant having left to
+ * the meeting. The notifications are batched so that quick consecutive
+ * connection events are shown in one notification.
+ *
+ * @param {string} displayName - The name of the participant that left.
+ * @returns {Function}
+ */
+export function showParticipantLeftNotification(displayName: string) {
+    leftParticipantsNames.push(displayName);
+
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) =>
+        _throttledNotifyParticipantLeft(dispatch, getState);
+}
diff --git a/react/features/notifications/components/NotificationsTransition.tsx b/react/features/notifications/components/NotificationsTransition.tsx
new file mode 100644
index 0000000..bd5c803
--- /dev/null
+++ b/react/features/notifications/components/NotificationsTransition.tsx
@@ -0,0 +1,70 @@
+import React, { ReactElement, useEffect, useState } from 'react';
+
+export const NotificationsTransitionContext = React.createContext({
+    unmounting: new Map<string, TimeoutType | null>()
+});
+
+type TimeoutType = ReturnType<typeof setTimeout>;
+
+const NotificationsTransition = ({ children }: { children: ReactElement[]; }) => {
+    const [ childrenToRender, setChildrenToRender ] = useState(children);
+    const [ timeoutIds, setTimeoutIds ] = useState(new Map<string, TimeoutType | null>());
+
+    useEffect(() => {
+        const toUnmount = childrenToRender.filter(child =>
+            children.findIndex(c => c.props.uid === child.props.uid) === -1) ?? [];
+        const toMount = children?.filter(child =>
+            childrenToRender.findIndex(c => c.props.uid === child.props.uid) === -1) ?? [];
+
+        /**
+         * Update current notifications.
+         * In some cases the UID is the same but the other props change.
+         * This way we make sure the notification displays the latest info.
+         */
+        children.forEach(child => {
+            const index = childrenToRender.findIndex(c => c.props.uid === child.props.uid);
+
+            if (index !== -1) {
+                childrenToRender[index] = child;
+            }
+        });
+
+        if (toUnmount.length > 0) {
+            const ids = new Map(timeoutIds);
+
+            toUnmount.forEach(child => {
+                const timeoutId = setTimeout(() => {
+                    timeoutIds.set(child.props.uid, null);
+                    setTimeoutIds(timeoutIds);
+                }, 250);
+
+                ids.set(child.props.uid, timeoutId);
+            });
+            setTimeoutIds(ids);
+        }
+
+        setChildrenToRender(toMount.concat(childrenToRender));
+    }, [ children ]);
+
+    useEffect(() => {
+        const toRemove: string[] = [];
+
+        timeoutIds.forEach((value, key) => {
+            if (value === null) {
+                toRemove.push(key);
+                timeoutIds.delete(key);
+            }
+        });
+
+        toRemove.length > 0 && setChildrenToRender(childrenToRender.filter(child =>
+            toRemove.findIndex(id => child.props.uid === id) === -1));
+    }, [ timeoutIds ]);
+
+    return (
+        <NotificationsTransitionContext.Provider value = {{ unmounting: timeoutIds }}>
+            {childrenToRender}
+        </NotificationsTransitionContext.Provider>
+    );
+};
+
+export default NotificationsTransition;
diff --git a/react/features/notifications/components/index.native.ts b/react/features/notifications/components/index.native.ts
new file mode 100644
index 0000000..f95eb32
--- /dev/null
+++ b/react/features/notifications/components/index.native.ts
@@ -0,0 +1 @@
+export { default as NotificationsContainer } from './native/NotificationsContainer';
diff --git a/react/features/notifications/components/index.web.ts b/react/features/notifications/components/index.web.ts
new file mode 100644
index 0000000..13e34bb
--- /dev/null
+++ b/react/features/notifications/components/index.web.ts
@@ -0,0 +1 @@
+export { default as NotificationsContainer } from './web/NotificationsContainer';
diff --git a/react/features/notifications/components/native/Notification.tsx b/react/features/notifications/components/native/Notification.tsx
new file mode 100644
index 0000000..1d3641b
--- /dev/null
+++ b/react/features/notifications/components/native/Notification.tsx
@@ -0,0 +1,236 @@
+import React, { useCallback, useContext, useEffect, useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Animated, Text, TextStyle, View, ViewStyle } from 'react-native';
+
+import Icon from '../../../base/icons/components/Icon';
+import {
+    IconCloseLarge,
+    IconInfoCircle,
+    IconUsers,
+    IconWarning
+} from '../../../base/icons/svg';
+import BaseTheme from '../../../base/ui/components/BaseTheme.native';
+import Button from '../../../base/ui/components/native/Button';
+import IconButton from '../../../base/ui/components/native/IconButton';
+import { BUTTON_MODES, BUTTON_TYPES } from '../../../base/ui/constants.native';
+import { CHAR_LIMIT } from '../../../chat/constants';
+import { replaceNonUnicodeEmojis } from '../../../chat/functions';
+import { NOTIFICATION_ICON, NOTIFICATION_TYPE } from '../../constants';
+import { INotificationProps } from '../../types';
+import { NotificationsTransitionContext } from '../NotificationsTransition';
+
+import styles from './styles';
+
+
+/**
+ * Secondary colors for notification icons.
+ *
+ * @type {{error, info, normal, success, warning}}
+ */
+
+const ICON_COLOR = {
+    error: BaseTheme.palette.iconError,
+    normal: BaseTheme.palette.iconNormal,
+    success: BaseTheme.palette.iconSuccess,
+    warning: BaseTheme.palette.iconWarning
+};
+
+
+export interface IProps extends INotificationProps {
+    _participants: ArrayLike<any>;
+    onDismissed: Function;
+}
+
+const Notification = ({
+    appearance = NOTIFICATION_TYPE.NORMAL,
+    customActionHandler,
+    customActionNameKey,
+    customActionType,
+    description,
+    descriptionArguments,
+    descriptionKey,
+    icon,
+    onDismissed,
+    title,
+    titleArguments,
+    titleKey,
+    uid
+}: IProps) => {
+    const { t } = useTranslation();
+    const notificationOpacityAnimation = useRef(new Animated.Value(0)).current;
+    const { unmounting } = useContext(NotificationsTransitionContext);
+
+    useEffect(() => {
+        Animated.timing(
+            notificationOpacityAnimation,
+            {
+                toValue: 1,
+                duration: 200,
+                useNativeDriver: true
+            })
+            .start();
+    }, []);
+
+    useEffect(() => {
+        if (unmounting.get(uid ?? '')) {
+            Animated.timing(
+                notificationOpacityAnimation,
+                {
+                    toValue: 0,
+                    duration: 200,
+                    useNativeDriver: true
+                })
+                .start();
+        }
+    }, [ unmounting ]);
+
+    const onDismiss = useCallback(() => {
+        onDismissed(uid);
+    }, [ onDismissed, uid ]);
+
+    const mapAppearanceToButtons = () => {
+        if (customActionNameKey?.length && customActionHandler?.length && customActionType?.length) {
+            return customActionNameKey?.map((customAction: string, index: number) => (
+                <Button
+                    accessibilityLabel = { customAction }
+                    key = { index }
+                    labelKey = { customAction }
+                    mode = { BUTTON_MODES.TEXT }
+                    // eslint-disable-next-line react/jsx-no-bind
+                    onClick = { () => {
+                        if (customActionHandler[index]()) {
+                            onDismiss();
+                        }
+                    } }
+                    style = { styles.btn }
+
+                    // @ts-ignore
+                    type = { customActionType[index] } />
+            ));
+        }
+
+        return [];
+    };
+
+    const getIcon = () => {
+        let src;
+
+        switch (icon || appearance) {
+        case NOTIFICATION_ICON.PARTICIPANT:
+            src = IconInfoCircle;
+            break;
+        case NOTIFICATION_ICON.PARTICIPANTS:
+            src = IconUsers;
+            break;
+        case NOTIFICATION_ICON.WARNING:
+            src = IconWarning;
+            break;
+        default:
+            src = IconInfoCircle;
+            break;
+        }
+
+        return src;
+    };
+
+    const _getDescription = () => {
+        const descriptionArray = [];
+
+        descriptionKey
+            && descriptionArray.push(t(descriptionKey, descriptionArguments));
+
+        description && descriptionArray.push(description);
+
+        return descriptionArray;
+    };
+
+    // eslint-disable-next-line react/no-multi-comp
+    const _renderContent = () => {
+        const titleText = title || (titleKey && t(titleKey, titleArguments));
+        const descriptionArray = _getDescription();
+
+        if (descriptionArray?.length && titleText) {
+            return (
+                <>
+                    <Text
+                        numberOfLines = { 1 }
+                        style = { styles.contentTextTitleDescription as TextStyle }>
+                        { titleText }
+                    </Text>
+                    {
+                        descriptionArray.map((line, index) => (
+                            <Text
+                                key = { index }
+                                style = { styles.contentText }>
+                                { line.length >= CHAR_LIMIT ? line : replaceNonUnicodeEmojis(line) }
+                            </Text>
+                        ))
+                    }
+                </>
+            );
+        } else if (descriptionArray?.length && !titleText) {
+            return (
+                <>
+                    {
+                        descriptionArray.map((line, index) => (
+                            <Text
+                                key = { index }
+                                style = { styles.contentTextDescription }>
+                                { line.length >= CHAR_LIMIT ? line : replaceNonUnicodeEmojis(line) }
+                            </Text>
+                        ))
+                    }
+                </>
+            );
+        } else {
+            return (
+                <Text
+                    numberOfLines = { 1 }
+                    style = { styles.contentTextTitle as TextStyle }>
+                    { titleText }
+                </Text>
+            );
+        }
+    };
+
+    return (
+        <Animated.View
+            pointerEvents = 'box-none'
+            style = { [
+                _getDescription()?.length
+                    ? styles.notificationWithDescription
+                    : styles.notification,
+                {
+                    opacity: notificationOpacityAnimation
+                }
+            ] as ViewStyle[] }>
+            <View
+                style = { (icon === NOTIFICATION_ICON.PARTICIPANTS
+                    ? styles.contentColumn
+                    : styles.interactiveContentColumn) as ViewStyle }>
+                <View style = { styles.iconContainer as ViewStyle }>
+                    <Icon
+                        color = { ICON_COLOR[appearance as keyof typeof ICON_COLOR] }
+                        size = { 24 }
+                        src = { getIcon() } />
+                </View>
+                <View
+                    pointerEvents = 'box-none'
+                    style = { styles.contentContainer }>
+                    { _renderContent() }
+                </View>
+                <View style = { styles.btnContainer as ViewStyle }>
+                    { mapAppearanceToButtons() }
+                </View>
+            </View>
+            <IconButton
+                color = { BaseTheme.palette.icon04 }
+                onPress = { onDismiss }
+                src = { IconCloseLarge }
+                type = { BUTTON_TYPES.TERTIARY } />
+        </Animated.View>
+    );
+
+};
+
+export default Notification;
diff --git a/react/features/notifications/components/native/NotificationsContainer.tsx b/react/features/notifications/components/native/NotificationsContainer.tsx
new file mode 100644
index 0000000..6b89e92
--- /dev/null
+++ b/react/features/notifications/components/native/NotificationsContainer.tsx
@@ -0,0 +1,239 @@
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { Platform } from 'react-native';
+import { Edge, SafeAreaView } from 'react-native-safe-area-context';
+import { connect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../../app/types';
+import { hideNotification } from '../../actions';
+import { areThereNotifications } from '../../functions';
+import NotificationsTransition from '../NotificationsTransition';
+
+import Notification from './Notification';
+import styles from './styles';
+
+
+interface IProps extends WithTranslation {
+
+    /**
+     * The notifications to be displayed, with the first index being the
+     * notification at the top and the rest shown below it in order.
+     */
+    _notifications: Array<Object>;
+
+    /**
+     * Invoked to update the redux store in order to remove notifications.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Whether or not the layout should change to support tile view mode.
+     */
+    shouldDisplayTileView: boolean;
+
+    /**
+     * Checks toolbox visibility.
+     */
+    toolboxVisible: boolean;
+}
+
+/**
+ * Implements a React {@link Component} which displays notifications and handles
+ * automatic dismissal after a notification is shown for a defined timeout
+ * period.
+ *
+ * @augments {Component}
+ */
+class NotificationsContainer extends Component<IProps> {
+
+    /**
+     * A timeout id returned by setTimeout.
+     */
+    _notificationDismissTimeout: any;
+
+    /**
+     * Initializes a new {@code NotificationsContainer} instance.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        /**
+         * The timeout set for automatically dismissing a displayed
+         * notification. This value is set on the instance and not state to
+         * avoid additional re-renders.
+         *
+         * @type {number|null}
+         */
+        this._notificationDismissTimeout = null;
+
+        // Bind event handlers so they are only bound once for every instance.
+        this._onDismissed = this._onDismissed.bind(this);
+    }
+
+    /**
+     * Sets a timeout (if applicable).
+     *
+     * @inheritdoc
+     */
+    override componentDidMount() {
+        // Set the initial dismiss timeout (if any)
+        // @ts-ignore
+        this._manageDismissTimeout();
+    }
+
+    /**
+     * Sets a timeout if the currently displayed notification has changed.
+     *
+     * @inheritdoc
+     */
+    override componentDidUpdate(prevProps: IProps) {
+        this._manageDismissTimeout(prevProps);
+    }
+
+    /**
+     * Sets/clears the dismiss timeout for the top notification.
+     *
+     * @param {IProps} [prevProps] - The previous properties (if called from
+     * {@code componentDidUpdate}).
+     * @returns {void}
+     * @private
+     */
+    _manageDismissTimeout(prevProps: IProps) {
+        const { _notifications } = this.props;
+
+        if (_notifications.length) {
+            const notification = _notifications[0];
+            const previousNotification = prevProps?._notifications.length
+                ? prevProps._notifications[0] : undefined;
+
+            if (notification !== previousNotification) {
+                this._clearNotificationDismissTimeout();
+
+                // @ts-ignore
+                if (notification?.timeout) {
+
+                    // @ts-ignore
+                    const { timeout, uid } = notification;
+
+                    // @ts-ignore
+                    this._notificationDismissTimeout = setTimeout(() => {
+                        // Perform a no-op if a timeout is not specified.
+                        this._onDismissed(uid);
+                    }, timeout);
+                }
+            }
+        } else if (this._notificationDismissTimeout) {
+            // Clear timeout when all notifications are cleared (e.g external
+            // call to clear them)
+            this._clearNotificationDismissTimeout();
+        }
+    }
+
+    /**
+     * Clear any dismissal timeout that is still active.
+     *
+     * @inheritdoc
+     */
+    override componentWillUnmount() {
+        this._clearNotificationDismissTimeout();
+    }
+
+    /**
+     * Clears the running notification dismiss timeout, if any.
+     *
+     * @returns {void}
+     */
+    _clearNotificationDismissTimeout() {
+        this._notificationDismissTimeout && clearTimeout(this._notificationDismissTimeout);
+
+        this._notificationDismissTimeout = null;
+    }
+
+    /**
+     * Emits an action to remove the notification from the redux store so it
+     * stops displaying.
+     *
+     * @param {Object} uid - The id of the notification to be removed.
+     * @private
+     * @returns {void}
+     */
+    _onDismissed(uid: any) {
+        const { _notifications } = this.props;
+
+        // Clear the timeout only if it's the top notification that's being
+        // dismissed (the timeout is set only for the top one).
+        // @ts-ignore
+        if (!_notifications.length || _notifications[0].uid === uid) {
+            this._clearNotificationDismissTimeout();
+        }
+
+        this.props.dispatch(hideNotification(uid));
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { _notifications, shouldDisplayTileView, toolboxVisible } = this.props;
+        let notificationsContainerStyle;
+
+        if (shouldDisplayTileView) {
+
+            if (toolboxVisible) {
+                notificationsContainerStyle = styles.withToolboxTileView;
+            } else {
+                notificationsContainerStyle = styles.withoutToolboxTileView;
+            }
+
+        } else {
+            notificationsContainerStyle
+                = toolboxVisible ? styles.withToolbox : styles.withoutToolbox;
+        }
+
+        return (
+            <SafeAreaView
+                edges = { [ Platform.OS === 'ios' && 'bottom', 'left', 'right' ].filter(Boolean) as Edge[] }
+                style = { notificationsContainerStyle as any }>
+                <NotificationsTransition>
+                    {
+                        _notifications.map(notification => {
+                            // @ts-ignore
+                            const { props, uid } = notification;
+
+                            return (
+                                <Notification
+                                    { ...props }
+                                    key = { uid }
+                                    onDismissed = { this._onDismissed }
+                                    uid = { uid } />
+                            );
+                        })
+                    }
+                </NotificationsTransition>
+            </SafeAreaView>
+        );
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated NotificationsContainer's
+ * props.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {Props}
+ */
+export function mapStateToProps(state: IReduxState) {
+    const { notifications } = state['features/notifications'];
+    const _visible = areThereNotifications(state);
+
+    return {
+        _notifications: _visible ? notifications : []
+    };
+}
+
+export default connect(mapStateToProps)(NotificationsContainer);
diff --git a/react/features/notifications/components/native/styles.ts b/react/features/notifications/components/native/styles.ts
new file mode 100644
index 0000000..d681576
--- /dev/null
+++ b/react/features/notifications/components/native/styles.ts
@@ -0,0 +1,141 @@
+import BaseTheme from '../../../base/ui/components/BaseTheme.native';
+
+const contentColumn = {
+    flex: 1,
+    flexDirection: 'column',
+    paddingLeft: BaseTheme.spacing[2]
+};
+
+const notification = {
+    backgroundColor: BaseTheme.palette.ui10,
+    borderRadius: BaseTheme.shape.borderRadius,
+    borderLeftColor: BaseTheme.palette.link01Active,
+    borderLeftWidth: BaseTheme.spacing[1],
+    display: 'flex',
+    flexDirection: 'row',
+    marginVertical: BaseTheme.spacing[1],
+    maxWidth: 416,
+    width: '100%'
+};
+
+/**
+ * The styles of the React {@code Components} of the feature notifications.
+ */
+export default {
+
+    /**
+     * The content (left) column of the notification.
+     */
+    interactiveContentColumn: {
+        ...contentColumn
+    },
+
+    contentColumn: {
+        ...contentColumn,
+        justifyContent: 'center'
+    },
+
+    /**
+     * Test style of the notification.
+     */
+
+    contentContainer: {
+        paddingHorizontal: BaseTheme.spacing[2]
+    },
+
+    contentText: {
+        color: BaseTheme.palette.text04,
+        paddingLeft: BaseTheme.spacing[4],
+        paddingTop: BaseTheme.spacing[1]
+    },
+
+    contentTextDescription: {
+        color: BaseTheme.palette.text04,
+        paddingLeft: BaseTheme.spacing[4],
+        paddingTop: BaseTheme.spacing[2]
+    },
+
+    contentTextTitleDescription: {
+        color: BaseTheme.palette.text04,
+        fontWeight: 'bold',
+        paddingLeft: BaseTheme.spacing[4],
+        paddingTop: BaseTheme.spacing[2]
+    },
+
+    contentTextTitle: {
+        color: BaseTheme.palette.text04,
+        fontWeight: 'bold',
+        paddingLeft: BaseTheme.spacing[4],
+        paddingTop: BaseTheme.spacing[3]
+    },
+
+    /**
+     * Dismiss icon style.
+     */
+    dismissIcon: {
+        color: BaseTheme.palette.icon04,
+        fontSize: 20
+    },
+
+    notification: {
+        ...notification
+    },
+
+    notificationWithDescription: {
+        ...notification,
+        paddingBottom: BaseTheme.spacing[2]
+    },
+
+    /**
+     * Wrapper for the message.
+     */
+    notificationContent: {
+        alignItems: 'center',
+        flexDirection: 'row'
+    },
+
+    participantName: {
+        color: BaseTheme.palette.text04,
+        overflow: 'hidden'
+    },
+
+    iconContainer: {
+        position: 'absolute',
+        left: BaseTheme.spacing[2],
+        top: 12
+    },
+
+    btn: {
+        paddingLeft: BaseTheme.spacing[3]
+    },
+
+    btnContainer: {
+        display: 'flex',
+        flexDirection: 'row',
+        paddingLeft: BaseTheme.spacing[3],
+        paddingTop: BaseTheme.spacing[1]
+    },
+
+    withToolbox: {
+        bottom: 56,
+        position: 'absolute',
+        width: '100%'
+    },
+
+    withToolboxTileView: {
+        bottom: 56,
+        position: 'absolute',
+        width: '100%'
+    },
+
+    withoutToolbox: {
+        position: 'absolute',
+        width: '100%'
+    },
+
+    withoutToolboxTileView: {
+        bottom: 0,
+        position: 'absolute',
+        width: '100%'
+    }
+};
diff --git a/react/features/notifications/components/web/Notification.tsx b/react/features/notifications/components/web/Notification.tsx
new file mode 100644
index 0000000..54ee3bd
--- /dev/null
+++ b/react/features/notifications/components/web/Notification.tsx
@@ -0,0 +1,378 @@
+import { Theme } from '@mui/material';
+import React, { isValidElement, useCallback, useContext, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useSelector } from 'react-redux';
+import { keyframes } from 'tss-react';
+import { makeStyles } from 'tss-react/mui';
+
+import Icon from '../../../base/icons/components/Icon';
+import {
+    IconCheck,
+    IconCloseLarge,
+    IconInfo,
+    IconMessage,
+    IconUser,
+    IconUsers,
+    IconWarningCircle
+} from '../../../base/icons/svg';
+import Message from '../../../base/react/components/web/Message';
+import { getSupportUrl } from '../../../base/react/functions';
+import { NOTIFICATION_ICON, NOTIFICATION_TYPE } from '../../constants';
+import { INotificationProps } from '../../types';
+import { NotificationsTransitionContext } from '../NotificationsTransition';
+
+interface IProps extends INotificationProps {
+
+    /**
+     * Callback invoked when the user clicks to dismiss the notification.
+     */
+    onDismissed: Function;
+}
+
+/**
+ * Secondary colors for notification icons.
+ *
+ * @type {{error, info, normal, success, warning}}
+ */
+
+
+const useStyles = makeStyles()((theme: Theme) => {
+    return {
+        container: {
+            backgroundColor: theme.palette.ui10,
+            padding: '8px 16px 8px 20px',
+            display: 'flex',
+            position: 'relative' as const,
+            borderRadius: `${theme.shape.borderRadius}px`,
+            boxShadow: '0px 6px 20px rgba(0, 0, 0, 0.25)',
+            marginBottom: theme.spacing(2),
+
+            '&:last-of-type': {
+                marginBottom: 0
+            },
+
+            animation: `${keyframes`
+                0% {
+                    opacity: 0;
+                    transform: translateX(-80%);
+                }
+                100% {
+                    opacity: 1;
+                    transform: translateX(0);
+                }
+            `} 0.2s forwards ease`,
+
+            '&.unmount': {
+                animation: `${keyframes`
+                    0% {
+                        opacity: 1;
+                        transform: translateX(0);
+                    }
+                    100% {
+                        opacity: 0;
+                        transform: translateX(-80%);
+                    }
+                `} 0.2s forwards ease`
+            }
+        },
+
+        ribbon: {
+            width: '4px',
+            height: 'calc(100% - 16px)',
+            position: 'absolute' as const,
+            left: 0,
+            top: '8px',
+            borderRadius: '4px',
+
+            '&.normal': {
+                backgroundColor: theme.palette.action01
+            },
+
+            '&.error': {
+                backgroundColor: theme.palette.iconError
+            },
+
+            '&.success': {
+                backgroundColor: theme.palette.success01
+            },
+
+            '&.warning': {
+                backgroundColor: theme.palette.warning01
+            }
+        },
+
+        content: {
+            display: 'flex',
+            alignItems: 'flex-start',
+            padding: '8px 0',
+            flex: 1,
+            maxWidth: '100%'
+        },
+
+        textContainer: {
+            display: 'flex',
+            flexDirection: 'column' as const,
+            justifyContent: 'space-between',
+            color: theme.palette.text04,
+            flex: 1,
+            margin: '0 8px',
+
+            // maxWidth: 100% minus the icon on left (20px) minus the close icon on the right (20px) minus the margins
+            maxWidth: 'calc(100% - 40px - 16px)',
+            maxHeight: '150px'
+        },
+
+        title: {
+            ...theme.typography.bodyShortBold
+        },
+
+        description: {
+            ...theme.typography.bodyShortRegular,
+            overflow: 'auto',
+            overflowWrap: 'break-word',
+            userSelect: 'all',
+
+            '&:not(:empty)': {
+                marginTop: theme.spacing(1)
+            }
+        },
+
+        actionsContainer: {
+            display: 'flex',
+            width: '100%',
+
+            '&:not(:empty)': {
+                marginTop: theme.spacing(2)
+            }
+        },
+
+        action: {
+            border: 0,
+            outline: 0,
+            backgroundColor: 'transparent',
+            color: theme.palette.action01,
+            ...theme.typography.bodyShortBold,
+            marginRight: theme.spacing(3),
+            padding: 0,
+            cursor: 'pointer',
+
+            '&:last-of-type': {
+                marginRight: 0
+            },
+
+            '&.destructive': {
+                color: theme.palette.textError
+            },
+
+            '&:focus-visible': {
+                outline: `2px solid ${theme.palette.action01}`,
+                outlineOffset: 2
+            }
+        },
+
+        closeIcon: {
+            cursor: 'pointer'
+        }
+    };
+});
+
+const Notification = ({
+    appearance = NOTIFICATION_TYPE.NORMAL,
+    customActionHandler,
+    customActionNameKey,
+    customActionType,
+    description,
+    descriptionArguments,
+    descriptionKey,
+    disableClosing,
+    hideErrorSupportLink,
+    icon,
+    onDismissed,
+    title,
+    titleArguments,
+    titleKey,
+    uid
+}: IProps) => {
+    const { classes, cx, theme } = useStyles();
+    const { t } = useTranslation();
+    const { unmounting } = useContext(NotificationsTransitionContext);
+    const supportUrl = useSelector(getSupportUrl);
+    const isErrorOrWarning = useMemo(
+        () => appearance === NOTIFICATION_TYPE.ERROR || appearance === NOTIFICATION_TYPE.WARNING,
+        [ appearance ]
+    );
+
+    const ICON_COLOR = {
+        error: theme.palette.iconError,
+        normal: theme.palette.action01,
+        success: theme.palette.success01,
+        warning: theme.palette.warning01
+    };
+
+    const onDismiss = useCallback(() => {
+        onDismissed(uid);
+    }, [ uid ]);
+
+    // eslint-disable-next-line react/no-multi-comp
+    const renderDescription = useCallback(() => {
+        const descriptionArray = [];
+
+        descriptionKey
+            && descriptionArray.push(t(descriptionKey, descriptionArguments));
+
+        description && typeof description === 'string' && descriptionArray.push(description);
+
+        // Keeping in mind that:
+        // - Notifications that use the `translateToHtml` function get an element-based description array with one entry
+        // - Message notifications receive string-based description arrays that might need additional parsing
+        // We look for ready-to-render elements, and if present, we roll with them
+        // Otherwise, we use the Message component that accepts a string `text` prop
+        const shouldRenderHtml = descriptionArray.length === 1 && isValidElement(descriptionArray[0]);
+
+        // the id is used for testing the UI
+        return (
+            <div
+                className = { classes.description }
+                data-testid = { descriptionKey } >
+                {shouldRenderHtml ? descriptionArray : <Message text = { descriptionArray.join(' ') } />}
+                {typeof description === 'object' && description}
+            </div>
+        );
+    }, [ description, descriptionArguments, descriptionKey, classes ]);
+
+    const _onOpenSupportLink = useCallback(() => {
+        window.open(supportUrl, '_blank', 'noopener');
+    }, [ supportUrl ]);
+
+    const processCustomActions
+        = (key?: string[], handler?: Function[], type?: string[]): {
+            content: string; onClick: () => void; testId?: string; type?: string; }[] => {
+            if (key?.length && handler?.length) {
+                return key.map((customAction: string, customActionIndex: number) => {
+                    return {
+                        content: t(customAction),
+                        onClick: () => {
+                            if (handler?.[customActionIndex]()) {
+                                onDismiss();
+                            }
+                        },
+                        type: type?.[customActionIndex],
+                        testId: customAction
+                    };
+                });
+            }
+
+            return [];
+        };
+
+    const mapAppearanceToButtons = useCallback((): {
+        content: string; onClick: () => void; testId?: string; type?: string; }[] => {
+        switch (appearance) {
+        case NOTIFICATION_TYPE.ERROR: {
+            const buttons = [
+                {
+                    content: t('dialog.dismiss'),
+                    onClick: onDismiss
+                }
+            ];
+
+            if (!hideErrorSupportLink && supportUrl) {
+                buttons.push({
+                    content: t('dialog.contactSupport'),
+                    onClick: _onOpenSupportLink
+                });
+            }
+
+            return processCustomActions(customActionNameKey, customActionHandler, customActionType).concat(buttons);
+        }
+        case NOTIFICATION_TYPE.WARNING:
+            return [
+                {
+                    content: t('dialog.Ok'),
+                    onClick: onDismiss
+                }
+            ];
+
+        default:
+            return processCustomActions(customActionNameKey, customActionHandler, customActionType);
+        }
+    }, [ appearance, onDismiss, customActionHandler, customActionNameKey, hideErrorSupportLink, supportUrl ]);
+
+    const getIcon = useCallback(() => {
+        let iconToDisplay;
+
+        switch (icon || appearance) {
+        case NOTIFICATION_ICON.ERROR:
+        case NOTIFICATION_ICON.WARNING:
+            iconToDisplay = IconWarningCircle;
+            break;
+        case NOTIFICATION_ICON.SUCCESS:
+            iconToDisplay = IconCheck;
+            break;
+        case NOTIFICATION_ICON.MESSAGE:
+            iconToDisplay = IconMessage;
+            break;
+        case NOTIFICATION_ICON.PARTICIPANT:
+            iconToDisplay = IconUser;
+            break;
+        case NOTIFICATION_ICON.PARTICIPANTS:
+            iconToDisplay = IconUsers;
+            break;
+        default:
+            iconToDisplay = IconInfo;
+            break;
+        }
+
+        return iconToDisplay;
+    }, [ icon, appearance ]);
+
+    return (
+        <div
+            aria-atomic = { true }
+            aria-live = { isErrorOrWarning ? 'assertive' : 'polite' }
+            className = { cx(classes.container, (unmounting.get(uid ?? '') && 'unmount') as string | undefined) }
+            data-testid = { titleKey || descriptionKey }
+            id = { uid }
+            role = { isErrorOrWarning ? 'alert' : 'status' }>
+            <div className = { cx(classes.ribbon, appearance) } />
+            <div className = { classes.content }>
+                <div className = { icon }>
+                    <Icon
+                        color = { ICON_COLOR[appearance as keyof typeof ICON_COLOR] }
+                        size = { 20 }
+                        src = { getIcon() } />
+                </div>
+                <div className = { classes.textContainer }>
+                    <span className = { classes.title }>{title || t(titleKey ?? '', titleArguments)}</span>
+                    {renderDescription()}
+                    <div className = { classes.actionsContainer }>
+                        {mapAppearanceToButtons().map(({ content, onClick, type, testId }) => (
+                            <button
+                                aria-label = { content }
+                                className = { cx(classes.action, type) }
+                                data-testid = { testId }
+                                key = { content }
+                                onClick = { onClick }
+                                type = 'button'>
+                                {content}
+                            </button>
+                        ))}
+                    </div>
+                </div>
+                { !disableClosing && (
+                    <Icon
+                        className = { classes.closeIcon }
+                        color = { theme.palette.icon04 }
+                        id = 'close-notification'
+                        onClick = { onDismiss }
+                        size = { 20 }
+                        src = { IconCloseLarge }
+                        tabIndex = { 0 }
+                        testId = { `${titleKey || descriptionKey}-dismiss` } />
+                )}
+            </div>
+        </div>
+    );
+};
+
+export default Notification;
diff --git a/react/features/notifications/components/web/NotificationsContainer.tsx b/react/features/notifications/components/web/NotificationsContainer.tsx
new file mode 100644
index 0000000..622ec8f
--- /dev/null
+++ b/react/features/notifications/components/web/NotificationsContainer.tsx
@@ -0,0 +1,117 @@
+import React, { useCallback } from 'react';
+import { connect } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState, IStore } from '../../../app/types';
+import { hideNotification } from '../../actions';
+import { areThereNotifications } from '../../functions';
+import { INotificationProps } from '../../types';
+import NotificationsTransition from '../NotificationsTransition';
+
+import Notification from './Notification';
+interface IProps {
+
+    /**
+     * Whether we are a SIP gateway or not.
+     */
+    _iAmSipGateway: boolean;
+
+    /**
+     * Whether or not the chat is open.
+     */
+    _isChatOpen: boolean;
+
+    /**
+     * The notifications to be displayed, with the first index being the
+     * notification at the top and the rest shown below it in order.
+     */
+    _notifications: Array<{
+        props: INotificationProps;
+        uid: string;
+    }>;
+
+    /**
+     * Invoked to update the redux store in order to remove notifications.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Whether or not the notifications are displayed in a portal.
+     */
+    portal?: boolean;
+}
+
+const useStyles = makeStyles()(() => {
+    return {
+        container: {
+            position: 'absolute',
+            left: '16px',
+            bottom: '84px',
+            width: '320px',
+            maxWidth: '100%',
+            zIndex: 600
+        },
+
+        containerPortal: {
+            width: '100%',
+            maxWidth: 'calc(100% - 32px)'
+        }
+    };
+});
+
+const NotificationsContainer = ({
+    _iAmSipGateway,
+    _notifications,
+    dispatch,
+    portal
+}: IProps) => {
+    const { classes, cx } = useStyles();
+
+    const _onDismissed = useCallback((uid: string) => {
+        dispatch(hideNotification(uid));
+    }, []);
+
+    if (_iAmSipGateway) {
+        return null;
+    }
+
+    return (
+        <div
+            className = { cx(classes.container, {
+                [classes.containerPortal]: portal
+            }) }
+            id = 'notifications-container'>
+            <NotificationsTransition>
+                {_notifications.map(({ props, uid }) => (
+                    <Notification
+                        { ...props }
+                        key = { uid }
+                        onDismissed = { _onDismissed }
+                        uid = { uid } />
+                )) || null}
+            </NotificationsTransition>
+        </div>
+    );
+};
+
+/**
+ * Maps (parts of) the Redux state to the associated props for this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const { notifications } = state['features/notifications'];
+    const { iAmSipGateway } = state['features/base/config'];
+    const { isOpen: isChatOpen } = state['features/chat'];
+    const _visible = areThereNotifications(state);
+
+    return {
+        _iAmSipGateway: Boolean(iAmSipGateway),
+        _isChatOpen: isChatOpen,
+        _notifications: _visible ? notifications : []
+    };
+}
+
+export default connect(_mapStateToProps)(NotificationsContainer);
diff --git a/react/features/notifications/constants.ts b/react/features/notifications/constants.ts
new file mode 100644
index 0000000..f749ec6
--- /dev/null
+++ b/react/features/notifications/constants.ts
@@ -0,0 +1,137 @@
+/**
+ * The standard time when auto-disappearing notifications should disappear.
+ */
+export const NOTIFICATION_TIMEOUT = {
+    SHORT: 2500,
+    MEDIUM: 5000,
+    LONG: 10000,
+    EXTRA_LONG: 60000,
+    STICKY: false
+};
+
+/**
+ * Notification timeout type.
+ */
+export enum NOTIFICATION_TIMEOUT_TYPE {
+    EXTRA_LONG = 'extra_long',
+    LONG = 'long',
+    MEDIUM = 'medium',
+    SHORT = 'short',
+    STICKY = 'sticky'
+}
+
+/**
+ * The set of possible notification types.
+ *
+ * @enum {string}
+ */
+export const NOTIFICATION_TYPE = {
+    ERROR: 'error',
+    NORMAL: 'normal',
+    SUCCESS: 'success',
+    WARNING: 'warning'
+};
+
+/**
+ * A mapping of notification type to priority of display.
+ *
+ * @enum {number}
+ */
+export const NOTIFICATION_TYPE_PRIORITIES = {
+    [NOTIFICATION_TYPE.ERROR]: 5,
+    [NOTIFICATION_TYPE.NORMAL]: 3,
+    [NOTIFICATION_TYPE.SUCCESS]: 3,
+    [NOTIFICATION_TYPE.WARNING]: 4
+};
+
+/**
+ * The set of possible notification icons.
+ *
+ * @enum {string}
+ */
+export const NOTIFICATION_ICON = {
+    ...NOTIFICATION_TYPE,
+    MESSAGE: 'message',
+    PARTICIPANT: 'participant',
+    PARTICIPANTS: 'participants'
+};
+
+/**
+ * The identifier of the calendar notification.
+ *
+ * @type {string}
+ */
+export const CALENDAR_NOTIFICATION_ID = 'CALENDAR_NOTIFICATION_ID';
+
+/**
+ * The identifier of the disable self view notification.
+ *
+ * @type {string}
+ */
+export const DATA_CHANNEL_CLOSED_NOTIFICATION_ID = 'DATA_CHANNEL_CLOSED_NOTIFICATION_ID';
+
+/**
+ * The identifier of the disable self view notification.
+ *
+ * @type {string}
+ */
+export const DISABLE_SELF_VIEW_NOTIFICATION_ID = 'DISABLE_SELF_VIEW_NOTIFICATION_ID';
+
+/**
+ * The identifier of the lobby notification.
+ *
+ * @type {string}
+ */
+export const LOBBY_NOTIFICATION_ID = 'LOBBY_NOTIFICATION';
+
+/**
+ * The identifier of the local recording notification.
+ *
+ * @type {string}
+ */
+export const LOCAL_RECORDING_NOTIFICATION_ID = 'LOCAL_RECORDING_NOTIFICATION_ID';
+
+/**
+ * The identifier of the raise hand notification.
+ *
+ * @type {string}
+ */
+export const RAISE_HAND_NOTIFICATION_ID = 'RAISE_HAND_NOTIFICATION';
+
+/**
+ * The identifier of the salesforce link notification.
+ *
+ * @type {string}
+ */
+export const SALESFORCE_LINK_NOTIFICATION_ID = 'SALESFORCE_LINK_NOTIFICATION';
+
+/**
+ * The identifier of the visitors promotion notification.
+ *
+ * @type {string}
+ */
+export const VISITORS_PROMOTION_NOTIFICATION_ID = 'VISITORS_PROMOTION_NOTIFICATION';
+
+/**
+ * The identifier of the visitors notification indicating the meeting is not live.
+ *
+ * @type {string}
+ */
+export const VISITORS_NOT_LIVE_NOTIFICATION_ID = 'VISITORS_NOT_LIVE_NOTIFICATION_ID';
+
+/**
+ * The identifier of the visitors notification indicating the request for promotion.
+ *
+ * @type {string}
+ */
+export const VISITOR_ASKED_TO_JOIN_NOTIFICATION_ID = 'VISITOR_ASKED_TO_JOIN_NOTIFICATION_ID';
+
+/**
+ * Amount of participants beyond which no join notification will be emitted.
+ */
+export const SILENT_JOIN_THRESHOLD = 30;
+
+/**
+ * Amount of participants beyond which no left notification will be emitted.
+ */
+export const SILENT_LEFT_THRESHOLD = 30;
diff --git a/react/features/notifications/functions.ts b/react/features/notifications/functions.ts
new file mode 100644
index 0000000..fa86d2a
--- /dev/null
+++ b/react/features/notifications/functions.ts
@@ -0,0 +1,41 @@
+import { MODERATION_NOTIFICATIONS, MediaType } from '../av-moderation/constants';
+import { IStateful } from '../base/app/types';
+import { toState } from '../base/redux/functions';
+
+/**
+ * Tells whether or not the notifications are enabled and if there are any
+ * notifications to be displayed based on the current Redux state.
+ *
+ * @param {IStateful} stateful - The redux store state.
+ * @returns {boolean}
+ */
+export function areThereNotifications(stateful: IStateful) {
+    const state = toState(stateful);
+    const { enabled, notifications } = state['features/notifications'];
+
+    return enabled && notifications.length > 0;
+}
+
+/**
+ * Tells whether join/leave notifications are enabled in interface_config.
+ *
+ * @returns {boolean}
+ */
+export function joinLeaveNotificationsDisabled() {
+    return Boolean(typeof interfaceConfig !== 'undefined' && interfaceConfig?.DISABLE_JOIN_LEAVE_NOTIFICATIONS);
+}
+
+/**
+ * Returns whether or not the moderation notification for the given type is displayed.
+ *
+ * @param {MEDIA_TYPE} mediaType - The media type to check.
+ * @param {IStateful} stateful - The redux store state.
+ * @returns {boolean}
+ */
+export function isModerationNotificationDisplayed(mediaType: MediaType, stateful: IStateful) {
+    const state = toState(stateful);
+
+    const { notifications } = state['features/notifications'];
+
+    return Boolean(notifications.find(n => n.uid === MODERATION_NOTIFICATIONS[mediaType]));
+}
diff --git a/react/features/notifications/middleware.ts b/react/features/notifications/middleware.ts
new file mode 100644
index 0000000..195b132
--- /dev/null
+++ b/react/features/notifications/middleware.ts
@@ -0,0 +1,210 @@
+import { IReduxState, IStore } from '../app/types';
+import { getCurrentConference } from '../base/conference/functions';
+import {
+    PARTICIPANT_JOINED,
+    PARTICIPANT_LEFT,
+    PARTICIPANT_UPDATED
+} from '../base/participants/actionTypes';
+import { PARTICIPANT_ROLE } from '../base/participants/constants';
+import {
+    getLocalParticipant,
+    getParticipantById,
+    getParticipantDisplayName,
+    isScreenShareParticipant,
+    isWhiteboardParticipant
+} from '../base/participants/functions';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import StateListenerRegistry from '../base/redux/StateListenerRegistry';
+import { PARTICIPANTS_PANE_OPEN } from '../participants-pane/actionTypes';
+
+import {
+    CLEAR_NOTIFICATIONS,
+    HIDE_NOTIFICATION,
+    SHOW_NOTIFICATION
+} from './actionTypes';
+import {
+    clearNotifications,
+    hideNotification,
+    showNotification,
+    showParticipantJoinedNotification,
+    showParticipantLeftNotification
+} from './actions';
+import {
+    NOTIFICATION_TIMEOUT_TYPE,
+    RAISE_HAND_NOTIFICATION_ID
+} from './constants';
+import { areThereNotifications, joinLeaveNotificationsDisabled } from './functions';
+
+/**
+ * Map of timers.
+ *
+ * @type {Map}
+ */
+const timers = new Map();
+
+/**
+ * Function that creates a timeout id for specific notification.
+ *
+ * @param {Object} notification - Notification for which we want to create a timeout.
+ * @param {Function} dispatch - The Redux dispatch function.
+ * @returns {void}
+ */
+const createTimeoutId = (notification: { timeout: number; uid: string; }, dispatch: IStore['dispatch']) => {
+    const {
+        timeout,
+        uid
+    } = notification;
+
+    if (timeout) {
+        const timerID = setTimeout(() => {
+            dispatch(hideNotification(uid));
+        }, timeout);
+
+        timers.set(uid, timerID);
+    }
+};
+
+/**
+ * Returns notifications state.
+ *
+ * @param {Object} state - Global state.
+ * @returns {Array<Object>} - Notifications state.
+ */
+const getNotifications = (state: IReduxState) => {
+    const _visible = areThereNotifications(state);
+    const { notifications } = state['features/notifications'];
+
+    return _visible ? notifications : [];
+};
+
+/**
+ * Middleware that captures actions to display notifications.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    const { dispatch, getState } = store;
+    const state = getState();
+
+    switch (action.type) {
+    case CLEAR_NOTIFICATIONS: {
+        const _notifications = getNotifications(state);
+
+        for (const notification of _notifications) {
+            if (timers.has(notification.uid)) {
+                const timeout = timers.get(notification.uid);
+
+                clearTimeout(timeout);
+                timers.delete(notification.uid);
+            }
+        }
+        timers.clear();
+        break;
+    }
+    case SHOW_NOTIFICATION: {
+        if (timers.has(action.uid)) {
+            const timer = timers.get(action.uid);
+
+            clearTimeout(timer);
+            timers.delete(action.uid);
+        }
+
+        createTimeoutId(action, dispatch);
+        break;
+    }
+    case HIDE_NOTIFICATION: {
+        const timer = timers.get(action.uid);
+
+        clearTimeout(timer);
+        timers.delete(action.uid);
+        break;
+    }
+    case PARTICIPANT_JOINED: {
+        const result = next(action);
+        const { participant: p } = action;
+        const { conference } = state['features/base/conference'];
+
+        // Do not display notifications for the virtual screenshare and whiteboard tiles.
+        if (conference
+            && !p.local
+            && !isScreenShareParticipant(p)
+            && !isWhiteboardParticipant(p)
+            && !joinLeaveNotificationsDisabled()
+            && !p.isReplacing) {
+            dispatch(showParticipantJoinedNotification(
+                getParticipantDisplayName(state, p.id)
+            ));
+        }
+
+        return result;
+    }
+    case PARTICIPANT_LEFT: {
+        if (!joinLeaveNotificationsDisabled()) {
+            const participant = getParticipantById(
+                store.getState(),
+                action.participant.id
+            );
+
+            // Do not display notifications for the virtual screenshare tiles.
+            if (participant
+                && !participant.local
+                && !isScreenShareParticipant(participant)
+                && !isWhiteboardParticipant(participant)
+                && !action.participant.isReplaced) {
+                dispatch(showParticipantLeftNotification(
+                    getParticipantDisplayName(state, participant.id)
+                ));
+            }
+        }
+
+        return next(action);
+    }
+    case PARTICIPANT_UPDATED: {
+        const { disableModeratorIndicator } = state['features/base/config'];
+
+        if (disableModeratorIndicator) {
+            return next(action);
+        }
+
+        const { id, role } = action.participant;
+        const localParticipant = getLocalParticipant(state);
+
+        if (localParticipant?.id !== id) {
+            return next(action);
+        }
+
+        const oldParticipant = getParticipantById(state, id);
+        const oldRole = oldParticipant?.role;
+
+        if (oldRole && oldRole !== role && role === PARTICIPANT_ROLE.MODERATOR) {
+
+            store.dispatch(showNotification({
+                titleKey: 'notify.moderator'
+            },
+            NOTIFICATION_TIMEOUT_TYPE.SHORT));
+        }
+
+        return next(action);
+    }
+    case PARTICIPANTS_PANE_OPEN: {
+        store.dispatch(hideNotification(RAISE_HAND_NOTIFICATION_ID));
+        break;
+    }
+    }
+
+    return next(action);
+});
+
+/**
+ * StateListenerRegistry provides a reliable way to detect the leaving of a
+ * conference, where we need to clean up the notifications.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => getCurrentConference(state),
+    /* listener */ (conference, { dispatch }) => {
+        if (!conference) {
+            dispatch(clearNotifications());
+        }
+    }
+);
diff --git a/react/features/notifications/reducer.ts b/react/features/notifications/reducer.ts
new file mode 100644
index 0000000..9f9df7b
--- /dev/null
+++ b/react/features/notifications/reducer.ts
@@ -0,0 +1,131 @@
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import {
+    CLEAR_NOTIFICATIONS,
+    HIDE_NOTIFICATION,
+    SET_NOTIFICATIONS_ENABLED,
+    SHOW_NOTIFICATION
+} from './actionTypes';
+import { NOTIFICATION_TYPE_PRIORITIES } from './constants';
+
+/**
+ * The initial state of the feature notifications.
+ *
+ * @type {array}
+ */
+const DEFAULT_STATE = {
+    enabled: true,
+    notifications: []
+};
+
+interface INotification {
+    component: Object;
+    props: {
+        appearance?: string;
+        descriptionArguments?: Object;
+        descriptionKey?: string;
+        titleKey: string;
+    };
+    timeout: number;
+    uid: string;
+}
+
+export interface INotificationsState {
+    enabled: boolean;
+    notifications: INotification[];
+}
+
+/**
+ * Reduces redux actions which affect the display of notifications.
+ *
+ * @param {Object} state - The current redux state.
+ * @param {Object} action - The redux action to reduce.
+ * @returns {Object} The next redux state which is the result of reducing the
+ * specified {@code action}.
+ */
+ReducerRegistry.register<INotificationsState>('features/notifications',
+    (state = DEFAULT_STATE, action): INotificationsState => {
+        switch (action.type) {
+        case CLEAR_NOTIFICATIONS:
+            return {
+                ...state,
+                notifications: []
+            };
+        case HIDE_NOTIFICATION:
+            return {
+                ...state,
+                notifications: state.notifications.filter(
+                    notification => notification.uid !== action.uid)
+            };
+
+        case SET_NOTIFICATIONS_ENABLED:
+            return {
+                ...state,
+                enabled: action.enabled
+            };
+
+        case SHOW_NOTIFICATION:
+            return {
+                ...state,
+                notifications:
+                    _insertNotificationByPriority(state.notifications, {
+                        component: action.component,
+                        props: action.props,
+                        timeout: action.timeout,
+                        uid: action.uid
+                    })
+            };
+        }
+
+        return state;
+    });
+
+/**
+ * Creates a new notification queue with the passed in notification placed at
+ * the end of other notifications with higher or the same priority.
+ *
+ * @param {Object[]} notifications - The queue of notifications to be displayed.
+ * @param {Object} notification - The new notification to add to the queue.
+ * @private
+ * @returns {Object[]} A new array with an updated order of the notification
+ * queue.
+ */
+function _insertNotificationByPriority(notifications: INotification[], notification: INotification) {
+
+    // Create a copy to avoid mutation.
+    const copyOfNotifications = notifications.slice();
+
+    // Get the index of any queued notification that has the same id as the new notification
+    let insertAtLocation = copyOfNotifications.findIndex(
+            (queuedNotification: INotification) =>
+                queuedNotification?.uid === notification?.uid
+    );
+
+    if (insertAtLocation !== -1) {
+        copyOfNotifications.splice(insertAtLocation, 1, notification);
+
+        return copyOfNotifications;
+    }
+
+    const newNotificationPriority
+        = NOTIFICATION_TYPE_PRIORITIES[notification.props.appearance ?? ''] || 0;
+
+    // Find where to insert the new notification based on priority. Do not
+    // insert at the front of the queue so that the user can finish acting on
+    // any notification currently being read.
+    for (let i = 1; i < notifications.length; i++) {
+        const queuedNotification = notifications[i];
+        const queuedNotificationPriority
+            = NOTIFICATION_TYPE_PRIORITIES[queuedNotification.props.appearance ?? '']
+            || 0;
+
+        if (queuedNotificationPriority < newNotificationPriority) {
+            insertAtLocation = i;
+            break;
+        }
+    }
+
+    copyOfNotifications.splice(insertAtLocation, 0, notification);
+
+    return copyOfNotifications;
+}
diff --git a/react/features/notifications/types.ts b/react/features/notifications/types.ts
new file mode 100644
index 0000000..224077d
--- /dev/null
+++ b/react/features/notifications/types.ts
@@ -0,0 +1,23 @@
+import React from 'react';
+
+export interface INotificationProps {
+    appearance?: string;
+    concatText?: boolean;
+    customActionHandler?: Function[];
+    customActionNameKey?: string[];
+    customActionType?: string[];
+    description?: string | React.ReactNode;
+    descriptionArguments?: Object;
+    descriptionKey?: string;
+    disableClosing?: boolean;
+    hideErrorSupportLink?: boolean;
+    icon?: string;
+    maxLines?: number;
+    sticky?: boolean;
+    title?: string;
+    titleArguments?: {
+        [key: string]: string | number;
+    };
+    titleKey?: string;
+    uid?: string;
+}
diff --git a/react/features/old-client-notification/components/OldElectronAPPNotificationDescription.tsx b/react/features/old-client-notification/components/OldElectronAPPNotificationDescription.tsx
new file mode 100644
index 0000000..e61cffc
--- /dev/null
+++ b/react/features/old-client-notification/components/OldElectronAPPNotificationDescription.tsx
@@ -0,0 +1,37 @@
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+
+import { translate } from '../../base/i18n/functions';
+
+/**
+ * A component that renders the description of the notification for old Jitsi Meet Electron clients.
+ *
+ * @augments AbstractApp
+ */
+export class OldElectronAPPNotificationDescription extends Component<WithTranslation> {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { t } = this.props;
+
+        return (
+            <div>
+                { t('notify.oldElectronClientDescription1') }
+                <a
+                    href = 'https://github.com/jitsi/jitsi-meet-electron/releases/latest'
+                    rel = 'noopener noreferrer'
+                    target = '_blank'>
+                    { t('notify.oldElectronClientDescription2') }
+                </a>
+                { t('notify.oldElectronClientDescription3') }
+            </div>
+        );
+    }
+
+}
+
+export default translate(OldElectronAPPNotificationDescription);
diff --git a/react/features/old-client-notification/functions.ts b/react/features/old-client-notification/functions.ts
new file mode 100644
index 0000000..e1598a2
--- /dev/null
+++ b/react/features/old-client-notification/functions.ts
@@ -0,0 +1,27 @@
+import { browser } from '../base/lib-jitsi-meet';
+
+/**
+ * Returns true if Jitsi Meet is running in too old jitsi-meet-electron app and false otherwise.
+ *
+ * @returns {boolean} - True if Jitsi Meet is running in too old jitsi-meet-electron app and false otherwise.
+ */
+export function isOldJitsiMeetElectronApp() {
+    if (!browser.isElectron()) {
+        return false;
+    }
+
+    // @ts-ignore
+    const match = navigator.userAgent.match(/(JitsiMeet)\s*\/\s*((\d+)\.[^\s]*)/);
+
+    if (!Array.isArray(match) || match.length < 3) {
+        return false;
+    }
+
+    const majorVersion = Number(match[3]);
+
+    if (isNaN(majorVersion) || majorVersion >= 2022) {
+        return false;
+    }
+
+    return true;
+}
diff --git a/react/features/old-client-notification/middleware.tsx b/react/features/old-client-notification/middleware.tsx
new file mode 100644
index 0000000..48da757
--- /dev/null
+++ b/react/features/old-client-notification/middleware.tsx
@@ -0,0 +1,41 @@
+import React from 'react';
+import { AnyAction } from 'redux';
+
+import { IStore } from '../app/types';
+import { APP_WILL_MOUNT } from '../base/app/actionTypes';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { showErrorNotification } from '../notifications/actions';
+
+import OldElectronAPPNotificationDescription from './components/OldElectronAPPNotificationDescription';
+import { isOldJitsiMeetElectronApp } from './functions';
+
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case APP_WILL_MOUNT:
+        return _appWillMount(store, next, action);
+    }
+
+    return next(action);
+});
+
+/**
+ * Notifies the feature that the action {@link APP_WILL_MOUNT} has being dispatched.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action} is being dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the specified {@code action}.
+ * @param {Action} action - The redux action {@code APP_WILL_MOUNT} which is being dispatched.
+ * @private
+ * @returns {Object} The new state that is the result of the reduction of the specified {@code action}.
+ */
+function _appWillMount(store: IStore, next: Function, action: AnyAction) {
+    if (isOldJitsiMeetElectronApp()) {
+        const { dispatch } = store;
+
+        dispatch(showErrorNotification({
+            titleKey: 'notify.OldElectronAPPTitle',
+            description: <OldElectronAPPNotificationDescription />
+        }));
+    }
+
+    return next(action);
+}
diff --git a/react/features/overlay/actions.native.ts b/react/features/overlay/actions.native.ts
new file mode 100644
index 0000000..3082159
--- /dev/null
+++ b/react/features/overlay/actions.native.ts
@@ -0,0 +1,21 @@
+import { ConnectionFailedError } from '../base/connection/types';
+import { openDialog } from '../base/dialog/actions';
+import PageReloadDialog from '../base/dialog/components/native/PageReloadDialog';
+
+
+/**
+ * Opens {@link PageReloadDialog}.
+ *
+ * @param {Error} conferenceError - The conference error that caused the reload.
+ * @param {Error} configError - The conference error that caused the reload.
+ * @param {Error} connectionError - The conference error that caused the reload.
+ * @returns {Function}
+ */
+export function openPageReloadDialog(
+        conferenceError?: Error, configError?: Error, connectionError?: ConnectionFailedError) {
+    return openDialog('PageReloadDialog', PageReloadDialog, {
+        conferenceError,
+        configError,
+        connectionError
+    });
+}
diff --git a/react/features/overlay/actions.web.ts b/react/features/overlay/actions.web.ts
new file mode 100644
index 0000000..3c7a422
--- /dev/null
+++ b/react/features/overlay/actions.web.ts
@@ -0,0 +1,13 @@
+
+/**
+ * Opens {@link PageReloadDialog}.
+ *
+ * @param {any} _dummy1 - N/A for web.
+ * @param {any} _dummy2 - N/A for web.
+ * @param {any} _dummy3 - N/A for web.
+ *
+ * @returns {Function}
+ */
+export function openPageReloadDialog(_dummy1: any, _dummy2: any, _dummy3: any): any {
+    // Dummy
+}
diff --git a/react/features/overlay/components/web/AbstractPageReloadOverlay.tsx b/react/features/overlay/components/web/AbstractPageReloadOverlay.tsx
new file mode 100644
index 0000000..2a61c7e
--- /dev/null
+++ b/react/features/overlay/components/web/AbstractPageReloadOverlay.tsx
@@ -0,0 +1,281 @@
+// @ts-expect-error
+import { randomInt } from '@jitsi/js-utils/random';
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+
+import { createPageReloadScheduledEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { reloadNow } from '../../../app/actions.web';
+import { IReduxState, IStore } from '../../../app/types';
+import {
+    isFatalJitsiConferenceError,
+    isFatalJitsiConnectionError
+} from '../../../base/lib-jitsi-meet/functions.web';
+import logger from '../../logger';
+
+import ReloadButton from './ReloadButton';
+
+/**
+ * The type of the React {@code Component} props of
+ * {@link AbstractPageReloadOverlay}.
+ */
+export interface IProps extends WithTranslation {
+
+    /**
+     * The details is an object containing more information about the connection
+     * failed (shard changes, was the computer suspended, etc.).
+     */
+    details?: Object;
+
+    /**
+     * Redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * The error that caused the display of the overlay.
+     */
+    error?: any;
+
+    /**
+     * The indicator which determines whether the reload was caused by network
+     * failure.
+     */
+    isNetworkFailure: boolean;
+
+    /**
+     * The reason for the error that will cause the reload.
+     * NOTE: Used by PageReloadOverlay only.
+     */
+    reason?: string;
+}
+
+/**
+ * The type of the React {@code Component} state of
+ * {@link AbstractPageReloadOverlay}.
+ */
+interface IState {
+
+    /**
+     * The translation key for the title of the overlay.
+     */
+    message: string;
+
+    /**
+     * Current value(time) of the timer.
+     */
+    timeLeft: number;
+
+    /**
+     * How long the overlay dialog will be displayed before the conference will
+     * be reloaded.
+     */
+    timeoutSeconds: number;
+
+    /**
+     * The translation key for the title of the overlay.
+     */
+    title: string;
+}
+
+/**
+ * Implements an abstract React {@link Component} for the page reload overlays.
+ *
+ * FIXME: This is not really an abstract class as some components and functions are very web specific.
+ */
+export default class AbstractPageReloadOverlay<P extends IProps>
+    extends Component<P, IState> {
+
+    /**
+     * Determines whether this overlay needs to be rendered (according to a
+     * specific redux state). Called by {@link OverlayContainer}.
+     *
+     * @param {Object} state - The redux state.
+     * @returns {boolean} - If this overlay needs to be rendered, {@code true};
+     * {@code false}, otherwise.
+     */
+    static needsRender(state: IReduxState) {
+        const { error: conferenceError } = state['features/base/conference'];
+        const { error: configError } = state['features/base/config'];
+        const { error: connectionError } = state['features/base/connection'];
+
+        const jitsiConnectionError
+            = connectionError && isFatalJitsiConnectionError(connectionError);
+        const jitsiConferenceError
+            = conferenceError && isFatalJitsiConferenceError(conferenceError);
+
+        return jitsiConnectionError || jitsiConferenceError || configError;
+    }
+
+    _interval: number | undefined;
+
+    /**
+     * Initializes a new AbstractPageReloadOverlay instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     * @public
+     */
+    constructor(props: P) {
+        super(props);
+
+        /**
+         * How long the overlay dialog will be displayed, before the conference
+         * will be reloaded.
+         *
+         * @type {number}
+         */
+        const timeoutSeconds = 10 + randomInt(0, 20);
+
+        let message, title;
+
+        if (this.props.isNetworkFailure) {
+            title = 'dialog.conferenceDisconnectTitle';
+            message = 'dialog.conferenceDisconnectMsg';
+        } else {
+            title = 'dialog.conferenceReloadTitle';
+            message = 'dialog.conferenceReloadMsg';
+        }
+
+        this.state = {
+            message,
+            timeLeft: timeoutSeconds,
+            timeoutSeconds,
+            title
+        };
+    }
+
+    /**
+     * React Component method that executes once component is mounted.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidMount() {
+        // FIXME: We should dispatch action for this.
+        if (typeof APP !== 'undefined' && APP.conference?._room) {
+            APP.conference._room.sendApplicationLog(JSON.stringify({
+                name: 'page.reload',
+                label: this.props.reason
+            }));
+        }
+
+        sendAnalytics(createPageReloadScheduledEvent(
+            this.props.reason ?? '',
+            this.state.timeoutSeconds,
+            this.props.details));
+
+        logger.info(
+            `The conference will be reloaded after ${
+                this.state.timeoutSeconds} seconds.`);
+
+        this._interval
+            = window.setInterval(
+                () => {
+                    if (this.state.timeLeft === 0) {
+                        if (this._interval) {
+                            clearInterval(this._interval);
+                            this._interval = undefined;
+                        }
+
+                        this.props.dispatch(reloadNow());
+                    } else {
+                        this.setState(prevState => {
+                            return {
+                                timeLeft: prevState.timeLeft - 1
+                            };
+                        });
+                    }
+                },
+                1000);
+    }
+
+    /**
+     * Clears the timer interval.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentWillUnmount() {
+        if (this._interval) {
+            clearInterval(this._interval);
+            this._interval = undefined;
+        }
+    }
+
+    /**
+     * Renders the button for reloading the page if necessary.
+     *
+     * @protected
+     * @returns {ReactElement|null}
+     */
+    _renderButton() {
+        if (this.props.isNetworkFailure) {
+            return (
+                <ReloadButton textKey = 'dialog.rejoinNow' />
+            );
+        }
+
+        return null;
+    }
+
+    /**
+     * Renders the progress bar.
+     *
+     * @protected
+     * @returns {ReactElement}
+     */
+    _renderProgressBar() {
+        const { timeLeft, timeoutSeconds } = this.state;
+        const timeRemaining = timeoutSeconds - timeLeft;
+        const percentageComplete
+            = Math.floor((timeRemaining / timeoutSeconds) * 100);
+
+        return (
+            <div
+                className = 'progress-indicator'
+                id = 'reloadProgressBar'>
+                <div
+                    className = 'progress-indicator-fill'
+                    style = {{ width: `${percentageComplete}%` }} />
+            </div>
+        );
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated component's props.
+ *
+ * @param {Object} state - The redux state.
+ * @protected
+ * @returns {{
+ *     details: Object,
+ *     error: ?Error,
+ *     isNetworkFailure: boolean,
+ *     reason: string
+ * }}
+ */
+export function abstractMapStateToProps(state: IReduxState) {
+    const { error: configError } = state['features/base/config'];
+    const { error: connectionError } = state['features/base/connection'];
+    const { error: conferenceError } = state['features/base/conference'];
+    const error = configError || connectionError || conferenceError;
+    let reason;
+
+    if (conferenceError) {
+        reason = `error.conference.${conferenceError.name}`;
+    } else if (configError) {
+        reason = `error.config.${configError.name}`;
+    } else if (connectionError) {
+        reason = `error.connection.${connectionError.name}`;
+    } else {
+        logger.error('No reload reason defined!');
+    }
+
+    return {
+        details: undefined, // TODO: revisit this.
+        error,
+        isNetworkFailure: Boolean(configError || connectionError),
+        reason
+    };
+}
diff --git a/react/features/overlay/components/web/AbstractSuspendedOverlay.ts b/react/features/overlay/components/web/AbstractSuspendedOverlay.ts
new file mode 100644
index 0000000..e2351ec
--- /dev/null
+++ b/react/features/overlay/components/web/AbstractSuspendedOverlay.ts
@@ -0,0 +1,22 @@
+import { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+
+import { IReduxState } from '../../../app/types';
+
+/**
+ * Implements a React {@link Component} for suspended overlay. Shown when a
+ * suspend is detected.
+ */
+export default class AbstractSuspendedOverlay extends Component<WithTranslation> {
+    /**
+     * Determines whether this overlay needs to be rendered (according to a
+     * specific redux state). Called by {@link OverlayContainer}.
+     *
+     * @param {Object} state - The redux state.
+     * @returns {boolean} - If this overlay needs to be rendered, {@code true};
+     * {@code false}, otherwise.
+     */
+    static needsRender(state: IReduxState) {
+        return state['features/power-monitor']?.suspendDetected;
+    }
+}
diff --git a/react/features/overlay/components/web/OverlayContainer.tsx b/react/features/overlay/components/web/OverlayContainer.tsx
new file mode 100644
index 0000000..72ae926
--- /dev/null
+++ b/react/features/overlay/components/web/OverlayContainer.tsx
@@ -0,0 +1,59 @@
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { getOverlayToRender } from '../../functions.web';
+
+
+/**
+ * The type of the React {@link Component} props of {@code OverlayContainer}.
+ */
+interface IProps {
+
+    /**
+     * The React {@link Component} type of overlay to be rendered by the
+     * associated {@code OverlayContainer}.
+     */
+    overlay: any;
+}
+
+/**
+ * Implements a React {@link Component} that will display the correct overlay
+ * when needed.
+ */
+class OverlayContainer extends Component<IProps> {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @public
+     * @returns {ReactElement|null}
+     */
+    override render() {
+        const { overlay } = this.props;
+
+        return overlay ? React.createElement(overlay, {}) : null;
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated {@code OverlayContainer}'s
+ * props.
+ *
+ * @param {Object} state - The redux state.
+ * @private
+ * @returns {{
+ *     overlay: ?Object
+ * }}
+ */
+function _mapStateToProps(state: IReduxState) {
+    return {
+        /**
+         * The React {@link Component} type of overlay to be rendered by the
+         * associated {@code OverlayContainer}.
+         */
+        overlay: getOverlayToRender(state)
+    };
+}
+
+export default connect(_mapStateToProps)(OverlayContainer);
diff --git a/react/features/overlay/components/web/OverlayFrame.tsx b/react/features/overlay/components/web/OverlayFrame.tsx
new file mode 100644
index 0000000..7b2dab0
--- /dev/null
+++ b/react/features/overlay/components/web/OverlayFrame.tsx
@@ -0,0 +1,49 @@
+import React, { Component, ReactNode } from 'react';
+
+/**
+ * The type of the React {@code Component} props of {@link OverlayFrame}.
+ */
+interface IProps {
+
+    /**
+     * The children components to be displayed into the overlay frame.
+     */
+    children: ReactNode;
+
+    /**
+     * Indicates the css style of the overlay. If true, then lighter; darker,
+     * otherwise.
+     */
+    isLightOverlay?: boolean;
+
+    /**
+     * The style property.
+     */
+    style?: Object;
+}
+
+/**
+ * Implements a React {@link Component} for the frame of the overlays.
+ */
+export default class OverlayFrame extends Component<IProps> {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement|null}
+     */
+    override render() {
+        return (
+            <div
+                className = { this.props.isLightOverlay ? 'overlay__container-light' : 'overlay__container' }
+                id = 'overlay'
+                style = { this.props.style }>
+                <div className = { 'overlay__content' }>
+                    {
+                        this.props.children
+                    }
+                </div>
+            </div>
+        );
+    }
+}
diff --git a/react/features/overlay/components/web/PageReloadOverlay.tsx b/react/features/overlay/components/web/PageReloadOverlay.tsx
new file mode 100644
index 0000000..3ed7b8d
--- /dev/null
+++ b/react/features/overlay/components/web/PageReloadOverlay.tsx
@@ -0,0 +1,55 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import { translate } from '../../../base/i18n/functions';
+
+import AbstractPageReloadOverlay, {
+    IProps,
+    abstractMapStateToProps
+} from './AbstractPageReloadOverlay';
+import OverlayFrame from './OverlayFrame';
+
+/**
+ * Implements a React Component for page reload overlay. Shown before the
+ * conference is reloaded. Shows a warning message and counts down towards the
+ * reload.
+ */
+class PageReloadOverlay extends AbstractPageReloadOverlay<IProps> {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { isNetworkFailure, t } = this.props;
+        const { message, timeLeft, title } = this.state;
+
+        return (
+            <OverlayFrame isLightOverlay = { isNetworkFailure }>
+                <div
+                    aria-describedby = 'reload_overlay_text'
+                    aria-labelledby = 'reload_overlay_title'
+                    className = 'inlay'
+                    role = 'dialog'>
+                    <span
+                        aria-level = { 1 }
+                        className = 'reload_overlay_title'
+                        id = 'reload_overlay_title'
+                        role = 'heading'>
+                        { t(title) }
+                    </span>
+                    <span
+                        className = 'reload_overlay_text'
+                        id = 'reload_overlay_text'>
+                        { t(message, { seconds: timeLeft }) }
+                    </span>
+                    { this._renderProgressBar() }
+                    { this._renderButton() }
+                </div>
+            </OverlayFrame>
+        );
+    }
+}
+
+export default translate(connect(abstractMapStateToProps)(PageReloadOverlay));
diff --git a/react/features/overlay/components/web/ReloadButton.tsx b/react/features/overlay/components/web/ReloadButton.tsx
new file mode 100644
index 0000000..de4c195
--- /dev/null
+++ b/react/features/overlay/components/web/ReloadButton.tsx
@@ -0,0 +1,43 @@
+import React, { useCallback } from 'react';
+import { useDispatch } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { reloadNow } from '../../../app/actions.web';
+import Button from '../../../base/ui/components/web/Button';
+
+/**
+ * The type of the React {@code Component} props of {@link ReloadButton}.
+ */
+interface IProps {
+
+    /**
+     * The translation key for the text in the button.
+     */
+    textKey: string;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        button: {
+            margin: `${theme.spacing(2)} auto 0`
+        }
+    };
+});
+
+const ReloadButton = ({ textKey }: IProps) => {
+    const dispatch = useDispatch();
+    const { classes } = useStyles();
+
+    const onClick = useCallback(() => {
+        dispatch(reloadNow());
+    }, []);
+
+    return (
+        <Button
+            className = { classes.button }
+            labelKey = { textKey }
+            onClick = { onClick } />
+    );
+};
+
+export default ReloadButton;
diff --git a/react/features/overlay/components/web/SuspendedOverlay.tsx b/react/features/overlay/components/web/SuspendedOverlay.tsx
new file mode 100644
index 0000000..570b911
--- /dev/null
+++ b/react/features/overlay/components/web/SuspendedOverlay.tsx
@@ -0,0 +1,39 @@
+import React from 'react';
+
+import { translate } from '../../../base/i18n/functions';
+
+import AbstractSuspendedOverlay from './AbstractSuspendedOverlay';
+import OverlayFrame from './OverlayFrame';
+import ReloadButton from './ReloadButton';
+
+/**
+ * Implements a React Component for suspended overlay. Shown when a suspend is
+ * detected.
+ */
+class SuspendedOverlay extends AbstractSuspendedOverlay {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { t } = this.props;
+
+        return (
+            <OverlayFrame>
+                <div className = 'inlay'>
+                    <span className = 'inlay__icon icon-microphone' />
+                    <span className = 'inlay__icon icon-camera' />
+                    <h3
+                        className = 'inlay__title'>
+                        { t('suspendedoverlay.title') }
+                    </h3>
+                    <ReloadButton textKey = 'suspendedoverlay.rejoinKeyTitle' />
+                </div>
+            </OverlayFrame>
+        );
+    }
+}
+
+export default translate(SuspendedOverlay);
diff --git a/react/features/overlay/functions.web.ts b/react/features/overlay/functions.web.ts
new file mode 100644
index 0000000..ef0b210
--- /dev/null
+++ b/react/features/overlay/functions.web.ts
@@ -0,0 +1,30 @@
+import { IReduxState } from '../app/types';
+
+import PageReloadOverlay from './components/web/PageReloadOverlay';
+import SuspendedOverlay from './components/web/SuspendedOverlay';
+
+/**
+ * Returns the overlay to be currently rendered.
+ *
+ * @param {IReduxState} state - The Redux state.
+ * @returns {?React$ComponentType<*>}
+ */
+export function getOverlayToRender(state: IReduxState) {
+    const overlays = [
+        PageReloadOverlay,
+        SuspendedOverlay
+    ];
+
+    for (const overlay of overlays) {
+        // react-i18n / react-redux wrap components and thus we cannot access
+        // the wrapped component's static methods directly.
+        // @ts-ignore
+        const component = overlay.WrappedComponent || overlay;
+
+        if (component.needsRender(state)) {
+            return overlay;
+        }
+    }
+
+    return undefined;
+}
diff --git a/react/features/overlay/logger.ts b/react/features/overlay/logger.ts
new file mode 100644
index 0000000..83297cf
--- /dev/null
+++ b/react/features/overlay/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:overlay');
diff --git a/react/features/overlay/middleware.ts b/react/features/overlay/middleware.ts
new file mode 100644
index 0000000..63df85b
--- /dev/null
+++ b/react/features/overlay/middleware.ts
@@ -0,0 +1,130 @@
+import { IStore } from '../app/types';
+import { JitsiConferenceErrors, JitsiConnectionErrors } from '../base/lib-jitsi-meet';
+import {
+    isFatalJitsiConferenceError,
+    isFatalJitsiConnectionError
+} from '../base/lib-jitsi-meet/functions.any';
+import StateListenerRegistry from '../base/redux/StateListenerRegistry';
+
+import { openPageReloadDialog } from './actions';
+import logger from './logger';
+
+/**
+ * Error type. Basically like Error, but augmented with a recoverable property.
+ */
+type ErrorType = {
+
+    /**
+     * Error message.
+     */
+    message?: string;
+
+    /**
+     * Error name.
+     */
+    name: string;
+
+    /**
+     * Indicates whether this event is recoverable or not.
+     */
+    recoverable?: boolean;
+};
+
+/**
+ * List of errors that are not fatal (or handled differently) so then the page reload dialog won't kick in.
+ */
+const RN_NO_RELOAD_DIALOG_ERRORS = [
+    JitsiConnectionErrors.NOT_LIVE_ERROR,
+    JitsiConnectionErrors.SHARD_CHANGED_ERROR,
+    JitsiConferenceErrors.CONFERENCE_ACCESS_DENIED,
+    JitsiConferenceErrors.CONFERENCE_DESTROYED,
+    JitsiConferenceErrors.CONNECTION_ERROR,
+    JitsiConferenceErrors.CONFERENCE_RESTARTED
+];
+
+const ERROR_TYPES = {
+    CONFIG: 'CONFIG',
+    CONNECTION: 'CONNECTION',
+    CONFERENCE: 'CONFERENCE'
+};
+
+/**
+ * Gets the error type and whether it's fatal or not.
+ *
+ * @param {Object} state - The redux state.
+ * @param {Object|string} error - The error to process.
+ * @returns {void}
+ */
+const getErrorExtraInfo = (state: any, error: ErrorType) => {
+    const { error: conferenceError } = state['features/base/conference'];
+    const { error: configError } = state['features/base/config'];
+    const { error: connectionError } = state['features/base/connection'];
+
+    if (error === conferenceError) {
+        return {
+            type: ERROR_TYPES.CONFERENCE, // @ts-ignore
+            isFatal: isFatalJitsiConferenceError(error.name || error)
+        };
+    }
+
+    if (error === configError) {
+        return {
+            type: ERROR_TYPES.CONFIG,
+            isFatal: true
+        };
+    }
+
+    if (error === connectionError) {
+        return {
+            type: ERROR_TYPES.CONNECTION, // @ts-ignore
+            isFatal: isFatalJitsiConnectionError(error.name || error)
+        };
+    }
+};
+
+/**
+ * State listener which emits the {@code fatalErrorOccurred} action which works
+ * as a catch all for critical errors which have not been claimed by any other
+ * feature for error recovery (the recoverable flag is not set).
+ */
+StateListenerRegistry.register(
+    /* selector */ state => {
+        const { error: conferenceError } = state['features/base/conference'];
+        const { error: configError } = state['features/base/config'];
+        const { error: connectionError } = state['features/base/connection'];
+
+        return configError || connectionError || conferenceError;
+    },
+    /* listener */ (error: ErrorType, store: IStore) => {
+        if (!error) {
+            return;
+        }
+
+        const state = store.getState();
+
+        // eslint-disable-next-line no-negated-condition
+        if (typeof APP !== 'undefined') {
+            APP.API.notifyError({
+                ...error,
+                ...getErrorExtraInfo(state, error)
+            });
+        } else if (RN_NO_RELOAD_DIALOG_ERRORS.indexOf(error.name) === -1 && typeof error.recoverable === 'undefined') {
+            const { error: conferenceError } = state['features/base/conference'];
+            const { error: configError } = state['features/base/config'];
+            const { error: connectionError } = state['features/base/connection'];
+            const conferenceState = state['features/base/conference'];
+
+            if (conferenceState.leaving) {
+                logger.info(`Ignoring ${error.name} while leaving conference`);
+
+                return;
+            }
+
+            setTimeout(() => {
+                logger.info(`Reloading due to error: ${error.name}`, error);
+
+                store.dispatch(openPageReloadDialog(conferenceError, configError, connectionError));
+            }, 500);
+        }
+    }
+);
diff --git a/react/features/participants-pane/actionTypes.ts b/react/features/participants-pane/actionTypes.ts
new file mode 100644
index 0000000..fe7ed5f
--- /dev/null
+++ b/react/features/participants-pane/actionTypes.ts
@@ -0,0 +1,14 @@
+/**
+ * Action type to signal the closing of the participants pane.
+ */
+export const PARTICIPANTS_PANE_CLOSE = 'PARTICIPANTS_PANE_CLOSE';
+
+/**
+ * Action type to signal the opening of the participants pane.
+ */
+export const PARTICIPANTS_PANE_OPEN = 'PARTICIPANTS_PANE_OPEN';
+
+/**
+ * Action type to set the volume of the participant.
+ */
+export const SET_VOLUME = 'SET_VOLUME';
diff --git a/react/features/participants-pane/actions.any.ts b/react/features/participants-pane/actions.any.ts
new file mode 100644
index 0000000..4c23d46
--- /dev/null
+++ b/react/features/participants-pane/actions.any.ts
@@ -0,0 +1,12 @@
+import { PARTICIPANTS_PANE_CLOSE } from './actionTypes';
+
+/**
+ * Action to close the participants pane.
+ *
+ * @returns {Object}
+ */
+export const close = () => {
+    return {
+        type: PARTICIPANTS_PANE_CLOSE
+    };
+};
diff --git a/react/features/participants-pane/actions.native.ts b/react/features/participants-pane/actions.native.ts
new file mode 100644
index 0000000..0574cdb
--- /dev/null
+++ b/react/features/participants-pane/actions.native.ts
@@ -0,0 +1,105 @@
+/* eslint-disable lines-around-comment */
+import { IStore } from '../app/types';
+import { openSheet } from '../base/dialog/actions';
+import { navigate }
+    from '../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
+import { screen } from '../mobile/navigation/routes';
+import ConnectionStatusComponent
+    from '../video-menu/components/native/ConnectionStatusComponent';
+// @ts-ignore
+import LocalVideoMenu from '../video-menu/components/native/LocalVideoMenu';
+// @ts-ignore
+import RemoteVideoMenu from '../video-menu/components/native/RemoteVideoMenu';
+// @ts-ignore
+import SharedVideoMenu from '../video-menu/components/native/SharedVideoMenu';
+
+import { PARTICIPANTS_PANE_OPEN, SET_VOLUME } from './actionTypes';
+import RoomParticipantMenu from './components/native/RoomParticipantMenu';
+
+export * from './actions.any';
+
+/**
+ * Displays the connection status for the local meeting participant.
+ *
+ * @param {string} participantID - The selected meeting participant id.
+ * @returns {Function}
+ */
+export function showConnectionStatus(participantID: string) {
+    return openSheet(ConnectionStatusComponent, { participantID });
+}
+
+/**
+ * Displays the context menu for the selected meeting participant.
+ *
+ * @param {string} participantId - The ID of the selected meeting participant.
+ * @param {boolean} local - Whether the participant is local or not.
+ * @returns {Function}
+ */
+export function showContextMenuDetails(participantId: string, local = false) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const { remoteVideoMenu } = getState()['features/base/config'];
+
+        if (local) {
+            dispatch(openSheet(LocalVideoMenu));
+        } else if (!remoteVideoMenu?.disabled) {
+            dispatch(openSheet(RemoteVideoMenu, { participantId }));
+        }
+    };
+}
+
+/**
+ * Displays the shared video menu.
+ *
+ * @param {string} participantId - The ID of the selected meeting participant.
+ * @returns {Function}
+ */
+export function showSharedVideoMenu(participantId: string) {
+    return openSheet(SharedVideoMenu, { participantId });
+}
+
+/**
+ * Sets the volume.
+ *
+ * @param {string} participantId - The participant ID associated with the audio.
+ * @param {string} volume - The volume level.
+ * @returns {{
+ *     type: SET_VOLUME,
+ *     participantId: string,
+ *     volume: number
+ * }}
+ */
+export function setVolume(participantId: string, volume: number) {
+    return {
+        type: SET_VOLUME,
+        participantId,
+        volume
+    };
+}
+
+/**
+ * Displays the breakout room participant menu.
+ *
+ * @param {Object} room - The room the participant is in.
+ * @param {string} participantJid - The jid of the participant.
+ * @param {string} participantName - The display name of the participant.
+ * @returns {Function}
+ */
+export function showRoomParticipantMenu(room: Object, participantJid: string, participantName: string) {
+    // @ts-ignore
+    return openSheet(RoomParticipantMenu, { room,
+        participantJid,
+        participantName });
+}
+
+/**
+ * Action to open the participants pane.
+ *
+ * @returns {Object}
+ */
+export const open = () => {
+    navigate(screen.conference.participants);
+
+    return {
+        type: PARTICIPANTS_PANE_OPEN
+    };
+};
diff --git a/react/features/participants-pane/actions.web.ts b/react/features/participants-pane/actions.web.ts
new file mode 100644
index 0000000..bbe2ee7
--- /dev/null
+++ b/react/features/participants-pane/actions.web.ts
@@ -0,0 +1,14 @@
+import { PARTICIPANTS_PANE_OPEN } from './actionTypes';
+
+export * from './actions.any';
+
+/**
+ * Action to open the participants pane.
+ *
+ * @returns {Object}
+ */
+export const open = () => {
+    return {
+        type: PARTICIPANTS_PANE_OPEN
+    };
+};
diff --git a/react/features/participants-pane/components/breakout-rooms/components/web/AddBreakoutRoomButton.tsx b/react/features/participants-pane/components/breakout-rooms/components/web/AddBreakoutRoomButton.tsx
new file mode 100644
index 0000000..6fc7042
--- /dev/null
+++ b/react/features/participants-pane/components/breakout-rooms/components/web/AddBreakoutRoomButton.tsx
@@ -0,0 +1,36 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import Button from '../../../../../base/ui/components/web/Button';
+import { BUTTON_TYPES } from '../../../../../base/ui/constants.web';
+import { createBreakoutRoom } from '../../../../../breakout-rooms/actions';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        button: {
+            marginTop: theme.spacing(3)
+        }
+    };
+});
+
+export const AddBreakoutRoomButton = () => {
+    const { classes } = useStyles();
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+
+    const onAdd = useCallback(() =>
+        dispatch(createBreakoutRoom())
+    , [ dispatch ]);
+
+    return (
+        <Button
+            accessibilityLabel = { t('breakoutRooms.actions.add') }
+            className = { classes.button }
+            fullWidth = { true }
+            labelKey = { 'breakoutRooms.actions.add' }
+            onClick = { onAdd }
+            type = { BUTTON_TYPES.SECONDARY } />
+    );
+};
diff --git a/react/features/participants-pane/components/breakout-rooms/components/web/AutoAssignButton.tsx b/react/features/participants-pane/components/breakout-rooms/components/web/AutoAssignButton.tsx
new file mode 100644
index 0000000..3688635
--- /dev/null
+++ b/react/features/participants-pane/components/breakout-rooms/components/web/AutoAssignButton.tsx
@@ -0,0 +1,30 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch } from 'react-redux';
+
+import Button from '../../../../../base/ui/components/web/Button';
+import { BUTTON_TYPES } from '../../../../../base/ui/constants.web';
+import { autoAssignToBreakoutRooms } from '../../../../../breakout-rooms/actions';
+
+interface IProps {
+    className?: string;
+}
+
+export const AutoAssignButton = ({ className }: IProps) => {
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+
+    const onAutoAssign = useCallback(() => {
+        dispatch(autoAssignToBreakoutRooms());
+    }, [ dispatch ]);
+
+    return (
+        <Button
+            accessibilityLabel = { t('breakoutRooms.actions.autoAssign') }
+            className = { className }
+            fullWidth = { true }
+            labelKey = { 'breakoutRooms.actions.autoAssign' }
+            onClick = { onAutoAssign }
+            type = { BUTTON_TYPES.TERTIARY } />
+    );
+};
diff --git a/react/features/participants-pane/components/breakout-rooms/components/web/BreakoutRoomNamePrompt.tsx b/react/features/participants-pane/components/breakout-rooms/components/web/BreakoutRoomNamePrompt.tsx
new file mode 100644
index 0000000..5c5a545
--- /dev/null
+++ b/react/features/participants-pane/components/breakout-rooms/components/web/BreakoutRoomNamePrompt.tsx
@@ -0,0 +1,47 @@
+import React, { useCallback, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch } from 'react-redux';
+
+import Dialog from '../../../../../base/ui/components/web/Dialog';
+import Input from '../../../../../base/ui/components/web/Input';
+import { renameBreakoutRoom } from '../../../../../breakout-rooms/actions';
+import { IBreakoutRoomNamePromptProps as IProps } from '../../../../types';
+
+/**
+ * Implements a React {@code Component} for displaying a dialog with an field
+ * for setting a breakout room's name.
+ *
+ * @param {IProps} props - The props of the component.
+ * @returns {JSX.Element}
+ */
+export default function BreakoutRoomNamePrompt({ breakoutRoomJid, initialRoomName }: IProps) {
+    const [ roomName, setRoomName ] = useState(initialRoomName?.trim());
+    const { t } = useTranslation();
+    const okDisabled = !roomName;
+    const dispatch = useDispatch();
+    const onBreakoutRoomNameChange = useCallback((newRoomName: string) => {
+        setRoomName(newRoomName);
+    }, [ setRoomName ]);
+    const onSubmit = useCallback(() => {
+        dispatch(renameBreakoutRoom(breakoutRoomJid, roomName?.trim()));
+    }, [ breakoutRoomJid, dispatch, roomName ]);
+
+    return (<Dialog
+        ok = {{
+            disabled: okDisabled,
+            translationKey: 'dialog.Ok'
+        }}
+        onSubmit = { onSubmit }
+        titleKey = 'dialog.renameBreakoutRoomTitle'>
+        <Input
+            autoFocus = { true }
+            className = 'dialog-bottom-margin'
+            id = 'breakout-rooms-name-input'
+            label = { t('dialog.renameBreakoutRoomLabel') }
+            name = 'breakoutRoomName'
+            onChange = { onBreakoutRoomNameChange }
+            type = 'text'
+            value = { roomName } />
+    </Dialog>);
+}
+
diff --git a/react/features/participants-pane/components/breakout-rooms/components/web/CollapsibleRoom.tsx b/react/features/participants-pane/components/breakout-rooms/components/web/CollapsibleRoom.tsx
new file mode 100644
index 0000000..243ac3a
--- /dev/null
+++ b/react/features/participants-pane/components/breakout-rooms/components/web/CollapsibleRoom.tsx
@@ -0,0 +1,195 @@
+import React, { useCallback, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState } from '../../../../../app/types';
+import Icon from '../../../../../base/icons/components/Icon';
+import { IconArrowDown, IconArrowUp } from '../../../../../base/icons/svg';
+import { isLocalParticipantModerator } from '../../../../../base/participants/functions';
+import ListItem from '../../../../../base/ui/components/web/ListItem';
+import { IRoom } from '../../../../../breakout-rooms/types';
+import { showOverflowDrawer } from '../../../../../toolbox/functions.web';
+import { ACTION_TRIGGER } from '../../../../constants';
+import { participantMatchesSearch } from '../../../../functions';
+import ParticipantActionEllipsis from '../../../web/ParticipantActionEllipsis';
+import ParticipantItem from '../../../web/ParticipantItem';
+
+interface IProps {
+
+    /**
+     * Type of trigger for the breakout room actions.
+     */
+    actionsTrigger?: string;
+
+    /**
+     * React children.
+     */
+    children: React.ReactNode;
+
+    /**
+     * Is this item highlighted/raised.
+     */
+    isHighlighted?: boolean;
+
+    /**
+     * Callback for when the mouse leaves this component.
+     */
+    onLeave?: (e?: React.MouseEvent) => void;
+
+    /**
+     * Callback to raise menu. Used to raise menu on mobile long press.
+     */
+    onRaiseMenu: Function;
+
+    /**
+     * The raise context for the participant menu.
+     */
+    participantContextEntity?: {
+        jid: string;
+        participantName: string;
+        room: IRoom;
+    };
+
+    /**
+     * Callback to raise participant context menu.
+     */
+    raiseParticipantContextMenu: Function;
+
+    /**
+     * Room reference.
+     */
+    room: {
+        id: string;
+        name: string;
+        participants: {
+            [jid: string]: {
+                displayName: string;
+                jid: string;
+            };
+        };
+    };
+
+    /**
+     * Participants search string.
+     */
+    searchString: string;
+
+    /**
+     * Toggles the room participant context menu.
+     */
+    toggleParticipantMenu: Function;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        container: {
+            boxShadow: 'none'
+        },
+
+        roomName: {
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+            ...theme.typography.bodyLongBold
+        },
+
+        arrowContainer: {
+            backgroundColor: theme.palette.ui03,
+            width: '24px',
+            height: '24px',
+            borderRadius: '6px',
+            marginRight: '16px',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            border: 'none'
+        }
+    };
+});
+
+export const CollapsibleRoom = ({
+    actionsTrigger = ACTION_TRIGGER.HOVER,
+    children,
+    isHighlighted,
+    onRaiseMenu,
+    onLeave,
+    participantContextEntity,
+    raiseParticipantContextMenu,
+    room,
+    searchString,
+    toggleParticipantMenu
+}: IProps) => {
+    const { t } = useTranslation();
+    const { classes: styles, cx } = useStyles();
+    const [ collapsed, setCollapsed ] = useState(false);
+    const toggleCollapsed = useCallback(() => {
+        setCollapsed(!collapsed);
+    }, [ collapsed ]);
+    const raiseMenu = useCallback(target => {
+        onRaiseMenu(target);
+    }, [ onRaiseMenu ]);
+    const { defaultRemoteDisplayName } = useSelector((state: IReduxState) => state['features/base/config']);
+    const overflowDrawer: boolean = useSelector(showOverflowDrawer);
+    const moderator = useSelector(isLocalParticipantModerator);
+
+    const arrow = (<button
+        aria-label = { collapsed ? t('breakoutRooms.hideParticipantList', 'Hide participant list')
+            : t('breakoutRooms.showParticipantList', 'Show participant list')
+        }
+        className = { styles.arrowContainer }>
+        <Icon
+            size = { 14 }
+            src = { collapsed ? IconArrowDown : IconArrowUp } />
+    </button>);
+
+    const roomName = (<span className = { styles.roomName }>
+        {`${room.name || t('breakoutRooms.mainRoom')} (${Object.keys(room?.participants
+            || {}).length})`}
+    </span>);
+
+    const raiseParticipantMenu = useCallback(({ participantID, displayName }) => moderator
+    && raiseParticipantContextMenu({
+        room,
+        jid: participantID,
+        participantName: displayName
+    }), [ room, moderator ]);
+
+    return (<>
+        <ListItem
+            actions = { children }
+            className = { cx(styles.container, 'breakout-room-container') }
+            defaultName = { `${room.name || t('breakoutRooms.mainRoom')} (${Object.keys(room?.participants
+                || {}).length})` }
+            icon = { arrow }
+            isHighlighted = { isHighlighted }
+            onClick = { toggleCollapsed }
+            onLongPress = { raiseMenu }
+            onMouseLeave = { onLeave }
+            testId = { room.id }
+            textChildren = { roomName }
+            trigger = { actionsTrigger } />
+        {!collapsed && room?.participants
+            && Object.values(room?.participants || {}).map(p =>
+                participantMatchesSearch(p, searchString) && (
+                    <ParticipantItem
+                        actionsTrigger = { ACTION_TRIGGER.HOVER }
+                        displayName = { p.displayName || defaultRemoteDisplayName }
+                        isHighlighted = { participantContextEntity?.jid === p.jid }
+                        key = { p.jid }
+                        local = { false }
+                        openDrawerForParticipant = { raiseParticipantMenu }
+                        overflowDrawer = { overflowDrawer }
+                        participantID = { p.jid }>
+                        {!overflowDrawer && moderator && (
+                            <ParticipantActionEllipsis
+                                accessibilityLabel = { t('breakoutRoom.more') }
+                                onClick = { toggleParticipantMenu({ room,
+                                    jid: p.jid,
+                                    participantName: p.displayName }) } />
+                        )}
+                    </ParticipantItem>
+                ))
+        }
+    </>);
+};
diff --git a/react/features/participants-pane/components/breakout-rooms/components/web/JoinQuickActionButton.tsx b/react/features/participants-pane/components/breakout-rooms/components/web/JoinQuickActionButton.tsx
new file mode 100644
index 0000000..d4dad40
--- /dev/null
+++ b/react/features/participants-pane/components/breakout-rooms/components/web/JoinQuickActionButton.tsx
@@ -0,0 +1,52 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { createBreakoutRoomsEvent } from '../../../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../../../analytics/functions';
+import Button from '../../../../../base/ui/components/web/Button';
+import { moveToRoom } from '../../../../../breakout-rooms/actions';
+
+interface IProps {
+
+    /**
+     * The room to join.
+     */
+    room: {
+        id: string;
+        jid: string;
+    };
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        button: {
+            marginRight: theme.spacing(2)
+        }
+    };
+});
+
+const JoinActionButton = ({ room }: IProps) => {
+    const { classes: styles } = useStyles();
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+
+    const onJoinRoom = useCallback(e => {
+        e.stopPropagation();
+        sendAnalytics(createBreakoutRoomsEvent('join'));
+        dispatch(moveToRoom(room.jid));
+    }, [ dispatch, room ]);
+
+    return (
+        <Button
+            accessibilityLabel = { t('breakoutRooms.actions.join') }
+            className = { styles.button }
+            labelKey = { 'breakoutRooms.actions.join' }
+            onClick = { onJoinRoom }
+            size = 'small'
+            testId = { `join-room-${room.id}` } />
+    );
+};
+
+export default JoinActionButton;
diff --git a/react/features/participants-pane/components/breakout-rooms/components/web/LeaveButton.tsx b/react/features/participants-pane/components/breakout-rooms/components/web/LeaveButton.tsx
new file mode 100644
index 0000000..368f336
--- /dev/null
+++ b/react/features/participants-pane/components/breakout-rooms/components/web/LeaveButton.tsx
@@ -0,0 +1,33 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch } from 'react-redux';
+
+import { createBreakoutRoomsEvent } from '../../../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../../../analytics/functions';
+import Button from '../../../../../base/ui/components/web/Button';
+import { BUTTON_TYPES } from '../../../../../base/ui/constants.web';
+import { moveToRoom } from '../../../../../breakout-rooms/actions';
+
+interface IProps {
+    className?: string;
+}
+
+export const LeaveButton = ({ className }: IProps) => {
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+
+    const onLeave = useCallback(() => {
+        sendAnalytics(createBreakoutRoomsEvent('leave'));
+        dispatch(moveToRoom());
+    }, [ dispatch ]);
+
+    return (
+        <Button
+            accessibilityLabel = { t('breakoutRooms.actions.leaveBreakoutRoom') }
+            className = { className }
+            fullWidth = { true }
+            labelKey = { 'breakoutRooms.actions.leaveBreakoutRoom' }
+            onClick = { onLeave }
+            type = { BUTTON_TYPES.DESTRUCTIVE } />
+    );
+};
diff --git a/react/features/participants-pane/components/breakout-rooms/components/web/RenameButton.tsx b/react/features/participants-pane/components/breakout-rooms/components/web/RenameButton.tsx
new file mode 100644
index 0000000..5148817
--- /dev/null
+++ b/react/features/participants-pane/components/breakout-rooms/components/web/RenameButton.tsx
@@ -0,0 +1,53 @@
+import React, { useCallback } from 'react';
+import { useDispatch } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { openDialog } from '../../../../../base/dialog/actions';
+import { IconEdit } from '../../../../../base/icons/svg';
+
+import BreakoutRoomNamePrompt from './BreakoutRoomNamePrompt';
+
+const useStyles = makeStyles()(_theme => {
+    return {
+        container: {
+            position: 'absolute',
+            cursor: 'pointer',
+            marginTop: 2,
+            marginLeft: 5
+        }
+    };
+});
+
+interface IProps {
+    breakoutRoomJid: string;
+    name?: string;
+}
+
+/**
+ * Implements the rename button component which is displayed only for renaming a breakout room which is joined by the
+ * user.
+ *
+ * @param {IProps} props - The props of the component.
+ * @returns {JSX.Element}
+ */
+export default function RenameButton({ breakoutRoomJid, name }: IProps) {
+    const dispatch = useDispatch();
+    const { classes, cx } = useStyles();
+    const onRename = useCallback(() => {
+        dispatch(openDialog('BreakoutRoomNamePrompt', BreakoutRoomNamePrompt, {
+            breakoutRoomJid,
+            initialRoomName: name
+        }));
+    }, [ dispatch, breakoutRoomJid, name ]);
+
+    return (
+        <span
+            className = { cx('jitsi-icon jitsi-icon-default', classes.container) }
+            onClick = { onRename }>
+            <IconEdit
+                height = { 16 }
+                key = { 1 }
+                width = { 16 } />
+        </span>
+    );
+}
diff --git a/react/features/participants-pane/components/breakout-rooms/components/web/RoomActionEllipsis.tsx b/react/features/participants-pane/components/breakout-rooms/components/web/RoomActionEllipsis.tsx
new file mode 100644
index 0000000..a0ed43d
--- /dev/null
+++ b/react/features/participants-pane/components/breakout-rooms/components/web/RoomActionEllipsis.tsx
@@ -0,0 +1,27 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { IconDotsHorizontal } from '../../../../../base/icons/svg';
+import Button from '../../../../../base/ui/components/web/Button';
+
+interface IProps {
+
+    /**
+     * Click handler function.
+     */
+    onClick: () => void;
+}
+
+const RoomActionEllipsis = ({ onClick }: IProps) => {
+    const { t } = useTranslation();
+
+    return (
+        <Button
+            accessibilityLabel = { t('breakoutRooms.actions.more') }
+            icon = { IconDotsHorizontal }
+            onClick = { onClick }
+            size = 'small' />
+    );
+};
+
+export default RoomActionEllipsis;
diff --git a/react/features/participants-pane/components/breakout-rooms/components/web/RoomContextMenu.tsx b/react/features/participants-pane/components/breakout-rooms/components/web/RoomContextMenu.tsx
new file mode 100644
index 0000000..bc5dcfc
--- /dev/null
+++ b/react/features/participants-pane/components/breakout-rooms/components/web/RoomContextMenu.tsx
@@ -0,0 +1,122 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { createBreakoutRoomsEvent } from '../../../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../../../analytics/functions';
+import { openDialog } from '../../../../../base/dialog/actions';
+import { IconCloseLarge, IconEdit, IconRingGroup } from '../../../../../base/icons/svg';
+import { isLocalParticipantModerator } from '../../../../../base/participants/functions';
+import ContextMenu from '../../../../../base/ui/components/web/ContextMenu';
+import ContextMenuItemGroup from '../../../../../base/ui/components/web/ContextMenuItemGroup';
+import { closeBreakoutRoom, moveToRoom, removeBreakoutRoom } from '../../../../../breakout-rooms/actions';
+import { IRoom } from '../../../../../breakout-rooms/types';
+import { showOverflowDrawer } from '../../../../../toolbox/functions.web';
+import { isBreakoutRoomRenameAllowed } from '../../../../functions';
+
+import BreakoutRoomNamePrompt from './BreakoutRoomNamePrompt';
+
+
+interface IProps {
+
+    /**
+     * Room reference.
+     */
+    entity?: IRoom;
+
+    /**
+     * Target elements against which positioning calculations are made.
+     */
+    offsetTarget?: HTMLElement | null;
+
+    /**
+     * Callback for the mouse entering the component.
+     */
+    onEnter: (e?: React.MouseEvent) => void;
+
+    /**
+     * Callback for the mouse leaving the component.
+     */
+    onLeave: (e?: React.MouseEvent) => void;
+
+    /**
+     * Callback for making a selection in the menu.
+     */
+    onSelect: (e?: React.MouseEvent | boolean) => void;
+}
+
+export const RoomContextMenu = ({
+    entity: room,
+    offsetTarget,
+    onEnter,
+    onLeave,
+    onSelect
+}: IProps) => {
+    const dispatch = useDispatch();
+    const { t } = useTranslation();
+    const isLocalModerator = useSelector(isLocalParticipantModerator);
+    const _isBreakoutRoomRenameAllowed = useSelector(isBreakoutRoomRenameAllowed);
+    const _overflowDrawer = useSelector(showOverflowDrawer);
+
+    const onJoinRoom = useCallback(() => {
+        sendAnalytics(createBreakoutRoomsEvent('join'));
+        dispatch(moveToRoom(room?.jid));
+    }, [ dispatch, room ]);
+
+    const onRemoveBreakoutRoom = useCallback(() => {
+        dispatch(removeBreakoutRoom(room?.jid ?? ''));
+    }, [ dispatch, room ]);
+
+    const onRenameBreakoutRoom = useCallback(() => {
+        dispatch(openDialog('BreakoutRoomNamePrompt', BreakoutRoomNamePrompt, {
+            breakoutRoomJid: room?.jid,
+            initialRoomName: room?.name
+        }));
+    }, [ dispatch, room ]);
+
+    const onCloseBreakoutRoom = useCallback(() => {
+        dispatch(closeBreakoutRoom(room?.id ?? ''));
+    }, [ dispatch, room ]);
+
+    const isRoomEmpty = !(room?.participants && Object.keys(room.participants).length > 0);
+
+    const actions = [
+        _overflowDrawer ? {
+            accessibilityLabel: t('breakoutRooms.actions.join'),
+            icon: IconRingGroup,
+            onClick: onJoinRoom,
+            text: t('breakoutRooms.actions.join')
+        } : null,
+        !room?.isMainRoom && _isBreakoutRoomRenameAllowed ? {
+            accessibilityLabel: t('breakoutRooms.actions.rename'),
+            icon: IconEdit,
+            id: `rename-room-${room?.id}`,
+            onClick: onRenameBreakoutRoom,
+            text: t('breakoutRooms.actions.rename')
+        } : null,
+        !room?.isMainRoom && isLocalModerator ? {
+            accessibilityLabel: isRoomEmpty ? t('breakoutRooms.actions.remove') : t('breakoutRooms.actions.close'),
+            icon: IconCloseLarge,
+            id: isRoomEmpty ? `remove-room-${room?.id}` : `close-room-${room?.id}`,
+            onClick: isRoomEmpty ? onRemoveBreakoutRoom : onCloseBreakoutRoom,
+            text: isRoomEmpty ? t('breakoutRooms.actions.remove') : t('breakoutRooms.actions.close')
+        } : null
+    ].filter(Boolean);
+
+    const lowerMenu = useCallback(() => onSelect(true), []);
+
+    return (
+        <ContextMenu
+            activateFocusTrap = { true }
+            entity = { room }
+            isDrawerOpen = { Boolean(room) }
+            offsetTarget = { offsetTarget }
+            onClick = { lowerMenu }
+            onDrawerClose = { onSelect }
+            onMouseEnter = { onEnter }
+            onMouseLeave = { onLeave }>
+            {/* @ts-ignore */}
+            <ContextMenuItemGroup actions = { actions } />
+        </ContextMenu>
+    );
+};
diff --git a/react/features/participants-pane/components/breakout-rooms/components/web/RoomList.tsx b/react/features/participants-pane/components/breakout-rooms/components/web/RoomList.tsx
new file mode 100644
index 0000000..158b602
--- /dev/null
+++ b/react/features/participants-pane/components/breakout-rooms/components/web/RoomList.tsx
@@ -0,0 +1,110 @@
+import React, { useCallback, useEffect } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { isMobileBrowser } from '../../../../../base/environment/utils';
+import { isLocalParticipantModerator } from '../../../../../base/participants/functions';
+import { equals } from '../../../../../base/redux/functions';
+import useContextMenu from '../../../../../base/ui/hooks/useContextMenu.web';
+import {
+    getBreakoutRooms,
+    getBreakoutRoomsConfig,
+    getCurrentRoomId,
+    isAutoAssignParticipantsVisible,
+    isInBreakoutRoom
+} from '../../../../../breakout-rooms/functions';
+import { IRoom } from '../../../../../breakout-rooms/types';
+
+import { AutoAssignButton } from './AutoAssignButton';
+import { CollapsibleRoom } from './CollapsibleRoom';
+import JoinActionButton from './JoinQuickActionButton';
+import { LeaveButton } from './LeaveButton';
+import RoomActionEllipsis from './RoomActionEllipsis';
+import { RoomContextMenu } from './RoomContextMenu';
+import { RoomParticipantContextMenu } from './RoomParticipantContextMenu';
+
+interface IProps {
+
+    /**
+     * Participants search string.
+     */
+    searchString: string;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        topMargin: {
+            marginTop: theme.spacing(3)
+        }
+    };
+});
+
+export const RoomList = ({ searchString }: IProps) => {
+    const { classes } = useStyles();
+    const { t } = useTranslation();
+    const currentRoomId = useSelector(getCurrentRoomId);
+    const rooms = Object.values(useSelector(getBreakoutRooms, equals))
+                    .filter((room: IRoom) => room.id !== currentRoomId)
+                    .sort((p1?: IRoom, p2?: IRoom) => (p1?.name || '').localeCompare(p2?.name || ''));
+    const inBreakoutRoom = useSelector(isInBreakoutRoom);
+    const isLocalModerator = useSelector(isLocalParticipantModerator);
+    const showAutoAssign = useSelector(isAutoAssignParticipantsVisible);
+    const { hideJoinRoomButton } = useSelector(getBreakoutRoomsConfig);
+    const [ lowerMenu, raiseMenu, toggleMenu, menuEnter, menuLeave, raiseContext ] = useContextMenu<IRoom>();
+    const [ lowerParticipantMenu, raiseParticipantMenu, toggleParticipantMenu,
+        participantMenuEnter, participantMenuLeave, raiseParticipantContext ] = useContextMenu<{
+        jid: string;
+        participantName: string;
+        room: IRoom;
+    }>();
+    const onRaiseMenu = useCallback(room => (target: HTMLElement) => raiseMenu(room, target), [ raiseMenu ]);
+
+    // close the menu when the room vanishes
+    useEffect(() => {
+        if (raiseContext.entity && !rooms.some(r => r.id === raiseContext.entity?.id)) {
+            lowerMenu();
+        }
+    }, [ raiseContext, rooms, lowerMenu ]);
+
+    return (
+        <>
+            {inBreakoutRoom && <LeaveButton className = { classes.topMargin } />}
+            {showAutoAssign && <AutoAssignButton className = { classes.topMargin } />}
+            <div
+                aria-label = { t('breakoutRooms.breakoutList', 'breakout list') }
+                className = { classes.topMargin }
+                id = 'breakout-rooms-list'
+                role = 'list'>
+                {rooms.map(room => (
+                    <React.Fragment key = { room.id }>
+                        <CollapsibleRoom
+                            isHighlighted = { true }
+                            onRaiseMenu = { onRaiseMenu(room) }
+                            participantContextEntity = { raiseParticipantContext.entity }
+                            raiseParticipantContextMenu = { raiseParticipantMenu }
+                            room = { room }
+                            searchString = { searchString }
+                            toggleParticipantMenu = { toggleParticipantMenu }>
+                            {!isMobileBrowser() && <>
+                                {!hideJoinRoomButton && <JoinActionButton room = { room } />}
+                                {isLocalModerator && !room.isMainRoom
+                                    && <RoomActionEllipsis onClick = { toggleMenu(room) } />}
+                            </>}
+                        </CollapsibleRoom>
+                    </React.Fragment>
+                ))}
+            </div>
+            <RoomContextMenu
+                onEnter = { menuEnter }
+                onLeave = { menuLeave }
+                onSelect = { lowerMenu }
+                { ...raiseContext } />
+            <RoomParticipantContextMenu
+                onEnter = { participantMenuEnter }
+                onLeave = { participantMenuLeave }
+                onSelect = { lowerParticipantMenu }
+                { ...raiseParticipantContext } />
+        </>
+    );
+};
diff --git a/react/features/participants-pane/components/breakout-rooms/components/web/RoomParticipantContextMenu.tsx b/react/features/participants-pane/components/breakout-rooms/components/web/RoomParticipantContextMenu.tsx
new file mode 100644
index 0000000..f66a5e3
--- /dev/null
+++ b/react/features/participants-pane/components/breakout-rooms/components/web/RoomParticipantContextMenu.tsx
@@ -0,0 +1,135 @@
+import React, { useCallback, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import Avatar from '../../../../../base/avatar/components/Avatar';
+import { isLocalParticipantModerator } from '../../../../../base/participants/functions';
+import ContextMenu from '../../../../../base/ui/components/web/ContextMenu';
+import ContextMenuItemGroup from '../../../../../base/ui/components/web/ContextMenuItemGroup';
+import { getBreakoutRooms } from '../../../../../breakout-rooms/functions';
+import { getParticipantMenuButtonsWithNotifyClick, showOverflowDrawer } from '../../../../../toolbox/functions.web';
+import { NOTIFY_CLICK_MODE } from '../../../../../toolbox/types';
+import SendToRoomButton from '../../../../../video-menu/components/web/SendToRoomButton';
+import { PARTICIPANT_MENU_BUTTONS as BUTTONS } from '../../../../../video-menu/constants';
+import { AVATAR_SIZE } from '../../../../constants';
+
+interface IProps {
+
+    /**
+     * Room and participant jid reference.
+     */
+    entity?: {
+        jid: string;
+        participantName: string;
+        room: any;
+    };
+
+    /**
+     * Target elements against which positioning calculations are made.
+     */
+    offsetTarget?: HTMLElement | null;
+
+    /**
+     * Callback for the mouse entering the component.
+     */
+    onEnter: () => void;
+
+    /**
+     * Callback for the mouse leaving the component.
+     */
+    onLeave: () => void;
+
+    /**
+     * Callback for making a selection in the menu.
+     */
+    onSelect: (force?: any) => void;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        text: {
+            color: theme.palette.text02,
+            padding: '10px 16px',
+            height: '40px',
+            overflow: 'hidden',
+            display: 'flex',
+            alignItems: 'center',
+            boxSizing: 'border-box'
+        }
+    };
+});
+
+export const RoomParticipantContextMenu = ({
+    entity,
+    offsetTarget,
+    onEnter,
+    onLeave,
+    onSelect
+}: IProps) => {
+    const { classes: styles } = useStyles();
+    const { t } = useTranslation();
+    const isLocalModerator = useSelector(isLocalParticipantModerator);
+    const lowerMenu = useCallback(() => onSelect(true), [ onSelect ]);
+    const rooms: Object = useSelector(getBreakoutRooms);
+    const overflowDrawer = useSelector(showOverflowDrawer);
+    const buttonsWithNotifyClick = useSelector(getParticipantMenuButtonsWithNotifyClick);
+
+    const notifyClick = useCallback(
+        (buttonKey: string, participantId?: string) => {
+            const notifyMode = buttonsWithNotifyClick?.get(buttonKey);
+
+            if (!notifyMode) {
+                return;
+            }
+
+            APP.API.notifyParticipantMenuButtonClicked(
+                buttonKey,
+                participantId,
+                notifyMode === NOTIFY_CLICK_MODE.PREVENT_AND_NOTIFY
+            );
+        }, [ buttonsWithNotifyClick ]);
+
+    const breakoutRoomsButtons = useMemo(() => Object.values(rooms || {}).map((room: any) => {
+        if (room.id !== entity?.room?.id) {
+            return (<SendToRoomButton
+                key = { room.id }
+                // eslint-disable-next-line react/jsx-no-bind
+                notifyClick = { () => notifyClick(BUTTONS.SEND_PARTICIPANT_TO_ROOM, entity?.jid) }
+                notifyMode = { buttonsWithNotifyClick?.get(BUTTONS.SEND_PARTICIPANT_TO_ROOM) }
+                onClick = { lowerMenu }
+                participantID = { entity?.jid ?? '' }
+                room = { room } />);
+        }
+
+        return null;
+    })
+    .filter(Boolean), [ entity, rooms, buttonsWithNotifyClick ]);
+
+    return isLocalModerator ? (
+        <ContextMenu
+            entity = { entity }
+            isDrawerOpen = { Boolean(entity) }
+            offsetTarget = { offsetTarget }
+            onClick = { lowerMenu }
+            onDrawerClose = { onSelect }
+            onMouseEnter = { onEnter }
+            onMouseLeave = { onLeave }>
+            {overflowDrawer && entity?.jid && <ContextMenuItemGroup
+                actions = { [ {
+                    accessibilityLabel: entity?.participantName,
+                    customIcon: <Avatar
+                        displayName = { entity?.participantName }
+                        size = { AVATAR_SIZE } />,
+                    text: entity?.participantName
+                } ] } />}
+
+            <ContextMenuItemGroup>
+                <div className = { styles.text }>
+                    {t('breakoutRooms.actions.sendToBreakoutRoom')}
+                </div>
+                {breakoutRoomsButtons}
+            </ContextMenuItemGroup>
+        </ContextMenu>
+    ) : null;
+};
diff --git a/react/features/participants-pane/components/native/CollapsibleList.tsx b/react/features/participants-pane/components/native/CollapsibleList.tsx
new file mode 100644
index 0000000..e0adf3f
--- /dev/null
+++ b/react/features/participants-pane/components/native/CollapsibleList.tsx
@@ -0,0 +1,54 @@
+import React, { useCallback, useState } from 'react';
+import { GestureResponderEvent, Text, TextStyle, TouchableOpacity, View, ViewStyle } from 'react-native';
+
+import Icon from '../../../base/icons/components/Icon';
+import { IconArrowDown, IconArrowUp } from '../../../base/icons/svg';
+import styles from '../../../breakout-rooms/components/native/styles';
+
+interface IProps {
+
+    /**
+     * The children to be displayed within this list.
+     */
+    children: React.ReactNode;
+
+    /**
+     * Callback to invoke when the {@code CollapsibleList} is long pressed.
+     */
+    onLongPress?: (e?: GestureResponderEvent) => void;
+
+    /**
+     * Collapsible list title.
+     */
+    title: Object;
+}
+
+const CollapsibleList = ({ children, onLongPress, title }: IProps) => {
+    const [ collapsed, setCollapsed ] = useState(false);
+    const _toggleCollapsed = useCallback(() => {
+        setCollapsed(!collapsed);
+    }, [ collapsed ]);
+
+    return (
+        <View>
+            <TouchableOpacity
+                onLongPress = { onLongPress }
+                onPress = { _toggleCollapsed }
+                style = { styles.collapsibleList as ViewStyle }>
+                <TouchableOpacity
+                    onPress = { _toggleCollapsed }
+                    style = { styles.arrowIcon as ViewStyle }>
+                    <Icon
+                        size = { 18 }
+                        src = { collapsed ? IconArrowDown : IconArrowUp } />
+                </TouchableOpacity>
+                <Text style = { styles.listTile as TextStyle }>
+                    { title }
+                </Text>
+            </TouchableOpacity>
+            { !collapsed && children }
+        </View>
+    );
+};
+
+export default CollapsibleList;
diff --git a/react/features/participants-pane/components/native/ContextMenuLobbyParticipantReject.tsx b/react/features/participants-pane/components/native/ContextMenuLobbyParticipantReject.tsx
new file mode 100644
index 0000000..f0ffb7f
--- /dev/null
+++ b/react/features/participants-pane/components/native/ContextMenuLobbyParticipantReject.tsx
@@ -0,0 +1,67 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { TouchableOpacity, View, ViewStyle } from 'react-native';
+import { Text } from 'react-native-paper';
+import { useDispatch, useSelector } from 'react-redux';
+
+import Avatar from '../../../base/avatar/components/Avatar';
+import BottomSheet from '../../../base/dialog/components/native/BottomSheet';
+import Icon from '../../../base/icons/components/Icon';
+import { IconCloseLarge } from '../../../base/icons/svg';
+import { IParticipant } from '../../../base/participants/types';
+import { setKnockingParticipantApproval } from '../../../lobby/actions.native';
+import { getKnockingParticipantsById } from '../../../lobby/functions';
+
+import styles from './styles';
+
+interface IProps {
+
+    /**
+     * Participant reference.
+     */
+    participant: IParticipant;
+}
+
+const ContextMenuLobbyParticipantReject = ({ participant: p }: IProps) => {
+    const dispatch = useDispatch();
+    const knockParticipantsIDArr = useSelector(getKnockingParticipantsById);
+    const knockParticipantIsAvailable = knockParticipantsIDArr.find(knockPartId => knockPartId === p.id);
+    const displayName = p.name;
+    const reject = useCallback(() => {
+        dispatch(setKnockingParticipantApproval(p.id, false));
+    },
+    [ dispatch ]);
+    const { t } = useTranslation();
+
+    // eslint-disable-next-line react/no-multi-comp
+    const renderMenuHeader = () => (
+        <View
+            style = { styles.contextMenuItemSectionAvatar as ViewStyle }>
+            <Avatar
+                participantId = { p.id }
+                size = { 24 } />
+            <Text style = { styles.contextMenuItemName }>
+                { displayName }
+            </Text>
+        </View>
+    );
+
+    return (
+        <BottomSheet
+            addScrollViewPadding = { false }
+            /* eslint-disable-next-line react/jsx-no-bind */
+            renderHeader = { renderMenuHeader }
+            showSlidingView = { Boolean(knockParticipantIsAvailable) }>
+            <TouchableOpacity
+                onPress = { reject }
+                style = { styles.contextMenuItem as ViewStyle }>
+                <Icon
+                    size = { 24 }
+                    src = { IconCloseLarge } />
+                <Text style = { styles.contextMenuItemText }>{ t('participantsPane.actions.reject') }</Text>
+            </TouchableOpacity>
+        </BottomSheet>
+    );
+};
+
+export default ContextMenuLobbyParticipantReject;
diff --git a/react/features/participants-pane/components/native/ContextMenuMore.tsx b/react/features/participants-pane/components/native/ContextMenuMore.tsx
new file mode 100644
index 0000000..a0f6874
--- /dev/null
+++ b/react/features/participants-pane/components/native/ContextMenuMore.tsx
@@ -0,0 +1,124 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { TouchableOpacity, View, ViewStyle } from 'react-native';
+import { Divider, Text } from 'react-native-paper';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import {
+    requestDisableAudioModeration,
+    requestDisableVideoModeration,
+    requestEnableAudioModeration,
+    requestEnableVideoModeration
+} from '../../../av-moderation/actions';
+import { MEDIA_TYPE } from '../../../av-moderation/constants';
+import {
+    isEnabled as isAvModerationEnabled,
+    isSupported as isAvModerationSupported
+} from '../../../av-moderation/functions';
+import { getCurrentConference } from '../../../base/conference/functions';
+import { hideSheet, openDialog } from '../../../base/dialog/actions';
+import BottomSheet from '../../../base/dialog/components/native/BottomSheet';
+import Icon from '../../../base/icons/components/Icon';
+import { IconCheck, IconRaiseHand, IconVideoOff } from '../../../base/icons/svg';
+import { raiseHand } from '../../../base/participants/actions';
+import { getRaiseHandsQueue, isLocalParticipantModerator } from '../../../base/participants/functions';
+import { LOWER_HAND_MESSAGE } from '../../../base/tracks/constants';
+import MuteEveryonesVideoDialog
+    from '../../../video-menu/components/native/MuteEveryonesVideoDialog';
+
+import styles from './styles';
+
+export const ContextMenuMore = () => {
+    const dispatch = useDispatch();
+    const muteAllVideo = useCallback(() => {
+        dispatch(openDialog('MuteEveryonesVideoDialog', MuteEveryonesVideoDialog));
+        dispatch(hideSheet());
+    }, [ dispatch ]);
+    const conference = useSelector(getCurrentConference);
+    const raisedHandsQueue = useSelector(getRaiseHandsQueue);
+    const moderator = useSelector(isLocalParticipantModerator);
+    const lowerAllHands = useCallback(() => {
+        dispatch(raiseHand(false));
+        conference?.sendEndpointMessage('', { name: LOWER_HAND_MESSAGE });
+        dispatch(hideSheet());
+    }, [ dispatch ]);
+    const { t } = useTranslation();
+
+    const isModerationSupported = useSelector((state: IReduxState) => isAvModerationSupported()(state));
+
+    const isAudioModerationEnabled = useSelector(isAvModerationEnabled(MEDIA_TYPE.AUDIO));
+    const isVideoModerationEnabled = useSelector(isAvModerationEnabled(MEDIA_TYPE.VIDEO));
+
+    const disableAudioModeration = useCallback(() => dispatch(requestDisableAudioModeration()), [ dispatch ]);
+    const disableVideoModeration = useCallback(() => dispatch(requestDisableVideoModeration()), [ dispatch ]);
+
+    const enableAudioModeration = useCallback(() => dispatch(requestEnableAudioModeration()), [ dispatch ]);
+    const enableVideoModeration = useCallback(() => dispatch(requestEnableVideoModeration()), [ dispatch ]);
+
+    return (
+        <BottomSheet
+            addScrollViewPadding = { false }
+            showSlidingView = { true }>
+            <TouchableOpacity
+                onPress = { muteAllVideo }
+                style = { styles.contextMenuItem as ViewStyle }>
+                <Icon
+                    size = { 24 }
+                    src = { IconVideoOff } />
+                <Text style = { styles.contextMenuItemText }>{t('participantsPane.actions.stopEveryonesVideo')}</Text>
+            </TouchableOpacity>
+            { moderator && raisedHandsQueue.length !== 0 && <TouchableOpacity
+                onPress = { lowerAllHands }
+                style = { styles.contextMenuItem as ViewStyle }>
+                <Icon
+                    size = { 24 }
+                    src = { IconRaiseHand } />
+                <Text style = { styles.contextMenuItemText }>{t('participantsPane.actions.lowerAllHands')}</Text>
+            </TouchableOpacity> }
+            {isModerationSupported && <>
+                {/* @ts-ignore */}
+                <Divider style = { styles.divider } />
+                <View style = { styles.contextMenuItem as ViewStyle }>
+                    <Text style = { styles.contextMenuItemText }>{t('participantsPane.actions.allow')}</Text>
+                </View>
+                {isAudioModerationEnabled
+                    ? <TouchableOpacity
+                        onPress = { disableAudioModeration }
+                        style = { styles.contextMenuItem as ViewStyle }>
+                        <Text style = { styles.contextMenuItemTextNoIcon }>
+                            {t('participantsPane.actions.audioModeration')}
+                        </Text>
+                    </TouchableOpacity>
+                    : <TouchableOpacity
+                        onPress = { enableAudioModeration }
+                        style = { styles.contextMenuItem as ViewStyle }>
+                        <Icon
+                            size = { 24 }
+                            src = { IconCheck } />
+                        <Text style = { styles.contextMenuItemText }>
+                            {t('participantsPane.actions.audioModeration')}
+                        </Text>
+                    </TouchableOpacity> }
+                {isVideoModerationEnabled
+                    ? <TouchableOpacity
+                        onPress = { disableVideoModeration }
+                        style = { styles.contextMenuItem as ViewStyle }>
+                        <Text style = { styles.contextMenuItemTextNoIcon }>
+                            {t('participantsPane.actions.videoModeration')}
+                        </Text>
+                    </TouchableOpacity>
+                    : <TouchableOpacity
+                        onPress = { enableVideoModeration }
+                        style = { styles.contextMenuItem as ViewStyle }>
+                        <Icon
+                            size = { 24 }
+                            src = { IconCheck } />
+                        <Text style = { styles.contextMenuItemText }>
+                            {t('participantsPane.actions.videoModeration')}
+                        </Text>
+                    </TouchableOpacity>}
+            </>}
+        </BottomSheet>
+    );
+};
diff --git a/react/features/participants-pane/components/native/LobbyParticipantItem.tsx b/react/features/participants-pane/components/native/LobbyParticipantItem.tsx
new file mode 100644
index 0000000..8baa2e7
--- /dev/null
+++ b/react/features/participants-pane/components/native/LobbyParticipantItem.tsx
@@ -0,0 +1,45 @@
+import React, { useCallback } from 'react';
+import { useDispatch } from 'react-redux';
+
+import { IParticipant } from '../../../base/participants/types';
+import Button from '../../../base/ui/components/native/Button';
+import { BUTTON_TYPES } from '../../../base/ui/constants.native';
+import { setKnockingParticipantApproval } from '../../../lobby/actions.native';
+
+import ParticipantItem from './ParticipantItem';
+import styles from './styles';
+
+interface IProps {
+
+    /**
+     * Participant reference.
+     */
+    participant: IParticipant;
+}
+
+export const LobbyParticipantItem = ({ participant: p }: IProps) => {
+    const dispatch = useDispatch();
+    const admit = useCallback(() => dispatch(setKnockingParticipantApproval(p.id, true)), [ dispatch, p.id ]);
+    const reject = useCallback(() => dispatch(setKnockingParticipantApproval(p.id, false)), [ dispatch, p.id ]);
+
+    return (
+        <ParticipantItem
+            displayName = { p.name ?? '' }
+            isKnockingParticipant = { true }
+            key = { p.id }
+            participantID = { p.id } >
+            <Button
+                accessibilityLabel = 'participantsPane.actions.reject'
+                labelKey = 'participantsPane.actions.reject'
+                onClick = { reject }
+                style = { styles.buttonReject }
+                type = { BUTTON_TYPES.DESTRUCTIVE } />
+            <Button
+                accessibilityLabel = 'participantsPane.actions.admit'
+                labelKey = 'participantsPane.actions.admit'
+                onClick = { admit }
+                style = { styles.buttonAdmit }
+                type = { BUTTON_TYPES.PRIMARY } />
+        </ParticipantItem>
+    );
+};
diff --git a/react/features/participants-pane/components/native/LobbyParticipantList.tsx b/react/features/participants-pane/components/native/LobbyParticipantList.tsx
new file mode 100644
index 0000000..51a4ed5
--- /dev/null
+++ b/react/features/participants-pane/components/native/LobbyParticipantList.tsx
@@ -0,0 +1,57 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Text, TextStyle, View, ViewStyle } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
+
+import Button from '../../../base/ui/components/native/Button';
+import { BUTTON_MODES, BUTTON_TYPES } from '../../../base/ui/constants.native';
+import { admitMultiple } from '../../../lobby/actions.native';
+import { getKnockingParticipants, getLobbyEnabled } from '../../../lobby/functions';
+
+import { LobbyParticipantItem } from './LobbyParticipantItem';
+import styles from './styles';
+
+const LobbyParticipantList = () => {
+    const dispatch = useDispatch();
+    const lobbyEnabled = useSelector(getLobbyEnabled);
+    const participants = useSelector(getKnockingParticipants);
+    const admitAll = useCallback(() =>
+        dispatch(admitMultiple(participants)),
+        [ dispatch, participants ]);
+    const { t } = useTranslation();
+    const title = t('participantsPane.headings.waitingLobby',
+        { count: participants.length });
+
+    if (!lobbyEnabled || !participants.length) {
+        return null;
+    }
+
+    return (
+        <>
+            <View style = { styles.listDetails as ViewStyle } >
+                <Text style = { styles.lobbyListDescription as TextStyle }>
+                    { title }
+                </Text>
+                {
+                    participants.length > 1 && (
+                        <Button
+                            accessibilityLabel = 'participantsPane.actions.admitAll'
+                            labelKey = 'participantsPane.actions.admitAll'
+                            mode = { BUTTON_MODES.TEXT }
+                            onClick = { admitAll }
+                            type = { BUTTON_TYPES.PRIMARY } />
+                    )
+                }
+            </View>
+            {
+                participants.map(p => (
+                    <LobbyParticipantItem
+                        key = { p.id }
+                        participant = { p } />)
+                )
+            }
+        </>
+    );
+};
+
+export default LobbyParticipantList;
diff --git a/react/features/participants-pane/components/native/MeetingParticipantItem.tsx b/react/features/participants-pane/components/native/MeetingParticipantItem.tsx
new file mode 100644
index 0000000..7c400dc
--- /dev/null
+++ b/react/features/participants-pane/components/native/MeetingParticipantItem.tsx
@@ -0,0 +1,170 @@
+import React, { useCallback } from 'react';
+import { connect, useDispatch } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import {
+    getLocalParticipant,
+    getParticipantById,
+    getParticipantDisplayName,
+    hasRaisedHand,
+    isParticipantModerator
+} from '../../../base/participants/functions';
+import { FakeParticipant } from '../../../base/participants/types';
+import {
+    isParticipantAudioMuted,
+    isParticipantVideoMuted
+} from '../../../base/tracks/functions.native';
+import { showContextMenuDetails, showSharedVideoMenu } from '../../actions.native';
+import type { MediaState } from '../../constants';
+import {
+    getParticipantAudioMediaState,
+    getParticipantVideoMediaState,
+    participantMatchesSearch
+} from '../../functions';
+
+import ParticipantItem from './ParticipantItem';
+
+interface IProps {
+
+    /**
+     * Media state for audio.
+     */
+    _audioMediaState: MediaState;
+
+    /**
+     * Whether or not to disable the moderator indicator.
+     */
+    _disableModeratorIndicator?: boolean;
+
+    /**
+     * The display name of the participant.
+     */
+    _displayName: string;
+
+    /**
+     * The type of fake participant.
+     */
+    _fakeParticipant: FakeParticipant;
+
+    /**
+     * Whether or not the user is a moderator.
+     */
+    _isModerator: boolean;
+
+    /**
+     * True if the participant is the local participant.
+     */
+    _local: boolean;
+
+    /**
+     * Shared video local participant owner.
+     */
+    _localVideoOwner: boolean;
+
+    /**
+     * Whether or not the participant name matches the search string.
+     */
+    _matchesSearch: boolean;
+
+    /**
+     * True if the participant have raised hand.
+     */
+    _raisedHand: boolean;
+
+    /**
+     * Media state for video.
+     */
+    _videoMediaState: MediaState;
+
+    /**
+     * The participant ID.
+     */
+    participantID: string;
+
+    /**
+     * Name of the participant we search for.
+     */
+    searchString: string;
+}
+
+const MeetingParticipantItem = ({
+    _audioMediaState,
+    _disableModeratorIndicator,
+    _displayName,
+    _fakeParticipant,
+    _isModerator,
+    _local,
+    _localVideoOwner,
+    _matchesSearch,
+    _raisedHand,
+    _videoMediaState,
+    participantID
+}: IProps) => {
+    const dispatch = useDispatch();
+    const onPress = useCallback(() => {
+        if (_fakeParticipant && _localVideoOwner) {
+            dispatch(showSharedVideoMenu(participantID));
+        } else if (!_fakeParticipant) {
+            dispatch(showContextMenuDetails(participantID, _local));
+        } // else no-op
+    }, [ dispatch ]);
+
+    if (!_matchesSearch) {
+        return null;
+    }
+
+    return (
+        <ParticipantItem
+            audioMediaState = { _audioMediaState }
+            disableModeratorIndicator = { _disableModeratorIndicator }
+            displayName = { _displayName }
+            isModerator = { _isModerator }
+            local = { _local }
+            onPress = { onPress }
+            participantID = { participantID }
+            raisedHand = { _raisedHand }
+            videoMediaState = { _videoMediaState } />
+    );
+};
+
+/**
+ * Maps (parts of) the redux state to the associated props for this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {Object} ownProps - The own props of the component.
+ * @private
+ * @returns {IProps}
+ */
+function mapStateToProps(state: IReduxState, ownProps: any) {
+    const { participantID, searchString } = ownProps;
+    const { ownerId } = state['features/shared-video'];
+    const participant = getParticipantById(state, participantID);
+    const localParticipantId = getLocalParticipant(state)?.id;
+    const _isAudioMuted = isParticipantAudioMuted(participant, state);
+    const _isVideoMuted = isParticipantVideoMuted(participant, state);
+    const audioMediaState = getParticipantAudioMediaState(participant, _isAudioMuted, state);
+    const videoMediaState = getParticipantVideoMediaState(participant, _isVideoMuted, state);
+    const { disableModeratorIndicator } = state['features/base/config'];
+    const raisedHand = hasRaisedHand(participant?.local
+        ? participant
+        : getParticipantById(state, participantID)
+    );
+    const _matchesSearch = participantMatchesSearch(participant, searchString);
+
+    return {
+        _audioMediaState: audioMediaState,
+        _disableModeratorIndicator: disableModeratorIndicator,
+        _displayName: getParticipantDisplayName(state, participantID),
+        _fakeParticipant: participant?.fakeParticipant,
+        _isAudioMuted,
+        _isModerator: isParticipantModerator(participant),
+        _local: Boolean(participant?.local),
+        _localVideoOwner: Boolean(ownerId === localParticipantId),
+        _matchesSearch,
+        _raisedHand: raisedHand,
+        _videoMediaState: videoMediaState
+    };
+}
+
+// @ts-ignore
+export default connect(mapStateToProps)(MeetingParticipantItem);
diff --git a/react/features/participants-pane/components/native/MeetingParticipantList.tsx b/react/features/participants-pane/components/native/MeetingParticipantList.tsx
new file mode 100644
index 0000000..cfed141
--- /dev/null
+++ b/react/features/participants-pane/components/native/MeetingParticipantList.tsx
@@ -0,0 +1,174 @@
+import React, { useCallback, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { FlatList, Text, TextStyle, View } from 'react-native';
+import { connect, useDispatch } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import Icon from '../../../base/icons/components/Icon';
+import { IconAddUser } from '../../../base/icons/svg';
+import {
+    addPeopleFeatureControl,
+    getParticipantById,
+    isScreenShareParticipant,
+    setShareDialogVisiblity
+} from '../../../base/participants/functions';
+import Button from '../../../base/ui/components/native/Button';
+import Input from '../../../base/ui/components/native/Input';
+import { BUTTON_TYPES } from '../../../base/ui/constants.native';
+import {
+    getBreakoutRooms,
+    getCurrentRoomId
+} from '../../../breakout-rooms/functions';
+import { doInvitePeople } from '../../../invite/actions.native';
+import { getInviteOthersControl } from '../../../share-room/functions';
+import { iAmVisitor } from '../../../visitors/functions';
+import { getSortedParticipantIds, shouldRenderInviteButton } from '../../functions';
+
+import MeetingParticipantItem from './MeetingParticipantItem';
+import styles from './styles';
+
+interface IProps {
+    currentRoom?: {
+        jid: string;
+        name: string;
+    };
+    iconColor: string;
+    isAddPeopleFeatureEnabled?: boolean | undefined;
+    isShareDialogVisible: boolean;
+    participantsCount?: number;
+    showInviteButton?: boolean;
+    sortedParticipantIds?: Array<string>;
+    visitorsCount?: number | undefined;
+}
+
+
+const MeetingParticipantList = ({
+    currentRoom,
+    iconColor,
+    isAddPeopleFeatureEnabled,
+    isShareDialogVisible,
+    participantsCount,
+    showInviteButton,
+    sortedParticipantIds = [],
+    visitorsCount
+}: IProps): any => {
+    const { t } = useTranslation();
+
+    const [ searchString, setSearchString ] = useState('');
+
+    const dispatch = useDispatch();
+
+    const keyExtractor = useCallback((e: undefined, i: number) => i.toString(), []);
+    const onInvite = useCallback(() => {
+        setShareDialogVisiblity(isAddPeopleFeatureEnabled, dispatch);
+        dispatch(doInvitePeople());
+    }, [ dispatch ]);
+    const onSearchStringChange = useCallback((text: string) =>
+        setSearchString(text), []);
+
+    const title = currentRoom?.name
+        ? `${currentRoom.name} (${participantsCount})`
+        : t('participantsPane.headings.participantsList',
+            { count: participantsCount });
+    const visitorsLabelText = visitorsCount && visitorsCount > 0
+        ? t('participantsPane.headings.visitors', { count: visitorsCount })
+        : undefined;
+
+    const renderParticipant = ({ item }: any) => (
+        <MeetingParticipantItem
+            key = { item }
+            participantID = { item }
+            searchString = { searchString } />
+    );
+
+    return (
+        <View style = { styles.meetingListContainer }>
+            <Text style = { styles.visitorsLabel as TextStyle }>
+                { visitorsLabelText }
+            </Text>
+            <Text
+                style = { styles.meetingListDescription as TextStyle }>
+                { title }
+            </Text>
+            {
+                showInviteButton
+                && <Button
+                    accessibilityLabel = 'participantsPane.actions.invite'
+                    disabled = { isShareDialogVisible }
+
+                    // eslint-disable-next-line react/jsx-no-bind, no-confusing-arrow
+                    icon = { () => (
+                        <Icon
+                            color = { iconColor }
+                            size = { 20 }
+                            src = { IconAddUser } />
+                    ) }
+                    labelKey = 'participantsPane.actions.invite'
+                    onClick = { onInvite }
+                    style = { styles.inviteButton }
+                    type = { BUTTON_TYPES.PRIMARY } />
+            }
+            <Input
+                clearable = { true }
+                customStyles = {{
+                    container: styles.inputContainer,
+                    input: styles.centerInput }}
+                onChange = { onSearchStringChange }
+                placeholder = { t('participantsPane.search') }
+                value = { searchString } />
+            <FlatList
+                data = { sortedParticipantIds as Array<any> }
+                keyExtractor = { keyExtractor }
+
+                /* eslint-disable react/jsx-no-bind */
+                renderItem = { renderParticipant }
+                windowSize = { 2 } />
+        </View>
+    );
+};
+
+/**
+ * Maps (parts of) the redux state to the associated props for this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    let sortedParticipantIds: any = getSortedParticipantIds(state);
+
+    const _iAmVisitor = iAmVisitor(state);
+
+    sortedParticipantIds = sortedParticipantIds.filter((id: any) => {
+        const participant = getParticipantById(state, id);
+
+        if (_iAmVisitor && participant?.local) {
+            return false;
+        }
+
+        return !isScreenShareParticipant(participant);
+    });
+
+    const currentRoomId = getCurrentRoomId(state);
+    const currentRoom = getBreakoutRooms(state)[currentRoomId];
+    const inviteOthersControl = getInviteOthersControl(state);
+    const { color, shareDialogVisible } = inviteOthersControl;
+    const isAddPeopleFeatureEnabled = addPeopleFeatureControl(state);
+    const participantsCount = sortedParticipantIds.length;
+    const showInviteButton = shouldRenderInviteButton(state);
+    const visitorsCount = state['features/visitors']?.count || 0;
+
+    return {
+        currentRoom,
+        iconColor: color,
+        inviteOthersControl,
+        isAddPeopleFeatureEnabled,
+        isShareDialogVisible: shareDialogVisible,
+        participantsCount,
+        showInviteButton,
+        sortedParticipantIds,
+        visitorsCount
+    };
+}
+
+export default connect(_mapStateToProps)(MeetingParticipantList);
diff --git a/react/features/participants-pane/components/native/ParticipantItem.tsx b/react/features/participants-pane/components/native/ParticipantItem.tsx
new file mode 100644
index 0000000..6389df7
--- /dev/null
+++ b/react/features/participants-pane/components/native/ParticipantItem.tsx
@@ -0,0 +1,145 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import {
+    GestureResponderEvent,
+    StyleProp,
+    TextStyle,
+    TouchableOpacity,
+    View,
+    ViewStyle
+} from 'react-native';
+import { Text } from 'react-native-paper';
+
+import Avatar from '../../../base/avatar/components/Avatar';
+import { AudioStateIcons, MEDIA_STATE, type MediaState, VideoStateIcons } from '../../constants';
+
+import { RaisedHandIndicator } from './RaisedHandIndicator';
+import styles from './styles';
+
+interface IProps {
+
+    /**
+     * Media state for audio.
+     */
+    audioMediaState?: MediaState;
+
+    /**
+     * React children.
+     */
+    children?: React.ReactNode;
+
+    /**
+     * Whether or not to disable the moderator indicator.
+     */
+    disableModeratorIndicator?: boolean;
+
+    /**
+     * The name of the participant. Used for showing lobby names.
+     */
+    displayName: string;
+
+    /**
+     * Is the participant waiting?
+     */
+    isKnockingParticipant?: boolean;
+
+    /**
+     * Whether or not the user is a moderator.
+     */
+    isModerator?: boolean;
+
+    /**
+     * True if the participant is local.
+     */
+    local?: boolean;
+
+    /**
+     * Callback to be invoked on pressing the participant item.
+     */
+    onPress?: (e?: GestureResponderEvent) => void;
+
+    /**
+     * The ID of the participant.
+     */
+    participantID: string;
+
+    /**
+     * True if the participant have raised hand.
+     */
+    raisedHand?: boolean;
+
+    /**
+     * Media state for video.
+     */
+    videoMediaState?: MediaState;
+}
+
+/**
+ * Participant item.
+ *
+ * @returns {React$Element<any>}
+ */
+function ParticipantItem({
+    children,
+    displayName,
+    disableModeratorIndicator,
+    isKnockingParticipant = false,
+    isModerator,
+    local,
+    onPress,
+    participantID,
+    raisedHand,
+    audioMediaState = MEDIA_STATE.NONE,
+    videoMediaState = MEDIA_STATE.NONE
+}: IProps) {
+
+    const { t } = useTranslation();
+    const participantNameContainerStyles
+        = isKnockingParticipant ? styles.lobbyParticipantNameContainer : styles.participantNameContainer;
+
+    return (
+        <View style = { styles.participantContainer as StyleProp<ViewStyle> } >
+            <TouchableOpacity
+                onPress = { onPress }
+                style = { styles.participantContent as StyleProp<ViewStyle> }>
+                <Avatar
+                    displayName = { displayName }
+                    participantId = { participantID }
+                    size = { 32 } />
+                <View
+                    style = { [
+                        styles.participantDetailsContainer,
+                        raisedHand && styles.participantDetailsContainerRaisedHand
+                    ] as StyleProp<ViewStyle> }>
+                    <View style = { participantNameContainerStyles as StyleProp<ViewStyle> }>
+                        <Text
+                            numberOfLines = { 1 }
+                            style = { styles.participantName as StyleProp<TextStyle> }>
+                            { displayName }
+                            { local && ` (${t('chat.you')})` }
+                        </Text>
+                    </View>
+                    {
+                        isModerator && !disableModeratorIndicator
+                        && <Text style = { styles.moderatorLabel as StyleProp<TextStyle> }>
+                            { t('videothumbnail.moderator') }
+                        </Text>
+                    }
+                </View>
+                {
+                    !isKnockingParticipant
+                    && <>
+                        { raisedHand && <RaisedHandIndicator /> }
+                        <View style = { styles.participantStatesContainer as StyleProp<ViewStyle> }>
+                            <View style = { styles.participantStateVideo }>{ VideoStateIcons[videoMediaState] }</View>
+                            <View>{ AudioStateIcons[audioMediaState] }</View>
+                        </View>
+                    </>
+                }
+            </TouchableOpacity>
+            { !local && children }
+        </View>
+    );
+}
+
+export default ParticipantItem;
diff --git a/react/features/participants-pane/components/native/ParticipantsConter.tsx b/react/features/participants-pane/components/native/ParticipantsConter.tsx
new file mode 100644
index 0000000..42ebf0e
--- /dev/null
+++ b/react/features/participants-pane/components/native/ParticipantsConter.tsx
@@ -0,0 +1,15 @@
+import React from 'react';
+import { Text } from 'react-native';
+import { useSelector } from 'react-redux';
+
+import { getParticipantCountForDisplay } from '../../../base/participants/functions';
+
+import styles from './styles';
+
+const ParticipantsCounter = () => {
+    const participantsCount = useSelector(getParticipantCountForDisplay);
+
+    return <Text style = { styles.participantsBadge }>{participantsCount}</Text>;
+};
+
+export default ParticipantsCounter;
diff --git a/react/features/participants-pane/components/native/ParticipantsPane.tsx b/react/features/participants-pane/components/native/ParticipantsPane.tsx
new file mode 100644
index 0000000..47fb682
--- /dev/null
+++ b/react/features/participants-pane/components/native/ParticipantsPane.tsx
@@ -0,0 +1,45 @@
+import React, { useCallback } from 'react';
+import { FlatList } from 'react-native';
+import { useSelector } from 'react-redux';
+
+import JitsiScreen from '../../../base/modal/components/JitsiScreen';
+import { isLocalParticipantModerator } from '../../../base/participants/functions';
+
+import LobbyParticipantList from './LobbyParticipantList';
+import MeetingParticipantList from './MeetingParticipantList';
+import ParticipantsPaneFooter from './ParticipantsPaneFooter';
+import VisitorsList from './VisitorsList';
+import styles from './styles';
+
+
+const ParticipantsPane = () => {
+    const isLocalModerator = useSelector(isLocalParticipantModerator);
+    const keyExtractor
+        = useCallback((e: undefined, i: number) => i.toString(), []);
+    const renderListHeaderComponent = () => (
+        <>
+            <VisitorsList />
+            <LobbyParticipantList />
+            <MeetingParticipantList />
+        </>
+    );
+
+    return (
+        <JitsiScreen
+            footerComponent = { isLocalModerator ? ParticipantsPaneFooter : undefined }
+            style = { styles.participantsPaneContainer }>
+
+            { /* Fixes warning regarding nested lists */ }
+            <FlatList
+
+                // eslint-disable-next-line react/jsx-no-bind
+                ListHeaderComponent = { renderListHeaderComponent }
+                data = { [] as ReadonlyArray<undefined> }
+                keyExtractor = { keyExtractor }
+                renderItem = { null }
+                windowSize = { 2 } />
+        </JitsiScreen>
+    );
+};
+
+export default ParticipantsPane;
diff --git a/react/features/participants-pane/components/native/ParticipantsPaneButton.tsx b/react/features/participants-pane/components/native/ParticipantsPaneButton.tsx
new file mode 100644
index 0000000..210e71a
--- /dev/null
+++ b/react/features/participants-pane/components/native/ParticipantsPaneButton.tsx
@@ -0,0 +1,90 @@
+import React from 'react';
+import { View, ViewStyle } from 'react-native';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { IconUsers } from '../../../base/icons/svg';
+import { getParticipantCountForDisplay } from '../../../base/participants/functions';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import { navigate }
+    from '../../../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
+import { screen } from '../../../mobile/navigation/routes';
+
+import ParticipantsCounter from './ParticipantsConter';
+import styles from './styles';
+
+
+/**
+ * The type of the React {@code Component} props of {@link ParticipantsPaneButton}.
+ */
+interface IProps extends AbstractButtonProps {
+
+    /**
+     * Participants count.
+     */
+    _participantsCount: number;
+}
+
+/**
+ * Implements an {@link AbstractButton} to open the participants panel.
+ */
+class ParticipantsPaneButton extends AbstractButton<IProps> {
+    override icon = IconUsers;
+    override label = 'toolbar.participants';
+
+    /**
+     * Handles clicking / pressing the button, and opens the participants panel.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _handleClick() {
+        return navigate(screen.conference.participants);
+    }
+
+    /**
+     * Override the _getAccessibilityLabel method to incorporate the dynamic participant count.
+     *
+     * @override
+     * @returns {string}
+     */
+    _getAccessibilityLabel() {
+        const { t, _participantsCount } = this.props;
+
+        return t('toolbar.accessibilityLabel.participants', {
+            participantsCount: _participantsCount
+        });
+
+    }
+
+    /**
+     * Overrides AbstractButton's {@link Component#render()}.
+     *
+     * @override
+     * @protected
+     * @returns {React.ReactElement}
+     */
+    override render() {
+        return (
+            <View style = { styles.participantsButtonBadge as ViewStyle }>
+                { super.render() }
+                <ParticipantsCounter />
+            </View>
+        );
+    }
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @returns {IProps}
+ */
+function mapStateToProps(state: IReduxState) {
+    return {
+        _participantsCount: getParticipantCountForDisplay(state)
+    };
+}
+
+export default translate(connect(mapStateToProps)(ParticipantsPaneButton));
diff --git a/react/features/participants-pane/components/native/ParticipantsPaneFooter.tsx b/react/features/participants-pane/components/native/ParticipantsPaneFooter.tsx
new file mode 100644
index 0000000..40366f5
--- /dev/null
+++ b/react/features/participants-pane/components/native/ParticipantsPaneFooter.tsx
@@ -0,0 +1,95 @@
+/* eslint-disable lines-around-comment */
+
+import React, { useCallback } from 'react';
+import { View, ViewStyle } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { openDialog, openSheet } from '../../../base/dialog/actions';
+import {
+    BREAKOUT_ROOMS_BUTTON_ENABLED
+} from '../../../base/flags/constants';
+import { getFeatureFlag } from '../../../base/flags/functions';
+import Icon from '../../../base/icons/components/Icon';
+import { IconDotsHorizontal, IconRingGroup } from '../../../base/icons/svg';
+import BaseTheme from '../../../base/ui/components/BaseTheme.native';
+import Button from '../../../base/ui/components/native/Button';
+import IconButton from '../../../base/ui/components/native/IconButton';
+import { BUTTON_TYPES } from '../../../base/ui/constants.native';
+import {
+    navigate
+} from '../../../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
+import { screen } from '../../../mobile/navigation/routes';
+// @ts-ignore
+import MuteEveryoneDialog from '../../../video-menu/components/native/MuteEveryoneDialog';
+import { isMoreActionsVisible, isMuteAllVisible } from '../../functions';
+
+import { ContextMenuMore } from './ContextMenuMore';
+import styles from './styles';
+
+
+/**
+ * Implements the participants pane footer component.
+ *
+ * @returns { JSX.Element} - The participants pane footer component.
+ */
+const ParticipantsPaneFooter = (): JSX.Element => {
+    const dispatch = useDispatch();
+    const isBreakoutRoomsSupported = useSelector((state: IReduxState) =>
+        state['features/base/conference'].conference?.getBreakoutRooms()?.isSupported()
+    );
+    const isBreakoutRoomsEnabled = useSelector((state: IReduxState) =>
+        getFeatureFlag(state, BREAKOUT_ROOMS_BUTTON_ENABLED, true)
+    );
+    const openMoreMenu = useCallback(() => dispatch(openSheet(ContextMenuMore)), [ dispatch ]);
+    const muteAll = useCallback(() => dispatch(openDialog('MuteEveryoneDialog', MuteEveryoneDialog)),
+        [ dispatch ]);
+    const showMoreActions = useSelector(isMoreActionsVisible);
+    const showMuteAll = useSelector(isMuteAllVisible);
+
+    return (
+        <View style = { styles.participantsPaneFooterContainer as ViewStyle }>
+            {
+                isBreakoutRoomsSupported
+                && isBreakoutRoomsEnabled
+                && <Button
+                    accessibilityLabel = 'participantsPane.actions.breakoutRooms'
+                    // eslint-disable-next-line react/jsx-no-bind, no-confusing-arrow
+                    icon = { () => (
+                        <Icon
+                            color = { BaseTheme.palette.icon04 }
+                            size = { 20 }
+                            src = { IconRingGroup } />
+                    ) }
+                    labelKey = 'participantsPane.actions.breakoutRooms'
+                    // eslint-disable-next-line react/jsx-no-bind, no-confusing-arrow
+                    onClick = { () => navigate(screen.conference.breakoutRooms) }
+                    style = { styles.breakoutRoomsButton }
+                    type = { BUTTON_TYPES.SECONDARY } />
+            }
+
+            <View style = { styles.participantsPaneFooter as ViewStyle }>
+                {
+                    showMuteAll && (
+                        <Button
+                            accessibilityLabel = 'participantsPane.actions.muteAll'
+                            labelKey = 'participantsPane.actions.muteAll'
+                            onClick = { muteAll }
+                            type = { BUTTON_TYPES.SECONDARY } />
+                    )
+                }
+                {
+                    showMoreActions && (
+                        <IconButton
+                            onPress = { openMoreMenu }
+                            src = { IconDotsHorizontal }
+                            style = { styles.moreButton }
+                            type = { BUTTON_TYPES.SECONDARY } />
+                    )
+                }
+            </View>
+        </View>
+    );
+};
+
+export default ParticipantsPaneFooter;
diff --git a/react/features/participants-pane/components/native/RaisedHandIndicator.tsx b/react/features/participants-pane/components/native/RaisedHandIndicator.tsx
new file mode 100644
index 0000000..a8e2616
--- /dev/null
+++ b/react/features/participants-pane/components/native/RaisedHandIndicator.tsx
@@ -0,0 +1,16 @@
+import React from 'react';
+import { StyleProp, View, ViewStyle } from 'react-native';
+
+import Icon from '../../../base/icons/components/Icon';
+import { IconRaiseHand } from '../../../base/icons/svg';
+
+import styles from './styles';
+
+export const RaisedHandIndicator = () => (
+    <View style = { styles.raisedHandIndicator as StyleProp<ViewStyle> }>
+        <Icon
+            size = { 16 }
+            src = { IconRaiseHand }
+            style = { styles.raisedHandIcon } />
+    </View>
+);
diff --git a/react/features/participants-pane/components/native/RoomParticipantMenu.tsx b/react/features/participants-pane/components/native/RoomParticipantMenu.tsx
new file mode 100644
index 0000000..1216526
--- /dev/null
+++ b/react/features/participants-pane/components/native/RoomParticipantMenu.tsx
@@ -0,0 +1,145 @@
+import React, { PureComponent } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { Text, TextStyle, View, ViewStyle } from 'react-native';
+import { connect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../../app/types';
+import Avatar from '../../../base/avatar/components/Avatar';
+import { hideSheet } from '../../../base/dialog/actions';
+import BottomSheet from '../../../base/dialog/components/native/BottomSheet';
+import { bottomSheetStyles } from '../../../base/dialog/components/native/styles';
+import { translate } from '../../../base/i18n/functions';
+import { getBreakoutRooms } from '../../../breakout-rooms/functions';
+// eslint-disable-next-line lines-around-comment
+// @ts-ignore
+import SendToBreakoutRoom from '../../../video-menu/components/native/SendToBreakoutRoom';
+import styles from '../../../video-menu/components/native/styles';
+
+/**
+ * Size of the rendered avatar in the menu.
+ */
+const AVATAR_SIZE = 24;
+
+interface IProps extends WithTranslation {
+
+    /**
+     * The list of all breakout rooms.
+     */
+    _rooms: Array<any>;
+
+    /**
+     * The Redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * The jid of the selected participant.
+     */
+    participantJid: string;
+
+    /**
+     * The display name of the selected participant.
+     */
+    participantName: string;
+
+    /**
+     * The room the participant is in.
+     */
+    room: any;
+}
+
+/**
+ * Class to implement a popup menu that opens upon long pressing a thumbnail.
+ */
+class RoomParticipantMenu extends PureComponent<IProps> {
+    /**
+     * Constructor of the component.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._onCancel = this._onCancel.bind(this);
+        this._renderMenuHeader = this._renderMenuHeader.bind(this);
+    }
+
+    /**
+     * Implements {@code Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { _rooms, participantJid, room, t } = this.props;
+        const buttonProps = {
+            afterClick: this._onCancel,
+            showLabel: true,
+            participantID: participantJid,
+            styles: bottomSheetStyles.buttons
+        };
+
+        return (
+            <BottomSheet
+                renderHeader = { this._renderMenuHeader }
+                showSlidingView = { true }>
+                <View style = { styles.contextMenuItem as ViewStyle }>
+                    <Text style = { styles.contextMenuItemText as ViewStyle }>
+                        {t('breakoutRooms.actions.sendToBreakoutRoom')}
+                    </Text>
+                </View>
+                {_rooms.map(r => room.id !== r.id && (<SendToBreakoutRoom
+                    key = { r.id }
+                    room = { r }
+                    { ...buttonProps } />))}
+            </BottomSheet>
+        );
+    }
+
+    /**
+     * Callback to hide the {@code RemoteVideoMenu}.
+     *
+     * @private
+     * @returns {boolean}
+     */
+    _onCancel() {
+        this.props.dispatch(hideSheet());
+    }
+
+    /**
+     * Function to render the menu's header.
+     *
+     * @returns {React$Element}
+     */
+    _renderMenuHeader() {
+        const { participantName } = this.props;
+
+        return (
+            <View
+                style = { [
+                    bottomSheetStyles.sheet,
+                    styles.participantNameContainer ] as ViewStyle[] }>
+                <Avatar
+                    displayName = { participantName }
+                    size = { AVATAR_SIZE } />
+                <Text style = { styles.participantNameLabel as TextStyle }>
+                    { participantName }
+                </Text>
+            </View>
+        );
+    }
+}
+
+/**
+ * Function that maps parts of Redux state tree into component props.
+ *
+ * @param {Object} state - Redux state.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    return {
+        _rooms: Object.values(getBreakoutRooms(state))
+    };
+}
+
+export default translate(connect(_mapStateToProps)(RoomParticipantMenu));
diff --git a/react/features/participants-pane/components/native/VisitorsItem.tsx b/react/features/participants-pane/components/native/VisitorsItem.tsx
new file mode 100644
index 0000000..ad54fc1
--- /dev/null
+++ b/react/features/participants-pane/components/native/VisitorsItem.tsx
@@ -0,0 +1,46 @@
+import React, { useCallback } from 'react';
+import { useDispatch } from 'react-redux';
+
+import Button from '../../../base/ui/components/native/Button';
+import { BUTTON_TYPES } from '../../../base/ui/constants.native';
+import { approveRequest, denyRequest } from '../../../visitors/actions';
+import { IPromotionRequest } from '../../../visitors/types';
+
+import ParticipantItem from './ParticipantItem';
+import styles from './styles';
+
+interface IProps {
+
+    /**
+     * Promotion request reference.
+     */
+    request: IPromotionRequest;
+}
+
+export const VisitorsItem = ({ request: r }: IProps) => {
+    const dispatch = useDispatch();
+    const admit = useCallback(() => dispatch(approveRequest(r)), [ dispatch, r ]);
+    const reject = useCallback(() => dispatch(denyRequest(r)), [ dispatch, r ]);
+    const { from, nick } = r;
+
+    return (
+        <ParticipantItem
+            displayName = { nick ?? '' }
+            isKnockingParticipant = { true }
+            key = { from }
+            participantID = { from } >
+            <Button
+                accessibilityLabel = 'participantsPane.actions.reject'
+                labelKey = 'participantsPane.actions.reject'
+                onClick = { reject }
+                style = { styles.buttonReject }
+                type = { BUTTON_TYPES.DESTRUCTIVE } />
+            <Button
+                accessibilityLabel = 'participantsPane.actions.admit'
+                labelKey = 'participantsPane.actions.admit'
+                onClick = { admit }
+                style = { styles.buttonAdmit }
+                type = { BUTTON_TYPES.PRIMARY } />
+        </ParticipantItem>
+    );
+};
diff --git a/react/features/participants-pane/components/native/VisitorsList.tsx b/react/features/participants-pane/components/native/VisitorsList.tsx
new file mode 100644
index 0000000..3ae7ad9
--- /dev/null
+++ b/react/features/participants-pane/components/native/VisitorsList.tsx
@@ -0,0 +1,90 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Text, View, ViewStyle } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
+
+import Button from '../../../base/ui/components/native/Button';
+import { BUTTON_MODES, BUTTON_TYPES } from '../../../base/ui/constants.native';
+import { admitMultiple, goLive } from '../../../visitors/actions';
+import {
+    getPromotionRequests,
+    getVisitorsCount,
+    getVisitorsInQueueCount,
+    isVisitorsLive
+} from '../../../visitors/functions';
+
+import { VisitorsItem } from './VisitorsItem';
+import styles from './styles';
+
+const VisitorsList = () => {
+    const visitorsCount = useSelector(getVisitorsCount);
+
+    const dispatch = useDispatch();
+
+    const requests = useSelector(getPromotionRequests);
+
+    const admitAll = useCallback(() => {
+        dispatch(admitMultiple(requests));
+    }, [ dispatch, requests ]);
+    const goLiveCb = useCallback(() => {
+        dispatch(goLive());
+    }, [ dispatch ]);
+    const { t } = useTranslation();
+
+    const visitorsInQueueCount = useSelector(getVisitorsInQueueCount);
+    const isLive = useSelector(isVisitorsLive);
+    const showVisitorsInQueue = visitorsInQueueCount > 0 && isLive === false;
+
+    if (visitorsCount <= 0 && !showVisitorsInQueue) {
+        return null;
+    }
+
+    let title = t('participantsPane.headings.visitors', { count: visitorsCount });
+
+    if (requests.length > 0) {
+        title += t('participantsPane.headings.visitorRequests', { count: requests.length });
+    }
+
+    if (showVisitorsInQueue) {
+        title += t('participantsPane.headings.visitorInQueue', { count: visitorsInQueueCount });
+    }
+
+    return (
+        <>
+            <View style = { styles.listDetails as ViewStyle } >
+                <Text style = { styles.visitorsLabel }>
+                    { title }
+                </Text>
+                {
+                    requests.length > 1 && !showVisitorsInQueue && (
+                        <Button
+                            accessibilityLabel = 'participantsPane.actions.admitAll'
+                            labelKey = 'participantsPane.actions.admitAll'
+                            mode = { BUTTON_MODES.TEXT }
+                            onClick = { admitAll }
+                            type = { BUTTON_TYPES.PRIMARY } />
+                    )
+                }
+                {
+                    showVisitorsInQueue && (
+                        <Button
+                            accessibilityLabel = 'participantsPane.actions.goLive'
+                            labelKey = 'participantsPane.actions.goLive'
+                            mode = { BUTTON_MODES.TEXT }
+                            onClick = { goLiveCb }
+                            type = { BUTTON_TYPES.PRIMARY } />
+                    )
+                }
+            </View>
+            {
+                requests.map(r => (
+                    <VisitorsItem
+                        key = { r.from }
+                        request = { r } />)
+                )
+            }
+        </>
+    );
+};
+
+export default VisitorsList;
diff --git a/react/features/participants-pane/components/native/styles.ts b/react/features/participants-pane/components/native/styles.ts
new file mode 100644
index 0000000..438b407
--- /dev/null
+++ b/react/features/participants-pane/components/native/styles.ts
@@ -0,0 +1,291 @@
+import BaseTheme from '../../../base/ui/components/BaseTheme.native';
+
+/**
+ * The style for participant list description.
+ */
+const participantListDescription = {
+    ...BaseTheme.typography.heading6,
+    color: BaseTheme.palette.text01,
+    fontSize: 15,
+    fontWeight: 'bold',
+    marginLeft: BaseTheme.spacing[2],
+    marginVertical: BaseTheme.spacing[2],
+    position: 'relative',
+    width: '70%'
+};
+
+/**
+ * The style for content.
+ */
+const flexContent = {
+    alignItems: 'center',
+    color: BaseTheme.palette.icon01,
+    display: 'flex',
+    flex: 1
+};
+
+/**
+ * The style for the context menu items text.
+ */
+const contextMenuItemText = {
+    ...BaseTheme.typography.bodyShortRegularLarge,
+    color: BaseTheme.palette.text01
+};
+
+/**
+ * The style of the participants pane buttons.
+ */
+export const button = {
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'center'
+};
+
+/**
+ * The style of the context menu pane items.
+ */
+const contextMenuItem = {
+    alignItems: 'center',
+    display: 'flex',
+    flexDirection: 'row',
+    height: BaseTheme.spacing[7],
+    marginLeft: BaseTheme.spacing[3]
+};
+
+const participantNameContainer = {
+    display: 'flex',
+    flexDirection: 'row',
+    overflow: 'hidden',
+    paddingLeft: BaseTheme.spacing[3]
+};
+
+/**
+ * The styles of the native components of the feature {@code participants}.
+ */
+export default {
+
+    participantsBadge: {
+        backgroundColor: BaseTheme.palette.ui03,
+        borderRadius: BaseTheme.spacing[2],
+        borderColor: 'white',
+        overflow: 'hidden',
+        height: BaseTheme.spacing[3],
+        minWidth: BaseTheme.spacing[3],
+        color: BaseTheme.palette.text01,
+        ...BaseTheme.typography.labelBold,
+        position: 'absolute',
+        right: -3,
+        top: -3,
+        textAlign: 'center',
+        paddingHorizontal: 2
+    },
+
+    participantsButtonBadge: {
+        display: 'flex',
+        position: 'relative'
+    },
+
+    participantContainer: {
+        alignItems: 'center',
+        display: 'flex',
+        flexDirection: 'row',
+        height: BaseTheme.spacing[9],
+        paddingLeft: BaseTheme.spacing[3],
+        paddingRight: BaseTheme.spacing[3],
+        width: '100%'
+    },
+
+    participantContent: {
+        alignItems: 'center',
+        borderBottomColor: BaseTheme.palette.ui02,
+        borderBottomWidth: 2.4,
+        display: 'flex',
+        flexDirection: 'row',
+        height: '100%',
+        overflow: 'hidden',
+        width: '100%'
+    },
+
+    participantDetailsContainer: {
+        display: 'flex',
+        flexDirection: 'column',
+        width: '73%'
+    },
+
+    participantDetailsContainerRaisedHand: {
+        width: '65%'
+    },
+
+    participantNameContainer: {
+        ...participantNameContainer,
+        width: '100%'
+    },
+
+    lobbyParticipantNameContainer: {
+        ...participantNameContainer,
+        width: '40%'
+    },
+
+    participantName: {
+        color: BaseTheme.palette.text01,
+        overflow: 'hidden'
+    },
+
+    moderatorLabel: {
+        color: BaseTheme.palette.text03,
+        alignSelf: 'flex-start',
+        paddingLeft: BaseTheme.spacing[3],
+        paddingTop: BaseTheme.spacing[1]
+    },
+
+    participantStatesContainer: {
+        display: 'flex',
+        flexDirection: 'row',
+        marginLeft: 'auto',
+        width: '15%'
+    },
+
+    participantStateVideo: {
+        paddingRight: BaseTheme.spacing[3]
+    },
+
+    raisedHandIndicator: {
+        backgroundColor: BaseTheme.palette.warning02,
+        borderRadius: BaseTheme.shape.borderRadius / 2,
+        height: BaseTheme.spacing[4],
+        width: BaseTheme.spacing[4],
+        marginLeft: 'auto',
+        marginRight: BaseTheme.spacing[2]
+    },
+
+    raisedHandIcon: {
+        ...flexContent,
+        top: BaseTheme.spacing[1],
+        color: BaseTheme.palette.uiBackground
+    },
+
+    buttonAdmit: {
+        position: 'absolute',
+        right: 16
+    },
+
+    buttonReject: {
+        position: 'absolute',
+        right: 112
+    },
+
+    lobbyListDescription: {
+        ...participantListDescription
+    },
+
+    listDetails: {
+        alignItems: 'center',
+        display: 'flex',
+        flexDirection: 'row',
+        justifyContent: 'space-between'
+    },
+
+    meetingListContainer: {
+        paddingHorizontal: BaseTheme.spacing[3]
+    },
+
+    meetingListDescription: {
+        ...participantListDescription
+    },
+
+    participantsPaneContainer: {
+        backgroundColor: BaseTheme.palette.ui01,
+        flex: 1,
+        flexDirection: 'column',
+        paddingVertical: BaseTheme.spacing[2]
+    },
+
+    participantsPaneFooterContainer: {
+        alignItems: 'center',
+        bottom: 0,
+        height: 128,
+        left: 0,
+        paddingHorizontal: BaseTheme.spacing[4],
+        right: 0
+    },
+
+    participantsPaneFooter: {
+        display: 'flex',
+        flexDirection: 'row',
+        justifyContent: 'flex-end',
+        paddingBottom: BaseTheme.spacing[3],
+        width: '100%'
+    },
+
+    inviteButton: {
+        marginLeft: BaseTheme.spacing[3],
+        marginRight: BaseTheme.spacing[3],
+        marginVertical: BaseTheme.spacing[2]
+    },
+
+    breakoutRoomsButton: {
+        marginBottom: BaseTheme.spacing[2],
+        width: '100%'
+    },
+
+    moreButton: {
+        marginLeft: BaseTheme.spacing[2]
+    },
+
+    contextMenuItem: {
+        ...contextMenuItem
+    },
+
+    contextMenuItemSection: {
+        ...contextMenuItem
+    },
+
+    contextMenuItemSectionAvatar: {
+        alignItems: 'center',
+        backgroundColor: BaseTheme.palette.ui01,
+        borderBottomColor: BaseTheme.palette.ui07,
+        borderBottomWidth: 1,
+        borderTopLeftRadius: BaseTheme.spacing[3],
+        borderTopRightRadius: BaseTheme.spacing[3],
+        flexDirection: 'row',
+        height: BaseTheme.spacing[7],
+        paddingLeft: BaseTheme.spacing[3]
+    },
+
+    contextMenuItemText: {
+        ...contextMenuItemText,
+        marginLeft: BaseTheme.spacing[3]
+    },
+
+    contextMenuItemTextNoIcon: {
+        ...contextMenuItemText,
+        marginLeft: BaseTheme.spacing[6]
+    },
+
+    contextMenuItemName: {
+        color: BaseTheme.palette.text04,
+        flexShrink: 1,
+        fontSize: BaseTheme.spacing[3],
+        marginLeft: BaseTheme.spacing[3],
+        opacity: 0.90
+    },
+
+    divider: {
+        backgroundColor: BaseTheme.palette.ui07
+    },
+
+    inputContainer: {
+        marginHorizontal: BaseTheme.spacing[3],
+        marginBottom: BaseTheme.spacing[3]
+    },
+
+    centerInput: {
+        textAlign: 'center'
+    },
+
+    visitorsLabel: {
+        ...BaseTheme.typography.heading6,
+        color: BaseTheme.palette.warning02,
+        marginLeft: BaseTheme.spacing[2]
+    }
+};
diff --git a/react/features/participants-pane/components/web/CurrentVisitorsList.tsx b/react/features/participants-pane/components/web/CurrentVisitorsList.tsx
new file mode 100644
index 0000000..d3be9ac
--- /dev/null
+++ b/react/features/participants-pane/components/web/CurrentVisitorsList.tsx
@@ -0,0 +1,172 @@
+/* eslint-disable react/no-multi-comp */
+import React, { useCallback, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+import AutoSizer from 'react-virtualized-auto-sizer';
+import { FixedSizeList } from 'react-window';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState } from '../../../app/types';
+import Icon from '../../../base/icons/components/Icon';
+import { IconArrowDown, IconArrowUp } from '../../../base/icons/svg';
+import { normalizeAccents } from '../../../base/util/strings.web';
+import { subscribeVisitorsList } from '../../../visitors/actions';
+import {
+    getVisitorsCount,
+    getVisitorsList,
+    isVisitorsListEnabled,
+    isVisitorsListSubscribed,
+    shouldDisplayCurrentVisitorsList
+} from '../../../visitors/functions';
+import { ACTION_TRIGGER, MEDIA_STATE } from '../../constants';
+
+import ParticipantItem from './ParticipantItem';
+
+/**
+ * Props for the {@code CurrentVisitorsList} component.
+ */
+interface IProps {
+    searchString: string;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        container: {
+            marginTop: theme.spacing(3),
+            display: 'flex',
+            flexDirection: 'column',
+            minHeight: 0,
+            flexGrow: 1
+        },
+        heading: {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            cursor: 'pointer',
+            padding: `${theme.spacing(1)} 0`,
+            ...theme.typography.bodyShortBold,
+            color: theme.palette.text02,
+            flexShrink: 0
+        },
+        arrowContainer: {
+            backgroundColor: theme.palette.ui03,
+            width: '24px',
+            height: '24px',
+            borderRadius: '6px',
+            marginLeft: theme.spacing(2),
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            border: 'none'
+        },
+        listContainer: {
+            flex: 1,
+            minHeight: '200px',
+            maxHeight: '100%'
+        }
+    };
+});
+
+/**
+ * Renders the visitors list inside the participants pane.
+ *
+ * @param {IProps} props - Component props.
+ * @returns {React$Element<any>} The component.
+ */
+export default function CurrentVisitorsList({ searchString }: IProps) {
+    const visitorsCount = useSelector(getVisitorsCount);
+    const visitors = useSelector(getVisitorsList);
+    const featureEnabled = useSelector(isVisitorsListEnabled);
+    const shouldDisplayList = useSelector(shouldDisplayCurrentVisitorsList);
+    const { defaultRemoteDisplayName } = useSelector((state: IReduxState) => state['features/base/config']);
+    const { t } = useTranslation();
+    const { classes } = useStyles();
+    const dispatch = useDispatch();
+    const [ collapsed, setCollapsed ] = useState(true);
+    const isSubscribed = useSelector(isVisitorsListSubscribed);
+
+    const toggleCollapsed = useCallback(() => {
+        setCollapsed(c => {
+            const newCollapsed = !c;
+
+            if (featureEnabled && !newCollapsed && !isSubscribed) {
+                dispatch(subscribeVisitorsList());
+            }
+
+            return newCollapsed;
+        });
+    }, [ dispatch, isSubscribed, featureEnabled ]);
+
+    useEffect(() => {
+        if (featureEnabled && searchString) {
+            setCollapsed(false);
+            if (!isSubscribed) {
+                dispatch(subscribeVisitorsList());
+            }
+        }
+    }, [ searchString, dispatch, isSubscribed, featureEnabled ]);
+
+    if (!shouldDisplayList) {
+        return null;
+    }
+
+    const filtered = visitors.filter(v => {
+        const displayName = v.name || defaultRemoteDisplayName || 'Fellow Jitster';
+
+        return normalizeAccents(displayName).toLowerCase().includes(normalizeAccents(searchString).toLowerCase());
+    });
+
+    // ListItem height is 56px including padding so the item size
+    // for virtualization needs to match it exactly to avoid clipping.
+    const itemSize = 56;
+
+    const Row = ({ index, style }: { index: number; style: any; }) => {
+        const v = filtered[index];
+
+        return (
+            <div style = { style }>
+                <ParticipantItem
+                    actionsTrigger = { ACTION_TRIGGER.HOVER }
+                    audioMediaState = { MEDIA_STATE.NONE }
+                    displayName = { v.name || defaultRemoteDisplayName || 'Fellow Jitster' }
+                    participantID = { v.id }
+                    videoMediaState = { MEDIA_STATE.NONE } />
+            </div>
+        );
+    };
+    const styles = {
+        overflowX: 'hidden' as const,
+        overflowY: 'auto' as const,
+    };
+
+    return (
+        <div className = { classes.container }>
+            <div
+                className = { classes.heading }
+                onClick = { toggleCollapsed }>
+                <span>{ t('participantsPane.headings.visitorsList', { count: visitorsCount }) }</span>
+                <span className = { classes.arrowContainer }>
+                    <Icon
+                        size = { 14 }
+                        src = { collapsed ? IconArrowDown : IconArrowUp } />
+                </span>
+            </div>
+            {!collapsed && (
+                <div className = { classes.listContainer }>
+                    <AutoSizer>
+                        { ({ height, width }) => (
+                            <FixedSizeList
+                                height = { Math.max(height, 200) }
+                                itemCount = { filtered.length }
+                                itemSize = { itemSize }
+                                style = { styles }
+                                width = { width }>
+                                { Row }
+                            </FixedSizeList>
+                        )}
+                    </AutoSizer>
+                </div>
+            )}
+        </div>
+    );
+}
diff --git a/react/features/participants-pane/components/web/FooterContextMenu.tsx b/react/features/participants-pane/components/web/FooterContextMenu.tsx
new file mode 100644
index 0000000..bd385be
--- /dev/null
+++ b/react/features/participants-pane/components/web/FooterContextMenu.tsx
@@ -0,0 +1,198 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState } from '../../../app/types';
+import {
+    requestDisableAudioModeration,
+    requestDisableDesktopModeration,
+    requestDisableVideoModeration,
+    requestEnableAudioModeration,
+    requestEnableDesktopModeration,
+    requestEnableVideoModeration
+} from '../../../av-moderation/actions';
+import { MEDIA_TYPE } from '../../../av-moderation/constants';
+import {
+    isEnabled as isAvModerationEnabled,
+    isSupported as isAvModerationSupported
+} from '../../../av-moderation/functions';
+import { openDialog } from '../../../base/dialog/actions';
+import {
+    IconCheck,
+    IconCloseLarge,
+    IconDotsHorizontal,
+    IconScreenshare,
+    IconVideoOff
+} from '../../../base/icons/svg';
+import { getRaiseHandsQueue } from '../../../base/participants/functions';
+import ContextMenu from '../../../base/ui/components/web/ContextMenu';
+import ContextMenuItemGroup from '../../../base/ui/components/web/ContextMenuItemGroup';
+import { isInBreakoutRoom } from '../../../breakout-rooms/functions';
+import { openSettingsDialog } from '../../../settings/actions.web';
+import { SETTINGS_TABS } from '../../../settings/constants';
+import { shouldShowModeratorSettings } from '../../../settings/functions.web';
+import LowerHandButton from '../../../video-menu/components/web/LowerHandButton';
+import MuteEveryonesDesktopDialog from '../../../video-menu/components/web/MuteEveryonesDesktopDialog';
+import MuteEveryonesVideoDialog from '../../../video-menu/components/web/MuteEveryonesVideoDialog';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        contextMenu: {
+            bottom: 'auto',
+            margin: '0',
+            right: 0,
+            top: '-8px',
+            transform: 'translateY(-100%)',
+            width: '283px',
+
+            // Allow text in menu items to wrap to multiple lines.
+            '& [role="button"] > div > span, & [role="menuitem"] > div > span': {
+                whiteSpace: 'normal',
+                wordBreak: 'break-word',
+                overflowWrap: 'break-word'
+            }
+        },
+
+        text: {
+            ...theme.typography.bodyShortRegular,
+            color: theme.palette.text02,
+            padding: '10px 16px',
+            height: '40px',
+            overflow: 'hidden',
+            display: 'flex',
+            alignItems: 'center',
+            boxSizing: 'border-box'
+        },
+
+        indentedLabel: {
+            '& > span': {
+                marginLeft: '36px'
+            }
+        }
+    };
+});
+
+interface IProps {
+
+    /**
+     * Whether the menu is open.
+     */
+    isOpen: boolean;
+
+    /**
+     * Drawer close callback.
+     */
+    onDrawerClose: (e?: React.MouseEvent) => void;
+
+    /**
+     * Callback for the mouse leaving this item.
+     */
+    onMouseLeave?: (e?: React.MouseEvent) => void;
+}
+
+export const FooterContextMenu = ({ isOpen, onDrawerClose, onMouseLeave }: IProps) => {
+    const dispatch = useDispatch();
+    const isModerationSupported = useSelector((state: IReduxState) => isAvModerationSupported()(state));
+    const raisedHandsQueue = useSelector(getRaiseHandsQueue);
+    const isModeratorSettingsTabEnabled = useSelector(shouldShowModeratorSettings);
+    const isAudioModerationEnabled = useSelector(isAvModerationEnabled(MEDIA_TYPE.AUDIO));
+    const isDesktopModerationEnabled = useSelector(isAvModerationEnabled(MEDIA_TYPE.DESKTOP));
+    const isVideoModerationEnabled = useSelector(isAvModerationEnabled(MEDIA_TYPE.VIDEO));
+    const isBreakoutRoom = useSelector(isInBreakoutRoom);
+    const { t } = useTranslation();
+
+    const disableAudioModeration = useCallback(() => dispatch(requestDisableAudioModeration()), [ dispatch ]);
+    const disableDesktopModeration = useCallback(() => dispatch(requestDisableDesktopModeration()), [ dispatch ]);
+    const disableVideoModeration = useCallback(() => dispatch(requestDisableVideoModeration()), [ dispatch ]);
+    const enableAudioModeration = useCallback(() => dispatch(requestEnableAudioModeration()), [ dispatch ]);
+    const enableDesktopModeration = useCallback(() => dispatch(requestEnableDesktopModeration()), [ dispatch ]);
+    const enableVideoModeration = useCallback(() => dispatch(requestEnableVideoModeration()), [ dispatch ]);
+
+    const { classes } = useStyles();
+
+    const muteAllVideo = useCallback(
+        () => dispatch(openDialog('MuteEveryonesVideoDialog', MuteEveryonesVideoDialog)), [ dispatch ]);
+
+    const muteAllDesktop = useCallback(
+        () => dispatch(openDialog('MuteEveryonesDesktopDialog', MuteEveryonesDesktopDialog)), [ dispatch ]);
+
+    const openModeratorSettings = () => dispatch(openSettingsDialog(SETTINGS_TABS.MODERATOR));
+
+    const actions = [
+        {
+            accessibilityLabel: t('participantsPane.actions.audioModeration'),
+            className: isAudioModerationEnabled ? classes.indentedLabel : '',
+            id: isAudioModerationEnabled
+                ? 'participants-pane-context-menu-stop-audio-moderation'
+                : 'participants-pane-context-menu-start-audio-moderation',
+            icon: isAudioModerationEnabled ? IconCloseLarge : IconCheck,
+            onClick: isAudioModerationEnabled ? disableAudioModeration : enableAudioModeration,
+            text: t('participantsPane.actions.audioModeration')
+        }, {
+            accessibilityLabel: t('participantsPane.actions.videoModeration'),
+            className: isVideoModerationEnabled ? classes.indentedLabel : '',
+            id: isVideoModerationEnabled
+                ? 'participants-pane-context-menu-stop-video-moderation'
+                : 'participants-pane-context-menu-start-video-moderation',
+            icon: isVideoModerationEnabled ? IconCloseLarge : IconCheck,
+            onClick: isVideoModerationEnabled ? disableVideoModeration : enableVideoModeration,
+            text: t('participantsPane.actions.videoModeration')
+        }, {
+            accessibilityLabel: t('participantsPane.actions.desktopModeration'),
+            className: isDesktopModerationEnabled ? classes.indentedLabel : '',
+            id: isDesktopModerationEnabled
+                ? 'participants-pane-context-menu-stop-desktop-moderation'
+                : 'participants-pane-context-menu-start-desktop-moderation',
+            icon: isDesktopModerationEnabled ? IconCloseLarge : IconCheck,
+            onClick: isDesktopModerationEnabled ? disableDesktopModeration : enableDesktopModeration,
+            text: t('participantsPane.actions.desktopModeration')
+        }
+    ];
+
+    return (
+        <ContextMenu
+            activateFocusTrap = { true }
+            className = { classes.contextMenu }
+            hidden = { !isOpen }
+            isDrawerOpen = { isOpen }
+            onDrawerClose = { onDrawerClose }
+            onMouseLeave = { onMouseLeave }>
+            <ContextMenuItemGroup
+                actions = { [
+                    {
+                        accessibilityLabel: t('participantsPane.actions.stopEveryonesVideo'),
+                        id: 'participants-pane-context-menu-stop-video',
+                        icon: IconVideoOff,
+                        onClick: muteAllVideo,
+                        text: t('participantsPane.actions.stopEveryonesVideo')
+                    },
+                    {
+                        accessibilityLabel: t('participantsPane.actions.stopEveryonesDesktop'),
+                        id: 'participants-pane-context-menu-stop-desktop',
+                        icon: IconScreenshare,
+                        onClick: muteAllDesktop,
+                        text: t('participantsPane.actions.stopEveryonesDesktop')
+                    }
+                ] } />
+            {raisedHandsQueue.length !== 0 && <LowerHandButton />}
+            {!isBreakoutRoom && isModerationSupported && (
+                <ContextMenuItemGroup actions = { actions }>
+                    <div className = { classes.text }>
+                        <span>{t('participantsPane.actions.allow')}</span>
+                    </div>
+                </ContextMenuItemGroup>
+            )}
+            {isModeratorSettingsTabEnabled && (
+                <ContextMenuItemGroup
+                    actions = { [ {
+                        accessibilityLabel: t('participantsPane.actions.moreModerationControls'),
+                        id: 'participants-pane-open-moderation-control-settings',
+                        icon: IconDotsHorizontal,
+                        onClick: openModeratorSettings,
+                        text: t('participantsPane.actions.moreModerationControls')
+                    } ] } />
+            )}
+        </ContextMenu>
+    );
+};
diff --git a/react/features/participants-pane/components/web/InviteButton.tsx b/react/features/participants-pane/components/web/InviteButton.tsx
new file mode 100644
index 0000000..1dca351
--- /dev/null
+++ b/react/features/participants-pane/components/web/InviteButton.tsx
@@ -0,0 +1,46 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { createToolbarEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { IReduxState } from '../../../app/types';
+import { IconAddUser } from '../../../base/icons/svg';
+import Button from '../../../base/ui/components/web/Button';
+import { BUTTON_TYPES } from '../../../base/ui/constants.web';
+import { beginAddPeople } from '../../../invite/actions';
+import { NOTIFY_CLICK_MODE } from '../../../toolbox/types';
+
+const INVITE_BUTTON_KEY = 'invite';
+
+export const InviteButton = () => {
+    const dispatch = useDispatch();
+    const { t } = useTranslation();
+    const notifyMode = useSelector(
+        (state: IReduxState) => state['features/toolbox'].buttonsWithNotifyClick?.get(INVITE_BUTTON_KEY));
+
+    const onInvite = useCallback(() => {
+        if (notifyMode) {
+            APP.API.notifyToolbarButtonClicked(
+                INVITE_BUTTON_KEY, notifyMode === NOTIFY_CLICK_MODE.PREVENT_AND_NOTIFY
+            );
+        }
+
+        if (notifyMode === NOTIFY_CLICK_MODE.PREVENT_AND_NOTIFY) {
+            return;
+        }
+
+        sendAnalytics(createToolbarEvent(INVITE_BUTTON_KEY));
+        dispatch(beginAddPeople());
+    }, [ dispatch, notifyMode ]);
+
+    return (
+        <Button
+            accessibilityLabel = { t('participantsPane.actions.invite') }
+            fullWidth = { true }
+            icon = { IconAddUser }
+            labelKey = { 'participantsPane.actions.invite' }
+            onClick = { onInvite }
+            type = { BUTTON_TYPES.PRIMARY } />
+    );
+};
diff --git a/react/features/participants-pane/components/web/LobbyParticipantItem.tsx b/react/features/participants-pane/components/web/LobbyParticipantItem.tsx
new file mode 100644
index 0000000..5bb8a38
--- /dev/null
+++ b/react/features/participants-pane/components/web/LobbyParticipantItem.tsx
@@ -0,0 +1,140 @@
+import React, { useCallback, useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IconDotsHorizontal, IconMessage, IconUserDeleted } from '../../../base/icons/svg';
+import { hasRaisedHand } from '../../../base/participants/functions';
+import { IParticipant } from '../../../base/participants/types';
+import Button from '../../../base/ui/components/web/Button';
+import ContextMenu from '../../../base/ui/components/web/ContextMenu';
+import ContextMenuItemGroup from '../../../base/ui/components/web/ContextMenuItemGroup';
+import { BUTTON_TYPES } from '../../../base/ui/constants.web';
+import { showLobbyChatButton } from '../../../lobby/functions';
+import { ACTION_TRIGGER, MEDIA_STATE } from '../../constants';
+import { useLobbyActions } from '../../hooks';
+
+import ParticipantItem from './ParticipantItem';
+
+interface IProps {
+
+    /**
+     * Callback used to open a drawer with admit/reject actions.
+     */
+    openDrawerForParticipant: Function;
+
+    /**
+     * If an overflow drawer should be displayed.
+     */
+    overflowDrawer: boolean;
+
+    /**
+     * Participant reference.
+     */
+    participant: IParticipant;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        button: {
+            marginRight: theme.spacing(2)
+        },
+        moreButton: {
+            paddingRight: '6px',
+            paddingLeft: '6px',
+            marginRight: theme.spacing(2)
+        },
+        contextMenu: {
+            position: 'fixed',
+            top: 'auto',
+            marginRight: '8px'
+        }
+    };
+});
+
+export const LobbyParticipantItem = ({
+    overflowDrawer,
+    participant: p,
+    openDrawerForParticipant
+}: IProps) => {
+    const { id } = p;
+    const [ admit, reject, chat ] = useLobbyActions({ participantID: id });
+    const { t } = useTranslation();
+    const [ isOpen, setIsOpen ] = useState(false);
+    const { classes: styles } = useStyles();
+
+    const showChat = useSelector(showLobbyChatButton(p));
+
+    const moreButtonRef = useRef();
+
+    const openContextMenu = useCallback(() => setIsOpen(true), []);
+    const closeContextMenu = useCallback(() => setIsOpen(false), []);
+
+    const renderAdmitButton = () => (
+        <Button
+            accessibilityLabel = { `${t('participantsPane.actions.admit')} ${p.name}` }
+            className = { styles.button }
+            labelKey = { 'participantsPane.actions.admit' }
+            onClick = { admit }
+            size = 'small'
+            testId = { `admit-${id}` } />);
+
+    return (
+        <ParticipantItem
+            actionsTrigger = { ACTION_TRIGGER.PERMANENT }
+            audioMediaState = { MEDIA_STATE.NONE }
+            displayName = { p.name }
+            local = { p.local }
+            openDrawerForParticipant = { openDrawerForParticipant }
+            overflowDrawer = { overflowDrawer }
+            participantID = { id }
+            raisedHand = { hasRaisedHand(p) }
+            videoMediaState = { MEDIA_STATE.NONE }
+            youText = { t('chat.you') }>
+
+            {showChat ? <>
+                {renderAdmitButton()}
+                <Button
+                    accessibilityLabel = { `${t('participantsPane.actions.moreModerationActions')} ${p.name}` }
+                    className = { styles.moreButton }
+                    icon = { IconDotsHorizontal }
+                    onClick = { openContextMenu }
+                    ref = { moreButtonRef }
+                    size = 'small' />
+                <ContextMenu
+                    className = { styles.contextMenu }
+                    hidden = { !isOpen }
+                    offsetTarget = { moreButtonRef.current }
+                    onMouseLeave = { closeContextMenu }>
+                    <ContextMenuItemGroup
+                        actions = { [ {
+                            accessibilityLabel: `${t('lobby.chat')} ${p.name}`,
+                            onClick: chat,
+                            testId: `lobby-chat-${id}`,
+                            icon: IconMessage,
+                            text: t('lobby.chat')
+                        } ] } />
+                    <ContextMenuItemGroup
+                        actions = { [ {
+                            accessibilityLabel: `${t('participantsPane.actions.reject')} ${p.name}`,
+                            onClick: reject,
+                            testId: `reject-${id}`,
+                            icon: IconUserDeleted,
+                            text: t('participantsPane.actions.reject')
+                        } ] } />
+                </ContextMenu>
+            </> : <>
+                <Button
+                    accessibilityLabel = { `${t('participantsPane.actions.reject')} ${p.name}` }
+                    className = { styles.button }
+                    labelKey = { 'participantsPane.actions.reject' }
+                    onClick = { reject }
+                    size = 'small'
+                    testId = { `reject-${id}` }
+                    type = { BUTTON_TYPES.DESTRUCTIVE } />
+                {renderAdmitButton()}
+            </>
+            }
+        </ParticipantItem>
+    );
+};
diff --git a/react/features/participants-pane/components/web/LobbyParticipantItems.tsx b/react/features/participants-pane/components/web/LobbyParticipantItems.tsx
new file mode 100644
index 0000000..e6abdce
--- /dev/null
+++ b/react/features/participants-pane/components/web/LobbyParticipantItems.tsx
@@ -0,0 +1,59 @@
+import React from 'react';
+import { makeStyles } from 'tss-react/mui';
+
+import { IParticipant } from '../../../base/participants/types';
+
+import { LobbyParticipantItem } from './LobbyParticipantItem';
+
+interface IProps {
+
+    /**
+     * Opens a drawer with actions for a knocking participant.
+     */
+    openDrawerForParticipant: Function;
+
+    /**
+     * If a drawer with actions should be displayed.
+     */
+    overflowDrawer: boolean;
+
+    /**
+     * List with the knocking participants.
+     */
+    participants: IParticipant[];
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        container: {
+            margin: `${theme.spacing(3)} 0`
+        }
+    };
+});
+
+/**
+ * Component used to display a list of knocking participants.
+ *
+ * @param {Object} props - The props of the component.
+ * @returns {ReactNode}
+ */
+function LobbyParticipantItems({ openDrawerForParticipant, overflowDrawer, participants }: IProps) {
+    const { classes } = useStyles();
+
+    return (
+        <div
+            className = { classes.container }
+            id = 'lobby-list'>
+            {participants.map(p => (
+                <LobbyParticipantItem
+                    key = { p.id }
+                    openDrawerForParticipant = { openDrawerForParticipant }
+                    overflowDrawer = { overflowDrawer }
+                    participant = { p } />)
+            )}
+        </div>
+    );
+}
+
+// Memoize the component in order to avoid rerender on drawer open/close.
+export default React.memo<IProps>(LobbyParticipantItems);
diff --git a/react/features/participants-pane/components/web/LobbyParticipants.tsx b/react/features/participants-pane/components/web/LobbyParticipants.tsx
new file mode 100644
index 0000000..5d30996
--- /dev/null
+++ b/react/features/participants-pane/components/web/LobbyParticipants.tsx
@@ -0,0 +1,135 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import Avatar from '../../../base/avatar/components/Avatar';
+import Icon from '../../../base/icons/components/Icon';
+import { IconCheck, IconCloseLarge } from '../../../base/icons/svg';
+import { admitMultiple } from '../../../lobby/actions.web';
+import { getKnockingParticipants, getLobbyEnabled } from '../../../lobby/functions';
+import Drawer from '../../../toolbox/components/web/Drawer';
+import JitsiPortal from '../../../toolbox/components/web/JitsiPortal';
+import { showOverflowDrawer } from '../../../toolbox/functions.web';
+import { useLobbyActions, useParticipantDrawer } from '../../hooks';
+
+import LobbyParticipantItems from './LobbyParticipantItems';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        drawerActions: {
+            listStyleType: 'none',
+            margin: 0,
+            padding: 0
+        },
+        drawerItem: {
+            alignItems: 'center',
+            color: theme.palette.text01,
+            display: 'flex',
+            padding: '12px 16px',
+            ...theme.typography.bodyShortRegularLarge,
+
+            '&:first-child': {
+                marginTop: '15px'
+            },
+
+            '&:hover': {
+                cursor: 'pointer',
+                background: theme.palette.action02
+            }
+        },
+        icon: {
+            marginRight: 16
+        },
+        headingContainer: {
+            alignItems: 'center',
+            display: 'flex',
+            justifyContent: 'space-between'
+        },
+        heading: {
+            ...theme.typography.bodyShortBold,
+            color: theme.palette.text02
+        },
+        link: {
+            ...theme.typography.labelBold,
+            color: theme.palette.link01,
+            cursor: 'pointer'
+        }
+    };
+});
+
+/**
+ * Component used to display a list of participants waiting in the lobby.
+ *
+ * @returns {ReactNode}
+ */
+export default function LobbyParticipants() {
+    const lobbyEnabled = useSelector(getLobbyEnabled);
+    const participants = useSelector(getKnockingParticipants);
+    const { t } = useTranslation();
+    const { classes } = useStyles();
+    const dispatch = useDispatch();
+    const admitAll = useCallback(() => {
+        dispatch(admitMultiple(participants));
+    }, [ dispatch, participants ]);
+    const overflowDrawer = useSelector(showOverflowDrawer);
+    const [ drawerParticipant, closeDrawer, openDrawerForParticipant ] = useParticipantDrawer();
+    const [ admit, reject ] = useLobbyActions(drawerParticipant, closeDrawer);
+
+    if (!lobbyEnabled || !participants.length) {
+        return null;
+    }
+
+    return (
+        <>
+            <div className = { classes.headingContainer }>
+                <div className = { classes.heading }>
+                    {t('participantsPane.headings.lobby', { count: participants.length })}
+                </div>
+                {
+                    participants.length > 1
+                    && <div
+                        className = { classes.link }
+                        onClick = { admitAll }>{t('participantsPane.actions.admitAll')}</div>
+                }
+            </div>
+            <LobbyParticipantItems
+                openDrawerForParticipant = { openDrawerForParticipant }
+                overflowDrawer = { overflowDrawer }
+                participants = { participants } />
+            <JitsiPortal>
+                <Drawer
+                    isOpen = { Boolean(drawerParticipant && overflowDrawer) }
+                    onClose = { closeDrawer }>
+                    <ul className = { classes.drawerActions }>
+                        <li className = { classes.drawerItem }>
+                            <Avatar
+                                className = { classes.icon }
+                                participantId = { drawerParticipant?.participantID }
+                                size = { 20 } />
+                            <span>{ drawerParticipant?.displayName }</span>
+                        </li>
+                        <li
+                            className = { classes.drawerItem }
+                            onClick = { admit }>
+                            <Icon
+                                className = { classes.icon }
+                                size = { 20 }
+                                src = { IconCheck } />
+                            <span>{ t('participantsPane.actions.admit') }</span>
+                        </li>
+                        <li
+                            className = { classes.drawerItem }
+                            onClick = { reject }>
+                            <Icon
+                                className = { classes.icon }
+                                size = { 20 }
+                                src = { IconCloseLarge } />
+                            <span>{ t('participantsPane.actions.reject')}</span>
+                        </li>
+                    </ul>
+                </Drawer>
+            </JitsiPortal>
+        </>
+    );
+}
diff --git a/react/features/participants-pane/components/web/MeetingParticipantContextMenu.tsx b/react/features/participants-pane/components/web/MeetingParticipantContextMenu.tsx
new file mode 100644
index 0000000..fc1becd
--- /dev/null
+++ b/react/features/participants-pane/components/web/MeetingParticipantContextMenu.tsx
@@ -0,0 +1,143 @@
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import {
+    getLocalParticipant,
+    getParticipantByIdOrUndefined
+} from '../../../base/participants/functions';
+import { IParticipant } from '../../../base/participants/types';
+import FakeParticipantContextMenu from '../../../video-menu/components/web/FakeParticipantContextMenu';
+import ParticipantContextMenu from '../../../video-menu/components/web/ParticipantContextMenu';
+
+interface IProps {
+
+    /**
+     * Shared video local participant owner.
+     */
+    _localVideoOwner: boolean;
+
+    /**
+     * Participant reference.
+     */
+    _participant?: IParticipant;
+
+    /**
+     * Closes a drawer if open.
+     */
+    closeDrawer: () => void;
+
+    /**
+     * The dispatch function from redux.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * The participant for which the drawer is open.
+     * It contains the displayName & participantID.
+     */
+    drawerParticipant: {
+        displayName: string;
+        participantID: string;
+    };
+
+    /**
+     * Target elements against which positioning calculations are made.
+     */
+    offsetTarget?: HTMLElement;
+
+    /**
+     * Callback for the mouse entering the component.
+     */
+    onEnter: (e?: React.MouseEvent) => void;
+
+    /**
+     * Callback for the mouse leaving the component.
+     */
+    onLeave: (e?: React.MouseEvent) => void;
+
+    /**
+     * Callback for making a selection in the menu.
+     */
+    onSelect: (e?: React.MouseEvent | boolean) => void;
+
+    /**
+     * The ID of the participant.
+     */
+    participantID: string;
+}
+
+/**
+ * Implements the MeetingParticipantContextMenu component.
+ */
+class MeetingParticipantContextMenu extends Component<IProps> {
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const {
+            _localVideoOwner,
+            _participant,
+            closeDrawer,
+            drawerParticipant,
+            offsetTarget,
+            onEnter,
+            onLeave,
+            onSelect
+        } = this.props;
+
+        if (!_participant) {
+            return null;
+        }
+
+        const props = {
+            closeDrawer,
+            drawerParticipant,
+            offsetTarget,
+            onEnter,
+            onLeave,
+            onSelect,
+            participant: _participant,
+            thumbnailMenu: false
+        };
+
+        if (_participant?.fakeParticipant) {
+            return (
+                <FakeParticipantContextMenu
+                    { ...props }
+                    localVideoOwner = { _localVideoOwner } />
+            );
+        }
+
+        return <ParticipantContextMenu { ...props } />;
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated props for this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {Object} ownProps - The own props of the component.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState, ownProps: any) {
+    const { participantID, overflowDrawer, drawerParticipant } = ownProps;
+    const { ownerId } = state['features/shared-video'];
+    const localParticipantId = getLocalParticipant(state)?.id;
+
+    const participant = getParticipantByIdOrUndefined(state,
+        overflowDrawer ? drawerParticipant?.participantID : participantID);
+
+    return {
+        _localVideoOwner: Boolean(ownerId === localParticipantId),
+        _participant: participant
+    };
+}
+
+export default translate(connect(_mapStateToProps)(MeetingParticipantContextMenu));
diff --git a/react/features/participants-pane/components/web/MeetingParticipantItem.tsx b/react/features/participants-pane/components/web/MeetingParticipantItem.tsx
new file mode 100644
index 0000000..cd97eb2
--- /dev/null
+++ b/react/features/participants-pane/components/web/MeetingParticipantItem.tsx
@@ -0,0 +1,318 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { JitsiTrackEvents } from '../../../base/lib-jitsi-meet';
+import { MEDIA_TYPE } from '../../../base/media/constants';
+import {
+    getLocalParticipant,
+    getParticipantByIdOrUndefined,
+    getParticipantDisplayName,
+    hasRaisedHand,
+    isParticipantModerator
+} from '../../../base/participants/functions';
+import { IParticipant } from '../../../base/participants/types';
+import {
+    getLocalAudioTrack,
+    getTrackByMediaTypeAndParticipant,
+    isParticipantAudioMuted,
+    isParticipantVideoMuted
+} from '../../../base/tracks/functions.web';
+import { ITrack } from '../../../base/tracks/types';
+import { ACTION_TRIGGER, MEDIA_STATE, type MediaState } from '../../constants';
+import {
+    getParticipantAudioMediaState,
+    getParticipantVideoMediaState,
+    getQuickActionButtonType,
+    participantMatchesSearch
+} from '../../functions';
+
+import ParticipantActionEllipsis from './ParticipantActionEllipsis';
+import ParticipantItem from './ParticipantItem';
+import ParticipantQuickAction from './ParticipantQuickAction';
+
+interface IProps {
+
+    /**
+     * Media state for audio.
+     */
+    _audioMediaState: MediaState;
+
+    /**
+     * The audio track related to the participant.
+     */
+    _audioTrack?: ITrack;
+
+    /**
+     * Whether or not to disable the moderator indicator.
+     */
+    _disableModeratorIndicator: boolean;
+
+    /**
+     * The display name of the participant.
+     */
+    _displayName: string;
+
+    /**
+     * Whether or not moderation is supported.
+     */
+    _isModerationSupported: boolean;
+
+    /**
+     * True if the participant is the local participant.
+     */
+    _local: boolean;
+
+    /**
+     * Whether or not the local participant is moderator.
+     */
+    _localModerator: boolean;
+
+    /**
+     * Shared video local participant owner.
+     */
+    _localVideoOwner: boolean;
+
+    /**
+     * Whether or not the participant name matches the search string.
+     */
+    _matchesSearch: boolean;
+
+    /**
+     * The participant.
+     */
+    _participant?: IParticipant;
+
+    /**
+     * The participant ID.
+     *
+     * NOTE: This ID may be different from participantID prop in the case when we pass undefined for the local
+     * participant. In this case the local participant ID will be filled through _participantID prop.
+     */
+    _participantID: string;
+
+    /**
+     * The type of button to be rendered for the quick action.
+     */
+    _quickActionButtonType: string;
+
+    /**
+     * True if the participant have raised hand.
+     */
+    _raisedHand: boolean;
+
+    /**
+     * Media state for video.
+     */
+    _videoMediaState: MediaState;
+
+    /**
+     * The translated ask unmute text for the quick action buttons.
+     */
+    askUnmuteText: string;
+
+    /**
+     * Is this item highlighted.
+     */
+    isHighlighted: boolean;
+
+    /**
+     * Whether or not the local participant is in a breakout room.
+     */
+    isInBreakoutRoom: boolean;
+
+    /**
+     * The translated text for the mute participant button.
+     */
+    muteParticipantButtonText: string;
+
+    /**
+     * Callback for the activation of this item's context menu.
+     */
+    onContextMenu: () => void;
+
+    /**
+     * Callback for the mouse leaving this item.
+     */
+    onLeave: (e?: React.MouseEvent) => void;
+
+    /**
+     * Callback used to open an actions drawer for a participant.
+     */
+    openDrawerForParticipant: Function;
+
+    /**
+     * True if an overflow drawer should be displayed.
+     */
+    overflowDrawer: boolean;
+
+    /**
+     * The aria-label for the ellipsis action.
+     */
+    participantActionEllipsisLabel: string;
+
+    /**
+     * The ID of the participant.
+     */
+    participantID?: string;
+
+    /**
+     * The translated "you" text.
+     */
+    youText: string;
+}
+
+/**
+ * Implements the MeetingParticipantItem component.
+ *
+ * @param {IProps} props - The props of the component.
+ * @returns {ReactElement}
+ */
+function MeetingParticipantItem({
+    _audioMediaState,
+    _audioTrack,
+    _disableModeratorIndicator,
+    _displayName,
+    _local,
+    _localVideoOwner,
+    _matchesSearch,
+    _participant,
+    _participantID,
+    _quickActionButtonType,
+    _raisedHand,
+    _videoMediaState,
+    isHighlighted,
+    isInBreakoutRoom,
+    onContextMenu,
+    onLeave,
+    openDrawerForParticipant,
+    overflowDrawer,
+    participantActionEllipsisLabel,
+    youText
+}: IProps) {
+
+    const [ hasAudioLevels, setHasAudioLevel ] = useState(false);
+    const [ registeredEvent, setRegisteredEvent ] = useState(false);
+
+    const _updateAudioLevel = useCallback(level => {
+        const audioLevel = typeof level === 'number' && !isNaN(level)
+            ? level : 0;
+
+        setHasAudioLevel(audioLevel > 0.009);
+    }, []);
+
+    useEffect(() => {
+        if (_audioTrack && !registeredEvent) {
+            const { jitsiTrack } = _audioTrack;
+
+            if (jitsiTrack) {
+                jitsiTrack.on(JitsiTrackEvents.TRACK_AUDIO_LEVEL_CHANGED, _updateAudioLevel);
+                setRegisteredEvent(true);
+            }
+        }
+
+        return () => {
+            if (_audioTrack && registeredEvent) {
+                const { jitsiTrack } = _audioTrack;
+
+                jitsiTrack?.off(JitsiTrackEvents.TRACK_AUDIO_LEVEL_CHANGED, _updateAudioLevel);
+            }
+        };
+    }, [ _audioTrack ]);
+
+    if (!_matchesSearch) {
+        return null;
+    }
+
+    const audioMediaState = _audioMediaState === MEDIA_STATE.UNMUTED && hasAudioLevels
+        ? MEDIA_STATE.DOMINANT_SPEAKER : _audioMediaState;
+
+    return (
+        <ParticipantItem
+            actionsTrigger = { ACTION_TRIGGER.HOVER }
+            {
+                ...(_participant?.fakeParticipant ? {} : {
+                    audioMediaState,
+                    videoMediaState: _videoMediaState
+                })
+            }
+            disableModeratorIndicator = { _disableModeratorIndicator }
+            displayName = { _displayName }
+            isHighlighted = { isHighlighted }
+            isModerator = { isParticipantModerator(_participant) }
+            local = { _local }
+            onLeave = { onLeave }
+            openDrawerForParticipant = { openDrawerForParticipant }
+            overflowDrawer = { overflowDrawer }
+            participantID = { _participantID }
+            raisedHand = { _raisedHand }
+            youText = { youText }>
+
+            {!overflowDrawer && !_participant?.fakeParticipant
+                && <>
+                    {!isInBreakoutRoom && (
+                        <ParticipantQuickAction
+                            buttonType = { _quickActionButtonType }
+                            participantID = { _participantID }
+                            participantName = { _displayName } />
+                    )}
+                    <ParticipantActionEllipsis
+                        accessibilityLabel = { participantActionEllipsisLabel }
+                        onClick = { onContextMenu }
+                        participantID = { _participantID } />
+                </>
+            }
+
+            {!overflowDrawer && (_localVideoOwner && _participant?.fakeParticipant) && (
+                <ParticipantActionEllipsis
+                    accessibilityLabel = { participantActionEllipsisLabel }
+                    onClick = { onContextMenu } />
+            )}
+        </ParticipantItem>
+    );
+}
+
+/**
+ * Maps (parts of) the redux state to the associated props for this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {Object} ownProps - The own props of the component.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState, ownProps: any) {
+    const { participantID, searchString } = ownProps;
+    const { ownerId } = state['features/shared-video'];
+    const localParticipantId = getLocalParticipant(state)?.id;
+    const participant = getParticipantByIdOrUndefined(state, participantID);
+    const _displayName = getParticipantDisplayName(state, participant?.id ?? '');
+    const _matchesSearch = participantMatchesSearch(participant, searchString);
+    const _isAudioMuted = isParticipantAudioMuted(participant, state);
+    const _isVideoMuted = isParticipantVideoMuted(participant, state);
+    const _audioMediaState = getParticipantAudioMediaState(participant, _isAudioMuted, state);
+    const _videoMediaState = getParticipantVideoMediaState(participant, _isVideoMuted, state);
+    const _quickActionButtonType = getQuickActionButtonType(participant, state);
+
+    const tracks = state['features/base/tracks'];
+    const _audioTrack = participantID === localParticipantId
+        ? getLocalAudioTrack(tracks) : getTrackByMediaTypeAndParticipant(tracks, MEDIA_TYPE.AUDIO, participantID);
+
+    const { disableModeratorIndicator } = state['features/base/config'];
+
+    return {
+        _audioMediaState,
+        _audioTrack,
+        _disableModeratorIndicator: Boolean(disableModeratorIndicator),
+        _displayName,
+        _local: Boolean(participant?.local),
+        _localVideoOwner: Boolean(ownerId === localParticipantId),
+        _matchesSearch,
+        _participant: participant,
+        _participantID: participant?.id ?? '',
+        _quickActionButtonType,
+        _raisedHand: hasRaisedHand(participant),
+        _videoMediaState
+    };
+}
+
+export default connect(_mapStateToProps)(MeetingParticipantItem);
diff --git a/react/features/participants-pane/components/web/MeetingParticipantItems.tsx b/react/features/participants-pane/components/web/MeetingParticipantItems.tsx
new file mode 100644
index 0000000..29c1cbf
--- /dev/null
+++ b/react/features/participants-pane/components/web/MeetingParticipantItems.tsx
@@ -0,0 +1,106 @@
+import React from 'react';
+
+import MeetingParticipantItem from './MeetingParticipantItem';
+
+interface IProps {
+
+    /**
+     * The translated ask unmute text for the quick action buttons.
+     */
+    askUnmuteText?: string;
+
+    /**
+     * Whether or not the local participant is in a breakout room.
+     */
+    isInBreakoutRoom: boolean;
+
+    /**
+     * Callback for the mouse leaving this item.
+     */
+    lowerMenu: Function;
+
+    /**
+     * The translated text for the mute participant button.
+     */
+    muteParticipantButtonText?: string;
+
+    /**
+     * Callback used to open an actions drawer for a participant.
+     */
+    openDrawerForParticipant: Function;
+
+    /**
+     * True if an overflow drawer should be displayed.
+     */
+    overflowDrawer?: boolean;
+
+    /**
+     * The aria-label for the ellipsis action.
+     */
+    participantActionEllipsisLabel: string;
+
+    /**
+     * The meeting participants.
+     */
+    participantIds: Array<string>;
+
+    /**
+     * The if of the participant for which the context menu should be open.
+     */
+    raiseContextId?: string;
+
+    /**
+     * Current search string.
+     */
+    searchString?: string;
+
+    /**
+     * Callback for the activation of this item's context menu.
+     */
+    toggleMenu: Function;
+
+    /**
+     * The translated "you" text.
+     */
+    youText: string;
+}
+
+/**
+ * Component used to display a list of meeting participants.
+ *
+ * @returns {ReactNode}
+ */
+function MeetingParticipantItems({
+    isInBreakoutRoom,
+    lowerMenu,
+    toggleMenu,
+    participantIds,
+    openDrawerForParticipant,
+    overflowDrawer,
+    raiseContextId,
+    participantActionEllipsisLabel,
+    searchString,
+    youText
+}: IProps) {
+    const renderParticipant = (id: string) => (
+        <MeetingParticipantItem
+            isHighlighted = { raiseContextId === id }
+            isInBreakoutRoom = { isInBreakoutRoom }
+            key = { id }
+            onContextMenu = { toggleMenu(id) }
+            onLeave = { lowerMenu }
+            openDrawerForParticipant = { openDrawerForParticipant }
+            overflowDrawer = { overflowDrawer }
+            participantActionEllipsisLabel = { participantActionEllipsisLabel }
+            participantID = { id }
+            searchString = { searchString }
+            youText = { youText } />
+    );
+
+    return (<>
+        {participantIds.map(renderParticipant)}
+    </>);
+}
+
+// Memoize the component in order to avoid rerender on drawer open/close.
+export default React.memo<IProps>(MeetingParticipantItems);
diff --git a/react/features/participants-pane/components/web/MeetingParticipants.tsx b/react/features/participants-pane/components/web/MeetingParticipants.tsx
new file mode 100644
index 0000000..0fd7279
--- /dev/null
+++ b/react/features/participants-pane/components/web/MeetingParticipants.tsx
@@ -0,0 +1,192 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { connect, useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState } from '../../../app/types';
+import participantsPaneTheme from '../../../base/components/themes/participantsPaneTheme.json';
+import { getParticipantById, isScreenShareParticipant } from '../../../base/participants/functions';
+import Input from '../../../base/ui/components/web/Input';
+import useContextMenu from '../../../base/ui/hooks/useContextMenu.web';
+import { normalizeAccents } from '../../../base/util/strings.web';
+import { getBreakoutRooms, getCurrentRoomId, isInBreakoutRoom } from '../../../breakout-rooms/functions';
+import { isButtonEnabled, showOverflowDrawer } from '../../../toolbox/functions.web';
+import { iAmVisitor } from '../../../visitors/functions';
+import { getSortedParticipantIds, isCurrentRoomRenamable, shouldRenderInviteButton } from '../../functions';
+import { useParticipantDrawer } from '../../hooks.web';
+import RenameButton from '../breakout-rooms/components/web/RenameButton';
+
+import { InviteButton } from './InviteButton';
+import MeetingParticipantContextMenu from './MeetingParticipantContextMenu';
+import MeetingParticipantItems from './MeetingParticipantItems';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        headingW: {
+            color: theme.palette.warning02
+        },
+        heading: {
+            color: theme.palette.text02,
+            ...theme.typography.bodyShortBold,
+            marginBottom: theme.spacing(3),
+
+            [`@media(max-width: ${participantsPaneTheme.MD_BREAKPOINT})`]: {
+                ...theme.typography.bodyShortBoldLarge
+            }
+        },
+
+        search: {
+            margin: `${theme.spacing(3)} 0`,
+
+            '& input': {
+                textAlign: 'center',
+                paddingRight: '16px'
+            }
+        }
+    };
+});
+
+interface IProps {
+    currentRoom?: {
+        jid: string;
+        name: string;
+    };
+    overflowDrawer?: boolean;
+    participantsCount?: number;
+    searchString: string;
+    setSearchString: (newValue: string) => void;
+    showInviteButton?: boolean;
+    sortedParticipantIds?: Array<string>;
+}
+
+/**
+ * Renders the MeetingParticipantList component.
+ * NOTE: This component is not using useSelector on purpose. The child components MeetingParticipantItem
+ * and MeetingParticipantContextMenu are using connect. Having those mixed leads to problems.
+ * When this one was using useSelector and the other two were not -the other two were re-rendered before this one was
+ * re-rendered, so when participant is leaving, we first re-render the item and menu components,
+ * throwing errors (closing the page) before removing those components for the participant that left.
+ *
+ * @returns {ReactNode} - The component.
+ */
+function MeetingParticipants({
+    currentRoom,
+    overflowDrawer,
+    participantsCount,
+    searchString,
+    setSearchString,
+    showInviteButton,
+    sortedParticipantIds = []
+}: IProps) {
+    const { t } = useTranslation();
+
+    const [ lowerMenu, , toggleMenu, menuEnter, menuLeave, raiseContext ] = useContextMenu<string>();
+    const [ drawerParticipant, closeDrawer, openDrawerForParticipant ] = useParticipantDrawer();
+
+    // FIXME:
+    // It seems that useTranslation is not very scalable. Unmount 500 components that have the useTranslation hook is
+    // taking more than 10s. To workaround the issue we need to pass the texts as props. This is temporary and dirty
+    // solution!!!
+    // One potential proper fix would be to use react-window component in order to lower the number of components
+    // mounted.
+    const participantActionEllipsisLabel = t('participantsPane.actions.moreParticipantOptions');
+    const youText = t('chat.you');
+    const isBreakoutRoom = useSelector(isInBreakoutRoom);
+    const _isCurrentRoomRenamable = useSelector(isCurrentRoomRenamable);
+
+    const { classes: styles } = useStyles();
+
+    return (
+        <>
+            <span
+                aria-level = { 1 }
+                className = 'sr-only'
+                role = 'heading'>
+                { t('participantsPane.title') }
+            </span>
+            <div className = { styles.heading }>
+                {currentRoom?.name
+                    ? `${currentRoom.name} (${participantsCount})`
+                    : t('participantsPane.headings.participantsList', { count: participantsCount })}
+                { currentRoom?.name && _isCurrentRoomRenamable
+                    && <RenameButton
+                        breakoutRoomJid = { currentRoom?.jid }
+                        name = { currentRoom?.name } /> }
+            </div>
+            {showInviteButton && <InviteButton />}
+            <Input
+                accessibilityLabel = { t('participantsPane.search') }
+                className = { styles.search }
+                clearable = { true }
+                hiddenDescription = { t('participantsPane.searchDescription') }
+                id = 'participants-search-input'
+                onChange = { setSearchString }
+                placeholder = { t('participantsPane.search') }
+                value = { searchString } />
+            <div>
+                <MeetingParticipantItems
+                    isInBreakoutRoom = { isBreakoutRoom }
+                    lowerMenu = { lowerMenu }
+                    openDrawerForParticipant = { openDrawerForParticipant }
+                    overflowDrawer = { overflowDrawer }
+                    participantActionEllipsisLabel = { participantActionEllipsisLabel }
+                    participantIds = { sortedParticipantIds }
+                    raiseContextId = { raiseContext.entity }
+                    searchString = { normalizeAccents(searchString) }
+                    toggleMenu = { toggleMenu }
+                    youText = { youText } />
+            </div>
+            <MeetingParticipantContextMenu
+                closeDrawer = { closeDrawer }
+                drawerParticipant = { drawerParticipant }
+                offsetTarget = { raiseContext?.offsetTarget }
+                onEnter = { menuEnter }
+                onLeave = { menuLeave }
+                onSelect = { lowerMenu }
+                overflowDrawer = { overflowDrawer }
+                participantID = { raiseContext?.entity } />
+        </>
+    );
+}
+
+/**
+ * Maps (parts of) the redux state to the associated props for this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {Object} ownProps - The own props of the component.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    let sortedParticipantIds: any = getSortedParticipantIds(state);
+    const _iAmVisitor = iAmVisitor(state);
+
+    // Filter out the virtual screenshare participants since we do not want them to be displayed as separate
+    // participants in the participants pane.
+    // Filter local participant when in visitor mode
+    sortedParticipantIds = sortedParticipantIds.filter((id: any) => {
+        const participant = getParticipantById(state, id);
+
+        if (_iAmVisitor && participant?.local) {
+            return false;
+        }
+
+        return !isScreenShareParticipant(participant);
+    });
+
+    const participantsCount = sortedParticipantIds.length;
+    const showInviteButton = shouldRenderInviteButton(state) && isButtonEnabled('invite', state);
+    const overflowDrawer = showOverflowDrawer(state);
+    const currentRoomId = getCurrentRoomId(state);
+    const currentRoom = getBreakoutRooms(state)[currentRoomId];
+
+    return {
+        currentRoom,
+        overflowDrawer,
+        participantsCount,
+        showInviteButton,
+        sortedParticipantIds
+    };
+}
+
+export default connect(_mapStateToProps)(MeetingParticipants);
diff --git a/react/features/participants-pane/components/web/ParticipantActionEllipsis.tsx b/react/features/participants-pane/components/web/ParticipantActionEllipsis.tsx
new file mode 100644
index 0000000..9e75248
--- /dev/null
+++ b/react/features/participants-pane/components/web/ParticipantActionEllipsis.tsx
@@ -0,0 +1,30 @@
+import React from 'react';
+
+import { IconDotsHorizontal } from '../../../base/icons/svg';
+import Button from '../../../base/ui/components/web/Button';
+
+interface IProps {
+
+    /**
+     * Label used for accessibility.
+     */
+    accessibilityLabel: string;
+
+    /**
+     * Click handler function.
+     */
+    onClick: () => void;
+
+    participantID?: string;
+}
+
+const ParticipantActionEllipsis = ({ accessibilityLabel, onClick, participantID }: IProps) => (
+    <Button
+        accessibilityLabel = { accessibilityLabel }
+        icon = { IconDotsHorizontal }
+        onClick = { onClick }
+        size = 'small'
+        testId = { participantID ? `participant-more-options-${participantID}` : undefined } />
+);
+
+export default ParticipantActionEllipsis;
diff --git a/react/features/participants-pane/components/web/ParticipantItem.tsx b/react/features/participants-pane/components/web/ParticipantItem.tsx
new file mode 100644
index 0000000..7cf4c16
--- /dev/null
+++ b/react/features/participants-pane/components/web/ParticipantItem.tsx
@@ -0,0 +1,199 @@
+import React, { ReactNode, useCallback } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { makeStyles } from 'tss-react/mui';
+
+import Avatar from '../../../base/avatar/components/Avatar';
+import { translate } from '../../../base/i18n/functions';
+import ListItem from '../../../base/ui/components/web/ListItem';
+import {
+    ACTION_TRIGGER,
+    type ActionTrigger,
+    AudioStateIcons,
+    MEDIA_STATE,
+    MediaState,
+    VideoStateIcons
+} from '../../constants';
+
+import { RaisedHandIndicator } from './RaisedHandIndicator';
+
+interface IProps extends WithTranslation {
+
+    /**
+     * Type of trigger for the participant actions.
+     */
+    actionsTrigger?: ActionTrigger;
+
+    /**
+     * Media state for audio.
+     */
+    audioMediaState?: MediaState;
+
+    /**
+     * React children.
+     */
+    children?: ReactNode;
+
+    /**
+     * Whether or not to disable the moderator indicator.
+     */
+    disableModeratorIndicator?: boolean;
+
+    /**
+     * The name of the participant. Used for showing lobby names.
+     */
+    displayName?: string;
+
+    /**
+     * Is this item highlighted/raised.
+     */
+    isHighlighted?: boolean;
+
+    /**
+     * Whether or not the participant is a moderator.
+     */
+    isModerator?: boolean;
+
+    /**
+     * True if the participant is local.
+     */
+    local?: boolean;
+
+    /**
+     * Callback for when the mouse leaves this component.
+     */
+    onLeave?: (e?: React.MouseEvent) => void;
+
+    /**
+     * Opens a drawer with participant actions.
+     */
+    openDrawerForParticipant?: Function;
+
+    /**
+     * If an overflow drawer can be opened.
+     */
+    overflowDrawer?: boolean;
+
+    /**
+     * The ID of the participant.
+     */
+    participantID: string;
+
+    /**
+     * True if the participant have raised hand.
+     */
+    raisedHand?: boolean;
+
+    /**
+     * Media state for video.
+     */
+    videoMediaState?: MediaState;
+
+    /**
+     * The translated "you" text.
+     */
+    youText?: string;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        nameContainer: {
+            display: 'flex',
+            flex: 1,
+            overflow: 'hidden'
+        },
+
+        name: {
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap'
+        },
+
+        moderatorLabel: {
+            ...theme.typography.labelBold,
+            color: theme.palette.text03
+        },
+
+        avatar: {
+            marginRight: theme.spacing(3)
+        }
+    };
+});
+
+/**
+ * A component representing a participant entry in ParticipantPane and Lobby.
+ *
+ * @param {IProps} props - The props of the component.
+ * @returns {ReactNode}
+ */
+function ParticipantItem({
+    actionsTrigger = ACTION_TRIGGER.HOVER,
+    audioMediaState = MEDIA_STATE.NONE,
+    children,
+    disableModeratorIndicator,
+    displayName,
+    isHighlighted,
+    isModerator,
+    local,
+    onLeave,
+    openDrawerForParticipant,
+    overflowDrawer,
+    participantID,
+    raisedHand,
+    t,
+    videoMediaState = MEDIA_STATE.NONE,
+    youText
+}: IProps) {
+    const onClick = useCallback(
+        () => openDrawerForParticipant?.({
+            participantID,
+            displayName
+        }), []);
+
+    const { classes } = useStyles();
+
+    const icon = (
+        <Avatar
+            className = { classes.avatar }
+            displayName = { displayName }
+            participantId = { participantID }
+            size = { 32 } />
+    );
+
+    const text = (
+        <>
+            <div className = { classes.nameContainer }>
+                <div className = { classes.name }>
+                    {displayName}
+                </div>
+                {local ? <span>&nbsp;({youText})</span> : null}
+            </div>
+            {isModerator && !disableModeratorIndicator && <div className = { classes.moderatorLabel }>
+                {t('videothumbnail.moderator')}
+            </div>}
+        </>
+    );
+
+    const indicators = (
+        <>
+            {raisedHand && <RaisedHandIndicator />}
+            {VideoStateIcons[videoMediaState]}
+            {AudioStateIcons[audioMediaState]}
+        </>
+    );
+
+    return (
+        <ListItem
+            actions = { children }
+            hideActions = { local }
+            icon = { icon }
+            id = { `participant-item-${participantID}` }
+            indicators = { indicators }
+            isHighlighted = { isHighlighted }
+            onClick = { !local && overflowDrawer ? onClick : undefined }
+            onMouseLeave = { onLeave }
+            textChildren = { text }
+            trigger = { actionsTrigger } />
+    );
+}
+
+export default translate(ParticipantItem);
diff --git a/react/features/participants-pane/components/web/ParticipantQuickAction.tsx b/react/features/participants-pane/components/web/ParticipantQuickAction.tsx
new file mode 100644
index 0000000..ddd3059
--- /dev/null
+++ b/react/features/participants-pane/components/web/ParticipantQuickAction.tsx
@@ -0,0 +1,170 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import {
+    approveParticipantAudio,
+    approveParticipantDesktop,
+    approveParticipantVideo,
+    rejectParticipantAudio,
+    rejectParticipantDesktop,
+    rejectParticipantVideo
+} from '../../../av-moderation/actions';
+import { MEDIA_TYPE } from '../../../base/media/constants';
+import Button from '../../../base/ui/components/web/Button';
+import { muteRemote } from '../../../video-menu/actions.web';
+import { QUICK_ACTION_BUTTON } from '../../constants';
+
+interface IProps {
+
+    /**
+     * The translated ask unmute aria label.
+     */
+    ariaLabel?: boolean;
+
+    /**
+     * The translated "ask unmute" text.
+     */
+    askUnmuteText?: string;
+
+    /**
+     * The type of button to be displayed.
+     */
+    buttonType: string;
+
+    /**
+     * Label for mute participant button.
+     */
+    muteParticipantButtonText?: string;
+
+    /**
+     * The ID of the participant.
+     */
+    participantID: string;
+
+    /**
+     * The name of the participant.
+     */
+    participantName: string;
+
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        button: {
+            marginRight: theme.spacing(2)
+        }
+    };
+});
+
+const ParticipantQuickAction = ({
+    buttonType,
+    participantID,
+    participantName
+}: IProps) => {
+    const { classes: styles } = useStyles();
+    const dispatch = useDispatch();
+    const { t } = useTranslation();
+
+    const askToUnmute = useCallback(() => {
+        dispatch(approveParticipantAudio(participantID));
+    }, [ dispatch, participantID ]);
+
+    const allowDesktop = useCallback(() => {
+        dispatch(approveParticipantDesktop(participantID));
+    }, [ dispatch, participantID ]);
+
+    const allowVideo = useCallback(() => {
+        dispatch(approveParticipantVideo(participantID));
+    }, [ dispatch, participantID ]);
+
+    const muteAudio = useCallback(() => {
+        dispatch(muteRemote(participantID, MEDIA_TYPE.AUDIO));
+        dispatch(rejectParticipantAudio(participantID));
+    }, [ dispatch, participantID ]);
+
+    const stopDesktop = useCallback(() => {
+        dispatch(muteRemote(participantID, MEDIA_TYPE.SCREENSHARE));
+        dispatch(rejectParticipantDesktop(participantID));
+    }, [ dispatch, participantID ]);
+
+    const stopVideo = useCallback(() => {
+        dispatch(muteRemote(participantID, MEDIA_TYPE.VIDEO));
+        dispatch(rejectParticipantVideo(participantID));
+    }, [ dispatch, participantID ]);
+
+    switch (buttonType) {
+    case QUICK_ACTION_BUTTON.MUTE: {
+        return (
+            <Button
+                accessibilityLabel = { `${t('participantsPane.actions.mute')} ${participantName}` }
+                className = { styles.button }
+                label = { t('participantsPane.actions.mute') }
+                onClick = { muteAudio }
+                size = 'small'
+                testId = { `mute-audio-${participantID}` } />
+        );
+    }
+    case QUICK_ACTION_BUTTON.ASK_TO_UNMUTE: {
+        return (
+            <Button
+                accessibilityLabel = { `${t('participantsPane.actions.askUnmute')} ${participantName}` }
+                className = { styles.button }
+                label = { t('participantsPane.actions.askUnmute') }
+                onClick = { askToUnmute }
+                size = 'small'
+                testId = { `unmute-audio-${participantID}` } />
+        );
+    }
+    case QUICK_ACTION_BUTTON.ALLOW_DESKTOP: {
+        return (
+            <Button
+                accessibilityLabel = { `${t('participantsPane.actions.askDesktop')} ${participantName}` }
+                className = { styles.button }
+                label = { t('participantsPane.actions.allowDesktop') }
+                onClick = { allowDesktop }
+                size = 'small'
+                testId = { `unmute-desktop-${participantID}` } />
+        );
+    }
+    case QUICK_ACTION_BUTTON.ALLOW_VIDEO: {
+        return (
+            <Button
+                accessibilityLabel = { `${t('participantsPane.actions.askUnmute')} ${participantName}` }
+                className = { styles.button }
+                label = { t('participantsPane.actions.allowVideo') }
+                onClick = { allowVideo }
+                size = 'small'
+                testId = { `unmute-video-${participantID}` } />
+        );
+    }
+    case QUICK_ACTION_BUTTON.STOP_DESKTOP: {
+        return (
+            <Button
+                accessibilityLabel = { `${t('participantsPane.actions.stopDesktop')} ${participantName}` }
+                className = { styles.button }
+                label = { t('participantsPane.actions.stopDesktop') }
+                onClick = { stopDesktop }
+                size = 'small'
+                testId = { `mute-desktop-${participantID}` } />
+        );
+    }
+    case QUICK_ACTION_BUTTON.STOP_VIDEO: {
+        return (
+            <Button
+                accessibilityLabel = { `${t('participantsPane.actions.mute')} ${participantName}` }
+                className = { styles.button }
+                label = { t('participantsPane.actions.stopVideo') }
+                onClick = { stopVideo }
+                size = 'small'
+                testId = { `mute-video-${participantID}` } />
+        );
+    }
+    default: {
+        return null;
+    }
+    }
+};
+
+export default ParticipantQuickAction;
diff --git a/react/features/participants-pane/components/web/ParticipantsCounter.tsx b/react/features/participants-pane/components/web/ParticipantsCounter.tsx
new file mode 100644
index 0000000..5598a9b
--- /dev/null
+++ b/react/features/participants-pane/components/web/ParticipantsCounter.tsx
@@ -0,0 +1,33 @@
+import React from 'react';
+import { useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { getParticipantCountForDisplay } from '../../../base/participants/functions';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        badge: {
+            backgroundColor: theme.palette.ui03,
+            borderRadius: '100%',
+            height: '16px',
+            minWidth: '16px',
+            color: theme.palette.text01,
+            ...theme.typography.labelBold,
+            pointerEvents: 'none',
+            position: 'absolute',
+            right: '-4px',
+            top: '-3px',
+            textAlign: 'center',
+            padding: '1px'
+        }
+    };
+});
+
+const ParticipantsCounter = () => {
+    const { classes } = useStyles();
+    const participantsCount = useSelector(getParticipantCountForDisplay);
+
+    return <span className = { classes.badge }>{participantsCount}</span>;
+};
+
+export default ParticipantsCounter;
diff --git a/react/features/participants-pane/components/web/ParticipantsPane.tsx b/react/features/participants-pane/components/web/ParticipantsPane.tsx
new file mode 100644
index 0000000..4480044
--- /dev/null
+++ b/react/features/participants-pane/components/web/ParticipantsPane.tsx
@@ -0,0 +1,247 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState } from '../../../app/types';
+import participantsPaneTheme from '../../../base/components/themes/participantsPaneTheme.json';
+import { openDialog } from '../../../base/dialog/actions';
+import { isMobileBrowser } from '../../../base/environment/utils';
+import { IconCloseLarge, IconDotsHorizontal } from '../../../base/icons/svg';
+import { isLocalParticipantModerator } from '../../../base/participants/functions';
+import Button from '../../../base/ui/components/web/Button';
+import ClickableIcon from '../../../base/ui/components/web/ClickableIcon';
+import { BUTTON_TYPES } from '../../../base/ui/constants.web';
+import { findAncestorByClass } from '../../../base/ui/functions.web';
+import { isAddBreakoutRoomButtonVisible } from '../../../breakout-rooms/functions';
+import MuteEveryoneDialog from '../../../video-menu/components/web/MuteEveryoneDialog';
+import { shouldDisplayCurrentVisitorsList } from '../../../visitors/functions';
+import { close } from '../../actions.web';
+import {
+    getParticipantsPaneOpen,
+    isMoreActionsVisible,
+    isMuteAllVisible
+} from '../../functions';
+import { AddBreakoutRoomButton } from '../breakout-rooms/components/web/AddBreakoutRoomButton';
+import { RoomList } from '../breakout-rooms/components/web/RoomList';
+
+import CurrentVisitorsList from './CurrentVisitorsList';
+import { FooterContextMenu } from './FooterContextMenu';
+import LobbyParticipants from './LobbyParticipants';
+import MeetingParticipants from './MeetingParticipants';
+import VisitorsList from './VisitorsList';
+
+/**
+ * Interface representing the properties used for styles.
+ *
+ * @property {boolean} [isMobileBrowser] - Indicates whether the application is being accessed from a mobile browser.
+ * @property {boolean} [isChatOpen] - Specifies whether the chat panel is currently open.
+ */
+interface IStylesProps {
+    isChatOpen?: boolean;
+}
+const useStyles = makeStyles<IStylesProps>()((theme, { isChatOpen }) => {
+    return {
+        participantsPane: {
+            backgroundColor: theme.palette.ui01,
+            flexShrink: 0,
+            position: 'relative',
+            transition: 'width .16s ease-in-out',
+            width: '315px',
+            zIndex: isMobileBrowser() && isChatOpen ? -1 : 0,
+            display: 'flex',
+            flexDirection: 'column',
+            fontWeight: 600,
+            height: '100%',
+
+            [[ '& > *:first-child', '& > *:last-child' ] as any]: {
+                flexShrink: 0
+            },
+
+            '@media (max-width: 580px)': {
+                height: '100dvh',
+                position: 'fixed',
+                left: 0,
+                right: 0,
+                top: 0,
+                width: '100%'
+            }
+        },
+
+        container: {
+            boxSizing: 'border-box',
+            flex: 1,
+            overflowY: 'auto',
+            position: 'relative',
+            padding: `0 ${participantsPaneTheme.panePadding}px`,
+            display: 'flex',
+            flexDirection: 'column',
+
+            '&::-webkit-scrollbar': {
+                display: 'none'
+            },
+
+            // Temporary fix: Limit context menu width to prevent clipping
+            // TODO: Long-term fix would be to portal context menus outside the scrollable container
+            '& [class*="contextMenu"]': {
+                maxWidth: '285px',
+
+                '& [class*="contextMenuItem"]': {
+                    whiteSpace: 'normal',
+
+                    '& span': {
+                        whiteSpace: 'normal',
+                        wordBreak: 'break-word'
+                    }
+                }
+            }
+        },
+
+        closeButton: {
+            alignItems: 'center',
+            cursor: 'pointer',
+            display: 'flex',
+            justifyContent: 'center'
+        },
+
+        header: {
+            alignItems: 'center',
+            boxSizing: 'border-box',
+            display: 'flex',
+            height: '60px',
+            padding: `0 ${participantsPaneTheme.panePadding}px`,
+            justifyContent: 'flex-end'
+        },
+
+        antiCollapse: {
+            fontSize: 0,
+
+            '&:first-child': {
+                display: 'none'
+            },
+
+            '&:first-child + *': {
+                marginTop: 0
+            }
+        },
+
+        footer: {
+            display: 'flex',
+            justifyContent: 'flex-end',
+            padding: `${theme.spacing(4)} ${participantsPaneTheme.panePadding}px`,
+
+            '& > *:not(:last-child)': {
+                marginRight: theme.spacing(3)
+            }
+        },
+
+        footerMoreContainer: {
+            position: 'relative'
+        }
+    };
+});
+
+const ParticipantsPane = () => {
+    const isChatOpen = useSelector((state: IReduxState) => state['features/chat'].isOpen);
+    const { classes } = useStyles({ isChatOpen });
+    const paneOpen = useSelector(getParticipantsPaneOpen);
+    const isBreakoutRoomsSupported = useSelector((state: IReduxState) => state['features/base/conference'])
+        .conference?.getBreakoutRooms()?.isSupported();
+    const showCurrentVisitorsList = useSelector(shouldDisplayCurrentVisitorsList);
+    const showAddRoomButton = useSelector(isAddBreakoutRoomButtonVisible);
+    const showFooter = useSelector(isLocalParticipantModerator);
+    const showMuteAllButton = useSelector(isMuteAllVisible);
+    const showMoreActionsButton = useSelector(isMoreActionsVisible);
+    const dispatch = useDispatch();
+    const { t } = useTranslation();
+
+    const [ contextOpen, setContextOpen ] = useState(false);
+    const [ searchString, setSearchString ] = useState('');
+
+    const onWindowClickListener = useCallback((e: any) => {
+        if (contextOpen && !findAncestorByClass(e.target, classes.footerMoreContainer)) {
+            setContextOpen(false);
+        }
+    }, [ contextOpen ]);
+
+    useEffect(() => {
+        window.addEventListener('click', onWindowClickListener);
+
+        return () => {
+            window.removeEventListener('click', onWindowClickListener);
+        };
+    }, []);
+
+    const onClosePane = useCallback(() => {
+        dispatch(close());
+    }, []);
+
+    const onDrawerClose = useCallback(() => {
+        setContextOpen(false);
+    }, []);
+
+    const onMuteAll = useCallback(() => {
+        dispatch(openDialog('MuteEveryoneDialog', MuteEveryoneDialog));
+    }, []);
+
+    const onToggleContext = useCallback(() => {
+        setContextOpen(open => !open);
+    }, []);
+
+    if (!paneOpen) {
+        return null;
+    }
+
+    return (
+        <div
+            className = { classes.participantsPane }
+            id = 'participants-pane'>
+            <div className = { classes.header }>
+                <ClickableIcon
+                    accessibilityLabel = { t('participantsPane.close', 'Close') }
+                    icon = { IconCloseLarge }
+                    onClick = { onClosePane } />
+            </div>
+            <div className = { classes.container }>
+                <VisitorsList />
+                <br className = { classes.antiCollapse } />
+                <LobbyParticipants />
+                <br className = { classes.antiCollapse } />
+                <MeetingParticipants
+                    searchString = { searchString }
+                    setSearchString = { setSearchString } />
+                {isBreakoutRoomsSupported && <RoomList searchString = { searchString } />}
+                {showAddRoomButton && <AddBreakoutRoomButton />}
+                {showCurrentVisitorsList && <CurrentVisitorsList searchString = { searchString } />}
+            </div>
+            {showFooter && (
+                <div className = { classes.footer }>
+                    {showMuteAllButton && (
+                        <Button
+                            accessibilityLabel = { t('participantsPane.actions.muteAll') }
+                            labelKey = { 'participantsPane.actions.muteAll' }
+                            onClick = { onMuteAll }
+                            type = { BUTTON_TYPES.SECONDARY } />
+                    )}
+                    {showMoreActionsButton && (
+                        <div className = { classes.footerMoreContainer }>
+                            <Button
+                                accessibilityLabel = { t('participantsPane.actions.moreModerationActions') }
+                                icon = { IconDotsHorizontal }
+                                id = 'participants-pane-context-menu'
+                                onClick = { onToggleContext }
+                                type = { BUTTON_TYPES.SECONDARY } />
+                            <FooterContextMenu
+                                isOpen = { contextOpen }
+                                onDrawerClose = { onDrawerClose }
+                                onMouseLeave = { onToggleContext } />
+                        </div>
+                    )}
+                </div>
+            )}
+        </div>
+    );
+};
+
+
+export default ParticipantsPane;
diff --git a/react/features/participants-pane/components/web/ParticipantsPaneButton.tsx b/react/features/participants-pane/components/web/ParticipantsPaneButton.tsx
new file mode 100644
index 0000000..3e090c4
--- /dev/null
+++ b/react/features/participants-pane/components/web/ParticipantsPaneButton.tsx
@@ -0,0 +1,138 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { IconUsers } from '../../../base/icons/svg';
+import { getParticipantCountForDisplay } from '../../../base/participants/functions';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import {
+    close as closeParticipantsPane,
+    open as openParticipantsPane
+} from '../../../participants-pane/actions.web';
+import { closeOverflowMenuIfOpen } from '../../../toolbox/actions.web';
+import { isParticipantsPaneEnabled } from '../../functions';
+
+import ParticipantsCounter from './ParticipantsCounter';
+
+
+/**
+ * The type of the React {@code Component} props of {@link ParticipantsPaneButton}.
+ */
+interface IProps extends AbstractButtonProps {
+
+    /**
+     * Whether or not the participants pane is open.
+     */
+    _isOpen: boolean;
+
+    /**
+     * Whether participants feature is enabled or not.
+     */
+    _isParticipantsPaneEnabled: boolean;
+
+    /**
+     * Participants count.
+     */
+    _participantsCount: number;
+}
+
+/**
+ * Implementation of a button for accessing participants pane.
+ */
+class ParticipantsPaneButton extends AbstractButton<IProps> {
+    override toggledAccessibilityLabel = 'toolbar.accessibilityLabel.closeParticipantsPane';
+    override icon = IconUsers;
+    override label = 'toolbar.participants';
+    override tooltip = 'toolbar.participants';
+    override toggledTooltip = 'toolbar.closeParticipantsPane';
+
+    /**
+     * Indicates whether this button is in toggled state or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    override _isToggled() {
+        return this.props._isOpen;
+    }
+
+    /**
+    * Handles clicking the button, and toggles the participants pane.
+    *
+    * @private
+    * @returns {void}
+    */
+    override _handleClick() {
+        const { dispatch, _isOpen } = this.props;
+
+        dispatch(closeOverflowMenuIfOpen());
+        if (_isOpen) {
+            dispatch(closeParticipantsPane());
+        } else {
+            dispatch(openParticipantsPane());
+        }
+    }
+
+
+    /**
+     * Override the _getAccessibilityLabel method to incorporate the dynamic participant count.
+     *
+     * @override
+     * @returns {string}
+     */
+    override _getAccessibilityLabel() {
+        const { t, _participantsCount, _isOpen } = this.props;
+
+        if (_isOpen) {
+            return t('toolbar.accessibilityLabel.closeParticipantsPane');
+        }
+
+        return t('toolbar.accessibilityLabel.participants', {
+            participantsCount: _participantsCount
+        });
+
+    }
+
+    /**
+     * Overrides AbstractButton's {@link Component#render()}.
+     *
+     * @override
+     * @protected
+     * @returns {React$Node}
+     */
+    override render() {
+        const { _isParticipantsPaneEnabled } = this.props;
+
+        if (!_isParticipantsPaneEnabled) {
+            return null;
+        }
+
+        return (
+            <div
+                className = 'toolbar-button-with-badge'>
+                { super.render() }
+                <ParticipantsCounter />
+            </div>
+        );
+    }
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @returns {IProps}
+ */
+function mapStateToProps(state: IReduxState) {
+    const { isOpen } = state['features/participants-pane'];
+
+    return {
+        _isOpen: isOpen,
+        _isParticipantsPaneEnabled: isParticipantsPaneEnabled(state),
+        _participantsCount: getParticipantCountForDisplay(state)
+    };
+}
+
+export default translate(connect(mapStateToProps)(ParticipantsPaneButton));
diff --git a/react/features/participants-pane/components/web/RaisedHandIndicator.tsx b/react/features/participants-pane/components/web/RaisedHandIndicator.tsx
new file mode 100644
index 0000000..cf4566e
--- /dev/null
+++ b/react/features/participants-pane/components/web/RaisedHandIndicator.tsx
@@ -0,0 +1,29 @@
+import React from 'react';
+import { makeStyles } from 'tss-react/mui';
+
+import Icon from '../../../base/icons/components/Icon';
+import { IconRaiseHand } from '../../../base/icons/svg';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        indicator: {
+            backgroundColor: theme.palette.warning02,
+            borderRadius: `${Number(theme.shape.borderRadius) / 2}px`,
+            height: '24px',
+            width: '24px'
+        }
+    };
+});
+
+export const RaisedHandIndicator = () => {
+    const { classes: styles, theme } = useStyles();
+
+    return (
+        <div className = { styles.indicator }>
+            <Icon
+                color = { theme.palette.icon04 }
+                size = { 16 }
+                src = { IconRaiseHand } />
+        </div>
+    );
+};
diff --git a/react/features/participants-pane/components/web/VisitorsItem.tsx b/react/features/participants-pane/components/web/VisitorsItem.tsx
new file mode 100644
index 0000000..55884d1
--- /dev/null
+++ b/react/features/participants-pane/components/web/VisitorsItem.tsx
@@ -0,0 +1,80 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import Button from '../../../base/ui/components/web/Button';
+import { BUTTON_TYPES } from '../../../base/ui/constants.web';
+import { approveRequest, denyRequest } from '../../../visitors/actions';
+import { IPromotionRequest } from '../../../visitors/types';
+import { ACTION_TRIGGER, MEDIA_STATE } from '../../constants';
+
+import ParticipantItem from './ParticipantItem';
+
+interface IProps {
+
+    /**
+     * Promotion request reference.
+     */
+    request: IPromotionRequest;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        button: {
+            marginRight: theme.spacing(2)
+        },
+        moreButton: {
+            paddingRight: '6px',
+            paddingLeft: '6px',
+            marginRight: theme.spacing(2)
+        },
+        contextMenu: {
+            position: 'fixed',
+            top: 'auto',
+            marginRight: '8px'
+        }
+    };
+});
+
+export const VisitorsItem = ({
+    request: r
+}: IProps) => {
+    const { from, nick } = r;
+    const { t } = useTranslation();
+    const { classes: styles } = useStyles();
+    const dispatch = useDispatch();
+    const admit = useCallback(() => dispatch(approveRequest(r)), [ dispatch, r ]);
+    const reject = useCallback(() => dispatch(denyRequest(r)), [ dispatch, r ]);
+
+    return (
+        <ParticipantItem
+            actionsTrigger = { ACTION_TRIGGER.PERMANENT }
+            audioMediaState = { MEDIA_STATE.NONE }
+            displayName = { nick }
+            participantID = { from }
+            raisedHand = { true }
+            videoMediaState = { MEDIA_STATE.NONE }
+            youText = { t('chat.you') }>
+
+            {<>
+                <Button
+                    accessibilityLabel = { `${t('participantsPane.actions.reject')} ${r.nick}` }
+                    className = { styles.button }
+                    labelKey = 'participantsPane.actions.reject'
+                    onClick = { reject }
+                    size = 'small'
+                    testId = { `reject-${from}` }
+                    type = { BUTTON_TYPES.DESTRUCTIVE } />
+                <Button
+                    accessibilityLabel = { `${t('participantsPane.actions.admit')} ${r.nick}` }
+                    className = { styles.button }
+                    labelKey = 'participantsPane.actions.admit'
+                    onClick = { admit }
+                    size = 'small'
+                    testId = { `admit-${from}` } />
+            </>
+            }
+        </ParticipantItem>
+    );
+};
diff --git a/react/features/participants-pane/components/web/VisitorsList.tsx b/react/features/participants-pane/components/web/VisitorsList.tsx
new file mode 100644
index 0000000..23ecaea
--- /dev/null
+++ b/react/features/participants-pane/components/web/VisitorsList.tsx
@@ -0,0 +1,139 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { admitMultiple, goLive } from '../../../visitors/actions';
+import {
+    getPromotionRequests,
+    getVisitorsCount,
+    getVisitorsInQueueCount,
+    isVisitorsLive,
+    shouldDisplayCurrentVisitorsList
+} from '../../../visitors/functions';
+
+import { VisitorsItem } from './VisitorsItem';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        container: {
+            margin: `${theme.spacing(3)} 0`
+        },
+        headingW: {
+            color: theme.palette.warning02
+        },
+        drawerActions: {
+            listStyleType: 'none',
+            margin: 0,
+            padding: 0
+        },
+        drawerItem: {
+            alignItems: 'center',
+            color: theme.palette.text01,
+            display: 'flex',
+            padding: '12px 16px',
+            ...theme.typography.bodyShortRegularLarge,
+
+            '&:first-child': {
+                marginTop: '15px'
+            },
+
+            '&:hover': {
+                cursor: 'pointer',
+                background: theme.palette.action02
+            }
+        },
+        icon: {
+            marginRight: 16
+        },
+        headingContainer: {
+            alignItems: 'center',
+            display: 'flex',
+            justifyContent: 'space-between'
+        },
+        heading: {
+            ...theme.typography.bodyShortBold,
+            color: theme.palette.text02
+        },
+        link: {
+            ...theme.typography.labelBold,
+            color: theme.palette.link01,
+            cursor: 'pointer'
+        }
+    };
+});
+
+/**
+ * Component used to display a list of visitors waiting for approval to join the main meeting.
+ *
+ * @returns {ReactNode}
+ */
+export default function VisitorsList() {
+    const requests = useSelector(getPromotionRequests);
+    const visitorsCount = useSelector(getVisitorsCount);
+    const visitorsInQueueCount = useSelector(getVisitorsInQueueCount);
+    const isLive = useSelector(isVisitorsLive);
+    const showVisitorsInQueue = visitorsInQueueCount > 0 && isLive === false;
+    const showCurrentVisitorsList = useSelector(shouldDisplayCurrentVisitorsList);
+
+    const { t } = useTranslation();
+    const { classes, cx } = useStyles();
+    const dispatch = useDispatch();
+
+    const admitAll = useCallback(() => {
+        dispatch(admitMultiple(requests));
+    }, [ dispatch, requests ]);
+
+    const goLiveCb = useCallback(() => {
+        dispatch(goLive());
+    }, [ dispatch ]);
+
+    if (visitorsCount <= 0 && !showVisitorsInQueue) {
+        return null;
+    }
+
+    if (showCurrentVisitorsList && requests.length <= 0 && !showVisitorsInQueue) {
+        return null;
+    }
+
+    return (
+        <>
+            <div className = { classes.headingContainer }>
+                <div
+                    className = { cx(classes.heading, classes.headingW) }
+                    id = 'visitor-list-header' >
+                    { !showCurrentVisitorsList && t('participantsPane.headings.visitors', { count: visitorsCount })}
+                    { requests.length > 0
+                        && t(`participantsPane.headings.${showCurrentVisitorsList ? 'viewerRequests' : 'visitorRequests'}`, { count: requests.length }) }
+                    { showVisitorsInQueue
+                        && t('participantsPane.headings.visitorInQueue', { count: visitorsInQueueCount }) }
+                </div>
+                {
+                    requests.length > 1 && !showVisitorsInQueue // Go live button is with higher priority
+                    && <div
+                        className = { classes.link }
+                        onClick = { admitAll }>{ t('participantsPane.actions.admitAll') }</div>
+                }
+                {
+                    showVisitorsInQueue
+                    && <div
+                        className = { classes.link }
+                        onClick = { goLiveCb }>{ t('participantsPane.actions.goLive') }</div>
+                }
+            </div>
+            { requests.length > 0
+                && <div
+                    className = { classes.container }
+                    id = 'visitor-list'>
+                    {
+                        requests.map(r => (
+                            <VisitorsItem
+                                key = { r.from }
+                                request = { r } />)
+                        )
+                    }
+                </div>
+            }
+        </>
+    );
+}
diff --git a/react/features/participants-pane/constants.tsx b/react/features/participants-pane/constants.tsx
new file mode 100644
index 0000000..35afca9
--- /dev/null
+++ b/react/features/participants-pane/constants.tsx
@@ -0,0 +1,123 @@
+import React from 'react';
+
+import Icon from '../base/icons/components/Icon';
+import {
+    IconMic,
+    IconMicSlash,
+    IconVideo,
+    IconVideoOff
+} from '../base/icons/svg';
+
+/**
+ * Reducer key for the feature.
+ */
+export const REDUCER_KEY = 'features/participants-pane';
+
+export type ActionTrigger = 'Hover' | 'Permanent';
+
+/**
+ * Enum of possible participant action triggers.
+ */
+export const ACTION_TRIGGER: { HOVER: ActionTrigger; PERMANENT: ActionTrigger; } = {
+    HOVER: 'Hover',
+    PERMANENT: 'Permanent'
+};
+
+export type MediaState = 'DominantSpeaker' | 'Muted' | 'ForceMuted' | 'Unmuted' | 'None';
+
+/**
+ * Enum of possible participant media states.
+ */
+export const MEDIA_STATE: { [key: string]: MediaState; } = {
+    DOMINANT_SPEAKER: 'DominantSpeaker',
+    MUTED: 'Muted',
+    FORCE_MUTED: 'ForceMuted',
+    UNMUTED: 'Unmuted',
+    NONE: 'None'
+};
+
+export type QuickActionButtonType
+    = 'Mute' | 'AskToUnmute' | 'AllowVideo' | 'StopVideo' | 'AllowDesktop' | 'StopDesktop' | 'None';
+
+/**
+ * Enum of possible participant mute button states.
+ */
+export const QUICK_ACTION_BUTTON: {
+    ALLOW_DESKTOP: QuickActionButtonType;
+    ALLOW_VIDEO: QuickActionButtonType;
+    ASK_TO_UNMUTE: QuickActionButtonType;
+    MUTE: QuickActionButtonType;
+    NONE: QuickActionButtonType;
+    STOP_DESKTOP: QuickActionButtonType;
+    STOP_VIDEO: QuickActionButtonType;
+} = {
+    ALLOW_DESKTOP: 'AllowDesktop',
+    ALLOW_VIDEO: 'AllowVideo',
+    MUTE: 'Mute',
+    ASK_TO_UNMUTE: 'AskToUnmute',
+    NONE: 'None',
+    STOP_DESKTOP: 'StopDesktop',
+    STOP_VIDEO: 'StopVideo'
+};
+
+/**
+ * Icon mapping for possible participant audio states.
+ */
+export const AudioStateIcons = {
+    [MEDIA_STATE.DOMINANT_SPEAKER]: (
+        <Icon
+            className = 'jitsi-icon-dominant-speaker'
+            size = { 16 }
+            src = { IconMic } />
+    ),
+    [MEDIA_STATE.FORCE_MUTED]: (
+        <Icon
+            color = '#E04757'
+            id = 'audioMuted'
+            size = { 16 }
+            src = { IconMicSlash } />
+    ),
+    [MEDIA_STATE.MUTED]: (
+        <Icon
+            id = 'audioMuted'
+            size = { 16 }
+            src = { IconMicSlash } />
+    ),
+    [MEDIA_STATE.UNMUTED]: (
+        <Icon
+            size = { 16 }
+            src = { IconMic } />
+    ),
+    [MEDIA_STATE.NONE]: null
+};
+
+/**
+ * Icon mapping for possible participant video states.
+ */
+export const VideoStateIcons = {
+    [MEDIA_STATE.DOMINANT_SPEAKER]: null,
+    [MEDIA_STATE.FORCE_MUTED]: (
+        <Icon
+            color = '#E04757'
+            id = 'videoMuted'
+            size = { 16 }
+            src = { IconVideoOff } />
+    ),
+    [MEDIA_STATE.MUTED]: (
+        <Icon
+            id = 'videoMuted'
+            size = { 16 }
+            src = { IconVideoOff } />
+    ),
+    [MEDIA_STATE.UNMUTED]: (
+        <Icon
+            size = { 16 }
+            src = { IconVideo } />
+    ),
+    [MEDIA_STATE.NONE]: null
+};
+
+/**
+ * Mobile web context menu avatar size.
+ */
+export const AVATAR_SIZE = 20;
diff --git a/react/features/participants-pane/functions.ts b/react/features/participants-pane/functions.ts
new file mode 100644
index 0000000..6894097
--- /dev/null
+++ b/react/features/participants-pane/functions.ts
@@ -0,0 +1,327 @@
+import { IReduxState } from '../app/types';
+import { MEDIA_TYPE as AVM_MEDIA_TYPE } from '../av-moderation/constants';
+import {
+    isForceMuted,
+    isSupported
+} from '../av-moderation/functions';
+import { IStateful } from '../base/app/types';
+import theme from '../base/components/themes/participantsPaneTheme.json';
+import { getCurrentConference } from '../base/conference/functions';
+import { INVITE_ENABLED, PARTICIPANTS_ENABLED } from '../base/flags/constants';
+import { getFeatureFlag } from '../base/flags/functions';
+import {
+    getDominantSpeakerParticipant,
+    getLocalParticipant,
+    getRaiseHandsQueue,
+    getRemoteParticipantsSorted,
+    isLocalParticipantModerator
+} from '../base/participants/functions';
+import { IParticipant } from '../base/participants/types';
+import { toState } from '../base/redux/functions';
+import {
+    isParticipantAudioMuted,
+    isParticipantScreenShareMuted,
+    isParticipantVideoMuted
+} from '../base/tracks/functions.any';
+import { normalizeAccents } from '../base/util/strings';
+import { BREAKOUT_ROOMS_RENAME_FEATURE } from '../breakout-rooms/constants';
+import { isInBreakoutRoom } from '../breakout-rooms/functions';
+
+import { MEDIA_STATE, QUICK_ACTION_BUTTON, REDUCER_KEY } from './constants';
+
+/**
+ * Determines the audio media state (the mic icon) for a participant.
+ *
+ * @param {IParticipant} participant - The participant.
+ * @param {boolean} muted - The mute state of the participant.
+ * @param {IReduxState} state - The redux state.
+ * @returns {MediaState}
+ */
+export function getParticipantAudioMediaState(participant: IParticipant | undefined,
+        muted: Boolean, state: IReduxState) {
+    const dominantSpeaker = getDominantSpeakerParticipant(state);
+
+    if (participant?.isSilent) {
+        return MEDIA_STATE.NONE;
+    }
+
+    if (muted) {
+        if (isForceMuted(participant, AVM_MEDIA_TYPE.AUDIO, state)) {
+            return MEDIA_STATE.FORCE_MUTED;
+        }
+
+        return MEDIA_STATE.MUTED;
+    }
+
+    if (participant === dominantSpeaker) {
+        return MEDIA_STATE.DOMINANT_SPEAKER;
+    }
+
+    return MEDIA_STATE.UNMUTED;
+}
+
+/**
+ * Determines the video media state (the mic icon) for a participant.
+ *
+ * @param {IParticipant} participant - The participant.
+ * @param {boolean} muted - The mute state of the participant.
+ * @param {IReduxState} state - The redux state.
+ * @returns {MediaState}
+ */
+export function getParticipantVideoMediaState(participant: IParticipant | undefined,
+        muted: Boolean, state: IReduxState) {
+    if (muted) {
+        if (isForceMuted(participant, AVM_MEDIA_TYPE.VIDEO, state)) {
+            return MEDIA_STATE.FORCE_MUTED;
+        }
+
+        return MEDIA_STATE.MUTED;
+    }
+
+    return MEDIA_STATE.UNMUTED;
+}
+
+/**
+ * Returns this feature's root state.
+ *
+ * @param {IReduxState} state - Global state.
+ * @returns {Object} Feature state.
+ */
+const getState = (state: IReduxState) => state[REDUCER_KEY];
+
+/**
+ * Returns the participants pane config.
+ *
+ * @param {IStateful} stateful - The redux store, the redux
+ * {@code getState} function, or the redux state itself.
+ * @returns {Object}
+ */
+export const getParticipantsPaneConfig = (stateful: IStateful) => {
+    const state = toState(stateful);
+    const { participantsPane = {} } = state['features/base/config'];
+
+    return participantsPane;
+};
+
+/**
+ * Is the participants pane open.
+ *
+ * @param {IReduxState} state - Global state.
+ * @returns {boolean} Is the participants pane open.
+ */
+export const getParticipantsPaneOpen = (state: IReduxState) => Boolean(getState(state)?.isOpen);
+
+/**
+ * Returns the type of quick action button to be displayed for a participant.
+ * The button is displayed when hovering a participant from the participant list.
+ *
+ * @param {IParticipant} participant - The participant.
+ * @param {IReduxState} state - The redux state.
+ * @returns {string} - The type of the quick action button.
+ */
+export function getQuickActionButtonType(participant: IParticipant | undefined, state: IReduxState) {
+    if (!isLocalParticipantModerator(state)) {
+        return QUICK_ACTION_BUTTON.NONE;
+    }
+
+    // Handled only by moderators.
+    const isAudioMuted = isParticipantAudioMuted(participant, state);
+    const isScreenShareMuted = isParticipantScreenShareMuted(participant, state);
+    const isVideoMuted = isParticipantVideoMuted(participant, state);
+    const isDesktopForceMuted = isForceMuted(participant, AVM_MEDIA_TYPE.DESKTOP, state);
+    const isVideoForceMuted = isForceMuted(participant, AVM_MEDIA_TYPE.VIDEO, state);
+    const isParticipantSilent = participant?.isSilent ?? false;
+
+    if (!isAudioMuted && !isParticipantSilent) {
+        return QUICK_ACTION_BUTTON.MUTE;
+    }
+
+    if (!isVideoMuted) {
+        return QUICK_ACTION_BUTTON.STOP_VIDEO;
+    }
+
+    if (!isScreenShareMuted) {
+        return QUICK_ACTION_BUTTON.STOP_DESKTOP;
+    }
+
+    if (isSupported()(state) && !isParticipantSilent) {
+        return QUICK_ACTION_BUTTON.ASK_TO_UNMUTE;
+    }
+
+    if (isVideoForceMuted) {
+        return QUICK_ACTION_BUTTON.ALLOW_VIDEO;
+    }
+
+    if (isDesktopForceMuted) {
+        return QUICK_ACTION_BUTTON.ALLOW_DESKTOP;
+    }
+
+    return QUICK_ACTION_BUTTON.NONE;
+}
+
+/**
+ * Returns true if the invite button should be rendered.
+ *
+ * @param {IReduxState} state - Global state.
+ * @returns {boolean}
+ */
+export const shouldRenderInviteButton = (state: IReduxState) => {
+    const { disableInviteFunctions } = toState(state)['features/base/config'];
+    const flagEnabled = getFeatureFlag(state, INVITE_ENABLED, true);
+    const inBreakoutRoom = isInBreakoutRoom(state);
+
+    return flagEnabled && !disableInviteFunctions && !inBreakoutRoom;
+};
+
+/**
+ * Selector for retrieving ids of participants in the order that they are displayed in the filmstrip (with the
+ * exception of participants with raised hand). The participants are reordered as follows.
+ * 1. Dominant speaker.
+ * 2. Local participant.
+ * 3. Participants with raised hand.
+ * 4. Participants with screenshare sorted alphabetically by their display name.
+ * 5. Shared video participants.
+ * 6. Recent speakers sorted alphabetically by their display name.
+ * 7. Rest of the participants sorted alphabetically by their display name.
+ *
+ * @param {IStateful} stateful - The (whole) redux state, or redux's
+ * {@code getState} function to be used to retrieve the state features/base/participants.
+ * @returns {Array<string>}
+ */
+export function getSortedParticipantIds(stateful: IStateful) {
+    const id = getLocalParticipant(stateful)?.id;
+    const remoteParticipants = getRemoteParticipantsSorted(stateful);
+    const reorderedParticipants = new Set(remoteParticipants);
+    const raisedHandParticipants = getRaiseHandsQueue(stateful).map(({ id: particId }) => particId);
+    const remoteRaisedHandParticipants = new Set(raisedHandParticipants || []);
+    const dominantSpeaker = getDominantSpeakerParticipant(stateful);
+
+    for (const participant of remoteRaisedHandParticipants.keys()) {
+        // Avoid duplicates.
+        if (reorderedParticipants.has(participant)) {
+            reorderedParticipants.delete(participant);
+        }
+    }
+
+    const dominant = [];
+    const dominantId = dominantSpeaker?.id;
+    const local = remoteRaisedHandParticipants.has(id ?? '') ? [] : [ id ];
+
+    // In case dominat speaker has raised hand, keep the order in the raised hand queue.
+    // In case they don't have raised hand, goes first in the participants list.
+    if (dominantId && dominantId !== id && !remoteRaisedHandParticipants.has(dominantId)) {
+        reorderedParticipants.delete(dominantId);
+        dominant.push(dominantId);
+    }
+
+    // Move self and participants with raised hand to the top of the list.
+    return [
+        ...dominant,
+        ...local,
+        ...Array.from(remoteRaisedHandParticipants.keys()),
+        ...Array.from(reorderedParticipants.keys())
+    ];
+}
+
+/**
+ * Checks if a participant matches the search string.
+ *
+ * @param {Object} participant - The participant to be checked.
+ * @param {string} searchString - The participants search string.
+ * @returns {boolean}
+ */
+export function participantMatchesSearch(participant: IParticipant | undefined
+    | { displayName?: string; name?: string; },
+searchString: string) {
+    if (searchString === '') {
+        return true;
+    }
+    const participantName = normalizeAccents(participant?.name || participant?.displayName || '')
+        .toLowerCase();
+    const lowerCaseSearchString = searchString.trim().toLowerCase();
+
+    return participantName.includes(lowerCaseSearchString);
+}
+
+/**
+ * Returns whether the more actions button is visible.
+ *
+ * @param {IReduxState} state - Global state.
+ * @returns {boolean}
+ */
+export const isMoreActionsVisible = (state: IReduxState) => {
+    const isLocalModerator = isLocalParticipantModerator(state);
+    const inBreakoutRoom = isInBreakoutRoom(state);
+    const { hideMoreActionsButton } = getParticipantsPaneConfig(state);
+
+    return inBreakoutRoom ? false : !hideMoreActionsButton && isLocalModerator;
+};
+
+/**
+ * Returns whether the mute all button is visible.
+ *
+ * @param {IReduxState} state - Global state.
+ * @returns {boolean}
+ */
+export const isMuteAllVisible = (state: IReduxState) => {
+    const isLocalModerator = isLocalParticipantModerator(state);
+    const inBreakoutRoom = isInBreakoutRoom(state);
+    const { hideMuteAllButton } = getParticipantsPaneConfig(state);
+
+    return inBreakoutRoom ? false : !hideMuteAllButton && isLocalModerator;
+};
+
+/**
+ * Returns true if renaming the currently joined breakout room is allowed and false otherwise.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @returns {boolean} - True if renaming the currently joined breakout room is allowed and false otherwise.
+ */
+export function isCurrentRoomRenamable(state: IReduxState) {
+    return isInBreakoutRoom(state) && isBreakoutRoomRenameAllowed(state);
+}
+
+/**
+ * Returns true if renaming a breakout room is allowed and false otherwise.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @returns {boolean} - True if renaming a breakout room is allowed and false otherwise.
+ */
+export function isBreakoutRoomRenameAllowed(state: IReduxState) {
+    const isLocalModerator = isLocalParticipantModerator(state);
+    const conference = getCurrentConference(state);
+    const isRenameBreakoutRoomsSupported
+            = conference?.getBreakoutRooms()?.isFeatureSupported(BREAKOUT_ROOMS_RENAME_FEATURE) ?? false;
+
+    return isLocalModerator && isRenameBreakoutRoomsSupported;
+}
+
+/**
+ * Returns true if participants is enabled and false otherwise.
+ *
+ * @param {IStateful} stateful - The redux store, the redux
+ * {@code getState} function, or the redux state itself.
+ * @returns {boolean}
+ */
+export const isParticipantsPaneEnabled = (stateful: IStateful) => {
+    const state = toState(stateful);
+    const { enabled = true } = getParticipantsPaneConfig(state);
+
+    return Boolean(getFeatureFlag(state, PARTICIPANTS_ENABLED, true) && enabled);
+};
+
+/**
+ * Returns the width of the participants pane based on its open state.
+ *
+ * @param {IReduxState} state - The Redux state object containing the application state.
+ * @returns {number} - The width of the participants pane in pixels when open, or 0 when closed.
+ */
+export function getParticipantsPaneWidth(state: IReduxState) {
+    const { isOpen } = getState(state);
+
+    if (isOpen) {
+        return theme.participantsPaneWidth;
+    }
+
+    return 0;
+}
diff --git a/react/features/participants-pane/hooks.web.ts b/react/features/participants-pane/hooks.web.ts
new file mode 100644
index 0000000..e4bce73
--- /dev/null
+++ b/react/features/participants-pane/hooks.web.ts
@@ -0,0 +1,81 @@
+import { useCallback, useState } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { handleLobbyChatInitialized } from '../chat/actions.web';
+import { approveKnockingParticipant, rejectKnockingParticipant } from '../lobby/actions.web';
+
+import ParticipantsPaneButton from './components/web/ParticipantsPaneButton';
+import { isParticipantsPaneEnabled } from './functions';
+
+interface IDrawerParticipant {
+    displayName?: string;
+    participantID: string;
+}
+
+const participants = {
+    key: 'participants-pane',
+    Content: ParticipantsPaneButton,
+    group: 2
+};
+
+/**
+ * Hook used to create admit/reject lobby actions.
+ *
+ * @param {Object} participant - The participant for which the actions are created.
+ * @param {Function} closeDrawer - Callback for closing the drawer.
+ * @returns {Array<Function>}
+ */
+export function useLobbyActions(participant?: IDrawerParticipant | null, closeDrawer?: Function) {
+    const dispatch = useDispatch();
+
+    return [
+        useCallback(e => {
+            e.stopPropagation();
+            dispatch(approveKnockingParticipant(participant?.participantID ?? ''));
+            closeDrawer?.();
+        }, [ dispatch, closeDrawer, participant?.participantID ]),
+
+        useCallback(() => {
+            dispatch(rejectKnockingParticipant(participant?.participantID ?? ''));
+            closeDrawer?.();
+        }, [ dispatch, closeDrawer, participant?.participantID ]),
+
+        useCallback(() => {
+            dispatch(handleLobbyChatInitialized(participant?.participantID ?? ''));
+        }, [ dispatch, participant?.participantID ])
+    ];
+}
+
+/**
+ * Hook used to create actions & state for opening a drawer.
+ *
+ * @returns {Array<any>}
+ */
+export function useParticipantDrawer(): [
+    IDrawerParticipant | null,
+    () => void,
+    (p: IDrawerParticipant | null) => void ] {
+    const [ drawerParticipant, openDrawerForParticipant ] = useState<IDrawerParticipant | null>(null);
+    const closeDrawer = useCallback(() => {
+        openDrawerForParticipant(null);
+    }, []);
+
+    return [
+        drawerParticipant,
+        closeDrawer,
+        openDrawerForParticipant
+    ];
+}
+
+/**
+ * A hook that returns the participants pane button if it is enabled and undefined otherwise.
+ *
+ *  @returns {Object | undefined}
+ */
+export function useParticipantPaneButton() {
+    const participantsPaneEnabled = useSelector(isParticipantsPaneEnabled);
+
+    if (participantsPaneEnabled) {
+        return participants;
+    }
+}
diff --git a/react/features/participants-pane/middleware.ts b/react/features/participants-pane/middleware.ts
new file mode 100644
index 0000000..0607c17
--- /dev/null
+++ b/react/features/participants-pane/middleware.ts
@@ -0,0 +1,28 @@
+import { AnyAction } from 'redux';
+
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+
+import { PARTICIPANTS_PANE_CLOSE, PARTICIPANTS_PANE_OPEN } from './actionTypes';
+
+/**
+ * Middleware which intercepts participants pane actions.
+ *
+ * @param {IStore} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(() => (next: Function) => (action: AnyAction) => {
+    switch (action.type) {
+    case PARTICIPANTS_PANE_OPEN:
+        if (typeof APP !== 'undefined') {
+            APP.API.notifyParticipantsPaneToggled(true);
+        }
+        break;
+    case PARTICIPANTS_PANE_CLOSE:
+        if (typeof APP !== 'undefined') {
+            APP.API.notifyParticipantsPaneToggled(false);
+        }
+        break;
+    }
+
+    return next(action);
+});
diff --git a/react/features/participants-pane/reducer.ts b/react/features/participants-pane/reducer.ts
new file mode 100644
index 0000000..d1d077b
--- /dev/null
+++ b/react/features/participants-pane/reducer.ts
@@ -0,0 +1,54 @@
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import {
+    PARTICIPANTS_PANE_CLOSE,
+    PARTICIPANTS_PANE_OPEN,
+    SET_VOLUME
+} from './actionTypes';
+import { REDUCER_KEY } from './constants';
+
+export interface IParticipantsPaneState {
+    isOpen: boolean;
+    participantsVolume: {
+        [participantId: string]: number;
+    };
+}
+
+const DEFAULT_STATE = {
+    isOpen: false,
+    participantsVolume: {}
+};
+
+/**
+ * Listen for actions that mutate the participants pane state.
+ */
+ReducerRegistry.register(
+    REDUCER_KEY, (state: IParticipantsPaneState = DEFAULT_STATE, action) => {
+        switch (action.type) {
+        case PARTICIPANTS_PANE_CLOSE:
+            return {
+                ...state,
+                isOpen: false
+            };
+
+        case PARTICIPANTS_PANE_OPEN:
+            return {
+                ...state,
+                isOpen: true
+            };
+
+        case SET_VOLUME:
+            return {
+                ...state,
+                participantsVolume: {
+                    ...state.participantsVolume,
+
+                    [action.participantId]: action.volume
+                }
+            };
+
+        default:
+            return state;
+        }
+    }
+);
diff --git a/react/features/participants-pane/types.ts b/react/features/participants-pane/types.ts
new file mode 100644
index 0000000..03a692a
--- /dev/null
+++ b/react/features/participants-pane/types.ts
@@ -0,0 +1,36 @@
+/**
+ * The type of the React {@code Component} props of {@link BreakoutRoomNamePrompt}.
+ */
+export interface IBreakoutRoomNamePromptProps {
+
+    /**
+     * The jid of the breakout room to rename.
+     */
+    breakoutRoomJid: string;
+
+    /**
+     * The initial breakout room name.
+     */
+    initialRoomName: string;
+}
+
+/**
+ * The available actions for breakout rooms context menu.
+ */
+export enum BREAKOUT_CONTEXT_MENU_ACTIONS {
+
+    /**
+     * Join breakout room.
+     */
+    JOIN = 1,
+
+    /**
+     * Rename breakout room.
+     */
+    RENAME = 2,
+
+    /**
+     * Remove breakout room.
+     */
+    REMOVE = 3
+}
diff --git a/react/features/pip/actionTypes.ts b/react/features/pip/actionTypes.ts
new file mode 100644
index 0000000..6c8f2c3
--- /dev/null
+++ b/react/features/pip/actionTypes.ts
@@ -0,0 +1,4 @@
+/**
+ * Action type to set Picture-in-Picture active state.
+ */
+export const SET_PIP_ACTIVE = 'SET_PIP_ACTIVE';
diff --git a/react/features/pip/actions.ts b/react/features/pip/actions.ts
new file mode 100644
index 0000000..183dbba
--- /dev/null
+++ b/react/features/pip/actions.ts
@@ -0,0 +1,193 @@
+import { IStore } from '../app/types';
+import { MEDIA_TYPE } from '../base/media/constants';
+import { isLocalTrackMuted } from '../base/tracks/functions.any';
+import { handleToggleVideoMuted } from '../toolbox/actions.any';
+import { muteLocal } from '../video-menu/actions.any';
+
+import { SET_PIP_ACTIVE } from './actionTypes';
+import {
+    cleanupMediaSessionHandlers,
+    enterPiP,
+    setupMediaSessionHandlers,
+    shouldShowPiP
+} from './functions';
+import logger from './logger';
+
+/**
+ * Action to set Picture-in-Picture active state.
+ *
+ * @param {boolean} isPiPActive - Whether PiP is active.
+ * @returns {{
+ *     type: SET_PIP_ACTIVE,
+ *     isPiPActive: boolean
+ * }}
+ */
+export function setPiPActive(isPiPActive: boolean) {
+    return {
+        type: SET_PIP_ACTIVE,
+        isPiPActive
+    };
+}
+
+/**
+ * Toggles audio mute from PiP MediaSession controls.
+ * Uses exact same logic as toolbar audio button including GUM pending state.
+ *
+ * @returns {Function}
+ */
+export function toggleAudioFromPiP() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const audioMuted = isLocalTrackMuted(state['features/base/tracks'], MEDIA_TYPE.AUDIO);
+
+        // Use the exact same action as toolbar button.
+        dispatch(muteLocal(!audioMuted, MEDIA_TYPE.AUDIO));
+    };
+}
+
+/**
+ * Toggles video mute from PiP MediaSession controls.
+ * Uses exact same logic as toolbar video button including GUM pending state.
+ *
+ * @returns {Function}
+ */
+export function toggleVideoFromPiP() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const videoMuted = isLocalTrackMuted(state['features/base/tracks'], MEDIA_TYPE.VIDEO);
+
+        // Use the exact same action as toolbar button (showUI=true, ensureTrack=true).
+        dispatch(handleToggleVideoMuted(!videoMuted, true, true));
+    };
+}
+
+/**
+ * Action to exit Picture-in-Picture mode.
+ *
+ * @returns {Function}
+ */
+export function exitPiP() {
+    return (dispatch: IStore['dispatch']) => {
+        if (document.pictureInPictureElement) {
+            document.exitPictureInPicture()
+            .then(() => {
+                logger.debug('Exited Picture-in-Picture mode');
+            })
+            .catch((err: Error) => {
+                logger.error(`Error while exiting PiP: ${err.message}`);
+            });
+        }
+
+        dispatch(setPiPActive(false));
+        cleanupMediaSessionHandlers();
+    };
+}
+
+/**
+ * Action to handle window blur or tab switch.
+ * Enters PiP mode if not already active.
+ *
+ * @param {HTMLVideoElement} videoElement - The video element we will use for PiP.
+ * @returns {Function}
+ */
+export function handleWindowBlur(videoElement: HTMLVideoElement) {
+    return (_dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const isPiPActive = state['features/pip']?.isPiPActive;
+
+        if (!isPiPActive) {
+            enterPiP(videoElement);
+        }
+    };
+}
+
+/**
+ * Action to handle window focus.
+ * Exits PiP mode if currently active (matches old AOT behavior).
+ *
+ * @returns {Function}
+ */
+export function handleWindowFocus() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const isPiPActive = state['features/pip']?.isPiPActive;
+
+        if (isPiPActive) {
+            dispatch(exitPiP());
+        }
+    };
+}
+
+/**
+ * Action to handle the browser's leavepictureinpicture event.
+ * Updates state and cleans up MediaSession handlers.
+ *
+ * @returns {Function}
+ */
+export function handlePiPLeaveEvent() {
+    return (dispatch: IStore['dispatch']) => {
+        logger.log('Left Picture-in-Picture mode');
+
+        dispatch(setPiPActive(false));
+        cleanupMediaSessionHandlers();
+        APP.API.notifyPictureInPictureLeft();
+    };
+}
+
+/**
+ * Action to handle the browser's enterpictureinpicture event.
+ * Updates state and sets up MediaSession handlers.
+ *
+ * @returns {Function}
+ */
+export function handlePipEnterEvent() {
+    return (dispatch: IStore['dispatch']) => {
+        logger.log('Entered Picture-in-Picture mode');
+
+        dispatch(setPiPActive(true));
+        setupMediaSessionHandlers(dispatch);
+        APP.API.notifyPictureInPictureEntered();
+    };
+}
+
+/**
+ * Shows Picture-in-Picture window.
+ * Called from external API when iframe becomes not visible (IntersectionObserver).
+ *
+ * @returns {Function}
+ */
+export function showPiP() {
+    return (_dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const isPiPActive = state['features/pip']?.isPiPActive;
+
+        if (!shouldShowPiP(state)) {
+            return;
+        }
+
+        if (!isPiPActive) {
+            const videoElement = document.getElementById('pipVideo') as HTMLVideoElement;
+
+            if (videoElement) {
+                enterPiP(videoElement);
+            }
+        }
+    };
+}
+
+/**
+ * Hides Picture-in-Picture window.
+ * Called from external API when iframe becomes visible.
+ *
+ * @returns {Function}
+ */
+export function hidePiP() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const isPiPActive = state['features/pip']?.isPiPActive;
+
+        if (isPiPActive) {
+            dispatch(exitPiP());
+        }
+    };
+}
diff --git a/react/features/pip/components/PiP.tsx b/react/features/pip/components/PiP.tsx
new file mode 100644
index 0000000..c886373
--- /dev/null
+++ b/react/features/pip/components/PiP.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import { useSelector } from 'react-redux';
+
+import { shouldShowPiP } from '../functions';
+
+import PiPVideoElement from './PiPVideoElement';
+
+/**
+ * Wrapper component that conditionally renders PiPVideoElement.
+ * Prevents mounting when PiP is disabled or on prejoin without showOnPrejoin flag.
+ *
+ * @returns {React.ReactElement | null}
+ */
+function PiP() {
+    const showPiP = useSelector(shouldShowPiP);
+
+    if (!showPiP) {
+        return null;
+    }
+
+    return <PiPVideoElement />;
+}
+
+export default PiP;
diff --git a/react/features/pip/components/PiPVideoElement.tsx b/react/features/pip/components/PiPVideoElement.tsx
new file mode 100644
index 0000000..14d92f0
--- /dev/null
+++ b/react/features/pip/components/PiPVideoElement.tsx
@@ -0,0 +1,233 @@
+import React, { useEffect, useRef } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState, IStore } from '../../app/types';
+import { getAvatarFont, getAvatarInitialsColor } from '../../base/avatar/components/web/styles';
+import { getLocalParticipant, getParticipantDisplayName } from '../../base/participants/functions';
+import { isTrackStreamingStatusActive } from '../../connection-indicator/functions';
+import { getDisplayNameColor } from '../../display-name/components/web/styles';
+import { getThumbnailBackgroundColor } from '../../filmstrip/functions.web';
+import { getLargeVideoParticipant } from '../../large-video/functions';
+import { isPrejoinPageVisible } from '../../prejoin/functions.any';
+import { handlePiPLeaveEvent, handlePipEnterEvent, handleWindowBlur, handleWindowFocus } from '../actions';
+import { getPiPVideoTrack } from '../functions';
+import { useCanvasAvatar } from '../hooks';
+import logger from '../logger';
+
+const useStyles = makeStyles()(() => {
+    return {
+        hiddenVideo: {
+            position: 'absolute' as const,
+            width: '1px',
+            height: '1px',
+            opacity: 0,
+            pointerEvents: 'none' as const,
+            left: '-9999px',
+            top: '-9999px'
+        }
+    };
+});
+
+/**
+ * Component that renders a hidden video element for Picture-in-Picture.
+ * Automatically switches between real video track and canvas-based avatar
+ * depending on video availability.
+ *
+ * @returns {JSX.Element} The hidden video element.
+ */
+const PiPVideoElement: React.FC = () => {
+    const { classes, theme } = useStyles();
+    const videoRef = useRef<HTMLVideoElement>(null);
+    const previousTrackRef = useRef<any>(null);
+
+    // Redux selectors.
+    const isOnPrejoin = useSelector(isPrejoinPageVisible);
+    const localParticipant = useSelector(getLocalParticipant);
+    const largeVideoParticipant = useSelector(getLargeVideoParticipant);
+
+    // Use local participant during prejoin, otherwise large video participant.
+    const participant = isOnPrejoin ? localParticipant : largeVideoParticipant;
+
+    // Get appropriate video track based on prejoin state.
+    const videoTrack = useSelector((state: IReduxState) =>
+        getPiPVideoTrack(state, participant)
+    );
+    const displayName = useSelector((state: IReduxState) =>
+        participant?.id
+            ? getParticipantDisplayName(state, participant.id)
+            : ''
+    );
+    const customAvatarBackgrounds = useSelector((state: IReduxState) =>
+        state['features/dynamic-branding']?.avatarBackgrounds || []
+    );
+
+    const dispatch: IStore['dispatch'] = useDispatch();
+    const avatarFont = getAvatarFont(theme);
+    const fontFamily = (avatarFont as any).fontFamily ?? 'Inter, sans-serif';
+    const initialsColor = getAvatarInitialsColor(theme);
+    const displayNameColor = getDisplayNameColor(theme);
+    const { canvasStreamRef } = useCanvasAvatar({
+        participant,
+        displayName,
+        customAvatarBackgrounds,
+        backgroundColor: getThumbnailBackgroundColor(theme),
+        fontFamily,
+        initialsColor,
+        displayNameColor
+    });
+
+    // Determine if we should show avatar instead of video.
+    const shouldShowAvatar = !videoTrack
+        || videoTrack.muted
+        || (!videoTrack.local && !isTrackStreamingStatusActive(videoTrack));
+
+    /**
+     * Effect: Handle switching between real video track and canvas avatar stream.
+     */
+    useEffect(() => {
+        const videoElement = videoRef.current;
+
+        if (!videoElement) {
+            return;
+        }
+
+        const previousTrack = previousTrackRef.current;
+
+        // Detach previous track.
+        if (previousTrack?.jitsiTrack) {
+            try {
+                previousTrack.jitsiTrack.detach(videoElement);
+            } catch (error) {
+                logger.error('Error detaching previous track:', error);
+            }
+        }
+
+        if (shouldShowAvatar) {
+            // Use canvas stream for avatar.
+            // Access ref inside effect - stream is created in useCanvasAvatar's effect.
+            const canvasStream = canvasStreamRef.current;
+
+            // Only set srcObject if it's different to avoid interrupting playback.
+            if (canvasStream && videoElement.srcObject !== canvasStream) {
+                videoElement.srcObject = canvasStream;
+            }
+        } else if (videoTrack?.jitsiTrack) {
+            // Attach real video track.
+            videoTrack.jitsiTrack.attach(videoElement)
+                .catch((error: Error) => {
+                    logger.error('Error attaching video track:', error);
+                });
+        }
+
+        previousTrackRef.current = videoTrack;
+
+        // Cleanup on unmount or track change.
+        return () => {
+            if (videoTrack?.jitsiTrack && videoElement) {
+                try {
+                    videoTrack.jitsiTrack.detach(videoElement);
+                } catch (error) {
+                    logger.error('Error during cleanup:', error);
+                }
+            }
+        };
+    }, [ videoTrack, shouldShowAvatar ]);
+
+    /**
+     * Effect: Window blur/focus and visibility change listeners.
+     * Enters PiP on blur, exits on focus (matches old AOT behavior).
+     */
+    useEffect(() => {
+        const videoElement = videoRef.current;
+
+        if (!videoElement) {
+            return;
+        }
+
+        const onWindowBlur = () => dispatch(handleWindowBlur(videoElement));
+        const onWindowFocus = () => {
+
+            // In the use case where the PiP is closed by the 'X' or 'back to main window' buttons, this handler is
+            // called before the leavepictureinpicture handler. From there we call document.exitPictureInPicture()
+            // which seems to put Chrome into a weird state - document.exitPictureInPicture() never resolves, the
+            // leavepictureinpicture is never triggered and it is not possible to display PiP again.
+            // This is probably a browser bug. To workaround it we have the 100ms timeout here. This way this event
+            // is triggered after the leavepictureinpicture event and everything seems to work well.
+            setTimeout(() => {
+                dispatch(handleWindowFocus());
+            }, 100);
+        };
+        const onVisibilityChange = () => {
+            if (document.hidden) {
+                onWindowBlur();
+            }
+        };
+
+        window.addEventListener('blur', onWindowBlur);
+        window.addEventListener('focus', onWindowFocus);
+        document.addEventListener('visibilitychange', onVisibilityChange);
+
+        // Check if window is already blurred on mount (handles PiP enable while app is in background).
+        // Wait for video to be ready before attempting PiP (canvas stream may not be attached yet).
+        const checkFocusAndEnterPiP = () => {
+            if (!document.hasFocus()) {
+                onWindowBlur();
+            }
+        };
+
+        if (videoElement.readyState >= 1) {
+            // Video already has metadata loaded (e.g., real video track was already attached).
+            checkFocusAndEnterPiP();
+        } else {
+            // Wait for video source to be ready (e.g., canvas stream being created).
+            videoElement.addEventListener('loadedmetadata', checkFocusAndEnterPiP, { once: true });
+        }
+
+        return () => {
+            window.removeEventListener('blur', onWindowBlur);
+            window.removeEventListener('focus', onWindowFocus);
+            document.removeEventListener('visibilitychange', onVisibilityChange);
+            videoElement.removeEventListener('loadedmetadata', checkFocusAndEnterPiP);
+        };
+    }, [ dispatch ]);
+
+    /**
+     * Effect: PiP enter/leave event listeners.
+     * Updates Redux state when browser PiP events occur.
+     */
+    useEffect(() => {
+        const videoElement = videoRef.current;
+
+        if (!videoElement) {
+            return;
+        }
+
+        const onEnterPiP = () => {
+            dispatch(handlePipEnterEvent());
+        };
+        const onLeavePiP = () => {
+            dispatch(handlePiPLeaveEvent());
+        };
+
+        videoElement.addEventListener('enterpictureinpicture', onEnterPiP);
+        videoElement.addEventListener('leavepictureinpicture', onLeavePiP);
+
+        return () => {
+            videoElement.removeEventListener('enterpictureinpicture', onEnterPiP);
+            videoElement.removeEventListener('leavepictureinpicture', onLeavePiP);
+        };
+    }, [ dispatch ]);
+
+    return (
+        <video
+            autoPlay = { true }
+            className = { classes.hiddenVideo }
+            id = 'pipVideo'
+            muted = { true }
+            playsInline = { true }
+            ref = { videoRef } />
+    );
+};
+
+export default PiPVideoElement;
diff --git a/react/features/pip/external-api.shared.ts b/react/features/pip/external-api.shared.ts
new file mode 100644
index 0000000..feb6e5b
--- /dev/null
+++ b/react/features/pip/external-api.shared.ts
@@ -0,0 +1,31 @@
+/**
+ * Shared utilities for PiP feature used by external_api.js.
+ *
+ * IMPORTANT: Keep this file minimal with no heavy dependencies.
+ * It's bundled into external_api.min.js and we want to keep that bundle slim.
+ * Only import lightweight modules here.
+ */
+
+/**
+ * Checks if current environment is Electron.
+ * Inline check to avoid importing BrowserDetection and its ua-parser dependency.
+ *
+ * @returns {boolean} - True if running in Electron.
+ */
+function isElectron(): boolean {
+    return navigator.userAgent.includes('Electron');
+}
+
+/**
+ * Checks if PiP is enabled based on config and environment.
+ *
+ * @param {Object} pipConfig - The pip config object.
+ * @returns {boolean} - True if PiP is enabled.
+ */
+export function isPiPEnabled(pipConfig?: { disabled?: boolean; }): boolean {
+    if (pipConfig?.disabled) {
+        return false;
+    }
+
+    return isElectron();
+}
diff --git a/react/features/pip/functions.ts b/react/features/pip/functions.ts
new file mode 100644
index 0000000..be376f2
--- /dev/null
+++ b/react/features/pip/functions.ts
@@ -0,0 +1,461 @@
+import { IReduxState, IStore } from '../app/types';
+import { AVATAR_DEFAULT_BACKGROUND_COLOR } from '../base/avatar/components/web/styles';
+import { getAvatarColor, getInitials } from '../base/avatar/functions';
+import { leaveConference } from '../base/conference/actions';
+import { browser } from '../base/lib-jitsi-meet';
+import { IParticipant } from '../base/participants/types';
+import { getLocalVideoTrack } from '../base/tracks/functions.any';
+import { getVideoTrackByParticipant } from '../base/tracks/functions.web';
+import { isPrejoinPageVisible } from '../prejoin/functions.any';
+
+import { toggleAudioFromPiP, toggleVideoFromPiP } from './actions';
+import { isPiPEnabled } from './external-api.shared';
+import logger from './logger';
+import { IMediaSessionState } from './types';
+
+/**
+ * Gets the appropriate video track for PiP based on prejoin state.
+ * During prejoin, returns local video track. In conference, returns large video participant's track.
+ *
+ * @param {IReduxState} state - Redux state.
+ * @param {IParticipant | undefined} participant - Participant to get track for.
+ * @returns {ITrack | undefined} The video track or undefined.
+ */
+export function getPiPVideoTrack(state: IReduxState, participant: IParticipant | undefined) {
+    const isOnPrejoin = isPrejoinPageVisible(state);
+
+    return isOnPrejoin
+        ? getLocalVideoTrack(state['features/base/tracks'])
+        : getVideoTrackByParticipant(state, participant);
+}
+
+/**
+ * Determines if PiP should be shown based on config and current app state.
+ * Checks if PiP is enabled and handles prejoin page visibility.
+ *
+ * @param {IReduxState} state - Redux state.
+ * @returns {boolean} Whether PiP should be shown.
+ */
+export function shouldShowPiP(state: IReduxState): boolean {
+    const pipConfig = state['features/base/config'].pip;
+
+    // Check if PiP is enabled at all.
+    if (!isPiPEnabled(pipConfig)) {
+        return false;
+    }
+
+    // Check prejoin state.
+    const isOnPrejoin = isPrejoinPageVisible(state);
+    const showOnPrejoin = pipConfig?.showOnPrejoin ?? false;
+
+    // Don't show PiP on prejoin unless explicitly enabled.
+    if (isOnPrejoin && !showOnPrejoin) {
+        return false;
+    }
+
+    return true;
+}
+
+/**
+ * Draws an image-based avatar as a circular clipped image on canvas.
+ *
+ * @param {CanvasRenderingContext2D} ctx - Canvas 2D context.
+ * @param {string} imageUrl - URL of the avatar image.
+ * @param {boolean | undefined} useCORS - Whether to use CORS for image loading.
+ * @param {number} centerX - X coordinate of avatar center.
+ * @param {number} centerY - Y coordinate of avatar center.
+ * @param {number} radius - Radius of the avatar circle.
+ * @returns {Promise<void>}
+ */
+export async function drawImageAvatar(
+        ctx: CanvasRenderingContext2D,
+        imageUrl: string,
+        useCORS: boolean | undefined,
+        centerX: number,
+        centerY: number,
+        radius: number
+): Promise<void> {
+    const img = new Image();
+
+    if (useCORS) {
+        img.crossOrigin = 'anonymous';
+    }
+    img.src = imageUrl;
+
+    try {
+        await img.decode();
+        ctx.save();
+        ctx.beginPath();
+        ctx.arc(centerX, centerY, radius, 0, Math.PI * 2);
+        ctx.clip();
+        const size = radius * 2;
+
+        ctx.drawImage(img, centerX - radius, centerY - radius, size, size);
+        ctx.restore();
+    } catch (error) {
+        logger.error('Failed to draw image avatar', error);
+        throw new Error('Image load failed');
+    }
+}
+
+/**
+ * Draws an initials-based avatar with a colored background on canvas.
+ *
+ * @param {CanvasRenderingContext2D} ctx - Canvas 2D context.
+ * @param {string} name - Participant's display name.
+ * @param {Array<string>} customAvatarBackgrounds - Custom avatar background colors.
+ * @param {number} centerX - X coordinate of avatar center.
+ * @param {number} centerY - Y coordinate of avatar center.
+ * @param {number} radius - Radius of the avatar circle.
+ * @param {string} fontFamily - Font family to use for initials.
+ * @param {string} textColor - Color for the initials text.
+ * @returns {void}
+ */
+export function drawInitialsAvatar(
+        ctx: CanvasRenderingContext2D,
+        name: string,
+        customAvatarBackgrounds: Array<string>,
+        centerX: number,
+        centerY: number,
+        radius: number,
+        fontFamily: string,
+        textColor: string
+) {
+    const initials = getInitials(name);
+    const color = getAvatarColor(name, customAvatarBackgrounds);
+
+    ctx.fillStyle = color;
+    ctx.beginPath();
+    ctx.arc(centerX, centerY, radius, 0, Math.PI * 2);
+    ctx.fill();
+
+    ctx.fillStyle = textColor;
+    ctx.font = `bold 80px ${fontFamily}`;
+    ctx.textAlign = 'center';
+    ctx.textBaseline = 'middle';
+    ctx.fillText(initials, centerX, centerY);
+}
+
+/**
+ * Draws the default user icon when no avatar is available.
+ *
+ * @param {CanvasRenderingContext2D} ctx - Canvas 2D context.
+ * @param {HTMLImageElement | null} defaultIcon - Preloaded default icon image.
+ * @param {number} centerX - X coordinate of icon center.
+ * @param {number} centerY - Y coordinate of icon center.
+ * @param {number} radius - Radius of the icon circle.
+ * @returns {void}
+ */
+export function drawDefaultIcon(
+        ctx: CanvasRenderingContext2D,
+        defaultIcon: HTMLImageElement | null,
+        centerX: number,
+        centerY: number,
+        radius: number
+) {
+    ctx.fillStyle = AVATAR_DEFAULT_BACKGROUND_COLOR;
+    ctx.beginPath();
+    ctx.arc(centerX, centerY, radius, 0, Math.PI * 2);
+    ctx.fill();
+
+    if (defaultIcon) {
+        const iconSize = radius;
+        const x = centerX - iconSize / 2;
+        const y = centerY - iconSize / 2;
+
+        ctx.drawImage(defaultIcon, x, y, iconSize, iconSize);
+    }
+}
+
+/**
+ * Maximum character limit for display name before truncation.
+ */
+const DISPLAY_NAME_MAX_CHARS = 25;
+
+/**
+ * Draws the participant's display name below the avatar.
+ * Truncates long names with ellipsis using a simple character limit.
+ *
+ * @param {CanvasRenderingContext2D} ctx - Canvas 2D context.
+ * @param {string} displayName - Participant's display name.
+ * @param {number} centerX - X coordinate of text center.
+ * @param {number} y - Y coordinate of text top.
+ * @param {string} fontFamily - Font family to use for display name.
+ * @param {string} textColor - Color for the display name text.
+ * @returns {void}
+ */
+export function drawDisplayName(
+        ctx: CanvasRenderingContext2D,
+        displayName: string,
+        centerX: number,
+        y: number,
+        fontFamily: string,
+        textColor: string
+) {
+    const truncated = displayName.length > DISPLAY_NAME_MAX_CHARS
+        ? `${displayName.slice(0, DISPLAY_NAME_MAX_CHARS)}...`
+        : displayName;
+
+    ctx.fillStyle = textColor;
+    ctx.font = `24px ${fontFamily}`;
+    ctx.textAlign = 'center';
+    ctx.textBaseline = 'top';
+    ctx.fillText(truncated, centerX, y);
+}
+
+/**
+ * Renders a complete avatar (image, initials, or default icon) with display name on canvas.
+ *
+ * @param {HTMLCanvasElement} canvas - The canvas element.
+ * @param {CanvasRenderingContext2D} ctx - Canvas 2D context.
+ * @param {IParticipant | undefined} participant - The participant to render.
+ * @param {string} displayName - The display name to show.
+ * @param {Array<string>} customAvatarBackgrounds - Custom avatar background colors.
+ * @param {HTMLImageElement | null} defaultIcon - Preloaded default icon image.
+ * @param {string} backgroundColor - Background color for the canvas.
+ * @param {string} fontFamily - Font family to use for text rendering.
+ * @param {string} initialsColor - Color for avatar initials text.
+ * @param {string} displayNameColor - Color for display name text.
+ * @returns {Promise<void>}
+ */
+export async function renderAvatarOnCanvas(
+        canvas: HTMLCanvasElement,
+        ctx: CanvasRenderingContext2D,
+        participant: IParticipant | undefined,
+        displayName: string,
+        customAvatarBackgrounds: Array<string>,
+        defaultIcon: HTMLImageElement | null,
+        backgroundColor: string,
+        fontFamily: string,
+        initialsColor: string,
+        displayNameColor: string
+): Promise<void> {
+    const { width, height } = canvas;
+    const centerX = width / 2;
+    const centerY = height / 2;
+    const avatarRadius = 100;
+    const spacing = 20;
+    const textY = centerY + avatarRadius + spacing;
+
+    // Clear and fill background.
+    ctx.fillStyle = backgroundColor;
+    ctx.fillRect(0, 0, width, height);
+
+    let avatarRendered = false;
+
+    if (participant?.loadableAvatarUrl) {
+        try {
+            await drawImageAvatar(
+                ctx,
+                participant.loadableAvatarUrl,
+                participant.loadableAvatarUrlUseCORS,
+                centerX,
+                centerY,
+                avatarRadius
+            );
+            avatarRendered = true;
+        } catch (error) {
+            logger.warn('Failed to load image avatar, falling back.', error);
+        }
+    }
+
+    if (!avatarRendered) {
+        if (participant?.name) {
+            drawInitialsAvatar(
+                ctx, participant.name, customAvatarBackgrounds, centerX, centerY, avatarRadius, fontFamily, initialsColor
+            );
+        } else {
+            drawDefaultIcon(ctx, defaultIcon, centerX, centerY, avatarRadius);
+        }
+    }
+
+    drawDisplayName(ctx, displayName, centerX, textY, fontFamily, displayNameColor);
+}
+
+/**
+ * Requests picture-in-picture mode for the pip video element.
+ *
+ * NOTE: Called by Electron main process with userGesture: true.
+ *
+ * @returns {void}
+ */
+export function requestPictureInPicture() {
+    const video = document.getElementById('pipVideo') as HTMLVideoElement;
+
+    if (!video) {
+        logger.error('PiP video element (#pipVideo) not found');
+
+        return;
+    }
+    if (document.pictureInPictureElement) {
+        logger.warn('Already in PiP mode');
+
+        return;
+    }
+
+    // Check if video metadata is loaded.
+    // readyState >= 1 (HAVE_METADATA) means video dimensions are available.
+    if (video.readyState < 1) {
+        logger.warn('Video metadata not loaded yet, waiting...');
+
+        // Wait for metadata to load before requesting PiP.
+        video.addEventListener('loadedmetadata', () => {
+            // @ts-ignore - requestPictureInPicture is not yet in all TypeScript definitions.
+            video.requestPictureInPicture().catch((err: Error) => {
+                logger.error(`Error while requesting PiP after metadata loaded: ${err.message}`);
+            });
+        }, { once: true });
+
+        return;
+    }
+
+    // @ts-ignore - requestPictureInPicture is not yet in all TypeScript definitions.
+    video.requestPictureInPicture().catch((err: Error) => {
+        logger.error(`Error while requesting PiP: ${err.message}`);
+    });
+}
+
+/**
+ * Action to enter Picture-in-Picture mode.
+ * Handles both browser and Electron environments.
+ *
+ * @param {HTMLVideoElement} videoElement - The video element to call requestPictureInPicuture on.
+ * @returns {void}
+ */
+export function enterPiP(videoElement: HTMLVideoElement | undefined | null) {
+    if (!videoElement) {
+        logger.error('PiP video element not found');
+
+        return;
+    }
+
+    // Check if PiP is supported.
+    if (!('pictureInPictureEnabled' in document)) {
+        logger.error('Picture-in-Picture is not supported in this browser');
+
+        return;
+    }
+
+    if (document.pictureInPictureEnabled === false) {
+        logger.error('Picture-in-Picture is disabled');
+
+        return;
+    }
+
+    try {
+        // In Electron, use postMessage to request PiP from main process.
+        // This bypasses the transient activation requirement by executing
+        // requestPictureInPicture with userGesture: true in the main process.
+        if (browser.isElectron()) {
+            logger.log('Electron detected, sending postMessage to request PiP');
+
+            APP.API.notifyPictureInPictureRequested();
+
+            // State will be updated by enterpictureinpicture event.
+            return;
+        }
+
+        // TODO: Enable PiP for browsers:
+        // In browsers, we should directly call requestPictureInPicture.
+        // @ts-ignore - requestPictureInPicture is not yet in all TypeScript definitions.
+        // requestPictureInPicture();
+    } catch (error) {
+        logger.error('Error entering Picture-in-Picture:', error);
+    }
+}
+
+/**
+ * Sets up MediaSession API action handlers for controlling the conference.
+ * Handlers dispatch actions that query fresh Redux state, avoiding stale closures.
+ *
+ * @param {Function} dispatch - Redux dispatch function.
+ * @returns {void}
+ */
+export function setupMediaSessionHandlers(dispatch: IStore['dispatch']) {
+    // @ts-ignore - MediaSession API is not fully typed in all environments.
+    if ('mediaSession' in navigator && navigator.mediaSession?.setActionHandler) {
+        try {
+            // Set up audio mute toggle handler.
+            // Dispatch action that will query current state and toggle.
+            // @ts-ignore - togglemicrophone is a newer MediaSession action.
+            navigator.mediaSession.setActionHandler('togglemicrophone', () => {
+                dispatch(toggleAudioFromPiP());
+            });
+
+            // Set up video mute toggle handler.
+            // Dispatch action that will query current state and toggle.
+            // @ts-ignore - togglecamera is a newer MediaSession action.
+            navigator.mediaSession.setActionHandler('togglecamera', () => {
+                dispatch(toggleVideoFromPiP());
+            });
+
+            // Set up hangup handler.
+            // @ts-ignore - hangup is a newer MediaSession action.
+            navigator.mediaSession.setActionHandler('hangup', () => {
+                dispatch(leaveConference());
+            });
+
+            logger.log('MediaSession API handlers registered for PiP controls');
+        } catch (error) {
+            logger.warn('Some MediaSession actions not supported:', error);
+        }
+    } else {
+        logger.warn('MediaSession API not supported in this browser');
+    }
+}
+
+/**
+ * Updates the MediaSession API microphone and camera active state.
+ * This ensures the PiP controls show the correct mute/unmute state.
+ *
+ * @param {IMediaSessionState} state - The current media session state.
+ * @returns {void}
+ */
+export function updateMediaSessionState(state: IMediaSessionState) {
+    if ('mediaSession' in navigator) {
+        try {
+            // @ts-ignore - setMicrophoneActive is a newer MediaSession method.
+            if (navigator.mediaSession.setMicrophoneActive) {
+                // @ts-ignore
+                navigator.mediaSession.setMicrophoneActive(state.microphoneActive);
+            }
+
+            // @ts-ignore - setCameraActive is a newer MediaSession method.
+            if (navigator.mediaSession.setCameraActive) {
+                // @ts-ignore
+                navigator.mediaSession.setCameraActive(state.cameraActive);
+            }
+
+            logger.log('MediaSession state updated:', state);
+        } catch (error) {
+            logger.warn('Error updating MediaSession state:', error);
+        }
+    }
+}
+
+/**
+ * Cleans up MediaSession API action handlers.
+ *
+ * @returns {void}
+ */
+export function cleanupMediaSessionHandlers() {
+    if ('mediaSession' in navigator) {
+        try {
+            // Note: Setting handlers to null is commented out as it may cause issues
+            // in some browsers. The handlers will be overwritten when entering PiP again.
+            // @ts-ignore - togglemicrophone is a newer MediaSession action.
+            navigator.mediaSession.setActionHandler('togglemicrophone', null);
+            // @ts-ignore - togglecamera is a newer MediaSession action.
+            navigator.mediaSession.setActionHandler('togglecamera', null);
+            // @ts-ignore - hangup is a newer MediaSession action.
+            navigator.mediaSession.setActionHandler('hangup', null);
+            logger.log('MediaSession API handlers cleaned up');
+        } catch (error) {
+            logger.error('Error cleaning up MediaSession handlers:', error);
+        }
+    }
+}
+
+// Re-export from shared file for external use.
+export { isPiPEnabled };
+
diff --git a/react/features/pip/hooks.ts b/react/features/pip/hooks.ts
new file mode 100644
index 0000000..bcee6b1
--- /dev/null
+++ b/react/features/pip/hooks.ts
@@ -0,0 +1,183 @@
+import React, { useEffect, useRef } from 'react';
+
+import IconUserSVG from '../base/icons/svg/user.svg?raw';
+import { IParticipant } from '../base/participants/types';
+import { TILE_ASPECT_RATIO } from '../filmstrip/constants';
+
+import { renderAvatarOnCanvas } from './functions';
+import logger from './logger';
+
+/**
+ * Canvas dimensions for PiP avatar rendering.
+ */
+const CANVAS_WIDTH = 640;
+const CANVAS_HEIGHT = Math.floor(CANVAS_WIDTH / TILE_ASPECT_RATIO);
+
+/**
+ * Frame rate 0 means capture on-demand when canvas changes.
+ * We manually request frames after drawing to ensure capture.
+ */
+const CANVAS_FRAME_RATE = 0;
+
+/**
+ * Options for the useCanvasAvatar hook.
+ */
+interface IUseCanvasAvatarOptions {
+    backgroundColor: string;
+    customAvatarBackgrounds: string[];
+    displayName: string;
+    displayNameColor: string;
+    fontFamily: string;
+    initialsColor: string;
+    participant: IParticipant | undefined;
+}
+
+/**
+ * Result returned by the useCanvasAvatar hook.
+ * Returns a ref object so consumers can access .current inside effects
+ * (the stream is created in an effect and won't be available at render time).
+ */
+interface IUseCanvasAvatarResult {
+    canvasStreamRef: React.MutableRefObject<MediaStream | null>;
+}
+
+/**
+ * Internal refs managed by the hook.
+ */
+interface ICanvasRefs {
+    canvas: HTMLCanvasElement | null;
+    defaultIcon: HTMLImageElement | null;
+}
+
+/**
+ * Loads and prepares the default user icon SVG as an Image element.
+ *
+ * @returns {HTMLImageElement} The prepared image element.
+ */
+function createDefaultIconImage(): HTMLImageElement {
+    let svgText = IconUserSVG;
+
+    if (!svgText.includes('fill=')) {
+        svgText = svgText.replace('<svg', '<svg fill="#FFFFFF"');
+    }
+
+    const dataUrl = `data:image/svg+xml,${encodeURIComponent(svgText)
+        .replace(/'/g, '%27')
+        .replace(/"/g, '%22')}`;
+
+    const img = new Image();
+
+    img.src = dataUrl;
+
+    return img;
+}
+
+/**
+ * Custom hook that manages canvas-based avatar rendering for Picture-in-Picture.
+ * Creates and maintains a canvas element with a MediaStream that can be used
+ * as a video source when the participant's video is unavailable.
+ *
+ * @param {IUseCanvasAvatarOptions} options - The hook options.
+ * @returns {IUseCanvasAvatarResult} The canvas stream for use as video source.
+ */
+export function useCanvasAvatar(options: IUseCanvasAvatarOptions): IUseCanvasAvatarResult {
+    const {
+        participant,
+        displayName,
+        customAvatarBackgrounds,
+        backgroundColor,
+        fontFamily,
+        initialsColor,
+        displayNameColor
+    } = options;
+
+    const refs = useRef<ICanvasRefs>({
+        canvas: null,
+        defaultIcon: null
+    });
+
+    // Separate ref for the stream to return to consumers.
+    // This allows consumers to access .current inside their effects.
+    //
+    // NOTE: If we ever need to recreate the stream (e.g., different canvas size),
+    // consumers' effects won't automatically re-run since refs don't trigger re-renders.
+    // To fix this, we could return an additional state flag like `streamReady` that
+    // changes when the stream is set, and consumers would add it to their effect deps.
+    const streamRef = useRef<MediaStream | null>(null);
+
+    /**
+     * Initialize canvas, stream, and default icon on mount.
+     */
+    useEffect(() => {
+        // Create canvas.
+        const canvas = document.createElement('canvas');
+
+        canvas.width = CANVAS_WIDTH;
+        canvas.height = CANVAS_HEIGHT;
+        refs.current.canvas = canvas;
+
+        // Create stream from canvas.
+        streamRef.current = canvas.captureStream(CANVAS_FRAME_RATE);
+
+        // Load default icon.
+        refs.current.defaultIcon = createDefaultIconImage();
+
+        logger.log('Canvas avatar initialized');
+
+        // Cleanup on unmount.
+        return () => {
+            if (streamRef.current) {
+                streamRef.current.getTracks().forEach(track => track.stop());
+                streamRef.current = null;
+            }
+            refs.current.canvas = null;
+            refs.current.defaultIcon = null;
+            logger.log('Canvas avatar cleaned up');
+        };
+    }, []);
+
+    /**
+     * Re-render avatar when participant or display name changes.
+     */
+    useEffect(() => {
+        const { canvas, defaultIcon } = refs.current;
+
+        if (!canvas) {
+            return;
+        }
+
+        const ctx = canvas.getContext('2d');
+
+        if (!ctx) {
+            logger.error('Failed to get canvas 2D context');
+
+            return;
+        }
+
+        renderAvatarOnCanvas(
+            canvas,
+            ctx,
+            participant,
+            displayName,
+            customAvatarBackgrounds,
+            defaultIcon,
+            backgroundColor,
+            fontFamily,
+            initialsColor,
+            displayNameColor
+        ).then(() => {
+            // Request a frame capture after drawing.
+            // For captureStream(0), we need to manually trigger frame capture.
+            const track = streamRef.current?.getVideoTracks()[0] as MediaStreamTrack & { requestFrame?: () => void; };
+
+            if (track?.requestFrame) {
+                track.requestFrame();
+                logger.log('Canvas frame requested after render');
+            }
+        }).catch((error: Error) => logger.error('Error rendering avatar on canvas:', error));
+    }, [ participant?.loadableAvatarUrl, participant?.name, displayName, customAvatarBackgrounds, backgroundColor, fontFamily, initialsColor, displayNameColor ]);
+
+    return {
+        canvasStreamRef: streamRef
+    };
+}
diff --git a/react/features/pip/logger.ts b/react/features/pip/logger.ts
new file mode 100644
index 0000000..0d73fea
--- /dev/null
+++ b/react/features/pip/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:pip');
diff --git a/react/features/pip/middleware.ts b/react/features/pip/middleware.ts
new file mode 100644
index 0000000..a77cbdf
--- /dev/null
+++ b/react/features/pip/middleware.ts
@@ -0,0 +1 @@
+import './subscriber';
diff --git a/react/features/pip/reducer.ts b/react/features/pip/reducer.ts
new file mode 100644
index 0000000..5cfad96
--- /dev/null
+++ b/react/features/pip/reducer.ts
@@ -0,0 +1,30 @@
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import { SET_PIP_ACTIVE } from './actionTypes';
+
+/**
+ * The default state for the pip feature.
+ */
+const DEFAULT_STATE = {
+    isPiPActive: false
+};
+
+export interface IPipState {
+    isPiPActive: boolean;
+}
+
+/**
+ * Reduces the Redux actions of the pip feature.
+ */
+ReducerRegistry.register<IPipState>('features/pip', (state = DEFAULT_STATE, action): IPipState => {
+    switch (action.type) {
+    case SET_PIP_ACTIVE:
+        return {
+            ...state,
+            isPiPActive: action.isPiPActive
+        };
+
+    default:
+        return state;
+    }
+});
diff --git a/react/features/pip/subscriber.ts b/react/features/pip/subscriber.ts
new file mode 100644
index 0000000..2cbe509
--- /dev/null
+++ b/react/features/pip/subscriber.ts
@@ -0,0 +1,61 @@
+import { IReduxState } from '../app/types';
+import { MEDIA_TYPE } from '../base/media/constants';
+import StateListenerRegistry from '../base/redux/StateListenerRegistry';
+import { isLocalTrackMuted } from '../base/tracks/functions.any';
+import { getElectronGlobalNS } from '../base/util/helpers';
+
+import { requestPictureInPicture, shouldShowPiP, updateMediaSessionState } from './functions';
+
+/**
+ * Listens to audio and video mute state changes when PiP is active
+ * and updates the MediaSession API to reflect the current state in PiP controls.
+ */
+StateListenerRegistry.register(
+    /* selector */ (state: IReduxState) => {
+        // Skip if PiP is disabled or shouldn't be shown (e.g., on prejoin without showOnPrejoin).
+        if (!shouldShowPiP(state)) {
+            return null;
+        }
+
+        const isPiPActive = state['features/pip']?.isPiPActive;
+
+        if (!isPiPActive) {
+            return null;
+        }
+
+        return {
+            audioMuted: isLocalTrackMuted(state['features/base/tracks'], MEDIA_TYPE.AUDIO),
+            videoMuted: isLocalTrackMuted(state['features/base/tracks'], MEDIA_TYPE.VIDEO)
+        };
+    },
+    /* listener */ (muteState: { audioMuted: boolean; videoMuted: boolean; } | null) => {
+        if (muteState === null) {
+            return;
+        }
+
+        updateMediaSessionState({
+            cameraActive: !muteState.videoMuted,
+            microphoneActive: !muteState.audioMuted
+        });
+    },
+    {
+        deepEquals: true
+    }
+);
+
+StateListenerRegistry.register(
+    /* selector */ shouldShowPiP,
+    /* listener */ (_shouldShowPiP: boolean) => {
+        const electronNS = getElectronGlobalNS();
+
+        if (_shouldShowPiP) {
+            // Expose requestPictureInPicture for Electron main process.
+            if (!electronNS.requestPictureInPicture) {
+                electronNS.requestPictureInPicture = requestPictureInPicture;
+            }
+        } else if (typeof electronNS.requestPictureInPicture === 'function') {
+            delete electronNS.requestPictureInPicture;
+        }
+    }
+);
+
diff --git a/react/features/pip/types.ts b/react/features/pip/types.ts
new file mode 100644
index 0000000..26c99aa
--- /dev/null
+++ b/react/features/pip/types.ts
@@ -0,0 +1,14 @@
+/**
+ * MediaSession state for microphone and camera.
+ */
+export interface IMediaSessionState {
+    /**
+     * Whether the camera is active (unmuted).
+     */
+    cameraActive: boolean;
+
+    /**
+     * Whether the microphone is active (unmuted).
+     */
+    microphoneActive: boolean;
+}
diff --git a/react/features/polls-history/actionTypes.ts b/react/features/polls-history/actionTypes.ts
new file mode 100644
index 0000000..e02e7b0
--- /dev/null
+++ b/react/features/polls-history/actionTypes.ts
@@ -0,0 +1,23 @@
+/**
+ * The type of the action which signals that we need to remove poll from the history(local storage).
+ *
+ * {
+ *     type: REMOVE_POLL_FROM_HISTORY,
+ *     meetingId: string,
+ *     pollId: string,
+ *     poll: IPoll
+ * }
+ */
+export const REMOVE_POLL_FROM_HISTORY = 'REMOVE_POLL_FROM_HISTORY';
+
+/**
+ * The type of the action triggered when the poll is saved in history(local storage).
+ *
+ * {
+ *     type: SAVE_POLL_IN_HISTORY,
+ *     poll: Poll,
+ *     pollId: string,
+ *     saved: boolean
+ * }
+ */
+export const SAVE_POLL_IN_HISTORY = 'SAVE_POLL_IN_HISTORY';
diff --git a/react/features/polls-history/actions.ts b/react/features/polls-history/actions.ts
new file mode 100644
index 0000000..fcda976
--- /dev/null
+++ b/react/features/polls-history/actions.ts
@@ -0,0 +1,47 @@
+import { IPoll } from '../polls/types';
+
+import { REMOVE_POLL_FROM_HISTORY, SAVE_POLL_IN_HISTORY } from './actionTypes';
+
+/**
+ * Action to signal saving a poll in history(local storage).
+ *
+ * @param {string} meetingId - The id of the meeting in which polls get to be saved.
+ * @param {string} pollId - The id of the poll that gets to be saved.
+ * @param {IPoll} poll - The Poll object that gets to be saved.
+ * @returns {{
+ *     type: SAVE_POLL_IN_HISTORY,
+ *     meetingId: string,
+ *     pollId: string,
+ *     poll: IPoll
+ * }}
+ */
+export function savePollInHistory(meetingId: string | undefined, pollId: string, poll: IPoll) {
+    return {
+        type: SAVE_POLL_IN_HISTORY,
+        meetingId,
+        pollId,
+        poll
+    };
+}
+
+/**
+ * Action to signal that existing poll needs to be deleted from history(local storage).
+ *
+ * @param {string} meetingId - The id of the meeting in which poll gets to be removed.
+ * @param {string} pollId - The id of the poll that gets to be removed.
+ * @param {IPoll} poll - The incoming IPoll object.
+ * @returns {{
+ *     type: REMOVE_POLL_FROM_HISTORY,
+ *     meetingId: string,
+ *     pollId: string,
+ *     poll: IPoll
+ * }}
+ */
+export const removePollFromHistory = (meetingId: string | undefined, pollId: string, poll: IPoll) => {
+    return {
+        type: REMOVE_POLL_FROM_HISTORY,
+        meetingId,
+        pollId,
+        poll
+    };
+};
diff --git a/react/features/polls-history/middleware.ts b/react/features/polls-history/middleware.ts
new file mode 100644
index 0000000..367d51b
--- /dev/null
+++ b/react/features/polls-history/middleware.ts
@@ -0,0 +1,46 @@
+import { CONFERENCE_JOINED } from '../base/conference/actionTypes';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { REMOVE_POLL, SAVE_POLL } from '../polls/actionTypes';
+import { savePoll } from '../polls/actions';
+
+import { removePollFromHistory, savePollInHistory } from './actions';
+
+MiddlewareRegistry.register(({ dispatch, getState }) => next => action => {
+    const result = next(action);
+    const { room: meetingId } = getState()['features/base/conference'];
+
+    switch (action.type) {
+
+    case CONFERENCE_JOINED: {
+        const state = getState();
+        const pollsHistory = meetingId && state['features/polls-history'].polls?.[meetingId];
+
+        if (!pollsHistory) {
+            return null;
+        }
+
+        for (const key in pollsHistory) {
+            if (pollsHistory.hasOwnProperty(key) && pollsHistory[key].saved) {
+                dispatch(savePoll(pollsHistory[key]));
+            }
+        }
+        break;
+    }
+
+    case REMOVE_POLL: {
+        const { poll, pollId } = action;
+
+        dispatch(removePollFromHistory(meetingId, pollId, poll));
+        break;
+    }
+
+    case SAVE_POLL: {
+        const { poll, pollId } = action;
+
+        dispatch(savePollInHistory(meetingId, pollId, poll));
+        break;
+    }
+    }
+
+    return result;
+});
diff --git a/react/features/polls-history/reducer.ts b/react/features/polls-history/reducer.ts
new file mode 100644
index 0000000..960e916
--- /dev/null
+++ b/react/features/polls-history/reducer.ts
@@ -0,0 +1,52 @@
+import PersistenceRegistry from '../base/redux/PersistenceRegistry';
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+import { IPollData } from '../polls/types';
+
+import { REMOVE_POLL_FROM_HISTORY, SAVE_POLL_IN_HISTORY } from './actionTypes';
+
+const INITIAL_STATE = {
+    polls: {}
+};
+
+export interface IPollsHistoryState {
+    polls: {
+        [meetingId: string]: {
+            [pollId: string]: IPollData;
+        };
+    };
+}
+
+const STORE_NAME = 'features/polls-history';
+
+PersistenceRegistry.register(STORE_NAME, INITIAL_STATE);
+
+ReducerRegistry.register<IPollsHistoryState>(STORE_NAME, (state = INITIAL_STATE, action): IPollsHistoryState => {
+    switch (action.type) {
+
+    case REMOVE_POLL_FROM_HISTORY: {
+        if (Object.keys(state.polls[action.meetingId] ?? {})?.length === 1) {
+            delete state.polls[action.meetingId];
+        } else {
+            delete state.polls[action.meetingId]?.[action.pollId];
+        }
+
+        return state;
+    }
+
+    case SAVE_POLL_IN_HISTORY: {
+        return {
+            ...state,
+            polls: {
+                ...state.polls,
+                [action.meetingId]: {
+                    ...state.polls[action.meetingId],
+                    [action.pollId]: action.poll
+                }
+            }
+        };
+    }
+
+    default:
+        return state;
+    }
+});
diff --git a/react/features/polls/actionTypes.ts b/react/features/polls/actionTypes.ts
new file mode 100644
index 0000000..10e8c79
--- /dev/null
+++ b/react/features/polls/actionTypes.ts
@@ -0,0 +1,93 @@
+/**
+ * The type of the action which signals that a Poll will be changed
+ *
+ * {
+ *     type: CHANGE_VOTE,
+ * }
+ *
+ */
+export const CHANGE_VOTE = 'CHANGE_VOTE';
+
+/**
+ * The type of the action which signals that we need to clear all polls from the state.
+ * For example, we are moving to another conference.
+ *
+ * {
+ *     type: CLEAR_POLLS
+ * }
+ */
+export const CLEAR_POLLS = 'CLEAR_POLLS';
+
+/**
+ * The type of the action triggered when the poll is editing.
+ *
+ * {
+ *     type: EDIT_POLL,
+ *     pollId: string,
+ *     editing: boolean
+ * }
+ */
+export const EDIT_POLL = 'EDIT_POLL';
+
+/**
+ * The type of the action which signals that a new Poll was received.
+ *
+ * {
+ *     type: RECEIVE_POLL,
+ *     poll: Poll,
+ *     notify: boolean
+ * }
+ *
+ */
+export const RECEIVE_POLL = 'RECEIVE_POLL';
+
+/**
+ * The type of the action which signals that a new Answer was received.
+ *
+ * {
+ *     type: RECEIVE_ANSWER,
+ *     answer: IIncomingAnswerData
+ * }
+ */
+export const RECEIVE_ANSWER = 'RECEIVE_ANSWER';
+
+/**
+ * The type of the action which registers a vote.
+ *
+ * {
+ *     type: REGISTER_VOTE,
+ *     answers: Array<boolean> | null,
+ *     pollId: string
+ * }
+ */
+export const REGISTER_VOTE = 'REGISTER_VOTE';
+
+/**
+ * The type of the action which signals that we need to remove poll.
+ *
+ * {
+ *     type: REMOVE_POLL,
+ *     pollId: string,
+ *     poll: IPoll
+ * }
+ */
+export const REMOVE_POLL = 'REMOVE_POLL';
+
+/**
+ * The type of the action triggered when the poll tab in chat pane is closed
+ *
+ * {
+ *     type: RESET_UNREAD_POLLS_COUNT,
+ * }
+ */
+export const RESET_UNREAD_POLLS_COUNT = 'RESET_UNREAD_POLLS_COUNT';
+
+/**
+ * The type of the action triggered when the poll is saved.
+ *
+ * {
+ *     type: SAVE_POLL,
+ *     poll: IPollData
+ * }
+ */
+export const SAVE_POLL = 'SAVE_POLL';
diff --git a/react/features/polls/actions.ts b/react/features/polls/actions.ts
new file mode 100644
index 0000000..b2a3630
--- /dev/null
+++ b/react/features/polls/actions.ts
@@ -0,0 +1,164 @@
+import {
+    CHANGE_VOTE,
+    CLEAR_POLLS,
+    EDIT_POLL,
+    RECEIVE_ANSWER,
+    RECEIVE_POLL,
+    REGISTER_VOTE,
+    REMOVE_POLL,
+    RESET_UNREAD_POLLS_COUNT,
+    SAVE_POLL
+} from './actionTypes';
+import { IIncomingAnswerData, IPoll, IPollData } from './types';
+
+/**
+ * Action to signal that existing polls needs to be cleared from state.
+ *
+ * @returns {{
+ *     type: CLEAR_POLLS
+ * }}
+ */
+export const clearPolls = () => {
+    return {
+        type: CLEAR_POLLS
+    };
+};
+
+/**
+ * Action to signal that a poll's vote will be changed.
+ *
+ * @param {string} pollId - The id of the incoming poll.
+ * @param {boolean} value - The value of the 'changing' state.
+
+ * @returns {{
+ *     type: CHANGE_VOTE,
+ *     pollId: string,
+ *     value: boolean
+ * }}
+ */
+export const setVoteChanging = (pollId: string, value: boolean) => {
+    return {
+        type: CHANGE_VOTE,
+        pollId,
+        value
+    };
+};
+
+/**
+ * Action to signal that a new poll was received.
+ *
+ * @param {IPoll} poll - The incoming Poll object.
+ * @param {boolean} notify - Whether to send or not a notification.
+ * @returns {{
+ *     type: RECEIVE_POLL,
+ *     pollId: string,
+ *     poll: IPoll,
+ *     notify: boolean
+ * }}
+ */
+export const receivePoll = (poll: IPoll, notify: boolean) => {
+    return {
+        type: RECEIVE_POLL,
+        poll,
+        notify
+    };
+};
+
+/**
+ * Action to signal that a new answer was received.
+ *
+ * @param {IIncomingAnswerData} answer - The incoming Answer object.
+ * @returns {{
+ *     type: RECEIVE_ANSWER,
+ *     answer: IIncomingAnswerData
+ * }}
+ */
+export const receiveAnswer = (answer: IIncomingAnswerData) => {
+    return {
+        type: RECEIVE_ANSWER,
+        answer
+    };
+};
+
+/**
+ * Action to register a vote on a poll.
+ *
+ * @param {string} pollId - The id of the poll.
+ * @param {?Array<boolean>} answers - The new answers.
+ * @returns {{
+ *     type: REGISTER_VOTE,
+ *     pollId: string,
+ *     answers: ?Array<boolean>
+ * }}
+ */
+export const registerVote = (pollId: string, answers: Array<boolean> | null) => {
+    return {
+        type: REGISTER_VOTE,
+        pollId,
+        answers
+    };
+};
+
+/**
+ * Action to signal the number reset of unread polls.
+ *
+ * @returns {{
+ *     type: RESET_UNREAD_POLLS_COUNT
+ * }}
+ */
+export function resetUnreadPollsCount() {
+    return {
+        type: RESET_UNREAD_POLLS_COUNT
+    };
+}
+
+/**
+ * Action to signal saving a poll.
+ *
+ * @param {IPollData} poll - The Poll object that gets to be saved.
+ * @returns {{
+ *     type: SAVE_POLL,
+ *     poll: IPollData
+ * }}
+ */
+export function savePoll(poll: IPollData) {
+    return {
+        type: SAVE_POLL,
+        poll
+    };
+}
+
+/**
+ * Action to signal editing a poll.
+ *
+ * @param {string} pollId - The id of the poll that gets to be edited.
+ * @param {boolean} editing - Whether the poll is in edit mode or not.
+ * @returns {{
+ *     type: EDIT_POLL,
+ *     pollId: string,
+ *     editing: boolean
+ * }}
+ */
+export function editPoll(pollId: string, editing: boolean) {
+    return {
+        type: EDIT_POLL,
+        pollId,
+        editing
+    };
+}
+
+/**
+ * Action to signal that existing polls needs to be removed.
+ *
+ * @param {IPoll} poll - The incoming Poll object.
+ * @returns {{
+ *     type: REMOVE_POLL,
+ *     poll: IPoll
+ * }}
+ */
+export const removePoll = (poll: IPoll) => {
+    return {
+        type: REMOVE_POLL,
+        poll
+    };
+};
diff --git a/react/features/polls/components/AbstractPollAnswer.tsx b/react/features/polls/components/AbstractPollAnswer.tsx
new file mode 100644
index 0000000..33429c0
--- /dev/null
+++ b/react/features/polls/components/AbstractPollAnswer.tsx
@@ -0,0 +1,116 @@
+import React, { ComponentType, useCallback, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { createPollEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { IReduxState } from '../../app/types';
+import { getParticipantDisplayName } from '../../base/participants/functions';
+import { useBoundSelector } from '../../base/util/hooks';
+import { registerVote, removePoll, setVoteChanging } from '../actions';
+import { getPoll } from '../functions';
+import { IPollData } from '../types';
+
+/**
+ * The type of the React {@code Component} props of inheriting component.
+ */
+type InputProps = {
+    pollId: string;
+    setCreateMode: (mode: boolean) => void;
+};
+
+/*
+ * Props that will be passed by the AbstractPollAnswer to its
+ * concrete implementations (web/native).
+ **/
+export type AbstractProps = {
+    checkBoxStates: boolean[];
+    creatorName: string;
+    poll: IPollData;
+    sendPoll: () => void;
+    setCheckbox: Function;
+    setCreateMode: (mode: boolean) => void;
+    skipAnswer: () => void;
+    skipChangeVote: () => void;
+    submitAnswer: () => void;
+    t: Function;
+};
+
+/**
+ * Higher Order Component taking in a concrete PollAnswer component and
+ * augmenting it with state/behavior common to both web and native implementations.
+ *
+ * @param {React.AbstractComponent} Component - The concrete component.
+ * @returns {React.AbstractComponent}
+ */
+const AbstractPollAnswer = (Component: ComponentType<AbstractProps>) => (props: InputProps) => {
+
+    const { pollId, setCreateMode } = props;
+
+    const { conference } = useSelector((state: IReduxState) => state['features/base/conference']);
+
+    const poll: IPollData = useSelector(getPoll(pollId));
+
+    const { answers, lastVote, question, senderId } = poll;
+
+    const [ checkBoxStates, setCheckBoxState ] = useState(() => {
+        if (lastVote !== null) {
+            return [ ...lastVote ];
+        }
+
+        return new Array(answers.length).fill(false);
+    });
+
+    const participantName = useBoundSelector(getParticipantDisplayName, senderId);
+
+    const setCheckbox = useCallback((index, state) => {
+        const newCheckBoxStates = [ ...checkBoxStates ];
+
+        newCheckBoxStates[index] = state;
+        setCheckBoxState(newCheckBoxStates);
+        sendAnalytics(createPollEvent('vote.checked'));
+    }, [ checkBoxStates ]);
+
+    const dispatch = useDispatch();
+
+    const submitAnswer = useCallback(() => {
+        conference?.getPolls().answerPoll(pollId, checkBoxStates);
+
+        sendAnalytics(createPollEvent('vote.sent'));
+        dispatch(registerVote(pollId, checkBoxStates));
+
+        return false;
+    }, [ pollId, checkBoxStates, conference ]);
+
+    const sendPoll = useCallback(() => {
+        conference?.getPolls().createPoll(pollId, question, answers);
+
+        dispatch(removePoll(poll));
+    }, [ conference, question, answers ]);
+
+    const skipAnswer = useCallback(() => {
+        dispatch(registerVote(pollId, null));
+        sendAnalytics(createPollEvent('vote.skipped'));
+    }, [ pollId ]);
+
+    const skipChangeVote = useCallback(() => {
+        dispatch(setVoteChanging(pollId, false));
+    }, [ dispatch, pollId ]);
+
+    const { t } = useTranslation();
+
+    return (<Component
+        checkBoxStates = { checkBoxStates }
+        creatorName = { participantName }
+        poll = { poll }
+        sendPoll = { sendPoll }
+        setCheckbox = { setCheckbox }
+        setCreateMode = { setCreateMode }
+        skipAnswer = { skipAnswer }
+        skipChangeVote = { skipChangeVote }
+        submitAnswer = { submitAnswer }
+        t = { t } />);
+
+};
+
+export default AbstractPollAnswer;
diff --git a/react/features/polls/components/AbstractPollCreate.tsx b/react/features/polls/components/AbstractPollCreate.tsx
new file mode 100644
index 0000000..041dfbb
--- /dev/null
+++ b/react/features/polls/components/AbstractPollCreate.tsx
@@ -0,0 +1,182 @@
+/* eslint-disable arrow-body-style */
+
+import React, { ComponentType, FormEvent, useCallback, useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { createPollEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { IReduxState } from '../../app/types';
+import { getLocalParticipant } from '../../base/participants/functions';
+import { savePoll } from '../actions';
+import { hasIdenticalAnswers } from '../functions';
+import { IAnswerData, IPollData } from '../types';
+
+/**
+ * The type of the React {@code Component} props of inheriting component.
+ */
+type InputProps = {
+    setCreateMode: (mode: boolean) => void;
+};
+
+/*
+ * Props that will be passed by the AbstractPollCreate to its
+ * concrete implementations (web/native).
+ **/
+export type AbstractProps = InputProps & {
+    addAnswer: (index?: number) => void;
+    answers: Array<IAnswerData>;
+    editingPoll: IPollData | undefined;
+    editingPollId: string | undefined;
+    isSubmitDisabled: boolean;
+    onSubmit: (event?: FormEvent<HTMLFormElement>) => void;
+    question: string;
+    removeAnswer: (index: number) => void;
+    setAnswer: (index: number, value: IAnswerData) => void;
+    setQuestion: (question: string) => void;
+    t: Function;
+};
+
+/**
+ * Higher Order Component taking in a concrete PollCreate component and
+ * augmenting it with state/behavior common to both web and native implementations.
+ *
+ * @param {React.AbstractComponent} Component - The concrete component.
+ * @returns {React.AbstractComponent}
+ */
+
+
+const AbstractPollCreate = (Component: ComponentType<AbstractProps>) => (props: InputProps) => {
+
+    const { setCreateMode } = props;
+
+    const pollState = useSelector((state: IReduxState) => state['features/polls'].polls);
+
+    const editingPoll: [ string, IPollData ] | null = useMemo(() => {
+        if (!pollState) {
+            return null;
+        }
+
+        for (const key in pollState) {
+            if (pollState.hasOwnProperty(key) && pollState[key].editing) {
+                return [ key, pollState[key] ];
+            }
+        }
+
+        return null;
+    }, [ pollState ]);
+
+    const answerResults = useMemo(() => {
+        return editingPoll
+            ? editingPoll[1].answers
+            : [
+                {
+                    name: ''
+                },
+                {
+                    name: ''
+                } ];
+    }, [ editingPoll ]);
+
+    const questionResult = useMemo(() => {
+        return editingPoll ? editingPoll[1].question : '';
+    }, [ editingPoll ]);
+
+    const [ question, setQuestion ] = useState(questionResult);
+
+    const [ answers, setAnswers ] = useState(answerResults);
+
+    const setAnswer = useCallback((i: number, answer: IAnswerData) => {
+        setAnswers(currentAnswers => {
+            const newAnswers = [ ...currentAnswers ];
+
+            newAnswers[i] = answer;
+
+            return newAnswers;
+        });
+    }, [ answers ]);
+
+    const addAnswer = useCallback((i?: number) => {
+        const newAnswers: Array<IAnswerData> = [ ...answers ];
+
+        sendAnalytics(createPollEvent('option.added'));
+        newAnswers.splice(typeof i === 'number'
+            ? i : answers.length, 0, {
+            name: ''
+        });
+        setAnswers(newAnswers);
+    }, [ answers ]);
+
+    const removeAnswer = useCallback(i => {
+        if (answers.length <= 2) {
+            return;
+        }
+        const newAnswers = [ ...answers ];
+
+        sendAnalytics(createPollEvent('option.removed'));
+        newAnswers.splice(i, 1);
+        setAnswers(newAnswers);
+    }, [ answers ]);
+
+    const { conference } = useSelector((state: IReduxState) => state['features/base/conference']);
+
+    const dispatch = useDispatch();
+
+    const pollId = Math.floor(Math.random() * Number.MAX_SAFE_INTEGER).toString(36);
+
+    const localParticipant = useSelector(getLocalParticipant);
+
+    const onSubmit = useCallback(ev => {
+        if (ev) {
+            ev.preventDefault();
+        }
+
+        const filteredAnswers = answers.filter(answer => answer.name.trim().length > 0);
+
+        if (filteredAnswers.length < 2) {
+            return;
+        }
+
+        dispatch(savePoll({
+            changingVote: false,
+            senderId: localParticipant?.id,
+            showResults: false,
+            lastVote: null,
+            question,
+            answers: filteredAnswers,
+            saved: true,
+            editing: false,
+            pollId: editingPoll ? editingPoll[0] : pollId
+        }));
+
+        sendAnalytics(createPollEvent('created'));
+
+        setCreateMode(false);
+
+    }, [ conference, question, answers ]);
+
+    // Check if the poll create form can be submitted i.e. if the send button should be disabled.
+    const isSubmitDisabled
+        = question.trim().length <= 0 // If no question is provided
+        || answers.filter(answer => answer.name.trim().length > 0).length < 2 // If not enough options are provided
+        || hasIdenticalAnswers(answers); // If duplicate options are provided
+
+    const { t } = useTranslation();
+
+    return (<Component
+        addAnswer = { addAnswer }
+        answers = { answers }
+        editingPoll = { editingPoll?.[1] }
+        editingPollId = { editingPoll?.[0] }
+        isSubmitDisabled = { isSubmitDisabled }
+        onSubmit = { onSubmit }
+        question = { question }
+        removeAnswer = { removeAnswer }
+        setAnswer = { setAnswer }
+        setCreateMode = { setCreateMode }
+        setQuestion = { setQuestion }
+        t = { t } />);
+
+};
+
+export default AbstractPollCreate;
diff --git a/react/features/polls/components/AbstractPollResults.tsx b/react/features/polls/components/AbstractPollResults.tsx
new file mode 100644
index 0000000..0355aeb
--- /dev/null
+++ b/react/features/polls/components/AbstractPollResults.tsx
@@ -0,0 +1,119 @@
+import React, { ComponentType, useCallback, useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { GestureResponderEvent } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { createPollEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { IReduxState } from '../../app/types';
+import { getParticipantById, getParticipantDisplayName } from '../../base/participants/functions';
+import { useBoundSelector } from '../../base/util/hooks';
+import { setVoteChanging } from '../actions';
+import { getPoll } from '../functions';
+import { IAnswerData, IPollData, IVoterData } from '../types';
+
+/**
+ * The type of the React {@code Component} props of inheriting component.
+ */
+type InputProps = {
+
+    /**
+     * ID of the poll to display.
+     */
+    pollId: string;
+};
+
+export type AnswerInfo = IAnswerData & {
+    percentage: number;
+    voterCount: number;
+};
+
+/**
+ * The type of the React {@code Component} props of {@link AbstractPollResults}.
+ */
+export type AbstractProps = {
+    answers: Array<AnswerInfo>;
+    changeVote: (e?: React.MouseEvent<HTMLButtonElement> | GestureResponderEvent) => void;
+    creatorName: string;
+    haveVoted: boolean;
+    pollId: string;
+    question: string;
+    showDetails: boolean;
+    t: Function;
+    toggleIsDetailed: (e?: React.MouseEvent<HTMLButtonElement> | GestureResponderEvent) => void;
+};
+
+/**
+ * Higher Order Component taking in a concrete PollResult component and
+ * augmenting it with state/behavior common to both web and native implementations.
+ *
+ * @param {React.AbstractComponent} Component - The concrete component.
+ * @returns {React.AbstractComponent}
+ */
+const AbstractPollResults = (Component: ComponentType<AbstractProps>) => (props: InputProps) => {
+    const { pollId } = props;
+
+    const poll: IPollData = useSelector(getPoll(pollId));
+    const creatorName = useBoundSelector(getParticipantDisplayName, poll.senderId);
+    const reduxState = useSelector((state: IReduxState) => state);
+
+    const [ showDetails, setShowDetails ] = useState(false);
+    const toggleIsDetailed = useCallback(() => {
+        sendAnalytics(createPollEvent('vote.detailsViewed'));
+        setShowDetails(details => !details);
+    }, []);
+
+    const answers: Array<AnswerInfo> = useMemo(() => {
+        const allVoters = new Set();
+
+        // Getting every voters ID that participates to the poll
+        for (const answer of poll.answers) {
+            answer.voters?.forEach(k => allVoters.add(k.id));
+        }
+
+        return poll.answers.map(answer => {
+            const nrOfVotersPerAnswer = answer.voters?.length || 0;
+            const percentage = allVoters.size > 0 ? Math.round(nrOfVotersPerAnswer / allVoters.size * 100) : 0;
+
+            const voters = answer.voters?.reduce((acc, v) => {
+                acc.push({
+                    id: v.id,
+                    name: getParticipantById(reduxState, v.id)
+                        ? getParticipantDisplayName(reduxState, v.id) : v.name
+                });
+
+                return acc;
+            }, [] as Array<IVoterData>);
+
+            return {
+                name: answer.name,
+                percentage,
+                voters: voters,
+                voterCount: nrOfVotersPerAnswer
+            };
+        });
+    }, [ poll.answers, showDetails ]);
+
+    const dispatch = useDispatch();
+    const changeVote = useCallback(() => {
+        dispatch(setVoteChanging(pollId, true));
+        sendAnalytics(createPollEvent('vote.changed'));
+    }, [ dispatch, pollId ]);
+
+    const { t } = useTranslation();
+
+    return (
+        <Component
+            answers = { answers }
+            changeVote = { changeVote }
+            creatorName = { creatorName }
+            haveVoted = { poll.lastVote !== null }
+            pollId = { pollId }
+            question = { poll.question }
+            showDetails = { showDetails }
+            t = { t }
+            toggleIsDetailed = { toggleIsDetailed } />
+    );
+};
+
+export default AbstractPollResults;
diff --git a/react/features/polls/components/AbstractPollsPane.tsx b/react/features/polls/components/AbstractPollsPane.tsx
new file mode 100644
index 0000000..7e6efa1
--- /dev/null
+++ b/react/features/polls/components/AbstractPollsPane.tsx
@@ -0,0 +1,47 @@
+import React, { ComponentType, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useSelector } from 'react-redux';
+
+import { isCreatePollDisabled } from '../functions';
+
+/*
+ * Props that will be passed by the AbstractPollsPane to its
+ * concrete implementations (web/native).
+ **/
+export type AbstractProps = {
+    createMode: boolean;
+    isCreatePollsDisabled: boolean;
+    onCreate: () => void;
+    setCreateMode: (mode: boolean) => void;
+    t: Function;
+};
+
+/**
+ * Higher Order Component taking in a concrete PollsPane component and
+ * augmenting it with state/behavior common to both web and native implementations.
+ *
+ * @param {React.AbstractComponent} Component - The concrete component.
+ * @returns {React.AbstractComponent}
+ */
+const AbstractPollsPane = (Component: ComponentType<AbstractProps>) => () => {
+
+    const isCreatePollsDisabled = useSelector(isCreatePollDisabled);
+    const [ createMode, setCreateMode ] = useState(false);
+
+    const onCreate = () => {
+        setCreateMode(true);
+    };
+
+    const { t } = useTranslation();
+
+    return (<Component
+        createMode = { createMode }
+        isCreatePollsDisabled = { isCreatePollsDisabled }
+        /* eslint-disable react/jsx-no-bind */
+        onCreate = { onCreate }
+        setCreateMode = { setCreateMode }
+        t = { t } />);
+
+};
+
+export default AbstractPollsPane;
diff --git a/react/features/polls/components/native/PollAnswer.tsx b/react/features/polls/components/native/PollAnswer.tsx
new file mode 100644
index 0000000..5532deb
--- /dev/null
+++ b/react/features/polls/components/native/PollAnswer.tsx
@@ -0,0 +1,120 @@
+/* eslint-disable react/jsx-no-bind */
+
+import React from 'react';
+import { Text, TextStyle, View, ViewStyle } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { IconCloseLarge } from '../../../base/icons/svg';
+import { getLocalParticipant } from '../../../base/participants/functions';
+import Button from '../../../base/ui/components/native/Button';
+import IconButton from '../../../base/ui/components/native/IconButton';
+import Switch from '../../../base/ui/components/native/Switch';
+import { BUTTON_TYPES } from '../../../base/ui/constants.native';
+import { editPoll, removePoll } from '../../actions';
+import { isSubmitAnswerDisabled } from '../../functions';
+import AbstractPollAnswer, { AbstractProps } from '../AbstractPollAnswer';
+
+import { dialogStyles, pollsStyles } from './styles';
+
+const PollAnswer = (props: AbstractProps) => {
+    const {
+        checkBoxStates,
+        poll,
+        sendPoll,
+        setCheckbox,
+        setCreateMode,
+        skipAnswer,
+        skipChangeVote,
+        submitAnswer,
+        t
+    } = props;
+    const { changingVote, saved: pollSaved } = poll;
+    const dispatch = useDispatch();
+    const localParticipant = useSelector(getLocalParticipant);
+    const { PRIMARY, SECONDARY } = BUTTON_TYPES;
+
+    return (
+        <>
+            <View style = { dialogStyles.headerContainer as ViewStyle }>
+                <View>
+                    <Text style = { dialogStyles.questionText as TextStyle } >{ poll.question }</Text>
+                    <Text style = { dialogStyles.questionOwnerText as TextStyle } >{
+                        t('polls.by', { name: localParticipant?.name })
+                    }
+                    </Text>
+                </View>
+                {
+                    pollSaved && <IconButton
+                        onPress = { () => dispatch(removePoll(poll)) }
+                        src = { IconCloseLarge } />
+                }
+            </View>
+            <View
+                id = 'answer-content'
+                style = { pollsStyles.answerContent as ViewStyle }>
+                {
+                    poll.answers.map((answer, index: number) => (
+                        <View
+                            key = { index }
+                            style = { pollsStyles.switchRow as ViewStyle } >
+                            <Switch
+                                checked = { checkBoxStates[index] }
+                                disabled = { poll.saved }
+                                id = 'answer-switch'
+                                onChange = { state => setCheckbox(index, state) } />
+                            <Text style = { pollsStyles.switchLabel as TextStyle }>
+                                { answer.name }
+                            </Text>
+                        </View>
+                    ))
+                }
+            </View>
+            {
+                pollSaved
+                    ? <View style = { pollsStyles.buttonRow as ViewStyle }>
+                        <Button
+                            accessibilityLabel = 'polls.answer.edit'
+                            id = { t('polls.answer.edit') }
+                            labelKey = 'polls.answer.edit'
+                            onClick = { () => {
+                                setCreateMode(true);
+                                dispatch(editPoll(poll.pollId, true));
+                            } }
+                            style = { pollsStyles.pollCreateButton }
+                            type = { SECONDARY } />
+                        <Button
+                            accessibilityLabel = 'polls.answer.send'
+                            id = { t('polls.answer.send') }
+                            labelKey = 'polls.answer.send'
+                            onClick = { sendPoll }
+                            style = { pollsStyles.pollCreateButton }
+                            type = { PRIMARY } />
+                    </View>
+                    : <View style = { pollsStyles.buttonRow as ViewStyle }>
+                        <Button
+                            accessibilityLabel = 'polls.answer.skip'
+                            id = { t('polls.answer.skip') }
+                            labelKey = 'polls.answer.skip'
+                            onClick = { changingVote ? skipChangeVote : skipAnswer }
+                            style = { pollsStyles.pollCreateButton }
+                            type = { SECONDARY } />
+                        <Button
+                            accessibilityLabel = 'polls.answer.submit'
+                            disabled = { isSubmitAnswerDisabled(checkBoxStates) }
+                            id = { t('polls.answer.submit') }
+                            labelKey = 'polls.answer.submit'
+                            onClick = { submitAnswer }
+                            style = { pollsStyles.pollCreateButton }
+                            type = { PRIMARY } />
+                    </View>
+            }
+        </>
+    );
+};
+
+/*
+ * We apply AbstractPollAnswer to fill in the AbstractProps common
+ * to both the web and native implementations.
+ */
+// eslint-disable-next-line new-cap
+export default AbstractPollAnswer(PollAnswer);
diff --git a/react/features/polls/components/native/PollCreate.tsx b/react/features/polls/components/native/PollCreate.tsx
new file mode 100644
index 0000000..59482b0
--- /dev/null
+++ b/react/features/polls/components/native/PollCreate.tsx
@@ -0,0 +1,219 @@
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { FlatList, Platform, TextInput, View, ViewStyle } from 'react-native';
+import { Divider } from 'react-native-paper';
+import { useDispatch } from 'react-redux';
+
+import Button from '../../../base/ui/components/native/Button';
+import Input from '../../../base/ui/components/native/Input';
+import { BUTTON_TYPES } from '../../../base/ui/constants.native';
+import { editPoll } from '../../actions';
+import { ANSWERS_LIMIT, CHAR_LIMIT } from '../../constants';
+import AbstractPollCreate, { AbstractProps } from '../AbstractPollCreate';
+
+import { dialogStyles, pollsStyles } from './styles';
+
+const PollCreate = (props: AbstractProps) => {
+    const {
+        addAnswer,
+        answers,
+        editingPoll,
+        editingPollId,
+        isSubmitDisabled,
+        onSubmit,
+        question,
+        removeAnswer,
+        setAnswer,
+        setCreateMode,
+        setQuestion,
+        t
+    } = props;
+
+    const answerListRef = useRef<FlatList>(null);
+    const dispatch = useDispatch();
+
+    /*
+     * This ref stores the Array of answer input fields, allowing us to focus on them.
+     * This array is maintained by registerFieldRef and the useEffect below.
+     */
+    const answerInputs = useRef<TextInput[]>([]);
+    const registerFieldRef = useCallback((i, input) => {
+        if (input === null) {
+            return;
+        }
+        answerInputs.current[i] = input;
+    }, [ answerInputs ]);
+
+    useEffect(() => {
+        answerInputs.current = answerInputs.current.slice(0, answers.length);
+        setTimeout(() => {
+            answerListRef.current?.scrollToEnd({ animated: true });
+        }, 1000);
+    }, [ answers ]);
+
+    /*
+     * This state allows us to requestFocus asynchronously, without having to worry
+     * about whether a newly created input field has been rendered yet or not.
+     */
+    const [ lastFocus, requestFocus ] = useState<number | null>(null);
+    const { PRIMARY, SECONDARY, TERTIARY } = BUTTON_TYPES;
+
+    useEffect(() => {
+        if (lastFocus === null) {
+            return;
+        }
+        const input = answerInputs.current[lastFocus];
+
+        if (input === undefined) {
+            return;
+        }
+        input.focus();
+
+    }, [ answerInputs, lastFocus ]);
+
+
+    const onQuestionKeyDown = useCallback(() => {
+        answerInputs.current[0].focus();
+    }, []);
+
+    // Called on keypress in answer fields
+    const onAnswerKeyDown = useCallback((index: number, ev) => {
+        const { key } = ev.nativeEvent;
+        const currentText = answers[index].name;
+
+        if (key === 'Backspace' && currentText === '' && answers.length > 1) {
+            removeAnswer(index);
+            requestFocus(index > 0 ? index - 1 : 0);
+        }
+    }, [ answers, addAnswer, removeAnswer, requestFocus ]);
+
+    /* eslint-disable react/no-multi-comp */
+    const createRemoveOptionButton = (onPress: () => void) => (
+        <Button
+            id = { t('polls.create.removeOption') }
+            labelKey = 'polls.create.removeOption'
+            labelStyle = { dialogStyles.optionRemoveButtonText }
+            onClick = { onPress }
+            style = { dialogStyles.optionRemoveButton }
+            type = { TERTIARY } />
+    );
+
+    const pollCreateButtonsContainerStyles = Platform.OS === 'android'
+        ? pollsStyles.pollCreateButtonsContainerAndroid : pollsStyles.pollCreateButtonsContainerIos;
+
+    /* eslint-disable react/jsx-no-bind */
+    const renderListItem = ({ index }: { index: number; }) => {
+
+        const isIdenticalAnswer
+            = answers.slice(0, index).length === 0 ? false : answers.slice(0, index).some(prevAnswer =>
+                prevAnswer.name === answers[index].name
+                && prevAnswer.name !== '' && answers[index].name !== '');
+
+        return (
+            <View
+                id = 'option-container'
+                style = { dialogStyles.optionContainer as ViewStyle }>
+                <Input
+                    blurOnSubmit = { false }
+                    bottomLabel = { (
+                        isIdenticalAnswer ? t('polls.errors.notUniqueOption', { index: index + 1 }) : '') }
+                    error = { isIdenticalAnswer }
+                    id = { `polls-answer-input-${index}` }
+                    label = { t('polls.create.pollOption', { index: index + 1 }) }
+                    maxLength = { CHAR_LIMIT }
+                    onChange = { name => setAnswer(index,
+                        {
+                            name
+                        }) }
+                    onKeyPress = { ev => onAnswerKeyDown(index, ev) }
+                    placeholder = { t('polls.create.answerPlaceholder', { index: index + 1 }) }
+
+                    // This is set to help the touch event not be propagated to any subviews.
+                    pointerEvents = { 'auto' }
+                    ref = { input => registerFieldRef(index, input) }
+                    value = { answers[index].name } />
+                {
+                    answers.length > 2
+                    && createRemoveOptionButton(() => removeAnswer(index))
+                }
+            </View>
+        );
+    };
+
+    const renderListHeaderComponent = useMemo(() => (
+        <>
+            <Input
+                autoFocus = { true }
+                blurOnSubmit = { false }
+                customStyles = {{ container: dialogStyles.customContainer }}
+                id = { t('polls.create.pollQuestion') }
+                label = { t('polls.create.pollQuestion') }
+                maxLength = { CHAR_LIMIT }
+                onChange = { setQuestion }
+                onSubmitEditing = { onQuestionKeyDown }
+                placeholder = { t('polls.create.questionPlaceholder') }
+
+                // This is set to help the touch event not be propagated to any subviews.
+                pointerEvents = { 'auto' }
+                value = { question } />
+            <Divider style = { pollsStyles.fieldSeparator as ViewStyle } />
+        </>
+    ), [ question ]);
+
+    return (
+        <View style = { pollsStyles.pollCreateContainer as ViewStyle }>
+            <View style = { pollsStyles.pollCreateSubContainer as ViewStyle }>
+                <FlatList
+                    ListHeaderComponent = { renderListHeaderComponent }
+                    data = { answers }
+                    extraData = { answers }
+                    keyExtractor = { (item, index) => index.toString() }
+                    ref = { answerListRef }
+                    renderItem = { renderListItem } />
+                <View style = { pollCreateButtonsContainerStyles as ViewStyle }>
+                    <Button
+                        accessibilityLabel = 'polls.create.addOption'
+                        disabled = { answers.length >= ANSWERS_LIMIT }
+                        id = { t('polls.create.addOption') }
+                        labelKey = 'polls.create.addOption'
+                        onClick = { () => {
+                            // adding and answer
+                            addAnswer();
+                            requestFocus(answers.length);
+                        } }
+                        style = { pollsStyles.pollCreateAddButton }
+                        type = { SECONDARY } />
+                    <View
+                        style = { pollsStyles.buttonRow as ViewStyle }>
+                        <Button
+                            accessibilityLabel = 'polls.create.cancel'
+                            id = { t('polls.create.cancel') }
+                            labelKey = 'polls.create.cancel'
+                            onClick = { () => {
+                                setCreateMode(false);
+                                editingPollId
+                                && editingPoll?.editing
+                                && dispatch(editPoll(editingPollId, false));
+                            } }
+                            style = { pollsStyles.pollCreateButton }
+                            type = { SECONDARY } />
+                        <Button
+                            accessibilityLabel = 'polls.create.save'
+                            disabled = { isSubmitDisabled }
+                            id = { t('polls.create.save') }
+                            labelKey = 'polls.create.save'
+                            onClick = { onSubmit }
+                            style = { pollsStyles.pollCreateButton }
+                            type = { PRIMARY } />
+                    </View>
+                </View>
+            </View>
+        </View>
+    );
+};
+
+/*
+ * We apply AbstractPollCreate to fill in the AbstractProps common
+ * to both the web and native implementations.
+ */
+// eslint-disable-next-line new-cap
+export default AbstractPollCreate(PollCreate);
diff --git a/react/features/polls/components/native/PollItem.tsx b/react/features/polls/components/native/PollItem.tsx
new file mode 100644
index 0000000..0e7daec
--- /dev/null
+++ b/react/features/polls/components/native/PollItem.tsx
@@ -0,0 +1,45 @@
+import React from 'react';
+import { View, ViewStyle } from 'react-native';
+import { useSelector } from 'react-redux';
+
+import { shouldShowResults } from '../../functions';
+
+import PollAnswer from './PollAnswer';
+import PollResults from './PollResults';
+import { pollsStyles } from './styles';
+
+interface IProps {
+
+    /**
+     * Id of the poll.
+     */
+    pollId: string;
+
+    /**
+     * Create mode control.
+     */
+    setCreateMode: (mode: boolean) => void;
+
+}
+
+const PollItem = ({ pollId, setCreateMode }: IProps) => {
+    const showResults = useSelector(shouldShowResults(pollId));
+
+    return (
+        <View
+            id = 'poll-item-container'
+            style = { pollsStyles.pollItemContainer as ViewStyle }>
+            { showResults
+                ? <PollResults
+                    key = { pollId }
+                    pollId = { pollId } />
+                : <PollAnswer
+                    pollId = { pollId }
+                    setCreateMode = { setCreateMode } />
+            }
+
+        </View>
+    );
+};
+
+export default PollItem;
diff --git a/react/features/polls/components/native/PollResults.tsx b/react/features/polls/components/native/PollResults.tsx
new file mode 100644
index 0000000..f141147
--- /dev/null
+++ b/react/features/polls/components/native/PollResults.tsx
@@ -0,0 +1,149 @@
+import React, { useCallback } from 'react';
+import { FlatList, Text, TextStyle, View, ViewStyle } from 'react-native';
+
+import Button from '../../../base/ui/components/native/Button';
+import { BUTTON_TYPES } from '../../../base/ui/constants.native';
+import {
+    default as AbstractPollResults,
+    type AbstractProps,
+    type AnswerInfo
+} from '../AbstractPollResults';
+
+import { dialogStyles, pollsStyles, resultsStyles } from './styles';
+
+/**
+ * Component that renders the poll results.
+ *
+ * @param {Props} props - The passed props.
+ * @returns {React.Node}
+ */
+const PollResults = (props: AbstractProps) => {
+    const {
+        answers,
+        changeVote,
+        creatorName,
+        haveVoted,
+        question,
+        showDetails,
+        t,
+        toggleIsDetailed
+    } = props;
+
+    /**
+     * Render a header summing up answer information.
+     *
+     * @param {string} answer - The name of the answer.
+     * @param {number} percentage - The percentage of voters.
+     * @param {number} nbVotes - The number of collected votes.
+     * @returns {React.Node}
+     */
+    const renderHeader = (answer: string, percentage: number, nbVotes: number) => (
+        <View style = { resultsStyles.answerHeader as ViewStyle }>
+            <Text style = { resultsStyles.answer as TextStyle }>{ answer }</Text>
+            <View>
+                <Text style = { resultsStyles.answer as TextStyle }>({nbVotes}) {percentage}%</Text>
+            </View>
+        </View>
+    );
+
+    /**
+     * Render voters of and answer.
+     *
+     * @param {AnswerInfo} answer - The answer info.
+     * @returns {React.Node}
+     */
+    const renderRow = useCallback((answer: AnswerInfo) => {
+        const { name, percentage, voters, voterCount } = answer;
+
+        if (showDetails) {
+            return (
+                <View style = { resultsStyles.answerContainer as ViewStyle }>
+                    { renderHeader(name, percentage, voterCount) }
+                    <View style = { resultsStyles.barContainer as ViewStyle }>
+                        <View style = { [ resultsStyles.bar, { width: `${percentage}%` } ] as ViewStyle[] } />
+                    </View>
+                    { voters && voterCount > 0
+                        && <View style = { resultsStyles.voters as ViewStyle }>
+                            {/* @ts-ignore */}
+                            {voters.map(voter =>
+                                (<Text
+                                    key = { voter.id }
+                                    style = { resultsStyles.voter as TextStyle }>
+                                    { voter.name }
+                                </Text>)
+                            )}
+                        </View>}
+                </View>
+            );
+        }
+
+
+        // else, we display a simple list
+        // We add a progress bar by creating an empty view of width equal to percentage.
+        return (
+            <View style = { resultsStyles.answerContainer as ViewStyle }>
+                { renderHeader(answer.name, percentage, voterCount) }
+                <View style = { resultsStyles.barContainer as ViewStyle }>
+                    <View style = { [ resultsStyles.bar, { width: `${percentage}%` } ] as ViewStyle[] } />
+                </View>
+            </View>
+        );
+
+    }, [ showDetails ]);
+
+
+    /* eslint-disable react/jsx-no-bind */
+    return (
+        <View>
+            <Text
+                id = 'question-text'
+                style = { dialogStyles.questionText as TextStyle } >{ question }</Text>
+            <Text
+                id = 'poll-owner-text'
+                style = { dialogStyles.questionOwnerText as TextStyle } >
+                { t('polls.by', { name: creatorName }) }
+            </Text>
+            <FlatList
+                data = { answers }
+                keyExtractor = { (item, index) => index.toString() }
+                renderItem = { answer => renderRow(answer.item) } />
+            <View style = { pollsStyles.bottomLinks as ViewStyle }>
+                <Button
+                    id = {
+                        showDetails
+                            ? t('polls.results.hideDetailedResults')
+                            : t('polls.results.showDetailedResults')
+                    }
+                    labelKey = {
+                        showDetails
+                            ? 'polls.results.hideDetailedResults'
+                            : 'polls.results.showDetailedResults'
+                    }
+                    labelStyle = { pollsStyles.toggleText }
+                    onClick = { toggleIsDetailed }
+                    type = { BUTTON_TYPES.TERTIARY } />
+                <Button
+                    id = {
+                        haveVoted
+                            ? t('polls.results.changeVote')
+                            : t('polls.results.vote')
+                    }
+                    labelKey = {
+                        haveVoted
+                            ? 'polls.results.changeVote'
+                            : 'polls.results.vote'
+                    }
+                    labelStyle = { pollsStyles.toggleText }
+                    onClick = { changeVote }
+                    type = { BUTTON_TYPES.TERTIARY } />
+            </View>
+        </View>
+    );
+};
+
+/*
+ * We apply AbstractPollResults to fill in the AbstractProps common
+ * to both the web and native implementations.
+ */
+// eslint-disable-next-line new-cap
+export default AbstractPollResults(PollResults);
diff --git a/react/features/polls/components/native/PollsList.tsx b/react/features/polls/components/native/PollsList.tsx
new file mode 100644
index 0000000..4e361c3
--- /dev/null
+++ b/react/features/polls/components/native/PollsList.tsx
@@ -0,0 +1,70 @@
+import React, { useCallback, useEffect, useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import { FlatList, TextStyle, View, ViewStyle } from 'react-native';
+import { Text } from 'react-native-paper';
+import { useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import Icon from '../../../base/icons/components/Icon';
+import { IconMessage } from '../../../base/icons/svg';
+import BaseTheme from '../../../base/ui/components/BaseTheme.native';
+
+import PollItem from './PollItem';
+import { pollsStyles } from './styles';
+
+interface IPollListProps {
+    setCreateMode: (mode: boolean) => void;
+}
+
+const PollsList = ({ setCreateMode }: IPollListProps) => {
+    const polls = useSelector((state: IReduxState) => state['features/polls'].polls);
+    const { t } = useTranslation();
+    const listPolls = Object.keys(polls);
+
+    const renderItem = useCallback(({ item }) => (
+        <PollItem
+            key = { item }
+            pollId = { item }
+            setCreateMode = { setCreateMode } />)
+    , []);
+
+    const flatlistRef = useRef<FlatList>(null);
+
+    const scrollToBottom = () => {
+        flatlistRef.current?.scrollToEnd({ animated: true });
+    };
+
+    useEffect(() => {
+        scrollToBottom();
+    }, [ polls ]);
+
+    return (
+        <>
+            {
+                listPolls.length === 0
+                && <View style = { pollsStyles.noPollContent as ViewStyle }>
+                    <Icon
+                        color = { BaseTheme.palette.icon03 }
+                        size = { 160 }
+                        src = { IconMessage } />
+                    <Text
+                        id = 'no-polls-text'
+                        style = { pollsStyles.noPollText as TextStyle } >
+                        {
+                            t('polls.results.empty')
+                        }
+                    </Text>
+                </View>
+            }
+            <FlatList
+                data = { listPolls }
+                extraData = { listPolls }
+                // eslint-disable-next-line react/jsx-no-bind
+                keyExtractor = { (item, index) => index.toString() }
+                ref = { flatlistRef }
+                renderItem = { renderItem } />
+        </>
+    );
+};
+
+export default PollsList;
diff --git a/react/features/polls/components/native/PollsPane.tsx b/react/features/polls/components/native/PollsPane.tsx
new file mode 100644
index 0000000..1d8eca2
--- /dev/null
+++ b/react/features/polls/components/native/PollsPane.tsx
@@ -0,0 +1,77 @@
+import { useNavigation } from '@react-navigation/native';
+import React, { useEffect } from 'react';
+import { Platform } from 'react-native';
+import { useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import JitsiScreen from '../../../base/modal/components/JitsiScreen';
+import { StyleType } from '../../../base/styles/functions.any';
+import Button from '../../../base/ui/components/native/Button';
+import { BUTTON_TYPES } from '../../../base/ui/constants.native';
+import { ChatTabs } from '../../../chat/constants';
+import { TabBarLabelCounter }
+    from '../../../mobile/navigation/components/TabBarLabelCounter';
+import {
+    default as AbstractPollsPane,
+    type AbstractProps
+} from '../AbstractPollsPane';
+
+import PollCreate from './PollCreate';
+import PollsList from './PollsList';
+import { pollsStyles } from './styles';
+
+const PollsPane = (props: AbstractProps) => {
+    const { createMode, isCreatePollsDisabled, onCreate, setCreateMode, t } = props;
+    const navigation = useNavigation();
+    const isPollsTabFocused = useSelector((state: IReduxState) => state['features/chat'].focusedTab === ChatTabs.POLLS);
+    const { unreadPollsCount } = useSelector((state: IReduxState) => state['features/polls']);
+
+    useEffect(() => {
+        const activeUnreadPollsNr = !isPollsTabFocused && unreadPollsCount > 0;
+
+        navigation.setOptions({
+            // eslint-disable-next-line react/no-multi-comp
+            tabBarLabel: () => (
+                <TabBarLabelCounter
+                    activeUnreadNr = { activeUnreadPollsNr }
+                    isFocused = { isPollsTabFocused }
+                    label = { t('chat.tabs.polls') }
+                    unreadCount = { unreadPollsCount } />
+            )
+        });
+
+    }, [ isPollsTabFocused, unreadPollsCount ]);
+
+    const createPollButtonStyles = Platform.OS === 'android'
+        ? pollsStyles.createPollButtonAndroid : pollsStyles.createPollButtonIos;
+
+    return (
+        <JitsiScreen
+            contentContainerStyle = { pollsStyles.pollPane as StyleType }
+            disableForcedKeyboardDismiss = { true }
+            hasExtraHeaderHeight = { true }
+            style = { pollsStyles.pollPaneContainer as StyleType }>
+            {
+                createMode
+                    ? <PollCreate setCreateMode = { setCreateMode } />
+                    : <>
+                        <PollsList setCreateMode = { setCreateMode } />
+                        {!isCreatePollsDisabled && <Button
+                            accessibilityLabel = 'polls.create.create'
+                            id = { t('polls.create.create') }
+                            labelKey = 'polls.create.create'
+                            onClick = { onCreate }
+                            style = { createPollButtonStyles }
+                            type = { BUTTON_TYPES.PRIMARY } />}
+                    </>
+            }
+        </JitsiScreen>
+    );
+};
+
+/*
+ * We apply AbstractPollsPane to fill in the AbstractProps common
+ * to both the web and native implementations.
+ */
+// eslint-disable-next-line new-cap
+export default AbstractPollsPane(PollsPane);
diff --git a/react/features/polls/components/native/styles.ts b/react/features/polls/components/native/styles.ts
new file mode 100644
index 0000000..864d669
--- /dev/null
+++ b/react/features/polls/components/native/styles.ts
@@ -0,0 +1,239 @@
+import { createStyleSheet } from '../../../base/styles/functions.native';
+import BaseTheme from '../../../base/ui/components/BaseTheme.native';
+
+
+export const dialogStyles = createStyleSheet({
+
+    headerContainer: {
+        display: 'flex',
+        flexDirection: 'row',
+        justifyContent: 'space-between'
+    },
+
+    customContainer: {
+        marginBottom: BaseTheme.spacing[3],
+        marginHorizontal: BaseTheme.spacing[3],
+        marginTop: BaseTheme.spacing[2]
+    },
+
+    questionText: {
+        ...BaseTheme.typography.bodyShortBold,
+        color: BaseTheme.palette.text01,
+        marginLeft: BaseTheme.spacing[1]
+    },
+
+    questionOwnerText: {
+        ...BaseTheme.typography.bodyShortBold,
+        color: BaseTheme.palette.text03,
+        marginBottom: BaseTheme.spacing[2],
+        marginLeft: BaseTheme.spacing[1]
+    },
+
+    optionContainer: {
+        flexDirection: 'column',
+        marginTop: BaseTheme.spacing[3],
+        marginHorizontal: BaseTheme.spacing[3]
+    },
+
+    optionRemoveButton: {
+        width: 128
+    },
+
+    optionRemoveButtonText: {
+        color: BaseTheme.palette.link01
+    },
+
+    field: {
+        borderWidth: 1,
+        borderColor: BaseTheme.palette.ui06,
+        borderRadius: BaseTheme.shape.borderRadius,
+        color: BaseTheme.palette.text01,
+        fontSize: 14,
+        paddingBottom: BaseTheme.spacing[2],
+        paddingLeft: BaseTheme.spacing[3],
+        paddingRight: BaseTheme.spacing[3],
+        paddingTop: BaseTheme.spacing[2]
+    }
+});
+
+export const resultsStyles = createStyleSheet({
+
+    title: {
+        fontSize: 24,
+        fontWeight: 'bold'
+    },
+
+    barContainer: {
+        backgroundColor: '#ccc',
+        borderRadius: 3,
+        width: '100%',
+        height: 6,
+        marginTop: 2
+    },
+
+    bar: {
+        backgroundColor: BaseTheme.palette.action01,
+        borderRadius: BaseTheme.shape.borderRadius,
+        height: 6
+    },
+
+    voters: {
+        backgroundColor: BaseTheme.palette.ui04,
+        borderColor: BaseTheme.palette.ui03,
+        borderRadius: BaseTheme.shape.borderRadius,
+        borderWidth: 1,
+        padding: BaseTheme.spacing[2],
+        marginTop: BaseTheme.spacing[2]
+    },
+
+    voter: {
+        color: BaseTheme.palette.text01
+    },
+
+    answerContainer: {
+        marginHorizontal: BaseTheme.spacing[1],
+        marginVertical: BaseTheme.spacing[3],
+        maxWidth: '100%'
+    },
+
+    answerHeader: {
+        flexDirection: 'row',
+        justifyContent: 'space-between'
+    },
+
+    answer: {
+        color: BaseTheme.palette.text01,
+        flexShrink: 1
+    },
+
+    answerVoteCount: {
+        paddingLeft: 10
+    },
+
+    chatQuestion: {
+        fontWeight: 'bold'
+    }
+});
+
+export const pollsStyles = createStyleSheet({
+
+    noPollContent: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        position: 'absolute',
+        bottom: 0,
+        left: 0,
+        right: 0,
+        top: '25%'
+    },
+
+    noPollText: {
+        flex: 1,
+        color: BaseTheme.palette.text03,
+        textAlign: 'center',
+        maxWidth: '70%'
+    },
+
+    pollItemContainer: {
+        backgroundColor: BaseTheme.palette.uiBackground,
+        borderColor: BaseTheme.palette.ui06,
+        borderRadius: BaseTheme.shape.borderRadius,
+        boxShadow: BaseTheme.shape.boxShadow,
+        borderWidth: 1,
+        padding: BaseTheme.spacing[2],
+        margin: BaseTheme.spacing[3]
+    },
+
+    pollCreateContainer: {
+        flex: 1
+    },
+
+    pollCreateSubContainer: {
+        flex: 1,
+        marginTop: BaseTheme.spacing[3]
+    },
+
+    pollCreateButtonsContainerAndroid: {
+        marginBottom: BaseTheme.spacing[8],
+        marginHorizontal: BaseTheme.spacing[3]
+    },
+
+    pollCreateButtonsContainerIos: {
+        marginBottom: BaseTheme.spacing[5],
+        marginHorizontal: BaseTheme.spacing[3]
+    },
+
+    pollSendLabel: {
+        color: BaseTheme.palette.text01
+    },
+
+    pollSendDisabledLabel: {
+        color: BaseTheme.palette.text03
+    },
+
+    buttonRow: {
+        flexDirection: 'row',
+        justifyContent: 'space-between'
+    },
+
+    answerContent: {
+        marginBottom: BaseTheme.spacing[2]
+    },
+
+    switchRow: {
+        alignItems: 'center',
+        flexDirection: 'row',
+        padding: BaseTheme.spacing[2]
+    },
+
+    switchLabel: {
+        color: BaseTheme.palette.text01,
+        marginLeft: BaseTheme.spacing[2]
+    },
+
+    pollCreateAddButton: {
+        marginHorizontal: BaseTheme.spacing[1],
+        marginVertical: BaseTheme.spacing[2]
+    },
+
+    pollCreateButton: {
+        marginHorizontal: BaseTheme.spacing[1],
+        flex: 1
+    },
+
+    toggleText: {
+        color: BaseTheme.palette.action01
+    },
+
+    createPollButtonIos: {
+        marginHorizontal: 20,
+        marginVertical: BaseTheme.spacing[5]
+    },
+
+    createPollButtonAndroid: {
+        marginHorizontal: 20,
+        marginVertical: BaseTheme.spacing[5]
+    },
+
+    pollPane: {
+        flex: 1,
+        padding: BaseTheme.spacing[2]
+    },
+
+    pollPaneContainer: {
+        backgroundColor: BaseTheme.palette.ui01,
+        flex: 1
+    },
+
+    bottomLinks: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        marginHorizontal: BaseTheme.spacing[1]
+    },
+
+    fieldSeparator: {
+        borderBottomWidth: 1,
+        borderColor: BaseTheme.palette.ui05,
+        marginTop: BaseTheme.spacing[3]
+    }
+});
diff --git a/react/features/polls/components/web/PollAnswer.tsx b/react/features/polls/components/web/PollAnswer.tsx
new file mode 100644
index 0000000..b1acd3e
--- /dev/null
+++ b/react/features/polls/components/web/PollAnswer.tsx
@@ -0,0 +1,156 @@
+/* eslint-disable react/jsx-no-bind */
+
+import React from 'react';
+import { useDispatch } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import Icon from '../../../base/icons/components/Icon';
+import { IconCloseLarge } from '../../../base/icons/svg';
+import Button from '../../../base/ui/components/web/Button';
+import Checkbox from '../../../base/ui/components/web/Checkbox';
+import { BUTTON_TYPES } from '../../../base/ui/constants.web';
+import { editPoll, removePoll } from '../../actions';
+import { isSubmitAnswerDisabled } from '../../functions';
+import AbstractPollAnswer, { AbstractProps } from '../AbstractPollAnswer';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        container: {
+            margin: '24px',
+            padding: '16px',
+            backgroundColor: theme.palette.ui02,
+            borderRadius: '8px',
+            wordBreak: 'break-word'
+        },
+        closeBtn: {
+            cursor: 'pointer',
+            float: 'right'
+        },
+        header: {
+            marginBottom: '24px'
+        },
+        question: {
+            ...theme.typography.heading6,
+            color: theme.palette.text01,
+            marginBottom: '8px'
+        },
+        creator: {
+            ...theme.typography.bodyShortRegular,
+            color: theme.palette.text02
+        },
+        answerList: {
+            listStyleType: 'none',
+            margin: 0,
+            padding: 0,
+            marginBottom: '24px'
+        },
+        answer: {
+            display: 'flex',
+            marginBottom: '16px'
+        },
+        footer: {
+            display: 'flex',
+            justifyContent: 'flex-end'
+        },
+        buttonMargin: {
+            marginRight: theme.spacing(3)
+        }
+    };
+});
+
+const PollAnswer = ({
+    creatorName,
+    checkBoxStates,
+    poll,
+    setCheckbox,
+    setCreateMode,
+    skipAnswer,
+    skipChangeVote,
+    sendPoll,
+    submitAnswer,
+    t
+}: AbstractProps) => {
+    const { changingVote, saved: pollSaved } = poll;
+    const dispatch = useDispatch();
+
+    const { classes } = useStyles();
+
+    return (
+        <div
+            className = { classes.container }
+            id = { `poll-${poll.pollId}` }>
+            {
+                pollSaved && <Icon
+                    ariaLabel = { t('polls.closeButton') }
+                    className = { classes.closeBtn }
+                    onClick = { () => dispatch(removePoll(poll)) }
+                    role = 'button'
+                    src = { IconCloseLarge }
+                    tabIndex = { 0 } />
+            }
+            <div className = { classes.header }>
+                <div className = { classes.question }>
+                    { poll.question }
+                </div>
+                <div className = { classes.creator }>
+                    { t('polls.by', { name: creatorName }) }
+                </div>
+            </div>
+            <ul className = { classes.answerList }>
+                {
+                    poll.answers.map((answer, index: number) => (
+                        <li
+                            className = { classes.answer }
+                            key = { index }>
+                            <Checkbox
+                                checked = { checkBoxStates[index] }
+                                disabled = { poll.saved }
+                                id = { `poll-answer-checkbox-${poll.pollId}-${index}` }
+                                key = { index }
+                                label = { answer.name }
+                                onChange = { ev => setCheckbox(index, ev.target.checked) } />
+                        </li>
+                    ))
+                }
+            </ul>
+            <div className = { classes.footer } >
+                {
+                    pollSaved ? <>
+                        <Button
+                            accessibilityLabel = { t('polls.answer.edit') }
+                            className = { classes.buttonMargin }
+                            labelKey = { 'polls.answer.edit' }
+                            onClick = { () => {
+                                setCreateMode(true);
+                                dispatch(editPoll(poll.pollId, true));
+                            } }
+                            type = { BUTTON_TYPES.SECONDARY } />
+                        <Button
+                            accessibilityLabel = { t('polls.create.accessibilityLabel.send') }
+                            labelKey = { 'polls.answer.send' }
+                            onClick = { sendPoll } />
+                    </> : <>
+                        <Button
+                            accessibilityLabel = { t('polls.answer.skip') }
+                            className = { classes.buttonMargin }
+                            labelKey = { 'polls.answer.skip' }
+                            onClick = { changingVote ? skipChangeVote : skipAnswer }
+                            type = { BUTTON_TYPES.SECONDARY } />
+                        <Button
+                            accessibilityLabel = { t('polls.answer.submit') }
+                            disabled = { isSubmitAnswerDisabled(checkBoxStates) }
+                            labelKey = { 'polls.answer.submit' }
+                            onClick = { submitAnswer } />
+                    </>
+                }
+            </div>
+        </div>
+    );
+};
+
+/*
+ * We apply AbstractPollAnswer to fill in the AbstractProps common
+ * to both the web and native implementations.
+ */
+// eslint-disable-next-line new-cap
+export default AbstractPollAnswer(PollAnswer);
diff --git a/react/features/polls/components/web/PollCreate.tsx b/react/features/polls/components/web/PollCreate.tsx
new file mode 100644
index 0000000..abefc79
--- /dev/null
+++ b/react/features/polls/components/web/PollCreate.tsx
@@ -0,0 +1,284 @@
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { useDispatch } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import Button from '../../../base/ui/components/web/Button';
+import Input from '../../../base/ui/components/web/Input';
+import { BUTTON_TYPES } from '../../../base/ui/constants.web';
+import { editPoll } from '../../actions';
+import { ANSWERS_LIMIT, CHAR_LIMIT } from '../../constants';
+import AbstractPollCreate, { AbstractProps } from '../AbstractPollCreate';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        container: {
+            height: '100%',
+            position: 'relative'
+        },
+        createContainer: {
+            padding: '0 24px',
+            height: 'calc(100% - 88px)',
+            overflowY: 'auto'
+        },
+        header: {
+            ...theme.typography.heading6,
+            color: theme.palette.text01,
+            margin: '24px 0 16px'
+        },
+        questionContainer: {
+            paddingBottom: '24px',
+            borderBottom: `1px solid ${theme.palette.ui03}`
+        },
+        answerList: {
+            listStyleType: 'none',
+            margin: 0,
+            padding: 0
+        },
+        answer: {
+            marginBottom: '24px'
+        },
+        removeOption: {
+            ...theme.typography.bodyShortRegular,
+            color: theme.palette.link01,
+            marginTop: '8px',
+            border: 0,
+            background: 'transparent'
+        },
+        addButtonContainer: {
+            display: 'flex'
+        },
+        footer: {
+            position: 'absolute',
+            bottom: 0,
+            display: 'flex',
+            justifyContent: 'flex-end',
+            padding: '24px',
+            width: '100%',
+            boxSizing: 'border-box'
+        },
+        buttonMargin: {
+            marginRight: theme.spacing(3)
+        }
+    };
+});
+
+const PollCreate = ({
+    addAnswer,
+    answers,
+    editingPoll,
+    editingPollId,
+    isSubmitDisabled,
+    onSubmit,
+    question,
+    removeAnswer,
+    setAnswer,
+    setCreateMode,
+    setQuestion,
+    t
+}: AbstractProps) => {
+    const { classes } = useStyles();
+    const dispatch = useDispatch();
+
+    /*
+     * This ref stores the Array of answer input fields, allowing us to focus on them.
+     * This array is maintained by registerfieldRef and the useEffect below.
+     */
+    const answerInputs = useRef<Array<HTMLInputElement>>([]);
+    const registerFieldRef = useCallback((i, r) => {
+        if (r === null) {
+            return;
+        }
+        answerInputs.current[i] = r;
+    }, [ answerInputs ]);
+
+    useEffect(() => {
+        answerInputs.current = answerInputs.current.slice(0, answers.length);
+    }, [ answers ]);
+
+    /*
+     * This state allows us to requestFocus asynchronously, without having to worry
+     * about whether a newly created input field has been rendered yet or not.
+     */
+    const [ lastFocus, requestFocus ] = useState<number | null>(null);
+
+    useEffect(() => {
+        if (lastFocus === null) {
+            return;
+        }
+        const input = answerInputs.current[lastFocus];
+
+        if (input === undefined) {
+            return;
+        }
+        input.focus();
+    }, [ lastFocus ]);
+
+    const checkModifiers = useCallback(ev => {
+        // Composition events used to add accents to characters
+        // despite their absence from standard US keyboards,
+        // to build up logograms of many Asian languages
+        // from their base components or categories and so on.
+        if (ev.isComposing || ev.keyCode === 229) {
+            // keyCode 229 means that user pressed some button,
+            // but input method is still processing that.
+            // This is a standard behavior for some input methods
+            // like entering japanese or сhinese hieroglyphs.
+            return true;
+        }
+
+        // Because this isn't done automatically on MacOS
+        if (ev.key === 'Enter' && ev.metaKey) {
+            ev.preventDefault();
+            onSubmit();
+
+            return;
+        }
+        if (ev.ctrlKey || ev.metaKey || ev.altKey || ev.shiftKey) {
+            return;
+        }
+    }, []);
+
+    const onQuestionKeyDown = useCallback(ev => {
+        if (checkModifiers(ev)) {
+            return;
+        }
+
+        if (ev.key === 'Enter') {
+            requestFocus(0);
+            ev.preventDefault();
+        }
+    }, []);
+
+    // Called on keypress in answer fields
+    const onAnswerKeyDown = useCallback((i, ev) => {
+        if (checkModifiers(ev)) {
+            return;
+        }
+
+        if (ev.key === 'Enter') {
+            // We add a new option input
+            // only if we are on the last option input
+            if (i === answers.length - 1) {
+                addAnswer(i + 1);
+            }
+            requestFocus(i + 1);
+            ev.preventDefault();
+        } else if (ev.key === 'Backspace' && ev.target.value === '' && answers.length > 1) {
+            removeAnswer(i);
+            requestFocus(i > 0 ? i - 1 : 0);
+            ev.preventDefault();
+        } else if (ev.key === 'ArrowDown') {
+            if (i === answers.length - 1) {
+                addAnswer();
+            }
+            requestFocus(i + 1);
+            ev.preventDefault();
+        } else if (ev.key === 'ArrowUp') {
+            if (i === 0) {
+                addAnswer(0);
+                requestFocus(0);
+            } else {
+                requestFocus(i - 1);
+            }
+            ev.preventDefault();
+        }
+    }, [ answers, addAnswer, removeAnswer, requestFocus ]);
+
+    /* eslint-disable react/jsx-no-bind */
+    return (<form
+        className = { classes.container }
+        onSubmit = { onSubmit }>
+        <div className = { classes.createContainer }>
+            <div className = { classes.header }>
+                { t('polls.create.create') }
+            </div>
+            <div className = { classes.questionContainer }>
+                <Input
+                    autoFocus = { true }
+                    id = 'polls-create-input'
+                    label = { t('polls.create.pollQuestion') }
+                    maxLength = { CHAR_LIMIT }
+                    onChange = { setQuestion }
+                    onKeyPress = { onQuestionKeyDown }
+                    placeholder = { t('polls.create.questionPlaceholder') }
+                    textarea = { true }
+                    value = { question } />
+            </div>
+            <ol className = { classes.answerList }>
+                {answers.map((answer, i: number) => {
+
+                    const isIdenticalAnswer = answers.slice(0, i).length === 0 ? false
+                        : answers.slice(0, i).some(prevAnswer =>
+                            prevAnswer.name === answer.name
+                            && prevAnswer.name !== '' && answer.name !== '');
+
+                    return (<li
+                        className = { classes.answer }
+                        key = { i }>
+                        <Input
+                            bottomLabel = { (isIdenticalAnswer ? t('polls.errors.notUniqueOption',
+                             { index: i + 1 }) : '') }
+                            error = { isIdenticalAnswer }
+                            id = { `polls-answer-input-${i}` }
+                            label = { t('polls.create.pollOption', { index: i + 1 }) }
+                            maxLength = { CHAR_LIMIT }
+                            onChange = { name => setAnswer(i, {
+                                name
+                            }) }
+                            onKeyPress = { ev => onAnswerKeyDown(i, ev) }
+                            placeholder = { t('polls.create.answerPlaceholder', { index: i + 1 }) }
+                            ref = { r => registerFieldRef(i, r) }
+                            textarea = { true }
+                            value = { answer.name } />
+
+                        { answers.length > 2
+                        && <button
+                            className = { classes.removeOption }
+                            data-testid = { `remove-polls-answer-input-${i}` }
+                            onClick = { () => removeAnswer(i) }
+                            type = 'button'>
+                            { t('polls.create.removeOption') }
+                        </button>}
+                    </li>);
+                }
+                )}
+            </ol>
+            <div className = { classes.addButtonContainer }>
+                <Button
+                    accessibilityLabel = { t('polls.create.addOption') }
+                    disabled = { answers.length >= ANSWERS_LIMIT }
+                    labelKey = { 'polls.create.addOption' }
+                    onClick = { () => {
+                        addAnswer();
+                        requestFocus(answers.length);
+                    } }
+                    type = { BUTTON_TYPES.SECONDARY } />
+            </div>
+        </div>
+        <div className = { classes.footer }>
+            <Button
+                accessibilityLabel = { t('polls.create.cancel') }
+                className = { classes.buttonMargin }
+                labelKey = { 'polls.create.cancel' }
+                onClick = { () => {
+                    setCreateMode(false);
+                    editingPollId
+                    && editingPoll?.editing
+                    && dispatch(editPoll(editingPollId, false));
+                } }
+                type = { BUTTON_TYPES.SECONDARY } />
+            <Button
+                accessibilityLabel = { t('polls.create.save') }
+                disabled = { isSubmitDisabled }
+                isSubmit = { true }
+                labelKey = { 'polls.create.save' } />
+        </div>
+    </form>);
+};
+
+/*
+ * We apply AbstractPollCreate to fill in the AbstractProps common
+ * to both the web and native implementations.
+ */
+// eslint-disable-next-line new-cap
+export default AbstractPollCreate(PollCreate);
diff --git a/react/features/polls/components/web/PollItem.tsx b/react/features/polls/components/web/PollItem.tsx
new file mode 100644
index 0000000..3da1a08
--- /dev/null
+++ b/react/features/polls/components/web/PollItem.tsx
@@ -0,0 +1,42 @@
+import React from 'react';
+import { useSelector } from 'react-redux';
+
+import { shouldShowResults } from '../../functions';
+
+import PollAnswer from './PollAnswer';
+import PollResults from './PollResults';
+
+
+interface IProps {
+
+    /**
+     * Id of the poll.
+     */
+    pollId: string;
+
+    /**
+     * Create mode control.
+     */
+    setCreateMode: (mode: boolean) => void;
+
+}
+
+const PollItem = React.forwardRef<HTMLDivElement, IProps>(({ pollId, setCreateMode }: IProps, ref) => {
+    const showResults = useSelector(shouldShowResults(pollId));
+
+    return (
+        <div ref = { ref }>
+            { showResults
+                ? <PollResults
+                    key = { pollId }
+                    pollId = { pollId } />
+                : <PollAnswer
+                    pollId = { pollId }
+                    setCreateMode = { setCreateMode } />
+            }
+
+        </div>
+    );
+});
+
+export default PollItem;
diff --git a/react/features/polls/components/web/PollResults.tsx b/react/features/polls/components/web/PollResults.tsx
new file mode 100644
index 0000000..ec9f013
--- /dev/null
+++ b/react/features/polls/components/web/PollResults.tsx
@@ -0,0 +1,182 @@
+import React from 'react';
+import { makeStyles } from 'tss-react/mui';
+
+import AbstractPollResults, { AbstractProps } from '../AbstractPollResults';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        container: {
+            margin: '24px',
+            padding: '16px',
+            backgroundColor: theme.palette.ui02,
+            borderRadius: '8px',
+            wordBreak: 'break-word'
+        },
+        header: {
+            marginBottom: '16px'
+        },
+        question: {
+            ...theme.typography.heading6,
+            color: theme.palette.text01,
+            marginBottom: '8px'
+        },
+        creator: {
+            ...theme.typography.bodyShortRegular,
+            color: theme.palette.text02
+        },
+        resultList: {
+            listStyleType: 'none',
+            margin: 0,
+            padding: 0,
+
+            '& li': {
+                marginBottom: '16px'
+            }
+        },
+        answerName: {
+            display: 'flex',
+            flexShrink: 1,
+            overflowWrap: 'anywhere',
+            ...theme.typography.bodyShortRegular,
+            color: theme.palette.text01,
+            marginBottom: '4px'
+        },
+        answerResultContainer: {
+            display: 'flex',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            minWidth: '10em'
+        },
+        barContainer: {
+            backgroundColor: theme.palette.ui03,
+            borderRadius: '4px',
+            height: '6px',
+            maxWidth: '160px',
+            width: '158px',
+            flexGrow: 1,
+            marginTop: '2px'
+        },
+        bar: {
+            height: '6px',
+            borderRadius: '4px',
+            backgroundColor: theme.palette.action01
+        },
+        voteCount: {
+            flex: 1,
+            textAlign: 'right',
+            ...theme.typography.bodyShortBold,
+            color: theme.palette.text01
+        },
+        voters: {
+            margin: 0,
+            marginTop: '4px',
+            listStyleType: 'none',
+            display: 'flex',
+            flexDirection: 'column',
+            backgroundColor: theme.palette.ui03,
+            borderRadius: theme.shape.borderRadius,
+            padding: '8px 16px',
+
+            '& li': {
+                ...theme.typography.bodyShortRegular,
+                color: theme.palette.text01,
+                margin: 0,
+                marginBottom: '2px',
+
+                '&:last-of-type': {
+                    marginBottom: 0
+                }
+            }
+        },
+        buttonsContainer: {
+            display: 'flex',
+            justifyContent: 'space-between',
+
+            '& button': {
+                border: 0,
+                backgroundColor: 'transparent',
+                ...theme.typography.bodyShortRegular,
+                color: theme.palette.link01
+            }
+        }
+    };
+});
+
+/**
+ * Component that renders the poll results.
+ *
+ * @param {Props} props - The passed props.
+ * @returns {React.Node}
+ */
+const PollResults = ({
+    answers,
+    changeVote,
+    creatorName,
+    haveVoted,
+    pollId,
+    showDetails,
+    question,
+    t,
+    toggleIsDetailed
+}: AbstractProps) => {
+    const { classes } = useStyles();
+
+    return (
+        <div
+            className = { classes.container }
+            id = { `poll-${pollId}` }>
+            <div className = { classes.header }>
+                <div className = { classes.question }>
+                    {question}
+                </div>
+                <div className = { classes.creator }>
+                    {t('polls.by', { name: creatorName })}
+                </div>
+            </div>
+            <ul className = { classes.resultList }>
+                {answers.map(({ name, percentage, voters, voterCount }, index) =>
+                    (<li key = { index }>
+                        <div className = { classes.answerName }>
+                            {name}
+                        </div>
+                        <div
+                            className = { classes.answerResultContainer }
+                            id = { `poll-result-${pollId}-${index}` }>
+                            <span className = { classes.barContainer }>
+                                <div
+                                    className = { classes.bar }
+                                    style = {{ width: `${percentage}%` }} />
+                            </span>
+                            <div className = { classes.voteCount }>
+                                {voterCount} ({percentage}%)
+                            </div>
+                        </div>
+                        {showDetails && voters && voterCount > 0
+                        && <ul className = { classes.voters }>
+                            { voters.map(voter =>
+                                <li key = { voter.id }>{ voter.name }</li>
+                            )}
+                        </ul>}
+                    </li>)
+                )}
+            </ul>
+            <div className = { classes.buttonsContainer }>
+                <button
+                    onClick = { toggleIsDetailed }>
+                    {showDetails ? t('polls.results.hideDetailedResults') : t('polls.results.showDetailedResults')}
+                </button>
+                <button
+                    onClick = { changeVote }>
+                    {haveVoted ? t('polls.results.changeVote') : t('polls.results.vote')}
+                </button>
+            </div>
+        </div>
+    );
+};
+
+/*
+ * We apply AbstractPollResults to fill in the AbstractProps common
+ * to both the web and native implementations.
+ */
+// eslint-disable-next-line new-cap
+export default AbstractPollResults(PollResults);
diff --git a/react/features/polls/components/web/PollsButton.tsx b/react/features/polls/components/web/PollsButton.tsx
new file mode 100644
index 0000000..fde337a
--- /dev/null
+++ b/react/features/polls/components/web/PollsButton.tsx
@@ -0,0 +1,45 @@
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { IconInfo } from '../../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import { openPollsPanel } from '../../../chat/actions.any';
+import { arePollsDisabled } from '../../../conference/functions.any';
+
+/**
+ * Component that renders a button to open the polls panel.
+ *
+ * @augments AbstractButton
+ */
+class PollsButton extends AbstractButton<AbstractButtonProps> {
+    override icon = IconInfo;
+    override label = 'toolbar.polls';
+    override tooltip = 'toolbar.polls';
+
+    /**
+     * Handles clicking the button to open the polls panel.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { dispatch } = this.props;
+
+        dispatch(openPollsPanel());
+    }
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {IReduxState} state - The Redux state.
+ * @returns {Object} - Mapped props.
+ */
+function mapStateToProps(state: IReduxState) {
+    return {
+        visible: !arePollsDisabled(state)
+    };
+}
+
+export default translate(connect(mapStateToProps)(PollsButton));
diff --git a/react/features/polls/components/web/PollsList.tsx b/react/features/polls/components/web/PollsList.tsx
new file mode 100644
index 0000000..f9e49d8
--- /dev/null
+++ b/react/features/polls/components/web/PollsList.tsx
@@ -0,0 +1,93 @@
+import React, { useCallback, useEffect, useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState } from '../../../app/types';
+import Icon from '../../../base/icons/components/Icon';
+import { IconMessage } from '../../../base/icons/svg';
+import { browser } from '../../../base/lib-jitsi-meet';
+
+import PollItem from './PollItem';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        container: {
+            height: '100%',
+            width: '100%',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            flexDirection: 'column'
+        },
+        emptyIcon: {
+            width: '100px',
+            padding: '16px',
+
+            '& svg': {
+                width: '100%',
+                height: 'auto'
+            }
+        },
+        emptyMessage: {
+            ...theme.typography.bodyLongBold,
+            color: theme.palette.text02,
+            padding: '0 24px',
+            textAlign: 'center'
+        }
+    };
+});
+
+interface IPollListProps {
+    setCreateMode: (mode: boolean) => void;
+}
+
+const PollsList = ({ setCreateMode }: IPollListProps) => {
+    const { t } = useTranslation();
+    const { classes, theme } = useStyles();
+    const { polls } = useSelector((state: IReduxState) => state['features/polls']);
+
+    const pollListEndRef = useRef<HTMLDivElement>(null);
+
+    const scrollToBottom = useCallback(() => {
+        if (pollListEndRef.current) {
+            // Safari does not support options
+            const param = browser.isSafari()
+                ? false : {
+                    behavior: 'smooth' as const,
+                    block: 'end' as const,
+                    inline: 'nearest' as const
+                };
+
+            pollListEndRef.current.scrollIntoView(param);
+        }
+    }, [ pollListEndRef.current ]);
+
+    useEffect(() => {
+        scrollToBottom();
+    }, [ polls ]);
+
+    const listPolls = Object.keys(polls);
+
+    return (
+        <>
+            {listPolls.length === 0
+                ? <div className = { classes.container }>
+                    <Icon
+                        className = { classes.emptyIcon }
+                        color = { theme.palette.icon03 }
+                        src = { IconMessage } />
+                    <span className = { classes.emptyMessage }>{t('polls.results.empty')}</span>
+                </div>
+                : listPolls.map((id, index) => (
+                    <PollItem
+                        key = { id }
+                        pollId = { id }
+                        ref = { listPolls.length - 1 === index ? pollListEndRef : null }
+                        setCreateMode = { setCreateMode } />
+                ))}
+        </>
+    );
+};
+
+export default PollsList;
diff --git a/react/features/polls/components/web/PollsPane.tsx b/react/features/polls/components/web/PollsPane.tsx
new file mode 100644
index 0000000..27d2aee
--- /dev/null
+++ b/react/features/polls/components/web/PollsPane.tsx
@@ -0,0 +1,55 @@
+import React from 'react';
+import { makeStyles } from 'tss-react/mui';
+
+import Button from '../../../base/ui/components/web/Button';
+import AbstractPollsPane, { AbstractProps } from '../AbstractPollsPane';
+
+import PollCreate from './PollCreate';
+import PollsList from './PollsList';
+/* eslint-enable lines-around-comment */
+
+const useStyles = makeStyles()(() => {
+    return {
+        container: {
+            height: '100%',
+            position: 'relative'
+        },
+        listContainer: {
+            height: 'calc(100% - 88px)',
+            overflowY: 'auto'
+        },
+        footer: {
+            position: 'absolute',
+            bottom: 0,
+            padding: '24px',
+            width: '100%',
+            boxSizing: 'border-box'
+        }
+    };
+});
+
+const PollsPane = ({ createMode, isCreatePollsDisabled, onCreate, setCreateMode, t }: AbstractProps) => {
+    const { classes } = useStyles();
+
+    return createMode
+        ? <PollCreate setCreateMode = { setCreateMode } />
+        : <div className = { classes.container }>
+            <div className = { classes.listContainer } >
+                <PollsList setCreateMode = { setCreateMode } />
+            </div>
+            { !isCreatePollsDisabled && <div className = { classes.footer }>
+                <Button
+                    accessibilityLabel = { t('polls.create.create') }
+                    fullWidth = { true }
+                    labelKey = { 'polls.create.create' }
+                    onClick = { onCreate } />
+            </div>}
+        </div>;
+};
+
+/*
+ * We apply AbstractPollsPane to fill in the AbstractProps common
+ * to both the web and native implementations.
+ */
+// eslint-disable-next-line new-cap
+export default AbstractPollsPane(PollsPane);
diff --git a/react/features/polls/constants.ts b/react/features/polls/constants.ts
new file mode 100644
index 0000000..ff64810
--- /dev/null
+++ b/react/features/polls/constants.ts
@@ -0,0 +1,2 @@
+export const CHAR_LIMIT = 500;
+export const ANSWERS_LIMIT = 255;
diff --git a/react/features/polls/functions.ts b/react/features/polls/functions.ts
new file mode 100644
index 0000000..97cc9e3
--- /dev/null
+++ b/react/features/polls/functions.ts
@@ -0,0 +1,87 @@
+import { IReduxState } from '../app/types';
+import { MEET_FEATURES } from '../base/jwt/constants';
+import { isJwtFeatureEnabled } from '../base/jwt/functions';
+import { iAmVisitor } from '../visitors/functions';
+
+import { IAnswerData } from './types';
+
+/**
+ * Selector creator for determining if poll results should be displayed or not.
+ *
+ * @param {string} id - Id of the poll.
+ * @returns {Function}
+ */
+export function shouldShowResults(id: string) {
+    return function(state: IReduxState) {
+        return Boolean(state['features/polls']?.polls[id].showResults);
+    };
+}
+
+/**
+ * Selector creator for polls.
+ *
+ * @param {string} pollId - Id of the poll to get.
+ * @returns {Function}
+ */
+export function getPoll(pollId: string) {
+    return function(state: IReduxState) {
+        return state['features/polls'].polls[pollId];
+    };
+}
+
+/**
+ * Selector for calculating the number of unread poll messages.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @returns {number} The number of unread messages.
+ */
+export function getUnreadPollCount(state: IReduxState) {
+    const { unreadPollsCount } = state['features/polls'];
+
+    return unreadPollsCount;
+}
+
+/**
+ * Determines if the submit poll answer button should be disabled.
+ *
+ * @param {Array<boolean>} checkBoxStates - The states of the checkboxes.
+ * @returns {boolean}
+ */
+export function isSubmitAnswerDisabled(checkBoxStates: Array<boolean>) {
+    return !checkBoxStates.find(checked => checked);
+}
+
+/**
+ * Check if the input array has identical answers.
+ *
+ * @param {Array<IAnswerData>} currentAnswers - The array of current answers to compare.
+ * @returns {boolean} - Returns true if the answers are identical.
+ */
+export function hasIdenticalAnswers(currentAnswers: Array<IAnswerData>): boolean {
+
+    const nonEmptyCurrentAnswers = currentAnswers.filter((answer): boolean => answer.name !== '');
+
+    const currentAnswersSet = new Set(nonEmptyCurrentAnswers.map(answer => answer.name));
+
+    return currentAnswersSet.size !== nonEmptyCurrentAnswers.length;
+}
+
+/**
+ * Check if participant is not allowed to create polls.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @returns {boolean} - Returns true if the participant is not allowed to create polls.
+ */
+export function isCreatePollDisabled(state: IReduxState) {
+    if (iAmVisitor(state)) {
+        return true;
+    }
+
+    const { pollCreationRequiresPermission } = state['features/dynamic-branding'];
+
+    if (!pollCreationRequiresPermission) {
+        return false;
+    }
+
+    return !isJwtFeatureEnabled(state, MEET_FEATURES.CREATE_POLLS, false);
+}
diff --git a/react/features/polls/hooks.web.ts b/react/features/polls/hooks.web.ts
new file mode 100644
index 0000000..667acf9
--- /dev/null
+++ b/react/features/polls/hooks.web.ts
@@ -0,0 +1,24 @@
+import { useSelector } from 'react-redux';
+
+import { arePollsDisabled } from '../conference/functions.any';
+
+import PollsButton from './components/web/PollsButton';
+
+const polls = {
+    key: 'polls',
+    Content: PollsButton,
+    group: 2
+};
+
+/**
+ * A hook that returns the polls button if it is enabled and undefined otherwise.
+ *
+ * @returns {Object | undefined} - The polls button object or undefined.
+ */
+export function usePollsButton() {
+    const isPollsDisabled = useSelector(arePollsDisabled);
+
+    if (!isPollsDisabled) {
+        return polls;
+    }
+}
diff --git a/react/features/polls/logger.ts b/react/features/polls/logger.ts
new file mode 100644
index 0000000..c8f1053
--- /dev/null
+++ b/react/features/polls/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:polls');
diff --git a/react/features/polls/middleware.ts b/react/features/polls/middleware.ts
new file mode 100644
index 0000000..9063580
--- /dev/null
+++ b/react/features/polls/middleware.ts
@@ -0,0 +1,134 @@
+import { IStore } from '../app/types';
+import { getCurrentConference } from '../base/conference/functions';
+import { JitsiConferenceEvents } from '../base/lib-jitsi-meet';
+import { getParticipantById, getParticipantDisplayName } from '../base/participants/functions';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import StateListenerRegistry from '../base/redux/StateListenerRegistry';
+import { playSound } from '../base/sounds/actions';
+import { ChatTabs, INCOMING_MSG_SOUND_ID } from '../chat/constants';
+import { arePollsDisabled } from '../conference/functions.any';
+import { showNotification } from '../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE, NOTIFICATION_TYPE } from '../notifications/constants';
+
+import { RECEIVE_POLL } from './actionTypes';
+import { clearPolls, receiveAnswer, receivePoll } from './actions';
+import { IIncomingAnswerData } from './types';
+
+/**
+ * The maximum number of answers a poll can have.
+ */
+const MAX_ANSWERS = 32;
+
+/**
+ * Set up state change listener to perform maintenance tasks when the conference
+ * is left or failed, e.g. Clear messages or close the chat modal if it's left
+ * open.
+ * When joining new conference set up the listeners for polls.
+ */
+StateListenerRegistry.register(
+    state => getCurrentConference(state),
+    (conference, { dispatch, getState }, previousConference): void => {
+        if (conference !== previousConference) {
+            dispatch(clearPolls());
+
+            if (conference && !previousConference) {
+                conference.on(JitsiConferenceEvents.POLL_RECEIVED, (data: any) => {
+                    _handleReceivedPollsData(data, dispatch, getState);
+                });
+                conference.on(JitsiConferenceEvents.POLL_ANSWER_RECEIVED, (data: any) => {
+                    _handleReceivedPollsAnswer(data, dispatch, getState);
+                });
+            }
+        }
+    });
+
+MiddlewareRegistry.register(({ dispatch, getState }) => next => action => {
+    const result = next(action);
+
+    switch (action.type) {
+
+    case RECEIVE_POLL: {
+        const state = getState();
+
+        if (arePollsDisabled(state)) {
+            break;
+        }
+
+        const isChatOpen: boolean = state['features/chat'].isOpen;
+        const isPollsTabFocused: boolean = state['features/chat'].focusedTab === ChatTabs.POLLS;
+
+        // Finally, we notify user they received a new poll if their pane is not opened
+        if (action.notify && (!isChatOpen || !isPollsTabFocused)) {
+            dispatch(playSound(INCOMING_MSG_SOUND_ID));
+        }
+        break;
+    }
+    }
+
+    return result;
+});
+
+/**
+ * Handles receiving of new or history polls to load.
+ *
+ * @param {Object} data - The json data carried by the polls message.
+ * @param {Function} dispatch - The dispatch function.
+ * @param {Function} getState - The getState function.
+ *
+ * @returns {void}
+ */
+function _handleReceivedPollsData(data: any, dispatch: IStore['dispatch'], getState: IStore['getState']) {
+    if (arePollsDisabled(getState())) {
+        return;
+    }
+
+    const { pollId, answers, senderId, question, history } = data;
+    const poll = {
+        changingVote: false,
+        senderId,
+        showResults: false,
+        lastVote: null,
+        question,
+        answers: answers.slice(0, MAX_ANSWERS),
+        saved: false,
+        editing: false,
+        pollId
+    };
+
+    dispatch(receivePoll(poll, !history));
+
+    if (!history) {
+        dispatch(showNotification({
+            appearance: NOTIFICATION_TYPE.NORMAL,
+            titleKey: 'polls.notification.title',
+            descriptionKey: 'polls.notification.description'
+        }, NOTIFICATION_TIMEOUT_TYPE.MEDIUM));
+    }
+}
+
+/**
+ * Handles receiving of pools answers.
+ *
+ * @param {Object} data - The json data carried by the polls message.
+ * @param {Function} dispatch - The dispatch function.
+ * @param {Function} getState - The getState function.
+ *
+ * @returns {void}
+ */
+function _handleReceivedPollsAnswer(data: any, dispatch: IStore['dispatch'], getState: IStore['getState']) {
+    if (arePollsDisabled(getState())) {
+        return;
+    }
+
+    const { pollId, answers, senderId, senderName } = data;
+
+    const receivedAnswer: IIncomingAnswerData = {
+        answers: answers.slice(0, MAX_ANSWERS).map(Boolean),
+        pollId,
+        senderId,
+        voterName: getParticipantById(getState(), senderId)
+            ? getParticipantDisplayName(getState(), senderId) : senderName
+    };
+
+    dispatch(receiveAnswer(receivedAnswer));
+}
diff --git a/react/features/polls/reducer.ts b/react/features/polls/reducer.ts
new file mode 100644
index 0000000..3ed3a75
--- /dev/null
+++ b/react/features/polls/reducer.ts
@@ -0,0 +1,187 @@
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import {
+    CHANGE_VOTE,
+    CLEAR_POLLS,
+    EDIT_POLL,
+    RECEIVE_ANSWER,
+    RECEIVE_POLL,
+    REGISTER_VOTE,
+    REMOVE_POLL,
+    RESET_UNREAD_POLLS_COUNT,
+    SAVE_POLL
+} from './actionTypes';
+import logger from './logger';
+import { IIncomingAnswerData, IPollData } from './types';
+
+const INITIAL_STATE = {
+    polls: {},
+
+    // Number of not read message
+    unreadPollsCount: 0
+};
+
+export interface IPollsState {
+    polls: {
+        [pollId: string]: IPollData;
+    };
+    unreadPollsCount: number;
+}
+
+const STORE_NAME = 'features/polls';
+
+ReducerRegistry.register<IPollsState>(STORE_NAME, (state = INITIAL_STATE, action): IPollsState => {
+    switch (action.type) {
+
+    case CHANGE_VOTE: {
+        const { pollId, value } = action;
+
+        return {
+            ...state,
+            polls: {
+                ...state.polls,
+                [pollId]: {
+                    ...state.polls[pollId],
+                    changingVote: value,
+                    showResults: !value
+                }
+            }
+        };
+    }
+
+    case CLEAR_POLLS: {
+        return {
+            ...state,
+            ...INITIAL_STATE
+        };
+    }
+
+    // Reducer triggered when a poll is received or saved.
+    case RECEIVE_POLL: {
+        return {
+            ...state,
+            polls: {
+                ...state.polls,
+                [action.poll.pollId]: action.poll
+            },
+            unreadPollsCount: state.unreadPollsCount + 1
+        };
+    }
+
+    case SAVE_POLL: {
+        return {
+            ...state,
+            polls: {
+                ...state.polls,
+                [action.poll.pollId]: action.poll
+            }
+        };
+    }
+
+    // Reducer triggered when an answer is received
+    // The answer is added  to an existing poll
+    case RECEIVE_ANSWER: {
+
+        const { answer }: { answer: IIncomingAnswerData; } = action;
+        const pollId = answer.pollId;
+        const poll = state.polls[pollId];
+
+        // if the poll doesn't exist
+        if (!(pollId in state.polls)) {
+            logger.warn('Requested poll does not exist', { pollId });
+
+            return state;
+        }
+
+        // if the poll exists, we update it with the incoming answer
+        for (let i = 0; i < poll.answers.length; i++) {
+            // if the answer was chosen, we add the senderId to the array of voters of this answer
+            let voters = poll.answers[i].voters || [];
+
+            if (voters.find(user => user.id === answer.senderId)) {
+                if (!answer.answers[i]) {
+                    voters = voters.filter(user => user.id !== answer.senderId);
+                }
+            } else if (answer.answers[i]) {
+                voters.push({
+                    id: answer.senderId,
+                    name: answer.voterName
+                });
+            }
+
+            poll.answers[i].voters = voters?.length ? voters : undefined;
+        }
+
+        // finally we update the state by returning the updated poll
+        return {
+            ...state,
+            polls: {
+                ...state.polls,
+                [pollId]: {
+                    ...poll,
+                    answers: [ ...poll.answers ]
+                }
+            }
+        };
+    }
+
+    case REGISTER_VOTE: {
+        const { answers, pollId }: { answers: Array<boolean> | null; pollId: string; } = action;
+
+        return {
+            ...state,
+            polls: {
+                ...state.polls,
+                [pollId]: {
+                    ...state.polls[pollId],
+                    changingVote: false,
+                    lastVote: answers,
+                    showResults: true
+                }
+            }
+        };
+    }
+
+    case RESET_UNREAD_POLLS_COUNT: {
+        return {
+            ...state,
+            unreadPollsCount: 0
+        };
+    }
+
+    case EDIT_POLL: {
+        return {
+            ...state,
+            polls: {
+                ...state.polls,
+                [action.pollId]: {
+                    ...state.polls[action.pollId],
+                    editing: action.editing
+                }
+            }
+        };
+    }
+
+    case REMOVE_POLL: {
+        if (Object.keys(state.polls ?? {})?.length === 1) {
+            return {
+                ...state,
+                ...INITIAL_STATE
+            };
+        }
+
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const { [action.poll.pollId]: _removedPoll, ...newState } = state.polls;
+
+        return {
+            ...state,
+            polls: {
+                ...newState
+            }
+        };
+    }
+
+    default:
+        return state;
+    }
+});
diff --git a/react/features/polls/types.ts b/react/features/polls/types.ts
new file mode 100644
index 0000000..27f9040
--- /dev/null
+++ b/react/features/polls/types.ts
@@ -0,0 +1,119 @@
+/**
+ * TODO: move to ljm.
+ */
+export interface IIncomingAnswer {
+    /**
+     * An array of boolean: true if the answer was chosen by the responder, else false.
+     */
+    answers: Array<boolean>;
+
+    /**
+     * ID of the parent Poll of this answer.
+     */
+    pollId: string;
+
+    /**
+     * ID of the sender of this answer.
+     */
+    senderId: string;
+}
+
+/**
+ * Extension of IIncomingAnswer with UI only fields.
+ */
+export interface IIncomingAnswerData extends IIncomingAnswer {
+    /**
+     * Name of the voter for this answer.
+     */
+    voterName: string;
+}
+
+/**
+ * TODO: move to ljm and use it from there.
+ */
+export interface IPoll {
+
+    /**
+     * An array of answers:
+     * the name of the answer name and a map of ids and names of voters voting for this option.
+     */
+    answers: Array<IAnswerData>;
+
+    /**
+     * The unique ID of this poll.
+     */
+    pollId: string;
+
+    /**
+     * The question asked by this poll.
+     */
+    question: string;
+
+    /**
+     * ID of the sender of this poll.
+     */
+    senderId: string | undefined;
+}
+
+/**
+ * Extension of IPoll with UI only fields.
+ */
+export interface IPollData extends IPoll {
+    /**
+     * Whether the poll vote is being edited/changed. UI only, not stored on the backend.
+     */
+    changingVote: boolean;
+
+    /**
+     * Whether poll is in edit mode or not?.
+     */
+    editing: boolean;
+
+    /**
+     * The last sent votes for this poll, or null if voting was skipped
+     * Note: This is reset when voting/skipping, not when clicking "Change vote".
+     */
+    lastVote: Array<boolean> | null;
+
+    /**
+     * Whether poll is saved or not?. UI only, not stored on the backend.
+     */
+    saved: boolean;
+
+    /**
+     * Whether the results should be shown instead of the answer form.
+     * UI only, not stored on the backend.
+     */
+    showResults: boolean;
+}
+
+/**
+ * TODO: move to ljm and use it from there.
+ */
+export interface IVoterData {
+    /**
+     * The id of the voter.
+     */
+    id: string;
+
+    /**
+     * Voter name if voter is not in the meeting.
+     */
+    name: string;
+}
+
+/**
+ * TODO: move to ljm and use it from there.
+ */
+export interface IAnswerData {
+
+    /**
+     * The answer name chosen for the poll.
+     */
+    name: string;
+
+    /**
+     * An array of voters.
+     */
+    voters?: Array<IVoterData>;
+}
diff --git a/react/features/power-monitor/actionTypes.ts b/react/features/power-monitor/actionTypes.ts
new file mode 100644
index 0000000..fcf7cfe
--- /dev/null
+++ b/react/features/power-monitor/actionTypes.ts
@@ -0,0 +1,19 @@
+/**
+ * The type of the Redux action which signals that a suspend was detected.
+ *
+ * {
+ *     type: SUSPEND_DETECTED
+ * }
+ * @public
+ */
+export const SUSPEND_DETECTED = 'SUSPEND_DETECTED';
+
+/**
+ * The type of the Redux action which signals that a transport needs to be stored.
+ *
+ * {
+ *     type: SET_TRANSPORT
+ * }
+ * @public
+ */
+export const SET_TRANSPORT = 'SET_TRANSPORT';
diff --git a/react/features/power-monitor/actions.ts b/react/features/power-monitor/actions.ts
new file mode 100644
index 0000000..558b26b
--- /dev/null
+++ b/react/features/power-monitor/actions.ts
@@ -0,0 +1,37 @@
+// @ts-expect-error
+import { Transport } from '../../../modules/transport';
+
+import {
+    SET_TRANSPORT,
+    SUSPEND_DETECTED
+} from './actionTypes';
+
+/**
+ * Signals that suspend was detected.
+ *
+ * @public
+ * @returns {{
+ *     type: SUSPEND_DETECTED
+ * }}
+ */
+export function suspendDetected() {
+    return {
+        type: SUSPEND_DETECTED
+    };
+}
+
+/**
+ * Signals setting of a transport.
+ *
+ * @param {Transport} transport - The transport to save in the state.
+ * @returns {{
+ *      transport: Transport,
+ *      type: string
+ *  }}
+ */
+export function setTransport(transport?: Transport) {
+    return {
+        type: SET_TRANSPORT,
+        transport
+    };
+}
diff --git a/react/features/power-monitor/middleware.ts b/react/features/power-monitor/middleware.ts
new file mode 100644
index 0000000..332a298
--- /dev/null
+++ b/react/features/power-monitor/middleware.ts
@@ -0,0 +1,68 @@
+// @ts-expect-error
+import { PostMessageTransportBackend, Transport } from '../../../modules/transport';
+import {
+    CONFERENCE_JOINED,
+    CONFERENCE_LEFT
+} from '../base/conference/actionTypes';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { destroyLocalTracks } from '../base/tracks/actions';
+
+import { SUSPEND_DETECTED } from './actionTypes';
+import {
+    setTransport,
+    suspendDetected
+} from './actions';
+
+MiddlewareRegistry.register(store => next => action => {
+    const result = next(action);
+    const { dispatch, getState } = store;
+
+    switch (action.type) {
+    case CONFERENCE_JOINED: {
+
+        // listens for messages about suspend from power-monitor
+        const transport = new Transport({
+            backend: new PostMessageTransportBackend({
+                postisOptions: { scope: 'jitsi-power-monitor' }
+            })
+        });
+
+        transport.on('event', (event: { event: string; name: string; }) => {
+            if (event && event.name === 'power-monitor' && event.event === 'suspend') {
+
+                dispatch(suspendDetected());
+
+                return true;
+            }
+
+            return false;
+        });
+
+        dispatch(setTransport(transport));
+        break;
+    }
+
+    case CONFERENCE_LEFT: {
+        const { transport } = getState()['features/power-monitor'];
+
+        if (transport) {
+            transport.dispose();
+        }
+
+        dispatch(setTransport());
+        break;
+    }
+
+    case SUSPEND_DETECTED: {
+        dispatch(destroyLocalTracks());
+
+        // FIXME: when refactoring conference.js
+        APP.conference.onSuspendDetected();
+
+        APP.API.notifySuspendDetected();
+        break;
+    }
+    }
+
+    return result;
+});
diff --git a/react/features/power-monitor/reducer.ts b/react/features/power-monitor/reducer.ts
new file mode 100644
index 0000000..1585e93
--- /dev/null
+++ b/react/features/power-monitor/reducer.ts
@@ -0,0 +1,56 @@
+// @ts-expect-error
+import { Transport } from '../../../modules/transport';
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+import { set } from '../base/redux/functions';
+
+import {
+    SET_TRANSPORT,
+    SUSPEND_DETECTED
+} from './actionTypes';
+
+export interface IPowerMonitorState {
+    suspendDetected?: boolean;
+    transport?: Transport;
+}
+
+/**
+ * Reduces the redux actions of the feature power monitor.
+ */
+ReducerRegistry.register<IPowerMonitorState>('features/power-monitor', (state = {}, action): IPowerMonitorState => {
+    switch (action.type) {
+    case SET_TRANSPORT:
+        return _setTransport(state, action.transport);
+
+    case SUSPEND_DETECTED:
+        return _suspendDetected(state);
+
+    }
+
+    return state;
+});
+
+/**
+ * Reduces a specific redux action SET_TRANSPORT of the feature power monitor.
+ *
+ * @param {Object} state - The redux state of the feature power monitor.
+ * @param {?Transport} transport - The transport to store in state.
+ * @private
+ * @returns {Object} The new state of the feature power monitor after the reduction of
+ * the specified action.
+ */
+function _setTransport(state: IPowerMonitorState, transport?: Transport) {
+    return set(state, 'transport', transport);
+}
+
+/**
+ * Reduces a specific redux action SUSPEND_DETECTED of the feature overlay.
+ *
+ * @param {Object} state - The redux state of the feature overlay.
+ * @private
+ * @returns {Object} The new state of the feature overlay after the reduction of
+ * the specified action.
+ */
+function _suspendDetected(state: IPowerMonitorState) {
+    return set(state, 'suspendDetected', true);
+}
+
diff --git a/react/features/prejoin/actionTypes.ts b/react/features/prejoin/actionTypes.ts
new file mode 100644
index 0000000..2bf7a96
--- /dev/null
+++ b/react/features/prejoin/actionTypes.ts
@@ -0,0 +1,50 @@
+
+/**
+ * Action type to signal that joining is in progress.
+ */
+export const PREJOIN_JOINING_IN_PROGRESS = 'PREJOIN_JOINING_IN_PROGRESS';
+
+/**
+ * Action type to signal that prejoin page was initialized.
+ */
+export const PREJOIN_INITIALIZED = 'PREJOIN_INITIALIZED';
+
+/**
+ * Action type to set the status of the device.
+ */
+export const SET_DEVICE_STATUS = 'SET_DEVICE_STATUS';
+
+/**
+ * Action type to set the visibility of the prejoin page when client is forcefully reloaded.
+ */
+export const SET_SKIP_PREJOIN_RELOAD = 'SET_SKIP_PREJOIN_RELOAD';
+
+/**
+ * Action type to set the country to dial out to.
+ */
+export const SET_DIALOUT_COUNTRY = 'SET_DIALOUT_COUNTRY';
+
+/**
+ * Action type to set the dial out number.
+ */
+export const SET_DIALOUT_NUMBER = 'SET_DIALOUT_NUMBER';
+
+/**
+ * Action type to set the dial out status while dialing.
+ */
+export const SET_DIALOUT_STATUS = 'SET_DIALOUT_STATUS';
+
+/**
+ * Action type to set the visibility of the 'JoinByPhone' dialog.
+ */
+export const SET_JOIN_BY_PHONE_DIALOG_VISIBLITY = 'SET_JOIN_BY_PHONE_DIALOG_VISIBLITY';
+
+/**
+ * Action type to set the errors while creating the prejoin streams.
+ */
+export const SET_PREJOIN_DEVICE_ERRORS = 'SET_PREJOIN_DEVICE_ERRORS';
+
+/**
+ * Action type to set the visibility of the prejoin page.
+ */
+export const SET_PREJOIN_PAGE_VISIBILITY = 'SET_PREJOIN_PAGE_VISIBILITY';
diff --git a/react/features/prejoin/actions.native.ts b/react/features/prejoin/actions.native.ts
new file mode 100644
index 0000000..ca31d80
--- /dev/null
+++ b/react/features/prejoin/actions.native.ts
@@ -0,0 +1,23 @@
+import { IStore } from '../app/types';
+import { connect } from '../base/connection/actions.native';
+import { navigateRoot } from '../mobile/navigation/rootNavigationContainerRef';
+import { screen } from '../mobile/navigation/routes';
+import { showVisitorsQueue } from '../visitors/functions';
+
+/**
+ * Action used to start the conference.
+ *
+ * @param {Object} options - The config options that override the default ones (if any).
+ * @param {boolean} _ignoreJoiningInProgress - If true we won't check the joiningInProgress flag.
+ * @returns {Function}
+ */
+export function joinConference(options?: Object, _ignoreJoiningInProgress = false) {
+    return async function(dispatch: IStore['dispatch'], getState: IStore['getState']) {
+        const _showVisitorsQueue = showVisitorsQueue(getState);
+
+        if (_showVisitorsQueue) {
+            dispatch(connect());
+            navigateRoot(screen.conference.root);
+        }
+    };
+}
diff --git a/react/features/prejoin/actions.web.ts b/react/features/prejoin/actions.web.ts
new file mode 100644
index 0000000..59da0d3
--- /dev/null
+++ b/react/features/prejoin/actions.web.ts
@@ -0,0 +1,464 @@
+import { v4 as uuidv4 } from 'uuid';
+
+import { IStore } from '../app/types';
+import { updateConfig } from '../base/config/actions';
+import { getDialOutStatusUrl, getDialOutUrl } from '../base/config/functions';
+import { connect } from '../base/connection/actions';
+import { createLocalTrack } from '../base/lib-jitsi-meet/functions';
+import { isVideoMutedByUser } from '../base/media/functions';
+import { updateSettings } from '../base/settings/actions';
+import { replaceLocalTrack } from '../base/tracks/actions';
+import {
+    createLocalTracksF,
+    getLocalAudioTrack,
+    getLocalVideoTrack
+} from '../base/tracks/functions';
+import { openURLInBrowser } from '../base/util/openURLInBrowser';
+import { executeDialOutRequest, executeDialOutStatusRequest, getDialInfoPageURL } from '../invite/functions';
+import { showErrorNotification } from '../notifications/actions';
+import { INotificationProps } from '../notifications/types';
+
+import {
+    PREJOIN_JOINING_IN_PROGRESS,
+    SET_DEVICE_STATUS,
+    SET_DIALOUT_COUNTRY,
+    SET_DIALOUT_NUMBER,
+    SET_DIALOUT_STATUS,
+    SET_JOIN_BY_PHONE_DIALOG_VISIBLITY,
+    SET_PREJOIN_DEVICE_ERRORS,
+    SET_PREJOIN_PAGE_VISIBILITY,
+    SET_SKIP_PREJOIN_RELOAD
+} from './actionTypes';
+import {
+    getDialOutConferenceUrl,
+    getDialOutCountry,
+    getFullDialOutNumber,
+    isJoinByPhoneDialogVisible
+} from './functions.any';
+import logger from './logger';
+
+const dialOutStatusToKeyMap = {
+    INITIATED: 'presenceStatus.calling',
+    RINGING: 'presenceStatus.ringing'
+};
+
+const DIAL_OUT_STATUS = {
+    INITIATED: 'INITIATED',
+    RINGING: 'RINGING',
+    CONNECTED: 'CONNECTED',
+    DISCONNECTED: 'DISCONNECTED',
+    FAILED: 'FAILED'
+};
+
+/**
+ * The time interval used between requests while polling for dial out status.
+ */
+const STATUS_REQ_FREQUENCY = 2000;
+
+/**
+ * The maximum number of retries while polling for dial out status.
+ */
+const STATUS_REQ_CAP = 45;
+
+/**
+ * Polls for status change after dial out.
+ * Changes dialog message based on response, closes the dialog if there is an error,
+ * joins the meeting when CONNECTED.
+ *
+ * @param {string} reqId - The request id used to correlate the dial out request with this one.
+ * @param {Function} onSuccess - Success handler.
+ * @param {Function} onFail - Fail handler.
+ * @param {number} count - The number of retried calls. When it hits STATUS_REQ_CAP it should no longer make requests.
+ * @returns {Function}
+ */
+function pollForStatus(
+        reqId: string,
+        onSuccess: Function,
+        onFail: Function,
+        count = 0) {
+    return async function(dispatch: IStore['dispatch'], getState: IStore['getState']) {
+        const state = getState();
+
+        try {
+            if (!isJoinByPhoneDialogVisible(state)) {
+                return;
+            }
+
+            const res = await executeDialOutStatusRequest(getDialOutStatusUrl(state) ?? '', reqId);
+
+            switch (res) {
+            case DIAL_OUT_STATUS.INITIATED:
+            case DIAL_OUT_STATUS.RINGING: {
+                dispatch(setDialOutStatus(dialOutStatusToKeyMap[res as keyof typeof dialOutStatusToKeyMap]));
+
+                if (count < STATUS_REQ_CAP) {
+                    return setTimeout(() => {
+                        dispatch(pollForStatus(reqId, onSuccess, onFail, count + 1));
+                    }, STATUS_REQ_FREQUENCY);
+                }
+
+                return onFail();
+            }
+
+            case DIAL_OUT_STATUS.CONNECTED: {
+                return onSuccess();
+            }
+
+            case DIAL_OUT_STATUS.DISCONNECTED: {
+                dispatch(showErrorNotification({
+                    titleKey: 'prejoin.errorDialOutDisconnected'
+                }));
+
+                return onFail();
+            }
+
+            case DIAL_OUT_STATUS.FAILED: {
+                dispatch(showErrorNotification({
+                    titleKey: 'prejoin.errorDialOutFailed'
+                }));
+
+                return onFail();
+            }
+            }
+        } catch (err) {
+            dispatch(showErrorNotification({
+                titleKey: 'prejoin.errorDialOutStatus'
+            }));
+            logger.error('Error getting dial out status', err);
+            onFail();
+        }
+    };
+}
+
+
+/**
+ * Action used for joining the meeting with phone audio.
+ * A dial out connection is tried and a polling mechanism is used for getting the status.
+ * If the connection succeeds the `onSuccess` callback is executed.
+ * If the phone connection fails or the number is invalid the `onFail` callback is executed.
+ *
+ * @param {Function} onSuccess - Success handler.
+ * @param {Function} onFail - Fail handler.
+ * @returns {Function}
+ */
+export function dialOut(onSuccess: Function, onFail: Function) {
+    return async function(dispatch: IStore['dispatch'], getState: IStore['getState']) {
+        const state = getState();
+        const reqId = uuidv4();
+        const url = getDialOutUrl(state) ?? '';
+        const conferenceUrl = getDialOutConferenceUrl(state);
+        const phoneNumber = getFullDialOutNumber(state);
+        const countryCode = getDialOutCountry(state).code.toUpperCase();
+
+        const body = {
+            conferenceUrl,
+            countryCode,
+            name: phoneNumber,
+            phoneNumber
+        };
+
+        try {
+            await executeDialOutRequest(url, body, reqId);
+
+            dispatch(pollForStatus(reqId, onSuccess, onFail));
+        } catch (err: any) {
+            const notification: INotificationProps = {
+                titleKey: 'prejoin.errorDialOut',
+                titleArguments: undefined
+            };
+
+            if (err.status) {
+                if (err.messageKey === 'validation.failed') {
+                    notification.titleKey = 'prejoin.errorValidation';
+                } else {
+                    notification.titleKey = 'prejoin.errorStatusCode';
+                    notification.titleArguments = { status: err.status };
+                }
+            }
+
+            dispatch(showErrorNotification(notification));
+            logger.error('Error dialing out', err);
+            onFail();
+        }
+    };
+}
+
+/**
+ * Action used to start the conference.
+ *
+ * @param {Object} options - The config options that override the default ones (if any).
+ * @param {boolean} ignoreJoiningInProgress - If true we won't check the joiningInProgress flag.
+ * @param {string?} jid - The XMPP user's ID (e.g. {@code user@server.com}).
+ * @param {string?} password - The XMPP user's password.
+ * @returns {Function}
+ */
+export function joinConference(options?: Object, ignoreJoiningInProgress = false,
+        jid?: string, password?: string) {
+    return function(dispatch: IStore['dispatch'], getState: IStore['getState']) {
+        if (!ignoreJoiningInProgress) {
+            const state = getState();
+            const { joiningInProgress } = state['features/prejoin'];
+
+            if (joiningInProgress) {
+                return;
+            }
+
+            dispatch(setJoiningInProgress(true));
+        }
+
+        options && dispatch(updateConfig(options));
+
+        logger.info('Dispatching connect from joinConference.');
+        dispatch(connect(jid, password))
+        .catch(() => {
+            // There is nothing to do here. This is handled and dispatched in base/connection/actions.
+        });
+    };
+}
+
+
+/**
+ * Action used to set the flag for joining operation in progress.
+ *
+ * @param {boolean} value - The config options that override the default ones (if any).
+ * @returns {Function}
+ */
+export function setJoiningInProgress(value: boolean) {
+    return {
+        type: PREJOIN_JOINING_IN_PROGRESS,
+        value
+    };
+}
+
+
+/**
+ * Joins the conference without audio.
+ *
+ * @returns {Function}
+ */
+export function joinConferenceWithoutAudio() {
+    return async function(dispatch: IStore['dispatch'], getState: IStore['getState']) {
+        const state = getState();
+        const { joiningInProgress } = state['features/prejoin'];
+
+        if (joiningInProgress) {
+            return;
+        }
+
+        dispatch(setJoiningInProgress(true));
+        const tracks = state['features/base/tracks'];
+        const audioTrack = getLocalAudioTrack(tracks)?.jitsiTrack;
+
+        if (audioTrack) {
+            try {
+                await dispatch(replaceLocalTrack(audioTrack, null));
+            } catch (error) {
+                logger.error(`Failed to replace local audio with null: ${error}`);
+            }
+        }
+
+        logger.info('Dispatching joinConference action with startSilent=true from joinConferenceWithoutAudio.');
+
+        dispatch(joinConference({
+            startSilent: true
+        }, true));
+    };
+}
+
+/**
+ * Opens an external page with all the dial in numbers.
+ *
+ * @returns {Function}
+ */
+export function openDialInPage() {
+    return function(dispatch: IStore['dispatch'], getState: IStore['getState']) {
+        const dialInPage = getDialInfoPageURL(getState());
+
+        openURLInBrowser(dialInPage, true);
+    };
+}
+
+/**
+ * Creates a new audio track based on a device id and replaces the current one.
+ *
+ * @param {string} deviceId - The deviceId of the microphone.
+ * @returns {Function}
+ */
+export function replaceAudioTrackById(deviceId: string) {
+    return async (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        try {
+            const tracks = getState()['features/base/tracks'];
+            const newTrack = await createLocalTrack('audio', deviceId);
+            const oldTrack = getLocalAudioTrack(tracks)?.jitsiTrack;
+            const micDeviceId = newTrack.getDeviceId();
+
+            logger.info(`Switching audio input device to ${micDeviceId}`);
+            dispatch(replaceLocalTrack(oldTrack, newTrack)).then(() => {
+                dispatch(updateSettings({
+                    micDeviceId
+                }));
+            });
+        } catch (err) {
+            dispatch(setDeviceStatusWarning('prejoin.audioTrackError'));
+            logger.log('Error replacing audio track', err);
+        }
+    };
+}
+
+/**
+ * Creates a new video track based on a device id and replaces the current one.
+ *
+ * @param {string} deviceId - The deviceId of the camera.
+ * @returns {Function}
+ */
+export function replaceVideoTrackById(deviceId: string) {
+    return async (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        try {
+            const tracks = getState()['features/base/tracks'];
+            const wasVideoMuted = isVideoMutedByUser(getState());
+            const [ newTrack ] = await createLocalTracksF(
+                { cameraDeviceId: deviceId,
+                    devices: [ 'video' ] },
+                { dispatch,
+                    getState }
+            );
+            const oldTrack = getLocalVideoTrack(tracks)?.jitsiTrack;
+            const cameraDeviceId = newTrack.getDeviceId();
+
+            logger.info(`Switching camera to ${cameraDeviceId}`);
+            dispatch(replaceLocalTrack(oldTrack, newTrack)).then(() => {
+                dispatch(updateSettings({
+                    cameraDeviceId
+                }));
+            });
+            wasVideoMuted && newTrack.mute();
+        } catch (err) {
+            dispatch(setDeviceStatusWarning('prejoin.videoTrackError'));
+            logger.log('Error replacing video track', err);
+        }
+    };
+}
+
+/**
+ * Sets the device status as OK with the corresponding text.
+ *
+ * @param {string} deviceStatusText - The text to be set.
+ * @returns {Object}
+ */
+export function setDeviceStatusOk(deviceStatusText: string) {
+    return {
+        type: SET_DEVICE_STATUS,
+        value: {
+            deviceStatusText,
+            deviceStatusType: 'ok'
+        }
+    };
+}
+
+/**
+ * Sets the device status as 'warning' with the corresponding text.
+ *
+ * @param {string} deviceStatusText - The text to be set.
+ * @returns {Object}
+ */
+export function setDeviceStatusWarning(deviceStatusText: string) {
+    return {
+        type: SET_DEVICE_STATUS,
+        value: {
+            deviceStatusText,
+            deviceStatusType: 'warning'
+        }
+    };
+}
+
+/**
+ * Action used to set the dial out status.
+ *
+ * @param {string} value - The status.
+ * @returns {Object}
+ */
+function setDialOutStatus(value: string) {
+    return {
+        type: SET_DIALOUT_STATUS,
+        value
+    };
+}
+
+/**
+ * Action used to set the dial out country.
+ *
+ * @param {{ name: string, dialCode: string, code: string }} value - The country.
+ * @returns {Object}
+ */
+export function setDialOutCountry(value: Object) {
+    return {
+        type: SET_DIALOUT_COUNTRY,
+        value
+    };
+}
+
+/**
+ * Action used to set the dial out number.
+ *
+ * @param {string} value - The dial out number.
+ * @returns {Object}
+ */
+export function setDialOutNumber(value: string) {
+    return {
+        type: SET_DIALOUT_NUMBER,
+        value
+    };
+}
+
+/**
+ * Sets the visibility of the prejoin page when a client reload
+ * is triggered as a result of call migration initiated by Jicofo.
+ *
+ * @param {boolean} value - The visibility value.
+ * @returns {Object}
+ */
+export function setSkipPrejoinOnReload(value: boolean) {
+    return {
+        type: SET_SKIP_PREJOIN_RELOAD,
+        value
+    };
+}
+
+/**
+ * Action used to set the visiblitiy of the 'JoinByPhoneDialog'.
+ *
+ * @param {boolean} value - The value.
+ * @returns {Object}
+ */
+export function setJoinByPhoneDialogVisiblity(value: boolean) {
+    return {
+        type: SET_JOIN_BY_PHONE_DIALOG_VISIBLITY,
+        value
+    };
+}
+
+/**
+ * Action used to set the initial errors after creating the tracks.
+ *
+ * @param {Object} value - The track errors.
+ * @returns {Object}
+ */
+export function setPrejoinDeviceErrors(value: Object) {
+    return {
+        type: SET_PREJOIN_DEVICE_ERRORS,
+        value
+    };
+}
+
+/**
+ * Action used to set the visibility of the prejoin page.
+ *
+ * @param {boolean} value - The value.
+ * @returns {Object}
+ */
+export function setPrejoinPageVisibility(value: boolean) {
+    return {
+        type: SET_PREJOIN_PAGE_VISIBILITY,
+        value
+    };
+}
diff --git a/react/features/prejoin/components/native/Prejoin.tsx b/react/features/prejoin/components/native/Prejoin.tsx
new file mode 100644
index 0000000..b6fdb40
--- /dev/null
+++ b/react/features/prejoin/components/native/Prejoin.tsx
@@ -0,0 +1,232 @@
+import { useIsFocused } from '@react-navigation/native';
+import React, { useCallback, useEffect, useLayoutEffect, useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import {
+    BackHandler,
+    Platform,
+    StyleProp,
+    Text,
+    TextStyle,
+    View,
+    ViewStyle
+} from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { setPermanentProperty } from '../../../analytics/actions';
+import { appNavigate } from '../../../app/actions.native';
+import { IReduxState } from '../../../app/types';
+import { setAudioOnly } from '../../../base/audio-only/actions';
+import { getConferenceName } from '../../../base/conference/functions';
+import { isNameReadOnly } from '../../../base/config/functions.any';
+import { connect } from '../../../base/connection/actions.native';
+import { PREJOIN_PAGE_HIDE_DISPLAY_NAME } from '../../../base/flags/constants';
+import { getFeatureFlag } from '../../../base/flags/functions';
+import { IconCloseLarge } from '../../../base/icons/svg';
+import JitsiScreen from '../../../base/modal/components/JitsiScreen';
+import { getLocalParticipant } from '../../../base/participants/functions';
+import { getFieldValue } from '../../../base/react/functions';
+import { ASPECT_RATIO_WIDE } from '../../../base/responsive-ui/constants';
+import { updateSettings } from '../../../base/settings/actions';
+import Button from '../../../base/ui/components/native/Button';
+import Input from '../../../base/ui/components/native/Input';
+import { BUTTON_TYPES } from '../../../base/ui/constants.native';
+import { openDisplayNamePrompt } from '../../../display-name/actions';
+import BrandingImageBackground from '../../../dynamic-branding/components/native/BrandingImageBackground';
+import LargeVideo from '../../../large-video/components/LargeVideo.native';
+import { getLobbyConfig } from '../../../lobby/functions';
+import HeaderNavigationButton from '../../../mobile/navigation/components/HeaderNavigationButton';
+import { navigateRoot } from '../../../mobile/navigation/rootNavigationContainerRef';
+import { screen } from '../../../mobile/navigation/routes';
+import HangupButton from '../../../toolbox/components/HangupButton';
+import AudioMuteButton from '../../../toolbox/components/native/AudioMuteButton';
+import VideoMuteButton from '../../../toolbox/components/native/VideoMuteButton';
+import { isDisplayNameRequired, isRoomNameEnabled } from '../../functions.native';
+import { IPrejoinProps } from '../../types';
+import { hasDisplayName } from '../../utils';
+
+import { preJoinStyles as styles } from './styles';
+
+
+const Prejoin: React.FC<IPrejoinProps> = ({ navigation }: IPrejoinProps) => {
+    const dispatch = useDispatch();
+    const isFocused = useIsFocused();
+    const { t } = useTranslation();
+    const { aspectRatio, clientHeight, clientWidth } = useSelector(
+        (state: IReduxState) => state['features/base/responsive-ui']
+    );
+    const isTablet = Math.min(clientWidth, clientHeight) >= 768;
+    const localParticipant = useSelector((state: IReduxState) => getLocalParticipant(state));
+    const isDisplayNameMandatory = useSelector((state: IReduxState) => isDisplayNameRequired(state));
+    const isDisplayNameVisible
+        = useSelector((state: IReduxState) => !getFeatureFlag(state, PREJOIN_PAGE_HIDE_DISPLAY_NAME, false));
+    const isDisplayNameReadonly = useSelector(isNameReadOnly);
+    const roomName = useSelector((state: IReduxState) => getConferenceName(state));
+    const roomNameEnabled = useSelector((state: IReduxState) => isRoomNameEnabled(state));
+    const { showHangUp: showHangUpLobby = true } = useSelector((state: IReduxState) => getLobbyConfig(state));
+    const { showHangUp: showHangUpPrejoin = true } = useSelector((state: IReduxState) => state['features/base/config'].prejoinConfig || {});
+    const { knocking } = useSelector((state: IReduxState) => state['features/lobby']);
+    const participantName = localParticipant?.name;
+    const [ displayName, setDisplayName ]
+        = useState(participantName || '');
+    const isDisplayNameMissing = useMemo(
+        () => !displayName && isDisplayNameMandatory, [ displayName, isDisplayNameMandatory ]);
+    const showDisplayNameError = useMemo(
+        () => !isDisplayNameReadonly && isDisplayNameMissing && isDisplayNameVisible,
+        [ isDisplayNameMissing, isDisplayNameReadonly, isDisplayNameVisible ]);
+    const showDisplayNameInput = useMemo(
+        () => isDisplayNameVisible && (displayName || !isDisplayNameReadonly),
+        [ displayName, isDisplayNameReadonly, isDisplayNameVisible ]);
+    const onChangeDisplayName = useCallback(event => {
+        const fieldValue = getFieldValue(event);
+
+        setDisplayName(fieldValue);
+        dispatch(updateSettings({
+            displayName: fieldValue
+        }));
+    }, [ displayName ]);
+
+    const onJoin = useCallback(() => {
+        dispatch(connect());
+        navigateRoot(screen.conference.root);
+    }, [ dispatch ]);
+
+    const maybeJoin = useCallback(() => {
+        if (isDisplayNameMissing) {
+            dispatch(openDisplayNamePrompt({
+                onPostSubmit: onJoin,
+                validateInput: hasDisplayName
+            }));
+        } else {
+            onJoin();
+        }
+    }, [ dispatch, hasDisplayName, isDisplayNameMissing, onJoin ]);
+
+    const onJoinLowBandwidth = useCallback(() => {
+        dispatch(setAudioOnly(true));
+        maybeJoin();
+    }, [ dispatch ]);
+
+    const goBack = useCallback(() => {
+        dispatch(appNavigate(undefined));
+
+        return true;
+    }, [ dispatch ]);
+
+    const { PRIMARY, TERTIARY } = BUTTON_TYPES;
+
+    useEffect(() => {
+        const hardwareBackPressSubscription = BackHandler.addEventListener('hardwareBackPress', goBack);
+
+        dispatch(setPermanentProperty({
+            wasPrejoinDisplayed: true
+        }));
+
+        return () => hardwareBackPressSubscription.remove();
+    }, []); // dispatch is not in the dependency list because we want the action to be dispatched only once when
+    // the component is mounted.
+
+    const headerLeft = () => {
+        if (Platform.OS === 'ios') {
+            return (
+                <HeaderNavigationButton
+                    label = { t('dialog.close') }
+                    onPress = { goBack } />
+            );
+        }
+
+        return (
+            <HeaderNavigationButton
+                onPress = { goBack }
+                src = { IconCloseLarge } />
+        );
+    };
+
+    useLayoutEffect(() => {
+        navigation.setOptions({
+            headerLeft,
+            headerTitle: t('prejoin.joinMeeting')
+        });
+    }, [ navigation ]);
+
+    let contentContainerStyles = styles.contentContainer;
+    let largeVideoContainerStyles = styles.largeVideoContainer;
+
+    if (isTablet && aspectRatio === ASPECT_RATIO_WIDE) {
+        // @ts-ignore
+        contentContainerStyles = styles.contentContainerWide;
+        largeVideoContainerStyles = styles.largeVideoContainerWide;
+    }
+
+    return (
+        <JitsiScreen
+            addBottomPadding = { false }
+            safeAreaInsets = { [ 'right' ] }
+            style = { styles.contentWrapper }>
+            <BrandingImageBackground />
+            {
+                isFocused
+                && <View style = { largeVideoContainerStyles as StyleProp<ViewStyle> }>
+                    <View style = { styles.conferenceInfo as StyleProp<ViewStyle> }>
+                        {roomNameEnabled && (
+                            <View style = { styles.displayRoomNameBackdrop as StyleProp<TextStyle> }>
+                                <Text
+                                    numberOfLines = { 1 }
+                                    style = { styles.preJoinRoomName as StyleProp<TextStyle> }>
+                                    { roomName }
+                                </Text>
+                            </View>
+                        )}
+                    </View>
+                    <LargeVideo />
+                </View>
+            }
+            <View style = { contentContainerStyles as ViewStyle }>
+                <View style = { styles.toolboxContainer as ViewStyle }>
+                    <AudioMuteButton
+                        styles = { styles.buttonStylesBorderless } />
+                    <VideoMuteButton
+                        styles = { styles.buttonStylesBorderless } />
+                    {
+                        (knocking ? showHangUpLobby : showHangUpPrejoin)
+                        && <HangupButton
+                            styles = { styles.buttonStylesBorderless } />
+                    }
+                </View>
+                {
+                    showDisplayNameInput && <Input
+                        customStyles = {{ input: styles.customInput }}
+                        disabled = { isDisplayNameReadonly }
+                        error = { showDisplayNameError }
+                        onChange = { onChangeDisplayName }
+                        placeholder = { t('dialog.enterDisplayName') }
+                        value = { displayName } />
+                }
+                {
+                    showDisplayNameError && (
+                        <View style = { styles.errorContainer as StyleProp<ViewStyle> }>
+                            <Text style = { styles.error as StyleProp<TextStyle> }>
+                                { t('prejoin.errorMissingName') }
+                            </Text>
+                        </View>
+                    )
+                }
+                <Button
+                    accessibilityLabel = 'prejoin.joinMeeting'
+                    disabled = { showDisplayNameError }
+                    labelKey = 'prejoin.joinMeeting'
+                    onClick = { maybeJoin }
+                    style = { styles.joinButton }
+                    type = { PRIMARY } />
+                <Button
+                    accessibilityLabel = 'prejoin.joinMeetingInLowBandwidthMode'
+                    disabled = { showDisplayNameError }
+                    labelKey = 'prejoin.joinMeetingInLowBandwidthMode'
+                    onClick = { onJoinLowBandwidth }
+                    style = { styles.joinButton }
+                    type = { TERTIARY } />
+            </View>
+        </JitsiScreen>
+    );
+};
+
+export default Prejoin;
diff --git a/react/features/prejoin/components/native/RecordingWarning.tsx b/react/features/prejoin/components/native/RecordingWarning.tsx
new file mode 100644
index 0000000..99ea8f8
--- /dev/null
+++ b/react/features/prejoin/components/native/RecordingWarning.tsx
@@ -0,0 +1,28 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import {
+    StyleProp,
+    Text,
+    TextStyle,
+    View,
+    ViewStyle
+} from 'react-native';
+
+import { preJoinStyles as styles } from './styles';
+
+
+const RecordingWarning = (): JSX.Element => {
+    const { t } = useTranslation();
+
+    return (
+        <View style = { styles.recordingWarning as StyleProp<ViewStyle> }>
+            <Text
+                numberOfLines = { 1 }
+                style = { styles.recordingWarningText as StyleProp<TextStyle> }>
+                { t('prejoin.recordingWarning') }
+            </Text>
+        </View>
+    );
+};
+
+export default RecordingWarning;
diff --git a/react/features/prejoin/components/native/UnsafeRoomWarning.tsx b/react/features/prejoin/components/native/UnsafeRoomWarning.tsx
new file mode 100644
index 0000000..12c0540
--- /dev/null
+++ b/react/features/prejoin/components/native/UnsafeRoomWarning.tsx
@@ -0,0 +1,122 @@
+import React, { useCallback, useLayoutEffect } from 'react';
+import { useTranslation } from 'react-i18next';
+import {
+    Platform,
+    StyleProp,
+    Text,
+    TextStyle,
+    View,
+    ViewStyle
+} from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { appNavigate } from '../../../app/actions.native';
+import { IReduxState } from '../../../app/types';
+import { getConferenceName } from '../../../base/conference/functions';
+import Icon from '../../../base/icons/components/Icon';
+import { IconCloseLarge, IconWarning } from '../../../base/icons/svg';
+import JitsiScreen from '../../../base/modal/components/JitsiScreen';
+import { ASPECT_RATIO_NARROW } from '../../../base/responsive-ui/constants';
+import Button from '../../../base/ui/components/native/Button';
+import { BUTTON_TYPES } from '../../../base/ui/constants.native';
+import getUnsafeRoomText from '../../../base/util/getUnsafeRoomText.native';
+import HeaderNavigationButton from '../../../mobile/navigation/components/HeaderNavigationButton';
+import { navigateRoot } from '../../../mobile/navigation/rootNavigationContainerRef';
+import { screen } from '../../../mobile/navigation/routes';
+import { IPrejoinProps } from '../../types';
+
+import { preJoinStyles as styles } from './styles';
+
+
+const UnsafeRoomWarning: React.FC<IPrejoinProps> = ({ navigation }: IPrejoinProps) => {
+    const dispatch = useDispatch();
+    const { t } = useTranslation();
+    const roomName = useSelector((state: IReduxState) => getConferenceName(state));
+    const aspectRatio = useSelector(
+        (state: IReduxState) => state['features/base/responsive-ui']?.aspectRatio
+    );
+    const unsafeRoomText = useSelector((state: IReduxState) => getUnsafeRoomText(state, t, 'prejoin'));
+
+    const goBack = useCallback(() => {
+        dispatch(appNavigate(undefined));
+
+        return true;
+    }, [ dispatch ]);
+
+    const onProceed = useCallback(() => {
+        navigateRoot(screen.preJoin);
+
+        return true;
+    }, [ dispatch ]);
+
+    const headerLeft = () => {
+        if (Platform.OS === 'ios') {
+            return (
+                <HeaderNavigationButton
+                    label = { t('dialog.close') }
+                    onPress = { goBack } />
+            );
+        }
+
+        return (
+            <HeaderNavigationButton
+                onPress = { goBack }
+                src = { IconCloseLarge } />
+        );
+    };
+
+    useLayoutEffect(() => {
+        navigation.setOptions({
+            headerLeft,
+            headerTitle: t('prejoin.joinMeeting')
+        });
+    }, [ navigation ]);
+
+    let unsafeRoomContentContainer;
+
+    if (aspectRatio === ASPECT_RATIO_NARROW) {
+        unsafeRoomContentContainer = styles.unsafeRoomContentContainer;
+    } else {
+        unsafeRoomContentContainer = styles.unsafeRoomContentContainerWide;
+    }
+
+
+    return (
+        <JitsiScreen
+            addBottomPadding = { false }
+            safeAreaInsets = { [ 'right' ] }
+            style = { styles.unsafeRoomWarningContainer } >
+            <View style = { styles.conferenceInfo as ViewStyle }>
+                <View style = { styles.displayRoomNameBackdrop as ViewStyle }>
+                    <Text
+                        numberOfLines = { 1 }
+                        style = { styles.preJoinRoomName as StyleProp<TextStyle> }>
+                        { roomName }
+                    </Text>
+                </View>
+            </View>
+            <View style = { unsafeRoomContentContainer as StyleProp<ViewStyle> }>
+                <View style = { styles.warningIconWrapper as StyleProp<ViewStyle> }>
+                    <Icon
+                        src = { IconWarning }
+                        style = { styles.warningIcon } />
+                </View>
+
+                <Text
+                    dataDetectorType = 'link'
+                    style = { styles.warningText as StyleProp<TextStyle> }>
+                    { unsafeRoomText }
+                </Text>
+                <Button
+                    accessibilityLabel = 'prejoin.proceedAnyway'
+                    disabled = { false }
+                    labelKey = 'prejoin.proceedAnyway'
+                    onClick = { onProceed }
+                    style = { styles.joinButton }
+                    type = { BUTTON_TYPES.SECONDARY } />
+            </View>
+        </JitsiScreen>
+    );
+};
+
+export default UnsafeRoomWarning;
diff --git a/react/features/prejoin/components/native/styles.ts b/react/features/prejoin/components/native/styles.ts
new file mode 100644
index 0000000..dd85ba8
--- /dev/null
+++ b/react/features/prejoin/components/native/styles.ts
@@ -0,0 +1,184 @@
+import BaseTheme from '../../../base/ui/components/BaseTheme.native';
+
+export const preJoinStyles = {
+
+    joinButton: {
+        marginTop: BaseTheme.spacing[3],
+        width: 352
+    },
+
+    buttonStylesBorderless: {
+        iconStyle: {
+            color: BaseTheme.palette.icon01,
+            fontSize: BaseTheme.spacing[4]
+        },
+        style: {
+            flexDirection: 'row',
+            justifyContent: 'center',
+            margin: BaseTheme.spacing[3],
+            height: BaseTheme.spacing[4],
+            width: BaseTheme.spacing[4]
+        },
+        underlayColor: 'transparent'
+    },
+
+    contentWrapper: {
+        flex: 1,
+        flexDirection: 'row'
+    },
+
+    largeVideoContainer: {
+        height: '50%'
+    },
+
+    largeVideoContainerWide: {
+        height: '100%',
+        marginRight: 'auto',
+        position: 'absolute',
+        width: '50%'
+    },
+
+    contentContainer: {
+        alignItems: 'center',
+        backgroundColor: BaseTheme.palette.uiBackground,
+        bottom: BaseTheme.spacing[0],
+        display: 'flex',
+        height: '50%',
+        justifyContent: 'center',
+        position: 'absolute',
+        width: '100%',
+        zIndex: 1
+    },
+
+    contentContainerWide: {
+        alignItems: 'center',
+        height: '100%',
+        justifyContent: 'center',
+        left: '50%',
+        padding: BaseTheme.spacing[3],
+        position: 'absolute',
+        width: '50%'
+    },
+
+    toolboxContainer: {
+        alignItems: 'center',
+        backgroundColor: BaseTheme.palette.ui01,
+        borderRadius: BaseTheme.shape.borderRadius,
+        display: 'flex',
+        flexDirection: 'row',
+        height: 60,
+        justifyContent: 'space-between',
+        marginBottom: BaseTheme.spacing[3],
+        padding: BaseTheme.spacing[2],
+        width: 'auto'
+    },
+
+    customInput: {
+        textAlign: 'center',
+        width: 352
+    },
+
+    errorContainer: {
+        backgroundColor: BaseTheme.palette.actionDanger,
+        borderBottomRightRadius: BaseTheme.shape.borderRadius,
+        borderBottomLeftRadius: BaseTheme.shape.borderRadius,
+        boxSizing: 'border-box',
+        marginTop: -BaseTheme.spacing[2],
+        overflow: 'visible',
+        wordBreak: 'normal',
+        width: 352
+    },
+
+    error: {
+        padding: BaseTheme.spacing[1],
+        color: BaseTheme.palette.text01,
+        textAlign: 'center'
+    },
+
+    preJoinRoomName: {
+        ...BaseTheme.typography.heading5,
+        color: BaseTheme.palette.text01,
+        textAlign: 'center'
+    },
+
+    conferenceInfo: {
+        alignSelf: 'center',
+        marginTop: BaseTheme.spacing[3],
+        paddingHorizontal: BaseTheme.spacing[3],
+        paddingVertical: BaseTheme.spacing[1],
+        position: 'absolute',
+        maxWidth: 273,
+        zIndex: 1
+    },
+
+    displayRoomNameBackdrop: {
+        backgroundColor: BaseTheme.palette.uiBackground,
+        borderRadius: BaseTheme.shape.borderRadius,
+        opacity: 0.7,
+        paddingHorizontal: BaseTheme.spacing[3],
+        paddingVertical: BaseTheme.spacing[1]
+    },
+
+    recordingWarning: {
+        display: 'flex',
+        justifyContent: 'center',
+        lineHeight: 22,
+        marginBottom: BaseTheme.spacing[2],
+        marginTop: BaseTheme.spacing[1],
+        width: 'auto'
+    },
+
+    recordingWarningText: {
+        color: BaseTheme.palette.text03
+    },
+
+    unsafeRoomWarningContainer: {
+        height: '100%',
+        width: '100%',
+        backgroundColor: BaseTheme.palette.ui01,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        color: 'white'
+    },
+
+    unsafeRoomContentContainer: {
+        justifySelf: 'center',
+        height: '100%',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        paddingHorizontal: BaseTheme.spacing[4]
+    },
+
+    unsafeRoomContentContainerWide: {
+        alignItems: 'center',
+        justifySelf: 'center',
+        height: '100%',
+        display: 'flex',
+        justifyContent: 'center',
+        marginLeft: BaseTheme.spacing[7],
+        paddingHorizontal: BaseTheme.spacing[6]
+    },
+
+    warningText: {
+        ...BaseTheme.typography.bodyLongRegularLarge,
+        color: BaseTheme.palette.text01,
+        textAlign: 'center',
+        marginBottom: BaseTheme.spacing[4]
+    },
+
+    warningIconWrapper: {
+        backgroundColor: BaseTheme.palette.warning01,
+        borderRadius: BaseTheme.shape.circleRadius,
+        padding: BaseTheme.spacing[4],
+        marginBottom: BaseTheme.spacing[4],
+        zIndex: 0
+
+    },
+
+    warningIcon: {
+        color: BaseTheme.palette.ui01,
+        fontSize: BaseTheme.spacing[7]
+    }
+};
diff --git a/react/features/prejoin/components/web/Label.tsx b/react/features/prejoin/components/web/Label.tsx
new file mode 100644
index 0000000..80fd65a
--- /dev/null
+++ b/react/features/prejoin/components/web/Label.tsx
@@ -0,0 +1,46 @@
+import React from 'react';
+
+interface IProps {
+
+    /**
+     * The text for the Label.
+     */
+    children: React.ReactElement;
+
+    /**
+     * The CSS class of the label.
+     */
+    className?: string;
+
+    /**
+     * The (round) number prefix for the Label.
+     */
+    number?: string | number;
+
+    /**
+     * The click handler.
+     */
+    onClick?: (e?: React.MouseEvent) => void;
+}
+
+/**
+ *  Label for the dialogs.
+ *
+ *  @returns {ReactElement}
+ */
+function Label({ children, className, number, onClick }: IProps) {
+    const containerClass = className
+        ? `prejoin-dialog-label ${className}`
+        : 'prejoin-dialog-label';
+
+    return (
+        <div
+            className = { containerClass }
+            onClick = { onClick }>
+            {number && <div className = 'prejoin-dialog-label-num'>{number}</div>}
+            <span>{children}</span>
+        </div>
+    );
+}
+
+export default Label;
diff --git a/react/features/prejoin/components/web/Prejoin.tsx b/react/features/prejoin/components/web/Prejoin.tsx
new file mode 100644
index 0000000..5440258
--- /dev/null
+++ b/react/features/prejoin/components/web/Prejoin.tsx
@@ -0,0 +1,533 @@
+/* eslint-disable react/jsx-no-bind */
+import React, { useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { connect, useDispatch } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState } from '../../../app/types';
+import Avatar from '../../../base/avatar/components/Avatar';
+import { isNameReadOnly } from '../../../base/config/functions.web';
+import { IconArrowDown, IconArrowUp, IconPhoneRinging, IconVolumeOff } from '../../../base/icons/svg';
+import { isVideoMutedByUser } from '../../../base/media/functions';
+import { getLocalParticipant } from '../../../base/participants/functions';
+import Popover from '../../../base/popover/components/Popover.web';
+import ActionButton from '../../../base/premeeting/components/web/ActionButton';
+import PreMeetingScreen from '../../../base/premeeting/components/web/PreMeetingScreen';
+import { updateSettings } from '../../../base/settings/actions';
+import { getDisplayName } from '../../../base/settings/functions.web';
+import { getLocalJitsiVideoTrack } from '../../../base/tracks/functions.web';
+import Button from '../../../base/ui/components/web/Button';
+import Input from '../../../base/ui/components/web/Input';
+import { BUTTON_TYPES } from '../../../base/ui/constants.any';
+import isInsecureRoomName from '../../../base/util/isInsecureRoomName';
+import { openDisplayNamePrompt } from '../../../display-name/actions';
+import { isUnsafeRoomWarningEnabled } from '../../../prejoin/functions';
+import {
+    joinConference as joinConferenceAction,
+    joinConferenceWithoutAudio as joinConferenceWithoutAudioAction,
+    setJoinByPhoneDialogVisiblity as setJoinByPhoneDialogVisiblityAction
+} from '../../actions.web';
+import {
+    isDeviceStatusVisible,
+    isDisplayNameRequired,
+    isJoinByPhoneButtonVisible,
+    isJoinByPhoneDialogVisible,
+    isPrejoinDisplayNameVisible
+} from '../../functions';
+import logger from '../../logger';
+import { hasDisplayName } from '../../utils';
+
+import JoinByPhoneDialog from './dialogs/JoinByPhoneDialog';
+
+interface IProps {
+
+    /**
+     * Flag signaling if the device status is visible or not.
+     */
+    deviceStatusVisible: boolean;
+
+    /**
+     * If join by phone button should be visible.
+     */
+    hasJoinByPhoneButton: boolean;
+
+    /**
+     * Flag signaling if the display name is visible or not.
+     */
+    isDisplayNameVisible: boolean;
+
+    /**
+     * Joins the current meeting.
+     */
+    joinConference: Function;
+
+    /**
+     * Joins the current meeting without audio.
+     */
+    joinConferenceWithoutAudio: Function;
+
+    /**
+     * Whether conference join is in progress.
+     */
+    joiningInProgress?: boolean;
+
+    /**
+     * The name of the user that is about to join.
+     */
+    name: string;
+
+    /**
+     * Local participant id.
+     */
+    participantId?: string;
+
+    /**
+     * The prejoin config.
+     */
+    prejoinConfig?: any;
+
+    /**
+     * Whether the name input should be read only or not.
+     */
+    readOnlyName: boolean;
+
+    /**
+     * Sets visibility of the 'JoinByPhoneDialog'.
+     */
+    setJoinByPhoneDialogVisiblity: Function;
+
+    /**
+     * Flag signaling the visibility of camera preview.
+     */
+    showCameraPreview: boolean;
+
+    /**
+     * If 'JoinByPhoneDialog' is visible or not.
+     */
+    showDialog: boolean;
+
+    /**
+     * If should show an error when joining without a name.
+     */
+    showErrorOnJoin: boolean;
+
+    /**
+     * If the recording warning is visible or not.
+     */
+    showRecordingWarning: boolean;
+
+    /**
+     * If should show unsafe room warning when joining.
+     */
+    showUnsafeRoomWarning: boolean;
+
+    /**
+     * Whether the user has approved to join a room with unsafe name.
+     */
+    unsafeRoomConsent?: boolean;
+
+    /**
+     * Updates settings.
+     */
+    updateSettings: Function;
+
+    /**
+     * The JitsiLocalTrack to display.
+     */
+    videoTrack?: Object;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        inputContainer: {
+            width: '100%'
+        },
+
+        input: {
+            width: '100%',
+            marginBottom: theme.spacing(3),
+
+            '& input': {
+                textAlign: 'center'
+            }
+        },
+
+        avatarContainer: {
+            display: 'flex',
+            alignItems: 'center',
+            flexDirection: 'column'
+        },
+
+        avatar: {
+            margin: `${theme.spacing(2)} auto ${theme.spacing(3)}`
+        },
+
+        avatarName: {
+            ...theme.typography.bodyShortBoldLarge,
+            color: theme.palette.text01,
+            marginBottom: theme.spacing(5),
+            textAlign: 'center'
+        },
+
+        error: {
+            backgroundColor: theme.palette.actionDanger,
+            color: theme.palette.text01,
+            borderRadius: theme.shape.borderRadius,
+            width: '100%',
+            ...theme.typography.labelRegular,
+            boxSizing: 'border-box',
+            padding: theme.spacing(1),
+            textAlign: 'center',
+            marginTop: `-${theme.spacing(2)}`,
+            marginBottom: theme.spacing(3)
+        },
+
+        dropdownContainer: {
+            position: 'relative',
+            width: '100%'
+        },
+
+        dropdownButtons: {
+            width: '300px',
+            padding: '8px 0',
+            backgroundColor: theme.palette.action02,
+            color: theme.palette.text04,
+            borderRadius: theme.shape.borderRadius,
+            position: 'relative',
+            top: `-${theme.spacing(3)}`,
+
+            '@media (max-width: 511px)': {
+                margin: '0 auto',
+                top: 0
+            },
+
+            '@media (max-width: 420px)': {
+                top: 0,
+                width: 'calc(100% - 32px)'
+            }
+        }
+    };
+});
+
+const Prejoin = ({
+    deviceStatusVisible,
+    hasJoinByPhoneButton,
+    isDisplayNameVisible,
+    joinConference,
+    joinConferenceWithoutAudio,
+    joiningInProgress,
+    name,
+    participantId,
+    prejoinConfig,
+    readOnlyName,
+    setJoinByPhoneDialogVisiblity,
+    showCameraPreview,
+    showDialog,
+    showErrorOnJoin,
+    showRecordingWarning,
+    showUnsafeRoomWarning,
+    unsafeRoomConsent,
+    updateSettings: dispatchUpdateSettings,
+    videoTrack
+}: IProps) => {
+    const showDisplayNameField = useMemo(
+        () => isDisplayNameVisible && !readOnlyName,
+        [ isDisplayNameVisible, readOnlyName ]);
+    const showErrorOnField = useMemo(
+        () => showDisplayNameField && showErrorOnJoin,
+        [ showDisplayNameField, showErrorOnJoin ]);
+    const [ showJoinByPhoneButtons, setShowJoinByPhoneButtons ] = useState(false);
+    const { classes } = useStyles();
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+
+    /**
+     * Handler for the join button.
+     *
+     * @param {Object} e - The synthetic event.
+     * @returns {void}
+     */
+    const onJoinButtonClick = () => {
+        if (showErrorOnJoin) {
+            dispatch(openDisplayNamePrompt({
+                onPostSubmit: joinConference,
+                validateInput: hasDisplayName
+            }));
+
+            return;
+        }
+
+        logger.info('Prejoin join button clicked.');
+
+        joinConference();
+    };
+
+    /**
+     * Closes the dropdown.
+     *
+     * @returns {void}
+     */
+    const onDropdownClose = () => {
+        setShowJoinByPhoneButtons(false);
+    };
+
+    /**
+     * Displays the join by phone buttons dropdown.
+     *
+     * @param {Object} e - The synthetic event.
+     * @returns {void}
+     */
+    const onOptionsClick = (e?: React.KeyboardEvent | React.MouseEvent | undefined) => {
+        e?.stopPropagation();
+
+        setShowJoinByPhoneButtons(show => !show);
+    };
+
+    /**
+     * Sets the guest participant name.
+     *
+     * @param {string} displayName - Participant name.
+     * @returns {void}
+     */
+    const setName = (displayName: string) => {
+        dispatchUpdateSettings({
+            displayName
+        });
+    };
+
+    /**
+     * Closes the join by phone dialog.
+     *
+     * @returns {undefined}
+     */
+    const closeDialog = () => {
+        setJoinByPhoneDialogVisiblity(false);
+    };
+
+    /**
+     * Displays the dialog for joining a meeting by phone.
+     *
+     * @returns {undefined}
+     */
+    const doShowDialog = () => {
+        setJoinByPhoneDialogVisiblity(true);
+        onDropdownClose();
+    };
+
+    /**
+     * KeyPress handler for accessibility.
+     *
+     * @param {Object} e - The key event to handle.
+     *
+     * @returns {void}
+     */
+    const showDialogKeyPress = (e: React.KeyboardEvent) => {
+        if (e.key === ' ' || e.key === 'Enter') {
+            e.preventDefault();
+            doShowDialog();
+        }
+    };
+
+    /**
+     * KeyPress handler for accessibility.
+     *
+     * @param {Object} e - The key event to handle.
+     *
+     * @returns {void}
+     */
+    const onJoinConferenceWithoutAudioKeyPress = (e: React.KeyboardEvent) => {
+        if (joinConferenceWithoutAudio
+            && (e.key === ' '
+                || e.key === 'Enter')) {
+            e.preventDefault();
+            logger.info('Prejoin joinConferenceWithoutAudio dispatched on a key pressed.');
+            joinConferenceWithoutAudio();
+        }
+    };
+
+    /**
+     * Gets the list of extra join buttons.
+     *
+     * @returns {Object} - The list of extra buttons.
+     */
+    const getExtraJoinButtons = () => {
+        const noAudio = {
+            key: 'no-audio',
+            testId: 'prejoin.joinWithoutAudio',
+            icon: IconVolumeOff,
+            label: t('prejoin.joinWithoutAudio'),
+            onClick: () => {
+                logger.info('Prejoin join conference without audio pressed.');
+                joinConferenceWithoutAudio();
+            },
+            onKeyPress: onJoinConferenceWithoutAudioKeyPress
+        };
+
+        const byPhone = {
+            key: 'by-phone',
+            testId: 'prejoin.joinByPhone',
+            icon: IconPhoneRinging,
+            label: t('prejoin.joinAudioByPhone'),
+            onClick: doShowDialog,
+            onKeyPress: showDialogKeyPress
+        };
+
+        return {
+            noAudio,
+            byPhone
+        };
+    };
+
+    /**
+     * Handle keypress on input.
+     *
+     * @param {KeyboardEvent} e - Keyboard event.
+     * @returns {void}
+     */
+    const onInputKeyPress = (e: React.KeyboardEvent) => {
+        if (e.key === 'Enter') {
+            logger.info('Dispatching join conference on Enter key press from the prejoin screen.');
+            joinConference();
+        }
+    };
+
+    const extraJoinButtons = getExtraJoinButtons();
+    let extraButtonsToRender = Object.values(extraJoinButtons).filter((val: any) =>
+        !(prejoinConfig?.hideExtraJoinButtons || []).includes(val.key)
+    );
+
+    if (!hasJoinByPhoneButton) {
+        extraButtonsToRender = extraButtonsToRender.filter((btn: any) => btn.key !== 'by-phone');
+    }
+    const hasExtraJoinButtons = Boolean(extraButtonsToRender.length);
+
+    return (
+        <PreMeetingScreen
+            showDeviceStatus = { deviceStatusVisible }
+            showRecordingWarning = { showRecordingWarning }
+            showUnsafeRoomWarning = { showUnsafeRoomWarning }
+            title = { t('prejoin.joinMeeting') }
+            videoMuted = { !showCameraPreview }
+            videoTrack = { videoTrack }>
+            <div
+                className = { classes.inputContainer }
+                data-testid = 'prejoin.screen'>
+                {showDisplayNameField ? (<Input
+                    accessibilityLabel = { t('dialog.enterDisplayName') }
+                    autoComplete = { 'name' }
+                    autoFocus = { true }
+                    className = { classes.input }
+                    error = { showErrorOnField }
+                    id = 'premeeting-name-input'
+                    onChange = { setName }
+                    onKeyPress = { showUnsafeRoomWarning && !unsafeRoomConsent ? undefined : onInputKeyPress }
+                    placeholder = { t('dialog.enterDisplayName') }
+                    readOnly = { readOnlyName }
+                    value = { name } />
+                ) : (
+                    <div className = { classes.avatarContainer }>
+                        <Avatar
+                            className = { classes.avatar }
+                            displayName = { name }
+                            participantId = { participantId }
+                            size = { 72 } />
+                        {isDisplayNameVisible && <div className = { classes.avatarName }>{name}</div>}
+                    </div>
+                )}
+
+                {showErrorOnField && <div
+                    className = { classes.error }
+                    data-testid = 'prejoin.errorMessage'>
+                    <p aria-live = 'polite' >
+                        {t('prejoin.errorMissingName')}
+                    </p>
+                </div>}
+
+                <div className = { classes.dropdownContainer }>
+                    <Popover
+                        content = { hasExtraJoinButtons && <div className = { classes.dropdownButtons }>
+                            {extraButtonsToRender.map(({ key, ...rest }) => (
+                                <Button
+                                    disabled = { joiningInProgress || showErrorOnField }
+                                    fullWidth = { true }
+                                    key = { key }
+                                    type = { BUTTON_TYPES.SECONDARY }
+                                    { ...rest } />
+                            ))}
+                        </div> }
+                        onPopoverClose = { onDropdownClose }
+                        position = 'bottom'
+                        trigger = 'click'
+                        visible = { showJoinByPhoneButtons }>
+                        <ActionButton
+                            OptionsIcon = { showJoinByPhoneButtons ? IconArrowUp : IconArrowDown }
+                            ariaDropDownLabel = { t('prejoin.joinWithoutAudio') }
+                            ariaLabel = { t('prejoin.joinMeeting') }
+                            ariaPressed = { showJoinByPhoneButtons }
+                            disabled = { joiningInProgress
+                                || (showUnsafeRoomWarning && !unsafeRoomConsent)
+                                || showErrorOnField }
+                            hasOptions = { hasExtraJoinButtons }
+                            onClick = { onJoinButtonClick }
+                            onOptionsClick = { onOptionsClick }
+                            role = 'button'
+                            tabIndex = { 0 }
+                            testId = 'prejoin.joinMeeting'
+                            type = 'primary'>
+                            {t('prejoin.joinMeeting')}
+                        </ActionButton>
+                    </Popover>
+                </div>
+            </div>
+            {showDialog && (
+                <JoinByPhoneDialog
+                    joinConferenceWithoutAudio = { joinConferenceWithoutAudio }
+                    onClose = { closeDialog } />
+            )}
+        </PreMeetingScreen>
+    );
+};
+
+
+/**
+ * Maps (parts of) the redux state to the React {@code Component} props.
+ *
+ * @param {Object} state - The redux state.
+ * @returns {Object}
+ */
+function mapStateToProps(state: IReduxState) {
+    const name = getDisplayName(state);
+    const showErrorOnJoin = isDisplayNameRequired(state) && !name;
+    const { id: participantId } = getLocalParticipant(state) ?? {};
+    const { joiningInProgress } = state['features/prejoin'];
+    const { room } = state['features/base/conference'];
+    const { unsafeRoomConsent } = state['features/base/premeeting'];
+    const { showPrejoinWarning: showRecordingWarning } = state['features/base/config'].recordings ?? {};
+
+    return {
+        deviceStatusVisible: isDeviceStatusVisible(state),
+        hasJoinByPhoneButton: isJoinByPhoneButtonVisible(state),
+        isDisplayNameVisible: isPrejoinDisplayNameVisible(state),
+        joiningInProgress,
+        name,
+        participantId,
+        prejoinConfig: state['features/base/config'].prejoinConfig,
+        readOnlyName: isNameReadOnly(state),
+        showCameraPreview: !isVideoMutedByUser(state),
+        showDialog: isJoinByPhoneDialogVisible(state),
+        showErrorOnJoin,
+        showRecordingWarning: Boolean(showRecordingWarning),
+        showUnsafeRoomWarning: isInsecureRoomName(room) && isUnsafeRoomWarningEnabled(state),
+        unsafeRoomConsent,
+        videoTrack: getLocalJitsiVideoTrack(state)
+    };
+}
+
+const mapDispatchToProps = {
+    joinConferenceWithoutAudio: joinConferenceWithoutAudioAction,
+    joinConference: joinConferenceAction,
+    setJoinByPhoneDialogVisiblity: setJoinByPhoneDialogVisiblityAction,
+    updateSettings
+};
+
+export default connect(mapStateToProps, mapDispatchToProps)(Prejoin);
diff --git a/react/features/prejoin/components/web/PrejoinApp.tsx b/react/features/prejoin/components/web/PrejoinApp.tsx
new file mode 100644
index 0000000..a1e4d14
--- /dev/null
+++ b/react/features/prejoin/components/web/PrejoinApp.tsx
@@ -0,0 +1,96 @@
+import React, { ComponentType } from 'react';
+
+import BaseApp from '../../../base/app/components/BaseApp';
+import { setConfig } from '../../../base/config/actions';
+import { createPrejoinTracks } from '../../../base/tracks/functions.web';
+import GlobalStyles from '../../../base/ui/components/GlobalStyles.web';
+import JitsiThemeProvider from '../../../base/ui/components/JitsiThemeProvider.web';
+import DialogContainer from '../../../base/ui/components/web/DialogContainer';
+import { setupInitialDevices } from '../../../conference/actions.web';
+import { initPrejoin } from '../../functions.web';
+
+import PrejoinThirdParty from './PrejoinThirdParty';
+
+type Props = {
+
+    /**
+     * Indicates the style type that needs to be applied.
+     */
+    styleType: string;
+};
+
+/**
+ * Wrapper application for prejoin.
+ *
+ * @augments BaseApp
+ */
+export default class PrejoinApp extends BaseApp<Props> {
+
+    /**
+     * Navigates to {@link Prejoin} upon mount.
+     *
+     * @returns {void}
+     */
+    override async componentDidMount() {
+        await super.componentDidMount();
+
+        const { store } = this.state;
+        const { dispatch } = store ?? {};
+        const { styleType } = this.props;
+
+        super._navigate({
+            component: PrejoinThirdParty,
+            props: {
+                className: styleType
+            }
+        });
+
+        const { startWithAudioMuted, startWithVideoMuted } = store
+            ? store.getState()['features/base/settings']
+            : { startWithAudioMuted: undefined,
+                startWithVideoMuted: undefined };
+
+        dispatch?.(setConfig({
+            prejoinConfig: {
+                enabled: true
+            },
+            startWithAudioMuted,
+            startWithVideoMuted
+        }));
+
+        await dispatch?.(setupInitialDevices());
+        const { tryCreateLocalTracks, errors } = createPrejoinTracks();
+
+        const tracks = await tryCreateLocalTracks;
+
+        initPrejoin(tracks, errors, dispatch);
+    }
+
+    /**
+     * Overrides the parent method to inject {@link AtlasKitThemeProvider} as
+     * the top most component.
+     *
+     * @override
+     */
+    override _createMainElement(component: ComponentType<any>, props: Object) {
+        return (
+            <JitsiThemeProvider>
+                <GlobalStyles />
+                { super._createMainElement(component, props) }
+            </JitsiThemeProvider>
+        );
+    }
+
+    /**
+     * Renders the platform specific dialog container.
+     *
+     * @returns {React$Element}
+     */
+    override _renderDialogContainer() {
+        return (
+            <JitsiThemeProvider>
+                <DialogContainer />
+            </JitsiThemeProvider>
+        );
+    }
+}
diff --git a/react/features/prejoin/components/web/PrejoinThirdParty.tsx b/react/features/prejoin/components/web/PrejoinThirdParty.tsx
new file mode 100644
index 0000000..7b4c96e
--- /dev/null
+++ b/react/features/prejoin/components/web/PrejoinThirdParty.tsx
@@ -0,0 +1,81 @@
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { isVideoMutedByUser } from '../../../base/media/functions';
+import PreMeetingScreen from '../../../base/premeeting/components/web/PreMeetingScreen';
+import { getLocalJitsiVideoTrack } from '../../../base/tracks/functions.web';
+import { isDeviceStatusVisible } from '../../functions';
+
+interface IProps extends WithTranslation {
+
+    /**
+     * Indicates the className that needs to be applied.
+    */
+    className: string;
+
+    /**
+     * Flag signaling if the device status is visible or not.
+     */
+    deviceStatusVisible: boolean;
+
+    /**
+     * Flag signaling the visibility of camera preview.
+     */
+    showCameraPreview: boolean;
+
+    /**
+     * The JitsiLocalTrack to display.
+     */
+    videoTrack?: Object;
+}
+
+
+/**
+ * This component is displayed before joining a meeting.
+ */
+class PrejoinThirdParty extends Component<IProps> {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const {
+            className,
+            deviceStatusVisible,
+            showCameraPreview,
+            videoTrack
+        } = this.props;
+
+        return (
+            <PreMeetingScreen
+                className = { `prejoin-third-party ${className}` }
+                showDeviceStatus = { deviceStatusVisible }
+                skipPrejoinButton = { false }
+                thirdParty = { true }
+                videoMuted = { !showCameraPreview }
+                videoTrack = { videoTrack } />
+        );
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the React {@code Component} props.
+ *
+ * @param {Object} state - The redux state.
+ * @param {Object} ownProps - The props passed to the component.
+ * @returns {Object}
+ */
+function mapStateToProps(state: IReduxState) {
+    return {
+        deviceStatusVisible: isDeviceStatusVisible(state),
+        showCameraPreview: !isVideoMutedByUser(state),
+        videoTrack: getLocalJitsiVideoTrack(state)
+    };
+}
+
+export default connect(mapStateToProps)(translate(PrejoinThirdParty));
diff --git a/react/features/prejoin/components/web/country-picker/CountryDropdown.tsx b/react/features/prejoin/components/web/country-picker/CountryDropdown.tsx
new file mode 100644
index 0000000..82df4c2
--- /dev/null
+++ b/react/features/prejoin/components/web/country-picker/CountryDropdown.tsx
@@ -0,0 +1,47 @@
+import React from 'react';
+import { makeStyles } from 'tss-react/mui';
+
+import { countries } from '../../../utils';
+
+import CountryRow from './CountryRow';
+
+interface IProps {
+
+    /**
+     * Click handler for a single entry.
+     */
+    onEntryClick: Function;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        container: {
+            height: '190px',
+            width: '343px',
+            overflowY: 'auto',
+            backgroundColor: theme.palette.ui01
+        }
+    };
+});
+
+/**
+ * This component displays the dropdown for the country picker.
+ *
+ * @returns {ReactElement}
+ */
+function CountryDropdown({ onEntryClick }: IProps) {
+    const { classes } = useStyles();
+
+    return (
+        <div className = { classes.container }>
+            {countries.map(country => (
+                <CountryRow
+                    country = { country }
+                    key = { `${country.code}` }
+                    onEntryClick = { onEntryClick } />
+            ))}
+        </div>
+    );
+}
+
+export default CountryDropdown;
diff --git a/react/features/prejoin/components/web/country-picker/CountryPicker.tsx b/react/features/prejoin/components/web/country-picker/CountryPicker.tsx
new file mode 100644
index 0000000..b16800b
--- /dev/null
+++ b/react/features/prejoin/components/web/country-picker/CountryPicker.tsx
@@ -0,0 +1,163 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { connect } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState } from '../../../../app/types';
+import Popover from '../../../../base/popover/components/Popover.web';
+import { setDialOutCountry, setDialOutNumber } from '../../../actions.web';
+import { getDialOutCountry, getDialOutNumber } from '../../../functions';
+import { getCountryFromDialCodeText } from '../../../utils';
+
+import CountryDropDown from './CountryDropdown';
+import CountrySelector from './CountrySelector';
+
+const PREFIX_REG = /^(00)|\+/;
+
+interface IProps {
+
+    /**
+     * The country to dial out to.
+     */
+    dialOutCountry: { code: string; dialCode: string; name: string; };
+
+    /**
+     * The number to dial out to.
+     */
+    dialOutNumber: string;
+
+    /**
+     * Handler used when user presses 'Enter'.
+     */
+    onSubmit: Function;
+
+    /**
+     * Sets the dial out country.
+     */
+    setDialOutCountry: Function;
+
+    /**
+     * Sets the dial out number.
+     */
+    setDialOutNumber: Function;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        container: {
+            border: 0,
+            borderRadius: theme.shape.borderRadius,
+            display: 'flex',
+            backgroundColor: theme.palette.ui03
+        },
+
+        input: {
+            padding: '0 4px',
+            margin: 0,
+            border: 0,
+            background: 'transparent',
+            color: theme.palette.text01,
+            flexGrow: 1,
+            ...theme.typography.bodyShortRegular
+        }
+    };
+});
+
+const CountryPicker = (props: IProps) => {
+    const [ isOpen, setIsOpen ] = useState(false);
+    const inputRef = useRef<HTMLInputElement>(null);
+    const { classes } = useStyles();
+
+    useEffect(() => {
+        inputRef.current?.focus();
+    }, []);
+
+    const onChange = ({ target: { value: newValue } }: React.ChangeEvent<HTMLInputElement>) => {
+        if (PREFIX_REG.test(newValue)) {
+            const textWithDialCode = newValue.replace(PREFIX_REG, '');
+
+            if (textWithDialCode.length >= 4) {
+                const country = getCountryFromDialCodeText(textWithDialCode);
+
+                if (country) {
+                    const rest = textWithDialCode.replace(country.dialCode, '');
+
+                    props.setDialOutCountry(country);
+                    props.setDialOutNumber(rest);
+
+                    return;
+                }
+            }
+        }
+        props.setDialOutNumber(newValue);
+    };
+
+    const onCountrySelectorClick = () => {
+        setIsOpen(open => !open);
+    };
+
+    const onDropdownClose = () => {
+        setIsOpen(false);
+    };
+
+    const onEntryClick = (country: { code: string; dialCode: string; name: string; }) => {
+        props.setDialOutCountry(country);
+        onDropdownClose();
+    };
+
+    const onKeyPress = (e: React.KeyboardEvent) => {
+        if (e.key === ' ' || e.key === 'Enter') {
+            e.preventDefault();
+            props.onSubmit();
+        }
+    };
+
+    return (
+        /* eslint-disable react/jsx-no-bind */
+        <Popover
+            content = { <CountryDropDown onEntryClick = { onEntryClick } /> }
+            onPopoverClose = { onDropdownClose }
+            position = 'bottom'
+            trigger = 'click'
+            visible = { isOpen }>
+            <div className = { classes.container }>
+                <CountrySelector
+                    country = { props.dialOutCountry }
+                    onClick = { onCountrySelectorClick } />
+                <input
+                    className = { classes.input }
+                    onChange = { onChange }
+                    onKeyPress = { onKeyPress }
+                    ref = { inputRef }
+                    value = { props.dialOutNumber } />
+            </div>
+        </Popover>
+    );
+};
+
+/**
+ * Maps (parts of) the redux state to the React {@code Component} props.
+ *
+ * @param {Object} state - The redux state.
+ * @returns {IProps}
+ */
+function mapStateToProps(state: IReduxState) {
+    return {
+        dialOutCountry: getDialOutCountry(state),
+        dialOutNumber: getDialOutNumber(state)
+    };
+}
+
+/**
+ * Maps redux actions to the props of the component.
+ *
+ * @type {{
+ *     setDialOutCountry: Function,
+ *     setDialOutNumber: Function
+ * }}
+ */
+const mapDispatchToProps = {
+    setDialOutCountry,
+    setDialOutNumber
+};
+
+export default connect(mapStateToProps, mapDispatchToProps)(CountryPicker);
diff --git a/react/features/prejoin/components/web/country-picker/CountryRow.tsx b/react/features/prejoin/components/web/country-picker/CountryRow.tsx
new file mode 100644
index 0000000..2b4e60d
--- /dev/null
+++ b/react/features/prejoin/components/web/country-picker/CountryRow.tsx
@@ -0,0 +1,66 @@
+import React from 'react';
+import { makeStyles } from 'tss-react/mui';
+
+
+interface IProps {
+
+    /**
+     * Country of the entry.
+     */
+    country: { code: string; dialCode: string; name: string; };
+
+    /**
+     * Entry click handler.
+     */
+    onEntryClick: Function;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        container: {
+            display: 'flex',
+            padding: '10px',
+            alignItems: 'center',
+            backgroundColor: theme.palette.action03,
+
+            '&:hover': {
+                backgroundColor: theme.palette.action03Hover
+            }
+        },
+
+        flag: {
+            marginRight: theme.spacing(2)
+        },
+
+        text: {
+            color: theme.palette.text01,
+            ...theme.typography.bodyShortRegular,
+            flexGrow: 1,
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap'
+        }
+    };
+});
+
+const CountryRow = ({ country, onEntryClick }: IProps) => {
+    const { classes, cx } = useStyles();
+
+    const _onClick = () => {
+        onEntryClick(country);
+    };
+
+    return (
+        <div
+            className = { classes.container }
+            // eslint-disable-next-line react/jsx-no-bind
+            onClick = { _onClick }>
+            <div className = { cx(classes.flag, 'iti-flag', country.code) } />
+            <div className = { classes.text }>
+                {`${country.name} (+${country.dialCode})`}
+            </div>
+        </div>
+    );
+};
+
+export default CountryRow;
diff --git a/react/features/prejoin/components/web/country-picker/CountrySelector.tsx b/react/features/prejoin/components/web/country-picker/CountrySelector.tsx
new file mode 100644
index 0000000..97db7c7
--- /dev/null
+++ b/react/features/prejoin/components/web/country-picker/CountrySelector.tsx
@@ -0,0 +1,76 @@
+import React, { useCallback } from 'react';
+import { makeStyles } from 'tss-react/mui';
+
+import Icon from '../../../../base/icons/components/Icon';
+import { IconArrowDown } from '../../../../base/icons/svg';
+
+interface IProps {
+
+    /**
+     * Country object of the entry.
+     */
+    country: { code: string; dialCode: string; name: string; };
+
+    /**
+     * Click handler for the selector.
+     */
+    onClick: () => void;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        container: {
+            padding: '8px 10px',
+            display: 'flex',
+            alignItems: 'center',
+            cursor: 'pointer',
+            backgroundColor: theme.palette.ui01,
+            borderRight: `1px solid ${theme.palette.ui03}`,
+            color: theme.palette.text01,
+            ...theme.typography.bodyShortRegular,
+            position: 'relative',
+            width: '88px',
+            borderTopLeftRadius: theme.shape.borderRadius,
+            borderBottomLeftRadius: theme.shape.borderRadius
+        },
+
+        text: {
+            flexGrow: 1
+        },
+
+        flag: {
+            marginRight: theme.spacing(2)
+        }
+    };
+});
+
+/**
+ * This component displays the country selector with the flag.
+ *
+ * @returns {ReactElement}
+ */
+function CountrySelector({ country: { code, dialCode }, onClick }: IProps) {
+    const { classes, cx } = useStyles();
+
+    const onKeyPressHandler = useCallback(e => {
+        if (onClick && (e.key === ' ' || e.key === 'Enter')) {
+            e.preventDefault();
+            onClick();
+        }
+    }, [ onClick ]);
+
+    return (
+        <div
+            className = { classes.container }
+            onClick = { onClick }
+            onKeyPress = { onKeyPressHandler }>
+            <div className = { cx(classes.flag, 'iti-flag', code) } />
+            <span className = { classes.text }>{`+${dialCode}`}</span>
+            <Icon
+                size = { 16 }
+                src = { IconArrowDown } />
+        </div>
+    );
+}
+
+export default CountrySelector;
diff --git a/react/features/prejoin/components/web/dialogs/CallingDialog.tsx b/react/features/prejoin/components/web/dialogs/CallingDialog.tsx
new file mode 100644
index 0000000..5ebf3d9
--- /dev/null
+++ b/react/features/prejoin/components/web/dialogs/CallingDialog.tsx
@@ -0,0 +1,82 @@
+import React from 'react';
+import { WithTranslation } from 'react-i18next';
+import { makeStyles } from 'tss-react/mui';
+
+import Avatar from '../../../../base/avatar/components/Avatar';
+import { translate } from '../../../../base/i18n/functions';
+import Icon from '../../../../base/icons/components/Icon';
+import { IconCloseLarge } from '../../../../base/icons/svg';
+import Label from '../Label';
+
+interface IProps extends WithTranslation {
+
+    /**
+     * The phone number that is being called.
+     */
+    number: string;
+
+    /**
+     * Closes the dialog.
+     */
+    onClose: (e?: React.MouseEvent) => void;
+
+    /**
+     * The status of the call.
+     */
+    status: string;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        callingDialog: {
+            padding: theme.spacing(3),
+            textAlign: 'center',
+
+            '& .prejoin-dialog-calling-header': {
+                textAlign: 'right'
+            },
+
+            '& .prejoin-dialog-calling-label': {
+                fontSize: '1rem',
+                margin: `${theme.spacing(2)} 0 ${theme.spacing(3)} 0`
+            },
+
+            '& .prejoin-dialog-calling-number': {
+                fontSize: '1.25rem',
+                lineHeight: '1.75rem',
+                margin: `${theme.spacing(3)} 0`
+            }
+        }
+    };
+});
+
+/**
+ * Dialog displayed when the user gets called by the meeting.
+ *
+ * @param {IProps} props - The props of the component.
+ * @returns {ReactElement}
+ */
+function CallingDialog(props: IProps) {
+    const { number, onClose, status, t } = props;
+    const { classes } = useStyles();
+
+    return (
+        <div className = { classes.callingDialog }>
+            <div className = 'prejoin-dialog-calling-header'>
+                <Icon
+                    className = 'prejoin-dialog-icon'
+                    onClick = { onClose }
+                    role = 'button'
+                    size = { 24 }
+                    src = { IconCloseLarge } />
+            </div>
+            <Label className = 'prejoin-dialog-calling-label'>
+                {t(status)}
+            </Label>
+            <Avatar size = { 72 } />
+            <div className = 'prejoin-dialog-calling-number'>{number}</div>
+        </div>
+    );
+}
+
+export default translate(CallingDialog);
diff --git a/react/features/prejoin/components/web/dialogs/DialInDialog.tsx b/react/features/prejoin/components/web/dialogs/DialInDialog.tsx
new file mode 100644
index 0000000..7c5f283
--- /dev/null
+++ b/react/features/prejoin/components/web/dialogs/DialInDialog.tsx
@@ -0,0 +1,172 @@
+import React from 'react';
+import { WithTranslation } from 'react-i18next';
+import { makeStyles } from 'tss-react/mui';
+
+import { translate } from '../../../../base/i18n/functions';
+import Icon from '../../../../base/icons/components/Icon';
+import { IconArrowLeft } from '../../../../base/icons/svg';
+import Button from '../../../../base/ui/components/web/Button';
+import { getCountryCodeFromPhone } from '../../../utils';
+import Label from '../Label';
+
+interface IProps extends WithTranslation {
+
+    /**
+     * The number to call in order to join the conference.
+     */
+    number: string | null;
+
+    /**
+     * Handler used when clicking the back button.
+     */
+    onBack: (e?: React.MouseEvent) => void;
+
+    /**
+     * Click handler for primary button.
+     */
+    onPrimaryButtonClick: Function;
+
+    /**
+     * Click handler for the small additional text.
+     */
+    onSmallTextClick: (e?: React.MouseEvent) => void;
+
+    /**
+     * Click handler for the text button.
+     */
+    onTextButtonClick: (e?: React.MouseEvent) => void;
+
+    /**
+     * The passCode of the conference.
+     */
+    passCode?: string | number;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        dialInDialog: {
+            textAlign: 'center',
+
+            '& .prejoin-dialog-dialin-header': {
+                alignItems: 'center',
+                margin: `${theme.spacing(3)} 0 ${theme.spacing(5)} ${theme.spacing(3)}`,
+                display: 'flex'
+            },
+            '& .prejoin-dialog-dialin-icon': {
+                marginRight: theme.spacing(3)
+            },
+            '& .prejoin-dialog-dialin-num': {
+                background: '#3e474f',
+                borderRadius: '4px',
+                display: 'inline-block',
+                fontSize: '1rem',
+                lineHeight: '1.5rem',
+                margin: theme.spacing(1),
+                padding: theme.spacing(2),
+                userSelect: 'text',
+
+                '& .prejoin-dialog-dialin-num-container': {
+                    minHeight: '48px',
+                    margin: `${theme.spacing(2)} 0`
+                },
+
+                '& span': {
+                    userSelect: 'text'
+                }
+            },
+
+            '& .prejoin-dialog-dialin-link': {
+                color: '#6FB1EA',
+                cursor: 'pointer',
+                display: 'inline-block',
+                fontSize: '0.875rem',
+                lineHeight: '1.5rem',
+                marginBottom: theme.spacing(4)
+            },
+            '& .prejoin-dialog-dialin-spaced-label': {
+                marginBottom: theme.spacing(3),
+                marginTop: '28px'
+            },
+            '& .prejoin-dialog-dialin-btns > div': {
+                marginBottom: theme.spacing(3)
+            }
+        }
+    };
+});
+
+/**
+ * This component displays the dialog with all the information
+ * to join a meeting by calling it.
+ *
+ * @param {IProps} props - The props of the component.
+ * @returns {React$Element}
+ */
+function DialinDialog(props: IProps) {
+    const {
+        number,
+        onBack,
+        onPrimaryButtonClick,
+        onSmallTextClick,
+        onTextButtonClick,
+        passCode,
+        t
+    } = props;
+    const { classes } = useStyles();
+    const flagClassName = `prejoin-dialog-flag iti-flag ${getCountryCodeFromPhone(
+        number ?? ''
+    )}`;
+
+    return (
+        <div className = { classes.dialInDialog }>
+            <div className = 'prejoin-dialog-dialin-header'>
+                <Icon
+                    className = 'prejoin-dialog-icon prejoin-dialog-dialin-icon'
+                    onClick = { onBack }
+                    role = 'button'
+                    size = { 24 }
+                    src = { IconArrowLeft } />
+                <div className = 'prejoin-dialog-title'>
+                    {t('prejoin.dialInMeeting')}
+                </div>
+            </div>
+            <Label number = { 1 }>{ t('prejoin.dialInPin') }</Label>
+
+            <div className = 'prejoin-dialog-dialin-num-container'>
+                <div className = 'prejoin-dialog-dialin-num'>
+                    <div className = { flagClassName } />
+                    <span>{number}</span>
+                </div>
+                <div className = 'prejoin-dialog-dialin-num'>{passCode}</div>
+            </div>
+            <div>
+                <span
+                    className = 'prejoin-dialog-dialin-link'
+                    onClick = { onSmallTextClick }>
+                    {t('prejoin.viewAllNumbers')}
+                </span>
+            </div>
+            <div className = 'prejoin-dialog-delimiter' />
+            <Label
+                className = 'prejoin-dialog-dialin-spaced-label'
+                number = { 2 }>
+                {t('prejoin.connectedWithAudioQ')}
+            </Label>
+            <div className = 'prejoin-dialog-dialin-btns'>
+                <Button
+                    className = 'prejoin-dialog-btn'
+                    fullWidth = { true }
+                    labelKey = 'prejoin.joinMeeting'
+                    onClick = { onPrimaryButtonClick }
+                    type = 'primary' />
+                <Button
+                    className = 'prejoin-dialog-btn'
+                    fullWidth = { true }
+                    labelKey = 'dialog.Cancel'
+                    onClick = { onTextButtonClick }
+                    type = 'tertiary' />
+            </div>
+        </div>
+    );
+}
+
+export default translate(DialinDialog);
diff --git a/react/features/prejoin/components/web/dialogs/DialOutDialog.tsx b/react/features/prejoin/components/web/dialogs/DialOutDialog.tsx
new file mode 100644
index 0000000..f7dd703
--- /dev/null
+++ b/react/features/prejoin/components/web/dialogs/DialOutDialog.tsx
@@ -0,0 +1,100 @@
+import React from 'react';
+import { WithTranslation } from 'react-i18next';
+import { makeStyles } from 'tss-react/mui';
+
+import { translate } from '../../../../base/i18n/functions';
+import Icon from '../../../../base/icons/components/Icon';
+import { IconCloseLarge } from '../../../../base/icons/svg';
+import Button from '../../../../base/ui/components/web/Button';
+import Label from '../Label';
+import CountryPicker from '../country-picker/CountryPicker';
+
+interface IProps extends WithTranslation {
+
+    /**
+     * Closes a dialog.
+     */
+    onClose: (e?: React.MouseEvent) => void;
+
+    /**
+     * Submit handler.
+     */
+    onSubmit: Function;
+
+    /**
+     * Handler for text button.
+     */
+    onTextButtonClick: Function;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        dialOutDialog: {
+            padding: theme.spacing(3)
+        },
+        header: {
+            display: 'flex',
+            justifyContent: 'space-between',
+            marginBottom: theme.spacing(4)
+        },
+        picker: {
+            margin: `${theme.spacing(2)} 0 ${theme.spacing(3)} 0`
+        }
+    };
+});
+
+/**
+ * This component displays the dialog from which the user can enter the
+ * phone number in order to be called by the meeting.
+ *
+ * @param {IProps} props - The props of the component.
+ * @returns {React$Element}
+ */
+function DialOutDialog(props: IProps) {
+    const { onClose, onTextButtonClick, onSubmit, t } = props;
+    const { classes } = useStyles();
+
+    return (
+        <div className = { classes.dialOutDialog }>
+            <div className = { classes.header }>
+                <div className = 'prejoin-dialog-title'>
+                    {t('prejoin.startWithPhone')}
+                </div>
+                <Icon
+                    className = 'prejoin-dialog-icon'
+                    onClick = { onClose }
+                    role = 'button'
+                    size = { 24 }
+                    src = { IconCloseLarge } />
+            </div>
+            <Label>{t('prejoin.callMeAtNumber')}</Label>
+            <div className = { classes.picker }>
+                <CountryPicker onSubmit = { onSubmit } />
+            </div>
+            <Button
+                className = 'prejoin-dialog-btn'
+                fullWidth = { true }
+                labelKey = 'prejoin.callMe'
+                onClick = { onSubmit }
+                type = 'primary' />
+            <div className = 'prejoin-dialog-delimiter-container'>
+                <div className = 'prejoin-dialog-delimiter' />
+                <div className = 'prejoin-dialog-delimiter-txt-container'>
+                    <span className = 'prejoin-dialog-delimiter-txt'>
+                        {t('prejoin.or')}
+                    </span>
+                </div>
+            </div>
+            <div className = 'prejoin-dialog-dialin-container'>
+                <Button
+                    className = 'prejoin-dialog-btn'
+                    fullWidth = { true }
+                    labelKey = 'prejoin.iWantToDialIn'
+                    onClick = { onTextButtonClick }
+                    type = 'tertiary' />
+            </div>
+        </div>
+    );
+}
+
+export default translate(DialOutDialog);
diff --git a/react/features/prejoin/components/web/dialogs/JoinByPhoneDialog.tsx b/react/features/prejoin/components/web/dialogs/JoinByPhoneDialog.tsx
new file mode 100644
index 0000000..cca4db9
--- /dev/null
+++ b/react/features/prejoin/components/web/dialogs/JoinByPhoneDialog.tsx
@@ -0,0 +1,239 @@
+import React, { PureComponent } from 'react';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../../app/types';
+import { updateDialInNumbers } from '../../../../invite/actions.web';
+import { getConferenceId, getDefaultDialInNumber } from '../../../../invite/functions';
+import {
+    dialOut as dialOutAction,
+    joinConferenceWithoutAudio as joinConferenceWithoutAudioAction,
+    openDialInPage as openDialInPageAction
+} from '../../../actions.web';
+import { getDialOutStatus, getFullDialOutNumber } from '../../../functions';
+
+import CallingDialog from './CallingDialog';
+import DialInDialog from './DialInDialog';
+import DialOutDialog from './DialOutDialog';
+
+interface IProps {
+
+    /**
+     * The number to call in order to join the conference.
+     */
+    dialInNumber: string | null;
+
+    /**
+     * The action by which the meeting calls the user.
+     */
+    dialOut: Function;
+
+    /**
+     * The number the conference should call.
+     */
+    dialOutNumber: string;
+
+    /**
+     * The status of the call when the meeting calls the user.
+     */
+    dialOutStatus: string;
+
+    /**
+     * Fetches conference dial in numbers & conference id.
+     */
+    fetchConferenceDetails: Function;
+
+    /**
+     * Joins the conference without audio.
+     */
+    joinConferenceWithoutAudio: Function;
+
+    /**
+     * Closes the dialog.
+     */
+    onClose: (e?: React.MouseEvent) => void;
+
+    /**
+     * Opens a web page with all the dial in numbers.
+     */
+    openDialInPage: (e?: React.MouseEvent) => void;
+
+    /**
+     * The passCode of the conference used when joining a meeting by phone.
+     */
+    passCode?: string | number;
+}
+
+type State = {
+
+    /**
+     * The dialout call is ongoing, 'CallingDialog' is shown;.
+     */
+    isCalling: boolean;
+
+    /**
+     * If should show 'DialInDialog'.
+     */
+    showDialIn: boolean;
+
+    /**
+     * If should show 'DialOutDialog'.
+     */
+    showDialOut: boolean;
+};
+
+/**
+ * This is the dialog shown when a user wants to join with phone audio.
+ */
+class JoinByPhoneDialog extends PureComponent<IProps, State> {
+    /**
+     * Initializes a new {@code JoinByPhoneDialog} instance.
+     *
+     * @param {IProps} props - The props of the component.
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            isCalling: false,
+            showDialOut: true,
+            showDialIn: false
+        };
+
+        this._dialOut = this._dialOut.bind(this);
+        this._showDialInDialog = this._showDialInDialog.bind(this);
+        this._showDialOutDialog = this._showDialOutDialog.bind(this);
+    }
+
+    /**
+     * Meeting calls the user & shows the 'CallingDialog'.
+     *
+     * @returns {void}
+     */
+    _dialOut() {
+        const { dialOut, joinConferenceWithoutAudio } = this.props;
+
+        this.setState({
+            isCalling: true,
+            showDialOut: false,
+            showDialIn: false
+        });
+        dialOut(joinConferenceWithoutAudio, this._showDialOutDialog);
+    }
+
+    /**
+     * Shows the 'DialInDialog'.
+     *
+     * @returns {void}
+     */
+    _showDialInDialog() {
+        this.setState({
+            isCalling: false,
+            showDialOut: false,
+            showDialIn: true
+        });
+    }
+
+    /**
+     * Shows the 'DialOutDialog'.
+     *
+     * @returns {void}
+     */
+    _showDialOutDialog() {
+        this.setState({
+            isCalling: false,
+            showDialOut: true,
+            showDialIn: false
+        });
+    }
+
+    /**
+     * Implements React's {@link Component#componentDidMount()}.
+     *
+     * @inheritdoc
+     */
+    override componentDidMount() {
+        this.props.fetchConferenceDetails();
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const {
+            dialOutStatus,
+            dialInNumber,
+            dialOutNumber,
+            joinConferenceWithoutAudio,
+            passCode,
+            onClose,
+            openDialInPage
+        } = this.props;
+        const {
+            _dialOut,
+            _showDialInDialog,
+            _showDialOutDialog
+        } = this;
+        const { isCalling, showDialOut, showDialIn } = this.state;
+        const className = isCalling
+            ? 'prejoin-dialog prejoin-dialog--small'
+            : 'prejoin-dialog';
+
+        return (
+            <div className = 'prejoin-dialog-container'>
+                <div className = { className }>
+                    {showDialOut && (
+                        <DialOutDialog
+                            onClose = { onClose }
+                            onSubmit = { _dialOut }
+                            onTextButtonClick = { _showDialInDialog } />
+                    )}
+                    {showDialIn && (
+                        <DialInDialog
+                            number = { dialInNumber }
+                            onBack = { _showDialOutDialog }
+                            onPrimaryButtonClick = { joinConferenceWithoutAudio }
+                            onSmallTextClick = { openDialInPage }
+                            onTextButtonClick = { onClose }
+                            passCode = { passCode } />
+                    )}
+                    {isCalling && (
+                        <CallingDialog
+                            number = { dialOutNumber }
+                            onClose = { onClose }
+                            status = { dialOutStatus } />
+                    )}
+                </div>
+            </div>
+        );
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the React {@code Component} props.
+ *
+ * @param {Object} state - The redux state.
+ * @param {Object} _ownProps - Component's own props.
+ * @returns {Object}
+ */
+function mapStateToProps(state: IReduxState, _ownProps: any) {
+    return {
+        dialInNumber: getDefaultDialInNumber(state),
+        dialOutNumber: getFullDialOutNumber(state),
+        dialOutStatus: getDialOutStatus(state),
+        passCode: getConferenceId(state)
+    };
+}
+
+const mapDispatchToProps = {
+    dialOut: dialOutAction,
+    fetchConferenceDetails: updateDialInNumbers,
+    joinConferenceWithoutAudio: joinConferenceWithoutAudioAction,
+    openDialInPage: openDialInPageAction
+};
+
+
+export default connect(mapStateToProps, mapDispatchToProps)(JoinByPhoneDialog);
diff --git a/react/features/prejoin/components/web/preview/DeviceStatus.tsx b/react/features/prejoin/components/web/preview/DeviceStatus.tsx
new file mode 100644
index 0000000..f1d0e14
--- /dev/null
+++ b/react/features/prejoin/components/web/preview/DeviceStatus.tsx
@@ -0,0 +1,78 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { ColorPalette } from '../../../../base/styles/components/styles/ColorPalette';
+import {
+    getDeviceStatusText,
+    getDeviceStatusType
+} from '../../../functions';
+
+const useStyles = makeStyles<{ deviceStatusType?: string; }>()((theme, { deviceStatusType = 'pending' }) => {
+    return {
+        deviceStatus: {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            ...theme.typography.bodyShortRegular,
+            color: '#fff',
+            marginTop: theme.spacing(4),
+
+            '& span': {
+                marginLeft: theme.spacing(3)
+            },
+
+            '&.device-status-error': {
+                alignItems: 'flex-start',
+                backgroundColor: theme.palette.warning01,
+                borderRadius: '6px',
+                color: theme.palette.uiBackground,
+                padding: '12px 16px',
+                textAlign: 'left',
+                marginTop: theme.spacing(2)
+            },
+
+            '@media (max-width: 720px)': {
+                marginTop: 0
+            }
+        },
+        indicator: {
+            width: '16px',
+            height: '16px',
+            borderRadius: '100%',
+            backgroundColor: deviceStatusType === 'ok' ? theme.palette.success01 : ColorPalette.darkGrey
+        }
+    };
+});
+
+/**
+ * Strip showing the current status of the devices.
+ * User is informed if there are missing or malfunctioning devices.
+ *
+ * @returns {ReactElement}
+ */
+function DeviceStatus() {
+    const { t } = useTranslation();
+    const deviceStatusType = useSelector(getDeviceStatusType);
+    const deviceStatusText = useSelector(getDeviceStatusText);
+    const { classes, cx } = useStyles({ deviceStatusType });
+    const hasError = deviceStatusType === 'warning';
+    const containerClassName = cx(classes.deviceStatus, { 'device-status-error': hasError });
+
+    return (
+        <div
+            className = { containerClassName }
+            role = 'alert'
+            tabIndex = { -1 }>
+            {!hasError && <div className = { classes.indicator } />}
+            <span
+                aria-level = { 3 }
+                role = 'heading'>
+                {hasError ? t('prejoin.errorNoPermissions') : t(deviceStatusText ?? '')}
+            </span>
+        </div>
+    );
+}
+
+export default DeviceStatus;
diff --git a/react/features/prejoin/functions.any.ts b/react/features/prejoin/functions.any.ts
new file mode 100644
index 0000000..677fd49
--- /dev/null
+++ b/react/features/prejoin/functions.any.ts
@@ -0,0 +1,215 @@
+import { IReduxState } from '../app/types';
+import { getRoomName } from '../base/conference/functions';
+import { getDialOutStatusUrl, getDialOutUrl } from '../base/config/functions.any';
+import {
+    MEETING_NAME_ENABLED,
+    UNSAFE_ROOM_WARNING
+} from '../base/flags/constants';
+import { getFeatureFlag } from '../base/flags/functions';
+import { isAudioMuted, isVideoMutedByUser } from '../base/media/functions';
+import { getLobbyConfig } from '../lobby/functions';
+
+
+/**
+ * Selector for the visibility of the 'join by phone' button.
+ *
+ * @param {IReduxState} state - The state of the app.
+ * @returns {boolean}
+ */
+export function isJoinByPhoneButtonVisible(state: IReduxState): boolean {
+    return Boolean(getDialOutUrl(state) && getDialOutStatusUrl(state));
+}
+
+/**
+ * Selector for determining if the device status strip is visible or not.
+ *
+ * @param {IReduxState} state - The state of the app.
+ * @returns {boolean}
+ */
+export function isDeviceStatusVisible(state: IReduxState): boolean {
+    return !(isAudioMuted(state) && isVideoMutedByUser(state))
+        && !state['features/base/config'].startSilent
+
+        // This handles the case where disableInitialGUM=true and we haven't yet tried to create any tracks. In this
+        // case we shouldn't display the the device status indicator. But once we create some tracks we can show it
+        // because we would know if we created the tracks successfully or not.
+        && (!state['features/base/config'].disableInitialGUM || state['features/base/tracks']?.length > 0);
+}
+
+/**
+ * Selector for determining if the display name is mandatory.
+ *
+ * @param {IReduxState} state - The state of the app.
+ * @returns {boolean}
+ */
+export function isDisplayNameRequired(state: IReduxState): boolean {
+    return Boolean(state['features/lobby']?.isDisplayNameRequiredError
+        || state['features/base/config']?.requireDisplayName);
+}
+
+/**
+ * Selector for determining if the prejoin page is enabled in config. Defaults to `true`.
+ *
+ * @param {IReduxState} state - The state of the app.
+ * @returns {boolean}
+ */
+export function isPrejoinEnabledInConfig(state: IReduxState): boolean {
+    return state['features/base/config'].prejoinConfig?.enabled ?? true;
+}
+
+/**
+ * Selector for determining if the prejoin display name field is visible.
+ *
+ * @param {IReduxState} state - The state of the app.
+ * @returns {boolean}
+ */
+export function isPrejoinDisplayNameVisible(state: IReduxState): boolean {
+    return !state['features/base/config'].prejoinConfig?.hideDisplayName;
+}
+
+/**
+ * Returns the text for the prejoin status bar.
+ *
+ * @param {IReduxState} state - The state of the app.
+ * @returns {string}
+ */
+export function getDeviceStatusText(state: IReduxState): string {
+    return state['features/prejoin']?.deviceStatusText;
+}
+
+/**
+ * Returns the type of the prejoin status bar: 'ok'|'warning'.
+ *
+ * @param {IReduxState} state - The state of the app.
+ * @returns {string}
+ */
+export function getDeviceStatusType(state: IReduxState): string {
+    return state['features/prejoin']?.deviceStatusType;
+}
+
+/**
+ * Returns the 'conferenceUrl' used for dialing out.
+ *
+ * @param {IReduxState} state - The state of the app.
+ * @returns {string}
+ */
+export function getDialOutConferenceUrl(state: IReduxState): string {
+    return `${getRoomName(state)}@${state['features/base/config'].hosts?.muc}`;
+}
+
+/**
+ * Selector for getting the dial out country.
+ *
+ * @param {IReduxState} state - The state of the app.
+ * @returns {Object}
+ */
+export function getDialOutCountry(state: IReduxState) {
+    return state['features/prejoin'].dialOutCountry;
+}
+
+/**
+ * Selector for getting the dial out number (without prefix).
+ *
+ * @param {IReduxState} state - The state of the app.
+ * @returns {string}
+ */
+export function getDialOutNumber(state: IReduxState): string {
+    return state['features/prejoin'].dialOutNumber;
+}
+
+/**
+ * Selector for getting the dial out status while calling.
+ *
+ * @param {IReduxState} state - The state of the app.
+ * @returns {string}
+ */
+export function getDialOutStatus(state: IReduxState): string {
+    return state['features/prejoin'].dialOutStatus;
+}
+
+/**
+ * Returns the full dial out number (containing country code and +).
+ *
+ * @param {IReduxState} state - The state of the app.
+ * @returns {string}
+ */
+export function getFullDialOutNumber(state: IReduxState): string {
+    const dialOutNumber = getDialOutNumber(state);
+    const country = getDialOutCountry(state);
+
+    return `+${country.dialCode}${dialOutNumber}`;
+}
+
+/**
+ * Selector for getting the error if any while creating streams.
+ *
+ * @param {IReduxState} state - The state of the app.
+ * @returns {string}
+ */
+export function getRawError(state: IReduxState): string {
+    return state['features/prejoin']?.rawError;
+}
+
+/**
+ * Selector for getting the visibility state for the 'JoinByPhoneDialog'.
+ *
+ * @param {IReduxState} state - The state of the app.
+ * @returns {boolean}
+ */
+export function isJoinByPhoneDialogVisible(state: IReduxState): boolean {
+    return state['features/prejoin']?.showJoinByPhoneDialog;
+}
+
+/**
+ * Returns true if the prejoin page is enabled and no flag
+ * to bypass showing the page is present.
+ *
+ * @param {IReduxState} state - The state of the app.
+ * @returns {boolean}
+ */
+export function isPrejoinPageVisible(state: IReduxState): boolean {
+    return Boolean(navigator.product !== 'ReactNative'
+        && isPrejoinEnabledInConfig(state)
+        && state['features/prejoin']?.showPrejoin
+        && !(state['features/base/config'].enableForcedReload && state['features/prejoin'].skipPrejoinOnReload));
+}
+
+/**
+ * Returns true if we should auto-knock in case lobby is enabled for the room.
+ *
+ * @param {IReduxState} state - The state of the app.
+ * @returns {boolean}
+ */
+export function shouldAutoKnock(state: IReduxState): boolean {
+    const { iAmRecorder, iAmSipGateway } = state['features/base/config'];
+    const { autoKnock } = getLobbyConfig(state);
+
+    return Boolean(((isPrejoinEnabledInConfig(state))
+            || autoKnock || (iAmRecorder && iAmSipGateway))
+        && !state['features/lobby'].knocking);
+}
+
+/**
+ * Returns true if the unsafe room warning flag is enabled.
+ *
+ * @param {IReduxState} state - The state of the app.
+ * @returns {boolean}
+ */
+export function isUnsafeRoomWarningEnabled(state: IReduxState): boolean {
+    const { enableInsecureRoomNameWarning = false } = state['features/base/config'];
+
+    return getFeatureFlag(state, UNSAFE_ROOM_WARNING, enableInsecureRoomNameWarning);
+}
+
+/**
+ * Returns true if the room name is enabled.
+ *
+ * @param {IReduxState} state - The state of the app.
+ * @returns {boolean}
+ */
+export function isRoomNameEnabled(state: IReduxState): boolean {
+    const { hideConferenceSubject = false } = state['features/base/config'];
+
+    return getFeatureFlag(state, MEETING_NAME_ENABLED, true)
+        && !hideConferenceSubject;
+}
diff --git a/react/features/prejoin/functions.native.ts b/react/features/prejoin/functions.native.ts
new file mode 100644
index 0000000..fb2a6bc
--- /dev/null
+++ b/react/features/prejoin/functions.native.ts
@@ -0,0 +1 @@
+export * from './functions.any';
diff --git a/react/features/prejoin/functions.web.ts b/react/features/prejoin/functions.web.ts
new file mode 100644
index 0000000..675eba7
--- /dev/null
+++ b/react/features/prejoin/functions.web.ts
@@ -0,0 +1,32 @@
+import { batch } from 'react-redux';
+
+import { IStore } from '../app/types';
+import { trackAdded } from '../base/tracks/actions.any';
+
+import { PREJOIN_INITIALIZED } from './actionTypes';
+import { setPrejoinDeviceErrors } from './actions.web';
+
+export * from './functions.any';
+
+/**
+ * Adds all the newly created tracks to store on init.
+ *
+ * @param {Object[]} tracks - The newly created tracks.
+ * @param {Object} errors - The errors from creating the tracks.
+ * @param {Function} dispatch - The redux dispatch function.
+ * @returns {void}
+ */
+export function initPrejoin(tracks: Object[], errors: Object, dispatch?: IStore['dispatch']) {
+    if (!dispatch) {
+        return;
+    }
+
+    batch(() => {
+        dispatch(setPrejoinDeviceErrors(errors));
+        dispatch({
+            type: PREJOIN_INITIALIZED
+        });
+
+        tracks.forEach(track => dispatch(trackAdded(track)));
+    });
+}
diff --git a/react/features/prejoin/logger.ts b/react/features/prejoin/logger.ts
new file mode 100644
index 0000000..04583d7
--- /dev/null
+++ b/react/features/prejoin/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:prejoin');
diff --git a/react/features/prejoin/middleware.web.ts b/react/features/prejoin/middleware.web.ts
new file mode 100644
index 0000000..8f7cfb9
--- /dev/null
+++ b/react/features/prejoin/middleware.web.ts
@@ -0,0 +1,93 @@
+import { AnyAction } from 'redux';
+
+import { IStore } from '../app/types';
+import { CONFERENCE_FAILED, CONFERENCE_JOINED } from '../base/conference/actionTypes';
+import { CONNECTION_FAILED } from '../base/connection/actionTypes';
+import { SET_AUDIO_MUTED, SET_VIDEO_MUTED } from '../base/media/actionTypes';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { updateSettings } from '../base/settings/actions';
+import {
+    TRACK_ADDED,
+    TRACK_NO_DATA_FROM_SOURCE
+} from '../base/tracks/actionTypes';
+
+import {
+    setDeviceStatusOk,
+    setDeviceStatusWarning,
+    setJoiningInProgress
+} from './actions';
+import { isPrejoinPageVisible } from './functions.any';
+
+/**
+ * The redux middleware for {@link PrejoinPage}.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case SET_AUDIO_MUTED: {
+        if (isPrejoinPageVisible(store.getState())) {
+            store.dispatch(updateSettings({
+                startWithAudioMuted: Boolean(action.muted)
+            }));
+        }
+        break;
+    }
+
+    case SET_VIDEO_MUTED: {
+        if (isPrejoinPageVisible(store.getState())) {
+            store.dispatch(updateSettings({
+                startWithVideoMuted: Boolean(action.muted)
+            }));
+        }
+        break;
+    }
+
+    case TRACK_ADDED:
+    case TRACK_NO_DATA_FROM_SOURCE: {
+        const state = store.getState();
+
+        if (isPrejoinPageVisible(state)) {
+            const { track: { jitsiTrack: track } } = action;
+            const { deviceStatusType, deviceStatusText } = state['features/prejoin'];
+
+            if (!track.isAudioTrack()) {
+                break;
+            }
+
+            if (track.isReceivingData()) {
+                if (deviceStatusType === 'warning'
+                    && deviceStatusText === 'prejoin.audioDeviceProblem') {
+                    store.dispatch(setDeviceStatusOk('prejoin.lookGood'));
+                }
+            } else if (deviceStatusType === 'ok') {
+                store.dispatch(setDeviceStatusWarning('prejoin.audioDeviceProblem'));
+            }
+        }
+        break;
+    }
+    case CONFERENCE_FAILED:
+    case CONNECTION_FAILED:
+        store.dispatch(setJoiningInProgress(false));
+        break;
+    case CONFERENCE_JOINED:
+        return _conferenceJoined(store, next, action);
+    }
+
+    return next(action);
+});
+
+/**
+ * Handles cleanup of prejoin state when a conference is joined.
+ *
+ * @param {Object} store - The Redux store.
+ * @param {Function} next - The Redux next function.
+ * @param {Object} action - The Redux action.
+ * @returns {Object}
+ */
+function _conferenceJoined({ dispatch }: IStore, next: Function, action: AnyAction) {
+    dispatch(setJoiningInProgress(false));
+
+    return next(action);
+}
diff --git a/react/features/prejoin/reducer.ts b/react/features/prejoin/reducer.ts
new file mode 100644
index 0000000..7a90591
--- /dev/null
+++ b/react/features/prejoin/reducer.ts
@@ -0,0 +1,179 @@
+import PersistenceRegistry from '../base/redux/PersistenceRegistry';
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import {
+    PREJOIN_JOINING_IN_PROGRESS,
+    SET_DEVICE_STATUS,
+    SET_DIALOUT_COUNTRY,
+    SET_DIALOUT_NUMBER,
+    SET_DIALOUT_STATUS,
+    SET_JOIN_BY_PHONE_DIALOG_VISIBLITY,
+    SET_PREJOIN_DEVICE_ERRORS,
+    SET_PREJOIN_PAGE_VISIBILITY,
+    SET_SKIP_PREJOIN_RELOAD
+} from './actionTypes';
+
+const DEFAULT_STATE = {
+    country: '',
+    deviceStatusText: 'prejoin.configuringDevices',
+    deviceStatusType: 'pending',
+    dialOutCountry: {
+        name: 'United States',
+        dialCode: '1',
+        code: 'us'
+    },
+    dialOutNumber: '',
+    dialOutStatus: 'prejoin.dialing',
+    name: '',
+    rawError: '',
+    showPrejoin: true,
+    skipPrejoinOnReload: false,
+    showJoinByPhoneDialog: false
+};
+
+export interface IPrejoinState {
+    country: string;
+    deviceStatusText: string;
+    deviceStatusType: string;
+    dialOutCountry: {
+        code: string;
+        dialCode: string;
+        name: string;
+    };
+    dialOutNumber: string;
+    dialOutStatus: string;
+    joiningInProgress?: boolean;
+    name: string;
+    rawError: string;
+    showJoinByPhoneDialog: boolean;
+    showPrejoin: boolean;
+    skipPrejoinOnReload: boolean;
+}
+
+/**
+ * Sets up the persistence of the feature {@code prejoin}.
+ */
+PersistenceRegistry.register('features/prejoin', {
+    skipPrejoinOnReload: true
+}, DEFAULT_STATE);
+
+/**
+ * Listen for actions that mutate the prejoin state.
+ */
+ReducerRegistry.register<IPrejoinState>(
+    'features/prejoin', (state = DEFAULT_STATE, action): IPrejoinState => {
+        switch (action.type) {
+        case PREJOIN_JOINING_IN_PROGRESS:
+            return {
+                ...state,
+                joiningInProgress: action.value
+            };
+        case SET_SKIP_PREJOIN_RELOAD: {
+            return {
+                ...state,
+                skipPrejoinOnReload: action.value
+            };
+        }
+
+        case SET_PREJOIN_PAGE_VISIBILITY:
+            return {
+                ...state,
+                showPrejoin: action.value
+            };
+
+        case SET_PREJOIN_DEVICE_ERRORS: {
+            const status = getStatusFromErrors(action.value);
+
+            return {
+                ...state,
+                ...status
+            };
+        }
+
+        case SET_DEVICE_STATUS: {
+            const { deviceStatusType, deviceStatusText } = action.value;
+
+            return {
+                ...state,
+                deviceStatusText,
+                deviceStatusType
+            };
+        }
+
+        case SET_DIALOUT_NUMBER: {
+            return {
+                ...state,
+                dialOutNumber: action.value
+            };
+        }
+
+        case SET_DIALOUT_COUNTRY: {
+            return {
+                ...state,
+                dialOutCountry: action.value
+            };
+        }
+
+        case SET_DIALOUT_STATUS: {
+            return {
+                ...state,
+                dialOutStatus: action.value
+            };
+        }
+
+        case SET_JOIN_BY_PHONE_DIALOG_VISIBLITY: {
+            return {
+                ...state,
+                showJoinByPhoneDialog: action.value
+            };
+        }
+
+        default:
+            return state;
+        }
+    }
+);
+
+/**
+ * Returns a suitable error object based on the track errors.
+ *
+ * @param {Object} errors - The errors got while creating local tracks.
+ * @returns {Object}
+ */
+function getStatusFromErrors(errors: {
+    audioAndVideoError?: { message: string; };
+    audioOnlyError?: { message: string; };
+    videoOnlyError?: { message: string; }; }
+) {
+    const { audioOnlyError, videoOnlyError, audioAndVideoError } = errors;
+
+    if (audioAndVideoError) {
+        return {
+            deviceStatusType: 'warning',
+            deviceStatusText: 'prejoin.audioAndVideoError',
+            rawError: audioAndVideoError.message
+        };
+    }
+
+    if (audioOnlyError) {
+        return {
+            deviceStatusType: 'warning',
+            deviceStatusText: 'prejoin.audioOnlyError',
+            rawError: audioOnlyError.message
+        };
+    }
+
+    if (videoOnlyError) {
+        return {
+            deviceStatusType: 'warning',
+            deviceStatusText: 'prejoin.videoOnlyError',
+            rawError: videoOnlyError.message
+        };
+    }
+
+    return {
+        deviceStatusType: 'ok',
+        deviceStatusText: 'prejoin.lookGood',
+        rawError: ''
+    };
+}
diff --git a/react/features/prejoin/types.ts b/react/features/prejoin/types.ts
new file mode 100644
index 0000000..a1d2512
--- /dev/null
+++ b/react/features/prejoin/types.ts
@@ -0,0 +1,3 @@
+export interface IPrejoinProps {
+    navigation: any;
+}
diff --git a/react/features/prejoin/utils.ts b/react/features/prejoin/utils.ts
new file mode 100644
index 0000000..d32336f
--- /dev/null
+++ b/react/features/prejoin/utils.ts
@@ -0,0 +1,805 @@
+export const countries = [
+    { name: 'Afghanistan',
+        dialCode: '93',
+        code: 'af' },
+    { name: 'Aland Islands',
+        dialCode: '358',
+        code: 'ax' },
+    { name: 'Albania',
+        dialCode: '355',
+        code: 'al' },
+    { name: 'Algeria',
+        dialCode: '213',
+        code: 'dz' },
+    { name: 'AmericanSamoa',
+        dialCode: '1684',
+        code: 'as' },
+    { name: 'Andorra',
+        dialCode: '376',
+        code: 'ad' },
+    { name: 'Angola',
+        dialCode: '244',
+        code: 'ao' },
+    { name: 'Anguilla',
+        dialCode: '1264',
+        code: 'ai' },
+    { name: 'Antarctica',
+        dialCode: '672',
+        code: 'aq' },
+    { name: 'Antigua and Barbuda',
+        dialCode: '1268',
+        code: 'ag' },
+    { name: 'Argentina',
+        dialCode: '54',
+        code: 'ar' },
+    { name: 'Armenia',
+        dialCode: '374',
+        code: 'am' },
+    { name: 'Aruba',
+        dialCode: '297',
+        code: 'aw' },
+    { name: 'Australia',
+        dialCode: '61',
+        code: 'au' },
+    { name: 'Austria',
+        dialCode: '43',
+        code: 'at' },
+    { name: 'Azerbaijan',
+        dialCode: '994',
+        code: 'az' },
+    { name: 'Bahamas',
+        dialCode: '1242',
+        code: 'bs' },
+    { name: 'Bahrain',
+        dialCode: '973',
+        code: 'bh' },
+    { name: 'Bangladesh',
+        dialCode: '880',
+        code: 'bd' },
+    { name: 'Barbados',
+        dialCode: '1246',
+        code: 'bb' },
+    { name: 'Belarus',
+        dialCode: '375',
+        code: 'by' },
+    { name: 'Belgium',
+        dialCode: '32',
+        code: 'be' },
+    { name: 'Belize',
+        dialCode: '501',
+        code: 'bz' },
+    { name: 'Benin',
+        dialCode: '229',
+        code: 'bj' },
+    { name: 'Bermuda',
+        dialCode: '1441',
+        code: 'bm' },
+    { name: 'Bhutan',
+        dialCode: '975',
+        code: 'bt' },
+    { name: 'Bolivia, Plurinational State of',
+        dialCode: '591',
+        code: 'bo' },
+    { name: 'Bosnia and Herzegovina',
+        dialCode: '387',
+        code: 'ba' },
+    { name: 'Botswana',
+        dialCode: '267',
+        code: 'bw' },
+    { name: 'Brazil',
+        dialCode: '55',
+        code: 'br' },
+    { name: 'British Indian Ocean Territory',
+        dialCode: '246',
+        code: 'io' },
+    { name: 'Brunei Darussalam',
+        dialCode: '673',
+        code: 'bn' },
+    { name: 'Bulgaria',
+        dialCode: '359',
+        code: 'bg' },
+    { name: 'Burkina Faso',
+        dialCode: '226',
+        code: 'bf' },
+    { name: 'Burundi',
+        dialCode: '257',
+        code: 'bi' },
+    { name: 'Cambodia',
+        dialCode: '855',
+        code: 'kh' },
+    { name: 'Cameroon',
+        dialCode: '237',
+        code: 'cm' },
+    { name: 'Canada',
+        dialCode: '1',
+        code: 'ca' },
+    { name: 'Cape Verde',
+        dialCode: '238',
+        code: 'cv' },
+    { name: 'Cayman Islands',
+        dialCode: ' 345',
+        code: 'ky' },
+    { name: 'Central African Republic',
+        dialCode: '236',
+        code: 'cf' },
+    { name: 'Chad',
+        dialCode: '235',
+        code: 'td' },
+    { name: 'Chile',
+        dialCode: '56',
+        code: 'cl' },
+    { name: 'China',
+        dialCode: '86',
+        code: 'cn' },
+    { name: 'Christmas Island',
+        dialCode: '61',
+        code: 'cx' },
+    { name: 'Cocos (Keeling) Islands',
+        dialCode: '61',
+        code: 'cc' },
+    { name: 'Colombia',
+        dialCode: '57',
+        code: 'co' },
+    { name: 'Comoros',
+        dialCode: '269',
+        code: 'km' },
+    { name: 'Congo',
+        dialCode: '242',
+        code: 'cg' },
+    {
+        name: 'Congo, The Democratic Republic of the Congo',
+        dialCode: '243',
+        code: 'cd'
+    },
+    { name: 'Cook Islands',
+        dialCode: '682',
+        code: 'ck' },
+    { name: 'Costa Rica',
+        dialCode: '506',
+        code: 'cr' },
+    { name: 'Cote d\'Ivoire',
+        dialCode: '225',
+        code: 'ci' },
+    { name: 'Croatia',
+        dialCode: '385',
+        code: 'hr' },
+    { name: 'Cuba',
+        dialCode: '53',
+        code: 'cu' },
+    { name: 'Cyprus',
+        dialCode: '357',
+        code: 'cy' },
+    { name: 'Czech Republic',
+        dialCode: '420',
+        code: 'cz' },
+    { name: 'Denmark',
+        dialCode: '45',
+        code: 'dk' },
+    { name: 'Djibouti',
+        dialCode: '253',
+        code: 'dj' },
+    { name: 'Dominica',
+        dialCode: '1767',
+        code: 'dm' },
+    { name: 'Dominican Republic',
+        dialCode: '1849',
+        code: 'do' },
+    { name: 'Ecuador',
+        dialCode: '593',
+        code: 'ec' },
+    { name: 'Egypt',
+        dialCode: '20',
+        code: 'eg' },
+    { name: 'El Salvador',
+        dialCode: '503',
+        code: 'sv' },
+    { name: 'Equatorial Guinea',
+        dialCode: '240',
+        code: 'gq' },
+    { name: 'Eritrea',
+        dialCode: '291',
+        code: 'er' },
+    { name: 'Estonia',
+        dialCode: '372',
+        code: 'ee' },
+    { name: 'Ethiopia',
+        dialCode: '251',
+        code: 'et' },
+    { name: 'Falkland Islands (Malvinas)',
+        dialCode: '500',
+        code: 'fk' },
+    { name: 'Faroe Islands',
+        dialCode: '298',
+        code: 'fo' },
+    { name: 'Fiji',
+        dialCode: '679',
+        code: 'fj' },
+    { name: 'Finland',
+        dialCode: '358',
+        code: 'fi' },
+    { name: 'France',
+        dialCode: '33',
+        code: 'fr' },
+    { name: 'French Guiana',
+        dialCode: '594',
+        code: 'gf' },
+    { name: 'French Polynesia',
+        dialCode: '689',
+        code: 'pf' },
+    { name: 'Gabon',
+        dialCode: '241',
+        code: 'ga' },
+    { name: 'Gambia',
+        dialCode: '220',
+        code: 'gm' },
+    { name: 'Georgia',
+        dialCode: '995',
+        code: 'ge' },
+    { name: 'Germany',
+        dialCode: '49',
+        code: 'de' },
+    { name: 'Ghana',
+        dialCode: '233',
+        code: 'gh' },
+    { name: 'Gibraltar',
+        dialCode: '350',
+        code: 'gi' },
+    { name: 'Greece',
+        dialCode: '30',
+        code: 'gr' },
+    { name: 'Greenland',
+        dialCode: '299',
+        code: 'gl' },
+    { name: 'Grenada',
+        dialCode: '1473',
+        code: 'gd' },
+    { name: 'Guadeloupe',
+        dialCode: '590',
+        code: 'gp' },
+    { name: 'Guam',
+        dialCode: '1671',
+        code: 'gu' },
+    { name: 'Guatemala',
+        dialCode: '502',
+        code: 'gt' },
+    { name: 'Guernsey',
+        dialCode: '44',
+        code: 'gg' },
+    { name: 'Guinea',
+        dialCode: '224',
+        code: 'gn' },
+    { name: 'Guinea-Bissau',
+        dialCode: '245',
+        code: 'gw' },
+    { name: 'Guyana',
+        dialCode: '595',
+        code: 'gy' },
+    { name: 'Haiti',
+        dialCode: '509',
+        code: 'ht' },
+    { name: 'Holy See (Vatican City State)',
+        dialCode: '379',
+        code: 'va' },
+    { name: 'Honduras',
+        dialCode: '504',
+        code: 'hn' },
+    { name: 'Hong Kong',
+        dialCode: '852',
+        code: 'hk' },
+    { name: 'Hungary',
+        dialCode: '36',
+        code: 'hu' },
+    { name: 'Iceland',
+        dialCode: '354',
+        code: 'is' },
+    { name: 'India',
+        dialCode: '91',
+        code: 'in' },
+    { name: 'Indonesia',
+        dialCode: '62',
+        code: 'id' },
+    {
+        name: 'Iran, Islamic Republic of Persian Gulf',
+        dialCode: '98',
+        code: 'ir'
+    },
+    { name: 'Iraq',
+        dialCode: '964',
+        code: 'iq' },
+    { name: 'Ireland',
+        dialCode: '353',
+        code: 'ie' },
+    { name: 'Isle of Man',
+        dialCode: '44',
+        code: 'im' },
+    { name: 'Israel',
+        dialCode: '972',
+        code: 'il' },
+    { name: 'Italy',
+        dialCode: '39',
+        code: 'it' },
+    { name: 'Jamaica',
+        dialCode: '1876',
+        code: 'jm' },
+    { name: 'Japan',
+        dialCode: '81',
+        code: 'jp' },
+    { name: 'Jersey',
+        dialCode: '44',
+        code: 'je' },
+    { name: 'Jordan',
+        dialCode: '962',
+        code: 'jo' },
+    { name: 'Kazakhstan',
+        dialCode: '77',
+        code: 'kz' },
+    { name: 'Kenya',
+        dialCode: '254',
+        code: 'ke' },
+    { name: 'Kiribati',
+        dialCode: '686',
+        code: 'ki' },
+    {
+        name: 'Korea, Democratic People\'s Republic of Korea',
+        dialCode: '850',
+        code: 'kp'
+    },
+    { name: 'Korea, Republic of South Korea',
+        dialCode: '82',
+        code: 'kr' },
+    { name: 'Kuwait',
+        dialCode: '965',
+        code: 'kw' },
+    { name: 'Kyrgyzstan',
+        dialCode: '996',
+        code: 'kg' },
+    { name: 'Laos',
+        dialCode: '856',
+        code: 'la' },
+    { name: 'Latvia',
+        dialCode: '371',
+        code: 'lv' },
+    { name: 'Lebanon',
+        dialCode: '961',
+        code: 'lb' },
+    { name: 'Lesotho',
+        dialCode: '266',
+        code: 'ls' },
+    { name: 'Liberia',
+        dialCode: '231',
+        code: 'lr' },
+    { name: 'Libyan Arab Jamahiriya',
+        dialCode: '218',
+        code: 'ly' },
+    { name: 'Liechtenstein',
+        dialCode: '423',
+        code: 'li' },
+    { name: 'Lithuania',
+        dialCode: '370',
+        code: 'lt' },
+    { name: 'Luxembourg',
+        dialCode: '352',
+        code: 'lu' },
+    { name: 'Macao',
+        dialCode: '853',
+        code: 'mo' },
+    { name: 'Macedonia',
+        dialCode: '389',
+        code: 'mk' },
+    { name: 'Madagascar',
+        dialCode: '261',
+        code: 'mg' },
+    { name: 'Malawi',
+        dialCode: '265',
+        code: 'mw' },
+    { name: 'Malaysia',
+        dialCode: '60',
+        code: 'my' },
+    { name: 'Maldives',
+        dialCode: '960',
+        code: 'mv' },
+    { name: 'Mali',
+        dialCode: '223',
+        code: 'ml' },
+    { name: 'Malta',
+        dialCode: '356',
+        code: 'mt' },
+    { name: 'Marshall Islands',
+        dialCode: '692',
+        code: 'mh' },
+    { name: 'Martinique',
+        dialCode: '596',
+        code: 'mq' },
+    { name: 'Mauritania',
+        dialCode: '222',
+        code: 'mr' },
+    { name: 'Mauritius',
+        dialCode: '230',
+        code: 'mu' },
+    { name: 'Mayotte',
+        dialCode: '262',
+        code: 'yt' },
+    { name: 'Mexico',
+        dialCode: '52',
+        code: 'mx' },
+    {
+        name: 'Micronesia, Federated States of Micronesia',
+        dialCode: '691',
+        code: 'fm'
+    },
+    { name: 'Moldova',
+        dialCode: '373',
+        code: 'md' },
+    { name: 'Monaco',
+        dialCode: '377',
+        code: 'mc' },
+    { name: 'Mongolia',
+        dialCode: '976',
+        code: 'mn' },
+    { name: 'Montenegro',
+        dialCode: '382',
+        code: 'me' },
+    { name: 'Montserrat',
+        dialCode: '1664',
+        code: 'ms' },
+    { name: 'Morocco',
+        dialCode: '212',
+        code: 'ma' },
+    { name: 'Mozambique',
+        dialCode: '258',
+        code: 'mz' },
+    { name: 'Myanmar',
+        dialCode: '95',
+        code: 'mm' },
+    { name: 'Namibia',
+        dialCode: '264',
+        code: 'na' },
+    { name: 'Nauru',
+        dialCode: '674',
+        code: 'nr' },
+    { name: 'Nepal',
+        dialCode: '977',
+        code: 'np' },
+    { name: 'Netherlands',
+        dialCode: '31',
+        code: 'nl' },
+    { name: 'Netherlands Antilles',
+        dialCode: '599',
+        code: 'an' },
+    { name: 'New Caledonia',
+        dialCode: '687',
+        code: 'nc' },
+    { name: 'New Zealand',
+        dialCode: '64',
+        code: 'nz' },
+    { name: 'Nicaragua',
+        dialCode: '505',
+        code: 'ni' },
+    { name: 'Niger',
+        dialCode: '227',
+        code: 'ne' },
+    { name: 'Nigeria',
+        dialCode: '234',
+        code: 'ng' },
+    { name: 'Niue',
+        dialCode: '683',
+        code: 'nu' },
+    { name: 'Norfolk Island',
+        dialCode: '672',
+        code: 'nf' },
+    { name: 'Northern Mariana Islands',
+        dialCode: '1670',
+        code: 'mp' },
+    { name: 'Norway',
+        dialCode: '47',
+        code: 'no' },
+    { name: 'Oman',
+        dialCode: '968',
+        code: 'om' },
+    { name: 'Pakistan',
+        dialCode: '92',
+        code: 'pk' },
+    { name: 'Palau',
+        dialCode: '680',
+        code: 'pw' },
+    { name: 'Palestinian Territory, Occupied',
+        dialCode: '970',
+        code: 'ps' },
+    { name: 'Panama',
+        dialCode: '507',
+        code: 'pa' },
+    { name: 'Papua New Guinea',
+        dialCode: '675',
+        code: 'pg' },
+    { name: 'Paraguay',
+        dialCode: '595',
+        code: 'py' },
+    { name: 'Peru',
+        dialCode: '51',
+        code: 'pe' },
+    { name: 'Philippines',
+        dialCode: '63',
+        code: 'ph' },
+    { name: 'Pitcairn',
+        dialCode: '872',
+        code: 'pn' },
+    { name: 'Poland',
+        dialCode: '48',
+        code: 'pl' },
+    { name: 'Portugal',
+        dialCode: '351',
+        code: 'pt' },
+    { name: 'Puerto Rico',
+        dialCode: '1939',
+        code: 'pr' },
+    { name: 'Qatar',
+        dialCode: '974',
+        code: 'qa' },
+    { name: 'Romania',
+        dialCode: '40',
+        code: 'ro' },
+    { name: 'Russia',
+        dialCode: '7',
+        code: 'ru' },
+    { name: 'Rwanda',
+        dialCode: '250',
+        code: 'rw' },
+    { name: 'Reunion',
+        dialCode: '262',
+        code: 're' },
+    { name: 'Saint Barthelemy',
+        dialCode: '590',
+        code: 'bl' },
+    {
+        name: 'Saint Helena, Ascension and Tristan Da Cunha',
+        dialCode: '290',
+        code: 'sh'
+    },
+    { name: 'Saint Kitts and Nevis',
+        dialCode: '1869',
+        code: 'kn' },
+    { name: 'Saint Lucia',
+        dialCode: '1758',
+        code: 'lc' },
+    { name: 'Saint Martin',
+        dialCode: '590',
+        code: 'mf' },
+    { name: 'Saint Pierre and Miquelon',
+        dialCode: '508',
+        code: 'pm' },
+    { name: 'Saint Vincent and the Grenadines',
+        dialCode: '1784',
+        code: 'vc' },
+    { name: 'Samoa',
+        dialCode: '685',
+        code: 'ws' },
+    { name: 'San Marino',
+        dialCode: '378',
+        code: 'sm' },
+    { name: 'Sao Tome and Principe',
+        dialCode: '239',
+        code: 'st' },
+    { name: 'Saudi Arabia',
+        dialCode: '966',
+        code: 'sa' },
+    { name: 'Senegal',
+        dialCode: '221',
+        code: 'sn' },
+    { name: 'Serbia',
+        dialCode: '381',
+        code: 'rs' },
+    { name: 'Seychelles',
+        dialCode: '248',
+        code: 'sc' },
+    { name: 'Sierra Leone',
+        dialCode: '232',
+        code: 'sl' },
+    { name: 'Singapore',
+        dialCode: '65',
+        code: 'sg' },
+    { name: 'Slovakia',
+        dialCode: '421',
+        code: 'sk' },
+    { name: 'Slovenia',
+        dialCode: '386',
+        code: 'si' },
+    { name: 'Solomon Islands',
+        dialCode: '677',
+        code: 'sb' },
+    { name: 'Somalia',
+        dialCode: '252',
+        code: 'so' },
+    { name: 'South Africa',
+        dialCode: '27',
+        code: 'za' },
+    { name: 'South Sudan',
+        dialCode: '211',
+        code: 'ss' },
+    {
+        name: 'South Georgia and the South Sandwich Islands',
+        dialCode: '500',
+        code: 'gs'
+    },
+    { name: 'Spain',
+        dialCode: '34',
+        code: 'es' },
+    { name: 'Sri Lanka',
+        dialCode: '94',
+        code: 'lk' },
+    { name: 'Sudan',
+        dialCode: '249',
+        code: 'sd' },
+    { name: 'Suriname',
+        dialCode: '597',
+        code: 'sr' },
+    { name: 'Svalbard and Jan Mayen',
+        dialCode: '47',
+        code: 'sj' },
+    { name: 'Swaziland',
+        dialCode: '268',
+        code: 'sz' },
+    { name: 'Sweden',
+        dialCode: '46',
+        code: 'se' },
+    { name: 'Switzerland',
+        dialCode: '41',
+        code: 'ch' },
+    { name: 'Syrian Arab Republic',
+        dialCode: '963',
+        code: 'sy' },
+    { name: 'Taiwan',
+        dialCode: '886',
+        code: 'tw' },
+    { name: 'Tajikistan',
+        dialCode: '992',
+        code: 'tj' },
+    {
+        name: 'Tanzania, United Republic of Tanzania',
+        dialCode: '255',
+        code: 'tz'
+    },
+    { name: 'Thailand',
+        dialCode: '66',
+        code: 'th' },
+    { name: 'Timor-Leste',
+        dialCode: '670',
+        code: 'tl' },
+    { name: 'Togo',
+        dialCode: '228',
+        code: 'tg' },
+    { name: 'Tokelau',
+        dialCode: '690',
+        code: 'tk' },
+    { name: 'Tonga',
+        dialCode: '676',
+        code: 'to' },
+    { name: 'Trinidad and Tobago',
+        dialCode: '1868',
+        code: 'tt' },
+    { name: 'Tunisia',
+        dialCode: '216',
+        code: 'tn' },
+    { name: 'Turkey',
+        dialCode: '90',
+        code: 'tr' },
+    { name: 'Turkmenistan',
+        dialCode: '993',
+        code: 'tm' },
+    { name: 'Turks and Caicos Islands',
+        dialCode: '1649',
+        code: 'tc' },
+    { name: 'Tuvalu',
+        dialCode: '688',
+        code: 'tv' },
+    { name: 'Uganda',
+        dialCode: '256',
+        code: 'ug' },
+    { name: 'Ukraine',
+        dialCode: '380',
+        code: 'ua' },
+    { name: 'United Arab Emirates',
+        dialCode: '971',
+        code: 'ae' },
+    { name: 'United Kingdom',
+        dialCode: '44',
+        code: 'gb' },
+    { name: 'United States',
+        dialCode: '1',
+        code: 'us' },
+    { name: 'Uruguay',
+        dialCode: '598',
+        code: 'uy' },
+    { name: 'Uzbekistan',
+        dialCode: '998',
+        code: 'uz' },
+    { name: 'Vanuatu',
+        dialCode: '678',
+        code: 'vu' },
+    {
+        name: 'Venezuela, Bolivarian Republic of Venezuela',
+        dialCode: '58',
+        code: 've'
+    },
+    { name: 'Vietnam',
+        dialCode: '84',
+        code: 'vn' },
+    { name: 'Virgin Islands, British',
+        dialCode: '1284',
+        code: 'vg' },
+    { name: 'Virgin Islands, U.S.',
+        dialCode: '1340',
+        code: 'vi' },
+    { name: 'Wallis and Futuna',
+        dialCode: '681',
+        code: 'wf' },
+    { name: 'Yemen',
+        dialCode: '967',
+        code: 'ye' },
+    { name: 'Zambia',
+        dialCode: '260',
+        code: 'zm' },
+    { name: 'Zimbabwe',
+        dialCode: '263',
+        code: 'zw' }
+];
+
+const countriesByCodeMap = countries.reduce<any>((result, country) => {
+    result[country.dialCode] = country;
+
+    return result;
+}, {});
+
+/**
+ * Map between country dial codes and country objects.
+ *
+ */
+const codesByNumbersMap = countries.reduce<any>((result, country) => {
+    result[country.dialCode] = country.code;
+
+    return result;
+}, {});
+
+/**
+ * Returns the corresponding country code from a phone number.
+ *
+ * @param {string} phoneNumber - The phone number.
+ * @returns {string}
+ */
+export function getCountryCodeFromPhone(phoneNumber: string): string {
+    const number = phoneNumber.replace(/[+.\s]/g, '');
+
+
+    for (let i = 4; i > 0; i--) {
+        const prefix = number.slice(0, i);
+
+        if (codesByNumbersMap[prefix]) {
+            return codesByNumbersMap[prefix];
+        }
+    }
+
+    return '';
+}
+
+/**
+ * Returns the corresponding country for a text starting with the dial code.
+ *
+ * @param {string} text - The text containing the dial code.
+ * @returns {Object}
+ */
+export function getCountryFromDialCodeText(text: string) {
+    return (
+        countriesByCodeMap[text.slice(0, 4)]
+        || countriesByCodeMap[text.slice(0, 3)]
+        || countriesByCodeMap[text.slice(0, 2)]
+        || countriesByCodeMap[text.slice(0, 1)]
+        || null
+    );
+}
+
+/**
+ * Returns whether the display name is present.
+ *
+ * @param {string} value - The display name.
+ * @returns {boolean}
+ */
+export const hasDisplayName = (value: string): boolean => Boolean(value) && value.trim() !== '';
diff --git a/react/features/presence-status/components/PresenceLabel.tsx b/react/features/presence-status/components/PresenceLabel.tsx
new file mode 100644
index 0000000..632d90c
--- /dev/null
+++ b/react/features/presence-status/components/PresenceLabel.tsx
@@ -0,0 +1,129 @@
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../app/types';
+import { translate } from '../../base/i18n/functions';
+import { getParticipantById } from '../../base/participants/functions';
+import { Text } from '../../base/react/components/index';
+import { STATUS_TO_I18N_KEY } from '../constants';
+import { presenceStatusDisabled } from '../functions';
+
+/**
+ * The type of the React {@code Component} props of {@link PresenceLabel}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * The current present status associated with the passed in participantID
+     * prop.
+     */
+    _presence: string;
+
+    /**
+     * Class name for the presence label.
+     */
+    className: string;
+
+    /**
+     * Default presence status that will be displayed if user's presence status
+     * is not available.
+     */
+    defaultPresence: string;
+
+    /**
+     * The ID of the participant whose presence status should display.
+     */
+    participantID: string;
+
+    /**
+     * Styles for the presence label.
+     */
+    style: Object;
+}
+
+/**
+ * React {@code Component} for displaying the current presence status of a
+ * participant.
+ *
+ * @augments Component
+ */
+class PresenceLabel extends Component<IProps> {
+    /**
+     * The default values for {@code PresenceLabel} component's property types.
+     *
+     * @static
+     */
+    static defaultProps = {
+        _presence: ''
+    };
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const text = this._getPresenceText();
+
+        if (text === null) {
+            return null;
+        }
+
+        const { style, className } = this.props;
+
+        return (
+            <Text // @ts-ignore
+                className = { className }
+                { ...style }>
+                { text }
+            </Text>
+        );
+    }
+
+    /**
+     * Returns the text associated with the current presence status.
+     *
+     * @returns {string}
+     */
+    _getPresenceText() {
+        const { _presence, t } = this.props;
+
+        if (!_presence) {
+            return null;
+        }
+
+        const i18nKey = STATUS_TO_I18N_KEY[_presence as keyof typeof STATUS_TO_I18N_KEY];
+
+        if (!i18nKey) { // fallback to status value
+            return _presence;
+        }
+
+        return t(i18nKey);
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated {@code PresenceLabel}'s
+ * props.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {Object} ownProps - The React Component props passed to the associated
+ * instance of {@code PresenceLabel}.
+ * @private
+ * @returns {{
+ *     _presence: (string|undefined)
+ * }}
+ */
+function _mapStateToProps(state: IReduxState, ownProps: any) {
+    const participant = getParticipantById(state, ownProps.participantID);
+
+    return {
+        _presence: presenceStatusDisabled() ? ''
+            : participant?.presence || ownProps.defaultPresence
+
+    };
+}
+
+export default translate(connect(_mapStateToProps)(PresenceLabel));
diff --git a/react/features/presence-status/constants.ts b/react/features/presence-status/constants.ts
new file mode 100644
index 0000000..351594f
--- /dev/null
+++ b/react/features/presence-status/constants.ts
@@ -0,0 +1,127 @@
+// User invite statuses
+
+/**
+ * Тhe status for a participant when it's invited to a conference.
+ *
+ * @type {string}
+ */
+export const INVITED = 'Invited';
+
+/**
+ * Тhe status for a participant when a call has been initiated.
+ *
+ * @type {string}
+ */
+export const CALLING = 'calling';
+
+/**
+ * Тhe status for a participant when the invite is received and its device(s)
+ * are ringing.
+ *
+ * @type {string}
+ */
+export const RINGING = 'ringing';
+
+/**
+ * A status for a participant that indicates the call is connected.
+ *
+ * @type {string}
+ */
+export const CONNECTED_USER = 'connected';
+
+/**
+ * The status for a participant when the invitation is received but the user
+ * has responded with busy message.
+ *
+ * @type {string}
+ */
+export const BUSY = 'busy';
+
+/**
+ * The status for a participant when the invitation is rejected.
+ *
+ * @type {string}
+ */
+export const REJECTED = 'rejected';
+
+/**
+ * The status for a participant when the invitation is ignored.
+ *
+ * @type {string}
+ */
+export const IGNORED = 'ignored';
+
+/**
+  * The status for a participant when the invitation is expired.
+ *
+ * @type {string}
+ */
+export const EXPIRED = 'expired';
+
+// Phone call statuses
+
+/**
+ * A status for a participant that indicates the call is in process of
+ * initialization.
+ * NOTE: Currently used for phone numbers only.
+ *
+ * @type {string}
+ */
+export const INITIALIZING_CALL = 'Initializing Call';
+
+/**
+ * A status for a participant that indicates the call is in process of
+ * connecting.
+ * NOTE: Currently used for phone numbers only.
+ *
+ * @type {string}
+ */
+export const CONNECTING = 'Connecting';
+
+/**
+ * A status for a participant that indicates the call is in process of
+ * connecting.
+ * NOTE: Currently used for phone numbers only.
+ *
+ * @type {string}
+ */
+export const CONNECTING2 = 'Connecting*';
+
+
+/**
+ * A status for a phone number participant that indicates the call is connected.
+ *
+ * @type {string}
+ */
+export const CONNECTED_PHONE_NUMBER = 'Connected';
+
+
+/**
+ * A status for a participant that indicates the call is disconnected.
+ * NOTE: Currently used for phone numbers only.
+ *
+ * @type {string}
+ */
+export const DISCONNECTED = 'Disconnected';
+
+/**
+ * Maps the presence status values to i18n translation keys.
+ *
+ * @type {Object<String, String>}
+ */
+export const STATUS_TO_I18N_KEY = {
+    [INVITED]: 'presenceStatus.invited',
+    [RINGING]: 'presenceStatus.ringing',
+    [CALLING]: 'presenceStatus.calling',
+    [BUSY]: 'presenceStatus.busy',
+    [REJECTED]: 'presenceStatus.rejected',
+    [IGNORED]: 'presenceStatus.ignored',
+    [EXPIRED]: 'presenceStatus.expired',
+
+    [INITIALIZING_CALL]: 'presenceStatus.initializingCall',
+    [CONNECTING]: 'presenceStatus.connecting',
+    [CONNECTING2]: 'presenceStatus.connecting2',
+    [CONNECTED_PHONE_NUMBER]: 'presenceStatus.connected',
+    [CONNECTED_USER]: 'presenceStatus.connected',
+    [DISCONNECTED]: 'presenceStatus.disconnected'
+};
diff --git a/react/features/presence-status/functions.ts b/react/features/presence-status/functions.ts
new file mode 100644
index 0000000..0acd133
--- /dev/null
+++ b/react/features/presence-status/functions.ts
@@ -0,0 +1,8 @@
+/**
+ * Tells whether presence status should be displayed.
+ *
+ * @returns {boolean}
+ */
+export function presenceStatusDisabled() {
+    return Boolean(typeof interfaceConfig !== 'undefined' && interfaceConfig?.DISABLE_PRESENCE_STATUS);
+}
diff --git a/react/features/reactions/actionTypes.ts b/react/features/reactions/actionTypes.ts
new file mode 100644
index 0000000..a3db617
--- /dev/null
+++ b/react/features/reactions/actionTypes.ts
@@ -0,0 +1,65 @@
+/**
+ * The type of the (redux) action which shows/hides the reactions menu.
+ *
+ * {
+ *     type: TOGGLE_REACTIONS_VISIBLE,
+ *     visible: boolean
+ * }
+ */
+export const TOGGLE_REACTIONS_VISIBLE = 'TOGGLE_REACTIONS_VISIBLE';
+
+/**
+ * The type of the action which adds a new reaction to the reactions message and sets
+ * a new timeout.
+ *
+ * {
+ *     type: ADD_REACTION_BUFFER,
+ *     message: string,
+ *     timeoutID: number
+ * }
+ */
+export const ADD_REACTION_BUFFER = 'ADD_REACTION_BUFFER';
+
+/**
+ * The type of the action which sends the reaction buffer and resets it.
+ *
+ * {
+ *     type: FLUSH_REACTION_BUFFER
+ * }
+ */
+export const FLUSH_REACTION_BUFFER = 'FLUSH_REACTION_BUFFER';
+
+/**
+ * The type of the action which adds a new reaction message to the chat.
+ *
+ * {
+ *     type: ADD_REACTION_MESSAGE,
+ *     message: string,
+ * }
+ */
+export const ADD_REACTION_MESSAGE = 'ADD_REACTION_MESSAGE';
+
+/**
+ * The type of the action which sets the reactions queue.
+ *
+ * {
+ *     type: SET_REACTION_QUEUE,
+ *     value: Array
+ * }
+ */
+export const SET_REACTION_QUEUE = 'SET_REACTION_QUEUE';
+
+/**
+ * The type of the action which signals a send reaction to everyone in the conference.
+ */
+export const SEND_REACTIONS = 'SEND_REACTIONS';
+
+/**
+ * The type of action to adds reactions to the queue.
+ */
+export const PUSH_REACTIONS = 'PUSH_REACTIONS';
+
+/**
+ * The type of action to display disable notification sounds.
+ */
+export const SHOW_SOUNDS_NOTIFICATION = 'SHOW_SOUNDS_NOTIFICATION';
diff --git a/react/features/reactions/actions.any.ts b/react/features/reactions/actions.any.ts
new file mode 100644
index 0000000..dbd91a6
--- /dev/null
+++ b/react/features/reactions/actions.any.ts
@@ -0,0 +1,114 @@
+import { IStore } from '../app/types';
+
+import {
+    ADD_REACTION_BUFFER,
+    ADD_REACTION_MESSAGE,
+    FLUSH_REACTION_BUFFER,
+    PUSH_REACTIONS,
+    SEND_REACTIONS,
+    SET_REACTION_QUEUE,
+    SHOW_SOUNDS_NOTIFICATION
+} from './actionTypes';
+import { IReactionEmojiProps } from './constants';
+import { IReactionsAction } from './reducer';
+
+/**
+ * Sets the reaction queue.
+ *
+ * @param {Array} queue - The new queue.
+ * @returns {IReactionsAction}
+ */
+export function setReactionQueue(queue: Array<IReactionEmojiProps>): IReactionsAction {
+    return {
+        type: SET_REACTION_QUEUE,
+        queue
+    };
+}
+
+
+/**
+ * Removes a reaction from the queue.
+ *
+ * @param {string} uid - Id of the reaction to be removed.
+ * @returns {Function}
+ */
+export function removeReaction(uid: string): any {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const queue = getState()['features/reactions'].queue;
+
+        dispatch(setReactionQueue(queue.filter((reaction: IReactionEmojiProps) => reaction.uid !== uid)));
+    };
+}
+
+
+/**
+ * Sends the reactions buffer to everyone in the conference.
+ *
+ * @returns {IReactionsAction}
+ */
+export function sendReactions(): IReactionsAction {
+    return {
+        type: SEND_REACTIONS
+    };
+}
+
+/**
+ * Adds a reaction to the local buffer.
+ *
+ * @param {string} reaction - The reaction to be added.
+ * @returns {IReactionsAction}
+ */
+export function addReactionToBuffer(reaction: string): IReactionsAction {
+    return {
+        type: ADD_REACTION_BUFFER,
+        reaction
+    };
+}
+
+/**
+ * Clears the reaction buffer.
+ *
+ * @returns {IReactionsAction}
+ */
+export function flushReactionBuffer(): IReactionsAction {
+    return {
+        type: FLUSH_REACTION_BUFFER
+    };
+}
+
+/**
+ * Adds a reaction message to the chat.
+ *
+ * @param {string} message - The reaction message.
+ * @returns {IReactionsAction}
+ */
+export function addReactionsToChat(message: string): IReactionsAction {
+    return {
+        type: ADD_REACTION_MESSAGE,
+        message
+    };
+}
+
+/**
+ * Adds reactions to the animation queue.
+ *
+ * @param {Array} reactions - The reactions to be animated.
+ * @returns {IReactionsAction}
+ */
+export function pushReactions(reactions: Array<string>): IReactionsAction {
+    return {
+        type: PUSH_REACTIONS,
+        reactions
+    };
+}
+
+/**
+ * Displays the disable sounds notification.
+ *
+ * @returns {void}
+ */
+export function displayReactionSoundsNotification(): IReactionsAction {
+    return {
+        type: SHOW_SOUNDS_NOTIFICATION
+    };
+}
diff --git a/react/features/reactions/actions.native.ts b/react/features/reactions/actions.native.ts
new file mode 100644
index 0000000..02b37d4
--- /dev/null
+++ b/react/features/reactions/actions.native.ts
@@ -0,0 +1 @@
+export * from './actions.any';
diff --git a/react/features/reactions/actions.web.ts b/react/features/reactions/actions.web.ts
new file mode 100644
index 0000000..8f078a8
--- /dev/null
+++ b/react/features/reactions/actions.web.ts
@@ -0,0 +1,17 @@
+import {
+    TOGGLE_REACTIONS_VISIBLE
+} from './actionTypes';
+import { IReactionsAction } from './reducer';
+
+export * from './actions.any';
+
+/**
+ * Toggles the visibility of the reactions menu.
+ *
+ * @returns {void}
+ */
+export function toggleReactionsMenuVisibility(): IReactionsAction {
+    return {
+        type: TOGGLE_REACTIONS_VISIBLE
+    };
+}
diff --git a/react/features/reactions/components/native/RaiseHandButton.tsx b/react/features/reactions/components/native/RaiseHandButton.tsx
new file mode 100644
index 0000000..cf29a58
--- /dev/null
+++ b/react/features/reactions/components/native/RaiseHandButton.tsx
@@ -0,0 +1,192 @@
+import React, { Component } from 'react';
+import { Text } from 'react-native-paper';
+import { connect } from 'react-redux';
+
+import { createToolbarEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { IReduxState } from '../../../app/types';
+import { RAISE_HAND_ENABLED } from '../../../base/flags/constants';
+import { getFeatureFlag } from '../../../base/flags/functions';
+import { translate } from '../../../base/i18n/functions';
+import { raiseHand } from '../../../base/participants/actions';
+import {
+    getLocalParticipant,
+    hasRaisedHand
+} from '../../../base/participants/functions';
+import { ILocalParticipant } from '../../../base/participants/types';
+import { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import Button from '../../../base/ui/components/native/Button';
+import { BUTTON_TYPES } from '../../../base/ui/constants.native';
+
+import styles from './styles';
+
+/**
+ * The type of the React {@code Component} props of {@link RaiseHandButton}.
+ */
+interface IProps extends AbstractButtonProps {
+
+    /**
+     * Whether this button is enabled or not.
+     */
+    _enabled: boolean;
+
+    /**
+     * The local participant.
+     */
+    _localParticipant?: ILocalParticipant;
+
+    /**
+     * Whether the participant raused their hand or not.
+     */
+    _raisedHand: boolean;
+
+    /**
+     * Whether or not the click is disabled.
+     */
+    disableClick?: boolean;
+
+    /**
+     * Used to close the overflow menu after raise hand is clicked.
+     */
+    onCancel: Function;
+}
+
+/**
+ * An implementation of a button to raise or lower hand.
+ */
+class RaiseHandButton extends Component<IProps> {
+    accessibilityLabel = 'toolbar.accessibilityLabel.raiseHand';
+    label = 'toolbar.raiseYourHand';
+    toggledLabel = 'toolbar.lowerYourHand';
+
+    /**
+     * Initializes a new {@code RaiseHandButton} instance.
+     *
+     * @param {IProps} props - The React {@code Component} props to initialize
+     * the new {@code RaiseHandButton} instance with.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handlers so they are only bound once per instance.
+        this._onClick = this._onClick.bind(this);
+        this._toggleRaisedHand = this._toggleRaisedHand.bind(this);
+        this._getLabel = this._getLabel.bind(this);
+    }
+
+    /**
+     * Handles clicking / pressing the button.
+     *
+     * @returns {void}
+     */
+    _onClick() {
+        const { disableClick, onCancel } = this.props;
+
+        if (disableClick) {
+            return;
+        }
+
+        this._toggleRaisedHand();
+        onCancel();
+    }
+
+    /**
+     * Toggles the rased hand status of the local participant.
+     *
+     * @returns {void}
+     */
+    _toggleRaisedHand() {
+        const enable = !this.props._raisedHand;
+
+        sendAnalytics(createToolbarEvent('raise.hand', { enable }));
+
+        this.props.dispatch(raiseHand(enable));
+    }
+
+    /**
+     * Gets the current label, taking the toggled state into account. If no
+     * toggled label is provided, the regular label will also be used in the
+     * toggled state.
+     *
+     * @returns {string}
+     */
+    _getLabel() {
+        const { _raisedHand, t } = this.props;
+
+        return t(_raisedHand ? this.toggledLabel : this.label);
+    }
+
+    /**
+     * Renders the "raise hand" emoji.
+     *
+     * @returns {ReactElement}
+     */
+    _renderRaiseHandEmoji() {
+        return (
+            <Text>✋</Text>
+        );
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { _enabled } = this.props;
+
+        if (!_enabled) {
+            return null;
+        }
+
+        return (
+            <Button
+                accessibilityLabel = { this.accessibilityLabel }
+                icon = { this._renderRaiseHandEmoji }
+                labelKey = { this._getLabel() }
+                onClick = { this._onClick }
+                style = { styles.raiseHandButton }
+                type = { BUTTON_TYPES.SECONDARY } />
+        );
+    }
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const _localParticipant = getLocalParticipant(state);
+    const enabled = getFeatureFlag(state, RAISE_HAND_ENABLED, true);
+
+    return {
+        _enabled: enabled,
+        _localParticipant,
+        _raisedHand: hasRaisedHand(_localParticipant)
+    };
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {IProps}
+ */
+function _standaloneMapStateToProps(state: IReduxState) {
+    const _enabled = getFeatureFlag(state, RAISE_HAND_ENABLED, true);
+
+    return {
+        _enabled
+    };
+}
+
+const StandaloneRaiseHandButton = translate(connect(_standaloneMapStateToProps)(RaiseHandButton));
+
+export { StandaloneRaiseHandButton };
+
+export default translate(connect(_mapStateToProps)(RaiseHandButton));
diff --git a/react/features/reactions/components/native/RaiseHandContainerButtons.tsx b/react/features/reactions/components/native/RaiseHandContainerButtons.tsx
new file mode 100644
index 0000000..5e6d809
--- /dev/null
+++ b/react/features/reactions/components/native/RaiseHandContainerButtons.tsx
@@ -0,0 +1,20 @@
+import React from 'react';
+import { useSelector } from 'react-redux';
+
+import { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import RaiseHandButton from '../../../toolbox/components/native/RaiseHandButton';
+import { shouldDisplayReactionsButtons } from '../../functions.native';
+
+import ReactionsMenuButton from './ReactionsMenuButton';
+
+const RaiseHandContainerButtons = (props: AbstractButtonProps) => {
+    const _shouldDisplayReactionsButtons = useSelector(shouldDisplayReactionsButtons);
+
+    return _shouldDisplayReactionsButtons
+        ? <ReactionsMenuButton
+            { ...props }
+            showRaiseHand = { true } />
+        : <RaiseHandButton { ...props } />;
+};
+
+export default RaiseHandContainerButtons;
diff --git a/react/features/reactions/components/native/ReactionButton.tsx b/react/features/reactions/components/native/ReactionButton.tsx
new file mode 100644
index 0000000..5623868
--- /dev/null
+++ b/react/features/reactions/components/native/ReactionButton.tsx
@@ -0,0 +1,105 @@
+import React, { useCallback } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { ColorValue, GestureResponderEvent, Text, TouchableHighlight, ViewStyle } from 'react-native';
+import { useDispatch } from 'react-redux';
+
+import { createReactionMenuEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { translate } from '../../../base/i18n/functions';
+import { StyleType } from '../../../base/styles/functions.native';
+import { addReactionToBuffer } from '../../actions.any';
+import { REACTIONS } from '../../constants';
+
+interface IReactionStyles {
+
+    /**
+     * Style for text container. Used on raise hand button.
+     */
+    container?: StyleType;
+
+    /**
+     * Style for the emoji text on the button.
+     */
+    emoji: StyleType;
+
+    /**
+     * Style for the gif button.
+     */
+    gifButton: StyleType;
+
+    /**
+     * Style for the button.
+     */
+    style: StyleType;
+
+    /**
+     * Style for the label text on the button.
+     */
+    text?: StyleType;
+
+    /**
+     * Underlay color for the button.
+     */
+    underlayColor: ColorValue;
+
+}
+
+/**
+ * The type of the React {@code Component} props of {@link ReactionButton}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * Component children.
+     */
+    children?: React.ReactNode;
+
+    /**
+     * External click handler.
+     */
+    onClick?: (e?: GestureResponderEvent) => void;
+
+    /**
+     * The reaction to be sent.
+     */
+    reaction?: string;
+
+    /**
+     * Collection of styles for the button.
+     */
+    styles: IReactionStyles;
+}
+
+/**
+ * An implementation of a button to send a reaction.
+ *
+ * @returns {ReactElement}
+ */
+function ReactionButton({
+    children,
+    onClick,
+    styles,
+    reaction,
+    t
+}: IProps) {
+    const dispatch = useDispatch();
+    const _onClick = useCallback(() => {
+        if (reaction) {
+            dispatch(addReactionToBuffer(reaction));
+            sendAnalytics(createReactionMenuEvent(reaction));
+        }
+    }, [ reaction ]);
+
+    return (
+        <TouchableHighlight
+            accessibilityLabel = { t(`toolbar.accessibilityLabel.${reaction}`) }
+            accessibilityRole = 'button'
+            onPress = { onClick || _onClick }
+            style = { [ styles.style, children && styles?.gifButton ] as ViewStyle[] }
+            underlayColor = { styles.underlayColor }>
+            {children ?? <Text style = { styles.emoji }>{REACTIONS[reaction ?? ''].emoji}</Text>}
+        </TouchableHighlight>
+    );
+}
+
+export default translate(ReactionButton);
diff --git a/react/features/reactions/components/native/ReactionEmoji.tsx b/react/features/reactions/components/native/ReactionEmoji.tsx
new file mode 100644
index 0000000..dd63852
--- /dev/null
+++ b/react/features/reactions/components/native/ReactionEmoji.tsx
@@ -0,0 +1,94 @@
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import { Animated } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import ColorSchemeRegistry from '../../../base/color-scheme/ColorSchemeRegistry';
+import { removeReaction } from '../../actions.any';
+import { IReactionEmojiProps, REACTIONS } from '../../constants';
+
+interface IProps extends IReactionEmojiProps {
+
+    /**
+     * Index of reaction on the queue.
+     * Used to differentiate between first and other animations.
+     */
+    index: number;
+}
+
+
+/**
+ * Animated reaction emoji.
+ *
+ * @returns {ReactElement}
+ */
+function ReactionEmoji({ reaction, uid, index }: IProps) {
+    const _styles: any = useSelector((state: IReduxState) => ColorSchemeRegistry.get(state, 'Toolbox'));
+    const _height = useSelector((state: IReduxState) => state['features/base/responsive-ui'].clientHeight);
+    const dispatch = useDispatch();
+
+    const animationVal = useRef(new Animated.Value(0)).current;
+
+    const vh = useState(_height / 100)[0];
+
+    const randomInt = (min: number, max: number) => Math.floor((Math.random() * (max - min + 1)) + min);
+
+    const animationIndex = useMemo(() => index % 21, [ index ]);
+
+    const coordinates = useState({
+        topX: animationIndex === 0 ? 40 : randomInt(-100, 100),
+        topY: animationIndex === 0 ? -70 : randomInt(-65, -75),
+        bottomX: animationIndex === 0 ? 140 : randomInt(150, 200),
+        bottomY: animationIndex === 0 ? -50 : randomInt(-40, -50)
+    })[0];
+
+
+    useEffect(() => {
+        setTimeout(() => dispatch(removeReaction(uid)), 5000);
+    }, []);
+
+    useEffect(() => {
+        Animated.timing(
+            animationVal,
+            {
+                toValue: 1,
+                duration: 5000,
+                useNativeDriver: true
+            }
+        ).start();
+    }, [ animationVal ]);
+
+
+    return (
+        <Animated.Text
+            style = {{
+                ..._styles.emojiAnimation,
+                transform: [
+                    { translateY: animationVal.interpolate({
+                        inputRange: [ 0, 0.70, 0.75, 1 ],
+                        outputRange: [ 0, coordinates.topY * vh, coordinates.topY * vh, coordinates.bottomY * vh ]
+                    })
+                    }, {
+                        translateX: animationVal.interpolate({
+                            inputRange: [ 0, 0.70, 0.75, 1 ],
+                            outputRange: [ 0, coordinates.topX, coordinates.topX,
+                                coordinates.topX < 0 ? -coordinates.bottomX : coordinates.bottomX ]
+                        })
+                    }, {
+                        scale: animationVal.interpolate({
+                            inputRange: [ 0, 0.70, 0.75, 1 ],
+                            outputRange: [ 0.6, 1.5, 1.5, 1 ]
+                        })
+                    }
+                ],
+                opacity: animationVal.interpolate({
+                    inputRange: [ 0, 0.7, 0.75, 1 ],
+                    outputRange: [ 1, 1, 1, 0 ]
+                })
+            }}>
+            {REACTIONS[reaction].emoji}
+        </Animated.Text>
+    );
+}
+
+export default ReactionEmoji;
diff --git a/react/features/reactions/components/native/ReactionMenu.tsx b/react/features/reactions/components/native/ReactionMenu.tsx
new file mode 100644
index 0000000..b8b3cc5
--- /dev/null
+++ b/react/features/reactions/components/native/ReactionMenu.tsx
@@ -0,0 +1,76 @@
+import React, { useCallback } from 'react';
+import { Image, View } from 'react-native';
+import { useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import ColorSchemeRegistry from '../../../base/color-scheme/ColorSchemeRegistry';
+import { isGifEnabled } from '../../../gifs/functions.native';
+import { navigate } from '../../../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
+import { screen } from '../../../mobile/navigation/routes';
+import { REACTIONS } from '../../constants';
+
+import RaiseHandButton from './RaiseHandButton';
+import ReactionButton from './ReactionButton';
+
+/**
+ * The type of the React {@code Component} props of {@link ReactionMenu}.
+ */
+interface IProps {
+
+    /**
+     * Used to close the overflow menu after raise hand is clicked.
+     */
+    onCancel: Function;
+
+    /**
+     * Whether or not it's displayed in the overflow menu.
+     */
+    overflowMenu: boolean;
+}
+
+/**
+ * Animated reaction emoji.
+ *
+ * @returns {ReactElement}
+ */
+function ReactionMenu({
+    onCancel,
+    overflowMenu
+}: IProps) {
+    const _styles: any = useSelector((state: IReduxState) => ColorSchemeRegistry.get(state, 'Toolbox'));
+    const gifEnabled = useSelector(isGifEnabled);
+
+    const openGifMenu = useCallback(() => {
+        navigate(screen.conference.gifsMenu);
+        onCancel();
+    }, []);
+
+    return (
+        <View style = { overflowMenu ? _styles.overflowReactionMenu : _styles.reactionMenu }>
+            <View style = { _styles.reactionRow }>
+                {
+                    Object.keys(REACTIONS).map(key => (
+                        <ReactionButton
+                            key = { key }
+                            reaction = { key }
+                            styles = { _styles.reactionButton } />
+                    ))
+                }
+                {
+                    gifEnabled && (
+                        <ReactionButton
+                            onClick = { openGifMenu }
+                            styles = { _styles.reactionButton }>
+                            <Image // @ts-ignore
+                                height = { 22 }
+                                source = { require('../../../../../images/GIPHY_icon.png') } />
+                        </ReactionButton>
+                    )
+                }
+            </View>
+            <RaiseHandButton onCancel = { onCancel } />
+        </View>
+    );
+}
+
+export default ReactionMenu;
diff --git a/react/features/reactions/components/native/ReactionMenuDialog.tsx b/react/features/reactions/components/native/ReactionMenuDialog.tsx
new file mode 100644
index 0000000..9097c6c
--- /dev/null
+++ b/react/features/reactions/components/native/ReactionMenuDialog.tsx
@@ -0,0 +1,148 @@
+import React, { ComponentType, PureComponent } from 'react';
+import { TouchableWithoutFeedback } from 'react-native';
+import { Edge, SafeAreaView } from 'react-native-safe-area-context';
+import { connect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../../app/types';
+import ColorSchemeRegistry from '../../../base/color-scheme/ColorSchemeRegistry';
+import { hideDialog } from '../../../base/dialog/actions';
+import { isDialogOpen } from '../../../base/dialog/functions';
+import { getParticipantCount } from '../../../base/participants/functions';
+import { StyleType } from '../../../base/styles/functions.native';
+import { isToolboxVisible } from '../../../toolbox/functions.native';
+
+import ReactionMenu from './ReactionMenu';
+
+/**
+ * The type of the React {@code Component} props of {@link ReactionMenuDialog}.
+ */
+interface IProps {
+
+    /**
+    * The height of the screen.
+    */
+    _height: number;
+
+    /**
+     * True if the dialog is currently visible, false otherwise.
+     */
+    _isOpen: boolean;
+
+    /**
+     * Number of conference participants.
+     */
+    _participantCount: number;
+
+    /**
+     * The color-schemed stylesheet of the feature.
+     */
+    _styles: StyleType;
+
+    /**
+     * The indicator which determines whether the Toolbox is visible.
+     */
+    _toolboxVisible: boolean;
+
+    /**
+     * The width of the screen.
+     */
+    _width: number;
+
+    /**
+     * Used for hiding the dialog when the selection was completed.
+     */
+    dispatch: IStore['dispatch'];
+}
+
+/**
+ * The exported React {@code Component}. We need it to execute
+ * {@link hideDialog}.
+ *
+ * XXX It does not break our coding style rule to not utilize globals for state,
+ * because it is merely another name for {@code export}'s {@code default}.
+ */
+let ReactionMenu_: ComponentType<any>; // eslint-disable-line prefer-const
+
+/**
+ * Implements a React {@code Component} with some extra actions in addition to
+ * those in the toolbar.
+ */
+class ReactionMenuDialog extends PureComponent<IProps> {
+    /**
+     * Initializes a new {@code ReactionMenuDialog} instance.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handlers so they are only bound once per instance.
+        this._onCancel = this._onCancel.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { _height, _participantCount, _styles, _toolboxVisible, _width } = this.props;
+
+        return (
+            <TouchableWithoutFeedback
+                onPress = { this._onCancel }>
+                <SafeAreaView
+                    edges = { [ 'bottom', 'left', 'right', !_toolboxVisible && 'top' ].filter(Boolean) as Edge[] }
+                    style = { [
+                        _styles,
+                        {
+                            left: (_width - 360) / 2,
+                            top: _height - (_participantCount > 1 ? 144 : 80) - 80
+                        } ] }>
+                    <ReactionMenu
+                        onCancel = { this._onCancel }
+                        overflowMenu = { false } />
+                </SafeAreaView>
+            </TouchableWithoutFeedback>
+        );
+    }
+
+    /**
+     * Hides this {@code ReactionMenuDialog}.
+     *
+     * @private
+     * @returns {boolean}
+     */
+    _onCancel() {
+        if (this.props._isOpen) {
+            this.props.dispatch(hideDialog('ReactionMenu_', ReactionMenu_));
+
+            return true;
+        }
+
+        return false;
+    }
+}
+
+/**
+ * Function that maps parts of Redux state tree into component props.
+ *
+ * @param {Object} state - Redux state.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    return {
+        _isOpen: isDialogOpen(state, ReactionMenu_), // @ts-ignore
+        _styles: ColorSchemeRegistry.get(state, 'Toolbox').reactionDialog,
+        _width: state['features/base/responsive-ui'].clientWidth,
+        _height: state['features/base/responsive-ui'].clientHeight,
+        _participantCount: getParticipantCount(state),
+        _toolboxVisible: isToolboxVisible(state)
+    };
+}
+
+ReactionMenu_ = connect(_mapStateToProps)(ReactionMenuDialog);
+
+export default ReactionMenu_;
diff --git a/react/features/reactions/components/native/ReactionsMenuButton.ts b/react/features/reactions/components/native/ReactionsMenuButton.ts
new file mode 100644
index 0000000..3f872ab
--- /dev/null
+++ b/react/features/reactions/components/native/ReactionsMenuButton.ts
@@ -0,0 +1,85 @@
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { openDialog } from '../../../base/dialog/actions';
+import { isDialogOpen } from '../../../base/dialog/functions';
+import { RAISE_HAND_ENABLED } from '../../../base/flags/constants';
+import { getFeatureFlag } from '../../../base/flags/functions';
+import { translate } from '../../../base/i18n/functions';
+import { IconRaiseHand } from '../../../base/icons/svg';
+import {
+    getLocalParticipant, hasRaisedHand
+} from '../../../base/participants/functions';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+
+import ReactionMenuDialog from './ReactionMenuDialog';
+
+/**
+ * The type of the React {@code Component} props of {@link ReactionsMenuButton}.
+ */
+interface IProps extends AbstractButtonProps {
+
+    /**
+     * Whether the participant raised their hand or not.
+     */
+    _raisedHand: boolean;
+
+    /**
+     * Whether or not the reactions menu is open.
+     */
+    _reactionsOpen: boolean;
+}
+
+/**
+ * An implementation of a button to raise or lower hand.
+ */
+class ReactionsMenuButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.reactionsMenu';
+    override icon = IconRaiseHand;
+    override label = 'toolbar.openReactionsMenu';
+    override toggledLabel = 'toolbar.closeReactionsMenu';
+
+    /**
+     * Handles clicking / pressing the button.
+     *
+     * @override
+     * @protected
+     * @returns {void}
+     */
+    override _handleClick() {
+        this.props.dispatch(openDialog('ReactionMenuDialog', ReactionMenuDialog));
+    }
+
+    /**
+     * Indicates whether this button is in toggled state or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    override _isToggled() {
+        return this.props._raisedHand || this.props._reactionsOpen;
+    }
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {Object} ownProps - The properties explicitly passed to the component instance.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState, ownProps: any) {
+    const _localParticipant = getLocalParticipant(state);
+    const enabled = getFeatureFlag(state, RAISE_HAND_ENABLED, true);
+    const { visible = enabled } = ownProps;
+
+    return {
+        _raisedHand: hasRaisedHand(_localParticipant),
+        _reactionsOpen: isDialogOpen(state, ReactionMenuDialog),
+        visible
+    };
+}
+
+export default translate(connect(_mapStateToProps)(ReactionsMenuButton));
diff --git a/react/features/reactions/components/native/styles.ts b/react/features/reactions/components/native/styles.ts
new file mode 100644
index 0000000..a40e102
--- /dev/null
+++ b/react/features/reactions/components/native/styles.ts
@@ -0,0 +1,11 @@
+import BaseTheme from '../../../base/ui/components/BaseTheme.native';
+
+/**
+ * The styles of the native components of the feature {@code reactions}.
+ */
+export default {
+    raiseHandButton: {
+        marginVertical: BaseTheme.spacing[3],
+        width: 240
+    }
+};
diff --git a/react/features/reactions/components/web/RaiseHandButton.ts b/react/features/reactions/components/web/RaiseHandButton.ts
new file mode 100644
index 0000000..c858e9f
--- /dev/null
+++ b/react/features/reactions/components/web/RaiseHandButton.ts
@@ -0,0 +1,95 @@
+import { connect } from 'react-redux';
+
+import { createToolbarEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { IReduxState, IStore } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { IconRaiseHand } from '../../../base/icons/svg';
+import { raiseHand } from '../../../base/participants/actions';
+import { getLocalParticipant, hasRaisedHand } from '../../../base/participants/functions';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+
+
+/**
+ * The type of the React {@code Component} props of {@link RaiseHandButton}.
+ */
+interface IProps extends AbstractButtonProps {
+
+    /**
+     * Whether or not the click is disabled.
+     */
+    disableClick?: boolean;
+
+    /**
+     * Redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Whether or not the hand is raised.
+     */
+    raisedHand: boolean;
+}
+
+/**
+ * Implementation of a button for raising hand.
+ */
+class RaiseHandButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.raiseHand';
+    override toggledAccessibilityLabel = 'toolbar.accessibilityLabel.lowerHand';
+    override icon = IconRaiseHand;
+    override label = 'toolbar.raiseHand';
+    override toggledLabel = 'toolbar.lowerYourHand';
+    override tooltip = 'toolbar.raiseHand';
+    override toggledTooltip = 'toolbar.lowerYourHand';
+
+    /**
+     * Indicates whether this button is in toggled state or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    override _isToggled() {
+        return this.props.raisedHand;
+    }
+
+    /**
+     * Handles clicking the button, and toggles the raise hand.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { disableClick, dispatch, raisedHand } = this.props;
+
+        if (disableClick) {
+            return;
+        }
+
+        sendAnalytics(createToolbarEvent(
+            'raise.hand',
+            { enable: !raisedHand }));
+
+        dispatch(raiseHand(!raisedHand));
+    }
+}
+
+
+/**
+ * Function that maps parts of Redux state tree into component props.
+ *
+ * @param {Object} state - Redux state.
+ * @returns {Object}
+ */
+const mapStateToProps = (state: IReduxState) => {
+    const localParticipant = getLocalParticipant(state);
+
+    return {
+        raisedHand: hasRaisedHand(localParticipant)
+    };
+};
+
+export { RaiseHandButton };
+
+export default translate(connect(mapStateToProps)(RaiseHandButton));
diff --git a/react/features/reactions/components/web/RaiseHandContainerButtons.tsx b/react/features/reactions/components/web/RaiseHandContainerButtons.tsx
new file mode 100644
index 0000000..7af7efa
--- /dev/null
+++ b/react/features/reactions/components/web/RaiseHandContainerButtons.tsx
@@ -0,0 +1,26 @@
+import React from 'react';
+import { useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { isMobileBrowser } from '../../../base/environment/utils';
+import { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import { isReactionsButtonEnabled, shouldDisplayReactionsButtons } from '../../functions.web';
+
+import RaiseHandButton from './RaiseHandButton';
+import ReactionsMenuButton from './ReactionsMenuButton';
+
+const RaiseHandContainerButton = (props: AbstractButtonProps) => {
+    const reactionsButtonEnabled = useSelector(isReactionsButtonEnabled);
+    const _shouldDisplayReactionsButtons = useSelector(shouldDisplayReactionsButtons);
+    const isNarrowLayout = useSelector((state: IReduxState) => state['features/base/responsive-ui'].isNarrowLayout);
+    const showReactionsAsPartOfRaiseHand
+        = _shouldDisplayReactionsButtons && !reactionsButtonEnabled && !isNarrowLayout && !isMobileBrowser();
+
+    return showReactionsAsPartOfRaiseHand
+        ? <ReactionsMenuButton
+            { ...props }
+            showRaiseHand = { true } />
+        : <RaiseHandButton { ...props } />;
+};
+
+export default RaiseHandContainerButton;
diff --git a/react/features/reactions/components/web/ReactionButton.tsx b/react/features/reactions/components/web/ReactionButton.tsx
new file mode 100644
index 0000000..009168b
--- /dev/null
+++ b/react/features/reactions/components/web/ReactionButton.tsx
@@ -0,0 +1,231 @@
+import React, { Component } from 'react';
+
+import Tooltip from '../../../base/tooltip/components/Tooltip';
+import { TOOLTIP_POSITION } from '../../../base/ui/constants.any';
+
+/**
+ * The type of the React {@code Component} props of {@link ReactionButton}.
+ */
+interface IProps {
+
+    /**
+     * A succinct description of what the button does. Used by accessibility
+     * tools and torture tests.
+     */
+    accessibilityLabel: string;
+
+    /**
+     * The Icon of this {@code AbstractToolbarButton}.
+     */
+    icon: Object;
+
+    /**
+     * The style of the Icon of this {@code AbstractToolbarButton}.
+     */
+    iconStyle?: Object;
+
+    /**
+     * Optional label for the button.
+     */
+    label?: string;
+
+    /**
+     * On click handler.
+     */
+    onClick: Function;
+
+    /**
+     * {@code AbstractToolbarButton} Styles.
+     */
+    style?: Array<string> | Object;
+
+    /**
+     * An optional modifier to render the button toggled.
+     */
+    toggled?: boolean;
+
+    /**
+     * Optional text to display in the tooltip.
+     */
+    tooltip?: string;
+
+    /**
+     * From which direction the tooltip should appear, relative to the
+     * button.
+     */
+    tooltipPosition: TOOLTIP_POSITION;
+
+    /**
+     * The color underlying the button.
+     */
+    underlayColor?: any;
+}
+
+/**
+ * The type of the React {@code Component} state of {@link ReactionButton}.
+ */
+interface IState {
+
+    /**
+     * Used to determine zoom level on reaction burst.
+     */
+    increaseLevel: number;
+
+    /**
+     * Timeout ID to reset reaction burst.
+     */
+    increaseTimeout: number | null;
+}
+
+/**
+ * Represents a button in the reactions menu.
+ *
+ * @augments AbstractToolbarButton
+ */
+class ReactionButton extends Component<IProps, IState> {
+    /**
+     * Default values for {@code ReactionButton} component's properties.
+     *
+     * @static
+     */
+    static defaultProps = {
+        tooltipPosition: 'top'
+    };
+
+    /**
+     * Initializes a new {@code ReactionButton} instance.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._onKeyDown = this._onKeyDown.bind(this);
+        this._onClickHandler = this._onClickHandler.bind(this);
+        this._onClick = this._onClick.bind(this);
+
+        this.state = {
+            increaseLevel: 0,
+            increaseTimeout: null
+        };
+    }
+
+    /**
+     * Handles clicking/pressing this {@code AbstractToolbarButton} by
+     * forwarding the event to the {@code onClick} prop of this instance if any.
+     *
+     * @protected
+     * @returns {*} The result returned by the invocation of the {@code onClick}
+     * prop of this instance if any.
+     */
+    _onClick(...args: any) {
+        const { onClick } = this.props;
+
+        return onClick?.(...args);
+    }
+
+    /**
+     * Handles 'Enter' key on the button to trigger onClick for accessibility.
+     * We should be handling Space onKeyUp but it conflicts with PTT.
+     *
+     * @param {Object} event - The key event.
+     * @private
+     * @returns {void}
+     */
+    _onKeyDown(event: React.KeyboardEvent) {
+        // If the event coming to the dialog has been subject to preventDefault
+        // we don't handle it here.
+        if (event.defaultPrevented) {
+            return;
+        }
+
+        if (event.key === 'Enter') {
+            event.preventDefault();
+            event.stopPropagation();
+            this.props.onClick();
+        }
+    }
+
+    /**
+     * Handles reaction button click.
+     *
+     * @param {Event} event - The click event.
+     * @returns {void}
+     */
+    _onClickHandler(event: any) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.props.onClick();
+        clearTimeout(this.state.increaseTimeout ?? 0);
+        const timeout = window.setTimeout(() => {
+            this.setState({
+                increaseLevel: 0
+            });
+        }, 500);
+
+        this.setState(state => {
+            return {
+                increaseLevel: state.increaseLevel + 1,
+                increaseTimeout: timeout
+            };
+        });
+    }
+
+    /**
+     * Renders the button of this {@code ReactionButton}.
+     *
+     * @param {Object} children - The children, if any, to be rendered inside
+     * the button. Presumably, contains the emoji of this {@code ReactionButton}.
+     * @protected
+     * @returns {ReactElement} The button of this {@code ReactionButton}.
+     */
+    _renderButton(children: React.ReactElement) {
+        return (
+            <div
+                aria-label = { this.props.accessibilityLabel }
+                aria-pressed = { this.props.toggled }
+                className = 'toolbox-button'
+                onClick = { this._onClickHandler }
+                onKeyDown = { this._onKeyDown }
+                role = 'button'
+                tabIndex = { 0 }>
+                { this.props.tooltip
+                    ? <Tooltip
+                        content = { this.props.tooltip }
+                        position = { this.props.tooltipPosition }>
+                        { children }
+                    </Tooltip>
+                    : children }
+            </div>
+        );
+    }
+
+    /**
+     * Renders the icon (emoji) of this {@code reactionButton}.
+     *
+     * @inheritdoc
+     */
+    _renderIcon() {
+        const { toggled, icon, label } = this.props;
+        const { increaseLevel } = this.state;
+
+        return (
+            <div className = { `toolbox-icon ${toggled ? 'toggled' : ''}` }>
+                <span className = { `emoji increase-${increaseLevel > 12 ? 12 : increaseLevel}` }>{icon}</span>
+                {label && <span className = 'text'>{label}</span>}
+            </div>
+        );
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        return this._renderButton(this._renderIcon());
+    }
+}
+
+export default ReactionButton;
diff --git a/react/features/reactions/components/web/ReactionEmoji.tsx b/react/features/reactions/components/web/ReactionEmoji.tsx
new file mode 100644
index 0000000..0a7bbf8
--- /dev/null
+++ b/react/features/reactions/components/web/ReactionEmoji.tsx
@@ -0,0 +1,94 @@
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+
+import { IStore } from '../../../app/types';
+import { removeReaction } from '../../actions.any';
+import { REACTIONS } from '../../constants';
+
+interface IProps {
+
+    /**
+     * Index of the reaction in the queue.
+     */
+    index: number;
+
+    /**
+     * Reaction to be displayed.
+     */
+    reaction: string;
+
+    /**
+     * Removes reaction from redux state.
+     */
+    reactionRemove: Function;
+
+    /**
+     * Id of the reaction.
+     */
+    uid: string;
+}
+
+interface IState {
+
+    /**
+     * Index of CSS animation. Number between 0-20.
+     */
+    index: number;
+}
+
+
+/**
+ * Used to display animated reactions.
+ *
+ * @returns {ReactElement}
+ */
+class ReactionEmoji extends Component<IProps, IState> {
+    /**
+     * Initializes a new {@code ReactionEmoji} instance.
+     *
+     * @param {IProps} props - The read-only React {@code Component} props with
+     * which the new instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            index: props.index % 21
+        };
+    }
+
+    /**
+     * Implements React Component's componentDidMount.
+     *
+     * @inheritdoc
+     */
+    override componentDidMount() {
+        setTimeout(() => this.props.reactionRemove(this.props.uid), 5000);
+    }
+
+    /**
+     * Implements React's {@link Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { reaction, uid } = this.props;
+        const { index } = this.state;
+
+        return (
+            <div
+                className = { `reaction-emoji reaction-${index}` }
+                id = { uid }>
+                { REACTIONS[reaction].emoji }
+            </div>
+        );
+    }
+}
+
+const mapDispatchToProps = (dispatch: IStore['dispatch']) => {
+    return {
+        reactionRemove: (uid: string) => dispatch(removeReaction(uid))
+    };
+};
+
+export default connect(undefined, mapDispatchToProps)(ReactionEmoji);
diff --git a/react/features/reactions/components/web/ReactionsAnimations.tsx b/react/features/reactions/components/web/ReactionsAnimations.tsx
new file mode 100644
index 0000000..3b9d884
--- /dev/null
+++ b/react/features/reactions/components/web/ReactionsAnimations.tsx
@@ -0,0 +1,29 @@
+import React from 'react';
+import { useSelector } from 'react-redux';
+
+import { getReactionsQueue, isReactionsEnabled, shouldDisplayReactionsButtons } from '../../functions.any';
+
+import ReactionEmoji from './ReactionEmoji';
+
+/**
+ * Renders the reactions animations in the case when there is no buttons displayed.
+ *
+ * @returns {ReactNode}
+ */
+export default function ReactionAnimations() {
+    const reactionsQueue = useSelector(getReactionsQueue);
+    const _shouldDisplayReactionsButtons = useSelector(shouldDisplayReactionsButtons);
+    const reactionsEnabled = useSelector(isReactionsEnabled);
+
+    if (reactionsEnabled && !_shouldDisplayReactionsButtons) {
+        return (<div className = 'reactions-animations-container'>
+            {reactionsQueue.map(({ reaction, uid }, index) => (<ReactionEmoji
+                index = { index }
+                key = { uid }
+                reaction = { reaction }
+                uid = { uid } />))}
+        </div>);
+    }
+
+    return null;
+}
diff --git a/react/features/reactions/components/web/ReactionsMenu.tsx b/react/features/reactions/components/web/ReactionsMenu.tsx
new file mode 100644
index 0000000..8266a08
--- /dev/null
+++ b/react/features/reactions/components/web/ReactionsMenu.tsx
@@ -0,0 +1,259 @@
+import React, { useCallback, useEffect } from 'react';
+import { useTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { createReactionMenuEvent, createToolbarEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { IReduxState, IStore } from '../../../app/types';
+import { raiseHand } from '../../../base/participants/actions';
+import { getLocalParticipant, hasRaisedHand } from '../../../base/participants/functions';
+import GifsMenu from '../../../gifs/components/web/GifsMenu';
+import GifsMenuButton from '../../../gifs/components/web/GifsMenuButton';
+import { isGifEnabled, isGifsMenuOpen } from '../../../gifs/functions';
+import { dockToolbox } from '../../../toolbox/actions.web';
+import { addReactionToBuffer } from '../../actions.any';
+import { toggleReactionsMenuVisibility } from '../../actions.web';
+import {
+    GIFS_MENU_HEIGHT_IN_OVERFLOW_MENU,
+    RAISE_HAND_ROW_HEIGHT, REACTIONS,
+    REACTIONS_MENU_HEIGHT_DRAWER,
+    REACTIONS_MENU_HEIGHT_IN_OVERFLOW_MENU
+} from '../../constants';
+import { IReactionsMenuParent } from '../../types';
+
+import ReactionButton from './ReactionButton';
+
+interface IProps {
+
+    /**
+     * Docks the toolbox.
+     */
+    _dockToolbox: Function;
+
+    /**
+     * Whether or not the GIF feature is enabled.
+     */
+    _isGifEnabled: boolean;
+
+    /**
+     * Whether or not the GIF menu is visible.
+     */
+    _isGifMenuVisible: boolean;
+
+    /**
+     * The ID of the local participant.
+     */
+    _localParticipantID?: string;
+
+    /**
+     * Whether or not the local participant's hand is raised.
+     */
+    _raisedHand: boolean;
+
+    /**
+     * The Redux Dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Indicates the parent of the reactions menu.
+     */
+    parent: IReactionsMenuParent;
+
+    /**
+     * Whether to show the raised hand button.
+     */
+    showRaisedHand?: boolean;
+}
+
+const useStyles = makeStyles<IProps>()((theme, props: IProps) => {
+    const { parent, showRaisedHand, _isGifMenuVisible } = props;
+    let reactionsMenuHeight = REACTIONS_MENU_HEIGHT_DRAWER;
+
+    if (parent === IReactionsMenuParent.OverflowDrawer || parent === IReactionsMenuParent.OverflowMenu) {
+        if (parent === IReactionsMenuParent.OverflowMenu) {
+            reactionsMenuHeight = REACTIONS_MENU_HEIGHT_IN_OVERFLOW_MENU;
+
+            if (_isGifMenuVisible) {
+                reactionsMenuHeight += GIFS_MENU_HEIGHT_IN_OVERFLOW_MENU;
+            }
+        }
+        if (!showRaisedHand) {
+            reactionsMenuHeight -= RAISE_HAND_ROW_HEIGHT;
+        }
+    }
+
+    return {
+        reactionsMenuInOverflowMenu: {
+            '&.reactions-menu': {
+                '&.with-gif': {
+                    width: 'inherit'
+                },
+                '.reactions-row': {
+                    '.toolbox-icon': {
+                        width: '24px',
+                        height: '24px',
+
+                        'span.emoji': {
+                            width: '24px',
+                            height: '24px',
+                            lineHeight: '1.5rem',
+                            fontSize: '1rem'
+                        }
+                    }
+                },
+                '.raise-hand-row': {
+                    '.toolbox-icon': {
+                        height: '32px'
+                    }
+                }
+            }
+        },
+        overflow: {
+            width: 'auto',
+            paddingBottom: 'max(env(safe-area-inset-bottom, 0), 16px)',
+            backgroundColor: theme.palette.ui01,
+            boxShadow: 'none',
+            borderRadius: 0,
+            position: 'relative',
+            boxSizing: 'border-box',
+            height: `${reactionsMenuHeight}px`
+        }
+    };
+});
+
+const _getReactionButtons = (dispatch: IStore['dispatch'], t: Function) => {
+    let modifierKey = 'Alt';
+
+    if (window.navigator?.platform) {
+        if (window.navigator.platform.indexOf('Mac') !== -1) {
+            modifierKey = '⌥';
+        }
+    }
+
+    return Object.keys(REACTIONS).map(key => {
+        /**
+         * Sends reaction message.
+         *
+         * @returns {void}
+         */
+        function doSendReaction() {
+            dispatch(addReactionToBuffer(key));
+            sendAnalytics(createReactionMenuEvent(key));
+        }
+
+        return (<ReactionButton
+            accessibilityLabel = { t(`toolbar.accessibilityLabel.${key}`) }
+            icon = { REACTIONS[key].emoji }
+            key = { key }
+            // eslint-disable-next-line react/jsx-no-bind
+            onClick = { doSendReaction }
+            toggled = { false }
+            tooltip = { `${t(`toolbar.${key}`)} (${modifierKey} + ${REACTIONS[key].shortcutChar})` } />);
+    });
+};
+
+const ReactionsMenu = (props: IProps) => {
+    const {
+        _dockToolbox,
+        _isGifEnabled,
+        _isGifMenuVisible,
+        _raisedHand,
+        dispatch,
+        parent,
+        showRaisedHand = false
+    } = props;
+    const isInOverflowMenu
+        = parent === IReactionsMenuParent.OverflowDrawer || parent === IReactionsMenuParent.OverflowMenu;
+    const { classes, cx } = useStyles(props);
+    const { t } = useTranslation();
+
+    useEffect(() => {
+        _dockToolbox(true);
+
+        return () => {
+            _dockToolbox(false);
+        };
+    }, []);
+
+    const _doToggleRaiseHand = useCallback(() => {
+        dispatch(raiseHand(!_raisedHand));
+    }, [ _raisedHand ]);
+
+    const _onToolbarToggleRaiseHand = useCallback(() => {
+        sendAnalytics(createToolbarEvent(
+            'raise.hand',
+            { enable: !_raisedHand }));
+        _doToggleRaiseHand();
+        dispatch(toggleReactionsMenuVisibility());
+    }, [ _raisedHand ]);
+
+    const buttons = _getReactionButtons(dispatch, t);
+
+    if (_isGifEnabled) {
+        buttons.push(<GifsMenuButton parent = { parent } />);
+    }
+
+    return (
+        <div
+            className = { cx('reactions-menu',
+                parent === IReactionsMenuParent.OverflowMenu && classes.reactionsMenuInOverflowMenu,
+                _isGifEnabled && 'with-gif',
+                isInOverflowMenu && `overflow ${classes.overflow}`) }>
+            {_isGifEnabled && _isGifMenuVisible
+                && <GifsMenu
+                    columns = { parent === IReactionsMenuParent.OverflowMenu ? 1 : undefined }
+                    parent = { parent } />}
+            <div className = 'reactions-row'>
+                { buttons }
+            </div>
+            {showRaisedHand && (
+                <div className = 'raise-hand-row'>
+                    <ReactionButton
+                        accessibilityLabel = { t('toolbar.accessibilityLabel.raiseHand') }
+                        icon = '✋'
+                        key = 'raisehand'
+                        label = {
+                            `${t(`toolbar.${_raisedHand ? 'lowerYourHand' : 'raiseYourHand'}`)}
+                                ${isInOverflowMenu ? '' : ' (R)'}`
+                        }
+                        onClick = { _onToolbarToggleRaiseHand }
+                        toggled = { true } />
+                </div>
+            )}
+        </div>
+    );
+};
+
+/**
+ * Function that maps parts of Redux state tree into component props.
+ *
+ * @param {Object} state - Redux state.
+ * @returns {Object}
+ */
+function mapStateToProps(state: IReduxState) {
+    const localParticipant = getLocalParticipant(state);
+
+    return {
+        _localParticipantID: localParticipant?.id,
+        _isGifEnabled: isGifEnabled(state),
+        _isGifMenuVisible: isGifsMenuOpen(state),
+        _raisedHand: hasRaisedHand(localParticipant)
+    };
+}
+
+/**
+ * Function that maps parts of Redux actions into component props.
+ *
+ * @param {Object} dispatch - Redux dispatch.
+ * @returns {Object}
+ */
+function mapDispatchToProps(dispatch: IStore['dispatch']) {
+    return {
+        dispatch,
+        _dockToolbox: (dock: boolean) => dispatch(dockToolbox(dock))
+    };
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(ReactionsMenu);
diff --git a/react/features/reactions/components/web/ReactionsMenuButton.tsx b/react/features/reactions/components/web/ReactionsMenuButton.tsx
new file mode 100644
index 0000000..c5d4cce
--- /dev/null
+++ b/react/features/reactions/components/web/ReactionsMenuButton.tsx
@@ -0,0 +1,188 @@
+import React, { ReactElement, useCallback } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../../app/types';
+import { isMobileBrowser } from '../../../base/environment/utils';
+import { translate } from '../../../base/i18n/functions';
+import { IconArrowUp, IconFaceSmile } from '../../../base/icons/svg';
+import AbstractButton, { type IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import ToolboxButtonWithPopup from '../../../base/toolbox/components/web/ToolboxButtonWithPopup';
+import { toggleReactionsMenuVisibility } from '../../actions.web';
+import { IReactionEmojiProps } from '../../constants';
+import { getReactionsQueue } from '../../functions.any';
+import { getReactionsMenuVisibility, isReactionsButtonEnabled } from '../../functions.web';
+import { IReactionsMenuParent } from '../../types';
+
+import RaiseHandButton from './RaiseHandButton';
+import ReactionEmoji from './ReactionEmoji';
+import ReactionsMenu from './ReactionsMenu';
+
+interface IProps extends WithTranslation {
+
+    /**
+     * Whether a mobile browser is used or not.
+     */
+    _isMobile: boolean;
+
+    /**
+     * Whether the reactions should be displayed on separate button or not.
+     */
+    _reactionsButtonEnabled: boolean;
+
+    /**
+     * The button's key.
+     */
+    buttonKey?: string;
+
+    /**
+     * Redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Whether or not it's narrow mode or mobile browser.
+     */
+    isNarrow: boolean;
+
+    /**
+     * Whether or not the reactions menu is open.
+     */
+    isOpen: boolean;
+
+    /**
+     * Notify mode for `toolbarButtonClicked` event -
+     * whether to only notify or to also prevent button click routine.
+     */
+    notifyMode?: string;
+
+    /**
+     * The array of reactions to be displayed.
+     */
+    reactionsQueue: Array<IReactionEmojiProps>;
+
+    /**
+     * Whether or not to show the raise hand button.
+     */
+    showRaiseHand?: boolean;
+}
+
+
+/**
+ * Implementation of a button for reactions.
+ */
+class ReactionsButtonImpl extends AbstractButton<AbstractButtonProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.reactions';
+    override icon = IconFaceSmile;
+    override label = 'toolbar.reactions';
+    override toggledLabel = 'toolbar.reactions';
+    override tooltip = 'toolbar.reactions';
+}
+
+const ReactionsButton = translate(connect()(ReactionsButtonImpl));
+
+/**
+ * Button used for the reactions menu.
+ *
+ * @returns {ReactElement}
+ */
+function ReactionsMenuButton({
+    _reactionsButtonEnabled,
+    _isMobile,
+    buttonKey,
+    dispatch,
+    isOpen,
+    isNarrow,
+    notifyMode,
+    reactionsQueue,
+    showRaiseHand,
+    t
+}: IProps) {
+    const toggleReactionsMenu = useCallback(() => {
+        dispatch(toggleReactionsMenuVisibility());
+    }, [ dispatch ]);
+
+    const openReactionsMenu = useCallback(() => {
+        !isOpen && toggleReactionsMenu();
+    }, [ isOpen, toggleReactionsMenu ]);
+
+    const closeReactionsMenu = useCallback(() => {
+        isOpen && toggleReactionsMenu();
+    }, [ isOpen, toggleReactionsMenu ]);
+
+    if (!showRaiseHand && !_reactionsButtonEnabled) {
+        return null;
+    }
+
+    const reactionsMenu = (<div className = 'reactions-menu-container'>
+        <ReactionsMenu parent = { IReactionsMenuParent.Button } />
+    </div>);
+
+    let content: ReactElement | null = null;
+
+    if (showRaiseHand) {
+        content = isNarrow
+            ? (
+                <RaiseHandButton
+                    buttonKey = { buttonKey }
+                    notifyMode = { notifyMode } />)
+            : (
+                <ToolboxButtonWithPopup
+                    ariaLabel = { t('toolbar.accessibilityLabel.reactionsMenu') }
+                    icon = { IconArrowUp }
+                    iconDisabled = { false }
+                    onPopoverClose = { toggleReactionsMenu }
+                    onPopoverOpen = { openReactionsMenu }
+                    popoverContent = { reactionsMenu }
+                    visible = { isOpen }>
+                    <RaiseHandButton
+                        buttonKey = { buttonKey }
+                        notifyMode = { notifyMode } />
+                </ToolboxButtonWithPopup>);
+    } else {
+        content = (
+            <ToolboxButtonWithPopup
+                ariaLabel = { t('toolbar.accessibilityLabel.reactionsMenu') }
+                onPopoverClose = { closeReactionsMenu }
+                onPopoverOpen = { openReactionsMenu }
+                popoverContent = { reactionsMenu }
+                trigger = { _isMobile ? 'click' : undefined }
+                visible = { isOpen }>
+                <ReactionsButton
+                    buttonKey = { buttonKey }
+                    notifyMode = { notifyMode } />
+            </ToolboxButtonWithPopup>);
+    }
+
+    return (
+        <div className = 'reactions-menu-popup-container'>
+            { content }
+            {reactionsQueue.map(({ reaction, uid }, index) => (<ReactionEmoji
+                index = { index }
+                key = { uid }
+                reaction = { reaction }
+                uid = { uid } />))}
+        </div>
+    );
+
+}
+
+/**
+ * Function that maps parts of Redux state tree into component props.
+ *
+ * @param {Object} state - Redux state.
+ * @returns {Object}
+ */
+function mapStateToProps(state: IReduxState) {
+    const { isNarrowLayout } = state['features/base/responsive-ui'];
+
+    return {
+        _reactionsButtonEnabled: isReactionsButtonEnabled(state),
+        _isMobile: isMobileBrowser(),
+        isOpen: getReactionsMenuVisibility(state),
+        isNarrow: isNarrowLayout,
+        reactionsQueue: getReactionsQueue(state)
+    };
+}
+
+export default translate(connect(mapStateToProps)(ReactionsMenuButton));
diff --git a/react/features/reactions/constants.ts b/react/features/reactions/constants.ts
new file mode 100644
index 0000000..e968556
--- /dev/null
+++ b/react/features/reactions/constants.ts
@@ -0,0 +1,196 @@
+import {
+    BOO_SOUND_FILES,
+    CLAP_SOUND_FILES,
+    HEART_SOUND_FILES,
+    LAUGH_SOUND_FILES,
+    LIKE_SOUND_FILES,
+    SILENCE_SOUND_FILES,
+    SURPRISE_SOUND_FILES
+} from './sounds';
+
+/**
+ * The height of the raise hand row in the reactions menu.
+ */
+export const RAISE_HAND_ROW_HEIGHT = 54;
+
+/**
+ * The height of the gifs menu when displayed as part of the overflow menu.
+ */
+export const GIFS_MENU_HEIGHT_IN_OVERFLOW_MENU = 200;
+
+/**
+ * Reactions menu height when displayed as part of drawer.
+ */
+export const REACTIONS_MENU_HEIGHT_DRAWER = 144;
+
+/**
+ * Reactions menu height when displayed as part of overflow menu.
+ */
+export const REACTIONS_MENU_HEIGHT_IN_OVERFLOW_MENU = 106;
+
+/**
+ * The payload name for the datachannel/endpoint reaction event.
+ */
+export const ENDPOINT_REACTION_NAME = 'endpoint-reaction';
+
+/**
+ * The (name of the) command which transports the state (represented by
+ * {State} for the local state at the time of this writing) of a {MuteReactions}
+ * (instance) between moderator and participants.
+ */
+export const MUTE_REACTIONS_COMMAND = 'mute-reactions';
+
+/**
+ * The prefix for all reaction sound IDs. Also the ID used in config to disable reaction sounds.
+ */
+export const REACTION_SOUND = 'REACTION_SOUND';
+
+/**
+ * The audio ID prefix of the audio element for which the {@link playAudio} action is
+ * triggered when a new laugh reaction is received.
+ *
+ * @type { string }
+ */
+export const LAUGH_SOUND_ID = `${REACTION_SOUND}_LAUGH_`;
+
+/**
+ * The audio ID prefix of the audio element for which the {@link playAudio} action is
+ * triggered when a new clap reaction is received.
+ *
+ * @type {string}
+ */
+export const CLAP_SOUND_ID = `${REACTION_SOUND}_CLAP_`;
+
+/**
+ * The audio ID prefix of the audio element for which the {@link playAudio} action is
+ * triggered when a new like reaction is received.
+ *
+ * @type {string}
+ */
+export const LIKE_SOUND_ID = `${REACTION_SOUND}_LIKE_`;
+
+/**
+ * The audio ID prefix of the audio element for which the {@link playAudio} action is
+ * triggered when a new boo reaction is received.
+ *
+ * @type {string}
+ */
+export const BOO_SOUND_ID = `${REACTION_SOUND}_BOO_`;
+
+/**
+ * The audio ID prefix of the audio element for which the {@link playAudio} action is
+ * triggered when a new surprised reaction is received.
+ *
+ * @type {string}
+ */
+export const SURPRISE_SOUND_ID = `${REACTION_SOUND}_SURPRISE_`;
+
+/**
+ * The audio ID prefix of the audio element for which the {@link playAudio} action is
+ * triggered when a new silence reaction is received.
+ *
+ * @type {string}
+ */
+export const SILENCE_SOUND_ID = `${REACTION_SOUND}_SILENCE_`;
+
+/**
+ * The audio ID of the audio element for which the {@link playAudio} action is
+ * triggered when a new raise hand event is received.
+ *
+ * @type {string}
+ */
+export const HEART_SOUND_ID = `${REACTION_SOUND}_HEART_`;
+
+/**
+ * The audio ID of the audio element for which the {@link playAudio} action is
+ * triggered when a new raise hand event is received.
+ *
+ * @type {string}
+ */
+export const RAISE_HAND_SOUND_ID = 'RAISE_HAND_SOUND';
+
+export interface IReactionEmojiProps {
+
+    /**
+     * Reaction to be displayed.
+     */
+    reaction: string;
+
+    /**
+     * Id of the reaction.
+     */
+    uid: string;
+}
+
+export const SOUNDS_THRESHOLDS = [ 1, 4, 10 ];
+
+interface IReactions {
+    [key: string]: {
+        emoji: string;
+        message: string;
+        shortcutChar: string;
+        soundFiles: string[];
+        soundId: string;
+    };
+}
+
+export const REACTIONS: IReactions = {
+    like: {
+        message: ':thumbs_up:',
+        emoji: '👍',
+        shortcutChar: 'T',
+        soundId: LIKE_SOUND_ID,
+        soundFiles: LIKE_SOUND_FILES
+    },
+    clap: {
+        message: ':clap:',
+        emoji: '👏',
+        shortcutChar: 'C',
+        soundId: CLAP_SOUND_ID,
+        soundFiles: CLAP_SOUND_FILES
+    },
+    laugh: {
+        message: ':grinning_face:',
+        emoji: '😀',
+        shortcutChar: 'L',
+        soundId: LAUGH_SOUND_ID,
+        soundFiles: LAUGH_SOUND_FILES
+    },
+    surprised: {
+        message: ':face_with_open_mouth:',
+        emoji: '😮',
+        shortcutChar: 'O',
+        soundId: SURPRISE_SOUND_ID,
+        soundFiles: SURPRISE_SOUND_FILES
+    },
+    boo: {
+        message: ':slightly_frowning_face:',
+        emoji: '🙁',
+        shortcutChar: 'B',
+        soundId: BOO_SOUND_ID,
+        soundFiles: BOO_SOUND_FILES
+    },
+    silence: {
+        message: ':face_without_mouth:',
+        emoji: '😶',
+        shortcutChar: 'S',
+        soundId: SILENCE_SOUND_ID,
+        soundFiles: SILENCE_SOUND_FILES
+    },
+    love: {
+        message: ':heart:',
+        emoji: '💖',
+        shortcutChar: 'H',
+        soundId: HEART_SOUND_ID,
+        soundFiles: HEART_SOUND_FILES
+    }
+};
+
+export type ReactionThreshold = {
+    reaction: string;
+    threshold: number;
+};
+
+export interface IMuteCommandAttributes {
+    startReactionsMuted?: string;
+}
diff --git a/react/features/reactions/functions.any.ts b/react/features/reactions/functions.any.ts
new file mode 100644
index 0000000..3b5a645
--- /dev/null
+++ b/react/features/reactions/functions.any.ts
@@ -0,0 +1,174 @@
+import { v4 as uuidv4 } from 'uuid';
+
+import { IReduxState } from '../app/types';
+import { REACTIONS_ENABLED } from '../base/flags/constants';
+import { getFeatureFlag } from '../base/flags/functions';
+import { getLocalParticipant } from '../base/participants/functions';
+import { extractFqnFromPath } from '../dynamic-branding/functions.any';
+import { iAmVisitor } from '../visitors/functions';
+
+import { IReactionEmojiProps, REACTIONS, ReactionThreshold, SOUNDS_THRESHOLDS } from './constants';
+import logger from './logger';
+
+/**
+ * Returns the queue of reactions.
+ *
+ * @param {Object} state - The state of the application.
+ * @returns {Array}
+ */
+export function getReactionsQueue(state: IReduxState): Array<IReactionEmojiProps> {
+    return state['features/reactions'].queue;
+}
+
+/**
+ * Returns chat message from reactions buffer.
+ *
+ * @param {Array} buffer - The reactions buffer.
+ * @returns {string}
+ */
+export function getReactionMessageFromBuffer(buffer: Array<string>): string {
+    return buffer.map<string>(reaction => REACTIONS[reaction].message).reduce((acc, val) => `${acc}${val}`);
+}
+
+/**
+ * Returns reactions array with uid.
+ *
+ * @param {Array} buffer - The reactions buffer.
+ * @returns {Array}
+ */
+export function getReactionsWithId(buffer: Array<string>): Array<IReactionEmojiProps> {
+    return buffer.map<IReactionEmojiProps>(reaction => {
+        return {
+            reaction,
+            uid: uuidv4()
+        };
+    });
+}
+
+/**
+ * Sends reactions to the backend.
+ *
+ * @param {Object} state - The redux state object.
+ * @param {Array} reactions - Reactions array to be sent.
+ * @returns {void}
+ */
+export async function sendReactionsWebhook(state: IReduxState, reactions: Array<string>) {
+    const { webhookProxyUrl: url } = state['features/base/config'];
+    const { conference } = state['features/base/conference'];
+    const { jwt } = state['features/base/jwt'];
+    const { connection } = state['features/base/connection'];
+    const jid = connection?.getJid();
+    const localParticipant = getLocalParticipant(state);
+
+    const headers = {
+        ...jwt ? { 'Authorization': `Bearer ${jwt}` } : {},
+        'Content-Type': 'application/json'
+    };
+
+
+    const reqBody = {
+        meetingFqn: extractFqnFromPath(),
+        sessionId: conference?.sessionId,
+        submitted: Date.now(),
+        reactions,
+        participantId: localParticipant?.jwtId,
+        participantName: localParticipant?.name,
+        participantJid: jid
+    };
+
+    if (url) {
+        try {
+            const res = await fetch(`${url}/reactions`, {
+                method: 'POST',
+                headers,
+                body: JSON.stringify(reqBody)
+            });
+
+            if (!res.ok) {
+                logger.error('Status error:', res.status);
+            }
+        } catch (err) {
+            logger.error('Could not send request', err);
+        }
+    }
+}
+
+/**
+ * Returns unique reactions from the reactions buffer.
+ *
+ * @param {Array} reactions - The reactions buffer.
+ * @returns {Array}
+ */
+function getUniqueReactions(reactions: Array<string>): Array<string> {
+    return [ ...new Set(reactions) ];
+}
+
+/**
+ * Returns frequency of given reaction in array.
+ *
+ * @param {Array} reactions - Array of reactions.
+ * @param {string} reaction - Reaction to get frequency for.
+ * @returns {number}
+ */
+function getReactionFrequency(reactions: Array<string>, reaction: string): number {
+    return reactions.filter(r => r === reaction).length;
+}
+
+/**
+ * Returns the threshold number for a given frequency.
+ *
+ * @param {number} frequency - Frequency of reaction.
+ * @returns {number}
+ */
+function getSoundThresholdByFrequency(frequency: number): number {
+    for (const i of SOUNDS_THRESHOLDS) {
+        if (frequency <= i) {
+            return i;
+        }
+    }
+
+    return SOUNDS_THRESHOLDS[SOUNDS_THRESHOLDS.length - 1];
+}
+
+/**
+ * Returns unique reactions with threshold.
+ *
+ * @param {Array} reactions - The reactions buffer.
+ * @returns {Array}
+ */
+export function getReactionsSoundsThresholds(reactions: Array<string>): Array<ReactionThreshold> {
+    const unique = getUniqueReactions(reactions);
+
+    return unique.map<ReactionThreshold>(reaction => {
+        return {
+            reaction,
+            threshold: getSoundThresholdByFrequency(getReactionFrequency(reactions, reaction))
+        };
+    });
+}
+
+/**
+ * Whether or not the reactions are enabled.
+ *
+ * @param {Object} state - The Redux state object.
+ * @returns {boolean}
+ */
+export function isReactionsEnabled(state: IReduxState): boolean {
+    const { disableReactions } = state['features/base/config'];
+
+    if (navigator.product === 'ReactNative') {
+        return !disableReactions && getFeatureFlag(state, REACTIONS_ENABLED, true);
+    }
+
+    return !disableReactions;
+}
+
+/**
+ * Returns true if the reactions buttons should be displayed anywhere on the page and false otherwise.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @returns {boolean}
+ */
+export function shouldDisplayReactionsButtons(state: IReduxState): boolean {
+    return isReactionsEnabled(state) && !iAmVisitor(state);
+}
diff --git a/react/features/reactions/functions.native.ts b/react/features/reactions/functions.native.ts
new file mode 100644
index 0000000..fb2a6bc
--- /dev/null
+++ b/react/features/reactions/functions.native.ts
@@ -0,0 +1 @@
+export * from './functions.any';
diff --git a/react/features/reactions/functions.web.ts b/react/features/reactions/functions.web.ts
new file mode 100644
index 0000000..eda553f
--- /dev/null
+++ b/react/features/reactions/functions.web.ts
@@ -0,0 +1,27 @@
+import { IReduxState } from '../app/types';
+
+import { isReactionsEnabled } from './functions.any';
+
+export * from './functions.any';
+
+/**
+ * Returns the visibility state of the reactions menu.
+ *
+ * @param {Object} state - The state of the application.
+ * @returns {boolean}
+ */
+export function getReactionsMenuVisibility(state: IReduxState): boolean {
+    return state['features/reactions'].visible;
+}
+
+/**
+ * Whether or not the reactions button is enabled.
+ *
+ * @param {Object} state - The Redux state object.
+ * @returns {boolean}
+ */
+export function isReactionsButtonEnabled(state: IReduxState) {
+    const { toolbarButtons } = state['features/toolbox'];
+
+    return Boolean(toolbarButtons?.includes('reactions')) && isReactionsEnabled(state);
+}
diff --git a/react/features/reactions/hooks.web.ts b/react/features/reactions/hooks.web.ts
new file mode 100644
index 0000000..e49d569
--- /dev/null
+++ b/react/features/reactions/hooks.web.ts
@@ -0,0 +1,23 @@
+import { useSelector } from 'react-redux';
+
+import ReactionsMenuButton from './components/web/ReactionsMenuButton';
+import { isReactionsButtonEnabled } from './functions';
+
+const reactions = {
+    key: 'reactions',
+    Content: ReactionsMenuButton,
+    group: 2
+};
+
+/**
+ * A hook that returns the reactions button if it is enabled and undefined otherwise.
+ *
+ *  @returns {Object | undefined}
+ */
+export function useReactionsButton() {
+    const reactionsButtonEnabled = useSelector(isReactionsButtonEnabled);
+
+    if (reactionsButtonEnabled) {
+        return reactions;
+    }
+}
diff --git a/react/features/reactions/logger.ts b/react/features/reactions/logger.ts
new file mode 100644
index 0000000..c0c6319
--- /dev/null
+++ b/react/features/reactions/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:reactions');
diff --git a/react/features/reactions/middleware.ts b/react/features/reactions/middleware.ts
new file mode 100644
index 0000000..ce753e2
--- /dev/null
+++ b/react/features/reactions/middleware.ts
@@ -0,0 +1,271 @@
+import { batch } from 'react-redux';
+import { AnyAction } from 'redux';
+
+import { createReactionSoundsDisabledEvent } from '../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../analytics/functions';
+import { IStore } from '../app/types';
+import { APP_WILL_MOUNT, APP_WILL_UNMOUNT } from '../base/app/actionTypes';
+import { CONFERENCE_JOIN_IN_PROGRESS, SET_START_REACTIONS_MUTED } from '../base/conference/actionTypes';
+import { setStartReactionsMuted } from '../base/conference/actions';
+import {
+    getParticipantById,
+    getParticipantCount,
+    isLocalParticipantModerator
+} from '../base/participants/functions';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { SETTINGS_UPDATED } from '../base/settings/actionTypes';
+import { updateSettings } from '../base/settings/actions';
+import { playSound, registerSound, unregisterSound } from '../base/sounds/actions';
+import { getDisabledSounds } from '../base/sounds/functions.any';
+import { showNotification } from '../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE } from '../notifications/constants';
+
+import {
+    ADD_REACTION_BUFFER,
+    FLUSH_REACTION_BUFFER,
+    PUSH_REACTIONS,
+    SEND_REACTIONS,
+    SHOW_SOUNDS_NOTIFICATION
+} from './actionTypes';
+import {
+    addReactionsToChat,
+    displayReactionSoundsNotification,
+    flushReactionBuffer,
+    pushReactions,
+    sendReactions,
+    setReactionQueue
+} from './actions';
+import {
+    ENDPOINT_REACTION_NAME,
+    IMuteCommandAttributes,
+    MUTE_REACTIONS_COMMAND,
+    RAISE_HAND_SOUND_ID,
+    REACTIONS,
+    REACTION_SOUND,
+    SOUNDS_THRESHOLDS
+} from './constants';
+import {
+    getReactionMessageFromBuffer,
+    getReactionsSoundsThresholds,
+    getReactionsWithId,
+    sendReactionsWebhook
+} from './functions.any';
+import logger from './logger';
+import { RAISE_HAND_SOUND_FILE } from './sounds';
+
+/**
+ * Middleware which intercepts Reactions actions to handle changes to the
+ * visibility timeout of the Reactions.
+ *
+ * @param {IStore} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register((store: IStore) => (next: Function) => (action: AnyAction) => {
+    const { dispatch, getState } = store;
+
+    switch (action.type) {
+    case APP_WILL_MOUNT:
+        batch(() => {
+            Object.keys(REACTIONS).forEach(key => {
+                for (let i = 0; i < SOUNDS_THRESHOLDS.length; i++) {
+                    dispatch(registerSound(
+                        `${REACTIONS[key].soundId}${SOUNDS_THRESHOLDS[i]}`,
+                        REACTIONS[key].soundFiles[i]
+                    )
+                    );
+                }
+            }
+            );
+            dispatch(registerSound(RAISE_HAND_SOUND_ID, RAISE_HAND_SOUND_FILE));
+        });
+        break;
+
+    case APP_WILL_UNMOUNT:
+        batch(() => {
+            Object.keys(REACTIONS).forEach(key => {
+                for (let i = 0; i < SOUNDS_THRESHOLDS.length; i++) {
+                    dispatch(unregisterSound(`${REACTIONS[key].soundId}${SOUNDS_THRESHOLDS[i]}`));
+                }
+            });
+            dispatch(unregisterSound(RAISE_HAND_SOUND_ID));
+        });
+        break;
+
+    case ADD_REACTION_BUFFER: {
+        const { timeoutID, buffer } = getState()['features/reactions'];
+        const { reaction } = action;
+
+        clearTimeout(timeoutID ?? 0);
+        buffer.push(reaction);
+        action.buffer = buffer;
+        action.timeoutID = setTimeout(() => {
+            dispatch(flushReactionBuffer());
+        }, 500);
+
+        break;
+    }
+    case CONFERENCE_JOIN_IN_PROGRESS: {
+        const { conference } = action;
+
+        conference.addCommandListener(
+            MUTE_REACTIONS_COMMAND, ({ attributes }: { attributes: IMuteCommandAttributes; }, id: any) => {
+                _onMuteReactionsCommand(attributes, id, store);
+            });
+        break;
+    }
+    case FLUSH_REACTION_BUFFER: {
+        const state = getState();
+        const { buffer } = state['features/reactions'];
+        const participantCount = getParticipantCount(state);
+
+        batch(() => {
+            if (participantCount > 1) {
+                dispatch(sendReactions());
+            }
+            dispatch(addReactionsToChat(getReactionMessageFromBuffer(buffer)));
+            dispatch(pushReactions(buffer));
+        });
+
+        sendReactionsWebhook(state, buffer);
+
+        break;
+    }
+
+    case PUSH_REACTIONS: {
+        const state = getState();
+        const { queue, notificationDisplayed } = state['features/reactions'];
+        const { soundsReactions } = state['features/base/settings'];
+        const disabledSounds = getDisabledSounds(state);
+        const reactions = action.reactions;
+
+        batch(() => {
+            if (!notificationDisplayed && soundsReactions && !disabledSounds.includes(REACTION_SOUND)
+                && displayReactionSoundsNotification) {
+                dispatch(displayReactionSoundsNotification());
+            }
+            if (soundsReactions) {
+                const reactionSoundsThresholds = getReactionsSoundsThresholds(reactions);
+
+                reactionSoundsThresholds.forEach(reaction =>
+                    dispatch(playSound(`${REACTIONS[reaction.reaction].soundId}${reaction.threshold}`))
+                );
+            }
+            dispatch(setReactionQueue([ ...queue, ...getReactionsWithId(reactions) ]));
+        });
+        break;
+    }
+
+    case SEND_REACTIONS: {
+        const state = getState();
+        const { buffer } = state['features/reactions'];
+        const { conference } = state['features/base/conference'];
+
+        if (conference) {
+            conference.sendEndpointMessage('', {
+                name: ENDPOINT_REACTION_NAME,
+                reactions: buffer,
+                timestamp: Date.now()
+            });
+        }
+        break;
+    }
+
+    // Settings changed for mute reactions in the meeting
+    case SET_START_REACTIONS_MUTED: {
+        const state = getState();
+        const { conference } = state['features/base/conference'];
+        const { muted, updateBackend } = action;
+
+        if (conference && isLocalParticipantModerator(state) && updateBackend) {
+            conference.sendCommand(MUTE_REACTIONS_COMMAND, { attributes: { startReactionsMuted: Boolean(muted) } });
+        }
+        break;
+    }
+
+    case SETTINGS_UPDATED: {
+        const { soundsReactions } = getState()['features/base/settings'];
+
+        if (action.settings.soundsReactions === false && soundsReactions === true) {
+            sendAnalytics(createReactionSoundsDisabledEvent());
+        }
+        break;
+    }
+
+    case SHOW_SOUNDS_NOTIFICATION: {
+        const state = getState();
+        const isModerator = isLocalParticipantModerator(state);
+        const { disableReactionsModeration } = state['features/base/config'];
+
+        const customActions = [ 'notify.reactionSounds' ];
+        const customFunctions: Function[] = [ () => dispatch(updateSettings({
+            soundsReactions: false
+        })) ];
+
+        if (isModerator && !disableReactionsModeration) {
+            customActions.push('notify.reactionSoundsForAll');
+            customFunctions.push(() => batch(() => {
+                dispatch(setStartReactionsMuted(true));
+                dispatch(updateSettings({ soundsReactions: false }));
+            }));
+        }
+
+        dispatch(showNotification({
+            titleKey: 'toolbar.disableReactionSounds',
+            customActionNameKey: customActions,
+            customActionHandler: customFunctions
+        }, NOTIFICATION_TIMEOUT_TYPE.MEDIUM));
+        break;
+    }
+    }
+
+    return next(action);
+});
+
+/**
+ * Notifies this instance about a "Mute Reaction Sounds" command received by the Jitsi
+ * conference.
+ *
+ * @param {Object} attributes - The attributes carried by the command.
+ * @param {string} id - The identifier of the participant who issuing the
+ * command. A notable idiosyncrasy to be mindful of here is that the command
+ * may be issued by the local participant.
+ * @param {Object} store - The redux store. Used to calculate and dispatch
+ * updates.
+ * @private
+ * @returns {void}
+ */
+function _onMuteReactionsCommand(attributes: IMuteCommandAttributes = {}, id: string, store: IStore) {
+    const state = store.getState();
+
+    // We require to know who issued the command because (1) only a
+    // moderator is allowed to send commands and (2) a command MUST be
+    // issued by a defined commander.
+    if (typeof id === 'undefined') {
+        return;
+    }
+
+    const participantSendingCommand = getParticipantById(state, id);
+
+    // The Command(s) API will send us our own commands and we don't want
+    // to act upon them.
+    if (participantSendingCommand?.local) {
+        return;
+    }
+
+    if (participantSendingCommand?.role !== 'moderator') {
+        logger.warn('Received mute-reactions command not from moderator');
+
+        return;
+    }
+
+    const oldState = Boolean(state['features/base/conference'].startReactionsMuted);
+
+    const newState = attributes.startReactionsMuted === 'true';
+
+    if (oldState !== newState) {
+        batch(() => {
+            store.dispatch(setStartReactionsMuted(newState));
+            store.dispatch(updateSettings({ soundsReactions: !newState }));
+        });
+    }
+}
diff --git a/react/features/reactions/reducer.ts b/react/features/reactions/reducer.ts
new file mode 100644
index 0000000..e2a269e
--- /dev/null
+++ b/react/features/reactions/reducer.ts
@@ -0,0 +1,121 @@
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import {
+    ADD_REACTION_BUFFER,
+    FLUSH_REACTION_BUFFER,
+    SET_REACTION_QUEUE,
+    SHOW_SOUNDS_NOTIFICATION,
+    TOGGLE_REACTIONS_VISIBLE
+} from './actionTypes';
+import { IReactionEmojiProps } from './constants';
+
+export interface IReactionsState {
+
+    /**
+     * An array that contains the reactions buffer to be sent.
+     */
+    buffer: Array<string>;
+
+    /**
+     * Whether or not the disable reaction sounds notification was shown.
+     */
+    notificationDisplayed: boolean;
+
+    /**
+    * The array of reactions to animate.
+    */
+    queue: Array<IReactionEmojiProps>;
+
+    /**
+     * A number, non-zero value which identifies the timer created by a call
+     * to setTimeout().
+     */
+    timeoutID: number | null;
+
+    /**
+     * The indicator that determines whether the reactions menu is visible.
+     */
+    visible: boolean;
+}
+
+export interface IReactionsAction extends Partial<IReactionsState> {
+
+    /**
+     * The message to be added to the chat.
+     */
+    message?: string;
+
+    /**
+     * The reaction to be added to buffer.
+     */
+    reaction?: string;
+
+    /**
+     * The reactions to be added to the animation queue.
+     */
+    reactions?: Array<string>;
+
+    /**
+     * The action type.
+     */
+    type: string;
+}
+
+/**
+ * Returns initial state for reactions' part of Redux store.
+ *
+ * @private
+ * @returns {IReactionsState}
+ */
+function _getInitialState(): IReactionsState {
+    return {
+        visible: false,
+        buffer: [],
+        timeoutID: null,
+        queue: [],
+        notificationDisplayed: false
+    };
+}
+
+ReducerRegistry.register<IReactionsState>(
+    'features/reactions',
+    (state = _getInitialState(), action: IReactionsAction): IReactionsState => {
+        switch (action.type) {
+
+        case TOGGLE_REACTIONS_VISIBLE:
+            return {
+                ...state,
+                visible: !state.visible
+            };
+
+        case ADD_REACTION_BUFFER:
+            return {
+                ...state,
+                buffer: action.buffer ?? [],
+                timeoutID: action.timeoutID ?? null
+            };
+
+        case FLUSH_REACTION_BUFFER:
+            return {
+                ...state,
+                buffer: [],
+                timeoutID: null
+            };
+
+        case SET_REACTION_QUEUE: {
+            return {
+                ...state,
+                queue: action.queue ?? []
+            };
+        }
+
+        case SHOW_SOUNDS_NOTIFICATION: {
+            return {
+                ...state,
+                notificationDisplayed: true
+            };
+        }
+        }
+
+        return state;
+    });
diff --git a/react/features/reactions/sounds.ts b/react/features/reactions/sounds.ts
new file mode 100644
index 0000000..9d0a293
--- /dev/null
+++ b/react/features/reactions/sounds.ts
@@ -0,0 +1,55 @@
+/**
+ * The name of the bundled audio files which will be played for the laugh reaction sound.
+ *
+ * @type {Array<string>}
+ */
+export const LAUGH_SOUND_FILES = new Array(3).fill('reactions-laughter.mp3');
+
+/**
+ * The name of the bundled audio file which will be played for the clap reaction sound.
+ *
+ * @type {Array<string>}
+ */
+export const CLAP_SOUND_FILES = new Array(3).fill('reactions-applause.mp3');
+
+/**
+ * The name of the bundled audio file which will be played for the like reaction sound.
+ *
+ * @type {Array<string>}
+ */
+export const LIKE_SOUND_FILES = new Array(3).fill('reactions-thumbs-up.mp3');
+
+/**
+ * The name of the bundled audio file which will be played for the boo reaction sound.
+ *
+ * @type {Array<string>}
+ */
+export const BOO_SOUND_FILES = new Array(3).fill('reactions-boo.mp3');
+
+/**
+ * The name of the bundled audio file which will be played for the surprised reaction sound.
+ *
+ * @type {Array<string>}
+ */
+export const SURPRISE_SOUND_FILES = new Array(3).fill('reactions-surprise.mp3');
+
+/**
+ * The name of the bundled audio file which will be played for the silence reaction sound.
+ *
+ * @type {Array<string>}
+ */
+export const SILENCE_SOUND_FILES = new Array(3).fill('reactions-crickets.mp3');
+
+/**
+ * The name of the bundled audio file which will be played for the heart reaction sound.
+ *
+ * @type {Array<string>}
+ */
+export const HEART_SOUND_FILES = new Array(3).fill('reactions-love.mp3');
+
+/**
+ * The name of the bundled audio file which will be played for the raise hand sound.
+ *
+ * @type {string}
+ */
+export const RAISE_HAND_SOUND_FILE = 'reactions-raised-hand.mp3';
diff --git a/react/features/reactions/types.ts b/react/features/reactions/types.ts
new file mode 100644
index 0000000..bcc1a5c
--- /dev/null
+++ b/react/features/reactions/types.ts
@@ -0,0 +1,5 @@
+export enum IReactionsMenuParent {
+    Button = 1,
+    OverflowMenu = 2,
+    OverflowDrawer = 3
+}
diff --git a/react/features/recent-list/actionTypes.ts b/react/features/recent-list/actionTypes.ts
new file mode 100644
index 0000000..6d02d04
--- /dev/null
+++ b/react/features/recent-list/actionTypes.ts
@@ -0,0 +1,34 @@
+/**
+ * Action type to signal the deletion of a list entry.
+ *
+ * {
+ *     type: DELETE_RECENT_LIST_ENTRY,
+ *     entryId: Object
+ * }
+ */
+export const DELETE_RECENT_LIST_ENTRY = 'DELETE_RECENT_LIST_ENTRY';
+
+/**
+ * Action type to signal a new addition to the list.
+ *
+ * {
+ *     type: _STORE_CURRENT_CONFERENCE,
+ *     locationURL: Object
+ * }
+ *
+ * @protected
+ */
+export const _STORE_CURRENT_CONFERENCE = '_STORE_CURRENT_CONFERENCE';
+
+/**
+ * Action type to signal that a new conference duration info is available.
+ *
+ * {
+ *     type: _UPDATE_CONFERENCE_DURATION,
+ *     locationURL: Object
+ * }
+ *
+ * @protected
+ */
+export const _UPDATE_CONFERENCE_DURATION
+    = '_UPDATE_CONFERENCE_DURATION';
diff --git a/react/features/recent-list/actions.ts b/react/features/recent-list/actions.ts
new file mode 100644
index 0000000..90ed8ff
--- /dev/null
+++ b/react/features/recent-list/actions.ts
@@ -0,0 +1,56 @@
+import {
+    DELETE_RECENT_LIST_ENTRY,
+    _STORE_CURRENT_CONFERENCE,
+    _UPDATE_CONFERENCE_DURATION
+} from './actionTypes';
+
+/**
+ * Deletes a recent list entry based on url and date.
+ *
+ * @param {Object} entryId - An object constructed of the url and the date of
+ * the entry for easy identification.
+ * @returns {{
+ *     type: DELETE_RECENT_LIST_ENTRY,
+ *     entryId: Object
+ * }}
+ */
+export function deleteRecentListEntry(entryId: Object) {
+    return {
+        type: DELETE_RECENT_LIST_ENTRY,
+        entryId
+    };
+}
+
+/**
+ * Action to initiate a new addition to the list.
+ *
+ * @param {Object} locationURL - The current location URL.
+ * @protected
+ * @returns {{
+ *     type: _STORE_CURRENT_CONFERENCE,
+ *     locationURL: Object
+ * }}
+ */
+export function _storeCurrentConference(locationURL: Object) {
+    return {
+        type: _STORE_CURRENT_CONFERENCE,
+        locationURL
+    };
+}
+
+/**
+ * Action to initiate the update of the duration of the last conference.
+ *
+ * @param {Object} locationURL - The current location URL.
+ * @protected
+ * @returns {{
+ *     type: _UPDATE_CONFERENCE_DURATION,
+ *     locationURL: Object
+ * }}
+ */
+export function _updateConferenceDuration(locationURL: Object) {
+    return {
+        type: _UPDATE_CONFERENCE_DURATION,
+        locationURL
+    };
+}
diff --git a/react/features/recent-list/components/AbstractRecentList.tsx b/react/features/recent-list/components/AbstractRecentList.tsx
new file mode 100644
index 0000000..15ae02e
--- /dev/null
+++ b/react/features/recent-list/components/AbstractRecentList.tsx
@@ -0,0 +1,97 @@
+import React from 'react';
+
+import { createRecentClickedEvent, createRecentSelectedEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { appNavigate } from '../../app/actions';
+import { IStore } from '../../app/types';
+import AbstractPage from '../../base/react/components/AbstractPage';
+import { Container, Text } from '../../base/react/components/index';
+
+import styles from './styles';
+
+/**
+ * The type of the React {@code Component} props of {@link AbstractRecentList}.
+ */
+interface IProps {
+
+    /**
+     * The redux store's {@code dispatch} function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * The translate function.
+     */
+    t: Function;
+}
+
+/**
+ * An abstract component for the recent list.
+ *
+ */
+export default class AbstractRecentList<P extends IProps> extends AbstractPage<P> {
+    /**
+     * Initializes a new {@code RecentList} instance.
+     *
+     * @inheritdoc
+     */
+    constructor(props: P) {
+        super(props);
+
+        this._onPress = this._onPress.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#componentDidMount()}. Invoked
+     * immediately after this component is mounted.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidMount() {
+        sendAnalytics(createRecentSelectedEvent());
+    }
+
+    /**
+     * Returns a list empty component if a custom one has to be rendered instead
+     * of the default one in the {@link NavigateSectionList}.
+     *
+     * @private
+     * @returns {React$Component}
+     */
+    _getRenderListEmptyComponent() {
+        const { t } = this.props;
+        const descriptionId = 'meetings-list-empty-description';
+
+        return (
+            <Container
+                aria-describedby = { descriptionId }
+                aria-label = { t('welcomepage.recentList') }
+                className = 'meetings-list-empty'
+                role = 'region'
+                style = { styles.emptyListContainer as any }>
+                <Text // @ts-ignore
+                    className = 'description'
+                    id = { descriptionId }
+                    style = { styles.emptyListText as any }>
+                    { t('welcomepage.recentListEmpty') }
+                </Text>
+            </Container>
+        );
+    }
+
+    /**
+     * Handles the list's navigate action.
+     *
+     * @private
+     * @param {string} url - The url string to navigate to.
+     * @returns {void}
+     */
+    _onPress(url: string) {
+        const { dispatch } = this.props;
+
+        sendAnalytics(createRecentClickedEvent('meeting.tile'));
+
+        dispatch(appNavigate(url));
+    }
+}
diff --git a/react/features/recent-list/components/DeleteItemButton.native.ts b/react/features/recent-list/components/DeleteItemButton.native.ts
new file mode 100644
index 0000000..2e001d6
--- /dev/null
+++ b/react/features/recent-list/components/DeleteItemButton.native.ts
@@ -0,0 +1,37 @@
+import { connect } from 'react-redux';
+
+import { translate } from '../../base/i18n/functions';
+import { IconTrash } from '../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../base/toolbox/components/AbstractButton';
+import { deleteRecentListEntry } from '../actions';
+
+export interface IProps extends AbstractButtonProps {
+
+    /**
+     * The ID of the entry to be deleted.
+     */
+    itemId: Object;
+}
+
+/**
+ * A recent list menu button which deletes the selected entry.
+ */
+class DeleteItemButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'welcomepage.recentListDelete';
+    override icon = IconTrash;
+    override label = 'welcomepage.recentListDelete';
+
+    /**
+     * Handles clicking / pressing the button.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { dispatch, itemId } = this.props;
+
+        dispatch(deleteRecentListEntry(itemId));
+    }
+}
+
+export default translate(connect()(DeleteItemButton));
diff --git a/react/features/recent-list/components/RecentList.native.tsx b/react/features/recent-list/components/RecentList.native.tsx
new file mode 100644
index 0000000..f488372
--- /dev/null
+++ b/react/features/recent-list/components/RecentList.native.tsx
@@ -0,0 +1,128 @@
+import React from 'react';
+import { WithTranslation } from 'react-i18next';
+import { GestureResponderEvent, TouchableWithoutFeedback, View, ViewStyle } from 'react-native';
+import { connect } from 'react-redux';
+
+import { getDefaultURL } from '../../app/functions.native';
+import { IReduxState, IStore } from '../../app/types';
+import { openSheet } from '../../base/dialog/actions';
+import { translate } from '../../base/i18n/functions';
+import NavigateSectionList from '../../base/react/components/native/NavigateSectionList';
+import { Item, Section } from '../../base/react/types';
+import styles from '../../welcome/components/styles.native';
+import { isRecentListEnabled, toDisplayableList } from '../functions.native';
+
+import AbstractRecentList from './AbstractRecentList';
+import RecentListItemMenu from './RecentListItemMenu.native';
+
+/**
+ * The type of the React {@code Component} props of {@link RecentList}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * The default server URL.
+     */
+    _defaultServerURL: string;
+
+    /**
+     * The recent list from the Redux store.
+     */
+    _recentList: Array<Section>;
+
+    /**
+     * Renders the list disabled.
+     */
+    disabled: boolean;
+
+    /**
+     * The redux store's {@code dispatch} function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Callback to be invoked when pressing the list container.
+     */
+    onListContainerPress?: (e?: GestureResponderEvent) => void;
+}
+
+/**
+ * A class that renders the list of the recently joined rooms.
+ *
+ */
+class RecentList extends AbstractRecentList<IProps> {
+    /**
+     * Initializes a new {@code RecentList} instance.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handlers so they are only bound once per instance.
+        this._onLongPress = this._onLongPress.bind(this);
+    }
+
+    /**
+     * Implements the React Components's render method.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        if (!isRecentListEnabled()) {
+            return null;
+        }
+        const {
+            disabled,
+            onListContainerPress,
+            t,
+            _defaultServerURL,
+            _recentList
+        } = this.props; // @ts-ignore
+        const recentList = toDisplayableList(_recentList, t, _defaultServerURL);
+
+        return (
+            <TouchableWithoutFeedback
+                onPress = { onListContainerPress }>
+                <View style = { (disabled ? styles.recentListDisabled : styles.recentList) as ViewStyle }>
+                    <NavigateSectionList
+                        disabled = { disabled }
+                        onLongPress = { this._onLongPress }
+                        onPress = { this._onPress }
+                        renderListEmptyComponent
+                            = { this._getRenderListEmptyComponent() }
+
+                        // @ts-ignore
+                        sections = { recentList } />
+                </View>
+            </TouchableWithoutFeedback>
+        );
+    }
+
+    /**
+     * Handles the list's navigate action.
+     *
+     * @private
+     * @param {Object} item - The item which was long pressed.
+     * @returns {void}
+     */
+    _onLongPress(item: Item) {
+        this.props.dispatch(openSheet(RecentListItemMenu, { item }));
+    }
+}
+
+/**
+ * Maps redux state to component props.
+ *
+ * @param {Object} state - The redux state.
+ * @returns {IProps}
+ */
+export function _mapStateToProps(state: IReduxState) {
+    return {
+        _defaultServerURL: getDefaultURL(state),
+        _recentList: state['features/recent-list']
+    };
+}
+
+// @ts-ignore
+export default translate(connect(_mapStateToProps)(RecentList));
diff --git a/react/features/recent-list/components/RecentList.web.tsx b/react/features/recent-list/components/RecentList.web.tsx
new file mode 100644
index 0000000..4bc36a4
--- /dev/null
+++ b/react/features/recent-list/components/RecentList.web.tsx
@@ -0,0 +1,105 @@
+import React from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../app/types';
+import { translate } from '../../base/i18n/functions';
+import MeetingsList from '../../base/react/components/web/MeetingsList';
+import { deleteRecentListEntry } from '../actions';
+import { isRecentListEnabled, toDisplayableList } from '../functions.web';
+
+import AbstractRecentList from './AbstractRecentList';
+
+/**
+ * The type of the React {@code Component} props of {@link RecentList}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * The recent list from the Redux store.
+     */
+    _recentList: Array<any>;
+
+    /**
+     * Renders the list disabled.
+     */
+    disabled?: boolean;
+
+    /**
+     * The redux store's {@code dispatch} function.
+     */
+    dispatch: IStore['dispatch'];
+}
+
+/**
+ * The cross platform container rendering the list of the recently joined rooms.
+ *
+ */
+class RecentList extends AbstractRecentList<IProps> {
+    /**
+     * Initializes a new {@code RecentList} instance.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._getRenderListEmptyComponent
+            = this._getRenderListEmptyComponent.bind(this);
+        this._onPress = this._onPress.bind(this);
+        this._onItemDelete = this._onItemDelete.bind(this);
+    }
+
+    /**
+     * Deletes a recent entry.
+     *
+     * @param {Object} entry - The entry to be deleted.
+     * @inheritdoc
+     */
+    _onItemDelete(entry: Object) {
+        this.props.dispatch(deleteRecentListEntry(entry));
+    }
+
+    /**
+     * Implements the React Components's render method.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        if (!isRecentListEnabled()) {
+            return null;
+        }
+        const {
+            disabled,
+            _recentList
+        } = this.props;
+        const recentList = toDisplayableList(_recentList);
+
+        return (
+            <MeetingsList
+                disabled = { Boolean(disabled) }
+                hideURL = { true }
+                listEmptyComponent = { this._getRenderListEmptyComponent() }
+                meetings = { recentList }
+                onItemDelete = { this._onItemDelete }
+                onPress = { this._onPress } />
+        );
+    }
+}
+
+/**
+ * Maps redux state to component props.
+ *
+ * @param {Object} state - The redux state.
+ * @returns {{
+ *     _defaultServerURL: string,
+ *     _recentList: Array
+ * }}
+ */
+export function _mapStateToProps(state: IReduxState) {
+    return {
+        _recentList: state['features/recent-list']
+    };
+}
+
+export default translate(connect(_mapStateToProps)(RecentList));
diff --git a/react/features/recent-list/components/RecentListItemMenu.native.tsx b/react/features/recent-list/components/RecentListItemMenu.native.tsx
new file mode 100644
index 0000000..6a600f9
--- /dev/null
+++ b/react/features/recent-list/components/RecentListItemMenu.native.tsx
@@ -0,0 +1,102 @@
+import React, { PureComponent } from 'react';
+import { Text, TextStyle, View, ViewStyle } from 'react-native';
+import { connect } from 'react-redux';
+
+import { IStore } from '../../app/types';
+import { hideSheet } from '../../base/dialog/actions';
+import BottomSheet from '../../base/dialog/components/native/BottomSheet';
+import { bottomSheetStyles } from '../../base/dialog/components/native/styles';
+import { Item } from '../../base/react/types';
+
+import DeleteItemButton from './DeleteItemButton.native';
+import ShowDialInInfoButton from './ShowDialInInfoButton.native';
+import styles from './styles.native';
+
+interface IProps {
+
+    /**
+     * The Redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Item being rendered in this menu.
+     */
+    item: Item;
+}
+
+/**
+ * Class to implement a popup menu that opens upon long pressing a recent list item.
+ */
+class RecentListItemMenu extends PureComponent<IProps> {
+    /**
+     * Constructor of the component.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._onCancel = this._onCancel.bind(this);
+        this._renderMenuHeader = this._renderMenuHeader.bind(this);
+    }
+
+    /**
+     * Implements {@code Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { item } = this.props;
+        const buttonProps = {
+            afterClick: this._onCancel,
+            itemId: item.id,
+            showLabel: true,
+            styles: bottomSheetStyles.buttons
+        };
+
+        return (
+            <BottomSheet
+                renderHeader = { this._renderMenuHeader }>
+                <DeleteItemButton { ...buttonProps } />
+                <ShowDialInInfoButton { ...buttonProps } />
+            </BottomSheet>
+        );
+    }
+
+    /**
+     * Callback to hide this menu.
+     *
+     * @private
+     * @returns {boolean}
+     */
+    _onCancel() {
+        this.props.dispatch(hideSheet());
+    }
+
+    /**
+     * Function to render the menu's header.
+     *
+     * @returns {React$Element}
+     */
+    _renderMenuHeader() {
+        const { item } = this.props;
+
+        return (
+            <View
+                style = { [
+                    bottomSheetStyles.sheet,
+                    styles.entryNameContainer as ViewStyle
+                ] }>
+                <Text
+                    ellipsizeMode = { 'middle' }
+                    numberOfLines = { 1 }
+                    style = { styles.entryNameLabel as TextStyle }>
+                    { item.title }
+                </Text>
+            </View>
+        );
+    }
+}
+
+export default connect()(RecentListItemMenu);
diff --git a/react/features/recent-list/components/ShowDialInInfoButton.native.tsx b/react/features/recent-list/components/ShowDialInInfoButton.native.tsx
new file mode 100644
index 0000000..bfc6ae7
--- /dev/null
+++ b/react/features/recent-list/components/ShowDialInInfoButton.native.tsx
@@ -0,0 +1,40 @@
+import { connect } from 'react-redux';
+
+import { translate } from '../../base/i18n/functions';
+import { IconInfoCircle } from '../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../base/toolbox/components/AbstractButton';
+import { navigateRoot } from '../../mobile/navigation/rootNavigationContainerRef';
+import { screen } from '../../mobile/navigation/routes';
+
+export interface IProps extends AbstractButtonProps {
+
+    /**
+     * The ID of the entry to be deleted.
+     */
+    itemId: any;
+}
+
+/**
+ * A recent list menu button which opens the dial-in info dialog.
+ */
+class ShowDialInInfoButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'welcomepage.info';
+    override icon = IconInfoCircle;
+    override label = 'welcomepage.info';
+
+    /**
+     * Handles clicking / pressing the button.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { itemId } = this.props;
+
+        navigateRoot(screen.dialInSummary, {
+            summaryUrl: itemId.url
+        });
+    }
+}
+
+export default translate(connect()(ShowDialInInfoButton));
diff --git a/react/features/recent-list/components/styles.native.ts b/react/features/recent-list/components/styles.native.ts
new file mode 100644
index 0000000..262341c
--- /dev/null
+++ b/react/features/recent-list/components/styles.native.ts
@@ -0,0 +1,45 @@
+import { ColorPalette } from '../../base/styles/components/styles/ColorPalette';
+import { createStyleSheet } from '../../base/styles/functions.native';
+
+/**
+ * The styles of the React {@code Component}s of the feature recent-list i.e.
+ * {@code CalendarList}.
+ */
+export default createStyleSheet({
+
+    /**
+     * Text style of the empty recent list message.
+     */
+    emptyListText: {
+        backgroundColor: 'transparent',
+        color: 'rgba(255, 255, 255, 0.6)',
+        textAlign: 'center'
+    },
+
+    /**
+     * The style of the empty recent list container.
+     */
+    emptyListContainer: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        padding: 20
+    },
+
+    entryNameContainer: {
+        alignItems: 'center',
+        borderBottomColor: ColorPalette.lightGrey,
+        borderBottomWidth: 1,
+        borderTopLeftRadius: 16,
+        borderTopRightRadius: 16,
+        flexDirection: 'row',
+        justifyContent: 'center',
+        height: 48
+    },
+
+    entryNameLabel: {
+        color: ColorPalette.lightGrey,
+        flexShrink: 1,
+        fontSize: 16,
+        opacity: 0.90
+    }
+});
diff --git a/react/features/recent-list/components/styles.web.ts b/react/features/recent-list/components/styles.web.ts
new file mode 100644
index 0000000..a025b94
--- /dev/null
+++ b/react/features/recent-list/components/styles.web.ts
@@ -0,0 +1,4 @@
+export default {
+    emptyListContainer: {},
+    emptyListText: {}
+};
diff --git a/react/features/recent-list/functions.native.ts b/react/features/recent-list/functions.native.ts
new file mode 100644
index 0000000..0a7b637
--- /dev/null
+++ b/react/features/recent-list/functions.native.ts
@@ -0,0 +1,157 @@
+import {
+    getLocalizedDateFormatter,
+    getLocalizedDurationFormatter
+} from '../base/i18n/dateUtil';
+import NavigateSectionList from '../base/react/components/native/NavigateSectionList';
+import { parseURIString, safeDecodeURIComponent } from '../base/util/uri';
+
+import { IRecentItem } from './types';
+
+/**
+ * Creates a displayable list item of a recent list entry.
+ *
+ * @private
+ * @param {Object} item - The recent list entry.
+ * @param {string} defaultServerURL - The default server URL.
+ * @param {Function} t - The translate function.
+ * @returns {Object}
+ */
+function toDisplayableItem(item: IRecentItem,
+        defaultServerURL: string, t: Function) {
+    const location = parseURIString(item.conference);
+    const baseURL = `${location.protocol}//${location.host}`;
+    const serverName = baseURL === defaultServerURL ? null : location.host;
+
+    return {
+        colorBase: serverName,
+        id: {
+            date: item.date,
+            url: item.conference
+        },
+        key: `key-${item.conference}-${item.date}`,
+        lines: [
+            _toDateString(item.date, t),
+            _toDurationString(item.duration),
+            serverName
+        ],
+        title: safeDecodeURIComponent(location.room),
+        url: item.conference
+    };
+}
+
+/**
+ * Generates a duration string for the item.
+ *
+ * @private
+ * @param {number} duration - The item's duration.
+ * @returns {string}
+ */
+function _toDurationString(duration: number) {
+    if (duration) {
+        return getLocalizedDurationFormatter(duration);
+    }
+
+    return null;
+}
+
+/**
+ * Generates a date string for the item.
+ *
+ * @private
+ * @param {number} itemDate - The item's timestamp.
+ * @param {Function} t - The translate function.
+ * @returns {string}
+ */
+function _toDateString(itemDate: number, t: Function) {
+    const m = getLocalizedDateFormatter(itemDate);
+    const date = new Date(itemDate);
+    const dateInMs = date.getTime();
+    const now = new Date();
+    const todayInMs = new Date().setHours(0, 0, 0, 0);
+    const yesterday = new Date();
+
+    yesterday.setDate(yesterday.getDate() - 1);
+    yesterday.setHours(0, 0, 0, 0);
+    const yesterdayInMs = yesterday.getTime();
+
+    if (dateInMs >= todayInMs) {
+        return m.fromNow();
+    } else if (dateInMs >= yesterdayInMs) {
+        return `${t('dateUtils.yesterday')}, ${m.format('h:mm A')}`;
+    } else if (date.getFullYear() !== now.getFullYear()) {
+        // We only want to include the year in the date if its not the current
+        // year.
+        return m.format('ddd, MMMM DD h:mm A, gggg');
+    }
+
+    return m.format('ddd, MMMM DD h:mm A');
+}
+
+/**
+ * Transforms the history list to a displayable list
+ * with sections.
+ *
+ * @private
+ * @param {Array<Object>} recentList - The recent list form the redux store.
+ * @param {Function} t - The translate function.
+ * @param {string} defaultServerURL - The default server URL.
+ * @returns {Array<Object>}
+ */
+export function toDisplayableList(recentList: IRecentItem[],
+        t: Function, defaultServerURL: string) {
+    const { createSection } = NavigateSectionList;
+    const todaySection = createSection(t('dateUtils.today'), 'today');
+    const yesterdaySection
+        = createSection(t('dateUtils.yesterday'), 'yesterday');
+    const earlierSection
+        = createSection(t('dateUtils.earlier'), 'earlier');
+    const today = new Date();
+    const todayString = today.toDateString();
+    const yesterday = new Date();
+
+    yesterday.setDate(yesterday.getDate() - 1);
+    const yesterdayString = yesterday.toDateString();
+
+    for (const item of recentList) {
+        const itemDateString = new Date(item.date).toDateString();
+        const displayableItem = toDisplayableItem(item, defaultServerURL, t);
+
+        if (itemDateString === todayString) {
+            todaySection.data.push(displayableItem);
+        } else if (itemDateString === yesterdayString) {
+            yesterdaySection.data.push(displayableItem);
+        } else {
+            earlierSection.data.push(displayableItem);
+        }
+    }
+    const displayableList = [];
+
+    // the recent list in the redux store has the latest date in the last index
+    // therefore all the sectionLists' data that was created by parsing through
+    // the recent list is in reverse order and must be reversed for the most
+    // item to show first
+    if (todaySection.data.length) {
+        todaySection.data.reverse();
+        displayableList.push(todaySection);
+    }
+    if (yesterdaySection.data.length) {
+        yesterdaySection.data.reverse();
+        displayableList.push(yesterdaySection);
+    }
+    if (earlierSection.data.length) {
+        earlierSection.data.reverse();
+        displayableList.push(earlierSection);
+    }
+
+    return displayableList;
+}
+
+/**
+ * Returns <tt>true</tt> if recent list is enabled and <tt>false</tt> otherwise.
+ *
+ * @returns {boolean} <tt>true</tt> if recent list is enabled and <tt>false</tt>
+ * otherwise.
+ */
+export function isRecentListEnabled() {
+    return true;
+}
diff --git a/react/features/recent-list/functions.web.ts b/react/features/recent-list/functions.web.ts
new file mode 100644
index 0000000..0ac1d21
--- /dev/null
+++ b/react/features/recent-list/functions.web.ts
@@ -0,0 +1,33 @@
+import { parseURIString, safeDecodeURIComponent } from '../base/util/uri';
+
+
+/**
+ * Transforms the history list to a displayable list.
+ *
+ * @private
+ * @param {Array<Object>} recentList - The recent list form the redux store.
+ * @returns {Array<Object>}
+ */
+export function toDisplayableList(recentList: Array<{ conference: string; date: Date; duration: number; }>) {
+    return (
+        [ ...recentList ].reverse()
+            .map(item => {
+                return {
+                    date: item.date,
+                    duration: item.duration,
+                    time: [ item.date ],
+                    title: safeDecodeURIComponent(parseURIString(item.conference).room),
+                    url: item.conference
+                };
+            }));
+}
+
+/**
+ * Returns <tt>true</tt> if recent list is enabled and <tt>false</tt> otherwise.
+ *
+ * @returns {boolean} <tt>true</tt> if recent list is enabled and <tt>false</tt>
+ * otherwise.
+ */
+export function isRecentListEnabled() {
+    return interfaceConfig.RECENT_LIST_ENABLED;
+}
diff --git a/react/features/recent-list/logger.ts b/react/features/recent-list/logger.ts
new file mode 100644
index 0000000..2779707
--- /dev/null
+++ b/react/features/recent-list/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:recent-list');
diff --git a/react/features/recent-list/middleware.ts b/react/features/recent-list/middleware.ts
new file mode 100644
index 0000000..dad164f
--- /dev/null
+++ b/react/features/recent-list/middleware.ts
@@ -0,0 +1,150 @@
+import { AnyAction } from 'redux';
+
+import { IStore } from '../app/types';
+import { APP_WILL_MOUNT } from '../base/app/actionTypes';
+import { CONFERENCE_WILL_LEAVE, SET_ROOM } from '../base/conference/actionTypes';
+import { JITSI_CONFERENCE_URL_KEY } from '../base/conference/constants';
+import { addKnownDomains } from '../base/known-domains/actions';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { isEmbedded } from '../base/util/embedUtils';
+import { parseURIString } from '../base/util/uri';
+
+import { _storeCurrentConference, _updateConferenceDuration } from './actions';
+import { isRecentListEnabled } from './functions';
+
+/**
+ * Middleware that captures joined rooms so they can be saved into
+ * {@code window.localStorage}.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    if (isRecentListEnabled()) {
+        switch (action.type) {
+        case APP_WILL_MOUNT:
+            return _appWillMount(store, next, action);
+
+        case CONFERENCE_WILL_LEAVE:
+            return _conferenceWillLeave(store, next, action);
+
+        case SET_ROOM:
+            return _setRoom(store, next, action);
+        }
+    }
+
+    return next(action);
+});
+
+/**
+ * Notifies the feature recent-list that the redux action {@link APP_WILL_MOUNT}
+ * is being dispatched in a specific redux store.
+ *
+ * @param {Store} store - The redux store in which the specified action is being
+ * dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified action to the specified store.
+ * @param {Action} action - The redux action {@code APP_WILL_MOUNT} which is
+ * being dispatched in the specified redux store.
+ * @private
+ * @returns {*} The result returned by {@code next(action)}.
+ */
+function _appWillMount({ dispatch, getState }: IStore, next: Function, action: AnyAction) {
+    const result = next(action);
+
+    // It's an opportune time to transfer the feature recent-list's knowledge
+    // about "known domains" (which is local to the feature) to the feature
+    // base/known-domains (which is global to the app).
+    //
+    // XXX Since the feature recent-list predates the feature calendar-sync and,
+    // consequently, the feature known-domains, it's possible for the feature
+    // known-list to know of domains which the feature known-domains is yet to
+    // discover.
+    const knownDomains = [];
+
+    for (const { conference } of getState()['features/recent-list']) {
+        const uri = parseURIString(conference);
+        let host;
+
+        uri && (host = uri.host) && knownDomains.push(host);
+    }
+    knownDomains.length && dispatch(addKnownDomains(knownDomains));
+
+    return result;
+}
+
+/**
+ * Updates the duration of the last conference stored in the list.
+ *
+ * @param {Store} store - The redux store.
+ * @param {Dispatch} next - The redux {@code dispatch} function.
+ * @param {Action} action - The redux action {@link CONFERENCE_WILL_LEAVE}.
+ * @private
+ * @returns {*} The result returned by {@code next(action)}.
+ */
+function _conferenceWillLeave({ dispatch, getState }: IStore, next: Function, action: AnyAction) {
+    const state = getState();
+    const { doNotStoreRoom } = state['features/base/config'];
+
+    if (!doNotStoreRoom && !isEmbedded()) {
+        let locationURL;
+
+        /**
+         * FIXME:
+         * It is better to use action.conference[JITSI_CONFERENCE_URL_KEY]
+         * in order to make sure we get the url the conference is leaving
+         * from (i.e. The room we are leaving from) because if the order of events
+         * is different, we cannot be guaranteed that the location URL in base
+         * connection is the url we are leaving from... Not the one we are going to
+         * (the latter happens on mobile -- if we use the web implementation);
+         * however, the conference object on web does not have
+         * JITSI_CONFERENCE_URL_KEY so we cannot call it and must use the other way.
+         */
+        if (typeof APP === 'undefined') {
+            const { conference } = action;
+
+            // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
+            locationURL = conference && conference[JITSI_CONFERENCE_URL_KEY];
+        } else {
+            locationURL = state['features/base/connection'].locationURL;
+        }
+        dispatch(
+            _updateConferenceDuration(
+                locationURL
+            ));
+    }
+
+    return next(action);
+}
+
+/**
+ * Checks if there is a current conference (upon SET_ROOM action), and saves it
+ * if necessary.
+ *
+ * @param {Store} store - The redux store.
+ * @param {Dispatch} next - The redux {@code dispatch} function.
+ * @param {Action} action - The redux action {@link SET_ROOM}.
+ * @private
+ * @returns {*} The result returned by {@code next(action)}.
+ */
+function _setRoom({ dispatch, getState }: IStore, next: Function, action: AnyAction) {
+    const { doNotStoreRoom } = getState()['features/base/config'];
+
+    if (!doNotStoreRoom && !isEmbedded() && action.room) {
+        const { locationURL } = getState()['features/base/connection'];
+
+        if (locationURL) {
+            dispatch(_storeCurrentConference(locationURL));
+
+            // Whatever domain the feature recent-list knows about, the app as a
+            // whole should know about.
+            //
+            // XXX Technically, _storeCurrentConference could be turned into an
+            // asynchronous action creator which dispatches both
+            // _STORE_CURRENT_CONFERENCE and addKnownDomains but...
+            dispatch(addKnownDomains(locationURL.host));
+        }
+    }
+
+    return next(action);
+}
diff --git a/react/features/recent-list/reducer.ts b/react/features/recent-list/reducer.ts
new file mode 100644
index 0000000..1bdc96a
--- /dev/null
+++ b/react/features/recent-list/reducer.ts
@@ -0,0 +1,151 @@
+import { getURLWithoutParamsNormalized } from '../base/connection/utils';
+import PersistenceRegistry from '../base/redux/PersistenceRegistry';
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import {
+    DELETE_RECENT_LIST_ENTRY,
+    _STORE_CURRENT_CONFERENCE,
+    _UPDATE_CONFERENCE_DURATION
+} from './actionTypes';
+import { isRecentListEnabled } from './functions';
+
+interface IRecent {
+    conference: string;
+    date: number;
+    duration: number;
+}
+
+export type IRecentListState = IRecent[];
+
+/**
+ * The default/initial redux state of the feature {@code recent-list}.
+ *
+ * @type {IRecentListState}
+ */
+const DEFAULT_STATE: IRecentListState = [];
+
+/**
+ * The max size of the list.
+ *
+ * @type {number}
+ */
+export const MAX_LIST_SIZE = 30;
+
+/**
+ * The redux subtree of this feature.
+ */
+const STORE_NAME = 'features/recent-list';
+
+/**
+ * Sets up the persistence of the feature {@code recent-list}.
+ */
+PersistenceRegistry.register(STORE_NAME);
+
+/**
+ * Reduces redux actions for the purposes of the feature {@code recent-list}.
+ */
+ReducerRegistry.register<IRecentListState>(STORE_NAME, (state = DEFAULT_STATE, action): IRecentListState => {
+    if (isRecentListEnabled()) {
+        switch (action.type) {
+        case DELETE_RECENT_LIST_ENTRY:
+            return _deleteRecentListEntry(state, action.entryId);
+        case _STORE_CURRENT_CONFERENCE:
+            return _storeCurrentConference(state, action);
+        case _UPDATE_CONFERENCE_DURATION:
+            return _updateConferenceDuration(state, action);
+        default:
+            return state;
+        }
+    }
+
+    return state;
+});
+
+/**
+ * Deletes a recent list entry based on the url and date of the item.
+ *
+ * @param {IRecentListState} state - The Redux state.
+ * @param {Object} entryId - The ID object of the entry.
+ * @returns {IRecentListState}
+ */
+function _deleteRecentListEntry(
+        state: Array<IRecent>, entryId: { date: number; url: string; }): Array<IRecent> {
+    return state.filter(entry =>
+        entry.conference !== entryId.url || entry.date !== entryId.date);
+}
+
+/**
+ * Adds a new list entry to the redux store.
+ *
+ * @param {IRecentListState} state - The redux state of the feature {@code recent-list}.
+ * @param {Object} action - The redux action.
+ * @returns {Object}
+ */
+function _storeCurrentConference(state: IRecentListState, { locationURL }: { locationURL: { href: string; }; }) {
+    const conference = getURLWithoutParamsNormalized(new URL(locationURL.href));
+
+    // If the current conference is already in the list, we remove it to re-add
+    // it to the top.
+    const nextState
+        = state.filter(e => !_urlStringEquals(e.conference, conference));
+
+    // The list is a reverse-sorted (i.e. the newer elements are at the end).
+    nextState.push({
+        conference,
+        date: Date.now(),
+        duration: 0 // We don't have the duration yet!
+    });
+
+    // Ensure the list doesn't exceed a/the maximum size.
+    nextState.splice(0, nextState.length - MAX_LIST_SIZE);
+
+    return nextState;
+}
+
+/**
+ * Updates the conference length when left.
+ *
+ * @param {IRecentListState} state - The redux state of the feature {@code recent-list}.
+ * @param {Object} action - The redux action.
+ * @returns {Object} The next redux state of the feature {@code recent-list}.
+ */
+function _updateConferenceDuration(state: IRecentListState, { locationURL }: { locationURL: { href: string; }; }) {
+    if (locationURL?.href && state.length) {
+        const mostRecentIndex = state.length - 1;
+        const mostRecent = state[mostRecentIndex];
+
+        if (_urlStringEquals(mostRecent.conference, locationURL.href)) {
+            // The last conference start was stored so we need to update the
+            // length.
+            const nextMostRecent = {
+                ...mostRecent,
+                duration: Date.now() - mostRecent.date
+            };
+
+            // Shallow copy to avoid in-place modification.
+            const nextState = state.slice();
+
+            nextState[mostRecentIndex] = nextMostRecent;
+
+            return nextState;
+        }
+    }
+
+    return state;
+}
+
+/**
+ * Determines whether two specific URL {@code strings} are equal in the sense
+ * that they identify one and the same conference resource (irrespective of
+ * time) for the purposes of the feature {@code recent-list}.
+ *
+ * @param {string} a - The URL {@code string} to test for equality to {@code b}.
+ * @param {string} b - The URL {@code string} to test for equality to {@code a}.
+ * @returns {boolean}
+ */
+function _urlStringEquals(a: string, b: string) {
+    const aHref = getURLWithoutParamsNormalized(new URL(a));
+    const bHref = getURLWithoutParamsNormalized(new URL(b));
+
+    return aHref === bHref;
+}
diff --git a/react/features/recent-list/types.ts b/react/features/recent-list/types.ts
new file mode 100644
index 0000000..7eea537
--- /dev/null
+++ b/react/features/recent-list/types.ts
@@ -0,0 +1,5 @@
+export interface IRecentItem {
+    conference: string;
+    date: number;
+    duration: number;
+}
diff --git a/react/features/recording/actionTypes.ts b/react/features/recording/actionTypes.ts
new file mode 100644
index 0000000..1ab1b91
--- /dev/null
+++ b/react/features/recording/actionTypes.ts
@@ -0,0 +1,104 @@
+/**
+ * The type of Redux action which clears all the data of every sessions.
+ *
+ * {
+ *     type: CLEAR_RECORDING_SESSIONS
+ * }
+ * @public
+ */
+export const CLEAR_RECORDING_SESSIONS = 'CLEAR_RECORDING_SESSIONS';
+
+/**
+ * The type of Redux action which marks a session ID as consent requested.
+ *
+ * {
+ *     type: MARK_CONSENT_REQUESTED,
+ *     sessionId: string
+ * }
+ */
+export const MARK_CONSENT_REQUESTED = 'MARK_CONSENT_REQUESTED';
+
+/**
+ * The type of Redux action which updates the current known state of a recording
+ * session.
+ *
+ * {
+ *     type: RECORDING_SESSION_UPDATED,
+ *     sessionData: Object
+ * }
+ * @public
+ */
+export const RECORDING_SESSION_UPDATED = 'RECORDING_SESSION_UPDATED';
+
+/**
+ * The type of Redux action which sets the pending recording notification UID to
+ * use it for when hiding the notification is necessary, or unsets it when
+ * undefined (or no param) is passed.
+ *
+ * {
+ *     type: SET_PENDING_RECORDING_NOTIFICATION_UID,
+ *     streamType: string,
+ *     uid: ?number
+ * }
+ * @public
+ */
+export const SET_PENDING_RECORDING_NOTIFICATION_UID
+    = 'SET_PENDING_RECORDING_NOTIFICATION_UID';
+
+/**
+ * The type of Redux action which sets the selected recording service.
+ *
+ * {
+ *     type: SET_SELECTED_RECORDING_SERVICE
+ * }
+ * @public
+ */
+export const SET_SELECTED_RECORDING_SERVICE = 'SET_SELECTED_RECORDING_SERVICE';
+
+/**
+ * Sets the stream key last used by the user for later reuse.
+ *
+ * {
+ *     type: SET_STREAM_KEY,
+ *     streamKey: string
+ * }
+ */
+export const SET_STREAM_KEY = 'SET_STREAM_KEY';
+
+/**
+ * Sets the enable state of the meeting highlight button.
+ *
+ * {
+ *     type: SET_MEETING_HIGHLIGHT_BUTTON_STATE,
+ *     disabled: boolean
+ * }
+ */
+export const SET_MEETING_HIGHLIGHT_BUTTON_STATE = 'SET_MEETING_HIGHLIGHT_BUTTON_STATE';
+
+/**
+ * Attempts to start the local recording.
+ *
+ * {
+ *     type: START_LOCAL_RECORDING,
+ *     onlySelf: boolean
+ * }
+ */
+export const START_LOCAL_RECORDING = 'START_LOCAL_RECORDING';
+
+/**
+ * Stops local recording.
+ *
+ * {
+ *     type: STOP_LOCAL_RECORDING
+ * }
+ */
+export const STOP_LOCAL_RECORDING = 'STOP_LOCAL_RECORDING';
+
+/**
+ * Indicates that the start recording notification has been shown.
+ *
+ * {
+ *    type: SET_START_RECORDING_NOTIFICATION_SHOWN
+ * }
+ */
+export const SET_START_RECORDING_NOTIFICATION_SHOWN = 'SET_START_RECORDING_NOTIFICATION_SHOWN';
diff --git a/react/features/recording/actions.any.ts b/react/features/recording/actions.any.ts
new file mode 100644
index 0000000..1478c65
--- /dev/null
+++ b/react/features/recording/actions.any.ts
@@ -0,0 +1,487 @@
+import { IStore } from '../app/types';
+import { getMeetingRegion, getRecordingSharingUrl } from '../base/config/functions';
+import { MEET_FEATURES } from '../base/jwt/constants';
+import { isJwtFeatureEnabled } from '../base/jwt/functions';
+import JitsiMeetJS, { JitsiRecordingConstants } from '../base/lib-jitsi-meet';
+import { getLocalParticipant, getParticipantDisplayName } from '../base/participants/functions';
+import { BUTTON_TYPES } from '../base/ui/constants.any';
+import { copyText } from '../base/util/copyText';
+import { getVpaasTenant, isVpaasMeeting } from '../jaas/functions';
+import {
+    hideNotification,
+    showErrorNotification,
+    showNotification,
+    showWarningNotification
+} from '../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE, NOTIFICATION_TYPE } from '../notifications/constants';
+import { INotificationProps } from '../notifications/types';
+import { setRequestingSubtitles } from '../subtitles/actions.any';
+import { isRecorderTranscriptionsRunning } from '../transcribing/functions';
+
+import {
+    CLEAR_RECORDING_SESSIONS,
+    MARK_CONSENT_REQUESTED,
+    RECORDING_SESSION_UPDATED,
+    SET_MEETING_HIGHLIGHT_BUTTON_STATE,
+    SET_PENDING_RECORDING_NOTIFICATION_UID,
+    SET_SELECTED_RECORDING_SERVICE,
+    SET_START_RECORDING_NOTIFICATION_SHOWN,
+    SET_STREAM_KEY,
+    START_LOCAL_RECORDING,
+    STOP_LOCAL_RECORDING
+} from './actionTypes';
+import { START_RECORDING_NOTIFICATION_ID } from './constants';
+import {
+    getRecordButtonProps,
+    getRecordingLink,
+    getResourceId,
+    isRecordingRunning,
+    isRecordingSharingEnabled,
+    isSavingRecordingOnDropbox,
+    sendMeetingHighlight,
+    shouldAutoTranscribeOnRecord
+} from './functions';
+import logger from './logger';
+
+
+/**
+ * Clears the data of every recording sessions.
+ *
+ * @returns {{
+ *     type: CLEAR_RECORDING_SESSIONS
+ * }}
+ */
+export function clearRecordingSessions() {
+    return {
+        type: CLEAR_RECORDING_SESSIONS
+    };
+}
+
+
+/**
+ * Marks the start recording notification as shown.
+ *
+ * @returns {{
+ *      type: SET_START_RECORDING_NOTIFICATION_SHOWN
+ * }}
+ */
+export function setStartRecordingNotificationShown() {
+    return {
+        type: SET_START_RECORDING_NOTIFICATION_SHOWN
+    };
+}
+
+/**
+ * Sets the meeting highlight button disable state.
+ *
+ * @param {boolean} disabled - The disabled state value.
+ * @returns {{
+ *     type: CLEAR_RECORDING_SESSIONS
+ * }}
+ */
+export function setHighlightMomentButtonState(disabled: boolean) {
+    return {
+        type: SET_MEETING_HIGHLIGHT_BUTTON_STATE,
+        disabled
+    };
+}
+
+/**
+ * Signals that the pending recording notification should be removed from the
+ * screen.
+ *
+ * @param {string} streamType - The type of the stream ({@code 'file'} or
+ * {@code 'stream'}).
+ * @returns {Function}
+ */
+export function hidePendingRecordingNotification(streamType: string) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const { pendingNotificationUids } = getState()['features/recording'];
+        const pendingNotificationUid = pendingNotificationUids[streamType];
+
+        if (pendingNotificationUid) {
+            dispatch(hideNotification(pendingNotificationUid));
+            dispatch(
+                _setPendingRecordingNotificationUid(
+                    undefined, streamType));
+        }
+    };
+}
+
+/**
+ * Sets the stream key last used by the user for later reuse.
+ *
+ * @param {string} streamKey - The stream key to set.
+ * @returns {{
+ *     type: SET_STREAM_KEY,
+ *     streamKey: string
+ * }}
+ */
+export function setLiveStreamKey(streamKey: string) {
+    return {
+        type: SET_STREAM_KEY,
+        streamKey
+    };
+}
+
+/**
+ * Signals that the pending recording notification should be shown on the
+ * screen.
+ *
+ * @param {string} streamType - The type of the stream ({@code file} or
+ * {@code stream}).
+ * @returns {Function}
+ */
+export function showPendingRecordingNotification(streamType: string) {
+    return (dispatch: IStore['dispatch']) => {
+        const isLiveStreaming
+            = streamType === JitsiMeetJS.constants.recording.mode.STREAM;
+        const dialogProps = isLiveStreaming ? {
+            descriptionKey: 'liveStreaming.pending',
+            titleKey: 'dialog.liveStreaming'
+        } : {
+            descriptionKey: 'recording.pending',
+            titleKey: 'dialog.recording'
+        };
+        const notification = dispatch(showNotification({
+            ...dialogProps
+        }, NOTIFICATION_TIMEOUT_TYPE.MEDIUM));
+
+        if (notification) {
+            dispatch(_setPendingRecordingNotificationUid(notification.uid, streamType));
+        }
+    };
+}
+
+/**
+ * Highlights a meeting moment.
+ *
+ * {@code stream}).
+ *
+ * @returns {Function}
+ */
+export function highlightMeetingMoment() {
+    return async (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        dispatch(setHighlightMomentButtonState(true));
+
+        const success = await sendMeetingHighlight(getState());
+
+        if (success) {
+            dispatch(showNotification({
+                descriptionKey: 'recording.highlightMomentSucessDescription',
+                titleKey: 'recording.highlightMomentSuccess'
+            }, NOTIFICATION_TIMEOUT_TYPE.SHORT));
+        }
+
+        dispatch(setHighlightMomentButtonState(false));
+    };
+}
+
+/**
+ * Signals that the recording error notification should be shown.
+ *
+ * @param {Object} props - The Props needed to render the notification.
+ * @returns {showErrorNotification}
+ */
+export function showRecordingError(props: Object) {
+    return showErrorNotification(props);
+}
+
+/**
+ * Signals that the recording warning notification should be shown.
+ *
+ * @param {Object} props - The Props needed to render the notification.
+ * @returns {showWarningNotification}
+ */
+export function showRecordingWarning(props: Object) {
+    return showWarningNotification(props);
+}
+
+/**
+ * Signals that the stopped recording notification should be shown on the
+ * screen for a given period.
+ *
+ * @param {string} streamType - The type of the stream ({@code file} or
+ * {@code stream}).
+ * @param {string?} participantName - The participant name stopping the recording.
+ * @returns {showNotification}
+ */
+export function showStoppedRecordingNotification(streamType: string, participantName?: string) {
+    const isLiveStreaming
+        = streamType === JitsiMeetJS.constants.recording.mode.STREAM;
+    const descriptionArguments = { name: participantName };
+    const dialogProps = isLiveStreaming ? {
+        descriptionKey: participantName ? 'liveStreaming.offBy' : 'liveStreaming.off',
+        descriptionArguments,
+        titleKey: 'dialog.liveStreaming'
+    } : {
+        descriptionKey: participantName ? 'recording.offBy' : 'recording.off',
+        descriptionArguments,
+        titleKey: 'dialog.recording'
+    };
+
+    return showNotification(dialogProps, NOTIFICATION_TIMEOUT_TYPE.SHORT);
+}
+
+/**
+ * Signals that a started recording notification should be shown on the
+ * screen for a given period.
+ *
+ * @param {string} mode - The type of the recording: Stream of File.
+ * @param {string | Object } initiator - The participant who started recording.
+ * @param {string} sessionId - The recording session id.
+ * @returns {Function}
+ */
+export function showStartedRecordingNotification(
+        mode: string,
+        initiator: { getId: Function; } | string,
+        sessionId: string) {
+    return async (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const initiatorId = getResourceId(initiator);
+        const participantName = getParticipantDisplayName(state, initiatorId);
+        const notifyProps: {
+            dialogProps: INotificationProps;
+            type: string;
+        } = {
+            dialogProps: {
+                descriptionKey: participantName ? 'liveStreaming.onBy' : 'liveStreaming.on',
+                descriptionArguments: { name: participantName },
+                titleKey: 'dialog.liveStreaming'
+            },
+            type: NOTIFICATION_TIMEOUT_TYPE.SHORT
+        };
+
+        if (mode !== JitsiMeetJS.constants.recording.mode.STREAM) {
+            const recordingSharingUrl = getRecordingSharingUrl(state);
+            const iAmRecordingInitiator = getLocalParticipant(state)?.id === initiatorId;
+            const { showRecordingLink } = state['features/base/config'].recordings || {};
+
+            notifyProps.dialogProps = {
+                customActionHandler: undefined,
+                customActionNameKey: undefined,
+                descriptionKey: participantName ? 'recording.onBy' : 'recording.on',
+                descriptionArguments: { name: participantName },
+                titleKey: 'dialog.recording'
+            };
+
+            // fetch the recording link from the server for recording initiators in jaas meetings
+            if (recordingSharingUrl
+                && isVpaasMeeting(state)
+                && iAmRecordingInitiator
+                && !isSavingRecordingOnDropbox(state)) {
+                const region = getMeetingRegion(state);
+                const tenant = getVpaasTenant(state);
+
+                try {
+                    const response = await getRecordingLink(recordingSharingUrl, sessionId, region, tenant);
+                    const { url: link, urlExpirationTimeMillis: ttl } = response;
+
+                    if (typeof APP === 'object') {
+                        APP.API.notifyRecordingLinkAvailable(link, ttl);
+                    }
+
+                    // add the option to copy recording link
+                    if (showRecordingLink) {
+                        const actions = [
+                            ...notifyProps.dialogProps.customActionNameKey ?? [],
+                            'recording.copyLink'
+                        ];
+                        const handlers = [
+                            ...notifyProps.dialogProps.customActionHandler ?? [],
+                            () => copyText(link)
+                        ];
+
+                        notifyProps.dialogProps = {
+                            ...notifyProps.dialogProps,
+                            customActionNameKey: actions,
+                            customActionHandler: handlers,
+                            titleKey: 'recording.on',
+                            descriptionKey: 'recording.linkGenerated'
+                        };
+
+                        notifyProps.type = NOTIFICATION_TIMEOUT_TYPE.STICKY;
+                    }
+                } catch (err) {
+                    dispatch(showErrorNotification({
+                        titleKey: 'recording.errorFetchingLink'
+                    }));
+
+                    return logger.error('Could not fetch recording link', err);
+                }
+            }
+        }
+
+        dispatch(showNotification(notifyProps.dialogProps, notifyProps.type));
+    };
+}
+
+/**
+ * Updates the known state for a given recording session.
+ *
+ * @param {Object} session - The new state to merge with the existing state in
+ * redux.
+ * @returns {{
+ *     type: RECORDING_SESSION_UPDATED,
+ *     sessionData: Object
+ * }}
+ */
+export function updateRecordingSessionData(session: any) {
+    const status = session.getStatus();
+    const timestamp
+        = status === JitsiRecordingConstants.status.ON
+            ? Date.now() / 1000
+            : undefined;
+
+    return {
+        type: RECORDING_SESSION_UPDATED,
+        sessionData: {
+            error: session.getError(),
+            id: session.getID(),
+            initiator: session.getInitiator(),
+            liveStreamViewURL: session.getLiveStreamViewURL(),
+            mode: session.getMode(),
+            status,
+            terminator: session.getTerminator(),
+            timestamp
+        }
+    };
+}
+
+/**
+ * Sets the selected recording service.
+ *
+ * @param {string} selectedRecordingService - The new selected recording service.
+ * @returns {Object}
+ */
+export function setSelectedRecordingService(selectedRecordingService: string) {
+    return {
+        type: SET_SELECTED_RECORDING_SERVICE,
+        selectedRecordingService
+    };
+}
+
+/**
+ * Sets UID of the the pending streaming notification to use it when hinding
+ * the notification is necessary, or unsets it when undefined (or no param) is
+ * passed.
+ *
+ * @param {?number} uid - The UID of the notification.
+ * @param {string} streamType - The type of the stream ({@code file} or
+ * {@code stream}).
+ * @returns {{
+ *     type: SET_PENDING_RECORDING_NOTIFICATION_UID,
+ *     streamType: string,
+ *     uid: number
+ * }}
+ */
+function _setPendingRecordingNotificationUid(uid: string | undefined, streamType: string) {
+    return {
+        type: SET_PENDING_RECORDING_NOTIFICATION_UID,
+        streamType,
+        uid
+    };
+}
+
+/**
+ * Starts local recording.
+ *
+ * @param {boolean} onlySelf - Whether to only record the local streams.
+ * @returns {Object}
+ */
+export function startLocalVideoRecording(onlySelf?: boolean) {
+    return {
+        type: START_LOCAL_RECORDING,
+        onlySelf
+    };
+}
+
+/**
+ * Stops local recording.
+ *
+ * @returns {Object}
+ */
+export function stopLocalVideoRecording() {
+    return {
+        type: STOP_LOCAL_RECORDING
+    };
+}
+
+/**
+ * Displays the notification suggesting to start the recording.
+ *
+ * @param {Function} openRecordingDialog - The callback to open the recording dialog.
+ * @returns {void}
+ */
+export function showStartRecordingNotificationWithCallback(openRecordingDialog: Function) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        let state = getState();
+        const { recordings } = state['features/base/config'];
+        const { suggestRecording } = recordings || {};
+        const recordButtonProps = getRecordButtonProps(state);
+        const isAlreadyRecording = isRecordingRunning(state) || isRecorderTranscriptionsRunning(state);
+        const wasNotificationShown = state['features/recording'].wasStartRecordingSuggested;
+
+        if (!suggestRecording
+            || isAlreadyRecording
+            || !recordButtonProps.visible
+            || recordButtonProps.disabled
+            || wasNotificationShown) {
+            return;
+        }
+
+        dispatch(setStartRecordingNotificationShown());
+        dispatch(showNotification({
+            titleKey: 'notify.suggestRecordingTitle',
+            descriptionKey: 'notify.suggestRecordingDescription',
+            uid: START_RECORDING_NOTIFICATION_ID,
+            customActionType: [ BUTTON_TYPES.PRIMARY ],
+            customActionNameKey: [ 'notify.suggestRecordingAction' ],
+            customActionHandler: [ () => {
+                state = getState();
+                const { recordingService } = state['features/base/config'];
+                const canBypassDialog = recordingService?.enabled
+                    && isJwtFeatureEnabled(state, MEET_FEATURES.RECORDING, false);
+
+                if (canBypassDialog) {
+                    const options = {
+                        'file_recording_metadata': {
+                            share: isRecordingSharingEnabled(state)
+                        }
+                    };
+
+                    const { conference } = state['features/base/conference'];
+                    const autoTranscribeOnRecord = shouldAutoTranscribeOnRecord(state);
+
+                    conference?.startRecording({
+                        mode: JitsiRecordingConstants.mode.FILE,
+                        appData: JSON.stringify(options)
+                    });
+
+                    if (autoTranscribeOnRecord) {
+                        dispatch(setRequestingSubtitles(true, false, null));
+                    }
+                } else {
+                    openRecordingDialog();
+                }
+
+                dispatch(hideNotification(START_RECORDING_NOTIFICATION_ID));
+            } ],
+            appearance: NOTIFICATION_TYPE.NORMAL
+        }, NOTIFICATION_TIMEOUT_TYPE.EXTRA_LONG));
+    };
+}
+
+/**
+ * Marks the given session as consent requested. No further consent requests will be
+ * made for this session.
+ *
+ * @param {string} sessionId - The session id.
+ * @returns {Object}
+ */
+export function markConsentRequested(sessionId: string) {
+    return {
+        type: MARK_CONSENT_REQUESTED,
+        sessionId
+    };
+}
diff --git a/react/features/recording/actions.native.ts b/react/features/recording/actions.native.ts
new file mode 100644
index 0000000..22917f9
--- /dev/null
+++ b/react/features/recording/actions.native.ts
@@ -0,0 +1,72 @@
+import { IStore } from '../app/types';
+import { openSheet } from '../base/dialog/actions';
+import JitsiMeetJS from '../base/lib-jitsi-meet';
+import { navigate } from '../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
+import { screen } from '../mobile/navigation/routes';
+import { showNotification } from '../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE } from '../notifications/constants';
+
+import { showStartRecordingNotificationWithCallback } from './actions.any';
+import HighlightDialog from './components/Recording/native/HighlightDialog';
+
+export * from './actions.any';
+
+/**
+ * Opens the highlight dialog.
+ *
+ * @returns {Function}
+ */
+export function openHighlightDialog() {
+    return (dispatch: IStore['dispatch']) => {
+        dispatch(openSheet(HighlightDialog));
+    };
+}
+
+/**
+ * Signals that a started recording notification should be shown on the
+ * screen for a given period.
+ *
+ * @param {string} streamType - The type of the stream ({@code file} or
+ * {@code stream}).
+ * @returns {showNotification}
+ */
+export function showRecordingLimitNotification(streamType: string) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const isLiveStreaming = streamType === JitsiMeetJS.constants.recording.mode.STREAM;
+        let descriptionKey, titleKey;
+
+        if (isLiveStreaming) {
+            descriptionKey = 'liveStreaming.limitNotificationDescriptionNative';
+            titleKey = 'dialog.liveStreaming';
+        } else {
+            descriptionKey = 'recording.limitNotificationDescriptionNative';
+            titleKey = 'dialog.recording';
+        }
+
+        const { recordingLimit = {} } = getState()['features/base/config'];
+        const { limit, appName } = recordingLimit;
+
+        return dispatch(showNotification({
+            descriptionArguments: {
+                limit,
+                app: appName
+            },
+            descriptionKey,
+            titleKey,
+            maxLines: 2
+        }, NOTIFICATION_TIMEOUT_TYPE.LONG));
+    };
+}
+
+/**
+ * Displays the notification suggesting to start the recording.
+ *
+ * @returns {void}
+ */
+export function showStartRecordingNotification() {
+    return (dispatch: IStore['dispatch']) => {
+        const openDialogCallback = () => navigate(screen.conference.recording);
+
+        dispatch(showStartRecordingNotificationWithCallback(openDialogCallback));
+    };
+}
diff --git a/react/features/recording/actions.web.tsx b/react/features/recording/actions.web.tsx
new file mode 100644
index 0000000..12e51e4
--- /dev/null
+++ b/react/features/recording/actions.web.tsx
@@ -0,0 +1,83 @@
+import React from 'react';
+import { batch } from 'react-redux';
+
+import { IStore } from '../app/types';
+import { hideDialog, openDialog } from '../base/dialog/actions';
+import JitsiMeetJS from '../base/lib-jitsi-meet';
+import {
+    setAudioMuted,
+    setAudioUnmutePermissions,
+    setVideoMuted,
+    setVideoUnmutePermissions
+} from '../base/media/actions';
+import { VIDEO_MUTISM_AUTHORITY } from '../base/media/constants';
+import { showNotification } from '../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE } from '../notifications/constants';
+
+import { showStartRecordingNotificationWithCallback } from './actions.any';
+import { StartRecordingDialog } from './components/Recording';
+import RecordingLimitNotificationDescription from './components/web/RecordingLimitNotificationDescription';
+
+export * from './actions.any';
+
+/**
+ * Grants recording consent by setting audio and video unmute permissions.
+ *
+ * @returns {Function}
+ */
+export function grantRecordingConsent() {
+    return (dispatch: IStore['dispatch']) => {
+        batch(() => {
+            dispatch(setAudioUnmutePermissions(false, true));
+            dispatch(setVideoUnmutePermissions(false, true));
+            dispatch(hideDialog());
+        });
+    };
+}
+
+/**
+ * Grants recording consent, unmutes audio/video, and closes the dialog.
+ *
+ * @returns {Function}
+ */
+export function grantRecordingConsentAndUnmute() {
+    return (dispatch: IStore['dispatch']) => {
+        batch(() => {
+            dispatch(setAudioUnmutePermissions(false, true));
+            dispatch(setVideoUnmutePermissions(false, true));
+            dispatch(setAudioMuted(false, true));
+            dispatch(setVideoMuted(false, VIDEO_MUTISM_AUTHORITY.USER, true));
+            dispatch(hideDialog());
+        });
+    };
+}
+
+/**
+ * Signals that a started recording notification should be shown on the
+ * screen for a given period.
+ *
+ * @param {string} streamType - The type of the stream ({@code file} or
+ * {@code stream}).
+ * @returns {showNotification}
+ */
+export function showRecordingLimitNotification(streamType: string) {
+    const isLiveStreaming = streamType === JitsiMeetJS.constants.recording.mode.STREAM;
+
+    return showNotification({
+        description: <RecordingLimitNotificationDescription isLiveStreaming = { isLiveStreaming } />,
+        titleKey: isLiveStreaming ? 'dialog.liveStreaming' : 'dialog.recording'
+    }, NOTIFICATION_TIMEOUT_TYPE.LONG);
+}
+
+/**
+ * Displays the notification suggesting to start the recording.
+ *
+ * @returns {void}
+ */
+export function showStartRecordingNotification() {
+    return (dispatch: IStore['dispatch']) => {
+        const openDialogCallback = () => dispatch(openDialog('StartRecordingDialog', StartRecordingDialog));
+
+        dispatch(showStartRecordingNotificationWithCallback(openDialogCallback));
+    };
+}
diff --git a/react/features/recording/components/AbstractRecordingLabel.ts b/react/features/recording/components/AbstractRecordingLabel.ts
new file mode 100644
index 0000000..f1f4f5f
--- /dev/null
+++ b/react/features/recording/components/AbstractRecordingLabel.ts
@@ -0,0 +1,96 @@
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+
+import { IReduxState } from '../../app/types';
+import { JitsiRecordingConstants } from '../../base/lib-jitsi-meet';
+import { isRecorderTranscriptionsRunning } from '../../transcribing/functions';
+import {
+    getSessionStatusToShow,
+    isLiveStreamingRunning,
+    isRecordingRunning,
+    isRemoteParticipantRecordingLocally
+} from '../functions';
+
+export interface IProps extends WithTranslation {
+
+    /**
+     * Whether this is the Jibri recorder participant.
+     */
+    _iAmRecorder: boolean;
+
+
+    /**
+     * Whether this meeting is being transcribed.
+    */
+    _isTranscribing: boolean;
+
+    /**
+    * Whether the recording/livestreaming/transcriber is currently running.
+    */
+    _isVisible: boolean;
+
+    /**
+     * The status of the higher priority session.
+     */
+    _status?: string;
+
+    /**
+     * The recording mode this indicator should display.
+     */
+    mode: string;
+}
+
+/**
+ * Abstract class for the {@code RecordingLabel} component.
+ */
+export default class AbstractRecordingLabel<P extends IProps = IProps> extends Component<P> {
+    /**
+     * Implements React {@code Component}'s render.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { _iAmRecorder, _isVisible } = this.props;
+
+        return _isVisible && !_iAmRecorder ? this._renderLabel() : null;
+    }
+
+    /**
+     * Renders the platform specific label component.
+     *
+     * @protected
+     * @returns {React$Element}
+     */
+    _renderLabel(): React.ReactNode | null {
+        return null;
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated
+ * {@code AbstractRecordingLabel}'s props.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {IProps} ownProps - The component's own props.
+ * @private
+ * @returns {{
+ *     _status: ?string
+ * }}
+ */
+export function _mapStateToProps(state: IReduxState, ownProps: any) {
+    const { mode } = ownProps;
+    const isLiveStreamingLabel = mode === JitsiRecordingConstants.mode.STREAM;
+    const _isTranscribing = isRecorderTranscriptionsRunning(state);
+    const _isLivestreamingRunning = isLiveStreamingRunning(state);
+    const _isVisible = isLiveStreamingLabel
+        ? _isLivestreamingRunning // this is the livestreaming label
+        : isRecordingRunning(state) || isRemoteParticipantRecordingLocally(state)
+            || _isTranscribing; // this is the recording label
+
+    return {
+        _isVisible,
+        _iAmRecorder: Boolean(state['features/base/config'].iAmRecorder),
+        _isTranscribing,
+        _status: getSessionStatusToShow(state, mode)
+    };
+}
diff --git a/react/features/recording/components/LiveStream/AbstractLiveStreamButton.ts b/react/features/recording/components/LiveStream/AbstractLiveStreamButton.ts
new file mode 100644
index 0000000..a71d996
--- /dev/null
+++ b/react/features/recording/components/LiveStream/AbstractLiveStreamButton.ts
@@ -0,0 +1,157 @@
+import { IReduxState } from '../../../app/types';
+import { IconSites } from '../../../base/icons/svg';
+import { MEET_FEATURES } from '../../../base/jwt/constants';
+import { isJwtFeatureEnabled } from '../../../base/jwt/functions';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import { isInBreakoutRoom } from '../../../breakout-rooms/functions';
+import { maybeShowPremiumFeatureDialog } from '../../../jaas/actions';
+import { isRecorderTranscriptionsRunning } from '../../../transcribing/functions';
+import { isCloudRecordingRunning, isLiveStreamingButtonVisible, isLiveStreamingRunning } from '../../functions';
+
+import { getLiveStreaming } from './functions';
+
+
+/**
+ * The type of the React {@code Component} props of
+ * {@link AbstractLiveStreamButton}.
+ */
+export interface IProps extends AbstractButtonProps {
+
+    /**
+     * True if the button needs to be disabled.
+     */
+    _disabled: boolean;
+
+    /**
+     * True if there is a running active live stream, false otherwise.
+     */
+    _isLiveStreamRunning: boolean;
+
+    /**
+     * The tooltip to display when hovering over the button.
+     */
+    _tooltip?: string;
+}
+
+/**
+ * An abstract class of a button for starting and stopping live streaming.
+ */
+export default class AbstractLiveStreamButton<P extends IProps> extends AbstractButton<P> {
+    override accessibilityLabel = 'dialog.startLiveStreaming';
+    override toggledAccessibilityLabel = 'dialog.stopLiveStreaming';
+    override icon = IconSites;
+    override label = 'dialog.startLiveStreaming';
+    override toggledLabel = 'dialog.stopLiveStreaming';
+
+    /**
+     * Returns the tooltip that should be displayed when the button is disabled.
+     *
+     * @private
+     * @returns {string}
+     */
+    override _getTooltip() {
+        return this.props._tooltip ?? '';
+    }
+
+    /**
+     * Helper function to be implemented by subclasses, which should be used
+     * to handle the live stream button being clicked / pressed.
+     *
+     * @protected
+     * @returns {void}
+     */
+    _onHandleClick() {
+        // To be implemented by subclass.
+    }
+
+    /**
+     * Handles clicking / pressing the button.
+     *
+     * @override
+     * @protected
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { dispatch } = this.props;
+
+        const dialogShown = dispatch(maybeShowPremiumFeatureDialog(MEET_FEATURES.RECORDING));
+
+        if (!dialogShown) {
+            this._onHandleClick();
+        }
+    }
+
+    /**
+     * Returns a boolean value indicating if this button is disabled or not.
+     *
+     * @protected
+     * @returns {boolean}
+     */
+    override _isDisabled() {
+        return this.props._disabled;
+    }
+
+    /**
+     * Indicates whether this button is in toggled state or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    override _isToggled() {
+        return this.props._isLiveStreamRunning;
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated props for the
+ * {@code AbstractLiveStreamButton} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {IProps} ownProps - The own props of the Component.
+ * @private
+ * @returns {{
+ *     _disabled: boolean,
+ *     _isLiveStreamRunning: boolean,
+ *     visible: boolean
+ * }}
+ */
+export function _mapStateToProps(state: IReduxState, ownProps: IProps) {
+    let { visible } = ownProps;
+
+    // A button can be disabled/enabled only if enableFeaturesBasedOnToken
+    // is on or if the recording is running.
+    let _disabled = false;
+    let _tooltip = '';
+
+    if (typeof visible === 'undefined') {
+        // If the containing component provides the visible prop, that is one
+        // above all, but if not, the button should be autonomous and decide on
+        // its own to be visible or not.
+        const liveStreaming = getLiveStreaming(state);
+
+        visible = isLiveStreamingButtonVisible({
+            liveStreamingAllowed: isJwtFeatureEnabled(state, MEET_FEATURES.LIVESTREAMING, false),
+            liveStreamingEnabled: liveStreaming?.enabled,
+            isInBreakoutRoom: isInBreakoutRoom(state)
+        });
+    }
+
+    // disable the button if the recording is running.
+    if (visible && (isCloudRecordingRunning(state) || isRecorderTranscriptionsRunning(state))) {
+        _disabled = true;
+        _tooltip = 'dialog.liveStreamingDisabledBecauseOfActiveRecordingTooltip';
+    }
+
+    // disable the button if we are in a breakout room.
+    if (isInBreakoutRoom(state)) {
+        _disabled = true;
+    }
+
+    return {
+        _disabled,
+        _isLiveStreamRunning: isLiveStreamingRunning(state),
+        _tooltip,
+        visible
+    };
+}
diff --git a/react/features/recording/components/LiveStream/AbstractStartLiveStreamDialog.ts b/react/features/recording/components/LiveStream/AbstractStartLiveStreamDialog.ts
new file mode 100644
index 0000000..f4a4e6d
--- /dev/null
+++ b/react/features/recording/components/LiveStream/AbstractStartLiveStreamDialog.ts
@@ -0,0 +1,251 @@
+import { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+
+import { createLiveStreamingDialogEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { IReduxState, IStore } from '../../../app/types';
+import { IJitsiConference } from '../../../base/conference/reducer';
+import { JitsiRecordingConstants } from '../../../base/lib-jitsi-meet';
+
+/**
+ * The type of the React {@code Component} props of
+ * {@link AbstractStartLiveStreamDialog}.
+ */
+export interface IProps extends WithTranslation {
+
+    /**
+     * The {@code JitsiConference} for the current conference.
+     */
+    _conference?: IJitsiConference;
+
+    /**
+     * The current state of interactions with the Google API. Determines what
+     * Google related UI should display.
+     */
+    _googleAPIState: number;
+
+    /**
+     * The email of the user currently logged in to the Google web client
+     * application.
+     */
+    _googleProfileEmail: string;
+
+    /**
+     * The live stream key that was used before.
+     */
+    _streamKey?: string;
+
+    /**
+     * The Redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    navigation?: any;
+}
+
+/**
+ * The type of the React {@code Component} state of
+ * {@link AbstractStartLiveStreamDialog}.
+ */
+export interface IState {
+
+    /**
+     * Details about the broadcasts available for use for the logged in Google
+     * user's YouTube account.
+     */
+    broadcasts?: Array<any>;
+
+    /**
+     * The error type, as provided by Google, for the most recent error
+     * encountered by the Google API.
+     */
+    errorType?: string;
+
+    /**
+     * The boundStreamID of the broadcast currently selected in the broadcast
+     * dropdown.
+     */
+    selectedBoundStreamID?: string;
+
+    /**
+     * The selected or entered stream key to use for YouTube live streaming.
+     */
+    streamKey?: string;
+}
+
+/**
+ * Implements an abstract class for the StartLiveStreamDialog on both platforms.
+ *
+ * NOTE: Google log-in is not supported for mobile yet for later implementation
+ * but the abstraction of its properties are already present in this abstract
+ * class.
+ */
+export default class AbstractStartLiveStreamDialog<P extends IProps>
+    extends Component<P, IState> {
+    _isMounted: boolean;
+
+    /**
+     * Constructor of the component.
+     *
+     * @inheritdoc
+     */
+    constructor(props: P) {
+        super(props);
+
+        this.state = {
+            broadcasts: undefined,
+            errorType: undefined,
+            selectedBoundStreamID: undefined,
+            streamKey: ''
+        };
+
+        /**
+         * Instance variable used to flag whether the component is or is not
+         * mounted. Used as a hack to avoid setting state on an unmounted
+         * component.
+         *
+         * @private
+         * @type {boolean}
+         */
+        this._isMounted = false;
+
+        this._onCancel = this._onCancel.bind(this);
+        this._onStreamKeyChange = this._onStreamKeyChange.bind(this);
+        this._onSubmit = this._onSubmit.bind(this);
+    }
+
+    /**
+     * Implements {@link Component#componentDidMount()}. Invoked immediately
+     * after this component is mounted.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidMount() {
+        this._isMounted = true;
+    }
+
+    /**
+     * Implements React's {@link Component#componentWillUnmount()}. Invoked
+     * immediately before this component is unmounted and destroyed.
+     *
+     * @inheritdoc
+     */
+    override componentWillUnmount() {
+        this._isMounted = false;
+    }
+
+    /**
+     * Invokes the passed in {@link onCancel} callback and closes
+     * {@code StartLiveStreamDialog}.
+     *
+     * @private
+     * @returns {boolean} True is returned to close the modal.
+     */
+    _onCancel() {
+        sendAnalytics(createLiveStreamingDialogEvent('start', 'cancel.button'));
+
+        return true;
+    }
+
+    /**
+     * Asks the user to sign in, if not already signed in, and then requests a
+     * list of the user's YouTube broadcasts.
+     *
+     * NOTE: To be implemented by platforms.
+     *
+     * @private
+     * @returns {Promise}
+     */
+    _onGetYouTubeBroadcasts(): Promise<any> | void {
+        // to be overwritten by child classes.
+    }
+
+    /**
+     * Callback invoked to update the {@code StartLiveStreamDialog} component's
+     * display of the entered YouTube stream key.
+     *
+     * @param {string} streamKey - The stream key entered in the field.
+     * @private
+     * @returns {void}
+     */
+    _onStreamKeyChange(streamKey: string) {
+        this._setStateIfMounted({
+            streamKey,
+            selectedBoundStreamID: undefined
+        });
+    }
+
+    /**
+     * Invokes the passed in {@link onSubmit} callback with the entered stream
+     * key, and then closes {@code StartLiveStreamDialog}.
+     *
+     * @private
+     * @returns {boolean} False if no stream key is entered to preventing
+     * closing, true to close the modal.
+     */
+    _onSubmit() {
+        const { broadcasts, selectedBoundStreamID } = this.state;
+        const key
+            = (this.state.streamKey || this.props._streamKey || '').trim();
+
+        if (!key) {
+            return false;
+        }
+
+        let selectedBroadcastID = null;
+
+        if (selectedBoundStreamID) {
+            const selectedBroadcast = broadcasts?.find(
+                broadcast => broadcast.boundStreamID === selectedBoundStreamID);
+
+            selectedBroadcastID = selectedBroadcast?.id;
+        }
+
+        sendAnalytics(
+            createLiveStreamingDialogEvent('start', 'confirm.button'));
+
+        this.props._conference?.startRecording({
+            broadcastId: selectedBroadcastID,
+            mode: JitsiRecordingConstants.mode.STREAM,
+            streamId: key
+        });
+
+        return true;
+    }
+
+    /**
+     * Updates the internal state if the component is still mounted. This is a
+     * workaround for all the state setting that occurs after ajax.
+     *
+     * @param {Object} newState - The new state to merge into the existing
+     * state.
+     * @private
+     * @returns {void}
+     */
+    _setStateIfMounted(newState: IState) {
+        if (this._isMounted) {
+            this.setState(newState);
+        }
+    }
+}
+
+/**
+ * Maps part of the Redux state to the component's props.
+ *
+ * @param {Object} state - The Redux state.
+ * @returns {{
+ *     _conference: Object,
+ *     _googleAPIState: number,
+ *     _googleProfileEmail: string,
+ *     _streamKey: string
+ * }}
+ */
+export function _mapStateToProps(state: IReduxState) {
+    return {
+        _conference: state['features/base/conference'].conference,
+        _googleAPIState: state['features/google-api'].googleAPIState,
+        _googleProfileEmail: state['features/google-api'].profileEmail,
+        _streamKey: state['features/recording'].streamKey
+    };
+}
diff --git a/react/features/recording/components/LiveStream/AbstractStopLiveStreamDialog.ts b/react/features/recording/components/LiveStream/AbstractStopLiveStreamDialog.ts
new file mode 100644
index 0000000..c5fcc02
--- /dev/null
+++ b/react/features/recording/components/LiveStream/AbstractStopLiveStreamDialog.ts
@@ -0,0 +1,84 @@
+import { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+
+import { createLiveStreamingDialogEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { IReduxState } from '../../../app/types';
+import { IJitsiConference } from '../../../base/conference/reducer';
+import { JitsiRecordingConstants } from '../../../base/lib-jitsi-meet';
+import { getActiveSession } from '../../functions';
+import { ISessionData } from '../../reducer';
+
+/**
+ * The type of the React {@code Component} props of
+ * {@link StopLiveStreamDialog}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * The {@code JitsiConference} for the current conference.
+     */
+    _conference?: IJitsiConference;
+
+    /**
+     * The redux representation of the live streaming to be stopped.
+     */
+    _session?: ISessionData;
+}
+
+/**
+ * A React Component for confirming the participant wishes to stop the currently
+ * active live stream of the conference.
+ *
+ * @augments Component
+ */
+export default class AbstractStopLiveStreamDialog extends Component<IProps> {
+    /**
+     * Initializes a new {@code StopLiveStreamDialog} instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handler so it is only bound once for every instance.
+        this._onSubmit = this._onSubmit.bind(this);
+    }
+
+    /**
+     * Callback invoked when stopping of live streaming is confirmed.
+     *
+     * @private
+     * @returns {boolean} True to close the modal.
+     */
+    _onSubmit() {
+        sendAnalytics(createLiveStreamingDialogEvent('stop', 'confirm.button'));
+
+        const { _session } = this.props;
+
+        if (_session) {
+            this.props._conference?.stopRecording(_session.id);
+        }
+
+        return true;
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the React {@code Component} props of
+ * {@code StopLiveStreamDialog}.
+ *
+ * @param {Object} state - The redux state.
+ * @private
+ * @returns {{
+ *     _conference: Object,
+ *     _session: Object
+ * }}
+ */
+export function _mapStateToProps(state: IReduxState) {
+    return {
+        _conference: state['features/base/conference'].conference,
+        _session: getActiveSession(state, JitsiRecordingConstants.mode.STREAM)
+    };
+}
diff --git a/react/features/recording/components/LiveStream/AbstractStreamKeyForm.ts b/react/features/recording/components/LiveStream/AbstractStreamKeyForm.ts
new file mode 100644
index 0000000..f0214d5
--- /dev/null
+++ b/react/features/recording/components/LiveStream/AbstractStreamKeyForm.ts
@@ -0,0 +1,179 @@
+import { type DebouncedFunc, debounce } from 'lodash-es';
+import { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+
+import { IReduxState } from '../../../app/types';
+
+import { getLiveStreaming } from './functions';
+
+
+export type LiveStreaming = {
+
+    // Terms link
+    dataPrivacyLink: string;
+    enabled: boolean;
+    helpLink: string;
+
+    // Documentation reference for the live streaming feature.
+    termsLink: string; // Data privacy link
+    validatorRegExpString: string; // RegExp string that validates the stream key input field
+};
+
+export type LiveStreamingProps = {
+    dataPrivacyURL?: string;
+    enabled: boolean;
+    helpURL?: string;
+    streamLinkRegexp: RegExp;
+    termsURL?: string;
+};
+
+/**
+ * The props of the component.
+ */
+export interface IProps extends WithTranslation {
+
+    /**
+     * The live streaming dialog properties.
+     */
+    _liveStreaming: LiveStreamingProps;
+
+    /**
+     * Callback invoked when the entered stream key has changed.
+     */
+    onChange: Function;
+
+    /**
+     * The stream key value to display as having been entered so far.
+     */
+    value: string;
+}
+
+/**
+ * The state of the component.
+ */
+interface IState {
+
+    /**
+     * Whether or not to show the warnings that the passed in value seems like
+     * an improperly formatted stream key.
+     */
+    showValidationError: boolean;
+}
+
+/**
+ * An abstract React Component for entering a key for starting a YouTube live
+ * stream.
+ *
+ * @augments Component
+ */
+export default class AbstractStreamKeyForm<P extends IProps>
+    extends Component<P, IState> {
+
+    _debouncedUpdateValidationErrorVisibility: DebouncedFunc<() => void>;
+
+    /**
+     * Constructor for the component.
+     *
+     * @inheritdoc
+     */
+    constructor(props: P) {
+        super(props);
+
+        this.state = {
+            showValidationError: Boolean(this.props.value)
+                && !this._validateStreamKey(this.props.value)
+        };
+
+        this._debouncedUpdateValidationErrorVisibility = debounce(
+            this._updateValidationErrorVisibility.bind(this),
+            800,
+            { leading: false }
+        );
+
+        // Bind event handlers so they are only bound once per instance.
+        this._onInputChange = this._onInputChange.bind(this);
+    }
+
+    /**
+     * Implements React Component's componentDidUpdate.
+     *
+     * @inheritdoc
+     */
+    override componentDidUpdate(prevProps: P) {
+        if (this.props.value !== prevProps.value) {
+            this._debouncedUpdateValidationErrorVisibility();
+        }
+    }
+
+    /**
+     * Implements React Component's componentWillUnmount.
+     *
+     * @inheritdoc
+     */
+    override componentWillUnmount() {
+        this._debouncedUpdateValidationErrorVisibility.cancel();
+    }
+
+    /**
+     * Callback invoked when the value of the input field has updated through
+     * user input. This forwards the value (string only, even if it was a dom
+     * event) to the onChange prop provided to the component.
+     *
+     * @param {Object | string} change - DOM Event for value change or the
+     * changed text.
+     * @private
+     * @returns {void}
+     */
+    _onInputChange(change: any) {
+        const value = typeof change === 'object' ? change.target.value : change;
+
+        this.props.onChange(value);
+    }
+
+    /**
+     * Checks if the stream key value seems like a valid stream key and sets the
+     * state for showing or hiding the notification about the stream key seeming
+     * invalid.
+     *
+     * @private
+     * @returns {boolean}
+     */
+    _updateValidationErrorVisibility() {
+        const newShowValidationError = Boolean(this.props.value)
+            && !this._validateStreamKey(this.props.value);
+
+        if (newShowValidationError !== this.state.showValidationError) {
+            this.setState({
+                showValidationError: newShowValidationError
+            });
+        }
+    }
+
+    /**
+     * Checks if a passed in stream key appears to be in a valid format.
+     *
+     * @param {string} streamKey - The stream key to check for valid formatting.
+     * @returns {void}
+     * @returns {boolean}
+     */
+    _validateStreamKey(streamKey = '') {
+        const trimmedKey = streamKey.trim();
+        const match = this.props._liveStreaming.streamLinkRegexp.exec(trimmedKey);
+
+        return Boolean(match);
+    }
+}
+
+/**
+ * Maps part of the Redux state to the component's props.
+ *
+ * @param {Object} state - The Redux state.
+ * @returns {{
+ *     _liveStreaming: LiveStreamingProps
+ * }}
+ */
+export function _mapStateToProps(state: IReduxState) {
+    return {
+        _liveStreaming: getLiveStreaming(state)
+    };
+}
diff --git a/react/features/recording/components/LiveStream/constants.ts b/react/features/recording/components/LiveStream/constants.ts
new file mode 100644
index 0000000..1f83107
--- /dev/null
+++ b/react/features/recording/components/LiveStream/constants.ts
@@ -0,0 +1,26 @@
+/**
+ * The URL for Google Privacy Policy.
+ */
+export const GOOGLE_PRIVACY_POLICY = 'https://policies.google.com/privacy';
+
+/**
+ * The URL that is the main landing page for YouTube live streaming and should
+ * have a user's live stream key.
+ */
+export const YOUTUBE_LIVE_DASHBOARD_URL = 'https://www.youtube.com/live_dashboard';
+
+/**
+ * The URL for YouTube terms and conditions.
+ */
+export const YOUTUBE_TERMS_URL = 'https://www.youtube.com/t/terms';
+
+/**
+ * The live streaming help link to display.
+ */
+export const JITSI_LIVE_STREAMING_HELP_LINK = 'https://jitsi.org/live';
+
+/**
+ *  The YouTube stream link RegExp.
+ */
+export const FOUR_GROUPS_DASH_SEPARATED = /^(?:[a-zA-Z0-9]{4}(?:-(?!$)|$)){4}/;
+
diff --git a/react/features/recording/components/LiveStream/functions.ts b/react/features/recording/components/LiveStream/functions.ts
new file mode 100644
index 0000000..a382bc4
--- /dev/null
+++ b/react/features/recording/components/LiveStream/functions.ts
@@ -0,0 +1,28 @@
+import { IReduxState } from '../../../app/types';
+import { sanitizeUrl } from '../../../base/util/uri';
+
+import {
+    FOUR_GROUPS_DASH_SEPARATED,
+    GOOGLE_PRIVACY_POLICY,
+    JITSI_LIVE_STREAMING_HELP_LINK,
+    YOUTUBE_TERMS_URL
+} from './constants';
+
+/**
+ * Get the live streaming options.
+ *
+ * @param {Object} state - The global state.
+ * @returns {LiveStreaming}
+ */
+export function getLiveStreaming(state: IReduxState) {
+    const { liveStreaming = {} } = state['features/base/config'];
+    const regexp = liveStreaming.validatorRegExpString && new RegExp(liveStreaming.validatorRegExpString);
+
+    return {
+        enabled: Boolean(liveStreaming.enabled),
+        helpURL: sanitizeUrl(liveStreaming.helpLink || JITSI_LIVE_STREAMING_HELP_LINK)?.toString(),
+        termsURL: sanitizeUrl(liveStreaming.termsLink || YOUTUBE_TERMS_URL)?.toString(),
+        dataPrivacyURL: sanitizeUrl(liveStreaming.dataPrivacyLink || GOOGLE_PRIVACY_POLICY)?.toString(),
+        streamLinkRegexp: regexp || FOUR_GROUPS_DASH_SEPARATED
+    };
+}
diff --git a/react/features/recording/components/LiveStream/native/GoogleSigninForm.tsx b/react/features/recording/components/LiveStream/native/GoogleSigninForm.tsx
new file mode 100644
index 0000000..35165dd
--- /dev/null
+++ b/react/features/recording/components/LiveStream/native/GoogleSigninForm.tsx
@@ -0,0 +1,229 @@
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { Text, View, ViewStyle } from 'react-native';
+import { connect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../../../app/types';
+import { _abstractMapStateToProps } from '../../../../base/dialog/functions';
+import { translate } from '../../../../base/i18n/functions';
+import { setGoogleAPIState } from '../../../../google-api/actions';
+import GoogleSignInButton from '../../../../google-api/components/GoogleSignInButton.native';
+import {
+    GOOGLE_API_STATES,
+    GOOGLE_SCOPE_YOUTUBE
+} from '../../../../google-api/constants';
+// eslint-disable-next-line lines-around-comment
+// @ts-ignore
+import googleApi from '../../../../google-api/googleApi.native';
+import logger from '../../../logger';
+
+import styles from './styles';
+
+/**
+ * Prop type of the component {@code GoogleSigninForm}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * Style of the dialogs feature.
+     */
+    _dialogStyles: any;
+
+    /**
+     * The Redux dispatch Function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * The current state of the Google api as defined in {@code constants.js}.
+     */
+    googleAPIState: number;
+
+    /**
+     * The recently received Google response.
+     */
+    googleResponse: any;
+
+    /**
+     * A callback to be invoked when an authenticated user changes, so
+     * then we can get (or clear) the YouTube stream key.
+     */
+    onUserChanged: Function;
+}
+
+/**
+ * Class to render a google sign in form, or a google stream picker dialog.
+ *
+ * @augments Component
+ */
+class GoogleSigninForm extends Component<IProps> {
+    /**
+     * Instantiates a new {@code GoogleSigninForm} component.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._logGoogleError = this._logGoogleError.bind(this);
+        this._onGoogleButtonPress = this._onGoogleButtonPress.bind(this);
+    }
+
+    /**
+     * Implements React's Component.componentDidMount.
+     *
+     * @inheritdoc
+     */
+    override componentDidMount() {
+        googleApi.hasPlayServices()
+            .then(() => {
+                googleApi.configure({
+                    offlineAccess: false,
+                    scopes: [ GOOGLE_SCOPE_YOUTUBE ]
+                });
+
+                googleApi.signInSilently().then((response: any) => {
+                    this._setApiState(response
+                        ? GOOGLE_API_STATES.SIGNED_IN
+                        : GOOGLE_API_STATES.LOADED,
+                        response);
+                }, () => {
+                    this._setApiState(GOOGLE_API_STATES.LOADED);
+                });
+            })
+            .catch((error: Error) => {
+                this._logGoogleError(error);
+                this._setApiState(GOOGLE_API_STATES.NOT_AVAILABLE);
+            });
+    }
+
+    /**
+     * Renders the component.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { _dialogStyles, t } = this.props;
+        const { googleAPIState, googleResponse } = this.props;
+        const signedInUser = googleResponse?.user?.email;
+
+        if (googleAPIState === GOOGLE_API_STATES.NOT_AVAILABLE
+                || googleAPIState === GOOGLE_API_STATES.NEEDS_LOADING
+                || typeof googleAPIState === 'undefined') {
+            return null;
+        }
+
+        const userInfo = signedInUser
+            ? `${t('liveStreaming.signedInAs')} ${signedInUser}`
+            : t('liveStreaming.signInCTA');
+
+        return (
+            <View style = { styles.formWrapper as ViewStyle }>
+                <View style = { styles.helpText as ViewStyle }>
+                    <Text
+                        style = { [
+                            _dialogStyles.text,
+                            styles.text
+                        ] }>
+                        { userInfo }
+                    </Text>
+                </View>
+                <GoogleSignInButton
+                    onClick = { this._onGoogleButtonPress }
+                    signedIn = {
+                        googleAPIState === GOOGLE_API_STATES.SIGNED_IN } />
+            </View>
+        );
+    }
+
+    /**
+     * A helper function to log developer related errors.
+     *
+     * @private
+     * @param {Object} error - The error to be logged.
+     * @returns {void}
+     */
+    _logGoogleError(error: Error) {
+        // NOTE: This is a developer error message, not intended for the
+        // user to see.
+        logger.error('Google API error. Possible cause: bad config.', error);
+    }
+
+    /**
+     * Callback to be invoked when the user presses the Google button,
+     * regardless of being logged in or out.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onGoogleButtonPress() {
+        const { googleResponse } = this.props;
+
+        if (googleResponse?.user) {
+            // the user is signed in
+            this._onSignOut();
+        } else {
+            this._onSignIn();
+        }
+    }
+
+    /**
+     * Initiates a sign in if the user is not signed in yet.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onSignIn() {
+        googleApi.signIn().then((response: any) => {
+            this._setApiState(GOOGLE_API_STATES.SIGNED_IN, response);
+        }, this._logGoogleError);
+    }
+
+    /**
+     * Initiates a sign out if the user is signed in.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onSignOut() {
+        googleApi.signOut().then((response: any) => {
+            this._setApiState(GOOGLE_API_STATES.LOADED, response);
+        }, this._logGoogleError);
+    }
+
+    /**
+     * Updates the API (Google Auth) state.
+     *
+     * @private
+     * @param {number} apiState - The state of the API.
+     * @param {?Object} googleResponse - The response from the API.
+     * @returns {void}
+     */
+    _setApiState(apiState: number, googleResponse?: Object) {
+        this.props.onUserChanged(googleResponse);
+        this.props.dispatch(setGoogleAPIState(apiState, googleResponse));
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated props for the
+ * {@code GoogleSigninForm} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {{
+ *     googleAPIState: number,
+  *    googleResponse: Object
+ * }}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const { googleAPIState, googleResponse } = state['features/google-api'];
+
+    return {
+        ..._abstractMapStateToProps(state),
+        googleAPIState,
+        googleResponse
+    };
+}
+
+export default translate(connect(_mapStateToProps)(GoogleSigninForm));
diff --git a/react/features/recording/components/LiveStream/native/LiveStreamButton.ts b/react/features/recording/components/LiveStream/native/LiveStreamButton.ts
new file mode 100644
index 0000000..cb43bcd
--- /dev/null
+++ b/react/features/recording/components/LiveStream/native/LiveStreamButton.ts
@@ -0,0 +1,63 @@
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../../app/types';
+import { openDialog } from '../../../../base/dialog/actions';
+import { LIVE_STREAMING_ENABLED } from '../../../../base/flags/constants';
+import { getFeatureFlag } from '../../../../base/flags/functions';
+import { translate } from '../../../../base/i18n/functions';
+import { navigate }
+    from '../../../../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
+import { screen } from '../../../../mobile/navigation/routes';
+import AbstractLiveStreamButton, {
+    IProps as AbstractProps,
+    _mapStateToProps as _abstractMapStateToProps
+} from '../AbstractLiveStreamButton';
+import { IProps } from '../AbstractStartLiveStreamDialog';
+
+import StopLiveStreamDialog from './StopLiveStreamDialog';
+
+type Props = IProps & AbstractProps;
+
+/**
+ * Button for opening the live stream settings screen.
+ */
+class LiveStreamButton extends AbstractLiveStreamButton<Props> {
+
+    /**
+     * Handles clicking / pressing the button.
+     *
+     * @override
+     * @protected
+     * @returns {void}
+     */
+    _onHandleClick() {
+        const { _isLiveStreamRunning, dispatch } = this.props;
+
+        if (_isLiveStreamRunning) {
+            dispatch(openDialog('StopLiveStreamDialog', StopLiveStreamDialog));
+        } else {
+            navigate(screen.conference.liveStream);
+        }
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated props for this component.
+ *
+ * @param {Object} state - The redux state.
+ * @param {Object} ownProps - The properties explicitly passed to the component
+ * instance.
+ * @private
+ * @returns {Props}
+ */
+export function mapStateToProps(state: IReduxState, ownProps: any) {
+    const enabled = getFeatureFlag(state, LIVE_STREAMING_ENABLED, true);
+    const abstractProps = _abstractMapStateToProps(state, ownProps);
+
+    return {
+        ...abstractProps,
+        visible: enabled && abstractProps.visible
+    };
+}
+
+export default translate(connect(mapStateToProps)(LiveStreamButton));
diff --git a/react/features/recording/components/LiveStream/native/StartLiveStreamDialog.tsx b/react/features/recording/components/LiveStream/native/StartLiveStreamDialog.tsx
new file mode 100644
index 0000000..90f841e
--- /dev/null
+++ b/react/features/recording/components/LiveStream/native/StartLiveStreamDialog.tsx
@@ -0,0 +1,160 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import { translate } from '../../../../base/i18n/functions';
+import JitsiScreen from '../../../../base/modal/components/JitsiScreen';
+import { StyleType } from '../../../../base/styles/functions.any';
+// eslint-disable-next-line lines-around-comment
+// @ts-ignore
+import googleApi from '../../../../google-api/googleApi.native';
+import HeaderNavigationButton
+    from '../../../../mobile/navigation/components/HeaderNavigationButton';
+import { goBack }
+    from '../../../../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
+import { setLiveStreamKey } from '../../../actions';
+import AbstractStartLiveStreamDialog, { IProps, _mapStateToProps } from '../AbstractStartLiveStreamDialog';
+
+import GoogleSigninForm from './GoogleSigninForm';
+import StreamKeyForm from './StreamKeyForm';
+import StreamKeyPicker from './StreamKeyPicker';
+import styles from './styles';
+
+/**
+ * A React Component for requesting a YouTube stream key to use for live
+ * streaming of the current conference.
+ */
+class StartLiveStreamDialog extends AbstractStartLiveStreamDialog<IProps> {
+    /**
+     * Constructor of the component.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handlers so they are only bound once per instance.
+        this._onStartPress = this._onStartPress.bind(this);
+        this._onStreamKeyChangeNative
+            = this._onStreamKeyChangeNative.bind(this);
+        this._onStreamKeyPick = this._onStreamKeyPick.bind(this);
+        this._onUserChanged = this._onUserChanged.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#componentDidMount()}. Invoked
+     * immediately after this component is mounted.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidMount() {
+        const { navigation, t } = this.props;
+
+        navigation.setOptions({
+            headerRight: () => (
+                <HeaderNavigationButton
+                    label = { t('dialog.start') }
+                    onPress = { this._onStartPress }
+                    twoActions = { true } />
+            )
+        });
+    }
+
+    /**
+     * Starts live stream session and goes back to the previous screen.
+     *
+     * @returns {void}
+     */
+    _onStartPress() {
+        this._onSubmit() && goBack();
+    }
+
+    /**
+     * Implements {@code Component}'s render.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        return (
+            <JitsiScreen style = { styles.startLiveStreamContainer as StyleType }>
+                <GoogleSigninForm
+                    onUserChanged = { this._onUserChanged } />
+                <StreamKeyPicker
+                    broadcasts = { this.state.broadcasts }
+                    onChange = { this._onStreamKeyPick } />
+                <StreamKeyForm
+                    onChange = { this._onStreamKeyChangeNative }
+                    value = {
+                        this.state.streamKey || this.props._streamKey || ''
+                    } />
+            </JitsiScreen>
+        );
+    }
+
+    /**
+     * Callback to handle stream key changes.
+     *
+     * FIXME: This is a temporary method to store the streaming key on mobile
+     * for easier use, until the Google sign-in is implemented. We don't store
+     * the key on web for security reasons (e.g. We don't want to have the key
+     * stored if the used signed out).
+     *
+     * @private
+     * @param {string} streamKey - The new key value.
+     * @returns {void}
+     */
+    _onStreamKeyChangeNative(streamKey: string) {
+        this.props.dispatch(setLiveStreamKey(streamKey));
+        this._onStreamKeyChange(streamKey);
+    }
+
+    /**
+     * Callback to be invoked when the user selects a stream from the picker.
+     *
+     * @private
+     * @param {string} streamKey - The key of the selected stream.
+     * @returns {void}
+     */
+    _onStreamKeyPick(streamKey: string) {
+        this.setState({
+            streamKey
+        });
+    }
+
+    /**
+     * A callback to be invoked when an authenticated user changes, so
+     * then we can get (or clear) the YouTube stream key.
+     *
+     * TODO: Handle errors by showing some indication to the user.
+     *
+     * @private
+     * @param {Object} response - The retrieved signin response.
+     * @returns {void}
+     */
+    _onUserChanged(response: Object) {
+        if (response) {
+            googleApi.getTokens()
+                .then((tokens: any) => {
+                    googleApi.getYouTubeLiveStreams(tokens.accessToken)
+                        .then((broadcasts: any) => {
+                            this.setState({
+                                broadcasts
+                            });
+                        });
+                })
+                .catch(() => {
+                    this.setState({
+                        broadcasts: undefined,
+                        streamKey: undefined
+                    });
+                });
+        } else {
+            this.setState({
+                broadcasts: undefined,
+                streamKey: undefined
+            });
+        }
+    }
+}
+
+export default translate(connect(_mapStateToProps)(StartLiveStreamDialog));
diff --git a/react/features/recording/components/LiveStream/native/StopLiveStreamDialog.tsx b/react/features/recording/components/LiveStream/native/StopLiveStreamDialog.tsx
new file mode 100644
index 0000000..27a5174
--- /dev/null
+++ b/react/features/recording/components/LiveStream/native/StopLiveStreamDialog.tsx
@@ -0,0 +1,33 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import ConfirmDialog from '../../../../base/dialog/components/native/ConfirmDialog';
+import { translate } from '../../../../base/i18n/functions';
+import AbstractStopLiveStreamDialog, {
+    _mapStateToProps
+} from '../AbstractStopLiveStreamDialog';
+
+/**
+ * A React Component for confirming the participant wishes to stop the currently
+ * active live stream of the conference.
+ *
+ * @augments Component
+ */
+class StopLiveStreamDialog extends AbstractStopLiveStreamDialog {
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        return (
+            <ConfirmDialog
+                descriptionKey = 'dialog.stopStreamingWarning'
+                onSubmit = { this._onSubmit } />
+        );
+    }
+}
+
+export default translate(connect(_mapStateToProps)(StopLiveStreamDialog));
diff --git a/react/features/recording/components/LiveStream/native/StreamKeyForm.tsx b/react/features/recording/components/LiveStream/native/StreamKeyForm.tsx
new file mode 100644
index 0000000..83ae9e0
--- /dev/null
+++ b/react/features/recording/components/LiveStream/native/StreamKeyForm.tsx
@@ -0,0 +1,164 @@
+import React from 'react';
+import { Linking, Text, View, ViewStyle } from 'react-native';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../../app/types';
+import { _abstractMapStateToProps } from '../../../../base/dialog/functions';
+import { translate } from '../../../../base/i18n/functions';
+import Button from '../../../../base/ui/components/native/Button';
+import Input from '../../../../base/ui/components/native/Input';
+import { BUTTON_TYPES } from '../../../../base/ui/constants.native';
+import AbstractStreamKeyForm, {
+    IProps as AbstractProps
+} from '../AbstractStreamKeyForm';
+import { getLiveStreaming } from '../functions';
+
+import styles from './styles';
+
+interface IProps extends AbstractProps {
+
+    /**
+     * Style of the dialogs feature.
+     */
+    _dialogStyles: any;
+}
+
+/**
+ * A React Component for entering a key for starting a YouTube live stream.
+ *
+ * @augments Component
+ */
+class StreamKeyForm extends AbstractStreamKeyForm<IProps> {
+    /**
+     * Initializes a new {@code StreamKeyForm} instance.
+     *
+     * @param {IProps} props - The React {@code Component} props to initialize
+     * the new {@code StreamKeyForm} instance with.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handlers so they are only bound once per instance.
+        this._onOpenGooglePrivacyPolicy = this._onOpenGooglePrivacyPolicy.bind(this);
+        this._onOpenHelp = this._onOpenHelp.bind(this);
+        this._onOpenYoutubeTerms = this._onOpenYoutubeTerms.bind(this);
+
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { _dialogStyles, t } = this.props;
+
+        return (
+            <>
+                <View style = { styles.formWrapper as ViewStyle }>
+                    <Input
+                        customStyles = {{
+                            input: styles.streamKeyInput,
+                            container: styles.streamKeyContainer }}
+                        onChange = { this._onInputChange }
+                        placeholder = { t('liveStreaming.enterStreamKey') }
+                        value = { this.props.value } />
+                    <View style = { styles.formValidationItem as ViewStyle }>
+                        {
+                            this.state.showValidationError && <Text
+                                style = { [
+                                    _dialogStyles.text,
+                                    styles.warningText
+                                ] }>
+                                { t('liveStreaming.invalidStreamKey') }
+                            </Text>
+                        }
+                    </View>
+                </View>
+                <View style = { styles.formButtonsWrapper as ViewStyle }>
+                    <Button
+                        accessibilityLabel = 'liveStreaming.streamIdHelp'
+                        labelKey = 'liveStreaming.streamIdHelp'
+                        labelStyle = { styles.buttonLabelStyle }
+                        onClick = { this._onOpenHelp }
+                        type = { BUTTON_TYPES.TERTIARY } />
+                    <Button
+                        accessibilityLabel = 'liveStreaming.youtubeTerms'
+                        labelKey = 'liveStreaming.youtubeTerms'
+                        labelStyle = { styles.buttonLabelStyle }
+                        onClick = { this._onOpenYoutubeTerms }
+                        type = { BUTTON_TYPES.TERTIARY } />
+                    <Button
+                        accessibilityLabel = 'liveStreaming.googlePrivacyPolicy'
+                        labelKey = 'liveStreaming.googlePrivacyPolicy'
+                        labelStyle = { styles.buttonLabelStyle }
+                        onClick = { this._onOpenGooglePrivacyPolicy }
+                        type = { BUTTON_TYPES.TERTIARY } />
+                </View>
+            </>
+        );
+    }
+
+    /**
+     * Opens the Google Privacy Policy web page.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onOpenGooglePrivacyPolicy() {
+        const url = this.props._liveStreaming.dataPrivacyURL;
+
+        if (typeof url === 'string') {
+            Linking.openURL(url);
+        }
+    }
+
+    /**
+     * Opens the information link on how to manually locate a YouTube broadcast
+     * stream key.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onOpenHelp() {
+        const url = this.props._liveStreaming.helpURL;
+
+        if (typeof url === 'string') {
+            Linking.openURL(url);
+        }
+    }
+
+    /**
+     * Opens the YouTube terms and conditions web page.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onOpenYoutubeTerms() {
+        const url = this.props._liveStreaming.termsURL;
+
+        if (typeof url === 'string') {
+            Linking.openURL(url);
+        }
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated props for the
+ * {@code StreamKeyForm} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {{
+ *    _liveStreaming: LiveStreamingProps
+ * }}
+ */
+function _mapStateToProps(state: IReduxState) {
+    return {
+        ..._abstractMapStateToProps(state),
+        _liveStreaming: getLiveStreaming(state)
+    };
+}
+
+export default translate(connect(_mapStateToProps)(StreamKeyForm));
diff --git a/react/features/recording/components/LiveStream/native/StreamKeyPicker.tsx b/react/features/recording/components/LiveStream/native/StreamKeyPicker.tsx
new file mode 100644
index 0000000..3022c00
--- /dev/null
+++ b/react/features/recording/components/LiveStream/native/StreamKeyPicker.tsx
@@ -0,0 +1,168 @@
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+import {
+    Linking,
+    Text,
+    TouchableHighlight,
+    TouchableOpacity,
+    View,
+    ViewStyle
+} from 'react-native';
+import { connect } from 'react-redux';
+
+import { _abstractMapStateToProps } from '../../../../base/dialog/functions';
+import { translate } from '../../../../base/i18n/functions';
+import { YOUTUBE_LIVE_DASHBOARD_URL } from '../constants';
+
+import styles, { ACTIVE_OPACITY, TOUCHABLE_UNDERLAY } from './styles';
+
+interface IProps extends WithTranslation {
+
+    /**
+     * Style of the dialogs feature.
+     */
+    _dialogStyles: any;
+
+    /**
+     * The list of broadcasts the user can pick from.
+     */
+    broadcasts?: Array<{ key: string; title: string; }>;
+
+    /**
+     * Callback to be invoked when the user picked a broadcast. To be invoked
+     * with a single key (string).
+     */
+    onChange: Function;
+}
+
+interface IState {
+
+    /**
+    * The key of the currently selected stream.
+    */
+    streamKey?: string | null;
+}
+
+/**
+ * Class to implement a stream key picker (dropdown) component to allow the user
+ * to choose from the available Google Broadcasts/Streams.
+ *
+ * NOTE: This component is currently only used on mobile, but it is advised at
+ * a later point to unify mobile and web logic for this functionality. But it's
+ * out of the scope for now of the mobile live streaming functionality.
+ */
+class StreamKeyPicker extends Component<IProps, IState> {
+
+    /**
+     * Instantiates a new instance of StreamKeyPicker.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            streamKey: null
+        };
+
+        this._onOpenYoutubeDashboard = this._onOpenYoutubeDashboard.bind(this);
+        this._onStreamPick = this._onStreamPick.bind(this);
+    }
+
+    /**
+     * Renders the component.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { _dialogStyles, broadcasts } = this.props;
+
+        if (!broadcasts) {
+            return null;
+        }
+
+        if (!broadcasts.length) {
+            return (
+                <View style = { styles.formWrapper as ViewStyle }>
+                    <TouchableOpacity
+                        onPress = { this._onOpenYoutubeDashboard }>
+                        <Text
+                            style = { [
+                                _dialogStyles.text,
+                                styles.warningText
+                            ] }>
+                            { this.props.t(
+                                'liveStreaming.getStreamKeyManually') }
+                        </Text>
+                    </TouchableOpacity>
+                </View>
+            );
+        }
+
+        return (
+            <View style = { styles.formWrapper as ViewStyle }>
+                <View style = { styles.streamKeyPickerCta as ViewStyle }>
+                    <Text
+                        style = { [
+                            _dialogStyles.text,
+                            styles.text
+                        ] }>
+                        { this.props.t('liveStreaming.choose') }
+                    </Text>
+                </View>
+                <View style = { styles.streamKeyPickerWrapper as ViewStyle } >
+                    { broadcasts.map((broadcast, index) =>
+                        (<TouchableHighlight
+                            activeOpacity = { ACTIVE_OPACITY }
+                            key = { index }
+                            onPress = { this._onStreamPick(broadcast.key) }
+                            style = { [
+                                styles.streamKeyPickerItem,
+                                this.state.streamKey === broadcast.key
+                                    ? styles.streamKeyPickerItemHighlight : null
+                            ] as ViewStyle[] }
+                            underlayColor = { TOUCHABLE_UNDERLAY }>
+                            <Text
+                                style = { [
+                                    _dialogStyles.text,
+                                    styles.text
+                                ] }>
+                                { broadcast.title }
+                            </Text>
+                        </TouchableHighlight>))
+                    }
+                </View>
+            </View>
+        );
+    }
+
+    /**
+     * Opens the link which should display the YouTube broadcast live stream
+     * key.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onOpenYoutubeDashboard() {
+        Linking.openURL(YOUTUBE_LIVE_DASHBOARD_URL);
+    }
+
+    /**
+     * Callback to be invoked when the user picks a stream from the list.
+     *
+     * @private
+     * @param {string} streamKey - The key of the stream selected.
+     * @returns {Function}
+     */
+    _onStreamPick(streamKey: string) {
+        return () => {
+            this.setState({
+                streamKey
+            });
+            this.props.onChange(streamKey);
+        };
+    }
+}
+
+export default translate(
+    connect(_abstractMapStateToProps)(StreamKeyPicker));
diff --git a/react/features/recording/components/LiveStream/native/styles.ts b/react/features/recording/components/LiveStream/native/styles.ts
new file mode 100644
index 0000000..d4f229a
--- /dev/null
+++ b/react/features/recording/components/LiveStream/native/styles.ts
@@ -0,0 +1,146 @@
+import { createStyleSheet } from '../../../../base/styles/functions.native';
+import BaseTheme from '../../../../base/ui/components/BaseTheme.native';
+
+/**
+ * Opacity of the TouchableHighlight.
+ */
+export const ACTIVE_OPACITY = 0.3;
+
+/**
+ * Underlay of the TouchableHighlight.
+ */
+export const TOUCHABLE_UNDERLAY = BaseTheme.palette.ui06;
+
+/**
+ * The styles of the React {@code Components} of LiveStream.
+ */
+export default createStyleSheet({
+
+    /**
+     * Generic component to wrap form sections into achieving a unified look.
+     */
+    formWrapper: {
+        alignItems: 'stretch',
+        flexDirection: 'column',
+        paddingHorizontal: BaseTheme.spacing[2]
+    },
+
+    formValidationItem: {
+        alignSelf: 'flex-start',
+        flexDirection: 'row',
+        height: BaseTheme.spacing[4],
+        marginTop: BaseTheme.spacing[2]
+    },
+
+    formButtonsWrapper: {
+        alignSelf: 'center',
+        display: 'flex',
+        maxWidth: 200
+    },
+
+    buttonLabelStyle: {
+        color: BaseTheme.palette.link01
+    },
+
+    /**
+     * Explaining text on the top of the sign in form.
+     */
+    helpText: {
+        marginBottom: BaseTheme.spacing[2]
+    },
+
+    /**
+     * Container for the live stream screen.
+     */
+    startLiveStreamContainer: {
+        backgroundColor: BaseTheme.palette.ui01,
+        display: 'flex',
+        flex: 1,
+        flexDirection: 'column',
+        justifyContent: 'center',
+        paddingHorizontal: BaseTheme.spacing[2],
+        paddingVertical: BaseTheme.spacing[3]
+    },
+
+    /**
+     * Helper link text.
+     */
+    streamKeyHelp: {
+        alignSelf: 'flex-end'
+    },
+
+    /**
+     * Input field to manually enter stream key.
+     */
+    streamKeyInput: {
+        alignSelf: 'stretch',
+        color: BaseTheme.palette.text01,
+        textAlign: 'left'
+    },
+
+    streamKeyContainer: {
+        marginTop: BaseTheme.spacing[3]
+    },
+
+    /**
+     * Custom component to pick a broadcast from the list fetched from Google.
+     */
+    streamKeyPicker: {
+        alignSelf: 'stretch',
+        flex: 1,
+        height: 40,
+        marginHorizontal: BaseTheme.spacing[1],
+        width: 300
+    },
+
+    /**
+     * CTA (label) of the picker.
+     */
+    streamKeyPickerCta: {
+        marginBottom: BaseTheme.spacing[2]
+    },
+
+    /**
+     * Style of a single item in the list.
+     */
+    streamKeyPickerItem: {
+        padding: BaseTheme.spacing[1]
+    },
+
+    /**
+     * Additional style for the selected item.
+     */
+    streamKeyPickerItemHighlight: {
+        backgroundColor: BaseTheme.palette.ui04
+    },
+
+    /**
+     * Overall wrapper for the picker.
+     */
+    streamKeyPickerWrapper: {
+        borderColor: BaseTheme.palette.ui07,
+        borderRadius: BaseTheme.shape.borderRadius,
+        borderWidth: 1,
+        flexDirection: 'column'
+    },
+
+    /**
+     * Terms and Conditions texts.
+     */
+    tcText: {
+        textAlign: 'right'
+    },
+
+    text: {
+        color: BaseTheme.palette.text01,
+        fontSize: 14,
+        textAlign: 'left'
+    },
+
+    /**
+     * A different colored text to indicate information needing attention.
+     */
+    warningText: {
+        color: BaseTheme.palette.warning02
+    }
+});
diff --git a/react/features/recording/components/LiveStream/web/LiveStreamButton.ts b/react/features/recording/components/LiveStream/web/LiveStreamButton.ts
new file mode 100644
index 0000000..f6106a1
--- /dev/null
+++ b/react/features/recording/components/LiveStream/web/LiveStreamButton.ts
@@ -0,0 +1,65 @@
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../../app/types';
+import { openDialog } from '../../../../base/dialog/actions';
+import { translate } from '../../../../base/i18n/functions';
+import AbstractLiveStreamButton, {
+    IProps,
+    _mapStateToProps as _abstractMapStateToProps
+} from '../AbstractLiveStreamButton';
+
+import StartLiveStreamDialog from './StartLiveStreamDialog';
+import StopLiveStreamDialog from './StopLiveStreamDialog';
+
+
+/**
+ * Button for opening the live stream settings dialog.
+ */
+class LiveStreamButton extends AbstractLiveStreamButton<IProps> {
+
+    /**
+     * Handles clicking / pressing the button.
+     *
+     * @override
+     * @protected
+     * @returns {void}
+     */
+    override _onHandleClick() {
+        const { _isLiveStreamRunning, dispatch } = this.props;
+        const dialogComponent = _isLiveStreamRunning ? StopLiveStreamDialog : StartLiveStreamDialog;
+        const dialogName = _isLiveStreamRunning ? 'StopLiveStreamDialog' : 'StartLiveStreamDialog';
+
+        dispatch(openDialog(dialogName, dialogComponent));
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated props for the
+ * {@code LiveStreamButton} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {IProps} ownProps - The own props of the Component.
+ * @private
+ * @returns {{
+ *     _conference: Object,
+ *     _isLiveStreamRunning: boolean,
+ *     _disabled: boolean,
+ *     visible: boolean
+ * }}
+ */
+function _mapStateToProps(state: IReduxState, ownProps: any) {
+    const abstractProps = _abstractMapStateToProps(state, ownProps);
+    const { toolbarButtons } = state['features/toolbox'];
+    let { visible } = ownProps;
+
+    if (typeof visible === 'undefined') {
+        visible = Boolean(toolbarButtons?.includes('livestreaming') && abstractProps.visible);
+    }
+
+    return {
+        ...abstractProps,
+        visible
+    };
+}
+
+export default translate(connect(_mapStateToProps)(LiveStreamButton));
diff --git a/react/features/recording/components/LiveStream/web/StartLiveStreamDialog.tsx b/react/features/recording/components/LiveStream/web/StartLiveStreamDialog.tsx
new file mode 100644
index 0000000..f0613c8
--- /dev/null
+++ b/react/features/recording/components/LiveStream/web/StartLiveStreamDialog.tsx
@@ -0,0 +1,361 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../../app/types';
+import { translate } from '../../../../base/i18n/functions';
+import Dialog from '../../../../base/ui/components/web/Dialog';
+import Spinner from '../../../../base/ui/components/web/Spinner';
+import {
+    loadGoogleAPI,
+    requestAvailableYouTubeBroadcasts,
+    requestLiveStreamsForYouTubeBroadcast,
+    showAccountSelection,
+    signIn,
+    updateProfile
+} from '../../../../google-api/actions';
+import GoogleSignInButton from '../../../../google-api/components/GoogleSignInButton.web';
+import { GOOGLE_API_STATES } from '../../../../google-api/constants';
+import AbstractStartLiveStreamDialog, {
+    IProps as AbstractProps,
+    _mapStateToProps as _abstractMapStateToProps
+} from '../AbstractStartLiveStreamDialog';
+
+import StreamKeyForm from './StreamKeyForm';
+import StreamKeyPicker from './StreamKeyPicker';
+
+interface IProps extends AbstractProps {
+
+    /**
+     * The ID for the Google client application used for making stream key
+     * related requests.
+     */
+    _googleApiApplicationClientID?: string;
+}
+
+/**
+ * A React Component for requesting a YouTube stream key to use for live
+ * streaming of the current conference.
+ *
+ * @augments Component
+ */
+class StartLiveStreamDialog
+    extends AbstractStartLiveStreamDialog<IProps> {
+
+    /**
+     * Initializes a new {@code StartLiveStreamDialog} instance.
+     *
+     * @param {IProps} props - The React {@code Component} props to initialize
+     * the new {@code StartLiveStreamDialog} instance with.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handlers so they are only bound once per instance.
+        this._onGetYouTubeBroadcasts = this._onGetYouTubeBroadcasts.bind(this);
+        this._onInitializeGoogleApi = this._onInitializeGoogleApi.bind(this);
+        this._onGoogleSignIn = this._onGoogleSignIn.bind(this);
+        this._onRequestGoogleSignIn = this._onRequestGoogleSignIn.bind(this);
+        this._onYouTubeBroadcastIDSelected
+            = this._onYouTubeBroadcastIDSelected.bind(this);
+    }
+
+    /**
+     * Implements {@link Component#componentDidMount()}. Invoked immediately
+     * after this component is mounted.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidMount() {
+        super.componentDidMount();
+
+        if (this.props._googleApiApplicationClientID) {
+            this._onInitializeGoogleApi();
+        }
+    }
+
+    /**
+     * Implements {@code Component}'s render.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { _googleApiApplicationClientID } = this.props;
+
+        return (
+            <Dialog
+                ok = {{ translationKey: 'dialog.startLiveStreaming' }}
+                onCancel = { this._onCancel }
+                onSubmit = { this._onSubmit }
+                titleKey = 'liveStreaming.start'>
+                <div className = 'live-stream-dialog'>
+                    { _googleApiApplicationClientID
+                        ? this._renderYouTubePanel() : null }
+                    <StreamKeyForm
+                        onChange = { this._onStreamKeyChange }
+                        value = {
+                            this.state.streamKey || this.props._streamKey || ''
+                        } />
+                </div>
+            </Dialog>
+        );
+    }
+
+    /**
+     * Loads the Google web client application used for fetching stream keys.
+     * If the user is already logged in, then a request for available YouTube
+     * broadcasts is also made.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onInitializeGoogleApi() {
+        this.props.dispatch(loadGoogleAPI())
+        .catch((response: any) => this._parseErrorFromResponse(response));
+    }
+
+    /**
+     * Automatically selects the input field's value after starting to edit the
+     * display name.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidUpdate(previousProps: IProps) {
+        if (previousProps._googleAPIState === GOOGLE_API_STATES.LOADED
+            && this.props._googleAPIState === GOOGLE_API_STATES.SIGNED_IN) {
+            this._onGetYouTubeBroadcasts();
+        }
+    }
+
+    /**
+     * Asks the user to sign in, if not already signed in, and then requests a
+     * list of the user's YouTube broadcasts.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _onGetYouTubeBroadcasts() {
+        this.props.dispatch(updateProfile())
+            .catch((response: any) => this._parseErrorFromResponse(response));
+
+        this.props.dispatch(requestAvailableYouTubeBroadcasts())
+            .then((broadcasts: { boundStreamID: string; }[]) => {
+                this._setStateIfMounted({
+                    broadcasts
+                });
+
+                if (broadcasts.length === 1) {
+                    const broadcast = broadcasts[0];
+
+                    this._onYouTubeBroadcastIDSelected(broadcast.boundStreamID);
+                }
+            })
+            .catch((response: any) => this._parseErrorFromResponse(response));
+    }
+
+    /**
+     * Forces the Google web client application to prompt for a sign in, such as
+     * when changing account, and will then fetch available YouTube broadcasts.
+     *
+     * @private
+     * @returns {Promise}
+     */
+    _onGoogleSignIn() {
+        this.props.dispatch(signIn())
+            .catch((response: any) => this._parseErrorFromResponse(response));
+    }
+
+    /**
+     * Forces the Google web client application to prompt for a sign in, such as
+     * when changing account, and will then fetch available YouTube broadcasts.
+     *
+     * @private
+     * @returns {Promise}
+     */
+    _onRequestGoogleSignIn() {
+        // when there is an error we show the google sign-in button.
+        // once we click it we want to clear the error from the state
+        this.props.dispatch(showAccountSelection())
+            .then(() =>
+                this._setStateIfMounted({
+                    broadcasts: undefined,
+                    errorType: undefined
+                }))
+            .then(() => this._onGetYouTubeBroadcasts());
+    }
+
+    /**
+     * Fetches the stream key for a YouTube broadcast and updates the internal
+     * state to display the associated stream key as being entered.
+     *
+     * @param {string} boundStreamID - The bound stream ID associated with the
+     * broadcast from which to get the stream key.
+     * @private
+     * @returns {Promise}
+     */
+    _onYouTubeBroadcastIDSelected(boundStreamID: string) {
+        this.props.dispatch(
+            requestLiveStreamsForYouTubeBroadcast(boundStreamID))
+            .then(({ streamKey, selectedBoundStreamID }: { selectedBoundStreamID: string; streamKey: string; }) =>
+                this._setStateIfMounted({
+                    streamKey,
+                    selectedBoundStreamID
+                }));
+
+    }
+
+    /**
+     * Only show an error if an external request was made with the Google api.
+     * Do not error if the login in canceled.
+     * And searches in a Google API error response for the error type.
+     *
+     * @param {Object} response - The Google API response that may contain an
+     * error.
+     * @private
+     * @returns {string|null}
+     */
+    _parseErrorFromResponse(response: any) {
+
+        if (!response?.result) {
+            return;
+        }
+
+        const result = response.result;
+        const error = result.error;
+        const errors = error?.errors;
+        const firstError = errors?.[0];
+
+        this._setStateIfMounted({
+            errorType: firstError?.reason || null
+        });
+    }
+
+    /**
+     * Renders a React Element for authenticating with the Google web client.
+     *
+     * @private
+     * @returns {ReactElement}
+     */
+    _renderYouTubePanel() {
+        const {
+            t,
+            _googleProfileEmail
+        } = this.props;
+        const {
+            broadcasts,
+            selectedBoundStreamID
+        } = this.state;
+
+        let googleContent, helpText;
+
+        switch (this.props._googleAPIState) {
+        case GOOGLE_API_STATES.LOADED:
+            googleContent
+                = <GoogleSignInButton onClick = { this._onGoogleSignIn } />;
+            helpText = t('liveStreaming.signInCTA');
+
+            break;
+
+        case GOOGLE_API_STATES.SIGNED_IN:
+            if (broadcasts) {
+                googleContent = (
+                    <StreamKeyPicker
+                        broadcasts = { broadcasts }
+                        onBroadcastSelected
+                            = { this._onYouTubeBroadcastIDSelected }
+                        selectedBoundStreamID = { selectedBoundStreamID } />
+                );
+            } else {
+                googleContent
+                    = <Spinner />
+                ;
+            }
+
+            /**
+             * FIXME: Ideally this help text would be one translation string
+             * that also accepts the anchor. This can be done using the Trans
+             * component of react-i18next but I couldn't get it working...
+             */
+            helpText = (
+                <div>
+                    { `${t('liveStreaming.chooseCTA',
+                        { email: _googleProfileEmail })} ` }
+                    <a onClick = { this._onRequestGoogleSignIn }>
+                        { t('liveStreaming.changeSignIn') }
+                    </a>
+                </div>
+            );
+
+            break;
+
+        case GOOGLE_API_STATES.NEEDS_LOADING:
+        default:
+            googleContent
+                = <Spinner />
+            ;
+
+            break;
+        }
+
+        if (this.state.errorType !== undefined) {
+            googleContent = (
+                <GoogleSignInButton
+                    onClick = { this._onRequestGoogleSignIn } />
+            );
+            helpText = this._getGoogleErrorMessageToDisplay();
+        }
+
+        return (
+            <div className = 'google-panel'>
+                <div className = 'live-stream-cta'>
+                    { helpText }
+                </div>
+                <div className = 'google-api'>
+                    { googleContent }
+                </div>
+            </div>
+        );
+    }
+
+    /**
+     * Returns the error message to display for the current error state.
+     *
+     * @private
+     * @returns {string} The error message to display.
+     */
+    _getGoogleErrorMessageToDisplay() {
+        let text;
+
+        switch (this.state.errorType) {
+        case 'liveStreamingNotEnabled':
+            text = this.props.t(
+                'liveStreaming.errorLiveStreamNotEnabled',
+                { email: this.props._googleProfileEmail });
+            break;
+        default:
+            text = this.props.t('liveStreaming.errorAPI');
+            break;
+        }
+
+        return <div className = 'google-error'>{ text }</div>;
+    }
+}
+
+/**
+ * Maps part of the Redux state to the component's props.
+ *
+ * @param {Object} state - The Redux state.
+ * @returns {{
+ *     _googleApiApplicationClientID: string
+ * }}
+*/
+function _mapStateToProps(state: IReduxState) {
+    return {
+        ..._abstractMapStateToProps(state),
+        _googleApiApplicationClientID:
+        state['features/base/config'].googleApiApplicationClientID
+    };
+}
+
+export default translate(connect(_mapStateToProps)(StartLiveStreamDialog));
diff --git a/react/features/recording/components/LiveStream/web/StopLiveStreamDialog.tsx b/react/features/recording/components/LiveStream/web/StopLiveStreamDialog.tsx
new file mode 100644
index 0000000..b80407a
--- /dev/null
+++ b/react/features/recording/components/LiveStream/web/StopLiveStreamDialog.tsx
@@ -0,0 +1,36 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import { translate } from '../../../../base/i18n/functions';
+import Dialog from '../../../../base/ui/components/web/Dialog';
+import AbstractStopLiveStreamDialog, {
+    _mapStateToProps
+} from '../AbstractStopLiveStreamDialog';
+
+/**
+ * A React Component for confirming the participant wishes to stop the currently
+ * active live stream of the conference.
+ *
+ * @augments Component
+ */
+class StopLiveStreamDialog extends AbstractStopLiveStreamDialog {
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        return (
+            <Dialog
+                ok = {{ translationKey: 'dialog.stopLiveStreaming' }}
+                onSubmit = { this._onSubmit }
+                titleKey = 'dialog.liveStreaming'>
+                { this.props.t('dialog.stopStreamingWarning') }
+            </Dialog>
+        );
+    }
+}
+
+export default translate(connect(_mapStateToProps)(StopLiveStreamDialog));
diff --git a/react/features/recording/components/LiveStream/web/StreamKeyForm.tsx b/react/features/recording/components/LiveStream/web/StreamKeyForm.tsx
new file mode 100644
index 0000000..44e58f1
--- /dev/null
+++ b/react/features/recording/components/LiveStream/web/StreamKeyForm.tsx
@@ -0,0 +1,112 @@
+import { Theme } from '@mui/material';
+import React from 'react';
+import { connect } from 'react-redux';
+import { withStyles } from 'tss-react/mui';
+
+import { translate } from '../../../../base/i18n/functions';
+import Input from '../../../../base/ui/components/web/Input';
+import AbstractStreamKeyForm, {
+    IProps as AbstractProps,
+    _mapStateToProps
+} from '../AbstractStreamKeyForm';
+
+interface IProps extends AbstractProps {
+
+    /**
+     * An object containing the CSS classes.
+     */
+    classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
+
+}
+
+const styles = (theme: Theme) => {
+    return {
+        helperLink: {
+            cursor: 'pointer',
+            color: theme.palette.link01,
+            transition: 'color .2s ease',
+            ...theme.typography.labelBold,
+            marginLeft: 'auto',
+            marginTop: theme.spacing(1),
+
+            '&:hover': {
+                textDecoration: 'underline',
+                color: theme.palette.link01Hover
+            },
+
+            '&:active': {
+                color: theme.palette.link01Active
+            }
+        }
+    };
+};
+
+/**
+ * A React Component for entering a key for starting a YouTube live stream.
+ *
+ * @augments Component
+ */
+class StreamKeyForm extends AbstractStreamKeyForm<IProps> {
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { t, value } = this.props;
+        const classes = withStyles.getClasses(this.props);
+
+        return (
+            <div className = 'stream-key-form'>
+                <Input
+                    autoFocus = { true }
+                    id = 'streamkey-input'
+                    label = { t('dialog.streamKey') }
+                    name = 'streamId'
+                    onChange = { this._onInputChange }
+                    placeholder = { t('liveStreaming.enterStreamKey') }
+                    type = 'text'
+                    value = { value } />
+                <div className = 'form-footer'>
+                    <div className = 'help-container'>
+                        {
+                            this.state.showValidationError
+                                ? <span className = 'warning-text'>
+                                    { t('liveStreaming.invalidStreamKey') }
+                                </span>
+                                : null
+                        }
+                        { this.props._liveStreaming.helpURL
+                            ? <a
+                                className = { classes.helperLink }
+                                href = { this.props._liveStreaming.helpURL }
+                                rel = 'noopener noreferrer'
+                                target = '_blank'>
+                                { t('liveStreaming.streamIdHelp') }
+                            </a>
+                            : null
+                        }
+                    </div>
+                    <a
+                        className = { classes.helperLink }
+                        href = { this.props._liveStreaming.termsURL }
+                        rel = 'noopener noreferrer'
+                        target = '_blank'>
+                        { t('liveStreaming.youtubeTerms') }
+                    </a>
+                    <a
+                        className = { classes.helperLink }
+                        href = { this.props._liveStreaming.dataPrivacyURL }
+                        rel = 'noopener noreferrer'
+                        target = '_blank'>
+                        { t('liveStreaming.googlePrivacyPolicy') }
+                    </a>
+                </div>
+            </div>
+        );
+    }
+}
+
+export default translate(connect(_mapStateToProps)(withStyles(StreamKeyForm, styles)));
diff --git a/react/features/recording/components/LiveStream/web/StreamKeyPicker.tsx b/react/features/recording/components/LiveStream/web/StreamKeyPicker.tsx
new file mode 100644
index 0000000..b7ad96d
--- /dev/null
+++ b/react/features/recording/components/LiveStream/web/StreamKeyPicker.tsx
@@ -0,0 +1,126 @@
+import React, { PureComponent } from 'react';
+import { WithTranslation } from 'react-i18next';
+
+import { translate } from '../../../../base/i18n/functions';
+import Select from '../../../../base/ui/components/web/Select';
+import { YOUTUBE_LIVE_DASHBOARD_URL } from '../constants';
+
+/**
+ * The type of the React {@code Component} props of {@link StreamKeyPicker}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * Broadcasts available for selection. Each broadcast item should be an
+     * object with a title for display in the dropdown and a boundStreamID to
+     * return in the {@link onBroadcastSelected} callback.
+     */
+    broadcasts: Array<{
+        boundStreamID: string;
+        title: string;
+    }>;
+
+    /**
+     * Callback invoked when an item in the dropdown is selected. The selected
+     * broadcast's boundStreamID will be passed back.
+     */
+    onBroadcastSelected: Function;
+
+    /**
+     * The boundStreamID of the broadcast that should display as selected in the
+     * dropdown.
+     */
+    selectedBoundStreamID?: string;
+}
+
+/**
+ * A dropdown to select a YouTube broadcast.
+ *
+ * @augments Component
+ */
+class StreamKeyPicker extends PureComponent<IProps> {
+    /**
+     * Default values for {@code StreamKeyForm} component's properties.
+     *
+     * @static
+     */
+    static defaultProps = {
+        broadcasts: []
+    };
+
+    /**
+     * The initial state of a {@code StreamKeyForm} instance.
+     */
+    override state = {
+        isDropdownOpen: false
+    };
+
+    /**
+     * Initializes a new {@code StreamKeyPicker} instance.
+     *
+     * @param {IProps} props - The React {@code Component} props to initialize
+     * the new {@code StreamKeyPicker} instance with.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handlers so they are only bound once per instance.
+        this._onSelect = this._onSelect.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { broadcasts, selectedBoundStreamID, t } = this.props;
+
+        if (!broadcasts.length) {
+            return (
+                <a
+                    className = 'warning-text'
+                    href = { YOUTUBE_LIVE_DASHBOARD_URL }
+                    rel = 'noopener noreferrer'
+                    target = '_blank'>
+                    { t('liveStreaming.getStreamKeyManually') }
+                </a>
+            );
+        }
+
+        const dropdownItems
+            = broadcasts.map(broadcast => {
+                return {
+                    value: broadcast.boundStreamID,
+                    label: broadcast.title
+                };
+            });
+
+        return (
+            <div className = 'broadcast-dropdown dropdown-menu'>
+                <Select
+                    id = 'streamkeypicker-select'
+                    label = { t('liveStreaming.choose') }
+                    onChange = { this._onSelect }
+                    options = { dropdownItems }
+                    value = { selectedBoundStreamID ?? '' } />
+            </div>
+        );
+    }
+
+    /**
+     * Callback invoked when an item has been clicked in the dropdown menu.
+     *
+     * @param {Object} e - The key event to handle.
+     *
+     * @returns {void}
+     */
+    _onSelect(e: React.ChangeEvent<HTMLSelectElement>) {
+        const streamId = e.target.value;
+
+        this.props.onBroadcastSelected(streamId);
+    }
+}
+
+export default translate(StreamKeyPicker);
diff --git a/react/features/recording/components/Recording/AbstractHighlightButton.ts b/react/features/recording/components/Recording/AbstractHighlightButton.ts
new file mode 100644
index 0000000..fb7d760
--- /dev/null
+++ b/react/features/recording/components/Recording/AbstractHighlightButton.ts
@@ -0,0 +1,126 @@
+import { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+
+import { IReduxState, IStore } from '../../../app/types';
+import { openDialog } from '../../../base/dialog/actions';
+import { MEET_FEATURES } from '../../../base/jwt/constants';
+import { maybeShowPremiumFeatureDialog } from '../../../jaas/actions';
+import { hideNotification, showNotification } from '../../../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE, NOTIFICATION_TYPE } from '../../../notifications/constants';
+import { iAmVisitor } from '../../../visitors/functions';
+import { highlightMeetingMoment } from '../../actions.any';
+import { PROMPT_RECORDING_NOTIFICATION_ID } from '../../constants';
+import {
+    getRecordButtonProps,
+    isCloudRecordingRunning,
+    isHighlightMeetingMomentDisabled
+} from '../../functions';
+
+import { StartRecordingDialog } from './index';
+
+export interface IProps extends WithTranslation {
+
+    /**
+     * Indicates whether or not the button is disabled.
+     */
+    _disabled: boolean;
+
+    /**
+     * Indicates whether or not a highlight request is in progress.
+     */
+    _isHighlightInProgress: boolean;
+
+    /**
+     * Indicates whether or not the button should be visible.
+     */
+    _visible: boolean;
+
+    /**
+     * Redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+}
+
+/**
+ * Abstract class for the {@code AbstractHighlightButton} component.
+ */
+export default class AbstractHighlightButton<P extends IProps, S={}> extends Component<P, S> {
+    /**
+     * Initializes a new AbstractHighlightButton instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: P) {
+        super(props);
+
+        this._onClick = this._onClick.bind(this);
+    }
+
+    /**
+   * Handles clicking / pressing the button.
+   *
+   * @override
+   * @protected
+   * @returns {void}
+   */
+    _onClick() {
+        const { _disabled, _isHighlightInProgress, dispatch } = this.props;
+
+        if (_isHighlightInProgress) {
+            return;
+        }
+
+        if (_disabled) {
+            dispatch(showNotification({
+                descriptionKey: 'recording.highlightMomentDisabled',
+                titleKey: 'recording.highlightMoment',
+                uid: PROMPT_RECORDING_NOTIFICATION_ID,
+                customActionNameKey: [ 'localRecording.start' ],
+                customActionHandler: [ () => {
+                    dispatch(hideNotification(PROMPT_RECORDING_NOTIFICATION_ID));
+                    const dialogShown = dispatch(maybeShowPremiumFeatureDialog(MEET_FEATURES.RECORDING));
+
+                    if (!dialogShown) {
+                        dispatch(openDialog('StartRecordingDialog', StartRecordingDialog));
+                    }
+                } ],
+                appearance: NOTIFICATION_TYPE.NORMAL
+            }, NOTIFICATION_TIMEOUT_TYPE.MEDIUM));
+        } else {
+            dispatch(highlightMeetingMoment());
+        }
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated
+ * {@code AbstractHighlightButton}'s props.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {{
+ *     _disabled: boolean,
+ *     _isHighlightInProgress: boolean,
+ *     _visible: boolean
+ * }}
+ */
+export function _abstractMapStateToProps(state: IReduxState) {
+    const isRecordingRunning = isCloudRecordingRunning(state);
+    const isButtonDisabled = isHighlightMeetingMomentDisabled(state);
+    const { webhookProxyUrl } = state['features/base/config'];
+    const _iAmVisitor = iAmVisitor(state);
+    const {
+        disabled: isRecordButtonDisabled,
+        visible: isRecordButtonVisible
+    } = getRecordButtonProps(state);
+
+    const canStartRecording = isRecordButtonVisible && !isRecordButtonDisabled;
+    const _visible = Boolean((canStartRecording || isRecordingRunning) && Boolean(webhookProxyUrl) && !_iAmVisitor);
+
+    return {
+        _disabled: !isRecordingRunning,
+        _isHighlightInProgress: isButtonDisabled,
+        _visible
+    };
+}
diff --git a/react/features/recording/components/Recording/AbstractRecordButton.ts b/react/features/recording/components/Recording/AbstractRecordButton.ts
new file mode 100644
index 0000000..a71b3fa
--- /dev/null
+++ b/react/features/recording/components/Recording/AbstractRecordButton.ts
@@ -0,0 +1,138 @@
+import { createToolbarEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { IReduxState } from '../../../app/types';
+import { IconRecord, IconStop } from '../../../base/icons/svg';
+import { MEET_FEATURES } from '../../../base/jwt/constants';
+import { JitsiRecordingConstants } from '../../../base/lib-jitsi-meet';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import { maybeShowPremiumFeatureDialog } from '../../../jaas/actions';
+import { canStopRecording, getRecordButtonProps } from '../../functions';
+
+/**
+ * The type of the React {@code Component} props of
+ * {@link AbstractRecordButton}.
+ */
+export interface IProps extends AbstractButtonProps {
+
+    /**
+     * True if the button needs to be disabled.
+     */
+    _disabled: boolean;
+
+    /**
+     * True if there is a running active recording, false otherwise.
+     */
+    _isRecordingRunning: boolean;
+
+    /**
+     * The tooltip to display when hovering over the button.
+     */
+    _tooltip?: string;
+}
+
+/**
+ * An abstract implementation of a button for starting and stopping recording.
+ */
+export default class AbstractRecordButton<P extends IProps> extends AbstractButton<P> {
+    override accessibilityLabel = 'dialog.startRecording';
+    override toggledAccessibilityLabel = 'dialog.stopRecording';
+    override icon = IconRecord;
+    override label = 'dialog.startRecording';
+    override toggledLabel = 'dialog.stopRecording';
+    override toggledIcon = IconStop;
+
+    /**
+     * Returns the tooltip that should be displayed when the button is disabled.
+     *
+     * @private
+     * @returns {string}
+     */
+    override _getTooltip() {
+        return this.props._tooltip ?? '';
+    }
+
+    /**
+     * Helper function to be implemented by subclasses, which should be used
+     * to handle the start recoding button being clicked / pressed.
+     *
+     * @protected
+     * @returns {void}
+     */
+    _onHandleClick() {
+        // To be implemented by subclass.
+    }
+
+    /**
+     * Handles clicking / pressing the button.
+     *
+     * @override
+     * @protected
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { _isRecordingRunning, dispatch } = this.props;
+
+        sendAnalytics(createToolbarEvent(
+            'recording.button',
+            {
+                'is_recording': _isRecordingRunning,
+                type: JitsiRecordingConstants.mode.FILE
+            }));
+        const dialogShown = dispatch(maybeShowPremiumFeatureDialog(MEET_FEATURES.RECORDING));
+
+        if (!dialogShown) {
+            this._onHandleClick();
+        }
+    }
+
+    /**
+     * Helper function to be implemented by subclasses, which must return a
+     * boolean value indicating if this button is disabled or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    override _isDisabled() {
+        return this.props._disabled;
+    }
+
+    /**
+     * Indicates whether this button is in toggled state or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    override _isToggled() {
+        return this.props._isRecordingRunning;
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated props for the
+ * {@code RecordButton} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {{
+ *     _disabled: boolean,
+ *     _isRecordingRunning: boolean,
+ *     _tooltip: string,
+ *     visible: boolean
+ * }}
+ */
+export function _mapStateToProps(state: IReduxState) {
+    const {
+        disabled: _disabled,
+        tooltip: _tooltip,
+        visible
+    } = getRecordButtonProps(state);
+
+    return {
+        _disabled,
+        _isRecordingRunning: canStopRecording(state),
+        _tooltip,
+        visible
+    };
+}
diff --git a/react/features/recording/components/Recording/AbstractStartRecordingDialog.ts b/react/features/recording/components/Recording/AbstractStartRecordingDialog.ts
new file mode 100644
index 0000000..302a820
--- /dev/null
+++ b/react/features/recording/components/Recording/AbstractStartRecordingDialog.ts
@@ -0,0 +1,484 @@
+import { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+
+import { createRecordingDialogEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { IReduxState, IStore } from '../../../app/types';
+import { IJitsiConference } from '../../../base/conference/reducer';
+import { JitsiRecordingConstants } from '../../../base/lib-jitsi-meet';
+import { updateDropboxToken } from '../../../dropbox/actions';
+import { getDropboxData, getNewAccessToken, isEnabled as isDropboxEnabled } from '../../../dropbox/functions.any';
+import { showErrorNotification } from '../../../notifications/actions';
+import { setRequestingSubtitles } from '../../../subtitles/actions.any';
+import { setSelectedRecordingService, startLocalVideoRecording } from '../../actions';
+import { RECORDING_METADATA_ID, RECORDING_TYPES } from '../../constants';
+import { isRecordingSharingEnabled, shouldAutoTranscribeOnRecord, supportsLocalRecording } from '../../functions';
+
+export interface IProps extends WithTranslation {
+
+    /**
+     * The app key for the dropbox authentication.
+     */
+    _appKey: string;
+
+    /**
+     * Requests transcribing when recording is turned on.
+     */
+    _autoTranscribeOnRecord: boolean;
+
+    /**
+     * The {@code JitsiConference} for the current conference.
+     */
+    _conference?: IJitsiConference;
+
+    /**
+     * Whether subtitles should be displayed or not.
+     */
+    _displaySubtitles?: boolean;
+
+    /**
+     * Whether to show file recordings service, even if integrations
+     * are enabled.
+     */
+    _fileRecordingsServiceEnabled: boolean;
+
+    /**
+     * Whether to show the possibility to share file recording with other people (e.g. Meeting participants), based on
+     * the actual implementation on the backend.
+     */
+    _fileRecordingsServiceSharingEnabled: boolean;
+
+    /**
+     * If true the dropbox integration is enabled, otherwise - disabled.
+     */
+    _isDropboxEnabled: boolean;
+
+    /**
+     * Whether or not local recording is enabled.
+     */
+    _localRecordingEnabled: boolean;
+
+    /**
+     * The dropbox refresh token.
+     */
+    _rToken: string;
+
+    /**
+     * Whether or not the local participant is screensharing.
+     */
+    _screensharing: boolean;
+
+    /**
+     * Whether or not the screenshot capture feature is enabled.
+     */
+    _screenshotCaptureEnabled: boolean;
+
+    /**
+     * The selected language for subtitles.
+     */
+    _subtitlesLanguage: string | null;
+
+    /**
+     * The dropbox access token.
+     */
+    _token: string;
+
+    /**
+     * Access token's expiration date as UNIX timestamp.
+     */
+    _tokenExpireDate?: number;
+
+    /**
+     * The redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    navigation: any;
+
+    /**
+     * Whether the record audio / video option is enabled by default.
+     */
+    recordAudioAndVideo: boolean;
+}
+
+interface IState {
+
+    /**
+     * <tt>true</tt> if we have valid oauth token.
+     */
+    isTokenValid: boolean;
+
+    /**
+     * <tt>true</tt> if we are in process of validating the oauth token.
+     */
+    isValidating: boolean;
+
+    /**
+     * Whether the local recording should record just the local user streams.
+     */
+    localRecordingOnlySelf: boolean;
+
+    /**
+     * The currently selected recording service of type: RECORDING_TYPES.
+     */
+    selectedRecordingService: string;
+
+    /**
+     * True if the user requested the service to share the recording with others.
+     */
+    sharingEnabled: boolean;
+
+    /**
+     * True if the user requested the service to record audio and video.
+     */
+    shouldRecordAudioAndVideo: boolean;
+
+    /**
+     * True if the user requested the service to record transcription.
+     */
+    shouldRecordTranscription: boolean;
+
+    /**
+     * Number of MiB of available space in user's Dropbox account.
+     */
+    spaceLeft?: number;
+
+    /**
+     * The display name of the user's Dropbox account.
+     */
+    userName?: string;
+}
+
+/**
+ * Component for the recording start dialog.
+ */
+class AbstractStartRecordingDialog extends Component<IProps, IState> {
+    /**
+     * Initializes a new {@code StartRecordingDialog} instance.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handler so it is only bound once for every instance.
+        this._onSubmit = this._onSubmit.bind(this);
+        this._onSelectedRecordingServiceChanged
+            = this._onSelectedRecordingServiceChanged.bind(this);
+        this._onSharingSettingChanged = this._onSharingSettingChanged.bind(this);
+        this._toggleScreenshotCapture = this._toggleScreenshotCapture.bind(this);
+        this._onLocalRecordingSelfChange = this._onLocalRecordingSelfChange.bind(this);
+        this._onTranscriptionChange = this._onTranscriptionChange.bind(this);
+        this._onRecordAudioAndVideoChange = this._onRecordAudioAndVideoChange.bind(this);
+
+        let selectedRecordingService = '';
+
+        // TODO: Potentially check if we need to handle changes of
+        // _fileRecordingsServiceEnabled and _areIntegrationsEnabled()
+        if (this.props._fileRecordingsServiceEnabled
+                || !this._areIntegrationsEnabled()) {
+            selectedRecordingService = RECORDING_TYPES.JITSI_REC_SERVICE;
+        } else if (this._areIntegrationsEnabled()) {
+            if (props._localRecordingEnabled && supportsLocalRecording()) {
+                selectedRecordingService = RECORDING_TYPES.LOCAL;
+            } else {
+                selectedRecordingService = RECORDING_TYPES.DROPBOX;
+            }
+        }
+
+        this.state = {
+            isTokenValid: false,
+            isValidating: false,
+            userName: undefined,
+            sharingEnabled: true,
+            shouldRecordAudioAndVideo: this.props.recordAudioAndVideo,
+            shouldRecordTranscription: this.props._autoTranscribeOnRecord,
+            spaceLeft: undefined,
+            selectedRecordingService,
+            localRecordingOnlySelf: false
+        };
+    }
+
+    /**
+     * Validates the oauth access token.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidMount() {
+        if (typeof this.props._token !== 'undefined') {
+            this._onTokenUpdated();
+        }
+    }
+
+    /**
+     * Validates the oauth access token.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidUpdate(prevProps: IProps) {
+        if (this.props._token !== prevProps._token) {
+            this._onTokenUpdated();
+        }
+    }
+
+    /**
+     * Returns true if the integrations with third party services are enabled
+     * and false otherwise.
+     *
+     * @returns {boolean} - True if the integrations with third party services
+     * are enabled and false otherwise.
+     */
+    _areIntegrationsEnabled() {
+        return this.props._isDropboxEnabled;
+    }
+
+    /**
+     * Callback to handle sharing setting change from the dialog.
+     *
+     * @returns {void}
+     */
+    _onSharingSettingChanged() {
+        this.setState({
+            sharingEnabled: !this.state.sharingEnabled
+        });
+    }
+
+    /**
+     * Callback to handle local recording only self setting change.
+     *
+     * @returns {void}
+     */
+    _onLocalRecordingSelfChange() {
+        this.setState({
+            localRecordingOnlySelf: !this.state.localRecordingOnlySelf
+        });
+    }
+
+    /**
+     * Handles selected recording service changes.
+     *
+     * @param {string} selectedRecordingService - The new selected recording
+     * service.
+     * @returns {void}
+     */
+    _onSelectedRecordingServiceChanged(selectedRecordingService: string) {
+        this.setState({ selectedRecordingService }, () => {
+            this.props.dispatch(setSelectedRecordingService(selectedRecordingService));
+        });
+    }
+
+    /**
+     * Handles transcription switch change.
+     *
+     * @param {boolean} value - The new value.
+     * @returns {void}
+     */
+    _onTranscriptionChange(value: boolean) {
+        this.setState({
+            shouldRecordTranscription: value
+        });
+    }
+
+    /**
+     * Handles audio and video switch change.
+     *
+     * @param {boolean} value - The new value.
+     * @returns {void}
+     */
+    _onRecordAudioAndVideoChange(value: boolean) {
+        this.setState({
+            shouldRecordAudioAndVideo: value
+        });
+    }
+
+    /**
+     * Validates the dropbox access token and fetches account information.
+     *
+     * @returns {void}
+     */
+    _onTokenUpdated() {
+        const { _appKey, _isDropboxEnabled, _token, _rToken, _tokenExpireDate, dispatch } = this.props;
+
+        if (!_isDropboxEnabled) {
+            return;
+        }
+
+        if (typeof _token === 'undefined') {
+            this.setState({
+                isTokenValid: false,
+                isValidating: false
+            });
+        } else { // @ts-ignore
+            if (_tokenExpireDate && Date.now() > new Date(_tokenExpireDate)) {
+                getNewAccessToken(_appKey, _rToken)
+                    .then((resp: { expireDate: number; rToken: string; token: string; }) =>
+                        dispatch(updateDropboxToken(resp.token, resp.rToken, resp.expireDate)));
+
+                return;
+            }
+
+            this.setState({
+                isTokenValid: false,
+                isValidating: true
+            });
+            getDropboxData(_token, _appKey).then(data => {
+                if (typeof data === 'undefined') {
+                    this.setState({
+                        isTokenValid: false,
+                        isValidating: false
+                    });
+                } else {
+                    this.setState({
+                        isTokenValid: true,
+                        isValidating: false,
+                        ...data
+                    });
+                }
+            });
+        }
+    }
+
+    /**
+     * Starts a file recording session.
+     *
+     * @private
+     * @returns {boolean} - True (to note that the modal should be closed).
+     */
+    _onSubmit() {
+        const {
+            _appKey,
+            _conference,
+            _displaySubtitles,
+            _isDropboxEnabled,
+            _rToken,
+            _subtitlesLanguage,
+            _token,
+            dispatch
+        } = this.props;
+        let appData;
+        const attributes: {
+            type?: string;
+        } = {};
+
+        if (this.state.shouldRecordAudioAndVideo) {
+            switch (this.state.selectedRecordingService) {
+            case RECORDING_TYPES.DROPBOX: {
+                if (_isDropboxEnabled && _token) {
+                    appData = JSON.stringify({
+                        'file_recording_metadata': {
+                            'upload_credentials': {
+                                'service_name': RECORDING_TYPES.DROPBOX,
+                                'token': _token,
+                                'r_token': _rToken,
+                                'app_key': _appKey
+                            }
+                        }
+                    });
+                    attributes.type = RECORDING_TYPES.DROPBOX;
+                } else {
+                    dispatch(showErrorNotification({
+                        titleKey: 'dialog.noDropboxToken'
+                    }));
+
+                    return;
+                }
+                break;
+            }
+            case RECORDING_TYPES.JITSI_REC_SERVICE: {
+                appData = JSON.stringify({
+                    'file_recording_metadata': {
+                        'share': this.state.sharingEnabled
+                    }
+                });
+                attributes.type = RECORDING_TYPES.JITSI_REC_SERVICE;
+                break;
+            }
+            case RECORDING_TYPES.LOCAL: {
+                dispatch(startLocalVideoRecording(this.state.localRecordingOnlySelf));
+
+                return true;
+            }
+            }
+
+            sendAnalytics(
+                createRecordingDialogEvent('start', 'confirm.button', attributes)
+            );
+
+            this._toggleScreenshotCapture();
+            _conference?.startRecording({
+                mode: JitsiRecordingConstants.mode.FILE,
+                appData
+            });
+        }
+
+        if (this.state.selectedRecordingService === RECORDING_TYPES.JITSI_REC_SERVICE
+                && this.state.shouldRecordTranscription) {
+            dispatch(setRequestingSubtitles(true, _displaySubtitles, _subtitlesLanguage));
+        } else {
+            _conference?.getMetadataHandler().setMetadata(RECORDING_METADATA_ID, {
+                isTranscribingEnabled: this.state.shouldRecordTranscription
+            });
+        }
+
+        return true;
+    }
+
+    /**
+     * Toggles screenshot capture feature.
+     *
+     * @returns {void}
+     */
+    _toggleScreenshotCapture() {
+        // To be implemented by subclass.
+    }
+
+    /**
+     * Renders the platform specific dialog content.
+     *
+     * @protected
+     * @returns {React$Component}
+     */
+    _renderDialogContent: () => React.Component;
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated props for the
+ * {@code StartRecordingDialog} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {any} _ownProps - Component's own props.
+ * @private
+ * @returns {IProps}
+ */
+export function mapStateToProps(state: IReduxState, _ownProps: any) {
+    const {
+        recordingService,
+        dropbox = { appKey: undefined },
+        localRecording,
+        recordings = { recordAudioAndVideo: true }
+    } = state['features/base/config'];
+    const {
+        _displaySubtitles,
+        _language: _subtitlesLanguage
+    } = state['features/subtitles'];
+
+    return {
+        _appKey: dropbox.appKey ?? '',
+        _autoTranscribeOnRecord: shouldAutoTranscribeOnRecord(state),
+        _conference: state['features/base/conference'].conference,
+        _displaySubtitles,
+        _fileRecordingsServiceEnabled: recordingService?.enabled ?? false,
+        _fileRecordingsServiceSharingEnabled: isRecordingSharingEnabled(state),
+        _isDropboxEnabled: isDropboxEnabled(state),
+        _localRecordingEnabled: !localRecording?.disable,
+        _rToken: state['features/dropbox'].rToken ?? '',
+        recordAudioAndVideo: _ownProps.recordAudioAndVideo ?? recordings?.recordAudioAndVideo ?? true,
+        _subtitlesLanguage,
+        _tokenExpireDate: state['features/dropbox'].expireDate,
+        _token: state['features/dropbox'].token ?? ''
+    };
+}
+
+export default AbstractStartRecordingDialog;
diff --git a/react/features/recording/components/Recording/AbstractStartRecordingDialogContent.tsx b/react/features/recording/components/Recording/AbstractStartRecordingDialogContent.tsx
new file mode 100644
index 0000000..926d636
--- /dev/null
+++ b/react/features/recording/components/Recording/AbstractStartRecordingDialogContent.tsx
@@ -0,0 +1,432 @@
+import { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+
+import { createRecordingDialogEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { IReduxState, IStore } from '../../../app/types';
+import ColorSchemeRegistry from '../../../base/color-scheme/ColorSchemeRegistry';
+import { _abstractMapStateToProps } from '../../../base/dialog/functions';
+import { MEET_FEATURES } from '../../../base/jwt/constants';
+import { isJwtFeatureEnabled } from '../../../base/jwt/functions';
+import { authorizeDropbox, updateDropboxToken } from '../../../dropbox/actions';
+import { isVpaasMeeting } from '../../../jaas/functions';
+import { canAddTranscriber } from '../../../transcribing/functions';
+import { RECORDING_TYPES } from '../../constants';
+import { supportsLocalRecording } from '../../functions';
+
+/**
+ * The type of the React {@code Component} props of
+ * {@link AbstractStartRecordingDialogContent}.
+ */
+export interface IProps extends WithTranslation {
+
+    /**
+     * Whether the local participant can start transcribing.
+     */
+    _canStartTranscribing: boolean;
+
+    /**
+     * Style of the dialogs feature.
+     */
+    _dialogStyles: any;
+
+    /**
+     * Whether to hide the storage warning or not.
+     */
+    _hideStorageWarning: boolean;
+
+    /**
+     * Whether local recording is available or not.
+     */
+    _localRecordingAvailable: boolean;
+
+    /**
+     * Whether local recording is enabled or not.
+     */
+    _localRecordingEnabled: boolean;
+
+    /**
+     * Whether we won't notify the other participants about the recording.
+     */
+    _localRecordingNoNotification: boolean;
+
+    /**
+     * Whether self local recording is enabled or not.
+     */
+    _localRecordingSelfEnabled: boolean;
+
+    /**
+     * Whether to render recording.
+     */
+    _renderRecording: boolean;
+
+    /**
+     * The color-schemed stylesheet of this component.
+     */
+    _styles: any;
+
+    /**
+     * The redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Whether to show file recordings service, even if integrations
+     * are enabled.
+     */
+    fileRecordingsServiceEnabled: boolean;
+
+    /**
+     * Whether to show the possibility to share file recording with other people (e.g. Meeting participants), based on
+     * the actual implementation on the backend.
+     */
+    fileRecordingsServiceSharingEnabled: boolean;
+
+    /**
+     * If true the content related to the integrations will be shown.
+     */
+    integrationsEnabled: boolean;
+
+    /**
+     * <tt>true</tt> if we have valid oauth token.
+     */
+    isTokenValid: boolean;
+
+    /**
+     * <tt>true</tt> if we are in process of validating the oauth token.
+     */
+    isValidating: boolean;
+
+    /**
+     * Whether or not the current meeting is a vpaas one.
+     */
+    isVpaas: boolean;
+
+    /**
+     * Whether or not we should only record the local streams.
+     */
+    localRecordingOnlySelf?: boolean;
+
+    /**
+     * The function will be called when there are changes related to the
+     * switches.
+     */
+    onChange: Function;
+
+    /**
+     * Callback to change the local recording only self setting.
+     */
+    onLocalRecordingSelfChange?: () => void;
+
+    /**
+     * Callback to change the audio and video recording setting.
+     */
+    onRecordAudioAndVideoChange: Function;
+
+    /**
+     * Callback to be invoked on sharing setting change.
+     */
+    onSharingSettingChanged: () => void;
+
+    /**
+     * Callback to change the transcription recording setting.
+     */
+    onTranscriptionChange: Function;
+
+    /**
+     * The currently selected recording service of type: RECORDING_TYPES.
+     */
+    selectedRecordingService: string | null;
+
+    /**
+     * Boolean to set file recording sharing on or off.
+     */
+    sharingSetting: boolean;
+
+    /**
+     * Whether to show the audio and video related content.
+     */
+    shouldRecordAudioAndVideo: boolean;
+
+    /**
+     * Whether to show the transcription related content.
+     */
+    shouldRecordTranscription: boolean;
+
+    /**
+     * Number of MiB of available space in user's Dropbox account.
+     */
+    spaceLeft?: number;
+
+    /**
+     * The display name of the user's Dropbox account.
+     */
+    userName?: string;
+}
+
+export interface IState {
+
+    /**
+     * Whether to show the advanced options or not.
+     */
+    showAdvancedOptions: boolean;
+}
+
+/**
+ * React Component for getting confirmation to start a recording session.
+ *
+ * @augments Component
+ */
+class AbstractStartRecordingDialogContent extends Component<IProps, IState> {
+    /**
+     * Initializes a new {@code AbstractStartRecordingDialogContent} instance.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handler; it bounds once for every instance.
+        this._onSignIn = this._onSignIn.bind(this);
+        this._onSignOut = this._onSignOut.bind(this);
+        this._onDropboxSwitchChange = this._onDropboxSwitchChange.bind(this);
+        this._onRecordingServiceSwitchChange = this._onRecordingServiceSwitchChange.bind(this);
+        this._onLocalRecordingSwitchChange = this._onLocalRecordingSwitchChange.bind(this);
+        this._onTranscriptionSwitchChange = this._onTranscriptionSwitchChange.bind(this);
+        this._onRecordAudioAndVideoSwitchChange = this._onRecordAudioAndVideoSwitchChange.bind(this);
+        this._onToggleShowOptions = this._onToggleShowOptions.bind(this);
+
+        this.state = {
+            showAdvancedOptions: true
+        };
+    }
+
+    /**
+     * Implements the Component's componentDidMount method.
+     *
+     * @inheritdoc
+     */
+    override componentDidMount() {
+        if (!this._shouldRenderNoIntegrationsContent()
+            && !this._shouldRenderIntegrationsContent()
+            && !this._shouldRenderFileSharingContent()) {
+            this._onLocalRecordingSwitchChange();
+        }
+    }
+
+    /**
+     * Implements {@code Component#componentDidUpdate}.
+     *
+     * @inheritdoc
+     */
+    override componentDidUpdate(prevProps: IProps) {
+        // Auto sign-out when the use chooses another recording service.
+        if (prevProps.selectedRecordingService === RECORDING_TYPES.DROPBOX
+                && this.props.selectedRecordingService !== RECORDING_TYPES.DROPBOX && this.props.isTokenValid) {
+            this._onSignOut();
+        }
+    }
+
+    /**
+     * Returns whether the advanced options should be rendered.
+     *
+     * @returns {boolean}
+     */
+    _onToggleShowOptions() {
+        this.setState({ showAdvancedOptions: !this.state.showAdvancedOptions });
+    }
+
+    /**
+     * Whether the file sharing content should be rendered or not.
+     *
+     * @returns {boolean}
+     */
+    _shouldRenderFileSharingContent() {
+        const {
+            fileRecordingsServiceEnabled,
+            fileRecordingsServiceSharingEnabled,
+            isVpaas,
+            selectedRecordingService
+        } = this.props;
+
+        if (!fileRecordingsServiceEnabled
+            || !fileRecordingsServiceSharingEnabled
+            || isVpaas
+            || selectedRecordingService !== RECORDING_TYPES.JITSI_REC_SERVICE) {
+            return false;
+        }
+
+        return true;
+    }
+
+    /**
+     * Whether the save transcription content should be rendered or not.
+     *
+     * @returns {boolean}
+     */
+    _canStartTranscribing() {
+        return this.props._canStartTranscribing;
+    }
+
+    /**
+     * Whether the no integrations content should be rendered or not.
+     *
+     * @returns {boolean}
+     */
+    _shouldRenderNoIntegrationsContent() {
+        // show the non integrations part only if fileRecordingsServiceEnabled
+        // is enabled
+        if (!this.props.fileRecordingsServiceEnabled) {
+            return false;
+        }
+
+        return true;
+    }
+
+    /**
+     * Whether the integrations content should be rendered or not.
+     *
+     * @returns {boolean}
+     */
+    _shouldRenderIntegrationsContent() {
+        if (!this.props.integrationsEnabled) {
+            return false;
+        }
+
+        return true;
+    }
+
+    /**
+     * Handler for transcription switch change.
+     *
+     * @param {boolean} value - The new value.
+     * @returns {void}
+     */
+    _onTranscriptionSwitchChange(value: boolean | undefined) {
+        this.props.onTranscriptionChange(value);
+    }
+
+    /**
+     * Handler for audio and video switch change.
+     *
+     * @param {boolean} value - The new value.
+     * @returns {void}
+     */
+    _onRecordAudioAndVideoSwitchChange(value: boolean | undefined) {
+        this.props.onRecordAudioAndVideoChange(value);
+    }
+
+    /**
+     * Handler for onValueChange events from the Switch component.
+     *
+     * @returns {void}
+     */
+    _onRecordingServiceSwitchChange() {
+        const {
+            onChange,
+            selectedRecordingService
+        } = this.props;
+
+        // act like group, cannot toggle off
+        if (selectedRecordingService === RECORDING_TYPES.JITSI_REC_SERVICE) {
+            return;
+        }
+
+        onChange(RECORDING_TYPES.JITSI_REC_SERVICE);
+    }
+
+    /**
+     * Handler for onValueChange events from the Switch component.
+     *
+     * @returns {void}
+     */
+    _onDropboxSwitchChange() {
+        const {
+            isTokenValid,
+            onChange,
+            selectedRecordingService
+        } = this.props;
+
+        // act like group, cannot toggle off
+        if (selectedRecordingService === RECORDING_TYPES.DROPBOX) {
+            return;
+        }
+
+        onChange(RECORDING_TYPES.DROPBOX);
+
+        if (!isTokenValid) {
+            this._onSignIn();
+        }
+    }
+
+    /**
+     * Handler for onValueChange events from the Switch component.
+     *
+     * @returns {void}
+     */
+    _onLocalRecordingSwitchChange() {
+        const {
+            _localRecordingAvailable,
+            onChange,
+            selectedRecordingService
+        } = this.props;
+
+        if (!_localRecordingAvailable) {
+            return;
+        }
+
+        // act like group, cannot toggle off
+        if (selectedRecordingService
+            === RECORDING_TYPES.LOCAL) {
+            return;
+        }
+
+        onChange(RECORDING_TYPES.LOCAL);
+    }
+
+    /**
+     * Sings in a user.
+     *
+     * @returns {void}
+     */
+    _onSignIn() {
+        sendAnalytics(createRecordingDialogEvent('start', 'signIn.button'));
+        this.props.dispatch(authorizeDropbox());
+    }
+
+    /**
+     * Sings out an user from dropbox.
+     *
+     * @returns {void}
+     */
+    _onSignOut() {
+        sendAnalytics(createRecordingDialogEvent('start', 'signOut.button'));
+        this.props.dispatch(updateDropboxToken());
+    }
+}
+
+/**
+ * Maps part of the redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @returns {IProps}
+ */
+export function mapStateToProps(state: IReduxState) {
+    const { localRecording, recordingService } = state['features/base/config'];
+    const _localRecordingAvailable = !localRecording?.disable && supportsLocalRecording();
+
+    return {
+        ..._abstractMapStateToProps(state),
+        isVpaas: isVpaasMeeting(state),
+        _canStartTranscribing: canAddTranscriber(state),
+        _hideStorageWarning: Boolean(recordingService?.hideStorageWarning),
+        _renderRecording: isJwtFeatureEnabled(state, MEET_FEATURES.RECORDING, false),
+        _localRecordingAvailable,
+        _localRecordingEnabled: !localRecording?.disable,
+        _localRecordingSelfEnabled: !localRecording?.disableSelfRecording,
+        _localRecordingNoNotification: !localRecording?.notifyAllParticipants,
+        _styles: ColorSchemeRegistry.get(state, 'StartRecordingDialogContent')
+    };
+}
+
+export default AbstractStartRecordingDialogContent;
diff --git a/react/features/recording/components/Recording/AbstractStopRecordingDialog.ts b/react/features/recording/components/Recording/AbstractStopRecordingDialog.ts
new file mode 100644
index 0000000..3b9fe83
--- /dev/null
+++ b/react/features/recording/components/Recording/AbstractStopRecordingDialog.ts
@@ -0,0 +1,152 @@
+import { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+
+import { createRecordingDialogEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { IReduxState, IStore } from '../../../app/types';
+import { IJitsiConference } from '../../../base/conference/reducer';
+import { JitsiRecordingConstants } from '../../../base/lib-jitsi-meet';
+import { setVideoMuted } from '../../../base/media/actions';
+import { setRequestingSubtitles } from '../../../subtitles/actions.any';
+import { stopLocalVideoRecording } from '../../actions';
+import { RECORDING_METADATA_ID } from '../../constants';
+import { getActiveSession } from '../../functions';
+import { ISessionData } from '../../reducer';
+
+import LocalRecordingManager from './LocalRecordingManager';
+
+/**
+ * The type of the React {@code Component} props of
+ * {@link AbstractStopRecordingDialog}.
+ */
+export interface IProps extends WithTranslation {
+
+    /**
+     * The {@code JitsiConference} for the current conference.
+     */
+    _conference?: IJitsiConference;
+
+    /**
+     * Whether subtitles should be displayed or not.
+     */
+    _displaySubtitles?: boolean;
+
+    /**
+     * The redux representation of the recording session to be stopped.
+     */
+    _fileRecordingSession?: ISessionData;
+
+    /**
+     * Whether the recording is a local recording or not.
+     */
+    _localRecording: boolean;
+
+    /**
+     * The selected language for subtitles.
+     */
+    _subtitlesLanguage: string | null;
+
+    /**
+     * The redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * The user trying to stop the video while local recording is running.
+     */
+    localRecordingVideoStop?: boolean;
+}
+
+/**
+ * Abstract React Component for getting confirmation to stop a file recording
+ * session in progress.
+ *
+ * @augments Component
+ */
+export default class AbstractStopRecordingDialog<P extends IProps>
+    extends Component<P> {
+    /**
+     * Initializes a new {@code AbstrStopRecordingDialog} instance.
+     *
+     * @inheritdoc
+     */
+    constructor(props: P) {
+        super(props);
+
+        // Bind event handler so it is only bound once for every instance.
+        this._onSubmit = this._onSubmit.bind(this);
+        this._toggleScreenshotCapture = this._toggleScreenshotCapture.bind(this);
+    }
+
+    /**
+     * Stops the recording session.
+     *
+     * @private
+     * @returns {boolean} - True (to note that the modal should be closed).
+     */
+    _onSubmit() {
+        sendAnalytics(createRecordingDialogEvent('stop', 'confirm.button'));
+
+        const {
+            _conference,
+            _displaySubtitles,
+            _fileRecordingSession,
+            _localRecording,
+            _subtitlesLanguage,
+            dispatch,
+            localRecordingVideoStop
+        } = this.props;
+
+        if (_localRecording) {
+            dispatch(stopLocalVideoRecording());
+            if (localRecordingVideoStop) {
+                dispatch(setVideoMuted(true));
+            }
+        } else if (_fileRecordingSession) {
+            _conference?.stopRecording(_fileRecordingSession.id);
+            this._toggleScreenshotCapture();
+        }
+
+        // TODO: this should be an action in transcribing. -saghul
+        this.props.dispatch(setRequestingSubtitles(Boolean(_displaySubtitles), _displaySubtitles, _subtitlesLanguage));
+
+        this.props._conference?.getMetadataHandler().setMetadata(RECORDING_METADATA_ID, {
+            isTranscribingEnabled: false
+        });
+
+        return true;
+    }
+
+    /**
+     * Toggles screenshot capture feature.
+     *
+     * @returns {void}
+     */
+    _toggleScreenshotCapture() {
+        // To be implemented by subclass.
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated props for the
+ * {@code StopRecordingDialog} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {IProps}
+ */
+export function _mapStateToProps(state: IReduxState) {
+    const {
+        _displaySubtitles,
+        _language: _subtitlesLanguage
+    } = state['features/subtitles'];
+
+    return {
+        _conference: state['features/base/conference'].conference,
+        _displaySubtitles,
+        _fileRecordingSession:
+            getActiveSession(state, JitsiRecordingConstants.mode.FILE),
+        _localRecording: LocalRecordingManager.isRecordingLocally(),
+        _subtitlesLanguage
+    };
+}
diff --git a/react/features/recording/components/Recording/LocalRecordingManager.native.ts b/react/features/recording/components/Recording/LocalRecordingManager.native.ts
new file mode 100644
index 0000000..8228b33
--- /dev/null
+++ b/react/features/recording/components/Recording/LocalRecordingManager.native.ts
@@ -0,0 +1,64 @@
+import { IStore } from '../../../app/types';
+
+interface ILocalRecordingManager {
+    addAudioTrackToLocalRecording: (track: any) => void;
+    isRecordingLocally: () => boolean;
+    isSupported: () => boolean;
+    selfRecording: {
+        on: boolean;
+        withVideo: boolean;
+    };
+    startLocalRecording: (store: IStore, onlySelf: boolean) => Promise<void>;
+    stopLocalRecording: () => void;
+}
+
+const LocalRecordingManager: ILocalRecordingManager = {
+    selfRecording: {
+        on: false,
+        withVideo: false
+    },
+
+    /**
+     * Adds audio track to the recording stream.
+     *
+     * @param {any} track - Track to be added,.
+     * @returns {void}
+     */
+    addAudioTrackToLocalRecording() { }, // eslint-disable-line @typescript-eslint/no-empty-function
+
+    /**
+     * Stops local recording.
+     *
+     * @returns {void}
+     * */
+    stopLocalRecording() { }, // eslint-disable-line @typescript-eslint/no-empty-function
+
+    /**
+     * Starts a local recording.
+     *
+     * @param {IStore} store - The Redux store.
+     * @returns {void}
+     */
+    async startLocalRecording() { }, // eslint-disable-line @typescript-eslint/no-empty-function
+
+    /**
+     * Whether or not local recording is supported.
+     *
+     * @returns {boolean}
+     */
+    isSupported() {
+        return false;
+    },
+
+    /**
+     * Whether or not we're currently recording locally.
+     *
+     * @returns {boolean}
+     */
+    isRecordingLocally() {
+        return false;
+    }
+
+};
+
+export default LocalRecordingManager;
diff --git a/react/features/recording/components/Recording/LocalRecordingManager.web.ts b/react/features/recording/components/Recording/LocalRecordingManager.web.ts
new file mode 100644
index 0000000..fce51aa
--- /dev/null
+++ b/react/features/recording/components/Recording/LocalRecordingManager.web.ts
@@ -0,0 +1,380 @@
+// @ts-ignore
+import * as ebml from 'ts-ebml/dist/EBML.min.js';
+import { v4 as uuidV4 } from 'uuid';
+
+import { IStore } from '../../../app/types';
+import { getRoomName } from '../../../base/conference/functions';
+import { isMobileBrowser } from '../../../base/environment/utils';
+import { browser } from '../../../base/lib-jitsi-meet';
+import { MEDIA_TYPE } from '../../../base/media/constants';
+import { getLocalTrack, getTrackState } from '../../../base/tracks/functions';
+import { isEmbedded } from '../../../base/util/embedUtils';
+import { stopLocalVideoRecording } from '../../actions.any';
+import logger from '../../logger';
+
+interface ISelfRecording {
+    on: boolean;
+    withVideo: boolean;
+}
+
+interface ILocalRecordingManager {
+    addAudioTrackToLocalRecording: (track: MediaStreamTrack) => void;
+    audioContext: AudioContext | undefined;
+    audioDestination: MediaStreamAudioDestinationNode | undefined;
+    fileHandle: FileSystemFileHandle | undefined;
+    firstChunk: Blob | undefined;
+    getFilename: () => string;
+    initializeAudioMixer: () => void;
+    isRecordingLocally: () => boolean;
+    isSupported: () => boolean;
+    mediaType: string;
+    mixAudioStream: (stream: MediaStream) => void;
+    recorder: MediaRecorder | undefined;
+    roomName: string;
+    selfRecording: ISelfRecording;
+    startLocalRecording: (store: IStore, onlySelf: boolean) => Promise<void>;
+    startTime: number | undefined;
+    stopLocalRecording: () => void;
+    stream: MediaStream | undefined;
+    writableStream: FileSystemWritableFileStream | undefined;
+}
+
+/**
+ * After a lot of trial and error, this is the preferred media type for
+ * local recording. It is the only one that works across all platforms, with the
+ * only caveat being that the resulting file wouldn't be seekable.
+ *
+ * We solve that by fixing the first Blob in order to reserve the space for the
+ * corrected metadata, and after the recording is done, we do it again, this time with
+ * the real duration, and overwrite the first part of the file.
+ */
+const PREFERRED_MEDIA_TYPE = 'video/webm;codecs=vp8,opus';
+
+const VIDEO_BIT_RATE = 2500000; // 2.5Mbps in bits
+
+
+const LocalRecordingManager: ILocalRecordingManager = {
+    recorder: undefined,
+    stream: undefined,
+    audioContext: undefined,
+    audioDestination: undefined,
+    roomName: '',
+    selfRecording: {
+        on: false,
+        withVideo: false
+    },
+    firstChunk: undefined,
+    fileHandle: undefined,
+    startTime: undefined,
+    writableStream: undefined,
+
+    get mediaType() {
+        if (this.selfRecording.on && !this.selfRecording.withVideo) {
+            return 'audio/webm;';
+        }
+
+        return PREFERRED_MEDIA_TYPE;
+    },
+
+    /**
+     * Initializes audio context used for mixing audio tracks.
+     *
+     * @returns {void}
+     */
+    initializeAudioMixer() {
+        this.audioContext = new AudioContext();
+        this.audioDestination = this.audioContext.createMediaStreamDestination();
+    },
+
+    /**
+     * Mixes multiple audio tracks to the destination media stream.
+     *
+     * @param {MediaStream} stream - The stream to mix.
+     * @returns {void}
+     * */
+    mixAudioStream(stream) {
+        if (stream.getAudioTracks().length > 0 && this.audioDestination) {
+            this.audioContext?.createMediaStreamSource(stream).connect(this.audioDestination);
+        }
+    },
+
+    /**
+     * Adds audio track to the recording stream.
+     *
+     * @param {MediaStreamTrack} track - The track to be added.
+     * @returns {void}
+     */
+    addAudioTrackToLocalRecording(track) {
+        if (this.selfRecording.on) {
+            return;
+        }
+        if (track) {
+            const stream = new MediaStream([ track ]);
+
+            this.mixAudioStream(stream);
+        }
+    },
+
+    /**
+     * Returns a filename based ono the Jitsi room name in the URL and timestamp.
+     *
+     * @returns {string}
+     * */
+    getFilename() {
+        const now = new Date();
+        const timestamp = now.toISOString();
+
+        return `${this.roomName}_${timestamp}`;
+    },
+
+    /**
+     * Stops local recording.
+     *
+     * @returns {void}
+     * */
+    stopLocalRecording() {
+        this.recorder?.stop();
+    },
+
+    /**
+     * Starts a local recording.
+     *
+     * @param {IStore} store - The redux store.
+     * @param {boolean} onlySelf - Whether to record only self streams.
+     * @returns {void}
+     */
+    async startLocalRecording(store, onlySelf) {
+        const { dispatch, getState } = store;
+
+        this.roomName = getRoomName(getState()) ?? '';
+
+        // Get a handle to the file we are going to write.
+        const options = {
+            startIn: 'downloads',
+            suggestedName: `${this.getFilename()}.webm`,
+        };
+
+        // @ts-expect-error
+        this.fileHandle = await window.showSaveFilePicker(options);
+        this.writableStream = await this.fileHandle?.createWritable();
+
+        const supportsCaptureHandle = !isEmbedded();
+        const tabId = uuidV4();
+
+        this.selfRecording.on = onlySelf;
+        let gdmStream: MediaStream = new MediaStream();
+        const tracks = getTrackState(getState());
+
+        if (onlySelf) {
+            const audioTrack: MediaStreamTrack | undefined = getLocalTrack(tracks, MEDIA_TYPE.AUDIO)?.jitsiTrack?.track;
+            let videoTrack: MediaStreamTrack | undefined = getLocalTrack(tracks, MEDIA_TYPE.VIDEO)?.jitsiTrack?.track;
+
+            if (videoTrack && videoTrack.readyState !== 'live') {
+                videoTrack = undefined;
+            }
+
+            if (!audioTrack && !videoTrack) {
+                throw new Error('NoLocalStreams');
+            }
+
+            this.selfRecording.withVideo = Boolean(videoTrack);
+            const localTracks: MediaStreamTrack[] = [];
+
+            audioTrack && localTracks.push(audioTrack);
+            videoTrack && localTracks.push(videoTrack);
+            this.stream = new MediaStream(localTracks);
+        } else {
+            if (supportsCaptureHandle) {
+                // @ts-ignore
+                navigator.mediaDevices.setCaptureHandleConfig({
+                    handle: `JitsiMeet-${tabId}`,
+                    permittedOrigins: [ '*' ]
+                });
+            }
+
+            gdmStream = await navigator.mediaDevices.getDisplayMedia({
+                video: {
+                    displaySurface: 'browser',
+                    frameRate: 30
+                },
+                audio: {
+                    autoGainControl: false,
+                    channelCount: 2,
+                    echoCancellation: false,
+                    noiseSuppression: false,
+                    // @ts-ignore
+                    restrictOwnAudio: false,
+                    // @ts-ignore
+                    suppressLocalAudioPlayback: false,
+                },
+                // @ts-ignore
+                preferCurrentTab: true,
+                surfaceSwitching: 'exclude'
+            });
+
+            const gdmVideoTrack = gdmStream.getVideoTracks()[0];
+
+            if (supportsCaptureHandle) {
+                const isBrowser = gdmVideoTrack.getSettings().displaySurface === 'browser';
+                const matchesHandle = (supportsCaptureHandle // @ts-ignore
+                    && gdmVideoTrack.getCaptureHandle()?.handle === `JitsiMeet-${tabId}`);
+
+                if (!isBrowser || !matchesHandle) {
+                    gdmStream.getTracks().forEach((track: MediaStreamTrack) => track.stop());
+                    throw new Error('WrongSurfaceSelected');
+                }
+            }
+
+            this.initializeAudioMixer();
+
+            const gdmAudioTrack = gdmStream.getAudioTracks()[0];
+
+            if (!gdmAudioTrack) {
+                throw new Error('NoAudioTrackFound');
+            }
+
+            this.addAudioTrackToLocalRecording(gdmAudioTrack);
+
+            const localAudioTrack = getLocalTrack(tracks, MEDIA_TYPE.AUDIO)?.jitsiTrack?.track;
+
+            if (localAudioTrack) {
+                this.addAudioTrackToLocalRecording(localAudioTrack);
+            }
+
+            this.stream = new MediaStream([
+                ...this.audioDestination?.stream.getAudioTracks() || [],
+                gdmVideoTrack
+            ]);
+        }
+
+        this.recorder = new MediaRecorder(this.stream, {
+            // @ts-ignore
+            audioBitrateMode: 'constant',
+            mimeType: this.mediaType,
+            videoBitsPerSecond: VIDEO_BIT_RATE
+        });
+
+        this.recorder.addEventListener('dataavailable', async e => {
+            if (this.recorder && e.data && e.data.size > 0) {
+                let data = e.data;
+
+                if (!this.firstChunk) {
+                    this.firstChunk = data = await fixDuration(data, 864000000); // Reserve 24h.
+                }
+
+                await this.writableStream?.write(data);
+            }
+        });
+
+        this.recorder.addEventListener('start', () => {
+            this.startTime = Date.now();
+        });
+
+        this.recorder.addEventListener('stop', async () => {
+            const duration = Date.now() - this.startTime!;
+
+            this.stream?.getTracks().forEach((track: MediaStreamTrack) => track.stop());
+            gdmStream?.getTracks().forEach((track: MediaStreamTrack) => track.stop());
+
+            // The stop event is emitted when the recorder is done, and _after_ the last buffered
+            // data has been handed over to the dataavailable event.
+            this.recorder = undefined;
+            this.audioContext = undefined;
+            this.audioDestination = undefined;
+            this.startTime = undefined;
+
+            if (this.writableStream) {
+                try {
+                    if (this.firstChunk) {
+                        await this.writableStream.seek(0);
+                        await this.writableStream.write(await fixDuration(this.firstChunk!, duration));
+                    }
+                    await this.writableStream.close();
+                } catch (e) {
+                    logger.error('Error while writing to the local recording file', e);
+                } finally {
+                    this.firstChunk = undefined;
+                    this.fileHandle = undefined;
+                    this.writableStream = undefined;
+                }
+            }
+        });
+
+        if (!onlySelf) {
+            gdmStream?.addEventListener('inactive', () => {
+                dispatch(stopLocalVideoRecording());
+            });
+
+            this.stream.addEventListener('inactive', () => {
+                dispatch(stopLocalVideoRecording());
+            });
+        }
+
+        this.recorder.start(5000);
+    },
+
+    /**
+     * Whether or not local recording is supported.
+     *
+     * @returns {boolean}
+     */
+    isSupported() {
+        return browser.isChromiumBased()
+            && !browser.isElectron()
+            && !browser.isReactNative()
+            && !isMobileBrowser()
+
+            // @ts-expect-error
+            && Boolean(navigator.mediaDevices.setCaptureHandleConfig)
+            // @ts-expect-error
+            && typeof window.showSaveFilePicker !== 'undefined'
+            && MediaRecorder.isTypeSupported(PREFERRED_MEDIA_TYPE);
+    },
+
+    /**
+     * Whether or not we're currently recording locally.
+     *
+     * @returns {boolean}
+     */
+    isRecordingLocally() {
+        return Boolean(this.recorder);
+    }
+
+};
+
+/**
+ * Fixes the duration in the WebM container metadata.
+ * Note: cues are omitted.
+ *
+ * @param {Blob} data - The first Blob of WebM data.
+ * @param {number} duration - Actual duration of the video in milliseconds.
+ * @returns {Promise<Blob>}
+ */
+async function fixDuration(data: Blob, duration: number): Promise<Blob> {
+    const decoder = new ebml.Decoder();
+    const reader = new ebml.Reader();
+
+    reader.logging = false;
+    reader.drop_default_duration = false;
+
+    const dataBuf = await data.arrayBuffer();
+    const elms = decoder.decode(dataBuf);
+
+    for (const elm of elms) {
+        reader.read(elm);
+    }
+    reader.stop();
+
+    const newMetadataBuf = ebml.tools.makeMetadataSeekable(
+        reader.metadatas,
+        duration,
+        [] // No cues
+    );
+
+    const body = new Uint8Array(dataBuf).subarray(reader.metadataSize);
+
+    // @ts-ignore
+    return new Blob([ newMetadataBuf, body ], { type: data.type });
+}
+
+export default LocalRecordingManager;
diff --git a/react/features/recording/components/Recording/index.native.ts b/react/features/recording/components/Recording/index.native.ts
new file mode 100644
index 0000000..7032898
--- /dev/null
+++ b/react/features/recording/components/Recording/index.native.ts
@@ -0,0 +1,2 @@
+export { default as StartRecordingDialog } from './native/StartRecordingDialog';
+export { default as RecordingConsentDialog } from './native/RecordingConsentDialog';
diff --git a/react/features/recording/components/Recording/index.web.ts b/react/features/recording/components/Recording/index.web.ts
new file mode 100644
index 0000000..105e86c
--- /dev/null
+++ b/react/features/recording/components/Recording/index.web.ts
@@ -0,0 +1,2 @@
+export { default as StartRecordingDialog } from './web/StartRecordingDialog';
+export { default as RecordingConsentDialog } from './web/RecordingConsentDialog';
diff --git a/react/features/recording/components/Recording/native/HighlightButton.tsx b/react/features/recording/components/Recording/native/HighlightButton.tsx
new file mode 100644
index 0000000..b28dcf2
--- /dev/null
+++ b/react/features/recording/components/Recording/native/HighlightButton.tsx
@@ -0,0 +1,58 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import { translate } from '../../../../base/i18n/functions';
+import { IconHighlight } from '../../../../base/icons/svg';
+import Label from '../../../../base/label/components/native/Label';
+import BaseTheme from '../../../../base/ui/components/BaseTheme';
+import AbstractHighlightButton, {
+    IProps as AbstractProps,
+    _abstractMapStateToProps
+} from '../AbstractHighlightButton';
+import styles from '../styles.native';
+
+interface IProps extends AbstractProps {
+
+    _disabled: boolean;
+
+    /**
+     * Flag controlling visibility of the component.
+     */
+    _visible: boolean;
+}
+
+/**
+ * React {@code Component} responsible for displaying an action that
+ * allows users to highlight a meeting moment.
+ */
+export class HighlightButton extends AbstractHighlightButton<IProps> {
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const {
+            _disabled,
+            _visible,
+            t
+        } = this.props;
+
+        if (!_visible || _disabled) {
+            return null;
+        }
+
+        return (
+            <Label
+                icon = { IconHighlight }
+                iconColor = { BaseTheme.palette.field01 }
+                style = { styles.highlightButton }
+                text = { t('recording.highlight') }
+                textStyle = { styles.highlightButtonText } />
+        );
+    }
+}
+
+export default translate(connect(_abstractMapStateToProps)(HighlightButton));
diff --git a/react/features/recording/components/Recording/native/HighlightDialog.tsx b/react/features/recording/components/Recording/native/HighlightDialog.tsx
new file mode 100644
index 0000000..7aea874
--- /dev/null
+++ b/react/features/recording/components/Recording/native/HighlightDialog.tsx
@@ -0,0 +1,51 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { StyleProp, Text, TextStyle, View, ViewStyle } from 'react-native';
+import { batch, useDispatch } from 'react-redux';
+
+import { hideSheet } from '../../../../base/dialog/actions';
+import BottomSheet from '../../../../base/dialog/components/native/BottomSheet';
+import Button from '../../../../base/ui/components/native/Button';
+import { BUTTON_TYPES } from '../../../../base/ui/constants.native';
+import { highlightMeetingMoment } from '../../../actions.any';
+import styles from '../styles.native';
+
+const HighlightDialog = () => {
+    const dispatch = useDispatch();
+    const { t } = useTranslation();
+    const closeDialog = useCallback(() => dispatch(hideSheet()), [ dispatch ]);
+    const highlightMoment = useCallback(() => {
+        batch(() => {
+            dispatch(highlightMeetingMoment());
+            dispatch(hideSheet());
+        });
+    }, [ dispatch ]);
+
+    return (
+        <BottomSheet>
+            <View style = { styles.highlightDialog as StyleProp<ViewStyle> }>
+                <Text style = { styles.highlightDialogHeading as StyleProp<TextStyle> }>
+                    { `${t('recording.highlightMoment')}?` }
+                </Text>
+                <Text style = { styles.highlightDialogText as StyleProp<TextStyle> }>
+                    { t('recording.highlightMomentSucessDescription') }
+                </Text>
+                <View style = { styles.highlightDialogButtonsContainer as StyleProp<ViewStyle> } >
+                    <Button
+                        accessibilityLabel = 'dialog.Cancel'
+                        labelKey = 'dialog.Cancel'
+                        onClick = { closeDialog }
+                        type = { BUTTON_TYPES.SECONDARY } />
+                    <View style = { styles.highlightDialogButtonsSpace as StyleProp<ViewStyle> } />
+                    <Button
+                        accessibilityLabel = 'recording.highlight'
+                        labelKey = 'recording.highlight'
+                        onClick = { highlightMoment }
+                        type = { BUTTON_TYPES.PRIMARY } />
+                </View>
+            </View>
+        </BottomSheet>
+    );
+};
+
+export default HighlightDialog;
diff --git a/react/features/recording/components/Recording/native/RecordButton.ts b/react/features/recording/components/Recording/native/RecordButton.ts
new file mode 100644
index 0000000..7fab5ee
--- /dev/null
+++ b/react/features/recording/components/Recording/native/RecordButton.ts
@@ -0,0 +1,68 @@
+import { Platform } from 'react-native';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../../app/types';
+import { openDialog } from '../../../../base/dialog/actions';
+import { IOS_RECORDING_ENABLED, RECORDING_ENABLED } from '../../../../base/flags/constants';
+import { getFeatureFlag } from '../../../../base/flags/functions';
+import { translate } from '../../../../base/i18n/functions';
+import { navigate }
+    from '../../../../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
+import { screen } from '../../../../mobile/navigation/routes';
+import {
+    IProps, _mapStateToProps as abstractStartLiveStreamDialogMapStateToProps
+} from '../../LiveStream/AbstractStartLiveStreamDialog';
+import AbstractRecordButton, {
+    IProps as AbstractProps,
+    _mapStateToProps as _abstractMapStateToProps
+} from '../AbstractRecordButton';
+
+import StopRecordingDialog from './StopRecordingDialog';
+
+type Props = IProps & AbstractProps;
+
+/**
+ * Button for opening a screen where a recording session can be started.
+ */
+class RecordButton extends AbstractRecordButton<Props> {
+
+    /**
+     * Handles clicking / pressing the button.
+     *
+     * @override
+     * @protected
+     * @returns {void}
+     */
+    _onHandleClick() {
+        const { _isRecordingRunning, dispatch } = this.props;
+
+        if (_isRecordingRunning) {
+            dispatch(openDialog('StopRecordingDialog', StopRecordingDialog));
+        } else {
+            navigate(screen.conference.recording);
+        }
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated props for this component.
+ *
+ * @param {Object} state - The redux state.
+ * @param {Object} ownProps - The properties explicitly passed to the component
+ * instance.
+ * @private
+ * @returns {Props}
+ */
+export function mapStateToProps(state: IReduxState) {
+    const enabled = getFeatureFlag(state, RECORDING_ENABLED, true);
+    const iosEnabled = Platform.OS !== 'ios' || getFeatureFlag(state, IOS_RECORDING_ENABLED, false);
+    const abstractProps = _abstractMapStateToProps(state);
+
+    return {
+        ...abstractProps,
+        ...abstractStartLiveStreamDialogMapStateToProps(state),
+        visible: Boolean(enabled && iosEnabled && abstractProps.visible)
+    };
+}
+
+export default translate(connect(mapStateToProps)(RecordButton));
diff --git a/react/features/recording/components/Recording/native/RecordingConsentDialog.tsx b/react/features/recording/components/Recording/native/RecordingConsentDialog.tsx
new file mode 100644
index 0000000..9d837cb
--- /dev/null
+++ b/react/features/recording/components/Recording/native/RecordingConsentDialog.tsx
@@ -0,0 +1,64 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import Dialog from 'react-native-dialog';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../../app/types';
+import ConfirmDialog from '../../../../base/dialog/components/native/ConfirmDialog';
+import { setAudioMuted, setAudioUnmutePermissions, setVideoMuted, setVideoUnmutePermissions } from '../../../../base/media/actions';
+import { VIDEO_MUTISM_AUTHORITY } from '../../../../base/media/constants';
+import Link from '../../../../base/react/components/native/Link';
+import styles from '../styles.native';
+
+/**
+ * Component that renders the dialog for explicit consent for recordings.
+ *
+ * @returns {JSX.Element}
+ */
+export default function RecordingConsentDialog() {
+    const dispatch = useDispatch();
+    const { t } = useTranslation();
+    const { recordings } = useSelector((state: IReduxState) => state['features/base/config']);
+    const { consentLearnMoreLink } = recordings ?? {};
+
+
+    const consent = useCallback(() => {
+        dispatch(setAudioUnmutePermissions(false, true));
+        dispatch(setVideoUnmutePermissions(false, true));
+
+        return true;
+    }, []);
+
+    const consentAndUnmute = useCallback(() => {
+        dispatch(setAudioUnmutePermissions(false, true));
+        dispatch(setVideoUnmutePermissions(false, true));
+        dispatch(setAudioMuted(false, true));
+        dispatch(setVideoMuted(false, VIDEO_MUTISM_AUTHORITY.USER, true));
+
+        return true;
+    }, []);
+
+    return (
+        <ConfirmDialog
+            backLabel = { 'dialog.UnderstandAndUnmute' }
+            confirmLabel = { 'dialog.Understand' }
+            isBackHidden = { false }
+            isCancelHidden = { true }
+            onBack = { consentAndUnmute }
+            onSubmit = { consent }
+            title = { 'dialog.recordingInProgressTitle' }
+            verticalButtons = { true }>
+            <Dialog.Description>
+                {t('dialog.recordingInProgressDescriptionFirstHalf')}
+                {consentLearnMoreLink && (
+                    <Link
+                        style = { styles.learnMoreLink }
+                        url = { consentLearnMoreLink }>
+                        {`(${t('dialog.learnMore')})`}
+                    </Link>
+                )}
+                {t('dialog.recordingInProgressDescriptionSecondHalf')}
+            </Dialog.Description>
+        </ConfirmDialog>
+    );
+}
diff --git a/react/features/recording/components/Recording/native/StartRecordingDialog.tsx b/react/features/recording/components/Recording/native/StartRecordingDialog.tsx
new file mode 100644
index 0000000..942cf6c
--- /dev/null
+++ b/react/features/recording/components/Recording/native/StartRecordingDialog.tsx
@@ -0,0 +1,170 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import { translate } from '../../../../base/i18n/functions';
+import JitsiScreen from '../../../../base/modal/components/JitsiScreen';
+import HeaderNavigationButton
+    from '../../../../mobile/navigation/components/HeaderNavigationButton';
+import { goBack } from
+    '../../../../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
+import { RECORDING_TYPES } from '../../../constants';
+import AbstractStartRecordingDialog, {
+    IProps,
+    mapStateToProps
+} from '../AbstractStartRecordingDialog';
+import styles from '../styles.native';
+
+import StartRecordingDialogContent from './StartRecordingDialogContent';
+
+
+/**
+ * React Component for getting confirmation to start a file recording session in
+ * progress.
+ *
+ * @augments Component
+ */
+class StartRecordingDialog extends AbstractStartRecordingDialog {
+
+    /**
+     * Constructor of the component.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._onStartPress = this._onStartPress.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#componentDidMount()}. Invoked
+     * immediately after this component is mounted.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidMount() {
+        super.componentDidMount();
+
+        const { navigation, t } = this.props;
+
+        navigation.setOptions({
+            headerRight: () => (
+                <HeaderNavigationButton
+                    disabled = { this.isStartRecordingDisabled() }
+                    label = { t('dialog.start') }
+                    onPress = { this._onStartPress }
+                    twoActions = { true } />
+            )
+        });
+    }
+
+    /**
+     * Implements React's {@link Component#componentDidUpdate()}. Invoked
+     * immediately after this component is updated.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidUpdate(prevProps: IProps) {
+        super.componentDidUpdate(prevProps);
+
+        const { navigation, t } = this.props;
+
+        navigation.setOptions({
+            // eslint-disable-next-line react/no-multi-comp
+            headerRight: () => (
+                <HeaderNavigationButton
+                    disabled = { this.isStartRecordingDisabled() }
+                    label = { t('dialog.start') }
+                    onPress = { this._onStartPress }
+                    twoActions = { true } />
+            )
+        });
+    }
+
+    /**
+     * Starts recording session and goes back to the previous screen.
+     *
+     * @returns {void}
+     */
+    _onStartPress() {
+        this._onSubmit() && goBack();
+    }
+
+    /**
+     * Disables start recording button.
+     *
+     * @returns {boolean}
+     */
+    isStartRecordingDisabled() {
+        const {
+            isTokenValid,
+            selectedRecordingService,
+            shouldRecordAudioAndVideo,
+            shouldRecordTranscription
+        } = this.state;
+
+        if (!shouldRecordAudioAndVideo && !shouldRecordTranscription) {
+            return true;
+        }
+
+        // Start button is disabled if recording service is only shown;
+        // When validating dropbox token, if that is not enabled, we either always
+        // show the start button or, if just dropbox is enabled, start button
+        // is available when there is token.
+        if (selectedRecordingService === RECORDING_TYPES.JITSI_REC_SERVICE) {
+            return false;
+        } else if (selectedRecordingService === RECORDING_TYPES.DROPBOX) {
+            return !isTokenValid;
+        }
+
+        return true;
+
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const {
+            isTokenValid,
+            isValidating,
+            selectedRecordingService,
+            sharingEnabled,
+            shouldRecordAudioAndVideo,
+            shouldRecordTranscription,
+            spaceLeft,
+            userName
+        } = this.state;
+        const {
+            _fileRecordingsServiceEnabled,
+            _fileRecordingsServiceSharingEnabled
+        } = this.props;
+
+        return (
+            <JitsiScreen style = { styles.startRecodingContainer }>
+                <StartRecordingDialogContent
+                    fileRecordingsServiceEnabled = { _fileRecordingsServiceEnabled }
+                    fileRecordingsServiceSharingEnabled = { _fileRecordingsServiceSharingEnabled }
+                    integrationsEnabled = { this._areIntegrationsEnabled() }
+                    isTokenValid = { isTokenValid }
+                    isValidating = { isValidating }
+                    onChange = { this._onSelectedRecordingServiceChanged }
+                    onRecordAudioAndVideoChange = { this._onRecordAudioAndVideoChange }
+                    onSharingSettingChanged = { this._onSharingSettingChanged }
+                    onTranscriptionChange = { this._onTranscriptionChange }
+                    selectedRecordingService = { selectedRecordingService }
+                    sharingSetting = { sharingEnabled }
+                    shouldRecordAudioAndVideo = { shouldRecordAudioAndVideo }
+                    shouldRecordTranscription = { shouldRecordTranscription }
+                    spaceLeft = { spaceLeft }
+                    userName = { userName } />
+            </JitsiScreen>
+        );
+    }
+}
+
+export default translate(connect(mapStateToProps)(StartRecordingDialog));
diff --git a/react/features/recording/components/Recording/native/StartRecordingDialogContent.tsx b/react/features/recording/components/Recording/native/StartRecordingDialogContent.tsx
new file mode 100644
index 0000000..0bfdd33
--- /dev/null
+++ b/react/features/recording/components/Recording/native/StartRecordingDialogContent.tsx
@@ -0,0 +1,383 @@
+import React from 'react';
+import { Image, View } from 'react-native';
+import { Text } from 'react-native-paper';
+import { connect } from 'react-redux';
+
+import { translate } from '../../../../base/i18n/functions';
+import Icon from '../../../../base/icons/components/Icon';
+import { IconArrowDown, IconArrowRight } from '../../../../base/icons/svg';
+import LoadingIndicator from '../../../../base/react/components/native/LoadingIndicator';
+import Button from '../../../../base/ui/components/native/Button';
+import Switch from '../../../../base/ui/components/native/Switch';
+import { BUTTON_TYPES } from '../../../../base/ui/constants.native';
+import { RECORDING_TYPES } from '../../../constants';
+import { getRecordingDurationEstimation } from '../../../functions';
+import AbstractStartRecordingDialogContent, { mapStateToProps } from '../AbstractStartRecordingDialogContent';
+import {
+    DROPBOX_LOGO,
+    ICON_CLOUD,
+    ICON_INFO,
+    ICON_USERS
+} from '../styles.native';
+
+
+/**
+ * The start recording dialog content for the mobile application.
+ */
+class StartRecordingDialogContent extends AbstractStartRecordingDialogContent {
+    /**
+     * Renders the component.
+     *
+     * @protected
+     * @returns {React$Component}
+     */
+    override render() {
+        const { _styles: styles } = this.props;
+
+        return (
+            <View style = { styles.container }>
+                { this._renderNoIntegrationsContent() }
+                { this._renderFileSharingContent() }
+                { this._renderUploadToTheCloudInfo() }
+                { this._renderIntegrationsContent() }
+                { this._renderAdvancedOptions() }
+            </View>
+        );
+    }
+
+    /**
+     * Renders the save transcription switch.
+     *
+     * @returns {React$Component}
+     */
+    _renderAdvancedOptions() {
+        const { selectedRecordingService } = this.props;
+
+        if (selectedRecordingService !== RECORDING_TYPES.JITSI_REC_SERVICE || !this._canStartTranscribing()) {
+            return null;
+        }
+
+        const { showAdvancedOptions } = this.state;
+        const {
+            _dialogStyles,
+            _styles: styles,
+            shouldRecordAudioAndVideo,
+            shouldRecordTranscription,
+            t
+        } = this.props;
+
+        return (
+            <>
+                <View
+                    style = { styles.header }>
+                    <Text
+                        style = {{
+                            ..._dialogStyles.text,
+                            ...styles.title
+                        }}>
+                        { t('recording.showAdvancedOptions') }
+                    </Text>
+                    <Icon
+                        ariaPressed = { showAdvancedOptions }
+                        onClick = { this._onToggleShowOptions }
+                        role = 'button'
+                        size = { 24 }
+                        src = { showAdvancedOptions ? IconArrowDown : IconArrowRight } />
+                </View>
+                {showAdvancedOptions && (
+                    <>
+                        <View
+                            key = 'transcriptionSetting'
+                            style = { styles.header }>
+                            <Text
+                                style = {{
+                                    ..._dialogStyles.text,
+                                    ...styles.title
+                                }}>
+                                { t('recording.recordTranscription') }
+                            </Text>
+                            <Switch
+                                checked = { shouldRecordTranscription }
+                                onChange = { this._onTranscriptionSwitchChange }
+                                style = { styles.switch } />
+                        </View>
+                        <View
+                            key = 'audioVideoSetting'
+                            style = { styles.header }>
+                            <Text
+                                style = {{
+                                    ..._dialogStyles.text,
+                                    ...styles.title
+                                }}>
+                                { t('recording.recordAudioAndVideo') }
+                            </Text>
+                            <Switch
+                                checked = { shouldRecordAudioAndVideo }
+                                onChange = { this._onRecordAudioAndVideoSwitchChange }
+                                style = { styles.switch } />
+                        </View>
+                    </>
+                )}
+            </>
+        );
+    }
+
+    /**
+     * Renders the content in case no integrations were enabled.
+     *
+     * @returns {React$Component}
+     */
+    _renderNoIntegrationsContent() {
+        const {
+            _dialogStyles,
+            _styles: styles,
+            integrationsEnabled,
+            isValidating,
+            selectedRecordingService,
+            shouldRecordAudioAndVideo,
+            t
+        } = this.props;
+
+        if (!this._shouldRenderNoIntegrationsContent()) {
+            return null;
+        }
+
+        const switchContent
+            = integrationsEnabled
+                ? (
+                    <Switch
+                        checked = { selectedRecordingService === RECORDING_TYPES.JITSI_REC_SERVICE }
+                        disabled = { isValidating || !shouldRecordAudioAndVideo }
+                        onChange = { this._onRecordingServiceSwitchChange }
+                        style = { styles.switch } />
+                ) : null;
+
+        return (
+            <View
+                key = 'noIntegrationSetting'
+                style = { styles.header }>
+                <Image
+                    source = { ICON_CLOUD }
+                    style = { styles.recordingIcon } />
+                <Text
+                    style = {{
+                        ..._dialogStyles.text,
+                        ...styles.title
+                    }}>
+                    { t('recording.serviceDescription') }
+                </Text>
+                { switchContent }
+            </View>
+        );
+    }
+
+    /**
+     * Renders the file recording service sharing options, if enabled.
+     *
+     * @returns {React$Component}
+     */
+    _renderFileSharingContent() {
+        if (!this._shouldRenderFileSharingContent()) {
+            return null;
+        }
+
+        const {
+            _dialogStyles,
+            _styles: styles,
+            isValidating,
+            onSharingSettingChanged,
+            sharingSetting,
+            shouldRecordAudioAndVideo,
+            t
+        } = this.props;
+
+        return (
+            <View
+                key = 'fileSharingSetting'
+                style = { styles.header }>
+                <Image
+                    source = { ICON_USERS }
+                    style = { styles.recordingIcon } />
+                <Text
+                    style = {{
+                        ..._dialogStyles.text,
+                        ...styles.title
+                    }}>
+                    { t('recording.fileSharingdescription') }
+                </Text>
+                <Switch
+                    checked = { sharingSetting }
+                    disabled = { isValidating || !shouldRecordAudioAndVideo }
+                    onChange = { onSharingSettingChanged }
+                    style = { styles.switch } />
+            </View>
+        );
+    }
+
+    /**
+     * Renders the info in case recording is uploaded to the cloud.
+     *
+     * @returns {React$Component}
+     */
+    _renderUploadToTheCloudInfo() {
+        const {
+            _dialogStyles,
+            _hideStorageWarning,
+            _styles: styles,
+            isVpaas,
+            selectedRecordingService,
+            t
+        } = this.props;
+
+        if (!(isVpaas && selectedRecordingService === RECORDING_TYPES.JITSI_REC_SERVICE) || _hideStorageWarning) {
+            return null;
+        }
+
+        return (
+            <View
+                key = 'cloudUploadInfo'
+                style = { styles.headerInfo }>
+                <Image
+                    source = { ICON_INFO }
+                    style = { styles.recordingInfoIcon } />
+                <Text
+                    style = {{
+                        ..._dialogStyles.text,
+                        ...styles.titleInfo
+                    }}>
+                    { t('recording.serviceDescriptionCloudInfo') }
+                </Text>
+            </View>
+        );
+    }
+
+    /**
+     * Renders a spinner component.
+     *
+     * @returns {React$Component}
+     */
+    _renderSpinner() {
+        return (
+            <LoadingIndicator
+                size = 'small' />
+        );
+    }
+
+    /**
+     * Renders the screen with the account information of a logged in user.
+     *
+     * @returns {React$Component}
+     */
+    _renderSignOut() {
+        const { _styles: styles, spaceLeft, t, userName } = this.props;
+        const duration = getRecordingDurationEstimation(spaceLeft);
+
+        return (
+            <View
+                style = { styles.loggedIn }>
+                <Text
+                    style = { [
+                        styles.text,
+                        styles.recordingText
+                    ] }>
+                    { t('recording.loggedIn', { userName }) }
+                </Text>
+                <Text
+                    style = { [
+                        styles.text,
+                        styles.recordingText
+                    ] }>
+                    {
+                        t('recording.availableSpace', {
+                            spaceLeft,
+                            duration
+                        })
+                    }
+                </Text>
+            </View>
+        );
+    }
+
+    /**
+     * Renders the content in case integrations were enabled.
+     *
+     * @protected
+     * @returns {React$Component}
+     */
+    _renderIntegrationsContent() {
+        if (!this._shouldRenderIntegrationsContent()) {
+            return null;
+        }
+
+        const {
+            _dialogStyles,
+            _styles: styles,
+            fileRecordingsServiceEnabled,
+            isTokenValid,
+            isValidating,
+            selectedRecordingService,
+            shouldRecordAudioAndVideo,
+            t
+        } = this.props;
+
+        let content = null;
+        let switchContent = null;
+
+        if (isValidating) {
+            content = this._renderSpinner();
+            switchContent = <View />;
+        } else if (isTokenValid) {
+            content = this._renderSignOut();
+            switchContent = (
+                <Button
+                    accessibilityLabel = 'recording.signOut'
+                    labelKey = 'recording.signOut'
+                    onClick = { this._onSignOut }
+                    type = { BUTTON_TYPES.SECONDARY } />
+            );
+
+        } else {
+            switchContent = (
+                <Button
+                    accessibilityLabel = 'recording.signIn'
+                    labelKey = 'recording.signIn'
+                    onClick = { this._onSignIn }
+                    type = { BUTTON_TYPES.PRIMARY } />
+            );
+        }
+
+        if (fileRecordingsServiceEnabled) {
+            switchContent = (
+                <Switch
+                    checked = { selectedRecordingService === RECORDING_TYPES.DROPBOX }
+                    disabled = { isValidating || !shouldRecordAudioAndVideo }
+                    onChange = { this._onDropboxSwitchChange }
+                    style = { styles.switch } />
+            );
+        }
+
+        return (
+            <View>
+                <View
+                    style = { styles.headerIntegrations }>
+                    <Image
+                        source = { DROPBOX_LOGO }
+                        style = { styles.recordingIcon } />
+                    <Text
+                        style = {{
+                            ..._dialogStyles.text,
+                            ...styles.title
+                        }}>
+                        { t('recording.authDropboxText') }
+                    </Text>
+                    { switchContent }
+                </View>
+                <View>
+                    { content }
+                </View>
+            </View>
+        );
+    }
+}
+
+export default translate(connect(mapStateToProps)(StartRecordingDialogContent));
diff --git a/react/features/recording/components/Recording/native/StopRecordingDialog.tsx b/react/features/recording/components/Recording/native/StopRecordingDialog.tsx
new file mode 100644
index 0000000..3703c9d
--- /dev/null
+++ b/react/features/recording/components/Recording/native/StopRecordingDialog.tsx
@@ -0,0 +1,33 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import ConfirmDialog from '../../../../base/dialog/components/native/ConfirmDialog';
+import { translate } from '../../../../base/i18n/functions';
+import AbstractStopRecordingDialog, {
+    IProps,
+    _mapStateToProps
+} from '../AbstractStopRecordingDialog';
+
+/**
+ * React Component for getting confirmation to stop a file recording session in
+ * progress.
+ *
+ * @augments Component
+ */
+class StopRecordingDialog extends AbstractStopRecordingDialog<IProps> {
+
+    /**
+     * Implements {@code Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        return (
+            <ConfirmDialog
+                descriptionKey = 'dialog.stopRecordingWarning'
+                onSubmit = { this._onSubmit } />
+        );
+    }
+}
+
+export default translate(connect(_mapStateToProps)(StopRecordingDialog));
diff --git a/react/features/recording/components/Recording/styles.native.ts b/react/features/recording/components/Recording/styles.native.ts
new file mode 100644
index 0000000..1b36e77
--- /dev/null
+++ b/react/features/recording/components/Recording/styles.native.ts
@@ -0,0 +1,167 @@
+import ColorSchemeRegistry from '../../../base/color-scheme/ColorSchemeRegistry';
+import { schemeColor } from '../../../base/color-scheme/functions';
+import { BoxModel } from '../../../base/styles/components/styles/BoxModel';
+import BaseTheme from '../../../base/ui/components/BaseTheme.native';
+
+/* eslint-disable @typescript-eslint/no-var-requires */
+export const DROPBOX_LOGO = require('../../../../../images/dropboxLogo_square.png');
+export const ICON_CLOUD = require('../../../../../images/icon-cloud.png');
+export const ICON_INFO = require('../../../../../images/icon-info.png');
+export const ICON_USERS = require('../../../../../images/icon-users.png');
+export const LOCAL_RECORDING = require('../../../../../images/downloadLocalRecording.png');
+export const TRACK_COLOR = BaseTheme.palette.ui07;
+/* eslint-enable @typescript-eslint/no-var-requires */
+
+// XXX The "standard" {@code BoxModel.padding} has been deemed insufficient in
+// the special case(s) of the recording feature below.
+const _PADDING = BoxModel.padding * 1.5;
+
+const header = {
+    alignItems: 'center',
+    flex: 0,
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    paddingBottom: _PADDING,
+    paddingTop: _PADDING
+};
+
+const recordingIcon = {
+    width: BaseTheme.spacing[4],
+    height: BaseTheme.spacing[4]
+};
+
+const title = {
+    flex: 1,
+    fontSize: 16,
+    fontWeight: 'bold',
+    textAlign: 'left',
+    paddingLeft: BoxModel.padding
+};
+
+export default {
+    /**
+     * Container for the StartRecordingDialog screen.
+     */
+    startRecodingContainer: {
+        backgroundColor: BaseTheme.palette.ui01,
+        display: 'flex',
+        flex: 1,
+        flexDirection: 'column',
+        justifyContent: 'center',
+        paddingTop: BaseTheme.spacing[3]
+    },
+
+    /**
+     * Label for the start recording button.
+     */
+    startRecordingLabel: {
+        color: BaseTheme.palette.text01,
+        marginRight: 12
+    },
+    highlightButton: {
+        backgroundColor: BaseTheme.palette.ui09,
+        flexDirection: 'row',
+        alignItems: 'center',
+        marginLeft: BaseTheme.spacing[0],
+        marginBottom: BaseTheme.spacing[0],
+        marginRight: BaseTheme.spacing[1]
+    },
+    highlightButtonText: {
+        color: BaseTheme.palette.field01,
+        paddingLeft: BaseTheme.spacing[2],
+        ...BaseTheme.typography.labelBold
+    },
+    highlightDialog: {
+        paddingLeft: BaseTheme.spacing[3],
+        paddingRight: BaseTheme.spacing[3],
+        paddingTop: BaseTheme.spacing[4],
+        paddingBottom: BaseTheme.spacing[7]
+    },
+    highlightDialogHeading: {
+        ...BaseTheme.typography.heading5,
+        color: BaseTheme.palette.text01,
+        marginBottom: BaseTheme.spacing[3]
+    },
+    highlightDialogText: {
+        ...BaseTheme.typography.bodyLongRegularLarge,
+        color: BaseTheme.palette.text01,
+        marginBottom: BaseTheme.spacing[5]
+    },
+    highlightDialogButtonsContainer: {
+        display: 'flex',
+        flexDirection: 'column-reverse'
+    },
+    highlightDialogButtonsSpace: {
+        height: 16,
+        width: '100%'
+    },
+    learnMoreLink: {
+        color: BaseTheme.palette.link01,
+        fontWeight: 'bold'
+    }
+};
+
+/**
+ * Color schemed styles for the @{code StartRecordingDialogContent} component.
+ */
+ColorSchemeRegistry.register('StartRecordingDialogContent', {
+
+    container: {
+        flex: 0,
+        flexDirection: 'column'
+    },
+
+    controlDisabled: {
+        opacity: 0.5
+    },
+
+    header: {
+        ...header,
+        marginHorizontal: BaseTheme.spacing[3]
+    },
+
+    headerIntegrations: {
+        ...header,
+        paddingHorizontal: BaseTheme.spacing[3]
+    },
+
+    headerInfo: {
+        ...header,
+        backgroundColor: BaseTheme.palette.warning02,
+        marginBottom: BaseTheme.spacing[4],
+        paddingHorizontal: BaseTheme.spacing[3]
+    },
+
+    loggedIn: {
+        paddingHorizontal: _PADDING
+    },
+
+    recordingIcon: {
+        ...recordingIcon
+    },
+
+    recordingInfoIcon: {
+        ...recordingIcon
+    },
+
+    recordingText: {
+        color: BaseTheme.palette.text01
+    },
+
+    switch: {
+        color: BaseTheme.palette.ui10
+    },
+
+    title: {
+        ...title
+    },
+
+    titleInfo: {
+        ...title,
+        color: BaseTheme.palette.ui01
+    },
+
+    text: {
+        color: schemeColor('text')
+    }
+});
diff --git a/react/features/recording/components/Recording/styles.web.ts b/react/features/recording/components/Recording/styles.web.ts
new file mode 100644
index 0000000..50fa309
--- /dev/null
+++ b/react/features/recording/components/Recording/styles.web.ts
@@ -0,0 +1,16 @@
+// XXX CSS is used on Web, JavaScript styles are use only for mobile. Export an
+// (empty) object so that styles[*] statements on Web don't trigger errors.
+
+export default {};
+
+export const DROPBOX_LOGO = 'images/dropboxLogo_square.png';
+
+export const LOCAL_RECORDING = 'images/downloadLocalRecording.png';
+
+export const ICON_CLOUD = 'images/icon-cloud.png';
+
+export const ICON_INFO = 'images/icon-info.png';
+
+export const ICON_USERS = 'images/icon-users.png';
+
+export const ICON_OPTIONS = 'images/icon-info.png';
diff --git a/react/features/recording/components/Recording/web/HighlightButton.tsx b/react/features/recording/components/Recording/web/HighlightButton.tsx
new file mode 100644
index 0000000..85b0023
--- /dev/null
+++ b/react/features/recording/components/Recording/web/HighlightButton.tsx
@@ -0,0 +1,225 @@
+import { Theme } from '@mui/material';
+import React from 'react';
+import { connect } from 'react-redux';
+import { withStyles } from 'tss-react/mui';
+
+import { openDialog } from '../../../../base/dialog/actions';
+import { translate } from '../../../../base/i18n/functions';
+import { IconHighlight } from '../../../../base/icons/svg';
+import { MEET_FEATURES } from '../../../../base/jwt/constants';
+import Label from '../../../../base/label/components/web/Label';
+import Tooltip from '../../../../base/tooltip/components/Tooltip';
+import BaseTheme from '../../../../base/ui/components/BaseTheme.web';
+import { maybeShowPremiumFeatureDialog } from '../../../../jaas/actions';
+import StartRecordingDialog from '../../Recording/web/StartRecordingDialog';
+import AbstractHighlightButton, {
+    IProps as AbstractProps,
+    _abstractMapStateToProps
+} from '../AbstractHighlightButton';
+
+interface IProps extends AbstractProps {
+    _disabled: boolean;
+
+    /**
+     * The message to show within the label's tooltip.
+     */
+    _tooltipKey: string;
+
+    /**
+     * Flag controlling visibility of the component.
+     */
+    _visible: boolean;
+
+    /**
+     * An object containing the CSS classes.
+     */
+    classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
+}
+
+/**
+ * The type of the React {@code Component} state of {@link HighlightButton}.
+ */
+interface IState {
+
+    /**
+     * Whether the notification which prompts for starting recording is open is not.
+     */
+    isNotificationOpen: boolean;
+}
+
+/**
+ * Creates the styles for the component.
+ *
+ * @param {Object} theme - The current UI theme.
+ *
+ * @returns {Object}
+ */
+const styles = (theme: Theme) => {
+    return {
+        container: {
+            position: 'relative' as const
+        },
+        disabled: {
+            background: theme.palette.text02
+        },
+        regular: {
+            background: theme.palette.ui10
+        },
+        highlightNotification: {
+            backgroundColor: theme.palette.ui10,
+            borderRadius: '6px',
+            boxShadow: '0px 6px 20px rgba(0, 0, 0, 0.25)',
+            boxSizing: 'border-box' as const,
+            color: theme.palette.uiBackground,
+            fontSize: '0.875rem',
+            fontWeight: 400,
+            left: '4px',
+            padding: '16px',
+            position: 'absolute' as const,
+            top: '32px',
+            width: 320
+        },
+        highlightNotificationButton: {
+            color: theme.palette.action01,
+            cursor: 'pointer',
+            fontWeight: 600,
+            marginTop: '8px'
+        }
+    };
+};
+
+/**
+ * React {@code Component} responsible for displaying an action that
+ * allows users to highlight a meeting moment.
+ */
+export class HighlightButton extends AbstractHighlightButton<IProps, IState> {
+    /**
+     * Initializes a new HighlightButton instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            isNotificationOpen: false
+        };
+
+        this._onOpenDialog = this._onOpenDialog.bind(this);
+        this._onWindowClickListener = this._onWindowClickListener.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#componentDidMount()}.
+     *
+     * @inheritdoc
+     */
+    override componentDidMount() {
+        window.addEventListener('click', this._onWindowClickListener);
+    }
+
+    /**
+     * Implements React's {@link Component#componentWillUnmount()}.
+     *
+     * @inheritdoc
+     */
+    override componentWillUnmount() {
+        window.removeEventListener('click', this._onWindowClickListener);
+    }
+
+    /**
+    * Handles clicking / pressing the start recording button.
+    *
+    * @returns {void}
+    */
+    _onOpenDialog() {
+        const { dispatch } = this.props;
+        const dialogShown = dispatch(maybeShowPremiumFeatureDialog(MEET_FEATURES.RECORDING));
+
+        if (!dialogShown) {
+            dispatch(openDialog('StartRecordingDialog', StartRecordingDialog));
+        }
+    }
+
+    /**
+    * Handles clicking / pressing the highlight button.
+    *
+    * @override
+    * @param {Event} e - The click event.
+    * @returns {void}
+    */
+    override _onClick(e?: React.MouseEvent) {
+        e?.stopPropagation();
+
+        const { _disabled } = this.props;
+
+        if (_disabled) {
+            this.setState({
+                isNotificationOpen: true
+            });
+        } else {
+            super._onClick();
+        }
+    }
+
+    /**
+     * Window click event listener.
+     *
+     * @returns {void}
+     */
+    _onWindowClickListener() {
+        this.setState({
+            isNotificationOpen: false
+        });
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const {
+            _disabled,
+            _visible,
+            t
+        } = this.props;
+        const classes = withStyles.getClasses(this.props);
+
+        if (!_visible) {
+            return null;
+        }
+
+        const className = _disabled ? classes.disabled : classes.regular;
+        const tooltipKey = _disabled ? 'recording.highlightMomentDisabled' : 'recording.highlightMoment';
+
+        return (
+            <div className = { classes.container }>
+                <Tooltip
+                    content = { t(tooltipKey) }
+                    position = { 'bottom' }>
+                    <Label
+                        className = { className }
+                        icon = { IconHighlight }
+                        iconColor = { _disabled ? BaseTheme.palette.text03 : BaseTheme.palette.field01 }
+                        id = 'highlightMeetingLabel'
+                        onClick = { this._onClick } />
+                </Tooltip>
+                {this.state.isNotificationOpen && (
+                    <div className = { classes.highlightNotification }>
+                        {t('recording.highlightMomentDisabled')}
+                        <div
+                            className = { classes.highlightNotificationButton }
+                            onClick = { this._onOpenDialog }>
+                            {t('localRecording.start')}
+                        </div>
+                    </div>
+                )}
+            </div>
+        );
+    }
+}
+
+export default withStyles(translate(connect(_abstractMapStateToProps)(HighlightButton)), styles);
diff --git a/react/features/recording/components/Recording/web/RecordButton.ts b/react/features/recording/components/Recording/web/RecordButton.ts
new file mode 100644
index 0000000..a3f53a3
--- /dev/null
+++ b/react/features/recording/components/Recording/web/RecordButton.ts
@@ -0,0 +1,60 @@
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../../app/types';
+import { openDialog } from '../../../../base/dialog/actions';
+import { translate } from '../../../../base/i18n/functions';
+import AbstractRecordButton, {
+    IProps,
+    _mapStateToProps as _abstractMapStateToProps
+} from '../AbstractRecordButton';
+
+import StartRecordingDialog from './StartRecordingDialog';
+import StopRecordingDialog from './StopRecordingDialog';
+
+
+/**
+ * Button for opening a dialog where a recording session can be started.
+ */
+class RecordingButton extends AbstractRecordButton<IProps> {
+
+    /**
+     * Handles clicking / pressing the button.
+     *
+     * @override
+     * @protected
+     * @returns {void}
+     */
+    override _onHandleClick() {
+        const { _isRecordingRunning, dispatch } = this.props;
+        const dialogComponent = _isRecordingRunning ? StopRecordingDialog : StartRecordingDialog;
+        const dialogName = _isRecordingRunning ? 'StopRecordingDialog' : 'StartRecordingDialog';
+
+        dispatch(openDialog(dialogName, dialogComponent));
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated props for the
+ * {@code RecordButton} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {{
+ *     _fileRecordingsDisabledTooltipKey: ?string,
+ *     _isRecordingRunning: boolean,
+ *     _disabled: boolean,
+ *     visible: boolean
+ * }}
+ */
+export function _mapStateToProps(state: IReduxState) {
+    const abstractProps = _abstractMapStateToProps(state);
+    const { toolbarButtons } = state['features/toolbox'];
+    const visible = Boolean(toolbarButtons?.includes('recording') && abstractProps.visible);
+
+    return {
+        ...abstractProps,
+        visible
+    };
+}
+
+export default translate(connect(_mapStateToProps)(RecordingButton));
diff --git a/react/features/recording/components/Recording/web/RecordingConsentDialog.tsx b/react/features/recording/components/Recording/web/RecordingConsentDialog.tsx
new file mode 100644
index 0000000..883aa40
--- /dev/null
+++ b/react/features/recording/components/Recording/web/RecordingConsentDialog.tsx
@@ -0,0 +1,58 @@
+import React, { useCallback, useEffect } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../../app/types';
+import { translateToHTML } from '../../../../base/i18n/functions';
+import Dialog from '../../../../base/ui/components/web/Dialog';
+import { grantRecordingConsent, grantRecordingConsentAndUnmute } from '../../../actions.web';
+
+
+/**
+ * Component that renders the dialog for explicit consent for recordings.
+ *
+ * @returns {JSX.Element}
+ */
+export default function RecordingConsentDialog() {
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+    const { recordings } = useSelector((state: IReduxState) => state['features/base/config']);
+    const { consentLearnMoreLink } = recordings ?? {};
+    const learnMore = consentLearnMoreLink
+        ? ` (<a href="${consentLearnMoreLink}" target="_blank" rel="noopener noreferrer">${t('dialog.learnMore')}</a>)`
+        : '';
+
+    useEffect(() => {
+        APP.API.notifyRecordingConsentDialogOpen(true);
+
+        return () => {
+            APP.API.notifyRecordingConsentDialogOpen(false);
+        };
+    }, []);
+
+    const consent = useCallback(() => {
+        dispatch(grantRecordingConsent());
+    }, []);
+
+    const consentAndUnmute = useCallback(() => {
+        dispatch(grantRecordingConsentAndUnmute());
+    }, []);
+
+    return (
+        <Dialog
+            back = {{
+                hidden: false,
+                onClick: consentAndUnmute,
+                translationKey: 'dialog.UnderstandAndUnmute'
+            }}
+            cancel = {{ hidden: true }}
+            disableBackdropClose = { true }
+            disableEscape = { true }
+            hideCloseButton = { true }
+            ok = {{ translationKey: 'dialog.Understand' }}
+            onSubmit = { consent }
+            titleKey = 'dialog.recordingInProgressTitle'>
+            { translateToHTML(t, 'dialog.recordingInProgressDescription', { learnMore }) }
+        </Dialog>
+    );
+}
diff --git a/react/features/recording/components/Recording/web/StartRecordingDialog.tsx b/react/features/recording/components/Recording/web/StartRecordingDialog.tsx
new file mode 100644
index 0000000..9f9f824
--- /dev/null
+++ b/react/features/recording/components/Recording/web/StartRecordingDialog.tsx
@@ -0,0 +1,137 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../../app/types';
+import { translate } from '../../../../base/i18n/functions';
+import Dialog from '../../../../base/ui/components/web/Dialog';
+import { toggleScreenshotCaptureSummary } from '../../../../screenshot-capture/actions';
+import { isScreenshotCaptureEnabled } from '../../../../screenshot-capture/functions';
+import { RECORDING_TYPES } from '../../../constants';
+import AbstractStartRecordingDialog, {
+    mapStateToProps as abstractMapStateToProps
+} from '../AbstractStartRecordingDialog';
+
+import StartRecordingDialogContent from './StartRecordingDialogContent';
+
+
+/**
+ * React Component for getting confirmation to start a file recording session in
+ * progress.
+ *
+ * @augments Component
+ */
+class StartRecordingDialog extends AbstractStartRecordingDialog {
+
+    /**
+     * Disables start recording button.
+     *
+     * @returns {boolean}
+     */
+    isStartRecordingDisabled() {
+        const {
+            isTokenValid,
+            selectedRecordingService,
+            shouldRecordAudioAndVideo,
+            shouldRecordTranscription
+        } = this.state;
+
+        if (!shouldRecordAudioAndVideo && !shouldRecordTranscription) {
+            return true;
+        }
+
+        // Start button is disabled if recording service is only shown;
+        // When validating dropbox token, if that is not enabled, we either always
+        // show the start button or, if just dropbox is enabled, start button
+        // is available when there is token.
+        if (selectedRecordingService === RECORDING_TYPES.JITSI_REC_SERVICE) {
+            return false;
+        } else if (selectedRecordingService === RECORDING_TYPES.DROPBOX) {
+            return !isTokenValid;
+        } else if (selectedRecordingService === RECORDING_TYPES.LOCAL) {
+            return false;
+        }
+
+        return true;
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const {
+            isTokenValid,
+            isValidating,
+            localRecordingOnlySelf,
+            selectedRecordingService,
+            sharingEnabled,
+            shouldRecordAudioAndVideo,
+            shouldRecordTranscription,
+            spaceLeft,
+            userName
+        } = this.state;
+        const {
+            _fileRecordingsServiceEnabled,
+            _fileRecordingsServiceSharingEnabled
+        } = this.props;
+
+        return (
+            <Dialog
+                ok = {{
+                    translationKey: 'dialog.startRecording',
+                    disabled: this.isStartRecordingDisabled()
+                }}
+                onSubmit = { this._onSubmit }
+                titleKey = 'dialog.startRecording'>
+                <StartRecordingDialogContent
+                    fileRecordingsServiceEnabled = { _fileRecordingsServiceEnabled }
+                    fileRecordingsServiceSharingEnabled = { _fileRecordingsServiceSharingEnabled }
+                    integrationsEnabled = { this._areIntegrationsEnabled() }
+                    isTokenValid = { isTokenValid }
+                    isValidating = { isValidating }
+                    localRecordingOnlySelf = { localRecordingOnlySelf }
+                    onChange = { this._onSelectedRecordingServiceChanged }
+                    onLocalRecordingSelfChange = { this._onLocalRecordingSelfChange }
+                    onRecordAudioAndVideoChange = { this._onRecordAudioAndVideoChange }
+                    onSharingSettingChanged = { this._onSharingSettingChanged }
+                    onTranscriptionChange = { this._onTranscriptionChange }
+                    selectedRecordingService = { selectedRecordingService }
+                    sharingSetting = { sharingEnabled }
+                    shouldRecordAudioAndVideo = { shouldRecordAudioAndVideo }
+                    shouldRecordTranscription = { shouldRecordTranscription }
+                    spaceLeft = { spaceLeft }
+                    userName = { userName } />
+            </Dialog>
+        );
+    }
+
+    /**
+     * Toggles screenshot capture feature.
+     *
+     * @returns {void}
+     */
+    override _toggleScreenshotCapture() {
+        const { dispatch, _screenshotCaptureEnabled } = this.props;
+
+        if (_screenshotCaptureEnabled) {
+            dispatch(toggleScreenshotCaptureSummary(true));
+        }
+    }
+}
+
+/**
+ * Maps redux state to component props.
+ *
+ * @param {Object} state - Redux state.
+ * @param {any} ownProps - Component's own props.
+ * @returns {Object}
+ */
+function mapStateToProps(state: IReduxState, ownProps: any) {
+    return {
+        ...abstractMapStateToProps(state, ownProps),
+        _screenshotCaptureEnabled: isScreenshotCaptureEnabled(state, true, false)
+    };
+}
+
+export default translate(connect(mapStateToProps)(StartRecordingDialog));
diff --git a/react/features/recording/components/Recording/web/StartRecordingDialogContent.tsx b/react/features/recording/components/Recording/web/StartRecordingDialogContent.tsx
new file mode 100644
index 0000000..d3e77cc
--- /dev/null
+++ b/react/features/recording/components/Recording/web/StartRecordingDialogContent.tsx
@@ -0,0 +1,486 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import { translate } from '../../../../base/i18n/functions';
+import Icon from '../../../../base/icons/components/Icon';
+import { IconArrowDown, IconArrowRight } from '../../../../base/icons/svg';
+import Container from '../../../../base/react/components/web/Container';
+import Image from '../../../../base/react/components/web/Image';
+import LoadingIndicator from '../../../../base/react/components/web/LoadingIndicator';
+import Text from '../../../../base/react/components/web/Text';
+import Button from '../../../../base/ui/components/web/Button';
+import Switch from '../../../../base/ui/components/web/Switch';
+import { BUTTON_TYPES } from '../../../../base/ui/constants.web';
+import { RECORDING_TYPES } from '../../../constants';
+import { getRecordingDurationEstimation } from '../../../functions';
+import AbstractStartRecordingDialogContent, { mapStateToProps } from '../AbstractStartRecordingDialogContent';
+import {
+    DROPBOX_LOGO,
+    ICON_CLOUD,
+    ICON_INFO,
+    ICON_USERS,
+    LOCAL_RECORDING
+} from '../styles.web';
+
+const EMPTY_FUNCTION = () => {
+    // empty
+};
+
+/**
+ * The start recording dialog content for the mobile application.
+ */
+class StartRecordingDialogContent extends AbstractStartRecordingDialogContent {
+    /**
+     * Renders the component.
+     *
+     * @protected
+     * @returns {React$Component}
+     */
+    override render() {
+        const _renderRecording = this.props._renderRecording;
+
+        return (
+            <Container className = 'recording-dialog'>
+                { _renderRecording && (
+                    <>
+                        { this._renderNoIntegrationsContent() }
+                        { this._renderFileSharingContent() }
+                        { this._renderUploadToTheCloudInfo() }
+                        { this._renderIntegrationsContent() }
+                    </>
+                )}
+                { this._renderLocalRecordingContent() }
+                { _renderRecording && <> { this._renderAdvancedOptions() } </> }
+            </Container>
+        );
+    }
+
+    /**
+     * Renders the switch for saving the transcription.
+     *
+     * @returns {React$Component}
+     */
+    _renderAdvancedOptions() {
+        const { selectedRecordingService } = this.props;
+
+        if (selectedRecordingService !== RECORDING_TYPES.JITSI_REC_SERVICE || !this._canStartTranscribing()) {
+            return null;
+        }
+
+        const { showAdvancedOptions } = this.state;
+        const { shouldRecordAudioAndVideo, shouldRecordTranscription, t } = this.props;
+
+        return (
+            <>
+                <div className = 'recording-header-line' />
+                <div
+                    className = 'recording-header'
+                    onClick = { this._onToggleShowOptions }>
+                    <label className = 'recording-title-no-space'>
+                        {t('recording.showAdvancedOptions')}
+                    </label>
+                    <Icon
+                        ariaPressed = { showAdvancedOptions }
+                        onClick = { this._onToggleShowOptions }
+                        role = 'button'
+                        size = { 24 }
+                        src = { showAdvancedOptions ? IconArrowDown : IconArrowRight } />
+                </div>
+                {showAdvancedOptions && (
+                    <>
+                        <div className = 'recording-header space-top'>
+                            <label
+                                className = 'recording-title'
+                                htmlFor = 'recording-switch-transcription'>
+                                { t('recording.recordTranscription') }
+                            </label>
+                            <Switch
+                                checked = { shouldRecordTranscription }
+                                className = 'recording-switch'
+                                id = 'recording-switch-transcription'
+                                onChange = { this._onTranscriptionSwitchChange } />
+                        </div>
+                        <div className = 'recording-header space-top'>
+                            <label
+                                className = 'recording-title'
+                                htmlFor = 'recording-switch-transcription'>
+                                { t('recording.recordAudioAndVideo') }
+                            </label>
+                            <Switch
+                                checked = { shouldRecordAudioAndVideo }
+                                className = 'recording-switch'
+                                id = 'recording-switch-transcription'
+                                onChange = { this._onRecordAudioAndVideoSwitchChange } />
+                        </div>
+                    </>
+                )}
+            </>
+        );
+    }
+
+    /**
+     * Renders the content in case no integrations were enabled.
+     *
+     * @returns {React$Component}
+     */
+    _renderNoIntegrationsContent() {
+        if (!this._shouldRenderNoIntegrationsContent()) {
+            return null;
+        }
+
+        const {
+            _localRecordingAvailable,
+            integrationsEnabled,
+            isValidating,
+            isVpaas,
+            selectedRecordingService,
+            t
+        } = this.props;
+
+        const switchContent
+            = integrationsEnabled || _localRecordingAvailable
+                ? (
+                    <Switch
+                        checked = { selectedRecordingService === RECORDING_TYPES.JITSI_REC_SERVICE }
+                        className = 'recording-switch'
+                        disabled = { isValidating || !this.props.shouldRecordAudioAndVideo }
+                        id = 'recording-switch-jitsi'
+                        onChange = { this._onRecordingServiceSwitchChange } />
+                ) : null;
+
+        const label = isVpaas ? t('recording.serviceDescriptionCloud') : t('recording.serviceDescription');
+        const jitsiContentRecordingIconContainer
+            = integrationsEnabled || _localRecordingAvailable
+                ? 'jitsi-content-recording-icon-container-with-switch'
+                : 'jitsi-content-recording-icon-container-without-switch';
+        const contentRecordingClass = isVpaas
+            ? 'cloud-content-recording-icon-container'
+            : jitsiContentRecordingIconContainer;
+        const jitsiRecordingHeaderClass = !isVpaas && 'jitsi-recording-header';
+
+        return (
+            <Container
+                className = { `recording-header ${jitsiRecordingHeaderClass}` }
+                key = 'noIntegrationSetting'>
+                <Container className = { contentRecordingClass }>
+                    <Image
+                        alt = ''
+                        className = 'content-recording-icon'
+                        src = { ICON_CLOUD } />
+                </Container>
+                <label
+                    className = 'recording-title'
+                    htmlFor = 'recording-switch-jitsi'>
+                    { label }
+                </label>
+                { switchContent }
+            </Container>
+        );
+    }
+
+    /**
+     * Renders the file recording service sharing options, if enabled.
+     *
+     * @returns {React$Component}
+     */
+    _renderFileSharingContent() {
+        if (!this._shouldRenderFileSharingContent()) {
+            return null;
+        }
+
+        const {
+            isValidating,
+            onSharingSettingChanged,
+            sharingSetting,
+            t
+        } = this.props;
+
+        return (
+            <Container
+                className = 'recording-header'
+                key = 'fileSharingSetting'>
+                <Container className = 'recording-icon-container file-sharing-icon-container'>
+                    <Image
+                        alt = ''
+                        className = 'recording-file-sharing-icon'
+                        src = { ICON_USERS } />
+                </Container>
+                <label
+                    className = 'recording-title'
+                    htmlFor = 'recording-switch-share'>
+                    { t('recording.fileSharingdescription') }
+                </label>
+                <Switch
+                    checked = { sharingSetting }
+                    className = 'recording-switch'
+                    disabled = { isValidating || !this.props.shouldRecordAudioAndVideo }
+                    id = 'recording-switch-share'
+                    onChange = { onSharingSettingChanged } />
+            </Container>
+        );
+    }
+
+    /**
+     * Renders the info in case recording is uploaded to the cloud.
+     *
+     * @returns {React$Component}
+     */
+    _renderUploadToTheCloudInfo() {
+        const {
+            _hideStorageWarning,
+            isVpaas,
+            selectedRecordingService,
+            t
+        } = this.props;
+
+        if (!(isVpaas && selectedRecordingService === RECORDING_TYPES.JITSI_REC_SERVICE) || _hideStorageWarning) {
+            return null;
+        }
+
+        return (
+            <Container
+                className = 'recording-info'
+                key = 'cloudUploadInfo'>
+                <Image
+                    alt = ''
+                    className = 'recording-info-icon'
+                    src = { ICON_INFO } />
+                <Text className = 'recording-info-title'>
+                    { t('recording.serviceDescriptionCloudInfo') }
+                </Text>
+            </Container>
+        );
+    }
+
+    /**
+     * Renders a spinner component.
+     *
+     * @returns {React$Component}
+     */
+    _renderSpinner() {
+        return (
+            <LoadingIndicator size = 'small' />
+        );
+    }
+
+    /**
+     * Renders the screen with the account information of a logged in user.
+     *
+     * @returns {React$Component}
+     */
+    _renderSignOut() {
+        const {
+            spaceLeft,
+            t,
+            userName
+        } = this.props;
+        const duration = getRecordingDurationEstimation(spaceLeft);
+
+        return (
+            <Container>
+                <Container className = 'logged-in-panel'>
+                    <Container>
+                        <Text>
+                            { t('recording.loggedIn', { userName }) }
+                        </Text>
+                    </Container>
+                    <Container>
+                        <Text>
+                            {
+                                t('recording.availableSpace', {
+                                    spaceLeft,
+                                    duration
+                                })
+                            }
+                        </Text>
+                    </Container>
+                </Container>
+            </Container>
+        );
+    }
+
+    /**
+     * Renders the content in case integrations were enabled.
+     *
+     * @protected
+     * @returns {React$Component}
+     */
+    _renderIntegrationsContent() {
+        if (!this._shouldRenderIntegrationsContent()) {
+            return null;
+        }
+
+        const {
+            _localRecordingAvailable,
+            fileRecordingsServiceEnabled,
+            isTokenValid,
+            isValidating,
+            selectedRecordingService,
+            t
+        } = this.props;
+        let content = null;
+        let switchContent = null;
+        let labelContent = (
+            <Text className = 'recording-title'>
+                { t('recording.authDropboxText') }
+            </Text>
+        );
+
+        if (isValidating) {
+            content = this._renderSpinner();
+            switchContent = <Container className = 'recording-switch' />;
+        } else if (isTokenValid) {
+            content = this._renderSignOut();
+            switchContent = (
+                <Container className = 'recording-switch'>
+                    <Button
+                        accessibilityLabel = { t('recording.signOut') }
+                        labelKey = 'recording.signOut'
+                        onClick = { this._onSignOut }
+                        type = { BUTTON_TYPES.SECONDARY } />
+                </Container>
+            );
+
+        } else {
+            switchContent = (
+                <Container className = 'recording-switch'>
+                    <Button
+                        accessibilityLabel = { t('recording.signIn') }
+                        labelKey = 'recording.signIn'
+                        onClick = { this._onSignIn }
+                        type = { BUTTON_TYPES.PRIMARY } />
+                </Container>
+            );
+        }
+
+        if (fileRecordingsServiceEnabled || _localRecordingAvailable) {
+            switchContent = (
+                <Switch
+                    checked = { selectedRecordingService
+                        === RECORDING_TYPES.DROPBOX }
+                    className = 'recording-switch'
+                    disabled = { isValidating || !this.props.shouldRecordAudioAndVideo }
+                    id = 'recording-switch-integration'
+                    onChange = { this._onDropboxSwitchChange } />
+            );
+            labelContent = (
+                <label
+                    className = 'recording-title'
+                    htmlFor = 'recording-switch-integration'>
+                    { t('recording.authDropboxText') }
+                </label>
+            );
+        }
+
+        return (
+            <Container>
+                <Container
+                    className = { `recording-header ${this._shouldRenderNoIntegrationsContent()
+                        ? 'recording-header-line' : ''}` }>
+                    <Container
+                        className = 'recording-icon-container'>
+                        <Image
+                            alt = ''
+                            className = 'recording-icon'
+                            src = { DROPBOX_LOGO } />
+                    </Container>
+                    { labelContent }
+                    { switchContent }
+                </Container>
+                <Container className = 'authorization-panel'>
+                    { content }
+                </Container>
+            </Container>
+        );
+    }
+
+    /**
+     * Renders the content for local recordings.
+     *
+     * @protected
+     * @returns {React$Component}
+     */
+    _renderLocalRecordingContent() {
+        const {
+            _localRecordingAvailable,
+            _localRecordingNoNotification,
+            _localRecordingSelfEnabled,
+            isValidating,
+            localRecordingOnlySelf,
+            onLocalRecordingSelfChange,
+            t,
+            selectedRecordingService
+        } = this.props;
+
+        if (!_localRecordingAvailable) {
+            return null;
+        }
+
+        return (
+            <>
+                <Container>
+                    <Container
+                        className = 'recording-header recording-header-line'>
+                        <Container
+                            className = 'recording-icon-container'>
+                            <Image
+                                alt = ''
+                                className = 'recording-icon'
+                                src = { LOCAL_RECORDING } />
+                        </Container>
+                        <label
+                            className = 'recording-title'
+                            htmlFor = 'recording-switch-local'>
+                            { t('recording.saveLocalRecording') }
+                        </label>
+                        <Switch
+                            checked = { selectedRecordingService
+                                === RECORDING_TYPES.LOCAL }
+                            className = 'recording-switch'
+                            disabled = { isValidating || !this.props.shouldRecordAudioAndVideo }
+                            id = 'recording-switch-local'
+                            onChange = { this._onLocalRecordingSwitchChange } />
+                    </Container>
+                </Container>
+                {selectedRecordingService === RECORDING_TYPES.LOCAL && (
+                    <>
+                        {_localRecordingSelfEnabled && (
+                            <Container>
+                                <Container className = 'recording-header space-top'>
+                                    <Container className = 'recording-icon-container file-sharing-icon-container'>
+                                        <Image
+                                            alt = ''
+                                            className = 'recording-file-sharing-icon'
+                                            src = { ICON_USERS } />
+                                    </Container>
+                                    <label
+                                        className = 'recording-title'
+                                        htmlFor = 'recording-switch-myself'>
+                                        {t('recording.onlyRecordSelf')}
+                                    </label>
+                                    <Switch
+                                        checked = { Boolean(localRecordingOnlySelf) }
+                                        className = 'recording-switch'
+                                        disabled = { isValidating || !this.props.shouldRecordAudioAndVideo }
+                                        id = 'recording-switch-myself'
+                                        onChange = { onLocalRecordingSelfChange ?? EMPTY_FUNCTION } />
+                                </Container>
+                            </Container>
+                        )}
+                        <Text className = 'local-recording-warning text'>
+                            {t('recording.localRecordingWarning')}
+                        </Text>
+                        {_localRecordingNoNotification && !localRecordingOnlySelf
+                            && <Text className = 'local-recording-warning notification'>
+                                {t('recording.localRecordingNoNotificationWarning')}
+                            </Text>
+                        }
+                    </>
+                )}
+            </>
+
+        );
+    }
+}
+
+export default translate(connect(mapStateToProps)(StartRecordingDialogContent));
diff --git a/react/features/recording/components/Recording/web/StopRecordingDialog.tsx b/react/features/recording/components/Recording/web/StopRecordingDialog.tsx
new file mode 100644
index 0000000..792c6be
--- /dev/null
+++ b/react/features/recording/components/Recording/web/StopRecordingDialog.tsx
@@ -0,0 +1,48 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import { translate } from '../../../../base/i18n/functions';
+import Dialog from '../../../../base/ui/components/web/Dialog';
+import { toggleScreenshotCaptureSummary } from '../../../../screenshot-capture/actions';
+import AbstractStopRecordingDialog, {
+    IProps,
+    _mapStateToProps
+} from '../AbstractStopRecordingDialog';
+
+/**
+ * React Component for getting confirmation to stop a file recording session in
+ * progress.
+ *
+ * @augments Component
+ */
+class StopRecordingDialog extends AbstractStopRecordingDialog<IProps> {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { t, localRecordingVideoStop } = this.props;
+
+        return (
+            <Dialog
+                ok = {{ translationKey: 'dialog.confirm' }}
+                onSubmit = { this._onSubmit }
+                titleKey = 'dialog.recording'>
+                {t(localRecordingVideoStop ? 'recording.localRecordingVideoStop' : 'dialog.stopRecordingWarning') }
+            </Dialog>
+        );
+    }
+
+    /**
+     * Toggles screenshot capture.
+     *
+     * @returns {void}
+     */
+    override _toggleScreenshotCapture() {
+        this.props.dispatch(toggleScreenshotCaptureSummary(false));
+    }
+}
+
+export default translate(connect(_mapStateToProps)(StopRecordingDialog));
diff --git a/react/features/recording/components/native/RecordingExpandedLabel.ts b/react/features/recording/components/native/RecordingExpandedLabel.ts
new file mode 100644
index 0000000..8b96566
--- /dev/null
+++ b/react/features/recording/components/native/RecordingExpandedLabel.ts
@@ -0,0 +1,103 @@
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import ExpandedLabel, { IProps as AbstractProps } from '../../../base/label/components/native/ExpandedLabel';
+import { JitsiRecordingConstants } from '../../../base/lib-jitsi-meet';
+import { isRecorderTranscriptionsRunning } from '../../../transcribing/functions';
+import { getSessionStatusToShow } from '../../functions';
+
+interface IProps extends AbstractProps {
+
+    /**
+     * Whether this meeting is being transcribed.
+     */
+    _isTranscribing: boolean;
+
+    /**
+     * The status of the highermost priority session.
+     */
+    _status?: string;
+
+    /**
+     * The recording mode this indicator should display.
+     */
+    mode: string;
+
+    /**
+     * Function to be used to translate i18n labels.
+     */
+    t: Function;
+}
+
+/**
+ * A react {@code Component} that implements an expanded label as tooltip-like
+ * component to explain the meaning of the {@code RecordingLabel}.
+ */
+class RecordingExpandedLabel extends ExpandedLabel<IProps> {
+
+    /**
+     * Returns the label specific text of this {@code ExpandedLabel}.
+     *
+     * @returns {string}
+     */
+    _getLabel() {
+        const { _status, mode, t } = this.props;
+        let postfix = 'expandedOn', prefix = 'recording'; // Default values.
+
+        switch (mode) {
+        case JitsiRecordingConstants.mode.STREAM:
+            prefix = 'liveStreaming';
+            break;
+        case JitsiRecordingConstants.mode.FILE:
+            prefix = 'recording';
+            break;
+        }
+
+        switch (_status) {
+        case JitsiRecordingConstants.status.OFF:
+            postfix = 'expandedOff';
+            break;
+        case JitsiRecordingConstants.status.PENDING:
+            postfix = 'expandedPending';
+            break;
+        case JitsiRecordingConstants.status.ON:
+            postfix = 'expandedOn';
+            break;
+        }
+
+        let content = t(`${prefix}.${postfix}`);
+
+        if (this.props._isTranscribing) {
+            if (_status === JitsiRecordingConstants.status.ON) {
+                content += ` ${t('transcribing.labelTooltipExtra')}`;
+            } else {
+                content = t('transcribing.labelTooltip');
+            }
+        }
+
+        return content;
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated
+ * {@code RecordingExpandedLabel}'s props.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {IProps} ownProps - The component's own props.
+ * @private
+ * @returns {{
+ *     _status: ?string
+ * }}
+ */
+function _mapStateToProps(state: IReduxState, ownProps: any) {
+    const { mode } = ownProps;
+
+    return {
+        _isTranscribing: isRecorderTranscriptionsRunning(state),
+        _status: getSessionStatusToShow(state, mode)
+    };
+}
+
+export default translate(connect(_mapStateToProps)(RecordingExpandedLabel));
diff --git a/react/features/recording/components/native/RecordingLabel.tsx b/react/features/recording/components/native/RecordingLabel.tsx
new file mode 100644
index 0000000..ca6a9f4
--- /dev/null
+++ b/react/features/recording/components/native/RecordingLabel.tsx
@@ -0,0 +1,51 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import { translate } from '../../../base/i18n/functions';
+import { IconRecord, IconSites } from '../../../base/icons/svg';
+import Label from '../../../base/label/components/native/Label';
+import { JitsiRecordingConstants } from '../../../base/lib-jitsi-meet';
+import { StyleType } from '../../../base/styles/functions.any';
+import AbstractRecordingLabel, {
+    _mapStateToProps
+} from '../AbstractRecordingLabel';
+
+import styles from './styles';
+
+/**
+ * Implements a React {@link Component} which displays the current state of
+ * conference recording.
+ *
+ * @augments {Component}
+ */
+class RecordingLabel extends AbstractRecordingLabel {
+
+    /**
+     * Renders the platform specific label component.
+     *
+     * @inheritdoc
+     */
+    _renderLabel() {
+        let status: 'on' | 'in_progress' | 'off' = 'on';
+        const isRecording = this.props.mode === JitsiRecordingConstants.mode.FILE;
+        const icon = isRecording ? IconRecord : IconSites;
+
+        switch (this.props._status) {
+        case JitsiRecordingConstants.status.PENDING:
+            status = 'in_progress';
+            break;
+        case JitsiRecordingConstants.status.OFF:
+            status = 'off';
+            break;
+        }
+
+        return (
+            <Label
+                icon = { icon }
+                status = { status }
+                style = { styles.indicatorStyle as StyleType } />
+        );
+    }
+}
+
+export default translate(connect(_mapStateToProps)(RecordingLabel));
diff --git a/react/features/recording/components/native/styles.ts b/react/features/recording/components/native/styles.ts
new file mode 100644
index 0000000..8d1194e
--- /dev/null
+++ b/react/features/recording/components/native/styles.ts
@@ -0,0 +1,18 @@
+import { createStyleSheet } from '../../../base/styles/functions.native';
+import BaseTheme from '../../../base/ui/components/BaseTheme';
+
+/**
+ * The styles of the React {@code Components} of the feature recording.
+ */
+export default createStyleSheet({
+
+    /**
+     * Style for the recording indicator.
+     */
+    indicatorStyle: {
+        marginRight: 4,
+        marginLeft: 0,
+        marginBottom: 0,
+        backgroundColor: BaseTheme.palette.iconError
+    }
+});
diff --git a/react/features/recording/components/web/RecordingLabel.tsx b/react/features/recording/components/web/RecordingLabel.tsx
new file mode 100644
index 0000000..d5e55d9
--- /dev/null
+++ b/react/features/recording/components/web/RecordingLabel.tsx
@@ -0,0 +1,85 @@
+import { Theme } from '@mui/material';
+import React from 'react';
+import { connect } from 'react-redux';
+import { withStyles } from 'tss-react/mui';
+
+import { translate } from '../../../base/i18n/functions';
+import { IconRecord, IconSites } from '../../../base/icons/svg';
+import Label from '../../../base/label/components/web/Label';
+import { JitsiRecordingConstants } from '../../../base/lib-jitsi-meet';
+import Tooltip from '../../../base/tooltip/components/Tooltip';
+import AbstractRecordingLabel, {
+    IProps as AbstractProps,
+    _mapStateToProps
+} from '../AbstractRecordingLabel';
+
+interface IProps extends AbstractProps {
+
+    /**
+     * An object containing the CSS classes.
+     */
+    classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
+
+}
+
+/**
+ * Creates the styles for the component.
+ *
+ * @param {Object} theme - The current UI theme.
+ *
+ * @returns {Object}
+ */
+const styles = (theme: Theme) => {
+    return {
+        record: {
+            background: theme.palette.actionDanger
+        }
+    };
+};
+
+/**
+ * Implements a React {@link Component} which displays the current state of
+ * conference recording.
+ *
+ * @augments {Component}
+ */
+class RecordingLabel extends AbstractRecordingLabel<IProps> {
+    /**
+     * Renders the platform specific label component.
+     *
+     * @inheritdoc
+     */
+    override _renderLabel() {
+        const { _isTranscribing, _status, mode, t } = this.props;
+        const classes = withStyles.getClasses(this.props);
+        const isRecording = mode === JitsiRecordingConstants.mode.FILE;
+        const icon = isRecording ? IconRecord : IconSites;
+        let content;
+
+        if (_status === JitsiRecordingConstants.status.ON) {
+            content = t(isRecording ? 'videoStatus.recording' : 'videoStatus.streaming');
+
+            if (_isTranscribing) {
+                content += ` ${t('transcribing.labelTooltipExtra')}`;
+            }
+        } else if (mode === JitsiRecordingConstants.mode.STREAM) {
+            return null;
+        } else if (_isTranscribing) {
+            content = t('transcribing.labelTooltip');
+        } else {
+            return null;
+        }
+
+        return (
+            <Tooltip
+                content = { content }
+                position = { 'bottom' }>
+                <Label
+                    className = { classes.record }
+                    icon = { icon } />
+            </Tooltip>
+        );
+    }
+}
+
+export default withStyles(translate(connect(_mapStateToProps)(RecordingLabel)), styles);
diff --git a/react/features/recording/components/web/RecordingLimitNotificationDescription.tsx b/react/features/recording/components/web/RecordingLimitNotificationDescription.tsx
new file mode 100644
index 0000000..53448e0
--- /dev/null
+++ b/react/features/recording/components/web/RecordingLimitNotificationDescription.tsx
@@ -0,0 +1,76 @@
+import React from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { translate, translateToHTML } from '../../../base/i18n/functions';
+
+/**
+ * The type of the React {@code Component} props of {@link RecordingLimitNotificationDescription}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * The name of the app with unlimited recordings.
+     */
+    _appName?: string;
+
+    /**
+     * The URL to the app with unlimited recordings.
+     */
+    _appURL?: string;
+
+    /**
+     * The limit of time in minutes for the recording.
+     */
+    _limit?: number;
+
+    /**
+     * True if the notification is related to the livestreaming and false if not.
+     */
+    isLiveStreaming: Boolean;
+}
+
+/**
+ * A component that renders the description of the notification for the recording initiator.
+ *
+ * @param {IProps} props - The props of the component.
+ * @returns {Component}
+ */
+function RecordingLimitNotificationDescription(props: IProps) {
+    const { _limit, _appName, _appURL, isLiveStreaming, t } = props;
+
+    return (
+        <span>
+            {
+                translateToHTML(
+                    t,
+                    `${isLiveStreaming ? 'liveStreaming' : 'recording'}.limitNotificationDescriptionWeb`, {
+                        limit: _limit,
+                        app: _appName,
+                        url: _appURL
+                    })
+            }
+        </span>
+    );
+}
+
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const { recordingLimit = {} } = state['features/base/config'];
+    const { limit: _limit, appName: _appName, appURL: _appURL } = recordingLimit;
+
+    return {
+        _limit,
+        _appName,
+        _appURL
+    };
+}
+
+export default translate(connect(_mapStateToProps)(RecordingLimitNotificationDescription));
diff --git a/react/features/recording/constants.ts b/react/features/recording/constants.ts
new file mode 100644
index 0000000..942256e
--- /dev/null
+++ b/react/features/recording/constants.ts
@@ -0,0 +1,64 @@
+import { JitsiRecordingConstants } from '../base/lib-jitsi-meet';
+
+
+/**
+ * The identifier of the sound to be played when a live streaming session is stopped.
+ *
+ * @type {string}
+ */
+export const LIVE_STREAMING_OFF_SOUND_ID = 'LIVE_STREAMING_OFF_SOUND';
+
+/**
+ * The identifier of the sound to be played when a live streaming session is started.
+ *
+ * @type {string}
+ */
+export const LIVE_STREAMING_ON_SOUND_ID = 'LIVE_STREAMING_ON_SOUND';
+
+/**
+ * The identifier of the prompt to start recording notification.
+ *
+ * @type {string}
+ */
+export const PROMPT_RECORDING_NOTIFICATION_ID = 'PROMPT_RECORDING_NOTIFICATION_ID';
+
+/**
+ * The identifier of the sound to be played when a recording session is stopped.
+ *
+ * @type {string}
+ */
+export const RECORDING_OFF_SOUND_ID = 'RECORDING_OFF_SOUND';
+
+/**
+ * The identifier of the sound to be played when a recording session is started.
+ *
+ * @type {string}
+ */
+export const RECORDING_ON_SOUND_ID = 'RECORDING_ON_SOUND';
+
+/**
+ * Expected supported recording types.
+ *
+ * @enum {string}
+ */
+export const RECORDING_TYPES = {
+    JITSI_REC_SERVICE: 'recording-service',
+    DROPBOX: 'dropbox',
+    LOCAL: 'local'
+};
+
+/**
+ * An array defining the priorities of the recording (or live streaming)
+ * statuses, where the index of the array is the priority itself.
+ *
+ * @type {Array<string>}
+ */
+export const RECORDING_STATUS_PRIORITIES = [
+    JitsiRecordingConstants.status.OFF,
+    JitsiRecordingConstants.status.PENDING,
+    JitsiRecordingConstants.status.ON
+];
+
+export const START_RECORDING_NOTIFICATION_ID = 'START_RECORDING_NOTIFICATION_ID';
+
+export const RECORDING_METADATA_ID = 'recording';
diff --git a/react/features/recording/functions.ts b/react/features/recording/functions.ts
new file mode 100644
index 0000000..c5fedfe
--- /dev/null
+++ b/react/features/recording/functions.ts
@@ -0,0 +1,487 @@
+import i18next from 'i18next';
+
+import { IReduxState, IStore } from '../app/types';
+import { MEET_FEATURES } from '../base/jwt/constants';
+import { isJwtFeatureEnabled } from '../base/jwt/functions';
+import { JitsiRecordingConstants } from '../base/lib-jitsi-meet';
+import { getSoundFileSrc } from '../base/media/functions';
+import { getLocalParticipant, getRemoteParticipants } from '../base/participants/functions';
+import { registerSound, unregisterSound } from '../base/sounds/actions';
+import { isEmbedded } from '../base/util/embedUtils';
+import { isSpotTV } from '../base/util/spot';
+import { isInBreakoutRoom as isInBreakoutRoomF } from '../breakout-rooms/functions';
+import { isEnabled as isDropboxEnabled } from '../dropbox/functions';
+import { extractFqnFromPath } from '../dynamic-branding/functions.any';
+import { canAddTranscriber, isRecorderTranscriptionsRunning } from '../transcribing/functions';
+import { iAmVisitor } from '../visitors/functions';
+
+import LocalRecordingManager from './components/Recording/LocalRecordingManager';
+import {
+    LIVE_STREAMING_OFF_SOUND_ID,
+    LIVE_STREAMING_ON_SOUND_ID,
+    RECORDING_OFF_SOUND_ID,
+    RECORDING_ON_SOUND_ID,
+    RECORDING_STATUS_PRIORITIES,
+    RECORDING_TYPES
+} from './constants';
+import logger from './logger';
+import {
+    LIVE_STREAMING_OFF_SOUND_FILE,
+    LIVE_STREAMING_ON_SOUND_FILE,
+    RECORDING_OFF_SOUND_FILE,
+    RECORDING_ON_SOUND_FILE
+} from './sounds';
+
+/**
+ * Searches in the passed in redux state for an active recording session of the
+ * passed in mode.
+ *
+ * @param {Object} state - The redux state to search in.
+ * @param {string} mode - Find an active recording session of the given mode.
+ * @returns {Object|undefined}
+ */
+export function getActiveSession(state: IReduxState, mode: string) {
+    const { sessionDatas } = state['features/recording'];
+    const { status: statusConstants } = JitsiRecordingConstants;
+
+    return sessionDatas.find(sessionData => sessionData.mode === mode
+        && (sessionData.status === statusConstants.ON
+            || sessionData.status === statusConstants.PENDING));
+}
+
+/**
+ * Returns an estimated recording duration based on the size of the video file
+ * in MB. The estimate is calculated under the assumption that 1 min of recorded
+ * video needs 10MB of storage on average.
+ *
+ * @param {number} size - The size in MB of the recorded video.
+ * @returns {number} - The estimated duration in minutes.
+ */
+export function getRecordingDurationEstimation(size?: number | null) {
+    return Math.floor((size || 0) / 10);
+}
+
+/**
+ * Searches in the passed in redux state for a recording session that matches
+ * the passed in recording session ID.
+ *
+ * @param {Object} state - The redux state to search in.
+ * @param {string} id - The ID of the recording session to find.
+ * @returns {Object|undefined}
+ */
+export function getSessionById(state: IReduxState, id: string) {
+    return state['features/recording'].sessionDatas.find(
+        sessionData => sessionData.id === id);
+}
+
+/**
+ * Fetches the recording link from the server.
+ *
+ * @param {string} url - The base url.
+ * @param {string} recordingSessionId - The ID of the recording session to find.
+ * @param {string} region - The meeting region.
+ * @param {string} tenant - The meeting tenant.
+ * @returns {Promise<any>}
+ */
+export async function getRecordingLink(url: string, recordingSessionId: string, region: string, tenant: string) {
+    const fullUrl = `${url}?recordingSessionId=${recordingSessionId}&region=${region}&tenant=${tenant}`;
+    const res = await fetch(fullUrl, {
+        headers: {
+            'Content-Type': 'application/json'
+        }
+    });
+    const json = await res.json();
+
+    return res.ok ? json : Promise.reject(json);
+}
+
+/**
+ * Selector used for determining if recording is saved on dropbox.
+ *
+ * @param {Object} state - The redux state to search in.
+ * @returns {string}
+ */
+export function isSavingRecordingOnDropbox(state: IReduxState) {
+    return isDropboxEnabled(state)
+        && state['features/recording'].selectedRecordingService === RECORDING_TYPES.DROPBOX;
+}
+
+/**
+ * Selector used for determining disable state for the meeting highlight button.
+ *
+ * @param {Object} state - The redux state to search in.
+ * @returns {string}
+ */
+export function isHighlightMeetingMomentDisabled(state: IReduxState) {
+    return state['features/recording'].disableHighlightMeetingMoment;
+}
+
+/**
+ * Returns the recording session status that is to be shown in a label. E.g. If
+ * there is a session with the status OFF and one with PENDING, then the PENDING
+ * one will be shown, because that is likely more important for the user to see.
+ *
+ * @param {Object} state - The redux state to search in.
+ * @param {string} mode - The recording mode to get status for.
+ * @returns {string|undefined}
+ */
+export function getSessionStatusToShow(state: IReduxState, mode: string): string | undefined {
+    const recordingSessions = state['features/recording'].sessionDatas;
+    let status;
+
+    if (Array.isArray(recordingSessions)) {
+        for (const session of recordingSessions) {
+            if (session.mode === mode
+                    && (!status
+                        || (RECORDING_STATUS_PRIORITIES.indexOf(session.status)
+                            > RECORDING_STATUS_PRIORITIES.indexOf(status)))) {
+                status = session.status;
+            }
+        }
+    }
+    if (!status && mode === JitsiRecordingConstants.mode.FILE
+            && (LocalRecordingManager.isRecordingLocally() || isRemoteParticipantRecordingLocally(state))) {
+        status = JitsiRecordingConstants.status.ON;
+    }
+
+    return status;
+}
+
+/**
+ * Check if local recording is supported.
+ *
+ * @returns {boolean} - Whether local recording is supported or not.
+ */
+export function supportsLocalRecording() {
+    return LocalRecordingManager.isSupported() && !isEmbedded();
+}
+
+/**
+ * Returns true if there is a cloud recording running.
+ *
+ * @param {IReduxState} state - The redux state to search in.
+ * @returns {boolean}
+ */
+export function isCloudRecordingRunning(state: IReduxState) {
+    return Boolean(getActiveSession(state, JitsiRecordingConstants.mode.FILE));
+}
+
+/**
+ * Returns true if there is a live streaming running.
+ *
+ * @param {IReduxState} state - The redux state to search in.
+ * @returns {boolean}
+ */
+export function isLiveStreamingRunning(state: IReduxState) {
+    return Boolean(getActiveSession(state, JitsiRecordingConstants.mode.STREAM));
+}
+
+/**
+ * Returns true if there is a recording session running.
+ *
+ * @param {Object} state - The redux state to search in.
+ * @returns {boolean}
+ */
+export function isRecordingRunning(state: IReduxState) {
+    return (
+        isCloudRecordingRunning(state)
+        || LocalRecordingManager.isRecordingLocally()
+    );
+}
+
+/**
+ * Returns true if the participant can stop recording.
+ *
+ * @param {Object} state - The redux state to search in.
+ * @returns {boolean}
+ */
+export function canStopRecording(state: IReduxState) {
+    if (LocalRecordingManager.isRecordingLocally()) {
+        return true;
+    }
+
+    if (isCloudRecordingRunning(state) || isRecorderTranscriptionsRunning(state)) {
+        return isJwtFeatureEnabled(state, MEET_FEATURES.RECORDING, false);
+    }
+
+    return false;
+}
+
+/**
+ * Returns whether the transcription should start automatically when recording starts.
+ *
+ * @param {Object} state - The redux state to search in.
+ * @returns {boolean}
+ */
+export function shouldAutoTranscribeOnRecord(state: IReduxState) {
+    const { transcription } = state['features/base/config'];
+
+    return (transcription?.autoTranscribeOnRecord ?? true) && canAddTranscriber(state);
+}
+
+/**
+ * Returns whether the recording should be shared.
+ *
+ * @param {Object} state - The redux state to search in.
+ * @returns {boolean}
+ */
+export function isRecordingSharingEnabled(state: IReduxState) {
+    const { recordingService } = state['features/base/config'];
+
+    return recordingService?.sharingEnabled ?? false;
+}
+
+/**
+ * Returns the recording button props.
+ *
+ * @param {Object} state - The redux state to search in.
+ *
+ * @returns {{
+ *    disabled: boolean,
+ *    tooltip: string,
+ *    visible: boolean
+ * }}
+ */
+export function getRecordButtonProps(state: IReduxState) {
+    let visible;
+
+    // a button can be disabled/enabled if enableFeaturesBasedOnToken
+    // is on or if the livestreaming is running.
+    let disabled = false;
+    let tooltip = '';
+
+    // If the containing component provides the visible prop, that is one
+    // above all, but if not, the button should be autonomus and decide on
+    // its own to be visible or not.
+    const {
+        recordingService,
+        localRecording
+    } = state['features/base/config'];
+    const localRecordingEnabled = !localRecording?.disable && supportsLocalRecording();
+
+    const dropboxEnabled = isDropboxEnabled(state);
+    const recordingEnabled = recordingService?.enabled || dropboxEnabled;
+
+    if (localRecordingEnabled) {
+        visible = true;
+    } else if (isJwtFeatureEnabled(state, MEET_FEATURES.RECORDING, false)) {
+        visible = recordingEnabled;
+    }
+
+    // disable the button if the livestreaming is running.
+    if (visible && isLiveStreamingRunning(state)) {
+        disabled = true;
+        tooltip = 'dialog.recordingDisabledBecauseOfActiveLiveStreamingTooltip';
+    }
+
+    // disable the button if we are in a breakout room.
+    if (isInBreakoutRoomF(state)) {
+        disabled = true;
+        visible = false;
+    }
+
+    return {
+        disabled,
+        tooltip,
+        visible
+    };
+}
+
+/**
+ * Returns the resource id.
+ *
+ * @param {Object | string} recorder - A participant or it's resource.
+ * @returns {string|undefined}
+ */
+export function getResourceId(recorder: string | { getId: Function; }) {
+    if (recorder) {
+        return typeof recorder === 'string'
+            ? recorder
+            : recorder.getId();
+    }
+}
+
+/**
+ * Sends a meeting highlight to backend.
+ *
+ * @param  {Object} state - Redux state.
+ * @returns {boolean} - True if sent, false otherwise.
+ */
+export async function sendMeetingHighlight(state: IReduxState) {
+    const { webhookProxyUrl: url } = state['features/base/config'];
+    const { conference } = state['features/base/conference'];
+    const { jwt } = state['features/base/jwt'];
+    const { connection } = state['features/base/connection'];
+    const jid = connection?.getJid();
+    const localParticipant = getLocalParticipant(state);
+
+    const headers = {
+        ...jwt ? { 'Authorization': `Bearer ${jwt}` } : {},
+        'Content-Type': 'application/json'
+    };
+
+    const reqBody = {
+        meetingFqn: extractFqnFromPath(state),
+        sessionId: conference?.getMeetingUniqueId(),
+        submitted: Date.now(),
+        participantId: localParticipant?.jwtId,
+        participantName: localParticipant?.name,
+        participantJid: jid
+    };
+
+    if (url) {
+        try {
+            const res = await fetch(`${url}/v2/highlights`, {
+                method: 'POST',
+                headers,
+                body: JSON.stringify(reqBody)
+            });
+
+            if (res.ok) {
+                return true;
+            }
+            logger.error('Status error:', res.status);
+        } catch (err) {
+            logger.error('Could not send request', err);
+        }
+    }
+
+    return false;
+}
+
+/**
+ * Whether a remote participant is recording locally or not.
+ *
+ * @param {Object} state - Redux state.
+ * @returns {boolean}
+ */
+export function isRemoteParticipantRecordingLocally(state: IReduxState) {
+    const participants = getRemoteParticipants(state);
+
+    // eslint-disable-next-line prefer-const
+    for (let value of participants.values()) {
+        if (value.localRecording) {
+            return true;
+        }
+    }
+
+    return false;
+}
+
+/**
+ * Unregisters the audio files based on locale.
+ *
+ * @param {Dispatch<any>} dispatch - The redux dispatch function.
+ * @returns {void}
+ */
+export function unregisterRecordingAudioFiles(dispatch: IStore['dispatch']) {
+    dispatch(unregisterSound(LIVE_STREAMING_OFF_SOUND_FILE));
+    dispatch(unregisterSound(LIVE_STREAMING_ON_SOUND_FILE));
+    dispatch(unregisterSound(RECORDING_OFF_SOUND_FILE));
+    dispatch(unregisterSound(RECORDING_ON_SOUND_FILE));
+}
+
+/**
+ * Registers the audio files based on locale.
+ *
+ * @param {Dispatch<any>} dispatch - The redux dispatch function.
+ * @param {boolean|undefined} shouldUnregister - Whether the sounds should be unregistered.
+ * @returns {void}
+ */
+export function registerRecordingAudioFiles(dispatch: IStore['dispatch'], shouldUnregister?: boolean) {
+    const language = i18next.language;
+
+    if (shouldUnregister) {
+        unregisterRecordingAudioFiles(dispatch);
+    }
+
+    dispatch(registerSound(
+        LIVE_STREAMING_OFF_SOUND_ID,
+        getSoundFileSrc(LIVE_STREAMING_OFF_SOUND_FILE, language)));
+
+    dispatch(registerSound(
+        LIVE_STREAMING_ON_SOUND_ID,
+        getSoundFileSrc(LIVE_STREAMING_ON_SOUND_FILE, language)));
+
+    dispatch(registerSound(
+        RECORDING_OFF_SOUND_ID,
+        getSoundFileSrc(RECORDING_OFF_SOUND_FILE, language)));
+
+    dispatch(registerSound(
+        RECORDING_ON_SOUND_ID,
+        getSoundFileSrc(RECORDING_ON_SOUND_FILE, language)));
+}
+
+/**
+ * Returns true if the live-streaming button should be visible.
+ *
+ * @param {boolean} liveStreamingEnabled - True if the live-streaming is enabled.
+ * @param {boolean} liveStreamingAllowed - True if the live-streaming feature is enabled in JWT
+ *                                         or is a moderator if JWT is missing or features are missing in JWT.
+ * @param {boolean} isInBreakoutRoom - True if in breakout room.
+ * @returns {boolean}
+ */
+export function isLiveStreamingButtonVisible({
+    liveStreamingAllowed,
+    liveStreamingEnabled,
+    isInBreakoutRoom
+}: {
+    isInBreakoutRoom: boolean;
+    liveStreamingAllowed: boolean;
+    liveStreamingEnabled: boolean;
+}) {
+    return !isInBreakoutRoom && liveStreamingEnabled && liveStreamingAllowed;
+}
+
+/**
+ * Whether the RecordingConsentDialog should be displayed.
+ *
+ * @param {any} recorderSession - The recorder session.
+ * @param {IReduxState} state - The Redux state.
+ * @returns {boolean}
+ */
+export function shouldRequireRecordingConsent(recorderSession: any, state: IReduxState) {
+    const { requireRecordingConsent, skipRecordingConsentInMeeting }
+        = state['features/dynamic-branding'] || {};
+    const { conference } = state['features/base/conference'] || {};
+    const { requireConsent, skipConsentInMeeting } = state['features/base/config'].recordings || {};
+    const _iAmVisitor = iAmVisitor(state);
+    const { iAmRecorder, testing: { showSpotConsentDialog = false } = {} } = state['features/base/config'];
+    const { consentRequested } = state['features/recording'];
+
+    if (iAmRecorder || _iAmVisitor) {
+        return false;
+    }
+
+    // For Spot TV instances, check the showSpotConsentDialog config parameter
+    // If showSpotConsentDialog is false (or undefined, defaulting to false), don't show consent dialog
+    if (isSpotTV(state) && !showSpotConsentDialog) {
+        return false;
+    }
+
+    if (!requireConsent && !requireRecordingConsent) {
+        return false;
+    }
+
+    if (consentRequested.has(recorderSession.getID())) {
+        return false;
+    }
+
+    // If we join a meeting that has an ongoing recording `conference` will be undefined since
+    // we get the recording state through the initial presence which happens in between the
+    // WILL_JOIN and JOINED events.
+    if (conference && (skipConsentInMeeting || skipRecordingConsentInMeeting)) {
+        return false;
+    }
+
+    // lib-jitsi-meet may set a JitsiParticipant as the initiator of the recording session or the
+    // JID resource in case it cannot find it. We need to handle both cases.
+    const initiator = recorderSession.getInitiator();
+    const initiatorId = initiator?.getId?.() ?? initiator;
+
+    if (!initiatorId || recorderSession.getStatus() === JitsiRecordingConstants.status.OFF) {
+        return false;
+    }
+
+    return initiatorId !== getLocalParticipant(state)?.id;
+}
diff --git a/react/features/recording/hooks.web.ts b/react/features/recording/hooks.web.ts
new file mode 100644
index 0000000..05de0c8
--- /dev/null
+++ b/react/features/recording/hooks.web.ts
@@ -0,0 +1,61 @@
+import { useSelector } from 'react-redux';
+
+import { IReduxState } from '../app/types';
+import { MEET_FEATURES } from '../base/jwt/constants';
+import { isJwtFeatureEnabled } from '../base/jwt/functions';
+import { isInBreakoutRoom } from '../breakout-rooms/functions';
+
+import { getLiveStreaming } from './components/LiveStream/functions';
+import LiveStreamButton from './components/LiveStream/web/LiveStreamButton';
+import RecordButton from './components/Recording/web/RecordButton';
+import { getRecordButtonProps, isLiveStreamingButtonVisible } from './functions';
+
+
+const recording = {
+    key: 'recording',
+    Content: RecordButton,
+    group: 2
+};
+
+const livestreaming = {
+    key: 'livestreaming',
+    Content: LiveStreamButton,
+    group: 2
+};
+
+/**
+ * A hook that returns the recording button if it is enabled and undefined otherwise.
+ *
+ *  @returns {Object | undefined}
+ */
+export function useRecordingButton() {
+    const recordingProps = useSelector(getRecordButtonProps);
+    const toolbarButtons = useSelector((state: IReduxState) => state['features/toolbox'].toolbarButtons);
+
+    if (toolbarButtons?.includes('recording') && recordingProps.visible) {
+        return recording;
+    }
+
+}
+
+/**
+ * A hook that returns the livestreaming button if it is enabled and undefined otherwise.
+ *
+ *  @returns {Object | undefined}
+ */
+export function useLiveStreamingButton() {
+    const toolbarButtons = useSelector((state: IReduxState) => state['features/toolbox'].toolbarButtons);
+    const liveStreaming = useSelector(getLiveStreaming);
+    const liveStreamingAllowed = useSelector((state: IReduxState) =>
+        isJwtFeatureEnabled(state, MEET_FEATURES.LIVESTREAMING, false));
+    const _isInBreakoutRoom = useSelector(isInBreakoutRoom);
+
+    if (toolbarButtons?.includes('recording')
+            && isLiveStreamingButtonVisible({
+                liveStreamingAllowed,
+                liveStreamingEnabled: liveStreaming?.enabled,
+                isInBreakoutRoom: _isInBreakoutRoom
+            })) {
+        return livestreaming;
+    }
+}
diff --git a/react/features/recording/logger.ts b/react/features/recording/logger.ts
new file mode 100644
index 0000000..463c7d2
--- /dev/null
+++ b/react/features/recording/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:recording');
diff --git a/react/features/recording/middleware.ts b/react/features/recording/middleware.ts
new file mode 100644
index 0000000..59e7198
--- /dev/null
+++ b/react/features/recording/middleware.ts
@@ -0,0 +1,432 @@
+import { batch } from 'react-redux';
+
+import { createRecordingEvent } from '../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../analytics/functions';
+import { IStore } from '../app/types';
+import { APP_WILL_MOUNT, APP_WILL_UNMOUNT } from '../base/app/actionTypes';
+import { CONFERENCE_JOIN_IN_PROGRESS } from '../base/conference/actionTypes';
+import { getCurrentConference } from '../base/conference/functions';
+import { openDialog } from '../base/dialog/actions';
+import JitsiMeetJS, {
+    JitsiConferenceEvents,
+    JitsiRecordingConstants
+} from '../base/lib-jitsi-meet';
+import {
+    setAudioMuted,
+    setAudioUnmutePermissions,
+    setVideoMuted,
+    setVideoUnmutePermissions
+} from '../base/media/actions';
+import { MEDIA_TYPE } from '../base/media/constants';
+import { PARTICIPANT_UPDATED } from '../base/participants/actionTypes';
+import { updateLocalRecordingStatus } from '../base/participants/actions';
+import { PARTICIPANT_ROLE } from '../base/participants/constants';
+import { getLocalParticipant, getParticipantDisplayName } from '../base/participants/functions';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import StateListenerRegistry from '../base/redux/StateListenerRegistry';
+import {
+    playSound,
+    stopSound
+} from '../base/sounds/actions';
+import { TRACK_ADDED } from '../base/tracks/actionTypes';
+import { hideNotification, showErrorNotification, showNotification } from '../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE } from '../notifications/constants';
+import { isRecorderTranscriptionsRunning } from '../transcribing/functions';
+
+import { RECORDING_SESSION_UPDATED, START_LOCAL_RECORDING, STOP_LOCAL_RECORDING } from './actionTypes';
+import {
+    clearRecordingSessions,
+    hidePendingRecordingNotification,
+    markConsentRequested,
+    showPendingRecordingNotification,
+    showRecordingError,
+    showRecordingLimitNotification,
+    showRecordingWarning,
+    showStartRecordingNotification,
+    showStartedRecordingNotification,
+    showStoppedRecordingNotification,
+    updateRecordingSessionData
+} from './actions';
+import { RecordingConsentDialog } from './components/Recording';
+import LocalRecordingManager from './components/Recording/LocalRecordingManager';
+import {
+    LIVE_STREAMING_OFF_SOUND_ID,
+    LIVE_STREAMING_ON_SOUND_ID,
+    RECORDING_OFF_SOUND_ID,
+    RECORDING_ON_SOUND_ID,
+    START_RECORDING_NOTIFICATION_ID
+} from './constants';
+import {
+    getResourceId,
+    getSessionById,
+    registerRecordingAudioFiles,
+    shouldRequireRecordingConsent,
+    unregisterRecordingAudioFiles
+} from './functions';
+import logger from './logger';
+
+/**
+ * StateListenerRegistry provides a reliable way to detect the leaving of a
+ * conference, where we need to clean up the recording sessions.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => getCurrentConference(state),
+    /* listener */ (conference, { dispatch }) => {
+        if (!conference) {
+            dispatch(clearRecordingSessions());
+        }
+    }
+);
+
+/**
+ * The redux middleware to handle the recorder updates in a React way.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(({ dispatch, getState }) => next => action => {
+    let oldSessionData;
+
+    if (action.type === RECORDING_SESSION_UPDATED) {
+        oldSessionData
+            = getSessionById(getState(), action.sessionData.id);
+    }
+
+    const result = next(action);
+
+    switch (action.type) {
+    case APP_WILL_MOUNT:
+        registerRecordingAudioFiles(dispatch);
+
+        break;
+
+    case APP_WILL_UNMOUNT:
+        unregisterRecordingAudioFiles(dispatch);
+
+        break;
+
+    case CONFERENCE_JOIN_IN_PROGRESS: {
+        const { conference } = action;
+
+        conference.on(
+            JitsiConferenceEvents.RECORDER_STATE_CHANGED,
+            (recorderSession: any) => {
+                if (recorderSession) {
+                    recorderSession.getID() && dispatch(updateRecordingSessionData(recorderSession));
+                    if (recorderSession.getError()) {
+                        _showRecordingErrorNotification(recorderSession, dispatch, getState);
+                    } else {
+                        _showExplicitConsentDialog(recorderSession, dispatch, getState);
+                    }
+                }
+
+                return;
+            });
+
+        break;
+    }
+
+    case START_LOCAL_RECORDING: {
+        const { localRecording } = getState()['features/base/config'];
+        const { onlySelf } = action;
+
+        LocalRecordingManager.startLocalRecording({
+            dispatch,
+            getState
+        }, action.onlySelf)
+        .then(() => {
+            const props = {
+                descriptionKey: 'recording.on',
+                titleKey: 'dialog.recording'
+            };
+
+            if (localRecording?.notifyAllParticipants && !onlySelf) {
+                dispatch(playSound(RECORDING_ON_SOUND_ID));
+            }
+            dispatch(showNotification(props, NOTIFICATION_TIMEOUT_TYPE.MEDIUM));
+            dispatch(showNotification({
+                titleKey: 'recording.localRecordingStartWarningTitle',
+                descriptionKey: 'recording.localRecordingStartWarning'
+            }, NOTIFICATION_TIMEOUT_TYPE.STICKY));
+            dispatch(updateLocalRecordingStatus(true, onlySelf));
+            sendAnalytics(createRecordingEvent('started', `local${onlySelf ? '.self' : ''}`));
+            if (typeof APP !== 'undefined') {
+                APP.API.notifyRecordingStatusChanged(
+                    true, 'local', undefined, isRecorderTranscriptionsRunning(getState()));
+            }
+        })
+        .catch(err => {
+            logger.error('Capture failed', err);
+
+            let descriptionKey = 'recording.error';
+
+            if (err.message === 'WrongSurfaceSelected') {
+                descriptionKey = 'recording.surfaceError';
+
+            } else if (err.message === 'NoLocalStreams') {
+                descriptionKey = 'recording.noStreams';
+            } else if (err.message === 'NoMicTrack') {
+                descriptionKey = 'recording.noMicPermission';
+            }
+            const props = {
+                descriptionKey,
+                titleKey: 'recording.failedToStart'
+            };
+
+            if (typeof APP !== 'undefined') {
+                APP.API.notifyRecordingStatusChanged(
+                    false, 'local', err.message, isRecorderTranscriptionsRunning(getState()));
+            }
+
+            dispatch(showErrorNotification(props));
+        });
+        break;
+    }
+
+    case STOP_LOCAL_RECORDING: {
+        const { localRecording } = getState()['features/base/config'];
+
+        if (LocalRecordingManager.isRecordingLocally()) {
+            LocalRecordingManager.stopLocalRecording();
+            dispatch(updateLocalRecordingStatus(false));
+            if (localRecording?.notifyAllParticipants && !LocalRecordingManager.selfRecording) {
+                dispatch(playSound(RECORDING_OFF_SOUND_ID));
+            }
+            if (typeof APP !== 'undefined') {
+                APP.API.notifyRecordingStatusChanged(
+                    false, 'local', undefined, isRecorderTranscriptionsRunning(getState()));
+            }
+        }
+        break;
+    }
+
+    case RECORDING_SESSION_UPDATED: {
+        const state = getState();
+
+        // When in recorder mode no notifications are shown
+        // or extra sounds are also not desired
+        // but we want to indicate those in case of sip gateway
+        const {
+            iAmRecorder,
+            iAmSipGateway,
+            recordingLimit
+        } = state['features/base/config'];
+
+        if (iAmRecorder && !iAmSipGateway) {
+            break;
+        }
+
+        const updatedSessionData
+            = getSessionById(state, action.sessionData.id);
+        const { initiator, mode = '', terminator } = updatedSessionData ?? {};
+        const { PENDING, OFF, ON } = JitsiRecordingConstants.status;
+        const isRecordingStarting = updatedSessionData?.status === PENDING && oldSessionData?.status !== PENDING;
+
+        if (isRecordingStarting || updatedSessionData?.status === ON) {
+            dispatch(hideNotification(START_RECORDING_NOTIFICATION_ID));
+        }
+
+        if (isRecordingStarting) {
+            dispatch(showPendingRecordingNotification(mode));
+            break;
+        }
+
+        dispatch(hidePendingRecordingNotification(mode));
+
+        if (updatedSessionData?.status === ON) {
+
+            // We receive 2 updates of the session status ON. The first one is from jibri when it joins.
+            // The second one is from jicofo which will deliver the initiator value. Since the start
+            // recording notification uses the initiator value we skip the jibri update and show the
+            // notification on the update from jicofo.
+            // FIXME: simplify checks when the backend start sending only one status ON update containing
+            // the initiator.
+            if (initiator && !oldSessionData?.initiator) {
+                if (typeof recordingLimit === 'object') {
+                    dispatch(showRecordingLimitNotification(mode));
+                } else {
+                    dispatch(showStartedRecordingNotification(mode, initiator, action.sessionData.id));
+                }
+            }
+
+            if (oldSessionData?.status !== ON) {
+                sendAnalytics(createRecordingEvent('start', mode));
+
+                let soundID;
+
+                if (mode === JitsiRecordingConstants.mode.FILE && !isRecorderTranscriptionsRunning(state)) {
+                    soundID = RECORDING_ON_SOUND_ID;
+                } else if (mode === JitsiRecordingConstants.mode.STREAM) {
+                    soundID = LIVE_STREAMING_ON_SOUND_ID;
+                }
+
+                if (soundID) {
+                    dispatch(playSound(soundID));
+                }
+
+                if (typeof APP !== 'undefined') {
+                    APP.API.notifyRecordingStatusChanged(
+                        true, mode, undefined, isRecorderTranscriptionsRunning(state));
+                }
+            }
+        } else if (updatedSessionData?.status === OFF && oldSessionData?.status !== OFF) {
+            if (terminator) {
+                dispatch(
+                    showStoppedRecordingNotification(
+                        mode, getParticipantDisplayName(state, getResourceId(terminator))));
+            }
+
+            let duration = 0, soundOff, soundOn;
+
+            if (oldSessionData?.timestamp) {
+                duration
+                    = (Date.now() / 1000) - oldSessionData.timestamp;
+            }
+            sendAnalytics(createRecordingEvent('stop', mode, duration));
+
+            if (mode === JitsiRecordingConstants.mode.FILE && !isRecorderTranscriptionsRunning(state)) {
+                soundOff = RECORDING_OFF_SOUND_ID;
+                soundOn = RECORDING_ON_SOUND_ID;
+            } else if (mode === JitsiRecordingConstants.mode.STREAM) {
+                soundOff = LIVE_STREAMING_OFF_SOUND_ID;
+                soundOn = LIVE_STREAMING_ON_SOUND_ID;
+            }
+
+            if (soundOff && soundOn) {
+                dispatch(stopSound(soundOn));
+                dispatch(playSound(soundOff));
+            }
+
+            if (typeof APP !== 'undefined') {
+                APP.API.notifyRecordingStatusChanged(
+                    false, mode, undefined, isRecorderTranscriptionsRunning(state));
+            }
+        }
+
+        break;
+    }
+    case TRACK_ADDED: {
+        const { track } = action;
+
+        if (LocalRecordingManager.isRecordingLocally()
+                && track.mediaType === MEDIA_TYPE.AUDIO && track.local) {
+            const audioTrack = track.jitsiTrack.track;
+
+            LocalRecordingManager.addAudioTrackToLocalRecording(audioTrack);
+        }
+        break;
+    }
+    case PARTICIPANT_UPDATED: {
+        const { id, role } = action.participant;
+        const state = getState();
+        const localParticipant = getLocalParticipant(state);
+
+        if (localParticipant?.id !== id) {
+            return next(action);
+        }
+
+        if (role === PARTICIPANT_ROLE.MODERATOR) {
+            dispatch(showStartRecordingNotification());
+        }
+
+        return next(action);
+    }
+    }
+
+    return result;
+});
+
+/**
+ * Shows a notification about an error in the recording session. A
+ * default notification will display if no error is specified in the passed
+ * in recording session.
+ *
+ * @private
+ * @param {Object} session - The recorder session model from the
+ * lib.
+ * @param {Dispatch} dispatch - The Redux Dispatch function.
+ * @param {Function} getState - The Redux getState function.
+ * @returns {void}
+ */
+function _showRecordingErrorNotification(session: any, dispatch: IStore['dispatch'], getState: IStore['getState']) {
+    const mode = session.getMode();
+    const error = session.getError();
+    const isStreamMode = mode === JitsiMeetJS.constants.recording.mode.STREAM;
+
+    switch (error) {
+    case JitsiMeetJS.constants.recording.error.SERVICE_UNAVAILABLE:
+        dispatch(showRecordingError({
+            descriptionKey: 'recording.unavailable',
+            descriptionArguments: {
+                serviceName: isStreamMode
+                    ? '$t(liveStreaming.serviceName)'
+                    : '$t(recording.serviceName)'
+            },
+            titleKey: isStreamMode
+                ? 'liveStreaming.unavailableTitle'
+                : 'recording.unavailableTitle'
+        }));
+        break;
+    case JitsiMeetJS.constants.recording.error.RESOURCE_CONSTRAINT:
+        dispatch(showRecordingError({
+            descriptionKey: isStreamMode
+                ? 'liveStreaming.busy'
+                : 'recording.busy',
+            titleKey: isStreamMode
+                ? 'liveStreaming.busyTitle'
+                : 'recording.busyTitle'
+        }));
+        break;
+    case JitsiMeetJS.constants.recording.error.UNEXPECTED_REQUEST:
+        dispatch(showRecordingWarning({
+            descriptionKey: isStreamMode
+                ? 'liveStreaming.sessionAlreadyActive'
+                : 'recording.sessionAlreadyActive',
+            titleKey: isStreamMode ? 'liveStreaming.inProgress' : 'recording.inProgress'
+        }));
+        break;
+    case JitsiMeetJS.constants.recording.error.POLICY_VIOLATION:
+        dispatch(showRecordingWarning({
+            descriptionKey: isStreamMode ? 'liveStreaming.policyError' : 'recording.policyError',
+            titleKey: isStreamMode ? 'liveStreaming.failedToStart' : 'recording.failedToStart'
+        }));
+        break;
+    default:
+        dispatch(showRecordingError({
+            descriptionKey: isStreamMode
+                ? 'liveStreaming.error'
+                : 'recording.error',
+            titleKey: isStreamMode
+                ? 'liveStreaming.failedToStart'
+                : 'recording.failedToStart'
+        }));
+        break;
+    }
+
+    if (typeof APP !== 'undefined') {
+        APP.API.notifyRecordingStatusChanged(false, mode, error, isRecorderTranscriptionsRunning(getState()));
+    }
+}
+
+/**
+ * Mutes audio and video and displays the RecordingConsentDialog when the conditions are met.
+ *
+ * @param {any} recorderSession - The recording session.
+ * @param {Function} dispatch - The Redux dispatch function.
+ * @param {Function} getState - The Redux getState function.
+ * @returns {void}
+ */
+function _showExplicitConsentDialog(recorderSession: any, dispatch: IStore['dispatch'], getState: IStore['getState']) {
+    if (!shouldRequireRecordingConsent(recorderSession, getState())) {
+        return;
+    }
+
+    batch(() => {
+        dispatch(markConsentRequested(recorderSession.getID()));
+        dispatch(setAudioUnmutePermissions(true, true));
+        dispatch(setVideoUnmutePermissions(true, true));
+        dispatch(setAudioMuted(true));
+        dispatch(setVideoMuted(true));
+        dispatch(openDialog('RecordingConsentDialog', RecordingConsentDialog));
+    });
+}
diff --git a/react/features/recording/reducer.ts b/react/features/recording/reducer.ts
new file mode 100644
index 0000000..17f3489
--- /dev/null
+++ b/react/features/recording/reducer.ts
@@ -0,0 +1,156 @@
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import {
+    CLEAR_RECORDING_SESSIONS,
+    MARK_CONSENT_REQUESTED,
+    RECORDING_SESSION_UPDATED,
+    SET_MEETING_HIGHLIGHT_BUTTON_STATE,
+    SET_PENDING_RECORDING_NOTIFICATION_UID,
+    SET_SELECTED_RECORDING_SERVICE,
+    SET_START_RECORDING_NOTIFICATION_SHOWN,
+    SET_STREAM_KEY
+} from './actionTypes';
+
+const DEFAULT_STATE = {
+    consentRequested: new Set(),
+    disableHighlightMeetingMoment: false,
+    pendingNotificationUids: {},
+    selectedRecordingService: '',
+    sessionDatas: []
+};
+
+export interface ISessionData {
+    error?: Error;
+    id?: string;
+    initiator?: { getId: Function; };
+    liveStreamViewURL?: string;
+    mode?: string;
+    status?: string;
+    terminator?: { getId: Function; };
+    timestamp?: number;
+}
+
+export interface IRecordingState {
+    consentRequested: Set<any>;
+    disableHighlightMeetingMoment: boolean;
+    pendingNotificationUids: {
+        [key: string]: string | undefined;
+    };
+    selectedRecordingService: string;
+    sessionDatas: Array<ISessionData>;
+    streamKey?: string;
+    wasStartRecordingSuggested?: boolean;
+}
+
+/**
+ * The name of the Redux store this feature stores its state in.
+ */
+const STORE_NAME = 'features/recording';
+
+/**
+ * Reduces the Redux actions of the feature features/recording.
+ */
+ReducerRegistry.register<IRecordingState>(STORE_NAME,
+    (state = DEFAULT_STATE, action): IRecordingState => {
+        switch (action.type) {
+
+        case CLEAR_RECORDING_SESSIONS:
+            return {
+                ...state,
+                sessionDatas: []
+            };
+
+        case MARK_CONSENT_REQUESTED:
+            return {
+                ...state,
+                consentRequested: new Set([
+                    ...state.consentRequested,
+                    action.sessionId
+                ])
+            };
+
+        case RECORDING_SESSION_UPDATED:
+            return {
+                ...state,
+                sessionDatas:
+                    _updateSessionDatas(state.sessionDatas, action.sessionData)
+            };
+
+        case SET_PENDING_RECORDING_NOTIFICATION_UID: {
+            const pendingNotificationUids = {
+                ...state.pendingNotificationUids
+            };
+
+            pendingNotificationUids[action.streamType] = action.uid;
+
+            return {
+                ...state,
+                pendingNotificationUids
+            };
+        }
+
+        case SET_SELECTED_RECORDING_SERVICE: {
+            return {
+                ...state,
+                selectedRecordingService: action.selectedRecordingService
+            };
+        }
+
+        case SET_STREAM_KEY:
+            return {
+                ...state,
+                streamKey: action.streamKey
+            };
+
+        case SET_MEETING_HIGHLIGHT_BUTTON_STATE:
+            return {
+                ...state,
+                disableHighlightMeetingMoment: action.disabled
+            };
+
+        case SET_START_RECORDING_NOTIFICATION_SHOWN:
+            return {
+                ...state,
+                wasStartRecordingSuggested: true
+            };
+
+        default:
+            return state;
+        }
+    });
+
+/**
+ * Updates the known information on recording sessions.
+ *
+ * @param {Array} sessionDatas - The current sessions in the redux store.
+ * @param {Object} newSessionData - The updated session data.
+ * @private
+ * @returns {Array} The session data with the updated session data added.
+ */
+function _updateSessionDatas(sessionDatas: ISessionData[], newSessionData: ISessionData) {
+    const hasExistingSessionData = sessionDatas.find(
+        sessionData => sessionData.id === newSessionData.id);
+    let newSessionDatas;
+
+    if (hasExistingSessionData) {
+        newSessionDatas = sessionDatas.map(sessionData => {
+            if (sessionData.id === newSessionData.id) {
+                return {
+                    ...newSessionData
+                };
+            }
+
+            // Nothing to update for this session data so pass it back in.
+            return sessionData;
+        });
+    } else {
+        // If the session data is not present, then there is nothing to update
+        // and instead it needs to be added to the known session data.
+        newSessionDatas = [
+            ...sessionDatas,
+            { ...newSessionData }
+        ];
+    }
+
+    return newSessionDatas;
+}
diff --git a/react/features/recording/sounds.ts b/react/features/recording/sounds.ts
new file mode 100644
index 0000000..041ea82
--- /dev/null
+++ b/react/features/recording/sounds.ts
@@ -0,0 +1,27 @@
+/**
+ * The name of the bundled audio file which will be played for when live streaming is stopped.
+ *
+ * @type {string}
+ */
+export const LIVE_STREAMING_OFF_SOUND_FILE = 'liveStreamingOff.mp3';
+
+/**
+ * The name of the bundled audio file which will be played for when a live streaming is started.
+ *
+ * @type {string}
+ */
+export const LIVE_STREAMING_ON_SOUND_FILE = 'liveStreamingOn.mp3';
+
+/**
+ * The name of the bundled audio file which will be played for when a recording is stopped.
+ *
+ * @type {string}
+ */
+export const RECORDING_OFF_SOUND_FILE = 'recordingOff.mp3';
+
+/**
+ * The name of the bundled audio file which will be played for when a recording is started.
+ *
+ * @type {string}
+ */
+export const RECORDING_ON_SOUND_FILE = 'recordingOn.mp3';
diff --git a/react/features/rejoin/middleware.ts b/react/features/rejoin/middleware.ts
new file mode 100644
index 0000000..5362465
--- /dev/null
+++ b/react/features/rejoin/middleware.ts
@@ -0,0 +1,27 @@
+import { createRejoinedEvent } from '../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../analytics/functions';
+import StateListenerRegistry from '../base/redux/StateListenerRegistry';
+
+StateListenerRegistry.register(
+    /* selector */ state => {
+        const recentList = state['features/recent-list'];
+
+        // Return the most recent conference entry
+        return recentList?.length && recentList[recentList.length - 1];
+    },
+    // eslint-disable-next-line no-empty-pattern
+    /* listener */ (newMostRecent, { }, prevMostRecent) => {
+        if (prevMostRecent && newMostRecent) {
+
+            // Send the rejoined event just before the duration is reset on the most recent entry
+            if (prevMostRecent.conference === newMostRecent.conference && newMostRecent.duration === 0) {
+                sendAnalytics(
+                    createRejoinedEvent({
+                        lastConferenceDuration: prevMostRecent.duration / 1000,
+                        timeSinceLeft: (Date.now() - (prevMostRecent.date + prevMostRecent.duration)) / 1000,
+                        url: prevMostRecent.conference
+                    })
+                );
+            }
+        }
+    });
diff --git a/react/features/remote-control/actionTypes.ts b/react/features/remote-control/actionTypes.ts
new file mode 100644
index 0000000..4230bc1
--- /dev/null
+++ b/react/features/remote-control/actionTypes.ts
@@ -0,0 +1,68 @@
+/**
+ * The type of (redux) action which signals that the controller is capturing mouse and keyboard events.
+ *
+ * {
+ *     type: CAPTURE_EVENTS,
+ *     isCapturingEvents: boolean
+ * }
+ */
+export const CAPTURE_EVENTS = 'CAPTURE_EVENTS';
+
+/**
+ * The type of (redux) action which signals that a remote control active state has changed.
+ *
+ * {
+ *     type: REMOTE_CONTROL_ACTIVE,
+ *     active: boolean
+ * }
+ */
+export const REMOTE_CONTROL_ACTIVE = 'REMOTE_CONTROL_ACTIVE';
+
+/**
+ * The type of (redux) action which sets the receiver transport object.
+ *
+ * {
+ *     type: SET_RECEIVER_TRANSPORT,
+ *     transport: Transport
+ * }
+ */
+export const SET_RECEIVER_TRANSPORT = 'SET_RECEIVER_TRANSPORT';
+
+/**
+ * The type of (redux) action which enables the receiver.
+ *
+ * {
+ *     type: SET_RECEIVER_ENABLED,
+ *     enabled: boolean
+ * }
+ */
+export const SET_RECEIVER_ENABLED = 'SET_RECEIVER_ENABLED';
+
+/**
+ * The type of (redux) action which sets the controller participant on the receiver side.
+ * {
+ *     type: SET_CONTROLLER,
+ *     controller: string
+ * }
+ */
+export const SET_CONTROLLER = 'SET_CONTROLLER';
+
+/**
+ * The type of (redux) action which sets the controlled participant on the controller side.
+ * {
+ *     type: SET_CONTROLLED_PARTICIPANT,
+ *     controlled: string
+ * }
+ */
+export const SET_CONTROLLED_PARTICIPANT = 'SET_CONTROLLED_PARTICIPANT';
+
+
+/**
+ * The type of (redux) action which sets the requested participant on the controller side.
+ * {
+ *     type: SET_REQUESTED_PARTICIPANT,
+ *     requestedParticipant: string
+ * }
+ */
+export const SET_REQUESTED_PARTICIPANT = 'SET_REQUESTED_PARTICIPANT';
+
diff --git a/react/features/remote-control/actions.ts b/react/features/remote-control/actions.ts
new file mode 100644
index 0000000..9fe8742
--- /dev/null
+++ b/react/features/remote-control/actions.ts
@@ -0,0 +1,770 @@
+// @ts-expect-error
+import $ from 'jquery';
+import React from 'react';
+
+import { IStore } from '../app/types';
+import { openDialog } from '../base/dialog/actions';
+import { JitsiConferenceEvents } from '../base/lib-jitsi-meet';
+import { pinParticipant } from '../base/participants/actions';
+import {
+    getParticipantDisplayName,
+    getPinnedParticipant,
+    getVirtualScreenshareParticipantByOwnerId
+} from '../base/participants/functions';
+import { toggleScreensharing } from '../base/tracks/actions';
+import { getLocalDesktopTrack } from '../base/tracks/functions';
+import { showNotification } from '../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE } from '../notifications/constants';
+import { isScreenVideoShared } from '../screen-share/functions';
+
+import {
+    CAPTURE_EVENTS,
+    REMOTE_CONTROL_ACTIVE,
+    SET_CONTROLLED_PARTICIPANT,
+    SET_CONTROLLER,
+    SET_RECEIVER_ENABLED,
+    SET_RECEIVER_TRANSPORT,
+    SET_REQUESTED_PARTICIPANT
+} from './actionTypes';
+import RemoteControlAuthorizationDialog from './components/RemoteControlAuthorizationDialog';
+import {
+    DISCO_REMOTE_CONTROL_FEATURE,
+    EVENTS,
+    PERMISSIONS_ACTIONS,
+    REMOTE_CONTROL_MESSAGE_NAME,
+    REQUESTS
+} from './constants';
+import {
+    getKey,
+    getModifiers,
+    getRemoteConrolEventCaptureArea,
+    isRemoteControlEnabled,
+    sendRemoteControlEndpointMessage
+} from './functions';
+import logger from './logger';
+
+/**
+ * Listeners.
+ */
+let permissionsReplyListener: Function | undefined,
+    receiverEndpointMessageListener: Function, stopListener: Function | undefined;
+
+/**
+ * Signals that the remote control authorization dialog should be displayed.
+ *
+ * @param {string} participantId - The id of the participant who is requesting
+ * the authorization.
+ * @returns {{
+ *     type: OPEN_DIALOG,
+ *     component: {RemoteControlAuthorizationDialog},
+ *     componentProps: {
+ *         participantId: {string}
+ *      }
+ * }}
+ * @public
+ */
+export function openRemoteControlAuthorizationDialog(participantId: string) {
+    return openDialog('RemoteControlAuthorizationDialog', RemoteControlAuthorizationDialog, { participantId });
+}
+
+/**
+ * Sets the remote control active property.
+ *
+ * @param {boolean} active - The new value for the active property.
+ * @returns {Function}
+ */
+export function setRemoteControlActive(active: boolean) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const { active: oldActive } = state['features/remote-control'];
+        const { conference } = state['features/base/conference'];
+
+        if (active !== oldActive) {
+            dispatch({
+                type: REMOTE_CONTROL_ACTIVE,
+                active
+            });
+            conference?.setLocalParticipantProperty('remoteControlSessionStatus', active);
+        }
+    };
+}
+
+/**
+ * Requests permissions from the remote control receiver side.
+ *
+ * @param {string} userId - The user id of the participant that will be
+ * requested.
+ * @returns {Function}
+ */
+export function requestRemoteControl(userId: string) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const enabled = isRemoteControlEnabled(state);
+
+        if (!enabled) {
+            return Promise.reject(new Error('Remote control is disabled!'));
+        }
+
+        dispatch(setRemoteControlActive(true));
+
+        logger.log(`Requesting remote control permissions from: ${userId}`);
+
+        const { conference } = state['features/base/conference'];
+
+
+        permissionsReplyListener = (participant: any, event: any) => {
+            dispatch(processPermissionRequestReply(participant.getId(), event));
+        };
+
+        conference?.on(JitsiConferenceEvents.ENDPOINT_MESSAGE_RECEIVED, permissionsReplyListener);
+
+        dispatch({
+            type: SET_REQUESTED_PARTICIPANT,
+            requestedParticipant: userId
+        });
+
+        if (!sendRemoteControlEndpointMessage(
+            conference,
+            userId,
+            {
+                type: EVENTS.permissions,
+                action: PERMISSIONS_ACTIONS.request
+            })) {
+            dispatch(clearRequest());
+        }
+    };
+}
+
+/**
+ * Handles permission request replies on the controller side.
+ *
+ * @param {string} participantId - The participant that sent the request.
+ * @param {EndpointMessage} event - The permission request event.
+ * @returns {Function}
+ */
+export function processPermissionRequestReply(participantId: string, event: any) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const { action, name, type } = event;
+        const { requestedParticipant } = state['features/remote-control'].controller;
+
+        if (isRemoteControlEnabled(state) && name === REMOTE_CONTROL_MESSAGE_NAME && type === EVENTS.permissions
+                && participantId === requestedParticipant) {
+            let descriptionKey, permissionGranted = false;
+
+            switch (action) {
+            case PERMISSIONS_ACTIONS.grant: {
+                dispatch({
+                    type: SET_CONTROLLED_PARTICIPANT,
+                    controlled: participantId
+                });
+
+                logger.log('Remote control permissions granted!', participantId);
+                logger.log('Starting remote control controller.');
+
+                const { conference } = state['features/base/conference'];
+
+                stopListener = (participant: any, stopEvent: { name: string; type: string; }) => {
+                    dispatch(handleRemoteControlStoppedEvent(participant.getId(), stopEvent));
+                };
+
+                conference?.on(JitsiConferenceEvents.ENDPOINT_MESSAGE_RECEIVED, stopListener);
+
+                dispatch(resume());
+
+                permissionGranted = true;
+                descriptionKey = 'dialog.remoteControlAllowedMessage';
+                break;
+            }
+            case PERMISSIONS_ACTIONS.deny:
+                logger.log('Remote control permissions denied!', participantId);
+                descriptionKey = 'dialog.remoteControlDeniedMessage';
+                break;
+            case PERMISSIONS_ACTIONS.error:
+                logger.error('Error occurred on receiver side');
+                descriptionKey = 'dialog.remoteControlErrorMessage';
+                break;
+            default:
+                logger.error('Unknown reply received!');
+                descriptionKey = 'dialog.remoteControlErrorMessage';
+            }
+
+            dispatch(clearRequest());
+
+            if (!permissionGranted) {
+                dispatch(setRemoteControlActive(false));
+            }
+
+            dispatch(showNotification({
+                descriptionArguments: { user: getParticipantDisplayName(state, participantId) },
+                descriptionKey,
+                titleKey: 'dialog.remoteControlTitle'
+            }, NOTIFICATION_TIMEOUT_TYPE.MEDIUM));
+
+            if (permissionGranted) {
+                // the remote control permissions has been granted
+                // pin the controlled participant
+                const pinnedParticipant = getPinnedParticipant(state);
+                const virtualScreenshareParticipant = getVirtualScreenshareParticipantByOwnerId(state, participantId);
+                const pinnedId = pinnedParticipant?.id;
+
+                if (virtualScreenshareParticipant?.id && pinnedId !== virtualScreenshareParticipant?.id) {
+                    dispatch(pinParticipant(virtualScreenshareParticipant?.id));
+                } else if (!virtualScreenshareParticipant?.id && pinnedId !== participantId) {
+                    dispatch(pinParticipant(participantId));
+                }
+            }
+        } else {
+            // different message type or another user -> ignoring the message
+        }
+    };
+}
+
+/**
+ * Handles remote control stopped.
+ *
+ * @param {string} participantId - The ID of the participant that has sent the event.
+ * @param {EndpointMessage} event - EndpointMessage event from the data channels.
+ * @property {string} type - The function process only events with name REMOTE_CONTROL_MESSAGE_NAME.
+ * @returns {void}
+ */
+export function handleRemoteControlStoppedEvent(participantId: Object, event: { name: string; type: string; }) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const { name, type } = event;
+        const { controlled } = state['features/remote-control'].controller;
+
+        if (isRemoteControlEnabled(state) && name === REMOTE_CONTROL_MESSAGE_NAME && type === EVENTS.stop
+                && participantId === controlled) {
+            dispatch(stopController());
+        }
+    };
+}
+
+/**
+ * Stops processing the mouse and keyboard events. Removes added listeners.
+ * Enables the keyboard shortcuts. Displays dialog to notify the user that remote control session has ended.
+ *
+ * @param {boolean} notifyRemoteParty - If true a endpoint message to the controlled participant will be sent.
+ * @returns {void}
+ */
+export function stopController(notifyRemoteParty = false) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const { controlled } = state['features/remote-control'].controller;
+
+        if (!controlled) {
+            return;
+        }
+
+        const { conference } = state['features/base/conference'];
+
+        if (notifyRemoteParty) {
+            sendRemoteControlEndpointMessage(conference, controlled, {
+                type: EVENTS.stop
+            });
+        }
+
+        logger.log('Stopping remote control controller.');
+
+        conference?.off(JitsiConferenceEvents.ENDPOINT_MESSAGE_RECEIVED, stopListener);
+        stopListener = undefined;
+
+        dispatch(pause());
+
+        dispatch({
+            type: SET_CONTROLLED_PARTICIPANT,
+            controlled: undefined
+        });
+
+        dispatch(setRemoteControlActive(false));
+        dispatch(showNotification({
+            descriptionKey: 'dialog.remoteControlStopMessage',
+            titleKey: 'dialog.remoteControlTitle'
+        }, NOTIFICATION_TIMEOUT_TYPE.LONG));
+    };
+}
+
+/**
+ * Clears a pending permission request.
+ *
+ * @returns {Function}
+ */
+export function clearRequest() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const { conference } = getState()['features/base/conference'];
+
+        dispatch({
+            type: SET_REQUESTED_PARTICIPANT,
+            requestedParticipant: undefined
+        });
+
+        conference?.off(JitsiConferenceEvents.ENDPOINT_MESSAGE_RECEIVED, permissionsReplyListener);
+        permissionsReplyListener = undefined;
+    };
+}
+
+
+/**
+ * Sets that transport object that is used by the receiver to communicate with the native part of the remote control
+ * implementation.
+ *
+ * @param {Transport} transport - The transport to be set.
+ * @returns {{
+ *      type: SET_RECEIVER_TRANSPORT,
+ *      transport: Transport
+ * }}
+ */
+export function setReceiverTransport(transport?: Object) {
+    return {
+        type: SET_RECEIVER_TRANSPORT,
+        transport
+    };
+}
+
+/**
+ * Enables the receiver functionality.
+ *
+ * @returns {Function}
+ */
+export function enableReceiver() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const { enabled } = state['features/remote-control'].receiver;
+
+        if (enabled) {
+            return;
+        }
+
+        const { connection } = state['features/base/connection'];
+        const { conference } = state['features/base/conference'];
+
+        if (!connection || !conference) {
+            logger.error('Couldn\'t enable the remote receiver! The connection or conference instance is undefined!');
+
+            return;
+        }
+
+        dispatch({
+            type: SET_RECEIVER_ENABLED,
+            enabled: true
+        });
+
+        connection.addFeature(DISCO_REMOTE_CONTROL_FEATURE, true);
+        receiverEndpointMessageListener = (participant: any, message: {
+            action: string; name: string; type: string; }) => {
+            dispatch(endpointMessageReceived(participant.getId(), message));
+        };
+        conference.on(JitsiConferenceEvents.ENDPOINT_MESSAGE_RECEIVED, receiverEndpointMessageListener);
+    };
+}
+
+/**
+ * Disables the receiver functionality.
+ *
+ * @returns {Function}
+ */
+export function disableReceiver() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const { enabled } = state['features/remote-control'].receiver;
+
+        if (!enabled) {
+            return;
+        }
+
+        const { connection } = state['features/base/connection'];
+        const { conference } = state['features/base/conference'];
+
+        if (!connection || !conference) {
+            logger.error('Couldn\'t enable the remote receiver! The connection or conference instance is undefined!');
+
+            return;
+        }
+
+        logger.log('Remote control receiver disabled.');
+
+        dispatch({
+            type: SET_RECEIVER_ENABLED,
+            enabled: false
+        });
+
+        dispatch(stopReceiver(true));
+
+        connection.removeFeature(DISCO_REMOTE_CONTROL_FEATURE);
+        conference.off(JitsiConferenceEvents.ENDPOINT_MESSAGE_RECEIVED, receiverEndpointMessageListener);
+    };
+}
+
+/**
+ * Stops a remote control session on the receiver side.
+ *
+ * @param {boolean} [dontNotifyLocalParty] - If true - a notification about stopping
+ * the remote control won't be displayed.
+ * @param {boolean} [dontNotifyRemoteParty] - If true a endpoint message to the controller participant will be sent.
+ * @returns {Function}
+ */
+export function stopReceiver(dontNotifyLocalParty = false, dontNotifyRemoteParty = false) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const { receiver } = state['features/remote-control'];
+        const { controller, transport } = receiver;
+
+        if (!controller) {
+            return;
+        }
+
+        const { conference } = state['features/base/conference'];
+
+        if (!dontNotifyRemoteParty) {
+            sendRemoteControlEndpointMessage(conference, controller, {
+                type: EVENTS.stop
+            });
+        }
+
+        dispatch({
+            type: SET_CONTROLLER,
+            controller: undefined
+        });
+
+        transport?.sendEvent({
+            name: REMOTE_CONTROL_MESSAGE_NAME,
+            type: EVENTS.stop
+        });
+
+        dispatch(setRemoteControlActive(false));
+
+        if (!dontNotifyLocalParty) {
+            dispatch(showNotification({
+                descriptionKey: 'dialog.remoteControlStopMessage',
+                titleKey: 'dialog.remoteControlTitle'
+            }, NOTIFICATION_TIMEOUT_TYPE.LONG));
+        }
+    };
+}
+
+
+/**
+ * Handles only remote control endpoint messages.
+ *
+ * @param {string} participantId - The controller participant ID.
+ * @param {Object} message - EndpointMessage from the data channels.
+ * @param {string} message.name - The function processes only messages with
+ * name REMOTE_CONTROL_MESSAGE_NAME.
+ * @returns {Function}
+ */
+export function endpointMessageReceived(participantId: string, message: {
+    action: string; name: string; type: string; }) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const { action, name, type } = message;
+
+        if (name !== REMOTE_CONTROL_MESSAGE_NAME) {
+            return;
+        }
+
+        const state = getState();
+        const { receiver } = state['features/remote-control'];
+        const { enabled, transport } = receiver;
+
+        if (enabled) {
+            const { controller } = receiver;
+
+            if (!controller && type === EVENTS.permissions && action === PERMISSIONS_ACTIONS.request) {
+                dispatch(setRemoteControlActive(true));
+                dispatch(openRemoteControlAuthorizationDialog(participantId));
+            } else if (controller === participantId) {
+                if (type === EVENTS.stop) {
+                    dispatch(stopReceiver(false, true));
+                } else { // forward the message
+                    try {
+                        transport?.sendEvent(message);
+                    } catch (error) {
+                        logger.error('Error while trying to execute remote control message', error);
+                    }
+                }
+            } // else ignore
+        } else {
+            logger.log('Remote control message is ignored because remote control is disabled', message);
+        }
+    };
+}
+
+/**
+ * Denies remote control access for user associated with the passed user id.
+ *
+ * @param {string} participantId - The id associated with the user who sent the
+ * request for remote control authorization.
+ * @returns {Function}
+ */
+export function deny(participantId: string) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const { conference } = state['features/base/conference'];
+
+        dispatch(setRemoteControlActive(false));
+        sendRemoteControlEndpointMessage(conference, participantId, {
+            type: EVENTS.permissions,
+            action: PERMISSIONS_ACTIONS.deny
+        });
+    };
+}
+
+/**
+ * Sends start remote control request to the native implementation.
+ *
+ * @returns {Function}
+ */
+export function sendStartRequest() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const tracks = state['features/base/tracks'];
+        const track = getLocalDesktopTrack(tracks);
+        const { sourceId } = track?.jitsiTrack || {};
+        const { transport } = state['features/remote-control'].receiver;
+
+        if (typeof sourceId === 'undefined') {
+            return Promise.reject(new Error('Cannot identify screen for the remote control session'));
+        }
+
+        return transport?.sendRequest({
+            name: REMOTE_CONTROL_MESSAGE_NAME,
+            type: REQUESTS.start,
+            sourceId
+        });
+    };
+}
+
+/**
+ * Grants remote control access to user associated with the passed user id.
+ *
+ * @param {string} participantId - The id associated with the user who sent the
+ * request for remote control authorization.
+ * @returns {Function}
+ */
+export function grant(participantId: string) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        dispatch({
+            type: SET_CONTROLLER,
+            controller: participantId
+        });
+        logger.log(`Remote control permissions granted to: ${participantId}`);
+
+        let promise;
+        const state = getState();
+        const tracks = state['features/base/tracks'];
+        const track = getLocalDesktopTrack(tracks);
+        const isScreenSharing = isScreenVideoShared(state);
+        const { sourceType } = track?.jitsiTrack || {};
+
+        if (isScreenSharing && sourceType === 'screen') {
+            promise = dispatch(sendStartRequest());
+        } else {
+            promise = dispatch(toggleScreensharing(
+                true,
+                false,
+                { desktopSharingSources: [ 'screen' ] }
+            ))
+            .then(() => dispatch(sendStartRequest()));
+        }
+
+        const { conference } = state['features/base/conference'];
+
+        promise
+            .then(() => sendRemoteControlEndpointMessage(conference, participantId, {
+                type: EVENTS.permissions,
+                action: PERMISSIONS_ACTIONS.grant
+            }))
+            .catch((error: any) => {
+                logger.error(error);
+
+                sendRemoteControlEndpointMessage(conference, participantId, {
+                    type: EVENTS.permissions,
+                    action: PERMISSIONS_ACTIONS.error
+                });
+
+                dispatch(showNotification({
+                    descriptionKey: 'dialog.startRemoteControlErrorMessage',
+                    titleKey: 'dialog.remoteControlTitle'
+                }, NOTIFICATION_TIMEOUT_TYPE.LONG));
+
+                dispatch(stopReceiver(true));
+            });
+    };
+}
+
+/**
+ * Handler for mouse click events on the controller side.
+ *
+ * @param {string} type - The type of event ("mousedown"/"mouseup").
+ * @param {Event} event - The mouse event.
+ * @returns {Function}
+ */
+export function mouseClicked(type: string, event: React.MouseEvent) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const { conference } = state['features/base/conference'];
+        const { controller } = state['features/remote-control'];
+
+        sendRemoteControlEndpointMessage(conference, controller.controlled, {
+            type,
+
+            // @ts-ignore
+            button: event.which
+        });
+    };
+}
+
+/**
+ * Handles mouse moved events on the controller side.
+ *
+ * @param {Event} event - The mouse event.
+ * @returns {Function}
+ */
+export function mouseMoved(event: React.MouseEvent) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const area = getRemoteConrolEventCaptureArea();
+
+        if (!area) {
+            return;
+        }
+
+        const position = area.position();
+        const state = getState();
+        const { conference } = state['features/base/conference'];
+        const { controller } = state['features/remote-control'];
+
+        sendRemoteControlEndpointMessage(conference, controller.controlled, {
+            type: EVENTS.mousemove,
+            x: (event.pageX - position.left) / area.width(),
+            y: (event.pageY - position.top) / area.height()
+        });
+    };
+}
+
+/**
+ * Handles mouse scroll events on the controller side.
+ *
+ * @param {Event} event - The mouse event.
+ * @returns {Function}
+ */
+export function mouseScrolled(event: { deltaX: number; deltaY: number; }) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const { conference } = state['features/base/conference'];
+        const { controller } = state['features/remote-control'];
+
+        sendRemoteControlEndpointMessage(conference, controller.controlled, {
+            type: EVENTS.mousescroll,
+            x: event.deltaX,
+            y: event.deltaY
+        });
+    };
+}
+
+/**
+ * Handles key press events on the controller side..
+ *
+ * @param {string} type - The type of event ("keydown"/"keyup").
+ * @param {Event} event - The key event.
+ * @returns {Function}
+ */
+export function keyPressed(type: string, event: React.KeyboardEvent) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const { conference } = state['features/base/conference'];
+        const { controller } = state['features/remote-control'];
+
+        sendRemoteControlEndpointMessage(conference, controller.controlled, {
+            type,
+            key: getKey(event),
+            modifiers: getModifiers(event)
+        });
+    };
+}
+
+/**
+* Disables the keyboatd shortcuts. Starts collecting remote control
+* events. It can be used to resume an active remote control session which
+* was paused with the pause action.
+*
+* @returns {Function}
+*/
+export function resume() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const area = getRemoteConrolEventCaptureArea();
+        const state = getState();
+        const { controller } = state['features/remote-control'];
+        const { controlled, isCapturingEvents } = controller;
+
+        if (!isRemoteControlEnabled(state) || !area || !controlled || isCapturingEvents) {
+            return;
+        }
+
+        logger.log('Resuming remote control controller.');
+
+        area.mousemove((event: React.MouseEvent) => {
+            dispatch(mouseMoved(event));
+        });
+        area.mousedown((event: React.MouseEvent) => dispatch(mouseClicked(EVENTS.mousedown, event)));
+        area.mouseup((event: React.MouseEvent) => dispatch(mouseClicked(EVENTS.mouseup, event)));
+        area.dblclick((event: React.MouseEvent) => dispatch(mouseClicked(EVENTS.mousedblclick, event)));
+        area.contextmenu(() => false);
+        area[0].onwheel = (event: any) => {
+            event.preventDefault();
+            event.stopPropagation();
+            dispatch(mouseScrolled(event));
+
+            return false;
+        };
+        $(window).keydown((event: React.KeyboardEvent) => dispatch(keyPressed(EVENTS.keydown, event)));
+        $(window).keyup((event: React.KeyboardEvent) => dispatch(keyPressed(EVENTS.keyup, event)));
+
+        dispatch({
+            type: CAPTURE_EVENTS,
+            isCapturingEvents: true
+        });
+    };
+}
+
+
+/**
+ * Pauses the collecting of events and enables the keyboard shortcus. But
+ * it doesn't removes any other listeners. Basically the remote control
+ * session will be still active after the pause action, but no events from the
+ * controller side will be captured and sent. You can resume the collecting
+ * of the events with the resume action.
+ *
+ * @returns {Function}
+ */
+export function pause() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const { controller } = state['features/remote-control'];
+        const { controlled, isCapturingEvents } = controller;
+
+        if (!isRemoteControlEnabled(state) || !controlled || !isCapturingEvents) {
+            return;
+        }
+
+        logger.log('Pausing remote control controller.');
+
+        const area = getRemoteConrolEventCaptureArea();
+
+        if (area) {
+            area.off('contextmenu');
+            area.off('dblclick');
+            area.off('mousedown');
+            area.off('mousemove');
+            area.off('mouseup');
+            area[0].onwheel = undefined;
+        }
+
+        $(window).off('keydown');
+        $(window).off('keyup');
+
+        dispatch({
+            type: CAPTURE_EVENTS,
+            isCapturingEvents: false
+        });
+    };
+}
diff --git a/react/features/remote-control/components/RemoteControlAuthorizationDialog.tsx b/react/features/remote-control/components/RemoteControlAuthorizationDialog.tsx
new file mode 100644
index 0000000..368782c
--- /dev/null
+++ b/react/features/remote-control/components/RemoteControlAuthorizationDialog.tsx
@@ -0,0 +1,170 @@
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../app/types';
+import { translate } from '../../base/i18n/functions';
+import { getParticipantById } from '../../base/participants/functions';
+import { getLocalVideoTrack } from '../../base/tracks/functions.any';
+import Dialog from '../../base/ui/components/web/Dialog';
+import { deny, grant } from '../actions';
+
+/**
+ * The type of the React {@code Component} props of
+ * {@link RemoteControlAuthorizationDialog}.
+ */
+interface IProps {
+
+    /**
+     * The display name of the participant who is requesting authorization for
+     * remote desktop control session.
+     */
+    _displayName: string;
+
+    _isScreenSharing: boolean;
+    _sourceType: string;
+
+    /**
+     * Used to show/hide the dialog on cancel.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * The ID of the participant who is requesting authorization for remote
+     * desktop control session.
+     */
+    participantId: string;
+
+    /**
+     * Invoked to obtain translated strings.
+     */
+    t: Function;
+}
+
+/**
+ * Implements a dialog for remote control authorization.
+ */
+class RemoteControlAuthorizationDialog extends Component<IProps> {
+    /**
+     * Initializes a new RemoteControlAuthorizationDialog instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._onCancel = this._onCancel.bind(this);
+        this._onSubmit = this._onSubmit.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        return (
+            <Dialog
+                ok = {{ translationKey: 'dialog.allow' }}
+                onCancel = { this._onCancel }
+                onSubmit = { this._onSubmit }
+                titleKey = 'dialog.remoteControlTitle'>
+                {
+                    this.props.t(
+                        'dialog.remoteControlRequestMessage',
+                        { user: this.props._displayName })
+                }
+                {
+                    this._getAdditionalMessage()
+                }
+            </Dialog>
+        );
+    }
+
+    /**
+     * Renders additional message text for the dialog.
+     *
+     * @private
+     * @returns {ReactElement}
+     */
+    _getAdditionalMessage() {
+        const { _isScreenSharing, _sourceType } = this.props;
+
+        if (_isScreenSharing && _sourceType === 'screen') {
+            return null;
+        }
+
+        return (
+            <div>
+                <br />
+                { this.props.t('dialog.remoteControlShareScreenWarning') }
+            </div>
+        );
+    }
+
+    /**
+     * Notifies the remote control module about the denial of the remote control
+     * request.
+     *
+     * @private
+     * @returns {boolean} Returns true to close the dialog.
+     */
+    _onCancel() {
+        const { dispatch, participantId } = this.props;
+
+        dispatch(deny(participantId));
+
+        return true;
+    }
+
+    /**
+     * Notifies the remote control module that the remote control request is
+     * accepted.
+     *
+     * @private
+     * @returns {boolean} Returns false to prevent closure because the dialog is
+     * closed manually to be sure that if the desktop picker dialog can be
+     * displayed (if this dialog is displayed when we try to display the desktop
+     * picker window, the action will be ignored).
+     */
+    _onSubmit() {
+        const { dispatch, participantId } = this.props;
+
+        dispatch(grant(participantId));
+
+        return false;
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to the RemoteControlAuthorizationDialog's
+ * props.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {Object} ownProps - The React Component props passed to the associated
+ * (instance of) RemoteControlAuthorizationDialog.
+ * @private
+ * @returns {{
+ *     _displayName: string,
+ *     _isScreenSharing: boolean,
+ *     _sourceId: string,
+ *     _sourceType: string
+ * }}
+ */
+function _mapStateToProps(state: IReduxState, ownProps: any) {
+    const { _displayName, participantId } = ownProps;
+    const participant = getParticipantById(state, participantId);
+    const tracks = state['features/base/tracks'];
+    const track = getLocalVideoTrack(tracks);
+    const _isScreenSharing = track?.videoType === 'desktop';
+    const { sourceType } = track?.jitsiTrack || {};
+
+    return {
+        _displayName: participant ? participant.name : _displayName,
+        _isScreenSharing,
+        _sourceType: sourceType
+    };
+}
+
+export default translate(
+    connect(_mapStateToProps)(RemoteControlAuthorizationDialog));
diff --git a/react/features/remote-control/constants.ts b/react/features/remote-control/constants.ts
new file mode 100644
index 0000000..39b393d
--- /dev/null
+++ b/react/features/remote-control/constants.ts
@@ -0,0 +1,86 @@
+/**
+ * The type of remote control messages.
+ */
+export const REMOTE_CONTROL_MESSAGE_NAME = 'remote-control';
+
+/**
+ * The value for the "var" attribute of feature tag in disco-info packets.
+ */
+export const DISCO_REMOTE_CONTROL_FEATURE = 'http://jitsi.org/meet/remotecontrol';
+
+/**
+ * The remote control event.
+ *
+ * @typedef {object} RemoteControlEvent
+ * @property {EVENTS | REQUESTS} type - The type of the message.
+ * @property {number} x - Avaibale for type === mousemove only. The new x
+ * coordinate of the mouse.
+ * @property {number} y - For mousemove type - the new y
+ * coordinate of the mouse and for mousescroll - represents the vertical
+ * scrolling diff value.
+ * @property {number} button - 1(left), 2(middle) or 3 (right). Supported by
+ * mousedown, mouseup and mousedblclick types.
+ * @property {KEYS} key - Represents the key related to the event. Supported by
+ * keydown and keyup types.
+ * @property {KEYS[]} modifiers - Represents the modifier related to the event.
+ * Supported by keydown and keyup types.
+ * @property {PERMISSIONS_ACTIONS} action - Supported by type === permissions.
+ * Represents the action related to the permissions event.
+ */
+
+/**
+ * Optional properties. Supported for permissions event for action === request.
+ *
+ * @property {string} userId - The user id of the participant that has sent the
+ * request.
+ * @property {string} userJID - The full JID in the MUC of the user that has
+ * sent the request.
+ * @property {string} displayName - The displayName of the participant that has
+ * sent the request.
+ * @property {boolean} screenSharing - True if the SS is started for the local
+ * participant and false if not.
+ */
+
+/**
+ * Types of remote-control events.
+ *
+  * @readonly
+  * @enum {string}
+ */
+export const EVENTS = {
+    mousemove: 'mousemove',
+    mousedown: 'mousedown',
+    mouseup: 'mouseup',
+    mousedblclick: 'mousedblclick',
+    mousescroll: 'mousescroll',
+    keydown: 'keydown',
+    keyup: 'keyup',
+    permissions: 'permissions',
+    start: 'start',
+    stop: 'stop',
+    supported: 'supported'
+};
+
+/**
+ * Types of remote-control requests.
+ *
+  * @readonly
+  * @enum {string}
+ */
+export const REQUESTS = {
+    start: 'start'
+};
+
+/**
+ * Actions for the remote control permission events.
+ *
+ * @readonly
+ * @enum {string}
+ */
+export const PERMISSIONS_ACTIONS = {
+    request: 'request',
+    grant: 'grant',
+    deny: 'deny',
+    error: 'error'
+};
+
diff --git a/react/features/remote-control/functions.ts b/react/features/remote-control/functions.ts
new file mode 100644
index 0000000..fdce7c3
--- /dev/null
+++ b/react/features/remote-control/functions.ts
@@ -0,0 +1,131 @@
+import React from 'react';
+
+// @ts-expect-error
+import VideoLayout from '../../../modules/UI/videolayout/VideoLayout';
+import { IReduxState, IStore } from '../app/types';
+import { IJitsiConference } from '../base/conference/reducer';
+import JitsiMeetJS from '../base/lib-jitsi-meet';
+
+import { enableReceiver, stopReceiver } from './actions';
+import { EVENTS, REMOTE_CONTROL_MESSAGE_NAME } from './constants';
+import { keyboardEventToKey } from './keycodes';
+import logger from './logger';
+
+/**
+ * Checks if the remote control is enabled.
+ *
+ * @param {*} state - The redux state.
+ * @returns {boolean} - True if the remote control is enabled and false otherwise.
+ */
+export function isRemoteControlEnabled(state: IReduxState) {
+    return !state['features/base/config'].disableRemoteControl && JitsiMeetJS.isDesktopSharingEnabled();
+}
+
+/**
+ * Sends remote control message to other participant through data channel.
+ *
+ * @param {JitsiConference} conference - The JitsiConference object.
+ * @param {string} to - The participant who will receive the event.
+ * @param {RemoteControlEvent} event - The remote control event.
+ * @returns {boolean} - True if the message was sent successfully and false otherwise.
+ */
+export function sendRemoteControlEndpointMessage(
+        conference: IJitsiConference | undefined,
+        to: string | undefined,
+        event: Object) {
+    if (!to) {
+        logger.warn('Remote control: Skip sending remote control event. Params:', to);
+
+        return false;
+    }
+
+    try {
+        conference?.sendEndpointMessage(to, {
+            name: REMOTE_CONTROL_MESSAGE_NAME,
+            ...event
+        });
+
+        return true;
+    } catch (error) {
+        logger.error('Failed to send EndpointMessage via the datachannels', error);
+
+        return false;
+    }
+}
+
+/**
+* Handles remote control events from the external app. Currently only
+* events with type EVENTS.supported and EVENTS.stop are
+* supported.
+*
+* @param {RemoteControlEvent} event - The remote control event.
+* @param {Store} store - The redux store.
+* @returns {void}
+*/
+export function onRemoteControlAPIEvent(event: { type: string; }, { getState, dispatch }: IStore) {
+    switch (event.type) {
+    case EVENTS.supported:
+        logger.log('Remote Control supported.');
+        if (isRemoteControlEnabled(getState())) {
+            dispatch(enableReceiver());
+        } else {
+            logger.log('Remote Control disabled.');
+        }
+        break;
+    case EVENTS.stop: {
+        dispatch(stopReceiver());
+
+        break;
+    }
+    }
+}
+
+/**
+ * Returns the area used for capturing mouse and key events.
+ *
+ * @returns {JQuery} - A JQuery selector.
+ */
+export function getRemoteConrolEventCaptureArea() {
+    return VideoLayout.getLargeVideoWrapper();
+}
+
+
+/**
+ * Extract the keyboard key from the keyboard event.
+ *
+ * @param {KeyboardEvent} event - The event.
+ * @returns {KEYS} The key that is pressed or undefined.
+ */
+export function getKey(event: React.KeyboardEvent) {
+    return keyboardEventToKey(event);
+}
+
+/**
+ * Extract the modifiers from the keyboard event.
+ *
+ * @param {KeyboardEvent} event - The event.
+ * @returns {Array} With possible values: "shift", "control", "alt", "command".
+ */
+export function getModifiers(event: React.KeyboardEvent) {
+    const modifiers = [];
+
+    if (event.shiftKey) {
+        modifiers.push('shift');
+    }
+
+    if (event.ctrlKey) {
+        modifiers.push('control');
+    }
+
+
+    if (event.altKey) {
+        modifiers.push('alt');
+    }
+
+    if (event.metaKey) {
+        modifiers.push('command');
+    }
+
+    return modifiers;
+}
+
diff --git a/react/features/remote-control/keycodes.ts b/react/features/remote-control/keycodes.ts
new file mode 100644
index 0000000..39a4b23
--- /dev/null
+++ b/react/features/remote-control/keycodes.ts
@@ -0,0 +1,176 @@
+import React from 'react';
+
+/**
+ * Enumerates the supported keys.
+ * NOTE: The maps represents physical keys on the keyboard, not chars.
+ *
+ * @readonly
+ * @enum {string}
+ */
+export const KEYS = {
+    BACKSPACE: 'backspace',
+    DELETE: 'delete',
+    RETURN: 'enter',
+    TAB: 'tab',
+    ESCAPE: 'escape',
+    UP: 'up',
+    DOWN: 'down',
+    RIGHT: 'right',
+    LEFT: 'left',
+    HOME: 'home',
+    END: 'end',
+    PAGEUP: 'pageup',
+    PAGEDOWN: 'pagedown',
+
+    F1: 'f1',
+    F2: 'f2',
+    F3: 'f3',
+    F4: 'f4',
+    F5: 'f5',
+    F6: 'f6',
+    F7: 'f7',
+    F8: 'f8',
+    F9: 'f9',
+    F10: 'f10',
+    F11: 'f11',
+    F12: 'f12',
+    META: 'command',
+    CMD_L: 'command',
+    CMD_R: 'command',
+    ALT: 'alt',
+    CONTROL: 'control',
+    SHIFT: 'shift',
+    CAPS_LOCK: 'capslock',
+    SPACE: 'space',
+    PRINTSCREEN: 'printscreen',
+    INSERT: 'insert',
+
+    NUMPAD_0: 'numpad_0',
+    NUMPAD_1: 'numpad_1',
+    NUMPAD_2: 'numpad_2',
+    NUMPAD_3: 'numpad_3',
+    NUMPAD_4: 'numpad_4',
+    NUMPAD_5: 'numpad_5',
+    NUMPAD_6: 'numpad_6',
+    NUMPAD_7: 'numpad_7',
+    NUMPAD_8: 'numpad_8',
+    NUMPAD_9: 'numpad_9',
+
+    COMMA: ',',
+
+    PERIOD: '.',
+    SEMICOLON: ';',
+    QUOTE: '\'',
+    BRACKET_LEFT: '[',
+    BRACKET_RIGHT: ']',
+    BACKQUOTE: '`',
+    BACKSLASH: '\\',
+    MINUS: '-',
+    EQUAL: '=',
+    SLASH: '/',
+    ASTERISK: '*',
+    PLUS: '+'
+};
+
+/**
+ * Mapping between the key codes and keys defined in KEYS.
+ * The mappings are based on
+ * https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode#Specifications.
+ */
+/* eslint-enable max-len */
+const keyCodeToKey = {
+    8: KEYS.BACKSPACE,
+    9: KEYS.TAB,
+    13: KEYS.RETURN,
+    16: KEYS.SHIFT,
+    17: KEYS.CONTROL,
+    18: KEYS.ALT,
+    20: KEYS.CAPS_LOCK,
+    27: KEYS.ESCAPE,
+    32: KEYS.SPACE,
+    33: KEYS.PAGEUP,
+    34: KEYS.PAGEDOWN,
+    35: KEYS.END,
+    36: KEYS.HOME,
+    37: KEYS.LEFT,
+    38: KEYS.UP,
+    39: KEYS.RIGHT,
+    40: KEYS.DOWN,
+    42: KEYS.PRINTSCREEN,
+    44: KEYS.PRINTSCREEN,
+    45: KEYS.INSERT,
+    46: KEYS.DELETE,
+    59: KEYS.SEMICOLON,
+    61: KEYS.EQUAL,
+    91: KEYS.CMD_L,
+    92: KEYS.CMD_R,
+    93: KEYS.CMD_R,
+    96: KEYS.NUMPAD_0,
+    97: KEYS.NUMPAD_1,
+    98: KEYS.NUMPAD_2,
+    99: KEYS.NUMPAD_3,
+    100: KEYS.NUMPAD_4,
+    101: KEYS.NUMPAD_5,
+    102: KEYS.NUMPAD_6,
+    103: KEYS.NUMPAD_7,
+    104: KEYS.NUMPAD_8,
+    105: KEYS.NUMPAD_9,
+    106: KEYS.ASTERISK,
+    107: KEYS.PLUS,
+    109: KEYS.MINUS,
+    110: KEYS.PERIOD,
+    111: KEYS.SLASH,
+    112: KEYS.F1,
+    113: KEYS.F2,
+    114: KEYS.F3,
+    115: KEYS.F4,
+    116: KEYS.F5,
+    117: KEYS.F6,
+    118: KEYS.F7,
+    119: KEYS.F8,
+    120: KEYS.F9,
+    121: KEYS.F10,
+    122: KEYS.F11,
+    123: KEYS.F12,
+    124: KEYS.PRINTSCREEN,
+    173: KEYS.MINUS,
+    186: KEYS.SEMICOLON,
+    187: KEYS.EQUAL,
+    188: KEYS.COMMA,
+    189: KEYS.MINUS,
+    190: KEYS.PERIOD,
+    191: KEYS.SLASH,
+    192: KEYS.BACKQUOTE,
+    219: KEYS.BRACKET_LEFT,
+    220: KEYS.BACKSLASH,
+    221: KEYS.BRACKET_RIGHT,
+    222: KEYS.QUOTE,
+    224: KEYS.META,
+    229: KEYS.SEMICOLON
+};
+
+/**
+ * Generate codes for digit keys (0-9).
+ */
+for (let i = 0; i < 10; i++) {
+    keyCodeToKey[(i + 48) as keyof typeof keyCodeToKey] = `${i}`;
+}
+
+/**
+ * Generate codes for letter keys (a-z).
+ */
+for (let i = 0; i < 26; i++) {
+    const keyCode = i + 65;
+
+    keyCodeToKey[keyCode as keyof typeof keyCodeToKey] = String.fromCharCode(keyCode).toLowerCase();
+}
+
+/**
+ * Returns key associated with the keyCode from the passed event.
+ *
+ * @param {KeyboardEvent} event - The event.
+ * @returns {KEYS} - The key on the keyboard.
+ */
+export function keyboardEventToKey(event: React.KeyboardEvent) {
+    return keyCodeToKey[event.which as keyof typeof keyCodeToKey];
+}
diff --git a/react/features/remote-control/logger.ts b/react/features/remote-control/logger.ts
new file mode 100644
index 0000000..3f5c846
--- /dev/null
+++ b/react/features/remote-control/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:remote-control');
diff --git a/react/features/remote-control/middleware.ts b/react/features/remote-control/middleware.ts
new file mode 100644
index 0000000..d7cce22
--- /dev/null
+++ b/react/features/remote-control/middleware.ts
@@ -0,0 +1,92 @@
+// @ts-expect-error
+import { PostMessageTransportBackend, Transport } from '@jitsi/js-utils/transport';
+
+import { APP_WILL_MOUNT, APP_WILL_UNMOUNT } from '../base/app/actionTypes';
+import { CONFERENCE_JOINED } from '../base/conference/actionTypes';
+import { PARTICIPANT_LEFT } from '../base/participants/actionTypes';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+
+import {
+    clearRequest, setReceiverTransport, setRemoteControlActive, stopController, stopReceiver
+} from './actions';
+import { REMOTE_CONTROL_MESSAGE_NAME } from './constants';
+import { onRemoteControlAPIEvent } from './functions';
+import './subscriber';
+
+/**
+ * The redux middleware for the remote control feature.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case APP_WILL_MOUNT: {
+        const { dispatch } = store;
+
+        dispatch(setReceiverTransport(new Transport({
+            backend: new PostMessageTransportBackend({
+                postisOptions: { scope: 'jitsi-remote-control' }
+            })
+        })));
+
+        break;
+    }
+    case APP_WILL_UNMOUNT: {
+        const { getState, dispatch } = store;
+        const { transport } = getState()['features/remote-control'].receiver;
+
+        if (transport) {
+            transport.dispose();
+            dispatch(setReceiverTransport());
+        }
+
+        break;
+    }
+    case CONFERENCE_JOINED: {
+        const result = next(action);
+        const { getState } = store;
+        const { transport } = getState()['features/remote-control'].receiver;
+
+        if (transport) {
+            // We expect here that even if we receive the supported event earlier
+            // it will be cached and we'll receive it.
+            transport.on('event', (event: { name: string; type: string; }) => {
+                if (event.name === REMOTE_CONTROL_MESSAGE_NAME) {
+                    onRemoteControlAPIEvent(event, store);
+
+                    return true;
+                }
+
+                return false;
+            });
+        }
+
+        return result;
+    }
+    case PARTICIPANT_LEFT: {
+        const { getState, dispatch } = store;
+        const state = getState();
+        const { id } = action.participant;
+        const { receiver, controller } = state['features/remote-control'];
+        const { requestedParticipant, controlled } = controller;
+
+        if (id === controlled) {
+            dispatch(stopController());
+        }
+
+        if (id === requestedParticipant) {
+            dispatch(clearRequest());
+            dispatch(setRemoteControlActive(false));
+        }
+
+        if (receiver?.controller === id) {
+            dispatch(stopReceiver(false, true));
+        }
+
+        break;
+    }
+    }
+
+    return next(action);
+});
diff --git a/react/features/remote-control/reducer.ts b/react/features/remote-control/reducer.ts
new file mode 100644
index 0000000..669f9fa
--- /dev/null
+++ b/react/features/remote-control/reducer.ts
@@ -0,0 +1,88 @@
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+import { set } from '../base/redux/functions';
+
+import {
+    CAPTURE_EVENTS,
+    REMOTE_CONTROL_ACTIVE,
+    SET_CONTROLLED_PARTICIPANT,
+    SET_CONTROLLER,
+    SET_RECEIVER_ENABLED,
+    SET_RECEIVER_TRANSPORT,
+    SET_REQUESTED_PARTICIPANT
+} from './actionTypes';
+
+/**
+ * The default state.
+ */
+const DEFAULT_STATE = {
+    active: false,
+    controller: {
+        isCapturingEvents: false
+    },
+    receiver: {
+        enabled: false
+    }
+};
+
+export interface IRemoteControlState {
+    active: boolean;
+    controller: {
+        controlled?: string;
+        isCapturingEvents: boolean;
+        requestedParticipant?: string;
+    };
+    receiver: {
+        controller?: string;
+        enabled: boolean;
+        transport?: {
+            dispose: Function;
+            on: Function;
+            sendEvent: Function;
+            sendRequest: Function;
+        };
+    };
+}
+
+/**
+ * Listen for actions that mutate the remote control state.
+ */
+ReducerRegistry.register<IRemoteControlState>(
+    'features/remote-control', (state = DEFAULT_STATE, action): IRemoteControlState => {
+        switch (action.type) {
+        case CAPTURE_EVENTS:
+            return {
+                ...state,
+                controller: set(state.controller, 'isCapturingEvents', action.isCapturingEvents)
+            };
+        case REMOTE_CONTROL_ACTIVE:
+            return set(state, 'active', action.active);
+        case SET_RECEIVER_TRANSPORT:
+            return {
+                ...state,
+                receiver: set(state.receiver, 'transport', action.transport)
+            };
+        case SET_RECEIVER_ENABLED:
+            return {
+                ...state,
+                receiver: set(state.receiver, 'enabled', action.enabled)
+            };
+        case SET_REQUESTED_PARTICIPANT:
+            return {
+                ...state,
+                controller: set(state.controller, 'requestedParticipant', action.requestedParticipant)
+            };
+        case SET_CONTROLLED_PARTICIPANT:
+            return {
+                ...state,
+                controller: set(state.controller, 'controlled', action.controlled)
+            };
+        case SET_CONTROLLER:
+            return {
+                ...state,
+                receiver: set(state.receiver, 'controller', action.controller)
+            };
+        }
+
+        return state;
+    }
+);
diff --git a/react/features/remote-control/subscriber.ts b/react/features/remote-control/subscriber.ts
new file mode 100644
index 0000000..28a3fe1
--- /dev/null
+++ b/react/features/remote-control/subscriber.ts
@@ -0,0 +1,53 @@
+import {
+    getParticipantById,
+    getVirtualScreenshareParticipantByOwnerId,
+    getVirtualScreenshareParticipantOwnerId,
+    isScreenShareParticipant
+} from '../base/participants/functions';
+import StateListenerRegistry from '../base/redux/StateListenerRegistry';
+
+import { pause, resume } from './actions';
+
+/**
+ * Listens for large video participant ID changes.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => {
+        const { participantId = '' } = state['features/large-video'];
+        const { controller } = state['features/remote-control'];
+        const { controlled } = controller;
+
+        if (!controlled) {
+            return undefined;
+        }
+
+        const participant = getParticipantById(state, participantId);
+
+        if (isScreenShareParticipant(participant)) {
+            // multistream support is enabled and the user has selected the desktop sharing thumbnail.
+            const id = getVirtualScreenshareParticipantOwnerId(participantId);
+
+            return id === controlled;
+        }
+
+        const virtualParticipant = getVirtualScreenshareParticipantByOwnerId(state, participantId);
+
+        if (virtualParticipant) { // multistream is enabled and the user has selected the camera thumbnail.
+            return false;
+
+        }
+
+        return controlled === participantId;
+    },
+    /* listener */ (isControlledParticipantOnStage, { dispatch }) => {
+        if (isControlledParticipantOnStage === true) {
+            dispatch(resume());
+        } else if (isControlledParticipantOnStage === false) {
+            dispatch(pause());
+        }
+
+        // else {
+        // isControlledParticipantOnStage === undefined. Ignore!
+        // }
+    }
+);
diff --git a/react/features/room-lock/actions.ts b/react/features/room-lock/actions.ts
new file mode 100644
index 0000000..cdf5eb5
--- /dev/null
+++ b/react/features/room-lock/actions.ts
@@ -0,0 +1,112 @@
+import {
+    appNavigate,
+    maybeRedirectToWelcomePage
+} from '../app/actions';
+import { IStore } from '../app/types';
+import { conferenceLeft, setPassword } from '../base/conference/actions';
+import { JITSI_CONFERENCE_URL_KEY } from '../base/conference/constants';
+import { IJitsiConference } from '../base/conference/reducer';
+import { hideDialog, openDialog } from '../base/dialog/actions';
+import { SecurityDialog } from '../security/components/security-dialog';
+
+import PasswordRequiredPrompt from './components/PasswordRequiredPrompt';
+
+/**
+ * Cancels a prompt for a password to join a specific conference/room.
+ *
+ * @param {JitsiConference} conference - The {@code JitsiConference} requesting
+ * the password to join.
+ * @protected
+ * @returns {Function}
+ */
+export function _cancelPasswordRequiredPrompt(conference: any) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+
+        if (typeof APP !== 'undefined') {
+            // when we are redirecting the library should handle any
+            // unload and clean of the connection.
+            APP.API.notifyReadyToClose();
+
+            dispatch(maybeRedirectToWelcomePage());
+
+            return;
+        }
+
+        // Canceling PasswordRequiredPrompt is to navigate the app/user to
+        // WelcomePage. In other words, the canceling invalidates the
+        // locationURL. Make sure that the canceling indeed has the intent to
+        // invalidate the locationURL.
+        const state = getState();
+
+        if (conference === state['features/base/conference'].passwordRequired
+                && conference[JITSI_CONFERENCE_URL_KEY]
+                    === state['features/base/connection'].locationURL) {
+            // XXX The error associated with CONFERENCE_FAILED was marked as
+            // recoverable by the feature room-lock and, consequently,
+            // recoverable-aware features such as mobile's external-api did not
+            // deliver the CONFERENCE_FAILED to the SDK clients/consumers. Since
+            // the app/user is going to nativate to WelcomePage, the SDK
+            // clients/consumers need an event.
+            dispatch(conferenceLeft(conference));
+
+            dispatch(appNavigate(undefined));
+        }
+    };
+}
+
+/**
+ * Ends a (user) request to lock a specific conference/room.
+ *
+ * @param {JitsiConference} conference - The JitsiConference to lock.
+ * @param {string|undefined} password - The password with which the specified
+ * conference is to be locked or undefined to cancel the (user) request to lock
+ * the specified conference.
+ * @returns {Function}
+ */
+export function endRoomLockRequest(
+        conference: IJitsiConference,
+        password?: string) {
+    return (dispatch: IStore['dispatch']) => {
+        const setPassword_
+            = password
+                ? dispatch(setPassword(conference, conference.lock, password))
+                : Promise.resolve();
+        const endRoomLockRequest_ = () => dispatch(hideDialog('SecurityDialog', SecurityDialog));
+
+        setPassword_.then(endRoomLockRequest_, endRoomLockRequest_);
+    };
+}
+
+/**
+ * Begins a prompt for a password to join a specific conference/room.
+ *
+ * @param {JitsiConference} conference - The {@code JitsiConference}
+ * requesting the password to join.
+ * @protected
+ * @returns {{
+ *     type: OPEN_DIALOG,
+ *     component: Component,
+ *     props: PropTypes
+ * }}
+ */
+export function _openPasswordRequiredPrompt(conference: IJitsiConference) {
+    return openDialog('PasswordRequiredPrompt', PasswordRequiredPrompt, { conference });
+}
+
+/**
+ * Unlocks the current jitsi conference.
+ *
+ * @returns {Function}
+ */
+export function unlockRoom() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const { conference } = getState()['features/base/conference'];
+
+        return dispatch(setPassword(
+            conference,
+            conference?.lock,
+            ''
+        ));
+    };
+}
+
diff --git a/react/features/room-lock/components/PasswordRequiredPrompt.native.tsx b/react/features/room-lock/components/PasswordRequiredPrompt.native.tsx
new file mode 100644
index 0000000..b6d51ba
--- /dev/null
+++ b/react/features/room-lock/components/PasswordRequiredPrompt.native.tsx
@@ -0,0 +1,165 @@
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../app/types';
+import { setPassword } from '../../base/conference/actions';
+import { IJitsiConference } from '../../base/conference/reducer';
+import InputDialog from '../../base/dialog/components/native/InputDialog';
+import { _cancelPasswordRequiredPrompt } from '../actions';
+
+/**
+ * {@code PasswordRequiredPrompt}'s React {@code Component} prop types.
+ */
+interface IProps {
+
+    /**
+     * The previously entered password, if any.
+     */
+    _password?: string;
+
+    /**
+     * Number of digits used in the room-lock password.
+     */
+    _passwordNumberOfDigits?: number;
+
+    /**
+     * The {@code JitsiConference} which requires a password.
+     *
+     * @type {JitsiConference}
+     */
+    conference: IJitsiConference;
+
+    /**
+     * The redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+}
+
+interface IState {
+
+    /**
+     * The previously entered password, if any.
+     */
+    password?: string;
+}
+
+/**
+ * Implements a React {@code Component} which prompts the user when a password
+ * is required to join a conference.
+ */
+class PasswordRequiredPrompt extends Component<IProps, IState> {
+    /**
+     * Initializes a new {@code PasswordRequiredPrompt} instance.
+     *
+     * @param {IProps} props - The read-only React {@code Component} props with
+     * which the new instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            password: props._password
+        };
+
+        // Bind event handlers so they are only bound once per instance.
+        this._onCancel = this._onCancel.bind(this);
+        this._onSubmit = this._onSubmit.bind(this);
+    }
+
+    /**
+     * Implements {@code Component#componentDidUpdate}.
+     *
+     * @inheritdoc
+     */
+    override componentDidUpdate() {
+        const { _password } = this.props;
+
+        // The previous password in Redux gets cleared after the dialog appears and it ends up breaking the dialog
+        // logic. We move the prop into state and only update it if it has an actual value, avoiding losing the
+        // previously received value when Redux updates.
+        if (_password && _password !== this.state.password) {
+            // eslint-disable-next-line react/no-did-update-set-state
+            this.setState({
+                password: _password
+            });
+        }
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { password } = this.state;
+        const { _passwordNumberOfDigits } = this.props;
+        const textInputProps: any = {
+            secureTextEntry: true
+        };
+
+        if (_passwordNumberOfDigits) {
+            textInputProps.keyboardType = 'numeric';
+            textInputProps.maxLength = _passwordNumberOfDigits;
+        }
+
+        return (
+            <InputDialog
+                descriptionKey = 'dialog.passwordLabel'
+                initialValue = { password }
+                messageKey = { password ? 'dialog.incorrectRoomLockPassword' : undefined }
+                onCancel = { this._onCancel }
+                onSubmit = { this._onSubmit }
+                textInputProps = { textInputProps }
+                titleKey = 'dialog.password' />
+        );
+    }
+
+    /**
+     * Notifies this prompt that it has been dismissed by cancel.
+     *
+     * @private
+     * @returns {boolean} If this prompt is to be closed/hidden, {@code true};
+     * otherwise, {@code false}.
+     */
+    _onCancel() {
+        this.props.dispatch(
+            _cancelPasswordRequiredPrompt(this.props.conference));
+
+        return true;
+    }
+
+    /**
+     * Notifies this prompt that it has been dismissed by submitting a specific
+     * value.
+     *
+     * @param {string|undefined} value - The submitted value.
+     * @private
+     * @returns {boolean} If this prompt is to be closed/hidden, {@code true};
+     * otherwise, {@code false}.
+     */
+    _onSubmit(value?: string) {
+        const { conference } = this.props;
+
+        this.props.dispatch(setPassword(conference, conference.join, value));
+
+        return true;
+    }
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const { roomPasswordNumberOfDigits } = state['features/base/config'];
+
+    return {
+        _password: state['features/base/conference'].password,
+        _passwordNumberOfDigits: roomPasswordNumberOfDigits
+    };
+}
+
+export default connect(_mapStateToProps)(PasswordRequiredPrompt);
diff --git a/react/features/room-lock/components/PasswordRequiredPrompt.web.tsx b/react/features/room-lock/components/PasswordRequiredPrompt.web.tsx
new file mode 100644
index 0000000..e3edd7e
--- /dev/null
+++ b/react/features/room-lock/components/PasswordRequiredPrompt.web.tsx
@@ -0,0 +1,159 @@
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+
+import { IStore } from '../../app/types';
+import { setPassword } from '../../base/conference/actions';
+import { IJitsiConference } from '../../base/conference/reducer';
+import { translate } from '../../base/i18n/functions';
+import Dialog from '../../base/ui/components/web/Dialog';
+import Input from '../../base/ui/components/web/Input';
+import { _cancelPasswordRequiredPrompt } from '../actions';
+
+/**
+ * The type of the React {@code Component} props of
+ * {@link PasswordRequiredPrompt}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * The JitsiConference which requires a password.
+     */
+    conference: IJitsiConference;
+
+    /**
+     * The redux store's {@code dispatch} function.
+     */
+    dispatch: IStore['dispatch'];
+}
+
+/**
+ * The type of the React {@code Component} state of
+ * {@link PasswordRequiredPrompt}.
+ */
+interface IState {
+
+    /**
+     * The password entered by the local participant.
+     */
+    password?: string;
+}
+
+/**
+ * Implements a React Component which prompts the user when a password is
+ * required to join a conference.
+ */
+class PasswordRequiredPrompt extends Component<IProps, IState> {
+    override state = {
+        password: ''
+    };
+
+    /**
+     * Initializes a new PasswordRequiredPrompt instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handlers so they are only bound once per instance.
+        this._onPasswordChanged = this._onPasswordChanged.bind(this);
+        this._onCancel = this._onCancel.bind(this);
+        this._onSubmit = this._onSubmit.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        return (
+            <Dialog
+                disableBackdropClose = { true }
+                onCancel = { this._onCancel }
+                onSubmit = { this._onSubmit }
+                titleKey = 'dialog.passwordRequired'>
+                { this._renderBody() }
+            </Dialog>
+        );
+    }
+
+    /**
+     * Display component in dialog body.
+     *
+     * @returns {ReactElement}
+     * @protected
+     */
+    _renderBody() {
+        return (
+            <div>
+                <Input
+                    autoFocus = { true }
+                    className = 'dialog-bottom-margin'
+                    id = 'required-password-input'
+                    label = { this.props.t('dialog.passwordLabel') }
+                    name = 'lockKey'
+                    onChange = { this._onPasswordChanged }
+                    type = 'password'
+                    value = { this.state.password } />
+            </div>
+        );
+    }
+
+    /**
+     * Notifies this dialog that password has changed.
+     *
+     * @param {string} value - The details of the notification/event.
+     * @private
+     * @returns {void}
+     */
+    _onPasswordChanged(value: string) {
+        this.setState({
+            password: value
+        });
+    }
+
+    /**
+     * Dispatches action to cancel and dismiss this dialog.
+     *
+     * @private
+     * @returns {boolean}
+     */
+    _onCancel() {
+
+        this.props.dispatch(
+            _cancelPasswordRequiredPrompt(this.props.conference));
+
+        return true;
+    }
+
+    /**
+     * Dispatches action to submit value from this dialog.
+     *
+     * @private
+     * @returns {boolean}
+     */
+    _onSubmit() {
+        const { conference } = this.props;
+
+        // We received that password is required, but user is trying anyway to
+        // login without a password. Mark the room as not locked in case she
+        // succeeds (maybe someone removed the password meanwhile). If it is
+        // still locked, another password required will be received and the room
+        // again will be marked as locked.
+        this.props.dispatch(
+            setPassword(conference, conference.join, this.state.password));
+
+        // We have used the password so let's clean it.
+        this.setState({
+            password: ''
+        });
+
+        return true;
+    }
+}
+
+export default translate(connect()(PasswordRequiredPrompt));
diff --git a/react/features/room-lock/constants.ts b/react/features/room-lock/constants.ts
new file mode 100644
index 0000000..e4dbee4
--- /dev/null
+++ b/react/features/room-lock/constants.ts
@@ -0,0 +1,15 @@
+/**
+ * The conference/room lock state which identifies that the password was set by
+ * the current/local participant/user.
+ *
+ * @type {string}
+ */
+export const LOCKED_LOCALLY = 'LOCKED_LOCALLY';
+
+/**
+ * The conference/room lock state which identifies that the password was set by
+ * a remote participant/user.
+ *
+ * @type {string}
+ */
+export const LOCKED_REMOTELY = 'LOCKED_REMOTELY';
diff --git a/react/features/room-lock/logger.ts b/react/features/room-lock/logger.ts
new file mode 100644
index 0000000..d582809
--- /dev/null
+++ b/react/features/room-lock/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:room-lock');
diff --git a/react/features/room-lock/middleware.ts b/react/features/room-lock/middleware.ts
new file mode 100644
index 0000000..1c0b2e9
--- /dev/null
+++ b/react/features/room-lock/middleware.ts
@@ -0,0 +1,149 @@
+import { AnyAction } from 'redux';
+
+import { IStore } from '../app/types';
+import {
+    CONFERENCE_FAILED,
+    CONFERENCE_JOINED,
+    LOCK_STATE_CHANGED,
+    SET_PASSWORD_FAILED
+} from '../base/conference/actionTypes';
+import { hideDialog } from '../base/dialog/actions';
+import { JitsiConferenceErrors } from '../base/lib-jitsi-meet';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { showErrorNotification, showNotification } from '../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE } from '../notifications/constants';
+
+import { _openPasswordRequiredPrompt } from './actions';
+import PasswordRequiredPrompt from './components/PasswordRequiredPrompt';
+import { LOCKED_REMOTELY } from './constants';
+import logger from './logger';
+
+/**
+ * Middleware that captures conference failed and checks for password required
+ * error and requests a dialog for user to enter password.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case CONFERENCE_FAILED:
+        return _conferenceFailed(store, next, action);
+
+    case CONFERENCE_JOINED:
+        return _conferenceJoined(store, next, action);
+
+    case LOCK_STATE_CHANGED: {
+        const previousLockedState = store.getState()['features/base/conference'].locked;
+
+        const result = next(action);
+
+        const currentLockedState = store.getState()['features/base/conference'].locked;
+
+        if (currentLockedState === LOCKED_REMOTELY) {
+            store.dispatch(
+                showNotification({
+                    titleKey: 'notify.passwordSetRemotely'
+                }, NOTIFICATION_TIMEOUT_TYPE.SHORT));
+        } else if (previousLockedState === LOCKED_REMOTELY && !currentLockedState) {
+            store.dispatch(
+                showNotification({
+                    titleKey: 'notify.passwordRemovedRemotely'
+                }, NOTIFICATION_TIMEOUT_TYPE.SHORT));
+        }
+
+        return result;
+    }
+    case SET_PASSWORD_FAILED:
+        return _setPasswordFailed(store, next, action);
+    }
+
+    return next(action);
+});
+
+/**
+ * Handles cleanup of lock prompt state when a conference is joined.
+ *
+ * @param {Store} store - The redux store in which the specified action is being
+ * dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified action to the specified store.
+ * @param {Action} action - The redux action {@code CONFERENCE_JOINED} which
+ * specifies the details associated with joining the conference.
+ * @private
+ * @returns {*}
+ */
+function _conferenceJoined({ dispatch }: IStore, next: Function, action: AnyAction) {
+    dispatch(hideDialog('PasswordRequiredPrompt', PasswordRequiredPrompt));
+
+    return next(action);
+}
+
+/**
+ * Handles errors that occur when a conference fails.
+ *
+ * @param {Store} store - The redux store in which the specified action is being
+ * dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified action to the specified store.
+ * @param {Action} action - The redux action {@code CONFERENCE_FAILED} which
+ * specifies the details associated with the error and the failed conference.
+ * @private
+ * @returns {*}
+ */
+function _conferenceFailed({ dispatch }: IStore, next: Function, action: AnyAction) {
+    const { conference, error } = action;
+
+    if (conference && error.name === JitsiConferenceErrors.PASSWORD_REQUIRED) {
+        // XXX The feature room-lock affords recovery after CONFERENCE_FAILED
+        // caused by JitsiConferenceErrors.PASSWORD_REQUIRED.
+        if (typeof error.recoverable === 'undefined') {
+            error.recoverable = true;
+        }
+        if (error.recoverable) {
+            dispatch(_openPasswordRequiredPrompt(conference));
+        }
+    } else {
+        dispatch(hideDialog('PasswordRequiredPrompt', PasswordRequiredPrompt));
+    }
+
+    return next(action);
+}
+
+/**
+ * Handles errors that occur when a password fails to be set.
+ *
+ * @param {Store} store - The redux store in which the specified action is being
+ * dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified action to the specified store.
+ * @param {Action} action - The redux action {@code SET_PASSWORD_ERROR} which
+ * has the error type that should be handled.
+ * @private
+ * @returns {*}
+ */
+function _setPasswordFailed(store: IStore, next: Function, action: AnyAction) {
+    if (typeof APP !== 'undefined') {
+        // TODO Remove this logic when displaying of error messages on web is
+        // handled through react/redux.
+        const { error } = action;
+        let descriptionKey;
+        let titleKey;
+
+        if (error === JitsiConferenceErrors.PASSWORD_NOT_SUPPORTED) {
+            logger.warn('room passwords not supported');
+            descriptionKey = 'dialog.passwordNotSupported';
+            titleKey = 'dialog.passwordNotSupportedTitle';
+        } else {
+            logger.warn('setting password failed', error);
+            descriptionKey = 'dialog.lockMessage';
+            titleKey = 'dialog.lockTitle';
+        }
+        APP.store.dispatch(showErrorNotification({
+            descriptionKey,
+            titleKey
+        }));
+    }
+
+    return next(action);
+}
diff --git a/react/features/rtcstats/RTCStats.ts b/react/features/rtcstats/RTCStats.ts
new file mode 100644
index 0000000..66ff25c
--- /dev/null
+++ b/react/features/rtcstats/RTCStats.ts
@@ -0,0 +1,126 @@
+import JitsiMeetJS, { RTCStatsEvents } from '../base/lib-jitsi-meet';
+
+import logger from './logger';
+import {
+    E2ERTTData,
+    FaceLandmarksData
+} from './types';
+
+// TODO(saghul): expose these in libn-jitsi-meet?
+const PC_CON_STATE_CHANGE = 'connectionstatechange';
+const PC_STATE_CONNECTED = 'connected';
+const PC_STATE_FAILED = 'failed';
+
+/**
+ * Handle lib-jitsi-meet rtcstats events and send jitsi-meet specific statistics.
+ */
+class RTCStats {
+    private _connStateEvents: Array<any> = [];
+    private _initialized = false;
+
+    /**
+     * Handles rtcstats events.
+     *
+     * @returns {void}
+     */
+    init() {
+        this._connStateEvents = [];
+
+        if (!this._initialized) {
+            JitsiMeetJS.rtcstats.on(
+                RTCStatsEvents.RTC_STATS_PC_EVENT,
+                (pcEvent: any) => this.handleRTCStatsEvent(pcEvent));
+            this._initialized = true;
+        }
+    }
+
+    /**
+     * Send console logs to rtcstats server.
+     *
+     * @param {Array<string|any>} logEntries - The log entries to send to the rtcstats server.
+     * @returns {void}
+     */
+    sendLogs(logEntries: Array<string | any>) {
+        JitsiMeetJS.rtcstats.sendStatsEntry('logs', logEntries);
+    }
+
+    /**
+     * Send e2e rtt data, the data will be processed by rtcstats-server and saved in the dump file.
+     *
+     * @param {Object} e2eRttData - The object that holds the e2e data.
+     * @returns {void}
+     */
+    sendE2ERTTData(e2eRttData: E2ERTTData) {
+        JitsiMeetJS.rtcstats.sendStatsEntry('e2eRtt', e2eRttData);
+    }
+
+    /**
+     * Send identity data, the data will be processed by rtcstats-server and saved in the dump file.
+     *
+     * @param {Object} identityData - The object that holds the identity data.
+     * @returns {void}
+     */
+    sendIdentityData(identityData: Object) {
+        JitsiMeetJS.rtcstats.sendIdentityEntry(identityData);
+    }
+
+    /**
+     * Send the timestamp of the start of the conference, the data will be processed by the rtcstats-server
+     * and saved in the dump file.
+     *
+     * @param {Object} timestamp - The object which contains the timestamp.
+     * @returns {void}
+     */
+    sendConferenceTimestamp(timestamp: number) {
+        JitsiMeetJS.rtcstats.sendStatsEntry('conferenceStartTimestamp', timestamp);
+    }
+
+    /**
+     * Send face landmarks data, the data will be processed by rtcstats-server and saved in the dump file.
+     *
+     * @param {Object} faceLandmarksData - Face landmarks data to be saved in the rtcstats dump.
+     * @returns {void}
+     */
+    sendFaceLandmarksData(faceLandmarksData: FaceLandmarksData) {
+        JitsiMeetJS.rtcstats.sendStatsEntry('faceLandmarks', faceLandmarksData);
+    }
+
+    /**
+     * RTCStats client can notify the APP of any PeerConnection related event that occurs.
+     *
+     * @param {Object} event - The PeerConnection event.
+     * @param {string} event.type - The event type.
+     * @param {Object} event.body - Event body.
+     * @param {string} event.body.isP2P - PeerConnection type.
+     * @param {string} event.body.state - PeerConnection state change which triggered the event.
+     * @returns {void}
+     */
+    handleRTCStatsEvent(event: any) {
+        switch (event.type) {
+        case PC_CON_STATE_CHANGE: {
+            const { body: { isP2P = null, state = null } } = event;
+
+            this._connStateEvents.push(event.body);
+
+            // We only report PC related connection issues. If the rtcstats websocket is not connected at this point
+            // it usually means that none of our services can be reached i.e. there's problem with the internet
+            // connection and not necessarily with reaching the JVB (due to a firewall or other reasons).
+            if (state === PC_STATE_FAILED) {
+                const connectionType = isP2P ? 'P2P' : 'JVB';
+                const wasConnected = this._connStateEvents.some((connectionEvent: { isP2P: any; state: string; }) =>
+                    (connectionEvent.isP2P === isP2P) && (connectionEvent.state === PC_STATE_CONNECTED));
+
+                logger.info(`${connectionType} PeerConnection failed, previously connected: ${wasConnected}`);
+
+                if (typeof APP !== 'undefined') {
+                    APP.API.notifyPeerConnectionFailure(isP2P, wasConnected);
+                }
+            }
+
+            break;
+        }
+        }
+    }
+}
+
+export default new RTCStats();
diff --git a/react/features/rtcstats/functions.ts b/react/features/rtcstats/functions.ts
new file mode 100644
index 0000000..83d0687
--- /dev/null
+++ b/react/features/rtcstats/functions.ts
@@ -0,0 +1,29 @@
+
+import { IStateful } from '../base/app/types';
+import { toState } from '../base/redux/functions';
+
+/**
+ * Checks whether rtcstats is enabled or not.
+ *
+ * @param {IStateful} stateful - The redux store or {@code getState} function.
+ * @returns {boolean}
+ */
+export function isRTCStatsEnabled(stateful: IStateful) {
+    const state = toState(stateful);
+    const { analytics } = state['features/base/config'];
+
+    return analytics?.rtcstatsEnabled ?? false;
+}
+
+/**
+ * Checks if the faceLandmarks data can be sent to the rtcstats server.
+ *
+ * @param {IStateful} stateful - The redux store or {@code getState} function.
+ * @returns {boolean}
+ */
+export function canSendFaceLandmarksRTCStatsData(stateful: IStateful): boolean {
+    const state = toState(stateful);
+    const { faceLandmarks } = state['features/base/config'];
+
+    return Boolean(faceLandmarks?.enableRTCStats && isRTCStatsEnabled(state));
+}
diff --git a/react/features/rtcstats/logger.ts b/react/features/rtcstats/logger.ts
new file mode 100644
index 0000000..eda27ba
--- /dev/null
+++ b/react/features/rtcstats/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:rtcstats');
diff --git a/react/features/rtcstats/middleware.ts b/react/features/rtcstats/middleware.ts
new file mode 100644
index 0000000..699a4ab
--- /dev/null
+++ b/react/features/rtcstats/middleware.ts
@@ -0,0 +1,92 @@
+import { AnyAction } from 'redux';
+
+import { IStore } from '../app/types';
+import {
+    CONFERENCE_JOINED,
+    E2E_RTT_CHANGED
+} from '../base/conference/actionTypes';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { TRACK_UPDATED } from '../base/tracks/actionTypes';
+import { ADD_FACE_LANDMARKS } from '../face-landmarks/actionTypes';
+import { FaceLandmarks } from '../face-landmarks/types';
+import { sendGetCustomerIdRequest } from '../jaas/functions';
+
+import RTCStats from './RTCStats';
+import {
+    canSendFaceLandmarksRTCStatsData,
+    isRTCStatsEnabled
+} from './functions';
+import logger from './logger';
+
+/**
+ * Middleware which intercepts lib-jitsi-meet initialization and conference join in order init the
+ * rtcstats-client.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register((store: IStore) => (next: Function) => (action: AnyAction) => {
+    const { getState } = store;
+    const state = getState();
+
+    switch (action.type) {
+    case CONFERENCE_JOINED: {
+        if (isRTCStatsEnabled(state)) {
+            RTCStats.init();
+
+            sendGetCustomerIdRequest(action?.conference, state)
+                .then(customerData => {
+                    const { customerId } = customerData ?? {};
+
+                    customerId && RTCStats.sendIdentityData({ customerId });
+                })
+                .catch(error => {
+                    logger.error('Error while getting customer id:', error);
+                });
+        }
+        break;
+    }
+    case TRACK_UPDATED: {
+        if (isRTCStatsEnabled(state)) {
+            const { jitsiTrack, muted } = action?.track || { };
+            const { isLocal, videoType: trackVideoType, conference } = jitsiTrack || { };
+
+            if (trackVideoType === 'camera' && conference && isLocal()) {
+                RTCStats.sendFaceLandmarksData({
+                    duration: 0,
+                    faceLandmarks: muted ? 'camera-off' : 'camera-on',
+                    timestamp: Date.now()
+                });
+            }
+        }
+        break;
+    }
+    case E2E_RTT_CHANGED: {
+        if (isRTCStatsEnabled(state)) {
+            const { participant, rtt } = action.e2eRtt;
+
+            RTCStats.sendE2ERTTData({
+                remoteEndpointId: participant.getId(),
+                rtt,
+                remoteRegion: participant.getProperty('region')
+            });
+        }
+        break;
+    }
+    case ADD_FACE_LANDMARKS: {
+        if (canSendFaceLandmarksRTCStatsData(state)) {
+            const { duration, faceExpression, timestamp } = action.faceLandmarks as FaceLandmarks;
+            const durationSeconds = Math.round(duration / 1000);
+
+            RTCStats.sendFaceLandmarksData({
+                duration: durationSeconds,
+                faceLandmarks: faceExpression,
+                timestamp
+            });
+        }
+        break;
+    }
+    }
+
+    return next(action);
+});
diff --git a/react/features/rtcstats/types.ts b/react/features/rtcstats/types.ts
new file mode 100644
index 0000000..70f257c
--- /dev/null
+++ b/react/features/rtcstats/types.ts
@@ -0,0 +1,12 @@
+// Types for RTC stats entries.
+export type E2ERTTData = {
+    remoteEndpointId: string;
+    remoteRegion: string;
+    rtt: number;
+};
+
+export type FaceLandmarksData = {
+    duration: number;
+    faceLandmarks: string;
+    timestamp: number;
+};
diff --git a/react/features/salesforce/actions.ts b/react/features/salesforce/actions.ts
new file mode 100644
index 0000000..2593fab
--- /dev/null
+++ b/react/features/salesforce/actions.ts
@@ -0,0 +1,36 @@
+import { IStore } from '../app/types';
+import { openDialog } from '../base/dialog/actions';
+import { hideNotification, showNotification } from '../notifications/actions';
+import {
+    NOTIFICATION_TIMEOUT_TYPE,
+    NOTIFICATION_TYPE,
+    SALESFORCE_LINK_NOTIFICATION_ID
+} from '../notifications/constants';
+
+import { SalesforceLinkDialog } from './components';
+import { isSalesforceEnabled } from './functions';
+
+/**
+ * Displays the notification for linking the meeting to Salesforce.
+ *
+ * @returns {void}
+ */
+export function showSalesforceNotification() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        if (!isSalesforceEnabled(getState())) {
+            return;
+        }
+
+        dispatch(showNotification({
+            descriptionKey: 'notify.linkToSalesforceDescription',
+            titleKey: 'notify.linkToSalesforce',
+            uid: SALESFORCE_LINK_NOTIFICATION_ID,
+            customActionNameKey: [ 'notify.linkToSalesforceKey' ],
+            customActionHandler: [ () => {
+                dispatch(hideNotification(SALESFORCE_LINK_NOTIFICATION_ID));
+                dispatch(openDialog('SalesforceLinkDialog', SalesforceLinkDialog));
+            } ],
+            appearance: NOTIFICATION_TYPE.NORMAL
+        }, NOTIFICATION_TIMEOUT_TYPE.LONG));
+    };
+}
diff --git a/react/features/salesforce/components/index.native.ts b/react/features/salesforce/components/index.native.ts
new file mode 100644
index 0000000..f3783af
--- /dev/null
+++ b/react/features/salesforce/components/index.native.ts
@@ -0,0 +1,2 @@
+// @ts-ignore
+export { default as SalesforceLinkDialog } from './native/SalesforceLinkDialog';
diff --git a/react/features/salesforce/components/index.web.ts b/react/features/salesforce/components/index.web.ts
new file mode 100644
index 0000000..d144b9b
--- /dev/null
+++ b/react/features/salesforce/components/index.web.ts
@@ -0,0 +1 @@
+export { default as SalesforceLinkDialog } from './web/SalesforceLinkDialog';
diff --git a/react/features/salesforce/components/native/RecordItem.tsx b/react/features/salesforce/components/native/RecordItem.tsx
new file mode 100644
index 0000000..57bbcb5
--- /dev/null
+++ b/react/features/salesforce/components/native/RecordItem.tsx
@@ -0,0 +1,83 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { GestureResponderEvent, Text, TextStyle, TouchableHighlight, View, ViewStyle } from 'react-native';
+
+import Icon from '../../../base/icons/components/Icon';
+import { RECORD_TYPE } from '../../constants';
+
+import styles from './styles';
+
+/**
+ * The type of the React {@code Component} props of {@link RecordItem}.
+ */
+interface IProps {
+
+    /**
+     * The id of the record.
+     */
+    id?: string;
+
+    /**
+     * The name of the record.
+     */
+    name?: string;
+
+    /**
+     * The handler for the click event.
+     */
+    onClick?: (e?: GestureResponderEvent | React.MouseEvent) => void;
+
+    /**
+     * The type of the record.
+     */
+    type?: string;
+}
+
+/**
+ * Component to render Record data.
+ *
+ * @param {IProps} props - The props of the component.
+ * @returns {React$Element<any>}
+ */
+export const RecordItem = ({
+    id,
+    name,
+    type,
+    /* eslint-disable-next-line @typescript-eslint/no-empty-function */
+    onClick = () => {}
+}: IProps) => {
+    const { t } = useTranslation();
+    const IconRecord = RECORD_TYPE[type ?? ''].icon;
+
+    return (
+        <TouchableHighlight onPress = { onClick }>
+            <View
+                key = { `record-${id}` }
+                style = { styles.recordItem as ViewStyle }
+
+                // @ts-ignore
+                title = { name }>
+                <View style = { styles.recordTypeIcon as ViewStyle }>
+                    {IconRecord && (
+                        <Icon
+                            src = { IconRecord }
+                            style = { styles.recordIcon } />
+                    )}
+                </View>
+                <View style = { styles.recordDetails as ViewStyle }>
+                    <Text
+                        key = { name }
+                        numberOfLines = { 1 }
+                        style = { styles.recordName as TextStyle }>
+                        {name}
+                    </Text>
+                    <Text
+                        key = { type }
+                        style = { styles.recordType }>
+                        {t(RECORD_TYPE[type ?? ''].label)}
+                    </Text>
+                </View>
+            </View>
+        </TouchableHighlight>
+    );
+};
diff --git a/react/features/salesforce/components/native/SalesforceLinkDialog.tsx b/react/features/salesforce/components/native/SalesforceLinkDialog.tsx
new file mode 100644
index 0000000..4186831
--- /dev/null
+++ b/react/features/salesforce/components/native/SalesforceLinkDialog.tsx
@@ -0,0 +1,187 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Platform, ScrollView, Text, View, ViewStyle } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { IconSearch } from '../../../base/icons/svg';
+import JitsiScreen from '../../../base/modal/components/JitsiScreen';
+import LoadingIndicator from '../../../base/react/components/native/LoadingIndicator';
+import Button from '../../../base/ui/components/native/Button';
+import Input from '../../../base/ui/components/native/Input';
+import { BUTTON_TYPES } from '../../../base/ui/constants.native';
+import { navigate } from '../../../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
+import { screen } from '../../../mobile/navigation/routes';
+import { CONTENT_HEIGHT_OFFSET, LIST_HEIGHT_OFFSET, NOTES_LINES, NOTES_MAX_LENGTH } from '../../constants';
+import { useSalesforceLinkDialog } from '../../useSalesforceLinkDialog';
+
+import { RecordItem } from './RecordItem';
+import styles from './styles';
+
+/**
+ * Component that renders the Salesforce link dialog.
+ *
+ * @returns {React$Element<any>}
+ */
+const SalesforceLinkDialog = () => {
+    const { t } = useTranslation();
+    const { clientHeight } = useSelector((state: IReduxState) => state['features/base/responsive-ui']);
+    const {
+        hasDetailsErrors,
+        hasRecordsErrors,
+        isLoading,
+        linkMeeting,
+        notes,
+        records,
+        searchTerm,
+        selectedRecord,
+        selectedRecordOwner,
+        setNotes,
+        setSearchTerm,
+        setSelectedRecord,
+        showNoResults,
+        showSearchResults
+    } = useSalesforceLinkDialog();
+
+    const handlePress = useCallback(() => {
+        navigate(screen.conference.main);
+        selectedRecord && linkMeeting();
+    }, [ navigate, linkMeeting ]);
+
+    const renderSpinner = () => (
+        <View style = { [ styles.recordsSpinner, { height: clientHeight - CONTENT_HEIGHT_OFFSET } ] as ViewStyle[] }>
+            <LoadingIndicator />
+        </View>
+    );
+
+    const renderDetailsErrors = () => (
+        <Text style = { styles.detailsError }>
+            {t('dialog.searchResultsDetailsError')}
+        </Text>
+    );
+
+    const renderSelection = () => (
+        <SafeAreaView>
+            <ScrollView
+                bounces = { false }
+                style = { [ styles.selectedRecord, { height: clientHeight - CONTENT_HEIGHT_OFFSET } ] as ViewStyle[] }>
+                <View style = { styles.recordInfo as ViewStyle }>
+                    <RecordItem { ...selectedRecord } />
+                    { selectedRecordOwner && <RecordItem { ...selectedRecordOwner } /> }
+                    { hasDetailsErrors && renderDetailsErrors() }
+                </View>
+                <Text style = { styles.addNote }>
+                    {t('dialog.addOptionalNote')}
+                </Text>
+                <Input
+                    customStyles = {{ container: styles.notes }}
+                    maxLength = { NOTES_MAX_LENGTH }
+                    minHeight = { Platform.OS === 'ios' && NOTES_LINES ? 20 * NOTES_LINES : undefined }
+                    multiline = { true }
+                    numberOfLines = { Platform.OS === 'ios' ? undefined : NOTES_LINES }
+                    /* eslint-disable-next-line react/jsx-no-bind */
+                    onChange = { value => setNotes(value) }
+                    placeholder = { t('dialog.addMeetingNote') }
+                    value = { notes } />
+            </ScrollView>
+        </SafeAreaView>
+    );
+
+    const renderRecordsSearch = () => (
+        <View style = { styles.recordsSearchContainer as ViewStyle }>
+            <Input
+                icon = { IconSearch }
+                maxLength = { NOTES_MAX_LENGTH }
+                /* eslint-disable-next-line react/jsx-no-bind */
+                onChange = { value => setSearchTerm(value) }
+                placeholder = { t('dialog.searchInSalesforce') }
+                value = { searchTerm ?? '' } />
+            {(!isLoading && !hasRecordsErrors) && (
+                <Text style = { styles.resultLabel }>
+                    {showSearchResults
+                        ? t('dialog.searchResults', { count: records.length })
+                        : t('dialog.recentlyUsedObjects')
+                    }
+                </Text>
+            )}
+        </View>
+    );
+
+    const renderNoRecords = () => showNoResults && (
+        <View style = { [ styles.noRecords, { height: clientHeight - CONTENT_HEIGHT_OFFSET } ] as ViewStyle[] }>
+            <Text style = { styles.noRecordsText }>
+                {t('dialog.searchResultsNotFound')}
+            </Text>
+            <Text style = { styles.noRecordsText }>
+                {t('dialog.searchResultsTryAgain')}
+            </Text>
+        </View>
+    );
+
+    const renderRecordsError = () => (
+        <View style = { [ styles.recordsError, { height: clientHeight - CONTENT_HEIGHT_OFFSET } ] as ViewStyle[] }>
+            <Text style = { styles.recordsErrorText }>
+                {t('dialog.searchResultsError')}
+            </Text>
+        </View>
+    );
+
+    const renderContent = () => {
+        if (isLoading) {
+            return renderSpinner();
+        }
+        if (hasRecordsErrors) {
+            return renderRecordsError();
+        }
+        if (showNoResults) {
+            return renderNoRecords();
+        }
+        if (selectedRecord) {
+            return renderSelection();
+        }
+
+        return (
+            <SafeAreaView>
+                <ScrollView
+                    bounces = { false }
+                    style = { [ styles.recordList, { height: clientHeight - LIST_HEIGHT_OFFSET } ] as ViewStyle[] }>
+                    {records.map((item: any) => (
+                        <RecordItem
+                            key = { `record-${item.id}` }
+                            /* eslint-disable-next-line react/jsx-no-bind */
+                            onClick = { () => setSelectedRecord(item) }
+                            { ...item } />
+                    ))}
+                </ScrollView>
+            </SafeAreaView>
+        );
+    };
+
+    return (
+        <JitsiScreen style = { styles.salesforceDialogContainer }>
+            <View>
+                {!selectedRecord && renderRecordsSearch()}
+                {renderContent()}
+            </View>
+            {
+                selectedRecord
+                && <View>
+                    <Button
+                        labelKey = 'dialog.Cancel'
+                        /* eslint-disable-next-line react/jsx-no-bind */
+                        onClick = { () => setSelectedRecord(null) }
+                        style = { styles.cancelButton }
+                        type = { BUTTON_TYPES.SECONDARY } />
+                    <Button
+                        labelKey = 'dialog.linkMeeting'
+                        onClick = { handlePress }
+                        style = { styles.linkButton }
+                        type = { BUTTON_TYPES.PRIMARY } />
+                </View>
+            }
+        </JitsiScreen>
+    );
+};
+
+export default SalesforceLinkDialog;
diff --git a/react/features/salesforce/components/native/styles.ts b/react/features/salesforce/components/native/styles.ts
new file mode 100644
index 0000000..bb3908d
--- /dev/null
+++ b/react/features/salesforce/components/native/styles.ts
@@ -0,0 +1,148 @@
+import BaseTheme from '../../../base/ui/components/BaseTheme.native';
+
+export default {
+    salesforceDialogContainer: {
+        position: 'relative',
+        flexDirection: 'column',
+        flex: 1,
+        display: 'flex',
+        backgroundColor: BaseTheme.palette.ui01
+    },
+    recordsSearchContainer: {
+        alignSelf: 'stretch',
+        backgroundColor: BaseTheme.palette.ui01,
+        paddingHorizontal: BaseTheme.spacing[3],
+        paddingTop: BaseTheme.spacing[2],
+        position: 'relative'
+    },
+    searchIcon: {
+        color: BaseTheme.palette.text03,
+        fontSize: 30,
+        left: 22,
+        position: 'absolute',
+        top: 22,
+        zIndex: 2
+    },
+    resultLabel: {
+        backgroundColor: BaseTheme.palette.ui01,
+        color: BaseTheme.palette.text03,
+        fontSize: 15,
+        margin: 0,
+        paddingBottom: 8,
+        paddingTop: 16
+    },
+    recordsSpinner: {
+        alignItems: 'center',
+        display: 'flex',
+        justifyContent: 'center',
+        width: '100%'
+    },
+    noRecords: {
+        alignItems: 'center',
+        backgroundColor: BaseTheme.palette.ui01,
+        display: 'flex',
+        flexDirection: 'column',
+        justifyContent: 'center',
+        padding: BaseTheme.spacing[3]
+    },
+    noRecordsText: {
+        color: BaseTheme.palette.text03
+    },
+    recordsError: {
+        alignItems: 'center',
+        display: 'flex',
+        flexDirection: 'column',
+        justifyContent: 'center',
+        paddingBottom: 30
+    },
+    recordsErrorText: {
+        color: BaseTheme.palette.text03
+    },
+    recordList: {
+        alignSelf: 'stretch',
+        display: 'flex',
+        listStyle: 'none',
+        paddingVertical: BaseTheme.spacing[3],
+        position: 'relative'
+    },
+    selectedRecord: {
+        alignSelf: 'stretch',
+        display: 'flex',
+        paddingTop: BaseTheme.spacing[3],
+        position: 'relative'
+    },
+    recordInfo: {
+        backgroundColor: BaseTheme.palette.ui03,
+        borderRadius: BaseTheme.shape.borderRadius,
+        display: 'flex',
+        margin: BaseTheme.spacing[3],
+        position: 'relative'
+    },
+    detailsError: {
+        color: BaseTheme.palette.text03,
+        padding: BaseTheme.spacing[3]
+    },
+    addNote: {
+        color: BaseTheme.palette.text01,
+        margin: BaseTheme.spacing[3]
+    },
+    notes: {
+        alignItems: 'flex-start',
+        backgroundColor: BaseTheme.palette.field01,
+        borderColor: BaseTheme.palette.ui05,
+        borderRadius: BaseTheme.shape.borderRadius,
+        borderWidth: 1,
+        color: BaseTheme.palette.text01,
+        lineHeight: 18,
+        marginHorizontal: BaseTheme.spacing[3],
+        marginVertical: BaseTheme.spacing[2],
+        overflow: 'hidden',
+        padding: BaseTheme.spacing[2],
+        textAlignVertical: 'top'
+    },
+    cancelButton: {
+        margin: BaseTheme.spacing[2]
+    },
+    linkButton: {
+        marginBottom: BaseTheme.spacing[2],
+        marginHorizontal: BaseTheme.spacing[2]
+    },
+    recordItem: {
+        alignItems: 'center',
+        display: 'flex',
+        flex: 1,
+        flexDirection: 'row',
+        paddingHorizontal: BaseTheme.spacing[3]
+    },
+    recordTypeIcon: {
+        alignItems: 'center',
+        borderRadius: BaseTheme.shape.borderRadius,
+        display: 'flex',
+        height: 40,
+        justifyContent: 'center',
+        marginRight: BaseTheme.spacing[3],
+        width: 40
+    },
+    recordIcon: {
+        alignItems: 'center',
+        display: 'flex',
+        justifyContent: 'center'
+    },
+    recordDetails: {
+        display: 'flex',
+        flex: 1,
+        flexDirection: 'column',
+        justifyContent: 'space-around',
+        overflow: 'hidden',
+        paddingVertical: BaseTheme.spacing[3]
+    },
+    recordName: {
+        color: BaseTheme.palette.text01,
+        fontSize: 15,
+        overflow: 'hidden'
+    },
+    recordType: {
+        color: BaseTheme.palette.text01,
+        fontSize: 13
+    }
+};
diff --git a/react/features/salesforce/components/web/RecordItem.tsx b/react/features/salesforce/components/web/RecordItem.tsx
new file mode 100644
index 0000000..f26fd50
--- /dev/null
+++ b/react/features/salesforce/components/web/RecordItem.tsx
@@ -0,0 +1,107 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { makeStyles } from 'tss-react/mui';
+
+import { RECORD_TYPE } from '../../constants';
+
+/**
+ * The type of the React {@code Component} props of {@link RecordItem}.
+ */
+interface IProps {
+
+    /**
+     * The id of the record.
+     */
+    id?: string;
+
+    /**
+     * The name of the record.
+     */
+    name?: string;
+
+    /**
+     * The handler for the click event.
+     */
+    onClick?: (e?: React.MouseEvent) => void;
+
+    /**
+     * The type of the record.
+     */
+    type?: string;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        recordItem: {
+            display: 'flex',
+            alignItems: 'center'
+        },
+        recordTypeIcon: {
+            borderRadius: theme.shape.borderRadius,
+            height: '40px',
+            marginRight: '16px',
+            width: '40px'
+        },
+        recordDetails: {
+            display: 'flex',
+            flex: 1,
+            flexDirection: 'column',
+            justifyContent: 'space-around',
+            overflow: 'hidden',
+            padding: '12px 0',
+            textOverflow: 'ellipsis'
+        },
+        recordName: {
+            fontSize: '1rem',
+            fontWeight: 400,
+            lineHeight: '1.25rem',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis'
+        },
+        recordType: {
+            fontSize: '0.875rem',
+            fontWeight: 400,
+            lineHeight: '1.125rem'
+        }
+    };
+});
+
+/**
+ * Component to render Record data.
+ *
+ * @param {IProps} props - The props of the component.
+ * @returns {React$Element<any>}
+ */
+export const RecordItem = ({
+    id,
+    name,
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    onClick = () => {},
+    type
+}: IProps) => {
+    const { t } = useTranslation();
+    const Icon = RECORD_TYPE[type as keyof typeof RECORD_TYPE].icon;
+    const { classes } = useStyles();
+
+    return (
+        <li
+            className = { classes.recordItem }
+            key = { `record-${id}` }
+            onClick = { onClick }
+            title = { name }>
+            <div className = { classes.recordTypeIcon }>{Icon && <Icon />}</div>
+            <div className = { classes.recordDetails }>
+                <div
+                    className = { classes.recordName }
+                    key = { name }>
+                    {name}
+                </div>
+                <div
+                    className = { classes.recordType }
+                    key = { type }>
+                    {t(RECORD_TYPE[type ?? ''].label)}
+                </div>
+            </div>
+        </li>
+    );
+};
diff --git a/react/features/salesforce/components/web/SalesforceLinkDialog.tsx b/react/features/salesforce/components/web/SalesforceLinkDialog.tsx
new file mode 100644
index 0000000..f8b38a7
--- /dev/null
+++ b/react/features/salesforce/components/web/SalesforceLinkDialog.tsx
@@ -0,0 +1,284 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { hideDialog } from '../../../base/dialog/actions';
+import Icon from '../../../base/icons/components/Icon';
+import { IconSearch } from '../../../base/icons/svg';
+import { getFieldValue } from '../../../base/react/functions';
+import Dialog from '../../../base/ui/components/web/Dialog';
+import Spinner from '../../../base/ui/components/web/Spinner';
+import { NOTES_MAX_LENGTH } from '../../constants';
+import { useSalesforceLinkDialog } from '../../useSalesforceLinkDialog';
+
+import { RecordItem } from './RecordItem';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        container: {
+            height: '450px',
+            overflowY: 'auto',
+            position: 'relative'
+        },
+        recordsSearchContainer: {
+            position: 'relative',
+            padding: '1px'
+        },
+        searchIcon: {
+            display: 'block',
+            position: 'absolute',
+            color: theme.palette.text03,
+            left: 16,
+            top: 10,
+            width: 20,
+            height: 20
+        },
+        resultLabel: {
+            fontSize: '1rem',
+            margin: '16px 0 8px'
+        },
+        recordsSearch: {
+            backgroundColor: theme.palette.field01,
+            border: '1px solid',
+            borderRadius: theme.shape.borderRadius,
+            borderColor: theme.palette.ui05,
+            color: theme.palette.text01,
+            padding: '10px 16px 10px 44px',
+            width: '100%',
+            height: 40,
+            '&::placeholder': {
+                color: theme.palette.text03,
+                ...theme.typography.bodyShortRegular
+            }
+        },
+        spinner: {
+            alignItems: 'center',
+            display: 'flex',
+            height: 'calc(100% - 70px)',
+            justifyContent: 'center',
+            width: '100%',
+
+            '@media (max-width: 448px)': {
+                height: 'auto',
+                marginTop: '24px'
+            }
+        },
+        noRecords: {
+            height: 'calc(100% - 150px)',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            flexDirection: 'column',
+
+            '@media (max-width: 448px)': {
+                height: 'auto',
+                marginTop: '24px'
+            }
+        },
+        recordsError: {
+            height: 'calc(100% - 42px)',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            flexDirection: 'column',
+
+            '@media (max-width: 448px)': {
+                height: 'auto',
+                marginTop: '24px'
+            }
+        },
+        recordList: {
+            listStyle: 'none',
+            margin: '10px 0',
+            padding: 0
+        },
+        recordInfo: {
+            backgroundColor: theme.palette.ui03,
+            padding: '0 16px',
+            borderRadius: theme.shape.borderRadius,
+            marginBottom: '28px'
+        },
+        detailsError: {
+            padding: '10px 0'
+        },
+        addNote: {
+            padding: '10px 0'
+        },
+        notes: {
+            lineHeight: '1.125rem',
+            minHeight: '130px',
+            resize: 'vertical',
+            width: '100%',
+            boxSizing: 'border-box',
+            overflow: 'hidden',
+            border: '1px solid',
+            borderColor: theme.palette.ui05,
+            backgroundColor: theme.palette.field01,
+            color: theme.palette.text01,
+            borderRadius: theme.shape.borderRadius,
+            padding: '10px 16px'
+        }
+    };
+});
+
+
+/**
+ * Component that renders the Salesforce link dialog.
+ *
+ * @returns {React$Element<any>}
+ */
+function SalesforceLinkDialog() {
+    const { t } = useTranslation();
+    const { classes, theme } = useStyles();
+    const dispatch = useDispatch();
+    const {
+        hasDetailsErrors,
+        hasRecordsErrors,
+        isLoading,
+        linkMeeting,
+        notes,
+        records,
+        searchTerm,
+        selectedRecord,
+        selectedRecordOwner,
+        setNotes,
+        setSearchTerm,
+        setSelectedRecord,
+        showNoResults,
+        showSearchResults
+    } = useSalesforceLinkDialog();
+
+    const handleChange = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {
+        const value = getFieldValue(event);
+
+        setSearchTerm(value);
+    }, [ getFieldValue ]);
+
+    const handleSubmit = useCallback(() => {
+        dispatch(hideDialog());
+        selectedRecord && linkMeeting();
+    }, [ hideDialog, linkMeeting ]);
+
+    const renderSpinner = () => (
+        <div className = { classes.spinner }>
+            <Spinner />
+        </div>
+    );
+
+    const renderDetailsErrors = () => (
+        <div className = { classes.detailsError }>
+            {t('dialog.searchResultsDetailsError')}
+        </div>
+    );
+
+    const renderSelection = () => (
+        <div>
+            <div className = { classes.recordInfo }>
+                <RecordItem { ...selectedRecord } />
+                {selectedRecordOwner && <RecordItem { ...selectedRecordOwner } />}
+                {hasDetailsErrors && renderDetailsErrors()}
+            </div>
+            <div className = { classes.addNote }>{t('dialog.addOptionalNote')}</div>
+            <textarea
+                autoFocus = { true }
+                className = { classes.notes }
+                maxLength = { NOTES_MAX_LENGTH }
+                /* eslint-disable-next-line react/jsx-no-bind */
+                onChange = { e => setNotes(e.target.value) }
+                placeholder = { t('dialog.addMeetingNote') }
+                rows = { 4 }
+                value = { notes } />
+        </div>
+    );
+
+    const renderRecordsSearch = () => !selectedRecord && (
+        <div className = { classes.recordsSearchContainer }>
+            <Icon
+                className = { classes.searchIcon }
+                color = { theme.palette.icon03 }
+                src = { IconSearch } />
+            <input
+                autoComplete = 'off'
+                autoFocus = { false }
+                className = { classes.recordsSearch }
+                name = 'recordsSearch'
+                onChange = { handleChange }
+                placeholder = { t('dialog.searchInSalesforce') }
+                tabIndex = { 0 }
+                value = { searchTerm ?? '' } />
+            {(!isLoading && !hasRecordsErrors) && (
+                <div className = { classes.resultLabel }>
+                    {showSearchResults
+                        ? t('dialog.searchResults', { count: records.length })
+                        : t('dialog.recentlyUsedObjects')
+                    }
+                </div>
+            )}
+        </div>
+    );
+
+    const renderNoRecords = () => showNoResults && (
+        <div className = { classes.noRecords }>
+            <div>{t('dialog.searchResultsNotFound')}</div>
+            <div>{t('dialog.searchResultsTryAgain')}</div>
+        </div>
+    );
+
+    const renderRecordsError = () => (
+        <div className = { classes.recordsError }>
+            {t('dialog.searchResultsError')}
+        </div>
+    );
+
+    const renderContent = () => {
+        if (isLoading) {
+            return renderSpinner();
+        }
+        if (hasRecordsErrors) {
+            return renderRecordsError();
+        }
+        if (showNoResults) {
+            return renderNoRecords();
+        }
+        if (selectedRecord) {
+            return renderSelection();
+        }
+
+        return (
+            <ul className = { classes.recordList }>
+                {records.map((item: any) => (
+                    <RecordItem
+                        key = { `record-${item.id}` }
+                        /* eslint-disable-next-line react/jsx-no-bind */
+                        onClick = { () => setSelectedRecord(item) }
+                        { ...item } />
+                ))}
+            </ul>
+        );
+    };
+
+    return (
+        <Dialog
+            back = {{
+                hidden: !selectedRecord,
+                onClick: () => setSelectedRecord(null),
+                translationKey: 'dialog.Back'
+            }}
+            cancel = {{ hidden: true }}
+            disableEnter = { true }
+            ok = {{
+                translationKey: 'dialog.linkMeeting',
+                hidden: !selectedRecord
+            }}
+            onSubmit = { handleSubmit }
+            titleKey = 'dialog.linkMeetingTitle'>
+            <div className = { classes.container } >
+                {renderRecordsSearch()}
+                {renderContent()}
+            </div>
+        </Dialog>
+    );
+}
+
+export default SalesforceLinkDialog;
diff --git a/react/features/salesforce/constants.ts b/react/features/salesforce/constants.ts
new file mode 100644
index 0000000..ac8dd35
--- /dev/null
+++ b/react/features/salesforce/constants.ts
@@ -0,0 +1,41 @@
+import {
+    IconRecordAccount,
+    IconRecordContact,
+    IconRecordLead,
+    IconRecordOpportunity
+} from '../base/icons/svg';
+
+export const NOTES_MAX_LENGTH = 255;
+
+export const NOTES_LINES = 4;
+
+export const CONTENT_HEIGHT_OFFSET = 200;
+
+export const LIST_HEIGHT_OFFSET = 250;
+
+export const RECORD_TYPE: {
+    [key: string]: {
+        icon?: Function;
+        label: string;
+    };
+} = {
+    ACCOUNT: {
+        label: 'record.type.account',
+        icon: IconRecordAccount
+    },
+    CONTACT: {
+        label: 'record.type.contact',
+        icon: IconRecordContact
+    },
+    LEAD: {
+        label: 'record.type.lead',
+        icon: IconRecordLead
+    },
+    OPPORTUNITY: {
+        label: 'record.type.opportunity',
+        icon: IconRecordOpportunity
+    },
+    OWNER: {
+        label: 'record.type.owner'
+    }
+};
diff --git a/react/features/salesforce/functions.ts b/react/features/salesforce/functions.ts
new file mode 100644
index 0000000..e117f67
--- /dev/null
+++ b/react/features/salesforce/functions.ts
@@ -0,0 +1,114 @@
+import { IReduxState } from '../app/types';
+import { doGetJSON } from '../base/util/httpUtils';
+import { isInBreakoutRoom } from '../breakout-rooms/functions';
+
+/**
+ * Determines whether Salesforce is enabled for the current conference.
+ *
+ * @param {IReduxState} state - The redux store, the redux
+ * {@code getState} function, or the redux state itself.
+ * @returns {boolean}
+ */
+export const isSalesforceEnabled = (state: IReduxState) => {
+    const { salesforceUrl } = state['features/base/config'];
+    const isBreakoutRoom = isInBreakoutRoom(state);
+
+    return Boolean(salesforceUrl) && !isBreakoutRoom;
+};
+
+/**
+ * Fetches the Salesforce records that were most recently interacted with.
+ *
+ * @param {string} url - The endpoint for the session records.
+ * @param {string} jwt - The JWT needed for authentication.
+ * @returns {Promise<any>}
+ */
+export async function getRecentSessionRecords(
+        url: string,
+        jwt: string
+) {
+    return doGetJSON(`${url}/records/recents`, true, {
+        headers: {
+            'Authorization': `Bearer ${jwt}`
+        }
+    });
+}
+
+/**
+ * Fetches the Salesforce records that match the search criteria.
+ *
+ * @param {string} url - The endpoint for the session records.
+ * @param {string} jwt - The JWT needed for authentication.
+ * @param {string} text - The search term for the session record to find.
+ * @returns {Promise<any>}
+ */
+export async function searchSessionRecords(
+        url: string,
+        jwt: string,
+        text: string
+) {
+    return doGetJSON(`${url}/records?text=${text}`, true, {
+        headers: {
+            'Authorization': `Bearer ${jwt}`
+        }
+    });
+}
+
+/**
+* Fetches the Salesforce record details from the server.
+*
+* @param {string} url - The endpoint for the record details.
+* @param {string} jwt - The JWT needed for authentication.
+* @param {Object} item - The item for which details are being retrieved.
+* @returns {Promise<any>}
+*/
+export async function getSessionRecordDetails(
+        url: string,
+        jwt: string,
+        item: {
+            id: string;
+            type: string;
+        } | null
+) {
+    const fullUrl = `${url}/records/${item?.id}?type=${item?.type}`;
+
+    return doGetJSON(fullUrl, true, {
+        headers: {
+            'Authorization': `Bearer ${jwt}`
+        }
+    });
+}
+
+/**
+* Executes the meeting linking.
+*
+* @param {string} url - The endpoint for meeting linking.
+* @param {string} jwt - The JWT needed for authentication.
+* @param {string} sessionId - The ID of the meeting session.
+* @param {Object} body - The body of the request.
+* @returns {Object}
+*/
+export async function executeLinkMeetingRequest(
+        url: string,
+        jwt: string,
+        sessionId: String,
+        body: {
+            id?: string;
+            notes: string;
+            type?: string;
+        }
+) {
+    const fullUrl = `${url}/sessions/${sessionId}/records/${body.id}`;
+    const res = await fetch(fullUrl, {
+        method: 'PUT',
+        headers: {
+            'Content-Type': 'application/json',
+            'Authorization': `Bearer ${jwt}`
+        },
+        body: JSON.stringify(body)
+    });
+
+    const json = await res.json();
+
+    return res.ok ? json : Promise.reject(json);
+}
diff --git a/react/features/salesforce/useSalesforceLinkDialog.ts b/react/features/salesforce/useSalesforceLinkDialog.ts
new file mode 100644
index 0000000..d5c86d3
--- /dev/null
+++ b/react/features/salesforce/useSalesforceLinkDialog.ts
@@ -0,0 +1,156 @@
+import { useCallback, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { GestureResponderEvent } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { IReduxState } from '../app/types';
+import { getCurrentConference } from '../base/conference/functions';
+import { hideNotification, showNotification } from '../notifications/actions';
+import {
+    NOTIFICATION_TIMEOUT_TYPE,
+    NOTIFICATION_TYPE,
+    SALESFORCE_LINK_NOTIFICATION_ID
+} from '../notifications/constants';
+
+import {
+    executeLinkMeetingRequest,
+    getRecentSessionRecords,
+    getSessionRecordDetails,
+    searchSessionRecords
+} from './functions';
+
+interface ISelectedRecord {
+    id: string;
+    name: string;
+    onClick: (e?: React.MouseEvent | GestureResponderEvent) => void;
+    type: string;
+}
+
+export const useSalesforceLinkDialog = () => {
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+    const [ selectedRecord, setSelectedRecord ] = useState<ISelectedRecord | null>(null);
+    const [ selectedRecordOwner, setSelectedRecordOwner ] = useState<{
+        id: string; name: string; type: string; } | null>(null);
+    const [ records, setRecords ] = useState([]);
+    const [ isLoading, setLoading ] = useState(false);
+    const [ searchTerm, setSearchTerm ] = useState<string | null>(null);
+    const [ notes, setNotes ] = useState('');
+    const [ hasRecordsErrors, setRecordsErrors ] = useState(false);
+    const [ hasDetailsErrors, setDetailsErrors ] = useState(false);
+    const conference = useSelector(getCurrentConference);
+    const sessionId = conference?.getMeetingUniqueId();
+    const { salesforceUrl = '' } = useSelector((state: IReduxState) => state['features/base/config']);
+    const { jwt = '' } = useSelector((state: IReduxState) => state['features/base/jwt']);
+    const showSearchResults = searchTerm && searchTerm.length > 1;
+    const showNoResults = showSearchResults && records.length === 0;
+
+    useEffect(() => {
+        const fetchRecords = async () => {
+            setRecordsErrors(false);
+            setLoading(true);
+
+            try {
+                const text = showSearchResults ? searchTerm : null;
+                const result = text
+                    ? await searchSessionRecords(salesforceUrl, jwt, text)
+                    : await getRecentSessionRecords(salesforceUrl, jwt);
+
+                setRecords(result);
+            } catch (error) {
+                setRecordsErrors(true);
+            }
+
+            setLoading(false);
+        };
+
+        fetchRecords();
+    }, [
+        getRecentSessionRecords,
+        jwt,
+        salesforceUrl,
+        searchSessionRecords,
+        searchTerm
+    ]);
+
+    useEffect(() => {
+        const fetchRecordDetails = async () => {
+            setDetailsErrors(false);
+            setSelectedRecordOwner(null);
+            try {
+                const result = await getSessionRecordDetails(salesforceUrl, jwt, selectedRecord);
+
+                setSelectedRecordOwner({
+                    id: result.id,
+                    name: result.ownerName,
+                    type: 'OWNER'
+                });
+            } catch (error) {
+                setDetailsErrors(true);
+            }
+        };
+
+        selectedRecord && fetchRecordDetails();
+    }, [
+        jwt,
+        getSessionRecordDetails,
+        salesforceUrl,
+        selectedRecord
+    ]);
+
+    const linkMeeting = useCallback(async () => {
+        dispatch(showNotification({
+            titleKey: 'notify.linkToSalesforceProgress',
+            uid: SALESFORCE_LINK_NOTIFICATION_ID,
+            appearance: NOTIFICATION_TYPE.NORMAL
+        }, NOTIFICATION_TIMEOUT_TYPE.STICKY));
+
+        try {
+            await executeLinkMeetingRequest(salesforceUrl, jwt, sessionId, {
+                id: selectedRecord?.id,
+                type: selectedRecord?.type,
+                notes
+            });
+            dispatch(hideNotification(SALESFORCE_LINK_NOTIFICATION_ID));
+            dispatch(showNotification({
+                titleKey: 'notify.linkToSalesforceSuccess',
+                uid: SALESFORCE_LINK_NOTIFICATION_ID,
+                appearance: NOTIFICATION_TYPE.SUCCESS
+            }, NOTIFICATION_TIMEOUT_TYPE.LONG));
+        } catch (error: any) {
+            dispatch(hideNotification(SALESFORCE_LINK_NOTIFICATION_ID));
+            dispatch(showNotification({
+                titleKey: 'notify.linkToSalesforceError',
+                descriptionKey: error?.messageKey && t(error.messageKey),
+                uid: SALESFORCE_LINK_NOTIFICATION_ID,
+                appearance: NOTIFICATION_TYPE.ERROR
+            }, NOTIFICATION_TIMEOUT_TYPE.LONG));
+        }
+
+    }, [
+        executeLinkMeetingRequest,
+        hideNotification,
+        jwt,
+        notes,
+        salesforceUrl,
+        selectedRecord,
+        showNotification
+    ]);
+
+    return {
+        hasDetailsErrors,
+        hasRecordsErrors,
+        isLoading,
+        linkMeeting,
+        notes,
+        records,
+        searchTerm,
+        selectedRecord,
+        selectedRecordOwner,
+        setNotes,
+        setSearchTerm,
+        setSelectedRecord,
+        showNoResults,
+        showSearchResults
+    };
+};
diff --git a/react/features/screen-share/actionTypes.ts b/react/features/screen-share/actionTypes.ts
new file mode 100644
index 0000000..9d2f2bd
--- /dev/null
+++ b/react/features/screen-share/actionTypes.ts
@@ -0,0 +1,27 @@
+/**
+ * Type of action which sets the current state of screen audio sharing.
+ *
+ * {
+ *     type: SET_SCREEN_AUDIO_SHARE_STATE,
+ *     isSharingAudio: boolean
+ * }
+ */
+export const SET_SCREEN_AUDIO_SHARE_STATE = 'SET_SCREEN_AUDIO_SHARE_STATE';
+
+/**
+ * Type of action which sets the capture frame rate for screenshare.
+ * {
+ *      type: SET_SCREENSHARE_CAPTURE_FRAME_RATE,
+ *      captureFrameRate: number
+ * }
+ */
+export const SET_SCREENSHARE_CAPTURE_FRAME_RATE = 'SET_SCREENSHARE_CAPTURE_FRAME_RATE';
+
+/**
+ * Type of action which sets the current audio track captured from the screenshare.
+ * {
+ *      type: SET_SCREENSHARE_TRACKS,
+ *      desktopAudioTrack: JitsiTrack
+ * }
+ */
+export const SET_SCREENSHARE_TRACKS = 'SET_SCREENSHARE_TRACKS';
diff --git a/react/features/screen-share/actions.any.ts b/react/features/screen-share/actions.any.ts
new file mode 100644
index 0000000..491dc14
--- /dev/null
+++ b/react/features/screen-share/actions.any.ts
@@ -0,0 +1,19 @@
+import {
+    SET_SCREENSHARE_CAPTURE_FRAME_RATE
+} from './actionTypes';
+
+/**
+ * Updates the capture frame rate for screenshare in redux.
+ *
+ * @param {number} captureFrameRate - The frame rate to be used for screenshare.
+ * @returns {{
+ *      type: SET_SCREENSHARE_CAPTURE_FRAME_RATE,
+ *      captureFrameRate: number
+ * }}
+ */
+export function setScreenshareFramerate(captureFrameRate: number) {
+    return {
+        type: SET_SCREENSHARE_CAPTURE_FRAME_RATE,
+        captureFrameRate
+    };
+}
diff --git a/react/features/screen-share/actions.web.ts b/react/features/screen-share/actions.web.ts
new file mode 100644
index 0000000..9557202
--- /dev/null
+++ b/react/features/screen-share/actions.web.ts
@@ -0,0 +1,104 @@
+import { IStore } from '../app/types';
+import { openDialog } from '../base/dialog/actions';
+import { browser } from '../base/lib-jitsi-meet';
+import { shouldHideShareAudioHelper } from '../base/settings/functions.web';
+import { toggleScreensharing } from '../base/tracks/actions.web';
+
+import {
+    SET_SCREENSHARE_TRACKS,
+    SET_SCREEN_AUDIO_SHARE_STATE
+} from './actionTypes';
+import ShareAudioDialog from './components/web/ShareAudioDialog';
+import ShareMediaWarningDialog from './components/web/ShareScreenWarningDialog';
+import { isAudioOnlySharing, isScreenVideoShared } from './functions';
+
+export * from './actions.any';
+
+/**
+ * Updates the current known status of the shared video.
+ *
+ * @param {boolean} isSharingAudio - Is audio currently being shared or not.
+ * @returns {{
+ *     type: SET_SCREEN_AUDIO_SHARE_STATE,
+ *     isSharingAudio: boolean
+ * }}
+ */
+export function setScreenAudioShareState(isSharingAudio: boolean) {
+    return {
+        type: SET_SCREEN_AUDIO_SHARE_STATE,
+        isSharingAudio
+    };
+}
+
+/**
+ * Updates the audio track associated with the screenshare.
+ *
+ * @param {JitsiLocalTrack} desktopAudioTrack - The audio track captured from the screenshare.
+ * @returns {{
+ *      type: SET_SCREENSHARE_TRACKS,
+ *      desktopAudioTrack: JitsiTrack
+ * }}
+ */
+export function setScreenshareAudioTrack(desktopAudioTrack: any) {
+    return {
+        type: SET_SCREENSHARE_TRACKS,
+        desktopAudioTrack
+    };
+}
+
+/**
+ * Start the audio only screen sharing flow. Function will switch between off and on states depending on the context.
+ *
+ * @param {Object} state - The state of the application.
+ * @returns {void}
+ */
+export function startAudioScreenShareFlow() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const audioOnlySharing = isAudioOnlySharing(state);
+
+        // If we're already in a normal screen sharing session, warn the user.
+        if (isScreenVideoShared(state)) {
+            dispatch(openDialog('ShareMediaWarningDialog', ShareMediaWarningDialog, { _isAudioScreenShareWarning: true }));
+
+            return;
+        }
+
+        // If users opted out of the helper dialog toggle directly.
+        // If we're in an electron environment the helper dialog is not needed as there's only one option
+        // available for audio screen sharing, namely full window audio.
+        // If we're already sharing audio, toggle off.
+        if (shouldHideShareAudioHelper(state) || browser.isElectron() || audioOnlySharing) {
+            // We don't want to explicitly set the screens share state, by passing undefined we let the
+            // underlying logic decide if it's on or off.
+            dispatch(toggleScreensharing(undefined, true));
+
+            return;
+        }
+
+        dispatch(openDialog('ShareAudioDialog', ShareAudioDialog));
+    };
+}
+
+/**
+ * Start normal screen sharing flow.Function will switch between off and on states depending on the context, and if
+ * not explicitly told otherwise.
+ *
+ * @param {boolean} enabled - Explicitly set the screen sharing state.
+ * @returns {void}
+ */
+export function startScreenShareFlow(enabled: boolean) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const audioOnlySharing = isAudioOnlySharing(state);
+
+        // If we're in an audio screen sharing session, warn the user.
+        if (audioOnlySharing) {
+            dispatch(openDialog('ShareMediaWarningDialog', ShareMediaWarningDialog, { _isAudioScreenShareWarning: false }));
+
+            return;
+        }
+
+        dispatch(toggleScreensharing(enabled));
+    };
+}
diff --git a/react/features/screen-share/components/web/ShareAudioButton.ts b/react/features/screen-share/components/web/ShareAudioButton.ts
new file mode 100644
index 0000000..01fed48
--- /dev/null
+++ b/react/features/screen-share/components/web/ShareAudioButton.ts
@@ -0,0 +1,71 @@
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { IconVolumeOff, IconVolumeUp } from '../../../base/icons/svg';
+import JitsiMeetJS from '../../../base/lib-jitsi-meet';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import { setOverflowMenuVisible } from '../../../toolbox/actions.web';
+import { startAudioScreenShareFlow } from '../../actions.web';
+import { isAudioOnlySharing, isScreenAudioSupported } from '../../functions';
+
+interface IProps extends AbstractButtonProps {
+
+    /**
+     * Whether or not the local participant is audio only screen sharing.
+     */
+    _isAudioOnlySharing: boolean;
+}
+
+/**
+ * Component that renders a toolbar button for toggling audio only screen share.
+ */
+class ShareAudioButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.shareaudio';
+    override icon = IconVolumeUp;
+    override label = 'toolbar.shareaudio';
+    override tooltip = 'toolbar.shareaudio';
+    override toggledIcon = IconVolumeOff;
+    override toggledLabel = 'toolbar.stopAudioSharing';
+
+    /**
+     * Handles clicking / pressing the button, and opens a new dialog.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { dispatch } = this.props;
+
+        dispatch(startAudioScreenShareFlow());
+        dispatch(setOverflowMenuVisible(false));
+    }
+
+    /**
+     * Indicates whether this button is in toggled state or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    override _isToggled() {
+        return this.props._isAudioOnlySharing;
+    }
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+
+    return {
+        _isAudioOnlySharing: Boolean(isAudioOnlySharing(state)),
+        visible: JitsiMeetJS.isDesktopSharingEnabled() && isScreenAudioSupported()
+    };
+}
+
+export default translate(connect(_mapStateToProps)(ShareAudioButton));
diff --git a/react/features/screen-share/components/web/ShareAudioDialog.tsx b/react/features/screen-share/components/web/ShareAudioDialog.tsx
new file mode 100644
index 0000000..e102a2b
--- /dev/null
+++ b/react/features/screen-share/components/web/ShareAudioDialog.tsx
@@ -0,0 +1,117 @@
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { updateSettings } from '../../../base/settings/actions';
+import { shouldHideShareAudioHelper } from '../../../base/settings/functions.web';
+import { toggleScreensharing } from '../../../base/tracks/actions.web';
+import Checkbox from '../../../base/ui/components/web/Checkbox';
+import Dialog from '../../../base/ui/components/web/Dialog';
+
+/**
+ * The type of the React {@code Component} props of {@link ShareAudioDialog}.
+ */
+export interface IProps extends WithTranslation {
+
+    /**
+     * Boolean stored in local storage that determines whether or not the dialog will be displayed again.
+     */
+    _shouldHideShareAudioHelper: boolean;
+
+    /**
+     * The redux {@code dispatch} function.
+     */
+    dispatch: IStore['dispatch'];
+}
+
+/**
+ * Component that displays the audio screen share helper dialog.
+ */
+class ShareAudioDialog extends Component<IProps> {
+
+    /**
+     * Instantiates a new component.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._onContinue = this._onContinue.bind(this);
+        this._onSelectHideShareAudioHelper = this._onSelectHideShareAudioHelper.bind(this);
+    }
+
+    /**
+     * Continue the normal screen sharing flow when the user clicks continue.
+     *
+     * @returns {boolean}
+     */
+    _onContinue() {
+        // Pass undefined as the first parameter so the underlying logic decides weather or not to stop screen sharing.
+        this.props.dispatch(toggleScreensharing(undefined, true));
+
+        return true;
+    }
+
+    /**
+     * Callback invoked when the hide audio helper checkbox has been selected. This setting will be persisted in
+     * the local storage, thus the dialog won't be displayed again.
+     *
+     * @param {Object} e - The key event to handle.
+     * @returns {void}
+     */
+    _onSelectHideShareAudioHelper({ target: { checked } }: React.ChangeEvent<HTMLInputElement>) {
+        this.props.dispatch(updateSettings({ hideShareAudioHelper: checked }));
+    }
+
+    /**
+     * Implements {@Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+
+        const { t } = this.props;
+
+        return (
+            <Dialog
+                ok = {{ translationKey: 'dialog.shareAudio' }}
+                onSubmit = { this._onContinue }
+                size = 'large'
+                titleKey = { t('dialog.shareAudioTitle') }>
+                <div className = 'share-audio-dialog'>
+                    <img
+                        alt = { t('dialog.shareAudioAltText') }
+                        className = 'share-audio-animation'
+                        src = 'images/share-audio.gif'
+                        tabIndex = { 0 } />
+                    <Checkbox
+                        checked = { this.props._shouldHideShareAudioHelper }
+                        label = { t('dialog.hideShareAudioHelper') }
+                        name = 'hide-share-audio-helper'
+                        // eslint-disable-next-line react/jsx-no-bind
+                        onChange = { this._onSelectHideShareAudioHelper } />
+                </div>
+            </Dialog>
+        );
+    }
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {IReduxState} state - The Redux state.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+
+    return {
+        _shouldHideShareAudioHelper: Boolean(shouldHideShareAudioHelper(state))
+    };
+}
+
+
+export default translate(connect(_mapStateToProps)(ShareAudioDialog));
diff --git a/react/features/screen-share/components/web/ShareScreenWarningDialog.tsx b/react/features/screen-share/components/web/ShareScreenWarningDialog.tsx
new file mode 100644
index 0000000..1e81bdb
--- /dev/null
+++ b/react/features/screen-share/components/web/ShareScreenWarningDialog.tsx
@@ -0,0 +1,95 @@
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+
+import { IStore } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { toggleScreensharing } from '../../../base/tracks/actions';
+import Dialog from '../../../base/ui/components/web/Dialog';
+
+export interface IProps extends WithTranslation {
+
+    /**
+     * Whether or not the dialog was opened for the audio screen sharing flow or the normal one.
+     */
+    _isAudioScreenShareWarning: Boolean;
+
+    /**
+     * The redux {@code dispatch} function.
+     */
+    dispatch: IStore['dispatch'];
+}
+
+/**
+ *  Component that displays the share audio helper dialog.
+ */
+class ShareScreenWarningDialog extends Component<IProps> {
+
+    /**
+     * Instantiates a new component.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._onStopSharing = this._onStopSharing.bind(this);
+    }
+
+    /**
+     * Stop current screen sharing session.
+     *
+     * @returns {boolean}
+     */
+    _onStopSharing() {
+        // Depending on the context from which this dialog is opened we'll either be toggling off an audio only
+        // share session or a normal screen sharing one, this is indicated by the _isAudioScreenShareWarning prop.
+        this.props.dispatch(toggleScreensharing(undefined,
+            !this.props._isAudioScreenShareWarning));
+
+        return true;
+    }
+
+    /**
+     * Implements {@Component#render}.
+     *§.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { t } = this.props;
+
+        let description1, description2, header1, header2, stopSharing, title;
+
+        if (this.props._isAudioScreenShareWarning) {
+            header1 = 'dialog.shareAudioWarningH1';
+            header2 = 'dialog.shareMediaWarningGenericH2';
+            description1 = 'dialog.shareAudioWarningD1';
+            description2 = 'dialog.shareAudioWarningD2';
+            title = 'dialog.shareAudioWarningTitle';
+            stopSharing = 'toolbar.stopScreenSharing';
+        } else {
+            header1 = 'dialog.shareScreenWarningTitle';
+            header2 = 'dialog.shareMediaWarningGenericH2';
+            description1 = 'dialog.shareScreenWarningD1';
+            description2 = 'dialog.shareScreenWarningD2';
+            title = 'dialog.shareScreenWarningTitle';
+            stopSharing = 'toolbar.stopAudioSharing';
+        }
+
+        return (<Dialog
+            ok = {{ translationKey: stopSharing }}
+            onSubmit = { this._onStopSharing }
+            titleKey = { t(title) }>
+            <div className = 'share-screen-warn-dialog'>
+                <p className = 'header'> { t(header1) } </p>
+                <p className = 'description' > { t(description1) } </p>
+                <div className = 'separator-line' />
+                <p className = 'header' > { t(header2) } </p>
+                <p className = 'description' > { t(description2) } </p>
+            </div>
+        </Dialog>);
+    }
+}
+
+export default translate(connect()(ShareScreenWarningDialog));
diff --git a/react/features/screen-share/functions.ts b/react/features/screen-share/functions.ts
new file mode 100644
index 0000000..33e8aee
--- /dev/null
+++ b/react/features/screen-share/functions.ts
@@ -0,0 +1,58 @@
+import { IReduxState } from '../app/types';
+import { isWindows } from '../base/environment/environment';
+import { isMobileBrowser } from '../base/environment/utils';
+import { browser } from '../base/lib-jitsi-meet';
+import { getLocalDesktopTrack } from '../base/tracks/functions';
+
+/**
+ * Is the current screen sharing session audio only.
+ *
+ * @param {IReduxState} state - The state of the application.
+ * @returns {boolean}
+ */
+export function isAudioOnlySharing(state: IReduxState) {
+    return isScreenAudioShared(state) && !isScreenVideoShared(state);
+}
+
+/**
+ * State of audio sharing.
+ *
+ * @param {IReduxState} state - The state of the application.
+ * @returns {boolean}
+ */
+export function isScreenAudioShared(state: IReduxState) {
+    return state['features/screen-share'].isSharingAudio;
+}
+
+/**
+ * Returns the visibility of the audio only screen share button. Currently only chrome browser and electron on
+ * windows supports this functionality.
+ *
+ * @returns {boolean}
+ */
+export function isScreenAudioSupported() {
+    return (!isMobileBrowser() && browser.isChromiumBased()) || (browser.isElectron() && isWindows());
+}
+
+/**
+ * Is any screen media currently being shared, audio or video.
+ *
+ * @param {IReduxState} state - The state of the application.
+ * @returns {boolean}
+ */
+export function isScreenMediaShared(state: IReduxState) {
+    return isScreenAudioShared(state) || isScreenVideoShared(state);
+}
+
+/**
+ * Is screen sharing currently active.
+ *
+ * @param {IReduxState} state - The state of the application.
+ * @returns {boolean}
+ */
+export function isScreenVideoShared(state: IReduxState) {
+    const tracks = state['features/base/tracks'];
+    const localScreenshare = getLocalDesktopTrack(tracks);
+
+    return localScreenshare?.jitsiTrack && !localScreenshare.jitsiTrack.isMuted();
+}
diff --git a/react/features/screen-share/logger.ts b/react/features/screen-share/logger.ts
new file mode 100644
index 0000000..82976bc
--- /dev/null
+++ b/react/features/screen-share/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:screen-share');
diff --git a/react/features/screen-share/middleware.ts b/react/features/screen-share/middleware.ts
new file mode 100644
index 0000000..5e8163e
--- /dev/null
+++ b/react/features/screen-share/middleware.ts
@@ -0,0 +1,72 @@
+import { IStore } from '../app/types';
+import { CONFERENCE_JOINED } from '../base/conference/actionTypes';
+import { MEDIA_TYPE } from '../base/media/constants';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+
+import { SET_SCREENSHARE_CAPTURE_FRAME_RATE, SET_SCREEN_AUDIO_SHARE_STATE } from './actionTypes';
+import logger from './logger';
+
+/**
+ * Implements the middleware of the feature screen-share.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    const result = next(action);
+    const { getState } = store;
+    const state = getState();
+
+    switch (action.type) {
+    case CONFERENCE_JOINED: {
+        _setScreenshareCaptureFps(store);
+        break;
+    }
+    case SET_SCREENSHARE_CAPTURE_FRAME_RATE: {
+        const { captureFrameRate } = action;
+
+        _setScreenshareCaptureFps(store, captureFrameRate);
+        break;
+    }
+
+    case SET_SCREEN_AUDIO_SHARE_STATE: {
+        const { isSharingAudio } = action;
+        const { participantId } = state['features/large-video'];
+
+        if (isSharingAudio) {
+            logger.debug(`User with id: ${participantId} playing audio sharing.`);
+            APP.API.notifyAudioOrVideoSharingToggled(MEDIA_TYPE.AUDIO, 'playing', participantId);
+        } else {
+            logger.debug(`User with id: ${participantId} stop audio sharing.`);
+            APP.API.notifyAudioOrVideoSharingToggled(MEDIA_TYPE.AUDIO, 'stop', participantId);
+        }
+    }
+    }
+
+    return result;
+});
+
+/**
+ * Sets the capture frame rate for screenshare.
+ *
+ * @param {Store} store - The redux store.
+ * @param {number} frameRate - Frame rate to be configured.
+ * @private
+ * @returns {void}
+ */
+function _setScreenshareCaptureFps(store: IStore, frameRate?: number) {
+    const state = store.getState();
+    const { conference } = state['features/base/conference'];
+    const { captureFrameRate } = state['features/screen-share'];
+    const screenShareFps = frameRate ?? captureFrameRate;
+
+    if (!conference) {
+        return;
+    }
+
+    if (screenShareFps) {
+        logger.debug(`Setting screenshare capture frame rate as ${screenShareFps}`);
+        conference.setDesktopSharingFrameRate(screenShareFps);
+    }
+
+}
diff --git a/react/features/screen-share/reducer.ts b/react/features/screen-share/reducer.ts
new file mode 100644
index 0000000..3f4f39d
--- /dev/null
+++ b/react/features/screen-share/reducer.ts
@@ -0,0 +1,44 @@
+
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import {
+    SET_SCREENSHARE_CAPTURE_FRAME_RATE,
+    SET_SCREENSHARE_TRACKS,
+    SET_SCREEN_AUDIO_SHARE_STATE
+} from './actionTypes';
+
+export interface IScreenShareState {
+    captureFrameRate?: number;
+    desktopAudioTrack?: any;
+    isSharingAudio?: boolean;
+}
+
+/**
+ * Reduces the Redux actions of the feature features/screen-share.
+ */
+ReducerRegistry.register<IScreenShareState>('features/screen-share', (state = {}, action): IScreenShareState => {
+    const { captureFrameRate, isSharingAudio, desktopAudioTrack } = action;
+
+    switch (action.type) {
+    case SET_SCREEN_AUDIO_SHARE_STATE:
+        return {
+            ...state,
+            isSharingAudio
+        };
+
+    case SET_SCREENSHARE_CAPTURE_FRAME_RATE:
+        return {
+            ...state,
+            captureFrameRate
+        };
+
+    case SET_SCREENSHARE_TRACKS:
+        return {
+            ...state,
+            desktopAudioTrack
+        };
+
+    default:
+        return state;
+    }
+});
diff --git a/react/features/screenshot-capture/CameraCaptureDialog.tsx b/react/features/screenshot-capture/CameraCaptureDialog.tsx
new file mode 100644
index 0000000..6b1d4d3
--- /dev/null
+++ b/react/features/screenshot-capture/CameraCaptureDialog.tsx
@@ -0,0 +1,154 @@
+import { Theme } from '@mui/material';
+import React, { useCallback, useRef } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect, useDispatch } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { hideDialog } from '../base/dialog/actions';
+import { translate } from '../base/i18n/functions';
+import Label from '../base/label/components/web/Label';
+import { CAMERA_FACING_MODE } from '../base/media/constants';
+import Button from '../base/ui/components/web/Button';
+import Dialog from '../base/ui/components/web/Dialog';
+import { BUTTON_TYPES } from '../base/ui/constants.any';
+
+import { ICameraCapturePayload } from './actionTypes';
+
+const useStyles = makeStyles()((theme: Theme) => ({
+    container: {
+        display: 'flex',
+        height: '100%',
+        width: '100%',
+        justifyContent: 'center',
+        alignItems: 'center',
+        flexDirection: 'column',
+        gap: theme.spacing(3),
+        textAlign: 'center'
+    },
+    buttonsContainer: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: theme.spacing(3),
+        width: '100%',
+        maxWidth: '100%'
+    },
+
+    hidden: {
+        display: 'none'
+    },
+    label: {
+        background: 'transparent',
+        margin: `${theme.spacing(3)} 0 ${theme.spacing(6)}`,
+    },
+    button: {
+        width: '100%',
+        height: '48px',
+        maxWidth: '400px'
+    }
+}));
+
+/**
+ * The type of {@link CameraCaptureDialog}'s React {@code Component} props.
+ */
+interface IProps extends WithTranslation {
+    /**
+     * Callback function on file input changed.
+     */
+    callback: ({ error, dataURL }: { dataURL?: string; error?: string; }) => void;
+
+    /**
+     * The camera capture payload.
+     */
+    componentProps: ICameraCapturePayload;
+}
+
+/**
+ * Implements the Camera capture dialog.
+ *
+ * @param {Object} props - The props of the component.
+ * @returns {React$Element}
+ */
+const CameraCaptureDialog = ({
+    callback,
+    componentProps,
+    t,
+}: IProps) => {
+    const { cameraFacingMode = CAMERA_FACING_MODE.ENVIRONMENT,
+        descriptionText,
+        titleText } = componentProps;
+    const dispatch = useDispatch();
+    const { classes } = useStyles();
+    const inputRef = useRef<HTMLInputElement>(null);
+    const onCancel = useCallback(() => {
+        callback({
+            error: 'User canceled!'
+        });
+        dispatch(hideDialog());
+    }, []);
+
+    const onSubmit = useCallback(() => {
+        inputRef.current?.click();
+    }, []);
+
+    const onInputChange = useCallback(event => {
+        const reader = new FileReader();
+        const files = event.target.files;
+
+        if (!files?.[0]) {
+            callback({
+                error: 'No picture selected!'
+            });
+
+            return;
+        }
+
+        reader.onload = () => {
+            callback({ dataURL: reader.result as string });
+            dispatch(hideDialog());
+        };
+        reader.onerror = () => {
+            callback({ error: 'Failed generating base64 URL!' });
+            dispatch(hideDialog());
+        };
+
+        reader.readAsDataURL(files[0]);
+    }, []);
+
+    return (
+        <Dialog
+            cancel = {{ hidden: true }}
+            disableAutoHideOnSubmit = { true }
+            ok = {{ hidden: true }}
+            onCancel = { onCancel }
+            titleKey = { titleText || t('dialog.cameraCaptureDialog.title') }>
+            <div className = { classes.container }>
+                <Label
+                    aria-label = { descriptionText || t('dialog.cameraCaptureDialog.description') }
+                    className = { classes.label }
+                    text = { descriptionText || t('dialog.cameraCaptureDialog.description') } />
+                <div className = { classes.buttonsContainer } >
+                    <Button
+                        accessibilityLabel = { t('dialog.cameraCaptureDialog.ok') }
+                        className = { classes.button }
+                        labelKey = { 'dialog.cameraCaptureDialog.ok' }
+                        onClick = { onSubmit } />
+                    <Button
+                        accessibilityLabel = { t('dialog.cameraCaptureDialog.reject') }
+                        className = { classes.button }
+                        labelKey = { 'dialog.cameraCaptureDialog.reject' }
+                        onClick = { onCancel }
+                        type = { BUTTON_TYPES.TERTIARY } />
+                    <input
+                        accept = 'image/*'
+                        capture = { cameraFacingMode }
+                        className = { classes.hidden }
+                        onChange = { onInputChange }
+                        ref = { inputRef }
+                        type = 'file' />
+                </div>
+            </div>
+        </Dialog>
+    );
+};
+
+export default translate(connect()(CameraCaptureDialog));
diff --git a/react/features/screenshot-capture/ScreenshotCaptureSummary.tsx b/react/features/screenshot-capture/ScreenshotCaptureSummary.tsx
new file mode 100644
index 0000000..c74b6a2
--- /dev/null
+++ b/react/features/screenshot-capture/ScreenshotCaptureSummary.tsx
@@ -0,0 +1,214 @@
+import 'image-capture';
+
+import { createScreensharingCaptureTakenEvent } from '../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../analytics/functions';
+import { IReduxState } from '../app/types';
+import { getCurrentConference } from '../base/conference/functions';
+import { getLocalParticipant, getRemoteParticipants } from '../base/participants/functions';
+import { getBaseUrl } from '../base/util/helpers';
+import { extractFqnFromPath } from '../dynamic-branding/functions.any';
+
+import {
+    CLEAR_TIMEOUT,
+    POLL_INTERVAL,
+    SCREENSHOT_QUEUE_LIMIT,
+    SET_TIMEOUT,
+    TIMEOUT_TICK
+} from './constants';
+import logger from './logger';
+// eslint-disable-next-line lines-around-comment
+// @ts-ignore
+import { processScreenshot } from './processScreenshot';
+
+declare let ImageCapture: any;
+
+/**
+ * Effect that wraps {@code MediaStream} adding periodic screenshot captures.
+ * Manipulates the original desktop stream and performs custom processing operations, if implemented.
+ */
+export default class ScreenshotCaptureSummary {
+    _state: IReduxState;
+    _initializedRegion: boolean;
+    _imageCapture: ImageCapture;
+    _streamWorker: Worker;
+    _queue: Blob[];
+
+    /**
+     * Initializes a new {@code ScreenshotCaptureEffect} instance.
+     *
+     * @param {Object} state - The redux state.
+     */
+    constructor(state: IReduxState) {
+        this._state = state;
+
+        // Bind handlers such that they access the same instance.
+        this._handleWorkerAction = this._handleWorkerAction.bind(this);
+        const baseUrl = `${getBaseUrl()}libs/`;
+
+        let workerUrl = `${baseUrl}screenshot-capture-worker.min.js`;
+
+        // @ts-ignore
+        const workerBlob = new Blob([ `importScripts("${workerUrl}");` ], { type: 'application/javascript' });
+
+        // @ts-ignore
+        workerUrl = window.URL.createObjectURL(workerBlob);
+        this._streamWorker = new Worker(workerUrl, { name: 'Screenshot capture worker' });
+        this._streamWorker.onmessage = this._handleWorkerAction;
+
+        this._initializedRegion = false;
+        this._queue = [];
+    }
+
+    /**
+     * Make a call to backend for region selection.
+     *
+     * @returns {void}
+     */
+    async _initRegionSelection() {
+        const { _screenshotHistoryRegionUrl } = this._state['features/base/config'];
+        const conference = getCurrentConference(this._state);
+        const sessionId = conference?.getMeetingUniqueId();
+        const { jwt } = this._state['features/base/jwt'];
+
+        if (!_screenshotHistoryRegionUrl) {
+            return;
+        }
+
+        const headers = {
+            ...jwt && { 'Authorization': `Bearer ${jwt}` }
+        };
+
+        try {
+            await fetch(`${_screenshotHistoryRegionUrl}/${sessionId}`, {
+                method: 'POST',
+                headers
+            });
+        } catch (err) {
+            logger.warn(`Could not create screenshot region: ${err}`);
+
+            return;
+        }
+
+
+        this._initializedRegion = true;
+    }
+
+    /**
+     * Starts the screenshot capture event on a loop.
+     *
+     * @param {JitsiTrack} jitsiTrack - The track that contains the stream from which screenshots are to be sent.
+     * @returns {Promise} - Promise that resolves once effect has started or rejects if the
+     * videoType parameter is not desktop.
+     */
+    async start(jitsiTrack: any) {
+        if (!window.OffscreenCanvas) {
+            logger.warn('Can\'t start screenshot capture, OffscreenCanvas is not available');
+
+            return;
+        }
+        const { videoType, track } = jitsiTrack;
+
+        if (videoType !== 'desktop') {
+            return;
+        }
+        this._imageCapture = new ImageCapture(track);
+
+        if (!this._initializedRegion) {
+            await this._initRegionSelection();
+        }
+        this.sendTimeout();
+    }
+
+    /**
+     * Stops the ongoing {@code ScreenshotCaptureEffect} by clearing the {@code Worker} interval.
+     *
+     * @returns {void}
+     */
+    stop() {
+        this._streamWorker.postMessage({ id: CLEAR_TIMEOUT });
+    }
+
+    /**
+     * Sends to worker the imageBitmap for the next timeout.
+     *
+     * @returns {Promise<void>}
+     */
+    async sendTimeout() {
+        let imageBitmap: ImageBitmap | undefined;
+
+        if (!this._imageCapture.track || this._imageCapture.track.readyState !== 'live') {
+            logger.warn('Track is in invalid state');
+            this.stop();
+
+            return;
+        }
+
+        try {
+            imageBitmap = await this._imageCapture.grabFrame();
+        } catch (e) {
+            // ignore error
+        }
+
+        this._streamWorker.postMessage({
+            id: SET_TIMEOUT,
+            timeMs: POLL_INTERVAL,
+            imageBitmap
+        });
+    }
+
+    /**
+     * Handler of the {@code EventHandler} message that calls the appropriate method based on the parameter's id.
+     *
+     * @private
+     * @param {EventHandler} message - Message received from the Worker.
+     * @returns {void}
+     */
+    _handleWorkerAction(message: { data: { id: number; imageBlob?: Blob; }; }) {
+        const { id, imageBlob } = message.data;
+
+        this.sendTimeout();
+        if (id === TIMEOUT_TICK && imageBlob && this._queue.length < SCREENSHOT_QUEUE_LIMIT) {
+            this._doProcessScreenshot(imageBlob);
+        }
+    }
+
+    /**
+     * Method that processes the screenshot.
+     *
+     * @private
+     * @param {Blob} imageBlob - The blob for the current screenshot.
+     * @returns {void}
+     */
+    _doProcessScreenshot(imageBlob: Blob) {
+        this._queue.push(imageBlob);
+        sendAnalytics(createScreensharingCaptureTakenEvent());
+
+        const conference = getCurrentConference(this._state);
+        const sessionId = conference?.getMeetingUniqueId();
+        const { connection } = this._state['features/base/connection'];
+        const jid = connection?.getJid();
+        const timestamp = Date.now();
+        const { jwt } = this._state['features/base/jwt'];
+        const meetingFqn = extractFqnFromPath();
+        const remoteParticipants = getRemoteParticipants(this._state);
+        const participants: Array<string | undefined> = [];
+
+        participants.push(getLocalParticipant(this._state)?.id);
+        remoteParticipants.forEach(p => participants.push(p.id));
+
+        processScreenshot(imageBlob, {
+            jid,
+            jwt,
+            sessionId,
+            timestamp,
+            meetingFqn,
+            participants
+        }).then(() => {
+            const index = this._queue.indexOf(imageBlob);
+
+            if (index > -1) {
+                this._queue.splice(index, 1);
+            }
+        });
+    }
+}
diff --git a/react/features/screenshot-capture/actionTypes.ts b/react/features/screenshot-capture/actionTypes.ts
new file mode 100644
index 0000000..2eff824
--- /dev/null
+++ b/react/features/screenshot-capture/actionTypes.ts
@@ -0,0 +1,29 @@
+/**
+ * Redux action type dispatched in order to toggle screenshot captures.
+ *
+ * {
+ *      type: SET_SCREENSHOT_CAPTURE
+ * }
+ */
+
+export const SET_SCREENSHOT_CAPTURE = 'SET_SCREENSHOT_CAPTURE';
+
+/**
+ * The camera capture payload.
+ */
+export interface ICameraCapturePayload {
+  /**
+   * Selected camera on open.
+   */
+  cameraFacingMode?: string;
+
+  /**
+   * Custom explanatory text to show.
+   */
+  descriptionText?: string,
+
+  /**
+   * Custom dialog title text.
+   */
+  titleText?: string
+};
diff --git a/react/features/screenshot-capture/actions.ts b/react/features/screenshot-capture/actions.ts
new file mode 100644
index 0000000..d9789e3
--- /dev/null
+++ b/react/features/screenshot-capture/actions.ts
@@ -0,0 +1,86 @@
+import { IStore } from '../app/types';
+import { openDialog } from '../base/dialog/actions';
+import { isMobileBrowser } from '../base/environment/utils';
+import { getLocalJitsiDesktopTrack } from '../base/tracks/functions';
+
+import CameraCaptureDialog from './CameraCaptureDialog';
+import { ICameraCapturePayload, SET_SCREENSHOT_CAPTURE } from './actionTypes';
+import { createScreenshotCaptureSummary } from './functions';
+import logger from './logger';
+
+let screenshotSummary: any;
+
+/**
+ * Marks the on-off state of screenshot captures.
+ *
+ * @param {boolean} enabled - Whether to turn screen captures on or off.
+ * @returns {{
+    *      type: START_SCREENSHOT_CAPTURE,
+    *      payload: enabled
+    * }}
+*/
+function setScreenshotCapture(enabled: boolean) {
+    return {
+        type: SET_SCREENSHOT_CAPTURE,
+        payload: enabled
+    };
+}
+
+/**
+* Action that toggles the screenshot captures.
+*
+* @param {boolean} enabled - Bool that represents the intention to start/stop screenshot captures.
+* @returns {Promise}
+*/
+export function toggleScreenshotCaptureSummary(enabled: boolean) {
+    return async function(dispatch: IStore['dispatch'], getState: IStore['getState']) {
+        const state = getState();
+
+        if (state['features/screenshot-capture'].capturesEnabled !== enabled) {
+            if (!screenshotSummary) {
+                try {
+                    screenshotSummary = await createScreenshotCaptureSummary(state);
+                } catch (err) {
+                    logger.error('Cannot create screenshotCaptureSummary', err);
+                }
+            }
+
+            if (enabled) {
+                try {
+                    const jitsiTrack = getLocalJitsiDesktopTrack(state);
+
+                    await screenshotSummary.start(jitsiTrack);
+                    dispatch(setScreenshotCapture(enabled));
+                } catch {
+                    // Handle promise rejection from {@code start} due to stream type not being desktop.
+                    logger.error('Unsupported stream type.');
+                }
+            } else {
+                screenshotSummary.stop();
+                dispatch(setScreenshotCapture(enabled));
+            }
+        }
+
+        return Promise.resolve();
+    };
+}
+
+/**
+ * Opens {@code CameraCaptureDialog}.
+ *
+ * @param {Function} callback - The callback to execute on picture taken.
+ * @param {ICameraCapturePayload} componentProps - The camera capture payload.
+ * @returns {Function}
+ */
+export function openCameraCaptureDialog(callback: Function, componentProps: ICameraCapturePayload) {
+    return (dispatch: IStore['dispatch']) => {
+        if (!isMobileBrowser()) {
+            return;
+        }
+
+        dispatch(openDialog('CameraCaptureDialog', CameraCaptureDialog, {
+            callback,
+            componentProps
+        }));
+    };
+}
diff --git a/react/features/screenshot-capture/constants.ts b/react/features/screenshot-capture/constants.ts
new file mode 100644
index 0000000..4bc2bc1
--- /dev/null
+++ b/react/features/screenshot-capture/constants.ts
@@ -0,0 +1,51 @@
+/**
+ * Percent of pixels that signal if two images should be considered different.
+ */
+export const PERCENTAGE_LOWER_BOUND = 4;
+
+/**
+ * Number of milliseconds that represent how often screenshots should be taken.
+ */
+export const POLL_INTERVAL = 2000;
+
+/**
+ * SET_TIMEOUT constant is used to set interval and it is set in
+ * the id property of the request.data property. TimeMs property must
+ * also be set.
+ *
+ * ```
+ * Request.data example:
+ * {
+ *      id: SET_TIMEOUT,
+ *      timeMs: 33
+ * }
+ * ```
+ */
+export const SET_TIMEOUT = 1;
+
+/**
+ * CLEAR_TIMEOUT constant is used to clear the interval and it is set in
+ * the id property of the request.data property.
+ *
+ * ```
+ * {
+ *      id: CLEAR_TIMEOUT
+ * }
+ * ```
+ */
+export const CLEAR_TIMEOUT = 2;
+
+/**
+ * TIMEOUT_TICK constant is used as response and it is set in the id property.
+ *
+ * ```
+ * {
+ *      id: TIMEOUT_TICK
+ * }
+ * ```
+ */
+export const TIMEOUT_TICK = 3;
+
+export const SCREENSHOT_QUEUE_LIMIT = 3;
+
+export const MAX_FILE_SIZE = 1000000;
diff --git a/react/features/screenshot-capture/functions.tsx b/react/features/screenshot-capture/functions.tsx
new file mode 100644
index 0000000..00cd0ce
--- /dev/null
+++ b/react/features/screenshot-capture/functions.tsx
@@ -0,0 +1,55 @@
+import { IReduxState } from '../app/types';
+import { IStateful } from '../base/app/types';
+import { toState } from '../base/redux/functions';
+import { isCloudRecordingRunning } from '../recording/functions';
+import { isScreenVideoShared } from '../screen-share/functions';
+
+import ScreenshotCaptureSummary from './ScreenshotCaptureSummary';
+
+/**
+ * Creates a new instance of ScreenshotCapture.
+ *
+ * @param {Object | Function} stateful - The redux store, state, or
+ * {@code getState} function.
+ * @returns {Promise<ScreenshotCapture>}
+ */
+export function createScreenshotCaptureSummary(stateful: IStateful) {
+    if (!MediaStreamTrack.prototype.getSettings && !MediaStreamTrack.prototype.getConstraints) {
+        return Promise.reject(new Error('ScreenshotCaptureSummary not supported!'));
+    }
+
+    return new ScreenshotCaptureSummary(toState(stateful));
+}
+
+/**
+ * Checks if the screenshot capture is enabled based on the config.
+ *
+ * @param {Object} state - Redux state.
+ * @param {boolean} checkSharing - Whether to check if screensharing is on.
+ * @param {boolean} checkRecording - Whether to check is recording is on.
+ * @returns {boolean}
+ */
+export function isScreenshotCaptureEnabled(state: IReduxState, checkSharing?: boolean, checkRecording?: boolean) {
+    const { screenshotCapture } = state['features/base/config'];
+
+    if (!screenshotCapture?.enabled) {
+        return false;
+    }
+
+    if (checkSharing && !isScreenVideoShared(state)) {
+        return false;
+    }
+
+    if (checkRecording) {
+        // Feature enabled always.
+        if (screenshotCapture.mode === 'always') {
+            return true;
+        }
+
+        // Feature enabled only when recording is also on.
+        return isCloudRecordingRunning(state);
+    }
+
+    return true;
+
+}
diff --git a/react/features/screenshot-capture/logger.ts b/react/features/screenshot-capture/logger.ts
new file mode 100644
index 0000000..5af9e6c
--- /dev/null
+++ b/react/features/screenshot-capture/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:screenshot-capture');
diff --git a/react/features/screenshot-capture/processScreenshot.js b/react/features/screenshot-capture/processScreenshot.js
new file mode 100644
index 0000000..0e59cbc
--- /dev/null
+++ b/react/features/screenshot-capture/processScreenshot.js
@@ -0,0 +1,10 @@
+/**
+ * Helper method used to process screenshots captured by the {@code ScreenshotCaptureEffect}.
+ *
+ * @param {Blob} imageBlob - The blob of the screenshot that has to be processed.
+ * @param {Object} options - Custom options required for processing.
+ * @returns {Promise<void>}
+ */
+export async function processScreenshot(imageBlob, options) { // eslint-disable-line no-unused-vars
+    return await Promise.resolve();
+}
diff --git a/react/features/screenshot-capture/reducer.ts b/react/features/screenshot-capture/reducer.ts
new file mode 100644
index 0000000..694dc34
--- /dev/null
+++ b/react/features/screenshot-capture/reducer.ts
@@ -0,0 +1,30 @@
+import PersistenceRegistry from '../base/redux/PersistenceRegistry';
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import { SET_SCREENSHOT_CAPTURE } from './actionTypes';
+
+PersistenceRegistry.register('features/screnshot-capture', true, {
+    capturesEnabled: false
+});
+
+const DEFAULT_STATE = {
+    capturesEnabled: false
+};
+
+export interface IScreenshotCaptureState {
+    capturesEnabled: boolean;
+}
+
+ReducerRegistry.register<IScreenshotCaptureState>('features/screenshot-capture',
+(state = DEFAULT_STATE, action): IScreenshotCaptureState => {
+    switch (action.type) {
+    case SET_SCREENSHOT_CAPTURE: {
+        return {
+            ...state,
+            capturesEnabled: action.payload
+        };
+    }
+    }
+
+    return state;
+});
diff --git a/react/features/screenshot-capture/worker.ts b/react/features/screenshot-capture/worker.ts
new file mode 100644
index 0000000..09c1f3e
--- /dev/null
+++ b/react/features/screenshot-capture/worker.ts
@@ -0,0 +1,132 @@
+import pixelmatch from 'pixelmatch';
+
+import {
+    CLEAR_TIMEOUT,
+    MAX_FILE_SIZE,
+    PERCENTAGE_LOWER_BOUND,
+    SET_TIMEOUT,
+    TIMEOUT_TICK
+} from './constants';
+
+
+let timer: ReturnType<typeof setTimeout>;
+const canvas = new OffscreenCanvas(0, 0);
+const ctx = canvas.getContext('2d');
+let storedImageData: ImageData | undefined;
+
+/**
+ * Sends Blob with the screenshot to main thread.
+ *
+  * @param {ImageData} imageData - The image of the screenshot.
+ * @returns {void}
+ */
+async function sendBlob(imageData: ImageData) {
+    let imageBlob = await canvas.convertToBlob({ type: 'image/jpeg' });
+
+    if (imageBlob.size > MAX_FILE_SIZE) {
+        const quality = Number((MAX_FILE_SIZE / imageBlob.size).toFixed(2)) * 0.92;
+
+        imageBlob = await canvas.convertToBlob({ type: 'image/jpeg',
+            quality });
+    }
+
+    storedImageData = imageData;
+
+    postMessage({
+        id: TIMEOUT_TICK,
+        imageBlob
+    });
+}
+
+/**
+ * Sends empty message to main thread.
+ *
+ * @returns {void}
+ */
+function sendEmpty() {
+    postMessage({
+        id: TIMEOUT_TICK
+    });
+}
+
+/**
+ * Draws the image bitmap on the canvas and checks the difference percent with the previous image
+ * if there is no previous image the percentage is not calculated.
+ *
+ * @param {ImageBitmap} imageBitmap - The image bitmap that is drawn on canvas.
+ * @returns {void}
+ */
+function checkScreenshot(imageBitmap: ImageBitmap) {
+    const { height, width } = imageBitmap;
+
+    if (canvas.width !== width) {
+        canvas.width = width;
+    }
+
+    if (canvas.height !== height) {
+        canvas.height = height;
+    }
+
+    ctx?.drawImage(imageBitmap, 0, 0, width, height);
+    const imageData = ctx?.getImageData(0, 0, width, height);
+
+    imageBitmap.close();
+
+    if (!imageData) {
+        sendEmpty();
+
+        return;
+    }
+
+    if (!storedImageData || imageData.data.length !== storedImageData.data.length) {
+        sendBlob(imageData);
+
+        return;
+    }
+
+    let numOfPixels = 0;
+
+    try {
+        numOfPixels = pixelmatch(
+            imageData.data,
+            storedImageData.data,
+            null,
+            width,
+            height);
+    } catch {
+        sendEmpty();
+
+        return;
+    }
+
+    const percent = numOfPixels / imageData.data.length * 100;
+
+    if (percent >= PERCENTAGE_LOWER_BOUND) {
+        sendBlob(imageData);
+    } else {
+        sendEmpty();
+    }
+}
+
+onmessage = function(request) {
+    switch (request.data.id) {
+    case SET_TIMEOUT: {
+        timer = setTimeout(async () => {
+            const imageBitmap = request.data.imageBitmap;
+
+            if (imageBitmap) {
+                checkScreenshot(imageBitmap);
+            } else {
+                sendEmpty();
+            }
+        }, request.data.timeMs);
+        break;
+    }
+    case CLEAR_TIMEOUT: {
+        if (timer) {
+            clearTimeout(timer);
+        }
+        break;
+    }
+    }
+};
diff --git a/react/features/security/actions.ts b/react/features/security/actions.ts
new file mode 100644
index 0000000..ec0acd3
--- /dev/null
+++ b/react/features/security/actions.ts
@@ -0,0 +1,15 @@
+import { IStore } from '../app/types';
+import { toggleDialog } from '../base/dialog/actions';
+
+import { SecurityDialog } from './components/security-dialog';
+
+/**
+ * Action that triggers toggle of the security options dialog.
+ *
+ * @returns {Function}
+ */
+export function toggleSecurityDialog() {
+    return function(dispatch: IStore['dispatch']) {
+        dispatch(toggleDialog('SecurityDialog', SecurityDialog));
+    };
+}
diff --git a/react/features/security/components/security-dialog/AbstractSecurityDialogButton.ts b/react/features/security/components/security-dialog/AbstractSecurityDialogButton.ts
new file mode 100644
index 0000000..dba5c07
--- /dev/null
+++ b/react/features/security/components/security-dialog/AbstractSecurityDialogButton.ts
@@ -0,0 +1,92 @@
+import { createToolbarEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { IReduxState } from '../../../app/types';
+import { getSecurityUiConfig } from '../../../base/config/functions.any';
+import { LOBBY_MODE_ENABLED, MEETING_PASSWORD_ENABLED, SECURITY_OPTIONS_ENABLED } from '../../../base/flags/constants';
+import { getFeatureFlag } from '../../../base/flags/functions';
+import { IconSecurityOff, IconSecurityOn } from '../../../base/icons/svg';
+import { isLocalParticipantModerator } from '../../../base/participants/functions';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import { isSecurityDialogButtonVisible } from '../../functions';
+
+export interface IProps extends AbstractButtonProps {
+
+    /**
+     * Whether the shared document is being edited or not.
+     */
+    _locked: boolean;
+}
+
+
+/**
+ * Implements an {@link AbstractButton} to open the security dialog/screen.
+ */
+export default class AbstractSecurityDialogButton<P extends IProps, S>
+    extends AbstractButton<P, S> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.security';
+    override icon = IconSecurityOff;
+    override label = 'toolbar.security';
+    override toggledIcon = IconSecurityOn;
+    override tooltip = 'toolbar.security';
+
+    /**
+     * Helper function to be implemented by subclasses, which should be used
+     * to handle the security button being clicked / pressed.
+     *
+     * @protected
+     * @returns {void}
+     */
+    _handleClickSecurityButton() {
+        // To be implemented by subclass.
+    }
+
+    /**
+     * Handles clicking / pressing the button.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { _locked } = this.props;
+
+        sendAnalytics(createToolbarEvent('toggle.security', { enable: !_locked }));
+        this._handleClickSecurityButton();
+    }
+
+    /**
+     * Indicates whether this button is in toggled state or not.
+     *
+     * @override
+     * @returns {boolean}
+     */
+    override _isToggled() {
+        return this.props._locked;
+    }
+}
+
+/**
+ * Maps part of the redux state to the component's props.
+ *
+ * @param {Object} state - The redux store/state.
+ * @returns {IProps}
+ */
+export function _mapStateToProps(state: IReduxState) {
+    const { conference } = state['features/base/conference'];
+    const { locked } = state['features/base/conference'];
+    const { lobbyEnabled } = state['features/lobby'];
+    const enabledSecurityOptionsFlag = getFeatureFlag(state, SECURITY_OPTIONS_ENABLED, true);
+    const enabledLobbyModeFlag = getFeatureFlag(state, LOBBY_MODE_ENABLED, true);
+    const enabledMeetingPassFlag = getFeatureFlag(state, MEETING_PASSWORD_ENABLED, true);
+
+    return {
+        _locked: Boolean(locked || lobbyEnabled),
+        visible: isSecurityDialogButtonVisible({
+            conference,
+            securityUIConfig: getSecurityUiConfig(state),
+            isModerator: isLocalParticipantModerator(state),
+            enabledLobbyModeFlag,
+            enabledMeetingPassFlag,
+            enabledSecurityOptionsFlag
+        })
+    };
+}
diff --git a/react/features/security/components/security-dialog/index.native.ts b/react/features/security/components/security-dialog/index.native.ts
new file mode 100644
index 0000000..2daee70
--- /dev/null
+++ b/react/features/security/components/security-dialog/index.native.ts
@@ -0,0 +1,2 @@
+// @ts-ignore
+export { default as SecurityDialog } from './native/SecurityDialog';
diff --git a/react/features/security/components/security-dialog/index.web.ts b/react/features/security/components/security-dialog/index.web.ts
new file mode 100644
index 0000000..da7e62c
--- /dev/null
+++ b/react/features/security/components/security-dialog/index.web.ts
@@ -0,0 +1 @@
+export { default as SecurityDialog } from './web/SecurityDialog';
diff --git a/react/features/security/components/security-dialog/native/SecurityDialog.tsx b/react/features/security/components/security-dialog/native/SecurityDialog.tsx
new file mode 100644
index 0000000..7f565c8
--- /dev/null
+++ b/react/features/security/components/security-dialog/native/SecurityDialog.tsx
@@ -0,0 +1,533 @@
+import React, { PureComponent } from 'react';
+import {
+    Text,
+    TextStyle,
+    View,
+    ViewStyle
+} from 'react-native';
+import { connect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../../../app/types';
+import { IJitsiConference } from '../../../../base/conference/reducer';
+import { getSecurityUiConfig } from '../../../../base/config/functions.any';
+import { MEETING_PASSWORD_ENABLED } from '../../../../base/flags/constants';
+import { getFeatureFlag } from '../../../../base/flags/functions';
+import { translate } from '../../../../base/i18n/functions';
+import JitsiScreen from '../../../../base/modal/components/JitsiScreen';
+import { isLocalParticipantModerator } from '../../../../base/participants/functions';
+import Button from '../../../../base/ui/components/native/Button';
+import Input from '../../../../base/ui/components/native/Input';
+import Switch from '../../../../base/ui/components/native/Switch';
+import { BUTTON_TYPES } from '../../../../base/ui/constants.native';
+import { copyText } from '../../../../base/util/copyText.native';
+import { isInBreakoutRoom } from '../../../../breakout-rooms/functions';
+import { toggleLobbyMode } from '../../../../lobby/actions.any';
+import { isEnablingLobbyAllowed } from '../../../../lobby/functions';
+import {
+    endRoomLockRequest,
+    unlockRoom
+} from '../../../../room-lock/actions';
+import { LOCKED_LOCALLY, LOCKED_REMOTELY } from '../../../../room-lock/constants';
+
+import styles from './styles';
+
+/**
+ * The style of the {@link TextInput} rendered by {@code SecurityDialog}. As it
+ * requests the entry of a password, {@code TextInput} automatically correcting
+ * the entry of the password is a pain to deal with as a user.
+ */
+const _TEXT_INPUT_PROPS = {
+    autoCapitalize: 'none',
+    autoCorrect: false
+};
+
+/**
+ * The type of the React {@code Component} props of {@link SecurityDialog}.
+ */
+interface IProps {
+
+    /**
+     * The JitsiConference which requires a password.
+     */
+    _conference?: IJitsiConference;
+
+    /**
+     * Whether enabling lobby is allowed or not.
+     */
+    _isEnablingLobbyAllowed: boolean;
+
+    /**
+     * Whether the local user is the moderator.
+     */
+    _isModerator: boolean;
+
+    /**
+     * Whether lobby mode is enabled or not.
+     */
+    _lobbyEnabled: boolean;
+
+    /**
+     * Whether the lobby mode switch is available or not.
+     */
+    _lobbyModeSwitchVisible: boolean;
+
+    /**
+     * The value for how the conference is locked (or undefined if not locked)
+     * as defined by room-lock constants.
+     */
+    _locked?: string;
+
+    /**
+     * Checks if the conference room is locked or not.
+     */
+    _lockedConference: boolean;
+
+    /**
+     * The current known password for the JitsiConference.
+     */
+    _password?: string;
+
+    /**
+     * Number of digits used in the room-lock password.
+     */
+    _passwordNumberOfDigits?: number;
+
+    /**
+     * Whether setting a room password is available or not.
+     */
+    _roomPasswordControls: boolean;
+
+    /**
+     * Redux store dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Invoked to obtain translated strings.
+     */
+    t: Function;
+}
+
+/**
+ * The type of the React {@code Component} state of {@link SecurityDialog}.
+ */
+interface IState {
+
+    /**
+     * State of lobby mode.
+     */
+    lobbyEnabled: boolean;
+
+    /**
+     * Password added by the participant for room lock.
+     */
+    passwordInputValue: string;
+
+    /**
+     * Shows an input or a message.
+     */
+    showElement: boolean;
+}
+
+/**
+ * Component that renders the security options dialog.
+ *
+ * @returns {React$Element<any>}
+ */
+class SecurityDialog extends PureComponent<IProps, IState> {
+
+    /**
+     * Instantiates a new {@code SecurityDialog}.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            lobbyEnabled: props._lobbyEnabled,
+            passwordInputValue: '',
+            showElement: props._locked === LOCKED_LOCALLY || false
+        };
+
+        this._onChangeText = this._onChangeText.bind(this);
+        this._onCancel = this._onCancel.bind(this);
+        this._onCopy = this._onCopy.bind(this);
+        this._onSubmit = this._onSubmit.bind(this);
+        this._onToggleLobbyMode = this._onToggleLobbyMode.bind(this);
+        this._onAddPassword = this._onAddPassword.bind(this);
+    }
+
+    /**
+     * Implements {@code SecurityDialog.render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        return (
+            <JitsiScreen style = { styles.securityDialogContainer }>
+                { this._renderLobbyMode() }
+                { this._renderSetRoomPassword() }
+            </JitsiScreen>
+        );
+    }
+
+    /**
+     * Renders lobby mode.
+     *
+     * @returns {ReactElement}
+     * @private
+     */
+    _renderLobbyMode() {
+        const {
+            _isEnablingLobbyAllowed,
+            _lobbyModeSwitchVisible,
+            t
+        } = this.props;
+
+        if (!_lobbyModeSwitchVisible || !_isEnablingLobbyAllowed) {
+            return null;
+        }
+
+        return (
+            <View style = { styles.lobbyModeContainer }>
+                <View style = { styles.lobbyModeContent } >
+                    <Text style = { styles.lobbyModeText }>
+                        { t('lobby.enableDialogText') }
+                    </Text>
+                    <View style = { styles.lobbyModeSection as ViewStyle }>
+                        <Text style = { styles.lobbyModeLabel as TextStyle } >
+                            { t('lobby.toggleLabel') }
+                        </Text>
+                        <Switch
+                            checked = { this.state.lobbyEnabled }
+                            onChange = { this._onToggleLobbyMode } />
+                    </View>
+                </View>
+            </View>
+        );
+    }
+
+    /**
+     * Renders setting the password.
+     *
+     * @returns {ReactElement}
+     * @private
+     */
+    _renderSetRoomPassword() {
+        const {
+            _isModerator,
+            _locked,
+            _lockedConference,
+            _password,
+            _roomPasswordControls,
+            t
+        } = this.props;
+        const { showElement } = this.state;
+        let setPasswordControls;
+
+        if (!_roomPasswordControls) {
+            return null;
+        }
+
+        if (_locked && showElement) {
+            setPasswordControls = (
+                <>
+                    <Button
+                        accessibilityLabel = 'dialog.Remove'
+                        labelKey = 'dialog.Remove'
+                        labelStyle = { styles.passwordSetupButtonLabel }
+                        onClick = { this._onCancel }
+                        type = { BUTTON_TYPES.TERTIARY } />
+                    {
+                        _password
+                        && <Button
+                            accessibilityLabel = 'dialog.copy'
+                            labelKey = 'dialog.copy'
+                            labelStyle = { styles.passwordSetupButtonLabel }
+                            onClick = { this._onCopy }
+                            type = { BUTTON_TYPES.TERTIARY } />
+                    }
+                </>
+            );
+        } else if (!_lockedConference && showElement) {
+            setPasswordControls = (
+                <>
+                    <Button
+                        accessibilityLabel = 'dialog.Cancel'
+                        labelKey = 'dialog.Cancel'
+                        labelStyle = { styles.passwordSetupButtonLabel }
+                        onClick = { this._onCancel }
+                        type = { BUTTON_TYPES.TERTIARY } />
+                    <Button
+                        accessibilityLabel = 'dialog.add'
+                        labelKey = 'dialog.add'
+                        labelStyle = { styles.passwordSetupButtonLabel }
+                        onClick = { this._onSubmit }
+                        type = { BUTTON_TYPES.TERTIARY } />
+                </>
+            );
+        } else if (!_lockedConference && !showElement) {
+            setPasswordControls = (
+                <Button
+                    accessibilityLabel = 'info.addPassword'
+                    disabled = { !_isModerator }
+                    labelKey = 'info.addPassword'
+                    labelStyle = { styles.passwordSetupButtonLabel }
+                    onClick = { this._onAddPassword }
+                    type = { BUTTON_TYPES.TERTIARY } />
+            );
+        }
+
+        if (_locked === LOCKED_REMOTELY) {
+            if (_isModerator) {
+                setPasswordControls = (
+                    <View style = { styles.passwordSetRemotelyContainer as ViewStyle }>
+                        <Text style = { styles.passwordSetRemotelyText }>
+                            { t('passwordSetRemotely') }
+                        </Text>
+                        <Button
+                            accessibilityLabel = 'dialog.Remove'
+                            labelKey = 'dialog.Remove'
+                            labelStyle = { styles.passwordSetupButtonLabel }
+                            onClick = { this._onCancel }
+                            type = { BUTTON_TYPES.TERTIARY } />
+                    </View>
+                );
+            } else {
+                setPasswordControls = (
+                    <View style = { styles.passwordSetRemotelyContainer as ViewStyle }>
+                        <Text style = { styles.passwordSetRemotelyTextDisabled }>
+                            { t('passwordSetRemotely') }
+                        </Text>
+                        <Button
+                            accessibilityLabel = 'info.addPassword'
+                            disabled = { !_isModerator }
+                            labelKey = 'info.addPassword'
+                            labelStyle = { styles.passwordSetupButtonLabel }
+                            onClick = { this._onAddPassword }
+                            type = { BUTTON_TYPES.TERTIARY } />
+                    </View>
+                );
+            }
+        }
+
+        return (
+            <View
+                style = { styles.passwordContainer } >
+                <Text style = { styles.passwordContainerText }>
+                    { t(_isModerator ? 'security.about' : 'security.aboutReadOnly') }
+                </Text>
+                <View
+                    style = {
+                        _locked !== LOCKED_REMOTELY
+                        && styles.passwordContainerControls as ViewStyle
+                    }>
+                    <View>
+                        { this._setRoomPasswordMessage() }
+                    </View>
+                    { _isModerator && setPasswordControls }
+                </View>
+            </View>
+        );
+    }
+
+    /**
+     * Renders room lock text input/message.
+     *
+     * @returns {ReactElement}
+     * @private
+     */
+    _setRoomPasswordMessage() {
+        let textInputProps: any = _TEXT_INPUT_PROPS;
+        const {
+            _isModerator,
+            _locked,
+            _password,
+            _passwordNumberOfDigits,
+            t
+        } = this.props;
+        const { passwordInputValue, showElement } = this.state;
+
+        if (_passwordNumberOfDigits) {
+            textInputProps = {
+                ...textInputProps,
+                keyboardType: 'numeric',
+                maxLength: _passwordNumberOfDigits
+            };
+        }
+
+        if (!_isModerator) {
+            return null;
+        }
+
+        if (showElement) {
+            if (typeof _locked === 'undefined') {
+                return (
+                    <Input
+                        accessibilityLabel = { t('info.addPassword') }
+                        autoFocus = { true }
+                        clearable = { true }
+                        customStyles = {{ container: styles.customContainer }}
+                        onChange = { this._onChangeText }
+                        placeholder = { t('dialog.password') }
+                        value = { passwordInputValue }
+                        { ...textInputProps } />
+                );
+            } else if (_locked) {
+                if (_locked === LOCKED_LOCALLY && typeof _password !== 'undefined') {
+                    return (
+                        <View style = { styles.savedPasswordContainer as ViewStyle }>
+                            <Text style = { styles.savedPasswordLabel as TextStyle }>
+                                { t('info.password') }
+                            </Text>
+                            <Text style = { styles.savedPassword }>
+                                { _password }
+                            </Text>
+                        </View>
+                    );
+                }
+            }
+        }
+    }
+
+    /**
+     * Handles the enable-disable lobby mode switch.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onToggleLobbyMode() {
+        const { dispatch } = this.props;
+        const { lobbyEnabled } = this.state;
+
+        this.setState({
+            lobbyEnabled: !lobbyEnabled
+        });
+
+        dispatch(toggleLobbyMode(!lobbyEnabled));
+    }
+
+    /**
+     * Callback to be invoked when add password button is pressed.
+     *
+     * @returns {void}
+     */
+    _onAddPassword() {
+        const { showElement } = this.state;
+
+        this.setState({
+            showElement: !showElement
+        });
+    }
+
+    /**
+     * Verifies input in case only digits are required.
+     *
+     * @param {string} passwordInputValue - The value of the password
+     * text input.
+     * @private
+     * @returns {boolean} False when the value is not valid and True otherwise.
+     */
+    _validateInputValue(passwordInputValue: string) {
+        const { _passwordNumberOfDigits } = this.props;
+
+        // we want only digits,
+        // but both number-pad and numeric add ',' and '.' as symbols
+        if (_passwordNumberOfDigits
+            && passwordInputValue.length > 0
+            && !/^\d+$/.test(passwordInputValue)) {
+            return false;
+        }
+
+        return true;
+    }
+
+    /**
+     * Callback to be invoked when the text in the field changes.
+     *
+     * @param {string} passwordInputValue - The value of password input.
+     * @returns {void}
+     */
+    _onChangeText(passwordInputValue: string) {
+        if (!this._validateInputValue(passwordInputValue)) {
+            return;
+        }
+
+        this.setState({
+            passwordInputValue
+        });
+    }
+
+    /**
+     * Cancels value typed in text input.
+     *
+     * @returns {void}
+     */
+    _onCancel() {
+        this.setState({
+            passwordInputValue: '',
+            showElement: false
+        });
+
+        this.props.dispatch(unlockRoom());
+    }
+
+    /**
+     * Copies room password.
+     *
+     * @returns {void}
+     */
+    _onCopy() {
+        const { passwordInputValue } = this.state;
+
+        copyText(passwordInputValue);
+    }
+
+    /**
+     * Submits value typed in text input.
+     *
+     * @returns {void}
+     */
+    _onSubmit() {
+        const {
+            _conference,
+            dispatch
+        } = this.props;
+        const { passwordInputValue } = this.state;
+
+        _conference && dispatch(endRoomLockRequest(_conference, passwordInputValue));
+    }
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const { conference, locked, password } = state['features/base/conference'];
+    const { disableLobbyPassword, hideLobbyButton } = getSecurityUiConfig(state);
+    const { lobbyEnabled } = state['features/lobby'];
+    const { roomPasswordNumberOfDigits } = state['features/base/config'];
+    const lobbySupported = conference?.isLobbySupported();
+    const visible = getFeatureFlag(state, MEETING_PASSWORD_ENABLED, true);
+
+    return {
+        _conference: conference,
+        _isEnablingLobbyAllowed: isEnablingLobbyAllowed(state),
+        _isModerator: isLocalParticipantModerator(state),
+        _lobbyEnabled: lobbyEnabled,
+        _lobbyModeSwitchVisible:
+            lobbySupported && isLocalParticipantModerator(state) && !hideLobbyButton && !isInBreakoutRoom(state),
+        _locked: locked,
+        _lockedConference: Boolean(conference && locked),
+        _password: password,
+        _passwordNumberOfDigits: roomPasswordNumberOfDigits,
+        _roomPasswordControls: visible && !disableLobbyPassword
+    };
+}
+
+
+export default translate(connect(_mapStateToProps)(SecurityDialog));
diff --git a/react/features/security/components/security-dialog/native/SecurityDialogButton.ts b/react/features/security/components/security-dialog/native/SecurityDialogButton.ts
new file mode 100644
index 0000000..a0a422e
--- /dev/null
+++ b/react/features/security/components/security-dialog/native/SecurityDialogButton.ts
@@ -0,0 +1,27 @@
+import { connect } from 'react-redux';
+
+import { translate } from '../../../../base/i18n/functions';
+import { navigate } from '../../../../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
+import { screen } from '../../../../mobile/navigation/routes';
+import AbstractSecurityDialogButton, {
+    IProps as AbstractSecurityDialogButtonProps,
+    _mapStateToProps as _abstractMapStateToProps
+} from '../AbstractSecurityDialogButton';
+
+/**
+ * Implements an {@link AbstractSecurityDialogButton} to open the security screen.
+ */
+class SecurityDialogButton<P extends AbstractSecurityDialogButtonProps, S> extends AbstractSecurityDialogButton<P, S> {
+
+    /**
+     * Opens / closes the security screen.
+     *
+     * @private
+     * @returns {void}
+     */
+    _handleClickSecurityButton() {
+        navigate(screen.conference.security);
+    }
+}
+
+export default translate(connect(_abstractMapStateToProps)(SecurityDialogButton));
diff --git a/react/features/security/components/security-dialog/native/styles.ts b/react/features/security/components/security-dialog/native/styles.ts
new file mode 100644
index 0000000..6d1784e
--- /dev/null
+++ b/react/features/security/components/security-dialog/native/styles.ts
@@ -0,0 +1,95 @@
+import BaseTheme from '../../../../base/ui/components/BaseTheme.native';
+
+/**
+ * The styles of the feature security.
+ */
+export default {
+
+    securityDialogContainer: {
+        backgroundColor: BaseTheme.palette.ui01,
+        flex: 1
+    },
+
+    headerCloseButton: {
+        marginLeft: 12
+    },
+
+    lobbyModeContainer: {
+        borderBottomColor: BaseTheme.palette.ui07,
+        borderBottomWidth: 1,
+        marginTop: BaseTheme.spacing[4]
+    },
+
+    lobbyModeContent: {
+        marginHorizontal: BaseTheme.spacing[3],
+        marginBottom: BaseTheme.spacing[4]
+    },
+
+    lobbyModeText: {
+        color: BaseTheme.palette.text01
+    },
+
+    lobbyModeLabel: {
+        color: BaseTheme.palette.text01,
+        fontWeight: 'bold',
+        marginTop: BaseTheme.spacing[2]
+    },
+
+    lobbyModeSection: {
+        alignItems: 'center',
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        marginTop: BaseTheme.spacing[1]
+    },
+
+    passwordContainer: {
+        marginHorizontal: BaseTheme.spacing[3],
+        marginTop: BaseTheme.spacing[4]
+    },
+
+    passwordContainerText: {
+        color: BaseTheme.palette.text01
+    },
+
+    passwordContainerControls: {
+        alignItems: 'center',
+        flexDirection: 'row',
+        justifyContent: 'space-between'
+    },
+
+    savedPasswordContainer: {
+        flexDirection: 'row',
+        width: 208
+    },
+
+    savedPasswordLabel: {
+        color: BaseTheme.palette.text01,
+        fontWeight: 'bold'
+    },
+
+    savedPassword: {
+        color: BaseTheme.palette.text01
+    },
+
+    customContainer: {
+        width: 208
+    },
+
+    passwordSetupButtonLabel: {
+        color: BaseTheme.palette.link01
+    },
+
+    passwordSetRemotelyContainer: {
+        alignItems: 'center',
+        flexDirection: 'row',
+        justifyContent: 'space-between'
+    },
+
+    passwordSetRemotelyText: {
+        color: BaseTheme.palette.text01
+    },
+
+    passwordSetRemotelyTextDisabled: {
+        color: BaseTheme.palette.text02
+    }
+};
diff --git a/react/features/security/components/security-dialog/web/PasswordForm.tsx b/react/features/security/components/security-dialog/web/PasswordForm.tsx
new file mode 100644
index 0000000..8fc92b7
--- /dev/null
+++ b/react/features/security/components/security-dialog/web/PasswordForm.tsx
@@ -0,0 +1,115 @@
+import React, { useCallback, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import Input from '../../../../base/ui/components/web/Input';
+import { LOCKED_LOCALLY } from '../../../../room-lock/constants';
+
+/**
+ * The type of the React {@code Component} props of {@link PasswordForm}.
+ */
+interface IProps {
+
+    /**
+     * Whether or not to show the password editing field.
+     */
+    editEnabled: boolean;
+
+    /**
+     * The value for how the conference is locked (or undefined if not locked)
+     * as defined by room-lock constants.
+     */
+    locked?: string;
+
+    /**
+     * Callback to invoke when the local participant is submitting a password
+     * set request.
+     */
+    onSubmit: Function;
+
+    /**
+     * The current known password for the JitsiConference.
+     */
+    password?: string;
+
+    /**
+     * The number of digits to be used in the password.
+     */
+    passwordNumberOfDigits?: number;
+
+    /**
+     * Whether or not the password should be visible.
+     */
+    visible: boolean;
+}
+
+/**
+ * React {@code Component} for displaying and editing the conference password.
+ *
+ * @returns {ReactElement}
+ */
+export default function PasswordForm({
+    editEnabled,
+    locked,
+    onSubmit,
+    password,
+    passwordNumberOfDigits,
+    visible
+}: IProps) {
+    const { t } = useTranslation();
+    const [ enteredPassword, setEnteredPassword ] = useState('');
+    const onKeyPress = useCallback(event => {
+        if (event.key === 'Enter') {
+            event.preventDefault();
+            event.stopPropagation();
+
+            onSubmit(enteredPassword);
+        }
+    }, [ onSubmit, enteredPassword ]);
+
+    if (!editEnabled && enteredPassword && enteredPassword !== '') {
+        setEnteredPassword('');
+    }
+
+    const placeHolderText
+        = passwordNumberOfDigits ? t('passwordDigitsOnly', { number: passwordNumberOfDigits }) : t('dialog.password');
+
+
+    return (
+        <div className = 'info-password'>
+            { locked && <>
+                <span className = 'info-label'>
+                    {t('info.password')}
+                </span>
+                <span className = 'spacer'>&nbsp;</span>
+                <span className = 'info-password-field info-value'>
+                    {locked === LOCKED_LOCALLY ? (
+                        <div className = 'info-password-local'>
+                            { visible ? password : '******' }
+                        </div>
+                    ) : (
+                        <div className = 'info-password-remote'>
+                            { t('passwordSetRemotely') }
+                        </div>
+                    ) }
+                </span>
+            </>
+            }
+            {
+                editEnabled && <div
+                    className = 'info-password-form'>
+                    <Input
+                        accessibilityLabel = { t('info.addPassword') }
+                        autoFocus = { true }
+                        id = 'info-password-input'
+                        maxLength = { passwordNumberOfDigits }
+                        mode = { passwordNumberOfDigits ? 'numeric' : undefined }
+                        onChange = { setEnteredPassword }
+                        onKeyPress = { onKeyPress }
+                        placeholder = { placeHolderText }
+                        type = 'password'
+                        value = { enteredPassword } />
+                </div>
+            }
+        </div>
+    );
+}
diff --git a/react/features/security/components/security-dialog/web/PasswordSection.tsx b/react/features/security/components/security-dialog/web/PasswordSection.tsx
new file mode 100644
index 0000000..37e1cc2
--- /dev/null
+++ b/react/features/security/components/security-dialog/web/PasswordSection.tsx
@@ -0,0 +1,189 @@
+/* eslint-disable react/jsx-no-bind */
+import React, { useCallback, useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../../app/types';
+import { setPassword } from '../../../../base/conference/actions';
+import { isLocalParticipantModerator } from '../../../../base/participants/functions';
+import { copyText } from '../../../../base/util/copyText.web';
+import { LOCKED_LOCALLY } from '../../../../room-lock/constants';
+import { NOTIFY_CLICK_MODE } from '../../../../toolbox/types';
+
+import PasswordForm from './PasswordForm';
+
+const DIGITS_ONLY = /^\d+$/;
+const KEY = 'add-passcode';
+
+/**
+ * Component that handles the password manipulation from the invite dialog.
+ *
+ * @returns {React$Element<any>}
+ */
+function PasswordSection() {
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+    const canEditPassword = useSelector(isLocalParticipantModerator);
+    const passwordNumberOfDigits = useSelector(
+        (state: IReduxState) => state['features/base/config'].roomPasswordNumberOfDigits);
+    const conference = useSelector((state: IReduxState) => state['features/base/conference'].conference);
+    const locked = useSelector((state: IReduxState) => state['features/base/conference'].locked);
+    const password = useSelector((state: IReduxState) => state['features/base/conference'].password);
+    const formRef = useRef<HTMLDivElement>(null);
+    const [ passwordVisible, setPasswordVisible ] = useState(false);
+    const buttonsWithNotifyClick = useSelector(
+        (state: IReduxState) => state['features/toolbox'].buttonsWithNotifyClick);
+    const [ passwordEditEnabled, setPasswordEditEnabled ] = useState(false);
+
+    if (passwordEditEnabled && (password || locked)) {
+        setPasswordEditEnabled(false);
+    }
+
+    const onPasswordSubmit = useCallback((enteredPassword: string) => {
+        if (enteredPassword && passwordNumberOfDigits && !DIGITS_ONLY.test(enteredPassword)) {
+            // Don't set the password.
+            return;
+        }
+        dispatch(setPassword(conference, conference?.lock, enteredPassword));
+    }, [ dispatch, passwordNumberOfDigits, conference?.lock ]);
+
+    const onTogglePasswordEditState = useCallback(() => {
+        if (typeof APP === 'undefined' || !buttonsWithNotifyClick?.size) {
+            setPasswordEditEnabled(!passwordEditEnabled);
+
+            return;
+        }
+
+        const notifyMode = buttonsWithNotifyClick?.get(KEY);
+
+        if (notifyMode) {
+            APP.API.notifyToolbarButtonClicked(
+                KEY, notifyMode === NOTIFY_CLICK_MODE.PREVENT_AND_NOTIFY
+            );
+        }
+
+        if (!notifyMode || notifyMode === NOTIFY_CLICK_MODE.ONLY_NOTIFY) {
+            setPasswordEditEnabled(!passwordEditEnabled);
+        }
+    }, [ buttonsWithNotifyClick, setPasswordEditEnabled, passwordEditEnabled ]);
+
+    const onPasswordSave = useCallback(() => {
+        if (formRef.current) {
+            // @ts-ignore
+            const { value } = formRef.current.querySelector('div > input');
+
+            if (value) {
+                onPasswordSubmit(value);
+            }
+        }
+    }, [ formRef.current, onPasswordSubmit ]);
+
+    const onPasswordRemove = useCallback(() => {
+        onPasswordSubmit('');
+    }, [ onPasswordSubmit ]);
+
+
+    const onPasswordCopy = useCallback(() => {
+        copyText(password ?? '');
+    }, [ password ]);
+
+    const onPasswordShow = useCallback(() => {
+        setPasswordVisible(true);
+    }, [ setPasswordVisible ]);
+
+    const onPasswordHide = useCallback(() => {
+        setPasswordVisible(false);
+    }, [ setPasswordVisible ]);
+
+    let actions = null;
+
+    if (canEditPassword) {
+        if (passwordEditEnabled) {
+            actions = (
+                <>
+                    <button
+                        className = 'as-link'
+                        onClick = { onTogglePasswordEditState }
+                        type = 'button'>
+                        { t('dialog.Cancel') }
+                        <span className = 'sr-only'>({ t('dialog.password') })</span>
+                    </button>
+                    <button
+                        className = 'as-link'
+                        onClick = { onPasswordSave }
+                        type = 'button'>
+                        { t('dialog.add') }
+                        <span className = 'sr-only'>({ t('dialog.password') })</span>
+                    </button>
+                </>
+            );
+        } else if (locked) {
+            actions = (
+                <>
+                    <button
+                        className = 'remove-password as-link'
+                        onClick = { onPasswordRemove }
+                        type = 'button'>
+                        { t('dialog.Remove') }
+                        <span className = 'sr-only'>({ t('dialog.password') })</span>
+                    </button>
+                    {
+
+                        // There are cases like lobby and grant moderator when password is not available
+                        password ? <>
+                            <button
+                                className = 'copy-password as-link'
+                                onClick = { onPasswordCopy }
+                                type = 'button'>
+                                { t('dialog.copy') }
+                                <span className = 'sr-only'>({ t('dialog.password') })</span>
+                            </button>
+                        </> : null
+                    }
+                    {locked === LOCKED_LOCALLY && (
+                        <button
+                            className = 'as-link'
+                            onClick = { passwordVisible ? onPasswordHide : onPasswordShow }
+                            type = 'button'>
+                            {t(passwordVisible ? 'dialog.hide' : 'dialog.show')}
+                            <span className = 'sr-only'>({ t('dialog.password') })</span>
+                        </button>
+                    )}
+                </>
+            );
+        } else {
+            actions = (
+                <button
+                    className = 'add-password as-link'
+                    onClick = { onTogglePasswordEditState }
+                    type = 'button'>{ t('info.addPassword') }</button>
+            );
+        }
+    }
+
+    return (
+        <div className = 'security-dialog password-section'>
+            <p className = 'description'>
+                { t(canEditPassword ? 'security.about' : 'security.aboutReadOnly') }
+            </p>
+            <div className = 'security-dialog password'>
+                <div
+                    className = 'info-dialog info-dialog-column info-dialog-password'
+                    ref = { formRef }>
+                    <PasswordForm
+                        editEnabled = { passwordEditEnabled }
+                        locked = { locked }
+                        onSubmit = { onPasswordSubmit }
+                        password = { password }
+                        passwordNumberOfDigits = { passwordNumberOfDigits }
+                        visible = { passwordVisible } />
+                </div>
+                <div className = 'security-dialog password-actions'>
+                    { actions }
+                </div>
+            </div>
+        </div>
+    );
+}
+
+export default PasswordSection;
diff --git a/react/features/security/components/security-dialog/web/SecurityDialog.tsx b/react/features/security/components/security-dialog/web/SecurityDialog.tsx
new file mode 100644
index 0000000..a7a6669
--- /dev/null
+++ b/react/features/security/components/security-dialog/web/SecurityDialog.tsx
@@ -0,0 +1,65 @@
+import React from 'react';
+import { useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../../app/types';
+import { getSecurityUiConfig } from '../../../../base/config/functions.any';
+import { isLocalParticipantModerator } from '../../../../base/participants/functions';
+import Dialog from '../../../../base/ui/components/web/Dialog';
+import { isInBreakoutRoom } from '../../../../breakout-rooms/functions';
+import E2EESection from '../../../../e2ee/components/E2EESection';
+import LobbySection from '../../../../lobby/components/web/LobbySection';
+import { isEnablingLobbyAllowed } from '../../../../lobby/functions';
+
+import PasswordSection from './PasswordSection';
+
+export interface INotifyClick {
+    key: string;
+    preventExecution: boolean;
+}
+
+/**
+ * Component that renders the security options dialog.
+ *
+ * @returns {React$Element<any>}
+ */
+export default function SecurityDialog() {
+    const lobbySupported = useSelector((state: IReduxState) =>
+        state['features/base/conference'].conference?.isLobbySupported());
+    const e2eeSupported = useSelector((state: IReduxState) => state['features/base/conference'].e2eeSupported);
+    const isInBreakout = useSelector(isInBreakoutRoom);
+    const disableLobbyPassword = useSelector((state: IReduxState) => getSecurityUiConfig(state)?.disableLobbyPassword)
+        || isInBreakout;
+    const isModerator = useSelector(isLocalParticipantModerator);
+    const { hideLobbyButton } = useSelector(getSecurityUiConfig);
+    const _isLobbyVisible = useSelector(isEnablingLobbyAllowed)
+        && lobbySupported && isModerator && !isInBreakout && !hideLobbyButton;
+    const showE2ee = Boolean(e2eeSupported) && isModerator;
+
+    return (
+        <Dialog
+            cancel = {{ hidden: true }}
+            ok = {{ hidden: true }}
+            titleKey = 'security.title'>
+            <div className = 'security-dialog'>
+                {
+                    _isLobbyVisible && <LobbySection />
+                }
+                {
+                    !disableLobbyPassword && (
+                        <>
+                            { _isLobbyVisible && <div className = 'separator-line' /> }
+                            <PasswordSection />
+                        </>
+                    )
+                }
+                {
+                    showE2ee ? <>
+                        { (_isLobbyVisible || !disableLobbyPassword) && <div className = 'separator-line' /> }
+                        <E2EESection />
+                    </> : null
+                }
+
+            </div>
+        </Dialog>
+    );
+}
diff --git a/react/features/security/components/security-dialog/web/SecurityDialogButton.ts b/react/features/security/components/security-dialog/web/SecurityDialogButton.ts
new file mode 100644
index 0000000..e08f904
--- /dev/null
+++ b/react/features/security/components/security-dialog/web/SecurityDialogButton.ts
@@ -0,0 +1,28 @@
+import { connect } from 'react-redux';
+
+import { translate } from '../../../../base/i18n/functions';
+import { toggleSecurityDialog } from '../../../actions';
+import AbstractSecurityDialogButton, {
+    IProps as AbstractSecurityDialogButtonProps,
+    _mapStateToProps as _abstractMapStateToProps
+} from '../AbstractSecurityDialogButton';
+
+/**
+ * Implements an {@link AbstractSecurityDialogButton} to open the security dialog.
+ */
+class SecurityDialogButton<P extends AbstractSecurityDialogButtonProps, S> extends AbstractSecurityDialogButton<P, S> {
+
+    /**
+     * Opens / closes the security dialog.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _handleClickSecurityButton() {
+        const { dispatch } = this.props;
+
+        dispatch(toggleSecurityDialog());
+    }
+}
+
+export default translate(connect(_abstractMapStateToProps)(SecurityDialogButton));
diff --git a/react/features/security/functions.ts b/react/features/security/functions.ts
new file mode 100644
index 0000000..ce2526e
--- /dev/null
+++ b/react/features/security/functions.ts
@@ -0,0 +1,28 @@
+/**
+ * Returns true if the security dialog button should be visible and false otherwise.
+ *
+ * @param {Object} options - The parameters needed to determine the security dialog button visibility.
+ * @returns {boolean}
+ */
+export function isSecurityDialogButtonVisible({
+    conference,
+    securityUIConfig,
+    isModerator,
+    enabledLobbyModeFlag,
+    enabledSecurityOptionsFlag,
+    enabledMeetingPassFlag
+}: {
+    conference: any;
+    enabledLobbyModeFlag: boolean;
+    enabledMeetingPassFlag: boolean;
+    enabledSecurityOptionsFlag: boolean;
+    isModerator: boolean;
+    securityUIConfig: { hideLobbyButton?: boolean; };
+}) {
+    const { hideLobbyButton } = securityUIConfig;
+    const lobbySupported = conference?.isLobbySupported();
+    const lobby = lobbySupported && isModerator && !hideLobbyButton;
+
+
+    return enabledSecurityOptionsFlag && ((enabledLobbyModeFlag && lobby) || enabledMeetingPassFlag);
+}
diff --git a/react/features/security/hooks.web.ts b/react/features/security/hooks.web.ts
new file mode 100644
index 0000000..73e49a0
--- /dev/null
+++ b/react/features/security/hooks.web.ts
@@ -0,0 +1,45 @@
+import { useSelector } from 'react-redux';
+
+import { IReduxState } from '../app/types';
+import { getSecurityUiConfig } from '../base/config/functions.any';
+import { LOBBY_MODE_ENABLED, MEETING_PASSWORD_ENABLED, SECURITY_OPTIONS_ENABLED } from '../base/flags/constants';
+import { getFeatureFlag } from '../base/flags/functions';
+import { isLocalParticipantModerator } from '../base/participants/functions';
+
+import SecurityDialogButton from './components/security-dialog/web/SecurityDialogButton';
+import { isSecurityDialogButtonVisible } from './functions';
+
+const security = {
+    key: 'security',
+    alias: 'info',
+    Content: SecurityDialogButton,
+    group: 2
+};
+
+/**
+ * A hook that returns the security dialog button if it is enabled and undefined otherwise.
+ *
+ *  @returns {Object | undefined}
+ */
+export function useSecurityDialogButton() {
+    const conference = useSelector((state: IReduxState) => state['features/base/conference'].conference);
+    const securityUIConfig = useSelector(getSecurityUiConfig);
+    const isModerator = useSelector(isLocalParticipantModerator);
+    const enabledLobbyModeFlag
+        = useSelector((state: IReduxState) => getFeatureFlag(state, LOBBY_MODE_ENABLED, true));
+    const enabledSecurityOptionsFlag
+        = useSelector((state: IReduxState) => getFeatureFlag(state, SECURITY_OPTIONS_ENABLED, true));
+    const enabledMeetingPassFlag
+        = useSelector((state: IReduxState) => getFeatureFlag(state, MEETING_PASSWORD_ENABLED, true));
+
+    if (isSecurityDialogButtonVisible({
+        conference,
+        securityUIConfig,
+        isModerator,
+        enabledLobbyModeFlag,
+        enabledSecurityOptionsFlag,
+        enabledMeetingPassFlag
+    })) {
+        return security;
+    }
+}
diff --git a/react/features/settings/actionTypes.ts b/react/features/settings/actionTypes.ts
new file mode 100644
index 0000000..cfe3392
--- /dev/null
+++ b/react/features/settings/actionTypes.ts
@@ -0,0 +1,19 @@
+/**
+ * The type of (redux) action which sets the audio settings.
+ */
+export const SET_AUDIO_SETTINGS = 'SET_AUDIO_SETTINGS';
+
+/**
+ * The type of (redux) action which sets the preview audio track settings.
+ */
+export const SET_PREVIEW_AUDIO_TRACK = 'SET_PREVIEW_AUDIO_TRACK';
+
+/**
+ * The type of (redux) action which sets the visibility of the audio settings popup.
+ */
+export const SET_AUDIO_SETTINGS_VISIBILITY = 'SET_AUDIO_SETTINGS_VISIBILITY';
+
+/**
+ * The type of (redux) action which sets the visibility of the video settings popup.
+ */
+export const SET_VIDEO_SETTINGS_VISIBILITY = 'SET_VIDEO_SETTINGS_VISIBILITY';
diff --git a/react/features/settings/actions.native.ts b/react/features/settings/actions.native.ts
new file mode 100644
index 0000000..6701a12
--- /dev/null
+++ b/react/features/settings/actions.native.ts
@@ -0,0 +1,38 @@
+import { Linking } from 'react-native';
+
+import { IStore } from '../app/types';
+import { isTokenAuthEnabled } from '../authentication/functions';
+import { hangup } from '../base/connection/actions.native';
+import { openDialog } from '../base/dialog/actions';
+
+import LogoutDialog from './components/native/LogoutDialog';
+
+
+/**
+ * Opens {@code LogoutDialog}.
+ *
+ * @returns {Function}
+ */
+export function openLogoutDialog() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const { conference } = state['features/base/conference'];
+
+        const config = state['features/base/config'];
+        const logoutUrl = config.tokenLogoutUrl;
+
+        dispatch(openDialog('LogoutDialog', LogoutDialog, {
+            onLogout() {
+                if (isTokenAuthEnabled(config)) {
+                    if (logoutUrl) {
+                        Linking.openURL(logoutUrl);
+                    }
+
+                    dispatch(hangup(true));
+                } else {
+                    conference?.room.xmpp.moderator.logout(() => dispatch(hangup(true)));
+                }
+            }
+        }));
+    };
+}
diff --git a/react/features/settings/actions.web.ts b/react/features/settings/actions.web.ts
new file mode 100644
index 0000000..fa43fdd
--- /dev/null
+++ b/react/features/settings/actions.web.ts
@@ -0,0 +1,375 @@
+import { batch } from 'react-redux';
+
+import { IStore } from '../app/types';
+import { setTokenAuthUrlSuccess } from '../authentication/actions.web';
+import { isTokenAuthEnabled } from '../authentication/functions';
+import {
+    setStartMutedPolicy,
+    setStartReactionsMuted
+} from '../base/conference/actions';
+import { getConferenceState } from '../base/conference/functions';
+import { hangup } from '../base/connection/actions.web';
+import { openDialog } from '../base/dialog/actions';
+import i18next from '../base/i18n/i18next';
+import { browser } from '../base/lib-jitsi-meet';
+import { getNormalizedDisplayName } from '../base/participants/functions';
+import { updateSettings } from '../base/settings/actions';
+import { IAudioSettings } from '../base/settings/reducer';
+import { getLocalVideoTrack } from '../base/tracks/functions.web';
+import { appendURLHashParam } from '../base/util/uri';
+import { setFollowMe, setFollowMeRecorder } from '../follow-me/actions';
+import { disableKeyboardShortcuts, enableKeyboardShortcuts } from '../keyboard-shortcuts/actions';
+import { toggleBackgroundEffect } from '../virtual-background/actions';
+import virtualBackgroundLogger from '../virtual-background/logger';
+
+import {
+    SET_AUDIO_SETTINGS,
+    SET_AUDIO_SETTINGS_VISIBILITY,
+    SET_PREVIEW_AUDIO_TRACK,
+    SET_VIDEO_SETTINGS_VISIBILITY
+} from './actionTypes';
+import LogoutDialog from './components/web/LogoutDialog';
+import SettingsDialog from './components/web/SettingsDialog';
+import {
+    getModeratorTabProps,
+    getMoreTabProps,
+    getNotificationsTabProps,
+    getProfileTabProps,
+    getShortcutsTabProps
+} from './functions.web';
+
+/**
+ * Opens {@code LogoutDialog}.
+ *
+ * @returns {Function}
+ */
+export function openLogoutDialog() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+
+        const config = state['features/base/config'];
+        const logoutUrl = config.tokenLogoutUrl;
+
+        const { conference } = state['features/base/conference'];
+        const { jwt } = state['features/base/jwt'];
+
+        dispatch(openDialog('LogoutDialog', LogoutDialog, {
+            onLogout() {
+                if (isTokenAuthEnabled(config) && config.tokenAuthUrlAutoRedirect && jwt) {
+
+                    // user is logging out remove auto redirect indication
+                    dispatch(setTokenAuthUrlSuccess(false));
+                }
+
+                if (logoutUrl && browser.isElectron()) {
+                    const url = appendURLHashParam(logoutUrl, 'electron', 'true');
+
+                    window.open(url, '_blank');
+                    dispatch(hangup(true));
+                } else {
+                    if (logoutUrl) {
+                        window.location.href = logoutUrl;
+
+                        return;
+                    }
+
+                    conference?.room.xmpp.moderator.logout(() => dispatch(hangup(true)));
+                }
+            }
+        }));
+    };
+}
+
+/**
+ * Opens {@code SettingsDialog}.
+ *
+ * @param {string} defaultTab - The tab in {@code SettingsDialog} that should be
+ * displayed initially.
+ * @param {boolean} isDisplayedOnWelcomePage - Indicates whether the device selection dialog is displayed on the
+ * welcome page or not.
+ * @returns {Function}
+ */
+export function openSettingsDialog(defaultTab?: string, isDisplayedOnWelcomePage?: boolean) {
+    return openDialog('SettingsDialog', SettingsDialog, {
+        defaultTab,
+        isDisplayedOnWelcomePage
+    });
+}
+
+/**
+ * Sets the visibility of the audio settings.
+ *
+ * @param {boolean} value - The new value.
+ * @returns {Function}
+ */
+function setAudioSettingsVisibility(value: boolean) {
+    return {
+        type: SET_AUDIO_SETTINGS_VISIBILITY,
+        value
+    };
+}
+
+/**
+ * Sets the visibility of the video settings.
+ *
+ * @param {boolean} value - The new value.
+ * @returns {Function}
+ */
+function setVideoSettingsVisibility(value: boolean) {
+    return {
+        type: SET_VIDEO_SETTINGS_VISIBILITY,
+        value
+    };
+}
+
+/**
+ * Submits the settings from the "More" tab of the settings dialog.
+ *
+ * @param {Object} newState - The new settings.
+ * @returns {Function}
+ */
+export function submitMoreTab(newState: any) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const currentState = getMoreTabProps(state);
+
+        if (newState.maxStageParticipants !== currentState.maxStageParticipants) {
+            dispatch(updateSettings({ maxStageParticipants: Number(newState.maxStageParticipants) }));
+        }
+
+        if (newState.hideSelfView !== currentState.hideSelfView) {
+            dispatch(updateSettings({ disableSelfView: newState.hideSelfView }));
+        }
+
+        if (newState.currentLanguage !== currentState.currentLanguage) {
+            i18next.changeLanguage(newState.currentLanguage);
+
+            const { conference } = getConferenceState(state);
+
+            conference?.setTranscriptionLanguage(newState.currentLanguage);
+        }
+
+        if (newState.showSubtitlesOnStage !== currentState.showSubtitlesOnStage) {
+            dispatch(updateSettings({ showSubtitlesOnStage: newState.showSubtitlesOnStage }));
+        }
+    };
+}
+
+/**
+ * Submits the settings from the "Moderator" tab of the settings dialog.
+ *
+ * @param {Object} newState - The new settings.
+ * @returns {Function}
+ */
+export function submitModeratorTab(newState: any) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const currentState = getModeratorTabProps(getState());
+
+        if (newState.followMeEnabled !== currentState.followMeEnabled) {
+            dispatch(setFollowMe(newState.followMeEnabled));
+        }
+
+        if (newState.followMeRecorderEnabled !== currentState.followMeRecorderEnabled) {
+            dispatch(setFollowMeRecorder(newState.followMeRecorderEnabled));
+        }
+
+        if (newState.startReactionsMuted !== currentState.startReactionsMuted) {
+            batch(() => {
+                // updating settings we want to update and backend (notify the rest of the participants)
+                dispatch(setStartReactionsMuted(newState.startReactionsMuted, true));
+                dispatch(updateSettings({ soundsReactions: !newState.startReactionsMuted }));
+            });
+        }
+
+        if (newState.startAudioMuted !== currentState.startAudioMuted
+            || newState.startVideoMuted !== currentState.startVideoMuted) {
+            dispatch(setStartMutedPolicy(
+                newState.startAudioMuted, newState.startVideoMuted));
+        }
+
+        if (newState.chatWithPermissionsEnabled !== currentState.chatWithPermissionsEnabled) {
+            const { conference } = getState()['features/base/conference'];
+
+            const currentPermissions = conference?.getMetadataHandler().getMetadata().permissions || {};
+
+            conference?.getMetadataHandler().setMetadata('permissions', {
+                ...currentPermissions,
+                groupChatRestricted: newState.chatWithPermissionsEnabled
+            });
+        }
+    };
+}
+
+/**
+ * Submits the settings from the "Profile" tab of the settings dialog.
+ *
+ * @param {Object} newState - The new settings.
+ * @returns {Function}
+ */
+export function submitProfileTab(newState: any) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const currentState = getProfileTabProps(getState());
+
+        if (newState.displayName !== currentState.displayName) {
+            dispatch(updateSettings({ displayName: getNormalizedDisplayName(newState.displayName) }));
+        }
+
+        if (newState.email !== currentState.email) {
+            APP.conference.changeLocalEmail(newState.email);
+        }
+    };
+}
+
+/**
+ * Submits the settings from the "Sounds" tab of the settings dialog.
+ *
+ * @param {Object} newState - The new settings.
+ * @returns {Function}
+ */
+export function submitNotificationsTab(newState: any) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const currentState = getNotificationsTabProps(getState());
+        const shouldNotUpdateReactionSounds = getModeratorTabProps(getState()).startReactionsMuted;
+        const shouldUpdate = (newState.soundsIncomingMessage !== currentState.soundsIncomingMessage)
+            || (newState.soundsParticipantJoined !== currentState.soundsParticipantJoined)
+            || (newState.soundsParticipantKnocking !== currentState.soundsParticipantKnocking)
+            || (newState.soundsParticipantLeft !== currentState.soundsParticipantLeft)
+            || (newState.soundsTalkWhileMuted !== currentState.soundsTalkWhileMuted)
+            || (newState.soundsReactions !== currentState.soundsReactions);
+
+        if (shouldUpdate) {
+            const settingsToUpdate = {
+                soundsIncomingMessage: newState.soundsIncomingMessage,
+                soundsParticipantJoined: newState.soundsParticipantJoined,
+                soundsParticipantKnocking: newState.soundsParticipantKnocking,
+                soundsParticipantLeft: newState.soundsParticipantLeft,
+                soundsTalkWhileMuted: newState.soundsTalkWhileMuted,
+                soundsReactions: newState.soundsReactions
+            };
+
+            if (shouldNotUpdateReactionSounds) {
+                delete settingsToUpdate.soundsReactions;
+            }
+            dispatch(updateSettings(settingsToUpdate));
+        }
+
+        const enabledNotifications = newState.enabledNotifications;
+
+        if (enabledNotifications !== currentState.enabledNotifications) {
+            dispatch(updateSettings({
+                userSelectedNotifications: {
+                    ...getState()['features/base/settings'].userSelectedNotifications,
+                    ...enabledNotifications
+                }
+            }));
+        }
+    };
+}
+
+/**
+ * Toggles the visibility of the audio settings.
+ *
+ * @returns {void}
+ */
+export function toggleAudioSettings() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const value = getState()['features/settings'].audioSettingsVisible;
+
+        dispatch(setAudioSettingsVisibility(!value));
+    };
+}
+
+/**
+ * Toggles the visibility of the video settings.
+ *
+ * @returns {void}
+ */
+export function toggleVideoSettings() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const value = getState()['features/settings'].videoSettingsVisible;
+
+        dispatch(setVideoSettingsVisibility(!value));
+    };
+}
+
+/**
+ * Submits the settings from the "Shortcuts" tab of the settings dialog.
+ *
+ * @param {Object} newState - The new settings.
+ * @returns {Function}
+ */
+export function submitShortcutsTab(newState: any) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const currentState = getShortcutsTabProps(getState());
+
+        if (newState.keyboardShortcutsEnabled !== currentState.keyboardShortcutsEnabled) {
+            if (newState.keyboardShortcutsEnabled) {
+                dispatch(enableKeyboardShortcuts());
+            } else {
+                dispatch(disableKeyboardShortcuts());
+            }
+        }
+    };
+}
+
+/**
+ * Submits the settings from the "Virtual Background" tab of the settings dialog.
+ *
+ * @param {Object} newState - The new settings.
+ * @param {boolean} isCancel - Whether the change represents a cancel.
+ * @returns {Function}
+ */
+export function submitVirtualBackgroundTab(newState: any, isCancel = false) {
+    return async (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const track = getLocalVideoTrack(state['features/base/tracks'])?.jitsiTrack;
+        const { localFlipX } = state['features/base/settings'];
+
+        if (newState.options?.selectedThumbnail) {
+            await dispatch(toggleBackgroundEffect(newState.options, track));
+
+            if (!isCancel) {
+                // Set x scale to default value.
+                dispatch(updateSettings({
+                    localFlipX
+                }));
+
+                virtualBackgroundLogger.info(`Virtual background type: '${
+                    typeof newState.options.backgroundType === 'undefined'
+                        ? 'none' : newState.options.backgroundType}' applied!`);
+            }
+        }
+    };
+}
+
+/**
+ * Sets the audio preview track.
+ *
+ * @param {any} track - The track to set.
+ * @returns {{
+ *     type: SET_PREVIEW_AUDIO_TRACK,
+ *     track: any
+ * }}
+ */
+export function setPreviewAudioTrack(track: any) {
+    return {
+        type: SET_PREVIEW_AUDIO_TRACK,
+        track
+    };
+}
+
+/**
+ * Sets the audio settings.
+ *
+ * @param {IAudioSettings} settings - The settings to set.
+ * @returns {{
+ *     type: SET_AUDIO_SETTINGS,
+ *     settings: IAudioSettings
+ * }}
+ */
+export function setAudioSettings(settings: IAudioSettings) {
+    return {
+        type: SET_AUDIO_SETTINGS,
+        settings
+    };
+}
diff --git a/react/features/settings/components/native/AdvancedSection.tsx b/react/features/settings/components/native/AdvancedSection.tsx
new file mode 100644
index 0000000..a4afb47
--- /dev/null
+++ b/react/features/settings/components/native/AdvancedSection.tsx
@@ -0,0 +1,114 @@
+import React, { useCallback, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Alert, NativeModules, Platform, Text } from 'react-native';
+import { Divider } from 'react-native-paper';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { updateSettings } from '../../../base/settings/actions';
+import Switch from '../../../base/ui/components/native/Switch';
+
+import FormRow from './FormRow';
+import FormSection from './FormSection';
+import styles from './styles';
+
+const { AppInfo } = NativeModules;
+
+const AdvancedSection = () => {
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+    const {
+        disableCrashReporting,
+        disableCallIntegration,
+        disableP2P
+    } = useSelector((state: IReduxState) => state['features/base/settings']);
+
+    const onSwitchToggled = useCallback((name: string) => (enabled?: boolean) => {
+
+        if (name === 'disableCrashReporting' && enabled === true) {
+            Alert.alert(
+                t('settingsView.alertTitle'),
+                t('settingsView.disableCrashReportingWarning'),
+                [
+                    {
+                        onPress: () => dispatch(updateSettings({ disableCrashReporting: true })),
+                        text: t('settingsView.alertOk')
+                    },
+                    {
+                        text: t('settingsView.alertCancel')
+                    }
+                ]
+            );
+        } else {
+            dispatch(updateSettings({ [name]: enabled }));
+        }
+    }, [ dispatch, updateSettings ]);
+
+    const switches = useMemo(() => {
+        const partialSwitches = [
+            {
+                label: 'settingsView.disableCallIntegration',
+                state: disableCallIntegration,
+                name: 'disableCallIntegration'
+            },
+            {
+                label: 'settingsView.disableP2P',
+                state: disableP2P,
+                name: 'disableP2P'
+            },
+            {
+                label: 'settingsView.disableCrashReporting',
+                state: disableCrashReporting,
+                name: 'disableCrashReporting'
+            }
+        ];
+
+        if (Platform.OS !== 'android') {
+            partialSwitches.shift();
+        }
+
+        if (!AppInfo.GOOGLE_SERVICES_ENABLED) {
+            partialSwitches.pop();
+        }
+
+        return partialSwitches;
+    }, [ disableCallIntegration, disableP2P, disableCrashReporting ]);
+
+    return (
+        <>
+            <FormSection
+                label = 'settingsView.advanced'>
+                {
+                    switches.map(({ label, state, name }) => (
+                        <FormRow
+                            key = { label }
+                            label = { label }>
+                            <Switch
+                                checked = { Boolean(state) }
+                                onChange = { onSwitchToggled(name) } />
+                        </FormRow>
+                    ))
+                }
+            </FormSection>
+            {/* @ts-ignore */}
+            <Divider style = { styles.fieldSeparator } />
+            <FormSection
+                label = 'settingsView.buildInfoSection'>
+                <FormRow
+                    label = 'settingsView.version'>
+                    <Text style = { styles.text }>
+                        {`${AppInfo.version} build ${AppInfo.buildNumber}`}
+                    </Text>
+                </FormRow>
+                <FormRow
+                    label = 'settingsView.sdkVersion'>
+                    <Text style = { styles.text }>
+                        {AppInfo.sdkVersion}
+                    </Text>
+                </FormRow>
+            </FormSection>
+        </>
+    );
+};
+
+export default AdvancedSection;
diff --git a/react/features/settings/components/native/ConferenceSection.tsx b/react/features/settings/components/native/ConferenceSection.tsx
new file mode 100644
index 0000000..51d2647
--- /dev/null
+++ b/react/features/settings/components/native/ConferenceSection.tsx
@@ -0,0 +1,101 @@
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { getDefaultURL } from '../../../app/functions.native';
+import { IReduxState } from '../../../app/types';
+import { updateSettings } from '../../../base/settings/actions';
+import Input from '../../../base/ui/components/native/Input';
+import Switch from '../../../base/ui/components/native/Switch';
+import { isServerURLChangeEnabled, normalizeUserInputURL } from '../../functions.native';
+
+import FormRow from './FormRow';
+import FormSection from './FormSection';
+import styles from './styles';
+
+
+const ConferenceSection = () => {
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+    const {
+        serverURL,
+        startCarMode,
+        startWithAudioMuted,
+        startWithVideoMuted
+    } = useSelector((state: IReduxState) => state['features/base/settings']);
+
+    const defaultServerURL = useSelector((state: IReduxState) => getDefaultURL(state));
+    const [ newServerURL, setNewServerURL ] = useState(serverURL ?? '');
+
+    const serverURLChangeEnabled = useSelector((state: IReduxState) => isServerURLChangeEnabled(state));
+
+    const switches = useMemo(() => [
+        {
+            label: 'settingsView.startCarModeInLowBandwidthMode',
+            state: startCarMode,
+            name: 'startCarMode'
+        },
+        {
+            label: 'settingsView.startWithAudioMuted',
+            state: startWithAudioMuted,
+            name: 'startWithAudioMuted'
+        },
+        {
+            label: 'settingsView.startWithVideoMuted',
+            state: startWithVideoMuted,
+            name: 'startWithVideoMuted'
+        }
+    ], [ startCarMode, startWithAudioMuted, startWithVideoMuted ]);
+
+    const onChangeServerURL = useCallback(value => {
+
+        setNewServerURL(value);
+        dispatch(updateSettings({
+            serverURL: value
+        }));
+    }, [ dispatch, newServerURL ]);
+
+    const processServerURL = useCallback(() => {
+        const normalizedURL = normalizeUserInputURL(newServerURL);
+
+        onChangeServerURL(normalizedURL);
+    }, [ newServerURL ]);
+
+    useEffect(() => () => processServerURL(), []);
+
+    const onSwitchToggled = useCallback((name: string) => (enabled?: boolean) => {
+
+        // @ts-ignore
+        dispatch(updateSettings({ [name]: enabled }));
+    }, [ dispatch ]);
+
+    return (
+        <FormSection
+            label = 'settingsView.conferenceSection'>
+            <Input
+                autoCapitalize = 'none'
+                customStyles = {{ container: styles.customContainer }}
+                editable = { serverURLChangeEnabled }
+                keyboardType = { 'url' }
+                label = { t('settingsView.serverURL') }
+                onBlur = { processServerURL }
+                onChange = { onChangeServerURL }
+                placeholder = { defaultServerURL }
+                textContentType = { 'URL' } // iOS only
+                value = { newServerURL } />
+            {
+                switches.map(({ label, state, name }) => (
+                    <FormRow
+                        key = { label }
+                        label = { label }>
+                        <Switch
+                            checked = { Boolean(state) }
+                            onChange = { onSwitchToggled(name) } />
+                    </FormRow>
+                ))
+            }
+        </FormSection>
+    );
+};
+
+export default ConferenceSection;
diff --git a/react/features/settings/components/native/FormRow.tsx b/react/features/settings/components/native/FormRow.tsx
new file mode 100644
index 0000000..859ba9b
--- /dev/null
+++ b/react/features/settings/components/native/FormRow.tsx
@@ -0,0 +1,146 @@
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { Text, View, ViewStyle } from 'react-native';
+
+import { translate } from '../../../base/i18n/functions';
+
+import styles, { ANDROID_UNDERLINE_COLOR, PLACEHOLDER_COLOR } from './styles';
+
+/**
+ * The type of the React {@code Component} props of {@link FormRow}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * Component's children.
+     */
+    children: React.ReactElement;
+
+    /**
+     * Prop to decide if a row separator is to be rendered.
+     */
+    fieldSeparator?: boolean;
+
+    /**
+     * The i18n key of the text label of the form field.
+     */
+    label: string;
+
+    /**
+     * One of 'row' (default) or 'column'.
+     */
+    layout?: string;
+}
+
+/**
+ * Implements a React {@code Component} which renders a standardized row on a
+ * form. The component should have exactly one child component.
+ */
+class FormRow extends Component<IProps> {
+    /**
+     * Initializes a new {@code FormRow} instance.
+     *
+     * @param {Object} props - Component properties.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        React.Children.only(this.props.children);
+
+        this._getDefaultFieldProps = this._getDefaultFieldProps.bind(this);
+        this._getRowStyle = this._getRowStyle.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @override
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { t } = this.props;
+
+        // Some field types need additional props to look good and standardized
+        // on a form.
+        const newChild
+            = React.cloneElement(
+                this.props.children,
+                this._getDefaultFieldProps(this.props.children));
+
+        return (
+            <View
+                style = { this._getRowStyle() } >
+                <View style = { styles.fieldLabelContainer as ViewStyle } >
+                    <Text
+                        style = { [
+                            styles.text,
+                            styles.fieldLabelText
+                        ] } >
+                        { t(this.props.label) }
+                    </Text>
+                </View>
+                <View style = { styles.fieldValueContainer as ViewStyle } >
+                    { newChild }
+                </View>
+            </View>
+        );
+    }
+
+    /**
+     * Assembles the default props to the field child component of this form
+     * row.
+     *
+     * Currently tested/supported field types:
+     *     - TextInput
+     *     - Switch (needs no addition props ATM).
+     *
+     * @param {Object} field - The field (child) component.
+     * @private
+     * @returns {Object}
+     */
+    _getDefaultFieldProps(field?: React.ReactElement) {
+        if (field?.type) { // @ts-ignore
+            switch (field.type.displayName) {
+            case 'TextInput':
+                return {
+                    placeholderTextColor: PLACEHOLDER_COLOR,
+                    style: [
+                        styles.textInputField,
+                        this.props.layout === 'column' ? styles.textInputFieldColumn : undefined
+                    ],
+                    underlineColorAndroid: ANDROID_UNDERLINE_COLOR
+                };
+            }
+        }
+
+        return {};
+    }
+
+    /**
+     * Assembles the row style array based on the row's props.
+     *
+     * @private
+     * @returns {Array<Object>}
+     */
+    _getRowStyle() {
+        const { fieldSeparator, layout } = this.props;
+        const rowStyle: ViewStyle[] = [
+            styles.fieldContainer as ViewStyle
+        ];
+
+        if (fieldSeparator) {
+            rowStyle.push(styles.fieldSeparator);
+        }
+
+        if (layout === 'column') {
+            rowStyle.push(
+                styles.fieldContainerColumn as ViewStyle
+            );
+        }
+
+        return rowStyle;
+    }
+}
+
+export default translate(FormRow);
diff --git a/react/features/settings/components/native/FormSection.tsx b/react/features/settings/components/native/FormSection.tsx
new file mode 100644
index 0000000..efa8a42
--- /dev/null
+++ b/react/features/settings/components/native/FormSection.tsx
@@ -0,0 +1,42 @@
+import React from 'react';
+import { WithTranslation } from 'react-i18next';
+import { Text, View } from 'react-native';
+
+import { translate } from '../../../base/i18n/functions';
+
+import styles from './styles';
+
+
+/**
+ * The type of the React {@code Component} props of {@link FormSection}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * The children to be displayed within this Link.
+     */
+    children: React.ReactNode;
+
+    /**
+     * The i18n key of the text label of the section.
+     */
+    label?: string;
+}
+
+/**
+ * Section accordion on settings form.
+ *
+ * @returns {React$Element<any>}
+ */
+function FormSection({ children, label, t }: IProps) {
+    return (
+        <View>
+            {label && <Text style = { styles.formSectionTitleText }>
+                { t(label) }
+            </Text>}
+            { children }
+        </View>
+    );
+}
+
+export default translate(FormSection);
diff --git a/react/features/settings/components/native/GeneralSection.tsx b/react/features/settings/components/native/GeneralSection.tsx
new file mode 100644
index 0000000..f30a5ce
--- /dev/null
+++ b/react/features/settings/components/native/GeneralSection.tsx
@@ -0,0 +1,61 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Text, TouchableHighlight, View, ViewStyle } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import i18next, { DEFAULT_LANGUAGE } from '../../../base/i18n/i18next';
+import Icon from '../../../base/icons/components/Icon';
+import { IconArrowRight } from '../../../base/icons/svg';
+import { updateSettings } from '../../../base/settings/actions';
+import Switch from '../../../base/ui/components/native/Switch';
+import { navigate } from '../../../mobile/navigation/components/settings/SettingsNavigationContainerRef';
+import { screen } from '../../../mobile/navigation/routes';
+
+import FormRow from './FormRow';
+import FormSection from './FormSection';
+import styles from './styles';
+
+
+const GeneralSection = () => {
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+    const {
+        disableSelfView,
+    } = useSelector((state: IReduxState) => state['features/base/settings']);
+
+    const { language = DEFAULT_LANGUAGE } = i18next;
+
+    const onSelfViewToggled = useCallback((enabled?: boolean) =>
+        dispatch(updateSettings({ disableSelfView: enabled }))
+    , [ dispatch, updateSettings ]);
+
+    const navigateToLanguageSelect = useCallback(() => {
+        navigate(screen.settings.language);
+    }, [ navigate, screen ]);
+
+    return (
+        <FormSection>
+            <FormRow label = 'videothumbnail.hideSelfView'>
+                <Switch
+                    checked = { Boolean(disableSelfView) }
+                    onChange = { onSelfViewToggled } />
+            </FormRow>
+            <FormRow label = 'settings.language'>
+                <View style = { styles.languageButtonContainer as ViewStyle }>
+                    <TouchableHighlight onPress = { navigateToLanguageSelect }>
+                        <View style = { styles.languageButton as ViewStyle }>
+                            <Text
+                                style = { styles.languageText }>{t(`languages:${language}`)}</Text>
+                            <Icon
+                                size = { 24 }
+                                src = { IconArrowRight } />
+                        </View>
+                    </TouchableHighlight>
+                </View>
+            </FormRow>
+        </FormSection>
+    );
+};
+
+export default GeneralSection;
diff --git a/react/features/settings/components/native/LanguageSelectView.tsx b/react/features/settings/components/native/LanguageSelectView.tsx
new file mode 100644
index 0000000..7e471a7
--- /dev/null
+++ b/react/features/settings/components/native/LanguageSelectView.tsx
@@ -0,0 +1,78 @@
+import { useNavigation } from '@react-navigation/native';
+import React, { useCallback, useLayoutEffect } from 'react';
+import { useTranslation } from 'react-i18next';
+import { ScrollView, Text, TouchableHighlight, View, ViewStyle } from 'react-native';
+import { Edge } from 'react-native-safe-area-context';
+import { useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import i18next, { DEFAULT_LANGUAGE, LANGUAGES } from '../../../base/i18n/i18next';
+import { IconArrowLeft } from '../../../base/icons/svg';
+import JitsiScreen from '../../../base/modal/components/JitsiScreen';
+import BaseThemeNative from '../../../base/ui/components/BaseTheme.native';
+import HeaderNavigationButton from '../../../mobile/navigation/components/HeaderNavigationButton';
+import { goBack, navigate } from '../../../mobile/navigation/components/settings/SettingsNavigationContainerRef';
+import { screen } from '../../../mobile/navigation/routes';
+
+import styles from './styles';
+
+const LanguageSelectView = ({ isInWelcomePage }: { isInWelcomePage?: boolean; }) => {
+    const { t } = useTranslation();
+    const navigation = useNavigation();
+    const { conference } = useSelector((state: IReduxState) => state['features/base/conference']);
+    const { language: currentLanguage = DEFAULT_LANGUAGE } = i18next;
+
+    const setLanguage = useCallback(language => () => {
+        i18next.changeLanguage(language);
+        conference?.setTranscriptionLanguage(language);
+        navigate(screen.settings.main);
+    }, [ conference, i18next ]);
+
+    const headerLeft = () => (
+        <HeaderNavigationButton
+            color = { BaseThemeNative.palette.link01 }
+            onPress = { goBack }
+            src = { IconArrowLeft }
+            style = { styles.backBtn }
+            twoActions = { true } />
+    );
+
+    useLayoutEffect(() => {
+        navigation.setOptions({
+            headerLeft
+        });
+    }, [ navigation ]);
+
+    return (
+        <JitsiScreen
+            disableForcedKeyboardDismiss = { true }
+            safeAreaInsets = { [ !isInWelcomePage && 'bottom', 'left', 'right' ].filter(Boolean) as Edge[] }
+            style = { styles.settingsViewContainer }>
+            <ScrollView
+                bounces = { isInWelcomePage }
+                contentContainerStyle = { styles.profileView as ViewStyle }>
+                {
+                    LANGUAGES.map(language => (
+                        <TouchableHighlight
+                            disabled = { currentLanguage === language }
+                            key = { language }
+                            onPress = { setLanguage(language) }>
+                            <View
+                                style = { styles.languageOption as ViewStyle }>
+                                <Text
+                                    style = { [
+                                        styles.text,
+                                        styles.fieldLabelText,
+                                        currentLanguage === language && styles.selectedLanguage ] }>
+                                    { t(`languages:${language}`) }
+                                </Text>
+                            </View>
+                        </TouchableHighlight>
+                    ))
+                }
+            </ScrollView>
+        </JitsiScreen>
+    );
+};
+
+export default LanguageSelectView;
diff --git a/react/features/settings/components/native/LinksSection.tsx b/react/features/settings/components/native/LinksSection.tsx
new file mode 100644
index 0000000..e4c3f2c
--- /dev/null
+++ b/react/features/settings/components/native/LinksSection.tsx
@@ -0,0 +1,57 @@
+import React, { useCallback, useMemo } from 'react';
+import { Linking, View, ViewStyle } from 'react-native';
+import { useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { getLegalUrls } from '../../../base/config/functions.native';
+import Button from '../../../base/ui/components/native/Button';
+import { BUTTON_TYPES } from '../../../base/ui/constants.native';
+
+import FormSection from './FormSection';
+import styles from './styles';
+
+
+const LinksSection = () => {
+    const {
+        privacy,
+        helpCentre,
+        terms
+    } = useSelector((state: IReduxState) => getLegalUrls(state));
+
+    const links = useMemo(() => [
+        {
+            label: 'settingsView.help',
+            link: helpCentre
+        },
+        {
+            label: 'settingsView.terms',
+            link: terms
+        },
+        {
+            label: 'settingsView.privacy',
+            link: privacy
+        }
+    ], [ privacy, helpCentre, terms ]);
+
+    const onLinkPress = useCallback(link => () => Linking.openURL(link), [ Linking ]);
+
+    return (
+        <FormSection>
+            <View style = { styles.linksSection as ViewStyle }>
+                {
+                    links.map(({ label, link }) => (
+                        <Button
+                            accessibilityLabel = { label }
+                            key = { label }
+                            labelKey = { label }
+                            onClick = { onLinkPress(link) }
+                            style = { styles.linksButton }
+                            type = { BUTTON_TYPES.TERTIARY } />
+                    ))
+                }
+            </View>
+        </FormSection>
+    );
+};
+
+export default LinksSection;
diff --git a/react/features/settings/components/native/LogoutDialog.tsx b/react/features/settings/components/native/LogoutDialog.tsx
new file mode 100644
index 0000000..ae9abb1
--- /dev/null
+++ b/react/features/settings/components/native/LogoutDialog.tsx
@@ -0,0 +1,21 @@
+import React from 'react';
+import { WithTranslation } from 'react-i18next';
+
+import ConfirmDialog
+    from '../../../base/dialog/components/native/ConfirmDialog';
+
+interface ILogoutDialogProps extends WithTranslation {
+    onLogout: Function;
+}
+
+
+const LogoutDialog: React.FC<ILogoutDialogProps> = ({ onLogout }: ILogoutDialogProps) => (
+    <ConfirmDialog
+        cancelLabel = 'dialog.Cancel'
+        confirmLabel = 'dialog.Yes'
+        descriptionKey = 'dialog.logoutQuestion'
+        onSubmit = { onLogout } />
+);
+
+export default LogoutDialog;
+
diff --git a/react/features/settings/components/native/ModeratorSection.tsx b/react/features/settings/components/native/ModeratorSection.tsx
new file mode 100644
index 0000000..f8c8e72
--- /dev/null
+++ b/react/features/settings/components/native/ModeratorSection.tsx
@@ -0,0 +1,144 @@
+import React, { useCallback, useMemo } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import {
+    setStartMutedPolicy,
+    setStartReactionsMuted
+} from '../../../base/conference/actions';
+import { updateSettings } from '../../../base/settings/actions';
+import Switch from '../../../base/ui/components/native/Switch';
+import { setFollowMe, setFollowMeRecorder } from '../../../follow-me/actions';
+import { getModeratorTabProps } from '../../functions.native';
+
+import FormRow from './FormRow';
+import FormSection from './FormSection';
+
+const ModeratorSection = () => {
+    const dispatch = useDispatch();
+    const {
+        audioModerationEnabled,
+        chatWithPermissionsEnabled,
+        followMeActive,
+        followMeEnabled,
+        followMeRecorderActive,
+        followMeRecorderEnabled,
+        startAudioMuted,
+        startVideoMuted,
+        startReactionsMuted,
+        videoModerationEnabled
+    } = useSelector((state: IReduxState) => getModeratorTabProps(state));
+
+    const { disableReactionsModeration } = useSelector((state: IReduxState) => state['features/base/config']);
+
+    const onStartAudioMutedToggled = useCallback((enabled?: boolean) => {
+        dispatch(setStartMutedPolicy(
+            Boolean(enabled), Boolean(startVideoMuted)));
+    }, [ startVideoMuted, dispatch, setStartMutedPolicy ]);
+
+    const onStartVideoMutedToggled = useCallback((enabled?: boolean) => {
+        dispatch(setStartMutedPolicy(
+            Boolean(startAudioMuted), Boolean(enabled)));
+    }, [ startAudioMuted, dispatch, setStartMutedPolicy ]);
+
+    const onFollowMeToggled = useCallback((enabled?: boolean) => {
+        dispatch(setFollowMe(Boolean(enabled)));
+    }, [ dispatch, setFollowMe ]);
+
+    const onFollowMeRecorderToggled = useCallback((enabled?: boolean) => {
+        dispatch(setFollowMeRecorder(Boolean(enabled)));
+    }, [ dispatch, setFollowMeRecorder ]);
+
+    const onStartReactionsMutedToggled = useCallback((enabled?: boolean) => {
+        dispatch(setStartReactionsMuted(Boolean(enabled), true));
+        dispatch(updateSettings({ soundsReactions: enabled }));
+    }, [ dispatch, updateSettings, setStartReactionsMuted ]);
+
+    const { conference } = useSelector((state: IReduxState) => state['features/base/conference']);
+    const onChatWithPermissionsToggled = useCallback((enabled?: boolean) => {
+        const currentPermissions = conference?.getMetadataHandler().getMetadata().permissions || {};
+
+        conference?.getMetadataHandler().setMetadata('permissions', {
+            ...currentPermissions,
+            groupChatRestricted: enabled
+        });
+    }, [ dispatch, conference ]);
+
+    const followMeRecorderChecked = followMeRecorderEnabled && !followMeRecorderActive;
+
+    const moderationSettings = useMemo(() => {
+        const moderation = [
+            {
+                disabled: audioModerationEnabled,
+                label: 'settings.startAudioMuted',
+                state: startAudioMuted,
+                onChange: onStartAudioMutedToggled
+            },
+            {
+                disabled: videoModerationEnabled,
+                label: 'settings.startVideoMuted',
+                state: startVideoMuted,
+                onChange: onStartVideoMutedToggled
+            },
+            {
+                disabled: followMeActive || followMeRecorderActive,
+                label: 'settings.followMe',
+                state: followMeEnabled && !followMeActive && !followMeRecorderChecked,
+                onChange: onFollowMeToggled
+            },
+            {
+                disabled: followMeRecorderActive || followMeActive,
+                label: 'settings.followMeRecorder',
+                state: followMeRecorderChecked,
+                onChange: onFollowMeRecorderToggled
+            },
+            {
+                disabled: false,
+                label: 'settings.startReactionsMuted',
+                state: startReactionsMuted,
+                onChange: onStartReactionsMutedToggled
+            },
+            {
+                label: 'settings.chatWithPermissions',
+                state: chatWithPermissionsEnabled,
+                onChange: onChatWithPermissionsToggled
+            },
+        ];
+
+        if (disableReactionsModeration) {
+            moderation.pop();
+        }
+
+        return moderation;
+    }, [ startAudioMuted,
+        startVideoMuted,
+        followMeEnabled,
+        followMeRecorderEnabled,
+        disableReactionsModeration,
+        onStartAudioMutedToggled,
+        onStartVideoMutedToggled,
+        onFollowMeToggled,
+        onFollowMeRecorderToggled,
+        onStartReactionsMutedToggled,
+        startReactionsMuted ]);
+
+    return (
+        <FormSection
+            label = 'settings.playSounds'>
+            {
+                moderationSettings.map(({ label, state, onChange, disabled }) => (
+                    <FormRow
+                        key = { label }
+                        label = { label }>
+                        <Switch
+                            checked = { Boolean(state) }
+                            disabled = { disabled }
+                            onChange = { onChange } />
+                    </FormRow>
+                ))
+            }
+        </FormSection>
+    );
+};
+
+export default ModeratorSection;
diff --git a/react/features/settings/components/native/NotificationsSection.tsx b/react/features/settings/components/native/NotificationsSection.tsx
new file mode 100644
index 0000000..dafea66
--- /dev/null
+++ b/react/features/settings/components/native/NotificationsSection.tsx
@@ -0,0 +1,139 @@
+import React, { useCallback, useMemo } from 'react';
+import { Divider } from 'react-native-paper';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { updateSettings } from '../../../base/settings/actions';
+import Switch from '../../../base/ui/components/native/Switch';
+import { getNotificationsTabProps } from '../../functions.any';
+
+import FormRow from './FormRow';
+import FormSection from './FormSection';
+import styles from './styles';
+
+const NotificationsSection = () => {
+    const dispatch = useDispatch();
+    const {
+        soundsIncomingMessage,
+        soundsParticipantJoined,
+        soundsParticipantKnocking,
+        soundsParticipantLeft,
+        soundsReactions,
+        soundsTalkWhileMuted,
+        enableReactions,
+        enabledNotifications,
+        disabledSounds,
+        moderatorMutedSoundsReactions
+    } = useSelector((state: IReduxState) => getNotificationsTabProps(state));
+
+    const sounds = useMemo(() => {
+        const partialSounds = [
+            {
+                label: 'settings.reactions',
+                state: soundsReactions,
+                name: 'soundsReactions',
+                disabled: Boolean(moderatorMutedSoundsReactions
+                    || disabledSounds.includes('REACTION_SOUND'))
+            },
+            {
+                label: 'settings.incomingMessage',
+                state: soundsIncomingMessage,
+                name: 'soundsIncomingMessage'
+            },
+            {
+                label: 'settings.participantJoined',
+                state: soundsParticipantJoined,
+                name: 'soundsParticipantJoined'
+            },
+            {
+                label: 'settings.participantLeft',
+                state: soundsParticipantLeft,
+                name: 'soundsParticipantLeft'
+            },
+            {
+                label: 'settings.talkWhileMuted',
+                state: soundsTalkWhileMuted,
+                name: 'soundsTalkWhileMuted'
+            },
+            {
+                label: 'settings.participantKnocking',
+                state: soundsParticipantKnocking,
+                name: 'soundsParticipantKnocking'
+            }
+        ];
+
+        if (!enableReactions) {
+            partialSounds.shift();
+        }
+
+        return partialSounds;
+
+    }, [ soundsReactions,
+        soundsIncomingMessage,
+        soundsParticipantJoined,
+        soundsParticipantLeft,
+        soundsTalkWhileMuted,
+        soundsParticipantKnocking,
+        enableReactions ]);
+
+    const onSoundToggled = useCallback((name: string) => (enabled?: boolean) => {
+        dispatch(updateSettings({ [name]: enabled }));
+    }, [ dispatch, updateSettings ]);
+
+
+    const onNotificationToggled = useCallback((name: string) => (enabled?: boolean) => {
+        dispatch(updateSettings({
+            userSelectedNotifications: {
+                ...enabledNotifications,
+                [name]: Boolean(enabled)
+            }
+        }
+        )
+        );
+    }, [ dispatch, updateSettings, enabledNotifications ]);
+
+    return (
+        <>
+            <FormSection
+                label = 'settings.playSounds'>
+                {
+                    sounds.map(({ label, state, name, disabled }) => (
+                        <FormRow
+                            key = { label }
+                            label = { label }>
+                            <Switch
+                                checked = { Boolean(state) }
+                                disabled = { disabled }
+                                onChange = { onSoundToggled(name) } />
+                        </FormRow>
+                    ))
+                }
+            </FormSection>
+            {
+                Object.keys(enabledNotifications).length > 0 && (
+                    <>
+                        {/* @ts-ignore */}
+                        <Divider style = { styles.fieldSeparator } />
+                        <FormSection
+                            label = 'notify.displayNotifications'>
+                            {
+                                Object.keys(enabledNotifications).map(name => (
+                                    <FormRow
+                                        key = { name }
+                                        label = { name }>
+                                        <Switch
+                                            checked = { Boolean(enabledNotifications[name]) }
+                                            onChange = { onNotificationToggled(name) } />
+                                    </FormRow>)
+                                )
+                            }
+                        </FormSection>
+                    </>
+                )
+
+            }
+        </>
+    );
+};
+
+export default NotificationsSection;
diff --git a/react/features/settings/components/native/ProfileView.tsx b/react/features/settings/components/native/ProfileView.tsx
new file mode 100644
index 0000000..08fa40c
--- /dev/null
+++ b/react/features/settings/components/native/ProfileView.tsx
@@ -0,0 +1,163 @@
+import { useNavigation } from '@react-navigation/native';
+import React, { useCallback, useLayoutEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { ScrollView, Text, View, ViewStyle } from 'react-native';
+import { Edge } from 'react-native-safe-area-context';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { login, logout } from '../../../authentication/actions.native';
+import Avatar from '../../../base/avatar/components/Avatar';
+import { IconArrowLeft } from '../../../base/icons/svg';
+import JitsiScreen from '../../../base/modal/components/JitsiScreen';
+import { getLocalParticipant } from '../../../base/participants/functions';
+import { updateSettings } from '../../../base/settings/actions';
+import BaseThemeNative from '../../../base/ui/components/BaseTheme.native';
+import Button from '../../../base/ui/components/native/Button';
+import Input from '../../../base/ui/components/native/Input';
+import { BUTTON_TYPES } from '../../../base/ui/constants.native';
+import HeaderNavigationButton
+    from '../../../mobile/navigation/components/HeaderNavigationButton';
+import {
+    goBack,
+    navigate
+} from '../../../mobile/navigation/components/settings/SettingsNavigationContainerRef';
+import { screen } from '../../../mobile/navigation/routes';
+
+import FormSection from './FormSection';
+import { AVATAR_SIZE } from './constants';
+import styles from './styles';
+
+
+const ProfileView = ({ isInWelcomePage }: {
+    isInWelcomePage?: boolean;
+}) => {
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+    const navigation = useNavigation();
+
+    const { displayName: reduxDisplayName, email: reduxEmail } = useSelector(
+        (state: IReduxState) => state['features/base/settings']
+    );
+    const participant = useSelector((state: IReduxState) => getLocalParticipant(state));
+    const { locationURL } = useSelector((state: IReduxState) => state['features/base/connection']);
+
+    const [ displayName, setDisplayName ] = useState(reduxDisplayName);
+    const [ email, setEmail ] = useState(reduxEmail);
+
+    const { authLogin: isAutenticated } = useSelector((state: IReduxState) => state['features/base/conference']);
+
+    const onDisplayNameChanged = useCallback(newDisplayName => {
+        setDisplayName(newDisplayName);
+    }, [ setDisplayName ]);
+
+    const onEmailChanged = useCallback(newEmail => {
+        setEmail(newEmail);
+    }, [ setEmail ]);
+
+    const onApplySettings = useCallback(() => {
+        dispatch(updateSettings({
+            displayName,
+            email
+        }));
+
+        navigate(screen.settings.main);
+    },
+    [ dispatch, updateSettings, email, displayName ]);
+
+    const onLogin = useCallback(() => {
+        dispatch(login());
+    }, [ dispatch ]);
+
+    const onLogout = useCallback(() => {
+        dispatch(logout());
+    }, [ dispatch ]);
+
+    const headerLeft = () => (
+        <HeaderNavigationButton
+            color = { BaseThemeNative.palette.link01 }
+            onPress = { goBack }
+            src = { IconArrowLeft }
+            style = { styles.backBtn }
+            twoActions = { true } />
+    );
+
+    const headerRight = () => {
+        if (isAutenticated) {
+            return (
+                <HeaderNavigationButton
+                    label = { t('toolbar.logout') }
+                    onPress = { onLogout }
+                    style = { styles.logBtn }
+                    twoActions = { true } />
+            );
+        }
+
+        return (
+            <HeaderNavigationButton
+                label = { t('toolbar.login') }
+                onPress = { onLogin }
+                style = { styles.logBtn }
+                twoActions = { true } />
+        );
+    };
+
+    useLayoutEffect(() => {
+        navigation.setOptions({
+            headerLeft,
+            headerRight: !isInWelcomePage
+                && !locationURL?.hostname?.includes('8x8.vc')
+                && headerRight
+        });
+    }, [ navigation ]);
+
+    return (
+        <JitsiScreen
+            disableForcedKeyboardDismiss = { true }
+            hasBottomTextInput = { true }
+            safeAreaInsets = { [ !isInWelcomePage && 'bottom', 'left', 'right' ].filter(Boolean) as Edge[] }
+            style = { styles.settingsViewContainer }>
+            <ScrollView
+                bounces = { isInWelcomePage }
+                contentContainerStyle = { styles.profileView as ViewStyle }>
+                <View>
+                    <View style = { styles.avatarContainer as ViewStyle }>
+                        <Avatar
+                            participantId = { participant?.id }
+                            size = { AVATAR_SIZE } />
+                    </View>
+                    <FormSection>
+                        <Input
+                            customStyles = {{ container: styles.customContainer }}
+                            label = { t('settingsView.displayName') }
+                            onChange = { onDisplayNameChanged }
+                            placeholder = { t('settingsView.displayNamePlaceholderText') }
+                            textContentType = { 'name' } // iOS only
+                            value = { displayName ?? '' } />
+                        <Input
+                            autoCapitalize = 'none'
+                            customStyles = {{ container: styles.customContainer }}
+                            keyboardType = { 'email-address' }
+                            label = { t('settingsView.email') }
+                            onChange = { onEmailChanged }
+                            placeholder = { t('settingsView.emailPlaceholderText') }
+                            textContentType = { 'emailAddress' } // iOS only
+                            value = { email ?? '' } />
+                        <Text style = { styles.gavatarMessageContainer }>
+                            { t('settingsView.gavatarMessage') }
+                        </Text>
+                    </FormSection>
+                </View>
+                <Button
+                    accessibilityLabel = { t('settingsView.apply') }
+                    labelKey = { 'settingsView.apply' }
+                    onClick = { onApplySettings }
+                    style = { styles.applyProfileSettingsButton }
+                    type = { BUTTON_TYPES.PRIMARY } />
+            </ScrollView>
+        </JitsiScreen>
+
+    );
+};
+
+export default ProfileView;
diff --git a/react/features/settings/components/native/SettingsView.tsx b/react/features/settings/components/native/SettingsView.tsx
new file mode 100644
index 0000000..ed24b7f
--- /dev/null
+++ b/react/features/settings/components/native/SettingsView.tsx
@@ -0,0 +1,101 @@
+import React from 'react';
+import {
+    ScrollView,
+    Text,
+    TextStyle,
+    TouchableHighlight,
+    View,
+    ViewStyle
+} from 'react-native';
+import { Divider } from 'react-native-paper';
+import { Edge } from 'react-native-safe-area-context';
+import { useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import Avatar from '../../../base/avatar/components/Avatar';
+import Icon from '../../../base/icons/components/Icon';
+import { IconArrowRight } from '../../../base/icons/svg';
+import JitsiScreen from '../../../base/modal/components/JitsiScreen';
+import { getLocalParticipant } from '../../../base/participants/functions';
+import { navigate } from '../../../mobile/navigation/components/settings/SettingsNavigationContainerRef';
+import { screen } from '../../../mobile/navigation/routes';
+import { shouldShowModeratorSettings } from '../../functions.native';
+
+import AdvancedSection from './AdvancedSection';
+import ConferenceSection from './ConferenceSection';
+import GeneralSection from './GeneralSection';
+import LinksSection from './LinksSection';
+import ModeratorSection from './ModeratorSection';
+import NotificationsSection from './NotificationsSection';
+import { AVATAR_SIZE } from './constants';
+import styles from './styles';
+
+
+interface IProps {
+
+    isInWelcomePage?: boolean | undefined;
+}
+
+const SettingsView = ({ isInWelcomePage }: IProps) => {
+    const { displayName } = useSelector((state: IReduxState) => state['features/base/settings']);
+    const localParticipant = useSelector((state: IReduxState) => getLocalParticipant(state));
+    const showModeratorSettings = useSelector((state: IReduxState) => shouldShowModeratorSettings(state));
+    const { visible } = useSelector((state: IReduxState) => state['features/settings']);
+
+    const addBottomInset = !isInWelcomePage;
+    const localParticipantId = localParticipant?.id;
+    const scrollBounces = Boolean(isInWelcomePage);
+
+    if (visible !== undefined && !visible) {
+        return null;
+    }
+
+    return (
+        <JitsiScreen
+            disableForcedKeyboardDismiss = { true }
+            safeAreaInsets = { [ addBottomInset && 'bottom', 'left', 'right' ].filter(Boolean) as Edge[] }
+            style = { styles.settingsViewContainer }>
+            <ScrollView bounces = { scrollBounces }>
+                <View style = { styles.profileContainerWrapper as ViewStyle }>
+                    <TouchableHighlight
+
+                        /* eslint-disable react/jsx-no-bind */
+                        onPress = { () => navigate(screen.settings.profile) }>
+                        <View
+                            style = { styles.profileContainer as ViewStyle }>
+                            <Avatar
+                                participantId = { localParticipantId }
+                                size = { AVATAR_SIZE } />
+                            <Text style = { styles.displayName as TextStyle }>
+                                { displayName }
+                            </Text>
+                            <Icon
+                                size = { 24 }
+                                src = { IconArrowRight }
+                                style = { styles.profileViewArrow } />
+                        </View>
+                    </TouchableHighlight>
+                </View>
+                <GeneralSection />
+                { isInWelcomePage && <>
+                    <Divider style = { styles.fieldSeparator as ViewStyle } />
+                    <ConferenceSection />
+                </> }
+                <Divider style = { styles.fieldSeparator as ViewStyle } />
+                <NotificationsSection />
+
+                { showModeratorSettings
+                    && <>
+                        <Divider style = { styles.fieldSeparator as ViewStyle } />
+                        <ModeratorSection />
+                    </> }
+                <Divider style = { styles.fieldSeparator as ViewStyle } />
+                <AdvancedSection />
+                <Divider style = { styles.fieldSeparator as ViewStyle } />
+                <LinksSection />
+            </ScrollView>
+        </JitsiScreen>
+    );
+};
+
+export default SettingsView;
diff --git a/react/features/settings/components/native/constants.ts b/react/features/settings/components/native/constants.ts
new file mode 100644
index 0000000..457172e
--- /dev/null
+++ b/react/features/settings/components/native/constants.ts
@@ -0,0 +1 @@
+export const AVATAR_SIZE = 64;
diff --git a/react/features/settings/components/native/styles.ts b/react/features/settings/components/native/styles.ts
new file mode 100644
index 0000000..f9b22d3
--- /dev/null
+++ b/react/features/settings/components/native/styles.ts
@@ -0,0 +1,244 @@
+import BaseTheme from '../../../base/ui/components/BaseTheme.native';
+
+export const ANDROID_UNDERLINE_COLOR = 'transparent';
+export const PLACEHOLDER_COLOR = BaseTheme.palette.focus01;
+
+/**
+ * The styles of the native components of the feature {@code settings}.
+ */
+export default {
+
+    profileContainerWrapper: {
+        margin: BaseTheme.spacing[4]
+    },
+
+    profileContainer: {
+        backgroundColor: BaseTheme.palette.ui02,
+        borderRadius: BaseTheme.shape.borderRadius,
+        alignItems: 'center',
+        flexDirection: 'row',
+        justifyContent: 'flex-start',
+        padding: BaseTheme.spacing[3]
+    },
+
+    profileView: {
+        flexGrow: 1,
+        flexDirection: 'column',
+        justifyContent: 'space-between'
+    },
+
+    applyProfileSettingsButton: {
+        marginHorizontal: BaseTheme.spacing[4],
+        marginVertical: BaseTheme.spacing[3]
+    },
+
+    avatarContainer: {
+        alignItems: 'center',
+        flexDirection: 'row',
+        justifyContent: 'center',
+        padding: BaseTheme.spacing[3],
+        margin: BaseTheme.spacing[4]
+    },
+
+    gavatarMessageContainer: {
+        marginHorizontal: BaseTheme.spacing[4],
+        color: BaseTheme.palette.text02,
+        marginTop: -BaseTheme.spacing[2],
+        ...BaseTheme.typography.bodyShortRegular
+    },
+
+    displayName: {
+        ...BaseTheme.typography.bodyLongRegularLarge,
+        color: BaseTheme.palette.text01,
+        marginLeft: BaseTheme.spacing[3],
+        position: 'relative'
+    },
+
+    profileViewArrow: {
+        position: 'absolute',
+        right: BaseTheme.spacing[3]
+    },
+
+    /**
+     * Style for screen container.
+     */
+    settingsViewContainer: {
+        backgroundColor: BaseTheme.palette.ui01,
+        flex: 1
+    },
+
+    /**
+     * Standardized style for a field container {@code View}.
+     */
+    fieldContainer: {
+        alignItems: 'center',
+        flexDirection: 'row',
+        minHeight: BaseTheme.spacing[8],
+        paddingHorizontal: BaseTheme.spacing[2],
+        justifyContent: 'space-between'
+    },
+
+    /**
+     * * Appended style for column layout fields.
+     */
+    fieldContainerColumn: {
+        alignItems: 'flex-start',
+        flexDirection: 'column'
+    },
+
+    /**
+     * Standard container for a {@code View} containing a field label.
+     */
+    fieldLabelContainer: {
+        alignItems: 'center',
+        flexShrink: 1,
+        flexDirection: 'row',
+        paddingLeft: BaseTheme.spacing[3],
+        paddingRight: BaseTheme.spacing[1]
+    },
+
+    /**
+     * Text of the field labels on the form.
+     */
+    fieldLabelText: {
+        ...BaseTheme.typography.bodyShortRegularLarge
+    },
+
+    /**
+     * Field container style for all but last row {@code View}.
+     */
+    fieldSeparator: {
+        marginHorizontal: BaseTheme.spacing[4],
+        borderBottomWidth: 1,
+        borderColor: BaseTheme.palette.ui05,
+        marginVertical: BaseTheme.spacing[3]
+    },
+
+    /**
+     * Style for the {@code View} containing each
+     * field values (the actual field).
+     */
+    fieldValueContainer: {
+        alignItems: 'center',
+        flexDirection: 'row',
+        flexShrink: 1,
+        justifyContent: 'flex-end',
+        paddingRight: BaseTheme.spacing[3]
+    },
+
+    /**
+     * Style for the form section separator titles.
+     */
+
+    formSectionTitleContent: {
+        backgroundColor: BaseTheme.palette.ui02,
+        paddingVertical: BaseTheme.spacing[1]
+    },
+
+    formSectionTitleText: {
+        ...BaseTheme.typography.bodyShortBold,
+        color: BaseTheme.palette.text02,
+        marginHorizontal: BaseTheme.spacing[4],
+        marginVertical: BaseTheme.spacing[3]
+    },
+
+    /**
+     * Global {@code Text} color for the components.
+     */
+    text: {
+        color: BaseTheme.palette.text01
+    },
+
+    /**
+     * Text input container style.
+     */
+    customContainer: {
+        marginBottom: BaseTheme.spacing[3],
+        marginHorizontal: BaseTheme.spacing[4],
+        marginTop: BaseTheme.spacing[2]
+    },
+
+    languageButtonContainer: {
+        borderRadius: BaseTheme.shape.borderRadius,
+        overflow: 'hidden'
+    },
+
+    languageButton: {
+        alignItems: 'center',
+        display: 'flex',
+        flexDirection: 'row',
+        height: BaseTheme.spacing[7],
+        justifyContent: 'center'
+    },
+
+    languageOption: {
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        height: BaseTheme.spacing[6],
+        marginHorizontal: BaseTheme.spacing[4],
+        borderBottomWidth: 1,
+        borderColor: BaseTheme.palette.ui05
+    },
+
+    selectedLanguage: {
+        color: BaseTheme.palette.text03
+    },
+
+    languageText: {
+        ...BaseTheme.typography.bodyShortRegularLarge,
+        color: BaseTheme.palette.text01,
+        marginHorizontal: BaseTheme.spacing[2]
+    },
+
+    /**
+     * Standard text input field style.
+     */
+    textInputField: {
+        color: BaseTheme.palette.field01,
+        flex: 1,
+        ...BaseTheme.typography.bodyShortRegularLarge,
+        textAlign: 'right'
+    },
+
+    /**
+     * Appended style for column layout fields.
+     */
+    textInputFieldColumn: {
+        backgroundColor: 'rgb(245, 245, 245)',
+        borderRadius: 8,
+        marginVertical: 5,
+        paddingVertical: 3,
+        textAlign: 'left'
+    },
+
+    /**
+     * Style for screen container.
+     */
+    screenContainer: {
+        flex: 1
+    },
+
+    linksSection: {
+        display: 'flex',
+        flexDirection: 'row',
+        flex: 1,
+        marginHorizontal: BaseTheme.spacing[3]
+    },
+
+    linksButton: {
+        width: '33%',
+        justifyContent: 'center',
+        flexDirection: 'row',
+        alignItems: 'center',
+        ...BaseTheme.typography.bodyShortBoldLarge
+    },
+
+    logBtn: {
+        marginRight: BaseTheme.spacing[3]
+    },
+
+    backBtn: {
+        marginLeft: BaseTheme.spacing[3]
+    }
+};
diff --git a/react/features/settings/components/web/CalendarTab.tsx b/react/features/settings/components/web/CalendarTab.tsx
new file mode 100644
index 0000000..544e4b3
--- /dev/null
+++ b/react/features/settings/components/web/CalendarTab.tsx
@@ -0,0 +1,307 @@
+import { Theme } from '@mui/material';
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+import { withStyles } from 'tss-react/mui';
+
+import { IReduxState, IStore } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import Button from '../../../base/ui/components/web/Button';
+import Spinner from '../../../base/ui/components/web/Spinner';
+import { bootstrapCalendarIntegration, clearCalendarIntegration, signIn } from '../../../calendar-sync/actions';
+import MicrosoftSignInButton from '../../../calendar-sync/components/MicrosoftSignInButton';
+import { CALENDAR_TYPE } from '../../../calendar-sync/constants';
+import { isCalendarEnabled } from '../../../calendar-sync/functions';
+import GoogleSignInButton from '../../../google-api/components/GoogleSignInButton';
+import logger from '../../logger';
+
+/**
+ * The type of the React {@code Component} props of {@link CalendarTab}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * The name given to this Jitsi Application.
+     */
+    _appName: string;
+
+    /**
+     * Whether or not to display a button to sign in to Google.
+     */
+    _enableGoogleIntegration: boolean;
+
+    /**
+     * Whether or not to display a button to sign in to Microsoft.
+     */
+    _enableMicrosoftIntegration: boolean;
+
+    /**
+     * The current calendar integration in use, if any.
+     */
+    _isConnectedToCalendar: boolean;
+
+    /**
+     * The email address associated with the calendar integration in use.
+     */
+    _profileEmail?: string;
+
+    /**
+     * CSS classes object.
+     */
+    classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
+
+    /**
+     * Invoked to change the configured calendar integration.
+     */
+    dispatch: IStore['dispatch'];
+}
+
+/**
+ * The type of the React {@code Component} state of {@link CalendarTab}.
+ */
+interface IState {
+
+    /**
+     * Whether or not any third party APIs are being loaded.
+     */
+    loading: boolean;
+}
+
+const styles = (theme: Theme) => {
+    return {
+        container: {
+            width: '100%',
+            display: 'flex',
+            flexDirection: 'column' as const,
+            alignItems: 'center',
+            justifyContent: 'center',
+            textAlign: 'center' as const,
+            minHeight: '100px',
+            color: theme.palette.text01,
+            ...theme.typography.bodyShortRegular
+        },
+
+        button: {
+            marginTop: theme.spacing(4)
+        }
+    };
+};
+
+/**
+ * React {@code Component} for modifying calendar integration.
+ *
+ * @augments Component
+ */
+class CalendarTab extends Component<IProps, IState> {
+    /**
+     * Initializes a new {@code CalendarTab} instance.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            loading: true
+        };
+
+        // Bind event handlers so they are only bound once for every instance.
+        this._onClickDisconnect = this._onClickDisconnect.bind(this);
+        this._onClickGoogle = this._onClickGoogle.bind(this);
+        this._onClickMicrosoft = this._onClickMicrosoft.bind(this);
+    }
+
+    /**
+     * Loads third party APIs as needed and bootstraps the initial calendar
+     * state if not already set.
+     *
+     * @inheritdoc
+     */
+    override componentDidMount() {
+        this.props.dispatch(bootstrapCalendarIntegration())
+            .catch((err: any) => logger.error('CalendarTab bootstrap failed', err))
+            .then(() => this.setState({ loading: false }));
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const classes = withStyles.getClasses(this.props);
+        let view;
+
+        if (this.state.loading) {
+            view = this._renderLoadingState();
+        } else if (this.props._isConnectedToCalendar) {
+            view = this._renderSignOutState();
+        } else {
+            view = this._renderSignInState();
+        }
+
+        return (
+            <div className = { classes.container }>
+                { view }
+            </div>
+        );
+    }
+
+    /**
+     * Dispatches the action to start the sign in flow for a given calendar
+     * integration type.
+     *
+     * @param {string} type - The calendar type to try integrating with.
+     * @private
+     * @returns {void}
+     */
+    _attemptSignIn(type: string) {
+        this.props.dispatch(signIn(type));
+    }
+
+    /**
+     * Dispatches an action to sign out of the currently connected third party
+     * used for calendar integration.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onClickDisconnect() {
+        // We clear the integration state instead of actually signing out. This
+        // is for two primary reasons. Microsoft does not support a sign out and
+        // instead relies on clearing of local auth data. Google signout can
+        // also sign the user out of YouTube. So for now we've decided not to
+        // do an actual sign out.
+        this.props.dispatch(clearCalendarIntegration());
+    }
+
+    /**
+     * Starts the sign in flow for Google calendar integration.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onClickGoogle() {
+        this._attemptSignIn(CALENDAR_TYPE.GOOGLE);
+    }
+
+    /**
+     * Starts the sign in flow for Microsoft calendar integration.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onClickMicrosoft() {
+        this._attemptSignIn(CALENDAR_TYPE.MICROSOFT);
+    }
+
+    /**
+     * Render a React Element to indicate third party APIs are being loaded.
+     *
+     * @private
+     * @returns {ReactElement}
+     */
+    _renderLoadingState() {
+        return (
+            <Spinner />
+        );
+    }
+
+    /**
+     * Render a React Element to sign into a third party for calendar
+     * integration.
+     *
+     * @private
+     * @returns {ReactElement}
+     */
+    _renderSignInState() {
+        const {
+            _appName,
+            _enableGoogleIntegration,
+            _enableMicrosoftIntegration,
+            t
+        } = this.props;
+        const classes = withStyles.getClasses(this.props);
+
+        return (
+            <>
+                <p>
+                    { t('settings.calendar.about',
+                        { appName: _appName || '' }) }
+                </p>
+                { _enableGoogleIntegration
+                    && <div className = { classes.button }>
+                        <GoogleSignInButton
+                            onClick = { this._onClickGoogle }
+                            text = { t('liveStreaming.signIn') } />
+                    </div> }
+                { _enableMicrosoftIntegration
+                    && <div className = { classes.button }>
+                        <MicrosoftSignInButton
+                            onClick = { this._onClickMicrosoft }
+                            text = { t('settings.calendar.microsoftSignIn') } />
+                    </div> }
+            </>
+        );
+    }
+
+    /**
+     * Render a React Element to sign out of the currently connected third
+     * party used for calendar integration.
+     *
+     * @private
+     * @returns {ReactElement}
+     */
+    _renderSignOutState() {
+        const { _profileEmail, t } = this.props;
+        const classes = withStyles.getClasses(this.props);
+
+        return (
+            <>
+                { t('settings.calendar.signedIn',
+                        { email: _profileEmail }) }
+                <Button
+                    className = { classes.button }
+                    id = 'calendar_logout'
+                    label = { t('settings.calendar.disconnect') }
+                    onClick = { this._onClickDisconnect } />
+            </>
+        );
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated props for the
+ * {@code CalendarTab} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {{
+ *     _appName: string,
+ *     _enableGoogleIntegration: boolean,
+ *     _enableMicrosoftIntegration: boolean,
+ *     _isConnectedToCalendar: boolean,
+ *     _profileEmail: string
+ * }}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const calendarState = state['features/calendar-sync'] || {};
+    const {
+        googleApiApplicationClientID,
+        microsoftApiApplicationClientID
+    } = state['features/base/config'];
+    const calendarEnabled = isCalendarEnabled(state);
+
+    return {
+        _appName: interfaceConfig.APP_NAME,
+        _enableGoogleIntegration: Boolean(
+            calendarEnabled && googleApiApplicationClientID),
+        _enableMicrosoftIntegration: Boolean(
+            calendarEnabled && microsoftApiApplicationClientID),
+        _isConnectedToCalendar: calendarState.integrationReady,
+        _profileEmail: calendarState.profileEmail
+    };
+}
+
+export default withStyles(translate(connect(_mapStateToProps)(CalendarTab)), styles);
diff --git a/react/features/settings/components/web/LogoutDialog.tsx b/react/features/settings/components/web/LogoutDialog.tsx
new file mode 100644
index 0000000..c2cbd8b
--- /dev/null
+++ b/react/features/settings/components/web/LogoutDialog.tsx
@@ -0,0 +1,38 @@
+import React from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+
+import { translate } from '../../../base/i18n/functions';
+import Dialog from '../../../base/ui/components/web/Dialog';
+
+/**
+ * The type of {@link LogoutDialog}'s React {@code Component} props.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * Logout handler.
+     */
+    onLogout: () => void;
+}
+
+/**
+ * Implements the Logout dialog.
+ *
+ * @param {Object} props - The props of the component.
+ * @returns {React$Element}
+ */
+function LogoutDialog({ onLogout, t }: IProps) {
+    return (
+        <Dialog
+            ok = {{ translationKey: 'dialog.Yes' }}
+            onSubmit = { onLogout }
+            titleKey = { t('dialog.logoutTitle') }>
+            <div>
+                { t('dialog.logoutQuestion') }
+            </div>
+        </Dialog>
+    );
+}
+
+export default translate(connect()(LogoutDialog));
diff --git a/react/features/settings/components/web/ModeratorTab.tsx b/react/features/settings/components/web/ModeratorTab.tsx
new file mode 100644
index 0000000..cdb5247
--- /dev/null
+++ b/react/features/settings/components/web/ModeratorTab.tsx
@@ -0,0 +1,281 @@
+import { Theme } from '@mui/material';
+import React from 'react';
+import { WithTranslation } from 'react-i18next';
+import { withStyles } from 'tss-react/mui';
+
+import AbstractDialogTab, {
+    IProps as AbstractDialogTabProps } from '../../../base/dialog/components/web/AbstractDialogTab';
+import { translate } from '../../../base/i18n/functions';
+import Checkbox from '../../../base/ui/components/web/Checkbox';
+
+/**
+ * The type of the React {@code Component} props of {@link ModeratorTab}.
+ */
+export interface IProps extends AbstractDialogTabProps, WithTranslation {
+    /**
+     * Whether the user has selected the audio moderation feature to be enabled.
+     */
+    audioModerationEnabled: boolean;
+
+    /**
+     * Whether the user has selected the chat with permissions feature to be enabled.
+     */
+    chatWithPermissionsEnabled: boolean;
+
+    /**
+     * CSS classes object.
+     */
+    classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
+
+    /**
+     * If set hides the reactions moderation setting.
+     */
+    disableReactionsModeration: boolean;
+
+    /**
+     * Whether or not follow me is currently active (enabled by some other participant).
+     */
+    followMeActive: boolean;
+
+    /**
+     * Whether or not the user has selected the Follow Me feature to be enabled.
+     */
+    followMeEnabled: boolean;
+
+    /**
+     * Whether follow me for recorder is currently active (enabled by some other participant).
+     */
+    followMeRecorderActive: boolean;
+
+    /**
+     * Whether the user has selected the Follow Me Recorder feature to be enabled.
+     */
+    followMeRecorderEnabled: boolean;
+
+    /**
+     * Whether to hide chat with permissions.
+     */
+    hideChatWithPermissions: boolean;
+
+    /**
+     * Whether or not the user has selected the Start Audio Muted feature to be
+     * enabled.
+     */
+    startAudioMuted: boolean;
+
+    /**
+     * Whether or not the user has selected the Start Reactions Muted feature to be
+     * enabled.
+     */
+    startReactionsMuted: boolean;
+
+    /**
+     * Whether or not the user has selected the Start Video Muted feature to be
+     * enabled.
+     */
+    startVideoMuted: boolean;
+
+    /**
+     * Whether the user has selected the video moderation feature to be enabled.
+     */
+    videoModerationEnabled: boolean;
+}
+
+const styles = (theme: Theme) => {
+    return {
+        container: {
+            display: 'flex',
+            flexDirection: 'column' as const
+        },
+
+        title: {
+            ...theme.typography.heading6,
+            color: `${theme.palette.text01} !important`,
+            marginBottom: theme.spacing(3)
+        },
+
+        checkbox: {
+            marginBottom: theme.spacing(3)
+        }
+    };
+};
+
+/**
+ * React {@code Component} for modifying language and moderator settings.
+ *
+ * @augments Component
+ */
+class ModeratorTab extends AbstractDialogTab<IProps, any> {
+    /**
+     * Initializes a new {@code ModeratorTab} instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handler so it is only bound once for every instance.
+        this._onStartAudioMutedChanged = this._onStartAudioMutedChanged.bind(this);
+        this._onStartVideoMutedChanged = this._onStartVideoMutedChanged.bind(this);
+        this._onStartReactionsMutedChanged = this._onStartReactionsMutedChanged.bind(this);
+        this._onFollowMeEnabledChanged = this._onFollowMeEnabledChanged.bind(this);
+        this._onFollowMeRecorderEnabledChanged = this._onFollowMeRecorderEnabledChanged.bind(this);
+        this._onChatWithPermissionsChanged = this._onChatWithPermissionsChanged.bind(this);
+    }
+
+    /**
+     * Callback invoked to select if conferences should start
+     * with audio muted.
+     *
+     * @param {Object} e - The key event to handle.
+     *
+     * @returns {void}
+     */
+    _onStartAudioMutedChanged({ target: { checked } }: React.ChangeEvent<HTMLInputElement>) {
+        super._onChange({ startAudioMuted: checked });
+    }
+
+    /**
+     * Callback invoked to select if conferences should start
+     * with video disabled.
+     *
+     * @param {Object} e - The key event to handle.
+     *
+     * @returns {void}
+     */
+    _onStartVideoMutedChanged({ target: { checked } }: React.ChangeEvent<HTMLInputElement>) {
+        super._onChange({ startVideoMuted: checked });
+    }
+
+    /**
+     * Callback invoked to select if conferences should start
+     * with reactions muted.
+     *
+     * @param {Object} e - The key event to handle.
+     *
+     * @returns {void}
+     */
+    _onStartReactionsMutedChanged({ target: { checked } }: React.ChangeEvent<HTMLInputElement>) {
+        super._onChange({ startReactionsMuted: checked });
+    }
+
+    /**
+     * Callback invoked to select if follow-me mode
+     * should be activated.
+     *
+     * @param {Object} e - The key event to handle.
+     *
+     * @returns {void}
+     */
+    _onFollowMeEnabledChanged({ target: { checked } }: React.ChangeEvent<HTMLInputElement>) {
+        super._onChange({
+            followMeEnabled: checked,
+            followMeRecorderEnabled: checked ? false : undefined
+        });
+    }
+
+    /**
+     * Callback invoked to select if follow-me for recorder mode should be activated.
+     *
+     * @param {Object} e - The key event to handle.
+     *
+     * @returns {void}
+     */
+    _onFollowMeRecorderEnabledChanged({ target: { checked } }: React.ChangeEvent<HTMLInputElement>) {
+        super._onChange({
+            followMeEnabled: checked ? false : undefined,
+            followMeRecorderEnabled: checked
+        });
+    }
+
+    /**
+     * Callback invoked to select if chat with permissions should be activated.
+     *
+     * @param {Object} e - The key event to handle.
+     *
+     * @returns {void}
+     */
+    _onChatWithPermissionsChanged({ target: { checked } }: React.ChangeEvent<HTMLInputElement>) {
+        super._onChange({ chatWithPermissionsEnabled: checked });
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const {
+            audioModerationEnabled,
+            chatWithPermissionsEnabled,
+            disableReactionsModeration,
+            followMeActive,
+            followMeEnabled,
+            followMeRecorderActive,
+            followMeRecorderEnabled,
+            hideChatWithPermissions,
+            startAudioMuted,
+            startVideoMuted,
+            startReactionsMuted,
+            t,
+            videoModerationEnabled
+        } = this.props;
+        const classes = withStyles.getClasses(this.props);
+
+        const followMeRecorderChecked = followMeRecorderEnabled && !followMeRecorderActive;
+
+        return (
+            <div
+                className = { `moderator-tab ${classes.container}` }
+                key = 'moderator'>
+                <h2 className = { classes.title }>
+                    {t('settings.moderatorOptions')}
+                </h2>
+                { !audioModerationEnabled && <Checkbox
+                    checked = { startAudioMuted }
+                    className = { classes.checkbox }
+                    label = { t('settings.startAudioMuted') }
+                    name = 'start-audio-muted'
+                    onChange = { this._onStartAudioMutedChanged } /> }
+                { !videoModerationEnabled && <Checkbox
+                    checked = { startVideoMuted }
+                    className = { classes.checkbox }
+                    label = { t('settings.startVideoMuted') }
+                    name = 'start-video-muted'
+                    onChange = { this._onStartVideoMutedChanged } /> }
+                <Checkbox
+                    checked = { followMeEnabled && !followMeActive && !followMeRecorderChecked }
+                    className = { classes.checkbox }
+                    disabled = { followMeActive || followMeRecorderActive }
+                    label = { t('settings.followMe') }
+                    name = 'follow-me'
+                    onChange = { this._onFollowMeEnabledChanged } />
+                <Checkbox
+                    checked = { followMeRecorderChecked }
+                    className = { classes.checkbox }
+                    disabled = { followMeRecorderActive || followMeActive }
+                    label = { t('settings.followMeRecorder') }
+                    name = 'follow-me-recorder'
+                    onChange = { this._onFollowMeRecorderEnabledChanged } />
+                { !disableReactionsModeration
+                        && <Checkbox
+                            checked = { startReactionsMuted }
+                            className = { classes.checkbox }
+                            label = { t('settings.startReactionsMuted') }
+                            name = 'start-reactions-muted'
+                            onChange = { this._onStartReactionsMutedChanged } /> }
+                { !hideChatWithPermissions
+                    && <Checkbox
+                        checked = { chatWithPermissionsEnabled }
+                        className = { classes.checkbox }
+                        label = { t('settings.chatWithPermissions') }
+                        name = 'chat-with-permissions'
+                        onChange = { this._onChatWithPermissionsChanged } /> }
+            </div>
+        );
+    }
+}
+
+export default withStyles(translate(ModeratorTab), styles);
diff --git a/react/features/settings/components/web/MoreTab.tsx b/react/features/settings/components/web/MoreTab.tsx
new file mode 100644
index 0000000..4dfad64
--- /dev/null
+++ b/react/features/settings/components/web/MoreTab.tsx
@@ -0,0 +1,283 @@
+import { Theme } from '@mui/material';
+import clsx from 'clsx';
+import React from 'react';
+import { WithTranslation } from 'react-i18next';
+import { withStyles } from 'tss-react/mui';
+
+import AbstractDialogTab, {
+    IProps as AbstractDialogTabProps
+} from '../../../base/dialog/components/web/AbstractDialogTab';
+import { translate } from '../../../base/i18n/functions';
+import Checkbox from '../../../base/ui/components/web/Checkbox';
+import Select from '../../../base/ui/components/web/Select';
+import { MAX_ACTIVE_PARTICIPANTS } from '../../../filmstrip/constants';
+
+/**
+ * The type of the React {@code Component} props of {@link MoreTab}.
+ */
+export interface IProps extends AbstractDialogTabProps, WithTranslation {
+
+    /**
+     *  Indicates if closed captions are enabled.
+     */
+    areClosedCaptionsEnabled: boolean;
+
+    /**
+     * CSS classes object.
+     */
+    classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
+
+    /**
+     * The currently selected language to display in the language select
+     * dropdown.
+     */
+    currentLanguage: string;
+
+    /**
+     * Whether to show hide self view setting.
+     */
+    disableHideSelfView: boolean;
+
+    /**
+     * Whether or not follow me is currently active (enabled by some other participant).
+     */
+    followMeActive: boolean;
+
+    /**
+     * Whether or not to hide self-view screen.
+     */
+    hideSelfView: boolean;
+
+    /**
+     * Whether we are in visitors mode.
+     */
+    iAmVisitor: boolean;
+
+    /**
+     * All available languages to display in the language select dropdown.
+     */
+    languages: Array<string>;
+
+    /**
+     * The number of max participants to display on stage.
+     */
+    maxStageParticipants: number;
+
+    /**
+     * Whether or not to display the language select dropdown.
+     */
+    showLanguageSettings: boolean;
+
+    /**
+     * Whether or not to display moderator-only settings.
+     */
+    showModeratorSettings: boolean;
+
+    /**
+     * Whether or not to show subtitles on stage.
+     */
+    showSubtitlesOnStage: boolean;
+
+    /**
+     * Whether or not the stage filmstrip is enabled.
+     */
+    stageFilmstripEnabled: boolean;
+}
+
+const styles = (theme: Theme) => {
+    return {
+        container: {
+            display: 'flex',
+            flexDirection: 'column' as const,
+            padding: '0 2px'
+        },
+
+        divider: {
+            margin: `${theme.spacing(4)} 0`,
+            width: '100%',
+            height: '1px',
+            border: 0,
+            backgroundColor: theme.palette.ui03
+        },
+
+        checkbox: {
+            margin: `${theme.spacing(3)} 0`
+        }
+    };
+};
+
+/**
+ * React {@code Component} for modifying language and moderator settings.
+ *
+ * @augments Component
+ */
+class MoreTab extends AbstractDialogTab<IProps, any> {
+    /**
+     * Initializes a new {@code MoreTab} instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handler so it is only bound once for every instance.
+        this._renderMaxStageParticipantsSelect = this._renderMaxStageParticipantsSelect.bind(this);
+        this._onMaxStageParticipantsSelect = this._onMaxStageParticipantsSelect.bind(this);
+        this._onHideSelfViewChanged = this._onHideSelfViewChanged.bind(this);
+        this._onShowSubtitlesOnStageChanged = this._onShowSubtitlesOnStageChanged.bind(this);
+        this._onLanguageItemSelect = this._onLanguageItemSelect.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const {
+            areClosedCaptionsEnabled,
+            disableHideSelfView,
+            iAmVisitor,
+            hideSelfView,
+            showLanguageSettings,
+            showSubtitlesOnStage,
+            t
+        } = this.props;
+        const classes = withStyles.getClasses(this.props);
+
+        return (
+            <div
+                className = { clsx('more-tab', classes.container) }
+                key = 'more'>
+                {this._renderMaxStageParticipantsSelect()}
+                {!disableHideSelfView && !iAmVisitor && (
+                    <Checkbox
+                        checked = { hideSelfView }
+                        className = { classes.checkbox }
+                        label = { t('videothumbnail.hideSelfView') }
+                        name = 'hide-self-view'
+                        onChange = { this._onHideSelfViewChanged } />
+                )}
+                {areClosedCaptionsEnabled && <Checkbox
+                    checked = { showSubtitlesOnStage }
+                    className = { classes.checkbox }
+                    label = { t('settings.showSubtitlesOnStage') }
+                    name = 'show-subtitles-button'
+                    onChange = { this._onShowSubtitlesOnStageChanged } /> }
+                {showLanguageSettings && this._renderLanguageSelect()}
+            </div>
+        );
+    }
+
+    /**
+     * Callback invoked to select a max number of stage participants from the select dropdown.
+     *
+     * @param {Object} e - The key event to handle.
+     * @private
+     * @returns {void}
+     */
+    _onMaxStageParticipantsSelect(e: React.ChangeEvent<HTMLSelectElement>) {
+        const maxParticipants = Number(e.target.value);
+
+        super._onChange({ maxStageParticipants: maxParticipants });
+    }
+
+    /**
+     * Callback invoked to select if hide self view should be enabled.
+     *
+     * @param {Object} e - The key event to handle.
+     *
+     * @returns {void}
+     */
+    _onHideSelfViewChanged({ target: { checked } }: React.ChangeEvent<HTMLInputElement>) {
+        super._onChange({ hideSelfView: checked });
+    }
+
+    /**
+     * Callback invoked to select if show subtitles button should be enabled.
+     *
+     * @param {Object} e - The key event to handle.
+     *
+     * @returns {void}
+     */
+    _onShowSubtitlesOnStageChanged({ target: { checked } }: React.ChangeEvent<HTMLInputElement>) {
+        super._onChange({ showSubtitlesOnStage: checked });
+    }
+
+    /**
+     * Callback invoked to select a language from select dropdown.
+     *
+     * @param {Object} e - The key event to handle.
+     *
+     * @returns {void}
+     */
+    _onLanguageItemSelect(e: React.ChangeEvent<HTMLSelectElement>) {
+        const language = e.target.value;
+
+        super._onChange({ currentLanguage: language });
+    }
+
+    /**
+     * Returns the React Element for the max stage participants dropdown.
+     *
+     * @returns {ReactElement}
+     */
+    _renderMaxStageParticipantsSelect() {
+        const { maxStageParticipants, t, stageFilmstripEnabled } = this.props;
+
+        if (!stageFilmstripEnabled) {
+            return null;
+        }
+        const maxParticipantsItems = Array(MAX_ACTIVE_PARTICIPANTS).fill(0)
+            .map((no, index) => {
+                return {
+                    value: index + 1,
+                    label: `${index + 1}`
+                };
+            });
+
+        return (
+            <Select
+                id = 'more-maxStageParticipants-select'
+                label = { t('settings.maxStageParticipants') }
+                onChange = { this._onMaxStageParticipantsSelect }
+                options = { maxParticipantsItems }
+                value = { maxStageParticipants } />
+        );
+    }
+
+    /**
+     * Returns the menu item for changing displayed language.
+     *
+     * @private
+     * @returns {ReactElement}
+     */
+    _renderLanguageSelect() {
+        const {
+            currentLanguage,
+            languages,
+            t
+        } = this.props;
+
+        const languageItems
+            = languages.map((language: string) => {
+                return {
+                    value: language,
+                    label: t(`languages:${language}`)
+                };
+            });
+
+        return (
+            <Select
+                id = 'more-language-select'
+                label = { t('settings.language') }
+                onChange = { this._onLanguageItemSelect }
+                options = { languageItems }
+                value = { currentLanguage } />
+        );
+    }
+}
+
+export default withStyles(translate(MoreTab), styles);
diff --git a/react/features/settings/components/web/NotificationsTab.tsx b/react/features/settings/components/web/NotificationsTab.tsx
new file mode 100644
index 0000000..317451a
--- /dev/null
+++ b/react/features/settings/components/web/NotificationsTab.tsx
@@ -0,0 +1,273 @@
+import { Theme } from '@mui/material';
+import React from 'react';
+import { WithTranslation } from 'react-i18next';
+import { withStyles } from 'tss-react/mui';
+
+import AbstractDialogTab, {
+    IProps as AbstractDialogTabProps } from '../../../base/dialog/components/web/AbstractDialogTab';
+import { translate } from '../../../base/i18n/functions';
+import Checkbox from '../../../base/ui/components/web/Checkbox';
+
+/**
+ * The type of the React {@code Component} props of {@link NotificationsTab}.
+ */
+export interface IProps extends AbstractDialogTabProps, WithTranslation {
+
+    /**
+     * CSS classes object.
+     */
+    classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
+
+    /**
+     * Array of disabled sounds ids.
+     */
+    disabledSounds: string[];
+
+    /**
+     * Whether or not the reactions feature is enabled.
+     */
+    enableReactions: Boolean;
+
+    /**
+     * The types of enabled notifications that can be configured and their specific visibility.
+     */
+    enabledNotifications: Object;
+
+    /**
+     * Whether or not moderator muted the sounds.
+     */
+    moderatorMutedSoundsReactions: Boolean;
+
+    /**
+     * Whether or not to display notifications settings.
+     */
+    showNotificationsSettings: boolean;
+
+    /**
+     * Whether sound settings should be displayed or not.
+     */
+    showSoundsSettings: boolean;
+
+    /**
+     * Whether or not the sound for the incoming message should play.
+     */
+    soundsIncomingMessage: Boolean;
+
+    /**
+     * Whether or not the sound for the participant joined should play.
+     */
+    soundsParticipantJoined: Boolean;
+
+    /**
+     * Whether or not the sound for the participant entering the lobby should play.
+     */
+    soundsParticipantKnocking: Boolean;
+
+    /**
+     * Whether or not the sound for the participant left should play.
+     */
+    soundsParticipantLeft: Boolean;
+
+    /**
+    * Whether or not the sound for reactions should play.
+    */
+    soundsReactions: Boolean;
+
+    /**
+     * Whether or not the sound for the talk while muted notification should play.
+     */
+    soundsTalkWhileMuted: Boolean;
+}
+
+const styles = (theme: Theme) => {
+    return {
+        container: {
+            display: 'flex',
+            width: '100%',
+
+            '@media (max-width: 607px)': {
+                flexDirection: 'column' as const
+            }
+        },
+
+        column: {
+            display: 'flex',
+            flexDirection: 'column' as const,
+            flex: 1,
+
+            '&:first-child:not(:last-child)': {
+                marginRight: theme.spacing(3),
+
+                '@media (max-width: 607px)': {
+                    marginRight: 0,
+                    marginBottom: theme.spacing(3)
+                }
+            }
+        },
+
+        title: {
+            ...theme.typography.heading6,
+            color: `${theme.palette.text01} !important`,
+            marginBottom: theme.spacing(3)
+        },
+
+        checkbox: {
+            marginBottom: theme.spacing(3)
+        }
+    };
+};
+
+/**
+ * React {@code Component} for modifying the local user's sound settings.
+ *
+ * @augments Component
+ */
+class NotificationsTab extends AbstractDialogTab<IProps, any> {
+    /**
+     * Initializes a new {@code SoundsTab} instance.
+     *
+     * @param {IProps} props - The React {@code Component} props to initialize
+     * the new {@code SoundsTab} instance with.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._onEnabledNotificationsChanged = this._onEnabledNotificationsChanged.bind(this);
+    }
+
+    /**
+     * Changes a sound setting state.
+     *
+     * @param {Object} e - The key event to handle.
+     *
+     * @returns {void}
+     */
+    override _onChange({ target }: React.ChangeEvent<HTMLInputElement>) {
+        super._onChange({ [target.name]: target.checked });
+    }
+
+    /**
+     * Callback invoked to select if the given type of
+     * notifications should be shown.
+     *
+     * @param {Object} e - The key event to handle.
+     * @param {string} type - The type of the notification.
+     *
+     * @returns {void}
+     */
+    _onEnabledNotificationsChanged({ target: { checked } }: React.ChangeEvent<HTMLInputElement>, type: any) {
+        super._onChange({
+            enabledNotifications: {
+                ...this.props.enabledNotifications,
+                [type]: checked
+            }
+        });
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const {
+            disabledSounds,
+            enabledNotifications,
+            showNotificationsSettings,
+            showSoundsSettings,
+            soundsIncomingMessage,
+            soundsParticipantJoined,
+            soundsParticipantKnocking,
+            soundsParticipantLeft,
+            soundsTalkWhileMuted,
+            soundsReactions,
+            enableReactions,
+            moderatorMutedSoundsReactions,
+            t
+        } = this.props;
+        const classes = withStyles.getClasses(this.props);
+
+        return (
+            <form
+                className = { classes.container }
+                key = 'sounds'>
+                {showSoundsSettings && (
+                    <fieldset className = { classes.column }>
+                        <legend className = { classes.title }>
+                            {t('settings.playSounds')}
+                        </legend>
+                        {enableReactions && <Checkbox
+                            checked = { soundsReactions && !disabledSounds.includes('REACTION_SOUND') }
+                            className = { classes.checkbox }
+                            disabled = { Boolean(moderatorMutedSoundsReactions
+                                || disabledSounds.includes('REACTION_SOUND')) }
+                            label = { t('settings.reactions') }
+                            name = 'soundsReactions'
+                            onChange = { this._onChange } />
+                        }
+                        <Checkbox
+                            checked = { soundsIncomingMessage && !disabledSounds.includes('INCOMING_MSG_SOUND') }
+                            className = { classes.checkbox }
+                            disabled = { disabledSounds.includes('INCOMING_MSG_SOUND') }
+                            label = { t('settings.incomingMessage') }
+                            name = 'soundsIncomingMessage'
+                            onChange = { this._onChange } />
+                        <Checkbox
+                            checked = { soundsParticipantJoined
+                                && !disabledSounds.includes('PARTICIPANT_JOINED_SOUND') }
+                            className = { classes.checkbox }
+                            disabled = { disabledSounds.includes('PARTICIPANT_JOINED_SOUND') }
+                            label = { t('settings.participantJoined') }
+                            name = 'soundsParticipantJoined'
+                            onChange = { this._onChange } />
+                        <Checkbox
+                            checked = { soundsParticipantLeft && !disabledSounds.includes('PARTICIPANT_LEFT_SOUND') }
+                            className = { classes.checkbox }
+                            disabled = { disabledSounds.includes('PARTICIPANT_LEFT_SOUND') }
+                            label = { t('settings.participantLeft') }
+                            name = 'soundsParticipantLeft'
+                            onChange = { this._onChange } />
+                        <Checkbox
+                            checked = { soundsTalkWhileMuted && !disabledSounds.includes('TALK_WHILE_MUTED_SOUND') }
+                            className = { classes.checkbox }
+                            disabled = { disabledSounds.includes('TALK_WHILE_MUTED_SOUND') }
+                            label = { t('settings.talkWhileMuted') }
+                            name = 'soundsTalkWhileMuted'
+                            onChange = { this._onChange } />
+                        <Checkbox
+                            checked = { soundsParticipantKnocking
+                                && !disabledSounds.includes('KNOCKING_PARTICIPANT_SOUND') }
+                            className = { classes.checkbox }
+                            disabled = { disabledSounds.includes('KNOCKING_PARTICIPANT_SOUND') }
+                            label = { t('settings.participantKnocking') }
+                            name = 'soundsParticipantKnocking'
+                            onChange = { this._onChange } />
+                    </fieldset>
+                )}
+                {showNotificationsSettings && (
+                    <fieldset className = { classes.column }>
+                        <legend className = { classes.title }>
+                            {t('notify.displayNotifications')}
+                        </legend>
+                        {
+                            Object.keys(enabledNotifications).map(key => (
+                                <Checkbox
+                                    checked = { Boolean(enabledNotifications[key as
+                                        keyof typeof enabledNotifications]) }
+                                    className = { classes.checkbox }
+                                    key = { key }
+                                    label = { t(key) }
+                                    name = { `show-${key}` }
+                                    /* eslint-disable-next-line react/jsx-no-bind */
+                                    onChange = { e => this._onEnabledNotificationsChanged(e, key) } />
+                            ))
+                        }
+                    </fieldset>
+                )}
+            </form>
+        );
+    }
+}
+
+export default withStyles(translate(NotificationsTab), styles);
diff --git a/react/features/settings/components/web/ProfileTab.tsx b/react/features/settings/components/web/ProfileTab.tsx
new file mode 100644
index 0000000..2428aef
--- /dev/null
+++ b/react/features/settings/components/web/ProfileTab.tsx
@@ -0,0 +1,251 @@
+import { Theme } from '@mui/material';
+import React from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+import { withStyles } from 'tss-react/mui';
+
+import { createProfilePanelButtonEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { IStore } from '../../../app/types';
+import { login, logout } from '../../../authentication/actions.web';
+import Avatar from '../../../base/avatar/components/Avatar';
+import AbstractDialogTab, {
+    IProps as AbstractDialogTabProps } from '../../../base/dialog/components/web/AbstractDialogTab';
+import { translate } from '../../../base/i18n/functions';
+import Button from '../../../base/ui/components/web/Button';
+import Input from '../../../base/ui/components/web/Input';
+
+/**
+ * The type of the React {@code Component} props of {@link ProfileTab}.
+ */
+export interface IProps extends AbstractDialogTabProps, WithTranslation {
+
+    /**
+     * Whether server-side authentication is available.
+     */
+    authEnabled: boolean;
+
+    /**
+     * The name of the currently (server-side) authenticated user.
+     */
+    authLogin: string;
+
+    /**
+     * CSS classes object.
+     */
+    classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
+
+    /**
+     * Invoked to change the configured calendar integration.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * The display name to display for the local participant.
+     */
+    displayName: string;
+
+    /**
+     * The email to display for the local participant.
+     */
+    email: string;
+
+    /**
+     * Whether to hide the email input in the profile settings.
+     */
+    hideEmailInSettings?: boolean;
+
+    /**
+     * The id of the local participant.
+     */
+    id: string;
+
+    /**
+     * If the display name is read only.
+     */
+    readOnlyName: boolean;
+}
+
+const styles = (theme: Theme) => {
+    return {
+        container: {
+            display: 'flex',
+            flexDirection: 'column' as const,
+            width: '100%',
+            padding: '0 2px'
+        },
+
+        avatarContainer: {
+            display: 'flex',
+            width: '100%',
+            justifyContent: 'center',
+            marginBottom: theme.spacing(4)
+        },
+
+        bottomMargin: {
+            marginBottom: theme.spacing(4)
+        },
+
+        label: {
+            color: `${theme.palette.text01} !important`,
+            ...theme.typography.bodyShortRegular,
+            marginBottom: theme.spacing(2)
+        },
+
+        name: {
+            marginBottom: theme.spacing(1)
+        }
+    };
+};
+
+/**
+ * React {@code Component} for modifying the local user's profile.
+ *
+ * @augments Component
+ */
+class ProfileTab extends AbstractDialogTab<IProps, any> {
+    static defaultProps = {
+        displayName: '',
+        email: ''
+    };
+
+    /**
+     * Initializes a new {@code ConnectedSettingsDialog} instance.
+     *
+     * @param {IProps} props - The React {@code Component} props to initialize
+     * the new {@code ConnectedSettingsDialog} instance with.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handlers so they are only bound once for every instance.
+        this._onAuthToggle = this._onAuthToggle.bind(this);
+        this._onDisplayNameChange = this._onDisplayNameChange.bind(this);
+        this._onEmailChange = this._onEmailChange.bind(this);
+    }
+
+    /**
+     * Changes display name of the user.
+     *
+     * @param {string} value - The key event to handle.
+     *
+     * @returns {void}
+     */
+    _onDisplayNameChange(value: string) {
+        super._onChange({ displayName: value });
+    }
+
+    /**
+     * Changes email of the user.
+     *
+     * @param {string} value - The key event to handle.
+     *
+     * @returns {void}
+     */
+    _onEmailChange(value: string) {
+        super._onChange({ email: value });
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const {
+            authEnabled,
+            displayName,
+            email,
+            hideEmailInSettings,
+            id,
+            readOnlyName,
+            t
+        } = this.props;
+        const classes = withStyles.getClasses(this.props);
+
+        return (
+            <div className = { classes.container } >
+                <div className = { classes.avatarContainer }>
+                    <Avatar
+                        participantId = { id }
+                        size = { 60 } />
+                </div>
+                <Input
+                    className = { classes.bottomMargin }
+                    disabled = { readOnlyName }
+                    id = 'setDisplayName'
+                    label = { t('profile.setDisplayNameLabel') }
+                    name = 'name'
+                    onChange = { this._onDisplayNameChange }
+                    placeholder = { t('settings.name') }
+                    type = 'text'
+                    value = { displayName } />
+                {!hideEmailInSettings && <div className = 'profile-edit-field'>
+                    <Input
+                        className = { classes.bottomMargin }
+                        id = 'setEmail'
+                        label = { t('profile.setEmailLabel') }
+                        name = 'email'
+                        onChange = { this._onEmailChange }
+                        placeholder = { t('profile.setEmailInput') }
+                        type = 'text'
+                        value = { email } />
+                </div>}
+                { authEnabled && this._renderAuth() }
+            </div>
+        );
+    }
+
+    /**
+     * Shows the dialog for logging in or out of a server and closes this
+     * dialog.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onAuthToggle() {
+        if (this.props.authLogin) {
+            sendAnalytics(createProfilePanelButtonEvent('logout.button'));
+
+            this.props.dispatch(logout());
+        } else {
+            sendAnalytics(createProfilePanelButtonEvent('login.button'));
+
+            this.props.dispatch(login());
+        }
+    }
+
+    /**
+     * Returns a React Element for interacting with server-side authentication.
+     *
+     * @private
+     * @returns {ReactElement}
+     */
+    _renderAuth() {
+        const {
+            authLogin,
+            t
+        } = this.props;
+        const classes = withStyles.getClasses(this.props);
+
+        return (
+            <div>
+                <h2 className = { classes.label }>
+                    { t('toolbar.authenticate') }
+                </h2>
+                { authLogin
+                    && <div className = { classes.name }>
+                        { t('settings.loggedIn', { name: authLogin }) }
+                    </div> }
+                <Button
+                    accessibilityLabel = { authLogin ? t('toolbar.logout') : t('toolbar.login') }
+                    id = 'login_button'
+                    label = { authLogin ? t('toolbar.logout') : t('toolbar.login') }
+                    onClick = { this._onAuthToggle } />
+            </div>
+        );
+    }
+}
+
+export default withStyles(translate(connect()(ProfileTab)), styles);
diff --git a/react/features/settings/components/web/SettingsButton.ts b/react/features/settings/components/web/SettingsButton.ts
new file mode 100644
index 0000000..647df73
--- /dev/null
+++ b/react/features/settings/components/web/SettingsButton.ts
@@ -0,0 +1,50 @@
+import { connect } from 'react-redux';
+
+import { createToolbarEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { translate } from '../../../base/i18n/functions';
+import { IconGear } from '../../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import { openSettingsDialog } from '../../actions';
+
+/**
+ * The type of the React {@code Component} props of {@link SettingsButton}.
+ */
+interface IProps extends AbstractButtonProps {
+
+    /**
+     * The default tab at which the settings dialog will be opened.
+     */
+    defaultTab: string;
+
+    /**
+     * Indicates whether the device selection dialog is displayed on the
+     * welcome page or not.
+     */
+    isDisplayedOnWelcomePage: boolean;
+}
+
+/**
+ * An abstract implementation of a button for accessing settings.
+ */
+class SettingsButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.Settings';
+    override icon = IconGear;
+    override label = 'toolbar.Settings';
+    override tooltip = 'toolbar.Settings';
+
+    /**
+     * Handles clicking / pressing the button, and opens the appropriate dialog.
+     *
+     * @protected
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { dispatch, isDisplayedOnWelcomePage = false } = this.props;
+
+        sendAnalytics(createToolbarEvent('settings'));
+        dispatch(openSettingsDialog(undefined, isDisplayedOnWelcomePage));
+    }
+}
+
+export default translate(connect()(SettingsButton));
diff --git a/react/features/settings/components/web/SettingsDialog.tsx b/react/features/settings/components/web/SettingsDialog.tsx
new file mode 100644
index 0000000..30334fb
--- /dev/null
+++ b/react/features/settings/components/web/SettingsDialog.tsx
@@ -0,0 +1,331 @@
+import React from 'react';
+import { connect } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState, IStore } from '../../../app/types';
+import {
+    IconBell,
+    IconCalendar,
+    IconGear,
+    IconImage,
+    IconModerator,
+    IconShortcuts,
+    IconUser,
+    IconVideo,
+    IconVolumeUp
+} from '../../../base/icons/svg';
+import DialogWithTabs, { IDialogTab } from '../../../base/ui/components/web/DialogWithTabs';
+import { isCalendarEnabled } from '../../../calendar-sync/functions.web';
+import { submitAudioDeviceSelectionTab, submitVideoDeviceSelectionTab } from '../../../device-selection/actions.web';
+import AudioDevicesSelection from '../../../device-selection/components/AudioDevicesSelection.web';
+import VideoDeviceSelection from '../../../device-selection/components/VideoDeviceSelection.web';
+import {
+    getAudioDeviceSelectionDialogProps,
+    getVideoDeviceSelectionDialogProps
+} from '../../../device-selection/functions.web';
+import { checkBlurSupport, checkVirtualBackgroundEnabled } from '../../../virtual-background/functions';
+import { iAmVisitor } from '../../../visitors/functions';
+import {
+    submitModeratorTab,
+    submitMoreTab,
+    submitNotificationsTab,
+    submitProfileTab,
+    submitShortcutsTab,
+    submitVirtualBackgroundTab
+} from '../../actions';
+import { SETTINGS_TABS } from '../../constants';
+import {
+    getModeratorTabProps,
+    getMoreTabProps,
+    getNotificationsMap,
+    getNotificationsTabProps,
+    getProfileTabProps,
+    getShortcutsTabProps,
+    getVirtualBackgroundTabProps
+} from '../../functions';
+
+import CalendarTab from './CalendarTab';
+import ModeratorTab from './ModeratorTab';
+import MoreTab from './MoreTab';
+import NotificationsTab from './NotificationsTab';
+import ProfileTab from './ProfileTab';
+import ShortcutsTab from './ShortcutsTab';
+import VirtualBackgroundTab from './VirtualBackgroundTab';
+
+/**
+ * The type of the React {@code Component} props of
+ * {@link ConnectedSettingsDialog}.
+ */
+interface IProps {
+
+    /**
+     * Information about the tabs to be rendered.
+     */
+    _tabs: IDialogTab<any>[];
+
+    /**
+     * Which settings tab should be initially displayed. If not defined then
+     * the first tab will be displayed.
+     */
+    defaultTab: string;
+
+    /**
+     * Invoked to save changed settings.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Indicates whether the device selection dialog is displayed on the
+     * welcome page or not.
+     */
+    isDisplayedOnWelcomePage: boolean;
+}
+
+const useStyles = makeStyles()(() => {
+    return {
+        settingsDialog: {
+            display: 'flex',
+            width: '100%'
+        }
+    };
+});
+
+const SettingsDialog = ({ _tabs, defaultTab, dispatch }: IProps) => {
+    const { classes } = useStyles();
+
+    const correctDefaultTab = _tabs.find(tab => tab.name === defaultTab)?.name;
+    const tabs = _tabs.map(tab => {
+        return {
+            ...tab,
+            className: `settings-pane ${classes.settingsDialog}`,
+            submit: (...args: any) => tab.submit
+                && dispatch(tab.submit(...args))
+        };
+    });
+
+    return (
+        <DialogWithTabs
+            className = 'settings-dialog'
+            defaultTab = { correctDefaultTab }
+            tabs = { tabs }
+            titleKey = 'settings.title' />
+    );
+};
+
+/**
+ * Maps (parts of) the Redux state to the associated props for the
+ * {@code ConnectedSettingsDialog} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {Object} ownProps - The props passed to the component.
+ * @private
+ * @returns {{
+ *     tabs: Array<Object>
+ * }}
+ */
+function _mapStateToProps(state: IReduxState, ownProps: any) {
+    const { isDisplayedOnWelcomePage } = ownProps;
+    const configuredTabs = interfaceConfig.SETTINGS_SECTIONS || [];
+
+    // The settings sections to display.
+    const showDeviceSettings = configuredTabs.includes('devices');
+    const moreTabProps = getMoreTabProps(state);
+    const moderatorTabProps = getModeratorTabProps(state);
+    const { showModeratorSettings } = moderatorTabProps;
+    const showMoreTab = configuredTabs.includes('more');
+    const showProfileSettings
+        = configuredTabs.includes('profile') && !state['features/base/config'].disableProfile;
+    const showCalendarSettings
+        = configuredTabs.includes('calendar') && isCalendarEnabled(state);
+    const showSoundsSettings = configuredTabs.includes('sounds');
+    const enabledNotifications = getNotificationsMap(state);
+    const showNotificationsSettings = Object.keys(enabledNotifications).length > 0;
+    const virtualBackgroundSupported = checkBlurSupport();
+    const enableVirtualBackground = checkVirtualBackgroundEnabled(state);
+    const tabs: IDialogTab<any>[] = [];
+    const _iAmVisitor = iAmVisitor(state);
+
+    if (showDeviceSettings) {
+        tabs.push({
+            name: SETTINGS_TABS.AUDIO,
+            component: AudioDevicesSelection,
+            labelKey: 'settings.audio',
+            props: getAudioDeviceSelectionDialogProps(state, isDisplayedOnWelcomePage),
+            propsUpdateFunction: (tabState: any, newProps: ReturnType<typeof getAudioDeviceSelectionDialogProps>) => {
+                // Ensure the device selection tab gets updated when new devices
+                // are found by taking the new props and only preserving the
+                // current user selected devices. If this were not done, the
+                // tab would keep using a copy of the initial props it received,
+                // leaving the device list to become stale.
+
+                return {
+                    ...newProps,
+                    audioSettings: tabState.audioSettings,
+                    noiseSuppressionEnabled: tabState.noiseSuppressionEnabled,
+                    selectedAudioInputId: tabState.selectedAudioInputId,
+                    selectedAudioOutputId: tabState.selectedAudioOutputId
+                };
+            },
+            submit: (newState: any) => submitAudioDeviceSelectionTab(newState, isDisplayedOnWelcomePage),
+            icon: IconVolumeUp
+        });
+        !_iAmVisitor && tabs.push({
+            name: SETTINGS_TABS.VIDEO,
+            component: VideoDeviceSelection,
+            labelKey: 'settings.video',
+            props: getVideoDeviceSelectionDialogProps(state, isDisplayedOnWelcomePage),
+            propsUpdateFunction: (tabState: any, newProps: ReturnType<typeof getVideoDeviceSelectionDialogProps>) => {
+                // Ensure the device selection tab gets updated when new devices
+                // are found by taking the new props and only preserving the
+                // current user selected devices. If this were not done, the
+                // tab would keep using a copy of the initial props it received,
+                // leaving the device list to become stale.
+
+                return {
+                    ...newProps,
+                    currentFramerate: tabState?.currentFramerate,
+                    localFlipX: tabState.localFlipX,
+                    selectedVideoInputId: tabState.selectedVideoInputId
+                };
+            },
+            submit: (newState: any) => submitVideoDeviceSelectionTab(newState, isDisplayedOnWelcomePage),
+            icon: IconVideo
+        });
+    }
+
+    if (virtualBackgroundSupported && !_iAmVisitor && enableVirtualBackground) {
+        tabs.push({
+            name: SETTINGS_TABS.VIRTUAL_BACKGROUND,
+            component: VirtualBackgroundTab,
+            labelKey: 'virtualBackground.title',
+            props: getVirtualBackgroundTabProps(state, isDisplayedOnWelcomePage),
+            propsUpdateFunction: (tabState: any, newProps: ReturnType<typeof getVirtualBackgroundTabProps>,
+                    tabStates: any) => {
+                const videoTabState = tabStates[tabs.findIndex(tab => tab.name === SETTINGS_TABS.VIDEO)];
+
+                return {
+                    ...newProps,
+                    selectedVideoInputId: videoTabState?.selectedVideoInputId || newProps.selectedVideoInputId,
+                    options: tabState.options
+                };
+            },
+            submit: (newState: any) => submitVirtualBackgroundTab(newState),
+            cancel: () => {
+                const { options } = getVirtualBackgroundTabProps(state, isDisplayedOnWelcomePage);
+
+                return submitVirtualBackgroundTab({ options }, true);
+            },
+            icon: IconImage
+        });
+    }
+
+    if ((showSoundsSettings || showNotificationsSettings) && !_iAmVisitor) {
+        tabs.push({
+            name: SETTINGS_TABS.NOTIFICATIONS,
+            component: NotificationsTab,
+            labelKey: 'settings.notifications',
+            propsUpdateFunction: (tabState: any, newProps: ReturnType<typeof getNotificationsTabProps>) => {
+                return {
+                    ...newProps,
+                    enabledNotifications: tabState?.enabledNotifications || {},
+                    soundsIncomingMessage: tabState?.soundsIncomingMessage,
+                    soundsParticipantJoined: tabState?.soundsParticipantJoined,
+                    soundsParticipantKnocking: tabState?.soundsParticipantKnocking,
+                    soundsParticipantLeft: tabState?.soundsParticipantLeft,
+                    soundsReactions: tabState?.soundsReactions,
+                    soundsTalkWhileMuted: tabState?.soundsTalkWhileMuted
+                };
+            },
+            props: getNotificationsTabProps(state, showSoundsSettings),
+            submit: submitNotificationsTab,
+            icon: IconBell
+        });
+    }
+
+    if (showModeratorSettings && !_iAmVisitor) {
+        tabs.push({
+            name: SETTINGS_TABS.MODERATOR,
+            component: ModeratorTab,
+            labelKey: 'settings.moderator',
+            props: moderatorTabProps,
+            propsUpdateFunction: (tabState: any, newProps: typeof moderatorTabProps) => {
+                // Updates tab props, keeping users selection
+
+                return {
+                    ...newProps,
+                    chatWithPermissionsEnabled: tabState?.chatWithPermissionsEnabled,
+                    followMeEnabled: tabState?.followMeEnabled,
+                    followMeRecorderEnabled: tabState?.followMeRecorderEnabled,
+                    startAudioMuted: tabState?.startAudioMuted,
+                    startVideoMuted: tabState?.startVideoMuted,
+                    startReactionsMuted: tabState?.startReactionsMuted
+                };
+            },
+            submit: submitModeratorTab,
+            icon: IconModerator
+        });
+    }
+
+    if (showProfileSettings) {
+        tabs.push({
+            name: SETTINGS_TABS.PROFILE,
+            component: ProfileTab,
+            labelKey: 'profile.title',
+            props: getProfileTabProps(state),
+            submit: submitProfileTab,
+            icon: IconUser
+        });
+    }
+
+    if (showCalendarSettings && !_iAmVisitor) {
+        tabs.push({
+            name: SETTINGS_TABS.CALENDAR,
+            component: CalendarTab,
+            labelKey: 'settings.calendar.title',
+            icon: IconCalendar
+        });
+    }
+
+    !_iAmVisitor && tabs.push({
+        name: SETTINGS_TABS.SHORTCUTS,
+        component: ShortcutsTab,
+        labelKey: 'settings.shortcuts',
+        props: getShortcutsTabProps(state, isDisplayedOnWelcomePage),
+        propsUpdateFunction: (tabState: any, newProps: ReturnType<typeof getShortcutsTabProps>) => {
+            // Updates tab props, keeping users selection
+
+            return {
+                ...newProps,
+                keyboardShortcutsEnabled: tabState?.keyboardShortcutsEnabled
+            };
+        },
+        submit: submitShortcutsTab,
+        icon: IconShortcuts
+    });
+
+    if (showMoreTab && !_iAmVisitor) {
+        tabs.push({
+            name: SETTINGS_TABS.MORE,
+            component: MoreTab,
+            labelKey: 'settings.more',
+            props: moreTabProps,
+            propsUpdateFunction: (tabState: any, newProps: typeof moreTabProps) => {
+                // Updates tab props, keeping users selection
+
+                return {
+                    ...newProps,
+                    currentLanguage: tabState?.currentLanguage,
+                    hideSelfView: tabState?.hideSelfView,
+                    showSubtitlesOnStage: tabState?.showSubtitlesOnStage,
+                    maxStageParticipants: tabState?.maxStageParticipants
+                };
+            },
+            submit: submitMoreTab,
+            icon: IconGear
+        });
+    }
+
+    return { _tabs: tabs };
+}
+
+export default connect(_mapStateToProps)(SettingsDialog);
diff --git a/react/features/settings/components/web/ShortcutsTab.tsx b/react/features/settings/components/web/ShortcutsTab.tsx
new file mode 100644
index 0000000..379924b
--- /dev/null
+++ b/react/features/settings/components/web/ShortcutsTab.tsx
@@ -0,0 +1,178 @@
+import { Theme } from '@mui/material';
+import React from 'react';
+import { WithTranslation } from 'react-i18next';
+import { withStyles } from 'tss-react/mui';
+
+import AbstractDialogTab, {
+    IProps as AbstractDialogTabProps } from '../../../base/dialog/components/web/AbstractDialogTab';
+import { translate } from '../../../base/i18n/functions';
+import Checkbox from '../../../base/ui/components/web/Checkbox';
+
+/**
+ * The type of the React {@code Component} props of {@link ShortcutsTab}.
+ */
+export interface IProps extends AbstractDialogTabProps, WithTranslation {
+
+    /**
+     * CSS classes object.
+     */
+    classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
+
+    /**
+     * Whether to display the shortcuts or not.
+     */
+    displayShortcuts: boolean;
+
+    /**
+     * Whether the keyboard shortcuts are enabled or not.
+     */
+    keyboardShortcutsEnabled: boolean;
+
+    /**
+     * The keyboard shortcuts descriptions.
+     */
+    keyboardShortcutsHelpDescriptions: Map<string, string>;
+}
+
+const styles = (theme: Theme) => {
+    return {
+        container: {
+            display: 'flex',
+            flexDirection: 'column' as const,
+            width: '100%',
+            paddingBottom: theme.spacing(3)
+        },
+
+        checkbox: {
+            marginBottom: theme.spacing(3)
+        },
+
+        listContainer: {
+            listStyleType: 'none',
+            padding: 0,
+            margin: 0
+        },
+
+        listItem: {
+            display: 'flex',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            padding: `${theme.spacing(1)} 0`,
+            ...theme.typography.bodyShortRegular,
+            color: theme.palette.text01
+        },
+
+        listItemKey: {
+            backgroundColor: theme.palette.ui04,
+            ...theme.typography.labelBold,
+            padding: `${theme.spacing(1)} ${theme.spacing(2)}`,
+            borderRadius: `${Number(theme.shape.borderRadius) / 2}px`
+        }
+    };
+};
+
+/**
+ * React {@code Component} for modifying the local user's profile.
+ *
+ * @augments Component
+ */
+class ShortcutsTab extends AbstractDialogTab<IProps, any> {
+    /**
+     * Initializes a new {@code MoreTab} instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handler so it is only bound once for every instance.
+        this._onKeyboardShortcutEnableChanged = this._onKeyboardShortcutEnableChanged.bind(this);
+        this._renderShortcutsListItem = this._renderShortcutsListItem.bind(this);
+    }
+
+    /**
+     * Callback invoked to select if global keyboard shortcuts
+     * should be enabled.
+     *
+     * @param {Object} e - The key event to handle.
+     *
+     * @returns {void}
+     */
+    _onKeyboardShortcutEnableChanged({ target: { checked } }: React.ChangeEvent<HTMLInputElement>) {
+        super._onChange({ keyboardShortcutsEnabled: checked });
+    }
+
+    /**
+     * Render a keyboard shortcut with key and description.
+     *
+     * @param {string} keyboardKey - The keyboard key for the shortcut.
+     * @param {string} translationKey - The translation key for the shortcut description.
+     * @returns {JSX}
+     */
+    _renderShortcutsListItem(keyboardKey: string, translationKey: string) {
+        const { t } = this.props;
+        const classes = withStyles.getClasses(this.props);
+        let modifierKey = 'Alt';
+
+        if (window.navigator?.platform) {
+            if (window.navigator.platform.indexOf('Mac') !== -1) {
+                modifierKey = '⌥';
+            }
+        }
+
+        return (
+            <li
+                className = { classes.listItem }
+                key = { keyboardKey }>
+                <span
+                    aria-label = { t(translationKey) }>
+                    {t(translationKey)}
+                </span>
+                <span className = { classes.listItemKey }>
+                    {keyboardKey.startsWith(':')
+                        ? `${modifierKey} + ${keyboardKey.slice(1)}`
+                        : keyboardKey}
+                </span>
+            </li>
+        );
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const {
+            displayShortcuts,
+            keyboardShortcutsHelpDescriptions,
+            keyboardShortcutsEnabled,
+            t
+        } = this.props;
+        const classes = withStyles.getClasses(this.props);
+        const shortcutDescriptions: Map<string, string> = displayShortcuts
+            ? keyboardShortcutsHelpDescriptions
+            : new Map();
+
+        return (
+            <div className = { classes.container }>
+                <Checkbox
+                    checked = { keyboardShortcutsEnabled }
+                    className = { classes.checkbox }
+                    label = { t('prejoin.keyboardShortcuts') }
+                    name = 'enable-keyboard-shortcuts'
+                    onChange = { this._onKeyboardShortcutEnableChanged } />
+                {displayShortcuts && (
+                    <ul className = { classes.listContainer }>
+                        {Array.from(shortcutDescriptions)
+                            .map(description => this._renderShortcutsListItem(...description))}
+                    </ul>
+                )}
+            </div>
+        );
+    }
+}
+
+export default withStyles(translate(ShortcutsTab), styles);
diff --git a/react/features/settings/components/web/VirtualBackgroundTab.tsx b/react/features/settings/components/web/VirtualBackgroundTab.tsx
new file mode 100644
index 0000000..687c669
--- /dev/null
+++ b/react/features/settings/components/web/VirtualBackgroundTab.tsx
@@ -0,0 +1,102 @@
+import React from 'react';
+import { WithTranslation } from 'react-i18next';
+import { withStyles } from 'tss-react/mui';
+
+import AbstractDialogTab, {
+    IProps as AbstractDialogTabProps
+} from '../../../base/dialog/components/web/AbstractDialogTab';
+import { translate } from '../../../base/i18n/functions';
+import VirtualBackgrounds from '../../../virtual-background/components/VirtualBackgrounds';
+import { IVirtualBackground } from '../../../virtual-background/reducer';
+
+/**
+ * The type of the React {@code Component} props of {@link VirtualBackgroundTab}.
+ */
+export interface IProps extends AbstractDialogTabProps, WithTranslation {
+
+    /**
+     * CSS classes object.
+     */
+    classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
+
+    /**
+     * Virtual background options.
+     */
+    options: IVirtualBackground;
+
+    /**
+     * The id of the selected video device.
+     */
+    selectedVideoInputId: string;
+}
+
+const styles = () => {
+    return {
+        container: {
+            width: '100%',
+            display: 'flex',
+            flexDirection: 'column' as const
+        }
+    };
+};
+
+/**
+ * React {@code Component} for modifying language and moderator settings.
+ *
+ * @augments Component
+ */
+class VirtualBackgroundTab extends AbstractDialogTab<IProps, any> {
+    /**
+     * Initializes a new {@code VirtualBackgroundTab} instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handler so it is only bound once for every instance.
+        this._onOptionsChanged = this._onOptionsChanged.bind(this);
+    }
+
+    /**
+     * Callback invoked to select if follow-me mode
+     * should be activated.
+     *
+     * @param {Object} options - The new background options.
+     *
+     * @returns {void}
+     */
+    _onOptionsChanged(options: any) {
+        super._onChange({ options });
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const {
+            options,
+            selectedVideoInputId
+        } = this.props;
+        const classes = withStyles.getClasses(this.props);
+
+        return (
+            <div
+                className = { classes.container }
+                id = 'virtual-background-dialog'
+                key = 'virtual-background'>
+                <VirtualBackgrounds
+                    onOptionsChange = { this._onOptionsChanged }
+                    options = { options }
+                    selectedThumbnail = { options.selectedThumbnail ?? '' }
+                    selectedVideoInputId = { selectedVideoInputId } />
+            </div>
+        );
+    }
+}
+
+export default withStyles(translate(VirtualBackgroundTab), styles);
diff --git a/react/features/settings/components/web/audio/AudioSettingsContent.tsx b/react/features/settings/components/web/audio/AudioSettingsContent.tsx
new file mode 100644
index 0000000..4bd43f5
--- /dev/null
+++ b/react/features/settings/components/web/audio/AudioSettingsContent.tsx
@@ -0,0 +1,357 @@
+/* eslint-disable react/no-multi-comp */
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState, IStore } from '../../../../app/types';
+import { IconMic, IconVolumeUp } from '../../../../base/icons/svg';
+import JitsiMeetJS from '../../../../base/lib-jitsi-meet';
+import { equals } from '../../../../base/redux/functions';
+import Checkbox from '../../../../base/ui/components/web/Checkbox';
+import ContextMenu from '../../../../base/ui/components/web/ContextMenu';
+import ContextMenuItem from '../../../../base/ui/components/web/ContextMenuItem';
+import ContextMenuItemGroup from '../../../../base/ui/components/web/ContextMenuItemGroup';
+import { toggleNoiseSuppression } from '../../../../noise-suppression/actions';
+import { isNoiseSuppressionEnabled } from '../../../../noise-suppression/functions';
+import { isPrejoinPageVisible } from '../../../../prejoin/functions';
+import { createLocalAudioTracks } from '../../../functions.web';
+
+import MicrophoneEntry from './MicrophoneEntry';
+import SpeakerEntry from './SpeakerEntry';
+
+const browser = JitsiMeetJS.util.browser;
+
+/**
+ * Translates the default device label into a more user friendly one.
+ *
+ * @param {string} deviceId - The device Id.
+ * @param {string} label - The device label.
+ * @param {Function} t - The translation function.
+ * @returns {string}
+ */
+function transformDefaultDeviceLabel(deviceId: string, label: string, t: Function) {
+    return deviceId === 'default'
+        ? t('settings.sameAsSystem', { label: label.replace('Default - ', '') })
+        : label;
+}
+
+export interface IProps {
+
+    /**
+    * The deviceId of the microphone in use.
+    */
+    currentMicDeviceId: string;
+
+    /**
+    * The deviceId of the output device in use.
+    */
+    currentOutputDeviceId?: string;
+
+    /**
+    * Used to decide whether to measure audio levels for microphone devices.
+    */
+    measureAudioLevels: boolean;
+
+    /**
+    * A list with objects containing the labels and deviceIds
+    * of all the input devices.
+    */
+    microphoneDevices: Array<{ deviceId: string; label: string; }>;
+
+    /**
+     * Whether noise suppression is enabled or not.
+     */
+    noiseSuppressionEnabled: boolean;
+
+    /**
+    * A list of objects containing the labels and deviceIds
+    * of all the output devices.
+    */
+    outputDevices: Array<{ deviceId: string; label: string; }>;
+
+    /**
+     * Whether the prejoin page is visible or not.
+     */
+    prejoinVisible: boolean;
+
+    /**
+    * Used to set a new microphone as the current one.
+    */
+    setAudioInputDevice: Function;
+
+    /**
+    * Used to set a new output device as the current one.
+    */
+    setAudioOutputDevice: Function;
+
+    /**
+     * Function to toggle noise suppression.
+     */
+    toggleSuppression: () => void;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        contextMenu: {
+            position: 'relative',
+            right: 'auto',
+            margin: 0,
+            marginBottom: theme.spacing(1),
+            maxHeight: 'calc(100dvh - 100px)',
+            overflow: 'auto',
+            width: '300px'
+        },
+
+        header: {
+            '&:hover': {
+                backgroundColor: 'initial',
+                cursor: 'initial'
+            }
+        },
+
+        list: {
+            margin: 0,
+            padding: 0,
+            listStyleType: 'none'
+        },
+
+        checkboxContainer: {
+            padding: '10px 16px'
+        }
+    };
+});
+
+const AudioSettingsContent = ({
+    currentMicDeviceId,
+    currentOutputDeviceId,
+    measureAudioLevels,
+    microphoneDevices,
+    noiseSuppressionEnabled,
+    outputDevices,
+    prejoinVisible,
+    setAudioInputDevice,
+    setAudioOutputDevice,
+    toggleSuppression
+}: IProps) => {
+    const _componentWasUnmounted = useRef(false);
+    const microphoneHeaderId = 'microphone_settings_header';
+    const speakerHeaderId = 'speaker_settings_header';
+    const { classes } = useStyles();
+    const [ audioTracks, setAudioTracks ] = useState(microphoneDevices.map(({ deviceId, label }) => {
+        return {
+            deviceId,
+            hasError: false,
+            jitsiTrack: null,
+            label
+        };
+    }));
+    const microphoneDevicesRef = useRef(microphoneDevices);
+    const { t } = useTranslation();
+
+    /**
+     * Click handler for the microphone entries.
+     *
+     * @param {string} deviceId - The deviceId for the clicked microphone.
+     * @returns {void}
+     */
+    const _onMicrophoneEntryClick = useCallback((deviceId: string) => {
+        setAudioInputDevice(deviceId);
+    }, [ setAudioInputDevice ]);
+
+    /**
+     * Click handler for the speaker entries.
+     *
+     * @param {string} deviceId - The deviceId for the clicked speaker.
+     * @returns {void}
+     */
+    const _onSpeakerEntryClick = useCallback((deviceId: string) => {
+        setAudioOutputDevice(deviceId);
+    }, [ setAudioOutputDevice ]);
+
+    /**
+     * Renders a single microphone entry.
+     *
+     * @param {Object} data - An object with the deviceId, jitsiTrack & label of the microphone.
+     * @param {number} index - The index of the element, used for creating a key.
+     * @param {length} length - The length of the microphone list.
+     * @returns {React$Node}
+     */
+    const _renderMicrophoneEntry = (data: { deviceId: string; hasError: boolean; jitsiTrack: any; label: string; },
+            index: number, length: number) => {
+        const { deviceId, jitsiTrack, hasError } = data;
+        const label = transformDefaultDeviceLabel(deviceId, data.label, t);
+        const isSelected = deviceId === currentMicDeviceId;
+
+        return (
+            <MicrophoneEntry
+                deviceId = { deviceId }
+                hasError = { hasError }
+                index = { index }
+                isSelected = { isSelected }
+                jitsiTrack = { jitsiTrack }
+                key = { `me-${index}` }
+                length = { length }
+                measureAudioLevels = { measureAudioLevels }
+                onClick = { _onMicrophoneEntryClick }>
+                {label}
+            </MicrophoneEntry>
+        );
+    };
+
+    /**
+     * Renders a single speaker entry.
+     *
+     * @param {Object} data - An object with the deviceId and label of the speaker.
+     * @param {number} index - The index of the element, used for creating a key.
+     * @param {length} length - The length of the speaker list.
+     * @returns {React$Node}
+     */
+    const _renderSpeakerEntry = (data: { deviceId: string; label: string; }, index: number, length: number) => {
+        const { deviceId } = data;
+        const label = transformDefaultDeviceLabel(deviceId, data.label, t);
+        const key = `se-${index}`;
+        const isSelected = deviceId === currentOutputDeviceId;
+
+        return (
+            <SpeakerEntry
+                deviceId = { deviceId }
+                index = { index }
+                isSelected = { isSelected }
+                key = { key }
+                length = { length }
+                onClick = { _onSpeakerEntryClick }>
+                {label}
+            </SpeakerEntry>
+        );
+    };
+
+    /**
+     * Disposes the audio tracks.
+     *
+     * @param {Object} tracks - The object holding the audio tracks.
+     * @returns {void}
+     */
+    const _disposeTracks = (tracks: Array<{ jitsiTrack: any; }>) => {
+        tracks.forEach(({ jitsiTrack }) => {
+            jitsiTrack?.dispose();
+        });
+    };
+
+    /**
+     * Creates and updates the audio tracks.
+     *
+     * @returns {void}
+     */
+    const _setTracks = async () => {
+        if (browser.isWebKitBased()) {
+
+            // It appears that at the time of this writing, creating audio tracks blocks the browser's main thread for
+            // long time on safari. Wasn't able to confirm which part of track creation does the blocking exactly, but
+            // not creating the tracks seems to help and makes the UI much more responsive.
+            return;
+        }
+
+        _disposeTracks(audioTracks);
+
+        const newAudioTracks = await createLocalAudioTracks(microphoneDevices, 5000);
+
+        if (_componentWasUnmounted.current) {
+            _disposeTracks(newAudioTracks);
+        } else {
+            setAudioTracks(newAudioTracks);
+        }
+    };
+
+    useEffect(() => {
+        _setTracks();
+
+        return () => {
+            _componentWasUnmounted.current = true;
+            _disposeTracks(audioTracks);
+        };
+    }, []);
+
+    useEffect(() => {
+        if (!equals(microphoneDevices, microphoneDevicesRef.current)) {
+            _setTracks();
+            microphoneDevicesRef.current = microphoneDevices;
+        }
+    }, [ microphoneDevices ]);
+
+    return (
+        <ContextMenu
+            activateFocusTrap = { true }
+            aria-labelledby = 'audio-settings-button'
+            className = { classes.contextMenu }
+            hidden = { false }
+            id = 'audio-settings-dialog'
+            role = 'menu'
+            tabIndex = { -1 }>
+            <ContextMenuItemGroup
+                aria-labelledby = { microphoneHeaderId }
+                role = 'group'>
+                <ContextMenuItem
+                    className = { classes.header }
+                    icon = { IconMic }
+                    id = { microphoneHeaderId }
+                    text = { t('settings.microphones') } />
+                <ul
+                    className = { classes.list }
+                    role = 'presentation'>
+                    {audioTracks.map((data, i) =>
+                        _renderMicrophoneEntry(data, i, audioTracks.length)
+                    )}
+                </ul>
+            </ContextMenuItemGroup>
+            {outputDevices.length > 0 && (
+                <ContextMenuItemGroup
+                    aria-labelledby = { speakerHeaderId }
+                    role = 'group'>
+                    <ContextMenuItem
+                        className = { classes.header }
+                        icon = { IconVolumeUp }
+                        id = { speakerHeaderId }
+                        text = { t('settings.speakers') } />
+                    <ul
+                        className = { classes.list }
+                        role = 'presentation'>
+                        {outputDevices.map((data: any, i: number) =>
+                            _renderSpeakerEntry(data, i, outputDevices.length)
+                        )}
+                    </ul>
+                </ContextMenuItemGroup>)
+            }
+            {!prejoinVisible && (
+                <ContextMenuItemGroup>
+                    <div
+                        className = { classes.checkboxContainer }
+                        // eslint-disable-next-line react/jsx-no-bind
+                        onClick = { e => e.stopPropagation() }>
+                        <Checkbox
+                            checked = { noiseSuppressionEnabled }
+                            label = { t('toolbar.noiseSuppression') }
+                            onChange = { toggleSuppression } />
+                    </div>
+                </ContextMenuItemGroup>
+            )}
+        </ContextMenu>
+    );
+};
+
+const mapStateToProps = (state: IReduxState) => {
+    return {
+        noiseSuppressionEnabled: isNoiseSuppressionEnabled(state),
+        prejoinVisible: isPrejoinPageVisible(state)
+    };
+};
+
+const mapDispatchToProps = (dispatch: IStore['dispatch']) => {
+    return {
+        toggleSuppression() {
+            dispatch(toggleNoiseSuppression());
+        }
+    };
+};
+
+export default connect(mapStateToProps, mapDispatchToProps)(AudioSettingsContent);
diff --git a/react/features/settings/components/web/audio/AudioSettingsPopup.tsx b/react/features/settings/components/web/audio/AudioSettingsPopup.tsx
new file mode 100644
index 0000000..ed48305
--- /dev/null
+++ b/react/features/settings/components/web/audio/AudioSettingsPopup.tsx
@@ -0,0 +1,164 @@
+import React, { ReactNode } from 'react';
+import { connect } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState } from '../../../../app/types';
+import { areAudioLevelsEnabled } from '../../../../base/config/functions.web';
+import {
+    setAudioInputDeviceAndUpdateSettings,
+    setAudioOutputDevice as setAudioOutputDeviceAction
+} from '../../../../base/devices/actions.web';
+import {
+    getAudioInputDeviceData,
+    getAudioOutputDeviceData
+} from '../../../../base/devices/functions.web';
+import Popover from '../../../../base/popover/components/Popover.web';
+import { SMALL_MOBILE_WIDTH } from '../../../../base/responsive-ui/constants';
+import {
+    getCurrentMicDeviceId,
+    getCurrentOutputDeviceId
+} from '../../../../base/settings/functions.web';
+import { toggleAudioSettings } from '../../../actions';
+import { getAudioSettingsVisibility } from '../../../functions.web';
+
+import AudioSettingsContent from './AudioSettingsContent';
+
+
+interface IProps {
+
+    /**
+    * Component's children (the audio button).
+    */
+    children: ReactNode;
+
+    /**
+    * The deviceId of the microphone in use.
+    */
+    currentMicDeviceId: string;
+
+    /**
+    * The deviceId of the output device in use.
+    */
+    currentOutputDeviceId?: string;
+
+    /**
+    * Flag controlling the visibility of the popup.
+    */
+    isOpen: boolean;
+
+    /**
+    * Used to decide whether to measure audio levels for microphone devices.
+    */
+    measureAudioLevels: boolean;
+
+    /**
+    * A list with objects containing the labels and deviceIds
+    * of all the input devices.
+    */
+    microphoneDevices: Array<{ deviceId: string; label: string; }>;
+
+    /**
+    * Callback executed when the popup closes.
+    */
+    onClose: Function;
+
+    /**
+    * A list of objects containing the labels and deviceIds
+    * of all the output devices.
+    */
+    outputDevices: Array<{ deviceId: string; label: string; }>;
+
+    /**
+     * The popup placement enum value.
+     */
+    popupPlacement: string;
+
+    /**
+    * Used to set a new microphone as the current one.
+    */
+    setAudioInputDevice: Function;
+
+    /**
+    * Used to set a new output device as the current one.
+    */
+    setAudioOutputDevice: Function;
+}
+
+const useStyles = makeStyles()(() => {
+    return {
+        container: {
+            display: 'inline-block'
+        }
+    };
+});
+
+/**
+ * Popup with audio settings.
+ *
+ * @returns {ReactElement}
+ */
+function AudioSettingsPopup({
+    children,
+    currentMicDeviceId,
+    currentOutputDeviceId,
+    isOpen,
+    microphoneDevices,
+    setAudioInputDevice,
+    setAudioOutputDevice,
+    onClose,
+    outputDevices,
+    popupPlacement,
+    measureAudioLevels
+}: IProps) {
+    const { classes, cx } = useStyles();
+
+    return (
+        <div className = { cx(classes.container, 'audio-preview') }>
+            <Popover
+                allowClick = { true }
+                content = { <AudioSettingsContent
+                    currentMicDeviceId = { currentMicDeviceId }
+                    currentOutputDeviceId = { currentOutputDeviceId }
+                    measureAudioLevels = { measureAudioLevels }
+                    microphoneDevices = { microphoneDevices }
+                    outputDevices = { outputDevices }
+                    setAudioInputDevice = { setAudioInputDevice }
+                    setAudioOutputDevice = { setAudioOutputDevice } /> }
+                headingId = 'audio-settings-button'
+                onPopoverClose = { onClose }
+                position = { popupPlacement }
+                trigger = 'click'
+                visible = { isOpen }>
+                {children}
+            </Popover>
+        </div>
+    );
+}
+
+/**
+ * Function that maps parts of Redux state tree into component props.
+ *
+ * @param {Object} state - Redux state.
+ * @returns {Object}
+ */
+function mapStateToProps(state: IReduxState) {
+    const { videoSpaceWidth } = state['features/base/responsive-ui'];
+
+    return {
+        popupPlacement: videoSpaceWidth <= Number(SMALL_MOBILE_WIDTH) ? 'auto' : 'top-end',
+        currentMicDeviceId: getCurrentMicDeviceId(state),
+        currentOutputDeviceId: getCurrentOutputDeviceId(state),
+        isOpen: Boolean(getAudioSettingsVisibility(state)),
+        microphoneDevices: getAudioInputDeviceData(state) ?? [],
+        outputDevices: getAudioOutputDeviceData(state) ?? [],
+        measureAudioLevels: areAudioLevelsEnabled(state)
+    };
+}
+
+const mapDispatchToProps = {
+    onClose: toggleAudioSettings,
+    setAudioInputDevice: setAudioInputDeviceAndUpdateSettings,
+    setAudioOutputDevice: setAudioOutputDeviceAction
+};
+
+export default connect(mapStateToProps, mapDispatchToProps)(AudioSettingsPopup);
diff --git a/react/features/settings/components/web/audio/Meter.tsx b/react/features/settings/components/web/audio/Meter.tsx
new file mode 100644
index 0000000..3db5d43
--- /dev/null
+++ b/react/features/settings/components/web/audio/Meter.tsx
@@ -0,0 +1,45 @@
+import React from 'react';
+
+import Icon from '../../../../base/icons/components/Icon';
+import { IconMeter } from '../../../../base/icons/svg';
+
+interface IProps {
+
+    /**
+     * Own class name for the component.
+     */
+    className: string;
+
+    /**
+     * Flag indicating whether the component is greyed out/disabled.
+     */
+    isDisabled?: boolean;
+
+    /**
+     * The level of the meter.
+     * Should be between 0 and 7 as per the used SVG.
+     */
+    level: number;
+}
+
+/**
+ * React {@code Component} representing an audio level meter.
+ *
+ * @returns { ReactElement}
+ */
+export default function({ className, isDisabled, level }: IProps) {
+    let ownClassName;
+
+    if (level > -1) {
+        ownClassName = `metr metr-l-${level}`;
+    } else {
+        ownClassName = `metr ${isDisabled ? 'metr--disabled' : ''}`;
+    }
+
+    return (
+        <Icon
+            className = { `${ownClassName} ${className}` }
+            size = { 12 }
+            src = { IconMeter } />
+    );
+}
diff --git a/react/features/settings/components/web/audio/MicrophoneEntry.tsx b/react/features/settings/components/web/audio/MicrophoneEntry.tsx
new file mode 100644
index 0000000..b586d52
--- /dev/null
+++ b/react/features/settings/components/web/audio/MicrophoneEntry.tsx
@@ -0,0 +1,223 @@
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { makeStyles } from 'tss-react/mui';
+
+import Icon from '../../../../base/icons/components/Icon';
+import { IconCheck, IconExclamationSolid } from '../../../../base/icons/svg';
+import JitsiMeetJS from '../../../../base/lib-jitsi-meet/_';
+import ContextMenuItem from '../../../../base/ui/components/web/ContextMenuItem';
+import { TEXT_OVERFLOW_TYPES } from '../../../../base/ui/constants.any';
+
+import Meter from './Meter';
+
+const JitsiTrackEvents = JitsiMeetJS.events.track;
+
+interface IProps {
+
+    /**
+     * The text for this component.
+     */
+    children: string;
+
+    /**
+     * The deviceId of the microphone.
+     */
+    deviceId: string;
+
+    /**
+     * Flag indicating if there is a problem with the device.
+     */
+    hasError?: boolean;
+
+    /**
+     * Index of the device item used to generate this entry.
+     * Indexes are 0 based.
+     */
+    index: number;
+
+    /**
+     * Flag indicating the selection state.
+     */
+    isSelected: boolean;
+
+    /**
+     * The audio track for the current entry.
+     */
+    jitsiTrack: any;
+
+    /**
+     * The id for the label, that contains the item text.
+     */
+    labelId?: string;
+
+    /**
+     * The length of the microphone list.
+     */
+    length: number;
+
+
+    /**
+    * Used to decide whether to listen to audio level changes.
+    */
+    measureAudioLevels: boolean;
+
+    /**
+     * Click handler for component.
+     */
+    onClick: Function;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        container: {
+            position: 'relative'
+        },
+
+        entryText: {
+            maxWidth: '238px',
+
+            '&.withMeter': {
+                maxWidth: '178px'
+            },
+
+            '&.left-margin': {
+                marginLeft: '36px'
+            }
+        },
+
+        icon: {
+            borderRadius: '50%',
+            display: 'inline-block',
+            width: '14px',
+            marginLeft: '6px',
+
+            '& svg': {
+                fill: theme.palette.iconError
+            }
+        },
+
+        meter: {
+            position: 'absolute',
+            right: '16px',
+            top: '14px'
+        }
+    };
+});
+
+const MicrophoneEntry = ({
+    deviceId,
+    children,
+    hasError,
+    index,
+    isSelected,
+    length,
+    jitsiTrack,
+    measureAudioLevels,
+    onClick: propsClick
+}: IProps) => {
+    const [ level, setLevel ] = useState(-1);
+    const activeTrackRef = useRef(jitsiTrack);
+    const { classes, cx } = useStyles();
+
+    /**
+     * Click handler for the entry.
+     *
+     * @returns {void}
+     */
+    const onClick = useCallback(() => {
+        propsClick(deviceId);
+    }, [ propsClick, deviceId ]);
+
+    /**
+     * Key pressed handler for the entry.
+     *
+     * @param {Object} e - The event.
+     * @private
+     *
+     * @returns {void}
+     */
+    const onKeyPress = useCallback((e: React.KeyboardEvent) => {
+        if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault();
+            propsClick(deviceId);
+        }
+    }, [ propsClick, deviceId ]);
+
+    /**
+     * Updates the level of the meter.
+     *
+     * @param {number} num - The audio level provided by the jitsiTrack.
+     * @returns {void}
+     */
+    const updateLevel = useCallback((num: number) => {
+        setLevel(Math.floor(num / 0.125));
+    }, []);
+
+    /**
+     * Subscribes to audio level changes coming from the jitsiTrack.
+     *
+     * @returns {void}
+     */
+    const startListening = () => {
+        jitsiTrack && measureAudioLevels && jitsiTrack.on(
+            JitsiTrackEvents.TRACK_AUDIO_LEVEL_CHANGED,
+            updateLevel);
+    };
+
+    /**
+     * Unsubscribes from changes coming from the jitsiTrack.
+     *
+     * @param {Object} track - The jitsiTrack to unsubscribe from.
+     * @returns {void}
+     */
+    const stopListening = (track?: any) => {
+        track?.off(JitsiTrackEvents.TRACK_AUDIO_LEVEL_CHANGED, updateLevel);
+        setLevel(-1);
+    };
+
+    useEffect(() => {
+        startListening();
+
+        return () => {
+            stopListening(jitsiTrack);
+        };
+    }, []);
+
+    useEffect(() => {
+        stopListening(activeTrackRef.current);
+        startListening();
+        activeTrackRef.current = jitsiTrack;
+    }, [ jitsiTrack ]);
+
+    return (
+        <li
+            aria-checked = { isSelected }
+            aria-posinset = { index + 1 } // Add one to offset the 0 based index.
+            aria-setsize = { length }
+            className = { classes.container }
+            onClick = { onClick }
+            onKeyPress = { onKeyPress }
+            role = 'menuitemradio'
+            tabIndex = { 0 }>
+            <ContextMenuItem
+                icon = { isSelected ? IconCheck : undefined }
+                overflowType = { TEXT_OVERFLOW_TYPES.SCROLL_ON_HOVER }
+                selected = { isSelected }
+                text = { children }
+                textClassName = { cx(classes.entryText,
+                    measureAudioLevels && 'withMeter',
+                    !isSelected && 'left-margin') }>
+                {hasError && <Icon
+                    className = { classes.icon }
+                    size = { 16 }
+                    src = { IconExclamationSolid } />}
+            </ContextMenuItem>
+            {Boolean(jitsiTrack) && measureAudioLevels && <Meter
+                className = { classes.meter }
+                isDisabled = { hasError }
+                level = { level } />
+            }
+        </li>
+    );
+};
+
+export default MicrophoneEntry;
diff --git a/react/features/settings/components/web/audio/SpeakerEntry.tsx b/react/features/settings/components/web/audio/SpeakerEntry.tsx
new file mode 100644
index 0000000..49d22cb
--- /dev/null
+++ b/react/features/settings/components/web/audio/SpeakerEntry.tsx
@@ -0,0 +1,176 @@
+import React, { useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import { makeStyles } from 'tss-react/mui';
+
+import { IconCheck } from '../../../../base/icons/svg';
+import Button from '../../../../base/ui/components/web/Button';
+import ContextMenuItem from '../../../../base/ui/components/web/ContextMenuItem';
+import { BUTTON_TYPES, TEXT_OVERFLOW_TYPES } from '../../../../base/ui/constants.any';
+import logger from '../../../logger';
+
+const TEST_SOUND_PATH = 'sounds/ring.mp3';
+
+/**
+ * The type of the React {@code Component} props of {@link SpeakerEntry}.
+ */
+interface IProps {
+
+    /**
+     * The text label for the entry.
+     */
+    children: string;
+
+    /**
+     * The deviceId of the speaker.
+     */
+    deviceId: string;
+
+    /**
+     * Index of the device item used to generate this entry.
+     * Indexes are 0 based.
+     */
+    index: number;
+
+    /**
+     * Flag controlling the selection state of the entry.
+     */
+    isSelected: boolean;
+
+    /**
+     * Flag controlling the selection state of the entry.
+     */
+    length: number;
+
+    /**
+     * Click handler for the component.
+     */
+    onClick: Function;
+}
+
+const useStyles = makeStyles()(() => {
+    return {
+        container: {
+            position: 'relative',
+
+            [[ '&:hover', '&:focus', '&:focus-within' ] as any]: {
+                '& .entryText': {
+                    maxWidth: '178px',
+                    marginRight: 0
+                },
+
+                '& .testButton': {
+                    display: 'inline-block'
+                }
+            }
+        },
+
+        entryText: {
+            maxWidth: '238px',
+
+            '&.left-margin': {
+                marginLeft: '36px'
+            }
+        },
+
+        testButton: {
+            display: 'none',
+            padding: '4px 10px',
+            position: 'absolute',
+            right: '16px',
+            top: '6px'
+        }
+    };
+});
+
+/**
+ * Implements a React {@link Component} which displays an audio
+ * output settings entry. The user can click and play a test sound.
+ *
+ * @param {IProps} props - Component props.
+ * @returns {JSX.Element}
+ */
+const SpeakerEntry = (props: IProps) => {
+    const audioRef = useRef<HTMLAudioElement | null>(null);
+    const { classes, cx } = useStyles();
+    const { t } = useTranslation();
+
+    /**
+     * Click handler for the entry.
+     *
+     * @returns {void}
+     */
+    function _onClick() {
+        props.onClick(props.deviceId);
+    }
+
+    /**
+     * Key pressed handler for the entry.
+     *
+     * @param {Object} e - The event.
+     * @private
+     *
+     * @returns {void}
+     */
+    function _onKeyPress(e: React.KeyboardEvent) {
+        if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault();
+            props.onClick(props.deviceId);
+        }
+    }
+
+    /**
+     * Click handler for Test button.
+     * Sets the current audio output id and plays a sound.
+     *
+     * @param {Object} e - The synthetic event.
+     * @returns {void}
+     */
+    async function _onTestButtonClick(e: React.KeyboardEvent | React.MouseEvent) {
+        e.stopPropagation();
+
+        try {
+            await audioRef.current?.setSinkId(props.deviceId);
+            audioRef.current?.play();
+        } catch (err) {
+            logger.log('Could not set sink id', err);
+        }
+    }
+
+    const { children, isSelected, index, length } = props;
+    const testLabel = t('deviceSelection.testAudio');
+
+    /* eslint-disable react/jsx-no-bind */
+    return (
+        <li
+            aria-checked = { isSelected }
+            aria-label = { children }
+            aria-posinset = { index + 1 } // Add one to offset the 0 based index.
+            aria-setsize = { length }
+            className = { classes.container }
+            onClick = { _onClick }
+            onKeyPress = { _onKeyPress }
+            role = 'menuitemradio'
+            tabIndex = { 0 }>
+            <ContextMenuItem
+                icon = { isSelected ? IconCheck : undefined }
+                overflowType = { TEXT_OVERFLOW_TYPES.SCROLL_ON_HOVER }
+                selected = { isSelected }
+                text = { children }
+                textClassName = { cx(classes.entryText, 'entryText', !isSelected && 'left-margin') } />
+            <audio
+                preload = 'auto'
+                ref = { audioRef }
+                src = { TEST_SOUND_PATH } />
+            <Button
+                accessibilityLabel = { `${testLabel} ${children}` }
+                className = { cx(classes.testButton, 'testButton') }
+                label = { testLabel }
+                onClick = { _onTestButtonClick }
+                onKeyPress = { _onTestButtonClick }
+                type = { BUTTON_TYPES.SECONDARY } />
+        </li>
+    );
+};
+
+
+export default SpeakerEntry;
diff --git a/react/features/settings/components/web/video/VideoSettingsContent.tsx b/react/features/settings/components/web/video/VideoSettingsContent.tsx
new file mode 100644
index 0000000..3bc5286
--- /dev/null
+++ b/react/features/settings/components/web/video/VideoSettingsContent.tsx
@@ -0,0 +1,358 @@
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState, IStore } from '../../../../app/types';
+import { IconImage } from '../../../../base/icons/svg';
+import { Video } from '../../../../base/media/components/index';
+import { equals } from '../../../../base/redux/functions';
+import { updateSettings } from '../../../../base/settings/actions';
+import Checkbox from '../../../../base/ui/components/web/Checkbox';
+import ContextMenu from '../../../../base/ui/components/web/ContextMenu';
+import ContextMenuItem from '../../../../base/ui/components/web/ContextMenuItem';
+import ContextMenuItemGroup from '../../../../base/ui/components/web/ContextMenuItemGroup';
+import { checkBlurSupport, checkVirtualBackgroundEnabled } from '../../../../virtual-background/functions';
+import { openSettingsDialog } from '../../../actions';
+import { SETTINGS_TABS } from '../../../constants';
+import { createLocalVideoTracks } from '../../../functions.web';
+
+/**
+ * The type of the React {@code Component} props of {@link VideoSettingsContent}.
+ */
+export interface IProps {
+
+    /**
+     * Callback to change the flip state.
+     */
+    changeFlip: (flip: boolean) => void;
+
+    /**
+     * The deviceId of the camera device currently being used.
+     */
+    currentCameraDeviceId: string;
+
+    /**
+     * Whether the local video flip is disabled.
+     */
+    disableLocalVideoFlip: boolean | undefined;
+
+    /**
+     * Whether or not the local video is flipped.
+     */
+    localFlipX: boolean;
+
+    /**
+     * Open virtual background dialog.
+     */
+    selectBackground: () => void;
+
+    /**
+     * Callback invoked to change current camera.
+     */
+    setVideoInputDevice: Function;
+
+    /**
+     * Callback invoked to toggle the settings popup visibility.
+     */
+    toggleVideoSettings: Function;
+
+    /**
+     * All the camera device ids currently connected.
+     */
+    videoDeviceIds: string[];
+
+    /**
+    * Whether or not the virtual background is visible.
+    */
+    visibleVirtualBackground: boolean;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        container: {
+            maxHeight: 'calc(100dvh - 100px)',
+            overflow: 'auto',
+            margin: 0,
+            marginBottom: theme.spacing(1),
+            position: 'relative',
+            right: 'auto'
+        },
+
+        previewEntry: {
+            cursor: 'pointer',
+            height: '138px',
+            width: '244px',
+            position: 'relative',
+            margin: '0 7px',
+            marginBottom: theme.spacing(1),
+            borderRadius: theme.shape.borderRadius,
+            boxSizing: 'border-box',
+            overflow: 'hidden',
+
+            '&:last-child': {
+                marginBottom: 0
+            }
+        },
+
+        selectedEntry: {
+            border: `2px solid ${theme.palette.action01Hover}`
+        },
+
+        previewVideo: {
+            height: '100%',
+            width: '100%',
+            objectFit: 'cover'
+        },
+
+        error: {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            height: '100%',
+            width: '100%',
+            position: 'absolute'
+        },
+
+        labelContainer: {
+            position: 'absolute',
+            bottom: 0,
+            left: 0,
+            right: 0,
+            maxWidth: '100%',
+            zIndex: 2,
+            padding: theme.spacing(2)
+        },
+
+        label: {
+            backgroundColor: 'rgba(0, 0, 0, 0.7)',
+            borderRadius: '4px',
+            padding: `${theme.spacing(1)} ${theme.spacing(2)}`,
+            color: theme.palette.text01,
+            ...theme.typography.labelBold,
+            width: 'fit-content',
+            maxwidth: `calc(100% - ${theme.spacing(2)} - ${theme.spacing(2)})`,
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap'
+        },
+
+        checkboxContainer: {
+            padding: '10px 14px'
+        }
+    };
+});
+
+const stopPropagation = (e: React.MouseEvent) => {
+    e.stopPropagation();
+};
+
+const VideoSettingsContent = ({
+    changeFlip,
+    currentCameraDeviceId,
+    disableLocalVideoFlip,
+    localFlipX,
+    selectBackground,
+    setVideoInputDevice,
+    toggleVideoSettings,
+    videoDeviceIds,
+    visibleVirtualBackground
+}: IProps) => {
+    const _componentWasUnmounted = useRef(false);
+    const [ trackData, setTrackData ] = useState(new Array(videoDeviceIds.length).fill({
+        jitsiTrack: null
+    }));
+    const { t } = useTranslation();
+    const videoDevicesRef = useRef(videoDeviceIds);
+    const trackDataRef = useRef(trackData);
+    const { classes, cx } = useStyles();
+
+    /**
+     * Toggles local video flip state.
+     *
+     * @returns {void}
+     */
+    const _onToggleFlip = useCallback(() => {
+        changeFlip(!localFlipX);
+    }, [ localFlipX, changeFlip ]);
+
+    /**
+     * Destroys all the tracks from trackData object.
+     *
+     * @param {Object[]} tracks - An array of tracks that are to be disposed.
+     * @returns {Promise<void>}
+     */
+    const _disposeTracks = (tracks: { jitsiTrack: any; }[]) => {
+        tracks.forEach(({ jitsiTrack }) => {
+            jitsiTrack?.dispose();
+        });
+    };
+
+    /**
+     * Creates and updates the track data.
+     *
+     * @returns {void}
+     */
+    const _setTracks = async () => {
+        _disposeTracks(trackData);
+
+        const newTrackData = await createLocalVideoTracks(videoDeviceIds, 5000);
+
+        // In case the component gets unmounted before the tracks are created
+        // avoid a leak by not setting the state
+        if (_componentWasUnmounted.current) {
+            _disposeTracks(newTrackData);
+        } else {
+            setTrackData(newTrackData);
+            trackDataRef.current = newTrackData;
+        }
+    };
+
+    /**
+     * Returns the click handler used when selecting the video preview.
+     *
+     * @param {string} deviceId - The id of the camera device.
+     * @returns {Function}
+     */
+    const _onEntryClick = (deviceId: string) => () => {
+        setVideoInputDevice(deviceId);
+        toggleVideoSettings();
+    };
+
+    /**
+     * Renders a preview entry.
+     *
+     * @param {Object} data - The track data.
+     * @param {number} index - The index of the entry.
+     * @returns {React$Node}
+     */
+    // eslint-disable-next-line react/no-multi-comp
+    const _renderPreviewEntry = (data: { deviceId: string; error?: string; jitsiTrack: any | null; },
+            index: number) => {
+        const { error, jitsiTrack, deviceId } = data;
+        const isSelected = deviceId === currentCameraDeviceId;
+        const key = `vp-${index}`;
+        const tabIndex = '0';
+
+        if (error) {
+            return (
+                <div
+                    className = { classes.previewEntry }
+                    key = { key }
+                    tabIndex = { -1 } >
+                    <div className = { classes.error }>{t(error)}</div>
+                </div>
+            );
+        }
+
+        const previewProps: any = {
+            className: classes.previewEntry,
+            key,
+            tabIndex
+        };
+        const label = jitsiTrack?.getTrackLabel();
+
+        if (isSelected) {
+            previewProps['aria-checked'] = true;
+            previewProps.className = cx(classes.previewEntry, classes.selectedEntry);
+        } else {
+            previewProps['aria-checked'] = false;
+            previewProps.onClick = _onEntryClick(deviceId);
+            previewProps.onKeyPress = (e: React.KeyboardEvent) => {
+                if (e.key === ' ' || e.key === 'Enter') {
+                    e.preventDefault();
+                    previewProps.onClick();
+                }
+            };
+        }
+
+        return (
+            <div
+                { ...previewProps }
+                role = 'menuitemradio'>
+                <div className = { classes.labelContainer }>
+                    {label && <div className = { classes.label }>
+                        <span>{label}</span>
+                    </div>}
+                </div>
+                <Video
+                    className = { cx(classes.previewVideo, 'flipVideoX') }
+                    id = { `video_settings_preview-${index}` }
+                    playsinline = { true }
+                    videoTrack = {{ jitsiTrack }} />
+            </div>
+        );
+    };
+
+    useEffect(() => {
+        _setTracks();
+
+        return () => {
+            _componentWasUnmounted.current = true;
+            _disposeTracks(trackDataRef.current);
+        };
+    }, []);
+
+    useEffect(() => {
+        if (!equals(videoDeviceIds, videoDevicesRef.current)) {
+            _setTracks();
+            videoDevicesRef.current = videoDeviceIds;
+        }
+    }, [ videoDeviceIds ]);
+
+    return (
+        <ContextMenu
+            activateFocusTrap = { true }
+            className = { classes.container }
+            hidden = { false }
+            id = 'video-settings-dialog'>
+            <ContextMenuItemGroup role = 'group'>
+                {trackData.map((data, i) => _renderPreviewEntry(data, i))}
+            </ContextMenuItemGroup>
+            <ContextMenuItemGroup role = 'group'>
+                { visibleVirtualBackground && <ContextMenuItem
+                    accessibilityLabel = { t('virtualBackground.title') }
+                    icon = { IconImage }
+                    onClick = { selectBackground }
+                    role = 'menuitem'
+                    text = { t('virtualBackground.title') } /> }
+                {!disableLocalVideoFlip && (
+                    <div
+                        className = { classes.checkboxContainer }
+                        onClick = { stopPropagation }
+                        role = 'menuitem'>
+                        <Checkbox
+                            checked = { localFlipX }
+                            label = { t('videothumbnail.mirrorVideo') }
+                            onChange = { _onToggleFlip } />
+                    </div>
+                )}
+            </ContextMenuItemGroup>
+        </ContextMenu>
+    );
+};
+
+const mapStateToProps = (state: IReduxState) => {
+    const { disableLocalVideoFlip } = state['features/base/config'];
+    const { localFlipX } = state['features/base/settings'];
+
+    return {
+        disableLocalVideoFlip,
+        localFlipX: Boolean(localFlipX),
+        visibleVirtualBackground: checkBlurSupport()
+        && checkVirtualBackgroundEnabled(state)
+    };
+};
+
+const mapDispatchToProps = (dispatch: IStore['dispatch']) => {
+    return {
+        selectBackground: () => dispatch(openSettingsDialog(SETTINGS_TABS.VIRTUAL_BACKGROUND)),
+        changeFlip: (flip: boolean) => {
+            dispatch(updateSettings({
+                localFlipX: flip
+            }));
+        }
+    };
+};
+
+export default connect(mapStateToProps, mapDispatchToProps)(VideoSettingsContent);
diff --git a/react/features/settings/components/web/video/VideoSettingsPopup.tsx b/react/features/settings/components/web/video/VideoSettingsPopup.tsx
new file mode 100644
index 0000000..e0d29b1
--- /dev/null
+++ b/react/features/settings/components/web/video/VideoSettingsPopup.tsx
@@ -0,0 +1,128 @@
+import React, { ReactNode } from 'react';
+import { connect } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState } from '../../../../app/types';
+import {
+    setVideoInputDeviceAndUpdateSettings
+} from '../../../../base/devices/actions.web';
+import {
+    getVideoDeviceIds
+} from '../../../../base/devices/functions.web';
+import Popover from '../../../../base/popover/components/Popover.web';
+import { SMALL_MOBILE_WIDTH } from '../../../../base/responsive-ui/constants';
+import { getCurrentCameraDeviceId } from '../../../../base/settings/functions.web';
+import { toggleVideoSettings } from '../../../actions';
+import { getVideoSettingsVisibility } from '../../../functions.web';
+
+import VideoSettingsContent from './VideoSettingsContent';
+
+
+interface IProps {
+
+    /**
+    * Component children (the Video button).
+    */
+    children: ReactNode;
+
+    /**
+     * The deviceId of the camera device currently being used.
+     */
+    currentCameraDeviceId: string;
+
+    /**
+    * Flag controlling the visibility of the popup.
+    */
+    isOpen: boolean;
+
+    /**
+    * Callback executed when the popup closes.
+    */
+    onClose: Function;
+
+    /**
+     * The popup placement enum value.
+     */
+    popupPlacement: string;
+
+    /**
+     * Callback invoked to change current camera.
+     */
+    setVideoInputDevice: Function;
+
+    /**
+     * All the camera device ids currently connected.
+     */
+    videoDeviceIds: string[];
+}
+
+const useStyles = makeStyles()(() => {
+    return {
+        container: {
+            background: 'none',
+            display: 'inline-block'
+        }
+    };
+});
+
+/**
+ * Popup with a preview of all the video devices.
+ *
+ * @returns {ReactElement}
+ */
+function VideoSettingsPopup({
+    currentCameraDeviceId,
+    children,
+    isOpen,
+    onClose,
+    popupPlacement,
+    setVideoInputDevice,
+    videoDeviceIds
+}: IProps) {
+    const { classes, cx } = useStyles();
+
+    return (
+        <div className = { cx('video-preview', classes.container) }>
+            <Popover
+                allowClick = { true }
+                content = { <VideoSettingsContent
+                    currentCameraDeviceId = { currentCameraDeviceId }
+                    setVideoInputDevice = { setVideoInputDevice }
+                    toggleVideoSettings = { onClose }
+                    videoDeviceIds = { videoDeviceIds } /> }
+                headingId = 'video-settings-button'
+                onPopoverClose = { onClose }
+                position = { popupPlacement }
+                role = 'menu'
+                trigger = 'click'
+                visible = { isOpen }>
+                { children }
+            </Popover>
+        </div>
+    );
+}
+
+/**
+ * Maps (parts of) the redux state to the associated {@code VideoSettingsPopup}'s
+ * props.
+ *
+ * @param {Object} state - Redux state.
+ * @returns {Object}
+ */
+function mapStateToProps(state: IReduxState) {
+    const { videoSpaceWidth } = state['features/base/responsive-ui'];
+
+    return {
+        currentCameraDeviceId: getCurrentCameraDeviceId(state),
+        isOpen: Boolean(getVideoSettingsVisibility(state)),
+        popupPlacement: videoSpaceWidth <= Number(SMALL_MOBILE_WIDTH) ? 'auto' : 'top-end',
+        videoDeviceIds: getVideoDeviceIds(state) ?? []
+    };
+}
+
+const mapDispatchToProps = {
+    onClose: toggleVideoSettings,
+    setVideoInputDevice: setVideoInputDeviceAndUpdateSettings
+};
+
+export default connect(mapStateToProps, mapDispatchToProps)(VideoSettingsPopup);
diff --git a/react/features/settings/constants.ts b/react/features/settings/constants.ts
new file mode 100644
index 0000000..d71c27e
--- /dev/null
+++ b/react/features/settings/constants.ts
@@ -0,0 +1,21 @@
+export const SETTINGS_TABS = {
+    AUDIO: 'audio_tab',
+    CALENDAR: 'calendar_tab',
+    MORE: 'more_tab',
+    MODERATOR: 'moderator-tab',
+    NOTIFICATIONS: 'notifications_tab',
+    PROFILE: 'profile_tab',
+    SHORTCUTS: 'shortcuts_tab',
+    VIDEO: 'video_tab',
+    VIRTUAL_BACKGROUND: 'virtual-background_tab'
+};
+
+/**
+ * Default frame rate to be used for capturing screenshare.
+ */
+export const SS_DEFAULT_FRAME_RATE = 5;
+
+/**
+ * Supported framerates to be used for capturing screenshare.
+ */
+export const SS_SUPPORTED_FRAMERATES = [ 5, 15, 30 ];
diff --git a/react/features/settings/functions.any.ts b/react/features/settings/functions.any.ts
new file mode 100644
index 0000000..d6c00f0
--- /dev/null
+++ b/react/features/settings/functions.any.ts
@@ -0,0 +1,287 @@
+import { IReduxState } from '../app/types';
+import { MEDIA_TYPE } from '../av-moderation/constants';
+import { isEnabledFromState } from '../av-moderation/functions';
+import { IStateful } from '../base/app/types';
+import { isNameReadOnly } from '../base/config/functions.any';
+import { SERVER_URL_CHANGE_ENABLED } from '../base/flags/constants';
+import { getFeatureFlag } from '../base/flags/functions';
+import i18next, { DEFAULT_LANGUAGE, LANGUAGES } from '../base/i18n/i18next';
+import { getLocalParticipant } from '../base/participants/functions';
+import { toState } from '../base/redux/functions';
+import { getHideSelfView } from '../base/settings/functions.any';
+import { parseStandardURIString } from '../base/util/uri';
+import { isStageFilmstripEnabled } from '../filmstrip/functions';
+import { isFollowMeActive, isFollowMeRecorderActive } from '../follow-me/functions';
+import { isReactionsEnabled } from '../reactions/functions.any';
+import { areClosedCaptionsEnabled } from '../subtitles/functions.any';
+import { iAmVisitor } from '../visitors/functions';
+
+import { shouldShowModeratorSettings } from './functions';
+
+/**
+ * Returns true if user is allowed to change Server URL.
+ *
+ * @param {(Function|Object)} stateful - The (whole) redux state, or redux's
+ * {@code getState} function to be used to retrieve the state.
+ * @returns {boolean} True to indicate that user can change Server URL, false otherwise.
+ */
+export function isServerURLChangeEnabled(stateful: IStateful) {
+    const state = toState(stateful);
+
+    return getFeatureFlag(state, SERVER_URL_CHANGE_ENABLED, true);
+}
+
+/**
+ * Normalizes a URL entered by the user.
+ * FIXME: Consider adding this to base/util/uri.
+ *
+ * @param {string} url - The URL to validate.
+ * @returns {string|null} - The normalized URL, or null if the URL is invalid.
+ */
+export function normalizeUserInputURL(url: string) {
+    /* eslint-disable no-param-reassign */
+
+    if (url) {
+        url = url.replace(/\s/g, '').toLowerCase();
+
+        const urlRegExp = new RegExp('^(\\w+://)?(.+)$');
+        const urlComponents = urlRegExp.exec(url);
+
+        if (urlComponents && !urlComponents[1]?.startsWith('http')) {
+            url = `https://${urlComponents[2]}`;
+        }
+
+        const parsedURI = parseStandardURIString(url);
+
+        if (!parsedURI.host) {
+            return null;
+        }
+
+        return parsedURI.toString();
+    }
+
+    return url;
+
+    /* eslint-enable no-param-reassign */
+}
+
+/**
+ * Returns the notification types and their user selected configuration.
+ *
+ * @param {(Function|Object)} stateful -The (whole) redux state, or redux's
+ * {@code getState} function to be used to retrieve the state.
+ * @returns {Object} - The section of notifications to be configured.
+ */
+export function getNotificationsMap(stateful: IStateful): { [key: string]: boolean; } {
+    const state = toState(stateful);
+    const { notifications } = state['features/base/config'];
+    const { userSelectedNotifications } = state['features/base/settings'];
+
+    if (!userSelectedNotifications) {
+        return {};
+    }
+
+    return Object.keys(userSelectedNotifications)
+        .filter(key => !notifications || notifications.includes(key))
+        .reduce((notificationsMap, key) => {
+            return {
+                ...notificationsMap,
+                [key]: userSelectedNotifications[key]
+            };
+        }, {});
+}
+
+function normalizeCurrentLanguage(language: string) {
+    if (!language) {
+        return;
+    }
+
+    // First check if the language code exists as-is (e.g., 'zh-CN', 'fr-CA')
+    if (LANGUAGES.includes(language)) {
+        return language;
+    }
+
+    const [ country, lang ] = language.split('-');
+    const jitsiNormalized = `${country}${lang ?? ''}`;
+
+    if (LANGUAGES.includes(jitsiNormalized)) {
+        return jitsiNormalized;
+    }
+
+    if (LANGUAGES.includes(country)) {
+        return country;
+    }
+}
+
+/**
+ * Returns the properties for the "More" tab from settings dialog from Redux
+ * state.
+ *
+ * @param {(Function|Object)} stateful -The (whole) redux state, or redux's
+ * {@code getState} function to be used to retrieve the state.
+ * @returns {Object} - The properties for the "More" tab from settings dialog.
+ */
+export function getMoreTabProps(stateful: IStateful) {
+    const state = toState(stateful);
+    const stageFilmstripEnabled = isStageFilmstripEnabled(state);
+    const language = normalizeCurrentLanguage(i18next.language) || DEFAULT_LANGUAGE;
+    const configuredTabs: string[] = interfaceConfig.SETTINGS_SECTIONS || [];
+
+    // when self view is controlled by the config we hide the settings
+    const { disableSelfView, disableSelfViewSettings } = state['features/base/config'];
+
+    return {
+        areClosedCaptionsEnabled: areClosedCaptionsEnabled(state),
+        currentLanguage: language,
+        disableHideSelfView: disableSelfViewSettings || disableSelfView,
+        hideSelfView: getHideSelfView(state),
+        iAmVisitor: iAmVisitor(state),
+        languages: LANGUAGES,
+        maxStageParticipants: state['features/base/settings'].maxStageParticipants,
+        showLanguageSettings: configuredTabs.includes('language'),
+        showSubtitlesOnStage: state['features/base/settings'].showSubtitlesOnStage,
+        stageFilmstripEnabled
+    };
+}
+
+/**
+ * Returns the properties for the "More" tab from settings dialog from Redux
+ * state.
+ *
+ * @param {(Function|Object)} stateful -The (whole) redux state, or redux's
+ * {@code getState} function to be used to retrieve the state.
+ * @returns {Object} - The properties for the "More" tab from settings dialog.
+ */
+export function getModeratorTabProps(stateful: IStateful) {
+    const state = toState(stateful);
+    const {
+        conference,
+        startAudioMutedPolicy,
+        startVideoMutedPolicy,
+        startReactionsMuted
+    } = state['features/base/conference'];
+    const { followMeEnabled, followMeRecorderEnabled } = state['features/follow-me'];
+    const { groupChatWithPermissions } = state['features/chat'];
+    const { showChatPermissionsModeratorSetting, disableReactionsModeration } = state['features/base/config'];
+    const followMeActive = isFollowMeActive(state);
+    const followMeRecorderActive = isFollowMeRecorderActive(state);
+    const showModeratorSettings = shouldShowModeratorSettings(state);
+    const conferenceMetadata = conference?.getMetadataHandler()?.getMetadata();
+    const hideChatWithPermissions = !showChatPermissionsModeratorSetting || conferenceMetadata?.allownersEnabled;
+    const isAudioModerationEnabled = isEnabledFromState(MEDIA_TYPE.AUDIO, state);
+    const isVideoModerationEnabled = isEnabledFromState(MEDIA_TYPE.VIDEO, state);
+
+    // The settings sections to display.
+    return {
+        audioModerationEnabled: isAudioModerationEnabled,
+        videoModerationEnabled: isVideoModerationEnabled,
+        chatWithPermissionsEnabled: Boolean(groupChatWithPermissions),
+        showModeratorSettings: Boolean(conference && showModeratorSettings),
+        disableReactionsModeration: Boolean(disableReactionsModeration),
+        followMeActive: Boolean(conference && followMeActive),
+        followMeEnabled: Boolean(conference && followMeEnabled),
+        followMeRecorderActive: Boolean(conference && followMeRecorderActive),
+        followMeRecorderEnabled: Boolean(conference && followMeRecorderEnabled),
+        hideChatWithPermissions: Boolean(hideChatWithPermissions),
+        startReactionsMuted: Boolean(conference && startReactionsMuted),
+        startAudioMuted: Boolean(conference && startAudioMutedPolicy),
+        startVideoMuted: Boolean(conference && startVideoMutedPolicy)
+    };
+}
+
+/**
+ * Returns the properties for the "Profile" tab from settings dialog from Redux
+ * state.
+ *
+ * @param {(Function|Object)} stateful -The (whole) redux state, or redux's
+ * {@code getState} function to be used to retrieve the state.
+ * @returns {Object} - The properties for the "Profile" tab from settings
+ * dialog.
+ */
+export function getProfileTabProps(stateful: IStateful) {
+    const state = toState(stateful);
+    const {
+        authEnabled,
+        authLogin,
+        conference
+    } = state['features/base/conference'];
+    const config = state['features/base/config'];
+    let { hideEmailInSettings } = config;
+    const localParticipant = getLocalParticipant(state);
+
+    if (config.gravatar?.disabled
+        || (localParticipant?.avatarURL && localParticipant?.avatarURL.length > 0)) {
+        hideEmailInSettings = true;
+    }
+
+    return {
+        authEnabled: Boolean(conference && authEnabled),
+        authLogin,
+        displayName: localParticipant?.name,
+        email: localParticipant?.email,
+        hideEmailInSettings,
+        id: localParticipant?.id,
+        readOnlyName: isNameReadOnly(state)
+    };
+}
+
+/**
+ * Returns the properties for the "Sounds" tab from settings dialog from Redux
+ * state.
+ *
+ * @param {(Function|Object)} stateful -The (whole) redux state, or redux's
+ * {@code getState} function to be used to retrieve the state.
+ * @param {boolean} showSoundsSettings - Whether to show the sound settings or not.
+ * @returns {Object} - The properties for the "Sounds" tab from settings
+ * dialog.
+ */
+export function getNotificationsTabProps(stateful: IStateful, showSoundsSettings?: boolean) {
+    const state = toState(stateful);
+    const {
+        soundsIncomingMessage,
+        soundsParticipantJoined,
+        soundsParticipantKnocking,
+        soundsParticipantLeft,
+        soundsTalkWhileMuted,
+        soundsReactions
+    } = state['features/base/settings'];
+
+    const enableReactions = isReactionsEnabled(state);
+    const moderatorMutedSoundsReactions = state['features/base/conference'].startReactionsMuted ?? false;
+    const enabledNotifications = getNotificationsMap(stateful);
+
+    return {
+        disabledSounds: state['features/base/config'].disabledSounds || [],
+        enabledNotifications,
+        showNotificationsSettings: Object.keys(enabledNotifications).length > 0,
+        soundsIncomingMessage,
+        soundsParticipantJoined,
+        soundsParticipantKnocking,
+        soundsParticipantLeft,
+        soundsTalkWhileMuted,
+        soundsReactions,
+        enableReactions,
+        moderatorMutedSoundsReactions,
+        showSoundsSettings
+    };
+}
+
+/**
+ * Returns the visibility state of the audio settings.
+ *
+ * @param {Object} state - The state of the application.
+ * @returns {boolean}
+ */
+export function getAudioSettingsVisibility(state: IReduxState) {
+    return state['features/settings'].audioSettingsVisible;
+}
+
+/**
+ * Returns the visibility state of the video settings.
+ *
+ * @param {Object} state - The state of the application.
+ * @returns {boolean}
+ */
+export function getVideoSettingsVisibility(state: IReduxState) {
+    return state['features/settings'].videoSettingsVisible;
+}
diff --git a/react/features/settings/functions.native.ts b/react/features/settings/functions.native.ts
new file mode 100644
index 0000000..cfba199
--- /dev/null
+++ b/react/features/settings/functions.native.ts
@@ -0,0 +1,38 @@
+import { IStateful } from '../base/app/types';
+import { isLocalParticipantModerator } from '../base/participants/functions';
+import { toState } from '../base/redux/functions';
+import { getParticipantsPaneConfig } from '../participants-pane/functions';
+
+export * from './functions.any';
+
+/**
+ * Used on web.
+ *
+ * @param {(Function|Object)} _stateful -The (whole) redux state, or redux's
+ * {@code getState} function to be used to retrieve the state.
+ * @param {boolean} _isDisplayedOnWelcomePage - Indicates whether the shortcuts dialog is displayed on the
+ * welcome page or not.
+ * @returns {Object} - The properties for the "Shortcuts" tab from settings
+ * dialog.
+ */
+export function getShortcutsTabProps(_stateful: any, _isDisplayedOnWelcomePage?: boolean) {
+    // needed to fix lint error.
+    return {
+        keyboardShortcutsEnabled: false
+    };
+}
+
+/**
+ * Returns true if moderator tab in settings should be visible/accessible.
+ *
+ * @param {(Function|Object)} stateful - The (whole) redux state, or redux's
+ * {@code getState} function to be used to retrieve the state.
+ * @returns {boolean} True to indicate that moderator tab should be visible, false otherwise.
+ */
+export function shouldShowModeratorSettings(stateful: IStateful) {
+    const state = toState(stateful);
+    const { hideModeratorSettingsTab } = getParticipantsPaneConfig(state);
+    const hasModeratorRights = isLocalParticipantModerator(state);
+
+    return hasModeratorRights && !hideModeratorSettingsTab;
+}
diff --git a/react/features/settings/functions.web.ts b/react/features/settings/functions.web.ts
new file mode 100644
index 0000000..6362c30
--- /dev/null
+++ b/react/features/settings/functions.web.ts
@@ -0,0 +1,175 @@
+import { IStateful } from '../base/app/types';
+import { createLocalTrack } from '../base/lib-jitsi-meet/functions';
+import { isLocalParticipantModerator } from '../base/participants/functions';
+import { toState } from '../base/redux/functions';
+import { getUserSelectedCameraDeviceId } from '../base/settings/functions.web';
+import { areKeyboardShortcutsEnabled, getKeyboardShortcutsHelpDescriptions } from '../keyboard-shortcuts/functions';
+import { getParticipantsPaneConfig } from '../participants-pane/functions';
+import { isPrejoinPageVisible } from '../prejoin/functions';
+
+export * from './functions.any';
+
+/**
+ * Returns a promise which resolves with a list of objects containing
+ * all the video jitsiTracks and appropriate errors for the given device ids.
+ *
+ * @param {string[]} ids - The list of the camera ids for which to create tracks.
+ * @param {number} [timeout] - A timeout for the createLocalTrack function call.
+ *
+ * @returns {Promise<Object[]>}
+ */
+export function createLocalVideoTracks(ids: string[], timeout?: number) {
+    return Promise.all(ids.map(deviceId => createLocalTrack('video', deviceId, timeout)
+                    .then((jitsiTrack: any) => {
+                        return {
+                            jitsiTrack,
+                            deviceId
+                        };
+                    })
+                    .catch(() => {
+                        return {
+                            jitsiTrack: null,
+                            deviceId,
+                            error: 'deviceSelection.previewUnavailable'
+                        };
+                    })));
+}
+
+
+/**
+ * Returns a promise which resolves with a list of objects containing
+ * the audio track and the corresponding audio device information.
+ *
+ * @param {Object[]} devices - A list of microphone devices.
+ * @param {number} [timeout] - A timeout for the createLocalTrack function call.
+ * @returns {Promise<{
+ *   deviceId: string,
+ *   hasError: boolean,
+ *   jitsiTrack: Object,
+ *   label: string
+ * }[]>}
+ */
+export function createLocalAudioTracks(devices: Array<{ deviceId: string; label: string; }>, timeout?: number) {
+    return Promise.all(
+        devices.map(async ({ deviceId, label }) => {
+            let jitsiTrack = null;
+            let hasError = false;
+
+            try {
+                jitsiTrack = await createLocalTrack('audio', deviceId, timeout);
+            } catch (err) {
+                hasError = true;
+            }
+
+            return {
+                deviceId,
+                hasError,
+                jitsiTrack,
+                label
+            };
+        }));
+}
+
+/**
+ * Returns the properties for the "Shortcuts" tab from settings dialog from Redux
+ * state.
+ *
+ * @param {(Function|Object)} stateful -The (whole) redux state, or redux's
+ * {@code getState} function to be used to retrieve the state.
+ * @param {boolean} isDisplayedOnWelcomePage - Indicates whether the shortcuts dialog is displayed on the
+ * welcome page or not.
+ * @returns {Object} - The properties for the "Shortcuts" tab from settings
+ * dialog.
+ */
+export function getShortcutsTabProps(stateful: IStateful, isDisplayedOnWelcomePage?: boolean) {
+    const state = toState(stateful);
+
+    return {
+        displayShortcuts: !isDisplayedOnWelcomePage && !isPrejoinPageVisible(state),
+        keyboardShortcutsEnabled: areKeyboardShortcutsEnabled(state),
+        keyboardShortcutsHelpDescriptions: getKeyboardShortcutsHelpDescriptions(state)
+    };
+}
+
+/**
+ * Returns the properties for the "Virtual Background" tab from settings dialog from Redux
+ * state.
+ *
+ * @param {(Function|Object)} stateful -The (whole) redux state, or redux's
+ * {@code getState} function to be used to retrieve the state.
+ * @param {boolean} isDisplayedOnWelcomePage - Indicates whether the device selection dialog is displayed on the
+ * welcome page or not.
+ * @returns {Object} - The properties for the "Shortcuts" tab from settings
+ * dialog.
+ */
+export function getVirtualBackgroundTabProps(stateful: IStateful, isDisplayedOnWelcomePage?: boolean) {
+    const state = toState(stateful);
+    const settings = state['features/base/settings'];
+    const userSelectedCamera = getUserSelectedCameraDeviceId(state);
+    let selectedVideoInputId = settings.cameraDeviceId;
+
+    if (isDisplayedOnWelcomePage) {
+        selectedVideoInputId = userSelectedCamera;
+    }
+
+    return {
+        options: state['features/virtual-background'],
+        selectedVideoInputId
+    };
+}
+
+/**
+ * Used for web. Indicates if the setting section is enabled.
+ *
+ * @param {string} settingName - The name of the setting section as defined in
+ * interface_config.js and SettingsMenu.js.
+ * @returns {boolean} True to indicate that the given setting section
+ * is enabled, false otherwise.
+ */
+export function isSettingEnabled(settingName: string) {
+    return interfaceConfig.SETTINGS_SECTIONS.includes(settingName);
+}
+
+
+/**
+ * Returns true if moderator tab in settings should be visible/accessible.
+ *
+ * @param {(Function|Object)} stateful - The (whole) redux state, or redux's
+ * {@code getState} function to be used to retrieve the state.
+ * @returns {boolean} True to indicate that moderator tab should be visible, false otherwise.
+ */
+export function shouldShowModeratorSettings(stateful: IStateful) {
+    const state = toState(stateful);
+    const { hideModeratorSettingsTab } = getParticipantsPaneConfig(state);
+    const hasModeratorRights = Boolean(isSettingEnabled('moderator') && isLocalParticipantModerator(state));
+
+    return hasModeratorRights && !hideModeratorSettingsTab;
+}
+
+/**
+ * Disposes a track.
+ *
+ * @param {Object} track - The track to dispose.
+ * @returns {Promise<void>}
+ */
+export async function disposeTrack(track: any) {
+    if (!track) {
+        return;
+    }
+
+    await track.dispose();
+}
+
+/**
+ * Disposes the audio input preview track from Redux state.
+ *
+ * @param {(Function|Object)} stateful - The (whole) redux state, or redux's
+ * {@code getState} function to be used to retrieve the state.
+ * @returns {Promise<void>}
+ */
+export async function disposePreviewAudioTrack(stateful: IStateful) {
+    const state = toState(stateful);
+    const previewTrack = state['features/settings']?.previewAudioTrack;
+
+    await disposeTrack(previewTrack);
+}
diff --git a/react/features/settings/logger.ts b/react/features/settings/logger.ts
new file mode 100644
index 0000000..c534d2a
--- /dev/null
+++ b/react/features/settings/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:settings');
diff --git a/react/features/settings/middleware.web.ts b/react/features/settings/middleware.web.ts
new file mode 100644
index 0000000..7868c1b
--- /dev/null
+++ b/react/features/settings/middleware.web.ts
@@ -0,0 +1,33 @@
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { SETTINGS_UPDATED } from '../base/settings/actionTypes';
+import { getHideSelfView } from '../base/settings/functions.web';
+import { showNotification } from '../notifications/actions';
+import { DISABLE_SELF_VIEW_NOTIFICATION_ID, NOTIFICATION_TIMEOUT_TYPE } from '../notifications/constants';
+
+import { openSettingsDialog } from './actions';
+import { SETTINGS_TABS } from './constants';
+
+MiddlewareRegistry.register(({ dispatch, getState }) => next => action => {
+    const oldValue = getHideSelfView(getState());
+
+    const result = next(action);
+
+    switch (action.type) {
+    case SETTINGS_UPDATED: {
+        const newValue = action.settings.disableSelfView;
+
+        if (newValue !== oldValue && newValue) {
+            dispatch(showNotification({
+                uid: DISABLE_SELF_VIEW_NOTIFICATION_ID,
+                titleKey: 'notify.selfViewTitle',
+                customActionNameKey: [ 'settings.title' ],
+                customActionHandler: [ () =>
+                    dispatch(openSettingsDialog(SETTINGS_TABS.MORE))
+                ]
+            }, NOTIFICATION_TIMEOUT_TYPE.STICKY));
+        }
+    }
+    }
+
+    return result;
+});
diff --git a/react/features/settings/reducer.ts b/react/features/settings/reducer.ts
new file mode 100644
index 0000000..314007f
--- /dev/null
+++ b/react/features/settings/reducer.ts
@@ -0,0 +1,43 @@
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+import { IAudioSettings } from '../base/settings/reducer';
+
+import {
+    SET_AUDIO_SETTINGS,
+    SET_AUDIO_SETTINGS_VISIBILITY,
+    SET_PREVIEW_AUDIO_TRACK,
+    SET_VIDEO_SETTINGS_VISIBILITY
+} from './actionTypes';
+
+export interface ISettingsState {
+    audioSettings?: IAudioSettings;
+    audioSettingsVisible?: boolean;
+    previewAudioTrack?: any | null;
+    videoSettingsVisible?: boolean;
+}
+
+ReducerRegistry.register('features/settings', (state: ISettingsState = {}, action) => {
+    switch (action.type) {
+    case SET_AUDIO_SETTINGS_VISIBILITY:
+        return {
+            ...state,
+            audioSettingsVisible: action.value
+        };
+    case SET_VIDEO_SETTINGS_VISIBILITY:
+        return {
+            ...state,
+            videoSettingsVisible: action.value
+        };
+    case SET_PREVIEW_AUDIO_TRACK:
+        return {
+            ...state,
+            previewAudioTrack: action.track
+        };
+    case SET_AUDIO_SETTINGS:
+        return {
+            ...state,
+            audioSettings: action.settings
+        };
+    }
+
+    return state;
+});
diff --git a/react/features/share-room/actionTypes.ts b/react/features/share-room/actionTypes.ts
new file mode 100644
index 0000000..5179b4d
--- /dev/null
+++ b/react/features/share-room/actionTypes.ts
@@ -0,0 +1,33 @@
+/**
+ * The type of (redux) action which begins the UI procedure to share the current
+ * conference/room URL.
+ *
+ * {
+ *     type: BEGIN_SHARE_ROOM,
+ *     roomURL: string,
+ *     includeDialInfo: boolean
+ * }
+ */
+export const BEGIN_SHARE_ROOM = 'BEGIN_SHARE_ROOM';
+
+/**
+ * The type of (redux) action which ends the UI procedure to share a specific
+ * conference/room URL.
+ *
+ * {
+ *     type: END_SHARE_ROOM,
+ *     roomURL: string,
+ *     shared: boolean
+ * }
+ */
+export const END_SHARE_ROOM = 'END_SHARE_ROOM';
+
+/**
+ * The type of (redux) action which toggles the share meeting url dialog visibility.
+ *
+ * {
+ *     type: TOGGLE_SHARE_DIALOG,
+ *     visible: boolean
+ * }
+ */
+export const TOGGLE_SHARE_DIALOG = 'TOGGLE_SHARE_DIALOG';
diff --git a/react/features/share-room/actions.ts b/react/features/share-room/actions.ts
new file mode 100644
index 0000000..4815f8d
--- /dev/null
+++ b/react/features/share-room/actions.ts
@@ -0,0 +1,69 @@
+import { IStore } from '../app/types';
+import { getInviteURL } from '../base/connection/functions';
+
+import {
+    BEGIN_SHARE_ROOM,
+    END_SHARE_ROOM,
+    TOGGLE_SHARE_DIALOG
+} from './actionTypes';
+
+/**
+ * Begins the UI procedure to share the URL for the current conference/room.
+ *
+ * @param {string} roomURL - The URL of the room to share.
+ * @public
+ * @returns {Function}
+ */
+export function beginShareRoom(roomURL?: string) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        if (!roomURL) {
+            // eslint-disable-next-line no-param-reassign
+            roomURL = getInviteURL(getState);
+        }
+
+        dispatch({
+            type: BEGIN_SHARE_ROOM,
+            roomURL
+        });
+    };
+}
+
+/**
+ * Ends the UI procedure to share a specific conference/room URL.
+ *
+ * @param {string} roomURL - The URL of the conference/room which was shared.
+ * @param {boolean} shared - True if the URL was shared successfully; false,
+ * otherwise.
+ * @public
+ * @returns {{
+ *     type: END_SHARE_ROOM,
+ *     roomURL: string,
+ *     shared: boolean
+ * }}
+ */
+export function endShareRoom(roomURL: string, shared: boolean) {
+    return {
+        type: END_SHARE_ROOM,
+        roomURL,
+        shared
+    };
+}
+
+
+/**
+ * UI procedure for sharing conference room URL inside a dialog.
+ *
+ * @param {boolean} visible - True if share dialog is visible; false,
+ * otherwise.
+ * @public
+ * @returns {{
+ *     type: TOGGLE_SHARE_DIALOG,
+ *     visible: boolean
+ * }}
+ */
+export function toggleShareDialog(visible: boolean) {
+    return {
+        type: TOGGLE_SHARE_DIALOG,
+        visible
+    };
+}
diff --git a/react/features/share-room/functions.ts b/react/features/share-room/functions.ts
new file mode 100644
index 0000000..b1ec228
--- /dev/null
+++ b/react/features/share-room/functions.ts
@@ -0,0 +1,18 @@
+import { IReduxState } from '../app/types';
+import BaseTheme from '../base/ui/components/BaseTheme.native';
+
+/**
+ * Control for invite others button enabling.
+ *
+ * @param {IReduxState} state - State object.
+ * @returns {Object}
+ */
+export function getInviteOthersControl(state: IReduxState) {
+    const { shareDialogVisible } = state['features/share-room'];
+    const { icon01, icon03 } = BaseTheme.palette;
+
+    return {
+        color: shareDialogVisible ? icon03 : icon01,
+        shareDialogVisible
+    };
+}
diff --git a/react/features/share-room/logger.ts b/react/features/share-room/logger.ts
new file mode 100644
index 0000000..9ca6a1e
--- /dev/null
+++ b/react/features/share-room/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:share-room');
diff --git a/react/features/share-room/middleware.ts b/react/features/share-room/middleware.ts
new file mode 100644
index 0000000..05c7204
--- /dev/null
+++ b/react/features/share-room/middleware.ts
@@ -0,0 +1,71 @@
+import { Share } from 'react-native';
+
+import { getName } from '../app/functions.native';
+import { IStore } from '../app/types';
+import { INVITE_DIAL_IN_ENABLED } from '../base/flags/constants';
+import { getFeatureFlag } from '../base/flags/functions';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { getShareInfoText } from '../invite/functions';
+
+import { BEGIN_SHARE_ROOM } from './actionTypes';
+import { endShareRoom, toggleShareDialog } from './actions';
+import logger from './logger';
+
+/**
+ * Middleware that captures room URL sharing actions and starts the sharing
+ * process.
+ *
+ * @param {Store} store - Redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case BEGIN_SHARE_ROOM:
+        _shareRoom(action.roomURL, store);
+        break;
+    }
+
+    return next(action);
+});
+
+/**
+ * Open the native sheet for sharing a specific conference/room URL.
+ *
+ * @param {string} roomURL - The URL of the conference/room to be shared.
+ * @param {Store} store - Redux store.
+ * @private
+ * @returns {void}
+ */
+function _shareRoom(roomURL: string, { dispatch, getState }: IStore) {
+    const dialInEnabled = getFeatureFlag(getState(), INVITE_DIAL_IN_ENABLED, true);
+
+    getShareInfoText(getState(), roomURL, false /* useHtml */, !dialInEnabled /* skipDialIn */)
+        .then(message => {
+            const title = `${getName()} Conference`;
+            const onFulfilled
+                = (shared: boolean) => dispatch(endShareRoom(roomURL, shared));
+
+            Share.share(
+                /* content */ {
+                    message,
+                    title
+                },
+                /* options */ {
+                    dialogTitle: title, // Android
+                    subject: title // iOS
+                })
+                .then(
+                    /* onFulfilled */ value => {
+                        onFulfilled(value.action === Share.sharedAction);
+                    },
+                    /* onRejected */ reason => {
+                        logger.error(
+                            `Failed to share conference/room URL ${roomURL}:`,
+                            reason);
+                        onFulfilled(false);
+                    })
+                .finally(() => {
+                    dispatch(toggleShareDialog(false));
+                });
+        });
+}
diff --git a/react/features/share-room/reducer.ts b/react/features/share-room/reducer.ts
new file mode 100644
index 0000000..d8629a5
--- /dev/null
+++ b/react/features/share-room/reducer.ts
@@ -0,0 +1,23 @@
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import { TOGGLE_SHARE_DIALOG } from './actionTypes';
+
+const DEFAULT_STATE = {
+    shareDialogVisible: false
+};
+
+export interface IShareRoomState {
+    shareDialogVisible: boolean;
+}
+
+ReducerRegistry.register<IShareRoomState>('features/share-room', (state = DEFAULT_STATE, action): IShareRoomState => {
+    switch (action.type) {
+    case TOGGLE_SHARE_DIALOG:
+        return {
+            ...state,
+            shareDialogVisible: action.visible
+        };
+    }
+
+    return state;
+});
diff --git a/react/features/shared-video/actionTypes.ts b/react/features/shared-video/actionTypes.ts
new file mode 100644
index 0000000..defa140
--- /dev/null
+++ b/react/features/shared-video/actionTypes.ts
@@ -0,0 +1,38 @@
+/**
+ * The type of the action which signals to update the current known state of the
+ * shared video.
+ *
+ * {
+ *     type: SET_SHARED_VIDEO_STATUS,
+ *     status: string
+ * }
+ */
+export const SET_SHARED_VIDEO_STATUS = 'SET_SHARED_VIDEO_STATUS';
+
+/**
+ * The type of the action which signals to reset the current known state of the
+ * shared video.
+ *
+ * {
+ *     type: RESET_SHARED_VIDEO_STATUS,
+ * }
+ */
+export const RESET_SHARED_VIDEO_STATUS = 'RESET_SHARED_VIDEO_STATUS';
+
+/**
+ * The type of the action which marks that the user had confirmed to play video.
+ *
+ * {
+ *     type: SET_CONFIRM_SHOW_VIDEO
+ * }
+ */
+export const SET_CONFIRM_SHOW_VIDEO = 'SET_CONFIRM_SHOW_VIDEO';
+
+/**
+ * The type of the action which sets an array of whitelisted urls.
+ *
+ * {
+ *     type: SET_ALLOWED_URL_DOMAINS
+ * }
+ */
+export const SET_ALLOWED_URL_DOMAINS = 'SET_ALLOWED_URL_DOMAINS';
diff --git a/react/features/shared-video/actions.ts b/react/features/shared-video/actions.ts
new file mode 100644
index 0000000..119e22d
--- /dev/null
+++ b/react/features/shared-video/actions.ts
@@ -0,0 +1,203 @@
+import { IStore } from '../app/types';
+import { getCurrentConference } from '../base/conference/functions';
+import { hideDialog, openDialog } from '../base/dialog/actions';
+import { getLocalParticipant } from '../base/participants/functions';
+
+import {
+    RESET_SHARED_VIDEO_STATUS,
+    SET_ALLOWED_URL_DOMAINS,
+    SET_CONFIRM_SHOW_VIDEO,
+    SET_SHARED_VIDEO_STATUS
+} from './actionTypes';
+import { ShareVideoConfirmDialog, SharedVideoDialog } from './components';
+import { PLAYBACK_START, PLAYBACK_STATUSES } from './constants';
+import { isSharedVideoEnabled, sendShareVideoCommand } from './functions';
+
+
+/**
+ * Marks that user confirmed or not to play video.
+ *
+ * @param {boolean} value - The value to set.
+ * @returns {{
+ *     type: SET_CONFIRM_SHOW_VIDEO,
+ * }}
+ */
+export function setConfirmShowVideo(value: boolean) {
+    return {
+        type: SET_CONFIRM_SHOW_VIDEO,
+        value
+    };
+}
+
+/**
+ * Resets the status of the shared video.
+ *
+ * @returns {{
+ *     type: SET_SHARED_VIDEO_STATUS,
+ * }}
+ */
+export function resetSharedVideoStatus() {
+    return {
+        type: RESET_SHARED_VIDEO_STATUS
+    };
+}
+
+/**
+ * Updates the current known status of the shared video.
+ *
+ * @param {Object} options - The options.
+ * @param {boolean} options.muted - Is video muted.
+ * @param {boolean} options.ownerId - Participant ID of the owner.
+ * @param {boolean} options.status - Sharing status.
+ * @param {boolean} options.time - Playback timestamp.
+ * @param {boolean} options.videoUrl - URL of the shared video.
+ *
+ * @returns {{
+ *     type: SET_SHARED_VIDEO_STATUS,
+ *     muted: boolean,
+ *     ownerId: string,
+ *     status: string,
+ *     time: number,
+ *     videoUrl: string,
+ * }}
+ */
+export function setSharedVideoStatus({ videoUrl, status, time, ownerId, muted }: {
+    muted?: boolean; ownerId?: string; status: string; time: number; videoUrl: string;
+}) {
+    return {
+        type: SET_SHARED_VIDEO_STATUS,
+        ownerId,
+        status,
+        time,
+        videoUrl,
+        muted
+    };
+}
+
+/**
+ * Displays the dialog for entering the video link.
+ *
+ * @param {Function} onPostSubmit - The function to be invoked when a valid link is entered.
+ * @returns {Function}
+ */
+export function showSharedVideoDialog(onPostSubmit: Function) {
+    return openDialog('SharedVideoDialog', SharedVideoDialog, { onPostSubmit });
+}
+
+/**
+ *
+ * Stops playing a shared video.
+ *
+ * @returns {Function}
+ */
+export function stopSharedVideo() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const { ownerId } = state['features/shared-video'];
+        const localParticipant = getLocalParticipant(state);
+
+        if (ownerId === localParticipant?.id) {
+            dispatch(resetSharedVideoStatus());
+        }
+    };
+}
+
+/**
+ *
+ * Plays a shared video.
+ *
+ * @param {string} videoUrl - The video url to be played.
+ *
+ * @returns {Function}
+ */
+export function playSharedVideo(videoUrl: string) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        if (!isSharedVideoEnabled(getState())) {
+            return;
+        }
+        const conference = getCurrentConference(getState());
+
+        if (conference) {
+            const localParticipant = getLocalParticipant(getState());
+
+            // we will send the command and will create local video fake participant
+            // and start playing once we receive ourselves the command
+            sendShareVideoCommand({
+                conference,
+                id: videoUrl,
+                localParticipantId: localParticipant?.id,
+                status: PLAYBACK_START,
+                time: 0
+            });
+        }
+    };
+}
+
+/**
+ *
+ * Stops playing a shared video.
+ *
+ * @returns {Function}
+ */
+export function toggleSharedVideo() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const { status = '' } = state['features/shared-video'];
+
+        if ([ PLAYBACK_STATUSES.PLAYING, PLAYBACK_START, PLAYBACK_STATUSES.PAUSED ].includes(status)) {
+            dispatch(stopSharedVideo());
+        } else {
+            dispatch(showSharedVideoDialog((id: string) => dispatch(playSharedVideo(id))));
+        }
+    };
+}
+
+/**
+ * Sets the allowed URL domains of the shared video.
+ *
+ * @param {Array<string>} allowedUrlDomains - The new whitelist to be set.
+ * @returns {{
+ *     type: SET_ALLOWED_URL_DOMAINS,
+ *     allowedUrlDomains: Array<string>
+ * }}
+ */
+export function setAllowedUrlDomians(allowedUrlDomains: Array<string>) {
+    return {
+        type: SET_ALLOWED_URL_DOMAINS,
+        allowedUrlDomains
+    };
+}
+
+/**
+ * Shows a confirmation dialog whether to play the external video link.
+ *
+ * @param {string} actor - The actor's name.
+ * @param {Function} onSubmit - The function to execute when confirmed.
+ *
+ * @returns {Function}
+ */
+export function showConfirmPlayingDialog(actor: String, onSubmit: Function) {
+    return (dispatch: IStore['dispatch']) => {
+        // shows only one dialog at a time
+        dispatch(setConfirmShowVideo(false));
+
+        dispatch(openDialog('ShareVideoConfirmDialog', ShareVideoConfirmDialog, {
+            actorName: actor,
+            onSubmit: () => {
+                dispatch(setConfirmShowVideo(true));
+                onSubmit();
+            }
+        }));
+    };
+}
+
+/**
+ * Hides the video play confirmation dialog.
+ *
+ * @returns {Function}
+ */
+export function hideConfirmPlayingDialog() {
+    return (dispatch: IStore['dispatch']) => {
+        dispatch(hideDialog('ShareVideoConfirmDialog', ShareVideoConfirmDialog));
+    };
+}
diff --git a/react/features/shared-video/components/AbstractSharedVideoDialog.tsx b/react/features/shared-video/components/AbstractSharedVideoDialog.tsx
new file mode 100644
index 0000000..ff4752f
--- /dev/null
+++ b/react/features/shared-video/components/AbstractSharedVideoDialog.tsx
@@ -0,0 +1,68 @@
+import { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+
+import { IStore } from '../../app/types';
+import { extractYoutubeIdOrURL } from '../functions';
+
+/**
+ * The type of the React {@code Component} props of
+ * {@link AbstractSharedVideoDialog}.
+ */
+export interface IProps extends WithTranslation {
+
+    /**
+     * The allowed URL domains for shared video.
+     */
+    _allowedUrlDomains: Array<string>;
+
+    /**
+     * Invoked to update the shared video link.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Function to be invoked after typing a valid video.
+     */
+    onPostSubmit: Function;
+}
+
+/**
+ * Implements an abstract class for {@code SharedVideoDialog}.
+ */
+export default class AbstractSharedVideoDialog<S> extends Component < IProps, S > {
+
+    /**
+     * Instantiates a new component.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._onSetVideoLink = this._onSetVideoLink.bind(this);
+    }
+
+    /**
+     * Validates the entered video link by extracting the id and dispatches it.
+     *
+     * It returns a boolean to comply the Dialog behaviour:
+     *     {@code true} - the dialog should be closed.
+     *     {@code false} - the dialog should be left open.
+     *
+    * @param {string} link - The entered video link.
+     * @returns {boolean}
+     */
+    _onSetVideoLink(link: string) {
+        const { onPostSubmit } = this.props;
+
+        const id = extractYoutubeIdOrURL(link);
+
+        if (!id) {
+            return false;
+        }
+
+        onPostSubmit(id);
+
+        return true;
+    }
+}
diff --git a/react/features/shared-video/components/index.native.ts b/react/features/shared-video/components/index.native.ts
new file mode 100644
index 0000000..14eefdd
--- /dev/null
+++ b/react/features/shared-video/components/index.native.ts
@@ -0,0 +1,4 @@
+// @ts-ignore
+export { default as SharedVideoDialog } from './native/SharedVideoDialog';
+export { default as SharedVideoButton } from './native/SharedVideoButton';
+export { default as ShareVideoConfirmDialog } from './native/ShareVideoConfirmDialog';
diff --git a/react/features/shared-video/components/index.web.ts b/react/features/shared-video/components/index.web.ts
new file mode 100644
index 0000000..af18c8e
--- /dev/null
+++ b/react/features/shared-video/components/index.web.ts
@@ -0,0 +1,3 @@
+export { default as SharedVideoDialog } from './web/SharedVideoDialog';
+export { default as SharedVideoButton } from './web/SharedVideoButton';
+export { default as ShareVideoConfirmDialog } from './web/ShareVideoConfirmDialog';
diff --git a/react/features/shared-video/components/native/AbstractVideoManager.ts b/react/features/shared-video/components/native/AbstractVideoManager.ts
new file mode 100644
index 0000000..ad6ebb9
--- /dev/null
+++ b/react/features/shared-video/components/native/AbstractVideoManager.ts
@@ -0,0 +1,266 @@
+import { throttle } from 'lodash-es';
+import { PureComponent } from 'react';
+
+import { IReduxState, IStore } from '../../../app/types';
+import { getCurrentConference } from '../../../base/conference/functions';
+import { IJitsiConference } from '../../../base/conference/reducer';
+import { getLocalParticipant } from '../../../base/participants/functions';
+import { setSharedVideoStatus } from '../../actions';
+import { PLAYBACK_STATUSES } from '../../constants';
+
+/**
+ * Return true if the difference between the two times is larger than 5.
+ *
+ * @param {number} newTime - The current time.
+ * @param {number} previousTime - The previous time.
+ * @private
+ * @returns {boolean}
+*/
+function shouldSeekToPosition(newTime: number, previousTime: number) {
+    return Math.abs(newTime - previousTime) > 5;
+}
+
+/**
+ * The type of the React {@link Component} props of {@link AbstractVideoManager}.
+ */
+export interface IProps {
+
+    /**
+     * The current conference.
+     */
+    _conference?: IJitsiConference;
+
+    /**
+     * Is the video shared by the local user.
+     *
+     * @private
+     */
+    _isOwner: boolean;
+
+    /**
+     * The shared video owner id.
+     */
+    _ownerId?: string;
+
+    /**
+     * The shared video status.
+     */
+    _status?: string;
+
+    /**
+     * Seek time in seconds.
+     *
+     */
+    _time: number;
+
+    /**
+     * The video url.
+     */
+    _videoUrl?: string;
+
+    /**
+     * The Redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+      * The player's height.
+    */
+    height: number;
+
+    /**
+      * The video id.
+    */
+    videoId: string;
+
+    /**
+      * The player's width.
+    */
+    width: number;
+}
+
+/**
+ * Manager of shared video.
+ */
+abstract class AbstractVideoManager<S=void> extends PureComponent<IProps, S> {
+    throttledFireUpdateSharedVideoEvent: Function;
+
+    /**
+     * Initializes a new instance of AbstractVideoManager.
+     *
+     * @param {IProps} props - Component props.
+     * @returns {void}
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this.throttledFireUpdateSharedVideoEvent = throttle(this.fireUpdateSharedVideoEvent.bind(this), 5000);
+    }
+
+    /**
+     * Implements React Component's componentDidMount.
+     *
+     * @inheritdoc
+     */
+    override componentDidMount() {
+        this.processUpdatedProps();
+    }
+
+    /**
+     * Implements React Component's componentDidUpdate.
+     *
+     * @inheritdoc
+     */
+    override componentDidUpdate() {
+        this.processUpdatedProps();
+    }
+
+    /**
+     * Implements React Component's componentWillUnmount.
+     *
+     * @inheritdoc
+     */
+    override componentWillUnmount() {
+        if (this.dispose) {
+            this.dispose();
+        }
+    }
+
+    /**
+     * Processes new properties.
+     *
+     * @returns {void}
+     */
+    async processUpdatedProps() {
+        const { _status, _time, _isOwner } = this.props;
+
+        if (_isOwner) {
+            return;
+        }
+
+        const playerTime = await this.getTime();
+
+        if (shouldSeekToPosition(_time, playerTime)) {
+            this.seek(_time);
+        }
+
+        if (this.getPlaybackStatus() !== _status) {
+            if (_status === PLAYBACK_STATUSES.PLAYING) {
+                this.play();
+            } else if (_status === PLAYBACK_STATUSES.PAUSED) {
+                this.pause();
+            }
+        }
+    }
+
+    /**
+     * Handle video playing.
+     *
+     * @returns {void}
+     */
+    onPlay() {
+        this.fireUpdateSharedVideoEvent();
+    }
+
+    /**
+     * Handle video paused.
+     *
+     * @returns {void}
+     */
+    onPause() {
+        this.fireUpdateSharedVideoEvent();
+    }
+
+    /**
+     * Dispatches an update action for the shared video.
+     *
+     * @returns {void}
+     */
+    async fireUpdateSharedVideoEvent() {
+        const { _isOwner } = this.props;
+
+        if (!_isOwner) {
+            return;
+        }
+
+        const status = this.getPlaybackStatus();
+
+        if (!Object.values(PLAYBACK_STATUSES).includes(status)) {
+            return;
+        }
+
+        const time = await this.getTime();
+
+        const {
+            _ownerId,
+            _videoUrl,
+            dispatch
+        } = this.props;
+
+        dispatch(setSharedVideoStatus({
+            videoUrl: _videoUrl ?? '',
+            status,
+            time,
+            ownerId: _ownerId
+        }));
+    }
+
+    /**
+     * Seeks video to provided time.
+     */
+    abstract seek(time: number): void;
+
+    /**
+     * Indicates the playback state of the video.
+     */
+    abstract getPlaybackStatus(): string;
+
+    /**
+     * Plays video.
+     */
+    abstract play(): void;
+
+    /**
+     * Pauses video.
+     *
+     * @returns {void}
+     */
+    abstract pause(): void;
+
+    /**
+     * Retrieves current time.
+     */
+    abstract getTime(): number;
+
+    /**
+     * Disposes current video player.
+     *
+     * @returns {void}
+     */
+    dispose() {
+        // optional abstract method to be implemented by sub-class
+    }
+}
+
+
+export default AbstractVideoManager;
+
+/**
+ * Maps part of the Redux store to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @returns {IProps}
+ */
+export function _mapStateToProps(state: IReduxState) {
+    const { ownerId, status, time, videoUrl } = state['features/shared-video'];
+    const localParticipant = getLocalParticipant(state);
+
+    return {
+        _conference: getCurrentConference(state),
+        _isOwner: ownerId === localParticipant?.id,
+        _ownerId: ownerId,
+        _status: status,
+        _time: Number(time),
+        _videoUrl: videoUrl
+    };
+}
diff --git a/react/features/shared-video/components/native/ShareVideoConfirmDialog.tsx b/react/features/shared-video/components/native/ShareVideoConfirmDialog.tsx
new file mode 100644
index 0000000..68afb5b
--- /dev/null
+++ b/react/features/shared-video/components/native/ShareVideoConfirmDialog.tsx
@@ -0,0 +1,38 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+
+import ConfirmDialog from '../../../base/dialog/components/native/ConfirmDialog';
+import { DialogProps } from '../../../base/dialog/constants';
+
+interface IProps extends DialogProps {
+
+    /**
+     * The name of the remote participant that shared the video.
+     */
+    actorName: string;
+
+    /**
+     * The function to execute when confirmed.
+     */
+    onSubmit: () => void;
+}
+
+/**
+ * Dialog to confirm playing a video shared from a remote participant.
+ *
+ * @returns {JSX.Element}
+ */
+export default function ShareVideoConfirmDialog({ actorName, onSubmit }: IProps): JSX.Element {
+    const { t } = useTranslation();
+
+    return (
+        <ConfirmDialog
+            cancelLabel = 'dialog.Cancel'
+            confirmLabel = 'dialog.Ok'
+            descriptionKey = 'dialog.shareVideoConfirmPlay'
+            onSubmit = { onSubmit }
+            title = { t('dialog.shareVideoConfirmPlayTitle', {
+                name: actorName
+            }) } />
+    );
+}
diff --git a/react/features/shared-video/components/native/SharedVideo.tsx b/react/features/shared-video/components/native/SharedVideo.tsx
new file mode 100644
index 0000000..d570423
--- /dev/null
+++ b/react/features/shared-video/components/native/SharedVideo.tsx
@@ -0,0 +1,167 @@
+import React, { Component } from 'react';
+import { View, ViewStyle } from 'react-native';
+import { connect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../../app/types';
+import { getLocalParticipant } from '../../../base/participants/functions';
+import { ASPECT_RATIO_WIDE } from '../../../base/responsive-ui/constants';
+import { setToolboxVisible } from '../../../toolbox/actions';
+
+import VideoManager from './VideoManager';
+import YoutubeVideoManager from './YoutubeVideoManager';
+import styles from './styles';
+
+interface IProps {
+
+    /**
+     * The Redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Is the video shared by the local user.
+     *
+     * @private
+     */
+    isOwner: boolean;
+
+    /**
+     * True if in landscape mode.
+     *
+     * @private
+     */
+    isWideScreen: boolean;
+
+    /**
+     * The available player width.
+     */
+    playerHeight: number;
+
+    /**
+     * The available player width.
+     */
+    playerWidth: number;
+
+    /**
+     * The shared video url.
+     */
+    videoUrl?: string;
+}
+
+/** .
+ * Implements a React {@link Component} which represents the large video (a.k.a.
+ * The conference participant who is on the local stage) on Web/React.
+ *
+ * @augments Component
+ */
+class SharedVideo extends Component<IProps> {
+    /**
+     * Initializes a new {@code SharedVideo} instance.
+     *
+     * @param {Object} props - The properties.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this.setWideScreenMode(props.isWideScreen);
+    }
+
+    /**
+     * Implements React's {@link Component#componentDidUpdate()}.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidUpdate(prevProps: IProps) {
+        const { isWideScreen } = this.props;
+
+        if (isWideScreen !== prevProps.isWideScreen) {
+            this.setWideScreenMode(isWideScreen);
+        }
+    }
+
+    /**
+     * Dispatches action to set the visibility of the toolbox, true if not widescreen, false otherwise.
+     *
+     * @param {isWideScreen} isWideScreen - Whether the screen is wide.
+     * @private
+     * @returns {void}
+    */
+    setWideScreenMode(isWideScreen: boolean) {
+        this.props.dispatch(setToolboxVisible(!isWideScreen));
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {React$Element}
+     */
+    override render() {
+        const {
+            isOwner,
+            playerHeight,
+            playerWidth,
+            videoUrl
+        } = this.props;
+
+        if (!videoUrl) {
+            return null;
+        }
+
+        return (
+            <View
+                pointerEvents = { isOwner ? 'auto' : 'none' }
+                style = { styles.videoContainer as ViewStyle } >
+                {videoUrl.match(/http/)
+                    ? (
+                        <VideoManager
+                            height = { playerHeight }
+                            videoId = { videoUrl }
+                            width = { playerWidth } />
+                    ) : (
+                        <YoutubeVideoManager
+                            height = { playerHeight }
+                            videoId = { videoUrl }
+                            width = { playerWidth } />
+                    )
+                }
+            </View>
+        );
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated LargeVideo props.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const { ownerId, videoUrl } = state['features/shared-video'];
+    const { aspectRatio, clientHeight, clientWidth } = state['features/base/responsive-ui'];
+
+    const isWideScreen = aspectRatio === ASPECT_RATIO_WIDE;
+    const localParticipant = getLocalParticipant(state);
+
+    let playerHeight, playerWidth;
+
+    if (isWideScreen) {
+        playerHeight = clientHeight;
+        playerWidth = playerHeight * 16 / 9;
+    } else {
+        playerWidth = clientWidth;
+        playerHeight = playerWidth * 9 / 16;
+    }
+
+    return {
+        isOwner: ownerId === localParticipant?.id,
+        isWideScreen,
+        playerHeight,
+        playerWidth,
+        videoUrl
+    };
+}
+
+export default connect(_mapStateToProps)(SharedVideo);
diff --git a/react/features/shared-video/components/native/SharedVideoButton.ts b/react/features/shared-video/components/native/SharedVideoButton.ts
new file mode 100644
index 0000000..faf213f
--- /dev/null
+++ b/react/features/shared-video/components/native/SharedVideoButton.ts
@@ -0,0 +1,113 @@
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { VIDEO_SHARE_BUTTON_ENABLED } from '../../../base/flags/constants';
+import { getFeatureFlag } from '../../../base/flags/functions';
+import { translate } from '../../../base/i18n/functions';
+import { IconPlay } from '../../../base/icons/svg';
+import { getLocalParticipant } from '../../../base/participants/functions';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import { toggleSharedVideo } from '../../actions';
+import { isSharingStatus } from '../../functions';
+
+/**
+ * The type of the React {@code Component} props of {@link TileViewButton}.
+ */
+interface IProps extends AbstractButtonProps {
+
+    /**
+     * Whether or not the button is disabled.
+     */
+    _isDisabled: boolean;
+
+    /**
+     * Whether or not the local participant is sharing a video.
+     */
+    _sharingVideo: boolean;
+}
+
+/**
+ * Component that renders a toolbar button for toggling the tile layout view.
+ *
+ * @augments AbstractButton
+ */
+class VideoShareButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.sharedvideo';
+    override icon = IconPlay;
+    override label = 'toolbar.sharedvideo';
+    override toggledLabel = 'toolbar.stopSharedVideo';
+
+    /**
+     * Handles clicking / pressing the button.
+     *
+     * @override
+     * @protected
+     * @returns {void}
+     */
+    override _handleClick() {
+        this._doToggleSharedVideo();
+    }
+
+    /**
+     * Indicates whether this button is in toggled state or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    override _isToggled() {
+        return this.props._sharingVideo;
+    }
+
+    /**
+     * Indicates whether this button is disabled or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    override _isDisabled() {
+        return this.props._isDisabled;
+    }
+
+    /**
+     * Dispatches an action to toggle video sharing.
+     *
+     * @private
+     * @returns {void}
+     */
+    _doToggleSharedVideo() {
+        this.props.dispatch(toggleSharedVideo());
+    }
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {Object} ownProps - The properties explicitly passed to the component instance.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState, ownProps: any) {
+    const { ownerId, status: sharedVideoStatus } = state['features/shared-video'];
+    const localParticipantId = getLocalParticipant(state)?.id;
+    const enabled = getFeatureFlag(state, VIDEO_SHARE_BUTTON_ENABLED, true);
+    const { visible = enabled } = ownProps;
+
+    if (ownerId !== localParticipantId) {
+        return {
+            _isDisabled: isSharingStatus(sharedVideoStatus ?? ''),
+            _sharingVideo: false,
+            visible
+        };
+    }
+
+    return {
+        _isDisabled: false,
+        _sharingVideo: isSharingStatus(sharedVideoStatus ?? ''),
+        visible
+    };
+}
+
+export default translate(connect(_mapStateToProps)(VideoShareButton));
diff --git a/react/features/shared-video/components/native/SharedVideoDialog.tsx b/react/features/shared-video/components/native/SharedVideoDialog.tsx
new file mode 100644
index 0000000..dcc6d3b
--- /dev/null
+++ b/react/features/shared-video/components/native/SharedVideoDialog.tsx
@@ -0,0 +1,86 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import InputDialog from '../../../base/dialog/components/native/InputDialog';
+import { translate } from '../../../base/i18n/functions';
+import AbstractSharedVideoDialog, { IProps } from '../AbstractSharedVideoDialog';
+
+interface IState {
+    error: boolean;
+}
+
+/**
+ * Implements a component to render a display name prompt.
+ */
+class SharedVideoDialog extends AbstractSharedVideoDialog<IState> {
+    /**
+     * Instantiates a new component.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            error: false
+        };
+
+        this._onSubmitValue = this._onSubmitValue.bind(this);
+    }
+
+    /**
+     * Callback to be invoked when the value of the link input is submitted.
+     *
+     * @param {string} value - The entered video link.
+     * @returns {boolean}
+     */
+    _onSubmitValue(value: string) {
+        const result = super._onSetVideoLink(value);
+
+        if (!result) {
+            this.setState({ error: true });
+        }
+
+        return result;
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { t } = this.props;
+        const { error } = this.state;
+
+        return (
+            <InputDialog
+                messageKey = { error ? 'dialog.sharedVideoDialogError' : undefined }
+                onSubmit = { this._onSubmitValue }
+                textInputProps = {{
+                    autoCapitalize: 'none',
+                    autoCorrect: false,
+                    placeholder: t('dialog.sharedVideoLinkPlaceholder')
+                }}
+                titleKey = 'dialog.shareVideoTitle' />
+        );
+    }
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {IProps}
+ */
+function mapStateToProps(state: IReduxState) {
+    const { allowedUrlDomains } = state['features/shared-video'];
+
+    return {
+        _allowedUrlDomains: allowedUrlDomains
+    };
+}
+
+export default translate(connect(mapStateToProps)(SharedVideoDialog));
diff --git a/react/features/shared-video/components/native/VideoManager.tsx b/react/features/shared-video/components/native/VideoManager.tsx
new file mode 100644
index 0000000..8d72e0c
--- /dev/null
+++ b/react/features/shared-video/components/native/VideoManager.tsx
@@ -0,0 +1,196 @@
+import React, { RefObject } from 'react';
+import Video from 'react-native-video';
+import { connect } from 'react-redux';
+
+import { PLAYBACK_STATUSES } from '../../constants';
+import logger from '../../logger';
+
+import AbstractVideoManager, {
+    IProps,
+    _mapStateToProps
+} from './AbstractVideoManager';
+
+interface IState {
+    currentTime: number;
+    paused: boolean;
+}
+
+/**
+ * Manager of shared video.
+ */
+class VideoManager extends AbstractVideoManager<IState> {
+    playerRef: RefObject<typeof Video>;
+
+    /**
+     * Initializes a new VideoManager instance.
+     *
+     * @param {Object} props - This component's props.
+     *
+     * @returns {void}
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            currentTime: 0,
+            paused: false
+        };
+
+        this.playerRef = React.createRef();
+        this.onPlaybackRateChange = this.onPlaybackRateChange.bind(this);
+        this.onProgress = this.onProgress.bind(this);
+    }
+
+    /**
+     * Retrieves the current player ref.
+     */
+    get player() {
+        return this.playerRef.current;
+    }
+
+    /**
+     * Indicates the playback state of the video.
+     *
+     * @returns {string}
+     */
+    getPlaybackStatus() {
+        let status;
+
+        if (this.state.paused) {
+            status = PLAYBACK_STATUSES.PAUSED;
+        } else {
+            status = PLAYBACK_STATUSES.PLAYING;
+        }
+
+        return status;
+    }
+
+    /**
+     * Retrieves current time.
+     *
+     * @returns {number}
+     */
+    getTime() {
+        return this.state.currentTime;
+    }
+
+    /**
+     * Seeks video to provided time.
+     *
+     * @param {number} time - The time to seek to.
+     *
+     * @returns {void}
+     */
+    seek(time: number) {
+        if (this.player) {
+
+            // @ts-ignore
+            this.player.seek(time);
+        }
+    }
+
+    /**
+     * Plays video.
+     *
+     * @returns {void}
+     */
+    play() {
+        this.setState({
+            paused: false
+        });
+    }
+
+    /**
+     * Pauses video.
+     *
+     * @returns {void}
+     */
+    pause() {
+        this.setState({
+            paused: true
+        });
+    }
+
+    /**
+     * Handles playback rate changed event.
+     *
+     * @param {Object} options.playbackRate - Playback rate: 1 - playing, 0 - paused, other - slowed down / sped up.
+     * @returns {void}
+     */
+    onPlaybackRateChange({ playbackRate }: { playbackRate: number; }) {
+        if (playbackRate === 0) {
+            this.setState({
+                paused: true
+            }, () => {
+                this.onPause();
+            });
+        }
+
+        if (playbackRate === 1) {
+            this.setState({
+                paused: false
+            }, () => {
+                this.onPlay();
+            });
+        }
+    }
+
+    /**
+     * Handles progress update event.
+     *
+     * @param {Object} options - Progress event options.
+     * @returns {void}
+     */
+    onProgress(options: { currentTime: number; }) {
+        this.setState({ currentTime: options.currentTime });
+        this.throttledFireUpdateSharedVideoEvent();
+    }
+
+    /**
+     * Retrieves video tag params.
+     *
+     * @returns {void}
+     */
+    getPlayerOptions() {
+        const { _isOwner, videoId, width, height } = this.props;
+        const { paused } = this.state;
+
+        const options: any = {
+            paused,
+            progressUpdateInterval: 5000,
+            resizeMode: 'cover' as const,
+            style: {
+                height,
+                width
+            },
+            source: { uri: videoId },
+            controls: _isOwner,
+            pictureInPicture: false,
+            onProgress: this.onProgress,
+            onError: (event: Error) => {
+                logger.error('Error in the player:', event);
+            }
+        };
+
+        if (_isOwner) {
+            options.onPlaybackRateChange = this.onPlaybackRateChange;
+        }
+
+        return options;
+    }
+
+    /**
+     * Implements React Component's render.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        return (
+            <Video
+                ref = { this.playerRef }
+                { ...this.getPlayerOptions() } />
+        );
+    }
+}
+
+export default connect(_mapStateToProps)(VideoManager);
diff --git a/react/features/shared-video/components/native/YoutubeVideoManager.tsx b/react/features/shared-video/components/native/YoutubeVideoManager.tsx
new file mode 100644
index 0000000..97dc931
--- /dev/null
+++ b/react/features/shared-video/components/native/YoutubeVideoManager.tsx
@@ -0,0 +1,203 @@
+import React, { RefObject } from 'react';
+import Video from 'react-native-youtube-iframe';
+import { connect } from 'react-redux';
+
+import { PLAYBACK_STATUSES } from '../../constants';
+
+import AbstractVideoManager, {
+    IProps,
+    _mapStateToProps
+} from './AbstractVideoManager';
+
+/**
+ * Passed to the webviewProps in order to avoid the usage of the ios player on which we cannot hide the controls.
+ *
+ * @private
+ */
+const webviewUserAgent = 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.97 Safari/537.36'; // eslint-disable-line max-len
+
+interface IState {
+    paused: boolean;
+}
+
+/**
+ * Manager of youtube shared video.
+ */
+class YoutubeVideoManager extends AbstractVideoManager<IState> {
+    playerRef: RefObject<typeof Video>;
+
+    /**
+     * Initializes a new VideoManager instance.
+     *
+     * @param {Object} props - This component's props.
+     *
+     * @returns {void}
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            paused: false
+        };
+
+        this.playerRef = React.createRef();
+        this._onReady = this._onReady.bind(this);
+        this._onChangeState = this._onChangeState.bind(this);
+    }
+
+    /**
+     * Retrieves the current player ref.
+     */
+    get player() {
+        return this.playerRef.current;
+    }
+
+    /**
+     * Indicates the playback state of the video.
+     *
+     * @returns {string}
+     */
+    getPlaybackStatus() {
+        let status;
+
+        if (this.state.paused) {
+            status = PLAYBACK_STATUSES.PAUSED;
+        } else {
+            status = PLAYBACK_STATUSES.PLAYING;
+        }
+
+        return status;
+    }
+
+    /**
+     * Retrieves current time.
+     *
+     * @returns {number}
+     */
+    getTime() {
+        // @ts-ignore
+        return this.player?.getCurrentTime();
+    }
+
+    /**
+     * Seeks video to provided time.
+     *
+     * @param {number} time - The time to seek to.
+     *
+     * @returns {void}
+     */
+    seek(time: number) {
+        if (this.player) {
+            // @ts-ignore
+            this.player.seekTo(time);
+        }
+    }
+
+    /**
+     * Plays video.
+     *
+     * @returns {void}
+     */
+    play() {
+        this.setState({
+            paused: false
+        });
+    }
+
+    /**
+     * Pauses video.
+     *
+     * @returns {void}
+     */
+    pause() {
+        this.setState({
+            paused: true
+        });
+    }
+
+    /**
+     * Handles state change event.
+     *
+     * @param {string} event - State event.
+     * @returns {void}
+     */
+    _onChangeState(event: string) {
+        if (event === 'paused') {
+            this.setState({
+                paused: true
+            }, () => {
+                this.onPause();
+            });
+        }
+
+        if (event === PLAYBACK_STATUSES.PLAYING) {
+            this.setState({
+                paused: false
+            }, () => {
+                this.onPlay();
+            });
+        }
+    }
+
+    /**
+     * Handles onReady event.
+     *
+     * @returns {void}
+     */
+    _onReady() {
+        this.setState({
+            paused: false
+        });
+    }
+
+    /**
+     * Retrieves video tag params.
+     *
+     * @returns {void}
+     */
+    getPlayerOptions() {
+        const { _isOwner, videoId, width, height } = this.props;
+
+        const options: any = {
+            height,
+            initialPlayerParams: {
+                controls: _isOwner,
+                modestbranding: true,
+                preventFullScreen: true
+            },
+            play: !this.state.paused,
+            ref: this.playerRef,
+            videoId,
+            volume: 50,
+            webViewProps: {
+                bounces: false,
+                mediaPlaybackRequiresUserAction: false,
+                scrollEnabled: false,
+                userAgent: webviewUserAgent
+            },
+            width
+        };
+
+        if (_isOwner) {
+            options.onChangeState = this._onChangeState;
+            options.onReady = this._onReady;
+        }
+
+        return options;
+    }
+
+    /**
+     * Implements React Component's render.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        return (
+            <Video
+                ref = { this.playerRef }
+                { ...this.getPlayerOptions() } />
+        );
+    }
+}
+
+export default connect(_mapStateToProps)(YoutubeVideoManager);
diff --git a/react/features/shared-video/components/native/styles.ts b/react/features/shared-video/components/native/styles.ts
new file mode 100644
index 0000000..3705247
--- /dev/null
+++ b/react/features/shared-video/components/native/styles.ts
@@ -0,0 +1,11 @@
+/**
+ * The style of toolbar buttons.
+ */
+export default {
+    videoContainer: {
+        alignItems: 'center',
+        flex: 1,
+        flexDirection: 'column',
+        justifyContent: 'center'
+    }
+};
diff --git a/react/features/shared-video/components/web/AbstractVideoManager.ts b/react/features/shared-video/components/web/AbstractVideoManager.ts
new file mode 100644
index 0000000..bda9eb6
--- /dev/null
+++ b/react/features/shared-video/components/web/AbstractVideoManager.ts
@@ -0,0 +1,490 @@
+import { throttle } from 'lodash-es';
+import { PureComponent } from 'react';
+
+import { createSharedVideoEvent as createEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { IReduxState, IStore } from '../../../app/types';
+import { getCurrentConference } from '../../../base/conference/functions';
+import { IJitsiConference } from '../../../base/conference/reducer';
+import { MEDIA_TYPE } from '../../../base/media/constants';
+import { getLocalParticipant } from '../../../base/participants/functions';
+import { isLocalTrackMuted } from '../../../base/tracks/functions';
+import { showWarningNotification } from '../../../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE } from '../../../notifications/constants';
+import { dockToolbox } from '../../../toolbox/actions';
+import { muteLocal } from '../../../video-menu/actions.any';
+import { setSharedVideoStatus, stopSharedVideo } from '../../actions';
+import { PLAYBACK_STATUSES } from '../../constants';
+import logger from '../../logger';
+
+/**
+ * Return true if the difference between the two times is larger than 5.
+ *
+ * @param {number} newTime - The current time.
+ * @param {number} previousTime - The previous time.
+ * @private
+ * @returns {boolean}
+*/
+function shouldSeekToPosition(newTime: number, previousTime: number) {
+    return Math.abs(newTime - previousTime) > 5;
+}
+
+/**
+ * The type of the React {@link PureComponent} props of {@link AbstractVideoManager}.
+ */
+export interface IProps {
+
+    /**
+     * The current conference.
+     */
+    _conference?: IJitsiConference;
+
+    /**
+     * Warning that indicates an incorrect video url.
+     */
+    _displayWarning: Function;
+
+    /**
+     * Docks the toolbox.
+     */
+    _dockToolbox: Function;
+
+    /**
+     * Indicates whether the local audio is muted.
+    */
+    _isLocalAudioMuted: boolean;
+
+    /**
+     * Is the video shared by the local user.
+     *
+     * @private
+     */
+    _isOwner: boolean;
+
+    /**
+     * Mutes local audio track.
+     */
+    _muteLocal: Function;
+
+    /**
+     * Store flag for muted state.
+     */
+    _muted?: boolean;
+
+    /**
+     * The shared video owner id.
+     */
+    _ownerId?: string;
+
+    /**
+     * Updates the shared video status.
+     */
+    _setSharedVideoStatus: Function;
+
+    /**
+     * The shared video status.
+     */
+    _status?: string;
+
+    /**
+     * Action to stop video sharing.
+    */
+    _stopSharedVideo: Function;
+
+    /**
+     * Seek time in seconds.
+     *
+     */
+    _time?: number;
+
+    /**
+     * The video url.
+     */
+    _videoUrl?: string;
+
+    /**
+      * The video id.
+      */
+    videoId: string;
+}
+
+/**
+ * Manager of shared video.
+ */
+class AbstractVideoManager extends PureComponent<IProps> {
+    throttledFireUpdateSharedVideoEvent: Function;
+
+    /**
+     * Initializes a new instance of AbstractVideoManager.
+     *
+     * @param {IProps} props - Component props.
+     * @returns {void}
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this.throttledFireUpdateSharedVideoEvent = throttle(this.fireUpdateSharedVideoEvent.bind(this), 5000);
+
+        // selenium tests handler
+        window._sharedVideoPlayer = this;
+    }
+
+    /**
+     * Implements React Component's componentDidMount.
+     *
+     * @inheritdoc
+     */
+    override componentDidMount() {
+        this.props._dockToolbox(true);
+        this.processUpdatedProps();
+    }
+
+    /**
+     * Implements React Component's componentDidUpdate.
+     *
+     * @inheritdoc
+     */
+    override componentDidUpdate(prevProps: IProps) {
+        const { _videoUrl } = this.props;
+
+        if (prevProps._videoUrl !== _videoUrl) {
+            sendAnalytics(createEvent('started'));
+        }
+
+        this.processUpdatedProps();
+    }
+
+    /**
+     * Implements React Component's componentWillUnmount.
+     *
+     * @inheritdoc
+     */
+    override componentWillUnmount() {
+        sendAnalytics(createEvent('stopped'));
+
+        if (this.dispose) {
+            this.dispose();
+        }
+
+        this.props._dockToolbox(false);
+    }
+
+    /**
+     * Processes new properties.
+     *
+     * @returns {void}
+     */
+    processUpdatedProps() {
+        const { _status, _time, _isOwner, _muted } = this.props;
+
+        if (_isOwner) {
+            return;
+        }
+
+        const playerTime = this.getTime();
+
+        if (shouldSeekToPosition(Number(_time), Number(playerTime))) {
+            this.seek(Number(_time));
+        }
+
+        if (this.getPlaybackStatus() !== _status) {
+            if (_status === PLAYBACK_STATUSES.PLAYING) {
+                this.play();
+            }
+
+            if (_status === PLAYBACK_STATUSES.PAUSED) {
+                this.pause();
+            }
+        }
+
+        if (this.isMuted() !== _muted) {
+            if (_muted) {
+                this.mute();
+            } else {
+                this.unMute();
+            }
+        }
+    }
+
+    /**
+     * Handle video error.
+     *
+     * @param {Object|undefined} e - The error returned by the API or none.
+     * @returns {void}
+     */
+    onError(e?: any) {
+        logger.error('Error in the video player', e?.data,
+            e?.data ? 'Check error code at https://developers.google.com/youtube/iframe_api_reference#onError' : '');
+        this.props._stopSharedVideo();
+        this.props._displayWarning();
+    }
+
+    /**
+     * Handle video playing.
+     *
+     * @returns {void}
+     */
+    onPlay() {
+        this.smartAudioMute();
+        sendAnalytics(createEvent('play'));
+        this.fireUpdateSharedVideoEvent();
+    }
+
+    /**
+     * Handle video paused.
+     *
+     * @returns {void}
+     */
+    onPause() {
+        sendAnalytics(createEvent('paused'));
+        this.fireUpdateSharedVideoEvent();
+    }
+
+    /**
+     * Handle volume changed.
+     *
+     * @returns {void}
+     */
+    onVolumeChange() {
+        const volume = this.getVolume();
+        const muted = this.isMuted();
+
+        if (Number(volume) > 0 && !muted) {
+            this.smartAudioMute();
+        }
+
+        sendAnalytics(createEvent(
+            'volume.changed',
+            {
+                volume,
+                muted
+            }));
+
+        this.fireUpdatePlayingVideoEvent();
+    }
+
+    /**
+     * Handle changes to the shared playing video.
+     *
+     * @returns {void}
+     */
+    fireUpdatePlayingVideoEvent() {
+        if (this.getPlaybackStatus() === PLAYBACK_STATUSES.PLAYING) {
+            this.fireUpdateSharedVideoEvent();
+        }
+    }
+
+    /**
+     * Dispatches an update action for the shared video.
+     *
+     * @returns {void}
+     */
+    fireUpdateSharedVideoEvent() {
+        const { _isOwner } = this.props;
+
+        if (!_isOwner) {
+            return;
+        }
+
+        const status = this.getPlaybackStatus();
+
+        if (!Object.values(PLAYBACK_STATUSES).includes(status ?? '')) {
+            return;
+        }
+
+        const {
+            _ownerId,
+            _setSharedVideoStatus,
+            _videoUrl
+        } = this.props;
+
+        _setSharedVideoStatus({
+            videoUrl: _videoUrl,
+            status,
+            time: this.getTime(),
+            ownerId: _ownerId,
+            muted: this.isMuted()
+        });
+    }
+
+    /**
+     * Indicates if the player volume is currently on. This will return true if
+     * we have an available player, which is currently in a PLAYING state,
+     * which isn't muted and has it's volume greater than 0.
+     *
+     * @returns {boolean} Indicating if the volume of the shared video is
+     * currently on.
+     */
+    isSharedVideoVolumeOn() {
+        return this.getPlaybackStatus() === PLAYBACK_STATUSES.PLAYING
+                && !this.isMuted()
+                && Number(this.getVolume()) > 0;
+    }
+
+    /**
+     * Smart mike mute. If the mike isn't currently muted and the shared video
+     * volume is on we mute the mike.
+     *
+     * @returns {void}
+     */
+    smartAudioMute() {
+        const { _isLocalAudioMuted, _muteLocal } = this.props;
+
+        if (!_isLocalAudioMuted
+            && this.isSharedVideoVolumeOn()) {
+            sendAnalytics(createEvent('audio.muted'));
+            _muteLocal(true);
+        }
+    }
+
+    /**
+     * Seeks video to provided time.
+     *
+     * @param {number} _time - Time to seek to.
+     * @returns {void}
+     */
+    seek(_time: number) {
+        // to be implemented by subclass
+    }
+
+    /**
+     * Indicates the playback state of the video.
+     *
+     * @returns {string}
+     */
+    getPlaybackStatus(): string | undefined {
+        return;
+    }
+
+    /**
+     * Indicates whether the video is muted.
+     *
+     * @returns {boolean}
+     */
+    isMuted(): boolean | undefined {
+        return;
+    }
+
+    /**
+     * Retrieves current volume.
+     *
+     * @returns {number}
+     */
+    getVolume() {
+        return 1;
+    }
+
+    /**
+     * Plays video.
+     *
+     * @returns {void}
+     */
+    play() {
+        // to be implemented by subclass
+    }
+
+    /**
+     * Pauses video.
+     *
+     * @returns {void}
+     */
+    pause() {
+        // to be implemented by subclass
+    }
+
+    /**
+     * Mutes video.
+     *
+     * @returns {void}
+     */
+    mute() {
+        // to be implemented by subclass
+    }
+
+    /**
+     * Unmutes video.
+     *
+     * @returns {void}
+     */
+    unMute() {
+        // to be implemented by subclass
+    }
+
+    /**
+     * Retrieves current time.
+     *
+     * @returns {number}
+     */
+    getTime() {
+        return 0;
+    }
+
+    /**
+     * Disposes current video player.
+     *
+     * @returns {void}
+     */
+    dispose() {
+        // to be implemented by subclass
+    }
+}
+
+
+export default AbstractVideoManager;
+
+/**
+ * Maps part of the Redux store to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @returns {IProps}
+ */
+export function _mapStateToProps(state: IReduxState) {
+    const { ownerId, status, time, videoUrl, muted } = state['features/shared-video'];
+    const localParticipant = getLocalParticipant(state);
+    const _isLocalAudioMuted = isLocalTrackMuted(state['features/base/tracks'], MEDIA_TYPE.AUDIO);
+
+    return {
+        _conference: getCurrentConference(state),
+        _isLocalAudioMuted,
+        _isOwner: ownerId === localParticipant?.id,
+        _muted: muted,
+        _ownerId: ownerId,
+        _status: status,
+        _time: time,
+        _videoUrl: videoUrl
+    };
+}
+
+/**
+ * Maps part of the props of this component to Redux actions.
+ *
+ * @param {Function} dispatch - The Redux dispatch function.
+ * @returns {IProps}
+ */
+export function _mapDispatchToProps(dispatch: IStore['dispatch']) {
+    return {
+        _displayWarning: () => {
+            dispatch(showWarningNotification({
+                titleKey: 'dialog.shareVideoLinkError'
+            }, NOTIFICATION_TIMEOUT_TYPE.LONG));
+        },
+        _dockToolbox: (value: boolean) => {
+            dispatch(dockToolbox(value));
+        },
+        _stopSharedVideo: () => {
+            dispatch(stopSharedVideo());
+        },
+        _muteLocal: (value: boolean) => {
+            dispatch(muteLocal(value, MEDIA_TYPE.AUDIO));
+        },
+        _setSharedVideoStatus: ({ videoUrl, status, time, ownerId, muted }: any) => {
+            dispatch(setSharedVideoStatus({
+                videoUrl,
+                status,
+                time,
+                ownerId,
+                muted
+            }));
+        }
+    };
+}
diff --git a/react/features/shared-video/components/web/ShareVideoConfirmDialog.tsx b/react/features/shared-video/components/web/ShareVideoConfirmDialog.tsx
new file mode 100644
index 0000000..c479d20
--- /dev/null
+++ b/react/features/shared-video/components/web/ShareVideoConfirmDialog.tsx
@@ -0,0 +1,39 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { DialogProps } from '../../../base/dialog/constants';
+import Dialog from '../../../base/ui/components/web/Dialog';
+
+interface IProps extends DialogProps {
+
+    /**
+     * The name of the remote participant that shared the video.
+     */
+    actorName: string;
+
+    /**
+     * The function to execute when confirmed.
+     */
+    onSubmit: () => void;
+}
+
+/**
+ * Dialog to confirm playing a video shared from a remote participant.
+ *
+ * @returns {JSX.Element}
+ */
+export default function ShareVideoConfirmDialog({ actorName, onSubmit }: IProps): JSX.Element {
+    const { t } = useTranslation();
+
+    return (
+        <Dialog
+            onSubmit = { onSubmit }
+            title = { t('dialog.shareVideoConfirmPlayTitle', {
+                name: actorName
+            }) }>
+            <div>
+                { t('dialog.shareVideoConfirmPlay') }
+            </div>
+        </Dialog>
+    );
+}
diff --git a/react/features/shared-video/components/web/SharedVideo.tsx b/react/features/shared-video/components/web/SharedVideo.tsx
new file mode 100644
index 0000000..487676a
--- /dev/null
+++ b/react/features/shared-video/components/web/SharedVideo.tsx
@@ -0,0 +1,185 @@
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+
+// @ts-expect-error
+import Filmstrip from '../../../../../modules/UI/videolayout/Filmstrip';
+import { IReduxState } from '../../../app/types';
+import { FakeParticipant } from '../../../base/participants/types';
+import { getVerticalViewMaxWidth } from '../../../filmstrip/functions.web';
+import { getLargeVideoParticipant } from '../../../large-video/functions';
+import { getToolboxHeight } from '../../../toolbox/functions.web';
+import { isSharedVideoEnabled, isVideoPlaying } from '../../functions';
+
+import VideoManager from './VideoManager';
+import YoutubeVideoManager from './YoutubeVideoManager';
+
+interface IProps {
+
+    /**
+     * The available client width.
+     */
+    clientHeight: number;
+
+    /**
+     * The available client width.
+     */
+    clientWidth: number;
+
+    /**
+     * Whether the (vertical) filmstrip is visible or not.
+     */
+    filmstripVisible: boolean;
+
+    /**
+     * The width of the vertical filmstrip.
+     */
+    filmstripWidth: number;
+
+    /**
+     * Whether the shared video is enabled or not.
+     */
+    isEnabled: boolean;
+
+    /**
+     * Whether the user is actively resizing the filmstrip.
+     */
+    isResizing: boolean;
+
+    /**
+     * Whether the shared video is currently playing.
+     */
+    isVideoShared: boolean;
+
+    /**
+     * Whether the shared video should be shown on stage.
+     */
+    onStage: boolean;
+
+    /**
+     * The shared video url.
+     */
+    videoUrl?: string;
+}
+
+/** .
+ * Implements a React {@link Component} which represents the large video (a.k.a.
+ * The conference participant who is on the local stage) on Web/React.
+ *
+ * @augments Component
+ */
+class SharedVideo extends Component<IProps> {
+    /**
+     * Computes the width and the height of the component.
+     *
+     * @returns {{
+     *  height: number,
+     *  width: number
+     * }}
+     */
+    getDimensions() {
+        const { clientHeight, clientWidth, filmstripVisible, filmstripWidth } = this.props;
+
+        let width;
+        let height;
+
+        if (interfaceConfig.VERTICAL_FILMSTRIP) {
+            if (filmstripVisible) {
+                width = `${clientWidth - filmstripWidth}px`;
+            } else {
+                width = `${clientWidth}px`;
+            }
+            height = `${clientHeight - getToolboxHeight()}px`;
+        } else {
+            if (filmstripVisible) {
+                height = `${clientHeight - Filmstrip.getFilmstripHeight()}px`;
+            } else {
+                height = `${clientHeight}px`;
+            }
+            width = `${clientWidth}px`;
+        }
+
+        return {
+            width,
+            height
+        };
+    }
+
+    /**
+     * Retrieves the manager to be used for playing the shared video.
+     *
+     * @returns {Component}
+     */
+    getManager() {
+        const { videoUrl } = this.props;
+
+        if (!videoUrl) {
+            return null;
+        }
+
+        if (videoUrl.match(/http/)) {
+            return <VideoManager videoId = { videoUrl } />;
+        }
+
+        return <YoutubeVideoManager videoId = { videoUrl } />;
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {React$Element}
+     */
+    override render() {
+        const { isEnabled, isResizing, isVideoShared, onStage } = this.props;
+
+        if (!isEnabled || !isVideoShared) {
+            return null;
+        }
+
+        const style: any = this.getDimensions();
+
+        if (!onStage) {
+            style.display = 'none';
+        }
+
+        return (
+            <div
+                className = { (isResizing && 'disable-pointer') || '' }
+                id = 'sharedVideo'
+                style = { style }>
+                {this.getManager()}
+            </div>
+        );
+    }
+}
+
+
+/**
+ * Maps (parts of) the Redux state to the associated LargeVideo props.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const { videoUrl } = state['features/shared-video'];
+    const { clientHeight, videoSpaceWidth } = state['features/base/responsive-ui'];
+    const { visible, isResizing } = state['features/filmstrip'];
+    const { isResizing: isChatResizing } = state['features/chat'];
+    const onStage = getLargeVideoParticipant(state)?.fakeParticipant === FakeParticipant.SharedVideo;
+    const isVideoShared = isVideoPlaying(state);
+
+    return {
+        clientHeight,
+        clientWidth: videoSpaceWidth,
+        filmstripVisible: visible,
+        filmstripWidth: getVerticalViewMaxWidth(state),
+        isEnabled: isSharedVideoEnabled(state),
+        isResizing: isResizing || isChatResizing,
+        isVideoShared,
+        onStage,
+        videoUrl
+    };
+}
+
+export default connect(_mapStateToProps)(SharedVideo);
diff --git a/react/features/shared-video/components/web/SharedVideoButton.ts b/react/features/shared-video/components/web/SharedVideoButton.ts
new file mode 100644
index 0000000..4502065
--- /dev/null
+++ b/react/features/shared-video/components/web/SharedVideoButton.ts
@@ -0,0 +1,97 @@
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { IconPlay } from '../../../base/icons/svg';
+import { getLocalParticipant } from '../../../base/participants/functions';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import { toggleSharedVideo } from '../../actions';
+import { isSharingStatus } from '../../functions';
+
+interface IProps extends AbstractButtonProps {
+
+    /**
+     * Whether or not the button is disabled.
+     */
+    _isDisabled: boolean;
+
+    /**
+     * Whether or not the local participant is sharing a video.
+     */
+    _sharingVideo: boolean;
+}
+
+/**
+ * Implements an {@link AbstractButton} to open the user documentation in a new window.
+ */
+class SharedVideoButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.sharedvideo';
+    override toggledAccessibilityLabel = 'toolbar.accessibilityLabel.stopSharedVideo';
+    override icon = IconPlay;
+    override label = 'toolbar.sharedvideo';
+    override toggledLabel = 'toolbar.stopSharedVideo';
+    override tooltip = 'toolbar.sharedvideo';
+    override toggledTooltip = 'toolbar.stopSharedVideo';
+
+    /**
+     * Handles clicking / pressing the button, and opens a new dialog.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _handleClick() {
+        this._doToggleSharedVideo();
+    }
+
+    /**
+     * Indicates whether this button is in toggled state or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    override _isToggled() {
+        return this.props._sharingVideo;
+    }
+
+    /**
+     * Indicates whether this button is disabled or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    override _isDisabled() {
+        return this.props._isDisabled;
+    }
+
+    /**
+     * Dispatches an action to toggle video sharing.
+     *
+     * @private
+     * @returns {void}
+     */
+    _doToggleSharedVideo() {
+        this.props.dispatch(toggleSharedVideo());
+    }
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const { ownerId, status: sharedVideoStatus } = state['features/shared-video'];
+    const localParticipantId = getLocalParticipant(state)?.id;
+    const isSharing = isSharingStatus(sharedVideoStatus ?? '');
+
+    return {
+        _isDisabled: isSharing && ownerId !== localParticipantId,
+        _sharingVideo: isSharing
+    };
+}
+
+export default translate(connect(_mapStateToProps)(SharedVideoButton));
diff --git a/react/features/shared-video/components/web/SharedVideoDialog.tsx b/react/features/shared-video/components/web/SharedVideoDialog.tsx
new file mode 100644
index 0000000..e35fbe1
--- /dev/null
+++ b/react/features/shared-video/components/web/SharedVideoDialog.tsx
@@ -0,0 +1,118 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { hideDialog } from '../../../base/dialog/actions';
+import { translate } from '../../../base/i18n/functions';
+import Dialog from '../../../base/ui/components/web/Dialog';
+import Input from '../../../base/ui/components/web/Input';
+import AbstractSharedVideoDialog from '../AbstractSharedVideoDialog';
+
+/**
+ * Component that renders the video share dialog.
+ *
+ * @returns {React$Element<any>}
+ */
+class SharedVideoDialog extends AbstractSharedVideoDialog<any> {
+
+    /**
+     * Instantiates a new component.
+     *
+     * @inheritdoc
+     */
+    constructor(props: any) {
+        super(props);
+
+        this.state = {
+            value: '',
+            okDisabled: true,
+            error: false
+        };
+
+        this._onChange = this._onChange.bind(this);
+        this._onSubmitValue = this._onSubmitValue.bind(this);
+    }
+
+    /**
+     * Callback for the onChange event of the field.
+     *
+     * @param {string} value - The static event.
+     * @returns {void}
+     */
+    _onChange(value: string) {
+        this.setState({
+            value,
+            okDisabled: !value
+        });
+    }
+
+    /**
+     * Callback to be invoked when the value of the link input is submitted.
+     *
+     * @returns {boolean}
+     */
+    _onSubmitValue() {
+        const result = super._onSetVideoLink(this.state.value);
+
+        if (result) {
+            this.props.dispatch(hideDialog());
+        } else {
+            this.setState({
+                error: true
+            });
+        }
+
+        return result;
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { t } = this.props;
+        const { error } = this.state;
+
+        return (
+            <Dialog
+                disableAutoHideOnSubmit = { true }
+                ok = {{
+                    disabled: this.state.okDisabled,
+                    translationKey: 'dialog.Share'
+                }}
+                onSubmit = { this._onSubmitValue }
+                titleKey = 'dialog.shareVideoTitle'>
+                <Input
+                    autoFocus = { true }
+                    bottomLabel = { error && t('dialog.sharedVideoDialogError') }
+                    className = 'dialog-bottom-margin'
+                    error = { error }
+                    id = 'shared-video-url-input'
+                    label = { t('dialog.videoLink') }
+                    name = 'sharedVideoUrl'
+                    onChange = { this._onChange }
+                    placeholder = { t('dialog.sharedVideoLinkPlaceholder') }
+                    type = 'text'
+                    value = { this.state.value } />
+            </Dialog>
+        );
+    }
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {IProps}
+ */
+function mapStateToProps(state: IReduxState) {
+    const { allowedUrlDomains } = state['features/shared-video'];
+
+    return {
+        _allowedUrlDomains: allowedUrlDomains
+    };
+}
+
+export default translate(connect(mapStateToProps)(SharedVideoDialog));
diff --git a/react/features/shared-video/components/web/VideoManager.tsx b/react/features/shared-video/components/web/VideoManager.tsx
new file mode 100644
index 0000000..45b4196
--- /dev/null
+++ b/react/features/shared-video/components/web/VideoManager.tsx
@@ -0,0 +1,184 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import { PLAYBACK_STATUSES } from '../../constants';
+
+import AbstractVideoManager, {
+    IProps,
+    _mapDispatchToProps,
+    _mapStateToProps
+} from './AbstractVideoManager';
+
+
+/**
+ * Manager of shared video.
+ */
+class VideoManager extends AbstractVideoManager {
+    playerRef: React.RefObject<HTMLVideoElement>;
+
+    /**
+     * Initializes a new VideoManager instance.
+     *
+     * @param {Object} props - This component's props.
+     *
+     * @returns {void}
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this.playerRef = React.createRef();
+    }
+
+    /**
+     * Retrieves the current player ref.
+     */
+    get player() {
+        return this.playerRef.current;
+    }
+
+    /**
+     * Indicates the playback state of the video.
+     *
+     * @returns {string}
+     */
+    override getPlaybackStatus() {
+        let status;
+
+        if (!this.player) {
+            return;
+        }
+
+        if (this.player.paused) {
+            status = PLAYBACK_STATUSES.PAUSED;
+        } else {
+            status = PLAYBACK_STATUSES.PLAYING;
+        }
+
+        return status;
+    }
+
+    /**
+     * Indicates whether the video is muted.
+     *
+     * @returns {boolean}
+     */
+    override isMuted() {
+        return this.player?.muted;
+    }
+
+    /**
+     * Retrieves current volume.
+     *
+     * @returns {number}
+     */
+    override getVolume() {
+        return Number(this.player?.volume);
+    }
+
+    /**
+     * Retrieves current time.
+     *
+     * @returns {number}
+     */
+    override getTime() {
+        return Number(this.player?.currentTime);
+    }
+
+    /**
+     * Seeks video to provided time.
+     *
+     * @param {number} time - The time to seek to.
+     *
+     * @returns {void}
+     */
+    override seek(time: number) {
+        if (this.player) {
+            this.player.currentTime = time;
+        }
+    }
+
+    /**
+     * Plays video.
+     *
+     * @returns {void}
+     */
+    override play() {
+        return this.player?.play();
+    }
+
+    /**
+     * Pauses video.
+     *
+     * @returns {void}
+     */
+    override pause() {
+        return this.player?.pause();
+    }
+
+    /**
+     * Mutes video.
+     *
+     * @returns {void}
+     */
+    override mute() {
+        if (this.player) {
+            this.player.muted = true;
+        }
+    }
+
+    /**
+     * Unmutes video.
+     *
+     * @returns {void}
+     */
+    override unMute() {
+        if (this.player) {
+            this.player.muted = false;
+        }
+    }
+
+    /**
+     * Retrieves video tag params.
+     *
+     * @returns {void}
+     */
+    getPlayerOptions() {
+        const { _isOwner, videoId } = this.props;
+
+        let options: any = {
+            autoPlay: true,
+            src: videoId,
+            controls: _isOwner,
+            onError: () => this.onError(),
+            onPlay: () => this.onPlay(),
+            onVolumeChange: () => this.onVolumeChange()
+        };
+
+        if (_isOwner) {
+            options = {
+                ...options,
+                onPause: () => this.onPause(),
+                onTimeUpdate: this.throttledFireUpdateSharedVideoEvent
+            };
+
+        }
+
+        return options;
+    }
+
+    /**
+     * Implements React Component's render.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        return (
+            <video
+                id = 'sharedVideoPlayer'
+                ref = { this.playerRef }
+                { ...this.getPlayerOptions() } />
+        );
+    }
+}
+
+export default connect(_mapStateToProps, _mapDispatchToProps)(VideoManager);
diff --git a/react/features/shared-video/components/web/YoutubeVideoManager.tsx b/react/features/shared-video/components/web/YoutubeVideoManager.tsx
new file mode 100644
index 0000000..8eecf90
--- /dev/null
+++ b/react/features/shared-video/components/web/YoutubeVideoManager.tsx
@@ -0,0 +1,230 @@
+/* eslint-disable no-invalid-this */
+import React from 'react';
+import { connect } from 'react-redux';
+import YouTube from 'react-youtube';
+
+import { PLAYBACK_STATUSES } from '../../constants';
+
+import AbstractVideoManager, {
+    IProps,
+    _mapDispatchToProps,
+    _mapStateToProps
+} from './AbstractVideoManager';
+
+/**
+ * Manager of shared video.
+ *
+ * @returns {void}
+ */
+class YoutubeVideoManager extends AbstractVideoManager {
+    isPlayerAPILoaded: boolean;
+    player?: any;
+
+    /**
+     * Initializes a new YoutubeVideoManager instance.
+     *
+     * @param {Object} props - This component's props.
+     *
+     * @returns {void}
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this.isPlayerAPILoaded = false;
+    }
+
+    /**
+     * Indicates the playback state of the video.
+     *
+     * @returns {string}
+     */
+    override getPlaybackStatus() {
+        let status;
+
+        if (!this.player) {
+            return;
+        }
+
+        const playerState = this.player.getPlayerState();
+
+        if (playerState === YouTube.PlayerState.PLAYING) {
+            status = PLAYBACK_STATUSES.PLAYING;
+        }
+
+        if (playerState === YouTube.PlayerState.PAUSED) {
+            status = PLAYBACK_STATUSES.PAUSED;
+        }
+
+        return status;
+    }
+
+    /**
+     * Indicates whether the video is muted.
+     *
+     * @returns {boolean}
+     */
+    override isMuted() {
+        return this.player?.isMuted();
+    }
+
+    /**
+     * Retrieves current volume.
+     *
+     * @returns {number}
+     */
+    override getVolume() {
+        return this.player?.getVolume();
+    }
+
+    /**
+     * Retrieves current time.
+     *
+     * @returns {number}
+     */
+    override getTime() {
+        return this.player?.getCurrentTime();
+    }
+
+    /**
+     * Seeks video to provided time.
+     *
+     * @param {number} time - The time to seek to.
+     *
+     * @returns {void}
+     */
+    override seek(time: number) {
+        return this.player?.seekTo(time);
+    }
+
+    /**
+     * Plays video.
+     *
+     * @returns {void}
+     */
+    override play() {
+        return this.player?.playVideo();
+    }
+
+    /**
+     * Pauses video.
+     *
+     * @returns {void}
+     */
+    override pause() {
+        return this.player?.pauseVideo();
+    }
+
+    /**
+     * Mutes video.
+     *
+     * @returns {void}
+     */
+    override mute() {
+        return this.player?.mute();
+    }
+
+    /**
+     * Unmutes video.
+     *
+     * @returns {void}
+     */
+    override unMute() {
+        return this.player?.unMute();
+    }
+
+    /**
+     * Disposes of the current video player.
+     *
+     * @returns {void}
+     */
+    override dispose() {
+        if (this.player) {
+            this.player.destroy();
+            this.player = null;
+        }
+    }
+
+    /**
+     * Fired on play state toggle.
+     *
+     * @param {Object} event - The yt player stateChange event.
+     *
+     * @returns {void}
+     */
+    onPlayerStateChange = (event: any) => {
+        if (event.data === YouTube.PlayerState.PLAYING) {
+            this.onPlay();
+        } else if (event.data === YouTube.PlayerState.PAUSED) {
+            this.onPause();
+        }
+    };
+
+    /**
+     * Fired when youtube player is ready.
+     *
+     * @param {Object} event - The youtube player event.
+     *
+     * @returns {void}
+     */
+    onPlayerReady = (event: any) => {
+        const { _isOwner } = this.props;
+
+        this.player = event.target;
+
+        this.player.addEventListener('onVolumeChange', () => {
+            this.onVolumeChange();
+        });
+
+        if (_isOwner) {
+            this.player.addEventListener('onVideoProgress', this.throttledFireUpdateSharedVideoEvent);
+        }
+
+        this.play();
+
+        // sometimes youtube can get muted state from previous videos played in the browser
+        // and as we are disabling controls we want to unmute it
+        if (this.isMuted()) {
+            this.unMute();
+        }
+    };
+
+    getPlayerOptions = () => {
+        const { _isOwner, videoId } = this.props;
+        const showControls = _isOwner ? 1 : 0;
+
+        const options = {
+            id: 'sharedVideoPlayer',
+            opts: {
+                height: '100%',
+                width: '100%',
+                playerVars: {
+                    'origin': location.origin,
+                    'fs': '0',
+                    'autoplay': 0,
+                    'controls': showControls,
+                    'rel': 0
+                }
+            },
+            onError: (e: any) => this.onError(e),
+            onReady: this.onPlayerReady,
+            onStateChange: this.onPlayerStateChange,
+            videoId
+        };
+
+        return options;
+    };
+
+    /**
+     * Implements React Component's render.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        return (
+            <YouTube
+                { ...this.getPlayerOptions() } />
+        );
+    }
+}
+
+export default connect(_mapStateToProps, _mapDispatchToProps)(YoutubeVideoManager);
diff --git a/react/features/shared-video/constants.ts b/react/features/shared-video/constants.ts
new file mode 100644
index 0000000..1a07a2c
--- /dev/null
+++ b/react/features/shared-video/constants.ts
@@ -0,0 +1,50 @@
+/**
+ * Fixed name of the video player fake participant.
+ *
+ * @type {string}
+ */
+export const VIDEO_PLAYER_PARTICIPANT_NAME = 'Video';
+
+/**
+ * Fixed name of the youtube player fake participant.
+ *
+ * @type {string}
+ */
+export const YOUTUBE_PLAYER_PARTICIPANT_NAME = 'YouTube';
+
+
+/**
+ * Shared video command.
+ *
+ * @type {string}
+ */
+export const SHARED_VIDEO = 'shared-video';
+
+/**
+ * Available playback statuses.
+ */
+export const PLAYBACK_STATUSES = {
+    PLAYING: 'playing',
+    PAUSED: 'pause',
+    STOPPED: 'stop'
+};
+
+/**
+ * Playback start state.
+ */
+export const PLAYBACK_START = 'start';
+
+/**
+ * The domain for youtube URLs.
+ */
+export const YOUTUBE_URL_DOMAIN = 'youtube.com';
+
+/**
+ * The constant to allow URL domains.
+ */
+export const ALLOW_ALL_URL_DOMAINS = '*';
+
+/**
+ * The default white listed domains for shared video.
+ */
+export const DEFAULT_ALLOWED_URL_DOMAINS = [ YOUTUBE_URL_DOMAIN ];
diff --git a/react/features/shared-video/functions.ts b/react/features/shared-video/functions.ts
new file mode 100644
index 0000000..b96c7ec
--- /dev/null
+++ b/react/features/shared-video/functions.ts
@@ -0,0 +1,166 @@
+import { IStateful } from '../base/app/types';
+import { IJitsiConference } from '../base/conference/reducer';
+import { getFakeParticipants } from '../base/participants/functions';
+import { toState } from '../base/redux/functions';
+
+import {
+    ALLOW_ALL_URL_DOMAINS,
+    PLAYBACK_START,
+    PLAYBACK_STATUSES,
+    SHARED_VIDEO,
+    VIDEO_PLAYER_PARTICIPANT_NAME,
+    YOUTUBE_PLAYER_PARTICIPANT_NAME,
+    YOUTUBE_URL_DOMAIN
+} from './constants';
+
+/**
+ * Validates the entered video url.
+ *
+ * It returns a boolean to reflect whether the url matches the youtube regex.
+ *
+ * @param {string} url - The entered video link.
+ * @returns {string} The youtube video id if matched.
+ */
+function getYoutubeId(url: string) {
+    if (!url) {
+        return null;
+    }
+
+    const p = /^(?:https?:\/\/)?(?:www\.)?(?:youtu\.be\/|(?:m\.)?youtube\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=))((\w|-){11})(?:\S+)?$/;// eslint-disable-line max-len
+    const result = url.match(p);
+
+    return result ? result[1] : null;
+}
+
+/**
+ * Checks if the status is one that is actually sharing the video - playing, pause or start.
+ *
+ * @param {string} status - The shared video status.
+ * @returns {boolean}
+ */
+export function isSharingStatus(status: string) {
+    return [ PLAYBACK_STATUSES.PLAYING, PLAYBACK_STATUSES.PAUSED, PLAYBACK_START ].includes(status);
+}
+
+
+/**
+ * Returns true if there is a video being shared in the meeting.
+ *
+ * @param {Object | Function} stateful - The Redux state or a function that gets resolved to the Redux state.
+ * @returns {boolean}
+ */
+export function isVideoPlaying(stateful: IStateful): boolean {
+    let videoPlaying = false;
+
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    for (const [ id, p ] of getFakeParticipants(stateful)) {
+        if (p.name === VIDEO_PLAYER_PARTICIPANT_NAME || p.name === YOUTUBE_PLAYER_PARTICIPANT_NAME) {
+            videoPlaying = true;
+            break;
+        }
+    }
+
+    return videoPlaying;
+}
+
+/**
+ * Extracts a Youtube id or URL from the user input.
+ *
+ * @param {string} input - The user input.
+ * @returns {string|undefined}
+ */
+export function extractYoutubeIdOrURL(input: string) {
+    if (!input) {
+        return;
+    }
+
+    const trimmedLink = input.trim();
+
+    if (!trimmedLink) {
+        return;
+    }
+
+    const youtubeId = getYoutubeId(trimmedLink);
+
+    if (youtubeId) {
+        return youtubeId;
+    }
+
+    // Check if the URL is valid, native may crash otherwise.
+    try {
+        // eslint-disable-next-line no-new
+        new URL(trimmedLink);
+    } catch (_) {
+        return;
+    }
+
+    return trimmedLink;
+}
+
+/**
+ * Returns true if shared video functionality is enabled and false otherwise.
+ *
+ * @param {IStateful} stateful - - The redux store or {@code getState} function.
+ * @returns {boolean}
+ */
+export function isSharedVideoEnabled(stateful: IStateful) {
+    const state = toState(stateful);
+
+    const { disableThirdPartyRequests = false } = state['features/base/config'];
+
+    return !disableThirdPartyRequests;
+}
+
+/**
+ * Returns true if the passed url is allowed to be used for shared video or not.
+ *
+ * @param {string} url - The URL.
+ * @param {Array<string>} allowedUrlDomains - The allowed url domains.
+ * @param {boolean} considerNonURLsAllowedForYoututbe - If true, the invalid URLs will be considered youtube IDs
+ * and if youtube is allowed the function will return true.
+ * @returns {boolean}
+ */
+export function isURLAllowedForSharedVideo(url: string,
+        allowedUrlDomains: Array<string> = [], considerNonURLsAllowedForYoututbe = false) {
+    if (!url) {
+        return false;
+    }
+
+    try {
+        const urlObject = new URL(url);
+
+        if ([ 'http:', 'https:' ].includes(urlObject?.protocol?.toLowerCase())) {
+            return allowedUrlDomains.includes(ALLOW_ALL_URL_DOMAINS) || allowedUrlDomains.includes(urlObject?.hostname);
+        }
+    } catch (_e) { // it should be YouTube id.
+        return considerNonURLsAllowedForYoututbe && allowedUrlDomains.includes(YOUTUBE_URL_DOMAIN);
+    }
+
+    return false;
+}
+
+/**
+ * Sends SHARED_VIDEO command.
+ *
+ * @param {string} id - The id of the video.
+ * @param {string} status - The status of the shared video.
+ * @param {JitsiConference} conference - The current conference.
+ * @param {string} localParticipantId - The id of the local participant.
+ * @param {string} time - The seek position of the video.
+ * @returns {void}
+ */
+export function sendShareVideoCommand({ id, status, conference, localParticipantId = '', time, muted, volume }: {
+    conference?: IJitsiConference; id: string; localParticipantId?: string; muted?: boolean;
+    status: string; time: number; volume?: number;
+}) {
+    conference?.sendCommandOnce(SHARED_VIDEO, {
+        value: id,
+        attributes: {
+            from: localParticipantId,
+            muted,
+            state: status,
+            time,
+            volume
+        }
+    });
+}
diff --git a/react/features/shared-video/hooks.ts b/react/features/shared-video/hooks.ts
new file mode 100644
index 0000000..7ba3bd6
--- /dev/null
+++ b/react/features/shared-video/hooks.ts
@@ -0,0 +1,24 @@
+import { useSelector } from 'react-redux';
+
+import { SharedVideoButton } from './components';
+import { isSharedVideoEnabled } from './functions';
+
+const shareVideo = {
+    key: 'sharedvideo',
+    Content: SharedVideoButton,
+    group: 3
+};
+
+/**
+ * A hook that returns the shared video button if it is enabled and undefined otherwise.
+ *
+ *  @returns {Object | undefined}
+ */
+export function useSharedVideoButton() {
+    const sharedVideoEnabled = useSelector(isSharedVideoEnabled);
+
+    if (sharedVideoEnabled) {
+        return shareVideo;
+    }
+}
+
diff --git a/react/features/shared-video/logger.ts b/react/features/shared-video/logger.ts
new file mode 100644
index 0000000..e737654
--- /dev/null
+++ b/react/features/shared-video/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:shared-video');
diff --git a/react/features/shared-video/middleware.ts b/react/features/shared-video/middleware.ts
new file mode 100644
index 0000000..dab57dd
--- /dev/null
+++ b/react/features/shared-video/middleware.ts
@@ -0,0 +1,290 @@
+import { batch } from 'react-redux';
+
+import { IStore } from '../app/types';
+import { CONFERENCE_JOIN_IN_PROGRESS, CONFERENCE_LEFT } from '../base/conference/actionTypes';
+import { getCurrentConference } from '../base/conference/functions';
+import { IJitsiConference } from '../base/conference/reducer';
+import { SET_CONFIG } from '../base/config/actionTypes';
+import { MEDIA_TYPE } from '../base/media/constants';
+import { PARTICIPANT_LEFT } from '../base/participants/actionTypes';
+import { participantJoined, participantLeft, pinParticipant } from '../base/participants/actions';
+import { getLocalParticipant, getParticipantById, getParticipantDisplayName } from '../base/participants/functions';
+import { FakeParticipant } from '../base/participants/types';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { SET_DYNAMIC_BRANDING_DATA } from '../dynamic-branding/actionTypes';
+import { showWarningNotification } from '../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE } from '../notifications/constants';
+
+import { RESET_SHARED_VIDEO_STATUS, SET_SHARED_VIDEO_STATUS } from './actionTypes';
+import {
+    hideConfirmPlayingDialog,
+    resetSharedVideoStatus,
+    setAllowedUrlDomians,
+    setSharedVideoStatus,
+    showConfirmPlayingDialog
+} from './actions';
+import {
+    DEFAULT_ALLOWED_URL_DOMAINS,
+    PLAYBACK_START,
+    PLAYBACK_STATUSES,
+    SHARED_VIDEO,
+    VIDEO_PLAYER_PARTICIPANT_NAME
+} from './constants';
+import { isSharedVideoEnabled, isSharingStatus, isURLAllowedForSharedVideo, sendShareVideoCommand } from './functions';
+import logger from './logger';
+
+
+/**
+ * Middleware that captures actions related to video sharing and updates
+ * components not hooked into redux.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    const { dispatch, getState } = store;
+
+    if (!isSharedVideoEnabled(getState())) {
+        return next(action);
+    }
+
+    switch (action.type) {
+    case CONFERENCE_JOIN_IN_PROGRESS: {
+        const { conference } = action;
+        const localParticipantId = getLocalParticipant(getState())?.id;
+
+        conference.addCommandListener(SHARED_VIDEO,
+            ({ value, attributes }: { attributes: {
+                muted: string; state: string; time: string; }; value: string; },
+            from: string) => {
+                const state = getState();
+                const sharedVideoStatus = attributes.state;
+
+                const { ownerId } = state['features/shared-video'];
+
+                if (ownerId && ownerId !== from) {
+                    logger.warn(
+                        `User with id: ${from} sent shared video command: ${sharedVideoStatus} while we are playing.`);
+
+                    return;
+                }
+
+                if (isSharingStatus(sharedVideoStatus)) {
+                    // confirmShowVideo is undefined the first time we receive
+                    // when confirmShowVideo is false we ignore everything except stop that resets it
+                    if (state['features/shared-video'].confirmShowVideo === false) {
+                        return;
+                    }
+
+                    if (isURLAllowedForSharedVideo(value, state['features/shared-video'].allowedUrlDomains, true)
+                        || localParticipantId === from
+                        || state['features/shared-video'].confirmShowVideo) { // if confirmed skip asking again
+                        handleSharingVideoStatus(store, value, {
+                            ...attributes,
+                            from
+                        }, conference);
+                    } else {
+                        dispatch(showConfirmPlayingDialog(getParticipantDisplayName(state, from), () => {
+
+                            handleSharingVideoStatus(store, value, {
+                                ...attributes,
+                                from
+                            }, conference);
+
+                            return true; // on mobile this is used to close the dialog
+                        }));
+                    }
+
+                    return;
+                }
+
+                if (sharedVideoStatus === 'stop') {
+                    const videoParticipant = getParticipantById(state, value);
+
+                    if (state['features/shared-video'].confirmShowVideo === false) {
+                        dispatch(showWarningNotification({
+                            titleKey: 'dialog.shareVideoLinkStopped',
+                            titleArguments: {
+                                name: getParticipantDisplayName(state, from)
+                            }
+                        }, NOTIFICATION_TIMEOUT_TYPE.LONG));
+                    }
+
+                    dispatch(hideConfirmPlayingDialog());
+
+                    dispatch(participantLeft(value, conference, {
+                        fakeParticipant: videoParticipant?.fakeParticipant
+                    }));
+
+                    if (localParticipantId !== from) {
+                        dispatch(resetSharedVideoStatus());
+                    }
+                }
+            }
+        );
+        break;
+    }
+    case CONFERENCE_LEFT:
+        dispatch(setAllowedUrlDomians(DEFAULT_ALLOWED_URL_DOMAINS));
+        dispatch(resetSharedVideoStatus());
+        break;
+    case PARTICIPANT_LEFT: {
+        const state = getState();
+        const conference = getCurrentConference(state);
+        const { ownerId: stateOwnerId, videoUrl: statevideoUrl } = state['features/shared-video'];
+
+        if (action.participant.id === stateOwnerId) {
+            batch(() => {
+                dispatch(resetSharedVideoStatus());
+                dispatch(participantLeft(statevideoUrl ?? '', conference));
+            });
+        }
+        break;
+    }
+    case SET_CONFIG:
+    case SET_DYNAMIC_BRANDING_DATA: {
+        const result = next(action);
+        const state = getState();
+        const { sharedVideoAllowedURLDomains: allowedURLDomainsFromConfig = [] } = state['features/base/config'];
+        const { sharedVideoAllowedURLDomains: allowedURLDomainsFromBranding = [] } = state['features/dynamic-branding'];
+
+        dispatch(setAllowedUrlDomians([
+            ...DEFAULT_ALLOWED_URL_DOMAINS,
+            ...allowedURLDomainsFromBranding,
+            ...allowedURLDomainsFromConfig
+        ]));
+
+        return result;
+    }
+    case SET_SHARED_VIDEO_STATUS: {
+        const state = getState();
+        const conference = getCurrentConference(state);
+        const localParticipantId = getLocalParticipant(state)?.id;
+        const { videoUrl, status, ownerId, time, muted, volume } = action;
+        const operator = status === PLAYBACK_STATUSES.PLAYING ? 'is' : '';
+
+        logger.debug(`User with id: ${ownerId} ${operator} ${status} video sharing.`);
+
+        if (typeof APP !== 'undefined') {
+            APP.API.notifyAudioOrVideoSharingToggled(MEDIA_TYPE.VIDEO, status, ownerId);
+        }
+
+        // when setting status we need to send the command for that, but not do it for the start command
+        // as we are sending the command in playSharedVideo and setting the start status once
+        // we receive the response, this way we will start the video at the same time when remote participants
+        // start it, on receiving the command
+        if (status === 'start') {
+            break;
+        }
+
+        if (localParticipantId === ownerId) {
+            sendShareVideoCommand({
+                conference,
+                localParticipantId,
+                muted,
+                status,
+                time,
+                id: videoUrl,
+                volume
+            });
+        }
+        break;
+    }
+    case RESET_SHARED_VIDEO_STATUS: {
+        const state = getState();
+        const localParticipantId = getLocalParticipant(state)?.id;
+        const { ownerId: stateOwnerId, videoUrl: statevideoUrl } = state['features/shared-video'];
+
+        if (!stateOwnerId) {
+            break;
+        }
+
+        logger.debug(`User with id: ${stateOwnerId} stop video sharing.`);
+
+        if (typeof APP !== 'undefined') {
+            APP.API.notifyAudioOrVideoSharingToggled(MEDIA_TYPE.VIDEO, 'stop', stateOwnerId);
+        }
+
+        if (localParticipantId === stateOwnerId) {
+            const conference = getCurrentConference(state);
+
+            sendShareVideoCommand({
+                conference,
+                id: statevideoUrl ?? '',
+                localParticipantId,
+                muted: true,
+                status: 'stop',
+                time: 0,
+                volume: 0
+            });
+        }
+        break;
+    }
+    }
+
+    return next(action);
+});
+
+/**
+ * Handles the playing, pause and start statuses for the shared video.
+ * Dispatches participantJoined event and, if necessary, pins it.
+ * Sets the SharedVideoStatus if the event was triggered by the local user.
+ *
+ * @param {Store} store - The redux store.
+ * @param {string} videoUrl - The id of the video to the shared.
+ * @param {Object} attributes - The attributes received from the share video command.
+ * @param {JitsiConference} conference - The current conference.
+ * @returns {void}
+ */
+function handleSharingVideoStatus(store: IStore, videoUrl: string,
+        { state, time, from, muted }: { from: string; muted: string; state: string; time: string; },
+        conference: IJitsiConference) {
+    const { dispatch, getState } = store;
+    const localParticipantId = getLocalParticipant(getState())?.id;
+    const oldStatus = getState()['features/shared-video']?.status ?? '';
+    const oldVideoUrl = getState()['features/shared-video'].videoUrl;
+
+    if (oldVideoUrl && oldVideoUrl !== videoUrl) {
+        logger.warn(
+            `User with id: ${from} sent videoUrl: ${videoUrl} while we are playing: ${oldVideoUrl}`);
+
+        return;
+    }
+
+    // If the video was not started (no participant) we want to create the participant
+    // this can be triggered by start, but also by paused or playing
+    // commands (joining late) and getting the current state
+    if (state === PLAYBACK_START || !isSharingStatus(oldStatus)) {
+        const youtubeId = videoUrl.match(/http/) ? false : videoUrl;
+        const avatarURL = youtubeId ? `https://img.youtube.com/vi/${youtubeId}/0.jpg` : '';
+
+        dispatch(participantJoined({
+            conference,
+            fakeParticipant: FakeParticipant.SharedVideo,
+            id: videoUrl,
+            avatarURL,
+            name: VIDEO_PLAYER_PARTICIPANT_NAME
+        }));
+
+        dispatch(pinParticipant(videoUrl));
+
+        if (localParticipantId === from) {
+            dispatch(setSharedVideoStatus({
+                videoUrl,
+                status: state,
+                time: Number(time),
+                ownerId: localParticipantId
+            }));
+        }
+    }
+
+    if (localParticipantId !== from) {
+        dispatch(setSharedVideoStatus({
+            muted: muted === 'true',
+            ownerId: from,
+            status: state,
+            time: Number(time),
+            videoUrl
+        }));
+    }
+}
diff --git a/react/features/shared-video/reducer.ts b/react/features/shared-video/reducer.ts
new file mode 100644
index 0000000..ca1ebeb
--- /dev/null
+++ b/react/features/shared-video/reducer.ts
@@ -0,0 +1,66 @@
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import {
+    RESET_SHARED_VIDEO_STATUS,
+    SET_ALLOWED_URL_DOMAINS,
+    SET_CONFIRM_SHOW_VIDEO,
+    SET_SHARED_VIDEO_STATUS
+} from './actionTypes';
+import { DEFAULT_ALLOWED_URL_DOMAINS } from './constants';
+
+const initialState = {
+    allowedUrlDomains: DEFAULT_ALLOWED_URL_DOMAINS
+};
+
+export interface ISharedVideoState {
+    allowedUrlDomains: Array<string>;
+    confirmShowVideo?: boolean;
+    muted?: boolean;
+    ownerId?: string;
+    status?: string;
+    time?: number;
+    videoUrl?: string;
+    volume?: number;
+}
+
+/**
+ * Reduces the Redux actions of the feature features/shared-video.
+ */
+ReducerRegistry.register<ISharedVideoState>('features/shared-video',
+(state = initialState, action): ISharedVideoState => {
+    const { videoUrl, status, time, ownerId, muted, volume } = action;
+
+    switch (action.type) {
+    case RESET_SHARED_VIDEO_STATUS:
+        return {
+            ...initialState,
+            allowedUrlDomains: state.allowedUrlDomains
+        };
+    case SET_CONFIRM_SHOW_VIDEO: {
+        return {
+            ...state,
+            confirmShowVideo: action.value
+        };
+    }
+    case SET_SHARED_VIDEO_STATUS:
+        return {
+            ...state,
+            muted,
+            ownerId,
+            status,
+            time,
+            videoUrl,
+            volume
+        };
+
+    case SET_ALLOWED_URL_DOMAINS: {
+        return {
+            ...state,
+            allowedUrlDomains: action.allowedUrlDomains
+        };
+    }
+
+    default:
+        return state;
+    }
+});
diff --git a/react/features/speaker-stats/actionTypes.ts b/react/features/speaker-stats/actionTypes.ts
new file mode 100644
index 0000000..64aa826
--- /dev/null
+++ b/react/features/speaker-stats/actionTypes.ts
@@ -0,0 +1,80 @@
+/**
+ * Action type to start search.
+ *
+ * {
+ *     type: INIT_SEARCH
+ * }
+ */
+export const INIT_SEARCH = 'INIT_SEARCH';
+
+/**
+ * Action type to start stats retrieval.
+ *
+ * {
+ *     type: INIT_UPDATE_STATS,
+ *     getSpeakerStats: Function
+ * }
+ */
+export const INIT_UPDATE_STATS = 'INIT_UPDATE_STATS';
+
+/**
+ * Action type to update stats.
+ *
+ * {
+ *     type: UPDATE_STATS,
+ *     stats: Object
+ * }
+ */
+export const UPDATE_STATS = 'UPDATE_STATS';
+
+/**
+ * Action type to update the speaker stats order.
+ * {
+ *     type: UPDATE_SORTED_SPEAKER_STATS_IDS
+ * }
+ */
+export const UPDATE_SORTED_SPEAKER_STATS_IDS = 'UPDATE_SORTED_SPEAKER_STATS_IDS'
+
+/**
+ * Action type to initiate reordering of the stats.
+ *
+ * {
+ *     type: INIT_REORDER_STATS
+ * }
+ */
+export const INIT_REORDER_STATS = 'INIT_REORDER_STATS';
+
+/**
+ * Action type to reset the search criteria.
+ *
+ * {
+ *     type: RESET_SEARCH_CRITERIA
+ * }
+ */
+export const RESET_SEARCH_CRITERIA = 'RESET_SEARCH_CRITERIA'
+
+/**
+ * Action type to toggle the face expressions grid.
+ * {
+ *     type: TOGGLE_FACE_EXPRESSIONS
+ * }
+ */
+export const TOGGLE_FACE_EXPRESSIONS = 'SHOW_FACE_EXPRESSIONS';
+
+
+export const INCREASE_ZOOM = 'INCREASE_ZOOM';
+
+export const DECREASE_ZOOM = 'DECREASE_ZOOM';
+
+export const ADD_TO_OFFSET = 'ADD_TO_OFFSET';
+
+export const SET_OFFSET = 'RESET_OFFSET';
+
+export const ADD_TO_OFFSET_LEFT = 'ADD_TO_OFFSET_LEFT';
+
+export const ADD_TO_OFFSET_RIGHT = 'ADD_TO_OFFSET_RIGHT';
+
+export const SET_TIMELINE_BOUNDARY = 'SET_TIMELINE_BOUNDARY';
+
+export const SET_PANNING = 'SET_PANNING';
+
diff --git a/react/features/speaker-stats/actions.any.ts b/react/features/speaker-stats/actions.any.ts
new file mode 100644
index 0000000..3400f62
--- /dev/null
+++ b/react/features/speaker-stats/actions.any.ts
@@ -0,0 +1,231 @@
+import { IStore } from '../app/types';
+
+import {
+    ADD_TO_OFFSET,
+    ADD_TO_OFFSET_LEFT,
+    ADD_TO_OFFSET_RIGHT,
+    INIT_REORDER_STATS,
+    INIT_SEARCH,
+    INIT_UPDATE_STATS,
+    RESET_SEARCH_CRITERIA,
+    SET_PANNING,
+    SET_TIMELINE_BOUNDARY,
+    TOGGLE_FACE_EXPRESSIONS,
+    UPDATE_SORTED_SPEAKER_STATS_IDS,
+    UPDATE_STATS
+} from './actionTypes';
+import { MINIMUM_INTERVAL } from './constants';
+import { getCurrentDuration, getTimelineBoundaries } from './functions';
+import { ISpeakerStats } from './reducer';
+
+/**
+ * Starts a search by criteria.
+ *
+ * @param {string} criteria - The search criteria.
+ * @returns {Object}
+ */
+export function initSearch(criteria: string) {
+    return {
+        type: INIT_SEARCH,
+        criteria
+    };
+}
+
+/**
+ * Gets the new stats and triggers update.
+ *
+ * @param {Function} getSpeakerStats - Function to get the speaker stats.
+ * @returns {Object}
+ */
+export function initUpdateStats(getSpeakerStats: () => ISpeakerStats) {
+    return {
+        type: INIT_UPDATE_STATS,
+        getSpeakerStats
+    };
+}
+
+/**
+ * Updates the stats with new stats.
+ *
+ * @param {Object} stats - The new stats.
+ * @returns {Object}
+ */
+export function updateStats(stats: Object) {
+    return {
+        type: UPDATE_STATS,
+        stats
+    };
+}
+
+/**
+ * Updates the speaker stats order.
+ *
+ * @param {Array<string>} participantIds - Participant ids.
+ * @returns {Object}
+ */
+export function updateSortedSpeakerStatsIds(participantIds: Array<string>) {
+    return {
+        type: UPDATE_SORTED_SPEAKER_STATS_IDS,
+        participantIds
+    };
+}
+
+/**
+ * Initiates reordering of the stats.
+ *
+ * @returns {Object}
+ */
+export function initReorderStats() {
+    return {
+        type: INIT_REORDER_STATS
+    };
+}
+
+/**
+ * Resets the search criteria.
+ *
+ * @returns {Object}
+ */
+export function resetSearchCriteria() {
+    return {
+        type: RESET_SEARCH_CRITERIA
+    };
+}
+
+/**
+ * Toggles the face expressions grid.
+ *
+ * @returns {Object}
+ */
+export function toggleFaceExpressions() {
+    return {
+        type: TOGGLE_FACE_EXPRESSIONS
+    };
+}
+
+/**
+ * Adds a value to the boundary offset of the timeline.
+ *
+ * @param {number} value - The value to be added.
+ * @param {number} left - The left boundary.
+ * @param {number} right - The right boundary.
+ * @param {number} currentDuration - The currentDuration of the conference.
+ * @returns {Object}
+ */
+export function addToOffset(value: number) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const { left, right } = getTimelineBoundaries(state);
+        const currentDuration = getCurrentDuration(state) ?? 0;
+        const newLeft = left + value;
+        const newRight = right + value;
+
+        if (newLeft >= 0 && newRight <= currentDuration) {
+            dispatch({
+                type: ADD_TO_OFFSET,
+                value
+            });
+        } else if (newLeft < 0) {
+            dispatch({
+                type: ADD_TO_OFFSET,
+                value: -left
+            });
+        } else if (newRight > currentDuration) {
+            dispatch({
+                type: ADD_TO_OFFSET,
+                value: currentDuration - right
+            });
+        }
+    };
+}
+
+/**
+ * Adds the value to the offset of the left boundary for the timeline.
+ *
+ * @param {number} value - The new value for the offset.
+ * @returns {Object}
+ */
+export function addToOffsetLeft(value: number) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const { left, right } = getTimelineBoundaries(state);
+        const newLeft = left + value;
+
+        if (newLeft >= 0 && right - newLeft > MINIMUM_INTERVAL) {
+            dispatch({
+                type: ADD_TO_OFFSET_LEFT,
+                value
+            });
+        } else if (newLeft < 0) {
+            dispatch({
+                type: ADD_TO_OFFSET_LEFT,
+                value: -left
+            });
+        }
+    };
+}
+
+/**
+ * Adds the value to the offset of the right boundary for the timeline.
+ *
+ * @param {number} value - The new value for the offset.
+ * @returns {Object}
+ */
+export function addToOffsetRight(value: number) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const { left, right } = getTimelineBoundaries(state);
+        const currentDuration = getCurrentDuration(state) ?? 0;
+        const newRight = right + value;
+
+        if (newRight <= currentDuration && newRight - left > MINIMUM_INTERVAL) {
+            dispatch({
+                type: ADD_TO_OFFSET_RIGHT,
+                value
+            });
+        } else if (newRight > currentDuration) {
+            dispatch({
+                type: ADD_TO_OFFSET_RIGHT,
+                value: currentDuration - right
+            });
+        }
+    };
+}
+
+/**
+ * Sets the current time boundary of the timeline, when zoomed in.
+ *
+ * @param {number} boundary - The current time boundary.
+ * @returns {Object}
+ */
+export function setTimelineBoundary(boundary: number) {
+    return {
+        type: SET_TIMELINE_BOUNDARY,
+        boundary
+    };
+}
+
+/**
+ * Clears the current time boundary of the timeline, when zoomed out full.
+ *
+ * @returns {Object}
+ */
+export function clearTimelineBoundary() {
+    return {
+        type: SET_TIMELINE_BOUNDARY,
+        boundary: null
+    };
+}
+
+/**
+ * Sets the state of the timeline panning.
+ *
+ * @param {Object} panning - The state of the timeline panning.
+ * @returns {Object}
+ */
+export function setTimelinePanning(panning: { active: boolean; x: number; }) {
+    return {
+        type: SET_PANNING,
+        panning
+    };
+}
diff --git a/react/features/speaker-stats/actions.native.ts b/react/features/speaker-stats/actions.native.ts
new file mode 100644
index 0000000..02b37d4
--- /dev/null
+++ b/react/features/speaker-stats/actions.native.ts
@@ -0,0 +1 @@
+export * from './actions.any';
diff --git a/react/features/speaker-stats/actions.web.ts b/react/features/speaker-stats/actions.web.ts
new file mode 100644
index 0000000..02b37d4
--- /dev/null
+++ b/react/features/speaker-stats/actions.web.ts
@@ -0,0 +1 @@
+export * from './actions.any';
diff --git a/react/features/speaker-stats/components/AbstractSpeakerStatsButton.tsx b/react/features/speaker-stats/components/AbstractSpeakerStatsButton.tsx
new file mode 100644
index 0000000..40d0086
--- /dev/null
+++ b/react/features/speaker-stats/components/AbstractSpeakerStatsButton.tsx
@@ -0,0 +1,14 @@
+import { IconConnection } from '../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../base/toolbox/components/AbstractButton';
+
+/**
+ * Implementation of a button for opening speaker stats dialog.
+ */
+class AbstractSpeakerStatsButton extends AbstractButton<AbstractButtonProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.speakerStats';
+    override icon = IconConnection;
+    override label = 'toolbar.speakerStats';
+    override tooltip = 'toolbar.speakerStats';
+}
+
+export default AbstractSpeakerStatsButton;
diff --git a/react/features/speaker-stats/components/AbstractSpeakerStatsList.ts b/react/features/speaker-stats/components/AbstractSpeakerStatsList.ts
new file mode 100644
index 0000000..f4bf518
--- /dev/null
+++ b/react/features/speaker-stats/components/AbstractSpeakerStatsList.ts
@@ -0,0 +1,114 @@
+import { useCallback, useEffect, useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { IReduxState } from '../../app/types';
+import { getLocalParticipant } from '../../base/participants/functions';
+import { initUpdateStats } from '../actions.any';
+import {
+    SPEAKER_STATS_RELOAD_INTERVAL
+} from '../constants';
+
+/**
+ * Component that renders the list of speaker stats.
+ *
+ * @param {Function} speakerStatsItem - React element tu use when rendering.
+ * @param {Object} itemStyles - Styles for the speaker stats item.
+ * @returns {Function}
+ */
+const abstractSpeakerStatsList = (speakerStatsItem: Function): Function[] => {
+    const dispatch = useDispatch();
+    const { t } = useTranslation();
+    const { conference } = useSelector((state: IReduxState) => state['features/base/conference']);
+    const {
+        stats: speakerStats,
+        showFaceExpressions,
+        sortedSpeakerStatsIds
+    } = useSelector((state: IReduxState) => state['features/speaker-stats']);
+    const localParticipant = useSelector(getLocalParticipant);
+    const { defaultRemoteDisplayName } = useSelector(
+        (state: IReduxState) => state['features/base/config']) || {};
+    const { faceLandmarks: faceLandmarksConfig } = useSelector((state: IReduxState) =>
+        state['features/base/config']) || {};
+    const { faceLandmarks } = useSelector((state: IReduxState) => state['features/face-landmarks'])
+        || { faceLandmarks: [] };
+    const reloadInterval = useRef<number>();
+
+    /**
+     * Update the internal state with the latest speaker stats.
+     *
+     * @returns {Object}
+     * @private
+     */
+    const getSpeakerStats = useCallback(() => {
+        const stats = conference?.getSpeakerStats();
+
+        for (const userId in stats) {
+            if (stats[userId]) {
+                if (stats[userId].isLocalStats()) {
+                    const meString = t('me');
+
+                    stats[userId].setDisplayName(
+                        localParticipant?.name
+                            ? `${localParticipant.name} (${meString})`
+                            : meString
+                    );
+
+                    if (faceLandmarksConfig?.enableDisplayFaceExpressions) {
+                        stats[userId].setFaceLandmarks(faceLandmarks);
+                    }
+                }
+
+                if (!stats[userId].getDisplayName()) {
+                    stats[userId].setDisplayName(
+                        conference?.getParticipantById(userId)?.name
+                    );
+                }
+            }
+        }
+
+        return stats ?? {};
+    }, [ faceLandmarks ]);
+
+    const updateStats = useCallback(
+        () => dispatch(initUpdateStats(getSpeakerStats)),
+    [ dispatch, initUpdateStats, getSpeakerStats ]);
+
+    useEffect(() => {
+        reloadInterval.current = window.setInterval(() => {
+            updateStats();
+        }, SPEAKER_STATS_RELOAD_INTERVAL);
+
+        return () => {
+            if (reloadInterval.current) {
+                clearInterval(reloadInterval.current);
+            }
+        };
+    }, [ faceLandmarks ]);
+
+    const localSpeakerStats = Object.keys(speakerStats).length === 0 ? getSpeakerStats() : speakerStats;
+    const localSortedSpeakerStatsIds
+        = sortedSpeakerStatsIds.length === 0 ? Object.keys(localSpeakerStats) : sortedSpeakerStatsIds;
+
+    const userIds = localSortedSpeakerStatsIds.filter(id => localSpeakerStats[id] && !localSpeakerStats[id].hidden);
+
+    return userIds.map(userId => {
+        const statsModel = localSpeakerStats[userId];
+        const props = {
+            isDominantSpeaker: statsModel.isDominantSpeaker(),
+            dominantSpeakerTime: statsModel.getTotalDominantSpeakerTime(),
+            participantId: userId,
+            hasLeft: statsModel.hasLeft(),
+            faceLandmarks: showFaceExpressions ? statsModel.getFaceLandmarks() : undefined,
+            hidden: statsModel.hidden,
+            showFaceExpressions,
+            displayName: statsModel.getDisplayName() || defaultRemoteDisplayName,
+            t
+        };
+
+        return speakerStatsItem(props);
+    });
+};
+
+
+export default abstractSpeakerStatsList;
diff --git a/react/features/speaker-stats/components/native/SpeakerStats.tsx b/react/features/speaker-stats/components/native/SpeakerStats.tsx
new file mode 100644
index 0000000..6b64c35
--- /dev/null
+++ b/react/features/speaker-stats/components/native/SpeakerStats.tsx
@@ -0,0 +1,32 @@
+import React, { useEffect } from 'react';
+import { useDispatch } from 'react-redux';
+
+import JitsiScreen from '../../../base/modal/components/JitsiScreen';
+import { resetSearchCriteria } from '../../actions.native';
+
+import SpeakerStatsList from './SpeakerStatsList';
+import SpeakerStatsSearch from './SpeakerStatsSearch';
+import style from './styles';
+
+/**
+ * Component that renders the list of speaker stats.
+ *
+ * @returns {React$Element<any>}
+ */
+const SpeakerStats = () => {
+    const dispatch = useDispatch();
+
+    useEffect(() => {
+        dispatch(resetSearchCriteria());
+    }, []);
+
+    return (
+        <JitsiScreen
+            style = { style.speakerStatsContainer }>
+            <SpeakerStatsSearch />
+            <SpeakerStatsList />
+        </JitsiScreen>
+    );
+};
+
+export default SpeakerStats;
diff --git a/react/features/speaker-stats/components/native/SpeakerStatsButton.ts b/react/features/speaker-stats/components/native/SpeakerStatsButton.ts
new file mode 100644
index 0000000..101f1f6
--- /dev/null
+++ b/react/features/speaker-stats/components/native/SpeakerStatsButton.ts
@@ -0,0 +1,50 @@
+import { connect } from 'react-redux';
+
+import { createToolbarEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { IReduxState } from '../../../app/types';
+import { SPEAKERSTATS_ENABLED } from '../../../base/flags/constants';
+import { getFeatureFlag } from '../../../base/flags/functions';
+import { translate } from '../../../base/i18n/functions';
+import { navigate } from '../../../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
+import { screen } from '../../../mobile/navigation/routes';
+import AbstractSpeakerStatsButton from '../AbstractSpeakerStatsButton';
+
+/**
+ * Implementation of a button for opening speaker stats dialog.
+ */
+class SpeakerStatsButton extends AbstractSpeakerStatsButton {
+
+    /**
+     * Handles clicking / pressing the button, and opens the appropriate dialog.
+     *
+     * @protected
+     * @returns {void}
+     */
+    override _handleClick() {
+        sendAnalytics(createToolbarEvent('speaker.stats'));
+
+        return navigate(screen.conference.speakerStats);
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated props for the
+ * {@code SpeakerStatsButton} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {{
+ *     visible: boolean
+ * }}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const enabled = getFeatureFlag(state, SPEAKERSTATS_ENABLED, true);
+
+    return {
+        visible: enabled
+    };
+}
+
+
+export default translate(connect(_mapStateToProps)(SpeakerStatsButton));
diff --git a/react/features/speaker-stats/components/native/SpeakerStatsItem.tsx b/react/features/speaker-stats/components/native/SpeakerStatsItem.tsx
new file mode 100644
index 0000000..9b73ba4
--- /dev/null
+++ b/react/features/speaker-stats/components/native/SpeakerStatsItem.tsx
@@ -0,0 +1,76 @@
+import React from 'react';
+import { Text, View, ViewStyle } from 'react-native';
+
+import Avatar from '../../../base/avatar/components/Avatar';
+import StatelessAvatar from '../../../base/avatar/components/native/StatelessAvatar';
+import { getInitials } from '../../../base/avatar/functions';
+import BaseTheme from '../../../base/ui/components/BaseTheme.native';
+
+import TimeElapsed from './TimeElapsed';
+import style from './styles';
+
+interface IProps {
+
+    /**
+     * The name of the participant.
+     */
+    displayName: string;
+
+    /**
+     * The total milliseconds the participant has been dominant speaker.
+     */
+    dominantSpeakerTime: number;
+
+    /**
+     * True if the participant is no longer in the meeting.
+     */
+    hasLeft: boolean;
+
+    /**
+     * True if the participant is currently the dominant speaker.
+     */
+    isDominantSpeaker: boolean;
+
+    /**
+     * The id of the user.
+     */
+    participantId: string;
+}
+
+const SpeakerStatsItem = (props: IProps) =>
+    (
+        <View
+            key = { props.participantId }
+            style = { style.speakerStatsItemContainer as ViewStyle }>
+            <View style = { style.speakerStatsAvatar }>
+                {
+                    props.hasLeft ? (
+                        <StatelessAvatar
+                            color = { BaseTheme.palette.ui05 }
+                            initials = { getInitials(props.displayName) }
+                            size = { BaseTheme.spacing[5] } />
+                    ) : (
+                        <Avatar
+                            className = 'userAvatar'
+                            participantId = { props.participantId }
+                            size = { BaseTheme.spacing[5] } />
+                    )
+                }
+            </View>
+            <View style = { style.speakerStatsNameTime as ViewStyle } >
+                <Text style = { [ style.speakerStatsText, props.hasLeft && style.speakerStatsLeft ] }>
+                    {props.displayName}
+                </Text>
+                <TimeElapsed
+                    style = { [
+                        style.speakerStatsText,
+                        style.speakerStatsTime,
+                        props.isDominantSpeaker && style.speakerStatsDominant,
+                        props.hasLeft && style.speakerStatsLeft
+                    ] }
+                    time = { props.dominantSpeakerTime } />
+            </View>
+        </View>
+    );
+
+export default SpeakerStatsItem;
diff --git a/react/features/speaker-stats/components/native/SpeakerStatsList.tsx b/react/features/speaker-stats/components/native/SpeakerStatsList.tsx
new file mode 100644
index 0000000..ae5f4d1
--- /dev/null
+++ b/react/features/speaker-stats/components/native/SpeakerStatsList.tsx
@@ -0,0 +1,23 @@
+import React from 'react';
+import { View } from 'react-native';
+
+import abstractSpeakerStatsList from '../AbstractSpeakerStatsList';
+
+import SpeakerStatsItem from './SpeakerStatsItem';
+
+/**
+ * Component that renders the list of speaker stats.
+ *
+ * @returns {React$Element<any>}
+ */
+const SpeakerStatsList = () => {
+    const items = abstractSpeakerStatsList(SpeakerStatsItem);
+
+    return (
+        <View>
+            {items}
+        </View>
+    );
+};
+
+export default SpeakerStatsList;
diff --git a/react/features/speaker-stats/components/native/SpeakerStatsSearch.tsx b/react/features/speaker-stats/components/native/SpeakerStatsSearch.tsx
new file mode 100644
index 0000000..d400741
--- /dev/null
+++ b/react/features/speaker-stats/components/native/SpeakerStatsSearch.tsx
@@ -0,0 +1,48 @@
+import React, { useCallback, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { withTheme } from 'react-native-paper';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { IconSearch } from '../../../base/icons/svg';
+import Input from '../../../base/ui/components/native/Input';
+import { escapeRegexp } from '../../../base/util/helpers';
+import { initSearch } from '../../actions.native';
+import { isSpeakerStatsSearchDisabled } from '../../functions';
+
+import styles from './styles';
+
+/**
+ * React component for display an individual user's speaker stats.
+ *
+ * @returns {React$Element<any>}
+ */
+const SpeakerStatsSearch = () => {
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+    const [ searchQuery, setSearchQuery ] = useState('');
+
+    const onSearch = useCallback((criteria = '') => {
+        dispatch(initSearch(escapeRegexp(criteria)));
+        setSearchQuery(escapeRegexp(criteria));
+    }, [ dispatch ]);
+
+
+    const disableSpeakerStatsSearch = useSelector(isSpeakerStatsSearchDisabled);
+
+    if (disableSpeakerStatsSearch) {
+        return null;
+    }
+
+    return (
+        <Input
+            accessibilityLabel = { t('speakerStats.searchHint') }
+            clearable = { true }
+            customStyles = {{ container: styles.customContainer }}
+            icon = { IconSearch }
+            onChange = { onSearch }
+            placeholder = { t('speakerStats.search') }
+            value = { searchQuery } />
+    );
+};
+
+export default withTheme(SpeakerStatsSearch);
diff --git a/react/features/speaker-stats/components/native/TimeElapsed.tsx b/react/features/speaker-stats/components/native/TimeElapsed.tsx
new file mode 100644
index 0000000..87b4e48
--- /dev/null
+++ b/react/features/speaker-stats/components/native/TimeElapsed.tsx
@@ -0,0 +1,50 @@
+import React, { PureComponent } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { Text } from 'react-native';
+
+import { translate } from '../../../base/i18n/functions';
+import { createLocalizedTime } from '../timeFunctions';
+
+/**
+ * The type of the React {@code Component} props of {@link TimeElapsed}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * Style for text.
+     */
+    style: Object;
+
+    /**
+     * The milliseconds to be converted into a human-readable format.
+     */
+    time: number;
+}
+
+/**
+ * React component for displaying total time elapsed. Converts a total count of
+ * milliseconds into a more humanized form: "# hours, # minutes, # seconds".
+ * With a time of 0, "0s" will be displayed.
+ *
+ * @augments Component
+ */
+class TimeElapsed extends PureComponent<IProps> {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { style, time, t } = this.props;
+        const timeElapsed = createLocalizedTime(time, t);
+
+        return (
+            <Text style = { style }>
+                { timeElapsed }
+            </Text>
+        );
+    }
+}
+
+export default translate(TimeElapsed);
diff --git a/react/features/speaker-stats/components/native/styles.ts b/react/features/speaker-stats/components/native/styles.ts
new file mode 100644
index 0000000..64583eb
--- /dev/null
+++ b/react/features/speaker-stats/components/native/styles.ts
@@ -0,0 +1,55 @@
+import BaseTheme from '../../../base/ui/components/BaseTheme.native';
+
+export default {
+
+    customContainer: {
+        marginVertical: BaseTheme.spacing[2]
+    },
+
+    speakerStatsContainer: {
+        flexDirection: 'column',
+        flex: 1,
+        height: 'auto',
+        paddingHorizontal: BaseTheme.spacing[3],
+        backgroundColor: BaseTheme.palette.ui01
+    },
+
+    speakerStatsItemContainer: {
+        flexDirection: 'row',
+        alignSelf: 'stretch',
+        height: BaseTheme.spacing[9],
+        alignItems: 'center'
+    },
+
+    speakerStatsAvatar: {
+        width: BaseTheme.spacing[5],
+        height: BaseTheme.spacing[5],
+        marginRight: BaseTheme.spacing[3]
+    },
+
+    speakerStatsNameTime: {
+        flexDirection: 'row',
+        flex: 1,
+        justifyContent: 'space-between',
+        alignItems: 'center'
+    },
+
+    speakerStatsText: {
+        ...BaseTheme.typography.bodyShortRegularLarge,
+        color: BaseTheme.palette.text01
+    },
+
+    speakerStatsTime: {
+        paddingHorizontal: 4,
+        paddingVertical: 2,
+        borderRadius: 4
+    },
+
+    speakerStatsDominant: {
+        backgroundColor: BaseTheme.palette.success02
+    },
+
+    speakerStatsLeft: {
+        color: BaseTheme.palette.text03
+    }
+};
diff --git a/react/features/speaker-stats/components/timeFunctions.ts b/react/features/speaker-stats/components/timeFunctions.ts
new file mode 100644
index 0000000..c9e01af
--- /dev/null
+++ b/react/features/speaker-stats/components/timeFunctions.ts
@@ -0,0 +1,88 @@
+/**
+ * Counts how many whole hours are included in the given time total.
+ *
+ * @param {number} milliseconds - The millisecond total to get hours from.
+ * @private
+ * @returns {number}
+ */
+function getHoursCount(milliseconds: number) {
+    return Math.floor(milliseconds / (60 * 60 * 1000));
+}
+
+/**
+ * Counts how many whole minutes are included in the given time total.
+ *
+ * @param {number} milliseconds - The millisecond total to get minutes from.
+ * @private
+ * @returns {number}
+ */
+function getMinutesCount(milliseconds: number) {
+    return Math.floor(milliseconds / (60 * 1000) % 60);
+}
+
+/**
+ * Counts how many whole seconds are included in the given time total.
+ *
+ * @param {number} milliseconds - The millisecond total to get seconds from.
+ * @private
+ * @returns {number}
+ */
+function getSecondsCount(milliseconds: number) {
+    return Math.floor(milliseconds / 1000 % 60);
+}
+
+/**
+ * Creates human readable localized time string.
+ *
+ * @param {number} time - Value in milliseconds.
+ * @param {Function} t - Translate function.
+ * @returns {string}
+ */
+export function createLocalizedTime(time: number, t: Function) {
+    const hours = getHoursCount(time);
+    const minutes = getMinutesCount(time);
+    const seconds = getSecondsCount(time);
+    const timeElapsed = [];
+
+    if (hours) {
+        const hourPassed
+            = createTimeDisplay(hours, 'speakerStats.hours', t);
+
+        timeElapsed.push(hourPassed);
+    }
+
+    if (hours || minutes) {
+        const minutesPassed
+            = createTimeDisplay(
+            minutes,
+            'speakerStats.minutes',
+            t);
+
+        timeElapsed.push(minutesPassed);
+    }
+
+    const secondsPassed
+        = createTimeDisplay(
+        seconds,
+        'speakerStats.seconds',
+        t);
+
+    timeElapsed.push(secondsPassed);
+
+    return timeElapsed;
+}
+
+/**
+ * Returns a string to display the passed in count and a count noun.
+ *
+ * @private
+ * @param {number} count - The number used for display and to check for
+ * count noun plurality.
+ * @param {string} countNounKey - Translation key for the time's count noun.
+ * @param {Function} t - What is being counted. Used as the element's
+ * key for react to iterate upon.
+ * @returns {string}
+ */
+function createTimeDisplay(count: number, countNounKey: string, t: Function) {
+    return t(countNounKey, { count });
+}
diff --git a/react/features/speaker-stats/components/web/FaceExpressionsSwitch.tsx b/react/features/speaker-stats/components/web/FaceExpressionsSwitch.tsx
new file mode 100644
index 0000000..c041386
--- /dev/null
+++ b/react/features/speaker-stats/components/web/FaceExpressionsSwitch.tsx
@@ -0,0 +1,61 @@
+import { Theme } from '@mui/material';
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { makeStyles } from 'tss-react/mui';
+
+import Switch from '../../../base/ui/components/web/Switch';
+
+const useStyles = makeStyles()((theme: Theme) => {
+    return {
+        switchContainer: {
+            display: 'flex',
+            alignItems: 'center'
+        },
+
+        switchLabel: {
+            marginRight: 10,
+            ...theme.typography.bodyShortRegular
+        }
+    };
+});
+
+/**
+ * The type of the React {@code Component} props of {@link ToggleFaceExpressionsButton}.
+ */
+interface IProps {
+
+    /**
+     * The function to initiate the change in the speaker stats table.
+     */
+    onChange: (checked?: boolean) => void;
+
+    /**
+     * The state of the button.
+     */
+    showFaceExpressions: boolean;
+
+}
+
+/**
+ * React component for toggling face expressions grid.
+ *
+ * @returns {React$Element<any>}
+ */
+export default function FaceExpressionsSwitch({ onChange, showFaceExpressions }: IProps) {
+    const { classes } = useStyles();
+    const { t } = useTranslation();
+
+    return (
+        <div className = { classes.switchContainer } >
+            <label
+                className = { classes.switchLabel }
+                htmlFor = 'face-expressions-switch'>
+                { t('speakerStats.displayEmotions')}
+            </label>
+            <Switch
+                checked = { showFaceExpressions }
+                id = 'face-expressions-switch'
+                onChange = { onChange } />
+        </div>
+    );
+}
diff --git a/react/features/speaker-stats/components/web/SpeakerStats.tsx b/react/features/speaker-stats/components/web/SpeakerStats.tsx
new file mode 100644
index 0000000..0cafe3d
--- /dev/null
+++ b/react/features/speaker-stats/components/web/SpeakerStats.tsx
@@ -0,0 +1,283 @@
+import React, { useCallback, useEffect } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState } from '../../../app/types';
+import Icon from '../../../base/icons/components/Icon';
+import {
+    IconEmotionsAngry,
+    IconEmotionsDisgusted,
+    IconEmotionsFearful,
+    IconEmotionsHappy,
+    IconEmotionsNeutral,
+    IconEmotionsSad,
+    IconEmotionsSurprised
+} from '../../../base/icons/svg';
+import Tooltip from '../../../base/tooltip/components/Tooltip';
+import Dialog from '../../../base/ui/components/web/Dialog';
+import { escapeRegexp } from '../../../base/util/helpers';
+import { initSearch, resetSearchCriteria, toggleFaceExpressions } from '../../actions.any';
+import {
+    DISPLAY_SWITCH_BREAKPOINT,
+    MOBILE_BREAKPOINT
+} from '../../constants';
+
+import FaceExpressionsSwitch from './FaceExpressionsSwitch';
+import SpeakerStatsLabels from './SpeakerStatsLabels';
+import SpeakerStatsList from './SpeakerStatsList';
+import SpeakerStatsSearch from './SpeakerStatsSearch';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        speakerStats: {
+            '& .header': {
+                position: 'fixed',
+                backgroundColor: theme.palette.ui01,
+                paddingLeft: theme.spacing(4),
+                paddingRight: theme.spacing(4),
+                marginLeft: `-${theme.spacing(4)}`,
+                '&.large': {
+                    width: '616px'
+                },
+                '&.medium': {
+                    width: '352px'
+                },
+                '@media (max-width: 448px)': {
+                    width: 'calc(100% - 48px) !important'
+                },
+                '& .upper-header': {
+                    display: 'flex',
+                    justifyContent: 'space-between',
+                    alignItems: 'center',
+                    width: '100%',
+                    '& .search-switch-container': {
+                        display: 'flex',
+                        width: '100%',
+                        '& .search-container': {
+                            width: 175,
+                            marginRight: theme.spacing(3)
+                        },
+                        '& .search-container-full-width': {
+                            width: '100%'
+                        }
+                    },
+                    '& .emotions-icons': {
+                        display: 'flex',
+                        '& svg': {
+                            fill: '#000'
+                        },
+                        '&>div': {
+                            marginRight: theme.spacing(3)
+                        },
+                        '&>div:last-child': {
+                            marginRight: 0
+                        }
+                    }
+                }
+            },
+            '& .row': {
+                display: 'flex',
+                alignItems: 'center',
+                '& .name-time': {
+                    width: 'calc(100% - 48px)',
+                    display: 'flex',
+                    justifyContent: 'space-between',
+                    alignItems: 'center',
+                    '&.expressions-on': {
+                        width: 'calc(47% - 48px)',
+                        marginRight: theme.spacing(4)
+                    }
+                },
+                '& .timeline-container': {
+                    height: '100%',
+                    width: `calc(53% - ${theme.spacing(4)})`,
+                    display: 'flex',
+                    alignItems: 'center',
+                    borderLeftWidth: 1,
+                    borderLeftColor: theme.palette.ui02,
+                    borderLeftStyle: 'solid',
+                    '& .timeline': {
+                        height: theme.spacing(2),
+                        display: 'flex',
+                        width: '100%',
+                        '&>div': {
+                            marginRight: theme.spacing(1),
+                            borderRadius: 5
+                        },
+                        '&>div:first-child': {
+                            borderRadius: '0 5px 5px 0'
+                        },
+                        '&>div:last-child': {
+                            marginRight: 0,
+                            borderRadius: '5px 0 0 5px'
+                        }
+                    }
+                },
+                '& .axis-container': {
+                    height: '100%',
+                    width: `calc(53% - ${theme.spacing(6)})`,
+                    display: 'flex',
+                    alignItems: 'center',
+                    marginLeft: theme.spacing(3),
+                    '& div': {
+                        borderRadius: 5
+                    },
+                    '& .axis': {
+                        height: theme.spacing(1),
+                        display: 'flex',
+                        width: '100%',
+                        backgroundColor: theme.palette.ui03,
+                        position: 'relative',
+                        '& .left-bound': {
+                            position: 'absolute',
+                            bottom: 10,
+                            left: 0
+                        },
+                        '& .right-bound': {
+                            position: 'absolute',
+                            bottom: 10,
+                            right: 0
+                        },
+                        '& .handler': {
+                            position: 'absolute',
+                            backgroundColor: theme.palette.ui09,
+                            height: 12,
+                            marginTop: -4,
+                            display: 'flex',
+                            justifyContent: 'space-between',
+                            '& .resize': {
+                                height: '100%',
+                                width: 5,
+                                cursor: 'col-resize'
+                            }
+                        }
+                    }
+                }
+            },
+            '& .separator': {
+                width: 'calc(100% + 48px)',
+                height: 1,
+                marginLeft: -24,
+                backgroundColor: theme.palette.ui02
+            }
+        }
+    };
+});
+
+const EMOTIONS_LEGEND = [
+    {
+        translationKey: 'speakerStats.neutral',
+        icon: IconEmotionsNeutral
+    },
+    {
+        translationKey: 'speakerStats.happy',
+        icon: IconEmotionsHappy
+    },
+    {
+        translationKey: 'speakerStats.surprised',
+        icon: IconEmotionsSurprised
+    },
+    {
+        translationKey: 'speakerStats.sad',
+        icon: IconEmotionsSad
+    },
+    {
+        translationKey: 'speakerStats.fearful',
+        icon: IconEmotionsFearful
+    },
+    {
+        translationKey: 'speakerStats.angry',
+        icon: IconEmotionsAngry
+    },
+    {
+        translationKey: 'speakerStats.disgusted',
+        icon: IconEmotionsDisgusted
+    }
+];
+
+const SpeakerStats = () => {
+    const { faceLandmarks } = useSelector((state: IReduxState) => state['features/base/config']);
+    const { showFaceExpressions } = useSelector((state: IReduxState) => state['features/speaker-stats']);
+    const { videoSpaceWidth } = useSelector((state: IReduxState) => state['features/base/responsive-ui']);
+    const displaySwitch = faceLandmarks?.enableDisplayFaceExpressions && videoSpaceWidth > DISPLAY_SWITCH_BREAKPOINT;
+    const displayLabels = videoSpaceWidth > MOBILE_BREAKPOINT;
+    const dispatch = useDispatch();
+    const { classes } = useStyles();
+    const { t } = useTranslation();
+
+    const onToggleFaceExpressions = useCallback(() =>
+        dispatch(toggleFaceExpressions())
+    , [ dispatch ]);
+
+    const onSearch = useCallback((criteria = '') => {
+        dispatch(initSearch(escapeRegexp(criteria)));
+    }
+    , [ dispatch ]);
+
+    useEffect(() => {
+        showFaceExpressions && !displaySwitch && dispatch(toggleFaceExpressions());
+    }, [ videoSpaceWidth ]);
+
+    useEffect(() => () => {
+        dispatch(resetSearchCriteria());
+    }, []);
+
+    return (
+        <Dialog
+            cancel = {{ hidden: true }}
+            ok = {{ hidden: true }}
+            size = { showFaceExpressions ? 'large' : 'medium' }
+            titleKey = 'speakerStats.speakerStats'>
+            <div className = { classes.speakerStats }>
+                <div className = { `header ${showFaceExpressions ? 'large' : 'medium'}` }>
+                    <div className = 'upper-header'>
+                        <div
+                            className = {
+                                `search-switch-container
+                        ${showFaceExpressions ? 'expressions-on' : ''}`
+                            }>
+                            <div
+                                className = {
+                                    displaySwitch
+                                        ? 'search-container'
+                                        : 'search-container-full-width' }>
+                                <SpeakerStatsSearch
+                                    onSearch = { onSearch } />
+                            </div>
+
+                            { displaySwitch
+                    && <FaceExpressionsSwitch
+                        onChange = { onToggleFaceExpressions }
+                        showFaceExpressions = { showFaceExpressions } />
+
+                            }
+                        </div>
+                        { showFaceExpressions && <div className = 'emotions-icons'>
+                            {
+                                EMOTIONS_LEGEND.map(emotion => (
+                                    <Tooltip
+                                        content = { t(emotion.translationKey) }
+                                        key = { emotion.translationKey }
+                                        position = { 'top' }>
+                                        <Icon
+                                            size = { 20 }
+                                            src = { emotion.icon } />
+                                    </Tooltip>
+                                ))
+                            }
+                        </div>}
+                    </div>
+                    { displayLabels && (
+                        <SpeakerStatsLabels
+                            showFaceExpressions = { showFaceExpressions ?? false } />
+                    )}
+                </div>
+                <SpeakerStatsList />
+            </div>
+        </Dialog>
+
+    );
+};
+
+export default SpeakerStats;
diff --git a/react/features/speaker-stats/components/web/SpeakerStatsButton.tsx b/react/features/speaker-stats/components/web/SpeakerStatsButton.tsx
new file mode 100644
index 0000000..6399805
--- /dev/null
+++ b/react/features/speaker-stats/components/web/SpeakerStatsButton.tsx
@@ -0,0 +1,45 @@
+import { connect } from 'react-redux';
+
+import { createToolbarEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { IReduxState } from '../../../app/types';
+import { openDialog } from '../../../base/dialog/actions';
+import { translate } from '../../../base/i18n/functions';
+import { isSpeakerStatsDisabled } from '../../functions';
+import AbstractSpeakerStatsButton from '../AbstractSpeakerStatsButton';
+
+import SpeakerStats from './SpeakerStats';
+
+
+/**
+ * Implementation of a button for opening speaker stats dialog.
+ */
+class SpeakerStatsButton extends AbstractSpeakerStatsButton {
+
+    /**
+     * Handles clicking / pressing the button, and opens the appropriate dialog.
+     *
+     * @protected
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { dispatch } = this.props;
+
+        sendAnalytics(createToolbarEvent('speaker.stats'));
+        dispatch(openDialog('SpeakerStats', SpeakerStats));
+    }
+}
+
+/**
+ * Function that maps parts of Redux state tree into component props.
+ *
+ * @param {Object} state - Redux state.
+ * @returns {Object}
+ */
+const mapStateToProps = (state: IReduxState) => {
+    return {
+        visible: !isSpeakerStatsDisabled(state)
+    };
+};
+
+export default translate(connect(mapStateToProps)(SpeakerStatsButton));
diff --git a/react/features/speaker-stats/components/web/SpeakerStatsItem.tsx b/react/features/speaker-stats/components/web/SpeakerStatsItem.tsx
new file mode 100644
index 0000000..d2a9977
--- /dev/null
+++ b/react/features/speaker-stats/components/web/SpeakerStatsItem.tsx
@@ -0,0 +1,116 @@
+// eslint-disable-next-line lines-around-comment
+import React from 'react';
+
+import Avatar from '../../../base/avatar/components/Avatar';
+import StatelessAvatar from '../../../base/avatar/components/web/StatelessAvatar';
+import { getInitials } from '../../../base/avatar/functions';
+import { IconUser } from '../../../base/icons/svg';
+import BaseTheme from '../../../base/ui/components/BaseTheme.web';
+import { FaceLandmarks } from '../../../face-landmarks/types';
+
+import TimeElapsed from './TimeElapsed';
+import Timeline from './Timeline';
+
+/**
+ * The type of the React {@code Component} props of {@link SpeakerStatsItem}.
+ */
+interface IProps {
+
+    /**
+     * The name of the participant.
+     */
+    displayName: string;
+
+    /**
+     * The total milliseconds the participant has been dominant speaker.
+     */
+    dominantSpeakerTime: number;
+
+    /**
+     * The object that has as keys the face expressions of the
+     * participant and as values a number that represents the count .
+     */
+    faceLandmarks?: FaceLandmarks[];
+
+    /**
+     * True if the participant is no longer in the meeting.
+     */
+    hasLeft: boolean;
+
+    /**
+     * True if the participant is not shown in speaker stats.
+     */
+    hidden: boolean;
+
+    /**
+     * True if the participant is currently the dominant speaker.
+     */
+    isDominantSpeaker: boolean;
+
+    /**
+     * The id of the user.
+     */
+    participantId: string;
+
+    /**
+     * True if the face expressions detection is not disabled.
+     */
+    showFaceExpressions: boolean;
+
+    /**
+     * Invoked to obtain translated strings.
+     */
+    t: Function;
+}
+
+const SpeakerStatsItem = (props: IProps) => {
+    const rowDisplayClass = `row item ${props.hasLeft ? 'has-left' : ''}`;
+    const nameTimeClass = `name-time${
+        props.showFaceExpressions ? ' expressions-on' : ''
+    }`;
+    const timeClass = `time ${props.isDominantSpeaker ? 'dominant' : ''}`;
+
+    return (
+        <div key = { props.participantId }>
+            <div className = { rowDisplayClass } >
+                <div className = 'avatar' >
+                    {
+                        props.hasLeft ? (
+                            <StatelessAvatar
+                                className = 'userAvatar'
+                                color = { BaseTheme.palette.ui04 }
+                                iconUser = { IconUser }
+                                initials = { getInitials(props.displayName) }
+                                size = { 32 } />
+                        ) : (
+                            <Avatar
+                                className = 'userAvatar'
+                                participantId = { props.participantId }
+                                size = { 32 } />
+                        )
+                    }
+                </div>
+                <div className = { nameTimeClass }>
+                    <div
+                        aria-label = { props.t('speakerStats.speakerStats') }
+                        className = 'display-name'>
+                        { props.displayName }
+                    </div>
+                    <div
+                        aria-label = { props.t('speakerStats.speakerTime') }
+                        className = { timeClass }>
+                        <TimeElapsed
+                            time = { props.dominantSpeakerTime } />
+                    </div>
+                </div>
+                { props.showFaceExpressions
+            && <Timeline faceLandmarks = { props.faceLandmarks } />
+                }
+
+            </div>
+            <div className = 'separator' />
+        </div>
+    );
+};
+
+export default SpeakerStatsItem;
diff --git a/react/features/speaker-stats/components/web/SpeakerStatsLabels.tsx b/react/features/speaker-stats/components/web/SpeakerStatsLabels.tsx
new file mode 100644
index 0000000..2732b00
--- /dev/null
+++ b/react/features/speaker-stats/components/web/SpeakerStatsLabels.tsx
@@ -0,0 +1,56 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { makeStyles } from 'tss-react/mui';
+
+import TimelineAxis from './TimelineAxis';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        labels: {
+            padding: '22px 0 7px 0',
+            height: 20,
+            '& .avatar-placeholder': {
+                width: '32px',
+                marginRight: theme.spacing(3)
+
+            }
+        }
+    };
+});
+
+/**
+ * The type of the React {@code Component} props of {@link SpeakerStatsLabels}.
+ */
+interface IProps {
+
+    /**
+     * True if the face expressions detection is not disabled.
+     */
+    showFaceExpressions: boolean;
+}
+
+const SpeakerStatsLabels = (props: IProps) => {
+    const { t } = useTranslation();
+    const { classes } = useStyles();
+    const nameTimeClass = `name-time${
+        props.showFaceExpressions ? ' expressions-on' : ''
+    }`;
+
+    return (
+        <div className = { `row ${classes.labels}` }>
+            <div className = 'avatar-placeholder' />
+
+            <div className = { nameTimeClass }>
+                <div>
+                    { t('speakerStats.name') }
+                </div>
+                <div>
+                    { t('speakerStats.speakerTime') }
+                </div>
+            </div>
+            {props.showFaceExpressions && <TimelineAxis />}
+        </div>
+    );
+};
+
+export default SpeakerStatsLabels;
diff --git a/react/features/speaker-stats/components/web/SpeakerStatsList.tsx b/react/features/speaker-stats/components/web/SpeakerStatsList.tsx
new file mode 100644
index 0000000..b7e162b
--- /dev/null
+++ b/react/features/speaker-stats/components/web/SpeakerStatsList.tsx
@@ -0,0 +1,65 @@
+import React from 'react';
+import { makeStyles } from 'tss-react/mui';
+
+import { MOBILE_BREAKPOINT } from '../../constants';
+import abstractSpeakerStatsList from '../AbstractSpeakerStatsList';
+
+import SpeakerStatsItem from './SpeakerStatsItem';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        list: {
+            paddingTop: 90,
+            '& .item': {
+                height: theme.spacing(7),
+                [theme.breakpoints.down(MOBILE_BREAKPOINT)]: {
+                    height: theme.spacing(8)
+                },
+                '& .has-left': {
+                    color: theme.palette.text03
+                },
+                '& .avatar': {
+                    marginRight: theme.spacing(3)
+                },
+                '& .time': {
+                    padding: '2px 4px',
+                    borderRadius: '4px',
+                    ...theme.typography.labelBold,
+                    [theme.breakpoints.down(MOBILE_BREAKPOINT)]: {
+                        ...theme.typography.bodyShortRegularLarge
+                    },
+                    backgroundColor: theme.palette.ui02
+                },
+                '& .display-name': {
+                    ...theme.typography.bodyShortRegular,
+                    [theme.breakpoints.down(MOBILE_BREAKPOINT)]: {
+                        ...theme.typography.bodyShortRegularLarge
+                    }
+                },
+                '& .dominant': {
+                    backgroundColor: theme.palette.success02
+                }
+            }
+
+        }
+    };
+});
+
+/**
+ * Component that renders the list of speaker stats.
+ *
+ * @returns {React$Element<any>}
+ */
+const SpeakerStatsList = () => {
+    const { classes } = useStyles();
+    const items = abstractSpeakerStatsList(SpeakerStatsItem);
+
+    return (
+        <div className = { classes.list }>
+            <div className = 'separator' />
+            {items}
+        </div>
+    );
+};
+
+export default SpeakerStatsList;
diff --git a/react/features/speaker-stats/components/web/SpeakerStatsSearch.tsx b/react/features/speaker-stats/components/web/SpeakerStatsSearch.tsx
new file mode 100644
index 0000000..a807a87
--- /dev/null
+++ b/react/features/speaker-stats/components/web/SpeakerStatsSearch.tsx
@@ -0,0 +1,128 @@
+import React, { useCallback, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import Icon from '../../../base/icons/components/Icon';
+import { IconSearch } from '../../../base/icons/svg';
+import { getFieldValue } from '../../../base/react/functions';
+import { HiddenDescription } from '../../../base/ui/components/web/HiddenDescription';
+import { MOBILE_BREAKPOINT } from '../../constants';
+import { isSpeakerStatsSearchDisabled } from '../../functions';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        speakerStatsSearchContainer: {
+            position: 'relative'
+        },
+        searchIcon: {
+            display: 'none',
+            [theme.breakpoints.down(MOBILE_BREAKPOINT)]: {
+                display: 'block',
+                position: 'absolute',
+                color: theme.palette.text03,
+                left: 16,
+                top: 13,
+                width: 20,
+                height: 20
+            }
+        },
+        speakerStatsSearch: {
+            backgroundColor: theme.palette.field01,
+            border: '1px solid',
+            borderRadius: 6,
+            borderColor: theme.palette.ui05,
+            color: theme.palette.text01,
+            padding: '10px 16px',
+            width: '100%',
+            height: 40,
+            '&::placeholder': {
+                color: theme.palette.text03,
+                ...theme.typography.bodyShortRegular
+            },
+            [theme.breakpoints.down(MOBILE_BREAKPOINT)]: {
+                height: 48,
+                padding: '13px 16px 13px 44px',
+                '&::placeholder': {
+                    ...theme.typography.bodyShortRegular
+                }
+            }
+        }
+    };
+});
+
+/**
+ * The type of the React {@code Component} props of {@link SpeakerStatsSearch}.
+ */
+interface IProps {
+
+    /**
+     * The function to initiate the change in the speaker stats table.
+     */
+    onSearch: Function;
+
+}
+
+/**
+ * React component for display an individual user's speaker stats.
+ *
+ * @returns {React$Element<any>}
+ */
+function SpeakerStatsSearch({ onSearch }: IProps) {
+    const { classes, theme } = useStyles();
+    const { t } = useTranslation();
+    const disableSpeakerStatsSearch = useSelector(isSpeakerStatsSearchDisabled);
+    const [ searchValue, setSearchValue ] = useState<string>('');
+
+    /**
+     * Callback for the onChange event of the field.
+     *
+     * @param {Object} evt - The static event.
+     * @returns {void}
+     */
+    const onChange = useCallback((evt: React.ChangeEvent<HTMLInputElement>) => {
+        const value = getFieldValue(evt);
+
+        setSearchValue(value);
+        onSearch?.(value);
+    }, []);
+    const preventDismiss = useCallback((evt: React.KeyboardEvent) => {
+        if (evt.key === 'Enter') {
+            evt.preventDefault();
+        }
+    }, []);
+
+    if (disableSpeakerStatsSearch) {
+        return null;
+    }
+
+    const inputId = 'speaker-stats-search';
+    const inputDescriptionId = `${inputId}-hidden-description`;
+
+    return (
+        <div className = { classes.speakerStatsSearchContainer }>
+            <Icon
+                className = { classes.searchIcon }
+                color = { theme.palette.icon03 }
+                src = { IconSearch } />
+            <input
+                aria-describedby = { inputDescriptionId }
+                aria-label = { t('speakerStats.searchHint') }
+                autoComplete = 'off'
+                autoFocus = { false }
+                className = { classes.speakerStatsSearch }
+                id = { inputId }
+                name = 'speakerStatsSearch'
+                onChange = { onChange }
+                onKeyPress = { preventDismiss }
+                placeholder = { t('speakerStats.search') }
+                tabIndex = { 0 }
+                value = { searchValue } />
+            <HiddenDescription id = { inputDescriptionId }>
+                {t('speakerStats.searchDescription')}
+            </HiddenDescription>
+        </div>
+    );
+}
+
+export default SpeakerStatsSearch;
diff --git a/react/features/speaker-stats/components/web/TimeElapsed.tsx b/react/features/speaker-stats/components/web/TimeElapsed.tsx
new file mode 100644
index 0000000..b831595
--- /dev/null
+++ b/react/features/speaker-stats/components/web/TimeElapsed.tsx
@@ -0,0 +1,36 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { createLocalizedTime } from '../timeFunctions';
+
+/**
+ * The type of the React {@code Component} props of {@link TimeElapsed}.
+ */
+interface IProps {
+
+    /**
+     * The milliseconds to be converted into a human-readable format.
+     */
+    time: number;
+}
+
+/**
+ * React component for displaying total time elapsed. Converts a total count of
+ * milliseconds into a more humanized form: "# hours, # minutes, # seconds".
+ * With a time of 0, "0s" will be displayed.
+ *
+ * @augments Component
+ */
+
+const TimeElapsed = ({ time }: IProps) => {
+    const { t } = useTranslation();
+    const timeElapsed = createLocalizedTime(time, t);
+
+    return (
+        <span>
+            { timeElapsed }
+        </span>
+    );
+};
+
+export default TimeElapsed;
diff --git a/react/features/speaker-stats/components/web/Timeline.tsx b/react/features/speaker-stats/components/web/Timeline.tsx
new file mode 100644
index 0000000..6c6284e
--- /dev/null
+++ b/react/features/speaker-stats/components/web/Timeline.tsx
@@ -0,0 +1,207 @@
+import React, { MouseEvent, useCallback, useEffect, useMemo, useRef } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { getConferenceTimestamp } from '../../../base/conference/functions';
+import { FaceLandmarks } from '../../../face-landmarks/types';
+import { addToOffset, setTimelinePanning } from '../../actions.any';
+import { SCROLL_RATE, TIMELINE_COLORS } from '../../constants';
+import { getFaceLandmarksEnd, getFaceLandmarksStart, getTimelineBoundaries } from '../../functions';
+
+interface IProps {
+    faceLandmarks?: FaceLandmarks[];
+}
+
+const Timeline = ({ faceLandmarks }: IProps) => {
+    const startTimestamp = useSelector((state: IReduxState) => getConferenceTimestamp(state)) ?? 0;
+    const { left, right } = useSelector((state: IReduxState) => getTimelineBoundaries(state));
+    const { timelinePanning } = useSelector((state: IReduxState) => state['features/speaker-stats']);
+    const dispatch = useDispatch();
+    const containerRef = useRef<HTMLDivElement>(null);
+    const intervalDuration = useMemo(() => right - left, [ left, right ]);
+
+    const getSegments = useCallback(() => {
+        const segments = faceLandmarks?.filter(landmarks => {
+            const timeStart = getFaceLandmarksStart(landmarks, startTimestamp);
+            const timeEnd = getFaceLandmarksEnd(landmarks, startTimestamp);
+
+            if (timeEnd > left && timeStart < right) {
+
+                return true;
+            }
+
+            return false;
+        }) ?? [];
+
+        let leftCut;
+        let rightCut;
+
+        if (segments.length) {
+            const start = getFaceLandmarksStart(segments[0], startTimestamp);
+            const end = getFaceLandmarksEnd(segments[segments.length - 1], startTimestamp);
+
+            if (start <= left) {
+                leftCut = segments[0];
+            }
+            if (end >= right) {
+                rightCut = segments[segments.length - 1];
+            }
+        }
+
+        if (leftCut) {
+            segments.shift();
+        }
+        if (rightCut) {
+            segments.pop();
+        }
+
+        return {
+            segments,
+            leftCut,
+            rightCut
+        };
+    }, [ faceLandmarks, left, right, startTimestamp ]);
+
+    const { segments, leftCut, rightCut } = getSegments();
+
+    const getStyle = useCallback((duration: number, faceExpression: string) => {
+        return {
+            width: `${100 / (intervalDuration / duration)}%`,
+            backgroundColor: TIMELINE_COLORS[faceExpression] ?? TIMELINE_COLORS['no-detection']
+        };
+    }, [ intervalDuration ]);
+
+
+    const getStartStyle = useCallback(() => {
+        let startDuration = 0;
+        let color = TIMELINE_COLORS['no-detection'];
+
+        if (leftCut) {
+            const { faceExpression } = leftCut;
+
+            startDuration = getFaceLandmarksEnd(leftCut, startTimestamp) - left;
+            color = TIMELINE_COLORS[faceExpression];
+        } else if (segments.length) {
+            startDuration = getFaceLandmarksStart(segments[0], startTimestamp) - left;
+        } else if (rightCut) {
+            startDuration = getFaceLandmarksStart(rightCut, startTimestamp) - left;
+        }
+
+        return {
+            width: `${100 / (intervalDuration / startDuration)}%`,
+            backgroundColor: color
+        };
+    }, [ leftCut, rightCut, startTimestamp, left, intervalDuration, segments ]);
+
+    const getEndStyle = useCallback(() => {
+        let endDuration = 0;
+        let color = TIMELINE_COLORS['no-detection'];
+
+        if (rightCut) {
+            const { faceExpression } = rightCut;
+
+            endDuration = right - getFaceLandmarksStart(rightCut, startTimestamp);
+            color = TIMELINE_COLORS[faceExpression];
+        } else if (segments.length) {
+            endDuration = right - getFaceLandmarksEnd(segments[segments.length - 1], startTimestamp);
+        } else if (leftCut) {
+            endDuration = right - getFaceLandmarksEnd(leftCut, startTimestamp);
+        }
+
+        return {
+            width: `${100 / (intervalDuration / endDuration)}%`,
+            backgroundColor: color
+        };
+    }, [ leftCut, rightCut, startTimestamp, right, intervalDuration, segments ]);
+
+    const getOneSegmentStyle = useCallback((faceExpression?: string) => {
+        return {
+            width: '100%',
+            backgroundColor: faceExpression ? TIMELINE_COLORS[faceExpression] : TIMELINE_COLORS['no-detection'],
+            borderRadius: 0
+        };
+    }, []);
+
+    const handleOnWheel = useCallback((event: WheelEvent) => {
+        // check if horizontal scroll
+        if (Math.abs(event.deltaX) >= Math.abs(event.deltaY)) {
+            const value = event.deltaX * SCROLL_RATE;
+
+            dispatch(addToOffset(value));
+            event.preventDefault();
+        }
+    }, [ dispatch, addToOffset ]);
+
+    const hideStartAndEndSegments = useCallback(() => leftCut && rightCut
+                    && leftCut.faceExpression === rightCut.faceExpression
+                    && !segments.length,
+    [ leftCut, rightCut, segments ]);
+
+    useEffect(() => {
+        containerRef.current?.addEventListener('wheel', handleOnWheel, { passive: false });
+
+        return () => containerRef.current?.removeEventListener('wheel', handleOnWheel);
+    }, []);
+
+    const getPointOnTimeline = useCallback((event: MouseEvent) => {
+        const axisRect = event.currentTarget.getBoundingClientRect();
+        const eventOffsetX = event.pageX - axisRect.left;
+
+        return (eventOffsetX * right) / axisRect.width;
+    }, [ right ]);
+
+
+    const handleOnMouseMove = useCallback((event: MouseEvent) => {
+        const { active, x } = timelinePanning;
+
+        if (active) {
+            const point = getPointOnTimeline(event);
+
+            dispatch(addToOffset(x - point));
+            dispatch(setTimelinePanning({ ...timelinePanning,
+                x: point }));
+        }
+    }, [ timelinePanning, dispatch, addToOffset, setTimelinePanning, getPointOnTimeline ]);
+
+    const handleOnMouseDown = useCallback((event: MouseEvent) => {
+        const point = getPointOnTimeline(event);
+
+        dispatch(setTimelinePanning(
+                {
+                    active: true,
+                    x: point
+                }
+        ));
+
+        event.preventDefault();
+        event.stopPropagation();
+    }, [ getPointOnTimeline, dispatch, setTimelinePanning ]);
+
+    return (
+        <div
+            className = 'timeline-container'
+            onMouseDown = { handleOnMouseDown }
+            onMouseMove = { handleOnMouseMove }
+            ref = { containerRef }>
+            <div
+                className = 'timeline'>
+                {!hideStartAndEndSegments() && <div
+                    aria-label = 'start'
+                    style = { getStartStyle() } />}
+                {hideStartAndEndSegments() && <div
+                    style = { getOneSegmentStyle(leftCut?.faceExpression) } />}
+                {segments?.map(({ duration, timestamp, faceExpression }) =>
+                    (<div
+                        aria-label = { faceExpression }
+                        key = { timestamp }
+                        style = { getStyle(duration, faceExpression) } />)) }
+
+                {!hideStartAndEndSegments() && <div
+                    aria-label = 'end'
+                    style = { getEndStyle() } />}
+            </div>
+        </div>
+    );
+};
+
+export default Timeline;
diff --git a/react/features/speaker-stats/components/web/TimelineAxis.tsx b/react/features/speaker-stats/components/web/TimelineAxis.tsx
new file mode 100644
index 0000000..764a5b5
--- /dev/null
+++ b/react/features/speaker-stats/components/web/TimelineAxis.tsx
@@ -0,0 +1,187 @@
+import React, { MouseEvent, useCallback, useEffect, useRef, useState } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { addToOffset, addToOffsetLeft, addToOffsetRight, setTimelinePanning } from '../../actions.any';
+import { MIN_HANDLER_WIDTH } from '../../constants';
+import { getCurrentDuration, getTimelineBoundaries } from '../../functions';
+
+import TimeElapsed from './TimeElapsed';
+
+const TimelineAxis = () => {
+    const currentDuration = useSelector((state: IReduxState) => getCurrentDuration(state)) ?? 0;
+    const { left, right } = useSelector((state: IReduxState) => getTimelineBoundaries(state));
+    const { timelinePanning } = useSelector((state: IReduxState) => state['features/speaker-stats']);
+    const dispatch = useDispatch();
+    const axisRef = useRef<HTMLDivElement>(null);
+
+    const [ dragLeft, setDragLeft ] = useState(false);
+    const [ dragRight, setDragRight ] = useState(false);
+
+    const getPointOnAxis = useCallback((event: MouseEvent) => {
+        const axisRect = event.currentTarget.getBoundingClientRect();
+        const eventOffsetX = event.pageX - axisRect.left;
+
+        return (eventOffsetX * currentDuration) / axisRect.width;
+    }, [ currentDuration ]);
+
+    const startResizeHandlerLeft = useCallback((event: MouseEvent) => {
+        if (!timelinePanning.active && !dragRight) {
+            setDragLeft(true);
+        }
+        event.preventDefault();
+        event.stopPropagation();
+    }, [ dragRight, timelinePanning, setDragLeft ]);
+
+    const stopResizeLeft = () => {
+        setDragLeft(false);
+    };
+
+    const resizeHandlerLeft = useCallback((event: MouseEvent) => {
+        if (dragLeft) {
+            const point = getPointOnAxis(event);
+
+            if (point >= 0 && point < right) {
+                const value = point - left;
+
+                dispatch(addToOffsetLeft(value));
+            }
+        }
+    }, [ dragLeft, getPointOnAxis, dispatch, addToOffsetLeft ]);
+
+    const startResizeHandlerRight = useCallback((event: MouseEvent) => {
+        if (!timelinePanning.active && !dragRight) {
+            setDragRight(true);
+        }
+        event.preventDefault();
+        event.stopPropagation();
+    }, [ timelinePanning, dragRight ]);
+
+    const stopResizeRight = useCallback(() => {
+        setDragRight(false);
+    }, [ setDragRight ]);
+
+    const resizeHandlerRight = (event: MouseEvent) => {
+        if (dragRight) {
+            const point = getPointOnAxis(event);
+
+            if (point > left && point <= currentDuration) {
+                const value = point - right;
+
+                dispatch(addToOffsetRight(value));
+            }
+        }
+    };
+
+    const startMoveHandler = useCallback((event: MouseEvent) => {
+        if (!dragLeft && !dragRight) {
+            const point = getPointOnAxis(event);
+
+            dispatch(setTimelinePanning(
+                {
+                    active: true,
+                    x: point
+                }
+            ));
+        }
+        event.preventDefault();
+        event.stopPropagation();
+    }, [ dragLeft, dragRight, getPointOnAxis, dispatch, setTimelinePanning ]);
+
+    const stopMoveHandler = () => {
+        dispatch(setTimelinePanning({ ...timelinePanning,
+            active: false }));
+    };
+
+    const moveHandler = useCallback((event: MouseEvent) => {
+        const { active, x } = timelinePanning;
+
+        if (active) {
+            const point = getPointOnAxis(event);
+
+            dispatch(addToOffset(point - x));
+            dispatch(setTimelinePanning({ ...timelinePanning,
+                x: point }));
+        }
+    }, [ timelinePanning, getPointOnAxis, dispatch, addToOffset, setTimelinePanning ]);
+
+    const handleOnMouseMove = useCallback((event: MouseEvent) => {
+        resizeHandlerLeft(event);
+        resizeHandlerRight(event);
+        moveHandler(event);
+    }, [ resizeHandlerLeft, resizeHandlerRight ]);
+
+    const handleOnMouseUp = useCallback(() => {
+        stopResizeLeft();
+        stopResizeRight();
+        stopMoveHandler();
+    }, [ stopResizeLeft, stopResizeRight, stopMoveHandler ]);
+
+    const getHandlerStyle = useCallback(() => {
+        let marginLeft = 100 / (currentDuration / left);
+        let width = 100 / (currentDuration / (right - left));
+
+        if (axisRef.current) {
+            const axisWidth = axisRef.current.getBoundingClientRect().width;
+            let handlerWidth = (width / 100) * axisWidth;
+
+            if (handlerWidth < MIN_HANDLER_WIDTH) {
+                const newLeft = right - ((currentDuration * MIN_HANDLER_WIDTH) / axisWidth);
+
+                handlerWidth = MIN_HANDLER_WIDTH;
+                marginLeft = 100 / (currentDuration / newLeft);
+                width = 100 / (currentDuration / (right - newLeft));
+            }
+
+            if (marginLeft + width > 100) {
+                return {
+                    marginLeft: `calc(100% - ${handlerWidth}px)`,
+                    width: handlerWidth
+                };
+            }
+        }
+
+        return {
+            marginLeft: `${marginLeft > 0 ? marginLeft : 0}%`,
+            width: `${width}%`
+        };
+    }, [ currentDuration, left, right, axisRef ]);
+
+    useEffect(() => {
+        window.addEventListener('mouseup', handleOnMouseUp);
+
+        return () => window.removeEventListener('mouseup', handleOnMouseUp);
+    }, []);
+
+    return (
+        <div
+            className = 'axis-container'
+            onMouseMove = { handleOnMouseMove }
+            ref = { axisRef }>
+            <div
+                className = 'axis'>
+                <div className = 'left-bound'>
+                    <TimeElapsed time = { 0 } />
+                </div>
+                <div className = 'right-bound'>
+                    <TimeElapsed time = { currentDuration } />
+                </div>
+                <div
+                    className = 'handler'
+                    onMouseDown = { startMoveHandler }
+                    style = { getHandlerStyle() } >
+                    <div
+                        className = 'resize'
+                        id = 'left'
+                        onMouseDown = { startResizeHandlerLeft } />
+                    <div
+                        className = 'resize'
+                        id = 'right'
+                        onMouseDown = { startResizeHandlerRight } />
+                </div>
+            </div>
+        </div>
+    );
+};
+
+export default TimelineAxis;
diff --git a/react/features/speaker-stats/constants.ts b/react/features/speaker-stats/constants.ts
new file mode 100644
index 0000000..e3c41cc
--- /dev/null
+++ b/react/features/speaker-stats/constants.ts
@@ -0,0 +1,28 @@
+export const SPEAKER_STATS_RELOAD_INTERVAL = 1000;
+
+export const DISPLAY_SWITCH_BREAKPOINT = 600;
+
+export const MOBILE_BREAKPOINT = 480;
+
+export const THRESHOLD_FIXED_AXIS = 10000;
+
+export const MINIMUM_INTERVAL = 4000;
+
+export const SCROLL_RATE = 500;
+
+export const MIN_HANDLER_WIDTH = 30;
+
+export const TIMELINE_COLORS: {
+    [key: string]: string;
+} = {
+    happy: '#F3AD26',
+    neutral: '#676767',
+    sad: '#539EF9',
+    surprised: '#BC72E1',
+    angry: '#F35826',
+    fearful: '#3AC8C8',
+    disgusted: '#65B16B',
+    'no-detection': '#FFFFFF00'
+};
+
+export const CLEAR_TIME_BOUNDARY_THRESHOLD = 1000;
diff --git a/react/features/speaker-stats/functions.ts b/react/features/speaker-stats/functions.ts
new file mode 100644
index 0000000..1804d87
--- /dev/null
+++ b/react/features/speaker-stats/functions.ts
@@ -0,0 +1,274 @@
+import { cloneDeep } from 'lodash-es';
+
+import { IReduxState } from '../app/types';
+import { getConferenceTimestamp } from '../base/conference/functions';
+import { PARTICIPANT_ROLE } from '../base/participants/constants';
+import { getParticipantById } from '../base/participants/functions';
+import { FaceLandmarks } from '../face-landmarks/types';
+
+import { THRESHOLD_FIXED_AXIS } from './constants';
+import { ISpeaker, ISpeakerStats } from './reducer';
+
+/**
+ * Checks if the speaker stats search is disabled.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @returns {boolean} - True if the speaker stats search is disabled and false otherwise.
+ */
+export function isSpeakerStatsSearchDisabled(state: IReduxState) {
+    return state['features/base/config']?.speakerStats?.disableSearch;
+}
+
+/**
+ * Checks if the speaker stats is disabled.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @returns {boolean} - True if the speaker stats search is disabled and false otherwise.
+ */
+export function isSpeakerStatsDisabled(state: IReduxState) {
+    return state['features/base/config']?.speakerStats?.disabled;
+}
+
+/**
+ * Gets whether participants in speaker stats should be ordered or not, and with what priority.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @returns {Array<string>} - The speaker stats order array or an empty array.
+ */
+export function getSpeakerStatsOrder(state: IReduxState) {
+    return state['features/base/config']?.speakerStats?.order ?? [
+        'role',
+        'name',
+        'hasLeft'
+    ];
+}
+
+/**
+ * Gets speaker stats.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @returns {Object} - The speaker stats.
+ */
+export function getSpeakerStats(state: IReduxState) {
+    return state['features/speaker-stats']?.stats ?? {};
+}
+
+/**
+ * Gets speaker stats search criteria.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @returns {string | null} - The search criteria.
+ */
+export function getSearchCriteria(state: IReduxState) {
+    return state['features/speaker-stats']?.criteria;
+}
+
+/**
+ * Gets if speaker stats reorder is pending.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @returns {boolean} - The pending reorder flag.
+ */
+export function getPendingReorder(state: IReduxState) {
+    return state['features/speaker-stats']?.pendingReorder ?? false;
+}
+
+/**
+ * Get sorted speaker stats ids based on a configuration setting.
+ *
+ * @param {IState} state - The redux state.
+ * @param {IState} stats - The current speaker stats.
+ * @returns {string[] | undefined} - Ordered speaker stats ids.
+ * @public
+ */
+export function getSortedSpeakerStatsIds(state: IReduxState, stats: ISpeakerStats) {
+    const orderConfig = getSpeakerStatsOrder(state);
+
+    if (orderConfig) {
+        const enhancedStats = getEnhancedStatsForOrdering(state, stats, orderConfig);
+
+        return Object.entries(enhancedStats)
+            .sort(([ , a ], [ , b ]) => compareFn(a, b))
+            .map(el => el[0]);
+    }
+
+    /**
+     *
+     * Compares the order of two participants in the speaker stats list.
+     *
+     * @param {ISpeaker} currentParticipant - The first participant for comparison.
+     * @param {ISpeaker} nextParticipant - The second participant for comparison.
+     * @returns {number} - The sort order of the two participants.
+     */
+    function compareFn(currentParticipant: ISpeaker, nextParticipant: ISpeaker) {
+        if (orderConfig.includes('hasLeft')) {
+            if (nextParticipant.hasLeft() && !currentParticipant.hasLeft()) {
+                return -1;
+            } else if (currentParticipant.hasLeft() && !nextParticipant.hasLeft()) {
+                return 1;
+            }
+        }
+
+        let result = 0;
+
+        for (const sortCriteria of orderConfig) {
+            switch (sortCriteria) {
+            case 'role':
+                if (!nextParticipant.isModerator && currentParticipant.isModerator) {
+                    result = -1;
+                } else if (!currentParticipant.isModerator && nextParticipant.isModerator) {
+                    result = 1;
+                } else {
+                    result = 0;
+                }
+                break;
+            case 'name':
+                result = (currentParticipant.displayName || '').localeCompare(
+                    nextParticipant.displayName || ''
+                );
+                break;
+            }
+
+            if (result !== 0) {
+                break;
+            }
+        }
+
+        return result;
+    }
+}
+
+/**
+ * Enhance speaker stats to include data needed for ordering.
+ *
+ * @param {IState} state - The redux state.
+ * @param {ISpeakerStats} stats - Speaker stats.
+ * @param {Array<string>} orderConfig - Ordering configuration.
+ * @returns {ISpeakerStats} - Enhanced speaker stats.
+ * @public
+ */
+function getEnhancedStatsForOrdering(state: IReduxState, stats: ISpeakerStats, orderConfig: Array<string>) {
+    if (!orderConfig) {
+        return stats;
+    }
+
+    for (const id in stats) {
+        if (stats[id].hasOwnProperty('_hasLeft') && !stats[id].hasLeft()) {
+            if (orderConfig.includes('role')) {
+                const participant = getParticipantById(state, stats[id].getUserId());
+
+                stats[id].isModerator = participant && participant.role === PARTICIPANT_ROLE.MODERATOR;
+            }
+        }
+    }
+
+    return stats;
+}
+
+/**
+ * Filter stats by search criteria.
+ *
+ * @param {IState} state - The redux state.
+ * @param {ISpeakerStats | undefined} stats - The unfiltered stats.
+ *
+ * @returns {ISpeakerStats} - Filtered speaker stats.
+ * @public
+ */
+export function filterBySearchCriteria(state: IReduxState, stats?: ISpeakerStats) {
+    const filteredStats = cloneDeep(stats ?? getSpeakerStats(state));
+    const criteria = getSearchCriteria(state);
+
+    if (criteria !== null) {
+        const searchRegex = new RegExp(criteria, 'gi');
+
+        for (const id in filteredStats) {
+            if (filteredStats[id].hasOwnProperty('_isLocalStats')) {
+                const name = filteredStats[id].getDisplayName();
+
+                filteredStats[id].hidden = !name?.match(searchRegex);
+            }
+        }
+    }
+
+    return filteredStats;
+}
+
+/**
+ * Reset the hidden speaker stats.
+ *
+ * @param {IState} state - The redux state.
+ * @param {ISpeakerStats | undefined} stats - The unfiltered stats.
+ *
+ * @returns {Object} - Speaker stats.
+ * @public
+ */
+export function resetHiddenStats(state: IReduxState, stats?: ISpeakerStats) {
+    const resetStats = cloneDeep(stats ?? getSpeakerStats(state));
+
+    for (const id in resetStats) {
+        if (resetStats[id].hidden) {
+            resetStats[id].hidden = false;
+        }
+    }
+
+    return resetStats;
+}
+
+/**
+ * Gets the current duration of the conference.
+ *
+ * @param {IState} state - The redux state.
+ * @returns {number | null} - The duration in milliseconds or null.
+ */
+export function getCurrentDuration(state: IReduxState) {
+    const startTimestamp = getConferenceTimestamp(state);
+
+    return startTimestamp ? Date.now() - startTimestamp : null;
+}
+
+/**
+ * Gets the boundaries of the emotion timeline.
+ *
+ * @param {IState} state - The redux state.
+ * @returns {Object} - The left and right boundaries.
+ */
+export function getTimelineBoundaries(state: IReduxState) {
+    const { timelineBoundary, offsetLeft, offsetRight } = state['features/speaker-stats'];
+    const currentDuration = getCurrentDuration(state) ?? 0;
+    const rightBoundary = timelineBoundary ? timelineBoundary : currentDuration;
+    let leftOffset = 0;
+
+    if (rightBoundary > THRESHOLD_FIXED_AXIS) {
+        leftOffset = rightBoundary - THRESHOLD_FIXED_AXIS;
+    }
+
+    const left = offsetLeft + leftOffset;
+    const right = rightBoundary + offsetRight;
+
+    return {
+        left,
+        right
+    };
+}
+
+/**
+ * Returns the conference start time of the face landmarks.
+ *
+ * @param {FaceLandmarks} faceLandmarks - The face landmarks.
+ * @param {number} startTimestamp - The start timestamp of the conference.
+ * @returns {number}
+ */
+export function getFaceLandmarksStart(faceLandmarks: FaceLandmarks, startTimestamp: number) {
+    return faceLandmarks.timestamp - startTimestamp;
+}
+
+/**
+ * Returns the conference end time of the face landmarks.
+ *
+ * @param {FaceLandmarks} faceLandmarks - The face landmarks.
+ * @param {number} startTimestamp - The start timestamp of the conference.
+ * @returns {number}
+ */
+export function getFaceLandmarksEnd(faceLandmarks: FaceLandmarks, startTimestamp: number) {
+    return getFaceLandmarksStart(faceLandmarks, startTimestamp) + faceLandmarks.duration;
+}
diff --git a/react/features/speaker-stats/hooks.web.ts b/react/features/speaker-stats/hooks.web.ts
new file mode 100644
index 0000000..04be28e
--- /dev/null
+++ b/react/features/speaker-stats/hooks.web.ts
@@ -0,0 +1,23 @@
+import { useSelector } from 'react-redux';
+
+import SpeakerStatsButton from './components/web/SpeakerStatsButton';
+import { isSpeakerStatsDisabled } from './functions';
+
+const speakerStats = {
+    key: 'stats',
+    Content: SpeakerStatsButton,
+    group: 3
+};
+
+/**
+ * A hook that returns the speaker stats button if it is enabled and undefined otherwise.
+ *
+ *  @returns {Object | undefined}
+ */
+export function useSpeakerStatsButton() {
+    const disabled = useSelector(isSpeakerStatsDisabled);
+
+    if (!disabled) {
+        return speakerStats;
+    }
+}
diff --git a/react/features/speaker-stats/middleware.ts b/react/features/speaker-stats/middleware.ts
new file mode 100644
index 0000000..b220709
--- /dev/null
+++ b/react/features/speaker-stats/middleware.ts
@@ -0,0 +1,101 @@
+import { batch } from 'react-redux';
+import { AnyAction } from 'redux';
+
+import { IStore } from '../app/types';
+import {
+    PARTICIPANT_JOINED,
+    PARTICIPANT_KICKED,
+    PARTICIPANT_LEFT,
+    PARTICIPANT_UPDATED
+} from '../base/participants/actionTypes';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+
+import {
+    ADD_TO_OFFSET,
+    INIT_SEARCH,
+    INIT_UPDATE_STATS,
+    RESET_SEARCH_CRITERIA
+} from './actionTypes';
+import {
+    clearTimelineBoundary,
+    initReorderStats,
+    setTimelineBoundary,
+    updateSortedSpeakerStatsIds,
+    updateStats
+} from './actions.any';
+import { CLEAR_TIME_BOUNDARY_THRESHOLD } from './constants';
+import {
+    filterBySearchCriteria,
+    getCurrentDuration,
+    getPendingReorder,
+    getSortedSpeakerStatsIds,
+    getTimelineBoundaries,
+    resetHiddenStats
+} from './functions';
+
+MiddlewareRegistry.register(({ dispatch, getState }: IStore) => (next: Function) => (action: AnyAction) => {
+    switch (action.type) {
+    case INIT_SEARCH: {
+        const state = getState();
+        const stats = filterBySearchCriteria(state);
+
+        dispatch(updateStats(stats));
+        break;
+    }
+
+    case INIT_UPDATE_STATS:
+        if (action.getSpeakerStats) {
+            const state = getState();
+            const speakerStats = { ...action.getSpeakerStats() };
+            const stats = filterBySearchCriteria(state, speakerStats);
+            const pendingReorder = getPendingReorder(state);
+
+            batch(() => {
+                if (pendingReorder) {
+                    dispatch(updateSortedSpeakerStatsIds(getSortedSpeakerStatsIds(state, stats) ?? []));
+                }
+
+                dispatch(updateStats(stats));
+            });
+
+        }
+
+        break;
+
+    case RESET_SEARCH_CRITERIA: {
+        const state = getState();
+        const stats = resetHiddenStats(state);
+
+        dispatch(updateStats(stats));
+        break;
+    }
+    case PARTICIPANT_JOINED:
+    case PARTICIPANT_LEFT:
+    case PARTICIPANT_KICKED:
+    case PARTICIPANT_UPDATED: {
+        const { pendingReorder } = getState()['features/speaker-stats'];
+
+        if (!pendingReorder) {
+            dispatch(initReorderStats());
+        }
+        break;
+    }
+
+    case ADD_TO_OFFSET: {
+        const state = getState();
+        const { timelineBoundary } = state['features/speaker-stats'];
+        const { right } = getTimelineBoundaries(state);
+        const currentDuration = getCurrentDuration(state) ?? 0;
+
+        if (Math.abs((right + action.value) - currentDuration) < CLEAR_TIME_BOUNDARY_THRESHOLD) {
+            dispatch(clearTimelineBoundary());
+        } else if (!timelineBoundary) {
+            dispatch(setTimelineBoundary(currentDuration ?? 0));
+        }
+
+        break;
+    }
+    }
+
+    return next(action);
+});
diff --git a/react/features/speaker-stats/reducer.ts b/react/features/speaker-stats/reducer.ts
new file mode 100644
index 0000000..887055c
--- /dev/null
+++ b/react/features/speaker-stats/reducer.ts
@@ -0,0 +1,188 @@
+import { assign } from 'lodash-es';
+
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+import { FaceLandmarks } from '../face-landmarks/types';
+
+import {
+    ADD_TO_OFFSET,
+    ADD_TO_OFFSET_LEFT,
+    ADD_TO_OFFSET_RIGHT,
+    INIT_REORDER_STATS,
+    INIT_SEARCH,
+    RESET_SEARCH_CRITERIA,
+    SET_PANNING,
+    SET_TIMELINE_BOUNDARY,
+    TOGGLE_FACE_EXPRESSIONS,
+    UPDATE_SORTED_SPEAKER_STATS_IDS,
+    UPDATE_STATS
+} from './actionTypes';
+
+/**
+ * The initial state of the feature speaker-stats.
+ *
+ * @type {Object}
+ */
+const INITIAL_STATE = {
+    stats: {},
+    isOpen: false,
+    pendingReorder: true,
+    criteria: null,
+    showFaceExpressions: false,
+    sortedSpeakerStatsIds: [],
+    timelineBoundary: null,
+    offsetLeft: 0,
+    offsetRight: 0,
+    timelinePanning: {
+        active: false,
+        x: 0
+    }
+};
+
+export interface ISpeaker {
+    addFaceLandmarks: (faceLandmarks: FaceLandmarks) => void;
+    displayName?: string;
+    getDisplayName: () => string;
+    getFaceLandmarks: () => FaceLandmarks[];
+    getTotalDominantSpeakerTime: () => number;
+    getUserId: () => string;
+    hasLeft: () => boolean;
+    hidden?: boolean;
+    isDominantSpeaker: () => boolean;
+    isLocalStats: () => boolean;
+    isModerator?: boolean;
+    markAsHasLeft: () => boolean;
+    setDisplayName: (newName: string) => void;
+    setDominantSpeaker: (isNowDominantSpeaker: boolean, silence: boolean) => void;
+    setFaceLandmarks: (faceLandmarks: FaceLandmarks[]) => void;
+}
+
+export interface ISpeakerStats {
+    [key: string]: ISpeaker;
+}
+
+export interface ISpeakerStatsState {
+    criteria: string | null;
+    isOpen: boolean;
+    offsetLeft: number;
+    offsetRight: number;
+    pendingReorder: boolean;
+    showFaceExpressions: boolean;
+    sortedSpeakerStatsIds: Array<string>;
+    stats: ISpeakerStats;
+    timelineBoundary: number | null;
+    timelinePanning: {
+        active: boolean;
+        x: number;
+    };
+}
+
+ReducerRegistry.register<ISpeakerStatsState>('features/speaker-stats',
+(state = INITIAL_STATE, action): ISpeakerStatsState => {
+    switch (action.type) {
+    case INIT_SEARCH:
+        return _updateCriteria(state, action);
+    case UPDATE_STATS:
+        return _updateStats(state, action);
+    case INIT_REORDER_STATS:
+        return _initReorderStats(state);
+    case UPDATE_SORTED_SPEAKER_STATS_IDS:
+        return _updateSortedSpeakerStats(state, action);
+    case RESET_SEARCH_CRITERIA:
+        return _updateCriteria(state, { criteria: null });
+    case TOGGLE_FACE_EXPRESSIONS: {
+        return {
+            ...state,
+            showFaceExpressions: !state.showFaceExpressions
+        };
+    }
+    case ADD_TO_OFFSET: {
+        return {
+            ...state,
+            offsetLeft: state.offsetLeft + action.value,
+            offsetRight: state.offsetRight + action.value
+        };
+    }
+    case ADD_TO_OFFSET_RIGHT: {
+        return {
+            ...state,
+            offsetRight: state.offsetRight + action.value
+        };
+    }
+    case ADD_TO_OFFSET_LEFT: {
+        return {
+            ...state,
+            offsetLeft: state.offsetLeft + action.value
+        };
+    }
+    case SET_TIMELINE_BOUNDARY: {
+        return {
+            ...state,
+            timelineBoundary: action.boundary
+        };
+    }
+    case SET_PANNING: {
+        return {
+            ...state,
+            timelinePanning: action.panning
+        };
+    }
+    }
+
+    return state;
+});
+
+/**
+ * Reduces a specific Redux action INIT_SEARCH of the feature
+ * speaker-stats.
+ *
+ * @param {Object} state - The Redux state of the feature speaker-stats.
+ * @param {Action} action - The Redux action INIT_SEARCH to reduce.
+ * @private
+ * @returns {Object} The new state after the reduction of the specified action.
+ */
+function _updateCriteria(state: ISpeakerStatsState, { criteria }: { criteria: string | null; }) {
+    return assign({}, state, { criteria });
+}
+
+/**
+ * Reduces a specific Redux action UPDATE_STATS of the feature speaker-stats.
+ *
+ * @param {Object} state - The Redux state of the feature speaker-stats.
+ * @param {Action} action - The Redux action UPDATE_STATS to reduce.
+ * @private
+ * @returns {Object} - The new state after the reduction of the specified action.
+ */
+function _updateStats(state: ISpeakerStatsState, { stats }: { stats: any; }) {
+    return {
+        ...state,
+        stats
+    };
+}
+
+/**
+ * Reduces a specific Redux action UPDATE_SORTED_SPEAKER_STATS_IDS of the feature speaker-stats.
+ *
+ * @param {Object} state - The Redux state of the feature speaker-stats.
+ * @param {Action} action - The Redux action UPDATE_SORTED_SPEAKER_STATS_IDS to reduce.
+ * @private
+ * @returns {Object} The new state after the reduction of the specified action.
+ */
+function _updateSortedSpeakerStats(state: ISpeakerStatsState, { participantIds }: { participantIds: Array<string>; }) {
+    return {
+        ...state,
+        sortedSpeakerStatsIds: participantIds,
+        pendingReorder: false
+    };
+}
+
+/**
+ * Reduces a specific Redux action INIT_REORDER_STATS of the feature
+ * speaker-stats.
+ *
+ * @param {Object} state - The Redux state of the feature speaker-stats.
+ * @private
+ * @returns {Object} The new state after the reduction of the specified action.
+ */
+function _initReorderStats(state: ISpeakerStatsState) {
+    return assign({}, state, { pendingReorder: true });
+}
diff --git a/react/features/stream-effects/audio-mixer/AudioMixerEffect.ts b/react/features/stream-effects/audio-mixer/AudioMixerEffect.ts
new file mode 100644
index 0000000..6ca136c
--- /dev/null
+++ b/react/features/stream-effects/audio-mixer/AudioMixerEffect.ts
@@ -0,0 +1,113 @@
+import JitsiMeetJS from '../../base/lib-jitsi-meet';
+import { MEDIA_TYPE } from '../../base/media/constants';
+
+/**
+ * Class Implementing the effect interface expected by a JitsiLocalTrack.
+ * The AudioMixerEffect, as the name implies, mixes two JitsiLocalTracks containing a audio track. First track is
+ * provided at the moment of creation, second is provided through the effect interface.
+ */
+export class AudioMixerEffect {
+    /**
+     * JitsiLocalTrack that is going to be mixed into the track that uses this effect.
+     */
+    _mixAudio: any;
+
+    /**
+     * MediaStream resulted from mixing.
+     */
+    _mixedMediaStream: any;
+
+    /**
+     * MediaStreamTrack obtained from mixed stream.
+     */
+    _mixedMediaTrack: Object;
+
+    /**
+     * Original MediaStream from the JitsiLocalTrack that uses this effect.
+     */
+    _originalStream: Object;
+
+    /**
+     * MediaStreamTrack obtained from the original MediaStream.
+     */
+    _originalTrack: any;
+
+    /**
+     * Lib-jitsi-meet AudioMixer.
+     */
+    _audioMixer: any;
+
+    /**
+     * Creates AudioMixerEffect.
+     *
+     * @param {JitsiLocalTrack} mixAudio - JitsiLocalTrack which will be mixed with the original track.
+     */
+    constructor(mixAudio: any) {
+        if (mixAudio.getType() !== MEDIA_TYPE.AUDIO) {
+            throw new Error('AudioMixerEffect only supports audio JitsiLocalTracks; effect will not work!');
+        }
+
+        this._mixAudio = mixAudio;
+    }
+
+    /**
+     * Checks if the JitsiLocalTrack supports this effect.
+     *
+     * @param {JitsiLocalTrack} sourceLocalTrack - Track to which the effect will be applied.
+     * @returns {boolean} - Returns true if this effect can run on the specified track, false otherwise.
+     */
+    isEnabled(sourceLocalTrack: any) {
+        // Both JitsiLocalTracks need to be audio i.e. contain an audio MediaStreamTrack
+        return sourceLocalTrack.isAudioTrack() && this._mixAudio.isAudioTrack();
+    }
+
+    /**
+     * Effect interface called by source JitsiLocalTrack, At this point a WebAudio ChannelMergerNode is created
+     * and and the two associated MediaStreams are connected to it; the resulting mixed MediaStream is returned.
+     *
+     * @param {MediaStream} audioStream - Audio stream which will be mixed with _mixAudio.
+     * @returns {MediaStream} - MediaStream containing both audio tracks mixed together.
+     */
+    // @ts-ignore
+    startEffect(audioStream: MediaStream) {
+        this._originalStream = audioStream;
+        this._originalTrack = audioStream.getTracks()[0];
+
+        this._audioMixer = JitsiMeetJS.createAudioMixer();
+        this._audioMixer.addMediaStream(this._mixAudio.getOriginalStream());
+        this._audioMixer.addMediaStream(this._originalStream);
+
+        this._mixedMediaStream = this._audioMixer.start();
+        this._mixedMediaTrack = this._mixedMediaStream.getTracks()[0];
+
+        return this._mixedMediaStream;
+    }
+
+    /**
+     * Reset the AudioMixer stopping it in the process.
+     *
+     * @returns {void}
+     */
+    stopEffect() {
+        this._audioMixer.reset();
+    }
+
+    /**
+     * Change the muted state of the effect.
+     *
+     * @param {boolean} muted - Should effect be muted or not.
+     * @returns {void}
+     */
+    setMuted(muted: boolean) {
+        this._originalTrack.enabled = !muted;
+    }
+
+    /**
+     * Check whether or not this effect is muted.
+     *
+     * @returns {boolean}
+     */
+    isMuted() {
+        return !this._originalTrack.enabled;
+    }
+}
diff --git a/react/features/stream-effects/noise-suppression/NoiseSuppressionEffect.ts b/react/features/stream-effects/noise-suppression/NoiseSuppressionEffect.ts
new file mode 100644
index 0000000..9c63914
--- /dev/null
+++ b/react/features/stream-effects/noise-suppression/NoiseSuppressionEffect.ts
@@ -0,0 +1,277 @@
+import { INoiseSuppressionConfig } from '../../base/config/configType';
+import { getBaseUrl } from '../../base/util/helpers';
+
+import logger from './logger';
+
+interface IKrispState {
+    filterNode?: AudioWorkletNode;
+    filterNodeReady: boolean;
+    sdk: any;
+    sdkInitialized: boolean;
+}
+
+const krispState: IKrispState = {
+    filterNode: undefined,
+    filterNodeReady: false,
+    sdk: undefined,
+    sdkInitialized: false
+};
+
+let audioContext: AudioContext;
+
+/**
+ * Class Implementing the effect interface expected by a JitsiLocalTrack.
+ * Effect applies rnnoise denoising on a audio JitsiLocalTrack.
+ */
+export class NoiseSuppressionEffect {
+
+    /**
+     * Source that will be attached to the track affected by the effect.
+     */
+    private _audioSource: MediaStreamAudioSourceNode;
+
+    /**
+     * Destination that will contain denoised audio from the audio worklet.
+     */
+    private _audioDestination: MediaStreamAudioDestinationNode;
+
+    /**
+     * `AudioWorkletProcessor` associated node.
+     */
+    private _noiseSuppressorNode?: AudioWorkletNode;
+
+    /**
+     * Audio track extracted from the original MediaStream to which the effect is applied.
+     */
+    private _originalMediaTrack: MediaStreamTrack;
+
+    /**
+     * Noise suppressed audio track extracted from the media destination node.
+     */
+    private _outputMediaTrack: MediaStreamTrack;
+
+    /**
+     * Configured options for noise suppression.
+     */
+    private _options?: INoiseSuppressionConfig;
+
+    /**
+     * Instantiates a noise suppressor audio effect which will use either rnnoise or krisp.
+     *
+     * @param {INoiseSuppressionConfig} options - Configured options.
+     */
+    constructor(options?: INoiseSuppressionConfig) {
+        this._options = options;
+
+        const useKrisp = options?.krisp?.enabled;
+
+        logger.info(`NoiseSuppressionEffect created with ${useKrisp ? 'Krisp' : 'RNNoise'}`);
+    }
+
+    /**
+     * Effect interface called by source JitsiLocalTrack.
+     * Applies effect that uses a {@code NoiseSuppressor} service initialized with {@code RnnoiseProcessor}
+     * for denoising.
+     *
+     * @param {MediaStream} audioStream - Audio stream which will be mixed with _mixAudio.
+     * @returns {MediaStream} - MediaStream containing both audio tracks mixed together.
+     */
+    startEffect(audioStream: MediaStream): MediaStream {
+        this._originalMediaTrack = audioStream.getAudioTracks()[0];
+
+        if (!audioContext) {
+            audioContext = new AudioContext();
+        }
+
+        this._audioSource = audioContext.createMediaStreamSource(audioStream);
+        this._audioDestination = audioContext.createMediaStreamDestination();
+        this._outputMediaTrack = this._audioDestination.stream.getAudioTracks()[0];
+
+        let init;
+
+        if (this._options?.krisp?.enabled) {
+            init = _initializeKrisp(this._options, audioStream).then(filterNode => {
+                this._noiseSuppressorNode = filterNode;
+
+                if (krispState.filterNodeReady) {
+                    // @ts-ignore
+                    krispState.filterNode?.enable();
+                }
+            });
+        } else {
+            init = _initializeKRnnoise().then(filterNode => {
+                this._noiseSuppressorNode = filterNode;
+            });
+        }
+
+        // Connect the audio processing graph MediaStream -> AudioWorkletNode -> MediaStreamAudioDestinationNode
+
+        init.then(() => {
+            if (this._noiseSuppressorNode) {
+                this._audioSource.connect(this._noiseSuppressorNode);
+                this._noiseSuppressorNode.connect(this._audioDestination);
+            }
+        });
+
+        // Sync the effect track muted state with the original track state.
+        this._outputMediaTrack.enabled = this._originalMediaTrack.enabled;
+
+        // We enable the audio on the original track because mute/unmute action will only affect the audio destination
+        // output track from this point on.
+        this._originalMediaTrack.enabled = true;
+
+        return this._audioDestination.stream;
+    }
+
+    /**
+     * Checks if the JitsiLocalTrack supports this effect.
+     *
+     * @param {JitsiLocalTrack} sourceLocalTrack - Track to which the effect will be applied.
+     * @returns {boolean} - Returns true if this effect can run on the specified track, false otherwise.
+     */
+    isEnabled(sourceLocalTrack: any): boolean {
+        // JitsiLocalTracks needs to be an audio track.
+        return sourceLocalTrack.isAudioTrack();
+    }
+
+    /**
+     * Clean up resources acquired by noise suppressor and rnnoise processor.
+     *
+     * @returns {void}
+     */
+    stopEffect(): void {
+        // Sync original track muted state with effect state before removing the effect.
+        this._originalMediaTrack.enabled = this._outputMediaTrack.enabled;
+
+        if (this._options?.krisp?.enabled) {
+            // When using Krisp we'll just disable the filter which we'll keep reusing.
+
+            // @ts-ignore
+            this._noiseSuppressorNode?.disable();
+        } else {
+            // Technically after this process the Audio Worklet along with it's resources should be garbage collected,
+            // however on chrome there seems to be a problem as described here:
+            // https://bugs.chromium.org/p/chromium/issues/detail?id=1298955
+            this._noiseSuppressorNode?.port?.close();
+        }
+
+        this._audioDestination?.disconnect();
+        this._noiseSuppressorNode?.disconnect();
+        this._audioSource?.disconnect();
+
+        audioContext.suspend();
+    }
+}
+
+/**
+ * Initializes the Krisp SDK and creates the filter node.
+ *
+ * @param {INoiseSuppressionConfig} options - Krisp options.
+ * @param {MediaStream} stream - Audio stream which will be mixed with _mixAudio.
+ *
+ * @returns {Promise<AudioWorkletNode | undefined>}
+ */
+async function _initializeKrisp(
+        options: INoiseSuppressionConfig,
+        stream: MediaStream
+): Promise<AudioWorkletNode | undefined> {
+    await audioContext.resume();
+
+    if (!krispState.sdk) {
+        const baseUrl = `${getBaseUrl()}libs/krisp`;
+        const { default: KrispSDK } = await import(/* webpackIgnore: true */ `${baseUrl}/krispsdk.mjs`);
+
+        const ncParams = {
+            krisp: {
+                models: {
+                    modelBVC: `${baseUrl}/models/${options?.krisp?.models?.modelBVC}`,
+                    model8: `${baseUrl}/models/${options?.krisp?.models?.model8}`,
+                    modelNC: `${baseUrl}/models/${options?.krisp?.models?.modelNC}`
+                },
+                logProcessStats: !options?.krisp?.logProcessStats,
+                debugLogs: !options?.krisp?.debugLogs,
+                useBVC: !options?.krisp?.useBVC,
+                bvc: {
+                    allowedDevices: `${baseUrl}/assets/${options?.krisp?.bvc?.allowedDevices}`,
+                    allowedDevicesExt: `${baseUrl}/assets/${options?.krisp?.bvc?.allowedDevicesExt}`
+                },
+                inboundModels: {
+                    modelInbound8: `${baseUrl}/models/${options?.krisp?.inboundModels?.modelInbound8}`,
+                    modelInbound16: `${baseUrl}/models/${options?.krisp?.inboundModels?.modelInbound16}`
+                },
+                preloadModels: {
+                    modelBVC: `${baseUrl}/models/${options?.krisp?.preloadModels?.modelBVC}`,
+                    model8: `${baseUrl}/models/${options?.krisp?.preloadModels?.model8}`,
+                    modelNC: `${baseUrl}/models/${options?.krisp?.preloadModels?.modelNC}`
+                },
+                preloadInboundModels: {
+                    modelInbound8: `${baseUrl}/models/${options?.krisp?.preloadInboundModels?.modelInbound8}`,
+                    modelInbound16: `${baseUrl}/models/${options?.krisp?.preloadInboundModels?.modelInbound16}`
+                }
+            }
+        };
+
+        krispState.sdk = new KrispSDK({
+            params: ncParams.krisp,
+            callbacks: {}
+        });
+    }
+
+    if (!krispState.sdkInitialized) {
+        // @ts-ignore
+        await krispState.sdk?.init();
+
+        krispState.sdkInitialized = true;
+    }
+
+    if (!krispState.filterNode) {
+        try {
+            // @ts-ignore
+            krispState.filterNode = await krispState.sdk?.createNoiseFilter(
+                {
+                    audioContext,
+                    stream
+                },
+                () => {
+                    logger.info('Krisp audio filter ready');
+
+                    // Enable audio filtering.
+                    // @ts-ignore
+                    krispState.filterNode?.enable();
+                    krispState.filterNodeReady = true;
+                }
+            );
+        } catch (e) {
+            logger.error('Failed to create Krisp noise filter', e);
+
+            krispState.filterNode = undefined;
+            krispState.filterNodeReady = false;
+        }
+    }
+
+    return krispState.filterNode;
+}
+
+/**
+ * Initializes the RNNoise audio worklet and creates the filter node.
+ *
+ * @returns {Promise<AudioWorkletNode | undefined>}
+ */
+async function _initializeKRnnoise(): Promise<AudioWorkletNode | undefined> {
+    await audioContext.resume();
+
+    const baseUrl = `${getBaseUrl()}libs/`;
+    const workletUrl = `${baseUrl}noise-suppressor-worklet.min.js`;
+
+    try {
+        await audioContext.audioWorklet.addModule(workletUrl);
+    } catch (e) {
+        logger.error('Error while adding audio worklet module: ', e);
+
+        return;
+    }
+
+    // After the resolution of module loading, an AudioWorkletNode can be constructed.
+
+    return new AudioWorkletNode(audioContext, 'NoiseSuppressorWorklet');
+}
diff --git a/react/features/stream-effects/noise-suppression/NoiseSuppressorWorklet.ts b/react/features/stream-effects/noise-suppression/NoiseSuppressorWorklet.ts
new file mode 100644
index 0000000..d7dcd88
--- /dev/null
+++ b/react/features/stream-effects/noise-suppression/NoiseSuppressorWorklet.ts
@@ -0,0 +1,177 @@
+// @ts-expect-error
+import { createRNNWasmModuleSync } from '@jitsi/rnnoise-wasm';
+
+import { leastCommonMultiple } from '../../base/util/math';
+import RnnoiseProcessor from '../rnnoise/RnnoiseProcessor';
+
+
+/**
+ * Audio worklet which will denoise targeted audio stream using rnnoise.
+ */
+class NoiseSuppressorWorklet extends AudioWorkletProcessor {
+    /**
+     * RnnoiseProcessor instance.
+     */
+    private _denoiseProcessor: RnnoiseProcessor;
+
+    /**
+     * Audio worklets work with a predefined sample rate of 128.
+     */
+    private _procNodeSampleRate = 128;
+
+    /**
+     * PCM Sample size expected by the denoise processor.
+     */
+    private _denoiseSampleSize: number;
+
+    /**
+     * Circular buffer data used for efficient memory operations.
+     */
+    private _circularBufferLength: number;
+
+    private _circularBuffer: Float32Array;
+
+    /**
+     * The circular buffer uses a couple of indexes to track data segments. Input data from the stream is
+     * copied to the circular buffer as it comes in, one `procNodeSampleRate` sized sample at a time.
+     * _inputBufferLength denotes the current length of all gathered raw audio segments.
+     */
+    private _inputBufferLength = 0;
+
+    /**
+     * Denoising is done directly on the circular buffer using subArray views, but because
+     * `procNodeSampleRate` and `_denoiseSampleSize` have different sizes, denoised samples lag behind
+     * the current gathered raw audio samples so we need a different index, `_denoisedBufferLength`.
+     */
+    private _denoisedBufferLength = 0;
+
+    /**
+     * Once enough data has been denoised (size of procNodeSampleRate) it's sent to the
+     * output buffer, `_denoisedBufferIndx` indicates the start index on the circular buffer
+     * of denoised data not yet sent.
+     */
+    private _denoisedBufferIndx = 0;
+
+    /**
+     * C'tor.
+     */
+    constructor() {
+        super();
+
+        /**
+         * The wasm module needs to be compiled to load synchronously as the audio worklet `addModule()`
+         * initialization process does not wait for the resolution of promises in the AudioWorkletGlobalScope.
+         */
+        this._denoiseProcessor = new RnnoiseProcessor(createRNNWasmModuleSync());
+
+        /**
+         * PCM Sample size expected by the denoise processor.
+         */
+        this._denoiseSampleSize = this._denoiseProcessor.getSampleLength();
+
+        /**
+         * In order to avoid unnecessary memory related operations a circular buffer was used.
+         * Because the audio worklet input array does not match the sample size required by rnnoise two cases can occur
+         * 1. There is not enough data in which case we buffer it.
+         * 2. There is enough data but some residue remains after the call to `processAudioFrame`, so its buffered
+         * for the next call.
+         * A problem arises when the circular buffer reaches the end and a rollover is required, namely
+         * the residue could potentially be split between the end of buffer and the beginning and would
+         * require some complicated logic to handle. Using the lcm as the size of the buffer will
+         * guarantee that by the time the buffer reaches the end the residue will be a multiple of the
+         * `procNodeSampleRate` and the residue won't be split.
+         */
+        this._circularBufferLength = leastCommonMultiple(this._procNodeSampleRate, this._denoiseSampleSize);
+        this._circularBuffer = new Float32Array(this._circularBufferLength);
+    }
+
+    /**
+     * Worklet interface process method. The inputs parameter contains PCM audio that is then sent to rnnoise.
+     * Rnnoise only accepts PCM samples of 480 bytes whereas `process` handles 128 sized samples, we take this into
+     * account using a circular buffer.
+     *
+     * @param {Float32Array[]} inputs - Array of inputs connected to the node, each of them with their associated
+     * array of channels. Each channel is an array of 128 pcm samples.
+     * @param {Float32Array[]} outputs - Array of outputs similar to the inputs parameter structure, expected to be
+     * filled during the execution of `process`. By default each channel is zero filled.
+     * @returns {boolean} - Boolean value that returns whether or not the processor should remain active. Returning
+     * false will terminate it.
+     */
+    process(inputs: Float32Array[][], outputs: Float32Array[][]) {
+
+        // We expect the incoming track to be mono, if a stereo track is passed only on of its channels will get
+        // denoised and sent pack.
+        // TODO Technically we can denoise both channel however this might require a new rnnoise context, some more
+        // investigation is required.
+        const inData = inputs[0][0];
+        const outData = outputs[0][0];
+
+        // Exit out early if there is no input data (input node not connected/disconnected)
+        // as rest of worklet will crash otherwise
+        if (!inData) {
+            return true;
+        }
+
+        // Append new raw PCM sample.
+        this._circularBuffer.set(inData, this._inputBufferLength);
+        this._inputBufferLength += inData.length;
+
+        // New raw samples were just added, start denoising frames, _denoisedBufferLength gives us
+        // the position at which the previous denoise iteration ended, basically it takes into account
+        // residue data.
+        for (; this._denoisedBufferLength + this._denoiseSampleSize <= this._inputBufferLength;
+            this._denoisedBufferLength += this._denoiseSampleSize) {
+            // Create view of circular buffer so it can be modified in place, removing the need for
+            // extra copies.
+
+            const denoiseFrame = this._circularBuffer.subarray(
+                this._denoisedBufferLength,
+                this._denoisedBufferLength + this._denoiseSampleSize
+            );
+
+            this._denoiseProcessor.processAudioFrame(denoiseFrame, true);
+        }
+
+        // Determine how much denoised audio is available, if the start index of denoised samples is smaller
+        // then _denoisedBufferLength that means a rollover occurred.
+        let unsentDenoisedDataLength;
+
+        if (this._denoisedBufferIndx > this._denoisedBufferLength) {
+            unsentDenoisedDataLength = this._circularBufferLength - this._denoisedBufferIndx;
+        } else {
+            unsentDenoisedDataLength = this._denoisedBufferLength - this._denoisedBufferIndx;
+        }
+
+        // Only copy denoised data to output when there's enough of it to fit the exact buffer length.
+        // e.g. if the buffer size is 1024 samples but we only denoised 960 (this happens on the first iteration)
+        // nothing happens, then on the next iteration 1920 samples will be denoised so we send 1024 which leaves
+        // 896 for the next iteration and so on.
+        if (unsentDenoisedDataLength >= outData.length) {
+            const denoisedFrame = this._circularBuffer.subarray(
+                this._denoisedBufferIndx,
+                this._denoisedBufferIndx + outData.length
+            );
+
+            outData.set(denoisedFrame, 0);
+            this._denoisedBufferIndx += outData.length;
+        }
+
+        // When the end of the circular buffer has been reached, start from the beginning. By the time the index
+        // starts over, the data from the begging is stale (has already been processed) and can be safely
+        // overwritten.
+        if (this._denoisedBufferIndx === this._circularBufferLength) {
+            this._denoisedBufferIndx = 0;
+        }
+
+        // Because the circular buffer's length is the lcm of both input size and the processor's sample size,
+        // by the time we reach the end with the input index the denoise length index will be there as well.
+        if (this._inputBufferLength === this._circularBufferLength) {
+            this._inputBufferLength = 0;
+            this._denoisedBufferLength = 0;
+        }
+
+        return true;
+    }
+}
+
+registerProcessor('NoiseSuppressorWorklet', NoiseSuppressorWorklet);
diff --git a/react/features/stream-effects/noise-suppression/logger.ts b/react/features/stream-effects/noise-suppression/logger.ts
new file mode 100644
index 0000000..1bee565
--- /dev/null
+++ b/react/features/stream-effects/noise-suppression/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../../base/logging/functions';
+
+export default getLogger('app:effects-noise-suppression');
diff --git a/react/features/stream-effects/rnnoise/RnnoiseProcessor.ts b/react/features/stream-effects/rnnoise/RnnoiseProcessor.ts
new file mode 100644
index 0000000..5763898
--- /dev/null
+++ b/react/features/stream-effects/rnnoise/RnnoiseProcessor.ts
@@ -0,0 +1,186 @@
+/* eslint-disable no-bitwise */
+
+interface IRnnoiseModule extends EmscriptenModule {
+    _rnnoise_create: () => number;
+    _rnnoise_destroy: (context: number) => void;
+    _rnnoise_process_frame: (context: number, input: number, output: number) => number;
+}
+
+/**
+ * Constant. Rnnoise default sample size, samples of different size won't work.
+ */
+export const RNNOISE_SAMPLE_LENGTH = 480;
+
+/**
+ *  Constant. Rnnoise only takes inputs of 480 PCM float32 samples thus 480*4.
+ */
+const RNNOISE_BUFFER_SIZE: number = RNNOISE_SAMPLE_LENGTH * 4;
+
+/**
+ *  Constant. Rnnoise only takes operates on 44.1Khz float 32 little endian PCM.
+ */
+const PCM_FREQUENCY = 44100;
+
+/**
+ * Used to shift a 32 bit number by 16 bits.
+ */
+const SHIFT_16_BIT_NR = 32768;
+
+/**
+ * Represents an adaptor for the rnnoise library compiled to webassembly. The class takes care of webassembly
+ * memory management and exposes rnnoise functionality such as PCM audio denoising and VAD (voice activity
+ * detection) scores.
+ */
+export default class RnnoiseProcessor {
+    /**
+     * Rnnoise context object needed to perform the audio processing.
+     */
+    private _context: number;
+
+    /**
+     * State flag, check if the instance was destroyed.
+     */
+    private _destroyed = false;
+
+    /**
+     * WASM interface through which calls to rnnoise are made.
+     */
+    private _wasmInterface: IRnnoiseModule;
+
+    /**
+     * WASM dynamic memory buffer used as input for rnnoise processing method.
+     */
+    private _wasmPcmInput: number;
+
+    /**
+     * The Float32Array index representing the start point in the wasm heap of the _wasmPcmInput buffer.
+     */
+    private _wasmPcmInputF32Index: number;
+
+    /**
+     * Constructor.
+     *
+     * @class
+     * @param {Object} wasmInterface - WebAssembly module interface that exposes rnnoise functionality.
+     */
+    constructor(wasmInterface: IRnnoiseModule) {
+        // Considering that we deal with dynamic allocated memory employ exception safety strong guarantee
+        // i.e. in case of exception there are no side effects.
+        try {
+            this._wasmInterface = wasmInterface;
+
+            // For VAD score purposes only allocate the buffers once and reuse them
+            this._wasmPcmInput = this._wasmInterface._malloc(RNNOISE_BUFFER_SIZE);
+
+            this._wasmPcmInputF32Index = this._wasmPcmInput >> 2;
+
+            if (!this._wasmPcmInput) {
+                throw Error('Failed to create wasm input memory buffer!');
+            }
+
+            this._context = this._wasmInterface._rnnoise_create();
+        } catch (error) {
+            // release can be called even if not all the components were initialized.
+            this.destroy();
+            throw error;
+        }
+    }
+
+    /**
+     * Release resources associated with the wasm context. If something goes downhill here
+     * i.e. Exception is thrown, there is nothing much we can do.
+     *
+     * @returns {void}
+     */
+    _releaseWasmResources(): void {
+        // For VAD score purposes only allocate the buffers once and reuse them
+        if (this._wasmPcmInput) {
+            this._wasmInterface._free(this._wasmPcmInput);
+        }
+
+        if (this._context) {
+            this._wasmInterface._rnnoise_destroy(this._context);
+        }
+    }
+
+    /**
+     * Rnnoise can only operate on a certain PCM array size.
+     *
+     * @returns {number} - The PCM sample array size as required by rnnoise.
+     */
+    getSampleLength(): number {
+        return RNNOISE_SAMPLE_LENGTH;
+    }
+
+    /**
+     * Rnnoise can only operate on a certain format of PCM sample namely float 32 44.1Kz.
+     *
+     * @returns {number} - PCM sample frequency as required by rnnoise.
+     */
+    getRequiredPCMFrequency(): number {
+        return PCM_FREQUENCY;
+    }
+
+    /**
+     * Release any resources required by the rnnoise context this needs to be called
+     * before destroying any context that uses the processor.
+     *
+     * @returns {void}
+     */
+    destroy(): void {
+        // Attempting to release a non initialized processor, do nothing.
+        if (this._destroyed) {
+            return;
+        }
+
+        this._releaseWasmResources();
+
+        this._destroyed = true;
+    }
+
+    /**
+     * Calculate the Voice Activity Detection for a raw Float32 PCM sample Array.
+     * The size of the array must be of exactly 480 samples, this constraint comes from the rnnoise library.
+     *
+     * @param {Float32Array} pcmFrame - Array containing 32 bit PCM samples.
+     * @returns {Float} Contains VAD score in the interval 0 - 1 i.e. 0.90.
+     */
+    calculateAudioFrameVAD(pcmFrame: Float32Array): number {
+        return this.processAudioFrame(pcmFrame);
+    }
+
+    /**
+     * Process an audio frame, optionally denoising the input pcmFrame and returning the Voice Activity Detection score
+     * for a raw Float32 PCM sample Array.
+     * The size of the array must be of exactly 480 samples, this constraint comes from the rnnoise library.
+     *
+     * @param {Float32Array} pcmFrame - Array containing 32 bit PCM samples. Parameter is also used as output
+     * when {@code shouldDenoise} is true.
+     * @param {boolean} shouldDenoise - Should the denoised frame be returned in pcmFrame.
+     * @returns {Float} Contains VAD score in the interval 0 - 1 i.e. 0.90 .
+     */
+    processAudioFrame(pcmFrame: Float32Array, shouldDenoise: Boolean = false): number {
+        // Convert 32 bit Float PCM samples to 16 bit Float PCM samples as that's what rnnoise accepts as input
+        for (let i = 0; i < RNNOISE_SAMPLE_LENGTH; i++) {
+            this._wasmInterface.HEAPF32[this._wasmPcmInputF32Index + i] = pcmFrame[i] * SHIFT_16_BIT_NR;
+        }
+
+        // Use the same buffer for input/output, rnnoise supports this behavior
+        const vadScore = this._wasmInterface._rnnoise_process_frame(
+            this._context,
+            this._wasmPcmInput,
+            this._wasmPcmInput
+        );
+
+        // Rnnoise denoises the frame by default but we can avoid unnecessary operations if the calling
+        // client doesn't use the denoised frame.
+        if (shouldDenoise) {
+            // Convert back to 32 bit PCM
+            for (let i = 0; i < RNNOISE_SAMPLE_LENGTH; i++) {
+                pcmFrame[i] = this._wasmInterface.HEAPF32[this._wasmPcmInputF32Index + i] / SHIFT_16_BIT_NR;
+            }
+        }
+
+        return vadScore;
+    }
+}
diff --git a/react/features/stream-effects/rnnoise/index.ts b/react/features/stream-effects/rnnoise/index.ts
new file mode 100644
index 0000000..460e431
--- /dev/null
+++ b/react/features/stream-effects/rnnoise/index.ts
@@ -0,0 +1,24 @@
+// Script expects to find rnnoise webassembly binary in the same public path root, otherwise it won't load
+// During the build phase this needs to be taken care of manually
+// @ts-expect-error
+import { createRNNWasmModule } from '@jitsi/rnnoise-wasm';
+
+import RnnoiseProcessor from './RnnoiseProcessor';
+
+export { RNNOISE_SAMPLE_LENGTH } from './RnnoiseProcessor';
+export type { RnnoiseProcessor };
+
+let rnnoiseModule: Promise<any> | undefined;
+
+/**
+ * Creates a new instance of RnnoiseProcessor.
+ *
+ * @returns {Promise<RnnoiseProcessor>}
+ */
+export function createRnnoiseProcessor() {
+    if (!rnnoiseModule) {
+        rnnoiseModule = createRNNWasmModule();
+    }
+
+    return rnnoiseModule?.then(mod => new RnnoiseProcessor(mod));
+}
diff --git a/react/features/stream-effects/virtual-background/JitsiStreamBackgroundEffect.ts b/react/features/stream-effects/virtual-background/JitsiStreamBackgroundEffect.ts
new file mode 100644
index 0000000..cbacbc1
--- /dev/null
+++ b/react/features/stream-effects/virtual-background/JitsiStreamBackgroundEffect.ts
@@ -0,0 +1,269 @@
+import { VIRTUAL_BACKGROUND_TYPE } from '../../virtual-background/constants';
+
+import {
+    CLEAR_TIMEOUT,
+    SET_TIMEOUT,
+    TIMEOUT_TICK,
+    timerWorkerScript
+} from './TimerWorker';
+
+export interface IBackgroundEffectOptions {
+    height: number;
+    virtualBackground: {
+        backgroundType?: string;
+        blurValue?: number;
+        virtualSource?: string;
+    };
+    width: number;
+}
+
+/**
+ * Represents a modified MediaStream that adds effects to video background.
+ * <tt>JitsiStreamBackgroundEffect</tt> does the processing of the original
+ * video stream.
+ */
+export default class JitsiStreamBackgroundEffect {
+    _model: any;
+    _options: IBackgroundEffectOptions;
+    _stream: any;
+    _segmentationPixelCount: number;
+    _inputVideoElement: HTMLVideoElement;
+    _maskFrameTimerWorker: Worker;
+    _outputCanvasElement: HTMLCanvasElement;
+    _outputCanvasCtx: CanvasRenderingContext2D | null;
+    _segmentationMaskCtx: CanvasRenderingContext2D | null;
+    _segmentationMask: ImageData;
+    _segmentationMaskCanvas: HTMLCanvasElement;
+    _virtualImage: HTMLImageElement;
+    _virtualVideo: HTMLVideoElement;
+
+    /**
+     * Represents a modified video MediaStream track.
+     *
+     * @class
+     * @param {Object} model - Meet model.
+     * @param {Object} options - Segmentation dimensions.
+     */
+    constructor(model: Object, options: IBackgroundEffectOptions) {
+        this._options = options;
+
+        if (this._options.virtualBackground.backgroundType === VIRTUAL_BACKGROUND_TYPE.IMAGE) {
+            this._virtualImage = document.createElement('img');
+            this._virtualImage.crossOrigin = 'anonymous';
+            this._virtualImage.src = this._options.virtualBackground.virtualSource ?? '';
+        }
+        this._model = model;
+        this._segmentationPixelCount = this._options.width * this._options.height;
+
+        // Bind event handler so it is only bound once for every instance.
+        this._onMaskFrameTimer = this._onMaskFrameTimer.bind(this);
+
+        // Workaround for FF issue https://bugzilla.mozilla.org/show_bug.cgi?id=1388974
+        this._outputCanvasElement = document.createElement('canvas');
+        this._outputCanvasElement.getContext('2d');
+        this._inputVideoElement = document.createElement('video');
+    }
+
+    /**
+     * EventHandler onmessage for the maskFrameTimerWorker WebWorker.
+     *
+     * @private
+     * @param {EventHandler} response - The onmessage EventHandler parameter.
+     * @returns {void}
+     */
+    _onMaskFrameTimer(response: { data: { id: number; }; }) {
+        if (response.data.id === TIMEOUT_TICK) {
+            this._renderMask();
+        }
+    }
+
+    /**
+     * Represents the run post processing.
+     *
+     * @returns {void}
+     */
+    runPostProcessing() {
+
+        const track = this._stream.getVideoTracks()[0];
+        const { height, width } = track.getSettings() ?? track.getConstraints();
+        const { backgroundType } = this._options.virtualBackground;
+
+        if (!this._outputCanvasCtx) {
+            return;
+        }
+
+        this._outputCanvasElement.height = height;
+        this._outputCanvasElement.width = width;
+        this._outputCanvasCtx.globalCompositeOperation = 'copy';
+
+        // Draw segmentation mask.
+
+        // Smooth out the edges.
+        this._outputCanvasCtx.filter = backgroundType === VIRTUAL_BACKGROUND_TYPE.IMAGE ? 'blur(4px)' : 'blur(8px)';
+        this._outputCanvasCtx?.drawImage( // @ts-ignore
+            this._segmentationMaskCanvas,
+            0,
+            0,
+            this._options.width,
+            this._options.height,
+            0,
+            0,
+            this._inputVideoElement.width,
+            this._inputVideoElement.height
+        );
+        this._outputCanvasCtx.globalCompositeOperation = 'source-in';
+        this._outputCanvasCtx.filter = 'none';
+
+        // Draw the foreground video.
+        // @ts-ignore
+        this._outputCanvasCtx?.drawImage(this._inputVideoElement, 0, 0);
+
+        // Draw the background.
+        this._outputCanvasCtx.globalCompositeOperation = 'destination-over';
+        if (backgroundType === VIRTUAL_BACKGROUND_TYPE.IMAGE) {
+            this._outputCanvasCtx?.drawImage( // @ts-ignore
+                backgroundType === VIRTUAL_BACKGROUND_TYPE.IMAGE
+                    ? this._virtualImage : this._virtualVideo,
+                0,
+                0,
+                this._outputCanvasElement.width,
+                this._outputCanvasElement.height
+            );
+        } else {
+            this._outputCanvasCtx.filter = `blur(${this._options.virtualBackground.blurValue}px)`;
+
+            // @ts-ignore
+            this._outputCanvasCtx?.drawImage(this._inputVideoElement, 0, 0);
+        }
+    }
+
+    /**
+     * Represents the run Tensorflow Interference.
+     *
+     * @returns {void}
+     */
+    runInference() {
+        this._model._runInference();
+        const outputMemoryOffset = this._model._getOutputMemoryOffset() / 4;
+
+        for (let i = 0; i < this._segmentationPixelCount; i++) {
+            const person = this._model.HEAPF32[outputMemoryOffset + i];
+
+            // Sets only the alpha component of each pixel.
+            this._segmentationMask.data[(i * 4) + 3] = 255 * person;
+
+        }
+        this._segmentationMaskCtx?.putImageData(this._segmentationMask, 0, 0);
+    }
+
+    /**
+     * Loop function to render the background mask.
+     *
+     * @private
+     * @returns {void}
+     */
+    _renderMask() {
+        this.resizeSource();
+        this.runInference();
+        this.runPostProcessing();
+
+        this._maskFrameTimerWorker.postMessage({
+            id: SET_TIMEOUT,
+            timeMs: 1000 / 30
+        });
+    }
+
+    /**
+     * Represents the resize source process.
+     *
+     * @returns {void}
+     */
+    resizeSource() {
+        this._segmentationMaskCtx?.drawImage( // @ts-ignore
+            this._inputVideoElement,
+            0,
+            0,
+            this._inputVideoElement.width,
+            this._inputVideoElement.height,
+            0,
+            0,
+            this._options.width,
+            this._options.height
+        );
+
+        const imageData = this._segmentationMaskCtx?.getImageData(
+            0,
+            0,
+            this._options.width,
+            this._options.height
+        );
+        const inputMemoryOffset = this._model._getInputMemoryOffset() / 4;
+
+        for (let i = 0; i < this._segmentationPixelCount; i++) {
+            this._model.HEAPF32[inputMemoryOffset + (i * 3)] = Number(imageData?.data[i * 4]) / 255;
+            this._model.HEAPF32[inputMemoryOffset + (i * 3) + 1] = Number(imageData?.data[(i * 4) + 1]) / 255;
+            this._model.HEAPF32[inputMemoryOffset + (i * 3) + 2] = Number(imageData?.data[(i * 4) + 2]) / 255;
+        }
+    }
+
+    /**
+     * Checks if the local track supports this effect.
+     *
+     * @param {JitsiLocalTrack} jitsiLocalTrack - Track to apply effect.
+     * @returns {boolean} - Returns true if this effect can run on the specified track
+     * false otherwise.
+     */
+    isEnabled(jitsiLocalTrack: any) {
+        return jitsiLocalTrack.isVideoTrack() && jitsiLocalTrack.videoType === 'camera';
+    }
+
+    /**
+     * Starts loop to capture video frame and render the segmentation mask.
+     *
+     * @param {MediaStream} stream - Stream to be used for processing.
+     * @returns {MediaStream} - The stream with the applied effect.
+     */
+    startEffect(stream: MediaStream) {
+        this._stream = stream;
+        this._maskFrameTimerWorker = new Worker(timerWorkerScript, { name: 'Blur effect worker' });
+        this._maskFrameTimerWorker.onmessage = this._onMaskFrameTimer;
+        const firstVideoTrack = this._stream.getVideoTracks()[0];
+        const { height, frameRate, width }
+            = firstVideoTrack.getSettings ? firstVideoTrack.getSettings() : firstVideoTrack.getConstraints();
+
+        this._segmentationMask = new ImageData(this._options.width, this._options.height);
+        this._segmentationMaskCanvas = document.createElement('canvas');
+        this._segmentationMaskCanvas.width = this._options.width;
+        this._segmentationMaskCanvas.height = this._options.height;
+        this._segmentationMaskCtx = this._segmentationMaskCanvas.getContext('2d');
+
+        this._outputCanvasElement.width = parseInt(width, 10);
+        this._outputCanvasElement.height = parseInt(height, 10);
+        this._outputCanvasCtx = this._outputCanvasElement.getContext('2d');
+        this._inputVideoElement.width = parseInt(width, 10);
+        this._inputVideoElement.height = parseInt(height, 10);
+        this._inputVideoElement.autoplay = true;
+        this._inputVideoElement.srcObject = this._stream;
+        this._inputVideoElement.onloadeddata = () => {
+            this._maskFrameTimerWorker.postMessage({
+                id: SET_TIMEOUT,
+                timeMs: 1000 / 30
+            });
+        };
+
+        return this._outputCanvasElement.captureStream(parseInt(frameRate, 10));
+    }
+
+    /**
+     * Stops the capture and render loop.
+     *
+     * @returns {void}
+     */
+    stopEffect() {
+        this._maskFrameTimerWorker.postMessage({
+            id: CLEAR_TIMEOUT
+        });
+
+        this._maskFrameTimerWorker.terminate();
+    }
+}
diff --git a/react/features/stream-effects/virtual-background/TimerWorker.ts b/react/features/stream-effects/virtual-background/TimerWorker.ts
new file mode 100644
index 0000000..b1008a7
--- /dev/null
+++ b/react/features/stream-effects/virtual-background/TimerWorker.ts
@@ -0,0 +1,67 @@
+
+/**
+ * SET_TIMEOUT constant is used to set interval and it is set in
+ * the id property of the request.data property. TimeMs property must
+ * also be set.
+ *
+ * ```
+ * //Request.data example:
+ * {
+ *      id: SET_TIMEOUT,
+ *      timeMs: 33
+ * }
+ * ```
+ */
+export const SET_TIMEOUT = 1;
+
+/**
+ * CLEAR_TIMEOUT constant is used to clear the interval and it is set in
+ * the id property of the request.data property.
+ *
+ * ```
+ * {
+ *      id: CLEAR_TIMEOUT
+ * }
+ * ```
+ */
+export const CLEAR_TIMEOUT = 2;
+
+/**
+ * TIMEOUT_TICK constant is used as response and it is set in the id property.
+ *
+ * ```
+ * {
+ *      id: TIMEOUT_TICK
+ * }
+ * ```
+ */
+export const TIMEOUT_TICK = 3;
+
+/**
+ * The following code is needed as string to create a URL from a Blob.
+ * The URL is then passed to a WebWorker. Reason for this is to enable
+ * use of setInterval that is not throttled when tab is inactive.
+ */
+const code = `
+    var timer;
+
+    onmessage = function(request) {
+        switch (request.data.id) {
+        case ${SET_TIMEOUT}: {
+            timer = setTimeout(() => {
+                postMessage({ id: ${TIMEOUT_TICK} });
+            }, request.data.timeMs);
+            break;
+        }
+        case ${CLEAR_TIMEOUT}: {
+            if (timer) {
+                clearTimeout(timer);
+            }
+            break;
+        }
+        }
+    };
+`;
+
+// @ts-ignore
+export const timerWorkerScript = URL.createObjectURL(new Blob([ code ], { type: 'application/javascript' }));
diff --git a/react/features/stream-effects/virtual-background/index.ts b/react/features/stream-effects/virtual-background/index.ts
new file mode 100644
index 0000000..04cbd27
--- /dev/null
+++ b/react/features/stream-effects/virtual-background/index.ts
@@ -0,0 +1,106 @@
+/* eslint-disable lines-around-comment */
+import { IStore } from '../../app/types';
+import { showWarningNotification } from '../../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE } from '../../notifications/constants';
+import { timeout } from '../../virtual-background/functions';
+import logger from '../../virtual-background/logger';
+
+import JitsiStreamBackgroundEffect, { IBackgroundEffectOptions } from './JitsiStreamBackgroundEffect';
+// @ts-ignore
+import createTFLiteModule from './vendor/tflite/tflite';
+// @ts-ignore
+import createTFLiteSIMDModule from './vendor/tflite/tflite-simd';
+const models = {
+    modelLandscape: 'libs/selfie_segmentation_landscape.tflite'
+};
+/* eslint-enable lines-around-comment */
+
+let modelBuffer: ArrayBuffer;
+let tflite: any;
+let wasmCheck;
+let isWasmDisabled = false;
+
+const segmentationDimensions = {
+    modelLandscape: {
+        height: 144,
+        width: 256
+    }
+};
+
+/**
+ * Creates a new instance of JitsiStreamBackgroundEffect. This loads the Meet background model that is used to
+ * extract person segmentation.
+ *
+ * @param {Object} virtualBackground - The virtual object that contains the background image source and
+ * the isVirtualBackground flag that indicates if virtual image is activated.
+ * @param {Function} dispatch - The Redux dispatch function.
+ * @returns {Promise<JitsiStreamBackgroundEffect>}
+ */
+export async function createVirtualBackgroundEffect(virtualBackground: IBackgroundEffectOptions['virtualBackground'],
+        dispatch?: IStore['dispatch']) {
+    if (!MediaStreamTrack.prototype.getSettings && !MediaStreamTrack.prototype.getConstraints) {
+        throw new Error('JitsiStreamBackgroundEffect not supported!');
+    }
+
+    if (isWasmDisabled) {
+        dispatch?.(showWarningNotification({
+            titleKey: 'virtualBackground.backgroundEffectError'
+        }, NOTIFICATION_TIMEOUT_TYPE.LONG));
+
+        return;
+    }
+
+    // Checks if WebAssembly feature is supported or enabled by/in the browser.
+    // Conditional import of wasm-check package is done to prevent
+    // the browser from crashing when the user opens the app.
+
+    if (!tflite) {
+        try {
+            wasmCheck = require('wasm-check');
+            const tfliteTimeout = 10000;
+
+            if (wasmCheck?.feature?.simd) {
+                tflite = await timeout(tfliteTimeout, createTFLiteSIMDModule());
+            } else {
+                tflite = await timeout(tfliteTimeout, createTFLiteModule());
+            }
+        } catch (err: any) {
+            if (err?.message === '408') {
+                logger.error('Failed to download tflite model!');
+                dispatch?.(showWarningNotification({
+                    titleKey: 'virtualBackground.backgroundEffectError'
+                }, NOTIFICATION_TIMEOUT_TYPE.LONG));
+            } else {
+                isWasmDisabled = true;
+                logger.error('Looks like WebAssembly is disabled or not supported on this browser', err);
+                dispatch?.(showWarningNotification({
+                    titleKey: 'virtualBackground.webAssemblyWarning',
+                    descriptionKey: 'virtualBackground.webAssemblyWarningDescription'
+                }, NOTIFICATION_TIMEOUT_TYPE.LONG));
+            }
+
+            return;
+        }
+    }
+
+    if (!modelBuffer) {
+        const modelResponse = await fetch(models.modelLandscape);
+
+        if (!modelResponse.ok) {
+            throw new Error('Failed to download tflite model!');
+        }
+
+        modelBuffer = await modelResponse.arrayBuffer();
+
+        tflite.HEAPU8.set(new Uint8Array(modelBuffer), tflite._getModelBufferMemoryOffset());
+
+        tflite._loadModel(modelBuffer.byteLength);
+    }
+
+    const options = {
+        ...segmentationDimensions.modelLandscape,
+        virtualBackground
+    };
+
+    return new JitsiStreamBackgroundEffect(tflite, options);
+}
diff --git a/react/features/stream-effects/virtual-background/vendor/README.md b/react/features/stream-effects/virtual-background/vendor/README.md
new file mode 100644
index 0000000..940b422
--- /dev/null
+++ b/react/features/stream-effects/virtual-background/vendor/README.md
@@ -0,0 +1,24 @@
+# Virtual Background on stream effects
+
+> From https://google.github.io/mediapipe/solutions/models.html#selfie-segmentation
+
+#### Canvas 2D + CPU
+
+This rendering pipeline is pretty much the same as for BodyPix. It relies on Canvas compositing properties to blend rendering layers according to the segmentation mask.
+
+Interactions with TFLite inference tool are executed on CPU to convert from UInt8 to Float32 for the model input and to apply softmax on the model output.
+
+The framerate is higher and the quality looks better than BodyPix
+
+#### SIMD and non-SIMD
+
+How to test on SIMD:
+1. Go to chrome://flags/
+2. Search for SIMD flag
+3. Enable WebAssembly SIMD support(Enables support for the WebAssembly SIMD proposal).
+4. Reopen Google Chrome
+
+More details:
+- [WebAssembly](https://webassembly.org/)
+- [WebAssembly SIMD](https://github.com/WebAssembly/simd)
+- [TFLite](https://blog.tensorflow.org/2020/07/accelerating-tensorflow-lite-xnnpack-integration.html)
diff --git a/react/features/stream-effects/virtual-background/vendor/models/selfie_segmentation_landscape.tflite b/react/features/stream-effects/virtual-background/vendor/models/selfie_segmentation_landscape.tflite
new file mode 100755
index 0000000..4ea3f8a
Binary files /dev/null and b/react/features/stream-effects/virtual-background/vendor/models/selfie_segmentation_landscape.tflite differ
diff --git a/react/features/stream-effects/virtual-background/vendor/tflite/tflite-simd.js b/react/features/stream-effects/virtual-background/vendor/tflite/tflite-simd.js
new file mode 100644
index 0000000..2b29891
--- /dev/null
+++ b/react/features/stream-effects/virtual-background/vendor/tflite/tflite-simd.js
@@ -0,0 +1,17 @@
+
+var createTFLiteSIMDModule = (function() {
+  var _scriptDir = typeof document !== 'undefined' && document.currentScript ? document.currentScript.src : undefined;
+  if (typeof __filename !== 'undefined') _scriptDir = _scriptDir || __filename;
+  return (
+function(createTFLiteSIMDModule) {
+  createTFLiteSIMDModule = createTFLiteSIMDModule || {};
+
+var Module=typeof createTFLiteSIMDModule!=="undefined"?createTFLiteSIMDModule:{};var readyPromiseResolve,readyPromiseReject;Module["ready"]=new Promise(function(resolve,reject){readyPromiseResolve=resolve;readyPromiseReject=reject});var moduleOverrides={};var key;for(key in Module){if(Module.hasOwnProperty(key)){moduleOverrides[key]=Module[key]}}var arguments_=[];var thisProgram="./this.program";var quit_=function(status,toThrow){throw toThrow};var ENVIRONMENT_IS_WEB=false;var ENVIRONMENT_IS_WORKER=false;var ENVIRONMENT_IS_NODE=false;var ENVIRONMENT_IS_SHELL=false;ENVIRONMENT_IS_WEB=typeof window==="object";ENVIRONMENT_IS_WORKER=typeof importScripts==="function";ENVIRONMENT_IS_NODE=typeof process==="object"&&typeof process.versions==="object"&&typeof process.versions.node==="string";ENVIRONMENT_IS_SHELL=!ENVIRONMENT_IS_WEB&&!ENVIRONMENT_IS_NODE&&!ENVIRONMENT_IS_WORKER;var scriptDirectory="";function locateFile(path){if(Module["locateFile"]){return Module["locateFile"](path,scriptDirectory)}return scriptDirectory+path}var read_,readAsync,readBinary,setWindowTitle;var nodeFS;var nodePath;if(ENVIRONMENT_IS_NODE){if(ENVIRONMENT_IS_WORKER){scriptDirectory=require("path").dirname(scriptDirectory)+"/"}else{scriptDirectory=__dirname+"/"}read_=function shell_read(filename,binary){if(!nodeFS)nodeFS=require("fs");if(!nodePath)nodePath=require("path");filename=nodePath["normalize"](filename);return nodeFS["readFileSync"](filename,binary?null:"utf8")};readBinary=function readBinary(filename){var ret=read_(filename,true);if(!ret.buffer){ret=new Uint8Array(ret)}assert(ret.buffer);return ret};if(process["argv"].length>1){thisProgram=process["argv"][1].replace(/\\/g,"/")}arguments_=process["argv"].slice(2);process["on"]("uncaughtException",function(ex){if(!(ex instanceof ExitStatus)){throw ex}});process["on"]("unhandledRejection",abort);quit_=function(status){process["exit"](status)};Module["inspect"]=function(){return"[Emscripten Module object]"}}else if(ENVIRONMENT_IS_SHELL){if(typeof read!="undefined"){read_=function shell_read(f){return read(f)}}readBinary=function readBinary(f){var data;if(typeof readbuffer==="function"){return new Uint8Array(readbuffer(f))}data=read(f,"binary");assert(typeof data==="object");return data};if(typeof scriptArgs!="undefined"){arguments_=scriptArgs}else if(typeof arguments!="undefined"){arguments_=arguments}if(typeof quit==="function"){quit_=function(status){quit(status)}}if(typeof print!=="undefined"){if(typeof console==="undefined")console={};console.log=print;console.warn=console.error=typeof printErr!=="undefined"?printErr:print}}else if(ENVIRONMENT_IS_WEB||ENVIRONMENT_IS_WORKER){if(ENVIRONMENT_IS_WORKER){scriptDirectory=self.location.href}else if(typeof document!=="undefined"&&document.currentScript){scriptDirectory=document.currentScript.src}if(_scriptDir){scriptDirectory=_scriptDir}if(scriptDirectory.indexOf("blob:")!==0){scriptDirectory=scriptDirectory.substr(0,scriptDirectory.lastIndexOf("/")+1)}else{scriptDirectory=""}{read_=function(url){var xhr=new XMLHttpRequest;xhr.open("GET",url,false);xhr.send(null);return xhr.responseText};if(ENVIRONMENT_IS_WORKER){readBinary=function(url){var xhr=new XMLHttpRequest;xhr.open("GET",url,false);xhr.responseType="arraybuffer";xhr.send(null);return new Uint8Array(xhr.response)}}readAsync=function(url,onload,onerror){var xhr=new XMLHttpRequest;xhr.open("GET",url,true);xhr.responseType="arraybuffer";xhr.onload=function(){if(xhr.status==200||xhr.status==0&&xhr.response){onload(xhr.response);return}onerror()};xhr.onerror=onerror;xhr.send(null)}}setWindowTitle=function(title){document.title=title}}else{}var out=Module["print"]||console.log.bind(console);var err=Module["printErr"]||console.warn.bind(console);for(key in moduleOverrides){if(moduleOverrides.hasOwnProperty(key)){Module[key]=moduleOverrides[key]}}moduleOverrides=null;if(Module["arguments"])arguments_=Module["arguments"];if(Module["thisProgram"])thisProgram=Module["thisProgram"];if(Module["quit"])quit_=Module["quit"];var wasmBinary;if(Module["wasmBinary"])wasmBinary=Module["wasmBinary"];var noExitRuntime;if(Module["noExitRuntime"])noExitRuntime=Module["noExitRuntime"];if(typeof WebAssembly!=="object"){abort("no native wasm support detected")}var wasmMemory;var ABORT=false;var EXITSTATUS;function assert(condition,text){if(!condition){abort("Assertion failed: "+text)}}var UTF8Decoder=typeof TextDecoder!=="undefined"?new TextDecoder("utf8"):undefined;function UTF8ArrayToString(heap,idx,maxBytesToRead){var endIdx=idx+maxBytesToRead;var endPtr=idx;while(heap[endPtr]&&!(endPtr>=endIdx))++endPtr;if(endPtr-idx>16&&heap.subarray&&UTF8Decoder){return UTF8Decoder.decode(heap.subarray(idx,endPtr))}else{var str="";while(idx<endPtr){var u0=heap[idx++];if(!(u0&128)){str+=String.fromCharCode(u0);continue}var u1=heap[idx++]&63;if((u0&224)==192){str+=String.fromCharCode((u0&31)<<6|u1);continue}var u2=heap[idx++]&63;if((u0&240)==224){u0=(u0&15)<<12|u1<<6|u2}else{u0=(u0&7)<<18|u1<<12|u2<<6|heap[idx++]&63}if(u0<65536){str+=String.fromCharCode(u0)}else{var ch=u0-65536;str+=String.fromCharCode(55296|ch>>10,56320|ch&1023)}}}return str}function UTF8ToString(ptr,maxBytesToRead){return ptr?UTF8ArrayToString(HEAPU8,ptr,maxBytesToRead):""}function writeAsciiToMemory(str,buffer,dontAddNull){for(var i=0;i<str.length;++i){HEAP8[buffer++>>0]=str.charCodeAt(i)}if(!dontAddNull)HEAP8[buffer>>0]=0}function alignUp(x,multiple){if(x%multiple>0){x+=multiple-x%multiple}return x}var buffer,HEAP8,HEAPU8,HEAP16,HEAPU16,HEAP32,HEAPU32,HEAPF32,HEAPF64;function updateGlobalBufferAndViews(buf){buffer=buf;Module["HEAP8"]=HEAP8=new Int8Array(buf);Module["HEAP16"]=HEAP16=new Int16Array(buf);Module["HEAP32"]=HEAP32=new Int32Array(buf);Module["HEAPU8"]=HEAPU8=new Uint8Array(buf);Module["HEAPU16"]=HEAPU16=new Uint16Array(buf);Module["HEAPU32"]=HEAPU32=new Uint32Array(buf);Module["HEAPF32"]=HEAPF32=new Float32Array(buf);Module["HEAPF64"]=HEAPF64=new Float64Array(buf)}var INITIAL_MEMORY=Module["INITIAL_MEMORY"]||16777216;var wasmTable;var __ATPRERUN__=[];var __ATINIT__=[];var __ATMAIN__=[];var __ATPOSTRUN__=[];var runtimeInitialized=false;var runtimeExited=false;__ATINIT__.push({func:function(){___wasm_call_ctors()}});function preRun(){if(Module["preRun"]){if(typeof Module["preRun"]=="function")Module["preRun"]=[Module["preRun"]];while(Module["preRun"].length){addOnPreRun(Module["preRun"].shift())}}callRuntimeCallbacks(__ATPRERUN__)}function initRuntime(){runtimeInitialized=true;callRuntimeCallbacks(__ATINIT__)}function preMain(){callRuntimeCallbacks(__ATMAIN__)}function exitRuntime(){runtimeExited=true}function postRun(){if(Module["postRun"]){if(typeof Module["postRun"]=="function")Module["postRun"]=[Module["postRun"]];while(Module["postRun"].length){addOnPostRun(Module["postRun"].shift())}}callRuntimeCallbacks(__ATPOSTRUN__)}function addOnPreRun(cb){__ATPRERUN__.unshift(cb)}function addOnPostRun(cb){__ATPOSTRUN__.unshift(cb)}var runDependencies=0;var runDependencyWatcher=null;var dependenciesFulfilled=null;function addRunDependency(id){runDependencies++;if(Module["monitorRunDependencies"]){Module["monitorRunDependencies"](runDependencies)}}function removeRunDependency(id){runDependencies--;if(Module["monitorRunDependencies"]){Module["monitorRunDependencies"](runDependencies)}if(runDependencies==0){if(runDependencyWatcher!==null){clearInterval(runDependencyWatcher);runDependencyWatcher=null}if(dependenciesFulfilled){var callback=dependenciesFulfilled;dependenciesFulfilled=null;callback()}}}Module["preloadedImages"]={};Module["preloadedAudios"]={};function abort(what){if(Module["onAbort"]){Module["onAbort"](what)}what+="";err(what);ABORT=true;EXITSTATUS=1;what="abort("+what+"). Build with -s ASSERTIONS=1 for more info.";var e=new WebAssembly.RuntimeError(what);readyPromiseReject(e);throw e}function hasPrefix(str,prefix){return String.prototype.startsWith?str.startsWith(prefix):str.indexOf(prefix)===0}var dataURIPrefix="data:application/octet-stream;base64,";function isDataURI(filename){return hasPrefix(filename,dataURIPrefix)}var fileURIPrefix="file://";function isFileURI(filename){return hasPrefix(filename,fileURIPrefix)}var wasmBinaryFile="tflite-simd.wasm";if(!isDataURI(wasmBinaryFile)){wasmBinaryFile=locateFile(wasmBinaryFile)}function getBinary(file){try{if(file==wasmBinaryFile&&wasmBinary){return new Uint8Array(wasmBinary)}if(readBinary){return readBinary(file)}else{throw"both async and sync fetching of the wasm failed"}}catch(err){abort(err)}}function getBinaryPromise(){if(!wasmBinary&&(ENVIRONMENT_IS_WEB||ENVIRONMENT_IS_WORKER)){if(typeof fetch==="function"&&!isFileURI(wasmBinaryFile)){return fetch(wasmBinaryFile,{credentials:"same-origin"}).then(function(response){if(!response["ok"]){throw"failed to load wasm binary file at '"+wasmBinaryFile+"'"}return response["arrayBuffer"]()}).catch(function(){return getBinary(wasmBinaryFile)})}else{if(readAsync){return new Promise(function(resolve,reject){readAsync(wasmBinaryFile,function(response){resolve(new Uint8Array(response))},reject)})}}}return Promise.resolve().then(function(){return getBinary(wasmBinaryFile)})}function createWasm(){var info={"a":asmLibraryArg};function receiveInstance(instance,module){var exports=instance.exports;Module["asm"]=exports;wasmMemory=Module["asm"]["q"];updateGlobalBufferAndViews(wasmMemory.buffer);wasmTable=Module["asm"]["D"];removeRunDependency("wasm-instantiate")}addRunDependency("wasm-instantiate");function receiveInstantiatedSource(output){receiveInstance(output["instance"])}function instantiateArrayBuffer(receiver){return getBinaryPromise().then(function(binary){return WebAssembly.instantiate(binary,info)}).then(receiver,function(reason){err("failed to asynchronously prepare wasm: "+reason);abort(reason)})}function instantiateAsync(){if(!wasmBinary&&typeof WebAssembly.instantiateStreaming==="function"&&!isDataURI(wasmBinaryFile)&&!isFileURI(wasmBinaryFile)&&typeof fetch==="function"){return fetch(wasmBinaryFile,{credentials:"same-origin"}).then(function(response){var result=WebAssembly.instantiateStreaming(response,info);return result.then(receiveInstantiatedSource,function(reason){err("wasm streaming compile failed: "+reason);err("falling back to ArrayBuffer instantiation");return instantiateArrayBuffer(receiveInstantiatedSource)})})}else{return instantiateArrayBuffer(receiveInstantiatedSource)}}if(Module["instantiateWasm"]){try{var exports=Module["instantiateWasm"](info,receiveInstance);return exports}catch(e){err("Module.instantiateWasm callback failed with error: "+e);return false}}instantiateAsync().catch(readyPromiseReject);return{}}function callRuntimeCallbacks(callbacks){while(callbacks.length>0){var callback=callbacks.shift();if(typeof callback=="function"){callback(Module);continue}var func=callback.func;if(typeof func==="number"){if(callback.arg===undefined){wasmTable.get(func)()}else{wasmTable.get(func)(callback.arg)}}else{func(callback.arg===undefined?null:callback.arg)}}}function _abort(){abort()}var _emscripten_get_now;if(ENVIRONMENT_IS_NODE){_emscripten_get_now=function(){var t=process["hrtime"]();return t[0]*1e3+t[1]/1e6}}else if(typeof dateNow!=="undefined"){_emscripten_get_now=dateNow}else _emscripten_get_now=function(){return performance.now()};var _emscripten_get_now_is_monotonic=true;function setErrNo(value){HEAP32[___errno_location()>>2]=value;return value}function _clock_gettime(clk_id,tp){var now;if(clk_id===0){now=Date.now()}else if((clk_id===1||clk_id===4)&&_emscripten_get_now_is_monotonic){now=_emscripten_get_now()}else{setErrNo(28);return-1}HEAP32[tp>>2]=now/1e3|0;HEAP32[tp+4>>2]=now%1e3*1e3*1e3|0;return 0}function _dlopen(filename,flag){abort("To use dlopen, you need to use Emscripten's linking support, see https://github.com/emscripten-core/emscripten/wiki/Linking")}function _dlsym(handle,symbol){abort("To use dlopen, you need to use Emscripten's linking support, see https://github.com/emscripten-core/emscripten/wiki/Linking")}function _emscripten_memcpy_big(dest,src,num){HEAPU8.copyWithin(dest,src,src+num)}function _emscripten_get_heap_size(){return HEAPU8.length}function emscripten_realloc_buffer(size){try{wasmMemory.grow(size-buffer.byteLength+65535>>>16);updateGlobalBufferAndViews(wasmMemory.buffer);return 1}catch(e){}}function _emscripten_resize_heap(requestedSize){requestedSize=requestedSize>>>0;var oldSize=_emscripten_get_heap_size();var maxHeapSize=2147483648;if(requestedSize>maxHeapSize){return false}var minHeapSize=16777216;for(var cutDown=1;cutDown<=4;cutDown*=2){var overGrownHeapSize=oldSize*(1+.2/cutDown);overGrownHeapSize=Math.min(overGrownHeapSize,requestedSize+100663296);var newSize=Math.min(maxHeapSize,alignUp(Math.max(minHeapSize,requestedSize,overGrownHeapSize),65536));var replacement=emscripten_realloc_buffer(newSize);if(replacement){return true}}return false}function _emscripten_thread_sleep(msecs){var start=_emscripten_get_now();while(_emscripten_get_now()-start<msecs){}}var ENV={};function getExecutableName(){return thisProgram||"./this.program"}function getEnvStrings(){if(!getEnvStrings.strings){var lang=(typeof navigator==="object"&&navigator.languages&&navigator.languages[0]||"C").replace("-","_")+".UTF-8";var env={"USER":"web_user","LOGNAME":"web_user","PATH":"/","PWD":"/","HOME":"/home/web_user","LANG":lang,"_":getExecutableName()};for(var x in ENV){env[x]=ENV[x]}var strings=[];for(var x in env){strings.push(x+"="+env[x])}getEnvStrings.strings=strings}return getEnvStrings.strings}var SYSCALLS={mappings:{},buffers:[null,[],[]],printChar:function(stream,curr){var buffer=SYSCALLS.buffers[stream];if(curr===0||curr===10){(stream===1?out:err)(UTF8ArrayToString(buffer,0));buffer.length=0}else{buffer.push(curr)}},varargs:undefined,get:function(){SYSCALLS.varargs+=4;var ret=HEAP32[SYSCALLS.varargs-4>>2];return ret},getStr:function(ptr){var ret=UTF8ToString(ptr);return ret},get64:function(low,high){return low}};function _environ_get(__environ,environ_buf){var bufSize=0;getEnvStrings().forEach(function(string,i){var ptr=environ_buf+bufSize;HEAP32[__environ+i*4>>2]=ptr;writeAsciiToMemory(string,ptr);bufSize+=string.length+1});return 0}function _environ_sizes_get(penviron_count,penviron_buf_size){var strings=getEnvStrings();HEAP32[penviron_count>>2]=strings.length;var bufSize=0;strings.forEach(function(string){bufSize+=string.length+1});HEAP32[penviron_buf_size>>2]=bufSize;return 0}function _exit(status){exit(status)}function _fd_close(fd){return 0}function _fd_seek(fd,offset_low,offset_high,whence,newOffset){}function _fd_write(fd,iov,iovcnt,pnum){var num=0;for(var i=0;i<iovcnt;i++){var ptr=HEAP32[iov+i*8>>2];var len=HEAP32[iov+(i*8+4)>>2];for(var j=0;j<len;j++){SYSCALLS.printChar(fd,HEAPU8[ptr+j])}num+=len}HEAP32[pnum>>2]=num;return 0}function _pthread_create(){return 6}function _pthread_join(){return 28}function _sysconf(name){switch(name){case 30:return 16384;case 85:var maxHeapSize=2147483648;return maxHeapSize/16384;case 132:case 133:case 12:case 137:case 138:case 15:case 235:case 16:case 17:case 18:case 19:case 20:case 149:case 13:case 10:case 236:case 153:case 9:case 21:case 22:case 159:case 154:case 14:case 77:case 78:case 139:case 82:case 68:case 67:case 164:case 11:case 29:case 47:case 48:case 95:case 52:case 51:case 46:return 200809;case 27:case 246:case 127:case 128:case 23:case 24:case 160:case 161:case 181:case 182:case 242:case 183:case 184:case 243:case 244:case 245:case 165:case 178:case 179:case 49:case 50:case 168:case 169:case 175:case 170:case 171:case 172:case 97:case 76:case 32:case 173:case 35:case 80:case 81:case 79:return-1;case 176:case 177:case 7:case 155:case 8:case 157:case 125:case 126:case 92:case 93:case 129:case 130:case 131:case 94:case 91:return 1;case 74:case 60:case 69:case 70:case 4:return 1024;case 31:case 42:case 72:return 32;case 87:case 26:case 33:return 2147483647;case 34:case 1:return 47839;case 38:case 36:return 99;case 43:case 37:return 2048;case 0:return 2097152;case 3:return 65536;case 28:return 32768;case 44:return 32767;case 75:return 16384;case 39:return 1e3;case 89:return 700;case 71:return 256;case 40:return 255;case 2:return 100;case 180:return 64;case 25:return 20;case 5:return 16;case 6:return 6;case 73:return 4;case 84:{if(typeof navigator==="object")return navigator["hardwareConcurrency"]||1;return 1}}setErrNo(28);return-1}var asmLibraryArg={"a":_abort,"n":_clock_gettime,"i":_dlopen,"e":_dlsym,"l":_emscripten_memcpy_big,"m":_emscripten_resize_heap,"o":_emscripten_thread_sleep,"p":_environ_get,"g":_environ_sizes_get,"j":_exit,"h":_fd_close,"k":_fd_seek,"c":_fd_write,"d":_pthread_create,"f":_pthread_join,"b":_sysconf};var asm=createWasm();var ___wasm_call_ctors=Module["___wasm_call_ctors"]=function(){return(___wasm_call_ctors=Module["___wasm_call_ctors"]=Module["asm"]["r"]).apply(null,arguments)};var _getModelBufferMemoryOffset=Module["_getModelBufferMemoryOffset"]=function(){return(_getModelBufferMemoryOffset=Module["_getModelBufferMemoryOffset"]=Module["asm"]["s"]).apply(null,arguments)};var _getInputMemoryOffset=Module["_getInputMemoryOffset"]=function(){return(_getInputMemoryOffset=Module["_getInputMemoryOffset"]=Module["asm"]["t"]).apply(null,arguments)};var _getInputHeight=Module["_getInputHeight"]=function(){return(_getInputHeight=Module["_getInputHeight"]=Module["asm"]["u"]).apply(null,arguments)};var _getInputWidth=Module["_getInputWidth"]=function(){return(_getInputWidth=Module["_getInputWidth"]=Module["asm"]["v"]).apply(null,arguments)};var _getInputChannelCount=Module["_getInputChannelCount"]=function(){return(_getInputChannelCount=Module["_getInputChannelCount"]=Module["asm"]["w"]).apply(null,arguments)};var _getOutputMemoryOffset=Module["_getOutputMemoryOffset"]=function(){return(_getOutputMemoryOffset=Module["_getOutputMemoryOffset"]=Module["asm"]["x"]).apply(null,arguments)};var _getOutputHeight=Module["_getOutputHeight"]=function(){return(_getOutputHeight=Module["_getOutputHeight"]=Module["asm"]["y"]).apply(null,arguments)};var _getOutputWidth=Module["_getOutputWidth"]=function(){return(_getOutputWidth=Module["_getOutputWidth"]=Module["asm"]["z"]).apply(null,arguments)};var _getOutputChannelCount=Module["_getOutputChannelCount"]=function(){return(_getOutputChannelCount=Module["_getOutputChannelCount"]=Module["asm"]["A"]).apply(null,arguments)};var _loadModel=Module["_loadModel"]=function(){return(_loadModel=Module["_loadModel"]=Module["asm"]["B"]).apply(null,arguments)};var _runInference=Module["_runInference"]=function(){return(_runInference=Module["_runInference"]=Module["asm"]["C"]).apply(null,arguments)};var ___errno_location=Module["___errno_location"]=function(){return(___errno_location=Module["___errno_location"]=Module["asm"]["E"]).apply(null,arguments)};var calledRun;function ExitStatus(status){this.name="ExitStatus";this.message="Program terminated with exit("+status+")";this.status=status}dependenciesFulfilled=function runCaller(){if(!calledRun)run();if(!calledRun)dependenciesFulfilled=runCaller};function run(args){args=args||arguments_;if(runDependencies>0){return}preRun();if(runDependencies>0){return}function doRun(){if(calledRun)return;calledRun=true;Module["calledRun"]=true;if(ABORT)return;initRuntime();preMain();readyPromiseResolve(Module);if(Module["onRuntimeInitialized"])Module["onRuntimeInitialized"]();postRun()}if(Module["setStatus"]){Module["setStatus"]("Running...");setTimeout(function(){setTimeout(function(){Module["setStatus"]("")},1);doRun()},1)}else{doRun()}}Module["run"]=run;function exit(status,implicit){if(implicit&&noExitRuntime&&status===0){return}if(noExitRuntime){}else{EXITSTATUS=status;exitRuntime();if(Module["onExit"])Module["onExit"](status);ABORT=true}quit_(status,new ExitStatus(status))}if(Module["preInit"]){if(typeof Module["preInit"]=="function")Module["preInit"]=[Module["preInit"]];while(Module["preInit"].length>0){Module["preInit"].pop()()}}noExitRuntime=true;run();
+
+
+  return createTFLiteSIMDModule.ready
+}
+);
+})();
+
+export default createTFLiteSIMDModule;
diff --git a/react/features/stream-effects/virtual-background/vendor/tflite/tflite-simd.wasm b/react/features/stream-effects/virtual-background/vendor/tflite/tflite-simd.wasm
new file mode 100755
index 0000000..61bee0b
Binary files /dev/null and b/react/features/stream-effects/virtual-background/vendor/tflite/tflite-simd.wasm differ
diff --git a/react/features/stream-effects/virtual-background/vendor/tflite/tflite.js b/react/features/stream-effects/virtual-background/vendor/tflite/tflite.js
new file mode 100644
index 0000000..33e3b9c
--- /dev/null
+++ b/react/features/stream-effects/virtual-background/vendor/tflite/tflite.js
@@ -0,0 +1,17 @@
+
+var createTFLiteModule = (function() {
+  var _scriptDir = typeof document !== 'undefined' && document.currentScript ? document.currentScript.src : undefined;
+  if (typeof __filename !== 'undefined') _scriptDir = _scriptDir || __filename;
+  return (
+function(createTFLiteModule) {
+  createTFLiteModule = createTFLiteModule || {};
+
+var Module=typeof createTFLiteModule!=="undefined"?createTFLiteModule:{};var readyPromiseResolve,readyPromiseReject;Module["ready"]=new Promise(function(resolve,reject){readyPromiseResolve=resolve;readyPromiseReject=reject});var moduleOverrides={};var key;for(key in Module){if(Module.hasOwnProperty(key)){moduleOverrides[key]=Module[key]}}var arguments_=[];var thisProgram="./this.program";var quit_=function(status,toThrow){throw toThrow};var ENVIRONMENT_IS_WEB=false;var ENVIRONMENT_IS_WORKER=false;var ENVIRONMENT_IS_NODE=false;var ENVIRONMENT_IS_SHELL=false;ENVIRONMENT_IS_WEB=typeof window==="object";ENVIRONMENT_IS_WORKER=typeof importScripts==="function";ENVIRONMENT_IS_NODE=typeof process==="object"&&typeof process.versions==="object"&&typeof process.versions.node==="string";ENVIRONMENT_IS_SHELL=!ENVIRONMENT_IS_WEB&&!ENVIRONMENT_IS_NODE&&!ENVIRONMENT_IS_WORKER;var scriptDirectory="";function locateFile(path){if(Module["locateFile"]){return Module["locateFile"](path,scriptDirectory)}return scriptDirectory+path}var read_,readAsync,readBinary,setWindowTitle;var nodeFS;var nodePath;if(ENVIRONMENT_IS_NODE){if(ENVIRONMENT_IS_WORKER){scriptDirectory=require("path").dirname(scriptDirectory)+"/"}else{scriptDirectory=__dirname+"/"}read_=function shell_read(filename,binary){if(!nodeFS)nodeFS=require("fs");if(!nodePath)nodePath=require("path");filename=nodePath["normalize"](filename);return nodeFS["readFileSync"](filename,binary?null:"utf8")};readBinary=function readBinary(filename){var ret=read_(filename,true);if(!ret.buffer){ret=new Uint8Array(ret)}assert(ret.buffer);return ret};if(process["argv"].length>1){thisProgram=process["argv"][1].replace(/\\/g,"/")}arguments_=process["argv"].slice(2);process["on"]("uncaughtException",function(ex){if(!(ex instanceof ExitStatus)){throw ex}});process["on"]("unhandledRejection",abort);quit_=function(status){process["exit"](status)};Module["inspect"]=function(){return"[Emscripten Module object]"}}else if(ENVIRONMENT_IS_SHELL){if(typeof read!="undefined"){read_=function shell_read(f){return read(f)}}readBinary=function readBinary(f){var data;if(typeof readbuffer==="function"){return new Uint8Array(readbuffer(f))}data=read(f,"binary");assert(typeof data==="object");return data};if(typeof scriptArgs!="undefined"){arguments_=scriptArgs}else if(typeof arguments!="undefined"){arguments_=arguments}if(typeof quit==="function"){quit_=function(status){quit(status)}}if(typeof print!=="undefined"){if(typeof console==="undefined")console={};console.log=print;console.warn=console.error=typeof printErr!=="undefined"?printErr:print}}else if(ENVIRONMENT_IS_WEB||ENVIRONMENT_IS_WORKER){if(ENVIRONMENT_IS_WORKER){scriptDirectory=self.location.href}else if(typeof document!=="undefined"&&document.currentScript){scriptDirectory=document.currentScript.src}if(_scriptDir){scriptDirectory=_scriptDir}if(scriptDirectory.indexOf("blob:")!==0){scriptDirectory=scriptDirectory.substr(0,scriptDirectory.lastIndexOf("/")+1)}else{scriptDirectory=""}{read_=function(url){var xhr=new XMLHttpRequest;xhr.open("GET",url,false);xhr.send(null);return xhr.responseText};if(ENVIRONMENT_IS_WORKER){readBinary=function(url){var xhr=new XMLHttpRequest;xhr.open("GET",url,false);xhr.responseType="arraybuffer";xhr.send(null);return new Uint8Array(xhr.response)}}readAsync=function(url,onload,onerror){var xhr=new XMLHttpRequest;xhr.open("GET",url,true);xhr.responseType="arraybuffer";xhr.onload=function(){if(xhr.status==200||xhr.status==0&&xhr.response){onload(xhr.response);return}onerror()};xhr.onerror=onerror;xhr.send(null)}}setWindowTitle=function(title){document.title=title}}else{}var out=Module["print"]||console.log.bind(console);var err=Module["printErr"]||console.warn.bind(console);for(key in moduleOverrides){if(moduleOverrides.hasOwnProperty(key)){Module[key]=moduleOverrides[key]}}moduleOverrides=null;if(Module["arguments"])arguments_=Module["arguments"];if(Module["thisProgram"])thisProgram=Module["thisProgram"];if(Module["quit"])quit_=Module["quit"];var wasmBinary;if(Module["wasmBinary"])wasmBinary=Module["wasmBinary"];var noExitRuntime;if(Module["noExitRuntime"])noExitRuntime=Module["noExitRuntime"];if(typeof WebAssembly!=="object"){abort("no native wasm support detected")}var wasmMemory;var ABORT=false;var EXITSTATUS;function assert(condition,text){if(!condition){abort("Assertion failed: "+text)}}var UTF8Decoder=typeof TextDecoder!=="undefined"?new TextDecoder("utf8"):undefined;function UTF8ArrayToString(heap,idx,maxBytesToRead){var endIdx=idx+maxBytesToRead;var endPtr=idx;while(heap[endPtr]&&!(endPtr>=endIdx))++endPtr;if(endPtr-idx>16&&heap.subarray&&UTF8Decoder){return UTF8Decoder.decode(heap.subarray(idx,endPtr))}else{var str="";while(idx<endPtr){var u0=heap[idx++];if(!(u0&128)){str+=String.fromCharCode(u0);continue}var u1=heap[idx++]&63;if((u0&224)==192){str+=String.fromCharCode((u0&31)<<6|u1);continue}var u2=heap[idx++]&63;if((u0&240)==224){u0=(u0&15)<<12|u1<<6|u2}else{u0=(u0&7)<<18|u1<<12|u2<<6|heap[idx++]&63}if(u0<65536){str+=String.fromCharCode(u0)}else{var ch=u0-65536;str+=String.fromCharCode(55296|ch>>10,56320|ch&1023)}}}return str}function UTF8ToString(ptr,maxBytesToRead){return ptr?UTF8ArrayToString(HEAPU8,ptr,maxBytesToRead):""}function writeAsciiToMemory(str,buffer,dontAddNull){for(var i=0;i<str.length;++i){HEAP8[buffer++>>0]=str.charCodeAt(i)}if(!dontAddNull)HEAP8[buffer>>0]=0}function alignUp(x,multiple){if(x%multiple>0){x+=multiple-x%multiple}return x}var buffer,HEAP8,HEAPU8,HEAP16,HEAPU16,HEAP32,HEAPU32,HEAPF32,HEAPF64;function updateGlobalBufferAndViews(buf){buffer=buf;Module["HEAP8"]=HEAP8=new Int8Array(buf);Module["HEAP16"]=HEAP16=new Int16Array(buf);Module["HEAP32"]=HEAP32=new Int32Array(buf);Module["HEAPU8"]=HEAPU8=new Uint8Array(buf);Module["HEAPU16"]=HEAPU16=new Uint16Array(buf);Module["HEAPU32"]=HEAPU32=new Uint32Array(buf);Module["HEAPF32"]=HEAPF32=new Float32Array(buf);Module["HEAPF64"]=HEAPF64=new Float64Array(buf)}var INITIAL_MEMORY=Module["INITIAL_MEMORY"]||16777216;var wasmTable;var __ATPRERUN__=[];var __ATINIT__=[];var __ATMAIN__=[];var __ATPOSTRUN__=[];var runtimeInitialized=false;var runtimeExited=false;__ATINIT__.push({func:function(){___wasm_call_ctors()}});function preRun(){if(Module["preRun"]){if(typeof Module["preRun"]=="function")Module["preRun"]=[Module["preRun"]];while(Module["preRun"].length){addOnPreRun(Module["preRun"].shift())}}callRuntimeCallbacks(__ATPRERUN__)}function initRuntime(){runtimeInitialized=true;callRuntimeCallbacks(__ATINIT__)}function preMain(){callRuntimeCallbacks(__ATMAIN__)}function exitRuntime(){runtimeExited=true}function postRun(){if(Module["postRun"]){if(typeof Module["postRun"]=="function")Module["postRun"]=[Module["postRun"]];while(Module["postRun"].length){addOnPostRun(Module["postRun"].shift())}}callRuntimeCallbacks(__ATPOSTRUN__)}function addOnPreRun(cb){__ATPRERUN__.unshift(cb)}function addOnPostRun(cb){__ATPOSTRUN__.unshift(cb)}var runDependencies=0;var runDependencyWatcher=null;var dependenciesFulfilled=null;function addRunDependency(id){runDependencies++;if(Module["monitorRunDependencies"]){Module["monitorRunDependencies"](runDependencies)}}function removeRunDependency(id){runDependencies--;if(Module["monitorRunDependencies"]){Module["monitorRunDependencies"](runDependencies)}if(runDependencies==0){if(runDependencyWatcher!==null){clearInterval(runDependencyWatcher);runDependencyWatcher=null}if(dependenciesFulfilled){var callback=dependenciesFulfilled;dependenciesFulfilled=null;callback()}}}Module["preloadedImages"]={};Module["preloadedAudios"]={};function abort(what){if(Module["onAbort"]){Module["onAbort"](what)}what+="";err(what);ABORT=true;EXITSTATUS=1;what="abort("+what+"). Build with -s ASSERTIONS=1 for more info.";var e=new WebAssembly.RuntimeError(what);readyPromiseReject(e);throw e}function hasPrefix(str,prefix){return String.prototype.startsWith?str.startsWith(prefix):str.indexOf(prefix)===0}var dataURIPrefix="data:application/octet-stream;base64,";function isDataURI(filename){return hasPrefix(filename,dataURIPrefix)}var fileURIPrefix="file://";function isFileURI(filename){return hasPrefix(filename,fileURIPrefix)}var wasmBinaryFile="tflite.wasm";if(!isDataURI(wasmBinaryFile)){wasmBinaryFile=locateFile(wasmBinaryFile)}function getBinary(file){try{if(file==wasmBinaryFile&&wasmBinary){return new Uint8Array(wasmBinary)}if(readBinary){return readBinary(file)}else{throw"both async and sync fetching of the wasm failed"}}catch(err){abort(err)}}function getBinaryPromise(){if(!wasmBinary&&(ENVIRONMENT_IS_WEB||ENVIRONMENT_IS_WORKER)){if(typeof fetch==="function"&&!isFileURI(wasmBinaryFile)){return fetch(wasmBinaryFile,{credentials:"same-origin"}).then(function(response){if(!response["ok"]){throw"failed to load wasm binary file at '"+wasmBinaryFile+"'"}return response["arrayBuffer"]()}).catch(function(){return getBinary(wasmBinaryFile)})}else{if(readAsync){return new Promise(function(resolve,reject){readAsync(wasmBinaryFile,function(response){resolve(new Uint8Array(response))},reject)})}}}return Promise.resolve().then(function(){return getBinary(wasmBinaryFile)})}function createWasm(){var info={"a":asmLibraryArg};function receiveInstance(instance,module){var exports=instance.exports;Module["asm"]=exports;wasmMemory=Module["asm"]["q"];updateGlobalBufferAndViews(wasmMemory.buffer);wasmTable=Module["asm"]["D"];removeRunDependency("wasm-instantiate")}addRunDependency("wasm-instantiate");function receiveInstantiatedSource(output){receiveInstance(output["instance"])}function instantiateArrayBuffer(receiver){return getBinaryPromise().then(function(binary){return WebAssembly.instantiate(binary,info)}).then(receiver,function(reason){err("failed to asynchronously prepare wasm: "+reason);abort(reason)})}function instantiateAsync(){if(!wasmBinary&&typeof WebAssembly.instantiateStreaming==="function"&&!isDataURI(wasmBinaryFile)&&!isFileURI(wasmBinaryFile)&&typeof fetch==="function"){return fetch(wasmBinaryFile,{credentials:"same-origin"}).then(function(response){var result=WebAssembly.instantiateStreaming(response,info);return result.then(receiveInstantiatedSource,function(reason){err("wasm streaming compile failed: "+reason);err("falling back to ArrayBuffer instantiation");return instantiateArrayBuffer(receiveInstantiatedSource)})})}else{return instantiateArrayBuffer(receiveInstantiatedSource)}}if(Module["instantiateWasm"]){try{var exports=Module["instantiateWasm"](info,receiveInstance);return exports}catch(e){err("Module.instantiateWasm callback failed with error: "+e);return false}}instantiateAsync().catch(readyPromiseReject);return{}}function callRuntimeCallbacks(callbacks){while(callbacks.length>0){var callback=callbacks.shift();if(typeof callback=="function"){callback(Module);continue}var func=callback.func;if(typeof func==="number"){if(callback.arg===undefined){wasmTable.get(func)()}else{wasmTable.get(func)(callback.arg)}}else{func(callback.arg===undefined?null:callback.arg)}}}function _abort(){abort()}var _emscripten_get_now;if(ENVIRONMENT_IS_NODE){_emscripten_get_now=function(){var t=process["hrtime"]();return t[0]*1e3+t[1]/1e6}}else if(typeof dateNow!=="undefined"){_emscripten_get_now=dateNow}else _emscripten_get_now=function(){return performance.now()};var _emscripten_get_now_is_monotonic=true;function setErrNo(value){HEAP32[___errno_location()>>2]=value;return value}function _clock_gettime(clk_id,tp){var now;if(clk_id===0){now=Date.now()}else if((clk_id===1||clk_id===4)&&_emscripten_get_now_is_monotonic){now=_emscripten_get_now()}else{setErrNo(28);return-1}HEAP32[tp>>2]=now/1e3|0;HEAP32[tp+4>>2]=now%1e3*1e3*1e3|0;return 0}function _dlopen(filename,flag){abort("To use dlopen, you need to use Emscripten's linking support, see https://github.com/emscripten-core/emscripten/wiki/Linking")}function _dlsym(handle,symbol){abort("To use dlopen, you need to use Emscripten's linking support, see https://github.com/emscripten-core/emscripten/wiki/Linking")}function _emscripten_memcpy_big(dest,src,num){HEAPU8.copyWithin(dest,src,src+num)}function _emscripten_get_heap_size(){return HEAPU8.length}function emscripten_realloc_buffer(size){try{wasmMemory.grow(size-buffer.byteLength+65535>>>16);updateGlobalBufferAndViews(wasmMemory.buffer);return 1}catch(e){}}function _emscripten_resize_heap(requestedSize){requestedSize=requestedSize>>>0;var oldSize=_emscripten_get_heap_size();var maxHeapSize=2147483648;if(requestedSize>maxHeapSize){return false}var minHeapSize=16777216;for(var cutDown=1;cutDown<=4;cutDown*=2){var overGrownHeapSize=oldSize*(1+.2/cutDown);overGrownHeapSize=Math.min(overGrownHeapSize,requestedSize+100663296);var newSize=Math.min(maxHeapSize,alignUp(Math.max(minHeapSize,requestedSize,overGrownHeapSize),65536));var replacement=emscripten_realloc_buffer(newSize);if(replacement){return true}}return false}function _emscripten_thread_sleep(msecs){var start=_emscripten_get_now();while(_emscripten_get_now()-start<msecs){}}var ENV={};function getExecutableName(){return thisProgram||"./this.program"}function getEnvStrings(){if(!getEnvStrings.strings){var lang=(typeof navigator==="object"&&navigator.languages&&navigator.languages[0]||"C").replace("-","_")+".UTF-8";var env={"USER":"web_user","LOGNAME":"web_user","PATH":"/","PWD":"/","HOME":"/home/web_user","LANG":lang,"_":getExecutableName()};for(var x in ENV){env[x]=ENV[x]}var strings=[];for(var x in env){strings.push(x+"="+env[x])}getEnvStrings.strings=strings}return getEnvStrings.strings}var SYSCALLS={mappings:{},buffers:[null,[],[]],printChar:function(stream,curr){var buffer=SYSCALLS.buffers[stream];if(curr===0||curr===10){(stream===1?out:err)(UTF8ArrayToString(buffer,0));buffer.length=0}else{buffer.push(curr)}},varargs:undefined,get:function(){SYSCALLS.varargs+=4;var ret=HEAP32[SYSCALLS.varargs-4>>2];return ret},getStr:function(ptr){var ret=UTF8ToString(ptr);return ret},get64:function(low,high){return low}};function _environ_get(__environ,environ_buf){var bufSize=0;getEnvStrings().forEach(function(string,i){var ptr=environ_buf+bufSize;HEAP32[__environ+i*4>>2]=ptr;writeAsciiToMemory(string,ptr);bufSize+=string.length+1});return 0}function _environ_sizes_get(penviron_count,penviron_buf_size){var strings=getEnvStrings();HEAP32[penviron_count>>2]=strings.length;var bufSize=0;strings.forEach(function(string){bufSize+=string.length+1});HEAP32[penviron_buf_size>>2]=bufSize;return 0}function _exit(status){exit(status)}function _fd_close(fd){return 0}function _fd_seek(fd,offset_low,offset_high,whence,newOffset){}function _fd_write(fd,iov,iovcnt,pnum){var num=0;for(var i=0;i<iovcnt;i++){var ptr=HEAP32[iov+i*8>>2];var len=HEAP32[iov+(i*8+4)>>2];for(var j=0;j<len;j++){SYSCALLS.printChar(fd,HEAPU8[ptr+j])}num+=len}HEAP32[pnum>>2]=num;return 0}function _pthread_create(){return 6}function _pthread_join(){return 28}function _sysconf(name){switch(name){case 30:return 16384;case 85:var maxHeapSize=2147483648;return maxHeapSize/16384;case 132:case 133:case 12:case 137:case 138:case 15:case 235:case 16:case 17:case 18:case 19:case 20:case 149:case 13:case 10:case 236:case 153:case 9:case 21:case 22:case 159:case 154:case 14:case 77:case 78:case 139:case 82:case 68:case 67:case 164:case 11:case 29:case 47:case 48:case 95:case 52:case 51:case 46:return 200809;case 27:case 246:case 127:case 128:case 23:case 24:case 160:case 161:case 181:case 182:case 242:case 183:case 184:case 243:case 244:case 245:case 165:case 178:case 179:case 49:case 50:case 168:case 169:case 175:case 170:case 171:case 172:case 97:case 76:case 32:case 173:case 35:case 80:case 81:case 79:return-1;case 176:case 177:case 7:case 155:case 8:case 157:case 125:case 126:case 92:case 93:case 129:case 130:case 131:case 94:case 91:return 1;case 74:case 60:case 69:case 70:case 4:return 1024;case 31:case 42:case 72:return 32;case 87:case 26:case 33:return 2147483647;case 34:case 1:return 47839;case 38:case 36:return 99;case 43:case 37:return 2048;case 0:return 2097152;case 3:return 65536;case 28:return 32768;case 44:return 32767;case 75:return 16384;case 39:return 1e3;case 89:return 700;case 71:return 256;case 40:return 255;case 2:return 100;case 180:return 64;case 25:return 20;case 5:return 16;case 6:return 6;case 73:return 4;case 84:{if(typeof navigator==="object")return navigator["hardwareConcurrency"]||1;return 1}}setErrNo(28);return-1}var asmLibraryArg={"a":_abort,"n":_clock_gettime,"i":_dlopen,"e":_dlsym,"l":_emscripten_memcpy_big,"m":_emscripten_resize_heap,"o":_emscripten_thread_sleep,"p":_environ_get,"g":_environ_sizes_get,"j":_exit,"h":_fd_close,"k":_fd_seek,"c":_fd_write,"d":_pthread_create,"f":_pthread_join,"b":_sysconf};var asm=createWasm();var ___wasm_call_ctors=Module["___wasm_call_ctors"]=function(){return(___wasm_call_ctors=Module["___wasm_call_ctors"]=Module["asm"]["r"]).apply(null,arguments)};var _getModelBufferMemoryOffset=Module["_getModelBufferMemoryOffset"]=function(){return(_getModelBufferMemoryOffset=Module["_getModelBufferMemoryOffset"]=Module["asm"]["s"]).apply(null,arguments)};var _getInputMemoryOffset=Module["_getInputMemoryOffset"]=function(){return(_getInputMemoryOffset=Module["_getInputMemoryOffset"]=Module["asm"]["t"]).apply(null,arguments)};var _getInputHeight=Module["_getInputHeight"]=function(){return(_getInputHeight=Module["_getInputHeight"]=Module["asm"]["u"]).apply(null,arguments)};var _getInputWidth=Module["_getInputWidth"]=function(){return(_getInputWidth=Module["_getInputWidth"]=Module["asm"]["v"]).apply(null,arguments)};var _getInputChannelCount=Module["_getInputChannelCount"]=function(){return(_getInputChannelCount=Module["_getInputChannelCount"]=Module["asm"]["w"]).apply(null,arguments)};var _getOutputMemoryOffset=Module["_getOutputMemoryOffset"]=function(){return(_getOutputMemoryOffset=Module["_getOutputMemoryOffset"]=Module["asm"]["x"]).apply(null,arguments)};var _getOutputHeight=Module["_getOutputHeight"]=function(){return(_getOutputHeight=Module["_getOutputHeight"]=Module["asm"]["y"]).apply(null,arguments)};var _getOutputWidth=Module["_getOutputWidth"]=function(){return(_getOutputWidth=Module["_getOutputWidth"]=Module["asm"]["z"]).apply(null,arguments)};var _getOutputChannelCount=Module["_getOutputChannelCount"]=function(){return(_getOutputChannelCount=Module["_getOutputChannelCount"]=Module["asm"]["A"]).apply(null,arguments)};var _loadModel=Module["_loadModel"]=function(){return(_loadModel=Module["_loadModel"]=Module["asm"]["B"]).apply(null,arguments)};var _runInference=Module["_runInference"]=function(){return(_runInference=Module["_runInference"]=Module["asm"]["C"]).apply(null,arguments)};var ___errno_location=Module["___errno_location"]=function(){return(___errno_location=Module["___errno_location"]=Module["asm"]["E"]).apply(null,arguments)};var calledRun;function ExitStatus(status){this.name="ExitStatus";this.message="Program terminated with exit("+status+")";this.status=status}dependenciesFulfilled=function runCaller(){if(!calledRun)run();if(!calledRun)dependenciesFulfilled=runCaller};function run(args){args=args||arguments_;if(runDependencies>0){return}preRun();if(runDependencies>0){return}function doRun(){if(calledRun)return;calledRun=true;Module["calledRun"]=true;if(ABORT)return;initRuntime();preMain();readyPromiseResolve(Module);if(Module["onRuntimeInitialized"])Module["onRuntimeInitialized"]();postRun()}if(Module["setStatus"]){Module["setStatus"]("Running...");setTimeout(function(){setTimeout(function(){Module["setStatus"]("")},1);doRun()},1)}else{doRun()}}Module["run"]=run;function exit(status,implicit){if(implicit&&noExitRuntime&&status===0){return}if(noExitRuntime){}else{EXITSTATUS=status;exitRuntime();if(Module["onExit"])Module["onExit"](status);ABORT=true}quit_(status,new ExitStatus(status))}if(Module["preInit"]){if(typeof Module["preInit"]=="function")Module["preInit"]=[Module["preInit"]];while(Module["preInit"].length>0){Module["preInit"].pop()()}}noExitRuntime=true;run();
+
+
+  return createTFLiteModule.ready
+}
+);
+})();
+
+export default createTFLiteModule;
diff --git a/react/features/stream-effects/virtual-background/vendor/tflite/tflite.wasm b/react/features/stream-effects/virtual-background/vendor/tflite/tflite.wasm
new file mode 100755
index 0000000..8824ba7
Binary files /dev/null and b/react/features/stream-effects/virtual-background/vendor/tflite/tflite.wasm differ
diff --git a/react/features/subtitles/actionTypes.ts b/react/features/subtitles/actionTypes.ts
new file mode 100644
index 0000000..bf49405
--- /dev/null
+++ b/react/features/subtitles/actionTypes.ts
@@ -0,0 +1,72 @@
+/**
+ * The type of (redux) action which indicates that an existing transcript
+ * has to be removed from the state.
+ *
+ * {
+ *      type: REMOVE_TRANSCRIPT_MESSAGE,
+ *      transciptMessageID: string,
+ * }
+ */
+export const REMOVE_TRANSCRIPT_MESSAGE = 'REMOVE_TRANSCRIPT_MESSAGE';
+
+/**
+ * The type of (redux) action which indicates that an cached transcript
+ * has to be removed from the state.
+ *
+ * {
+ *      type: REMOVE_CACHED_TRANSCRIPT_MESSAGE,
+ *      transciptMessageID: string,
+ * }
+ */
+export const REMOVE_CACHED_TRANSCRIPT_MESSAGE = 'REMOVE_CACHED_TRANSCRIPT_MESSAGE';
+
+/**
+ * The type of (redux) action which indicates that a transcript with an
+ * given message_id to be added or updated is received.
+ *
+ * {
+ *      type: UPDATE_TRANSCRIPT_MESSAGE,
+ *      transcriptMessageID: string,
+ *      newTranscriptMessage: Object
+ * }
+ */
+export const UPDATE_TRANSCRIPT_MESSAGE = 'UPDATE_TRANSCRIPT_MESSAGE';
+
+/**
+ * The type of (redux) action which indicates that the user pressed the
+ * ClosedCaption button, to either enable or disable subtitles based on the
+ * current state.
+ *
+ * {
+ *      type: TOGGLE_REQUESTING_SUBTITLES
+ * }
+ */
+export const TOGGLE_REQUESTING_SUBTITLES
+    = 'TOGGLE_REQUESTING_SUBTITLES';
+
+/**
+ * The type of (redux) action which indicates if the user set the state of
+ * the subtitles to enabled or disabled.
+ *
+ * {
+ *      type: SET_REQUESTING_SUBTITLES
+ *      enabled: boolean
+ * }
+ */
+export const SET_REQUESTING_SUBTITLES
+    = 'SET_REQUESTING_SUBTITLES';
+
+/**
+ * Action to store received subtitles in history.
+ */
+export const STORE_SUBTITLE = 'STORE_SUBTITLE';
+
+/**
+ * The type of (redux) action which indicates that an error occurred while starting subtitles.
+ *
+ * {
+ *      type: SET_SUBTITLES_ERROR,
+ *      hasError: boolean
+ * }
+ */
+export const SET_SUBTITLES_ERROR = 'SET_SUBTITLES_ERROR';
diff --git a/react/features/subtitles/actions.any.ts b/react/features/subtitles/actions.any.ts
new file mode 100644
index 0000000..03eff51
--- /dev/null
+++ b/react/features/subtitles/actions.any.ts
@@ -0,0 +1,137 @@
+import { DEFAULT_LANGUAGE } from '../base/i18n/i18next';
+
+import {
+    REMOVE_CACHED_TRANSCRIPT_MESSAGE,
+    REMOVE_TRANSCRIPT_MESSAGE,
+    SET_REQUESTING_SUBTITLES,
+    SET_SUBTITLES_ERROR,
+    STORE_SUBTITLE,
+    TOGGLE_REQUESTING_SUBTITLES,
+    UPDATE_TRANSCRIPT_MESSAGE
+} from './actionTypes';
+import { ISubtitle } from './types';
+
+/**
+ * Signals that a transcript has to be removed from the state.
+ *
+ * @param {string} transcriptMessageID - The message_id to be removed.
+ * @returns {{
+ *      type: REMOVE_TRANSCRIPT_MESSAGE,
+ *      transcriptMessageID: string,
+ * }}
+ */
+export function removeTranscriptMessage(transcriptMessageID: string) {
+    return {
+        type: REMOVE_TRANSCRIPT_MESSAGE,
+        transcriptMessageID
+    };
+}
+
+/**
+ * Signals that a cached transcript has to be removed from the state.
+ *
+ * @param {string} transcriptMessageID - The message_id to be removed.
+ * @returns {{
+*      type: REMOVE_CACHED_TRANSCRIPT_MESSAGE,
+*      transcriptMessageID: string,
+* }}
+*/
+export function removeCachedTranscriptMessage(transcriptMessageID: string) {
+    return {
+        type: REMOVE_CACHED_TRANSCRIPT_MESSAGE,
+        transcriptMessageID
+    };
+}
+
+/**
+ * Signals that a transcript with the given message_id to be added or updated
+ * is received.
+ *
+ * @param {string} transcriptMessageID -The transcript message_id to be updated.
+ * @param {Object} newTranscriptMessage - The updated transcript message.
+ * @returns {{
+ *      type: UPDATE_TRANSCRIPT_MESSAGE,
+ *      transcriptMessageID: string,
+ *      newTranscriptMessage: Object
+ * }}
+ */
+export function updateTranscriptMessage(transcriptMessageID: string,
+        newTranscriptMessage: Object) {
+    return {
+        type: UPDATE_TRANSCRIPT_MESSAGE,
+        transcriptMessageID,
+        newTranscriptMessage
+    };
+}
+
+/**
+ * Signals that the local user has toggled the ClosedCaption button.
+ *
+ * @returns {{
+ *      type: TOGGLE_REQUESTING_SUBTITLES
+ * }}
+ */
+export function toggleRequestingSubtitles() {
+    return {
+        type: TOGGLE_REQUESTING_SUBTITLES
+    };
+}
+
+/**
+ * Signals that the local user has enabled or disabled the subtitles.
+ *
+ * @param {boolean} enabled - The new state of the subtitles.
+ * @param {boolean} displaySubtitles - Whether to display subtitles or not.
+ * @param {string} language - The language of the subtitles.
+ * @param {boolean} backendRecordingOn - Whether backend recording is on.
+ * @returns {{
+ *    type: SET_REQUESTING_SUBTITLES,
+ *    backendRecordingOn: boolean,
+ *    enabled: boolean,
+ *    displaySubtitles: boolean,
+ *    language: string
+ * }}
+ */
+export function setRequestingSubtitles(
+        enabled: boolean,
+        displaySubtitles = true,
+        language: string | null = `translation-languages:${DEFAULT_LANGUAGE}`) {
+    return {
+        type: SET_REQUESTING_SUBTITLES,
+        displaySubtitles,
+        enabled,
+        language
+    };
+}
+
+/**
+ * Stores a received subtitle in the history.
+ *
+ * @param {ISubtitle} subtitle - The subtitle to store.
+ * @returns {{
+ *     type: STORE_SUBTITLE,
+ *     subtitle: ISubtitle
+ * }}
+ */
+export function storeSubtitle(subtitle: ISubtitle) {
+    return {
+        type: STORE_SUBTITLE,
+        subtitle
+    };
+}
+
+/**
+ * Signals that an error occurred while starting subtitles.
+ *
+ * @param {boolean} hasError - Whether an error occurred or not.
+ * @returns {{
+ *    type: SET_SUBTITLES_ERROR,
+ *    hasError: boolean
+ * }}
+ */
+export function setSubtitlesError(hasError: boolean) {
+    return {
+        type: SET_SUBTITLES_ERROR,
+        hasError
+    };
+}
diff --git a/react/features/subtitles/actions.native.ts b/react/features/subtitles/actions.native.ts
new file mode 100644
index 0000000..02b37d4
--- /dev/null
+++ b/react/features/subtitles/actions.native.ts
@@ -0,0 +1 @@
+export * from './actions.any';
diff --git a/react/features/subtitles/actions.web.ts b/react/features/subtitles/actions.web.ts
new file mode 100644
index 0000000..cae41bf
--- /dev/null
+++ b/react/features/subtitles/actions.web.ts
@@ -0,0 +1,17 @@
+import { IStore } from '../app/types';
+import { toggleDialog } from '../base/dialog/actions';
+
+import LanguageSelectorDialog from './components/web/LanguageSelectorDialog';
+
+export * from './actions.any';
+
+/**
+ * Signals that the local user has toggled the LanguageSelector button.
+ *
+ * @returns {Function}
+ */
+export function toggleLanguageSelectorDialog() {
+    return function(dispatch: IStore['dispatch']) {
+        dispatch(toggleDialog('LanguageSelectorDialog', LanguageSelectorDialog));
+    };
+}
diff --git a/react/features/subtitles/components/AbstractCaptions.tsx b/react/features/subtitles/components/AbstractCaptions.tsx
new file mode 100644
index 0000000..7fa9d21
--- /dev/null
+++ b/react/features/subtitles/components/AbstractCaptions.tsx
@@ -0,0 +1,143 @@
+import React, { Component, ReactElement } from 'react';
+
+import { IReduxState } from '../../app/types';
+
+
+/**
+ * {@code AbstractCaptions} Properties.
+ */
+export interface IAbstractCaptionsProps {
+
+    /**
+     * Whether local participant is displaying subtitles.
+     */
+    _displaySubtitles: boolean;
+
+    /**
+     * Whether local participant is requesting subtitles.
+     */
+    _requestingSubtitles: boolean;
+
+    /**
+     * Transcript texts formatted with participant's name and final content.
+     * Mapped by id just to have the keys for convenience during the rendering
+     * process.
+     */
+    _transcripts?: Map<string, string>;
+}
+
+/**
+ * Abstract React {@code Component} which can display speech-to-text results
+ * from Jigasi as subtitles.
+ */
+export class AbstractCaptions<P extends IAbstractCaptionsProps> extends Component<P> {
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render(): any {
+        const { _displaySubtitles, _requestingSubtitles, _transcripts } = this.props;
+
+        if (!_requestingSubtitles || !_displaySubtitles || !_transcripts || !_transcripts.size) {
+            return null;
+        }
+
+        const paragraphs = [];
+
+        // @ts-ignore
+        for (const [ id, text ] of _transcripts ?? []) {
+            paragraphs.push(this._renderParagraph(id, text));
+        }
+
+        // @ts-ignore
+        return this._renderSubtitlesContainer(paragraphs);
+    }
+
+    /**
+     * Renders the transcription text.
+     *
+     * @abstract
+     * @param {string} _id - The ID of the transcript message from which the
+     * {@code text} has been created.
+     * @param {string} _text - Subtitles text formatted with the participant's
+     * name.
+     * @protected
+     * @returns {ReactElement} - The React element which displays the text.
+     */
+    _renderParagraph(_id: string, _text: string) {
+        return <></>;
+    }
+
+    /**
+     * Renders the subtitles container.
+     *
+     * @abstract
+     * @param {Array<ReactElement>} _el - An array of elements created
+     * for each subtitle using the {@link _renderParagraph} method.
+     * @protected
+     * @returns {ReactElement} - The subtitles container.
+     */
+    _renderSubtitlesContainer(_el: Array<ReactElement>) {
+        return <></>;
+    }
+}
+
+/**
+ * Formats the transcript messages into text by prefixing participant's name to
+ * avoid duplicating the effort on platform specific component.
+ *
+ * @param {Object} state - The redux state.
+ * @private
+ * @returns {Map<string, string>} - Formatted transcript subtitles mapped by
+ * transcript message IDs.
+ */
+function _constructTranscripts(state: IReduxState): Map<string, string> {
+    const { _transcriptMessages } = state['features/subtitles'];
+    const transcripts = new Map();
+
+    for (const [ id, transcriptMessage ] of _transcriptMessages) {
+        if (transcriptMessage) {
+            let text = `${transcriptMessage.participant.name}: `;
+
+            if (transcriptMessage.final) {
+                text += transcriptMessage.final;
+            } else {
+                const stable = transcriptMessage.stable || '';
+                const unstable = transcriptMessage.unstable || '';
+
+                text += stable + unstable;
+            }
+
+            transcripts.set(id, text);
+        }
+    }
+
+    return transcripts;
+}
+
+/**
+ * Maps the transcriptionSubtitles in the redux state to the associated props of
+ * {@code AbstractCaptions}.
+ *
+ * @param {Object} state - The redux state.
+ * @private
+ * @returns {{
+ *     _requestingSubtitles: boolean,
+ *     _transcripts: Map<string, string>
+ * }}
+ */
+export function _abstractMapStateToProps(state: IReduxState) {
+    const { _displaySubtitles, _requestingSubtitles } = state['features/subtitles'];
+    const transcripts = _constructTranscripts(state);
+
+    return {
+        _displaySubtitles,
+        _requestingSubtitles,
+
+        // avoid re-renders by setting to prop new empty Map instances.
+        _transcripts: transcripts.size === 0 ? undefined : transcripts
+    };
+}
diff --git a/react/features/subtitles/components/AbstractClosedCaptionButton.tsx b/react/features/subtitles/components/AbstractClosedCaptionButton.tsx
new file mode 100644
index 0000000..d17f9ae
--- /dev/null
+++ b/react/features/subtitles/components/AbstractClosedCaptionButton.tsx
@@ -0,0 +1,128 @@
+import { createToolbarEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { IReduxState } from '../../app/types';
+import { MEET_FEATURES } from '../../base/jwt/constants';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../base/toolbox/components/AbstractButton';
+import { maybeShowPremiumFeatureDialog } from '../../jaas/actions';
+import { canStartSubtitles, isCCTabEnabled } from '../functions.any';
+
+/**
+ * Props interface for the Abstract Closed Caption Button component.
+ *
+ * @interface IAbstractProps
+ * @augments {AbstractButtonProps}
+ */
+export interface IAbstractProps extends AbstractButtonProps {
+
+    /**
+     * Whether the subtitles tab is enabled in the UI.
+     */
+    _isCCTabEnabled: boolean;
+
+    _language: string | null;
+
+    /**
+     * Whether the local participant is currently requesting subtitles.
+     */
+    _requestingSubtitles: boolean;
+
+    /**
+     * Selected language for subtitle.
+     */
+    _subtitles: string;
+
+    languages?: string;
+
+    languagesHead?: string;
+}
+
+/**
+ * The button component which starts/stops the transcription.
+ */
+export class AbstractClosedCaptionButton
+    extends AbstractButton<IAbstractProps> {
+
+    /**
+     * Helper function to be implemented by subclasses, which should be used
+     * to handle the closed caption button being clicked / pressed.
+     *
+     * @protected
+     * @returns {void}
+     */
+    _handleClickOpenLanguageSelector() {
+        // To be implemented by subclass.
+    }
+
+    /**
+     * Handles clicking / pressing the button.
+     *
+     * @override
+     * @protected
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { _requestingSubtitles, dispatch } = this.props;
+
+        sendAnalytics(createToolbarEvent('transcribing.ccButton',
+            {
+                'requesting_subtitles': Boolean(_requestingSubtitles)
+            }));
+
+        const dialogShown = dispatch(maybeShowPremiumFeatureDialog(MEET_FEATURES.RECORDING));
+
+        if (!dialogShown) {
+            this._handleClickOpenLanguageSelector();
+        }
+    }
+
+    /**
+     * Indicates whether this button is disabled or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    override _isDisabled() {
+        return false;
+    }
+
+    /**
+     * Indicates whether this button is in toggled state or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    override _isToggled() {
+        return this.props._requestingSubtitles;
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated props for the
+ * {@code AbstractClosedCaptionButton} component.
+ *
+ * @param {Object} state - The redux state.
+ * @param {Object} ownProps - The properties explicitly passed to the component
+ * instance.
+ * @private
+ * @returns {{
+ *     _requestingSubtitles: boolean,
+ *     _language: string,
+ *     visible: boolean
+ * }}
+ */
+export function _abstractMapStateToProps(state: IReduxState, ownProps: IAbstractProps) {
+    const { _requestingSubtitles, _language } = state['features/subtitles'];
+
+    // if the participant is moderator, it can enable transcriptions and if
+    // transcriptions are already started for the meeting, guests can just show them
+    const { visible = canStartSubtitles(state) } = ownProps;
+
+    return {
+        _isCCTabEnabled: isCCTabEnabled(state),
+        _requestingSubtitles,
+        _language,
+        visible
+    };
+}
diff --git a/react/features/subtitles/components/AbstractLanguageSelectorDialog.tsx b/react/features/subtitles/components/AbstractLanguageSelectorDialog.tsx
new file mode 100644
index 0000000..895e093
--- /dev/null
+++ b/react/features/subtitles/components/AbstractLanguageSelectorDialog.tsx
@@ -0,0 +1,75 @@
+import React, { ComponentType, useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { IReduxState, IStore } from '../../app/types';
+import { openDialog } from '../../base/dialog/actions';
+import { StartRecordingDialog } from '../../recording/components/Recording/index';
+import { setRequestingSubtitles } from '../actions.any';
+import { getAvailableSubtitlesLanguages } from '../functions.any';
+
+export interface IAbstractLanguageSelectorDialogProps {
+    dispatch: IStore['dispatch'];
+    language: string | null;
+    listItems: Array<any>;
+    onLanguageSelected: (e: string) => void;
+    subtitles: string;
+    t: Function;
+}
+
+
+/**
+ * Higher Order Component taking in a concrete LanguageSelector component and
+ * augmenting it with state/behavior common to both web and native implementations.
+ *
+ * @param {React.Component} Component - The concrete component.
+ * @returns {React.Component}
+ */
+const AbstractLanguageSelectorDialog = (Component: ComponentType<IAbstractLanguageSelectorDialogProps>) => () => {
+    const dispatch = useDispatch();
+    const { t } = useTranslation();
+    const language = useSelector((state: IReduxState) => state['features/subtitles']._language);
+
+    // The value for the selected language contains "translation-languages:" prefix.
+    const selectedLanguage = language?.replace('translation-languages:', '');
+    const languageCodes = useSelector((state: IReduxState) => getAvailableSubtitlesLanguages(state, selectedLanguage));
+
+    const noLanguageLabel = 'transcribing.subtitlesOff';
+    const selected = language ?? noLanguageLabel;
+    const items = [ noLanguageLabel, ...languageCodes.map((lang: string) => `translation-languages:${lang}`) ];
+    const listItems = items
+        .map((lang, index) => {
+            return {
+                id: lang + index,
+                lang,
+                selected: lang === selected
+            };
+        });
+    const { conference } = useSelector((state: IReduxState) => state['features/base/conference']);
+
+    const onLanguageSelected = useCallback((value: string) => {
+        const _selectedLanguage = value === noLanguageLabel ? null : value;
+        const enabled = Boolean(_selectedLanguage);
+        const displaySubtitles = enabled;
+
+        if (conference?.getMetadataHandler()?.getMetadata()?.asyncTranscription) {
+            dispatch(openDialog('StartRecordingDialog', StartRecordingDialog, {
+                recordAudioAndVideo: false
+            }));
+        } else {
+            dispatch(setRequestingSubtitles(enabled, displaySubtitles, _selectedLanguage));
+        }
+    }, [ conference, language ]);
+
+    return (
+        <Component
+            dispatch = { dispatch }
+            language = { language }
+            listItems = { listItems }
+            onLanguageSelected = { onLanguageSelected }
+            subtitles = { selected }
+            t = { t } />
+    );
+};
+
+export default AbstractLanguageSelectorDialog;
diff --git a/react/features/subtitles/components/native/Captions.tsx b/react/features/subtitles/components/native/Captions.tsx
new file mode 100644
index 0000000..71dcbf0
--- /dev/null
+++ b/react/features/subtitles/components/native/Captions.tsx
@@ -0,0 +1,65 @@
+import React, { ReactElement } from 'react';
+import { GestureResponderEvent, StyleProp } from 'react-native';
+import { connect } from 'react-redux';
+
+import Container from '../../../base/react/components/native/Container';
+import Text from '../../../base/react/components/native/Text';
+import {
+    AbstractCaptions,
+    type IAbstractCaptionsProps,
+    _abstractMapStateToProps
+} from '../AbstractCaptions';
+
+import styles from './styles';
+
+/**
+ * The type of the React {@code Component} props of {@link Captions}.
+ */
+interface IProps extends IAbstractCaptionsProps {
+    onPress: (event: GestureResponderEvent) => void;
+}
+
+/**
+ * React {@code Component} which can display speech-to-text results from
+ * Jigasi as subtitles.
+ */
+class Captions extends AbstractCaptions<IProps> {
+    /**
+     * Renders the transcription text.
+     *
+     * @param {string} id - The ID of the transcript message from which the
+     * {@code text} has been created.
+     * @param {string} text - Subtitles text formatted with the participant's
+     * name.
+     * @protected
+     * @returns {ReactElement} - The React element which displays the text.
+     */
+    _renderParagraph(id: string, text: string): ReactElement {
+        return (
+            <Text
+                key = { id }
+                onPress = { this.props.onPress }
+                style = { styles.captionsSubtitles as StyleProp<Object> } >
+                { text }
+            </Text>
+        );
+    }
+
+    /**
+     * Renders the subtitles container.
+     *
+     * @param {Array<ReactElement>} paragraphs - An array of elements created
+     * for each subtitle using the {@link _renderParagraph} method.
+     * @protected
+     * @returns {ReactElement} - The subtitles container.
+     */
+    _renderSubtitlesContainer(paragraphs: Array<ReactElement>): ReactElement {
+        return (
+            <Container style = { styles.captionsSubtitlesContainer } >
+                { paragraphs }
+            </Container>
+        );
+    }
+}
+
+export default connect(_abstractMapStateToProps)(Captions);
diff --git a/react/features/subtitles/components/native/ClosedCaptionButton.tsx b/react/features/subtitles/components/native/ClosedCaptionButton.tsx
new file mode 100644
index 0000000..4032534
--- /dev/null
+++ b/react/features/subtitles/components/native/ClosedCaptionButton.tsx
@@ -0,0 +1,59 @@
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { CLOSE_CAPTIONS_ENABLED } from '../../../base/flags/constants';
+import { getFeatureFlag } from '../../../base/flags/functions';
+import { translate } from '../../../base/i18n/functions';
+import { IconSubtitles } from '../../../base/icons/svg';
+import { navigate }
+    from '../../../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
+import { screen } from '../../../mobile/navigation/routes';
+import {
+    AbstractClosedCaptionButton,
+    _abstractMapStateToProps
+} from '../AbstractClosedCaptionButton';
+
+/**
+ * A button which starts/stops the transcriptions.
+ */
+class ClosedCaptionButton
+    extends AbstractClosedCaptionButton {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.cc';
+    override icon = IconSubtitles;
+    override label = 'toolbar.startSubtitles';
+    labelProps = {
+        language: this.props.t(this.props._language ?? 'transcribing.subtitlesOff'),
+        languages: this.props.t(this.props.languages ?? ''),
+        languagesHead: this.props.t(this.props.languagesHead ?? '')
+    };
+
+    /**
+     * Toggle language selection dialog.
+     *
+     * @returns {void}
+     */
+    _handleClickOpenLanguageSelector() {
+        navigate(screen.conference.subtitles);
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated props for this component.
+ *
+ * @param {Object} state - The redux state.
+ * @param {Object} ownProps - The properties explicitly passed to the component
+ * instance.
+ * @private
+ * @returns {Props}
+ */
+export function mapStateToProps(state: IReduxState, ownProps: any) {
+    const enabled = getFeatureFlag(state, CLOSE_CAPTIONS_ENABLED, true);
+    const abstractProps = _abstractMapStateToProps(state, ownProps);
+
+    return {
+        ...abstractProps,
+        visible: abstractProps.visible && enabled
+    };
+}
+
+export default translate(connect(mapStateToProps)(ClosedCaptionButton));
diff --git a/react/features/subtitles/components/native/LanguageList.tsx b/react/features/subtitles/components/native/LanguageList.tsx
new file mode 100644
index 0000000..e398f73
--- /dev/null
+++ b/react/features/subtitles/components/native/LanguageList.tsx
@@ -0,0 +1,43 @@
+import React from 'react';
+import { ScrollView } from 'react-native';
+
+import LanguageListItem from './LanguageListItem';
+import styles from './styles';
+
+interface ILanguageListProps {
+    items: Array<ILanguageItem>;
+    onLanguageSelected: (lang: string) => void;
+    selectedLanguage: string;
+}
+
+interface ILanguageItem {
+    id: string;
+    lang: string;
+    selected: boolean;
+}
+
+/**
+ * Component that renders the security options dialog.
+ *
+ * @returns {React$Element<any>}
+ */
+const LanguageList = ({ items, onLanguageSelected }: ILanguageListProps) => {
+
+    const listItems = items?.map(item => (
+        <LanguageListItem
+            key = { item.id }
+            lang = { item.lang }
+            onLanguageSelected = { onLanguageSelected }
+            selected = { item.selected } />
+    ));
+
+    return (
+        <ScrollView
+            bounces = { false }
+            style = { styles.itemsContainer }>
+            { listItems }
+        </ScrollView>
+    );
+};
+
+export default LanguageList;
diff --git a/react/features/subtitles/components/native/LanguageListItem.tsx b/react/features/subtitles/components/native/LanguageListItem.tsx
new file mode 100644
index 0000000..781914c
--- /dev/null
+++ b/react/features/subtitles/components/native/LanguageListItem.tsx
@@ -0,0 +1,67 @@
+import React, { useCallback } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { StyleProp, TouchableHighlight, View, ViewStyle } from 'react-native';
+import { Text } from 'react-native-paper';
+
+import { translate } from '../../../base/i18n/functions';
+import Icon from '../../../base/icons/components/Icon';
+import { IconCheck } from '../../../base/icons/svg';
+
+import styles from './styles';
+
+
+interface ILanguageListItemProps extends WithTranslation {
+
+    /**
+     * Language string.
+     */
+    lang: string;
+
+    /**
+     * Callback for language selection.
+     */
+    onLanguageSelected: (lang: string) => void;
+
+    /**
+     * If language item is selected or not.
+     */
+    selected?: boolean;
+}
+
+/**
+ * Component that renders the language list item.
+ *
+ * @returns {React$Element<any>}
+ */
+
+const LanguageListItem = ({ t, lang, selected, onLanguageSelected
+}: ILanguageListItemProps) => {
+
+    const onLanguageSelectedWrapper
+        = useCallback(() => onLanguageSelected(lang), [ lang ]);
+
+    return (
+        <View style = { styles.languageItemWrapper as StyleProp<ViewStyle> }>
+            <View style = { styles.iconWrapper }>
+                {
+                    selected
+                    && <Icon
+                        size = { 20 }
+                        src = { IconCheck } />
+                }
+            </View>
+            <TouchableHighlight
+                onPress = { onLanguageSelectedWrapper }
+                underlayColor = { 'transparent' } >
+                <Text
+                    style = { [
+                        styles.languageItemText,
+                        selected && styles.activeLanguageItemText ] }>
+                    { t(lang) }
+                </Text>
+            </TouchableHighlight>
+        </View>
+    );
+};
+
+export default translate(LanguageListItem);
diff --git a/react/features/subtitles/components/native/LanguageSelectorDialog.tsx b/react/features/subtitles/components/native/LanguageSelectorDialog.tsx
new file mode 100644
index 0000000..3cd997d
--- /dev/null
+++ b/react/features/subtitles/components/native/LanguageSelectorDialog.tsx
@@ -0,0 +1,38 @@
+import React, { useCallback } from 'react';
+
+import JitsiScreen from '../../../base/modal/components/JitsiScreen';
+import { goBack }
+    from '../../../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
+import AbstractLanguageSelectorDialog, {
+    IAbstractLanguageSelectorDialogProps
+} from '../AbstractLanguageSelectorDialog';
+
+import LanguageList from './LanguageList';
+import styles from './styles';
+
+const LanguageSelectorDialog = (props: IAbstractLanguageSelectorDialogProps) => {
+    const { language, listItems, onLanguageSelected, subtitles } = props;
+
+    const onSelected = useCallback((e: string) => {
+        onLanguageSelected(e);
+        goBack();
+    }, [ language ]);
+
+    return (
+        <JitsiScreen
+            disableForcedKeyboardDismiss = { true }
+            style = { styles.subtitlesContainer }>
+            <LanguageList
+                items = { listItems }
+                onLanguageSelected = { onSelected }
+                selectedLanguage = { subtitles } />
+        </JitsiScreen>
+    );
+};
+
+/*
+ * We apply AbstractLanguageSelector to fill in the AbstractProps common
+ * to both the web and native implementations.
+ */
+// eslint-disable-next-line new-cap
+export default AbstractLanguageSelectorDialog(LanguageSelectorDialog);
diff --git a/react/features/subtitles/components/native/styles.ts b/react/features/subtitles/components/native/styles.ts
new file mode 100644
index 0000000..e3b6725
--- /dev/null
+++ b/react/features/subtitles/components/native/styles.ts
@@ -0,0 +1,63 @@
+import { BoxModel } from '../../../base/styles/components/styles/BoxModel';
+import {
+    ColorPalette
+} from '../../../base/styles/components/styles/ColorPalette';
+import BaseTheme from '../../../base/ui/components/BaseTheme.native';
+
+/**
+ * The styles of the React {@code Component}s of the feature subtitles.
+ */
+export default {
+    languageItemWrapper: {
+        alignItems: 'center',
+        display: 'flex',
+        flexDirection: 'row'
+    },
+
+    iconWrapper: {
+        width: 32
+    },
+
+    activeLanguageItemText: {
+        ...BaseTheme.typography.bodyShortBoldLarge
+    },
+
+    languageItemText: {
+        ...BaseTheme.typography.bodyShortRegularLarge,
+        color: BaseTheme.palette.text01,
+        marginLeft: BaseTheme.spacing[2],
+        marginVertical: BaseTheme.spacing[2]
+    },
+
+    subtitlesContainer: {
+        backgroundColor: BaseTheme.palette.ui01,
+        flex: 1
+    },
+
+    /**
+     * Style for subtitle paragraph.
+     */
+    captionsSubtitles: {
+        backgroundColor: ColorPalette.black,
+        borderRadius: BoxModel.margin / 4,
+        color: ColorPalette.white,
+        marginBottom: BoxModel.margin,
+        padding: BoxModel.padding / 2
+    },
+
+    /**
+     * Style for the subtitles container.
+     */
+    captionsSubtitlesContainer: {
+        alignItems: 'center',
+        flexDirection: 'column',
+        flexGrow: 0,
+        justifyContent: 'flex-end',
+        margin: BoxModel.margin
+    },
+
+    itemsContainer: {
+        marginHorizontal: BaseTheme.spacing[4],
+        marginVertical: BaseTheme.spacing[4]
+    }
+};
diff --git a/react/features/subtitles/components/web/Captions.tsx b/react/features/subtitles/components/web/Captions.tsx
new file mode 100644
index 0000000..91ffe6f
--- /dev/null
+++ b/react/features/subtitles/components/web/Captions.tsx
@@ -0,0 +1,169 @@
+import { Theme } from '@mui/material';
+import React, { ReactElement } from 'react';
+import { connect } from 'react-redux';
+import { withStyles } from 'tss-react/mui';
+
+import { IReduxState } from '../../../app/types';
+import { getVideospaceFloatingElementsBottomSpacing, pixelsToRem, remToPixels } from '../../../base/ui/functions.web';
+import { getStageParticipantNameLabelHeight } from '../../../display-name/components/web/styles';
+import { shouldDisplayStageParticipantBadge } from '../../../display-name/functions';
+import {
+    getTransitionParamsForElementsAboveToolbox,
+    isToolboxVisible,
+    toCSSTransitionValue
+} from '../../../toolbox/functions.web';
+import { calculateSubtitlesFontSize } from '../../functions.web';
+import {
+    AbstractCaptions,
+    type IAbstractCaptionsProps,
+    _abstractMapStateToProps
+} from '../AbstractCaptions';
+
+interface IProps extends IAbstractCaptionsProps {
+
+    /**
+     * The height of the visible area.
+     */
+    _clientHeight?: number;
+
+    /**
+     * Whether the subtitles container is lifted above the invite box.
+     */
+    _isLifted: boolean | undefined;
+
+    /**
+     * Whether toolbar is shifted up or not.
+     */
+    _shiftUp: boolean;
+
+    /**
+     * Whether the toolbox is visible or not.
+     */
+    _toolboxVisible: boolean;
+
+    /**
+     * An object containing the CSS classes.
+     */
+    classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
+}
+
+
+const styles = (theme: Theme, props: IProps) => {
+    const { _isLifted = false, _clientHeight, _shiftUp = false, _toolboxVisible = false } = props;
+    const fontSize = calculateSubtitlesFontSize(_clientHeight);
+
+    // Normally we would use 0.2 * fontSize in order to cover the background gap from line-height: 1.2 but it seems
+    // the current font is a little bit larger than it is supposed to be.
+    const padding = 0.1 * fontSize;
+    let bottom = getVideospaceFloatingElementsBottomSpacing(theme, _toolboxVisible);
+    let marginBottom = 0;
+
+    // This is the case where we display the onstage participant display name
+    // below the subtitles.
+    if (_isLifted) {
+        // 10px is the space between the onstage participant display name label and subtitles. We also need
+        // to add the padding of the subtitles because it will decrease the gap between the label and subtitles.
+        bottom += remToPixels(getStageParticipantNameLabelHeight(theme, _clientHeight)) + 10 + padding;
+    }
+
+    if (_shiftUp) {
+        // The toolbar is shifted up with 30px from the css.
+        marginBottom += 30;
+    }
+
+    return {
+        transcriptionSubtitles: {
+            bottom: `${bottom}px`,
+            marginBottom: `${marginBottom}px`,
+            fontSize: pixelsToRem(fontSize),
+            left: '50%',
+            maxWidth: '50vw',
+            overflowWrap: 'break-word' as const,
+            pointerEvents: 'none' as const,
+            position: 'absolute' as const,
+            textShadow: `
+                0px 0px 1px rgba(0,0,0,0.3),
+                0px 1px 1px rgba(0,0,0,0.3),
+                1px 0px 1px rgba(0,0,0,0.3),
+                0px 0px 1px rgba(0,0,0,0.3)`,
+            transform: 'translateX(-50%)',
+            zIndex: 7, // The popups are with z-index 8. This z-index has to be lower.
+            lineHeight: 1.2,
+            transition: `bottom ${toCSSTransitionValue(getTransitionParamsForElementsAboveToolbox(_toolboxVisible))}`,
+
+            span: {
+                color: '#fff',
+                background: 'black',
+
+                // without this when the text is wrapped on 2+ lines there will be a gap in the background:
+                padding: `${padding}px 8px`,
+                boxDecorationBreak: 'clone' as const
+            }
+        }
+    };
+};
+
+/**
+ * React {@code Component} which can display speech-to-text results from
+ * Jigasi as subtitles.
+ */
+class Captions extends AbstractCaptions<IProps> {
+
+    /**
+     * Renders the transcription text.
+     *
+     * @param {string} id - The ID of the transcript message from which the
+     * {@code text} has been created.
+     * @param {string} text - Subtitles text formatted with the participant's
+     * name.
+     * @protected
+     * @returns {ReactElement} - The React element which displays the text.
+     */
+    override _renderParagraph(id: string, text: string): ReactElement {
+        return (
+            <p key = { id }>
+                <span>{ text }</span>
+            </p>
+        );
+    }
+
+    /**
+     * Renders the subtitles container.
+     *
+     * @param {Array<ReactElement>} paragraphs - An array of elements created
+     * for each subtitle using the {@link _renderParagraph} method.
+     * @protected
+     * @returns {ReactElement} - The subtitles container.
+     */
+    override _renderSubtitlesContainer(paragraphs: Array<ReactElement>): ReactElement {
+        const classes = withStyles.getClasses(this.props);
+
+        return (
+            <div className = { classes.transcriptionSubtitles } >
+                { paragraphs }
+            </div>
+        );
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated {@code }'s
+ * props.
+ *
+ * @param {Object} state - The redux state.
+ * @private
+ * @returns {Object}
+ */
+function mapStateToProps(state: IReduxState) {
+    const { clientHeight } = state['features/base/responsive-ui'];
+
+    return {
+        ..._abstractMapStateToProps(state),
+        _isLifted: shouldDisplayStageParticipantBadge(state),
+        _clientHeight: clientHeight,
+        _shiftUp: state['features/toolbox'].shiftUp,
+        _toolboxVisible: isToolboxVisible(state)
+    };
+}
+
+export default connect(mapStateToProps)(withStyles(Captions, styles));
diff --git a/react/features/subtitles/components/web/ClosedCaptionButton.tsx b/react/features/subtitles/components/web/ClosedCaptionButton.tsx
new file mode 100644
index 0000000..b2e8aa2
--- /dev/null
+++ b/react/features/subtitles/components/web/ClosedCaptionButton.tsx
@@ -0,0 +1,92 @@
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { IconSubtitles } from '../../../base/icons/svg';
+import { openCCPanel } from '../../../chat/actions.any';
+import { toggleLanguageSelectorDialog } from '../../actions.web';
+import { canStartSubtitles, isCCTabEnabled } from '../../functions.any';
+import {
+    AbstractClosedCaptionButton,
+    IAbstractProps,
+    _abstractMapStateToProps
+} from '../AbstractClosedCaptionButton';
+
+/**
+ * A button which starts/stops the transcriptions.
+ */
+class ClosedCaptionButton
+    extends AbstractClosedCaptionButton {
+    override icon = IconSubtitles;
+    override labelProps = {
+        language: this.props.t(this.props._language ?? 'transcribing.subtitlesOff'),
+        languages: this.props.t(this.props.languages ?? ''),
+        languagesHead: this.props.t(this.props.languagesHead ?? '')
+    };
+
+    /**
+     * Gets the current button label based on the CC tab state.
+     *
+     * @returns {void}
+     */
+    override _getLabel() {
+        const { _isCCTabEnabled } = this.props;
+
+        return _isCCTabEnabled ? 'toolbar.closedCaptions' : 'toolbar.startSubtitles';
+    }
+
+    /**
+     * Returns the accessibility label for the button.
+     *
+     * @returns {string} Accessibility label.
+     */
+    override _getAccessibilityLabel() {
+        const { _isCCTabEnabled } = this.props;
+
+        return _isCCTabEnabled ? 'toolbar.accessibilityLabel.closedCaptions' : 'toolbar.accessibilityLabel.cc';
+    }
+
+    /**
+     * Returns the tooltip text based on the CC tab state.
+     *
+     * @returns {string} The tooltip text.
+     */
+    override _getTooltip() {
+        const { _isCCTabEnabled } = this.props;
+
+        return _isCCTabEnabled ? 'transcribing.openClosedCaptions' : 'transcribing.ccButtonTooltip';
+    }
+
+    /**
+     * Toggle language selection dialog.
+     *
+     * @returns {void}
+     */
+    override _handleClickOpenLanguageSelector() {
+        const { dispatch, _isCCTabEnabled } = this.props;
+
+        if (_isCCTabEnabled) {
+            dispatch(openCCPanel());
+        } else {
+            dispatch(toggleLanguageSelectorDialog());
+        }
+    }
+}
+
+/**
+ * Maps redux state to component props.
+ *
+ * @param {Object} state - The redux state.
+ * @param {Object} ownProps - The component's own props.
+ * @returns {Object} Mapped props for the component.
+ */
+function mapStateToProps(state: IReduxState, ownProps: IAbstractProps) {
+    const { visible = canStartSubtitles(state) || isCCTabEnabled(state) } = ownProps;
+
+    return _abstractMapStateToProps(state, {
+        ...ownProps,
+        visible
+    });
+}
+
+export default translate(connect(mapStateToProps)(ClosedCaptionButton));
diff --git a/react/features/subtitles/components/web/LanguageList.tsx b/react/features/subtitles/components/web/LanguageList.tsx
new file mode 100644
index 0000000..8dbe525
--- /dev/null
+++ b/react/features/subtitles/components/web/LanguageList.tsx
@@ -0,0 +1,52 @@
+import React from 'react';
+import { makeStyles } from 'tss-react/mui';
+
+
+import LanguageListItem from './LanguageListItem';
+
+interface ILanguageListProps {
+    items: Array<ILanguageItem>;
+    onLanguageSelected: (lang: string) => void;
+    selectedLanguage: string;
+}
+
+const useStyles = makeStyles()(() => {
+    return {
+        itemsContainer: {
+            display: 'flex',
+            flexFlow: 'column'
+        }
+    };
+});
+
+
+interface ILanguageItem {
+    id: string;
+    lang: string;
+    selected: boolean;
+}
+
+/**
+ * Component that renders the security options dialog.
+ *
+ * @returns {React$Element<any>}
+ */
+const LanguageList = ({
+    items,
+    onLanguageSelected
+}: ILanguageListProps) => {
+    const { classes: styles } = useStyles();
+    const listItems = items.map(item => (
+        <LanguageListItem
+            key = { item.id }
+            lang = { item.lang }
+            onLanguageSelected = { onLanguageSelected }
+            selected = { item.selected } />
+    ));
+
+    return (
+        <div className = { styles.itemsContainer }>{listItems}</div>
+    );
+};
+
+export default LanguageList;
diff --git a/react/features/subtitles/components/web/LanguageListItem.tsx b/react/features/subtitles/components/web/LanguageListItem.tsx
new file mode 100644
index 0000000..4958122
--- /dev/null
+++ b/react/features/subtitles/components/web/LanguageListItem.tsx
@@ -0,0 +1,77 @@
+import React, { useCallback } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { makeStyles } from 'tss-react/mui';
+
+import { translate } from '../../../base/i18n/functions';
+import Icon from '../../../base/icons/components/Icon';
+import { IconCheck } from '../../../base/icons/svg';
+
+interface ILanguageListItemProps extends WithTranslation {
+
+    /**
+     * Language string.
+     */
+    lang: string;
+
+    /**
+     * Callback for language selection.
+     */
+    onLanguageSelected: (lang: string) => void;
+
+    /**
+     * If language item is selected or not.
+     */
+    selected?: boolean;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        itemContainer: {
+            display: 'flex',
+            color: theme.palette.text02,
+            alignItems: 'center',
+            fontSize: '0.875rem',
+            cursor: 'pointer',
+            padding: '5px 0',
+            '&:hover': {
+                backgroundColor: theme.palette.ui04
+            }
+        },
+        iconWrapper: {
+            margin: '4px 10px',
+            width: '22px',
+            height: '22px'
+        },
+        activeItemContainer: {
+            fontWeight: 700
+        }
+    };
+});
+
+/**
+ * Component that renders the language list item.
+ *
+ * @returns {React$Element<any>}
+ */
+
+const LanguageListItem = ({
+    t,
+    lang,
+    selected,
+    onLanguageSelected
+}: ILanguageListItemProps) => {
+    const { classes: styles } = useStyles();
+    const onLanguageSelectedWrapper = useCallback(() => onLanguageSelected(lang), [ lang ]);
+
+    return (
+        <div
+            className = { `${styles.itemContainer} ${selected ? styles.activeItemContainer : ''}` }
+            onClick = { onLanguageSelectedWrapper }>
+            <span className = { styles.iconWrapper }>{ selected
+                && <Icon src = { IconCheck } /> }</span>
+            { t(lang) }
+        </div>
+    );
+};
+
+export default translate(LanguageListItem);
diff --git a/react/features/subtitles/components/web/LanguageSelector.tsx b/react/features/subtitles/components/web/LanguageSelector.tsx
new file mode 100644
index 0000000..04ceb35
--- /dev/null
+++ b/react/features/subtitles/components/web/LanguageSelector.tsx
@@ -0,0 +1,103 @@
+import React, { ChangeEvent, useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState } from '../../../app/types';
+import Select from '../../../base/ui/components/web/Select';
+import { setRequestingSubtitles } from '../../actions.any';
+import { getAvailableSubtitlesLanguages } from '../../functions.any';
+
+/**
+ * The styles for the LanguageSelector component.
+ *
+ * @param {Theme} theme - The MUI theme.
+ * @returns {Object} The styles object.
+ */
+const useStyles = makeStyles()(theme => {
+    return {
+        container: {
+            display: 'flex',
+            alignItems: 'center',
+            padding: theme.spacing(2),
+            gap: theme.spacing(2)
+        },
+        select: {
+            flex: 1,
+            minWidth: 200
+        },
+        label: {
+            ...theme.typography.bodyShortRegular,
+            color: theme.palette.text01,
+            whiteSpace: 'nowrap'
+        }
+    };
+});
+
+/**
+ * Component that renders a language selection dropdown.
+ * Uses the same language options as LanguageSelectorDialog and
+ * updates the subtitles language preference in Redux.
+ *
+ * @param {IProps} props - The component props.
+ * @returns {JSX.Element} - The rendered component.
+ */
+function LanguageSelector() {
+    const { t } = useTranslation();
+    const { classes } = useStyles();
+    const dispatch = useDispatch();
+    const selectedLanguage = useSelector((state: IReduxState) => state['features/subtitles']._language);
+    const languageCodes = useSelector((state: IReduxState) => getAvailableSubtitlesLanguages(
+        state,
+        selectedLanguage?.replace('translation-languages:', '')
+    ));
+
+    /**
+     * Maps available languages to Select component options format.
+     *
+     * @type {Array<{value: string, label: string}>}
+     */
+    const languages = [ 'transcribing.original', ...languageCodes.map(lang => `translation-languages:${lang}`) ]
+        .map(lang => {
+            return {
+                value: lang,
+                label: t(lang)
+            };
+        });
+
+    /**
+     * Handles language selection changes.
+     * Dispatches the setRequestingSubtitles action with the new language.
+     *
+     * @param {string} value - The selected language code.
+     * @returns {void}
+     */
+    const onLanguageChange = useCallback((e: ChangeEvent<HTMLSelectElement>) => {
+        let { value }: { value?: string | null; } = e.target;
+
+        if (value === 'transcribing.original') {
+            value = null;
+        }
+        dispatch(setRequestingSubtitles(true, true, value));
+
+        if (value !== null) {
+            value = value.replace('translation-languages:', '');
+        }
+    }, [ dispatch ]);
+
+    return (
+        <div className = { classes.container }>
+            <span className = { classes.label }>
+                {t('transcribing.translateTo')}:
+            </span>
+            <Select
+                className = { classes.select }
+                id = 'subtitles-language-select'
+                onChange = { onLanguageChange }
+                options = { languages }
+                value = { selectedLanguage || 'transcribing.original' } />
+        </div>
+    );
+}
+
+export default LanguageSelector;
diff --git a/react/features/subtitles/components/web/LanguageSelectorDialog.tsx b/react/features/subtitles/components/web/LanguageSelectorDialog.tsx
new file mode 100644
index 0000000..84dbf85
--- /dev/null
+++ b/react/features/subtitles/components/web/LanguageSelectorDialog.tsx
@@ -0,0 +1,78 @@
+import i18next from 'i18next';
+import React, { useCallback } from 'react';
+import { makeStyles } from 'tss-react/mui';
+
+import { translate, translateToHTML } from '../../../base/i18n/functions';
+import Dialog from '../../../base/ui/components/web/Dialog';
+import { openSettingsDialog } from '../../../settings/actions.web';
+import { SETTINGS_TABS } from '../../../settings/constants';
+import { toggleLanguageSelectorDialog } from '../../actions.web';
+import AbstractLanguageSelectorDialog, {
+    IAbstractLanguageSelectorDialogProps
+} from '../AbstractLanguageSelectorDialog';
+
+import LanguageList from './LanguageList';
+
+
+const useStyles = makeStyles()(theme => {
+    return {
+        paragraphWrapper: {
+            fontSize: '0.875rem',
+            margin: '10px 0px',
+            color: theme.palette.text01
+        },
+        spanWrapper: {
+            fontWeight: 700,
+            cursor: 'pointer',
+            color: theme.palette.link01,
+            '&:hover': {
+                backgroundColor: theme.palette.ui04,
+                color: theme.palette.link01Hover
+            }
+        }
+    };
+});
+
+
+const LanguageSelectorDialog = (props: IAbstractLanguageSelectorDialogProps) => {
+    const { dispatch, language, listItems, onLanguageSelected, subtitles, t } = props;
+
+    const { classes: styles } = useStyles();
+
+    const onSelected = useCallback((e: string) => {
+        onLanguageSelected(e);
+        dispatch(toggleLanguageSelectorDialog());
+    }, [ language ]);
+
+    const onSourceLanguageClick = useCallback(() => {
+        dispatch(openSettingsDialog(SETTINGS_TABS.MORE, false));
+    }, []);
+
+    return (
+        <Dialog
+            cancel = {{ hidden: true }}
+            ok = {{ hidden: true }}
+            titleKey = 'transcribing.subtitles'>
+            <p className = { styles.paragraphWrapper } >
+                {
+                    translateToHTML(t, 'transcribing.sourceLanguageDesc', {
+                        'sourceLanguage': t(`languages:${i18next.language}`).toLowerCase()
+                    })
+                }<span
+                    className = { styles.spanWrapper }
+                    onClick = { onSourceLanguageClick }>{t('transcribing.sourceLanguageHere')}.</span>
+            </p>
+            <LanguageList
+                items = { listItems }
+                onLanguageSelected = { onSelected }
+                selectedLanguage = { subtitles } />
+        </Dialog>
+    );
+};
+
+/*
+ * We apply AbstractLanguageSelector to fill in the AbstractProps common
+ * to both the web and native implementations.
+ */
+// eslint-disable-next-line new-cap
+export default translate(AbstractLanguageSelectorDialog(LanguageSelectorDialog));
diff --git a/react/features/subtitles/constants.ts b/react/features/subtitles/constants.ts
new file mode 100644
index 0000000..06b291b
--- /dev/null
+++ b/react/features/subtitles/constants.ts
@@ -0,0 +1,4 @@
+/**
+ * The minimum font size for subtitles.
+ */
+export const MIN_SUBTITLES_FONT_SIZE = 16;
diff --git a/react/features/subtitles/functions.any.ts b/react/features/subtitles/functions.any.ts
new file mode 100644
index 0000000..c797ad1
--- /dev/null
+++ b/react/features/subtitles/functions.any.ts
@@ -0,0 +1,71 @@
+import { IReduxState } from '../app/types';
+import { IStateful } from '../base/app/types';
+import { TRANSLATION_LANGUAGES, TRANSLATION_LANGUAGES_HEAD } from '../base/i18n/i18next';
+import { toState } from '../base/redux/functions';
+import { canAddTranscriber, isTranscribing } from '../transcribing/functions';
+
+/**
+ * Checks whether the participant can start the subtitles.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @returns {boolean} - True if the participant can start the subtitles.
+ */
+export function canStartSubtitles(state: IReduxState) {
+    return canAddTranscriber(state) || isTranscribing(state);
+}
+
+/**
+ * Retrieves the list of available subtitles languages. The list consists of head languages (fixed items that stay on
+ * top) followed by the rest of available translation languages.
+ *
+ * @param {IStateful} stateful - The stateful object containing the redux state.
+ * @param {string} [selectedLanguage] - Optional language code of currently selected language. If provided and not in
+ * regular translation languages, it will be added after head languages.
+ * @returns {Array<string>} - Array of language codes. Includes both head languages and regular translation languages.
+ */
+export function getAvailableSubtitlesLanguages(stateful: IStateful, selectedLanguage?: string | null) {
+    const state = toState(stateful);
+    const { transcription } = state['features/base/config'];
+
+    const translationLanguagesHead = transcription?.translationLanguagesHead ?? TRANSLATION_LANGUAGES_HEAD;
+    const translationLanguages
+        = (transcription?.translationLanguages ?? TRANSLATION_LANGUAGES)
+            .filter((lang: string) => !translationLanguagesHead?.includes(lang) && lang !== selectedLanguage);
+    const isSelectedLanguageNotIncluded = Boolean(
+        selectedLanguage
+        && !translationLanguages.includes(selectedLanguage)
+        && !translationLanguagesHead.includes(selectedLanguage));
+
+    return [
+        ...translationLanguagesHead,
+
+        // selectedLanguage is redundant but otherwise TS complains about null elements in the array.
+        ...isSelectedLanguageNotIncluded && selectedLanguage ? [ selectedLanguage ] : [],
+        ...translationLanguages
+    ];
+}
+
+
+/**
+ * Determines if closed captions are enabled.
+ *
+ * @param {IReduxState} state - The Redux state object.
+ * @returns {boolean} A boolean indicating whether closed captions are enabled.
+ */
+export function areClosedCaptionsEnabled(state: IReduxState) {
+    const { transcription } = state['features/base/config'];
+
+    return !transcription?.disableClosedCaptions && Boolean(transcription?.enabled);
+}
+
+/**
+ * Checks whether the subtitles tab should be enabled in the UI.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @returns {boolean} - True if the subtitles tab should be enabled.
+ */
+export function isCCTabEnabled(state: IReduxState) {
+    const { showSubtitlesOnStage = false } = state['features/base/settings'];
+
+    return areClosedCaptionsEnabled(state) && !showSubtitlesOnStage;
+}
diff --git a/react/features/subtitles/functions.native.ts b/react/features/subtitles/functions.native.ts
new file mode 100644
index 0000000..1e944f7
--- /dev/null
+++ b/react/features/subtitles/functions.native.ts
@@ -0,0 +1,30 @@
+/* eslint-disable max-params, max-len */
+
+import { sendEvent } from '../mobile/external-api/functions';
+
+
+/**
+ * Event which will be emitted on the native side to indicate that the transcription chunk was received.
+ */
+const TRANSCRIPTION_CHUNK_RECEIVED = 'TRANSCRIPTION_CHUNK_RECEIVED';
+
+/**
+ * Logs when about the received transcription chunk.
+ *
+ * @param {string} transcriptMessageID - Transcription message id.
+ * @param {string} language - The language of the transcribed message.
+ * @param {Object} participant - The participant who send the message.
+ * @param {any} text - The message text.
+ * @param {any} _store - The store.
+ * @returns {Event}
+ */
+export const notifyTranscriptionChunkReceived = (transcriptMessageID: string, language: string, participant: Object, text: any, _store?: any) =>
+    sendEvent(
+        _store,
+        TRANSCRIPTION_CHUNK_RECEIVED,
+        {
+            messageID: transcriptMessageID,
+            language,
+            participant,
+            text
+        });
diff --git a/react/features/subtitles/functions.web.ts b/react/features/subtitles/functions.web.ts
new file mode 100644
index 0000000..13e979e
--- /dev/null
+++ b/react/features/subtitles/functions.web.ts
@@ -0,0 +1,35 @@
+/* eslint-disable max-params, max-len */
+
+import { MIN_SUBTITLES_FONT_SIZE } from './constants';
+
+/**
+ * Logs when about the received transcription chunk.
+ *
+ * @param {string} transcriptMessageID - Transcription message id.
+ * @param {string} language - The language of the transcribed message.
+ * @param {Object} participant - The participant who send the message.
+ * @param {any} text - The message text.
+ * @param {any} _store - The store.
+ * @returns {Event}
+ */
+export const notifyTranscriptionChunkReceived = (transcriptMessageID: string, language: string, participant: Object, text: any, _store?: any) =>
+    APP.API.notifyTranscriptionChunkReceived({
+        messageID: transcriptMessageID,
+        language,
+        participant,
+        ...text
+    });
+
+/**
+ * Calculates the font size for the subtitles.
+ *
+ * @param {number} clientHeight - The height of the visible area of the window.
+ * @returns {number}
+ */
+export function calculateSubtitlesFontSize(clientHeight?: number) {
+    if (typeof clientHeight === 'undefined') {
+        return MIN_SUBTITLES_FONT_SIZE;
+    }
+
+    return Math.max(Math.floor(clientHeight * 0.04), MIN_SUBTITLES_FONT_SIZE);
+}
diff --git a/react/features/subtitles/hooks.web.ts b/react/features/subtitles/hooks.web.ts
new file mode 100644
index 0000000..a9265d9
--- /dev/null
+++ b/react/features/subtitles/hooks.web.ts
@@ -0,0 +1,31 @@
+import { useSelector } from 'react-redux';
+
+import { IReduxState } from '../app/types';
+
+import ClosedCaptionButton from './components/web/ClosedCaptionButton';
+import { areClosedCaptionsEnabled, canStartSubtitles } from './functions.any';
+
+const cc = {
+    key: 'closedcaptions',
+    Content: ClosedCaptionButton,
+    group: 2
+};
+
+/**
+ * A hook that returns the CC button if it is enabled and undefined otherwise.
+ *
+ * @returns {Object | undefined}
+ */
+export function useClosedCaptionButton() {
+    const isStartSubtitlesButtonVisible = useSelector(canStartSubtitles);
+    const { showSubtitlesOnStage = false } = useSelector((state: IReduxState) => state['features/base/settings']);
+    const _areClosedCaptionsEnabled = useSelector(areClosedCaptionsEnabled);
+
+    if (!_areClosedCaptionsEnabled) {
+        return undefined;
+    }
+
+    if (isStartSubtitlesButtonVisible || !showSubtitlesOnStage) {
+        return cc;
+    }
+}
diff --git a/react/features/subtitles/logger.ts b/react/features/subtitles/logger.ts
new file mode 100644
index 0000000..014a0a1
--- /dev/null
+++ b/react/features/subtitles/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:subtitles');
diff --git a/react/features/subtitles/middleware.ts b/react/features/subtitles/middleware.ts
new file mode 100644
index 0000000..50373bd
--- /dev/null
+++ b/react/features/subtitles/middleware.ts
@@ -0,0 +1,420 @@
+import { AnyAction } from 'redux';
+
+import { IStore } from '../app/types';
+import { ENDPOINT_MESSAGE_RECEIVED, NON_PARTICIPANT_MESSAGE_RECEIVED } from '../base/conference/actionTypes';
+import { MEET_FEATURES } from '../base/jwt/constants';
+import { isJwtFeatureEnabled } from '../base/jwt/functions';
+import JitsiMeetJS from '../base/lib-jitsi-meet';
+import { TRANSCRIBER_ID } from '../base/participants/constants';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { showErrorNotification } from '../notifications/actions';
+import { RECORDING_METADATA_ID } from '../recording/constants';
+import { TRANSCRIBER_JOINED } from '../transcribing/actionTypes';
+
+import {
+    SET_REQUESTING_SUBTITLES,
+    TOGGLE_REQUESTING_SUBTITLES
+} from './actionTypes';
+import {
+    removeCachedTranscriptMessage,
+    removeTranscriptMessage,
+    setRequestingSubtitles,
+    setSubtitlesError,
+    storeSubtitle,
+    updateTranscriptMessage
+} from './actions.any';
+import { notifyTranscriptionChunkReceived } from './functions';
+import { areClosedCaptionsEnabled, isCCTabEnabled } from './functions.any';
+import logger from './logger';
+import { ISubtitle, ITranscriptMessage } from './types';
+
+/**
+ * The type of json-message which indicates that json carries a
+ * transcription result.
+ */
+const JSON_TYPE_TRANSCRIPTION_RESULT = 'transcription-result';
+
+/**
+ * The type of json-message which indicates that json carries a
+ * translation result.
+ */
+const JSON_TYPE_TRANSLATION_RESULT = 'translation-result';
+
+/**
+ * The local participant property which is used to set whether the local
+ * participant wants to have a transcriber in the room.
+ */
+const P_NAME_REQUESTING_TRANSCRIPTION = 'requestingTranscription';
+
+/**
+ * The local participant property which is used to store the language
+ * preference for translation for a participant.
+ */
+const P_NAME_TRANSLATION_LANGUAGE = 'translation_language';
+
+/**
+ * The dial command to use for starting a transcriber.
+ */
+const TRANSCRIBER_DIAL_NUMBER = 'jitsi_meet_transcribe';
+
+/**
+* Time after which the rendered subtitles will be removed.
+*/
+const REMOVE_AFTER_MS = 3000;
+
+/**
+ * Stability factor for a transcription. We'll treat a transcript as stable
+ * beyond this value.
+ */
+const STABLE_TRANSCRIPTION_FACTOR = 0.85;
+
+/**
+ * Middleware that catches actions related to transcript messages to be rendered
+ * in {@link Captions}.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case ENDPOINT_MESSAGE_RECEIVED:
+    case NON_PARTICIPANT_MESSAGE_RECEIVED:
+        return _endpointMessageReceived(store, next, action);
+
+    case TOGGLE_REQUESTING_SUBTITLES: {
+        const state = store.getState()['features/subtitles'];
+        const toggledValue = !state._requestingSubtitles;
+
+        _requestingSubtitlesChange(store, toggledValue, state._language);
+        break;
+    }
+    case TRANSCRIBER_JOINED: {
+        const { transcription } = store.getState()['features/base/config'];
+
+        if (transcription?.autoCaptionOnTranscribe) {
+            store.dispatch(setRequestingSubtitles(true));
+        }
+
+        break;
+    }
+    case SET_REQUESTING_SUBTITLES:
+        _requestingSubtitlesChange(store, action.enabled, action.language);
+        break;
+    }
+
+    return next(action);
+});
+
+/**
+ * Notifies the feature transcription that the action
+ * {@code ENDPOINT_MESSAGE_RECEIVED} is being dispatched within a specific redux
+ * store.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to
+ * dispatch the specified {@code action} to the specified {@code store}.
+ * @param {Action} action - The redux action {@code ENDPOINT_MESSAGE_RECEIVED}
+ * which is being dispatched in the specified {@code store}.
+ * @private
+ * @returns {Object} The value returned by {@code next(action)}.
+ */
+function _endpointMessageReceived(store: IStore, next: Function, action: AnyAction) {
+    let json: any = {};
+
+    if (action.type === ENDPOINT_MESSAGE_RECEIVED) {
+        if (!action.participant.isHidden()) {
+            return next(action);
+        }
+        json = action.data;
+    } else if (action.type === NON_PARTICIPANT_MESSAGE_RECEIVED && action.id === TRANSCRIBER_ID) {
+        json = action.json;
+    } else {
+        return next(action);
+    }
+
+    if (![ JSON_TYPE_TRANSCRIPTION_RESULT, JSON_TYPE_TRANSLATION_RESULT ].includes(json?.type)) {
+        return next(action);
+    }
+
+    const { dispatch, getState } = store;
+    const state = getState();
+    const _areClosedCaptionsEnabled = areClosedCaptionsEnabled(store.getState());
+    const transcriptMessageID = json.message_id;
+    const { name, id, avatar_url: avatarUrl } = json.participant;
+    const participant = {
+        avatarUrl,
+        id,
+        name
+    };
+    const { timestamp } = json;
+    const participantId = participant.id;
+
+    // Handle transcript messages
+    const language = state['features/base/conference'].conference
+        ?.getLocalParticipantProperty(P_NAME_TRANSLATION_LANGUAGE);
+    const { dumpTranscript, skipInterimTranscriptions } = state['features/base/config'].testing ?? {};
+
+    let newTranscriptMessage: ITranscriptMessage | undefined;
+
+    if (json.type === JSON_TYPE_TRANSLATION_RESULT) {
+        if (!_areClosedCaptionsEnabled) {
+            // If closed captions are not enabled, bail out.
+            return next(action);
+        }
+
+        const translation = json.text?.trim();
+
+        if (isCCTabEnabled(state)) {
+            dispatch(storeSubtitle({
+                participantId,
+                text: translation,
+                language: json.language,
+                interim: false,
+                isTranscription: false,
+                timestamp,
+                id: transcriptMessageID
+            }));
+
+            return next(action);
+        }
+
+        if (json.language === language) {
+            // Displays final results in the target language if translation is
+            // enabled.
+            newTranscriptMessage = {
+                clearTimeOut: undefined,
+                final: json.text?.trim(),
+                participant
+            };
+        }
+    } else if (json.type === JSON_TYPE_TRANSCRIPTION_RESULT) {
+        const isInterim = json.is_interim;
+
+        // Displays interim and final results without any translation if
+        // translations are disabled.
+
+        const { text } = json.transcript[0];
+
+        // First, notify the external API.
+        if (!(isInterim && skipInterimTranscriptions)) {
+            const txt: any = {};
+
+            if (!json.is_interim) {
+                txt.final = text;
+            } else if (json.stability > STABLE_TRANSCRIPTION_FACTOR) {
+                txt.stable = text;
+            } else {
+                txt.unstable = text;
+            }
+
+            notifyTranscriptionChunkReceived(
+                transcriptMessageID,
+                json.language,
+                participant,
+                txt,
+                store
+            );
+
+            if (navigator.product !== 'ReactNative') {
+
+                // Dump transcript in a <transcript> element for debugging purposes.
+                if (!json.is_interim && dumpTranscript) {
+                    try {
+                        let elem = document.body.getElementsByTagName('transcript')[0];
+
+                        // eslint-disable-next-line max-depth
+                        if (!elem) {
+                            elem = document.createElement('transcript');
+                            document.body.appendChild(elem);
+                        }
+
+                        elem.append(`${new Date(json.timestamp).toISOString()} ${participant.name}: ${text}`);
+                    } catch (_) {
+                        // Ignored.
+                    }
+                }
+            }
+        }
+
+        if (!_areClosedCaptionsEnabled) {
+            // If closed captions are not enabled, bail out.
+            return next(action);
+        }
+
+        const subtitle: ISubtitle = {
+            id: transcriptMessageID,
+            participantId,
+            language: json.language,
+            text,
+            interim: isInterim,
+            timestamp,
+            isTranscription: true
+        };
+
+        if (isCCTabEnabled(state)) {
+            dispatch(storeSubtitle(subtitle));
+
+            return next(action);
+        }
+
+        // If the user is not requesting transcriptions just bail.
+        // Regex to filter out all possible country codes after language code:
+        // this should catch all notations like 'en-GB' 'en_GB' and 'enGB'
+        // and be independent of the country code length
+        if (!language || (_getPrimaryLanguageCode(json.language) !== _getPrimaryLanguageCode(language))) {
+            return next(action);
+        }
+
+        if (json.is_interim && skipInterimTranscriptions) {
+            return next(action);
+        }
+
+        // We update the previous transcript message with the same
+        // message ID or adds a new transcript message if it does not
+        // exist in the map.
+        const existingMessage = state['features/subtitles']._transcriptMessages.get(transcriptMessageID);
+
+        newTranscriptMessage = {
+            clearTimeOut: existingMessage?.clearTimeOut,
+            participant
+        };
+
+        // If this is final result, update the state as a final result
+        // and start a count down to remove the subtitle from the state
+        if (!json.is_interim) {
+            newTranscriptMessage.final = text;
+        } else if (json.stability > STABLE_TRANSCRIPTION_FACTOR) {
+            // If the message has a high stability, we can update the
+            // stable field of the state and remove the previously
+            // unstable results
+            newTranscriptMessage.stable = text;
+        } else {
+            // Otherwise, this result has an unstable result, which we
+            // add to the state. The unstable result will be appended
+            // after the stable part.
+            newTranscriptMessage.unstable = text;
+        }
+    }
+
+    if (newTranscriptMessage) {
+        if (newTranscriptMessage.final) {
+            const cachedTranscriptMessage
+                = state['features/subtitles']._cachedTranscriptMessages?.get(transcriptMessageID);
+
+            if (cachedTranscriptMessage) {
+                const cachedText = (cachedTranscriptMessage.stable || cachedTranscriptMessage.unstable)?.trim();
+                const newText = newTranscriptMessage.final;
+
+                if (cachedText && cachedText.length > 0 && newText && newText.length > 0
+                    && newText.toLowerCase().startsWith(cachedText.toLowerCase())) {
+                    newTranscriptMessage.final = newText.slice(cachedText.length)?.trim();
+                }
+                dispatch(removeCachedTranscriptMessage(transcriptMessageID));
+
+                if (!newTranscriptMessage.final || newTranscriptMessage.final.length === 0) {
+                    return next(action);
+                }
+            }
+        }
+
+
+        _setClearerOnTranscriptMessage(dispatch, transcriptMessageID, newTranscriptMessage);
+        dispatch(updateTranscriptMessage(transcriptMessageID, newTranscriptMessage));
+    }
+
+    return next(action);
+}
+
+/**
+ * Utility function to extract the primary language code like 'en-GB' 'en_GB'
+ * 'enGB' 'zh-CN' and 'zh-TW'.
+ *
+ * @param {string} language - The language to use for translation or user requested.
+ * @returns {string}
+ */
+function _getPrimaryLanguageCode(language: string) {
+    return language.replace(/[-_A-Z].*/, '');
+}
+
+/**
+ * Toggle the local property 'requestingTranscription'. This will cause Jicofo
+ * and Jigasi to decide whether the transcriber needs to be in the room.
+ *
+ * @param {Store} store - The redux store.
+ * @param {boolean} enabled - Whether subtitles should be enabled or not.
+ * @param {string} language - The language to use for translation.
+ * @private
+ * @returns {void}
+ */
+function _requestingSubtitlesChange(
+        { dispatch, getState }: IStore,
+        enabled: boolean,
+        language?: string | null) {
+    const state = getState();
+    const { conference } = state['features/base/conference'];
+    const backendRecordingOn = conference?.getMetadataHandler()?.getMetadata()?.asyncTranscription;
+
+    conference?.setLocalParticipantProperty(
+        P_NAME_REQUESTING_TRANSCRIPTION,
+        enabled);
+
+    if (enabled && conference?.getTranscriptionStatus() === JitsiMeetJS.constants.transcriptionStatus.OFF
+        && isJwtFeatureEnabled(getState(), MEET_FEATURES.TRANSCRIPTION, false)) {
+
+        if (!backendRecordingOn) {
+            conference?.dial(TRANSCRIBER_DIAL_NUMBER)
+                .catch((e: any) => {
+                    logger.error('Error dialing', e);
+
+                    // let's back to the correct state
+                    dispatch(setRequestingSubtitles(false, false, null));
+
+                    dispatch(showErrorNotification({
+                        titleKey: 'transcribing.failed'
+                    }));
+                    dispatch(setSubtitlesError(true));
+                });
+        } else {
+            conference?.getMetadataHandler()?.setMetadata(RECORDING_METADATA_ID, {
+                isTranscribingEnabled: true
+            });
+        }
+    }
+
+    if (enabled && language) {
+        conference?.setLocalParticipantProperty(
+            P_NAME_TRANSLATION_LANGUAGE,
+            language.replace('translation-languages:', ''));
+    }
+
+    if (!enabled && backendRecordingOn
+        && conference?.getMetadataHandler()?.getMetadata()[RECORDING_METADATA_ID]?.isTranscribingEnabled) {
+        conference?.getMetadataHandler()?.setMetadata(RECORDING_METADATA_ID, {
+            isTranscribingEnabled: false
+        });
+    }
+}
+
+/**
+ * Set a timeout on a TranscriptMessage object so it clears itself when it's not
+ * updated.
+ *
+ * @param {Function} dispatch - Dispatch remove action to store.
+ * @param {string} transcriptMessageID - The id of the message to remove.
+ * @param {Object} transcriptMessage - The message to remove.
+ * @returns {void}
+ */
+function _setClearerOnTranscriptMessage(
+        dispatch: IStore['dispatch'],
+        transcriptMessageID: string,
+        transcriptMessage: { clearTimeOut?: number; }) {
+    if (transcriptMessage.clearTimeOut) {
+        clearTimeout(transcriptMessage.clearTimeOut);
+    }
+
+    transcriptMessage.clearTimeOut
+        = window.setTimeout(
+            () => dispatch(removeTranscriptMessage(transcriptMessageID)),
+            REMOVE_AFTER_MS);
+}
diff --git a/react/features/subtitles/reducer.ts b/react/features/subtitles/reducer.ts
new file mode 100644
index 0000000..1934fe5
--- /dev/null
+++ b/react/features/subtitles/reducer.ts
@@ -0,0 +1,180 @@
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+import { TRANSCRIBER_LEFT } from '../transcribing/actionTypes';
+
+import {
+    REMOVE_CACHED_TRANSCRIPT_MESSAGE,
+    REMOVE_TRANSCRIPT_MESSAGE,
+    SET_REQUESTING_SUBTITLES,
+    SET_SUBTITLES_ERROR,
+    STORE_SUBTITLE,
+    TOGGLE_REQUESTING_SUBTITLES,
+    UPDATE_TRANSCRIPT_MESSAGE
+} from './actionTypes';
+import { ISubtitle, ITranscriptMessage } from './types';
+
+/**
+ * Default State for 'features/transcription' feature.
+ */
+const defaultState = {
+    _cachedTranscriptMessages: new Map(),
+    _displaySubtitles: false,
+    _transcriptMessages: new Map(),
+    _requestingSubtitles: false,
+    _language: null,
+    messages: [],
+    subtitlesHistory: [],
+    _hasError: false
+};
+
+export interface ISubtitlesState {
+    _cachedTranscriptMessages: Map<string, ITranscriptMessage>;
+    _displaySubtitles: boolean;
+    _hasError: boolean;
+    _language: string | null;
+    _requestingSubtitles: boolean;
+    _transcriptMessages: Map<string, ITranscriptMessage>;
+    messages: ITranscriptMessage[];
+    subtitlesHistory: Array<ISubtitle>;
+}
+
+/**
+ * Listen for actions for the transcription feature to be used by the actions
+ * to update the rendered transcription subtitles.
+ */
+ReducerRegistry.register<ISubtitlesState>('features/subtitles', (
+        state = defaultState, action): ISubtitlesState => {
+    switch (action.type) {
+    case REMOVE_TRANSCRIPT_MESSAGE:
+        return _removeTranscriptMessage(state, action);
+    case REMOVE_CACHED_TRANSCRIPT_MESSAGE:
+        return _removeCachedTranscriptMessage(state, action);
+    case UPDATE_TRANSCRIPT_MESSAGE:
+        return _updateTranscriptMessage(state, action);
+    case SET_REQUESTING_SUBTITLES:
+        return {
+            ...state,
+            _displaySubtitles: action.displaySubtitles,
+            _language: action.language,
+            _requestingSubtitles: action.enabled,
+            _hasError: false
+        };
+    case TOGGLE_REQUESTING_SUBTITLES:
+        return {
+            ...state,
+            _requestingSubtitles: !state._requestingSubtitles,
+            _hasError: false
+        };
+    case TRANSCRIBER_LEFT:
+        return {
+            ...state,
+            ...defaultState
+        };
+    case STORE_SUBTITLE: {
+        const existingIndex = state.subtitlesHistory.findIndex(
+            subtitle => subtitle.id === action.subtitle.id
+        );
+
+        if (existingIndex >= 0 && state.subtitlesHistory[existingIndex].interim) {
+            const newHistory = [ ...state.subtitlesHistory ];
+
+            newHistory[existingIndex] = action.subtitle;
+
+            return {
+                ...state,
+                subtitlesHistory: newHistory
+            };
+        }
+
+        return {
+            ...state,
+            subtitlesHistory: [
+                ...state.subtitlesHistory,
+                action.subtitle
+            ]
+        };
+    }
+    case SET_SUBTITLES_ERROR:
+        return {
+            ...state,
+            _hasError: action.hasError
+        };
+    }
+
+    return state;
+});
+
+/**
+ * Reduces a specific Redux action REMOVE_TRANSCRIPT_MESSAGE of the feature
+ * transcription.
+ *
+ * @param {Object} state - The Redux state of the feature transcription.
+ * @param {Action} action -The Redux action REMOVE_TRANSCRIPT_MESSAGE to reduce.
+ * @returns {Object} The new state of the feature transcription after the
+ * reduction of the specified action.
+ */
+function _removeTranscriptMessage(state: ISubtitlesState, { transcriptMessageID }: { transcriptMessageID: string; }) {
+    const newTranscriptMessages = new Map(state._transcriptMessages);
+    const message = newTranscriptMessages.get(transcriptMessageID);
+    let { _cachedTranscriptMessages } = state;
+
+    if (message && !message.final) {
+        _cachedTranscriptMessages = new Map(_cachedTranscriptMessages);
+        _cachedTranscriptMessages.set(transcriptMessageID, message);
+    }
+
+    // Deletes the key from Map once a final message arrives.
+    newTranscriptMessages.delete(transcriptMessageID);
+
+    return {
+        ...state,
+        _cachedTranscriptMessages,
+        _transcriptMessages: newTranscriptMessages
+    };
+}
+
+
+/**
+ * Reduces a specific Redux action REMOVE_CACHED_TRANSCRIPT_MESSAGE of the feature transcription.
+ *
+ * @param {Object} state - The Redux state of the feature transcription.
+ * @param {Action} action -The Redux action REMOVE_CACHED_TRANSCRIPT_MESSAGE to reduce.
+ * @returns {Object} The new state of the feature transcription after the reduction of the specified action.
+ */
+function _removeCachedTranscriptMessage(state: ISubtitlesState,
+        { transcriptMessageID }: { transcriptMessageID: string; }) {
+    const newCachedTranscriptMessages = new Map(state._cachedTranscriptMessages);
+
+    // Deletes the key from Map once a final message arrives.
+    newCachedTranscriptMessages.delete(transcriptMessageID);
+
+    return {
+        ...state,
+        _cachedTranscriptMessages: newCachedTranscriptMessages
+    };
+}
+
+/**
+ * Reduces a specific Redux action UPDATE_TRANSCRIPT_MESSAGE of the feature
+ * transcription.
+ *
+ * @param {Object} state - The Redux state of the feature transcription.
+ * @param {Action} action -The Redux action UPDATE_TRANSCRIPT_MESSAGE to reduce.
+ * @returns {Object} The new state of the feature transcription after the
+ * reduction of the specified action.
+ */
+function _updateTranscriptMessage(state: ISubtitlesState, { transcriptMessageID, newTranscriptMessage }:
+{ newTranscriptMessage: ITranscriptMessage; transcriptMessageID: string; }) {
+    const newTranscriptMessages = new Map(state._transcriptMessages);
+    const _cachedTranscriptMessages = new Map(state._cachedTranscriptMessages);
+
+    _cachedTranscriptMessages.delete(transcriptMessageID);
+
+    // Updates the new message for the given key in the Map.
+    newTranscriptMessages.set(transcriptMessageID, newTranscriptMessage);
+
+    return {
+        ...state,
+        _cachedTranscriptMessages,
+        _transcriptMessages: newTranscriptMessages
+    };
+}
diff --git a/react/features/subtitles/types.ts b/react/features/subtitles/types.ts
new file mode 100644
index 0000000..c3d7ec9
--- /dev/null
+++ b/react/features/subtitles/types.ts
@@ -0,0 +1,23 @@
+import { IGroupableMessage } from '../base/util/messageGrouping';
+
+export interface ITranscriptMessage {
+    clearTimeOut?: number;
+    final?: string;
+    participant: {
+        avatarUrl?: string;
+        id?: string;
+        name?: string;
+    };
+    stable?: string;
+    unstable?: string;
+}
+
+export interface ISubtitle extends IGroupableMessage {
+    id: string;
+    interim?: boolean;
+    isTranscription?: boolean;
+    language?: string;
+    participantId: string;
+    text: string;
+    timestamp: number;
+}
diff --git a/react/features/talk-while-muted/actionTypes.ts b/react/features/talk-while-muted/actionTypes.ts
new file mode 100644
index 0000000..6bc5d69
--- /dev/null
+++ b/react/features/talk-while-muted/actionTypes.ts
@@ -0,0 +1,12 @@
+/**
+ * The type of Redux action which sets the pending notification UID
+ * to use it for when hiding the notification is necessary, or unsets it when
+ * undefined (or no param) is passed.
+ *
+ * {
+ *     type: SET_CURRENT_NOTIFICATION_UID,
+ *     uid: ?number
+ * }
+ * @public
+ */
+export const SET_CURRENT_NOTIFICATION_UID = 'SET_CURRENT_NOTIFICATION_UID';
diff --git a/react/features/talk-while-muted/actions.ts b/react/features/talk-while-muted/actions.ts
new file mode 100644
index 0000000..c1caddf
--- /dev/null
+++ b/react/features/talk-while-muted/actions.ts
@@ -0,0 +1,19 @@
+import { SET_CURRENT_NOTIFICATION_UID } from './actionTypes';
+
+/**
+ * Sets UID of the the pending notification to use it when hiding
+ * the notification is necessary, or unsets it when undefined (or no param) is
+ * passed.
+ *
+ * @param {?number} uid - The UID of the notification.
+ * @returns {{
+ *     type: SET_CURRENT_NOTIFICATION_UID,
+ *     uid: number
+ * }}
+ */
+export function setCurrentNotificationUid(uid?: string) {
+    return {
+        type: SET_CURRENT_NOTIFICATION_UID,
+        uid
+    };
+}
diff --git a/react/features/talk-while-muted/constants.ts b/react/features/talk-while-muted/constants.ts
new file mode 100644
index 0000000..b54af12
--- /dev/null
+++ b/react/features/talk-while-muted/constants.ts
@@ -0,0 +1,6 @@
+/**
+ * The identifier of the sound to be played when we got event for talking while muted.
+ *
+ * @type {string}
+ */
+export const TALK_WHILE_MUTED_SOUND_ID = 'TALK_WHILE_MUTED_SOUND';
diff --git a/react/features/talk-while-muted/middleware.ts b/react/features/talk-while-muted/middleware.ts
new file mode 100644
index 0000000..8cf8a96
--- /dev/null
+++ b/react/features/talk-while-muted/middleware.ts
@@ -0,0 +1,75 @@
+import { MEDIA_TYPE } from '../av-moderation/constants';
+import { isForceMuted } from '../av-moderation/functions';
+import { APP_WILL_MOUNT, APP_WILL_UNMOUNT } from '../base/app/actionTypes';
+import { CONFERENCE_JOINED } from '../base/conference/actionTypes';
+import { JitsiConferenceEvents } from '../base/lib-jitsi-meet';
+import { setAudioMuted } from '../base/media/actions';
+import { raiseHand } from '../base/participants/actions';
+import { getLocalParticipant } from '../base/participants/functions';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { playSound, registerSound, unregisterSound } from '../base/sounds/actions';
+import { hideNotification, showNotification } from '../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE } from '../notifications/constants';
+import { isAudioMuteButtonDisabled } from '../toolbox/functions.any';
+
+import { setCurrentNotificationUid } from './actions';
+import { TALK_WHILE_MUTED_SOUND_ID } from './constants';
+import { TALK_WHILE_MUTED_SOUND_FILE } from './sounds';
+
+MiddlewareRegistry.register(store => next => action => {
+    const result = next(action);
+    const { dispatch, getState } = store;
+    const { conference } = action;
+
+    switch (action.type) {
+    case APP_WILL_MOUNT:
+        dispatch(registerSound(TALK_WHILE_MUTED_SOUND_ID, TALK_WHILE_MUTED_SOUND_FILE));
+        break;
+    case APP_WILL_UNMOUNT:
+        dispatch(unregisterSound(TALK_WHILE_MUTED_SOUND_ID));
+        break;
+
+    case CONFERENCE_JOINED: {
+        conference.on(
+            JitsiConferenceEvents.TRACK_MUTE_CHANGED,
+            (track: any) => {
+                const { currentNotificationUid } = getState()['features/talk-while-muted'];
+
+                if (currentNotificationUid && track.isAudioTrack() && track.isLocal() && !track.isMuted()) {
+                    dispatch(hideNotification(currentNotificationUid));
+                    dispatch(setCurrentNotificationUid());
+                }
+            });
+        conference.on(
+            JitsiConferenceEvents.TALK_WHILE_MUTED, () => {
+                const state = getState();
+                const local = getLocalParticipant(state);
+
+                // Display the talk while muted notification only when the audio button is not disabled.
+                if (!isAudioMuteButtonDisabled(state)) {
+                    const forceMuted = isForceMuted(local, MEDIA_TYPE.AUDIO, state);
+                    const notification = dispatch(showNotification({
+                        titleKey: 'toolbar.talkWhileMutedPopup',
+                        customActionNameKey: [ forceMuted ? 'notify.raiseHandAction' : 'notify.unmute' ],
+                        customActionHandler: [ () => dispatch(forceMuted ? raiseHand(true) : setAudioMuted(false)) ]
+                    }, NOTIFICATION_TIMEOUT_TYPE.LONG));
+
+                    const { soundsTalkWhileMuted } = getState()['features/base/settings'];
+
+                    if (soundsTalkWhileMuted) {
+                        dispatch(playSound(TALK_WHILE_MUTED_SOUND_ID));
+                    }
+
+                    if (notification) {
+                        // we store the last start muted notification id that we showed,
+                        // so we can hide it when unmuted mic is detected
+                        dispatch(setCurrentNotificationUid(notification.uid));
+                    }
+                }
+            });
+        break;
+    }
+    }
+
+    return result;
+});
diff --git a/react/features/talk-while-muted/reducer.ts b/react/features/talk-while-muted/reducer.ts
new file mode 100644
index 0000000..494e60d
--- /dev/null
+++ b/react/features/talk-while-muted/reducer.ts
@@ -0,0 +1,21 @@
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+import { set } from '../base/redux/functions';
+
+import { SET_CURRENT_NOTIFICATION_UID } from './actionTypes';
+
+export interface ITalkWhileMutedState {
+    currentNotificationUid?: string;
+}
+
+/**
+ * Reduces the redux actions of the feature talk while muted.
+ */
+ReducerRegistry.register<ITalkWhileMutedState>('features/talk-while-muted',
+(state = {}, action): ITalkWhileMutedState => {
+    switch (action.type) {
+    case SET_CURRENT_NOTIFICATION_UID:
+        return set(state, 'currentNotificationUid', action.uid);
+    }
+
+    return state;
+});
diff --git a/react/features/talk-while-muted/sounds.ts b/react/features/talk-while-muted/sounds.ts
new file mode 100644
index 0000000..e28f610
--- /dev/null
+++ b/react/features/talk-while-muted/sounds.ts
@@ -0,0 +1,6 @@
+/**
+ * The file used for the talk while muted sound notification.
+ *
+ * @type {string}
+ */
+export const TALK_WHILE_MUTED_SOUND_FILE = 'talkWhileMuted.mp3';
diff --git a/react/features/toolbox/actionTypes.ts b/react/features/toolbox/actionTypes.ts
new file mode 100644
index 0000000..91374fe
--- /dev/null
+++ b/react/features/toolbox/actionTypes.ts
@@ -0,0 +1,168 @@
+/**
+ * The type of the action which clears the Toolbox visibility timeout.
+ *
+ * {
+ *     type: CLEAR_TOOLBOX_TIMEOUT
+ * }
+ */
+export const CLEAR_TOOLBOX_TIMEOUT = 'CLEAR_TOOLBOX_TIMEOUT';
+
+/**
+ * The type of (redux) action which signals that a custom button was pressed.
+ *
+ * @returns {{
+ *      type: CUSTOM_BUTTON_PRESSED,
+ *      id: string,
+ *      text: string
+ * }}
+ */
+export const CUSTOM_BUTTON_PRESSED = 'CUSTOM_BUTTON_PRESSED';
+
+/**
+ * The type of (redux) action which updates whether the conference is or is not
+ * currently in full screen view.
+ *
+ * {
+ *     type: FULL_SCREEN_CHANGED,
+ *     fullScreen: boolean
+ * }
+ */
+export const FULL_SCREEN_CHANGED = 'FULL_SCREEN_CHANGED';
+
+/**
+ * The type of (redux) action which sets the buttonsWithNotifyClick redux property.
+ *
+ * {
+ *     type: SET_BUTTONS_WITH_NOTIFY_CLICK,
+ *     buttonsWithNotifyClick: Map<string, NOTIFY_CLICK_MODE>
+ * }
+ */
+export const SET_BUTTONS_WITH_NOTIFY_CLICK = 'SET_BUTTONS_WITH_NOTIFY_CLICK';
+
+/**
+ * The type of (redux) action which sets the participantMenuButtonsWithNotifyClick redux property.
+ *
+ * {
+ *     type: SET_BUTTONS_WITH_NOTIFY_CLICK,
+ *     participantMenuButtonsWithNotifyClick: Map<string, NOTIFY_CLICK_MODE>
+ * }
+ */
+export const SET_PARTICIPANT_MENU_BUTTONS_WITH_NOTIFY_CLICK = 'SET_PARTICIPANT_MENU_BUTTONS_WITH_NOTIFY_CLICK';
+
+/**
+ * The type of (redux) action which requests full screen mode be entered or
+ * exited.
+ *
+ * {
+ *     type: SET_FULL_SCREEN,
+ *     fullScreen: boolean
+ * }
+ */
+export const SET_FULL_SCREEN = 'SET_FULL_SCREEN';
+
+/**
+ * The type of the (redux) action which shows/hides the hangup menu.
+ *
+ * {
+ *     type: SET_HANGUP_MENU_VISIBLE,
+ *     visible: boolean
+ * }
+ */
+export const SET_HANGUP_MENU_VISIBLE = 'SET_HANGUP_MENU_VISIBLE';
+
+/**
+ * The type of the (redux) action which sets the main toolbar thresholds.
+ *
+ * {
+ *     type: SET_MAIN_TOOLBAR_BUTTONS_THRESHOLDS,
+ *     mainToolbarButtonsThresholds: IMainToolbarButtonThresholds
+ * }
+ */
+export const SET_MAIN_TOOLBAR_BUTTONS_THRESHOLDS = 'SET_MAIN_TOOLBAR_BUTTONS_THRESHOLDS';
+
+/**
+ * The type of the redux action that toggles whether the overflow menu(s) should be shown as drawers.
+ */
+export const SET_OVERFLOW_DRAWER = 'SET_OVERFLOW_DRAWER';
+
+/**
+ * The type of the (redux) action which shows/hides the OverflowMenu.
+ *
+ * {
+ *     type: SET_OVERFLOW_MENU_VISIBLE,
+ *     visible: boolean
+ * }
+ */
+export const SET_OVERFLOW_MENU_VISIBLE = 'SET_OVERFLOW_MENU_VISIBLE';
+
+
+/**
+ * The type of the action which sets enabled toolbar buttons.
+ *
+ * {
+ *     type: SET_TOOLBAR_BUTTONS,
+ *     toolbarButtons: Array<string>
+ * }
+ */
+export const SET_TOOLBAR_BUTTONS = 'SET_TOOLBAR_BUTTONS';
+
+/**
+ * The type of the action which sets the indicator which determines whether a
+ * fToolbar in the Toolbox is hovered.
+ *
+ * {
+ *     type: SET_TOOLBAR_HOVERED,
+ *     hovered: boolean
+ * }
+ */
+export const SET_TOOLBAR_HOVERED = 'SET_TOOLBAR_HOVERED';
+
+/**
+ * The type of the (redux) action which enables/disables the Toolbox.
+ *
+ * {
+ *     type: SET_TOOLBOX_ENABLED,
+ *     enabled: boolean
+ * }
+ */
+export const SET_TOOLBOX_ENABLED = 'SET_TOOLBOX_ENABLED';
+
+/**
+ * The type of the action which sets a new Toolbox visibility timeout and its
+ * delay.
+ *
+ * {
+ *     type: SET_TOOLBOX_TIMEOUT,
+ *     handler: Function,
+ *     timeoutMS: number
+ * }
+ */
+export const SET_TOOLBOX_TIMEOUT = 'SET_TOOLBOX_TIMEOUT';
+
+/**
+ * The type of the (redux) action which shows/hides the Toolbox.
+ *
+ * {
+ *     type: SET_TOOLBOX_VISIBLE,
+ *     visible: boolean
+ * }
+ */
+export const SET_TOOLBOX_VISIBLE = 'SET_TOOLBOX_VISIBLE';
+
+/**
+ * The type of the redux action which toggles the toolbox visibility regardless of it's current state.
+ *
+ * {
+ *     type: TOGGLE_TOOLBOX_VISIBLE
+ * }
+ */
+export const TOGGLE_TOOLBOX_VISIBLE = 'TOGGLE_TOOLBOX_VISIBLE';
+
+/**
+ * The type of the redux action which sets whether the toolbox should be shifted up or not.
+ *
+ * {
+ *     type: SET_TOOLBOX_SHIFT_UP
+ * }
+ */
+export const SET_TOOLBOX_SHIFT_UP = 'SET_TOOLBOX_SHIFT_UP';
diff --git a/react/features/toolbox/actions.any.ts b/react/features/toolbox/actions.any.ts
new file mode 100644
index 0000000..72fcd7b
--- /dev/null
+++ b/react/features/toolbox/actions.any.ts
@@ -0,0 +1,208 @@
+import { VIDEO_MUTE, createToolbarEvent } from '../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../analytics/functions';
+import { IStore } from '../app/types';
+import { setAudioOnly } from '../base/audio-only/actions';
+import { setVideoMuted } from '../base/media/actions';
+import { VIDEO_MUTISM_AUTHORITY } from '../base/media/constants';
+
+import {
+    SET_MAIN_TOOLBAR_BUTTONS_THRESHOLDS,
+    SET_TOOLBOX_ENABLED,
+    SET_TOOLBOX_SHIFT_UP,
+    SET_TOOLBOX_VISIBLE,
+    TOGGLE_TOOLBOX_VISIBLE
+} from './actionTypes';
+import { DUMMY_10_BUTTONS_THRESHOLD_VALUE, DUMMY_9_BUTTONS_THRESHOLD_VALUE } from './constants';
+import { IMainToolbarButtonThresholds, IMainToolbarButtonThresholdsUnfiltered } from './types';
+
+/**
+ * Enables/disables the toolbox.
+ *
+ * @param {boolean} enabled - True to enable the toolbox or false to disable it.
+ * @returns {{
+ *     type: SET_TOOLBOX_ENABLED,
+ *     enabled: boolean
+ * }}
+ */
+export function setToolboxEnabled(enabled: boolean) {
+    return {
+        type: SET_TOOLBOX_ENABLED,
+        enabled
+    };
+}
+
+/**
+ * Shows/hides the toolbox.
+ *
+ * @param {boolean} visible - True to show the toolbox or false to hide it.
+ * @returns {Function}
+ */
+export function setToolboxVisible(visible: boolean) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const { toolbarConfig } = getState()['features/base/config'];
+        const alwaysVisible = toolbarConfig?.alwaysVisible;
+
+        if (!visible && alwaysVisible) {
+            return;
+        }
+
+        dispatch({
+            type: SET_TOOLBOX_VISIBLE,
+            visible
+        });
+        // Notify external API consumers about the change in toolbox visibility
+        // if the old legacy APP.API bridge is available.
+        /* eslint-disable no-undef */
+        if (typeof APP !== 'undefined' && APP.API && typeof APP.API.notifyToolbarVisibilityChanged === 'function') {
+            APP.API.notifyToolbarVisibilityChanged(visible);
+        }
+        /* eslint-enable no-undef */
+    };
+}
+
+/**
+ * Action to toggle the toolbox visibility.
+ *
+ * @returns {Function}
+ */
+export function toggleToolboxVisible() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const { toolbarConfig } = getState()['features/base/config'];
+        const alwaysVisible = toolbarConfig?.alwaysVisible;
+        const { visible } = state['features/toolbox'];
+
+        if (visible && alwaysVisible) {
+            return;
+        }
+
+        dispatch({
+            type: TOGGLE_TOOLBOX_VISIBLE
+        });
+
+        // After toggling, read the updated state and notify external API
+        // about the current visibility. This mirrors the behavior of
+        // setToolboxVisible and ensures consumers are informed when the
+        // visibility changes via toggle.
+        /* eslint-disable no-undef */
+        if (typeof APP !== 'undefined' && APP.API && typeof APP.API.notifyToolbarVisibilityChanged === 'function') {
+            const { visible: newVisible } = getState()['features/toolbox'];
+
+            APP.API.notifyToolbarVisibilityChanged(newVisible);
+        }
+        /* eslint-enable no-undef */
+    };
+}
+
+
+/**
+ * Action to handle toggle video from toolbox's video buttons.
+ *
+ * @param {boolean} muted - Whether to mute or unmute.
+ * @param {boolean} showUI - When set to false will not display any error.
+ * @param {boolean} ensureTrack - True if we want to ensure that a new track is
+ * created if missing.
+ * @returns {Function}
+ */
+export function handleToggleVideoMuted(muted: boolean, showUI: boolean, ensureTrack: boolean) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const { enabled: audioOnly } = state['features/base/audio-only'];
+
+        sendAnalytics(createToolbarEvent(VIDEO_MUTE, { enable: muted }));
+        if (audioOnly) {
+            dispatch(setAudioOnly(false));
+        }
+
+        dispatch(
+            setVideoMuted(
+                muted,
+                VIDEO_MUTISM_AUTHORITY.USER,
+                ensureTrack));
+
+        // FIXME: The old conference logic still relies on this event being
+        // emitted.
+        typeof APP === 'undefined'
+            || APP.conference.muteVideo(muted, showUI);
+
+    };
+}
+
+/**
+ * Sets whether the toolbox should be shifted up or not.
+ *
+ * @param {boolean} shiftUp - Whether the toolbox should shift up or not.
+ * @returns {Object}
+ */
+export function setShiftUp(shiftUp: boolean) {
+    return {
+        type: SET_TOOLBOX_SHIFT_UP,
+        shiftUp
+    };
+}
+
+/**
+ * Sets the mainToolbarButtonsThresholds.
+ *
+ * @param {IMainToolbarButtonThresholds} thresholds - Thresholds for screen size and visible main toolbar buttons.
+ * @returns {Function}
+ */
+export function setMainToolbarThresholds(thresholds: IMainToolbarButtonThresholdsUnfiltered) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const { mainToolbarButtons } = getState()['features/base/config'];
+
+        if (!Array.isArray(mainToolbarButtons) || mainToolbarButtons.length === 0) {
+            return;
+        }
+
+        const mainToolbarButtonsThresholds: IMainToolbarButtonThresholds = [];
+
+        const mainToolbarButtonsLengthMap = new Map();
+        let orderIsChanged = false;
+
+        mainToolbarButtons.forEach(buttons => {
+            if (!Array.isArray(buttons) || buttons.length === 0) {
+                return;
+            }
+
+            mainToolbarButtonsLengthMap.set(buttons.length, buttons);
+        });
+
+        thresholds.forEach(({ width, order }) => {
+            let numberOfButtons = 0;
+
+            if (Array.isArray(order)) {
+                numberOfButtons = order.length;
+            } else if (order === DUMMY_9_BUTTONS_THRESHOLD_VALUE) {
+                numberOfButtons = 9;
+            } else if (order === DUMMY_10_BUTTONS_THRESHOLD_VALUE) {
+                numberOfButtons = 10;
+            } else { // Unexpected value. Ignore it.
+                return;
+            }
+
+            let finalOrder = mainToolbarButtonsLengthMap.get(numberOfButtons);
+
+            if (finalOrder) {
+                orderIsChanged = true;
+            } else if (Array.isArray(order)) {
+                finalOrder = order;
+            } else {
+                // Ignore dummy (symbol) values.
+                return;
+            }
+
+            mainToolbarButtonsThresholds.push({
+                order: finalOrder,
+                width
+            });
+        });
+
+        if (orderIsChanged) {
+            dispatch({
+                type: SET_MAIN_TOOLBAR_BUTTONS_THRESHOLDS,
+                mainToolbarButtonsThresholds
+            });
+        }
+    };
+}
diff --git a/react/features/toolbox/actions.native.ts b/react/features/toolbox/actions.native.ts
new file mode 100644
index 0000000..5bfb6f9
--- /dev/null
+++ b/react/features/toolbox/actions.native.ts
@@ -0,0 +1,45 @@
+import { CUSTOM_BUTTON_PRESSED } from './actionTypes';
+
+export * from './actions.any';
+
+/**
+ * Shows the toolbox for specified timeout.
+ *
+ * @param {number} _timeout - Timeout for showing the toolbox.
+ * @returns {Function}
+ */
+export function showToolbox(_timeout?: number): any {
+    return {};
+}
+
+/**
+ * Shows/hides the overflow menu.
+ *
+ * @param {boolean} _visible - True to show it or false to hide it.
+ * @returns {{
+ *     type: SET_OVERFLOW_MENU_VISIBLE,
+ *     visible: boolean
+ * }}
+ */
+export function setOverflowMenuVisible(_visible: boolean): any {
+    return {};
+}
+
+/**
+ * Creates a (redux) action which that a custom button was pressed.
+ *
+ * @param {string} id - The id for the custom button.
+ * @param {string} text - The label for the custom button.
+ * @returns {{
+ *     type: CUSTOM_BUTTON_PRESSED,
+ *     id: string,
+ *     text: string
+ * }}
+ */
+export function customButtonPressed(id: string, text: string | undefined) {
+    return {
+        type: CUSTOM_BUTTON_PRESSED,
+        id,
+        text
+    };
+}
diff --git a/react/features/toolbox/actions.web.ts b/react/features/toolbox/actions.web.ts
new file mode 100644
index 0000000..7d94aca
--- /dev/null
+++ b/react/features/toolbox/actions.web.ts
@@ -0,0 +1,280 @@
+import { IStore } from '../app/types';
+import { overwriteConfig } from '../base/config/actions';
+import { isMobileBrowser } from '../base/environment/utils';
+import { isLayoutTileView } from '../video-layout/functions.any';
+
+import {
+    CLEAR_TOOLBOX_TIMEOUT,
+    FULL_SCREEN_CHANGED,
+    SET_FULL_SCREEN,
+    SET_HANGUP_MENU_VISIBLE,
+    SET_OVERFLOW_DRAWER,
+    SET_OVERFLOW_MENU_VISIBLE,
+    SET_TOOLBAR_HOVERED,
+    SET_TOOLBOX_TIMEOUT
+} from './actionTypes';
+import { setToolboxVisible } from './actions.web';
+import { getToolbarTimeout } from './functions.web';
+
+export * from './actions.any';
+
+/**
+ * Docks/undocks the Toolbox.
+ *
+ * @param {boolean} dock - True if dock, false otherwise.
+ * @returns {Function}
+ */
+export function dockToolbox(dock: boolean) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const { visible } = state['features/toolbox'];
+        const toolbarTimeout = getToolbarTimeout(state);
+
+        if (dock) {
+            // First make sure the toolbox is shown.
+            visible || dispatch(showToolbox());
+
+            dispatch(clearToolboxTimeout());
+        } else if (visible) {
+            dispatch(
+                setToolboxTimeout(
+                    () => dispatch(hideToolbox()),
+                    toolbarTimeout));
+        } else {
+            dispatch(showToolbox());
+        }
+    };
+}
+
+/**
+ * Signals that full screen mode has been entered or exited.
+ *
+ * @param {boolean} fullScreen - Whether or not full screen mode is currently
+ * enabled.
+ * @returns {{
+ *     type: FULL_SCREEN_CHANGED,
+ *     fullScreen: boolean
+ * }}
+ */
+export function fullScreenChanged(fullScreen: boolean) {
+    return {
+        type: FULL_SCREEN_CHANGED,
+        fullScreen
+    };
+}
+
+/**
+ * Hides the toolbox.
+ *
+ * @param {boolean} force - True to force the hiding of the toolbox without
+ * caring about the extended toolbar side panels.
+ * @returns {Function}
+ */
+export function hideToolbox(force = false) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const { toolbarConfig } = state['features/base/config'];
+        const alwaysVisible = toolbarConfig?.alwaysVisible;
+        const autoHideWhileChatIsOpen = toolbarConfig?.autoHideWhileChatIsOpen;
+        const { hovered } = state['features/toolbox'];
+        const toolbarTimeout = getToolbarTimeout(state);
+
+        if (alwaysVisible) {
+            return;
+        }
+
+        dispatch(clearToolboxTimeout());
+
+        const hoverSelector = isLayoutTileView(state)
+            ? '.remotevideomenu:hover'
+            : '.filmstrip:hover,.remotevideomenu:hover';
+        const hoveredElem = document.querySelector(hoverSelector);
+
+        if (!force
+                && (hovered
+                    || state['features/invite'].calleeInfoVisible
+                    || (state['features/chat'].isOpen && !autoHideWhileChatIsOpen)
+                    || hoveredElem)) {
+            dispatch(
+                setToolboxTimeout(
+                    () => dispatch(hideToolbox()),
+                    toolbarTimeout));
+        } else {
+            dispatch(setToolboxVisible(false));
+        }
+    };
+}
+
+/**
+ * Signals a request to enter or exit full screen mode.
+ *
+ * @param {boolean} fullScreen - True to enter full screen mode, false to exit.
+ * @returns {{
+ *     type: SET_FULL_SCREEN,
+ *     fullScreen: boolean
+ * }}
+ */
+export function setFullScreen(fullScreen: boolean) {
+    return {
+        type: SET_FULL_SCREEN,
+        fullScreen
+    };
+}
+
+/**
+ * Shows the toolbox for specified timeout.
+ *
+ * @param {number} timeout - Timeout for showing the toolbox.
+ * @returns {Function}
+ */
+export function showToolbox(timeout = 0) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const { toolbarConfig } = state['features/base/config'];
+        const toolbarTimeout = getToolbarTimeout(state);
+        const initialTimeout = toolbarConfig?.initialTimeout;
+        const alwaysVisible = toolbarConfig?.alwaysVisible;
+
+        const {
+            enabled,
+            visible
+        } = state['features/toolbox'];
+
+        if (enabled && !visible) {
+            dispatch(setToolboxVisible(true));
+
+            // If the Toolbox is always visible, there's no need for a timeout
+            // to toggle its visibility.
+            if (!alwaysVisible) {
+                if (typeof initialTimeout === 'number') {
+                    // reset `initialTimeout` once it is consumed once
+                    dispatch(overwriteConfig({ toolbarConfig: {
+                        ...toolbarConfig,
+                        initialTimeout: null
+                    } }));
+                }
+                dispatch(
+                    setToolboxTimeout(
+                        () => dispatch(hideToolbox()),
+                        timeout || initialTimeout || toolbarTimeout));
+            }
+        }
+    };
+}
+
+/**
+ * Signals a request to display overflow as drawer.
+ *
+ * @param {boolean} displayAsDrawer - True to display overflow as drawer, false to preserve original behaviour.
+ * @returns {{
+ *     type: SET_OVERFLOW_DRAWER,
+ *     displayAsDrawer: boolean
+ * }}
+ */
+export function setOverflowDrawer(displayAsDrawer: boolean) {
+    return {
+        type: SET_OVERFLOW_DRAWER,
+        displayAsDrawer
+    };
+}
+
+/**
+ * Signals that toolbox timeout should be cleared.
+ *
+ * @returns {{
+ *     type: CLEAR_TOOLBOX_TIMEOUT
+ * }}
+ */
+export function clearToolboxTimeout() {
+    return {
+        type: CLEAR_TOOLBOX_TIMEOUT
+    };
+}
+
+/**
+ * Shows/hides the hangup menu.
+ *
+ * @param {boolean} visible - True to show it or false to hide it.
+ * @returns {{
+ *     type: SET_HANGUP_MENU_VISIBLE,
+ *     visible: boolean
+ * }}
+ */
+export function setHangupMenuVisible(visible: boolean) {
+    return {
+        type: SET_HANGUP_MENU_VISIBLE,
+        visible
+    };
+}
+
+/**
+ * Shows/hides the overflow menu.
+ *
+ * @param {boolean} visible - True to show it or false to hide it.
+ * @returns {{
+ *     type: SET_OVERFLOW_MENU_VISIBLE,
+ *     visible: boolean
+ * }}
+ */
+export function setOverflowMenuVisible(visible: boolean) {
+    return {
+        type: SET_OVERFLOW_MENU_VISIBLE,
+        visible
+    };
+}
+
+/**
+ * Signals that toolbar is hovered value should be changed.
+ *
+ * @param {boolean} hovered - Flag showing whether toolbar is hovered.
+ * @returns {{
+ *     type: SET_TOOLBAR_HOVERED,
+ *     hovered: boolean
+ * }}
+ */
+export function setToolbarHovered(hovered: boolean) {
+    return {
+        type: SET_TOOLBAR_HOVERED,
+        hovered
+    };
+}
+
+/**
+ * Dispatches an action which sets new timeout for the toolbox visibility and clears the previous one.
+ * On mobile browsers the toolbox does not hide on timeout. It is toggled on simple tap.
+ *
+ * @param {Function} handler - Function to be invoked after the timeout.
+ * @param {number} timeoutMS - Delay.
+ * @returns {{
+ *     type: SET_TOOLBOX_TIMEOUT,
+ *     handler: Function,
+ *     timeoutMS: number
+ * }}
+ */
+export function setToolboxTimeout(handler: Function, timeoutMS: number) {
+    return function(dispatch: IStore['dispatch']) {
+        if (isMobileBrowser()) {
+            return;
+        }
+
+        dispatch({
+            type: SET_TOOLBOX_TIMEOUT,
+            handler,
+            timeoutMS
+        });
+    };
+}
+
+/**
+     * Closes the overflow menu if opened.
+     *
+     * @private
+     * @returns {void}
+     */
+export function closeOverflowMenuIfOpen() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const { overflowMenuVisible } = getState()['features/toolbox'];
+
+        overflowMenuVisible && dispatch(setOverflowMenuVisible(false));
+    };
+}
diff --git a/react/features/toolbox/components/AbstractAudioMuteButton.tsx b/react/features/toolbox/components/AbstractAudioMuteButton.tsx
new file mode 100644
index 0000000..f3393b1
--- /dev/null
+++ b/react/features/toolbox/components/AbstractAudioMuteButton.tsx
@@ -0,0 +1,95 @@
+import { IReduxState } from '../../app/types';
+import { AUDIO_MUTE_BUTTON_ENABLED } from '../../base/flags/constants';
+import { getFeatureFlag } from '../../base/flags/functions';
+import { MEDIA_TYPE } from '../../base/media/constants';
+import { IProps as AbstractButtonProps } from '../../base/toolbox/components/AbstractButton';
+import BaseAudioMuteButton from '../../base/toolbox/components/BaseAudioMuteButton';
+import { isLocalTrackMuted } from '../../base/tracks/functions';
+import { muteLocal } from '../../video-menu/actions';
+import { isAudioMuteButtonDisabled } from '../functions';
+
+
+/**
+ * The type of the React {@code Component} props of {@link AbstractAudioMuteButton}.
+ */
+export interface IProps extends AbstractButtonProps {
+
+
+    /**
+     * Whether audio is currently muted or not.
+    */
+    _audioMuted: boolean;
+
+    /**
+    * Whether the button is disabled.
+   */
+    _disabled: boolean;
+}
+
+/**
+ * Component that renders a toolbar button for toggling audio mute.
+ *
+ * @augments BaseAudioMuteButton
+ */
+export default class AbstractAudioMuteButton<P extends IProps> extends BaseAudioMuteButton<P> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.mute';
+    override toggledAccessibilityLabel = 'toolbar.accessibilityLabel.unmute';
+    override label = 'toolbar.mute';
+    override toggledLabel = 'toolbar.unmute';
+    override tooltip = 'toolbar.mute';
+    override toggledTooltip = 'toolbar.unmute';
+
+    /**
+     * Indicates if audio is currently muted or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    override _isAudioMuted() {
+        return this.props._audioMuted;
+    }
+
+    /**
+     * Changes the muted state.
+     *
+     * @param {boolean} audioMuted - Whether audio should be muted or not.
+     * @protected
+     * @returns {void}
+     */
+    override _setAudioMuted(audioMuted: boolean) {
+        this.props.dispatch(muteLocal(audioMuted, MEDIA_TYPE.AUDIO));
+    }
+
+    /**
+     * Return a boolean value indicating if this button is disabled or not.
+     *
+     * @returns {boolean}
+     */
+    override _isDisabled() {
+        return this.props._disabled;
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated props for the
+ * {@code AbstractAudioMuteButton} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {{
+ *     _audioMuted: boolean,
+ *     _disabled: boolean
+ * }}
+ */
+export function mapStateToProps(state: IReduxState) {
+    const _audioMuted = isLocalTrackMuted(state['features/base/tracks'], MEDIA_TYPE.AUDIO);
+    const _disabled = isAudioMuteButtonDisabled(state);
+    const enabledFlag = getFeatureFlag(state, AUDIO_MUTE_BUTTON_ENABLED, true);
+
+    return {
+        _audioMuted,
+        _disabled,
+        visible: enabledFlag
+    };
+}
diff --git a/react/features/toolbox/components/AbstractVideoMuteButton.tsx b/react/features/toolbox/components/AbstractVideoMuteButton.tsx
new file mode 100644
index 0000000..05a7315
--- /dev/null
+++ b/react/features/toolbox/components/AbstractVideoMuteButton.tsx
@@ -0,0 +1,94 @@
+import { IReduxState } from '../../app/types';
+import { VIDEO_MUTE_BUTTON_ENABLED } from '../../base/flags/constants';
+import { getFeatureFlag } from '../../base/flags/functions';
+import { MEDIA_TYPE } from '../../base/media/constants';
+import { IProps as AbstractButtonProps } from '../../base/toolbox/components/AbstractButton';
+import BaseVideoMuteButton from '../../base/toolbox/components/BaseVideoMuteButton';
+import { isLocalTrackMuted } from '../../base/tracks/functions';
+import { handleToggleVideoMuted } from '../actions.any';
+import { isVideoMuteButtonDisabled } from '../functions';
+
+/**
+ * The type of the React {@code Component} props of {@link AbstractVideoMuteButton}.
+ */
+export interface IProps extends AbstractButtonProps {
+
+    /**
+     * Whether video button is disabled or not.
+     */
+    _videoDisabled: boolean;
+
+    /**
+     * Whether video is currently muted or not.
+     */
+    _videoMuted: boolean;
+}
+
+/**
+ * Component that renders a toolbar button for toggling video mute.
+ *
+ * @augments BaseVideoMuteButton
+ */
+export default class AbstractVideoMuteButton<P extends IProps> extends BaseVideoMuteButton<P> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.videomute';
+    override toggledAccessibilityLabel = 'toolbar.accessibilityLabel.videounmute';
+    override label = 'toolbar.videomute';
+    override toggledLabel = 'toolbar.videounmute';
+    override tooltip = 'toolbar.videomute';
+    override toggledTooltip = 'toolbar.videounmute';
+
+    /**
+     * Indicates if video is currently disabled or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    override _isDisabled() {
+        return this.props._videoDisabled;
+    }
+
+    /**
+     * Indicates if video is currently muted or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    override _isVideoMuted() {
+        return this.props._videoMuted;
+    }
+
+    /**
+     * Changes the muted state.
+     *
+     * @override
+     * @param {boolean} videoMuted - Whether video should be muted or not.
+     * @protected
+     * @returns {void}
+     */
+    override _setVideoMuted(videoMuted: boolean) {
+        this.props.dispatch(handleToggleVideoMuted(videoMuted, true, true));
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated props for the
+ * {@code VideoMuteButton} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {{
+ *     _videoMuted: boolean
+ * }}
+ */
+export function mapStateToProps(state: IReduxState) {
+    const tracks = state['features/base/tracks'];
+    const enabledFlag = getFeatureFlag(state, VIDEO_MUTE_BUTTON_ENABLED, true);
+
+    return {
+        _videoDisabled: isVideoMuteButtonDisabled(state),
+        _videoMuted: isLocalTrackMuted(tracks, MEDIA_TYPE.VIDEO),
+        visible: enabledFlag
+    };
+}
diff --git a/react/features/toolbox/components/DownloadButton.ts b/react/features/toolbox/components/DownloadButton.ts
new file mode 100644
index 0000000..1e2cc3a
--- /dev/null
+++ b/react/features/toolbox/components/DownloadButton.ts
@@ -0,0 +1,59 @@
+import { connect } from 'react-redux';
+
+import { createToolbarEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { IReduxState } from '../../app/types';
+import { translate } from '../../base/i18n/functions';
+import { IconDownload } from '../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../base/toolbox/components/AbstractButton';
+import { openURLInBrowser } from '../../base/util/openURLInBrowser';
+
+interface IProps extends AbstractButtonProps {
+
+    /**
+     * The URL to the applications page.
+     */
+    _downloadAppsUrl: string;
+}
+
+/**
+ * Implements an {@link AbstractButton} to open the applications page in a new window.
+ */
+class DownloadButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.download';
+    override icon = IconDownload;
+    override label = 'toolbar.download';
+    override tooltip = 'toolbar.download';
+
+    /**
+     * Handles clicking / pressing the button, and opens a new window with the user documentation.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { _downloadAppsUrl } = this.props;
+
+        sendAnalytics(createToolbarEvent('download.pressed'));
+        openURLInBrowser(_downloadAppsUrl);
+    }
+}
+
+
+/**
+ * Maps part of the redux state to the component's props.
+ *
+ * @param {Object} state - The redux store/state.
+ * @returns {Object}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const { downloadAppsUrl } = state['features/base/config'].deploymentUrls || {};
+    const visible = typeof downloadAppsUrl === 'string';
+
+    return {
+        _downloadAppsUrl: downloadAppsUrl ?? '',
+        visible
+    };
+}
+
+export default translate(connect(_mapStateToProps)(DownloadButton));
diff --git a/react/features/toolbox/components/HangupButton.ts b/react/features/toolbox/components/HangupButton.ts
new file mode 100644
index 0000000..5919b4f
--- /dev/null
+++ b/react/features/toolbox/components/HangupButton.ts
@@ -0,0 +1,50 @@
+import { once } from 'lodash-es';
+import { connect } from 'react-redux';
+
+import { createToolbarEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { leaveConference } from '../../base/conference/actions';
+import { translate } from '../../base/i18n/functions';
+import { IProps as AbstractButtonProps } from '../../base/toolbox/components/AbstractButton';
+import AbstractHangupButton from '../../base/toolbox/components/AbstractHangupButton';
+
+/**
+ * Component that renders a toolbar button for leaving the current conference.
+ *
+ * @augments AbstractHangupButton
+ */
+class HangupButton extends AbstractHangupButton<AbstractButtonProps> {
+    _hangup: Function;
+
+    override accessibilityLabel = 'toolbar.accessibilityLabel.hangup';
+    override label = 'toolbar.hangup';
+    override tooltip = 'toolbar.hangup';
+
+    /**
+     * Initializes a new HangupButton instance.
+     *
+     * @param {Props} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: AbstractButtonProps) {
+        super(props);
+
+        this._hangup = once(() => {
+            sendAnalytics(createToolbarEvent('hangup'));
+            this.props.dispatch(leaveConference());
+        });
+    }
+
+    /**
+     * Helper function to perform the actual hangup action.
+     *
+     * @override
+     * @protected
+     * @returns {void}
+     */
+    override _doHangup() {
+        this._hangup();
+    }
+}
+
+export default translate(connect()(HangupButton));
diff --git a/react/features/toolbox/components/HelpButton.ts b/react/features/toolbox/components/HelpButton.ts
new file mode 100644
index 0000000..70f4da0
--- /dev/null
+++ b/react/features/toolbox/components/HelpButton.ts
@@ -0,0 +1,62 @@
+import { connect } from 'react-redux';
+
+import { createToolbarEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { IReduxState } from '../../app/types';
+import { HELP_BUTTON_ENABLED } from '../../base/flags/constants';
+import { getFeatureFlag } from '../../base/flags/functions';
+import { translate } from '../../base/i18n/functions';
+import { IconHelp } from '../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../base/toolbox/components/AbstractButton';
+import { openURLInBrowser } from '../../base/util/openURLInBrowser';
+
+interface IProps extends AbstractButtonProps {
+
+    /**
+     * The URL to the user documentation.
+     */
+    _userDocumentationURL: string;
+}
+
+/**
+ * Implements an {@link AbstractButton} to open the user documentation in a new window.
+ */
+class HelpButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.help';
+    override icon = IconHelp;
+    override label = 'toolbar.help';
+    override tooltip = 'toolbar.help';
+
+    /**
+     * Handles clicking / pressing the button, and opens a new window with the user documentation.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { _userDocumentationURL } = this.props;
+
+        sendAnalytics(createToolbarEvent('help.pressed'));
+        openURLInBrowser(_userDocumentationURL);
+    }
+}
+
+
+/**
+ * Maps part of the redux state to the component's props.
+ *
+ * @param {Object} state - The redux store/state.
+ * @returns {Object}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const { userDocumentationURL } = state['features/base/config'].deploymentUrls || {};
+    const enabled = getFeatureFlag(state, HELP_BUTTON_ENABLED, true);
+    const visible = typeof userDocumentationURL === 'string' && enabled;
+
+    return {
+        _userDocumentationURL: userDocumentationURL ?? '',
+        visible
+    };
+}
+
+export default translate(connect(_mapStateToProps)(HelpButton));
diff --git a/react/features/toolbox/components/index.native.ts b/react/features/toolbox/components/index.native.ts
new file mode 100644
index 0000000..2674176
--- /dev/null
+++ b/react/features/toolbox/components/index.native.ts
@@ -0,0 +1 @@
+export { default as CustomOptionButton } from './native/CustomOptionButton';
diff --git a/react/features/toolbox/components/index.web.ts b/react/features/toolbox/components/index.web.ts
new file mode 100644
index 0000000..43259b2
--- /dev/null
+++ b/react/features/toolbox/components/index.web.ts
@@ -0,0 +1 @@
+export { default as CustomOptionButton } from './web/CustomOptionButton';
diff --git a/react/features/toolbox/components/native/AudioMuteButton.tsx b/react/features/toolbox/components/native/AudioMuteButton.tsx
new file mode 100644
index 0000000..9aa75fb
--- /dev/null
+++ b/react/features/toolbox/components/native/AudioMuteButton.tsx
@@ -0,0 +1,6 @@
+import { connect } from 'react-redux';
+
+import { translate } from '../../../base/i18n/functions';
+import AbstractAudioMuteButton, { IProps, mapStateToProps } from '../AbstractAudioMuteButton';
+
+export default translate(connect(mapStateToProps)(AbstractAudioMuteButton<IProps>));
diff --git a/react/features/toolbox/components/native/AudioOnlyButton.ts b/react/features/toolbox/components/native/AudioOnlyButton.ts
new file mode 100644
index 0000000..87f3050
--- /dev/null
+++ b/react/features/toolbox/components/native/AudioOnlyButton.ts
@@ -0,0 +1,96 @@
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { setAudioOnly, toggleAudioOnly } from '../../../base/audio-only/actions';
+import { AUDIO_ONLY_BUTTON_ENABLED } from '../../../base/flags/constants';
+import { getFeatureFlag } from '../../../base/flags/functions';
+import { translate } from '../../../base/i18n/functions';
+import { IconAudioOnly, IconAudioOnlyOff } from '../../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import {
+    navigate
+} from '../../../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
+import { screen } from '../../../mobile/navigation/routes';
+
+/**
+ * The type of the React {@code Component} props of {@link AudioOnlyButton}.
+ */
+interface IProps extends AbstractButtonProps {
+
+    /**
+     * Whether the current conference is in audio only mode or not.
+     */
+    _audioOnly: boolean;
+
+    /**
+     * Indicates whether the car mode is enabled.
+     */
+    _startCarMode?: boolean;
+}
+
+/**
+ * An implementation of a button for toggling the audio-only mode.
+ */
+class AudioOnlyButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.audioOnly';
+    override icon = IconAudioOnly;
+    override label = 'toolbar.audioOnlyOn';
+    override toggledIcon = IconAudioOnlyOff;
+    override toggledLabel = 'toolbar.audioOnlyOff';
+
+    /**
+     * Handles clicking / pressing the button.
+     *
+     * @override
+     * @protected
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { _audioOnly, _startCarMode, dispatch } = this.props;
+
+        if (!_audioOnly && _startCarMode) {
+            dispatch(setAudioOnly(true));
+            navigate(screen.conference.carmode);
+        } else {
+            dispatch(toggleAudioOnly());
+        }
+    }
+
+
+    /**
+     * Indicates whether this button is in toggled state or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    override _isToggled() {
+        return this.props._audioOnly;
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated props for the
+ * {@code AudioOnlyButton} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {Object} ownProps - The properties explicitly passed to the component instance.
+ * @private
+ * @returns {{
+ *     _audioOnly: boolean
+ * }}
+ */
+function _mapStateToProps(state: IReduxState, ownProps: any) {
+    const { enabled: audioOnly } = state['features/base/audio-only'];
+    const enabledInFeatureFlags = getFeatureFlag(state, AUDIO_ONLY_BUTTON_ENABLED, true);
+    const { startCarMode } = state['features/base/settings'];
+    const { visible = enabledInFeatureFlags } = ownProps;
+
+    return {
+        _audioOnly: Boolean(audioOnly),
+        _startCarMode: startCarMode,
+        visible
+    };
+}
+
+export default translate(connect(_mapStateToProps)(AudioOnlyButton));
diff --git a/react/features/toolbox/components/native/CustomOptionButton.tsx b/react/features/toolbox/components/native/CustomOptionButton.tsx
new file mode 100644
index 0000000..ad1801b
--- /dev/null
+++ b/react/features/toolbox/components/native/CustomOptionButton.tsx
@@ -0,0 +1,75 @@
+import React from 'react';
+import { Image, View, ViewStyle } from 'react-native';
+import { SvgCssUri } from 'react-native-svg/css';
+import { connect } from 'react-redux';
+
+import { translate } from '../../../base/i18n/functions';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import BaseTheme from '../../../base/ui/components/BaseTheme.native';
+
+import styles from './styles';
+
+
+export interface ICustomOptionButton extends AbstractButtonProps {
+    backgroundColor?: string;
+    icon: any;
+    id?: string;
+    isToolboxButton?: boolean;
+    text: string;
+}
+
+/**
+ * Component that renders a custom button.
+ *
+ * @returns {Component}
+ */
+class CustomOptionButton extends AbstractButton<ICustomOptionButton> {
+    backgroundColor = this.props.backgroundColor;
+    iconSrc = this.props.icon;
+    id = this.props.id;
+    text = this.props.text;
+
+    /**
+     * Custom icon component.
+     *
+     * @returns {React.Component}
+     */
+    icon = () => {
+        let iconComponent;
+
+        if (!this.iconSrc) {
+            return null;
+        }
+
+        if (this.iconSrc?.includes('svg')) {
+            iconComponent = (
+                <SvgCssUri
+                    // @ts-ignore
+                    height = { BaseTheme.spacing[4] }
+                    uri = { this.iconSrc }
+                    width = { BaseTheme.spacing[4] } />
+            );
+        } else {
+            iconComponent = (
+                <Image
+                    height = { BaseTheme.spacing[4] }
+                    resizeMode = { 'contain' }
+                    source = {{ uri: this.iconSrc }}
+                    width = { BaseTheme.spacing[4] } />
+            );
+        }
+
+        return (
+            <View
+                style = { this.props.isToolboxButton && [
+                    styles.toolboxButtonIconContainer,
+                    { backgroundColor: this.backgroundColor } ] as ViewStyle[] }>
+                { iconComponent }
+            </View>
+        );
+    };
+
+    label = this.text || '';
+}
+
+export default translate(connect()(CustomOptionButton));
diff --git a/react/features/toolbox/components/native/HangupContainerButtons.tsx b/react/features/toolbox/components/native/HangupContainerButtons.tsx
new file mode 100644
index 0000000..16a110f
--- /dev/null
+++ b/react/features/toolbox/components/native/HangupContainerButtons.tsx
@@ -0,0 +1,21 @@
+import React from 'react';
+import { useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import HangupButton from '../HangupButton';
+
+import HangupMenuButton from './HangupMenuButton';
+
+const HangupContainerButtons = (props: AbstractButtonProps) => {
+    const { conference } = useSelector((state: IReduxState) => state['features/base/conference']);
+    const endConferenceSupported = conference?.isEndConferenceSupported();
+
+    return endConferenceSupported
+
+        // @ts-ignore
+        ? <HangupMenuButton { ...props } />
+        : <HangupButton { ...props } />;
+};
+
+export default HangupContainerButtons;
diff --git a/react/features/toolbox/components/native/HangupMenu.tsx b/react/features/toolbox/components/native/HangupMenu.tsx
new file mode 100644
index 0000000..49cd70e
--- /dev/null
+++ b/react/features/toolbox/components/native/HangupMenu.tsx
@@ -0,0 +1,77 @@
+import React, { useCallback } from 'react';
+import { View } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { createBreakoutRoomsEvent, createToolbarEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { appNavigate } from '../../../app/actions';
+import { IReduxState } from '../../../app/types';
+import ColorSchemeRegistry from '../../../base/color-scheme/ColorSchemeRegistry';
+import { endConference } from '../../../base/conference/actions';
+import { hideSheet } from '../../../base/dialog/actions';
+import BottomSheet from '../../../base/dialog/components/native/BottomSheet';
+import { PARTICIPANT_ROLE } from '../../../base/participants/constants';
+import { getLocalParticipant } from '../../../base/participants/functions';
+import Button from '../../../base/ui/components/native/Button';
+import { BUTTON_TYPES } from '../../../base/ui/constants.native';
+import { moveToRoom } from '../../../breakout-rooms/actions';
+import { isInBreakoutRoom } from '../../../breakout-rooms/functions';
+
+/**
+ * Menu presenting options to leave a room or meeting and to end meeting.
+ *
+ * @returns {JSX.Element} - The hangup menu.
+ */
+function HangupMenu() {
+    const dispatch = useDispatch();
+    const _styles: any = useSelector((state: IReduxState) => ColorSchemeRegistry.get(state, 'Toolbox'));
+    const inBreakoutRoom = useSelector(isInBreakoutRoom);
+    const isModerator = useSelector((state: IReduxState) =>
+        getLocalParticipant(state)?.role === PARTICIPANT_ROLE.MODERATOR);
+    const { DESTRUCTIVE, SECONDARY } = BUTTON_TYPES;
+
+    const handleEndConference = useCallback(() => {
+        dispatch(hideSheet());
+        sendAnalytics(createToolbarEvent('endmeeting'));
+        dispatch(endConference());
+    }, [ hideSheet ]);
+
+    const handleLeaveConference = useCallback(() => {
+        dispatch(hideSheet());
+        sendAnalytics(createToolbarEvent('hangup'));
+        dispatch(appNavigate(undefined));
+    }, [ hideSheet ]);
+
+    const handleLeaveBreakoutRoom = useCallback(() => {
+        dispatch(hideSheet());
+        sendAnalytics(createBreakoutRoomsEvent('leave'));
+        dispatch(moveToRoom());
+    }, [ hideSheet ]);
+
+    return (
+        <BottomSheet>
+            <View style = { _styles.hangupMenuContainer }>
+                { isModerator && <Button
+                    accessibilityLabel = 'toolbar.endConference'
+                    labelKey = 'toolbar.endConference'
+                    onClick = { handleEndConference }
+                    style = { _styles.hangupButton }
+                    type = { DESTRUCTIVE } /> }
+                <Button
+                    accessibilityLabel = 'toolbar.leaveConference'
+                    labelKey = 'toolbar.leaveConference'
+                    onClick = { handleLeaveConference }
+                    style = { _styles.hangupButton }
+                    type = { SECONDARY } />
+                { inBreakoutRoom && <Button
+                    accessibilityLabel = 'breakoutRooms.actions.leaveBreakoutRoom'
+                    labelKey = 'breakoutRooms.actions.leaveBreakoutRoom'
+                    onClick = { handleLeaveBreakoutRoom }
+                    style = { _styles.hangupButton }
+                    type = { SECONDARY } /> }
+            </View>
+        </BottomSheet>
+    );
+}
+
+export default HangupMenu;
diff --git a/react/features/toolbox/components/native/HangupMenuButton.tsx b/react/features/toolbox/components/native/HangupMenuButton.tsx
new file mode 100644
index 0000000..f51e363
--- /dev/null
+++ b/react/features/toolbox/components/native/HangupMenuButton.tsx
@@ -0,0 +1,32 @@
+import React, { useCallback } from 'react';
+import { useDispatch } from 'react-redux';
+
+import { openSheet } from '../../../base/dialog/actions';
+import { IconHangup } from '../../../base/icons/svg';
+import IconButton from '../../../base/ui/components/native/IconButton';
+import { BUTTON_TYPES } from '../../../base/ui/constants.native';
+
+import HangupMenu from './HangupMenu';
+
+/**
+ * Button for showing the hangup menu.
+ *
+ * @returns {JSX.Element} - The hangup menu button.
+ */
+const HangupMenuButton = (): JSX.Element => {
+    const dispatch = useDispatch();
+
+    const onSelect = useCallback(() => {
+        dispatch(openSheet(HangupMenu));
+    }, [ dispatch ]);
+
+    return (
+        <IconButton
+            accessibilityLabel = 'toolbar.accessibilityLabel.hangup'
+            onPress = { onSelect }
+            src = { IconHangup }
+            type = { BUTTON_TYPES.PRIMARY } />
+    );
+};
+
+export default HangupMenuButton;
diff --git a/react/features/toolbox/components/native/LinkToSalesforceButton.ts b/react/features/toolbox/components/native/LinkToSalesforceButton.ts
new file mode 100644
index 0000000..fdfb951
--- /dev/null
+++ b/react/features/toolbox/components/native/LinkToSalesforceButton.ts
@@ -0,0 +1,48 @@
+import { connect } from 'react-redux';
+
+import { createToolbarEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { IReduxState } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { IconCloudUpload } from '../../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import { navigate }
+    from '../../../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
+import { screen } from '../../../mobile/navigation/routes';
+import { isSalesforceEnabled } from '../../../salesforce/functions';
+
+/**
+ * Implementation of a button for opening the Salesforce link dialog.
+ */
+class LinkToSalesforceButton extends AbstractButton<AbstractButtonProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.linkToSalesforce';
+    override icon = IconCloudUpload;
+    override label = 'toolbar.linkToSalesforce';
+
+    /**
+     * Handles clicking / pressing the button, and opens the Salesforce link dialog.
+     *
+     * @protected
+     * @returns {void}
+     */
+    override _handleClick() {
+        sendAnalytics(createToolbarEvent('link.to.salesforce'));
+
+        return navigate(screen.conference.salesforce);
+    }
+}
+
+/**
+ * Function that maps parts of Redux state tree into component props.
+ *
+ * @param {Object} state - Redux state.
+ * @private
+ * @returns {Props}
+ */
+function mapStateToProps(state: IReduxState) {
+    return {
+        visible: isSalesforceEnabled(state)
+    };
+}
+
+export default translate(connect(mapStateToProps)(LinkToSalesforceButton));
diff --git a/react/features/toolbox/components/native/OpenCarmodeButton.tsx b/react/features/toolbox/components/native/OpenCarmodeButton.tsx
new file mode 100644
index 0000000..0b9f72a
--- /dev/null
+++ b/react/features/toolbox/components/native/OpenCarmodeButton.tsx
@@ -0,0 +1,49 @@
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { CAR_MODE_ENABLED } from '../../../base/flags/constants';
+import { getFeatureFlag } from '../../../base/flags/functions';
+import { translate } from '../../../base/i18n/functions';
+import { IconCar } from '../../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import { navigate }
+    from '../../../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
+import { screen } from '../../../mobile/navigation/routes';
+
+/**
+ * Implements an {@link AbstractButton} to open the carmode.
+ */
+class OpenCarmodeButton extends AbstractButton<AbstractButtonProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.carmode';
+    override icon = IconCar;
+    override label = 'carmode.labels.buttonLabel';
+
+    /**
+     * Handles clicking / pressing the button, and opens the carmode mode.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _handleClick() {
+        return navigate(screen.conference.carmode);
+    }
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {IReduxState} state - The Redux state.
+ * @param {AbstractButtonProps} ownProps - The properties explicitly passed to the component instance.
+ * @private
+ * @returns {Object}
+ */
+function _mapStateToProps(state: IReduxState, ownProps: AbstractButtonProps): Object {
+    const enabled = getFeatureFlag(state, CAR_MODE_ENABLED, true);
+    const { visible = enabled } = ownProps;
+
+    return {
+        visible
+    };
+}
+
+export default translate(connect(_mapStateToProps)(OpenCarmodeButton));
diff --git a/react/features/toolbox/components/native/OverflowMenu.tsx b/react/features/toolbox/components/native/OverflowMenu.tsx
new file mode 100644
index 0000000..6677519
--- /dev/null
+++ b/react/features/toolbox/components/native/OverflowMenu.tsx
@@ -0,0 +1,316 @@
+import React, { PureComponent } from 'react';
+import { ViewStyle } from 'react-native';
+import { Divider } from 'react-native-paper';
+import { connect, useSelector } from 'react-redux';
+
+import { IReduxState, IStore } from '../../../app/types';
+import { hideSheet } from '../../../base/dialog/actions';
+import BottomSheet from '../../../base/dialog/components/native/BottomSheet';
+import { bottomSheetStyles } from '../../../base/dialog/components/native/styles';
+import SettingsButton from '../../../base/settings/components/native/SettingsButton';
+import BreakoutRoomsButton
+    from '../../../breakout-rooms/components/native/BreakoutRoomsButton';
+import SharedDocumentButton from '../../../etherpad/components/SharedDocumentButton.native';
+import ReactionMenu from '../../../reactions/components/native/ReactionMenu';
+import { shouldDisplayReactionsButtons } from '../../../reactions/functions.any';
+import LiveStreamButton from '../../../recording/components/LiveStream/native/LiveStreamButton';
+import RecordButton from '../../../recording/components/Recording/native/RecordButton';
+import SecurityDialogButton
+    from '../../../security/components/security-dialog/native/SecurityDialogButton';
+import SharedVideoButton from '../../../shared-video/components/native/SharedVideoButton';
+import { isSharedVideoEnabled } from '../../../shared-video/functions';
+import SpeakerStatsButton from '../../../speaker-stats/components/native/SpeakerStatsButton';
+import { isSpeakerStatsDisabled } from '../../../speaker-stats/functions';
+import ClosedCaptionButton from '../../../subtitles/components/native/ClosedCaptionButton';
+import styles from '../../../video-menu/components/native/styles';
+import { iAmVisitor } from '../../../visitors/functions';
+import WhiteboardButton from '../../../whiteboard/components/native/WhiteboardButton';
+import { customButtonPressed } from '../../actions.native';
+import { getVisibleNativeButtons } from '../../functions.native';
+import { useNativeToolboxButtons } from '../../hooks.native';
+import { IToolboxNativeButton } from '../../types';
+
+import AudioOnlyButton from './AudioOnlyButton';
+import LinkToSalesforceButton from './LinkToSalesforceButton';
+import OpenCarmodeButton from './OpenCarmodeButton';
+import RaiseHandButton from './RaiseHandButton';
+
+
+/**
+ * The type of the React {@code Component} props of {@link OverflowMenu}.
+ */
+interface IProps {
+
+    /**
+     * True if breakout rooms feature is available, false otherwise.
+     */
+    _isBreakoutRoomsSupported?: boolean;
+
+    /**
+     * True if the overflow menu is currently visible, false otherwise.
+     */
+    _isOpen: boolean;
+
+    /**
+     * Whether the shared video is enabled or not.
+     */
+    _isSharedVideoEnabled: boolean;
+
+    /**
+     * Whether or not speaker stats is disable.
+     */
+    _isSpeakerStatsDisabled?: boolean;
+
+    /**
+     * Toolbar buttons.
+     */
+    _mainMenuButtons?: Array<IToolboxNativeButton>;
+
+    /**
+     * Overflow menu buttons.
+     */
+    _overflowMenuButtons?: Array<IToolboxNativeButton>;
+
+    /**
+     * Whether the recoding button should be enabled or not.
+    */
+    _recordingEnabled: boolean;
+
+    /**
+    * Whether or not any reactions buttons should be displayed.
+    */
+    _shouldDisplayReactionsButtons: boolean;
+
+    /**
+     * Used for hiding the dialog when the selection was completed.
+     */
+    dispatch: IStore['dispatch'];
+}
+
+interface IState {
+
+    /**
+     * True if the bottom sheet is scrolled to the top.
+     */
+    scrolledToTop: boolean;
+}
+
+/**
+ * Implements a React {@code Component} with some extra actions in addition to
+ * those in the toolbar.
+ */
+class OverflowMenu extends PureComponent<IProps, IState> {
+    /**
+     * Initializes a new {@code OverflowMenu} instance.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            scrolledToTop: true
+        };
+
+        // Bind event handlers so they are only bound once per instance.
+        this._onCancel = this._onCancel.bind(this);
+        this._renderReactionMenu = this._renderReactionMenu.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const {
+            _isBreakoutRoomsSupported,
+            _isSpeakerStatsDisabled,
+            _isSharedVideoEnabled,
+            dispatch
+        } = this.props;
+
+        const buttonProps = {
+            afterClick: this._onCancel,
+            showLabel: true,
+            styles: bottomSheetStyles.buttons
+        };
+
+        const topButtonProps = {
+            afterClick: this._onCancel,
+            dispatch,
+            showLabel: true,
+            styles: {
+                ...bottomSheetStyles.buttons,
+                style: {
+                    ...bottomSheetStyles.buttons.style,
+                    borderTopLeftRadius: 16,
+                    borderTopRightRadius: 16
+                }
+            }
+        };
+
+        return (
+            <BottomSheet
+                renderFooter = { this._renderReactionMenu }>
+                <Divider style = { styles.divider as ViewStyle } />
+                <OpenCarmodeButton { ...topButtonProps } />
+                <AudioOnlyButton { ...buttonProps } />
+                { this._renderRaiseHandButton(buttonProps) }
+                {/* @ts-ignore */}
+                <SecurityDialogButton { ...buttonProps } />
+                <RecordButton { ...buttonProps } />
+                <LiveStreamButton { ...buttonProps } />
+                <LinkToSalesforceButton { ...buttonProps } />
+                <WhiteboardButton { ...buttonProps } />
+                {/* @ts-ignore */}
+                <Divider style = { styles.divider as ViewStyle } />
+                {_isSharedVideoEnabled && <SharedVideoButton { ...buttonProps } />}
+                { this._renderOverflowMenuButtons(topButtonProps) }
+                {!_isSpeakerStatsDisabled && <SpeakerStatsButton { ...buttonProps } />}
+                {_isBreakoutRoomsSupported && <BreakoutRoomsButton { ...buttonProps } />}
+                {/* @ts-ignore */}
+                <Divider style = { styles.divider as ViewStyle } />
+                <ClosedCaptionButton { ...buttonProps } />
+                <SharedDocumentButton { ...buttonProps } />
+                <SettingsButton { ...buttonProps } />
+            </BottomSheet>
+        );
+    }
+
+    /**
+     * Hides this {@code OverflowMenu}.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onCancel() {
+        this.props.dispatch(hideSheet());
+    }
+
+    /**
+     * Function to render the reaction menu as the footer of the bottom sheet.
+     *
+     * @returns {React.ReactElement}
+     */
+    _renderReactionMenu() {
+        const { _mainMenuButtons, _shouldDisplayReactionsButtons } = this.props;
+
+        // @ts-ignore
+        const isRaiseHandInMainMenu = _mainMenuButtons?.some(item => item.key === 'raisehand');
+
+        if (_shouldDisplayReactionsButtons && !isRaiseHandInMainMenu) {
+            return (
+                <ReactionMenu
+                    onCancel = { this._onCancel }
+                    overflowMenu = { true } />
+            );
+        }
+    }
+
+    /**
+     * Function to render the reaction menu as the footer of the bottom sheet.
+     *
+     * @param {Object} buttonProps - Styling button properties.
+     * @returns {React.ReactElement}
+     */
+    _renderRaiseHandButton(buttonProps: Object) {
+        const { _mainMenuButtons, _shouldDisplayReactionsButtons } = this.props;
+
+        // @ts-ignore
+        const isRaiseHandInMainMenu = _mainMenuButtons?.some(item => item.key === 'raisehand');
+
+        if (!_shouldDisplayReactionsButtons && !isRaiseHandInMainMenu) {
+            return (
+                <RaiseHandButton { ...buttonProps } />
+            );
+        }
+    }
+
+    /**
+     * Function to render the custom buttons for the overflow menu.
+     *
+     * @param {Object} topButtonProps - Styling button properties.
+     * @returns {React.ReactElement}
+     */
+    _renderOverflowMenuButtons(topButtonProps: Object) {
+        const { _overflowMenuButtons, dispatch } = this.props;
+
+        if (!_overflowMenuButtons?.length) {
+            return;
+        }
+
+        return (
+            <>
+                {
+                    _overflowMenuButtons?.map(({ Content, key, text, ...rest }: IToolboxNativeButton) => {
+
+                        if (key === 'raisehand') {
+                            return null;
+                        }
+
+                        return (
+                            <Content
+                                { ...topButtonProps }
+                                { ...rest }
+                                /* eslint-disable react/jsx-no-bind */
+                                handleClick = { () => dispatch(customButtonPressed(key, text)) }
+                                isToolboxButton = { false }
+                                key = { key }
+                                text = { text } />
+                        );
+                    })
+                }
+                <Divider style = { styles.divider as ViewStyle } />
+            </>
+        );
+    }
+}
+
+/**
+ * Function that maps parts of Redux state tree into component props.
+ *
+ * @param {Object} state - Redux state.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const { conference } = state['features/base/conference'];
+
+    return {
+        _isBreakoutRoomsSupported: conference?.getBreakoutRooms()?.isSupported(),
+        _isSharedVideoEnabled: isSharedVideoEnabled(state),
+        _isSpeakerStatsDisabled: isSpeakerStatsDisabled(state),
+        _shouldDisplayReactionsButtons: shouldDisplayReactionsButtons(state)
+    };
+}
+
+export default connect(_mapStateToProps)(props => {
+    const { clientWidth } = useSelector((state: IReduxState) => state['features/base/responsive-ui']);
+    const { customToolbarButtons } = useSelector((state: IReduxState) => state['features/base/config']);
+    const {
+        mainToolbarButtonsThresholds,
+        toolbarButtons
+    } = useSelector((state: IReduxState) => state['features/toolbox']);
+    const _iAmVisitor = useSelector(iAmVisitor);
+
+    const allButtons = useNativeToolboxButtons(customToolbarButtons);
+
+    const { mainMenuButtons, overflowMenuButtons } = getVisibleNativeButtons({
+        allButtons,
+        clientWidth,
+        mainToolbarButtonsThresholds,
+        toolbarButtons,
+        iAmVisitor: _iAmVisitor
+    });
+
+    return (
+        <OverflowMenu
+
+            // @ts-ignore
+            { ... props }
+            _mainMenuButtons = { mainMenuButtons }
+            _overflowMenuButtons = { overflowMenuButtons } />
+    );
+});
diff --git a/react/features/toolbox/components/native/OverflowMenuButton.ts b/react/features/toolbox/components/native/OverflowMenuButton.ts
new file mode 100644
index 0000000..e030ee3
--- /dev/null
+++ b/react/features/toolbox/components/native/OverflowMenuButton.ts
@@ -0,0 +1,50 @@
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { openSheet } from '../../../base/dialog/actions';
+import { OVERFLOW_MENU_ENABLED } from '../../../base/flags/constants';
+import { getFeatureFlag } from '../../../base/flags/functions';
+import { translate } from '../../../base/i18n/functions';
+import { IconDotsHorizontal } from '../../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+
+import OverflowMenu from './OverflowMenu';
+
+/**
+ * An implementation of a button for showing the {@code OverflowMenu}.
+ */
+class OverflowMenuButton extends AbstractButton<AbstractButtonProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.moreActions';
+    override icon = IconDotsHorizontal;
+    override label = 'toolbar.moreActions';
+
+    /**
+     * Handles clicking / pressing this {@code OverflowMenuButton}.
+     *
+     * @protected
+     * @returns {void}
+     */
+    override _handleClick() {
+
+        // @ts-ignore
+        this.props.dispatch(openSheet(OverflowMenu));
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated props for the
+ * {@code OverflowMenuButton} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {Props}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const enabledFlag = getFeatureFlag(state, OVERFLOW_MENU_ENABLED, true);
+
+    return {
+        visible: enabledFlag
+    };
+}
+
+export default translate(connect(_mapStateToProps)(OverflowMenuButton));
diff --git a/react/features/toolbox/components/native/RaiseHandButton.ts b/react/features/toolbox/components/native/RaiseHandButton.ts
new file mode 100644
index 0000000..ef00a82
--- /dev/null
+++ b/react/features/toolbox/components/native/RaiseHandButton.ts
@@ -0,0 +1,99 @@
+import { connect } from 'react-redux';
+
+import { createToolbarEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { IReduxState } from '../../../app/types';
+import { RAISE_HAND_ENABLED } from '../../../base/flags/constants';
+import { getFeatureFlag } from '../../../base/flags/functions';
+import { translate } from '../../../base/i18n/functions';
+import { IconRaiseHand } from '../../../base/icons/svg';
+import { raiseHand } from '../../../base/participants/actions';
+import {
+    getLocalParticipant,
+    hasRaisedHand
+} from '../../../base/participants/functions';
+import { ILocalParticipant } from '../../../base/participants/types';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+
+/**
+ * The type of the React {@code Component} props of {@link RaiseHandButton}.
+ */
+interface IProps extends AbstractButtonProps {
+
+    /**
+     * The local participant.
+     */
+    _localParticipant?: ILocalParticipant;
+
+    /**
+     * Whether the participant raised their hand or not.
+     */
+    _raisedHand: boolean;
+}
+
+/**
+ * An implementation of a button to raise or lower hand.
+ */
+class RaiseHandButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.raiseHand';
+    override icon = IconRaiseHand;
+    override label = 'toolbar.raiseYourHand';
+    override toggledLabel = 'toolbar.lowerYourHand';
+
+    /**
+     * Handles clicking / pressing the button.
+     *
+     * @override
+     * @protected
+     * @returns {void}
+     */
+    override _handleClick() {
+        this._toggleRaisedHand();
+    }
+
+    /**
+     * Indicates whether this button is in toggled state or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    override _isToggled() {
+        return this.props._raisedHand;
+    }
+
+    /**
+     * Toggles the rased hand status of the local participant.
+     *
+     * @returns {void}
+     */
+    _toggleRaisedHand() {
+        const enable = !this.props._raisedHand;
+
+        sendAnalytics(createToolbarEvent('raise.hand', { enable }));
+
+        this.props.dispatch(raiseHand(enable));
+    }
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {Object} ownProps - The properties explicitly passed to the component instance.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState, ownProps: any) {
+    const _localParticipant = getLocalParticipant(state);
+    const enabled = getFeatureFlag(state, RAISE_HAND_ENABLED, true);
+    const { visible = enabled } = ownProps;
+
+    return {
+        _localParticipant,
+        _raisedHand: hasRaisedHand(_localParticipant),
+        visible
+    };
+}
+
+export default translate(connect(_mapStateToProps)(RaiseHandButton));
diff --git a/react/features/toolbox/components/native/ScreenSharingAndroidButton.ts b/react/features/toolbox/components/native/ScreenSharingAndroidButton.ts
new file mode 100644
index 0000000..983ae24
--- /dev/null
+++ b/react/features/toolbox/components/native/ScreenSharingAndroidButton.ts
@@ -0,0 +1,91 @@
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { ANDROID_SCREENSHARING_ENABLED } from '../../../base/flags/constants';
+import { getFeatureFlag } from '../../../base/flags/functions';
+import { translate } from '../../../base/i18n/functions';
+import { IconScreenshare } from '../../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import { toggleScreensharing } from '../../../base/tracks/actions.native';
+import { isLocalVideoTrackDesktop } from '../../../base/tracks/functions.native';
+
+/**
+ * The type of the React {@code Component} props of {@link ScreenSharingAndroidButton}.
+ */
+interface IProps extends AbstractButtonProps {
+
+    /**
+     * True if the button needs to be disabled.
+     */
+    _disabled: boolean;
+
+    /**
+     * Whether video is currently muted or not.
+     */
+    _screensharing: boolean;
+}
+
+/**
+ * An implementation of a button for toggling screen sharing.
+ */
+class ScreenSharingAndroidButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.shareYourScreen';
+    override icon = IconScreenshare;
+    override label = 'toolbar.startScreenSharing';
+    override toggledLabel = 'toolbar.stopScreenSharing';
+
+    /**
+     * Handles clicking / pressing the button.
+     *
+     * @override
+     * @protected
+     * @returns {void}
+     */
+    override _handleClick() {
+        const enable = !this._isToggled();
+
+        this.props.dispatch(toggleScreensharing(enable));
+    }
+
+    /**
+     * Returns a boolean value indicating if this button is disabled or not.
+     *
+     * @protected
+     * @returns {boolean}
+     */
+    _isDisabled() {
+        return this.props._disabled;
+    }
+
+    /**
+     * Indicates whether this button is in toggled state or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    override _isToggled() {
+        return this.props._screensharing;
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated props for the
+ * {@code ToggleCameraButton} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {{
+ *     _screensharing: boolean
+ * }}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const enabled = getFeatureFlag(state, ANDROID_SCREENSHARING_ENABLED, true);
+
+    return {
+        _screensharing: isLocalVideoTrackDesktop(state),
+        visible: enabled
+    };
+}
+
+export default translate(connect(_mapStateToProps)(ScreenSharingAndroidButton));
diff --git a/react/features/toolbox/components/native/ScreenSharingButton.tsx b/react/features/toolbox/components/native/ScreenSharingButton.tsx
new file mode 100644
index 0000000..78cef84
--- /dev/null
+++ b/react/features/toolbox/components/native/ScreenSharingButton.tsx
@@ -0,0 +1,36 @@
+import React from 'react';
+import { Platform } from 'react-native';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { isDesktopShareButtonDisabled } from '../../functions.native';
+
+import ScreenSharingAndroidButton from './ScreenSharingAndroidButton';
+import ScreenSharingIosButton from './ScreenSharingIosButton';
+
+const ScreenSharingButton = (props: any) => (
+    <>
+        {Platform.OS === 'android'
+            && <ScreenSharingAndroidButton { ...props } />
+        }
+        {Platform.OS === 'ios'
+            && <ScreenSharingIosButton { ...props } />
+        }
+    </>
+);
+
+/**
+ * Maps (parts of) the redux state to the associated props for the
+ * {@code ScreenSharingButton} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {Object}
+ */
+function _mapStateToProps(state: IReduxState) {
+    return {
+        _disabled: isDesktopShareButtonDisabled(state)
+    };
+}
+
+export default connect(_mapStateToProps)(ScreenSharingButton);
diff --git a/react/features/toolbox/components/native/ScreenSharingIosButton.tsx b/react/features/toolbox/components/native/ScreenSharingIosButton.tsx
new file mode 100644
index 0000000..3e2e7ba
--- /dev/null
+++ b/react/features/toolbox/components/native/ScreenSharingIosButton.tsx
@@ -0,0 +1,148 @@
+import React from 'react';
+import { NativeModules, Platform, findNodeHandle } from 'react-native';
+import { ScreenCapturePickerView } from 'react-native-webrtc';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { IOS_SCREENSHARING_ENABLED } from '../../../base/flags/constants';
+import { getFeatureFlag } from '../../../base/flags/functions';
+import { translate } from '../../../base/i18n/functions';
+import { IconScreenshare } from '../../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import { isLocalVideoTrackDesktop } from '../../../base/tracks/functions.native';
+
+/**
+ * The type of the React {@code Component} props of {@link ScreenSharingIosButton}.
+ */
+interface IProps extends AbstractButtonProps {
+
+    /**
+     * True if the button needs to be disabled.
+     */
+    _disabled: boolean;
+
+    /**
+     * Whether video is currently muted or not.
+     */
+    _screensharing: boolean;
+}
+
+const styles = {
+    screenCapturePickerView: {
+        display: 'none'
+    }
+};
+
+/**
+ * An implementation of a button for toggling screen sharing on iOS.
+ */
+class ScreenSharingIosButton extends AbstractButton<IProps> {
+    _nativeComponent: React.Component<any, any> | null;
+
+    override accessibilityLabel = 'toolbar.accessibilityLabel.shareYourScreen';
+    override icon = IconScreenshare;
+    override label = 'toolbar.startScreenSharing';
+    override toggledLabel = 'toolbar.stopScreenSharing';
+
+    /**
+   * Initializes a new {@code ScreenSharingIosButton} instance.
+   *
+   * @param {Object} props - The React {@code Component} props to initialize
+   * the new {@code ScreenSharingIosButton} instance with.
+   */
+    constructor(props: IProps) {
+        super(props);
+
+        this._nativeComponent = null;
+
+        // Bind event handlers so they are only bound once per instance.
+        this._setNativeComponent = this._setNativeComponent.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {React$Node}
+     */
+    override render() {
+        return (
+            <>
+                { super.render() }
+                <ScreenCapturePickerView
+                    ref = { this._setNativeComponent } // @ts-ignore
+                    style = { styles.screenCapturePickerView } />
+            </>
+        );
+    }
+
+    /**
+    * Sets the internal reference to the React Component wrapping the
+    * {@code RPSystemBroadcastPickerView} component.
+    *
+    * @param {ReactComponent} component - React Component.
+    * @returns {void}
+    */
+    _setNativeComponent(component: React.Component<any, any> | null) {
+        this._nativeComponent = component;
+    }
+
+    /**
+   * Handles clicking / pressing the button.
+   *
+   * @override
+   * @protected
+   * @returns {void}
+   */
+    override _handleClick() {
+        const handle = findNodeHandle(this._nativeComponent);
+
+        NativeModules.ScreenCapturePickerViewManager.show(handle);
+    }
+
+    /**
+   * Returns a boolean value indicating if this button is disabled or not.
+   *
+   * @protected
+   * @returns {boolean}
+   */
+    _isDisabled() {
+        return this.props._disabled;
+    }
+
+    /**
+   * Indicates whether this button is in toggled state or not.
+   *
+   * @override
+   * @protected
+   * @returns {boolean}
+   */
+    override _isToggled() {
+        return this.props._screensharing;
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated props for the
+ * {@code ScreenSharingIosButton} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {{
+ *     _disabled: boolean,
+ * }}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const enabled = getFeatureFlag(state, IOS_SCREENSHARING_ENABLED, false);
+
+    return {
+        _screensharing: isLocalVideoTrackDesktop(state),
+
+        // TODO: this should work on iOS 12 too, but our trick to show the picker doesn't work.
+        visible: enabled
+            && Platform.OS === 'ios'
+            && Number.parseInt(Platform.Version.split('.')[0], 10) >= 14
+    };
+}
+
+export default translate(connect(_mapStateToProps)(ScreenSharingIosButton));
diff --git a/react/features/toolbox/components/native/ToggleCameraButton.ts b/react/features/toolbox/components/native/ToggleCameraButton.ts
new file mode 100644
index 0000000..6275ed2
--- /dev/null
+++ b/react/features/toolbox/components/native/ToggleCameraButton.ts
@@ -0,0 +1,79 @@
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { IconCameraRefresh } from '../../../base/icons/svg';
+import { toggleCameraFacingMode } from '../../../base/media/actions';
+import { MEDIA_TYPE } from '../../../base/media/constants';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import { isLocalTrackMuted } from '../../../base/tracks/functions.native';
+
+/**
+ * The type of the React {@code Component} props of {@link ToggleCameraButton}.
+ */
+interface IProps extends AbstractButtonProps {
+
+    /**
+     * Whether the current conference is in audio only mode or not.
+     */
+    _audioOnly: boolean;
+
+    /**
+     * Whether video is currently muted or not.
+     */
+    _videoMuted: boolean;
+}
+
+/**
+ * An implementation of a button for toggling the camera facing mode.
+ */
+class ToggleCameraButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.toggleCamera';
+    override icon = IconCameraRefresh;
+    override label = 'toolbar.toggleCamera';
+
+    /**
+     * Handles clicking / pressing the button.
+     *
+     * @override
+     * @protected
+     * @returns {void}
+     */
+    override _handleClick() {
+        this.props.dispatch(toggleCameraFacingMode());
+    }
+
+    /**
+     * Indicates whether this button is disabled or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    _isDisabled() {
+        return this.props._audioOnly || this.props._videoMuted;
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated props for the
+ * {@code ToggleCameraButton} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {{
+ *     _audioOnly: boolean,
+ *     _videoMuted: boolean
+ * }}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const { enabled: audioOnly } = state['features/base/audio-only'];
+    const tracks = state['features/base/tracks'];
+
+    return {
+        _audioOnly: Boolean(audioOnly),
+        _videoMuted: isLocalTrackMuted(tracks, MEDIA_TYPE.VIDEO)
+    };
+}
+
+export default translate(connect(_mapStateToProps)(ToggleCameraButton));
diff --git a/react/features/toolbox/components/native/ToggleSelfViewButton.ts b/react/features/toolbox/components/native/ToggleSelfViewButton.ts
new file mode 100644
index 0000000..af31619
--- /dev/null
+++ b/react/features/toolbox/components/native/ToggleSelfViewButton.ts
@@ -0,0 +1,74 @@
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { IconAudioOnlyOff } from '../../../base/icons/svg';
+import { updateSettings } from '../../../base/settings/actions';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+
+/**
+ * The type of the React {@code Component} props of {@link ToggleSelfViewButton}.
+ */
+interface IProps extends AbstractButtonProps {
+
+    /**
+     * Whether the self view is disabled or not.
+     */
+    _disableSelfView: boolean;
+}
+
+/**
+ * An implementation of a button for toggling the self view.
+ */
+class ToggleSelfViewButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.selfView';
+    override icon = IconAudioOnlyOff;
+    override label = 'videothumbnail.hideSelfView';
+    override toggledLabel = 'videothumbnail.showSelfView';
+
+    /**
+     * Handles clicking / pressing the button.
+     *
+     * @override
+     * @protected
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { _disableSelfView, dispatch } = this.props;
+
+        dispatch(updateSettings({
+            disableSelfView: !_disableSelfView
+        }));
+    }
+
+    /**
+     * Indicates whether this button is in toggled state or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    override _isToggled() {
+        return this.props._disableSelfView;
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated props for the
+ * {@code ToggleSelfViewButton} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {{
+ *     _disableSelfView: boolean
+ * }}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const { disableSelfView } = state['features/base/settings'];
+
+    return {
+        _disableSelfView: Boolean(disableSelfView)
+    };
+}
+
+export default translate(connect(_mapStateToProps)(ToggleSelfViewButton));
diff --git a/react/features/toolbox/components/native/Toolbox.tsx b/react/features/toolbox/components/native/Toolbox.tsx
new file mode 100644
index 0000000..0249400
--- /dev/null
+++ b/react/features/toolbox/components/native/Toolbox.tsx
@@ -0,0 +1,146 @@
+import React from 'react';
+import { View, ViewStyle } from 'react-native';
+import { Edge, SafeAreaView } from 'react-native-safe-area-context';
+import { connect, useSelector } from 'react-redux';
+
+import { IReduxState, IStore } from '../../../app/types';
+import ColorSchemeRegistry from '../../../base/color-scheme/ColorSchemeRegistry';
+import Platform from '../../../base/react/Platform.native';
+import { iAmVisitor } from '../../../visitors/functions';
+import { customButtonPressed } from '../../actions.native';
+import { getVisibleNativeButtons, isToolboxVisible } from '../../functions.native';
+import { useNativeToolboxButtons } from '../../hooks.native';
+import { IToolboxNativeButton } from '../../types';
+
+import styles from './styles';
+
+/**
+ * The type of {@link Toolbox}'s React {@code Component} props.
+ */
+interface IProps {
+
+    /**
+     * Whether we are in visitors mode.
+     */
+    _iAmVisitor: boolean;
+
+    /**
+     * The color-schemed stylesheet of the feature.
+     */
+    _styles: any;
+
+    /**
+     * The indicator which determines whether the toolbox is visible.
+     */
+    _visible: boolean;
+
+    /**
+     * Redux store dispatch method.
+     */
+    dispatch: IStore['dispatch'];
+}
+
+/**
+ * Implements the conference Toolbox on React Native.
+ *
+ * @param {Object} props - The props of the component.
+ * @returns {React$Element}
+ */
+function Toolbox(props: IProps) {
+    const {
+        _iAmVisitor,
+        _styles,
+        _visible,
+        dispatch
+    } = props;
+
+    if (!_visible) {
+        return null;
+    }
+
+    const { clientWidth } = useSelector((state: IReduxState) => state['features/base/responsive-ui']);
+    const { customToolbarButtons } = useSelector((state: IReduxState) => state['features/base/config']);
+    const toolbarBackgroundColor = useSelector((state: IReduxState) => state['features/base/config'].toolbarConfig?.backgroundColor);
+    const {
+        mainToolbarButtonsThresholds,
+        toolbarButtons
+    } = useSelector((state: IReduxState) => state['features/toolbox']);
+
+    const allButtons = useNativeToolboxButtons(customToolbarButtons);
+
+    const { mainMenuButtons } = getVisibleNativeButtons({
+        allButtons,
+        clientWidth,
+        iAmVisitor: _iAmVisitor,
+        mainToolbarButtonsThresholds,
+        toolbarButtons
+    });
+
+    const bottomEdge = Platform.OS === 'ios' && _visible;
+    const { buttonStylesBorderless, hangupButtonStyles } = _styles;
+    const style = { ...styles.toolbox };
+
+    // Allow overriding the toolbox background color from config (configOverwrite/overwriteConfig).
+    if (toolbarBackgroundColor) {
+        style.backgroundColor = toolbarBackgroundColor as any;
+    }
+
+    // We have only hangup and raisehand button in _iAmVisitor mode
+    if (_iAmVisitor) {
+        style.justifyContent = 'center';
+    }
+
+    const renderToolboxButtons = () => {
+        if (!mainMenuButtons?.length) {
+            return;
+        }
+
+        return (
+            <>
+                {
+                    mainMenuButtons?.map(({ Content, key, text, ...rest }: IToolboxNativeButton) => (
+                        <Content
+                            { ...rest }
+                            /* eslint-disable react/jsx-no-bind */
+                            handleClick = { () => dispatch(customButtonPressed(key, text)) }
+                            isToolboxButton = { true }
+                            key = { key }
+                            styles = { key === 'hangup' ? hangupButtonStyles : buttonStylesBorderless } />
+                    ))
+                }
+            </>
+        );
+    };
+
+    return (
+        <View
+            style = { styles.toolboxContainer as ViewStyle }>
+            <SafeAreaView
+                accessibilityRole = 'toolbar'
+                edges = { [ bottomEdge && 'bottom' ].filter(Boolean) as Edge[] }
+                pointerEvents = 'box-none'
+                style = { style as ViewStyle }>
+                { renderToolboxButtons() }
+            </SafeAreaView>
+        </View>
+    );
+}
+
+/**
+ * Maps parts of the redux state to {@link Toolbox} (React {@code Component})
+ * props.
+ *
+ * @param {Object} state - The redux state of which parts are to be mapped to
+ * {@code Toolbox} props.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    return {
+        _iAmVisitor: iAmVisitor(state),
+        _styles: ColorSchemeRegistry.get(state, 'Toolbox'),
+        _visible: isToolboxVisible(state),
+    };
+}
+
+export default connect(_mapStateToProps)(Toolbox);
diff --git a/react/features/toolbox/components/native/VideoMuteButton.tsx b/react/features/toolbox/components/native/VideoMuteButton.tsx
new file mode 100644
index 0000000..9b92b0e
--- /dev/null
+++ b/react/features/toolbox/components/native/VideoMuteButton.tsx
@@ -0,0 +1,7 @@
+import { connect } from 'react-redux';
+
+import { translate } from '../../../base/i18n/functions';
+import AbstractVideoMuteButton, { IProps, mapStateToProps } from '../AbstractVideoMuteButton';
+
+
+export default translate(connect(mapStateToProps)(AbstractVideoMuteButton<IProps>));
diff --git a/react/features/toolbox/components/native/styles.ts b/react/features/toolbox/components/native/styles.ts
new file mode 100644
index 0000000..295ac54
--- /dev/null
+++ b/react/features/toolbox/components/native/styles.ts
@@ -0,0 +1,216 @@
+import ColorSchemeRegistry from '../../../base/color-scheme/ColorSchemeRegistry';
+import { schemeColor } from '../../../base/color-scheme/functions';
+import BaseTheme from '../../../base/ui/components/BaseTheme.native';
+
+const BUTTON_SIZE = 48;
+
+// Toolbox, toolbar:
+
+/**
+ * The style of toolbar buttons.
+ */
+const toolbarButton = {
+    borderRadius: BaseTheme.shape.borderRadius,
+    borderWidth: 0,
+    flex: 0,
+    flexDirection: 'row',
+    height: BUTTON_SIZE,
+    justifyContent: 'center',
+    marginHorizontal: 6,
+    marginVertical: 6,
+    width: BUTTON_SIZE
+};
+
+/**
+ * The icon style of the toolbar buttons.
+ */
+const toolbarButtonIcon = {
+    alignSelf: 'center',
+    color: BaseTheme.palette.icon04,
+    fontSize: 24
+};
+
+
+/**
+ * The icon style of toolbar buttons which display white icons.
+ */
+const whiteToolbarButtonIcon = {
+    ...toolbarButtonIcon,
+    color: BaseTheme.palette.icon01
+};
+
+/**
+ * The style of reaction buttons.
+ */
+const reactionButton = {
+    ...toolbarButton,
+    backgroundColor: 'transparent',
+    alignItems: 'center',
+    marginTop: 0,
+    marginHorizontal: 0
+};
+
+const gifButton = {
+    ...reactionButton,
+    backgroundColor: '#000'
+};
+
+/**
+ * The style of the emoji on the reaction buttons.
+ */
+const reactionEmoji = {
+    fontSize: 20,
+    color: BaseTheme.palette.icon01
+};
+
+const reactionMenu = {
+    flexDirection: 'column',
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: BaseTheme.palette.ui01
+};
+
+/**
+ * The Toolbox and toolbar related styles.
+ */
+const styles = {
+
+    sheetGestureRecognizer: {
+        alignItems: 'stretch',
+        flexDirection: 'column'
+    },
+
+    /**
+     * The style of the toolbar.
+     */
+    toolbox: {
+        alignItems: 'center',
+        backgroundColor: BaseTheme.palette.uiBackground,
+        borderTopLeftRadius: 3,
+        borderTopRightRadius: 3,
+        flexDirection: 'row',
+        justifyContent: 'space-between'
+    },
+
+    /**
+     * The style of the root/top-level container of {@link Toolbox}.
+     */
+    toolboxContainer: {
+        backgroundColor: BaseTheme.palette.uiBackground,
+        flexDirection: 'column',
+        maxWidth: 580,
+        marginHorizontal: 'auto',
+        marginVertical: BaseTheme.spacing[0],
+        paddingHorizontal: BaseTheme.spacing[2],
+        width: '100%'
+    },
+
+    toolboxButtonIconContainer: {
+        alignItems: 'center',
+        borderRadius: BaseTheme.shape.borderRadius,
+        height: BaseTheme.spacing[7],
+        justifyContent: 'center',
+        width: BaseTheme.spacing[7]
+    }
+};
+
+export default styles;
+
+/**
+ * Color schemed styles for the @{Toolbox} component.
+ */
+ColorSchemeRegistry.register('Toolbox', {
+    /**
+     * Styles for buttons in the toolbar.
+     */
+    buttonStyles: {
+        iconStyle: toolbarButtonIcon,
+        style: toolbarButton
+    },
+
+    buttonStylesBorderless: {
+        iconStyle: whiteToolbarButtonIcon,
+        style: {
+            ...toolbarButton,
+            backgroundColor: 'transparent'
+        },
+        underlayColor: 'transparent'
+    },
+
+    backgroundToggle: {
+        backgroundColor: BaseTheme.palette.ui04
+    },
+
+    hangupMenuContainer: {
+        marginHorizontal: BaseTheme.spacing[2],
+        marginVertical: BaseTheme.spacing[2]
+    },
+
+    hangupButton: {
+        flex: 1,
+        marginHorizontal: BaseTheme.spacing[2],
+        marginVertical: BaseTheme.spacing[2]
+    },
+
+    hangupButtonStyles: {
+        iconStyle: whiteToolbarButtonIcon,
+        style: {
+            ...toolbarButton,
+            backgroundColor: schemeColor('hangup')
+        },
+        underlayColor: BaseTheme.palette.ui04
+    },
+
+    reactionDialog: {
+        position: 'absolute',
+        width: '100%',
+        height: '100%',
+        backgroundColor: 'transparent'
+    },
+
+    overflowReactionMenu: {
+        ...reactionMenu,
+        padding: BaseTheme.spacing[3]
+    },
+
+    reactionMenu: {
+        ...reactionMenu,
+        paddingHorizontal: BaseTheme.spacing[3],
+        borderRadius: 3,
+        width: 360
+    },
+
+    reactionRow: {
+        alignItems: 'center',
+        flexDirection: 'row',
+        justifyContent: 'space-between'
+    },
+
+    reactionButton: {
+        gifButton,
+        style: reactionButton,
+        underlayColor: BaseTheme.palette.ui04,
+        emoji: reactionEmoji
+    },
+
+    emojiAnimation: {
+        color: BaseTheme.palette.icon01,
+        position: 'absolute',
+        zIndex: 1001,
+        elevation: 2,
+        fontSize: 20,
+        left: '50%',
+        top: '100%'
+    },
+
+    /**
+     * Styles for toggled buttons in the toolbar.
+     */
+    toggledButtonStyles: {
+        iconStyle: whiteToolbarButtonIcon,
+        style: {
+            ...toolbarButton
+        },
+        underlayColor: 'transparent'
+    }
+});
diff --git a/react/features/toolbox/components/web/AudioMuteButton.tsx b/react/features/toolbox/components/web/AudioMuteButton.tsx
new file mode 100644
index 0000000..1511fc7
--- /dev/null
+++ b/react/features/toolbox/components/web/AudioMuteButton.tsx
@@ -0,0 +1,205 @@
+import React, { ReactElement } from 'react';
+import { connect } from 'react-redux';
+import { withStyles } from 'tss-react/mui';
+
+import { ACTION_SHORTCUT_TRIGGERED, AUDIO_MUTE, createShortcutEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { IReduxState } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { IGUMPendingState } from '../../../base/media/types';
+import AbstractButton from '../../../base/toolbox/components/AbstractButton';
+import Spinner from '../../../base/ui/components/web/Spinner';
+import { registerShortcut, unregisterShortcut } from '../../../keyboard-shortcuts/actions';
+import { SPINNER_COLOR } from '../../constants';
+import AbstractAudioMuteButton, {
+    IProps as AbstractAudioMuteButtonProps,
+    mapStateToProps as abstractMapStateToProps
+} from '../AbstractAudioMuteButton';
+
+const styles = () => {
+    return {
+        pendingContainer: {
+            position: 'absolute' as const,
+            bottom: '3px',
+            right: '3px'
+        }
+    };
+};
+
+/**
+ * The type of the React {@code Component} props of {@link AudioMuteButton}.
+ */
+interface IProps extends AbstractAudioMuteButtonProps {
+
+    /**
+   * The gumPending state from redux.
+   */
+    _gumPending: IGUMPendingState;
+
+    /**
+   * An object containing the CSS classes.
+   */
+    classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
+
+}
+
+/**
+ * Component that renders a toolbar button for toggling audio mute.
+ *
+ * @augments AbstractAudioMuteButton
+ */
+class AudioMuteButton extends AbstractAudioMuteButton<IProps> {
+
+    /**
+     * Initializes a new {@code AudioMuteButton} instance.
+     *
+     * @param {IProps} props - The read-only React {@code Component} props with
+     * which the new instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handlers so they are only bound once per instance.
+        this._onKeyboardShortcut = this._onKeyboardShortcut.bind(this);
+        this._getTooltip = this._getLabel;
+    }
+
+    /**
+     * Registers the keyboard shortcut that toggles the audio muting.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidMount() {
+        this.props.dispatch(registerShortcut({
+            character: 'M',
+            helpDescription: 'keyboardShortcuts.mute',
+            handler: this._onKeyboardShortcut
+        }));
+    }
+
+    /**
+     * Unregisters the keyboard shortcut that toggles the audio muting.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentWillUnmount() {
+        this.props.dispatch(unregisterShortcut('M'));
+    }
+
+    /**
+     * Gets the current accessibility label, taking the toggled and GUM pending state into account. If no toggled label
+     * is provided, the regular accessibility label will also be used in the toggled state.
+     *
+     * The accessibility label is not visible in the UI, it is meant to be used by assistive technologies, mainly screen
+     * readers.
+     *
+     * @private
+     * @returns {string}
+     */
+    override _getAccessibilityLabel() {
+        const { _gumPending } = this.props;
+
+        if (_gumPending === IGUMPendingState.NONE) {
+            return super._getAccessibilityLabel();
+        }
+
+        return 'toolbar.accessibilityLabel.muteGUMPending';
+    }
+
+    /**
+     * Gets the current label, taking the toggled and GUM pending state into account. If no
+     * toggled label is provided, the regular label will also be used in the toggled state.
+     *
+     * @private
+     * @returns {string}
+     */
+    override _getLabel() {
+        const { _gumPending } = this.props;
+
+        if (_gumPending === IGUMPendingState.NONE) {
+            return super._getLabel();
+        }
+
+        return 'toolbar.muteGUMPending';
+    }
+
+    /**
+     * Indicates if audio is currently muted or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    override _isAudioMuted() {
+        if (this.props._gumPending === IGUMPendingState.PENDING_UNMUTE) {
+            return false;
+        }
+
+        return super._isAudioMuted();
+    }
+
+    /**
+     * Creates an analytics keyboard shortcut event and dispatches an action to
+     * toggle the audio muting.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onKeyboardShortcut() {
+        // Ignore keyboard shortcuts if the audio button is disabled.
+        if (this._isDisabled()) {
+            return;
+        }
+
+        sendAnalytics(
+            createShortcutEvent(
+                AUDIO_MUTE,
+                ACTION_SHORTCUT_TRIGGERED,
+                { enable: !this._isAudioMuted() }));
+
+        AbstractButton.prototype._onClick.call(this);
+    }
+
+    /**
+     * Returns a spinner if there is pending GUM.
+     *
+     * @returns {ReactElement | null}
+     */
+    override _getElementAfter(): ReactElement | null {
+        const { _gumPending } = this.props;
+        const classes = withStyles.getClasses(this.props);
+
+        return _gumPending === IGUMPendingState.NONE ? null
+            : (
+                <div className = { classes.pendingContainer }>
+                    <Spinner
+                        color = { SPINNER_COLOR }
+                        size = 'small' />
+                </div>
+            );
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated props for the
+ * {@code AudioMuteButton} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {{
+ *     _audioMuted: boolean,
+ *     _disabled: boolean
+ * }}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const { gumPending } = state['features/base/media'].audio;
+
+    return {
+        ...abstractMapStateToProps(state),
+        _gumPending: gumPending
+    };
+}
+
+export default withStyles(translate(connect(_mapStateToProps)(AudioMuteButton)), styles);
diff --git a/react/features/toolbox/components/web/AudioSettingsButton.tsx b/react/features/toolbox/components/web/AudioSettingsButton.tsx
new file mode 100644
index 0000000..ebf7751
--- /dev/null
+++ b/react/features/toolbox/components/web/AudioSettingsButton.tsx
@@ -0,0 +1,180 @@
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { isMobileBrowser } from '../../../base/environment/utils';
+import { translate } from '../../../base/i18n/functions';
+import { IconArrowUp } from '../../../base/icons/svg';
+import JitsiMeetJS from '../../../base/lib-jitsi-meet/_';
+import { IGUMPendingState } from '../../../base/media/types';
+import ToolboxButtonWithIcon from '../../../base/toolbox/components/web/ToolboxButtonWithIcon';
+import { toggleAudioSettings } from '../../../settings/actions.web';
+import AudioSettingsPopup from '../../../settings/components/web/audio/AudioSettingsPopup';
+import { getAudioSettingsVisibility } from '../../../settings/functions.web';
+import { isAudioSettingsButtonDisabled } from '../../functions.web';
+
+import AudioMuteButton from './AudioMuteButton';
+
+interface IProps extends WithTranslation {
+
+    /**
+     * The button's key.
+     */
+    buttonKey?: string;
+
+    /**
+     * The gumPending state from redux.
+     */
+    gumPending: IGUMPendingState;
+
+    /**
+     * External handler for click action.
+     */
+    handleClick: Function;
+
+    /**
+     * Indicates whether audio permissions have been granted or denied.
+     */
+    hasPermissions: boolean;
+
+    /**
+     * If the button should be disabled.
+     */
+    isDisabled: boolean;
+
+    /**
+     * Defines is popup is open.
+     */
+    isOpen: boolean;
+
+    /**
+     * Notify mode for `toolbarButtonClicked` event -
+     * whether to only notify or to also prevent button click routine.
+     */
+    notifyMode?: string;
+
+    /**
+     * Click handler for the small icon. Opens audio options.
+     */
+    onAudioOptionsClick: Function;
+
+    /**
+     * Flag controlling the visibility of the button.
+     * AudioSettings popup is disabled on mobile browsers.
+     */
+    visible: boolean;
+}
+
+/**
+ * Button used for audio & audio settings.
+ *
+ * @returns {ReactElement}
+ */
+class AudioSettingsButton extends Component<IProps> {
+    /**
+     * Initializes a new {@code AudioSettingsButton} instance.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._onEscClick = this._onEscClick.bind(this);
+        this._onClick = this._onClick.bind(this);
+    }
+
+    /**
+     * Click handler for the more actions entries.
+     *
+     * @param {KeyboardEvent} event - Esc key click to close the popup.
+     * @returns {void}
+     */
+    _onEscClick(event: React.KeyboardEvent) {
+        if (event.key === 'Escape' && this.props.isOpen) {
+            event.preventDefault();
+            event.stopPropagation();
+            this._onClick();
+        }
+    }
+
+    /**
+     * Click handler for the more actions entries.
+     *
+     * @param {MouseEvent} e - Mouse event.
+     * @returns {void}
+     */
+    _onClick(e?: React.MouseEvent) {
+        const { onAudioOptionsClick, isOpen } = this.props;
+
+        if (isOpen) {
+            e?.stopPropagation();
+        }
+        onAudioOptionsClick();
+    }
+
+    /**
+     * Implements React's {@link Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { gumPending, hasPermissions, isDisabled, visible, isOpen, buttonKey, notifyMode, t } = this.props;
+        const settingsDisabled = !hasPermissions
+            || isDisabled
+            || !JitsiMeetJS.mediaDevices.isMultipleAudioInputSupported();
+
+        return visible ? (
+            <AudioSettingsPopup>
+                <ToolboxButtonWithIcon
+                    ariaControls = 'audio-settings-dialog'
+                    ariaExpanded = { isOpen }
+                    ariaHasPopup = { true }
+                    ariaLabel = { t('toolbar.audioSettings') }
+                    buttonKey = { buttonKey }
+                    icon = { IconArrowUp }
+                    iconDisabled = { settingsDisabled || gumPending !== IGUMPendingState.NONE }
+                    iconId = 'audio-settings-button'
+                    iconTooltip = { t('toolbar.audioSettings') }
+                    notifyMode = { notifyMode }
+                    onIconClick = { this._onClick }
+                    onIconKeyDown = { this._onEscClick }>
+                    <AudioMuteButton
+                        buttonKey = { buttonKey }
+                        notifyMode = { notifyMode } />
+                </ToolboxButtonWithIcon>
+            </AudioSettingsPopup>
+        ) : <AudioMuteButton
+            buttonKey = { buttonKey }
+            notifyMode = { notifyMode } />;
+    }
+}
+
+/**
+ * Function that maps parts of Redux state tree into component props.
+ *
+ * @param {Object} state - Redux state.
+ * @returns {Object}
+ */
+function mapStateToProps(state: IReduxState) {
+    const { permissions = { audio: false } } = state['features/base/devices'];
+    const { isNarrowLayout } = state['features/base/responsive-ui'];
+    const { gumPending } = state['features/base/media'].audio;
+
+    return {
+        gumPending,
+        hasPermissions: permissions.audio,
+        isDisabled: Boolean(isAudioSettingsButtonDisabled(state)),
+        isOpen: Boolean(getAudioSettingsVisibility(state)),
+        visible: !isMobileBrowser() && !isNarrowLayout
+    };
+}
+
+const mapDispatchToProps = {
+    onAudioOptionsClick: toggleAudioSettings
+};
+
+export default translate(connect(
+    mapStateToProps,
+    mapDispatchToProps
+)(AudioSettingsButton));
diff --git a/react/features/toolbox/components/web/CustomOptionButton.tsx b/react/features/toolbox/components/web/CustomOptionButton.tsx
new file mode 100644
index 0000000..47ade12
--- /dev/null
+++ b/react/features/toolbox/components/web/CustomOptionButton.tsx
@@ -0,0 +1,40 @@
+import React from 'react';
+
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+
+
+interface IProps extends AbstractButtonProps {
+    backgroundColor?: string;
+    icon: string;
+    id?: string;
+    text: string;
+}
+
+/**
+ * Component that renders a custom toolbox button.
+ *
+ * @returns {Component}
+ */
+class CustomOptionButton extends AbstractButton<IProps> {
+    iconSrc = this.props.icon;
+    id = this.props.id;
+    text = this.props.text;
+    override backgroundColor = this.props.backgroundColor;
+
+    override accessibilityLabel = this.text;
+
+    /**
+     * Custom icon component.
+     *
+     * @param {any} props - Icon's props.
+     * @returns {img}
+     */
+    override icon = (props: any) => (<img
+        src = { this.iconSrc }
+        { ...props } />);
+
+    override label = this.text;
+    override tooltip = this.text;
+}
+
+export default CustomOptionButton;
diff --git a/react/features/toolbox/components/web/DialogPortal.ts b/react/features/toolbox/components/web/DialogPortal.ts
new file mode 100644
index 0000000..1c9f576
--- /dev/null
+++ b/react/features/toolbox/components/web/DialogPortal.ts
@@ -0,0 +1,126 @@
+import { ReactNode, useEffect, useRef, useState } from 'react';
+import ReactDOM from 'react-dom';
+import { useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { debounce } from '../../../base/config/functions.any';
+import { ZINDEX_DIALOG_PORTAL } from '../../constants';
+
+interface IProps {
+
+    /**
+    * The component(s) to be displayed within the drawer portal.
+    */
+    children: ReactNode;
+
+    /**
+     * Custom class name to apply on the container div.
+     */
+    className?: string;
+
+    /**
+     * Function used to get the reference to the container div.
+     */
+    getRef?: Function;
+
+    /**
+     * Function called when the portal target becomes actually visible.
+     */
+    onVisible?: Function;
+
+    /**
+     * Function used to get the updated size info of the container on it's resize.
+     */
+    setSize?: Function;
+
+    /**
+     * Custom style to apply to the container div.
+     */
+    style?: any;
+
+    /**
+     * The selector for the element we consider the content container.
+     * This is used to determine the correct size of the portal content.
+     */
+    targetSelector?: string;
+}
+
+/**
+ * Component meant to render a drawer at the bottom of the screen,
+ * by creating a portal containing the component's children.
+ *
+ * @returns {ReactElement}
+ */
+function DialogPortal({ children, className, style, getRef, setSize, targetSelector, onVisible }: IProps) {
+    const videoSpaceWidth = useSelector((state: IReduxState) => state['features/base/responsive-ui'].videoSpaceWidth);
+    const [ portalTarget ] = useState(() => {
+        const portalDiv = document.createElement('div');
+
+        portalDiv.style.visibility = 'hidden';
+
+        return portalDiv;
+    });
+    const timerRef = useRef<number>();
+
+    useEffect(() => {
+        if (style) {
+            for (const styleProp of Object.keys(style)) {
+                const objStyle: any = portalTarget.style;
+
+                objStyle[styleProp] = style[styleProp];
+            }
+        }
+        if (className) {
+            portalTarget.className = className;
+        }
+    }, [ style, className ]);
+
+    useEffect(() => {
+        if (portalTarget && getRef) {
+            getRef(portalTarget);
+            portalTarget.style.zIndex = `${ZINDEX_DIALOG_PORTAL}`;
+        }
+    }, [ portalTarget, getRef ]);
+
+    useEffect(() => {
+        const size = {
+            width: 1,
+            height: 1
+        };
+        const debouncedResizeCallback = debounce((entries: ResizeObserverEntry[]) => {
+            const { contentRect } = entries[0];
+
+            if (contentRect.width !== size.width || contentRect.height !== size.height) {
+                setSize?.(contentRect);
+                clearTimeout(timerRef.current);
+                timerRef.current = window.setTimeout(() => {
+                    portalTarget.style.visibility = 'visible';
+                    onVisible?.();
+                }, 100);
+            }
+        }, 20); // 20ms delay
+
+        // Create and observe ResizeObserver
+        const observer = new ResizeObserver(debouncedResizeCallback);
+        const target = targetSelector ? portalTarget.querySelector(targetSelector) : portalTarget;
+
+        if (document.body) {
+            document.body.appendChild(portalTarget);
+            observer.observe(target ?? portalTarget);
+        }
+
+        return () => {
+            observer.unobserve(target ?? portalTarget);
+            if (document.body) {
+                document.body.removeChild(portalTarget);
+            }
+        };
+    }, [ videoSpaceWidth ]);
+
+    return ReactDOM.createPortal(
+        children,
+        portalTarget
+    );
+}
+
+export default DialogPortal;
diff --git a/react/features/toolbox/components/web/Drawer.tsx b/react/features/toolbox/components/web/Drawer.tsx
new file mode 100644
index 0000000..a3b4cac
--- /dev/null
+++ b/react/features/toolbox/components/web/Drawer.tsx
@@ -0,0 +1,172 @@
+import React, { KeyboardEvent, ReactNode, useCallback } from 'react';
+import { FocusOn } from 'react-focus-on';
+import { makeStyles } from 'tss-react/mui';
+
+import { isElementInTheViewport } from '../../../base/ui/functions.web';
+import { DRAWER_MAX_HEIGHT } from '../../constants';
+
+
+interface IProps {
+
+    /**
+     * The component(s) to be displayed within the drawer menu.
+     */
+    children: ReactNode;
+
+    /**
+     * Class name for custom styles.
+     */
+    className?: string;
+
+    /**
+     * The id of the dom element acting as the Drawer label.
+     */
+    headingId?: string;
+
+    /**
+     * Whether the drawer should be shown or not.
+     */
+    isOpen: boolean;
+
+    /**
+     * Function that hides the drawer.
+     */
+    onClose?: Function;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        drawerMenuContainer: {
+            backgroundColor: 'rgba(0,0,0,0.6)',
+            height: '100dvh',
+            display: 'flex',
+            alignItems: 'flex-end'
+        },
+
+        drawer: {
+            backgroundColor: theme.palette.ui01,
+            maxHeight: `calc(${DRAWER_MAX_HEIGHT})`,
+            borderRadius: '24px 24px 0 0',
+            overflowY: 'auto',
+            marginBottom: 'env(safe-area-inset-bottom, 0)',
+            width: '100%',
+
+            '& .overflow-menu': {
+                margin: 'auto',
+                fontSize: '1.2em',
+                listStyleType: 'none',
+                padding: 0,
+                height: 'calc(80vh - 144px - 64px)',
+                overflowY: 'auto',
+
+                '& .overflow-menu-item': {
+                    boxSizing: 'border-box',
+                    height: '48px',
+                    padding: '12px 16px',
+                    alignItems: 'center',
+                    color: theme.palette.text01,
+                    cursor: 'pointer',
+                    display: 'flex',
+                    fontSize: '1rem',
+
+                    '& div': {
+                        display: 'flex',
+                        flexDirection: 'row',
+                        alignItems: 'center'
+                    },
+
+                    '&.disabled': {
+                        cursor: 'initial',
+                        color: '#3b475c'
+                    }
+                }
+            }
+        }
+    };
+});
+
+/**
+ * Component that displays the mobile friendly drawer on web.
+ *
+ * @returns {ReactElement}
+ */
+function Drawer({
+    children,
+    className = '',
+    headingId,
+    isOpen,
+    onClose
+}: IProps) {
+    const { classes, cx } = useStyles();
+
+    /**
+     * Handles clicks within the menu, preventing the propagation of the click event.
+     *
+     * @param {Object} event - The click event.
+     * @returns {void}
+     */
+    const handleInsideClick = useCallback(event => {
+        event.stopPropagation();
+    }, []);
+
+    /**
+     * Handles clicks outside of the menu, closing it, and also stopping further propagation.
+     *
+     * @param {Object} event - The click event.
+     * @returns {void}
+     */
+    const handleOutsideClick = useCallback(event => {
+        event.stopPropagation();
+        onClose?.();
+    }, [ onClose ]);
+
+    /**
+     * Handles pressing the escape key, closing the drawer.
+     *
+     * @param {KeyboardEvent<HTMLDivElement>} event - The keydown event.
+     * @returns {void}
+     */
+    const handleEscKey = useCallback((event: KeyboardEvent<HTMLDivElement>) => {
+        if (event.key === 'Escape') {
+            event.preventDefault();
+            event.stopPropagation();
+            onClose?.();
+        }
+    }, [ onClose ]);
+
+    return (
+        isOpen ? (
+            <div
+                className = { classes.drawerMenuContainer }
+                onClick = { handleOutsideClick }
+                onKeyDown = { handleEscKey }>
+                <div
+                    className = { cx(classes.drawer, className) }
+                    onClick = { handleInsideClick }>
+                    <FocusOn
+                        returnFocus = {
+
+                            // If we return the focus to an element outside the viewport the page will scroll to
+                            // this element which in our case is undesirable and the element is outside of the
+                            // viewport on purpose (to be hidden). For example if we return the focus to the toolbox
+                            // when it is hidden the whole page will move up in order to show the toolbox. This is
+                            // usually followed up with displaying the toolbox (because now it is on focus) but
+                            // because of the animation the whole scenario looks like jumping large video.
+                            isElementInTheViewport
+                        }>
+                        <div
+                            aria-labelledby = { headingId ? `#${headingId}` : undefined }
+                            aria-modal = { true }
+                            data-autofocus = { true }
+                            role = 'dialog'
+                            tabIndex = { -1 }>
+                            {children}
+                        </div>
+                    </FocusOn>
+                </div>
+            </div>
+        ) : null
+    );
+}
+
+export default Drawer;
diff --git a/react/features/toolbox/components/web/EndConferenceButton.tsx b/react/features/toolbox/components/web/EndConferenceButton.tsx
new file mode 100644
index 0000000..48275ce
--- /dev/null
+++ b/react/features/toolbox/components/web/EndConferenceButton.tsx
@@ -0,0 +1,55 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { endConference } from '../../../base/conference/actions';
+import { isLocalParticipantModerator } from '../../../base/participants/functions';
+import { BUTTON_TYPES } from '../../../base/ui/constants.web';
+import { isInBreakoutRoom } from '../../../breakout-rooms/functions';
+
+import { HangupContextMenuItem } from './HangupContextMenuItem';
+
+/**
+ * The type of the React {@code Component} props of {@link EndConferenceButton}.
+ */
+interface IProps {
+
+    /**
+     * Key to use for toolbarButtonClicked event.
+     */
+    buttonKey: string;
+
+    /**
+     * Notify mode for `toolbarButtonClicked` event -
+     * whether to only notify or to also prevent button click routine.
+     */
+    notifyMode?: string;
+}
+
+
+/**
+ * Button to end the conference for all participants.
+ *
+ * @param {Object} props - Component's props.
+ * @returns {JSX.Element} - The end conference button.
+ */
+export const EndConferenceButton = (props: IProps) => {
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+    const _isLocalParticipantModerator = useSelector(isLocalParticipantModerator);
+    const _isInBreakoutRoom = useSelector(isInBreakoutRoom);
+
+    const onEndConference = useCallback(() => {
+        dispatch(endConference());
+    }, [ dispatch ]);
+
+    return (<>
+        { !_isInBreakoutRoom && _isLocalParticipantModerator && <HangupContextMenuItem
+            accessibilityLabel = { t('toolbar.accessibilityLabel.endConference') }
+            buttonKey = { props.buttonKey }
+            buttonType = { BUTTON_TYPES.DESTRUCTIVE }
+            label = { t('toolbar.endConference') }
+            notifyMode = { props.notifyMode }
+            onClick = { onEndConference } /> }
+    </>);
+};
diff --git a/react/features/toolbox/components/web/FullscreenButton.ts b/react/features/toolbox/components/web/FullscreenButton.ts
new file mode 100644
index 0000000..d585aac
--- /dev/null
+++ b/react/features/toolbox/components/web/FullscreenButton.ts
@@ -0,0 +1,77 @@
+import { connect } from 'react-redux';
+
+import { createToolbarEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { IReduxState } from '../../../app/types';
+import { isIosMobileBrowser } from '../../../base/environment/utils';
+import { translate } from '../../../base/i18n/functions';
+import { IconEnterFullscreen, IconExitFullscreen } from '../../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import { closeOverflowMenuIfOpen, setFullScreen } from '../../actions.web';
+
+interface IProps extends AbstractButtonProps {
+
+    /**
+    * Whether or not the app is currently in full screen.
+    */
+    _fullScreen?: boolean;
+}
+
+/**
+ * Implementation of a button for toggling fullscreen state.
+ */
+class FullscreenButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.enterFullScreen';
+    override toggledAccessibilityLabel = 'toolbar.accessibilityLabel.exitFullScreen';
+    override label = 'toolbar.enterFullScreen';
+    override toggledLabel = 'toolbar.exitFullScreen';
+    override tooltip = 'toolbar.enterFullScreen';
+    override toggledTooltip = 'toolbar.exitFullScreen';
+    override toggledIcon = IconExitFullscreen;
+    override icon = IconEnterFullscreen;
+
+    /**
+     * Indicates whether this button is in toggled state or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    override _isToggled() {
+        return this.props._fullScreen;
+    }
+
+    /**
+    * Handles clicking the button, and toggles fullscreen.
+    *
+    * @private
+    * @returns {void}
+    */
+    override _handleClick() {
+        const { dispatch, _fullScreen } = this.props;
+
+        sendAnalytics(createToolbarEvent(
+            'toggle.fullscreen',
+            {
+                enable: !_fullScreen
+            }));
+        dispatch(closeOverflowMenuIfOpen());
+
+        dispatch(setFullScreen(!_fullScreen));
+    }
+}
+
+/**
+ * Function that maps parts of Redux state tree into component props.
+ *
+ * @param {Object} state - Redux state.
+ * @returns {Object}
+ */
+const mapStateToProps = (state: IReduxState) => {
+    return {
+        _fullScreen: state['features/toolbox'].fullScreen,
+        visible: !isIosMobileBrowser()
+    };
+};
+
+export default translate(connect(mapStateToProps)(FullscreenButton));
diff --git a/react/features/toolbox/components/web/HangupContextMenuItem.tsx b/react/features/toolbox/components/web/HangupContextMenuItem.tsx
new file mode 100644
index 0000000..2237ffe
--- /dev/null
+++ b/react/features/toolbox/components/web/HangupContextMenuItem.tsx
@@ -0,0 +1,73 @@
+import React, { useCallback } from 'react';
+
+import Button from '../../../base/ui/components/web/Button';
+import { NOTIFY_CLICK_MODE } from '../../types';
+
+
+/**
+ * The type of the React {@code Component} props of {@link HangupContextMenuItem}.
+ */
+interface IProps {
+
+    /**
+     * Accessibility label for the button.
+     */
+    accessibilityLabel: string;
+
+    /**
+     * Key to use for toolbarButtonClicked event.
+     */
+    buttonKey: string;
+
+    /**
+     * Type of button to display.
+     */
+    buttonType: string;
+
+    /**
+     * Text associated with the button.
+     */
+    label: string;
+
+    /**
+     * Notify mode for `toolbarButtonClicked` event -
+     * whether to only notify or to also prevent button click routine.
+     */
+    notifyMode?: string;
+
+    /**
+     * Callback that performs the actual hangup action.
+     */
+    onClick: Function;
+}
+
+/**
+ * Implementation of a button to be rendered within Hangup context menu.
+ *
+ * @param {Object} props - Component's props.
+ * @returns {JSX.Element} - Button that would trigger the hangup action.
+ */
+export const HangupContextMenuItem = (props: IProps) => {
+    const shouldNotify = props.notifyMode !== undefined;
+    const shouldPreventExecution = props.notifyMode === NOTIFY_CLICK_MODE.PREVENT_AND_NOTIFY;
+
+    const _onClick = useCallback(() => {
+        if (shouldNotify) {
+            APP.API.notifyToolbarButtonClicked(props.buttonKey, shouldPreventExecution);
+        }
+
+        if (!shouldPreventExecution) {
+            props.onClick();
+        }
+    }, []);
+
+    return (
+        <Button
+            accessibilityLabel = { props.accessibilityLabel }
+            fullWidth = { true }
+            label = { props.label }
+            onClick = { _onClick }
+            type = { props.buttonType } />
+    );
+};
+
diff --git a/react/features/toolbox/components/web/HangupMenuButton.tsx b/react/features/toolbox/components/web/HangupMenuButton.tsx
new file mode 100644
index 0000000..1641ec6
--- /dev/null
+++ b/react/features/toolbox/components/web/HangupMenuButton.tsx
@@ -0,0 +1,134 @@
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+
+import { createToolbarEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { translate } from '../../../base/i18n/functions';
+import Popover from '../../../base/popover/components/Popover.web';
+
+import HangupToggleButton from './HangupToggleButton';
+
+/**
+ * The type of the React {@code Component} props of {@link HangupMenuButton}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * ID of the menu that is controlled by this button.
+     */
+    ariaControls: String;
+
+    /**
+     * A child React Element to display within {@code InlineDialog}.
+     */
+    children: React.ReactNode;
+
+    /**
+     * Whether or not the HangupMenu popover should display.
+     */
+    isOpen: boolean;
+
+    /**
+     * Notify mode for `toolbarButtonClicked` event -
+     * whether to only notify or to also prevent button click routine.
+     */
+    notifyMode?: string;
+
+    /**
+     * Callback to change the visibility of the hangup menu.
+     */
+    onVisibilityChange: Function;
+}
+
+/**
+ * A React {@code Component} for opening or closing the {@code HangupMenu}.
+ *
+ * @augments Component
+ */
+class HangupMenuButton extends Component<IProps> {
+    /**
+     * Initializes a new {@code HangupMenuButton} instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handlers so they are only bound once per instance.
+        this._onCloseDialog = this._onCloseDialog.bind(this);
+        this._toggleDialogVisibility
+            = this._toggleDialogVisibility.bind(this);
+        this._onEscClick = this._onEscClick.bind(this);
+    }
+
+    /**
+     * Click handler for the more actions entries.
+     *
+     * @param {KeyboardEvent} event - Esc key click to close the popup.
+     * @returns {void}
+     */
+    _onEscClick(event: KeyboardEvent) {
+        if (event.key === 'Escape' && this.props.isOpen) {
+            event.preventDefault();
+            event.stopPropagation();
+            this._onCloseDialog();
+        }
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { children, isOpen, t } = this.props;
+
+        return (
+            <div className = 'toolbox-button-wth-dialog context-menu'>
+                <Popover
+                    content = { children }
+                    headingLabel = { t('toolbar.accessibilityLabel.hangup') }
+                    onPopoverClose = { this._onCloseDialog }
+                    position = 'top'
+                    trigger = 'click'
+                    visible = { isOpen }>
+                    <HangupToggleButton
+                        buttonKey = 'hangup-menu'
+                        customClass = 'hangup-menu-button'
+                        handleClick = { this._toggleDialogVisibility }
+                        isOpen = { isOpen }
+                        notifyMode = { this.props.notifyMode }
+                        onKeyDown = { this._onEscClick } />
+                </Popover>
+            </div>
+        );
+    }
+
+    /**
+     * Callback invoked when {@code InlineDialog} signals that it should be
+     * close.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onCloseDialog() {
+        this.props.onVisibilityChange(false);
+    }
+
+    /**
+     * Callback invoked to signal that an event has occurred that should change
+     * the visibility of the {@code InlineDialog} component.
+     *
+     * @private
+     * @returns {void}
+     */
+    _toggleDialogVisibility() {
+        sendAnalytics(createToolbarEvent('hangup'));
+
+        this.props.onVisibilityChange(!this.props.isOpen);
+    }
+}
+
+export default translate(HangupMenuButton);
diff --git a/react/features/toolbox/components/web/HangupToggleButton.tsx b/react/features/toolbox/components/web/HangupToggleButton.tsx
new file mode 100644
index 0000000..cfb1110
--- /dev/null
+++ b/react/features/toolbox/components/web/HangupToggleButton.tsx
@@ -0,0 +1,57 @@
+import { connect } from 'react-redux';
+
+import { translate } from '../../../base/i18n/functions';
+import { IconCloseLarge, IconHangup } from '../../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+
+/**
+ * The type of the React {@code Component} props of {@link HangupToggleButton}.
+ */
+interface IProps extends AbstractButtonProps {
+
+    /**
+     * Whether the more options menu is open.
+     */
+    isOpen: boolean;
+
+    /**
+     * External handler for key down action.
+     */
+    onKeyDown: Function;
+}
+
+/**
+ * Implementation of a button for toggling the hangup menu.
+ */
+class HangupToggleButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.hangup';
+    override icon = IconHangup;
+    override label = 'toolbar.hangup';
+    override toggledIcon = IconCloseLarge;
+    override toggledLabel = 'toolbar.hangup';
+    override tooltip = 'toolbar.hangup';
+
+    /**
+     * Indicates whether this button is in toggled state or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    override _isToggled() {
+        return this.props.isOpen;
+    }
+
+    /**
+     * Indicates whether a key was pressed.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    override _onKeyDown() {
+        this.props.onKeyDown();
+    }
+}
+
+export default connect()(translate(HangupToggleButton));
diff --git a/react/features/toolbox/components/web/JitsiPortal.tsx b/react/features/toolbox/components/web/JitsiPortal.tsx
new file mode 100644
index 0000000..5dbf868
--- /dev/null
+++ b/react/features/toolbox/components/web/JitsiPortal.tsx
@@ -0,0 +1,58 @@
+import React, { ReactNode } from 'react';
+import { makeStyles } from 'tss-react/mui';
+
+import DialogPortal from './DialogPortal';
+
+interface IProps {
+
+    /**
+     * The component(s) to be displayed within the drawer portal.
+     */
+    children: ReactNode;
+
+    /**
+     * Class name used to add custom styles to the portal.
+     */
+    className?: string;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        portal: {
+            position: 'absolute',
+            left: 0,
+            right: 0,
+            bottom: 0,
+            zIndex: 351,
+            borderRadius: '16px 16px 0 0',
+
+            '&.notification-portal': {
+                zIndex: 901
+            },
+
+            '&::after': {
+                content: '""',
+                backgroundColor: theme.palette.ui01,
+                marginBottom: 'env(safe-area-inset-bottom, 0)'
+            }
+        }
+    };
+});
+
+/**
+ * Component meant to render a drawer at the bottom of the screen,
+ * by creating a portal containing the component's children.
+ *
+ * @returns {ReactElement}
+ */
+function JitsiPortal({ children, className }: IProps) {
+    const { classes, cx } = useStyles();
+
+    return (
+        <DialogPortal className = { cx(classes.portal, className) }>
+            { children }
+        </DialogPortal>
+    );
+}
+
+export default JitsiPortal;
diff --git a/react/features/toolbox/components/web/LeaveConferenceButton.tsx b/react/features/toolbox/components/web/LeaveConferenceButton.tsx
new file mode 100644
index 0000000..d5bdee5
--- /dev/null
+++ b/react/features/toolbox/components/web/LeaveConferenceButton.tsx
@@ -0,0 +1,54 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch } from 'react-redux';
+
+import { createToolbarEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { leaveConference } from '../../../base/conference/actions';
+import { BUTTON_TYPES } from '../../../base/ui/constants.web';
+
+import { HangupContextMenuItem } from './HangupContextMenuItem';
+
+/**
+ * The type of the React {@code Component} props of {@link LeaveConferenceButton}.
+ */
+interface IProps {
+
+    /**
+     * Key to use for toolbarButtonClicked event.
+     */
+    buttonKey: string;
+
+    /**
+     * Notify mode for `toolbarButtonClicked` event -
+     * whether to only notify or to also prevent button click routine.
+     */
+    notifyMode?: string;
+}
+
+
+/**
+ * Button to leave the conference.
+ *
+ * @param {Object} props - Component's props.
+ * @returns {JSX.Element} - The leave conference button.
+ */
+export const LeaveConferenceButton = (props: IProps) => {
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+
+    const onLeaveConference = useCallback(() => {
+        sendAnalytics(createToolbarEvent('hangup'));
+        dispatch(leaveConference());
+    }, [ dispatch ]);
+
+    return (
+        <HangupContextMenuItem
+            accessibilityLabel = { t('toolbar.accessibilityLabel.leaveConference') }
+            buttonKey = { props.buttonKey }
+            buttonType = { BUTTON_TYPES.SECONDARY }
+            label = { t('toolbar.leaveConference') }
+            notifyMode = { props.notifyMode }
+            onClick = { onLeaveConference } />
+    );
+};
diff --git a/react/features/toolbox/components/web/LinkToSalesforceButton.ts b/react/features/toolbox/components/web/LinkToSalesforceButton.ts
new file mode 100644
index 0000000..8a989ba
--- /dev/null
+++ b/react/features/toolbox/components/web/LinkToSalesforceButton.ts
@@ -0,0 +1,48 @@
+import { connect } from 'react-redux';
+
+import { createToolbarEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { IReduxState } from '../../../app/types';
+import { openDialog } from '../../../base/dialog/actions';
+import { translate } from '../../../base/i18n/functions';
+import { IconCloudUpload } from '../../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import SalesforceLinkDialog from '../../../salesforce/components/web/SalesforceLinkDialog';
+import { isSalesforceEnabled } from '../../../salesforce/functions';
+
+/**
+ * Implementation of a button for opening the Salesforce link dialog.
+ */
+class LinkToSalesforce extends AbstractButton<AbstractButtonProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.linkToSalesforce';
+    override icon = IconCloudUpload;
+    override label = 'toolbar.linkToSalesforce';
+    override tooltip = 'toolbar.linkToSalesforce';
+
+    /**
+     * Handles clicking / pressing the button, and opens the Salesforce link dialog.
+     *
+     * @protected
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { dispatch } = this.props;
+
+        sendAnalytics(createToolbarEvent('link.to.salesforce'));
+        dispatch(openDialog('SalesforceLinkDialog', SalesforceLinkDialog));
+    }
+}
+
+/**
+ * Function that maps parts of Redux state tree into component props.
+ *
+ * @param {Object} state - Redux state.
+ * @returns {Object}
+ */
+const mapStateToProps = (state: IReduxState) => {
+    return {
+        visible: isSalesforceEnabled(state)
+    };
+};
+
+export default translate(connect(mapStateToProps)(LinkToSalesforce));
diff --git a/react/features/toolbox/components/web/OverflowMenuButton.tsx b/react/features/toolbox/components/web/OverflowMenuButton.tsx
new file mode 100644
index 0000000..d9583a0
--- /dev/null
+++ b/react/features/toolbox/components/web/OverflowMenuButton.tsx
@@ -0,0 +1,262 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { createToolbarEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import Popover from '../../../base/popover/components/Popover.web';
+import ContextMenu from '../../../base/ui/components/web/ContextMenu';
+import ContextMenuItemGroup from '../../../base/ui/components/web/ContextMenuItemGroup';
+import { setGifMenuVisibility } from '../../../gifs/actions';
+import { isGifsMenuOpen } from '../../../gifs/functions.web';
+import ReactionEmoji from '../../../reactions/components/web/ReactionEmoji';
+import ReactionsMenu from '../../../reactions/components/web/ReactionsMenu';
+import {
+    GIFS_MENU_HEIGHT_IN_OVERFLOW_MENU,
+    RAISE_HAND_ROW_HEIGHT,
+    REACTIONS_MENU_HEIGHT_DRAWER,
+    REACTIONS_MENU_HEIGHT_IN_OVERFLOW_MENU
+} from '../../../reactions/constants';
+import { getReactionsQueue } from '../../../reactions/functions.any';
+import { IReactionsMenuParent } from '../../../reactions/types';
+import { DRAWER_MAX_HEIGHT } from '../../constants';
+import { showOverflowDrawer } from '../../functions.web';
+
+import Drawer from './Drawer';
+import JitsiPortal from './JitsiPortal';
+import OverflowToggleButton from './OverflowToggleButton';
+
+/**
+ * The type of the React {@code Component} props of {@link OverflowMenuButton}.
+ */
+interface IProps {
+
+    /**
+     * ID of the menu that is controlled by this button.
+     */
+    ariaControls: string;
+
+    /**
+     * Information about the buttons that need to be rendered in the overflow menu.
+     */
+    buttons: Object[];
+
+    /**
+     * Whether or not the OverflowMenu popover should display.
+     */
+    isOpen: boolean;
+
+    /**
+     * Esc key handler.
+     */
+    onToolboxEscKey: (e?: React.KeyboardEvent) => void;
+
+    /**
+     * Callback to change the visibility of the overflow menu.
+     */
+    onVisibilityChange: Function;
+
+    /**
+     * Whether to show the raise hand in the reactions menu or not.
+     */
+    showRaiseHandInReactionsMenu: boolean;
+
+    /**
+     * Whether or not to display the reactions menu.
+     */
+    showReactionsMenu: boolean;
+}
+
+const useStyles = makeStyles<{ overflowDrawer: boolean; reactionsMenuHeight: number; }>()(
+(_theme, { reactionsMenuHeight, overflowDrawer }) => {
+    return {
+        overflowMenuDrawer: {
+            overflowY: 'scroll',
+            height: `calc(${DRAWER_MAX_HEIGHT})`
+        },
+        contextMenu: {
+            position: 'relative' as const,
+            right: 'auto',
+            margin: 0,
+            marginBottom: '8px',
+            maxHeight: overflowDrawer ? undefined : 'calc(100dvh - 100px)',
+            paddingBottom: overflowDrawer ? undefined : 0,
+            minWidth: '240px',
+            overflow: 'hidden'
+        },
+        content: {
+            position: 'relative',
+            maxHeight: overflowDrawer
+                ? `calc(100% - ${reactionsMenuHeight}px - 16px)` : `calc(100dvh - 100px - ${reactionsMenuHeight}px)`,
+            overflowY: 'auto'
+        },
+        footer: {
+            position: 'absolute',
+            bottom: 0,
+            left: 0,
+            right: 0
+        },
+        reactionsPadding: {
+            height: `${reactionsMenuHeight}px`
+        }
+    };
+});
+
+const OverflowMenuButton = ({
+    buttons,
+    isOpen,
+    onToolboxEscKey,
+    onVisibilityChange,
+    showRaiseHandInReactionsMenu,
+    showReactionsMenu
+}: IProps) => {
+    const overflowDrawer = useSelector(showOverflowDrawer);
+    const reactionsQueue = useSelector(getReactionsQueue);
+    const isGiphyVisible = useSelector(isGifsMenuOpen);
+    const dispatch = useDispatch();
+
+    const onCloseDialog = useCallback(() => {
+        onVisibilityChange(false);
+        if (isGiphyVisible && !overflowDrawer) {
+            dispatch(setGifMenuVisibility(false));
+        }
+    }, [ onVisibilityChange, setGifMenuVisibility, isGiphyVisible, overflowDrawer, dispatch ]);
+
+    const onOpenDialog = useCallback(() => {
+        onVisibilityChange(true);
+    }, [ onVisibilityChange ]);
+
+    const onEscClick = useCallback((event: React.KeyboardEvent) => {
+        if (event.key === 'Escape' && isOpen) {
+            event.preventDefault();
+            event.stopPropagation();
+            onCloseDialog();
+        }
+    }, [ onCloseDialog ]);
+
+    const toggleDialogVisibility = useCallback(() => {
+        sendAnalytics(createToolbarEvent('overflow'));
+
+        onVisibilityChange(!isOpen);
+    }, [ isOpen, onVisibilityChange ]);
+
+    const toolbarAccLabel = 'toolbar.accessibilityLabel.moreActionsMenu';
+    const { t } = useTranslation();
+    let reactionsMenuHeight = 0;
+
+    if (showReactionsMenu) {
+        reactionsMenuHeight = REACTIONS_MENU_HEIGHT_DRAWER;
+        if (!overflowDrawer) {
+            reactionsMenuHeight = REACTIONS_MENU_HEIGHT_IN_OVERFLOW_MENU;
+        }
+        if (!showRaiseHandInReactionsMenu) {
+            reactionsMenuHeight -= RAISE_HAND_ROW_HEIGHT;
+        }
+        if (!overflowDrawer && isGiphyVisible) {
+            reactionsMenuHeight += GIFS_MENU_HEIGHT_IN_OVERFLOW_MENU;
+        }
+    }
+    const { classes } = useStyles({
+        reactionsMenuHeight,
+        overflowDrawer
+    });
+
+    const groupsJSX = buttons.map((buttonGroup: any) => (
+        <ContextMenuItemGroup key = { `group-${buttonGroup[0].group}` }>
+            {buttonGroup.map(({ key, Content, ...rest }: { Content: React.ElementType; key: string; }) => {
+                const props: { buttonKey?: string; contextMenu?: boolean; showLabel?: boolean; } = { ...rest };
+
+                if (key !== 'reactions') {
+                    props.buttonKey = key;
+                    props.contextMenu = true;
+                    props.showLabel = true;
+                }
+
+                return (
+                    <Content
+                        { ...props }
+                        key = { key } />);
+            })}
+        </ContextMenuItemGroup>));
+
+    const overflowMenu = groupsJSX && (
+        <ContextMenu
+            accessibilityLabel = { t(toolbarAccLabel) }
+            className = { classes.contextMenu }
+            hidden = { false }
+            id = 'overflow-context-menu'
+            inDrawer = { overflowDrawer }
+            onKeyDown = { onToolboxEscKey }>
+            <div className = { classes.content }>
+                { groupsJSX }
+            </div>
+            {
+                showReactionsMenu && (<div className = { classes.footer }>
+                    <ReactionsMenu
+                        parent = {
+                            overflowDrawer ? IReactionsMenuParent.OverflowDrawer : IReactionsMenuParent.OverflowMenu }
+                        showRaisedHand = { showRaiseHandInReactionsMenu } />
+                </div>)
+            }
+        </ContextMenu>);
+
+    if (overflowDrawer) {
+        return (
+            <div className = 'toolbox-button-wth-dialog context-menu'>
+                <>
+                    <OverflowToggleButton
+                        handleClick = { toggleDialogVisibility }
+                        isOpen = { isOpen }
+                        onKeyDown = { onEscClick } />
+                    <JitsiPortal>
+                        <Drawer
+                            isOpen = { isOpen }
+                            onClose = { onCloseDialog }>
+                            <>
+                                <div className = { classes.overflowMenuDrawer }>
+                                    { overflowMenu }
+                                    <div className = { classes.reactionsPadding } />
+                                </div>
+                            </>
+                        </Drawer>
+                        {showReactionsMenu && <div className = 'reactions-animations-overflow-container'>
+                            {reactionsQueue.map(({ reaction, uid }, index) => (<ReactionEmoji
+                                index = { index }
+                                key = { uid }
+                                reaction = { reaction }
+                                uid = { uid } />))}
+                        </div>}
+                    </JitsiPortal>
+                </>
+            </div>
+        );
+    }
+
+    return (
+        <div className = 'toolbox-button-wth-dialog context-menu'>
+            <Popover
+                content = { overflowMenu }
+                headingId = 'overflow-context-menu'
+                onPopoverClose = { onCloseDialog }
+                onPopoverOpen = { onOpenDialog }
+                position = 'top'
+                trigger = 'click'
+                visible = { isOpen }>
+                <OverflowToggleButton
+                    isMenuButton = { true }
+                    isOpen = { isOpen }
+                    onKeyDown = { onEscClick } />
+            </Popover>
+            {showReactionsMenu && <div className = 'reactions-animations-container'>
+                {reactionsQueue.map(({ reaction, uid }, index) => (<ReactionEmoji
+                    index = { index }
+                    key = { uid }
+                    reaction = { reaction }
+                    uid = { uid } />))}
+            </div>}
+        </div>
+    );
+};
+
+export default OverflowMenuButton;
diff --git a/react/features/toolbox/components/web/OverflowToggleButton.ts b/react/features/toolbox/components/web/OverflowToggleButton.ts
new file mode 100644
index 0000000..dbc73bc
--- /dev/null
+++ b/react/features/toolbox/components/web/OverflowToggleButton.ts
@@ -0,0 +1,59 @@
+import { connect } from 'react-redux';
+
+import { translate } from '../../../base/i18n/functions';
+import { IconDotsHorizontal } from '../../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+
+
+/**
+ * The type of the React {@code Component} props of {@link OverflowToggleButton}.
+ */
+interface IProps extends AbstractButtonProps {
+
+    /**
+     * Whether the more options menu is open.
+     */
+    isOpen: boolean;
+
+    /**
+     * External handler for key down action.
+     */
+    onKeyDown: Function;
+}
+
+/**
+ * Implementation of a button for toggling the overflow menu.
+ */
+class OverflowToggleButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.moreActions';
+    override toggledAccessibilityLabel = 'toolbar.accessibilityLabel.closeMoreActions';
+    override icon = IconDotsHorizontal;
+    override label = 'toolbar.moreActions';
+    override toggledLabel = 'toolbar.moreActions';
+    override tooltip = 'toolbar.moreActions';
+
+    /**
+     * Indicates whether this button is in toggled state or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    override _isToggled() {
+        return this.props.isOpen;
+    }
+
+    /**
+     * Indicates whether a key was pressed.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    override _onKeyDown() {
+        this.props.onKeyDown();
+    }
+}
+
+
+export default connect()(translate(OverflowToggleButton));
diff --git a/react/features/toolbox/components/web/ProfileButton.ts b/react/features/toolbox/components/web/ProfileButton.ts
new file mode 100644
index 0000000..4439544
--- /dev/null
+++ b/react/features/toolbox/components/web/ProfileButton.ts
@@ -0,0 +1,116 @@
+import { connect } from 'react-redux';
+
+import { createToolbarEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { IReduxState } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { getLocalParticipant } from '../../../base/participants/functions';
+import { ILocalParticipant } from '../../../base/participants/types';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import { openSettingsDialog } from '../../../settings/actions';
+import { SETTINGS_TABS } from '../../../settings/constants';
+
+import ProfileButtonAvatar from './ProfileButtonAvatar';
+
+/**
+ * The type of the React {@code Component} props of {@link ProfileButton}.
+ */
+interface IProps extends AbstractButtonProps {
+
+    /**
+     * Default displayed name for local participant.
+     */
+    _defaultLocalDisplayName: string;
+
+    /**
+     * The redux representation of the local participant.
+     */
+    _localParticipant?: ILocalParticipant;
+
+    /**
+      * Whether the button support clicking or not.
+      */
+    _unclickable: boolean;
+}
+
+/**
+ * Implementation of a button for opening profile dialog.
+ */
+class ProfileButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.profile';
+    override icon = ProfileButtonAvatar;
+
+    /**
+     * Retrieves the label.
+     *
+     * @returns {string}
+     */
+    override _getLabel() {
+        const {
+            _defaultLocalDisplayName,
+            _localParticipant
+        } = this.props;
+        let displayName;
+
+        if (_localParticipant?.name) {
+            displayName = _localParticipant.name;
+        } else {
+            displayName = _defaultLocalDisplayName;
+        }
+
+        return displayName;
+    }
+
+    /**
+     * Retrieves the tooltip.
+     *
+     * @returns {string}
+     */
+    override _getTooltip() {
+        return this._getLabel();
+    }
+
+    /**
+     * Handles clicking / pressing the button, and opens the appropriate dialog.
+     *
+     * @protected
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { dispatch, _unclickable } = this.props;
+
+        if (!_unclickable) {
+            sendAnalytics(createToolbarEvent('profile'));
+            dispatch(openSettingsDialog(SETTINGS_TABS.PROFILE));
+        }
+    }
+
+    /**
+     * Indicates whether the button should be disabled or not.
+     *
+     * @protected
+     * @returns {void}
+     */
+    override _isDisabled() {
+        return this.props._unclickable;
+    }
+}
+
+/**
+ * Function that maps parts of Redux state tree into component props.
+ *
+ * @param {Object} state - Redux state.
+ * @returns {Object}
+ */
+const mapStateToProps = (state: IReduxState) => {
+    const { defaultLocalDisplayName } = state['features/base/config'];
+
+    return {
+        _defaultLocalDisplayName: defaultLocalDisplayName ?? '',
+        _localParticipant: getLocalParticipant(state),
+        _unclickable: !interfaceConfig.SETTINGS_SECTIONS.includes('profile'),
+        customClass: 'profile-button-avatar'
+    };
+};
+
+export default translate(connect(mapStateToProps)(ProfileButton));
diff --git a/react/features/toolbox/components/web/ProfileButtonAvatar.tsx b/react/features/toolbox/components/web/ProfileButtonAvatar.tsx
new file mode 100644
index 0000000..756fda5
--- /dev/null
+++ b/react/features/toolbox/components/web/ProfileButtonAvatar.tsx
@@ -0,0 +1,62 @@
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import Avatar from '../../../base/avatar/components/Avatar';
+import { getLocalParticipant } from '../../../base/participants/functions';
+import { ILocalParticipant } from '../../../base/participants/types';
+
+/**
+ * The type of the React {@code Component} props of
+ * {@link ProfileButtonAvatar}.
+ */
+interface IProps {
+
+    /**
+     * The redux representation of the local participant.
+     */
+    _localParticipant?: ILocalParticipant;
+
+}
+
+/**
+ * A React {@code Component} for displaying a profile avatar as an
+ * icon.
+ *
+ * @augments Component
+ */
+class ProfileButtonAvatar extends Component<IProps> {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { _localParticipant } = this.props;
+
+        return (
+            <Avatar
+                participantId = { _localParticipant?.id }
+                size = { 20 } />
+        );
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated
+ * {@code ProfileButtonAvatar} component's props.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {{
+ *     _localParticipant: Object,
+ * }}
+ */
+function _mapStateToProps(state: IReduxState) {
+    return {
+        _localParticipant: getLocalParticipant(state)
+    };
+}
+
+export default connect(_mapStateToProps)(ProfileButtonAvatar);
diff --git a/react/features/toolbox/components/web/Separator.tsx b/react/features/toolbox/components/web/Separator.tsx
new file mode 100644
index 0000000..f5e4fc0
--- /dev/null
+++ b/react/features/toolbox/components/web/Separator.tsx
@@ -0,0 +1,3 @@
+import React from 'react';
+
+export default () => <hr className = 'overflow-menu-hr' />;
diff --git a/react/features/toolbox/components/web/ShareDesktopButton.ts b/react/features/toolbox/components/web/ShareDesktopButton.ts
new file mode 100644
index 0000000..4bb817f
--- /dev/null
+++ b/react/features/toolbox/components/web/ShareDesktopButton.ts
@@ -0,0 +1,116 @@
+import { connect } from 'react-redux';
+
+import { createToolbarEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { IReduxState } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { IconScreenshare } from '../../../base/icons/svg';
+import JitsiMeetJS from '../../../base/lib-jitsi-meet/_';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import { startScreenShareFlow } from '../../../screen-share/actions.web';
+import { isScreenVideoShared } from '../../../screen-share/functions';
+import { closeOverflowMenuIfOpen } from '../../actions.web';
+import { isDesktopShareButtonDisabled } from '../../functions.web';
+
+interface IProps extends AbstractButtonProps {
+
+    /**
+     * Whether or not screen-sharing is initialized.
+     */
+    _desktopSharingEnabled: boolean;
+
+    /**
+     * Whether or not the local participant is screen-sharing.
+     */
+    _screensharing: boolean;
+}
+
+/**
+ * Implementation of a button for sharing desktop / windows.
+ */
+class ShareDesktopButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.shareYourScreen';
+    override toggledAccessibilityLabel = 'toolbar.accessibilityLabel.stopScreenSharing';
+    override label = 'toolbar.startScreenSharing';
+    override icon = IconScreenshare;
+    override toggledLabel = 'toolbar.stopScreenSharing';
+
+    /**
+     * Retrieves tooltip dynamically.
+     *
+     * @returns {string}
+     */
+    override _getTooltip() {
+        const { _desktopSharingEnabled, _screensharing } = this.props;
+
+        if (_desktopSharingEnabled) {
+            if (_screensharing) {
+                return 'toolbar.stopScreenSharing';
+            }
+
+            return 'toolbar.startScreenSharing';
+        }
+
+        return 'dialog.shareYourScreenDisabled';
+    }
+
+    /**
+     * Indicates whether this button is in toggled state or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    override _isToggled() {
+        return this.props._screensharing;
+    }
+
+    /**
+     * Indicates whether this button is in disabled state or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    override _isDisabled() {
+        return !this.props._desktopSharingEnabled;
+    }
+
+    /**
+     * Handles clicking the button, and toggles the chat.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { dispatch, _screensharing } = this.props;
+
+        sendAnalytics(createToolbarEvent(
+            'toggle.screen.sharing',
+            { enable: !_screensharing }));
+
+        dispatch(closeOverflowMenuIfOpen());
+        dispatch(startScreenShareFlow(!_screensharing));
+    }
+}
+
+/**
+ * Function that maps parts of Redux state tree into component props.
+*
+ * @param {Object} state - Redux state.
+ * @returns {Object}
+ */
+const mapStateToProps = (state: IReduxState) => {
+    // Disable the screen-share button if the video sender limit is reached and there is no video or media share in
+    // progress.
+    const desktopSharingEnabled
+        = JitsiMeetJS.isDesktopSharingEnabled() && !isDesktopShareButtonDisabled(state);
+
+    return {
+        _desktopSharingEnabled: desktopSharingEnabled,
+        _screensharing: isScreenVideoShared(state),
+        visible: JitsiMeetJS.isDesktopSharingEnabled()
+    };
+};
+
+export default translate(connect(mapStateToProps)(ShareDesktopButton));
diff --git a/react/features/toolbox/components/web/ToggleCameraButton.ts b/react/features/toolbox/components/web/ToggleCameraButton.ts
new file mode 100644
index 0000000..bd4259d
--- /dev/null
+++ b/react/features/toolbox/components/web/ToggleCameraButton.ts
@@ -0,0 +1,76 @@
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { IconCameraRefresh } from '../../../base/icons/svg';
+import { MEDIA_TYPE } from '../../../base/media/constants';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import { toggleCamera } from '../../../base/tracks/actions';
+import { isLocalTrackMuted, isToggleCameraEnabled } from '../../../base/tracks/functions';
+import { setOverflowMenuVisible } from '../../actions.web';
+
+/**
+ * The type of the React {@code Component} props of {@link ToggleCameraButton}.
+ */
+interface IProps extends AbstractButtonProps {
+
+    /**
+     * Whether the current conference is in audio only mode or not.
+     */
+    _audioOnly: boolean;
+
+    /**
+     * Whether video is currently muted or not.
+     */
+    _videoMuted: boolean;
+}
+
+/**
+ * An implementation of a button for toggling the camera facing mode.
+ */
+class ToggleCameraButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.toggleCamera';
+    override icon = IconCameraRefresh;
+    override label = 'toolbar.toggleCamera';
+
+    /**
+     * Handles clicking/pressing the button.
+     *
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { dispatch } = this.props;
+
+        dispatch(toggleCamera());
+        dispatch(setOverflowMenuVisible(false));
+    }
+
+    /**
+     * Whether this button is disabled or not.
+     *
+     * @returns {boolean}
+     */
+    override _isDisabled() {
+        return this.props._audioOnly || this.props._videoMuted;
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated props for the
+ * {@code ToggleCameraButton} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @returns {IProps}
+ */
+function mapStateToProps(state: IReduxState) {
+    const { enabled: audioOnly } = state['features/base/audio-only'];
+    const tracks = state['features/base/tracks'];
+
+    return {
+        _audioOnly: Boolean(audioOnly),
+        _videoMuted: isLocalTrackMuted(tracks, MEDIA_TYPE.VIDEO),
+        visible: isToggleCameraEnabled(state)
+    };
+}
+
+export default translate(connect(mapStateToProps)(ToggleCameraButton));
diff --git a/react/features/toolbox/components/web/Toolbox.tsx b/react/features/toolbox/components/web/Toolbox.tsx
new file mode 100644
index 0000000..01ddd33
--- /dev/null
+++ b/react/features/toolbox/components/web/Toolbox.tsx
@@ -0,0 +1,360 @@
+import React, { useCallback, useEffect, useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState } from '../../../app/types';
+import { isMobileBrowser } from '../../../base/environment/utils';
+import { getLocalParticipant, isLocalParticipantModerator } from '../../../base/participants/functions';
+import ContextMenu from '../../../base/ui/components/web/ContextMenu';
+import { isReactionsButtonEnabled, shouldDisplayReactionsButtons } from '../../../reactions/functions.web';
+import { isCCTabEnabled } from '../../../subtitles/functions.any';
+import { isTranscribing } from '../../../transcribing/functions';
+import {
+    setHangupMenuVisible,
+    setOverflowMenuVisible,
+    setToolbarHovered,
+    setToolboxVisible
+} from '../../actions.web';
+import {
+    getJwtDisabledButtons,
+    getVisibleButtons,
+    getVisibleButtonsForReducedUI,
+    isButtonEnabled,
+    isToolboxVisible
+} from '../../functions.web';
+import { useKeyboardShortcuts, useToolboxButtons } from '../../hooks.web';
+import { IToolboxButton } from '../../types';
+import HangupButton from '../HangupButton';
+
+import { EndConferenceButton } from './EndConferenceButton';
+import HangupMenuButton from './HangupMenuButton';
+import { LeaveConferenceButton } from './LeaveConferenceButton';
+import OverflowMenuButton from './OverflowMenuButton';
+import Separator from './Separator';
+
+/**
+ * The type of the React {@code Component} props of {@link Toolbox}.
+ */
+interface IProps {
+
+    /**
+     * Optional toolbar background color passed as a prop.
+     */
+    toolbarBackgroundColor?: string;
+
+    /**
+     * Explicitly passed array with the buttons which this Toolbox should display.
+     */
+    toolbarButtons?: Array<string>;
+}
+
+const useStyles = makeStyles()(() => {
+    return {
+        hangupMenu: {
+            position: 'relative',
+            right: 'auto',
+            display: 'flex',
+            flexDirection: 'column',
+            rowGap: '8px',
+            margin: 0,
+            padding: '16px',
+            marginBottom: '8px'
+        }
+    };
+});
+
+/**
+ * A component that renders the main toolbar.
+ *
+ * @param {IProps} props - The props of the component.
+ * @returns {ReactElement}
+ */
+export default function Toolbox({
+    toolbarButtons,
+    toolbarBackgroundColor: toolbarBackgroundColorProp
+}: IProps) {
+    const { classes, cx } = useStyles();
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+    const _toolboxRef = useRef<HTMLDivElement>(null);
+
+    const conference = useSelector((state: IReduxState) => state['features/base/conference'].conference);
+    const isNarrowLayout = useSelector((state: IReduxState) => state['features/base/responsive-ui'].isNarrowLayout);
+    const videoSpaceWidth = useSelector((state: IReduxState) => state['features/base/responsive-ui'].videoSpaceWidth);
+    const isModerator = useSelector(isLocalParticipantModerator);
+    const customToolbarButtons = useSelector((state: IReduxState) => state['features/base/config'].customToolbarButtons);
+    const iAmRecorder = useSelector((state: IReduxState) => state['features/base/config'].iAmRecorder);
+    const iAmSipGateway = useSelector((state: IReduxState) => state['features/base/config'].iAmSipGateway);
+    const overflowDrawer = useSelector((state: IReduxState) => state['features/toolbox'].overflowDrawer);
+    const shiftUp = useSelector((state: IReduxState) => state['features/toolbox'].shiftUp);
+    const overflowMenuVisible = useSelector((state: IReduxState) => state['features/toolbox'].overflowMenuVisible);
+    const hangupMenuVisible = useSelector((state: IReduxState) => state['features/toolbox'].hangupMenuVisible);
+    const buttonsWithNotifyClick
+        = useSelector((state: IReduxState) => state['features/toolbox'].buttonsWithNotifyClick);
+    const reduxToolbarButtons = useSelector((state: IReduxState) => state['features/toolbox'].toolbarButtons);
+    const toolbarButtonsToUse = toolbarButtons || reduxToolbarButtons;
+    const isDialogVisible = useSelector((state: IReduxState) => Boolean(state['features/base/dialog'].component));
+    const localParticipant = useSelector(getLocalParticipant);
+    const transcribing = useSelector(isTranscribing);
+    const _isCCTabEnabled = useSelector(isCCTabEnabled);
+    // Read toolbar background color from config (if provided) or from props.
+    const toolbarBackgroundColorFromConfig = useSelector((state: IReduxState) =>
+        state['features/base/config'].toolbarConfig?.backgroundColor);
+    const toolbarBackgroundColor = toolbarBackgroundColorProp || toolbarBackgroundColorFromConfig;
+    // Do not convert to selector, it returns new array and will cause re-rendering of toolbox on every action.
+    const jwtDisabledButtons = getJwtDisabledButtons(transcribing, _isCCTabEnabled, localParticipant?.features);
+
+    const reactionsButtonEnabled = useSelector(isReactionsButtonEnabled);
+    const _shouldDisplayReactionsButtons = useSelector(shouldDisplayReactionsButtons);
+    const toolbarVisible = useSelector(isToolboxVisible);
+    const mainToolbarButtonsThresholds
+        = useSelector((state: IReduxState) => state['features/toolbox'].mainToolbarButtonsThresholds);
+    const { reducedUImainToolbarButtons } = useSelector((state: IReduxState) => state['features/base/config']);
+    const reducedUI = useSelector((state: IReduxState) => state['features/base/responsive-ui'].reducedUI);
+    const allButtons = useToolboxButtons(customToolbarButtons);
+    const isMobile = isMobileBrowser();
+    const endConferenceSupported = Boolean(conference?.isEndConferenceSupported() && isModerator);
+
+    useKeyboardShortcuts(toolbarButtonsToUse);
+
+    useEffect(() => {
+        if (!toolbarVisible) {
+            if (document.activeElement instanceof HTMLElement
+                && _toolboxRef.current?.contains(document.activeElement)) {
+                document.activeElement.blur();
+            }
+        }
+    }, [ toolbarVisible ]);
+
+    /**
+     * Sets the visibility of the hangup menu.
+     *
+     * @param {boolean} visible - Whether or not the hangup menu should be
+     * displayed.
+     * @private
+     * @returns {void}
+     */
+    const onSetHangupVisible = useCallback((visible: boolean) => {
+        dispatch(setHangupMenuVisible(visible));
+        dispatch(setToolbarHovered(visible));
+    }, [ dispatch ]);
+
+    /**
+     * Sets the visibility of the overflow menu.
+     *
+     * @param {boolean} visible - Whether or not the overflow menu should be
+     * displayed.
+     * @private
+     * @returns {void}
+     */
+    const onSetOverflowVisible = useCallback((visible: boolean) => {
+        dispatch(setOverflowMenuVisible(visible));
+        dispatch(setToolbarHovered(visible));
+    }, [ dispatch ]);
+
+    useEffect(() => {
+
+        // On mobile web we want to keep both toolbox and hang up menu visible
+        // because they depend on each other.
+        if (endConferenceSupported && isMobile) {
+            hangupMenuVisible && dispatch(setToolboxVisible(true));
+        } else if (hangupMenuVisible && !toolbarVisible) {
+            onSetHangupVisible(false);
+            dispatch(setToolbarHovered(false));
+        }
+    }, [ dispatch, hangupMenuVisible, toolbarVisible, onSetHangupVisible ]);
+
+    useEffect(() => {
+        if (overflowMenuVisible && isDialogVisible) {
+            onSetOverflowVisible(false);
+            dispatch(setToolbarHovered(false));
+        }
+    }, [ dispatch, overflowMenuVisible, isDialogVisible, onSetOverflowVisible ]);
+
+    /**
+     * Key handler for overflow/hangup menus.
+     *
+     * @param {KeyboardEvent} e - Esc key click to close the popup.
+     * @returns {void}
+     */
+    const onEscKey = useCallback((e?: React.KeyboardEvent) => {
+        if (e?.key === 'Escape') {
+            e?.stopPropagation();
+            hangupMenuVisible && dispatch(setHangupMenuVisible(false));
+            overflowMenuVisible && dispatch(setOverflowMenuVisible(false));
+        }
+    }, [ dispatch, hangupMenuVisible, overflowMenuVisible ]);
+
+    /**
+     * Dispatches an action signaling the toolbar is not being hovered.
+     *
+     * @private
+     * @returns {void}
+     */
+    const onMouseOut = useCallback(() => {
+        !overflowMenuVisible && dispatch(setToolbarHovered(false));
+    }, [ dispatch, overflowMenuVisible ]);
+
+    /**
+     * Dispatches an action signaling the toolbar is being hovered.
+     *
+     * @private
+     * @returns {void}
+     */
+    const onMouseOver = useCallback(() => {
+        dispatch(setToolbarHovered(true));
+    }, [ dispatch ]);
+
+    /**
+     * Handle focus on the toolbar.
+     *
+     * @returns {void}
+     */
+    const handleFocus = useCallback(() => {
+        dispatch(setToolboxVisible(true));
+    }, [ dispatch ]);
+
+    /**
+     * Handle blur the toolbar..
+     *
+     * @returns {void}
+     */
+    const handleBlur = useCallback(() => {
+        dispatch(setToolboxVisible(false));
+    }, [ dispatch ]);
+
+    if (iAmRecorder || iAmSipGateway) {
+        return null;
+    }
+
+
+    const rootClassNames = `new-toolbox ${toolbarVisible ? 'visible' : ''} ${
+        toolbarButtonsToUse.length ? '' : 'no-buttons'}`;
+
+    const toolbarAccLabel = 'toolbar.accessibilityLabel.moreActionsMenu';
+    const containerClassName = `toolbox-content${isMobile || isNarrowLayout ? ' toolbox-content-mobile' : ''}`;
+
+    const normalUIButtons = getVisibleButtons({
+        allButtons,
+        buttonsWithNotifyClick,
+        toolbarButtons: toolbarButtonsToUse,
+        clientWidth: videoSpaceWidth,
+        jwtDisabledButtons,
+        mainToolbarButtonsThresholds
+    });
+
+    const reducedUIButtons = getVisibleButtonsForReducedUI({
+        allButtons,
+        buttonsWithNotifyClick,
+        jwtDisabledButtons,
+        reducedUImainToolbarButtons,
+    });
+
+    const mainMenuButtons = reducedUI
+        ? reducedUIButtons.mainMenuButtons
+        : normalUIButtons.mainMenuButtons;
+    const overflowMenuButtons = reducedUI
+        ? []
+        : normalUIButtons.overflowMenuButtons;
+    const raiseHandInOverflowMenu = overflowMenuButtons.some(({ key }) => key === 'raisehand');
+    const showReactionsInOverflowMenu = _shouldDisplayReactionsButtons
+        && (
+            (!reactionsButtonEnabled && (raiseHandInOverflowMenu || isNarrowLayout || isMobile))
+            || overflowMenuButtons.some(({ key }) => key === 'reactions'));
+    const showRaiseHandInReactionsMenu = showReactionsInOverflowMenu && raiseHandInOverflowMenu;
+
+    return (
+        <div
+            className = { cx(rootClassNames, shiftUp && 'shift-up') }
+            id = 'new-toolbox'
+            style = { toolbarBackgroundColor ? { backgroundColor: toolbarBackgroundColor } : undefined }>
+            <div className = { containerClassName }>
+                <div
+                    className = 'toolbox-content-wrapper'
+                    onBlur = { handleBlur }
+                    onFocus = { handleFocus }
+                    { ...(isMobile ? {} : {
+                        onMouseOut,
+                        onMouseOver
+                    }) }>
+
+                    <div
+                        className = 'toolbox-content-items'
+                        ref = { _toolboxRef }>
+                        {mainMenuButtons.map(({ Content, key, ...rest }) => Content !== Separator && (
+                            <Content
+                                { ...rest }
+                                buttonKey = { key }
+                                key = { key } />))}
+
+                        {Boolean(overflowMenuButtons.length) && (
+                            <OverflowMenuButton
+                                ariaControls = 'overflow-menu'
+                                buttons = { overflowMenuButtons.reduce<Array<IToolboxButton[]>>((acc, val) => {
+                                    if (val.key === 'reactions' && showReactionsInOverflowMenu) {
+                                        return acc;
+                                    }
+
+                                    if (val.key === 'raisehand' && showRaiseHandInReactionsMenu) {
+                                        return acc;
+                                    }
+
+                                    if (acc.length) {
+                                        const prev = acc[acc.length - 1];
+                                        const group = prev[prev.length - 1].group;
+
+                                        if (group === val.group) {
+                                            prev.push(val);
+                                        } else {
+                                            acc.push([ val ]);
+                                        }
+                                    } else {
+                                        acc.push([ val ]);
+                                    }
+
+                                    return acc;
+                                }, []) }
+                                isOpen = { overflowMenuVisible }
+                                key = 'overflow-menu'
+                                onToolboxEscKey = { onEscKey }
+                                onVisibilityChange = { onSetOverflowVisible }
+                                showRaiseHandInReactionsMenu = { showRaiseHandInReactionsMenu }
+                                showReactionsMenu = { showReactionsInOverflowMenu } />
+                        )}
+
+                        {isButtonEnabled('hangup', toolbarButtonsToUse) && (
+                            endConferenceSupported
+                                ? <HangupMenuButton
+                                    ariaControls = 'hangup-menu'
+                                    isOpen = { hangupMenuVisible }
+                                    key = 'hangup-menu'
+                                    notifyMode = { buttonsWithNotifyClick?.get('hangup-menu') }
+                                    onVisibilityChange = { onSetHangupVisible }>
+                                    <ContextMenu
+                                        accessibilityLabel = { t(toolbarAccLabel) }
+                                        className = { classes.hangupMenu }
+                                        hidden = { false }
+                                        inDrawer = { overflowDrawer }
+                                        onKeyDown = { onEscKey }>
+                                        <EndConferenceButton
+                                            buttonKey = 'end-meeting'
+                                            notifyMode = { buttonsWithNotifyClick?.get('end-meeting') } />
+                                        <LeaveConferenceButton
+                                            buttonKey = 'hangup'
+                                            notifyMode = { buttonsWithNotifyClick?.get('hangup') } />
+                                    </ContextMenu>
+                                </HangupMenuButton>
+                                : <HangupButton
+                                    buttonKey = 'hangup'
+                                    customClass = 'hangup-button'
+                                    key = 'hangup-button'
+                                    notifyMode = { buttonsWithNotifyClick.get('hangup') }
+                                    visible = { isButtonEnabled('hangup', toolbarButtonsToUse) } />
+                        )}
+                    </div>
+                </div>
+            </div>
+        </div>
+    );
+}
diff --git a/react/features/toolbox/components/web/VideoMuteButton.tsx b/react/features/toolbox/components/web/VideoMuteButton.tsx
new file mode 100644
index 0000000..09ac33a
--- /dev/null
+++ b/react/features/toolbox/components/web/VideoMuteButton.tsx
@@ -0,0 +1,203 @@
+import React, { ReactElement } from 'react';
+import { connect } from 'react-redux';
+import { withStyles } from 'tss-react/mui';
+
+import { ACTION_SHORTCUT_TRIGGERED, VIDEO_MUTE, createShortcutEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { IReduxState } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { IGUMPendingState } from '../../../base/media/types';
+import AbstractButton from '../../../base/toolbox/components/AbstractButton';
+import Spinner from '../../../base/ui/components/web/Spinner';
+import { registerShortcut, unregisterShortcut } from '../../../keyboard-shortcuts/actions';
+import { SPINNER_COLOR } from '../../constants';
+import AbstractVideoMuteButton, {
+    IProps as AbstractVideoMuteButtonProps,
+    mapStateToProps as abstractMapStateToProps
+} from '../AbstractVideoMuteButton';
+
+const styles = () => {
+    return {
+        pendingContainer: {
+            position: 'absolute' as const,
+            bottom: '3px',
+            right: '3px'
+        }
+    };
+};
+
+/**
+ * The type of the React {@code Component} props of {@link VideoMuteButton}.
+ */
+export interface IProps extends AbstractVideoMuteButtonProps {
+
+    /**
+     * The gumPending state from redux.
+     */
+    _gumPending: IGUMPendingState;
+
+    /**
+     * An object containing the CSS classes.
+     */
+    classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
+}
+
+/**
+ * Component that renders a toolbar button for toggling video mute.
+ *
+ * @augments AbstractVideoMuteButton
+ */
+class VideoMuteButton extends AbstractVideoMuteButton<IProps> {
+
+    /**
+     * Initializes a new {@code VideoMuteButton} instance.
+     *
+     * @param {IProps} props - The read-only React {@code Component} props with
+     * which the new instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handlers so they are only bound once per instance.
+        this._onKeyboardShortcut = this._onKeyboardShortcut.bind(this);
+        this._getTooltip = this._getLabel;
+    }
+
+    /**
+     * Registers the keyboard shortcut that toggles the video muting.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidMount() {
+        this.props.dispatch(registerShortcut({
+            character: 'V',
+            helpDescription: 'keyboardShortcuts.videoMute',
+            handler: this._onKeyboardShortcut
+        }));
+    }
+
+    /**
+     * Unregisters the keyboard shortcut that toggles the video muting.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentWillUnmount() {
+        this.props.dispatch(unregisterShortcut('V'));
+    }
+
+    /**
+     * Gets the current accessibility label, taking the toggled and GUM pending state into account. If no toggled label
+     * is provided, the regular accessibility label will also be used in the toggled state.
+     *
+     * The accessibility label is not visible in the UI, it is meant to be used by assistive technologies, mainly screen
+     * readers.
+     *
+     * @private
+     * @returns {string}
+     */
+    override _getAccessibilityLabel() {
+        const { _gumPending } = this.props;
+
+        if (_gumPending === IGUMPendingState.NONE) {
+            return super._getAccessibilityLabel();
+        }
+
+        return 'toolbar.accessibilityLabel.videomuteGUMPending';
+    }
+
+    /**
+     * Gets the current label, taking the toggled and GUM pending state into account. If no
+     * toggled label is provided, the regular label will also be used in the toggled state.
+     *
+     * @private
+     * @returns {string}
+     */
+    override _getLabel() {
+        const { _gumPending } = this.props;
+
+        if (_gumPending === IGUMPendingState.NONE) {
+            return super._getLabel();
+        }
+
+        return 'toolbar.videomuteGUMPending';
+    }
+
+    /**
+     * Indicates if video is currently muted or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    override _isVideoMuted() {
+        if (this.props._gumPending === IGUMPendingState.PENDING_UNMUTE) {
+            return false;
+        }
+
+        return super._isVideoMuted();
+    }
+
+    /**
+     * Returns a spinner if there is pending GUM.
+     *
+     * @returns {ReactElement | null}
+     */
+    override _getElementAfter(): ReactElement | null {
+        const { _gumPending } = this.props;
+        const classes = withStyles.getClasses(this.props);
+
+        return _gumPending === IGUMPendingState.NONE ? null
+            : (
+                <div className = { classes.pendingContainer }>
+                    <Spinner
+                        color = { SPINNER_COLOR }
+                        size = 'small' />
+                </div>
+            );
+    }
+
+    /**
+     * Creates an analytics keyboard shortcut event and dispatches an action to
+     * toggle the video muting.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onKeyboardShortcut() {
+        // Ignore keyboard shortcuts if the video button is disabled.
+        if (this._isDisabled()) {
+            return;
+        }
+
+        sendAnalytics(
+            createShortcutEvent(
+                VIDEO_MUTE,
+                ACTION_SHORTCUT_TRIGGERED,
+                { enable: !this._isVideoMuted() }));
+
+        AbstractButton.prototype._onClick.call(this);
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated props for the
+ * {@code VideoMuteButton} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {{
+ *     _videoMuted: boolean
+ * }}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const { gumPending } = state['features/base/media'].video;
+
+    return {
+        ...abstractMapStateToProps(state),
+        _gumPending: gumPending
+    };
+}
+
+export default withStyles(translate(connect(_mapStateToProps)(VideoMuteButton)), styles);
diff --git a/react/features/toolbox/components/web/VideoSettingsButton.tsx b/react/features/toolbox/components/web/VideoSettingsButton.tsx
new file mode 100644
index 0000000..bd12c24
--- /dev/null
+++ b/react/features/toolbox/components/web/VideoSettingsButton.tsx
@@ -0,0 +1,197 @@
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { isMobileBrowser } from '../../../base/environment/utils';
+import { translate } from '../../../base/i18n/functions';
+import { IconArrowUp } from '../../../base/icons/svg';
+import { IGUMPendingState } from '../../../base/media/types';
+import ToolboxButtonWithIcon from '../../../base/toolbox/components/web/ToolboxButtonWithIcon';
+import { getLocalJitsiVideoTrack } from '../../../base/tracks/functions.web';
+import { toggleVideoSettings } from '../../../settings/actions';
+import VideoSettingsPopup from '../../../settings/components/web/video/VideoSettingsPopup';
+import { getVideoSettingsVisibility } from '../../../settings/functions.web';
+import { isVideoSettingsButtonDisabled } from '../../functions.web';
+
+import VideoMuteButton from './VideoMuteButton';
+
+
+interface IProps extends WithTranslation {
+
+    /**
+     * The button's key.
+     */
+    buttonKey?: string;
+
+    /**
+     * The gumPending state from redux.
+     */
+    gumPending: IGUMPendingState;
+
+    /**
+     * External handler for click action.
+     */
+    handleClick: Function;
+
+    /**
+     * Indicates whether video permissions have been granted or denied.
+     */
+    hasPermissions: boolean;
+
+    /**
+     * Whether there is a video track or not.
+     */
+    hasVideoTrack: boolean;
+
+    /**
+     * If the button should be disabled.
+     */
+    isDisabled: boolean;
+
+    /**
+     * Defines is popup is open.
+     */
+    isOpen: boolean;
+
+    /**
+     * Notify mode for `toolbarButtonClicked` event -
+     * whether to only notify or to also prevent button click routine.
+     */
+    notifyMode?: string;
+
+    /**
+     * Click handler for the small icon. Opens video options.
+     */
+    onVideoOptionsClick: Function;
+
+    /**
+     * Flag controlling the visibility of the button.
+     * VideoSettings popup is currently disabled on mobile browsers
+     * as mobile devices do not support capture of more than one
+     * camera at a time.
+     */
+    visible: boolean;
+}
+
+/**
+ * Button used for video & video settings.
+ *
+ * @returns {ReactElement}
+ */
+class VideoSettingsButton extends Component<IProps> {
+    /**
+     * Initializes a new {@code VideoSettingsButton} instance.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._onEscClick = this._onEscClick.bind(this);
+        this._onClick = this._onClick.bind(this);
+    }
+
+    /**
+     * Returns true if the settings icon is disabled.
+     *
+     * @returns {boolean}
+     */
+    _isIconDisabled() {
+        const { gumPending, hasPermissions, hasVideoTrack, isDisabled } = this.props;
+
+        return ((!hasPermissions || isDisabled) && !hasVideoTrack) || gumPending !== IGUMPendingState.NONE;
+    }
+
+    /**
+     * Click handler for the more actions entries.
+     *
+     * @param {KeyboardEvent} event - Esc key click to close the popup.
+     * @returns {void}
+     */
+    _onEscClick(event: React.KeyboardEvent) {
+        if (event.key === 'Escape' && this.props.isOpen) {
+            event.preventDefault();
+            event.stopPropagation();
+            this._onClick();
+        }
+    }
+
+    /**
+     * Click handler for the more actions entries.
+     *
+     * @param {MouseEvent} e - Mousw event.
+     * @returns {void}
+     */
+    _onClick(e?: React.MouseEvent) {
+        const { onVideoOptionsClick, isOpen } = this.props;
+
+        if (isOpen) {
+            e?.stopPropagation();
+        }
+        onVideoOptionsClick();
+    }
+
+    /**
+     * Implements React's {@link Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { gumPending, t, visible, isOpen, buttonKey, notifyMode } = this.props;
+
+        return visible ? (
+            <VideoSettingsPopup>
+                <ToolboxButtonWithIcon
+                    ariaControls = 'video-settings-dialog'
+                    ariaExpanded = { isOpen }
+                    ariaHasPopup = { true }
+                    ariaLabel = { this.props.t('toolbar.videoSettings') }
+                    buttonKey = { buttonKey }
+                    icon = { IconArrowUp }
+                    iconDisabled = { this._isIconDisabled() || gumPending !== IGUMPendingState.NONE }
+                    iconId = 'video-settings-button'
+                    iconTooltip = { t('toolbar.videoSettings') }
+                    notifyMode = { notifyMode }
+                    onIconClick = { this._onClick }
+                    onIconKeyDown = { this._onEscClick }>
+                    <VideoMuteButton
+                        buttonKey = { buttonKey }
+                        notifyMode = { notifyMode } />
+                </ToolboxButtonWithIcon>
+            </VideoSettingsPopup>
+        ) : <VideoMuteButton
+            buttonKey = { buttonKey }
+            notifyMode = { notifyMode } />;
+    }
+}
+
+/**
+ * Function that maps parts of Redux state tree into component props.
+ *
+ * @param {Object} state - Redux state.
+ * @returns {Object}
+ */
+function mapStateToProps(state: IReduxState) {
+    const { permissions = { video: false } } = state['features/base/devices'];
+    const { isNarrowLayout } = state['features/base/responsive-ui'];
+    const { gumPending } = state['features/base/media'].video;
+
+    return {
+        gumPending,
+        hasPermissions: permissions.video,
+        hasVideoTrack: Boolean(getLocalJitsiVideoTrack(state)),
+        isDisabled: isVideoSettingsButtonDisabled(state),
+        isOpen: Boolean(getVideoSettingsVisibility(state)),
+        visible: !isMobileBrowser() && !isNarrowLayout
+    };
+}
+
+const mapDispatchToProps = {
+    onVideoOptionsClick: toggleVideoSettings
+};
+
+export default translate(connect(
+    mapStateToProps,
+    mapDispatchToProps
+)(VideoSettingsButton));
diff --git a/react/features/toolbox/constants.ts b/react/features/toolbox/constants.ts
new file mode 100644
index 0000000..4ed35f9
--- /dev/null
+++ b/react/features/toolbox/constants.ts
@@ -0,0 +1,218 @@
+import { NativeToolbarButton, ToolbarButton } from './types';
+
+/**
+ * Dummy toolbar threschold value for 9 buttons. It is used as a placeholder in THRESHOLDS that would work only when
+ * this value is overiden.
+ */
+export const DUMMY_9_BUTTONS_THRESHOLD_VALUE = Symbol('9_BUTTONS_THRESHOLD_VALUE');
+
+/**
+ * Dummy toolbar threschold value for 10 buttons. It is used as a placeholder in THRESHOLDS that would work only when
+ * this value is overiden.
+ */
+export const DUMMY_10_BUTTONS_THRESHOLD_VALUE = Symbol('10_BUTTONS_THRESHOLD_VALUE');
+
+export const DEFAULT_REDUCED_UI_MAIN_TOOLBAR_BUTTONS = [ 'microphone', 'camera' ];
+
+/**
+ * Thresholds for displaying toolbox buttons.
+ */
+export const THRESHOLDS = [
+
+    // This entry won't be used unless the order is overridden trough the mainToolbarButtons config prop.
+    {
+        width: 675,
+        order: DUMMY_10_BUTTONS_THRESHOLD_VALUE
+    },
+
+    // This entry won't be used unless the order is overridden trough the mainToolbarButtons config prop.
+    {
+        width: 625,
+        order: DUMMY_9_BUTTONS_THRESHOLD_VALUE
+    },
+    {
+        width: 565,
+        order: [ 'microphone', 'camera', 'desktop', 'chat', 'raisehand', 'reactions', 'participants-pane', 'tileview' ]
+    },
+    {
+        width: 520,
+        order: [ 'microphone', 'camera', 'desktop', 'chat', 'raisehand', 'participants-pane', 'tileview' ]
+    },
+    {
+        width: 470,
+        order: [ 'microphone', 'camera', 'desktop', 'chat', 'raisehand', 'participants-pane' ]
+    },
+    {
+        width: 420,
+        order: [ 'microphone', 'camera', 'desktop', 'chat', 'participants-pane' ]
+    },
+    {
+        width: 370,
+        order: [ 'microphone', 'camera', 'chat', 'participants-pane' ]
+    },
+    {
+        width: 225,
+        order: [ 'microphone', 'camera', 'chat' ]
+    },
+    {
+        width: 200,
+        order: [ 'microphone', 'camera' ]
+    }
+];
+
+/**
+ * Thresholds for displaying native toolbox buttons.
+ */
+export const NATIVE_THRESHOLDS = [
+    {
+        width: 560,
+        order: [ 'microphone', 'camera', 'chat', 'desktop', 'raisehand', 'tileview', 'overflowmenu', 'hangup' ]
+    },
+    {
+        width: 500,
+        order: [ 'microphone', 'camera', 'chat', 'raisehand', 'tileview', 'overflowmenu', 'hangup' ]
+    },
+    {
+        width: 440,
+        order: [ 'microphone', 'camera', 'chat', 'raisehand', 'overflowmenu', 'hangup' ]
+    },
+    {
+        width: 380,
+        order: [ 'microphone', 'camera', 'chat', 'overflowmenu', 'hangup' ]
+    },
+    {
+        width: 320,
+        order: [ 'microphone', 'camera', 'overflowmenu', 'hangup' ]
+    }
+];
+
+/**
+ * Main toolbar buttons priority used to determine which button should be picked to fill empty spaces for disabled
+ * buttons.
+ */
+export const MAIN_TOOLBAR_BUTTONS_PRIORITY = [
+    'microphone',
+    'camera',
+    'desktop',
+    'chat',
+    'raisehand',
+    'reactions',
+    'participants-pane',
+    'tileview',
+    'overflowmenu',
+    'hangup',
+    'invite',
+    'toggle-camera',
+    'videoquality',
+    'fullscreen',
+    'security',
+    'closedcaptions',
+    'recording',
+    'livestreaming',
+    'linktosalesforce',
+    'sharedvideo',
+    'shareaudio',
+    'noisesuppression',
+    'whiteboard',
+    'etherpad',
+    'select-background',
+    'stats',
+    'settings',
+    'shortcuts',
+    'profile',
+    'embedmeeting',
+    'feedback',
+    'download',
+    'help'
+];
+
+export const TOOLBAR_TIMEOUT = 4000;
+
+export const DRAWER_MAX_HEIGHT = '80dvh - 64px';
+
+// Around 300 to be displayed above components like chat
+export const ZINDEX_DIALOG_PORTAL = 302;
+
+/**
+ * Color for spinner displayed in the toolbar.
+ */
+export const SPINNER_COLOR = '#929292';
+
+/**
+ * The list of all possible UI buttons.
+ *
+ * @protected
+ * @type Array<string>
+ */
+export const TOOLBAR_BUTTONS: ToolbarButton[] = [
+    'camera',
+    'chat',
+    'closedcaptions',
+    'desktop',
+    'download',
+    'embedmeeting',
+    'etherpad',
+    'feedback',
+    'filesharing',
+    'filmstrip',
+    'fullscreen',
+    'hangup',
+    'help',
+    'highlight',
+    'invite',
+    'linktosalesforce',
+    'livestreaming',
+    'microphone',
+    'mute-everyone',
+    'mute-video-everyone',
+    'participants-pane',
+    'polls',
+    'profile',
+    'raisehand',
+    'recording',
+    'security',
+    'select-background',
+    'settings',
+    'shareaudio',
+    'noisesuppression',
+    'sharedvideo',
+    'shortcuts',
+    'stats',
+    'tileview',
+    'toggle-camera',
+    'videoquality',
+    'whiteboard'
+];
+
+/**
+ * The list of all possible native buttons.
+ *
+ * @protected
+ * @type Array<string>
+ */
+export const NATIVE_TOOLBAR_BUTTONS: NativeToolbarButton[] = [
+    'camera',
+    'chat',
+    'hangup',
+    'microphone',
+    'overflowmenu',
+    'raisehand',
+    'desktop',
+    'tileview'
+];
+
+/**
+ * The toolbar buttons to show when in visitors mode.
+ */
+export const VISITORS_MODE_BUTTONS: ToolbarButton[] = [
+    'chat',
+    'closedcaptions',
+    'fullscreen',
+    'hangup',
+    'participants-pane',
+    'raisehand',
+    'settings',
+    'stats',
+    'tileview',
+    'videoquality'
+];
diff --git a/react/features/toolbox/functions.any.ts b/react/features/toolbox/functions.any.ts
new file mode 100644
index 0000000..98f89b8
--- /dev/null
+++ b/react/features/toolbox/functions.any.ts
@@ -0,0 +1,95 @@
+import { IReduxState } from '../app/types';
+import { IStateful } from '../base/app/types';
+import { isJwtFeatureEnabledStateless } from '../base/jwt/functions';
+import { IGUMPendingState } from '../base/media/types';
+import { IParticipantFeatures } from '../base/participants/types';
+import { toState } from '../base/redux/functions';
+import { iAmVisitor } from '../visitors/functions';
+
+import { VISITORS_MODE_BUTTONS } from './constants';
+
+/**
+ * Indicates if the audio mute button is disabled or not.
+ *
+ * @param {IReduxState} state - The state from the Redux store.
+ * @returns {boolean}
+ */
+export function isAudioMuteButtonDisabled(state: IReduxState) {
+    const { available, muted, unmuteBlocked, gumPending } = state['features/base/media'].audio;
+    const { startSilent } = state['features/base/config'];
+
+    return Boolean(!available || startSilent || (muted && unmuteBlocked) || gumPending !== IGUMPendingState.NONE
+        || iAmVisitor(state));
+}
+
+/**
+ * Returns the buttons corresponding to features disabled through jwt.
+ * This function is stateless as it returns a new array and may cause re-rendering.
+ *
+ * @param {boolean} isTranscribing - Whether there is currently a transcriber in the meeting.
+ * @param {boolean} isCCTabEnabled - Whether the closed captions tab is enabled.
+ * @param {ILocalParticipant} localParticipantFeatures - The features of the local participant.
+ * @returns {string[]} - The disabled by jwt buttons array.
+ */
+export function getJwtDisabledButtons(
+        isTranscribing: boolean,
+        isCCTabEnabled: boolean,
+        localParticipantFeatures?: IParticipantFeatures) {
+    const acc = [];
+
+    if (!isJwtFeatureEnabledStateless({
+        localParticipantFeatures,
+        feature: 'livestreaming',
+        ifNotInFeatures: false
+    })) {
+        acc.push('livestreaming');
+    }
+
+    if (!isTranscribing && !isCCTabEnabled && !isJwtFeatureEnabledStateless({
+        localParticipantFeatures,
+        feature: 'transcription',
+        ifNotInFeatures: false
+    })) {
+        acc.push('closedcaptions');
+    }
+
+    return acc;
+}
+
+/**
+ * Returns the list of enabled toolbar buttons.
+ *
+ * @param {Object|Function} stateful - Either the whole Redux state object or the Redux store's {@code getState} method.
+ * @param {string[]} definedToolbarButtons - The list of all possible buttons.
+ *
+ * @returns {Array<string>} - The list of enabled toolbar buttons.
+ */
+export function getToolbarButtons(stateful: IStateful, definedToolbarButtons: string[]): Array<string> {
+    const state = toState(stateful);
+    const { toolbarButtons, customToolbarButtons } = state['features/base/config'];
+    const customButtons = customToolbarButtons?.map(({ id }) => id);
+    let buttons = Array.isArray(toolbarButtons) ? toolbarButtons : definedToolbarButtons;
+
+    if (iAmVisitor(state)) {
+        buttons = VISITORS_MODE_BUTTONS.filter(button => buttons.indexOf(button) > -1);
+    }
+
+    if (customButtons) {
+        return [ ...buttons, ...customButtons ];
+    }
+
+    return buttons;
+}
+
+/**
+ * Checks if the specified button is enabled.
+ *
+ * @param {string} buttonName - The name of the button. See {@link interfaceConfig}.
+ * @param {Object|Array<string>} state - The redux state or the array with the enabled buttons.
+ * @returns {boolean} - True if the button is enabled and false otherwise.
+ */
+export function isButtonEnabled(buttonName: string, state: IReduxState | Array<string>) {
+    const buttons = Array.isArray(state) ? state : state['features/toolbox'].toolbarButtons || [];
+
+    return buttons.includes(buttonName);
+}
diff --git a/react/features/toolbox/functions.native.ts b/react/features/toolbox/functions.native.ts
new file mode 100644
index 0000000..41155e5
--- /dev/null
+++ b/react/features/toolbox/functions.native.ts
@@ -0,0 +1,125 @@
+import { IReduxState } from '../app/types';
+import { IStateful } from '../base/app/types';
+import { hasAvailableDevices } from '../base/devices/functions.native';
+import { TOOLBOX_ALWAYS_VISIBLE, TOOLBOX_ENABLED } from '../base/flags/constants';
+import { getFeatureFlag } from '../base/flags/functions';
+import { getParticipantCountWithFake } from '../base/participants/functions';
+import { toState } from '../base/redux/functions';
+import { isLocalVideoTrackDesktop } from '../base/tracks/functions.native';
+
+import { MAIN_TOOLBAR_BUTTONS_PRIORITY, VISITORS_MODE_BUTTONS } from './constants';
+import { isButtonEnabled } from './functions.any';
+import { IGetVisibleNativeButtonsParams, IToolboxNativeButton } from './types';
+
+export * from './functions.any';
+
+/**
+ * Indicates if the desktop share button is disabled or not.
+ *
+ * @param {IReduxState} state - The state from the Redux store.
+ * @returns {boolean}
+ */
+export function isDesktopShareButtonDisabled(state: IReduxState) {
+    const { muted, unmuteBlocked } = state['features/base/media'].video;
+    const videoOrShareInProgress = !muted || isLocalVideoTrackDesktop(state);
+
+    return unmuteBlocked && !videoOrShareInProgress;
+}
+
+/**
+ * Returns true if the toolbox is visible.
+ *
+ * @param {IStateful} stateful - A function or object that can be
+ * resolved to Redux state by the function {@code toState}.
+ * @returns {boolean}
+ */
+export function isToolboxVisible(stateful: IStateful) {
+    const state = toState(stateful);
+    const { toolbarConfig } = state['features/base/config'];
+    const { alwaysVisible } = toolbarConfig || {};
+    const { enabled, visible } = state['features/toolbox'];
+    const participantCount = getParticipantCountWithFake(state);
+    const alwaysVisibleFlag = getFeatureFlag(state, TOOLBOX_ALWAYS_VISIBLE, false);
+    const enabledFlag = getFeatureFlag(state, TOOLBOX_ENABLED, true);
+
+    return enabledFlag && enabled
+        && (alwaysVisible || visible || participantCount === 1 || alwaysVisibleFlag);
+}
+
+/**
+ * Indicates if the video mute button is disabled or not.
+ *
+ * @param {IReduxState} state - The state from the Redux store.
+ * @returns {boolean}
+ */
+export function isVideoMuteButtonDisabled(state: IReduxState) {
+    const { muted, unmuteBlocked } = state['features/base/media'].video;
+
+    return !hasAvailableDevices(state, 'videoInput')
+        || (unmuteBlocked && Boolean(muted));
+}
+
+
+/**
+ * Returns all buttons that need to be rendered.
+ *
+ * @param {IGetVisibleButtonsParams} params - The parameters needed to extract the visible buttons.
+ * @returns {Object} - The visible buttons arrays .
+ */
+export function getVisibleNativeButtons(
+        { allButtons, clientWidth, iAmVisitor, mainToolbarButtonsThresholds, toolbarButtons }: IGetVisibleNativeButtonsParams) {
+    let filteredButtons = Object.keys(allButtons).filter(key =>
+        typeof key !== 'undefined' // filter invalid buttons that may be coming from config.mainToolbarButtons override
+        && isButtonEnabled(key, toolbarButtons));
+
+    if (iAmVisitor) {
+        filteredButtons = VISITORS_MODE_BUTTONS.filter(button => filteredButtons.indexOf(button) > -1);
+    }
+
+    const { order } = mainToolbarButtonsThresholds.find(({ width }) => clientWidth > width)
+    || mainToolbarButtonsThresholds[mainToolbarButtonsThresholds.length - 1];
+
+    const mainToolbarButtonKeysOrder = [
+        ...order.filter(key => filteredButtons.includes(key)),
+        ...MAIN_TOOLBAR_BUTTONS_PRIORITY.filter(key => !order.includes(key) && filteredButtons.includes(key)),
+        ...filteredButtons.filter(key => !order.includes(key) && !MAIN_TOOLBAR_BUTTONS_PRIORITY.includes(key))
+    ];
+
+    const mainButtonsKeys = mainToolbarButtonKeysOrder.slice(0, order.length);
+    const overflowMenuButtons = filteredButtons.reduce((acc, key) => {
+        if (!mainButtonsKeys.includes(key)) {
+            acc.push(allButtons[key]);
+        }
+
+        return acc;
+    }, [] as IToolboxNativeButton[]);
+
+    // if we have 1 button in the overflow menu it is better to directly display it in the main toolbar by replacing
+    // the "More" menu button with it.
+    if (overflowMenuButtons.length === 1) {
+        const button = overflowMenuButtons.shift()?.key;
+
+        button && mainButtonsKeys.push(button);
+    }
+
+    const mainMenuButtons
+        = mainButtonsKeys.map(key => allButtons[key]).sort((a, b) => {
+
+            // Native toolbox includes hangup and overflowmenu button keys, too
+            // hangup goes last, overflowmenu goes second-to-last
+            if (a.key === 'hangup' || a.key === 'overflowmenu') {
+                return 1;
+            }
+
+            if (b.key === 'hangup' || b.key === 'overflowmenu') {
+                return -1;
+            }
+
+            return 0; // other buttons are sorted by priority
+        });
+
+    return {
+        mainMenuButtons,
+        overflowMenuButtons
+    };
+}
diff --git a/react/features/toolbox/functions.web.ts b/react/features/toolbox/functions.web.ts
new file mode 100644
index 0000000..0d5e2dc
--- /dev/null
+++ b/react/features/toolbox/functions.web.ts
@@ -0,0 +1,286 @@
+import { IReduxState } from '../app/types';
+import { hasAvailableDevices } from '../base/devices/functions.web';
+import { MEET_FEATURES } from '../base/jwt/constants';
+import { isJwtFeatureEnabled } from '../base/jwt/functions';
+import { IGUMPendingState } from '../base/media/types';
+import { isScreenMediaShared } from '../screen-share/functions';
+import { isWhiteboardVisible } from '../whiteboard/functions';
+
+import { DEFAULT_REDUCED_UI_MAIN_TOOLBAR_BUTTONS, MAIN_TOOLBAR_BUTTONS_PRIORITY, TOOLBAR_TIMEOUT } from './constants';
+import { isButtonEnabled } from './functions.any';
+import { IGetVisibleButtonsForReducedUIParams, IGetVisibleButtonsParams, IToolboxButton, NOTIFY_CLICK_MODE } from './types';
+
+export * from './functions.any';
+
+/**
+ * Helper for getting the height of the toolbox.
+ *
+ * @returns {number} The height of the toolbox.
+ */
+export function getToolboxHeight() {
+    const toolbox = document.getElementById('new-toolbox');
+
+    return toolbox?.clientHeight || 0;
+}
+
+/**
+ * Indicates if the toolbox is visible or not.
+ *
+ * @param {IReduxState} state - The state from the Redux store.
+ * @returns {boolean} - True to indicate that the toolbox is visible, false -
+ * otherwise.
+ */
+export function isToolboxVisible(state: IReduxState) {
+    const { iAmRecorder, iAmSipGateway, toolbarConfig } = state['features/base/config'];
+    const { alwaysVisible } = toolbarConfig || {};
+    const {
+        timeoutID,
+        visible
+    } = state['features/toolbox'];
+    const { audioSettingsVisible, videoSettingsVisible } = state['features/settings'];
+    const whiteboardVisible = isWhiteboardVisible(state);
+
+    return Boolean(!iAmRecorder && !iAmSipGateway
+            && (
+                timeoutID
+                || visible
+                || alwaysVisible
+                || audioSettingsVisible
+                || videoSettingsVisible
+                || whiteboardVisible
+            ));
+}
+
+/**
+ * Indicates if the audio settings button is disabled or not.
+ *
+ * @param {IReduxState} state - The state from the Redux store.
+ * @returns {boolean}
+ */
+export function isAudioSettingsButtonDisabled(state: IReduxState) {
+
+    return !(hasAvailableDevices(state, 'audioInput')
+        || hasAvailableDevices(state, 'audioOutput'))
+        || state['features/base/config'].startSilent;
+}
+
+/**
+ * Indicates if the desktop share button is disabled or not.
+ *
+ * @param {IReduxState} state - The state from the Redux store.
+ * @returns {boolean}
+ */
+export function isDesktopShareButtonDisabled(state: IReduxState) {
+    const { muted, unmuteBlocked } = state['features/base/media'].video;
+    const videoOrShareInProgress = !muted || isScreenMediaShared(state);
+    const enabledInJwt = isJwtFeatureEnabled(state, MEET_FEATURES.SCREEN_SHARING, true);
+
+    return !enabledInJwt || (unmuteBlocked && !videoOrShareInProgress);
+}
+
+/**
+ * Indicates if the video settings button is disabled or not.
+ *
+ * @param {IReduxState} state - The state from the Redux store.
+ * @returns {boolean}
+ */
+export function isVideoSettingsButtonDisabled(state: IReduxState) {
+    return !hasAvailableDevices(state, 'videoInput');
+}
+
+/**
+ * Indicates if the video mute button is disabled or not.
+ *
+ * @param {IReduxState} state - The state from the Redux store.
+ * @returns {boolean}
+ */
+export function isVideoMuteButtonDisabled(state: IReduxState) {
+    const { muted, unmuteBlocked, gumPending } = state['features/base/media'].video;
+
+    return !hasAvailableDevices(state, 'videoInput')
+        || (unmuteBlocked && Boolean(muted))
+        || gumPending !== IGUMPendingState.NONE;
+}
+
+/**
+ * If an overflow drawer should be displayed or not.
+ * This is usually done for mobile devices or on narrow screens.
+ *
+ * @param {IReduxState} state - The state from the Redux store.
+ * @returns {boolean}
+ */
+export function showOverflowDrawer(state: IReduxState) {
+    return state['features/toolbox'].overflowDrawer;
+}
+
+/**
+ * Returns the toolbar timeout from config or the default value.
+ *
+ * @param {IReduxState} state - The state from the Redux store.
+ * @returns {number} - Toolbar timeout in milliseconds.
+ */
+export function getToolbarTimeout(state: IReduxState) {
+    const { toolbarConfig } = state['features/base/config'];
+
+    return toolbarConfig?.timeout || TOOLBAR_TIMEOUT;
+}
+
+/**
+ * Sets the notify click mode for the buttons.
+ *
+ * @param {Object} buttons - The list of toolbar buttons.
+ * @param {Map} buttonsWithNotifyClick - The buttons notify click configuration.
+ * @returns {void}
+ */
+function setButtonsNotifyClickMode(buttons: Object, buttonsWithNotifyClick: Map<string, NOTIFY_CLICK_MODE>) {
+    if (typeof APP === 'undefined' || (buttonsWithNotifyClick?.size ?? 0) <= 0) {
+        return;
+    }
+
+    Object.values(buttons).forEach((button: any) => {
+        if (typeof button === 'object') {
+            button.notifyMode = buttonsWithNotifyClick.get(button.key);
+        }
+    });
+}
+
+/**
+ * Returns all buttons that need to be rendered.
+ *
+ * @param {IGetVisibleButtonsParams} params - The parameters needed to extract the visible buttons.
+ * @returns {Object} - The visible buttons arrays .
+ */
+export function getVisibleButtons({
+    allButtons,
+    buttonsWithNotifyClick,
+    toolbarButtons,
+    clientWidth,
+    jwtDisabledButtons,
+    mainToolbarButtonsThresholds
+}: IGetVisibleButtonsParams) {
+    setButtonsNotifyClickMode(allButtons, buttonsWithNotifyClick);
+
+    const filteredButtons = Object.keys(allButtons).filter(key =>
+        typeof key !== 'undefined' // filter invalid buttons that may be coming from config.mainToolbarButtons
+        // override
+        && !jwtDisabledButtons.includes(key)
+        && isButtonEnabled(key, toolbarButtons));
+
+
+    const { order } = mainToolbarButtonsThresholds.find(({ width }) => clientWidth > width)
+        || mainToolbarButtonsThresholds[mainToolbarButtonsThresholds.length - 1];
+
+    const mainToolbarButtonKeysOrder = [
+        ...order.filter(key => filteredButtons.includes(key)),
+        ...MAIN_TOOLBAR_BUTTONS_PRIORITY.filter(key => !order.includes(key) && filteredButtons.includes(key)),
+        ...filteredButtons.filter(key => !order.includes(key) && !MAIN_TOOLBAR_BUTTONS_PRIORITY.includes(key))
+    ];
+
+    const mainButtonsKeys = mainToolbarButtonKeysOrder.slice(0, order.length);
+    const overflowMenuButtons = filteredButtons.reduce((acc, key) => {
+        if (!mainButtonsKeys.includes(key)) {
+            acc.push(allButtons[key]);
+        }
+
+        return acc;
+    }, [] as IToolboxButton[]);
+
+    // if we have 1 button in the overflow menu it is better to directly display it in the main toolbar by replacing
+    // the "More" menu button with it.
+    if (overflowMenuButtons.length === 1) {
+        const button = overflowMenuButtons.shift()?.key;
+
+        button && mainButtonsKeys.push(button);
+    }
+
+    const mainMenuButtons = mainButtonsKeys.map(key => allButtons[key]);
+
+    return {
+        mainMenuButtons,
+        overflowMenuButtons
+    };
+}
+
+/**
+ * Returns buttons that need to be rendered for reduced UI mode.
+ *
+ * @param {IGetVisibleButtonsForReducedUIParams} params - The parameters needed to extract the visible buttons.
+ * @returns {Object} - The visible buttons for reduced ui.
+ */
+export function getVisibleButtonsForReducedUI({
+    allButtons,
+    buttonsWithNotifyClick,
+    jwtDisabledButtons,
+    reducedUImainToolbarButtons
+}: IGetVisibleButtonsForReducedUIParams) {
+    setButtonsNotifyClickMode(allButtons, buttonsWithNotifyClick);
+
+    if (!Array.isArray(reducedUImainToolbarButtons) || reducedUImainToolbarButtons.length === 0) {
+        const defaultButtons = DEFAULT_REDUCED_UI_MAIN_TOOLBAR_BUTTONS.map(key => allButtons[key]);
+
+        return {
+            mainMenuButtons: defaultButtons
+        };
+    }
+
+    const filteredButtons = reducedUImainToolbarButtons.filter(key =>
+        typeof key !== 'undefined'
+        && !jwtDisabledButtons.includes(key)
+        && isButtonEnabled(key, reducedUImainToolbarButtons)
+        && allButtons[key]);
+
+    const mainMenuButtons = filteredButtons.map(key => allButtons[key]);
+
+    return {
+        mainMenuButtons
+    };
+}
+
+/**
+ * Returns the list of participant menu buttons that have that notify the api when clicked.
+ *
+ * @param {Object} state - The redux state.
+ * @returns {Map<string, NOTIFY_CLICK_MODE>} - The list of participant menu buttons.
+ */
+export function getParticipantMenuButtonsWithNotifyClick(state: IReduxState): Map<string, NOTIFY_CLICK_MODE> {
+    return state['features/toolbox'].participantMenuButtonsWithNotifyClick;
+}
+
+interface ICSSTransitionObject {
+    delay: number;
+    duration: number;
+    easingFunction: string;
+}
+
+/**
+ * Returns the time, timing function and delay for elements that are position above the toolbar and need to move along
+ * with the toolbar.
+ *
+ * @param {boolean} isToolbarVisible - Whether the toolbar is visible or not.
+ * @returns {ICSSTransitionObject}
+ */
+export function getTransitionParamsForElementsAboveToolbox(isToolbarVisible: boolean): ICSSTransitionObject {
+    // The transition time and delay is different to account for the time when the toolbar is about to hide/show but
+    // the elements don't have to move.
+    return isToolbarVisible ? {
+        duration: 0.15,
+        easingFunction: 'ease-in',
+        delay: 0.15
+    } : {
+        duration: 0.24,
+        easingFunction: 'ease-in',
+        delay: 0
+    };
+}
+
+/**
+ * Converts a given object to a css transition value string.
+ *
+ * @param {ICSSTransitionObject} object - The object.
+ * @returns {string}
+ */
+export function toCSSTransitionValue(object: ICSSTransitionObject) {
+    const { delay, duration, easingFunction } = object;
+
+    return `${duration}s ${easingFunction} ${delay}s`;
+}
diff --git a/react/features/toolbox/hooks.native.ts b/react/features/toolbox/hooks.native.ts
new file mode 100644
index 0000000..99adb12
--- /dev/null
+++ b/react/features/toolbox/hooks.native.ts
@@ -0,0 +1,181 @@
+import { useSelector } from 'react-redux';
+
+import ChatButton from '../chat/components/native/ChatButton';
+import RaiseHandContainerButtons from '../reactions/components/native/RaiseHandContainerButtons';
+import TileViewButton from '../video-layout/components/TileViewButton';
+import { iAmVisitor } from '../visitors/functions';
+
+import AudioMuteButton from './components/native/AudioMuteButton';
+import CustomOptionButton from './components/native/CustomOptionButton';
+import HangupContainerButtons from './components/native/HangupContainerButtons';
+import OverflowMenuButton from './components/native/OverflowMenuButton';
+import ScreenSharingButton from './components/native/ScreenSharingButton';
+import VideoMuteButton from './components/native/VideoMuteButton';
+import { isDesktopShareButtonDisabled } from './functions.native';
+import { ICustomToolbarButton, IToolboxNativeButton, NativeToolbarButton } from './types';
+
+
+const microphone = {
+    key: 'microphone',
+    Content: AudioMuteButton,
+    group: 0
+};
+
+const camera = {
+    key: 'camera',
+    Content: VideoMuteButton,
+    group: 0
+};
+
+const chat = {
+    key: 'chat',
+    Content: ChatButton,
+    group: 1
+};
+
+const screensharing = {
+    key: 'desktop',
+    Content: ScreenSharingButton,
+    group: 1
+};
+
+const raisehand = {
+    key: 'raisehand',
+    Content: RaiseHandContainerButtons,
+    group: 2
+};
+
+const tileview = {
+    key: 'tileview',
+    Content: TileViewButton,
+    group: 2
+};
+
+const overflowmenu = {
+    key: 'overflowmenu',
+    Content: OverflowMenuButton,
+    group: 3
+};
+
+const hangup = {
+    key: 'hangup',
+    Content: HangupContainerButtons,
+    group: 3
+};
+
+/**
+ * A hook that returns the audio mute button.
+ *
+ *  @returns {Object | undefined}
+ */
+function getAudioMuteButton() {
+    const _iAmVisitor = useSelector(iAmVisitor);
+
+    if (!_iAmVisitor) {
+        return microphone;
+    }
+}
+
+/**
+ * A hook that returns the video mute button.
+ *
+ *  @returns {Object | undefined}
+ */
+function getVideoMuteButton() {
+    const _iAmVisitor = useSelector(iAmVisitor);
+
+    if (!_iAmVisitor) {
+        return camera;
+    }
+}
+
+/**
+ * A hook that returns the chat button.
+ *
+ *  @returns {Object | undefined}
+ */
+function getChatButton() {
+    return chat;
+}
+
+/**
+ * A hook that returns the screen sharing button.
+ *
+ *  @returns {Object | undefined}
+ */
+function getScreenSharingButton() {
+    const _iAmVisitor = useSelector(iAmVisitor);
+    const _isScreenShareButtonDisabled = useSelector(isDesktopShareButtonDisabled);
+
+    if (!_isScreenShareButtonDisabled && !_iAmVisitor) {
+        return screensharing;
+    }
+}
+
+/**
+ * A hook that returns the tile view button.
+ *
+ *  @returns {Object | undefined}
+ */
+function getTileViewButton() {
+    return tileview;
+}
+
+/**
+ * A hook that returns the overflow menu button.
+ *
+ *  @returns {Object | undefined}
+ */
+function getOverflowMenuButton() {
+    return overflowmenu;
+}
+
+/**
+ * Returns all buttons that could be rendered.
+ *
+ * @param {Object} _customToolbarButtons - An array containing custom buttons objects.
+ * @returns {Object} The button maps mainMenuButtons and overflowMenuButtons.
+ */
+export function useNativeToolboxButtons(
+        _customToolbarButtons?: ICustomToolbarButton[]): { [key: string]: IToolboxNativeButton; } {
+    const audioMuteButton = getAudioMuteButton();
+    const videoMuteButton = getVideoMuteButton();
+    const chatButton = getChatButton();
+    const screenSharingButton = getScreenSharingButton();
+    const tileViewButton = getTileViewButton();
+    const overflowMenuButton = getOverflowMenuButton();
+
+    const buttons: { [key in NativeToolbarButton]?: IToolboxNativeButton; } = {
+        microphone: audioMuteButton,
+        camera: videoMuteButton,
+        chat: chatButton,
+        desktop: screenSharingButton,
+        raisehand,
+        tileview: tileViewButton,
+        overflowmenu: overflowMenuButton,
+        hangup
+    };
+    const buttonKeys = Object.keys(buttons) as NativeToolbarButton[];
+
+    buttonKeys.forEach(
+        key => typeof buttons[key] === 'undefined' && delete buttons[key]);
+
+    const customButtons = _customToolbarButtons?.reduce((prev, { backgroundColor, icon, id, text }) => {
+        prev[id] = {
+            backgroundColor,
+            key: id,
+            id,
+            Content: CustomOptionButton,
+            group: 4,
+            icon,
+            text
+        };
+
+        return prev;
+    }, {} as { [key: string]: ICustomToolbarButton; });
+
+    return {
+        ...buttons,
+        ...customButtons
+    };
+}
diff --git a/react/features/toolbox/hooks.web.ts b/react/features/toolbox/hooks.web.ts
new file mode 100644
index 0000000..a416e0d
--- /dev/null
+++ b/react/features/toolbox/hooks.web.ts
@@ -0,0 +1,650 @@
+import { useEffect } from 'react';
+import { batch, useDispatch, useSelector } from 'react-redux';
+
+import { ACTION_SHORTCUT_TRIGGERED, createShortcutEvent } from '../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../analytics/functions';
+import { IReduxState } from '../app/types';
+import { toggleDialog } from '../base/dialog/actions';
+import { isIosMobileBrowser, isIpadMobileBrowser } from '../base/environment/utils';
+import { HELP_BUTTON_ENABLED } from '../base/flags/constants';
+import { getFeatureFlag } from '../base/flags/functions';
+import JitsiMeetJS from '../base/lib-jitsi-meet';
+import { raiseHand } from '../base/participants/actions';
+import { getLocalParticipant, hasRaisedHand } from '../base/participants/functions';
+import { isToggleCameraEnabled } from '../base/tracks/functions.web';
+import { toggleChat } from '../chat/actions.web';
+import { isChatDisabled } from '../chat/functions';
+import { useChatButton } from '../chat/hooks.web';
+import { useEmbedButton } from '../embed-meeting/hooks';
+import { useEtherpadButton } from '../etherpad/hooks';
+import { useFeedbackButton } from '../feedback/hooks.web';
+import { useFileSharingButton } from '../file-sharing/hooks.web';
+import { setGifMenuVisibility } from '../gifs/actions';
+import { isGifEnabled } from '../gifs/function.any';
+import InviteButton from '../invite/components/add-people-dialog/web/InviteButton';
+import { registerShortcut, unregisterShortcut } from '../keyboard-shortcuts/actions';
+import { useKeyboardShortcutsButton } from '../keyboard-shortcuts/hooks';
+import NoiseSuppressionButton from '../noise-suppression/components/NoiseSuppressionButton';
+import {
+    close as closeParticipantsPane,
+    open as openParticipantsPane
+} from '../participants-pane/actions.web';
+import {
+    getParticipantsPaneOpen,
+    isParticipantsPaneEnabled
+} from '../participants-pane/functions';
+import { useParticipantPaneButton } from '../participants-pane/hooks.web';
+import { usePollsButton } from '../polls/hooks.web';
+import { addReactionToBuffer } from '../reactions/actions.any';
+import { toggleReactionsMenuVisibility } from '../reactions/actions.web';
+import RaiseHandContainerButton from '../reactions/components/web/RaiseHandContainerButtons';
+import { REACTIONS } from '../reactions/constants';
+import { shouldDisplayReactionsButtons } from '../reactions/functions.any';
+import { useReactionsButton } from '../reactions/hooks.web';
+import { useLiveStreamingButton, useRecordingButton } from '../recording/hooks.web';
+import { isSalesforceEnabled } from '../salesforce/functions';
+import { startScreenShareFlow } from '../screen-share/actions.web';
+import ShareAudioButton from '../screen-share/components/web/ShareAudioButton';
+import { isScreenAudioSupported, isScreenVideoShared } from '../screen-share/functions';
+import { useSecurityDialogButton } from '../security/hooks.web';
+import SettingsButton from '../settings/components/web/SettingsButton';
+import { useSharedVideoButton } from '../shared-video/hooks';
+import SpeakerStats from '../speaker-stats/components/web/SpeakerStats';
+import { isSpeakerStatsDisabled } from '../speaker-stats/functions';
+import { useSpeakerStatsButton } from '../speaker-stats/hooks.web';
+import { useClosedCaptionButton } from '../subtitles/hooks.web';
+import { toggleTileView } from '../video-layout/actions.any';
+import { shouldDisplayTileView } from '../video-layout/functions.web';
+import { useTileViewButton } from '../video-layout/hooks';
+import VideoQualityButton from '../video-quality/components/VideoQualityButton.web';
+import VideoQualityDialog from '../video-quality/components/VideoQualityDialog.web';
+import { useVirtualBackgroundButton } from '../virtual-background/hooks';
+import { useWhiteboardButton } from '../whiteboard/hooks';
+
+import { setFullScreen } from './actions.web';
+import DownloadButton from './components/DownloadButton';
+import HelpButton from './components/HelpButton';
+import AudioSettingsButton from './components/web/AudioSettingsButton';
+import CustomOptionButton from './components/web/CustomOptionButton';
+import FullscreenButton from './components/web/FullscreenButton';
+import LinkToSalesforceButton from './components/web/LinkToSalesforceButton';
+import ProfileButton from './components/web/ProfileButton';
+import ShareDesktopButton from './components/web/ShareDesktopButton';
+import ToggleCameraButton from './components/web/ToggleCameraButton';
+import VideoSettingsButton from './components/web/VideoSettingsButton';
+import { isButtonEnabled, isDesktopShareButtonDisabled } from './functions.web';
+import { ICustomToolbarButton, IToolboxButton, ToolbarButton } from './types';
+
+
+const microphone = {
+    key: 'microphone',
+    Content: AudioSettingsButton,
+    group: 0
+};
+
+const camera = {
+    key: 'camera',
+    Content: VideoSettingsButton,
+    group: 0
+};
+
+const profile = {
+    key: 'profile',
+    Content: ProfileButton,
+    group: 1
+};
+
+const desktop = {
+    key: 'desktop',
+    Content: ShareDesktopButton,
+    group: 2
+};
+
+// In Narrow layout and mobile web we are using drawer for popups and that is why it is better to include
+// all forms of reactions in the overflow menu. Otherwise the toolbox will be hidden and the reactions popup
+// misaligned.
+const raisehand = {
+    key: 'raisehand',
+    Content: RaiseHandContainerButton,
+    group: 2
+};
+
+const invite = {
+    key: 'invite',
+    Content: InviteButton,
+    group: 2
+};
+
+const toggleCamera = {
+    key: 'toggle-camera',
+    Content: ToggleCameraButton,
+    group: 2
+};
+
+const videoQuality = {
+    key: 'videoquality',
+    Content: VideoQualityButton,
+    group: 2
+};
+
+const fullscreen = {
+    key: 'fullscreen',
+    Content: FullscreenButton,
+    group: 2
+};
+
+const linkToSalesforce = {
+    key: 'linktosalesforce',
+    Content: LinkToSalesforceButton,
+    group: 2
+};
+
+const shareAudio = {
+    key: 'shareaudio',
+    Content: ShareAudioButton,
+    group: 3
+};
+
+const noiseSuppression = {
+    key: 'noisesuppression',
+    Content: NoiseSuppressionButton,
+    group: 3
+};
+
+const settings = {
+    key: 'settings',
+    Content: SettingsButton,
+    group: 4
+};
+
+const download = {
+    key: 'download',
+    Content: DownloadButton,
+    group: 4
+};
+
+const help = {
+    key: 'help',
+    Content: HelpButton,
+    group: 4
+};
+
+/**
+ * A hook that returns the toggle camera button if it is enabled and undefined otherwise.
+ *
+ *  @returns {Object | undefined}
+ */
+function useToggleCameraButton() {
+    const toggleCameraEnabled = useSelector(isToggleCameraEnabled);
+
+    if (toggleCameraEnabled) {
+        return toggleCamera;
+    }
+}
+
+/**
+ * A hook that returns the desktop sharing button if it is enabled and undefined otherwise.
+ *
+ *  @returns {Object | undefined}
+ */
+function getDesktopSharingButton() {
+    if (JitsiMeetJS.isDesktopSharingEnabled()) {
+        return desktop;
+    }
+}
+
+/**
+ * A hook that returns the fullscreen button if it is enabled and undefined otherwise.
+ *
+ *  @returns {Object | undefined}
+ */
+function getFullscreenButton() {
+    if (!isIosMobileBrowser() || isIpadMobileBrowser()) {
+        return fullscreen;
+    }
+}
+
+/**
+ * A hook that returns the "link to salesforce" button if it is enabled and undefined otherwise.
+ *
+ *  @returns {Object | undefined}
+ */
+function useLinkToSalesforceButton() {
+    const _isSalesforceEnabled = useSelector(isSalesforceEnabled);
+
+    if (_isSalesforceEnabled) {
+        return linkToSalesforce;
+    }
+}
+
+
+/**
+ * A hook that returns the share audio button if it is enabled and undefined otherwise.
+ *
+ *  @returns {Object | undefined}
+ */
+function getShareAudioButton() {
+    if (JitsiMeetJS.isDesktopSharingEnabled() && isScreenAudioSupported()) {
+        return shareAudio;
+    }
+}
+
+/**
+ * A hook that returns the download button if it is enabled and undefined otherwise.
+ *
+ *  @returns {Object | undefined}
+ */
+function useDownloadButton() {
+    const visible = useSelector(
+        (state: IReduxState) => typeof state['features/base/config'].deploymentUrls?.downloadAppsUrl === 'string');
+
+    if (visible) {
+        return download;
+    }
+}
+
+/**
+ * A hook that returns the help button if it is enabled and undefined otherwise.
+ *
+ *  @returns {Object | undefined}
+ */
+function useHelpButton() {
+    const visible = useSelector(
+        (state: IReduxState) =>
+            typeof state['features/base/config'].deploymentUrls?.userDocumentationURL === 'string'
+                && getFeatureFlag(state, HELP_BUTTON_ENABLED, true));
+
+    if (visible) {
+        return help;
+    }
+}
+
+/**
+* Returns all buttons that could be rendered.
+*
+* @param {Object} _customToolbarButtons - An array containing custom buttons objects.
+* @returns {Object} The button maps mainMenuButtons and overflowMenuButtons.
+*/
+export function useToolboxButtons(
+        _customToolbarButtons?: ICustomToolbarButton[]): { [key: string]: IToolboxButton; } {
+    const desktopSharing = getDesktopSharingButton();
+    const toggleCameraButton = useToggleCameraButton();
+    const _fullscreen = getFullscreenButton();
+    const security = useSecurityDialogButton();
+    const reactions = useReactionsButton();
+    const participants = useParticipantPaneButton();
+    const tileview = useTileViewButton();
+    const chat = useChatButton();
+    const cc = useClosedCaptionButton();
+    const polls = usePollsButton();
+    const filesharing = useFileSharingButton();
+    const recording = useRecordingButton();
+    const liveStreaming = useLiveStreamingButton();
+    const linktosalesforce = useLinkToSalesforceButton();
+    const shareaudio = getShareAudioButton();
+    const shareVideo = useSharedVideoButton();
+    const whiteboard = useWhiteboardButton();
+    const etherpad = useEtherpadButton();
+    const virtualBackground = useVirtualBackgroundButton();
+    const speakerStats = useSpeakerStatsButton();
+    const shortcuts = useKeyboardShortcutsButton();
+    const embed = useEmbedButton();
+    const feedback = useFeedbackButton();
+    const _download = useDownloadButton();
+    const _help = useHelpButton();
+
+    const buttons: { [key in ToolbarButton]?: IToolboxButton; } = {
+        microphone,
+        camera,
+        profile,
+        desktop: desktopSharing,
+        chat,
+        raisehand,
+        reactions,
+        'participants-pane': participants,
+        invite,
+        tileview,
+        'toggle-camera': toggleCameraButton,
+        videoquality: videoQuality,
+        fullscreen: _fullscreen,
+        security,
+        closedcaptions: cc,
+        polls,
+        filesharing,
+        recording,
+        livestreaming: liveStreaming,
+        linktosalesforce,
+        sharedvideo: shareVideo,
+        shareaudio,
+        noisesuppression: noiseSuppression,
+        whiteboard,
+        etherpad,
+        'select-background': virtualBackground,
+        stats: speakerStats,
+        settings,
+        shortcuts,
+        embedmeeting: embed,
+        feedback,
+        download: _download,
+        help: _help
+    };
+    const buttonKeys = Object.keys(buttons) as ToolbarButton[];
+
+    buttonKeys.forEach(
+            key => typeof buttons[key] === 'undefined' && delete buttons[key]);
+
+    const customButtons = _customToolbarButtons?.reduce((prev, { backgroundColor, icon, id, text }) => {
+        prev[id] = {
+            backgroundColor,
+            key: id,
+            id,
+            Content: CustomOptionButton,
+            group: 4,
+            icon,
+            text
+        };
+
+        return prev;
+    }, {} as { [key: string]: ICustomToolbarButton; });
+
+    return {
+        ...buttons,
+        ...customButtons
+    };
+}
+
+
+export const useKeyboardShortcuts = (toolbarButtons: Array<string>) => {
+    const dispatch = useDispatch();
+    const _isSpeakerStatsDisabled = useSelector(isSpeakerStatsDisabled);
+    const _isParticipantsPaneEnabled = useSelector(isParticipantsPaneEnabled);
+    const _shouldDisplayReactionsButtons = useSelector(shouldDisplayReactionsButtons);
+    const _toolbarButtons = useSelector(
+        (state: IReduxState) => toolbarButtons || state['features/toolbox'].toolbarButtons);
+    const chatOpen = useSelector((state: IReduxState) => state['features/chat'].isOpen);
+    const _isChatDisabled = useSelector(isChatDisabled);
+    const desktopSharingButtonDisabled = useSelector(isDesktopShareButtonDisabled);
+    const desktopSharingEnabled = JitsiMeetJS.isDesktopSharingEnabled();
+    const fullScreen = useSelector((state: IReduxState) => state['features/toolbox'].fullScreen);
+    const gifsEnabled = useSelector(isGifEnabled);
+    const participantsPaneOpen = useSelector(getParticipantsPaneOpen);
+    const raisedHand = useSelector((state: IReduxState) => hasRaisedHand(getLocalParticipant(state)));
+    const screenSharing = useSelector(isScreenVideoShared);
+    const tileViewEnabled = useSelector(shouldDisplayTileView);
+
+    /**
+     * Creates an analytics keyboard shortcut event and dispatches an action for
+     * toggling the display of chat.
+     *
+     * @private
+     * @returns {void}
+     */
+    function onToggleChat() {
+        // Don't toggle chat if it's disabled.
+        if (_isChatDisabled) {
+            return false;
+        }
+
+        sendAnalytics(createShortcutEvent(
+            'toggle.chat',
+            ACTION_SHORTCUT_TRIGGERED,
+            {
+                enable: !chatOpen
+            }));
+
+        // Checks if there was any text selected by the user.
+        // Used for when we press simultaneously keys for copying
+        // text messages from the chat board
+        if (window.getSelection()?.toString() !== '') {
+            return false;
+        }
+
+        dispatch(toggleChat());
+    }
+
+    /**
+     * Creates an analytics keyboard shortcut event and dispatches an action for
+     * toggling the display of the participants pane.
+     *
+     * @private
+     * @returns {void}
+     */
+    function onToggleParticipantsPane() {
+        sendAnalytics(createShortcutEvent(
+            'toggle.participants-pane',
+            ACTION_SHORTCUT_TRIGGERED,
+            {
+                enable: !participantsPaneOpen
+            }));
+
+        if (participantsPaneOpen) {
+            dispatch(closeParticipantsPane());
+        } else {
+            dispatch(openParticipantsPane());
+        }
+    }
+
+    /**
+    * Creates an analytics keyboard shortcut event and dispatches an action for
+    * toggling the display of Video Quality.
+    *
+    * @private
+    * @returns {void}
+    */
+    function onToggleVideoQuality() {
+        sendAnalytics(createShortcutEvent('video.quality'));
+
+        dispatch(toggleDialog('VideoQualityDialog', VideoQualityDialog));
+    }
+
+    /**
+     * Dispatches an action for toggling the tile view.
+     *
+     * @private
+     * @returns {void}
+     */
+    function onToggleTileView() {
+        sendAnalytics(createShortcutEvent(
+            'toggle.tileview',
+            ACTION_SHORTCUT_TRIGGERED,
+            {
+                enable: !tileViewEnabled
+            }));
+
+        dispatch(toggleTileView());
+    }
+
+    /**
+     * Creates an analytics keyboard shortcut event and dispatches an action for
+     * toggling full screen mode.
+     *
+     * @private
+     * @returns {void}
+     */
+    function onToggleFullScreen() {
+        sendAnalytics(createShortcutEvent(
+            'toggle.fullscreen',
+            ACTION_SHORTCUT_TRIGGERED,
+            {
+                enable: !fullScreen
+            }));
+        dispatch(setFullScreen(!fullScreen));
+    }
+
+    /**
+     * Creates an analytics keyboard shortcut event and dispatches an action for
+     * toggling raise hand.
+     *
+     * @private
+     * @returns {void}
+     */
+    function onToggleRaiseHand() {
+        sendAnalytics(createShortcutEvent(
+            'toggle.raise.hand',
+            ACTION_SHORTCUT_TRIGGERED,
+            { enable: !raisedHand }));
+
+        dispatch(raiseHand(!raisedHand));
+    }
+
+    /**
+     * Creates an analytics keyboard shortcut event and dispatches an action for
+     * toggling screensharing.
+     *
+     * @private
+     * @returns {void}
+     */
+    function onToggleScreenshare() {
+        // Ignore the shortcut if the button is disabled.
+        if (desktopSharingButtonDisabled) {
+            return;
+        }
+        sendAnalytics(createShortcutEvent(
+            'toggle.screen.sharing',
+            ACTION_SHORTCUT_TRIGGERED,
+            {
+                enable: !screenSharing
+            }));
+
+        if (desktopSharingEnabled && !desktopSharingButtonDisabled) {
+            dispatch(startScreenShareFlow(!screenSharing));
+        }
+    }
+
+    /**
+     * Creates an analytics keyboard shortcut event and dispatches an action for
+     * toggling speaker stats.
+     *
+     * @private
+     * @returns {void}
+     */
+    function onSpeakerStats() {
+        sendAnalytics(createShortcutEvent(
+            'speaker.stats'
+        ));
+
+        dispatch(toggleDialog('SpeakerStats', SpeakerStats, {
+            conference: APP.conference
+        }));
+    }
+
+    useEffect(() => {
+        const KEYBOARD_SHORTCUTS = [
+            isButtonEnabled('videoquality', _toolbarButtons) && {
+                character: 'A',
+                exec: onToggleVideoQuality,
+                helpDescription: 'toolbar.callQuality'
+            },
+            !_isChatDisabled && isButtonEnabled('chat', _toolbarButtons) && {
+                character: 'C',
+                exec: onToggleChat,
+                helpDescription: 'keyboardShortcuts.toggleChat'
+            },
+            isButtonEnabled('desktop', _toolbarButtons) && {
+                character: 'D',
+                exec: onToggleScreenshare,
+                helpDescription: 'keyboardShortcuts.toggleScreensharing'
+            },
+            _isParticipantsPaneEnabled && isButtonEnabled('participants-pane', _toolbarButtons) && {
+                character: 'P',
+                exec: onToggleParticipantsPane,
+                helpDescription: 'keyboardShortcuts.toggleParticipantsPane'
+            },
+            isButtonEnabled('raisehand', _toolbarButtons) && {
+                character: 'R',
+                exec: onToggleRaiseHand,
+                helpDescription: 'keyboardShortcuts.raiseHand'
+            },
+            isButtonEnabled('fullscreen', _toolbarButtons) && {
+                character: 'S',
+                exec: onToggleFullScreen,
+                helpDescription: 'keyboardShortcuts.fullScreen'
+            },
+            isButtonEnabled('tileview', _toolbarButtons) && {
+                character: 'W',
+                exec: onToggleTileView,
+                helpDescription: 'toolbar.tileViewToggle'
+            },
+            !_isSpeakerStatsDisabled && isButtonEnabled('stats', _toolbarButtons) && {
+                character: 'T',
+                exec: onSpeakerStats,
+                helpDescription: 'keyboardShortcuts.showSpeakerStats'
+            }
+        ];
+
+        KEYBOARD_SHORTCUTS.forEach(shortcut => {
+            if (typeof shortcut === 'object') {
+                dispatch(registerShortcut({
+                    character: shortcut.character,
+                    handler: shortcut.exec,
+                    helpDescription: shortcut.helpDescription
+                }));
+            }
+        });
+
+        // If the buttons for sending reactions are not displayed we should disable the shortcuts too.
+        if (_shouldDisplayReactionsButtons) {
+            const REACTION_SHORTCUTS = Object.keys(REACTIONS).map(key => {
+                const onShortcutSendReaction = () => {
+                    dispatch(addReactionToBuffer(key));
+                    sendAnalytics(createShortcutEvent(
+                        `reaction.${key}`
+                    ));
+                };
+
+                return {
+                    character: REACTIONS[key].shortcutChar,
+                    exec: onShortcutSendReaction,
+                    helpDescription: `toolbar.reaction${key.charAt(0).toUpperCase()}${key.slice(1)}`,
+                    altKey: true
+                };
+            });
+
+            REACTION_SHORTCUTS.forEach(shortcut => {
+                dispatch(registerShortcut({
+                    alt: shortcut.altKey,
+                    character: shortcut.character,
+                    handler: shortcut.exec,
+                    helpDescription: shortcut.helpDescription
+                }));
+            });
+
+            if (gifsEnabled) {
+                const onGifShortcut = () => {
+                    batch(() => {
+                        dispatch(toggleReactionsMenuVisibility());
+                        dispatch(setGifMenuVisibility(true));
+                    });
+                };
+
+                dispatch(registerShortcut({
+                    character: 'G',
+                    handler: onGifShortcut,
+                    helpDescription: 'keyboardShortcuts.giphyMenu'
+                }));
+            }
+        }
+
+        return () => {
+            [ 'A', 'C', 'D', 'P', 'R', 'S', 'W', 'T', 'G' ].forEach(letter =>
+                dispatch(unregisterShortcut(letter)));
+
+            if (_shouldDisplayReactionsButtons) {
+                Object.keys(REACTIONS).map(key => REACTIONS[key].shortcutChar)
+                    .forEach(letter =>
+                        dispatch(unregisterShortcut(letter, true)));
+            }
+        };
+    }, [
+        _shouldDisplayReactionsButtons,
+        chatOpen,
+        desktopSharingButtonDisabled,
+        desktopSharingEnabled,
+        fullScreen,
+        gifsEnabled,
+        participantsPaneOpen,
+        raisedHand,
+        screenSharing,
+        tileViewEnabled
+    ]);
+};
diff --git a/react/features/toolbox/middleware.native.ts b/react/features/toolbox/middleware.native.ts
new file mode 100644
index 0000000..0821c66
--- /dev/null
+++ b/react/features/toolbox/middleware.native.ts
@@ -0,0 +1,46 @@
+import { OVERWRITE_CONFIG, SET_CONFIG, UPDATE_CONFIG } from '../base/config/actionTypes';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { I_AM_VISITOR_MODE } from '../visitors/actionTypes';
+
+import { SET_TOOLBAR_BUTTONS } from './actionTypes';
+import { setMainToolbarThresholds } from './actions.native';
+import { NATIVE_THRESHOLDS, NATIVE_TOOLBAR_BUTTONS } from './constants';
+import { getToolbarButtons } from './functions.native';
+
+
+/**
+ * Middleware which intercepts Toolbox actions to handle changes to the
+ * visibility timeout of the Toolbox.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+
+    case UPDATE_CONFIG:
+    case OVERWRITE_CONFIG:
+    case I_AM_VISITOR_MODE:
+    case SET_CONFIG: {
+        const result = next(action);
+        const { dispatch } = store;
+        const state = store.getState();
+
+        const toolbarButtons = getToolbarButtons(state, NATIVE_TOOLBAR_BUTTONS);
+
+        if (action.type !== I_AM_VISITOR_MODE) {
+            dispatch(setMainToolbarThresholds(NATIVE_THRESHOLDS));
+        }
+
+        dispatch({
+            type: SET_TOOLBAR_BUTTONS,
+            toolbarButtons
+        });
+
+        return result;
+    }
+    }
+
+    return next(action);
+});
diff --git a/react/features/toolbox/middleware.web.ts b/react/features/toolbox/middleware.web.ts
new file mode 100644
index 0000000..f525784
--- /dev/null
+++ b/react/features/toolbox/middleware.web.ts
@@ -0,0 +1,172 @@
+import { batch } from 'react-redux';
+import { AnyAction } from 'redux';
+
+import { OVERWRITE_CONFIG, SET_CONFIG, UPDATE_CONFIG } from '../base/config/actionTypes';
+import { NotifyClickButton } from '../base/config/configType';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { I_AM_VISITOR_MODE } from '../visitors/actionTypes';
+
+import {
+    CLEAR_TOOLBOX_TIMEOUT,
+    SET_BUTTONS_WITH_NOTIFY_CLICK,
+    SET_FULL_SCREEN,
+    SET_PARTICIPANT_MENU_BUTTONS_WITH_NOTIFY_CLICK,
+    SET_TOOLBAR_BUTTONS,
+    SET_TOOLBOX_TIMEOUT
+} from './actionTypes';
+import { setMainToolbarThresholds } from './actions.web';
+import { THRESHOLDS, TOOLBAR_BUTTONS } from './constants';
+import { getToolbarButtons } from './functions.web';
+import { NOTIFY_CLICK_MODE } from './types';
+
+import './subscriber.web';
+
+/**
+ * Middleware which intercepts Toolbox actions to handle changes to the
+ * visibility timeout of the Toolbox.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case CLEAR_TOOLBOX_TIMEOUT: {
+        const { timeoutID } = store.getState()['features/toolbox'];
+
+        clearTimeout(timeoutID ?? undefined);
+        break;
+    }
+    case UPDATE_CONFIG:
+    case OVERWRITE_CONFIG:
+    case I_AM_VISITOR_MODE:
+    case SET_CONFIG: {
+        const result = next(action);
+        const { dispatch, getState } = store;
+        const state = getState();
+
+        if (action.type !== I_AM_VISITOR_MODE) {
+            const {
+                customToolbarButtons,
+                buttonsWithNotifyClick,
+                participantMenuButtonsWithNotifyClick,
+                customParticipantMenuButtons
+            } = state['features/base/config'];
+
+            batch(() => {
+                if (action.type !== I_AM_VISITOR_MODE) {
+                    dispatch(setMainToolbarThresholds(THRESHOLDS));
+                }
+                dispatch({
+                    type: SET_BUTTONS_WITH_NOTIFY_CLICK,
+                    buttonsWithNotifyClick: _buildButtonsArray(buttonsWithNotifyClick, customToolbarButtons)
+                });
+                dispatch({
+                    type: SET_PARTICIPANT_MENU_BUTTONS_WITH_NOTIFY_CLICK,
+                    participantMenuButtonsWithNotifyClick:
+                        _buildButtonsArray(participantMenuButtonsWithNotifyClick, customParticipantMenuButtons)
+                });
+            });
+        }
+
+        const toolbarButtons = getToolbarButtons(state, TOOLBAR_BUTTONS);
+
+        dispatch({
+            type: SET_TOOLBAR_BUTTONS,
+            toolbarButtons
+        });
+
+        return result;
+    }
+
+    case SET_FULL_SCREEN:
+        return _setFullScreen(next, action);
+
+    case SET_TOOLBOX_TIMEOUT: {
+        const { timeoutID } = store.getState()['features/toolbox'];
+        const { handler, timeoutMS }: { handler: Function; timeoutMS: number; } = action;
+
+        clearTimeout(timeoutID ?? undefined);
+        action.timeoutID = setTimeout(handler, timeoutMS);
+
+        break;
+    }
+    }
+
+    return next(action);
+});
+
+type DocumentElement = {
+    requestFullscreen?: Function;
+    webkitRequestFullscreen?: Function;
+};
+
+/**
+ * Makes an external request to enter or exit full screen mode.
+ *
+ * @param {Dispatch} next - The redux dispatch function to dispatch the
+ * specified action to the specified store.
+ * @param {Action} action - The redux action SET_FULL_SCREEN which is being
+ * dispatched in the specified store.
+ * @private
+ * @returns {Object} The value returned by {@code next(action)}.
+ */
+function _setFullScreen(next: Function, action: AnyAction) {
+    const result = next(action);
+
+    const { fullScreen } = action;
+
+    if (fullScreen) {
+        const documentElement: DocumentElement
+            = document.documentElement || {};
+
+        if (typeof documentElement.requestFullscreen === 'function') {
+            documentElement.requestFullscreen();
+        } else if (
+            typeof documentElement.webkitRequestFullscreen === 'function') {
+            documentElement.webkitRequestFullscreen();
+        }
+
+        return result;
+    }
+
+    if (typeof document.exitFullscreen === 'function') {
+        document.exitFullscreen();
+    } else if (typeof document.webkitExitFullscreen === 'function') {
+        document.webkitExitFullscreen();
+    }
+
+    return result;
+}
+
+/**
+ * Common logic to gather buttons that have to notify the api when clicked.
+ *
+ * @param {Array} buttonsWithNotifyClick - The array of system buttons that need to notify the api.
+ * @param {Array} customButtons - The custom buttons.
+ * @returns {Array}
+ */
+function _buildButtonsArray(
+        buttonsWithNotifyClick?: NotifyClickButton[],
+        customButtons?: {
+            icon: string;
+            id: string;
+            text: string;
+        }[]
+): Map<string, NOTIFY_CLICK_MODE> {
+    const customButtonsWithNotifyClick = customButtons?.map(
+        ({ id }) => ([ id, NOTIFY_CLICK_MODE.ONLY_NOTIFY ]) as [string, NOTIFY_CLICK_MODE]) ?? [];
+    const buttons = (Array.isArray(buttonsWithNotifyClick) ? buttonsWithNotifyClick : [])
+        .filter(button => typeof button === 'string' || (typeof button === 'object' && typeof button.key === 'string'))
+        .map(button => {
+            if (typeof button === 'string') {
+                return [ button, NOTIFY_CLICK_MODE.PREVENT_AND_NOTIFY ] as [string, NOTIFY_CLICK_MODE];
+            }
+
+            return [
+                button.key,
+                button.preventExecution ? NOTIFY_CLICK_MODE.PREVENT_AND_NOTIFY : NOTIFY_CLICK_MODE.ONLY_NOTIFY
+            ] as [string, NOTIFY_CLICK_MODE];
+        });
+
+    return new Map([ ...customButtonsWithNotifyClick, ...buttons ]);
+}
diff --git a/react/features/toolbox/reducer.ts b/react/features/toolbox/reducer.ts
new file mode 100644
index 0000000..8db6cdd
--- /dev/null
+++ b/react/features/toolbox/reducer.ts
@@ -0,0 +1,215 @@
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+import { set } from '../base/redux/functions';
+
+import {
+    CLEAR_TOOLBOX_TIMEOUT,
+    FULL_SCREEN_CHANGED,
+    SET_BUTTONS_WITH_NOTIFY_CLICK,
+    SET_HANGUP_MENU_VISIBLE,
+    SET_MAIN_TOOLBAR_BUTTONS_THRESHOLDS,
+    SET_OVERFLOW_DRAWER,
+    SET_OVERFLOW_MENU_VISIBLE,
+    SET_PARTICIPANT_MENU_BUTTONS_WITH_NOTIFY_CLICK,
+    SET_TOOLBAR_BUTTONS,
+    SET_TOOLBAR_HOVERED,
+    SET_TOOLBOX_ENABLED,
+    SET_TOOLBOX_SHIFT_UP,
+    SET_TOOLBOX_TIMEOUT,
+    SET_TOOLBOX_VISIBLE,
+    TOGGLE_TOOLBOX_VISIBLE
+} from './actionTypes';
+import { NATIVE_THRESHOLDS, THRESHOLDS } from './constants';
+import { IMainToolbarButtonThresholds, NOTIFY_CLICK_MODE } from './types';
+
+/**
+ * Array of thresholds for the main toolbar buttons that will inlude only the usable entries from  THRESHOLDS array.
+ *
+ * Note: THRESHOLDS array includes some dummy values that enables users of the iframe API to override and use.
+ * Note2: Casting is needed because it seems isArray guard is not working well in TS. See:
+ * https://github.com/microsoft/TypeScript/issues/17002.
+ */
+const FILTERED_THRESHOLDS = THRESHOLDS.filter(({ order }) => Array.isArray(order)) as IMainToolbarButtonThresholds;
+
+/**
+ * Initial state of toolbox's part of Redux store.
+ */
+const INITIAL_STATE = {
+    buttonsWithNotifyClick: new Map(),
+
+    /**
+     * The indicator which determines whether the Toolbox is enabled.
+     *
+     * @type {boolean}
+     */
+    enabled: true,
+
+    /**
+     * The indicator which determines whether the hangup menu is visible.
+     *
+     * @type {boolean}
+     */
+    hangupMenuVisible: false,
+
+    /**
+     * The indicator which determines whether a Toolbar in the Toolbox is
+     * hovered.
+     *
+     * @type {boolean}
+     */
+    hovered: false,
+
+    /**
+     * The thresholds for screen size and visible main toolbar buttons.
+     */
+    mainToolbarButtonsThresholds: navigator.product === 'ReactNative' ? NATIVE_THRESHOLDS : FILTERED_THRESHOLDS,
+
+    participantMenuButtonsWithNotifyClick: new Map(),
+
+    /**
+     * The indicator which determines whether the overflow menu(s) are to be displayed as drawers.
+     *
+     * @type {boolean}
+     */
+    overflowDrawer: false,
+
+    /**
+     * The indicator which determines whether the OverflowMenu is visible.
+     *
+     * @type {boolean}
+     */
+    overflowMenuVisible: false,
+
+    /**
+     * Whether to shift the toolbar up (in case it overlaps the tiles names).
+     */
+    shiftUp: false,
+
+    /**
+     * A number, non-zero value which identifies the timer created by a call
+     * to setTimeout().
+     *
+     * @type {number|null}
+     */
+    timeoutID: null,
+
+    /**
+     * The list of enabled toolbar buttons.
+     *
+     * @type {Array<string>}
+     */
+    toolbarButtons: [],
+
+
+    /**
+     * The indicator that determines whether the Toolbox is visible.
+     *
+     * @type {boolean}
+     */
+    visible: false
+};
+
+export interface IToolboxState {
+    buttonsWithNotifyClick: Map<string, NOTIFY_CLICK_MODE>;
+    enabled: boolean;
+    fullScreen?: boolean;
+    hangupMenuVisible: boolean;
+    hovered: boolean;
+    mainToolbarButtonsThresholds: IMainToolbarButtonThresholds;
+    overflowDrawer: boolean;
+    overflowMenuVisible: boolean;
+    participantMenuButtonsWithNotifyClick: Map<string, NOTIFY_CLICK_MODE>;
+    shiftUp: boolean;
+    timeoutID?: number | null;
+    toolbarButtons: Array<string>;
+    visible: boolean;
+}
+
+ReducerRegistry.register<IToolboxState>(
+    'features/toolbox',
+    (state = INITIAL_STATE, action): IToolboxState => {
+        switch (action.type) {
+        case CLEAR_TOOLBOX_TIMEOUT:
+            return {
+                ...state,
+                timeoutID: undefined
+            };
+
+        case FULL_SCREEN_CHANGED:
+            return {
+                ...state,
+                fullScreen: action.fullScreen
+            };
+
+        case SET_HANGUP_MENU_VISIBLE:
+            return {
+                ...state,
+                hangupMenuVisible: action.visible
+            };
+
+        case SET_OVERFLOW_DRAWER:
+            return {
+                ...state,
+                overflowDrawer: action.displayAsDrawer
+            };
+
+        case SET_OVERFLOW_MENU_VISIBLE:
+            return {
+                ...state,
+                overflowMenuVisible: action.visible
+            };
+
+        case SET_TOOLBAR_BUTTONS:
+            return {
+                ...state,
+                toolbarButtons: action.toolbarButtons
+            };
+        case SET_BUTTONS_WITH_NOTIFY_CLICK:
+            return {
+                ...state,
+                buttonsWithNotifyClick: action.buttonsWithNotifyClick
+            };
+
+        case SET_MAIN_TOOLBAR_BUTTONS_THRESHOLDS:
+            return {
+                ...state,
+                mainToolbarButtonsThresholds: action.mainToolbarButtonsThresholds
+            };
+        case SET_TOOLBAR_HOVERED:
+            return {
+                ...state,
+                hovered: action.hovered
+            };
+
+        case SET_TOOLBOX_ENABLED:
+            return {
+                ...state,
+                enabled: action.enabled
+            };
+
+        case SET_TOOLBOX_TIMEOUT:
+            return {
+                ...state,
+                timeoutID: action.timeoutID
+            };
+
+        case SET_TOOLBOX_SHIFT_UP:
+            return {
+                ...state,
+                shiftUp: action.shiftUp
+            };
+
+        case SET_TOOLBOX_VISIBLE:
+            return set(state, 'visible', action.visible);
+
+        case SET_PARTICIPANT_MENU_BUTTONS_WITH_NOTIFY_CLICK:
+            return {
+                ...state,
+                participantMenuButtonsWithNotifyClick: action.participantMenuButtonsWithNotifyClick
+            };
+
+        case TOGGLE_TOOLBOX_VISIBLE:
+            return set(state, 'visible', !state.visible);
+        }
+
+        return state;
+    });
diff --git a/react/features/toolbox/subscriber.web.ts b/react/features/toolbox/subscriber.web.ts
new file mode 100644
index 0000000..fe6834e
--- /dev/null
+++ b/react/features/toolbox/subscriber.web.ts
@@ -0,0 +1,106 @@
+import { throttle } from 'lodash-es';
+
+import { IReduxState, IStore } from '../app/types';
+import { getParticipantCount } from '../base/participants/functions';
+import StateListenerRegistry from '../base/redux/StateListenerRegistry';
+import { DEFAULT_MAX_COLUMNS } from '../filmstrip/constants';
+import { isLayoutTileView } from '../video-layout/functions.any';
+
+import { setShiftUp } from './actions.any';
+import { isAudioMuteButtonDisabled } from './functions.any';
+
+/**
+ * Notifies when audio availability changes.
+ */
+StateListenerRegistry.register(
+    /* selector */ (state: IReduxState) => isAudioMuteButtonDisabled(state),
+    /* listener */ (disabled: boolean, store: IStore, previousDisabled: boolean) => {
+        if (disabled !== previousDisabled) {
+            APP.API.notifyAudioAvailabilityChanged(!disabled);
+        }
+    }
+);
+
+
+const checkToolboxOverlap = (clientHeight: number, store: IStore) => {
+    let toolboxRect = document.querySelector('.toolbox-content-items')?.getBoundingClientRect();
+
+    if (!toolboxRect) {
+        return;
+    }
+    const tiles = document.querySelectorAll('span.videocontainer');
+
+    if (!tiles.length) {
+        return;
+    }
+
+    const toolboxHeight = 48 + 12; // height + padding
+    const bottomMargin = 16;
+
+    // Set top and bottom manually to avoid wrong coordinates
+    // caused by the hiding/ showing of the toolbox.
+    toolboxRect = {
+        ...toolboxRect,
+        top: clientHeight - toolboxHeight - bottomMargin,
+        bottom: clientHeight - bottomMargin,
+        left: toolboxRect.left,
+        right: toolboxRect.right
+    };
+    let isIntersecting = false;
+
+    const rows = store.getState()['features/filmstrip'].tileViewDimensions?.gridDimensions?.rows;
+    const noOfTilesToCheck = rows === 1 ? tiles.length : DEFAULT_MAX_COLUMNS - 1;
+
+    for (let i = 1; i < Math.max(noOfTilesToCheck, tiles.length); i++) {
+        const tile = tiles[tiles.length - i];
+        const indicatorsRect = tile?.querySelector('.bottom-indicators')?.getBoundingClientRect();
+
+        if (!indicatorsRect) {
+            continue;
+        }
+
+        if (indicatorsRect.top <= toolboxRect.bottom
+            && indicatorsRect.right >= toolboxRect.left
+            && indicatorsRect.bottom >= toolboxRect.top
+            && indicatorsRect.left <= toolboxRect.right
+        ) {
+            isIntersecting = true;
+            break;
+        }
+    }
+
+    store.dispatch(setShiftUp(isIntersecting));
+};
+
+const throttledCheckOverlap = throttle(checkToolboxOverlap, 100, {
+    leading: false,
+    trailing: true
+});
+
+/**
+ * Listens for changes in the selected layout to calculate the dimensions of the tile view grid and horizontal view.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => {
+        const { clientHeight, videoSpaceWidth } = state['features/base/responsive-ui'];
+
+        return {
+            participantCount: getParticipantCount(state),
+            clientHeight,
+            clientWidth: videoSpaceWidth,
+            isTileView: isLayoutTileView(state)
+        };
+    },
+    /* listener */({ clientHeight, isTileView }, store, previousState) => {
+        if (!isTileView) {
+            if (previousState?.isTileView) {
+                store.dispatch(setShiftUp(false));
+            }
+
+            return;
+        }
+        throttledCheckOverlap(clientHeight, store);
+
+    }, {
+        deepEquals: true
+    });
diff --git a/react/features/toolbox/types.ts b/react/features/toolbox/types.ts
new file mode 100644
index 0000000..81ff614
--- /dev/null
+++ b/react/features/toolbox/types.ts
@@ -0,0 +1,116 @@
+import { ComponentType } from 'react';
+
+export interface IToolboxButton {
+    Content: ComponentType<any>;
+    group: number;
+    key: string;
+}
+
+export interface IToolboxNativeButton {
+    Content: ComponentType<any>;
+    backgroundColor?: string;
+    group: number;
+    icon?: string;
+    id?: string;
+    key: string;
+    text?: string;
+}
+
+export type ToolbarButton = 'camera' |
+    'chat' |
+    'closedcaptions' |
+    'desktop' |
+    'download' |
+    'embedmeeting' |
+    'etherpad' |
+    'feedback' |
+    'filesharing' |
+    'filmstrip' |
+    'fullscreen' |
+    'hangup' |
+    'help' |
+    'highlight' |
+    'invite' |
+    'linktosalesforce' |
+    'livestreaming' |
+    'microphone' |
+    'mute-everyone' |
+    'mute-video-everyone' |
+    'noisesuppression' |
+    'overflowmenu' |
+    'participants-pane' |
+    'polls' |
+    'profile' |
+    'raisehand' |
+    'reactions' |
+    'recording' |
+    'security' |
+    'select-background' |
+    'settings' |
+    'shareaudio' |
+    'sharedvideo' |
+    'shortcuts' |
+    'stats' |
+    'tileview' |
+    'toggle-camera' |
+    'videoquality' |
+    'whiteboard' |
+    '__end';
+
+export enum NOTIFY_CLICK_MODE {
+    ONLY_NOTIFY = 'ONLY_NOTIFY',
+    PREVENT_AND_NOTIFY = 'PREVENT_AND_NOTIFY'
+}
+
+export type IMainToolbarButtonThresholds = Array<{
+    order: Array<ToolbarButton | NativeToolbarButton | string>;
+    width: number;
+}>;
+
+export type IMainToolbarButtonThresholdsUnfiltered = Array<{
+    order: Array<ToolbarButton | NativeToolbarButton | string> | Symbol;
+    width: number;
+}>;
+
+export interface ICustomToolbarButton {
+    Content?: ComponentType<any>;
+    backgroundColor?: string;
+    group?: number;
+    icon: string;
+    id: string;
+    key?: string;
+    text: string;
+}
+
+export type NativeToolbarButton = 'camera' |
+    'chat' |
+    'microphone' |
+    'raisehand' |
+    'desktop' |
+    'tileview' |
+    'overflowmenu' |
+    'hangup';
+
+export interface IGetVisibleNativeButtonsParams {
+    allButtons: { [key: string]: IToolboxNativeButton; };
+    clientWidth: number;
+    iAmVisitor: boolean;
+    mainToolbarButtonsThresholds: IMainToolbarButtonThresholds;
+    toolbarButtons: string[];
+}
+
+export interface IGetVisibleButtonsParams {
+    allButtons: { [key: string]: IToolboxButton; };
+    buttonsWithNotifyClick: Map<string, NOTIFY_CLICK_MODE>;
+    clientWidth: number;
+    jwtDisabledButtons: string[];
+    mainToolbarButtonsThresholds: IMainToolbarButtonThresholds;
+    toolbarButtons: string[];
+}
+
+export interface IGetVisibleButtonsForReducedUIParams {
+    allButtons: { [key: string]: IToolboxButton; };
+    buttonsWithNotifyClick: Map<string, NOTIFY_CLICK_MODE>;
+    jwtDisabledButtons: string[];
+    reducedUImainToolbarButtons?: string[];
+}
diff --git a/react/features/transcribing/actionTypes.ts b/react/features/transcribing/actionTypes.ts
new file mode 100644
index 0000000..e5da70b
--- /dev/null
+++ b/react/features/transcribing/actionTypes.ts
@@ -0,0 +1,22 @@
+/**
+ * The type of Redux action triggering storage of participantId of transcriber,
+ * so that it can later be kicked
+ *
+ * {
+ *     type: TRANSCRIBER_JOINED,
+ *     participantId: String
+ * }
+ * @private
+ */
+export const TRANSCRIBER_JOINED = 'TRANSCRIBER_JOINED';
+
+/**
+ * The type of Redux action signalling that the transcriber has left
+ *
+ * {
+ *     type: TRANSCRIBER_LEFT,
+ *     participantId: String
+ * }
+ * @private
+ */
+export const TRANSCRIBER_LEFT = 'TRANSCRIBER_LEFT';
diff --git a/react/features/transcribing/actions.ts b/react/features/transcribing/actions.ts
new file mode 100644
index 0000000..e95a0f0
--- /dev/null
+++ b/react/features/transcribing/actions.ts
@@ -0,0 +1,40 @@
+import {
+    TRANSCRIBER_JOINED,
+    TRANSCRIBER_LEFT
+} from './actionTypes';
+
+/**
+ * Notify that the transcriber, with a unique ID, has joined.
+ *
+ * @param {string} participantId - The participant id of the transcriber.
+ * @returns {{
+ *     type: TRANSCRIBER_JOINED,
+ *     participantId: string
+ * }}
+ */
+export function transcriberJoined(participantId: string) {
+    return {
+        type: TRANSCRIBER_JOINED,
+        transcriberJID: participantId
+    };
+}
+
+/**
+ * Notify that the transcriber, with a unique ID, has left.
+ *
+ * @param {string} participantId - The participant id of the transcriber.
+ * @param {boolean} abruptly - The transcriber did not exit the conference gracefully with switching off first.
+ * It maybe there was some backend problem, like network.
+ * @returns {{
+ *     type: TRANSCRIBER_LEFT,
+ *     participantId: string,
+ *     abruptly: boolean
+ * }}
+ */
+export function transcriberLeft(participantId: string, abruptly: boolean) {
+    return {
+        type: TRANSCRIBER_LEFT,
+        transcriberJID: participantId,
+        abruptly
+    };
+}
diff --git a/react/features/transcribing/functions.ts b/react/features/transcribing/functions.ts
new file mode 100644
index 0000000..a254f32
--- /dev/null
+++ b/react/features/transcribing/functions.ts
@@ -0,0 +1,83 @@
+import i18next from 'i18next';
+
+import { IReduxState } from '../app/types';
+import { IConfig } from '../base/config/configType';
+import { MEET_FEATURES } from '../base/jwt/constants';
+import { isJwtFeatureEnabled } from '../base/jwt/functions';
+
+import JITSI_TO_BCP47_MAP from './jitsi-bcp47-map.json';
+import logger from './logger';
+import TRANSCRIBER_LANGS from './transcriber-langs.json';
+
+const DEFAULT_TRANSCRIBER_LANG = 'en-US';
+
+/**
+ * Determine which language to use for transcribing.
+ *
+ * @param {*} config - Application config.
+ * @returns {string}
+ */
+export function determineTranscriptionLanguage(config: IConfig) {
+    const { transcription } = config;
+
+    // if transcriptions are not enabled nothing to determine
+    if (!transcription?.enabled) {
+        return undefined;
+    }
+
+    // Depending on the config either use the language that the app automatically detected or the hardcoded
+    // config BCP47 value.
+    // Jitsi language detections uses custom language tags, but the transcriber expects BCP-47 compliant tags,
+    // we use a mapping file to convert them.
+    const bcp47Locale = transcription?.useAppLanguage ?? true
+        ? JITSI_TO_BCP47_MAP[i18next.language as keyof typeof JITSI_TO_BCP47_MAP]
+        : transcription?.preferredLanguage;
+
+    // Check if the obtained language is supported by the transcriber
+    let safeBCP47Locale = TRANSCRIBER_LANGS[bcp47Locale as keyof typeof TRANSCRIBER_LANGS] && bcp47Locale;
+
+    if (!safeBCP47Locale) {
+        safeBCP47Locale = DEFAULT_TRANSCRIBER_LANG;
+        logger.warn(`Transcriber language ${bcp47Locale} is not supported, using default ${DEFAULT_TRANSCRIBER_LANG}`);
+    }
+
+    logger.info(`Transcriber language set to ${safeBCP47Locale}`);
+
+    return safeBCP47Locale;
+}
+
+/**
+ * Returns whether there is transcribing.
+ *
+ * @param {IReduxState} state - The redux state to search in.
+ * @returns {boolean}
+ */
+export function isTranscribing(state: IReduxState) {
+    return state['features/transcribing'].isTranscribing;
+}
+
+/**
+ * Returns true if there is a recorder transcription session running.
+ * NOTE: If only the subtitles are running this function will return false.
+ *
+ * @param {Object} state - The redux state to search in.
+ * @returns {boolean}
+ */
+export function isRecorderTranscriptionsRunning(state: IReduxState) {
+    const { metadata } = state['features/base/conference'];
+
+    return isTranscribing(state) && Boolean(metadata?.recording?.isTranscribingEnabled);
+}
+
+/**
+ * Checks whether the participant can start the transcription.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @returns {boolean} - True if the participant can start the transcription.
+ */
+export function canAddTranscriber(state: IReduxState) {
+    const { transcription } = state['features/base/config'];
+    const isTranscribingAllowed = isJwtFeatureEnabled(state, MEET_FEATURES.TRANSCRIPTION, false);
+
+    return Boolean(transcription?.enabled) && isTranscribingAllowed;
+}
diff --git a/react/features/transcribing/jitsi-bcp47-map.json b/react/features/transcribing/jitsi-bcp47-map.json
new file mode 100644
index 0000000..e3265c6
--- /dev/null
+++ b/react/features/transcribing/jitsi-bcp47-map.json
@@ -0,0 +1,52 @@
+{
+    "en": "en-US",
+    "af": "af-ZA",
+    "ar": "ar-EG",
+    "bg": "bg-BG",
+    "ca": "ca-ES",
+    "cs": "cs-CZ",
+    "da": "da-DK",
+    "de": "de-DE",
+    "el": "el-GR",
+    "enGB": "en-GB",
+    "es": "es-ES",
+    "esUS": "es-US",
+    "et": "et-EE",
+    "eu": "eu-ES",
+    "fi": "fi-FI",
+    "fr": "fr-FR",
+    "frCA": "fr-CA",
+    "he": "iw-IL",
+    "hi": "hi-IN",
+    "mr": "mr-IN",
+    "hr": "hr-HR",
+    "hsb": "hsb-DE",
+    "hu": "hu-HU",
+    "hy": "hy-AM",
+    "id": "id-ID",
+    "it": "it-IT",
+    "ja": "ja-JP",
+    "ko": "ko-KR",
+    "lt": "lt-LT",
+    "ml": "ml-IN",
+    "lv": "lv-LV",
+    "nl": "nl-NL",
+    "fa": "fa-IR",
+    "pl": "pl-PL",
+    "pt": "pt-PT",
+    "ptBR": "pt-BR",
+    "ru": "ru-RU",
+    "ro": "ro-RO",
+    "sk": "sk-SK",
+    "sl": "sl-SL",
+    "sr": "sr-RS",
+    "sq": "sq-AL",
+    "sv": "sv-SE",
+    "te": "te-IN",
+    "th": "th-TH",
+    "tr": "tr-TR",
+    "uk": "uk-UA",
+    "vi": "vi-VN",
+    "zhCN": "zh",
+    "zhTW": "zh-TW"
+}
\ No newline at end of file
diff --git a/react/features/transcribing/logger.ts b/react/features/transcribing/logger.ts
new file mode 100644
index 0000000..0e57f90
--- /dev/null
+++ b/react/features/transcribing/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:transcribing');
diff --git a/react/features/transcribing/middleware.ts b/react/features/transcribing/middleware.ts
new file mode 100644
index 0000000..a0ffe28
--- /dev/null
+++ b/react/features/transcribing/middleware.ts
@@ -0,0 +1,25 @@
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { showErrorNotification } from '../notifications/actions';
+
+import { TRANSCRIBER_LEFT } from './actionTypes';
+import './subscriber';
+
+/**
+ * Implements the middleware of the feature transcribing.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(({ dispatch }) => next => action => {
+    switch (action.type) {
+    case TRANSCRIBER_LEFT:
+        if (action.abruptly) {
+            dispatch(showErrorNotification({
+                titleKey: 'transcribing.failed'
+            }));
+        }
+        break;
+    }
+
+    return next(action);
+});
diff --git a/react/features/transcribing/reducer.ts b/react/features/transcribing/reducer.ts
new file mode 100644
index 0000000..cfd0a83
--- /dev/null
+++ b/react/features/transcribing/reducer.ts
@@ -0,0 +1,79 @@
+import { CONFERENCE_PROPERTIES_CHANGED } from '../base/conference/actionTypes';
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import {
+    TRANSCRIBER_JOINED,
+    TRANSCRIBER_LEFT
+} from './actionTypes';
+
+/**
+ * Returns initial state for transcribing feature part of Redux store.
+ *
+ * @returns {{
+ * isTranscribing: boolean,
+ * transcriberJID: null
+ * }}
+ * @private
+ */
+function _getInitialState() {
+    return {
+        /**
+         * Indicates whether there is currently an active transcriber in the
+         * room.
+         *
+         * @type {boolean}
+         */
+        isTranscribing: false,
+
+        /**
+         * The JID of the active transcriber.
+         *
+         * @type { string }
+         */
+        transcriberJID: null
+    };
+}
+
+export interface ITranscribingState {
+    isTranscribing: boolean;
+    transcriberJID?: string | null;
+}
+
+/**
+ * Reduces the Redux actions of the feature features/transcribing.
+ */
+ReducerRegistry.register<ITranscribingState>('features/transcribing',
+    (state = _getInitialState(), action): ITranscribingState => {
+        switch (action.type) {
+        case CONFERENCE_PROPERTIES_CHANGED: {
+            const audioRecording = action.properties?.['audio-recording-enabled'];
+
+            if (typeof audioRecording !== 'undefined') {
+                const audioRecordingEnabled = audioRecording === 'true';
+
+                if (state.isTranscribing !== audioRecordingEnabled) {
+                    return {
+                        ...state,
+                        isTranscribing: audioRecordingEnabled
+                    };
+                }
+            }
+
+            return state;
+        }
+        case TRANSCRIBER_JOINED:
+            return {
+                ...state,
+                isTranscribing: true,
+                transcriberJID: action.transcriberJID
+            };
+        case TRANSCRIBER_LEFT:
+            return {
+                ...state,
+                isTranscribing: false,
+                transcriberJID: undefined
+            };
+        default:
+            return state;
+        }
+    });
diff --git a/react/features/transcribing/subscriber.ts b/react/features/transcribing/subscriber.ts
new file mode 100644
index 0000000..16728f9
--- /dev/null
+++ b/react/features/transcribing/subscriber.ts
@@ -0,0 +1,87 @@
+import { batch } from 'react-redux';
+
+import { IStore } from '../app/types';
+import { JitsiRecordingConstants } from '../base/lib-jitsi-meet';
+import StateListenerRegistry from '../base/redux/StateListenerRegistry';
+import { playSound } from '../base/sounds/actions';
+import { showNotification } from '../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE } from '../notifications/constants';
+import { INotificationProps } from '../notifications/types';
+import { RECORDING_OFF_SOUND_ID, RECORDING_ON_SOUND_ID } from '../recording/constants';
+import { isLiveStreamingRunning, isRecordingRunning } from '../recording/functions';
+
+import { isRecorderTranscriptionsRunning, isTranscribing } from './functions';
+
+/**
+ * Listens for transcriber status change.
+ */
+StateListenerRegistry.register(
+    /* selector */ isRecorderTranscriptionsRunning,
+    /* listener */ (isRecorderTranscriptionsRunningValue, { getState, dispatch }) => {
+        if (isRecorderTranscriptionsRunningValue) {
+            maybeEmitRecordingNotification(dispatch, getState, true);
+        } else {
+            maybeEmitRecordingNotification(dispatch, getState, false);
+        }
+    }
+);
+StateListenerRegistry.register(
+    /* selector */ isTranscribing,
+    /* listener */ (isTranscribingValue, { getState }) => {
+        if (isTranscribingValue) {
+            notifyTranscribingStatusChanged(getState, true);
+        } else {
+            notifyTranscribingStatusChanged(getState, false);
+        }
+    }
+);
+
+/**
+ * Emit a recording started / stopped notification if the transcription started / stopped. Only
+ * if there is no recording in progress.
+ *
+ * @param {Dispatch} dispatch - The Redux dispatch function.
+ * @param {Function} getState - The Redux state.
+ * @param {boolean} on - Whether the transcription is on or not.
+ *
+ * @returns {void}
+ */
+function maybeEmitRecordingNotification(dispatch: IStore['dispatch'], getState: IStore['getState'], on: boolean) {
+    const state = getState();
+    const { sessionDatas } = state['features/recording'];
+    const { mode: modeConstants, status: statusConstants } = JitsiRecordingConstants;
+
+    if (sessionDatas.some(sd => sd.mode === modeConstants.FILE && sd.status === statusConstants.ON)) {
+        // If a recording is still ongoing, don't send any notification.
+        return;
+    }
+
+    const notifyProps: INotificationProps = {
+        descriptionKey: on ? 'recording.on' : 'recording.off',
+        titleKey: 'dialog.recording'
+    };
+
+    batch(() => {
+        dispatch(showNotification(notifyProps, NOTIFICATION_TIMEOUT_TYPE.SHORT));
+        dispatch(playSound(on ? RECORDING_ON_SOUND_ID : RECORDING_OFF_SOUND_ID));
+    });
+}
+
+/**
+ * Notify external application (if API is enabled) that transcribing has started or stopped.
+ *
+ * @param {Function} getState - The Redux state.
+ * @param {boolean} on - True if transcribing is on, false otherwise.
+ * @returns {void}
+ */
+function notifyTranscribingStatusChanged(getState: IStore['getState'], on: boolean) {
+    if (typeof APP !== 'undefined') {
+        const state = getState();
+        const isRecording = isRecordingRunning(state);
+        const isStreaming = isLiveStreamingRunning(state);
+        const mode = isRecording ? JitsiRecordingConstants.mode.FILE : JitsiRecordingConstants.mode.STREAM;
+
+        APP.API.notifyRecordingStatusChanged(isRecording || isStreaming, mode, undefined, on);
+        APP.API.notifyTranscribingStatusChanged(on);
+    }
+}
diff --git a/react/features/transcribing/transcriber-langs.json b/react/features/transcribing/transcriber-langs.json
new file mode 100644
index 0000000..406fc51
--- /dev/null
+++ b/react/features/transcribing/transcriber-langs.json
@@ -0,0 +1,90 @@
+{
+    "af-ZA": "Afrikaans (South Africa)",
+    "id-ID": "Indonesian (Indonesia)",
+    "ms-MY": "Malay (Malaysia)",
+    "ca-ES": "Catalan (Spain)",
+    "cs-CZ": "Czech (Czech Republic)",
+    "da-DK": "Danish (Denmark)",
+    "de-DE": "German (Germany)",
+    "en-AU": "English (Australia)",
+    "en-CA": "English (Canada)",
+    "en-GB": "English (United Kingdom)",
+    "en-IN": "English (India)",
+    "en-IE": "English (Ireland)",
+    "en-NZ": "English (New Zealand)",
+    "en-PH": "English (Philippines)",
+    "en-ZA": "English (South Africa)",
+    "en-US": "English (United States)",
+    "es-AR": "Spanish (Argentina)",
+    "es-BO": "Spanish (Bolivia)",
+    "es-CL": "Spanish (Chile)",
+    "es-CO": "Spanish (Colombia)",
+    "es-CR": "Spanish (Costa Rica)",
+    "es-EC": "Spanish (Ecuador)",
+    "es-SV": "Spanish (El Salvador)",
+    "es-ES": "Spanish (Spain)",
+    "es-US": "Spanish (United States)",
+    "es-GT": "Spanish (Guatemala)",
+    "es-HN": "Spanish (Honduras)",
+    "es-MX": "Spanish (Mexico)",
+    "es-NI": "Spanish (Nicaragua)",
+    "es-PA": "Spanish (Panama)",
+    "es-PY": "Spanish (Paraguay)",
+    "es-PE": "Spanish (Peru)",
+    "es-PR": "Spanish (Puerto Rico)",
+    "es-DO": "Spanish (Dominican Republic)",
+    "es-UY": "Spanish (Uruguay)",
+    "es-VE": "Spanish (Venezuela)",
+    "eu-ES": "Basque (Spain)",
+    "fil-PH": "Filipino (Philippines)",
+    "fr-CA": "French (Canada)",
+    "fr-FR": "French (France)",
+    "gl-ES": "Galician (Spain)",
+    "hr-HR": "Croatian (Croatia)",
+    "zu-ZA": "Zulu (South Africa)",
+    "is-IS": "Icelandic (Iceland)",
+    "it-IT": "Italian (Italy)",
+    "lt-LT": "Lithuanian (Lithuania)",
+    "hsb-DE": "Upper Sorbian (Germany)",
+    "hu-HU": "Hungarian (Hungary)",
+    "nl-NL": "Dutch (Netherlands)",
+    "no-NO": "Norwegian Bokmål (Norway)",
+    "pl-PL": "Polish (Poland)",
+    "pt-BR": "Portuguese (Brazil)",
+    "pt-PT": "Portuguese (Portugal)",
+    "ro-RO": "Romanian (Romania)",
+    "sk-SK": "Slovak (Slovakia)",
+    "sl-SI": "Slovenian (Slovenia)",
+    "fi-FI": "Finnish (Finland)",
+    "sv-SE": "Swedish (Sweden)",
+    "vi-VN": "Vietnamese (Vietnam)",
+    "tr-TR": "Turkish (Turkey)",
+    "el-GR": "Greek (Greece)",
+    "bg-BG": "Bulgarian (Bulgaria)",
+    "ru-RU": "Russian (Russia)",
+    "sr-RS": "Serbian (Serbia)",
+    "uk-UA": "Ukrainian (Ukraine)",
+    "iw-IL": "Hebrew",
+    "ar-IL": "Arabic (Israel)",
+    "ar-JO": "Arabic (Jordan)",
+    "ar-AE": "Arabic (United Arab Emirates)",
+    "ar-BH": "Arabic (Bahrain)",
+    "ar-DZ": "Arabic (Algeria)",
+    "ar-SA": "Arabic (Saudi Arabia)",
+    "ar-IQ": "Arabic (Iraq)",
+    "ar-KW": "Arabic (Kuwait)",
+    "ar-MA": "Arabic (Morocco)",
+    "ar-TN": "Arabic (Tunisia)",
+    "ar-OM": "Arabic (Oman)",
+    "ar-PS": "Arabic (State of Palestine)",
+    "ar-QA": "Arabic (Qatar)",
+    "ar-LB": "Arabic (Lebanon)",
+    "ar-EG": "Arabic (Egypt)",
+    "fa-IR": "Persian (Iran)",
+    "hi-IN": "Hindi (India)",
+    "th-TH": "Thai (Thailand)",
+    "ko-KR": "Korean (South Korea)",
+    "zh-TW": "Chinese Mandarin (Traditional, Taiwan)",
+    "ja-JP": "Japanese (Japan)",
+    "zh": "Chinese Mandarin (Simplified, China)"
+}
\ No newline at end of file
diff --git a/react/features/unsupported-browser/components/DefaultUnsupportedDesktopBrowser.tsx b/react/features/unsupported-browser/components/DefaultUnsupportedDesktopBrowser.tsx
new file mode 100644
index 0000000..a8bd743
--- /dev/null
+++ b/react/features/unsupported-browser/components/DefaultUnsupportedDesktopBrowser.tsx
@@ -0,0 +1,38 @@
+import React, { Component } from 'react';
+
+import JitsiMeetJS from '../../base/lib-jitsi-meet';
+
+/**
+ * React component representing unsupported browser page.
+ *
+ * @class DefaultUnsupportedDesktopBrowser
+ */
+class DefaultUnsupportedDesktopBrowser extends Component {
+
+    /**
+     * Redirects to the static recommended browsers page or the WebRTC unsupported page.
+     * IE and other browsers without WebRTC support will show the WebRTC unsupported page.
+     *
+     * @returns {void}
+     */
+    override componentDidMount() {
+        if (!JitsiMeetJS.isWebRtcSupported()) {
+            window.location.pathname = 'static/webrtcUnsupported.html';
+        } else {
+            window.location.pathname = 'static/recommendedBrowsers.html';
+        }
+    }
+
+    /**
+     * Renders the component.
+     *
+     * @returns {ReactElement}
+     */
+    override render() {
+        return (
+            <div />
+        );
+    }
+}
+
+export default DefaultUnsupportedDesktopBrowser;
diff --git a/react/features/unsupported-browser/components/JaasUnsupportedDesktopBrowser.ts b/react/features/unsupported-browser/components/JaasUnsupportedDesktopBrowser.ts
new file mode 100644
index 0000000..6a67270
--- /dev/null
+++ b/react/features/unsupported-browser/components/JaasUnsupportedDesktopBrowser.ts
@@ -0,0 +1 @@
+export { default } from './DefaultUnsupportedDesktopBrowser';
diff --git a/react/features/unsupported-browser/components/PageSelector.tsx b/react/features/unsupported-browser/components/PageSelector.tsx
new file mode 100644
index 0000000..256e741
--- /dev/null
+++ b/react/features/unsupported-browser/components/PageSelector.tsx
@@ -0,0 +1,19 @@
+import React from 'react';
+import { useSelector } from 'react-redux';
+
+import { isVpaasMeeting } from '../../jaas/functions';
+
+import JaasUnsupportedDesktopBrowser from './JaasUnsupportedDesktopBrowser';
+import UnsupportedDesktopBrowser from './UnsupportedDesktopBrowser';
+
+const PageSelector = () => {
+    const isJaas = useSelector(isVpaasMeeting);
+
+    if (isJaas) {
+        return <JaasUnsupportedDesktopBrowser />;
+    }
+
+    return <UnsupportedDesktopBrowser />;
+};
+
+export default PageSelector;
diff --git a/react/features/unsupported-browser/components/UnsupportedDesktopBrowser.tsx b/react/features/unsupported-browser/components/UnsupportedDesktopBrowser.tsx
new file mode 100644
index 0000000..6a67270
--- /dev/null
+++ b/react/features/unsupported-browser/components/UnsupportedDesktopBrowser.tsx
@@ -0,0 +1 @@
+export { default } from './DefaultUnsupportedDesktopBrowser';
diff --git a/react/features/unsupported-browser/components/browserLinks.ts b/react/features/unsupported-browser/components/browserLinks.ts
new file mode 100644
index 0000000..a083c25
--- /dev/null
+++ b/react/features/unsupported-browser/components/browserLinks.ts
@@ -0,0 +1,35 @@
+/**
+ * The URL at which Google Chrome is available for download.
+ *
+ * @type {string}
+ */
+export const CHROME = 'https://www.google.com/chrome/';
+
+/**
+ * The URL at which Chromium is available for download.
+ *
+ * @type {string}
+ */
+export const CHROMIUM = 'https://www.chromium.org/';
+
+/**
+ * The URL at which Microsoft Edge is available for download.
+ *
+ * @type {string}
+ */
+export const EDGE
+    = 'https://www.microsoft.com/en-us/windows/microsoft-edge';
+
+/**
+ * The URL at which Mozilla Firefox is available for download.
+ *
+ * @type {string}
+ */
+export const FIREFOX = 'https://www.getfirefox.com/';
+
+/**
+ * The URL at which Safari is available for download.
+ *
+ * @type {string}
+ */
+export const SAFARI = 'https://support.apple.com/downloads/safari';
diff --git a/react/features/video-layout/actionTypes.ts b/react/features/video-layout/actionTypes.ts
new file mode 100644
index 0000000..f4df2ad
--- /dev/null
+++ b/react/features/video-layout/actionTypes.ts
@@ -0,0 +1,30 @@
+/**
+ * The type of the action which tells whether we are in carmode.
+ *
+ * @returns {{
+ *     type: SET_CAR_MODE,
+ *     enabled: boolean
+ * }}
+ */
+export const SET_CAR_MODE = ' SET_CAR_MODE';
+
+/**
+ * The type of the action which enables or disables the feature for showing
+ * video thumbnails in a two-axis tile view.
+ *
+ * @returns {{
+ *     type: SET_TILE_VIEW,
+ *     enabled: boolean
+ * }}
+ */
+export const SET_TILE_VIEW = 'SET_TILE_VIEW';
+
+/**
+ * The type of the action which sets the list of known remote virtual screen share participant IDs.
+ *
+ * @returns {{
+ *     type: VIRTUAL_SCREENSHARE_REMOTE_PARTICIPANTS_UPDATED,
+ *     participantIds: Array<string>
+ * }}
+ */
+export const VIRTUAL_SCREENSHARE_REMOTE_PARTICIPANTS_UPDATED = 'VIRTUAL_SCREENSHARE_REMOTE_PARTICIPANTS_UPDATED';
diff --git a/react/features/video-layout/actions.any.ts b/react/features/video-layout/actions.any.ts
new file mode 100644
index 0000000..b236890
--- /dev/null
+++ b/react/features/video-layout/actions.any.ts
@@ -0,0 +1,60 @@
+import { IStore } from '../app/types';
+import { isTileViewModeDisabled } from '../filmstrip/functions.any';
+
+import {
+    SET_TILE_VIEW,
+    VIRTUAL_SCREENSHARE_REMOTE_PARTICIPANTS_UPDATED
+} from './actionTypes';
+import { shouldDisplayTileView } from './functions';
+
+/**
+ * Creates a (redux) action which signals that the list of known remote virtual screen share participant ids has
+ * changed.
+ *
+ * @param {string} participantIds - The remote virtual screen share participants.
+ * @returns {{
+ *     type: VIRTUAL_SCREENSHARE_REMOTE_PARTICIPANTS_UPDATED,
+ *     participantIds: Array<string>
+ * }}
+ */
+export function virtualScreenshareParticipantsUpdated(participantIds: Array<string>) {
+    return {
+        type: VIRTUAL_SCREENSHARE_REMOTE_PARTICIPANTS_UPDATED,
+        participantIds
+    };
+}
+
+/**
+ * Creates a (redux) action which signals to set the UI layout to be tiled view
+ * or not.
+ *
+ * @param {boolean} enabled - Whether or not tile view should be shown.
+ * @returns {{
+ *     type: SET_TILE_VIEW,
+ *     enabled: ?boolean
+ * }}
+ */
+export function setTileView(enabled?: boolean) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const tileViewDisabled = isTileViewModeDisabled(getState());
+
+        !tileViewDisabled && dispatch({
+            type: SET_TILE_VIEW,
+            enabled
+        });
+    };
+}
+
+/**
+ * Creates a (redux) action which signals either to exit tile view if currently
+ * enabled or enter tile view if currently disabled.
+ *
+ * @returns {Function}
+ */
+export function toggleTileView() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const tileViewActive = shouldDisplayTileView(getState());
+
+        dispatch(setTileView(!tileViewActive));
+    };
+}
diff --git a/react/features/video-layout/actions.native.ts b/react/features/video-layout/actions.native.ts
new file mode 100644
index 0000000..e936de2
--- /dev/null
+++ b/react/features/video-layout/actions.native.ts
@@ -0,0 +1,19 @@
+import { SET_CAR_MODE } from './actionTypes';
+
+export * from './actions.any';
+
+/**
+ * Creates a (redux) action which tells whether we are in carmode.
+ *
+ * @param {boolean} enabled - Whether we are in carmode.
+ * @returns {{
+ *     type: SET_CAR_MODE,
+ *    enabled: boolean
+ * }}
+ */
+export function setIsCarmode(enabled: boolean) {
+    return {
+        type: SET_CAR_MODE,
+        enabled
+    };
+}
diff --git a/react/features/video-layout/actions.web.ts b/react/features/video-layout/actions.web.ts
new file mode 100644
index 0000000..02b37d4
--- /dev/null
+++ b/react/features/video-layout/actions.web.ts
@@ -0,0 +1 @@
+export * from './actions.any';
diff --git a/react/features/video-layout/components/TileViewButton.ts b/react/features/video-layout/components/TileViewButton.ts
new file mode 100644
index 0000000..d76c00e
--- /dev/null
+++ b/react/features/video-layout/components/TileViewButton.ts
@@ -0,0 +1,96 @@
+import { batch, connect } from 'react-redux';
+
+import { createToolbarEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { IReduxState } from '../../app/types';
+import { TILE_VIEW_ENABLED } from '../../base/flags/constants';
+import { getFeatureFlag } from '../../base/flags/functions';
+import { translate } from '../../base/i18n/functions';
+import { IconTileView } from '../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../base/toolbox/components/AbstractButton';
+import { setOverflowMenuVisible } from '../../toolbox/actions';
+import { setTileView } from '../actions';
+import { shouldDisplayTileView } from '../functions';
+import logger from '../logger';
+
+/**
+ * The type of the React {@code Component} props of {@link TileViewButton}.
+ */
+interface IProps extends AbstractButtonProps {
+
+    /**
+     * Whether or not tile view layout has been enabled as the user preference.
+     */
+    _tileViewEnabled: boolean;
+}
+
+/**
+ * Component that renders a toolbar button for toggling the tile layout view.
+ *
+ * @augments AbstractButton
+ */
+class TileViewButton<P extends IProps> extends AbstractButton<P> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.enterTileView';
+    override toggledAccessibilityLabel = 'toolbar.accessibilityLabel.exitTileView';
+    override icon = IconTileView;
+    override label = 'toolbar.enterTileView';
+    override toggledLabel = 'toolbar.exitTileView';
+    override tooltip = 'toolbar.tileViewToggle';
+
+    /**
+     * Handles clicking / pressing the button.
+     *
+     * @override
+     * @protected
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { _tileViewEnabled, dispatch } = this.props;
+
+        const value = !_tileViewEnabled;
+
+        sendAnalytics(createToolbarEvent(
+            'tileview.button',
+            {
+                'is_enabled': value
+            }));
+
+        logger.debug(`Tile view ${value ? 'enable' : 'disable'}`);
+        batch(() => {
+            dispatch(setTileView(value));
+            navigator.product !== 'ReactNative' && dispatch(setOverflowMenuVisible(false));
+        });
+
+    }
+
+    /**
+     * Indicates whether this button is in toggled state or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    override _isToggled() {
+        return this.props._tileViewEnabled;
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated props for the
+ * {@code TileViewButton} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {Object} ownProps - The properties explicitly passed to the component instance.
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState, ownProps: any) {
+    const enabled = getFeatureFlag(state, TILE_VIEW_ENABLED, true);
+    const { visible = enabled } = ownProps;
+
+    return {
+        _tileViewEnabled: shouldDisplayTileView(state),
+        visible
+    };
+}
+
+export default translate(connect(_mapStateToProps)(TileViewButton));
diff --git a/react/features/video-layout/constants.ts b/react/features/video-layout/constants.ts
new file mode 100644
index 0000000..c2b77c7
--- /dev/null
+++ b/react/features/video-layout/constants.ts
@@ -0,0 +1,29 @@
+/**
+ * An enumeration of the different display layouts supported by the application.
+ *
+ * @type {Object}
+ */
+export const LAYOUTS = {
+    HORIZONTAL_FILMSTRIP_VIEW: 'horizontal-filmstrip-view',
+    TILE_VIEW: 'tile-view',
+    VERTICAL_FILMSTRIP_VIEW: 'vertical-filmstrip-view',
+    STAGE_FILMSTRIP_VIEW: 'stage-filmstrip-view'
+};
+
+
+/**
+ * The CSS class to apply so CSS can modify the app layout.
+ *
+ * @private
+ */
+export const LAYOUT_CLASSNAMES = {
+    [LAYOUTS.HORIZONTAL_FILMSTRIP_VIEW]: 'horizontal-filmstrip',
+    [LAYOUTS.TILE_VIEW]: 'tile-view',
+    [LAYOUTS.VERTICAL_FILMSTRIP_VIEW]: 'vertical-filmstrip',
+    [LAYOUTS.STAGE_FILMSTRIP_VIEW]: 'stage-filmstrip'
+};
+
+/**
+ * The minimum width of the video space. Used for calculating the maximum chat size.
+ */
+export const VIDEO_SPACE_MIN_SIZE = 500;
diff --git a/react/features/video-layout/functions.any.ts b/react/features/video-layout/functions.any.ts
new file mode 100644
index 0000000..70d9a9a
--- /dev/null
+++ b/react/features/video-layout/functions.any.ts
@@ -0,0 +1,249 @@
+import { IReduxState, IStore } from '../app/types';
+import { TILE_VIEW_ENABLED } from '../base/flags/constants';
+import { getFeatureFlag } from '../base/flags/functions';
+import { pinParticipant } from '../base/participants/actions';
+import { getParticipantCount, getPinnedParticipant } from '../base/participants/functions';
+import { FakeParticipant } from '../base/participants/types';
+import { isStageFilmstripAvailable, isTileViewModeDisabled } from '../filmstrip/functions';
+import { isVideoPlaying } from '../shared-video/functions';
+import { VIDEO_QUALITY_LEVELS } from '../video-quality/constants';
+import { getReceiverVideoQualityLevel } from '../video-quality/functions';
+import { getMinHeightForQualityLvlMap } from '../video-quality/selector';
+
+import { LAYOUTS } from './constants';
+import logger from './logger';
+
+/**
+ * A selector for retrieving the current automatic pinning setting.
+ *
+ * @private
+ * @returns {string|undefined} The string "remote-only" is returned if only
+ * remote screen sharing should be automatically pinned, any other truthy value
+ * means automatically pin all screen shares. Falsy means do not automatically
+ * pin any screen shares.
+ */
+export function getAutoPinSetting() {
+    return typeof interfaceConfig === 'object'
+        ? interfaceConfig.AUTO_PIN_LATEST_SCREEN_SHARE
+        : 'remote-only';
+}
+
+/**
+ * Returns the {@code LAYOUTS} constant associated with the layout
+ * the application should currently be in.
+ *
+ * @param {Object} state - The redux state.
+ * @returns {string}
+ */
+export function getCurrentLayout(state: IReduxState) {
+    if (navigator.product === 'ReactNative') {
+        // FIXME: what should this return?
+        return undefined;
+    } else if (shouldDisplayTileView(state)) {
+        return LAYOUTS.TILE_VIEW;
+    } else if (interfaceConfig.VERTICAL_FILMSTRIP) {
+        if (isStageFilmstripAvailable(state, 2)) {
+            return LAYOUTS.STAGE_FILMSTRIP_VIEW;
+        }
+
+        return LAYOUTS.VERTICAL_FILMSTRIP_VIEW;
+    }
+
+    return LAYOUTS.HORIZONTAL_FILMSTRIP_VIEW;
+}
+
+/**
+ * Selector for determining if the UI layout should be in tile view. Tile view
+ * is determined by more than just having the tile view setting enabled, as
+ * one-on-one calls should not be in tile view, as well as etherpad editing.
+ *
+ * @param {Object} state - The redux state.
+ * @returns {boolean} True if tile view should be displayed.
+ */
+export function shouldDisplayTileView(state: IReduxState) {
+    const tileViewDisabled = isTileViewModeDisabled(state);
+
+    if (tileViewDisabled) {
+        return false;
+    }
+
+    const { tileViewEnabled } = state['features/video-layout'] ?? {};
+
+    if (tileViewEnabled !== undefined) {
+        // If the user explicitly requested a view mode, we
+        // do that.
+        return tileViewEnabled;
+    }
+
+    const tileViewEnabledFeatureFlag = getFeatureFlag(state, TILE_VIEW_ENABLED, true);
+    const { disableTileView } = state['features/base/config'];
+
+    if (disableTileView || !tileViewEnabledFeatureFlag) {
+        return false;
+    }
+
+    const participantCount = getParticipantCount(state);
+    const { iAmRecorder } = state['features/base/config'];
+
+    // None tile view mode is easier to calculate (no need for many negations), so we do
+    // that and negate it only once.
+    const shouldDisplayNormalMode = Boolean(
+
+        // Reasons for normal mode:
+
+        // Editing etherpad
+        state['features/etherpad']?.editing
+
+        // We pinned a participant
+        || getPinnedParticipant(state)
+
+        // It's a 1-on-1 meeting
+        || participantCount < 3
+
+        // There is a shared YouTube video in the meeting
+        || isVideoPlaying(state)
+
+        // We want jibri to use stage view by default
+        || iAmRecorder
+    );
+
+    return !shouldDisplayNormalMode;
+}
+
+/**
+ * Private helper to automatically pin the latest screen share stream or unpin
+ * if there are no more screen share streams.
+ *
+ * @param {Array<string>} previousScreenShares - Array containing the list of all the screen sharing endpoints
+ * before the update was triggered (including the ones that have been removed from redux because of the update).
+ * @param {Array<string>} currentScreenShares - Array containing the current list of screen sharing endpoints.
+ * @param {Store} store - The redux store.
+ * @returns {void}
+ */
+export function updateAutoPinnedParticipant(
+        previousScreenShares: Array<string>,
+        currentScreenShares: Array<string>,
+        { dispatch, getState }: IStore) {
+    const pinned = getPinnedParticipant(getState);
+
+    // if the pinned participant is shared video or some other fake participant we want to skip auto-pinning
+    if (pinned?.fakeParticipant && pinned.fakeParticipant !== FakeParticipant.RemoteScreenShare) {
+        logger.debug('Skipping auto-pin: pinned participant is non-screenshare virtual participant', pinned.id);
+
+        return;
+    }
+
+    // Unpin the screen share when the screen sharing participant leaves. Switch to tile view if no other
+    // participant was pinned before screen share was auto-pinned, pin the previously pinned participant otherwise.
+    if (!currentScreenShares?.length) {
+        let participantId = null;
+
+        if (pinned && !previousScreenShares.find((share: string) => share === pinned.id)) {
+            participantId = pinned.id;
+        }
+
+        logger.debug('No more screenshares, unpinning or restoring previous pin', participantId);
+        dispatch(pinParticipant(participantId));
+
+        return;
+    }
+
+    const latestScreenShareParticipantId = currentScreenShares[currentScreenShares.length - 1];
+
+    if (latestScreenShareParticipantId) {
+        const alreadyPinned = pinned?.id === latestScreenShareParticipantId;
+
+        if (!alreadyPinned) {
+            logger.debug(`Auto pinning latest screen share participant: ${latestScreenShareParticipantId}`);
+            dispatch(pinParticipant(latestScreenShareParticipantId));
+        }
+    }
+}
+
+/**
+ * Selector for whether we are currently in tile view.
+ *
+ * @param {Object} state - The redux state.
+ * @returns {boolean}
+ */
+export function isLayoutTileView(state: IReduxState) {
+    return getCurrentLayout(state) === LAYOUTS.TILE_VIEW;
+}
+
+/**
+ * Returns the video quality for the given height.
+ *
+ * @param {number|undefined} height - Height of the video container.
+ * @returns {number}
+ */
+function getVideoQualityForHeight(height: number) {
+    if (!height) {
+        return VIDEO_QUALITY_LEVELS.LOW;
+    }
+    const levels = Object.values(VIDEO_QUALITY_LEVELS)
+        .map(Number)
+        .sort((a, b) => a - b);
+
+    for (const level of levels) {
+        if (height <= level) {
+            return level;
+        }
+    }
+
+    return VIDEO_QUALITY_LEVELS.ULTRA;
+}
+
+/**
+ * Returns the video quality level for the resizable filmstrip thumbnail height.
+ *
+ * @param {number} height - The height of the thumbnail.
+ * @param {Object} state - Redux state.
+ * @returns {number}
+ */
+export function getVideoQualityForResizableFilmstripThumbnails(height: number, state: IReduxState) {
+    if (!height) {
+        return VIDEO_QUALITY_LEVELS.LOW;
+    }
+
+    return getReceiverVideoQualityLevel(height, getMinHeightForQualityLvlMap(state));
+}
+
+/**
+ * Returns the video quality level for the screen sharing filmstrip thumbnail height.
+ *
+ * @param {number} height - The height of the thumbnail.
+ * @param {Object} state - Redux state.
+ * @returns {number}
+ */
+export function getVideoQualityForScreenSharingFilmstrip(height: number, state: IReduxState) {
+    if (!height) {
+        return VIDEO_QUALITY_LEVELS.LOW;
+    }
+
+    return getReceiverVideoQualityLevel(height, getMinHeightForQualityLvlMap(state));
+}
+
+/**
+ * Returns the video quality for the large video.
+ *
+ * @param {number} largeVideoHeight - The height of the large video.
+ * @returns {number} - The video quality for the large video.
+ */
+export function getVideoQualityForLargeVideo(largeVideoHeight: number) {
+    return getVideoQualityForHeight(largeVideoHeight);
+}
+
+/**
+ * Returns the video quality level for the thumbnails in the stage filmstrip.
+ *
+ * @param {number} height - The height of the thumbnails.
+ * @param {Object} state - Redux state.
+ * @returns {number}
+ */
+export function getVideoQualityForStageThumbnails(height: number, state: IReduxState) {
+    if (!height) {
+        return VIDEO_QUALITY_LEVELS.LOW;
+    }
+
+    return getReceiverVideoQualityLevel(height, getMinHeightForQualityLvlMap(state));
+}
diff --git a/react/features/video-layout/functions.native.ts b/react/features/video-layout/functions.native.ts
new file mode 100644
index 0000000..fb2a6bc
--- /dev/null
+++ b/react/features/video-layout/functions.native.ts
@@ -0,0 +1 @@
+export * from './functions.any';
diff --git a/react/features/video-layout/functions.web.ts b/react/features/video-layout/functions.web.ts
new file mode 100644
index 0000000..fd2e8c3
--- /dev/null
+++ b/react/features/video-layout/functions.web.ts
@@ -0,0 +1,86 @@
+import { IReduxState } from '../app/types';
+import {
+    ABSOLUTE_MAX_COLUMNS,
+    DEFAULT_MAX_COLUMNS,
+    TILE_PORTRAIT_ASPECT_RATIO
+} from '../filmstrip/constants';
+import {
+    getNumberOfPartipantsForTileView,
+    getThumbnailMinHeight,
+    getTileDefaultAspectRatio
+} from '../filmstrip/functions.web';
+
+export * from './functions.any';
+
+/**
+ * Returns how many columns should be displayed in tile view. The number
+ * returned will be between 1 and 7, inclusive.
+ *
+ * @param {Object} state - The redux store state.
+ * @param {Object} options - Object with custom values used to override the values that we get from redux by default.
+ * @param {number} options.width - Custom width to be used.
+ * @param {boolean} options.disableResponsiveTiles - Custom value to be used instead of config.disableResponsiveTiles.
+ * @param {boolean} options.disableTileEnlargement - Custom value to be used instead of config.disableTileEnlargement.
+ * @returns {number}
+ */
+export function getMaxColumnCount(state: IReduxState, options: {
+    disableResponsiveTiles?: boolean; disableTileEnlargement?: boolean; width?: number | null; } = {}) {
+    if (typeof interfaceConfig === 'undefined') {
+        return DEFAULT_MAX_COLUMNS;
+    }
+
+    const {
+        disableResponsiveTiles: configDisableResponsiveTiles,
+        disableTileEnlargement: configDisableTileEnlargement
+    } = state['features/base/config'];
+    const {
+        width,
+        disableResponsiveTiles = configDisableResponsiveTiles,
+        disableTileEnlargement = configDisableTileEnlargement
+    } = options;
+    const { videoSpaceWidth } = state['features/base/responsive-ui'];
+    const widthToUse = width || videoSpaceWidth;
+    const configuredMax = interfaceConfig.TILE_VIEW_MAX_COLUMNS;
+
+    if (disableResponsiveTiles) {
+        return Math.min(Math.max(configuredMax || DEFAULT_MAX_COLUMNS, 1), ABSOLUTE_MAX_COLUMNS);
+    }
+
+    if (typeof interfaceConfig.TILE_VIEW_MAX_COLUMNS !== 'undefined' && interfaceConfig.TILE_VIEW_MAX_COLUMNS > 0) {
+        return Math.max(configuredMax, 1);
+    }
+
+    const aspectRatio = disableTileEnlargement
+        ? getTileDefaultAspectRatio(true, disableTileEnlargement, widthToUse)
+        : TILE_PORTRAIT_ASPECT_RATIO;
+    const minHeight = getThumbnailMinHeight(widthToUse);
+    const minWidth = aspectRatio * minHeight;
+
+    return Math.floor(widthToUse / minWidth);
+}
+
+/**
+ * Returns the cell count dimensions for tile view. Tile view tries to uphold
+ * equal count of tiles for height and width, until maxColumn is reached in
+ * which rows will be added but no more columns.
+ *
+ * @param {Object} state - The redux store state.
+ * @param {boolean} stageFilmstrip - Whether the dimensions should be calculated for the stage filmstrip.
+ * @returns {Object} An object is return with the desired number of columns,
+ * rows, and visible rows (the rest should overflow) for the tile view layout.
+ */
+export function getNotResponsiveTileViewGridDimensions(state: IReduxState, stageFilmstrip = false) {
+    const maxColumns = getMaxColumnCount(state);
+    const { activeParticipants } = state['features/filmstrip'];
+    const numberOfParticipants = stageFilmstrip ? activeParticipants.length : getNumberOfPartipantsForTileView(state);
+    const columnsToMaintainASquare = Math.ceil(Math.sqrt(numberOfParticipants));
+    const columns = Math.min(columnsToMaintainASquare, maxColumns);
+    const rows = Math.ceil(numberOfParticipants / columns);
+    const minVisibleRows = Math.min(maxColumns, rows);
+
+    return {
+        columns,
+        minVisibleRows,
+        rows
+    };
+}
diff --git a/react/features/video-layout/hooks.ts b/react/features/video-layout/hooks.ts
new file mode 100644
index 0000000..fc5f6c6
--- /dev/null
+++ b/react/features/video-layout/hooks.ts
@@ -0,0 +1,26 @@
+import { useSelector } from 'react-redux';
+
+import { IReduxState } from '../app/types';
+import { TILE_VIEW_ENABLED } from '../base/flags/constants';
+import { getFeatureFlag } from '../base/flags/functions';
+
+import TileViewButton from './components/TileViewButton';
+
+const tileview = {
+    key: 'tileview',
+    Content: TileViewButton,
+    group: 2
+};
+
+/**
+ * A hook that returns the tile view button if it is enabled and undefined otherwise.
+ *
+ *  @returns {Object | undefined}
+ */
+export function useTileViewButton() {
+    const tileViewEnabled = useSelector((state: IReduxState) => getFeatureFlag(state, TILE_VIEW_ENABLED, true));
+
+    if (tileViewEnabled) {
+        return tileview;
+    }
+}
diff --git a/react/features/video-layout/logger.ts b/react/features/video-layout/logger.ts
new file mode 100644
index 0000000..2d3f0f7
--- /dev/null
+++ b/react/features/video-layout/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:video-layout');
diff --git a/react/features/video-layout/middleware.any.ts b/react/features/video-layout/middleware.any.ts
new file mode 100644
index 0000000..1544526
--- /dev/null
+++ b/react/features/video-layout/middleware.any.ts
@@ -0,0 +1,137 @@
+import { IStore } from '../app/types';
+import { getCurrentConference } from '../base/conference/functions';
+import { PARTICIPANT_LEFT, PIN_PARTICIPANT } from '../base/participants/actionTypes';
+import { pinParticipant } from '../base/participants/actions';
+import { getParticipantById, getPinnedParticipant } from '../base/participants/functions';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import StateListenerRegistry from '../base/redux/StateListenerRegistry';
+import { SET_DOCUMENT_EDITING_STATUS } from '../etherpad/actionTypes';
+import { isStageFilmstripEnabled } from '../filmstrip/functions';
+import { isFollowMeActive } from '../follow-me/functions';
+
+import { SET_TILE_VIEW } from './actionTypes';
+import { setTileView } from './actions';
+import { getAutoPinSetting, updateAutoPinnedParticipant } from './functions';
+import logger from './logger';
+import './subscriber';
+
+let previousTileViewEnabled: boolean | undefined;
+
+/**
+ * Middleware which intercepts actions and updates tile view related state.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+
+    // we want to extract the leaving participant and check its type before actually the participant being removed.
+    let shouldUpdateAutoPin = false;
+    let oldScreenShares: Array<string> = [];
+
+    switch (action.type) {
+    case PARTICIPANT_LEFT: {
+        if (!getAutoPinSetting() || isFollowMeActive(store)) {
+            logger.debug('Auto pinning is disabled or Follow Me is active, skipping auto pinning.');
+
+            break;
+        }
+        shouldUpdateAutoPin = Boolean(getParticipantById(store.getState(), action.participant.id)?.fakeParticipant);
+
+        if (shouldUpdateAutoPin) {
+            // Capture the old screenshare list before the reducer runs
+            oldScreenShares = store.getState()['features/video-layout'].remoteScreenShares || [];
+        }
+        break;
+    }
+    }
+
+    const result = next(action);
+
+    switch (action.type) {
+
+    // Actions that temporarily clear the user preferred state of tile view,
+    // then re-set it when needed.
+    case PIN_PARTICIPANT: {
+        const pinnedParticipant = action.participant?.id;
+
+        if (pinnedParticipant) {
+            _storeTileViewStateAndClear(store);
+        } else {
+            _restoreTileViewState(store);
+        }
+        break;
+    }
+    case SET_DOCUMENT_EDITING_STATUS:
+        if (action.editing) {
+            _storeTileViewStateAndClear(store);
+        } else {
+            _restoreTileViewState(store);
+        }
+        break;
+
+    // Things to update when tile view state changes
+    case SET_TILE_VIEW: {
+        const state = store.getState();
+        const stageFilmstrip = isStageFilmstripEnabled(state);
+
+        if (action.enabled && !stageFilmstrip && getPinnedParticipant(state)) {
+            store.dispatch(pinParticipant(null));
+        }
+        break;
+    }
+    }
+
+    if (shouldUpdateAutoPin) {
+        const newScreenShares = store.getState()['features/video-layout'].remoteScreenShares || [];
+
+        updateAutoPinnedParticipant(oldScreenShares, newScreenShares, store);
+    }
+
+    return result;
+});
+
+/**
+ * Set up state change listener to perform maintenance tasks when the conference
+ * is left or failed.
+ */
+StateListenerRegistry.register(
+    state => getCurrentConference(state),
+    (conference, { dispatch }, previousConference) => {
+        if (conference !== previousConference) {
+            // conference changed, left or failed...
+            // Clear tile view state.
+            dispatch(setTileView());
+        }
+    });
+
+/**
+ * Restores tile view state, if it wasn't updated since then.
+ *
+ * @param {Object} store - The Redux Store.
+ * @returns {void}
+ */
+function _restoreTileViewState({ dispatch, getState }: IStore) {
+    const { tileViewEnabled } = getState()['features/video-layout'];
+
+    if (tileViewEnabled === undefined && previousTileViewEnabled !== undefined) {
+        dispatch(setTileView(previousTileViewEnabled));
+    }
+
+    previousTileViewEnabled = undefined;
+}
+
+/**
+ * Stores the current tile view state and clears it.
+ *
+ * @param {Object} store - The Redux Store.
+ * @returns {void}
+ */
+function _storeTileViewStateAndClear({ dispatch, getState }: IStore) {
+    const { tileViewEnabled } = getState()['features/video-layout'];
+
+    if (tileViewEnabled !== undefined) {
+        previousTileViewEnabled = tileViewEnabled;
+        dispatch(setTileView(undefined));
+    }
+}
diff --git a/react/features/video-layout/middleware.native.ts b/react/features/video-layout/middleware.native.ts
new file mode 100644
index 0000000..36e0795
--- /dev/null
+++ b/react/features/video-layout/middleware.native.ts
@@ -0,0 +1,34 @@
+import { setVideoMuted } from '../base/media/actions';
+import { VIDEO_MUTISM_AUTHORITY } from '../base/media/constants';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { CLIENT_RESIZED } from '../base/responsive-ui/actionTypes';
+import { setLargeVideoDimensions } from '../large-video/actions.any';
+
+import { SET_CAR_MODE } from './actionTypes';
+import './middleware.any';
+
+/**
+ * Middleware which intercepts actions and updates the legacy component.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    const result = next(action);
+    const { dispatch } = store;
+
+    switch (action.type) {
+    case SET_CAR_MODE:
+        dispatch(setVideoMuted(action.enabled, VIDEO_MUTISM_AUTHORITY.CAR_MODE));
+        break;
+    case CLIENT_RESIZED: {
+        const { clientHeight, clientWidth } = store.getState()['features/base/responsive-ui'];
+
+        // On mobile the large video should always fill the screen.
+        dispatch(setLargeVideoDimensions(clientHeight, clientWidth));
+        break;
+    }
+    }
+
+    return result;
+});
diff --git a/react/features/video-layout/middleware.web.ts b/react/features/video-layout/middleware.web.ts
new file mode 100644
index 0000000..2b44311
--- /dev/null
+++ b/react/features/video-layout/middleware.web.ts
@@ -0,0 +1,72 @@
+// @ts-expect-error
+import VideoLayout from '../../../modules/UI/videolayout/VideoLayout.js';
+import { CONFERENCE_WILL_INIT, CONFERENCE_WILL_LEAVE } from '../base/conference/actionTypes';
+import { MEDIA_TYPE } from '../base/media/constants';
+import { PARTICIPANT_JOINED } from '../base/participants/actionTypes';
+import { getLocalParticipant } from '../base/participants/functions';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { TRACK_ADDED, TRACK_REMOVED, TRACK_STOPPED } from '../base/tracks/actionTypes';
+import { PARTICIPANTS_PANE_CLOSE, PARTICIPANTS_PANE_OPEN } from '../participants-pane/actionTypes';
+
+import './middleware.any';
+
+/**
+ * Middleware which intercepts actions and updates the legacy component
+ * {@code VideoLayout} as needed. The purpose of this middleware is to redux-ify
+ * {@code VideoLayout} without having to simultaneously react-ifying it.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+// eslint-disable-next-line no-unused-vars
+MiddlewareRegistry.register(store => next => action => {
+    // Purposefully perform additional actions after state update to mimic
+    // being connected to the store for updates.
+    const result = next(action);
+
+    switch (action.type) {
+    case CONFERENCE_WILL_INIT:
+        // Reset VideoLayout. It's destroyed on CONFERENCE_WILL_LEAVE so re-initialize it.
+        VideoLayout.initLargeVideo();
+        VideoLayout.resizeVideoArea();
+        break;
+    case CONFERENCE_WILL_LEAVE:
+        VideoLayout.reset();
+        break;
+
+    case PARTICIPANT_JOINED:
+        if (!action.participant.local) {
+            VideoLayout.updateVideoMutedForNoTracks(action.participant.id);
+        }
+        break;
+
+    case PARTICIPANTS_PANE_CLOSE:
+    case PARTICIPANTS_PANE_OPEN:
+        VideoLayout.resizeVideoArea();
+        break;
+
+    case TRACK_ADDED:
+        if (action.track.mediaType !== MEDIA_TYPE.AUDIO) {
+            VideoLayout._updateLargeVideoIfDisplayed(action.track.participantId, true);
+        }
+
+        break;
+
+    case TRACK_STOPPED: {
+        if (action.track.jitsiTrack.isLocal()) {
+            const participant = getLocalParticipant(store.getState);
+
+            VideoLayout._updateLargeVideoIfDisplayed(participant?.id);
+        }
+        break;
+    }
+    case TRACK_REMOVED:
+        if (!action.track.local && action.track.mediaType !== MEDIA_TYPE.AUDIO) {
+            VideoLayout.updateVideoMutedForNoTracks(action.track.jitsiTrack.getParticipantId());
+        }
+
+        break;
+    }
+
+    return result;
+});
diff --git a/react/features/video-layout/reducer.ts b/react/features/video-layout/reducer.ts
new file mode 100644
index 0000000..c89cd46
--- /dev/null
+++ b/react/features/video-layout/reducer.ts
@@ -0,0 +1,63 @@
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import {
+    SET_CAR_MODE,
+    SET_TILE_VIEW,
+    VIRTUAL_SCREENSHARE_REMOTE_PARTICIPANTS_UPDATED
+} from './actionTypes';
+
+const DEFAULT_STATE = {
+    /**
+     * Whether we are in carmode.
+     *
+     * @public
+     * @type {boolean}
+     */
+    carMode: false,
+
+    remoteScreenShares: [],
+
+    /**
+     * The indicator which determines whether the video layout should display
+     * video thumbnails in a tiled layout.
+     *
+     * Note: undefined means that the user hasn't requested anything in particular yet, so
+     * we use our auto switching rules.
+     *
+     * @public
+     * @type {boolean}
+     */
+    tileViewEnabled: undefined
+};
+
+export interface IVideoLayoutState {
+    carMode: boolean;
+    remoteScreenShares: string[];
+    tileViewEnabled?: boolean;
+}
+
+const STORE_NAME = 'features/video-layout';
+
+ReducerRegistry.register<IVideoLayoutState>(STORE_NAME, (state = DEFAULT_STATE, action): IVideoLayoutState => {
+    switch (action.type) {
+    case VIRTUAL_SCREENSHARE_REMOTE_PARTICIPANTS_UPDATED:
+        return {
+            ...state,
+            remoteScreenShares: action.participantIds
+        };
+
+    case SET_CAR_MODE:
+        return {
+            ...state,
+            carMode: action.enabled
+        };
+
+    case SET_TILE_VIEW:
+        return {
+            ...state,
+            tileViewEnabled: action.enabled
+        };
+    }
+
+    return state;
+});
diff --git a/react/features/video-layout/subscriber.ts b/react/features/video-layout/subscriber.ts
new file mode 100644
index 0000000..43b66c2
--- /dev/null
+++ b/react/features/video-layout/subscriber.ts
@@ -0,0 +1,40 @@
+import StateListenerRegistry from '../base/redux/StateListenerRegistry';
+import { equals } from '../base/redux/functions';
+import { isFollowMeActive } from '../follow-me/functions';
+
+import { virtualScreenshareParticipantsUpdated } from './actions';
+import { getAutoPinSetting, updateAutoPinnedParticipant } from './functions';
+import logger from './logger';
+
+StateListenerRegistry.register(
+    /* selector */ state => state['features/base/participants'].sortedRemoteVirtualScreenshareParticipants,
+    /* listener */ (sortedRemoteVirtualScreenshareParticipants, store) => {
+        const oldScreenSharesOrder = store.getState()['features/video-layout'].remoteScreenShares || [];
+        const knownSharingParticipantIds = [ ...sortedRemoteVirtualScreenshareParticipants.keys() ];
+
+        // Filter out any participants which are no longer screen sharing
+        // by looping through the known sharing participants and removing any
+        // participant IDs which are no longer sharing.
+        const newScreenSharesOrder = oldScreenSharesOrder.filter(
+            participantId => knownSharingParticipantIds.includes(participantId));
+
+        // Make sure all new sharing participant get added to the end of the
+        // known screen shares.
+        knownSharingParticipantIds.forEach(participantId => {
+            if (!newScreenSharesOrder.includes(participantId)) {
+                newScreenSharesOrder.push(participantId);
+                logger.debug('Adding new screenshare to list', participantId);
+            }
+        });
+
+        if (!equals(oldScreenSharesOrder, newScreenSharesOrder)) {
+            logger.debug('Screenshare order changed, dispatching update');
+            store.dispatch(virtualScreenshareParticipantsUpdated(newScreenSharesOrder));
+
+            if (getAutoPinSetting() && !isFollowMeActive(store)) {
+                updateAutoPinnedParticipant(oldScreenSharesOrder, newScreenSharesOrder, store);
+            } else {
+                logger.debug('Auto pinning is disabled or Follow Me is active, skipping auto pinning of screenshare.');
+            }
+        }
+    });
diff --git a/react/features/video-menu/actions.any.ts b/react/features/video-menu/actions.any.ts
new file mode 100644
index 0000000..a324624
--- /dev/null
+++ b/react/features/video-menu/actions.any.ts
@@ -0,0 +1,110 @@
+import {
+    AUDIO_MUTE,
+    DESKTOP_MUTE,
+    VIDEO_MUTE,
+    createRemoteMuteConfirmedEvent,
+    createToolbarEvent
+} from '../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../analytics/functions';
+import { IStore } from '../app/types';
+import {
+    rejectParticipantAudio,
+    rejectParticipantDesktop,
+    rejectParticipantVideo
+} from '../av-moderation/actions';
+import { setAudioMuted, setScreenshareMuted, setVideoMuted } from '../base/media/actions';
+import {
+    MEDIA_TYPE,
+    MediaType,
+    SCREENSHARE_MUTISM_AUTHORITY,
+    VIDEO_MUTISM_AUTHORITY
+} from '../base/media/constants';
+import { muteRemoteParticipant } from '../base/participants/actions';
+import { getRemoteParticipants } from '../base/participants/functions';
+
+import logger from './logger';
+
+/**
+ * Mutes the local participant.
+ *
+ * @param {boolean} enable - Whether to mute or unmute.
+ * @param {MEDIA_TYPE} mediaType - The type of the media channel to mute.
+ * @returns {Function}
+ */
+export function muteLocal(enable: boolean, mediaType: MediaType) {
+    return (dispatch: IStore['dispatch']) => {
+        switch (mediaType) {
+        case MEDIA_TYPE.AUDIO: {
+            sendAnalytics(createToolbarEvent(AUDIO_MUTE, { enable }));
+            dispatch(setAudioMuted(enable, /* ensureTrack */ true));
+            break;
+        }
+        case MEDIA_TYPE.SCREENSHARE: {
+            sendAnalytics(createToolbarEvent(DESKTOP_MUTE, { enable }));
+            dispatch(setScreenshareMuted(enable, SCREENSHARE_MUTISM_AUTHORITY.USER, /* ensureTrack */ true));
+            break;
+        }
+        case MEDIA_TYPE.VIDEO: {
+            sendAnalytics(createToolbarEvent(VIDEO_MUTE, { enable }));
+            dispatch(setVideoMuted(enable, VIDEO_MUTISM_AUTHORITY.USER, /* ensureTrack */ true));
+            break;
+        }
+        default: {
+            logger.error(`Unsupported media type: ${mediaType}`);
+
+            return;
+        }
+        }
+    };
+}
+
+/**
+ * Mutes the remote participant with the given ID.
+ *
+ * @param {string} participantId - ID of the participant to mute.
+ * @param {MEDIA_TYPE} mediaType - The type of the media channel to mute.
+ * @returns {Function}
+ */
+export function muteRemote(participantId: string, mediaType: MediaType) {
+    return (dispatch: IStore['dispatch']) => {
+        sendAnalytics(createRemoteMuteConfirmedEvent(participantId, mediaType));
+
+        // TODO(saghul): reconcile these 2 types.
+        const muteMediaType = mediaType === MEDIA_TYPE.SCREENSHARE ? 'desktop' : mediaType;
+
+        dispatch(muteRemoteParticipant(participantId, muteMediaType));
+
+        // Notify external API that participant was muted by moderator
+        if (typeof APP !== 'undefined') {
+            APP.API.notifyParticipantMuted(participantId, true, muteMediaType, false);
+        }
+    };
+}
+
+/**
+ * Mutes all participants.
+ *
+ * @param {Array<string>} exclude - Array of participant IDs to not mute.
+ * @param {MEDIA_TYPE} mediaType - The media type to mute.
+ * @returns {Function}
+ */
+export function muteAllParticipants(exclude: Array<string>, mediaType: MediaType) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+
+        getRemoteParticipants(state).forEach((p, id) => {
+            if (exclude.includes(id)) {
+                return;
+            }
+
+            dispatch(muteRemote(id, mediaType));
+            if (mediaType === MEDIA_TYPE.AUDIO) {
+                dispatch(rejectParticipantAudio(id));
+            } else if (mediaType === MEDIA_TYPE.VIDEO) {
+                dispatch(rejectParticipantVideo(id));
+            } else if (mediaType === MEDIA_TYPE.SCREENSHARE) {
+                dispatch(rejectParticipantDesktop(id));
+            }
+        });
+    };
+}
diff --git a/react/features/video-menu/actions.native.ts b/react/features/video-menu/actions.native.ts
new file mode 100644
index 0000000..02b37d4
--- /dev/null
+++ b/react/features/video-menu/actions.native.ts
@@ -0,0 +1 @@
+export * from './actions.any';
diff --git a/react/features/video-menu/actions.web.ts b/react/features/video-menu/actions.web.ts
new file mode 100644
index 0000000..b534a37
--- /dev/null
+++ b/react/features/video-menu/actions.web.ts
@@ -0,0 +1,17 @@
+import { SHOW_CONNECTION_INFO } from '../base/connection/actionTypes';
+
+export * from './actions.any';
+
+/**
+ * Sets whether to render the connection status info into the Popover of the thumbnail or the context menu buttons.
+ *
+ * @param {boolean} showConnectionInfo - Whether it should show the connection
+ * info or the context menu buttons on thumbnail popover.
+ * @returns {Object}
+ */
+export function renderConnectionStatus(showConnectionInfo: boolean) {
+    return {
+        type: SHOW_CONNECTION_INFO,
+        showConnectionInfo
+    };
+}
diff --git a/react/features/video-menu/components/AbstractGrantModeratorButton.ts b/react/features/video-menu/components/AbstractGrantModeratorButton.ts
new file mode 100644
index 0000000..8b6935d
--- /dev/null
+++ b/react/features/video-menu/components/AbstractGrantModeratorButton.ts
@@ -0,0 +1,59 @@
+import { IReduxState } from '../../app/types';
+import { openDialog } from '../../base/dialog/actions';
+import { IconModerator } from '../../base/icons/svg';
+import { PARTICIPANT_ROLE } from '../../base/participants/constants';
+import { getLocalParticipant, getParticipantById, isParticipantModerator } from '../../base/participants/functions';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../base/toolbox/components/AbstractButton';
+
+import { GrantModeratorDialog } from './';
+
+export interface IProps extends AbstractButtonProps {
+
+    /**
+     * The ID of the participant for whom to grant moderator status.
+     */
+    participantID: string;
+}
+
+/**
+ * An abstract remote video menu button which kicks the remote participant.
+ */
+export default class AbstractGrantModeratorButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.grantModerator';
+    override icon = IconModerator;
+    override label = 'videothumbnail.grantModerator';
+
+    /**
+    * Handles clicking / pressing the button, and kicks the participant.
+    *
+    * @private
+    * @returns {void}
+    */
+    override _handleClick() {
+        const { dispatch, participantID } = this.props;
+
+        dispatch(openDialog('GrantModeratorDialog', GrantModeratorDialog, { participantID }));
+    }
+}
+
+/**
+ * Function that maps parts of Redux state tree into component props.
+ *
+ * @param {Object} state - Redux state.
+ * @param {Object} ownProps - Properties of component.
+ * @private
+ * @returns {{
+ *     visible: boolean
+ * }}
+ */
+export function _mapStateToProps(state: IReduxState, ownProps: any) {
+    const { participantID } = ownProps;
+
+    const localParticipant = getLocalParticipant(state);
+    const targetParticipant = getParticipantById(state, participantID);
+
+    return {
+        visible: Boolean(localParticipant?.role === PARTICIPANT_ROLE.MODERATOR)
+            && !isParticipantModerator(targetParticipant)
+    };
+}
diff --git a/react/features/video-menu/components/AbstractGrantModeratorDialog.ts b/react/features/video-menu/components/AbstractGrantModeratorDialog.ts
new file mode 100644
index 0000000..00efb39
--- /dev/null
+++ b/react/features/video-menu/components/AbstractGrantModeratorDialog.ts
@@ -0,0 +1,77 @@
+import { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+
+import { createRemoteVideoMenuButtonEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { IReduxState, IStore } from '../../app/types';
+import { grantModerator } from '../../base/participants/actions';
+import { getParticipantById } from '../../base/participants/functions';
+
+interface IProps extends WithTranslation {
+
+    /**
+     * The Redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * The ID of the remote participant to be granted moderator rights.
+     */
+    participantID: string;
+
+    /**
+     * The name of the remote participant to be granted moderator rights.
+     */
+    participantName?: string;
+}
+
+/**
+ * Abstract dialog to confirm granting moderator to a participant.
+ */
+export default class AbstractGrantModeratorDialog
+    extends Component<IProps> {
+    /**
+     * Initializes a new {@code AbstractGrantModeratorDialog} instance.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._onSubmit = this._onSubmit.bind(this);
+    }
+
+    /**
+     * Callback for the confirm button.
+     *
+     * @private
+     * @returns {boolean} - True (to note that the modal should be closed).
+     */
+    _onSubmit() {
+        const { dispatch, participantID } = this.props;
+
+        sendAnalytics(createRemoteVideoMenuButtonEvent(
+            'grant.moderator.button',
+            {
+                'participant_id': participantID
+            }));
+
+        dispatch(grantModerator(participantID));
+
+        return true;
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated {@code AbstractMuteEveryoneDialog}'s props.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @param {Object} ownProps - The properties explicitly passed to the component.
+ * @returns {IProps}
+ */
+export function abstractMapStateToProps(state: IReduxState, ownProps: IProps) {
+
+    return {
+        participantName: getParticipantById(state, ownProps.participantID)?.name
+    };
+}
diff --git a/react/features/video-menu/components/AbstractKickButton.ts b/react/features/video-menu/components/AbstractKickButton.ts
new file mode 100644
index 0000000..1ecfd8b
--- /dev/null
+++ b/react/features/video-menu/components/AbstractKickButton.ts
@@ -0,0 +1,34 @@
+import { openDialog } from '../../base/dialog/actions';
+import { IconUserDeleted } from '../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../base/toolbox/components/AbstractButton';
+
+import { KickRemoteParticipantDialog } from './';
+
+export interface IProps extends AbstractButtonProps {
+
+    /**
+     * The ID of the participant that this button is supposed to kick.
+     */
+    participantID: string;
+}
+
+/**
+ * An abstract remote video menu button which kicks the remote participant.
+ */
+export default class AbstractKickButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.kick';
+    override icon = IconUserDeleted;
+    override label = 'videothumbnail.kick';
+
+    /**
+     * Handles clicking / pressing the button, and kicks the participant.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { dispatch, participantID } = this.props;
+
+        dispatch(openDialog('KickRemoteParticipantDialog', KickRemoteParticipantDialog, { participantID }));
+    }
+}
diff --git a/react/features/video-menu/components/AbstractKickRemoteParticipantDialog.ts b/react/features/video-menu/components/AbstractKickRemoteParticipantDialog.ts
new file mode 100644
index 0000000..1eedce4
--- /dev/null
+++ b/react/features/video-menu/components/AbstractKickRemoteParticipantDialog.ts
@@ -0,0 +1,57 @@
+import { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+
+import { createRemoteVideoMenuButtonEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { IStore } from '../../app/types';
+import { kickParticipant } from '../../base/participants/actions';
+
+interface IProps extends WithTranslation {
+
+    /**
+     * The Redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * The ID of the remote participant to be kicked.
+     */
+    participantID: string;
+}
+
+/**
+ * Abstract dialog to confirm a remote participant kick action.
+ */
+export default class AbstractKickRemoteParticipantDialog
+    extends Component<IProps> {
+    /**
+     * Initializes a new {@code AbstractKickRemoteParticipantDialog} instance.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._onSubmit = this._onSubmit.bind(this);
+    }
+
+    /**
+     * Callback for the confirm button.
+     *
+     * @private
+     * @returns {boolean} - True (to note that the modal should be closed).
+     */
+    _onSubmit() {
+        const { dispatch, participantID } = this.props;
+
+        sendAnalytics(createRemoteVideoMenuButtonEvent(
+            'kick.button',
+            {
+                'participant_id': participantID
+            }));
+
+        dispatch(kickParticipant(participantID));
+
+        return true;
+    }
+}
diff --git a/react/features/video-menu/components/AbstractMuteButton.ts b/react/features/video-menu/components/AbstractMuteButton.ts
new file mode 100644
index 0000000..326ad57
--- /dev/null
+++ b/react/features/video-menu/components/AbstractMuteButton.ts
@@ -0,0 +1,90 @@
+import { createRemoteVideoMenuButtonEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { IReduxState } from '../../app/types';
+import { rejectParticipantAudio } from '../../av-moderation/actions';
+import { IconMicSlash } from '../../base/icons/svg';
+import { MEDIA_TYPE } from '../../base/media/constants';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../base/toolbox/components/AbstractButton';
+import { isRemoteTrackMuted } from '../../base/tracks/functions.any';
+import { muteRemote } from '../actions.any';
+
+export interface IProps extends AbstractButtonProps {
+
+    /**
+     * Boolean to indicate if the audio track of the participant is muted or
+     * not.
+     */
+    _audioTrackMuted: boolean;
+
+    /**
+     * The ID of the participant object that this button is supposed to
+     * mute/unmute.
+     */
+    participantID: string;
+}
+
+/**
+ * An abstract remote video menu button which mutes the remote participant.
+ */
+export default class AbstractMuteButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.remoteMute';
+    override icon = IconMicSlash;
+    override label = 'videothumbnail.domute';
+    override toggledLabel = 'videothumbnail.muted';
+
+    /**
+     * Handles clicking / pressing the button, and mutes the participant.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { dispatch, participantID } = this.props;
+
+        sendAnalytics(createRemoteVideoMenuButtonEvent(
+            'mute',
+            {
+                'participant_id': participantID
+            }));
+
+        dispatch(muteRemote(participantID, MEDIA_TYPE.AUDIO));
+        dispatch(rejectParticipantAudio(participantID));
+    }
+
+    /**
+     * Renders the item disabled if the participant is muted.
+     *
+     * @inheritdoc
+     */
+    override _isDisabled() {
+        return this.props._audioTrackMuted;
+    }
+
+    /**
+     * Renders the item toggled if the participant is muted.
+     *
+     * @inheritdoc
+     */
+    override _isToggled() {
+        return this.props._audioTrackMuted;
+    }
+}
+
+/**
+ * Function that maps parts of Redux state tree into component props.
+ *
+ * @param {Object} state - Redux state.
+ * @param {Object} ownProps - Properties of component.
+ * @private
+ * @returns {{
+ *      _audioTrackMuted: boolean
+ *  }}
+ */
+export function _mapStateToProps(state: IReduxState, ownProps: any) {
+    const tracks = state['features/base/tracks'];
+
+    return {
+        _audioTrackMuted: isRemoteTrackMuted(
+            tracks, MEDIA_TYPE.AUDIO, ownProps.participantID)
+    };
+}
diff --git a/react/features/video-menu/components/AbstractMuteEveryoneDialog.ts b/react/features/video-menu/components/AbstractMuteEveryoneDialog.ts
new file mode 100644
index 0000000..c4669ba
--- /dev/null
+++ b/react/features/video-menu/components/AbstractMuteEveryoneDialog.ts
@@ -0,0 +1,131 @@
+import { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+
+import { IReduxState, IStore } from '../../app/types';
+import { requestDisableAudioModeration, requestEnableAudioModeration } from '../../av-moderation/actions';
+import { MEDIA_TYPE as AVM_MEDIA_TYPE } from '../../av-moderation/constants';
+import { isEnabledFromState, isSupported } from '../../av-moderation/functions';
+import { MEDIA_TYPE } from '../../base/media/constants';
+import { getLocalParticipant, getParticipantDisplayName, isEveryoneModerator } from '../../base/participants/functions';
+import { muteAllParticipants } from '../actions';
+
+/**
+ * The type of the React {@code Component} props of
+ * {@link AbstractMuteEveryoneDialog}.
+ */
+export interface IProps extends WithTranslation {
+    content?: string;
+    dispatch: IStore['dispatch'];
+    exclude: Array<string>;
+    isAudioModerationEnabled?: boolean;
+    isEveryoneModerator: boolean;
+    isModerationSupported?: boolean;
+    participantID: string;
+    showAdvancedModerationToggle: boolean;
+    title: string;
+}
+
+interface IState {
+    audioModerationEnabled?: boolean;
+    content: string;
+}
+
+/**
+ *
+ * An abstract Component with the contents for a dialog that asks for confirmation
+ * from the user before muting all remote participants.
+ *
+ */
+export default class AbstractMuteEveryoneDialog<P extends IProps> extends Component<P, IState> {
+    static defaultProps = {
+        exclude: [],
+        muteLocal: false
+    };
+
+    /**
+     * Initializes a new {@code AbstractMuteEveryoneDialog} instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: P) {
+        super(props);
+
+        this.state = {
+            audioModerationEnabled: props.isAudioModerationEnabled,
+            content: props.content || props.t(props.isAudioModerationEnabled
+                ? 'dialog.muteEveryoneDialogModerationOn' : 'dialog.muteEveryoneDialog'
+            )
+        };
+
+        // Bind event handlers so they are only bound once per instance.
+        this._onSubmit = this._onSubmit.bind(this);
+        this._onToggleModeration = this._onToggleModeration.bind(this);
+    }
+
+    /**
+      * Toggles advanced moderation switch.
+      *
+      * @returns {void}
+      */
+    _onToggleModeration() {
+        this.setState(state => {
+            return {
+                audioModerationEnabled: !state.audioModerationEnabled,
+                content: this.props.t(state.audioModerationEnabled
+                    ? 'dialog.muteEveryoneDialog' : 'dialog.muteEveryoneDialogModerationOn'
+                )
+            };
+        });
+    }
+
+    /**
+     * Callback to be invoked when the value of this dialog is submitted.
+     *
+     * @returns {boolean}
+     */
+    _onSubmit() {
+        const {
+            dispatch,
+            exclude
+        } = this.props;
+
+        dispatch(muteAllParticipants(exclude, MEDIA_TYPE.AUDIO));
+        if (this.state.audioModerationEnabled) {
+            dispatch(requestEnableAudioModeration());
+        } else if (this.state.audioModerationEnabled !== undefined) {
+            dispatch(requestDisableAudioModeration());
+        }
+
+        return true;
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated {@code AbstractMuteEveryoneDialog}'s props.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @param {Object} ownProps - The properties explicitly passed to the component.
+ * @returns {IProps}
+ */
+export function abstractMapStateToProps(state: IReduxState, ownProps: IProps) {
+    const { exclude = [], t } = ownProps;
+
+    const whom = exclude
+        // eslint-disable-next-line no-confusing-arrow
+        .map(id => id === getLocalParticipant(state)?.id
+            ? t('dialog.muteEveryoneSelf')
+            : getParticipantDisplayName(state, id))
+        .join(', ');
+
+    return whom.length ? {
+        content: t('dialog.muteEveryoneElseDialog'),
+        title: t('dialog.muteEveryoneElseTitle', { whom }),
+        isEveryoneModerator: isEveryoneModerator(state)
+    } : {
+        title: t('dialog.muteEveryoneTitle'),
+        isAudioModerationEnabled: isEnabledFromState(AVM_MEDIA_TYPE.AUDIO, state),
+        isModerationSupported: isSupported()(state),
+        isEveryoneModerator: isEveryoneModerator(state)
+    };
+}
diff --git a/react/features/video-menu/components/AbstractMuteEveryoneElseButton.ts b/react/features/video-menu/components/AbstractMuteEveryoneElseButton.ts
new file mode 100644
index 0000000..c7f852a
--- /dev/null
+++ b/react/features/video-menu/components/AbstractMuteEveryoneElseButton.ts
@@ -0,0 +1,37 @@
+import { createToolbarEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { openDialog } from '../../base/dialog/actions';
+import { IconMicSlash } from '../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../base/toolbox/components/AbstractButton';
+
+import { MuteEveryoneDialog } from './';
+
+export interface IProps extends AbstractButtonProps {
+
+    /**
+     * The ID of the participant object that this button is supposed to keep unmuted.
+     */
+    participantID: string;
+}
+
+/**
+ * An abstract remote video menu button which mutes all the other participants.
+ */
+export default class AbstractMuteEveryoneElseButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.muteEveryoneElse';
+    override icon = IconMicSlash;
+    override label = 'videothumbnail.domuteOthers';
+
+    /**
+     * Handles clicking / pressing the button, and opens a confirmation dialog.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { dispatch, participantID } = this.props;
+
+        sendAnalytics(createToolbarEvent('mute.everyoneelse.pressed'));
+        dispatch(openDialog('MuteEveryoneDialog', MuteEveryoneDialog, { exclude: [ participantID ] }));
+    }
+}
diff --git a/react/features/video-menu/components/AbstractMuteEveryoneElsesVideoButton.ts b/react/features/video-menu/components/AbstractMuteEveryoneElsesVideoButton.ts
new file mode 100644
index 0000000..9610214
--- /dev/null
+++ b/react/features/video-menu/components/AbstractMuteEveryoneElsesVideoButton.ts
@@ -0,0 +1,37 @@
+import { createToolbarEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { openDialog } from '../../base/dialog/actions';
+import { IconVideoOff } from '../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../base/toolbox/components/AbstractButton';
+
+import { MuteEveryonesVideoDialog } from './';
+
+export interface IProps extends AbstractButtonProps {
+
+    /**
+     * The ID of the participant object that this button is supposed to keep unmuted.
+     */
+    participantID: string;
+}
+
+/**
+ * An abstract remote video menu button which disables the camera of all the other participants.
+ */
+export default class AbstractMuteEveryoneElsesVideoButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.muteEveryoneElsesVideoStream';
+    override icon = IconVideoOff;
+    override label = 'videothumbnail.domuteVideoOfOthers';
+
+    /**
+     * Handles clicking / pressing the button, and opens a confirmation dialog.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { dispatch, participantID } = this.props;
+
+        sendAnalytics(createToolbarEvent('mute.everyoneelsesvideo.pressed'));
+        dispatch(openDialog('MuteEveryonesVideoDialog', MuteEveryonesVideoDialog, { exclude: [ participantID ] }));
+    }
+}
diff --git a/react/features/video-menu/components/AbstractMuteEveryonesDesktopDialog.ts b/react/features/video-menu/components/AbstractMuteEveryonesDesktopDialog.ts
new file mode 100644
index 0000000..5035044
--- /dev/null
+++ b/react/features/video-menu/components/AbstractMuteEveryonesDesktopDialog.ts
@@ -0,0 +1,130 @@
+import { IReduxState } from '../../app/types';
+import { requestDisableDesktopModeration, requestEnableDesktopModeration } from '../../av-moderation/actions';
+import { MEDIA_TYPE as AVM_MEDIA_TYPE } from '../../av-moderation/constants';
+import { isEnabledFromState, isSupported } from '../../av-moderation/functions';
+import { MEDIA_TYPE } from '../../base/media/constants';
+import { getLocalParticipant, getParticipantDisplayName } from '../../base/participants/functions';
+import { muteAllParticipants } from '../actions';
+
+import AbstractMuteRemoteParticipantsDesktopDialog, {
+    type IProps as AbstractProps
+} from './AbstractMuteRemoteParticipantsDesktopDialog';
+
+/**
+ * The type of the React {@code Component} props of
+ * {@link AbstractMuteEveryonesDesktopDialog}.
+ */
+export interface IProps extends AbstractProps {
+    content?: string;
+    exclude: Array<string>;
+    isModerationEnabled?: boolean;
+    isModerationSupported?: boolean;
+    showAdvancedModerationToggle: boolean;
+    title: string;
+}
+
+interface IState {
+    content: string;
+    moderationEnabled?: boolean;
+}
+
+/**
+ *
+ * An abstract Component with the contents for a dialog that asks for confirmation
+ * from the user before disabling all remote participants cameras.
+ *
+ * @augments AbstractMuteRemoteParticipantsDesktopDialog
+ */
+export default class AbstractMuteEveryonesDesktopDialog<P extends IProps>
+    extends AbstractMuteRemoteParticipantsDesktopDialog<P, IState> {
+    static defaultProps = {
+        exclude: [],
+        muteLocal: false
+    };
+
+    /**
+     * Initializes a new {@code AbstractMuteRemoteParticipantsDesktopDialog} instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: P) {
+        super(props);
+
+        this.state = {
+            moderationEnabled: props.isModerationEnabled,
+            content: props.content || props.t(props.isModerationEnabled
+                ? 'dialog.muteEveryonesDesktopDialogModerationOn' : 'dialog.muteEveryonesDesktopDialog'
+            )
+        };
+
+        // Bind event handlers so they are only bound once per instance.
+        this._onSubmit = this._onSubmit.bind(this);
+        this._onToggleModeration = this._onToggleModeration.bind(this);
+    }
+
+    /**
+     * Toggles advanced moderation switch.
+     *
+     * @returns {void}
+     */
+    _onToggleModeration() {
+        this.setState(state => {
+            return {
+                moderationEnabled: !state.moderationEnabled,
+                content: this.props.t(state.moderationEnabled
+                    ? 'dialog.muteEveryonesDesktopDialog' : 'dialog.muteEveryonesDesktopDialogModerationOn'
+                )
+            };
+        });
+    }
+
+    /**
+     * Callback to be invoked when the value of this dialog is submitted.
+     *
+     * @returns {boolean}
+     */
+    override _onSubmit() {
+        const {
+            dispatch,
+            exclude
+        } = this.props;
+
+        dispatch(muteAllParticipants(exclude, MEDIA_TYPE.SCREENSHARE));
+        if (this.state.moderationEnabled) {
+            dispatch(requestEnableDesktopModeration());
+        } else if (this.state.moderationEnabled !== undefined) {
+            dispatch(requestDisableDesktopModeration());
+        }
+
+        return true;
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated {@code AbstractMuteEveryonesDesktopDialog}'s props.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @param {Object} ownProps - The properties explicitly passed to the component.
+ * @returns {IProps}
+ */
+export function abstractMapStateToProps(state: IReduxState, ownProps: IProps) {
+    const { exclude = [], t } = ownProps;
+    const isModerationEnabled = isEnabledFromState(AVM_MEDIA_TYPE.DESKTOP, state);
+
+    const whom = exclude
+        // eslint-disable-next-line no-confusing-arrow
+        .map(id => id === getLocalParticipant(state)?.id
+            ? t('dialog.muteEveryoneSelf')
+            : getParticipantDisplayName(state, id))
+        .join(', ');
+
+    return whom.length ? {
+        content: t('dialog.muteEveryoneElsesDesktopDialog'),
+        title: t('dialog.muteEveryoneElsesDesktopTitle', { whom })
+    } : {
+        title: t('dialog.muteEveryonesDesktopTitle'),
+        isModerationEnabled,
+        isModerationSupported: isSupported()(state)
+    };
+}
diff --git a/react/features/video-menu/components/AbstractMuteEveryonesVideoDialog.ts b/react/features/video-menu/components/AbstractMuteEveryonesVideoDialog.ts
new file mode 100644
index 0000000..227c072
--- /dev/null
+++ b/react/features/video-menu/components/AbstractMuteEveryonesVideoDialog.ts
@@ -0,0 +1,130 @@
+import { IReduxState } from '../../app/types';
+import { requestDisableVideoModeration, requestEnableVideoModeration } from '../../av-moderation/actions';
+import { MEDIA_TYPE as AVM_MEDIA_TYPE } from '../../av-moderation/constants';
+import { isEnabledFromState, isSupported } from '../../av-moderation/functions';
+import { MEDIA_TYPE } from '../../base/media/constants';
+import { getLocalParticipant, getParticipantDisplayName } from '../../base/participants/functions';
+import { muteAllParticipants } from '../actions';
+
+import AbstractMuteRemoteParticipantsVideoDialog, {
+    type IProps as AbstractProps
+} from './AbstractMuteRemoteParticipantsVideoDialog';
+
+/**
+ * The type of the React {@code Component} props of
+ * {@link AbstractMuteEveryonesVideoDialog}.
+ */
+export interface IProps extends AbstractProps {
+    content?: string;
+    exclude: Array<string>;
+    isModerationSupported?: boolean;
+    isVideoModerationEnabled?: boolean;
+    showAdvancedModerationToggle: boolean;
+    title: string;
+}
+
+interface IState {
+    content: string;
+    moderationEnabled?: boolean;
+}
+
+/**
+ *
+ * An abstract Component with the contents for a dialog that asks for confirmation
+ * from the user before disabling all remote participants cameras.
+ *
+ * @augments AbstractMuteRemoteParticipantsVideoDialog
+ */
+export default class AbstractMuteEveryonesVideoDialog<P extends IProps>
+    extends AbstractMuteRemoteParticipantsVideoDialog<P, IState> {
+    static defaultProps = {
+        exclude: [],
+        muteLocal: false
+    };
+
+    /**
+     * Initializes a new {@code AbstractMuteRemoteParticipantsVideoDialog} instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: P) {
+        super(props);
+
+        this.state = {
+            moderationEnabled: props.isVideoModerationEnabled,
+            content: props.content || props.t(props.isVideoModerationEnabled
+                ? 'dialog.muteEveryonesVideoDialogModerationOn' : 'dialog.muteEveryonesVideoDialog'
+            )
+        };
+
+        // Bind event handlers so they are only bound once per instance.
+        this._onSubmit = this._onSubmit.bind(this);
+        this._onToggleModeration = this._onToggleModeration.bind(this);
+    }
+
+    /**
+     * Toggles advanced moderation switch.
+     *
+     * @returns {void}
+     */
+    _onToggleModeration() {
+        this.setState(state => {
+            return {
+                moderationEnabled: !state.moderationEnabled,
+                content: this.props.t(state.moderationEnabled
+                    ? 'dialog.muteEveryonesVideoDialog' : 'dialog.muteEveryonesVideoDialogModerationOn'
+                )
+            };
+        });
+    }
+
+    /**
+     * Callback to be invoked when the value of this dialog is submitted.
+     *
+     * @returns {boolean}
+     */
+    override _onSubmit() {
+        const {
+            dispatch,
+            exclude
+        } = this.props;
+
+        dispatch(muteAllParticipants(exclude, MEDIA_TYPE.VIDEO));
+        if (this.state.moderationEnabled) {
+            dispatch(requestEnableVideoModeration());
+        } else if (this.state.moderationEnabled !== undefined) {
+            dispatch(requestDisableVideoModeration());
+        }
+
+        return true;
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated {@code AbstractMuteEveryonesVideoDialog}'s props.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @param {Object} ownProps - The properties explicitly passed to the component.
+ * @returns {IProps}
+ */
+export function abstractMapStateToProps(state: IReduxState, ownProps: IProps) {
+    const { exclude = [], t } = ownProps;
+    const isVideoModerationEnabled = isEnabledFromState(AVM_MEDIA_TYPE.VIDEO, state);
+
+    const whom = exclude
+        // eslint-disable-next-line no-confusing-arrow
+        .map(id => id === getLocalParticipant(state)?.id
+            ? t('dialog.muteEveryoneSelf')
+            : getParticipantDisplayName(state, id))
+        .join(', ');
+
+    return whom.length ? {
+        content: t('dialog.muteEveryoneElsesVideoDialog'),
+        title: t('dialog.muteEveryoneElsesVideoTitle', { whom })
+    } : {
+        title: t('dialog.muteEveryonesVideoTitle'),
+        isVideoModerationEnabled,
+        isModerationSupported: isSupported()(state)
+    };
+}
diff --git a/react/features/video-menu/components/AbstractMuteRemoteParticipantsDesktopDialog.ts b/react/features/video-menu/components/AbstractMuteRemoteParticipantsDesktopDialog.ts
new file mode 100644
index 0000000..8c58963
--- /dev/null
+++ b/react/features/video-menu/components/AbstractMuteRemoteParticipantsDesktopDialog.ts
@@ -0,0 +1,81 @@
+import { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+
+import { IReduxState, IStore } from '../../app/types';
+import { rejectParticipantDesktop } from '../../av-moderation/actions';
+import { MEDIA_TYPE as AVM_MEDIA_TYPE } from '../../av-moderation/constants';
+import { isEnabledFromState } from '../../av-moderation/functions';
+import { MEDIA_TYPE } from '../../base/media/constants';
+import { muteRemote } from '../actions';
+
+/**
+ * The type of the React {@code Component} props of
+ * {@link AbstractMuteRemoteParticipantsDesktopDialog}.
+ */
+export interface IProps extends WithTranslation {
+
+    /**
+     * The Redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Whether or not desktop moderation is on.
+     */
+    isModerationOn: boolean;
+
+    /**
+     * The ID of the remote participant to be muted.
+     */
+    participantID: string;
+}
+
+/**
+ * Abstract dialog to confirm a remote participant desktop mute action.
+ *
+ * @augments Component
+ */
+export default class AbstractMuteRemoteParticipantsDesktopDialog<P extends IProps = IProps, State=any>
+    extends Component<P, State> {
+    /**
+     * Initializes a new {@code AbstractMuteRemoteParticipantsDesktopDialog} instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: P) {
+        super(props);
+
+        // Bind event handlers so they are only bound once per instance.
+        this._onSubmit = this._onSubmit.bind(this);
+    }
+
+    /**
+     * Handles the submit button action.
+     *
+     * @private
+     * @returns {boolean} - True (to note that the modal should be closed).
+     */
+    _onSubmit() {
+        const { dispatch, participantID } = this.props;
+
+        dispatch(muteRemote(participantID, MEDIA_TYPE.SCREENSHARE));
+        dispatch(rejectParticipantDesktop(participantID));
+
+        return true;
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated
+ * {@code AbstractDialogContainer}'s props.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @private
+ * @returns {Object}
+ */
+export function abstractMapStateToProps(state: IReduxState) {
+    return {
+        isModerationOn: isEnabledFromState(AVM_MEDIA_TYPE.DESKTOP, state)
+    };
+}
diff --git a/react/features/video-menu/components/AbstractMuteRemoteParticipantsVideoDialog.ts b/react/features/video-menu/components/AbstractMuteRemoteParticipantsVideoDialog.ts
new file mode 100644
index 0000000..58c91d8
--- /dev/null
+++ b/react/features/video-menu/components/AbstractMuteRemoteParticipantsVideoDialog.ts
@@ -0,0 +1,81 @@
+import { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+
+import { IReduxState, IStore } from '../../app/types';
+import { rejectParticipantVideo } from '../../av-moderation/actions';
+import { MEDIA_TYPE as AVM_MEDIA_TYPE } from '../../av-moderation/constants';
+import { isEnabledFromState } from '../../av-moderation/functions';
+import { MEDIA_TYPE } from '../../base/media/constants';
+import { muteRemote } from '../actions';
+
+/**
+ * The type of the React {@code Component} props of
+ * {@link AbstractMuteRemoteParticipantsVideoDialog}.
+ */
+export interface IProps extends WithTranslation {
+
+    /**
+     * The Redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Whether or not video moderation is on.
+     */
+    isVideoModerationOn: boolean;
+
+    /**
+     * The ID of the remote participant to be muted.
+     */
+    participantID: string;
+}
+
+/**
+ * Abstract dialog to confirm a remote participant video ute action.
+ *
+ * @augments Component
+ */
+export default class AbstractMuteRemoteParticipantsVideoDialog<P extends IProps = IProps, State=any>
+    extends Component<P, State> {
+    /**
+     * Initializes a new {@code AbstractMuteRemoteParticipantsVideoDialog} instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: P) {
+        super(props);
+
+        // Bind event handlers so they are only bound once per instance.
+        this._onSubmit = this._onSubmit.bind(this);
+    }
+
+    /**
+     * Handles the submit button action.
+     *
+     * @private
+     * @returns {boolean} - True (to note that the modal should be closed).
+     */
+    _onSubmit() {
+        const { dispatch, participantID } = this.props;
+
+        dispatch(muteRemote(participantID, MEDIA_TYPE.VIDEO));
+        dispatch(rejectParticipantVideo(participantID));
+
+        return true;
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated
+ * {@code AbstractDialogContainer}'s props.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @private
+ * @returns {Object}
+ */
+export function abstractMapStateToProps(state: IReduxState) {
+    return {
+        isVideoModerationOn: isEnabledFromState(AVM_MEDIA_TYPE.VIDEO, state)
+    };
+}
diff --git a/react/features/video-menu/components/AbstractMuteVideoButton.ts b/react/features/video-menu/components/AbstractMuteVideoButton.ts
new file mode 100644
index 0000000..ff1c722
--- /dev/null
+++ b/react/features/video-menu/components/AbstractMuteVideoButton.ts
@@ -0,0 +1,90 @@
+import { createRemoteVideoMenuButtonEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { IReduxState } from '../../app/types';
+import { openDialog } from '../../base/dialog/actions';
+import { IconVideoOff } from '../../base/icons/svg';
+import { MEDIA_TYPE } from '../../base/media/constants';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../base/toolbox/components/AbstractButton';
+import { isRemoteTrackMuted } from '../../base/tracks/functions.any';
+
+import { MuteRemoteParticipantsVideoDialog } from './';
+
+export interface IProps extends AbstractButtonProps {
+
+    /**
+     * Boolean to indicate if the video track of the participant is muted or
+     * not.
+     */
+    _videoTrackMuted: boolean;
+
+    /**
+     * The ID of the participant object that this button is supposed to
+     * mute/unmute.
+     */
+    participantID: string;
+}
+
+/**
+ * An abstract remote video menu button which mutes the remote participant.
+ */
+export default class AbstractMuteVideoButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.remoteVideoMute';
+    override icon = IconVideoOff;
+    override label = 'videothumbnail.domuteVideo';
+    override toggledLabel = 'videothumbnail.videoMuted';
+
+    /**
+     * Handles clicking / pressing the button, and mutes the participant.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { dispatch, participantID } = this.props;
+
+        sendAnalytics(createRemoteVideoMenuButtonEvent(
+            'video.mute.button',
+            {
+                'participant_id': participantID
+            }));
+
+        dispatch(openDialog('MuteRemoteParticipantsVideoDialog', MuteRemoteParticipantsVideoDialog, { participantID }));
+    }
+
+    /**
+     * Renders the item disabled if the participant is muted.
+     *
+     * @inheritdoc
+     */
+    override _isDisabled() {
+        return this.props._videoTrackMuted;
+    }
+
+    /**
+     * Renders the item toggled if the participant is muted.
+     *
+     * @inheritdoc
+     */
+    override _isToggled() {
+        return this.props._videoTrackMuted;
+    }
+}
+
+/**
+ * Function that maps parts of Redux state tree into component props.
+ *
+ * @param {Object} state - Redux state.
+ * @param {Object} ownProps - Properties of component.
+ * @private
+ * @returns {{
+ *      _videoTrackMuted: boolean
+ *  }}
+ */
+export function _mapStateToProps(state: IReduxState, ownProps: any) {
+    const tracks = state['features/base/tracks'];
+
+    return {
+        _videoTrackMuted: isRemoteTrackMuted(
+            tracks, MEDIA_TYPE.VIDEO, ownProps.participantID)
+    };
+}
diff --git a/react/features/video-menu/components/index.native.ts b/react/features/video-menu/components/index.native.ts
new file mode 100644
index 0000000..bbb8d85
--- /dev/null
+++ b/react/features/video-menu/components/index.native.ts
@@ -0,0 +1,13 @@
+/* eslint-disable lines-around-comment */
+// @ts-ignore
+export { default as DemoteToVisitorDialog } from './native/DemoteToVisitorDialog';
+// @ts-ignore
+export { default as GrantModeratorDialog } from './native/GrantModeratorDialog';
+// @ts-ignore
+export { default as KickRemoteParticipantDialog } from './native/KickRemoteParticipantDialog';
+// @ts-ignore
+export { default as MuteEveryoneDialog } from './native/MuteEveryoneDialog';
+// @ts-ignore
+export { default as MuteEveryonesVideoDialog } from './native/MuteEveryonesVideoDialog';
+// @ts-ignore
+export { default as MuteRemoteParticipantsVideoDialog } from './native/MuteRemoteParticipantsVideoDialog';
diff --git a/react/features/video-menu/components/index.web.ts b/react/features/video-menu/components/index.web.ts
new file mode 100644
index 0000000..a900662
--- /dev/null
+++ b/react/features/video-menu/components/index.web.ts
@@ -0,0 +1,6 @@
+export { default as DemoteToVisitorDialog } from './web/DemoteToVisitorDialog';
+export { default as GrantModeratorDialog } from './web/GrantModeratorDialog';
+export { default as KickRemoteParticipantDialog } from './web/KickRemoteParticipantDialog';
+export { default as MuteEveryoneDialog } from './web/MuteEveryoneDialog';
+export { default as MuteEveryonesVideoDialog } from './web/MuteEveryonesVideoDialog';
+export { default as MuteRemoteParticipantsVideoDialog } from './web/MuteRemoteParticipantsVideoDialog';
diff --git a/react/features/video-menu/components/native/AskUnmuteButton.ts b/react/features/video-menu/components/native/AskUnmuteButton.ts
new file mode 100644
index 0000000..069d80e
--- /dev/null
+++ b/react/features/video-menu/components/native/AskUnmuteButton.ts
@@ -0,0 +1,100 @@
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { approveParticipant } from '../../../av-moderation/actions';
+import { MEDIA_TYPE } from '../../../av-moderation/constants';
+import { isForceMuted, isSupported } from '../../../av-moderation/functions';
+import { translate } from '../../../base/i18n/functions';
+import { IconMic, IconVideo } from '../../../base/icons/svg';
+import { getParticipantById, isLocalParticipantModerator } from '../../../base/participants/functions';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+
+export interface IProps extends AbstractButtonProps {
+
+    /**
+     * Whether or not the participant is audio force muted.
+     */
+    isAudioForceMuted: boolean;
+
+    /**
+     * Whether or not the participant is video force muted.
+     */
+    isVideoForceMuted: boolean;
+
+    /**
+     * The ID of the participant object that this button is supposed to
+     * ask to unmute.
+     */
+    participantID: string;
+}
+
+/**
+ * An abstract remote video menu button which asks the remote participant to unmute.
+ */
+class AskUnmuteButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'participantsPane.actions.askUnmute';
+    override icon = IconMic;
+    override label = 'participantsPane.actions.askUnmute';
+
+    /**
+     * Gets the current label.
+     *
+     * @returns {string}
+     */
+    _getLabel() {
+        const { isAudioForceMuted, isVideoForceMuted } = this.props;
+
+        if (!isAudioForceMuted && isVideoForceMuted) {
+            return 'participantsPane.actions.allowVideo';
+        }
+
+        return this.label;
+    }
+
+    /**
+     * Gets the current icon.
+     *
+     * @returns {string}
+     */
+    _getIcon() {
+        const { isAudioForceMuted, isVideoForceMuted } = this.props;
+
+        if (!isAudioForceMuted && isVideoForceMuted) {
+            return IconVideo;
+        }
+
+        return this.icon;
+    }
+
+    /**
+     * Handles clicking / pressing the button, and asks the participant to unmute.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { dispatch, participantID } = this.props;
+
+        dispatch(approveParticipant(participantID));
+    }
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {Object} ownProps - Properties of component.
+ * @returns {IProps}
+ */
+function mapStateToProps(state: IReduxState, ownProps: any) {
+    const { participantID } = ownProps;
+    const participant = getParticipantById(state, participantID);
+
+    return {
+        isAudioForceMuted: isForceMuted(participant, MEDIA_TYPE.AUDIO, state),
+        isVideoForceMuted: isForceMuted(participant, MEDIA_TYPE.VIDEO, state),
+        visible: isLocalParticipantModerator(state) && isSupported()(state)
+    };
+}
+
+export default translate(connect(mapStateToProps)(AskUnmuteButton));
diff --git a/react/features/video-menu/components/native/ConnectionStatusButton.ts b/react/features/video-menu/components/native/ConnectionStatusButton.ts
new file mode 100644
index 0000000..ef644a8
--- /dev/null
+++ b/react/features/video-menu/components/native/ConnectionStatusButton.ts
@@ -0,0 +1,36 @@
+import { connect } from 'react-redux';
+
+import { translate } from '../../../base/i18n/functions';
+import { IconInfoCircle } from '../../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import { showConnectionStatus } from '../../../participants-pane/actions.native';
+
+export interface IProps extends AbstractButtonProps {
+
+    /**
+     * The ID of the participant that this button is supposed to pin.
+     */
+    participantID: string;
+}
+
+/**
+ * A remote video menu button which shows the connection statistics.
+ */
+class ConnectionStatusButton extends AbstractButton<IProps> {
+    override icon = IconInfoCircle;
+    override label = 'videothumbnail.connectionInfo';
+
+    /**
+     * Handles clicking / pressing the button, and kicks the participant.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { dispatch, participantID } = this.props;
+
+        dispatch(showConnectionStatus(participantID));
+    }
+}
+
+export default translate(connect()(ConnectionStatusButton));
diff --git a/react/features/video-menu/components/native/ConnectionStatusComponent.tsx b/react/features/video-menu/components/native/ConnectionStatusComponent.tsx
new file mode 100644
index 0000000..1b62616
--- /dev/null
+++ b/react/features/video-menu/components/native/ConnectionStatusComponent.tsx
@@ -0,0 +1,476 @@
+import React, { PureComponent } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { Text, TextStyle, View, ViewStyle } from 'react-native';
+import { withTheme } from 'react-native-paper';
+import { connect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../../app/types';
+import Avatar from '../../../base/avatar/components/Avatar';
+import { hideSheet } from '../../../base/dialog/actions';
+import BottomSheet from '../../../base/dialog/components/native/BottomSheet';
+import { bottomSheetStyles } from '../../../base/dialog/components/native/styles';
+import { translate } from '../../../base/i18n/functions';
+import { IconArrowDownLarge, IconArrowUpLarge } from '../../../base/icons/svg';
+import { MEDIA_TYPE } from '../../../base/media/constants';
+import { getParticipantDisplayName } from '../../../base/participants/functions';
+import BaseIndicator from '../../../base/react/components/native/BaseIndicator';
+import {
+    getTrackByMediaTypeAndParticipant
+} from '../../../base/tracks/functions.native';
+import {
+    isTrackStreamingStatusInactive,
+    isTrackStreamingStatusInterrupted
+} from '../../../connection-indicator/functions';
+import statsEmitter from '../../../connection-indicator/statsEmitter';
+
+import styles from './styles';
+
+/**
+ * Size of the rendered avatar in the menu.
+ */
+const AVATAR_SIZE = 25;
+
+const CONNECTION_QUALITY = [
+
+    // Full (3 bars)
+    {
+        msg: 'connectionindicator.quality.good',
+        percent: 30 // INDICATOR_DISPLAY_THRESHOLD
+    },
+
+    // 2 bars.
+    {
+        msg: 'connectionindicator.quality.nonoptimal',
+        percent: 10
+    },
+
+    // 1 bar.
+    {
+        msg: 'connectionindicator.quality.poor',
+        percent: 0
+    }
+];
+
+interface IProps extends WithTranslation {
+
+    /**
+     * Whether this participant's connection is inactive.
+     */
+    _isConnectionStatusInactive: boolean;
+
+    /**
+     * Whether this participant's connection is interrupted.
+     */
+    _isConnectionStatusInterrupted: boolean;
+
+    /**
+     * True if the menu is currently open, false otherwise.
+     */
+    _isOpen: boolean;
+
+    /**
+     * Display name of the participant retrieved from Redux.
+     */
+    _participantDisplayName: string;
+
+    /**
+     * The Redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * The ID of the participant that this button is supposed to pin.
+     */
+    participantID: string;
+
+    /**
+     * Theme used for styles.
+     */
+    theme: any;
+}
+
+/**
+ * The type of the React {@code Component} state of {@link ConnectionStatusComponent}.
+ */
+type IState = {
+    codecString: string;
+    connectionString: string;
+    downloadString: string;
+    packetLostDownloadString: string;
+    packetLostUploadString: string;
+    resolutionString: string;
+    serverRegionString: string;
+    uploadString: string;
+};
+
+/**
+ * Class to implement a popup menu that show the connection statistics.
+ */
+class ConnectionStatusComponent extends PureComponent<IProps, IState> {
+
+    /**
+     * Constructor of the component.
+     *
+     * @param {P} props - The read-only properties with which the new
+     * instance is to be initialized.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._onStatsUpdated = this._onStatsUpdated.bind(this);
+        this._onCancel = this._onCancel.bind(this);
+        this._renderMenuHeader = this._renderMenuHeader.bind(this);
+
+        this.state = {
+            resolutionString: 'N/A',
+            downloadString: 'N/A',
+            uploadString: 'N/A',
+            packetLostDownloadString: 'N/A',
+            packetLostUploadString: 'N/A',
+            serverRegionString: 'N/A',
+            codecString: 'N/A',
+            connectionString: 'N/A'
+        };
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactNode}
+     */
+    override render() {
+        const { t, theme } = this.props;
+        const { palette } = theme;
+
+        return (
+            <BottomSheet
+                onCancel = { this._onCancel }
+                renderHeader = { this._renderMenuHeader }>
+                <View style = { styles.statsWrapper as ViewStyle }>
+                    <View style = { styles.statsInfoCell as ViewStyle }>
+                        <Text style = { styles.statsTitleText as TextStyle }>
+                            { t('connectionindicator.status') }
+                        </Text>
+                        <Text style = { styles.statsInfoText as TextStyle }>
+                            { t(this.state.connectionString) }
+                        </Text>
+                    </View>
+                    <View style = { styles.statsInfoCell as ViewStyle }>
+                        <Text style = { styles.statsTitleText as TextStyle }>
+                            { t('connectionindicator.bitrate') }
+                        </Text>
+                        <BaseIndicator
+                            icon = { IconArrowDownLarge }
+                            iconStyle = {{
+                                color: palette.icon03
+                            }} />
+                        <Text style = { styles.statsInfoText as TextStyle }>
+                            { this.state.downloadString }
+                        </Text>
+                        <BaseIndicator
+                            icon = { IconArrowUpLarge }
+                            iconStyle = {{
+                                color: palette.icon03
+                            }} />
+                        <Text style = { styles.statsInfoText as TextStyle }>
+                            { `${this.state.uploadString} Kbps` }
+                        </Text>
+                    </View>
+                    <View style = { styles.statsInfoCell as ViewStyle }>
+                        <Text style = { styles.statsTitleText as TextStyle }>
+                            { t('connectionindicator.packetloss') }
+                        </Text>
+                        <BaseIndicator
+                            icon = { IconArrowDownLarge }
+                            iconStyle = {{
+                                color: palette.icon03
+                            }} />
+                        <Text style = { styles.statsInfoText as TextStyle }>
+                            { this.state.packetLostDownloadString }
+                        </Text>
+                        <BaseIndicator
+                            icon = { IconArrowUpLarge }
+                            iconStyle = {{
+                                color: palette.icon03
+                            }} />
+                        <Text style = { styles.statsInfoText as TextStyle }>
+                            { this.state.packetLostUploadString }
+                        </Text>
+                    </View>
+                    <View style = { styles.statsInfoCell as ViewStyle }>
+                        <Text style = { styles.statsTitleText as TextStyle }>
+                            { t('connectionindicator.resolution') }
+                        </Text>
+                        <Text style = { styles.statsInfoText as TextStyle }>
+                            { this.state.resolutionString }
+                        </Text>
+                    </View>
+                    <View style = { styles.statsInfoCell as ViewStyle }>
+                        <Text style = { styles.statsTitleText as TextStyle }>
+                            { t('connectionindicator.codecs') }
+                        </Text>
+                        <Text style = { styles.statsInfoText as TextStyle }>
+                            { this.state.codecString }
+                        </Text>
+                    </View>
+                </View>
+            </BottomSheet>
+        );
+    }
+
+    /**
+     * Starts listening for stat updates.
+     *
+     * @inheritdoc
+     * returns {void}
+     */
+    override componentDidMount() {
+        statsEmitter.subscribeToClientStats(this.props.participantID, this._onStatsUpdated);
+    }
+
+    /**
+     * Updates which user's stats are being listened to.
+     *
+     * @inheritdoc
+     * returns {void}
+     */
+    override componentDidUpdate(prevProps: IProps) {
+        if (prevProps.participantID !== this.props.participantID) {
+            statsEmitter.unsubscribeToClientStats(
+                prevProps.participantID, this._onStatsUpdated);
+            statsEmitter.subscribeToClientStats(
+                this.props.participantID, this._onStatsUpdated);
+        }
+    }
+
+    /**
+     * Callback invoked when new connection stats associated with the passed in
+     * user ID are available. Will update the component's display of current
+     * statistics.
+     *
+     * @param {Object} stats - Connection stats from the library.
+     * @private
+     * @returns {void}
+     */
+    _onStatsUpdated(stats = {}) {
+        const newState = this._buildState(stats);
+
+        this.setState(newState);
+    }
+
+    /**
+     * Extracts statistics and builds the state object.
+     *
+     * @param {Object} stats - Connection stats from the library.
+     * @private
+     * @returns {State}
+     */
+    _buildState(stats: any) {
+        const { download: downloadBitrate, upload: uploadBitrate } = this._extractBitrate(stats) ?? {};
+        const { download: downloadPacketLost, upload: uploadPacketLost } = this._extractPacketLost(stats) ?? {};
+
+        return {
+            resolutionString: this._extractResolutionString(stats) ?? this.state.resolutionString,
+            downloadString: downloadBitrate ?? this.state.downloadString,
+            uploadString: uploadBitrate ?? this.state.uploadString,
+            packetLostDownloadString: downloadPacketLost === undefined
+                ? this.state.packetLostDownloadString : `${downloadPacketLost}%`,
+            packetLostUploadString: uploadPacketLost === undefined
+                ? this.state.packetLostUploadString : `${uploadPacketLost}%`,
+            serverRegionString: this._extractServer(stats) ?? this.state.serverRegionString,
+            codecString: this._extractCodecs(stats) ?? this.state.codecString,
+            connectionString: this._extractConnection(stats)
+        };
+    }
+
+    /**
+     * Extracts the resolution and framerate.
+     *
+     * @param {Object} stats - Connection stats from the library.
+     * @private
+     * @returns {string}
+     */
+    _extractResolutionString(stats: any) {
+        const { framerate, resolution } = stats;
+
+        const resolutionString = Object.keys(resolution || {})
+            .map(ssrc => {
+                const { width, height } = resolution[ssrc];
+
+                return `${width}x${height}`;
+            })
+            .join(', ') || null;
+
+        const frameRateString = Object.keys(framerate || {})
+            .map(ssrc => framerate[ssrc])
+            .join(', ') || null;
+
+        return resolutionString && frameRateString ? `${resolutionString}@${frameRateString}fps` : undefined;
+    }
+
+    /**
+     * Extracts the download and upload bitrates.
+     *
+     * @param {Object} stats - Connection stats from the library.
+     * @private
+     * @returns {{ download, upload }}
+     */
+    _extractBitrate(stats: any) {
+        return stats.bitrate;
+    }
+
+    /**
+     * Extracts the download and upload packet lost.
+     *
+     * @param {Object} stats - Connection stats from the library.
+     * @private
+     * @returns {{ download, upload }}
+     */
+    _extractPacketLost(stats: any) {
+        return stats.packetLoss;
+    }
+
+    /**
+     * Extracts the server name.
+     *
+     * @param {Object} stats - Connection stats from the library.
+     * @private
+     * @returns {string}
+     */
+    _extractServer(stats: any) {
+        return stats.serverRegion;
+    }
+
+    /**
+     * Extracts the audio and video codecs names.
+     *
+     * @param {Object} stats - Connection stats from the library.
+     * @private
+     * @returns {string}
+     */
+    _extractCodecs(stats: any) {
+        const { codec } = stats;
+
+        let codecString;
+
+        if (codec) {
+            const audioCodecs = Object.values(codec)
+                .map((c: any) => c.audio)
+                .filter(Boolean);
+            const videoCodecs = Object.values(codec)
+                .map((c: any) => c.video)
+                .filter(Boolean);
+
+            if (audioCodecs.length || videoCodecs.length) {
+                // Use a Set to eliminate duplicates.
+                codecString = Array.from(new Set([ ...audioCodecs, ...videoCodecs ])).join(', ');
+            }
+        }
+
+        return codecString;
+    }
+
+    /**
+     * Extracts the connection percentage and sets connection quality.
+     *
+     * @param {Object} stats - Connection stats from the library.
+     * @private
+     * @returns {string}
+     */
+    _extractConnection(stats: any) {
+        const { connectionQuality } = stats;
+        const {
+            _isConnectionStatusInactive,
+            _isConnectionStatusInterrupted
+        } = this.props;
+
+        if (_isConnectionStatusInactive) {
+            return 'connectionindicator.quality.inactive';
+        } else if (_isConnectionStatusInterrupted) {
+            return 'connectionindicator.quality.lost';
+        } else if (typeof connectionQuality === 'undefined') {
+            return 'connectionindicator.quality.good';
+        }
+
+        const qualityConfig = this._getQualityConfig(connectionQuality);
+
+        return qualityConfig.msg;
+    }
+
+    /**
+     * Get the quality configuration from CONNECTION_QUALITY which has a percentage
+     * that matches or exceeds the passed in percentage. The implementation
+     * assumes CONNECTION_QUALITY is already sorted by highest to lowest
+     * percentage.
+     *
+     * @param {number} percent - The connection percentage, out of 100, to find
+     * the closest matching configuration for.
+     * @private
+     * @returns {Object}
+     */
+    _getQualityConfig(percent: number): any {
+        return CONNECTION_QUALITY.find(x => percent >= x.percent) || {};
+    }
+
+    /**
+     * Callback to hide the {@code ConnectionStatusComponent}.
+     *
+     * @private
+     * @returns {boolean}
+     */
+    _onCancel() {
+        statsEmitter.unsubscribeToClientStats(this.props.participantID, this._onStatsUpdated);
+
+        this.props.dispatch(hideSheet());
+    }
+
+    /**
+     * Function to render the menu's header.
+     *
+     * @returns {React$Element}
+     */
+    _renderMenuHeader() {
+        const { participantID } = this.props;
+
+        return (
+            <View
+                style = { [
+                    bottomSheetStyles.sheet,
+                    styles.participantNameContainer ] as ViewStyle[] }>
+                <Avatar
+                    participantId = { participantID }
+                    size = { AVATAR_SIZE } />
+                <Text style = { styles.participantNameLabel as TextStyle }>
+                    { this.props._participantDisplayName }
+                </Text>
+            </View>
+        );
+    }
+}
+
+/**
+ * Function that maps parts of Redux state tree into component props.
+ *
+ * @param {Object} state - Redux state.
+ * @param {Object} ownProps - Properties of component.
+ * @private
+ * @returns {Props}
+ */
+function _mapStateToProps(state: IReduxState, ownProps: IProps) {
+    const { participantID } = ownProps;
+    const tracks = state['features/base/tracks'];
+    const _videoTrack = getTrackByMediaTypeAndParticipant(tracks, MEDIA_TYPE.VIDEO, participantID);
+    const _isConnectionStatusInactive = isTrackStreamingStatusInactive(_videoTrack);
+    const _isConnectionStatusInterrupted = isTrackStreamingStatusInterrupted(_videoTrack);
+
+    return {
+        _isConnectionStatusInactive,
+        _isConnectionStatusInterrupted,
+        _participantDisplayName: getParticipantDisplayName(state, participantID)
+    };
+}
+
+export default translate(connect(_mapStateToProps)(withTheme(ConnectionStatusComponent)));
diff --git a/react/features/video-menu/components/native/DemoteToVisitorButton.ts b/react/features/video-menu/components/native/DemoteToVisitorButton.ts
new file mode 100644
index 0000000..fe71cb1
--- /dev/null
+++ b/react/features/video-menu/components/native/DemoteToVisitorButton.ts
@@ -0,0 +1,52 @@
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { openDialog } from '../../../base/dialog/actions';
+import { translate } from '../../../base/i18n/functions';
+import { IconUsers } from '../../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+
+import DemoteToVisitorDialog from './DemoteToVisitorDialog';
+
+interface IProps extends AbstractButtonProps {
+
+    /**
+     * The ID of the participant that this button is supposed to kick.
+     */
+    participantID: string;
+}
+
+/**
+ * Implements a React {@link Component} which displays a button for demoting a participant to visitor.
+ */
+class DemoteToVisitorButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'videothumbnail.demote';
+    override icon = IconUsers;
+    override label = 'videothumbnail.demote';
+
+    /**
+     * Handles clicking / pressing the button, and demoting the participant.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { dispatch, participantID } = this.props;
+
+        dispatch(openDialog('DemoteToVisitorDialog', DemoteToVisitorDialog, { participantID }));
+    }
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @returns {Props}
+ */
+function _mapStateToProps(state: IReduxState) {
+    return {
+        visible: state['features/visitors'].supported
+    };
+}
+
+export default translate(connect(_mapStateToProps)(DemoteToVisitorButton));
diff --git a/react/features/video-menu/components/native/DemoteToVisitorDialog.tsx b/react/features/video-menu/components/native/DemoteToVisitorDialog.tsx
new file mode 100644
index 0000000..f09527a
--- /dev/null
+++ b/react/features/video-menu/components/native/DemoteToVisitorDialog.tsx
@@ -0,0 +1,38 @@
+import React, { useCallback } from 'react';
+import { useDispatch } from 'react-redux';
+
+import ConfirmDialog from '../../../base/dialog/components/native/ConfirmDialog';
+import { DialogProps } from '../../../base/dialog/constants';
+import { demoteRequest } from '../../../visitors/actions';
+
+interface IProps extends DialogProps {
+
+    /**
+     * The ID of the remote participant to be demoted.
+     */
+    participantID: string;
+}
+
+/**
+ * Dialog to confirm a remote participant demote to visitor action.
+ *
+ * @returns {JSX.Element}
+ */
+export default function DemoteToVisitorDialog({ participantID }: IProps): JSX.Element {
+    const dispatch = useDispatch();
+    const handleSubmit = useCallback(() => {
+        dispatch(demoteRequest(participantID));
+
+        return true; // close dialog
+    }, [ dispatch, participantID ]);
+
+    return (
+        <ConfirmDialog
+            cancelLabel = 'dialog.Cancel'
+            confirmLabel = 'dialog.confirm'
+            descriptionKey = 'dialog.demoteParticipantDialog'
+            isConfirmDestructive = { true }
+            onSubmit = { handleSubmit }
+            title = 'dialog.demoteParticipantTitle' />
+    );
+}
diff --git a/react/features/video-menu/components/native/GrantModeratorButton.ts b/react/features/video-menu/components/native/GrantModeratorButton.ts
new file mode 100644
index 0000000..5d5956b
--- /dev/null
+++ b/react/features/video-menu/components/native/GrantModeratorButton.ts
@@ -0,0 +1,8 @@
+import { connect } from 'react-redux';
+
+import { translate } from '../../../base/i18n/functions';
+import AbstractGrantModeratorButton, {
+    _mapStateToProps
+} from '../AbstractGrantModeratorButton';
+
+export default translate(connect(_mapStateToProps)(AbstractGrantModeratorButton));
diff --git a/react/features/video-menu/components/native/GrantModeratorDialog.tsx b/react/features/video-menu/components/native/GrantModeratorDialog.tsx
new file mode 100644
index 0000000..7c5d234
--- /dev/null
+++ b/react/features/video-menu/components/native/GrantModeratorDialog.tsx
@@ -0,0 +1,31 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import ConfirmDialog from '../../../base/dialog/components/native/ConfirmDialog';
+import { translate } from '../../../base/i18n/functions';
+import AbstractGrantModeratorDialog, { abstractMapStateToProps }
+    from '../AbstractGrantModeratorDialog';
+
+/**
+ * Dialog to confirm a remote participant kick action.
+ */
+class GrantModeratorDialog extends AbstractGrantModeratorDialog {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        return (
+            <ConfirmDialog
+                descriptionKey = {
+                    `${this.props.t('dialog.grantModeratorDialog',
+                        { participantName: this.props.participantName })}`
+                }
+                onSubmit = { this._onSubmit } />
+        );
+    }
+}
+
+export default translate(connect(abstractMapStateToProps)(GrantModeratorDialog));
diff --git a/react/features/video-menu/components/native/KickButton.ts b/react/features/video-menu/components/native/KickButton.ts
new file mode 100644
index 0000000..1a44bbb
--- /dev/null
+++ b/react/features/video-menu/components/native/KickButton.ts
@@ -0,0 +1,20 @@
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { isLocalParticipantModerator } from '../../../base/participants/functions';
+import AbstractKickButton from '../AbstractKickButton';
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @returns {Props}
+ */
+function _mapStateToProps(state: IReduxState) {
+    return {
+        visible: isLocalParticipantModerator(state)
+    };
+}
+
+export default translate(connect(_mapStateToProps)(AbstractKickButton));
diff --git a/react/features/video-menu/components/native/KickRemoteParticipantDialog.tsx b/react/features/video-menu/components/native/KickRemoteParticipantDialog.tsx
new file mode 100644
index 0000000..19dd1ea
--- /dev/null
+++ b/react/features/video-menu/components/native/KickRemoteParticipantDialog.tsx
@@ -0,0 +1,32 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import ConfirmDialog from '../../../base/dialog/components/native/ConfirmDialog';
+import { translate } from '../../../base/i18n/functions';
+import AbstractKickRemoteParticipantDialog
+    from '../AbstractKickRemoteParticipantDialog';
+
+/**
+ * Dialog to confirm a remote participant kick action.
+ */
+class KickRemoteParticipantDialog extends AbstractKickRemoteParticipantDialog {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        return (
+            <ConfirmDialog
+                cancelLabel = 'dialog.Cancel'
+                confirmLabel = 'dialog.kickParticipantButton'
+                descriptionKey = 'dialog.kickParticipantDialog'
+                isConfirmDestructive = { true }
+                onSubmit = { this._onSubmit }
+                title = 'dialog.kickParticipantTitle' />
+        );
+    }
+}
+
+export default translate(connect()(KickRemoteParticipantDialog));
diff --git a/react/features/video-menu/components/native/LocalVideoMenu.tsx b/react/features/video-menu/components/native/LocalVideoMenu.tsx
new file mode 100644
index 0000000..d40dc9c
--- /dev/null
+++ b/react/features/video-menu/components/native/LocalVideoMenu.tsx
@@ -0,0 +1,154 @@
+import React, { PureComponent } from 'react';
+import { Text, TextStyle, View, ViewStyle } from 'react-native';
+import { connect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../../app/types';
+import Avatar from '../../../base/avatar/components/Avatar';
+import { hideSheet } from '../../../base/dialog/actions';
+import BottomSheet from '../../../base/dialog/components/native/BottomSheet';
+import { bottomSheetStyles } from '../../../base/dialog/components/native/styles';
+import { translate } from '../../../base/i18n/functions';
+import {
+    getLocalParticipant,
+    getParticipantCount,
+    getParticipantDisplayName
+} from '../../../base/participants/functions';
+import { ILocalParticipant } from '../../../base/participants/types';
+import ToggleSelfViewButton from '../../../toolbox/components/native/ToggleSelfViewButton';
+
+import ConnectionStatusButton from './ConnectionStatusButton';
+import DemoteToVisitorButton from './DemoteToVisitorButton';
+import styles from './styles';
+
+/**
+ * Size of the rendered avatar in the menu.
+ */
+const AVATAR_SIZE = 24;
+
+interface IProps {
+
+    /**
+     * The local participant.
+     */
+    _participant?: ILocalParticipant;
+
+    /**
+     * Display name of the participant retrieved from Redux.
+     */
+    _participantDisplayName: string;
+
+    /**
+     * Shows/hides the local switch to visitor button.
+     */
+    _showDemote: boolean;
+
+    /**
+     * The Redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Translation function.
+     */
+    t: Function;
+}
+
+/**
+ * Class to implement a popup menu that opens upon long pressing a thumbnail.
+ */
+class LocalVideoMenu extends PureComponent<IProps> {
+    /**
+     * Constructor of the component.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._onCancel = this._onCancel.bind(this);
+        this._renderMenuHeader = this._renderMenuHeader.bind(this);
+    }
+
+    /**
+     * Implements {@code Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { _participant, _showDemote } = this.props;
+        const buttonProps = {
+            afterClick: this._onCancel,
+            showLabel: true,
+            participantID: _participant?.id ?? '',
+            styles: bottomSheetStyles.buttons
+        };
+
+        const connectionStatusButtonProps = {
+            ...buttonProps,
+            afterClick: undefined
+        };
+
+        return (
+            <BottomSheet
+                renderHeader = { this._renderMenuHeader }
+                showSlidingView = { true }>
+                <ToggleSelfViewButton { ...buttonProps } />
+                { _showDemote && <DemoteToVisitorButton { ...buttonProps } /> }
+                <ConnectionStatusButton { ...connectionStatusButtonProps } />
+            </BottomSheet>
+        );
+    }
+
+    /**
+     * Function to render the menu's header.
+     *
+     * @returns {React$Element}
+     */
+    _renderMenuHeader() {
+        const { _participant } = this.props;
+
+        return (
+            <View
+                style = { [
+                    bottomSheetStyles.sheet,
+                    styles.participantNameContainer ] as ViewStyle[] }>
+                <Avatar
+                    participantId = { _participant?.id }
+                    size = { AVATAR_SIZE } />
+                <Text style = { styles.participantNameLabel as TextStyle }>
+                    { this.props._participantDisplayName }
+                </Text>
+            </View>
+        );
+    }
+
+    /**
+     * Callback to hide the {@code RemoteVideoMenu}.
+     *
+     * @private
+     * @returns {boolean}
+     */
+    _onCancel() {
+        this.props.dispatch(hideSheet());
+    }
+}
+
+/**
+ * Function that maps parts of Redux state tree into component props.
+ *
+ * @param {Object} state - Redux state.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const { disableSelfDemote } = state['features/base/config'];
+    const participant = getLocalParticipant(state);
+
+    return {
+        _participant: participant,
+        _participantDisplayName: getParticipantDisplayName(state, participant?.id ?? ''),
+        _showDemote: !disableSelfDemote && getParticipantCount(state) > 1
+    };
+}
+
+export default translate(connect(_mapStateToProps)(LocalVideoMenu));
diff --git a/react/features/video-menu/components/native/LowerHandButton.tsx b/react/features/video-menu/components/native/LowerHandButton.tsx
new file mode 100644
index 0000000..6d5172d
--- /dev/null
+++ b/react/features/video-menu/components/native/LowerHandButton.tsx
@@ -0,0 +1,71 @@
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { getCurrentConference } from '../../../base/conference/functions';
+import { IJitsiConference } from '../../../base/conference/reducer';
+import { translate } from '../../../base/i18n/functions';
+import { IconRaiseHand } from '../../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import { LOWER_HAND_MESSAGE } from '../../../base/tracks/constants';
+
+interface IProps extends AbstractButtonProps {
+
+    /**
+     * The current conference.
+     */
+    _conference: IJitsiConference | undefined;
+
+    /**
+     * The ID of the participant object that this button is supposed to
+     * ask to lower the hand.
+     */
+    participantId: String | undefined;
+}
+
+/**
+ * Implements a React {@link Component} which displays a button for lowering certain
+ * participant raised hands.
+ *
+ * @returns {JSX.Element}
+ */
+class LowerHandButton extends AbstractButton<IProps> {
+    override icon = IconRaiseHand;
+    override accessibilityLabel = 'participantsPane.actions.lowerHand';
+    override label = 'participantsPane.actions.lowerHand';
+
+    /**
+     * Handles clicking / pressing the button, and asks the participant to lower hand.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { participantId, _conference } = this.props;
+
+        _conference?.sendEndpointMessage(
+            participantId,
+            {
+                name: LOWER_HAND_MESSAGE
+            }
+        );
+    }
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {Object} ownProps - Properties of component.
+ * @returns {IProps}
+ */
+function mapStateToProps(state: IReduxState, ownProps: any) {
+    const { participantID } = ownProps;
+    const currentConference = getCurrentConference(state);
+
+    return {
+        _conference: currentConference,
+        participantId: participantID
+    };
+}
+
+export default translate(connect(mapStateToProps)(LowerHandButton));
diff --git a/react/features/video-menu/components/native/MuteButton.ts b/react/features/video-menu/components/native/MuteButton.ts
new file mode 100644
index 0000000..8a846a5
--- /dev/null
+++ b/react/features/video-menu/components/native/MuteButton.ts
@@ -0,0 +1,22 @@
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { isLocalParticipantModerator } from '../../../base/participants/functions';
+import AbstractMuteButton, { _mapStateToProps as _abstractMapStateToProps } from '../AbstractMuteButton';
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {Object} ownProps - Properties of component.
+ * @returns {Props}
+ */
+function _mapStateToProps(state: IReduxState, ownProps: any) {
+    return {
+        ..._abstractMapStateToProps(state, ownProps),
+        visible: isLocalParticipantModerator(state)
+    };
+}
+
+export default translate(connect(_mapStateToProps)(AbstractMuteButton));
diff --git a/react/features/video-menu/components/native/MuteEveryoneDialog.tsx b/react/features/video-menu/components/native/MuteEveryoneDialog.tsx
new file mode 100644
index 0000000..25ce095
--- /dev/null
+++ b/react/features/video-menu/components/native/MuteEveryoneDialog.tsx
@@ -0,0 +1,58 @@
+import React from 'react';
+import { ViewStyle } from 'react-native';
+import Dialog from 'react-native-dialog';
+import { Divider } from 'react-native-paper';
+import { connect } from 'react-redux';
+
+import ConfirmDialog from '../../../base/dialog/components/native/ConfirmDialog';
+import { translate } from '../../../base/i18n/functions';
+import AbstractMuteEveryoneDialog, {
+    type IProps,
+    abstractMapStateToProps as _mapStateToProps } from '../AbstractMuteEveryoneDialog';
+
+import styles from './styles';
+
+/**
+ * A React Component with the contents for a dialog that asks for confirmation
+ * from the user before muting all remote participants.
+ *
+ * @augments AbstractMuteEveryoneDialog
+ */
+class MuteEveryoneDialog extends AbstractMuteEveryoneDialog<IProps> {
+
+    /**
+     * Renders the dialog switch.
+     *
+     * @returns {React$Component}
+     */
+    _renderSwitch() {
+        return (
+            this.props.exclude.length === 0
+            && <Dialog.Switch
+                label = { this.props.t('dialog.moderationAudioLabel') }
+                onValueChange = { this._onToggleModeration }
+                value = { !this.state.audioModerationEnabled } />
+        );
+    }
+
+    /**
+     * Implements {@code Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        return (
+            <ConfirmDialog
+                confirmLabel = 'dialog.muteParticipantButton'
+                descriptionKey = { this.state.content }
+                onSubmit = { this._onSubmit }
+                title = { this.props.title } >
+                {/* @ts-ignore */}
+                <Divider style = { styles.dividerDialog as ViewStyle } />
+                { this._renderSwitch() }
+            </ConfirmDialog>
+        );
+    }
+}
+
+export default translate(connect(_mapStateToProps)(MuteEveryoneDialog));
diff --git a/react/features/video-menu/components/native/MuteEveryoneElseButton.ts b/react/features/video-menu/components/native/MuteEveryoneElseButton.ts
new file mode 100644
index 0000000..1e9612b
--- /dev/null
+++ b/react/features/video-menu/components/native/MuteEveryoneElseButton.ts
@@ -0,0 +1,20 @@
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { isLocalParticipantModerator } from '../../../base/participants/functions';
+import AbstractMuteEveryoneElseButton from '../AbstractMuteEveryoneElseButton';
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @returns {Props}
+ */
+function _mapStateToProps(state: IReduxState) {
+    return {
+        visible: isLocalParticipantModerator(state)
+    };
+}
+
+export default translate(connect(_mapStateToProps)(AbstractMuteEveryoneElseButton));
diff --git a/react/features/video-menu/components/native/MuteEveryonesVideoDialog.tsx b/react/features/video-menu/components/native/MuteEveryonesVideoDialog.tsx
new file mode 100644
index 0000000..16de06e
--- /dev/null
+++ b/react/features/video-menu/components/native/MuteEveryonesVideoDialog.tsx
@@ -0,0 +1,58 @@
+import React from 'react';
+import { ViewStyle } from 'react-native';
+import Dialog from 'react-native-dialog';
+import { Divider } from 'react-native-paper';
+import { connect } from 'react-redux';
+
+import ConfirmDialog from '../../../base/dialog/components/native/ConfirmDialog';
+import { translate } from '../../../base/i18n/functions';
+import AbstractMuteEveryonesVideoDialog, {
+    type IProps,
+    abstractMapStateToProps as _mapStateToProps } from '../AbstractMuteEveryonesVideoDialog';
+
+import styles from './styles';
+
+/**
+ * A React Component with the contents for a dialog that asks for confirmation
+ * from the user before muting all remote participants.
+ *
+ * @augments AbstractMuteEveryonesVideoDialog
+ */
+class MuteEveryonesVideoDialog extends AbstractMuteEveryonesVideoDialog<IProps> {
+
+    /**
+     * Renders the dialog switch.
+     *
+     * @returns {React$Component}
+     */
+    _renderSwitch() {
+        return (
+            this.props.exclude.length === 0
+            && <Dialog.Switch
+                label = { this.props.t('dialog.moderationVideoLabel') }
+                onValueChange = { this._onToggleModeration }
+                value = { !this.state.moderationEnabled } />
+        );
+    }
+
+    /**
+     * Implements {@code Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        return (
+            <ConfirmDialog
+                confirmLabel = 'dialog.muteEveryonesVideoDialogOk'
+                descriptionKey = { this.state.content }
+                onSubmit = { this._onSubmit }
+                title = { this.props.title }>
+                {/* @ts-ignore */}
+                <Divider style = { styles.dividerDialog as ViewStyle } />
+                { this._renderSwitch() }
+            </ConfirmDialog>
+        );
+    }
+}
+
+export default translate(connect(_mapStateToProps)(MuteEveryonesVideoDialog));
diff --git a/react/features/video-menu/components/native/MuteRemoteParticipantsVideoDialog.tsx b/react/features/video-menu/components/native/MuteRemoteParticipantsVideoDialog.tsx
new file mode 100644
index 0000000..f012def
--- /dev/null
+++ b/react/features/video-menu/components/native/MuteRemoteParticipantsVideoDialog.tsx
@@ -0,0 +1,32 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import ConfirmDialog from '../../../base/dialog/components/native/ConfirmDialog';
+import { translate } from '../../../base/i18n/functions';
+import AbstractMuteRemoteParticipantsVideoDialog, {
+    abstractMapStateToProps
+} from '../AbstractMuteRemoteParticipantsVideoDialog';
+
+/**
+ * Dialog to confirm a remote participant's video stop action.
+ */
+class MuteRemoteParticipantsVideoDialog extends AbstractMuteRemoteParticipantsVideoDialog {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        return (
+            <ConfirmDialog
+                descriptionKey = { this.props.isVideoModerationOn
+                    ? 'dialog.muteParticipantsVideoDialogModerationOn'
+                    : 'dialog.muteParticipantsVideoDialog'
+                }
+                onSubmit = { this._onSubmit } />
+        );
+    }
+}
+
+export default translate(connect(abstractMapStateToProps)(MuteRemoteParticipantsVideoDialog));
diff --git a/react/features/video-menu/components/native/MuteVideoButton.ts b/react/features/video-menu/components/native/MuteVideoButton.ts
new file mode 100644
index 0000000..2628008
--- /dev/null
+++ b/react/features/video-menu/components/native/MuteVideoButton.ts
@@ -0,0 +1,22 @@
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { isLocalParticipantModerator } from '../../../base/participants/functions';
+import AbstractMuteVideoButton, { _mapStateToProps as _abstractMapStateToProps } from '../AbstractMuteVideoButton';
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {Object} ownProps - Properties of component.
+ * @returns {Props}
+ */
+function _mapStateToProps(state: IReduxState, ownProps: any) {
+    return {
+        ..._abstractMapStateToProps(state, ownProps),
+        visible: isLocalParticipantModerator(state)
+    };
+}
+
+export default translate(connect(_mapStateToProps)(AbstractMuteVideoButton));
diff --git a/react/features/video-menu/components/native/PinButton.ts b/react/features/video-menu/components/native/PinButton.ts
new file mode 100644
index 0000000..036e13b
--- /dev/null
+++ b/react/features/video-menu/components/native/PinButton.ts
@@ -0,0 +1,59 @@
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { IconEnlarge } from '../../../base/icons/svg';
+import { pinParticipant } from '../../../base/participants/actions';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import { shouldDisplayTileView } from '../../../video-layout/functions';
+
+export interface IProps extends AbstractButtonProps {
+
+    /**
+     * True if tile view is currently enabled.
+     */
+    _tileViewEnabled?: boolean;
+
+    /**
+     * The ID of the participant that this button is supposed to pin.
+     */
+    participantID: string;
+}
+
+/**
+ * A remote video menu button which pins a participant and exist the tile view.
+ */
+class PinButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.show';
+    override icon = IconEnlarge;
+    override label = 'videothumbnail.show';
+
+    /**
+     * Handles clicking / pressing the button, and kicks the participant.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { dispatch } = this.props;
+
+        // Pin participant, it will automatically exit the tile view
+        dispatch(pinParticipant(this.props.participantID));
+    }
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const { isOpen } = state['features/participants-pane'];
+
+    return {
+        visible: !isOpen && shouldDisplayTileView(state)
+    };
+}
+
+export default translate(connect(_mapStateToProps)(PinButton));
diff --git a/react/features/video-menu/components/native/RemoteVideoMenu.tsx b/react/features/video-menu/components/native/RemoteVideoMenu.tsx
new file mode 100644
index 0000000..c51d253
--- /dev/null
+++ b/react/features/video-menu/components/native/RemoteVideoMenu.tsx
@@ -0,0 +1,287 @@
+/* eslint-disable lines-around-comment */
+
+import React, { PureComponent } from 'react';
+import { Text, TextStyle, View, ViewStyle } from 'react-native';
+import { Divider } from 'react-native-paper';
+import { connect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../../app/types';
+import Avatar from '../../../base/avatar/components/Avatar';
+import { hideSheet } from '../../../base/dialog/actions';
+import BottomSheet from '../../../base/dialog/components/native/BottomSheet';
+import { bottomSheetStyles } from '../../../base/dialog/components/native/styles';
+import { KICK_OUT_ENABLED } from '../../../base/flags/constants';
+import { getFeatureFlag } from '../../../base/flags/functions';
+import { translate } from '../../../base/i18n/functions';
+import {
+    getParticipantById,
+    getParticipantDisplayName,
+    hasRaisedHand,
+    isLocalParticipantModerator,
+    isPrivateChatEnabled
+} from '../../../base/participants/functions';
+import { getBreakoutRooms, getCurrentRoomId, isInBreakoutRoom } from '../../../breakout-rooms/functions';
+import { IRoom } from '../../../breakout-rooms/types';
+import PrivateMessageButton from '../../../chat/components/native/PrivateMessageButton';
+
+import AskUnmuteButton from './AskUnmuteButton';
+import ConnectionStatusButton from './ConnectionStatusButton';
+import DemoteToVisitorButton from './DemoteToVisitorButton';
+import GrantModeratorButton from './GrantModeratorButton';
+import KickButton from './KickButton';
+import LowerHandButton from './LowerHandButton';
+import MuteButton from './MuteButton';
+import MuteEveryoneElseButton from './MuteEveryoneElseButton';
+import MuteVideoButton from './MuteVideoButton';
+import PinButton from './PinButton';
+import SendToBreakoutRoom from './SendToBreakoutRoom';
+import VolumeSlider from './VolumeSlider';
+import styles from './styles';
+
+
+/**
+ * Size of the rendered avatar in the menu.
+ */
+const AVATAR_SIZE = 24;
+
+interface IProps {
+
+    /**
+     * The id of the current room.
+     */
+    _currentRoomId: string;
+
+    /**
+     * Whether or not to display the grant moderator button.
+     */
+    _disableGrantModerator: boolean;
+
+    /**
+     * Whether or not to display the kick button.
+     */
+    _disableKick: boolean;
+
+    /**
+     * Whether or not to display the remote mute buttons.
+     */
+    _disableRemoteMute: boolean;
+
+    /**
+     * Whether or not to display the send private message button.
+     */
+    _enablePrivateChat: boolean;
+
+    /**
+     * Whether or not the current room is a breakout room.
+     */
+    _isBreakoutRoom: boolean;
+
+    /**
+     * Whether the participant is present in the room or not.
+     */
+    _isParticipantAvailable?: boolean;
+
+    /**
+     * Whether or not the targeted participant joined without audio.
+     */
+    _isParticipantSilent: boolean;
+
+    /**
+     * Whether the local participant is moderator or not.
+     */
+    _moderator: boolean;
+
+    /**
+     * Display name of the participant retrieved from Redux.
+     */
+    _participantDisplayName: string;
+
+    /**
+     * Whether the targeted participant raised hand or not.
+     */
+    _raisedHand: boolean;
+
+    /**
+     * Array containing the breakout rooms.
+     */
+    _rooms: Array<IRoom>;
+
+    /**
+     * Whether to display the demote button.
+     */
+    _showDemote: boolean;
+
+    /**
+     * The Redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * The ID of the participant for which this menu opened for.
+     */
+    participantId: string;
+
+    /**
+     * Translation function.
+     */
+    t: Function;
+}
+
+/**
+ * Class to implement a popup menu that opens upon long pressing a thumbnail.
+ */
+class RemoteVideoMenu extends PureComponent<IProps> {
+    /**
+     * Constructor of the component.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._onCancel = this._onCancel.bind(this);
+        this._renderMenuHeader = this._renderMenuHeader.bind(this);
+    }
+
+    /**
+     * Implements {@code Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const {
+            _disableKick,
+            _disableRemoteMute,
+            _disableGrantModerator,
+            _enablePrivateChat,
+            _isBreakoutRoom,
+            _isParticipantAvailable,
+            _isParticipantSilent,
+            _moderator,
+            _raisedHand,
+            _rooms,
+            _showDemote,
+            _currentRoomId,
+            participantId,
+            t
+        } = this.props;
+        const buttonProps = {
+            afterClick: this._onCancel,
+            showLabel: true,
+            participantID: participantId,
+            styles: bottomSheetStyles.buttons
+        };
+
+        const connectionStatusButtonProps = {
+            ...buttonProps,
+            afterClick: undefined
+        };
+
+        return (
+            <BottomSheet
+                renderHeader = { this._renderMenuHeader }
+                showSlidingView = { _isParticipantAvailable }>
+                {!_isParticipantSilent && <AskUnmuteButton { ...buttonProps } />}
+                { !_disableRemoteMute && <MuteButton { ...buttonProps } /> }
+                <MuteEveryoneElseButton { ...buttonProps } />
+                { _moderator && _raisedHand && <LowerHandButton { ...buttonProps } /> }
+                { !_disableRemoteMute && !_isParticipantSilent && <MuteVideoButton { ...buttonProps } /> }
+                {/* @ts-ignore */}
+                <Divider style = { styles.divider as ViewStyle } />
+                { !_disableKick && <KickButton { ...buttonProps } /> }
+                { !_disableGrantModerator && !_isBreakoutRoom && <GrantModeratorButton { ...buttonProps } /> }
+                <PinButton { ...buttonProps } />
+                { _showDemote && <DemoteToVisitorButton { ...buttonProps } /> }
+                { _enablePrivateChat && <PrivateMessageButton { ...buttonProps } /> }
+                <ConnectionStatusButton { ...connectionStatusButtonProps } />
+                {_moderator && _rooms.length > 1 && <>
+                    {/* @ts-ignore */}
+                    <Divider style = { styles.divider as ViewStyle } />
+                    <View style = { styles.contextMenuItem as ViewStyle }>
+                        <Text style = { styles.contextMenuItemText as TextStyle }>
+                            {t('breakoutRooms.actions.sendToBreakoutRoom')}
+                        </Text>
+                    </View>
+                    {_rooms.map(room => _currentRoomId !== room.id && (<SendToBreakoutRoom
+                        key = { room.id }
+                        room = { room }
+                        { ...buttonProps } />))}
+                </>}
+                <VolumeSlider participantID = { participantId } />
+            </BottomSheet>
+        );
+    }
+
+    /**
+     * Callback to hide the {@code RemoteVideoMenu}.
+     *
+     * @private
+     * @returns {boolean}
+     */
+    _onCancel() {
+        this.props.dispatch(hideSheet());
+    }
+
+    /**
+     * Function to render the menu's header.
+     *
+     * @returns {React$Element}
+     */
+    _renderMenuHeader() {
+        const { participantId } = this.props;
+
+        return (
+            <View
+                style = { [
+                    bottomSheetStyles.sheet,
+                    styles.participantNameContainer ] as ViewStyle[] }>
+                <Avatar
+                    participantId = { participantId }
+                    size = { AVATAR_SIZE } />
+                <Text style = { styles.participantNameLabel as TextStyle }>
+                    { this.props._participantDisplayName }
+                </Text>
+            </View>
+        );
+    }
+}
+
+/**
+ * Function that maps parts of Redux state tree into component props.
+ *
+ * @param {Object} state - Redux state.
+ * @param {Object} ownProps - Properties of component.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState, ownProps: any) {
+    const kickOutEnabled = getFeatureFlag(state, KICK_OUT_ENABLED, true);
+    const { participantId } = ownProps;
+    const { remoteVideoMenu = {}, disableRemoteMute } = state['features/base/config'];
+    const participant = getParticipantById(state, participantId);
+    const { disableKick } = remoteVideoMenu;
+    const _rooms = Object.values(getBreakoutRooms(state));
+    const _currentRoomId = getCurrentRoomId(state);
+    const shouldDisableKick = disableKick || !kickOutEnabled;
+    const moderator = isLocalParticipantModerator(state);
+    const _iAmVisitor = state['features/visitors'].iAmVisitor;
+    const _isBreakoutRoom = isInBreakoutRoom(state);
+    const raisedHand = hasRaisedHand(participant);
+
+    return {
+        _currentRoomId,
+        _disableKick: Boolean(shouldDisableKick),
+        _disableRemoteMute: Boolean(disableRemoteMute),
+        _enablePrivateChat: isPrivateChatEnabled(participant, state),
+        _isBreakoutRoom,
+        _isParticipantAvailable: Boolean(participant),
+        _isParticipantSilent: Boolean(participant?.isSilent),
+        _moderator: moderator,
+        _participantDisplayName: getParticipantDisplayName(state, participantId),
+        _raisedHand: raisedHand,
+        _rooms,
+        _showDemote: moderator
+    };
+}
+
+export default translate(connect(_mapStateToProps)(RemoteVideoMenu));
diff --git a/react/features/video-menu/components/native/SendToBreakoutRoom.ts b/react/features/video-menu/components/native/SendToBreakoutRoom.ts
new file mode 100644
index 0000000..efd0855
--- /dev/null
+++ b/react/features/video-menu/components/native/SendToBreakoutRoom.ts
@@ -0,0 +1,71 @@
+import { connect } from 'react-redux';
+
+import { createBreakoutRoomsEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { IReduxState } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { IconRingGroup } from '../../../base/icons/svg';
+import { isLocalParticipantModerator } from '../../../base/participants/functions';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import { sendParticipantToRoom } from '../../../breakout-rooms/actions';
+import { IRoom } from '../../../breakout-rooms/types';
+
+export interface IProps extends AbstractButtonProps {
+
+    /**
+     * ID of the participant to send to breakout room.
+     */
+    participantID: string;
+
+    /**
+     * Room to send participant to.
+     */
+    room: IRoom;
+}
+
+/**
+ * An abstract remote video menu button which sends the remote participant to a breakout room.
+ */
+class SendToBreakoutRoom extends AbstractButton<IProps> {
+    override accessibilityLabel = 'breakoutRooms.actions.sendToBreakoutRoom';
+    override icon = IconRingGroup;
+
+    /**
+     * Gets the current label.
+     *
+     * @returns {string}
+     */
+    _getLabel() {
+        const { t, room } = this.props;
+
+        return room.name || t('breakoutRooms.mainRoom');
+    }
+
+    /**
+     * Handles clicking / pressing the button, and asks the participant to unmute.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { dispatch, participantID, room } = this.props;
+
+        sendAnalytics(createBreakoutRoomsEvent('send.participant.to.room'));
+        dispatch(sendParticipantToRoom(participantID, room.id));
+    }
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {Object} ownProps - Properties of component.
+ * @returns {IProps}
+ */
+function mapStateToProps(state: IReduxState) {
+    return {
+        visible: isLocalParticipantModerator(state)
+    };
+}
+
+export default translate(connect(mapStateToProps)(SendToBreakoutRoom));
diff --git a/react/features/video-menu/components/native/SharedVideoMenu.tsx b/react/features/video-menu/components/native/SharedVideoMenu.tsx
new file mode 100644
index 0000000..2458a3a
--- /dev/null
+++ b/react/features/video-menu/components/native/SharedVideoMenu.tsx
@@ -0,0 +1,149 @@
+import React, { PureComponent } from 'react';
+import { Text, TextStyle, View, ViewStyle } from 'react-native';
+import { Divider } from 'react-native-paper';
+import { connect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../../app/types';
+import Avatar from '../../../base/avatar/components/Avatar';
+import { hideSheet } from '../../../base/dialog/actions';
+import BottomSheet from '../../../base/dialog/components/native/BottomSheet';
+import { bottomSheetStyles } from '../../../base/dialog/components/native/styles';
+import {
+    getParticipantById,
+    getParticipantDisplayName
+} from '../../../base/participants/functions';
+import SharedVideoButton from '../../../shared-video/components/native/SharedVideoButton';
+
+import styles from './styles';
+
+/**
+ * Size of the rendered avatar in the menu.
+ */
+const AVATAR_SIZE = 24;
+
+interface IProps {
+
+    /**
+     * True if the menu is currently open, false otherwise.
+     */
+    _isOpen: boolean;
+
+    /**
+     * Whether the participant is present in the room or not.
+     */
+    _isParticipantAvailable?: boolean;
+
+    /**
+     * Display name of the participant retrieved from Redux.
+     */
+    _participantDisplayName: string;
+
+    /**
+     * The Redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * The ID of the participant for which this menu opened for.
+     */
+    participantId: string;
+}
+
+/**
+ * Class to implement a popup menu that opens upon long pressing a fake participant thumbnail.
+ */
+class SharedVideoMenu extends PureComponent<IProps> {
+    /**
+     * Constructor of the component.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._onCancel = this._onCancel.bind(this);
+        this._renderMenuHeader = this._renderMenuHeader.bind(this);
+    }
+
+    /**
+     * Implements {@code Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const {
+            _isParticipantAvailable,
+            participantId
+        } = this.props;
+
+        const buttonProps = {
+            afterClick: this._onCancel,
+            showLabel: true,
+            participantID: participantId,
+            styles: bottomSheetStyles.buttons
+        };
+
+        return (
+            <BottomSheet
+                renderHeader = { this._renderMenuHeader }
+                showSlidingView = { _isParticipantAvailable }>
+                {/* @ts-ignore */}
+                <Divider style = { styles.divider as ViewStyle } />
+                <SharedVideoButton { ...buttonProps } />
+            </BottomSheet>
+        );
+    }
+
+    /**
+     * Callback to hide the {@code SharedVideoMenu}.
+     *
+     * @private
+     * @returns {boolean}
+     */
+    _onCancel() {
+        this.props.dispatch(hideSheet());
+    }
+
+    /**
+     * Function to render the menu's header.
+     *
+     * @returns {React$Element}
+     */
+    _renderMenuHeader() {
+        const { participantId } = this.props;
+
+        return (
+            <View
+                style = { [
+                    bottomSheetStyles.sheet,
+                    styles.participantNameContainer ] as ViewStyle[] }>
+                <Avatar
+                    participantId = { participantId }
+                    size = { AVATAR_SIZE } />
+                <Text style = { styles.participantNameLabel as TextStyle }>
+                    { this.props._participantDisplayName }
+                </Text>
+            </View>
+        );
+    }
+}
+
+/**
+ * Function that maps parts of Redux state tree into component props.
+ *
+ * @param {Object} state - Redux state.
+ * @param {Object} ownProps - Properties of component.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState, ownProps: any) {
+    const { participantId } = ownProps;
+    const isParticipantAvailable = getParticipantById(state, participantId);
+
+    return {
+        _isParticipantAvailable: Boolean(isParticipantAvailable),
+        _participantDisplayName: getParticipantDisplayName(state, participantId)
+    };
+}
+
+export default connect(_mapStateToProps)(SharedVideoMenu);
diff --git a/react/features/video-menu/components/native/VolumeSlider.tsx b/react/features/video-menu/components/native/VolumeSlider.tsx
new file mode 100644
index 0000000..eb30aeb
--- /dev/null
+++ b/react/features/video-menu/components/native/VolumeSlider.tsx
@@ -0,0 +1,175 @@
+/* eslint-disable lines-around-comment */
+
+import Slider from '@react-native-community/slider';
+import { throttle } from 'lodash-es';
+import React, { PureComponent } from 'react';
+import { View, ViewStyle } from 'react-native';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import Icon from '../../../base/icons/components/Icon';
+import { IconVolumeUp } from '../../../base/icons/svg';
+import { MEDIA_TYPE } from '../../../base/media/constants';
+import {
+    getTrackByMediaTypeAndParticipant,
+    getTrackState
+} from '../../../base/tracks/functions.native';
+import BaseTheme from '../../../base/ui/components/BaseTheme.native';
+import { setVolume } from '../../../participants-pane/actions.native';
+import { NATIVE_VOLUME_SLIDER_SCALE } from '../../constants';
+
+import styles from './styles';
+
+
+/**
+ * The type of the React {@code Component} props of {@link VolumeSlider}.
+ */
+interface IProps {
+
+    /**
+     * Whether the participant enters the conference silent.
+     */
+    _startSilent?: boolean;
+
+    /**
+     * Remote audio track.
+     */
+    _track?: any;
+
+    /**
+     * The volume level for the participant.
+     */
+    _volume?: number;
+
+    /**
+     * The redux dispatch function.
+     */
+    dispatch?: Function;
+
+    /**
+     * The ID of the participant.
+     */
+    participantID?: string;
+}
+
+/**
+ * The type of the React {@code Component} state of {@link VolumeSlider}.
+ */
+interface IState {
+
+    /**
+     * The volume of the participant's audio element. The value will
+     * be represented by a slider.
+     */
+    volumeLevel: number;
+}
+
+/**
+ * Component that renders the volume slider.
+ *
+ * @returns {React$Element<any>}
+ */
+class VolumeSlider extends PureComponent<IProps, IState> {
+
+    _originalVolumeChange: Function;
+
+    /**
+     * Initializes a new {@code VolumeSlider} instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            volumeLevel: props._volume || Math.ceil(NATIVE_VOLUME_SLIDER_SCALE / 2)
+        };
+
+        this._originalVolumeChange = this._onVolumeChange;
+
+        this._onVolumeChange = throttle(
+            volumeLevel => this._originalVolumeChange(volumeLevel), 500
+        );
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { _startSilent } = this.props;
+        const { volumeLevel } = this.state;
+        const onVolumeChange = _startSilent ? undefined : this._onVolumeChange;
+
+        return (
+            <View style = { styles.volumeSliderContainer as ViewStyle } >
+                <Icon
+                    size = { 24 }
+                    src = { IconVolumeUp } />
+                <Slider
+                    maximumTrackTintColor = { BaseTheme.palette.ui10 }
+                    maximumValue = { NATIVE_VOLUME_SLIDER_SCALE }
+                    minimumTrackTintColor = { BaseTheme.palette.action01 }
+                    minimumValue = { 0 }
+                    onValueChange = { onVolumeChange }
+                    style = { styles.sliderContainer as ViewStyle }
+                    thumbTintColor = { BaseTheme.palette.ui10 }
+                    value = { volumeLevel } />
+            </View>
+
+        );
+    }
+
+    /**
+     * Sets the internal state of the volume level for the volume slider.
+     * Invokes the prop onVolumeChange to notify of volume changes.
+     *
+     * @param {number} volumeLevel - Selected volume on slider.
+     * @private
+     * @returns {void}
+     */
+    _onVolumeChange(volumeLevel: any) {
+        const { _track, dispatch, participantID } = this.props;
+        const audioTrack = _track?.jitsiTrack.track;
+
+        let newVolumeLevel;
+
+        if (volumeLevel <= 10) {
+            newVolumeLevel = volumeLevel / 10;
+        } else {
+            newVolumeLevel = volumeLevel - 9;
+        }
+
+        audioTrack?._setVolume(newVolumeLevel);
+
+        // @ts-ignore
+        dispatch(setVolume(participantID, newVolumeLevel));
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated props for the
+ * {@code VolumeSlider} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {Object} ownProps - The own props of the component.
+ * @returns {IProps}
+ */
+function mapStateToProps(state: IReduxState, ownProps: IProps) {
+    const { participantID } = ownProps;
+    const { participantsVolume } = state['features/filmstrip'];
+    const { startSilent } = state['features/base/config'];
+    const tracks = getTrackState(state);
+
+    return {
+        _startSilent: Boolean(startSilent),
+        _track: getTrackByMediaTypeAndParticipant(tracks, MEDIA_TYPE.AUDIO, participantID),
+        _volume: participantID && participantsVolume[participantID]
+    };
+}
+
+// @ts-ignore
+export default connect(mapStateToProps)(VolumeSlider);
diff --git a/react/features/video-menu/components/native/styles.ts b/react/features/video-menu/components/native/styles.ts
new file mode 100644
index 0000000..e5c35ef
--- /dev/null
+++ b/react/features/video-menu/components/native/styles.ts
@@ -0,0 +1,89 @@
+import {
+    MD_FONT_SIZE,
+    MD_ITEM_HEIGHT,
+    MD_ITEM_MARGIN_PADDING
+} from '../../../base/dialog/components/native/styles';
+import { ColorPalette } from '../../../base/styles/components/styles/ColorPalette';
+import { createStyleSheet } from '../../../base/styles/functions.native';
+import BaseTheme from '../../../base/ui/components/BaseTheme.native';
+
+export default createStyleSheet({
+    participantNameContainer: {
+        alignItems: 'center',
+        borderBottomColor: BaseTheme.palette.ui07,
+        borderBottomWidth: 0.4,
+        borderTopLeftRadius: 16,
+        borderTopRightRadius: 16,
+        flexDirection: 'row',
+        height: MD_ITEM_HEIGHT,
+        paddingLeft: MD_ITEM_MARGIN_PADDING
+    },
+
+    participantNameLabel: {
+        color: ColorPalette.lightGrey,
+        flexShrink: 1,
+        fontSize: MD_FONT_SIZE,
+        marginLeft: MD_ITEM_MARGIN_PADDING,
+        opacity: 0.90
+    },
+
+    statsTitleText: {
+        color: BaseTheme.palette.text01,
+        fontSize: 16,
+        fontWeight: 'bold',
+        marginRight: 3
+    },
+
+    statsInfoText: {
+        color: BaseTheme.palette.text01,
+        fontSize: 16,
+        marginRight: 2,
+        marginLeft: 2
+    },
+
+    statsInfoCell: {
+        alignItems: 'center',
+        flexDirection: 'row',
+        height: 30,
+        justifyContent: 'flex-start'
+    },
+
+    statsWrapper: {
+        margin: BaseTheme.spacing[3]
+    },
+
+    volumeSliderContainer: {
+        alignItems: 'center',
+        flexDirection: 'row',
+        marginHorizontal: BaseTheme.spacing[3],
+        marginVertical: BaseTheme.spacing[2]
+    },
+
+    sliderContainer: {
+        marginLeft: BaseTheme.spacing[3],
+        minWidth: '80%'
+    },
+
+    divider: {
+        backgroundColor: BaseTheme.palette.ui07
+    },
+
+    dividerDialog: {
+        backgroundColor: BaseTheme.palette.ui07,
+        marginBottom: BaseTheme.spacing[3]
+    },
+
+    contextMenuItem: {
+        alignItems: 'center',
+        display: 'flex',
+        flexDirection: 'row',
+        height: BaseTheme.spacing[7],
+        marginLeft: BaseTheme.spacing[3]
+    },
+
+    contextMenuItemText: {
+        ...BaseTheme.typography.bodyShortRegularLarge,
+        color: BaseTheme.palette.text01,
+        marginLeft: BaseTheme.spacing[4]
+    }
+});
diff --git a/react/features/video-menu/components/web/AskToUnmuteButton.tsx b/react/features/video-menu/components/web/AskToUnmuteButton.tsx
new file mode 100644
index 0000000..f106ff2
--- /dev/null
+++ b/react/features/video-menu/components/web/AskToUnmuteButton.tsx
@@ -0,0 +1,76 @@
+import React, { useCallback, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch } from 'react-redux';
+
+import { approveParticipantAudio, approveParticipantDesktop, approveParticipantVideo } from '../../../av-moderation/actions';
+import { IconMic, IconScreenshare, IconVideo } from '../../../base/icons/svg';
+import { MEDIA_TYPE, MediaType } from '../../../base/media/constants';
+import ContextMenuItem from '../../../base/ui/components/web/ContextMenuItem';
+import { NOTIFY_CLICK_MODE } from '../../../toolbox/types';
+import { IButtonProps } from '../../types';
+
+interface IProps extends IButtonProps {
+    buttonType: MediaType;
+}
+
+/**
+ * Implements a React {@link Component} which displays a button that
+ * allows the moderator to request from a participant to mute themselves.
+ *
+ * @returns {JSX.Element}
+ */
+const AskToUnmuteButton = ({
+    buttonType,
+    notifyMode,
+    notifyClick,
+    participantID
+}: IProps): JSX.Element => {
+    const dispatch = useDispatch();
+    const { t } = useTranslation();
+    const _onClick = useCallback(() => {
+        notifyClick?.();
+        if (notifyMode === NOTIFY_CLICK_MODE.PREVENT_AND_NOTIFY) {
+            return;
+        }
+        if (buttonType === MEDIA_TYPE.AUDIO) {
+            dispatch(approveParticipantAudio(participantID));
+        } else if (buttonType === MEDIA_TYPE.VIDEO) {
+            dispatch(approveParticipantVideo(participantID));
+        } else if (buttonType === MEDIA_TYPE.SCREENSHARE) {
+            dispatch(approveParticipantDesktop(participantID));
+        }
+    }, [ buttonType, dispatch, notifyClick, notifyMode, participantID ]);
+
+    const text = useMemo(() => {
+        if (buttonType === MEDIA_TYPE.AUDIO) {
+            return t('participantsPane.actions.askUnmute');
+        } else if (buttonType === MEDIA_TYPE.VIDEO) {
+            return t('participantsPane.actions.allowVideo');
+        } else if (buttonType === MEDIA_TYPE.SCREENSHARE) {
+            return t('participantsPane.actions.allowDesktop');
+        }
+
+        return '';
+    }, [ buttonType ]);
+
+    const icon = useMemo(() => {
+        if (buttonType === MEDIA_TYPE.AUDIO) {
+            return IconMic;
+        } else if (buttonType === MEDIA_TYPE.VIDEO) {
+            return IconVideo;
+        } else if (buttonType === MEDIA_TYPE.SCREENSHARE) {
+            return IconScreenshare;
+        }
+    }, [ buttonType ]);
+
+    return (
+        <ContextMenuItem
+            accessibilityLabel = { text }
+            icon = { icon }
+            onClick = { _onClick }
+            testId = { `unmute-${buttonType}-${participantID}` }
+            text = { text } />
+    );
+};
+
+export default AskToUnmuteButton;
diff --git a/react/features/video-menu/components/web/ConnectionStatusButton.tsx b/react/features/video-menu/components/web/ConnectionStatusButton.tsx
new file mode 100644
index 0000000..ab46a11
--- /dev/null
+++ b/react/features/video-menu/components/web/ConnectionStatusButton.tsx
@@ -0,0 +1,42 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch } from 'react-redux';
+
+import { IconInfoCircle } from '../../../base/icons/svg';
+import ContextMenuItem from '../../../base/ui/components/web/ContextMenuItem';
+import { NOTIFY_CLICK_MODE } from '../../../toolbox/types';
+import { renderConnectionStatus } from '../../actions.web';
+import { IButtonProps } from '../../types';
+
+/**
+ * Implements a React {@link Component} which displays a button that shows
+ * the connection status for the given participant.
+ *
+ * @returns {JSX.Element}
+ */
+const ConnectionStatusButton = ({
+    notifyClick,
+    notifyMode
+}: IButtonProps): JSX.Element => {
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+
+    const handleClick = useCallback(e => {
+        e.stopPropagation();
+        notifyClick?.();
+        if (notifyMode === NOTIFY_CLICK_MODE.PREVENT_AND_NOTIFY) {
+            return;
+        }
+        dispatch(renderConnectionStatus(true));
+    }, [ dispatch, notifyClick, notifyMode ]);
+
+    return (
+        <ContextMenuItem
+            accessibilityLabel = { t('videothumbnail.connectionInfo') }
+            icon = { IconInfoCircle }
+            onClick = { handleClick }
+            text = { t('videothumbnail.connectionInfo') } />
+    );
+};
+
+export default ConnectionStatusButton;
diff --git a/react/features/video-menu/components/web/CustomOptionButton.tsx b/react/features/video-menu/components/web/CustomOptionButton.tsx
new file mode 100644
index 0000000..d3fb046
--- /dev/null
+++ b/react/features/video-menu/components/web/CustomOptionButton.tsx
@@ -0,0 +1,27 @@
+import React, { useCallback } from 'react';
+
+import ContextMenuItem from '../../../base/ui/components/web/ContextMenuItem';
+
+const CustomOptionButton = (
+        { icon: iconSrc, onClick, text }:
+        {
+            icon: string;
+            onClick: (e?: React.MouseEvent<Element, MouseEvent> | undefined) => void;
+            text: string;
+        }
+) => {
+
+    const icon = useCallback(props => (<img
+        src = { iconSrc }
+        { ...props } />), [ iconSrc ]);
+
+    return (
+        <ContextMenuItem
+            accessibilityLabel = { text }
+            icon = { icon }
+            onClick = { onClick }
+            text = { text } />
+    );
+};
+
+export default CustomOptionButton;
diff --git a/react/features/video-menu/components/web/DemoteToVisitorButton.tsx b/react/features/video-menu/components/web/DemoteToVisitorButton.tsx
new file mode 100644
index 0000000..73a38d3
--- /dev/null
+++ b/react/features/video-menu/components/web/DemoteToVisitorButton.tsx
@@ -0,0 +1,63 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch } from 'react-redux';
+
+import { openDialog } from '../../../base/dialog/actions';
+import { IconUsers } from '../../../base/icons/svg';
+import ContextMenuItem from '../../../base/ui/components/web/ContextMenuItem';
+import { NOTIFY_CLICK_MODE } from '../../../toolbox/types';
+import { IButtonProps } from '../../types';
+
+import DemoteToVisitorDialog from './DemoteToVisitorDialog';
+
+interface IProps extends IButtonProps {
+
+    /**
+     * Button text class name.
+     */
+    className?: string;
+
+    /**
+     * Whether the icon should be hidden or not.
+     */
+    noIcon?: boolean;
+
+    /**
+     * Click handler executed aside from the main action.
+     */
+    onClick?: Function;
+}
+
+/**
+ * Implements a React {@link Component} which displays a button for demoting a participant to visitor.
+ *
+ * @returns {JSX.Element}
+ */
+export default function DemoteToVisitorButton({
+    className,
+    noIcon = false,
+    notifyClick,
+    notifyMode,
+    participantID
+}: IProps): JSX.Element {
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+
+    const handleClick = useCallback(() => {
+        notifyClick?.();
+        if (notifyMode === NOTIFY_CLICK_MODE.PREVENT_AND_NOTIFY) {
+            return;
+        }
+        dispatch(openDialog('DemoteToVisitorDialog', DemoteToVisitorDialog, { participantID }));
+    }, [ dispatch, notifyClick, notifyMode, participantID ]);
+
+    return (
+        <ContextMenuItem
+            accessibilityLabel = { t('videothumbnail.demote') }
+            className = { className || 'demotelink' } // can be used in tests
+            icon = { noIcon ? null : IconUsers }
+            id = { `demotelink_${participantID}` }
+            onClick = { handleClick }
+            text = { t('videothumbnail.demote') } />
+    );
+}
diff --git a/react/features/video-menu/components/web/DemoteToVisitorDialog.tsx b/react/features/video-menu/components/web/DemoteToVisitorDialog.tsx
new file mode 100644
index 0000000..b3b5c0d
--- /dev/null
+++ b/react/features/video-menu/components/web/DemoteToVisitorDialog.tsx
@@ -0,0 +1,40 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch } from 'react-redux';
+
+import { DialogProps } from '../../../base/dialog/constants';
+import Dialog from '../../../base/ui/components/web/Dialog';
+import { demoteRequest } from '../../../visitors/actions';
+
+interface IProps extends DialogProps {
+
+    /**
+     * The ID of the remote participant to be demoted.
+     */
+    participantID: string;
+}
+
+/**
+ * Dialog to confirm a remote participant demote action.
+ *
+ * @returns {JSX.Element}
+ */
+export default function DemoteToVisitorDialog({ participantID }: IProps): JSX.Element {
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+
+    const handleSubmit = useCallback(() => {
+        dispatch(demoteRequest(participantID));
+    }, [ dispatch, participantID ]);
+
+    return (
+        <Dialog
+            ok = {{ translationKey: 'dialog.confirm' }}
+            onSubmit = { handleSubmit }
+            titleKey = 'dialog.demoteParticipantTitle'>
+            <div>
+                { t('dialog.demoteParticipantDialog') }
+            </div>
+        </Dialog>
+    );
+}
diff --git a/react/features/video-menu/components/web/FakeParticipantContextMenu.tsx b/react/features/video-menu/components/web/FakeParticipantContextMenu.tsx
new file mode 100644
index 0000000..91a962f
--- /dev/null
+++ b/react/features/video-menu/components/web/FakeParticipantContextMenu.tsx
@@ -0,0 +1,178 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+
+import TogglePinToStageButton from '../../../../features/video-menu/components/web/TogglePinToStageButton';
+import Avatar from '../../../base/avatar/components/Avatar';
+import { IconPlay } from '../../../base/icons/svg';
+import { isWhiteboardParticipant } from '../../../base/participants/functions';
+import { IParticipant } from '../../../base/participants/types';
+import ContextMenu from '../../../base/ui/components/web/ContextMenu';
+import ContextMenuItemGroup from '../../../base/ui/components/web/ContextMenuItemGroup';
+import { stopSharedVideo } from '../../../shared-video/actions';
+import { getParticipantMenuButtonsWithNotifyClick, showOverflowDrawer } from '../../../toolbox/functions.web';
+import { NOTIFY_CLICK_MODE } from '../../../toolbox/types';
+import { setWhiteboardOpen } from '../../../whiteboard/actions';
+import { WHITEBOARD_ID } from '../../../whiteboard/constants';
+import { PARTICIPANT_MENU_BUTTONS as BUTTONS } from '../../constants';
+
+interface IProps {
+
+    /**
+     * Class name for the context menu.
+     */
+    className?: string;
+
+    /**
+     * Closes a drawer if open.
+     */
+    closeDrawer?: () => void;
+
+    /**
+     * The participant for which the drawer is open.
+     * It contains the displayName & participantID.
+     */
+    drawerParticipant?: {
+        displayName: string;
+        participantID: string;
+    };
+
+    /**
+     * Shared video local participant owner.
+     */
+    localVideoOwner?: boolean;
+
+    /**
+     * Target elements against which positioning calculations are made.
+     */
+    offsetTarget?: HTMLElement;
+
+    /**
+     * Callback for the mouse entering the component.
+     */
+    onEnter?: (e?: React.MouseEvent) => void;
+
+    /**
+     * Callback for the mouse leaving the component.
+     */
+    onLeave?: (e?: React.MouseEvent) => void;
+
+    /**
+     * Callback for making a selection in the menu.
+     */
+    onSelect: (value?: boolean | React.MouseEvent) => void;
+
+    /**
+     * Participant reference.
+     */
+    participant: IParticipant;
+
+    /**
+     * Whether or not the menu is displayed in the thumbnail remote video menu.
+     */
+    thumbnailMenu?: boolean;
+}
+
+const FakeParticipantContextMenu = ({
+    className,
+    closeDrawer,
+    drawerParticipant,
+    localVideoOwner,
+    offsetTarget,
+    onEnter,
+    onLeave,
+    onSelect,
+    participant,
+    thumbnailMenu
+}: IProps) => {
+    const dispatch = useDispatch();
+    const { t } = useTranslation();
+    const _overflowDrawer: boolean = useSelector(showOverflowDrawer);
+    const buttonsWithNotifyClick = useSelector(getParticipantMenuButtonsWithNotifyClick);
+
+    const notifyClick = useCallback(
+        (buttonKey: string, participantId?: string) => {
+            const notifyMode = buttonsWithNotifyClick?.get(buttonKey);
+
+            if (!notifyMode) {
+                return;
+            }
+
+            APP.API.notifyParticipantMenuButtonClicked(
+                buttonKey,
+                participantId,
+                notifyMode === NOTIFY_CLICK_MODE.PREVENT_AND_NOTIFY
+            );
+        }, [ buttonsWithNotifyClick ]);
+
+
+    const clickHandler = useCallback(() => onSelect(true), [ onSelect ]);
+
+    const _onStopSharedVideo = useCallback(() => {
+        clickHandler();
+        dispatch(stopSharedVideo());
+    }, [ stopSharedVideo ]);
+
+    const _onHideWhiteboard = useCallback(() => {
+        clickHandler();
+        dispatch(setWhiteboardOpen(false));
+    }, [ setWhiteboardOpen ]);
+
+    const _getActions = useCallback(() => {
+        if (isWhiteboardParticipant(participant)) {
+            return [ {
+                accessibilityLabel: t('toolbar.hideWhiteboard'),
+                icon: IconPlay,
+                onClick: _onHideWhiteboard,
+                text: t('toolbar.hideWhiteboard')
+            } ];
+        }
+
+        if (localVideoOwner) {
+            return [ {
+                accessibilityLabel: t('toolbar.stopSharedVideo'),
+                icon: IconPlay,
+                onClick: _onStopSharedVideo,
+                text: t('toolbar.stopSharedVideo')
+            } ];
+        }
+    }, [ localVideoOwner, participant.fakeParticipant ]);
+
+    return (
+        <ContextMenu
+            className = { className }
+            entity = { participant }
+            hidden = { thumbnailMenu ? false : undefined }
+            inDrawer = { thumbnailMenu && _overflowDrawer }
+            isDrawerOpen = { Boolean(drawerParticipant) }
+            offsetTarget = { offsetTarget }
+            onClick = { onSelect }
+            onDrawerClose = { thumbnailMenu ? onSelect : closeDrawer }
+            onMouseEnter = { onEnter }
+            onMouseLeave = { onLeave }>
+            {!thumbnailMenu && _overflowDrawer && drawerParticipant && <ContextMenuItemGroup
+                actions = { [ {
+                    accessibilityLabel: drawerParticipant.displayName,
+                    customIcon: <Avatar
+                        participantId = { drawerParticipant.participantID }
+                        size = { 20 } />,
+                    text: drawerParticipant.displayName
+                } ] } />}
+
+            <ContextMenuItemGroup
+                actions = { _getActions() }>
+                {isWhiteboardParticipant(participant) && (
+                    <TogglePinToStageButton
+                        key = 'pinToStage'
+                        // eslint-disable-next-line react/jsx-no-bind
+                        notifyClick = { () => notifyClick(BUTTONS.PIN_TO_STAGE, WHITEBOARD_ID) }
+                        notifyMode = { buttonsWithNotifyClick?.get(BUTTONS.PIN_TO_STAGE) }
+                        participantID = { WHITEBOARD_ID } />
+                )}
+            </ContextMenuItemGroup>
+
+        </ContextMenu>
+    );
+};
+
+export default FakeParticipantContextMenu;
diff --git a/react/features/video-menu/components/web/FlipLocalVideoButton.tsx b/react/features/video-menu/components/web/FlipLocalVideoButton.tsx
new file mode 100644
index 0000000..14f755a
--- /dev/null
+++ b/react/features/video-menu/components/web/FlipLocalVideoButton.tsx
@@ -0,0 +1,125 @@
+import React, { PureComponent } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { updateSettings } from '../../../base/settings/actions';
+import ContextMenuItem from '../../../base/ui/components/web/ContextMenuItem';
+import { NOTIFY_CLICK_MODE } from '../../../toolbox/types';
+
+/**
+ * The type of the React {@code Component} props of {@link FlipLocalVideoButton}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * The current local flip x status.
+     */
+    _localFlipX: boolean;
+
+    /**
+     * Button text class name.
+     */
+    className: string;
+
+    /**
+     * The redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Callback to execute when the button is clicked.
+     */
+    notifyClick?: Function;
+
+    /**
+     * Notify mode for `participantMenuButtonClicked` event -
+     * whether to only notify or to also prevent button click routine.
+     */
+    notifyMode?: string;
+
+    /**
+     * Click handler executed aside from the main action.
+     */
+    onClick?: Function;
+}
+
+/**
+ * Implements a React {@link Component} which displays a button for flipping the local viedo.
+ *
+ * @augments Component
+ */
+class FlipLocalVideoButton extends PureComponent<IProps> {
+    /**
+     * Initializes a new {@code FlipLocalVideoButton} instance.
+     *
+     * @param {Object} props - The read-only React Component props with which
+     * the new instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handlers so they are only bound once for every instance.
+        this._onClick = this._onClick.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {null|ReactElement}
+     */
+    override render() {
+        const {
+            className,
+            t
+        } = this.props;
+
+        return (
+            <ContextMenuItem
+                accessibilityLabel = { t('videothumbnail.flip') }
+                className = 'fliplink'
+                id = 'flipLocalVideoButton'
+                onClick = { this._onClick }
+                text = { t('videothumbnail.flip') }
+                textClassName = { className } />
+        );
+    }
+
+    /**
+     * Flips the local video.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onClick() {
+        const { _localFlipX, dispatch, notifyClick, notifyMode, onClick } = this.props;
+
+        notifyClick?.();
+        if (notifyMode === NOTIFY_CLICK_MODE.PREVENT_AND_NOTIFY) {
+            return;
+        }
+        onClick?.();
+        dispatch(updateSettings({
+            localFlipX: !_localFlipX
+        }));
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated {@code FlipLocalVideoButton}'s props.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const { localFlipX } = state['features/base/settings'];
+
+    return {
+        _localFlipX: Boolean(localFlipX)
+    };
+}
+
+export default translate(connect(_mapStateToProps)(FlipLocalVideoButton));
diff --git a/react/features/video-menu/components/web/GrantModeratorButton.tsx b/react/features/video-menu/components/web/GrantModeratorButton.tsx
new file mode 100644
index 0000000..dea3d75
--- /dev/null
+++ b/react/features/video-menu/components/web/GrantModeratorButton.tsx
@@ -0,0 +1,56 @@
+import React, { useCallback, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { openDialog } from '../../../base/dialog/actions';
+import { IconModerator } from '../../../base/icons/svg';
+import { PARTICIPANT_ROLE } from '../../../base/participants/constants';
+import { getLocalParticipant, getParticipantById, isParticipantModerator } from '../../../base/participants/functions';
+import ContextMenuItem from '../../../base/ui/components/web/ContextMenuItem';
+import { NOTIFY_CLICK_MODE } from '../../../toolbox/types';
+import { IButtonProps } from '../../types';
+
+import GrantModeratorDialog from './GrantModeratorDialog';
+
+/**
+ * Implements a React {@link Component} which displays a button for granting
+ * moderator to a participant.
+ *
+ * @returns {JSX.Element|null}
+ */
+const GrantModeratorButton = ({
+    notifyClick,
+    notifyMode,
+    participantID
+}: IButtonProps): JSX.Element | null => {
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+    const localParticipant = useSelector(getLocalParticipant);
+    const targetParticipant = useSelector((state: IReduxState) => getParticipantById(state, participantID));
+    const visible = useMemo(() => Boolean(localParticipant?.role === PARTICIPANT_ROLE.MODERATOR)
+        && !isParticipantModerator(targetParticipant), [ isParticipantModerator, localParticipant, targetParticipant ]);
+
+    const handleClick = useCallback(() => {
+        notifyClick?.();
+        if (notifyMode === NOTIFY_CLICK_MODE.PREVENT_AND_NOTIFY) {
+            return;
+        }
+        dispatch(openDialog('GrantModeratorDialog', GrantModeratorDialog, { participantID }));
+    }, [ dispatch, notifyClick, notifyMode, participantID ]);
+
+    if (!visible) {
+        return null;
+    }
+
+    return (
+        <ContextMenuItem
+            accessibilityLabel = { t('toolbar.accessibilityLabel.grantModerator') }
+            className = 'grantmoderatorlink'
+            icon = { IconModerator }
+            onClick = { handleClick }
+            text = { t('videothumbnail.grantModerator') } />
+    );
+};
+
+export default GrantModeratorButton;
diff --git a/react/features/video-menu/components/web/GrantModeratorDialog.tsx b/react/features/video-menu/components/web/GrantModeratorDialog.tsx
new file mode 100644
index 0000000..dec8213
--- /dev/null
+++ b/react/features/video-menu/components/web/GrantModeratorDialog.tsx
@@ -0,0 +1,32 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import { translate } from '../../../base/i18n/functions';
+import Dialog from '../../../base/ui/components/web/Dialog';
+import AbstractGrantModeratorDialog, { abstractMapStateToProps } from '../AbstractGrantModeratorDialog';
+
+/**
+ * Dialog to confirm a grant moderator action.
+ */
+class GrantModeratorDialog extends AbstractGrantModeratorDialog {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        return (
+            <Dialog
+                ok = {{ translationKey: 'dialog.Yes' }}
+                onSubmit = { this._onSubmit }
+                titleKey = 'dialog.grantModeratorTitle'>
+                <div>
+                    { this.props.t('dialog.grantModeratorDialog', { participantName: this.props.participantName }) }
+                </div>
+            </Dialog>
+        );
+    }
+}
+
+export default translate(connect(abstractMapStateToProps)(GrantModeratorDialog));
diff --git a/react/features/video-menu/components/web/HideSelfViewVideoButton.tsx b/react/features/video-menu/components/web/HideSelfViewVideoButton.tsx
new file mode 100644
index 0000000..797c568
--- /dev/null
+++ b/react/features/video-menu/components/web/HideSelfViewVideoButton.tsx
@@ -0,0 +1,124 @@
+import React, { PureComponent } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { updateSettings } from '../../../base/settings/actions';
+import { getHideSelfView } from '../../../base/settings/functions';
+import ContextMenuItem from '../../../base/ui/components/web/ContextMenuItem';
+import { NOTIFY_CLICK_MODE } from '../../../toolbox/types';
+
+/**
+ * The type of the React {@code Component} props of {@link HideSelfViewVideoButton}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * Button text class name.
+     */
+    className: string;
+
+    /**
+     * Whether or not to hide the self view.
+     */
+    disableSelfView: boolean;
+
+    /**
+     * The redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Callback to execute when the button is clicked.
+     */
+    notifyClick?: Function;
+
+    /**
+     * Notify mode for `participantMenuButtonClicked` event -
+     * whether to only notify or to also prevent button click routine.
+     */
+    notifyMode?: string;
+
+    /**
+     * Click handler executed aside from the main action.
+     */
+    onClick?: Function;
+}
+
+/**
+ * Implements a React {@link Component} which displays a button for hiding the local video.
+ *
+ * @augments Component
+ */
+class HideSelfViewVideoButton extends PureComponent<IProps> {
+    /**
+     * Initializes a new {@code HideSelfViewVideoButton} instance.
+     *
+     * @param {Object} props - The read-only React Component props with which
+     * the new instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handlers so they are only bound once for every instance.
+        this._onClick = this._onClick.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {null|ReactElement}
+     */
+    override render() {
+        const {
+            className,
+            t
+        } = this.props;
+
+        return (
+            <ContextMenuItem
+                accessibilityLabel = { t('videothumbnail.hideSelfView') }
+                className = 'hideselflink'
+                id = 'hideselfviewButton'
+                onClick = { this._onClick }
+                text = { t('videothumbnail.hideSelfView') }
+                textClassName = { className } />
+        );
+    }
+
+    /**
+     * Hides the local video.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onClick() {
+        const { disableSelfView, dispatch, notifyClick, notifyMode, onClick } = this.props;
+
+        notifyClick?.();
+        if (notifyMode === NOTIFY_CLICK_MODE.PREVENT_AND_NOTIFY) {
+            return;
+        }
+        onClick?.();
+        dispatch(updateSettings({
+            disableSelfView: !disableSelfView
+        }));
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated {@code HideSelfViewVideoButton}'s props.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    return {
+        disableSelfView: Boolean(getHideSelfView(state))
+    };
+}
+
+export default translate(connect(_mapStateToProps)(HideSelfViewVideoButton));
diff --git a/react/features/video-menu/components/web/KickButton.tsx b/react/features/video-menu/components/web/KickButton.tsx
new file mode 100644
index 0000000..3bcb4f8
--- /dev/null
+++ b/react/features/video-menu/components/web/KickButton.tsx
@@ -0,0 +1,46 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch } from 'react-redux';
+
+import { openDialog } from '../../../base/dialog/actions';
+import { IconUserDeleted } from '../../../base/icons/svg';
+import ContextMenuItem from '../../../base/ui/components/web/ContextMenuItem';
+import { NOTIFY_CLICK_MODE } from '../../../toolbox/types';
+import { IButtonProps } from '../../types';
+
+import KickRemoteParticipantDialog from './KickRemoteParticipantDialog';
+
+/**
+ * Implements a React {@link Component} which displays a button for kicking out
+ * a participant from the conference.
+ *
+ * @returns {JSX.Element}
+ */
+const KickButton = ({
+    notifyClick,
+    notifyMode,
+    participantID
+}: IButtonProps): JSX.Element => {
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+
+    const handleClick = useCallback(() => {
+        notifyClick?.();
+        if (notifyMode === NOTIFY_CLICK_MODE.PREVENT_AND_NOTIFY) {
+            return;
+        }
+        dispatch(openDialog('KickRemoteParticipantDialog', KickRemoteParticipantDialog, { participantID }));
+    }, [ dispatch, notifyClick, notifyMode, participantID ]);
+
+    return (
+        <ContextMenuItem
+            accessibilityLabel = { t('videothumbnail.kick') }
+            className = 'kicklink'
+            icon = { IconUserDeleted }
+            id = { `ejectlink_${participantID}` }
+            onClick = { handleClick }
+            text = { t('videothumbnail.kick') } />
+    );
+};
+
+export default KickButton;
diff --git a/react/features/video-menu/components/web/KickRemoteParticipantDialog.tsx b/react/features/video-menu/components/web/KickRemoteParticipantDialog.tsx
new file mode 100644
index 0000000..7e75290
--- /dev/null
+++ b/react/features/video-menu/components/web/KickRemoteParticipantDialog.tsx
@@ -0,0 +1,32 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import { translate } from '../../../base/i18n/functions';
+import Dialog from '../../../base/ui/components/web/Dialog';
+import AbstractKickRemoteParticipantDialog from '../AbstractKickRemoteParticipantDialog';
+
+/**
+ * Dialog to confirm a remote participant kick action.
+ */
+class KickRemoteParticipantDialog extends AbstractKickRemoteParticipantDialog {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        return (
+            <Dialog
+                ok = {{ translationKey: 'dialog.kickParticipantButton' }}
+                onSubmit = { this._onSubmit }
+                titleKey = 'dialog.kickParticipantTitle'>
+                <div>
+                    { this.props.t('dialog.kickParticipantDialog') }
+                </div>
+            </Dialog>
+        );
+    }
+}
+
+export default translate(connect()(KickRemoteParticipantDialog));
diff --git a/react/features/video-menu/components/web/LocalVideoMenuTriggerButton.tsx b/react/features/video-menu/components/web/LocalVideoMenuTriggerButton.tsx
new file mode 100644
index 0000000..84eb6b0
--- /dev/null
+++ b/react/features/video-menu/components/web/LocalVideoMenuTriggerButton.tsx
@@ -0,0 +1,305 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { batch, connect, useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState, IStore } from '../../../app/types';
+import { isMobileBrowser } from '../../../base/environment/utils';
+import { IconDotsHorizontal } from '../../../base/icons/svg';
+import { getLocalParticipant, getParticipantCount } from '../../../base/participants/functions';
+import Popover from '../../../base/popover/components/Popover.web';
+import { setParticipantContextMenuOpen } from '../../../base/responsive-ui/actions';
+import { getHideSelfView } from '../../../base/settings/functions.web';
+import { getLocalVideoTrack } from '../../../base/tracks/functions';
+import Button from '../../../base/ui/components/web/Button';
+import ContextMenu from '../../../base/ui/components/web/ContextMenu';
+import ContextMenuItemGroup from '../../../base/ui/components/web/ContextMenuItemGroup';
+import ConnectionIndicatorContent from '../../../connection-indicator/components/web/ConnectionIndicatorContent';
+import { THUMBNAIL_TYPE } from '../../../filmstrip/constants';
+import { isStageFilmstripAvailable } from '../../../filmstrip/functions.web';
+import { getParticipantMenuButtonsWithNotifyClick } from '../../../toolbox/functions.web';
+import { NOTIFY_CLICK_MODE } from '../../../toolbox/types';
+import { renderConnectionStatus } from '../../actions.web';
+import { PARTICIPANT_MENU_BUTTONS as BUTTONS } from '../../constants';
+
+import ConnectionStatusButton from './ConnectionStatusButton';
+import DemoteToVisitorButton from './DemoteToVisitorButton';
+import FlipLocalVideoButton from './FlipLocalVideoButton';
+import HideSelfViewVideoButton from './HideSelfViewVideoButton';
+import TogglePinToStageButton from './TogglePinToStageButton';
+
+/**
+ * The type of the React {@code Component} props of
+ * {@link LocalVideoMenuTriggerButton}.
+ */
+interface IProps {
+
+    /**
+     * The id of the local participant.
+     */
+    _localParticipantId: string;
+
+    /**
+     * The position relative to the trigger the local video menu should display
+     * from.
+     */
+    _menuPosition: string;
+
+    /**
+     * Whether to display the Popover as a drawer.
+     */
+    _overflowDrawer: boolean;
+
+    /**
+     * Whether to render the connection info pane.
+     */
+    _showConnectionInfo: boolean;
+
+    /**
+     * Shows/hides the local switch to visitor button.
+     */
+    _showDemote: boolean;
+
+    /**
+     * Whether to render the hide self view button.
+     */
+    _showHideSelfViewButton: boolean;
+
+    /**
+     * Shows/hides the local video flip button.
+     */
+    _showLocalVideoFlipButton: boolean;
+
+    /**
+     * Whether to render the pin to stage button.
+     */
+    _showPinToStage: boolean;
+
+    /**
+     * Whether or not the button should be visible.
+     */
+    buttonVisible: boolean;
+
+    /**
+     * The redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Hides popover.
+     */
+    hidePopover?: Function;
+
+    /**
+     * Whether the popover is visible or not.
+     */
+    popoverVisible?: boolean;
+
+    /**
+     * Shows popover.
+     */
+    showPopover?: Function;
+
+    /**
+     * The type of the thumbnail.
+     */
+    thumbnailType: string;
+}
+
+const useStyles = makeStyles()(() => {
+    return {
+        triggerButton: {
+            padding: '3px !important',
+            borderRadius: '4px',
+
+            '& svg': {
+                width: '18px',
+                height: '18px'
+            }
+        },
+
+        contextMenu: {
+            position: 'relative',
+            marginTop: 0,
+            right: 'auto',
+            padding: '0',
+            minWidth: '200px'
+        },
+
+        flipText: {
+            marginLeft: '36px'
+        }
+    };
+});
+
+const LocalVideoMenuTriggerButton = ({
+    _localParticipantId,
+    _menuPosition,
+    _overflowDrawer,
+    _showConnectionInfo,
+    _showDemote,
+    _showHideSelfViewButton,
+    _showLocalVideoFlipButton,
+    _showPinToStage,
+    buttonVisible,
+    dispatch,
+    hidePopover,
+    showPopover,
+    popoverVisible
+}: IProps) => {
+    const { classes } = useStyles();
+    const { t } = useTranslation();
+    const buttonsWithNotifyClick = useSelector(getParticipantMenuButtonsWithNotifyClick);
+    const visitorsSupported = useSelector((state: IReduxState) => state['features/visitors'].supported);
+
+    const notifyClick = useCallback(
+        (buttonKey: string) => {
+            const notifyMode = buttonsWithNotifyClick?.get(buttonKey);
+
+            if (!notifyMode) {
+                return;
+            }
+
+            APP.API.notifyParticipantMenuButtonClicked(
+                buttonKey,
+                _localParticipantId,
+                notifyMode === NOTIFY_CLICK_MODE.PREVENT_AND_NOTIFY
+            );
+        }, [ buttonsWithNotifyClick ]);
+
+    const _onPopoverOpen = useCallback(() => {
+        showPopover?.();
+        dispatch(setParticipantContextMenuOpen(true));
+    }, []);
+
+    const _onPopoverClose = useCallback(() => {
+        hidePopover?.();
+        batch(() => {
+            dispatch(setParticipantContextMenuOpen(false));
+            dispatch(renderConnectionStatus(false));
+        });
+    }, []);
+
+    const content = _showConnectionInfo
+        ? <ConnectionIndicatorContent participantId = { _localParticipantId } />
+        : (
+            <ContextMenu
+                className = { classes.contextMenu }
+                hidden = { false }
+                inDrawer = { _overflowDrawer }>
+                <ContextMenuItemGroup>
+                    {_showLocalVideoFlipButton
+                        && <FlipLocalVideoButton
+                            className = { _overflowDrawer ? classes.flipText : '' }
+                            // eslint-disable-next-line react/jsx-no-bind
+                            notifyClick = { () => notifyClick(BUTTONS.FLIP_LOCAL_VIDEO) }
+                            notifyMode = { buttonsWithNotifyClick?.get(BUTTONS.FLIP_LOCAL_VIDEO) }
+                            onClick = { hidePopover } />
+                    }
+                    {_showHideSelfViewButton
+                        && <HideSelfViewVideoButton
+                            className = { _overflowDrawer ? classes.flipText : '' }
+                            // eslint-disable-next-line react/jsx-no-bind
+                            notifyClick = { () => notifyClick(BUTTONS.HIDE_SELF_VIEW) }
+                            notifyMode = { buttonsWithNotifyClick?.get(BUTTONS.HIDE_SELF_VIEW) }
+                            onClick = { hidePopover } />
+                    }
+                    {
+                        _showPinToStage && <TogglePinToStageButton
+                            className = { _overflowDrawer ? classes.flipText : '' }
+                            noIcon = { true }
+                            // eslint-disable-next-line react/jsx-no-bind
+                            notifyClick = { () => notifyClick(BUTTONS.PIN_TO_STAGE) }
+                            notifyMode = { buttonsWithNotifyClick?.get(BUTTONS.PIN_TO_STAGE) }
+                            onClick = { hidePopover }
+                            participantID = { _localParticipantId } />
+                    }
+                    {
+                        _showDemote && visitorsSupported && <DemoteToVisitorButton
+                            className = { _overflowDrawer ? classes.flipText : '' }
+                            noIcon = { true }
+                            // eslint-disable-next-line react/jsx-no-bind
+                            notifyClick = { () => notifyClick(BUTTONS.DEMOTE) }
+                            notifyMode = { buttonsWithNotifyClick?.get(BUTTONS.DEMOTE) }
+                            onClick = { hidePopover }
+                            participantID = { _localParticipantId } />
+                    }
+                    {
+                        isMobileBrowser() && <ConnectionStatusButton
+                            // eslint-disable-next-line react/jsx-no-bind
+                            notifyClick = { () => notifyClick(BUTTONS.CONN_STATUS) }
+                            notifyMode = { buttonsWithNotifyClick?.get(BUTTONS.CONN_STATUS) }
+                            participantID = { _localParticipantId } />
+                    }
+                </ContextMenuItemGroup>
+            </ContextMenu>
+        );
+
+    return (
+        isMobileBrowser() || _showLocalVideoFlipButton || _showHideSelfViewButton
+            ? <Popover
+                content = { content }
+                headingLabel = { t('dialog.localUserControls') }
+                id = 'local-video-menu-trigger'
+                onPopoverClose = { _onPopoverClose }
+                onPopoverOpen = { _onPopoverOpen }
+                position = { _menuPosition }
+                visible = { Boolean(popoverVisible) }>
+                {buttonVisible && !isMobileBrowser() && (
+                    <Button
+                        accessibilityLabel = { t('dialog.localUserControls') }
+                        className = { classes.triggerButton }
+                        icon = { IconDotsHorizontal }
+                        size = 'small' />
+                )}
+            </Popover>
+            : null
+    );
+};
+
+/**
+ * Maps (parts of) the Redux state to the associated {@code LocalVideoMenuTriggerButton}'s props.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {Object} ownProps - The own props of the component.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState, ownProps: Partial<IProps>) {
+    const { thumbnailType } = ownProps;
+    const localParticipant = getLocalParticipant(state);
+    const { disableLocalVideoFlip, disableSelfDemote, disableSelfViewSettings } = state['features/base/config'];
+    const videoTrack = getLocalVideoTrack(state['features/base/tracks']);
+    const { overflowDrawer } = state['features/toolbox'];
+    const { showConnectionInfo } = state['features/base/connection'];
+    const showHideSelfViewButton = !disableSelfViewSettings && !getHideSelfView(state);
+
+    let _menuPosition;
+
+    switch (thumbnailType) {
+    case THUMBNAIL_TYPE.TILE:
+        _menuPosition = 'left-start';
+        break;
+    case THUMBNAIL_TYPE.VERTICAL:
+        _menuPosition = 'left-start';
+        break;
+    case THUMBNAIL_TYPE.HORIZONTAL:
+        _menuPosition = 'top-start';
+        break;
+    default:
+        _menuPosition = 'auto';
+    }
+
+    return {
+        _menuPosition,
+        _showDemote: !disableSelfDemote && getParticipantCount(state) > 1,
+        _showLocalVideoFlipButton: !disableLocalVideoFlip && videoTrack?.videoType !== 'desktop',
+        _showHideSelfViewButton: showHideSelfViewButton,
+        _overflowDrawer: overflowDrawer,
+        _localParticipantId: localParticipant?.id ?? '',
+        _showConnectionInfo: Boolean(showConnectionInfo),
+        _showPinToStage: isStageFilmstripAvailable(state)
+    };
+}
+
+export default connect(_mapStateToProps)(LocalVideoMenuTriggerButton);
diff --git a/react/features/video-menu/components/web/LowerHandButton.tsx b/react/features/video-menu/components/web/LowerHandButton.tsx
new file mode 100644
index 0000000..fd1ea91
--- /dev/null
+++ b/react/features/video-menu/components/web/LowerHandButton.tsx
@@ -0,0 +1,56 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { getCurrentConference } from '../../../base/conference/functions';
+import { IconRaiseHand } from '../../../base/icons/svg';
+import { raiseHand } from '../../../base/participants/actions';
+import { LOWER_HAND_MESSAGE } from '../../../base/tracks/constants';
+import ContextMenuItem from '../../../base/ui/components/web/ContextMenuItem';
+
+interface IProps {
+
+    /**
+     * The ID of the participant that's linked to the button.
+     */
+    participantID?: String;
+}
+
+/**
+ * Implements a React {@link Component} which displays a button for notifying certain
+ * participant who raised hand to lower hand.
+ *
+ * @returns {JSX.Element}
+ */
+const LowerHandButton = ({
+    participantID = ''
+}: IProps): JSX.Element => {
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+    const currentConference = useSelector(getCurrentConference);
+    const accessibilityText = participantID
+        ? t('participantsPane.actions.lowerHand')
+        : t('participantsPane.actions.lowerAllHands');
+
+    const handleClick = useCallback(() => {
+        if (!participantID) {
+            dispatch(raiseHand(false));
+        }
+        currentConference?.sendEndpointMessage(
+            participantID,
+            {
+                name: LOWER_HAND_MESSAGE
+            }
+        );
+    }, [ participantID ]);
+
+    return (
+        <ContextMenuItem
+            accessibilityLabel = { accessibilityText }
+            icon = { IconRaiseHand }
+            onClick = { handleClick }
+            text = { accessibilityText } />
+    );
+};
+
+export default LowerHandButton;
diff --git a/react/features/video-menu/components/web/MuteButton.tsx b/react/features/video-menu/components/web/MuteButton.tsx
new file mode 100644
index 0000000..97ad31e
--- /dev/null
+++ b/react/features/video-menu/components/web/MuteButton.tsx
@@ -0,0 +1,65 @@
+import React, { useCallback, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { createRemoteVideoMenuButtonEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { IReduxState } from '../../../app/types';
+import { rejectParticipantAudio } from '../../../av-moderation/actions';
+import { IconMicSlash } from '../../../base/icons/svg';
+import { MEDIA_TYPE } from '../../../base/media/constants';
+import { isRemoteTrackMuted } from '../../../base/tracks/functions.any';
+import ContextMenuItem from '../../../base/ui/components/web/ContextMenuItem';
+import { NOTIFY_CLICK_MODE } from '../../../toolbox/types';
+import { muteRemote } from '../../actions.any';
+import { IButtonProps } from '../../types';
+
+/**
+ * Implements a React {@link Component} which displays a button for audio muting
+ * a participant in the conference.
+ *
+ * @returns {JSX.Element|null}
+ */
+const MuteButton = ({
+    notifyClick,
+    notifyMode,
+    participantID
+}: IButtonProps): JSX.Element | null => {
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+    const tracks = useSelector((state: IReduxState) => state['features/base/tracks']);
+    const audioTrackMuted = useMemo(
+        () => isRemoteTrackMuted(tracks, MEDIA_TYPE.AUDIO, participantID),
+        [ isRemoteTrackMuted, participantID, tracks ]
+    );
+
+    const handleClick = useCallback(() => {
+        notifyClick?.();
+        if (notifyMode === NOTIFY_CLICK_MODE.PREVENT_AND_NOTIFY) {
+            return;
+        }
+        sendAnalytics(createRemoteVideoMenuButtonEvent(
+            'mute',
+            {
+                'participant_id': participantID
+            }));
+
+        dispatch(muteRemote(participantID, MEDIA_TYPE.AUDIO));
+        dispatch(rejectParticipantAudio(participantID));
+    }, [ dispatch, notifyClick, notifyMode, participantID, sendAnalytics ]);
+
+    if (audioTrackMuted) {
+        return null;
+    }
+
+    return (
+        <ContextMenuItem
+            accessibilityLabel = { t('dialog.muteParticipantButton') }
+            className = 'mutelink'
+            icon = { IconMicSlash }
+            onClick = { handleClick }
+            text = { t('dialog.muteParticipantButton') } />
+    );
+};
+
+export default MuteButton;
diff --git a/react/features/video-menu/components/web/MuteDesktopButton.tsx b/react/features/video-menu/components/web/MuteDesktopButton.tsx
new file mode 100644
index 0000000..eb7e303
--- /dev/null
+++ b/react/features/video-menu/components/web/MuteDesktopButton.tsx
@@ -0,0 +1,67 @@
+import React, { useCallback, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { createRemoteVideoMenuButtonEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { IReduxState } from '../../../app/types';
+import { openDialog } from '../../../base/dialog/actions';
+import { IconScreenshare } from '../../../base/icons/svg';
+import { MEDIA_TYPE } from '../../../base/media/constants';
+import { isRemoteTrackMuted } from '../../../base/tracks/functions.any';
+import ContextMenuItem from '../../../base/ui/components/web/ContextMenuItem';
+import { NOTIFY_CLICK_MODE } from '../../../toolbox/types';
+import { IButtonProps } from '../../types';
+
+import MuteRemoteParticipantsDesktopDialog from './MuteRemoteParticipantsDesktopDialog';
+
+/**
+ * Implements a React {@link Component} which displays a button for disabling
+ * the desktop share of a participant in the conference.
+ *
+ * @returns {JSX.Element|null}
+ */
+const MuteDesktopButton = ({
+    notifyClick,
+    notifyMode,
+    participantID
+}: IButtonProps): JSX.Element | null => {
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+    const tracks = useSelector((state: IReduxState) => state['features/base/tracks']);
+
+    // TODO: review if we shouldn't be using isParticipantMediaMuted.
+    const trackMuted = useMemo(
+        () => isRemoteTrackMuted(tracks, MEDIA_TYPE.SCREENSHARE, participantID),
+        [ isRemoteTrackMuted, participantID, tracks ]
+    );
+
+    const handleClick = useCallback(() => {
+        notifyClick?.();
+        if (notifyMode === NOTIFY_CLICK_MODE.PREVENT_AND_NOTIFY) {
+            return;
+        }
+        sendAnalytics(createRemoteVideoMenuButtonEvent(
+            'desktop.mute.button',
+            {
+                'participant_id': participantID
+            }));
+
+        dispatch(openDialog('MuteRemoteParticipantsDesktopDialog', MuteRemoteParticipantsDesktopDialog, { participantID }));
+    }, [ dispatch, notifyClick, notifyClick, participantID, sendAnalytics ]);
+
+    if (trackMuted) {
+        return null;
+    }
+
+    return (
+        <ContextMenuItem
+            accessibilityLabel = { t('participantsPane.actions.stopDesktop') }
+            className = 'mutedesktoplink'
+            icon = { IconScreenshare }
+            onClick = { handleClick }
+            text = { t('participantsPane.actions.stopDesktop') } />
+    );
+};
+
+export default MuteDesktopButton;
diff --git a/react/features/video-menu/components/web/MuteEveryoneDialog.tsx b/react/features/video-menu/components/web/MuteEveryoneDialog.tsx
new file mode 100644
index 0000000..f5500a6
--- /dev/null
+++ b/react/features/video-menu/components/web/MuteEveryoneDialog.tsx
@@ -0,0 +1,55 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import { translate } from '../../../base/i18n/functions';
+import Dialog from '../../../base/ui/components/web/Dialog';
+import Switch from '../../../base/ui/components/web/Switch';
+import AbstractMuteEveryoneDialog, { type IProps, abstractMapStateToProps }
+    from '../AbstractMuteEveryoneDialog';
+
+/**
+ * A React Component with the contents for a dialog that asks for confirmation
+ * from the user before muting all remote participants.
+ *
+ * @augments AbstractMuteEveryoneDialog
+ */
+class MuteEveryoneDialog extends AbstractMuteEveryoneDialog<IProps> {
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        return (
+            <Dialog
+                ok = {{ translationKey: 'dialog.muteParticipantButton' }}
+                onSubmit = { this._onSubmit }
+                title = { this.props.title }>
+                <div className = 'mute-dialog'>
+                    {this.state.content}
+                    {
+                        this.props.isModerationSupported
+                        && this.props.exclude.length === 0
+                        && !this.props.isEveryoneModerator && (
+                            <>
+                                <div className = 'separator-line' />
+                                <div className = 'control-row'>
+                                    <label htmlFor = 'moderation-switch'>
+                                        {this.props.t('dialog.moderationAudioLabel')}
+                                    </label>
+                                    <Switch
+                                        checked = { !this.state.audioModerationEnabled }
+                                        id = 'moderation-switch'
+                                        onChange = { this._onToggleModeration } />
+                                </div>
+                            </>
+                        )}
+                </div>
+            </Dialog>
+        );
+    }
+}
+
+export default translate(connect(abstractMapStateToProps)(MuteEveryoneDialog));
diff --git a/react/features/video-menu/components/web/MuteEveryoneElseButton.tsx b/react/features/video-menu/components/web/MuteEveryoneElseButton.tsx
new file mode 100644
index 0000000..e8833fe
--- /dev/null
+++ b/react/features/video-menu/components/web/MuteEveryoneElseButton.tsx
@@ -0,0 +1,48 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch } from 'react-redux';
+
+import { createToolbarEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { openDialog } from '../../../base/dialog/actions';
+import { IconMicSlash } from '../../../base/icons/svg';
+import ContextMenuItem from '../../../base/ui/components/web/ContextMenuItem';
+import { NOTIFY_CLICK_MODE } from '../../../toolbox/types';
+import { IButtonProps } from '../../types';
+
+import MuteEveryoneDialog from './MuteEveryoneDialog';
+
+/**
+ * Implements a React {@link Component} which displays a button for audio muting
+ * every participant in the conference except the one with the given
+ * participantID.
+ *
+ * @returns {JSX.Element}
+ */
+const MuteEveryoneElseButton = ({
+    notifyClick,
+    notifyMode,
+    participantID
+}: IButtonProps): JSX.Element => {
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+
+    const handleClick = useCallback(() => {
+        notifyClick?.();
+        if (notifyMode === NOTIFY_CLICK_MODE.PREVENT_AND_NOTIFY) {
+            return;
+        }
+        sendAnalytics(createToolbarEvent('mute.everyoneelse.pressed'));
+        dispatch(openDialog('MuteEveryoneDialog', MuteEveryoneDialog, { exclude: [ participantID ] }));
+    }, [ dispatch, notifyMode, notifyClick, participantID, sendAnalytics ]);
+
+    return (
+        <ContextMenuItem
+            accessibilityLabel = { t('toolbar.accessibilityLabel.muteEveryoneElse') }
+            icon = { IconMicSlash }
+            onClick = { handleClick }
+            text = { t('videothumbnail.domuteOthers') } />
+    );
+};
+
+export default MuteEveryoneElseButton;
diff --git a/react/features/video-menu/components/web/MuteEveryoneElsesDesktopButton.tsx b/react/features/video-menu/components/web/MuteEveryoneElsesDesktopButton.tsx
new file mode 100644
index 0000000..b782116
--- /dev/null
+++ b/react/features/video-menu/components/web/MuteEveryoneElsesDesktopButton.tsx
@@ -0,0 +1,48 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch } from 'react-redux';
+
+import { createToolbarEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { openDialog } from '../../../base/dialog/actions';
+import { IconScreenshare } from '../../../base/icons/svg';
+import ContextMenuItem from '../../../base/ui/components/web/ContextMenuItem';
+import { NOTIFY_CLICK_MODE } from '../../../toolbox/types';
+import { IButtonProps } from '../../types';
+
+import MuteEveryonesDesktopDialog from './MuteEveryonesDesktopDialog';
+
+/**
+ * Implements a React {@link Component} which displays a button for audio muting
+ * every participant in the conference except the one with the given
+ * participantID.
+ *
+ * @returns {JSX.Element}
+ */
+const MuteEveryoneElsesDesktopButton = ({
+    notifyClick,
+    notifyMode,
+    participantID
+}: IButtonProps): JSX.Element => {
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+
+    const handleClick = useCallback(() => {
+        notifyClick?.();
+        if (notifyMode === NOTIFY_CLICK_MODE.PREVENT_AND_NOTIFY) {
+            return;
+        }
+        sendAnalytics(createToolbarEvent('mute.everyoneelsesdesktop.pressed'));
+        dispatch(openDialog('MuteEveryonesDesktopDialog', MuteEveryonesDesktopDialog, { exclude: [ participantID ] }));
+    }, [ notifyClick, notifyMode, participantID ]);
+
+    return (
+        <ContextMenuItem
+            accessibilityLabel = { t('toolbar.accessibilityLabel.muteEveryoneElsesDesktopStream') }
+            icon = { IconScreenshare }
+            onClick = { handleClick }
+            text = { t('videothumbnail.domuteDesktopOfOthers') } />
+    );
+};
+
+export default MuteEveryoneElsesDesktopButton;
diff --git a/react/features/video-menu/components/web/MuteEveryoneElsesVideoButton.tsx b/react/features/video-menu/components/web/MuteEveryoneElsesVideoButton.tsx
new file mode 100644
index 0000000..7b9afe6
--- /dev/null
+++ b/react/features/video-menu/components/web/MuteEveryoneElsesVideoButton.tsx
@@ -0,0 +1,48 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch } from 'react-redux';
+
+import { createToolbarEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { openDialog } from '../../../base/dialog/actions';
+import { IconVideoOff } from '../../../base/icons/svg';
+import ContextMenuItem from '../../../base/ui/components/web/ContextMenuItem';
+import { NOTIFY_CLICK_MODE } from '../../../toolbox/types';
+import { IButtonProps } from '../../types';
+
+import MuteEveryonesVideoDialog from './MuteEveryonesVideoDialog';
+
+/**
+ * Implements a React {@link Component} which displays a button for audio muting
+ * every participant in the conference except the one with the given
+ * participantID.
+ *
+ * @returns {JSX.Element}
+ */
+const MuteEveryoneElsesVideoButton = ({
+    notifyClick,
+    notifyMode,
+    participantID
+}: IButtonProps): JSX.Element => {
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+
+    const handleClick = useCallback(() => {
+        notifyClick?.();
+        if (notifyMode === NOTIFY_CLICK_MODE.PREVENT_AND_NOTIFY) {
+            return;
+        }
+        sendAnalytics(createToolbarEvent('mute.everyoneelsesvideo.pressed'));
+        dispatch(openDialog('MuteEveryonesVideoDialog', MuteEveryonesVideoDialog, { exclude: [ participantID ] }));
+    }, [ notifyClick, notifyMode, participantID ]);
+
+    return (
+        <ContextMenuItem
+            accessibilityLabel = { t('toolbar.accessibilityLabel.muteEveryoneElsesVideoStream') }
+            icon = { IconVideoOff }
+            onClick = { handleClick }
+            text = { t('videothumbnail.domuteVideoOfOthers') } />
+    );
+};
+
+export default MuteEveryoneElsesVideoButton;
diff --git a/react/features/video-menu/components/web/MuteEveryonesDesktopDialog.tsx b/react/features/video-menu/components/web/MuteEveryonesDesktopDialog.tsx
new file mode 100644
index 0000000..9ae76c7
--- /dev/null
+++ b/react/features/video-menu/components/web/MuteEveryonesDesktopDialog.tsx
@@ -0,0 +1,52 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import { translate } from '../../../base/i18n/functions';
+import Dialog from '../../../base/ui/components/web/Dialog';
+import Switch from '../../../base/ui/components/web/Switch';
+import AbstractMuteEveryonesDesktopDialog, { type IProps, abstractMapStateToProps }
+    from '../AbstractMuteEveryonesDesktopDialog';
+
+/**
+ * A React Component with the contents for a dialog that asks for confirmation
+ * from the user before disabling all remote participants cameras.
+ *
+ * @augments AbstractMuteEveryonesDesktopDialog
+ */
+class MuteEveryonesDesktopDialog extends AbstractMuteEveryonesDesktopDialog<IProps> {
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        return (
+            <Dialog
+                ok = {{ translationKey: 'dialog.muteParticipantsDesktopButton' }}
+                onSubmit = { this._onSubmit }
+                title = { this.props.title }>
+                <div className = 'mute-dialog'>
+                    {this.state.content}
+                    { this.props.isModerationSupported && this.props.exclude.length === 0 && (
+                        <>
+                            <div className = 'separator-line' />
+                            <div className = 'control-row'>
+                                <label htmlFor = 'moderation-switch'>
+                                    {this.props.t('dialog.moderationDesktopLabel')}
+                                </label>
+                                <Switch
+                                    checked = { !this.state.moderationEnabled }
+                                    id = 'moderation-switch'
+                                    onChange = { this._onToggleModeration } />
+                            </div>
+                        </>
+                    )}
+                </div>
+            </Dialog>
+        );
+    }
+}
+
+export default translate(connect(abstractMapStateToProps)(MuteEveryonesDesktopDialog));
diff --git a/react/features/video-menu/components/web/MuteEveryonesVideoDialog.tsx b/react/features/video-menu/components/web/MuteEveryonesVideoDialog.tsx
new file mode 100644
index 0000000..3e6e5d4
--- /dev/null
+++ b/react/features/video-menu/components/web/MuteEveryonesVideoDialog.tsx
@@ -0,0 +1,52 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import { translate } from '../../../base/i18n/functions';
+import Dialog from '../../../base/ui/components/web/Dialog';
+import Switch from '../../../base/ui/components/web/Switch';
+import AbstractMuteEveryonesVideoDialog, { type IProps, abstractMapStateToProps }
+    from '../AbstractMuteEveryonesVideoDialog';
+
+/**
+ * A React Component with the contents for a dialog that asks for confirmation
+ * from the user before disabling all remote participants cameras.
+ *
+ * @augments AbstractMuteEveryonesVideoDialog
+ */
+class MuteEveryonesVideoDialog extends AbstractMuteEveryonesVideoDialog<IProps> {
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        return (
+            <Dialog
+                ok = {{ translationKey: 'dialog.muteParticipantsVideoButton' }}
+                onSubmit = { this._onSubmit }
+                title = { this.props.title }>
+                <div className = 'mute-dialog'>
+                    {this.state.content}
+                    { this.props.isModerationSupported && this.props.exclude.length === 0 && (
+                        <>
+                            <div className = 'separator-line' />
+                            <div className = 'control-row'>
+                                <label htmlFor = 'moderation-switch'>
+                                    {this.props.t('dialog.moderationVideoLabel')}
+                                </label>
+                                <Switch
+                                    checked = { !this.state.moderationEnabled }
+                                    id = 'moderation-switch'
+                                    onChange = { this._onToggleModeration } />
+                            </div>
+                        </>
+                    )}
+                </div>
+            </Dialog>
+        );
+    }
+}
+
+export default translate(connect(abstractMapStateToProps)(MuteEveryonesVideoDialog));
diff --git a/react/features/video-menu/components/web/MuteRemoteParticipantsDesktopDialog.tsx b/react/features/video-menu/components/web/MuteRemoteParticipantsDesktopDialog.tsx
new file mode 100644
index 0000000..b9e339f
--- /dev/null
+++ b/react/features/video-menu/components/web/MuteRemoteParticipantsDesktopDialog.tsx
@@ -0,0 +1,40 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import { translate } from '../../../base/i18n/functions';
+import Dialog from '../../../base/ui/components/web/Dialog';
+import AbstractMuteRemoteParticipantsDesktopDialog, {
+    abstractMapStateToProps
+} from '../AbstractMuteRemoteParticipantsDesktopDialog';
+
+/**
+ * A React Component with the contents for a dialog that asks for confirmation
+ * from the user before disabling a remote participants camera.
+ *
+ * @augments Component
+ */
+class MuteRemoteParticipantsDesktopDialog extends AbstractMuteRemoteParticipantsDesktopDialog {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        return (
+            <Dialog
+                ok = {{ translationKey: 'dialog.muteParticipantsDesktopButton' }}
+                onSubmit = { this._onSubmit }
+                titleKey = 'dialog.muteParticipantsDesktopTitle'>
+                <div>
+                    {this.props.t(this.props.isModerationOn
+                        ? 'dialog.muteParticipantsDesktopBodyModerationOn'
+                        : 'dialog.muteParticipantsDesktopBody'
+                    ) }
+                </div>
+            </Dialog>
+        );
+    }
+}
+
+export default translate(connect(abstractMapStateToProps)(MuteRemoteParticipantsDesktopDialog));
diff --git a/react/features/video-menu/components/web/MuteRemoteParticipantsVideoDialog.tsx b/react/features/video-menu/components/web/MuteRemoteParticipantsVideoDialog.tsx
new file mode 100644
index 0000000..d6d36b8
--- /dev/null
+++ b/react/features/video-menu/components/web/MuteRemoteParticipantsVideoDialog.tsx
@@ -0,0 +1,40 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import { translate } from '../../../base/i18n/functions';
+import Dialog from '../../../base/ui/components/web/Dialog';
+import AbstractMuteRemoteParticipantsVideoDialog, {
+    abstractMapStateToProps
+} from '../AbstractMuteRemoteParticipantsVideoDialog';
+
+/**
+ * A React Component with the contents for a dialog that asks for confirmation
+ * from the user before disabling a remote participants camera.
+ *
+ * @augments Component
+ */
+class MuteRemoteParticipantsVideoDialog extends AbstractMuteRemoteParticipantsVideoDialog {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        return (
+            <Dialog
+                ok = {{ translationKey: 'dialog.muteParticipantsVideoButton' }}
+                onSubmit = { this._onSubmit }
+                titleKey = 'dialog.muteParticipantsVideoTitle'>
+                <div>
+                    {this.props.t(this.props.isVideoModerationOn
+                        ? 'dialog.muteParticipantsVideoBodyModerationOn'
+                        : 'dialog.muteParticipantsVideoBody'
+                    ) }
+                </div>
+            </Dialog>
+        );
+    }
+}
+
+export default translate(connect(abstractMapStateToProps)(MuteRemoteParticipantsVideoDialog));
diff --git a/react/features/video-menu/components/web/MuteVideoButton.tsx b/react/features/video-menu/components/web/MuteVideoButton.tsx
new file mode 100644
index 0000000..a2297d5
--- /dev/null
+++ b/react/features/video-menu/components/web/MuteVideoButton.tsx
@@ -0,0 +1,66 @@
+import React, { useCallback, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { createRemoteVideoMenuButtonEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { IReduxState } from '../../../app/types';
+import { openDialog } from '../../../base/dialog/actions';
+import { IconVideoOff } from '../../../base/icons/svg';
+import { MEDIA_TYPE } from '../../../base/media/constants';
+import { isRemoteTrackMuted } from '../../../base/tracks/functions.any';
+import ContextMenuItem from '../../../base/ui/components/web/ContextMenuItem';
+import { NOTIFY_CLICK_MODE } from '../../../toolbox/types';
+import { IButtonProps } from '../../types';
+
+import MuteRemoteParticipantsVideoDialog from './MuteRemoteParticipantsVideoDialog';
+
+/**
+ * Implements a React {@link Component} which displays a button for disabling
+ * the camera of a participant in the conference.
+ *
+ * @returns {JSX.Element|null}
+ */
+const MuteVideoButton = ({
+    notifyClick,
+    notifyMode,
+    participantID
+}: IButtonProps): JSX.Element | null => {
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+    const tracks = useSelector((state: IReduxState) => state['features/base/tracks']);
+
+    const videoTrackMuted = useMemo(
+        () => isRemoteTrackMuted(tracks, MEDIA_TYPE.VIDEO, participantID),
+        [ isRemoteTrackMuted, participantID, tracks ]
+    );
+
+    const handleClick = useCallback(() => {
+        notifyClick?.();
+        if (notifyMode === NOTIFY_CLICK_MODE.PREVENT_AND_NOTIFY) {
+            return;
+        }
+        sendAnalytics(createRemoteVideoMenuButtonEvent(
+            'video.mute.button',
+            {
+                'participant_id': participantID
+            }));
+
+        dispatch(openDialog('MuteRemoteParticipantsVideoDialog', MuteRemoteParticipantsVideoDialog, { participantID }));
+    }, [ dispatch, notifyClick, notifyClick, participantID, sendAnalytics ]);
+
+    if (videoTrackMuted) {
+        return null;
+    }
+
+    return (
+        <ContextMenuItem
+            accessibilityLabel = { t('participantsPane.actions.stopVideo') }
+            className = 'mutevideolink'
+            icon = { IconVideoOff }
+            onClick = { handleClick }
+            text = { t('participantsPane.actions.stopVideo') } />
+    );
+};
+
+export default MuteVideoButton;
diff --git a/react/features/video-menu/components/web/ParticipantContextMenu.tsx b/react/features/video-menu/components/web/ParticipantContextMenu.tsx
new file mode 100644
index 0000000..c9860e8
--- /dev/null
+++ b/react/features/video-menu/components/web/ParticipantContextMenu.tsx
@@ -0,0 +1,388 @@
+import React, { useCallback, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState, IStore } from '../../../app/types';
+import { MEDIA_TYPE as AVM_MEDIA_TYPE } from '../../../av-moderation/constants';
+import { isSupported as isAvModerationSupported, isForceMuted } from '../../../av-moderation/functions';
+import Avatar from '../../../base/avatar/components/Avatar';
+import { isIosMobileBrowser, isMobileBrowser } from '../../../base/environment/utils';
+import { MEDIA_TYPE } from '../../../base/media/constants';
+import { PARTICIPANT_ROLE } from '../../../base/participants/constants';
+import { getLocalParticipant, hasRaisedHand, isPrivateChatEnabled } from '../../../base/participants/functions';
+import { IParticipant } from '../../../base/participants/types';
+import { isParticipantAudioMuted } from '../../../base/tracks/functions.any';
+import ContextMenu from '../../../base/ui/components/web/ContextMenu';
+import ContextMenuItemGroup from '../../../base/ui/components/web/ContextMenuItemGroup';
+import { getBreakoutRooms, getCurrentRoomId, isInBreakoutRoom } from '../../../breakout-rooms/functions';
+import { IRoom } from '../../../breakout-rooms/types';
+import { displayVerification } from '../../../e2ee/functions';
+import { setVolume } from '../../../filmstrip/actions.web';
+import { isStageFilmstripAvailable } from '../../../filmstrip/functions.web';
+import { QUICK_ACTION_BUTTON } from '../../../participants-pane/constants';
+import { getQuickActionButtonType } from '../../../participants-pane/functions';
+import { requestRemoteControl, stopController } from '../../../remote-control/actions';
+import { getParticipantMenuButtonsWithNotifyClick, showOverflowDrawer } from '../../../toolbox/functions.web';
+import { NOTIFY_CLICK_MODE } from '../../../toolbox/types';
+import { PARTICIPANT_MENU_BUTTONS as BUTTONS } from '../../constants';
+
+import AskToUnmuteButton from './AskToUnmuteButton';
+import ConnectionStatusButton from './ConnectionStatusButton';
+import CustomOptionButton from './CustomOptionButton';
+import DemoteToVisitorButton from './DemoteToVisitorButton';
+import GrantModeratorButton from './GrantModeratorButton';
+import KickButton from './KickButton';
+import LowerHandButton from './LowerHandButton';
+import MuteButton from './MuteButton';
+import MuteDesktopButton from './MuteDesktopButton';
+import MuteEveryoneElseButton from './MuteEveryoneElseButton';
+import MuteEveryoneElsesDesktopButton from './MuteEveryoneElsesDesktopButton';
+import MuteEveryoneElsesVideoButton from './MuteEveryoneElsesVideoButton';
+import MuteVideoButton from './MuteVideoButton';
+import PrivateMessageMenuButton from './PrivateMessageMenuButton';
+import RemoteControlButton, { REMOTE_CONTROL_MENU_STATES } from './RemoteControlButton';
+import SendToRoomButton from './SendToRoomButton';
+import TogglePinToStageButton from './TogglePinToStageButton';
+import VerifyParticipantButton from './VerifyParticipantButton';
+import VolumeSlider from './VolumeSlider';
+
+interface IProps {
+
+    /**
+     * Class name for the context menu.
+     */
+    className?: string;
+
+    /**
+     * Closes a drawer if open.
+     */
+    closeDrawer?: () => void;
+
+    /**
+     * The participant for which the drawer is open.
+     * It contains the displayName & participantID.
+     */
+    drawerParticipant?: {
+        displayName: string;
+        participantID: string;
+    };
+
+    /**
+     * Target elements against which positioning calculations are made.
+     */
+    offsetTarget?: HTMLElement;
+
+    /**
+     * Callback for the mouse entering the component.
+     */
+    onEnter?: (e?: React.MouseEvent) => void;
+
+    /**
+     * Callback for the mouse leaving the component.
+     */
+    onLeave?: (e?: React.MouseEvent) => void;
+
+    /**
+     * Callback for making a selection in the menu.
+     */
+    onSelect: (value?: boolean | React.MouseEvent) => void;
+
+    /**
+     * Participant reference.
+     */
+    participant: IParticipant;
+
+    /**
+     * The current state of the participant's remote control session.
+     */
+    remoteControlState?: number;
+
+    /**
+     * Whether or not the menu is displayed in the thumbnail remote video menu.
+     */
+    thumbnailMenu?: boolean;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        text: {
+            color: theme.palette.text02,
+            padding: '10px 16px',
+            height: '40px',
+            overflow: 'hidden',
+            display: 'flex',
+            alignItems: 'center',
+            boxSizing: 'border-box'
+        }
+    };
+});
+
+const ParticipantContextMenu = ({
+    className,
+    closeDrawer,
+    drawerParticipant,
+    offsetTarget,
+    onEnter,
+    onLeave,
+    onSelect,
+    participant,
+    remoteControlState,
+    thumbnailMenu
+}: IProps) => {
+    const dispatch: IStore['dispatch'] = useDispatch();
+    const { t } = useTranslation();
+    const { classes: styles } = useStyles();
+
+    const localParticipant = useSelector(getLocalParticipant);
+    const _isModerator = Boolean(localParticipant?.role === PARTICIPANT_ROLE.MODERATOR);
+    const _isVideoForceMuted = useSelector<IReduxState>(state =>
+        isForceMuted(participant, AVM_MEDIA_TYPE.VIDEO, state));
+    const _isDesktopForceMuted = useSelector<IReduxState>(state =>
+        isForceMuted(participant, AVM_MEDIA_TYPE.DESKTOP, state));
+    const _isAudioMuted = useSelector((state: IReduxState) => isParticipantAudioMuted(participant, state));
+    const _overflowDrawer: boolean = useSelector(showOverflowDrawer);
+    const { remoteVideoMenu = {}, disableRemoteMute, startSilent, customParticipantMenuButtons }
+        = useSelector((state: IReduxState) => state['features/base/config']);
+    const visitorsSupported = useSelector((state: IReduxState) => state['features/visitors'].supported);
+    const { disableDemote, disableKick, disableGrantModerator } = remoteVideoMenu;
+    const { participantsVolume } = useSelector((state: IReduxState) => state['features/filmstrip']);
+    const _volume = (participant?.local ?? true ? undefined
+        : participant?.id ? participantsVolume[participant?.id] : undefined) ?? 1;
+    const isBreakoutRoom = useSelector(isInBreakoutRoom);
+    const isModerationSupported = useSelector((state: IReduxState) => isAvModerationSupported()(state));
+    const raisedHands = hasRaisedHand(participant);
+    const stageFilmstrip = useSelector(isStageFilmstripAvailable);
+    const shouldDisplayVerification = useSelector((state: IReduxState) => displayVerification(state, participant?.id));
+    const buttonsWithNotifyClick = useSelector(getParticipantMenuButtonsWithNotifyClick);
+    const enablePrivateChat = useSelector((state: IReduxState) => isPrivateChatEnabled(participant, state));
+
+    const _currentRoomId = useSelector(getCurrentRoomId);
+    const _rooms: IRoom[] = Object.values(useSelector(getBreakoutRooms));
+
+    const _onVolumeChange = useCallback(value => {
+        dispatch(setVolume(participant.id, value));
+    }, [ setVolume, dispatch ]);
+
+    const _getCurrentParticipantId = useCallback(() => {
+        const drawer = _overflowDrawer && !thumbnailMenu;
+
+        return (drawer ? drawerParticipant?.participantID : participant?.id) ?? '';
+    }
+    , [ thumbnailMenu, _overflowDrawer, drawerParticipant, participant ]);
+
+    const notifyClick = useCallback(
+        (buttonKey: string) => {
+            const notifyMode = buttonsWithNotifyClick?.get(buttonKey);
+
+            if (!notifyMode) {
+                return;
+            }
+
+            APP.API.notifyParticipantMenuButtonClicked(
+                buttonKey,
+                _getCurrentParticipantId(),
+                notifyMode === NOTIFY_CLICK_MODE.PREVENT_AND_NOTIFY
+            );
+        }, [ buttonsWithNotifyClick, _getCurrentParticipantId ]);
+
+    const onBreakoutRoomButtonClick = useCallback(() => {
+        onSelect(true);
+    }, [ onSelect ]);
+
+    const isClickedFromParticipantPane = useMemo(
+        () => !_overflowDrawer && !thumbnailMenu,
+    [ _overflowDrawer, thumbnailMenu ]);
+    const quickActionButtonType = useSelector((state: IReduxState) =>
+        getQuickActionButtonType(participant, state));
+
+    const buttons: JSX.Element[] = [];
+    const buttons2: JSX.Element[] = [];
+
+    const showVolumeSlider = !startSilent
+        && !isIosMobileBrowser()
+        && (_overflowDrawer || thumbnailMenu)
+        && typeof _volume === 'number'
+        && !isNaN(_volume);
+
+    const getButtonProps = useCallback((key: string) => {
+        const notifyMode = buttonsWithNotifyClick?.get(key);
+        const shouldNotifyClick = typeof notifyMode !== 'undefined';
+
+        return {
+            key,
+            notifyMode,
+            notifyClick: shouldNotifyClick ? () => notifyClick(key) : undefined,
+            participantID: _getCurrentParticipantId()
+        };
+    }, [ _getCurrentParticipantId, buttonsWithNotifyClick, notifyClick ]);
+
+    if (_isModerator) {
+        if (isModerationSupported) {
+            if (_isAudioMuted && !participant.isSilent
+                && !(isClickedFromParticipantPane && quickActionButtonType === QUICK_ACTION_BUTTON.ASK_TO_UNMUTE)) {
+                buttons.push(<AskToUnmuteButton
+                    { ...getButtonProps(BUTTONS.ASK_UNMUTE) }
+                    buttonType = { MEDIA_TYPE.AUDIO } />
+                );
+            }
+            if (_isVideoForceMuted
+                && !(isClickedFromParticipantPane && quickActionButtonType === QUICK_ACTION_BUTTON.ALLOW_VIDEO)) {
+                buttons.push(<AskToUnmuteButton
+                    { ...getButtonProps(BUTTONS.ALLOW_VIDEO) }
+                    buttonType = { MEDIA_TYPE.VIDEO } />
+                );
+            }
+            if (_isDesktopForceMuted
+                && !(isClickedFromParticipantPane && quickActionButtonType === QUICK_ACTION_BUTTON.ALLOW_DESKTOP)) {
+                buttons.push(<AskToUnmuteButton
+                    { ...getButtonProps(BUTTONS.ALLOW_DESKTOP) }
+                    buttonType = { MEDIA_TYPE.SCREENSHARE } />
+                );
+            }
+        }
+
+        if (!disableRemoteMute && !participant.isSilent) {
+            if (!(isClickedFromParticipantPane && quickActionButtonType === QUICK_ACTION_BUTTON.MUTE)) {
+                buttons.push(<MuteButton { ...getButtonProps(BUTTONS.MUTE) } />);
+            }
+            buttons.push(<MuteEveryoneElseButton { ...getButtonProps(BUTTONS.MUTE_OTHERS) } />);
+            if (!(isClickedFromParticipantPane && quickActionButtonType === QUICK_ACTION_BUTTON.STOP_VIDEO)) {
+                buttons.push(<MuteVideoButton { ...getButtonProps(BUTTONS.MUTE_VIDEO) } />);
+            }
+            buttons.push(<MuteEveryoneElsesVideoButton { ...getButtonProps(BUTTONS.MUTE_OTHERS_VIDEO) } />);
+            if (!(isClickedFromParticipantPane && quickActionButtonType === QUICK_ACTION_BUTTON.STOP_DESKTOP)) {
+                buttons.push(<MuteDesktopButton { ...getButtonProps(BUTTONS.MUTE_DESKTOP) } />);
+            }
+            buttons.push(<MuteEveryoneElsesDesktopButton { ...getButtonProps(BUTTONS.MUTE_OTHERS_DESKTOP) } />);
+        }
+
+        if (raisedHands) {
+            buttons2.push(<LowerHandButton { ...getButtonProps(BUTTONS.LOWER_PARTICIPANT_HAND) } />);
+        }
+
+        if (!disableGrantModerator && !isBreakoutRoom) {
+            buttons2.push(<GrantModeratorButton { ...getButtonProps(BUTTONS.GRANT_MODERATOR) } />);
+        }
+
+        if (!disableDemote && visitorsSupported && _isModerator) {
+            buttons2.push(<DemoteToVisitorButton { ...getButtonProps(BUTTONS.DEMOTE) } />);
+        }
+
+        if (!disableKick) {
+            buttons2.push(<KickButton { ...getButtonProps(BUTTONS.KICK) } />);
+        }
+
+        if (shouldDisplayVerification) {
+            buttons2.push(<VerifyParticipantButton { ...getButtonProps(BUTTONS.VERIFY) } />);
+        }
+    }
+
+    if (stageFilmstrip) {
+        buttons2.push(<TogglePinToStageButton { ...getButtonProps(BUTTONS.PIN_TO_STAGE) } />);
+    }
+
+    if (enablePrivateChat) {
+        buttons2.push(<PrivateMessageMenuButton { ...getButtonProps(BUTTONS.PRIVATE_MESSAGE) } />);
+    }
+
+    if (thumbnailMenu && isMobileBrowser()) {
+        buttons2.push(<ConnectionStatusButton { ...getButtonProps(BUTTONS.CONN_STATUS) } />);
+    }
+
+    if (thumbnailMenu && remoteControlState) {
+        const onRemoteControlToggle = useCallback(() => {
+            if (remoteControlState === REMOTE_CONTROL_MENU_STATES.STARTED) {
+                dispatch(stopController(true));
+            } else if (remoteControlState === REMOTE_CONTROL_MENU_STATES.NOT_STARTED) {
+                dispatch(requestRemoteControl(_getCurrentParticipantId()));
+            }
+        }, [ dispatch, remoteControlState, stopController, requestRemoteControl ]);
+
+        buttons2.push(<RemoteControlButton
+            { ...getButtonProps(BUTTONS.REMOTE_CONTROL) }
+            onClick = { onRemoteControlToggle }
+            remoteControlState = { remoteControlState } />
+        );
+    }
+
+    if (customParticipantMenuButtons) {
+        customParticipantMenuButtons.forEach(
+            ({ icon, id, text }) => {
+                buttons2.push(
+                    <CustomOptionButton
+                        icon = { icon }
+                        key = { id }
+                        // eslint-disable-next-line react/jsx-no-bind
+                        onClick = { () => notifyClick(id) }
+                        text = { text } />
+                );
+            }
+        );
+    }
+
+    const breakoutRoomsButtons: any = [];
+
+    if (!thumbnailMenu && _isModerator) {
+        _rooms.forEach(room => {
+            if (room.id !== _currentRoomId) {
+                breakoutRoomsButtons.push(
+                    <SendToRoomButton
+                        { ...getButtonProps(BUTTONS.SEND_PARTICIPANT_TO_ROOM) }
+                        key = { room.id }
+                        onClick = { onBreakoutRoomButtonClick }
+                        room = { room } />
+                );
+            }
+        });
+    }
+
+    return (
+        <ContextMenu
+            className = { className }
+            entity = { participant }
+            hidden = { thumbnailMenu ? false : undefined }
+            inDrawer = { thumbnailMenu && _overflowDrawer }
+            isDrawerOpen = { Boolean(drawerParticipant) }
+            offsetTarget = { offsetTarget }
+            onClick = { onSelect }
+            onDrawerClose = { thumbnailMenu ? onSelect : closeDrawer }
+            onMouseEnter = { onEnter }
+            onMouseLeave = { onLeave }>
+            {!thumbnailMenu && _overflowDrawer && drawerParticipant && <ContextMenuItemGroup
+                actions = { [ {
+                    accessibilityLabel: drawerParticipant.displayName,
+                    customIcon: <Avatar
+                        participantId = { drawerParticipant.participantID }
+                        size = { 20 } />,
+                    text: drawerParticipant.displayName
+                } ] } />}
+            {buttons.length > 0 && (
+                <ContextMenuItemGroup>
+                    {buttons}
+                </ContextMenuItemGroup>
+            )}
+            <ContextMenuItemGroup>
+                {buttons2}
+            </ContextMenuItemGroup>
+            {showVolumeSlider && (
+                <ContextMenuItemGroup>
+                    <VolumeSlider
+                        initialValue = { _volume }
+                        key = 'volume-slider'
+                        onChange = { _onVolumeChange } />
+                </ContextMenuItemGroup>
+            )}
+            {breakoutRoomsButtons.length > 0 && (
+                <ContextMenuItemGroup>
+                    <div className = { styles.text }>
+                        {t('breakoutRooms.actions.sendToBreakoutRoom')}
+                    </div>
+                    {breakoutRoomsButtons}
+                </ContextMenuItemGroup>
+            )}
+        </ContextMenu>
+    );
+};
+
+export default ParticipantContextMenu;
diff --git a/react/features/video-menu/components/web/PrivateMessageMenuButton.tsx b/react/features/video-menu/components/web/PrivateMessageMenuButton.tsx
new file mode 100644
index 0000000..881aeee
--- /dev/null
+++ b/react/features/video-menu/components/web/PrivateMessageMenuButton.tsx
@@ -0,0 +1,113 @@
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../../app/types';
+import { CHAT_ENABLED } from '../../../base/flags/constants';
+import { getFeatureFlag } from '../../../base/flags/functions';
+import { translate } from '../../../base/i18n/functions';
+import { IconMessage } from '../../../base/icons/svg';
+import { getParticipantById } from '../../../base/participants/functions';
+import { IParticipant } from '../../../base/participants/types';
+import ContextMenuItem from '../../../base/ui/components/web/ContextMenuItem';
+import { openChat } from '../../../chat/actions.web';
+import { isChatDisabled } from '../../../chat/functions';
+import { isButtonEnabled } from '../../../toolbox/functions.web';
+import { NOTIFY_CLICK_MODE } from '../../../toolbox/types';
+import { IButtonProps } from '../../types';
+
+interface IProps extends IButtonProps, WithTranslation {
+
+    /**
+     * True if the private chat functionality is disabled, hence the button is not visible.
+     */
+    _hidden: boolean;
+
+    /**
+     * The participant to send the message to.
+     */
+    _participant?: IParticipant;
+
+    /**
+     * Redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+}
+
+/**
+ * A custom implementation of the PrivateMessageButton specialized for
+ * the web version of the remote video menu. When the web platform starts to use
+ * the {@code AbstractButton} component for the remote video menu, we can get rid
+ * of this component and use the generic button in the chat feature.
+ */
+class PrivateMessageMenuButton extends Component<IProps> {
+    /**
+     * Instantiates a new Component instance.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._onClick = this._onClick.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { _hidden, t } = this.props;
+
+        if (_hidden) {
+            return null;
+        }
+
+        return (
+            <ContextMenuItem
+                accessibilityLabel = { t('toolbar.accessibilityLabel.privateMessage') }
+                icon = { IconMessage }
+                onClick = { this._onClick }
+                text = { t('toolbar.privateMessage') } />
+        );
+    }
+
+    /**
+     * Callback to be invoked on pressing the button.
+     *
+     * @param {React.MouseEvent|undefined} e - The click event.
+     * @returns {void}
+     */
+    _onClick() {
+        const { _participant, dispatch, notifyClick, notifyMode } = this.props;
+
+        notifyClick?.();
+        if (notifyMode === NOTIFY_CLICK_MODE.PREVENT_AND_NOTIFY) {
+            return;
+        }
+        dispatch(openChat(_participant));
+    }
+}
+
+/**
+ * Maps part of the Redux store to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {IProps} ownProps - The own props of the component.
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState, ownProps: any) {
+    const enabled = getFeatureFlag(state, CHAT_ENABLED, true) && !isChatDisabled(state);
+    const { visible = enabled } = ownProps;
+
+    return {
+        _participant: getParticipantById(state, ownProps.participantID),
+        visible,
+        _hidden: (typeof interfaceConfig !== 'undefined'
+            && (interfaceConfig.DISABLE_PRIVATE_MESSAGES || !isButtonEnabled('chat', state))) || isChatDisabled(state)
+    };
+}
+
+export default translate(connect(_mapStateToProps)(PrivateMessageMenuButton));
diff --git a/react/features/video-menu/components/web/RemoteControlButton.tsx b/react/features/video-menu/components/web/RemoteControlButton.tsx
new file mode 100644
index 0000000..3366e5c
--- /dev/null
+++ b/react/features/video-menu/components/web/RemoteControlButton.tsx
@@ -0,0 +1,148 @@
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+
+import { createRemoteVideoMenuButtonEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { translate } from '../../../base/i18n/functions';
+import { IconRemoteControlStart, IconRemoteControlStop } from '../../../base/icons/svg';
+import ContextMenuItem from '../../../base/ui/components/web/ContextMenuItem';
+import { NOTIFY_CLICK_MODE } from '../../../toolbox/types';
+
+// TODO: Move these enums into the store after further reactification of the
+// non-react RemoteVideo component.
+export const REMOTE_CONTROL_MENU_STATES = {
+    NOT_SUPPORTED: 0,
+    NOT_STARTED: 1,
+    REQUESTING: 2,
+    STARTED: 3
+};
+
+/**
+ * The type of the React {@code Component} props of {@link RemoteControlButton}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * Callback to execute when the button is clicked.
+     */
+    notifyClick?: Function;
+
+    /**
+     * Notify mode for `participantMenuButtonClicked` event -
+     * whether to only notify or to also prevent button click routine.
+     */
+    notifyMode?: string;
+
+    /**
+     * The callback to invoke when the component is clicked.
+     */
+    onClick: (() => void) | null;
+
+    /**
+     * The ID of the participant linked to the onClick callback.
+     */
+    participantID: string;
+
+    /**
+     * The current status of remote control. Should be a number listed in the
+     * enum REMOTE_CONTROL_MENU_STATES.
+     */
+    remoteControlState: number;
+}
+
+/**
+ * Implements a React {@link Component} which displays a button showing the
+ * current state of remote control for a participant and can start or stop a
+ * remote control session.
+ *
+ * @augments Component
+ */
+class RemoteControlButton extends Component<IProps> {
+    /**
+     * Initializes a new {@code RemoteControlButton} instance.
+     *
+     * @param {Object} props - The read-only React Component props with which
+     * the new instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handlers so they are only bound once for every instance.
+        this._onClick = this._onClick.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {null|ReactElement}
+     */
+    override render() {
+        const { remoteControlState, t } = this.props;
+
+        let disabled = false, icon;
+
+        switch (remoteControlState) {
+        case REMOTE_CONTROL_MENU_STATES.NOT_STARTED:
+            icon = IconRemoteControlStart;
+            break;
+        case REMOTE_CONTROL_MENU_STATES.REQUESTING:
+            disabled = true;
+            icon = IconRemoteControlStart;
+            break;
+        case REMOTE_CONTROL_MENU_STATES.STARTED:
+            icon = IconRemoteControlStop;
+            break;
+        case REMOTE_CONTROL_MENU_STATES.NOT_SUPPORTED:
+
+            // Intentionally fall through.
+        default:
+            return null;
+        }
+
+        return (
+            <ContextMenuItem
+                accessibilityLabel = { t('videothumbnail.remoteControl') }
+                className = 'kicklink'
+                disabled = { disabled }
+                icon = { icon }
+                onClick = { this._onClick }
+                text = { t('videothumbnail.remoteControl') } />
+        );
+    }
+
+    /**
+     * Sends analytics event for pressing the button and executes the passed
+     * onClick handler.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onClick() {
+        const { notifyClick, notifyMode, onClick, participantID, remoteControlState } = this.props;
+
+        notifyClick?.();
+        if (notifyMode === NOTIFY_CLICK_MODE.PREVENT_AND_NOTIFY) {
+            return;
+        }
+
+        // TODO: What do we do in case the state is e.g. "requesting"?
+        if (remoteControlState === REMOTE_CONTROL_MENU_STATES.STARTED
+            || remoteControlState === REMOTE_CONTROL_MENU_STATES.NOT_STARTED) {
+
+            const enable
+                = remoteControlState === REMOTE_CONTROL_MENU_STATES.NOT_STARTED;
+
+            sendAnalytics(createRemoteVideoMenuButtonEvent(
+                'remote.control.button',
+                {
+                    enable,
+                    'participant_id': participantID
+                }));
+        }
+        onClick?.();
+
+    }
+}
+
+export default translate(RemoteControlButton);
diff --git a/react/features/video-menu/components/web/RemoteVideoMenuTriggerButton.tsx b/react/features/video-menu/components/web/RemoteVideoMenuTriggerButton.tsx
new file mode 100644
index 0000000..c721935
--- /dev/null
+++ b/react/features/video-menu/components/web/RemoteVideoMenuTriggerButton.tsx
@@ -0,0 +1,273 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { batch, connect } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState, IStore } from '../../../app/types';
+import { isMobileBrowser } from '../../../base/environment/utils';
+import { IconDotsHorizontal } from '../../../base/icons/svg';
+import { getLocalParticipant, getParticipantById } from '../../../base/participants/functions';
+import { IParticipant } from '../../../base/participants/types';
+import Popover from '../../../base/popover/components/Popover.web';
+import { setParticipantContextMenuOpen } from '../../../base/responsive-ui/actions';
+import Button from '../../../base/ui/components/web/Button';
+import ConnectionIndicatorContent from
+    '../../../connection-indicator/components/web/ConnectionIndicatorContent';
+import { THUMBNAIL_TYPE } from '../../../filmstrip/constants';
+import { renderConnectionStatus } from '../../actions.web';
+
+import FakeParticipantContextMenu from './FakeParticipantContextMenu';
+import ParticipantContextMenu from './ParticipantContextMenu';
+import { REMOTE_CONTROL_MENU_STATES } from './RemoteControlButton';
+
+/**
+ * The type of the React {@code Component} props of
+ * {@link RemoteVideoMenuTriggerButton}.
+ */
+interface IProps {
+
+    /**
+     * Whether the remote video context menu is disabled.
+     */
+    _disabled: Boolean;
+
+    /**
+     * Shared video local participant owner.
+     */
+    _localVideoOwner?: boolean;
+
+    /**
+     * The position relative to the trigger the remote menu should display
+     * from.
+     */
+    _menuPosition: string;
+
+    /**
+     * Participant reference.
+     */
+    _participant: IParticipant;
+
+    /**
+     * The ID for the participant on which the remote video menu will act.
+     */
+    _participantDisplayName: string;
+
+    /**
+     * The current state of the participant's remote control session.
+     */
+    _remoteControlState?: number;
+
+    /**
+     * Whether the popover should render the Connection Info stats.
+     */
+    _showConnectionInfo: Boolean;
+
+    /**
+     * Whether or not the button should be visible.
+     */
+    buttonVisible: boolean;
+
+    /**
+     * The redux dispatch function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Hides popover.
+     */
+    hidePopover?: Function;
+
+    /**
+     * The ID for the participant on which the remote video menu will act.
+     */
+    participantID: string;
+
+    /**
+     * Whether the popover is visible or not.
+     */
+    popoverVisible?: boolean;
+
+    /**
+     * Shows popover.
+     */
+    showPopover?: Function;
+
+    /**
+     * The type of the thumbnail.
+     */
+    thumbnailType: string;
+}
+
+const useStyles = makeStyles()(() => {
+    return {
+        triggerButton: {
+            padding: '3px !important',
+            borderRadius: '4px',
+
+            '& svg': {
+                width: '18px',
+                height: '18px'
+            }
+        },
+
+        contextMenu: {
+            position: 'relative',
+            marginTop: 0,
+            right: 'auto',
+            marginRight: '4px',
+            marginBottom: '4px'
+        }
+    };
+});
+
+const RemoteVideoMenuTriggerButton = ({
+    _disabled,
+    _localVideoOwner,
+    _menuPosition,
+    _participant,
+    _participantDisplayName,
+    _remoteControlState,
+    _showConnectionInfo,
+    buttonVisible,
+    dispatch,
+    hidePopover,
+    participantID,
+    popoverVisible,
+    showPopover
+}: IProps) => {
+    const { classes } = useStyles();
+    const { t } = useTranslation();
+
+    const _onPopoverOpen = useCallback(() => {
+        showPopover?.();
+        dispatch(setParticipantContextMenuOpen(true));
+    }, []);
+
+    const _onPopoverClose = useCallback(() => {
+        hidePopover?.();
+        batch(() => {
+            dispatch(setParticipantContextMenuOpen(false));
+            dispatch(renderConnectionStatus(false));
+        });
+    }, []);
+
+    // eslint-disable-next-line react/no-multi-comp
+    const _renderRemoteVideoMenu = () => {
+        const props = {
+            className: classes.contextMenu,
+            onSelect: _onPopoverClose,
+            participant: _participant,
+            thumbnailMenu: true
+        };
+
+        if (_participant?.fakeParticipant) {
+            return (
+                <FakeParticipantContextMenu
+                    { ...props }
+                    localVideoOwner = { _localVideoOwner } />
+            );
+        }
+
+        return (
+            <ParticipantContextMenu
+                { ...props }
+                remoteControlState = { _remoteControlState } />
+        );
+    };
+
+    let content;
+
+    if (_showConnectionInfo) {
+        content = <ConnectionIndicatorContent participantId = { participantID } />;
+    } else if (!_disabled) {
+        content = _renderRemoteVideoMenu();
+    }
+
+    if (!content) {
+        return null;
+    }
+
+    const username = _participantDisplayName;
+
+    return (
+        <Popover
+            content = { content }
+            headingLabel = { t('dialog.remoteUserControls', { username }) }
+            id = 'remote-video-menu-trigger'
+            onPopoverClose = { _onPopoverClose }
+            onPopoverOpen = { _onPopoverOpen }
+            position = { _menuPosition }
+            visible = { Boolean(popoverVisible) }>
+            {buttonVisible && !_disabled && (
+                !isMobileBrowser() && <Button
+                    accessibilityLabel = { t('dialog.remoteUserControls', { username }) }
+                    className = { classes.triggerButton }
+                    icon = { IconDotsHorizontal }
+                    size = 'small' />
+            )}
+        </Popover>
+    );
+};
+
+/**
+ * Maps (parts of) the Redux state to the associated {@code RemoteVideoMenuTriggerButton}'s props.
+ *
+ * @param {Object} state - The Redux state.
+ * @param {Object} ownProps - The own props of the component.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState, ownProps: Partial<IProps>) {
+    const { participantID, thumbnailType } = ownProps;
+    let _remoteControlState;
+    const localParticipantId = getLocalParticipant(state)?.id;
+    const participant = getParticipantById(state, participantID ?? '');
+    const _participantDisplayName = participant?.name;
+    const _isRemoteControlSessionActive = participant?.remoteControlSessionStatus ?? false;
+    const _supportsRemoteControl = participant?.supportsRemoteControl ?? false;
+    const { active, controller } = state['features/remote-control'];
+    const { requestedParticipant, controlled } = controller;
+    const activeParticipant = requestedParticipant || controlled;
+    const { showConnectionInfo } = state['features/base/connection'];
+    const { remoteVideoMenu } = state['features/base/config'];
+    const { ownerId } = state['features/shared-video'];
+
+    if (_supportsRemoteControl
+            && ((!active && !_isRemoteControlSessionActive) || activeParticipant === participantID)) {
+        if (requestedParticipant === participantID) {
+            _remoteControlState = REMOTE_CONTROL_MENU_STATES.REQUESTING;
+        } else if (controlled) {
+            _remoteControlState = REMOTE_CONTROL_MENU_STATES.STARTED;
+        } else {
+            _remoteControlState = REMOTE_CONTROL_MENU_STATES.NOT_STARTED;
+        }
+    }
+
+    let _menuPosition;
+
+    switch (thumbnailType) {
+    case THUMBNAIL_TYPE.TILE:
+        _menuPosition = 'left-start';
+        break;
+    case THUMBNAIL_TYPE.VERTICAL:
+        _menuPosition = 'left-end';
+        break;
+    case THUMBNAIL_TYPE.HORIZONTAL:
+        _menuPosition = 'top';
+        break;
+    default:
+        _menuPosition = 'auto';
+    }
+
+    return {
+        _disabled: Boolean(remoteVideoMenu?.disabled),
+        _localVideoOwner: Boolean(ownerId === localParticipantId),
+        _menuPosition,
+        _participant: participant ?? { id: '' },
+        _participantDisplayName: _participantDisplayName ?? '',
+        _remoteControlState,
+        _showConnectionInfo: Boolean(showConnectionInfo)
+    };
+}
+
+export default connect(_mapStateToProps)(RemoteVideoMenuTriggerButton);
diff --git a/react/features/video-menu/components/web/SendToRoomButton.tsx b/react/features/video-menu/components/web/SendToRoomButton.tsx
new file mode 100644
index 0000000..80536e1
--- /dev/null
+++ b/react/features/video-menu/components/web/SendToRoomButton.tsx
@@ -0,0 +1,57 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch } from 'react-redux';
+
+import { createBreakoutRoomsEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { IconRingGroup } from '../../../base/icons/svg';
+import ContextMenuItem from '../../../base/ui/components/web/ContextMenuItem';
+import { sendParticipantToRoom } from '../../../breakout-rooms/actions';
+import { IRoom } from '../../../breakout-rooms/types';
+import { NOTIFY_CLICK_MODE } from '../../../toolbox/types';
+import { IButtonProps } from '../../types';
+
+interface IProps extends IButtonProps {
+
+    /**
+     * Click handler.
+     */
+    onClick?: Function;
+
+    /**
+     * The room to send the participant to.
+     */
+    room: IRoom;
+}
+
+const SendToRoomButton = ({
+    notifyClick,
+    notifyMode,
+    onClick,
+    participantID,
+    room
+}: IProps) => {
+    const dispatch = useDispatch();
+    const { t } = useTranslation();
+    const _onClick = useCallback(() => {
+        notifyClick?.();
+        if (notifyMode === NOTIFY_CLICK_MODE.PREVENT_AND_NOTIFY) {
+            return;
+        }
+        onClick?.();
+        sendAnalytics(createBreakoutRoomsEvent('send.participant.to.room'));
+        dispatch(sendParticipantToRoom(participantID, room.id));
+    }, [ dispatch, notifyClick, notifyMode, onClick, participantID, room, sendAnalytics ]);
+
+    const roomName = room.name || t('breakoutRooms.mainRoom');
+
+    return (
+        <ContextMenuItem
+            accessibilityLabel = { roomName }
+            icon = { IconRingGroup }
+            onClick = { _onClick }
+            text = { roomName } />
+    );
+};
+
+export default SendToRoomButton;
diff --git a/react/features/video-menu/components/web/TogglePinToStageButton.tsx b/react/features/video-menu/components/web/TogglePinToStageButton.tsx
new file mode 100644
index 0000000..7f18a9c
--- /dev/null
+++ b/react/features/video-menu/components/web/TogglePinToStageButton.tsx
@@ -0,0 +1,67 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { IconPin, IconPinned } from '../../../base/icons/svg';
+import ContextMenuItem from '../../../base/ui/components/web/ContextMenuItem';
+import { togglePinStageParticipant } from '../../../filmstrip/actions.web';
+import { getPinnedActiveParticipants } from '../../../filmstrip/functions.web';
+import { NOTIFY_CLICK_MODE } from '../../../toolbox/types';
+import { IButtonProps } from '../../types';
+
+interface IProps extends IButtonProps {
+
+    /**
+     * Button text class name.
+     */
+    className?: string;
+
+    /**
+     * Whether the icon should be hidden or not.
+     */
+    noIcon?: boolean;
+
+    /**
+     * Click handler executed aside from the main action.
+     */
+    onClick?: Function;
+}
+
+const TogglePinToStageButton = ({
+    className,
+    noIcon = false,
+    notifyClick,
+    notifyMode,
+    onClick,
+    participantID
+}: IProps): JSX.Element => {
+    const dispatch = useDispatch();
+    const { t } = useTranslation();
+    const isActive = Boolean(useSelector(getPinnedActiveParticipants)
+        .find(p => p.participantId === participantID));
+    const _onClick = useCallback(() => {
+        notifyClick?.();
+        if (notifyMode === NOTIFY_CLICK_MODE.PREVENT_AND_NOTIFY) {
+            return;
+        }
+        dispatch(togglePinStageParticipant(participantID));
+        onClick?.();
+    }, [ dispatch, isActive, notifyClick, onClick, participantID ]);
+
+    const text = isActive
+        ? t('videothumbnail.unpinFromStage')
+        : t('videothumbnail.pinToStage');
+
+    const icon = isActive ? IconPinned : IconPin;
+
+    return (
+        <ContextMenuItem
+            accessibilityLabel = { text }
+            icon = { noIcon ? null : icon }
+            onClick = { _onClick }
+            text = { text }
+            textClassName = { className } />
+    );
+};
+
+export default TogglePinToStageButton;
diff --git a/react/features/video-menu/components/web/VerifyParticipantButton.tsx b/react/features/video-menu/components/web/VerifyParticipantButton.tsx
new file mode 100644
index 0000000..6146a17
--- /dev/null
+++ b/react/features/video-menu/components/web/VerifyParticipantButton.tsx
@@ -0,0 +1,45 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch } from 'react-redux';
+
+import { IconCheck } from '../../../base/icons/svg';
+import ContextMenuItem from '../../../base/ui/components/web/ContextMenuItem';
+import { startVerification } from '../../../e2ee/actions';
+import { NOTIFY_CLICK_MODE } from '../../../toolbox/types';
+import { IButtonProps } from '../../types';
+
+/**
+ * Implements a React {@link Component} which displays a button that
+ * verifies the participant.
+ *
+ * @returns {JSX.Element}
+ */
+const VerifyParticipantButton = ({
+    notifyClick,
+    notifyMode,
+    participantID
+}: IButtonProps): JSX.Element => {
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+
+    const _handleClick = useCallback(() => {
+        notifyClick?.();
+        if (notifyMode === NOTIFY_CLICK_MODE.PREVENT_AND_NOTIFY) {
+            return;
+        }
+        dispatch(startVerification(participantID));
+    }, [ dispatch, notifyClick, notifyMode, participantID ]);
+
+    return (
+        <ContextMenuItem
+            accessibilityLabel = { t('videothumbnail.verify') }
+            className = 'verifylink'
+            icon = { IconCheck }
+            id = { `verifylink_${participantID}` }
+            // eslint-disable-next-line react/jsx-handler-names
+            onClick = { _handleClick }
+            text = { t('videothumbnail.verify') } />
+    );
+};
+
+export default VerifyParticipantButton;
diff --git a/react/features/video-menu/components/web/VolumeSlider.tsx b/react/features/video-menu/components/web/VolumeSlider.tsx
new file mode 100644
index 0000000..0dc0e8c
--- /dev/null
+++ b/react/features/video-menu/components/web/VolumeSlider.tsx
@@ -0,0 +1,111 @@
+import React, { useCallback, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { makeStyles } from 'tss-react/mui';
+
+import Icon from '../../../base/icons/components/Icon';
+import { IconVolumeUp } from '../../../base/icons/svg';
+import { VOLUME_SLIDER_SCALE } from '../../constants';
+
+/**
+ * The type of the React {@code Component} props of {@link VolumeSlider}.
+ */
+interface IProps {
+
+    /**
+     * The value of the audio slider should display at when the component first
+     * mounts. Changes will be stored in state. The value should be a number
+     * between 0 and 1.
+     */
+    initialValue: number;
+
+    /**
+     * The callback to invoke when the audio slider value changes.
+     */
+    onChange: Function;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        container: {
+            minHeight: '40px',
+            minWidth: '180px',
+            width: '100%',
+            boxSizing: 'border-box',
+            cursor: 'pointer',
+            display: 'flex',
+            alignItems: 'center',
+            padding: '10px 16px',
+
+            '&:hover': {
+                backgroundColor: theme.palette.ui02
+            }
+        },
+
+        icon: {
+            minWidth: '20px',
+            marginRight: '16px',
+            position: 'relative'
+        },
+
+        sliderContainer: {
+            position: 'relative',
+            width: '100%'
+        },
+
+        slider: {
+            position: 'absolute',
+            width: '100%',
+            top: '50%',
+            transform: 'translate(0, -50%)'
+        }
+    };
+});
+
+const _onClick = (e: React.MouseEvent) => {
+    e.stopPropagation();
+};
+
+const VolumeSlider = ({
+    initialValue,
+    onChange
+}: IProps) => {
+    const { classes, cx } = useStyles();
+    const { t } = useTranslation();
+
+    const [ volumeLevel, setVolumeLevel ] = useState((initialValue || 0) * VOLUME_SLIDER_SCALE);
+
+    const _onVolumeChange = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {
+        const newVolumeLevel = Number(event.currentTarget.value);
+
+        onChange(newVolumeLevel / VOLUME_SLIDER_SCALE);
+        setVolumeLevel(newVolumeLevel);
+    }, [ onChange ]);
+
+    return (
+        <div
+            aria-label = { t('volumeSlider') }
+            className = { cx('popupmenu__contents', classes.container) }
+            onClick = { _onClick }>
+            <span className = { classes.icon }>
+                <Icon
+                    size = { 22 }
+                    src = { IconVolumeUp } />
+            </span>
+            <div className = { classes.sliderContainer }>
+                <input
+                    aria-valuemax = { VOLUME_SLIDER_SCALE }
+                    aria-valuemin = { 0 }
+                    aria-valuenow = { volumeLevel }
+                    className = { cx('popupmenu__volume-slider', classes.slider) }
+                    max = { VOLUME_SLIDER_SCALE }
+                    min = { 0 }
+                    onChange = { _onVolumeChange }
+                    tabIndex = { 0 }
+                    type = 'range'
+                    value = { volumeLevel } />
+            </div>
+        </div>
+    );
+};
+
+export default VolumeSlider;
diff --git a/react/features/video-menu/constants.ts b/react/features/video-menu/constants.ts
new file mode 100644
index 0000000..da9ec19
--- /dev/null
+++ b/react/features/video-menu/constants.ts
@@ -0,0 +1,41 @@
+/**
+ * Used to set maximumValue for native volume slider.
+ * Slider double-precision floating-point number indicating the volume,
+ * from 0 mute to 1 max, which converts to 0 mute to 19 max in our case.
+ * 0 as muted, 10 as standard and 19 as max remote participant volume level.
+ */
+export const NATIVE_VOLUME_SLIDER_SCALE = 19;
+
+/**
+ * Used to modify initialValue, which is expected to be a decimal value between
+ * 0 and 1, and converts it to a number representable by an input slider, which
+ * recognizes whole numbers.
+ */
+export const VOLUME_SLIDER_SCALE = 100;
+
+/**
+ * Participant context menu button keys.
+ */
+export const PARTICIPANT_MENU_BUTTONS = {
+    ALLOW_DESKTOP: 'allow-desktop',
+    ALLOW_VIDEO: 'allow-video',
+    ASK_UNMUTE: 'ask-unmute',
+    CONN_STATUS: 'conn-status',
+    DEMOTE: 'demote',
+    FLIP_LOCAL_VIDEO: 'flip-local-video',
+    GRANT_MODERATOR: 'grant-moderator',
+    HIDE_SELF_VIEW: 'hide-self-view',
+    KICK: 'kick',
+    LOWER_PARTICIPANT_HAND: 'lower-participant-hand',
+    MUTE: 'mute',
+    MUTE_DESKTOP: 'mute-desktop',
+    MUTE_OTHERS: 'mute-others',
+    MUTE_OTHERS_DESKTOP: 'mute-others-desktop',
+    MUTE_OTHERS_VIDEO: 'mute-others-video',
+    MUTE_VIDEO: 'mute-video',
+    PIN_TO_STAGE: 'pinToStage',
+    PRIVATE_MESSAGE: 'privateMessage',
+    REMOTE_CONTROL: 'remote-control',
+    SEND_PARTICIPANT_TO_ROOM: 'send-participant-to-room',
+    VERIFY: 'verify'
+};
diff --git a/react/features/video-menu/logger.ts b/react/features/video-menu/logger.ts
new file mode 100644
index 0000000..75f3f6e
--- /dev/null
+++ b/react/features/video-menu/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:video-menu');
diff --git a/react/features/video-menu/types.ts b/react/features/video-menu/types.ts
new file mode 100644
index 0000000..3f50fab
--- /dev/null
+++ b/react/features/video-menu/types.ts
@@ -0,0 +1,18 @@
+export interface IButtonProps {
+
+    /**
+     * Callback to execute when the button is clicked.
+     */
+    notifyClick?: Function;
+
+    /**
+     * Notify mode for the `participantMenuButtonClicked` event -
+     * whether to only notify or to also prevent button click routine.
+     */
+    notifyMode?: string;
+
+    /**
+     * The ID of the participant that's linked to the button.
+     */
+    participantID: string;
+}
diff --git a/react/features/video-quality/actionTypes.ts b/react/features/video-quality/actionTypes.ts
new file mode 100644
index 0000000..1b0bd4a
--- /dev/null
+++ b/react/features/video-quality/actionTypes.ts
@@ -0,0 +1,72 @@
+/**
+ * The type of (redux) action which sets the maximum video height that should be
+ * received from remote participants for the large video, even if the user prefers a larger video
+ * height.
+ *
+ * {
+ *     type: SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_LARGE_VIDEO,
+ *     maxReceiverVideoQuality: number
+ * }
+ */
+export const SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_LARGE_VIDEO = 'SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_LARGE_VIDEO';
+
+
+
+/**
+ * The type of (redux) action which sets the maximum video height that should be
+ * received from remote participants for the screen sharing filmstrip, even if the user prefers a larger video
+ * height.
+ *
+ * {
+ *     type: SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_SCREEN_SHARING_FILMSTRIP,
+ *     maxReceiverVideoQuality: number
+ * }
+ */
+export const SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_SCREEN_SHARING_FILMSTRIP = 'SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_SCREEN_SHARING_FILMSTRIP';
+
+/**
+ * The type of (redux) action which sets the maximum video height that should be
+ * received from remote participants for stage filmstrip, even if the user prefers a larger video
+ * height.
+ *
+ * {
+ *     type: SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_STAGE_FILMSTRIP,
+ *     maxReceiverVideoQuality: number
+ * }
+ */
+export const SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_STAGE_FILMSTRIP = 'SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_STAGE_FILMSTRIP';
+
+/**
+ * The type of (redux) action which sets the maximum video height that should be
+ * received from remote participants for tile view, even if the user prefers a larger video
+ * height.
+ *
+ * {
+ *     type: SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_TILE_VIEW,
+ *     maxReceiverVideoQuality: number
+ * }
+ */
+export const SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_TILE_VIEW = 'SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_TILE_VIEW';
+
+/**
+ * The type of (redux) action which sets the maximum video height that should be
+ * received from remote participants for vertical filmstrip, even if the user prefers a larger video
+ * height.
+ *
+ * {
+ *     type: SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_VERTICAL_FILMSTRIP,
+ *     maxReceiverVideoQuality: number
+ * }
+ */
+export const SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_VERTICAL_FILMSTRIP = 'SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_VERTICAL_FILMSTRIP';
+
+/**
+ * The type of (redux) action which sets the preferred maximum video height that
+ * should be sent to and received from remote participants.
+ *
+ * {
+ *     type: SET_PREFERRED_VIDEO_QUALITY,
+ *     preferredVideoQuality: number
+ * }
+ */
+export const SET_PREFERRED_VIDEO_QUALITY = 'SET_PREFERRED_VIDEO_QUALITY';
\ No newline at end of file
diff --git a/react/features/video-quality/actions.ts b/react/features/video-quality/actions.ts
new file mode 100644
index 0000000..0dea657
--- /dev/null
+++ b/react/features/video-quality/actions.ts
@@ -0,0 +1,135 @@
+import { IStore } from '../app/types';
+
+import {
+    SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_LARGE_VIDEO,
+    SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_SCREEN_SHARING_FILMSTRIP,
+    SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_STAGE_FILMSTRIP,
+    SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_TILE_VIEW,
+    SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_VERTICAL_FILMSTRIP,
+    SET_PREFERRED_VIDEO_QUALITY
+} from './actionTypes';
+import { MAX_VIDEO_QUALITY, VIDEO_QUALITY_LEVELS } from './constants';
+import logger from './logger';
+
+/**
+ * Sets the max frame height that should be received for the large video.
+ *
+ * @param {number} maxReceiverVideoQuality - The max video frame height to
+ * receive.
+ * @returns {{
+ *     type: SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_LARGE_VIDEO,
+ *     maxReceiverVideoQuality: number
+ * }}
+ */
+export function setMaxReceiverVideoQualityForLargeVideo(maxReceiverVideoQuality: number) {
+    return {
+        type: SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_LARGE_VIDEO,
+        maxReceiverVideoQuality
+    };
+}
+
+/**
+ * Sets the max frame height that should be received for the screen sharing filmstrip participant.
+ *
+ * @param {number} maxReceiverVideoQuality - The max video frame height to
+ * receive.
+ * @returns {{
+ *     type: SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_SCREEN_SHARING_FILMSTRIP,
+ *     maxReceiverVideoQuality: number
+ * }}
+ */
+export function setMaxReceiverVideoQualityForScreenSharingFilmstrip(maxReceiverVideoQuality: number) {
+    return {
+        type: SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_SCREEN_SHARING_FILMSTRIP,
+        maxReceiverVideoQuality
+    };
+}
+
+/**
+ * Sets the max frame height that should be received from remote videos for the stage filmstrip.
+ *
+ * @param {number} maxReceiverVideoQuality - The max video frame height to
+ * receive.
+ * @returns {{
+ *     type: SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_STAGE_FILMSTRIP,
+ *     maxReceiverVideoQuality: number
+ * }}
+ */
+export function setMaxReceiverVideoQualityForStageFilmstrip(maxReceiverVideoQuality: number) {
+    return {
+        type: SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_STAGE_FILMSTRIP,
+        maxReceiverVideoQuality
+    };
+}
+
+/**
+ * Sets the max frame height that should be received from remote videos in tile view.
+ *
+ * @param {number} maxReceiverVideoQuality - The max video frame height to
+ * receive.
+ * @returns {{
+ *     type: SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_TILE_VIEW,
+ *     maxReceiverVideoQuality: number
+ * }}
+ */
+export function setMaxReceiverVideoQualityForTileView(maxReceiverVideoQuality: number) {
+    return {
+        type: SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_TILE_VIEW,
+        maxReceiverVideoQuality
+    };
+}
+
+/**
+ * Sets the max frame height that should be received from remote videos for the vertical filmstrip.
+ *
+ * @param {number} maxReceiverVideoQuality - The max video frame height to
+ * receive.
+ * @returns {{
+ *     type: SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_VERTICAL_FILMSTRIP,
+ *     maxReceiverVideoQuality: number
+ * }}
+ */
+export function setMaxReceiverVideoQualityForVerticalFilmstrip(maxReceiverVideoQuality: number) {
+    return {
+        type: SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_VERTICAL_FILMSTRIP,
+        maxReceiverVideoQuality
+    };
+}
+
+/**
+ * Sets the max frame height the user prefers to send and receive from the
+ * remote participants.
+ *
+ * @param {number} preferredVideoQuality - The max video resolution to send and
+ * receive.
+ * @returns {{
+ *     type: SET_PREFERRED_VIDEO_QUALITY,
+ *     preferredVideoQuality: number
+ * }}
+ */
+export function setPreferredVideoQuality(preferredVideoQuality: number) {
+    return {
+        type: SET_PREFERRED_VIDEO_QUALITY,
+        preferredVideoQuality
+    };
+}
+
+/**
+ * Sets the maximum video size the local participant should send and receive from
+ * remote participants.
+ *
+ * @param {number} frameHeight - The user preferred max frame height for send and
+ * receive video.
+ * @returns {void}
+ */
+export function setVideoQuality(frameHeight: number) {
+    return (dispatch: IStore['dispatch']) => {
+        if (frameHeight < VIDEO_QUALITY_LEVELS.LOW) {
+            logger.error(`Invalid frame height for video quality - ${frameHeight}`);
+
+            return;
+        }
+
+        dispatch(setPreferredVideoQuality(Math.min(frameHeight, MAX_VIDEO_QUALITY)));
+    };
+}
diff --git a/react/features/video-quality/components/Slider.web.tsx b/react/features/video-quality/components/Slider.web.tsx
new file mode 100644
index 0000000..446e0a8
--- /dev/null
+++ b/react/features/video-quality/components/Slider.web.tsx
@@ -0,0 +1,168 @@
+import React from 'react';
+import { makeStyles } from 'tss-react/mui';
+
+interface IProps {
+
+    /**
+     * The 'aria-label' text.
+     */
+    ariaLabel: string;
+
+    /**
+     * The maximum value for slider value.
+     */
+    max: number;
+
+    /**
+     * The minimum value for slider value.
+     */
+    min: number;
+
+    /**
+     * Callback invoked on change.
+     */
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+
+    /**
+     * The granularity that the value must adhere to.
+     */
+    step: number;
+
+    /**
+     * The current value where the knob is positioned.
+     */
+    value: number;
+}
+
+const useStyles = makeStyles()(theme => {
+    // keep the same height for all elements:
+    // input, input track & fake track(div)
+    const height = 6;
+
+    const inputTrack = {
+        background: 'transparent',
+        height
+    };
+    const inputThumb = {
+        background: theme.palette.text01,
+        border: 0,
+        borderRadius: '50%',
+        height: 24,
+        width: 24
+    };
+
+    const focused = {
+        outline: `1px solid ${theme.palette.ui06}`
+    };
+
+    return {
+        sliderContainer: {
+            cursor: 'pointer',
+            width: '100%',
+            position: 'relative',
+            textAlign: 'center'
+
+        },
+        knobContainer: {
+            display: 'flex',
+            justifyContent: 'space-between',
+            marginLeft: 2,
+            marginRight: 2,
+            position: 'absolute',
+            width: '100%'
+        },
+        knob: {
+            background: theme.palette.text01,
+            borderRadius: '50%',
+            display: 'inline-block',
+            height,
+            width: 6
+        },
+        track: {
+            background: theme.palette.text03,
+            borderRadius: Number(theme.shape.borderRadius) / 2,
+            height
+        },
+        slider: {
+            // Use an additional class here to override global CSS specificity
+            '&.custom-slider': {
+                '-webkit-appearance': 'none',
+                background: 'transparent',
+                height,
+                left: 0,
+                position: 'absolute',
+                top: 0,
+                width: '100%',
+
+                '&.focus-visible': {
+                    // override global styles in order to use our own color
+                    outline: 'none !important',
+
+                    '&::-webkit-slider-runnable-track': focused,
+                    '&::ms-track': focused,
+                    '&::-moz-range-track': focused
+                },
+
+                '&::-webkit-slider-runnable-track': {
+                    '-webkit-appearance': 'none',
+                    ...inputTrack
+                },
+                '&::-webkit-slider-thumb': {
+                    '-webkit-appearance': 'none',
+                    position: 'relative',
+                    top: -6,
+                    ...inputThumb
+                },
+
+                '&::ms-track': {
+                    ...inputTrack
+                },
+                '&::-ms-thumb': {
+                    ...inputThumb
+                },
+
+                '&::-moz-range-track': {
+                    ...inputTrack
+                },
+                '&::-moz-range-thumb': {
+                    ...inputThumb
+                }
+            }
+        }
+    };
+});
+
+/**
+ *  Custom slider.
+ *
+ *  @returns {ReactElement}
+ */
+function Slider({ ariaLabel, max, min, onChange, step, value }: IProps) {
+    const { classes, cx } = useStyles();
+    const knobs = [ ...Array(Math.floor((max - min) / step) + 1) ];
+
+    return (
+        <div className = { classes.sliderContainer }>
+            <ul
+                aria-hidden = { true }
+                className = { cx('empty-list', classes.knobContainer) }>
+                {knobs.map((_, i) => (
+                    <li
+                        className = { classes.knob }
+                        key = { `knob-${i}` } />))}
+            </ul>
+            <div className = { classes.track } />
+            <input
+                aria-label = { ariaLabel }
+                className = { cx(classes.slider, 'custom-slider') }
+                max = { max }
+                min = { min }
+                onChange = { onChange }
+                step = { step }
+                type = 'range'
+                value = { value } />
+        </div>
+    );
+}
+
+export default Slider;
diff --git a/react/features/video-quality/components/VideoQualityButton.native.ts b/react/features/video-quality/components/VideoQualityButton.native.ts
new file mode 100644
index 0000000..e69de29
diff --git a/react/features/video-quality/components/VideoQualityButton.web.ts b/react/features/video-quality/components/VideoQualityButton.web.ts
new file mode 100644
index 0000000..b815d61
--- /dev/null
+++ b/react/features/video-quality/components/VideoQualityButton.web.ts
@@ -0,0 +1,58 @@
+import { connect } from 'react-redux';
+
+import { createToolbarEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { openDialog } from '../../base/dialog/actions';
+import { translate } from '../../base/i18n/functions';
+import { IconPerformance } from '../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../base/toolbox/components/AbstractButton';
+
+import VideoQualityDialog from './VideoQualityDialog.web';
+
+/**
+ * The type of the React {@code Component} props of
+ * {@link VideoQualityButton}.
+ */
+interface IProps extends AbstractButtonProps {
+
+    /**
+     * Whether or not audio only mode is currently enabled.
+     */
+    _audioOnly: boolean;
+
+    /**
+     * The currently configured maximum quality resolution to be received from
+     * and sent to remote participants.
+     */
+    _videoQuality: number;
+}
+
+/**
+ * React {@code Component} responsible for displaying a button in the overflow
+ * menu of the toolbar, including an icon showing the currently selected
+ * max receive quality.
+ *
+ * @augments Component
+ */
+class VideoQualityButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.callQuality';
+    override label = 'videoStatus.performanceSettings';
+    override tooltip = 'videoStatus.performanceSettings';
+    override icon = IconPerformance;
+
+    /**
+    * Handles clicking the button, and opens the video quality dialog.
+    *
+    * @private
+    * @returns {void}
+    */
+    override _handleClick() {
+        const { dispatch } = this.props;
+
+        sendAnalytics(createToolbarEvent('video.quality'));
+
+        dispatch(openDialog('VideoQualityDialog', VideoQualityDialog));
+    }
+}
+
+export default connect()(translate(VideoQualityButton));
diff --git a/react/features/video-quality/components/VideoQualityDialog.native.ts b/react/features/video-quality/components/VideoQualityDialog.native.ts
new file mode 100644
index 0000000..e69de29
diff --git a/react/features/video-quality/components/VideoQualityDialog.web.tsx b/react/features/video-quality/components/VideoQualityDialog.web.tsx
new file mode 100644
index 0000000..7f111f7
--- /dev/null
+++ b/react/features/video-quality/components/VideoQualityDialog.web.tsx
@@ -0,0 +1,30 @@
+import React, { Component } from 'react';
+
+import Dialog from '../../base/ui/components/web/Dialog';
+
+import VideoQualitySlider from './VideoQualitySlider.web';
+
+/**
+ * Implements a React {@link Component} which displays the component
+ * {@code VideoQualitySlider} in a dialog.
+ *
+ * @augments Component
+ */
+export default class VideoQualityDialog extends Component {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        return (
+            <Dialog
+                cancel = {{ hidden: true }}
+                ok = {{ hidden: true }}
+                titleKey = 'videoStatus.performanceSettings'>
+                <VideoQualitySlider />
+            </Dialog>
+        );
+    }
+}
diff --git a/react/features/video-quality/components/VideoQualityExpandedLabel.native.ts b/react/features/video-quality/components/VideoQualityExpandedLabel.native.ts
new file mode 100644
index 0000000..26de58d
--- /dev/null
+++ b/react/features/video-quality/components/VideoQualityExpandedLabel.native.ts
@@ -0,0 +1,34 @@
+import { WithTranslation } from 'react-i18next';
+
+import { translate } from '../../base/i18n/functions';
+import ExpandedLabel, { IProps as AbstractProps } from '../../base/label/components/native/ExpandedLabel';
+
+import { AUD_LABEL_COLOR } from './styles';
+
+type Props = AbstractProps & WithTranslation;
+
+/**
+ * A react {@code Component} that implements an expanded label as tooltip-like
+ * component to explain the meaning of the {@code VideoQualityLabel}.
+ */
+class VideoQualityExpandedLabel extends ExpandedLabel<Props> {
+    /**
+     * Returns the color this expanded label should be rendered with.
+     *
+     * @returns {string}
+     */
+    _getColor() {
+        return AUD_LABEL_COLOR;
+    }
+
+    /**
+     * Returns the label specific text of this {@code ExpandedLabel}.
+     *
+     * @returns {string}
+     */
+    _getLabel() {
+        return this.props.t('videoStatus.audioOnlyExpanded');
+    }
+}
+
+export default translate(VideoQualityExpandedLabel);
diff --git a/react/features/video-quality/components/VideoQualityExpandedLabel.web.ts b/react/features/video-quality/components/VideoQualityExpandedLabel.web.ts
new file mode 100644
index 0000000..e69de29
diff --git a/react/features/video-quality/components/VideoQualityLabel.native.tsx b/react/features/video-quality/components/VideoQualityLabel.native.tsx
new file mode 100644
index 0000000..d4e3185
--- /dev/null
+++ b/react/features/video-quality/components/VideoQualityLabel.native.tsx
@@ -0,0 +1,75 @@
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../app/types';
+import { translate } from '../../base/i18n/functions';
+import Label from '../../base/label/components/native/Label';
+import { StyleType, combineStyles } from '../../base/styles/functions.native';
+
+import styles from './styles';
+
+interface IProps extends WithTranslation {
+
+    /**
+     * Whether or not the conference is in audio only mode.
+     */
+    _audioOnly: boolean;
+
+    /**
+     * Style of the component passed as props.
+     */
+    style?: StyleType;
+}
+
+/**
+ * React {@code Component} responsible for displaying a label that indicates
+ * the displayed video state of the current conference.
+ *
+ * NOTE: Due to the lack of actual video quality information on mobile side,
+ * this component currently only displays audio only indicator, but the naming
+ * is kept consistent with web and in the future we may introduce the required
+ * api and extend this component with actual quality indication.
+ */
+class VideoQualityLabel extends Component<IProps> {
+
+    /**
+     * Implements React {@link Component}'s render.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { _audioOnly, style, t } = this.props;
+
+        if (!_audioOnly) {
+            // We don't have info about the quality so no need for the indicator
+            return null;
+        }
+
+        return (
+            <Label // @ts-ignore
+                style = { combineStyles(styles.indicatorAudioOnly, style) }
+                text = { t('videoStatus.audioOnly') } />
+        );
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated
+ * {@code AbstractVideoQualityLabel}'s props.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {{
+ *     _audioOnly: boolean
+ * }}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const { enabled: audioOnly } = state['features/base/audio-only'];
+
+    return {
+        _audioOnly: audioOnly
+    };
+}
+
+export default translate(connect(_mapStateToProps)(VideoQualityLabel));
diff --git a/react/features/video-quality/components/VideoQualityLabel.web.tsx b/react/features/video-quality/components/VideoQualityLabel.web.tsx
new file mode 100644
index 0000000..b538ebe
--- /dev/null
+++ b/react/features/video-quality/components/VideoQualityLabel.web.tsx
@@ -0,0 +1,66 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { IReduxState } from '../../app/types';
+import { openDialog } from '../../base/dialog/actions';
+import { IconPerformance } from '../../base/icons/svg';
+import Label from '../../base/label/components/web/Label';
+import { COLORS } from '../../base/label/constants';
+import Tooltip from '../../base/tooltip/components/Tooltip';
+import { shouldDisplayVideoQualityLabel } from '../selector';
+
+import VideoQualityDialog from './VideoQualityDialog.web';
+
+/**
+ * React {@code Component} responsible for displaying a label that indicates
+ * the displayed video state of the current conference. {@code AudioOnlyLabel}
+ * Will display when the conference is in audio only mode. {@code HDVideoLabel}
+ * Will display if not in audio only mode and a high-definition large video is
+ * being displayed.
+ *
+ * @returns {JSX}
+ */
+const VideoQualityLabel = () => {
+    const _audioOnly = useSelector((state: IReduxState) => state['features/base/audio-only'].enabled);
+    const _visible = useSelector(shouldDisplayVideoQualityLabel);
+    const dispatch = useDispatch();
+    const { t } = useTranslation();
+
+    if (!_visible) {
+        return null;
+    }
+
+    let className, icon, labelContent, tooltipKey;
+
+    if (_audioOnly) {
+        className = 'audio-only';
+        labelContent = t('videoStatus.audioOnly');
+        tooltipKey = 'videoStatus.labelTooltipAudioOnly';
+    } else {
+        className = 'current-video-quality';
+        icon = IconPerformance;
+        tooltipKey = 'videoStatus.performanceSettings';
+    }
+
+    const onClick = () => dispatch(openDialog('VideoQualityDialog', VideoQualityDialog));
+
+    return (
+        <Tooltip
+            content = { t(tooltipKey) }
+            position = { 'bottom' }>
+            <Label
+                accessibilityText = { t(tooltipKey) }
+                className = { className }
+                color = { COLORS.white }
+                icon = { icon }
+                iconColor = '#fff'
+                id = 'videoResolutionLabel'
+                // eslint-disable-next-line react/jsx-no-bind
+                onClick = { onClick }
+                text = { labelContent } />
+        </Tooltip>
+    );
+};
+
+export default VideoQualityLabel;
diff --git a/react/features/video-quality/components/VideoQualitySlider.native.ts b/react/features/video-quality/components/VideoQualitySlider.native.ts
new file mode 100644
index 0000000..e69de29
diff --git a/react/features/video-quality/components/VideoQualitySlider.web.tsx b/react/features/video-quality/components/VideoQualitySlider.web.tsx
new file mode 100644
index 0000000..aa2683e
--- /dev/null
+++ b/react/features/video-quality/components/VideoQualitySlider.web.tsx
@@ -0,0 +1,385 @@
+import { Theme } from '@mui/material';
+import clsx from 'clsx';
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+import { withStyles } from 'tss-react/mui';
+
+import { createToolbarEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { IReduxState, IStore } from '../../app/types';
+import { setAudioOnly } from '../../base/audio-only/actions';
+import { translate } from '../../base/i18n/functions';
+import { setLastN } from '../../base/lastn/actions';
+import { getLastNForQualityLevel } from '../../base/lastn/functions';
+import { setPreferredVideoQuality } from '../actions';
+import { DEFAULT_LAST_N, VIDEO_QUALITY_LEVELS } from '../constants';
+import logger from '../logger';
+
+import Slider from './Slider.web';
+
+const {
+    ULTRA,
+    HIGH,
+    STANDARD,
+    LOW
+} = VIDEO_QUALITY_LEVELS;
+
+/**
+ * Creates an analytics event for a press of one of the buttons in the video
+ * quality dialog.
+ *
+ * @param {string} quality - The quality which was selected.
+ * @returns {Object} The event in a format suitable for sending via
+ *      sendAnalytics.
+ */
+const createEvent = function(quality: string) {
+    return createToolbarEvent(
+        'video.quality',
+        {
+            quality
+        });
+};
+
+/**
+ * The type of the React {@code Component} props of {@link VideoQualitySlider}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * Whether or not the conference is in audio only mode.
+     */
+    _audioOnly: Boolean;
+
+    /**
+     * The channelLastN value configured for the conference.
+     */
+    _channelLastN?: number;
+
+    /**
+     * Whether or not the conference is in peer to peer mode.
+     */
+    _p2p?: Object;
+
+    /**
+     * The currently configured maximum quality resolution to be sent and
+     * received from the remote participants.
+     */
+    _sendrecvVideoQuality: number;
+
+    /**
+     * An object containing the CSS classes.
+     */
+    classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
+
+    /**
+     * Invoked to request toggling of audio only mode.
+     */
+    dispatch: IStore['dispatch'];
+}
+
+/**
+ * Creates the styles for the component.
+ *
+ * @param {Object} theme - The current UI theme.
+ *
+ * @returns {Object}
+ */
+const styles = (theme: Theme) => {
+    return {
+        dialog: {
+            color: theme.palette.text01
+        },
+        dialogDetails: {
+            ...theme.typography.bodyShortRegularLarge,
+            marginBottom: 16
+        },
+        dialogContents: {
+            background: theme.palette.ui01,
+            padding: '16px 16px 48px 16px'
+        },
+        sliderDescription: {
+            ...theme.typography.heading6,
+
+            display: 'flex',
+            justifyContent: 'space-between',
+            marginBottom: 40
+        }
+    };
+};
+
+
+/**
+ * Implements a React {@link Component} which displays a slider for selecting a
+ * new receive video quality.
+ *
+ * @augments Component
+ */
+class VideoQualitySlider extends Component<IProps> {
+    _sliderOptions: Array<{
+        audioOnly?: boolean;
+        onSelect: Function;
+        textKey: string;
+        videoQuality?: number;
+    }>;
+
+    /**
+     * Initializes a new {@code VideoQualitySlider} instance.
+     *
+     * @param {Object} props - The read-only React Component props with which
+     * the new instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handlers so they are only bound once for every instance.
+        this._enableAudioOnly = this._enableAudioOnly.bind(this);
+        this._enableHighDefinition = this._enableHighDefinition.bind(this);
+        this._enableLowDefinition = this._enableLowDefinition.bind(this);
+        this._enableStandardDefinition
+            = this._enableStandardDefinition.bind(this);
+        this._enableUltraHighDefinition = this._enableUltraHighDefinition.bind(this);
+        this._onSliderChange = this._onSliderChange.bind(this);
+
+        /**
+         * An array of configuration options for displaying a choice in the
+         * input. The onSelect callback will be invoked when the option is
+         * selected and videoQuality helps determine which choice matches with
+         * the currently active quality level.
+         *
+         * @private
+         * @type {Object[]}
+         */
+        this._sliderOptions = [
+            {
+                audioOnly: true,
+                onSelect: this._enableAudioOnly,
+                textKey: 'audioOnly.audioOnly'
+            },
+            {
+                onSelect: this._enableLowDefinition,
+                textKey: 'videoStatus.lowDefinition',
+                videoQuality: LOW
+            },
+            {
+                onSelect: this._enableStandardDefinition,
+                textKey: 'videoStatus.standardDefinition',
+                videoQuality: STANDARD
+            },
+            {
+                onSelect: this._enableUltraHighDefinition,
+                textKey: 'videoStatus.highDefinition',
+                videoQuality: ULTRA
+            }
+        ];
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        const { t } = this.props;
+        const classes = withStyles.getClasses(this.props);
+        const activeSliderOption = this._mapCurrentQualityToSliderValue();
+
+        return (
+            <div className = { clsx('video-quality-dialog', classes.dialog) }>
+                <div
+                    aria-hidden = { true }
+                    className = { classes.dialogDetails }>
+                    {t('videoStatus.adjustFor')}
+                </div>
+                <div className = { classes.dialogContents }>
+                    <div
+                        aria-hidden = { true }
+                        className = { classes.sliderDescription }>
+                        <span>{t('videoStatus.bestPerformance')}</span>
+                        <span>{t('videoStatus.highestQuality')}</span>
+                    </div>
+                    <Slider
+                        ariaLabel = { t('videoStatus.callQuality') }
+                        max = { this._sliderOptions.length - 1 }
+                        min = { 0 }
+                        onChange = { this._onSliderChange }
+                        step = { 1 }
+                        value = { activeSliderOption } />
+                </div>
+            </div>
+        );
+    }
+
+    /**
+     * Dispatches an action to enable audio only mode.
+     *
+     * @private
+     * @returns {void}
+     */
+    _enableAudioOnly() {
+        sendAnalytics(createEvent('audio.only'));
+        logger.log('Video quality: audio only enabled');
+        this.props.dispatch(setAudioOnly(true));
+    }
+
+    /**
+     * Handles the action of the high definition video being selected.
+     * Dispatches an action to receive high quality video from remote
+     * participants.
+     *
+     * @private
+     * @returns {void}
+     */
+    _enableHighDefinition() {
+        sendAnalytics(createEvent('high'));
+        logger.log('Video quality: high enabled');
+        this._setPreferredVideoQuality(HIGH);
+    }
+
+    /**
+     * Dispatches an action to receive low quality video from remote
+     * participants.
+     *
+     * @private
+     * @returns {void}
+     */
+    _enableLowDefinition() {
+        sendAnalytics(createEvent('low'));
+        logger.log('Video quality: low enabled');
+        this._setPreferredVideoQuality(LOW);
+    }
+
+    /**
+     * Dispatches an action to receive standard quality video from remote
+     * participants.
+     *
+     * @private
+     * @returns {void}
+     */
+    _enableStandardDefinition() {
+        sendAnalytics(createEvent('standard'));
+        logger.log('Video quality: standard enabled');
+        this._setPreferredVideoQuality(STANDARD);
+    }
+
+    /**
+     * Dispatches an action to receive ultra HD quality video from remote
+     * participants.
+     *
+     * @private
+     * @returns {void}
+     */
+    _enableUltraHighDefinition() {
+        sendAnalytics(createEvent('ultra high'));
+        logger.log('Video quality: ultra high enabled');
+        this._setPreferredVideoQuality(ULTRA);
+    }
+
+    /**
+     * Matches the current video quality state with corresponding index of the
+     * component's slider options.
+     *
+     * @private
+     * @returns {void}
+     */
+    _mapCurrentQualityToSliderValue() {
+        const { _audioOnly, _sendrecvVideoQuality } = this.props;
+        const { _sliderOptions } = this;
+
+        if (_audioOnly) {
+            const audioOnlyOption = _sliderOptions.find(
+                ({ audioOnly }) => audioOnly);
+
+            // @ts-ignore
+            return _sliderOptions.indexOf(audioOnlyOption);
+        }
+
+        for (let i = 0; i < _sliderOptions.length; i++) {
+            if (Number(_sliderOptions[i].videoQuality) >= _sendrecvVideoQuality) {
+                return i;
+            }
+        }
+
+        return -1;
+    }
+
+    /**
+     * Invokes a callback when the selected video quality changes.
+     *
+     * @param {Object} event - The slider's change event.
+     * @private
+     * @returns {void}
+     */
+    _onSliderChange(event: React.ChangeEvent<HTMLInputElement>) {
+        const { _audioOnly, _sendrecvVideoQuality } = this.props;
+        const {
+            // @ts-ignore
+            audioOnly,
+
+            // @ts-ignore
+            onSelect,
+
+            // @ts-ignore
+            videoQuality
+        } = this._sliderOptions[event.target.value as keyof typeof this._sliderOptions];
+
+        // Take no action if the newly chosen option does not change audio only
+        // or video quality state.
+        if ((_audioOnly && audioOnly)
+            || (!_audioOnly && videoQuality === _sendrecvVideoQuality)) {
+            return;
+        }
+
+        onSelect();
+    }
+
+    /**
+     * Helper for changing the preferred maximum video quality to receive and
+     * disable audio only.
+     *
+     * @param {number} qualityLevel - The new maximum video quality. Should be
+     * a value enumerated in {@code VIDEO_QUALITY_LEVELS}.
+     * @private
+     * @returns {void}
+     */
+    _setPreferredVideoQuality(qualityLevel: number) {
+        this.props.dispatch(setPreferredVideoQuality(qualityLevel));
+        if (this.props._audioOnly) {
+            this.props.dispatch(setAudioOnly(false));
+        }
+
+        // Determine the lastN value based on the quality setting.
+        let { _channelLastN = DEFAULT_LAST_N } = this.props;
+
+        _channelLastN = _channelLastN === -1 ? DEFAULT_LAST_N : _channelLastN;
+        const lastN = getLastNForQualityLevel(qualityLevel, _channelLastN);
+
+        // Set the lastN for the conference.
+        this.props.dispatch(setLastN(lastN));
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated props for the
+ * {@code VideoQualitySlider} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const { enabled: audioOnly } = state['features/base/audio-only'];
+    const { p2p } = state['features/base/conference'];
+    const { preferredVideoQuality } = state['features/video-quality'];
+    const { channelLastN } = state['features/base/config'];
+
+    return {
+        _audioOnly: audioOnly,
+        _channelLastN: channelLastN,
+        _p2p: p2p,
+        _sendrecvVideoQuality: preferredVideoQuality
+    };
+}
+
+export default translate(connect(_mapStateToProps)(withStyles(VideoQualitySlider, styles)));
diff --git a/react/features/video-quality/components/styles.ts b/react/features/video-quality/components/styles.ts
new file mode 100644
index 0000000..916c347
--- /dev/null
+++ b/react/features/video-quality/components/styles.ts
@@ -0,0 +1,20 @@
+import { ColorPalette } from '../../base/styles/components/styles/ColorPalette';
+import { createStyleSheet } from '../../base/styles/functions.any';
+import BaseTheme from '../../base/ui/components/BaseTheme.native';
+
+export const AUD_LABEL_COLOR = ColorPalette.green;
+
+/**
+ * The styles of the React {@code Components} of the feature video-quality.
+ */
+export default createStyleSheet({
+
+    /**
+     * Style for the audio-only indicator.
+     */
+    indicatorAudioOnly: {
+        backgroundColor: AUD_LABEL_COLOR,
+        borderRadius: BaseTheme.shape.borderRadius,
+        height: 32
+    }
+});
diff --git a/react/features/video-quality/constants.ts b/react/features/video-quality/constants.ts
new file mode 100644
index 0000000..eb51505
--- /dev/null
+++ b/react/features/video-quality/constants.ts
@@ -0,0 +1,55 @@
+/**
+ * Default last-n value used to be used for "HD" video quality setting when no channelLastN value is specified.
+ *
+ * @type {number}
+ */
+export const DEFAULT_LAST_N = 20;
+
+/**
+ * The supported video codecs.
+ *
+ * @type {enum}
+ */
+export enum VIDEO_CODEC {
+    AV1 = 'av1',
+    H264 = 'h264',
+    VP8 = 'vp8',
+    VP9 = 'vp9'
+}
+
+/**
+ * The supported remote video resolutions. The values are currently based on
+ * available simulcast layers.
+ *
+ * @type {object}
+ */
+export const VIDEO_QUALITY_LEVELS = {
+    ULTRA: 2160,
+    HIGH: 720,
+    STANDARD: 360,
+    LOW: 180,
+    NONE: 0
+};
+
+/**
+ * Indicates unlimited video quality.
+ */
+export const VIDEO_QUALITY_UNLIMITED = -1;
+
+/**
+ * The maximum video quality from the VIDEO_QUALITY_LEVELS map.
+ */
+export const MAX_VIDEO_QUALITY = Math.max(...Object.values(VIDEO_QUALITY_LEVELS));
+
+/**
+ * Maps quality level names used in the config.videoQuality.minHeightForQualityLvl to the quality level constants used
+ * by the application.
+ *
+ * @type {Object}
+ */
+export const CFG_LVL_TO_APP_QUALITY_LVL = {
+    'low': VIDEO_QUALITY_LEVELS.LOW,
+    'standard': VIDEO_QUALITY_LEVELS.STANDARD,
+    'high': VIDEO_QUALITY_LEVELS.HIGH,
+    'ultra': VIDEO_QUALITY_LEVELS.ULTRA
+};
diff --git a/react/features/video-quality/functions.ts b/react/features/video-quality/functions.ts
new file mode 100644
index 0000000..17a2ce1
--- /dev/null
+++ b/react/features/video-quality/functions.ts
@@ -0,0 +1,65 @@
+import { CFG_LVL_TO_APP_QUALITY_LVL, VIDEO_QUALITY_LEVELS } from './constants';
+
+/**
+ * Selects {@code VIDEO_QUALITY_LEVELS} for the given {@link availableHeight} and threshold to quality mapping.
+ *
+ * @param {number} availableHeight - The height to which a matching video quality level should be found.
+ * @param {Map<number, number>} heightToLevel - The threshold to quality level mapping. The keys are sorted in the
+ * ascending order.
+ * @returns {number} The matching value from {@code VIDEO_QUALITY_LEVELS}.
+ */
+export function getReceiverVideoQualityLevel(availableHeight: number, heightToLevel: Map<number, number>): number {
+    let selectedLevel = VIDEO_QUALITY_LEVELS.LOW;
+
+    for (const [ levelThreshold, level ] of heightToLevel.entries()) {
+        if (availableHeight >= levelThreshold) {
+            selectedLevel = level;
+        }
+    }
+
+    return selectedLevel;
+}
+
+/**
+ * Converts {@code Object} passed in the config which represents height thresholds to vide quality level mapping to
+ * a {@code Map}.
+ *
+ * @param {Object} minHeightForQualityLvl - The 'config.videoQuality.minHeightForQualityLvl' Object from
+ * the configuration. See config.js for more details.
+ * @returns {Map<number, number>|undefined} - A mapping of minimal thumbnail height required for given quality level or
+ * {@code undefined} if the map contains invalid values.
+ */
+export function validateMinHeightForQualityLvl(minHeightForQualityLvl?: { [key: number]: string; }) {
+    if (typeof minHeightForQualityLvl !== 'object'
+        || Object.keys(minHeightForQualityLvl).map(lvl => Number(lvl))
+            .find(lvl => lvl === null || isNaN(lvl) || lvl < 0)) {
+        return undefined;
+    }
+
+    const levelsSorted
+        = Object.keys(minHeightForQualityLvl)
+            .map(k => Number(k))
+            .sort((a, b) => a - b);
+    const map = new Map();
+
+    Object.values(VIDEO_QUALITY_LEVELS).sort()
+        .forEach(value => {
+            if (value > VIDEO_QUALITY_LEVELS.NONE) {
+                map.set(value, value);
+            }
+        });
+
+    for (const level of levelsSorted) {
+        const configQuality = minHeightForQualityLvl[level];
+        const appQuality = CFG_LVL_TO_APP_QUALITY_LVL[configQuality as keyof typeof CFG_LVL_TO_APP_QUALITY_LVL];
+
+        if (!appQuality) {
+            return undefined;
+        }
+
+        map.delete(appQuality);
+        map.set(level, appQuality);
+    }
+
+    return map;
+}
diff --git a/react/features/video-quality/logger.ts b/react/features/video-quality/logger.ts
new file mode 100644
index 0000000..7ee362f
--- /dev/null
+++ b/react/features/video-quality/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:video-quality');
diff --git a/react/features/video-quality/middleware.ts b/react/features/video-quality/middleware.ts
new file mode 100644
index 0000000..ac20832
--- /dev/null
+++ b/react/features/video-quality/middleware.ts
@@ -0,0 +1,45 @@
+import { CONFERENCE_JOINED } from '../base/conference/actionTypes';
+import { SET_CONFIG } from '../base/config/actionTypes';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+
+import { setPreferredVideoQuality } from './actions';
+import logger from './logger';
+
+import './subscriber';
+
+/**
+ * Implements the middleware of the feature video-quality.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(({ dispatch, getState }) => next => action => {
+    const result = next(action);
+
+    switch (action.type) {
+    case CONFERENCE_JOINED: {
+        if (navigator.product === 'ReactNative') {
+            const { resolution } = getState()['features/base/config'];
+
+            if (typeof resolution !== 'undefined') {
+                dispatch(setPreferredVideoQuality(Number.parseInt(`${resolution}`, 10)));
+                logger.info(`Configured preferred receiver video frame height to: ${resolution}`);
+            }
+        }
+        break;
+    }
+    case SET_CONFIG: {
+        const state = getState();
+        const { videoQuality = {} } = state['features/base/config'];
+        const { persistedPrefferedVideoQuality } = state['features/video-quality-persistent-storage'];
+
+        if (videoQuality.persist && typeof persistedPrefferedVideoQuality !== 'undefined') {
+            dispatch(setPreferredVideoQuality(persistedPrefferedVideoQuality));
+        }
+
+        break;
+    }
+    }
+
+    return result;
+});
diff --git a/react/features/video-quality/reducer.ts b/react/features/video-quality/reducer.ts
new file mode 100644
index 0000000..4c46dfb
--- /dev/null
+++ b/react/features/video-quality/reducer.ts
@@ -0,0 +1,130 @@
+import { SET_CONFIG } from '../base/config/actionTypes';
+import { IConfig } from '../base/config/configType';
+import PersistenceRegistry from '../base/redux/PersistenceRegistry';
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+import { set } from '../base/redux/functions';
+
+import {
+    SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_LARGE_VIDEO,
+    SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_SCREEN_SHARING_FILMSTRIP,
+    SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_STAGE_FILMSTRIP,
+    SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_TILE_VIEW,
+    SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_VERTICAL_FILMSTRIP,
+    SET_PREFERRED_VIDEO_QUALITY
+} from './actionTypes';
+import { VIDEO_QUALITY_LEVELS } from './constants';
+import { validateMinHeightForQualityLvl } from './functions';
+import logger from './logger';
+
+const DEFAULT_STATE = {
+    maxReceiverVideoQualityForLargeVideo: VIDEO_QUALITY_LEVELS.ULTRA,
+    maxReceiverVideoQualityForScreenSharingFilmstrip: VIDEO_QUALITY_LEVELS.HIGH,
+    maxReceiverVideoQualityForStageFilmstrip: VIDEO_QUALITY_LEVELS.HIGH,
+    maxReceiverVideoQualityForTileView: VIDEO_QUALITY_LEVELS.STANDARD,
+    maxReceiverVideoQualityForVerticalFilmstrip: VIDEO_QUALITY_LEVELS.LOW,
+    minHeightForQualityLvl: new Map(),
+    preferredVideoQuality: VIDEO_QUALITY_LEVELS.ULTRA
+};
+
+
+Object.values(VIDEO_QUALITY_LEVELS).sort()
+    .forEach(value => {
+        if (value > VIDEO_QUALITY_LEVELS.NONE) {
+            DEFAULT_STATE.minHeightForQualityLvl.set(value, value);
+        }
+    });
+
+export interface IVideoQualityState {
+    maxReceiverVideoQualityForLargeVideo: number;
+    maxReceiverVideoQualityForScreenSharingFilmstrip: number;
+    maxReceiverVideoQualityForStageFilmstrip: number;
+    maxReceiverVideoQualityForTileView: number;
+    maxReceiverVideoQualityForVerticalFilmstrip: number;
+    minHeightForQualityLvl: Map<number, number>;
+    preferredVideoQuality: number;
+}
+
+export interface IVideoQualityPersistedState {
+    persistedPrefferedVideoQuality?: number;
+}
+
+
+// When the persisted state is initialized the current state (for example the default state) is erased.
+// In order to workaround this issue we need additional state for the persisted properties.
+PersistenceRegistry.register('features/video-quality-persistent-storage');
+
+ReducerRegistry.register<IVideoQualityPersistedState>('features/video-quality-persistent-storage',
+(state = {}, action): IVideoQualityPersistedState => {
+    switch (action.type) {
+    case SET_PREFERRED_VIDEO_QUALITY: {
+        const { preferredVideoQuality } = action;
+
+        return {
+            ...state,
+            persistedPrefferedVideoQuality: preferredVideoQuality
+        };
+    }
+    }
+
+    return state;
+});
+
+ReducerRegistry.register<IVideoQualityState>('features/video-quality',
+(state = DEFAULT_STATE, action): IVideoQualityState => {
+    switch (action.type) {
+    case SET_CONFIG:
+        return _setConfig(state, action);
+    case SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_LARGE_VIDEO:
+        return set(state,
+            'maxReceiverVideoQualityForLargeVideo',
+            action.maxReceiverVideoQuality);
+    case SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_SCREEN_SHARING_FILMSTRIP:
+        return set(state,
+            'maxReceiverVideoQualityForScreenSharingFilmstrip',
+            action.maxReceiverVideoQuality);
+    case SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_STAGE_FILMSTRIP:
+        return set(
+            state,
+            'maxReceiverVideoQualityForStageFilmstrip',
+            action.maxReceiverVideoQuality);
+    case SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_TILE_VIEW:
+        return set(
+            state,
+            'maxReceiverVideoQualityForTileView',
+            action.maxReceiverVideoQuality);
+    case SET_MAX_RECEIVER_VIDEO_QUALITY_FOR_VERTICAL_FILMSTRIP:
+        return set(
+            state,
+            'maxReceiverVideoQualityForVerticalFilmstrip',
+            action.maxReceiverVideoQuality);
+    case SET_PREFERRED_VIDEO_QUALITY: {
+        const { preferredVideoQuality } = action;
+
+        return {
+            ...state,
+            preferredVideoQuality
+        };
+    }
+    }
+
+    return state;
+});
+
+/**
+ * Extracts the height to quality level mapping from the new config.
+ *
+ * @param {Object} state - The Redux state of feature base/lastn.
+ * @param {Action} action - The Redux action SET_CONFIG to reduce.
+ * @private
+ * @returns {Object} The new state after the reduction of the specified action.
+ */
+function _setConfig(state: IVideoQualityState, { config }: { config: IConfig; }) {
+    const configuredMap = config?.videoQuality?.minHeightForQualityLvl;
+    const convertedMap = validateMinHeightForQualityLvl(configuredMap);
+
+    if (configuredMap && !convertedMap) {
+        logger.error('Invalid config value videoQuality.minHeightForQualityLvl');
+    }
+
+    return convertedMap ? set(state, 'minHeightForQualityLvl', convertedMap) : state;
+}
diff --git a/react/features/video-quality/selector.ts b/react/features/video-quality/selector.ts
new file mode 100644
index 0000000..f0acf7b
--- /dev/null
+++ b/react/features/video-quality/selector.ts
@@ -0,0 +1,31 @@
+import { IReduxState } from '../app/types';
+import { isNarrowScreenWithChatOpen } from '../base/responsive-ui/functions';
+import { shouldDisplayTileView } from '../video-layout/functions.any';
+
+/**
+ * Selects the thumbnail height to the quality level mapping from the config.
+ *
+ * @param {Object} state - The redux state.
+ * @returns {Map<number,number>}
+ */
+export function getMinHeightForQualityLvlMap(state: IReduxState): Map<number, number> {
+    return state['features/video-quality'].minHeightForQualityLvl;
+}
+
+/**
+ * Determines whether the video quality label should be displayed.
+ *
+ * @param {IReduxState} state - The current Redux state of the application.
+ * @returns {boolean} - True if the video quality label should be displayed, otherwise false.
+ */
+export function shouldDisplayVideoQualityLabel(state: IReduxState): boolean {
+    const hideVideoQualityLabel
+        = shouldDisplayTileView(state)
+            || interfaceConfig.VIDEO_QUALITY_LABEL_DISABLED
+
+            // Hide the video quality label for desktop browser if the chat is open and there isn't enough space
+            // to display it.
+            || isNarrowScreenWithChatOpen(state);
+
+    return !hideVideoQualityLabel;
+}
diff --git a/react/features/video-quality/subscriber.ts b/react/features/video-quality/subscriber.ts
new file mode 100644
index 0000000..124bf83
--- /dev/null
+++ b/react/features/video-quality/subscriber.ts
@@ -0,0 +1,517 @@
+import { debounce } from 'lodash-es';
+
+import { IReduxState, IStore } from '../app/types';
+import { _handleParticipantError } from '../base/conference/functions';
+import { getSsrcRewritingFeatureFlag } from '../base/config/functions.any';
+import { MEDIA_TYPE, VIDEO_TYPE } from '../base/media/constants';
+import {
+    getLocalParticipant,
+    getSourceNamesByMediaTypeAndParticipant,
+    getSourceNamesByVideoTypeAndParticipant
+} from '../base/participants/functions';
+import StateListenerRegistry from '../base/redux/StateListenerRegistry';
+import { getTrackSourceNameByMediaTypeAndParticipant } from '../base/tracks/functions';
+import { reportError } from '../base/util/helpers';
+import {
+    getActiveParticipantsIds,
+    getScreenshareFilmstripParticipantId,
+    isTopPanelEnabled
+} from '../filmstrip/functions';
+import { LAYOUTS } from '../video-layout/constants';
+import {
+    getCurrentLayout,
+    getVideoQualityForLargeVideo,
+    getVideoQualityForResizableFilmstripThumbnails,
+    getVideoQualityForScreenSharingFilmstrip,
+    getVideoQualityForStageThumbnails,
+    shouldDisplayTileView
+} from '../video-layout/functions';
+
+import {
+    setMaxReceiverVideoQualityForLargeVideo,
+    setMaxReceiverVideoQualityForScreenSharingFilmstrip,
+    setMaxReceiverVideoQualityForStageFilmstrip,
+    setMaxReceiverVideoQualityForTileView,
+    setMaxReceiverVideoQualityForVerticalFilmstrip
+} from './actions';
+import { MAX_VIDEO_QUALITY, VIDEO_QUALITY_LEVELS, VIDEO_QUALITY_UNLIMITED } from './constants';
+import { getReceiverVideoQualityLevel } from './functions';
+import logger from './logger';
+import { getMinHeightForQualityLvlMap } from './selector';
+
+/**
+ * Handles changes in the visible participants in the filmstrip. The listener is debounced
+ * so that the client doesn't end up sending too many bridge messages when the user is
+ * scrolling through the thumbnails prompting updates to the selected endpoints.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => state['features/filmstrip'].visibleRemoteParticipants,
+    /* listener */ debounce((visibleRemoteParticipants, store) => {
+        _updateReceiverVideoConstraints(store);
+    }, 100));
+
+StateListenerRegistry.register(
+    /* selector */ state => state['features/base/tracks'],
+    /* listener */(remoteTracks, store) => {
+        _updateReceiverVideoConstraints(store);
+    });
+
+/**
+ * Handles the use case when the on-stage participant has changed.
+ */
+StateListenerRegistry.register(
+    state => state['features/large-video'].participantId,
+    (participantId, store) => {
+        _updateReceiverVideoConstraints(store);
+    }
+);
+
+/**
+ * Handles the use case when we have set some of the constraints in redux but the conference object wasn't available
+ * and we haven't been able to pass the constraints to lib-jitsi-meet.
+ */
+StateListenerRegistry.register(
+    state => state['features/base/conference'].conference,
+    (conference, store) => {
+        _updateReceiverVideoConstraints(store);
+    }
+);
+
+/**
+ * StateListenerRegistry provides a reliable way of detecting changes to
+ * lastn state and dispatching additional actions.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => state['features/base/lastn'].lastN,
+    /* listener */ (lastN, store) => {
+        _updateReceiverVideoConstraints(store);
+    });
+
+/**
+ * Updates the receiver constraints when the stage participants change.
+ */
+StateListenerRegistry.register(
+    state => getActiveParticipantsIds(state).sort(),
+    (_, store) => {
+        _updateReceiverVideoConstraints(store);
+    }, {
+        deepEquals: true
+    }
+);
+
+/**
+ * Updates the receiver constraints when new video sources are added to the conference.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => state['features/base/participants'].remoteVideoSources,
+    /* listener */ (remoteVideoSources, store) => {
+        getSsrcRewritingFeatureFlag(store.getState()) && _updateReceiverVideoConstraints(store);
+    });
+
+/**
+ * StateListenerRegistry provides a reliable way of detecting changes to
+ * maxReceiverVideoQuality* and preferredVideoQuality state and dispatching additional actions.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => {
+        const {
+            maxReceiverVideoQualityForLargeVideo,
+            maxReceiverVideoQualityForScreenSharingFilmstrip,
+            maxReceiverVideoQualityForStageFilmstrip,
+            maxReceiverVideoQualityForTileView,
+            maxReceiverVideoQualityForVerticalFilmstrip,
+            preferredVideoQuality
+        } = state['features/video-quality'];
+
+        return {
+            maxReceiverVideoQualityForLargeVideo,
+            maxReceiverVideoQualityForScreenSharingFilmstrip,
+            maxReceiverVideoQualityForStageFilmstrip,
+            maxReceiverVideoQualityForTileView,
+            maxReceiverVideoQualityForVerticalFilmstrip,
+            preferredVideoQuality
+        };
+    },
+    /* listener */ (currentState, store, previousState = {}) => {
+        const { preferredVideoQuality } = currentState;
+        const changedPreferredVideoQuality = preferredVideoQuality !== previousState.preferredVideoQuality;
+
+        if (changedPreferredVideoQuality) {
+            _setSenderVideoConstraint(preferredVideoQuality, store);
+            typeof APP !== 'undefined' && APP.API.notifyVideoQualityChanged(preferredVideoQuality);
+        }
+        _updateReceiverVideoConstraints(store);
+    }, {
+        deepEquals: true
+    });
+
+/**
+ * Implements a state listener in order to calculate max receiver video quality.
+ */
+StateListenerRegistry.register(
+    /* selector */ state => {
+        const { reducedUI } = state['features/base/responsive-ui'];
+        const _shouldDisplayTileView = shouldDisplayTileView(state);
+        const tileViewThumbnailSize = state['features/filmstrip']?.tileViewDimensions?.thumbnailSize;
+        const { visibleRemoteParticipants } = state['features/filmstrip'];
+        const { height: largeVideoHeight } = state['features/large-video'];
+        const activeParticipantsIds = getActiveParticipantsIds(state);
+        const {
+            screenshareFilmstripDimensions: {
+                thumbnailSize
+            }
+        } = state['features/filmstrip'];
+        const screenshareFilmstripParticipantId = getScreenshareFilmstripParticipantId(state);
+
+        return {
+            activeParticipantsCount: activeParticipantsIds?.length,
+            displayTileView: _shouldDisplayTileView,
+            largeVideoHeight,
+            participantCount: visibleRemoteParticipants?.size || 0,
+            reducedUI,
+            screenSharingFilmstripHeight:
+                screenshareFilmstripParticipantId && getCurrentLayout(state) === LAYOUTS.STAGE_FILMSTRIP_VIEW
+                    ? thumbnailSize?.height : undefined,
+            stageFilmstripThumbnailHeight: state['features/filmstrip'].stageFilmstripDimensions?.thumbnailSize?.height,
+            tileViewThumbnailHeight: tileViewThumbnailSize?.height,
+            verticalFilmstripThumbnailHeight:
+                state['features/filmstrip'].verticalViewDimensions?.gridView?.thumbnailSize?.height
+        };
+    },
+    /* listener */ ({
+        activeParticipantsCount,
+        displayTileView,
+        largeVideoHeight,
+        participantCount,
+        reducedUI,
+        screenSharingFilmstripHeight,
+        stageFilmstripThumbnailHeight,
+        tileViewThumbnailHeight,
+        verticalFilmstripThumbnailHeight
+    }, store, previousState = {}) => {
+        const { dispatch, getState } = store;
+        const state = getState();
+        const {
+            maxReceiverVideoQualityForLargeVideo,
+            maxReceiverVideoQualityForScreenSharingFilmstrip,
+            maxReceiverVideoQualityForStageFilmstrip,
+            maxReceiverVideoQualityForTileView,
+            maxReceiverVideoQualityForVerticalFilmstrip
+        } = state['features/video-quality'];
+        const { maxFullResolutionParticipants = 2 } = state['features/base/config'];
+        let maxVideoQualityChanged = false;
+
+
+        if (displayTileView) {
+            let newMaxRecvVideoQuality = VIDEO_QUALITY_LEVELS.STANDARD;
+
+            if (reducedUI) {
+                newMaxRecvVideoQuality = VIDEO_QUALITY_LEVELS.LOW;
+            } else if (typeof tileViewThumbnailHeight === 'number' && !Number.isNaN(tileViewThumbnailHeight)) {
+                newMaxRecvVideoQuality
+                    = getReceiverVideoQualityLevel(tileViewThumbnailHeight, getMinHeightForQualityLvlMap(state));
+
+                // Override HD level calculated for the thumbnail height when # of participants threshold is exceeded
+                if (maxFullResolutionParticipants !== -1) {
+                    const override
+                        = participantCount > maxFullResolutionParticipants
+                            && newMaxRecvVideoQuality > VIDEO_QUALITY_LEVELS.STANDARD;
+
+                    logger.info(`Video quality level for thumbnail height: ${tileViewThumbnailHeight}, `
+                        + `is: ${newMaxRecvVideoQuality}, `
+                        + `override: ${String(override)}, `
+                        + `max full res N: ${maxFullResolutionParticipants}`);
+
+                    if (override) {
+                        newMaxRecvVideoQuality = VIDEO_QUALITY_LEVELS.STANDARD;
+                    }
+                }
+            }
+
+            if (maxReceiverVideoQualityForTileView !== newMaxRecvVideoQuality) {
+                maxVideoQualityChanged = true;
+                dispatch(setMaxReceiverVideoQualityForTileView(newMaxRecvVideoQuality));
+            }
+        } else {
+            let newMaxRecvVideoQualityForStageFilmstrip;
+            let newMaxRecvVideoQualityForVerticalFilmstrip;
+            let newMaxRecvVideoQualityForLargeVideo;
+            let newMaxRecvVideoQualityForScreenSharingFilmstrip;
+
+            if (reducedUI) {
+                newMaxRecvVideoQualityForVerticalFilmstrip
+                    = newMaxRecvVideoQualityForStageFilmstrip
+                    = newMaxRecvVideoQualityForLargeVideo
+                    = newMaxRecvVideoQualityForScreenSharingFilmstrip
+                    = VIDEO_QUALITY_LEVELS.LOW;
+            } else {
+                newMaxRecvVideoQualityForStageFilmstrip
+                    = getVideoQualityForStageThumbnails(stageFilmstripThumbnailHeight, state);
+                newMaxRecvVideoQualityForVerticalFilmstrip
+                    = getVideoQualityForResizableFilmstripThumbnails(verticalFilmstripThumbnailHeight, state);
+                newMaxRecvVideoQualityForLargeVideo = getVideoQualityForLargeVideo(largeVideoHeight);
+                newMaxRecvVideoQualityForScreenSharingFilmstrip
+                    = getVideoQualityForScreenSharingFilmstrip(screenSharingFilmstripHeight, state);
+
+                // Override HD level calculated for the thumbnail height when # of participants threshold is exceeded
+                if (maxFullResolutionParticipants !== -1) {
+                    if (activeParticipantsCount > 0
+                        && newMaxRecvVideoQualityForStageFilmstrip > VIDEO_QUALITY_LEVELS.STANDARD) {
+                        const isScreenSharingFilmstripParticipantFullResolution
+                            = newMaxRecvVideoQualityForScreenSharingFilmstrip > VIDEO_QUALITY_LEVELS.STANDARD;
+
+                        if (activeParticipantsCount > maxFullResolutionParticipants
+                            - (isScreenSharingFilmstripParticipantFullResolution ? 1 : 0)) {
+                            newMaxRecvVideoQualityForStageFilmstrip = VIDEO_QUALITY_LEVELS.STANDARD;
+                            newMaxRecvVideoQualityForVerticalFilmstrip
+                                = Math.min(VIDEO_QUALITY_LEVELS.STANDARD, newMaxRecvVideoQualityForVerticalFilmstrip);
+                        } else if (newMaxRecvVideoQualityForVerticalFilmstrip > VIDEO_QUALITY_LEVELS.STANDARD
+                                && participantCount > maxFullResolutionParticipants - activeParticipantsCount) {
+                            newMaxRecvVideoQualityForVerticalFilmstrip = VIDEO_QUALITY_LEVELS.STANDARD;
+                        }
+                    } else if (newMaxRecvVideoQualityForVerticalFilmstrip > VIDEO_QUALITY_LEVELS.STANDARD
+                            && participantCount > maxFullResolutionParticipants
+                                - (newMaxRecvVideoQualityForLargeVideo > VIDEO_QUALITY_LEVELS.STANDARD ? 1 : 0)) {
+                        newMaxRecvVideoQualityForVerticalFilmstrip = VIDEO_QUALITY_LEVELS.STANDARD;
+                    }
+                }
+            }
+
+            if (maxReceiverVideoQualityForStageFilmstrip !== newMaxRecvVideoQualityForStageFilmstrip) {
+                maxVideoQualityChanged = true;
+                dispatch(setMaxReceiverVideoQualityForStageFilmstrip(newMaxRecvVideoQualityForStageFilmstrip));
+            }
+
+            if (maxReceiverVideoQualityForVerticalFilmstrip !== newMaxRecvVideoQualityForVerticalFilmstrip) {
+                maxVideoQualityChanged = true;
+                dispatch(setMaxReceiverVideoQualityForVerticalFilmstrip(newMaxRecvVideoQualityForVerticalFilmstrip));
+            }
+
+            if (maxReceiverVideoQualityForLargeVideo !== newMaxRecvVideoQualityForLargeVideo) {
+                maxVideoQualityChanged = true;
+                dispatch(setMaxReceiverVideoQualityForLargeVideo(newMaxRecvVideoQualityForLargeVideo));
+            }
+
+            if (maxReceiverVideoQualityForScreenSharingFilmstrip !== newMaxRecvVideoQualityForScreenSharingFilmstrip) {
+                maxVideoQualityChanged = true;
+                dispatch(
+                    setMaxReceiverVideoQualityForScreenSharingFilmstrip(
+                        newMaxRecvVideoQualityForScreenSharingFilmstrip));
+            }
+        }
+
+        if (!maxVideoQualityChanged && Boolean(displayTileView) !== Boolean(previousState.displayTileView)) {
+            _updateReceiverVideoConstraints(store);
+        }
+
+    }, {
+        deepEquals: true
+    });
+
+/**
+ * Returns the source names associated with the given participants list.
+ *
+ * @param {Array<string>} participantList - The list of participants.
+ * @param {Object} state - The redux state.
+ * @returns {Array<string>}
+ */
+function _getSourceNames(participantList: Array<string>, state: IReduxState): Array<string> {
+    const { remoteScreenShares } = state['features/video-layout'];
+    const tracks = state['features/base/tracks'];
+    const sourceNamesList: string[] = [];
+
+    participantList.forEach(participantId => {
+        if (getSsrcRewritingFeatureFlag(state)) {
+            const sourceNames: string[]
+                = getSourceNamesByMediaTypeAndParticipant(state, participantId, MEDIA_TYPE.VIDEO);
+
+            sourceNames.length && sourceNamesList.push(...sourceNames);
+        } else {
+            let sourceName: string;
+
+            if (remoteScreenShares.includes(participantId)) {
+                sourceName = participantId;
+            } else {
+                sourceName = getTrackSourceNameByMediaTypeAndParticipant(tracks, MEDIA_TYPE.VIDEO, participantId);
+            }
+
+            if (sourceName) {
+                sourceNamesList.push(sourceName);
+            }
+        }
+    });
+
+    return sourceNamesList;
+}
+
+/**
+ * Helper function for updating the preferred sender video constraint, based on the user preference.
+ *
+ * @param {number} preferred - The user preferred max frame height.
+ * @returns {void}
+ */
+function _setSenderVideoConstraint(preferred: number, { getState }: IStore) {
+    const state = getState();
+    const { conference } = state['features/base/conference'];
+
+    if (!conference) {
+        return;
+    }
+
+    logger.info(`Setting sender resolution to ${preferred}`);
+    conference.setSenderVideoConstraint(preferred)
+        .catch((error: any) => {
+            _handleParticipantError(error);
+            reportError(error, `Changing sender resolution to ${preferred} failed.`);
+        });
+}
+
+/**
+ * Private helper to calculate the receiver video constraints and set them on the bridge channel.
+ *
+ * @param {*} store - The redux store.
+ * @returns {void}
+ */
+function _updateReceiverVideoConstraints({ getState }: IStore) {
+    const state = getState();
+    const { conference } = state['features/base/conference'];
+
+    if (!conference) {
+        return;
+    }
+    const { lastN } = state['features/base/lastn'];
+    const {
+        maxReceiverVideoQualityForTileView,
+        maxReceiverVideoQualityForStageFilmstrip,
+        maxReceiverVideoQualityForVerticalFilmstrip,
+        maxReceiverVideoQualityForLargeVideo,
+        maxReceiverVideoQualityForScreenSharingFilmstrip,
+        preferredVideoQuality
+    } = state['features/video-quality'];
+    const { participantId: largeVideoParticipantId = '' } = state['features/large-video'];
+    const maxFrameHeightForTileView = Math.min(maxReceiverVideoQualityForTileView, preferredVideoQuality);
+    const maxFrameHeightForStageFilmstrip = Math.min(maxReceiverVideoQualityForStageFilmstrip, preferredVideoQuality);
+    const maxFrameHeightForVerticalFilmstrip
+        = Math.min(maxReceiverVideoQualityForVerticalFilmstrip, preferredVideoQuality);
+    const maxFrameHeightForLargeVideo
+        = Math.min(maxReceiverVideoQualityForLargeVideo, preferredVideoQuality);
+    const maxFrameHeightForScreenSharingFilmstrip
+        = Math.min(maxReceiverVideoQualityForScreenSharingFilmstrip, preferredVideoQuality);
+    const { remoteScreenShares } = state['features/video-layout'];
+    const { visibleRemoteParticipants } = state['features/filmstrip'];
+    const tracks = state['features/base/tracks'];
+    const localParticipantId = getLocalParticipant(state)?.id;
+    const activeParticipantsIds = getActiveParticipantsIds(state);
+    const screenshareFilmstripParticipantId = isTopPanelEnabled(state) && getScreenshareFilmstripParticipantId(state);
+
+    const receiverConstraints: any = {
+        constraints: {},
+        defaultConstraints: { 'maxHeight': VIDEO_QUALITY_LEVELS.NONE },
+        lastN
+    };
+
+    let activeParticipantsSources: string[] = [];
+    let visibleRemoteTrackSourceNames: string[] = [];
+    let largeVideoSourceName: string | undefined;
+
+    receiverConstraints.onStageSources = [];
+    receiverConstraints.selectedSources = [];
+
+    if (visibleRemoteParticipants?.size) {
+        visibleRemoteTrackSourceNames = _getSourceNames(Array.from(visibleRemoteParticipants), state);
+    }
+
+    if (activeParticipantsIds?.length > 0) {
+        activeParticipantsSources = _getSourceNames(activeParticipantsIds, state);
+    }
+
+    if (localParticipantId !== largeVideoParticipantId) {
+        if (remoteScreenShares.includes(largeVideoParticipantId)) {
+            largeVideoSourceName = largeVideoParticipantId;
+        } else {
+            largeVideoSourceName = getSsrcRewritingFeatureFlag(state)
+                ? getSourceNamesByVideoTypeAndParticipant(state, largeVideoParticipantId, VIDEO_TYPE.CAMERA)[0]
+                : getTrackSourceNameByMediaTypeAndParticipant(tracks, MEDIA_TYPE.VIDEO, largeVideoParticipantId);
+        }
+    }
+
+    // Tile view.
+    if (shouldDisplayTileView(state)) {
+        if (!visibleRemoteTrackSourceNames?.length) {
+            return;
+        }
+
+        visibleRemoteTrackSourceNames.forEach(sourceName => {
+            receiverConstraints.constraints[sourceName] = { 'maxHeight': maxFrameHeightForTileView };
+        });
+
+        // Prioritize screenshare in tile view.
+        if (remoteScreenShares?.length) {
+            receiverConstraints.selectedSources = remoteScreenShares;
+        }
+
+    // Stage view.
+    } else {
+        if (!visibleRemoteTrackSourceNames?.length && !largeVideoSourceName && !activeParticipantsSources?.length) {
+            return;
+        }
+
+        if (visibleRemoteTrackSourceNames?.length) {
+            visibleRemoteTrackSourceNames.forEach(sourceName => {
+                receiverConstraints.constraints[sourceName] = { 'maxHeight': maxFrameHeightForVerticalFilmstrip };
+            });
+        }
+
+        if (getCurrentLayout(state) === LAYOUTS.STAGE_FILMSTRIP_VIEW && activeParticipantsSources.length > 0) {
+            const selectedSources: string[] = [];
+            const onStageSources: string[] = [];
+
+            // If more than one video source is pinned to the stage filmstrip, they need to be added to the
+            // 'selectedSources' so that the bridge can allocate bandwidth for all the sources as opposed to doing
+            // greedy allocation for the sources (which happens when they are added to 'onStageSources').
+            if (activeParticipantsSources.length > 1) {
+                selectedSources.push(...activeParticipantsSources);
+            } else {
+                onStageSources.push(activeParticipantsSources[0]);
+            }
+
+            activeParticipantsSources.forEach(sourceName => {
+                const isScreenSharing = remoteScreenShares.includes(sourceName);
+                const quality
+                    = isScreenSharing && preferredVideoQuality >= MAX_VIDEO_QUALITY
+                        ? VIDEO_QUALITY_UNLIMITED : maxFrameHeightForStageFilmstrip;
+
+                receiverConstraints.constraints[sourceName] = { 'maxHeight': quality };
+            });
+
+            if (screenshareFilmstripParticipantId) {
+                onStageSources.push(screenshareFilmstripParticipantId);
+                receiverConstraints.constraints[screenshareFilmstripParticipantId]
+                    = {
+                        'maxHeight':
+                            preferredVideoQuality >= MAX_VIDEO_QUALITY
+                                ? VIDEO_QUALITY_UNLIMITED : maxFrameHeightForScreenSharingFilmstrip
+                    };
+            }
+
+            receiverConstraints.onStageSources = onStageSources;
+            receiverConstraints.selectedSources = selectedSources;
+        } else if (largeVideoSourceName) {
+            let quality = VIDEO_QUALITY_UNLIMITED;
+
+            if (preferredVideoQuality < MAX_VIDEO_QUALITY
+                || !remoteScreenShares.find(id => id === largeVideoParticipantId)) {
+                quality = maxFrameHeightForLargeVideo;
+            }
+            receiverConstraints.constraints[largeVideoSourceName] = { 'maxHeight': quality };
+            receiverConstraints.onStageSources = [ largeVideoSourceName ];
+        }
+    }
+
+    try {
+        conference.setReceiverConstraints(receiverConstraints);
+    } catch (error: any) {
+        _handleParticipantError(error);
+        reportError(error, `Failed to set receiver video constraints ${JSON.stringify(receiverConstraints)}`);
+    }
+}
diff --git a/react/features/videosipgw/actionTypes.ts b/react/features/videosipgw/actionTypes.ts
new file mode 100644
index 0000000..b72fb7b
--- /dev/null
+++ b/react/features/videosipgw/actionTypes.ts
@@ -0,0 +1,23 @@
+/**
+ * The type of (redux) action which signals that sip GW service change its
+ * availability status.
+ *
+ * {
+ *     type: SIP_GW_AVAILABILITY_CHANGED,
+ *     status: string
+ * }
+ */
+export const SIP_GW_AVAILABILITY_CHANGED
+    = 'SIP_GW_AVAILABILITY_CHANGED';
+
+/**
+ * The type of the action which signals to invite room participants to the
+ * conference through the SIP Jibri service.
+ *
+ * {
+ *     type: SIP_GW_INVITE_ROOMS,
+ *     conference: JitsiConference,
+ *     rooms: {Immutable.List}
+ * }
+ */
+export const SIP_GW_INVITE_ROOMS = 'SIP_GW_INVITE_ROOMS';
diff --git a/react/features/videosipgw/actions.ts b/react/features/videosipgw/actions.ts
new file mode 100644
index 0000000..19e08ef
--- /dev/null
+++ b/react/features/videosipgw/actions.ts
@@ -0,0 +1,20 @@
+import { SIP_GW_INVITE_ROOMS } from './actionTypes';
+
+/**
+ * Invites room participants to the conference through the SIP Jibri service.
+ *
+ * @param {JitsiMeetConference} conference - The conference to which the rooms
+ * will be invited to.
+ * @param {Immutable.List} rooms - The list of the "videosipgw" type items to
+ * invite.
+ * @returns {void}
+ */
+export function inviteVideoRooms(
+        conference: Object,
+        rooms: Object) {
+    return {
+        type: SIP_GW_INVITE_ROOMS,
+        conference,
+        rooms
+    };
+}
diff --git a/react/features/videosipgw/logger.ts b/react/features/videosipgw/logger.ts
new file mode 100644
index 0000000..4a203ce
--- /dev/null
+++ b/react/features/videosipgw/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:videosipgw');
diff --git a/react/features/videosipgw/middleware.ts b/react/features/videosipgw/middleware.ts
new file mode 100644
index 0000000..e3efda4
--- /dev/null
+++ b/react/features/videosipgw/middleware.ts
@@ -0,0 +1,179 @@
+import { IStore } from '../app/types';
+import { CONFERENCE_JOIN_IN_PROGRESS } from '../base/conference/actionTypes';
+import { IJitsiConference } from '../base/conference/reducer';
+import {
+    JitsiConferenceEvents,
+    JitsiSIPVideoGWStatus
+} from '../base/lib-jitsi-meet';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import {
+    showErrorNotification,
+    showNotification,
+    showWarningNotification
+} from '../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE } from '../notifications/constants';
+
+import {
+    SIP_GW_AVAILABILITY_CHANGED,
+    SIP_GW_INVITE_ROOMS
+} from './actionTypes';
+import logger from './logger';
+import { ISipRoom, ISipSessionChangedEvent } from './types';
+
+/**
+ * Middleware that captures conference video sip gw events and stores
+ * the global sip gw availability in redux or show appropriate notification
+ * for sip gw sessions.
+ * Captures invitation actions that create sip gw sessions or display
+ * appropriate error/warning notifications.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(({ dispatch }) => next => action => {
+    const result = next(action);
+
+    switch (action.type) {
+    case CONFERENCE_JOIN_IN_PROGRESS: {
+        const { conference } = action;
+
+        conference.on(
+            JitsiConferenceEvents.VIDEO_SIP_GW_AVAILABILITY_CHANGED,
+            (status: string) => dispatch(_availabilityChanged(status)));
+        conference.on(
+            JitsiConferenceEvents.VIDEO_SIP_GW_SESSION_STATE_CHANGED,
+            (event: ISipSessionChangedEvent) => {
+                const toDispatch = _sessionStateChanged(event);
+
+                // sessionStateChanged can decide there is nothing to dispatch
+                if (toDispatch) {
+                    dispatch(toDispatch);
+                }
+            });
+
+        break;
+    }
+    case SIP_GW_INVITE_ROOMS:
+        _inviteRooms(action.rooms, action.conference, dispatch);
+        break;
+    }
+
+    return result;
+});
+
+/**
+ * Signals that sip gw availability had changed.
+ *
+ * @param {string} status - The new status of the service.
+ * @returns {{
+ *     type: SIP_GW_AVAILABILITY_CHANGED,
+ *     status: string
+ * }}
+ * @private
+ */
+function _availabilityChanged(status: string) {
+    return {
+        type: SIP_GW_AVAILABILITY_CHANGED,
+        status
+    };
+}
+
+/**
+ * Processes the action from the actionType {@code SIP_GW_INVITE_ROOMS} by
+ * inviting rooms into the conference or showing an error message.
+ *
+ * @param {Array} rooms - The conference rooms to invite.
+ * @param {Object} conference - The JitsiConference to invite the rooms to.
+ * @param {Function} dispatch - The redux dispatch function for emitting state
+ * changes (queuing error notifications).
+ * @private
+ * @returns {void}
+ */
+function _inviteRooms(rooms: ISipRoom[], conference: IJitsiConference, dispatch: IStore['dispatch']) {
+    for (const room of rooms) {
+        const { id: sipAddress, name: displayName } = room;
+
+        if (sipAddress && displayName) {
+            const newSession = conference
+                .createVideoSIPGWSession(sipAddress, displayName);
+
+            if (newSession instanceof Error) {
+                const e = newSession;
+
+                switch (e.message) {
+                case JitsiSIPVideoGWStatus.ERROR_NO_CONNECTION: {
+                    dispatch(showErrorNotification({
+                        descriptionKey: 'videoSIPGW.errorInvite',
+                        titleKey: 'videoSIPGW.errorInviteTitle'
+                    }));
+
+                    return;
+                }
+                case JitsiSIPVideoGWStatus.ERROR_SESSION_EXISTS: {
+                    dispatch(showWarningNotification({
+                        titleKey: 'videoSIPGW.errorAlreadyInvited',
+                        titleArguments: { displayName }
+                    }, NOTIFICATION_TIMEOUT_TYPE.LONG));
+
+                    return;
+                }
+                }
+
+                logger.error(
+                    'Unknown error trying to create sip videogw session',
+                    e);
+
+                return;
+            }
+
+            newSession.start();
+        } else {
+            logger.error(`No display name or sip number for ${
+                JSON.stringify(room)}`);
+        }
+    }
+}
+
+/**
+ * Signals that a session we created has a change in its status.
+ *
+ * @param {string} event - The event describing the session state change.
+ * @returns {Object|null} - A notification action.
+ * @private
+ */
+function _sessionStateChanged(
+        event: ISipSessionChangedEvent) {
+    switch (event.newState) {
+    case JitsiSIPVideoGWStatus.STATE_PENDING: {
+        return showNotification({
+            titleKey: 'videoSIPGW.pending',
+            titleArguments: {
+                displayName: event.displayName
+            }
+        }, NOTIFICATION_TIMEOUT_TYPE.SHORT);
+    }
+    case JitsiSIPVideoGWStatus.STATE_FAILED: {
+        return showErrorNotification({
+            titleKey: 'videoSIPGW.errorInviteFailedTitle',
+            titleArguments: {
+                displayName: event.displayName
+            },
+            descriptionKey: 'videoSIPGW.errorInviteFailed'
+        });
+    }
+    case JitsiSIPVideoGWStatus.STATE_OFF: {
+        if (event.failureReason === JitsiSIPVideoGWStatus.STATUS_BUSY) {
+            return showErrorNotification({
+                descriptionKey: 'videoSIPGW.busy',
+                titleKey: 'videoSIPGW.busyTitle'
+            });
+        } else if (event.failureReason) {
+            logger.error(`Unknown sip videogw error ${event.newState} ${
+                event.failureReason}`);
+        }
+    }
+    }
+
+    // nothing to show
+    return null;
+}
diff --git a/react/features/videosipgw/reducer.ts b/react/features/videosipgw/reducer.ts
new file mode 100644
index 0000000..d52bf36
--- /dev/null
+++ b/react/features/videosipgw/reducer.ts
@@ -0,0 +1,21 @@
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import { SIP_GW_AVAILABILITY_CHANGED } from './actionTypes';
+
+export interface IVideoSipGW {
+    status?: string;
+}
+
+ReducerRegistry.register<IVideoSipGW>(
+    'features/videosipgw', (state = {}, action): IVideoSipGW => {
+        switch (action.type) {
+        case SIP_GW_AVAILABILITY_CHANGED: {
+            return {
+                ...state,
+                status: action.status
+            };
+        }
+        }
+
+        return state;
+    });
diff --git a/react/features/videosipgw/types.ts b/react/features/videosipgw/types.ts
new file mode 100644
index 0000000..d64a368
--- /dev/null
+++ b/react/features/videosipgw/types.ts
@@ -0,0 +1,10 @@
+export interface ISipRoom {
+    id: string;
+    name: string;
+}
+
+export interface ISipSessionChangedEvent {
+    displayName: string;
+    failureReason: string;
+    newState: string;
+}
diff --git a/react/features/virtual-background/actionTypes.ts b/react/features/virtual-background/actionTypes.ts
new file mode 100644
index 0000000..5235aea
--- /dev/null
+++ b/react/features/virtual-background/actionTypes.ts
@@ -0,0 +1,23 @@
+/**
+ * The type of redux action dispatched which represents that the background
+ * effect is enabled or not.
+ *
+ * @returns {{
+ *     type: BACKGROUND_ENABLED,
+ *     backgroundEffectEnabled: boolean
+ * }}
+ */
+export const BACKGROUND_ENABLED = 'BACKGROUND_ENABLED';
+
+/**
+ * The type of the action which enables or disables virtual background
+ *
+ * @returns {{
+ *     type: SET_VIRTUAL_BACKGROUND,
+ *     virtualSource: string,
+ *     blurValue: number,
+ *     backgroundType: string,
+ *     selectedThumbnail: string
+ * }}
+ */
+export const SET_VIRTUAL_BACKGROUND = 'SET_VIRTUAL_BACKGROUND';
diff --git a/react/features/virtual-background/actions.ts b/react/features/virtual-background/actions.ts
new file mode 100644
index 0000000..de8b48d
--- /dev/null
+++ b/react/features/virtual-background/actions.ts
@@ -0,0 +1,105 @@
+import { IStore } from '../app/types';
+import { createVirtualBackgroundEffect } from '../stream-effects/virtual-background';
+
+import { BACKGROUND_ENABLED, SET_VIRTUAL_BACKGROUND } from './actionTypes';
+import { VIRTUAL_BACKGROUND_TYPE } from './constants';
+import logger from './logger';
+import { IVirtualBackground } from './reducer';
+
+/**
+ * Signals the local participant activate the virtual background video or not.
+ *
+ * @param {Object} options - Represents the virtual background set options.
+ * @param {Object} jitsiTrack - Represents the jitsi track that will have backgraund effect applied.
+ * @returns {Promise}
+ */
+export function toggleBackgroundEffect(options: IVirtualBackground, jitsiTrack: any) {
+    return async function(dispatch: IStore['dispatch'], getState: IStore['getState']) {
+        dispatch(backgroundEnabled(options.backgroundEffectEnabled));
+        dispatch(setVirtualBackground(options));
+        const state = getState();
+        const virtualBackground = state['features/virtual-background'];
+
+        if (jitsiTrack) {
+            try {
+                if (options.backgroundEffectEnabled) {
+                    await jitsiTrack.setEffect(await createVirtualBackgroundEffect(virtualBackground, dispatch));
+                } else {
+                    await jitsiTrack.setEffect(undefined);
+                    dispatch(backgroundEnabled(false));
+                }
+            } catch (error) {
+                dispatch(backgroundEnabled(false));
+                logger.error('Error on apply background effect:', error);
+            }
+        }
+    };
+}
+
+/**
+ * Sets the selected virtual background image object.
+ *
+ * @param {Object} options - Represents the virtual background set options.
+ * @returns {{
+ *     type: SET_VIRTUAL_BACKGROUND,
+ *     virtualSource: string,
+ *     blurValue: number,
+ *     type: string,
+ * }}
+ */
+export function setVirtualBackground(options?: IVirtualBackground) {
+    return {
+        type: SET_VIRTUAL_BACKGROUND,
+        virtualSource: options?.virtualSource,
+        blurValue: options?.blurValue,
+        backgroundType: options?.backgroundType,
+        selectedThumbnail: options?.selectedThumbnail
+    };
+}
+
+/**
+ * Signals the local participant that the background effect has been enabled.
+ *
+ * @param {boolean} backgroundEffectEnabled - Indicate if virtual background effect is activated.
+ * @returns {{
+ *      type: BACKGROUND_ENABLED,
+ *      backgroundEffectEnabled: boolean
+ * }}
+ */
+export function backgroundEnabled(backgroundEffectEnabled?: boolean) {
+    return {
+        type: BACKGROUND_ENABLED,
+        backgroundEffectEnabled
+    };
+}
+
+/**
+ * Simulates blurred background selection/removal on video background. Used by API only.
+ *
+ * @param {JitsiLocalTrack} videoTrack - The targeted video track.
+ * @param {string} [blurType] - Blur type to apply. Accepted values are 'slight-blur', 'blur' or 'none'.
+ * @param {boolean} muted - Muted state of the video track.
+ * @returns {Promise}
+ */
+export function toggleBlurredBackgroundEffect(videoTrack: any, blurType: 'slight-blur' | 'blur' | 'none',
+        muted: boolean) {
+    return async function(dispatch: IStore['dispatch'], _getState: IStore['getState']) {
+        if (muted || !videoTrack || !blurType) {
+            return;
+        }
+
+        if (blurType === 'none') {
+            dispatch(toggleBackgroundEffect({
+                backgroundEffectEnabled: false,
+                selectedThumbnail: blurType
+            }, videoTrack));
+        } else {
+            dispatch(toggleBackgroundEffect({
+                backgroundEffectEnabled: true,
+                backgroundType: VIRTUAL_BACKGROUND_TYPE.BLUR,
+                blurValue: blurType === 'blur' ? 25 : 8,
+                selectedThumbnail: blurType
+            }, videoTrack));
+        }
+    };
+}
diff --git a/react/features/virtual-background/components/UploadImageButton.tsx b/react/features/virtual-background/components/UploadImageButton.tsx
new file mode 100644
index 0000000..2b33f4c
--- /dev/null
+++ b/react/features/virtual-background/components/UploadImageButton.tsx
@@ -0,0 +1,152 @@
+import React, { useCallback, useRef } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { makeStyles } from 'tss-react/mui';
+import { v4 as uuidv4 } from 'uuid';
+
+import { translate } from '../../base/i18n/functions';
+import Icon from '../../base/icons/components/Icon';
+import { IconPlus } from '../../base/icons/svg';
+import { type Image, VIRTUAL_BACKGROUND_TYPE } from '../constants';
+import { resizeImage } from '../functions';
+import logger from '../logger';
+
+interface IProps extends WithTranslation {
+
+    /**
+     * Callback used to set the 'loading' state of the parent component.
+     */
+    setLoading: Function;
+
+    /**
+     * Callback used to set the options.
+     */
+    setOptions: Function;
+
+    /**
+     * Callback used to set the storedImages array.
+     */
+    setStoredImages: Function;
+
+    /**
+     * If a label should be displayed alongside the button.
+     */
+    showLabel: boolean;
+
+    /**
+     * A list of images locally stored.
+     */
+    storedImages: Array<Image>;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        label: {
+            ...theme.typography.bodyShortBold,
+            color: theme.palette.link01,
+            marginBottom: theme.spacing(3),
+            cursor: 'pointer',
+            display: 'flex',
+            alignItems: 'center'
+        },
+
+        addBackground: {
+            marginRight: theme.spacing(3),
+
+            '& svg': {
+                fill: `${theme.palette.link01} !important`
+            }
+        },
+
+        input: {
+            display: 'none'
+        }
+    };
+});
+
+/**
+ * Component used to upload an image.
+ *
+ * @param {Object} Props - The props of the component.
+ * @returns {React$Node}
+ */
+function UploadImageButton({
+    setLoading,
+    setOptions,
+    setStoredImages,
+    showLabel,
+    storedImages,
+    t
+}: IProps) {
+    const { classes } = useStyles();
+    const uploadImageButton = useRef<HTMLInputElement>(null);
+    const uploadImageKeyPress = useCallback(e => {
+        if (uploadImageButton.current && (e.key === ' ' || e.key === 'Enter')) {
+            e.preventDefault();
+            uploadImageButton.current.click();
+        }
+    }, [ uploadImageButton.current ]);
+
+
+    const uploadImage = useCallback(async e => {
+        const imageFile = e.target.files;
+
+        if (imageFile.length === 0) {
+            return;
+        }
+
+        const reader = new FileReader();
+
+        reader.readAsDataURL(imageFile[0]);
+        reader.onload = async () => {
+            const url = await resizeImage(reader.result);
+            const uuId = uuidv4();
+
+            setStoredImages([
+                ...storedImages,
+                {
+                    id: uuId,
+                    src: url
+                }
+            ]);
+            setOptions({
+                backgroundEffectEnabled: true,
+                backgroundType: VIRTUAL_BACKGROUND_TYPE.IMAGE,
+                selectedThumbnail: uuId,
+                virtualSource: url
+            });
+        };
+        logger.info('New virtual background image uploaded!');
+
+        reader.onerror = () => {
+            setLoading(false);
+            logger.error('Failed to upload virtual image!');
+        };
+    }, [ storedImages ]);
+
+    return (
+        <>
+            {showLabel && <label
+                className = { classes.label }
+                htmlFor = 'file-upload'
+                onKeyPress = { uploadImageKeyPress }
+                tabIndex = { 0 } >
+                <Icon
+                    className = { classes.addBackground }
+                    size = { 24 }
+                    src = { IconPlus } />
+                {t('virtualBackground.addBackground')}
+            </label>}
+
+            <input
+                accept = 'image/*'
+                className = { classes.input }
+                id = 'file-upload'
+                onChange = { uploadImage }
+                ref = { uploadImageButton }
+                role = 'button'
+                type = 'file' />
+        </>
+    );
+}
+
+export default translate(UploadImageButton);
diff --git a/react/features/virtual-background/components/VideoBackgroundButton.ts b/react/features/virtual-background/components/VideoBackgroundButton.ts
new file mode 100644
index 0000000..e28efb6
--- /dev/null
+++ b/react/features/virtual-background/components/VideoBackgroundButton.ts
@@ -0,0 +1,77 @@
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../app/types';
+import { translate } from '../../base/i18n/functions';
+import { IconImage } from '../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../base/toolbox/components/AbstractButton';
+import { isScreenVideoShared } from '../../screen-share/functions';
+import { openSettingsDialog } from '../../settings/actions';
+import { SETTINGS_TABS } from '../../settings/constants';
+import { checkBlurSupport, checkVirtualBackgroundEnabled } from '../functions';
+
+/**
+ * The type of the React {@code Component} props of {@link VideoBackgroundButton}.
+ */
+interface IProps extends AbstractButtonProps {
+
+    /**
+     * True if the video background is blurred or false if it is not.
+     */
+    _isBackgroundEnabled: boolean;
+}
+
+/**
+ * An abstract implementation of a button that toggles the video background dialog.
+ */
+class VideoBackgroundButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.selectBackground';
+    override icon = IconImage;
+    override label = 'toolbar.selectBackground';
+    override tooltip = 'toolbar.selectBackground';
+
+    /**
+     * Handles clicking / pressing the button, and toggles the virtual background dialog
+     * state accordingly.
+     *
+     * @protected
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { dispatch } = this.props;
+
+        dispatch(openSettingsDialog(SETTINGS_TABS.VIRTUAL_BACKGROUND));
+    }
+
+    /**
+     * Returns {@code boolean} value indicating if the background effect is
+     * enabled or not.
+     *
+     * @protected
+     * @returns {boolean}
+     */
+    override _isToggled() {
+        return this.props._isBackgroundEnabled;
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated props for the
+ * {@code VideoBackgroundButton} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {{
+ *     _isBackgroundEnabled: boolean
+ * }}
+ */
+function _mapStateToProps(state: IReduxState) {
+
+    return {
+        _isBackgroundEnabled: Boolean(state['features/virtual-background'].backgroundEffectEnabled),
+        visible: checkBlurSupport()
+        && !isScreenVideoShared(state)
+        && checkVirtualBackgroundEnabled(state)
+    };
+}
+
+export default translate(connect(_mapStateToProps)(VideoBackgroundButton));
diff --git a/react/features/virtual-background/components/VirtualBackgroundPreview.tsx b/react/features/virtual-background/components/VirtualBackgroundPreview.tsx
new file mode 100644
index 0000000..be310d6
--- /dev/null
+++ b/react/features/virtual-background/components/VirtualBackgroundPreview.tsx
@@ -0,0 +1,305 @@
+import { Theme } from '@mui/material';
+import React, { PureComponent } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+import { withStyles } from 'tss-react/mui';
+
+import { IStore } from '../../app/types';
+import { hideDialog } from '../../base/dialog/actions';
+import { translate } from '../../base/i18n/functions';
+import { Video } from '../../base/media/components/index';
+import { equals } from '../../base/redux/functions';
+import { createLocalTracksF } from '../../base/tracks/functions';
+import Spinner from '../../base/ui/components/web/Spinner';
+import { showWarningNotification } from '../../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE } from '../../notifications/constants';
+import { toggleBackgroundEffect } from '../actions';
+import logger from '../logger';
+import { IVirtualBackground } from '../reducer';
+
+/**
+ * The type of the React {@code PureComponent} props of {@link VirtualBackgroundPreview}.
+ */
+export interface IProps extends WithTranslation {
+
+    /**
+     * An object containing the CSS classes.
+     */
+    classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
+
+    /**
+     * The redux {@code dispatch} function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Dialog callback that indicates if the background preview was loaded.
+     */
+    loadedPreview: Function;
+
+    /**
+     * Represents the virtual background set options.
+     */
+    options: IVirtualBackground;
+
+    /**
+     * The id of the selected video device.
+     */
+    selectedVideoInputId: string;
+}
+
+/**
+ * The type of the React {@code Component} state of {@link VirtualBackgroundPreview}.
+ */
+interface IState {
+
+    /**
+     * Activate the selected device camera only.
+     */
+    jitsiTrack: Object | null;
+
+    /**
+     * Loader activated on setting virtual background.
+     */
+    loading: boolean;
+
+    /**
+     * Flag that indicates if the local track was loaded.
+     */
+    localTrackLoaded: boolean;
+}
+
+/**
+ * Creates the styles for the component.
+ *
+ * @param {Object} theme - The current UI theme.
+ *
+ * @returns {Object}
+ */
+const styles = (theme: Theme) => {
+    return {
+        virtualBackgroundPreview: {
+            height: 'auto',
+            width: '100%',
+            overflow: 'hidden',
+            marginBottom: theme.spacing(3),
+            zIndex: 2,
+            borderRadius: '3px',
+            backgroundColor: theme.palette.uiBackground,
+            position: 'relative' as const
+        },
+
+        previewLoader: {
+            height: '220px',
+
+            '& svg': {
+                position: 'absolute' as const,
+                top: '40%',
+                left: '45%'
+            }
+        },
+
+        previewVideo: {
+            height: '100%',
+            width: '100%',
+            objectFit: 'cover' as const
+        },
+
+        error: {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            width: '100%',
+            height: '220px',
+            position: 'relative' as const
+        }
+    };
+};
+
+/**
+ * Implements a React {@link PureComponent} which displays the virtual
+ * background preview.
+ *
+ * @augments PureComponent
+ */
+class VirtualBackgroundPreview extends PureComponent<IProps, IState> {
+    _componentWasUnmounted: boolean;
+
+    /**
+     * Initializes a new {@code VirtualBackgroundPreview} instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            loading: false,
+            localTrackLoaded: false,
+            jitsiTrack: null
+        };
+    }
+
+    /**
+     * Destroys the jitsiTrack object.
+     *
+     * @param {Object} jitsiTrack - The track that needs to be disposed.
+     * @returns {Promise<void>}
+     */
+    _stopStream(jitsiTrack: any) {
+        if (jitsiTrack) {
+            jitsiTrack.dispose();
+        }
+    }
+
+    /**
+     * Creates and updates the track data.
+     *
+     * @returns {void}
+     */
+    async _setTracks() {
+        try {
+            this.setState({ loading: true });
+            const [ jitsiTrack ] = await createLocalTracksF({
+                cameraDeviceId: this.props.selectedVideoInputId,
+                devices: [ 'video' ]
+            });
+
+            this.setState({ localTrackLoaded: true });
+
+            // In case the component gets unmounted before the tracks are created
+            // avoid a leak by not setting the state
+            if (this._componentWasUnmounted) {
+                this._stopStream(jitsiTrack);
+
+                return;
+            }
+            this.setState({
+                jitsiTrack,
+                loading: false
+            });
+            this.props.loadedPreview(true);
+        } catch (error) {
+            this.props.dispatch(hideDialog());
+            this.props.dispatch(
+                showWarningNotification({
+                    titleKey: 'virtualBackground.backgroundEffectError',
+                    descriptionKey: 'deviceError.cameraError'
+                }, NOTIFICATION_TIMEOUT_TYPE.LONG)
+            );
+            logger.error('Failed to access camera device. Error on apply background effect.');
+
+            return;
+        }
+    }
+
+    /**
+     * Apply background effect on video preview.
+     *
+     * @returns {Promise}
+     */
+    async _applyBackgroundEffect() {
+        this.setState({ loading: true });
+        this.props.loadedPreview(false);
+        await this.props.dispatch(toggleBackgroundEffect(this.props.options, this.state.jitsiTrack));
+        this.props.loadedPreview(true);
+        this.setState({ loading: false });
+    }
+
+    /**
+     * Apply video preview loader.
+     *
+     * @returns {Promise}
+     */
+    _loadVideoPreview() {
+        const classes = withStyles.getClasses(this.props);
+
+        return (
+            <div className = { classes.previewLoader }>
+                <Spinner size = 'large' />
+            </div>
+        );
+    }
+
+    /**
+     * Renders a preview entry.
+     *
+     * @param {Object} data - The track data.
+     * @returns {React$Node}
+     */
+    _renderPreviewEntry(data: Object) {
+        const { t } = this.props;
+        const classes = withStyles.getClasses(this.props);
+
+        if (this.state.loading) {
+            return this._loadVideoPreview();
+        }
+        if (!data) {
+            return (
+                <div className = { classes.error }>{t('deviceSelection.previewUnavailable')}</div>
+            );
+        }
+
+        return (
+            <Video
+                className = { classes.previewVideo }
+                id = 'virtual_background_preview'
+                playsinline = { true }
+                videoTrack = {{ jitsiTrack: data }} />
+        );
+    }
+
+    /**
+     * Implements React's {@link Component#componentDidMount}.
+     *
+     * @inheritdoc
+     */
+    override componentDidMount() {
+        this._setTracks();
+    }
+
+    /**
+     * Implements React's {@link Component#componentWillUnmount}.
+     *
+     * @inheritdoc
+     */
+    override componentWillUnmount() {
+        this._componentWasUnmounted = true;
+        this._stopStream(this.state.jitsiTrack);
+    }
+
+    /**
+     * Implements React's {@link Component#componentDidUpdate}.
+     *
+     * @inheritdoc
+     */
+    override async componentDidUpdate(prevProps: IProps) {
+        if (!equals(this.props.selectedVideoInputId, prevProps.selectedVideoInputId)) {
+            this._setTracks();
+        }
+        if (!equals(this.props.options, prevProps.options) && this.state.localTrackLoaded) {
+            this._applyBackgroundEffect();
+        }
+    }
+
+    /**
+     * Implements React's {@link Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { jitsiTrack } = this.state;
+        const classes = withStyles.getClasses(this.props);
+
+        return (
+            <div className = { classes.virtualBackgroundPreview }>
+                {jitsiTrack
+                    ? this._renderPreviewEntry(jitsiTrack)
+                    : this._loadVideoPreview()
+                }</div>
+        );
+    }
+}
+
+export default translate(connect()(withStyles(VirtualBackgroundPreview, styles)));
diff --git a/react/features/virtual-background/components/VirtualBackgrounds.tsx b/react/features/virtual-background/components/VirtualBackgrounds.tsx
new file mode 100644
index 0000000..8604c4d
--- /dev/null
+++ b/react/features/virtual-background/components/VirtualBackgrounds.tsx
@@ -0,0 +1,503 @@
+// @ts-ignore
+import { jitsiLocalStorage } from '@jitsi/js-utils/jitsi-local-storage';
+// eslint-disable-next-line lines-around-comment
+// @ts-ignore
+import { safeJsonParse } from '@jitsi/js-utils/json';
+import React, { useCallback, useEffect, useState } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IReduxState, IStore } from '../../app/types';
+import { translate } from '../../base/i18n/functions';
+import Icon from '../../base/icons/components/Icon';
+import { IconCloseLarge } from '../../base/icons/svg';
+import Tooltip from '../../base/tooltip/components/Tooltip';
+import Spinner from '../../base/ui/components/web/Spinner';
+import { BACKGROUNDS_LIMIT, IMAGES, type Image, VIRTUAL_BACKGROUND_TYPE } from '../constants';
+import { toDataURL } from '../functions';
+import logger from '../logger';
+import { IVirtualBackground } from '../reducer';
+
+import UploadImageButton from './UploadImageButton';
+import VirtualBackgroundPreview from './VirtualBackgroundPreview';
+/* eslint-enable lines-around-comment */
+
+interface IProps extends WithTranslation {
+
+    /**
+     * The list of Images to choose from.
+     */
+    _images: Array<Image>;
+
+    /**
+     * If the upload button should be displayed or not.
+     */
+    _showUploadButton: boolean;
+
+    /**
+     * The redux {@code dispatch} function.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Options change handler.
+     */
+    onOptionsChange: Function;
+
+    /**
+     * Virtual background options.
+     */
+    options: IVirtualBackground;
+
+    /**
+     * Returns the selected thumbnail identifier.
+     */
+    selectedThumbnail: string;
+
+    /**
+     * The id of the selected video device.
+     */
+    selectedVideoInputId: string;
+}
+
+const onError = (event: any) => {
+    event.target.style.display = 'none';
+};
+
+const useStyles = makeStyles()(theme => {
+    return {
+        virtualBackgroundLoading: {
+            width: '100%',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            height: '50px'
+        },
+
+        container: {
+            width: '100%',
+            display: 'flex',
+            flexDirection: 'column'
+        },
+
+        thumbnailContainer: {
+            width: '100%',
+            display: 'inline-grid',
+            gridTemplateColumns: '1fr 1fr 1fr 1fr 1fr',
+            gap: theme.spacing(1),
+
+            '@media (min-width: 608px) and (max-width: 712px)': {
+                gridTemplateColumns: '1fr 1fr 1fr 1fr'
+            },
+
+            '@media (max-width: 607px)': {
+                gridTemplateColumns: '1fr 1fr 1fr',
+                gap: theme.spacing(2)
+            }
+        },
+
+        thumbnail: {
+            height: '54px',
+            width: '100%',
+            borderRadius: '4px',
+            boxSizing: 'border-box',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            textAlign: 'center',
+            ...theme.typography.labelBold,
+            color: theme.palette.text01,
+            objectFit: 'cover',
+
+            [[ '&:hover', '&:focus' ] as any]: {
+                opacity: 0.5,
+                cursor: 'pointer',
+
+                '& ~ .delete-image-icon': {
+                    display: 'block'
+                }
+            },
+
+            '@media (max-width: 607px)': {
+                height: '70px'
+            }
+        },
+
+        selectedThumbnail: {
+            border: `2px solid ${theme.palette.action01Hover}`
+        },
+
+        noneThumbnail: {
+            backgroundColor: theme.palette.ui04
+        },
+
+        slightBlur: {
+            boxShadow: 'inset 0 0 12px #000000',
+            background: '#a4a4a4'
+        },
+
+        blur: {
+            boxShadow: 'inset 0 0 12px #000000',
+            background: '#7e8287'
+        },
+
+        storedImageContainer: {
+            position: 'relative',
+            display: 'flex',
+            flexDirection: 'column',
+
+            '&:focus-within .delete-image-container': {
+                display: 'block'
+            }
+        },
+
+        deleteImageIcon: {
+            position: 'absolute',
+            top: '3px',
+            right: '3px',
+            background: theme.palette.ui03,
+            borderRadius: '3px',
+            cursor: 'pointer',
+            display: 'none',
+
+            '@media (max-width: 607px)': {
+                display: 'block',
+                padding: '3px'
+            },
+
+            [[ '&:hover', '&:focus' ] as any]: {
+                display: 'block'
+            }
+        }
+    };
+});
+
+/**
+ * Renders virtual background dialog.
+ *
+ * @returns {ReactElement}
+ */
+function VirtualBackgrounds({
+    _images,
+    _showUploadButton,
+    onOptionsChange,
+    options,
+    selectedVideoInputId,
+    t
+}: IProps) {
+    const { classes, cx } = useStyles();
+    const [ previewIsLoaded, setPreviewIsLoaded ] = useState(false);
+    const localImages = jitsiLocalStorage.getItem('virtualBackgrounds');
+    const [ storedImages, setStoredImages ] = useState<Array<Image>>((localImages && safeJsonParse(localImages)) || []);
+    const [ loading, setLoading ] = useState(false);
+
+    const deleteStoredImage = useCallback(e => {
+        const imageId = e.currentTarget.getAttribute('data-imageid');
+
+        setStoredImages(storedImages.filter(item => item.id !== imageId));
+    }, [ storedImages ]);
+
+    const deleteStoredImageKeyPress = useCallback(e => {
+        if (e.key === ' ' || e.key === 'Enter') {
+            e.preventDefault();
+            deleteStoredImage(e);
+        }
+    }, [ deleteStoredImage ]);
+
+    /**
+     * Updates stored images on local storage.
+     */
+    useEffect(() => {
+        try {
+            jitsiLocalStorage.setItem('virtualBackgrounds', JSON.stringify(storedImages));
+        } catch (err) {
+            // Preventing localStorage QUOTA_EXCEEDED_ERR
+            err && setStoredImages(storedImages.slice(1));
+        }
+        if (storedImages.length === BACKGROUNDS_LIMIT) {
+            setStoredImages(storedImages.slice(1));
+        }
+    }, [ storedImages ]);
+
+    const enableBlur = useCallback(async () => {
+        onOptionsChange({
+            backgroundEffectEnabled: true,
+            backgroundType: VIRTUAL_BACKGROUND_TYPE.BLUR,
+            blurValue: 25,
+            selectedThumbnail: 'blur'
+        });
+        logger.info('"Blur" option set for virtual background preview!');
+
+    }, []);
+
+    const enableBlurKeyPress = useCallback(e => {
+        if (e.key === ' ' || e.key === 'Enter') {
+            e.preventDefault();
+            enableBlur();
+        }
+    }, [ enableBlur ]);
+
+    const enableSlideBlur = useCallback(async () => {
+        onOptionsChange({
+            backgroundEffectEnabled: true,
+            backgroundType: VIRTUAL_BACKGROUND_TYPE.BLUR,
+            blurValue: 8,
+            selectedThumbnail: 'slight-blur'
+        });
+        logger.info('"Slight-blur" option set for virtual background preview!');
+
+    }, []);
+
+    const enableSlideBlurKeyPress = useCallback(e => {
+        if (e.key === ' ' || e.key === 'Enter') {
+            e.preventDefault();
+            enableSlideBlur();
+        }
+    }, [ enableSlideBlur ]);
+
+    const removeBackground = useCallback(async () => {
+        onOptionsChange({
+            backgroundEffectEnabled: false,
+            selectedThumbnail: 'none'
+        });
+        logger.info('"None" option set for virtual background preview!');
+
+    }, []);
+
+    const removeBackgroundKeyPress = useCallback(e => {
+        if (e.key === ' ' || e.key === 'Enter') {
+            e.preventDefault();
+            removeBackground();
+        }
+    }, [ removeBackground ]);
+
+    const setUploadedImageBackground = useCallback(async e => {
+        const imageId = e.currentTarget.getAttribute('data-imageid');
+        const image = storedImages.find(img => img.id === imageId);
+
+        if (image) {
+            onOptionsChange({
+                backgroundEffectEnabled: true,
+                backgroundType: VIRTUAL_BACKGROUND_TYPE.IMAGE,
+                selectedThumbnail: image.id,
+                virtualSource: image.src
+            });
+            logger.info('Uploaded image set for virtual background preview!');
+        }
+    }, [ storedImages ]);
+
+    const setImageBackground = useCallback(async e => {
+        const imageId = e.currentTarget.getAttribute('data-imageid');
+        const image = _images.find(img => img.id === imageId);
+
+        if (image) {
+            try {
+                const url = await toDataURL(image.src);
+
+                onOptionsChange({
+                    backgroundEffectEnabled: true,
+                    backgroundType: VIRTUAL_BACKGROUND_TYPE.IMAGE,
+                    selectedThumbnail: image.id,
+                    virtualSource: url
+                });
+                logger.info('Image set for virtual background preview!');
+            } catch (err) {
+                logger.error('Could not fetch virtual background image:', err);
+            }
+
+            setLoading(false);
+        }
+    }, []);
+
+    const setImageBackgroundKeyPress = useCallback(e => {
+        if (e.key === ' ' || e.key === 'Enter') {
+            e.preventDefault();
+            setImageBackground(e);
+        }
+    }, [ setImageBackground ]);
+
+    const setUploadedImageBackgroundKeyPress = useCallback(e => {
+        if (e.key === ' ' || e.key === 'Enter') {
+            e.preventDefault();
+            setUploadedImageBackground(e);
+        }
+    }, [ setUploadedImageBackground ]);
+
+    const loadedPreviewState = useCallback(async loaded => {
+        await setPreviewIsLoaded(loaded);
+    }, []);
+
+    // create a full list of {backgroundId: backgroundLabel} to easily retrieve label of selected background
+    const labelsMap: Record<string, string> = {
+        none: t('virtualBackground.none'),
+        'slight-blur': t('virtualBackground.slightBlur'),
+        blur: t('virtualBackground.blur'),
+        ..._images.reduce<Record<string, string>>((acc, image) => {
+            acc[image.id] = image.tooltip ? t(`virtualBackground.${image.tooltip}`) : '';
+
+            return acc;
+        }, {}),
+        ...storedImages.reduce<Record<string, string>>((acc, image, index) => {
+            acc[image.id] = t('virtualBackground.uploadedImage', { index: index + 1 });
+
+            return acc;
+        }, {})
+    };
+    const currentBackgroundLabel = options?.selectedThumbnail ? labelsMap[options.selectedThumbnail] : labelsMap.none;
+    const isThumbnailSelected = useCallback(thumbnail => options?.selectedThumbnail === thumbnail, [ options ]);
+    const getSelectedThumbnailClass = useCallback(
+        thumbnail => isThumbnailSelected(thumbnail) && classes.selectedThumbnail, [ isThumbnailSelected, options ]
+    );
+
+    return (
+        <>
+            <VirtualBackgroundPreview
+                loadedPreview = { loadedPreviewState }
+                options = { options }
+                selectedVideoInputId = { selectedVideoInputId } />
+            {loading ? (
+                <div className = { classes.virtualBackgroundLoading }>
+                    <Spinner />
+                </div>
+            ) : (
+                <div className = { classes.container }>
+                    <span
+                        className = 'sr-only'
+                        id = 'virtual-background-current-info'>
+                        { t('virtualBackground.accessibilityLabel.currentBackground', {
+                            background: currentBackgroundLabel
+                        }) }
+                    </span>
+                    {_showUploadButton
+                    && <UploadImageButton
+                        setLoading = { setLoading }
+                        setOptions = { onOptionsChange }
+                        setStoredImages = { setStoredImages }
+                        showLabel = { previewIsLoaded }
+                        storedImages = { storedImages } />}
+                    <div
+                        aria-describedby = 'virtual-background-current-info'
+                        aria-label = { t('virtualBackground.accessibilityLabel.selectBackground') }
+                        className = { classes.thumbnailContainer }
+                        role = 'radiogroup'
+                        tabIndex = { -1 }>
+                        <Tooltip
+                            content = { t('virtualBackground.removeBackground') }
+                            position = { 'top' }>
+                            <div
+                                aria-checked = { isThumbnailSelected('none') }
+                                aria-label = { t('virtualBackground.removeBackground') }
+                                className = { cx(classes.thumbnail, classes.noneThumbnail,
+                                    getSelectedThumbnailClass('none')) }
+                                onClick = { removeBackground }
+                                onKeyPress = { removeBackgroundKeyPress }
+                                role = 'radio'
+                                tabIndex = { 0 } >
+                                {t('virtualBackground.none')}
+                            </div>
+                        </Tooltip>
+                        <Tooltip
+                            content = { t('virtualBackground.slightBlur') }
+                            position = { 'top' }>
+                            <div
+                                aria-checked = { isThumbnailSelected('slight-blur') }
+                                aria-label = { t('virtualBackground.slightBlur') }
+                                className = { cx(classes.thumbnail, classes.slightBlur,
+                                    getSelectedThumbnailClass('slight-blur')) }
+                                onClick = { enableSlideBlur }
+                                onKeyPress = { enableSlideBlurKeyPress }
+                                role = 'radio'
+                                tabIndex = { 0 }>
+                                {t('virtualBackground.slightBlur')}
+                            </div>
+                        </Tooltip>
+                        <Tooltip
+                            content = { t('virtualBackground.blur') }
+                            position = { 'top' }>
+                            <div
+                                aria-checked = { isThumbnailSelected('blur') }
+                                aria-label = { t('virtualBackground.blur') }
+                                className = { cx(classes.thumbnail, classes.blur,
+                                    getSelectedThumbnailClass('blur')) }
+                                onClick = { enableBlur }
+                                onKeyPress = { enableBlurKeyPress }
+                                role = 'radio'
+                                tabIndex = { 0 }>
+                                {t('virtualBackground.blur')}
+                            </div>
+                        </Tooltip>
+                        {_images.map(image => (
+                            <Tooltip
+                                content = { (image.tooltip && t(`virtualBackground.${image.tooltip}`)) ?? '' }
+                                key = { image.id }
+                                position = { 'top' }>
+                                <img
+                                    alt = { image.tooltip && t(`virtualBackground.${image.tooltip}`) }
+                                    aria-checked = { isThumbnailSelected(image.id) }
+                                    className = { cx(classes.thumbnail,
+                                        getSelectedThumbnailClass(image.id)) }
+                                    data-imageid = { image.id }
+                                    onClick = { setImageBackground }
+                                    onError = { onError }
+                                    onKeyPress = { setImageBackgroundKeyPress }
+                                    role = 'radio'
+                                    src = { image.src }
+                                    tabIndex = { 0 } />
+                            </Tooltip>
+                        ))}
+                        {storedImages.map((image, index) => (
+                            <div
+                                className = { classes.storedImageContainer }
+                                key = { image.id }>
+                                <img
+                                    alt = { t('virtualBackground.uploadedImage', { index: index + 1 }) }
+                                    aria-checked = { isThumbnailSelected(image.id) }
+                                    className = { cx(classes.thumbnail,
+                                        getSelectedThumbnailClass(image.id)) }
+                                    data-imageid = { image.id }
+                                    onClick = { setUploadedImageBackground }
+                                    onError = { onError }
+                                    onKeyPress = { setUploadedImageBackgroundKeyPress }
+                                    role = 'radio'
+                                    src = { image.src }
+                                    tabIndex = { 0 } />
+
+                                <Icon
+                                    ariaLabel = { t('virtualBackground.deleteImage') }
+                                    className = { cx(classes.deleteImageIcon, 'delete-image-icon') }
+                                    data-imageid = { image.id }
+                                    onClick = { deleteStoredImage }
+                                    onKeyPress = { deleteStoredImageKeyPress }
+                                    role = 'button'
+                                    size = { 16 }
+                                    src = { IconCloseLarge }
+                                    tabIndex = { 0 } />
+                            </div>
+                        ))}
+                    </div>
+                </div>
+            )}
+        </>
+    );
+}
+
+/**
+ * Maps (parts of) the redux state to the associated props for the
+ * {@code VirtualBackground} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {{Props}}
+ */
+function _mapStateToProps(state: IReduxState) {
+    const dynamicBrandingImages = state['features/dynamic-branding'].virtualBackgrounds;
+    const hasBrandingImages = Boolean(dynamicBrandingImages.length);
+
+    return {
+        _images: (hasBrandingImages && dynamicBrandingImages) || IMAGES,
+        _showUploadButton: !state['features/base/config'].disableAddingBackgroundImages
+    };
+}
+
+export default connect(_mapStateToProps)(translate(VirtualBackgrounds));
diff --git a/react/features/virtual-background/constants.ts b/react/features/virtual-background/constants.ts
new file mode 100644
index 0000000..55fe429
--- /dev/null
+++ b/react/features/virtual-background/constants.ts
@@ -0,0 +1,61 @@
+/**
+ * An enumeration of the different virtual background types.
+ *
+ * @enum {string}
+ */
+export const VIRTUAL_BACKGROUND_TYPE = {
+    IMAGE: 'image',
+    BLUR: 'blur',
+    NONE: 'none'
+};
+
+
+export type Image = {
+    id: string;
+    src: string;
+    tooltip?: string;
+};
+
+// The limit of virtual background uploads is 24. When the number
+// of uploads is 25 we trigger the deleteStoredImage function to delete
+// the first/oldest uploaded background.
+export const BACKGROUNDS_LIMIT = 25;
+
+
+export const IMAGES: Array<Image> = [
+    {
+        tooltip: 'image1',
+        id: '1',
+        src: 'images/virtual-background/background-1.jpg'
+    },
+    {
+        tooltip: 'image2',
+        id: '2',
+        src: 'images/virtual-background/background-2.jpg'
+    },
+    {
+        tooltip: 'image3',
+        id: '3',
+        src: 'images/virtual-background/background-3.jpg'
+    },
+    {
+        tooltip: 'image4',
+        id: '4',
+        src: 'images/virtual-background/background-4.jpg'
+    },
+    {
+        tooltip: 'image5',
+        id: '5',
+        src: 'images/virtual-background/background-5.jpg'
+    },
+    {
+        tooltip: 'image6',
+        id: '6',
+        src: 'images/virtual-background/background-6.jpg'
+    },
+    {
+        tooltip: 'image7',
+        id: '7',
+        src: 'images/virtual-background/background-7.jpg'
+    }
+];
diff --git a/react/features/virtual-background/functions.ts b/react/features/virtual-background/functions.ts
new file mode 100644
index 0000000..e67670e
--- /dev/null
+++ b/react/features/virtual-background/functions.ts
@@ -0,0 +1,119 @@
+import { IReduxState } from '../app/types';
+
+let filterSupport: boolean | undefined;
+
+/**
+ * Checks context filter support.
+ *
+ * @returns {boolean} True if the filter is supported and false if the filter is not supported by the browser.
+ */
+export function checkBlurSupport() {
+    if (typeof filterSupport === 'undefined') {
+        const canvas = document.createElement('canvas');
+        const ctx = canvas.getContext('2d');
+
+        filterSupport = typeof ctx?.filter !== 'undefined';
+
+        canvas.remove();
+    }
+
+    return filterSupport;
+}
+
+/**
+ * Checks if virtual background is enabled.
+ *
+ * @param {IReduxState} state - The state of the app.
+ * @returns {boolean} True if virtual background is enabled and false if virtual background is disabled.
+ */
+export function checkVirtualBackgroundEnabled(state: IReduxState) {
+    return state['features/base/config'].disableVirtualBackground !== true;
+}
+
+/**
+ * Convert blob to base64.
+ *
+ * @param {Blob} blob - The link to add info with.
+ * @returns {Promise<string>}
+ */
+export const blobToData = (blob: Blob) =>
+    new Promise(resolve => {
+        const reader = new FileReader();
+
+        reader.onloadend = () => resolve(reader.result?.toString());
+        reader.readAsDataURL(blob);
+    });
+
+/**
+ * Convert blob to base64.
+ *
+ * @param {string} url - The image url.
+ * @returns {Object} - Returns the converted blob to base64.
+ */
+export const toDataURL = async (url: string) => {
+    const response = await fetch(url);
+    const blob = await response.blob();
+    const resData = await blobToData(blob);
+
+    return resData;
+};
+
+/**
+ * Resize image and adjust original aspect ratio.
+ *
+ * @param {Object} base64image - Base64 image extraction.
+ * @param {number} width - Value for resizing the image width.
+ * @param {number} height - Value for resizing the image height.
+ * @returns {Promise<string>}
+ */
+export function resizeImage(base64image: any, width = 1920, height = 1080): Promise<string> {
+
+    // In order to work on Firefox browser we need to handle the asynchronous nature of image loading;  We need to use
+    // a promise mechanism. The reason why it 'works' without this mechanism in Chrome is actually 'by accident' because
+    // the image happens to be in the cache and the browser is able to deliver the uncompressed/decoded image
+    // before using the image in the drawImage call.
+    return new Promise(resolve => {
+        const img = document.createElement('img');
+
+        img.onload = function() {
+            // Create an off-screen canvas.
+            const canvas = document.createElement('canvas');
+
+            // Set its dimension to target size.
+            const context = canvas.getContext('2d');
+
+            canvas.width = width;
+            canvas.height = height;
+
+            // Draw source image into the off-screen canvas.
+            // TODO: keep aspect ratio and implement object-fit: cover.
+            context?.drawImage(img as any, 0, 0, width, height);
+
+            // Encode image to data-uri with base64 version of compressed image.
+            resolve(canvas.toDataURL('image/jpeg', 0.5));
+        };
+        img.src = base64image;
+    });
+}
+
+/**
+ * Creating a wrapper for promises on a specific time interval.
+ *
+ * @param {number} milliseconds - The number of milliseconds to wait the specified
+ * {@code promise} to settle before automatically rejecting the returned
+ * {@code Promise}.
+ * @param {Promise} promise - The {@code Promise} for which automatic rejecting
+ * after the specified timeout is to be implemented.
+ * @returns {Promise}
+ */
+export function timeout(milliseconds: number, promise: Promise<any>): Promise<Object> {
+    return new Promise((resolve, reject) => {
+        setTimeout(() => {
+            reject(new Error('408'));
+
+            return;
+        }, milliseconds);
+
+        promise.then(resolve, reject);
+    });
+}
diff --git a/react/features/virtual-background/hooks.ts b/react/features/virtual-background/hooks.ts
new file mode 100644
index 0000000..85342b9
--- /dev/null
+++ b/react/features/virtual-background/hooks.ts
@@ -0,0 +1,27 @@
+import { useSelector } from 'react-redux';
+
+import { isScreenVideoShared } from '../screen-share/functions';
+
+import VideoBackgroundButton from './components/VideoBackgroundButton';
+import { checkBlurSupport, checkVirtualBackgroundEnabled } from './functions';
+
+const virtualBackground = {
+    key: 'select-background',
+    Content: VideoBackgroundButton,
+    group: 3
+};
+
+/**
+ * A hook that returns the virtual background button if it is enabled and undefined otherwise.
+ *
+ *  @returns {Object | undefined}
+ */
+export function useVirtualBackgroundButton() {
+    const _checkBlurSupport = checkBlurSupport();
+    const _isScreenVideoShared = useSelector(isScreenVideoShared);
+    const _checkVirtualBackgroundEnabled = useSelector(checkVirtualBackgroundEnabled);
+
+    if (_checkBlurSupport && !_isScreenVideoShared && _checkVirtualBackgroundEnabled) {
+        return virtualBackground;
+    }
+}
diff --git a/react/features/virtual-background/logger.ts b/react/features/virtual-background/logger.ts
new file mode 100644
index 0000000..dad2387
--- /dev/null
+++ b/react/features/virtual-background/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:virtual-background');
diff --git a/react/features/virtual-background/reducer.ts b/react/features/virtual-background/reducer.ts
new file mode 100644
index 0000000..c968f52
--- /dev/null
+++ b/react/features/virtual-background/reducer.ts
@@ -0,0 +1,54 @@
+import PersistenceRegistry from '../base/redux/PersistenceRegistry';
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import { BACKGROUND_ENABLED, SET_VIRTUAL_BACKGROUND } from './actionTypes';
+
+const STORE_NAME = 'features/virtual-background';
+
+export interface IVirtualBackground {
+    backgroundEffectEnabled?: boolean;
+    backgroundType?: string;
+    blurValue?: number;
+    selectedThumbnail?: string;
+    virtualSource?: string;
+}
+
+/**
+ * Reduces redux actions which activate/deactivate virtual background image, or
+ * indicate if the virtual image background is activated/deactivated. The
+ * backgroundEffectEnabled flag indicate if virtual background effect is activated.
+ *
+ * @param {State} state - The current redux state.
+ * @param {Action} action - The redux action to reduce.
+ * @param {string} action.type - The type of the redux action to reduce..
+ * @returns {State} The next redux state that is the result of reducing the
+ * specified action.
+ */
+ReducerRegistry.register<IVirtualBackground>(STORE_NAME, (state = {}, action): IVirtualBackground => {
+    const { virtualSource, backgroundEffectEnabled, blurValue, backgroundType, selectedThumbnail } = action;
+
+    /**
+     * Sets up the persistence of the feature {@code virtual-background}.
+     */
+    PersistenceRegistry.register(STORE_NAME);
+
+    switch (action.type) {
+    case SET_VIRTUAL_BACKGROUND: {
+        return {
+            ...state,
+            virtualSource,
+            blurValue,
+            backgroundType,
+            selectedThumbnail
+        };
+    }
+    case BACKGROUND_ENABLED: {
+        return {
+            ...state,
+            backgroundEffectEnabled
+        };
+    }
+    }
+
+    return state;
+});
diff --git a/react/features/visitors/VisitorsListWebsocketClient.ts b/react/features/visitors/VisitorsListWebsocketClient.ts
new file mode 100644
index 0000000..ad55c75
--- /dev/null
+++ b/react/features/visitors/VisitorsListWebsocketClient.ts
@@ -0,0 +1,175 @@
+import { Client, StompSubscription } from '@stomp/stompjs';
+
+import logger from './logger';
+import { WebsocketClient } from './websocket-client';
+
+/**
+ * Websocket client impl, used for visitors list.
+ * Uses STOMP for authenticating (https://stomp.github.io/).
+ */
+export class VisitorsListWebsocketClient extends WebsocketClient {
+    private static client: VisitorsListWebsocketClient;
+
+    private _topicSubscription: StompSubscription | undefined;
+    private _queueSubscription: StompSubscription | undefined;
+
+    /**
+     * Creates a new instance of the VisitorsListWebsocketClient.
+     *
+     * @static
+     * @returns {VisitorsListWebsocketClient}
+     */
+    static override getInstance(): VisitorsListWebsocketClient {
+        if (!this.client) {
+            this.client = new VisitorsListWebsocketClient();
+        }
+
+        return this.client;
+    }
+
+    /**
+     * Connects to the visitors list with initial queue subscription, then switches to topic deltas.
+     *
+     * @param {string} queueServiceURL - The service URL to use.
+     * @param {string} queueEndpoint - The queue endpoint for initial list.
+     * @param {string} topicEndpoint - The topic endpoint for deltas.
+     * @param {Function} initialCallback - Callback executed with initial visitors list.
+     * @param {Function} deltaCallback - Callback executed with delta updates.
+     * @param {string} token - The token to be used for authorization.
+     * @param {Function?} connectCallback - Callback executed when connected.
+     * @returns {void}
+     */
+    connectVisitorsList(queueServiceURL: string,
+            queueEndpoint: string,
+            topicEndpoint: string,
+            initialCallback: (visitors: Array<{ n: string; r: string; }>) => void,
+            deltaCallback: (updates: Array<{ n: string; r: string; s: string; }>) => void,
+            token: string | undefined,
+            connectCallback?: () => void) {
+        this.stompClient = new Client({
+            brokerURL: queueServiceURL,
+            forceBinaryWSFrames: true,
+            appendMissingNULLonIncoming: true
+        });
+
+        const errorConnecting = (error: any) => {
+            if (this.retriesCount > 3) {
+                this.stompClient?.deactivate();
+                this.stompClient = undefined;
+
+                return;
+            }
+
+            this.retriesCount++;
+
+            logger.error(`Error connecting to ${queueServiceURL} ${JSON.stringify(error)}`);
+        };
+
+        this.stompClient.onWebSocketError = errorConnecting;
+
+        this.stompClient.onStompError = frame => {
+            logger.error('STOMP error received', frame);
+            errorConnecting(frame.headers.message);
+        };
+
+        if (token) {
+            this.stompClient.connectHeaders = {
+                Authorization: `Bearer ${token}`
+            };
+        }
+
+        this.stompClient.onConnect = () => {
+            if (!this.stompClient) {
+                return;
+            }
+
+            logger.debug('Connected to visitors list websocket');
+            connectCallback?.();
+
+            let initialReceived = false;
+            const cachedDeltas: Array<{ n: string; r: string; s: string; }> = [];
+
+            // Subscribe first for deltas so we don't miss any while waiting for the initial list
+            this._topicSubscription = this.stompClient.subscribe(topicEndpoint, deltaMessage => {
+                try {
+                    const updates: Array<{ n: string; r: string; s: string; }> = JSON.parse(deltaMessage.body);
+
+                    if (!initialReceived) {
+                        cachedDeltas.push(...updates);
+                    } else {
+                        deltaCallback(updates);
+                    }
+                } catch (e) {
+                    logger.error(`Error parsing visitors delta response: ${deltaMessage}`, e);
+                }
+            });
+
+            // Subscribe for the initial list after topic subscription is active
+            this._queueSubscription = this.stompClient.subscribe(queueEndpoint, message => {
+                try {
+                    const visitors: Array<{ n: string; r: string; }> = JSON.parse(message.body);
+
+                    logger.debug(`Received initial visitors list with ${visitors.length} visitors`);
+                    initialReceived = true;
+                    initialCallback(visitors);
+
+                    // Unsubscribe from queue after receiving initial list
+                    if (this._queueSubscription) {
+                        this._queueSubscription.unsubscribe();
+                        this._queueSubscription = undefined;
+                    }
+
+                    if (cachedDeltas.length) {
+                        deltaCallback(cachedDeltas);
+                        cachedDeltas.length = 0;
+                    }
+                } catch (e) {
+                    logger.error(`Error parsing initial visitors response: ${message}`, e);
+                }
+            });
+        };
+
+        this.stompClient.activate();
+    }
+
+    /**
+     * Unsubscribes from both topic and queue subscriptions.
+     *
+     * @returns {void}
+     */
+    override unsubscribe(): void {
+        if (this._topicSubscription) {
+            this._topicSubscription.unsubscribe();
+            logger.debug('Unsubscribed from visitors list topic');
+            this._topicSubscription = undefined;
+        }
+
+        if (this._queueSubscription) {
+            this._queueSubscription.unsubscribe();
+            logger.debug('Unsubscribed from visitors list queue');
+            this._queueSubscription = undefined;
+        }
+    }
+
+    /**
+     * Disconnects the current stomp client instance and clears it.
+     * Unsubscribes from any active subscriptions first.
+     *
+     * @returns {Promise}
+     */
+    override disconnect(): Promise<any> {
+        if (!this.stompClient) {
+            return Promise.resolve();
+        }
+
+        const url = this.stompClient.brokerURL;
+
+        // Unsubscribe first (synchronous), then disconnect
+        this.unsubscribe();
+
+        return this.stompClient.deactivate().then(() => {
+            logger.debug(`disconnected from: ${url}`);
+            this.stompClient = undefined;
+        });
+    }
+}
diff --git a/react/features/visitors/actionTypes.ts b/react/features/visitors/actionTypes.ts
new file mode 100644
index 0000000..a1ae5fe
--- /dev/null
+++ b/react/features/visitors/actionTypes.ts
@@ -0,0 +1,81 @@
+/**
+ * The type of (redux) action to update visitors in queue count.
+ *
+ * {
+ *     type: UPDATE_VISITORS_IN_QUEUE_COUNT,
+ *     count: number
+ * }
+ */
+export const UPDATE_VISITORS_IN_QUEUE_COUNT = 'UPDATE_VISITORS_IN_QUEUE_COUNT';
+
+/**
+ * The type of (redux) action which enables/disables visitors UI mode.
+ *
+ * {
+ *     type: I_AM_VISITOR_MODE,
+ *     enabled: boolean
+ * }
+ */
+export const I_AM_VISITOR_MODE = 'I_AM_VISITOR_MODE';
+
+/**
+ * The type of (redux) action which indicates that a promotion request was received from a visitor.
+ *
+ * {
+ *     type: VISITOR_PROMOTION_REQUEST,
+ *     nick: string,
+ *     from: string
+ * }
+ */
+export const VISITOR_PROMOTION_REQUEST = 'VISITOR_PROMOTION_REQUEST';
+
+/**
+ * The type of (redux) action which indicates that a promotion response denied was received.
+ *
+ * {
+ *     type: CLEAR_VISITOR_PROMOTION_REQUEST,
+ *     request: IPromotionRequest
+ * }
+ */
+export const CLEAR_VISITOR_PROMOTION_REQUEST = 'CLEAR_VISITOR_PROMOTION_REQUEST';
+
+/**
+ * The type of (redux) action which sets in visitor's queue.
+ *
+ * {
+ *     type: SET_IN_VISITORS_QUEUE,
+ *     value: boolean
+ * }
+ */
+export const SET_IN_VISITORS_QUEUE = 'SET_IN_VISITORS_QUEUE';
+
+/**
+ * The type of (redux) action which sets visitor demote actor.
+ *
+ * {
+ *     type: SET_VISITOR_DEMOTE_ACTOR,
+ *     displayName: string
+ * }
+ */
+export const SET_VISITOR_DEMOTE_ACTOR = 'SET_VISITOR_DEMOTE_ACTOR';
+
+/**
+ * The type of (redux) action which sets visitors support.
+ *
+ * {
+ *     type: SET_VISITORS_SUPPORTED,
+ *     value: string
+ * }
+ */
+export const SET_VISITORS_SUPPORTED = 'SET_VISITORS_SUPPORTED';
+
+/**
+ * The type of (redux) action which updates the current visitors list.
+ */
+export const UPDATE_VISITORS_LIST = 'UPDATE_VISITORS_LIST';
+
+/**
+ * Action dispatched when the visitors list is expanded for the first time
+ * and the client should subscribe for updates.
+ */
+export const SUBSCRIBE_VISITORS_LIST = 'SUBSCRIBE_VISITORS_LIST';
diff --git a/react/features/visitors/actions.ts b/react/features/visitors/actions.ts
new file mode 100644
index 0000000..061edcd
--- /dev/null
+++ b/react/features/visitors/actions.ts
@@ -0,0 +1,262 @@
+import { createRemoteVideoMenuButtonEvent } from '../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../analytics/functions';
+import { IStore } from '../app/types';
+import { getCurrentConference } from '../base/conference/functions';
+import { connect, disconnect, setPreferVisitor } from '../base/connection/actions';
+import { getLocalParticipant } from '../base/participants/functions';
+
+import {
+    CLEAR_VISITOR_PROMOTION_REQUEST,
+    I_AM_VISITOR_MODE,
+    SET_IN_VISITORS_QUEUE,
+    SET_VISITORS_SUPPORTED,
+    SET_VISITOR_DEMOTE_ACTOR,
+    SUBSCRIBE_VISITORS_LIST,
+    UPDATE_VISITORS_IN_QUEUE_COUNT,
+    UPDATE_VISITORS_LIST,
+    VISITOR_PROMOTION_REQUEST
+} from './actionTypes';
+import logger from './logger';
+import { IPromotionRequest } from './types';
+
+/**
+ * Action used to admit multiple participants in the conference.
+ *
+ * @param {Array<Object>} requests - A list of visitors requests.
+ * @returns {Function}
+ */
+export function admitMultiple(requests: Array<IPromotionRequest>): Function {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const conference = getCurrentConference(getState);
+
+        conference?.sendMessage({
+            type: 'visitors',
+            action: 'promotion-response',
+            approved: true,
+            ids: requests.map(r => r.from)
+        });
+    };
+}
+
+/**
+ * Approves the request of a visitor to join the main meeting.
+ *
+ * @param {IPromotionRequest} request - The request from the visitor.
+ * @returns {Function}
+ */
+export function approveRequest(request: IPromotionRequest) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const conference = getCurrentConference(getState);
+
+        conference?.sendMessage({
+            type: 'visitors',
+            action: 'promotion-response',
+            approved: true,
+            id: request.from
+        });
+
+        dispatch(clearPromotionRequest(request));
+    };
+}
+
+/**
+ * Denies the request of a visitor to join the main meeting.
+ *
+ * @param {IPromotionRequest} request - The request from the visitor.
+ * @returns {Function}
+ */
+export function denyRequest(request: IPromotionRequest) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const conference = getCurrentConference(getState);
+
+        conference?.sendMessage({
+            type: 'visitors',
+            action: 'promotion-response',
+            approved: false,
+            id: request.from
+        });
+
+        dispatch(clearPromotionRequest(request));
+    };
+}
+
+/**
+ * Sends a demote request to a main participant to join the meeting as a visitor.
+ *
+ * @param {string} id - The ID for the participant.
+ * @returns {Function}
+ */
+export function demoteRequest(id: string) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const conference = getCurrentConference(getState);
+        const localParticipant = getLocalParticipant(getState());
+
+        sendAnalytics(createRemoteVideoMenuButtonEvent('demote.button', { 'participant_id': id }));
+
+        if (id === localParticipant?.id) {
+            dispatch(disconnect(true))
+                .then(() => {
+                    dispatch(setPreferVisitor(true));
+                    logger.info('Dispatching connect to demote the local participant.');
+
+                    return dispatch(connect());
+                });
+        } else {
+            conference?.sendMessage({
+                type: 'visitors',
+                action: 'demote-request',
+                id,
+                actor: localParticipant?.id
+            });
+        }
+    };
+}
+
+/**
+ * Removes a promotion request from the state.
+ *
+ * @param {IPromotionRequest} request - The request.
+ * @returns {{
+ *     type: CLEAR_VISITOR_PROMOTION_REQUEST,
+ *     request: IPromotionRequest
+ * }}
+ */
+export function clearPromotionRequest(request: IPromotionRequest) {
+    return {
+        type: CLEAR_VISITOR_PROMOTION_REQUEST,
+        request
+    };
+}
+
+/**
+ * Visitor has sent us a promotion request.
+ *
+ * @param {IPromotionRequest} request - The request.
+ * @returns {{
+ *     type: VISITOR_PROMOTION_REQUEST,
+ * }}
+ */
+export function promotionRequestReceived(request: IPromotionRequest) {
+    return {
+        type: VISITOR_PROMOTION_REQUEST,
+        request
+    };
+}
+
+/**
+ * Sets Visitors mode on or off.
+ *
+ * @param {boolean} enabled - The new visitors mode state.
+ * @returns {{
+ *     type: I_AM_VISITOR_MODE,
+ * }}
+ */
+export function setIAmVisitor(enabled: boolean) {
+    return {
+        type: I_AM_VISITOR_MODE,
+        enabled
+    };
+}
+
+/**
+ * Sets in visitor's queue.
+ *
+ * @param {boolean} value - The new value.
+ * @returns {{
+ *     type: SET_IN_VISITORS_QUEUE,
+ * }}
+ */
+export function setInVisitorsQueue(value: boolean) {
+    return {
+        type: SET_IN_VISITORS_QUEUE,
+        value
+    };
+}
+
+/**
+ * Sets visitor demote actor.
+ *
+ * @param {string|undefined} displayName - The display name of the participant.
+ * @returns {{
+ *     type: SET_VISITOR_DEMOTE_ACTOR,
+ * }}
+ */
+export function setVisitorDemoteActor(displayName: string | undefined) {
+    return {
+        type: SET_VISITOR_DEMOTE_ACTOR,
+        displayName
+    };
+}
+
+/**
+ * Visitors count has been updated.
+ *
+ * @param {boolean} value - The new value whether visitors are supported.
+ * @returns {{
+ *     type: SET_VISITORS_SUPPORTED,
+ * }}
+ */
+export function setVisitorsSupported(value: boolean) {
+    return {
+        type: SET_VISITORS_SUPPORTED,
+        value
+    };
+}
+
+/**
+ * Visitors in queue count has been updated.
+ *
+ * @param {number} count - The new visitors in queue count.
+ * @returns {{
+ *     type: UPDATE_VISITORS_IN_QUEUE_COUNT,
+ * }}
+ */
+export function updateVisitorsInQueueCount(count: number) {
+    return {
+        type: UPDATE_VISITORS_IN_QUEUE_COUNT,
+        count
+    };
+}
+
+/**
+ * Updates the current list of visitors.
+ *
+ * @param {Array<Object>} visitors - The visitors list.
+ * @returns {{
+ *     type: UPDATE_VISITORS_LIST,
+ * }}
+ */
+export function updateVisitorsList(visitors: Array<{ id: string; name: string; }>) {
+    return {
+        type: UPDATE_VISITORS_LIST,
+        visitors
+    };
+}
+
+/**
+ * Signals the start of the visitors list websocket subscription.
+ *
+ * @returns {{ type: SUBSCRIBE_VISITORS_LIST }}
+ */
+export function subscribeVisitorsList() {
+    return {
+        type: SUBSCRIBE_VISITORS_LIST
+    };
+}
+
+/**
+ * Closes the overflow menu if opened.
+ *
+ * @private
+ * @returns {void}
+ */
+export function goLive() {
+    return (_: IStore['dispatch'], getState: IStore['getState']) => {
+        const { conference } = getState()['features/base/conference'];
+
+        conference?.getMetadataHandler().setMetadata('visitors', {
+            ...(conference?.getMetadataHandler().getMetadata()?.visitors || {}),
+            live: true
+        });
+    };
+}
diff --git a/react/features/visitors/components/index.native.ts b/react/features/visitors/components/index.native.ts
new file mode 100644
index 0000000..477cbb9
--- /dev/null
+++ b/react/features/visitors/components/index.native.ts
@@ -0,0 +1 @@
+export { default as JoinMeetingDialog } from './native/JoinMeetingDialog';
diff --git a/react/features/visitors/components/index.web.ts b/react/features/visitors/components/index.web.ts
new file mode 100644
index 0000000..fff10e4
--- /dev/null
+++ b/react/features/visitors/components/index.web.ts
@@ -0,0 +1 @@
+export { default as JoinMeetingDialog } from './web/JoinMeetingDialog';
diff --git a/react/features/visitors/components/native/JoinMeetingDialog.tsx b/react/features/visitors/components/native/JoinMeetingDialog.tsx
new file mode 100644
index 0000000..363b1e1
--- /dev/null
+++ b/react/features/visitors/components/native/JoinMeetingDialog.tsx
@@ -0,0 +1,40 @@
+import React, { useCallback, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { View, ViewStyle } from 'react-native';
+import Dialog from 'react-native-dialog';
+
+import { StandaloneRaiseHandButton as RaiseHandButton } from '../../../reactions/components/native/RaiseHandButton';
+import styles from '../../components/native/styles';
+
+/**
+ * Component that renders the join meeting dialog for visitors.
+ *
+ * @returns {JSX.Element}
+ */
+export default function JoinMeetingDialog() {
+    const { t } = useTranslation();
+    const [ visible, setVisible ] = useState(true);
+
+    const closeDialog = useCallback(() => {
+        setVisible(false);
+    }, []);
+
+    return (
+        <Dialog.Container
+            coverScreen = { false }
+            visible = { visible }>
+            <Dialog.Title>{ t('visitors.joinMeeting.title') }</Dialog.Title>
+            <Dialog.Description>
+                { t('visitors.joinMeeting.description') }
+                <View style = { styles.raiseHandButton as ViewStyle }>
+                    {/* @ts-ignore */}
+                    <RaiseHandButton disableClick = { true } />
+                </View>
+            </Dialog.Description>
+            <Dialog.Description>{t('visitors.joinMeeting.wishToSpeak')}</Dialog.Description>
+            <Dialog.Button
+                label = { t('dialog.Ok') }
+                onPress = { closeDialog } />
+        </Dialog.Container>
+    );
+}
diff --git a/react/features/visitors/components/native/VisitorsCountLabel.tsx b/react/features/visitors/components/native/VisitorsCountLabel.tsx
new file mode 100644
index 0000000..02a6076
--- /dev/null
+++ b/react/features/visitors/components/native/VisitorsCountLabel.tsx
@@ -0,0 +1,38 @@
+import React from 'react';
+import { useSelector } from 'react-redux';
+
+import { IconUsers } from '../../../base/icons/svg';
+import Label from '../../../base/label/components/native/Label';
+import BaseTheme from '../../../base/ui/components/BaseTheme.native';
+import { getVisitorsCount, getVisitorsShortText } from '../../functions';
+
+const styles = {
+    raisedHandsCountLabel: {
+        alignItems: 'center',
+        backgroundColor: BaseTheme.palette.warning02,
+        borderRadius: BaseTheme.shape.borderRadius,
+        flexDirection: 'row',
+        marginLeft: BaseTheme.spacing[0],
+        marginBottom: BaseTheme.spacing[0]
+    },
+
+    raisedHandsCountLabelText: {
+        color: BaseTheme.palette.uiBackground,
+        paddingLeft: BaseTheme.spacing[2]
+    }
+};
+
+const VisitorsCountLabel = () => {
+    const visitorsCount = useSelector(getVisitorsCount);
+
+    return visitorsCount > 0 ? (
+        <Label
+            icon = { IconUsers }
+            iconColor = { BaseTheme.palette.uiBackground }
+            style = { styles.raisedHandsCountLabel }
+            text = { `${getVisitorsShortText(visitorsCount)}` }
+            textStyle = { styles.raisedHandsCountLabelText } />
+    ) : null;
+};
+
+export default VisitorsCountLabel;
diff --git a/react/features/visitors/components/native/VisitorsQueue.tsx b/react/features/visitors/components/native/VisitorsQueue.tsx
new file mode 100644
index 0000000..184aac4
--- /dev/null
+++ b/react/features/visitors/components/native/VisitorsQueue.tsx
@@ -0,0 +1,43 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Text, View, ViewStyle } from 'react-native';
+import { useDispatch } from 'react-redux';
+
+import { hangup } from '../../../base/connection/actions.native';
+import LoadingIndicator from '../../../base/react/components/native/LoadingIndicator';
+import BaseTheme from '../../../base/ui/components/BaseTheme.native';
+import Button from '../../../base/ui/components/native/Button';
+import { BUTTON_TYPES } from '../../../base/ui/constants.any';
+import lobbyStyles from '../../../lobby/components/native/styles';
+
+import styles from './styles';
+
+/**
+ * The component that renders visitors queue UI.
+ *
+ * @returns {ReactElement}
+ */
+export default function VisitorsQueue() {
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+    const onHangupClick = useCallback(() => {
+        dispatch(hangup());
+    }, []);
+
+    return (
+        <View style = { styles.visitorsQueue as ViewStyle }>
+            <Text style = { styles.visitorsQueueTitle }>
+                { t('visitors.waitingMessage') }
+            </Text>
+            <LoadingIndicator
+                color = { BaseTheme.palette.icon01 }
+                style = { lobbyStyles.loadingIndicator } />
+            <Button
+                accessibilityLabel = 'toolbar.accessibilityLabel.leaveConference'
+                labelKey = 'toolbar.accessibilityLabel.leaveConference'
+                onClick = { onHangupClick }
+                style = { styles.hangupButton }
+                type = { BUTTON_TYPES.DESTRUCTIVE } />
+        </View>
+    );
+}
diff --git a/react/features/visitors/components/native/styles.ts b/react/features/visitors/components/native/styles.ts
new file mode 100644
index 0000000..aa17acf
--- /dev/null
+++ b/react/features/visitors/components/native/styles.ts
@@ -0,0 +1,34 @@
+import BaseTheme from '../../../base/ui/components/BaseTheme.native';
+
+/**
+ * The styles of the feature visitors.
+ */
+export default {
+
+    hangupButton: {
+        marginTop: BaseTheme.spacing[3],
+        width: 240
+    },
+
+    raiseHandButton: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: '100%'
+    },
+
+    visitorsQueue: {
+        alignItems: 'center',
+        display: 'flex',
+        justifyContent: 'center',
+        height: '100%',
+        width: '100%',
+    },
+
+    visitorsQueueTitle: {
+        ...BaseTheme.typography.heading5,
+        color: BaseTheme.palette.text01,
+        marginBottom: BaseTheme.spacing[3],
+        textAlign: 'center'
+    },
+};
diff --git a/react/features/visitors/components/web/JoinMeetingDialog.tsx b/react/features/visitors/components/web/JoinMeetingDialog.tsx
new file mode 100644
index 0000000..5a6b0c3
--- /dev/null
+++ b/react/features/visitors/components/web/JoinMeetingDialog.tsx
@@ -0,0 +1,72 @@
+import { noop } from 'lodash-es';
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { makeStyles } from 'tss-react/mui';
+
+import ToolboxButtonWithPopup from '../../../base/toolbox/components/web/ToolboxButtonWithPopup';
+import Dialog from '../../../base/ui/components/web/Dialog';
+import { RaiseHandButton } from '../../../reactions/components/web/RaiseHandButton';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        raiseHand: {
+            alignItems: 'center',
+            display: 'flex',
+            flexDirection: 'column',
+            marginTop: theme.spacing(3),
+            marginBottom: theme.spacing(3),
+            pointerEvents: 'none'
+        },
+        raiseHandTooltip: {
+            border: '1px solid #444',
+            borderRadius: theme.shape.borderRadius,
+            paddingBottom: theme.spacing(1),
+            paddingTop: theme.spacing(1),
+            paddingLeft: theme.spacing(2),
+            paddingRight: theme.spacing(2)
+        },
+        raiseHandButton: {
+            display: 'inline-block',
+            marginTop: theme.spacing(2),
+            marginBottom: theme.spacing(2),
+            position: 'relative'
+        }
+    };
+});
+
+/**
+ * Component that renders the join meeting dialog for visitors.
+ *
+ * @returns {JSX.Element}
+ */
+export default function JoinMeetingDialog() {
+    const { t } = useTranslation();
+    const { classes } = useStyles();
+
+    return (
+        <Dialog
+            cancel = {{ hidden: true }}
+            ok = {{ translationKey: 'dialog.Ok' }}
+            titleKey = 'visitors.joinMeeting.title'>
+            <div className = 'join-meeting-dialog'>
+                <p>{t('visitors.joinMeeting.description')}</p>
+                <div className = { classes.raiseHand }>
+                    <p className = { classes.raiseHandTooltip }>{t('visitors.joinMeeting.raiseHand')}</p>
+                    <div className = { classes.raiseHandButton }>
+                        <ToolboxButtonWithPopup
+                            onPopoverClose = { noop }
+                            onPopoverOpen = { noop }
+                            popoverContent = { null }
+                            visible = { false }>
+                            {/* @ts-ignore */}
+                            <RaiseHandButton
+                                disableClick = { true }
+                                raisedHand = { true } />
+                        </ToolboxButtonWithPopup>
+                    </div>
+                </div>
+                <p>{t('visitors.joinMeeting.wishToSpeak')}</p>
+            </div>
+        </Dialog>
+    );
+}
diff --git a/react/features/visitors/components/web/VisitorsCountLabel.tsx b/react/features/visitors/components/web/VisitorsCountLabel.tsx
new file mode 100644
index 0000000..edc6ee5
--- /dev/null
+++ b/react/features/visitors/components/web/VisitorsCountLabel.tsx
@@ -0,0 +1,37 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { IconUsers } from '../../../base/icons/svg';
+import Label from '../../../base/label/components/web/Label';
+import Tooltip from '../../../base/tooltip/components/Tooltip';
+import { getVisitorsCount, getVisitorsShortText } from '../../functions';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        label: {
+            backgroundColor: theme.palette.warning02,
+            color: theme.palette.uiBackground
+        }
+    };
+});
+
+const VisitorsCountLabel = () => {
+    const { classes: styles, theme } = useStyles();
+    const visitorsCount = useSelector(getVisitorsCount);
+    const { t } = useTranslation();
+
+    return visitorsCount > 0 ? (<Tooltip
+        content = { t('visitors.labelTooltip', { count: visitorsCount }) }
+        position = { 'bottom' }>
+        <Label
+            className = { styles.label }
+            icon = { IconUsers }
+            iconColor = { theme.palette.icon04 }
+            id = 'visitorsCountLabel'
+            text = { `${getVisitorsShortText(visitorsCount)}` } />
+    </Tooltip>) : null;
+};
+
+export default VisitorsCountLabel;
diff --git a/react/features/visitors/components/web/VisitorsQueue.tsx b/react/features/visitors/components/web/VisitorsQueue.tsx
new file mode 100644
index 0000000..8f430eb
--- /dev/null
+++ b/react/features/visitors/components/web/VisitorsQueue.tsx
@@ -0,0 +1,107 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+import { hangup } from '../../../base/connection/actions.web';
+import Button from '../../../base/ui/components/web/Button';
+import LoadingIndicator from '../../../base/ui/components/web/Spinner';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        container: {
+            height: '100%',
+            position: 'absolute',
+            inset: '0 0 0 0',
+            display: 'flex',
+            backgroundColor: theme.palette.ui01,
+            zIndex: 252,
+
+            '@media (max-width: 720px)': {
+                flexDirection: 'column-reverse'
+            }
+        },
+        content: {
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            flexShrink: 0,
+            boxSizing: 'border-box',
+            position: 'relative',
+
+            width: '100%',
+            height: '100%',
+            zIndex: 252,
+
+            '@media (max-width: 720px)': {
+                height: 'auto',
+                margin: '0 auto'
+            },
+
+            // mobile phone landscape
+            '@media (max-width: 420px)': {
+                padding: '16px 16px 0 16px',
+                width: '100%'
+            },
+
+            '@media (max-width: 400px)': {
+                padding: '16px'
+            }
+        },
+        contentControls: {
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            margin: 'auto',
+            width: '100%'
+        },
+        roomName: {
+            ...theme.typography.heading5,
+            color: theme.palette.text01,
+            marginBottom: theme.spacing(4),
+            overflow: 'hidden',
+            textAlign: 'center',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+            width: '100%'
+        },
+        spinner: {
+            margin: theme.spacing(4),
+        }
+    };
+});
+
+/**
+ * The component that renders visitors queue UI.
+ *
+ * @returns {ReactElement}
+ */
+export default function VisitorsQueue() {
+    const { classes } = useStyles();
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+
+    const onHangupClick = useCallback(() => {
+        dispatch(hangup());
+    }, []);
+
+    return (<div
+        className = { classes.container }
+        id = 'visitors-waiting-queue'>
+        <div className = { classes.content }>
+            <div className = { classes.contentControls }>
+                <span className = { classes.roomName }>
+                    { t('visitors.waitingMessage') }
+                </span>
+                <div className = { classes.spinner }>
+                    <LoadingIndicator size = 'large' />
+                </div>
+                <Button
+                    labelKey = 'toolbar.accessibilityLabel.leaveConference'
+                    onClick = { onHangupClick }
+                    testId = 'toolbar.accessibilityLabel.leaveConference'
+                    type = 'destructive' />
+            </div>
+        </div>
+    </div>);
+}
diff --git a/react/features/visitors/functions.ts b/react/features/visitors/functions.ts
new file mode 100644
index 0000000..8ef9ff1
--- /dev/null
+++ b/react/features/visitors/functions.ts
@@ -0,0 +1,161 @@
+import { IReduxState } from '../app/types';
+import { IStateful } from '../base/app/types';
+import { MEET_FEATURES } from '../base/jwt/constants';
+import { isJwtFeatureEnabled } from '../base/jwt/functions';
+import { toState } from '../base/redux/functions';
+
+/**
+ * A short string to represent the number of visitors.
+ * Over 1000 we show numbers like 1.0 K or 9.5 K.
+ *
+ * @param {number} visitorsCount - The number of visitors to shorten.
+ *
+ * @returns {string} Short string representing the number of visitors.
+ */
+export function getVisitorsShortText(visitorsCount: number) {
+    return visitorsCount >= 1000 ? `${Math.round(visitorsCount / 100) / 10} K` : String(visitorsCount);
+}
+
+/**
+ * Selector to return a list of promotion requests from visitors.
+ *
+ * @param {IReduxState} state - State object.
+ * @returns {Array<Object>}
+ */
+export function getPromotionRequests(state: IReduxState) {
+    return state['features/visitors'].promotionRequests;
+}
+
+/**
+ * Whether current UI is in visitor mode.
+ *
+ * @param {Function|Object} stateful - The redux store or {@code getState}
+ * function.
+ * @returns {boolean} Whether iAmVisitor is set.
+ */
+export function iAmVisitor(stateful: IStateful) {
+    return toState(stateful)['features/visitors'].iAmVisitor;
+}
+
+/**
+ * Returns the number of visitors.
+ *
+ * @param {Function|Object} stateful - The redux store or {@code getState}
+ * function.
+ * @returns {number} - The number of visitors.
+ */
+export function getVisitorsCount(stateful: IStateful) {
+    const state = toState(stateful);
+    const { hideVisitorCountForVisitors } = state['features/base/config'].visitors || {};
+    const isVisitor = state['features/visitors'].iAmVisitor;
+
+    if (isVisitor && hideVisitorCountForVisitors) {
+        return 0;
+    }
+
+    return state['features/visitors'].count ?? 0;
+}
+
+/**
+ * Returns the number of visitors that are waiting in queue.
+ *
+ * @param {Function|Object} stateful - The redux store or {@code getState}
+ * function.
+ * @returns {number} - The number of visitors in queue.
+ */
+export function getVisitorsInQueueCount(stateful: IStateful) {
+    return toState(stateful)['features/visitors'].inQueueCount ?? 0;
+}
+
+/**
+ * Whether visitor mode is supported.
+ *
+ * @param {Function|Object} stateful - The redux store or {@code getState}
+ * function.
+ * @returns {boolean} Whether visitor moder is supported.
+ */
+export function isVisitorsSupported(stateful: IStateful) {
+    return toState(stateful)['features/visitors'].supported;
+}
+
+/**
+ * Returns the current visitor list.
+ *
+ * @param {IStateful} stateful - The redux store or {@code getState} function.
+ * @returns {Array<Object>}
+ */
+export function getVisitorsList(stateful: IStateful) {
+    return toState(stateful)['features/visitors'].visitors ?? [];
+}
+
+/**
+ * Whether the visitors list websocket subscription has been requested.
+ *
+ * @param {IStateful} stateful - The redux store or {@code getState} function.
+ * @returns {boolean}
+ */
+export function isVisitorsListSubscribed(stateful: IStateful) {
+    return toState(stateful)['features/visitors'].visitorsListSubscribed;
+}
+
+/**
+ * Whether visitor mode is live.
+ *
+ * @param {Function|Object} stateful - The redux store or {@code getState}
+ * function.
+ * @returns {boolean} Whether visitor moder is live.
+ */
+export function isVisitorsLive(stateful: IStateful) {
+    return toState(stateful)['features/base/conference'].metadata?.visitors?.live;
+}
+
+/**
+ * Whether to show visitor queue screen.
+ *
+ * @param {Function|Object} stateful - The redux store or {@code getState}
+ * function.
+ * @returns {boolean} Whether current participant is visitor and is in queue.
+ */
+export function showVisitorsQueue(stateful: IStateful) {
+    return toState(stateful)['features/visitors'].inQueue;
+}
+
+/**
+ * Checks if the visitors list feature is enabled based on JWT and config.js.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @returns {boolean} Whether the feature is allowed.
+ */
+export function isVisitorsListEnabled(state: IReduxState): boolean {
+    const { visitors: visitorsConfig } = state['features/base/config'];
+
+    if (!visitorsConfig?.queueService) { // if the queue service is not configured, we can't retrieve the visitors list
+        return false;
+    }
+
+    return isJwtFeatureEnabled(state, MEET_FEATURES.LIST_VISITORS, false);
+}
+
+/**
+ * Determines whether the current visitors list should be displayed.
+ *
+ * @param {IStateful} stateful - The redux store or {@code getState} function.
+ * @returns {boolean} Whether the visitors list should be shown.
+ */
+export function shouldDisplayCurrentVisitorsList(stateful: IStateful): boolean {
+    const state = toState(stateful);
+
+    return isVisitorsListEnabled(state) && getVisitorsCount(state) > 0;
+}
+
+/**
+ * Returns display name, falling back to the default remote display name
+ * from config, or 'Fellow Jitster' if neither is available.
+ *
+ * @param {IReduxState} state - The Redux state.
+ * @param {string} [displayName] - Optional display name to use if available.
+ * @returns {string} - The display name.
+ */
+export function getDisplayName(state: IReduxState, displayName?: string): string {
+    return displayName || state['features/base/config'].defaultRemoteDisplayName || 'Fellow Jitster';
+}
diff --git a/react/features/visitors/logger.ts b/react/features/visitors/logger.ts
new file mode 100644
index 0000000..3dc15a7
--- /dev/null
+++ b/react/features/visitors/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:visitors');
diff --git a/react/features/visitors/middleware.ts b/react/features/visitors/middleware.ts
new file mode 100644
index 0000000..9cf33d0
--- /dev/null
+++ b/react/features/visitors/middleware.ts
@@ -0,0 +1,480 @@
+import i18n from 'i18next';
+import { batch } from 'react-redux';
+
+import { IStore } from '../app/types';
+import { IStateful } from '../base/app/types';
+import {
+    CONFERENCE_JOINED,
+    CONFERENCE_WILL_LEAVE,
+    ENDPOINT_MESSAGE_RECEIVED,
+    UPDATE_CONFERENCE_METADATA
+} from '../base/conference/actionTypes';
+import { IConferenceMetadata } from '../base/conference/reducer';
+import { SET_CONFIG } from '../base/config/actionTypes';
+import { CONNECTION_FAILED } from '../base/connection/actionTypes';
+import { connect, setPreferVisitor } from '../base/connection/actions';
+import { disconnect } from '../base/connection/actions.any';
+import { openDialog } from '../base/dialog/actions';
+import { JitsiConferenceEvents, JitsiConnectionErrors } from '../base/lib-jitsi-meet';
+import { PARTICIPANT_UPDATED } from '../base/participants/actionTypes';
+import { raiseHand } from '../base/participants/actions';
+import {
+    getLocalParticipant,
+    getParticipantById,
+    isLocalParticipantModerator
+} from '../base/participants/functions';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { toState } from '../base/redux/functions';
+import { BUTTON_TYPES } from '../base/ui/constants.any';
+import { hideNotification, showNotification } from '../notifications/actions';
+import {
+    NOTIFICATION_ICON,
+    NOTIFICATION_TIMEOUT_TYPE,
+    VISITORS_NOT_LIVE_NOTIFICATION_ID,
+    VISITORS_PROMOTION_NOTIFICATION_ID
+} from '../notifications/constants';
+import { INotificationProps } from '../notifications/types';
+import { open as openParticipantsPane } from '../participants-pane/actions';
+import { joinConference } from '../prejoin/actions';
+
+import { VisitorsListWebsocketClient } from './VisitorsListWebsocketClient';
+import { SUBSCRIBE_VISITORS_LIST, UPDATE_VISITORS_IN_QUEUE_COUNT } from './actionTypes';
+import {
+    approveRequest,
+    clearPromotionRequest,
+    denyRequest,
+    goLive,
+    promotionRequestReceived,
+    setInVisitorsQueue,
+    setVisitorDemoteActor,
+    setVisitorsSupported,
+    updateVisitorsInQueueCount,
+    updateVisitorsList
+} from './actions';
+import { JoinMeetingDialog } from './components';
+import { getPromotionRequests, getVisitorsInQueueCount, isVisitorsListEnabled } from './functions';
+import logger from './logger';
+import { WebsocketClient } from './websocket-client';
+
+MiddlewareRegistry.register(({ dispatch, getState }) => next => action => {
+    switch (action.type) {
+    case CONFERENCE_JOINED: {
+        const { conference } = action;
+
+        if (getState()['features/visitors'].iAmVisitor) {
+
+            const { demoteActorDisplayName } = getState()['features/visitors'];
+            const { showJoinMeetingDialog = true } = getState()['features/base/config'].visitors || {};
+
+            if (demoteActorDisplayName) {
+                const notificationParams: INotificationProps = {
+                    titleKey: 'visitors.notification.title',
+                    descriptionKey: 'visitors.notification.demoteDescription',
+                    descriptionArguments: {
+                        actor: demoteActorDisplayName
+                    }
+                };
+
+                batch(() => {
+                    dispatch(showNotification(notificationParams, NOTIFICATION_TIMEOUT_TYPE.STICKY));
+                    dispatch(setVisitorDemoteActor(undefined));
+                });
+            } else if (showJoinMeetingDialog) {
+                dispatch(openDialog('JoinMeetingDialog', JoinMeetingDialog));
+            }
+
+        } else {
+            dispatch(setVisitorsSupported(conference.isVisitorsSupported()));
+            conference.on(JitsiConferenceEvents.VISITORS_SUPPORTED_CHANGED, (value: boolean) => {
+                dispatch(setVisitorsSupported(value));
+            });
+        }
+
+        conference.on(JitsiConferenceEvents.VISITORS_MESSAGE, (
+                msg: { action: string; actor: string; from: string; id: string; nick: string; on: boolean; }) => {
+
+            if (msg.action === 'demote-request') {
+                // we need it before the disconnect
+                const participantById = getParticipantById(getState, msg.actor);
+                const localParticipant = getLocalParticipant(getState);
+
+                if (localParticipant && localParticipant.id === msg.id) {
+                    // handle demote
+                    dispatch(disconnect(true))
+                        .then(() => {
+                            dispatch(setPreferVisitor(true));
+
+                            // we need to set the name, so we can use it later in the notification
+                            if (participantById) {
+                                dispatch(setVisitorDemoteActor(participantById.name));
+                            }
+
+                            logger.info('Dispatching connect on demote request visitor message for local participant.');
+
+                            return dispatch(connect());
+                        });
+                }
+            } else if (msg.action === 'promotion-request') {
+                const request = {
+                    from: msg.from,
+                    nick: msg.nick
+                };
+
+                if (msg.on) {
+                    dispatch(promotionRequestReceived(request));
+                } else {
+                    dispatch(clearPromotionRequest(request));
+                }
+                _handlePromotionNotification({
+                    dispatch,
+                    getState
+                });
+            } else {
+                logger.error('Unknown action:', msg.action);
+            }
+        });
+
+        conference.on(JitsiConferenceEvents.VISITORS_REJECTION, () => {
+            dispatch(raiseHand(false));
+        });
+
+        break;
+    }
+    case CONFERENCE_WILL_LEAVE: {
+        WebsocketClient.getInstance().disconnect();
+        VisitorsListWebsocketClient.getInstance().disconnect();
+        break;
+    }
+    case SUBSCRIBE_VISITORS_LIST: {
+        if (isVisitorsListEnabled(getState()) && !VisitorsListWebsocketClient.getInstance().isActive()) {
+            _subscribeVisitorsList(getState, dispatch);
+        }
+        break;
+    }
+    case ENDPOINT_MESSAGE_RECEIVED: {
+        const { data } = action;
+
+        if (data?.action === 'promotion-response' && data.approved) {
+            const request = getPromotionRequests(getState())
+                .find((r: any) => r.from === data.id);
+
+            request && dispatch(clearPromotionRequest(request));
+        }
+        break;
+    }
+    case CONNECTION_FAILED: {
+        const { error } = action;
+
+        if (error?.name !== JitsiConnectionErrors.NOT_LIVE_ERROR) {
+            break;
+        }
+
+        const { hosts, visitors: visitorsConfig } = getState()['features/base/config'];
+        const { locationURL } = getState()['features/base/connection'];
+
+        if (!visitorsConfig?.queueService || !locationURL) {
+            break;
+        }
+
+        // let's subscribe for visitor waiting queue
+        const { room } = getState()['features/base/conference'];
+        const { disableBeforeUnloadHandlers = false } = getState()['features/base/config'];
+        const conferenceJid = `${room}@${hosts?.muc}`;
+        const beforeUnloadHandler = () => {
+            WebsocketClient.getInstance().disconnect();
+        };
+
+        WebsocketClient.getInstance()
+            .connect(`wss://${visitorsConfig?.queueService}/visitor/websocket`,
+                `/secured/conference/visitor/topic.${conferenceJid}`,
+                msg => {
+                    if ('status' in msg && msg.status === 'live') {
+                        logger.info('The conference is now live!');
+
+
+                        WebsocketClient.getInstance().disconnect()
+                            .then(() => {
+                                window.removeEventListener(
+                                    disableBeforeUnloadHandlers ? 'unload' : 'beforeunload',
+                                    beforeUnloadHandler);
+                                let delay = 0;
+
+                                // now let's connect to meeting
+                                if ('randomDelayMs' in msg) {
+                                    delay = msg.randomDelayMs;
+                                }
+
+                                if (WebsocketClient.getInstance().connectCount > 3) {
+                                    // if we keep connecting/disconnecting, let's slow it down
+                                    delay = 30 * 1000;
+                                }
+
+                                setTimeout(() => {
+                                    logger.info('Dispatching joinConference on conference live event.');
+                                    dispatch(joinConference());
+                                    dispatch(setInVisitorsQueue(false));
+                                }, Math.random() * delay);
+                            });
+                    }
+                },
+
+                getState()['features/base/jwt'].jwt,
+                () => {
+                    dispatch(setInVisitorsQueue(true));
+                });
+
+        /**
+         * Disconnecting the WebSocket client when the user closes the page.
+         */
+        window.addEventListener(disableBeforeUnloadHandlers ? 'unload' : 'beforeunload', beforeUnloadHandler);
+
+
+        break;
+    }
+    case PARTICIPANT_UPDATED: {
+        const { metadata } = getState()['features/base/conference'];
+
+        _handleQueueAndNotification(dispatch, getState, metadata);
+
+        break;
+    }
+    case SET_CONFIG: {
+        const result = next(action);
+        const { preferVisitor } = action.config;
+
+        if (preferVisitor !== undefined) {
+            setPreferVisitor(preferVisitor);
+        }
+
+        return result;
+    }
+    case UPDATE_CONFERENCE_METADATA: {
+        const { metadata } = action;
+
+        _handleQueueAndNotification(dispatch, getState, metadata);
+
+        break;
+    }
+    case UPDATE_VISITORS_IN_QUEUE_COUNT: {
+        _showNotLiveNotification(dispatch, action.count);
+
+        break;
+    }
+    }
+
+    return next(action);
+});
+
+/**
+ * Handles the queue connection and notification for visitors if needed.
+ *
+ * @param {IStore.dispatch} dispatch - The Redux dispatch function.
+ * @param {IStore.getState} getState - The Redux getState function.
+ * @param {IConferenceMetadata} metadata - The conference metadata.
+ * @returns {void}
+ */
+function _handleQueueAndNotification(
+        dispatch: IStore['dispatch'],
+        getState: IStore['getState'],
+        metadata: IConferenceMetadata | undefined): void {
+    const { visitors: visitorsConfig } = toState(getState)['features/base/config'];
+
+    if (!(visitorsConfig?.queueService && isLocalParticipantModerator(getState))) {
+        return;
+    }
+
+    if (metadata?.visitors?.live === false) {
+        if (!WebsocketClient.getInstance().isActive()) {
+            // if metadata go live changes to goLive false and local is moderator
+            // we should subscribe to the service if available to listen for waiting visitors
+            _subscribeQueueStats(getState(), dispatch);
+        }
+
+        _showNotLiveNotification(dispatch, getVisitorsInQueueCount(getState));
+    } else if (metadata?.visitors?.live) {
+        dispatch(hideNotification(VISITORS_NOT_LIVE_NOTIFICATION_ID));
+        WebsocketClient.getInstance().disconnect();
+    }
+}
+
+/**
+ * Shows a notification that the meeting is not live.
+ *
+ * @param {Dispatch} dispatch - The Redux dispatch function.
+ * @param {number} count - The count of visitors waiting.
+ * @returns {void}
+ */
+function _showNotLiveNotification(dispatch: IStore['dispatch'], count: number): void {
+    // let's show notification
+    dispatch(showNotification({
+        titleKey: 'notify.waitingVisitorsTitle',
+        descriptionKey: 'notify.waitingVisitors',
+        descriptionArguments: {
+            waitingVisitors: count
+        },
+        disableClosing: true,
+        uid: VISITORS_NOT_LIVE_NOTIFICATION_ID,
+        customActionNameKey: [ 'participantsPane.actions.goLive' ],
+        customActionType: [ BUTTON_TYPES.PRIMARY ],
+        customActionHandler: [ () => batch(() => {
+            dispatch(hideNotification(VISITORS_NOT_LIVE_NOTIFICATION_ID));
+            dispatch(goLive());
+        }) ],
+        icon: NOTIFICATION_ICON.PARTICIPANTS
+    }, NOTIFICATION_TIMEOUT_TYPE.STICKY));
+}
+
+/**
+ * Subscribe for moderator stats.
+ *
+ * @param {Function|Object} stateful - The redux store or {@code getState}
+ * function.
+ * @param {Dispatch} dispatch - The Redux dispatch function.
+ * @returns {void}
+ */
+function _subscribeQueueStats(stateful: IStateful, dispatch: IStore['dispatch']) {
+    const { hosts } = toState(stateful)['features/base/config'];
+    const { room } = toState(stateful)['features/base/conference'];
+    const conferenceJid = `${room}@${hosts?.muc}`;
+
+    const { visitors: visitorsConfig } = toState(stateful)['features/base/config'];
+
+    WebsocketClient.getInstance()
+        .connect(`wss://${visitorsConfig?.queueService}/visitor/websocket`,
+            `/secured/conference/state/topic.${conferenceJid}`,
+            msg => {
+                if ('visitorsWaiting' in msg) {
+                    dispatch(updateVisitorsInQueueCount(msg.visitorsWaiting));
+                }
+            },
+            toState(stateful)['features/base/jwt'].jwt);
+}
+
+/**
+ * Subscribes to the visitors list via WebSocket for real-time updates. This function establishes a WebSocket
+ * connection to track visitors in a conference.
+ *
+ * @param {IStore.getState} getState - Function to retrieve the current Redux state.
+ * @param {IStore.dispatch} dispatch - Function to dispatch Redux actions.
+ * @returns {void}
+ */
+function _subscribeVisitorsList(getState: IStore['getState'], dispatch: IStore['dispatch']) {
+    const state = getState();
+    const { visitors: visitorsConfig } = state['features/base/config'];
+    const conference = state['features/base/conference'].conference;
+    const meetingId = conference?.getMeetingUniqueId();
+    const localParticipant = getLocalParticipant(state);
+    const participantId = localParticipant?.id;
+
+    if (!visitorsConfig?.queueService || !meetingId || !participantId) {
+        logger.warn(`Missing required data for visitors list subscription', ${JSON.stringify({
+            queueService: visitorsConfig?.queueService,
+            meetingId,
+            participantId: participantId ? 'participantId present' : 'participantId missing'
+        })}`);
+
+        return;
+    }
+
+    const queueEndpoint = `/secured/conference/visitors-list/queue/${meetingId}/${participantId}`;
+    const topicEndpoint = `/secured/conference/visitors-list/topic/${meetingId}`;
+
+    logger.debug('Starting visitors list subscription');
+
+    VisitorsListWebsocketClient.getInstance()
+        .connectVisitorsList(
+            `wss://${visitorsConfig.queueService}/visitors-list/websocket`,
+            queueEndpoint,
+            topicEndpoint,
+            // Initial list callback - replace entire list
+            initialVisitors => {
+                const visitors = initialVisitors.map(v => ({ id: v.r, name: v.n }));
+
+                dispatch(updateVisitorsList(visitors));
+            },
+            // Delta updates callback - apply incremental changes
+            updates => {
+                let visitors = [ ...(getState()['features/visitors'].visitors ?? []) ];
+
+                updates.forEach(u => {
+                    if (u.s === 'j') {
+                        const index = visitors.findIndex(v => v.id === u.r);
+
+                        if (index === -1) {
+                            visitors.push({ id: u.r, name: u.n });
+                        } else {
+                            visitors[index] = { id: u.r, name: u.n };
+                        }
+                    } else if (u.s === 'l') {
+                        visitors = visitors.filter(v => v.id !== u.r);
+                    }
+                });
+
+                dispatch(updateVisitorsList(visitors));
+            },
+            getState()['features/base/jwt'].jwt);
+}
+
+/**
+ * Function to handle the promotion notification.
+ *
+ * @param {Object} store - The Redux store.
+ * @returns {void}
+ */
+function _handlePromotionNotification(
+        { dispatch, getState }: { dispatch: IStore['dispatch']; getState: IStore['getState']; }) {
+    const requests = getPromotionRequests(getState());
+
+    if (requests.length === 0) {
+        dispatch(hideNotification(VISITORS_PROMOTION_NOTIFICATION_ID));
+
+        return;
+    }
+
+    let notificationTitle;
+    let customActionNameKey;
+    let customActionHandler;
+    let customActionType;
+    let descriptionKey;
+    let icon;
+
+    if (requests.length === 1) {
+        const firstRequest = requests[0];
+
+        descriptionKey = 'notify.participantWantsToJoin';
+        notificationTitle = firstRequest.nick;
+        icon = NOTIFICATION_ICON.PARTICIPANT;
+        customActionNameKey = [ 'participantsPane.actions.admit', 'participantsPane.actions.reject' ];
+        customActionType = [ BUTTON_TYPES.PRIMARY, BUTTON_TYPES.DESTRUCTIVE ];
+        customActionHandler = [ () => batch(() => {
+            dispatch(hideNotification(VISITORS_PROMOTION_NOTIFICATION_ID));
+            dispatch(approveRequest(firstRequest));
+        }),
+        () => batch(() => {
+            dispatch(hideNotification(VISITORS_PROMOTION_NOTIFICATION_ID));
+            dispatch(denyRequest(firstRequest));
+        }) ];
+    } else {
+        descriptionKey = 'notify.participantsWantToJoin';
+        notificationTitle = i18n.t('notify.waitingParticipants', {
+            waitingParticipants: requests.length
+        });
+        icon = NOTIFICATION_ICON.PARTICIPANTS;
+        customActionNameKey = [ 'notify.viewVisitors' ];
+        customActionType = [ BUTTON_TYPES.PRIMARY ];
+        customActionHandler = [ () => batch(() => {
+            dispatch(hideNotification(VISITORS_PROMOTION_NOTIFICATION_ID));
+            dispatch(openParticipantsPane());
+        }) ];
+    }
+
+    dispatch(showNotification({
+        title: notificationTitle,
+        descriptionKey,
+        uid: VISITORS_PROMOTION_NOTIFICATION_ID,
+        customActionNameKey,
+        customActionType,
+        customActionHandler,
+        icon
+    }, NOTIFICATION_TIMEOUT_TYPE.STICKY));
+}
diff --git a/react/features/visitors/reducer.ts b/react/features/visitors/reducer.ts
new file mode 100644
index 0000000..b65e4b6
--- /dev/null
+++ b/react/features/visitors/reducer.ts
@@ -0,0 +1,132 @@
+import { CONFERENCE_PROPERTIES_CHANGED, CONFERENCE_WILL_LEAVE } from '../base/conference/actionTypes';
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import {
+    CLEAR_VISITOR_PROMOTION_REQUEST,
+    I_AM_VISITOR_MODE,
+    SET_IN_VISITORS_QUEUE,
+    SET_VISITORS_SUPPORTED,
+    SET_VISITOR_DEMOTE_ACTOR,
+    SUBSCRIBE_VISITORS_LIST,
+    UPDATE_VISITORS_IN_QUEUE_COUNT,
+    UPDATE_VISITORS_LIST,
+    VISITOR_PROMOTION_REQUEST
+} from './actionTypes';
+import { IPromotionRequest, IVisitorListParticipant } from './types';
+
+const DEFAULT_STATE = {
+    count: 0,
+    iAmVisitor: false,
+    inQueue: false,
+    inQueueCount: 0,
+    showNotification: false,
+    supported: false,
+    promotionRequests: [],
+    visitors: [] as IVisitorListParticipant[],
+    visitorsListSubscribed: false
+};
+
+export interface IVisitorsState {
+    count?: number;
+    demoteActorDisplayName?: string;
+    iAmVisitor: boolean;
+    inQueue: boolean;
+    inQueueCount?: number;
+    promotionRequests: IPromotionRequest[];
+    supported: boolean;
+    visitors: IVisitorListParticipant[];
+    visitorsListSubscribed: boolean;
+}
+ReducerRegistry.register<IVisitorsState>('features/visitors', (state = DEFAULT_STATE, action): IVisitorsState => {
+    switch (action.type) {
+    case CONFERENCE_PROPERTIES_CHANGED: {
+        const visitorCount = Number(action.properties?.['visitor-count']);
+
+        if (!isNaN(visitorCount) && state.count !== visitorCount) {
+            return {
+                ...state,
+                count: visitorCount
+            };
+        }
+
+        break;
+    }
+    case CONFERENCE_WILL_LEAVE: {
+        return {
+            ...state,
+            ...DEFAULT_STATE,
+
+            // If the action was called because a visitor was promoted don't clear the iAmVisitor field. It will be set
+            // to false with the I_AM_VISITOR_MODE action and we will be able to distinguish leaving the conference use
+            // case and promoting a visitor use case.
+            iAmVisitor: action.isRedirect ? state.iAmVisitor : DEFAULT_STATE.iAmVisitor
+        };
+    }
+    case UPDATE_VISITORS_IN_QUEUE_COUNT: {
+        if (state.inQueueCount === action.count) {
+            return state;
+        }
+
+        return {
+            ...state,
+            inQueueCount: action.count
+        };
+    }
+    case I_AM_VISITOR_MODE: {
+        return {
+            ...state,
+            iAmVisitor: action.enabled
+        };
+    }
+    case SET_IN_VISITORS_QUEUE: {
+        return {
+            ...state,
+            inQueue: action.value
+        };
+    }
+    case SET_VISITOR_DEMOTE_ACTOR: {
+        return {
+            ...state,
+            demoteActorDisplayName: action.displayName
+        };
+    }
+    case SET_VISITORS_SUPPORTED: {
+        return {
+            ...state,
+            supported: action.value
+        };
+    }
+    case SUBSCRIBE_VISITORS_LIST: {
+        return {
+            ...state,
+            visitorsListSubscribed: true
+        };
+    }
+    case UPDATE_VISITORS_LIST: {
+        return {
+            ...state,
+            visitors: action.visitors
+        };
+    }
+    case VISITOR_PROMOTION_REQUEST: {
+        const currentRequests = state.promotionRequests || [];
+
+        return {
+            ...state,
+            promotionRequests: [ ...currentRequests, action.request ]
+        };
+    }
+    case CLEAR_VISITOR_PROMOTION_REQUEST: {
+        let currentRequests = state.promotionRequests || [];
+
+        currentRequests = currentRequests.filter(r => r.from !== action.request.from);
+
+        return {
+            ...state,
+            promotionRequests: currentRequests
+        };
+    }
+    }
+
+    return state;
+});
diff --git a/react/features/visitors/types.ts b/react/features/visitors/types.ts
new file mode 100644
index 0000000..4d33269
--- /dev/null
+++ b/react/features/visitors/types.ts
@@ -0,0 +1,15 @@
+export interface IPromotionRequest {
+    from: string;
+    nick: string;
+}
+
+export interface IVisitorListParticipant {
+    id: string;
+    name: string;
+}
+
+export interface IVisitorChatParticipant {
+    id: string;
+    isVisitor: true;
+    name: string;
+}
diff --git a/react/features/visitors/websocket-client.ts b/react/features/visitors/websocket-client.ts
new file mode 100644
index 0000000..c1686ff
--- /dev/null
+++ b/react/features/visitors/websocket-client.ts
@@ -0,0 +1,169 @@
+/* eslint-disable @typescript-eslint/naming-convention */
+import { Client, StompSubscription } from '@stomp/stompjs';
+
+import logger from './logger';
+
+interface QueueServiceResponse {
+    conference: string;
+}
+export interface StateResponse extends QueueServiceResponse {
+    randomDelayMs: number;
+    status: string;
+}
+
+export interface VisitorResponse extends QueueServiceResponse {
+    visitorsWaiting: number;
+}
+
+/**
+ * Websocket client impl, used for visitors queue.
+ * Uses STOMP for authenticating (https://stomp.github.io/).
+ */
+export class WebsocketClient {
+    protected stompClient: Client | undefined;
+
+    private static instance: WebsocketClient;
+
+    protected retriesCount = 0;
+
+    private _connectCount = 0;
+
+    private _subscription: StompSubscription | undefined;
+
+    /**
+     *  WebsocketClient getInstance.
+     *
+     * @static
+     * @returns {WebsocketClient}  - WebsocketClient instance.
+     */
+    static getInstance(): WebsocketClient {
+        if (!this.instance) {
+            this.instance = new WebsocketClient();
+        }
+
+        return this.instance;
+    }
+
+    /**
+     * Connect to endpoint.
+     *
+     * @param {string} queueServiceURL - The service URL to use.
+     * @param {string} endpoint - The endpoint to subscribe to.
+     * @param {Function} callback - The callback to execute when we receive a message from the endpoint.
+     * @param {string} token - The token, if any, to be used for authorization.
+     * @param {Function?} connectCallback - The callback to execute when successfully connected.
+     *
+     * @returns {void}
+     */
+    connect(queueServiceURL: string, // eslint-disable-line max-params
+            endpoint: string,
+            callback: (response: StateResponse | VisitorResponse) => void,
+            token: string | undefined,
+            connectCallback?: () => void): void {
+        this.stompClient = new Client({
+            brokerURL: queueServiceURL,
+            forceBinaryWSFrames: true,
+            appendMissingNULLonIncoming: true
+        });
+
+        const errorConnecting = (error: any) => {
+            if (this.retriesCount > 3) {
+                this.stompClient?.deactivate();
+                this.stompClient = undefined;
+
+                return;
+            }
+
+            this.retriesCount++;
+
+            logger.error(`Error connecting to ${queueServiceURL} ${JSON.stringify(error)}`);
+        };
+
+        this.stompClient.onWebSocketError = errorConnecting;
+
+        this.stompClient.onStompError = frame => {
+            errorConnecting(frame.headers.message);
+        };
+
+        if (token) {
+            this.stompClient.connectHeaders = {
+                Authorization: `Bearer ${token}`
+            };
+        }
+
+        this.stompClient.onConnect = () => {
+            if (!this.stompClient) {
+                return;
+            }
+
+            this.retriesCount = 0;
+
+            logger.info(`Connected to:${endpoint}`);
+            this._connectCount++;
+            connectCallback?.();
+
+            this._subscription = this.stompClient.subscribe(endpoint, message => {
+                try {
+                    callback(JSON.parse(message.body));
+                } catch (e) {
+                    logger.error(`Error parsing response: ${message}`, e);
+                }
+            });
+        };
+
+        this.stompClient.activate();
+    }
+
+    /**
+     * Unsubscribes from the current subscription.
+     *
+     * @returns {void}
+     */
+    unsubscribe(): void {
+        if (this._subscription) {
+            this._subscription.unsubscribe();
+            logger.debug('Unsubscribed from WebSocket topic');
+            this._subscription = undefined;
+        }
+    }
+
+    /**
+     * Disconnects the current stomp client instance and clears it.
+     * Unsubscribes from any active subscriptions first if available.
+     *
+     * @returns {Promise}
+     */
+    disconnect(): Promise<any> {
+        if (!this.stompClient) {
+            return Promise.resolve();
+        }
+
+        const url = this.stompClient.brokerURL;
+
+        // Unsubscribe first (synchronous), then disconnect
+        this.unsubscribe();
+
+        return this.stompClient.deactivate().then(() => {
+            logger.debug(`disconnected from: ${url}`);
+            this.stompClient = undefined;
+        });
+    }
+
+    /**
+     * Checks whether the instance is created and connected or in connecting state.
+     *
+     * @returns {boolean} Whether the connect method was executed.
+     */
+    isActive() {
+        return this.stompClient !== undefined;
+    }
+
+    /**
+     * Returns the number of connections.
+     *
+     * @returns {number} The number of connections for the life of the app.
+     */
+    get connectCount(): number {
+        return this._connectCount;
+    }
+}
diff --git a/react/features/web-hid/actionTypes.ts b/react/features/web-hid/actionTypes.ts
new file mode 100644
index 0000000..7c1ef1f
--- /dev/null
+++ b/react/features/web-hid/actionTypes.ts
@@ -0,0 +1,20 @@
+/**
+ * Action type to INIT_DEVICE.
+ */
+export const INIT_DEVICE = 'INIT_DEVICE';
+
+/**
+ * Action type to CLOSE_HID_DEVICE.
+ */
+export const CLOSE_HID_DEVICE = 'CLOSE_HID_DEVICE';
+
+/**
+ * Action type to REQUEST_HID_DEVICE.
+ */
+export const REQUEST_HID_DEVICE = 'REQUEST_HID_DEVICE';
+
+/**
+ * Action type to UPDATE_DEVICE.
+ */
+export const UPDATE_DEVICE = 'UPDATE_DEVICE';
+
diff --git a/react/features/web-hid/actions.ts b/react/features/web-hid/actions.ts
new file mode 100644
index 0000000..4b9b805
--- /dev/null
+++ b/react/features/web-hid/actions.ts
@@ -0,0 +1,51 @@
+import { CLOSE_HID_DEVICE, INIT_DEVICE, REQUEST_HID_DEVICE, UPDATE_DEVICE } from './actionTypes';
+import { IDeviceInfo } from './types';
+
+/**
+ * Action used to init device.
+ *
+ * @param {IDeviceInfo} deviceInfo - Telephony device information.
+ * @returns {Object}
+ */
+export function initDeviceInfo(deviceInfo: IDeviceInfo) {
+    return {
+        type: INIT_DEVICE,
+        deviceInfo
+    };
+}
+
+/**
+ * Request hid device.
+ *
+ * @returns {Object}
+ */
+export function closeHidDevice() {
+    return {
+        type: CLOSE_HID_DEVICE
+    };
+}
+
+/**
+ * Request hid device.
+ *
+ * @param {IDeviceInfo} deviceInfo - Telephony device information.
+ * @returns {Object}
+ */
+export function requestHidDevice() {
+    return {
+        type: REQUEST_HID_DEVICE
+    };
+}
+
+/**
+ * Action used to init device.
+ *
+ * @param {IDeviceInfo} deviceInfo - Telephony device information.
+ * @returns {Object}
+ */
+export function updateDeviceInfo(deviceInfo: IDeviceInfo) {
+    return {
+        type: UPDATE_DEVICE,
+        updates: deviceInfo
+    };
+}
diff --git a/react/features/web-hid/functions.ts b/react/features/web-hid/functions.ts
new file mode 100644
index 0000000..25bdaf3
--- /dev/null
+++ b/react/features/web-hid/functions.ts
@@ -0,0 +1,121 @@
+import { IReduxState, IStore } from '../app/types';
+import { MEDIA_TYPE } from '../base/media/constants';
+import { muteLocal } from '../video-menu/actions.any';
+
+import { updateDeviceInfo } from './actions';
+import { ACTION_HOOK_TYPE_NAME, EVENT_TYPE, IDeviceInfo } from './types';
+import WebHidManager from './webhid-manager';
+
+/**
+ * Attach web hid event listeners.
+ *
+ * @param {Function} initDeviceListener - Init hid device listener.
+ * @param {Function} updateDeviceListener - Update hid device listener.
+ * @returns {void}
+ */
+export function attachHidEventListeners(
+        initDeviceListener: EventListenerOrEventListenerObject,
+        updateDeviceListener: EventListenerOrEventListenerObject
+) {
+    const hidManager = getWebHidInstance();
+
+    if (typeof initDeviceListener === 'function') {
+        hidManager.addEventListener(EVENT_TYPE.INIT_DEVICE, initDeviceListener);
+    }
+    if (typeof updateDeviceListener === 'function') {
+        hidManager.addEventListener(EVENT_TYPE.UPDATE_DEVICE, updateDeviceListener);
+    }
+}
+
+/**
+ * Returns instance of web hid manager.
+ *
+* @returns {WebHidManager}  - WebHidManager instance.
+ */
+export function getWebHidInstance(): WebHidManager {
+    const hidManager = WebHidManager.getInstance();
+
+    return hidManager;
+}
+
+/**
+ * Returns root conference state.
+ *
+ * @param {IReduxState} state - Global state.
+ * @returns {Object} Conference state.
+ */
+export const getWebHidState = (state: IReduxState) => state['features/web-hid'];
+
+/**
+ * Returns true if hid is supported.
+ *
+ * @returns {boolean}
+ */
+export function isDeviceHidSupported(): boolean {
+    const hidManager = getWebHidInstance();
+
+    return hidManager.isSupported();
+}
+
+/**
+ * Returns device info from state.
+ *
+ * @param {IReduxState} state - Global state.
+ * @returns {boolean}
+ */
+export function getDeviceInfo(state: IReduxState): IDeviceInfo {
+    const hidState = getWebHidState(state);
+
+    return hidState.deviceInfo;
+}
+
+/**
+ * Handles updating hid device.
+ *
+ * @param {Function} dispatch - Redux dispatch.
+ * @param {Function} customEventData - Custom event data.
+ * @returns {void}
+ */
+export function handleUpdateHidDevice(
+        dispatch: IStore['dispatch'],
+        customEventData: CustomEvent<{ actionResult?: { eventName: string; }; deviceInfo: IDeviceInfo; }>
+) {
+    dispatch(updateDeviceInfo(customEventData.detail.deviceInfo));
+
+    if (customEventData.detail?.actionResult?.eventName === ACTION_HOOK_TYPE_NAME.MUTE_SWITCH_ON) {
+        dispatch(muteLocal(true, MEDIA_TYPE.AUDIO));
+    } else if (customEventData.detail?.actionResult?.eventName === ACTION_HOOK_TYPE_NAME.MUTE_SWITCH_OFF) {
+        dispatch(muteLocal(false, MEDIA_TYPE.AUDIO));
+    }
+}
+
+/**
+ * Remove web hid event listeners.
+ *
+ * @param {Function} initDeviceListener - Init hid device listener.
+ * @param {Function} updateDeviceListener - Update hid device listener.
+ * @returns {void}
+ */
+export function removeHidEventListeners(
+        initDeviceListener: EventListenerOrEventListenerObject,
+        updateDeviceListener: EventListenerOrEventListenerObject
+) {
+    const hidManager = getWebHidInstance();
+
+    if (typeof initDeviceListener === 'function') {
+        hidManager.removeEventListener(EVENT_TYPE.INIT_DEVICE, initDeviceListener);
+    }
+    if (typeof updateDeviceListener === 'function') {
+        hidManager.removeEventListener(EVENT_TYPE.UPDATE_DEVICE, updateDeviceListener);
+    }
+}
+
+/**
+ * Returns true if there is no device info provided.
+ *
+ * @param {IDeviceInfo} deviceInfo - Device info state.
+ * @returns {boolean}
+ */
+export function shouldRequestHIDDevice(deviceInfo: IDeviceInfo): boolean {
+    return !deviceInfo?.device || Object.keys(deviceInfo).length === 0;
+}
diff --git a/react/features/web-hid/logger.ts b/react/features/web-hid/logger.ts
new file mode 100644
index 0000000..146a6ed
--- /dev/null
+++ b/react/features/web-hid/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:web-hid');
diff --git a/react/features/web-hid/middleware.ts b/react/features/web-hid/middleware.ts
new file mode 100644
index 0000000..6e3f761
--- /dev/null
+++ b/react/features/web-hid/middleware.ts
@@ -0,0 +1,145 @@
+import { IStore } from '../app/types';
+import { APP_WILL_MOUNT, APP_WILL_UNMOUNT } from '../base/app/actionTypes';
+import { getWebHIDFeatureConfig } from '../base/config/functions.web';
+import { SET_AUDIO_MUTED } from '../base/media/actionTypes';
+import { isAudioMuted } from '../base/media/functions';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+
+import { CLOSE_HID_DEVICE, REQUEST_HID_DEVICE } from './actionTypes';
+import { initDeviceInfo } from './actions';
+import {
+    attachHidEventListeners,
+    getWebHidInstance,
+    handleUpdateHidDevice,
+    isDeviceHidSupported,
+    removeHidEventListeners
+} from './functions';
+import logger from './logger';
+import { COMMANDS, IDeviceInfo } from './types';
+
+/**
+ * A listener for initialising the webhid device.
+ */
+let initDeviceListener: (e: any) => void;
+
+/**
+ * A listener for updating the webhid device.
+ */
+let updateDeviceListener: (e: any) => void;
+
+/**
+ * The redux middleware for {@link WebHid}.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register((store: IStore) => next => action => {
+    const { dispatch, getState } = store;
+
+    if (!getWebHIDFeatureConfig(getState())) {
+        return next(action);
+    }
+
+    switch (action.type) {
+    case APP_WILL_MOUNT: {
+        const hidManager = getWebHidInstance();
+
+        if (!hidManager.isSupported()) {
+            logger.warn('HID is not supported');
+
+            break;
+        }
+
+        const _initDeviceListener = (e: CustomEvent<{ deviceInfo: IDeviceInfo; }>) =>
+            dispatch(initDeviceInfo(e.detail.deviceInfo));
+        const _updateDeviceListener
+            = (e: CustomEvent<{ actionResult: { eventName: string; }; deviceInfo: IDeviceInfo; }>) =>
+                handleUpdateHidDevice(dispatch, e);
+
+
+        initDeviceListener = _initDeviceListener;
+        updateDeviceListener = _updateDeviceListener;
+
+        hidManager.listenToConnectedHid();
+        attachHidEventListeners(initDeviceListener, updateDeviceListener);
+
+        break;
+    }
+    case APP_WILL_UNMOUNT: {
+        const hidManager = getWebHidInstance();
+
+        if (!isDeviceHidSupported()) {
+            break;
+        }
+
+        removeHidEventListeners(initDeviceListener, updateDeviceListener);
+        hidManager.close();
+
+        break;
+    }
+    case CLOSE_HID_DEVICE: {
+        const hidManager = getWebHidInstance();
+
+        // cleanup event handlers when hid device is removed from Settings.
+        removeHidEventListeners(initDeviceListener, updateDeviceListener);
+
+        hidManager.close();
+
+        break;
+    }
+    case REQUEST_HID_DEVICE: {
+        _onRequestHIDDevice(store);
+
+        break;
+    }
+    case SET_AUDIO_MUTED: {
+        const hidManager = getWebHidInstance();
+
+        if (!isDeviceHidSupported()) {
+            break;
+        }
+
+        hidManager.sendDeviceReport({ command: action.muted ? COMMANDS.MUTE_ON : COMMANDS.MUTE_OFF });
+        break;
+    }
+    }
+
+    return next(action);
+});
+
+/**
+ * Handles HID device requests.
+ *
+ * @param {IStore} store - The redux store.
+ * @returns {Promise}
+ */
+async function _onRequestHIDDevice(store: IStore) {
+    const { dispatch } = store;
+    const hidManager = getWebHidInstance();
+    const availableDevices = await hidManager.requestHidDevices();
+
+    // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
+    if (!availableDevices || !availableDevices.length) {
+        logger.info('HID device not available');
+
+        return;
+    }
+
+    const _initDeviceListener = (e: CustomEvent<{ deviceInfo: IDeviceInfo; }>) =>
+        dispatch(initDeviceInfo(e.detail.deviceInfo));
+    const _updateDeviceListener
+        = (e: CustomEvent<{ actionResult: { eventName: string; }; deviceInfo: IDeviceInfo; }>) => {
+            handleUpdateHidDevice(dispatch, e);
+        };
+
+    initDeviceListener = _initDeviceListener;
+    updateDeviceListener = _updateDeviceListener;
+
+    attachHidEventListeners(initDeviceListener, updateDeviceListener);
+    await hidManager.listenToConnectedHid();
+
+    // sync headset to mute if participant is already muted.
+    if (isAudioMuted(store.getState())) {
+        hidManager.sendDeviceReport({ command: COMMANDS.MUTE_ON });
+    }
+}
diff --git a/react/features/web-hid/reducer.ts b/react/features/web-hid/reducer.ts
new file mode 100644
index 0000000..f1c994a
--- /dev/null
+++ b/react/features/web-hid/reducer.ts
@@ -0,0 +1,43 @@
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import { CLOSE_HID_DEVICE, INIT_DEVICE, UPDATE_DEVICE } from './actionTypes';
+import { IDeviceInfo } from './types';
+
+/**
+ * The initial state of the web-hid feature.
+*/
+const DEFAULT_STATE = {
+    deviceInfo: {} as IDeviceInfo
+};
+
+export interface IWebHid {
+    deviceInfo: IDeviceInfo;
+}
+
+
+ReducerRegistry.register<IWebHid>(
+'features/web-hid',
+(state: IWebHid = DEFAULT_STATE, action): IWebHid => {
+    switch (action.type) {
+    case INIT_DEVICE:
+        return {
+            ...state,
+            deviceInfo: action.deviceInfo
+        };
+    case UPDATE_DEVICE:
+        return {
+            ...state,
+            deviceInfo: {
+                ...state.deviceInfo,
+                ...action.updates
+            }
+        };
+    case CLOSE_HID_DEVICE:
+        return {
+            ...state,
+            deviceInfo: DEFAULT_STATE.deviceInfo
+        };
+    default:
+        return state;
+    }
+});
diff --git a/react/features/web-hid/types.ts b/react/features/web-hid/types.ts
new file mode 100644
index 0000000..9b8c5b8
--- /dev/null
+++ b/react/features/web-hid/types.ts
@@ -0,0 +1,44 @@
+export const EVENT_TYPE = {
+    INIT_DEVICE: 'INIT_DEVICE',
+    UPDATE_DEVICE: 'UPDATE_DEVICE'
+};
+
+export const HOOK_STATUS = {
+    ON: 'on',
+    OFF: 'off'
+};
+
+export const COMMANDS = {
+    ON_HOOK: 'onHook',
+    OFF_HOOK: 'offHook',
+    MUTE_OFF: 'muteOff',
+    MUTE_ON: 'muteOn',
+    ON_RING: 'onRing',
+    OFF_RING: 'offRing',
+    ON_HOLD: 'onHold',
+    OFF_HOLD: 'offHold'
+};
+
+export const INPUT_REPORT_EVENT_NAME = {
+    ON_DEVICE_HOOK_SWITCH: 'ondevicehookswitch',
+    ON_DEVICE_MUTE_SWITCH: 'ondevicemuteswitch'
+};
+
+export const ACTION_HOOK_TYPE_NAME = {
+    HOOK_SWITCH_ON: 'HOOK_SWITCH_ON',
+    HOOK_SWITCH_OFF: 'HOOK_SWITCH_OFF',
+    MUTE_SWITCH_ON: 'MUTE_SWITCH_ON',
+    MUTE_SWITCH_OFF: 'MUTE_SWITCH_OFF',
+    VOLUME_CHANGE_UP: 'VOLUME_CHANGE_UP',
+    VOLUME_CHANGE_DOWN: 'VOLUME_CHANGE_DOWN'
+};
+
+export interface IDeviceInfo {
+
+    // @ts-ignore
+    device: HIDDevice;
+    hold: boolean;
+    hookStatus: string;
+    muted: boolean;
+    ring: boolean;
+}
diff --git a/react/features/web-hid/utils.ts b/react/features/web-hid/utils.ts
new file mode 100644
index 0000000..18b044e
--- /dev/null
+++ b/react/features/web-hid/utils.ts
@@ -0,0 +1,52 @@
+/**
+ * Telephony usage actions based on HID Usage tables for Universal Serial Bus (page 112.).
+ *
+ */
+export const TELEPHONY_DEVICE_USAGE_PAGE = 11;
+
+/** Telephony usages
+ *  - used to parse HIDDevice UsageId collections
+ ** - outputReports has mute and offHook
+ ** - inputReports exists hookSwitch and phoneMute.
+ **/
+export const DEVICE_USAGE = {
+    /* outputReports. */
+    mute: {
+        usageId: 0x080009,
+        usageName: 'Mute'
+    },
+    offHook: {
+        usageId: 0x080017,
+        usageName: 'Off Hook'
+    },
+    ring: {
+        usageId: 0x080018,
+        usageName: 'Ring'
+    },
+    hold: {
+        usageId: 0x080020,
+        usageName: 'Hold'
+    },
+
+    /* inputReports. */
+    hookSwitch: {
+        usageId: 0x0b0020,
+        usageName: 'Hook Switch'
+    },
+    phoneMute: {
+        usageId: 0x0b002f,
+        usageName: 'Phone Mute'
+    }
+};
+
+/**
+ * Filter with telephony devices based on HID Usage tables for Universal Serial Bus (page 17).
+ *
+ * @type {{ filters: { usagePage: string }; exclusionFilters: {}; }}
+ */
+export const requestTelephonyHID = {
+    filters: [ {
+        usagePage: TELEPHONY_DEVICE_USAGE_PAGE
+    } ],
+    exclusionFilters: []
+};
diff --git a/react/features/web-hid/webhid-manager.ts b/react/features/web-hid/webhid-manager.ts
new file mode 100644
index 0000000..3474628
--- /dev/null
+++ b/react/features/web-hid/webhid-manager.ts
@@ -0,0 +1,1018 @@
+import logger from './logger';
+import {
+    ACTION_HOOK_TYPE_NAME,
+    COMMANDS,
+    EVENT_TYPE,
+    HOOK_STATUS,
+    IDeviceInfo,
+    INPUT_REPORT_EVENT_NAME
+} from './types';
+import {
+    DEVICE_USAGE,
+    TELEPHONY_DEVICE_USAGE_PAGE,
+    requestTelephonyHID
+} from './utils';
+
+/**
+ * WebHID manager that incorporates all hid specific logic.
+ *
+ * @class WebHidManager
+ */
+export default class WebHidManager extends EventTarget {
+    hidSupport: boolean;
+    deviceInfo: IDeviceInfo;
+    availableDevices: HIDDevice[];
+    isParseDescriptorsSuccess: boolean;
+    outputEventGenerators: { [key: string]: Function; };
+    deviceCommand = {
+        outputReport: {
+            mute: {
+                reportId: 0,
+                usageOffset: -1
+            },
+            offHook: {
+                reportId: 0,
+                usageOffset: -1
+            },
+            ring: {
+                reportId: 0,
+                usageOffset: 0
+            },
+            hold: {
+                reportId: 0,
+                usageOffset: 0
+            }
+        },
+        inputReport: {
+            hookSwitch: {
+                reportId: 0,
+                usageOffset: -1,
+                isAbsolute: false
+            },
+            phoneMute: {
+                reportId: 0,
+                usageOffset: -1,
+                isAbsolute: false
+            }
+        }
+    };
+
+    private static instance: WebHidManager;
+
+    /**
+     *  WebHidManager getInstance.
+     *
+     * @static
+     * @returns {WebHidManager}  - WebHidManager instance.
+     */
+    static getInstance(): WebHidManager {
+        if (!this.instance) {
+            this.instance = new WebHidManager();
+        }
+
+        return this.instance;
+    }
+
+    /**
+     * Creates an instance of WebHidManager.
+     *
+     */
+    constructor() {
+        super();
+
+        this.deviceInfo = {} as IDeviceInfo;
+        this.hidSupport = this.isSupported();
+        this.availableDevices = [];
+        this.isParseDescriptorsSuccess = false;
+        this.outputEventGenerators = {};
+    }
+
+    /**
+     * Check support of hid in navigator.
+     * - experimental API in Chrome.
+     *
+     * @returns {boolean} - True if supported, otherwise false.
+     */
+    isSupported(): boolean {
+        // @ts-ignore
+        return Boolean(window.navigator.hid?.requestDevice);
+    }
+
+    /**
+     * Handler for requesting telephony hid devices.
+     *
+     * @returns {HIDDevice[]|null}
+     */
+    async requestHidDevices() {
+        if (!this.hidSupport) {
+            logger.warn('The WebHID API is NOT supported!');
+
+            return null;
+        }
+
+        if (this.deviceInfo?.device?.opened) {
+            await this.close();
+        }
+
+        // @ts-ignore
+        const devices = await navigator.hid.requestDevice(requestTelephonyHID);
+
+        if (!devices?.length) {
+            logger.warn('No HID devices selected.');
+
+            return false;
+        }
+
+        this.availableDevices = devices;
+
+        return devices;
+    }
+
+    /**
+     * Handler for listen to already connected hid.
+     *
+     * @returns {void}
+     */
+    async listenToConnectedHid() {
+        const devices = await this.loadPairedDevices();
+
+        if (!devices?.length) {
+            logger.warn('No hid device found.');
+
+            return;
+        }
+
+        const telephonyDevice = this.getTelephonyDevice(devices);
+
+        if (!telephonyDevice) {
+            logger.warn('No HID device to request');
+
+            return;
+        }
+
+        await this.open(telephonyDevice);
+
+        // restore the default state of hook and mic LED
+        this.resetDeviceState();
+
+        // switch headsets to OFF_HOOK for mute/unmute commands
+        this.sendDeviceReport({ command: COMMANDS.OFF_HOOK });
+    }
+
+    /**
+     * Get first telephony device from availableDevices.
+     *
+     * @param {HIDDevice[]} availableDevices -.
+     * @returns {HIDDevice} -.
+     */
+    private getTelephonyDevice(availableDevices: HIDDevice[]) {
+        if (!availableDevices?.length) {
+            logger.warn('No HID device to request');
+
+            return undefined;
+        }
+
+        return availableDevices?.find(device => this.findTelephonyCollectionInfo(device.collections));
+    }
+
+    /**
+     * Find telephony collection info from a list of collection infos.
+     *
+     * @private
+     * @param {HIDCollectionInfo[]} deviceCollections -.
+     * @returns {HIDCollectionInfo} - Hid collection info.
+     */
+    private findTelephonyCollectionInfo(deviceCollections: HIDCollectionInfo[]) {
+        return deviceCollections?.find(
+                (collection: HIDCollectionInfo) => collection.usagePage === TELEPHONY_DEVICE_USAGE_PAGE
+        );
+    }
+
+    /**
+     * Open the hid device and start listening to inputReport events.
+     *
+     * @param {HIDDevice} telephonyDevice -.
+     * @returns {void} -.
+     */
+    private async open(telephonyDevice: HIDDevice) {
+        try {
+            this.deviceInfo = { device: telephonyDevice } as IDeviceInfo;
+
+            if (!this.deviceInfo?.device) {
+                logger.warn('no HID device found');
+
+                return;
+            }
+
+            if (!this.deviceInfo.device.opened) {
+                await this.deviceInfo.device.open();
+            }
+
+            this.isParseDescriptorsSuccess = await this.parseDeviceDescriptors(this.deviceInfo.device);
+
+            if (!this.isParseDescriptorsSuccess) {
+                logger.warn('Failed to parse webhid');
+
+                return;
+            }
+
+            this.dispatchEvent(new CustomEvent(EVENT_TYPE.INIT_DEVICE, { detail: {
+                deviceInfo: {
+                    ...this.deviceInfo
+                } as IDeviceInfo } }));
+
+            //  listen for input reports by registering an oninputreport event listener
+            this.deviceInfo.device.oninputreport = await this.handleInputReport.bind(this);
+
+            this.resetDeviceState();
+        } catch (e) {
+            logger.error(`Error content open device:${e}`);
+        }
+    }
+
+    /**
+     * Close device and reset state.
+     *
+     * @returns {void}
+     */
+    async close() {
+        try {
+            await this.resetDeviceState();
+
+            if (this.availableDevices) {
+                logger.info('clear available devices list');
+                this.availableDevices = [];
+            }
+
+            if (!this.deviceInfo) {
+                return;
+            }
+
+            if (this.deviceInfo?.device?.opened) {
+                await this.deviceInfo.device.close();
+            }
+
+            if (this.deviceInfo.device) {
+                this.deviceInfo.device.oninputreport = null;
+            }
+            this.deviceInfo = {} as IDeviceInfo;
+        } catch (e) {
+            logger.error(e);
+        }
+    }
+
+    /**
+     * Get paired hid devices.
+     *
+     * @returns {HIDDevice[]}
+     */
+    async loadPairedDevices() {
+        try {
+            // @ts-ignore
+            const devices = await navigator.hid.getDevices();
+
+            this.availableDevices = devices;
+
+            return devices;
+        } catch (e) {
+            logger.error('loadPairedDevices error:', e);
+        }
+    }
+
+    /**
+     * Parse device descriptors - input and output reports.
+     *
+     * @param {HIDDevice} device -.
+     * @returns {boolean} - True if descriptors have been parsed with success.
+     */
+    parseDeviceDescriptors(device: HIDDevice) {
+        try {
+            this.outputEventGenerators = {};
+
+            if (!device?.collections) {
+                logger.error('Undefined device collection');
+
+                return false;
+            }
+
+            const telephonyCollection = this.findTelephonyCollectionInfo(device.collections);
+
+            if (!telephonyCollection || Object.keys(telephonyCollection).length === 0) {
+                logger.error('No telephony collection');
+
+                return false;
+            }
+
+            if (telephonyCollection.inputReports) {
+                if (!this.parseInputReports(telephonyCollection.inputReports)) {
+                    logger.warn('parse inputReports failed');
+
+                    return false;
+                }
+                logger.warn('parse inputReports success');
+
+            }
+
+            if (telephonyCollection.outputReports) {
+                if (!this.parseOutputReports(telephonyCollection.outputReports)) {
+                    logger.warn('parse outputReports failed');
+
+                    return false;
+                }
+                logger.warn('parse outputReports success');
+
+                return true;
+
+            }
+
+            logger.warn('parseDeviceDescriptors: returns false, end');
+
+            return false;
+        } catch (e) {
+            logger.error(`parseDeviceDescriptors error:${JSON.stringify(e, null, '    ')}`);
+
+            return false;
+        }
+    }
+
+    /**
+     * HandleInputReport.
+     *
+     * @param {HIDInputReportEvent} event -.
+     * @returns {void} -.
+     */
+    handleInputReport(event: HIDInputReportEvent) {
+        try {
+            const { data, device, reportId } = event;
+
+            if (reportId === 0) {
+                logger.warn('handleInputReport: ignore invalid reportId');
+
+                return;
+            }
+
+            const inputReport = this.deviceCommand.inputReport;
+
+            logger.warn(`current inputReport:${JSON.stringify(inputReport, null, '    ')}, reporId: ${reportId}`);
+            if (reportId !== inputReport.hookSwitch.reportId && reportId !== inputReport.phoneMute.reportId) {
+                logger.warn('handleInputReport:ignore unknown reportId');
+
+                return;
+            }
+
+            let hookStatusChange = false;
+            let muteStatusChange = false;
+
+            const reportData = new Uint8Array(data.buffer);
+            const needReply = true;
+
+            if (reportId === inputReport.hookSwitch.reportId) {
+                const item = inputReport.hookSwitch;
+                const byteIndex = Math.trunc(item.usageOffset / 8);
+                const bitPosition = item.usageOffset % 8;
+                // eslint-disable-next-line no-bitwise
+                const usageOn = (data.getUint8(byteIndex) & (0x01 << bitPosition)) !== 0;
+
+                logger.warn('recv hookSwitch ', usageOn ? HOOK_STATUS.OFF : HOOK_STATUS.ON);
+                if (inputReport.hookSwitch.isAbsolute) {
+                    if (this.deviceInfo.hookStatus === HOOK_STATUS.ON && usageOn) {
+                        this.deviceInfo.hookStatus = HOOK_STATUS.OFF;
+                        hookStatusChange = true;
+                    } else if (this.deviceInfo.hookStatus === HOOK_STATUS.OFF && !usageOn) {
+                        this.deviceInfo.hookStatus = HOOK_STATUS.ON;
+                        hookStatusChange = true;
+                    }
+                } else if (usageOn) {
+                    this.deviceInfo.hookStatus = this.deviceInfo.hookStatus === HOOK_STATUS.OFF
+                        ? HOOK_STATUS.ON : HOOK_STATUS.OFF;
+                    hookStatusChange = true;
+                }
+            }
+
+            if (reportId === inputReport.phoneMute.reportId) {
+                const item = inputReport.phoneMute;
+                const byteIndex = Math.trunc(item.usageOffset / 8);
+                const bitPosition = item.usageOffset % 8;
+                // eslint-disable-next-line no-bitwise
+                const usageOn = (data.getUint8(byteIndex) & (0x01 << bitPosition)) !== 0;
+
+                logger.warn('recv phoneMute ', usageOn ? HOOK_STATUS.ON : HOOK_STATUS.OFF);
+                if (inputReport.phoneMute.isAbsolute) {
+                    if (this.deviceInfo.muted !== usageOn) {
+                        this.deviceInfo.muted = usageOn;
+                        muteStatusChange = true;
+                    }
+                } else if (usageOn) {
+                    this.deviceInfo.muted = !this.deviceInfo.muted;
+                    muteStatusChange = true;
+                }
+            }
+
+            const inputReportData = {
+                productName: device.productName,
+                reportId: this.getHexByte(reportId),
+                reportData,
+                eventName: '',
+                isMute: false,
+                hookStatus: ''
+            };
+
+            if (hookStatusChange) {
+                // Answer key state change
+                inputReportData.eventName = INPUT_REPORT_EVENT_NAME.ON_DEVICE_HOOK_SWITCH;
+                inputReportData.hookStatus = this.deviceInfo.hookStatus;
+                logger.warn(`hook status change: ${this.deviceInfo.hookStatus}`);
+            }
+
+            if (muteStatusChange) {
+                // Mute key state change
+                inputReportData.eventName = INPUT_REPORT_EVENT_NAME.ON_DEVICE_MUTE_SWITCH;
+                inputReportData.isMute = this.deviceInfo.muted;
+                logger.warn(`mute status change: ${this.deviceInfo.muted}`);
+            }
+
+            const actionResult = this.extractActionResult(inputReportData);
+
+            this.dispatchEvent(
+                new CustomEvent(EVENT_TYPE.UPDATE_DEVICE, {
+                    detail: {
+                        actionResult,
+                        deviceInfo: this.deviceInfo
+                    }
+                })
+            );
+
+            logger.warn(
+                `hookStatusChange=${
+                    hookStatusChange
+                }, muteStatusChange=${
+                    muteStatusChange
+                }, needReply=${
+                    needReply}`
+            );
+            if (needReply && (hookStatusChange || muteStatusChange)) {
+                let newOffHook;
+
+                if (this.deviceInfo.hookStatus === HOOK_STATUS.OFF) {
+                    newOffHook = true;
+                } else if (this.deviceInfo.hookStatus === HOOK_STATUS.ON) {
+                    newOffHook = false;
+                } else {
+                    logger.warn('Invalid hook status');
+
+                    return;
+                }
+                this.sendReplyReport(reportId, newOffHook, this.deviceInfo.muted);
+            } else {
+                logger.warn(`Not sending reply report: needReply ${needReply},
+                hookStatusChange: ${hookStatusChange}, muteStatusChange: ${muteStatusChange}`);
+            }
+        } catch (e) {
+            logger.error(e);
+        }
+    }
+
+    /**
+     * Extract action result.
+     *
+     * @private
+     * @param {*} data -.
+     * @returns {{eventName: string}} - EventName.
+     */
+    private extractActionResult(data: any) {
+        switch (data.eventName) {
+        case INPUT_REPORT_EVENT_NAME.ON_DEVICE_HOOK_SWITCH:
+            return {
+                eventName: data.hookStatus === HOOK_STATUS.ON
+                    ? ACTION_HOOK_TYPE_NAME.HOOK_SWITCH_ON : ACTION_HOOK_TYPE_NAME.HOOK_SWITCH_OFF
+            };
+        case INPUT_REPORT_EVENT_NAME.ON_DEVICE_MUTE_SWITCH:
+            return {
+                eventName: data.isMute ? ACTION_HOOK_TYPE_NAME.MUTE_SWITCH_ON : ACTION_HOOK_TYPE_NAME.MUTE_SWITCH_OFF
+            };
+        case 'ondevicevolumechange':
+            return {
+                eventName: data.volumeStatus === 'up'
+                    ? ACTION_HOOK_TYPE_NAME.VOLUME_CHANGE_UP : ACTION_HOOK_TYPE_NAME.VOLUME_CHANGE_DOWN
+            };
+        default:
+            break;
+        }
+    }
+
+    /**
+     * Reset device state.
+     *
+     * @returns {void} -.
+     */
+    resetDeviceState() {
+        if (!this.deviceInfo?.device?.opened) {
+            return;
+        }
+
+        this.deviceInfo.hookStatus = HOOK_STATUS.ON;
+        this.deviceInfo.muted = false;
+        this.deviceInfo.ring = false;
+        this.deviceInfo.hold = false;
+
+        this.sendDeviceReport({ command: COMMANDS.ON_HOOK });
+        this.sendDeviceReport({ command: COMMANDS.MUTE_OFF });
+    }
+
+    /**
+     * Parse input reports.
+     *
+     * @param {HIDReportInfo[]} inputReports -.
+     * @returns {void} -.
+     */
+    private parseInputReports(inputReports: HIDReportInfo[]) {
+        inputReports.forEach(report => {
+            if (!report?.items?.length || report.reportId === undefined) {
+                return;
+            }
+
+            let usageOffset = 0;
+
+            report.items.forEach((item: HIDReportItem) => {
+                if (
+                    item.usages === undefined
+                    || item.reportSize === undefined
+                    || item.reportCount === undefined
+                    || item.isAbsolute === undefined
+                ) {
+                    logger.warn('parseInputReports invalid parameters!');
+
+                    return;
+                }
+
+                const reportSize = item.reportSize ?? 0;
+                const reportId = report.reportId ?? 0;
+
+                item.usages.forEach((usage: number, i: number) => {
+                    switch (usage) {
+                    case DEVICE_USAGE.hookSwitch.usageId:
+                        this.deviceCommand.inputReport.hookSwitch = {
+                            reportId,
+                            usageOffset: usageOffset + (i * reportSize),
+                            isAbsolute: item.isAbsolute ?? false
+                        };
+                        break;
+                    case DEVICE_USAGE.phoneMute.usageId:
+                        this.deviceCommand.inputReport.phoneMute = {
+                            reportId,
+                            usageOffset: usageOffset + (i * reportSize),
+                            isAbsolute: item.isAbsolute ?? false
+                        };
+                        break;
+                    default:
+                        break;
+                    }
+                });
+
+                usageOffset += item.reportCount * item.reportSize;
+            });
+        });
+
+        if (!this.deviceCommand.inputReport.phoneMute || !this.deviceCommand.inputReport.hookSwitch) {
+            logger.warn('parseInputReports - no phoneMute or hookSwitch. Skip. Returning false');
+
+            return false;
+        }
+
+        return true;
+    }
+
+    /**
+     * Parse output reports.
+     *
+     * @private
+     * @param {HIDReportInfo[]} outputReports -.
+     * @returns {void} -.
+     */
+    private parseOutputReports(outputReports: HIDReportInfo[]) {
+        outputReports.forEach((report: HIDReportInfo) => {
+            if (!report?.items?.length || report.reportId === undefined) {
+                return;
+            }
+
+            let usageOffset = 0;
+            const usageOffsetMap: Map<number, number> = new Map();
+
+            report.items.forEach(item => {
+                if (item.usages === undefined || item.reportSize === undefined || item.reportCount === undefined) {
+                    logger.warn('parseOutputReports  invalid parameters!');
+
+                    return;
+                }
+
+                const reportSize = item.reportSize ?? 0;
+                const reportId = report.reportId ?? 0;
+
+                item.usages.forEach((usage: number, i: number) => {
+                    switch (usage) {
+                    case DEVICE_USAGE.mute.usageId:
+                        this.deviceCommand.outputReport.mute = {
+                            reportId,
+                            usageOffset: usageOffset + (i * reportSize)
+                        };
+                        usageOffsetMap.set(usage, usageOffset + (i * reportSize));
+                        break;
+                    case DEVICE_USAGE.offHook.usageId:
+                        this.deviceCommand.outputReport.offHook = {
+                            reportId,
+                            usageOffset: usageOffset + (i * reportSize)
+                        };
+                        usageOffsetMap.set(usage, usageOffset + (i * reportSize));
+                        break;
+                    case DEVICE_USAGE.ring.usageId:
+                        this.deviceCommand.outputReport.ring = {
+                            reportId,
+                            usageOffset: usageOffset + (i * reportSize)
+                        };
+                        usageOffsetMap.set(usage, usageOffset + (i * reportSize));
+                        break;
+                    case DEVICE_USAGE.hold.usageId:
+                        this.deviceCommand.outputReport.hold = {
+                            reportId,
+                            usageOffset: usageOffset = i * reportSize
+                        };
+                        usageOffsetMap.set(usage, usageOffset + (i * reportSize));
+                        break;
+                    default:
+                        break;
+                    }
+                });
+
+                usageOffset += item.reportCount * item.reportSize;
+            });
+
+            const reportLength = usageOffset;
+
+            for (const [ usage, offset ] of usageOffsetMap) {
+                this.outputEventGenerators[usage] = (val: number) => {
+                    const reportData = new Uint8Array(reportLength / 8);
+
+                    if (offset >= 0 && val) {
+                        const byteIndex = Math.trunc(offset / 8);
+                        const bitPosition = offset % 8;
+
+                        // eslint-disable-next-line no-bitwise
+                        reportData[byteIndex] = 1 << bitPosition;
+                    }
+
+                    return reportData;
+                };
+            }
+        });
+
+        let hook, mute, ring;
+
+        for (const item in this.outputEventGenerators) {
+            if (Object.prototype.hasOwnProperty.call(this.outputEventGenerators, item)) {
+                let newItem = this.getHexByte(item);
+
+                newItem = `0x0${newItem}`;
+                if (DEVICE_USAGE.mute.usageId === Number(newItem)) {
+                    mute = this.outputEventGenerators[DEVICE_USAGE.mute.usageId];
+                } else if (DEVICE_USAGE.offHook.usageId === Number(newItem)) {
+                    hook = this.outputEventGenerators[DEVICE_USAGE.offHook.usageId];
+                } else if (DEVICE_USAGE.ring.usageId === Number(newItem)) {
+                    ring = this.outputEventGenerators[DEVICE_USAGE.ring.usageId];
+                }
+            }
+        }
+        if (!mute && !ring && !hook) {
+            return false;
+        }
+
+        return true;
+    }
+
+    /**
+     * Send device report.
+     *
+     * @param {{ command: string }} data -.
+     * @returns {void} -.
+     */
+    async sendDeviceReport(data: { command: string; }) {
+        if (!data?.command || !this.deviceInfo?.device?.opened || !this.isParseDescriptorsSuccess) {
+            logger.warn('There are currently non-compliant conditions');
+
+            return;
+        }
+
+        logger.warn(`sendDeviceReport data.command: ${data.command}`);
+
+        if (data.command === COMMANDS.MUTE_ON || data.command === COMMANDS.MUTE_OFF) {
+            if (!this.outputEventGenerators[DEVICE_USAGE.mute.usageId]) {
+                logger.warn('current no parse mute event');
+
+                return;
+            }
+        } else if (data.command === COMMANDS.ON_HOOK || data.command === COMMANDS.OFF_HOOK) {
+            if (!this.outputEventGenerators[DEVICE_USAGE.offHook.usageId]) {
+                logger.warn('current no parse offHook event');
+
+                return;
+            }
+        } else if (data.command === COMMANDS.ON_RING || data.command === COMMANDS.OFF_RING) {
+            if (!this.outputEventGenerators[DEVICE_USAGE.ring.usageId]) {
+                logger.warn('current no parse ring event');
+
+                return;
+            }
+        }
+
+        let oldOffHook;
+        let newOffHook;
+        let newMuted;
+        let newRing;
+        let newHold;
+        let offHookReport;
+        let muteReport;
+        let ringReport;
+        let holdReport;
+        let reportData = new Uint8Array();
+
+        const reportId = this.matchReportId(data.command);
+
+        if (reportId === 0) {
+            logger.warn(`Unsupported command ${data.command}`);
+
+            return;
+        }
+
+        /* keep old status. */
+        const oldMuted = this.deviceInfo.muted;
+
+        if (this.deviceInfo.hookStatus === HOOK_STATUS.OFF) {
+            oldOffHook = true;
+        } else if (this.deviceInfo.hookStatus === HOOK_STATUS.ON) {
+            oldOffHook = false;
+        } else {
+            logger.warn('Invalid hook status');
+
+            return;
+        }
+
+        const oldRing = this.deviceInfo.ring;
+        const oldHold = this.deviceInfo.hold;
+
+        logger.warn(
+            `send device command: old_hook=${oldOffHook}, old_muted=${oldMuted}, old_ring=${oldRing}`
+        );
+
+        /* get new status. */
+        switch (data.command) {
+        case COMMANDS.MUTE_ON:
+            newMuted = true;
+            break;
+        case COMMANDS.MUTE_OFF:
+            newMuted = false;
+            break;
+        case COMMANDS.ON_HOOK:
+            newOffHook = false;
+            break;
+        case COMMANDS.OFF_HOOK:
+            newOffHook = true;
+            break;
+        case COMMANDS.ON_RING:
+            newRing = true;
+            break;
+        case COMMANDS.OFF_RING:
+            newRing = false;
+            break;
+        case COMMANDS.ON_HOLD:
+            newHold = true;
+            break;
+        case COMMANDS.OFF_HOLD:
+            newHold = false;
+            break;
+        default:
+            logger.info(`Unknown command ${data.command}`);
+
+            return;
+        }
+        logger.warn(
+            `send device command: new_hook = ${newOffHook}, new_muted = ${newMuted},
+             new_ring = ${newRing} new_hold = ${newHold}`
+        );
+
+        if (this.outputEventGenerators[DEVICE_USAGE.mute.usageId]) {
+            if (newMuted === undefined) {
+                muteReport = this.outputEventGenerators[DEVICE_USAGE.mute.usageId](oldMuted);
+            } else {
+                muteReport = this.outputEventGenerators[DEVICE_USAGE.mute.usageId](newMuted);
+            }
+        }
+
+        if (this.outputEventGenerators[DEVICE_USAGE.offHook.usageId]) {
+            if (newOffHook === undefined) {
+                offHookReport = this.outputEventGenerators[DEVICE_USAGE.offHook.usageId](oldOffHook);
+            } else {
+                offHookReport = this.outputEventGenerators[DEVICE_USAGE.offHook.usageId](newOffHook);
+            }
+        }
+
+        if (this.outputEventGenerators[DEVICE_USAGE.ring.usageId]) {
+            if (newRing === undefined) {
+                ringReport = this.outputEventGenerators[DEVICE_USAGE.ring.usageId](oldRing);
+            } else {
+                ringReport = this.outputEventGenerators[DEVICE_USAGE.ring.usageId](newRing);
+            }
+        }
+
+        if (this.outputEventGenerators[DEVICE_USAGE.hold.usageId]) {
+            holdReport = this.outputEventGenerators[DEVICE_USAGE.hold.usageId](oldHold);
+        }
+
+        if (reportId === this.deviceCommand.outputReport.mute.reportId) {
+            reportData = new Uint8Array(muteReport);
+        }
+
+        if (reportId === this.deviceCommand.outputReport.offHook.reportId) {
+            reportData = new Uint8Array(offHookReport);
+        }
+
+        if (reportId === this.deviceCommand.outputReport.ring.reportId) {
+            reportData = new Uint8Array(ringReport);
+        }
+
+        if (reportId === this.deviceCommand.outputReport.hold.reportId) {
+            reportData = new Uint8Array(holdReport);
+        }
+
+        logger.warn(`[sendDeviceReport] send device command (before call webhid API)
+         ${data.command}: reportId=${reportId}, reportData=${reportData}`);
+        logger.warn(`reportData is ${JSON.stringify(reportData, null, '    ')}`);
+        await this.deviceInfo.device.sendReport(reportId, reportData);
+
+        /* update new status. */
+        this.updateDeviceStatus(data);
+    }
+
+    /**
+     * Update device status.
+     *
+     * @private
+     * @param {{ command: string; }} data -.
+     * @returns {void}
+     */
+    private updateDeviceStatus(data: { command: string; }) {
+        switch (data.command) {
+        case COMMANDS.MUTE_ON:
+            this.deviceInfo.muted = true;
+            break;
+        case COMMANDS.MUTE_OFF:
+            this.deviceInfo.muted = false;
+            break;
+        case COMMANDS.ON_HOOK:
+            this.deviceInfo.hookStatus = HOOK_STATUS.ON;
+            break;
+        case COMMANDS.OFF_HOOK:
+            this.deviceInfo.hookStatus = HOOK_STATUS.OFF;
+            break;
+        case COMMANDS.ON_RING:
+            this.deviceInfo.ring = true;
+            break;
+        case COMMANDS.OFF_RING:
+            this.deviceInfo.ring = false;
+            break;
+        case COMMANDS.ON_HOLD:
+            this.deviceInfo.hold = true;
+            break;
+        case 'offHold':
+            this.deviceInfo.hold = false;
+            break;
+        default:
+            logger.warn(`Unknown command ${data.command}`);
+            break;
+        }
+        logger.warn(
+            `[updateDeviceStatus] device status after send command: hook=${this.deviceInfo.hookStatus},
+            muted=${this.deviceInfo.muted}, ring=${this.deviceInfo.ring}`
+        );
+    }
+
+    /**
+     * Math given command with known commands.
+     *
+     * @private
+     * @param {string} command -.
+     * @returns {number} ReportId.
+     */
+    private matchReportId(command: string) {
+        switch (command) {
+        case COMMANDS.MUTE_ON:
+        case COMMANDS.MUTE_OFF:
+            return this.deviceCommand.outputReport.mute.reportId;
+        case COMMANDS.ON_HOOK:
+        case COMMANDS.OFF_HOOK:
+            return this.deviceCommand.outputReport.offHook.reportId;
+        case COMMANDS.ON_RING:
+        case COMMANDS.OFF_RING:
+            return this.deviceCommand.outputReport.ring.reportId;
+        case COMMANDS.ON_HOLD:
+        case COMMANDS.OFF_HOLD:
+            return this.deviceCommand.outputReport.hold.reportId;
+        default:
+            logger.info(`Unknown command ${command}`);
+
+            return 0;
+        }
+    }
+
+    /**
+     * Send reply report to device.
+     *
+     * @param {number} inputReportId -.
+     * @param {(string | boolean | undefined)} curOffHook -.
+     * @param {(string | undefined)} curMuted -.
+     * @returns {void} -.
+     */
+    private async sendReplyReport(
+            inputReportId: number,
+            curOffHook: string | boolean | undefined,
+            curMuted: boolean | string | undefined
+    ) {
+        const reportId = this.retriveInputReportId(inputReportId);
+
+
+        if (!this.deviceInfo?.device?.opened) {
+            logger.warn('[sendReplyReport] device is not opened or does not exist');
+
+            return;
+        }
+
+        if (reportId === 0 || curOffHook === undefined || curMuted === undefined) {
+            logger.warn(`[sendReplyReport] return, provided data not valid,
+                reportId: ${reportId}, curOffHook: ${curOffHook}, curMuted: ${curMuted}`);
+
+            return;
+        }
+
+        let reportData = new Uint8Array();
+        let muteReport;
+        let offHookReport;
+        let ringReport;
+
+        if (this.deviceCommand.outputReport.offHook.reportId === this.deviceCommand.outputReport.mute.reportId) {
+            muteReport = this.outputEventGenerators[DEVICE_USAGE.mute.usageId](curMuted);
+            offHookReport = this.outputEventGenerators[DEVICE_USAGE.offHook.usageId](curOffHook);
+            reportData = new Uint8Array(offHookReport);
+            for (const [ i, data ] of muteReport.entries()) {
+                // eslint-disable-next-line no-bitwise
+                reportData[i] |= data;
+            }
+        } else if (reportId === this.deviceCommand.outputReport.offHook.reportId) {
+            offHookReport = this.outputEventGenerators[DEVICE_USAGE.offHook.usageId](curOffHook);
+            reportData = new Uint8Array(offHookReport);
+        } else if (reportId === this.deviceCommand.outputReport.mute.reportId) {
+            muteReport = this.outputEventGenerators[DEVICE_USAGE.mute.usageId](curMuted);
+            reportData = new Uint8Array(muteReport);
+        } else if (reportId === this.deviceCommand.outputReport.ring.reportId) {
+            ringReport = this.outputEventGenerators[DEVICE_USAGE.mute.usageId](curMuted);
+            reportData = new Uint8Array(ringReport);
+        }
+
+        logger.warn(`[sendReplyReport] send device reply: reportId=${reportId}, reportData=${reportData}`);
+        await this.deviceInfo.device.sendReport(reportId, reportData);
+    }
+
+    /**
+     * Retrieve input report id.
+     *
+     * @private
+     * @param {number} inputReportId -.
+     * @returns {number} ReportId -.
+     */
+    private retriveInputReportId(inputReportId: number) {
+        let reportId = 0;
+
+        if (this.deviceCommand.outputReport.offHook.reportId === this.deviceCommand.outputReport.mute.reportId) {
+            reportId = this.deviceCommand.outputReport.offHook.reportId;
+        } else if (inputReportId === this.deviceCommand.inputReport.hookSwitch.reportId) {
+            reportId = this.deviceCommand.outputReport.offHook.reportId;
+        } else if (inputReportId === this.deviceCommand.inputReport.phoneMute.reportId) {
+            reportId = this.deviceCommand.outputReport.mute.reportId;
+        }
+
+        return reportId;
+    }
+
+    /**
+     * Get the hexadecimal bytes.
+     *
+     * @param {number|string} data -.
+     * @returns {string}
+     */
+    getHexByte(data: number | string) {
+        let hex = Number(data).toString(16);
+
+        while (hex.length < 2) {
+            hex = `0${hex}`;
+        }
+
+        return hex;
+    }
+}
diff --git a/react/features/welcome/components/AbstractWelcomePage.ts b/react/features/welcome/components/AbstractWelcomePage.ts
new file mode 100644
index 0000000..e9114cd
--- /dev/null
+++ b/react/features/welcome/components/AbstractWelcomePage.ts
@@ -0,0 +1,298 @@
+// @ts-expect-error
+import { generateRoomWithoutSeparator } from '@jitsi/js-utils/random';
+import { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+
+import { createWelcomePageEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { appNavigate } from '../../app/actions';
+import { IReduxState, IStore } from '../../app/types';
+import { IDeeplinkingConfig } from '../../base/config/configType';
+import isInsecureRoomName from '../../base/util/isInsecureRoomName';
+import { isCalendarEnabled } from '../../calendar-sync/functions';
+import { isUnsafeRoomWarningEnabled } from '../../prejoin/functions';
+import { isRecentListEnabled } from '../../recent-list/functions';
+
+/**
+ * {@code AbstractWelcomePage}'s React {@code Component} prop types.
+ */
+export interface IProps extends WithTranslation {
+
+    /**
+     * Whether the calendar functionality is enabled or not.
+     */
+    _calendarEnabled: boolean;
+
+    /**
+     * The deeplinking config.
+     */
+    _deeplinkingCfg: IDeeplinkingConfig;
+
+    /**
+     * Whether the insecure room name functionality is enabled or not.
+     */
+    _enableInsecureRoomNameWarning: boolean;
+
+    /**
+     * URL for the moderated rooms microservice, if available.
+     */
+    _moderatedRoomServiceUrl?: string;
+
+    /**
+     * Whether the recent list is enabled.
+     */
+    _recentListEnabled: Boolean;
+
+    /**
+     * Room name to join to.
+     */
+    _room: string;
+
+    /**
+     * The current settings.
+     */
+    _settings: Object;
+
+    /**
+     * The Redux dispatch Function.
+     */
+    dispatch: IStore['dispatch'];
+}
+
+interface IState {
+    _fieldFocused?: boolean;
+    animateTimeoutId?: number;
+    generateRoomNames?: string;
+    generatedRoomName: string;
+    hintBoxAnimation?: any;
+    insecureRoomName: boolean;
+    isSettingsScreenFocused?: boolean;
+    joining: boolean;
+    room: string;
+    roomNameInputAnimation?: any;
+    roomPlaceholder: string;
+    updateTimeoutId?: number;
+}
+
+/**
+ * Base (abstract) class for container component rendering the welcome page.
+ *
+ * @abstract
+ */
+export class AbstractWelcomePage<P extends IProps> extends Component<P, IState> {
+    _mounted: boolean | undefined;
+
+    /**
+     * Save room name into component's local state.
+     *
+     * @type {Object}
+     * @property {number|null} animateTimeoutId - Identifier of the letter
+     * animation timeout.
+     * @property {string} generatedRoomName - Automatically generated room name.
+     * @property {string} room - Room name.
+     * @property {string} roomPlaceholder - Room placeholder that's used as a
+     * placeholder for input.
+     * @property {number|null} updateTimeoutId - Identifier of the timeout
+     * updating the generated room name.
+     */
+    override state: IState = {
+        animateTimeoutId: undefined,
+        generatedRoomName: '',
+        generateRoomNames: undefined,
+        insecureRoomName: false,
+        joining: false,
+        room: '',
+        roomPlaceholder: '',
+        updateTimeoutId: undefined,
+        _fieldFocused: false,
+        isSettingsScreenFocused: false,
+        roomNameInputAnimation: 0,
+        hintBoxAnimation: 0
+    };
+
+    /**
+     * Initializes a new {@code AbstractWelcomePage} instance.
+     *
+     * @param {Props} props - The React {@code Component} props to initialize
+     * the new {@code AbstractWelcomePage} instance with.
+     */
+    constructor(props: P) {
+        super(props);
+
+        // Bind event handlers so they are only bound once per instance.
+        this._animateRoomNameChanging
+            = this._animateRoomNameChanging.bind(this);
+        this._onJoin = this._onJoin.bind(this);
+        this._onRoomChange = this._onRoomChange.bind(this);
+        this._renderInsecureRoomNameWarning = this._renderInsecureRoomNameWarning.bind(this);
+        this._updateRoomName = this._updateRoomName.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#componentDidMount()}. Invoked
+     * immediately after mounting occurs.
+     *
+     * @inheritdoc
+     */
+    override componentDidMount() {
+        this._mounted = true;
+        sendAnalytics(createWelcomePageEvent('viewed', undefined, { value: 1 }));
+    }
+
+    /**
+     * Implements React's {@link Component#componentWillUnmount()}. Invoked
+     * immediately before this component is unmounted and destroyed.
+     *
+     * @inheritdoc
+     */
+    override componentWillUnmount() {
+        this._clearTimeouts();
+        this._mounted = false;
+    }
+
+    /**
+     * Animates the changing of the room name.
+     *
+     * @param {string} word - The part of room name that should be added to
+     * placeholder.
+     * @private
+     * @returns {void}
+     */
+    _animateRoomNameChanging(word: string) {
+        let animateTimeoutId;
+        const roomPlaceholder = this.state.roomPlaceholder + word.substr(0, 1);
+
+        if (word.length > 1) {
+            animateTimeoutId
+                = window.setTimeout(
+                    () => {
+                        this._animateRoomNameChanging(
+                            word.substring(1, word.length));
+                    },
+                    70);
+        }
+        this.setState({
+            animateTimeoutId,
+            roomPlaceholder
+        });
+    }
+
+    /**
+     * Method that clears timeouts for animations and updates of room name.
+     *
+     * @private
+     * @returns {void}
+     */
+    _clearTimeouts() {
+        this.state.animateTimeoutId && clearTimeout(this.state.animateTimeoutId);
+        this.state.updateTimeoutId && clearTimeout(this.state.updateTimeoutId);
+    }
+
+    /**
+     * Renders the insecure room name warning.
+     *
+     * @returns {ReactElement}
+     */
+    _doRenderInsecureRoomNameWarning(): JSX.Element | null {
+        return null;
+    }
+
+    /**
+     * Handles joining. Either by clicking on 'Join' button
+     * or by pressing 'Enter' in room name input field.
+     *
+     * @protected
+     * @returns {void}
+     */
+    _onJoin() {
+        const room = this.state.room || this.state.generatedRoomName;
+
+        sendAnalytics(
+            createWelcomePageEvent('clicked', 'joinButton', {
+                isGenerated: !this.state.room,
+                room
+            }));
+
+        if (room) {
+            this.setState({ joining: true });
+
+            // By the time the Promise of appNavigate settles, this component
+            // may have already been unmounted.
+            const onAppNavigateSettled
+                = () => this._mounted && this.setState({ joining: false });
+
+            this.props.dispatch(appNavigate(room))
+                .then(onAppNavigateSettled, onAppNavigateSettled);
+        }
+    }
+
+    /**
+     * Handles 'change' event for the room name text input field.
+     *
+     * @param {string} value - The text typed into the respective text input
+     * field.
+     * @protected
+     * @returns {void}
+     */
+    _onRoomChange(value: string) {
+        this.setState({
+            room: value,
+            insecureRoomName: Boolean(this.props._enableInsecureRoomNameWarning && value && isInsecureRoomName(value))
+        });
+    }
+
+    /**
+     * Renders the insecure room name warning if needed.
+     *
+     * @returns {ReactElement}
+     */
+    _renderInsecureRoomNameWarning() {
+        if (this.props._enableInsecureRoomNameWarning && this.state.insecureRoomName) {
+            return this._doRenderInsecureRoomNameWarning();
+        }
+
+        return null;
+    }
+
+    /**
+     * Triggers the generation of a new room name and initiates an animation of
+     * its changing.
+     *
+     * @protected
+     * @returns {void}
+     */
+    _updateRoomName() {
+        const generatedRoomName = generateRoomWithoutSeparator();
+        const roomPlaceholder = '';
+        const updateTimeoutId = window.setTimeout(this._updateRoomName, 10000);
+
+        this._clearTimeouts();
+        this.setState(
+            {
+                generatedRoomName,
+                roomPlaceholder,
+                updateTimeoutId
+            },
+            () => this._animateRoomNameChanging(generatedRoomName));
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the React {@code Component} props of
+ * {@code AbstractWelcomePage}.
+ *
+ * @param {Object} state - The redux state.
+ * @protected
+ * @returns {IProps}
+ */
+export function _mapStateToProps(state: IReduxState) {
+    return {
+        _calendarEnabled: isCalendarEnabled(state),
+        _deeplinkingCfg: state['features/base/config'].deeplinking || {},
+        _enableInsecureRoomNameWarning: isUnsafeRoomWarningEnabled(state),
+        _moderatedRoomServiceUrl: state['features/base/config'].moderatedRoomServiceUrl,
+        _recentListEnabled: isRecentListEnabled(),
+        _room: state['features/base/conference'].room ?? '',
+        _settings: state['features/base/settings']
+    };
+}
diff --git a/react/features/welcome/components/BlankPage.web.ts b/react/features/welcome/components/BlankPage.web.ts
new file mode 100644
index 0000000..f237ddf
--- /dev/null
+++ b/react/features/welcome/components/BlankPage.web.ts
@@ -0,0 +1 @@
+export default undefined;
diff --git a/react/features/welcome/components/TabIcon.tsx b/react/features/welcome/components/TabIcon.tsx
new file mode 100644
index 0000000..36db3c8
--- /dev/null
+++ b/react/features/welcome/components/TabIcon.tsx
@@ -0,0 +1,35 @@
+import React from 'react';
+
+import Icon from '../../base/icons/components/Icon';
+import { StyleType } from '../../base/styles/functions.any';
+import BaseTheme from '../../base/ui/components/BaseTheme';
+import { INACTIVE_TAB_COLOR } from '../constants';
+
+interface IProps {
+
+    /**
+     * Is the tab focused?
+     */
+    focused?: boolean;
+
+    /**
+     * The ImageSource to be rendered as image.
+     */
+    src: Function;
+
+    /**
+     * The component's external style.
+     */
+    style?: StyleType;
+}
+
+const TabIcon = ({ focused, src, style }: IProps) => (
+    <Icon
+        color = { focused ? BaseTheme.palette.icon01 : INACTIVE_TAB_COLOR }
+        size = { 24 }
+        src = { src }
+        style = { style } />
+);
+
+
+export default TabIcon;
diff --git a/react/features/welcome/components/Tabs.tsx b/react/features/welcome/components/Tabs.tsx
new file mode 100644
index 0000000..f7b4d8e
--- /dev/null
+++ b/react/features/welcome/components/Tabs.tsx
@@ -0,0 +1,111 @@
+import React, { useCallback, useEffect, useState } from 'react';
+
+/**
+ * The type of the React {@code Component} props of {@link Tabs}.
+ */
+interface IProps {
+
+    /**
+     * Accessibility label for the tabs container.
+     *
+     */
+    accessibilityLabel: string;
+
+    /**
+     * Tabs information.
+     */
+    tabs: {
+        content: any;
+        id: string;
+        label: string;
+    }[];
+}
+
+/**
+ * A React component that implements tabs.
+ *
+ * @returns {ReactElement} The component.
+ */
+const Tabs = ({ accessibilityLabel, tabs }: IProps) => {
+    const [ current, setCurrent ] = useState(0);
+
+    const onClick = useCallback(index => (event: React.MouseEvent) => {
+        event.preventDefault();
+        setCurrent(index);
+    }, []);
+
+    const onKeyDown = useCallback(index => (event: React.KeyboardEvent) => {
+        let newIndex = null;
+
+        if (event.key === 'ArrowLeft') {
+            event.preventDefault();
+            newIndex = index === 0 ? tabs.length - 1 : index - 1;
+        }
+
+        if (event.key === 'ArrowRight') {
+            event.preventDefault();
+            newIndex = index === tabs.length - 1 ? 0 : index + 1;
+        }
+
+        if (newIndex !== null) {
+            setCurrent(newIndex);
+        }
+    }, [ tabs ]);
+
+    useEffect(() => {
+        // this test is needed to make sure the effect is triggered because of user actually changing tab
+        if (document.activeElement?.getAttribute('role') === 'tab') {
+            // @ts-ignore
+            document.querySelector(`#${`${tabs[current].id}-tab`}`)?.focus();
+        }
+
+    }, [ current, tabs ]);
+
+    return (
+        <div className = 'tab-container'>
+            { tabs.length > 1
+                ? (
+                    <>
+                        <div
+                            aria-label = { accessibilityLabel }
+                            className = 'tab-buttons'
+                            role = 'tablist'>
+                            {tabs.map((tab, index) => (
+                                <button
+                                    aria-controls = { `${tab.id}-panel` }
+                                    aria-selected = { current === index ? 'true' : 'false' }
+                                    id = { `${tab.id}-tab` }
+                                    key = { tab.id }
+                                    onClick = { onClick(index) }
+                                    onKeyDown = { onKeyDown(index) }
+                                    role = 'tab'
+                                    tabIndex = { current === index ? undefined : -1 }>
+                                    {tab.label}
+                                </button>
+                            ))}
+                        </div>
+                        {tabs.map((tab, index) => (
+                            <div
+                                aria-labelledby = { `${tab.id}-tab` }
+                                className = { current === index ? 'tab-content' : 'hide' }
+                                id = { `${tab.id}-panel` }
+                                key = { tab.id }
+                                role = 'tabpanel'
+                                tabIndex = { 0 }>
+                                {tab.content}
+                            </div>
+                        ))}
+                    </>
+                )
+                : (
+                    <>
+                        <h2 className = 'sr-only'>{accessibilityLabel}</h2>
+                        <div className = 'tab-content'>{tabs[0].content}</div>
+                    </>
+                )
+            }
+        </div>
+    );
+};
+
+export default Tabs;
diff --git a/react/features/welcome/components/WelcomePage.native.tsx b/react/features/welcome/components/WelcomePage.native.tsx
new file mode 100644
index 0000000..d79bdc2
--- /dev/null
+++ b/react/features/welcome/components/WelcomePage.native.tsx
@@ -0,0 +1,417 @@
+import React from 'react';
+import {
+    Animated,
+    NativeSyntheticEvent,
+    StyleProp,
+    TextInputFocusEventData,
+    TextStyle,
+    TouchableHighlight,
+    View,
+    ViewStyle
+} from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { connect } from 'react-redux';
+
+import { getName } from '../../app/functions.native';
+import { IReduxState } from '../../app/types';
+import { translate } from '../../base/i18n/functions';
+import Icon from '../../base/icons/components/Icon';
+import { IconWarning } from '../../base/icons/svg';
+import LoadingIndicator from '../../base/react/components/native/LoadingIndicator';
+import Text from '../../base/react/components/native/Text';
+import BaseTheme from '../../base/ui/components/BaseTheme.native';
+import Button from '../../base/ui/components/native/Button';
+import Input from '../../base/ui/components/native/Input';
+import { BUTTON_TYPES } from '../../base/ui/constants.native';
+import getUnsafeRoomText from '../../base/util/getUnsafeRoomText.native';
+import WelcomePageTabs
+    from '../../mobile/navigation/components/welcome/components/WelcomePageTabs';
+
+import {
+    IProps as AbstractProps,
+    AbstractWelcomePage,
+    _mapStateToProps as _abstractMapStateToProps
+} from './AbstractWelcomePage';
+import styles from './styles.native';
+
+interface IProps extends AbstractProps {
+
+    /**
+     * Function for getting the unsafe room text.
+     */
+    getUnsafeRoomTextFn: Function;
+
+    /**
+     * Default prop for navigating between screen components(React Navigation).
+     */
+    navigation: any;
+}
+
+/**
+ * The native container rendering the welcome page.
+ *
+ * @augments AbstractWelcomePage
+ */
+class WelcomePage extends AbstractWelcomePage<IProps> {
+    _onFieldBlur: (e: NativeSyntheticEvent<TextInputFocusEventData>) => void;
+    _onFieldFocus: (e: NativeSyntheticEvent<TextInputFocusEventData>) => void;
+
+    /**
+     * Constructor of the Component.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this.state._fieldFocused = false;
+
+        this.state.isSettingsScreenFocused = false;
+
+        this.state.roomNameInputAnimation = new Animated.Value(1);
+
+        this.state.hintBoxAnimation = new Animated.Value(0);
+
+        // Bind event handlers so they are only bound once per instance.
+        this._onFieldFocusChange = this._onFieldFocusChange.bind(this);
+        this._renderHintBox = this._renderHintBox.bind(this);
+
+        // Specially bind functions to avoid function definition on render.
+        this._onFieldBlur = this._onFieldFocusChange.bind(this, false);
+        this._onFieldFocus = this._onFieldFocusChange.bind(this, true);
+        this._onSettingsScreenFocused = this._onSettingsScreenFocused.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#componentDidMount()}. Invoked
+     * immediately after mounting occurs. Creates a local video track if none
+     * is available and the camera permission was already granted.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidMount() {
+        super.componentDidMount();
+
+        const {
+            navigation,
+            t
+        } = this.props;
+
+        navigation.setOptions({
+            headerTitle: t('welcomepage.headerTitle')
+        });
+
+        navigation.addListener('focus', () => {
+            this._updateRoomName();
+        });
+
+        navigation.addListener('blur', () => {
+            this._clearTimeouts();
+
+            this.setState({
+                generatedRoomName: '',
+                insecureRoomName: false,
+                room: ''
+            });
+        });
+    }
+
+    /**
+     * Implements React's {@link Component#render()}. Renders a prompt for
+     * entering a room name.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    override render() {
+        // We want to have the welcome page support the reduced UI layout,
+        // but we ran into serious issues enabling it so we disable it
+        // until we have a proper fix in place. We leave the code here though, because
+        // this part should be fine when the bug is fixed.
+        //
+        // NOTE: when re-enabling, don't forget to uncomment the respective _mapStateToProps line too
+
+        /*
+        const { _reducedUI } = this.props;
+
+        if (_reducedUI) {
+            return this._renderReducedUI();
+        }
+        */
+
+        return this._renderFullUI();
+    }
+
+    /**
+     * Renders the insecure room name warning.
+     *
+     * @inheritdoc
+     */
+    _doRenderInsecureRoomNameWarning() {
+        return (
+            <View
+                style = { [
+                    styles.messageContainer,
+                    styles.insecureRoomNameWarningContainer as ViewStyle
+                ] }>
+                <Icon
+                    src = { IconWarning }
+                    style = { styles.insecureRoomNameWarningIcon } />
+                <Text style = { styles.insecureRoomNameWarningText }>
+                    { this.props.getUnsafeRoomTextFn(this.props.t) }
+                </Text>
+            </View>
+        );
+    }
+
+    /**
+     * Constructs a style array to handle the hint box animation.
+     *
+     * @private
+     * @returns {Array<Object>}
+     */
+    _getHintBoxStyle() {
+        return [
+            styles.messageContainer,
+            styles.hintContainer,
+            {
+                opacity: this.state.hintBoxAnimation
+            }
+        ];
+    }
+
+    /**
+     * Callback for when the room field's focus changes so the hint box
+     * must be rendered or removed.
+     *
+     * @private
+     * @param {boolean} focused - The focused state of the field.
+     * @returns {void}
+     */
+    _onFieldFocusChange(focused: boolean) {
+        if (focused) {
+            // Stop placeholder animation.
+            this._clearTimeouts();
+            this.setState({
+                _fieldFocused: true,
+                roomPlaceholder: ''
+            });
+        } else {
+            // Restart room placeholder animation.
+            this._updateRoomName();
+        }
+
+        Animated.timing(
+
+            this.state.hintBoxAnimation,
+
+            {
+                duration: 300,
+                toValue: focused ? 1 : 0,
+                useNativeDriver: true
+            })
+            .start(animationState =>
+
+                animationState.finished
+
+                && !focused
+                    && this.setState({
+                        _fieldFocused: false
+                    }));
+    }
+
+    /**
+     * Callback for when the settings screen is focused.
+     *
+     * @private
+     * @param {boolean} focused - The focused state of the screen.
+     * @returns {void}
+     */
+    _onSettingsScreenFocused(focused: boolean) {
+        this.setState({
+            isSettingsScreenFocused: focused
+        });
+
+        this.props.navigation.setOptions({
+            headerShown: !focused
+        });
+
+        Animated.timing(
+            this.state.roomNameInputAnimation,
+            {
+                toValue: focused ? 0 : 1,
+                duration: 500,
+                useNativeDriver: true
+            })
+            .start();
+    }
+
+    /**
+     * Renders the hint box if necessary.
+     *
+     * @private
+     * @returns {React$Node}
+     */
+    _renderHintBox() {
+        const { t } = this.props;
+
+        if (this.state._fieldFocused) {
+            return (
+                <Animated.View style = { this._getHintBoxStyle() as ViewStyle[] }>
+                    <View style = { styles.hintTextContainer as ViewStyle } >
+                        <Text style = { styles.hintText as TextStyle }>
+                            { t('welcomepage.roomnameHint') }
+                        </Text>
+                    </View>
+                    <View style = { styles.hintButtonContainer as ViewStyle } >
+                        { this._renderJoinButton() }
+                    </View>
+                </Animated.View>
+            );
+        }
+
+        return null;
+    }
+
+    /**
+     * Renders the join button.
+     *
+     * @private
+     * @returns {ReactElement}
+     */
+    _renderJoinButton() {
+        const { t } = this.props;
+        let joinButton;
+
+
+        if (this.state.joining) {
+            // TouchableHighlight is picky about what its children can be, so
+            // wrap it in a native component, i.e. View to avoid having to
+            // modify non-native children.
+            joinButton = (
+                <TouchableHighlight
+                    accessibilityLabel =
+                        { t('welcomepage.accessibilityLabel.join') }
+                    onPress = { this._onJoin }
+                    style = { styles.button as ViewStyle }>
+                    <View>
+                        <LoadingIndicator
+                            color = { BaseTheme.palette.icon01 }
+                            size = 'small' />
+                    </View>
+                </TouchableHighlight>
+            );
+        } else {
+            joinButton = (
+                <Button
+                    accessibilityLabel = { 'welcomepage.accessibilityLabel.join' }
+                    labelKey = { 'welcomepage.join' }
+                    labelStyle = { styles.joinButtonLabel }
+                    onClick = { this._onJoin }
+                    type = { BUTTON_TYPES.PRIMARY } />
+            );
+        }
+
+        return joinButton;
+    }
+
+    /**
+     * Renders the room name input.
+     *
+     * @private
+     * @returns {ReactElement}
+     */
+    _renderRoomNameInput() {
+        const roomnameAccLabel = 'welcomepage.accessibilityLabel.roomname';
+        const { t } = this.props;
+        const { isSettingsScreenFocused } = this.state;
+
+        return (
+            <Animated.View
+                style = { [
+                    isSettingsScreenFocused && styles.roomNameInputContainer,
+                    { opacity: this.state.roomNameInputAnimation }
+                ] as StyleProp<ViewStyle> }>
+                <SafeAreaView
+                    edges = { [ 'left', 'right' ] }
+                    style = { styles.roomContainer as StyleProp<ViewStyle> }>
+                    <Text style = { styles.enterRoomText as StyleProp<TextStyle> }>
+                        { t('welcomepage.roomname') }
+                    </Text>
+                    <Input
+                        accessibilityLabel = { t(roomnameAccLabel) }
+                        autoCapitalize = { 'none' }
+                        autoFocus = { false }
+                        customStyles = {{ input: styles.customInput }}
+                        onBlur = { this._onFieldBlur }
+                        onChange = { this._onRoomChange }
+                        onFocus = { this._onFieldFocus }
+                        onSubmitEditing = { this._onJoin }
+                        placeholder = { this.state.roomPlaceholder }
+                        returnKeyType = { 'go' }
+                        value = { this.state.room } />
+                    {
+                        this._renderInsecureRoomNameWarning()
+                    }
+                    {
+                        this._renderHintBox()
+                    }
+                </SafeAreaView>
+            </Animated.View>
+        );
+    }
+
+    /**
+     * Renders the full welcome page.
+     *
+     * @returns {ReactElement}
+     */
+    _renderFullUI() {
+        return (
+            <>
+                { this._renderRoomNameInput() }
+                <View style = { styles.welcomePage as ViewStyle }>
+                    <WelcomePageTabs
+                        disabled = { Boolean(this.state._fieldFocused) } // @ts-ignore
+                        onListContainerPress = { this._onFieldBlur }
+                        onSettingsScreenFocused = { this._onSettingsScreenFocused } />
+                </View>
+            </>
+        );
+    }
+
+    /**
+     * Renders a "reduced" version of the welcome page.
+     *
+     * @returns {ReactElement}
+     */
+    _renderReducedUI() {
+        const { t } = this.props;
+
+        return (
+            <View style = { styles.reducedUIContainer as ViewStyle }>
+                <Text style = { styles.reducedUIText }>
+                    { t('welcomepage.reducedUIText', { app: getName() }) }
+                </Text>
+            </View>
+        );
+    }
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @returns {Object}
+ */
+function _mapStateToProps(state: IReduxState) {
+    return {
+        ..._abstractMapStateToProps(state),
+
+        // _reducedUI: state['features/base/responsive-ui'].reducedUI
+        getUnsafeRoomTextFn: (t: Function) => getUnsafeRoomText(state, t, 'welcome')
+    };
+}
+
+export default translate(connect(_mapStateToProps)(WelcomePage));
diff --git a/react/features/welcome/components/WelcomePage.web.tsx b/react/features/welcome/components/WelcomePage.web.tsx
new file mode 100644
index 0000000..333b89c
--- /dev/null
+++ b/react/features/welcome/components/WelcomePage.web.tsx
@@ -0,0 +1,548 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import { isMobileBrowser } from '../../base/environment/utils';
+import { translate, translateToHTML } from '../../base/i18n/functions';
+import Icon from '../../base/icons/components/Icon';
+import { IconWarning } from '../../base/icons/svg';
+import Watermarks from '../../base/react/components/web/Watermarks';
+import getUnsafeRoomText from '../../base/util/getUnsafeRoomText.web';
+import CalendarList from '../../calendar-sync/components/CalendarList.web';
+import RecentList from '../../recent-list/components/RecentList.web';
+import SettingsButton from '../../settings/components/web/SettingsButton';
+import { SETTINGS_TABS } from '../../settings/constants';
+
+import { AbstractWelcomePage, IProps, _mapStateToProps } from './AbstractWelcomePage';
+import Tabs from './Tabs';
+
+/**
+ * The pattern used to validate room name.
+ *
+ * @type {string}
+ */
+export const ROOM_NAME_VALIDATE_PATTERN_STR = '^[^?&:\u0022\u0027%#]+$';
+
+/**
+ * The Web container rendering the welcome page.
+ *
+ * @augments AbstractWelcomePage
+ */
+class WelcomePage extends AbstractWelcomePage<IProps> {
+    _additionalContentRef: HTMLDivElement | null;
+    _additionalToolbarContentRef: HTMLDivElement | null;
+    _additionalCardRef: HTMLDivElement | null;
+    _roomInputRef: HTMLInputElement | null;
+    _additionalCardTemplate: HTMLTemplateElement | null;
+    _additionalContentTemplate: HTMLTemplateElement | null;
+    _additionalToolbarContentTemplate: HTMLTemplateElement | null;
+    _titleHasNotAllowCharacter: boolean;
+
+    /**
+     * Default values for {@code WelcomePage} component's properties.
+     *
+     * @static
+     */
+    static defaultProps = {
+        _room: ''
+    };
+
+    /**
+     * Initializes a new WelcomePage instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            ...this.state,
+
+            generateRoomNames:
+                interfaceConfig.GENERATE_ROOMNAMES_ON_WELCOME_PAGE
+        };
+
+        /**
+      * Used To display a warning massage if the title input has no allow character.
+      *
+      * @private
+      * @type {boolean}
+      */
+        this._titleHasNotAllowCharacter = false;
+
+        /**
+         * The HTML Element used as the container for additional content. Used
+         * for directly appending the additional content template to the dom.
+         *
+         * @private
+         * @type {HTMLTemplateElement|null}
+         */
+        this._additionalContentRef = null;
+
+        this._roomInputRef = null;
+
+        /**
+         * The HTML Element used as the container for additional toolbar content. Used
+         * for directly appending the additional content template to the dom.
+         *
+         * @private
+         * @type {HTMLTemplateElement|null}
+         */
+        this._additionalToolbarContentRef = null;
+
+        this._additionalCardRef = null;
+
+        /**
+         * The template to use as the additional card displayed near the main one.
+         *
+         * @private
+         * @type {HTMLTemplateElement|null}
+         */
+        this._additionalCardTemplate = document.getElementById(
+            'welcome-page-additional-card-template') as HTMLTemplateElement;
+
+        /**
+         * The template to use as the main content for the welcome page. If
+         * not found then only the welcome page head will display.
+         *
+         * @private
+         * @type {HTMLTemplateElement|null}
+         */
+        this._additionalContentTemplate = document.getElementById(
+            'welcome-page-additional-content-template') as HTMLTemplateElement;
+
+        /**
+         * The template to use as the additional content for the welcome page header toolbar.
+         * If not found then only the settings icon will be displayed.
+         *
+         * @private
+         * @type {HTMLTemplateElement|null}
+         */
+        this._additionalToolbarContentTemplate = document.getElementById(
+            'settings-toolbar-additional-content-template'
+        ) as HTMLTemplateElement;
+
+        // Bind event handlers so they are only bound once per instance.
+        this._onFormSubmit = this._onFormSubmit.bind(this);
+        this._onRoomChange = this._onRoomChange.bind(this);
+        this._setAdditionalCardRef = this._setAdditionalCardRef.bind(this);
+        this._setAdditionalContentRef
+            = this._setAdditionalContentRef.bind(this);
+        this._setRoomInputRef = this._setRoomInputRef.bind(this);
+        this._setAdditionalToolbarContentRef
+            = this._setAdditionalToolbarContentRef.bind(this);
+        this._renderFooter = this._renderFooter.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#componentDidMount()}. Invoked
+     * immediately after this component is mounted.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidMount() {
+        super.componentDidMount();
+
+        document.body.classList.add('welcome-page');
+        document.title = interfaceConfig.APP_NAME;
+
+        if (this.state.generateRoomNames) {
+            this._updateRoomName();
+        }
+
+        if (this._shouldShowAdditionalContent()) {
+            this._additionalContentRef?.appendChild(
+                this._additionalContentTemplate?.content.cloneNode(true) as Node);
+        }
+
+        if (this._shouldShowAdditionalToolbarContent()) {
+            this._additionalToolbarContentRef?.appendChild(
+                this._additionalToolbarContentTemplate?.content.cloneNode(true) as Node
+            );
+        }
+
+        if (this._shouldShowAdditionalCard()) {
+            this._additionalCardRef?.appendChild(
+                this._additionalCardTemplate?.content.cloneNode(true) as Node
+            );
+        }
+    }
+
+    /**
+     * Removes the classname used for custom styling of the welcome page.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentWillUnmount() {
+        super.componentWillUnmount();
+
+        document.body.classList.remove('welcome-page');
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement|null}
+     */
+    override render() {
+        const { _moderatedRoomServiceUrl, t } = this.props;
+        const { DEFAULT_WELCOME_PAGE_LOGO_URL, DISPLAY_WELCOME_FOOTER } = interfaceConfig;
+        const showAdditionalCard = this._shouldShowAdditionalCard();
+        const showAdditionalContent = this._shouldShowAdditionalContent();
+        const showAdditionalToolbarContent = this._shouldShowAdditionalToolbarContent();
+        const contentClassName = showAdditionalContent ? 'with-content' : 'without-content';
+        const footerClassName = DISPLAY_WELCOME_FOOTER ? 'with-footer' : 'without-footer';
+
+        return (
+            <div
+                className = { `welcome ${contentClassName} ${footerClassName}` }
+                id = 'welcome_page'>
+                <div className = 'header'>
+                    <div className = 'header-image' />
+                    <div className = 'header-container'>
+                        <div className = 'header-watermark-container'>
+                            <div className = 'welcome-watermark'>
+                                <Watermarks
+                                    defaultJitsiLogoURL = { DEFAULT_WELCOME_PAGE_LOGO_URL }
+                                    noMargins = { true } />
+                            </div>
+                        </div>
+                        <div className = 'welcome-page-settings'>
+                            <SettingsButton
+                                defaultTab = { SETTINGS_TABS.CALENDAR }
+                                isDisplayedOnWelcomePage = { true } />
+                            {showAdditionalToolbarContent
+                                ? <div
+                                    className = 'settings-toolbar-content'
+                                    ref = { this._setAdditionalToolbarContentRef } />
+                                : null
+                            }
+                        </div>
+                        <h1 className = 'header-text-title'>
+                            {t('welcomepage.headerTitle')}
+                        </h1>
+                        <span className = 'header-text-subtitle'>
+                            {t('welcomepage.headerSubtitle')}
+                        </span>
+                        <div id = 'enter_room'>
+                            <div className = 'join-meeting-container'>
+                                <div className = 'enter-room-input-container'>
+                                    <form onSubmit = { this._onFormSubmit }>
+                                        <input
+                                            aria-disabled = 'false'
+                                            aria-label = 'Meeting name input'
+                                            autoFocus = { true }
+                                            className = 'enter-room-input'
+                                            id = 'enter_room_field'
+                                            onChange = { this._onRoomChange }
+                                            pattern = { ROOM_NAME_VALIDATE_PATTERN_STR }
+                                            placeholder = { this.state.roomPlaceholder }
+                                            ref = { this._setRoomInputRef }
+                                            type = 'text'
+                                            value = { this.state.room } />
+                                    </form>
+                                </div>
+
+                                <button
+                                    aria-disabled = 'false'
+                                    aria-label = 'Start meeting'
+                                    className = 'welcome-page-button'
+                                    id = 'enter_room_button'
+                                    onClick = { this._onFormSubmit }
+                                    tabIndex = { 0 }
+                                    type = 'button'>
+                                    {t('welcomepage.startMeeting')}
+                                </button>
+                            </div>
+                        </div>
+                        {this._titleHasNotAllowCharacter && (
+                            <div
+                                className = 'not-allow-title-character-div'
+                                role = 'alert'>
+                                <Icon src = { IconWarning } />
+                                <span className = 'not-allow-title-character-text'>
+                                    {t('welcomepage.roomNameAllowedChars')}
+                                </span>
+                            </div>
+                        )}
+                        {this._renderInsecureRoomNameWarning()}
+
+                        {_moderatedRoomServiceUrl && (
+                            <div id = 'moderated-meetings'>
+                                {
+                                    translateToHTML(
+                                        t, 'welcomepage.moderatedMessage', { url: _moderatedRoomServiceUrl })
+                                }
+                            </div>)}
+                    </div>
+                </div>
+
+                <div className = 'welcome-cards-container'>
+                    <div className = 'welcome-card-column'>
+                        <div className = 'welcome-tabs welcome-card welcome-card--blue'>
+                            {this._renderTabs()}
+                        </div>
+                        {showAdditionalCard
+                            ? <div
+                                className = 'welcome-card welcome-card--dark'
+                                ref = { this._setAdditionalCardRef } />
+                            : null}
+                    </div>
+
+                    {showAdditionalContent
+                        ? <div
+                            className = 'welcome-page-content'
+                            ref = { this._setAdditionalContentRef } />
+                        : null}
+                </div>
+                {DISPLAY_WELCOME_FOOTER && this._renderFooter()}
+            </div>
+
+        );
+    }
+
+    /**
+     * Renders the insecure room name warning.
+     *
+     * @inheritdoc
+     */
+    override _doRenderInsecureRoomNameWarning() {
+        return (
+            <div className = 'insecure-room-name-warning'>
+                <Icon src = { IconWarning } />
+                <span>
+                    {getUnsafeRoomText(this.props.t, 'welcome')}
+                </span>
+            </div>
+        );
+    }
+
+    /**
+     * Prevents submission of the form and delegates join logic.
+     *
+     * @param {Event} event - The HTML Event which details the form submission.
+     * @private
+     * @returns {void}
+     */
+    _onFormSubmit(event: React.FormEvent) {
+        event.preventDefault();
+
+        if (!this._roomInputRef || this._roomInputRef.reportValidity()) {
+            this._onJoin();
+        }
+    }
+
+    /**
+     * Overrides the super to account for the differences in the argument types
+     * provided by HTML and React Native text inputs.
+     *
+     * @inheritdoc
+     * @override
+     * @param {Event} event - The (HTML) Event which details the change such as
+     * the EventTarget.
+     * @protected
+     */
+    // @ts-ignore
+    // eslint-disable-next-line require-jsdoc
+    _onRoomChange(event: React.ChangeEvent<HTMLInputElement>) {
+        const specialCharacters = [ '?', '&', ':', '\'', '"', '%', '#', '.' ];
+
+        this._titleHasNotAllowCharacter = specialCharacters.some(char => event.target.value.includes(char));
+        super._onRoomChange(event.target.value);
+    }
+
+    /**
+     * Renders the footer.
+     *
+     * @returns {ReactElement}
+     */
+    _renderFooter() {
+        const {
+            t,
+            _deeplinkingCfg: {
+                ios = { downloadLink: undefined },
+                android = {
+                    fDroidUrl: undefined,
+                    downloadLink: undefined
+                }
+            }
+        } = this.props;
+
+        const { downloadLink: iosDownloadLink } = ios;
+
+        const { fDroidUrl, downloadLink: androidDownloadLink } = android;
+
+        return (<footer className = 'welcome-footer'>
+            <div className = 'welcome-footer-centered'>
+                <div className = 'welcome-footer-padded'>
+                    <div className = 'welcome-footer-row-block welcome-footer--row-1'>
+                        <div className = 'welcome-footer-row-1-text'>{t('welcomepage.jitsiOnMobile')}</div>
+                        <a
+                            className = 'welcome-badge'
+                            href = { iosDownloadLink }
+                            rel = 'noopener noreferrer'
+                            target = '_blank'>
+                            <img
+                                alt = { t('welcomepage.mobileDownLoadLinkIos') }
+                                src = './images/app-store-badge.png' />
+                        </a>
+                        <a
+                            className = 'welcome-badge'
+                            href = { androidDownloadLink }
+                            rel = 'noopener noreferrer'
+                            target = '_blank'>
+                            <img
+                                alt = { t('welcomepage.mobileDownLoadLinkAndroid') }
+                                src = './images/google-play-badge.png' />
+                        </a>
+                        <a
+                            className = 'welcome-badge'
+                            href = { fDroidUrl }
+                            rel = 'noopener noreferrer'
+                            target = '_blank'>
+                            <img
+                                alt = { t('welcomepage.mobileDownLoadLinkFDroid') }
+                                src = './images/f-droid-badge.png' />
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </footer>);
+    }
+
+    /**
+     * Renders tabs to show previous meetings and upcoming calendar events. The
+     * tabs are purposefully hidden on mobile browsers.
+     *
+     * @returns {ReactElement|null}
+     */
+    _renderTabs() {
+        if (isMobileBrowser()) {
+            return null;
+        }
+
+        const { _calendarEnabled, _recentListEnabled, t } = this.props;
+
+        const tabs = [];
+
+        if (_calendarEnabled) {
+            tabs.push({
+                id: 'calendar',
+                label: t('welcomepage.upcomingMeetings'),
+                content: <CalendarList />
+            });
+        }
+
+        if (_recentListEnabled) {
+            tabs.push({
+                id: 'recent',
+                label: t('welcomepage.recentMeetings'),
+                content: <RecentList />
+            });
+        }
+
+        if (tabs.length === 0) {
+            return null;
+        }
+
+        return (
+            <Tabs
+                accessibilityLabel = { t('welcomepage.meetingsAccessibilityLabel') }
+                tabs = { tabs } />
+        );
+    }
+
+    /**
+     * Sets the internal reference to the HTMLDivElement used to hold the
+     * additional card shown near the tabs card.
+     *
+     * @param {HTMLDivElement} el - The HTMLElement for the div that is the root
+     * of the welcome page content.
+     * @private
+     * @returns {void}
+     */
+    _setAdditionalCardRef(el: HTMLDivElement) {
+        this._additionalCardRef = el;
+    }
+
+    /**
+     * Sets the internal reference to the HTMLDivElement used to hold the
+     * welcome page content.
+     *
+     * @param {HTMLDivElement} el - The HTMLElement for the div that is the root
+     * of the welcome page content.
+     * @private
+     * @returns {void}
+     */
+    _setAdditionalContentRef(el: HTMLDivElement) {
+        this._additionalContentRef = el;
+    }
+
+    /**
+     * Sets the internal reference to the HTMLDivElement used to hold the
+     * toolbar additional content.
+     *
+     * @param {HTMLDivElement} el - The HTMLElement for the div that is the root
+     * of the additional toolbar content.
+     * @private
+     * @returns {void}
+     */
+    _setAdditionalToolbarContentRef(el: HTMLDivElement) {
+        this._additionalToolbarContentRef = el;
+    }
+
+    /**
+     * Sets the internal reference to the HTMLInputElement used to hold the
+     * welcome page input room element.
+     *
+     * @param {HTMLInputElement} el - The HTMLElement for the input of the room name on the welcome page.
+     * @private
+     * @returns {void}
+     */
+    _setRoomInputRef(el: HTMLInputElement) {
+        this._roomInputRef = el;
+    }
+
+    /**
+     * Returns whether or not an additional card should be displayed near the tabs.
+     *
+     * @private
+     * @returns {boolean}
+     */
+    _shouldShowAdditionalCard() {
+        return interfaceConfig.DISPLAY_WELCOME_PAGE_ADDITIONAL_CARD
+            && this._additionalCardTemplate?.content
+            && this._additionalCardTemplate?.innerHTML?.trim();
+    }
+
+    /**
+     * Returns whether or not additional content should be displayed below
+     * the welcome page's header for entering a room name.
+     *
+     * @private
+     * @returns {boolean}
+     */
+    _shouldShowAdditionalContent() {
+        return interfaceConfig.DISPLAY_WELCOME_PAGE_CONTENT
+            && this._additionalContentTemplate?.content
+            && this._additionalContentTemplate?.innerHTML?.trim();
+    }
+
+    /**
+     * Returns whether or not additional content should be displayed inside
+     * the header toolbar.
+     *
+     * @private
+     * @returns {boolean}
+     */
+    _shouldShowAdditionalToolbarContent() {
+        return interfaceConfig.DISPLAY_WELCOME_PAGE_TOOLBAR_ADDITIONAL_CONTENT
+            && this._additionalToolbarContentTemplate?.content
+            && this._additionalToolbarContentTemplate?.innerHTML.trim();
+    }
+}
+
+export default translate(connect(_mapStateToProps)(WelcomePage));
diff --git a/react/features/welcome/components/styles.native.ts b/react/features/welcome/components/styles.native.ts
new file mode 100644
index 0000000..6222446
--- /dev/null
+++ b/react/features/welcome/components/styles.native.ts
@@ -0,0 +1,224 @@
+import { StyleSheet } from 'react-native';
+
+import { BoxModel } from '../../base/styles/components/styles/BoxModel';
+import BaseTheme from '../../base/ui/components/BaseTheme.native';
+
+export const AVATAR_SIZE = 104;
+
+/**
+ * The default color of text on the WelcomePage.
+ */
+const TEXT_COLOR = BaseTheme.palette.text01;
+
+/**
+ * The styles of the React {@code Components} of the feature welcome including
+ * {@code WelcomePage} and {@code BlankPage}.
+ */
+export default {
+
+    blankPageText: {
+        color: TEXT_COLOR,
+        fontSize: 18
+    },
+
+    /**
+     * View that is rendered when there is no welcome page.
+     */
+    blankPageWrapper: {
+        ...StyleSheet.absoluteFillObject,
+        alignItems: 'center',
+        backgroundColor: BaseTheme.palette.uiBackground,
+        flex: 1,
+        flexDirection: 'column',
+        justifyContent: 'center'
+    },
+
+    /**
+     * Join button style.
+     */
+    button: {
+        backgroundColor: BaseTheme.palette.action01,
+        borderColor: BaseTheme.palette.action01,
+        borderRadius: BaseTheme.shape.borderRadius,
+        borderWidth: 1,
+        height: BaseTheme.spacing[7],
+        justifyContent: 'center',
+        paddingHorizontal: BaseTheme.spacing[4]
+    },
+
+    joinButtonLabel: {
+        textTransform: 'uppercase'
+    },
+
+    joinButtonText: {
+        alignSelf: 'center',
+        color: BaseTheme.palette.text01,
+        fontSize: 14
+    },
+
+    enterRoomText: {
+        color: TEXT_COLOR,
+        fontSize: 18,
+        marginBottom: BoxModel.margin
+    },
+
+    /**
+     * Container for the button on the hint box.
+     */
+    hintButtonContainer: {
+        flexDirection: 'row',
+        justifyContent: 'center'
+    },
+
+    /**
+     * Container for the hint box.
+     */
+    hintContainer: {
+        flexDirection: 'column',
+        overflow: 'hidden'
+    },
+
+    /**
+     * The text of the hint box.
+     */
+    hintText: {
+        color: BaseTheme.palette.text01,
+        textAlign: 'center'
+    },
+
+    /**
+     * Container for the text on the hint box.
+     */
+    hintTextContainer: {
+        marginBottom: 2 * BoxModel.margin
+    },
+
+    /**
+     * Container for the items in the side bar.
+     */
+    itemContainer: {
+        flexDirection: 'column',
+        paddingTop: 10
+    },
+
+    messageContainer: {
+        backgroundColor: BaseTheme.palette.ui03,
+        borderRadius: BaseTheme.shape.borderRadius,
+        marginVertical: BaseTheme.spacing[1],
+        paddingHorizontal: BaseTheme.spacing[2],
+        paddingVertical: 2 * BaseTheme.spacing[2]
+    },
+
+    roomNameInputContainer: {
+        height: '0%'
+    },
+
+    /**
+     * Top-level screen style.
+     */
+    page: {
+        flex: 1,
+        flexDirection: 'column'
+    },
+
+    /**
+     * The styles for reduced UI mode.
+     */
+    reducedUIContainer: {
+        alignItems: 'center',
+        backgroundColor: BaseTheme.palette.link01,
+        flex: 1,
+        justifyContent: 'center'
+    },
+
+    reducedUIText: {
+        color: TEXT_COLOR,
+        fontSize: 12
+    },
+
+    /**
+     * Container for room name input box and 'join' button.
+     */
+    roomContainer: {
+        alignSelf: 'stretch',
+        flexDirection: 'column',
+        padding: BaseTheme.spacing[3]
+    },
+
+    /**
+     * The container of the label of the audio-video switch.
+     */
+    switchLabel: {
+        paddingHorizontal: 3
+    },
+
+    /**
+     * Room input style.
+     */
+    textInput: {
+        backgroundColor: 'transparent',
+        borderColor: BaseTheme.palette.ui10,
+        borderRadius: 4,
+        borderWidth: 1,
+        color: TEXT_COLOR,
+        fontSize: 23,
+        height: 50,
+        padding: 4,
+        textAlign: 'center'
+    },
+
+    /**
+     * Application title style.
+     */
+    title: {
+        color: TEXT_COLOR,
+        fontSize: 25,
+        marginBottom: 2 * BoxModel.margin,
+        textAlign: 'center'
+    },
+
+    insecureRoomNameWarningContainer: {
+        alignItems: 'center',
+        flexDirection: 'row',
+        paddingHorizontal: BaseTheme.spacing[1]
+    },
+
+    insecureRoomNameWarningIcon: {
+        color: BaseTheme.palette.warning02,
+        fontSize: 24,
+        marginRight: 10
+    },
+
+    insecureRoomNameWarningText: {
+        color: BaseTheme.palette.text01,
+        flex: 1
+    },
+
+    /**
+     * The style of the top-level container of {@code WelcomePage}.
+     */
+    welcomePage: {
+        backgroundColor: BaseTheme.palette.uiBackground,
+        flex: 1,
+        overflow: 'hidden'
+    },
+
+    customInput: {
+        fontSize: 18,
+        letterSpacing: 0,
+        textAlign: 'center'
+    },
+
+    recentList: {
+        backgroundColor: BaseTheme.palette.uiBackground,
+        flex: 1,
+        overflow: 'hidden'
+    },
+
+    recentListDisabled: {
+        backgroundColor: BaseTheme.palette.uiBackground,
+        flex: 1,
+        opacity: 0.8,
+        overflow: 'hidden'
+    }
+};
diff --git a/react/features/welcome/constants.tsx b/react/features/welcome/constants.tsx
new file mode 100644
index 0000000..a9b0664
--- /dev/null
+++ b/react/features/welcome/constants.tsx
@@ -0,0 +1,44 @@
+import React from 'react';
+
+import { IconCalendar, IconGear, IconRestore } from '../base/icons/svg';
+import BaseTheme from '../base/ui/components/BaseTheme';
+
+import TabIcon from './components/TabIcon';
+
+export const ACTIVE_TAB_COLOR = BaseTheme.palette.icon01;
+export const INACTIVE_TAB_COLOR = BaseTheme.palette.icon03;
+
+export const tabBarOptions = {
+    tabBarActiveTintColor: ACTIVE_TAB_COLOR,
+    tabBarInactiveTintColor: INACTIVE_TAB_COLOR,
+    tabBarLabelStyle: {
+        fontSize: 12,
+    },
+    tabBarStyle: {
+        backgroundColor: BaseTheme.palette.ui01
+    }
+};
+
+export const recentListTabBarOptions = {
+    tabBarIcon: ({ focused }: { focused: boolean; }) => (
+        <TabIcon
+            focused = { focused }
+            src = { IconRestore } />
+    )
+};
+
+export const calendarListTabBarOptions = {
+    tabBarIcon: ({ focused }: { focused: boolean; }) => (
+        <TabIcon
+            focused = { focused }
+            src = { IconCalendar } />
+    )
+};
+
+export const settingsTabBarOptions = {
+    tabBarIcon: ({ focused }: { focused: boolean; }) => (
+        <TabIcon
+            focused = { focused }
+            src = { IconGear } />
+    )
+};
diff --git a/react/features/welcome/functions.ts b/react/features/welcome/functions.ts
new file mode 100644
index 0000000..75f1106
--- /dev/null
+++ b/react/features/welcome/functions.ts
@@ -0,0 +1,33 @@
+import { IStateful } from '../base/app/types';
+import { WELCOME_PAGE_ENABLED } from '../base/flags/constants';
+import { getFeatureFlag } from '../base/flags/functions';
+import { toState } from '../base/redux/functions';
+
+
+/**
+ * Determines whether the {@code WelcomePage} is enabled.
+ *
+ * @param {IStateful} stateful - The redux state or {@link getState}
+ * function.
+ * @returns {boolean} If the {@code WelcomePage} is enabled by the app, then
+ * {@code true}; otherwise, {@code false}.
+ */
+export function isWelcomePageEnabled(stateful: IStateful) {
+    if (navigator.product === 'ReactNative') {
+        return getFeatureFlag(stateful, WELCOME_PAGE_ENABLED, false);
+    }
+
+    const config = toState(stateful)['features/base/config'];
+
+    return !config.welcomePage?.disabled;
+}
+
+/**
+ * Returns the configured custom URL (if any) to redirect to instead of the normal landing page.
+ *
+ * @param {IStateful} stateful - The redux state or {@link getState}.
+ * @returns {string} - The custom URL.
+ */
+export function getCustomLandingPageURL(stateful: IStateful) {
+    return toState(stateful)['features/base/config'].welcomePage?.customUrl;
+}
diff --git a/react/features/whiteboard/actionTypes.ts b/react/features/whiteboard/actionTypes.ts
new file mode 100644
index 0000000..27db5b6
--- /dev/null
+++ b/react/features/whiteboard/actionTypes.ts
@@ -0,0 +1,25 @@
+/**
+ * Close the whiteboard collaboration session.
+ * {{
+ *      type: RESET_WHITEBOARD
+ * }}
+ */
+export const RESET_WHITEBOARD: string = 'RESET_WHITEBOARD';
+
+/**
+ * Configure the whiteboard collaboration details.
+ * {{
+ *      type: SETUP_WHITEBOARD,
+ *      collabDetails
+ * }}
+ */
+ export const SETUP_WHITEBOARD: string = 'SETUP_WHITEBOARD';
+
+/**
+ * Sets the whiteboard visibility state.
+ * {{
+ *      type: SET_WHITEBOARD_OPEN,
+ *      isOpen
+ * }}
+ */
+export const SET_WHITEBOARD_OPEN: string = 'SET_WHITEBOARD_OPEN';
diff --git a/react/features/whiteboard/actions.any.ts b/react/features/whiteboard/actions.any.ts
new file mode 100644
index 0000000..2e13fa6
--- /dev/null
+++ b/react/features/whiteboard/actions.any.ts
@@ -0,0 +1,71 @@
+import { IStore } from '../app/types';
+import { showWarningNotification } from '../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE } from '../notifications/constants';
+
+import {
+    RESET_WHITEBOARD,
+    SETUP_WHITEBOARD,
+    SET_WHITEBOARD_OPEN
+} from './actionTypes';
+import { IWhiteboardAction } from './reducer';
+
+/**
+ * Configures the whiteboard collaboration details.
+ *
+ * @param {Object} payload - The whiteboard settings.
+ * @returns {{
+ *     type: SETUP_WHITEBOARD,
+ *     collabDetails: { roomId: string, roomKey: string },
+ *     collabServerUrl: string
+ * }}
+ */
+export const setupWhiteboard = ({ collabDetails, collabServerUrl }: {
+    collabDetails: { roomId: string; roomKey: string; };
+    collabServerUrl?: string;
+}): IWhiteboardAction => {
+    return {
+        type: SETUP_WHITEBOARD,
+        collabDetails,
+        collabServerUrl
+    };
+};
+
+/**
+ * Cleans up the whiteboard collaboration settings.
+ * To be used only on native for cleanup in between conferences.
+ *
+ * @returns {{
+ *     type: RESET_WHITEBOARD
+ * }}
+ */
+export const resetWhiteboard = (): IWhiteboardAction => {
+    return { type: RESET_WHITEBOARD };
+};
+
+/**
+ * Sets the whiteboard visibility status.
+ *
+ * @param {boolean} isOpen - The whiteboard visibility flag.
+ * @returns {{
+ *      type: SET_WHITEBOARD_OPEN,
+ *      isOpen
+ * }}
+ */
+export const setWhiteboardOpen = (isOpen: boolean): IWhiteboardAction => {
+    return {
+        type: SET_WHITEBOARD_OPEN,
+        isOpen
+    };
+};
+
+/**
+ * Shows a warning notification about the whiteboard user limit.
+ *
+ * @returns {Function}
+ */
+export const notifyWhiteboardLimit = () => (dispatch: IStore['dispatch']) => {
+    dispatch(showWarningNotification({
+        titleKey: 'notify.whiteboardLimitTitle',
+        descriptionKey: 'notify.whiteboardLimitDescription'
+    }, NOTIFICATION_TIMEOUT_TYPE.LONG));
+};
diff --git a/react/features/whiteboard/actions.native.ts b/react/features/whiteboard/actions.native.ts
new file mode 100644
index 0000000..84d3c72
--- /dev/null
+++ b/react/features/whiteboard/actions.native.ts
@@ -0,0 +1,26 @@
+import { createRestrictWhiteboardEvent } from '../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../analytics/functions';
+import { IStore } from '../app/types';
+import {
+    navigate
+} from '../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
+import { screen } from '../mobile/navigation/routes';
+
+
+import { resetWhiteboard } from './actions.any';
+
+export * from './actions.any';
+
+/**
+ * Restricts the whiteboard usage.
+ *
+ * @param {boolean} shouldCloseWhiteboard - Whether to dismiss the whiteboard.
+ * @returns {Function}
+ */
+export const restrictWhiteboard = (shouldCloseWhiteboard = true) => (dispatch: IStore['dispatch']) => {
+    if (shouldCloseWhiteboard) {
+        navigate(screen.conference.root);
+    }
+    dispatch(resetWhiteboard());
+    sendAnalytics(createRestrictWhiteboardEvent());
+};
diff --git a/react/features/whiteboard/actions.web.ts b/react/features/whiteboard/actions.web.ts
new file mode 100644
index 0000000..f1e8c32
--- /dev/null
+++ b/react/features/whiteboard/actions.web.ts
@@ -0,0 +1,48 @@
+import { createRestrictWhiteboardEvent } from '../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../analytics/functions';
+import { IStore } from '../app/types';
+
+import { resetWhiteboard, setWhiteboardOpen } from './actions.any';
+import { isWhiteboardAllowed, isWhiteboardOpen, isWhiteboardVisible } from './functions';
+import { WhiteboardStatus } from './types';
+
+export * from './actions.any';
+
+/**
+ * API to toggle the whiteboard.
+ *
+ * @returns {Function}
+ */
+export function toggleWhiteboard() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const state = getState();
+        const isAllowed = isWhiteboardAllowed(state);
+        const isOpen = isWhiteboardOpen(state);
+
+        if (isAllowed) {
+            if (isOpen && !isWhiteboardVisible(state)) {
+                dispatch(setWhiteboardOpen(true));
+            } else if (isOpen && isWhiteboardVisible(state)) {
+                dispatch(setWhiteboardOpen(false));
+            } else if (!isOpen) {
+                dispatch(setWhiteboardOpen(true));
+            }
+        } else if (typeof APP !== 'undefined') {
+            APP.API.notifyWhiteboardStatusChanged(WhiteboardStatus.FORBIDDEN);
+        }
+    };
+}
+
+/**
+ * Restricts the whiteboard usage.
+ *
+ * @param {boolean} shouldCloseWhiteboard - Whether to dismiss the whiteboard.
+ * @returns {Function}
+ */
+export const restrictWhiteboard = (shouldCloseWhiteboard = true) => (dispatch: IStore['dispatch']) => {
+    if (shouldCloseWhiteboard) {
+        dispatch(setWhiteboardOpen(false));
+    }
+    dispatch(resetWhiteboard());
+    sendAnalytics(createRestrictWhiteboardEvent());
+};
diff --git a/react/features/whiteboard/components/native/Whiteboard.tsx b/react/features/whiteboard/components/native/Whiteboard.tsx
new file mode 100644
index 0000000..58c9042
--- /dev/null
+++ b/react/features/whiteboard/components/native/Whiteboard.tsx
@@ -0,0 +1,247 @@
+import { Route } from '@react-navigation/native';
+import React, { PureComponent } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { Platform, View, ViewStyle } from 'react-native';
+import { WebView } from 'react-native-webview';
+import { connect } from 'react-redux';
+
+import { IReduxState, IStore } from '../../../app/types';
+import { getCurrentConference } from '../../../base/conference/functions';
+import { IJitsiConference } from '../../../base/conference/reducer';
+import { openDialog } from '../../../base/dialog/actions';
+import { translate } from '../../../base/i18n/functions';
+import { IconCloseLarge } from '../../../base/icons/svg';
+import JitsiScreen from '../../../base/modal/components/JitsiScreen';
+import LoadingIndicator from '../../../base/react/components/native/LoadingIndicator';
+import { safeDecodeURIComponent } from '../../../base/util/uri';
+import HeaderNavigationButton
+    from '../../../mobile/navigation/components/HeaderNavigationButton';
+import {
+    goBack
+} from '../../../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
+import { setupWhiteboard } from '../../actions.native';
+import { WHITEBOARD_ID } from '../../constants';
+import { getWhiteboardInfoForURIString } from '../../functions';
+import logger from '../../logger';
+
+import WhiteboardErrorDialog from './WhiteboardErrorDialog';
+import styles, { INDICATOR_COLOR } from './styles';
+
+interface IProps extends WithTranslation {
+
+    /**
+     * The current Jitsi conference.
+     */
+    conference?: IJitsiConference;
+
+    /**
+     * Redux store dispatch method.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * Window location href.
+     */
+    locationHref: string;
+
+    /**
+     * Default prop for navigating between screen components(React Navigation).
+     */
+    navigation: any;
+
+    /**
+     * Default prop for navigating between screen components(React Navigation).
+     */
+    route: Route<'', {
+        collabDetails: { roomId: string; roomKey: string; };
+        collabServerUrl: string;
+        localParticipantName: string;
+    }>;
+}
+
+/**
+ * Implements a React native component that displays the whiteboard page for a specific room.
+ */
+class Whiteboard extends PureComponent<IProps> {
+
+    /**
+     * Initializes a new instance.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._onError = this._onError.bind(this);
+        this._onNavigate = this._onNavigate.bind(this);
+        this._onMessage = this._onMessage.bind(this);
+        this._renderLoading = this._renderLoading.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#componentDidMount()}. Invoked
+     * immediately after mounting occurs.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    override componentDidMount() {
+        const { navigation, t } = this.props;
+        const headerLeft = () => {
+            if (Platform.OS === 'ios') {
+                return (
+                    <HeaderNavigationButton
+                        label = { t('dialog.close') }
+                        onPress = { goBack } />
+                );
+            }
+
+            return (
+                <HeaderNavigationButton
+                    onPress = { goBack }
+                    src = { IconCloseLarge } />
+            );
+        };
+
+        navigation.setOptions({ headerLeft });
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { locationHref, route } = this.props;
+        const collabServerUrl = safeDecodeURIComponent(route.params?.collabServerUrl);
+        const localParticipantName = safeDecodeURIComponent(route.params?.localParticipantName);
+        const collabDetails = route.params?.collabDetails;
+        const uri = getWhiteboardInfoForURIString(
+            locationHref,
+            collabServerUrl,
+            collabDetails,
+            localParticipantName
+        ) ?? '';
+
+        return (
+            <JitsiScreen
+                safeAreaInsets = { [ 'bottom', 'left', 'right' ] }
+                style = { styles.backDrop }>
+                <WebView
+                    domStorageEnabled = { false }
+                    incognito = { true }
+                    javaScriptEnabled = { true }
+                    nestedScrollEnabled = { true }
+                    onError = { this._onError }
+                    onMessage = { this._onMessage }
+                    onShouldStartLoadWithRequest = { this._onNavigate }
+                    renderLoading = { this._renderLoading }
+                    scrollEnabled = { true }
+                    setSupportMultipleWindows = { false }
+                    source = {{ uri }}
+                    startInLoadingState = { true }
+                    style = { styles.webView }
+                    webviewDebuggingEnabled = { true } />
+            </JitsiScreen>
+        );
+    }
+
+    /**
+     * Callback to handle the error if the page fails to load.
+     *
+     * @returns {void}
+     */
+    _onError() {
+        this.props.dispatch(openDialog('WhiteboardErrorDialog', WhiteboardErrorDialog));
+    }
+
+    /**
+     * Callback to intercept navigation inside the webview and make the native app handle the whiteboard requests.
+     *
+     * NOTE: We don't navigate to anywhere else from that view.
+     *
+     * @param {any} request - The request object.
+     * @returns {boolean}
+     */
+    _onNavigate(request: { url: string; }) {
+        const { url } = request;
+        const { locationHref, route } = this.props;
+        const collabServerUrl = route.params?.collabServerUrl;
+        const collabDetails = route.params?.collabDetails;
+        const localParticipantName = route.params?.localParticipantName;
+
+        return url === getWhiteboardInfoForURIString(
+            locationHref,
+            collabServerUrl,
+            collabDetails,
+            localParticipantName
+        );
+    }
+
+    /**
+     * Callback to handle the message events.
+     *
+     * @param {any} event - The event.
+     * @returns {void}
+     */
+    _onMessage(event: any) {
+        const { conference, dispatch } = this.props;
+        const collabData = JSON.parse(event.nativeEvent.data);
+
+        if (!collabData) {
+            logger.error('Message payload is missing whiteboard collaboration data');
+
+            return;
+        }
+
+        const { collabDetails, collabServerUrl } = collabData;
+
+        if (collabDetails?.roomId && collabDetails?.roomKey && collabServerUrl) {
+            dispatch(setupWhiteboard({
+                collabDetails,
+                collabServerUrl
+            }));
+
+            // Broadcast the collab details.
+            conference?.getMetadataHandler().setMetadata(WHITEBOARD_ID, {
+                collabServerUrl,
+                collabDetails
+            });
+        }
+    }
+
+    /**
+     * Renders the loading indicator.
+     *
+     * @returns {React$Component<any>}
+     */
+    _renderLoading() {
+        return (
+            <View style = { styles.indicatorWrapper as ViewStyle }>
+                <LoadingIndicator
+                    color = { INDICATOR_COLOR }
+                    size = 'large' />
+            </View>
+        );
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated
+ * {@code Whiteboard}'s props.
+ *
+ * @param {Object} state - The redux state.
+ * @private
+ * @returns {IProps}
+ */
+function mapStateToProps(state: IReduxState) {
+    const { locationURL } = state['features/base/connection'];
+    const { href = '' } = locationURL ?? {};
+
+    return {
+        conference: getCurrentConference(state),
+        locationHref: href
+    };
+}
+
+export default translate(connect(mapStateToProps)(Whiteboard));
diff --git a/react/features/whiteboard/components/native/WhiteboardButton.tsx b/react/features/whiteboard/components/native/WhiteboardButton.tsx
new file mode 100644
index 0000000..cb720e1
--- /dev/null
+++ b/react/features/whiteboard/components/native/WhiteboardButton.tsx
@@ -0,0 +1,43 @@
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { IconWhiteboard } from '../../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import { setWhiteboardOpen } from '../../actions.any';
+import { isWhiteboardButtonVisible } from '../../functions';
+
+/**
+ * Component that renders a toolbar button for the whiteboard.
+ */
+class WhiteboardButton extends AbstractButton<AbstractButtonProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.showWhiteboard';
+    override icon = IconWhiteboard;
+    override label = 'toolbar.showWhiteboard';
+    override tooltip = 'toolbar.showWhiteboard';
+
+    /**
+     * Handles clicking / pressing the button, and opens the whiteboard view.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _handleClick() {
+        this.props.dispatch(setWhiteboardOpen(true));
+    }
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    return {
+        visible: isWhiteboardButtonVisible(state)
+    };
+}
+
+export default translate(connect(_mapStateToProps)(WhiteboardButton));
diff --git a/react/features/whiteboard/components/native/WhiteboardErrorDialog.tsx b/react/features/whiteboard/components/native/WhiteboardErrorDialog.tsx
new file mode 100644
index 0000000..1b145da
--- /dev/null
+++ b/react/features/whiteboard/components/native/WhiteboardErrorDialog.tsx
@@ -0,0 +1,15 @@
+import React from 'react';
+
+import AlertDialog from '../../../base/dialog/components/native/AlertDialog';
+
+/**
+ * Dialog to inform the user that we couldn't load the whiteboard.
+ *
+ * @returns {JSX.Element}
+ */
+const WhiteboardErrorDialog = () => (
+    <AlertDialog
+        contentKey = 'info.whiteboardError' />
+);
+
+export default WhiteboardErrorDialog;
diff --git a/react/features/whiteboard/components/native/WhiteboardLimitDialog.tsx b/react/features/whiteboard/components/native/WhiteboardLimitDialog.tsx
new file mode 100644
index 0000000..03ae5ed
--- /dev/null
+++ b/react/features/whiteboard/components/native/WhiteboardLimitDialog.tsx
@@ -0,0 +1,43 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { Text, TextStyle } from 'react-native';
+import { useSelector } from 'react-redux';
+
+import ConfirmDialog from '../../../base/dialog/components/native/ConfirmDialog';
+import Link from '../../../base/react/components/native/Link';
+import { getWhiteboardConfig } from '../../functions';
+
+import styles from './styles';
+
+/**
+ * Component that renders the whiteboard user limit dialog.
+ *
+ * @returns {JSX.Element}
+ */
+const WhiteboardLimitDialog = () => {
+    const { t } = useTranslation();
+    const { limitUrl } = useSelector(getWhiteboardConfig);
+
+    return (
+        <ConfirmDialog
+            cancelLabel = { 'dialog.Ok' }
+            descriptionKey = { 'dialog.whiteboardLimitContent' }
+            isConfirmHidden = { true }
+            title = { 'dialog.whiteboardLimitTitle' }>
+            {limitUrl && (
+                <Text style = { styles.limitUrlText as TextStyle }>
+                    {` ${t('dialog.whiteboardLimitReference')}
+`}
+                    <Link
+                        style = { styles.limitUrl }
+                        url = { limitUrl }>
+                        {t('dialog.whiteboardLimitReferenceUrl')}
+                    </Link>
+                    .
+                </Text>
+            )}
+        </ConfirmDialog>
+    );
+};
+
+export default WhiteboardLimitDialog;
diff --git a/react/features/whiteboard/components/native/styles.ts b/react/features/whiteboard/components/native/styles.ts
new file mode 100644
index 0000000..40a432d
--- /dev/null
+++ b/react/features/whiteboard/components/native/styles.ts
@@ -0,0 +1,37 @@
+import BaseTheme from '../../../base/ui/components/BaseTheme.native';
+
+export const INDICATOR_COLOR = BaseTheme.palette.ui07;
+
+const WV_BACKGROUND = BaseTheme.palette.ui03;
+
+export default {
+
+    backDrop: {
+        backgroundColor: WV_BACKGROUND,
+        flex: 1
+    },
+
+    indicatorWrapper: {
+        alignItems: 'center',
+        backgroundColor: BaseTheme.palette.ui10,
+        height: '100%',
+        justifyContent: 'center'
+    },
+
+    webView: {
+        backgroundColor: WV_BACKGROUND,
+        flex: 1
+    },
+
+    limitUrlText: {
+        alignItems: 'center',
+        display: 'flex',
+        marginBottom: BaseTheme.spacing[2],
+        textAlign: 'center'
+    },
+
+    limitUrl: {
+        color: BaseTheme.palette.link01,
+        fontWeight: 'bold'
+    }
+};
diff --git a/react/features/whiteboard/components/web/NoWhiteboardError.tsx b/react/features/whiteboard/components/web/NoWhiteboardError.tsx
new file mode 100644
index 0000000..f18e798
--- /dev/null
+++ b/react/features/whiteboard/components/web/NoWhiteboardError.tsx
@@ -0,0 +1,25 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+
+/**
+ * The type of the React {@code Component} props of {@link NoWhiteboardError}.
+ */
+interface IProps {
+
+    /**
+     * Additional CSS classnames to append to the root of the component.
+     */
+    className?: string;
+}
+
+const NoWhiteboardError = ({ className }: IProps) => {
+    const { t } = useTranslation();
+
+    return (
+        <div className = { className } >
+            {t('info.noWhiteboard')}
+        </div>
+    );
+};
+
+export default NoWhiteboardError;
diff --git a/react/features/whiteboard/components/web/Whiteboard.tsx b/react/features/whiteboard/components/web/Whiteboard.tsx
new file mode 100644
index 0000000..91d679c
--- /dev/null
+++ b/react/features/whiteboard/components/web/Whiteboard.tsx
@@ -0,0 +1,165 @@
+import { ExcalidrawApp } from '@jitsi/excalidraw';
+import clsx from 'clsx';
+import i18next from 'i18next';
+import React, { useCallback, useEffect, useRef } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { useSelector } from 'react-redux';
+
+// @ts-expect-error
+import Filmstrip from '../../../../../modules/UI/videolayout/Filmstrip';
+import { IReduxState } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { getLocalParticipant } from '../../../base/participants/functions';
+import { getVerticalViewMaxWidth } from '../../../filmstrip/functions.web';
+import { getToolboxHeight } from '../../../toolbox/functions.web';
+import { shouldDisplayTileView } from '../../../video-layout/functions.any';
+import { WHITEBOARD_UI_OPTIONS } from '../../constants';
+import {
+    getCollabDetails,
+    getCollabServerUrl,
+    isWhiteboardOpen,
+    isWhiteboardVisible
+} from '../../functions';
+
+/**
+ * Space taken by meeting elements like the subject and the watermark.
+ */
+const HEIGHT_OFFSET = 80;
+
+interface IDimensions {
+
+    /* The height of the component. */
+    height: string;
+
+    /* The width of the component. */
+    width: string;
+}
+
+/**
+ * The Whiteboard component.
+ *
+ * @param {Props} props - The React props passed to this component.
+ * @returns {JSX.Element} - The React component.
+ */
+const Whiteboard = (props: WithTranslation): JSX.Element => {
+    const excalidrawRef = useRef<any>(null);
+    const excalidrawAPIRef = useRef<any>(null);
+    const collabAPIRef = useRef<any>(null);
+
+    const isOpen = useSelector(isWhiteboardOpen);
+    const isVisible = useSelector(isWhiteboardVisible);
+    const isInTileView = useSelector(shouldDisplayTileView);
+    const { clientHeight, videoSpaceWidth } = useSelector((state: IReduxState) => state['features/base/responsive-ui']);
+    const { visible: filmstripVisible, isResizing: isFilmstripResizing } = useSelector((state: IReduxState) => state['features/filmstrip']);
+    const isChatResizing = useSelector((state: IReduxState) => state['features/chat'].isResizing);
+    const isResizing = isFilmstripResizing || isChatResizing;
+    const filmstripWidth: number = useSelector(getVerticalViewMaxWidth);
+    const collabDetails = useSelector(getCollabDetails);
+    const collabServerUrl = useSelector(getCollabServerUrl);
+    const { defaultRemoteDisplayName } = useSelector((state: IReduxState) => state['features/base/config']);
+    const localParticipantName = useSelector(getLocalParticipant)?.name || defaultRemoteDisplayName || 'Fellow Jitster';
+
+    useEffect(() => {
+        if (!collabAPIRef.current) {
+            return;
+        }
+
+        collabAPIRef.current.setUsername(localParticipantName);
+    }, [ localParticipantName ]);
+
+    /**
+    * Computes the width and the height of the component.
+    *
+    * @returns {IDimensions} - The dimensions of the component.
+    */
+    const getDimensions = (): IDimensions => {
+        let width: number;
+        let height: number;
+
+        if (interfaceConfig.VERTICAL_FILMSTRIP) {
+            if (filmstripVisible) {
+                width = videoSpaceWidth - filmstripWidth;
+            } else {
+                width = videoSpaceWidth;
+            }
+            height = clientHeight - getToolboxHeight();
+        } else {
+            if (filmstripVisible) {
+                height = clientHeight - Filmstrip.getFilmstripHeight();
+            } else {
+                height = clientHeight;
+            }
+            width = videoSpaceWidth;
+        }
+
+        return {
+            width: `${width}px`,
+            height: `${height - HEIGHT_OFFSET}px`
+        };
+    };
+
+    const getExcalidrawAPI = useCallback(excalidrawAPI => {
+        if (excalidrawAPIRef.current) {
+            return;
+        }
+        excalidrawAPIRef.current = excalidrawAPI;
+    }, []);
+
+    const getCollabAPI = useCallback(collabAPI => {
+        if (collabAPIRef.current) {
+            return;
+        }
+        collabAPIRef.current = collabAPI;
+        collabAPIRef.current.setUsername(localParticipantName);
+    }, [ localParticipantName ]);
+
+    return (
+        <div
+            className = { clsx(
+                isResizing && 'disable-pointer',
+                'whiteboard-container'
+            ) }
+            style = {{
+                ...getDimensions(),
+                marginTop: `${HEIGHT_OFFSET}px`,
+                display: `${isInTileView || !isVisible ? 'none' : 'block'}`
+            }}>
+            {
+                isOpen && (
+                    <div className = 'excalidraw-wrapper'>
+                        {/*
+                          * Excalidraw renders a few lvl 2 headings. This is
+                          * quite fortunate, because we actually use lvl 1
+                          * headings to mark the big sections of our app. So make
+                          * sure to mark the Excalidraw context with a lvl 1
+                          * heading before showing the whiteboard.
+                          */
+                            <span
+                                aria-level = { 1 }
+                                className = 'sr-only'
+                                role = 'heading'>
+                                { props.t('whiteboard.accessibilityLabel.heading') }
+                            </span>
+                        }
+                        <ExcalidrawApp
+                            collabDetails = { collabDetails }
+                            collabServerUrl = { collabServerUrl }
+                            excalidraw = {{
+                                isCollaborating: true,
+                                langCode: i18next.language,
+
+                                // @ts-ignore
+                                ref: excalidrawRef,
+                                theme: 'light',
+                                UIOptions: WHITEBOARD_UI_OPTIONS
+                            }}
+                            getCollabAPI = { getCollabAPI }
+                            getExcalidrawAPI = { getExcalidrawAPI } />
+                    </div>
+                )
+            }
+        </div>
+    );
+};
+
+export default translate(Whiteboard);
diff --git a/react/features/whiteboard/components/web/WhiteboardApp.tsx b/react/features/whiteboard/components/web/WhiteboardApp.tsx
new file mode 100644
index 0000000..7a99a42
--- /dev/null
+++ b/react/features/whiteboard/components/web/WhiteboardApp.tsx
@@ -0,0 +1,94 @@
+import { generateCollaborationLinkData } from '@jitsi/excalidraw';
+import React, { ComponentType } from 'react';
+
+import BaseApp from '../../../base/app/components/BaseApp';
+import GlobalStyles from '../../../base/ui/components/GlobalStyles.web';
+import JitsiThemeProvider from '../../../base/ui/components/JitsiThemeProvider.web';
+import { decodeFromBase64URL } from '../../../base/util/httpUtils';
+import { parseURLParams } from '../../../base/util/parseURLParams';
+import { safeDecodeURIComponent } from '../../../base/util/uri';
+import logger from '../../logger';
+
+import NoWhiteboardError from './NoWhiteboardError';
+import WhiteboardWrapper from './WhiteboardWrapper';
+
+/**
+ * Wrapper application for the whiteboard.
+ *
+ * @augments BaseApp
+ */
+export default class WhiteboardApp extends BaseApp<any> {
+    /**
+     * Navigates to {@link Whiteboard} upon mount.
+     *
+     * @returns {void}
+     */
+    override async componentDidMount() {
+        await super.componentDidMount();
+
+        const { state } = parseURLParams(window.location.href, true);
+        const decodedState = JSON.parse(decodeFromBase64URL(state));
+        const { collabServerUrl, localParticipantName } = decodedState;
+        let { roomId, roomKey } = decodedState;
+
+        if (!roomId && !roomKey) {
+            try {
+                const collabDetails = await generateCollaborationLinkData();
+
+                roomId = collabDetails.roomId;
+                roomKey = collabDetails.roomKey;
+
+                if (window.ReactNativeWebView) {
+                    setTimeout(() => {
+                        window.ReactNativeWebView.postMessage(JSON.stringify({
+                            collabDetails,
+                            collabServerUrl
+                        }));
+                    }, 0);
+                }
+            } catch (e: any) {
+                logger.error('Couldn\'t generate collaboration link data.', e);
+            }
+        }
+
+        super._navigate({
+            component: () => (
+                <>{
+                    roomId && roomKey && collabServerUrl
+                        ? <WhiteboardWrapper
+                            className = 'whiteboard'
+                            collabDetails = {{
+                                roomId,
+                                roomKey
+                            }}
+                            collabServerUrl = { safeDecodeURIComponent(collabServerUrl) }
+                            localParticipantName = { localParticipantName } />
+                        : <NoWhiteboardError className = 'whiteboard' />
+                }</>
+            ) });
+    }
+
+    /**
+     * Overrides the parent method to inject {@link AtlasKitThemeProvider} as
+     * the top most component.
+     *
+     * @override
+     */
+    override _createMainElement(component: ComponentType<any>, props: Object) {
+        return (
+            <JitsiThemeProvider>
+                <GlobalStyles />
+                {super._createMainElement(component, props)}
+            </JitsiThemeProvider>
+        );
+    }
+
+    /**
+     * Renders the platform specific dialog container.
+     *
+     * @returns {React$Element}
+     */
+    override _renderDialogContainer() {
+        return null;
+    }
+}
diff --git a/react/features/whiteboard/components/web/WhiteboardButton.tsx b/react/features/whiteboard/components/web/WhiteboardButton.tsx
new file mode 100644
index 0000000..a522595
--- /dev/null
+++ b/react/features/whiteboard/components/web/WhiteboardButton.tsx
@@ -0,0 +1,71 @@
+import { connect } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { IconWhiteboard, IconWhiteboardHide } from '../../../base/icons/svg';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import { setOverflowMenuVisible } from '../../../toolbox/actions.web';
+import { setWhiteboardOpen } from '../../actions.any';
+import { isWhiteboardButtonVisible, isWhiteboardVisible } from '../../functions';
+
+interface IProps extends AbstractButtonProps {
+
+    /**
+     * Whether or not the button is toggled.
+     */
+    _toggled: boolean;
+}
+
+/**
+ * Component that renders a toolbar button for the whiteboard.
+ */
+class WhiteboardButton extends AbstractButton<IProps> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.showWhiteboard';
+    override toggledAccessibilityLabel = 'toolbar.accessibilityLabel.hideWhiteboard';
+    override icon = IconWhiteboard;
+    override label = 'toolbar.showWhiteboard';
+    override toggledIcon = IconWhiteboardHide;
+    override toggledLabel = 'toolbar.hideWhiteboard';
+    override toggledTooltip = 'toolbar.hideWhiteboard';
+    override tooltip = 'toolbar.showWhiteboard';
+
+    /**
+     * Handles clicking / pressing the button, and opens / closes the whiteboard view.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { dispatch, _toggled } = this.props;
+
+        dispatch(setWhiteboardOpen(!_toggled));
+        dispatch(setOverflowMenuVisible(false));
+    }
+
+    /**
+     * Indicates whether this button is in toggled state or not.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    override _isToggled() {
+        return this.props._toggled;
+    }
+}
+
+/**
+ * Maps part of the Redux state to the props of this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    return {
+        _toggled: isWhiteboardVisible(state),
+        visible: isWhiteboardButtonVisible(state)
+    };
+}
+
+export default translate(connect(_mapStateToProps)(WhiteboardButton));
diff --git a/react/features/whiteboard/components/web/WhiteboardLimitDialog.tsx b/react/features/whiteboard/components/web/WhiteboardLimitDialog.tsx
new file mode 100644
index 0000000..8ca795f
--- /dev/null
+++ b/react/features/whiteboard/components/web/WhiteboardLimitDialog.tsx
@@ -0,0 +1,39 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { useSelector } from 'react-redux';
+
+import Dialog from '../../../base/ui/components/web/Dialog';
+import { getWhiteboardConfig } from '../../functions';
+
+/**
+ * Component that renders the whiteboard user limit dialog.
+ *
+ * @returns {JSX.Element}
+ */
+const WhiteboardLimitDialog = () => {
+    const { t } = useTranslation();
+    const { limitUrl } = useSelector(getWhiteboardConfig);
+
+    return (
+        <Dialog
+            cancel = {{ hidden: true }}
+            ok = {{ hidden: true }}
+            titleKey = { t('dialog.whiteboardLimitTitle') }>
+            <span>{t('dialog.whiteboardLimitContent')}</span>
+            {limitUrl && (
+                <span>
+                    {` ${t('dialog.whiteboardLimitReference')} `}
+                    <a
+                        href = { limitUrl }
+                        rel = 'noopener noreferrer'
+                        target = '_blank'>
+                        {t('dialog.whiteboardLimitReferenceUrl')}
+                    </a>
+                    .
+                </span>
+            )}
+        </Dialog>
+    );
+};
+
+export default WhiteboardLimitDialog;
diff --git a/react/features/whiteboard/components/web/WhiteboardWrapper.tsx b/react/features/whiteboard/components/web/WhiteboardWrapper.tsx
new file mode 100644
index 0000000..4ba5522
--- /dev/null
+++ b/react/features/whiteboard/components/web/WhiteboardWrapper.tsx
@@ -0,0 +1,70 @@
+import { ExcalidrawApp } from '@jitsi/excalidraw';
+import i18next from 'i18next';
+import React, { useCallback, useRef } from 'react';
+
+import { WHITEBOARD_UI_OPTIONS } from '../../constants';
+
+/**
+ * Whiteboard wrapper for mobile.
+ *
+ * @returns {JSX.Element}
+ */
+const WhiteboardWrapper = ({
+    className,
+    collabDetails,
+    collabServerUrl,
+    localParticipantName
+}: {
+    className?: string;
+    collabDetails: {
+        roomId: string;
+        roomKey: string;
+    };
+    collabServerUrl: string;
+    localParticipantName: string;
+}) => {
+    const excalidrawRef = useRef<any>(null);
+    const excalidrawAPIRef = useRef<any>(null);
+    const collabAPIRef = useRef<any>(null);
+
+    const getExcalidrawAPI = useCallback(excalidrawAPI => {
+        if (excalidrawAPIRef.current) {
+            return;
+        }
+        excalidrawAPIRef.current = excalidrawAPI;
+    }, []);
+
+    const getCollabAPI = useCallback(collabAPI => {
+        if (collabAPIRef.current) {
+            return;
+        }
+        collabAPIRef.current = collabAPI;
+        collabAPIRef.current.setUsername(localParticipantName);
+    }, [ localParticipantName ]);
+
+    return (
+        <div className = { className }>
+            <div className = 'excalidraw-wrapper'>
+                <ExcalidrawApp
+                    collabDetails = { collabDetails }
+                    collabServerUrl = { collabServerUrl }
+                    detectScroll = { true }
+                    excalidraw = {{
+                        isCollaborating: true,
+                        langCode: i18next.language,
+
+                        // @ts-ignore
+                        ref: excalidrawRef,
+                        theme: 'light',
+                        UIOptions: WHITEBOARD_UI_OPTIONS
+                    }}
+                    getCollabAPI = { getCollabAPI }
+                    getExcalidrawAPI = { getExcalidrawAPI } />
+            </div>
+
+
+        </div>
+    );
+};
+
+export default WhiteboardWrapper;
diff --git a/react/features/whiteboard/constants.ts b/react/features/whiteboard/constants.ts
new file mode 100644
index 0000000..737a5a2
--- /dev/null
+++ b/react/features/whiteboard/constants.ts
@@ -0,0 +1,71 @@
+/**
+ * Fixed name of the whiteboard fake participant.
+ */
+export const WHITEBOARD_PARTICIPANT_NAME = 'Whiteboard';
+
+/**
+ * Whiteboard ID.
+ */
+export const WHITEBOARD_ID = 'whiteboard';
+
+/**
+ * Whiteboard UI Options.
+ */
+export const WHITEBOARD_UI_OPTIONS = {
+    canvasActions: {
+        allowedShapes: [
+            'arrow', 'diamond', 'ellipse', 'freedraw', 'line', 'rectangle', 'selection', 'text'
+        ],
+        allowedShortcuts: [
+            'cut', 'deleteSelectedElements', 'redo', 'selectAll', 'undo'
+        ],
+        disableAlignItems: true,
+        disableFileDrop: true,
+        disableGrouping: true,
+        disableHints: true,
+        disableLink: true,
+        disableShortcuts: true,
+        disableVerticalAlignOptions: true,
+        fontSizeOptions: [ 's', 'm', 'l' ],
+        hideArrowHeadsOptions: true,
+        hideColorInput: true,
+        hideClearCanvas: true,
+        hideFontFamily: true,
+        hideHelpDialog: true,
+        hideIOActions: true,
+        hideLayers: true,
+        hideLibraries: true,
+        hideLockButton: true,
+        hideOpacityInput: true,
+        hideSharpness: true,
+        hideStrokeStyle: true,
+        hideTextAlign: true,
+        hideThemeControls: true,
+        hideUserList: true,
+        saveAsImageOptions: {
+            defaultBackgroundValue: true,
+            disableScale: true,
+            disableSelection: true,
+            disableClipboard: true,
+            disableSceneEmbed: true,
+            hideTheme: true
+        }
+    }
+};
+
+/**
+ * Whiteboard default lower limit.
+ */
+export const MIN_USER_LIMIT = 10;
+
+/**
+ * Whiteboard soft limit diff.
+ */
+export const USER_LIMIT_THRESHOLD = 5;
+
+/**
+ * The pathName for the whiteboard page.
+ *
+ * @type {string}
+ */
+export const WHITEBOARD_PATH_NAME = 'static/whiteboard.html';
diff --git a/react/features/whiteboard/functions.ts b/react/features/whiteboard/functions.ts
new file mode 100644
index 0000000..97dcf3b
--- /dev/null
+++ b/react/features/whiteboard/functions.ts
@@ -0,0 +1,217 @@
+import md5 from 'js-md5';
+
+import { getParticipantCount, getPinnedParticipant } from '../../features/base/participants/functions';
+import { IReduxState } from '../app/types';
+import { getCurrentConference } from '../base/conference/functions';
+import { IWhiteboardConfig } from '../base/config/configType';
+import { getRemoteParticipants, isLocalParticipantModerator } from '../base/participants/functions';
+import { encodeToBase64URL } from '../base/util/httpUtils';
+import { appendURLHashParam, appendURLParam, getBackendSafePath } from '../base/util/uri';
+import { getCurrentRoomId, isInBreakoutRoom } from '../breakout-rooms/functions';
+
+import { MIN_USER_LIMIT, USER_LIMIT_THRESHOLD, WHITEBOARD_ID, WHITEBOARD_PATH_NAME } from './constants';
+import { IWhiteboardState } from './reducer';
+
+const getWhiteboardState = (state: IReduxState): IWhiteboardState => state['features/whiteboard'];
+
+export const getWhiteboardConfig = (state: IReduxState): IWhiteboardConfig =>
+    state['features/base/config'].whiteboard || {};
+
+const getWhiteboardUserLimit = (state: IReduxState): number => {
+    const userLimit = getWhiteboardConfig(state).userLimit || Infinity;
+
+    return userLimit === Infinity
+        ? userLimit
+        : Math.max(Number(getWhiteboardConfig(state).userLimit || 1), MIN_USER_LIMIT);
+};
+
+/**
+ * Returns the whiteboard collaboration details.
+ *
+ * @param {IReduxState} state - The state from the Redux store.
+ * @returns {{ roomId: string, roomKey: string}|undefined}
+ */
+export const getCollabDetails = (state: IReduxState): {
+    roomId: string; roomKey: string;
+} | undefined => getWhiteboardState(state).collabDetails;
+
+/**
+ * Indicates whether the whiteboard collaboration details are available.
+ *
+ * @param {IReduxState} state - The state from the Redux store.
+ * @returns {boolean}
+ */
+const hasCollabDetails = (state: IReduxState): boolean => Boolean(
+    getCollabDetails(state)?.roomId && getCollabDetails(state)?.roomKey
+);
+
+/**
+ * Indicates whether the whiteboard is enabled.
+ *
+ * @param {IReduxState} state - The state from the Redux store.
+ * @returns {boolean}
+ */
+export const isWhiteboardEnabled = (state: IReduxState): boolean =>
+    (getWhiteboardConfig(state).enabled ?? hasCollabDetails(state))
+    && getWhiteboardConfig(state).collabServerBaseUrl
+    && getCurrentConference(state)?.getMetadataHandler()
+?.isSupported();
+
+/**
+ * Indicates whether the whiteboard is open.
+ *
+ * @param {IReduxState} state - The state from the Redux store.
+ * @returns {boolean}
+ */
+export const isWhiteboardOpen = (state: IReduxState): boolean => getWhiteboardState(state).isOpen;
+
+/**
+ * Indicates whether the whiteboard button is visible.
+ *
+ * @param {IReduxState} state - The state from the Redux store.
+ * @returns {boolean}
+ */
+export const isWhiteboardButtonVisible = (state: IReduxState): boolean =>
+    isWhiteboardEnabled(state) && (isLocalParticipantModerator(state) || isWhiteboardOpen(state));
+
+/**
+ * Indicates whether the whiteboard is present as a meeting participant.
+ *
+ * @param {IReduxState} state - The state from the Redux store.
+ * @returns {boolean}
+ */
+export const isWhiteboardPresent = (state: IReduxState): boolean => getRemoteParticipants(state).has(WHITEBOARD_ID);
+
+/**
+ * Builds the whiteboard collaboration server url.
+ *
+ * @param {IReduxState} state - The state from the Redux store.
+ * @returns {string}
+ */
+export const generateCollabServerUrl = (state: IReduxState): string | undefined => {
+    const collabServerBaseUrl = getWhiteboardConfig(state).collabServerBaseUrl;
+
+    if (!collabServerBaseUrl) {
+        return;
+    }
+
+    const { locationURL } = state['features/base/connection'];
+    const inBreakoutRoom = isInBreakoutRoom(state);
+    const roomId = getCurrentRoomId(state);
+    const room = md5.hex(
+        `${getBackendSafePath(locationURL?.pathname)}${inBreakoutRoom ? `|${roomId}` : ''}`
+    );
+
+    return appendURLParam(collabServerBaseUrl, 'room', room);
+};
+
+/**
+ * Returns the whiteboard collaboration server url.
+ *
+ * @param {IReduxState} state - The state from the Redux store.
+ * @returns {string}
+ */
+export const getCollabServerUrl = (state: IReduxState): string | undefined =>
+    getWhiteboardState(state).collabServerUrl;
+
+/**
+ * Whether the whiteboard is visible on stage.
+ *
+ * @param {IReduxState} state - The state from the Redux store.
+ * @returns {boolean}
+ */
+export const isWhiteboardVisible = (state: IReduxState): boolean =>
+    getPinnedParticipant(state)?.id === WHITEBOARD_ID
+    || state['features/large-video'].participantId === WHITEBOARD_ID;
+
+/**
+* Indicates whether the whiteboard is accessible to a participant that has a moderator role.
+*
+* @param {IReduxState} state - The state from the Redux store.
+* @returns {boolean}
+*/
+export const isWhiteboardAllowed = (state: IReduxState): boolean =>
+    isWhiteboardEnabled(state) && isLocalParticipantModerator(state);
+
+/**
+ * Whether to enforce the whiteboard user limit.
+ *
+ * @param {IReduxState} state - The state from the Redux store.
+ * @returns {boolean}
+ */
+export const shouldEnforceUserLimit = (state: IReduxState): boolean => {
+    const userLimit = getWhiteboardUserLimit(state);
+
+    if (userLimit === Infinity) {
+        return false;
+    }
+
+    const participantCount = getParticipantCount(state);
+
+    return participantCount > userLimit;
+};
+
+/**
+ * Whether to show a warning about the whiteboard user limit.
+ *
+ * @param {IReduxState} state - The state from the Redux store.
+ * @returns {boolean}
+ */
+export const shouldNotifyUserLimit = (state: IReduxState): boolean => {
+    const userLimit = getWhiteboardUserLimit(state);
+
+    if (userLimit === Infinity) {
+        return false;
+    }
+
+    const participantCount = getParticipantCount(state);
+
+    return participantCount + USER_LIMIT_THRESHOLD > userLimit;
+};
+
+/**
+ * Generates the URL for the static whiteboard page.
+ *
+ * @param {string} locationUrl - The window location href.
+ * @param {string} collabServerUrl - The whiteboard collaboration server url.
+ * @param {Object} collabDetails - The whiteboard collaboration details.
+ * @param {string} localParticipantName - The local participant name.
+ * @returns {string}
+ */
+export function getWhiteboardInfoForURIString(
+        locationUrl: any,
+        collabServerUrl: string,
+        collabDetails: { roomId: string; roomKey: string; },
+        localParticipantName: string
+): string | undefined {
+    if (!collabServerUrl || !locationUrl) {
+        return undefined;
+    }
+
+    let state = {};
+    let url = `${locationUrl.substring(0, locationUrl.lastIndexOf('/'))}/${WHITEBOARD_PATH_NAME}`;
+
+    if (collabDetails?.roomId) {
+        state = {
+            ...state,
+            roomId: collabDetails.roomId
+        };
+    }
+
+    if (collabDetails?.roomKey) {
+        state = {
+            ...state,
+            roomKey: collabDetails.roomKey
+        };
+    }
+
+    state = {
+        ...state,
+        collabServerUrl,
+        localParticipantName
+    };
+
+    url = appendURLHashParam(url, 'state', encodeToBase64URL(JSON.stringify(state)));
+
+    return url;
+}
diff --git a/react/features/whiteboard/hooks.ts b/react/features/whiteboard/hooks.ts
new file mode 100644
index 0000000..76ebc3e
--- /dev/null
+++ b/react/features/whiteboard/hooks.ts
@@ -0,0 +1,23 @@
+import { useSelector } from 'react-redux';
+
+import WhiteboardButton from './components/web/WhiteboardButton';
+import { isWhiteboardButtonVisible } from './functions';
+
+const whiteboard = {
+    key: 'whiteboard',
+    Content: WhiteboardButton,
+    group: 3
+};
+
+/**
+ * A hook that returns the whiteboard button if it is enabled and undefined otherwise.
+ *
+ *  @returns {Object | undefined}
+ */
+export function useWhiteboardButton() {
+    const _isWhiteboardButtonVisible = useSelector(isWhiteboardButtonVisible);
+
+    if (_isWhiteboardButtonVisible) {
+        return whiteboard;
+    }
+}
diff --git a/react/features/whiteboard/logger.ts b/react/features/whiteboard/logger.ts
new file mode 100644
index 0000000..536899c
--- /dev/null
+++ b/react/features/whiteboard/logger.ts
@@ -0,0 +1,3 @@
+import { getLogger } from '../base/logging/functions';
+
+export default getLogger('app:whiteboard');
diff --git a/react/features/whiteboard/middleware.any.ts b/react/features/whiteboard/middleware.any.ts
new file mode 100644
index 0000000..4250025
--- /dev/null
+++ b/react/features/whiteboard/middleware.any.ts
@@ -0,0 +1,94 @@
+import { createOpenWhiteboardEvent } from '../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../analytics/functions';
+import { IStore } from '../app/types';
+import { UPDATE_CONFERENCE_METADATA } from '../base/conference/actionTypes';
+import { getCurrentConference } from '../base/conference/functions';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import StateListenerRegistry from '../base/redux/StateListenerRegistry';
+
+import { SET_WHITEBOARD_OPEN } from './actionTypes';
+import {
+    notifyWhiteboardLimit,
+    resetWhiteboard,
+    restrictWhiteboard,
+    setWhiteboardOpen,
+    setupWhiteboard
+} from './actions';
+import { WHITEBOARD_ID } from './constants';
+import {
+    generateCollabServerUrl,
+    isWhiteboardOpen,
+    shouldEnforceUserLimit,
+    shouldNotifyUserLimit
+} from './functions';
+
+MiddlewareRegistry.register((store: IStore) => next => action => {
+    const state = store.getState();
+
+    switch (action.type) {
+    case SET_WHITEBOARD_OPEN: {
+        const enforceUserLimit = shouldEnforceUserLimit(state);
+        const notifyUserLimit = shouldNotifyUserLimit(state);
+
+        if (action.isOpen && !enforceUserLimit && !notifyUserLimit) {
+            sendAnalytics(createOpenWhiteboardEvent());
+
+            return next(action);
+        }
+
+        break;
+    }
+
+    case UPDATE_CONFERENCE_METADATA: {
+        const { metadata } = action;
+
+        if (metadata?.[WHITEBOARD_ID]) {
+            store.dispatch(setupWhiteboard({
+                collabDetails: metadata[WHITEBOARD_ID].collabDetails,
+                collabServerUrl: generateCollabServerUrl(store.getState())
+            }));
+            store.dispatch(setWhiteboardOpen(true));
+        }
+
+        break;
+    }
+    }
+
+    return next(action);
+});
+
+/**
+ * Set up state change listener to perform maintenance tasks when the conference
+ * is left or failed, e.g. Disable the whiteboard if it's left open.
+ */
+StateListenerRegistry.register(
+    state => getCurrentConference(state),
+    (conference, { dispatch }, previousConference): void => {
+        if (conference !== previousConference) {
+            dispatch(resetWhiteboard());
+        }
+    });
+
+/**
+ * Set up state change listener to limit whiteboard access.
+ */
+StateListenerRegistry.register(
+    state => shouldEnforceUserLimit(state),
+    (enforceUserLimit, { dispatch, getState }): void => {
+        if (isWhiteboardOpen(getState()) && enforceUserLimit) {
+            dispatch(restrictWhiteboard());
+        }
+    }
+);
+
+/**
+ * Set up state change listener to notify about whiteboard usage.
+ */
+StateListenerRegistry.register(
+    state => shouldNotifyUserLimit(state),
+    (notifyUserLimit, { dispatch, getState }, prevNotifyUserLimit): void => {
+        if (isWhiteboardOpen(getState()) && notifyUserLimit && !prevNotifyUserLimit) {
+            dispatch(notifyWhiteboardLimit());
+        }
+    }
+);
diff --git a/react/features/whiteboard/middleware.native.ts b/react/features/whiteboard/middleware.native.ts
new file mode 100644
index 0000000..629b58a
--- /dev/null
+++ b/react/features/whiteboard/middleware.native.ts
@@ -0,0 +1,84 @@
+import { AnyAction } from 'redux';
+
+import { IStore } from '../app/types';
+import { hideDialog, openDialog } from '../base/dialog/actions';
+import { isDialogOpen } from '../base/dialog/functions';
+import { getLocalParticipant } from '../base/participants/functions';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import {
+    navigate
+} from '../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
+import { screen } from '../mobile/navigation/routes';
+
+import { SET_WHITEBOARD_OPEN } from './actionTypes';
+import {
+    notifyWhiteboardLimit,
+    restrictWhiteboard
+} from './actions';
+import WhiteboardLimitDialog from './components/native/WhiteboardLimitDialog';
+import {
+    generateCollabServerUrl,
+    getCollabDetails,
+    shouldEnforceUserLimit,
+    shouldNotifyUserLimit
+} from './functions';
+import './middleware.any';
+
+/**
+ * Middleware which intercepts whiteboard actions to handle changes to the related state.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register((store: IStore) => (next: Function) => (action: AnyAction) => {
+    const { dispatch, getState } = store;
+    const state = getState();
+
+    switch (action.type) {
+    case SET_WHITEBOARD_OPEN: {
+        const { isOpen } = action;
+
+        const enforceUserLimit = shouldEnforceUserLimit(state);
+        const notifyUserLimit = shouldNotifyUserLimit(state);
+
+        if (enforceUserLimit) {
+            dispatch(restrictWhiteboard(false));
+            dispatch(openDialog('WhiteboardLimitDialog', WhiteboardLimitDialog));
+
+            return next(action);
+        }
+
+        if (isOpen) {
+            if (enforceUserLimit) {
+                dispatch(restrictWhiteboard());
+
+                return next(action);
+            }
+
+            if (notifyUserLimit) {
+                dispatch(notifyWhiteboardLimit());
+            }
+
+            if (isDialogOpen(state, WhiteboardLimitDialog)) {
+                dispatch(hideDialog('WhiteboardLimitDialog', WhiteboardLimitDialog));
+            }
+
+            const collabDetails = getCollabDetails(state);
+            const collabServerUrl = generateCollabServerUrl(state);
+            const localParticipantName = getLocalParticipant(state)?.name;
+
+            navigate(screen.conference.whiteboard, {
+                collabDetails,
+                collabServerUrl,
+                localParticipantName
+            });
+
+            return next(action);
+        }
+
+        break;
+    }
+    }
+
+    return next(action);
+});
diff --git a/react/features/whiteboard/middleware.web.ts b/react/features/whiteboard/middleware.web.ts
new file mode 100644
index 0000000..f2a4734
--- /dev/null
+++ b/react/features/whiteboard/middleware.web.ts
@@ -0,0 +1,162 @@
+import { generateCollaborationLinkData } from '@jitsi/excalidraw';
+import { AnyAction } from 'redux';
+
+import { IStore } from '../app/types';
+import { getCurrentConference } from '../base/conference/functions';
+import { hideDialog, openDialog } from '../base/dialog/actions';
+import { isDialogOpen } from '../base/dialog/functions';
+import { participantJoined, participantLeft, pinParticipant } from '../base/participants/actions';
+import { FakeParticipant } from '../base/participants/types';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { getCurrentRoomId } from '../breakout-rooms/functions';
+import { addStageParticipant } from '../filmstrip/actions.web';
+import { isStageFilmstripAvailable } from '../filmstrip/functions.web';
+
+import { RESET_WHITEBOARD, SET_WHITEBOARD_OPEN } from './actionTypes';
+import {
+    notifyWhiteboardLimit,
+    restrictWhiteboard,
+    setupWhiteboard
+} from './actions';
+import WhiteboardLimitDialog from './components/web/WhiteboardLimitDialog';
+import { WHITEBOARD_ID, WHITEBOARD_PARTICIPANT_NAME } from './constants';
+import {
+    generateCollabServerUrl,
+    getCollabDetails,
+    isWhiteboardPresent,
+    shouldEnforceUserLimit,
+    shouldNotifyUserLimit
+} from './functions';
+import { WhiteboardStatus } from './types';
+
+import './middleware.any';
+
+const focusWhiteboard = (store: IStore) => {
+    const { dispatch, getState } = store;
+    const state = getState();
+    const conference = getCurrentConference(state);
+    const stageFilmstrip = isStageFilmstripAvailable(state);
+    const isPresent = isWhiteboardPresent(state);
+
+    if (!isPresent) {
+        dispatch(participantJoined({
+            conference,
+            fakeParticipant: FakeParticipant.Whiteboard,
+            id: WHITEBOARD_ID,
+            name: WHITEBOARD_PARTICIPANT_NAME
+        }));
+    }
+    if (stageFilmstrip) {
+        dispatch(addStageParticipant(WHITEBOARD_ID, true));
+    } else {
+        dispatch(pinParticipant(WHITEBOARD_ID));
+    }
+};
+
+/**
+ * Middleware which intercepts whiteboard actions to handle changes to the related state.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register((store: IStore) => (next: Function) => (action: AnyAction) => {
+    const { dispatch, getState } = store;
+    const state = getState();
+    const conference = getCurrentConference(state);
+
+    switch (action.type) {
+    case SET_WHITEBOARD_OPEN: {
+        const existingCollabDetails = getCollabDetails(state);
+        const enforceUserLimit = shouldEnforceUserLimit(state);
+        const notifyUserLimit = shouldNotifyUserLimit(state);
+        const iAmRecorder = Boolean(state['features/base/config'].iAmRecorder);
+
+        if (enforceUserLimit) {
+            dispatch(restrictWhiteboard(false));
+            dispatch(openDialog('WhiteboardLimitDialog', WhiteboardLimitDialog));
+            iAmRecorder && setTimeout(() => dispatch(hideDialog('WhiteboardLimitDialog', WhiteboardLimitDialog)), 3000);
+
+            return next(action);
+        }
+
+        if (!existingCollabDetails) {
+            setNewWhiteboardOpen(store);
+
+            return next(action);
+        }
+
+        if (action.isOpen) {
+            if (enforceUserLimit) {
+                dispatch(restrictWhiteboard());
+
+                return next(action);
+            }
+
+            if (notifyUserLimit) {
+                dispatch(notifyWhiteboardLimit());
+            }
+
+            if (isDialogOpen(state, WhiteboardLimitDialog)) {
+                dispatch(hideDialog('WhiteboardLimitDialog', WhiteboardLimitDialog));
+            }
+
+            focusWhiteboard(store);
+            raiseWhiteboardNotification(WhiteboardStatus.SHOWN);
+
+            return next(action);
+        }
+
+        dispatch(participantLeft(WHITEBOARD_ID, conference, { fakeParticipant: FakeParticipant.Whiteboard }));
+        raiseWhiteboardNotification(WhiteboardStatus.HIDDEN);
+
+        break;
+    }
+    case RESET_WHITEBOARD: {
+        dispatch(participantLeft(WHITEBOARD_ID, conference, { fakeParticipant: FakeParticipant.Whiteboard }));
+        raiseWhiteboardNotification(WhiteboardStatus.RESET);
+
+        break;
+    }
+    }
+
+    return next(action);
+});
+
+/**
+ * Raises the whiteboard status notifications changes (if API is enabled).
+ *
+ * @param {WhiteboardStatus} status - The whiteboard changed status.
+ * @returns {Function}
+ */
+function raiseWhiteboardNotification(status: WhiteboardStatus) {
+    if (typeof APP !== 'undefined') {
+        APP.API.notifyWhiteboardStatusChanged(status);
+    }
+}
+
+/**
+ * Sets a new whiteboard open.
+ *
+ * @param {IStore} store - The redux store.
+ * @returns {Promise}
+ */
+async function setNewWhiteboardOpen(store: IStore) {
+    const { dispatch, getState } = store;
+    const collabLinkData = await generateCollaborationLinkData();
+    const state = getState();
+    const conference = getCurrentConference(state);
+    const collabServerUrl = generateCollabServerUrl(state);
+    const roomId = getCurrentRoomId(state);
+    const collabData = {
+        collabDetails: {
+            roomId,
+            roomKey: collabLinkData.roomKey
+        },
+        collabServerUrl
+    };
+
+    focusWhiteboard(store);
+    dispatch(setupWhiteboard(collabData));
+    conference?.getMetadataHandler().setMetadata(WHITEBOARD_ID, collabData);
+    raiseWhiteboardNotification(WhiteboardStatus.INSTANTIATED);
+}
diff --git a/react/features/whiteboard/reducer.ts b/react/features/whiteboard/reducer.ts
new file mode 100644
index 0000000..b63849b
--- /dev/null
+++ b/react/features/whiteboard/reducer.ts
@@ -0,0 +1,66 @@
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import { RESET_WHITEBOARD, SETUP_WHITEBOARD } from './actionTypes';
+
+export interface IWhiteboardState {
+
+    /**
+     * The whiteboard collaboration details.
+     */
+    collabDetails?: { roomId: string; roomKey: string; };
+
+    /**
+     * The whiteboard collaboration url.
+     */
+    collabServerUrl?: string;
+
+    /**
+     * The indicator which determines whether the whiteboard is open.
+     *
+     * @type {boolean}
+     */
+    isOpen: boolean;
+}
+
+const DEFAULT_STATE: IWhiteboardState = {
+    isOpen: false,
+    collabDetails: undefined,
+    collabServerUrl: undefined
+};
+
+export interface IWhiteboardAction extends Partial<IWhiteboardState> {
+
+    /**
+     * The whiteboard collaboration details.
+     */
+    collabDetails?: { roomId: string; roomKey: string; };
+
+    /**
+     * The whiteboard collaboration url.
+     */
+    collabServerUrl?: string;
+
+    /**
+     * The action type.
+     */
+    type: string;
+}
+
+ReducerRegistry.register(
+    'features/whiteboard',
+    (state: IWhiteboardState = DEFAULT_STATE, action: IWhiteboardAction) => {
+        switch (action.type) {
+        case SETUP_WHITEBOARD: {
+            return {
+                ...state,
+                isOpen: true,
+                collabDetails: action.collabDetails,
+                collabServerUrl: action.collabServerUrl
+            };
+        }
+        case RESET_WHITEBOARD:
+            return DEFAULT_STATE;
+        }
+
+        return state;
+    });
diff --git a/react/features/whiteboard/types.ts b/react/features/whiteboard/types.ts
new file mode 100644
index 0000000..4c20164
--- /dev/null
+++ b/react/features/whiteboard/types.ts
@@ -0,0 +1,13 @@
+
+/**
+ * Whiteboard statuses used to raise the notification when it's changed.
+ *
+ * @enum
+ */
+export enum WhiteboardStatus {
+    FORBIDDEN = 'FORBIDDEN',
+    HIDDEN = 'HIDDEN',
+    INSTANTIATED = 'INSTANTIATED',
+    RESET = 'RESET',
+    SHOWN = 'SHOWN'
+}
diff --git a/react/index.native.js b/react/index.native.js
new file mode 100644
index 0000000..ea8ce4e
--- /dev/null
+++ b/react/index.native.js
@@ -0,0 +1,35 @@
+// NB: This import must always come first.
+import './bootstrap.native';
+
+import React, { PureComponent } from 'react';
+import { AppRegistry } from 'react-native';
+
+import { App } from './features/app/components/App.native';
+import { _initLogging } from './features/base/logging/functions';
+
+/**
+ * React Native doesn't support specifying props to the main/root component (in
+ * the JS/JSX source code). So create a wrapper React Component (class) around
+ * features/app's App instead.
+ *
+ * @augments Component
+ */
+class Root extends PureComponent {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    render() {
+        return (
+            <App { ...this.props } />
+        );
+    }
+}
+
+// Initialize logging.
+_initLogging();
+
+// Register the main/root Component of JitsiMeetView.
+AppRegistry.registerComponent('App', () => Root);
diff --git a/react/index.web.js b/react/index.web.js
new file mode 100644
index 0000000..76f86b3
--- /dev/null
+++ b/react/index.web.js
@@ -0,0 +1,85 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+import { App } from './features/app/components/App.web';
+import { getLogger } from './features/base/logging/functions';
+import Platform from './features/base/react/Platform.web';
+import { getJitsiMeetGlobalNS, getJitsiMeetGlobalNSConnectionTimes } from './features/base/util/helpers';
+import DialInSummaryApp from './features/invite/components/dial-in-summary/web/DialInSummaryApp';
+import PrejoinApp from './features/prejoin/components/web/PrejoinApp';
+import WhiteboardApp from './features/whiteboard/components/web/WhiteboardApp';
+
+const logger = getLogger('app:index.web');
+
+// Add global loggers.
+window.addEventListener('error', ev => {
+    logger.error(
+        `UnhandledError: ${ev.message}`,
+        `Script: ${ev.filename}`,
+        `Line: ${ev.lineno}`,
+        `Column: ${ev.colno}`,
+        'StackTrace: ', ev.error?.stack);
+});
+
+window.addEventListener('unhandledrejection', ev => {
+    logger.error(
+        `UnhandledPromiseRejection: ${ev.reason}`,
+        'StackTrace: ', ev.reason?.stack);
+});
+
+// Workaround for the issue when returning to a page with the back button and
+// the page is loaded from the 'back-forward' cache on iOS which causes nothing
+// to be rendered.
+if (Platform.OS === 'ios') {
+    window.addEventListener('pageshow', event => {
+        // Detect pages loaded from the 'back-forward' cache
+        // (https://webkit.org/blog/516/webkit-page-cache-ii-the-unload-event/)
+        if (event.persisted) {
+            // Maybe there is a more graceful approach but in the moment of
+            // writing nothing else resolves the issue. I tried to execute our
+            // DOMContentLoaded handler but it seems that the 'onpageshow' event
+            // is triggered only when 'window.location.reload()' code exists.
+            window.location.reload();
+        }
+    });
+}
+
+const globalNS = getJitsiMeetGlobalNS();
+const connectionTimes = getJitsiMeetGlobalNSConnectionTimes();
+
+// Used to check if the load event has been fired.
+globalNS.hasLoaded = false;
+
+// Used for automated performance tests.
+connectionTimes['index.loaded'] = window.indexLoadedTime;
+
+window.addEventListener('load', () => {
+    connectionTimes['window.loaded'] = window.loadedEventTime;
+    globalNS.hasLoaded = true;
+});
+
+document.addEventListener('DOMContentLoaded', () => {
+    const now = window.performance.now();
+
+    connectionTimes['document.ready'] = now;
+    logger.log('(TIME) document ready:\t', now);
+});
+
+globalNS.entryPoints = {
+    APP: App,
+    PREJOIN: PrejoinApp,
+    DIALIN: DialInSummaryApp,
+    WHITEBOARD: WhiteboardApp
+};
+
+globalNS.renderEntryPoint = ({
+    Component,
+    props = {},
+    elementId = 'react'
+}) => {
+    /* eslint-disable-next-line react/no-deprecated */
+    ReactDOM.render(
+        <Component { ...props } />,
+        document.getElementById(elementId)
+    );
+};
diff --git a/readme-img1.png b/readme-img1.png
new file mode 100644
index 0000000..6a949aa
Binary files /dev/null and b/readme-img1.png differ
diff --git a/resources/cloud-api.swagger b/resources/cloud-api.swagger
new file mode 100644
index 0000000..0ceb092
--- /dev/null
+++ b/resources/cloud-api.swagger
@@ -0,0 +1,177 @@
+swagger: "2.0"
+info:
+  description: "Documents the REST calls used by Jitsi Meet to integrate with other services"
+  version: "1.0.0"
+  title: "Swagger Video"
+  termsOfService: "https://jitsi.org/CloudAPITOS/"
+  contact:
+    email: "team@jitsi.org"
+host: "jitsi-api.jitsi.org"
+basePath: "/"
+tags:
+- name: "conferenceMapper"
+  description: "Conference to ID Mapper"
+  externalDocs:
+    description: "Conference API Details"
+    url: "https://jitsi.org/CloudAPI"
+- name: "phoneNumberList"
+  description: "List of dial-in numbers"
+schemes:
+  - "https"
+paths:
+  /conferenceMapper:
+    get:
+      tags:
+      - "conferenceMapper"
+      summary: "Create or retrieve conference ID mapping"
+      description: "When called with a conference, creates a new ID and both stores and returns the result.  When called with an ID, returns the mapping if previously created."
+      operationId: "GETconferenceMapper"
+      consumes:
+      - "application/json"
+      produces:
+      - "application/json"
+      parameters:
+      - in: "query"
+        name: "conference"
+        type: "string"
+        format: "JID"
+        description: "Full JID (room@conference.server.domain) for the conference to create or return existing conference mapping.  Used preferentially over all other input parameters (search by conference)"
+      - in: "query"
+        name: "id"
+        type: "number"
+        description: "ID to search for existing conference mapping.  Only used when provided alone (search by ID)"
+      responses:
+        200:
+          description: "mapping search performed"
+          schema:
+            $ref: "#/definitions/ConferenceMapperDetails"
+        405:
+          description: "Invalid input"
+    post:
+      tags:
+      - "conferenceMapper"
+      summary: "Create or retrieve conference ID mapping"
+      description: "When called with a conference, creates a new ID and both stores and returns the result.  When called with an ID, returns the mapping if previously created."
+      operationId: "POSTconferenceMapper"
+      consumes:
+      - "application/json"
+      produces:
+      - "application/json"
+      parameters:
+      - in: "body"
+        name: "body"
+        description: "Conference Mapper Request"
+        required: true
+        schema:
+          $ref: "#/definitions/ConferenceMapperRequest"
+      responses:
+        200:
+          description: "mapping search performed"
+          schema:
+            $ref: "#/definitions/ConferenceMapperDetails"
+        405:
+          description: "Invalid input"
+
+  /phoneNumberList:
+    get:
+      tags:
+      - "phoneNumberList"
+      summary: "Returns a list phone numbers by country"
+      description: "Used to populate the Share The Link section of jitsi-meet"
+      operationId: "phoneNumberList"
+      produces:
+      - "application/json"
+      responses:
+        200:
+          description: "successful operation"
+          schema:
+            type: array
+            items:
+              $ref: "#/definitions/PhoneNumberListAnswer"
+  /waiting-queue/golive:
+    post:
+      tags:
+      - waitingQueueGoLive
+      summary: Post a go live request
+      description: Mark the conference as live, notify all visitors waiting.
+      operationId: goLive
+      consumes:
+      - "application/json"
+      parameters:
+      - in: "body"
+        name: "body"
+        description: "Go Live Request"
+        required: true
+        schema:
+          "$ref": "#/definitions/GoLiveRequest"
+      responses:
+        '200':
+          description: Successful operation
+        '404':
+          description: Missing conference
+        '500':
+          description: Failed operation
+securityDefinitions:
+  token:
+    type: "apiKey"
+    name: "token"
+    in: "query"
+  Bearer:
+    type: "apiKey"
+    name: "Authorization"
+    in: "header"
+definitions:
+
+  ConferenceMapperRequest:
+    description: "Request to create or find a conference mapping"
+    type: "object"
+    properties:
+      id:
+        type: "number"
+        description: "ID to search for existing conference mapping.  Only used when provided alone (search by ID)"
+      conference:
+        type: "string"
+        format: "JID"
+        description: "Full JID (room@conference.server.domain) for the conference to create or return existing conference mapping.  Used preferentially over all other input parameters (search by conference)"
+      room:
+        type: "string"
+        description: "Room part of the conference.  Required if 'conference' is not provided.  Used to generate a 'conference' value (search by conference)"
+      domain:
+        type: "string"
+        description: "Domain part of the conference.  Used if 'conference' is not provided.  Defaults to domain of the API endpoint.   Used to generate a 'conference' value (search by conference)"
+
+  ConferenceMapperDetails:
+    description: "Conference mapping between conference JID and numeric ID"
+    type: "object"
+    properties:
+      id:
+        type: "number"
+        description: "Unique ID mapped to conference"
+      conference:
+        type: "string"
+        format: "JID"
+        description: "Full JID for the conference OR boolean false if no conference was found (search by ID)"
+
+  PhoneNumberListAnswer:
+    description: "Answer with Phone number list and additional information"
+    type: "object"
+    properties:
+      countryCode:
+        type: string
+      formattedNumber:
+        type: string
+      tollFree:
+        type: boolean
+    example:
+      - {"countryCode":"US","tollFree":false,"formattedNumber":"+1 123-456-7890"}
+      - {"countryCode":"UK","tollFree":true,"formattedNumber":"+44 123 456 7890"}
+
+  GoLiveRequest:
+      type: object
+      properties:
+        conference:
+          type: string
+externalDocs:
+  description: "Find out more about the Jitsi Cloud API"
+  url: "https://jitsi.org/CloudAPI"
+  
\ No newline at end of file
diff --git a/resources/coturn-le-update.sh b/resources/coturn-le-update.sh
new file mode 100755
index 0000000..a06a9d2
--- /dev/null
+++ b/resources/coturn-le-update.sh
@@ -0,0 +1,47 @@
+#!/bin/sh
+
+set -e
+
+# This script is updating the Let's Encrypt certificates on renew or when installing
+# The only param it gets is the domain and expects the certificates to use are updated
+# in /etc/jitsi/meet folder.
+DOMAIN=$1
+
+if [ -z "$DOMAIN" ] ; then
+  echo "You need to pass the domain as parameter."
+  exit 10;
+fi
+
+COTURN_CERT_DIR="/etc/coturn/certs"
+TURN_CONFIG="/etc/turnserver.conf"
+
+# Execute only if turnconfig exist and is one managed by jitsi-meet
+if [ -f $TURN_CONFIG ] && grep -q "jitsi-meet coturn config" "$TURN_CONFIG" ; then
+    # create a directory to store certs if it does not exists
+    if [ ! -d "$COTURN_CERT_DIR" ]; then
+        mkdir -p $COTURN_CERT_DIR
+        chown -R turnserver:turnserver /etc/coturn/
+        chmod -R 700 /etc/coturn/
+    fi
+
+    # Make sure the certificate and private key files are
+    # never world readable, even just for an instant while
+    # we're copying them into daemon_cert_root.
+    umask 077
+
+    cp "/etc/jitsi/meet/${DOMAIN}.crt" "$COTURN_CERT_DIR/${DOMAIN}.fullchain.pem"
+    cp "/etc/jitsi/meet/${DOMAIN}.key" "$COTURN_CERT_DIR/${DOMAIN}.privkey.pem"
+
+    # Apply the proper file ownership and permissions for
+    # the daemon to read its certificate and key.
+    chown turnserver "$COTURN_CERT_DIR/${DOMAIN}.fullchain.pem" \
+            "$COTURN_CERT_DIR/${DOMAIN}.privkey.pem"
+    chmod 400 "$COTURN_CERT_DIR/${DOMAIN}.fullchain.pem" \
+            "$COTURN_CERT_DIR/${DOMAIN}.privkey.pem"
+
+    echo "Configuring turnserver"
+    sed -i "/^cert/c\cert=\/etc\/coturn\/certs\/${DOMAIN}.fullchain.pem" $TURN_CONFIG
+    sed -i "/^pkey/c\pkey=\/etc\/coturn\/certs\/${DOMAIN}.privkey.pem" $TURN_CONFIG
+
+    service coturn restart
+fi
diff --git a/resources/custom-theme/custom-theme.json b/resources/custom-theme/custom-theme.json
new file mode 100644
index 0000000..c7fd059
--- /dev/null
+++ b/resources/custom-theme/custom-theme.json
@@ -0,0 +1,153 @@
+{
+   "spacing": [ 0, 4, 8, 16, 24, 32, 40, 48, 56, 64, 72, 80, 88, 96, 104, 112, 120, 128 ],
+   "breakpoints": {
+      "values": {
+         "0": 0,
+         "320": 320,
+         "400": 400,
+         "480": 480
+      }
+   },
+   "palette": {
+      "uiBackground": "#040404",
+      "ui01": "#141414",
+      "ui02": "#292929",
+      "ui03": "#3D3D3D",
+      "ui04": "#525252",
+      "ui05": "#666",
+      "action01": "#0056E0",
+      "action01Hover": "#246FE5",
+      "action01Active": "#0045B3",
+      "disabled01": "#00225A",
+      "action02": "#3D3D3D",
+      "action02Hover": "#525252",
+      "action02Active": "#292929",
+      "action03": "transparent",
+      "action03Hover": "#525252",
+      "action03Active": "#292929",
+      "actionDanger": "#CB2233",
+      "actionDangerHover": "#E04757",
+      "actionDangerActive": "#A21B29",
+      "bottomSheet": "#111111",
+      "text01": "#FFF",
+      "text02": "#C2C2C2",
+      "text03": "#858585",
+      "text04": "#AAAAAA",
+      "textError": "#E04757",
+      "icon01": "#FFF",
+      "icon02": "#C2C2C2",
+      "icon03": "#858585",
+      "iconError": "#E04757",
+      "field01": "#040404",
+      "link01": "#669AEC",
+      "link01Hover": "#99BBF3",
+      "link01Active": "#246FE5",
+      "success01": "#1EC26A",
+      "success02": "#1EC26A",
+      "warning01": "#F8AE1A",
+      "warning02": "#ED9E1B",
+      "support01": "#FF9B42",
+      "support02": "#F96E57",
+      "support03": "#DF486F",
+      "support04": "#B23683",
+      "support05": "#73348C",
+      "support06": "#6A50D3",
+      "support07": "#4380E2",
+      "support08": "#00A8B3",
+      "support09": "#2AA076"
+   },
+   "typography": {
+      "font": {
+         "weightRegular": "400",
+         "weightSemiBold": "600"
+      },
+      "labelRegular": {
+         "fontSize": "0.75rem",
+         "lineHeight": "1rem",
+         "fontWeight": "400",
+         "letterSpacing": 0.16
+      },
+      "labelBold": {
+         "fontSize": "0.75rem",
+         "lineHeight": "1rem",
+         "fontWeight": "600",
+         "letterSpacing": 0.16
+      },
+      "bodyShortRegular": {
+         "fontSize": "0.875rem",
+         "lineHeight": "1.125rem",
+         "fontWeight": "400",
+         "letterSpacing": 0
+      },
+      "bodyShortBold": {
+         "fontSize": "0.875rem",
+         "lineHeight": "1.125rem",
+         "fontWeight": "600",
+         "letterSpacing": 0
+      },
+      "bodyShortRegularLarge": {
+         "fontSize": "1rem",
+         "lineHeight": "1.5rem",
+         "fontWeight": "400",
+         "letterSpacing": 0
+      },
+      "bodyShortBoldLarge": {
+         "fontSize": "1rem",
+         "lineHeight": "1.5rem",
+         "fontWeight": "600",
+         "letterSpacing": 0
+      },
+      "bodyLongRegular": {
+         "fontSize": "0.875rem",
+         "lineHeight": "1.5rem",
+         "fontWeight": "400",
+         "letterSpacing": 0
+      },
+      "bodyLongBold": {
+         "fontSize": "0.875rem",
+         "lineHeight": "1.5rem",
+         "fontWeight": "600",
+         "letterSpacing": 0
+      },
+      "heading1": {
+         "fontSize": "3.375rem",
+         "lineHeight": "4rem",
+         "fontWeight": "600",
+         "letterSpacing": 0
+      },
+      "heading2": {
+         "fontSize": "2.625rem",
+         "lineHeight": "3.125rem",
+         "fontWeight": "600",
+         "letterSpacing": 0
+      },
+      "heading3": {
+         "fontSize": "2rem",
+         "lineHeight": "2.5rem",
+         "fontWeight": "600",
+         "letterSpacing": 0
+      },
+      "heading4": {
+         "fontSize": "1.75rem",
+         "lineHeight": "2.25rem",
+         "fontWeight": "600",
+         "letterSpacing": 0
+      },
+      "heading5": {
+         "fontSize": "1.25rem",
+         "lineHeight": "1.75rem",
+         "fontWeight": "600",
+         "letterSpacing": 0
+      },
+      "heading6": {
+         "fontSize": "1rem",
+         "lineHeight": "1.625rem",
+         "fontWeight": "600",
+         "letterSpacing": 0
+      }
+   },
+   "shape": {
+      "borderRadius": 6,
+      "boxShadow": "inset 0px -1px 0px rgba(255, 255, 255, 0.15)"
+   }
+}
\ No newline at end of file
diff --git a/resources/encode-sound.sh b/resources/encode-sound.sh
new file mode 100755
index 0000000..a3de494
--- /dev/null
+++ b/resources/encode-sound.sh
@@ -0,0 +1,50 @@
+#!/bin/bash
+
+usage() {
+  echo "Usage: $0 [--mp3] [--opus] [--stereo] <input file ...>"
+  exit 1
+}
+
+for arg in "$@"; do
+  case "$arg" in
+    --stereo)
+    STEREO=true
+    shift
+    ;;
+    --mp3)
+    MP3=true
+    shift
+    ;;
+    --opus)
+    OPUS=true
+    shift
+    ;;
+  esac
+done
+
+if [ $# -lt 1 ] ;then
+  usage
+fi
+
+if [ "$MP3" != "true" ] ;then
+  if [ "$OPUS" != "true" ] ;then
+    echo "At least one of --mp3 or --opus is required"
+    usage
+  fi
+fi
+
+echo "STEREO=$STEREO MP3=$MP3 OPUS=$OPUS"
+
+AC1="-ac 1"
+if [ "$STEREO" = "true" ] ;then
+  AC1=""
+fi
+
+for i in "$@" ;do
+  if [ "$MP3" = "true" ] ;then
+    ffmpeg -i "$i" -codec:a libmp3lame -qscale:a 9 -map_metadata -1 $AC1 "${i%.*}.mp3"
+  fi
+  if [ "$OPUS" = "true" ] ;then
+    ffmpeg -i "$i" -c:a libopus -b:a 30k -vbr on -compression_level 10 -map_metadata -1 $AC1 "${i%.*}.opus"
+  fi
+done
diff --git a/resources/extra-large-conference/README.md b/resources/extra-large-conference/README.md
new file mode 100644
index 0000000..9b77efa
--- /dev/null
+++ b/resources/extra-large-conference/README.md
@@ -0,0 +1,133 @@
+WARNING: This is still a Work In Progress
+
+The final implementation may diverge. Currently, only the participants after a
+configured threshold will be just viewers (visitors) and there is no promotion
+mechanism to become a main participant yet.
+
+TODO:
+* Polls
+* Speaker stats
+* call duration
+
+# Low-latency conference streaming to very large audiences
+
+To have a low-latency conference with a very large audience, the media and
+signaling load must be spread  beyond what can be handled by a typical Jitsi
+installation. A call with 10k participants requires around 50 bridges on decent
+vms (8+ cores). The main participants of a conference with a very large
+audience will share a main prosody, like with normal conferences, and
+additional prosody vms are needed to support signaling to the audience.
+
+In the example configuration we use a 16 core machine. Eight of the cores are
+used for the main prosody and other services (nginx, jicofo, etc) and the other
+eight cores are used to run prosody services for visitors, i.e., "visitor
+prosodies".
+
+We consider 2000 participants per visitor node a safe value. So eight visitor
+prosodies will be enough for one 10k participants meeting.
+
+<img src="imgs/visitors-prosody.svg" alt="diagram of a central prosody connected to several visitor prosodies" width="500"/>
+
+# Configuration
+If using older than Prosody 0.12.4 you need to apply the patch - s2sout_override1.patch and s2sout_override2.patch.
+Use the `pre-configure.sh` script to configure your system, passing it the
+number of visitor prosodies to set up.
+`./pre-configure.sh 8`
+
+The script will add for each visitor prosody:
+- folders in `/etc/`
+- a systemd unit file in `/lib/systemd/system/`
+- a user for jicofo
+- a config entry in jicofo.conf
+
+Setting up configuration for the main prosody is a manual process:
+- Add to the enabled modules list in the general part (e.g. [here](https://github.com/bjc/prosody/blob/76bf6d511f851c7cde8a81257afaaae0fb7a4160/prosody.cfg.lua.dist#L33)):
+```
+      "s2s_bidi";
+      "certs_s2soutinjection";
+      "s2sout_override";
+      "s2s_whitelist";
+```
+
+- Add the following config also in the general part (matching the number of prosodies you generated config for):
+```
+-- targets must be IPs, not hostnames
+s2sout_override = {
+    ["conference.v1.meet.jitsi"] = "tcp://127.0.0.1:52691";
+    ["v1.meet.jitsi"] = "tcp://127.0.0.1:52691"; -- needed for v1.meet.jitsi->visitors.jitmeet.example.com
+    ["polls.v1.meet.jitsi"] = "tcp://127.0.0.1:52691";
+    ["conference.v2.meet.jitsi"] = "tcp://127.0.0.1:52692";
+    ["v2.meet.jitsi"] = "tcp://127.0.0.1:52692";
+    ["polls.v2.meet.jitsi"] = "tcp://127.0.0.1:52692";
+    ["conference.v3.meet.jitsi"] = "tcp://127.0.0.1:52693";
+    ["v3.meet.jitsi"] = "tcp://127.0.0.1:52693";
+    ["polls.v3.meet.jitsi"] = "tcp://127.0.0.1:52693";
+    ["conference.v4.meet.jitsi"] = "tcp://127.0.0.1:52694";
+    ["v4.meet.jitsi"] = "tcp://127.0.0.1:52694";
+    ["polls.v4.meet.jitsi"] = "tcp://127.0.0.1:52694";
+    ["conference.v5.meet.jitsi"] = "tcp://127.0.0.1:52695";
+    ["v5.meet.jitsi"] = "tcp://127.0.0.1:52695";
+    ["polls.v5.meet.jitsi"] = "tcp://127.0.0.1:52695";
+    ["conference.v6.meet.jitsi"] = "tcp://127.0.0.1:52696";
+    ["v6.meet.jitsi"] = "tcp://127.0.0.1:52696";
+    ["polls.v6.meet.jitsi"] = "tcp://127.0.0.1:52696";
+    ["conference.v7.meet.jitsi"] = "tcp://127.0.0.1:52697";
+    ["v7.meet.jitsi"] = "tcp://127.0.0.1:52697";
+    ["polls.v7.meet.jitsi"] = "tcp://127.0.0.1:52697";
+    ["conference.v8.meet.jitsi"] = "tcp://127.0.0.1:52698";
+    ["v8.meet.jitsi"] = "tcp://127.0.0.1:52698";
+    ["polls.v8.meet.jitsi"] = "tcp://127.0.0.1:52698";
+}
+-- allowed list of server-2-server connections
+s2s_whitelist = {
+    "conference.v1.meet.jitsi", "conference.v2.meet.jitsi", "conference.v3.meet.jitsi", "conference.v4.meet.jitsi",
+    "conference.v5.meet.jitsi", "conference.v6.meet.jitsi", "conference.v7.meet.jitsi", "conference.v8.meet.jitsi",
+    'polls.v1.meet.jitsi', 'polls.v2.meet.jitsi', 'polls.v3.meet.jitsi', 'polls.v4.meet.jitsi',
+    'polls.v5.meet.jitsi', 'polls.v6.meet.jitsi', 'polls.v7.meet.jitsi', 'polls.v8.meet.jitsi'
+};
+```
+
+- Make sure s2s is not in modules_disabled
+- Enable `"visitors";` module under the main virtual host (e.g. [here](https://github.com/jitsi/jitsi-meet/blob/f42772ec5bcc87ff6de17423d36df9bcad6e770d/doc/debian/jitsi-meet-prosody/prosody.cfg.lua-jvb.example#L57))
+  You can add under main virtual host the config: `visitors_ignore_list = { "recorder.jitmeet.example.com" }` to ignore jibri and transcribers from the visitor logic and use them only in the main prosody conference.
+- Create the visitors component in /etc/prosody/conf.d/jitmeet.example.com.cfg.lua:
+```
+Component "visitors.jitmeet.example.com" "visitors_component"
+  auto_allow_visitor_promotion = true
+  admins = { "focus@auth.jitmeet.example.com" }
+```
+- Make sure you add the correct upstreams to nginx config
+```
+upstream v1 {
+    zone upstreams 64K;
+    server 127.0.0.1:52801;
+    keepalive 2;
+}
+upstream v2 {
+    zone upstreams 64K;
+    server 127.0.0.1:52802;
+    keepalive 2;
+}
+```
+
+After configuring you can set the maximum number of main participants, before
+redirecting to visitors.
+```
+hocon -f /etc/jitsi/jicofo/jicofo.conf set "jicofo.visitors.enabled" true
+hocon -f /etc/jitsi/jicofo/jicofo.conf set "jicofo.visitors.max-participants" 30
+```
+Now restart prosody and jicofo
+```
+service prosody restart
+service jicofo restart
+service nginx restart
+```
+
+Now after the main 30 participants join, the rest will be visitors using the
+visitor nodes.
+
+To enable promotion where visitors need to be approved by a moderator to join the meeting:
+  - you need to switch `auto_allow_visitor_promotion=false`.
+  - You need to enable http requests to jicofo by editing config.js and adding a nginx rule for it. 
+    - In /etc/jitsi/meet/jitmeet.example.com-config.js uncomment conferenceRequestUrl.
+    - In jitsi-meet nginx config make sure you have the conference-request location rules.
diff --git a/resources/extra-large-conference/imgs/visitors-prosody.svg b/resources/extra-large-conference/imgs/visitors-prosody.svg
new file mode 100644
index 0000000..6e51cd1
--- /dev/null
+++ b/resources/extra-large-conference/imgs/visitors-prosody.svg
@@ -0,0 +1,2109 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xl="http://www.w3.org/1999/xlink" xmlns:dc="http://purl.org/dc/elements/1.1/" viewBox="985 425.5 486.5 364.1628" width="486.5" height="364.1628">
+  <defs>
+    <filter id="Shadow" filterUnits="userSpaceOnUse" x="936.35" y="389.0837">
+      <feGaussianBlur in="SourceAlpha" result="blur" stdDeviation=".436"/>
+      <feOffset in="blur" result="offset" dx="0" dy="2"/>
+      <feFlood flood-color="black" flood-opacity=".5" result="flood"/>
+      <feComposite in="flood" in2="offset" operator="in" result="color"/>
+      <feMerge>
+        <feMergeNode in="color"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+    <marker orient="auto" overflow="visible" markerUnits="strokeWidth" id="FilledArrow_Marker" stroke-linejoin="miter" stroke-miterlimit="10" viewBox="-1 -2 4 4" markerWidth="4" markerHeight="4" color="#b1001c">
+      <g>
+        <path d="M 1.8666667 0 L 0 -.7 L 0 .7 Z" fill="currentColor" stroke="currentColor" stroke-width="1"/>
+      </g>
+    </marker>
+    <marker orient="auto" overflow="visible" markerUnits="strokeWidth" id="FilledArrow_Marker_2" stroke-linejoin="miter" stroke-miterlimit="10" viewBox="-3 -2 4 4" markerWidth="4" markerHeight="4" color="#b1001c">
+      <g>
+        <path d="M -1.8666667 0 L 0 .7 L 0 -.7 Z" fill="currentColor" stroke="currentColor" stroke-width="1"/>
+      </g>
+    </marker>
+    <marker orient="auto" overflow="visible" markerUnits="strokeWidth" id="SharpArrow_Marker" stroke-linejoin="miter" stroke-miterlimit="10" viewBox="-2 -2 5 4" markerWidth="5" markerHeight="4" color="#b34400">
+      <g>
+        <path d="M 1.4666667 0 L -.88 -.88 L 0 0 L 0 0 L -.88 .88 Z" fill="currentColor" stroke="currentColor" stroke-width="1"/>
+      </g>
+    </marker>
+    <marker orient="auto" overflow="visible" markerUnits="strokeWidth" id="Arrow_Marker" stroke-linejoin="miter" stroke-miterlimit="10" viewBox="-1 -2 4 4" markerWidth="4" markerHeight="4" color="#b1001c">
+      <g>
+        <path d="M 1.2 0 L 0 -.45 L 0 .45 Z" fill="none" stroke="currentColor" stroke-width="1"/>
+      </g>
+    </marker>
+    <marker orient="auto" overflow="visible" markerUnits="strokeWidth" id="Arrow_Marker_2" stroke-linejoin="miter" stroke-miterlimit="10" viewBox="-3 -2 4 4" markerWidth="4" markerHeight="4" color="#b1001c">
+      <g>
+        <path d="M -1.2 0 L 0 .45 L 0 -.45 Z" fill="none" stroke="currentColor" stroke-width="1"/>
+      </g>
+    </marker>
+  </defs>
+  <g id="Canvas_1" fill-opacity="1" fill="none" stroke-opacity="1" stroke-dasharray="none" stroke="none">
+    <title>Canvas 1</title>
+    <g id="Canvas_1_Layer_1">
+      <title>Layer 1</title>
+      <g id="Graphic_1334">
+        <path d="M 998 425.5 L 1458.5 425.5 C 1465.6797 425.5 1471.5 431.3203 1471.5 438.5 L 1471.5 776.6628 C 1471.5 783.8425 1465.6797 789.6628 1458.5 789.6628 L 998 789.6628 C 990.8203 789.6628 985 783.8425 985 776.6628 L 985 438.5 C 985 431.3203 990.8203 425.5 998 425.5 Z" fill="#c0c0ff"/>
+      </g>
+      <g id="Group_1220">
+        <g id="Graphic_1246">
+          <path d="M 1186.2 737.5304 L 1208 737.5304 C 1209.1046 737.5304 1210 738.4258 1210 739.5304 L 1210 756.928 C 1210 758.0326 1209.1046 758.928 1208 758.928 L 1186.2 758.928 C 1185.0954 758.928 1184.2 758.0326 1184.2 756.928 L 1184.2 739.5304 C 1184.2 738.4258 1185.0954 737.5304 1186.2 737.5304 Z" fill="#ccc"/>
+          <path d="M 1186.2 737.5304 L 1208 737.5304 C 1209.1046 737.5304 1210 738.4258 1210 739.5304 L 1210 756.928 C 1210 758.0326 1209.1046 758.928 1208 758.928 L 1186.2 758.928 C 1185.0954 758.928 1184.2 758.0326 1184.2 756.928 L 1184.2 739.5304 C 1184.2 738.4258 1185.0954 737.5304 1186.2 737.5304 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/>
+        </g>
+        <g id="Graphic_1245">
+          <rect x="1185.669" y="739.7994" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1185.669" y="739.7994" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1242">
+          <g id="Graphic_1244">
+            <circle cx="1189.1" cy="742.1929" r="1.46255374857875" fill="black"/>
+            <circle cx="1189.1" cy="742.1929" r="1.46255374857875" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1243">
+            <path d="M 1186.469 745.7304 L 1191.731 745.7304 C 1191.731 745.7304 1190.4462 743.55035 1190.262 743.7646 C 1190.0778 743.9788 1189.8111 744.1648 1189.1037 744.1648 C 1188.3963 744.1648 1188.047 743.9532 1187.8783 743.7652 C 1187.7095 743.5773 1186.469 745.7304 1186.469 745.7304 Z" fill="black"/>
+            <path d="M 1186.469 745.7304 L 1191.731 745.7304 C 1191.731 745.7304 1190.4462 743.55035 1190.262 743.7646 C 1190.0778 743.9788 1189.8111 744.1648 1189.1037 744.1648 C 1188.3963 744.1648 1188.047 743.9532 1187.8783 743.7652 C 1187.7095 743.5773 1186.469 745.7304 1186.469 745.7304 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1241">
+          <rect x="1193.669" y="739.7994" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1193.669" y="739.7994" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1238">
+          <g id="Graphic_1240">
+            <circle cx="1197.1" cy="742.1929" r="1.46255374857875" fill="black"/>
+            <circle cx="1197.1" cy="742.1929" r="1.46255374857875" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1239">
+            <path d="M 1194.469 745.7304 L 1199.731 745.7304 C 1199.731 745.7304 1198.4462 743.55035 1198.262 743.7646 C 1198.0778 743.9788 1197.8111 744.1648 1197.1037 744.1648 C 1196.3963 744.1648 1196.047 743.9532 1195.8783 743.7652 C 1195.7095 743.5773 1194.469 745.7304 1194.469 745.7304 Z" fill="black"/>
+            <path d="M 1194.469 745.7304 L 1199.731 745.7304 C 1199.731 745.7304 1198.4462 743.55035 1198.262 743.7646 C 1198.0778 743.9788 1197.8111 744.1648 1197.1037 744.1648 C 1196.3963 744.1648 1196.047 743.9532 1195.8783 743.7652 C 1195.7095 743.5773 1194.469 745.7304 1194.469 745.7304 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1237">
+          <rect x="1201.669" y="739.7994" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1201.669" y="739.7994" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1234">
+          <g id="Graphic_1236">
+            <circle cx="1205.1" cy="742.1929" r="1.46255374857875" fill="black"/>
+            <circle cx="1205.1" cy="742.1929" r="1.46255374857875" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1235">
+            <path d="M 1202.469 745.7304 L 1207.731 745.7304 C 1207.731 745.7304 1206.4462 743.55035 1206.262 743.7646 C 1206.0778 743.9788 1205.8111 744.1648 1205.1037 744.1648 C 1204.3963 744.1648 1204.047 743.9532 1203.8783 743.7652 C 1203.7095 743.5773 1202.469 745.7304 1202.469 745.7304 Z" fill="black"/>
+            <path d="M 1202.469 745.7304 L 1207.731 745.7304 C 1207.731 745.7304 1206.4462 743.55035 1206.262 743.7646 C 1206.0778 743.9788 1205.8111 744.1648 1205.1037 744.1648 C 1204.3963 744.1648 1204.047 743.9532 1203.8783 743.7652 C 1203.7095 743.5773 1202.469 745.7304 1202.469 745.7304 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1233">
+          <rect x="1185.669" y="747.7304" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1185.669" y="747.7304" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1230">
+          <g id="Graphic_1232">
+            <circle cx="1189.1" cy="750.1239" r="1.46255374857882" fill="black"/>
+            <circle cx="1189.1" cy="750.1239" r="1.46255374857882" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1231">
+            <path d="M 1186.469 753.6614 L 1191.731 753.6614 C 1191.731 753.6614 1190.4462 751.4813 1190.262 751.6955 C 1190.0778 751.9098 1189.8111 752.0958 1189.1037 752.0958 C 1188.3963 752.0958 1188.047 751.88415 1187.8783 751.6962 C 1187.7095 751.5083 1186.469 753.6614 1186.469 753.6614 Z" fill="black"/>
+            <path d="M 1186.469 753.6614 L 1191.731 753.6614 C 1191.731 753.6614 1190.4462 751.4813 1190.262 751.6955 C 1190.0778 751.9098 1189.8111 752.0958 1189.1037 752.0958 C 1188.3963 752.0958 1188.047 751.88415 1187.8783 751.6962 C 1187.7095 751.5083 1186.469 753.6614 1186.469 753.6614 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1229">
+          <rect x="1193.669" y="747.7304" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1193.669" y="747.7304" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1226">
+          <g id="Graphic_1228">
+            <circle cx="1197.1" cy="750.1239" r="1.46255374857882" fill="black"/>
+            <circle cx="1197.1" cy="750.1239" r="1.46255374857882" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1227">
+            <path d="M 1194.469 753.6614 L 1199.731 753.6614 C 1199.731 753.6614 1198.4462 751.4813 1198.262 751.6955 C 1198.0778 751.9098 1197.8111 752.0958 1197.1037 752.0958 C 1196.3963 752.0958 1196.047 751.88415 1195.8783 751.6962 C 1195.7095 751.5083 1194.469 753.6614 1194.469 753.6614 Z" fill="black"/>
+            <path d="M 1194.469 753.6614 L 1199.731 753.6614 C 1199.731 753.6614 1198.4462 751.4813 1198.262 751.6955 C 1198.0778 751.9098 1197.8111 752.0958 1197.1037 752.0958 C 1196.3963 752.0958 1196.047 751.88415 1195.8783 751.6962 C 1195.7095 751.5083 1194.469 753.6614 1194.469 753.6614 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1225">
+          <rect x="1201.669" y="747.7304" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1201.669" y="747.7304" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1222">
+          <g id="Graphic_1224">
+            <circle cx="1205.1" cy="750.1239" r="1.46255374857882" fill="black"/>
+            <circle cx="1205.1" cy="750.1239" r="1.46255374857882" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1223">
+            <path d="M 1202.469 753.6614 L 1207.731 753.6614 C 1207.731 753.6614 1206.4462 751.4813 1206.262 751.6955 C 1206.0778 751.9098 1205.8111 752.0958 1205.1037 752.0958 C 1204.3963 752.0958 1204.047 751.88415 1203.8783 751.6962 C 1203.7095 751.5083 1202.469 753.6614 1202.469 753.6614 Z" fill="black"/>
+            <path d="M 1202.469 753.6614 L 1207.731 753.6614 C 1207.731 753.6614 1206.4462 751.4813 1206.262 751.6955 C 1206.0778 751.9098 1205.8111 752.0958 1205.1037 752.0958 C 1204.3963 752.0958 1204.047 751.88415 1203.8783 751.6962 C 1203.7095 751.5083 1202.469 753.6614 1202.469 753.6614 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Line_1221">
+          <line x1="1193.669" y1="756.59235" x2="1200.531" y2="756.59235" stroke="black" stroke-linecap="butt" stroke-linejoin="round" stroke-width="2"/>
+        </g>
+      </g>
+      <g id="Group_917">
+        <g id="Graphic_943">
+          <path d="M 1138.2 748.4 L 1160 748.4 C 1161.1046 748.4 1162 749.2954 1162 750.4 L 1162 767.7976 C 1162 768.9022 1161.1046 769.7976 1160 769.7976 L 1138.2 769.7976 C 1137.0954 769.7976 1136.2 768.9022 1136.2 767.7976 L 1136.2 750.4 C 1136.2 749.2954 1137.0954 748.4 1138.2 748.4 Z" fill="#ccc"/>
+          <path d="M 1138.2 748.4 L 1160 748.4 C 1161.1046 748.4 1162 749.2954 1162 750.4 L 1162 767.7976 C 1162 768.9022 1161.1046 769.7976 1160 769.7976 L 1138.2 769.7976 C 1137.0954 769.7976 1136.2 768.9022 1136.2 767.7976 L 1136.2 750.4 C 1136.2 749.2954 1137.0954 748.4 1138.2 748.4 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/>
+        </g>
+        <g id="Graphic_942">
+          <rect x="1137.669" y="750.669" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1137.669" y="750.669" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_939">
+          <g id="Graphic_941">
+            <circle cx="1141.1" cy="753.0626" r="1.46255374857881" fill="black"/>
+            <circle cx="1141.1" cy="753.0626" r="1.46255374857881" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_940">
+            <path d="M 1138.469 756.6 L 1143.731 756.6 C 1143.731 756.6 1142.4462 754.42 1142.262 754.6342 C 1142.0778 754.8484 1141.8111 755.0344 1141.1037 755.0344 C 1140.3963 755.0344 1140.047 754.8228 1139.8783 754.6349 C 1139.7095 754.4469 1138.469 756.6 1138.469 756.6 Z" fill="black"/>
+            <path d="M 1138.469 756.6 L 1143.731 756.6 C 1143.731 756.6 1142.4462 754.42 1142.262 754.6342 C 1142.0778 754.8484 1141.8111 755.0344 1141.1037 755.0344 C 1140.3963 755.0344 1140.047 754.8228 1139.8783 754.6349 C 1139.7095 754.4469 1138.469 756.6 1138.469 756.6 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_938">
+          <rect x="1145.669" y="750.669" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1145.669" y="750.669" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_935">
+          <g id="Graphic_937">
+            <circle cx="1149.1" cy="753.0626" r="1.46255374857884" fill="black"/>
+            <circle cx="1149.1" cy="753.0626" r="1.46255374857884" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_936">
+            <path d="M 1146.469 756.6 L 1151.731 756.6 C 1151.731 756.6 1150.4462 754.42 1150.262 754.6342 C 1150.0778 754.8484 1149.8111 755.0344 1149.1037 755.0344 C 1148.3963 755.0344 1148.047 754.8228 1147.8783 754.6349 C 1147.7095 754.4469 1146.469 756.6 1146.469 756.6 Z" fill="black"/>
+            <path d="M 1146.469 756.6 L 1151.731 756.6 C 1151.731 756.6 1150.4462 754.42 1150.262 754.6342 C 1150.0778 754.8484 1149.8111 755.0344 1149.1037 755.0344 C 1148.3963 755.0344 1148.047 754.8228 1147.8783 754.6349 C 1147.7095 754.4469 1146.469 756.6 1146.469 756.6 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_934">
+          <rect x="1153.669" y="750.669" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1153.669" y="750.669" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_931">
+          <g id="Graphic_933">
+            <circle cx="1157.1" cy="753.0626" r="1.46255374857875" fill="black"/>
+            <circle cx="1157.1" cy="753.0626" r="1.46255374857875" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_932">
+            <path d="M 1154.469 756.6 L 1159.731 756.6 C 1159.731 756.6 1158.4462 754.42 1158.262 754.6342 C 1158.0778 754.8484 1157.8111 755.0344 1157.1037 755.0344 C 1156.3963 755.0344 1156.047 754.8228 1155.8783 754.6349 C 1155.7095 754.4469 1154.469 756.6 1154.469 756.6 Z" fill="black"/>
+            <path d="M 1154.469 756.6 L 1159.731 756.6 C 1159.731 756.6 1158.4462 754.42 1158.262 754.6342 C 1158.0778 754.8484 1157.8111 755.0344 1157.1037 755.0344 C 1156.3963 755.0344 1156.047 754.8228 1155.8783 754.6349 C 1155.7095 754.4469 1154.469 756.6 1154.469 756.6 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_930">
+          <rect x="1137.669" y="758.6" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1137.669" y="758.6" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_927">
+          <g id="Graphic_929">
+            <circle cx="1141.1" cy="760.9935" r="1.46255374857881" fill="black"/>
+            <circle cx="1141.1" cy="760.9935" r="1.46255374857881" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_928">
+            <path d="M 1138.469 764.531 L 1143.731 764.531 C 1143.731 764.531 1142.4462 762.3509 1142.262 762.5652 C 1142.0778 762.7794 1141.8111 762.9654 1141.1037 762.9654 C 1140.3963 762.9654 1140.047 762.7538 1139.8783 762.5658 C 1139.7095 762.3779 1138.469 764.531 1138.469 764.531 Z" fill="black"/>
+            <path d="M 1138.469 764.531 L 1143.731 764.531 C 1143.731 764.531 1142.4462 762.3509 1142.262 762.5652 C 1142.0778 762.7794 1141.8111 762.9654 1141.1037 762.9654 C 1140.3963 762.9654 1140.047 762.7538 1139.8783 762.5658 C 1139.7095 762.3779 1138.469 764.531 1138.469 764.531 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_926">
+          <rect x="1145.669" y="758.6" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1145.669" y="758.6" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_923">
+          <g id="Graphic_925">
+            <circle cx="1149.1" cy="760.9935" r="1.46255374857884" fill="black"/>
+            <circle cx="1149.1" cy="760.9935" r="1.46255374857884" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_924">
+            <path d="M 1146.469 764.531 L 1151.731 764.531 C 1151.731 764.531 1150.4462 762.3509 1150.262 762.5652 C 1150.0778 762.7794 1149.8111 762.9654 1149.1037 762.9654 C 1148.3963 762.9654 1148.047 762.7538 1147.8783 762.5658 C 1147.7095 762.3779 1146.469 764.531 1146.469 764.531 Z" fill="black"/>
+            <path d="M 1146.469 764.531 L 1151.731 764.531 C 1151.731 764.531 1150.4462 762.3509 1150.262 762.5652 C 1150.0778 762.7794 1149.8111 762.9654 1149.1037 762.9654 C 1148.3963 762.9654 1148.047 762.7538 1147.8783 762.5658 C 1147.7095 762.3779 1146.469 764.531 1146.469 764.531 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_922">
+          <rect x="1153.669" y="758.6" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1153.669" y="758.6" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_919">
+          <g id="Graphic_921">
+            <circle cx="1157.1" cy="760.9935" r="1.46255374857875" fill="black"/>
+            <circle cx="1157.1" cy="760.9935" r="1.46255374857875" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_920">
+            <path d="M 1154.469 764.531 L 1159.731 764.531 C 1159.731 764.531 1158.4462 762.3509 1158.262 762.5652 C 1158.0778 762.7794 1157.8111 762.9654 1157.1037 762.9654 C 1156.3963 762.9654 1156.047 762.7538 1155.8783 762.5658 C 1155.7095 762.3779 1154.469 764.531 1154.469 764.531 Z" fill="black"/>
+            <path d="M 1154.469 764.531 L 1159.731 764.531 C 1159.731 764.531 1158.4462 762.3509 1158.262 762.5652 C 1158.0778 762.7794 1157.8111 762.9654 1157.1037 762.9654 C 1156.3963 762.9654 1156.047 762.7538 1155.8783 762.5658 C 1155.7095 762.3779 1154.469 764.531 1154.469 764.531 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Line_918">
+          <line x1="1145.669" y1="767.462" x2="1152.531" y2="767.462" stroke="black" stroke-linecap="butt" stroke-linejoin="round" stroke-width="2"/>
+        </g>
+      </g>
+      <g id="Group_1193">
+        <g id="Graphic_1219">
+          <path d="M 1116.2 744.3976 L 1138 744.3976 C 1139.1046 744.3976 1140 745.29304 1140 746.3976 L 1140 763.7952 C 1140 764.8998 1139.1046 765.7952 1138 765.7952 L 1116.2 765.7952 C 1115.0954 765.7952 1114.2 764.8998 1114.2 763.7952 L 1114.2 746.3976 C 1114.2 745.29304 1115.0954 744.3976 1116.2 744.3976 Z" fill="#ccc"/>
+          <path d="M 1116.2 744.3976 L 1138 744.3976 C 1139.1046 744.3976 1140 745.29304 1140 746.3976 L 1140 763.7952 C 1140 764.8998 1139.1046 765.7952 1138 765.7952 L 1116.2 765.7952 C 1115.0954 765.7952 1114.2 764.8998 1114.2 763.7952 L 1114.2 746.3976 C 1114.2 745.29304 1115.0954 744.3976 1116.2 744.3976 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/>
+        </g>
+        <g id="Graphic_1218">
+          <rect x="1115.669" y="746.6666" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1115.669" y="746.6666" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1215">
+          <g id="Graphic_1217">
+            <circle cx="1119.1" cy="749.0602" r="1.46255374857873" fill="black"/>
+            <circle cx="1119.1" cy="749.0602" r="1.46255374857873" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1216">
+            <path d="M 1116.469 752.5976 L 1121.731 752.5976 C 1121.731 752.5976 1120.4462 750.4176 1120.262 750.6318 C 1120.0778 750.846 1119.8111 751.032 1119.1037 751.032 C 1118.3963 751.032 1118.047 750.8204 1117.8783 750.6325 C 1117.7095 750.4445 1116.469 752.5976 1116.469 752.5976 Z" fill="black"/>
+            <path d="M 1116.469 752.5976 L 1121.731 752.5976 C 1121.731 752.5976 1120.4462 750.4176 1120.262 750.6318 C 1120.0778 750.846 1119.8111 751.032 1119.1037 751.032 C 1118.3963 751.032 1118.047 750.8204 1117.8783 750.6325 C 1117.7095 750.4445 1116.469 752.5976 1116.469 752.5976 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1214">
+          <rect x="1123.669" y="746.6666" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1123.669" y="746.6666" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1211">
+          <g id="Graphic_1213">
+            <circle cx="1127.1" cy="749.0602" r="1.46255374857876" fill="black"/>
+            <circle cx="1127.1" cy="749.0602" r="1.46255374857876" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1212">
+            <path d="M 1124.469 752.5976 L 1129.731 752.5976 C 1129.731 752.5976 1128.4462 750.4176 1128.262 750.6318 C 1128.0778 750.846 1127.8111 751.032 1127.1037 751.032 C 1126.3963 751.032 1126.047 750.8204 1125.8783 750.6325 C 1125.7095 750.4445 1124.469 752.5976 1124.469 752.5976 Z" fill="black"/>
+            <path d="M 1124.469 752.5976 L 1129.731 752.5976 C 1129.731 752.5976 1128.4462 750.4176 1128.262 750.6318 C 1128.0778 750.846 1127.8111 751.032 1127.1037 751.032 C 1126.3963 751.032 1126.047 750.8204 1125.8783 750.6325 C 1125.7095 750.4445 1124.469 752.5976 1124.469 752.5976 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1210">
+          <rect x="1131.669" y="746.6666" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1131.669" y="746.6666" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1207">
+          <g id="Graphic_1209">
+            <circle cx="1135.1" cy="749.0602" r="1.46255374857873" fill="black"/>
+            <circle cx="1135.1" cy="749.0602" r="1.46255374857873" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1208">
+            <path d="M 1132.469 752.5976 L 1137.731 752.5976 C 1137.731 752.5976 1136.4462 750.4176 1136.262 750.6318 C 1136.0778 750.846 1135.8111 751.032 1135.1037 751.032 C 1134.3963 751.032 1134.047 750.8204 1133.8783 750.6325 C 1133.7095 750.4445 1132.469 752.5976 1132.469 752.5976 Z" fill="black"/>
+            <path d="M 1132.469 752.5976 L 1137.731 752.5976 C 1137.731 752.5976 1136.4462 750.4176 1136.262 750.6318 C 1136.0778 750.846 1135.8111 751.032 1135.1037 751.032 C 1134.3963 751.032 1134.047 750.8204 1133.8783 750.6325 C 1133.7095 750.4445 1132.469 752.5976 1132.469 752.5976 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1206">
+          <rect x="1115.669" y="754.5976" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1115.669" y="754.5976" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1203">
+          <g id="Graphic_1205">
+            <circle cx="1119.1" cy="756.9911" r="1.46255374857872" fill="black"/>
+            <circle cx="1119.1" cy="756.9911" r="1.46255374857872" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1204">
+            <path d="M 1116.469 760.5286 L 1121.731 760.5286 C 1121.731 760.5286 1120.4462 758.34855 1120.262 758.5628 C 1120.0778 758.777 1119.8111 758.963 1119.1037 758.963 C 1118.3963 758.963 1118.047 758.7514 1117.8783 758.5634 C 1117.7095 758.3755 1116.469 760.5286 1116.469 760.5286 Z" fill="black"/>
+            <path d="M 1116.469 760.5286 L 1121.731 760.5286 C 1121.731 760.5286 1120.4462 758.34855 1120.262 758.5628 C 1120.0778 758.777 1119.8111 758.963 1119.1037 758.963 C 1118.3963 758.963 1118.047 758.7514 1117.8783 758.5634 C 1117.7095 758.3755 1116.469 760.5286 1116.469 760.5286 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1202">
+          <rect x="1123.669" y="754.5976" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1123.669" y="754.5976" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1199">
+          <g id="Graphic_1201">
+            <circle cx="1127.1" cy="756.9911" r="1.46255374857875" fill="black"/>
+            <circle cx="1127.1" cy="756.9911" r="1.46255374857875" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1200">
+            <path d="M 1124.469 760.5286 L 1129.731 760.5286 C 1129.731 760.5286 1128.4462 758.34855 1128.262 758.5628 C 1128.0778 758.777 1127.8111 758.963 1127.1037 758.963 C 1126.3963 758.963 1126.047 758.7514 1125.8783 758.5634 C 1125.7095 758.3755 1124.469 760.5286 1124.469 760.5286 Z" fill="black"/>
+            <path d="M 1124.469 760.5286 L 1129.731 760.5286 C 1129.731 760.5286 1128.4462 758.34855 1128.262 758.5628 C 1128.0778 758.777 1127.8111 758.963 1127.1037 758.963 C 1126.3963 758.963 1126.047 758.7514 1125.8783 758.5634 C 1125.7095 758.3755 1124.469 760.5286 1124.469 760.5286 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1198">
+          <rect x="1131.669" y="754.5976" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1131.669" y="754.5976" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1195">
+          <g id="Graphic_1197">
+            <circle cx="1135.1" cy="756.9911" r="1.46255374857872" fill="black"/>
+            <circle cx="1135.1" cy="756.9911" r="1.46255374857872" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1196">
+            <path d="M 1132.469 760.5286 L 1137.731 760.5286 C 1137.731 760.5286 1136.4462 758.34855 1136.262 758.5628 C 1136.0778 758.777 1135.8111 758.963 1135.1037 758.963 C 1134.3963 758.963 1134.047 758.7514 1133.8783 758.5634 C 1133.7095 758.3755 1132.469 760.5286 1132.469 760.5286 Z" fill="black"/>
+            <path d="M 1132.469 760.5286 L 1137.731 760.5286 C 1137.731 760.5286 1136.4462 758.34855 1136.262 758.5628 C 1136.0778 758.777 1135.8111 758.963 1135.1037 758.963 C 1134.3963 758.963 1134.047 758.7514 1133.8783 758.5634 C 1133.7095 758.3755 1132.469 760.5286 1132.469 760.5286 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Line_1194">
+          <line x1="1123.669" y1="763.4596" x2="1130.531" y2="763.4596" stroke="black" stroke-linecap="butt" stroke-linejoin="round" stroke-width="2"/>
+        </g>
+      </g>
+      <g id="Group_944">
+        <g id="Graphic_970">
+          <path d="M 1098.2 737.5304 L 1120 737.5304 C 1121.1046 737.5304 1122 738.4258 1122 739.5304 L 1122 756.928 C 1122 758.0326 1121.1046 758.928 1120 758.928 L 1098.2 758.928 C 1097.0954 758.928 1096.2 758.0326 1096.2 756.928 L 1096.2 739.5304 C 1096.2 738.4258 1097.0954 737.5304 1098.2 737.5304 Z" fill="#ccc"/>
+          <path d="M 1098.2 737.5304 L 1120 737.5304 C 1121.1046 737.5304 1122 738.4258 1122 739.5304 L 1122 756.928 C 1122 758.0326 1121.1046 758.928 1120 758.928 L 1098.2 758.928 C 1097.0954 758.928 1096.2 758.0326 1096.2 756.928 L 1096.2 739.5304 C 1096.2 738.4258 1097.0954 737.5304 1098.2 737.5304 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/>
+        </g>
+        <g id="Graphic_969">
+          <rect x="1097.669" y="739.7994" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1097.669" y="739.7994" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_966">
+          <g id="Graphic_968">
+            <circle cx="1101.1" cy="742.1929" r="1.46255374857872" fill="black"/>
+            <circle cx="1101.1" cy="742.1929" r="1.46255374857872" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_967">
+            <path d="M 1098.469 745.7304 L 1103.731 745.7304 C 1103.731 745.7304 1102.4462 743.55035 1102.262 743.7646 C 1102.0778 743.9788 1101.8111 744.1648 1101.1037 744.1648 C 1100.3963 744.1648 1100.0471 743.9532 1099.8783 743.7652 C 1099.7095 743.5773 1098.469 745.7304 1098.469 745.7304 Z" fill="black"/>
+            <path d="M 1098.469 745.7304 L 1103.731 745.7304 C 1103.731 745.7304 1102.4462 743.55035 1102.262 743.7646 C 1102.0778 743.9788 1101.8111 744.1648 1101.1037 744.1648 C 1100.3963 744.1648 1100.0471 743.9532 1099.8783 743.7652 C 1099.7095 743.5773 1098.469 745.7304 1098.469 745.7304 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_965">
+          <rect x="1105.669" y="739.7994" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1105.669" y="739.7994" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_962">
+          <g id="Graphic_964">
+            <circle cx="1109.1" cy="742.1929" r="1.46255374857878" fill="black"/>
+            <circle cx="1109.1" cy="742.1929" r="1.46255374857878" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_963">
+            <path d="M 1106.469 745.7304 L 1111.731 745.7304 C 1111.731 745.7304 1110.4462 743.55035 1110.262 743.7646 C 1110.0778 743.9788 1109.8111 744.1648 1109.1037 744.1648 C 1108.3963 744.1648 1108.0471 743.9532 1107.8783 743.7652 C 1107.7095 743.5773 1106.469 745.7304 1106.469 745.7304 Z" fill="black"/>
+            <path d="M 1106.469 745.7304 L 1111.731 745.7304 C 1111.731 745.7304 1110.4462 743.55035 1110.262 743.7646 C 1110.0778 743.9788 1109.8111 744.1648 1109.1037 744.1648 C 1108.3963 744.1648 1108.0471 743.9532 1107.8783 743.7652 C 1107.7095 743.5773 1106.469 745.7304 1106.469 745.7304 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_961">
+          <rect x="1113.669" y="739.7994" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1113.669" y="739.7994" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_958">
+          <g id="Graphic_960">
+            <circle cx="1117.1" cy="742.1929" r="1.46255374857865" fill="black"/>
+            <circle cx="1117.1" cy="742.1929" r="1.46255374857865" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_959">
+            <path d="M 1114.469 745.7304 L 1119.731 745.7304 C 1119.731 745.7304 1118.4462 743.55035 1118.262 743.7646 C 1118.0778 743.9788 1117.8111 744.1648 1117.1037 744.1648 C 1116.3963 744.1648 1116.047 743.9532 1115.8783 743.7652 C 1115.7095 743.5773 1114.469 745.7304 1114.469 745.7304 Z" fill="black"/>
+            <path d="M 1114.469 745.7304 L 1119.731 745.7304 C 1119.731 745.7304 1118.4462 743.55035 1118.262 743.7646 C 1118.0778 743.9788 1117.8111 744.1648 1117.1037 744.1648 C 1116.3963 744.1648 1116.047 743.9532 1115.8783 743.7652 C 1115.7095 743.5773 1114.469 745.7304 1114.469 745.7304 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_957">
+          <rect x="1097.669" y="747.7304" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1097.669" y="747.7304" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_954">
+          <g id="Graphic_956">
+            <circle cx="1101.1" cy="750.1239" r="1.46255374857879" fill="black"/>
+            <circle cx="1101.1" cy="750.1239" r="1.46255374857879" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_955">
+            <path d="M 1098.469 753.6614 L 1103.731 753.6614 C 1103.731 753.6614 1102.4462 751.4813 1102.262 751.6955 C 1102.0778 751.9098 1101.8111 752.0958 1101.1037 752.0958 C 1100.3963 752.0958 1100.0471 751.88415 1099.8783 751.6962 C 1099.7095 751.5083 1098.469 753.6614 1098.469 753.6614 Z" fill="black"/>
+            <path d="M 1098.469 753.6614 L 1103.731 753.6614 C 1103.731 753.6614 1102.4462 751.4813 1102.262 751.6955 C 1102.0778 751.9098 1101.8111 752.0958 1101.1037 752.0958 C 1100.3963 752.0958 1100.0471 751.88415 1099.8783 751.6962 C 1099.7095 751.5083 1098.469 753.6614 1098.469 753.6614 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_953">
+          <rect x="1105.669" y="747.7304" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1105.669" y="747.7304" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_950">
+          <g id="Graphic_952">
+            <circle cx="1109.1" cy="750.1239" r="1.46255374857885" fill="black"/>
+            <circle cx="1109.1" cy="750.1239" r="1.46255374857885" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_951">
+            <path d="M 1106.469 753.6614 L 1111.731 753.6614 C 1111.731 753.6614 1110.4462 751.4813 1110.262 751.6955 C 1110.0778 751.9098 1109.8111 752.0958 1109.1037 752.0958 C 1108.3963 752.0958 1108.0471 751.88415 1107.8783 751.6962 C 1107.7095 751.5083 1106.469 753.6614 1106.469 753.6614 Z" fill="black"/>
+            <path d="M 1106.469 753.6614 L 1111.731 753.6614 C 1111.731 753.6614 1110.4462 751.4813 1110.262 751.6955 C 1110.0778 751.9098 1109.8111 752.0958 1109.1037 752.0958 C 1108.3963 752.0958 1108.0471 751.88415 1107.8783 751.6962 C 1107.7095 751.5083 1106.469 753.6614 1106.469 753.6614 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_949">
+          <rect x="1113.669" y="747.7304" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1113.669" y="747.7304" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_946">
+          <g id="Graphic_948">
+            <circle cx="1117.1" cy="750.1239" r="1.46255374857873" fill="black"/>
+            <circle cx="1117.1" cy="750.1239" r="1.46255374857873" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_947">
+            <path d="M 1114.469 753.6614 L 1119.731 753.6614 C 1119.731 753.6614 1118.4462 751.4813 1118.262 751.6955 C 1118.0778 751.9098 1117.8111 752.0958 1117.1037 752.0958 C 1116.3963 752.0958 1116.047 751.88415 1115.8783 751.6962 C 1115.7095 751.5083 1114.469 753.6614 1114.469 753.6614 Z" fill="black"/>
+            <path d="M 1114.469 753.6614 L 1119.731 753.6614 C 1119.731 753.6614 1118.4462 751.4813 1118.262 751.6955 C 1118.0778 751.9098 1117.8111 752.0958 1117.1037 752.0958 C 1116.3963 752.0958 1116.047 751.88415 1115.8783 751.6962 C 1115.7095 751.5083 1114.469 753.6614 1114.469 753.6614 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Line_945">
+          <line x1="1105.669" y1="756.59235" x2="1112.531" y2="756.59235" stroke="black" stroke-linecap="butt" stroke-linejoin="round" stroke-width="2"/>
+        </g>
+      </g>
+      <g id="Group_740">
+        <g id="Graphic_766">
+          <path d="M 1027 621 L 1048.8 621 C 1049.9046 621 1050.8 621.89544 1050.8 623 L 1050.8 640.3976 C 1050.8 641.5022 1049.9046 642.3976 1048.8 642.3976 L 1027 642.3976 C 1025.8954 642.3976 1025 641.5022 1025 640.3976 L 1025 623 C 1025 621.89544 1025.8954 621 1027 621 Z" fill="#ccc"/>
+          <path d="M 1027 621 L 1048.8 621 C 1049.9046 621 1050.8 621.89544 1050.8 623 L 1050.8 640.3976 C 1050.8 641.5022 1049.9046 642.3976 1048.8 642.3976 L 1027 642.3976 C 1025.8954 642.3976 1025 641.5022 1025 640.3976 L 1025 623 C 1025 621.89544 1025.8954 621 1027 621 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/>
+        </g>
+        <g id="Graphic_765">
+          <rect x="1026.469" y="623.269" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1026.469" y="623.269" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_762">
+          <g id="Graphic_764">
+            <circle cx="1029.9" cy="625.66256" r="1.46255374857878" fill="black"/>
+            <circle cx="1029.9" cy="625.66256" r="1.46255374857878" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_763">
+            <path d="M 1027.269 629.2 L 1032.531 629.2 C 1032.531 629.2 1031.2462 627.02 1031.062 627.2342 C 1030.8778 627.4484 1030.6111 627.6344 1029.9037 627.6344 C 1029.1963 627.6344 1028.8471 627.4228 1028.6783 627.23486 C 1028.5095 627.0469 1027.269 629.2 1027.269 629.2 Z" fill="black"/>
+            <path d="M 1027.269 629.2 L 1032.531 629.2 C 1032.531 629.2 1031.2462 627.02 1031.062 627.2342 C 1030.8778 627.4484 1030.6111 627.6344 1029.9037 627.6344 C 1029.1963 627.6344 1028.8471 627.4228 1028.6783 627.23486 C 1028.5095 627.0469 1027.269 629.2 1027.269 629.2 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_761">
+          <rect x="1034.469" y="623.269" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1034.469" y="623.269" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_758">
+          <g id="Graphic_760">
+            <circle cx="1037.9" cy="625.66256" r="1.46255374857869" fill="black"/>
+            <circle cx="1037.9" cy="625.66256" r="1.46255374857869" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_759">
+            <path d="M 1035.269 629.2 L 1040.531 629.2 C 1040.531 629.2 1039.2462 627.02 1039.062 627.2342 C 1038.8778 627.4484 1038.6111 627.6344 1037.9037 627.6344 C 1037.1963 627.6344 1036.8471 627.4228 1036.6783 627.23486 C 1036.5095 627.0469 1035.269 629.2 1035.269 629.2 Z" fill="black"/>
+            <path d="M 1035.269 629.2 L 1040.531 629.2 C 1040.531 629.2 1039.2462 627.02 1039.062 627.2342 C 1038.8778 627.4484 1038.6111 627.6344 1037.9037 627.6344 C 1037.1963 627.6344 1036.8471 627.4228 1036.6783 627.23486 C 1036.5095 627.0469 1035.269 629.2 1035.269 629.2 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_757">
+          <rect x="1042.469" y="623.269" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1042.469" y="623.269" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_754">
+          <g id="Graphic_756">
+            <circle cx="1045.9" cy="625.66256" r="1.46255374857875" fill="black"/>
+            <circle cx="1045.9" cy="625.66256" r="1.46255374857875" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_755">
+            <path d="M 1043.269 629.2 L 1048.531 629.2 C 1048.531 629.2 1047.2462 627.02 1047.062 627.2342 C 1046.8778 627.4484 1046.6111 627.6344 1045.9037 627.6344 C 1045.1963 627.6344 1044.8471 627.4228 1044.6783 627.23486 C 1044.5095 627.0469 1043.269 629.2 1043.269 629.2 Z" fill="black"/>
+            <path d="M 1043.269 629.2 L 1048.531 629.2 C 1048.531 629.2 1047.2462 627.02 1047.062 627.2342 C 1046.8778 627.4484 1046.6111 627.6344 1045.9037 627.6344 C 1045.1963 627.6344 1044.8471 627.4228 1044.6783 627.23486 C 1044.5095 627.0469 1043.269 629.2 1043.269 629.2 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_753">
+          <rect x="1026.469" y="631.2" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1026.469" y="631.2" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_750">
+          <g id="Graphic_752">
+            <circle cx="1029.9" cy="633.5935" r="1.46255374857878" fill="black"/>
+            <circle cx="1029.9" cy="633.5935" r="1.46255374857878" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_751">
+            <path d="M 1027.269 637.131 L 1032.531 637.131 C 1032.531 637.131 1031.2462 634.95094 1031.062 635.16516 C 1030.8778 635.3794 1030.6111 635.5654 1029.9037 635.5654 C 1029.1963 635.5654 1028.8471 635.3538 1028.6783 635.1658 C 1028.5095 634.9779 1027.269 637.131 1027.269 637.131 Z" fill="black"/>
+            <path d="M 1027.269 637.131 L 1032.531 637.131 C 1032.531 637.131 1031.2462 634.95094 1031.062 635.16516 C 1030.8778 635.3794 1030.6111 635.5654 1029.9037 635.5654 C 1029.1963 635.5654 1028.8471 635.3538 1028.6783 635.1658 C 1028.5095 634.9779 1027.269 637.131 1027.269 637.131 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_749">
+          <rect x="1034.469" y="631.2" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1034.469" y="631.2" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_746">
+          <g id="Graphic_748">
+            <circle cx="1037.9" cy="633.5935" r="1.46255374857869" fill="black"/>
+            <circle cx="1037.9" cy="633.5935" r="1.46255374857869" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_747">
+            <path d="M 1035.269 637.131 L 1040.531 637.131 C 1040.531 637.131 1039.2462 634.95094 1039.062 635.16516 C 1038.8778 635.3794 1038.6111 635.5654 1037.9037 635.5654 C 1037.1963 635.5654 1036.8471 635.3538 1036.6783 635.1658 C 1036.5095 634.9779 1035.269 637.131 1035.269 637.131 Z" fill="black"/>
+            <path d="M 1035.269 637.131 L 1040.531 637.131 C 1040.531 637.131 1039.2462 634.95094 1039.062 635.16516 C 1038.8778 635.3794 1038.6111 635.5654 1037.9037 635.5654 C 1037.1963 635.5654 1036.8471 635.3538 1036.6783 635.1658 C 1036.5095 634.9779 1035.269 637.131 1035.269 637.131 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_745">
+          <rect x="1042.469" y="631.2" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1042.469" y="631.2" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_742">
+          <g id="Graphic_744">
+            <circle cx="1045.9" cy="633.5935" r="1.46255374857875" fill="black"/>
+            <circle cx="1045.9" cy="633.5935" r="1.46255374857875" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_743">
+            <path d="M 1043.269 637.131 L 1048.531 637.131 C 1048.531 637.131 1047.2462 634.95094 1047.062 635.16516 C 1046.8778 635.3794 1046.6111 635.5654 1045.9037 635.5654 C 1045.1963 635.5654 1044.8471 635.3538 1044.6783 635.1658 C 1044.5095 634.9779 1043.269 637.131 1043.269 637.131 Z" fill="black"/>
+            <path d="M 1043.269 637.131 L 1048.531 637.131 C 1048.531 637.131 1047.2462 634.95094 1047.062 635.16516 C 1046.8778 635.3794 1046.6111 635.5654 1045.9037 635.5654 C 1045.1963 635.5654 1044.8471 635.3538 1044.6783 635.1658 C 1044.5095 634.9779 1043.269 637.131 1043.269 637.131 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Line_741">
+          <line x1="1034.469" y1="640.062" x2="1041.331" y2="640.062" stroke="black" stroke-linecap="butt" stroke-linejoin="round" stroke-width="2"/>
+        </g>
+      </g>
+      <g id="Group_1134">
+        <g id="Graphic_1160">
+          <path d="M 1397.9 499.1956 L 1419.7 499.1956 C 1420.8046 499.1956 1421.7 500.091 1421.7 501.1956 L 1421.7 518.5932 C 1421.7 519.69776 1420.8046 520.5932 1419.7 520.5932 L 1397.9 520.5932 C 1396.7955 520.5932 1395.9 519.69776 1395.9 518.5932 L 1395.9 501.1956 C 1395.9 500.091 1396.7955 499.1956 1397.9 499.1956 Z" fill="#ccc"/>
+          <path d="M 1397.9 499.1956 L 1419.7 499.1956 C 1420.8046 499.1956 1421.7 500.091 1421.7 501.1956 L 1421.7 518.5932 C 1421.7 519.69776 1420.8046 520.5932 1419.7 520.5932 L 1397.9 520.5932 C 1396.7955 520.5932 1395.9 519.69776 1395.9 518.5932 L 1395.9 501.1956 C 1395.9 500.091 1396.7955 499.1956 1397.9 499.1956 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/>
+        </g>
+        <g id="Graphic_1159">
+          <rect x="1397.369" y="501.4646" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1397.369" y="501.4646" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1156">
+          <g id="Graphic_1158">
+            <circle cx="1400.8" cy="503.85813" r="1.46255374857876" fill="black"/>
+            <circle cx="1400.8" cy="503.85813" r="1.46255374857876" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1157">
+            <path d="M 1398.169 507.3956 L 1403.431 507.3956 C 1403.431 507.3956 1402.1462 505.21554 1401.962 505.42976 C 1401.7778 505.644 1401.5111 505.83 1400.8037 505.83 C 1400.0963 505.83 1399.747 505.61836 1399.5783 505.4304 C 1399.4095 505.2425 1398.169 507.3956 1398.169 507.3956 Z" fill="black"/>
+            <path d="M 1398.169 507.3956 L 1403.431 507.3956 C 1403.431 507.3956 1402.1462 505.21554 1401.962 505.42976 C 1401.7778 505.644 1401.5111 505.83 1400.8037 505.83 C 1400.0963 505.83 1399.747 505.61836 1399.5783 505.4304 C 1399.4095 505.2425 1398.169 507.3956 1398.169 507.3956 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1155">
+          <rect x="1405.369" y="501.4646" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1405.369" y="501.4646" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1152">
+          <g id="Graphic_1154">
+            <circle cx="1408.8" cy="503.85813" r="1.46255374857879" fill="black"/>
+            <circle cx="1408.8" cy="503.85813" r="1.46255374857879" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1153">
+            <path d="M 1406.169 507.3956 L 1411.431 507.3956 C 1411.431 507.3956 1410.1462 505.21554 1409.962 505.42976 C 1409.7778 505.644 1409.5111 505.83 1408.8037 505.83 C 1408.0963 505.83 1407.747 505.61836 1407.5783 505.4304 C 1407.4095 505.2425 1406.169 507.3956 1406.169 507.3956 Z" fill="black"/>
+            <path d="M 1406.169 507.3956 L 1411.431 507.3956 C 1411.431 507.3956 1410.1462 505.21554 1409.962 505.42976 C 1409.7778 505.644 1409.5111 505.83 1408.8037 505.83 C 1408.0963 505.83 1407.747 505.61836 1407.5783 505.4304 C 1407.4095 505.2425 1406.169 507.3956 1406.169 507.3956 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1151">
+          <rect x="1413.369" y="501.4646" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1413.369" y="501.4646" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1148">
+          <g id="Graphic_1150">
+            <circle cx="1416.8" cy="503.85813" r="1.46255374857882" fill="black"/>
+            <circle cx="1416.8" cy="503.85813" r="1.46255374857882" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1149">
+            <path d="M 1414.169 507.3956 L 1419.431 507.3956 C 1419.431 507.3956 1418.1462 505.21554 1417.962 505.42976 C 1417.7778 505.644 1417.5111 505.83 1416.8037 505.83 C 1416.0963 505.83 1415.747 505.61836 1415.5783 505.4304 C 1415.4095 505.2425 1414.169 507.3956 1414.169 507.3956 Z" fill="black"/>
+            <path d="M 1414.169 507.3956 L 1419.431 507.3956 C 1419.431 507.3956 1418.1462 505.21554 1417.962 505.42976 C 1417.7778 505.644 1417.5111 505.83 1416.8037 505.83 C 1416.0963 505.83 1415.747 505.61836 1415.5783 505.4304 C 1415.4095 505.2425 1414.169 507.3956 1414.169 507.3956 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1147">
+          <rect x="1397.369" y="509.3956" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1397.369" y="509.3956" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1144">
+          <g id="Graphic_1146">
+            <circle cx="1400.8" cy="511.7891" r="1.46255374857878" fill="black"/>
+            <circle cx="1400.8" cy="511.7891" r="1.46255374857878" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1145">
+            <path d="M 1398.169 515.32656 L 1403.431 515.32656 C 1403.431 515.32656 1402.1462 513.1465 1401.962 513.36073 C 1401.7778 513.57495 1401.5111 513.76096 1400.8037 513.76096 C 1400.0963 513.76096 1399.747 513.54934 1399.5783 513.3614 C 1399.4095 513.1735 1398.169 515.32656 1398.169 515.32656 Z" fill="black"/>
+            <path d="M 1398.169 515.32656 L 1403.431 515.32656 C 1403.431 515.32656 1402.1462 513.1465 1401.962 513.36073 C 1401.7778 513.57495 1401.5111 513.76096 1400.8037 513.76096 C 1400.0963 513.76096 1399.747 513.54934 1399.5783 513.3614 C 1399.4095 513.1735 1398.169 515.32656 1398.169 515.32656 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1143">
+          <rect x="1405.369" y="509.3956" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1405.369" y="509.3956" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1140">
+          <g id="Graphic_1142">
+            <circle cx="1408.8" cy="511.7891" r="1.46255374857881" fill="black"/>
+            <circle cx="1408.8" cy="511.7891" r="1.46255374857881" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1141">
+            <path d="M 1406.169 515.32656 L 1411.431 515.32656 C 1411.431 515.32656 1410.1462 513.1465 1409.962 513.36073 C 1409.7778 513.57495 1409.5111 513.76096 1408.8037 513.76096 C 1408.0963 513.76096 1407.747 513.54934 1407.5783 513.3614 C 1407.4095 513.1735 1406.169 515.32656 1406.169 515.32656 Z" fill="black"/>
+            <path d="M 1406.169 515.32656 L 1411.431 515.32656 C 1411.431 515.32656 1410.1462 513.1465 1409.962 513.36073 C 1409.7778 513.57495 1409.5111 513.76096 1408.8037 513.76096 C 1408.0963 513.76096 1407.747 513.54934 1407.5783 513.3614 C 1407.4095 513.1735 1406.169 515.32656 1406.169 515.32656 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1139">
+          <rect x="1413.369" y="509.3956" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1413.369" y="509.3956" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1136">
+          <g id="Graphic_1138">
+            <circle cx="1416.8" cy="511.7891" r="1.46255374857884" fill="black"/>
+            <circle cx="1416.8" cy="511.7891" r="1.46255374857884" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1137">
+            <path d="M 1414.169 515.32656 L 1419.431 515.32656 C 1419.431 515.32656 1418.1462 513.1465 1417.962 513.36073 C 1417.7778 513.57495 1417.5111 513.76096 1416.8037 513.76096 C 1416.0963 513.76096 1415.747 513.54934 1415.5783 513.3614 C 1415.4095 513.1735 1414.169 515.32656 1414.169 515.32656 Z" fill="black"/>
+            <path d="M 1414.169 515.32656 L 1419.431 515.32656 C 1419.431 515.32656 1418.1462 513.1465 1417.962 513.36073 C 1417.7778 513.57495 1417.5111 513.76096 1416.8037 513.76096 C 1416.0963 513.76096 1415.747 513.54934 1415.5783 513.3614 C 1415.4095 513.1735 1414.169 515.32656 1414.169 515.32656 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Line_1135">
+          <line x1="1405.369" y1="518.25753" x2="1412.231" y2="518.25753" stroke="black" stroke-linecap="butt" stroke-linejoin="round" stroke-width="2"/>
+        </g>
+      </g>
+      <g id="Group_1107">
+        <g id="Graphic_1133">
+          <path d="M 1379.5 488.4608 L 1401.3 488.4608 C 1402.4046 488.4608 1403.3 489.3562 1403.3 490.4608 L 1403.3 507.8584 C 1403.3 508.96296 1402.4046 509.8584 1401.3 509.8584 L 1379.5 509.8584 C 1378.3955 509.8584 1377.5 508.96296 1377.5 507.8584 L 1377.5 490.4608 C 1377.5 489.3562 1378.3955 488.4608 1379.5 488.4608 Z" fill="#ccc"/>
+          <path d="M 1379.5 488.4608 L 1401.3 488.4608 C 1402.4046 488.4608 1403.3 489.3562 1403.3 490.4608 L 1403.3 507.8584 C 1403.3 508.96296 1402.4046 509.8584 1401.3 509.8584 L 1379.5 509.8584 C 1378.3955 509.8584 1377.5 508.96296 1377.5 507.8584 L 1377.5 490.4608 C 1377.5 489.3562 1378.3955 488.4608 1379.5 488.4608 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/>
+        </g>
+        <g id="Graphic_1132">
+          <rect x="1378.969" y="490.7298" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1378.969" y="490.7298" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1129">
+          <g id="Graphic_1131">
+            <circle cx="1382.4" cy="493.1233" r="1.46255374857884" fill="black"/>
+            <circle cx="1382.4" cy="493.1233" r="1.46255374857884" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1130">
+            <path d="M 1379.769 496.6608 L 1385.031 496.6608 C 1385.031 496.6608 1383.7462 494.48073 1383.562 494.69495 C 1383.3778 494.9092 1383.1111 495.0952 1382.4037 495.0952 C 1381.6963 495.0952 1381.347 494.88356 1381.1783 494.6956 C 1381.0095 494.5077 1379.769 496.6608 1379.769 496.6608 Z" fill="black"/>
+            <path d="M 1379.769 496.6608 L 1385.031 496.6608 C 1385.031 496.6608 1383.7462 494.48073 1383.562 494.69495 C 1383.3778 494.9092 1383.1111 495.0952 1382.4037 495.0952 C 1381.6963 495.0952 1381.347 494.88356 1381.1783 494.6956 C 1381.0095 494.5077 1379.769 496.6608 1379.769 496.6608 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1128">
+          <rect x="1386.969" y="490.7298" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1386.969" y="490.7298" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1125">
+          <g id="Graphic_1127">
+            <circle cx="1390.4" cy="493.1233" r="1.46255374857884" fill="black"/>
+            <circle cx="1390.4" cy="493.1233" r="1.46255374857884" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1126">
+            <path d="M 1387.769 496.6608 L 1393.031 496.6608 C 1393.031 496.6608 1391.7462 494.48073 1391.562 494.69495 C 1391.3778 494.9092 1391.1111 495.0952 1390.4037 495.0952 C 1389.6963 495.0952 1389.347 494.88356 1389.1783 494.6956 C 1389.0095 494.5077 1387.769 496.6608 1387.769 496.6608 Z" fill="black"/>
+            <path d="M 1387.769 496.6608 L 1393.031 496.6608 C 1393.031 496.6608 1391.7462 494.48073 1391.562 494.69495 C 1391.3778 494.9092 1391.1111 495.0952 1390.4037 495.0952 C 1389.6963 495.0952 1389.347 494.88356 1389.1783 494.6956 C 1389.0095 494.5077 1387.769 496.6608 1387.769 496.6608 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1124">
+          <rect x="1394.969" y="490.7298" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1394.969" y="490.7298" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1121">
+          <g id="Graphic_1123">
+            <circle cx="1398.4" cy="493.1233" r="1.46255374857881" fill="black"/>
+            <circle cx="1398.4" cy="493.1233" r="1.46255374857881" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1122">
+            <path d="M 1395.769 496.6608 L 1401.031 496.6608 C 1401.031 496.6608 1399.7462 494.48073 1399.562 494.69495 C 1399.3778 494.9092 1399.1111 495.0952 1398.4037 495.0952 C 1397.6963 495.0952 1397.347 494.88356 1397.1783 494.6956 C 1397.0095 494.5077 1395.769 496.6608 1395.769 496.6608 Z" fill="black"/>
+            <path d="M 1395.769 496.6608 L 1401.031 496.6608 C 1401.031 496.6608 1399.7462 494.48073 1399.562 494.69495 C 1399.3778 494.9092 1399.1111 495.0952 1398.4037 495.0952 C 1397.6963 495.0952 1397.347 494.88356 1397.1783 494.6956 C 1397.0095 494.5077 1395.769 496.6608 1395.769 496.6608 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1120">
+          <rect x="1378.969" y="498.6608" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1378.969" y="498.6608" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1117">
+          <g id="Graphic_1119">
+            <circle cx="1382.4" cy="501.0543" r="1.46255374857881" fill="black"/>
+            <circle cx="1382.4" cy="501.0543" r="1.46255374857881" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1118">
+            <path d="M 1379.769 504.59175 L 1385.031 504.59175 C 1385.031 504.59175 1383.7462 502.4117 1383.562 502.6259 C 1383.3778 502.84015 1383.1111 503.02616 1382.4037 503.02616 C 1381.6963 503.02616 1381.347 502.81453 1381.1783 502.6266 C 1381.0095 502.4387 1379.769 504.59175 1379.769 504.59175 Z" fill="black"/>
+            <path d="M 1379.769 504.59175 L 1385.031 504.59175 C 1385.031 504.59175 1383.7462 502.4117 1383.562 502.6259 C 1383.3778 502.84015 1383.1111 503.02616 1382.4037 503.02616 C 1381.6963 503.02616 1381.347 502.81453 1381.1783 502.6266 C 1381.0095 502.4387 1379.769 504.59175 1379.769 504.59175 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1116">
+          <rect x="1386.969" y="498.6608" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1386.969" y="498.6608" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1113">
+          <g id="Graphic_1115">
+            <circle cx="1390.4" cy="501.0543" r="1.46255374857881" fill="black"/>
+            <circle cx="1390.4" cy="501.0543" r="1.46255374857881" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1114">
+            <path d="M 1387.769 504.59175 L 1393.031 504.59175 C 1393.031 504.59175 1391.7462 502.4117 1391.562 502.6259 C 1391.3778 502.84015 1391.1111 503.02616 1390.4037 503.02616 C 1389.6963 503.02616 1389.347 502.81453 1389.1783 502.6266 C 1389.0095 502.4387 1387.769 504.59175 1387.769 504.59175 Z" fill="black"/>
+            <path d="M 1387.769 504.59175 L 1393.031 504.59175 C 1393.031 504.59175 1391.7462 502.4117 1391.562 502.6259 C 1391.3778 502.84015 1391.1111 503.02616 1390.4037 503.02616 C 1389.6963 503.02616 1389.347 502.81453 1389.1783 502.6266 C 1389.0095 502.4387 1387.769 504.59175 1387.769 504.59175 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1112">
+          <rect x="1394.969" y="498.6608" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1394.969" y="498.6608" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1109">
+          <g id="Graphic_1111">
+            <circle cx="1398.4" cy="501.0543" r="1.46255374857878" fill="black"/>
+            <circle cx="1398.4" cy="501.0543" r="1.46255374857878" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1110">
+            <path d="M 1395.769 504.59175 L 1401.031 504.59175 C 1401.031 504.59175 1399.7462 502.4117 1399.562 502.6259 C 1399.3778 502.84015 1399.1111 503.02616 1398.4037 503.02616 C 1397.6963 503.02616 1397.347 502.81453 1397.1783 502.6266 C 1397.0095 502.4387 1395.769 504.59175 1395.769 504.59175 Z" fill="black"/>
+            <path d="M 1395.769 504.59175 L 1401.031 504.59175 C 1401.031 504.59175 1399.7462 502.4117 1399.562 502.6259 C 1399.3778 502.84015 1399.1111 503.02616 1398.4037 503.02616 C 1397.6963 503.02616 1397.347 502.81453 1397.1783 502.6266 C 1397.0095 502.4387 1395.769 504.59175 1395.769 504.59175 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Line_1108">
+          <line x1="1386.969" y1="507.52273" x2="1393.831" y2="507.52273" stroke="black" stroke-linecap="butt" stroke-linejoin="round" stroke-width="2"/>
+        </g>
+      </g>
+      <g id="Group_1053">
+        <g id="Graphic_1079">
+          <path d="M 1363.7 477.1956 L 1385.5 477.1956 C 1386.6046 477.1956 1387.5 478.091 1387.5 479.1956 L 1387.5 496.5932 C 1387.5 497.69776 1386.6046 498.5932 1385.5 498.5932 L 1363.7 498.5932 C 1362.5955 498.5932 1361.7 497.69776 1361.7 496.5932 L 1361.7 479.1956 C 1361.7 478.091 1362.5955 477.1956 1363.7 477.1956 Z" fill="#ccc"/>
+          <path d="M 1363.7 477.1956 L 1385.5 477.1956 C 1386.6046 477.1956 1387.5 478.091 1387.5 479.1956 L 1387.5 496.5932 C 1387.5 497.69776 1386.6046 498.5932 1385.5 498.5932 L 1363.7 498.5932 C 1362.5955 498.5932 1361.7 497.69776 1361.7 496.5932 L 1361.7 479.1956 C 1361.7 478.091 1362.5955 477.1956 1363.7 477.1956 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/>
+        </g>
+        <g id="Graphic_1078">
+          <rect x="1363.169" y="479.4646" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1363.169" y="479.4646" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1075">
+          <g id="Graphic_1077">
+            <circle cx="1366.6" cy="481.85813" r="1.46255374857882" fill="black"/>
+            <circle cx="1366.6" cy="481.85813" r="1.46255374857882" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1076">
+            <path d="M 1363.969 485.3956 L 1369.231 485.3956 C 1369.231 485.3956 1367.9462 483.21554 1367.762 483.42976 C 1367.5778 483.644 1367.3111 483.83 1366.6037 483.83 C 1365.8963 483.83 1365.547 483.61836 1365.3783 483.4304 C 1365.2095 483.2425 1363.969 485.3956 1363.969 485.3956 Z" fill="black"/>
+            <path d="M 1363.969 485.3956 L 1369.231 485.3956 C 1369.231 485.3956 1367.9462 483.21554 1367.762 483.42976 C 1367.5778 483.644 1367.3111 483.83 1366.6037 483.83 C 1365.8963 483.83 1365.547 483.61836 1365.3783 483.4304 C 1365.2095 483.2425 1363.969 485.3956 1363.969 485.3956 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1074">
+          <rect x="1371.169" y="479.4646" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1371.169" y="479.4646" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1071">
+          <g id="Graphic_1073">
+            <circle cx="1374.6" cy="481.85813" r="1.46255374857885" fill="black"/>
+            <circle cx="1374.6" cy="481.85813" r="1.46255374857885" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1072">
+            <path d="M 1371.969 485.3956 L 1377.231 485.3956 C 1377.231 485.3956 1375.9462 483.21554 1375.762 483.42976 C 1375.5778 483.644 1375.3111 483.83 1374.6037 483.83 C 1373.8963 483.83 1373.547 483.61836 1373.3783 483.4304 C 1373.2095 483.2425 1371.969 485.3956 1371.969 485.3956 Z" fill="black"/>
+            <path d="M 1371.969 485.3956 L 1377.231 485.3956 C 1377.231 485.3956 1375.9462 483.21554 1375.762 483.42976 C 1375.5778 483.644 1375.3111 483.83 1374.6037 483.83 C 1373.8963 483.83 1373.547 483.61836 1373.3783 483.4304 C 1373.2095 483.2425 1371.969 485.3956 1371.969 485.3956 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1070">
+          <rect x="1379.169" y="479.4646" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1379.169" y="479.4646" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1067">
+          <g id="Graphic_1069">
+            <circle cx="1382.6" cy="481.85813" r="1.46255374857879" fill="black"/>
+            <circle cx="1382.6" cy="481.85813" r="1.46255374857879" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1068">
+            <path d="M 1379.969 485.3956 L 1385.231 485.3956 C 1385.231 485.3956 1383.9462 483.21554 1383.762 483.42976 C 1383.5778 483.644 1383.3111 483.83 1382.6037 483.83 C 1381.8963 483.83 1381.547 483.61836 1381.3783 483.4304 C 1381.2095 483.2425 1379.969 485.3956 1379.969 485.3956 Z" fill="black"/>
+            <path d="M 1379.969 485.3956 L 1385.231 485.3956 C 1385.231 485.3956 1383.9462 483.21554 1383.762 483.42976 C 1383.5778 483.644 1383.3111 483.83 1382.6037 483.83 C 1381.8963 483.83 1381.547 483.61836 1381.3783 483.4304 C 1381.2095 483.2425 1379.969 485.3956 1379.969 485.3956 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1066">
+          <rect x="1363.169" y="487.3956" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1363.169" y="487.3956" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1063">
+          <g id="Graphic_1065">
+            <circle cx="1366.6" cy="489.7891" r="1.46255374857878" fill="black"/>
+            <circle cx="1366.6" cy="489.7891" r="1.46255374857878" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1064">
+            <path d="M 1363.969 493.32656 L 1369.231 493.32656 C 1369.231 493.32656 1367.9462 491.1465 1367.762 491.36073 C 1367.5778 491.57495 1367.3111 491.76096 1366.6037 491.76096 C 1365.8963 491.76096 1365.547 491.54933 1365.3783 491.3614 C 1365.2095 491.1735 1363.969 493.32656 1363.969 493.32656 Z" fill="black"/>
+            <path d="M 1363.969 493.32656 L 1369.231 493.32656 C 1369.231 493.32656 1367.9462 491.1465 1367.762 491.36073 C 1367.5778 491.57495 1367.3111 491.76096 1366.6037 491.76096 C 1365.8963 491.76096 1365.547 491.54933 1365.3783 491.3614 C 1365.2095 491.1735 1363.969 493.32656 1363.969 493.32656 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1062">
+          <rect x="1371.169" y="487.3956" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1371.169" y="487.3956" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1059">
+          <g id="Graphic_1061">
+            <circle cx="1374.6" cy="489.7891" r="1.46255374857881" fill="black"/>
+            <circle cx="1374.6" cy="489.7891" r="1.46255374857881" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1060">
+            <path d="M 1371.969 493.32656 L 1377.231 493.32656 C 1377.231 493.32656 1375.9462 491.1465 1375.762 491.36073 C 1375.5778 491.57495 1375.3111 491.76096 1374.6037 491.76096 C 1373.8963 491.76096 1373.547 491.54933 1373.3783 491.3614 C 1373.2095 491.1735 1371.969 493.32656 1371.969 493.32656 Z" fill="black"/>
+            <path d="M 1371.969 493.32656 L 1377.231 493.32656 C 1377.231 493.32656 1375.9462 491.1465 1375.762 491.36073 C 1375.5778 491.57495 1375.3111 491.76096 1374.6037 491.76096 C 1373.8963 491.76096 1373.547 491.54933 1373.3783 491.3614 C 1373.2095 491.1735 1371.969 493.32656 1371.969 493.32656 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1058">
+          <rect x="1379.169" y="487.3956" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1379.169" y="487.3956" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1055">
+          <g id="Graphic_1057">
+            <circle cx="1382.6" cy="489.7891" r="1.46255374857875" fill="black"/>
+            <circle cx="1382.6" cy="489.7891" r="1.46255374857875" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1056">
+            <path d="M 1379.969 493.32656 L 1385.231 493.32656 C 1385.231 493.32656 1383.9462 491.1465 1383.762 491.36073 C 1383.5778 491.57495 1383.3111 491.76096 1382.6037 491.76096 C 1381.8963 491.76096 1381.547 491.54933 1381.3783 491.3614 C 1381.2095 491.1735 1379.969 493.32656 1379.969 493.32656 Z" fill="black"/>
+            <path d="M 1379.969 493.32656 L 1385.231 493.32656 C 1385.231 493.32656 1383.9462 491.1465 1383.762 491.36073 C 1383.5778 491.57495 1383.3111 491.76096 1382.6037 491.76096 C 1381.8963 491.76096 1381.547 491.54933 1381.3783 491.3614 C 1381.2095 491.1735 1379.969 493.32656 1379.969 493.32656 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Line_1054">
+          <line x1="1371.169" y1="496.25753" x2="1378.031" y2="496.25753" stroke="black" stroke-linecap="butt" stroke-linejoin="round" stroke-width="2"/>
+        </g>
+      </g>
+      <g id="Graphic_1032">
+        <path d="M 1095.4831 632.60615 C 1036.9281 619.4472 1060.2784 508.67045 1153.6866 527.5722 C 1162.3528 490.72665 1270.974 496.7071 1270.2638 527.5722 C 1338.3726 488.09535 1425.4116 566.8114 1367.0305 606.28825 C 1437.0849 625.42765 1366.1465 728.54815 1308.6531 711.3222 C 1304.052 740.03375 1201.271 750.0812 1192.2498 711.3222 C 1134.0499 752.71495 1012.6939 689.0713 1095.4831 632.60615 Z" fill="#ffffc0"/>
+        <path d="M 1095.4831 632.60615 C 1036.9281 619.4472 1060.2784 508.67045 1153.6866 527.5722 C 1162.3528 490.72665 1270.974 496.7071 1270.2638 527.5722 C 1338.3726 488.09535 1425.4116 566.8114 1367.0305 606.28825 C 1437.0849 625.42765 1366.1465 728.54815 1308.6531 711.3222 C 1304.052 740.03375 1201.271 750.0812 1192.2498 711.3222 C 1134.0499 752.71495 1012.6939 689.0713 1095.4831 632.60615 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+      </g>
+      <g id="Graphic_1031" filter="url(#Shadow)">
+        <path d="M 1195 563.5 L 1232.5 563.5 C 1234.7091 563.5 1236.5 565.29086 1236.5 567.5 L 1236.5 600.228 C 1236.5 602.4371 1234.7091 604.228 1232.5 604.228 L 1195 604.228 C 1192.7909 604.228 1191 602.4371 1191 600.228 L 1191 567.5 C 1191 565.29086 1192.7909 563.5 1195 563.5 Z" fill="white"/>
+        <path d="M 1195 563.5 L 1232.5 563.5 C 1234.7091 563.5 1236.5 565.29086 1236.5 567.5 L 1236.5 600.228 C 1236.5 602.4371 1234.7091 604.228 1232.5 604.228 L 1195 604.228 C 1192.7909 604.228 1191 602.4371 1191 600.228 L 1191 567.5 C 1191 565.29086 1192.7909 563.5 1195 563.5 Z" stroke="#666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+        <text transform="translate(1196 574.13194)" fill="black">
+          <tspan font-family="Helvetica Neue" font-weight="bold" font-size="16" fill="black" x="12.414" y="16">P</tspan>
+        </text>
+      </g>
+      <g id="Line_1029">
+        <line x1="1159.318" y1="591.9581" x2="1180.782" y2="589.23375" marker-end="url(#FilledArrow_Marker)" marker-start="url(#FilledArrow_Marker_2)" stroke="#b1001c" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
+      </g>
+      <g id="Line_1028">
+        <line x1="1177.9463" y1="640.22265" x2="1202.447" y2="612.00535" marker-end="url(#FilledArrow_Marker)" marker-start="url(#FilledArrow_Marker_2)" stroke="#b1001c" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
+      </g>
+      <g id="Line_1027">
+        <line x1="1246.742" y1="570.55384" x2="1278.558" y2="567.16236" marker-end="url(#FilledArrow_Marker)" marker-start="url(#FilledArrow_Marker_2)" stroke="#b1001c" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
+      </g>
+      <g id="Line_1026">
+        <line x1="1231.7696" y1="613.5552" x2="1243.5369" y2="638.6728" marker-end="url(#FilledArrow_Marker)" marker-start="url(#FilledArrow_Marker_2)" stroke="#b1001c" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
+      </g>
+      <g id="Group_999">
+        <g id="Graphic_1025">
+          <path d="M 1015 605.3304 L 1036.8 605.3304 C 1037.9046 605.3304 1038.8 606.2258 1038.8 607.3304 L 1038.8 624.728 C 1038.8 625.8326 1037.9046 626.728 1036.8 626.728 L 1015 626.728 C 1013.8954 626.728 1013 625.8326 1013 624.728 L 1013 607.3304 C 1013 606.2258 1013.8954 605.3304 1015 605.3304 Z" fill="#ccc"/>
+          <path d="M 1015 605.3304 L 1036.8 605.3304 C 1037.9046 605.3304 1038.8 606.2258 1038.8 607.3304 L 1038.8 624.728 C 1038.8 625.8326 1037.9046 626.728 1036.8 626.728 L 1015 626.728 C 1013.8954 626.728 1013 625.8326 1013 624.728 L 1013 607.3304 C 1013 606.2258 1013.8954 605.3304 1015 605.3304 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/>
+        </g>
+        <g id="Graphic_1024">
+          <rect x="1014.469" y="607.5994" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1014.469" y="607.5994" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1021">
+          <g id="Graphic_1023">
+            <circle cx="1017.9" cy="609.99294" r="1.46255374857875" fill="black"/>
+            <circle cx="1017.9" cy="609.99294" r="1.46255374857875" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1022">
+            <path d="M 1015.269 613.5304 L 1020.531 613.5304 C 1020.531 613.5304 1019.2462 611.35035 1019.062 611.5646 C 1018.8778 611.7788 1018.6111 611.9648 1017.9037 611.9648 C 1017.1963 611.9648 1016.8471 611.7532 1016.6783 611.56524 C 1016.5095 611.3773 1015.269 613.5304 1015.269 613.5304 Z" fill="black"/>
+            <path d="M 1015.269 613.5304 L 1020.531 613.5304 C 1020.531 613.5304 1019.2462 611.35035 1019.062 611.5646 C 1018.8778 611.7788 1018.6111 611.9648 1017.9037 611.9648 C 1017.1963 611.9648 1016.8471 611.7532 1016.6783 611.56524 C 1016.5095 611.3773 1015.269 613.5304 1015.269 613.5304 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1020">
+          <rect x="1022.469" y="607.5994" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1022.469" y="607.5994" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1017">
+          <g id="Graphic_1019">
+            <circle cx="1025.9" cy="609.99294" r="1.46255374857879" fill="black"/>
+            <circle cx="1025.9" cy="609.99294" r="1.46255374857879" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1018">
+            <path d="M 1023.269 613.5304 L 1028.531 613.5304 C 1028.531 613.5304 1027.2462 611.35035 1027.062 611.5646 C 1026.8778 611.7788 1026.6111 611.9648 1025.9037 611.9648 C 1025.1963 611.9648 1024.8471 611.7532 1024.6783 611.56524 C 1024.5095 611.3773 1023.269 613.5304 1023.269 613.5304 Z" fill="black"/>
+            <path d="M 1023.269 613.5304 L 1028.531 613.5304 C 1028.531 613.5304 1027.2462 611.35035 1027.062 611.5646 C 1026.8778 611.7788 1026.6111 611.9648 1025.9037 611.9648 C 1025.1963 611.9648 1024.8471 611.7532 1024.6783 611.56524 C 1024.5095 611.3773 1023.269 613.5304 1023.269 613.5304 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1016">
+          <rect x="1030.469" y="607.5994" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1030.469" y="607.5994" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1013">
+          <g id="Graphic_1015">
+            <circle cx="1033.9" cy="609.99294" r="1.46255374857878" fill="black"/>
+            <circle cx="1033.9" cy="609.99294" r="1.46255374857878" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1014">
+            <path d="M 1031.269 613.5304 L 1036.531 613.5304 C 1036.531 613.5304 1035.2462 611.35035 1035.062 611.5646 C 1034.8778 611.7788 1034.6111 611.9648 1033.9037 611.9648 C 1033.1963 611.9648 1032.8471 611.7532 1032.6783 611.56524 C 1032.5095 611.3773 1031.269 613.5304 1031.269 613.5304 Z" fill="black"/>
+            <path d="M 1031.269 613.5304 L 1036.531 613.5304 C 1036.531 613.5304 1035.2462 611.35035 1035.062 611.5646 C 1034.8778 611.7788 1034.6111 611.9648 1033.9037 611.9648 C 1033.1963 611.9648 1032.8471 611.7532 1032.6783 611.56524 C 1032.5095 611.3773 1031.269 613.5304 1031.269 613.5304 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1012">
+          <rect x="1014.469" y="615.5304" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1014.469" y="615.5304" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1009">
+          <g id="Graphic_1011">
+            <circle cx="1017.9" cy="617.9239" r="1.46255374857876" fill="black"/>
+            <circle cx="1017.9" cy="617.9239" r="1.46255374857876" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1010">
+            <path d="M 1015.269 621.4614 L 1020.531 621.4614 C 1020.531 621.4614 1019.2462 619.2813 1019.062 619.49554 C 1018.8778 619.70976 1018.6111 619.8958 1017.9037 619.8958 C 1017.1963 619.8958 1016.8471 619.68415 1016.6783 619.4962 C 1016.5095 619.3083 1015.269 621.4614 1015.269 621.4614 Z" fill="black"/>
+            <path d="M 1015.269 621.4614 L 1020.531 621.4614 C 1020.531 621.4614 1019.2462 619.2813 1019.062 619.49554 C 1018.8778 619.70976 1018.6111 619.8958 1017.9037 619.8958 C 1017.1963 619.8958 1016.8471 619.68415 1016.6783 619.4962 C 1016.5095 619.3083 1015.269 621.4614 1015.269 621.4614 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1008">
+          <rect x="1022.469" y="615.5304" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1022.469" y="615.5304" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1005">
+          <g id="Graphic_1007">
+            <circle cx="1025.9" cy="617.9239" r="1.46255374857881" fill="black"/>
+            <circle cx="1025.9" cy="617.9239" r="1.46255374857881" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1006">
+            <path d="M 1023.269 621.4614 L 1028.531 621.4614 C 1028.531 621.4614 1027.2462 619.2813 1027.062 619.49554 C 1026.8778 619.70976 1026.6111 619.8958 1025.9037 619.8958 C 1025.1963 619.8958 1024.8471 619.68415 1024.6783 619.4962 C 1024.5095 619.3083 1023.269 621.4614 1023.269 621.4614 Z" fill="black"/>
+            <path d="M 1023.269 621.4614 L 1028.531 621.4614 C 1028.531 621.4614 1027.2462 619.2813 1027.062 619.49554 C 1026.8778 619.70976 1026.6111 619.8958 1025.9037 619.8958 C 1025.1963 619.8958 1024.8471 619.68415 1024.6783 619.4962 C 1024.5095 619.3083 1023.269 621.4614 1023.269 621.4614 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1004">
+          <rect x="1030.469" y="615.5304" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1030.469" y="615.5304" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1001">
+          <g id="Graphic_1003">
+            <circle cx="1033.9" cy="617.9239" r="1.46255374857879" fill="black"/>
+            <circle cx="1033.9" cy="617.9239" r="1.46255374857879" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1002">
+            <path d="M 1031.269 621.4614 L 1036.531 621.4614 C 1036.531 621.4614 1035.2462 619.2813 1035.062 619.49554 C 1034.8778 619.70976 1034.6111 619.8958 1033.9037 619.8958 C 1033.1963 619.8958 1032.8471 619.68415 1032.6783 619.4962 C 1032.5095 619.3083 1031.269 621.4614 1031.269 621.4614 Z" fill="black"/>
+            <path d="M 1031.269 621.4614 L 1036.531 621.4614 C 1036.531 621.4614 1035.2462 619.2813 1035.062 619.49554 C 1034.8778 619.70976 1034.6111 619.8958 1033.9037 619.8958 C 1033.1963 619.8958 1032.8471 619.68415 1032.6783 619.4962 C 1032.5095 619.3083 1031.269 621.4614 1031.269 621.4614 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Line_1000">
+          <line x1="1022.469" y1="624.39234" x2="1029.331" y2="624.39234" stroke="black" stroke-linecap="butt" stroke-linejoin="round" stroke-width="2"/>
+        </g>
+      </g>
+      <g id="Line_998">
+        <line x1="1102.6" y1="603.564" x2="1043.5379" y2="613.1627" marker-end="url(#SharpArrow_Marker)" stroke="#b34400" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      </g>
+      <g id="Group_971">
+        <g id="Graphic_997">
+          <path d="M 1084.6 728.6 L 1106.4 728.6 C 1107.5046 728.6 1108.4 729.4954 1108.4 730.6 L 1108.4 747.9976 C 1108.4 749.1022 1107.5046 749.9976 1106.4 749.9976 L 1084.6 749.9976 C 1083.4954 749.9976 1082.6 749.1022 1082.6 747.9976 L 1082.6 730.6 C 1082.6 729.4954 1083.4954 728.6 1084.6 728.6 Z" fill="#ccc"/>
+          <path d="M 1084.6 728.6 L 1106.4 728.6 C 1107.5046 728.6 1108.4 729.4954 1108.4 730.6 L 1108.4 747.9976 C 1108.4 749.1022 1107.5046 749.9976 1106.4 749.9976 L 1084.6 749.9976 C 1083.4954 749.9976 1082.6 749.1022 1082.6 747.9976 L 1082.6 730.6 C 1082.6 729.4954 1083.4954 728.6 1084.6 728.6 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/>
+        </g>
+        <g id="Graphic_996">
+          <rect x="1084.069" y="730.869" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1084.069" y="730.869" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_993">
+          <g id="Graphic_995">
+            <circle cx="1087.5" cy="733.2626" r="1.46255374857881" fill="black"/>
+            <circle cx="1087.5" cy="733.2626" r="1.46255374857881" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_994">
+            <path d="M 1084.869 736.8 L 1090.131 736.8 C 1090.131 736.8 1088.8462 734.62 1088.662 734.8342 C 1088.4778 735.0484 1088.2111 735.2344 1087.5037 735.2344 C 1086.7963 735.2344 1086.4471 735.0228 1086.2783 734.8349 C 1086.1095 734.6469 1084.869 736.8 1084.869 736.8 Z" fill="black"/>
+            <path d="M 1084.869 736.8 L 1090.131 736.8 C 1090.131 736.8 1088.8462 734.62 1088.662 734.8342 C 1088.4778 735.0484 1088.2111 735.2344 1087.5037 735.2344 C 1086.7963 735.2344 1086.4471 735.0228 1086.2783 734.8349 C 1086.1095 734.6469 1084.869 736.8 1084.869 736.8 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_992">
+          <rect x="1092.069" y="730.869" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1092.069" y="730.869" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_989">
+          <g id="Graphic_991">
+            <circle cx="1095.5" cy="733.2626" r="1.46255374857878" fill="black"/>
+            <circle cx="1095.5" cy="733.2626" r="1.46255374857878" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_990">
+            <path d="M 1092.869 736.8 L 1098.131 736.8 C 1098.131 736.8 1096.8462 734.62 1096.662 734.8342 C 1096.4778 735.0484 1096.2111 735.2344 1095.5037 735.2344 C 1094.7963 735.2344 1094.4471 735.0228 1094.2783 734.8349 C 1094.1095 734.6469 1092.869 736.8 1092.869 736.8 Z" fill="black"/>
+            <path d="M 1092.869 736.8 L 1098.131 736.8 C 1098.131 736.8 1096.8462 734.62 1096.662 734.8342 C 1096.4778 735.0484 1096.2111 735.2344 1095.5037 735.2344 C 1094.7963 735.2344 1094.4471 735.0228 1094.2783 734.8349 C 1094.1095 734.6469 1092.869 736.8 1092.869 736.8 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_988">
+          <rect x="1100.069" y="730.869" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1100.069" y="730.869" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_985">
+          <g id="Graphic_987">
+            <circle cx="1103.5" cy="733.2626" r="1.46255374857881" fill="black"/>
+            <circle cx="1103.5" cy="733.2626" r="1.46255374857881" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_986">
+            <path d="M 1100.869 736.8 L 1106.131 736.8 C 1106.131 736.8 1104.8462 734.62 1104.662 734.8342 C 1104.4778 735.0484 1104.2111 735.2344 1103.5037 735.2344 C 1102.7963 735.2344 1102.4471 735.0228 1102.2783 734.8349 C 1102.1095 734.6469 1100.869 736.8 1100.869 736.8 Z" fill="black"/>
+            <path d="M 1100.869 736.8 L 1106.131 736.8 C 1106.131 736.8 1104.8462 734.62 1104.662 734.8342 C 1104.4778 735.0484 1104.2111 735.2344 1103.5037 735.2344 C 1102.7963 735.2344 1102.4471 735.0228 1102.2783 734.8349 C 1102.1095 734.6469 1100.869 736.8 1100.869 736.8 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_984">
+          <rect x="1084.069" y="738.8" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1084.069" y="738.8" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_981">
+          <g id="Graphic_983">
+            <circle cx="1087.5" cy="741.1935" r="1.46255374857875" fill="black"/>
+            <circle cx="1087.5" cy="741.1935" r="1.46255374857875" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_982">
+            <path d="M 1084.869 744.731 L 1090.131 744.731 C 1090.131 744.731 1088.8462 742.5509 1088.662 742.7652 C 1088.4778 742.9794 1088.2111 743.1654 1087.5037 743.1654 C 1086.7963 743.1654 1086.4471 742.9538 1086.2783 742.7658 C 1086.1095 742.5779 1084.869 744.731 1084.869 744.731 Z" fill="black"/>
+            <path d="M 1084.869 744.731 L 1090.131 744.731 C 1090.131 744.731 1088.8462 742.5509 1088.662 742.7652 C 1088.4778 742.9794 1088.2111 743.1654 1087.5037 743.1654 C 1086.7963 743.1654 1086.4471 742.9538 1086.2783 742.7658 C 1086.1095 742.5779 1084.869 744.731 1084.869 744.731 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_980">
+          <rect x="1092.069" y="738.8" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1092.069" y="738.8" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_977">
+          <g id="Graphic_979">
+            <circle cx="1095.5" cy="741.1935" r="1.46255374857872" fill="black"/>
+            <circle cx="1095.5" cy="741.1935" r="1.46255374857872" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_978">
+            <path d="M 1092.869 744.731 L 1098.131 744.731 C 1098.131 744.731 1096.8462 742.5509 1096.662 742.7652 C 1096.4778 742.9794 1096.2111 743.1654 1095.5037 743.1654 C 1094.7963 743.1654 1094.4471 742.9538 1094.2783 742.7658 C 1094.1095 742.5779 1092.869 744.731 1092.869 744.731 Z" fill="black"/>
+            <path d="M 1092.869 744.731 L 1098.131 744.731 C 1098.131 744.731 1096.8462 742.5509 1096.662 742.7652 C 1096.4778 742.9794 1096.2111 743.1654 1095.5037 743.1654 C 1094.7963 743.1654 1094.4471 742.9538 1094.2783 742.7658 C 1094.1095 742.5779 1092.869 744.731 1092.869 744.731 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_976">
+          <rect x="1100.069" y="738.8" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1100.069" y="738.8" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_973">
+          <g id="Graphic_975">
+            <circle cx="1103.5" cy="741.1935" r="1.46255374857875" fill="black"/>
+            <circle cx="1103.5" cy="741.1935" r="1.46255374857875" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_974">
+            <path d="M 1100.869 744.731 L 1106.131 744.731 C 1106.131 744.731 1104.8462 742.5509 1104.662 742.7652 C 1104.4778 742.9794 1104.2111 743.1654 1103.5037 743.1654 C 1102.7963 743.1654 1102.4471 742.9538 1102.2783 742.7658 C 1102.1095 742.5779 1100.869 744.731 1100.869 744.731 Z" fill="black"/>
+            <path d="M 1100.869 744.731 L 1106.131 744.731 C 1106.131 744.731 1104.8462 742.5509 1104.662 742.7652 C 1104.4778 742.9794 1104.2111 743.1654 1103.5037 743.1654 C 1102.7963 743.1654 1102.4471 742.9538 1102.2783 742.7658 C 1102.1095 742.5779 1100.869 744.731 1100.869 744.731 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Line_972">
+          <line x1="1092.069" y1="747.662" x2="1098.931" y2="747.662" stroke="black" stroke-linecap="butt" stroke-linejoin="round" stroke-width="2"/>
+        </g>
+      </g>
+      <g id="Group_890">
+        <g id="Graphic_916">
+          <path d="M 1263.7 748.4 L 1285.5 748.4 C 1286.6046 748.4 1287.5 749.2954 1287.5 750.4 L 1287.5 767.7976 C 1287.5 768.9022 1286.6046 769.7976 1285.5 769.7976 L 1263.7 769.7976 C 1262.5954 769.7976 1261.7 768.9022 1261.7 767.7976 L 1261.7 750.4 C 1261.7 749.2954 1262.5954 748.4 1263.7 748.4 Z" fill="#ccc"/>
+          <path d="M 1263.7 748.4 L 1285.5 748.4 C 1286.6046 748.4 1287.5 749.2954 1287.5 750.4 L 1287.5 767.7976 C 1287.5 768.9022 1286.6046 769.7976 1285.5 769.7976 L 1263.7 769.7976 C 1262.5954 769.7976 1261.7 768.9022 1261.7 767.7976 L 1261.7 750.4 C 1261.7 749.2954 1262.5954 748.4 1263.7 748.4 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/>
+        </g>
+        <g id="Graphic_915">
+          <rect x="1263.169" y="750.669" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1263.169" y="750.669" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_912">
+          <g id="Graphic_914">
+            <circle cx="1266.6" cy="753.0626" r="1.46255374857881" fill="black"/>
+            <circle cx="1266.6" cy="753.0626" r="1.46255374857881" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_913">
+            <path d="M 1263.969 756.6 L 1269.231 756.6 C 1269.231 756.6 1267.9462 754.42 1267.762 754.6342 C 1267.5778 754.8484 1267.311 755.0344 1266.6037 755.0344 C 1265.8963 755.0344 1265.547 754.8228 1265.3782 754.6349 C 1265.2094 754.4469 1263.969 756.6 1263.969 756.6 Z" fill="black"/>
+            <path d="M 1263.969 756.6 L 1269.231 756.6 C 1269.231 756.6 1267.9462 754.42 1267.762 754.6342 C 1267.5778 754.8484 1267.311 755.0344 1266.6037 755.0344 C 1265.8963 755.0344 1265.547 754.8228 1265.3782 754.6349 C 1265.2094 754.4469 1263.969 756.6 1263.969 756.6 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_911">
+          <rect x="1271.169" y="750.669" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1271.169" y="750.669" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_908">
+          <g id="Graphic_910">
+            <circle cx="1274.6" cy="753.0626" r="1.46255374857878" fill="black"/>
+            <circle cx="1274.6" cy="753.0626" r="1.46255374857878" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_909">
+            <path d="M 1271.969 756.6 L 1277.231 756.6 C 1277.231 756.6 1275.9462 754.42 1275.762 754.6342 C 1275.5778 754.8484 1275.311 755.0344 1274.6037 755.0344 C 1273.8963 755.0344 1273.547 754.8228 1273.3782 754.6349 C 1273.2094 754.4469 1271.969 756.6 1271.969 756.6 Z" fill="black"/>
+            <path d="M 1271.969 756.6 L 1277.231 756.6 C 1277.231 756.6 1275.9462 754.42 1275.762 754.6342 C 1275.5778 754.8484 1275.311 755.0344 1274.6037 755.0344 C 1273.8963 755.0344 1273.547 754.8228 1273.3782 754.6349 C 1273.2094 754.4469 1271.969 756.6 1271.969 756.6 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_907">
+          <rect x="1279.169" y="750.669" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1279.169" y="750.669" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_904">
+          <g id="Graphic_906">
+            <circle cx="1282.6" cy="753.0626" r="1.46255374857875" fill="black"/>
+            <circle cx="1282.6" cy="753.0626" r="1.46255374857875" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_905">
+            <path d="M 1279.969 756.6 L 1285.231 756.6 C 1285.231 756.6 1283.9462 754.42 1283.762 754.6342 C 1283.5778 754.8484 1283.311 755.0344 1282.6037 755.0344 C 1281.8963 755.0344 1281.547 754.8228 1281.3782 754.6349 C 1281.2094 754.4469 1279.969 756.6 1279.969 756.6 Z" fill="black"/>
+            <path d="M 1279.969 756.6 L 1285.231 756.6 C 1285.231 756.6 1283.9462 754.42 1283.762 754.6342 C 1283.5778 754.8484 1283.311 755.0344 1282.6037 755.0344 C 1281.8963 755.0344 1281.547 754.8228 1281.3782 754.6349 C 1281.2094 754.4469 1279.969 756.6 1279.969 756.6 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_903">
+          <rect x="1263.169" y="758.6" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1263.169" y="758.6" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_900">
+          <g id="Graphic_902">
+            <circle cx="1266.6" cy="760.9935" r="1.46255374857881" fill="black"/>
+            <circle cx="1266.6" cy="760.9935" r="1.46255374857881" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_901">
+            <path d="M 1263.969 764.531 L 1269.231 764.531 C 1269.231 764.531 1267.9462 762.3509 1267.762 762.5652 C 1267.5778 762.7794 1267.311 762.9654 1266.6037 762.9654 C 1265.8963 762.9654 1265.547 762.7538 1265.3782 762.5658 C 1265.2094 762.3779 1263.969 764.531 1263.969 764.531 Z" fill="black"/>
+            <path d="M 1263.969 764.531 L 1269.231 764.531 C 1269.231 764.531 1267.9462 762.3509 1267.762 762.5652 C 1267.5778 762.7794 1267.311 762.9654 1266.6037 762.9654 C 1265.8963 762.9654 1265.547 762.7538 1265.3782 762.5658 C 1265.2094 762.3779 1263.969 764.531 1263.969 764.531 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_899">
+          <rect x="1271.169" y="758.6" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1271.169" y="758.6" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_896">
+          <g id="Graphic_898">
+            <circle cx="1274.6" cy="760.9935" r="1.46255374857878" fill="black"/>
+            <circle cx="1274.6" cy="760.9935" r="1.46255374857878" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_897">
+            <path d="M 1271.969 764.531 L 1277.231 764.531 C 1277.231 764.531 1275.9462 762.3509 1275.762 762.5652 C 1275.5778 762.7794 1275.311 762.9654 1274.6037 762.9654 C 1273.8963 762.9654 1273.547 762.7538 1273.3782 762.5658 C 1273.2094 762.3779 1271.969 764.531 1271.969 764.531 Z" fill="black"/>
+            <path d="M 1271.969 764.531 L 1277.231 764.531 C 1277.231 764.531 1275.9462 762.3509 1275.762 762.5652 C 1275.5778 762.7794 1275.311 762.9654 1274.6037 762.9654 C 1273.8963 762.9654 1273.547 762.7538 1273.3782 762.5658 C 1273.2094 762.3779 1271.969 764.531 1271.969 764.531 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_895">
+          <rect x="1279.169" y="758.6" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1279.169" y="758.6" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_892">
+          <g id="Graphic_894">
+            <circle cx="1282.6" cy="760.9935" r="1.46255374857875" fill="black"/>
+            <circle cx="1282.6" cy="760.9935" r="1.46255374857875" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_893">
+            <path d="M 1279.969 764.531 L 1285.231 764.531 C 1285.231 764.531 1283.9462 762.3509 1283.762 762.5652 C 1283.5778 762.7794 1283.311 762.9654 1282.6037 762.9654 C 1281.8963 762.9654 1281.547 762.7538 1281.3782 762.5658 C 1281.2094 762.3779 1279.969 764.531 1279.969 764.531 Z" fill="black"/>
+            <path d="M 1279.969 764.531 L 1285.231 764.531 C 1285.231 764.531 1283.9462 762.3509 1283.762 762.5652 C 1283.5778 762.7794 1283.311 762.9654 1282.6037 762.9654 C 1281.8963 762.9654 1281.547 762.7538 1281.3782 762.5658 C 1281.2094 762.3779 1279.969 764.531 1279.969 764.531 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Line_891">
+          <line x1="1271.169" y1="767.462" x2="1278.031" y2="767.462" stroke="black" stroke-linecap="butt" stroke-linejoin="round" stroke-width="2"/>
+        </g>
+      </g>
+      <g id="Group_863">
+        <g id="Graphic_889">
+          <path d="M 1417.6 596.6 L 1439.4 596.6 C 1440.5046 596.6 1441.4 597.49544 1441.4 598.6 L 1441.4 615.9976 C 1441.4 617.1022 1440.5046 617.9976 1439.4 617.9976 L 1417.6 617.9976 C 1416.4955 617.9976 1415.6 617.1022 1415.6 615.9976 L 1415.6 598.6 C 1415.6 597.49544 1416.4955 596.6 1417.6 596.6 Z" fill="#ccc"/>
+          <path d="M 1417.6 596.6 L 1439.4 596.6 C 1440.5046 596.6 1441.4 597.49544 1441.4 598.6 L 1441.4 615.9976 C 1441.4 617.1022 1440.5046 617.9976 1439.4 617.9976 L 1417.6 617.9976 C 1416.4955 617.9976 1415.6 617.1022 1415.6 615.9976 L 1415.6 598.6 C 1415.6 597.49544 1416.4955 596.6 1417.6 596.6 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/>
+        </g>
+        <g id="Graphic_888">
+          <rect x="1417.069" y="598.869" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1417.069" y="598.869" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_885">
+          <g id="Graphic_887">
+            <circle cx="1420.5" cy="601.26256" r="1.46255374857867" fill="black"/>
+            <circle cx="1420.5" cy="601.26256" r="1.46255374857867" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_886">
+            <path d="M 1417.869 604.8 L 1423.131 604.8 C 1423.131 604.8 1421.8462 602.62 1421.662 602.8342 C 1421.4778 603.0484 1421.2111 603.2344 1420.5037 603.2344 C 1419.7963 603.2344 1419.447 603.0228 1419.2783 602.83486 C 1419.1095 602.6469 1417.869 604.8 1417.869 604.8 Z" fill="black"/>
+            <path d="M 1417.869 604.8 L 1423.131 604.8 C 1423.131 604.8 1421.8462 602.62 1421.662 602.8342 C 1421.4778 603.0484 1421.2111 603.2344 1420.5037 603.2344 C 1419.7963 603.2344 1419.447 603.0228 1419.2783 602.83486 C 1419.1095 602.6469 1417.869 604.8 1417.869 604.8 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_884">
+          <rect x="1425.069" y="598.869" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1425.069" y="598.869" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_881">
+          <g id="Graphic_883">
+            <circle cx="1428.5" cy="601.26256" r="1.46255374857882" fill="black"/>
+            <circle cx="1428.5" cy="601.26256" r="1.46255374857882" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_882">
+            <path d="M 1425.869 604.8 L 1431.131 604.8 C 1431.131 604.8 1429.8462 602.62 1429.662 602.8342 C 1429.4778 603.0484 1429.2111 603.2344 1428.5037 603.2344 C 1427.7963 603.2344 1427.447 603.0228 1427.2783 602.83486 C 1427.1095 602.6469 1425.869 604.8 1425.869 604.8 Z" fill="black"/>
+            <path d="M 1425.869 604.8 L 1431.131 604.8 C 1431.131 604.8 1429.8462 602.62 1429.662 602.8342 C 1429.4778 603.0484 1429.2111 603.2344 1428.5037 603.2344 C 1427.7963 603.2344 1427.447 603.0228 1427.2783 602.83486 C 1427.1095 602.6469 1425.869 604.8 1425.869 604.8 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_880">
+          <rect x="1433.069" y="598.869" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1433.069" y="598.869" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_877">
+          <g id="Graphic_879">
+            <circle cx="1436.5" cy="601.26256" r="1.46255374857882" fill="black"/>
+            <circle cx="1436.5" cy="601.26256" r="1.46255374857882" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_878">
+            <path d="M 1433.869 604.8 L 1439.131 604.8 C 1439.131 604.8 1437.8462 602.62 1437.662 602.8342 C 1437.4778 603.0484 1437.2111 603.2344 1436.5037 603.2344 C 1435.7963 603.2344 1435.447 603.0228 1435.2783 602.83486 C 1435.1095 602.6469 1433.869 604.8 1433.869 604.8 Z" fill="black"/>
+            <path d="M 1433.869 604.8 L 1439.131 604.8 C 1439.131 604.8 1437.8462 602.62 1437.662 602.8342 C 1437.4778 603.0484 1437.2111 603.2344 1436.5037 603.2344 C 1435.7963 603.2344 1435.447 603.0228 1435.2783 602.83486 C 1435.1095 602.6469 1433.869 604.8 1433.869 604.8 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_876">
+          <rect x="1417.069" y="606.8" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1417.069" y="606.8" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_873">
+          <g id="Graphic_875">
+            <circle cx="1420.5" cy="609.19354" r="1.46255374857867" fill="black"/>
+            <circle cx="1420.5" cy="609.19354" r="1.46255374857867" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_874">
+            <path d="M 1417.869 612.731 L 1423.131 612.731 C 1423.131 612.731 1421.8462 610.55094 1421.662 610.76516 C 1421.4778 610.9794 1421.2111 611.1654 1420.5037 611.1654 C 1419.7963 611.1654 1419.447 610.95376 1419.2783 610.7658 C 1419.1095 610.5779 1417.869 612.731 1417.869 612.731 Z" fill="black"/>
+            <path d="M 1417.869 612.731 L 1423.131 612.731 C 1423.131 612.731 1421.8462 610.55094 1421.662 610.76516 C 1421.4778 610.9794 1421.2111 611.1654 1420.5037 611.1654 C 1419.7963 611.1654 1419.447 610.95376 1419.2783 610.7658 C 1419.1095 610.5779 1417.869 612.731 1417.869 612.731 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_872">
+          <rect x="1425.069" y="606.8" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1425.069" y="606.8" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_869">
+          <g id="Graphic_871">
+            <circle cx="1428.5" cy="609.19354" r="1.46255374857882" fill="black"/>
+            <circle cx="1428.5" cy="609.19354" r="1.46255374857882" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_870">
+            <path d="M 1425.869 612.731 L 1431.131 612.731 C 1431.131 612.731 1429.8462 610.55094 1429.662 610.76516 C 1429.4778 610.9794 1429.2111 611.1654 1428.5037 611.1654 C 1427.7963 611.1654 1427.447 610.95376 1427.2783 610.7658 C 1427.1095 610.5779 1425.869 612.731 1425.869 612.731 Z" fill="black"/>
+            <path d="M 1425.869 612.731 L 1431.131 612.731 C 1431.131 612.731 1429.8462 610.55094 1429.662 610.76516 C 1429.4778 610.9794 1429.2111 611.1654 1428.5037 611.1654 C 1427.7963 611.1654 1427.447 610.95376 1427.2783 610.7658 C 1427.1095 610.5779 1425.869 612.731 1425.869 612.731 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_868">
+          <rect x="1433.069" y="606.8" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1433.069" y="606.8" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_865">
+          <g id="Graphic_867">
+            <circle cx="1436.5" cy="609.19354" r="1.46255374857882" fill="black"/>
+            <circle cx="1436.5" cy="609.19354" r="1.46255374857882" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_866">
+            <path d="M 1433.869 612.731 L 1439.131 612.731 C 1439.131 612.731 1437.8462 610.55094 1437.662 610.76516 C 1437.4778 610.9794 1437.2111 611.1654 1436.5037 611.1654 C 1435.7963 611.1654 1435.447 610.95376 1435.2783 610.7658 C 1435.1095 610.5779 1433.869 612.731 1433.869 612.731 Z" fill="black"/>
+            <path d="M 1433.869 612.731 L 1439.131 612.731 C 1439.131 612.731 1437.8462 610.55094 1437.662 610.76516 C 1437.4778 610.9794 1437.2111 611.1654 1436.5037 611.1654 C 1435.7963 611.1654 1435.447 610.95376 1435.2783 610.7658 C 1435.1095 610.5779 1433.869 612.731 1433.869 612.731 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Line_864">
+          <line x1="1425.069" y1="615.66196" x2="1431.931" y2="615.66196" stroke="black" stroke-linecap="butt" stroke-linejoin="round" stroke-width="2"/>
+        </g>
+      </g>
+      <g id="Group_809">
+        <g id="Graphic_835">
+          <path d="M 1345.7 465.0968 L 1367.5 465.0968 C 1368.6046 465.0968 1369.5 465.9922 1369.5 467.0968 L 1369.5 484.4944 C 1369.5 485.59896 1368.6046 486.4944 1367.5 486.4944 L 1345.7 486.4944 C 1344.5955 486.4944 1343.7 485.59896 1343.7 484.4944 L 1343.7 467.0968 C 1343.7 465.9922 1344.5955 465.0968 1345.7 465.0968 Z" fill="#ccc"/>
+          <path d="M 1345.7 465.0968 L 1367.5 465.0968 C 1368.6046 465.0968 1369.5 465.9922 1369.5 467.0968 L 1369.5 484.4944 C 1369.5 485.59896 1368.6046 486.4944 1367.5 486.4944 L 1345.7 486.4944 C 1344.5955 486.4944 1343.7 485.59896 1343.7 484.4944 L 1343.7 467.0968 C 1343.7 465.9922 1344.5955 465.0968 1345.7 465.0968 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/>
+        </g>
+        <g id="Graphic_834">
+          <rect x="1345.169" y="467.3658" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1345.169" y="467.3658" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_831">
+          <g id="Graphic_833">
+            <circle cx="1348.6" cy="469.7593" r="1.46255374857882" fill="black"/>
+            <circle cx="1348.6" cy="469.7593" r="1.46255374857882" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_832">
+            <path d="M 1345.969 473.2968 L 1351.231 473.2968 C 1351.231 473.2968 1349.9462 471.11673 1349.762 471.33095 C 1349.5778 471.54517 1349.3111 471.7312 1348.6037 471.7312 C 1347.8963 471.7312 1347.547 471.51955 1347.3783 471.3316 C 1347.2095 471.1437 1345.969 473.2968 1345.969 473.2968 Z" fill="black"/>
+            <path d="M 1345.969 473.2968 L 1351.231 473.2968 C 1351.231 473.2968 1349.9462 471.11673 1349.762 471.33095 C 1349.5778 471.54517 1349.3111 471.7312 1348.6037 471.7312 C 1347.8963 471.7312 1347.547 471.51955 1347.3783 471.3316 C 1347.2095 471.1437 1345.969 473.2968 1345.969 473.2968 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_830">
+          <rect x="1353.169" y="467.3658" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1353.169" y="467.3658" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_827">
+          <g id="Graphic_829">
+            <circle cx="1356.6" cy="469.7593" r="1.46255374857882" fill="black"/>
+            <circle cx="1356.6" cy="469.7593" r="1.46255374857882" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_828">
+            <path d="M 1353.969 473.2968 L 1359.231 473.2968 C 1359.231 473.2968 1357.9462 471.11673 1357.762 471.33095 C 1357.5778 471.54517 1357.3111 471.7312 1356.6037 471.7312 C 1355.8963 471.7312 1355.547 471.51955 1355.3783 471.3316 C 1355.2095 471.1437 1353.969 473.2968 1353.969 473.2968 Z" fill="black"/>
+            <path d="M 1353.969 473.2968 L 1359.231 473.2968 C 1359.231 473.2968 1357.9462 471.11673 1357.762 471.33095 C 1357.5778 471.54517 1357.3111 471.7312 1356.6037 471.7312 C 1355.8963 471.7312 1355.547 471.51955 1355.3783 471.3316 C 1355.2095 471.1437 1353.969 473.2968 1353.969 473.2968 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_826">
+          <rect x="1361.169" y="467.3658" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1361.169" y="467.3658" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_823">
+          <g id="Graphic_825">
+            <circle cx="1364.6" cy="469.7593" r="1.46255374857876" fill="black"/>
+            <circle cx="1364.6" cy="469.7593" r="1.46255374857876" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_824">
+            <path d="M 1361.969 473.2968 L 1367.231 473.2968 C 1367.231 473.2968 1365.9462 471.11673 1365.762 471.33095 C 1365.5778 471.54517 1365.3111 471.7312 1364.6037 471.7312 C 1363.8963 471.7312 1363.547 471.51955 1363.3783 471.3316 C 1363.2095 471.1437 1361.969 473.2968 1361.969 473.2968 Z" fill="black"/>
+            <path d="M 1361.969 473.2968 L 1367.231 473.2968 C 1367.231 473.2968 1365.9462 471.11673 1365.762 471.33095 C 1365.5778 471.54517 1365.3111 471.7312 1364.6037 471.7312 C 1363.8963 471.7312 1363.547 471.51955 1363.3783 471.3316 C 1363.2095 471.1437 1361.969 473.2968 1361.969 473.2968 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_822">
+          <rect x="1345.169" y="475.2968" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1345.169" y="475.2968" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_819">
+          <g id="Graphic_821">
+            <circle cx="1348.6" cy="477.6903" r="1.46255374857881" fill="black"/>
+            <circle cx="1348.6" cy="477.6903" r="1.46255374857881" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_820">
+            <path d="M 1345.969 481.22775 L 1351.231 481.22775 C 1351.231 481.22775 1349.9462 479.0477 1349.762 479.2619 C 1349.5778 479.47614 1349.3111 479.66216 1348.6037 479.66216 C 1347.8963 479.66216 1347.547 479.4505 1347.3783 479.2626 C 1347.2095 479.07467 1345.969 481.22775 1345.969 481.22775 Z" fill="black"/>
+            <path d="M 1345.969 481.22775 L 1351.231 481.22775 C 1351.231 481.22775 1349.9462 479.0477 1349.762 479.2619 C 1349.5778 479.47614 1349.3111 479.66216 1348.6037 479.66216 C 1347.8963 479.66216 1347.547 479.4505 1347.3783 479.2626 C 1347.2095 479.07467 1345.969 481.22775 1345.969 481.22775 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_818">
+          <rect x="1353.169" y="475.2968" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1353.169" y="475.2968" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_815">
+          <g id="Graphic_817">
+            <circle cx="1356.6" cy="477.6903" r="1.46255374857881" fill="black"/>
+            <circle cx="1356.6" cy="477.6903" r="1.46255374857881" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_816">
+            <path d="M 1353.969 481.22775 L 1359.231 481.22775 C 1359.231 481.22775 1357.9462 479.0477 1357.762 479.2619 C 1357.5778 479.47614 1357.3111 479.66216 1356.6037 479.66216 C 1355.8963 479.66216 1355.547 479.4505 1355.3783 479.2626 C 1355.2095 479.07467 1353.969 481.22775 1353.969 481.22775 Z" fill="black"/>
+            <path d="M 1353.969 481.22775 L 1359.231 481.22775 C 1359.231 481.22775 1357.9462 479.0477 1357.762 479.2619 C 1357.5778 479.47614 1357.3111 479.66216 1356.6037 479.66216 C 1355.8963 479.66216 1355.547 479.4505 1355.3783 479.2626 C 1355.2095 479.07467 1353.969 481.22775 1353.969 481.22775 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_814">
+          <rect x="1361.169" y="475.2968" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1361.169" y="475.2968" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_811">
+          <g id="Graphic_813">
+            <circle cx="1364.6" cy="477.6903" r="1.46255374857875" fill="black"/>
+            <circle cx="1364.6" cy="477.6903" r="1.46255374857875" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_812">
+            <path d="M 1361.969 481.22775 L 1367.231 481.22775 C 1367.231 481.22775 1365.9462 479.0477 1365.762 479.2619 C 1365.5778 479.47614 1365.3111 479.66216 1364.6037 479.66216 C 1363.8963 479.66216 1363.547 479.4505 1363.3783 479.2626 C 1363.2095 479.07467 1361.969 481.22775 1361.969 481.22775 Z" fill="black"/>
+            <path d="M 1361.969 481.22775 L 1367.231 481.22775 C 1367.231 481.22775 1365.9462 479.0477 1365.762 479.2619 C 1365.5778 479.47614 1365.3111 479.66216 1364.6037 479.66216 C 1363.8963 479.66216 1363.547 479.4505 1363.3783 479.2626 C 1363.2095 479.07467 1361.969 481.22775 1361.969 481.22775 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Line_810">
+          <line x1="1353.169" y1="484.1587" x2="1360.031" y2="484.1587" stroke="black" stroke-linecap="butt" stroke-linejoin="round" stroke-width="2"/>
+        </g>
+      </g>
+      <g id="Line_808">
+        <line x1="1136.2" y1="679.546" x2="1105.4896" y2="724.6329" marker-end="url(#SharpArrow_Marker)" stroke="#b34400" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      </g>
+      <g id="Line_807">
+        <line x1="1147.575" y1="689.728" x2="1118.774" y2="733.52" marker-end="url(#SharpArrow_Marker)" stroke="#b34400" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      </g>
+      <g id="Line_806">
+        <line x1="1170.325" y1="689.728" x2="1153.7778" y2="743.81005" marker-end="url(#SharpArrow_Marker)" stroke="#b34400" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      </g>
+      <g id="Group_779">
+        <g id="Graphic_805">
+          <path d="M 1311.5 733.8 L 1333.3 733.8 C 1334.4046 733.8 1335.3 734.6954 1335.3 735.8 L 1335.3 753.1976 C 1335.3 754.3022 1334.4046 755.1976 1333.3 755.1976 L 1311.5 755.1976 C 1310.3954 755.1976 1309.5 754.3022 1309.5 753.1976 L 1309.5 735.8 C 1309.5 734.6954 1310.3954 733.8 1311.5 733.8 Z" fill="#ccc"/>
+          <path d="M 1311.5 733.8 L 1333.3 733.8 C 1334.4046 733.8 1335.3 734.6954 1335.3 735.8 L 1335.3 753.1976 C 1335.3 754.3022 1334.4046 755.1976 1333.3 755.1976 L 1311.5 755.1976 C 1310.3954 755.1976 1309.5 754.3022 1309.5 753.1976 L 1309.5 735.8 C 1309.5 734.6954 1310.3954 733.8 1311.5 733.8 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/>
+        </g>
+        <g id="Graphic_804">
+          <rect x="1310.969" y="736.069" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1310.969" y="736.069" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_801">
+          <g id="Graphic_803">
+            <circle cx="1314.4" cy="738.4626" r="1.46255374857872" fill="black"/>
+            <circle cx="1314.4" cy="738.4626" r="1.46255374857872" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_802">
+            <path d="M 1311.769 742 L 1317.031 742 C 1317.031 742 1315.7462 739.82 1315.562 740.0342 C 1315.3778 740.2484 1315.1111 740.4344 1314.4037 740.4344 C 1313.6963 740.4344 1313.347 740.2228 1313.1783 740.0349 C 1313.0095 739.8469 1311.769 742 1311.769 742 Z" fill="black"/>
+            <path d="M 1311.769 742 L 1317.031 742 C 1317.031 742 1315.7462 739.82 1315.562 740.0342 C 1315.3778 740.2484 1315.1111 740.4344 1314.4037 740.4344 C 1313.6963 740.4344 1313.347 740.2228 1313.1783 740.0349 C 1313.0095 739.8469 1311.769 742 1311.769 742 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_800">
+          <rect x="1318.969" y="736.069" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1318.969" y="736.069" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_797">
+          <g id="Graphic_799">
+            <circle cx="1322.4" cy="738.4626" r="1.46255374857878" fill="black"/>
+            <circle cx="1322.4" cy="738.4626" r="1.46255374857878" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_798">
+            <path d="M 1319.769 742 L 1325.031 742 C 1325.031 742 1323.7462 739.82 1323.562 740.0342 C 1323.3778 740.2484 1323.1111 740.4344 1322.4037 740.4344 C 1321.6963 740.4344 1321.347 740.2228 1321.1783 740.0349 C 1321.0095 739.8469 1319.769 742 1319.769 742 Z" fill="black"/>
+            <path d="M 1319.769 742 L 1325.031 742 C 1325.031 742 1323.7462 739.82 1323.562 740.0342 C 1323.3778 740.2484 1323.1111 740.4344 1322.4037 740.4344 C 1321.6963 740.4344 1321.347 740.2228 1321.1783 740.0349 C 1321.0095 739.8469 1319.769 742 1319.769 742 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_796">
+          <rect x="1326.969" y="736.069" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1326.969" y="736.069" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_793">
+          <g id="Graphic_795">
+            <circle cx="1330.4" cy="738.4626" r="1.46255374857872" fill="black"/>
+            <circle cx="1330.4" cy="738.4626" r="1.46255374857872" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_794">
+            <path d="M 1327.769 742 L 1333.031 742 C 1333.031 742 1331.7462 739.82 1331.562 740.0342 C 1331.3778 740.2484 1331.1111 740.4344 1330.4037 740.4344 C 1329.6963 740.4344 1329.347 740.2228 1329.1783 740.0349 C 1329.0095 739.8469 1327.769 742 1327.769 742 Z" fill="black"/>
+            <path d="M 1327.769 742 L 1333.031 742 C 1333.031 742 1331.7462 739.82 1331.562 740.0342 C 1331.3778 740.2484 1331.1111 740.4344 1330.4037 740.4344 C 1329.6963 740.4344 1329.347 740.2228 1329.1783 740.0349 C 1329.0095 739.8469 1327.769 742 1327.769 742 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_792">
+          <rect x="1310.969" y="744" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1310.969" y="744" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_789">
+          <g id="Graphic_791">
+            <circle cx="1314.4" cy="746.3935" r="1.46255374857872" fill="black"/>
+            <circle cx="1314.4" cy="746.3935" r="1.46255374857872" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_790">
+            <path d="M 1311.769 749.931 L 1317.031 749.931 C 1317.031 749.931 1315.7462 747.7509 1315.562 747.9652 C 1315.3778 748.1794 1315.1111 748.3654 1314.4037 748.3654 C 1313.6963 748.3654 1313.347 748.1538 1313.1783 747.9658 C 1313.0095 747.7779 1311.769 749.931 1311.769 749.931 Z" fill="black"/>
+            <path d="M 1311.769 749.931 L 1317.031 749.931 C 1317.031 749.931 1315.7462 747.7509 1315.562 747.9652 C 1315.3778 748.1794 1315.1111 748.3654 1314.4037 748.3654 C 1313.6963 748.3654 1313.347 748.1538 1313.1783 747.9658 C 1313.0095 747.7779 1311.769 749.931 1311.769 749.931 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_788">
+          <rect x="1318.969" y="744" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1318.969" y="744" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_785">
+          <g id="Graphic_787">
+            <circle cx="1322.4" cy="746.3935" r="1.46255374857878" fill="black"/>
+            <circle cx="1322.4" cy="746.3935" r="1.46255374857878" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_786">
+            <path d="M 1319.769 749.931 L 1325.031 749.931 C 1325.031 749.931 1323.7462 747.7509 1323.562 747.9652 C 1323.3778 748.1794 1323.1111 748.3654 1322.4037 748.3654 C 1321.6963 748.3654 1321.347 748.1538 1321.1783 747.9658 C 1321.0095 747.7779 1319.769 749.931 1319.769 749.931 Z" fill="black"/>
+            <path d="M 1319.769 749.931 L 1325.031 749.931 C 1325.031 749.931 1323.7462 747.7509 1323.562 747.9652 C 1323.3778 748.1794 1323.1111 748.3654 1322.4037 748.3654 C 1321.6963 748.3654 1321.347 748.1538 1321.1783 747.9658 C 1321.0095 747.7779 1319.769 749.931 1319.769 749.931 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_784">
+          <rect x="1326.969" y="744" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1326.969" y="744" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_781">
+          <g id="Graphic_783">
+            <circle cx="1330.4" cy="746.3935" r="1.46255374857872" fill="black"/>
+            <circle cx="1330.4" cy="746.3935" r="1.46255374857872" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_782">
+            <path d="M 1327.769 749.931 L 1333.031 749.931 C 1333.031 749.931 1331.7462 747.7509 1331.562 747.9652 C 1331.3778 748.1794 1331.1111 748.3654 1330.4037 748.3654 C 1329.6963 748.3654 1329.347 748.1538 1329.1783 747.9658 C 1329.0095 747.7779 1327.769 749.931 1327.769 749.931 Z" fill="black"/>
+            <path d="M 1327.769 749.931 L 1333.031 749.931 C 1333.031 749.931 1331.7462 747.7509 1331.562 747.9652 C 1331.3778 748.1794 1331.1111 748.3654 1330.4037 748.3654 C 1329.6963 748.3654 1329.347 748.1538 1329.1783 747.9658 C 1329.0095 747.7779 1327.769 749.931 1327.769 749.931 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Line_780">
+          <line x1="1318.969" y1="752.862" x2="1325.831" y2="752.862" stroke="black" stroke-linecap="butt" stroke-linejoin="round" stroke-width="2"/>
+        </g>
+      </g>
+      <g id="Line_778">
+        <line x1="1259.964" y1="690.728" x2="1271.305" y2="743.70635" marker-end="url(#SharpArrow_Marker)" stroke="#b34400" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      </g>
+      <g id="Line_777">
+        <line x1="1282.5" y1="679.546" x2="1313.3154" y2="729.7101" marker-end="url(#SharpArrow_Marker)" stroke="#b34400" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      </g>
+      <g id="Graphic_776" filter="url(#Shadow)">
+        <path d="M 1241 649 L 1278.5 649 C 1280.7091 649 1282.5 650.79086 1282.5 653 L 1282.5 685.728 C 1282.5 687.9371 1280.7091 689.728 1278.5 689.728 L 1241 689.728 C 1238.7909 689.728 1237 687.9371 1237 685.728 L 1237 653 C 1237 650.79086 1238.7909 649 1241 649 Z" fill="white"/>
+        <path d="M 1241 649 L 1278.5 649 C 1280.7091 649 1282.5 650.79086 1282.5 653 L 1282.5 685.728 C 1282.5 687.9371 1280.7091 689.728 1278.5 689.728 L 1241 689.728 C 1238.7909 689.728 1237 687.9371 1237 685.728 L 1237 653 C 1237 650.79086 1238.7909 649 1241 649 Z" stroke="#666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+        <text transform="translate(1242 659.63194)" fill="black">
+          <tspan font-family="Helvetica Neue" font-style="italic" font-weight="bold" font-size="16" fill="black" x="9.15" y="16">v3</tspan>
+        </text>
+      </g>
+      <g id="Line_775">
+        <line x1="1347.1" y1="618.1228" x2="1410.8419" y2="609.6469" marker-end="url(#SharpArrow_Marker)" stroke="#b34400" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      </g>
+      <g id="Graphic_774" filter="url(#Shadow)">
+        <path d="M 1305.6 611.3348 L 1343.1 611.3348 C 1345.3092 611.3348 1347.1 613.1257 1347.1 615.3348 L 1347.1 648.0628 C 1347.1 650.27195 1345.3092 652.0628 1343.1 652.0628 L 1305.6 652.0628 C 1303.3909 652.0628 1301.6 650.27195 1301.6 648.0628 L 1301.6 615.3348 C 1301.6 613.1257 1303.3909 611.3348 1305.6 611.3348 Z" fill="white"/>
+        <path d="M 1305.6 611.3348 L 1343.1 611.3348 C 1345.3092 611.3348 1347.1 613.1257 1347.1 615.3348 L 1347.1 648.0628 C 1347.1 650.27195 1345.3092 652.0628 1343.1 652.0628 L 1305.6 652.0628 C 1303.3909 652.0628 1301.6 650.27195 1301.6 648.0628 L 1301.6 615.3348 C 1301.6 613.1257 1303.3909 611.3348 1305.6 611.3348 Z" stroke="#666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+        <text transform="translate(1306.6 621.96676)" fill="black">
+          <tspan font-family="Helvetica Neue" font-style="italic" font-weight="bold" font-size="16" fill="black" x="9.15" y="16">v4</tspan>
+        </text>
+      </g>
+      <g id="Line_773">
+        <line x1="1245.8443" y1="592.26964" x2="1291.2557" y2="613.3263" marker-end="url(#FilledArrow_Marker)" marker-start="url(#FilledArrow_Marker_2)" stroke="#b1001c" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
+      </g>
+      <g id="Line_772">
+        <line x1="1301.175" y1="545.6" x2="1327.5014" y2="479.0566" marker-end="url(#SharpArrow_Marker)" stroke="#b34400" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      </g>
+      <g id="Line_771">
+        <line x1="1312.55" y1="545.6" x2="1347.287" y2="490.5537" marker-end="url(#SharpArrow_Marker)" stroke="#b34400" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      </g>
+      <g id="Group_768">
+        <g id="Graphic_770">
+          <circle cx="1049.4191" cy="490.8802" r="4.68017192571195" fill="black"/>
+          <circle cx="1049.4191" cy="490.8802" r="4.68017192571195" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+        </g>
+        <g id="Graphic_769">
+          <path d="M 1041 502.2 L 1057.8383 502.2 C 1057.8383 502.2 1053.7268 495.22386 1053.1374 495.90937 C 1052.548 496.59487 1051.6946 497.1901 1049.4309 497.1901 C 1047.1672 497.1901 1046.0497 496.5129 1045.5095 495.9115 C 1044.9693 495.31015 1041 502.2 1041 502.2 Z" fill="black"/>
+          <path d="M 1041 502.2 L 1057.8383 502.2 C 1057.8383 502.2 1053.7268 495.22386 1053.1374 495.90937 C 1052.548 496.59487 1051.6946 497.1901 1049.4309 497.1901 C 1047.1672 497.1901 1046.0497 496.5129 1045.5095 495.9115 C 1044.9693 495.31015 1041 502.2 1041 502.2 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+        </g>
+      </g>
+      <g id="Line_767">
+        <line x1="1186.0489" y1="576.967" x2="1059.9259" y2="505.0242" marker-end="url(#Arrow_Marker)" marker-start="url(#Arrow_Marker_2)" stroke="#b1001c" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+      </g>
+      <g id="Line_739">
+        <line x1="1101.6" y1="614.0235" x2="1055.4253" y2="626.83595" marker-end="url(#SharpArrow_Marker)" stroke="#b34400" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      </g>
+      <g id="Graphic_738" filter="url(#Shadow)">
+        <path d="M 1106.6 583.2 L 1144.1 583.2 C 1146.3092 583.2 1148.1 584.9909 1148.1 587.2 L 1148.1 619.928 C 1148.1 622.13714 1146.3092 623.928 1144.1 623.928 L 1106.6 623.928 C 1104.3909 623.928 1102.6 622.13714 1102.6 619.928 L 1102.6 587.2 C 1102.6 584.9909 1104.3909 583.2 1106.6 583.2 Z" fill="white"/>
+        <path d="M 1106.6 583.2 L 1144.1 583.2 C 1146.3092 583.2 1148.1 584.9909 1148.1 587.2 L 1148.1 619.928 C 1148.1 622.13714 1146.3092 623.928 1144.1 623.928 L 1106.6 623.928 C 1104.3909 623.928 1102.6 622.13714 1102.6 619.928 L 1102.6 587.2 C 1102.6 584.9909 1104.3909 583.2 1106.6 583.2 Z" stroke="#666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+        <text transform="translate(1107.6 593.83195)" fill="black">
+          <tspan font-family="Helvetica Neue" font-style="italic" font-weight="bold" font-size="16" fill="black" x="9.15" y="16">v1</tspan>
+        </text>
+      </g>
+      <g id="Graphic_737" filter="url(#Shadow)">
+        <path d="M 1140.2 649 L 1177.7 649 C 1179.9092 649 1181.7 650.79086 1181.7 653 L 1181.7 685.728 C 1181.7 687.9371 1179.9092 689.728 1177.7 689.728 L 1140.2 689.728 C 1137.9909 689.728 1136.2 687.9371 1136.2 685.728 L 1136.2 653 C 1136.2 650.79086 1137.9909 649 1140.2 649 Z" fill="white"/>
+        <path d="M 1140.2 649 L 1177.7 649 C 1179.9092 649 1181.7 650.79086 1181.7 653 L 1181.7 685.728 C 1181.7 687.9371 1179.9092 689.728 1177.7 689.728 L 1140.2 689.728 C 1137.9909 689.728 1136.2 687.9371 1136.2 685.728 L 1136.2 653 C 1136.2 650.79086 1137.9909 649 1140.2 649 Z" stroke="#666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+        <text transform="translate(1141.2 659.63194)" fill="black">
+          <tspan font-family="Helvetica Neue" font-style="italic" font-weight="bold" font-size="16" fill="black" x="9.15" y="16">v2</tspan>
+        </text>
+      </g>
+      <g id="Graphic_736" filter="url(#Shadow)">
+        <path d="M 1293.8 545.6 L 1331.3 545.6 C 1333.5092 545.6 1335.3 547.3909 1335.3 549.6 L 1335.3 582.328 C 1335.3 584.53714 1333.5092 586.328 1331.3 586.328 L 1293.8 586.328 C 1291.5909 586.328 1289.8 584.53714 1289.8 582.328 L 1289.8 549.6 C 1289.8 547.3909 1291.5909 545.6 1293.8 545.6 Z" fill="white"/>
+        <path d="M 1293.8 545.6 L 1331.3 545.6 C 1333.5092 545.6 1335.3 547.3909 1335.3 549.6 L 1335.3 582.328 C 1335.3 584.53714 1333.5092 586.328 1331.3 586.328 L 1293.8 586.328 C 1291.5909 586.328 1289.8 584.53714 1289.8 582.328 L 1289.8 549.6 C 1289.8 547.3909 1291.5909 545.6 1293.8 545.6 Z" stroke="#666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+        <text transform="translate(1294.8 556.23195)" fill="black">
+          <tspan font-family="Helvetica Neue" font-style="italic" font-weight="bold" font-size="16" fill="black" x="9.15" y="16">v5</tspan>
+        </text>
+      </g>
+      <g id="Group_1034">
+        <g id="Graphic_1036">
+          <circle cx="1224.75" cy="445.88017" r="4.680171925712" fill="black"/>
+          <circle cx="1224.75" cy="445.88017" r="4.680171925712" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+        </g>
+        <g id="Graphic_1035">
+          <path d="M 1216.3309 457.2 L 1233.1691 457.2 C 1233.1691 457.2 1229.0577 450.22386 1228.4683 450.90937 C 1227.8789 451.59487 1227.0254 452.1901 1224.7617 452.1901 C 1222.498 452.1901 1221.3806 451.5129 1220.8404 450.9115 C 1220.3002 450.31015 1216.3309 457.2 1216.3309 457.2 Z" fill="black"/>
+          <path d="M 1216.3309 457.2 L 1233.1691 457.2 C 1233.1691 457.2 1229.0577 450.22386 1228.4683 450.90937 C 1227.8789 451.59487 1227.0254 452.1901 1224.7617 452.1901 C 1222.498 452.1901 1221.3806 451.5129 1220.8404 450.9115 C 1220.3002 450.31015 1216.3309 457.2 1216.3309 457.2 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+        </g>
+      </g>
+      <g id="Line_1033">
+        <line x1="1218.6353" y1="557.8099" x2="1224.228" y2="462.89014" marker-end="url(#Arrow_Marker)" marker-start="url(#Arrow_Marker_2)" stroke="#b1001c" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+      </g>
+      <g id="Group_1038">
+        <g id="Graphic_1040">
+          <circle cx="1083.8809" cy="467.28017" r="4.68017192571197" fill="black"/>
+          <circle cx="1083.8809" cy="467.28017" r="4.68017192571197" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+        </g>
+        <g id="Graphic_1039">
+          <path d="M 1075.4618 478.6 L 1092.3 478.6 C 1092.3 478.6 1088.1886 471.62386 1087.5992 472.30937 C 1087.0097 472.99487 1086.1563 473.5901 1083.8926 473.5901 C 1081.6289 473.5901 1080.5114 472.9129 1079.9713 472.3115 C 1079.4311 471.71015 1075.4618 478.6 1075.4618 478.6 Z" fill="black"/>
+          <path d="M 1075.4618 478.6 L 1092.3 478.6 C 1092.3 478.6 1088.1886 471.62386 1087.5992 472.30937 C 1087.0097 472.99487 1086.1563 473.5901 1083.8926 473.5901 C 1081.6289 473.5901 1080.5114 472.9129 1079.9713 472.3115 C 1079.4311 471.71015 1075.4618 478.6 1075.4618 478.6 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+        </g>
+      </g>
+      <g id="Line_1037">
+        <line x1="1186.7594" y1="567.8367" x2="1091.6496" y2="482.4089" marker-end="url(#Arrow_Marker)" marker-start="url(#Arrow_Marker_2)" stroke="#b1001c" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+      </g>
+      <g id="Group_1042">
+        <g id="Graphic_1044">
+          <circle cx="1134.6191" cy="449.28017" r="4.68017192571195" fill="black"/>
+          <circle cx="1134.6191" cy="449.28017" r="4.68017192571195" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+        </g>
+        <g id="Graphic_1043">
+          <path d="M 1126.2 460.6 L 1143.0383 460.6 C 1143.0383 460.6 1138.9268 453.62386 1138.3374 454.30937 C 1137.748 454.99487 1136.8946 455.5901 1134.6309 455.5901 C 1132.3672 455.5901 1131.2497 454.9129 1130.7095 454.3115 C 1130.1693 453.71015 1126.2 460.6 1126.2 460.6 Z" fill="black"/>
+          <path d="M 1126.2 460.6 L 1143.0383 460.6 C 1143.0383 460.6 1138.9268 453.62386 1138.3374 454.30937 C 1137.748 454.99487 1136.8946 455.5901 1134.6309 455.5901 C 1132.3672 455.5901 1131.2497 454.9129 1130.7095 454.3115 C 1130.1693 453.71015 1126.2 460.6 1126.2 460.6 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+        </g>
+      </g>
+      <g id="Line_1041">
+        <line x1="1197.1058" y1="558.6498" x2="1139.5697" y2="465.4502" marker-end="url(#Arrow_Marker)" marker-start="url(#Arrow_Marker_2)" stroke="#b1001c" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+      </g>
+      <g id="Group_1046">
+        <g id="Graphic_1048">
+          <circle cx="1279.0809" cy="449.28017" r="4.68017192571195" fill="black"/>
+          <circle cx="1279.0809" cy="449.28017" r="4.68017192571195" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+        </g>
+        <g id="Graphic_1047">
+          <path d="M 1270.6618 460.6 L 1287.5 460.6 C 1287.5 460.6 1283.3886 453.62386 1282.7992 454.30937 C 1282.2097 454.99487 1281.3563 455.5901 1279.0926 455.5901 C 1276.8289 455.5901 1275.7114 454.9129 1275.1713 454.3115 C 1274.6311 453.71015 1270.6618 460.6 1270.6618 460.6 Z" fill="black"/>
+          <path d="M 1270.6618 460.6 L 1287.5 460.6 C 1287.5 460.6 1283.3886 453.62386 1282.7992 454.30937 C 1282.2097 454.99487 1281.3563 455.5901 1279.0926 455.5901 C 1276.8289 455.5901 1275.7114 454.9129 1275.1713 454.3115 C 1274.6311 453.71015 1270.6618 460.6 1270.6618 460.6 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+        </g>
+      </g>
+      <g id="Line_1045">
+        <line x1="1229.8967" y1="558.3759" x2="1275.0401" y2="465.72413" marker-end="url(#Arrow_Marker)" marker-start="url(#Arrow_Marker_2)" stroke="#b1001c" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+      </g>
+      <g id="Group_1050">
+        <g id="Graphic_1052">
+          <circle cx="1170.4191" cy="443.08017" r="4.68017192571204" fill="black"/>
+          <circle cx="1170.4191" cy="443.08017" r="4.68017192571204" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+        </g>
+        <g id="Graphic_1051">
+          <path d="M 1162 454.4 L 1178.8383 454.4 C 1178.8383 454.4 1174.7268 447.42386 1174.1374 448.10937 C 1173.548 448.79487 1172.6946 449.3901 1170.4309 449.3901 C 1168.1672 449.3901 1167.0497 448.7129 1166.5095 448.1115 C 1165.9693 447.51015 1162 454.4 1162 454.4 Z" fill="black"/>
+          <path d="M 1162 454.4 L 1178.8383 454.4 C 1178.8383 454.4 1174.7268 447.42386 1174.1374 448.10937 C 1173.548 448.79487 1172.6946 449.3901 1170.4309 449.3901 C 1168.1672 449.3901 1167.0497 448.7129 1166.5095 448.1115 C 1165.9693 447.51015 1162 454.4 1162 454.4 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+        </g>
+      </g>
+      <g id="Line_1049">
+        <line x1="1207.339" y1="558.1124" x2="1173.3748" y2="459.78763" marker-end="url(#Arrow_Marker)" marker-start="url(#Arrow_Marker_2)" stroke="#b1001c" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+      </g>
+      <g id="Group_836">
+        <g id="Graphic_862">
+          <path d="M 1322.6 453.1956 L 1344.4 453.1956 C 1345.5046 453.1956 1346.4 454.091 1346.4 455.1956 L 1346.4 472.5932 C 1346.4 473.69776 1345.5046 474.5932 1344.4 474.5932 L 1322.6 474.5932 C 1321.4955 474.5932 1320.6 473.69776 1320.6 472.5932 L 1320.6 455.1956 C 1320.6 454.091 1321.4955 453.1956 1322.6 453.1956 Z" fill="#ccc"/>
+          <path d="M 1322.6 453.1956 L 1344.4 453.1956 C 1345.5046 453.1956 1346.4 454.091 1346.4 455.1956 L 1346.4 472.5932 C 1346.4 473.69776 1345.5046 474.5932 1344.4 474.5932 L 1322.6 474.5932 C 1321.4955 474.5932 1320.6 473.69776 1320.6 472.5932 L 1320.6 455.1956 C 1320.6 454.091 1321.4955 453.1956 1322.6 453.1956 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/>
+        </g>
+        <g id="Graphic_861">
+          <rect x="1322.069" y="455.4646" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1322.069" y="455.4646" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_858">
+          <g id="Graphic_860">
+            <circle cx="1325.5" cy="457.85813" r="1.46255374857879" fill="black"/>
+            <circle cx="1325.5" cy="457.85813" r="1.46255374857879" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_859">
+            <path d="M 1322.869 461.3956 L 1328.131 461.3956 C 1328.131 461.3956 1326.8462 459.21554 1326.662 459.42976 C 1326.4778 459.644 1326.2111 459.83 1325.5037 459.83 C 1324.7963 459.83 1324.447 459.61836 1324.2783 459.43043 C 1324.1095 459.2425 1322.869 461.3956 1322.869 461.3956 Z" fill="black"/>
+            <path d="M 1322.869 461.3956 L 1328.131 461.3956 C 1328.131 461.3956 1326.8462 459.21554 1326.662 459.42976 C 1326.4778 459.644 1326.2111 459.83 1325.5037 459.83 C 1324.7963 459.83 1324.447 459.61836 1324.2783 459.43043 C 1324.1095 459.2425 1322.869 461.3956 1322.869 461.3956 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_857">
+          <rect x="1330.069" y="455.4646" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1330.069" y="455.4646" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_854">
+          <g id="Graphic_856">
+            <circle cx="1333.5" cy="457.85813" r="1.46255374857876" fill="black"/>
+            <circle cx="1333.5" cy="457.85813" r="1.46255374857876" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_855">
+            <path d="M 1330.869 461.3956 L 1336.131 461.3956 C 1336.131 461.3956 1334.8462 459.21554 1334.662 459.42976 C 1334.4778 459.644 1334.2111 459.83 1333.5037 459.83 C 1332.7963 459.83 1332.447 459.61836 1332.2783 459.43043 C 1332.1095 459.2425 1330.869 461.3956 1330.869 461.3956 Z" fill="black"/>
+            <path d="M 1330.869 461.3956 L 1336.131 461.3956 C 1336.131 461.3956 1334.8462 459.21554 1334.662 459.42976 C 1334.4778 459.644 1334.2111 459.83 1333.5037 459.83 C 1332.7963 459.83 1332.447 459.61836 1332.2783 459.43043 C 1332.1095 459.2425 1330.869 461.3956 1330.869 461.3956 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_853">
+          <rect x="1338.069" y="455.4646" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1338.069" y="455.4646" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_850">
+          <g id="Graphic_852">
+            <circle cx="1341.5" cy="457.85813" r="1.46255374857873" fill="black"/>
+            <circle cx="1341.5" cy="457.85813" r="1.46255374857873" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_851">
+            <path d="M 1338.869 461.3956 L 1344.131 461.3956 C 1344.131 461.3956 1342.8462 459.21554 1342.662 459.42976 C 1342.4778 459.644 1342.2111 459.83 1341.5037 459.83 C 1340.7963 459.83 1340.447 459.61836 1340.2783 459.43043 C 1340.1095 459.2425 1338.869 461.3956 1338.869 461.3956 Z" fill="black"/>
+            <path d="M 1338.869 461.3956 L 1344.131 461.3956 C 1344.131 461.3956 1342.8462 459.21554 1342.662 459.42976 C 1342.4778 459.644 1342.2111 459.83 1341.5037 459.83 C 1340.7963 459.83 1340.447 459.61836 1340.2783 459.43043 C 1340.1095 459.2425 1338.869 461.3956 1338.869 461.3956 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_849">
+          <rect x="1322.069" y="463.3956" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1322.069" y="463.3956" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_846">
+          <g id="Graphic_848">
+            <circle cx="1325.5" cy="465.7891" r="1.46255374857882" fill="black"/>
+            <circle cx="1325.5" cy="465.7891" r="1.46255374857882" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_847">
+            <path d="M 1322.869 469.32656 L 1328.131 469.32656 C 1328.131 469.32656 1326.8462 467.1465 1326.662 467.36073 C 1326.4778 467.57495 1326.2111 467.76096 1325.5037 467.76096 C 1324.7963 467.76096 1324.447 467.54933 1324.2783 467.3614 C 1324.1095 467.1735 1322.869 469.32656 1322.869 469.32656 Z" fill="black"/>
+            <path d="M 1322.869 469.32656 L 1328.131 469.32656 C 1328.131 469.32656 1326.8462 467.1465 1326.662 467.36073 C 1326.4778 467.57495 1326.2111 467.76096 1325.5037 467.76096 C 1324.7963 467.76096 1324.447 467.54933 1324.2783 467.3614 C 1324.1095 467.1735 1322.869 469.32656 1322.869 469.32656 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_845">
+          <rect x="1330.069" y="463.3956" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1330.069" y="463.3956" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_842">
+          <g id="Graphic_844">
+            <circle cx="1333.5" cy="465.7891" r="1.46255374857879" fill="black"/>
+            <circle cx="1333.5" cy="465.7891" r="1.46255374857879" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_843">
+            <path d="M 1330.869 469.32656 L 1336.131 469.32656 C 1336.131 469.32656 1334.8462 467.1465 1334.662 467.36073 C 1334.4778 467.57495 1334.2111 467.76096 1333.5037 467.76096 C 1332.7963 467.76096 1332.447 467.54933 1332.2783 467.3614 C 1332.1095 467.1735 1330.869 469.32656 1330.869 469.32656 Z" fill="black"/>
+            <path d="M 1330.869 469.32656 L 1336.131 469.32656 C 1336.131 469.32656 1334.8462 467.1465 1334.662 467.36073 C 1334.4778 467.57495 1334.2111 467.76096 1333.5037 467.76096 C 1332.7963 467.76096 1332.447 467.54933 1332.2783 467.3614 C 1332.1095 467.1735 1330.869 469.32656 1330.869 469.32656 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_841">
+          <rect x="1338.069" y="463.3956" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1338.069" y="463.3956" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_838">
+          <g id="Graphic_840">
+            <circle cx="1341.5" cy="465.7891" r="1.46255374857876" fill="black"/>
+            <circle cx="1341.5" cy="465.7891" r="1.46255374857876" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_839">
+            <path d="M 1338.869 469.32656 L 1344.131 469.32656 C 1344.131 469.32656 1342.8462 467.1465 1342.662 467.36073 C 1342.4778 467.57495 1342.2111 467.76096 1341.5037 467.76096 C 1340.7963 467.76096 1340.447 467.54933 1340.2783 467.3614 C 1340.1095 467.1735 1338.869 469.32656 1338.869 469.32656 Z" fill="black"/>
+            <path d="M 1338.869 469.32656 L 1344.131 469.32656 C 1344.131 469.32656 1342.8462 467.1465 1342.662 467.36073 C 1342.4778 467.57495 1342.2111 467.76096 1341.5037 467.76096 C 1340.7963 467.76096 1340.447 467.54933 1340.2783 467.3614 C 1340.1095 467.1735 1338.869 469.32656 1338.869 469.32656 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Line_837">
+          <line x1="1330.069" y1="472.25753" x2="1336.931" y2="472.25753" stroke="black" stroke-linecap="butt" stroke-linejoin="round" stroke-width="2"/>
+        </g>
+      </g>
+      <g id="Line_1161">
+        <line x1="1335.3" y1="565.964" x2="1392.3268" y2="522.461" marker-end="url(#SharpArrow_Marker)" stroke="#b34400" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      </g>
+      <g id="Line_1162">
+        <line x1="1335.3" y1="555.782" x2="1376.6413" y2="513.29844" marker-end="url(#SharpArrow_Marker)" stroke="#b34400" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      </g>
+      <g id="Line_1163">
+        <line x1="1323.925" y1="545.6" x2="1362.0374" y2="502.1999" marker-end="url(#SharpArrow_Marker)" stroke="#b34400" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      </g>
+      <g id="Group_1165">
+        <g id="Graphic_1191">
+          <path d="M 1003.8 590.8 L 1025.6 590.8 C 1026.7046 590.8 1027.6 591.69544 1027.6 592.8 L 1027.6 610.1976 C 1027.6 611.3022 1026.7046 612.1976 1025.6 612.1976 L 1003.8 612.1976 C 1002.6954 612.1976 1001.8 611.3022 1001.8 610.1976 L 1001.8 592.8 C 1001.8 591.69544 1002.6954 590.8 1003.8 590.8 Z" fill="#ccc"/>
+          <path d="M 1003.8 590.8 L 1025.6 590.8 C 1026.7046 590.8 1027.6 591.69544 1027.6 592.8 L 1027.6 610.1976 C 1027.6 611.3022 1026.7046 612.1976 1025.6 612.1976 L 1003.8 612.1976 C 1002.6954 612.1976 1001.8 611.3022 1001.8 610.1976 L 1001.8 592.8 C 1001.8 591.69544 1002.6954 590.8 1003.8 590.8 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/>
+        </g>
+        <g id="Graphic_1190">
+          <rect x="1003.269" y="593.069" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1003.269" y="593.069" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1187">
+          <g id="Graphic_1189">
+            <circle cx="1006.7" cy="595.46256" r="1.46255374857869" fill="black"/>
+            <circle cx="1006.7" cy="595.46256" r="1.46255374857869" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1188">
+            <path d="M 1004.069 599 L 1009.331 599 C 1009.331 599 1008.0462 596.82 1007.862 597.0342 C 1007.6778 597.2484 1007.4111 597.4344 1006.7037 597.4344 C 1005.9963 597.4344 1005.6471 597.2228 1005.4783 597.03486 C 1005.3095 596.8469 1004.069 599 1004.069 599 Z" fill="black"/>
+            <path d="M 1004.069 599 L 1009.331 599 C 1009.331 599 1008.0462 596.82 1007.862 597.0342 C 1007.6778 597.2484 1007.4111 597.4344 1006.7037 597.4344 C 1005.9963 597.4344 1005.6471 597.2228 1005.4783 597.03486 C 1005.3095 596.8469 1004.069 599 1004.069 599 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1186">
+          <rect x="1011.269" y="593.069" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1011.269" y="593.069" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1183">
+          <g id="Graphic_1185">
+            <circle cx="1014.7" cy="595.46256" r="1.46255374857875" fill="black"/>
+            <circle cx="1014.7" cy="595.46256" r="1.46255374857875" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1184">
+            <path d="M 1012.069 599 L 1017.331 599 C 1017.331 599 1016.0462 596.82 1015.862 597.0342 C 1015.6778 597.2484 1015.4111 597.4344 1014.7037 597.4344 C 1013.9963 597.4344 1013.6471 597.2228 1013.4783 597.03486 C 1013.3095 596.8469 1012.069 599 1012.069 599 Z" fill="black"/>
+            <path d="M 1012.069 599 L 1017.331 599 C 1017.331 599 1016.0462 596.82 1015.862 597.0342 C 1015.6778 597.2484 1015.4111 597.4344 1014.7037 597.4344 C 1013.9963 597.4344 1013.6471 597.2228 1013.4783 597.03486 C 1013.3095 596.8469 1012.069 599 1012.069 599 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1182">
+          <rect x="1019.269" y="593.069" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1019.269" y="593.069" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1179">
+          <g id="Graphic_1181">
+            <circle cx="1022.7" cy="595.46256" r="1.46255374857873" fill="black"/>
+            <circle cx="1022.7" cy="595.46256" r="1.46255374857873" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1180">
+            <path d="M 1020.069 599 L 1025.331 599 C 1025.331 599 1024.0462 596.82 1023.862 597.0342 C 1023.6778 597.2484 1023.4111 597.4344 1022.7037 597.4344 C 1021.9963 597.4344 1021.6471 597.2228 1021.4783 597.03486 C 1021.3095 596.8469 1020.069 599 1020.069 599 Z" fill="black"/>
+            <path d="M 1020.069 599 L 1025.331 599 C 1025.331 599 1024.0462 596.82 1023.862 597.0342 C 1023.6778 597.2484 1023.4111 597.4344 1022.7037 597.4344 C 1021.9963 597.4344 1021.6471 597.2228 1021.4783 597.03486 C 1021.3095 596.8469 1020.069 599 1020.069 599 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1178">
+          <rect x="1003.269" y="601" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1003.269" y="601" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1175">
+          <g id="Graphic_1177">
+            <circle cx="1006.7" cy="603.39354" r="1.46255374857869" fill="black"/>
+            <circle cx="1006.7" cy="603.39354" r="1.46255374857869" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1176">
+            <path d="M 1004.069 606.931 L 1009.331 606.931 C 1009.331 606.931 1008.0462 604.75094 1007.862 604.96516 C 1007.6778 605.1794 1007.4111 605.3654 1006.7037 605.3654 C 1005.9963 605.3654 1005.6471 605.15376 1005.4783 604.9658 C 1005.3095 604.7779 1004.069 606.931 1004.069 606.931 Z" fill="black"/>
+            <path d="M 1004.069 606.931 L 1009.331 606.931 C 1009.331 606.931 1008.0462 604.75094 1007.862 604.96516 C 1007.6778 605.1794 1007.4111 605.3654 1006.7037 605.3654 C 1005.9963 605.3654 1005.6471 605.15376 1005.4783 604.9658 C 1005.3095 604.7779 1004.069 606.931 1004.069 606.931 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1174">
+          <rect x="1011.269" y="601" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1011.269" y="601" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1171">
+          <g id="Graphic_1173">
+            <circle cx="1014.7" cy="603.39354" r="1.46255374857875" fill="black"/>
+            <circle cx="1014.7" cy="603.39354" r="1.46255374857875" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1172">
+            <path d="M 1012.069 606.931 L 1017.331 606.931 C 1017.331 606.931 1016.0462 604.75094 1015.862 604.96516 C 1015.6778 605.1794 1015.4111 605.3654 1014.7037 605.3654 C 1013.9963 605.3654 1013.6471 605.15376 1013.4783 604.9658 C 1013.3095 604.7779 1012.069 606.931 1012.069 606.931 Z" fill="black"/>
+            <path d="M 1012.069 606.931 L 1017.331 606.931 C 1017.331 606.931 1016.0462 604.75094 1015.862 604.96516 C 1015.6778 605.1794 1015.4111 605.3654 1014.7037 605.3654 C 1013.9963 605.3654 1013.6471 605.15376 1013.4783 604.9658 C 1013.3095 604.7779 1012.069 606.931 1012.069 606.931 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1170">
+          <rect x="1019.269" y="601" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1019.269" y="601" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1167">
+          <g id="Graphic_1169">
+            <circle cx="1022.7" cy="603.39354" r="1.46255374857873" fill="black"/>
+            <circle cx="1022.7" cy="603.39354" r="1.46255374857873" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1168">
+            <path d="M 1020.069 606.931 L 1025.331 606.931 C 1025.331 606.931 1024.0462 604.75094 1023.862 604.96516 C 1023.6778 605.1794 1023.4111 605.3654 1022.7037 605.3654 C 1021.9963 605.3654 1021.6471 605.15376 1021.4783 604.9658 C 1021.3095 604.7779 1020.069 606.931 1020.069 606.931 Z" fill="black"/>
+            <path d="M 1020.069 606.931 L 1025.331 606.931 C 1025.331 606.931 1024.0462 604.75094 1023.862 604.96516 C 1023.6778 605.1794 1023.4111 605.3654 1022.7037 605.3654 C 1021.9963 605.3654 1021.6471 605.15376 1021.4783 604.9658 C 1021.3095 604.7779 1020.069 606.931 1020.069 606.931 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Line_1166">
+          <line x1="1011.269" y1="609.86196" x2="1018.131" y2="609.86196" stroke="black" stroke-linecap="butt" stroke-linejoin="round" stroke-width="2"/>
+        </g>
+      </g>
+      <g id="Line_1192">
+        <line x1="1102.6" y1="593.382" x2="1032.3797" y2="599.86625" marker-end="url(#SharpArrow_Marker)" stroke="#b34400" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      </g>
+      <g id="Line_1247">
+        <line x1="1158.95" y1="689.728" x2="1134.4153" y2="740.0826" marker-end="url(#SharpArrow_Marker)" stroke="#b34400" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      </g>
+      <g id="Line_1248">
+        <line x1="1181.7" y1="679.546" x2="1193.651" y2="732.8467" marker-end="url(#SharpArrow_Marker)" stroke="#b34400" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      </g>
+      <g id="Group_1303">
+        <g id="Graphic_1329">
+          <path d="M 1417.6 655 L 1439.4 655 C 1440.5046 655 1441.4 655.89544 1441.4 657 L 1441.4 674.3976 C 1441.4 675.5022 1440.5046 676.3976 1439.4 676.3976 L 1417.6 676.3976 C 1416.4955 676.3976 1415.6 675.5022 1415.6 674.3976 L 1415.6 657 C 1415.6 655.89544 1416.4955 655 1417.6 655 Z" fill="#ccc"/>
+          <path d="M 1417.6 655 L 1439.4 655 C 1440.5046 655 1441.4 655.89544 1441.4 657 L 1441.4 674.3976 C 1441.4 675.5022 1440.5046 676.3976 1439.4 676.3976 L 1417.6 676.3976 C 1416.4955 676.3976 1415.6 675.5022 1415.6 674.3976 L 1415.6 657 C 1415.6 655.89544 1416.4955 655 1417.6 655 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/>
+        </g>
+        <g id="Graphic_1328">
+          <rect x="1417.069" y="657.269" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1417.069" y="657.269" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1325">
+          <g id="Graphic_1327">
+            <circle cx="1420.5" cy="659.6626" r="1.46255374857869" fill="black"/>
+            <circle cx="1420.5" cy="659.6626" r="1.46255374857869" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1326">
+            <path d="M 1417.869 663.2 L 1423.131 663.2 C 1423.131 663.2 1421.8462 661.02 1421.662 661.2342 C 1421.4778 661.4484 1421.2111 661.6344 1420.5037 661.6344 C 1419.7963 661.6344 1419.447 661.4228 1419.2783 661.23486 C 1419.1095 661.0469 1417.869 663.2 1417.869 663.2 Z" fill="black"/>
+            <path d="M 1417.869 663.2 L 1423.131 663.2 C 1423.131 663.2 1421.8462 661.02 1421.662 661.2342 C 1421.4778 661.4484 1421.2111 661.6344 1420.5037 661.6344 C 1419.7963 661.6344 1419.447 661.4228 1419.2783 661.23486 C 1419.1095 661.0469 1417.869 663.2 1417.869 663.2 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1324">
+          <rect x="1425.069" y="657.269" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1425.069" y="657.269" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1321">
+          <g id="Graphic_1323">
+            <circle cx="1428.5" cy="659.6626" r="1.46255374857884" fill="black"/>
+            <circle cx="1428.5" cy="659.6626" r="1.46255374857884" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1322">
+            <path d="M 1425.869 663.2 L 1431.131 663.2 C 1431.131 663.2 1429.8462 661.02 1429.662 661.2342 C 1429.4778 661.4484 1429.2111 661.6344 1428.5037 661.6344 C 1427.7963 661.6344 1427.447 661.4228 1427.2783 661.23486 C 1427.1095 661.0469 1425.869 663.2 1425.869 663.2 Z" fill="black"/>
+            <path d="M 1425.869 663.2 L 1431.131 663.2 C 1431.131 663.2 1429.8462 661.02 1429.662 661.2342 C 1429.4778 661.4484 1429.2111 661.6344 1428.5037 661.6344 C 1427.7963 661.6344 1427.447 661.4228 1427.2783 661.23486 C 1427.1095 661.0469 1425.869 663.2 1425.869 663.2 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1320">
+          <rect x="1433.069" y="657.269" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1433.069" y="657.269" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1317">
+          <g id="Graphic_1319">
+            <circle cx="1436.5" cy="659.6626" r="1.46255374857884" fill="black"/>
+            <circle cx="1436.5" cy="659.6626" r="1.46255374857884" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1318">
+            <path d="M 1433.869 663.2 L 1439.131 663.2 C 1439.131 663.2 1437.8462 661.02 1437.662 661.2342 C 1437.4778 661.4484 1437.2111 661.6344 1436.5037 661.6344 C 1435.7963 661.6344 1435.447 661.4228 1435.2783 661.23486 C 1435.1095 661.0469 1433.869 663.2 1433.869 663.2 Z" fill="black"/>
+            <path d="M 1433.869 663.2 L 1439.131 663.2 C 1439.131 663.2 1437.8462 661.02 1437.662 661.2342 C 1437.4778 661.4484 1437.2111 661.6344 1436.5037 661.6344 C 1435.7963 661.6344 1435.447 661.4228 1435.2783 661.23486 C 1435.1095 661.0469 1433.869 663.2 1433.869 663.2 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1316">
+          <rect x="1417.069" y="665.2" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1417.069" y="665.2" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1313">
+          <g id="Graphic_1315">
+            <circle cx="1420.5" cy="667.5935" r="1.46255374857865" fill="black"/>
+            <circle cx="1420.5" cy="667.5935" r="1.46255374857865" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1314">
+            <path d="M 1417.869 671.131 L 1423.131 671.131 C 1423.131 671.131 1421.8462 668.95094 1421.662 669.1652 C 1421.4778 669.3794 1421.2111 669.5654 1420.5037 669.5654 C 1419.7963 669.5654 1419.447 669.3538 1419.2783 669.1658 C 1419.1095 668.9779 1417.869 671.131 1417.869 671.131 Z" fill="black"/>
+            <path d="M 1417.869 671.131 L 1423.131 671.131 C 1423.131 671.131 1421.8462 668.95094 1421.662 669.1652 C 1421.4778 669.3794 1421.2111 669.5654 1420.5037 669.5654 C 1419.7963 669.5654 1419.447 669.3538 1419.2783 669.1658 C 1419.1095 668.9779 1417.869 671.131 1417.869 671.131 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1312">
+          <rect x="1425.069" y="665.2" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1425.069" y="665.2" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1309">
+          <g id="Graphic_1311">
+            <circle cx="1428.5" cy="667.5935" r="1.46255374857881" fill="black"/>
+            <circle cx="1428.5" cy="667.5935" r="1.46255374857881" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1310">
+            <path d="M 1425.869 671.131 L 1431.131 671.131 C 1431.131 671.131 1429.8462 668.95094 1429.662 669.1652 C 1429.4778 669.3794 1429.2111 669.5654 1428.5037 669.5654 C 1427.7963 669.5654 1427.447 669.3538 1427.2783 669.1658 C 1427.1095 668.9779 1425.869 671.131 1425.869 671.131 Z" fill="black"/>
+            <path d="M 1425.869 671.131 L 1431.131 671.131 C 1431.131 671.131 1429.8462 668.95094 1429.662 669.1652 C 1429.4778 669.3794 1429.2111 669.5654 1428.5037 669.5654 C 1427.7963 669.5654 1427.447 669.3538 1427.2783 669.1658 C 1427.1095 668.9779 1425.869 671.131 1425.869 671.131 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1308">
+          <rect x="1433.069" y="665.2" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1433.069" y="665.2" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1305">
+          <g id="Graphic_1307">
+            <circle cx="1436.5" cy="667.5935" r="1.46255374857881" fill="black"/>
+            <circle cx="1436.5" cy="667.5935" r="1.46255374857881" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1306">
+            <path d="M 1433.869 671.131 L 1439.131 671.131 C 1439.131 671.131 1437.8462 668.95094 1437.662 669.1652 C 1437.4778 669.3794 1437.2111 669.5654 1436.5037 669.5654 C 1435.7963 669.5654 1435.447 669.3538 1435.2783 669.1658 C 1435.1095 668.9779 1433.869 671.131 1433.869 671.131 Z" fill="black"/>
+            <path d="M 1433.869 671.131 L 1439.131 671.131 C 1439.131 671.131 1437.8462 668.95094 1437.662 669.1652 C 1437.4778 669.3794 1437.2111 669.5654 1436.5037 669.5654 C 1435.7963 669.5654 1435.447 669.3538 1435.2783 669.1658 C 1435.1095 668.9779 1433.869 671.131 1433.869 671.131 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Line_1304">
+          <line x1="1425.069" y1="674.062" x2="1431.931" y2="674.062" stroke="black" stroke-linecap="butt" stroke-linejoin="round" stroke-width="2"/>
+        </g>
+      </g>
+      <g id="Group_1080">
+        <g id="Graphic_1106">
+          <path d="M 1422 611.1304 L 1443.8 611.1304 C 1444.9046 611.1304 1445.8 612.0258 1445.8 613.1304 L 1445.8 630.528 C 1445.8 631.6326 1444.9046 632.528 1443.8 632.528 L 1422 632.528 C 1420.8955 632.528 1420 631.6326 1420 630.528 L 1420 613.1304 C 1420 612.0258 1420.8955 611.1304 1422 611.1304 Z" fill="#ccc"/>
+          <path d="M 1422 611.1304 L 1443.8 611.1304 C 1444.9046 611.1304 1445.8 612.0258 1445.8 613.1304 L 1445.8 630.528 C 1445.8 631.6326 1444.9046 632.528 1443.8 632.528 L 1422 632.528 C 1420.8955 632.528 1420 631.6326 1420 630.528 L 1420 613.1304 C 1420 612.0258 1420.8955 611.1304 1422 611.1304 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/>
+        </g>
+        <g id="Graphic_1105">
+          <rect x="1421.469" y="613.3994" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1421.469" y="613.3994" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1102">
+          <g id="Graphic_1104">
+            <circle cx="1424.9" cy="615.79294" r="1.46255374857884" fill="black"/>
+            <circle cx="1424.9" cy="615.79294" r="1.46255374857884" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1103">
+            <path d="M 1422.269 619.3304 L 1427.531 619.3304 C 1427.531 619.3304 1426.2462 617.15035 1426.062 617.3646 C 1425.8778 617.5788 1425.6111 617.7648 1424.9037 617.7648 C 1424.1963 617.7648 1423.847 617.5532 1423.6783 617.36524 C 1423.5095 617.1773 1422.269 619.3304 1422.269 619.3304 Z" fill="black"/>
+            <path d="M 1422.269 619.3304 L 1427.531 619.3304 C 1427.531 619.3304 1426.2462 617.15035 1426.062 617.3646 C 1425.8778 617.5788 1425.6111 617.7648 1424.9037 617.7648 C 1424.1963 617.7648 1423.847 617.5532 1423.6783 617.36524 C 1423.5095 617.1773 1422.269 619.3304 1422.269 619.3304 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1101">
+          <rect x="1429.469" y="613.3994" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1429.469" y="613.3994" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1098">
+          <g id="Graphic_1100">
+            <circle cx="1432.9" cy="615.79294" r="1.46255374857884" fill="black"/>
+            <circle cx="1432.9" cy="615.79294" r="1.46255374857884" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1099">
+            <path d="M 1430.269 619.3304 L 1435.531 619.3304 C 1435.531 619.3304 1434.2462 617.15035 1434.062 617.3646 C 1433.8778 617.5788 1433.6111 617.7648 1432.9037 617.7648 C 1432.1963 617.7648 1431.847 617.5532 1431.6783 617.36524 C 1431.5095 617.1773 1430.269 619.3304 1430.269 619.3304 Z" fill="black"/>
+            <path d="M 1430.269 619.3304 L 1435.531 619.3304 C 1435.531 619.3304 1434.2462 617.15035 1434.062 617.3646 C 1433.8778 617.5788 1433.6111 617.7648 1432.9037 617.7648 C 1432.1963 617.7648 1431.847 617.5532 1431.6783 617.36524 C 1431.5095 617.1773 1430.269 619.3304 1430.269 619.3304 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1097">
+          <rect x="1437.469" y="613.3994" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1437.469" y="613.3994" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1094">
+          <g id="Graphic_1096">
+            <circle cx="1440.9" cy="615.79294" r="1.46255374857866" fill="black"/>
+            <circle cx="1440.9" cy="615.79294" r="1.46255374857866" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1095">
+            <path d="M 1438.269 619.3304 L 1443.531 619.3304 C 1443.531 619.3304 1442.2462 617.15035 1442.062 617.3646 C 1441.8778 617.5788 1441.6111 617.7648 1440.9037 617.7648 C 1440.1963 617.7648 1439.847 617.5532 1439.6783 617.36524 C 1439.5095 617.1773 1438.269 619.3304 1438.269 619.3304 Z" fill="black"/>
+            <path d="M 1438.269 619.3304 L 1443.531 619.3304 C 1443.531 619.3304 1442.2462 617.15035 1442.062 617.3646 C 1441.8778 617.5788 1441.6111 617.7648 1440.9037 617.7648 C 1440.1963 617.7648 1439.847 617.5532 1439.6783 617.36524 C 1439.5095 617.1773 1438.269 619.3304 1438.269 619.3304 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1093">
+          <rect x="1421.469" y="621.3304" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1421.469" y="621.3304" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1090">
+          <g id="Graphic_1092">
+            <circle cx="1424.9" cy="623.7239" r="1.46255374857884" fill="black"/>
+            <circle cx="1424.9" cy="623.7239" r="1.46255374857884" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1091">
+            <path d="M 1422.269 627.2614 L 1427.531 627.2614 C 1427.531 627.2614 1426.2462 625.0813 1426.062 625.29554 C 1425.8778 625.50976 1425.6111 625.6958 1424.9037 625.6958 C 1424.1963 625.6958 1423.847 625.48415 1423.6783 625.2962 C 1423.5095 625.1083 1422.269 627.2614 1422.269 627.2614 Z" fill="black"/>
+            <path d="M 1422.269 627.2614 L 1427.531 627.2614 C 1427.531 627.2614 1426.2462 625.0813 1426.062 625.29554 C 1425.8778 625.50976 1425.6111 625.6958 1424.9037 625.6958 C 1424.1963 625.6958 1423.847 625.48415 1423.6783 625.2962 C 1423.5095 625.1083 1422.269 627.2614 1422.269 627.2614 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1089">
+          <rect x="1429.469" y="621.3304" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1429.469" y="621.3304" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1086">
+          <g id="Graphic_1088">
+            <circle cx="1432.9" cy="623.7239" r="1.46255374857884" fill="black"/>
+            <circle cx="1432.9" cy="623.7239" r="1.46255374857884" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1087">
+            <path d="M 1430.269 627.2614 L 1435.531 627.2614 C 1435.531 627.2614 1434.2462 625.0813 1434.062 625.29554 C 1433.8778 625.50976 1433.6111 625.6958 1432.9037 625.6958 C 1432.1963 625.6958 1431.847 625.48415 1431.6783 625.2962 C 1431.5095 625.1083 1430.269 627.2614 1430.269 627.2614 Z" fill="black"/>
+            <path d="M 1430.269 627.2614 L 1435.531 627.2614 C 1435.531 627.2614 1434.2462 625.0813 1434.062 625.29554 C 1433.8778 625.50976 1433.6111 625.6958 1432.9037 625.6958 C 1432.1963 625.6958 1431.847 625.48415 1431.6783 625.2962 C 1431.5095 625.1083 1430.269 627.2614 1430.269 627.2614 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1085">
+          <rect x="1437.469" y="621.3304" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1437.469" y="621.3304" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1082">
+          <g id="Graphic_1084">
+            <circle cx="1440.9" cy="623.7239" r="1.46255374857865" fill="black"/>
+            <circle cx="1440.9" cy="623.7239" r="1.46255374857865" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1083">
+            <path d="M 1438.269 627.2614 L 1443.531 627.2614 C 1443.531 627.2614 1442.2462 625.0813 1442.062 625.29554 C 1441.8778 625.50976 1441.6111 625.6958 1440.9037 625.6958 C 1440.1963 625.6958 1439.847 625.48415 1439.6783 625.2962 C 1439.5095 625.1083 1438.269 627.2614 1438.269 627.2614 Z" fill="black"/>
+            <path d="M 1438.269 627.2614 L 1443.531 627.2614 C 1443.531 627.2614 1442.2462 625.0813 1442.062 625.29554 C 1441.8778 625.50976 1441.6111 625.6958 1440.9037 625.6958 C 1440.1963 625.6958 1439.847 625.48415 1439.6783 625.2962 C 1439.5095 625.1083 1438.269 627.2614 1438.269 627.2614 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Line_1081">
+          <line x1="1429.469" y1="630.19234" x2="1436.331" y2="630.19234" stroke="black" stroke-linecap="butt" stroke-linejoin="round" stroke-width="2"/>
+        </g>
+      </g>
+      <g id="Group_1276">
+        <g id="Graphic_1302">
+          <path d="M 1424.6 640.4 L 1446.4 640.4 C 1447.5046 640.4 1448.4 641.29544 1448.4 642.4 L 1448.4 659.7976 C 1448.4 660.9022 1447.5046 661.7976 1446.4 661.7976 L 1424.6 661.7976 C 1423.4955 661.7976 1422.6 660.9022 1422.6 659.7976 L 1422.6 642.4 C 1422.6 641.29544 1423.4955 640.4 1424.6 640.4 Z" fill="#ccc"/>
+          <path d="M 1424.6 640.4 L 1446.4 640.4 C 1447.5046 640.4 1448.4 641.29544 1448.4 642.4 L 1448.4 659.7976 C 1448.4 660.9022 1447.5046 661.7976 1446.4 661.7976 L 1424.6 661.7976 C 1423.4955 661.7976 1422.6 660.9022 1422.6 659.7976 L 1422.6 642.4 C 1422.6 641.29544 1423.4955 640.4 1424.6 640.4 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/>
+        </g>
+        <g id="Graphic_1301">
+          <rect x="1424.069" y="642.669" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1424.069" y="642.669" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1298">
+          <g id="Graphic_1300">
+            <circle cx="1427.5" cy="645.06256" r="1.46255374857881" fill="black"/>
+            <circle cx="1427.5" cy="645.06256" r="1.46255374857881" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1299">
+            <path d="M 1424.869 648.6 L 1430.131 648.6 C 1430.131 648.6 1428.8462 646.42 1428.662 646.6342 C 1428.4778 646.8484 1428.2111 647.0344 1427.5037 647.0344 C 1426.7963 647.0344 1426.447 646.8228 1426.2783 646.63486 C 1426.1095 646.4469 1424.869 648.6 1424.869 648.6 Z" fill="black"/>
+            <path d="M 1424.869 648.6 L 1430.131 648.6 C 1430.131 648.6 1428.8462 646.42 1428.662 646.6342 C 1428.4778 646.8484 1428.2111 647.0344 1427.5037 647.0344 C 1426.7963 647.0344 1426.447 646.8228 1426.2783 646.63486 C 1426.1095 646.4469 1424.869 648.6 1424.869 648.6 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1297">
+          <rect x="1432.069" y="642.669" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1432.069" y="642.669" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1294">
+          <g id="Graphic_1296">
+            <circle cx="1435.5" cy="645.06256" r="1.46255374857884" fill="black"/>
+            <circle cx="1435.5" cy="645.06256" r="1.46255374857884" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1295">
+            <path d="M 1432.869 648.6 L 1438.131 648.6 C 1438.131 648.6 1436.8462 646.42 1436.662 646.6342 C 1436.4778 646.8484 1436.2111 647.0344 1435.5037 647.0344 C 1434.7963 647.0344 1434.447 646.8228 1434.2783 646.63486 C 1434.1095 646.4469 1432.869 648.6 1432.869 648.6 Z" fill="black"/>
+            <path d="M 1432.869 648.6 L 1438.131 648.6 C 1438.131 648.6 1436.8462 646.42 1436.662 646.6342 C 1436.4778 646.8484 1436.2111 647.0344 1435.5037 647.0344 C 1434.7963 647.0344 1434.447 646.8228 1434.2783 646.63486 C 1434.1095 646.4469 1432.869 648.6 1432.869 648.6 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1293">
+          <rect x="1440.069" y="642.669" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1440.069" y="642.669" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1290">
+          <g id="Graphic_1292">
+            <circle cx="1443.5" cy="645.06256" r="1.46255374857872" fill="black"/>
+            <circle cx="1443.5" cy="645.06256" r="1.46255374857872" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1291">
+            <path d="M 1440.869 648.6 L 1446.131 648.6 C 1446.131 648.6 1444.8462 646.42 1444.662 646.6342 C 1444.4778 646.8484 1444.2111 647.0344 1443.5037 647.0344 C 1442.7963 647.0344 1442.447 646.8228 1442.2783 646.63486 C 1442.1095 646.4469 1440.869 648.6 1440.869 648.6 Z" fill="black"/>
+            <path d="M 1440.869 648.6 L 1446.131 648.6 C 1446.131 648.6 1444.8462 646.42 1444.662 646.6342 C 1444.4778 646.8484 1444.2111 647.0344 1443.5037 647.0344 C 1442.7963 647.0344 1442.447 646.8228 1442.2783 646.63486 C 1442.1095 646.4469 1440.869 648.6 1440.869 648.6 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1289">
+          <rect x="1424.069" y="650.6" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1424.069" y="650.6" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1286">
+          <g id="Graphic_1288">
+            <circle cx="1427.5" cy="652.9935" r="1.46255374857879" fill="black"/>
+            <circle cx="1427.5" cy="652.9935" r="1.46255374857879" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1287">
+            <path d="M 1424.869 656.531 L 1430.131 656.531 C 1430.131 656.531 1428.8462 654.35094 1428.662 654.5652 C 1428.4778 654.7794 1428.2111 654.9654 1427.5037 654.9654 C 1426.7963 654.9654 1426.447 654.7538 1426.2783 654.5658 C 1426.1095 654.3779 1424.869 656.531 1424.869 656.531 Z" fill="black"/>
+            <path d="M 1424.869 656.531 L 1430.131 656.531 C 1430.131 656.531 1428.8462 654.35094 1428.662 654.5652 C 1428.4778 654.7794 1428.2111 654.9654 1427.5037 654.9654 C 1426.7963 654.9654 1426.447 654.7538 1426.2783 654.5658 C 1426.1095 654.3779 1424.869 656.531 1424.869 656.531 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1285">
+          <rect x="1432.069" y="650.6" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1432.069" y="650.6" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1282">
+          <g id="Graphic_1284">
+            <circle cx="1435.5" cy="652.9935" r="1.46255374857882" fill="black"/>
+            <circle cx="1435.5" cy="652.9935" r="1.46255374857882" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1283">
+            <path d="M 1432.869 656.531 L 1438.131 656.531 C 1438.131 656.531 1436.8462 654.35094 1436.662 654.5652 C 1436.4778 654.7794 1436.2111 654.9654 1435.5037 654.9654 C 1434.7963 654.9654 1434.447 654.7538 1434.2783 654.5658 C 1434.1095 654.3779 1432.869 656.531 1432.869 656.531 Z" fill="black"/>
+            <path d="M 1432.869 656.531 L 1438.131 656.531 C 1438.131 656.531 1436.8462 654.35094 1436.662 654.5652 C 1436.4778 654.7794 1436.2111 654.9654 1435.5037 654.9654 C 1434.7963 654.9654 1434.447 654.7538 1434.2783 654.5658 C 1434.1095 654.3779 1432.869 656.531 1432.869 656.531 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1281">
+          <rect x="1440.069" y="650.6" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1440.069" y="650.6" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1278">
+          <g id="Graphic_1280">
+            <circle cx="1443.5" cy="652.9935" r="1.4625537485787" fill="black"/>
+            <circle cx="1443.5" cy="652.9935" r="1.4625537485787" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1279">
+            <path d="M 1440.869 656.531 L 1446.131 656.531 C 1446.131 656.531 1444.8462 654.35094 1444.662 654.5652 C 1444.4778 654.7794 1444.2111 654.9654 1443.5037 654.9654 C 1442.7963 654.9654 1442.447 654.7538 1442.2783 654.5658 C 1442.1095 654.3779 1440.869 656.531 1440.869 656.531 Z" fill="black"/>
+            <path d="M 1440.869 656.531 L 1446.131 656.531 C 1446.131 656.531 1444.8462 654.35094 1444.662 654.5652 C 1444.4778 654.7794 1444.2111 654.9654 1443.5037 654.9654 C 1442.7963 654.9654 1442.447 654.7538 1442.2783 654.5658 C 1442.1095 654.3779 1440.869 656.531 1440.869 656.531 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Line_1277">
+          <line x1="1432.069" y1="659.462" x2="1438.931" y2="659.462" stroke="black" stroke-linecap="butt" stroke-linejoin="round" stroke-width="2"/>
+        </g>
+      </g>
+      <g id="Group_1249">
+        <g id="Graphic_1275">
+          <path d="M 1427.6 626.8 L 1449.4 626.8 C 1450.5046 626.8 1451.4 627.69544 1451.4 628.8 L 1451.4 646.1976 C 1451.4 647.3022 1450.5046 648.1976 1449.4 648.1976 L 1427.6 648.1976 C 1426.4955 648.1976 1425.6 647.3022 1425.6 646.1976 L 1425.6 628.8 C 1425.6 627.69544 1426.4955 626.8 1427.6 626.8 Z" fill="#ccc"/>
+          <path d="M 1427.6 626.8 L 1449.4 626.8 C 1450.5046 626.8 1451.4 627.69544 1451.4 628.8 L 1451.4 646.1976 C 1451.4 647.3022 1450.5046 648.1976 1449.4 648.1976 L 1427.6 648.1976 C 1426.4955 648.1976 1425.6 647.3022 1425.6 646.1976 L 1425.6 628.8 C 1425.6 627.69544 1426.4955 626.8 1427.6 626.8 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/>
+        </g>
+        <g id="Graphic_1274">
+          <rect x="1427.069" y="629.069" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1427.069" y="629.069" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1271">
+          <g id="Graphic_1273">
+            <circle cx="1430.5" cy="631.46256" r="1.46255374857872" fill="black"/>
+            <circle cx="1430.5" cy="631.46256" r="1.46255374857872" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1272">
+            <path d="M 1427.869 635 L 1433.131 635 C 1433.131 635 1431.8462 632.82 1431.662 633.0342 C 1431.4778 633.2484 1431.2111 633.4344 1430.5037 633.4344 C 1429.7963 633.4344 1429.447 633.2228 1429.2783 633.03486 C 1429.1095 632.8469 1427.869 635 1427.869 635 Z" fill="black"/>
+            <path d="M 1427.869 635 L 1433.131 635 C 1433.131 635 1431.8462 632.82 1431.662 633.0342 C 1431.4778 633.2484 1431.2111 633.4344 1430.5037 633.4344 C 1429.7963 633.4344 1429.447 633.2228 1429.2783 633.03486 C 1429.1095 632.8469 1427.869 635 1427.869 635 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1270">
+          <rect x="1435.069" y="629.069" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1435.069" y="629.069" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1267">
+          <g id="Graphic_1269">
+            <circle cx="1438.5" cy="631.46256" r="1.46255374857884" fill="black"/>
+            <circle cx="1438.5" cy="631.46256" r="1.46255374857884" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1268">
+            <path d="M 1435.869 635 L 1441.131 635 C 1441.131 635 1439.8462 632.82 1439.662 633.0342 C 1439.4778 633.2484 1439.2111 633.4344 1438.5037 633.4344 C 1437.7963 633.4344 1437.447 633.2228 1437.2783 633.03486 C 1437.1095 632.8469 1435.869 635 1435.869 635 Z" fill="black"/>
+            <path d="M 1435.869 635 L 1441.131 635 C 1441.131 635 1439.8462 632.82 1439.662 633.0342 C 1439.4778 633.2484 1439.2111 633.4344 1438.5037 633.4344 C 1437.7963 633.4344 1437.447 633.2228 1437.2783 633.03486 C 1437.1095 632.8469 1435.869 635 1435.869 635 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1266">
+          <rect x="1443.069" y="629.069" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1443.069" y="629.069" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1263">
+          <g id="Graphic_1265">
+            <circle cx="1446.5" cy="631.46256" r="1.46255374857881" fill="black"/>
+            <circle cx="1446.5" cy="631.46256" r="1.46255374857881" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1264">
+            <path d="M 1443.869 635 L 1449.131 635 C 1449.131 635 1447.8462 632.82 1447.662 633.0342 C 1447.4778 633.2484 1447.2111 633.4344 1446.5037 633.4344 C 1445.7963 633.4344 1445.447 633.2228 1445.2783 633.03486 C 1445.1095 632.8469 1443.869 635 1443.869 635 Z" fill="black"/>
+            <path d="M 1443.869 635 L 1449.131 635 C 1449.131 635 1447.8462 632.82 1447.662 633.0342 C 1447.4778 633.2484 1447.2111 633.4344 1446.5037 633.4344 C 1445.7963 633.4344 1445.447 633.2228 1445.2783 633.03486 C 1445.1095 632.8469 1443.869 635 1443.869 635 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1262">
+          <rect x="1427.069" y="637" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1427.069" y="637" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1259">
+          <g id="Graphic_1261">
+            <circle cx="1430.5" cy="639.3935" r="1.46255374857873" fill="black"/>
+            <circle cx="1430.5" cy="639.3935" r="1.46255374857873" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1260">
+            <path d="M 1427.869 642.931 L 1433.131 642.931 C 1433.131 642.931 1431.8462 640.75094 1431.662 640.96516 C 1431.4778 641.1794 1431.2111 641.3654 1430.5037 641.3654 C 1429.7963 641.3654 1429.447 641.1538 1429.2783 640.9658 C 1429.1095 640.7779 1427.869 642.931 1427.869 642.931 Z" fill="black"/>
+            <path d="M 1427.869 642.931 L 1433.131 642.931 C 1433.131 642.931 1431.8462 640.75094 1431.662 640.96516 C 1431.4778 641.1794 1431.2111 641.3654 1430.5037 641.3654 C 1429.7963 641.3654 1429.447 641.1538 1429.2783 640.9658 C 1429.1095 640.7779 1427.869 642.931 1427.869 642.931 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1258">
+          <rect x="1435.069" y="637" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1435.069" y="637" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1255">
+          <g id="Graphic_1257">
+            <circle cx="1438.5" cy="639.3935" r="1.46255374857885" fill="black"/>
+            <circle cx="1438.5" cy="639.3935" r="1.46255374857885" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1256">
+            <path d="M 1435.869 642.931 L 1441.131 642.931 C 1441.131 642.931 1439.8462 640.75094 1439.662 640.96516 C 1439.4778 641.1794 1439.2111 641.3654 1438.5037 641.3654 C 1437.7963 641.3654 1437.447 641.1538 1437.2783 640.9658 C 1437.1095 640.7779 1435.869 642.931 1435.869 642.931 Z" fill="black"/>
+            <path d="M 1435.869 642.931 L 1441.131 642.931 C 1441.131 642.931 1439.8462 640.75094 1439.662 640.96516 C 1439.4778 641.1794 1439.2111 641.3654 1438.5037 641.3654 C 1437.7963 641.3654 1437.447 641.1538 1437.2783 640.9658 C 1437.1095 640.7779 1435.869 642.931 1435.869 642.931 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Graphic_1254">
+          <rect x="1443.069" y="637" width="6.861953" height="6.861953" fill="white"/>
+          <rect x="1443.069" y="637" width="6.861953" height="6.861953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"/>
+        </g>
+        <g id="Group_1251">
+          <g id="Graphic_1253">
+            <circle cx="1446.5" cy="639.3935" r="1.46255374857882" fill="black"/>
+            <circle cx="1446.5" cy="639.3935" r="1.46255374857882" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+          <g id="Graphic_1252">
+            <path d="M 1443.869 642.931 L 1449.131 642.931 C 1449.131 642.931 1447.8462 640.75094 1447.662 640.96516 C 1447.4778 641.1794 1447.2111 641.3654 1446.5037 641.3654 C 1445.7963 641.3654 1445.447 641.1538 1445.2783 640.9658 C 1445.1095 640.7779 1443.869 642.931 1443.869 642.931 Z" fill="black"/>
+            <path d="M 1443.869 642.931 L 1449.131 642.931 C 1449.131 642.931 1447.8462 640.75094 1447.662 640.96516 C 1447.4778 641.1794 1447.2111 641.3654 1446.5037 641.3654 C 1445.7963 641.3654 1445.447 641.1538 1445.2783 640.9658 C 1445.1095 640.7779 1443.869 642.931 1443.869 642.931 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/>
+          </g>
+        </g>
+        <g id="Line_1250">
+          <line x1="1435.069" y1="645.862" x2="1441.931" y2="645.862" stroke="black" stroke-linecap="butt" stroke-linejoin="round" stroke-width="2"/>
+        </g>
+      </g>
+      <g id="Line_1330">
+        <line x1="1347.1" y1="624.9108" x2="1415.2031" y2="622.4648" marker-end="url(#SharpArrow_Marker)" stroke="#b34400" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      </g>
+      <g id="Line_1331">
+        <line x1="1347.1" y1="631.6988" x2="1420.8097" y2="636.3762" marker-end="url(#SharpArrow_Marker)" stroke="#b34400" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      </g>
+      <g id="Line_1332">
+        <line x1="1347.1" y1="638.4868" x2="1417.8481" y2="648.5804" marker-end="url(#SharpArrow_Marker)" stroke="#b34400" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      </g>
+      <g id="Line_1333">
+        <line x1="1347.1" y1="645.2748" x2="1410.9443" y2="661.2939" marker-end="url(#SharpArrow_Marker)" stroke="#b34400" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/resources/extra-large-conference/pre-configure.sh b/resources/extra-large-conference/pre-configure.sh
new file mode 100755
index 0000000..11d7788
--- /dev/null
+++ b/resources/extra-large-conference/pre-configure.sh
@@ -0,0 +1,61 @@
+#!/bin/bash
+
+SCRIPT_DIR=`dirname "$0"`
+cd $SCRIPT_DIR
+
+NUMBER_OF_INSTANCES=$1
+
+if ! [[ $NUMBER_OF_INSTANCES =~ ^[0-9]+([.][0-9]+)?$ ]] ; then
+   echo "error: Not a number param" >&2;
+   exit 1
+fi
+
+echo "Will configure $NUMBER_OF_INSTANCES number of visitor prosodies"
+set -e
+set -x
+
+JICOFO_HOSTNAME=$(echo get jitsi-videobridge/jvb-hostname | sudo debconf-communicate jicofo | cut -d' ' -f2-)
+
+# Configure prosody instances
+for (( i=1 ; i<=${NUMBER_OF_INSTANCES} ; i++ ));
+do
+    cp prosody-v.service.template /lib/systemd/system/prosody-v${i}.service
+    sed -i "s/vX/v${i}/g" /lib/systemd/system/prosody-v${i}.service
+    mkdir /etc/prosody-v${i}
+    ln -s /etc/prosody/certs /etc/prosody-v${i}/certs
+    cp prosody.cfg.lua.visitor.template /etc/prosody-v${i}/prosody.cfg.lua
+    sed -i "s/vX/v${i}/g" /etc/prosody-v${i}/prosody.cfg.lua
+    sed -i "s/jitmeet.example.com/$JICOFO_HOSTNAME/g" /etc/prosody-v${i}/prosody.cfg.lua
+    # fix the ports
+    sed -i "s/52691/5269${i}/g" /etc/prosody-v${i}/prosody.cfg.lua
+    sed -i "s/52221/5222${i}/g" /etc/prosody-v${i}/prosody.cfg.lua
+    sed -i "s/52801/5280${i}/g" /etc/prosody-v${i}/prosody.cfg.lua
+    sed -i "s/52811/5281${i}/g" /etc/prosody-v${i}/prosody.cfg.lua
+done
+
+# Configure jicofo
+HOCON_CONFIG="/etc/jitsi/jicofo/jicofo.conf"
+hocon -f $HOCON_CONFIG set "jicofo.bridge.selection-strategy" "VisitorSelectionStrategy"
+hocon -f $HOCON_CONFIG set "jicofo.bridge.visitor-selection-strategy" "RegionBasedBridgeSelectionStrategy"
+hocon -f $HOCON_CONFIG set "jicofo.bridge.participant-selection-strategy" "RegionBasedBridgeSelectionStrategy"
+hocon -f $HOCON_CONFIG set "jicofo.bridge.topology-strategy" "VisitorTopologyStrategy"
+
+PASS=$(hocon -f $HOCON_CONFIG get "jicofo.xmpp.client.password")
+for (( i=1 ; i<=${NUMBER_OF_INSTANCES} ; i++ ));
+do
+  prosodyctl --config /etc/prosody-v${i}/prosody.cfg.lua register focus auth.meet.jitsi $PASS
+  hocon -f $HOCON_CONFIG set "jicofo.xmpp.visitors.v${i}.enabled" true
+  hocon -f $HOCON_CONFIG set "jicofo.xmpp.visitors.v${i}.conference-service" "conference.v${i}.meet.jitsi"
+  hocon -f $HOCON_CONFIG set "jicofo.xmpp.visitors.v${i}.hostname" 127.0.0.1
+  hocon -f $HOCON_CONFIG set "jicofo.xmpp.visitors.v${i}.port" 5222${i}
+  hocon -f $HOCON_CONFIG set "jicofo.xmpp.visitors.v${i}.domain" "auth.meet.jitsi"
+  hocon -f $HOCON_CONFIG set "jicofo.xmpp.visitors.v${i}.xmpp-domain" "v${i}.meet.jitsi"
+  hocon -f $HOCON_CONFIG set "jicofo.xmpp.visitors.v${i}.password" "${PASS}"
+  hocon -f $HOCON_CONFIG set "jicofo.xmpp.visitors.v${i}.disable-certificate-verification" true
+done
+
+for (( i=1 ; i<=${NUMBER_OF_INSTANCES} ; i++ ));
+do
+  service prosody-v${i} restart
+done
+service jicofo restart
diff --git a/resources/extra-large-conference/prosody-v.service.template b/resources/extra-large-conference/prosody-v.service.template
new file mode 100644
index 0000000..b37dcdf
--- /dev/null
+++ b/resources/extra-large-conference/prosody-v.service.template
@@ -0,0 +1,46 @@
+[Unit]
+### see man systemd.unit
+Description=Prosody vX (visitor vX) JVB XMPP Server
+Documentation=https://prosody.im/doc
+
+Requires=network-online.target
+After=network-online.target network.target mariadb.service mysql.service postgresql.service
+Before=biboumi.service
+
+[Service]
+### see man systemd.service
+Type=simple
+
+# Start by executing the main executable
+# Note: -F option requires Prosody 0.11.5 or later
+ExecStart=/usr/bin/prosody --config /etc/prosody-vX/prosody.cfg.lua -F
+ExecReload=/bin/kill -HUP $MAINPID
+Restart=on-abnormal
+
+### see man systemd.exec
+User=prosody
+Group=prosody
+UMask=0027
+
+RuntimeDirectory=prosody-vX
+ConfigurationDirectory=prosody-vX
+StateDirectory=prosody-vX
+StateDirectoryMode=0750
+LogsDirectory=prosody-vX
+WorkingDirectory=~
+
+# Set stdin to /dev/null since Prosody does not need it
+StandardInput=null
+
+# Direct stdout/-err to journald for use with log = "*stdout"
+StandardOutput=journal
+StandardError=inherit
+
+# Allow binding low ports
+AmbientCapabilities=CAP_NET_BIND_SERVICE
+
+[Install]
+### see man systemd.unit
+WantedBy=multi-user.target
+
+# vim: filetype=systemd
diff --git a/resources/extra-large-conference/prosody.cfg.lua.visitor.template b/resources/extra-large-conference/prosody.cfg.lua.visitor.template
new file mode 100644
index 0000000..3d52837
--- /dev/null
+++ b/resources/extra-large-conference/prosody.cfg.lua.visitor.template
@@ -0,0 +1,145 @@
+---------- Server-wide settings ----------
+s2s_ports = { 52691 };
+c2s_ports = { 52221 }
+http_ports = { 52801 }
+https_ports = { 52811 }
+
+daemonize = true;
+
+-- we use a common jid for jicofo
+admins = {
+    'focus@auth.meet.jitsi'
+}
+
+-- Enable use of native prosody 0.11 support for epoll over select
+network_backend = 'epoll';
+network_settings = {
+  tcp_backlog = 511;
+}
+
+modules_enabled = {
+      'saslauth';
+      'tls';
+      'disco';
+      'posix';
+
+      'secure_interfaces';
+
+    -- jitsi
+      'websocket';
+      'bosh';
+      's2s_bidi';
+      's2s_whitelist';
+      's2sout_override';
+      'certs_s2soutinjection';
+};
+
+s2s_whitelist = {
+    'conference.jitmeet.example.com', -- needed for visitors to send messages to main room
+    'visitors.jitmeet.example.com'; -- needed for sending promotion request to visitors.jitmeet.example.com component
+    'jitmeet.example.com'; -- unavailable presences back to main room
+    'polls.jitmeet.example.com'; -- polls component
+};
+
+s2sout_override = {
+    ["conference.jitmeet.example.com"] = "tcp://127.0.0.1:5269"; -- needed for visitors to send messages to main room
+    ["jitmeet.example.com"] = "tcp://127.0.0.1:5269"; -- needed for the main room when connecting in to send main participants
+    ["visitors.jitmeet.example.com"] = "tcp://127.0.0.1:5269"; -- needed for sending promotion request to visitors.jitmeet.example.com component
+    ['polls.jitmeet.example.com'] = "tcp://127.0.0.1:5269"; -- polls component
+}
+
+external_service_secret = '__turnSecret__';
+
+external_services = {
+    { type = 'stun', host = 'jitmeet.example.com', port = 3478 },
+    { type = 'turn', host = 'jitmeet.example.com', port = 3478, transport = 'udp', secret = true, ttl = 86400, algorithm = 'turn' },
+    { type = 'turns', host = 'jitmeet.example.com', port = 5349, transport = 'tcp', secret = true, ttl = 86400, algorithm = 'turn' }
+};
+
+muc_mapper_domain_base = 'vX.meet.jitsi';
+main_domain = 'jitmeet.example.com';
+
+-- https://prosody.im/doc/modules/mod_smacks
+smacks_max_unacked_stanzas = 5;
+smacks_hibernation_time = 60;
+-- this is dropped in 0.12
+smacks_max_hibernated_sessions = 1;
+smacks_max_old_sessions = 1;
+
+unlimited_jids = { 'focus@auth.meet.jitsi' }
+limits = {
+    c2s = {
+        rate = '512kb/s';
+    };
+}
+
+modules_disabled = {
+    'offline';
+    'pubsub';
+    'register';
+};
+
+allow_registration = false;
+authentication = 'internal_hashed'
+storage = 'internal'
+log = {
+    -- Log files (change 'info' to 'debug' for debug logs):
+    info = '/var/log/prosody-vX/prosody.log';
+    error = '/var/log/prosody-vX/prosody.err';
+}
+
+consider_websocket_secure = true;
+consider_bosh_secure = true;
+bosh_max_inactivity = 60;
+
+plugin_paths = { '/usr/share/jitsi-meet/prosody-plugins/' }
+
+----------- Virtual hosts -----------
+VirtualHost 'vX.meet.jitsi'
+    authentication = 'jitsi-anonymous'
+    ssl = {
+        key = '/etc/prosody/certs/jitmeet.example.com.key';
+        certificate = '/etc/prosody/certs/jitmeet.example.com.crt';
+    }
+    modules_enabled = {
+      'bosh';
+      'ping';
+      'external_services';
+      'smacks';
+      'jiconop';
+      'conference_duration';
+      'features_identity';
+    }
+    main_muc = 'conference.vX.meet.jitsi';
+
+VirtualHost 'auth.meet.jitsi'
+    modules_enabled = {
+          'limits_exception';
+          'ping';
+          'smacks';
+    }
+    authentication = 'internal_hashed'
+    smacks_hibernation_time = 15;
+
+Component 'conference.vX.meet.jitsi' 'muc'
+    storage = 'memory'
+    muc_room_cache_size = 10000
+    restrict_room_creation = true
+    modules_enabled = {
+        'muc_hide_all';
+        'muc_domain_mapper';
+        'muc_meeting_id';
+        'fmuc';
+        's2s_bidi';
+        's2s_whitelist';
+        's2sout_override';
+    }
+    muc_room_default_presence_broadcast = {
+        visitor = false;
+        participant = true;
+        moderator = true;
+    };
+    muc_room_locking = false
+    muc_room_default_public_jids = true
+
+Component 'polls.vX.meet.jitsi' 'polls_component'
diff --git a/resources/file-sharing.yaml b/resources/file-sharing.yaml
new file mode 100644
index 0000000..14ec573
--- /dev/null
+++ b/resources/file-sharing.yaml
@@ -0,0 +1,292 @@
+openapi: 3.0.1
+info:
+  title: File Sharing API
+  description: Management of the file sharing feature
+  version: 1.0.0
+servers:
+  - url: https://your-server-here
+    description: Generated server url
+security:
+  - HttpBearerKey: []
+tags:
+  - name: Content sharing history
+    description: crud operation for shared documents
+paths:
+  /v1/documents/sessions/{sessionId}/files:
+    get:
+      tags:
+        - Document sharing history
+      summary: Return a list of metadata with pre-sign urls for download
+      description: Used to get the list of files in past meetings
+      operationId: retrieveContentSharingHistory_1
+      parameters:
+        - name: sessionId
+          in: path
+          required: true
+          schema:
+            type: string
+        - name: offset
+          in: query
+          required: false
+          schema:
+            type: integer
+            format: int32
+            default: 0
+        - name: page-size
+          in: query
+          required: false
+          schema:
+            type: integer
+            format: int32
+            default: 20
+      responses:
+        '200':
+          description: OK
+          content:
+            application/json:
+              schema:
+                type: array
+                items:
+                  $ref: '#/components/schemas/CssFileMetadataResponse'
+    post:
+      tags:
+        - Document sharing history
+      summary: Save an document and metadata
+      description: Add a  document to a meeting - allowed only to those with file-sharing feature if any
+      operationId: addDocumentInMeeting
+      parameters:
+        - name: sessionId
+          in: path
+          description: The session ID of the meeting.
+          required: true
+          schema:
+            type: string
+      requestBody:
+        content:
+          multipart/form-data:
+            schema:
+              required:
+                - file
+                - metadata
+              type: object
+              properties:
+                metadata:
+                  type: string
+                  description: The metadata of the document in JSON format. Must conform to FileMetadata schema.
+                  example: '{"conferenceFullName":"myroomname@conference.tenant.jitsi-meet.example.com","timestamp":1741017572040,"fileSize":1042157,"fileId":"e393a7e5-e790-4f43-836e-d27238201904"}'
+                file:
+                  type: string
+                  description: The file to be uploaded.
+                  format: binary
+      responses:
+        '200':
+          description: Document added successfully
+          content:
+            application/json:
+              schema:
+                $ref: '#/components/schemas/AddDocumentResponse'
+              example:
+                fileId: e393a7e5-e790-4f43-836e-d27238201904
+    delete:
+      tags:
+        - Document sharing history
+      summary: Deletes documents for a given session, user and customer
+      operationId: deleteDocumentsForSessionCustomerAndUser
+      parameters:
+        - name: sessionId
+          in: path
+          required: true
+          schema:
+            type: string
+        - name: user-id
+          in: query
+          required: true
+          schema:
+            type: string
+        - name: customer-id
+          in: query
+          required: true
+          schema:
+            type: string
+      responses:
+        '204':
+          description: No Content
+  /v1/documents/sessions/{sessionId}/files/{fileId}:
+    get:
+      tags:
+        - Document sharing history
+      summary: Get file pre-signed URL plus document info
+      description: Used by UI to get the presign url for the file before serving it to the user who needs it
+      operationId: getDocumentInfoDuringMeeting
+      parameters:
+        - name: sessionId
+          in: path
+          required: true
+          schema:
+            type: string
+        - name: fileId
+          in: path
+          description: The file ID to be deleted.
+          required: true
+          schema:
+            type: string
+      responses:
+        '200':
+          description: OK
+          content:
+            '*/*':
+              schema:
+                $ref: '#/components/schemas/DocumentMetadataResponse'
+    delete:
+      tags:
+        - Document sharing history
+      summary: Delete a file by sessionId and fileId
+      description: Delete a file by sessionId and fileId allowed by all moderators
+      operationId: deleteFile
+      parameters:
+        - name: sessionId
+          in: path
+          description: The session ID of the meeting.
+          required: true
+          schema:
+            type: string
+          example: 86bf35e2-62a5-497e-9cae-efd35139f81f
+        - name: fileId
+          in: path
+          description: The file ID to be deleted.
+          required: true
+          schema:
+            type: string
+      responses:
+        '200':
+          description: OK
+components:
+  schemas:
+    FileMetadata:
+      type: object
+      required:
+        - fileId
+        - conferenceFullName
+        - timestamp
+        - fileSize
+      properties:
+        fileId:
+          type: string
+          format: uuid
+          description: Client-generated unique identifier for the file
+          example: e393a7e5-e790-4f43-836e-d27238201904
+        conferenceFullName:
+          type: string
+          description: Full name of the conference/meeting room
+          example: myroomname@conference.tenant.jitsi-meet.example.com
+        timestamp:
+          type: integer
+          format: int64
+          description: Upload timestamp in milliseconds since epoch
+          example: 1741017572040
+        fileSize:
+          type: integer
+          format: int64
+          description: Size of the file in bytes
+          example: 1042157
+      description: Metadata structure that must be sent as JSON string in the metadata field
+    Payload:
+      type: object
+      properties:
+        isBreakout:
+          type: boolean
+        conference:
+          type: string
+    AddDocumentResponse:
+      type: object
+      properties:
+        fileId:
+          type: string
+          description: File ID of the added document
+          example: e393a7e5-e790-4f43-836e-d27238201904
+      description: Response body containing the fileId of the added document
+    CssFileMetadataResponse:
+      type: object
+      properties:
+        objectId:
+          type: string
+          description: Object id - can be file id
+          example: e393a7e5-e790-4f43-836e-d27238201904
+        sessionId:
+          type: string
+          description: Session id
+          example: 85a32e37-ddd5-45de-89a6-e94ccffe547a
+        timestamp:
+          type: integer
+          description: Added timestamp
+          format: int64
+          example: 124
+        contentType:
+          type: string
+          description: Content type
+          example: application/pdf
+        objectName:
+          type: string
+          description: Object name
+          example: e393a7e5-e790-4f43-836e-d27238201904
+        initiatorId:
+          type: string
+          description: User id for the author
+          example: f56g5y4
+        preSignedUrl:
+          type: string
+          description: Presign url - expires after 24h for JaaS
+          example: https://oracle.com/presigned-url
+      description: Response body containing the file metadata
+    PaginatedResponseCssFileMetadataResponse:
+      type: object
+      properties:
+        content:
+          type: array
+          items:
+            $ref: '#/components/schemas/CssFileMetadataResponse'
+        nextStartWith:
+          type: string
+    DocumentMetadataResponse:
+      type: object
+      properties:
+        fileId:
+          type: string
+          description: File ID of the document
+          example: e393a7e5-e790-4f43-836e-d27238201904
+        sessionId:
+          type: string
+          description: Session ID of the document
+          example: 85a32e37-ddd5-45de-89a6-e94ccffe547a
+        fileName:
+          type: string
+          description: Filename
+          example: sample.pdf
+        customerId:
+          type: string
+          description: Customer id
+          example: vthtryv56yb65
+        userId:
+          type: string
+          description: User id
+          example: dvdsvfhjv
+        presignedUrl:
+          type: string
+          description: Presign url - points to document sharing since for CSS the link expires in 3h
+          example: https://content-sharing-url.com
+        createdAt:
+          type: integer
+          description: Created at
+          format: int64
+          example: 1745436546
+        fileSize:
+          type: integer
+          description: File Size
+          format: int64
+          example: 124
+      description: Response body containing the document metadata
+  securitySchemes:
+    HttpBearerKey:
+      type: http
+      description: Http request Authorization header
+      scheme: bearer
diff --git a/resources/img/appstore-badge.png b/resources/img/appstore-badge.png
new file mode 100644
index 0000000..8e91eb3
Binary files /dev/null and b/resources/img/appstore-badge.png differ
diff --git a/resources/img/f-droid-badge.png b/resources/img/f-droid-badge.png
new file mode 100644
index 0000000..0fcd0eb
Binary files /dev/null and b/resources/img/f-droid-badge.png differ
diff --git a/resources/img/google-play-badge.png b/resources/img/google-play-badge.png
new file mode 100644
index 0000000..45bb3d4
Binary files /dev/null and b/resources/img/google-play-badge.png differ
diff --git a/resources/install-letsencrypt-cert.sh b/resources/install-letsencrypt-cert.sh
new file mode 100755
index 0000000..9c78c3b
--- /dev/null
+++ b/resources/install-letsencrypt-cert.sh
@@ -0,0 +1,74 @@
+#!/bin/bash
+
+set -e
+
+echo "-------------------------------------------------------------------------"
+echo "This script will:"
+echo "- Need a working DNS record pointing to this machine(for hostname ${DOMAIN})"
+echo "- Install additional dependencies in order to request Let’s Encrypt certificate (acme.sh)"
+echo "- Configure and reload nginx or apache2, whichever is used"
+echo "- Configure the coturn server to use Let's Encrypt certificate and add required deploy hooks"
+echo "- Configure renew of certificate"
+echo ""
+
+EMAIL=$1
+
+if [ -z "$EMAIL" ]; then
+  echo "You need to agree to the ACME server's Subscriber Agreement (https://letsencrypt.org/documents/LE-SA-v1.1.1-August-1-2016.pdf) "
+  echo "by providing an email address for important account notifications"
+
+  echo -n "Enter your email and press [ENTER]: "
+  read EMAIL
+fi
+
+DOMAIN=$2
+if [ -z "$DOMAIN" ]; then
+  DEB_CONF_RESULT=$(debconf-show jitsi-meet-web-config | grep jitsi-meet/jvb-hostname)
+  DOMAIN="${DEB_CONF_RESULT##*:}"
+fi
+# remove whitespace
+DOMAIN="$(echo -e "${DOMAIN}" | tr -d '[:space:]')"
+
+
+export HOME=/opt/acmesh
+curl https://get.acme.sh | sh -s email=$EMAIL
+
+# Checks whether nginx or apache is installed
+NGINX_INSTALL_CHECK="$(dpkg-query -f '${Status}' -W 'nginx' 2>/dev/null | awk '{print $3}' || true)"
+NGINX_FULL_INSTALL_CHECK="$(dpkg-query -f '${Status}' -W 'nginx-full' 2>/dev/null | awk '{print $3}' || true)"
+NGINX_EXTRAS_INSTALL_CHECK="$(dpkg-query -f '${Status}' -W 'nginx-extras' 2>/dev/null | awk '{print $3}' || true)"
+OPENRESTY_INSTALL_CHECK="$(dpkg-query -f '${Status}' -W 'openresty' 2>/dev/null | awk '{print $3}' || true)"
+APACHE_INSTALL_CHECK="$(dpkg-query -f '${Status}' -W 'apache2' 2>/dev/null | awk '{print $3}' || true)"
+
+RELOAD_CMD=""
+if [ "$NGINX_INSTALL_CHECK" = "installed" ] || [ "$NGINX_INSTALL_CHECK" = "unpacked" ] \
+   || [ "$NGINX_FULL_INSTALL_CHECK" = "installed" ] || [ "$NGINX_FULL_INSTALL_CHECK" = "unpacked" ] \
+   || [ "$NGINX_EXTRAS_INSTALL_CHECK" = "installed" ] || [ "$NGINX_EXTRAS_INSTALL_CHECK" = "unpacked" ]; then
+    RELOAD_CMD="systemctl force-reload nginx.service"
+elif [ "$OPENRESTY_INSTALL_CHECK" = "installed" ] || [ "$OPENRESTY_INSTALL_CHECK" = "unpacked" ] ; then
+    RELOAD_CMD="systemctl force-reload openresty.service"
+elif [ "$APACHE_INSTALL_CHECK" = "installed" ] || [ "$APACHE_INSTALL_CHECK" = "unpacked" ] ; then
+    RELOAD_CMD="systemctl force-reload apache2.service"
+else
+    RELOAD_CMD="echo 'No webserver found'"
+fi
+
+RELOAD_CMD+=" && /usr/share/jitsi-meet/scripts/coturn-le-update.sh ${DOMAIN}"
+
+ISSUE_FAILED_CODE=0
+ISSUE_CERT_CMD="/opt/acmesh/.acme.sh/acme.sh -f --issue -d ${DOMAIN} -w /usr/share/jitsi-meet --server letsencrypt"
+eval "${ISSUE_CERT_CMD}" || ISSUE_FAILED_CODE=$?
+
+INSTALL_CERT_CMD="/opt/acmesh/.acme.sh/acme.sh -f --install-cert -d ${DOMAIN} --key-file /etc/jitsi/meet/${DOMAIN}.key --fullchain-file /etc/jitsi/meet/${DOMAIN}.crt --reloadcmd \"${RELOAD_CMD}\""
+if [ ${ISSUE_FAILED_CODE} -ne 0 ] ; then
+    # it maybe this certificate already exists (code 2 - skip, no need to renew)
+    if [ ${ISSUE_FAILED_CODE} -eq 2 ]; then
+        eval "$INSTALL_CERT_CMD"
+    else
+        echo "Issuing the certificate from Let's Encrypt failed, continuing ..."
+        echo "You can retry later by executing:"
+        echo "/usr/share/jitsi-meet/scripts/install-letsencrypt-cert.sh $EMAIL"
+    fi
+else
+    eval "$INSTALL_CERT_CMD"
+fi
diff --git a/resources/lang-sort.sh b/resources/lang-sort.sh
new file mode 100755
index 0000000..249f15e
--- /dev/null
+++ b/resources/lang-sort.sh
@@ -0,0 +1,8 @@
+#!/bin/bash -e
+
+for file in ./lang/*.json; do
+  echo "Sorting and standardizing ${file}"
+  t=$(mktemp)
+  jq --indent 4 -S "." "${file}" > "${t}"
+  mv "${t}" "${file}"
+done
diff --git a/resources/prosody-plugins/README.md b/resources/prosody-plugins/README.md
new file mode 100644
index 0000000..5a38d07
--- /dev/null
+++ b/resources/prosody-plugins/README.md
@@ -0,0 +1,93 @@
+#### room._data fields
+- allModerators - If is set to true, all authenticated participants are moderators. You need a custom module to set participants as moderators based on the field.
+- allowUnauthenticatedAccess - Option that works only with tenants. When it is false only jwt authenticated participants(visitors) are allowed in the meeting and their token(or sub claim for jaas) should match the one in the room. Default value when missing is true.
+- av_can_unmute - Default value is missing/true. If set to false, when the first moderator joining the room we enable AV moderation and disable the ability for participants to unmute themselves.
+- av_first_moderator_joined - When av_can_unmute is set to false, this flag is used to indicate that the first moderator has joined the room and AV moderation is enabled.
+- breakout_rooms - A table containing breakout rooms created in the main room. The keys are the JIDs of the breakout rooms, and the values are their subjects.
+- breakout_rooms_active - Whether there was a breakout room created in the main room.
+- breakout_rooms_counter - A counter for breakout rooms created in the main room.
+- lobby_disabled - Whether lobby was disabled for the room by the backend.
+- flip_participant_nick - Used in mod_muc_flip, when flipping a participant we store the nick of the second device/participant. Same processing as kicked_participant_nick.
+- hideDisplayNameForGuests - When set to true, the display name of participants is hidden for guests.
+- jicofo_lock - A boolean value, when set to true the room is locked waiting for Jicofo to join. All attempts to join will be queued until Jicofo joins.
+- kicked_participant_nick - Used in mod_muc_flip, when flipping a participant we store the nick of the initial device/participant so we can kick it after the second on joins, everything happens in the same pass when the second join presence is processed, so concurrency and overwriting are not a concern.
+- lobby_extra_reason - Used in mod_muc_lobby_rooms to store the reason for creating a lobby room. This is set by the global event 'create-lobby-room' and can be used to provide additional context or information about the lobby room creation. Used by mod_muc_wait_for_host with value 'waiting-for-host'. Value is sent as the error reply 'registration-required'.
+- lobby_skip_display_name_check - Used in mod_muc_lobby_rooms to skip the display name check for the lobby room. This is used when the lobby room is created with a specific reason that does not require a display name check via the global event 'create-lobby-room'.
+- lobbyroom - Holds the JID of the lobby room if it exists. It is set by mod_muc_lobby_rooms.lua when a lobby room is created. Value is available in the room config form for all clients to use it.
+- max_occupants - The maximum number of occupants allowed in the room used by mod_muc_max_occupants.
+- meetingId - A unique identifier for the meeting, generated by mod_muc_meeting_id. Set in the room config form for all clients to use it. It is also sent to all visitor nodes if any.
+- moderator_id - The id (from the token) for the moderator of the room. The value can be userId or a groupId where all participants from the same group will be moderators. You need a custom module to set participants as moderators based on the field.
+- moderators - A list of moderator ids (from the token) that are allowed to join the room. The list is sent to jicofo to take decisions about forwarding to main room or visitor node in case of large meetings. Those participants will be moderators. You need a custom module to set participants as moderators based on the field.
+- participants - A list of participants ids (from the token) that are allowed to join the room. The list is sent to jicofo to take decisions about forwarding to main room or visitor node in case of large meetings. Those participants will not be moderators.
+- participants_details - Used in mod_muc_flip to store details about authenticated participants in the room. A table where the keys are participant id from the token and the values are their room jid.
+- persist_lobby - A boolean value, when set to true the lobby room will be persistent and not destroyed after the main room is destroyed. Used by mod_persistent_lobby.
+- subject - The subject of the room. Set by subject.lib.lua in prosody.
+
+# room fields added by jitsi
+- _connected_vnodes - A cache object that holds connected vnodes for the room. It is used by mod_visitors_component.lua to manage connected vnodes.
+- _jid_nick - Prosody's internal table that maps connection JIDs to room jids in the room. It is used by mod_muc_max_occupants.lua.
+- _jitsi_go_live_sent - A boolean value indicating whether the go live request has been sent for the room. It is used by mod_visitors_component.lua to manage the go live state of the room.
+- _main_room_lobby_enabled - A boolean value indicating whether the main room lobby is enabled. It is set by mod_fmuc.lua when the main room lobby is enabled or disabled.
+- _muc_messages_count - A counter for the number of messages sent in the room. It is used by mod_measure_message_count.lua to track message counts for analytics.
+- _muc_messages_limit - A boolean value indicating whether the message limit is enabled for the room. It is used by mod_muc_limit_messages.lua to control the message limit in the room.
+- _muc_messages_limit_count - A counter for the number of messages sent in the room when the message limit is enabled. It is used by mod_muc_limit_messages.lua to track message counts for the limit.
+- _muc_polls_count - A counter for the number of polls created in the room. It is used by mod_measure_message_count.lua to track poll counts for analytics.
+- _occupants - Prosody's internal table that holds room occupants.
+- _transcription_languages - A table containing transcription languages for each occupant in the room. The keys are occupant JIDs and the values are language codes. Used by mod_fmuc.lua to manage transcription languages for occupants.
+- av_moderation - A table containing media types as keys ('audio', 'video', 'desktop') and arrays of occupant nicknames that are allowed to unmute themselves. Used by mod_av_moderation_component.lua.
+- av_moderation_actors - A table containing media types as keys ('audio', 'video', 'desktop') and occupant nicknames of the moderators that performed the last AV moderation action. Used by mod_av_moderation_component.lua.
+- av_moderation_startMuted_restore - Keeps the startMuted metadata state of the room before AV moderation was applied. Used by mod_av_moderation_component.lua.
+- broadcast_timer - A timer used to broadcast the list of breakout rooms in the main room. It is set by mod_muc_breakout_rooms.lua to periodically update the list of breakout rooms.
+- close_timer - A timer used to close the main room when all occupants have left. It is set by mod_muc_breakout_rooms.lua to clean up the main room after all participants left from breakout room.
+- created_timestamp - A timestamp in milliseconds when the room was created. It is set by mod_conference_duration_component.lua and used by mod_conference_duration.lua to calculate the conference duration. It is also used by mod_measure_message_count.lua to calculate the room duration for analytics.
+- has_host - Whether the host (an authenticated user) has arrived in the room.
+- is_vpaas - A boolean value indicating whether the room is a VPAAS room, optimization for the is_vpaas function in util.internal.lib.lua.
+- jibri_throttle - A throttle object used to limit the number of Jibri requests per room. It is created in mod_filter_iq_jibri.lua to prevent abuse of Jibri resources.
+- jitsi_meet_tenant_mismatch - A boolean value indicating whether there is a tenant mismatch comparing room tenant and jwt tenant value.
+- jitsi_shared_files - A table containing shared files in the room. The keys are file IDs and the values are file objects with properties like fileId, name, size, type, and url. Used by mod_filesharing_component.lua to manage file sharing in the room.
+- jitsiMetadata - The metadata for the room. Example values:
+```json
+    {
+      "allownersEnabled": true,
+      "asyncTranscription": true,
+      "conferencePresetsServiceEnabled": true,
+      "participantsSoftLimit": 200,
+      "permissions": {
+        "groupChatRestricted": true,
+        "pollCreationRestricted": true
+      },
+      "recording": {
+        "autoAudioRecording": true,
+        "autoVideoRecording": true,
+        "autoTranscriptions": true,
+        "isTranscribingEnabled": true
+      },
+      "startMuted": {
+        "audio": true,
+        "video": true
+      },
+      "transcriberType": "GOOGLE | ORACLE_CLOUD_AI_SPEECH | EGHT_WHISPER",
+      "visitors": {
+        "autoPromote": true,
+        "live": true
+      },
+      "visitorsEnabled": true
+    }
+```
+- join_rate_presence_queue - A queue used to hold join presence requests when the join rate throttle is exceeded. It is set by mod_muc_rate_limit.lua to manage join requests in the room.
+- join_rate_queue_timer - A timer used to process the join rate presence queue. It is set by mod_muc_rate_limit.lua to periodically check and process join requests in the queue.
+- join_rate_throttle - A throttle object used to limit the rate of join requests in the room. It is set by mod_muc_rate_limit.lua to prevent high join rate in case of large conferences.
+- leave_rate_presence_queue - A queue used to hold leave presence requests when the leave rate throttle is exceeded. It is set by mod_muc_rate_limit.lua to manage leave requests in the room.
+- leave_rate_queue_timer - A timer used to process the leave rate presence queue. It is set by mod_muc_rate_limit.lua to periodically check and process leave requests in the queue.
+- leave_rate_throttle - A throttle object used to limit the rate of leave requests in the room. It is set by mod_muc_rate_limit.lua to prevent high leave rate in case of large conferences.
+- main_room - For lobby or breakout rooms it is the main room object.
+- moderators_list - A set containing the JIDs of moderators in the room. It is used by mod_fmuc.lua to manage moderators in the room.
+- polls - A table containing polls created in the room. The keys are poll IDs and the values are poll objects with properties like id, question, options, votes, and creator. Used by mod_polls.lua to manage polls in the room.
+- pre_join_queue - A queue used to hold join requests when the room is locked waiting for Jicofo to join. It is set by mod_muc_meeting_id.lua when the room is locked. The queue is processed once Jicofo joins the room.
+- send_default_permissions_to - A table containing the default permissions to be sent to occupants in the room. The keys are bare JIDs and the values are boolean values indicating whether the permissions should be sent. Used by mod_jitsi_permissions.lua to manage permissions in the room.
+- sent_initial_metadata - A table containing the initial metadata sent to occupants in the room. The keys are bare JIDs and the values are boolean values indicating whether the metadata has been sent. Used by mod_room_metadata_component.lua to manage metadata in the room.
+- speakerStats - A table containing speaker statistics for occupants in the room. The keys are occupant JIDs and the values are objects with properties like dominantSpeakerId, faceLandmarks, and sessionId. Used by mod_speakerstats_component.lua to manage speaker statistics in the room.
+- visitors_destroy_timer - A timer used to destroy the room when there are no main occupants or visitors left. It is set by mod_fmuc.lua to clean up the room after a certain period of inactivity.
+
+#### Notes:
+When modules need to store data they should do it in the room object in _data or directly. The data needs to be a simple as strings or table of strings, they should not add objects like room, sessions or occupants that cannot be serialized. Attaching data to the room object makes reloading modules safe and guarantees data will be wiped once the room is destroyed.
diff --git a/resources/prosody-plugins/luajwtjitsi.lib.lua b/resources/prosody-plugins/luajwtjitsi.lib.lua
new file mode 100644
index 0000000..d14fea4
--- /dev/null
+++ b/resources/prosody-plugins/luajwtjitsi.lib.lua
@@ -0,0 +1,263 @@
+local cjson_safe  = require 'cjson.safe'
+local basexx = require 'basexx'
+local digest = require 'openssl.digest'
+local hmac   = require 'openssl.hmac'
+local pkey   = require 'openssl.pkey'
+
+-- Generates an RSA signature of the data.
+-- @param data The data to be signed.
+-- @param key The private signing key in PEM format.
+-- @param algo The digest algorithm to user when generating the signature: sha256, sha384, or sha512.
+-- @return The signature or nil and an error message.
+local function signRS (data, key, algo)
+	local privkey = pkey.new(key)
+	if privkey == nil then
+		return nil, 'Not a private PEM key'
+	else
+		local datadigest = digest.new(algo):update(data)
+		return privkey:sign(datadigest)
+	end
+end
+
+-- Verifies an RSA signature on the data.
+-- @param data The signed data.
+-- @param signature The signature to be verified.
+-- @param key The public key of the signer.
+-- @param algo The digest algorithm to user when generating the signature: sha256, sha384, or sha512.
+-- @return True if the signature is valid, false otherwise. Also returns false if the key is invalid.
+local function verifyRS (data, signature, key, algo)
+	local pubkey = pkey.new(key)
+	if pubkey == nil then
+		return false
+	end
+
+	local datadigest = digest.new(algo):update(data)
+	return pubkey:verify(signature, datadigest)
+end
+
+local alg_sign = {
+	['HS256'] = function(data, key) return hmac.new(key, 'sha256'):final(data) end,
+	['HS384'] = function(data, key) return hmac.new(key, 'sha384'):final(data) end,
+	['HS512'] = function(data, key) return hmac.new(key, 'sha512'):final(data) end,
+	['RS256'] = function(data, key) return signRS(data, key, 'sha256') end,
+	['RS384'] = function(data, key) return signRS(data, key, 'sha384') end,
+	['RS512'] = function(data, key) return signRS(data, key, 'sha512') end
+}
+
+local alg_verify = {
+	['HS256'] = function(data, signature, key) return signature == alg_sign['HS256'](data, key) end,
+	['HS384'] = function(data, signature, key) return signature == alg_sign['HS384'](data, key) end,
+	['HS512'] = function(data, signature, key) return signature == alg_sign['HS512'](data, key) end,
+	['RS256'] = function(data, signature, key) return verifyRS(data, signature, key, 'sha256') end,
+	['RS384'] = function(data, signature, key) return verifyRS(data, signature, key, 'sha384') end,
+	['RS512'] = function(data, signature, key) return verifyRS(data, signature, key, 'sha512') end
+}
+
+-- Splits a token into segments, separated by '.'.
+-- @param token The full token to be split.
+-- @return A table of segments.
+local function split_token(token)
+	local segments={}
+  for str in string.gmatch(token, "([^\\.]+)") do
+    table.insert(segments, str)
+  end
+  return segments
+end
+
+-- Parses a JWT token into it's header, body, and signature.
+-- @param token The JWT token to be parsed.
+-- @return A JSON header and body represented as a table, and a signature.
+local function parse_token(token)
+	local segments=split_token(token)
+  if #segments ~= 3 then
+		return nil, nil, nil, "Invalid token"
+	end
+
+	local header, err = cjson_safe.decode(basexx.from_url64(segments[1]))
+	if err then
+		return nil, nil, nil, "Invalid header"
+	end
+
+	local body, err = cjson_safe.decode(basexx.from_url64(segments[2]))
+	if err then
+		return nil, nil, nil, "Invalid body"
+	end
+
+	local sig, err = basexx.from_url64(segments[3])
+	if err then
+		return nil, nil, nil, "Invalid signature"
+	end
+
+	return header, body, sig
+end
+
+-- Removes the signature from a JWT token.
+-- @param token A JWT token.
+-- @return The token without its signature.
+local function strip_signature(token)
+	local segments=split_token(token)
+  if #segments ~= 3 then
+		return nil, nil, nil, "Invalid token"
+	end
+
+	table.remove(segments)
+	return table.concat(segments, ".")
+end
+
+-- Verifies that a claim is in a list of allowed claims. Allowed claims can be exact values, or the
+-- catch all wildcard '*'.
+-- @param claim The claim to be verified.
+-- @param acceptedClaims A table of accepted claims.
+-- @return True if the claim was allowed, false otherwise.
+local function verify_claim(claim, acceptedClaims)
+  for i, accepted in ipairs(acceptedClaims) do
+    if accepted == '*' then
+      return true;
+    end
+    if claim == accepted then
+      return true;
+    end
+  end
+
+  return false;
+end
+
+local M = {}
+
+-- Encodes the data into a signed JWT token.
+-- @param data The data the put in the body of the JWT token.
+-- @param key The key to use for signing the JWT token.
+-- @param alg The signature algorithm to use: HS256, HS384, HS512, RS256, RS384, or RS512.
+-- @param header Additional values to put in the JWT header.
+-- @param The resulting JWT token, or nil and an error message.
+function M.encode(data, key, alg, header)
+	if type(data) ~= 'table' then return nil, "Argument #1 must be table" end
+	if type(key) ~= 'string' then return nil, "Argument #2 must be string" end
+
+	alg = alg or "HS256"
+
+	if not alg_sign[alg] then
+		return nil, "Algorithm not supported"
+	end
+
+	header = header or {}
+
+	header['typ'] = 'JWT'
+	header['alg'] = alg
+
+	local headerEncoded, err = cjson_safe.encode(header)
+	if headerEncoded == nil then
+		return nil, err
+	end
+
+	local dataEncoded, err = cjson_safe.encode(data)
+	if dataEncoded == nil then
+		return nil, err
+	end
+
+	local segments = {
+		basexx.to_url64(headerEncoded),
+		basexx.to_url64(dataEncoded)
+	}
+
+	local signing_input = table.concat(segments, ".")
+	local signature, error = alg_sign[alg](signing_input, key)
+	if signature == nil then
+		return nil, error
+	end
+
+	segments[#segments+1] = basexx.to_url64(signature)
+
+	return table.concat(segments, ".")
+end
+
+-- Verify that the token is valid, and if it is return the decoded JSON payload data.
+-- @param token The token to verify.
+-- @param expectedAlgo The signature algorithm the caller expects the token to be signed with:
+--     HS256, HS384, HS512, RS256, RS384, or RS512.
+-- @param key The verification key used for the signature.
+-- @param acceptedIssuers Optional table of accepted issuers. If not nil, the 'iss' claim will be
+--     checked against this list.
+-- @param acceptedAudiences Optional table of accepted audiences. If not nil, the 'aud' claim will
+--     be checked against this list.
+-- @return A table representing the JSON body of the token, or nil and an error message.
+function M.verify(token, expectedAlgo, key, acceptedIssuers, acceptedAudiences)
+	if type(token) ~= 'string' then return nil, "token argument must be string" end
+	if type(expectedAlgo) ~= 'string' then return nil, "algorithm argument must be string" end
+	if type(key) ~= 'string' then return nil, "key argument must be string" end
+	if acceptedIssuers ~= nil and type(acceptedIssuers) ~= 'table' then
+		return nil, "acceptedIssuers argument must be table"
+	end
+	if acceptedAudiences ~= nil and type(acceptedAudiences) ~= 'table' then
+		return nil, "acceptedAudiences argument must be table"
+	end
+
+	if not alg_verify[expectedAlgo] then
+		return nil, "Algorithm not supported"
+	end
+
+	local header, body, sig, err = parse_token(token)
+	if err ~= nil then
+		return nil, err
+	end
+
+	-- Validate header
+	if not header.typ or header.typ ~= "JWT" then
+		return nil, "Invalid typ"
+	end
+
+	if not header.alg or header.alg ~= expectedAlgo then
+		return nil, "Invalid or incorrect alg"
+	end
+
+	-- Validate signature
+	if not alg_verify[expectedAlgo](strip_signature(token), sig, key) then
+		return nil, 'Invalid signature'
+	end
+
+	-- Validate body
+	if body.exp and type(body.exp) ~= "number" then
+		return nil, "exp must be number"
+	end
+
+	if body.nbf and type(body.nbf) ~= "number" then
+		return nil, "nbf must be number"
+	end
+
+
+	if body.exp and os.time() >= body.exp then
+        local extra_msg = '';
+        if body.iat then
+            extra_msg = ", valid for:"..tostring(body.exp-body.iat).." sec";
+        end
+		return nil, "Not acceptable by exp ("..tostring(os.time()-body.exp).." sec since expired"..extra_msg..")"
+	end
+
+	if body.nbf and os.time() < body.nbf then
+		return nil, "Not acceptable by nbf"
+	end
+
+	if acceptedIssuers ~= nil then
+		local issClaim = body.iss;
+		if issClaim == nil then
+        return nil, "'iss' claim is missing";
+    end
+    if not verify_claim(issClaim, acceptedIssuers) then
+        return nil, "invalid 'iss' claim";
+    end
+	end
+
+	if acceptedAudiences ~= nil then
+		local audClaim = body.aud;
+		if audClaim == nil then
+        return nil, "'aud' claim is missing";
+    end
+    if not verify_claim(audClaim, acceptedAudiences) then
+        return nil, "invalid 'aud' claim";
+    end
+	end
+
+	return body
+end
+
+return M
diff --git a/resources/prosody-plugins/mod_auth_jitsi-anonymous.lua b/resources/prosody-plugins/mod_auth_jitsi-anonymous.lua
new file mode 100644
index 0000000..56dc511
--- /dev/null
+++ b/resources/prosody-plugins/mod_auth_jitsi-anonymous.lua
@@ -0,0 +1,78 @@
+-- Anonymous authentication with extras:
+-- * session resumption
+-- Copyright (C) 2021-present 8x8, Inc.
+
+local generate_uuid = require "util.uuid".generate;
+local new_sasl = require "util.sasl".new;
+local sasl = require "util.sasl";
+local sessions = prosody.full_sessions;
+
+-- define auth provider
+local provider = {};
+
+function provider.test_password(username, password)
+    return nil, "Password based auth not supported";
+end
+
+function provider.get_password(username)
+    return nil;
+end
+
+function provider.set_password(username, password)
+    return nil, "Set password not supported";
+end
+
+function provider.user_exists(username)
+    return nil;
+end
+
+function provider.create_user(username, password)
+    return nil;
+end
+
+function provider.delete_user(username)
+    return nil;
+end
+
+function provider.get_sasl_handler(session)
+    -- Custom session matching so we can resume session even with randomly
+    -- generated user IDs.
+    local function get_username(self, message)
+        if (session.previd ~= nil) then
+            for _, session1 in pairs(sessions) do
+                if (session1.resumption_token == session.previd) then
+                    self.username = session1.username;
+                    break;
+                end
+            end
+        else
+            self.username = message;
+        end
+
+        return true;
+    end
+
+    return new_sasl(module.host, { anonymous = get_username });
+end
+
+module:provides("auth", provider);
+
+local function anonymous(self, message)
+    -- Same as the vanilla anonymous auth plugin
+    local username = generate_uuid();
+
+    -- This calls the handler created in 'provider.get_sasl_handler(session)'
+    local result, err, msg = self.profile.anonymous(self, username, self.realm);
+
+    if result == true then
+        if (self.username == nil) then
+            -- Session was not resumed
+            self.username = username;
+        end
+        return "success";
+    else
+        return "failure", err, msg;
+    end
+end
+
+sasl.registerMechanism("ANONYMOUS", {"anonymous"}, anonymous);
diff --git a/resources/prosody-plugins/mod_auth_jitsi-shared-secret.lua b/resources/prosody-plugins/mod_auth_jitsi-shared-secret.lua
new file mode 100644
index 0000000..65d0fc7
--- /dev/null
+++ b/resources/prosody-plugins/mod_auth_jitsi-shared-secret.lua
@@ -0,0 +1,65 @@
+-- Authentication with shared secret where the username is ignored
+-- Copyright (C) 2023-present 8x8, Inc.
+
+local new_sasl = require "util.sasl".new;
+local saslprep = require "util.encodings".stringprep.saslprep;
+local secure_equals = require "util.hashes".equals;
+
+local shared_secret = module:get_option_string('shared_secret');
+local shared_secret_prev = module:get_option_string('shared_secret_prev');
+if shared_secret == nil then
+    module:log('error', 'No shared_secret specified. No secret to operate on!');
+    return;
+end
+
+module:depends("jitsi_session");
+
+-- define auth provider
+local provider = {};
+
+function provider.test_password(username, password)
+    password = saslprep(password);
+    if not password then
+        return nil, "Password fails SASLprep.";
+    end
+
+    if secure_equals(password, saslprep(shared_secret)) then
+        return true;
+    elseif (shared_secret_prev ~= nil and secure_equals(password, saslprep(shared_secret_prev))) then
+        module:log("info", "Accepting login using previous shared secret, username=%s", username);
+        return true;
+    else
+        return nil, "Auth failed. Invalid username or password.";
+    end
+end
+
+function provider.get_password(username)
+    return shared_secret;
+end
+
+function provider.set_password(username, password)
+    return nil, "Set password not supported";
+end
+
+function provider.user_exists(username)
+    return true; -- all usernames exist
+end
+
+function provider.create_user(username, password)
+    return nil;
+end
+
+function provider.delete_user(username)
+    return nil;
+end
+
+function provider.get_sasl_handler(session)
+	local getpass_authentication_profile = {
+		plain = function(_, username, realm)
+			return shared_secret, true;
+		end
+	};
+	return new_sasl(module.host, getpass_authentication_profile);
+end
+
+module:provides("auth", provider);
diff --git a/resources/prosody-plugins/mod_auth_token.lua b/resources/prosody-plugins/mod_auth_token.lua
new file mode 100644
index 0000000..d18e2dc
--- /dev/null
+++ b/resources/prosody-plugins/mod_auth_token.lua
@@ -0,0 +1,169 @@
+-- Token authentication
+-- Copyright (C) 2021-present 8x8, Inc.
+
+local formdecode = require "util.http".formdecode;
+local generate_uuid = require "util.uuid".generate;
+local new_sasl = require "util.sasl".new;
+local sasl = require "util.sasl";
+local token_util = module:require "token/util".new(module);
+local sessions = prosody.full_sessions;
+
+-- no token configuration
+if token_util == nil then
+    return;
+end
+
+module:depends("jitsi_session");
+
+local measure_pre_fetch_fail = module:measure('pre_fetch_fail', 'counter');
+local measure_verify_fail = module:measure('verify_fail', 'counter');
+local measure_success = module:measure('success', 'counter');
+local measure_ban = module:measure('ban', 'counter');
+local measure_post_auth_fail = module:measure('post_auth_fail', 'counter');
+
+-- define auth provider
+local provider = {};
+
+local host = module.host;
+
+-- Extract 'token' param from URL when session is created
+function init_session(event)
+    local session, request = event.session, event.request;
+    local query = request.url.query;
+
+    local token = nil;
+
+    -- extract token from Authorization header
+    if request.headers["authorization"] then
+        -- assumes the header value starts with "Bearer "
+        token = request.headers["authorization"]:sub(8,#request.headers["authorization"])
+    end
+
+    -- allow override of token via query parameter
+    if query ~= nil then
+        local params = formdecode(query);
+
+        -- The following fields are filled in the session, by extracting them
+        -- from the query and no validation is being done.
+        -- After validating auth_token will be cleaned in case of error and few
+        -- other fields will be extracted from the token and set in the session
+
+        if params and params.token then
+            token = params.token;
+        end
+    end
+
+    -- in either case set auth_token in the session
+    session.auth_token = token;
+    session.user_agent_header = request.headers['user_agent'];
+end
+
+module:hook_global("bosh-session", init_session);
+module:hook_global("websocket-session", init_session);
+
+function provider.test_password(username, password)
+    return nil, "Password based auth not supported";
+end
+
+function provider.get_password(username)
+    return nil;
+end
+
+function provider.set_password(username, password)
+    return nil, "Set password not supported";
+end
+
+function provider.user_exists(username)
+    return nil;
+end
+
+function provider.create_user(username, password)
+    return nil;
+end
+
+function provider.delete_user(username)
+    return nil;
+end
+
+function provider.get_sasl_handler(session)
+
+    local function get_username_from_token(self, message)
+
+        -- retrieve custom public key from server and save it on the session
+        local pre_event_result = prosody.events.fire_event("pre-jitsi-authentication-fetch-key", session);
+        if pre_event_result ~= nil and pre_event_result.res == false then
+            module:log("warn",
+                "Error verifying token on pre authentication stage:%s, reason:%s", pre_event_result.error, pre_event_result.reason);
+            session.auth_token = nil;
+            measure_pre_fetch_fail(1);
+            return pre_event_result.res, pre_event_result.error, pre_event_result.reason;
+        end
+
+        local res, error, reason = token_util:process_and_verify_token(session);
+        if res == false then
+            module:log("warn",
+                "Error verifying token err:%s, reason:%s tenant:%s room:%s user_agent:%s",
+                    error, reason, session.jitsi_web_query_prefix, session.jitsi_web_query_room,
+                    session.user_agent_header);
+            session.auth_token = nil;
+            measure_verify_fail(1);
+            return res, error, reason;
+        end
+
+        local shouldAllow = prosody.events.fire_event("jitsi-access-ban-check", session);
+        if shouldAllow == false then
+            module:log("warn", "user is banned")
+            measure_ban(1);
+            return false, "not-allowed", "user is banned";
+        end
+
+        local customUsername = prosody.events.fire_event("pre-jitsi-authentication", session);
+        if customUsername then
+            self.username = customUsername;
+        elseif session.previd ~= nil then
+            for _, session1 in pairs(sessions) do
+                if (session1.resumption_token == session.previd) then
+                    self.username = session1.username;
+                    break;
+                end
+            end
+        else
+            self.username = message;
+        end
+
+        local post_event_result = prosody.events.fire_event("post-jitsi-authentication", session);
+        if post_event_result ~= nil and post_event_result.res == false then
+            module:log("warn",
+                "Error verifying token on post authentication stage :%s, reason:%s", post_event_result.error, post_event_result.reason);
+            session.auth_token = nil;
+            measure_post_auth_fail(1);
+            return post_event_result.res, post_event_result.error, post_event_result.reason;
+        end
+
+        measure_success(1);
+        return res;
+    end
+
+    return new_sasl(host, { anonymous = get_username_from_token });
+end
+
+module:provides("auth", provider);
+
+local function anonymous(self, message)
+
+    local username = generate_uuid();
+
+    -- This calls the handler created in 'provider.get_sasl_handler(session)'
+    local result, err, msg = self.profile.anonymous(self, username, self.realm);
+
+    if result == true then
+        if (self.username == nil) then
+            self.username = username;
+        end
+        return "success";
+    else
+        return "failure", err, msg;
+    end
+    end
+
+sasl.registerMechanism("ANONYMOUS", {"anonymous"}, anonymous);
diff --git a/resources/prosody-plugins/mod_av_moderation.lua b/resources/prosody-plugins/mod_av_moderation.lua
new file mode 100644
index 0000000..817fdb7
--- /dev/null
+++ b/resources/prosody-plugins/mod_av_moderation.lua
@@ -0,0 +1,6 @@
+-- TODO: Remove this file after several stable releases when people update their configs
+module:log('warn', 'mod_av_moderation is deprecated and will be removed in a future release. '
+    .. 'Please update your config by removing this module from the list of loaded modules.');
+
+module:depends('jitsi_session');
+module:depends('features_identity');
diff --git a/resources/prosody-plugins/mod_av_moderation_component.lua b/resources/prosody-plugins/mod_av_moderation_component.lua
new file mode 100644
index 0000000..746ac38
--- /dev/null
+++ b/resources/prosody-plugins/mod_av_moderation_component.lua
@@ -0,0 +1,431 @@
+local util = module:require 'util';
+local get_room_by_name_and_subdomain = util.get_room_by_name_and_subdomain;
+local is_healthcheck_room = util.is_healthcheck_room;
+local internal_room_jid_match_rewrite = util.internal_room_jid_match_rewrite;
+local room_jid_match_rewrite = util.room_jid_match_rewrite;
+local process_host_module = util.process_host_module;
+local table_shallow_copy = util.table_shallow_copy;
+local is_admin = util.is_admin;
+local array = require "util.array";
+local json = require 'cjson.safe';
+local st = require 'util.stanza';
+
+local muc_component_host = module:get_option_string('muc_component');
+if muc_component_host == nil then
+    module:log('error', 'No muc_component specified. No muc to operate on!');
+    return;
+end
+
+local main_virtual_host = module:get_option_string('muc_mapper_domain_base');
+if not main_virtual_host then
+    module:log('warn', 'No "muc_mapper_domain_base" option set, disabling AV moderation.');
+    return ;
+end
+
+module:log('info', 'Starting av_moderation for %s', muc_component_host);
+
+-- Returns the index of the given element in the table
+-- @param table in which to look
+-- @param elem the element for which to find the index
+function get_index_in_table(table, elem)
+    for index, value in pairs(table) do
+        if value == elem then
+            return index
+        end
+    end
+end
+
+-- Sends a json-message to the destination jid
+-- @param to_jid the destination jid
+-- @param json_message the message content to send
+function send_json_message(to_jid, json_message)
+    local stanza = st.message({ from = module.host; to = to_jid; })
+         :tag('json-message', { xmlns = 'http://jitsi.org/jitmeet' }):text(json_message):up();
+    module:send(stanza);
+end
+
+-- Notifies that av moderation has been enabled or disabled
+-- @param jid the jid to notify, if missing will notify all occupants
+-- @param enable whether it is enabled or disabled
+-- @param room the room
+-- @param actorJid the jid that is performing the enable/disable operation (the muc jid)
+-- @param mediaType the media type for the moderation
+function notify_occupants_enable(jid, enable, room, actorJid, mediaType)
+    local body_json = {};
+    body_json.type = 'av_moderation';
+    body_json.enabled = enable;
+    body_json.room = internal_room_jid_match_rewrite(room.jid);
+    body_json.actor = internal_room_jid_match_rewrite(actorJid);
+    body_json.mediaType = mediaType;
+    local body_json_str, error = json.encode(body_json);
+
+    if not body_json_str then
+        module:log('error', 'error encoding json room:%s error:%s', room.jid, error);
+        return;
+    end
+
+    if jid then
+        send_json_message(jid, body_json_str)
+    else
+        for _, occupant in room:each_occupant() do
+            send_json_message(occupant.jid, body_json_str)
+        end
+    end
+end
+
+-- Notifies about a change to the whitelist. Notifies all moderators and admin and the jid itself
+-- @param jid the jid to notify about the change
+-- @param moderators whether to notify all moderators in the room
+-- @param room the room where to send it
+-- @param mediaType used only when a participant is approved (not sent to moderators)
+-- @param removed whether the jid is removed or added
+function notify_whitelist_change(jid, moderators, room, mediaType, removed)
+    local body_json = {};
+    body_json.type = 'av_moderation';
+    body_json.room = internal_room_jid_match_rewrite(room.jid);
+    -- we will be modifying it, so we need a copy
+    body_json.whitelists = table_shallow_copy(room.av_moderation);
+    if removed then
+        body_json.removed = true;
+    end
+    body_json.mediaType = mediaType;
+
+    -- sanitize, make sure we don't have an empty array as it will encode it as {} not as []
+    for _,mediaType in pairs({'audio', 'video', 'desktop'}) do
+        if body_json.whitelists[mediaType] and #body_json.whitelists[mediaType] == 0 then
+            body_json.whitelists[mediaType] = nil;
+        end
+    end
+
+    local moderators_body_json_str, error = json.encode(body_json);
+
+    if not moderators_body_json_str then
+        module:log('error', 'error encoding moderator json room:%s error:%s', room.jid, error);
+        return;
+    end
+
+    body_json.whitelists = nil;
+    if not removed then
+        body_json.approved = true; -- we want to send to participants only that they were approved to unmute
+    end
+    local participant_body_json_str, error = json.encode(body_json);
+
+    if not participant_body_json_str then
+        module:log('error', 'error encoding participant json room:%s error:%s', room.jid, error);
+        return;
+    end
+
+    for _, occupant in room:each_occupant() do
+        if moderators and occupant.role == 'moderator' then
+            send_json_message(occupant.jid, moderators_body_json_str);
+        elseif occupant.jid == jid then
+            -- if the occupant is not moderator we send him that it is approved
+            -- if it is moderator we update him with the list, this is moderator joining or grant moderation was executed
+            if occupant.role == 'moderator' then
+                send_json_message(occupant.jid, moderators_body_json_str);
+            else
+                send_json_message(occupant.jid, participant_body_json_str);
+            end
+        end
+    end
+end
+
+-- Notifies jid that is approved. This is a moderator to jid message to ask to unmute,
+-- @param jid the jid to notify about the change
+-- @param from the jid that triggered this
+-- @param room the room where to send it
+-- @param mediaType the mediaType it was approved for
+function notify_jid_approved(jid, from, room, mediaType)
+    local body_json = {};
+    body_json.type = 'av_moderation';
+    body_json.room = internal_room_jid_match_rewrite(room.jid);
+    body_json.approved = true; -- we want to send to participants only that they were approved to unmute
+    body_json.mediaType = mediaType;
+    body_json.from = from;
+
+    local json_message, error = json.encode(body_json);
+    if not json_message then
+        module:log('error', 'skip sending json message to:%s error:%s', jid, error);
+        return;
+    end
+
+    send_json_message(jid, json_message);
+end
+
+function start_av_moderation(room, mediaType, occupant)
+    if not room.av_moderation then
+        room.av_moderation = {};
+        room.av_moderation_actors = {};
+    end
+    room.av_moderation[mediaType] = array();
+
+    -- add all current moderators to the new whitelist
+    for _, room_occupant in room:each_occupant() do
+        if room_occupant.role == 'moderator' and not ends_with(room_occupant.nick, '/focus') then
+            room.av_moderation[mediaType]:push(internal_room_jid_match_rewrite(room_occupant.nick));
+        end
+    end
+
+    -- We want to set startMuted policy in metadata, in case of new participants are joining to respect
+    -- it, that will be enforced by jicofo
+    local startMutedMetadata = room.jitsiMetadata.startMuted or {};
+
+    -- We want to keep the previous value of startMuted for this mediaType if av moderation is disabled
+    -- to be able to restore
+    local av_moderation_startMuted_restore = room.av_moderation_startMuted_restore or {};
+    av_moderation_startMuted_restore[mediaType] = startMutedMetadata[mediaType];
+    room.av_moderation_startMuted_restore = av_moderation_startMuted_restore;
+
+    startMutedMetadata[mediaType] = true;
+    room.jitsiMetadata.startMuted = startMutedMetadata;
+
+    room.av_moderation_actors[mediaType] = occupant.nick;
+end
+
+-- receives messages from clients to the component sending A/V moderation enable/disable commands or adding
+-- jids to the whitelist
+function on_message(event)
+    local session = event.origin;
+
+    -- Check the type of the incoming stanza to avoid loops:
+    if event.stanza.attr.type == 'error' then
+        return; -- We do not want to reply to these, so leave.
+    end
+
+    if not session or not session.jitsi_web_query_room then
+        return false;
+    end
+
+    local moderation_command = event.stanza:get_child('av_moderation');
+
+    if moderation_command then
+        -- get room name with tenant and find room
+        local room = get_room_by_name_and_subdomain(session.jitsi_web_query_room, session.jitsi_web_query_prefix);
+
+        if not room then
+            module:log('warn', 'No room found for %s/%s',
+                    session.jitsi_web_query_prefix, session.jitsi_web_query_room);
+            return false;
+        end
+
+        -- check that the participant requesting is a moderator and is an occupant in the room
+        local from = event.stanza.attr.from;
+        local occupant = room:get_occupant_by_real_jid(from);
+        if not occupant then
+            module:log('warn', 'No occupant %s found for %s', from, room.jid);
+            return false;
+        end
+        if occupant.role ~= 'moderator' then
+            module:log('warn', 'Occupant %s is not moderator and not allowed this operation for %s', from, room.jid);
+            return false;
+        end
+
+        local mediaType = moderation_command.attr.mediaType;
+        if mediaType then
+            if mediaType ~= 'audio' and mediaType ~= 'video' and mediaType ~= 'desktop' then
+                module:log('warn', 'Wrong mediaType %s for %s', mediaType, room.jid);
+                return false;
+            end
+        else
+            module:log('warn', 'Missing mediaType for %s', room.jid);
+            return false;
+        end
+
+        if moderation_command.attr.enable ~= nil then
+            local enabled;
+            if moderation_command.attr.enable == 'true' then
+                enabled = true;
+                if room.av_moderation and room.av_moderation[mediaType] then
+                    module:log('warn', 'Concurrent moderator enable/disable request or something is out of sync');
+                    return true;
+                else
+                    start_av_moderation(room, mediaType, occupant);
+                end
+            else
+                enabled = false;
+                if not room.av_moderation then
+                    module:log('warn', 'Concurrent moderator enable/disable request or something is out of sync');
+                    return true;
+                else
+                    room.av_moderation[mediaType] = nil;
+                    room.av_moderation_actors[mediaType] = nil;
+
+                    local startMutedMetadata = room.jitsiMetadata.startMuted or {};
+                    local av_moderation_startMuted_restore = room.av_moderation_startMuted_restore or {};
+                    startMutedMetadata[mediaType] = av_moderation_startMuted_restore[mediaType];
+                    room.jitsiMetadata.startMuted = startMutedMetadata;
+
+                    local is_empty = true;
+                    for key,_ in pairs(room.av_moderation) do
+                        if room.av_moderation[key] then
+                            is_empty = false;
+                        end
+                    end
+                    if is_empty then
+                        room.av_moderation = nil;
+                    end
+                end
+            end
+
+            -- send message to all occupants
+            notify_occupants_enable(nil, enabled, room, occupant.nick, mediaType);
+
+            if enabled then
+                -- inform all moderators for the newly created whitelist
+                notify_whitelist_change(nil, true, room, mediaType);
+            end
+
+            return true;
+        elseif moderation_command.attr.jidToWhitelist then
+            local occupant_jid = moderation_command.attr.jidToWhitelist;
+            -- check if jid is in the room, if so add it to whitelist
+            -- inform all moderators and admins and the jid
+            local occupant_to_add = room:get_occupant_by_nick(room_jid_match_rewrite(occupant_jid));
+            if not occupant_to_add then
+                module:log('warn', 'No occupant %s found for %s', occupant_jid, room.jid);
+                return false;
+            end
+
+            if room.av_moderation then
+                local whitelist = room.av_moderation[mediaType];
+                if not whitelist then
+                    whitelist = array{};
+                    room.av_moderation[mediaType] = whitelist;
+                end
+                whitelist:push(occupant_jid);
+
+                notify_whitelist_change(occupant_to_add.jid, true, room, mediaType, false);
+
+                return true;
+            else
+                -- this is a moderator asking the jid to unmute without enabling av moderation
+                -- let's just send the event
+                notify_jid_approved(occupant_to_add.jid, occupant.nick, room, mediaType);
+            end
+        elseif moderation_command.attr.jidToBlacklist then
+            local occupant_jid = moderation_command.attr.jidToBlacklist;
+            -- check if jid is in the room, if so remove it from the whitelist
+            -- inform all moderators and admins
+            local occupant_to_remove = room:get_occupant_by_nick(room_jid_match_rewrite(occupant_jid));
+            if not occupant_to_remove then
+                module:log('warn', 'No occupant %s found for %s', occupant_jid, room.jid);
+                return false;
+            end
+
+            if room.av_moderation then
+                local whitelist = room.av_moderation[mediaType];
+                if whitelist then
+                    local index = get_index_in_table(whitelist, occupant_jid)
+                    if(index) then
+                        whitelist:pop(index);
+                        notify_whitelist_change(occupant_to_remove.jid, true, room, mediaType, true);
+                    end
+                end
+
+                return true;
+            end
+        end
+    end
+
+    -- return error
+    return false
+end
+
+-- handles new occupants to inform them about the state enabled/disabled, new moderators also get and the whitelist
+function occupant_joined(event)
+    local room, occupant = event.room, event.occupant;
+
+    if is_healthcheck_room(room.jid) or is_admin(occupant.bare_jid) then
+        return;
+    end
+
+    -- when first moderator joins if av_can_unmute from password preset is set to false, we enable av moderation for both
+    -- audio and video, and set the first moderator as the actor that enabled it
+    if room._data.av_can_unmute ~= nil
+        and not room._data.av_first_moderator_joined
+
+        -- occupant.role is not reflecting the actual role after set_affiliation is used in same occupant_joined event
+        and room:get_role(occupant.nick) == 'moderator' then
+
+        if not room._data.av_can_unmute then
+            for _,mediaType in pairs({'audio', 'video', 'desktop'}) do
+                start_av_moderation(room, mediaType, occupant);
+
+                notify_occupants_enable(nil, true, room, occupant.nick, mediaType);
+
+                notify_whitelist_change(nil, true, room, mediaType);
+            end
+
+            room._data.av_first_moderator_joined = true;
+            return;
+        end
+    end
+
+    if room.av_moderation then
+        for _,mediaType in pairs({'audio', 'video', 'desktop'}) do
+            if room.av_moderation[mediaType] then
+                notify_occupants_enable(
+                    occupant.jid, true, room, room.av_moderation_actors[mediaType], mediaType);
+            end
+        end
+
+        -- NOTE for some reason event.occupant.role is not reflecting the actual occupant role (when changed
+        -- from allowners module) but iterating over room occupants returns the correct role
+        for _, room_occupant in room:each_occupant() do
+            -- if it is a moderator, send the whitelist to every moderator
+            if room_occupant.nick == occupant.nick and room_occupant.role == 'moderator' then
+                for _,mediaType in pairs({'audio', 'video', 'desktop'}) do
+                    if room.av_moderation[mediaType] then
+                        notify_whitelist_change(nil, true, room, mediaType);
+                    end
+                end
+            end
+        end
+    end
+end
+
+-- when a occupant was granted moderator we need to update him with the whitelist
+function occupant_affiliation_changed(event)
+    local room = event.room;
+    if not room.av_moderation or is_healthcheck_room(room.jid) or is_admin(event.jid)
+        or event.affiliation ~= 'owner' then
+        return;
+    end
+
+    -- in any enabled media type add the new moderator to the whitelist
+    for _, room_occupant in room:each_occupant() do
+        if room_occupant.bare_jid == event.jid then
+            for _,mediaType in pairs({'audio', 'video', 'desktop'}) do
+                if room.av_moderation[mediaType] then
+                    room.av_moderation[mediaType]:push(internal_room_jid_match_rewrite(room_occupant.nick));
+                end
+            end
+        end
+    end
+
+    -- the actor can be nil if is coming from allowners or similar module we want to skip it here
+    -- as we will handle it in occupant_joined
+    if event.actor and event.affiliation == 'owner' then
+        -- notify all moderators for the new grant moderator and the change in whitelists
+        for _,mediaType in pairs({'audio', 'video', 'desktop'}) do
+            if room.av_moderation[mediaType] then
+                notify_whitelist_change(nil, true, room, mediaType);
+            end
+        end
+    end
+end
+
+-- we will receive messages from the clients
+module:hook('message/host', on_message);
+
+process_host_module(muc_component_host, function(host_module, host)
+    module:log('info','Hook to muc events on %s', host);
+    host_module:hook('muc-occupant-joined', occupant_joined, -2); -- make sure it runs after allowners or similar
+    host_module:hook('muc-set-affiliation', occupant_affiliation_changed, -1);
+end);
+
+process_host_module(main_virtual_host, function(host_module)
+    module:context(host_module.host):fire_event('jitsi-add-identity', {
+        name = 'av_moderation'; host = module.host;
+    });
+end);
diff --git a/resources/prosody-plugins/mod_certs_s2soutinjection.lua b/resources/prosody-plugins/mod_certs_s2soutinjection.lua
new file mode 100644
index 0000000..7de57d2
--- /dev/null
+++ b/resources/prosody-plugins/mod_certs_s2soutinjection.lua
@@ -0,0 +1,23 @@
+-- global module
+-- validates certificates for all hosts used for s2soutinjection or s2sout_override
+module:set_global();
+
+local s2s_overrides = module:get_option("s2s_connect_overrides");
+
+if not s2s_overrides then
+    s2s_overrides = module:get_option("s2sout_override");
+end
+
+function attach(event)
+    local session = event.session;
+
+    if s2s_overrides and s2s_overrides[event.host] then
+        session.cert_chain_status = 'valid';
+        session.cert_identity_status = 'valid';
+
+        return true;
+    end
+end
+module:wrap_event('s2s-check-certificate', function (handlers, event_name, event_data)
+    return attach(event_data);
+end);
diff --git a/resources/prosody-plugins/mod_client_proxy.lua b/resources/prosody-plugins/mod_client_proxy.lua
new file mode 100644
index 0000000..93ca767
--- /dev/null
+++ b/resources/prosody-plugins/mod_client_proxy.lua
@@ -0,0 +1,202 @@
+if module:get_host_type() ~= "component" then
+	error("proxy_component should be loaded as component", 0);
+end
+
+local jid_split = require "util.jid".split;
+local jid_bare = require "util.jid".bare;
+local jid_prep = require "util.jid".prep;
+local st = require "util.stanza";
+local array = require "util.array";
+
+local target_address = module:get_option_string("target_address");
+
+sessions = array{};
+local sessions = sessions;
+
+local function handle_target_presence(stanza)
+	local type = stanza.attr.type;
+	module:log("debug", "received presence from destination: %s", type)
+	local _, _, resource = jid_split(stanza.attr.from);
+	if type == "error" then
+		-- drop all known sessions
+		for k in pairs(sessions) do
+			sessions[k] = nil
+		end
+		module:log(
+			"debug",
+			"received error presence, dropping all target sessions",
+			resource
+		)
+	elseif type == "unavailable" then
+		for k in pairs(sessions) do
+			if sessions[k] == resource then
+				sessions[k] = nil
+				module:log(
+					"debug",
+					"dropped target session: %s",
+					resource
+				)
+				break
+			end
+		end
+	elseif not type then
+		-- available
+		local found = false;
+		for k in pairs(sessions) do
+			if sessions[k] == resource then
+				found = true;
+				break
+			end
+		end
+		if not found then
+			module:log(
+				"debug",
+				"registered new target session: %s",
+				resource
+			)
+			sessions:push(resource)
+		end
+	end
+end
+
+local function handle_from_target(stanza)
+	local type = stanza.attr.type
+	module:log(
+		"debug",
+		"non-presence stanza from target: name = %s, type = %s",
+		stanza.name,
+		type
+	)
+	if stanza.name == "iq" then
+		if type == "error" or type == "result" then
+			-- de-NAT message
+			local _, _, denatted_to_unprepped = jid_split(stanza.attr.to);
+			local denatted_to = jid_prep(denatted_to_unprepped);
+			if not denatted_to then
+				module:log(
+					"debug",
+					"cannot de-NAT stanza, invalid to: %s",
+					denatted_to_unprepped
+				)
+				return
+			end
+			local denatted_from = module:get_host();
+
+			module:log(
+				"debug",
+				"de-NAT-ed stanza: from: %s -> %s, to: %s -> %s",
+				stanza.attr.from,
+				denatted_from,
+				stanza.attr.to,
+				denatted_to
+			)
+
+			stanza.attr.from = denatted_from
+			stanza.attr.to = denatted_to
+
+			module:send(stanza)
+		else
+			-- FIXME: we don’t support NATing outbund requests atm.
+			module:send(st.error_reply(stanza, "cancel", "feature-not-implemented"))
+		end
+	elseif stanza.name == "message" then
+		-- not implemented yet, we need a way to ensure that routing doesn’t
+		-- break
+		module:send(st.error_reply(stanza, "cancel", "feature-not-implemented"))
+	end
+end
+
+local function handle_to_target(stanza)
+	local type = stanza.attr.type;
+	module:log(
+		"debug",
+		"stanza to target: name = %s, type = %s",
+		stanza.name, type
+	)
+	if stanza.name == "presence" then
+		if type ~= "error" then
+			module:send(st.error_reply(stanza, "cancel", "bad-request"))
+			return
+		end
+	elseif stanza.name == "iq" then
+		if type == "get" or type == "set" then
+			if #sessions == 0 then
+				-- no sessions available to send to
+				module:log("debug", "no sessions to send to!")
+				module:send(st.error_reply(stanza, "cancel", "service-unavailable"))
+				return
+			end
+
+			-- find a target session
+			local target_session = sessions:random()
+			local target = target_address .. "/" .. target_session
+
+			-- encode sender JID in resource
+			local natted_from = module:get_host() .. "/" .. stanza.attr.from;
+
+			module:log(
+				"debug",
+				"NAT-ed stanza: from: %s -> %s, to: %s -> %s",
+				stanza.attr.from,
+				natted_from,
+				stanza.attr.to,
+				target
+			)
+
+			stanza.attr.from = natted_from
+			stanza.attr.to = target
+
+			module:send(stanza)
+		end
+		-- FIXME: handle and forward result/error correctly
+	elseif stanza.name == "message" then
+		-- not implemented yet, we need a way to ensure that routing doesn’t
+		-- break
+		module:send(st.error_reply(stanza, "cancel", "feature-not-implemented"))
+	end
+end
+
+local function stanza_handler(event)
+	local origin, stanza = event.origin, event.stanza
+	module:log("debug", "received stanza from %s session", origin.type)
+
+	local bare_from = jid_bare(stanza.attr.from);
+	local _, _, to = jid_split(stanza.attr.to);
+	if bare_from == target_address then
+		-- from our target, to whom?
+		if not to then
+			-- directly to component
+			if stanza.name == "presence" then
+				handle_target_presence(stanza)
+			else
+				module:send(st.error_reply(stanza, "cancel", "bad-request"))
+				return true
+			end
+		else
+			-- to someone else
+			handle_from_target(stanza)
+		end
+	else
+		handle_to_target(stanza)
+	end
+	return true
+end
+
+module:hook("iq/bare", stanza_handler, -1);
+module:hook("message/bare", stanza_handler, -1);
+module:hook("presence/bare", stanza_handler, -1);
+module:hook("iq/full", stanza_handler, -1);
+module:hook("message/full", stanza_handler, -1);
+module:hook("presence/full", stanza_handler, -1);
+module:hook("iq/host", stanza_handler, -1);
+module:hook("message/host", stanza_handler, -1);
+module:hook("presence/host", stanza_handler, -1);
+
+module:log("debug", "loaded proxy on %s", module:get_host())
+
+subscription_request = st.presence({
+	type = "subscribe",
+	to = target_address,
+	from = module:get_host()}
+)
+module:send(subscription_request)
diff --git a/resources/prosody-plugins/mod_conference_duration.lua b/resources/prosody-plugins/mod_conference_duration.lua
new file mode 100644
index 0000000..43f4511
--- /dev/null
+++ b/resources/prosody-plugins/mod_conference_duration.lua
@@ -0,0 +1,48 @@
+local it = require "util.iterators";
+local process_host_module = module:require "util".process_host_module;
+
+local main_muc_component_config = module:get_option_string('main_muc');
+if main_muc_component_config == nil then
+    module:log('error', 'lobby not enabled missing main_muc config');
+    return ;
+end
+
+-- Returns the meeting created timestamp form data.
+function getMeetingCreatedTSConfig(room)
+    return {
+        name = "muc#roominfo_created_timestamp";
+        type = "text-single";
+        label = "The meeting created_timestamp.";
+        value = room.created_timestamp or "";
+    };
+end
+
+function occupant_joined(event)
+    local room = event.room;
+    local occupant = event.occupant;
+
+    local participant_count = it.count(room:each_occupant());
+
+    if participant_count > 1 then
+        if room.created_timestamp == nil then
+            room.created_timestamp = string.format('%i', os.time() * 1000); -- Lua provides UTC time in seconds, so convert to milliseconds
+        end
+    end
+end
+
+process_host_module(main_muc_component_config, function(host_module, host)
+    -- add meeting Id to the disco info requests to the room
+    host_module:hook("muc-disco#info", function(event)
+        table.insert(event.form, getMeetingCreatedTSConfig(event.room));
+    end);
+
+    -- Marks the created timestamp in the room object
+    host_module:hook("muc-occupant-joined", occupant_joined, -1);
+end);
+
+-- DEPRECATED and will be removed, giving time for mobile clients to update
+local conference_duration_component
+    = module:get_option_string("conference_duration_component", "conferenceduration."..module.host);
+if conference_duration_component then
+    module:add_identity("component", "conference_duration", conference_duration_component);
+end
diff --git a/resources/prosody-plugins/mod_conference_duration_component.lua b/resources/prosody-plugins/mod_conference_duration_component.lua
new file mode 100644
index 0000000..d643dc2
--- /dev/null
+++ b/resources/prosody-plugins/mod_conference_duration_component.lua
@@ -0,0 +1,47 @@
+-- DEPRECATED and will be removed, giving time for mobile clients to update
+local st = require "util.stanza";
+local socket = require "socket";
+local json = require 'cjson.safe';
+local it = require "util.iterators";
+local process_host_module = module:require "util".process_host_module;
+
+-- we use async to detect Prosody 0.10 and earlier
+local have_async = pcall(require, "util.async");
+if not have_async then
+    module:log("warn", "conference duration will not work with Prosody version 0.10 or less.");
+    return;
+end
+
+local muc_component_host = module:get_option_string("muc_component");
+if muc_component_host == nil then
+    module:log("error", "No muc_component specified. No muc to operate on!");
+    return;
+end
+
+module:log("info", "Starting conference duration timer for %s", muc_component_host);
+
+function occupant_joined(event)
+    local room = event.room;
+    local occupant = event.occupant;
+
+    local participant_count = it.count(room:each_occupant());
+
+    if participant_count > 1 then
+        local body_json = {};
+        body_json.type = 'conference_duration';
+        body_json.created_timestamp = room.created_timestamp;
+
+        local stanza = st.message({
+            from = module.host;
+            to = occupant.jid;
+        })
+        :tag("json-message", {xmlns='http://jitsi.org/jitmeet'})
+        :text(json.encode(body_json)):up();
+
+        room:route_stanza(stanza);
+    end
+end
+
+process_host_module(muc_component_host, function(host_module, host)
+    host_module:hook("muc-occupant-joined", occupant_joined, -1);
+end);
diff --git a/resources/prosody-plugins/mod_debug_traceback.lua b/resources/prosody-plugins/mod_debug_traceback.lua
new file mode 100644
index 0000000..5c021b5
--- /dev/null
+++ b/resources/prosody-plugins/mod_debug_traceback.lua
@@ -0,0 +1,54 @@
+module:set_global();
+
+local traceback = require "util.debug".traceback;
+local pposix = require "util.pposix";
+local os_date = os.date;
+local render_filename = require "util.interpolation".new("%b{}", function (s) return s; end, {
+	yyyymmdd = function (t)
+		return os_date("%Y%m%d", t);
+	end;
+	hhmmss = function (t)
+		return os_date("%H%M%S", t);
+	end;
+});
+
+local count = 0;
+
+local function get_filename(filename_template)
+	filename_template = filename_template;
+	return render_filename(filename_template, {
+		paths = prosody.paths;
+		pid = pposix.getpid();
+		count = count;
+		time = os.time();
+	});
+end
+
+local default_filename_template = "{paths.data}/traceback-{pid}-{count}.log";
+local filename_template = module:get_option_string("debug_traceback_filename", default_filename_template);
+local signal_name = module:get_option_string("debug_traceback_signal", "SIGUSR1");
+
+function dump_traceback()
+	module:log("info", "Received %s, writing traceback", signal_name);
+
+	local tb = traceback();
+	module:fire_event("debug_traceback/triggered", { traceback = tb });
+
+	local f, err = io.open(get_filename(filename_template), "a+");
+	if not f then
+		module:log("error", "Unable to write traceback: %s", err);
+		return;
+	end
+	f:write("-- Traceback generated at ", os.date("%b %d %H:%M:%S"), " --\n");
+	f:write(tb, "\n");
+	f:write("-- End of traceback --\n");
+	f:close();
+	count = count + 1;
+end
+
+local mod_posix = module:depends("posix");
+if rawget(mod_posix, "features") and mod_posix.features.signal_events then
+	module:hook("signal/"..signal_name, dump_traceback);
+else
+	require"util.signal".signal(signal_name, dump_traceback);
+end
diff --git a/resources/prosody-plugins/mod_end_conference.lua b/resources/prosody-plugins/mod_end_conference.lua
new file mode 100644
index 0000000..9dff466
--- /dev/null
+++ b/resources/prosody-plugins/mod_end_conference.lua
@@ -0,0 +1,95 @@
+--
+-- Component "endconference.jitmeet.example.com" "end_conference"
+--     muc_component = muc.jitmeet.example.com
+--
+local util = module:require 'util';
+local get_room_by_name_and_subdomain = util.get_room_by_name_and_subdomain;
+local process_host_module = util.process_host_module;
+
+local END_CONFERENCE_REASON = 'The meeting has been terminated';
+
+-- Since this file serves as both the host module and the component, we rely on the assumption that
+-- end_conference_component var would only be define for the host and not in the end_conference component
+-- TODO: Remove this if block after several stable releases when people update their configs
+local end_conference_component = module:get_option_string('end_conference_component');
+if end_conference_component then
+    module:log('warn', 'Please update your config by removing muc_end_conference module from '
+     .. 'the list of loaded modules in the main virtual host.');
+    module:depends("features_identity");
+    return;  -- nothing left to do if called as host module
+end
+
+-- What follows is logic for the end_conference component
+
+module:depends("jitsi_session");
+
+local muc_component_host = module:get_option_string('muc_component');
+if muc_component_host == nil then
+    module:log('error', 'No muc_component specified. No muc to operate on!');
+    return;
+end
+
+local main_virtual_host = module:get_option_string('muc_mapper_domain_base');
+if not main_virtual_host then
+    module:log('warn', 'No "muc_mapper_domain_base" option set, disabling end conference component.');
+    return ;
+end
+
+module:log('info', 'Starting end_conference for %s', muc_component_host);
+
+-- receives messages from clients to the component to end a conference
+function on_message(event)
+    local session = event.origin;
+
+    -- Check the type of the incoming stanza to avoid loops:
+    if event.stanza.attr.type == 'error' then
+        return; -- We do not want to reply to these, so leave.
+    end
+
+    if not session or not session.jitsi_web_query_room then
+        return false;
+    end
+
+    local moderation_command = event.stanza:get_child('end_conference');
+
+    if moderation_command then
+        -- get room name with tenant and find room
+        local room = get_room_by_name_and_subdomain(session.jitsi_web_query_room, session.jitsi_web_query_prefix);
+
+        if not room then
+            module:log('warn', 'No room found for %s/%s',
+                    session.jitsi_web_query_prefix, session.jitsi_web_query_room);
+            return false;
+        end
+
+        -- check that the participant requesting is a moderator and is an occupant in the room
+        local from = event.stanza.attr.from;
+        local occupant = room:get_occupant_by_real_jid(from);
+        if not occupant then
+            module:log('warn', 'No occupant %s found for %s', from, room.jid);
+            return false;
+        end
+        if occupant.role ~= 'moderator' then
+            module:log('warn', 'Occupant %s is not moderator and not allowed this operation for %s', from, room.jid);
+            return false;
+        end
+
+        -- destroy the room
+        room:destroy(nil, END_CONFERENCE_REASON);
+        module:log('info', 'Room %s destroyed by occupant %s', room.jid, from);
+        return true;
+    end
+
+    -- return error
+    return false
+end
+
+
+-- we will receive messages from the clients
+module:hook('message/host', on_message);
+
+process_host_module(main_virtual_host, function(host_module)
+    module:context(host_module.host):fire_event('jitsi-add-identity', {
+        name = 'end_conference'; host = module.host;
+    });
+end);
diff --git a/resources/prosody-plugins/mod_features_identity.lua b/resources/prosody-plugins/mod_features_identity.lua
new file mode 100644
index 0000000..9a82d1a
--- /dev/null
+++ b/resources/prosody-plugins/mod_features_identity.lua
@@ -0,0 +1,8 @@
+-- Other components can use the event 'jitsi-add-identity' to attach identity which
+-- will be advertised by the main virtual host and discovered by clients.
+-- With this we avoid having an almost empty module to just add identity with an extra config
+
+module:hook('jitsi-add-identity', function(event)
+    module:log('info', 'Adding identity %s for host %s', event.name, event.host);
+    module:add_identity('component', event.name, event.host);
+end);
diff --git a/resources/prosody-plugins/mod_filesharing_component.lua b/resources/prosody-plugins/mod_filesharing_component.lua
new file mode 100644
index 0000000..6268c4f
--- /dev/null
+++ b/resources/prosody-plugins/mod_filesharing_component.lua
@@ -0,0 +1,245 @@
+local json = require 'cjson.safe';
+local jid = require 'util.jid';
+local st = require 'util.stanza';
+
+local util = module:require 'util';
+local internal_room_jid_match_rewrite = util.internal_room_jid_match_rewrite;
+local is_admin = util.is_admin;
+local process_host_module = util.process_host_module;
+
+local FILE_SHARING_IDENTITY_TYPE = 'file-sharing';
+local JSON_TYPE_ADD_FILE = 'add';
+local JSON_TYPE_REMOVE_FILE = 'remove';
+local JSON_TYPE_LIST_FILES = 'list';
+local NICK_NS = 'http://jabber.org/protocol/nick';
+
+-- this is the main virtual host of the main prosody that this vnode serves
+local main_domain = module:get_option_string('main_domain');
+-- only the visitor prosody has main_domain setting
+local is_visitor_prosody = main_domain ~= nil;
+
+local muc_component_host = module:get_option_string('muc_component');
+if muc_component_host == nil then
+    module:log('error', 'No muc_component specified. No muc to operate on!');
+    return;
+end
+
+local muc_domain_base = module:get_option_string("muc_mapper_domain_base");
+if not muc_domain_base then
+    module:log("warn", "No 'muc_domain_base' option set, disabling file sharing component.");
+    return ;
+end
+
+-- receives messages from clients to the component sending file sharing commands for adding or removing files
+function on_message(event)
+    local session, stanza = event.origin, event.stanza;
+
+    -- Check the type of the incoming stanza to avoid loops:
+    if stanza.attr.type == 'error' then
+        return; -- We do not want to reply to these, so leave.
+    end
+
+    if not session or not session.jitsi_web_query_room then
+        return false;
+    end
+
+    local message = stanza:get_child(FILE_SHARING_IDENTITY_TYPE, 'http://jitsi.org/jitmeet');
+
+    if not message then
+        return false;
+    end
+
+    -- get room name with tenant and find room
+    local room = get_room_by_name_and_subdomain(session.jitsi_web_query_room, session.jitsi_web_query_prefix);
+
+    if not room then
+        module:log('warn', 'No room found for %s/%s', session.jitsi_web_query_prefix, session.jitsi_web_query_room);
+        return false;
+    end
+
+    -- check that the participant sending the message is an occupant in the room
+    local from = stanza.attr.from;
+    local occupant = room:get_occupant_by_real_jid(from);
+
+    if not occupant then
+        module:log('warn', 'No occupant %s found for %s', from, room.jid);
+        return false;
+    end
+
+    if not is_feature_allowed(
+        'file-upload',
+        session.jitsi_meet_context_features,
+        room:get_affiliation(stanza.attr.from) == 'owner') then
+        session.send(st.error_reply(stanza, 'auth', 'forbidden'));
+        return true;
+    end
+
+    if message.attr.type == JSON_TYPE_ADD_FILE then
+        local msg_obj, error = json.decode(message:get_text());
+
+        if error then
+            module:log('error','Error decoding data error:%s %s', error, stanza);
+            return false;
+        end
+
+        if not msg_obj.fileId then
+            module:log('error', 'Error missing required field: %s', stanza);
+            return false;
+        end
+
+        -- make sure we overwrite data for sender so we avoid spoofing
+        msg_obj.authorParticipantId = jid.resource(occupant.nick);
+        msg_obj.authorParticipantJid = from;
+
+        local nick_element = occupant:get_presence():get_child('nick', NICK_NS);
+        if nick_element then
+            msg_obj.authorParticipantName = nick_element:get_text();
+        else
+            msg_obj.authorParticipantName = 'anonymous';
+        end
+        msg_obj.conferenceFullName = internal_room_jid_match_rewrite(room.jid);
+
+        module:context(muc_domain_base):fire_event('jitsi-filesharing-add', {
+            room = room; file = msg_obj; actor = occupant.nick;
+        });
+
+        module:context(muc_domain_base):fire_event('jitsi-filesharing-updated', {
+            room = room;
+        });
+
+        return true;
+    elseif message.attr.type == JSON_TYPE_REMOVE_FILE then
+        if not message.attr.fileId then
+            module:log('error', 'Error missing required field: %s', stanza);
+            return true;
+        end
+
+        module:context(muc_domain_base):fire_event('jitsi-filesharing-remove', {
+            room = room; id = message.attr.fileId; actor = occupant.nick;
+        });
+
+        module:context(muc_domain_base):fire_event('jitsi-filesharing-updated', {
+            room = room;
+        });
+
+        return true;
+    else
+         -- return error.
+        return false;
+    end
+end
+
+-- handles new occupants to inform them about any file shared by other participants
+function occupant_joined(event)
+    local room, occupant = event.room, event.occupant;
+
+    -- healthcheck rooms does not have shared files
+    if not room.jitsi_shared_files
+        or is_admin(occupant.bare_jid)
+        or not room.jitsi_shared_files
+        or next(room.jitsi_shared_files) == nil then
+        return;
+    end
+
+
+    -- send file list to the new occupant
+    local json_msg, error = json.encode({
+        type = FILE_SHARING_IDENTITY_TYPE,
+        event = JSON_TYPE_LIST_FILES,
+        files = room.jitsi_shared_files
+    });
+
+    local stanza = st.message({ from = module.host; to = occupant.jid; })
+        :tag('json-message', { xmlns = 'http://jitsi.org/jitmeet' })
+        :text(json_msg):up();
+
+    module:send(stanza);
+end
+
+process_host_module(muc_component_host, function(host_module, host)
+    module:log('info','Hook to muc events on %s', host);
+    host_module:hook('muc-occupant-joined', occupant_joined, -10); -- make sure it runs after allowners or similar
+end);
+
+-- we will receive messages from the clients
+module:hook('message/host', on_message);
+
+process_host_module(muc_domain_base, function(host_module, host)
+    module:context(muc_domain_base):fire_event('jitsi-add-identity', {
+        name = FILE_SHARING_IDENTITY_TYPE; host = module.host;
+    });
+    module:context(muc_domain_base):hook('jitsi-filesharing-add', function(event)
+        local actor, file, room = event.actor, event.file, event.room;
+
+        if not room.jitsi_shared_files then
+            room.jitsi_shared_files = {};
+        end
+
+        room.jitsi_shared_files[file.fileId] = file;
+
+        local json_msg, error = json.encode({
+            type = FILE_SHARING_IDENTITY_TYPE,
+            event = JSON_TYPE_ADD_FILE,
+            file = file
+        });
+
+        if not json_msg then
+            module:log('error', 'skip sending add request room:%s error:%s', room.jid, error);
+            return false
+        end
+
+        local stanza = st.message({ from = module.host; }):tag('json-message', { xmlns = 'http://jitsi.org/jitmeet' })
+            :text(json_msg):up();
+
+        -- send add file to all occupants except jicofo and sender
+        -- if this is visitor prosody send it only to visitors
+        for _, room_occupant in room:each_occupant() do
+            local send_event = not is_admin(room_occupant.bare_jid) and room_occupant.nick ~= actor;
+            if is_visitor_prosody then
+                send_event = room_occupant.role == 'visitor';
+            end
+            if send_event then
+                local to_send = st.clone(stanza);
+                to_send.attr.to = room_occupant.jid;
+                module:send(to_send);
+            end
+        end
+    end);
+    module:context(muc_domain_base):hook('jitsi-filesharing-remove', function(event)
+        local actor, id, room = event.actor, event.id, event.room;
+
+        if not room.jitsi_shared_files then
+            return;
+        end
+
+        room.jitsi_shared_files[id] = nil;
+
+        local json_msg, error = json.encode({
+            type = FILE_SHARING_IDENTITY_TYPE,
+            event = JSON_TYPE_REMOVE_FILE,
+            fileId = id
+        });
+
+        if not json_msg then
+            module:log('error', 'skip sending remove request room:%s error:%s', room.jid, error);
+            return false
+        end
+
+        local stanza = st.message({ from = module.host; }):tag('json-message', { xmlns = 'http://jitsi.org/jitmeet' })
+            :text(json_msg):up();
+
+        -- send remove file to all occupants except jicofo and sender
+        -- if this is visitor prosody send it only to visitors
+        for _, room_occupant in room:each_occupant() do
+            local send_event = not is_admin(room_occupant.bare_jid) and room_occupant.nick ~= actor;
+            if is_visitor_prosody then
+                send_event = room_occupant.role == 'visitor';
+            end
+            if send_event then
+                local to_send = st.clone(stanza);
+                to_send.attr.to = room_occupant.jid;
+                module:send(to_send);
+            end
+        end
+    end);
+end);
diff --git a/resources/prosody-plugins/mod_filter_iq_jibri.lua b/resources/prosody-plugins/mod_filter_iq_jibri.lua
new file mode 100644
index 0000000..0a36c47
--- /dev/null
+++ b/resources/prosody-plugins/mod_filter_iq_jibri.lua
@@ -0,0 +1,68 @@
+-- This module is enabled under the main virtual host
+local cache = require 'util.cache';
+local new_throttle = require 'util.throttle'.create;
+local st = require "util.stanza";
+local jid_bare = require "util.jid".bare;
+local util = module:require 'util';
+local is_feature_allowed = util.is_feature_allowed;
+local get_ip = util.get_ip;
+local get_room_from_jid = util.get_room_from_jid;
+local room_jid_match_rewrite = util.room_jid_match_rewrite;
+
+local limit_jibri_reach_ip_attempts;
+local limit_jibri_reach_room_attempts;
+local rates_per_ip;
+local function load_config()
+    limit_jibri_reach_ip_attempts = module:get_option_number("max_number_ip_attempts_per_minute", 9);
+    limit_jibri_reach_room_attempts = module:get_option_number("max_number_room_attempts_per_minute", 3);
+    -- The size of the cache that saves state for IP addresses
+    cache_size = module:get_option_number("jibri_rate_limit_cache_size", 10000);
+
+    -- Maps an IP address to a util.throttle which keeps the rate of attempts to reach jibri events from that IP.
+    rates_per_ip = cache.new(cache_size);
+end
+load_config();
+
+-- filters jibri iq in case of requested from jwt authenticated session that
+-- has features in the user context, but without feature for recording
+module:hook("pre-iq/full", function(event)
+    local stanza = event.stanza;
+    if stanza.name == "iq" then
+        local jibri = stanza:get_child('jibri', 'http://jitsi.org/protocol/jibri');
+        if jibri then
+            local session = event.origin;
+            local token = session.auth_token;
+            local room = get_room_from_jid(room_jid_match_rewrite(jid_bare(stanza.attr.to)));
+            local occupant = room:get_occupant_by_real_jid(stanza.attr.from);
+            local feature = jibri.attr.recording_mode == 'file' and 'recording' or 'livestreaming';
+            local is_allowed = is_feature_allowed(
+                feature,
+                session.jitsi_meet_context_features,
+                occupant.role == 'moderator');
+
+            if jibri.attr.action == 'start' or jibri.attr.action == 'stop' then
+                if not is_allowed then
+                    module:log('info', 'Filtering jibri start recording, stanza:%s', tostring(stanza));
+                    session.send(st.error_reply(stanza, 'auth', 'forbidden'));
+                    return true;
+                end
+
+                local ip = get_ip(session);
+                if not rates_per_ip:get(ip) then
+                    rates_per_ip:set(ip, new_throttle(limit_jibri_reach_ip_attempts, 60));
+                end
+
+                if not room.jibri_throttle then
+                    room.jibri_throttle = new_throttle(limit_jibri_reach_room_attempts, 60);
+                end
+
+                if not rates_per_ip:get(ip):poll(1) or not room.jibri_throttle:poll(1) then
+                    module:log('warn', 'Filtering jibri start recording, ip:%s, room:%s stanza:%s',
+                        ip, room.jid, tostring(stanza));
+                    session.send(st.error_reply(stanza, 'wait', 'policy-violation'));
+                    return true;
+                end
+            end
+        end
+    end
+end);
diff --git a/resources/prosody-plugins/mod_filter_iq_rayo.lua b/resources/prosody-plugins/mod_filter_iq_rayo.lua
new file mode 100644
index 0000000..2f6f875
--- /dev/null
+++ b/resources/prosody-plugins/mod_filter_iq_rayo.lua
@@ -0,0 +1,278 @@
+-- This module is enabled under the main virtual host
+local new_throttle = require "util.throttle".create;
+local st = require "util.stanza";
+local jid = require "util.jid";
+
+local util = module:require 'util';
+local is_admin = util.is_admin;
+local room_jid_match_rewrite = util.room_jid_match_rewrite;
+local is_feature_allowed = util.is_feature_allowed;
+local is_sip_jigasi = util.is_sip_jigasi;
+local get_room_from_jid = util.get_room_from_jid;
+local process_host_module = util.process_host_module;
+local jid_bare = require "util.jid".bare;
+
+local sessions = prosody.full_sessions;
+
+local measure_drop = module:measure('drop', 'counter');
+
+local main_muc_component_host = module:get_option_string('main_muc');
+if main_muc_component_host == nil then
+    module:log('error', 'main_muc not configured. Cannot proceed.');
+    return;
+end
+local main_muc_service;
+
+
+-- this is the main virtual host of the main prosody that this vnode serves
+local main_domain = module:get_option_string('main_domain');
+-- only the visitor prosody has main_domain setting
+local is_visitor_prosody = main_domain ~= nil;
+
+-- this is the main virtual host of this vnode
+local local_domain = module:get_option_string('muc_mapper_domain_base');
+
+local parentCtx = module:context(local_domain);
+if parentCtx == nil then
+    log("error",
+        "Failed to start - unable to get parent context for host: %s",
+        tostring(local_domain));
+    return;
+end
+local token_util = module:require "token/util".new(parentCtx);
+
+-- no token configuration but required
+if token_util == nil then
+    module:log("error", "no token configuration but it is required");
+    return;
+end
+
+-- The maximum number of simultaneous calls,
+-- and also the maximum number of new calls per minute that a session is allowed to create.
+local limit_outgoing_calls;
+local function load_config()
+    limit_outgoing_calls = module:get_option_number("max_number_outgoing_calls", -1);
+end
+load_config();
+
+-- Header names to use to push extra data extracted from token, if any
+local OUT_INITIATOR_USER_ATTR_NAME = "X-outbound-call-initiator-user";
+local OUT_INITIATOR_GROUP_ATTR_NAME = "X-outbound-call-initiator-group";
+local OUT_ROOM_NAME_ATTR_NAME = "JvbRoomName";
+
+local OUTGOING_CALLS_THROTTLE_INTERVAL = 60; -- if max_number_outgoing_calls is enabled it will be
+                                             -- the max number of outgoing calls a user can try for a minute
+
+-- filters rayo iq in case of requested from not jwt authenticated sessions
+-- or if the session has features in user context and it doesn't mention
+-- feature "outbound-call" to be enabled
+module:hook("pre-iq/full", function(event)
+    local stanza = event.stanza;
+    if stanza.name == "iq" then
+        local dial = stanza:get_child('dial', 'urn:xmpp:rayo:1');
+        if dial then
+            local session = event.origin;
+            local token = session.auth_token;
+
+            -- find header with attr name 'JvbRoomName' and extract its value
+            local roomName;
+            -- Remove any 'header' element if it already exists, so it cannot be spoofed by a client
+            dial:maptags(function(tag)
+                if tag.name == "header"
+                        and (tag.attr.name == OUT_INITIATOR_USER_ATTR_NAME
+                                or tag.attr.name == OUT_INITIATOR_GROUP_ATTR_NAME) then
+                    return nil
+                elseif tag.name == "header" and tag.attr.name == OUT_ROOM_NAME_ATTR_NAME then
+                    roomName = tag.attr.value;
+                    -- we will remove it as we will add it later, modified
+                    if is_visitor_prosody then
+                        return nil;
+                    end
+                end
+                return tag
+            end);
+
+            local room_jid = jid.bare(stanza.attr.to);
+            local room_real_jid = room_jid_match_rewrite(room_jid);
+            local room = main_muc_service.get_room_from_jid(room_real_jid);
+            local is_sender_in_room = room:get_occupant_jid(stanza.attr.from) ~= nil;
+
+            if not room or not is_sender_in_room then
+                module:log("warn", "Filtering stanza dial, stanza:%s", tostring(stanza));
+                session.send(st.error_reply(stanza, "auth", "forbidden"));
+                return true;
+            end
+
+            local feature = dial.attr.to == 'jitsi_meet_transcribe' and 'transcription' or 'outbound-call';
+            local is_session_allowed = is_feature_allowed(
+                feature,
+                session.jitsi_meet_context_features,
+                room:get_affiliation(stanza.attr.from) == 'owner');
+
+            if roomName == nil
+                or roomName ~= room_jid
+                or (token ~= nil and not token_util:verify_room(session, room_real_jid))
+                or not is_session_allowed
+            then
+                module:log("warn", "Filtering stanza dial, stanza:%s", tostring(stanza));
+                session.send(st.error_reply(stanza, "auth", "forbidden"));
+                return true;
+            end
+
+            -- we get current user_id or group, or the one from the granted one
+            -- so guests and the user that granted rights are sharing same limit, as guest can be without token
+            local user_id, group_id = nil, session.jitsi_meet_context_group;
+            if session.jitsi_meet_context_user then
+                user_id = session.jitsi_meet_context_user["id"];
+            else
+                user_id = session.granted_jitsi_meet_context_user_id;
+                group_id = session.granted_jitsi_meet_context_group_id;
+            end
+
+            -- now lets check any limits for outgoing calls if configured
+            if feature == 'outbound-call' and limit_outgoing_calls > 0 then
+                if not session.dial_out_throttle then
+                    -- module:log("debug", "Enabling dial-out throttle session=%s.", session);
+                    session.dial_out_throttle = new_throttle(limit_outgoing_calls, OUTGOING_CALLS_THROTTLE_INTERVAL);
+                end
+
+                if not session.dial_out_throttle:poll(1) -- we first check the throttle so we can mark one incoming dial for the balance
+                    or get_concurrent_outgoing_count(user_id, group_id) >= limit_outgoing_calls
+                then
+                    module:log("warn",
+                        "Filtering stanza dial, stanza:%s, outgoing calls limit reached", tostring(stanza));
+                    measure_drop(1);
+                    session.send(st.error_reply(stanza, "cancel", "resource-constraint"));
+                    return true;
+                end
+            end
+
+            -- now lets insert token information if any
+            if session and user_id then
+                -- adds initiator user id from token
+                dial:tag("header", {
+                    xmlns = "urn:xmpp:rayo:1",
+                    name = OUT_INITIATOR_USER_ATTR_NAME,
+                    value = tostring(user_id)});
+                dial:up();
+
+                -- Add the initiator group information if it is present
+                if session.jitsi_meet_context_group then
+                    dial:tag("header", {
+                        xmlns = "urn:xmpp:rayo:1",
+                        name = OUT_INITIATOR_GROUP_ATTR_NAME,
+                        value = tostring(session.jitsi_meet_context_group) });
+                    dial:up();
+                end
+            end
+
+            -- we want to instruct jigasi to enter the main room, so send the correct main room jid
+            if is_visitor_prosody then
+                dial:tag("header", {
+                    xmlns = "urn:xmpp:rayo:1",
+                    name = OUT_ROOM_NAME_ATTR_NAME,
+                    value = string.gsub(roomName, local_domain, main_domain) });
+                dial:up();
+            end
+        end
+    end
+end, 1); -- make sure we run before domain mapper
+
+--- Finds and returns the number of concurrent outgoing calls for a user
+-- @param context_user the user id extracted from the token
+-- @param context_group the group id extracted from the token
+-- @return returns the count of concurrent calls
+function get_concurrent_outgoing_count(context_user, context_group)
+    local count = 0;
+    local rooms = main_muc_service.live_rooms();
+
+    -- now lets iterate over rooms and occupants and search for
+    -- call initiated by the user
+    for room in rooms do
+        for _, occupant in room:each_occupant() do
+            for _, presence in occupant:each_session() do
+
+                local initiator = is_sip_jigasi(presence);
+
+                local found_user = false;
+                local found_group = false;
+
+                if initiator then
+                    initiator:maptags(function (tag)
+                        if tag.name == "header"
+                            and tag.attr.name == OUT_INITIATOR_USER_ATTR_NAME then
+                            found_user = tag.attr.value == context_user;
+                        elseif tag.name == "header"
+                            and tag.attr.name == OUT_INITIATOR_GROUP_ATTR_NAME then
+                            found_group = tag.attr.value == context_group;
+                        end
+
+                        return tag;
+                    end );
+                    -- if found a jigasi participant initiated by the concurrent
+                    -- participant, count it
+                    if found_user
+                        and (context_group == nil or found_group) then
+                        count = count + 1;
+                    end
+                end
+            end
+        end
+    end
+
+    return count;
+end
+
+module:hook_global('config-reloaded', load_config);
+
+function process_main_muc_loaded(main_muc, host_module)
+    module:log('debug', 'Main muc loaded');
+
+    main_muc_service = main_muc;
+end
+
+process_host_module(main_muc_component_host, function(host_module, host)
+    local muc_module = prosody.hosts[host].modules.muc;
+
+    if muc_module then
+        process_main_muc_loaded(muc_module, host_module);
+    else
+        module:log('debug', 'Will wait for muc to be available');
+        prosody.hosts[host].events.add_handler('module-loaded', function(event)
+            if (event.module == 'muc') then
+                process_main_muc_loaded(prosody.hosts[host].modules.muc, host_module);
+            end
+        end);
+    end
+end);
+
+-- when recording participants may enable and backend transcriptions
+-- it is possible that participant is not moderator, but has the features enabled for
+-- transcribing, we need to allow that operation
+module:hook('jitsi-metadata-allow-moderation', function (event)
+    local data, key, occupant, session = event.data, event.key, event.actor, event.session;
+
+    if key == 'recording' and data and data.isTranscribingEnabled ~= nil then
+        -- if it is recording we want to allow setting in metadata if not moderator but features
+        -- are present
+        if session.jitsi_meet_context_features
+            and occupant.role ~= 'moderator'
+            and is_feature_allowed('transcription', session.jitsi_meet_context_features)
+            and is_feature_allowed('recording', session.jitsi_meet_context_features) then
+                local res = {};
+                res.isTranscribingEnabled = data.isTranscribingEnabled;
+                return res;
+        elseif not session.jitsi_meet_context_features and occupant.role == 'moderator' then
+            return data;
+        else
+            return nil;
+        end
+    end
+
+    if occupant.role == 'moderator' then
+        return data;
+    end
+
+    return nil;
+end);
+
diff --git a/resources/prosody-plugins/mod_filter_messages.lua b/resources/prosody-plugins/mod_filter_messages.lua
new file mode 100644
index 0000000..0b9b91d
--- /dev/null
+++ b/resources/prosody-plugins/mod_filter_messages.lua
@@ -0,0 +1,42 @@
+-- enable under the main muc module
+-- a module that will filter group messages based on features (jitsi_meet_context_features)
+-- when requested via metadata (permissions.groupChatRestricted)
+local util = module:require 'util';
+local get_room_from_jid = util.get_room_from_jid;
+local st = require 'util.stanza';
+
+local function on_message(event)
+    local stanza = event.stanza;
+    local body = stanza:get_child('body');
+    local session = event.origin;
+
+    if not body or not session then
+        -- we ignore messages without body - lobby, polls ...
+        return;
+    end
+
+    -- get room name with tenant and find room.
+    -- this should already been through domain mapper and this should be the real room jid [tenant]name format
+    local room = get_room_from_jid(stanza.attr.to);
+    if not room then
+        module:log('warn', 'No room found for %s', stanza.attr.to);
+        return;
+    end
+
+    if room.jitsiMetadata and room.jitsiMetadata.permissions
+        and room.jitsiMetadata.permissions.groupChatRestricted
+        and not is_feature_allowed('send-groupchat', session.jitsi_meet_context_features) then
+
+            local reply = st.error_reply(stanza, 'cancel', 'not-allowed', 'Sending group messages not allowed');
+            if session.type == 's2sin' or session.type == 's2sout' then
+                reply.skipMapping = true;
+            end
+            module:send(reply);
+
+            -- let's filter this message
+            return true;
+    end
+end
+
+module:hook('message/bare', on_message); -- room messages
+module:hook('jitsi-visitor-groupchat-pre-route', on_message); -- visitors messages
diff --git a/resources/prosody-plugins/mod_firewall/actions.lib.lua b/resources/prosody-plugins/mod_firewall/actions.lib.lua
new file mode 100644
index 0000000..97ac873
--- /dev/null
+++ b/resources/prosody-plugins/mod_firewall/actions.lib.lua
@@ -0,0 +1,280 @@
+local unpack = table.unpack or unpack;
+
+local interpolation = require "util.interpolation";
+local template = interpolation.new("%b$$", function (s) return ("%q"):format(s) end);
+
+--luacheck: globals meta idsafe
+local action_handlers = {};
+
+
+-- Takes an XML string and returns a code string that builds that stanza
+-- using st.stanza()
+local function compile_xml(data)
+	local code = {};
+	local first, short_close = true, nil;
+	for tagline, text in data:gmatch("<([^>]+)>([^<]*)") do
+		if tagline:sub(-1,-1) == "/" then
+			tagline = tagline:sub(1, -2);
+			short_close = true;
+		end
+		if tagline:sub(1,1) == "/" then
+			code[#code+1] = (":up()");
+		else
+			local name, attr = tagline:match("^(%S*)%s*(.*)$");
+			local attr_str = {};
+			for k, _, v in attr:gmatch("(%S+)=([\"'])([^%2]-)%2") do
+				if #attr_str == 0 then
+					table.insert(attr_str, ", { ");
+				else
+					table.insert(attr_str, ", ");
+				end
+				if k:find("^%a%w*$") then
+					table.insert(attr_str, string.format("%s = %q", k, v));
+				else
+					table.insert(attr_str, string.format("[%q] = %q", k, v));
+				end
+			end
+			if #attr_str > 0 then
+				table.insert(attr_str, " }");
+			end
+			if first then
+				code[#code+1] = (string.format("st.stanza(%q %s)", name, #attr_str>0 and table.concat(attr_str) or ", nil"));
+				first = nil;
+			else
+				code[#code+1] = (string.format(":tag(%q%s)", name, table.concat(attr_str)));
+			end
+		end
+		if text and text:find("%S") then
+			code[#code+1] = (string.format(":text(%q)", text));
+		elseif short_close then
+			short_close = nil;
+			code[#code+1] = (":up()");
+		end
+	end
+	return table.concat(code, "");
+end
+
+function action_handlers.PASS()
+	return "do return pass_return end"
+end
+
+function action_handlers.DROP()
+	return "do return true end";
+end
+
+function action_handlers.DEFAULT()
+	return "do return false end";
+end
+
+function action_handlers.RETURN()
+	return "do return end"
+end
+
+function action_handlers.STRIP(tag_desc)
+	local code = {};
+	local name, xmlns = tag_desc:match("^(%S+) (.+)$");
+	if not name then
+		name, xmlns = tag_desc, nil;
+	end
+	if name == "*" then
+		name = nil;
+	end
+	code[#code+1] = ("local stanza_xmlns = stanza.attr.xmlns; ");
+	code[#code+1] = "stanza:maptags(function (tag) if ";
+	if name then
+		code[#code+1] = ("tag.name == %q and "):format(name);
+	end
+	if xmlns then
+		code[#code+1] = ("(tag.attr.xmlns or stanza_xmlns) == %q "):format(xmlns);
+	else
+		code[#code+1] = ("tag.attr.xmlns == stanza_xmlns ");
+	end
+	code[#code+1] = "then return nil; end return tag; end );";
+	return table.concat(code);
+end
+
+function action_handlers.INJECT(tag)
+	return "stanza:add_child("..compile_xml(tag)..")", { "st" };
+end
+
+local error_types = {
+	["bad-request"] = "modify";
+	["conflict"] = "cancel";
+	["feature-not-implemented"] = "cancel";
+	["forbidden"] = "auth";
+	["gone"] = "cancel";
+	["internal-server-error"] = "cancel";
+	["item-not-found"] = "cancel";
+	["jid-malformed"] = "modify";
+	["not-acceptable"] = "modify";
+	["not-allowed"] = "cancel";
+	["not-authorized"] = "auth";
+	["payment-required"] = "auth";
+	["policy-violation"] = "modify";
+	["recipient-unavailable"] = "wait";
+	["redirect"] = "modify";
+	["registration-required"] = "auth";
+	["remote-server-not-found"] = "cancel";
+	["remote-server-timeout"] = "wait";
+	["resource-constraint"] = "wait";
+	["service-unavailable"] = "cancel";
+	["subscription-required"] = "auth";
+	["undefined-condition"] = "cancel";
+	["unexpected-request"] = "wait";
+};
+
+
+local function route_modify(make_new, to, drop)
+	local reroute, deps = "session.send(newstanza)", { "st" };
+	if to then
+		reroute = ("newstanza.attr.to = %q; core_post_stanza(session, newstanza)"):format(to);
+		deps[#deps+1] = "core_post_stanza";
+	end
+	return ([[do local newstanza = st.%s; %s;%s end]])
+		:format(make_new, reroute, drop and " return true" or ""), deps;
+end
+
+function action_handlers.BOUNCE(with)
+	local error = with and with:match("^%S+") or "service-unavailable";
+	local error_type = error:match(":(%S+)");
+	if not error_type then
+		error_type = error_types[error] or "cancel";
+	else
+		error = error:match("^[^:]+");
+	end
+	error, error_type = string.format("%q", error), string.format("%q", error_type);
+	local text = with and with:match(" %((.+)%)$");
+	if text then
+		text = string.format("%q", text);
+	else
+		text = "nil";
+	end
+	local route_modify_code, deps = route_modify(("error_reply(stanza, %s, %s, %s)"):format(error_type, error, text), nil, true);
+	deps[#deps+1] = "type";
+	deps[#deps+1] = "name";
+	return [[if type == "error" or (name == "iq" and type == "result") then return true; end -- Don't reply to 'error' stanzas, or iq results
+			]]..route_modify_code, deps;
+end
+
+function action_handlers.REDIRECT(where)
+	return route_modify("clone(stanza)", where, true);
+end
+
+function action_handlers.COPY(where)
+	return route_modify("clone(stanza)", where, false);
+end
+
+function action_handlers.REPLY(with)
+	return route_modify(("reply(stanza):body(%q)"):format(with));
+end
+
+function action_handlers.FORWARD(where)
+	local code = [[
+		local newstanza = st.stanza("message", { to = %q, from = current_host }):tag("forwarded", { xmlns = "urn:xmpp:forward:0" });
+		local tmp_stanza = st.clone(stanza); tmp_stanza.attr.xmlns = "jabber:client"; newstanza:add_child(tmp_stanza);
+		core_post_stanza(session, newstanza);
+	]];
+	return code:format(where), { "core_post_stanza", "current_host" };
+end
+
+function action_handlers.LOG(string)
+	local level = string:match("^%[(%a+)%]") or "info";
+	string = string:gsub("^%[%a+%] ?", "");
+	local meta_deps = {};
+	local code = meta(("(session.log or log)(%q, '%%s', %q);"):format(level, string), meta_deps);
+	return code, meta_deps;
+end
+
+function action_handlers.RULEDEP(dep)
+	return "", { dep };
+end
+
+function action_handlers.EVENT(name)
+	return ("fire_event(%q, event)"):format(name);
+end
+
+function action_handlers.JUMP_EVENT(name)
+	return ("do return fire_event(%q, event); end"):format(name);
+end
+
+function action_handlers.JUMP_CHAIN(name)
+	return template([[do
+		local ret = fire_event($chain_event$, event);
+		if ret ~= nil then
+			if ret == false then
+				log("debug", "Chain %q accepted stanza (ret %s)", $chain_name$, tostring(ret));
+				return pass_return;
+			end
+			log("debug", "Chain %q rejected stanza (ret %s)", $chain_name$, tostring(ret));
+			return ret;
+		end
+	end]], { chain_event = "firewall/chains/"..name, chain_name = name });
+end
+
+function action_handlers.MARK_ORIGIN(name)
+	return [[session.firewall_marked_]]..idsafe(name)..[[ = current_timestamp;]], { "timestamp" };
+end
+
+function action_handlers.UNMARK_ORIGIN(name)
+	return [[session.firewall_marked_]]..idsafe(name)..[[ = nil;]]
+end
+
+function action_handlers.MARK_USER(name)
+	return ([[if session.username and session.host == current_host then
+			fire_event("firewall/marked/user", {
+				username = session.username;
+				mark = %q;
+				timestamp = current_timestamp;
+			});
+		else
+			log("warn", "Attempt to MARK a remote user - only local users may be marked");
+		end]]):format(assert(idsafe(name), "Invalid characters in mark name: "..name)), {
+			"current_host";
+			"timestamp";
+		};
+end
+
+function action_handlers.UNMARK_USER(name)
+	return ([[if session.username and session.host == current_host then
+			fire_event("firewall/unmarked/user", {
+				username = session.username;
+				mark = %q;
+			});
+		else
+			log("warn", "Attempt to UNMARK a remote user - only local users may be marked");
+		end]]):format(assert(idsafe(name), "Invalid characters in mark name: "..name));
+end
+
+function action_handlers.ADD_TO(spec)
+	local list_name, value = spec:match("(%S+) (.+)");
+	local meta_deps = {};
+	value = meta(("%q"):format(value), meta_deps);
+	return ("list_%s:add(%s);"):format(list_name, value), { "list:"..list_name, unpack(meta_deps) };
+end
+
+function action_handlers.UNSUBSCRIBE_SENDER()
+	return "rostermanager.unsubscribed(to_node, to_host, bare_from);\
+	rostermanager.roster_push(to_node, to_host, bare_from);\
+	core_post_stanza(session, st.presence({ from = bare_to, to = bare_from, type = \"unsubscribed\" }));",
+	       { "rostermanager", "core_post_stanza", "st", "split_to", "bare_to", "bare_from" };
+end
+
+function action_handlers.REPORT_TO(spec)
+	local where, reason, text = spec:match("^%s*(%S+) *(%S*) *(.*)$");
+	if reason == "spam" then
+		reason = "urn:xmpp:reporting:spam";
+	elseif reason == "abuse" or not reason then
+		reason = "urn:xmpp:reporting:abuse";
+	end
+	local code = [[
+		local newstanza = st.stanza("message", { to = %q, from = current_host }):tag("forwarded", { xmlns = "urn:xmpp:forward:0" });
+		local tmp_stanza = st.clone(stanza); tmp_stanza.attr.xmlns = "jabber:client"; newstanza:add_child(tmp_stanza):up();
+		newstanza:tag("report", { xmlns = "urn:xmpp:reporting:1", reason = %q })
+		do local text = %q; if text ~= "" then newstanza:text_tag("text", text); end end
+		newstanza:up();
+		core_post_stanza(session, newstanza);
+	]];
+	return code:format(where, reason, text), { "core_post_stanza", "current_host", "st" };
+end
+
+return action_handlers;
diff --git a/resources/prosody-plugins/mod_firewall/conditions.lib.lua b/resources/prosody-plugins/mod_firewall/conditions.lib.lua
new file mode 100644
index 0000000..e7cfb0e
--- /dev/null
+++ b/resources/prosody-plugins/mod_firewall/conditions.lib.lua
@@ -0,0 +1,384 @@
+--luacheck: globals meta idsafe
+local condition_handlers = {};
+
+local jid = require "util.jid";
+local unpack = table.unpack or unpack;
+
+-- Helper to convert user-input strings (yes/true//no/false) to a bool
+local function string_to_boolean(s)
+	s = s:lower();
+	return s == "yes" or s == "true";
+end
+
+-- Return a code string for a condition that checks whether the contents
+-- of variable with the name 'name' matches any of the values in the
+-- comma/space/pipe delimited list 'values'.
+local function compile_comparison_list(name, values)
+	local conditions = {};
+	for value in values:gmatch("[^%s,|]+") do
+		table.insert(conditions, ("%s == %q"):format(name, value));
+	end
+	return table.concat(conditions, " or ");
+end
+
+function condition_handlers.KIND(kind)
+	assert(kind, "Expected stanza kind to match against");
+	return compile_comparison_list("name", kind), { "name" };
+end
+
+local wildcard_equivs = { ["*"] = ".*", ["?"] = "." };
+
+local function compile_jid_match_part(part, match)
+	if not match then
+		return part.." == nil";
+	end
+	local pattern = match:match("^<(.*)>$");
+	if pattern then
+		if pattern == "*" then
+			return part;
+		end
+		if pattern:find("^<.*>$") then
+			pattern = pattern:match("^<(.*)>$");
+		else
+			pattern = pattern:gsub("%p", "%%%0"):gsub("%%(%p)", wildcard_equivs);
+		end
+		return ("(%s and %s:find(%q))"):format(part, part, "^"..pattern.."$");
+	else
+		return ("%s == %q"):format(part, match);
+	end
+end
+
+local function compile_jid_match(which, match_jid)
+	local match_node, match_host, match_resource = jid.split(match_jid);
+	local conditions = {};
+	conditions[#conditions+1] = compile_jid_match_part(which.."_node", match_node);
+	conditions[#conditions+1] = compile_jid_match_part(which.."_host", match_host);
+	if match_resource then
+		conditions[#conditions+1] = compile_jid_match_part(which.."_resource", match_resource);
+	end
+	return table.concat(conditions, " and ");
+end
+
+function condition_handlers.TO(to)
+	return compile_jid_match("to", to), { "split_to" };
+end
+
+function condition_handlers.FROM(from)
+	return compile_jid_match("from", from), { "split_from" };
+end
+
+function condition_handlers.FROM_FULL_JID()
+	return "not "..compile_jid_match_part("from_resource", nil), { "split_from" };
+end
+
+function condition_handlers.FROM_EXACTLY(from)
+	local metadeps = {};
+	return ("from == %s"):format(metaq(from, metadeps)), { "from", unpack(metadeps) };
+end
+
+function condition_handlers.TO_EXACTLY(to)
+	local metadeps = {};
+	return ("to == %s"):format(metaq(to, metadeps)), { "to", unpack(metadeps) };
+end
+
+function condition_handlers.TO_SELF()
+	-- Intentionally not using 'to' here, as that defaults to bare JID when nil
+	return ("stanza.attr.to == nil");
+end
+
+function condition_handlers.TYPE(type)
+	assert(type, "Expected 'type' value to match against");
+	return compile_comparison_list("(type or (name == 'message' and 'normal') or (name == 'presence' and 'available'))", type), { "type", "name" };
+end
+
+local function zone_check(zone, which)
+	local zone_var = zone;
+	if zone == "$local" then zone_var = "_local" end
+	local which_not = which == "from" and "to" or "from";
+	return ("(zone_%s[%s_host] or zone_%s[%s] or zone_%s[bare_%s]) "
+		.."and not(zone_%s[%s_host] or zone_%s[%s] or zone_%s[bare_%s])"
+		)
+		:format(zone_var, which, zone_var, which, zone_var, which,
+		zone_var, which_not, zone_var, which_not, zone_var, which_not), {
+			"split_to", "split_from", "bare_to", "bare_from", "zone:"..zone
+		};
+end
+
+function condition_handlers.ENTERING(zone)
+	return zone_check(zone, "to");
+end
+
+function condition_handlers.LEAVING(zone)
+	return zone_check(zone, "from");
+end
+
+-- IN ROSTER? (parameter is deprecated)
+function condition_handlers.IN_ROSTER(yes_no)
+	local in_roster_requirement = string_to_boolean(yes_no or "yes"); -- COMPAT w/ older scripts
+	return "not "..(in_roster_requirement and "not" or "").." roster_entry", { "roster_entry" };
+end
+
+function condition_handlers.IN_ROSTER_GROUP(group)
+	return ("not not (roster_entry and roster_entry.groups[%q])"):format(group), { "roster_entry" };
+end
+
+function condition_handlers.SUBSCRIBED()
+	return "(bare_to == bare_from or to_node and rostermanager.is_contact_subscribed(to_node, to_host, bare_from))",
+	       { "rostermanager", "split_to", "bare_to", "bare_from" };
+end
+
+function condition_handlers.PENDING_SUBSCRIPTION_FROM_SENDER()
+	return "(bare_to == bare_from or to_node and rostermanager.is_contact_pending_in(to_node, to_host, bare_from))",
+	       { "rostermanager", "split_to", "bare_to", "bare_from" };
+end
+
+function condition_handlers.PAYLOAD(payload_ns)
+	return ("stanza:get_child(nil, %q)"):format(payload_ns);
+end
+
+function condition_handlers.INSPECT(path)
+	if path:find("=") then
+		local query, match_type, value = path:match("(.-)([~/$]*)=(.*)");
+		if not(query:match("#$") or query:match("@[^/]+")) then
+			error("Stanza path does not return a string (append # for text content or @name for value of named attribute)", 0);
+		end
+		local meta_deps = {};
+		local quoted_value = ("%q"):format(value);
+		if match_type:find("$", 1, true) then
+			match_type = match_type:gsub("%$", "");
+			quoted_value = meta(quoted_value, meta_deps);
+		end
+		if match_type == "~" then -- Lua pattern match
+			return ("(stanza:find(%q) or ''):match(%s)"):format(query, quoted_value), meta_deps;
+		elseif match_type == "/" then -- find literal substring
+			return ("(stanza:find(%q) or ''):find(%s, 1, true)"):format(query, quoted_value), meta_deps;
+		elseif match_type == "" then -- exact match
+			return ("stanza:find(%q) == %s"):format(query, quoted_value), meta_deps;
+		else
+			error("Unrecognised comparison '"..match_type.."='", 0);
+		end
+	end
+	return ("stanza:find(%q)"):format(path);
+end
+
+function condition_handlers.FROM_GROUP(group_name)
+	return ("group_contains(%q, bare_from)"):format(group_name), { "group_contains", "bare_from" };
+end
+
+function condition_handlers.TO_GROUP(group_name)
+	return ("group_contains(%q, bare_to)"):format(group_name), { "group_contains", "bare_to" };
+end
+
+function condition_handlers.CROSSING_GROUPS(group_names)
+	local code = {};
+	for group_name in group_names:gmatch("([^, ][^,]+)") do
+		group_name = group_name:match("^%s*(.-)%s*$"); -- Trim leading/trailing whitespace
+		-- Just check that's it is crossing from outside group to inside group
+		table.insert(code, ("(group_contains(%q, bare_to) and group_contains(%q, bare_from))"):format(group_name, group_name))
+	end
+	return "not "..table.concat(code, " or "), { "group_contains", "bare_to", "bare_from" };
+end
+
+-- COMPAT w/0.12: Deprecated
+function condition_handlers.FROM_ADMIN_OF(host)
+	return ("is_admin(bare_from, %s)"):format(host ~= "*" and metaq(host) or nil), { "is_admin", "bare_from" };
+end
+
+-- COMPAT w/0.12: Deprecated
+function condition_handlers.TO_ADMIN_OF(host)
+	return ("is_admin(bare_to, %s)"):format(host ~= "*" and metaq(host) or nil), { "is_admin", "bare_to" };
+end
+
+-- COMPAT w/0.12: Deprecated
+function condition_handlers.FROM_ADMIN()
+	return ("is_admin(bare_from, current_host)"), { "is_admin", "bare_from", "current_host" };
+end
+
+-- COMPAT w/0.12: Deprecated
+function condition_handlers.TO_ADMIN()
+	return ("is_admin(bare_to, current_host)"), { "is_admin", "bare_to", "current_host" };
+end
+
+-- MAY: permission_to_check
+function condition_handlers.MAY(permission_to_check)
+	return ("module:may(%q, event)"):format(permission_to_check);
+end
+
+function condition_handlers.TO_ROLE(role_name)
+	return ("get_jid_role(bare_to, current_host) == %q"):format(role_name), { "get_jid_role", "current_host", "bare_to" };
+end
+
+function condition_handlers.FROM_ROLE(role_name)
+	return ("get_jid_role(bare_from, current_host) == %q"):format(role_name), { "get_jid_role", "current_host", "bare_from" };
+end
+
+local day_numbers = { sun = 0, mon = 2, tue = 3, wed = 4, thu = 5, fri = 6, sat = 7 };
+
+local function current_time_check(op, hour, minute)
+	hour, minute = tonumber(hour), tonumber(minute);
+	local adj_op = op == "<" and "<" or ">="; -- Start time inclusive, end time exclusive
+	if minute == 0 then
+		return "(current_hour"..adj_op..hour..")";
+	else
+		return "((current_hour"..op..hour..") or (current_hour == "..hour.." and current_minute"..adj_op..minute.."))";
+	end
+end
+
+local function resolve_day_number(day_name)
+	return assert(day_numbers[day_name:sub(1,3):lower()], "Unknown day name: "..day_name);
+end
+
+function condition_handlers.DAY(days)
+	local conditions = {};
+	for day_range in days:gmatch("[^,]+") do
+		local day_start, day_end = day_range:match("(%a+)%s*%-%s*(%a+)");
+		if day_start and day_end then
+			local day_start_num, day_end_num = resolve_day_number(day_start), resolve_day_number(day_end);
+			local op = "and";
+			if day_end_num < day_start_num then
+				op = "or";
+			end
+			table.insert(conditions, ("current_day >= %d %s current_day <= %d"):format(day_start_num, op, day_end_num));
+		elseif day_range:find("%a") then
+			local day = resolve_day_number(day_range:match("%a+"));
+			table.insert(conditions, "current_day == "..day);
+		else
+			error("Unable to parse day/day range: "..day_range);
+		end
+	end
+	assert(#conditions>0, "Expected a list of days or day ranges");
+	return "("..table.concat(conditions, ") or (")..")", { "time:day" };
+end
+
+function condition_handlers.TIME(ranges)
+	local conditions = {};
+	for range in ranges:gmatch("([^,]+)") do
+		local clause = {};
+		range = range:lower()
+			:gsub("(%d+):?(%d*) *am", function (h, m) return tostring(tonumber(h)%12)..":"..(tonumber(m) or "00"); end)
+			:gsub("(%d+):?(%d*) *pm", function (h, m) return tostring(tonumber(h)%12+12)..":"..(tonumber(m) or "00"); end);
+		local start_hour, start_minute = range:match("(%d+):(%d+) *%-");
+		local end_hour, end_minute = range:match("%- *(%d+):(%d+)");
+		local op = tonumber(start_hour) > tonumber(end_hour) and " or " or " and ";
+		if start_hour and end_hour then
+			table.insert(clause, current_time_check(">", start_hour, start_minute));
+			table.insert(clause, current_time_check("<", end_hour, end_minute));
+		end
+		if #clause == 0 then
+			error("Unable to parse time range: "..range);
+		end
+		table.insert(conditions, "("..table.concat(clause, " "..op.." ")..")");
+	end
+	return table.concat(conditions, " or "), { "time:hour,min" };
+end
+
+function condition_handlers.LIMIT(spec)
+	local name, param = spec:match("^(%w+) on (.+)$");
+	local meta_deps = {};
+
+	if not name then
+		name = spec:match("^%w+$");
+		if not name then
+			error("Unable to parse LIMIT specification");
+		end
+	else
+		param = meta(("%q"):format(param), meta_deps);
+	end
+
+	if not param then
+		return ("not global_throttle_%s:poll(1)"):format(name), { "globalthrottle:"..name, unpack(meta_deps) };
+	end
+	return ("not multi_throttle_%s:poll_on(%s, 1)"):format(name, param), { "multithrottle:"..name, unpack(meta_deps) };
+end
+
+function condition_handlers.ORIGIN_MARKED(name_and_time)
+	local name, time = name_and_time:match("^%s*([%w_]+)%s+%(([^)]+)s%)%s*$");
+	if not name then
+		name = name_and_time:match("^%s*([%w_]+)%s*$");
+	end
+	if not name then
+		error("Error parsing mark name, see documentation for usage examples");
+	end
+	if time then
+		return ("(current_timestamp - (session.firewall_marked_%s or 0)) < %d"):format(idsafe(name), tonumber(time)), { "timestamp" };
+	end
+	return ("not not session.firewall_marked_"..idsafe(name));
+end
+
+function condition_handlers.USER_MARKED(name_and_time)
+	local name, time = name_and_time:match("^%s*([%w_]+)%s+%(([^)]+)s%)%s*$");
+	if not name then
+		name = name_and_time:match("^%s*([%w_]+)%s*$");
+	end
+	if not name then
+		error("Error parsing mark name, see documentation for usage examples");
+	end
+	if time then
+		return ([[(
+			current_timestamp - (session.firewall_marks and session.firewall_marks.%s or 0)
+		) < %d]]):format(idsafe(name), tonumber(time)), { "timestamp" };
+	end
+	return ("not not (session.firewall_marks and session.firewall_marks."..idsafe(name)..")");
+end
+
+function condition_handlers.SENT_DIRECTED_PRESENCE_TO_SENDER()
+	return "not not (session.directed and session.directed[from])", { "from" };
+end
+
+-- TO FULL JID?
+function condition_handlers.TO_FULL_JID()
+	return "not not full_sessions[to]", { "to", "full_sessions" };
+end
+
+-- CHECK LIST: spammers contains $<@from>
+function condition_handlers.CHECK_LIST(list_condition)
+	local list_name, expr = list_condition:match("(%S+) contains (.+)$");
+	if not (list_name and expr) then
+		error("Error parsing list check, syntax: LISTNAME contains EXPRESSION");
+	end
+	local meta_deps = {};
+	expr = meta(("%q"):format(expr), meta_deps);
+	return ("list_%s:contains(%s) == true"):format(list_name, expr), { "list:"..list_name, unpack(meta_deps) };
+end
+
+-- SCAN: body for word in badwords
+function condition_handlers.SCAN(scan_expression)
+	local search_name, pattern_name, list_name = scan_expression:match("(%S+) for (%S+) in (%S+)$");
+	if not (search_name) then
+		error("Error parsing SCAN expression, syntax: SEARCH for PATTERN in LIST");
+	end
+	return ("scan_list(list_%s, %s)"):format(
+		list_name,
+		"tokens_"..search_name.."_"..pattern_name
+	), {
+			"scan_list",
+			"tokens:"..search_name.."-"..pattern_name, "list:"..list_name
+	};
+end
+
+-- COUNT: lines in body < 10
+local valid_comp_ops = { [">"] = ">", ["<"] = "<", ["="] = "==", ["=="] = "==", ["<="] = "<=", [">="] = ">=" };
+function condition_handlers.COUNT(count_expression)
+	local pattern_name, search_name, comparator_expression = count_expression:match("(%S+) in (%S+) (.+)$");
+	if not (pattern_name) then
+		error("Error parsing COUNT expression, syntax: PATTERN in SEARCH COMPARATOR");
+	end
+	local value;
+	comparator_expression = comparator_expression:gsub("%d+", function (value_string)
+		value = tonumber(value_string);
+		return "";
+	end);
+	if not value then
+		error("Error parsing COUNT expression, expected value");
+	end
+	local comp_op = comparator_expression:gsub("%s+", "");
+	assert(valid_comp_ops[comp_op], "Error parsing COUNT expression, unknown comparison operator: "..comp_op);
+	return ("it_count(search_%s:gmatch(pattern_%s)) %s %d"):format(
+		search_name, pattern_name, comp_op, value
+	), {
+		"it_count",
+		"search:"..search_name, "pattern:"..pattern_name
+	};
+end
+
+return condition_handlers;
diff --git a/resources/prosody-plugins/mod_firewall/definitions.lib.lua b/resources/prosody-plugins/mod_firewall/definitions.lib.lua
new file mode 100644
index 0000000..a35ba80
--- /dev/null
+++ b/resources/prosody-plugins/mod_firewall/definitions.lib.lua
@@ -0,0 +1,335 @@
+
+-- Name arguments are unused here
+-- luacheck: ignore 212
+
+local definition_handlers = {};
+
+local http = require "net.http";
+local timer = require "util.timer";
+local set = require"util.set";
+local new_throttle = require "util.throttle".create;
+local hashes = require "util.hashes";
+local jid = require "util.jid";
+local lfs = require "lfs";
+
+local multirate_cache_size = module:get_option_number("firewall_multirate_cache_limit", 1000);
+
+function definition_handlers.ZONE(zone_name, zone_members)
+			local zone_member_list = {};
+			for member in zone_members:gmatch("[^, ]+") do
+				zone_member_list[#zone_member_list+1] = member;
+			end
+			return set.new(zone_member_list)._items;
+end
+
+-- Helper function used by RATE handler
+local function evict_only_unthrottled(name, throttle)
+	throttle:update();
+	-- Check whether the throttle is at max balance (i.e. totally safe to forget about it)
+	if throttle.balance < throttle.max then
+		-- Not safe to forget
+		return false;
+	end
+end
+
+function definition_handlers.RATE(name, line)
+			local rate = assert(tonumber(line:match("([%d.]+)")), "Unable to parse rate");
+			local burst = tonumber(line:match("%(%s*burst%s+([%d.]+)%s*%)")) or 1;
+			local max_throttles = tonumber(line:match("%(%s*entries%s+([%d]+)%s*%)")) or multirate_cache_size;
+			local deny_when_full = not line:match("%(allow overflow%)");
+			return {
+				single = function ()
+					return new_throttle(rate*burst, burst);
+				end;
+
+				multi = function ()
+					local cache = require "util.cache".new(max_throttles, deny_when_full and evict_only_unthrottled or nil);
+					return {
+						poll_on = function (_, key, amount)
+							assert(key, "no key");
+							local throttle = cache:get(key);
+							if not throttle then
+								throttle = new_throttle(rate*burst, burst);
+								if not cache:set(key, throttle) then
+									module:log("warn", "Multirate '%s' has hit its maximum number of active throttles (%d), denying new events", name, max_throttles);
+									return false;
+								end
+							end
+							return throttle:poll(amount);
+						end;
+					}
+				end;
+			};
+end
+
+local list_backends = {
+	-- %LIST name: memory (limit: number)
+	memory = {
+		init = function (self, type, opts)
+			if opts.limit then
+				local have_cache_lib, cache_lib = pcall(require, "util.cache");
+				if not have_cache_lib then
+					error("In-memory lists with a size limit require Prosody 0.10");
+				end
+				self.cache = cache_lib.new((assert(tonumber(opts.limit), "Invalid list limit")));
+				if not self.cache.table then
+					error("In-memory lists with a size limit require a newer version of Prosody 0.10");
+				end
+				self.items = self.cache:table();
+			else
+				self.items = {};
+			end
+		end;
+		add = function (self, item)
+			self.items[item] = true;
+		end;
+		remove = function (self, item)
+			self.items[item] = nil;
+		end;
+		contains = function (self, item)
+			return self.items[item] == true;
+		end;
+	};
+
+	-- %LIST name: http://example.com/ (ttl: number, pattern: pat, hash: sha1)
+	http = {
+		init = function (self, url, opts)
+			local poll_interval = assert(tonumber(opts.ttl or "3600"), "invalid ttl for <"..url.."> (expected number of seconds)");
+			local pattern = opts.pattern or "([^\r\n]+)\r?\n";
+			assert(pcall(string.match, "", pattern), "invalid pattern for <"..url..">");
+			if opts.hash then
+				assert(opts.hash:match("^%w+$") and type(hashes[opts.hash]) == "function", "invalid hash function: "..opts.hash);
+				self.hash_function = hashes[opts.hash];
+			end
+			local etag;
+			local failure_count = 0;
+			local retry_intervals = { 60, 120, 300 };
+			-- By default only check the certificate if net.http supports SNI
+			local sni_supported = http.feature and http.features.sni;
+			local insecure = false;
+			if opts.checkcert == "never" then
+				insecure = true;
+			elseif (opts.checkcert == nil or opts.checkcert == "when-sni") and not sni_supported then
+				insecure = false;
+			end
+			local function update_list()
+				http.request(url, {
+					insecure = insecure;
+					headers = {
+						["If-None-Match"] = etag;
+					};
+				}, function (body, code, response)
+					local next_poll = poll_interval;
+					if code == 200 and body then
+						etag = response.headers.etag;
+						local items = {};
+						for entry in body:gmatch(pattern) do
+							items[entry] = true;
+						end
+						self.items = items;
+						module:log("debug", "Fetched updated list from <%s>", url);
+					elseif code == 304 then
+						module:log("debug", "List at <%s> is unchanged", url);
+					elseif code == 0 or (code >= 400 and code <=599) then
+						module:log("warn", "Failed to fetch list from <%s>: %d %s", url, code, tostring(body));
+						failure_count = failure_count + 1;
+						next_poll = retry_intervals[failure_count] or retry_intervals[#retry_intervals];
+					end
+					if next_poll > 0 then
+						timer.add_task(next_poll+math.random(0, 60), update_list);
+					end
+				end);
+			end
+			update_list();
+		end;
+		add = function ()
+		end;
+		remove = function ()
+		end;
+		contains = function (self, item)
+			if self.hash_function then
+				item = self.hash_function(item);
+			end
+			return self.items and self.items[item] == true;
+		end;
+	};
+
+	-- %LIST: file:/path/to/file
+	file = {
+		init = function (self, file_spec, opts)
+			local n, items = 0, {};
+			self.items = items;
+			local filename = file_spec:gsub("^file:", "");
+			if opts.missing == "ignore" and not lfs.attributes(filename, "mode") then
+				module:log("debug", "Ignoring missing list file: %s", filename);
+				return;
+			end
+			local file, err = io.open(filename);
+			if not file then
+				module:log("warn", "Failed to open list from %s: %s", filename, err);
+				return;
+			else
+				for line in file:lines() do
+					if not items[line] then
+						n = n + 1;
+						items[line] = true;
+					end
+				end
+			end
+			module:log("debug", "Loaded %d items from %s", n, filename);
+		end;
+		add = function (self, item)
+			self.items[item] = true;
+		end;
+		remove = function (self, item)
+			self.items[item] = nil;
+		end;
+		contains = function (self, item)
+			return self.items and self.items[item] == true;
+		end;
+	};
+
+	-- %LIST: pubsub:pubsub.example.com/node
+	-- TODO or the actual URI scheme? Bit overkill maybe?
+	-- TODO Publish items back to the service?
+	-- Step 1: Receiving pubsub events and storing them in the list
+	-- We'll start by using only the item id.
+	-- TODO Invent some custom schema for this? Needed for just a set of strings?
+	pubsubitemid = {
+		init = function(self, pubsub_spec, opts)
+			local service_addr, node = pubsub_spec:match("^pubsubitemid:([^/]*)/(.*)");
+			if not service_addr then
+				module:log("warn", "Invalid list specification (expected 'pubsubitemid:<service>/<node>', got: '%s')", pubsub_spec);
+				return;
+			end
+			module:depends("pubsub_subscription");
+			module:add_item("pubsub-subscription", {
+					service = service_addr;
+					node = node;
+					on_subscribed = function ()
+						self.items = {};
+					end;
+					on_item = function (event)
+						self:add(event.item.attr.id);
+					end;
+					on_retract = function (event)
+						self:remove(event.item.attr.id);
+					end;
+					on_purge = function ()
+						self.items = {};
+					end;
+					on_unsubscribed = function ()
+						self.items = nil;
+					end;
+					on_delete= function ()
+						self.items = nil;
+					end;
+				});
+			-- TODO Initial fetch? Or should mod_pubsub_subscription do this?
+		end;
+		add = function (self, item)
+			if self.items then
+				self.items[item] = true;
+			end
+		end;
+		remove = function (self, item)
+			if self.items then
+				self.items[item] = nil;
+			end
+		end;
+		contains = function (self, item)
+			return self.items and self.items[item] == true;
+		end;
+	};
+};
+list_backends.https = list_backends.http;
+
+local normalize_functions = {
+	upper = string.upper, lower = string.lower;
+	md5 = hashes.md5, sha1 = hashes.sha1, sha256 = hashes.sha256;
+	prep = jid.prep, bare = jid.bare;
+};
+
+local function wrap_list_method(list_method, filter)
+	return function (self, item)
+		return list_method(self, filter(item));
+	end
+end
+
+local function create_list(list_backend, list_def, opts)
+	if not list_backends[list_backend] then
+		error("Unknown list type '"..list_backend.."'", 0);
+	end
+	local list = setmetatable({}, { __index = list_backends[list_backend] });
+	if list.init then
+		list:init(list_def, opts);
+	end
+	if opts.filter then
+		local filters = {};
+		for func_name in opts.filter:gmatch("[%w_]+") do
+			if func_name == "log" then
+				table.insert(filters, function (s)
+					--print("&&&&&", s);
+					module:log("debug", "Checking list <%s> for: %s", list_def, s);
+					return s;
+				end);
+			else
+				assert(normalize_functions[func_name], "Unknown list filter: "..func_name);
+				table.insert(filters, normalize_functions[func_name]);
+			end
+		end
+
+		local filter;
+		local n = #filters;
+		if n == 1 then
+			filter = filters[1];
+		else
+			function filter(s)
+				for i = 1, n do
+					s = filters[i](s or "");
+				end
+				return s;
+			end
+		end
+
+		list.add = wrap_list_method(list.add, filter);
+		list.remove = wrap_list_method(list.remove, filter);
+		list.contains = wrap_list_method(list.contains, filter);
+	end
+	return list;
+end
+
+--[[
+%LIST spammers: memory (source: /etc/spammers.txt)
+
+%LIST spammers: memory (source: /etc/spammers.txt)
+
+
+%LIST spammers: http://example.com/blacklist.txt
+]]
+
+function definition_handlers.LIST(list_name, list_definition)
+	local list_backend = list_definition:match("^%w+");
+	local opts = {};
+	local opt_string = list_definition:match("^%S+%s+%((.+)%)");
+	if opt_string then
+		for opt_k, opt_v in opt_string:gmatch("(%w+): ?([^,]+)") do
+			opts[opt_k] = opt_v;
+		end
+	end
+	return create_list(list_backend, list_definition:match("^%S+"), opts);
+end
+
+function definition_handlers.PATTERN(name, pattern)
+	local ok, err = pcall(string.match, "", pattern);
+	if not ok then
+		error("Invalid pattern '"..name.."': "..err);
+	end
+	return pattern;
+end
+
+function definition_handlers.SEARCH(name, pattern)
+	return pattern;
+end
+
+return definition_handlers;
diff --git a/resources/prosody-plugins/mod_firewall/marks.lib.lua b/resources/prosody-plugins/mod_firewall/marks.lib.lua
new file mode 100644
index 0000000..3c9bbb0
--- /dev/null
+++ b/resources/prosody-plugins/mod_firewall/marks.lib.lua
@@ -0,0 +1,35 @@
+local mark_storage = module:open_store("firewall_marks");
+local mark_map_storage = module:open_store("firewall_marks", "map");
+
+local user_sessions = prosody.hosts[module.host].sessions;
+
+module:hook("firewall/marked/user", function (event)
+	local user = user_sessions[event.username];
+	local marks = user and user.firewall_marks;
+	if user and not marks then
+		-- Load marks from storage to cache on the user object
+		marks = mark_storage:get(event.username) or {};
+		user.firewall_marks = marks; --luacheck: ignore 122
+	end
+	if marks then
+		marks[event.mark] = event.timestamp;
+	end
+	local ok, err = mark_map_storage:set(event.username, event.mark, event.timestamp);
+	if not ok then
+		module:log("error", "Failed to mark user %q with %q: %s", event.username, event.mark, err);
+	end
+	return true;
+end, -1);
+
+module:hook("firewall/unmarked/user", function (event)
+	local user = user_sessions[event.username];
+	local marks = user and user.firewall_marks;
+	if marks then
+		marks[event.mark] = nil;
+	end
+	local ok, err = mark_map_storage:set(event.username, event.mark, nil);
+	if not ok then
+		module:log("error", "Failed to unmark user %q with %q: %s", event.username, event.mark, err);
+	end
+	return true;
+end, -1);
diff --git a/resources/prosody-plugins/mod_firewall/mod_firewall.lua b/resources/prosody-plugins/mod_firewall/mod_firewall.lua
new file mode 100644
index 0000000..9af541e
--- /dev/null
+++ b/resources/prosody-plugins/mod_firewall/mod_firewall.lua
@@ -0,0 +1,784 @@
+
+local lfs = require "lfs";
+local resolve_relative_path = require "core.configmanager".resolve_relative_path;
+local envload = require "util.envload".envload;
+local logger = require "util.logger".init;
+local it = require "util.iterators";
+local set = require "util.set";
+
+local have_features, features = pcall(require, "core.features");
+features = have_features and features.available or set.new();
+
+-- [definition_type] = definition_factory(param)
+local definitions = module:shared("definitions");
+
+-- When a definition instance has been instantiated, it lives here
+-- [definition_type][definition_name] = definition_object
+local active_definitions = {
+	ZONE = {
+		-- Default zone that includes all local hosts
+		["$local"] = setmetatable({}, { __index = prosody.hosts });
+	};
+};
+
+local default_chains = {
+	preroute = {
+		type = "event";
+		priority = 0.1;
+		"pre-message/bare", "pre-message/full", "pre-message/host";
+		"pre-presence/bare", "pre-presence/full", "pre-presence/host";
+		"pre-iq/bare", "pre-iq/full", "pre-iq/host";
+	};
+	deliver = {
+		type = "event";
+		priority = 0.1;
+		"message/bare", "message/full", "message/host";
+		"presence/bare", "presence/full", "presence/host";
+		"iq/bare", "iq/full", "iq/host";
+	};
+	deliver_remote = {
+		type = "event"; "route/remote";
+		priority = 0.1;
+	};
+};
+
+local extra_chains = module:get_option("firewall_extra_chains", {});
+
+local chains = {};
+for k,v in pairs(default_chains) do
+	chains[k] = v;
+end
+for k,v in pairs(extra_chains) do
+	chains[k] = v;
+end
+
+-- Returns the input if it is safe to be used as a variable name, otherwise nil
+function idsafe(name)
+	return name:match("^%a[%w_]*$");
+end
+
+local meta_funcs = {
+	bare = function (code)
+		return "jid_bare("..code..")", {"jid_bare"};
+	end;
+	node = function (code)
+		return "(jid_split("..code.."))", {"jid_split"};
+	end;
+	host = function (code)
+		return "(select(2, jid_split("..code..")))", {"jid_split"};
+	end;
+	resource = function (code)
+		return "(select(3, jid_split("..code..")))", {"jid_split"};
+	end;
+};
+
+-- Run quoted (%q) strings through this to allow them to contain code. e.g.: LOG=Received: $(stanza:top_tag())
+function meta(s, deps, extra)
+	return (s:gsub("$(%b())", function (expr)
+			expr = expr:gsub("\\(.)", "%1");
+			return [["..tostring(]]..expr..[[).."]];
+		end)
+		:gsub("$(%b<>)", function (expr)
+			expr = expr:sub(2,-2);
+			local default = "<undefined>";
+			expr = expr:gsub("||(%b\"\")$", function (default_string)
+				default = stripslashes(default_string:sub(2,-2));
+				return "";
+			end);
+			local func_chain = expr:match("|[%w|]+$");
+			if func_chain then
+				expr = expr:sub(1, -1-#func_chain);
+			end
+			local code;
+			if expr:match("^@") then
+				-- Skip stanza:find() for simple attribute lookup
+				local attr_name = expr:sub(2);
+				if deps and (attr_name == "to" or attr_name == "from" or attr_name == "type") then
+					-- These attributes may be cached in locals
+					code = attr_name;
+					table.insert(deps, attr_name);
+				else
+					code = "stanza.attr["..("%q"):format(attr_name).."]";
+				end
+			elseif expr:match("^%w+#$") then
+				code = ("stanza:get_child_text(%q)"):format(expr:sub(1, -2));
+			else
+				code = ("stanza:find(%q)"):format(expr);
+			end
+			if func_chain then
+				for func_name in func_chain:gmatch("|(%w+)") do
+					-- to/from are already available in local variables, use those if possible
+					if (code == "to" or code == "from") and func_name == "bare" then
+						code = "bare_"..code;
+						table.insert(deps, code);
+					elseif (code == "to" or code == "from") and (func_name == "node" or func_name == "host" or func_name == "resource") then
+						table.insert(deps, "split_"..code);
+						code = code.."_"..func_name;
+					else
+						assert(meta_funcs[func_name], "unknown function: "..func_name);
+						local new_code, new_deps = meta_funcs[func_name](code);
+						code = new_code;
+						if new_deps and #new_deps > 0 then
+							assert(deps, "function not supported here: "..func_name);
+							for _, dep in ipairs(new_deps) do
+								table.insert(deps, dep);
+							end
+						end
+					end
+				end
+			end
+			return "\"..tostring("..code.." or "..("%q"):format(default)..")..\"";
+		end)
+		:gsub("$$(%a+)", extra or {})
+		:gsub([[^""%.%.]], "")
+		:gsub([[%.%.""$]], ""));
+end
+
+function metaq(s, ...)
+	return meta(("%q"):format(s), ...);
+end
+
+local escape_chars = {
+	a = "\a", b = "\b", f = "\f", n = "\n", r = "\r", t = "\t",
+	v = "\v", ["\\"] = "\\", ["\""] = "\"", ["\'"] = "\'"
+};
+function stripslashes(s)
+	return (s:gsub("\\(.)", escape_chars));
+end
+
+-- Dependency locations:
+-- <type lib>
+-- <type global>
+-- function handler()
+--   <local deps>
+--   if <conditions> then
+--     <actions>
+--   end
+-- end
+
+local available_deps = {
+	st = { global_code = [[local st = require "util.stanza";]]};
+	it = { global_code = [[local it = require "util.iterators";]]};
+	it_count = { global_code = [[local it_count = it.count;]], depends = { "it" } };
+	current_host = { global_code = [[local current_host = module.host;]] };
+	jid_split = {
+		global_code = [[local jid_split = require "util.jid".split;]];
+	};
+	jid_bare = {
+		global_code = [[local jid_bare = require "util.jid".bare;]];
+	};
+	to = { local_code = [[local to = stanza.attr.to or jid_bare(session.full_jid);]]; depends = { "jid_bare" } };
+	from = { local_code = [[local from = stanza.attr.from;]] };
+	type = { local_code = [[local type = stanza.attr.type;]] };
+	name = { local_code = [[local name = stanza.name;]] };
+	split_to = { -- The stanza's split to address
+		depends = { "jid_split", "to" };
+		local_code = [[local to_node, to_host, to_resource = jid_split(to);]];
+	};
+	split_from = { -- The stanza's split from address
+		depends = { "jid_split", "from" };
+		local_code = [[local from_node, from_host, from_resource = jid_split(from);]];
+	};
+	bare_to = { depends = { "jid_bare", "to" }, local_code = "local bare_to = jid_bare(to)"};
+	bare_from = { depends = { "jid_bare", "from" }, local_code = "local bare_from = jid_bare(from)"};
+	group_contains = {
+		global_code = [[local group_contains = module:depends("groups").group_contains]];
+	};
+	is_admin = require"core.usermanager".is_admin and { global_code = [[local is_admin = require "core.usermanager".is_admin;]]} or nil;
+	get_jid_role = require "core.usermanager".get_jid_role and { global_code = [[local get_jid_role = require "core.usermanager".get_jid_role;]] } or nil;
+	core_post_stanza = { global_code = [[local core_post_stanza = prosody.core_post_stanza;]] };
+	zone = { global_code = function (zone)
+		local var = zone;
+		if var == "$local" then
+			var = "_local"; -- See #1090
+		else
+			assert(idsafe(var), "Invalid zone name: "..zone);
+		end
+		return ("local zone_%s = zones[%q] or {};"):format(var, zone);
+	end };
+	date_time = { global_code = [[local os_date = os.date]]; local_code = [[local current_date_time = os_date("*t");]] };
+	time = { local_code = function (what)
+		local defs = {};
+		for field in what:gmatch("%a+") do
+			table.insert(defs, ("local current_%s = current_date_time.%s;"):format(field, field));
+		end
+		return table.concat(defs, " ");
+	end, depends = { "date_time" }; };
+	timestamp = { global_code = [[local get_time = require "socket".gettime;]]; local_code = [[local current_timestamp = get_time();]]; };
+	globalthrottle = {
+		global_code = function (throttle)
+			assert(idsafe(throttle), "Invalid rate limit name: "..throttle);
+			assert(active_definitions.RATE[throttle], "Unknown rate limit: "..throttle);
+			return ("local global_throttle_%s = rates.%s:single();"):format(throttle, throttle);
+		end;
+	};
+	multithrottle = {
+		global_code = function (throttle)
+			assert(pcall(require, "util.cache"), "Using LIMIT with 'on' requires Prosody 0.10 or higher");
+			assert(idsafe(throttle), "Invalid rate limit name: "..throttle);
+			assert(active_definitions.RATE[throttle], "Unknown rate limit: "..throttle);
+			return ("local multi_throttle_%s = rates.%s:multi();"):format(throttle, throttle);
+		end;
+	};
+	full_sessions = {
+		global_code = [[local full_sessions = prosody.full_sessions;]];
+	};
+	rostermanager = {
+		global_code = [[local rostermanager = require "core.rostermanager";]];
+	};
+	roster_entry = {
+		local_code = [[local roster_entry = (to_node and rostermanager.load_roster(to_node, to_host) or {})[bare_from];]];
+		depends = { "rostermanager", "split_to", "bare_from" };
+	};
+	list = { global_code = function (list)
+			assert(idsafe(list), "Invalid list name: "..list);
+			assert(active_definitions.LIST[list], "Unknown list: "..list);
+			return ("local list_%s = lists[%q];"):format(list, list);
+		end
+	};
+	search = {
+		local_code = function (search_name)
+			local search_path = assert(active_definitions.SEARCH[search_name], "Undefined search path: "..search_name);
+			return ("local search_%s = tostring(stanza:find(%q) or \"\")"):format(search_name, search_path);
+		end;
+	};
+	pattern = {
+		local_code = function (pattern_name)
+			local pattern = assert(active_definitions.PATTERN[pattern_name], "Undefined pattern: "..pattern_name);
+			return ("local pattern_%s = %q"):format(pattern_name, pattern);
+		end;
+	};
+	tokens = {
+		local_code = function (search_and_pattern)
+			local search_name, pattern_name = search_and_pattern:match("^([^%-]+)-(.+)$");
+			local code = ([[local tokens_%s_%s = {};
+			if search_%s then
+				for s in search_%s:gmatch(pattern_%s) do
+					tokens_%s_%s[s] = true;
+				end
+			end
+			]]):format(search_name, pattern_name, search_name, search_name, pattern_name, search_name, pattern_name);
+			return code, { "search:"..search_name, "pattern:"..pattern_name };
+		end;
+	};
+	scan_list = {
+		global_code = [[local function scan_list(list, items) for item in pairs(items) do if list:contains(item) then return true; end end end]];
+	}
+};
+
+local function include_dep(dependency, code)
+	local dep, dep_param = dependency:match("^([^:]+):?(.*)$");
+	local dep_info = available_deps[dep];
+	if not dep_info then
+		module:log("error", "Dependency not found: %s", dep);
+		return;
+	end
+	if code.included_deps[dependency] ~= nil then
+		if code.included_deps[dependency] ~= true then
+			module:log("error", "Circular dependency on %s", dep);
+		end
+		return;
+	end
+	code.included_deps[dependency] = false; -- Pending flag (used to detect circular references)
+	for _, dep_dep in ipairs(dep_info.depends or {}) do
+		include_dep(dep_dep, code);
+	end
+	if dep_info.global_code then
+		if dep_param ~= "" then
+			local global_code, deps = dep_info.global_code(dep_param);
+			if deps then
+				for _, dep_dep in ipairs(deps) do
+					include_dep(dep_dep, code);
+				end
+			end
+			table.insert(code.global_header, global_code);
+		else
+			table.insert(code.global_header, dep_info.global_code);
+		end
+	end
+	if dep_info.local_code then
+		if dep_param ~= "" then
+			local local_code, deps = dep_info.local_code(dep_param);
+			if deps then
+				for _, dep_dep in ipairs(deps) do
+					include_dep(dep_dep, code);
+				end
+			end
+			table.insert(code, "\n\t\t-- "..dep.."\n\t\t"..local_code.."\n");
+		else
+			table.insert(code, "\n\t\t-- "..dep.."\n\t\t"..dep_info.local_code.."\n");
+		end
+	end
+	code.included_deps[dependency] = true;
+end
+
+local definition_handlers = module:require("definitions");
+local condition_handlers = module:require("conditions");
+local action_handlers = module:require("actions");
+
+if module:get_option_boolean("firewall_experimental_user_marks", true) then
+	module:require"marks";
+end
+
+local function new_rule(ruleset, chain)
+	assert(chain, "no chain specified");
+	local rule = { conditions = {}, actions = {}, deps = {} };
+	table.insert(ruleset[chain], rule);
+	return rule;
+end
+
+local function parse_firewall_rules(filename)
+	local line_no = 0;
+
+	local function errmsg(err)
+		return "Error compiling "..filename.." on line "..line_no..": "..err;
+	end
+
+	local ruleset = {
+		deliver = {};
+	};
+
+	local chain = "deliver"; -- Default chain
+	local rule;
+
+	local file, err = io.open(filename);
+	if not file then return nil, err; end
+
+	local state; -- nil -> "rules" -> "actions" -> nil -> ...
+
+	local line_hold;
+	for line in file:lines() do
+		line = line:match("^%s*(.-)%s*$");
+		if line_hold and line:sub(-1,-1) ~= "\\" then
+			line = line_hold..line;
+			line_hold = nil;
+		elseif line:sub(-1,-1) == "\\" then
+			line_hold = (line_hold or "")..line:sub(1,-2);
+		end
+		line_no = line_no + 1;
+
+		if line_hold or line:find("^[#;]") then -- luacheck: ignore 542
+			-- No action; comment or partial line
+		elseif line == "" then
+			if state == "rules" then
+				return nil, ("Expected an action on line %d for preceding criteria")
+					:format(line_no);
+			end
+			state = nil;
+		elseif not(state) and line:sub(1, 2) == "::" then
+			chain = line:gsub("^::%s*", "");
+			local chain_info = chains[chain];
+			if not chain_info then
+				if chain:match("^user/") then
+					chains[chain] = { type = "event", priority = 1, pass_return = false };
+				else
+					return nil, errmsg("Unknown chain: "..chain);
+				end
+			elseif chain_info.type ~= "event" then
+				return nil, errmsg("Only event chains supported at the moment");
+			end
+			ruleset[chain] = ruleset[chain] or {};
+		elseif not(state) and line:sub(1,1) == "%" then -- Definition (zone, limit, etc.)
+			local what, name = line:match("^%%%s*([%w_]+) +([^ :]+)");
+			if not definition_handlers[what] then
+				return nil, errmsg("Definition of unknown object: "..what);
+			elseif not name or not idsafe(name) then
+				return nil, errmsg("Invalid "..what.." name");
+			end
+
+			local val = line:match(": ?(.*)$");
+			if not val and line:find(":<") then -- Read from file
+				local fn = line:match(":< ?(.-)%s*$");
+				if not fn then
+					return nil, errmsg("Unable to parse filename");
+				end
+				local f, err = io.open(fn);
+				if not f then return nil, errmsg(err); end
+				val = f:read("*a"):gsub("\r?\n", " "):gsub("%s+$", "");
+			end
+			if not val then
+				return nil, errmsg("No value given for definition");
+			end
+			val = stripslashes(val);
+			local ok, ret = pcall(definition_handlers[what], name, val);
+			if not ok then
+				return nil, errmsg(ret);
+			end
+
+			if not active_definitions[what] then
+				active_definitions[what] = {};
+			end
+			active_definitions[what][name] = ret;
+		elseif line:find("^[%w_ ]+[%.=]") then
+			-- Action
+			if state == nil then
+				-- This is a standalone action with no conditions
+				rule = new_rule(ruleset, chain);
+			end
+			state = "actions";
+			-- Action handlers?
+			local action = line:match("^[%w_ ]+"):upper():gsub(" ", "_");
+			if not action_handlers[action] then
+				return nil, ("Unknown action on line %d: %s"):format(line_no, action or "<unknown>");
+			end
+			table.insert(rule.actions, "-- "..line)
+			local ok, action_string, action_deps = pcall(action_handlers[action], line:match("=(.+)$"));
+			if not ok then
+				return nil, errmsg(action_string);
+			end
+			table.insert(rule.actions, action_string);
+			for _, dep in ipairs(action_deps or {}) do
+				table.insert(rule.deps, dep);
+			end
+		elseif state == "actions" then -- state is actions but action pattern did not match
+			state = nil; -- Awaiting next rule, etc.
+			table.insert(ruleset[chain], rule);
+			rule = nil;
+		else
+			if not state then
+				state = "rules";
+				rule = new_rule(ruleset, chain);
+			end
+			-- Check standard modifiers for the condition (e.g. NOT)
+			local negated;
+			local condition = line:match("^[^:=%.?]*");
+			if condition:find("%f[%w]NOT%f[^%w]") then
+				local s, e = condition:match("%f[%w]()NOT()%f[^%w]");
+				condition = (condition:sub(1,s-1)..condition:sub(e+1, -1)):match("^%s*(.-)%s*$");
+				negated = true;
+			end
+			condition = condition:gsub(" ", "_");
+			if not condition_handlers[condition] then
+				return nil, ("Unknown condition on line %d: %s"):format(line_no, (condition:gsub("_", " ")));
+			end
+			-- Get the code for this condition
+			local ok, condition_code, condition_deps = pcall(condition_handlers[condition], line:match(":%s?(.+)$"));
+			if not ok then
+				return nil, errmsg(condition_code);
+			end
+			if negated then condition_code = "not("..condition_code..")"; end
+			table.insert(rule.conditions, condition_code);
+			for _, dep in ipairs(condition_deps or {}) do
+				table.insert(rule.deps, dep);
+			end
+		end
+	end
+	return ruleset;
+end
+
+local function process_firewall_rules(ruleset)
+	-- Compile ruleset and return complete code
+
+	local chain_handlers = {};
+
+	-- Loop through the chains in the parsed ruleset (e.g. incoming, outgoing)
+	for chain_name, rules in pairs(ruleset) do
+		local code = { included_deps = {}, global_header = {} };
+		local condition_uses = {};
+		-- This inner loop assumes chain is an event-based, not a filter-based
+		-- chain (filter-based will be added later)
+		for _, rule in ipairs(rules) do
+			for _, condition in ipairs(rule.conditions) do
+				if condition:find("^not%(.+%)$") then
+					condition = condition:match("^not%((.+)%)$");
+				end
+				condition_uses[condition] = (condition_uses[condition] or 0) + 1;
+			end
+		end
+
+		local condition_cache, n_conditions = {}, 0;
+		for _, rule in ipairs(rules) do
+			for _, dep in ipairs(rule.deps) do
+				include_dep(dep, code);
+			end
+			table.insert(code, "\n\t\t");
+			local rule_code;
+			if #rule.conditions > 0 then
+				for i, condition in ipairs(rule.conditions) do
+					local negated = condition:match("^not%(.+%)$");
+					if negated then
+						condition = condition:match("^not%((.+)%)$");
+					end
+					if condition_uses[condition] > 1 then
+						local name = condition_cache[condition];
+						if not name then
+							n_conditions = n_conditions + 1;
+							name = "condition"..n_conditions;
+							condition_cache[condition] = name;
+							table.insert(code, "local "..name.." = "..condition..";\n\t\t");
+						end
+						rule.conditions[i] = (negated and "not(" or "")..name..(negated and ")" or "");
+					else
+						rule.conditions[i] = (negated and "not(" or "(")..condition..")";
+					end
+				end
+
+				rule_code = "if "..table.concat(rule.conditions, " and ").." then\n\t\t\t"
+					..table.concat(rule.actions, "\n\t\t\t")
+					.."\n\t\tend\n";
+			else
+				rule_code = table.concat(rule.actions, "\n\t\t");
+			end
+			table.insert(code, rule_code);
+		end
+
+		for name in pairs(definition_handlers) do
+			table.insert(code.global_header, 1, "local "..name:lower().."s = definitions."..name..";");
+		end
+
+		local code_string = "return function (definitions, fire_event, log, module, pass_return)\n\t"
+			..table.concat(code.global_header, "\n\t")
+			.."\n\tlocal db = require 'util.debug';\n\n\t"
+			.."return function (event)\n\t\t"
+			.."local stanza, session = event.stanza, event.origin;\n"
+			..table.concat(code, "")
+			.."\n\tend;\nend";
+
+		chain_handlers[chain_name] = code_string;
+	end
+
+	return chain_handlers;
+end
+
+local function compile_firewall_rules(filename)
+	local ruleset, err = parse_firewall_rules(filename);
+	if not ruleset then return nil, err; end
+	local chain_handlers = process_firewall_rules(ruleset);
+	return chain_handlers;
+end
+
+-- Compile handler code into a factory that produces a valid event handler. Factory accepts
+-- a value to be returned on PASS
+local function compile_handler(code_string, filename)
+	-- Prepare event handler function
+	local chunk, err = envload(code_string, "="..filename, _G);
+	if not chunk then
+		return nil, "Error compiling (probably a compiler bug, please report): "..err;
+	end
+	local function fire_event(name, data)
+		return module:fire_event(name, data);
+	end
+	local init_ok, initialized_chunk = pcall(chunk);
+	if not init_ok then
+		return nil, "Error initializing compiled rules: "..initialized_chunk;
+	end
+	return function (pass_return)
+		return initialized_chunk(active_definitions, fire_event, logger(filename), module, pass_return); -- Returns event handler with upvalues
+	end
+end
+
+local function resolve_script_path(script_path)
+	local relative_to = prosody.paths.config;
+	if script_path:match("^module:") then
+		relative_to = module.path:sub(1, -#("/mod_"..module.name..".lua"));
+		script_path = script_path:match("^module:(.+)$");
+	end
+	return resolve_relative_path(relative_to, script_path);
+end
+
+-- [filename] = { last_modified = ..., events_hooked = { [name] = handler } }
+local loaded_scripts = {};
+
+function load_script(script)
+	script = resolve_script_path(script);
+	local last_modified = (lfs.attributes(script) or {}).modification or os.time();
+	if loaded_scripts[script] then
+		if loaded_scripts[script].last_modified == last_modified then
+			return; -- Already loaded, and source file hasn't changed
+		end
+		module:log("debug", "Reloading %s", script);
+		-- Already loaded, but the source file has changed
+		-- unload it now, and we'll load the new version below
+		unload_script(script, true);
+	end
+	local chain_functions, err = compile_firewall_rules(script);
+
+	if not chain_functions then
+		module:log("error", "Error compiling %s: %s", script, err or "unknown error");
+		return;
+	end
+
+	-- Loop through the chains in the script, and for each chain attach the compiled code to the
+	-- relevant events, keeping track in events_hooked so we can cleanly unload later
+	local events_hooked = {};
+	for chain, handler_code in pairs(chain_functions) do
+		local new_handler, err = compile_handler(handler_code, "mod_firewall::"..chain);
+		if not new_handler then
+			module:log("error", "Compilation error for %s: %s", script, err);
+		else
+			local chain_definition = chains[chain];
+			if chain_definition and chain_definition.type == "event" then
+				local handler = new_handler(chain_definition.pass_return);
+				for _, event_name in ipairs(chain_definition) do
+					events_hooked[event_name] = handler;
+					module:hook(event_name, handler, chain_definition.priority);
+				end
+			elseif not chain:sub(1, 5) == "user/" then
+				module:log("warn", "Unknown chain %q", chain);
+			end
+			local event_name, handler = "firewall/chains/"..chain, new_handler(false);
+			events_hooked[event_name] = handler;
+			module:hook(event_name, handler);
+		end
+	end
+	loaded_scripts[script] = { last_modified = last_modified, events_hooked = events_hooked };
+	module:log("debug", "Loaded %s", script);
+end
+
+--COMPAT w/0.9 (no module:unhook()!)
+local function module_unhook(event, handler)
+	return module:unhook_object_event((hosts[module.host] or prosody).events, event, handler);
+end
+
+function unload_script(script, is_reload)
+	script = resolve_script_path(script);
+	local script_info = loaded_scripts[script];
+	if not script_info then
+		return; -- Script not loaded
+	end
+	local events_hooked = script_info.events_hooked;
+	for event_name, event_handler in pairs(events_hooked) do
+		module_unhook(event_name, event_handler);
+		events_hooked[event_name] = nil;
+	end
+	loaded_scripts[script] = nil;
+	if not is_reload then
+		module:log("debug", "Unloaded %s", script);
+	end
+end
+
+-- Given a set of scripts (e.g. from config) figure out which ones need to
+-- be loaded, which are already loaded but need unloading, and which to reload
+function load_unload_scripts(script_list)
+	local wanted_scripts = script_list / resolve_script_path;
+	local currently_loaded = set.new(it.to_array(it.keys(loaded_scripts)));
+	local scripts_to_unload = currently_loaded - wanted_scripts;
+	for script in wanted_scripts do
+		-- If the script is already loaded, this is fine - it will
+		-- reload the script for us if the file has changed
+		load_script(script);
+	end
+	for script in scripts_to_unload do
+		unload_script(script);
+	end
+end
+
+function module.load()
+	if not prosody.arg then return end -- Don't run in prosodyctl
+	local firewall_scripts = module:get_option_set("firewall_scripts", {});
+	load_unload_scripts(firewall_scripts);
+	-- Replace contents of definitions table (shared) with active definitions
+	for k in it.keys(definitions) do definitions[k] = nil; end
+	for k,v in pairs(active_definitions) do definitions[k] = v; end
+end
+
+function module.save()
+	return { active_definitions = active_definitions, loaded_scripts = loaded_scripts };
+end
+
+function module.restore(state)
+	active_definitions = state.active_definitions;
+	loaded_scripts = state.loaded_scripts;
+end
+
+module:hook_global("config-reloaded", function ()
+	load_unload_scripts(module:get_option_set("firewall_scripts", {}));
+end);
+
+function module.command(arg)
+	if not arg[1] or arg[1] == "--help" then
+		require"util.prosodyctl".show_usage([[mod_firewall <firewall.pfw>]], [[Compile files with firewall rules to Lua code]]);
+		return 1;
+	end
+	local verbose = arg[1] == "-v";
+	if verbose then table.remove(arg, 1); end
+
+	if arg[1] == "test" then
+		table.remove(arg, 1);
+		return module:require("test")(arg);
+	end
+
+	local serialize = require "util.serialization".serialize;
+	if verbose then
+		print("local logger = require \"util.logger\".init;");
+		print();
+		print("local function fire_event(name, data)\n\tmodule:fire_event(name, data)\nend");
+		print();
+	end
+
+	for _, filename in ipairs(arg) do
+		filename = resolve_script_path(filename);
+		print("do -- File "..filename);
+		local chain_functions = assert(compile_firewall_rules(filename));
+		if verbose then
+			print();
+			print("local active_definitions = "..serialize(active_definitions)..";");
+			print();
+		end
+		local c = 0;
+		for chain, handler_code in pairs(chain_functions) do
+			c = c + 1;
+			print("---- Chain "..chain:gsub("_", " "));
+			local chain_func_name = "chain_"..tostring(c).."_"..chain:gsub("%p", "_");
+			if not verbose then
+				print(("%s = %s;"):format(chain_func_name, handler_code:sub(8)));
+			else
+
+				print(("local %s = (%s)(active_definitions, fire_event, logger(%q));"):format(chain_func_name, handler_code:sub(8), filename));
+				print();
+
+				local chain_definition = chains[chain];
+				if chain_definition and chain_definition.type == "event" then
+					for _, event_name in ipairs(chain_definition) do
+						print(("module:hook(%q, %s, %d);"):format(event_name, chain_func_name, chain_definition.priority or 0));
+					end
+				end
+				print(("module:hook(%q, %s, %d);"):format("firewall/chains/"..chain, chain_func_name, chain_definition.priority or 0));
+			end
+
+			print("---- End of chain "..chain);
+			print();
+		end
+		print("end -- End of file "..filename);
+	end
+end
+
+
+-- Console
+
+local console_env = module:shared("/*/admin_shell/env");
+
+console_env.firewall = {};
+
+function console_env.firewall:mark(user_jid, mark_name)
+	local username, host = jid.split(user_jid);
+	if not username or not hosts[host] then
+		return nil, "Invalid JID supplied";
+	elseif not idsafe(mark_name) then
+		return nil, "Invalid characters in mark name";
+	end
+	if not module:context(host):fire_event("firewall/marked/user", {
+		username = session.username;
+		mark = mark_name;
+		timestamp = os.time();
+	}) then
+		return nil, "Mark not set - is mod_firewall loaded on that host?";
+	end
+	return true, "User marked";
+end
+
+function console_env.firewall:unmark(jid, mark_name)
+	local username, host = jid.split(user_jid);
+	if not username or not hosts[host] then
+		return nil, "Invalid JID supplied";
+	elseif not idsafe(mark_name) then
+		return nil, "Invalid characters in mark name";
+	end
+	if not module:context(host):fire_event("firewall/unmarked/user", {
+		username = session.username;
+		mark = mark_name;
+	}) then
+		return nil, "Mark not removed - is mod_firewall loaded on that host?";
+	end
+	return true, "User unmarked";
+end
diff --git a/resources/prosody-plugins/mod_firewall/test.lib.lua b/resources/prosody-plugins/mod_firewall/test.lib.lua
new file mode 100644
index 0000000..a72b021
--- /dev/null
+++ b/resources/prosody-plugins/mod_firewall/test.lib.lua
@@ -0,0 +1,75 @@
+-- luacheck: globals load_unload_scripts
+local set = require "util.set";
+local ltn12 = require "ltn12";
+
+local xmppstream = require "util.xmppstream";
+
+local function stderr(...)
+	io.stderr:write("** ", table.concat({...}, "\t", 1, select("#", ...)), "\n");
+end
+
+return function (arg)
+	require "net.http".request = function (url, ex, cb)
+		stderr("Making HTTP request to "..url);
+		local body_table = {};
+		local ok, response_status, response_headers = require "ssl.https".request({
+			url = url;
+			headers = ex.headers;
+			method = ex.body and "POST" or "GET";
+			sink = ltn12.sink.table(body_table);
+			source = ex.body and ltn12.source.string(ex.body) or nil;
+		});
+		stderr("HTTP response "..response_status);
+		cb(table.concat(body_table), response_status, { headers = response_headers });
+		return true;
+	end;
+
+	local stats_dropped, stats_passed = 0, 0;
+
+	load_unload_scripts(set.new(arg));
+	local stream_callbacks = { default_ns = "jabber:client" };
+
+	function stream_callbacks.streamopened(session)
+		session.notopen = nil;
+	end
+	function stream_callbacks.streamclosed()
+	end
+	function stream_callbacks.error(session, error_name, error_message) -- luacheck: ignore 212/session
+		stderr("Fatal error parsing XML stream: "..error_name..": "..tostring(error_message))
+		assert(false);
+	end
+	function stream_callbacks.handlestanza(session, stanza)
+		if not module:fire_event("firewall/chains/deliver", { origin = session, stanza = stanza }) then
+			stats_passed = stats_passed + 1;
+			print(stanza);
+			print("");
+		else
+			stats_dropped = stats_dropped + 1;
+		end
+	end
+
+	local session = { notopen = true };
+	function session.send(stanza)
+		stderr("Reply:", "\n"..tostring(stanza).."\n");
+	end
+	local stream = xmppstream.new(session, stream_callbacks);
+	stream:feed("<stream:stream xmlns:stream='http://etherx.jabber.org/streams' xmlns='jabber:client'>");
+	local line_count = 0;
+	for line in io.lines() do
+		line_count = line_count + 1;
+		local ok, err = stream:feed(line.."\n");
+		if not ok then
+			stderr("Fatal XML parse error on line "..line_count..": "..err);
+			return 1;
+		end
+	end
+
+	stderr("Summary");
+	stderr("-------");
+	stderr("");
+	stderr(stats_dropped + stats_passed, "processed");
+	stderr(stats_passed, "passed");
+	stderr(stats_dropped, "dropped");
+	stderr(line_count, "input lines");
+	stderr("");
+end
diff --git a/resources/prosody-plugins/mod_fmuc.lua b/resources/prosody-plugins/mod_fmuc.lua
new file mode 100644
index 0000000..dd7578c
--- /dev/null
+++ b/resources/prosody-plugins/mod_fmuc.lua
@@ -0,0 +1,901 @@
+--- activate under main muc component
+--- Add the following config under the main muc component
+---  muc_room_default_presence_broadcast = {
+---        visitor = false;
+---        participant = true;
+---        moderator = true;
+---    };
+--- Enable in global modules: 's2s_bidi'
+--- Make sure 's2s' is not in modules_disabled
+--- NOTE: Make sure all communication between prosodies is using the real jids ([foo]room1@muc.example.com), as there
+--- are certain configs for whitelisted domains and connections that are domain based
+--- TODO: filter presence from main occupants back to main prosody
+local jid = require 'util.jid';
+local st = require 'util.stanza';
+local new_id = require 'util.id'.medium;
+local filters = require 'util.filters';
+local array = require 'util.array';
+local set = require 'util.set';
+local json = require 'cjson.safe';
+local datetime = require 'util.datetime';
+
+local util = module:require 'util';
+local is_admin = util.is_admin;
+local ends_with = util.ends_with;
+local is_vpaas = util.is_vpaas;
+local room_jid_match_rewrite = util.room_jid_match_rewrite;
+local get_room_from_jid = util.get_room_from_jid;
+local get_focus_occupant = util.get_focus_occupant;
+local internal_room_jid_match_rewrite = util.internal_room_jid_match_rewrite;
+local presence_check_status = util.presence_check_status;
+local respond_iq_result = util.respond_iq_result;
+local table_compare = util.table_compare;
+
+local PARTICIPANT_PROP_RAISE_HAND = 'jitsi_participant_raisedHand';
+local PARTICIPANT_PROP_REQUEST_TRANSCRIPTION = 'jitsi_participant_requestingTranscription';
+local PARTICIPANT_PROP_TRANSLATION_LANG = 'jitsi_participant_translation_language';
+local TRANSCRIPT_DEFAULT_LANG = module:get_option_string('transcriptions_default_language', 'en');
+
+-- this is the main virtual host of this vnode
+local local_domain = module:get_option_string('muc_mapper_domain_base');
+if not local_domain then
+    module:log('warn', "No 'muc_mapper_domain_base' option set, disabling fmuc plugin");
+    return;
+end
+
+-- this is the main virtual host of the main prosody that this vnode serves
+local main_domain = module:get_option_string('main_domain');
+if not main_domain then
+    module:log('warn', "No 'main_domain' option set, disabling fmuc plugin");
+    return;
+end
+
+local muc_domain_prefix = module:get_option_string('muc_mapper_domain_prefix', 'conference');
+local local_muc_domain = muc_domain_prefix..'.'..local_domain;
+
+local NICK_NS = 'http://jabber.org/protocol/nick';
+local DISPLAY_NAME_NS = 'http://jitsi.org/protocol/display-name';
+
+-- in certain cases we consider participants with token as moderators, this is the default behavior which can be turned off
+local auto_promoted_with_token = module:get_option_boolean('visitors_auto_promoted_with_token', true);
+
+-- we send stats for the total number of rooms, total number of participants and total number of visitors
+local measure_rooms = module:measure('vnode-rooms', 'amount');
+local measure_participants = module:measure('vnode-participants', 'amount');
+local measure_visitors = module:measure('vnode-visitors', 'amount');
+
+local sent_iq_cache = require 'util.cache'.new(200);
+
+local sessions = prosody.full_sessions;
+
+local function send_transcriptions_update(room)
+    -- let's notify main prosody
+    local lang_array = array();
+    local count = 0;
+
+    for k, v in pairs(room._transcription_languages) do
+        lang_array:push(v);
+        count = count + 1;
+    end
+
+    local iq_id = new_id();
+    sent_iq_cache:set(iq_id, socket.gettime());
+    module:send(st.iq({
+        type = 'set',
+        to = 'visitors.'..main_domain,
+        from = local_domain,
+        id = iq_id })
+      :tag('visitors', { xmlns = 'jitsi:visitors',
+                         room = jid.join(jid.node(room.jid), muc_domain_prefix..'.'..main_domain) })
+      :tag('transcription-languages', {
+        xmlns = 'jitsi:visitors',
+        langs = lang_array:unique():sort():concat(','),
+        count = tostring(count)
+      }):up());
+end
+
+local function remove_transcription(room, occupant)
+    local send_update = false;
+    if room._transcription_languages then
+        if room._transcription_languages[occupant.jid] then
+            send_update = true;
+        end
+        room._transcription_languages[occupant.jid] = nil;
+    end
+
+    if send_update then
+        send_transcriptions_update(room);
+    end
+end
+
+-- if lang is nil we will remove it from the list
+local function add_transcription(room, occupant, lang)
+    if not room._transcription_languages then
+        room._transcription_languages = {};
+    end
+
+    local old = room._transcription_languages[occupant.jid];
+    room._transcription_languages[occupant.jid] = lang or TRANSCRIPT_DEFAULT_LANG;
+
+    if old ~= room._transcription_languages[occupant.jid] then
+        send_transcriptions_update(room);
+    end
+end
+
+-- mark all occupants as visitors
+module:hook('muc-occupant-pre-join', function (event)
+    local occupant, room, origin, stanza = event.occupant, event.room, event.origin, event.stanza;
+    local node, host = jid.split(occupant.bare_jid);
+    local resource = jid.resource(occupant.nick);
+
+    if is_admin(occupant.bare_jid) then
+        return;
+    end
+
+    if prosody.hosts[host] then
+        -- local participants which host is defined in this prosody
+        if room._main_room_lobby_enabled then
+            origin.send(st.error_reply(stanza, 'cancel', 'not-allowed', 'Visitors not allowed while lobby is on!')
+                :tag('no-visitors-lobby', { xmlns = 'jitsi:visitors' }));
+            return true;
+        else
+            occupant.role = 'visitor';
+        end
+    elseif room.moderators_list and room.moderators_list:contains(resource) then
+        -- remote participants, host is the main prosody
+        occupant.role = 'moderator';
+    end
+end, 3);
+
+-- if a visitor leaves we want to lower its hand if it was still raised before leaving
+-- this is to clear indication for promotion on moderators visitors list
+module:hook('muc-occupant-pre-leave', function (event)
+    local occupant = event.occupant;
+
+    ---- we are interested only of visitors presence
+    if occupant.role ~= 'visitor' then
+        return;
+    end
+
+    local room = event.room;
+
+    -- let's check if the visitor has a raised hand send a lower hand
+    -- to main prosody
+    local pr = occupant:get_presence();
+
+    local raiseHand = pr:get_child_text(PARTICIPANT_PROP_RAISE_HAND);
+
+    -- a promotion detected let's send it to main prosody
+    if raiseHand and #raiseHand > 0 then
+        local iq_id = new_id();
+        sent_iq_cache:set(iq_id, socket.gettime());
+        local promotion_request = st.iq({
+            type = 'set',
+            to = 'visitors.'..main_domain,
+            from = local_domain,
+            id = iq_id })
+          :tag('visitors', { xmlns = 'jitsi:visitors',
+                             room = jid.join(jid.node(room.jid), muc_domain_prefix..'.'..main_domain) })
+          :tag('promotion-request', {
+            xmlns = 'jitsi:visitors',
+            jid = occupant.jid,
+            time = nil;
+          }):up();
+
+        module:send(promotion_request);
+    end
+
+     remove_transcription(room, occupant);
+end, 1); -- rate limit is 0
+
+-- Returns the main participants count and the visitors count
+local function get_occupant_counts(room)
+    local main_count = 0;
+    local visitors_count = 0;
+
+    for _, o in room:each_occupant() do
+        if o.role == 'visitor' then
+            visitors_count = visitors_count + 1;
+        elseif not is_admin(o.bare_jid) then
+            main_count = main_count + 1;
+        end
+    end
+
+    return main_count, visitors_count;
+end
+
+local function cancel_destroy_timer(room)
+    if room.visitors_destroy_timer then
+        room.visitors_destroy_timer:stop();
+        room.visitors_destroy_timer = nil;
+    end
+end
+
+local function destroy_with_conference_ended(room)
+    -- if the room is being destroyed, ignore
+    if room.destroying then
+        return;
+    end
+
+    cancel_destroy_timer(room);
+
+    local main_count, visitors_count = get_occupant_counts(room);
+    module:log('info', 'Will destroy:%s main_occupants:%s visitors:%s', room.jid, main_count, visitors_count);
+    room:destroy(nil, 'Conference ended.');
+    return true;
+end
+
+-- schedules a new destroy timer which will destroy the room if there are no visitors after the timeout
+local function schedule_destroy_timer(room)
+    cancel_destroy_timer(room);
+
+    room.visitors_destroy_timer = module:add_timer(15, function()
+        -- if the room is being destroyed, ignore
+        if room.destroying then
+            return;
+        end
+
+        local main_count, visitors_count = get_occupant_counts(room);
+
+        if visitors_count == 0 then
+            module:log('info', 'Will destroy:%s main_occupants:%s visitors:%s', room.jid, main_count, visitors_count);
+            room:destroy(nil, 'No visitors.');
+        end
+    end);
+end
+
+-- when occupant is leaving forward presences to jicofo for visitors
+-- do not check occupant.role as it maybe already reset
+-- if there are no main occupants or no visitors, destroy the room (give 15 seconds of grace period for reconnections)
+module:hook('muc-occupant-left', function (event)
+    local room, occupant = event.room, event.occupant;
+    local occupant_domain = jid.host(occupant.bare_jid);
+
+    if prosody.hosts[occupant_domain] and not is_admin(occupant.bare_jid) then
+        local focus_occupant = get_focus_occupant(room);
+        if not focus_occupant then
+            if not room.destroying then
+                module:log('warn', 'No focus found for %s', room.jid);
+            end
+            return;
+        end
+        -- Let's forward unavailable presence to the special jicofo
+        room:route_stanza(st.presence({
+            to = focus_occupant.jid,
+            from = internal_room_jid_match_rewrite(occupant.nick),
+            type = 'unavailable' })
+                     :tag('x', { xmlns = 'http://jabber.org/protocol/muc#user' })
+                     :tag('item', {
+            affiliation = room:get_affiliation(occupant.bare_jid) or 'none';
+            role = 'none';
+            nick = event.nick;
+            jid = occupant.bare_jid }):up():up());
+    end
+
+    -- if the room is being destroyed, ignore
+    if room.destroying then
+        return;
+    end
+
+    -- if there are no main participants, the main room will be destroyed and
+    -- we can destroy and the visitor one as when jicofo leaves all visitors will reload
+    -- if there are no visitors give them 15 secs to reconnect, if not destroy it
+    local main_count, visitors_count = get_occupant_counts(room);
+
+    if visitors_count == 0 then
+        schedule_destroy_timer(room);
+    end
+
+    if main_count == 0 then
+        destroy_with_conference_ended(room);
+    end
+end);
+
+-- forward visitor presences to jicofo
+-- detects raise hand in visitors presence, this is request for promotion
+-- detects the requested transcription and its language to send updates for it
+module:hook('muc-broadcast-presence', function (event)
+    local occupant = event.occupant;
+
+    ---- we are interested only of visitors presence to send it to jicofo
+    if occupant.role ~= 'visitor' then
+        return;
+    end
+
+    local room = event.room;
+    local focus_occupant = get_focus_occupant(room);
+
+    if not focus_occupant then
+        return;
+    end
+
+    local actor, base_presence, nick, reason, x = event.actor, event.stanza, event.nick, event.reason, event.x;
+    local actor_nick;
+    if actor then
+        actor_nick = jid.resource(room:get_occupant_jid(actor));
+    end
+
+    -- create a presence to send it to jicofo, as jicofo is special :)
+    local full_x = st.clone(x.full or x);
+
+    room:build_item_list(occupant, full_x, false, nick, actor_nick, actor, reason);
+    local full_p = st.clone(base_presence):add_child(full_x);
+    full_p.attr.to = focus_occupant.jid;
+    room:route_to_occupant(focus_occupant, full_p);
+
+    local raiseHand = full_p:get_child_text(PARTICIPANT_PROP_RAISE_HAND);
+    -- a promotion detected let's send it to main prosody
+    if raiseHand then
+        local user_id;
+        local group_id;
+        local is_moderator;
+        local session = sessions[occupant.jid];
+        local identity = session and session.jitsi_meet_context_user;
+
+        if is_vpaas(room) and identity then
+            -- in case of moderator in vpaas meeting we want to do auto-promotion
+            local is_vpaas_moderator = identity.moderator;
+            if is_vpaas_moderator == 'true' or is_vpaas_moderator == true then
+                is_moderator = true;
+            end
+        else
+            -- The case with single moderator in the room, we want to report our id
+            -- so we can be auto promoted
+            if identity and identity.id then
+                user_id = session.jitsi_meet_context_user.id;
+                group_id = session.jitsi_meet_context_group;
+
+                if session.auth_token and auto_promoted_with_token then
+                    if not session.jitsi_meet_tenant_mismatch or session.jitsi_web_query_prefix == '' then
+                        -- non-vpaas and having a token is considered a moderator, and if it is not in '/' tenant
+                        -- the tenant from url and token should match
+                        is_moderator = true;
+                    end
+                end
+            end
+        end
+
+        local iq_id = new_id();
+        sent_iq_cache:set(iq_id, socket.gettime());
+        local promotion_request = st.iq({
+            type = 'set',
+            to = 'visitors.'..main_domain,
+            from = local_domain,
+            id = iq_id })
+          :tag('visitors', { xmlns = 'jitsi:visitors',
+                             room = jid.join(jid.node(room.jid), muc_domain_prefix..'.'..main_domain) })
+          :tag('promotion-request', {
+            xmlns = 'jitsi:visitors',
+            jid = occupant.jid,
+            time = raiseHand,
+            userId = user_id,
+            groupId = group_id,
+            forcePromote = is_moderator and 'true' or 'false';
+          }):up();
+
+        local nick_element = occupant:get_presence():get_child('nick', NICK_NS);
+        if nick_element then
+            promotion_request:add_child(nick_element);
+        end
+
+        module:send(promotion_request);
+    end
+
+    local requestTranscriptionValue = full_p:get_child_text(PARTICIPANT_PROP_REQUEST_TRANSCRIPTION);
+    local hasTranscriptionEnabled = room._transcription_languages and room._transcription_languages[occupant.jid];
+
+    -- detect transcription
+    if requestTranscriptionValue == 'true' then
+        local lang = full_p:get_child_text(PARTICIPANT_PROP_TRANSLATION_LANG);
+
+        add_transcription(room, occupant, lang);
+    elseif hasTranscriptionEnabled then
+        remove_transcription(room, occupant, nil);
+    end
+
+    return;
+end);
+
+-- listens for responses to the iq sent for requesting promotion and forward it to the visitor
+local function stanza_handler(event)
+    local origin, stanza = event.origin, event.stanza;
+
+    if stanza.name ~= 'iq' then
+        return;
+    end
+
+    if stanza.attr.type == 'result' and sent_iq_cache:get(stanza.attr.id) then
+        sent_iq_cache:set(stanza.attr.id, nil);
+        return true;
+    end
+
+    if stanza.attr.type ~= 'set' then
+        return;
+    end
+
+    local visitors_iq = event.stanza:get_child('visitors', 'jitsi:visitors');
+    if not visitors_iq then
+        return;
+    end
+
+    if stanza.attr.from ~= 'visitors.'..main_domain then
+        module:log('warn', 'not from visitors component, ignore! %s', stanza);
+        return true;
+    end
+
+    local room_jid = visitors_iq.attr.room;
+    local room = get_room_from_jid(room_jid_match_rewrite(room_jid));
+
+    if not room then
+        return;
+    end
+
+    local request_promotion = visitors_iq:get_child('promotion-response');
+    if not request_promotion then
+        return;
+    end
+
+    -- respond with successful receiving the iq
+    respond_iq_result(origin, stanza);
+
+    local req_jid = request_promotion.attr.jid;
+    -- now let's find the occupant and forward the response
+    local occupant = room:get_occupant_by_real_jid(req_jid);
+
+    if occupant then
+        stanza.attr.to = occupant.jid;
+        stanza.attr.from = room.jid;
+        room:route_to_occupant(occupant, stanza);
+        return true;
+    end
+end
+
+--process a host module directly if loaded or hooks to wait for its load
+function process_host_module(name, callback)
+    local function process_host(host)
+        if host == name then
+            callback(module:context(host), host);
+        end
+    end
+
+    if prosody.hosts[name] == nil then
+        module:log('debug', 'No host/component found, will wait for it: %s', name)
+
+        -- when a host or component is added
+        prosody.events.add_handler('host-activated', process_host);
+    else
+        process_host(name);
+    end
+end
+-- if the message received ends with the main domain, these are system messages
+-- for visitors, let's correct the room name there
+local function message_handler(event)
+    local origin, stanza = event.origin, event.stanza;
+
+    if ends_with(stanza.attr.from, main_domain) then
+        stanza.attr.from = stanza.attr.from:sub(1, -(main_domain:len() + 1))..local_domain;
+    end
+end
+
+-- Receives history messages from the main prosody and adds them to the local history
+-- this happens before the first participant joins and that participant gets the history using the standard flow on join
+local function history_message_handler(event)
+    local origin, stanza = event.origin, event.stanza;
+
+    local delay_elem = stanza:get_child('delay', 'urn:xmpp:delay');
+    if not delay_elem then
+        return;
+    end
+
+    -- now let's add it history, we do not use the event as we want to keep
+    -- the delay element
+    local room = get_room_from_jid(room_jid_match_rewrite(
+        jid.bare(stanza.attr.from):sub(1, -(main_domain:len() + 1))..local_domain));
+
+    if not room then
+        return;
+    end
+
+    if room:get_historylength() == 0 then
+        return;
+    end
+
+    local history = room._history;
+    if not history then history = {}; room._history = history; end
+
+    local history_stanza = st.clone(stanza);
+    history_stanza.attr.to = '';
+
+    local node, host, resource = jid.split(room_jid_match_rewrite(history_stanza.attr.from));
+    history_stanza.attr.from = jid.join(node, local_muc_domain, resource);
+    -- the from in the delay extension is still the main prosody jid, not used for now
+    local entry = { stanza = history_stanza, timestamp = datetime.parse(delay_elem.attr.stamp) };
+    table.insert(history, entry);
+    while #history > room:get_historylength() do table.remove(history, 1) end
+
+    return false;
+end
+module:hook('message/host', history_message_handler);
+
+process_host_module(local_domain, function(host_module, host)
+    host_module:hook('iq/host', stanza_handler, 10);
+    host_module:hook('message/full', message_handler);
+end);
+
+-- add to message stanza display name for the visitor
+-- remove existing nick to avoid forgery
+local function process_display_name(stanza, occupant)
+    -- TODO drop nick extension used in messages in favor of new display-name extension
+    -- we want mobile client to update before dropping support for nick from messages
+    stanza:remove_children('nick', NICK_NS);
+    stanza:remove_children('display-name', DISPLAY_NAME_NS);
+    local nick_element = occupant:get_presence():get_child('nick', NICK_NS);
+    if nick_element then
+        stanza:add_child(nick_element);
+        stanza:tag('display-name', {
+            xmlns = DISPLAY_NAME_NS,
+            source = 'visitor'
+        }):text(nick_element:get_text()):up();
+    else
+        stanza:tag('nick', { xmlns = NICK_NS })
+            :text('anonymous'):up();
+        stanza:tag('display-name', {
+            xmlns = DISPLAY_NAME_NS,
+            source = 'visitor'
+        }):text('anonymous'):up();
+    end
+end
+
+-- only live chat is supported for visitors
+module:hook('muc-occupant-groupchat', function(event)
+    local occupant, room, stanza = event.occupant, event.room, event.stanza;
+    local from = stanza.attr.from;
+    local occupant_host;
+
+    -- if there is no occupant this is a message from main, probably coming from other vnode
+    if occupant then
+        occupant_host = jid.host(occupant.bare_jid);
+
+        -- we manage nick only for visitors
+        if occupant_host ~= main_domain then
+            process_display_name(stanza, occupant);
+        end
+
+        stanza.attr.from = occupant.nick;
+    else
+        stanza.attr.from = jid.join(jid.node(from), module.host);
+    end
+
+    -- let's send it to main chat and rest of visitors here
+    for _, o in room:each_occupant() do
+        -- filter remote occupants
+        if jid.host(o.bare_jid) == local_domain then
+            room:route_to_occupant(o, stanza)
+        end
+    end
+
+    -- send to main participants only messages from local occupants (skip from remote vnodes)
+    if occupant and occupant_host == local_domain then
+        local main_message = st.clone(stanza);
+        main_message.attr.to = jid.join(jid.node(room.jid), muc_domain_prefix..'.'..main_domain);
+        -- make sure we fix the from to be the real jid
+        main_message.attr.from = room_jid_match_rewrite(stanza.attr.from);
+        module:send(main_message);
+    end
+    stanza.attr.from = from; -- something prosody does internally
+
+    return true;
+end, 55); -- prosody check for visitor's chat is prio 50, we want to override it
+
+-- Private messaging support for visitors
+module:hook('muc-private-message', function(event)
+    local room, stanza = event.room, event.stanza;
+    local from = stanza.attr.from;
+    local to = stanza.attr.to;
+    local recipient_occupant = room:get_occupant_by_nick(to);
+    local recipient_domain = recipient_occupant and jid.host(recipient_occupant.bare_jid) or nil;
+    local sender_occupant = room:get_occupant_by_nick(from);
+    local sender_domain = sender_occupant and jid.host(sender_occupant.bare_jid) or nil;
+
+    if sender_domain == nil or recipient_domain == nil then
+        return false;
+    end
+
+    -- If both sender and recipient are local (on this vnode)
+    if sender_domain == local_domain and recipient_domain == local_domain then
+        event.origin.send(st.error_reply(event.stanza, 'auth', 'forbidden',
+            'Private messaging between visitors is disabled on visitor nodes'));
+        return false; -- Prevent sending the original message and stop further processing
+    end
+
+    -- If sender is local (visitor node) and recipient is from main prosody, forward to main prosody
+    if sender_domain == local_domain and recipient_domain == main_domain then
+        local original_to = stanza.attr.to;
+        local original_from = stanza.attr.from;
+
+        process_display_name(stanza, sender_occupant);
+
+        -- Forward to main prosody, preserving the resource and original from
+        stanza.attr.to = jid.join(jid.node(room.jid), muc_domain_prefix..'.'..main_domain, jid.resource(to));
+        module:send(stanza);
+        return false; -- Prevent sending the original message and stop further processing
+    end
+
+    -- For main->visitor messages, let the default MUC handler process it
+    -- We don't need to do anything special
+    if sender_domain == main_domain and recipient_domain == local_domain then
+        return; -- Return nothing, let other handlers continue. The default MUC handler will process it.
+    end
+
+    return false; -- Prevent sending the original message and stop further processing
+end, 100); -- Lower priority to run after other handlers
+
+-- we calculate the stats on the configured interval (60 seconds by default)
+module:hook_global('stats-update', function ()
+    local participants_count, rooms_count, visitors_count = 0, 0, 0;
+
+    -- iterate over all rooms
+    for room in prosody.hosts[module.host].modules.muc.each_room() do
+        rooms_count = rooms_count + 1;
+        for _, o in room:each_occupant() do
+            if not is_admin(o.bare_jid) then
+                local _, host = jid.split(o.bare_jid);
+                if prosody.hosts[host] then -- local hosts are visitors (including jigasi)
+                    visitors_count = visitors_count + 1;
+                else
+                    participants_count = participants_count + 1;
+                end
+            end
+        end
+    end
+
+    measure_rooms(rooms_count);
+    measure_visitors(visitors_count);
+    measure_participants(participants_count);
+end);
+
+-- we skip it till the main participants are added from the main prosody
+module:hook('jicofo-unlock-room', function(e)
+    -- we do not block events we fired
+    if e.fmuc_fired then
+        return;
+    end
+
+    return true;
+end);
+
+-- handles incoming iq visitors stanzas
+-- connect - sent after sending all main participant's presences
+-- disconnect - sent when main room is destroyed or when we receive a 'disconnect-vnode' iq from jicofo
+-- update - sent on:
+--      * room secret is changed
+--      * lobby enabled or disabled
+--      * initially before connect to report currently joined moderators
+--      * moderator participant joins main room
+--      * a participant has been granted moderator rights
+local function iq_from_main_handler(event)
+    local origin, stanza = event.origin, event.stanza;
+
+    if stanza.name ~= 'iq' then
+        return;
+    end
+
+    if stanza.attr.type == 'result' and sent_iq_cache:get(stanza.attr.id) then
+        sent_iq_cache:set(stanza.attr.id, nil);
+        return true;
+    end
+
+    if stanza.attr.type ~= 'set' then
+        return;
+    end
+
+    local visitors_iq = event.stanza:get_child('visitors', 'jitsi:visitors');
+    if not visitors_iq then
+        return;
+    end
+
+    if stanza.attr.from ~= main_domain then
+        module:log('warn', 'not from main prosody, ignore! %s', stanza);
+        return true;
+    end
+
+    local room_jid = visitors_iq.attr.room;
+    local room = get_room_from_jid(room_jid_match_rewrite(room_jid));
+
+    if not room then
+        module:log('warn', 'No room found %s in iq_from_main_handler for:%s', room_jid, visitors_iq);
+        return;
+    end
+
+    local node = visitors_iq:get_child('connect');
+    local fire_jicofo_unlock = true;
+    local process_disconnect = false;
+
+    if not node then
+        node = visitors_iq:get_child('update');
+        fire_jicofo_unlock = false;
+    end
+
+    if not node then
+        node = visitors_iq:get_child('disconnect');
+        process_disconnect = true;
+    end
+
+    if not node then
+        return;
+    end
+
+    -- respond with successful receiving the iq
+    respond_iq_result(origin, stanza);
+
+    if process_disconnect then
+        return destroy_with_conference_ended(room);
+    end
+
+    -- if there is password supplied use it
+    -- if this is update it will either set or remove the password
+    room:set_password(node.attr.password);
+    room._data.meetingId = node.attr.meetingId;
+    local createdTimestamp = node.attr.createdTimestamp;
+    room.created_timestamp = createdTimestamp and tonumber(createdTimestamp) or nil;
+
+    if node.attr.allowUnauthenticatedAccess then
+        room._data.allowUnauthenticatedAccess = node.attr.allowUnauthenticatedAccess == 'true';
+    end
+
+    if node.attr.lobby == 'true' then
+        room._main_room_lobby_enabled = true;
+    elseif node.attr.lobby == 'false' then
+        room._main_room_lobby_enabled = false;
+    end
+
+    -- read the moderators list
+    room.moderators_list = room.moderators_list or set.new();
+    local moderators = node:get_child('moderators');
+
+    if moderators then
+        for _, child in ipairs(moderators.tags) do
+            if child.name == 'item' then
+                room.moderators_list:add(child.attr.epId);
+            end
+        end
+
+        -- let's check current occupants roles and promote them if needed
+        -- we change only main participants which are not moderators, but participant
+        for _, o in room:each_occupant() do
+            if not is_admin(o.bare_jid)
+                and o.role == 'participant'
+                and room.moderators_list:contains(jid.resource(o.nick)) then
+                room:set_affiliation(true, o.bare_jid, 'owner');
+            end
+        end
+    end
+
+    local files = node:get_child('files');
+    if files then
+        local received_files = {};
+        for _, child in ipairs(files.tags) do
+            if child.name == 'file' then
+                received_files[child.attr.id] = json.decode(child:get_text());
+            end
+        end
+
+        -- fire events so file sharing component will add/remove files and will notify clients
+        local removed, added = table_compare(room.jitsi_shared_files or {}, received_files)
+        for _, id in ipairs(removed) do
+            module:context(local_domain):fire_event('jitsi-filesharing-remove', {
+                room = room; id = id;
+            });
+        end
+        for _, id in ipairs(added) do
+            module:context(local_domain):fire_event('jitsi-filesharing-add', {
+                room = room; file = received_files[id];
+            });
+        end
+    end
+
+    local pollsEl = node:get_child('polls');
+    if pollsEl then
+        local polls = json.decode(pollsEl:get_text());
+        -- let's find is there a new poll
+        module:fire_event('jitsi-polls-update', { room = room; polls = polls; });
+    end
+
+    if fire_jicofo_unlock then
+        -- everything is connected allow participants to join
+        module:fire_event('jicofo-unlock-room', { room = room; fmuc_fired = true; });
+    end
+
+    return true;
+end
+module:hook('iq/host', iq_from_main_handler, 10);
+
+-- Filters presences (if detected) that are with destination the main prosody
+function filter_stanza(stanza, session)
+    if (stanza.name == 'presence' or stanza.name == 'message') and session.type ~= 'c2s' then
+        -- we clone it so we do not affect broadcast using same stanza, sending it to clients
+        local f_st = st.clone(stanza);
+        f_st.skipMapping = true;
+        return f_st;
+    elseif stanza.name == 'presence' and session.type == 'c2s' and jid.node(stanza.attr.to) == 'focus' then
+        local x = stanza:get_child('x', 'http://jabber.org/protocol/muc#user');
+        if presence_check_status(x, '110') then
+            return stanza; -- no filter
+        end
+
+        -- we want to filter presences to jicofo for the main participants, skipping visitors
+        -- no point of having them, but if it is the one of the first to be sent
+        -- when first visitor is joining can produce the 'No hosts[from_host]' error as we
+        -- rewrite the from, but we need to not do it to be able to filter it later for the s2s
+        if jid.host(room_jid_match_rewrite(stanza.attr.from)) ~= local_muc_domain then
+            return nil; -- returning nil filters the stanza
+        end
+    end
+    return stanza; -- no filter
+end
+function filter_session(session)
+    -- domain mapper is filtering on default priority 0, and we need it before that
+    filters.add_filter(session, 'stanzas/out', filter_stanza, 2);
+end
+
+filters.add_filter_hook(filter_session);
+
+function route_s2s_stanza(event)
+    local from_host, to_host, stanza = event.from_host, event.to_host, event.stanza;
+
+    if to_host ~= main_domain then
+        return; -- continue with hook listeners
+    end
+
+     if stanza.name == 'message' then
+        if jid.resource(stanza.attr.to) then
+            -- there is no point of delivering messages to main participants individually
+            return true; -- drop it
+        end
+        return;
+     end
+
+     if stanza.name == 'presence' then
+        -- we want to leave only unavailable presences to go to main node
+        -- all other presences from jicofo or the main participants there is no point to go to the main node
+        -- they are anyway not handled
+        if stanza.attr.type ~= 'unavailable' then
+            return true; -- drop it
+        end
+        return;
+     end
+end
+
+module:hook('answer-poll', function(answerData)
+    local room = answerData.room;
+    local room_jid = room_jid_match_rewrite(jid.join(jid.node(room.jid), muc_domain_prefix..'.'..main_domain));
+
+    -- now send it to the main prosody
+    local data = {
+        answers = answerData.data.answers;
+        command = 'answer-poll';
+        pollId = answerData.pollId;
+        roomJid = room_jid,
+        senderId = answerData.voterId;
+        senderName = answerData.voterName;
+        type = 'polls';
+    };
+
+    local data_str, error = json.encode(data);
+    if not data_str then
+        module:log('error', 'Error encoding data room:%s error:%s', room.jid, error);
+    end
+
+    local stanza = st.message({
+        from = module.host,
+        to = 'polls.'..main_domain
+    })
+    :tag("json-message", { xmlns = "http://jitsi.org/jitmeet"; roomJid = room_jid; })
+    :text(data_str)
+    :up();
+    room:route_stanza(stanza);
+end);
+
+-- routing to sessions in mod_s2s is -1 and -10, we want to hook before that to make sure to is correct
+-- or if we want to filter that stanza
+module:hook("route/remote", route_s2s_stanza, 10);
diff --git a/resources/prosody-plugins/mod_jibri_session.lua b/resources/prosody-plugins/mod_jibri_session.lua
new file mode 100644
index 0000000..4830232
--- /dev/null
+++ b/resources/prosody-plugins/mod_jibri_session.lua
@@ -0,0 +1,71 @@
+local json = require 'cjson';
+
+local util = module:require 'util';
+local room_jid_match_rewrite = util.room_jid_match_rewrite;
+local get_room_from_jid = util.get_room_from_jid;
+
+-- This needs to be attached to the main virtual host and the virtual host where jicofo is connected and authenticated.
+-- The first pass is the iq coming from the client where we get the creator and attach it to the app_data.
+-- The second pass is jicofo approving that and inviting jibri where we attach the session_id information to app_data
+local function attachJibriSessionId(event)
+local stanza = event.stanza;
+    if stanza.name == "iq" then
+        local jibri = stanza:get_child('jibri', 'http://jitsi.org/protocol/jibri');
+        if jibri then
+            if jibri.attr.action == 'start' then
+
+                local update_app_data = false;
+                local app_data = jibri.attr.app_data;
+                if app_data then
+                    app_data = json.decode(app_data);
+                else
+                    app_data = {};
+                end
+                if app_data.file_recording_metadata == nil then
+                    app_data.file_recording_metadata = {};
+                end
+
+                if jibri.attr.room then
+                    local jibri_room = jibri.attr.room;
+                    jibri_room = room_jid_match_rewrite(jibri_room)
+                    local room = get_room_from_jid(jibri_room);
+                    if room then
+                        local conference_details = {};
+                        conference_details["session_id"] = room._data.meetingId;
+                        app_data.file_recording_metadata.conference_details = conference_details;
+                        update_app_data = true;
+                    end
+                else
+                    -- no room is because the iq received by the initiator in the room
+                    local session = event.origin;
+                    -- if a token is provided, add data to app_data
+                    if session ~= nil then
+                        local initiator = {};
+
+                        if session.jitsi_meet_context_user ~= nil then
+                            initiator.id = session.jitsi_meet_context_user.id;
+                        else
+                            initiator.id = session.granted_jitsi_meet_context_user_id;
+                        end
+
+                        initiator.group
+                            = session.jitsi_meet_context_group or session.granted_jitsi_meet_context_group_id;
+
+                        app_data.file_recording_metadata.initiator = initiator
+                        update_app_data = true;
+                    end
+
+                end
+
+                if update_app_data then
+                    app_data = json.encode(app_data);
+                    jibri.attr.app_data = app_data;
+                    jibri:up()
+                    stanza:up()
+                end
+            end
+        end
+    end
+end
+
+module:hook('pre-iq/full', attachJibriSessionId);
diff --git a/resources/prosody-plugins/mod_jiconop.lua b/resources/prosody-plugins/mod_jiconop.lua
new file mode 100644
index 0000000..1a93e73
--- /dev/null
+++ b/resources/prosody-plugins/mod_jiconop.lua
@@ -0,0 +1,77 @@
+local st = require "util.stanza";
+local ext_services = module:depends("external_services");
+local get_services = ext_services.get_services;
+local services_xml = ext_services.services_xml;
+
+-- Jitsi Connection Optimization
+-- gathers needed information and pushes it with a message to clients
+-- this way we skip 4 request responses during every client setup
+
+local main_virtual_host = module:get_option_string('muc_mapper_domain_base');
+if not main_virtual_host then
+    module:log('warn', 'No muc_mapper_domain_base option set.');
+    return;
+end
+
+local shard_name_config = module:get_option_string('shard_name');
+if shard_name_config then
+    module:add_identity("server", "shard", shard_name_config);
+end
+
+local region_name_config = module:get_option_string('region_name');
+if region_name_config then
+    module:add_identity("server", "region", region_name_config);
+end
+
+local release_number_config = module:get_option_string('release_number');
+if release_number_config then
+    module:add_identity("server", "release", release_number_config);
+end
+
+-- we cache the query as server identities will not change dynamically, amd use its clone every time
+local query_cache;
+
+-- this is after xmpp-bind, the moment a client has resource and can be contacted
+module:hook("resource-bind", function (event)
+    local session = event.session;
+
+    if query_cache == nil then
+        -- disco info data / all identity and features
+        local query = st.stanza("query", { xmlns = "http://jabber.org/protocol/disco#info" });
+        local done = {};
+        -- to lod this module in different virtual hosts than the main, make sure we query here for main
+        for _,identity in ipairs(module:context(main_virtual_host):get_host_items("identity")) do
+            local identity_s = identity.category.."\0"..identity.type;
+            if not done[identity_s] then
+                query:tag("identity", identity):up();
+                done[identity_s] = true;
+            end
+        end
+
+        query_cache = query;
+    end
+
+    local query = st.clone(query_cache);
+
+    -- check whether room has lobby enabled and display name is required for those trying to join
+    local lobby_muc_component_config = module:get_option_string('lobby_muc');
+    module:context(lobby_muc_component_config):fire_event('host-disco-info-node',
+            {origin = session; reply = query; node = 'lobbyrooms';});
+
+    -- will add a rename feature for breakout rooms.
+    local breakout_rooms_muc_component_config = module:get_option_string('breakout_rooms_muc');
+    if breakout_rooms_muc_component_config then
+        module:context(breakout_rooms_muc_component_config):fire_event('host-disco-info-node',
+                {origin = session; reply = query; node = 'breakout_rooms';});
+    end
+
+    local stanza = st.message({
+            from = module.host;
+            to = session.full_jid; });
+    stanza:add_child(query):up();
+
+    --- get turnservers and credentials
+    stanza:add_child(services_xml(get_services()));
+
+    session.send(stanza);
+end);
diff --git a/resources/prosody-plugins/mod_jitsi_permissions.lua b/resources/prosody-plugins/mod_jitsi_permissions.lua
new file mode 100644
index 0000000..ddacbcf
--- /dev/null
+++ b/resources/prosody-plugins/mod_jitsi_permissions.lua
@@ -0,0 +1,196 @@
+-- this is auto loaded by meeting_id
+local filters = require 'util.filters';
+local jid = require 'util.jid';
+
+local util = module:require 'util';
+local is_admin = util.is_admin;
+local get_room_from_jid = util.get_room_from_jid;
+local is_healthcheck_room = util.is_healthcheck_room;
+local room_jid_match_rewrite = util.room_jid_match_rewrite;
+local ends_with = util.ends_with;
+local presence_check_status = util.presence_check_status;
+
+local MUC_NS = 'http://jabber.org/protocol/muc';
+
+local muc_domain_prefix = module:get_option_string('muc_mapper_domain_prefix', 'conference');
+
+local muc_domain_base = module:get_option_string('muc_mapper_domain_base');
+if not muc_domain_base then
+    module:log('warn', 'No "muc_domain_base" option set, disabling module.');
+    return ;
+end
+
+-- only the visitor prosody has main_domain setting
+local is_visitor_prosody = module:get_option_string('main_domain') ~= nil;
+
+-- load it only on the main muc component as it is loaded by muc_meeting_id which is loaded and for the breakout room muc
+if muc_domain_prefix..'.'..muc_domain_base ~= module.host or is_visitor_prosody then
+    return;
+end
+
+local sessions = prosody.full_sessions;
+local default_permissions;
+
+local function load_config()
+    default_permissions = module:get_option('jitsi_default_permissions', {
+        livestreaming = true;
+        recording = true;
+        transcription = true;
+        ['outbound-call'] = true;
+        ['create-polls'] = true;
+        ['send-groupchat'] = true;
+        flip = true;
+    });
+end
+load_config();
+
+function process_set_affiliation(event)
+    local actor, affiliation, jid, previous_affiliation, room
+        = event.actor, event.affiliation, event.jid, event.previous_affiliation, event.room;
+    local actor_session = sessions[actor];
+
+    if is_admin(jid) or is_healthcheck_room(room.jid) or not actor or not previous_affiliation
+        or not actor_session or not actor_session.jitsi_meet_context_features then
+        return;
+    end
+
+    local occupant;
+    for _, o in room:each_occupant() do
+        if o.bare_jid == jid then
+            occupant = o;
+        end
+    end
+
+    if not occupant then
+        return;
+    end
+
+    local occupant_session = sessions[occupant.jid];
+    if not occupant_session then
+        return;
+    end
+
+    if (previous_affiliation == 'none' or previous_affiliation == 'member') and affiliation == 'owner' then
+        occupant_session.jitsi_meet_context_features = actor_session.jitsi_meet_context_features;
+        if actor_session.jitsi_meet_context_user then
+            occupant_session.granted_jitsi_meet_context_user_id = actor_session.jitsi_meet_context_user['id']
+                or actor_session.granted_jitsi_meet_context_user_id;
+        end
+        occupant_session.granted_jitsi_meet_context_group_id = actor_session.jitsi_meet_context_group
+            or actor_session.granted_jitsi_meet_context_group_id;
+        -- even if token and features are set we may want to re-send permissions
+        occupant_session.force_permissions_update = true;
+    elseif previous_affiliation == 'owner' and ( affiliation == 'member' or affiliation == 'none' ) then
+        occupant_session.granted_jitsi_meet_context_user_id = nil;
+        occupant_session.granted_jitsi_meet_context_group_id = nil;
+
+        -- on revoke
+        if not occupant_session.auth_token then
+            occupant_session.jitsi_meet_context_features = nil;
+        end
+    end
+end
+
+-- Detects when sending self-presence because of role change
+-- we can end up here because of the following cases:
+-- 1. user joins the room and is granted moderator by another moderator or jicofo
+-- 2. Some module changes the role of the user by using set_affiliation method
+-- In cases where authentication is 'anonymous', 'jitsi-anonymous', 'internal_hashed', 'internal_plain', 'cyrus' we
+-- want to send default permissions all to indicate UI that everything is allowed (to not relay on the UI to check
+-- is participant moderator or not), to allow finer control over the permissions.
+-- In case the authentication is 'token' based we want to send permissions only if the token of the user does not include
+-- features in the user.context.
+-- In case of allowners we want to send the permissions, no matter of the authentication method.
+-- In case permissions were granted we want to send the granted permissions in all cases except when the user is
+-- using token that has features pre-defined (authentication is 'token').
+function filter_stanza(stanza, session)
+    if not stanza.attr or not stanza.attr.to or stanza.name ~= 'presence'
+        or stanza.attr.type == 'unavailable' or ends_with(stanza.attr.from, '/focus') then
+        return stanza;
+    end
+
+    local bare_to = jid.bare(stanza.attr.to);
+    if is_admin(bare_to) then
+        return stanza;
+    end
+
+    local muc_x = stanza:get_child('x', MUC_NS..'#user');
+    if not muc_x or not presence_check_status(muc_x, '110') then
+        return stanza;
+    end
+
+    local room = get_room_from_jid(room_jid_match_rewrite(jid.bare(stanza.attr.from)));
+
+    if not room or is_healthcheck_room(room.jid)  then
+        return stanza;
+    end
+
+    if not room.send_default_permissions_to then
+        room.send_default_permissions_to = {};
+    end
+
+    if not session.force_permissions_update then
+        if session.auth_token and session.jitsi_meet_context_features then -- token and features are set so skip
+            room.send_default_permissions_to[bare_to] = nil;
+            return stanza;
+        end
+
+        -- we are sending permissions only when becoming a member
+        local is_moderator = false;
+        for item in muc_x:childtags('item') do
+            if item.attr.role == 'moderator' then
+                is_moderator = true;
+                break;
+            end
+        end
+
+        if not is_moderator then
+            return stanza;
+        end
+
+        if not room.send_default_permissions_to[bare_to] then
+            return stanza;
+        end
+    end
+
+    session.force_permissions_update = false;
+
+    if not session.jitsi_meet_context_features then
+        session.jitsi_meet_context_features = default_permissions;
+    end
+
+    room.send_default_permissions_to[bare_to] = nil;
+
+    stanza:tag('permissions', { xmlns='http://jitsi.org/jitmeet' });
+    for k, v in pairs(session.jitsi_meet_context_features) do
+        local val = tostring(v);
+        stanza:tag('p', { name = k, val = val }):up();
+    end
+    stanza:up();
+
+    return stanza;
+end
+
+-- we need to indicate that we will send permissions if we need to
+-- we need to handle granted features and stuff in the pre-set hook so they are unavailable
+-- when the self presence is set, so we can update the client, the checks
+-- whether the actor is allowed to set the affiliation are done before pre-set hook is fired
+module:hook('muc-pre-set-affiliation', function(event)
+    local jid, room = event.jid, event.room;
+
+    if not room.send_default_permissions_to then
+        room.send_default_permissions_to = {};
+    end
+    room.send_default_permissions_to[jid] = true;
+
+    process_set_affiliation(event);
+end);
+
+function filter_session(session)
+    -- domain mapper is filtering on default priority 0
+    -- allowners is -1 and we need it after that
+    filters.add_filter(session, 'stanzas/out', filter_stanza, -2);
+end
+
+-- enable filtering presences
+filters.add_filter_hook(filter_session);
diff --git a/resources/prosody-plugins/mod_jitsi_session.lua b/resources/prosody-plugins/mod_jitsi_session.lua
new file mode 100644
index 0000000..4ea2986
--- /dev/null
+++ b/resources/prosody-plugins/mod_jitsi_session.lua
@@ -0,0 +1,33 @@
+-- Jitsi session information
+-- Copyright (C) 2021-present 8x8, Inc.
+module:set_global();
+
+local formdecode = require "util.http".formdecode;
+local region_header_name = module:get_option_string('region_header_name', 'x_proxy_region');
+
+-- Extract the following parameters from the URL and set them in the session:
+-- * previd: for session resumption
+function init_session(event)
+    local session, request = event.session, event.request;
+    local query = request.url.query;
+
+    if query ~= nil then
+        local params = formdecode(query);
+
+        -- previd is used together with https://modules.prosody.im/mod_smacks.html
+        -- the param is used to find resumed session and re-use anonymous(random) user id
+        session.previd = query and params.previd or nil;
+
+        -- customusername can be used with combination with "pre-jitsi-authentication" event to pre-set a known jid to a session
+        session.customusername = query and params.customusername or nil;
+
+        -- The room name and optional prefix from the web query
+        session.jitsi_web_query_room = params.room;
+        session.jitsi_web_query_prefix = params.prefix or "";
+    end
+
+    session.user_region = request.headers[region_header_name];
+end
+
+module:hook_global("bosh-session", init_session, 1);
+module:hook_global("websocket-session", init_session, 1);
diff --git a/resources/prosody-plugins/mod_limits_exception.lua b/resources/prosody-plugins/mod_limits_exception.lua
new file mode 100644
index 0000000..fe780b1
--- /dev/null
+++ b/resources/prosody-plugins/mod_limits_exception.lua
@@ -0,0 +1,32 @@
+-- we use async to detect Prosody 0.10 and earlier
+local have_async = pcall(require, 'util.async');
+
+if not have_async then
+	return;
+end
+
+local unlimited_jids = module:get_option_inherited_set("unlimited_jids", {});
+
+-- rises the limit of the stanza size for the unlimited jids, default is 10MB
+local unlimited_stanza_size_limit = module:get_option_number("unlimited_size", 10*1024*1024);
+
+if unlimited_jids:empty() then
+	return;
+end
+
+module:hook("authentication-success", function (event)
+	local session = event.session;
+	local jid = session.username .. "@" .. session.host;
+	if unlimited_jids:contains(jid) then
+		if session.conn and session.conn.setlimit then
+			session.conn:setlimit(0);
+		elseif session.throttle then
+			session.throttle = nil;
+		end
+
+		if unlimited_stanza_size_limit and session.stream.set_stanza_size_limit then
+			module:log('info', 'Setting stanza size limits for %s to %s', jid, unlimited_stanza_size_limit)
+			session.stream:set_stanza_size_limit(unlimited_stanza_size_limit);
+		end
+	end
+end);
diff --git a/resources/prosody-plugins/mod_log_ringbuffer.lua b/resources/prosody-plugins/mod_log_ringbuffer.lua
new file mode 100644
index 0000000..1521f10
--- /dev/null
+++ b/resources/prosody-plugins/mod_log_ringbuffer.lua
@@ -0,0 +1,120 @@
+module:set_global();
+
+local loggingmanager = require "core.loggingmanager";
+local format = require "util.format".format;
+local pposix = require "util.pposix";
+local rb = require "util.ringbuffer";
+local queue = require "util.queue";
+
+local default_timestamp = "%b %d %H:%M:%S ";
+local max_chunk_size = module:get_option_number("log_ringbuffer_chunk_size", 16384);
+
+local os_date = os.date;
+
+local default_filename_template = "{paths.data}/ringbuffer-logs-{pid}-{count}.log";
+local render_filename = require "util.interpolation".new("%b{}", function (s) return s; end, {
+	yyyymmdd = function (t)
+		return os_date("%Y%m%d", t);
+	end;
+	hhmmss = function (t)
+		return os_date("%H%M%S", t);
+	end;
+});
+
+local dump_count = 0;
+
+local function dump_buffer(dump, filename)
+	dump_count = dump_count + 1;
+	local f, err = io.open(filename, "a+");
+	if not f then
+		module:log("error", "Unable to open output file: %s", err);
+		return;
+	end
+	f:write(("-- Dumping log buffer at %s --\n"):format(os_date(default_timestamp)));
+	dump(f);
+	f:write("-- End of dump --\n\n");
+	f:close();
+end
+
+local function get_filename(filename_template)
+	filename_template = filename_template or default_filename_template;
+	return render_filename(filename_template, {
+		paths = prosody.paths;
+		pid = pposix.getpid();
+		count = dump_count;
+		time = os.time();
+	});
+end
+
+local function new_buffer(config)
+	local write, dump;
+
+	if config.lines then
+		local buffer = queue.new(config.lines, true);
+		function write(line)
+			buffer:push(line);
+		end
+		function dump(f)
+			-- COMPAT w/0.11 - update to use :consume()
+			for line in buffer.pop, buffer do
+				f:write(line);
+			end
+		end
+	else
+		local buffer_size = config.size or 100*1024;
+		local buffer = rb.new(buffer_size);
+		function write(line)
+			if not buffer:write(line) then
+				if #line > buffer_size then
+					buffer:discard(buffer_size);
+					buffer:write(line:sub(-buffer_size));
+				else
+					buffer:discard(#line);
+					buffer:write(line);
+				end
+			end
+		end
+		function dump(f)
+			local bytes_remaining = buffer:length();
+			while bytes_remaining > 0 do
+				local chunk_size = math.min(bytes_remaining, max_chunk_size);
+				local chunk = buffer:read(chunk_size);
+				if not chunk then
+					return;
+				end
+				f:write(chunk);
+				bytes_remaining = bytes_remaining - chunk_size;
+			end
+		end
+	end
+	return write, dump;
+end
+
+local function ringbuffer_log_sink_maker(sink_config)
+	local write, dump = new_buffer(sink_config);
+
+	local timestamps = sink_config.timestamps;
+
+	if timestamps == true or timestamps == nil then
+		timestamps = default_timestamp; -- Default format
+	elseif timestamps then
+		timestamps = timestamps .. " ";
+	end
+
+	local function handler()
+		dump_buffer(dump, sink_config.filename or get_filename(sink_config.filename_template));
+	end
+
+	if sink_config.signal then
+		require "util.signal".signal(sink_config.signal, handler);
+	elseif sink_config.event then
+		module:hook_global(sink_config.event, handler);
+	end
+
+	return function (name, level, message, ...)
+		local line = format("%s%s\t%s\t%s\n", timestamps and os_date(timestamps) or "", name, level, format(message, ...));
+		write(line);
+	end;
+end
+
+loggingmanager.register_sink_type("ringbuffer", ringbuffer_log_sink_maker);
diff --git a/resources/prosody-plugins/mod_measure_message_count.lua b/resources/prosody-plugins/mod_measure_message_count.lua
new file mode 100644
index 0000000..f709b86
--- /dev/null
+++ b/resources/prosody-plugins/mod_measure_message_count.lua
@@ -0,0 +1,166 @@
+-- Measure the number of messages used in a meeting. Sends amplitude event.
+-- Needs to be activated under the muc component where the limit needs to be applied (main muc and breakout muc)
+-- Copyright (C) 2023-present 8x8, Inc.
+
+local jid = require 'util.jid';
+local http = require 'net.http';
+local cjson_safe  = require 'cjson.safe'
+
+local amplitude_endpoint = module:get_option_string('amplitude_endpoint', 'https://api2.amplitude.com/2/httpapi');
+local amplitude_api_key = module:get_option_string('amplitude_api_key');
+
+if not amplitude_api_key then
+    module:log("warn", "No 'amplitude_api_key' option set, disabling amplitude reporting");
+    return
+end
+
+local muc_domain_base = module:get_option_string('muc_mapper_domain_base');
+local isBreakoutRoom = module.host == 'breakout.' .. muc_domain_base;
+
+local util = module:require 'util';
+local is_healthcheck_room = util.is_healthcheck_room;
+local extract_subdomain = util.extract_subdomain;
+
+module:log('info', 'Loading measure message count');
+
+local shard_name = module:context(muc_domain_base):get_option_string('shard_name');
+local region_name = module:context(muc_domain_base):get_option_string('region_name');
+local release_number = module:context(muc_domain_base):get_option_string('release_number');
+local http_headers = {
+    ['User-Agent'] = 'Prosody ('..prosody.version..'; '..prosody.platform..')',
+    ['Content-Type'] = 'application/json'
+};
+
+local inspect = require "inspect"
+
+function table.clone(t)
+  return {table.unpack(t)}
+end
+
+local function event_cb(content_, code_, response_, request_)
+    if code_ == 200 or code_ == 204 then
+        module:log('debug', 'URL Callback: Code %s, Content %s, Request (host %s, path %s, body %s), Response: %s',
+                code_, content_, request_.host, request_.path, inspect(request_.body), inspect(response_));
+    else
+        module:log('warn', 'URL Callback non successful: Code %s, Content %s, Request (%s), Response: %s',
+                code_, content_, inspect(request_), inspect(response_));
+    end
+end
+
+function send_event(room)
+    local user_properties = {
+        shard_name = shard_name;
+        region_name = region_name;
+        release_number = release_number;
+    };
+
+    local node = jid.split(room.jid);
+    local subdomain, room_name = extract_subdomain(node);
+    user_properties.tenant = subdomain or '/';
+    user_properties.conference_name = room_name or node;
+
+    local event_properties = {
+        messages_count = room._muc_messages_count or 0;
+        polls_count = room._muc_polls_count or 0;
+        tenant_mismatch = room.jitsi_meet_tenant_mismatch or false;
+    };
+
+    if room.created_timestamp then
+        event_properties.duration = (os.time() * 1000 - room.created_timestamp) / 1000;
+    end
+
+    local event = {
+        api_key = amplitude_api_key;
+        events = {
+            {
+                user_id = room._data.meetingId;
+                device_id = room._data.meetingId;
+                event_type = 'conference_ended';
+                event_properties = event_properties;
+                user_properties = user_properties;
+            }
+        };
+    };
+
+    local request = http.request(amplitude_endpoint, {
+            headers = http_headers,
+            method = "POST",
+            body = cjson_safe.encode(event)
+        }, event_cb);
+end
+
+function on_message(event)
+    local stanza = event.stanza;
+    local body = stanza:get_child('body');
+
+    if not body then
+        -- we ignore messages without body - lobby, polls ...
+        return;
+    end
+
+    local session = event.origin;
+    if not session or not session.jitsi_web_query_room then
+        return;
+    end
+
+    -- get room name with tenant and find room.
+    local room = get_room_by_name_and_subdomain(session.jitsi_web_query_room, session.jitsi_web_query_prefix);
+    if not room then
+        module:log('warn', 'No room found for %s/%s',
+            session.jitsi_web_query_prefix, session.jitsi_web_query_room);
+        return;
+    end
+
+    if not room._muc_messages_count then
+        room._muc_messages_count = 0;
+    end
+
+    room._muc_messages_count = room._muc_messages_count + 1;
+end
+
+-- Conference ended, send stats
+function room_destroyed(event)
+    local room, session = event.room, event.origin;
+
+    if is_healthcheck_room(room.jid) then
+        return;
+    end
+
+    if isBreakoutRoom then
+        return;
+    end
+    send_event(room);
+end
+
+function poll_created(event)
+    local session = event.event.origin;
+
+    -- get room name with tenant and find room.
+    local room = get_room_by_name_and_subdomain(session.jitsi_web_query_room, session.jitsi_web_query_prefix);
+    if not room then
+        module:log('warn', 'No room found for %s/%s',
+            session.jitsi_web_query_prefix, session.jitsi_web_query_room);
+        return false;
+    end
+
+    if not room._muc_polls_count then
+        room._muc_polls_count = 0;
+    end
+
+    room._muc_polls_count = room._muc_polls_count + 1;
+end
+
+module:hook('message/full', on_message); -- private messages
+module:hook('message/bare', on_message); -- room messages
+
+module:hook('muc-room-destroyed', room_destroyed, 1); -- prosody handles it at 0
+module:hook("muc-occupant-left", function(event)
+    local occupant, room = event.occupant, event.room;
+    local session = event.origin;
+
+    if session and session.jitsi_meet_tenant_mismatch then
+        room.jitsi_meet_tenant_mismatch = true;
+    end
+end);
+
+module:hook('poll-created', poll_created);
diff --git a/resources/prosody-plugins/mod_measure_stanza_counts.lua b/resources/prosody-plugins/mod_measure_stanza_counts.lua
new file mode 100644
index 0000000..6c17c67
--- /dev/null
+++ b/resources/prosody-plugins/mod_measure_stanza_counts.lua
@@ -0,0 +1,32 @@
+module:set_global()
+
+local filters = require"util.filters";
+
+local stanzas_in = module:metric(
+	"counter", "received", "",
+	"Stanzas received by Prosody",
+	{ "session_type", "stanza_kind" }
+)
+local stanzas_out = module:metric(
+	"counter", "sent", "",
+	"Stanzas sent by prosody",
+	{ "session_type", "stanza_kind" }
+)
+
+local stanza_kinds = { message = true, presence = true, iq = true };
+
+local function rate(metric_family)
+	return function (stanza, session)
+		if stanza.attr and not stanza.attr.xmlns and stanza_kinds[stanza.name] then
+			metric_family:with_labels(session.type, stanza.name):add(1);
+		end
+		return stanza;
+	end
+end
+
+local function measure_stanza_counts(session)
+	filters.add_filter(session, "stanzas/in",  rate(stanzas_in));
+	filters.add_filter(session, "stanzas/out", rate(stanzas_out));
+end
+
+filters.add_filter_hook(measure_stanza_counts);
diff --git a/resources/prosody-plugins/mod_muc_allowners.lua b/resources/prosody-plugins/mod_muc_allowners.lua
new file mode 100644
index 0000000..f5e93b0
--- /dev/null
+++ b/resources/prosody-plugins/mod_muc_allowners.lua
@@ -0,0 +1,177 @@
+--- activate under the main muc component
+local filters = require 'util.filters';
+local jid = require "util.jid";
+local jid_bare = require "util.jid".bare;
+local jid_host = require "util.jid".host;
+local st = require "util.stanza";
+local util = module:require "util";
+local is_admin = util.is_admin;
+local is_healthcheck_room = util.is_healthcheck_room;
+local is_moderated = util.is_moderated;
+local get_room_from_jid = util.get_room_from_jid;
+local room_jid_match_rewrite = util.room_jid_match_rewrite;
+local presence_check_status = util.presence_check_status;
+local MUC_NS = 'http://jabber.org/protocol/muc';
+
+local disable_revoke_owners;
+local allowner_issuers = module:get_option_set('allowner_issuers');
+
+local function load_config()
+    disable_revoke_owners = module:get_option_boolean("allowners_disable_revoke_owners", false);
+end
+load_config();
+
+-- List of the bare_jids of all occupants that are currently joining (went through pre-join) and will be promoted
+-- as moderators. As pre-join (where added) and joined event (where removed) happen one after another this list should
+-- have length of 1
+local joining_moderator_participants = module:shared('moderators/joining_moderator_participants');
+
+module:hook("muc-room-created", function(event)
+    local room = event.room;
+
+    if room.jitsiMetadata then
+        -- indicates whether all participants in the room will be moderators
+        room.jitsiMetadata.allownersEnabled = not is_moderated(room.jid);
+    end
+end, -2); -- room_metadata should run before this module on -1
+
+module:hook("muc-occupant-pre-join", function (event)
+    local room, occupant = event.room, event.occupant;
+
+    if is_healthcheck_room(room.jid) or is_admin(occupant.bare_jid) then
+        return;
+    end
+
+    local moderated, room_name, subdomain = is_moderated(room.jid);
+    if moderated then
+        local session = event.origin;
+        local token = session.auth_token;
+
+        if not token then
+            module:log('debug', 'skip allowners for non-auth user subdomain:%s room_name:%s', subdomain, room_name);
+            return;
+        end
+
+        if not (room_name == session.jitsi_meet_room or session.jitsi_meet_room == '*') then
+            module:log('debug', 'skip allowners for auth user and non matching room name: %s, jwt room name: %s',
+                room_name, session.jitsi_meet_room);
+            return;
+        end
+
+        if session.jitsi_meet_domain ~= '*' and subdomain ~= session.jitsi_meet_domain then
+            module:log('debug', 'skip allowners for auth user and non matching room subdomain: %s, jwt subdomain: %s',
+                subdomain, session.jitsi_meet_domain);
+            return;
+        end
+    end
+
+    -- mark this participant that it will be promoted and is currently joining
+    joining_moderator_participants[occupant.bare_jid] = true;
+end, 2);
+
+module:hook("muc-occupant-joined", function (event)
+    local room, occupant = event.room, event.occupant;
+
+    local promote_to_moderator = joining_moderator_participants[occupant.bare_jid];
+    -- clear it
+    joining_moderator_participants[occupant.bare_jid] = nil;
+
+    if promote_to_moderator ~= nil then
+        room:set_affiliation(true, occupant.bare_jid, "owner");
+    end
+end, 2);
+
+module:hook('room_has_host', function(event)
+    local room, session = event.room, event.session;
+    local moderated, _, tenant = is_moderated(room.jid);
+
+    if not moderated then
+        return nil;
+    end
+
+    if not tenant and allowner_issuers and not allowner_issuers:contains(session.jitsi_meet_auth_issuer) then
+        -- this will stop listeners execution and will return false, if we require a specific issuer for
+        -- a moderated room without a tenant and the issuer is not correct
+        return false;
+    end
+end, 1); -- we want it executed before the one in wait_for_host module
+
+module:hook_global('config-reloaded', load_config);
+
+-- Filters self-presences to a jid that exist in joining_participants array
+-- We want to filter those presences where we send first `participant` and just after it `moderator`
+function filter_stanza(stanza)
+    -- when joining_moderator_participants is empty there is nothing to filter
+    if next(joining_moderator_participants) == nil
+            or not stanza.attr
+            or not stanza.attr.to
+            or stanza.name ~= "presence" then
+        return stanza;
+    end
+
+    -- we want to filter presences only on this host for allowners and skip anything like lobby etc.
+    local host_from = jid_host(room_jid_match_rewrite(stanza.attr.from));
+    if host_from ~= module.host then
+        return stanza;
+    end
+
+    local bare_to = jid_bare(stanza.attr.to);
+    if stanza:get_error() and joining_moderator_participants[bare_to] then
+        -- pre-join succeeded but joined did not so we need to clear cache
+        joining_moderator_participants[bare_to] = nil;
+        return stanza;
+    end
+
+    local muc_x = stanza:get_child('x', MUC_NS..'#user');
+    if not muc_x then
+        return stanza;
+    end
+
+    if joining_moderator_participants[bare_to] and presence_check_status(muc_x, '110') then
+        -- skip the local presence for participant
+        return nil;
+    end
+
+    -- skip sending the 'participant' presences to all other people in the room
+    for item in muc_x:childtags('item') do
+        if joining_moderator_participants[jid_bare(item.attr.jid)] then
+            return nil;
+        end
+    end
+
+    return stanza;
+end
+function filter_session(session)
+    -- domain mapper is filtering on default priority 0, and we need it after that
+    filters.add_filter(session, 'stanzas/out', filter_stanza, -1);
+end
+
+-- enable filtering presences
+filters.add_filter_hook(filter_session);
+
+-- filters any attempt to revoke owner rights on non moderated rooms
+function filter_admin_set_query(event)
+    local origin, stanza = event.origin, event.stanza;
+    local room_jid = jid_bare(stanza.attr.to);
+    local room = get_room_from_jid(room_jid);
+
+    local item = stanza.tags[1].tags[1];
+    local _aff = item.attr.affiliation;
+
+    -- if it is a moderated room we skip it
+    if room and is_moderated(room.jid) then
+        return nil;
+    end
+
+    -- any revoking is disabled, everyone should be owners
+    if _aff == 'none' or _aff == 'outcast' or _aff == 'member' then
+        origin.send(st.error_reply(stanza, "auth", "forbidden"));
+        return true;
+    end
+end
+
+if not disable_revoke_owners then
+    -- default prosody priority for handling these is -2
+    module:hook("iq-set/bare/http://jabber.org/protocol/muc#admin:query", filter_admin_set_query, 5);
+    module:hook("iq-set/host/http://jabber.org/protocol/muc#admin:query", filter_admin_set_query, 5);
+end
diff --git a/resources/prosody-plugins/mod_muc_auth_ban.lua b/resources/prosody-plugins/mod_muc_auth_ban.lua
new file mode 100644
index 0000000..4dac9d6
--- /dev/null
+++ b/resources/prosody-plugins/mod_muc_auth_ban.lua
@@ -0,0 +1,88 @@
+-- Can be used to ban users based on external http service
+-- Copyright (C) 2023-present 8x8, Inc.
+
+local ACCESS_MANAGER_URL = module:get_option_string("muc_prosody_jitsi_access_manager_url");
+if not ACCESS_MANAGER_URL then
+    module:log("warn", "No 'muc_prosody_jitsi_access_manager_url' option set, disabling module");
+    return
+end
+
+local json = require "cjson.safe";
+local http = require "net.http";
+local inspect = require 'inspect';
+
+local ban_check_count = module:measure("muc_auth_ban_check", "rate")
+local ban_check_users_banned_count = module:measure("muc_auth_ban_users_banned", "rate")
+
+-- we will cache banned tokens to avoid extra requests
+-- on destroying session, websocket retries 2 more times before giving up
+local cache = require "util.cache".new(100);
+
+local CACHE_DURATION = 5*60; -- 5 mins
+
+local cache_timer = module:add_timer(CACHE_DURATION, function()
+    for k, v in cache:items() do
+        if socket.gettime() > v + CACHE_DURATION then
+            cache:set(k, nil);
+        end
+    end
+
+    if cache:count() > 0 then
+        -- rescheduling the timer
+        return CACHE_DURATION;
+    end
+
+    -- skipping return value stops the timer
+end);
+
+local function shouldAllow(session)
+    local token = session.auth_token;
+
+    if token ~= nil then
+        -- module:log("debug", "Checking whether user should be banned ")
+
+        -- cached tokens are banned
+        if cache:get(token) then
+            return false;
+        end
+
+        -- TODO: do this only for enabled customers
+        ban_check_count();
+        local function cb(content, code, response, request)
+            if code == 200 then
+
+                local r = json.decode(content)
+                if r['access'] ~= nil and r['access'] == false then
+                    module:log("info", "User is banned room:%s tenant:%s user_id:%s group:%s",
+                        session.jitsi_meet_room, session.jitsi_web_query_prefix,
+                        inspect(session.jitsi_meet_context_user), session.jitsi_meet_context_group);
+
+                    ban_check_users_banned_count();
+
+                    session:close();
+
+                    -- if the cache is empty and the timer is not running reschedule it
+                    if cache:count() == 0 then
+                        cache_timer:reschedule(CACHE_DURATION);
+                    end
+
+                    cache:set(token, socket.gettime());
+                end
+            end
+        end
+
+        local request_headers = {}
+        request_headers['Authorization'] = 'Bearer ' .. token;
+
+        http.request(ACCESS_MANAGER_URL, {
+            headers = request_headers,
+            method = "GET",
+        }, cb);
+
+        return true;
+    end
+end
+
+prosody.events.add_handler("jitsi-access-ban-check", function(session)
+    return shouldAllow(session)
+end)
diff --git a/resources/prosody-plugins/mod_muc_breakout_rooms.lua b/resources/prosody-plugins/mod_muc_breakout_rooms.lua
new file mode 100644
index 0000000..ee02b05
--- /dev/null
+++ b/resources/prosody-plugins/mod_muc_breakout_rooms.lua
@@ -0,0 +1,669 @@
+-- This module is added under the main virtual host domain
+-- It needs a breakout rooms muc component
+--
+-- VirtualHost "jitmeet.example.com"
+--     modules_enabled = {
+--         "muc_breakout_rooms"
+--     }
+--     breakout_rooms_muc = "breakout.jitmeet.example.com"
+--     main_muc = "muc.jitmeet.example.com"
+--
+-- Component "breakout.jitmeet.example.com" "muc"
+--     restrict_room_creation = true
+--     storage = "memory"
+--     admins = { "focusUser@auth.jitmeet.example.com" }
+--     muc_room_locking = false
+--     muc_room_default_public_jids = true
+--
+module:depends('room_destroy');
+
+-- we use async to detect Prosody 0.10 and earlier
+local have_async = pcall(require, 'util.async');
+
+if not have_async then
+    module:log('warn', 'Breakout rooms will not work with Prosody version 0.10 or less.');
+    return;
+end
+
+local jid_node = require 'util.jid'.node;
+local jid_host = require 'util.jid'.host;
+local jid_split = require 'util.jid'.split;
+local json = require 'cjson.safe';
+local st = require 'util.stanza';
+local uuid_gen = require 'util.uuid'.generate;
+
+local util = module:require 'util';
+local internal_room_jid_match_rewrite = util.internal_room_jid_match_rewrite;
+local is_healthcheck_room = util.is_healthcheck_room;
+local process_host_module = util.process_host_module;
+
+local BREAKOUT_ROOMS_IDENTITY_TYPE = 'breakout_rooms';
+-- Available breakout room functionality
+local RENAME_FEATURE = 'http://jitsi.org/protocol/breakout_rooms#rename';
+-- only send at most this often updates on breakout rooms to avoid flooding.
+local BROADCAST_ROOMS_INTERVAL = .3;
+-- close conference after this amount of seconds if all leave.
+local ROOMS_TTL_IF_ALL_LEFT = 5;
+local JSON_TYPE_ADD_BREAKOUT_ROOM = 'features/breakout-rooms/add';
+local JSON_TYPE_MOVE_TO_ROOM_REQUEST = 'features/breakout-rooms/move-to-room';
+local JSON_TYPE_REMOVE_BREAKOUT_ROOM = 'features/breakout-rooms/remove';
+local JSON_TYPE_RENAME_BREAKOUT_ROOM = 'features/breakout-rooms/rename';
+local JSON_TYPE_UPDATE_BREAKOUT_ROOMS = 'features/breakout-rooms/update';
+
+local main_muc_component_config = module:get_option_string('main_muc');
+if main_muc_component_config == nil then
+    module:log('error', 'breakout rooms not enabled missing main_muc config');
+    return ;
+end
+local breakout_rooms_muc_component_config = module:get_option_string('breakout_rooms_muc', 'breakout.'..module.host);
+
+module:depends('jitsi_session');
+
+local breakout_rooms_muc_service;
+local main_muc_service;
+
+-- Maps a breakout room jid to the main room jid
+local main_rooms_map = {};
+
+-- Utility functions
+
+function get_main_room_jid(room_jid)
+    local _, host = jid_split(room_jid);
+
+	return
+        host == main_muc_component_config
+        and room_jid
+        or main_rooms_map[room_jid];
+end
+
+function get_main_room(room_jid)
+    local main_room_jid = get_main_room_jid(room_jid);
+
+    return main_muc_service.get_room_from_jid(main_room_jid), main_room_jid;
+end
+
+function get_room_from_jid(room_jid)
+    local host = jid_host(room_jid);
+
+    return
+        host == main_muc_component_config
+        and main_muc_service.get_room_from_jid(room_jid)
+        or breakout_rooms_muc_service.get_room_from_jid(room_jid);
+end
+
+function send_json_msg(to_jid, json_msg)
+    local stanza = st.message({ from = breakout_rooms_muc_component_config; to = to_jid; })
+         :tag('json-message', { xmlns = 'http://jitsi.org/jitmeet' }):text(json_msg):up();
+    module:send(stanza);
+end
+
+function get_participants(room)
+    local participants = {};
+
+    if room then
+        for room_nick, occupant in room:each_occupant() do
+            -- Filter focus as we keep it as a hidden participant
+            if jid_node(occupant.jid) ~= 'focus' then
+                local display_name = occupant:get_presence():get_child_text(
+                    'nick', 'http://jabber.org/protocol/nick');
+                local real_nick = internal_room_jid_match_rewrite(room_nick);
+                participants[real_nick] = {
+                    jid = occupant.jid,
+                    role = occupant.role,
+                    displayName = display_name
+                };
+            end
+        end
+    end
+
+    return participants;
+end
+
+function broadcast_breakout_rooms(room_jid)
+    local main_room = get_main_room(room_jid);
+
+    if not main_room or main_room.broadcast_timer then
+        return;
+    end
+
+    -- Only send each BROADCAST_ROOMS_INTERVAL seconds to prevent flooding of messages.
+    main_room.broadcast_timer = module:add_timer(BROADCAST_ROOMS_INTERVAL, function()
+        local main_room, main_room_jid = get_main_room(room_jid);
+
+        if not main_room then
+            return;
+        end
+
+        main_room.broadcast_timer = nil;
+
+        local real_jid = internal_room_jid_match_rewrite(main_room_jid);
+        local real_node = jid_node(real_jid);
+        local rooms = {
+            [real_node] = {
+                isMainRoom = true,
+                id = real_node,
+                jid = real_jid,
+                name = main_room._data.subject,
+                participants = get_participants(main_room)
+            };
+        }
+
+        for breakout_room_jid, subject in pairs(main_room._data.breakout_rooms or {}) do
+            local breakout_room = breakout_rooms_muc_service.get_room_from_jid(breakout_room_jid);
+            local breakout_room_node = jid_node(breakout_room_jid)
+
+            rooms[breakout_room_node] = {
+                id = breakout_room_node,
+                jid = breakout_room_jid,
+                name = subject,
+                participants = {}
+            }
+
+            -- The room may not physically exist yet.
+            if breakout_room then
+                rooms[breakout_room_node].participants = get_participants(breakout_room);
+            end
+        end
+
+        local json_msg, error = json.encode({
+            type = BREAKOUT_ROOMS_IDENTITY_TYPE,
+            event = JSON_TYPE_UPDATE_BREAKOUT_ROOMS,
+            roomCounter = main_room._data.breakout_rooms_counter,
+            rooms = rooms
+        });
+
+        if not json_msg then
+            module:log('error', 'not broadcasting breakout room information room:%s error:%s', main_room_jid, error);
+            return;
+        end
+
+        for _, occupant in main_room:each_occupant() do
+            if jid_node(occupant.jid) ~= 'focus' then
+                send_json_msg(occupant.jid, json_msg)
+            end
+        end
+
+        for breakout_room_jid in pairs(main_room._data.breakout_rooms or {}) do
+            local room = breakout_rooms_muc_service.get_room_from_jid(breakout_room_jid);
+            if room then
+                for _, occupant in room:each_occupant() do
+                    if jid_node(occupant.jid) ~= 'focus' then
+                        send_json_msg(occupant.jid, json_msg)
+                    end
+                end
+            end
+        end
+    end);
+end
+
+
+-- Managing breakout rooms
+
+function create_breakout_room(orig_room, subject)
+    local main_room, main_room_jid = get_main_room(orig_room.jid);
+
+    if orig_room ~= main_room then
+        module:log('warn', 'Invalid create breakout room request for %s', orig_room.jid);
+        return;
+    end
+
+    local breakout_room_jid = uuid_gen() .. '@' .. breakout_rooms_muc_component_config;
+
+    if not main_room._data.breakout_rooms then
+        main_room._data.breakout_rooms = {};
+        main_room._data.breakout_rooms_counter = 0;
+    end
+    main_room._data.breakout_rooms_counter = main_room._data.breakout_rooms_counter + 1;
+    main_room._data.breakout_rooms[breakout_room_jid] = subject;
+    main_room._data.breakout_rooms_active = true;
+    -- Make room persistent - not to be destroyed - if all participants join breakout rooms.
+    main_room:set_persistent(true);
+    main_room:save(true);
+
+    main_rooms_map[breakout_room_jid] = main_room_jid;
+    broadcast_breakout_rooms(main_room_jid);
+end
+
+function destroy_breakout_room(orig_room, room_jid, message)
+    local main_room, main_room_jid = get_main_room(room_jid);
+
+    if room_jid == main_room_jid then
+        return;
+    end
+
+    if orig_room ~= main_room then
+        module:log('warn', 'Invalid destroy breakout room request for %s', orig_room.jid);
+        return;
+    end
+
+    local breakout_room = breakout_rooms_muc_service.get_room_from_jid(room_jid);
+
+    if breakout_room then
+        message = message or 'Breakout room removed.';
+        breakout_room:destroy(main_room and main_room_jid or nil, message);
+    end
+    if main_room then
+        if main_room._data.breakout_rooms then
+            main_room._data.breakout_rooms[room_jid] = nil;
+        end
+        main_room:save(true);
+
+        main_rooms_map[room_jid] = nil;
+        broadcast_breakout_rooms(main_room_jid);
+    end
+end
+
+
+function rename_breakout_room(orig_room, room_jid, name)
+    local main_room, main_room_jid = get_main_room(room_jid);
+
+    if room_jid == main_room_jid then
+        return;
+    end
+
+    if orig_room ~= main_room then
+        module:log('warn', 'Invalid rename breakout room request for %s', orig_room.jid);
+        return;
+    end
+
+    if main_room then
+        if main_room._data.breakout_rooms then
+            main_room._data.breakout_rooms[room_jid] = name;
+            local breakout_room = breakout_rooms_muc_service.get_room_from_jid(room_jid);
+
+            if breakout_room then
+                breakout_room:set_subject(breakout_room.jid, name);
+            end
+
+        end
+        main_room:save(true);
+        broadcast_breakout_rooms(main_room_jid);
+    end
+end
+
+-- Handling events
+
+function on_message(event)
+    local session = event.origin;
+
+    -- Check the type of the incoming stanza to avoid loops:
+    if event.stanza.attr.type == 'error' then
+        return; -- We do not want to reply to these, so leave.
+    end
+
+    if not session or not session.jitsi_web_query_room then
+        return false;
+    end
+
+    local message = event.stanza:get_child(BREAKOUT_ROOMS_IDENTITY_TYPE);
+
+    if not message then
+        return false;
+    end
+
+    -- get room name with tenant and find room
+    local room = get_room_by_name_and_subdomain(session.jitsi_web_query_room, session.jitsi_web_query_prefix);
+
+    if not room then
+        module:log('warn', 'No room found for %s/%s',
+                session.jitsi_web_query_prefix, session.jitsi_web_query_room);
+        return false;
+    end
+
+    -- check that the participant requesting is a moderator and is an occupant in the room
+    local from = event.stanza.attr.from;
+    local occupant = room:get_occupant_by_real_jid(from);
+
+    if not occupant then
+        -- Check if the participant is in any breakout room.
+        for breakout_room_jid in pairs(room._data.breakout_rooms or {}) do
+            local breakout_room = breakout_rooms_muc_service.get_room_from_jid(breakout_room_jid);
+            if breakout_room then
+                occupant = breakout_room:get_occupant_by_real_jid(from);
+                if occupant then
+                    break;
+                end
+            end
+        end
+        if not occupant then
+            module:log('warn', 'No occupant %s found for %s', from, room.jid);
+            return false;
+        end
+    end
+
+    if occupant.role ~= 'moderator' then
+        module:log('warn', 'Occupant %s is not moderator and not allowed this operation for %s', from, room.jid);
+        return false;
+    end
+
+    if message.attr.type == JSON_TYPE_ADD_BREAKOUT_ROOM then
+        create_breakout_room(room, message.attr.subject);
+        return true;
+    elseif message.attr.type == JSON_TYPE_REMOVE_BREAKOUT_ROOM then
+        destroy_breakout_room(room, message.attr.breakoutRoomJid);
+        return true;
+    elseif message.attr.type == JSON_TYPE_RENAME_BREAKOUT_ROOM then
+        rename_breakout_room(room, message.attr.breakoutRoomJid, message.attr.subject);
+        return true;
+    elseif message.attr.type == JSON_TYPE_MOVE_TO_ROOM_REQUEST then
+        local participant_jid = message.attr.participantJid;
+        local target_room_jid = message.attr.roomJid;
+
+        if not room._data.breakout_rooms or not (
+            room._data.breakout_rooms[target_room_jid] or target_room_jid == internal_room_jid_match_rewrite(room.jid))
+        then
+            module:log('warn', 'Invalid breakout room %s for %s', target_room_jid, room.jid);
+            return false
+        end
+
+        local json_msg, error = json.encode({
+            type = BREAKOUT_ROOMS_IDENTITY_TYPE,
+            event = JSON_TYPE_MOVE_TO_ROOM_REQUEST,
+            roomJid = target_room_jid
+        });
+
+        if not json_msg then
+            module:log('error', 'skip sending request room:%s error:%s', room.jid, error);
+            return false
+        end
+
+        send_json_msg(participant_jid, json_msg)
+        return true;
+    end
+
+    -- return error.
+    return false;
+end
+
+function on_breakout_room_pre_create(event)
+    local breakout_room = event.room;
+    local main_room, main_room_jid = get_main_room(breakout_room.jid);
+
+    -- Only allow existent breakout rooms to be started.
+    -- Authorisation of breakout rooms is done by their random uuid name
+    if main_room and main_room._data.breakout_rooms and main_room._data.breakout_rooms[breakout_room.jid] then
+        breakout_room:set_subject(breakout_room.jid, main_room._data.breakout_rooms[breakout_room.jid]);
+    else
+        module:log('debug', 'Invalid breakout room %s will not be created.', breakout_room.jid);
+        breakout_room:destroy(main_room_jid, 'Breakout room is invalid.');
+        return true;
+    end
+end
+
+function on_occupant_joined(event)
+    local room = event.room;
+
+    if is_healthcheck_room(room.jid) then
+        return;
+    end
+
+    local main_room, main_room_jid = get_main_room(room.jid);
+
+    if main_room and main_room._data.breakout_rooms_active then
+        if jid_node(event.occupant.jid) ~= 'focus' then
+            broadcast_breakout_rooms(main_room_jid);
+        end
+
+        -- Prevent closing all rooms if a participant has joined (see on_occupant_left).
+        if main_room.close_timer then
+            main_room.close_timer:stop();
+            main_room.close_timer = nil;
+        end
+    end
+end
+
+function exist_occupants_in_room(room)
+    if not room then
+        return false;
+    end
+    for _, occupant in room:each_occupant() do
+        if jid_node(occupant.jid) ~= 'focus' then
+            return true;
+        end
+    end
+
+    return false;
+end
+
+function exist_occupants_in_rooms(main_room)
+    if exist_occupants_in_room(main_room) then
+        return true;
+    end
+    for breakout_room_jid in pairs(main_room._data.breakout_rooms or {}) do
+        local room = breakout_rooms_muc_service.get_room_from_jid(breakout_room_jid);
+        if exist_occupants_in_room(room) then
+            return true;
+        end
+    end
+
+    return false;
+end
+
+function on_occupant_pre_leave(event)
+    local room, occupant, session, stanza = event.room, event.occupant, event.origin, event.stanza;
+
+    local main_room = get_main_room(room.jid);
+
+    prosody.events.fire_event('jitsi-breakout-occupant-leaving', {
+        room = room; main_room = main_room; occupant = occupant; stanza = stanza; session = session;
+    });
+end
+
+function on_occupant_left(event)
+    local room_jid = event.room.jid;
+
+    if is_healthcheck_room(room_jid) then
+        return;
+    end
+
+    local main_room, main_room_jid = get_main_room(room_jid);
+
+    if not main_room then
+        return;
+    end
+
+    if main_room._data.breakout_rooms_active and jid_node(event.occupant.jid) ~= 'focus' then
+        broadcast_breakout_rooms(main_room_jid);
+    end
+
+    -- Close the conference if all left for good.
+    if main_room._data.breakout_rooms_active and not main_room.close_timer and not exist_occupants_in_rooms(main_room) then
+        main_room.close_timer = module:add_timer(ROOMS_TTL_IF_ALL_LEFT, function()
+            -- we need to look up again the room as till the timer is fired, the room maybe already destroyed/recreated
+            -- and we will have the old instance
+            local main_room, main_room_jid = get_main_room(room_jid);
+            if main_room and main_room.close_timer then
+                prosody.events.fire_event("maybe-destroy-room", {
+                    room = main_room;
+                    reason = 'All occupants left.';
+                    caller = module:get_name();
+                });
+            end
+        end);
+    end
+end
+
+-- Stop other modules from destroying room if breakout rooms not empty
+function handle_maybe_destroy_main_room(event)
+    local main_room = event.room;
+    local caller = event.caller;
+
+    if caller == module:get_name() then
+        -- we were the one that requested the deletion. Do not override.
+        return nil; -- stop room destruction
+    end
+
+    -- deletion was requested by another module. Check for break room occupants.
+    for breakout_room_jid, _ in pairs(main_room._data.breakout_rooms or {}) do
+        local breakout_room = breakout_rooms_muc_service.get_room_from_jid(breakout_room_jid);
+        if breakout_room and breakout_room:has_occupant() then
+            module:log('info', 'Suppressing room destroy. Breakout room still occupied %s', breakout_room_jid);
+            return true; -- stop room destruction
+        end
+    end
+end
+
+module:hook_global("maybe-destroy-room", handle_maybe_destroy_main_room)
+
+
+function on_main_room_destroyed(event)
+    local main_room = event.room;
+
+    if is_healthcheck_room(main_room.jid) then
+        return;
+    end
+
+    for breakout_room_jid in pairs(main_room._data.breakout_rooms or {}) do
+        destroy_breakout_room(main_room, breakout_room_jid, event.reason)
+    end
+end
+
+
+-- Module operations
+
+-- operates on already loaded breakout rooms muc module
+function process_breakout_rooms_muc_loaded(breakout_rooms_muc, host_module)
+    module:log('debug', 'Breakout rooms muc loaded');
+
+    -- Advertise the breakout rooms component so clients can pick up the address and use it
+    module:add_identity('component', BREAKOUT_ROOMS_IDENTITY_TYPE, breakout_rooms_muc_component_config);
+
+    -- Tag the disco#info response with available features of breakout rooms.
+    host_module:hook('host-disco-info-node', function (event)
+        local session, reply, node = event.origin, event.reply, event.node;
+        if node == BREAKOUT_ROOMS_IDENTITY_TYPE and session.jitsi_web_query_room then
+            reply:tag('feature', { var = RENAME_FEATURE }):up();
+        end
+        event.exists = true;
+    end);
+
+    breakout_rooms_muc_service = breakout_rooms_muc;
+    module:log("info", "Hook to muc events on %s", breakout_rooms_muc_component_config);
+    host_module:hook('message/host', on_message);
+    host_module:hook('muc-occupant-joined', on_occupant_joined);
+    host_module:hook('muc-occupant-left', on_occupant_left);
+    host_module:hook('muc-room-pre-create', on_breakout_room_pre_create);
+    host_module:hook('muc-occupant-pre-leave', on_occupant_pre_leave);
+
+    host_module:hook('muc-disco#info', function (event)
+        local room = event.room;
+        local main_room, main_room_jid = get_main_room(room.jid);
+
+        -- Breakout room metadata.
+        table.insert(event.form, {
+            name = 'muc#roominfo_isbreakout';
+            label = 'Is this a breakout room?';
+            type = "boolean";
+        });
+        event.formdata['muc#roominfo_isbreakout'] = true;
+        table.insert(event.form, {
+            name = 'muc#roominfo_breakout_main_room';
+            label = 'The main room associated with this breakout room';
+        });
+        event.formdata['muc#roominfo_breakout_main_room'] = internal_room_jid_match_rewrite(main_room_jid);
+
+        -- If the main room has a lobby, make it so this breakout room also uses it.
+        if (main_room and main_room._data.lobbyroom and main_room:get_members_only()) then
+            table.insert(event.form, {
+                name = 'muc#roominfo_lobbyroom';
+                label = 'Lobby room jid';
+            });
+            event.formdata['muc#roominfo_lobbyroom'] = main_room._data.lobbyroom;
+        end
+    end);
+
+    host_module:hook("muc-config-form", function(event)
+        local room = event.room;
+        local _, main_room_jid = get_main_room(room.jid);
+
+        -- Breakout room metadata.
+        table.insert(event.form, {
+            name = 'muc#roominfo_isbreakout';
+            label = 'Is this a breakout room?';
+            type = "boolean";
+            value = true;
+        });
+
+        table.insert(event.form, {
+            name = 'muc#roominfo_breakout_main_room';
+            label = 'The main room associated with this breakout room';
+            value = internal_room_jid_match_rewrite(main_room_jid);
+        });
+    end);
+
+    local room_mt = breakout_rooms_muc_service.room_mt;
+
+    room_mt.get_members_only = function(room)
+        local main_room = get_main_room(room.jid);
+
+        if not main_room then
+            module:log('error', 'No main room (%s)!', room.jid);
+            return false;
+        end
+
+        return main_room.get_members_only(main_room)
+    end
+
+    -- we base affiliations (roles) in breakout rooms muc component to be based on the roles in the main muc
+    room_mt.get_affiliation = function(room, jid)
+        local main_room, _ = get_main_room(room.jid);
+
+        if not main_room then
+            module:log('error', 'No main room(%s) for %s!', room.jid, jid);
+            return 'none';
+        end
+
+        -- moderators in main room are moderators here
+        local role = main_room.get_affiliation(main_room, jid);
+        if role then
+            return role;
+        end
+
+        return 'none';
+    end
+end
+
+-- process or waits to process the breakout rooms muc component
+process_host_module(breakout_rooms_muc_component_config, function(host_module, host)
+    module:log('info', 'Breakout rooms component created %s', host);
+
+    local muc_module = prosody.hosts[host].modules.muc;
+
+    if muc_module then
+        process_breakout_rooms_muc_loaded(muc_module, host_module);
+    else
+        module:log('debug', 'Will wait for muc to be available');
+        prosody.hosts[host].events.add_handler('module-loaded', function(event)
+            if (event.module == 'muc') then
+                process_breakout_rooms_muc_loaded(prosody.hosts[host].modules.muc, host_module);
+            end
+        end);
+    end
+end);
+
+-- operates on already loaded main muc module
+function process_main_muc_loaded(main_muc, host_module)
+    module:log('debug', 'Main muc loaded');
+
+    main_muc_service = main_muc;
+    module:log("info", "Hook to muc events on %s", main_muc_component_config);
+    host_module:hook('muc-occupant-joined', on_occupant_joined);
+    host_module:hook('muc-occupant-left', on_occupant_left);
+    host_module:hook('muc-room-destroyed', on_main_room_destroyed, 1);  -- prosody handles it at 0
+end
+
+-- process or waits to process the main muc component
+process_host_module(main_muc_component_config, function(host_module, host)
+    local muc_module = prosody.hosts[host].modules.muc;
+
+    if muc_module then
+        process_main_muc_loaded(muc_module, host_module);
+    else
+        module:log('debug', 'Will wait for muc to be available');
+        prosody.hosts[host].events.add_handler('module-loaded', function(event)
+            if (event.module == 'muc') then
+                process_main_muc_loaded(prosody.hosts[host].modules.muc, host_module);
+            end
+        end);
+    end
+end);
diff --git a/resources/prosody-plugins/mod_muc_call.lua b/resources/prosody-plugins/mod_muc_call.lua
new file mode 100644
index 0000000..c989d90
--- /dev/null
+++ b/resources/prosody-plugins/mod_muc_call.lua
@@ -0,0 +1,125 @@
+local jid = require "util.jid"
+local extract_subdomain = module:require "util".extract_subdomain;
+
+-- Options and configuration
+local poltergeist_component = module:get_option_string(
+    "poltergeist_component",
+    module.host
+);
+local muc_domain_base = module:get_option_string("muc_mapper_domain_base");
+if not muc_domain_base then
+    module:log(
+        "warn",
+        "No 'muc_domain_base' option set, unable to send call events."
+    );
+    return
+end
+
+-- Status strings that trigger call events.
+local calling_status   = "calling"
+local busy_status      = "busy"
+local rejected_status  = "rejected"
+local connected_status = "connected"
+local expired_status   = "expired"
+
+-- url_from_room_jid will determine the url for a conference
+-- provided a room jid. It is required that muc domain mapping
+-- is enabled and configured. There are two url formats that are supported.
+-- The following urls are examples of the supported formats.
+--     https://meet.jit.si/jitsi/ProductiveMeeting
+--     https://meet.jit.si/MoreProductiveMeeting
+-- The urls are derived from portions of the room jid.
+local function url_from_room_jid(room_jid)
+    local node, _, _ = jid.split(room_jid)
+    if not node then return nil end
+
+    local target_subdomain, target_node = extract_subdomain(node);
+
+    if not(target_node or target_subdomain) then
+        return "https://"..muc_domain_base.."/"..node
+    else
+        return "https://"..muc_domain_base.."/"..target_subdomain.."/"..target_node
+    end
+end
+
+-- Listening for all muc presences stanza events. If a presence stanza is from
+-- a poltergeist then it will be further processed to determine if a call
+-- event should be triggered. Call events are triggered by status strings
+-- the status strings supported are:
+--    -------------------------
+--    Status      | Event Type
+--    _________________________
+--    "calling"   | INVITE
+--    "busy"      | CANCEL
+--    "rejected"  | CANCEL
+--    "connected" | CANCEL
+module:hook(
+    "muc-broadcast-presence",
+    function (event)
+        -- Detect if the presence is for a poltergeist or not.
+	-- FIX ME: luacheck warning 581
+	--   not (x == y)' can be replaced by 'x ~= y' (if neither side is a table or NaN)
+        if not (jid.bare(event.occupant.jid) == poltergeist_component) then
+            return
+        end
+
+        -- A presence stanza is needed in order to trigger any calls.
+        if not event.stanza then
+            return
+        end
+
+        local call_id = event.stanza:get_child_text("call_id")
+        if not call_id then
+            module:log("info", "A call id was not provided in the status.")
+            return
+        end
+
+        local invite = function()
+            local url = assert(url_from_room_jid(event.stanza.attr.from))
+            module:fire_event('jitsi-call-invite', { stanza = event.stanza; url = url; call_id = call_id; });
+        end
+
+        local cancel = function()
+            local url = assert(url_from_room_jid(event.stanza.attr.from))
+            local status = event.stanza:get_child_text("status")
+            module:fire_event('jitsi-call-cancel', {
+                stanza = event.stanza;
+                url = url;
+                reason = string.lower(status);
+                call_id = call_id;
+            });
+        end
+
+        -- If for any reason call_cancel is set to true then a cancel
+        -- is sent regardless of the rest of the presence info.
+        local should_cancel = event.stanza:get_child_text("call_cancel")
+        if should_cancel == "true" then
+            cancel()
+            return
+        end
+
+        local missed = function()
+            cancel()
+            module:fire_event('jitsi-call-missed', { stanza = event.stanza; call_id = call_id; });
+        end
+
+        -- All other call flow actions will require a status.
+        if event.stanza:get_child_text("status") == nil then
+            return
+        end
+
+        local switch = function(status)
+            case = {
+                [calling_status]   = function() invite() end,
+                [busy_status]      = function() cancel() end,
+                [rejected_status]  = function() missed() end,
+                [expired_status]   = function() missed() end,
+                [connected_status] = function() cancel() end
+            }
+            if case[status] then case[status]() end
+        end
+
+        switch(event.stanza:get_child_text("status"))
+    end,
+    -101
+);
diff --git a/resources/prosody-plugins/mod_muc_census.lua b/resources/prosody-plugins/mod_muc_census.lua
new file mode 100644
index 0000000..88f66a9
--- /dev/null
+++ b/resources/prosody-plugins/mod_muc_census.lua
@@ -0,0 +1,106 @@
+-- provides an http endpoint at /room-census that reports list of rooms with the
+-- number of members and created date in this JSON format:
+--
+--     {
+--         "room_census": [
+--             {
+--                 "room_name": "<muc name>",
+--                 "participants": <# participants>,
+--                 "created_time": <unix timestamp>,
+--             },
+--             ...
+--         ]
+--     }
+--
+-- to activate, add "muc_census" to the modules_enabled table in prosody.cfg.lua
+--
+-- warning: this module is unprotected and intended for server admin use only.
+-- when enabled, make sure to secure the endpoint at the web server or via
+-- network filters
+
+local jid = require "util.jid";
+local json = require 'cjson.safe';
+local iterators = require "util.iterators";
+local util = module:require "util";
+local is_healthcheck_room = util.is_healthcheck_room;
+
+local have_async = pcall(require, "util.async");
+if not have_async then
+    module:log("error", "requires a version of Prosody with util.async");
+    return;
+end
+
+local async_handler_wrapper = module:require "util".async_handler_wrapper;
+
+local tostring = tostring;
+
+-- required parameter for custom muc component prefix, defaults to "conference"
+local muc_domain_prefix = module:get_option_string("muc_mapper_domain_prefix", "conference");
+
+local leaked_rooms = 0;
+
+--- handles request to get number of participants in all rooms
+-- @return GET response
+function handle_get_room_census(event)
+    local host_session = prosody.hosts[muc_domain_prefix .. "." .. tostring(module.host)]
+    if not host_session or not host_session.modules.muc then
+        return { status_code = 400; }
+    end
+
+    room_data = {}
+    leaked_rooms = 0;
+    for room in host_session.modules.muc.each_room() do
+        if not is_healthcheck_room(room.jid) then
+            local occupants = room._occupants;
+            local participant_count = 0;
+            local missing_connections_count = 0;
+
+            if occupants then
+                for _, o in room:each_occupant() do
+                    participant_count = participant_count + 1;
+
+                    -- let's check whether that occupant has connection in the full_sessions of prosody
+                    -- attempt to detect leaked occupants/rooms.
+                    if prosody.full_sessions[o.jid] == nil then
+                        missing_connections_count = missing_connections_count + 1;
+                    end
+                end
+                participant_count = participant_count - 1; -- subtract focus
+            end
+
+            local leaked = false;
+            if participant_count > 0 and missing_connections_count == participant_count then
+                leaked = true;
+                leaked_rooms = leaked_rooms + 1;
+            end
+
+            table.insert(room_data, {
+                room_name = room.jid;
+                participants = participant_count;
+                created_time = room.created_timestamp;
+                leaked = leaked;
+            });
+        end
+    end
+
+    census_resp = json.encode({
+        room_census = room_data;
+    });
+    return { status_code = 200; body = census_resp }
+end
+
+function module.load()
+    module:depends("http");
+        module:provides("http", {
+                default_path = "/";
+                route = {
+                        ["GET room-census"] = function (event) return async_handler_wrapper(event,handle_get_room_census) end;
+                };
+        });
+end
+
+-- we calculate the stats on the configured interval (60 seconds by default)
+local measure_leaked_rooms = module:measure('leaked_rooms', 'amount');
+module:hook_global('stats-update', function ()
+    measure_leaked_rooms(leaked_rooms);
+end);
diff --git a/resources/prosody-plugins/mod_muc_cleanup_backend_services.lua b/resources/prosody-plugins/mod_muc_cleanup_backend_services.lua
new file mode 100644
index 0000000..94e0a28
--- /dev/null
+++ b/resources/prosody-plugins/mod_muc_cleanup_backend_services.lua
@@ -0,0 +1,58 @@
+-- Module to be enabled under main muc component
+-- Clean up the room in case it is empty and has only jibri and jigasi-transcriber left in the meeting
+
+local util = module:require 'util';
+local is_admin = util.is_admin;
+local is_transcriber = util.is_transcriber;
+local is_jibri = util.is_jibri;
+
+local EMPTY_TIMEOUT = module:get_option_number('services_empty_meeting_timeout', 20);
+
+module:hook('muc-occupant-joined', function (event)
+    local room = event.room;
+    local occupant = event.occupant;
+
+    if is_healthcheck_room(room.jid) or is_admin(occupant.bare_jid) then
+        return;
+    end
+
+    -- clear the timer when someone joins
+    if not is_jibri(occupant.jid) and not is_transcriber(occupant.jid) and room.empty_destroy_timer then
+        room.empty_destroy_timer:stop();
+        room.empty_destroy_timer = nil;
+    end
+end, -100); -- make sure we are last in the chain
+
+module:hook('muc-occupant-left', function (event)
+    local occupant, room = event.occupant, event.room;
+
+    if is_admin(occupant.bare_jid) or is_jibri(occupant.jid) or is_transcriber(occupant.jid)
+        or room._data.breakout_rooms_active then
+        return;
+    end
+
+    for _, o in room:each_occupant() do
+        if not is_jibri(o.jid) and not is_transcriber(o.jid)
+            and not is_admin(o.bare_jid) then
+            -- not empty
+            return;
+        end
+    end
+
+    -- seems the room only has jibri and transcriber, add a timeout to destroy the room
+    room.empty_destroy_timer = module:add_timer(EMPTY_TIMEOUT, function()
+        room:destroy(nil, 'Empty room with recording and/or transcribing.');
+
+        module:log('info',
+            'the conference terminated %s as being empty for %s seconds with recording/transcribing enabled',
+            room.jid, EMPTY_TIMEOUT);
+    end)
+end, -100); -- the last thing to execute
+
+module:hook('muc-room-destroyed', function (event)
+    local room = event.room;
+    if room.empty_destroy_timer then
+        room.empty_destroy_timer:stop();
+        room.empty_destroy_timer = nil;
+    end
+end, 1); -- prosody handles it at 0
diff --git a/resources/prosody-plugins/mod_muc_displayname.lua b/resources/prosody-plugins/mod_muc_displayname.lua
new file mode 100644
index 0000000..34d4c6a
--- /dev/null
+++ b/resources/prosody-plugins/mod_muc_displayname.lua
@@ -0,0 +1,144 @@
+--- This module removes identity information from presence stanzas when the
+--- hideDisplayNameForGuests options are enabled
+--- for a room.
+
+--- To be enabled under the main muc component
+local filters = require 'util.filters';
+local st = require 'util.stanza';
+
+local util = module:require 'util';
+local filter_identity_from_presence = util.filter_identity_from_presence;
+local get_room_by_name_and_subdomain = util.get_room_by_name_and_subdomain;
+local is_admin = util.is_admin;
+local ends_with = util.ends_with;
+local internal_room_jid_match_rewrite = util.internal_room_jid_match_rewrite;
+local NICK_NS = 'http://jabber.org/protocol/nick';
+local DISPLAY_NAME_NS = 'http://jitsi.org/protocol/display-name';
+
+local sessions = prosody.full_sessions;
+
+local ignore_jwt_name = module:get_option_boolean('ignore_jwt_name', false);
+
+-- we need to get the shared resource for joining moderators, as participants are marked as moderators
+-- after joining which is after the filter for stanza/out, but we need to know will this participant be a moderator
+local joining_moderator_participants = module:shared('moderators/joining_moderator_participants');
+
+--- Filter presence sent to non-moderator members of a room when the hideDisplayNameForGuests option is set.
+function filter_stanza_out(stanza, session)
+    if stanza.name ~= 'presence' or stanza.attr.type == 'error'
+        or stanza.attr.type == 'unavailable' or ends_with(stanza.attr.from, '/focus') then
+        return stanza;
+    end
+
+    local room = get_room_by_name_and_subdomain(session.jitsi_web_query_room, session.jitsi_web_query_prefix);
+    local shouldFilter = false;
+
+    if room and room._data.hideDisplayNameForGuests == true then
+        local occupant = room:get_occupant_by_real_jid(stanza.attr.to);
+        -- don't touch self-presence
+        if occupant and stanza.attr.from ~= internal_room_jid_match_rewrite(occupant.nick) then
+            shouldFilter = occupant.role ~= 'moderator' and not joining_moderator_participants[occupant.bare_jid];
+        end
+    end
+
+    if shouldFilter then
+        return filter_identity_from_presence(stanza);
+    else
+        return stanza;
+    end
+end
+
+-- When a participant has a name-readonly feature enabled, we need to ensure that the
+-- nick element in the presence stanza is set to the user's name, if it exists.
+-- If the user does not have a name, we remove the nick element.
+-- This is to ensure that the name is not changed by the user, as it is read-only.
+function filter_stanza_in(stanza, session)
+    if not session or not session.jitsi_meet_context_features
+        or session.jitsi_meet_context_features['name-readonly'] ~= true then
+        -- if the name-readonly feature is not set, there is nothing we need to do
+        return stanza;
+    end
+
+    if stanza.name ~= 'presence' or stanza.attr.type == 'error'
+        or stanza.attr.type == 'unavailable' or ends_with(stanza.attr.from, '/focus') then
+        return stanza;
+    end
+
+    -- if the user does not have a name in token and name is readonly, remove any nick element
+    if not session.jitsi_meet_context_user or not session.jitsi_meet_context_user.name then
+        stanza:remove_children('nick', NICK_NS);
+        return stanza;
+    end
+
+    local nick_element = stanza:get_child('nick', NICK_NS);
+
+    if nick_element and nick_element:get_text() ~= session.jitsi_meet_context_user.name then
+        stanza:remove_children('nick', NICK_NS);
+        stanza:tag('nick', { xmlns = NICK_NS }):text(session.jitsi_meet_context_user.name):up();
+    end
+
+    return stanza;
+end
+
+-- 'muc-add-history' is called in 'muc-broadcast-message' with priority 0
+-- we want to clean up message after we have processed it for history, but do it for all messages
+-- not only those that are added to history (as someone can forge a message and add 'no-store')
+module:hook('muc-broadcast-message', function(event)
+    -- any message that is about to be delivered, clear up nick and display-name elements
+    event.stanza:remove_children('nick', NICK_NS);
+    event.stanza:remove_children('display-name', DISPLAY_NAME_NS);
+end, -1);
+
+module:hook('muc-add-history', function(event)
+    local room, stanza = event.room, event.stanza;
+    local name;
+    local source;
+
+    local occupant = room:get_occupant_by_nick(stanza.attr.from);
+
+    if occupant then
+        local session = sessions[occupant.jid];
+        if session and session.jitsi_meet_context_user then
+            if ignore_jwt_name then
+                name = occupant:get_presence():get_child_text('nick', NICK_NS);
+            else
+                name = session.jitsi_meet_context_user.name;
+            end
+
+            source = 'token';
+        else
+            name = occupant:get_presence():get_child_text('nick', NICK_NS);
+            source = 'guest';
+        end
+    else
+        -- if no occupant found it is a message from visitor let's check display-name source
+        local display_name_element = stanza:get_child('display-name', DISPLAY_NAME_NS);
+        if display_name_element and display_name_element.attr.source == 'visitor' then
+            name = display_name_element:get_text();
+            source = display_name_element.attr.source;
+        end
+    end
+
+    if name then
+        -- clone the stanza, so only history has the display_name extension
+        event.stanza = st.clone(stanza);
+
+        event.stanza:tag('display-name', {
+            xmlns = DISPLAY_NAME_NS,
+            source = source
+        }):text(name):up();
+    end
+end);
+
+function filter_session(session)
+    filters.add_filter(session, 'stanzas/out', filter_stanza_out, -100);
+    filters.add_filter(session, 'stanzas/in', filter_stanza_in, -100);
+end
+
+function module.load()
+    filters.add_filter_hook(filter_session);
+end
+
+function module.unload()
+    filters.remove_filter_hook(filter_session);
+end
diff --git a/resources/prosody-plugins/mod_muc_domain_mapper.lua b/resources/prosody-plugins/mod_muc_domain_mapper.lua
new file mode 100644
index 0000000..cf0e7b4
--- /dev/null
+++ b/resources/prosody-plugins/mod_muc_domain_mapper.lua
@@ -0,0 +1,107 @@
+-- Maps MUC JIDs like room1@muc.foo.example.com to JIDs like [foo]room1@muc.example.com
+-- Must be loaded on the client host in Prosody
+
+-- It is recommended to set muc_mapper_domain_base to the main domain being served (example.com)
+
+local filters = require "util.filters";
+
+local muc_domain_base = module:get_option_string("muc_mapper_domain_base");
+if not muc_domain_base then
+    module:log("warn", "No 'muc_mapper_domain_base' option set, disabling muc_mapper plugin inactive");
+    return
+end
+
+local log_not_allowed_errors = module:get_option_boolean('muc_mapper_log_not_allowed_errors', false);
+
+local util = module:require "util";
+local room_jid_match_rewrite = util.room_jid_match_rewrite;
+local internal_room_jid_match_rewrite = util.internal_room_jid_match_rewrite;
+
+-- We must filter stanzas in order to hook in to all incoming and outgoing messaging which skips the stanza routers
+function filter_stanza(stanza, session)
+    if stanza.skipMapping or session.type == 's2sout' then
+        return stanza;
+    end
+
+    if stanza.name == "message" or stanza.name == "iq" or stanza.name == "presence" then
+        -- module:log("debug", "Filtering stanza type %s  to %s from %s",stanza.name,stanza.attr.to,stanza.attr.from);
+        if stanza.name == "iq" then
+            local conf = stanza:get_child('conference')
+            if conf then
+                -- module:log("debug", "Filtering stanza conference %s to %s from %s",conf.attr.room,stanza.attr.to,stanza.attr.from);
+                conf.attr.room = room_jid_match_rewrite(conf.attr.room, stanza)
+            end
+        end
+        if stanza.attr.to then
+            stanza.attr.to = room_jid_match_rewrite(stanza.attr.to, stanza)
+        end
+        if stanza.attr.from then
+            stanza.attr.from = internal_room_jid_match_rewrite(stanza.attr.from, stanza)
+        end
+
+        if log_not_allowed_errors and stanza.name == 'presence' and stanza.attr.type == 'error' then
+            local error = stanza:get_child('error');
+            if error and error.attr.type == 'cancel'
+                    and error:get_child('not-allowed', 'urn:ietf:params:xml:ns:xmpp-stanzas')
+                    and not session.jitsi_not_allowed_logged then
+                session.jitsi_not_allowed_logged = true;
+                session.log('error', 'Not allowed presence %s', stanza);
+            end
+        end
+    end
+    return stanza;
+end
+
+function filter_session(session)
+    -- module:log("warn", "Session filters applied");
+    filters.add_filter(session, "stanzas/out", filter_stanza);
+end
+
+function module.load()
+    if module.reloading then
+        module:log("debug", "Reloading MUC mapper!");
+    else
+        module:log("debug", "First load of MUC mapper!");
+    end
+    filters.add_filter_hook(filter_session);
+end
+
+function module.unload()
+    filters.remove_filter_hook(filter_session);
+end
+
+
+local function outgoing_stanza_rewriter(event)
+    local stanza = event.stanza;
+    if stanza.attr.to then
+        stanza.attr.to = room_jid_match_rewrite(stanza.attr.to, stanza)
+    end
+end
+
+local function incoming_stanza_rewriter(event)
+    local stanza = event.stanza;
+    if stanza.attr.from then
+        stanza.attr.from = internal_room_jid_match_rewrite(stanza.attr.from, stanza)
+    end
+end
+
+-- The stanza rewriters helper functions are attached for all stanza router hooks
+local function hook_all_stanzas(handler, host_module, event_prefix)
+    for _, stanza_type in ipairs({ "message", "presence", "iq" }) do
+        for _, jid_type in ipairs({ "host", "bare", "full" }) do
+            host_module:hook((event_prefix or "")..stanza_type.."/"..jid_type, handler);
+        end
+    end
+end
+
+function add_host(host)
+    module:log("info", "Loading mod_muc_domain_mapper for host %s!", host);
+    local host_module = module:context(host);
+    hook_all_stanzas(incoming_stanza_rewriter, host_module);
+    hook_all_stanzas(outgoing_stanza_rewriter, host_module, "pre-");
+end
+
+prosody.events.add_handler("host-activated", add_host);
+for host in pairs(prosody.hosts) do
+    add_host(host);
+end
diff --git a/resources/prosody-plugins/mod_muc_end_meeting.lua b/resources/prosody-plugins/mod_muc_end_meeting.lua
new file mode 100644
index 0000000..28e1630
--- /dev/null
+++ b/resources/prosody-plugins/mod_muc_end_meeting.lua
@@ -0,0 +1,122 @@
+-- A global module which can be used as http endpoint to end meetings. The provided token
+--- in the request is verified whether it has the right to do so.
+-- Copyright (C) 2023-present 8x8, Inc.
+
+module:set_global();
+
+local util = module:require "util";
+local async_handler_wrapper = util.async_handler_wrapper;
+local internal_room_jid_match_rewrite = util.internal_room_jid_match_rewrite;
+local room_jid_match_rewrite = util.room_jid_match_rewrite;
+local get_room_from_jid = util.get_room_from_jid;
+local starts_with = util.starts_with;
+
+local neturl = require "net.url";
+local parse = neturl.parseQuery;
+
+-- will be initialized once the main virtual host module is initialized
+local token_util;
+
+local muc_domain_base = module:get_option_string("muc_mapper_domain_base");
+local muc_domain_prefix = module:get_option_string('muc_mapper_domain_prefix', 'conference');
+local muc_domain = muc_domain_prefix..'.'..muc_domain_base;
+
+local asapKeyServer = module:get_option_string("prosody_password_public_key_repo_url", "");
+
+local event_count = module:measure("muc_end_meeting_rate", "rate")
+local event_count_success = module:measure("muc_end_meeting_success", "rate")
+
+function verify_token(token)
+    if token == nil then
+        module:log("warn", "no token provided");
+        return false;
+    end
+
+    local session = {};
+    session.auth_token = token;
+    local verified, reason, msg = token_util:process_and_verify_token(session);
+    if not verified then
+        module:log("warn", "not a valid token %s %s", tostring(reason), tostring(msg));
+        return false;
+    end
+    return true;
+end
+
+function handle_terminate_meeting (event)
+    module:log("info", "Request for terminate meeting received: reqid %s", event.request.headers["request_id"])
+    event_count()
+    if not event.request.url.query then
+        return { status_code = 400 };
+    end
+    local params = parse(event.request.url.query);
+    local conference = params["conference"];
+    local silent_reconnect = params['silent-reconnect'];
+    local room_jid;
+
+    if conference then
+        room_jid = room_jid_match_rewrite(conference)
+    else
+        module:log('warn', "conference param was not provided")
+        return { status_code = 400 };
+    end
+
+    -- verify access
+    local token = event.request.headers["authorization"]
+    if not token then
+        module:log("error", "Authorization header was not provided for conference %s", conference)
+        return { status_code = 401 };
+    end
+    if starts_with(token, 'Bearer ') then
+        token = token:sub(8, #token)
+    else
+        module:log("error", "Authorization header is invalid")
+        return { status_code = 401 };
+    end
+
+    if not verify_token(token, room_jid) then
+        return { status_code = 401 };
+    end
+
+    local room = get_room_from_jid(room_jid);
+    if not room then
+        module:log("warn", "Room not found")
+        return { status_code = 404 };
+    else
+        if silent_reconnect == 'true' then
+            module:log('info', 'Setting silent_reconnect on room %s', room.jid);
+            room:destroy(internal_room_jid_match_rewrite(room.jid), 'The meeting has been terminated silently')
+        else
+            module:log("info", "Destroy room jid %s", room.jid)
+            room:destroy(nil, "The meeting has been terminated")
+        end
+    end
+    event_count_success()
+    return { status_code = 200 };
+end
+
+
+-- module API called on virtual host added, passing the host module
+function module.add_host(host_module)
+    if host_module.host == muc_domain_base then
+        -- the main virtual host
+        module:log("info", "Initialize token_util using %s", host_module.host)
+
+        token_util = module:require "token/util".new(host_module);
+
+        if asapKeyServer ~= "" then
+            -- init token util with our asap keyserver
+            token_util:set_asap_key_server(asapKeyServer)
+        end
+
+        module:log("info", "Adding http handler for /end-meeting on %s", host_module.host);
+        host_module:depends("http");
+        host_module:provides("http", {
+            default_path = "/";
+            route = {
+                ["POST end-meeting"] = function(event)
+                    return async_handler_wrapper(event, handle_terminate_meeting)
+                end;
+            };
+        });
+    end
+end
diff --git a/resources/prosody-plugins/mod_muc_filter_access.lua b/resources/prosody-plugins/mod_muc_filter_access.lua
new file mode 100644
index 0000000..09fefdc
--- /dev/null
+++ b/resources/prosody-plugins/mod_muc_filter_access.lua
@@ -0,0 +1,27 @@
+-- Restricts access to a muc component to certain domains
+-- Copyright (C) 2023-present 8x8, Inc.
+
+-- a list of (authenticated)domains that can access rooms(send presence)
+local whitelist = module:get_option_set("muc_filter_whitelist");
+
+if not whitelist then
+    module:log("warn", "No 'muc_filter_whitelist' option set, disabling muc_filter_access, plugin inactive");
+    return
+end
+
+local jid_split = require "util.jid".split;
+
+local function incoming_presence_filter(event)
+    local stanza = event.stanza;
+    local _, domain, _ = jid_split(stanza.attr.from);
+
+    if not stanza.attr.from or not whitelist:contains(domain) then
+        -- Filter presence
+        module:log("error", "Filtering unauthorized presence: %s", stanza:top_tag());
+        return true;
+    end
+end
+
+for _, jid_type in ipairs({ "host", "bare", "full" }) do
+    module:hook("presence/"..jid_type, incoming_presence_filter, 2000);
+end
diff --git a/resources/prosody-plugins/mod_muc_flip.lua b/resources/prosody-plugins/mod_muc_flip.lua
new file mode 100644
index 0000000..0753038
--- /dev/null
+++ b/resources/prosody-plugins/mod_muc_flip.lua
@@ -0,0 +1,207 @@
+-- Allows flipping device. When a presence contains flip_device tag
+-- and the used jwt matches the id(session.jitsi_meet_context_user.id) of another user this is indication that the user
+-- is moving from one device to another. The flip feature should be present and enabled in the token features.
+-- Copyright (C) 2023-present 8x8, Inc.
+
+local oss_util = module:require "util";
+local is_admin = oss_util.is_admin;
+local is_healthcheck_room = oss_util.is_healthcheck_room;
+local process_host_module = oss_util.process_host_module;
+local inspect = require('inspect');
+local jid_bare = require "util.jid".bare;
+local jid = require "util.jid";
+local MUC_NS = "http://jabber.org/protocol/muc";
+
+local lobby_host;
+local lobby_muc_service;
+
+local lobby_muc_component_config = 'lobby.' .. module:get_option_string("muc_mapper_domain_base");
+if lobby_muc_component_config == nil then
+    module:log('error', 'lobby not enabled missing lobby_muc config');
+    return ;
+end
+
+local function remove_flip_tag(stanza)
+    stanza:maptags(function(tag)
+        if tag and tag.name == "flip_device" then
+            -- module:log("debug", "Removing %s tag from presence stanza!", tag.name);
+            return nil;
+        else
+            return tag;
+        end
+    end)
+end
+
+-- Make user that switch devices bypass lobby or password.
+-- A user is considered to join from another device if the
+-- id from jwt is the same as another occupant and the presence
+-- stanza has flip_device tag
+module:hook("muc-occupant-pre-join", function(event)
+    local room, occupant = event.room, event.occupant;
+    local session = event.origin;
+    local stanza = event.stanza;
+    if is_healthcheck_room(room.jid) or is_admin(occupant.bare_jid) then
+        return ;
+    end
+    local flip_device_tag = stanza:get_child("flip_device");
+    if session.jitsi_meet_context_user and session.jitsi_meet_context_user.id then
+        local participants = room._data.participants_details or {};
+        local id = session.jitsi_meet_context_user.id;
+        local first_device_occ_nick = participants[id];
+        if flip_device_tag then
+            if first_device_occ_nick and session.jitsi_meet_context_features.flip and (session.jitsi_meet_context_features.flip == true or session.jitsi_meet_context_features.flip == "true") then
+                room._data.kicked_participant_nick = first_device_occ_nick;
+                room._data.flip_participant_nick = occupant.nick;
+                -- allow participant from flip device to bypass Lobby
+                local occupant_jid = stanza.attr.from;
+                local affiliation = room:get_affiliation(occupant_jid);
+                if not affiliation or affiliation == 'none' or affiliation == 'member' then
+                    -- module:log("debug", "Bypass lobby invitee %s", occupant_jid)
+                    occupant.role = "participant";
+                    room:set_affiliation(true, jid_bare(occupant_jid), "member")
+                    room:save_occupant(occupant);
+                end
+
+                if room:get_password() then
+                    -- bypass password on the flip device
+                    local join = stanza:get_child("x", MUC_NS);
+                    if not join then
+                        join = stanza:tag("x", { xmlns = MUC_NS });
+                    end
+                    local password = join:get_child("password", MUC_NS);
+                    if password then
+                        join:maptags(
+                                function(tag)
+                                    for k, v in pairs(tag) do
+                                        if k == "name" and v == "password" then
+                                            return nil
+                                        end
+                                    end
+                                    return tag
+                                end);
+                    end
+                    join:tag("password", { xmlns = MUC_NS }):text(room:get_password());
+                end
+            elseif not session.jitsi_meet_context_features.flip or session.jitsi_meet_context_features.flip == false or session.jitsi_meet_context_features.flip == "false" then
+                module:log("warn", "Flip device tag present without jwt permission")
+                --remove flip_device tag if somebody wants to abuse this feature
+                remove_flip_tag(stanza)
+            else
+                module:log("warn", "Flip device tag present without user from different device")
+                --remove flip_device tag if somebody wants to abuse this feature
+                remove_flip_tag(stanza)
+            end
+        end
+        -- update authenticated participant list
+        participants[id] = occupant.nick;
+        room._data.participants_details = participants
+        -- module:log("debug", "current details list %s", inspect(participants))
+    else
+        if flip_device_tag then
+            module:log("warn", "Flip device tag present for a guest user")
+            -- remove flip_device tag because a guest want to do a sneaky join
+            remove_flip_tag(stanza)
+        end
+    end
+end)
+
+-- Kick participant from the the first device from the main room and lobby if applies
+-- and transfer role from the previous participant, this will take care of the grant
+-- moderation case
+module:hook("muc-occupant-joined", function(event)
+    local room, occupant = event.room, event.occupant;
+    if is_healthcheck_room(room.jid) or is_admin(occupant.bare_jid) then
+        return;
+    end
+
+    if room._data.flip_participant_nick and occupant.nick == room._data.flip_participant_nick then
+        -- make joining participant from flip device have the same role and affiliation as for the previous device
+        local kicked_occupant = room:get_occupant_by_nick(room._data.kicked_participant_nick);
+
+        if not kicked_occupant then
+            module:log("info", "Kick participant not found, nick %s from main room jid %s",
+                room._data.kicked_participant_nick, room.jid)
+            return;
+        end
+
+        local initial_affiliation = room:get_affiliation(kicked_occupant.jid) or "member";
+        -- module:log("debug", "Transfer affiliation %s to occupant jid %s", initial_affiliation, occupant.jid)
+        room:set_affiliation(true, occupant.bare_jid, initial_affiliation)
+        if initial_affiliation == "owner" then
+            event.occupant.role = "moderator";
+        elseif initial_affiliation == "member" then
+            event.occupant.role = "participant";
+        end
+        -- Kick participant from the first device from the main room
+        local kicked_participant_node_jid = jid.split(kicked_occupant.jid);
+        module:log("info", "Kick participant jid %s nick %s from main room jid %s", kicked_occupant.jid, room._data.kicked_participant_nick, room.jid)
+        room:set_role(true, room._data.kicked_participant_nick, 'none')
+        room:save_occupant(occupant);
+        -- Kick participant from the first device from the lobby room
+        if room._data.lobbyroom then
+            local lobby_room_jid = room._data.lobbyroom;
+            local lobby_room = lobby_muc_service.get_room_from_jid(lobby_room_jid)
+            for _, occupant in lobby_room:each_occupant() do
+                local node = jid.split(occupant.jid);
+                if kicked_participant_node_jid == node then
+                    module:log("info", "Kick participant from lobby %s", occupant.jid)
+                    lobby_room:set_role(true, occupant.nick, 'none')
+                end
+            end
+        end
+        event.room._data.flip_participant_nick = nil
+        event.room._data.kicked_participant_nick = nil;
+    end
+end,-2)
+
+-- Update the local table after a participant leaves
+module:hook("muc-occupant-left", function(event)
+    local occupant = event.occupant;
+    local session = event.origin;
+    if is_healthcheck_room(event.room.jid) or is_admin(occupant.bare_jid) then
+        return ;
+    end
+    if session and session.jitsi_meet_context_user and session.jitsi_meet_context_user.id then
+        local id = session.jitsi_meet_context_user.id
+        local participants = event.room._data.participants_details or {};
+        local occupant_left_nick = participants[id]
+        if occupant_left_nick == occupant.nick then
+            participants[id] = nil
+            event.room._data.participants_details = participants
+        end
+    end
+end)
+
+-- Add a flip_device tag on the unavailable presence from the kicked participant in order to silent the notifications
+module:hook('muc-broadcast-presence', function(event)
+    local kicked_participant_nick = event.room._data.kicked_participant_nick
+    local stanza = event.stanza;
+    if kicked_participant_nick and stanza.attr.from == kicked_participant_nick and stanza.attr.type == 'unavailable' then
+        -- module:log("debug", "Add flip_device tag for presence unavailable from occupant nick %s", kicked_participant_nick)
+        stanza:tag("flip_device"):up();
+    end
+end)
+
+function process_lobby_muc_loaded(lobby_muc, host_module)
+    module:log('info', 'Lobby muc loaded');
+    lobby_muc_service = lobby_muc;
+    lobby_host = module:context(host_module);
+end
+
+-- process or waits to process the lobby muc component
+process_host_module(lobby_muc_component_config, function(host_module, host)
+    -- lobby muc component created
+    module:log('info', 'Lobby component loaded %s', host);
+
+    local muc_module = prosody.hosts[host].modules.muc;
+    if muc_module then
+        process_lobby_muc_loaded(muc_module, host_module);
+    else
+        module:log('debug', 'Will wait for muc to be available');
+        prosody.hosts[host].events.add_handler('module-loaded', function(event)
+            if (event.module == 'muc') then
+                process_lobby_muc_loaded(prosody.hosts[host].modules.muc, host_module);
+            end
+        end);
+    end
+end);
diff --git a/resources/prosody-plugins/mod_muc_hide_all.lua b/resources/prosody-plugins/mod_muc_hide_all.lua
new file mode 100644
index 0000000..eea8741
--- /dev/null
+++ b/resources/prosody-plugins/mod_muc_hide_all.lua
@@ -0,0 +1,30 @@
+-- This module makes all MUCs in Prosody unavailable on disco#items query
+-- Copyright (C) 2023-present 8x8, Inc.
+local jid = require 'util.jid';
+local st = require 'util.stanza';
+
+local util = module:require 'util';
+local get_room_from_jid = util.get_room_from_jid;
+
+module:hook('muc-room-pre-create', function(event)
+    event.room:set_hidden(true);
+end, -1);
+
+for _, event_name in pairs {
+        'iq-get/bare/http://jabber.org/protocol/disco#info:query';
+        'iq-get/host/http://jabber.org/protocol/disco#info:query';
+} do
+    module:hook(event_name, function (event)
+        local origin, stanza = event.origin, event.stanza;
+        local room_jid = jid.bare(stanza.attr.to);
+        local room = get_room_from_jid(room_jid);
+
+        if room then
+            if not room:get_occupant_by_real_jid(stanza.attr.from) then
+                origin.send(st.error_reply(stanza, 'auth', 'forbidden'));
+                return true;
+            end
+        end
+        -- prosody will send item-not-found
+    end, 1) -- make sure we handle it before prosody that uses priority -2 for this
+end
diff --git a/resources/prosody-plugins/mod_muc_jigasi_invite.lua b/resources/prosody-plugins/mod_muc_jigasi_invite.lua
new file mode 100644
index 0000000..0920c71
--- /dev/null
+++ b/resources/prosody-plugins/mod_muc_jigasi_invite.lua
@@ -0,0 +1,191 @@
+-- A http endpoint to invite jigasi to a meeting via http endpoint
+-- jwt is used to validate access
+-- Copyright (C) 2023-present 8x8, Inc.
+
+local jid_split = require "util.jid".split;
+local hashes = require "util.hashes";
+local random = require "util.random";
+local st = require("util.stanza");
+local json = require 'cjson.safe';
+local util = module:require "util";
+local async_handler_wrapper = util.async_handler_wrapper;
+local process_host_module = util.process_host_module;
+
+local muc_domain_base = module:get_option_string("muc_mapper_domain_base");
+
+-- This module chooses jigasi from the brewery room, so it needs information for the configured brewery
+local muc_domain = module:get_option_string("muc_internal_domain_base", 'internal.auth.' .. muc_domain_base);
+
+local jigasi_brewery_room_jid = module:get_option_string("muc_jigasi_brewery_jid", 'jigasibrewery@' .. muc_domain);
+
+local jigasi_bare_jid = module:get_option_string("muc_jigasi_jid", "jigasi@auth." .. muc_domain_base);
+local focus_jid = module:get_option_string("muc_jicofo_brewery_jid", jigasi_brewery_room_jid .. "/focus");
+
+local main_muc_service;
+local JSON_CONTENT_TYPE = "application/json";
+
+local event_count = module:measure("muc_invite_jigasi_rate", "rate")
+local event_count_success = module:measure("muc_invite_jigasi_success", "rate")
+local ASAP_KEY_SERVER = module:get_option_string("prosody_password_public_key_repo_url", "");
+local token_util = module:require "token/util".new(module);
+if ASAP_KEY_SERVER then
+    -- init token util with our asap keyserver
+    token_util:set_asap_key_server(ASAP_KEY_SERVER)
+end
+
+local function invite_jigasi(conference, phone_no)
+    local jigasi_brewery_room = main_muc_service.get_room_from_jid(jigasi_brewery_room_jid);
+    if not jigasi_brewery_room then
+        module:log("error", "Jigasi brewery room not found")
+        return 404, 'Brewery room was not found'
+    end
+    module:log("info", "Invite jigasi from %s to join conference %s and outbound phone_no %s", jigasi_brewery_room.jid, conference, phone_no)
+
+    --select least stressed Jigasi
+    local least_stressed_value = math.huge;
+    local least_stressed_jigasi_jid;
+    for occupant_jid, occupant in jigasi_brewery_room:each_occupant() do
+        local _, _, resource = jid_split(occupant_jid);
+        if resource ~= 'focus' then
+            local occ = occupant:get_presence();
+            local stats_child = occ:get_child("stats", "http://jitsi.org/protocol/colibri")
+
+            local is_sip_jigasi = true;
+            for stats_tag in stats_child:children() do
+                if stats_tag.attr.name == 'supports_sip' and stats_tag.attr.value == 'false' then
+                    is_sip_jigasi = false;
+                end
+            end
+
+            if is_sip_jigasi then
+                for stats_tag in stats_child:children() do
+                    if stats_tag.attr.name == 'stress_level' then
+                        local stress_level = tonumber(stats_tag.attr.value);
+                        module:log("debug", "Stressed level %s %s ", stress_level, occupant_jid)
+                        if stress_level < least_stressed_value then
+                            least_stressed_jigasi_jid = occupant_jid
+                            least_stressed_value = stress_level
+                        end
+                    end
+                end
+            end
+        end
+    end
+    module:log("debug", "Least stressed jigasi selected jid %s value %s", least_stressed_jigasi_jid, least_stressed_value)
+    if not least_stressed_jigasi_jid then
+        module:log("error", "Cannot invite jigasi from room %s", jigasi_brewery_room.jid)
+        return 404, 'Jigasi not found'
+    end
+
+    -- invite Jigasi to join the conference
+    local _, _, jigasi_res = jid_split(least_stressed_jigasi_jid)
+    local jigasi_full_jid = jigasi_bare_jid .. "/" .. jigasi_res;
+    local stanza_id = hashes.sha256(random.bytes(8), true);
+
+    local invite_jigasi_stanza = st.iq({ xmlns = "jabber:client", type = "set", to = jigasi_full_jid, from = focus_jid, id = stanza_id })
+                                   :tag("dial", { xmlns = "urn:xmpp:rayo:1", from = "fromnumber", to = phone_no })
+                                   :tag("header", { xmlns = "urn:xmpp:rayo:1", name = "JvbRoomName", value = conference })
+
+    module:log("debug", "Invite jigasi stanza %s", invite_jigasi_stanza)
+    jigasi_brewery_room:route_stanza(invite_jigasi_stanza);
+    return 200
+end
+
+local function is_token_valid(token)
+    if token == nil then
+        module:log("warn", "no token provided");
+        return false;
+    end
+
+    local session = {};
+    session.auth_token = token;
+    local verified, reason, msg = token_util:process_and_verify_token(session);
+    if not verified then
+        module:log("warn", "not a valid token %s %s", tostring(reason), tostring(msg));
+        return false;
+    end
+    return true;
+end
+
+local function handle_jigasi_invite(event)
+    module:log("debug", "Request for invite jigasi received: reqId %s", event.request.headers["request_id"])
+    event_count()
+    local request = event.request;
+    -- verify access
+    local token = event.request.headers["authorization"]
+    if not token then
+        module:log("error", "Authorization header was not provided for conference %s", conference)
+        return { status_code = 401 };
+    end
+    if util.starts_with(token, 'Bearer ') then
+        token = token:sub(8, #token)
+    else
+        module:log("error", "Authorization header is invalid")
+        return { status_code = 401 };
+    end
+    if not is_token_valid(token) then
+        return { status_code = 401 };
+    end
+
+    -- verify payload
+    if request.headers.content_type ~= JSON_CONTENT_TYPE
+            or (not request.body or #request.body == 0) then
+        module:log("warn", "Wrong content type: %s or missing payload", request.headers.content_type);
+        return { status_code = 400; }
+    end
+    local payload, error = json.decode(request.body);
+
+    if not payload then
+        module:log('error', 'Cannot decode json error:%s', error);
+        return { status_code = 400; }
+    end
+
+    local conference = payload["conference"];
+    local phone_no = payload["phoneNo"];
+    if not conference then
+        module:log("warn", "Missing conference param")
+        return { status_code = 400; }
+    end
+    if not phone_no then
+        module:log("warn", "Missing phone no param")
+        return { status_code = 400; }
+    end
+
+    --invite jigasi
+    local status_code, error_msg = invite_jigasi(conference, phone_no)
+
+    if not error_msg then
+        event_count_success()
+        return { status_code = 200 }
+    else
+        return { status_code = status_code, body = json.encode({ error = error_msg }) }
+    end
+end
+
+module:log("info", "Adding http handler for /invite-jigasi on %s", module.host);
+module:depends("http");
+module:provides("http", {
+    default_path = "/";
+    route = {
+        ["POST invite-jigasi"] = function(event)
+            return async_handler_wrapper(event, handle_jigasi_invite)
+        end;
+    };
+});
+
+process_host_module(muc_domain, function(_, host)
+    local muc_module = prosody.hosts[host].modules.muc;
+    if muc_module then
+        main_muc_service = muc_module;
+        module:log('info', 'Found main_muc_service: %s', main_muc_service);
+    else
+        module:log('info', 'Will wait for muc to be available');
+        prosody.hosts[host].events.add_handler('module-loaded', function(event)
+            if (event.module == 'muc') then
+                main_muc_service = prosody.hosts[host].modules.muc;
+                module:log('info', 'Found(on loaded) main_muc_service: %s', main_muc_service);
+            end
+        end);
+    end
+end);
+
diff --git a/resources/prosody-plugins/mod_muc_kick_participant.lua b/resources/prosody-plugins/mod_muc_kick_participant.lua
new file mode 100644
index 0000000..11b0bbb
--- /dev/null
+++ b/resources/prosody-plugins/mod_muc_kick_participant.lua
@@ -0,0 +1,171 @@
+-- http endpoint to kick participants, access is based on provided jwt token
+-- the correct jigasi we fined based on the display name and the number provided
+-- Copyright (C) 2023-present 8x8, Inc.
+
+local util = module:require "util";
+local async_handler_wrapper = util.async_handler_wrapper;
+local is_sip_jigasi = util.is_sip_jigasi;
+local starts_with = util.starts_with;
+local formdecode = require "util.http".formdecode;
+local urlencode = require "util.http".urlencode;
+local jid = require "util.jid";
+local json = require 'cjson.safe';
+
+local muc_domain_prefix = module:get_option_string("muc_mapper_domain_prefix", "conference");
+
+local muc_domain_base = module:get_option_string("muc_mapper_domain_base");
+if not muc_domain_base then
+    module:log("warn", "No 'muc_domain_base' option set, disabling kick check endpoint.");
+    return ;
+end
+
+local json_content_type = "application/json";
+
+local token_util = module:require "token/util".new(module);
+
+local asapKeyServer = module:get_option_string('prosody_password_public_key_repo_url', '');
+if asapKeyServer == '' then
+    module:log('warn', 'No "prosody_password_public_key_repo_url" option set, disabling kick endpoint.');
+    return ;
+end
+
+token_util:set_asap_key_server(asapKeyServer);
+
+--- Verifies the token
+-- @param token the token we received
+-- @param room_address the full room address jid
+-- @return true if values are ok or false otherwise
+function verify_token(token, room_address)
+
+    if token == nil then
+        module:log("warn", "no token provided for %s", room_address);
+        return false;
+    end
+
+    local session = {};
+    session.auth_token = token;
+    local verified, reason, msg = token_util:process_and_verify_token(session);
+    if not verified then
+        module:log("warn", "not a valid token %s %s for %s", tostring(reason), tostring(msg), room_address);
+        return false;
+    end
+
+    return true;
+end
+
+
+-- Validates the request by checking for required url param room and
+-- validates the token provided with the request
+-- @param request - The request to validate.
+-- @return [error_code, room]
+local function validate_and_get_room(request)
+    if not request.url.query then
+        module:log("warn", "No query");
+        return 400, nil;
+    end
+
+    local params = formdecode(request.url.query);
+    local room_name = urlencode(params.room) or "";
+    local subdomain = urlencode(params.prefix) or "";
+
+    if not room_name then
+        module:log("warn", "Missing room param for %s", room_name);
+        return 400, nil;
+    end
+
+    local room_address = jid.join(room_name, muc_domain_prefix.."."..muc_domain_base);
+
+    if subdomain and subdomain ~= "" then
+        room_address = "["..subdomain.."]"..room_address;
+    end
+
+    -- verify access
+    local token = request.headers["authorization"]
+
+    if token and starts_with(token,'Bearer ') then
+        token = token:sub(8,#token)
+    end
+
+    if not verify_token(token, room_address) then
+        return 403, nil;
+    end
+
+    local room = get_room_from_jid(room_address);
+
+    if not room then
+        module:log("warn", "No room found for %s", room_address);
+        return 404, nil;
+    else
+        return 200, room;
+    end
+end
+
+function handle_kick_participant (event)
+    local request = event.request;
+    if request.headers.content_type ~= json_content_type
+            or (not request.body or #request.body == 0) then
+        module:log("warn", "Wrong content type: %s", request.headers.content_type);
+        return { status_code = 400; }
+    end
+
+    local params, error = json.decode(request.body);
+    if not params then
+        module:log("warn", "Missing params error:%s", error);
+        return { status_code = 400; }
+    end
+
+    local number = params["number"];
+    local participantId = params["participantId"];
+
+    if (not number and not participantId) or (number and participantId) then
+        module:log("warn", "Invalid parameters: exactly one of 'number' or 'participantId' must be provided.");
+        return { status_code = 400; };
+    end
+
+    local error_code, room = validate_and_get_room(request);
+
+    if error_code and error_code ~= 200 then
+        module:log("error", "Error validating %s", error_code);
+        return { error_code = 400; }
+    end
+
+    if not room then
+        return { status_code = 404; }
+    end
+
+    for _, occupant in room:each_occupant() do
+        local pr = occupant:get_presence();
+
+        if is_participant_match(pr, number, participantId) then
+            room:set_role(true, occupant.nick, nil);
+            module:log('info', 'Occupant kicked %s from %s', occupant.nick, room.jid);
+            return { status_code = 200; }
+        end
+    end
+
+    -- not found participant to kick
+    return { status_code = 404; };
+end
+
+function is_participant_match(pr, number, participantId)
+    if number then
+        local displayName = pr:get_child_text('nick', 'http://jabber.org/protocol/nick');
+        return is_sip_jigasi(pr) and displayName and starts_with(displayName, number);
+    elseif participantId then
+        local from = pr.attr.from;
+        local _, _, from_resource = jid.split(from);
+        if from_resource then
+            return from_resource == participantId;
+        end
+    end
+    return false;
+end
+
+module:log("info","Adding http handler for /kick-participant on %s", module.host);
+module:depends("http");
+module:provides("http", {
+    default_path = "/";
+    route = {
+        ["PUT kick-participant"] = function (event) return async_handler_wrapper(event, handle_kick_participant) end;
+    };
+});
diff --git a/resources/prosody-plugins/mod_muc_limit_messages.lua b/resources/prosody-plugins/mod_muc_limit_messages.lua
new file mode 100644
index 0000000..89ac614
--- /dev/null
+++ b/resources/prosody-plugins/mod_muc_limit_messages.lua
@@ -0,0 +1,103 @@
+-- A module to limit the number of messages in a meeting
+-- Needs to be activated under the muc component where the limit needs to be applied
+-- Copyright (C) 2023-present 8x8, Inc.
+
+local id = require 'util.id';
+local st = require 'util.stanza';
+
+local get_room_by_name_and_subdomain = module:require 'util'.get_room_by_name_and_subdomain;
+
+local count;
+local check_token;
+
+local function load_config()
+    count = module:get_option_number('muc_limit_messages_count');
+    check_token = module:get_option_boolean('muc_limit_messages_check_token', false);
+end
+load_config();
+
+if not count then
+    module:log('warn', "No 'muc_limit_messages_count' option set, disabling module");
+    return
+end
+
+module:log('info', 'Loaded muc limits for %s, limit:%s, will check for authenticated users:%s',
+    module.host, count, check_token);
+
+local error_text = 'The message limit for the room has been reached. Messaging is now disabled.';
+
+function on_message(event)
+    local stanza = event.stanza;
+    local body = stanza:get_child('body');
+    -- we ignore any non groupchat message without a body
+    if not body then
+        if stanza.attr.type ~= 'groupchat' then -- lobby messages
+            return;
+        else
+            -- we want to pass through only polls answers
+            local json_data = stanza:get_child_text('json-message', 'http://jitsi.org/jitmeet');
+            if json_data and string.find(json_data, 'answer-poll', 1, true) then
+                return;
+            end
+        end
+    end
+
+    local session = event.origin;
+    if not session or not session.jitsi_web_query_room then
+        -- if this is a message from visitor, pass it through. Limits are applied in the visitor node.
+        if event.origin.type == 's2sin' then
+            return;
+        end
+
+        return false;
+    end
+
+    -- get room name with tenant and find room
+    local room = get_room_by_name_and_subdomain(session.jitsi_web_query_room, session.jitsi_web_query_prefix);
+    if not room then
+        module:log('warn', 'No room found for %s/%s',
+            session.jitsi_web_query_prefix, session.jitsi_web_query_room);
+        return false;
+    end
+
+    if check_token and session.auth_token then
+        -- there is an authenticated participant drop all limits
+        room._muc_messages_limit = false;
+    end
+
+    if room._muc_messages_limit == false then
+        -- no limits for this room, just skip
+        return;
+    end
+
+    if not room._muc_messages_limit_count then
+        room._muc_messages_limit_count = 0;
+    end
+
+    room._muc_messages_limit_count = room._muc_messages_limit_count + 1;
+
+    -- on the first message above the limit we set the limit and we send an announcement to the room
+    if room._muc_messages_limit_count == count + 1 then
+        module:log('warn', 'Room message limit reached: %s', room.jid);
+
+        -- send a message to the room
+        local announcement = st.message({ from = room.jid, type = 'groupchat', id = id.medium(), })
+            :tag('body'):text(error_text);
+        room:broadcast_message(announcement);
+
+        room._muc_messages_limit = true;
+    end
+
+    if room._muc_messages_limit == true then
+        -- return error to the sender of this message
+        event.origin.send(st.error_reply(stanza, 'cancel', 'not-allowed', error_text));
+        return true;
+    end
+end
+
+-- handle messages sent in the component
+-- 'message/host' is used for breakout rooms
+module:hook('message/full', on_message); -- private messages
+module:hook('message/bare', on_message); -- room messages
+
+module:hook_global('config-reloaded', load_config);
diff --git a/resources/prosody-plugins/mod_muc_lobby_rooms.lua b/resources/prosody-plugins/mod_muc_lobby_rooms.lua
new file mode 100644
index 0000000..595c3f0
--- /dev/null
+++ b/resources/prosody-plugins/mod_muc_lobby_rooms.lua
@@ -0,0 +1,710 @@
+-- This module added under the main virtual host domain
+-- It needs a lobby muc component
+--
+-- VirtualHost "jitmeet.example.com"
+-- modules_enabled = {
+--     "muc_lobby_rooms"
+-- }
+-- lobby_muc = "lobby.jitmeet.example.com"
+-- main_muc = "conference.jitmeet.example.com"
+--
+-- Component "lobby.jitmeet.example.com" "muc"
+--     storage = "memory"
+--     muc_room_cache_size = 1000
+--     restrict_room_creation = true
+--     muc_room_locking = false
+--     muc_room_default_public_jids = true
+--
+-- we use async to detect Prosody 0.10 and earlier
+local have_async = pcall(require, 'util.async');
+
+if not have_async then
+    module:log('warn', 'Lobby rooms will not work with Prosody version 0.10 or less.');
+    return;
+end
+
+module:depends("jitsi_session");
+
+local jid_split = require 'util.jid'.split;
+local jid_bare = require 'util.jid'.bare;
+local jid_prep = require "util.jid".prep;
+local jid_resource = require "util.jid".resource;
+local resourceprep = require "util.encodings".stringprep.resourceprep;
+local json = require 'cjson.safe';
+local filters = require 'util.filters';
+local st = require 'util.stanza';
+local muc_util = module:require "muc/util";
+local valid_affiliations = muc_util.valid_affiliations;
+local MUC_NS = 'http://jabber.org/protocol/muc';
+local MUC_USER_NS = 'http://jabber.org/protocol/muc#user';
+local DISCO_INFO_NS = 'http://jabber.org/protocol/disco#info';
+local DISPLAY_NAME_REQUIRED_FEATURE = 'http://jitsi.org/protocol/lobbyrooms#displayname_required';
+local LOBBY_IDENTITY_TYPE = 'lobbyrooms';
+local NOTIFY_JSON_MESSAGE_TYPE = 'lobby-notify';
+local NOTIFY_LOBBY_ENABLED = 'LOBBY-ENABLED';
+local NOTIFY_LOBBY_ACCESS_GRANTED = 'LOBBY-ACCESS-GRANTED';
+local NOTIFY_LOBBY_ACCESS_DENIED = 'LOBBY-ACCESS-DENIED';
+
+local util = module:require "util";
+local ends_with = util.ends_with;
+local get_room_by_name_and_subdomain = util.get_room_by_name_and_subdomain;
+local internal_room_jid_match_rewrite = util.internal_room_jid_match_rewrite;
+local get_room_from_jid = util.get_room_from_jid;
+local is_healthcheck_room = util.is_healthcheck_room;
+local presence_check_status = util.presence_check_status;
+local process_host_module = util.process_host_module;
+
+local main_muc_component_config = module:get_option_string('main_muc');
+if main_muc_component_config == nil then
+    module:log('error', 'lobby not enabled missing main_muc config');
+    return ;
+end
+local lobby_muc_component_config = module:get_option_string('lobby_muc');
+if lobby_muc_component_config == nil then
+    module:log('error', 'lobby not enabled missing lobby_muc config');
+    return ;
+end
+
+local whitelist;
+local check_display_name_required;
+local function load_config()
+    whitelist = module:get_option_set('muc_lobby_whitelist', {});
+    check_display_name_required
+        = module:get_option_boolean('muc_lobby_check_display_name_required', true);
+end
+load_config();
+
+local lobby_muc_service;
+local main_muc_service;
+
+function broadcast_json_msg(room, from, json_msg)
+    json_msg.type = NOTIFY_JSON_MESSAGE_TYPE;
+
+    local occupant = room:get_occupant_by_real_jid(from);
+    if occupant then
+        local json_msg_str, error = json.encode(json_msg);
+
+        if not json_msg_str then
+            module:log('error', 'Error broadcasting message room:%s', room.jid, error);
+            return;
+        end
+
+        room:broadcast_message(
+            st.message({ type = 'groupchat', from = occupant.nick })
+              :tag('json-message', {xmlns='http://jitsi.org/jitmeet'})
+              :text(json_msg_str):up());
+    end
+end
+
+-- Sends a json message notifying for lobby enabled/disable
+-- the message from is the actor that did the operation
+function notify_lobby_enabled(room, actor, value)
+    broadcast_json_msg(room, actor, {
+        event = NOTIFY_LOBBY_ENABLED,
+        value = value
+    });
+end
+
+-- Sends a json message notifying that the jid was granted/denied access in lobby
+-- the message from is the actor that did the operation
+function notify_lobby_access(room_jid, actor, jid, display_name, granted)
+    local notify_json = {
+        value = jid,
+        name = display_name
+    };
+    if granted then
+        notify_json.event = NOTIFY_LOBBY_ACCESS_GRANTED;
+    else
+        notify_json.event = NOTIFY_LOBBY_ACCESS_DENIED;
+    end
+
+    local room = get_room_from_jid(room_jid);
+    if not room then
+        module:log('error', 'Room not found for %s', room_jid)
+        return;
+    end
+
+    broadcast_json_msg(room, actor, notify_json);
+end
+
+function filter_stanza(stanza)
+    if not stanza.attr or not stanza.attr.from or not main_muc_service or not lobby_muc_service then
+        return stanza;
+    end
+    -- Allow self-presence (code=110)
+    local node, from_domain = jid_split(stanza.attr.from);
+
+    if from_domain == lobby_muc_component_config then
+        if stanza.name == 'presence' then
+            local muc_x = stanza:get_child('x', MUC_NS..'#user');
+            if not muc_x or presence_check_status(muc_x, '110') then
+                return stanza;
+            end
+
+            local lobby_room_jid = jid_bare(stanza.attr.from);
+            local lobby_room = lobby_muc_service.get_room_from_jid(lobby_room_jid);
+            if not lobby_room then
+                module:log('warn', 'No lobby room found %s', lobby_room_jid);
+                return stanza;
+            end
+
+            -- check is an owner, only owners can receive the presence
+            -- do not forward presence of owners (other than unavailable)
+            local room = main_muc_service.get_room_from_jid(jid_bare(node .. '@' .. main_muc_component_config));
+            local item = muc_x:get_child('item');
+            if not room
+                or stanza.attr.type == 'unavailable'
+                or (room.get_affiliation(room, stanza.attr.to) == 'owner'
+                    and room.get_affiliation(room, item.attr.jid) ~= 'owner') then
+                return stanza;
+            end
+
+            local is_to_moderator = lobby_room:get_affiliation(stanza.attr.to) == 'owner';
+            local from_occupant = lobby_room:get_occupant_by_nick(stanza.attr.from);
+            if not from_occupant then
+                if is_to_moderator then
+                    return stanza;
+                end
+
+                module:log('warn', 'No lobby occupant found %s', stanza.attr.from);
+                return nil;
+            end
+
+            local from_real_jid;
+            for real_jid in from_occupant:each_session() do
+                from_real_jid = real_jid;
+            end
+
+            if is_to_moderator and lobby_room:get_affiliation(from_real_jid) ~= 'owner' then
+                return stanza;
+            end
+        elseif stanza.name == 'iq' and stanza:get_child('query', DISCO_INFO_NS) then
+            -- allow disco info from the lobby component
+            return stanza;
+        elseif stanza.name == 'message' then
+            -- allow messages to or from moderator
+            local lobby_room_jid = jid_bare(stanza.attr.from);
+            local lobby_room = lobby_muc_service.get_room_from_jid(lobby_room_jid);
+
+            if not lobby_room then
+                module:log('warn', 'No lobby room found %s', stanza.attr.from);
+                return nil;
+            end
+
+            local is_to_moderator = lobby_room:get_affiliation(stanza.attr.to) == 'owner';
+            local from_occupant = lobby_room:get_occupant_by_nick(stanza.attr.from);
+
+            local from_real_jid;
+            if from_occupant then
+                for real_jid in from_occupant:each_session() do
+                    from_real_jid = real_jid;
+                end
+            end
+
+            if not from_real_jid then
+                return nil;
+            end
+
+            local is_from_moderator = lobby_room:get_affiliation(from_real_jid) == 'owner';
+
+            if is_to_moderator or is_from_moderator then
+                return stanza;
+            end
+            return nil;
+        end
+
+        return nil;
+    else
+        return stanza;
+    end
+end
+function filter_session(session)
+    -- domain mapper is filtering on default priority 0, and we need it after that
+    filters.add_filter(session, 'stanzas/out', filter_stanza, -1);
+end
+
+-- actor can be null if called from backend (another module using hook create-lobby-room)
+function attach_lobby_room(room, actor)
+    local node = jid_split(room.jid);
+    local lobby_room_jid = node .. '@' .. lobby_muc_component_config;
+    if not lobby_muc_service.get_room_from_jid(lobby_room_jid) then
+        local new_room = lobby_muc_service.create_room(lobby_room_jid);
+        -- set persistent the lobby room to avoid it to be destroyed
+        -- there are cases like when selecting new moderator after the current one leaves
+        -- which can leave the room with no occupants and it will be destroyed and we want to
+        -- avoid lobby destroy while it is enabled
+        new_room:set_persistent(true);
+        module:log("info","Lobby room jid = %s created from:%s", lobby_room_jid, actor);
+        new_room.main_room_jid = room.jid;
+        room._data.lobbyroom = new_room.jid;
+        room:save(true);
+        return true
+    end
+    return false
+end
+
+-- destroys lobby room for the supplied main room
+function destroy_lobby_room(room, newjid, message)
+    if not message then
+        message = 'Lobby room closed.';
+    end
+    if lobby_muc_service and room and room._data.lobbyroom then
+        local lobby_room_obj = lobby_muc_service.get_room_from_jid(room._data.lobbyroom);
+        if lobby_room_obj then
+            lobby_room_obj:set_persistent(false);
+            lobby_room_obj:destroy(newjid, message);
+
+            module:log('info', 'Lobby room destroyed %s', lobby_room_obj.jid)
+
+            if room.jitsiMetadata then
+                room.jitsiMetadata.lobbyEnabled = false;
+                module:context(main_muc_component_config):fire_event('room-metadata-changed', { room = room; });
+            end
+        end
+        room._data.lobbyroom = nil;
+        room._data.lobby_extra_reason = nil;
+        room._data.lobby_skip_display_name_check = nil;
+    end
+end
+
+-- This is a copy of the function(handle_admin_query_set_command) from prosody 12 (d7857ef7843a)
+function handle_admin_query_set_command_item(self, origin, stanza, item)
+    if not item then
+        origin.send(st.error_reply(stanza, "cancel", "bad-request"));
+        return true;
+    end
+    if item.attr.jid then -- Validate provided JID
+        item.attr.jid = jid_prep(item.attr.jid);
+        if not item.attr.jid then
+            origin.send(st.error_reply(stanza, "modify", "jid-malformed"));
+            return true;
+        elseif jid_resource(item.attr.jid) then
+            origin.send(st.error_reply(stanza, "modify", "jid-malformed", "Bare JID expected, got full JID"));
+            return true;
+        end
+    end
+    if item.attr.nick then -- Validate provided nick
+        item.attr.nick = resourceprep(item.attr.nick);
+        if not item.attr.nick then
+            origin.send(st.error_reply(stanza, "modify", "jid-malformed", "invalid nickname"));
+            return true;
+        end
+    end
+    if not item.attr.jid and item.attr.nick then
+        -- COMPAT Workaround for Miranda sending 'nick' instead of 'jid' when changing affiliation
+        local occupant = self:get_occupant_by_nick(self.jid.."/"..item.attr.nick);
+        if occupant then item.attr.jid = occupant.bare_jid; end
+    elseif item.attr.role and not item.attr.nick and item.attr.jid then
+        -- Role changes should use nick, but we have a JID so pull the nick from that
+        local nick = self:get_occupant_jid(item.attr.jid);
+        if nick then item.attr.nick = jid_resource(nick); end
+    end
+    local actor = stanza.attr.from;
+    local reason = item:get_child_text("reason");
+    local success, errtype, err
+    if item.attr.affiliation and item.attr.jid and not item.attr.role then
+        local registration_data;
+        if item.attr.nick then
+            local room_nick = self.jid.."/"..item.attr.nick;
+            local existing_occupant = self:get_occupant_by_nick(room_nick);
+            if existing_occupant and existing_occupant.bare_jid ~= item.attr.jid then
+                module:log("debug", "Existing occupant for %s: %s does not match %s", room_nick, existing_occupant.bare_jid, item.attr.jid);
+                self:set_role(true, room_nick, nil, "This nickname is reserved");
+            end
+            module:log("debug", "Reserving %s for %s (%s)", item.attr.nick, item.attr.jid, item.attr.affiliation);
+            registration_data = { reserved_nickname = item.attr.nick };
+        end
+        success, errtype, err = self:set_affiliation(actor, item.attr.jid, item.attr.affiliation, reason, registration_data);
+    elseif item.attr.role and item.attr.nick and not item.attr.affiliation then
+        success, errtype, err = self:set_role(actor, self.jid.."/"..item.attr.nick, item.attr.role, reason);
+    else
+        success, errtype, err = nil, "cancel", "bad-request";
+    end
+    self:save(true);
+    if not success then
+        origin.send(st.error_reply(stanza, errtype, err));
+    else
+        origin.send(st.reply(stanza));
+    end
+end
+
+-- this is extracted from prosody to handle multiple invites
+function handle_mediated_invite(room, origin, stanza, payload, host_module)
+    local invitee = jid_prep(payload.attr.to);
+    if not invitee then
+        origin.send(st.error_reply(stanza, "cancel", "jid-malformed"));
+        return true;
+    elseif host_module:fire_event("muc-pre-invite", {room = room, origin = origin, stanza = stanza}) then
+        return true;
+    end
+    local invite = muc_util.filter_muc_x(st.clone(stanza));
+    invite.attr.from = room.jid;
+    invite.attr.to = invitee;
+    invite:tag('x', { xmlns = MUC_USER_NS })
+            :tag('invite', {from = stanza.attr.from;})
+                :tag('reason'):text(payload:get_child_text("reason")):up()
+            :up()
+        :up();
+    if not host_module:fire_event("muc-invite", {room = room, stanza = invite, origin = origin, incoming = stanza}) then
+        local join = invite:get_child('x', MUC_USER_NS);
+        -- make sure we filter password added by any module
+        if join then
+            local password = join:get_child('password');
+            if password then
+                join:maptags(
+                    function(tag)
+                        for k, v in pairs(tag) do
+                            if k == 'name' and v == 'password' then
+                                return nil
+                            end
+                        end
+                        return tag
+                    end
+                );
+            end
+        end
+        room:route_stanza(invite);
+    end
+    return true;
+end
+
+local prosody_overrides = {
+    -- handle multiple items at once
+    handle_admin_query_set_command = function(self, origin, stanza)
+        for i=1,#stanza.tags[1] do
+            if handle_admin_query_set_command_item(self, origin, stanza, stanza.tags[1].tags[i]) then
+                return true;
+            end
+        end
+        return true;
+    end,
+    -- this is extracted from prosody to handle multiple invites
+    handle_message_to_room = function(room, origin, stanza, host_module)
+        local type = stanza.attr.type;
+        if type == nil or type == "normal" then
+            local x = stanza:get_child("x", MUC_USER_NS);
+            if x then
+                local handled = false;
+                for _, payload in pairs(x.tags) do
+                    if payload ~= nil and payload.name == "invite" and payload.attr.to then
+                        handled = true;
+                        handle_mediated_invite(room, origin, stanza, payload, host_module)
+                    end
+                end
+                return handled;
+            end
+        end
+    end
+};
+
+-- operates on already loaded lobby muc module
+function process_lobby_muc_loaded(lobby_muc, host_module)
+    module:log('debug', 'Lobby muc loaded');
+    lobby_muc_service = lobby_muc;
+
+    -- enable filtering presences in the lobby muc rooms
+    filters.add_filter_hook(filter_session);
+
+    -- Advertise lobbyrooms support on main domain so client can pick up the address and use it
+    module:add_identity('component', LOBBY_IDENTITY_TYPE, lobby_muc_component_config);
+
+    -- Tag the disco#info response with a feature that display name is required
+    -- when the conference name from the web request has a lobby enabled.
+    host_module:hook('host-disco-info-node', function (event)
+        local session, reply, node = event.origin, event.reply, event.node;
+        if node == LOBBY_IDENTITY_TYPE
+            and session.jitsi_web_query_room then
+            local room = get_room_by_name_and_subdomain(session.jitsi_web_query_room, session.jitsi_web_query_prefix);
+
+            if room and room._data.lobby_disabled then
+                -- we cannot remove the child from the stanza so let's just change the type
+                local lobby_identity = reply:get_child_with_attr('identity', nil, 'type', LOBBY_IDENTITY_TYPE);
+                lobby_identity.attr.type = 'DISABLED_'..LOBBY_IDENTITY_TYPE;
+            end
+
+            if check_display_name_required and room and room._data.lobbyroom then
+                reply:tag('feature', { var = DISPLAY_NAME_REQUIRED_FEATURE }):up();
+            end
+        end
+        event.exists = true;
+    end);
+
+    local room_mt = lobby_muc_service.room_mt;
+    -- we base affiliations (roles) in lobby muc component to be based on the roles in the main muc
+    room_mt.get_affiliation = function(room, jid)
+        if not room.main_room_jid then
+            module:log('error', 'No main room(%s) for %s!', room.jid, jid);
+            return 'none';
+        end
+
+        -- moderators in main room are moderators here
+        local main_room = get_room_from_jid(room.main_room_jid);
+        if not main_room then
+            module:log('error', 'Main room not found for %s!', room.main_room_jid);
+            return 'none';
+        end
+        local role = main_room.get_affiliation(main_room, jid);
+        if role then
+            return role;
+        end
+
+        return 'none';
+    end
+
+    -- listens for kicks in lobby room, 307 is the status for kick according to xep-0045
+    host_module:hook('muc-broadcast-presence', function (event)
+        local actor, occupant, room, x = event.actor, event.occupant, event.room, event.x;
+        if presence_check_status(x, '307') then
+            local display_name = occupant:get_presence():get_child_text(
+                'nick', 'http://jabber.org/protocol/nick');
+            -- we need to notify in the main room
+            notify_lobby_access(room.main_room_jid, actor, occupant.nick, display_name, false);
+        end
+    end);
+end
+
+-- process or waits to process the lobby muc component
+process_host_module(lobby_muc_component_config, function(host_module, host)
+    -- lobby muc component created
+    module:log('info', 'Lobby component loaded %s', host);
+
+    local muc_module = prosody.hosts[host].modules.muc;
+    if muc_module then
+        process_lobby_muc_loaded(muc_module, host_module);
+    else
+        module:log('debug', 'Will wait for muc to be available');
+        prosody.hosts[host].events.add_handler('module-loaded', function(event)
+            if (event.module == 'muc') then
+                process_lobby_muc_loaded(prosody.hosts[host].modules.muc, host_module);
+            end
+        end);
+    end
+end);
+
+-- process or waits to process the main muc component
+process_host_module(main_muc_component_config, function(host_module, host)
+    main_muc_service = prosody.hosts[host].modules.muc;
+
+    -- hooks when lobby is enabled to create its room, only done here or by admin
+    host_module:hook('muc-config-submitted', function(event)
+        local actor, room = event.actor, event.room;
+        local actor_node = jid_split(actor);
+        if actor_node == 'focus' then
+            return;
+        end
+        local members_only = event.fields['muc#roomconfig_membersonly'] and true or nil;
+        if members_only then
+            -- if lobby disabled just ignore and return
+            if room._data.lobby_disabled then
+                module:log('warn', 'Lobby is disabled for room %s, cannot enable members only', room.jid);
+                return;
+            end
+            local lobby_created = attach_lobby_room(room, actor);
+            if lobby_created then
+                module:fire_event('jitsi-lobby-enabled', { room = room; });
+                event.status_codes['104'] = true;
+                notify_lobby_enabled(room, actor, true);
+
+                -- let's set it in the metadata and fire the event
+                if not room.jitsiMetadata then
+                    room.jitsiMetadata = {};
+                end
+                room.jitsiMetadata.lobbyEnabled = true;
+                host_module:fire_event('room-metadata-changed', { room = room; });
+            end
+        elseif room._data.lobbyroom then
+            destroy_lobby_room(room, internal_room_jid_match_rewrite(room.jid), nil); --
+            module:fire_event('jitsi-lobby-disabled', { room = room; });
+            notify_lobby_enabled(room, actor, false);
+        end
+    end);
+    host_module:hook('muc-room-destroyed',function(event)
+        local room = event.room;
+        if room._data.lobbyroom then
+            destroy_lobby_room(room, nil);
+        end
+    end, 1); -- prosody handles it at 0
+    host_module:hook('muc-disco#info', function (event)
+        local room = event.room;
+        if (room._data.lobbyroom and room:get_members_only()) then
+            table.insert(event.form, {
+                name = 'muc#roominfo_lobbyroom';
+                label = 'Lobby room jid';
+                value = '';
+            });
+            event.formdata['muc#roominfo_lobbyroom'] = room._data.lobbyroom;
+        end
+    end);
+
+    host_module:hook('muc-occupant-pre-join', function (event)
+        local occupant, room, stanza = event.occupant, event.room, event.stanza;
+
+        if is_healthcheck_room(room.jid) or not room:get_members_only() or ends_with(occupant.nick, '/focus') then
+            return;
+        end
+
+        local join = stanza:get_child('x', MUC_NS);
+        if not join then
+            return;
+        end
+
+        local invitee = event.stanza.attr.from;
+        local invitee_bare_jid = jid_bare(invitee);
+        local _, invitee_domain = jid_split(invitee);
+        local whitelistJoin = false;
+
+        -- whitelist participants
+        if whitelist:contains(invitee_domain) or whitelist:contains(invitee_bare_jid) then
+            whitelistJoin = true;
+        end
+
+        local password = join:get_child_text('password', MUC_NS);
+        if password and room:get_password() and password == room:get_password() then
+            whitelistJoin = true;
+        end
+
+        if whitelistJoin then
+            local affiliation = room:get_affiliation(invitee);
+            -- if it was already set to be whitelisted member
+            if not affiliation or affiliation == 'none' or affiliation == 'member' then
+                occupant.role = 'participant';
+                room:set_affiliation(true, invitee_bare_jid, 'member');
+                room:save_occupant(occupant);
+
+                return;
+            end
+        elseif room:get_password() then
+            local affiliation = room:get_affiliation(invitee);
+            -- if pre-approved and password is set for the room, add the password to allow joining
+            if affiliation == 'member' and not password then
+                join:tag('password', { xmlns = MUC_NS }):text(room:get_password());
+            end
+        end
+
+        -- Check for display name if missing return an error
+        local displayName = stanza:get_child_text('nick', 'http://jabber.org/protocol/nick');
+        if (not displayName or #displayName == 0) and not room._data.lobby_skip_display_name_check then
+            local reply = st.error_reply(stanza, 'modify', 'not-acceptable');
+            reply.tags[1].attr.code = '406';
+            reply:tag('displayname-required', { xmlns = 'http://jitsi.org/jitmeet', lobby = 'true' }):up():up();
+
+            event.origin.send(reply:tag('x', {xmlns = MUC_NS}));
+            return true;
+        end
+
+        -- we want to add the custom lobbyroom field to fill in the lobby room jid
+        local invitee = event.stanza.attr.from;
+        local affiliation = room:get_affiliation(invitee);
+        if not affiliation or affiliation == 'none' then
+            local reply = st.error_reply(stanza, 'auth', 'registration-required');
+            reply.tags[1].attr.code = '407';
+            if room._data.lobby_extra_reason then
+                reply:tag(room._data.lobby_extra_reason, { xmlns = 'http://jitsi.org/jitmeet' }):up();
+            end
+            reply:tag('lobbyroom', { xmlns = 'http://jitsi.org/jitmeet' }):text(room._data.lobbyroom):up():up();
+
+            -- TODO: Drop this tag at some point (when all mobile clients and jigasi are updated), as this violates the rfc
+            reply:tag('lobbyroom'):text(room._data.lobbyroom):up();
+
+            event.origin.send(reply:tag('x', {xmlns = MUC_NS}));
+            return true;
+        end
+    end, -4); -- the default hook on members_only module is on -5
+
+    -- listens for invites for participants to join the main room
+    host_module:hook('muc-invite', function(event)
+        local room, stanza = event.room, event.stanza;
+        local invitee = stanza.attr.to;
+        local from = stanza:get_child('x', MUC_USER_NS)
+            :get_child('invite').attr.from;
+
+        if lobby_muc_service and room._data.lobbyroom then
+            local lobby_room_obj = lobby_muc_service.get_room_from_jid(room._data.lobbyroom);
+            if lobby_room_obj then
+                local occupant = lobby_room_obj:get_occupant_by_real_jid(invitee);
+                if occupant then
+                    local display_name = occupant:get_presence():get_child_text(
+                            'nick', 'http://jabber.org/protocol/nick');
+
+                    notify_lobby_access(room.jid, from, occupant.nick, display_name, true);
+                end
+            end
+        end
+    end);
+
+    -- listen for admin set
+    for event_name, method in pairs {
+        -- Normal room interactions
+        ["iq-set/bare/http://jabber.org/protocol/muc#admin:query"] = "handle_admin_query_set_command" ;
+        ["message/bare"] = "handle_message_to_room" ;
+        -- Host room
+        ["iq-set/host/http://jabber.org/protocol/muc#admin:query"] = "handle_admin_query_set_command" ;
+        ["message/host"] = "handle_message_to_room" ;
+    } do
+        host_module:hook(event_name, function (event)
+            local origin, stanza = event.origin, event.stanza;
+            local room_jid = jid_bare(stanza.attr.to);
+            local room = get_room_from_jid(room_jid);
+
+            if room then
+                return prosody_overrides[method](room, origin, stanza, host_module);
+            end
+        end, 1) -- make sure we handle it before prosody that uses priority -2 for this
+    end
+end);
+
+function handle_create_lobby(event)
+    local room = event.room;
+
+    -- since this is called by backend rather than triggered by UI, we need to handle a few additional things:
+    --  1. Make sure existing participants are already members or they will get kicked out when set_members_only(true)
+    --  2. Trigger a 104 (config change) status message so UI state is properly updated for existing users
+
+    -- make sure all existing occupants are members
+    for _, occupant in room:each_occupant() do
+        local affiliation = room:get_affiliation(occupant.bare_jid);
+        if valid_affiliations[affiliation or "none"] < valid_affiliations.member then
+            room:set_affiliation(true, occupant.bare_jid, 'member');
+        end
+    end
+    -- Now it is safe to set the room to members only
+    room:set_members_only(true);
+    room._data.lobby_extra_reason = event.reason;
+    room._data.lobby_skip_display_name_check = event.skip_display_name_check;
+
+    -- set in metadata without firing room-metadata-changed,
+    -- as this is a backend call and the caller will take care of that
+    if not room.jitsiMetadata then
+        room.jitsiMetadata = {};
+    end
+    room.jitsiMetadata.lobbyEnabled = true;
+
+    -- Trigger a presence with 104 so existing participants retrieves new muc#roomconfig
+    room:broadcast_message(
+        st.message({ type='groupchat', from=room.jid })
+            :tag('x', { xmlns = MUC_USER_NS })
+                :tag('status', { code='104' })
+    );
+
+    -- Attach the lobby room.
+    attach_lobby_room(room);
+end
+
+function handle_destroy_lobby(event)
+    local room = event.room;
+
+    -- since this is called by backend rather than triggered by UI, we need to
+    -- trigger a 104 (config change) status message so UI state is properly updated for existing users (and jicofo)
+    destroy_lobby_room(room, event.newjid, event.message);
+
+    -- Trigger a presence with 104 so existing participants retrieves new muc#roomconfig
+    room:broadcast_message(
+        st.message({ type='groupchat', from=room.jid })
+            :tag('x', { xmlns = MUC_USER_NS })
+                :tag('status', { code='104' })
+    );
+end
+
+module:hook_global('config-reloaded', load_config);
+module:hook_global('create-lobby-room', handle_create_lobby);
+module:hook_global('destroy-lobby-room', handle_destroy_lobby);
diff --git a/resources/prosody-plugins/mod_muc_max_occupants.lua b/resources/prosody-plugins/mod_muc_max_occupants.lua
new file mode 100644
index 0000000..4a4892c
--- /dev/null
+++ b/resources/prosody-plugins/mod_muc_max_occupants.lua
@@ -0,0 +1,72 @@
+-- MUC Max Occupants
+-- Configuring muc_max_occupants will set a limit of the maximum number
+-- of participants that will be able to join in a room.
+-- Participants in muc_access_whitelist will not be counted for the
+-- max occupants value (values are jids like recorder@jitsi.meeet.example.com).
+-- This module is configured under the muc component that is used for jitsi-meet
+local split_jid = require "util.jid".split;
+local st = require "util.stanza";
+local it = require "util.iterators";
+local is_healthcheck_room = module:require "util".is_healthcheck_room;
+
+local whitelist = module:get_option_set("muc_access_whitelist");
+local MAX_OCCUPANTS = module:get_option_number("muc_max_occupants", -1);
+
+local function count_keys(t)
+  return it.count(it.keys(t));
+end
+
+local function check_for_max_occupants(event)
+  local room, origin, stanza = event.room, event.origin, event.stanza;
+  local user, domain, res = split_jid(stanza.attr.from);
+
+  if is_healthcheck_room(room.jid) then
+    return;
+  end
+
+  --no user object means no way to check for max occupants
+  if user == nil then
+    return
+  end
+  -- If we're a whitelisted user joining the room, don't bother checking the max
+  -- occupants.
+  if whitelist and (whitelist:contains(domain) or whitelist:contains(user..'@'..domain)) then
+    return;
+  end
+
+	if room and not room._jid_nick[stanza.attr.from] then
+        local max_occupants_by_room = event.room._data.max_occupants;
+		local count = count_keys(room._occupants);
+        -- if no of occupants limit is set per room basis use
+        -- that settings otherwise use the global one
+        local slots = max_occupants_by_room or MAX_OCCUPANTS;
+
+		-- If there is no whitelist, just check the count.
+		if not whitelist and count >= slots then
+			module:log("info", "Attempt to enter a maxed out room: %s", room.jid);
+			origin.send(st.error_reply(stanza, "cancel", "service-unavailable"));
+			return true;
+		end
+
+		-- TODO: Are Prosody hooks atomic, or is this a race condition?
+		-- For each person in the room that's not on the whitelist, subtract one
+		-- from the count.
+		for _, occupant in room:each_occupant() do
+			user, domain, res = split_jid(occupant.bare_jid);
+			if not whitelist or (not whitelist:contains(domain) and not whitelist:contains(user..'@'..domain)) then
+				slots = slots - 1
+			end
+		end
+
+		-- If the room is full (<0 slots left), error out.
+		if slots <= 0 then
+			module:log("info", "Attempt to enter a maxed out room:%s", room.jid);
+			origin.send(st.error_reply(stanza, "cancel", "service-unavailable"));
+			return true;
+		end
+	end
+end
+
+if MAX_OCCUPANTS > 0 then
+	module:hook("muc-occupant-pre-join", check_for_max_occupants, 10);
+end
diff --git a/resources/prosody-plugins/mod_muc_meeting_id.lua b/resources/prosody-plugins/mod_muc_meeting_id.lua
new file mode 100644
index 0000000..6e0e3e4
--- /dev/null
+++ b/resources/prosody-plugins/mod_muc_meeting_id.lua
@@ -0,0 +1,257 @@
+local jid = require 'util.jid';
+local json = require 'cjson.safe';
+local queue = require "util.queue";
+local uuid_gen = require "util.uuid".generate;
+local main_util = module:require "util";
+local is_admin = main_util.is_admin;
+local ends_with = main_util.ends_with;
+local get_room_from_jid = main_util.get_room_from_jid;
+local is_healthcheck_room = main_util.is_healthcheck_room;
+local internal_room_jid_match_rewrite = main_util.internal_room_jid_match_rewrite;
+local presence_check_status = main_util.presence_check_status;
+local extract_subdomain = main_util.extract_subdomain;
+local util = module:require 'util';
+local is_transcriber = util.is_transcriber;
+
+local QUEUE_MAX_SIZE = 500;
+
+module:depends("jitsi_permissions");
+
+-- Common module for all logic that can be loaded under the conference muc component.
+--
+-- This module:
+-- a) Generates a unique meetingId, attaches it to the room and adds it to all disco info form data
+--    (when room is queried or in the initial room owner config).
+-- b) Updates user region (obtain it from the incoming http headers) in the occupant's presence on pre-join.
+-- c) Avoids any participant joining the room in the interval between creating the room and jicofo entering the room.
+-- d) Removes any nick that maybe set to messages being sent to the room.
+-- e) Fires event for received endpoint messages (optimization to decode them once).
+
+-- Hook to assign meetingId for new rooms
+module:hook("muc-room-created", function(event)
+    local room = event.room;
+
+    if is_healthcheck_room(room.jid) then
+        return;
+    end
+
+    room._data.meetingId = uuid_gen();
+
+    module:log("debug", "Created meetingId:%s for %s",
+        room._data.meetingId, room.jid);
+end);
+
+-- Returns the meeting config Id form data.
+function getMeetingIdConfig(room)
+    return {
+        name = "muc#roominfo_meetingId";
+        type = "text-single";
+        label = "The meeting unique id.";
+        value = room._data.meetingId or "";
+    };
+end
+
+-- add meeting Id to the disco info requests to the room
+module:hook("muc-disco#info", function(event)
+    table.insert(event.form, getMeetingIdConfig(event.room));
+end);
+
+-- add the meeting Id in the default config we return to jicofo
+module:hook("muc-config-form", function(event)
+    table.insert(event.form, getMeetingIdConfig(event.room));
+end, 90-3);
+
+-- disabled few options for room config, to not mess with visitor logic
+module:hook("muc-config-submitted/muc#roomconfig_moderatedroom", function()
+    return true;
+end, 99);
+module:hook("muc-config-submitted/muc#roomconfig_presencebroadcast", function()
+    return true;
+end, 99);
+module:hook("muc-config-submitted/muc#roominfo_meetingId", function(event)
+    -- we allow jicofo to overwrite the meetingId
+    if is_admin(event.actor) then
+        event.room._data.meetingId = event.value;
+        return;
+    end
+
+    return true;
+end, 99);
+module:hook('muc-broadcast-presence', function (event)
+    local actor, occupant, room, x = event.actor, event.occupant, event.room, event.x;
+    if presence_check_status(x, '307') then
+        -- make sure we update and affiliation for kicked users
+        room:set_affiliation(actor, occupant.bare_jid, 'none');
+    end
+end);
+
+local function process_region(session, stanza)
+    if not session.user_region then
+        return;
+    end
+
+    local region = stanza:get_child_text('jitsi_participant_region');
+    if region then
+        return;
+    end
+
+    stanza:tag('jitsi_participant_region'):text(session.user_region):up();
+end
+
+--- Avoids any participant joining the room in the interval between creating the room
+--- and jicofo entering the room
+module:hook('muc-occupant-pre-join', function (event)
+    local occupant, room, stanza = event.occupant, event.room, event.stanza;
+
+    local is_health_room = is_healthcheck_room(room.jid);
+    -- check for region
+    if not is_admin(occupant.bare_jid) and not is_health_room then
+        process_region(event.origin, stanza);
+    end
+
+    -- we skip processing only if jicofo_lock is set to false
+    if room._data.jicofo_lock == false or is_health_room then
+        return;
+    end
+
+    if ends_with(occupant.nick, '/focus') then
+        module:fire_event('jicofo-unlock-room', { room = room; });
+    else
+        room._data.jicofo_lock = true;
+        if not room.pre_join_queue then
+            room.pre_join_queue = queue.new(QUEUE_MAX_SIZE);
+        end
+
+        if not room.pre_join_queue:push(event) then
+            module:log('error', 'Error enqueuing occupant event for: %s', occupant.nick);
+            return true;
+        end
+        module:log('debug', 'Occupant pushed to prejoin queue %s', occupant.nick);
+
+        -- stop processing
+        return true;
+    end
+end, 8); -- just after the rate limit
+
+function handle_jicofo_unlock(event)
+    local room = event.room;
+
+    room._data.jicofo_lock = false;
+    if not room.pre_join_queue then
+        return;
+    end
+
+    -- and now let's handle all pre_join_queue events
+    for _, ev in room.pre_join_queue:items() do
+        -- if the connection was closed while waiting in the queue, ignore
+        if ev.origin.conn then
+            module:log('debug', 'Occupant processed from queue %s', ev.occupant.nick);
+            room:handle_normal_presence(ev.origin, ev.stanza);
+        end
+    end
+    room.pre_join_queue = nil;
+end
+
+module:hook('jicofo-unlock-room', handle_jicofo_unlock);
+
+-- make sure we remove nick if someone is sending it with a message to protect
+-- forgery of display name
+module:hook("muc-occupant-groupchat", function(event)
+    event.stanza:remove_children('nick', 'http://jabber.org/protocol/nick');
+end, 45); -- prosody check is prio 50, we want to run after it
+
+local function filterTranscriptionResult(event)
+    local stanza = event.stanza;
+
+    if stanza.attr.type ~= 'groupchat' then
+        return nil;
+    end
+
+    -- we are interested in all messages without a body
+    local body = stanza:get_child('body')
+    if body then
+        return;
+    end
+
+    local room = get_room_from_jid(stanza.attr.to);
+    if not room then
+        module:log('warn', 'No room found for %s', stanza.attr.to);
+        return;
+    end
+
+    local occupant_jid = stanza.attr.from;
+    local occupant = room:get_occupant_by_real_jid(occupant_jid);
+    if not occupant then
+        -- skip logs for messages coming from s2s
+        if event.origin.type == 'c2s' then
+            module:log("error", "Occupant sending msg %s was not found in room %s", occupant_jid, room.jid);
+        end
+        return;
+    end
+
+    local json_message = stanza:get_child_text('json-message', 'http://jitsi.org/jitmeet')
+        or stanza:get_child_text('json-message');
+    if not json_message then
+        return;
+    end
+
+    local msg_obj, error = json.decode(json_message);
+
+    if error then
+        module:log('error', 'Error decoding data error:%s Sender: %s to:%s', error, stanza.attr.from, stanza.attr.to);
+        return true;
+    end
+
+    if msg_obj.type == 'transcription-result' then
+        if not is_transcriber(stanza.attr.from) then
+            module:log('warn', 'Filtering transcription-result message from non-transcriber: %s', stanza.attr.from);
+            -- Do not fire the event, and do not forward the message
+            return true
+        end
+        if msg_obj.is_interim then
+            -- Do not fire the event, but forward the message
+            return
+        end
+    end
+
+    if msg_obj.transcript ~= nil then
+        local transcription = msg_obj;
+
+        -- in case of the string matching optimization above failed
+        if transcription.is_interim then
+            return;
+        end
+
+        -- TODO what if we have multiple alternative transcriptions not just 1
+        local text_message = transcription.transcript[1].text;
+        --do not send empty messages
+        if text_message == '' then
+            return;
+        end
+
+        local user_id = transcription.participant.id;
+        local who = room:get_occupant_by_nick(jid.bare(room.jid)..'/'..user_id);
+
+        transcription.jid = who and who.jid;
+        transcription.session_id = room._data.meetingId;
+
+        local tenant, conference_name, id = extract_subdomain(jid.node(room.jid));
+        if tenant then
+            transcription.fqn = tenant..'/'..conference_name;
+        else
+            transcription.fqn = conference_name;
+        end
+        transcription.customer_id = id;
+
+        return module:fire_event('jitsi-transcript-received', {
+            room = room, occupant = occupant, transcription = transcription, stanza = stanza });
+    end
+
+    return module:fire_event('jitsi-endpoint-message-received', {
+        room = room, occupant = occupant, message = msg_obj,
+        origin = event.origin,
+        stanza = stanza, raw_message = json_message });
+end
+
+module:hook('message/bare', filterTranscriptionResult);
+module:hook('jitsi-visitor-groupchat-pre-route', filterTranscriptionResult);
diff --git a/resources/prosody-plugins/mod_muc_password_check.lua b/resources/prosody-plugins/mod_muc_password_check.lua
new file mode 100644
index 0000000..7a3c540
--- /dev/null
+++ b/resources/prosody-plugins/mod_muc_password_check.lua
@@ -0,0 +1,186 @@
+local inspect = require "inspect";
+local formdecode = require "util.http".formdecode;
+local urlencode = require "util.http".urlencode;
+local jid = require "util.jid";
+local json = require 'cjson.safe';
+local util = module:require "util";
+local async_handler_wrapper = util.async_handler_wrapper;
+local starts_with = util.starts_with;
+local process_host_module = util.process_host_module;
+local token_util = module:require "token/util".new(module);
+
+-- option to enable/disable room API token verifications
+local enableTokenVerification
+= module:get_option_boolean("enable_password_token_verification", true);
+
+local muc_domain_base = module:get_option_string("muc_mapper_domain_base");
+if not muc_domain_base then
+    module:log("warn", "No 'muc_domain_base' option set, disabling password check endpoint.");
+    return ;
+end
+local muc_domain_prefix = module:get_option_string("muc_mapper_domain_prefix", "conference");
+
+local json_content_type = "application/json";
+
+--- Verifies the token
+-- @param token the token we received
+-- @param room_address the full room address jid
+-- @return true if values are ok or false otherwise
+function verify_token(token, room_address)
+    if not enableTokenVerification then
+        return true;
+    end
+
+    -- if enableTokenVerification is enabled and we do not have token
+    -- stop here, cause the main virtual host can have guest access enabled
+    -- (allowEmptyToken = true) and we will allow access to rooms info without
+    -- a token
+    if token == nil then
+        module:log("warn", "no token provided for %s", room_address);
+        return false;
+    end
+
+    local session = {};
+    session.auth_token = token;
+    local verified, reason, msg = token_util:process_and_verify_token(session);
+    if not verified then
+        module:log("warn", "not a valid token %s %s for %s", tostring(reason), tostring(msg), room_address);
+        return false;
+    end
+
+    return true;
+end
+
+-- Validates the request by checking for required url param room and
+-- validates the token provided with the request
+-- @param request - The request to validate.
+-- @return [error_code, room]
+local function validate_and_get_room(request)
+    if not request.url.query then
+        module:log("warn", "No query");
+        return 400, nil;
+    end
+
+    local params = formdecode(request.url.query);
+    local room_name = urlencode(params.room) or "";
+    local subdomain = urlencode(params.prefix) or "";
+
+    if not room_name then
+        module:log("warn", "Missing room param for %s", room_name);
+        return 400, nil;
+    end
+
+    local room_address = jid.join(room_name, muc_domain_prefix.."."..muc_domain_base);
+
+    if subdomain and subdomain ~= "" then
+        room_address = "["..subdomain.."]"..room_address;
+    end
+
+    -- verify access
+    local token = request.headers["authorization"]
+
+    if token and starts_with(token,'Bearer ') then
+        token = token:sub(8,#token)
+    end
+
+    if not verify_token(token, room_address) then
+        return 403, nil;
+    end
+
+    local room = get_room_from_jid(room_address);
+
+    if not room then
+        module:log("warn", "No room found for %s", room_address);
+        return 404, nil;
+    else
+        return 200, room;
+    end
+end
+
+function handle_validate_room_password (event)
+    local request = event.request;
+
+    if request.headers.content_type ~= json_content_type
+            or (not request.body or #request.body == 0) then
+        module:log("warn", "Wrong content type: %s", request.headers.content_type);
+        return { status_code = 400; }
+    end
+
+    local params, error = json.decode(request.body);
+    if not params then
+        module:log("warn", "Missing params error:%s", error);
+        return { status_code = 400; }
+    end
+
+    local passcode = params["passcode"];
+
+    if not passcode then
+        module:log("warn", "Missing passcode param");
+        return { status_code = 400; };
+    end
+
+    local error_code, room = validate_and_get_room(request);
+
+    if not room then
+        return { status_code = error_code; }
+    end
+
+    local json_msg_str, error_encode = json.encode({ valid = (room:get_password() == passcode) });
+    if not json_msg_str then
+        module:log('error', 'Cannot encode json room:%s error:%s', room.jid, error_encode);
+        return { status_code = 400; };
+    end
+
+    local PUT_response = {
+        headers = { content_type = "application/json"; };
+        body = json_msg_str;
+    };
+
+    -- module:log("debug","Sending response for room password validate: %s", inspect(PUT_response));
+
+    return PUT_response;
+end
+
+--- Handles request for retrieving the room participants details
+-- @param event the http event, holds the request query
+-- @return GET response, containing a json with participants details
+function handle_get_room_password (event)
+    local error_code, room = validate_and_get_room(event.request);
+
+    if not room then
+        return { status_code = error_code; }
+    end
+
+    room_details = {};
+    room_details["conference"] = room.jid;
+    room_details["passcodeProtected"] = room:get_password() ~= nil;
+    room_details["lobbyEnabled"] = room._data ~= nil and room._data.lobbyroom ~= nil;
+
+    local json_msg_str, error = json.encode(room_details);
+    if not json_msg_str then
+        module:log('error', 'Cannot encode json room:%s error:%s', room.jid, error);
+        return { status_code = 400; };
+    end
+
+    local GET_response = {
+        headers = {
+            content_type = "application/json";
+        };
+        body = json_msg_str;
+    };
+    -- module:log("debug","Sending response for room password: %s", inspect(GET_response));
+
+    return GET_response;
+end
+
+process_host_module(muc_domain_base, function(host_module, host)
+    module:log("info","Adding http handler for /room-info on %s", host_module.host);
+    host_module:depends("http");
+    host_module:provides("http", {
+        default_path = "/";
+        route = {
+            ["GET room-info"] = function (event) return async_handler_wrapper(event, handle_get_room_password) end;
+            ["PUT room-info"] = function (event) return async_handler_wrapper(event, handle_validate_room_password) end;
+        };
+    });
+end);
diff --git a/resources/prosody-plugins/mod_muc_password_whitelist.lua b/resources/prosody-plugins/mod_muc_password_whitelist.lua
new file mode 100644
index 0000000..ea892e9
--- /dev/null
+++ b/resources/prosody-plugins/mod_muc_password_whitelist.lua
@@ -0,0 +1,56 @@
+--- AUTHOR: https://gist.github.com/legastero Lance Stout
+local jid_split = require "util.jid".split;
+local whitelist = module:get_option_set("muc_password_whitelist");
+
+local MUC_NS = "http://jabber.org/protocol/muc";
+
+
+module:hook("muc-occupant-pre-join", function (event)
+    local room, stanza = event.room, event.stanza;
+
+    local user, domain, res = jid_split(event.stanza.attr.from);
+
+    --no user object means no way to check whitelist
+    if user == nil then
+      return
+    end
+
+    if not whitelist then
+        return;
+    end
+    if not whitelist:contains(domain) and not whitelist:contains(user..'@'..domain) then
+        return;
+    end
+
+    local join = stanza:get_child("x", MUC_NS);
+    if not join then
+        join = stanza:tag("x", { xmlns = MUC_NS });
+    end
+
+    local password = join:get_child("password", MUC_NS);
+    if password then
+        -- removes <password... node,
+        -- seems like password:text( appends text, not replacing it
+        join:maptags(
+                function(tag)
+                    for k, v in pairs(tag) do
+                        if k == "name" and v == "password" then
+                            return nil
+                        end
+                    end
+                    return tag
+                end
+        );
+
+    end
+
+    join:tag("password", { xmlns = MUC_NS }):text(room:get_password());
+
+    -- module:log("debug", "Applied password access whitelist for %s in room %s", event.stanza.attr.from, room.jid);
+end, -7); --- Run before the password check (priority -20), runs after lobby(priority -4) and members-only (priority -5).
+
+
+module:hook_global("config-reloaded", function (event)
+    module:log("debug", "Reloading MUC password access whitelist");
+    whitelist = module:get_option_set("muc_password_whitelist");
+end)
diff --git a/resources/prosody-plugins/mod_muc_poltergeist.lua b/resources/prosody-plugins/mod_muc_poltergeist.lua
new file mode 100644
index 0000000..b9fa4a6
--- /dev/null
+++ b/resources/prosody-plugins/mod_muc_poltergeist.lua
@@ -0,0 +1,319 @@
+local bare = require "util.jid".bare;
+local get_room_by_name_and_subdomain = module:require "util".get_room_by_name_and_subdomain;
+local jid = require "util.jid";
+local neturl = require "net.url";
+local parse = neturl.parseQuery;
+local poltergeist = module:require "poltergeist";
+
+local have_async = pcall(require, "util.async");
+if not have_async then
+    module:log("error", "requires a version of Prosody with util.async");
+    return;
+end
+
+module:depends("jitsi_session");
+
+local async_handler_wrapper = module:require "util".async_handler_wrapper;
+
+-- Options
+local poltergeist_component
+    = module:get_option_string("poltergeist_component", module.host);
+
+-- this basically strips the domain from the conference.domain address
+local parentHostName = string.gmatch(tostring(module.host), "%w+.(%w.+)")();
+if parentHostName == nil then
+    log("error", "Failed to start - unable to get parent hostname");
+    return;
+end
+
+local parentCtx = module:context(parentHostName);
+if parentCtx == nil then
+    log("error",
+        "Failed to start - unable to get parent context for host: %s",
+        tostring(parentHostName));
+    return;
+end
+local token_util = module:require "token/util".new(parentCtx);
+
+-- option to enable/disable token verifications
+local disableTokenVerification
+    = module:get_option_boolean("disable_polergeist_token_verification", false);
+
+-- poltergaist management functions
+
+--- Verifies room name, domain name with the values in the token
+-- @param token the token we received
+-- @param room_name the room name
+-- @param group name of the group (optional)
+-- @param session the session to use for storing token specific fields
+-- @return true if values are ok or false otherwise
+function verify_token(token, room_name, group, session)
+    if disableTokenVerification then
+        return true;
+    end
+
+    -- if not disableTokenVerification and we do not have token
+    -- stop here, cause the main virtual host can have guest access enabled
+    -- (allowEmptyToken = true) and we will allow access to rooms info without
+    -- a token
+    if token == nil then
+        log("warn", "no token provided");
+        return false;
+    end
+
+    session.auth_token = token;
+    local verified, reason = token_util:process_and_verify_token(session);
+    if not verified then
+        log("warn", "not a valid token %s", tostring(reason));
+        return false;
+    end
+
+    local room_address = jid.join(room_name, module:get_host());
+    -- if there is a group we are in multidomain mode and that group is not
+    -- our parent host
+    if group and group ~= "" and group ~= parentHostName then
+        room_address = "["..group.."]"..room_address;
+    end
+
+    if not token_util:verify_room(session, room_address) then
+        log("warn", "Token %s not allowed to join: %s",
+            tostring(token), tostring(room_address));
+        return false;
+    end
+
+    return true;
+end
+
+-- Event handlers
+
+-- if we found that a session for a user with id has a poltergiest already
+-- created, retrieve its jid and return it to the authentication
+-- so we can reuse it and we that real user will replace the poltergiest
+prosody.events.add_handler("pre-jitsi-authentication", function(session)
+
+    if (session.jitsi_meet_context_user) then
+        local room = get_room_by_name_and_subdomain(
+            session.jitsi_web_query_room,
+            session.jitsi_web_query_prefix);
+
+        if (not room) then
+            return nil;
+        end
+
+        local username = poltergeist.get_username(
+           room,
+           session.jitsi_meet_context_user["id"]
+        );
+
+        if (not username) then
+            return nil;
+        end
+
+        log("debug", "Found predefined username %s", username);
+
+        -- let's find the room and if the poltergeist occupant is there
+        -- lets remove him before the real participant joins
+        -- when we see the unavailable presence to go out the server
+        -- we will mark it with ignore tag
+        local nick = poltergeist.create_nick(username);
+        if (poltergeist.occupies(room, nick)) then
+            module:log("info", "swapping poltergeist for user: %s/%s", room, nick)
+            -- notify that user connected using the poltergeist
+            poltergeist.update(room, nick, "connected");
+            poltergeist.remove(room, nick, true);
+        end
+
+        return username;
+    end
+
+    return nil;
+end);
+
+--- Note: mod_muc and some of its sub-modules add event handlers between 0 and -100,
+--- e.g. to check for banned users, etc.. Hence adding these handlers at priority -100.
+module:hook("muc-decline", function (event)
+    poltergeist.remove(event.room, bare(event.stanza.attr.from), false);
+end, -100);
+-- before sending the presence for a poltergeist leaving add ignore tag
+-- as poltergeist is leaving just before the real user joins and in the client
+-- we ignore this presence to avoid leaving/joining experience and the real
+-- user will reuse all currently created UI components for the same nick
+module:hook("muc-broadcast-presence", function (event)
+    if (bare(event.occupant.jid) == poltergeist_component) then
+        if(event.stanza.attr.type == "unavailable"
+        and poltergeist.should_ignore(event.occupant.nick)) then
+            event.stanza:tag(
+                "ignore", { xmlns = "http://jitsi.org/jitmeet/" }):up();
+                poltergeist.reset_ignored(event.occupant.nick);
+        end
+    end
+end, -100);
+
+-- cleanup room table after room is destroyed
+module:hook(
+   "muc-room-destroyed",
+   function(event)
+      poltergeist.remove_room(event.room);
+   end
+);
+
+--- Handles request for creating/managing poltergeists
+-- @param event the http event, holds the request query
+-- @return GET response, containing a json with response details
+function handle_create_poltergeist (event)
+    if (not event.request.url.query) then
+        return { status_code = 400; };
+    end
+
+    local params = parse(event.request.url.query);
+    local user_id = params["user"];
+    local room_name = params["room"];
+    local group = params["group"];
+    local name = params["name"];
+    local avatar = params["avatar"];
+    local status = params["status"];
+    local conversation = params["conversation"];
+    local session = {};
+
+    if not verify_token(params["token"], room_name, group, session) then
+        return { status_code = 403; };
+    end
+
+    -- If the provided room conference doesn't exist then we
+    -- can't add a poltergeist to it.
+    local room = get_room_by_name_and_subdomain(room_name, group);
+    if (not room) then
+        log("error", "no room found %s", room_name);
+        return { status_code = 404; };
+    end
+
+    -- If the poltergiest is already in the conference then it will
+    -- be in our username store and another can't be added.
+    local username = poltergeist.get_username(room, user_id);
+    if (username ~=nil and
+        poltergeist.occupies(room, poltergeist.create_nick(username))) then
+        log("warn",
+            "poltergeist for username:%s already in the room:%s",
+            username,
+            room_name
+        );
+        return { status_code = 202; };
+    end
+
+    local context = {
+       user = {
+           id = user_id;
+       };
+       group = group;
+       creator_user = session.jitsi_meet_context_user;
+       creator_group = session.jitsi_meet_context_group;
+    };
+    if avatar ~= nil then
+        context.user.avatar = avatar
+    end
+    local resources = {};
+    if conversation ~= nil then
+        resources["conversation"] = conversation
+    end
+
+    poltergeist.add_to_muc(room, user_id, name, avatar, context, status, resources)
+    return { status_code = 200; };
+end
+
+--- Handles request for updating poltergeists status
+-- @param event the http event, holds the request query
+-- @return GET response, containing a json with response details
+function handle_update_poltergeist (event)
+    if (not event.request.url.query) then
+        return { status_code = 400; };
+    end
+
+    local params = parse(event.request.url.query);
+    local user_id = params["user"];
+    local room_name = params["room"];
+    local group = params["group"];
+    local status = params["status"];
+    local call_id = params["callid"];
+
+    local call_cancel = false
+    if params["callcancel"] == "true" then
+       call_cancel = true;
+    end
+
+    if not verify_token(params["token"], room_name, group, {}) then
+        return { status_code = 403; };
+    end
+
+    local room = get_room_by_name_and_subdomain(room_name, group);
+    if (not room) then
+        log("error", "no room found %s", room_name);
+        return { status_code = 404; };
+    end
+
+    local username = poltergeist.get_username(room, user_id);
+    if (not username) then
+        return { status_code = 404; };
+    end
+
+    local call_details = {
+        ["cancel"] = call_cancel;
+        ["id"] = call_id;
+    };
+
+    local nick = poltergeist.create_nick(username);
+    if (not poltergeist.occupies(room, nick)) then
+       return { status_code = 404; };
+    end
+
+    poltergeist.update(room, nick, status, call_details);
+    return { status_code = 200; };
+end
+
+--- Handles remove poltergeists
+-- @param event the http event, holds the request query
+-- @return GET response, containing a json with response details
+function handle_remove_poltergeist (event)
+    if (not event.request.url.query) then
+        return { status_code = 400; };
+    end
+
+    local params = parse(event.request.url.query);
+    local user_id = params["user"];
+    local room_name = params["room"];
+    local group = params["group"];
+
+    if not verify_token(params["token"], room_name, group, {}) then
+        return { status_code = 403; };
+    end
+
+    local room = get_room_by_name_and_subdomain(room_name, group);
+    if (not room) then
+        log("error", "no room found %s", room_name);
+        return { status_code = 404; };
+    end
+
+    local username = poltergeist.get_username(room, user_id);
+    if (not username) then
+        return { status_code = 404; };
+    end
+
+    local nick = poltergeist.create_nick(username);
+    if (not poltergeist.occupies(room, nick)) then
+       return { status_code = 404; };
+    end
+
+    poltergeist.remove(room, nick, false);
+    return { status_code = 200; };
+end
+
+log("info", "Loading poltergeist service");
+module:depends("http");
+module:provides("http", {
+    default_path = "/";
+    name = "poltergeist";
+    route = {
+        ["GET /poltergeist/create"] = function (event) return async_handler_wrapper(event,handle_create_poltergeist) end;
+        ["GET /poltergeist/update"] = function (event) return async_handler_wrapper(event,handle_update_poltergeist) end;
+        ["GET /poltergeist/remove"] = function (event) return async_handler_wrapper(event,handle_remove_poltergeist) end;
+    };
+});
diff --git a/resources/prosody-plugins/mod_muc_rate_limit.lua b/resources/prosody-plugins/mod_muc_rate_limit.lua
new file mode 100644
index 0000000..0cd9999
--- /dev/null
+++ b/resources/prosody-plugins/mod_muc_rate_limit.lua
@@ -0,0 +1,240 @@
+-- enable under the main muc component
+
+local queue = require "util.queue";
+local new_throttle = require "util.throttle".create;
+local timer = require "util.timer";
+local st = require "util.stanza";
+
+-- we max to 500 participants per meeting so this should be enough, we are not suppose to handle all
+-- participants in one meeting
+local PRESENCE_QUEUE_MAX_SIZE = 1000;
+
+-- default to 3 participants per second
+local join_rate_per_conference = module:get_option_number("muc_rate_joins", 3);
+local leave_rate_per_conference = module:get_option_number("muc_rate_leaves", 5);
+
+-- Measure/monitor the room rate limiting queue
+local measure = require "core.statsmanager".measure;
+local measure_longest_queue = measure("distribution",
+        "/mod_" .. module.name .. "/longest_queue");
+local measure_rooms_with_queue = measure("rate",
+        "/mod_" .. module.name .. "/rooms_with_queue");
+
+-- throws a stat that the queue was full, counts the total number of times we hit it
+local measure_full_queue = measure("rate",
+        "/mod_" .. module.name .. "/full_queue");
+
+-- keeps track of the total times we had an error processing the queue
+local measure_errors_processing_queue = measure("rate",
+        "/mod_" .. module.name .. "/errors_processing_queue");
+
+-- we keep track here what was the longest queue we have seen
+local stat_longest_queue = 0;
+
+-- Adds item to the queue
+-- @returns false if queue is full and item was not added, true otherwise
+local function add_item_to_queue(queue, item, room, from, send_stats)
+    if not queue:push(item) then
+        module:log('error',
+            'Error pushing item in %s queue for %s in %s', send_stats and 'join' or 'leave', from, room.jid);
+
+        if send_stats then
+            measure_full_queue();
+        end
+
+        return false;
+    else
+        -- check is this the longest queue and if so throws a stat
+        if send_stats and queue:count() > stat_longest_queue then
+            stat_longest_queue = queue:count();
+            measure_longest_queue(stat_longest_queue);
+        end
+
+        return true;
+    end
+end
+
+-- process join_rate_presence_queue in the room and pops element passing them to handle_normal_presence
+-- returns 1 if we want to reschedule it after 1 second
+local function timer_process_queue_elements (rate, queue, process, queue_empty_cb)
+    if not queue or queue:count() == 0 or queue.empty then
+        return;
+    end
+
+    for _ = 1, rate do
+        local ev = queue:pop();
+        if ev then
+            process(ev);
+        end
+    end
+
+    -- if there are elements left, schedule an execution in a second
+    if queue:count() > 0 then
+        return 1;
+    else
+        queue_empty_cb();
+    end
+end
+
+-- we check join rate before occupant joins. If rate is exceeded we queue the events and start a timer
+-- that will run every second processing the events passing them to the room handling function handle_normal_presence
+-- from where those arrived, this way we keep a maximum rate of joining
+module:hook("muc-occupant-pre-join", function (event)
+    local room, stanza = event.room, event.stanza;
+
+    -- skipping events we had produced and clear our flag
+    if stanza.delayed_join_skip == true then
+        event.stanza.delayed_join_skip = nil;
+        return nil;
+    end
+
+    local throttle = room.join_rate_throttle;
+    if not room.join_rate_throttle then
+        throttle = new_throttle(join_rate_per_conference, 1); -- rate per one second
+        room.join_rate_throttle = throttle;
+    end
+
+    if not throttle:poll(1) then
+        if not room.join_rate_presence_queue then
+            -- if this is the first item for a room we increment the stat for rooms with queues
+            measure_rooms_with_queue();
+            room.join_rate_presence_queue = queue.new(PRESENCE_QUEUE_MAX_SIZE);
+        end
+
+        if not add_item_to_queue(room.join_rate_presence_queue, event, room, stanza.attr.from, true) then
+            -- let's not stop processing the event
+            return nil;
+        end
+
+        if not room.join_rate_queue_timer then
+            timer.add_task(1, function ()
+                if room.destroying then
+                    -- if room was destroyed in the mean time, ignore
+                    return;
+                end
+
+                local status, result = pcall(
+                    timer_process_queue_elements,
+                    join_rate_per_conference,
+                    room.join_rate_presence_queue,
+                    function(ev)
+                        -- if the connection was closed while waiting in the queue, ignore
+                        if ev.origin.conn then
+                            -- we mark what we pass here so we can skip it on the next muc-occupant-pre-join event
+                            ev.stanza.delayed_join_skip = true;
+                            room:handle_normal_presence(ev.origin, ev.stanza);
+                        end
+                    end,
+                    function() -- empty callback
+                        room.join_rate_queue_timer = false;
+                    end
+                );
+                if not status then
+                    -- there was an error in the timer function
+                    module:log('error', 'Error processing join queue: %s', result);
+
+                    measure_errors_processing_queue();
+
+                    -- let's re-schedule timer so we do not lose the queue
+                    return 1;
+                end
+
+                return result;
+            end);
+            room.join_rate_queue_timer = true;
+        end
+
+        return true; -- we stop execution, so we do not process this join at the moment
+    end
+
+    if room.join_rate_queue_timer then
+        -- there is timer so we need to order the presences, put it in the queue
+
+        -- if add fails as queue is full we return false and the event will continue processing, we risk re-order
+        -- but not losing it
+        return add_item_to_queue(room.join_rate_presence_queue, event, room, stanza.attr.from, true);
+    end
+
+end, 9); -- as we will rate limit joins we need to be the first to execute
+         -- we ran it after muc_max_occupants which is with priority 10, there is nothing to rate limit
+         -- if max number of occupants is reached
+
+-- clear queue on room destroy so timer will skip next run if any
+module:hook('muc-room-destroyed',function(event)
+    if event.room.join_rate_presence_queue then
+        event.room.join_rate_presence_queue.empty = true;
+    end
+    if event.room.leave_rate_presence_queue then
+        event.room.leave_rate_presence_queue.empty = true;
+    end
+end, 1);  -- prosody handles it at 0
+
+module:hook('muc-occupant-pre-leave', function (event)
+    local occupant, room, stanza = event.occupant, event.room, event.stanza;
+    local throttle = room.leave_rate_throttle;
+
+    if not throttle then
+        throttle = new_throttle(leave_rate_per_conference, 1); -- rate per one second
+        room.leave_rate_throttle = throttle;
+    end
+
+    if not throttle:poll(1) then
+        if not room.leave_rate_presence_queue then
+            room.leave_rate_presence_queue = queue.new(PRESENCE_QUEUE_MAX_SIZE);
+        end
+
+        -- we need it later when processing the event
+        event.orig_role = occupant.role;
+
+        if not add_item_to_queue(room.leave_rate_presence_queue, event, room, stanza.attr.from, false) then
+            -- let's not stop processing the event
+            return nil;
+        end
+
+        -- set role to nil so the occupant will be removed from room occupants when we save it
+        -- we remove occupant from the list early on batches so we can spare sending few presences
+        occupant.role = nil;
+        room:save_occupant(occupant);
+
+        if not room.leave_rate_queue_timer then
+            timer.add_task(1, function ()
+                local status, result = pcall(timer_process_queue_elements,
+                    leave_rate_per_conference,
+                    room.leave_rate_presence_queue,
+                    function(ev)
+                        local occupant, orig_role, origin, room, stanza
+                            = ev.occupant, ev.orig_role, ev.origin, ev.room, ev.stanza;
+
+                        room:publicise_occupant_status(
+                            occupant,
+                            st.stanza("x", {xmlns = "http://jabber.org/protocol/muc#user";}),
+                            nil, nil, nil, orig_role);
+
+                        module:fire_event("muc-occupant-left", {
+                            room = room;
+                            nick = occupant.nick;
+                            occupant = occupant;
+                            origin = origin;
+                            stanza = stanza;
+                        });
+                    end,
+                    function() -- empty callback
+                        room.leave_rate_queue_timer = false;
+                    end
+                );
+                if not status then
+                    -- there was an error in the timer function
+                    module:log('error', 'Error processing leave queue: %s', result);
+
+                    -- let's re-schedule timer so we do not lose the queue
+                    return 1;
+                end
+
+                return result;
+            end);
+            room.leave_rate_queue_timer = true;
+        end
+
+        return true; -- we stop execution, so we do not process this leave at the moment
+    end
+end);
diff --git a/resources/prosody-plugins/mod_muc_size.lua b/resources/prosody-plugins/mod_muc_size.lua
new file mode 100644
index 0000000..757d5cd
--- /dev/null
+++ b/resources/prosody-plugins/mod_muc_size.lua
@@ -0,0 +1,197 @@
+-- Prosody IM
+-- Copyright (C) 2021-present 8x8, Inc.
+--
+
+local jid = require "util.jid";
+local it = require "util.iterators";
+local json = require 'cjson.safe';
+local iterators = require "util.iterators";
+local array = require"util.array";
+
+local have_async = pcall(require, "util.async");
+if not have_async then
+    module:log("error", "requires a version of Prosody with util.async");
+    return;
+end
+
+local async_handler_wrapper = module:require "util".async_handler_wrapper;
+
+local tostring = tostring;
+local neturl = require "net.url";
+local parse = neturl.parseQuery;
+
+-- option to enable/disable room API token verifications
+local enableTokenVerification
+    = module:get_option_boolean("enable_roomsize_token_verification", false);
+
+local token_util = module:require "token/util".new(module);
+local get_room_from_jid = module:require "util".get_room_from_jid;
+
+-- no token configuration but required
+if token_util == nil and enableTokenVerification then
+    log("error", "no token configuration but it is required");
+    return;
+end
+
+-- required parameter for custom muc component prefix,
+-- defaults to "conference"
+local muc_domain_prefix
+    = module:get_option_string("muc_mapper_domain_prefix", "conference");
+
+--- Verifies room name, domain name with the values in the token
+-- @param token the token we received
+-- @param room_address the full room address jid
+-- @return true if values are ok or false otherwise
+function verify_token(token, room_address)
+    if not enableTokenVerification then
+        return true;
+    end
+
+    -- if enableTokenVerification is enabled and we do not have token
+    -- stop here, cause the main virtual host can have guest access enabled
+    -- (allowEmptyToken = true) and we will allow access to rooms info without
+    -- a token
+    if token == nil then
+        log("warn", "no token provided");
+        return false;
+    end
+
+    local session = {};
+    session.auth_token = token;
+    local verified, reason = token_util:process_and_verify_token(session);
+    if not verified then
+        log("warn", "not a valid token %s", tostring(reason));
+        return false;
+    end
+
+    if not token_util:verify_room(session, room_address) then
+        log("warn", "Token %s not allowed to join: %s",
+            tostring(token), tostring(room_address));
+        return false;
+    end
+
+    return true;
+end
+
+--- Handles request for retrieving the room size
+-- @param event the http event, holds the request query
+-- @return GET response, containing a json with participants count,
+--         the value is without counting the focus.
+function handle_get_room_size(event)
+    if (not event.request.url.query) then
+        return { status_code = 400; };
+    end
+
+	local params = parse(event.request.url.query);
+	local room_name = params["room"];
+	local domain_name = params["domain"];
+    local subdomain = params["subdomain"];
+
+    local room_address
+        = jid.join(room_name, muc_domain_prefix.."."..domain_name);
+
+    if subdomain and subdomain ~= "" then
+        room_address = "["..subdomain.."]"..room_address;
+    end
+
+    if not verify_token(params["token"], room_address) then
+        return { status_code = 403; };
+    end
+
+	local room = get_room_from_jid(room_address);
+	local participant_count = 0;
+
+	log("debug", "Querying room %s", tostring(room_address));
+
+	if room then
+		local occupants = room._occupants;
+		if occupants then
+			participant_count = iterators.count(room:each_occupant());
+		end
+		log("debug",
+            "there are %s occupants in room", tostring(participant_count));
+	else
+		log("debug", "no such room exists");
+		return { status_code = 404; };
+	end
+
+	if participant_count > 1 then
+		participant_count = participant_count - 1;
+	end
+
+	return { status_code = 200; body = [[{"participants":]]..participant_count..[[}]] };
+end
+
+--- Handles request for retrieving the room participants details
+-- @param event the http event, holds the request query
+-- @return GET response, containing a json with participants details
+function handle_get_room (event)
+    if (not event.request.url.query) then
+        return { status_code = 400; };
+    end
+
+	local params = parse(event.request.url.query);
+	local room_name = params["room"];
+	local domain_name = params["domain"];
+    local subdomain = params["subdomain"];
+    local room_address
+        = jid.join(room_name, muc_domain_prefix.."."..domain_name);
+
+    if subdomain and subdomain ~= "" then
+        room_address = "["..subdomain.."]"..room_address;
+    end
+
+    if not verify_token(params["token"], room_address) then
+        return { status_code = 403; };
+    end
+
+	local room = get_room_from_jid(room_address);
+	local participant_count = 0;
+	local occupants_json = array();
+
+	log("debug", "Querying room %s", tostring(room_address));
+
+	if room then
+		local occupants = room._occupants;
+		if occupants then
+			participant_count = iterators.count(room:each_occupant());
+			for _, occupant in room:each_occupant() do
+			    -- filter focus as we keep it as hidden participant
+			    if string.sub(occupant.nick,-string.len("/focus"))~="/focus" then
+				    for _, pr in occupant:each_session() do
+					local nick = pr:get_child_text("nick", "http://jabber.org/protocol/nick") or "";
+					local email = pr:get_child_text("email") or "";
+					occupants_json:push({
+					    jid = tostring(occupant.nick),
+					    email = tostring(email),
+					    display_name = tostring(nick)});
+				    end
+			    end
+			end
+		end
+		log("debug",
+            "there are %s occupants in room", tostring(participant_count));
+	else
+		log("debug", "no such room exists");
+		return { status_code = 404; };
+	end
+
+	if participant_count > 1 then
+		participant_count = participant_count - 1;
+	end
+
+	return { status_code = 200; body = json.encode(occupants_json); };
+end;
+
+function module.load()
+    module:depends("http");
+	module:provides("http", {
+		default_path = "/";
+		route = {
+			["GET room-size"] = function (event) return async_handler_wrapper(event,handle_get_room_size) end;
+			["GET sessions"] = function () return tostring(it.count(it.keys(prosody.full_sessions))); end;
+			["GET room"] = function (event) return async_handler_wrapper(event,handle_get_room) end;
+		};
+	});
+end
+
diff --git a/resources/prosody-plugins/mod_muc_wait_for_host.lua b/resources/prosody-plugins/mod_muc_wait_for_host.lua
new file mode 100644
index 0000000..461401d
--- /dev/null
+++ b/resources/prosody-plugins/mod_muc_wait_for_host.lua
@@ -0,0 +1,109 @@
+-- This module is activated under the main muc component
+-- This will prevent anyone joining the call till jicofo and one moderator join the room
+-- for the rest of the participants lobby will be turned on and they will be waiting there till
+-- the main participant joins and lobby will be turned off at that time and rest of the participants will
+-- join the room. It expects main virtual host to be set to require jwt tokens and guests to use
+-- the guest domain which is anonymous.
+-- The module has the option to set participants to moderators when connected via token/when they are authenticated
+-- This module depends on mod_persistent_lobby.
+local jid = require 'util.jid';
+local util = module:require "util";
+local is_admin = util.is_admin;
+local is_healthcheck_room = util.is_healthcheck_room;
+local is_moderated = util.is_moderated;
+local process_host_module = util.process_host_module;
+local internal_room_jid_match_rewrite = util.internal_room_jid_match_rewrite;
+
+local disable_auto_owners = module:get_option_boolean('wait_for_host_disable_auto_owners', false);
+
+local muc_domain_base = module:get_option_string('muc_mapper_domain_base');
+if not muc_domain_base then
+    module:log('warn', "No 'muc_mapper_domain_base' option set, disabling module");
+    return
+end
+
+-- to activate this you need the following config in general config file in log = { }
+-- { to = 'file', filename = '/var/log/prosody/prosody.audit.log', levels = { 'audit' }  }
+local logger = require 'util.logger';
+local audit_logger = logger.make_logger('mod_'..module.name, 'audit');
+
+local lobby_muc_component_config = 'lobby.' .. muc_domain_base;
+local lobby_host;
+
+if not disable_auto_owners then
+    module:hook('muc-occupant-joined', function (event)
+        local room, occupant, session = event.room, event.occupant, event.origin;
+        local is_moderated_room = is_moderated(room.jid);
+
+        -- for jwt authenticated and username and password authenticated
+        -- only if it is not a moderated room
+        if not is_moderated_room and
+            (session.auth_token or (session.username and jid.host(occupant.bare_jid) == muc_domain_base)) then
+            room:set_affiliation(true, occupant.bare_jid, 'owner');
+        end
+    end, 2);
+end
+
+-- if not authenticated user is trying to join the room we enable lobby in it
+-- and wait for the moderator to join
+module:hook('muc-occupant-pre-join', function (event)
+    local room, occupant, session = event.room, event.occupant, event.origin;
+
+    -- we ignore jicofo as we want it to join the room or if the room has already seen its
+    -- authenticated host
+    if is_admin(occupant.bare_jid) or is_healthcheck_room(room.jid) or room.has_host then
+        return;
+    end
+
+    local has_host = false;
+    for _, o in room:each_occupant() do
+        if jid.host(o.bare_jid) == muc_domain_base then
+            room.has_host = true;
+        end
+    end
+
+    if not room.has_host then
+        if module:fire_event('room_has_host', { room = room; occupant = occupant; session = session; }) then
+            -- the host is here, let's drop the lobby
+            room:set_members_only(false);
+            -- this is set by create-persistent-lobby-room, so let's clear it
+            room:set_persistent(false);
+
+            -- let's set the default role of 'participant' for the newly created occupant as it was nil when created
+            -- when the room was still members_only, later if not disabled this participant will become a moderator
+            occupant.role = room:get_default_role(room:get_affiliation(occupant.bare_jid)) or 'participant';
+
+            module:log('info', 'Host %s arrived in %s.', occupant.bare_jid, room.jid);
+            audit_logger('room_jid:%s created_by:%s', room.jid,
+                session.jitsi_meet_context_user and session.jitsi_meet_context_user.id or 'nil');
+            module:fire_event('room_host_arrived', room.jid, session);
+            lobby_host:fire_event('destroy-lobby-room', {
+                room = room,
+                newjid = internal_room_jid_match_rewrite(room.jid),
+                message = 'Host arrived.',
+            });
+        elseif not room:get_members_only() then
+            -- let's enable lobby
+            module:log('info', 'Will wait for host in %s.', room.jid);
+            prosody.events.fire_event('create-persistent-lobby-room', {
+                room = room;
+                reason = 'waiting-for-host',
+                skip_display_name_check = true;
+            });
+        end
+    end
+end);
+
+module:hook('room_has_host', function(event)
+    local room, occupant, session = event.room, event.occupant, event.session;
+    if session.auth_token
+        or (session.username and jid.host(occupant.bare_jid) == muc_domain_base) then
+        return true;
+    end
+end);
+
+process_host_module(lobby_muc_component_config, function(host_module, host)
+    -- lobby muc component created
+    module:log('info', 'Lobby component loaded %s', host);
+    lobby_host = module:context(host_module);
+end);
diff --git a/resources/prosody-plugins/mod_persistent_lobby.lua b/resources/prosody-plugins/mod_persistent_lobby.lua
new file mode 100644
index 0000000..0cba0b9
--- /dev/null
+++ b/resources/prosody-plugins/mod_persistent_lobby.lua
@@ -0,0 +1,205 @@
+-- This module allows lobby room to be created even when the main room is empty.
+-- Without this module, the empty main room will get deleted after grace period
+-- which triggers lobby room deletion even if there are still people in the lobby.
+--
+-- This module should be added to the main virtual host domain.
+-- It assumes you have properly configured the muc_lobby_rooms module and lobby muc component.
+--
+-- To trigger creation of lobby room:
+--  prosody.events.fire_event("create-persistent-lobby-room", { room = room; });
+--
+module:depends('room_destroy');
+
+local util = module:require "util";
+local get_room_from_jid = util.get_room_from_jid;
+local is_healthcheck_room = util.is_healthcheck_room;
+local main_muc_component_host = module:get_option_string('main_muc');
+local lobby_muc_component_host = module:get_option_string('lobby_muc');
+
+
+if main_muc_component_host == nil then
+    module:log('error', 'main_muc not configured. Cannot proceed.');
+    return;
+end
+
+if lobby_muc_component_host == nil then
+    module:log('error', 'lobby not enabled missing lobby_muc config');
+    return;
+end
+
+
+-- Helper function to wait till a component is loaded before running the given callback
+local function run_when_component_loaded(component_host_name, callback)
+    local function trigger_callback()
+        module:log('info', 'Component loaded %s', component_host_name);
+        callback(module:context(component_host_name), component_host_name);
+    end
+
+    if prosody.hosts[component_host_name] == nil then
+        module:log('debug', 'Host %s not yet loaded. Will trigger when it is loaded.', component_host_name);
+        prosody.events.add_handler('host-activated', function (host)
+            if host == component_host_name then
+                trigger_callback();
+            end
+        end);
+    else
+        trigger_callback();
+    end
+end
+
+-- Helper function to wait till a component's muc module is loaded before running the given callback
+local function run_when_muc_module_loaded(component_host_module, component_host_name, callback)
+    local function trigger_callback()
+        module:log('info', 'MUC module loaded for %s', component_host_name);
+        callback(prosody.hosts[component_host_name].modules.muc, component_host_module);
+    end
+
+    if prosody.hosts[component_host_name].modules.muc == nil then
+        module:log('debug', 'MUC module for %s not yet loaded. Will trigger when it is loaded.', component_host_name);
+        prosody.hosts[component_host_name].events.add_handler('module-loaded', function(event)
+            if (event.module == 'muc') then
+                trigger_callback();
+            end
+        end);
+    else
+        trigger_callback()
+    end
+end
+
+
+local lobby_muc_service;
+local main_muc_service;
+local main_muc_module;
+
+
+-- Helper methods to track rooms that have persistent lobby
+local function set_persistent_lobby(room)
+    room._data.persist_lobby = true;
+end
+
+local function has_persistent_lobby(room)
+    if room._data.persist_lobby == true then
+        return true;
+    else
+        return false;
+    end
+end
+
+
+-- Helper method to trigger main room destroy
+local function trigger_room_destroy(room)
+    prosody.events.fire_event("maybe-destroy-room", {
+        room = room;
+        reason = 'main room and lobby now empty';
+        caller = module:get_name();
+    });
+end
+
+
+-- For rooms with persistent lobby, we need to trigger deletion ourselves when both the main room
+-- and the lobby room are empty. This will be checked each time an occupant leaves the main room
+-- of if someone drops off the lobby.
+
+
+-- Handle events on main muc module
+run_when_component_loaded(main_muc_component_host, function(host_module, host_name)
+    run_when_muc_module_loaded(host_module, host_name, function (main_muc, main_module)
+        main_muc_service = main_muc;  -- so it can be accessed from lobby muc event handlers
+        main_muc_module = main_module;
+
+        main_module:hook("muc-occupant-left", function(event)
+            -- Check if room should be destroyed when someone leaves the main room
+
+            local main_room = event.room;
+            if is_healthcheck_room(main_room.jid) or not has_persistent_lobby(main_room)
+                or main_room.destroying then
+                return;
+            end
+
+            local lobby_room_jid = main_room._data.lobbyroom;
+
+            -- If occupant leaving results in main room being empty, we trigger room destroy if
+            --   a) lobby exists and is not empty
+            --   b) lobby does not exist (possible for lobby to be disabled manually by moderator in meeting)
+            --
+            -- (main room destroy also triggers lobby room destroy in muc_lobby_rooms)
+            if not main_room:has_occupant() then
+                if lobby_room_jid == nil then  -- lobby disabled
+                    trigger_room_destroy(main_room);
+                else -- lobby exists
+                    local lobby_room = lobby_muc_service.get_room_from_jid(lobby_room_jid);
+                    if lobby_room and not lobby_room:has_occupant() then
+                        trigger_room_destroy(main_room);
+                    end
+                end
+            end
+        end);
+
+    end);
+end);
+
+
+-- Handle events on lobby muc module
+run_when_component_loaded(lobby_muc_component_host, function(host_module, host_name)
+    run_when_muc_module_loaded(host_module, host_name, function (lobby_muc, lobby_module)
+        lobby_muc_service = lobby_muc;  -- so it can be accessed from main muc event handlers
+
+        lobby_module:hook("muc-occupant-left", function(event)
+            -- Check if room should be destroyed when someone leaves the lobby
+            local lobby_room = event.room;
+
+            if not lobby_room.main_room_jid then
+                return;
+            end
+
+            local main_room = get_room_from_jid(lobby_room.main_room_jid);
+
+            if not main_room or is_healthcheck_room(main_room.jid) or not has_persistent_lobby(main_room) then
+                return;
+            end
+
+            -- If both lobby room and main room are empty, we destroy main room.
+            -- (main room destroy also triggers lobby room destroy in muc_lobby_rooms)
+            if not lobby_room:has_occupant() and main_room and not main_room:has_occupant() then
+                trigger_room_destroy(main_room);
+            end
+
+        end);
+    end);
+end);
+
+
+function handle_create_persistent_lobby(event)
+    local room = event.room;
+    prosody.events.fire_event("create-lobby-room", event);
+
+    set_persistent_lobby(room);
+    room:set_persistent(true);
+end
+
+
+module:hook_global('create-persistent-lobby-room', handle_create_persistent_lobby);
+
+
+-- Stop other modules from destroying room if persistent lobby not empty
+function handle_maybe_destroy_main_room(event)
+    local main_room = event.room;
+    local caller = event.caller;
+
+    if caller == module:get_name() then
+        -- we were the one that requested the deletion. Do not override.
+        return nil;
+    end
+
+    -- deletion was requested by another module. Check for lobby occupants.
+    if has_persistent_lobby(main_room) and main_room._data.lobbyroom then
+        local lobby_room_jid = main_room._data.lobbyroom;
+        local lobby_room = lobby_muc_service.get_room_from_jid(lobby_room_jid);
+        if lobby_room and lobby_room:has_occupant() then
+            module:log('info', 'Suppressing room destroy. Persistent lobby still occupied %s', lobby_room_jid);
+            return true;  -- stop room destruction
+        end
+    end
+end
+
+module:hook_global("maybe-destroy-room", handle_maybe_destroy_main_room);
diff --git a/resources/prosody-plugins/mod_polls_component.lua b/resources/prosody-plugins/mod_polls_component.lua
new file mode 100644
index 0000000..bb20fcd
--- /dev/null
+++ b/resources/prosody-plugins/mod_polls_component.lua
@@ -0,0 +1,525 @@
+-- This module provides persistence for the "polls" feature,
+-- by keeping track of the state of polls in each room, and sending
+-- that state to new participants when they join.
+
+local it = require 'util.iterators';
+local json = require 'cjson.safe';
+local array = require 'util.array';
+local st = require("util.stanza");
+local jid = require "util.jid";
+local util = module:require("util");
+local muc = module:depends("muc");
+
+local NS_NICK = 'http://jabber.org/protocol/nick';
+local get_room_by_name_and_subdomain = util.get_room_by_name_and_subdomain;
+local get_room_from_jid = util.get_room_from_jid;
+local is_healthcheck_room = util.is_healthcheck_room;
+local room_jid_match_rewrite = util.room_jid_match_rewrite;
+local internal_room_jid_match_rewrite = util.internal_room_jid_match_rewrite;
+local table_compare = util.table_compare;
+
+local POLLS_LIMIT = 128;
+local POLL_PAYLOAD_LIMIT = 1024;
+
+local main_virtual_host = module:get_option_string('muc_mapper_domain_base');
+if not main_virtual_host then
+    module:log('warn', 'No muc_mapper_domain_base option set.');
+    return;
+end
+local muc_domain_prefix = module:get_option_string('muc_mapper_domain_prefix', 'conference');
+
+-- this is the main virtual host of the main prosody that this vnode serves
+local main_domain = module:get_option_string('main_domain');
+-- only the visitor prosody has main_domain setting
+local is_visitor_prosody = main_domain ~= nil;
+
+
+local function validate_polls(data)
+    if type(data) ~= 'table' then
+        return false;
+    end
+    if data.type ~= 'polls' or type(data.pollId) ~= 'string' then
+        return false;
+    end
+    if data.command ~= 'new-poll' and data.command ~= 'answer-poll' then
+        return false;
+    end
+    if type(data.answers) ~= 'table' or #data.answers == 0 then
+        return false;
+    end
+
+    if data.command == "new-poll" then
+        if type(data.question) ~= 'string' then
+            return false;
+        end
+
+        for _, answer in ipairs(data.answers) do
+            if type(answer) ~= "table" or type(answer.name) ~= "string" then
+                return false;
+            end
+        end
+
+        return true;
+    elseif data.command == "answer-poll" then
+        for _, answer in ipairs(data.answers) do
+            if type(answer) ~= "boolean" then
+                return false;
+            end
+        end
+
+        return true;
+    end
+
+    return false;
+end
+
+--- Returns a table having occupant id and occupant name.
+--- If the id cannot be extracted from nick a nil value is returned same and for name
+local function get_occupant_details(occupant)
+    if not occupant then
+        return nil
+    end
+    local presence = occupant:get_presence();
+    local occupant_name;
+    if presence then
+        occupant_name = presence:get_child_text('nick', NS_NICK);
+    end
+    local _, _, occupant_id = jid.split(occupant.nick)
+    if not occupant_id then
+        return nil
+    end
+    return { ["occupant_id"] = occupant_id, ["occupant_name"] = occupant_name }
+end
+
+local function send_polls_message(room, data_str, to)
+    local stanza = st.message({
+        from = module.host,
+        to = to
+    })
+    :tag("json-message", { xmlns = "http://jitsi.org/jitmeet" })
+    :text(data_str)
+    :up();
+    room:route_stanza(stanza);
+end
+
+local function send_polls_message_to_all(room, data_str)
+    for _, room_occupant in room:each_occupant() do
+        -- in case of visitor node send only to visitors
+        if not is_visitor_prosody or room_occupant.role == 'visitor' then
+            send_polls_message(room, data_str, room_occupant.jid);
+        end
+    end
+end
+
+    -- Keeps track of the current state of the polls in each room,
+    -- by listening to "new-poll" and "answer-poll" messages,
+    -- and updating the room poll data accordingly.
+    -- This mirrors the client-side poll update logic.
+    module:hook('message/host', function(event)
+        local session, stanza = event.origin, event.stanza;
+
+        -- we are interested in all messages without a body that are not groupchat
+        if stanza.attr.type == 'groupchat' or stanza:get_child('body') then
+            return;
+        end
+
+        local json_message = stanza:get_child('json-message', 'http://jitsi.org/jitmeet')
+            or stanza:get_child('json-message');
+        if not json_message then
+            return;
+        end
+
+        local room;
+        local occupant;
+        if session.type == 's2sin' then
+            if not json_message.attr.roomJid then
+                module:log('warn', 'No room jid found in %s', stanza);
+                return;
+            end
+            room = get_room_from_jid(room_jid_match_rewrite(json_message.attr.roomJid));
+        else
+            local main_room = get_room_by_name_and_subdomain(session.jitsi_web_query_room, session.jitsi_web_query_prefix);
+            local occupant_jid = stanza.attr.from;
+
+            occupant = main_room:get_occupant_by_real_jid(occupant_jid);
+
+            if main_room._data.breakout_rooms_active and not occupant then
+                -- let's find is this participant in the main room or in some breakout room
+                -- not in main room, let's check breakout rooms
+                for breakout_room_jid, subject in pairs(main_room._data.breakout_rooms or {}) do
+                    local breakout_room = get_room_from_jid(breakout_room_jid);
+                    occupant = breakout_room:get_occupant_by_real_jid(occupant_jid);
+                    if occupant then
+                        room = breakout_room;
+                        break;
+                    end
+                end
+            else
+                room = main_room;
+            end
+
+            if not occupant then
+                module:log('error', 'Occupant sending poll msg %s was not found in room %s', occupant_jid, room.jid)
+                return;
+            end
+        end
+
+        if not room then
+            module:log('warn', 'No room found for %s %s', session.jitsi_web_query_room, session.jitsi_web_query_prefix);
+            return;
+        end
+
+        local json_message_text = json_message:get_text();
+        if string.len(json_message_text) >= POLL_PAYLOAD_LIMIT then
+            module:log('error', 'Poll payload too large, discarding. Sender: %s to:%s', stanza.attr.from, stanza.attr.to);
+            return true;
+        end
+
+        local data, error = json.decode(json_message_text);
+        if error then
+            module:log('error', 'Error decoding data error:%s Sender: %s to:%s', error, stanza.attr.from, stanza.attr.to);
+            return true;
+        end
+
+        if not data or (data.command ~= "new-poll" and data.command ~= "answer-poll") then
+            return;
+        end
+
+        if not validate_polls(data) then
+            module:log('error', 'Invalid poll data. Sender: %s (%s)', stanza.attr.from, json_message_text);
+            return true;
+        end
+
+        local occupant_details;
+        if session.type ~= 's2sin' then
+            local occupant_jid = stanza.attr.from;
+            occupant_details = get_occupant_details(occupant)
+            if not occupant_details then
+                module:log("error", "Cannot retrieve poll creator or voter id and name for %s from %s",
+                    occupant.jid, room.jid)
+                return
+            end
+        else
+            -- this is a message from a visitor prosody, we will trust it
+            occupant_details = { occupant_id = data.senderId; occupant_name = data.senderName; };
+        end
+
+        if data.command == "new-poll" then
+            if is_visitor_prosody then
+                module:log("error", "Poll cannot be created on visitor node.");
+                session.send(st.error_reply(stanza, 'cancel', 'not-allowed', 'Poll cannot be created by visitor node'));
+                return true;
+            end
+
+            local poll_creator = occupant_details;
+
+            if room.polls.count >= POLLS_LIMIT then
+                module:log("error", "Too many polls created in %s", room.jid)
+                return true;
+            end
+
+            if room.polls.by_id[data.pollId] ~= nil then
+                module:log("error", "Poll already exists: %s", data.pollId);
+                session.send(st.error_reply(stanza, 'cancel', 'not-allowed', 'Poll already exists'));
+                return true;
+            end
+
+            if room.jitsiMetadata and room.jitsiMetadata.permissions
+                and room.jitsiMetadata.permissions.pollCreationRestricted
+                and not is_feature_allowed('create-polls', session.jitsi_meet_context_features) then
+                    session.send(st.error_reply(stanza, 'cancel', 'not-allowed', 'Creation of polls not allowed for user'));
+                    return true;
+            end
+
+            local answers = {}
+            local compact_answers = {}
+            for i, a in ipairs(data.answers) do
+                table.insert(answers, { name = a.name });
+                table.insert(compact_answers, { key = i, name = a.name});
+            end
+
+            local poll = {
+                pollId = data.pollId,
+                senderId = poll_creator.occupant_id,
+                senderName = poll_creator.occupant_name,
+                question = data.question,
+                answers = answers
+            };
+
+            room.polls.by_id[data.pollId] = poll
+            table.insert(room.polls.order, poll)
+            room.polls.count = room.polls.count + 1;
+
+            local pollData = {
+                event = event,
+                room = room,
+                poll = {
+                    pollId = data.pollId,
+                    senderId = poll_creator.occupant_id,
+                    senderName = poll_creator.occupant_name,
+                    question = data.question,
+                    answers = compact_answers
+                }
+            }
+
+            -- now send message to all participants
+            data.senderId = poll_creator.occupant_id;
+            data.type = 'polls';
+            local json_msg_str, error = json.encode(data);
+            if not json_msg_str then
+                module:log('error', 'Error encoding data room:%s error:%s', room.jid, error);
+            end
+            send_polls_message_to_all(room, json_msg_str);
+
+            module:context(jid.host(room.jid)):fire_event('poll-created', pollData);
+        elseif data.command == "answer-poll" then
+            local poll = room.polls.by_id[data.pollId];
+            if poll == nil then
+                module:log("warn", "answering inexistent poll %s", data.pollId);
+                return;
+            end
+
+            local voter = occupant_details;
+
+            local answers = {};
+            for vote_option_idx, vote_flag in ipairs(data.answers) do
+                local answer = poll.answers[vote_option_idx]
+
+                table.insert(answers, {
+                    key = vote_option_idx,
+                    value = vote_flag,
+                    name = answer.name,
+                });
+
+                if vote_flag then
+                    local voters = answer.voters;
+                    if not voters then
+                        answer.voters = {};
+                        voters = answer.voters;
+                    end
+
+                    table.insert(voters, {
+                        id = voter.occupant_id;
+                        name = vote_flag and voter.occupant_name or nil;
+                    });
+                end
+            end
+
+            local answerData = {
+                data = data,
+                event = event,
+                room = room,
+                pollId = poll.pollId,
+                voterName = voter.occupant_name,
+                voterId = voter.occupant_id,
+                answers = answers,
+            }
+
+            data.senderId = voter.occupant_id;
+            data.senderName = voter.occupant_name;
+            data.type = 'polls';
+            local json_msg_str, error = json.encode(data);
+            if not json_msg_str then
+                module:log('error', 'Error encoding data room:%s error:%s', room.jid, error);
+                return;
+            end
+            send_polls_message_to_all(room, json_msg_str);
+
+            module:context(jid.host(room.jid)):fire_event('answer-poll',  answerData);
+        end
+
+    return true;
+end);
+
+-- Find in which poll in newPolls we have updated answers
+-- @returns poll, senderId, array of boolean values for the answers of this sender
+function find_updated_poll(oldPolls, newPolls)
+    for _, v in pairs(newPolls) do
+        local existing_poll = oldPolls[v.pollId];
+        local senderId;
+
+        for idx, newAnswer in ipairs(v.answers) do
+            -- let's examine now the voters
+            -- Create lookup tables using id as key for efficient searching
+            local oldLookup = {}
+            local newLookup = {}
+
+            -- Build lookup table for old array
+            if existing_poll.answers[idx].voters then
+                for _, element in ipairs(existing_poll.answers[idx].voters) do
+                    oldLookup[element.id] = element
+                end
+            end
+
+            -- Build lookup table for new array
+            if newAnswer.voters then
+                for _, element in ipairs(newAnswer.voters) do
+                    newLookup[element.id] = element
+                end
+            end
+
+            -- Find removed elements (in old but not in new)
+            if existing_poll.answers[idx].voters then
+                for _, element in ipairs(existing_poll.answers[idx].voters) do
+                    if not newLookup[element.id] then
+                        senderId = element.id;
+                    end
+                end
+            end
+
+            -- Find added elements (in new but not in old)
+            if newAnswer.voters then
+                for _, element in ipairs(newAnswer.voters) do
+                    if not oldLookup[element.id] then
+                        senderId = element.id;
+                    end
+                end
+            end
+        end
+
+        if senderId ~= nil then
+            -- an array of true/false values for this sender
+            local senderAnswers = {};
+            for idx, newAnswer in ipairs(v.answers) do
+                senderAnswers[idx] = false;
+                if newAnswer.voters then
+                    for _, element in ipairs(newAnswer.voters) do
+                        if element.id == senderId then
+                            senderAnswers[idx] = true;
+                        end
+                    end
+                end
+            end
+
+            return v, senderId, senderAnswers;
+        end
+    end
+end
+
+local setup_muc_component = function(host_module, host)
+    -- Sets up poll data in new rooms.
+    host_module:hook("muc-room-created", function(event)
+        local room = event.room;
+        if is_healthcheck_room(room.jid) then return end
+        room.polls = {
+            by_id = {};
+            order = {};
+            count = 0;
+        };
+    end);
+
+    -- Sends the current poll state to new occupants after joining a room.
+    host_module:hook("muc-occupant-joined", function(event)
+        local room = event.room;
+        if is_healthcheck_room(room.jid) then return end
+        if room.polls == nil or #room.polls.order == 0 then
+            return
+        end
+
+        local data = {
+            command = "old-polls",
+            polls = {},
+            type = 'polls'
+        };
+        for i, poll in ipairs(room.polls.order) do
+            data.polls[i] = {
+                pollId = poll.pollId,
+                senderId = poll.senderId,
+                senderName = poll.senderName,
+                question = poll.question,
+                answers = poll.answers
+            };
+        end
+
+        local json_msg_str, error = json.encode(data);
+        if not json_msg_str then
+            module:log('error', 'Error encoding data room:%s error:%s', room.jid, error);
+        end
+        send_polls_message(room, json_msg_str, event.occupant.jid);
+    end);
+
+    -- Handles poll updates coming for a visitor node, the event contain polls structure
+    -- like 'old-polls' one
+    host_module:hook('jitsi-polls-update', function(event)
+        local polls_command, room = event.polls, event.room;
+        -- this is the initial state coming from the main prosody when only jicofo is in the room
+        if room.polls.count == 0 and it.count(room:each_occupant()) == 1 then
+            for i, v in ipairs(polls_command.polls) do
+                room.polls.by_id[v.pollId] = v;
+                table.insert(room.polls.order, v);
+                room.polls.count = room.polls.count + 1;
+            end
+
+            return;
+        end
+
+        -- at this point we need to find which is the new poll
+        local new_poll;
+        for _, v in pairs(polls_command.polls) do
+             if not room.polls.by_id[v.pollId] then
+                new_poll = v;
+                break;
+             end
+        end
+
+        if not new_poll then
+            -- this is an update of the voters in some of the existing polls
+            local updatedPoll, senderId, answers = find_updated_poll(room.polls.by_id, polls_command.polls);
+
+            if not updatedPoll then
+                module:log('warn', 'no new or updated poll found in update for room %s', room.jid);
+                return;
+            end
+
+            local data = {
+                answers = answers,
+                command = 'answer-poll',
+                pollId = updatedPoll.pollId,
+                senderId = senderId,
+                roomJid = internal_room_jid_match_rewrite(room.jid),
+                type = 'polls'
+            };
+
+            -- we need to update the history
+            room.polls.by_id[updatedPoll.pollId].answers = updatedPoll.answers;
+
+            local json_msg_str, error = json.encode(data);
+            if not json_msg_str then
+                module:log('error', 'Error encoding data room:%s error:%s', room.jid, error);
+            end
+            send_polls_message_to_all(room, json_msg_str);
+
+            return;
+        end
+
+        room.polls.by_id[new_poll.pollId] = new_poll;
+        table.insert(room.polls.order, new_poll);
+        room.polls.count = room.polls.count + 1;
+
+        local data = {
+            answers = new_poll.answers,
+            command = 'new-poll',
+            pollId = new_poll.pollId,
+            question = new_poll.question,
+            senderId = new_poll.senderId,
+            roomJid = internal_room_jid_match_rewrite(room.jid),
+            type = 'polls'
+        };
+
+        local json_msg_str, error = json.encode(data);
+        if not json_msg_str then
+            module:log('error', 'Error encoding data room:%s error:%s', room.jid, error);
+        end
+
+        send_polls_message_to_all(room, json_msg_str);
+    end);
+end
+
+process_host_module(muc_domain_prefix..'.'..main_virtual_host, setup_muc_component);
+process_host_module('breakout.' .. main_virtual_host, setup_muc_component);
+
+process_host_module(main_virtual_host, function(host_module)
+    module:context(host_module.host):fire_event('jitsi-add-identity', {
+        name = 'polls'; host = module.host;
+    });
+end);
diff --git a/resources/prosody-plugins/mod_poltergeist_component.lua b/resources/prosody-plugins/mod_poltergeist_component.lua
new file mode 100644
index 0000000..aa06175
--- /dev/null
+++ b/resources/prosody-plugins/mod_poltergeist_component.lua
@@ -0,0 +1,21 @@
+local st = require "util.stanza";
+
+-- A component which we use to receive all stanzas for the created poltergeists
+-- replays with error if an iq is sent
+function no_action()
+	return true;
+end
+
+function error_reply(event)
+	module:send(st.error_reply(event.stanza, "cancel", "service-unavailable"));
+	return true;
+end
+
+module:hook("presence/host", no_action);
+module:hook("message/host", no_action);
+module:hook("presence/full", no_action);
+module:hook("message/full", no_action);
+
+module:hook("iq/host", error_reply);
+module:hook("iq/full", error_reply);
+module:hook("iq/bare", error_reply);
diff --git a/resources/prosody-plugins/mod_presence_identity.lua b/resources/prosody-plugins/mod_presence_identity.lua
new file mode 100644
index 0000000..44d8634
--- /dev/null
+++ b/resources/prosody-plugins/mod_presence_identity.lua
@@ -0,0 +1,19 @@
+local stanza = require "util.stanza";
+local update_presence_identity = module:require "util".update_presence_identity;
+
+-- For all received presence messages, if the jitsi_meet_context_(user|group)
+-- values are set in the session, then insert them into the presence messages
+-- for that session.
+function on_message(event)
+    local stanza, session = event.stanza, event.origin;
+    if stanza and session then
+          update_presence_identity(
+              stanza,
+              session.jitsi_meet_context_user,
+              session.jitsi_meet_context_group
+          );
+    end
+end
+
+module:hook("pre-presence/bare", on_message);
+module:hook("pre-presence/full", on_message);
diff --git a/resources/prosody-plugins/mod_rate_limit.lua b/resources/prosody-plugins/mod_rate_limit.lua
new file mode 100644
index 0000000..c0256de
--- /dev/null
+++ b/resources/prosody-plugins/mod_rate_limit.lua
@@ -0,0 +1,234 @@
+-- Rate limits connection based on their ip address.
+-- Rate limits creating sessions (new connections),
+-- rate limits sent stanzas from same ip address (presence, iq, messages)
+-- Copyright (C) 2023-present 8x8, Inc.
+
+local cache = require"util.cache";
+local ceil = math.ceil;
+local http_server = require "net.http.server";
+local gettime = require "util.time".now
+local filters = require "util.filters";
+local new_throttle = require "util.throttle".create;
+local timer = require "util.timer";
+local ip_util = require "util.ip";
+local new_ip = ip_util.new_ip;
+local match_ip = ip_util.match;
+local parse_cidr = ip_util.parse_cidr;
+local get_ip = module:require "util".get_ip;
+
+local config = {};
+local limits_resolution = 1;
+
+local function load_config()
+	-- Max allowed login rate in events per second.
+	config.login_rate = module:get_option_number("rate_limit_login_rate", 3);
+	-- The rate to which sessions from IPs exceeding the join rate will be limited, in bytes per second.
+	config.ip_rate = module:get_option_number("rate_limit_ip_rate", 2000);
+	-- The rate to which sessions exceeding the stanza(iq, presence, message) rate will be limited, in bytes per second.
+	config.session_rate = module:get_option_number("rate_limit_session_rate", 1000);
+	-- The time in seconds, after which the limit for an IP address is lifted.
+	config.timeout = module:get_option_number("rate_limit_timeout", 60);
+	-- List of regular expressions for IP addresses that are not limited by this module.
+	config.whitelist = module:get_option_set("rate_limit_whitelist", { "127.0.0.1", "::1" })._items;
+	-- The size of the cache that saves state for IP addresses
+	config.cache_size = module:get_option_number("rate_limit_cache_size", 10000);
+
+	-- Max allowed presence rate in events per second.
+	config.presence_rate = module:get_option_number("rate_limit_presence_rate", 4);
+	-- Max allowed iq rate in events per second.
+	config.iq_rate = module:get_option_number("rate_limit_iq_rate", 15);
+	-- Max allowed message rate in events per second.
+	config.message_rate = module:get_option_number("rate_limit_message_rate", 3);
+
+	-- A list of hosts for which sessions we ignore rate limiting
+	config.whitelist_hosts = module:get_option_set("rate_limit_whitelist_hosts", {});
+
+	local wl = "";
+	for ip in config.whitelist do wl = wl .. ip  .. "," end
+	local wl_hosts = "";
+	for j in config.whitelist_hosts do wl_hosts = wl_hosts .. j  .. "," end
+	module:log("info", "Loaded configuration: ");
+	module:log("info", "- ip_rate=%s bytes/sec, session_rate=%s bytes/sec, timeout=%s sec, cache size=%s, whitelist=%s, whitelist_hosts=%s",
+            config.ip_rate, config.session_rate, config.timeout, config.cache_size, wl, wl_hosts);
+	module:log("info", "- login_rate=%s/sec, presence_rate=%s/sec, iq_rate=%s/sec, message_rate=%s/sec",
+			config.login_rate, config.presence_rate, config.iq_rate, config.message_rate);
+end
+load_config();
+
+-- Maps an IP address to a util.throttle which keeps the rate of login/join events from that IP.
+local login_rates = cache.new(config.cache_size);
+
+-- Keeps the IP addresses that have exceeded the allowed login/join rate (i.e. the IP addresses whose sessions need
+-- to be limited). Mapped to the last instant at which the rate was exceeded.
+local limited_ips = cache.new(config.cache_size);
+
+local function is_whitelisted(ip)
+	local parsed_ip = new_ip(ip)
+	for entry in config.whitelist do
+		if match_ip(parsed_ip, parse_cidr(entry)) then
+		  return true;
+		end
+    end
+
+	return false;
+end
+
+local function is_whitelisted_host(h)
+	return config.whitelist_hosts:contains(h);
+end
+
+-- Add an IP to the set of limied IPs
+local function limit_ip(ip)
+	module:log("info", "Limiting %s due to login/join rate exceeded.", ip);
+	limited_ips:set(ip, gettime());
+end
+
+-- Installable as a session filter to limit the reading rate for a session. Based on mod_limits.
+local function limit_bytes_in(bytes, session)
+	local sess_throttle = session.jitsi_throttle;
+	if sess_throttle then
+		-- if the limit timeout has elapsed let's stop the throttle
+		if not sess_throttle.start or gettime() - sess_throttle.start > config.timeout then
+			module:log("info", "Stop throttling session=%s, ip=%s.", session.id, session.ip);
+			session.jitsi_throttle = nil;
+			return bytes;
+		end
+		local ok, _, outstanding = sess_throttle:poll(#bytes, true);
+		if not ok then
+			session.log("debug",
+					"Session over rate limit (%d) with %d (by %d), pausing", sess_throttle.max, #bytes, outstanding);
+			outstanding = ceil(outstanding);
+			session.conn:pause(); -- Read no more data from the connection until there is no outstanding data
+			local outstanding_data = bytes:sub(-outstanding);
+			bytes = bytes:sub(1, #bytes-outstanding);
+			timer.add_task(limits_resolution, function ()
+				if not session.conn then return; end
+				if sess_throttle:peek(#outstanding_data) then
+					session.log("debug", "Resuming paused session");
+					session.conn:resume();
+				end
+				-- Handle what we can of the outstanding data
+				session.data(outstanding_data);
+			end);
+		end
+	end
+	return bytes;
+end
+
+-- Throttles reading from the connection of a specific session.
+local function throttle_session(session, rate, timeout)
+    if not session.jitsi_throttle then
+        if (session.conn and session.conn.setlimit) then
+            session.jitsi_throttle_counter = session.jitsi_throttle_counter + 1;
+            module:log("info", "Enabling throttle (%s bytes/s) via setlimit, session=%s, ip=%s, counter=%s.",
+                rate, session.id, session.ip, session.jitsi_throttle_counter);
+            session.conn:setlimit(rate);
+            if timeout then
+                if session.jitsi_throttle_timer then
+                    -- if there was a timer stop it as we will schedule a new one
+                    session.jitsi_throttle_timer:stop();
+                    session.jitsi_throttle_timer = nil;
+                end
+                session.jitsi_throttle_timer = module:add_timer(timeout, function()
+                    if session.conn then
+                        module:log("info", "Stop throttling session=%s, ip=%s.", session.id, session.ip);
+                        session.conn:setlimit(0);
+                    end
+                    session.jitsi_throttle_timer = nil;
+                end);
+            end
+        else
+		    module:log("info", "Enabling throttle (%s bytes/s) via filter, session=%s, ip=%s.", rate, session.id, session.ip);
+		    session.jitsi_throttle = new_throttle(rate, 2);
+		    filters.add_filter(session, "bytes/in", limit_bytes_in, 1000);
+		    -- throttle.start used for stop throttling after the timeout
+		    session.jitsi_throttle.start = gettime();
+        end
+	else
+		-- update the throttling start
+		session.jitsi_throttle.start = gettime();
+	end
+end
+
+-- checks different stanzas for rate limiting (per session)
+function filter_stanza(stanza, session)
+	local rate = session[stanza.name.."_rate"];
+	if rate then
+		local ok, _, _ = rate:poll(1, true);
+		if not ok then
+			module:log("info", "%s rate exceeded for %s, limiting.", stanza.name, session.full_jid);
+			throttle_session(session, config.session_rate, config.timeout);
+		end
+	end
+
+	return stanza;
+end
+
+local function on_login(session, ip)
+	local login_rate = login_rates:get(ip);
+	if not login_rate then
+		module:log("debug", "Create new join rate for %s", ip);
+		login_rate = new_throttle(config.login_rate, 2);
+		login_rates:set(ip, login_rate);
+	end
+
+	local ok, _, _ = login_rate:poll(1, true);
+	if not ok then
+		module:log("info", "Join rate exceeded for %s, limiting.", ip);
+		limit_ip(ip);
+	end
+end
+
+local function filter_hook(session)
+    -- ignore outgoing sessions (s2s)
+    if session.outgoing then
+        return;
+    end
+
+    local ip = get_ip(session);
+    module:log("debug", "New session from %s", ip);
+    if is_whitelisted(ip) or is_whitelisted_host(session.host) then
+        return;
+    end
+
+	on_login(session, ip);
+
+	-- creates the stanzas rates
+	session.jitsi_throttle_counter = 0;
+	session.presence_rate = new_throttle(config.presence_rate, 2);
+	session.iq_rate = new_throttle(config.iq_rate, 2);
+	session.message_rate = new_throttle(config.message_rate, 2);
+	filters.add_filter(session, "stanzas/in", filter_stanza);
+
+	local oldt = limited_ips:get(ip);
+	if oldt then
+		local newt = gettime();
+		local elapsed = newt - oldt;
+        if elapsed < config.timeout then
+            if elapsed < 5 then
+                module:log("info", "IP address %s was limited %s seconds ago, refreshing.", ip, elapsed);
+                limited_ips:set(ip, newt);
+            end
+            throttle_session(session, config.ip_rate);
+        else
+            module:log("info", "Removing the limit for %s", ip);
+            limited_ips:set(ip, nil);
+		end
+	end
+end
+
+function module.load()
+	filters.add_filter_hook(filter_hook);
+end
+
+function module.unload()
+	filters.remove_filter_hook(filter_hook);
+end
+
+module:hook_global("config-reloaded", load_config);
+
+-- we calculate the stats on the configured interval (60 seconds by default)
+local measure_limited_ips = module:measure('limited-ips', 'amount'); -- we send stats for the total number limited ips
+module:hook_global('stats-update', function ()
+    measure_limited_ips(limited_ips:count());
+end);
diff --git a/resources/prosody-plugins/mod_reservations.lua b/resources/prosody-plugins/mod_reservations.lua
new file mode 100644
index 0000000..62db02d
--- /dev/null
+++ b/resources/prosody-plugins/mod_reservations.lua
@@ -0,0 +1,695 @@
+--- This is a port of Jicofo's Reservation System as a prosody module
+--  ref: https://github.com/jitsi/jicofo/blob/master/doc/reservation.md
+--
+--  We try to retain the same behaviour and interfaces where possible, but there
+--  is some difference:
+--    * In the event that the DELETE call fails, Jicofo's reservation
+--      system retains reservation data and allows re-creation of room if requested by
+--      the same creator without making further call to the API; this module does not
+--      offer this behaviour. Re-creation of a closed room will behave like a new meeting
+--      and trigger a new API call to validate the reservation.
+--    * Jicofo's reservation system expect int-based conflict_id. We take any sensible string.
+--
+--  In broad strokes, this module works by intercepting Conference IQs sent to focus component
+--  and buffers it until reservation is confirmed (by calling the provided API endpoint).
+--  The IQ events are routed on to focus component if reservation is valid, or error
+--  response is sent back to the origin if reservation is denied. Events are routed as usual
+--  if the room already exists.
+--
+--
+--  Installation:
+--  =============
+--
+--  Under domain config,
+--   1. add "reservations" to modules_enabled.
+--   2. Specify URL base for your API endpoint using "reservations_api_prefix" (required)
+--   3. Optional config:
+--      * set "reservations_api_timeout" to change API call timeouts (defaults to 20 seconds)
+--      * set "reservations_api_headers" to specify custom HTTP headers included in
+--        all API calls e.g. to provide auth tokens.
+--      * set "reservations_api_retry_count" to the number of times API call failures are retried (defaults to 3)
+--      * set "reservations_api_retry_delay" seconds to wait between retries (defaults to 3s)
+--      * set "reservations_api_should_retry_for_code" to a function that takes an HTTP response code and
+--        returns true if API call should be retried. By default, retries are done for 5XX
+--        responses. Timeouts are never retried, and HTTP call failures are always retried.
+--      * set "reservations_enable_max_occupants" to true to enable integration with
+--        mod_muc_max_occupants. Setting thia will allow optional "max_occupants" (integer)
+--        payload from API to influence max occupants allowed for a given room.
+--      * set "reservations_enable_lobby_support" to true to enable integration
+--        with "muc_lobby_rooms". Setting this will allow optional "lobby" (boolean)
+--        fields in API payload. If set to true, Lobby will be enabled for the room.
+--        "persistent_lobby" module must also be enabled for this to work.
+--      * set "reservations_enable_password_support" to allow optional "password" (string)
+--        field in API payload. If set and not empty, then room password will be set
+--        to the given string.
+--      * By default, reservation checks are skipped for breakout rooms. You can subject
+--        breakout rooms to the same checks by setting "reservations_skip_breakout_rooms" to false.
+--
+--
+--  Example config:
+--
+--    VirtualHost "jitmeet.example.com"
+--        modules_enabled = {
+--            "reservations";
+--        }
+--        reservations_api_prefix = "http://reservation.example.com"
+--
+--        --- The following are all optional
+--        reservations_api_headers = {
+--            ["Authorization"] = "Bearer TOKEN-237958623045";
+--        }
+--        reservations_api_timeout = 10  -- timeout if API does not respond within 10s
+--        reservations_api_retry_count = 5  -- retry up to 5 times
+--        reservations_api_retry_delay = 1  -- wait 1s between retries
+--        reservations_api_should_retry_for_code = function (code)
+--            return code >= 500 or code == 408
+--        end
+--
+--        reservations_enable_max_occupants = true  -- support "max_occupants" field
+--        reservations_enable_lobby_support = true  -- support "lobby" field
+--        reservations_enable_password_support = true  -- support "password" field
+--
+
+local jid = require 'util.jid';
+local http = require "net.http";
+local json = require 'cjson.safe';
+local st = require "util.stanza";
+local timer = require 'util.timer';
+local datetime = require 'util.datetime';
+
+local util = module:require "util";
+local get_room_from_jid = util.get_room_from_jid;
+local is_healthcheck_room = util.is_healthcheck_room;
+local room_jid_match_rewrite = util.room_jid_match_rewrite;
+local process_host_module = util.process_host_module;
+
+local api_prefix = module:get_option("reservations_api_prefix");
+local api_headers = module:get_option("reservations_api_headers");
+local api_timeout = module:get_option("reservations_api_timeout", 20);
+local api_retry_count = tonumber(module:get_option("reservations_api_retry_count", 3));
+local api_retry_delay = tonumber(module:get_option("reservations_api_retry_delay", 3));
+local max_occupants_enabled = module:get_option("reservations_enable_max_occupants", false);
+local lobby_support_enabled = module:get_option("reservations_enable_lobby_support", false);
+local password_support_enabled = module:get_option("reservations_enable_password_support", false);
+local skip_breakout_room = module:get_option("reservations_skip_breakout_rooms", true);
+
+
+-- Option for user to control HTTP response codes that will result in a retry.
+-- Defaults to returning true on any 5XX code or 0
+local api_should_retry_for_code = module:get_option("reservations_api_should_retry_for_code", function (code)
+   return code >= 500;
+end)
+
+
+local muc_component_host = module:get_option_string("main_muc");
+local breakout_muc_component_host = module:get_option_string('breakout_rooms_muc', 'breakout.'..module.host);
+
+
+-- How often to check and evict expired reservation data
+local expiry_check_period = 60;
+
+
+-- Cannot proceed if "reservations_api_prefix" not configured
+if not api_prefix then
+    module:log("error", "reservations_api_prefix not specified. Disabling %s", module:get_name());
+    return;
+end
+
+
+-- get/infer focus component hostname so we can intercept IQ bound for it
+local focus_component_host = module:get_option_string("focus_component");
+if not focus_component_host then
+    local muc_domain_base = module:get_option_string("muc_mapper_domain_base");
+    if not muc_domain_base then
+        module:log("error", "Could not infer focus domain. Disabling %s", module:get_name());
+        return;
+    end
+    focus_component_host = 'focus.'..muc_domain_base;
+end
+
+-- common HTTP headers added to all API calls
+local http_headers = {
+    ["User-Agent"] = "Prosody ("..prosody.version.."; "..prosody.platform..")";
+};
+if api_headers then -- extra headers from config
+    for key, value in pairs(api_headers) do
+       http_headers[key] = value;
+    end
+end
+
+
+--- Utils
+
+--- Converts int timestamp to datetime string compatible with Java SimpleDateFormat
+-- @param t timestamps in seconds. Supports int (as returned by os.time()) or higher
+--          precision (as returned by socket.gettime())
+-- @return formatted datetime string (yyyy-MM-dd'T'HH:mm:ss.SSSX)
+local function to_java_date_string(t)
+    local t_secs, mantissa = math.modf(t);
+    local ms_str = (mantissa == 0) and '.000' or tostring(mantissa):sub(2,5);
+    local date_str = os.date("!%Y-%m-%dT%H:%M:%S", t_secs);
+    return date_str..ms_str..'Z';
+end
+
+
+--- Start non-blocking HTTP call
+-- @param url URL to call
+-- @param options options table as expected by net.http where we provide optional headers, body or method.
+-- @param callback if provided, called with callback(response_body, response_code) when call complete.
+-- @param timeout_callback if provided, called without args when request times out.
+-- @param retries how many times to retry on failure; 0 means no retries.
+local function async_http_request(url, options, callback, timeout_callback, retries)
+    local completed = false;
+    local timed_out = false;
+    local retries = retries or api_retry_count;
+
+    local function cb_(response_body, response_code)
+        if not timed_out then  -- request completed before timeout
+            completed = true;
+            if (response_code == 0 or api_should_retry_for_code(response_code)) and retries > 0 then
+                module:log("warn", "API Response code %d. Will retry after %ds", response_code, api_retry_delay);
+                timer.add_task(api_retry_delay, function()
+                    async_http_request(url, options, callback, timeout_callback, retries - 1)
+                end)
+                return;
+            end
+
+            if callback then
+                callback(response_body, response_code)
+            end
+        end
+    end
+
+    local request = http.request(url, options, cb_);
+
+    timer.add_task(api_timeout, function ()
+        timed_out = true;
+
+        if not completed then
+            http.destroy_request(request);
+            if timeout_callback then
+                timeout_callback()
+            end
+        end
+    end);
+
+end
+
+--- Returns current timestamp
+local function now()
+    -- Don't really need higher precision of socket.gettime(). Besides, we loose
+    -- milliseconds precision when converting back to timestamp from date string
+    -- when we use datetime.parse(t), so let's be consistent.
+    return os.time();
+end
+
+--- Start RoomReservation implementation
+
+-- Status enums used in RoomReservation:meta.status
+local STATUS = {
+    PENDING = 0;
+    SUCCESS = 1;
+    FAILED  = -1;
+}
+
+local RoomReservation = {};
+RoomReservation.__index = RoomReservation;
+
+function newRoomReservation(room_jid, creator_jid)
+    return setmetatable({
+        room_jid = room_jid;
+
+        -- Reservation metadata. store as table so we can set and read atomically.
+        -- N.B. This should always be updated using self.set_status_*
+        meta = {
+            status = STATUS.PENDING;
+            mail_owner = jid.bare(creator_jid);
+            conflict_id = nil;
+            start_time = now();  -- timestamp, in seconds
+            expires_at = nil;  -- timestamp, in seconds
+            error_text = nil;
+            error_code = nil;
+        };
+
+        -- Array of pending events that we need to route once API call is complete
+        pending_events = {};
+
+        -- Set true when API call trigger has been triggered (by enqueue of first event)
+        api_call_triggered = false;
+    }, RoomReservation);
+end
+
+
+--- Extracts room name from room jid
+function RoomReservation:get_room_name()
+    return jid.node(self.room_jid);
+end
+
+--- Checks if reservation data is expires and should be evicted from store
+function RoomReservation:is_expired()
+    return self.meta.expires_at ~= nil and now() > self.meta.expires_at;
+end
+
+--- Main entry point for handing and routing events.
+function RoomReservation:enqueue_or_route_event(event)
+    if self.meta.status == STATUS.PENDING then
+        table.insert(self.pending_events, event)
+        if self.api_call_triggered ~= true then
+            self:call_api_create_conference();
+        end
+    else
+        -- API call already complete. Immediately route without enqueueing.
+        -- This could happen if request comes in between the time reservation approved
+        -- and when Jicofo actually creates the room.
+        module:log("debug", "Reservation details already stored. Skipping queue for %s", self.room_jid);
+        self:route_event(event);
+    end
+end
+
+--- Updates status and initiates event routing. Called internally when API call complete.
+function RoomReservation:set_status_success(start_time, duration, mail_owner, conflict_id, data)
+    module:log("info", "Reservation created successfully for %s", self.room_jid);
+    self.meta = {
+        status = STATUS.SUCCESS;
+        mail_owner = mail_owner or self.meta.mail_owner;
+        conflict_id = conflict_id;
+        start_time = start_time;
+        expires_at = start_time + duration;
+        error_text = nil;
+        error_code = nil;
+    }
+    if max_occupants_enabled and data.max_occupants then
+        self.meta.max_occupants = data.max_occupants
+    end
+    if lobby_support_enabled and data.lobby then
+        self.meta.lobby = data.lobby
+    end
+    if password_support_enabled and data.password then
+        self.meta.password = data.password
+    end
+    self:route_pending_events()
+end
+
+--- Updates status and initiates error response to pending events. Called internally when API call complete.
+function RoomReservation:set_status_failed(error_code, error_text)
+    module:log("info", "Reservation creation failed for %s - (%s) %s", self.room_jid, error_code, error_text);
+    self.meta = {
+        status = STATUS.FAILED;
+        mail_owner = self.meta.mail_owner;
+        conflict_id = nil;
+        start_time = self.meta.start_time;
+        -- Retain reservation rejection for a short while so we have time to report failure to
+        -- existing clients and not trigger a re-query too soon.
+        -- N.B. Expiry could take longer since eviction happens periodically.
+        expires_at = now() + 30;
+        error_text = error_text;
+        error_code = error_code;
+    }
+    self:route_pending_events()
+end
+
+--- Triggers routing of all enqueued events
+function RoomReservation:route_pending_events()
+    if self.meta.status == STATUS.PENDING then  -- should never be called while PENDING. check just in case.
+        return;
+    end
+
+    module:log("debug", "Routing all pending events for %s", self.room_jid);
+    local event;
+
+    while #self.pending_events ~= 0 do
+        event = table.remove(self.pending_events);
+        self:route_event(event)
+    end
+end
+
+--- Event routing implementation
+function RoomReservation:route_event(event)
+    -- this should only be called after API call complete and status no longer PENDING
+    assert(self.meta.status ~= STATUS.PENDING, "Attempting to route event while API call still PENDING")
+
+    local meta = self.meta;
+    local origin, stanza = event.origin, event.stanza;
+
+    if meta.status == STATUS.FAILED then
+        module:log("debug", "Route: Sending reservation error to %s", stanza.attr.from);
+        self:reply_with_error(event, meta.error_code, meta.error_text);
+    else
+        if meta.status == STATUS.SUCCESS then
+            if self:is_expired() then
+                module:log("debug", "Route: Sending reservation expiry to %s", stanza.attr.from);
+                self:reply_with_error(event, 419, "Reservation expired");
+            else
+                module:log("debug", "Route: Forwarding on event from %s", stanza.attr.from);
+                prosody.core_post_stanza(origin, stanza, false); -- route iq to intended target (focus)
+            end
+        else
+            -- this should never happen unless dev made a mistake. Block by default just in case.
+            module:log("error", "Reservation for %s has invalid state %s. Rejecting request.", self.room_jid, meta.status);
+            self:reply_with_error(event, 500, "Failed to determine reservation state");
+        end
+    end
+end
+
+--- Generates reservation-error stanza and sends to event origin.
+function RoomReservation:reply_with_error(event, error_code, error_text)
+    local stanza = event.stanza;
+    local id = stanza.attr.id;
+    local to = stanza.attr.from;
+    local from = stanza.attr.to;
+
+    event.origin.send(
+        st.iq({ type="error", to=to, from=from, id=id })
+            :tag("error", { type="cancel" })
+                :tag("service-unavailable", { xmlns="urn:ietf:params:xml:ns:xmpp-stanzas" }):up()
+                :tag("text", { xmlns="urn:ietf:params:xml:ns:xmpp-stanzas" }):text(error_text):up()
+                :tag("reservation-error", { xmlns="http://jitsi.org/protocol/focus", ["error-code"]=tostring(error_code) })
+    );
+end
+
+--- Initiates non-blocking API call to validate reservation
+function RoomReservation:call_api_create_conference()
+    self.api_call_triggered = true;
+
+    local url = api_prefix..'/conference';
+    local request_data = {
+        name = self:get_room_name();
+        start_time = to_java_date_string(self.meta.start_time);
+        mail_owner = self.meta.mail_owner;
+    }
+
+    local http_options = {
+        body = http.formencode(request_data);  -- because Jicofo reservation encodes as form data instead JSON
+        method = 'POST';
+        headers = http_headers;
+    }
+
+    module:log("debug", "Sending POST /conference for %s", self.room_jid);
+    async_http_request(url, http_options, function (response_body, response_code)
+        self:on_api_create_conference_complete(response_body, response_code);
+    end, function ()
+        self:on_api_call_timeout();
+    end);
+end
+
+--- Parses and validates HTTP response body for conference payload
+--  Ref: https://github.com/jitsi/jicofo/blob/master/doc/reservation.md
+--  @return nil if invalid, or table with payload parsed from JSON response
+function RoomReservation:parse_conference_response(response_body)
+    local data, error = json.decode(response_body);
+
+    if data == nil then  -- invalid JSON payload
+        module:log("error", "Invalid JSON response from API - %s error:%s", response_body, error);
+        return;
+    end
+
+    if data.name == nil or data.name:lower() ~= self:get_room_name() then
+        module:log("error", "Missing or mismatching room name - %s", data.name);
+        return;
+    end
+
+    if data.id == nil then
+        module:log("error", "Missing id");
+        return;
+    end
+
+    if data.mail_owner == nil then
+        module:log("error", "Missing mail_owner");
+        return;
+    end
+
+    local duration = tonumber(data.duration);
+    if duration == nil then
+        module:log("error", "Missing or invalid duration - %s", data.duration);
+        return;
+    end
+    data.duration = duration;
+
+    -- if optional "max_occupants" field set, cast to number
+    if data.max_occupants ~= nil then
+        local max_occupants = tonumber(data.max_occupants)
+        if max_occupants == nil or max_occupants < 1 then
+            -- N.B. invalid max_occupants rejected even if max_occupants_enabled=false
+            module:log("error", "Invalid value for max_occupants - %s", data.max_occupants);
+            return;
+        end
+        data.max_occupants = max_occupants
+    end
+
+    -- if optional "lobby" field set, accept boolean true or "true"
+    if data.lobby ~= nil then
+        if (type(data.lobby) == "boolean" and data.lobby) or data.lobby == "true" then
+            data.lobby = true
+        else
+            data.lobby = false
+        end
+    end
+
+    -- if optional "password" field set, it has to be string
+    if data.password ~= nil then
+        if type(data.password) ~= "string" then
+            -- N.B. invalid "password" rejected even if reservations_enable_password_support=false
+            module:log("error", "Invalid type for password - string expected");
+            return;
+        end
+    end
+
+    local start_time = datetime.parse(data.start_time);  -- N.B. we lose milliseconds portion of the date
+    if start_time == nil then
+        module:log("error", "Missing or invalid start_time - %s", data.start_time);
+        return;
+    end
+    data.start_time = start_time;
+
+    return data;
+end
+
+--- Parses and validates HTTP error response body for API call.
+--  Expect JSON with a "message" field.
+--  @return message string, or generic error message if invalid payload.
+function RoomReservation:parse_error_message_from_response(response_body)
+    local data = json.decode(response_body);
+    if data ~= nil and data.message ~= nil then
+        module:log("debug", "Invalid error response body. Will use generic error message.");
+        return data.message;
+    else
+        return "Rejected by reservation server";
+    end
+end
+
+--- callback on API timeout
+function RoomReservation:on_api_call_timeout()
+    self:set_status_failed(500, 'Reservation lookup timed out');
+end
+
+--- callback on API response
+function RoomReservation:on_api_create_conference_complete(response_body, response_code)
+    if response_code == 200 or response_code == 201 then
+        self:handler_conference_data_returned_from_api(response_body);
+    elseif response_code == 409 then
+        self:handle_conference_already_exist(response_body);
+    elseif response_code == nil then  -- warrants a retry, but this should be done automatically by the http call method.
+        self:set_status_failed(500, 'Could not contact reservation server');
+    else
+        self:set_status_failed(response_code, self:parse_error_message_from_response(response_body));
+    end
+end
+
+function RoomReservation:handler_conference_data_returned_from_api(response_body)
+    local data = self:parse_conference_response(response_body);
+    if not data then  -- invalid response from API
+        module:log("error", "API returned success code but invalid payload");
+        self:set_status_failed(500, 'Invalid response from reservation server');
+    else
+        self:set_status_success(data.start_time, data.duration, data.mail_owner, data.id, data)
+    end
+end
+
+function RoomReservation:handle_conference_already_exist(response_body)
+    local data = json.decode(response_body);
+    if data == nil or data.conflict_id == nil then
+        -- yes, in the case of 409, API expected to return "id" as "conflict_id".
+        self:set_status_failed(409, 'Invalid response from reservation server');
+    else
+        local url = api_prefix..'/conference/'..data.conflict_id;
+        local http_options = {
+            method = 'GET';
+            headers = http_headers;
+        }
+
+        async_http_request(url, http_options, function(response_body, response_code)
+            if response_code == 200 then
+                self:handler_conference_data_returned_from_api(response_body);
+            else
+                self:set_status_failed(response_code, self:parse_error_message_from_response(response_body));
+            end
+        end, function ()
+            self:on_api_call_timeout();
+        end);
+    end
+end
+
+--- End RoomReservation
+
+--- Store reservations lookups that are still pending or with room still active
+local reservations = {}
+
+local function get_or_create_reservations(room_jid, creator_jid)
+    if reservations[room_jid] == nil then
+        module:log("debug", "Creating new reservation data for %s", room_jid);
+        reservations[room_jid] = newRoomReservation(room_jid, creator_jid);
+    end
+
+    return reservations[room_jid];
+end
+
+local function evict_expired_reservations()
+    local expired = {}
+
+    -- first, gather jids of expired rooms. So we don't remove from table while iterating.
+    for room_jid, res in pairs(reservations) do
+        if res:is_expired() then
+            table.insert(expired, room_jid);
+        end
+    end
+
+    local room;
+    for _, room_jid in ipairs(expired) do
+        room = get_room_from_jid(room_jid);
+        if room then
+            -- Close room if still active (reservation duration exceeded)
+            module:log("info", "Room exceeded reservation duration. Terminating %s", room_jid);
+            room:destroy(nil, "Scheduled conference duration exceeded.");
+            -- Rely on room_destroyed to calls DELETE /conference and drops reservation[room_jid]
+        else
+            module:log("error", "Reservation references expired room that is no longer active. Dropping %s", room_jid);
+            -- This should not happen unless evict_expired_reservations somehow gets triggered
+            -- between the time room is destroyed and room_destroyed callback is called. (Possible?)
+            -- But just in case, we drop the reservation to avoid repeating this path on every pass.
+            reservations[room_jid] = nil;
+        end
+    end
+end
+
+timer.add_task(expiry_check_period, function()
+    evict_expired_reservations();
+    return expiry_check_period;
+end)
+
+
+--- Intercept conference IQ to Jicofo handle reservation checks before allowing normal event flow
+module:log("info", "Hook to global pre-iq/host");
+module:hook("pre-iq/host", function(event)
+    local stanza = event.stanza;
+
+    if stanza.name ~= "iq" or stanza.attr.to ~= focus_component_host or stanza.attr.type ~= 'set' then
+        return;  -- not IQ for jicofo. Ignore this event.
+    end
+
+    local conference = stanza:get_child('conference', 'http://jitsi.org/protocol/focus');
+    if conference == nil then
+        return; -- not Conference IQ. Ignore.
+    end
+
+    local room_jid = room_jid_match_rewrite(conference.attr.room);
+
+    if get_room_from_jid(room_jid) ~= nil then
+        module:log("debug", "Skip reservation check for existing room %s", room_jid);
+        return;  -- room already exists. Continue with normal flow
+    end
+
+    if skip_breakout_room then
+        local _, host = jid.split(room_jid);
+        if host == breakout_muc_component_host then
+            module:log("debug", "Skip reservation check for breakout room %s", room_jid);
+            return;
+        end
+    end
+
+    local res = get_or_create_reservations(room_jid, stanza.attr.from);
+    res:enqueue_or_route_event(event);  -- hand over to reservation obj to route event
+    return true;
+
+end);
+
+
+--- Forget reservation details once room destroyed so query is repeated if room re-created
+local function room_destroyed(event)
+    local res;
+    local room = event.room
+
+    if not is_healthcheck_room(room.jid) then
+        res = reservations[room.jid]
+
+        -- drop reservation data for this room
+        reservations[room.jid] = nil
+
+        if res then  -- just in case event triggered more than once?
+            module:log("info", "Dropped reservation data for destroyed room %s", room.jid);
+
+            local conflict_id = res.meta.conflict_id
+            if conflict_id then
+                local url = api_prefix..'/conference/'..conflict_id;
+                local http_options = {
+                    method = 'DELETE';
+                    headers = http_headers;
+                }
+
+                module:log("debug", "Sending DELETE /conference/%s", conflict_id);
+                async_http_request(url, http_options);
+            end
+        end
+    end
+end
+
+
+local function room_created(event)
+    local room = event.room
+
+    if is_healthcheck_room(room.jid) then
+        return;
+    end
+
+    local res = reservations[room.jid]
+
+    if res and max_occupants_enabled and res.meta.max_occupants ~= nil then
+        module:log("info", "Setting max_occupants %d for room %s", res.meta.max_occupants, room.jid);
+        room._data.max_occupants = res.meta.max_occupants
+    end
+
+    if res and password_support_enabled and res.meta.password ~= nil then
+        module:log("info", "Setting password for room %s", room.jid);
+        room:set_password(res.meta.password);
+    end
+end
+
+
+local function room_pre_create(event)
+    local room = event.room
+
+    if is_healthcheck_room(room.jid) then
+        return;
+    end
+
+    local res = reservations[room.jid]
+
+    if res and lobby_support_enabled and res.meta.lobby then
+        module:log("info", "Enabling lobby for room %s", room.jid);
+        prosody.events.fire_event("create-persistent-lobby-room", { room = room; });
+    end
+end
+
+process_host_module(muc_component_host, function(host_module, host)
+        module:log("info", "Hook to muc-room-destroyed on %s", host);
+        host_module:hook("muc-room-destroyed", room_destroyed, -1);
+
+        if max_occupants_enabled or password_support_enabled then
+            module:log("info", "Hook to muc-room-created on %s (max_occupants or password integration enabled)", host);
+            host_module:hook("muc-room-created", room_created);
+        end
+
+        if lobby_support_enabled then
+            module:log("info", "Hook to muc-room-pre-create on %s (lobby integration enabled)", host);
+            host_module:hook("muc-room-pre-create", room_pre_create);
+        end
+end);
diff --git a/resources/prosody-plugins/mod_room_destroy.lua b/resources/prosody-plugins/mod_room_destroy.lua
new file mode 100644
index 0000000..d3dfb3b
--- /dev/null
+++ b/resources/prosody-plugins/mod_room_destroy.lua
@@ -0,0 +1,15 @@
+-- Handle room destroy requests it such a way that it can be suppressed by other
+-- modules that handle room lifecycle and wish to keep the room alive.
+
+function handle_room_destroy(event)
+    local room = event.room;
+    local reason = event.reason;
+    local caller = event.caller;
+
+    module:log('info', 'Destroying room %s (requested by %s)', room.jid, caller);
+    room:set_persistent(false);
+    room:destroy(nil, reason);
+end
+
+module:hook_global("maybe-destroy-room", handle_room_destroy, -1);
+module:log('info', 'loaded');
diff --git a/resources/prosody-plugins/mod_room_metadata.lua b/resources/prosody-plugins/mod_room_metadata.lua
new file mode 100644
index 0000000..a024965
--- /dev/null
+++ b/resources/prosody-plugins/mod_room_metadata.lua
@@ -0,0 +1,6 @@
+-- TODO: Remove this file after several stable releases when people update their configs
+module:log('warn', 'mod_room_metadata is deprecated and will be removed in a future release. '
+    .. 'Please update your config by removing this module from the list of loaded modules.');
+
+module:depends("jitsi_session");
+module:depends("features_identity");
diff --git a/resources/prosody-plugins/mod_room_metadata_component.lua b/resources/prosody-plugins/mod_room_metadata_component.lua
new file mode 100644
index 0000000..89e32c0
--- /dev/null
+++ b/resources/prosody-plugins/mod_room_metadata_component.lua
@@ -0,0 +1,376 @@
+-- This module implements a generic metadata storage system for rooms.
+--
+-- Component "metadata.jitmeet.example.com" "room_metadata_component"
+--      muc_component = "conference.jitmeet.example.com"
+--      breakout_rooms_component = "breakout.jitmeet.example.com"
+local array = require 'util.array';
+local filters = require 'util.filters';
+local jid_node = require 'util.jid'.node;
+local json = require 'util.json';
+local st = require 'util.stanza';
+local jid = require 'util.jid';
+
+local util = module:require 'util';
+local is_admin = util.is_admin;
+local is_healthcheck_room = util.is_healthcheck_room;
+local get_room_from_jid = util.get_room_from_jid;
+local room_jid_match_rewrite = util.room_jid_match_rewrite;
+local internal_room_jid_match_rewrite = util.internal_room_jid_match_rewrite;
+local process_host_module = util.process_host_module;
+local table_shallow_copy = util.table_shallow_copy;
+local table_add = util.table_add;
+local table_equals = util.table_equals;
+
+local MUC_NS = 'http://jabber.org/protocol/muc';
+local COMPONENT_IDENTITY_TYPE = 'room_metadata';
+local FORM_KEY = 'muc#roominfo_jitsimetadata';
+
+local muc_component_host = module:get_option_string('muc_component');
+
+if muc_component_host == nil then
+    module:log('error', 'No muc_component specified. No muc to operate on!');
+    return;
+end
+
+local main_virtual_host = module:get_option_string('muc_mapper_domain_base');
+if not main_virtual_host then
+    module:log('warn', 'No muc_mapper_domain_base option set.');
+    return;
+end
+
+local breakout_rooms_component_host = module:get_option_string('breakout_rooms_component');
+
+module:log("info", "Starting room metadata for %s", muc_component_host);
+
+local main_muc_module;
+
+-- Utility functions
+
+-- Returns json string with the metadata for the room.
+-- @param room The room object.
+-- @param metadata Optional metadata to use instead of the room's jitsiMetadata.
+function getMetadataJSON(room, metadata)
+    local res, error = json.encode({
+        type = COMPONENT_IDENTITY_TYPE,
+        metadata = metadata or room.jitsiMetadata or {}
+    });
+
+    if not res then
+        module:log('error', 'Error encoding data room:%s', room.jid, error);
+    end
+
+    return res;
+end
+
+function broadcastMetadata(room, json_msg)
+    if not json_msg then
+        return;
+    end
+
+    for _, occupant in room:each_occupant() do
+        send_metadata(occupant, room, json_msg)
+    end
+end
+
+function send_metadata(occupant, room, json_msg)
+    if not json_msg or is_admin(occupant.bare_jid) then
+        local metadata_to_send = room.jitsiMetadata or {};
+
+        -- we want to send the main meeting participants only to jicofo
+        if is_admin(occupant.bare_jid) then
+            local participants;
+            local moderators = array();
+
+            if room._data.participants then
+                participants = array();
+                participants:append(room._data.participants);
+            end
+
+            if room._data.moderator_id then
+                moderators:push(room._data.moderator_id);
+            end
+
+            if room._data.moderators then
+                moderators:append(room._data.moderators);
+            end
+
+            metadata_to_send = table_shallow_copy(metadata_to_send);
+            metadata_to_send.participants = participants;
+            metadata_to_send.moderators = moderators;
+
+            module:log('info', 'Sending metadata to jicofo room=%s,meeting_id=%s', room.jid, room._data.meetingId);
+        end
+
+        json_msg = getMetadataJSON(room, metadata_to_send);
+    end
+
+    local stanza = st.message({ from = module.host; to = occupant.jid; })
+         :tag('json-message', {
+             xmlns = 'http://jitsi.org/jitmeet',
+             room = internal_room_jid_match_rewrite(room.jid)
+         }):text(json_msg):up();
+    module:send(stanza);
+end
+
+-- Handling events
+
+function room_created(event)
+    local room = event.room;
+
+    if is_healthcheck_room(room.jid) then
+        return;
+    end
+
+    if not room.jitsiMetadata then
+        room.jitsiMetadata = {};
+    end
+
+    room.sent_initial_metadata = {};
+end
+
+function on_message(event)
+    local session = event.origin;
+
+    -- Check the type of the incoming stanza to avoid loops:
+    if event.stanza.attr.type == 'error' then
+        return; -- We do not want to reply to these, so leave.
+    end
+
+    if not session or not session.jitsi_web_query_room then
+        return false;
+    end
+
+    local message = event.stanza:get_child(COMPONENT_IDENTITY_TYPE, 'http://jitsi.org/jitmeet');
+    local messageText = message:get_text();
+
+    if not message or not messageText then
+        return false;
+    end
+
+    local roomJid = message.attr.room;
+    local room = get_room_from_jid(room_jid_match_rewrite(roomJid));
+
+    if not room then
+        module:log('warn', 'No room found for %s/%s',
+                session.jitsi_web_query_prefix, session.jitsi_web_query_room);
+        return false;
+    end
+
+    -- check that the participant requesting is a moderator and is an occupant in the room
+    local from = event.stanza.attr.from;
+    local occupant = room:get_occupant_by_real_jid(from);
+
+    if not occupant then
+        module:log('warn', 'No occupant %s found for %s', from, room.jid);
+        return false;
+    end
+
+    local jsonData, error = json.decode(messageText);
+    if jsonData == nil then -- invalid JSON
+        module:log("error", "Invalid JSON message: %s error:%s", messageText, error);
+        return false;
+    end
+
+    if jsonData.key == nil or jsonData.data == nil then
+        module:log("error", "Invalid JSON payload, key or data are missing: %s", messageText);
+        return false;
+    end
+
+    if occupant.role ~= 'moderator' then
+        -- will return a non nil filtered data to use, if it is nil, it is not allowed
+        local res = module:context(main_virtual_host):fire_event('jitsi-metadata-allow-moderation',
+                { room = room; actor = occupant; key = jsonData.key ; data = jsonData.data; session = session; });
+
+        if not res then
+            module:log('warn', 'Occupant %s is not moderator and not allowed this operation for %s', from, room.jid);
+            return false;
+        end
+
+        jsonData.data = res;
+    end
+
+    local old_value = room.jitsiMetadata[jsonData.key];
+    if not table_equals(old_value, jsonData.data) then
+        room.jitsiMetadata[jsonData.key] = jsonData.data;
+
+        module:log('info', 'Metadata key "%s" updated by %s in room:%s,meeting_id:%s', jsonData.key, from, room.jid, room._data.meetingId);
+        broadcastMetadata(room, getMetadataJSON(room));
+
+        -- fire and event for the change
+        main_muc_module:fire_event('jitsi-metadata-updated', { room = room; actor = occupant; key = jsonData.key; });
+    end
+
+    return true;
+end
+
+-- Module operations
+
+-- handle messages to this component
+module:hook("message/host", on_message);
+
+-- operates on already loaded main muc module
+function process_main_muc_loaded(main_muc, host_module)
+    main_muc_module = host_module;
+
+    module:log('debug', 'Main muc loaded');
+    module:log("info", "Hook to muc events on %s", muc_component_host);
+
+    host_module:hook("muc-room-created", room_created, -1);
+
+    -- The room metadata was updated internally (from another module).
+    host_module:hook("room-metadata-changed", function(event)
+        local room = event.room;
+        local json_msg = getMetadataJSON(room);
+
+        module:log('info', 'Metadata changed internally in room:%s,meeting_id:%s - broadcasting data:%s', room.jid, room._data.meetingId, json_msg);
+        broadcastMetadata(room, json_msg);
+    end);
+
+    -- TODO: Once clients update to read/write metadata for startMuted policy we can drop this
+    -- this is to convert presence settings from old clients to metadata
+    host_module:hook('muc-broadcast-presence', function (event)
+        local actor, occupant, room, stanza, x = event.actor, event.occupant, event.room, event.stanza, event.x;
+
+        if is_healthcheck_room(room.jid) or occupant.role ~= 'moderator' then
+            return;
+        end
+
+        local startMuted = stanza:get_child('startmuted', 'http://jitsi.org/jitmeet/start-muted');
+
+        if not startMuted then
+            return;
+        end
+
+        if not room.jitsiMetadata then
+            room.jitsiMetadata = {};
+        end
+
+        local startMutedMetadata = room.jitsiMetadata.startMuted or {};
+
+        local audioNewValue = startMuted.attr.audio == 'true';
+        local videoNewValue = startMuted.attr.video == 'true';
+        local send_update = false;
+
+        if startMutedMetadata.audio ~= audioNewValue then
+            startMutedMetadata.audio = audioNewValue;
+            send_update = true;
+        end
+        if startMutedMetadata.video ~= videoNewValue then
+            startMutedMetadata.video = videoNewValue;
+            send_update = true;
+        end
+
+        if send_update then
+            room.jitsiMetadata.startMuted = startMutedMetadata;
+
+            host_module:fire_event('room-metadata-changed', { room = room; });
+        end
+    end);
+
+    -- The the connection jid for authenticated users (like jicofo) stays the same,
+    -- so leaving and re-joining will result not sending metatadata again.
+    -- Make sure we clear the sent_initial_metadata entry for the occupant on leave.
+    host_module:hook("muc-occupant-left", function(event)
+        local room, occupant = event.room, event.occupant;
+
+        if room.sent_initial_metadata then
+            room.sent_initial_metadata[jid.bare(event.occupant.jid)] = nil;
+        end
+    end);
+end
+
+-- process or waits to process the main muc component
+process_host_module(muc_component_host, function(host_module, host)
+    local muc_module = prosody.hosts[host].modules.muc;
+
+    if muc_module then
+        process_main_muc_loaded(muc_module, host_module);
+    else
+        module:log('debug', 'Will wait for muc to be available');
+        prosody.hosts[host].events.add_handler('module-loaded', function(event)
+            if (event.module == 'muc') then
+                process_main_muc_loaded(prosody.hosts[host].modules.muc, host_module);
+            end
+        end);
+    end
+end);
+
+-- breakout rooms support
+function process_breakout_muc_loaded(breakout_muc, host_module)
+    module:log('debug', 'Breakout rooms muc loaded');
+    module:log("info", "Hook to muc events on %s", breakout_rooms_component_host);
+
+    host_module:hook("muc-room-created", room_created, -1);
+end
+
+if breakout_rooms_component_host then
+    process_host_module(breakout_rooms_component_host, function(host_module, host)
+        local muc_module = prosody.hosts[host].modules.muc;
+
+        if muc_module then
+            process_breakout_muc_loaded(muc_module, host_module);
+        else
+            module:log('debug', 'Will wait for muc to be available');
+            prosody.hosts[host].events.add_handler('module-loaded', function(event)
+                if (event.module == 'muc') then
+                    process_breakout_muc_loaded(prosody.hosts[host].modules.muc, host_module);
+                end
+            end);
+        end
+    end);
+end
+
+-- Send a message update for metadata before sending the first self presence
+function filter_stanza(stanza, session)
+    if not stanza.attr or not stanza.attr.to or stanza.name ~= 'presence' or stanza.attr.type == 'unavailable' then
+        return stanza;
+    end
+
+    local bare_to = jid.bare(stanza.attr.to);
+    local muc_x = stanza:get_child('x', MUC_NS..'#user');
+    if not muc_x or not presence_check_status(muc_x, '110') then
+        return stanza;
+    end
+
+    local room = get_room_from_jid(room_jid_match_rewrite(jid.bare(stanza.attr.from)));
+
+    if not room or not room.sent_initial_metadata or is_healthcheck_room(room.jid) then
+        return stanza;
+    end
+
+    if room.sent_initial_metadata[bare_to] then
+        return stanza;
+    end
+
+    local occupant;
+    for _, o in room:each_occupant() do
+        if o.bare_jid == bare_to then
+            occupant = o;
+        end
+    end
+
+    if not occupant then
+        module:log('warn', 'No occupant %s found for %s', bare_to, room.jid);
+        return stanza;
+    end
+
+    room.sent_initial_metadata[bare_to] = true;
+
+    send_metadata(occupant, room);
+
+    return stanza;
+end
+function filter_session(session)
+    -- domain mapper is filtering on default priority 0
+    -- allowners is -1 and we need it after that, permissions is -2
+    filters.add_filter(session, 'stanzas/out', filter_stanza, -3);
+end
+
+-- enable filtering presences
+filters.add_filter_hook(filter_session);
+
+process_host_module(main_virtual_host, function(host_module)
+    module:context(host_module.host):fire_event('jitsi-add-identity', {
+        name = 'room_metadata'; host = module.host;
+    });
+end);
diff --git a/resources/prosody-plugins/mod_roster_command.lua b/resources/prosody-plugins/mod_roster_command.lua
new file mode 100644
index 0000000..985a8c2
--- /dev/null
+++ b/resources/prosody-plugins/mod_roster_command.lua
@@ -0,0 +1,164 @@
+-----------------------------------------------------------
+-- mod_roster_command: Manage rosters through prosodyctl
+-- version 0.02
+-----------------------------------------------------------
+-- Copyright (C) 2011 Matthew Wild
+-- Copyright (C) 2011 Adam Nielsen
+--
+-- This project is MIT/X11 licensed. Please see the
+-- COPYING file in the source package for more information.
+-----------------------------------------------------------
+
+if module.host ~= "*" then
+	module:log("error", "Do not load this module in Prosody, for correct usage see: https://modules.prosody.im/mod_roster_command.html");
+	return;
+end
+
+
+-- Workaround for lack of util.startup...
+local prosody = _G.prosody;
+local hosts = prosody.hosts;
+prosody.bare_sessions = prosody.bare_sessions or {};
+_G.bare_sessions = _G.bare_sessions or prosody.bare_sessions;
+
+local usermanager = require "core.usermanager";
+local rostermanager = require "core.rostermanager";
+local storagemanager = require "core.storagemanager";
+local jid = require "util.jid";
+local warn = require"util.prosodyctl".show_warning;
+
+-- Make a *one-way* subscription. User will see when contact is online,
+-- contact will not see when user is online.
+function subscribe(user_jid, contact_jid)
+	local user_username, user_host = jid.split(user_jid);
+	local contact_username, contact_host = jid.split(contact_jid);
+	if not hosts[user_host] then
+		warn("The host '%s' is not configured for this server.", user_host);
+		return;
+	end
+	if hosts[user_host].users.name == "null" then
+		storagemanager.initialize_host(user_host);
+		usermanager.initialize_host(user_host);
+	end
+	-- Update user's roster to say subscription request is pending. Bare hosts (e.g. components) don't have rosters.
+    if user_username ~= nil then
+	    rostermanager.set_contact_pending_out(user_username, user_host, contact_jid);
+    end
+	if hosts[contact_host] then
+		if contact_host ~= user_host and hosts[contact_host].users.name == "null" then
+			storagemanager.initialize_host(contact_host);
+			usermanager.initialize_host(contact_host);
+		end
+		-- Update contact's roster to say subscription request is pending...
+		rostermanager.set_contact_pending_in(contact_username, contact_host, user_jid);
+		-- Update contact's roster to say subscription request approved...
+		rostermanager.subscribed(contact_username, contact_host, user_jid);
+		-- Update user's roster to say subscription request approved. Bare hosts (e.g. components) don't have rosters.
+        if user_username ~= nil then
+		    rostermanager.process_inbound_subscription_approval(user_username, user_host, contact_jid);
+        end
+	end
+end
+
+-- Make a mutual subscription between jid1 and jid2. Each JID will see
+-- when the other one is online.
+function subscribe_both(jid1, jid2)
+	subscribe(jid1, jid2);
+	subscribe(jid2, jid1);
+end
+
+-- Unsubscribes user from contact (not contact from user, if subscribed).
+function unsubscribe(user_jid, contact_jid)
+	local user_username, user_host = jid.split(user_jid);
+	local contact_username, contact_host = jid.split(contact_jid);
+	if not hosts[user_host] then
+		warn("The host '%s' is not configured for this server.", user_host);
+		return;
+	end
+	if hosts[user_host].users.name == "null" then
+		storagemanager.initialize_host(user_host);
+		usermanager.initialize_host(user_host);
+	end
+	-- Update user's roster to say subscription is cancelled...
+	rostermanager.unsubscribe(user_username, user_host, contact_jid);
+	if hosts[contact_host] then
+		if contact_host ~= user_host and hosts[contact_host].users.name == "null" then
+			storagemanager.initialize_host(contact_host);
+			usermanager.initialize_host(contact_host);
+		end
+		-- Update contact's roster to say subscription is cancelled...
+		rostermanager.unsubscribed(contact_username, contact_host, user_jid);
+	end
+end
+
+-- Cancel any subscription in either direction.
+function unsubscribe_both(jid1, jid2)
+	unsubscribe(jid1, jid2);
+	unsubscribe(jid2, jid1);
+end
+
+-- Set the name shown and group used in the contact list
+function rename(user_jid, contact_jid, contact_nick, contact_group)
+	local user_username, user_host = jid.split(user_jid);
+	if not hosts[user_host] then
+		warn("The host '%s' is not configured for this server.", user_host);
+		return;
+	end
+	if hosts[user_host].users.name == "null" then
+		storagemanager.initialize_host(user_host);
+		usermanager.initialize_host(user_host);
+	end
+
+	-- Load user's roster and find the contact
+	local roster = rostermanager.load_roster(user_username, user_host);
+	local item = roster[contact_jid];
+	if item then
+		if contact_nick then
+			item.name = contact_nick;
+		end
+		if contact_group then
+			item.groups = {}; -- Remove from all current groups
+			item.groups[contact_group] = true;
+		end
+		rostermanager.save_roster(user_username, user_host, roster);
+	end
+end
+
+function remove(user_jid, contact_jid)
+	unsubscribe_both(user_jid, contact_jid);
+	local user_username, user_host = jid.split(user_jid);
+	local roster = rostermanager.load_roster(user_username, user_host);
+	roster[contact_jid] = nil;
+	rostermanager.save_roster(user_username, user_host, roster);
+end
+
+function module.command(arg)
+	local command = arg[1];
+	if not command then
+		warn("Valid subcommands: (un)subscribe(_both) | rename");
+		return 0;
+	end
+	table.remove(arg, 1);
+	if command == "subscribe" then
+		subscribe(arg[1], arg[2]);
+		return 0;
+	elseif command == "subscribe_both" then
+		subscribe_both(arg[1], arg[2]);
+		return 0;
+	elseif command == "unsubscribe" then
+		unsubscribe(arg[1], arg[2]);
+		return 0;
+	elseif command == "unsubscribe_both" then
+		unsubscribe_both(arg[1], arg[2]);
+		return 0;
+	elseif command == "remove" then
+		remove(arg[1], arg[2]);
+		return 0;
+	elseif command == "rename" then
+		rename(arg[1], arg[2], arg[3], arg[4]);
+		return 0;
+	else
+		warn("Unknown command: %s", command);
+		return 1;
+	end
+end
diff --git a/resources/prosody-plugins/mod_roster_command.patch b/resources/prosody-plugins/mod_roster_command.patch
new file mode 100644
index 0000000..19edb46
--- /dev/null
+++ b/resources/prosody-plugins/mod_roster_command.patch
@@ -0,0 +1,47 @@
+# HG changeset patch
+# User Boris Grozev <boris@jitsi.org>
+# Date 1609874100 21600
+#      Tue Jan 05 13:15:00 2021 -0600
+# Node ID f646babfc401494ff33f2126ef6c4df541ebf846
+# Parent  456b9f608fcf9667cfba1bd7bf9eba2151af50d0
+mod_roster_command: Fix subscription when the "user JID" is a bare domain.
+
+Do not attempt to update the roster when the user is bare domain (e.g. a
+component), since they don't have rosters and the attempt results in an error:
+
+$ prosodyctl mod_roster_command subscribe proxy.example.com contact@example.com
+xxxxxxxxxxFailed to execute command: Error: /usr/lib/prosody/core/rostermanager.lua:104: attempt to concatenate local 'username' (a nil value)
+stack traceback:
+	/usr/lib/prosody/core/rostermanager.lua:104: in function 'load_roster'
+	/usr/lib/prosody/core/rostermanager.lua:305: in function 'set_contact_pending_out'
+	mod_roster_command.lua:44: in function 'subscribe'
+
+diff -r 456b9f608fcf -r f646babfc401 mod_roster_command/mod_roster_command.lua
+--- a/mod_roster_command/mod_roster_command.lua	Tue Jan 05 13:49:50 2021 +0000
++++ b/mod_roster_command/mod_roster_command.lua	Tue Jan 05 13:15:00 2021 -0600
+@@ -40,8 +40,10 @@
+ 		storagemanager.initialize_host(user_host);
+ 		usermanager.initialize_host(user_host);
+ 	end
+-	-- Update user's roster to say subscription request is pending...
+-	rostermanager.set_contact_pending_out(user_username, user_host, contact_jid);
++	-- Update user's roster to say subscription request is pending. Bare hosts (e.g. components) don't have rosters.
++    if user_username ~= nil then
++	    rostermanager.set_contact_pending_out(user_username, user_host, contact_jid);
++    end
+ 	if hosts[contact_host] then
+ 		if contact_host ~= user_host and hosts[contact_host].users.name == "null" then
+ 			storagemanager.initialize_host(contact_host);
+@@ -51,8 +53,10 @@
+ 		rostermanager.set_contact_pending_in(contact_username, contact_host, user_jid);
+ 		-- Update contact's roster to say subscription request approved...
+ 		rostermanager.subscribed(contact_username, contact_host, user_jid);
+-		-- Update user's roster to say subscription request approved...
+-		rostermanager.process_inbound_subscription_approval(user_username, user_host, contact_jid);
++		-- Update user's roster to say subscription request approved. Bare hosts (e.g. components) don't have rosters.
++        if user_username ~= nil then
++		    rostermanager.process_inbound_subscription_approval(user_username, user_host, contact_jid);
++        end
+ 	end
+ end
+ 
diff --git a/resources/prosody-plugins/mod_s2s_whitelist.lua b/resources/prosody-plugins/mod_s2s_whitelist.lua
new file mode 100644
index 0000000..a08cd5e
--- /dev/null
+++ b/resources/prosody-plugins/mod_s2s_whitelist.lua
@@ -0,0 +1,26 @@
+-- Using as a base version https://hg.prosody.im/prosody-modules/file/c1a8ce147885/mod_s2s_whitelist/mod_s2s_whitelist.lua
+local st = require "util.stanza";
+
+local whitelist = module:get_option_inherited_set("s2s_whitelist", {});
+
+module:hook("route/remote", function (event)
+	if not whitelist:contains(event.to_host) then
+	    -- make sure we do not send error replies for errors
+        if event.stanza.attr.type == 'error' then
+            module:log('debug', 'Not whitelisted destination domain for an error: %s', event.stanza);
+            return true;
+        end
+
+		module:send(st.error_reply(event.stanza, "cancel", "not-allowed", "Communication with this domain is restricted"));
+		return true;
+	end
+end, 100);
+
+module:hook("s2s-stream-features", function (event)
+	if not whitelist:contains(event.origin.from_host) then
+		event.origin:close({
+			condition = "policy-violation";
+			text = "Communication with this domain is restricted";
+		});
+	end
+end, 1000);
diff --git a/resources/prosody-plugins/mod_s2sout_override.lua b/resources/prosody-plugins/mod_s2sout_override.lua
new file mode 100644
index 0000000..85b1689
--- /dev/null
+++ b/resources/prosody-plugins/mod_s2sout_override.lua
@@ -0,0 +1,20 @@
+-- Using as a base version https://hg.prosody.im/prosody-modules/file/6cf2f32dbf40/mod_s2sout_override/mod_s2sout_override.lua
+--% requires: s2sout-pre-connect-event
+
+local url = require"socket.url";
+local basic_resolver = require "net.resolvers.basic";
+
+local override_for = module:get_option(module.name, {}); -- map of host to "tcp://example.com:5269"
+
+module:hook("s2sout-pre-connect", function(event)
+	local override = override_for[event.session.to_host];
+	if type(override) == "string" then
+		override = url.parse(override);
+	end
+	if type(override) == "table" and override.scheme == "tcp" and type(override.host) == "string" then
+		event.resolver = basic_resolver.new(override.host, tonumber(override.port) or 5269, override.scheme, {});
+	elseif type(override) == "table" and override.scheme == "tls" and type(override.host) == "string" then
+		event.resolver = basic_resolver.new(override.host, tonumber(override.port) or 5270, "tcp",
+			{ servername = event.session.to_host; sslctx = event.session.ssl_ctx });
+	end
+end);
diff --git a/resources/prosody-plugins/mod_secure_interfaces.lua b/resources/prosody-plugins/mod_secure_interfaces.lua
new file mode 100644
index 0000000..e984903
--- /dev/null
+++ b/resources/prosody-plugins/mod_secure_interfaces.lua
@@ -0,0 +1,20 @@
+-- Using version https://hg.prosody.im/prosody-modules/file/6c806a99f802/mod_secure_interfaces/mod_secure_interfaces.lua
+local secure_interfaces = module:get_option_set("secure_interfaces", { "127.0.0.1", "::1" });
+
+module:hook("stream-features", function (event)
+	local session = event.origin;
+	if session.type ~= "c2s_unauthed" then return; end
+	local socket = session.conn:socket();
+	if not socket.getsockname then
+		module:log("debug", "Unable to determine local address of incoming connection");
+		return;
+	end
+	local localip = socket:getsockname();
+	if secure_interfaces:contains(localip) then
+		-- module:log("debug", "Marking session from %s to %s as secure", session.ip or "[?]", localip);
+		session.secure = true;
+		session.conn.starttls = false;
+--	else
+--		module:log("debug", "Not marking session from %s to %s as secure", session.ip or "[?]", localip);
+	end
+end, 2500);
diff --git a/resources/prosody-plugins/mod_short_lived_token.lua b/resources/prosody-plugins/mod_short_lived_token.lua
new file mode 100644
index 0000000..9e8b545
--- /dev/null
+++ b/resources/prosody-plugins/mod_short_lived_token.lua
@@ -0,0 +1,143 @@
+-- to be enabled under the main virtual host with all required settings
+-- short_lived_token = {
+--     issuer = 'myissuer';
+--     accepted_audiences = { 'file-sharing' };
+--     key_path = '/etc/prosody/short_lived_token.key';
+--     key_id = 'my_kid';
+--     ttl_seconds = 30;
+-- };
+-- The key in key_path can be generated via: openssl genrsa -out $PRIVATE_KEY_PATH 2048
+-- And you can get the public key from it, which can be used ot verify those tokens via:
+-- openssl rsa -in $PRIVATE_KEY_PATH -pubout -out $PUBLIC_KEY_PATH
+
+local jid = require 'util.jid';
+local st = require 'util.stanza';
+local jwt = module:require 'luajwtjitsi';
+
+local util = module:require 'util';
+local is_vpaas = util.is_vpaas;
+local process_host_module = util.process_host_module;
+local table_find = util.table_find;
+local create_throttle = require 'prosody.util.throttle'.create;
+
+local SERVICE_TYPE = 'short-lived-token';
+local options = module:get_option('short_lived_token');
+
+if not (options.issuer and options.accepted_audiences
+    and options.key_path and options.key_id and options.ttl_seconds) then
+    module:log('error', 'Missing required options for short_lived_token');
+    return;
+end
+
+local f = io.open(options.key_path, 'r');
+if f then
+    options.key = f:read('*all');
+    f:close();
+end
+
+local accepted_requests = {};
+for _, host in pairs(options.accepted_audiences) do
+    accepted_requests[string.format('%s:%s:0', SERVICE_TYPE, host)] = host;
+end
+
+local server_region_name = module:get_option_string('region_name');
+
+local main_muc_component_host = module:get_option_string('main_muc');
+if main_muc_component_host == nil then
+    module:log('error', 'main_muc not configured. Cannot proceed.');
+    return;
+end
+local main_muc_service;
+
+function generateToken(session, audience, room, occupant)
+    local t = os.time();
+    local exp = t + options.ttl_seconds;
+    local presence = occupant:get_presence(session.full_jid);
+    local _, _, id = extract_subdomain(jid.node(room.jid));
+    local sub = module.host;
+
+    if session.jitsi_web_query_prefix and session.jitsi_web_query_prefix ~= '' then
+        sub = session.jitsi_web_query_prefix;
+    end
+
+    local payload = {
+        iss = options.issuer,
+        aud = audience,
+        nbf = t,
+        exp = exp,
+        sub = sub,
+        context = {
+            group = session.jitsi_meet_context_group or session.granted_jitsi_meet_context_group_id,
+            user = session.jitsi_meet_context_user or {
+                id = session.full_jid,
+                name = presence:get_child_text('nick', 'http://jabber.org/protocol/nick'),
+                email = presence:get_child_text("email") or nil,
+                nick = jid.resource(occupant.nick)
+            },
+            features = session.jitsi_meet_context_features
+        },
+        room = session.jitsi_web_query_room,
+        meeting_id = room._data.meetingId,
+        granted_from = session.granted_jitsi_meet_context_user_id,
+        customer_id = id or session.jitsi_meet_context_group or session.granted_jitsi_meet_context_group_id,
+        backend_region = server_region_name,
+        user_region = session.user_region
+    };
+
+    local alg = 'RS256';
+    local token, err = jwt.encode(payload, options.key, alg, { kid = options.key_id });
+    if not err then
+        return token
+    else
+        module:log('error', 'Error generating token: %s', err);
+        return ''
+    end
+end
+
+module:hook('external_service/credentials', function (event)
+    local requested_credentials, services, session, stanza
+        = event.requested_credentials, event.services, event.origin, event.stanza;
+    local room = get_room_by_name_and_subdomain(session.jitsi_web_query_room, session.jitsi_web_query_prefix);
+
+    if not room then
+        session.send(st.error_reply(stanza, 'cancel', 'not-allowed'));
+        return;
+    end
+
+    local occupant = room:get_occupant_by_real_jid(session.full_jid);
+    if not occupant then
+        session.send(st.error_reply(stanza, 'cancel', 'not-allowed'));
+        return;
+    end
+
+    for request in requested_credentials do
+        local host = accepted_requests[request];
+        if host then
+            services:push({
+                type = SERVICE_TYPE;
+                host = host;
+                username = 'token';
+                password = generateToken(session, host, room, occupant);
+                expires = os.time() + options.ttl_seconds;
+                restricted = true;
+                transport = 'https';
+                port = 443;
+            });
+        end
+    end
+
+end);
+
+process_host_module(main_muc_component_host, function(host_module, host)
+    local muc_module = prosody.hosts[host].modules.muc;
+
+    if muc_module then
+        main_muc_service = muc_module;
+    else
+        prosody.hosts[host].events.add_handler('module-loaded', function(event)
+            if (event.module == 'muc') then
+                main_muc_service = prosody.hosts[host].modules.muc;
+            end
+        end);
+    end
+end);
diff --git a/resources/prosody-plugins/mod_speakerstats.lua b/resources/prosody-plugins/mod_speakerstats.lua
new file mode 100644
index 0000000..380fde4
--- /dev/null
+++ b/resources/prosody-plugins/mod_speakerstats.lua
@@ -0,0 +1,6 @@
+-- TODO: Remove this file after several stable releases when people update their configs
+module:log('warn', 'mod_speakerstats is deprecated and will be removed in a future release. '
+    .. 'Please update your config by removing this module from the list of loaded modules.');
+
+module:depends('jitsi_session');
+module:depends('features_identity');
diff --git a/resources/prosody-plugins/mod_speakerstats_component.lua b/resources/prosody-plugins/mod_speakerstats_component.lua
new file mode 100644
index 0000000..11f40a3
--- /dev/null
+++ b/resources/prosody-plugins/mod_speakerstats_component.lua
@@ -0,0 +1,384 @@
+local util = module:require "util";
+local is_admin = util.is_admin;
+local get_room_from_jid = util.get_room_from_jid;
+local room_jid_match_rewrite = util.room_jid_match_rewrite;
+local is_jibri = util.is_jibri;
+local is_healthcheck_room = util.is_healthcheck_room;
+local process_host_module = util.process_host_module;
+local is_transcriber_jigasi = util.is_transcriber_jigasi;
+local jid_resource = require "util.jid".resource;
+local st = require "util.stanza";
+local socket = require "socket";
+local json = require 'cjson.safe';
+local jid_split = require 'util.jid'.split;
+
+-- we use async to detect Prosody 0.10 and earlier
+local have_async = pcall(require, "util.async");
+if not have_async then
+    module:log("warn", "speaker stats will not work with Prosody version 0.10 or less.");
+    return;
+end
+
+local muc_component_host = module:get_option_string("muc_component");
+local main_virtual_host = module:get_option_string("muc_mapper_domain_base");
+
+if muc_component_host == nil or main_virtual_host == nil then
+    module:log("error", "No muc_component specified. No muc to operate on!");
+    return;
+end
+local breakout_room_component_host = "breakout." .. main_virtual_host;
+
+module:log("info", "Starting speakerstats for %s", muc_component_host);
+
+local main_muc_service;
+
+-- Searches all rooms in the main muc component that holds a breakout room
+-- caches it if found so we don't search it again
+-- we should not cache objects in _data as this is being serialized when calling room:save()
+local function get_main_room(breakout_room)
+    if breakout_room.main_room then
+        return breakout_room.main_room;
+    end
+
+    -- let's search all rooms to find the main room
+    for room in main_muc_service.each_room() do
+        if room._data and room._data.breakout_rooms_active and room._data.breakout_rooms[breakout_room.jid] then
+            breakout_room.main_room = room;
+            return room;
+        end
+    end
+end
+
+-- receives messages from client currently connected to the room
+-- clients indicates their own dominant speaker events
+function on_message(event)
+    -- Check the type of the incoming stanza to avoid loops:
+    if event.stanza.attr.type == "error" then
+        return; -- We do not want to reply to these, so leave.
+    end
+
+    local speakerStats
+        = event.stanza:get_child('speakerstats', 'http://jitsi.org/jitmeet');
+    if speakerStats then
+        local roomAddress = speakerStats.attr.room;
+        local silence = speakerStats.attr.silence == 'true';
+        local room = get_room_from_jid(room_jid_match_rewrite(roomAddress));
+
+        if not room then
+            module:log("warn", "No room found %s", roomAddress);
+            return false;
+        end
+
+        if not room.speakerStats then
+            module:log("warn", "No speakerStats found for %s", roomAddress);
+            return false;
+        end
+
+        local roomSpeakerStats = room.speakerStats;
+        local from = event.stanza.attr.from;
+
+        local occupant = room:get_occupant_by_real_jid(from);
+        if not occupant then
+            module:log("warn", "No occupant %s found for %s", from, roomAddress);
+            return false;
+        end
+
+        local newDominantSpeaker = roomSpeakerStats[occupant.jid];
+        local oldDominantSpeakerId = roomSpeakerStats['dominantSpeakerId'];
+
+        if oldDominantSpeakerId and occupant.jid ~= oldDominantSpeakerId then
+            local oldDominantSpeaker = roomSpeakerStats[oldDominantSpeakerId];
+            if oldDominantSpeaker then
+                oldDominantSpeaker:setDominantSpeaker(false, false);
+            end
+        end
+
+        if newDominantSpeaker then
+            newDominantSpeaker:setDominantSpeaker(true, silence);
+        end
+
+        room.speakerStats['dominantSpeakerId'] = occupant.jid;
+    end
+
+    local newFaceLandmarks = event.stanza:get_child('faceLandmarks', 'http://jitsi.org/jitmeet');
+
+    if newFaceLandmarks then
+        local roomAddress = newFaceLandmarks.attr.room;
+        local room = get_room_from_jid(room_jid_match_rewrite(roomAddress));
+
+        if not room then
+            module:log("warn", "No room found %s", roomAddress);
+            return false;
+        end
+         if not room.speakerStats then
+            module:log("warn", "No speakerStats found for %s", roomAddress);
+            return false;
+        end
+        local from = event.stanza.attr.from;
+
+        local occupant = room:get_occupant_by_real_jid(from);
+        if not occupant or not room.speakerStats[occupant.jid] then
+            module:log("warn", "No occupant %s found for %s", from, roomAddress);
+            return false;
+        end
+        local faceLandmarks = room.speakerStats[occupant.jid].faceLandmarks;
+        table.insert(faceLandmarks,
+            {
+                faceExpression = newFaceLandmarks.attr.faceExpression,
+                timestamp = tonumber(newFaceLandmarks.attr.timestamp),
+                duration = tonumber(newFaceLandmarks.attr.duration),
+            })
+    end
+
+    return true
+end
+
+--- Start SpeakerStats implementation
+local SpeakerStats = {};
+SpeakerStats.__index = SpeakerStats;
+
+function new_SpeakerStats(nick, context_user)
+    return setmetatable({
+        totalDominantSpeakerTime = 0;
+        _dominantSpeakerStart = 0;
+        _isSilent = false;
+        _isDominantSpeaker = false;
+        nick = nick;
+        context_user = context_user;
+        displayName = nil;
+        faceLandmarks = {};
+    }, SpeakerStats);
+end
+
+-- Changes the dominantSpeaker data for current occupant
+-- saves start time if it is new dominat speaker
+-- or calculates and accumulates time of speaking
+function SpeakerStats:setDominantSpeaker(isNowDominantSpeaker, silence)
+    -- module:log("debug", "set isDominant %s for %s", tostring(isNowDominantSpeaker), self.nick);
+
+    local now = socket.gettime()*1000;
+
+    if not self:isDominantSpeaker() and isNowDominantSpeaker and not silence then
+        self._dominantSpeakerStart = now;
+    elseif self:isDominantSpeaker() then
+        if not isNowDominantSpeaker then
+            if not self._isSilent then
+                local timeElapsed = math.floor(now - self._dominantSpeakerStart);
+
+                self.totalDominantSpeakerTime = self.totalDominantSpeakerTime + timeElapsed;
+                self._dominantSpeakerStart = 0;
+            end
+        elseif self._isSilent and not silence then
+            self._dominantSpeakerStart = now;
+        elseif not self._isSilent and silence then
+            local timeElapsed = math.floor(now - self._dominantSpeakerStart);
+
+            self.totalDominantSpeakerTime = self.totalDominantSpeakerTime + timeElapsed;
+            self._dominantSpeakerStart = 0;
+        end
+    end
+
+    self._isDominantSpeaker = isNowDominantSpeaker;
+    self._isSilent = silence;
+end
+
+-- Returns true if the tracked user is currently a dominant speaker.
+function SpeakerStats:isDominantSpeaker()
+    return self._isDominantSpeaker;
+end
+
+ -- Returns true if the tracked user is currently silent.
+function SpeakerStats:isSilent()
+    return self._isSilent;
+end
+--- End SpeakerStats
+
+-- create speakerStats for the room
+function room_created(event)
+    local room = event.room;
+
+    if is_healthcheck_room(room.jid) then
+        return ;
+    end
+    room.speakerStats = {};
+    room.speakerStats.sessionId = room._data.meetingId;
+end
+
+-- create speakerStats for the breakout
+function breakout_room_created(event)
+    local room = event.room;
+    if is_healthcheck_room(room.jid) then
+        return ;
+    end
+    local main_room = get_main_room(room);
+    room.speakerStats = {};
+    room.speakerStats.isBreakout = true
+    room.speakerStats.breakoutRoomId = jid_split(room.jid)
+    room.speakerStats.sessionId = main_room._data.meetingId;
+end
+
+-- Create SpeakerStats object for the joined user
+function occupant_joined(event)
+    local occupant, room, stanza = event.occupant, event.room, event.stanza;
+
+    if is_healthcheck_room(room.jid)
+        or is_admin(occupant.bare_jid)
+        or is_transcriber_jigasi(stanza)
+        or is_jibri(occupant) then
+        return;
+    end
+
+    local nick = jid_resource(occupant.nick);
+
+    if room.speakerStats then
+        -- lets send the current speaker stats to that user, so he can update
+        -- its local stats
+        if next(room.speakerStats) ~= nil then
+            local users_json = {};
+            for jid, values in pairs(room.speakerStats) do
+                -- skip reporting those without a nick('dominantSpeakerId')
+                -- and skip focus if sneaked into the table
+                if values and type(values) == 'table' and values.nick ~= nil and values.nick ~= 'focus' then
+                    local totalDominantSpeakerTime = values.totalDominantSpeakerTime;
+                    local faceLandmarks = values.faceLandmarks;
+                    if totalDominantSpeakerTime > 0 or room:get_occupant_jid(jid) == nil or values:isDominantSpeaker()
+                        or next(faceLandmarks) ~= nil then
+                        -- before sending we need to calculate current dominant speaker state
+                        if values:isDominantSpeaker() and not values:isSilent() then
+                            local timeElapsed = math.floor(socket.gettime()*1000 - values._dominantSpeakerStart);
+                            totalDominantSpeakerTime = totalDominantSpeakerTime + timeElapsed;
+                        end
+
+                        users_json[values.nick] =  {
+                            displayName = values.displayName,
+                            totalDominantSpeakerTime = totalDominantSpeakerTime,
+                            faceLandmarks = faceLandmarks
+                        };
+                    end
+                end
+            end
+
+            if next(users_json) ~= nil then
+                local body_json = {};
+                body_json.type = 'speakerstats';
+                body_json.users = users_json;
+
+                local json_msg_str, error = json.encode(body_json);
+
+                if json_msg_str then
+                    local stanza = st.message({
+                        from = module.host;
+                        to = occupant.jid; })
+                    :tag("json-message", {xmlns='http://jitsi.org/jitmeet'})
+                    :text(json_msg_str):up();
+
+                    room:route_stanza(stanza);
+                else
+                    module:log('error', 'Error encoding room:%s error:%s', room.jid, error);
+                end
+            end
+        end
+
+        local context_user = event.origin and event.origin.jitsi_meet_context_user or nil;
+        room.speakerStats[occupant.jid] = new_SpeakerStats(nick, context_user);
+    end
+end
+
+-- Occupant left set its dominant speaker to false and update the store the
+-- display name
+function occupant_leaving(event)
+    local room = event.room;
+
+    if is_healthcheck_room(room.jid) then
+        return;
+    end
+
+    if not room.speakerStats then
+        return;
+    end
+
+    local occupant = event.occupant;
+
+    local speakerStatsForOccupant = room.speakerStats[occupant.jid];
+    if speakerStatsForOccupant then
+        speakerStatsForOccupant:setDominantSpeaker(false, false);
+
+        -- set display name
+        local displayName = occupant:get_presence():get_child_text(
+            'nick', 'http://jabber.org/protocol/nick');
+        speakerStatsForOccupant.displayName = displayName;
+    end
+end
+
+-- Conference ended, send speaker stats
+function room_destroyed(event)
+    local room = event.room;
+
+    if is_healthcheck_room(room.jid) then
+        return;
+    end
+
+    module:fire_event("send-speaker-stats", { room = room; roomSpeakerStats = room.speakerStats; });
+end
+
+module:hook("message/host", on_message);
+
+function process_main_muc_loaded(main_muc, host_module)
+    -- the conference muc component
+    module:log("info", "Hook to muc events on %s", host_module.host);
+    main_muc_service = main_muc;
+    module:log("info", "Main muc service %s", main_muc_service)
+    host_module:hook("muc-room-created", room_created, -1);
+    host_module:hook("muc-occupant-joined", occupant_joined, -1);
+    host_module:hook("muc-occupant-pre-leave", occupant_leaving, -1);
+    host_module:hook("muc-room-destroyed", room_destroyed, 1); -- prosody handles it at 0
+end
+
+function process_breakout_muc_loaded(breakout_muc, host_module)
+    -- the Breakout muc component
+    module:log("info", "Hook to muc events on %s", host_module.host);
+    host_module:hook("muc-room-created", breakout_room_created, -1);
+    host_module:hook("muc-occupant-joined", occupant_joined, -1);
+    host_module:hook("muc-occupant-pre-leave", occupant_leaving, -1);
+    host_module:hook("muc-room-destroyed", room_destroyed, 1); -- prosody handles it at 0
+end
+
+-- process or waits to process the conference muc component
+process_host_module(muc_component_host, function(host_module, host)
+    module:log('info', 'Conference component loaded %s', host);
+
+    local muc_module = prosody.hosts[host].modules.muc;
+    if muc_module then
+        process_main_muc_loaded(muc_module, host_module);
+    else
+        module:log('debug', 'Will wait for muc to be available');
+        prosody.hosts[host].events.add_handler('module-loaded', function(event)
+            if (event.module == 'muc') then
+                process_main_muc_loaded(prosody.hosts[host].modules.muc, host_module);
+            end
+        end);
+    end
+end);
+
+-- process or waits to process the breakout rooms muc component
+process_host_module(breakout_room_component_host, function(host_module, host)
+    module:log('info', 'Breakout component loaded %s', host);
+
+    local muc_module = prosody.hosts[host].modules.muc;
+    if muc_module then
+        process_breakout_muc_loaded(muc_module, host_module);
+    else
+        module:log('debug', 'Will wait for muc to be available');
+        prosody.hosts[host].events.add_handler('module-loaded', function(event)
+            if (event.module == 'muc') then
+                process_breakout_muc_loaded(prosody.hosts[host].modules.muc, host_module);
+            end
+        end);
+    end
+end);
+
+process_host_module(main_virtual_host, function(host_module)
+    module:context(host_module.host):fire_event('jitsi-add-identity', {
+        name = 'speakerstats'; host = module.host;
+    });
+end);
diff --git a/resources/prosody-plugins/mod_system_chat_message.lua b/resources/prosody-plugins/mod_system_chat_message.lua
new file mode 100644
index 0000000..ddb3723
--- /dev/null
+++ b/resources/prosody-plugins/mod_system_chat_message.lua
@@ -0,0 +1,125 @@
+-- Module which can be used as an http endpoint to send system private chat messages to meeting participants. The provided token
+--- in the request is verified whether it has the right to do so. This module should be loaded under the virtual host.
+-- Copyright (C) 2024-present 8x8, Inc.
+
+-- curl https://{host}/send-system-chat-message  -d '{"message": "testmessage", "connectionJIDs": ["{connection_jid}"], "room": "{room_jid}"}' -H "content-type: application/json" -H "authorization: Bearer {token}"
+
+local util = module:require "util";
+local token_util = module:require "token/util".new(module);
+
+local async_handler_wrapper = util.async_handler_wrapper;
+local room_jid_match_rewrite = util.room_jid_match_rewrite;
+local starts_with = util.starts_with;
+local get_room_from_jid = util.get_room_from_jid;
+
+local st = require "util.stanza";
+local json = require "cjson.safe";
+
+local asapKeyServer = module:get_option_string("prosody_password_public_key_repo_url", "");
+
+if asapKeyServer then
+    -- init token util with our asap keyserver
+    token_util:set_asap_key_server(asapKeyServer)
+end
+
+function verify_token(token)
+    if token == nil then
+        module:log("warn", "no token provided");
+        return false;
+    end
+
+    local session = {};
+    session.auth_token = token;
+    local verified, reason, msg = token_util:process_and_verify_token(session);
+    if not verified then
+        module:log("warn", "not a valid token %s %s", tostring(reason), tostring(msg));
+        return false;
+    end
+    return true;
+end
+
+function handle_send_system_message (event)
+    local request = event.request;
+
+    module:log("debug", "Request for sending a system message received: reqid %s", request.headers["request_id"])
+
+    -- verify payload
+    if request.headers.content_type ~= "application/json"
+            or (not request.body or #request.body == 0) then
+        module:log("error", "Wrong content type: %s or missing payload", request.headers.content_type);
+        return { status_code = 400; }
+    end
+
+    local payload = json.decode(request.body);
+
+    if not payload then
+        module:log("error", "Request body is missing");
+        return { status_code = 400; }
+    end
+
+    local displayName = payload["displayName"];
+    local message = payload["message"];
+    local connectionJIDs = payload["connectionJIDs"];
+    local payload_room = payload["room"];
+
+    if not message or not connectionJIDs or not payload_room then
+        module:log("error", "One of [message, connectionJIDs, room] was not provided");
+        return { status_code = 400; }
+    end
+
+    local room_jid = room_jid_match_rewrite(payload_room);
+    local room = get_room_from_jid(room_jid);
+
+    if not room then
+        module:log("error", "Room %s not found", room_jid);
+        return { status_code = 404; }
+    end
+
+    -- verify access
+    local token = request.headers["authorization"]
+    if not token then
+        module:log("error", "Authorization header was not provided for conference %s", room_jid)
+        return { status_code = 401 };
+    end
+    if starts_with(token, 'Bearer ') then
+        token = token:sub(8, #token)
+    else
+        module:log("error", "Authorization header is invalid")
+        return { status_code = 401 };
+    end
+
+    if not verify_token(token, room_jid) then
+        return { status_code = 401 };
+    end
+
+    local data = {
+        displayName = displayName,
+        type = "system_chat_message",
+        message = message,
+    };
+
+    for _, to in ipairs(connectionJIDs) do
+        local stanza = st.message({
+            from = room.jid,
+            to = to
+        })
+        :tag('json-message', { xmlns = 'http://jitsi.org/jitmeet' })
+        :text(json.encode(data))
+        :up();
+
+        room:route_stanza(stanza);
+    end
+
+    return { status_code = 200 };
+end
+
+module:log("info", "Adding http handler for /send-system-chat-message on %s", module.host);
+module:depends("http");
+module:provides("http", {
+    default_path = "/";
+    route = {
+        ["POST send-system-chat-message"] = function(event)
+            return async_handler_wrapper(event, handle_send_system_message)
+        end;
+    };
+});
diff --git a/resources/prosody-plugins/mod_token_verification.lua b/resources/prosody-plugins/mod_token_verification.lua
new file mode 100644
index 0000000..82b3a94
--- /dev/null
+++ b/resources/prosody-plugins/mod_token_verification.lua
@@ -0,0 +1,160 @@
+-- Token authentication
+-- Copyright (C) 2021-present 8x8, Inc.
+
+local log = module._log;
+local host = module.host;
+local st = require "util.stanza";
+local jid_split = require 'util.jid'.split;
+local jid_bare = require 'util.jid'.bare;
+
+local util = module:require 'util';
+local is_admin = util.is_admin;
+
+local DEBUG = false;
+
+local measure_success = module:measure('success', 'counter');
+local measure_fail = module:measure('fail', 'counter');
+
+local parentHostName = string.gmatch(tostring(host), "%w+.(%w.+)")();
+if parentHostName == nil then
+    module:log("error", "Failed to start - unable to get parent hostname");
+    return;
+end
+
+local parentCtx = module:context(parentHostName);
+if parentCtx == nil then
+    module:log("error",
+        "Failed to start - unable to get parent context for host: %s",
+        tostring(parentHostName));
+    return;
+end
+
+local token_util = module:require "token/util".new(parentCtx);
+
+-- no token configuration
+if token_util == nil then
+    return;
+end
+
+module:log("debug",
+    "%s - starting MUC token verifier app_id: %s app_secret: %s allow empty: %s",
+    tostring(host), tostring(token_util.appId), tostring(token_util.appSecret),
+    tostring(token_util.allowEmptyToken));
+
+-- option to disable room modification (sending muc config form) for guest that do not provide token
+local require_token_for_moderation;
+-- option to allow domains to skip token verification
+local allowlist;
+local function load_config()
+    require_token_for_moderation = module:get_option_boolean("token_verification_require_token_for_moderation");
+    allowlist = module:get_option_set('token_verification_allowlist', {});
+end
+load_config();
+
+-- verify user and whether he is allowed to join a room based on the token information
+local function verify_user(session, stanza)
+    if DEBUG then
+        module:log("debug", "Session token: %s, session room: %s",
+            tostring(session.auth_token), tostring(session.jitsi_meet_room));
+    end
+
+    -- token not required for admin users
+    local user_jid = stanza.attr.from;
+    if is_admin(user_jid) then
+        if DEBUG then module:log("debug", "Token not required from admin user: %s", user_jid); end
+        return true;
+    end
+
+    -- token not required for users matching allow list
+    local user_bare_jid = jid_bare(user_jid);
+    local _, user_domain = jid_split(user_jid);
+
+    -- allowlist for participants, jigasi (sip & transcriber), jibri (recorder & sip)
+    if allowlist:contains(user_domain)
+        or allowlist:contains(user_bare_jid)
+
+        -- allow main participants in visitor mode
+        or session.type == 's2sin'
+
+        -- Let Jigasi or transcriber pass throw
+        or util.is_sip_jigasi(stanza)
+        or util.is_transcriber_jigasi(stanza)
+
+        -- is jibri
+        or util.is_jibri(user_jid)
+
+        -- Let Sip Jibri pass through
+        or util.is_sip_jibri_join(stanza) then
+        if DEBUG then module:log("debug", "Token not required from user in allow list: %s", user_jid); end
+        return true;
+    end
+
+    if DEBUG then module:log("debug", "Will verify token for user: %s, room: %s ", user_jid, stanza.attr.to); end
+    local res, err, reason = token_util:verify_room(session, stanza.attr.to);
+    if not res then
+        if not err and not reason then
+            reason = 'Room and token mismatched';
+        end
+
+        module:log('error', 'Token %s not allowed to join: %s err: %s reason: %s',
+                        tostring(session.auth_token), tostring(stanza.attr.to), err, reason);
+
+        local response = st.error_reply(stanza, 'cancel', 'not-allowed', reason);
+        if err then
+            response:tag(err, { xmlns = 'http://jitsi.org/jitmeet' });
+        end
+
+        session.send(response);
+        return false; -- we need to just return non nil
+    end
+    if DEBUG then module:log("debug", "allowed: %s to enter/create room: %s", user_jid, stanza.attr.to); end
+    return true;
+end
+
+module:hook("muc-room-pre-create", function(event)
+    local origin, stanza = event.origin, event.stanza;
+    if DEBUG then module:log("debug", "pre create: %s %s", tostring(origin), tostring(stanza)); end
+    if not verify_user(origin, stanza) then
+        measure_fail(1);
+        return true; -- Returning any value other than nil will halt processing of the event
+    end
+    measure_success(1);
+end, 99);
+
+module:hook("muc-occupant-pre-join", function(event)
+    local origin, room, stanza = event.origin, event.room, event.stanza;
+    if DEBUG then module:log("debug", "pre join: %s %s", tostring(room), tostring(stanza)); end
+    if not verify_user(origin, stanza) then
+        measure_fail(1);
+        return true; -- Returning any value other than nil will halt processing of the event
+    end
+    measure_success(1);
+end, 99);
+
+for event_name, method in pairs {
+    -- Normal room interactions
+    ["iq-set/bare/http://jabber.org/protocol/muc#owner:query"] = "handle_owner_query_set_to_room" ;
+    -- Host room
+    ["iq-set/host/http://jabber.org/protocol/muc#owner:query"] = "handle_owner_query_set_to_room" ;
+} do
+    module:hook(event_name, function (event)
+        local session, stanza = event.origin, event.stanza;
+
+        -- if we do not require token we pass it through(default behaviour)
+        -- or the request is coming from admin (focus)
+        if not require_token_for_moderation or is_admin(stanza.attr.from) then
+            return;
+        end
+
+        -- jitsi_meet_room is set after the token had been verified
+        if not session.auth_token or not session.jitsi_meet_room then
+            session.send(
+                st.error_reply(
+                    stanza, "cancel", "not-allowed", "Room modification disabled for guests"));
+            return true;
+        end
+
+    end, -1);  -- the default prosody hook is on -2
+end
+
+module:hook_global('config-reloaded', load_config);
diff --git a/resources/prosody-plugins/mod_turncredentials.lua b/resources/prosody-plugins/mod_turncredentials.lua
new file mode 100644
index 0000000..9648385
--- /dev/null
+++ b/resources/prosody-plugins/mod_turncredentials.lua
@@ -0,0 +1,80 @@
+-- XEP-0215 implementation for time-limited turn credentials
+-- Copyright (C) 2012-2014 Philipp Hancke
+-- This file is MIT/X11 licensed.
+
+--turncredentials_secret = "keepthissecret";
+--turncredentials = {
+--    { type = "stun", host = "8.8.8.8" },
+--    { type = "turn", host = "8.8.8.8", port = "3478" },
+--    { type = "turn", host = "8.8.8.8", port = "80", transport = "tcp" }
+--}
+-- for stun servers, host is required, port defaults to 3478
+-- for turn servers, host is required, port defaults to tcp,
+--          transport defaults to udp
+--          hosts can be a list of server names / ips for random
+--          choice loadbalancing
+
+local st = require "util.stanza";
+local hmac_sha1 = require "util.hashes".hmac_sha1;
+local base64 = require "util.encodings".base64;
+local os_time = os.time;
+local secret = module:get_option_string("turncredentials_secret");
+local ttl = module:get_option_number("turncredentials_ttl", 86400);
+local hosts = module:get_option("turncredentials") or {};
+if not (secret) then
+    module:log("error", "turncredentials not configured");
+    return;
+end
+
+module:add_feature("urn:xmpp:extdisco:1");
+
+function random(arr)
+    local index = math.random(1, #arr);
+    return arr[index];
+end
+
+
+module:hook_global("config-reloaded", function()
+    module:log("debug", "config-reloaded")
+    secret = module:get_option_string("turncredentials_secret");
+    ttl = module:get_option_number("turncredentials_ttl", 86400);
+    hosts = module:get_option("turncredentials") or {};
+end);
+
+module:hook("iq-get/host/urn:xmpp:extdisco:1:services", function(event)
+    local origin, stanza = event.origin, event.stanza;
+    if origin.type ~= "c2s" then
+        return;
+    end
+    local now = os_time() + ttl;
+    local userpart = tostring(now);
+    local nonce = base64.encode(hmac_sha1(secret, tostring(userpart), false));
+    local reply = st.reply(stanza):tag("services", {xmlns = "urn:xmpp:extdisco:1"})
+    for idx, item in pairs(hosts) do
+        if item.type == "stun" or item.type == "stuns" then
+            -- stun items need host and port (defaults to 3478)
+            reply:tag("service",
+                { type = item.type, host = item.host, port = tostring(item.port) or "3478" }
+            ):up();
+        elseif item.type == "turn" or item.type == "turns" then
+            local turn = {}
+            -- turn items need host, port (defaults to 3478),
+	          -- transport (defaults to udp)
+	          -- username, password, ttl
+            turn.type = item.type;
+            turn.port = tostring(item.port);
+            turn.transport = item.transport;
+            turn.username = userpart;
+            turn.password = nonce;
+            turn.ttl = tostring(ttl);
+            if item.hosts then
+                turn.host = random(item.hosts)
+            else
+                turn.host = item.host
+            end
+            reply:tag("service", turn):up();
+        end
+    end
+    origin.send(reply);
+    return true;
+end);
diff --git a/resources/prosody-plugins/mod_turncredentials_http.lua b/resources/prosody-plugins/mod_turncredentials_http.lua
new file mode 100644
index 0000000..1aaef2e
--- /dev/null
+++ b/resources/prosody-plugins/mod_turncredentials_http.lua
@@ -0,0 +1,31 @@
+-- http endpoint to expose turn credentials for other services
+-- Copyright (C) 2023-present 8x8, Inc.
+
+local ext_services = module:depends("external_services");
+local get_services = ext_services.get_services;
+
+local async_handler_wrapper = module:require "util".async_handler_wrapper;
+local json = require 'cjson.safe';
+
+--- Handles request for retrieving turn credentials
+-- @param event the http event, holds the request query
+-- @return GET response, containing a json with participants details
+function handle_get_turn_credentials (event)
+    local GET_response = {
+        headers = {
+            content_type = "application/json";
+        };
+        body = json.encode(get_services());
+    };
+    return GET_response;
+end;
+
+function module.load()
+    module:depends("http");
+    module:provides("http", {
+        default_path = "/";
+        route = {
+            ["GET turn-credentials"] = function (event) return async_handler_wrapper(event,handle_get_turn_credentials) end;
+        };
+    });
+end
diff --git a/resources/prosody-plugins/mod_visitors.lua b/resources/prosody-plugins/mod_visitors.lua
new file mode 100644
index 0000000..a996e62
--- /dev/null
+++ b/resources/prosody-plugins/mod_visitors.lua
@@ -0,0 +1,563 @@
+--- activate under main vhost
+--- In /etc/hosts add:
+--- vm1-ip-address visitors1.domain.com
+--- vm1-ip-address conference.visitors1.domain.com
+--- vm2-ip-address visitors2.domain.com
+--- vm2-ip-address conference.visitors2.domain.com
+--- Enable in global modules: 's2s_bidi' and 'certs_all'
+--- Make sure 's2s' is not in modules_disabled
+--- Open port 5269 on the provider side and on the firewall on the machine (iptables -I INPUT 4 -p tcp -m tcp --dport 5269 -j ACCEPT)
+--- NOTE: Make sure all communication between prosodies is using the real jids ([foo]room1@muc.example.com)
+local st = require 'util.stanza';
+local jid = require 'util.jid';
+local new_id = require 'util.id'.medium;
+local util = module:require 'util';
+local filter_identity_from_presence = util.filter_identity_from_presence;
+local is_admin = util.is_admin;
+local presence_check_status = util.presence_check_status;
+local process_host_module = util.process_host_module;
+local is_transcriber_jigasi = util.is_transcriber_jigasi;
+local room_jid_match_rewrite = util.room_jid_match_rewrite;
+local json = require 'cjson.safe';
+
+-- Debug flag
+local DEBUG = false;
+
+local MUC_NS = 'http://jabber.org/protocol/muc';
+
+-- required parameter for custom muc component prefix, defaults to 'conference'
+local muc_domain_prefix = module:get_option_string('muc_mapper_domain_prefix', 'conference');
+
+local main_muc_component_config = module:get_option_string('main_muc');
+if main_muc_component_config == nil then
+    module:log('error', 'visitors rooms not enabled missing main_muc config');
+    return ;
+end
+
+-- A list of domains which to be ignored for visitors. For occupants using those domain we do not propagate them
+-- to visitor nodes and we do not update them with presence changes
+local ignore_list = module:get_option_set('visitors_ignore_list', {});
+
+-- Advertise the component for discovery via disco#items
+module:add_identity('component', 'visitors', 'visitors.'..module.host);
+
+local sent_iq_cache = require 'util.cache'.new(200);
+
+-- visitors_nodes = {
+--  roomjid1 = {
+--    nodes = {
+--      ['conference.visitors1.jid'] = 2, // number of main participants, on 0 we clean it
+--      ['conference.visitors2.jid'] = 3
+--    }
+--  },
+--  roomjid2 = {}
+--}
+local visitors_nodes = {};
+
+-- sends connect or update iq
+-- @parameter type - Type of iq to send 'connect' or 'update'
+local function send_visitors_iq(conference_service, room, type)
+    -- send iq informing the vnode that the connect is done and it will allow visitors to join
+    local iq_id = new_id();
+    sent_iq_cache:set(iq_id, socket.gettime());
+    local visitors_iq = st.iq({
+        type = 'set',
+        to = conference_service,
+        from = module.host,
+        id = iq_id })
+      :tag('visitors', { xmlns = 'jitsi:visitors',
+                         room = jid.join(jid.node(room.jid), conference_service) })
+      :tag(type, { xmlns = 'jitsi:visitors',
+        password = type ~= 'disconnect' and room:get_password() or '',
+        lobby = room._data.lobbyroom and 'true' or 'false',
+        meetingId = room._data.meetingId,
+        createdTimestamp = room.created_timestamp and tostring(room.created_timestamp) or nil,
+        allowUnauthenticatedAccess = room._data.allowUnauthenticatedAccess ~= nil and tostring(room._data.allowUnauthenticatedAccess) or nil
+      });
+
+    if type == 'update' then
+        visitors_iq:tag('moderators', { xmlns = 'jitsi:visitors' });
+
+        for _, o in room:each_occupant() do
+            if not is_admin(o.bare_jid) and o.role == 'moderator' then
+                visitors_iq:tag('item', { epId = jid.resource(o.nick) }):up();
+            end
+        end
+
+        visitors_iq:up();
+
+        -- files that are shared in the room
+        if room.jitsi_shared_files then
+            visitors_iq:tag('files', { xmlns = 'jitsi:visitors' });
+            for k, v in pairs(room.jitsi_shared_files) do
+                visitors_iq:tag('file', {
+                    id = k
+                }):text(json.encode(v)):up();
+            end
+            visitors_iq:up();
+        end
+
+        if room.polls and room.polls.count > 0 then
+            -- polls created in the room that we want to send to the visitor nodes
+            local data = {
+                command = "old-polls",
+                polls = {},
+                type = 'polls'
+            };
+            for i, poll in ipairs(room.polls.order) do
+                data.polls[i] = {
+                    pollId = poll.pollId,
+                    senderId = poll.senderId,
+                    senderName = poll.senderName,
+                    question = poll.question,
+                    answers = poll.answers
+                };
+            end
+
+            local json_msg_str, error = json.encode(data);
+            if not json_msg_str then
+                module:log('error', 'Error encoding data room:%s error:%s', room.jid, error);
+            end
+
+            visitors_iq:tag('polls'):text(json_msg_str):up();
+        end
+    end
+
+    visitors_iq:up();
+
+    module:send(visitors_iq);
+end
+
+-- Filter out identity information (nick name, email, etc) from a presence stanza,
+-- if the hideDisplayNameForGuests option for the room is set.
+-- This is applied to presence of main room participants before it is sent out to vnodes.
+local function filter_stanza_nick_if_needed(stanza, room)
+    if not stanza or stanza.name ~= 'presence' or stanza.attr.type == 'error' or stanza.attr.type == 'unavailable' then
+        return stanza;
+    end
+
+    -- if hideDisplayNameForGuests we want to drop any display name from the presence stanza
+    if room and room._data.hideDisplayNameForGuests then
+        return filter_identity_from_presence(stanza);
+    end
+
+    return stanza;
+end
+
+-- an event received from visitors component, which receives iqs from jicofo
+local function connect_vnode(event)
+    local room, vnode = event.room, event.vnode;
+    local conference_service = muc_domain_prefix..'.'..vnode..'.meet.jitsi';
+
+    if visitors_nodes[room.jid] and
+        visitors_nodes[room.jid].nodes and
+        visitors_nodes[room.jid].nodes[conference_service] then
+        -- nothing to do
+        return;
+    end
+
+    if visitors_nodes[room.jid] == nil then
+        visitors_nodes[room.jid] = {};
+    end
+    if visitors_nodes[room.jid].nodes == nil then
+        visitors_nodes[room.jid].nodes = {};
+    end
+
+    local sent_main_participants = 0;
+
+    -- send update initially so we can report the moderators that will join
+    send_visitors_iq(conference_service, room, 'update');
+
+    -- let's send message history
+    local event = {
+        room = room;
+        to = conference_service;
+        next_stanza = function() end; -- muc-get-history should define this iterator
+    };
+    module:context(main_muc_component_config):fire_event("muc-get-history", event);
+    for msg in event.next_stanza, event do
+        -- the messages stored in history has been stored before domain_mapper and
+        -- contain the virtual jid for a from
+        msg.attr.from = room_jid_match_rewrite(msg.attr.from);
+        room:route_stanza(msg);
+    end
+
+    for _, o in room:each_occupant() do
+        if not is_admin(o.bare_jid) then
+            local fmuc_pr = filter_stanza_nick_if_needed(st.clone(o:get_presence()), room);
+            local user, _, res = jid.split(o.nick);
+            fmuc_pr.attr.to = jid.join(user, conference_service , res);
+            fmuc_pr.attr.from = o.jid;
+            -- add <x>
+            fmuc_pr:tag('x', { xmlns = MUC_NS });
+
+            -- if there is a password on the main room let's add the password for the vnode join
+            -- as we will set the password to the vnode room and we will need it
+            local pass = room:get_password();
+            if pass and pass ~= '' then
+                fmuc_pr:tag('password'):text(pass);
+            end
+            fmuc_pr:up();
+
+            module:send(fmuc_pr);
+
+            sent_main_participants = sent_main_participants + 1;
+        end
+    end
+    visitors_nodes[room.jid].nodes[conference_service] = sent_main_participants;
+
+    send_visitors_iq(conference_service, room, 'connect');
+end
+module:hook('jitsi-connect-vnode', connect_vnode);
+
+-- listens for responses to the iq sent for connecting vnode
+local function stanza_handler(event)
+    local origin, stanza = event.origin, event.stanza;
+
+    if stanza.name ~= 'iq' then
+        return;
+    end
+
+    -- we receive error from vnode for our disconnect message as the room was already destroyed (all visitors left)
+    if (stanza.attr.type == 'result' or stanza.attr.type == 'error') and sent_iq_cache:get(stanza.attr.id) then
+        sent_iq_cache:set(stanza.attr.id, nil);
+        return true;
+    end
+end
+module:hook('iq/host', stanza_handler, 10);
+
+-- an event received from visitors component, which receives iqs from jicofo
+local function disconnect_vnode(event)
+    local room, vnode = event.room, event.vnode;
+
+    if visitors_nodes[event.room.jid] == nil then
+        -- maybe the room was already destroyed and vnodes cleared
+        return;
+    end
+
+    local conference_service = muc_domain_prefix..'.'..vnode..'.meet.jitsi';
+
+    visitors_nodes[room.jid].nodes[conference_service] = nil;
+
+    send_visitors_iq(conference_service, room, 'disconnect');
+end
+module:hook('jitsi-disconnect-vnode', disconnect_vnode);
+
+-- takes care when the visitor nodes destroys the room to count the leaving participants from there, and if its really destroyed
+-- we clean up, so if we establish again the connection to the same visitor node to send the main participants
+module:hook('presence/full', function(event)
+    local stanza = event.stanza;
+    local room_name, from_host = jid.split(stanza.attr.from);
+    if stanza.attr.type == 'unavailable' and from_host ~= main_muc_component_config then
+        local room_jid = jid.join(room_name, main_muc_component_config); -- converts from visitor to main room jid
+
+        local x = stanza:get_child('x', 'http://jabber.org/protocol/muc#user');
+        if not presence_check_status(x, '110') then
+            return;
+        end
+
+        if visitors_nodes[room_jid] and visitors_nodes[room_jid].nodes
+                and visitors_nodes[room_jid].nodes[from_host] then
+            visitors_nodes[room_jid].nodes[from_host] = visitors_nodes[room_jid].nodes[from_host] - 1;
+            -- we clean only on disconnect coming from jicofo
+        end
+    end
+end, 900);
+
+process_host_module(main_muc_component_config, function(host_module, host)
+    -- detects presence change in a main participant and propagate it to the used visitor nodes
+    host_module:hook('muc-occupant-pre-change', function (event)
+        local room, stanzaEv, occupant = event.room, event.stanza, event.dest_occupant;
+        local stanza = filter_stanza_nick_if_needed(stanzaEv, room);
+
+        -- filter focus and configured domains (used for jibri and transcribers)
+        if is_admin(stanza.attr.from) or visitors_nodes[room.jid] == nil
+            or (ignore_list:contains(jid.host(occupant.bare_jid)) and not is_transcriber_jigasi(stanza)) then
+            return;
+        end
+
+        local vnodes = visitors_nodes[room.jid].nodes;
+        local user, _, res = jid.split(occupant.nick);
+        -- a change in the presence of a main participant we need to update all active visitor nodes
+        for k in pairs(vnodes) do
+            local fmuc_pr = st.clone(stanza);
+            fmuc_pr.attr.to = jid.join(user, k, res);
+            fmuc_pr.attr.from = occupant.jid;
+            module:send(fmuc_pr);
+        end
+    end);
+
+    -- when a main participant leaves inform the visitor nodes
+    host_module:hook('muc-occupant-left', function (event)
+        local room, stanzaEv, occupant = event.room, event.stanza, event.occupant;
+        local stanza = filter_stanza_nick_if_needed(stanzaEv, room);
+
+        -- ignore configured domains (jibri and transcribers)
+        if is_admin(occupant.bare_jid) or visitors_nodes[room.jid] == nil or visitors_nodes[room.jid].nodes == nil
+            or (ignore_list:contains(jid.host(occupant.bare_jid)) and not is_transcriber_jigasi(stanza)) then
+            return;
+        end
+
+        --this is probably participant kick scenario, create an unavailable presence and send to vnodes.
+        if not stanza then
+            stanza = st.presence {from = occupant.nick; type = "unavailable";};
+        end
+
+        -- we want to update visitor node that a main participant left or kicked.
+        if stanza then
+            local vnodes = visitors_nodes[room.jid].nodes;
+            local user, _, res = jid.split(occupant.nick);
+            for k in pairs(vnodes) do
+                local fmuc_pr = st.clone(stanza);
+                fmuc_pr.attr.to = jid.join(user, k, res);
+                fmuc_pr.attr.from = occupant.jid;
+                module:send(fmuc_pr);
+            end
+        end
+    end);
+
+    -- cleanup cache
+    host_module:hook('muc-room-destroyed',function(event)
+        local room = event.room;
+
+        -- room is destroyed let's disconnect all vnodes
+        if visitors_nodes[room.jid] then
+            local vnodes = visitors_nodes[room.jid].nodes;
+            for conference_service in pairs(vnodes) do
+                send_visitors_iq(conference_service, room, 'disconnect');
+            end
+
+            visitors_nodes[room.jid] = nil;
+        end
+    end, 1); -- prosody handles it at 0
+
+    -- detects new participants joining main room and sending them to the visitor nodes
+    host_module:hook('muc-occupant-joined', function (event)
+        local room, stanzaEv, occupant = event.room, event.stanza, event.occupant;
+        local stanza = filter_stanza_nick_if_needed(stanzaEv, room);
+
+        -- filter focus, ignore configured domains (jibri and transcribers)
+        if is_admin(stanza.attr.from) or visitors_nodes[room.jid] == nil
+            or (ignore_list:contains(jid.host(occupant.bare_jid)) and not is_transcriber_jigasi(stanza)) then
+            return;
+        end
+
+        local vnodes = visitors_nodes[room.jid].nodes;
+        local user, _, res = jid.split(occupant.nick);
+        -- a main participant we need to update all active visitor nodes
+        for k in pairs(vnodes) do
+            if occupant.role == 'moderator' then
+                -- first send that the participant is a moderator
+                send_visitors_iq(k, room, 'update');
+            end
+            local fmuc_pr = st.clone(stanza);
+            fmuc_pr.attr.to = jid.join(user, k, res);
+            fmuc_pr.attr.from = occupant.jid;
+            module:send(fmuc_pr);
+        end
+    end);
+    -- forwards messages from main participants to vnodes
+    host_module:hook('muc-occupant-groupchat', function(event)
+        local room, stanzaEv, occupant = event.room, event.stanza, event.occupant;
+        local stanza = filter_stanza_nick_if_needed(stanzaEv, room);
+
+        -- filter sending messages from transcribers/jibris to visitors
+        if not visitors_nodes[room.jid] then
+            return;
+        end
+
+        local vnodes = visitors_nodes[room.jid].nodes;
+        local user = jid.node(occupant.nick);
+        -- a main participant we need to update all active visitor nodes
+        for k in pairs(vnodes) do
+            local fmuc_msg = st.clone(stanza);
+            fmuc_msg.attr.to = jid.join(user, k);
+            fmuc_msg.attr.from = occupant.jid;
+            module:send(fmuc_msg);
+        end
+    end);
+    -- receiving messages from visitor nodes and forward them to local main participants
+    -- and forward them to the rest of visitor nodes
+    host_module:hook('muc-occupant-groupchat', function(event)
+        local occupant, room, stanzaEv = event.occupant, event.room, event.stanza;
+        local stanza = filter_stanza_nick_if_needed(stanzaEv, room);
+        local to = stanza.attr.to;
+        local from = stanza.attr.from;
+        local from_vnode = jid.host(from);
+
+        if occupant or not (visitors_nodes[to]
+                            and visitors_nodes[to].nodes
+                            and visitors_nodes[to].nodes[from_vnode]) then
+            return;
+        end
+
+        if host_module:fire_event('jitsi-visitor-groupchat-pre-route', event) then
+            -- message filtered
+            return;
+        end
+
+        -- a message from visitor occupant of known visitor node
+        stanza.attr.from = to;
+        for _, o in room:each_occupant() do
+            -- send it to the nick to be able to route it to the room (ljm multiple rooms) from unknown occupant
+            room:route_to_occupant(o, stanza);
+        end
+        -- let's add the message to the history of the room
+        host_module:fire_event("muc-add-history", { room = room; stanza = stanza; from = from; visitor = true; });
+
+        -- now we need to send to rest of visitor nodes
+        local vnodes = visitors_nodes[room.jid].nodes;
+        for k in pairs(vnodes) do
+            if k ~= from_vnode then
+                local st_copy = st.clone(stanza);
+                st_copy.attr.to = jid.join(jid.node(room.jid), k);
+                module:send(st_copy);
+            end
+        end
+
+        return true;
+    end, 55); -- prosody check for unknown participant chat is prio 50, we want to override it
+
+    -- Handle private messages from visitor nodes to main participants
+    -- This routes forwarded private messages through the proper MUC system
+    host_module:hook('message/full', function(event)
+        local stanza = event.stanza;
+
+        -- Only handle chat messages (private messages)
+        if stanza.attr.type ~= 'chat' then
+            return; -- Let other handlers process non-chat messages
+        end
+
+        local to = stanza.attr.to;
+
+        -- Early return if this is not targeted at our MUC component
+        if jid.host(to) ~= main_muc_component_config then
+            return; -- Not for our MUC component, let other handlers process
+        end
+
+        local from = stanza.attr.from;
+        local from_host = jid.host(from);
+        local to_node = jid.node(to);
+        local to_resource = jid.resource(to);
+
+        -- Check if this is a private message from a known visitor node
+        local target_room_jid = jid.bare(to);
+
+        -- Early return if we don't have any visitor nodes for this room
+        if not (visitors_nodes[target_room_jid] and visitors_nodes[target_room_jid].nodes) then
+            return; -- No visitor nodes for this room, let default MUC handle it
+        end
+
+        -- Early return if the from_host is not a known visitor node
+        if not visitors_nodes[target_room_jid].nodes[from_host] then
+            -- This could be a main->visitor message, let it go through s2s
+            return; -- Not from a known visitor node, let default MUC handle it
+        end
+
+        -- At this point we know it's a visitor message, handle it
+        local room = prosody.hosts[main_muc_component_config].modules.muc.get_room_from_jid(target_room_jid);
+        if room then
+            -- Find the occupant
+            local occupant = room:get_occupant_by_nick(to);
+            if occupant then
+                -- Add addresses element (XEP-0033) to store original visitor JID for reply functionality
+                stanza:tag('addresses', { xmlns = 'http://jabber.org/protocol/address' })
+                  :tag('address', { type = 'ofrom', jid = stanza.attr.from }):up()
+                  :up();
+
+                -- Change from to be the main domain equivalent for proper client recognition
+                -- Use bare JID without resource
+                stanza.attr.from = jid.join(to_node, main_muc_component_config);
+
+                room:route_to_occupant(occupant, stanza);
+
+                return true;
+            else
+                module:log('warn', 'VISITOR PRIVATE MESSAGE: Occupant not found for %s', to);
+            end
+        else
+            module:log('warn', 'VISITOR PRIVATE MESSAGE: Room not found for %s', to);
+        end
+
+        return false;
+    end, 10); -- Normal priority since we're in the right place now
+
+    -- Main->visitor private messages work via s2s routing automatically
+    -- No special handling needed!
+
+    host_module:hook('muc-config-submitted/muc#roomconfig_roomsecret', function(event)
+        if event.status_codes['104'] then
+            local room = event.room;
+
+            if visitors_nodes[room.jid] then
+                -- we need to update all vnodes
+                local vnodes = visitors_nodes[room.jid].nodes;
+                for conference_service in pairs(vnodes) do
+                    send_visitors_iq(conference_service, room, 'update');
+                end
+            end
+        end
+    end, -100); -- we want to run last in order to check is the status code 104
+
+    host_module:hook('muc-set-affiliation', function (event)
+        if event.actor and not is_admin(event.actor) and event.affiliation == 'owner' then
+            local room = event.room;
+
+            if not visitors_nodes[room.jid] then
+                return;
+            end
+            -- we need to update all vnodes
+            local vnodes = visitors_nodes[room.jid].nodes;
+            for conference_service in pairs(vnodes) do
+                send_visitors_iq(conference_service, room, 'update');
+            end
+        end
+    end, -2);
+
+    host_module:hook('poll-created', function (event)
+        local room = event.room;
+
+        if not visitors_nodes[room.jid] then
+            return;
+        end
+
+        -- we need to update all vnodes
+        local vnodes = visitors_nodes[room.jid].nodes;
+        for conference_service in pairs(vnodes) do
+            send_visitors_iq(conference_service, room, 'update');
+        end
+    end);
+    host_module:hook('answer-poll', function (event)
+        local room, stanza = event.room, event.event.stanza;
+
+        if not visitors_nodes[room.jid] then
+            return;
+        end
+
+        local from = stanza.attr.from;
+
+        -- we need to update all vnodes
+        local vnodes = visitors_nodes[room.jid].nodes;
+        for conference_service in pairs(vnodes) do
+            -- skip sending the answer to the node from where it originates
+            if conference_service ~= from then
+                send_visitors_iq(conference_service, room, 'update');
+            end
+        end
+    end);
+end);
+
+local function update_vnodes_for_room(event)
+    local room = event.room;
+        if visitors_nodes[room.jid] then
+            -- we need to update all vnodes
+            local vnodes = visitors_nodes[room.jid].nodes;
+            for conference_service in pairs(vnodes) do
+                send_visitors_iq(conference_service, room, 'update');
+            end
+        end
+end
+
+module:hook('jitsi-lobby-enabled', update_vnodes_for_room);
+module:hook('jitsi-lobby-disabled', update_vnodes_for_room);
+module:hook('jitsi-filesharing-updated', update_vnodes_for_room);
diff --git a/resources/prosody-plugins/mod_visitors_component.lua b/resources/prosody-plugins/mod_visitors_component.lua
new file mode 100644
index 0000000..c71fdc6
--- /dev/null
+++ b/resources/prosody-plugins/mod_visitors_component.lua
@@ -0,0 +1,768 @@
+module:log('info', 'Starting visitors_component at %s', module.host);
+
+local array = require "util.array";
+local http = require 'net.http';
+local jid = require 'util.jid';
+local st = require 'util.stanza';
+local util = module:require 'util';
+local is_admin = util.is_admin;
+local is_healthcheck_room = util.is_healthcheck_room;
+local is_sip_jigasi = util.is_sip_jigasi;
+local room_jid_match_rewrite = util.room_jid_match_rewrite;
+local get_room_from_jid = util.get_room_from_jid;
+local get_focus_occupant = util.get_focus_occupant;
+local get_room_by_name_and_subdomain = util.get_room_by_name_and_subdomain;
+local internal_room_jid_match_rewrite = util.internal_room_jid_match_rewrite;
+local table_find = util.table_find;
+local is_vpaas = util.is_vpaas;
+local is_sip_jibri_join = util.is_sip_jibri_join;
+local process_host_module = util.process_host_module;
+local respond_iq_result = util.respond_iq_result;
+local split_string = util.split_string;
+local new_id = require 'util.id'.medium;
+local json = require 'cjson.safe';
+local inspect = require 'inspect';
+
+-- Debug flag
+local DEBUG = false;
+
+-- will be initialized once the main virtual host module is initialized
+local token_util;
+
+local MUC_NS = 'http://jabber.org/protocol/muc';
+
+local muc_domain_prefix = module:get_option_string('muc_mapper_domain_prefix', 'conference');
+local muc_domain_base = module:get_option_string('muc_mapper_domain_base');
+if not muc_domain_base then
+    module:log('warn', 'No muc_domain_base option set.');
+    return;
+end
+
+-- A list of domains which to be ignored for visitors. The config is set under the main virtual host
+local ignore_list = module:context(muc_domain_base):get_option_set('visitors_ignore_list', {});
+
+local auto_allow_promotion = module:get_option_boolean('auto_allow_visitor_promotion', false);
+
+-- whether to always advertise that visitors feature is enabled for rooms
+-- can be set to off and being controlled by another module, turning it on and off for rooms
+local always_visitors_enabled = module:get_option_boolean('always_visitors_enabled', true);
+
+local visitors_queue_service = module:get_option_string('visitors_queue_service');
+local http_headers = {
+    ["User-Agent"] = "Prosody (" .. prosody.version .. "; " .. prosody.platform .. ")",
+    ["Content-Type"] = "application/json",
+    ["Accept"] = "application/json"
+};
+
+-- This is a map to keep data for room and the jids that were allowed to join after visitor mode is enabled
+-- automatically allowed or allowed by a moderator
+local visitors_promotion_map = {};
+
+-- A map with key room jid. The content is a map with key jid from which the request is received
+-- and the value is a table that has the json message that needs to be sent to any future moderator that joins
+-- and the vnode from which the request is received and where the response will be sent
+local visitors_promotion_requests = {};
+
+local cache = require 'util.cache';
+local sent_iq_cache = cache.new(200);
+
+-- Function to get visitors room metadata
+local function get_visitors_room_metadata(room)
+    if not room.jitsiMetadata then
+        room.jitsiMetadata = {};
+    end
+    if not room.jitsiMetadata.visitors then
+        room.jitsiMetadata.visitors = {};
+    end
+    return room.jitsiMetadata.visitors;
+end
+
+-- Sends a json-message to the destination jid
+-- @param to_jid the destination jid
+-- @param json_message the message content to send
+function send_json_message(to_jid, json_message)
+    local stanza = st.message({ from = module.host; to = to_jid; })
+         :tag('json-message', { xmlns = 'http://jitsi.org/jitmeet' }):text(json_message):up();
+    module:send(stanza);
+end
+
+local function request_promotion_received(room, from_jid, from_vnode, nick, time, user_id, group_id, force_promote_requested)
+    if DEBUG then
+         module:log('debug', 'Received promotion request from %s for room %s, nick: %s, time: %s, user_id: %s, group_id: %s, force_promote_requested: %s',
+        from_jid, room.jid, nick, time, user_id, group_id, force_promote_requested);
+    end
+
+    -- if visitors is enabled for the room
+    if visitors_promotion_map[room.jid] then
+        local force_promote = auto_allow_promotion or get_visitors_room_metadata(room).autoPromote;
+        if not force_promote and force_promote_requested == 'true' then
+            -- Let's do the force_promote checks if requested
+            -- if it is vpaas meeting we trust the moderator computation from visitor node (value of force_promote_requested)
+            -- if it is not vpaas we need to check further settings only if they exist
+            if is_vpaas(room) or (not room._data.moderator_id and not room._data.moderators)
+                -- _data.moderator_id can be used from external modules to set single moderator for a meeting
+                -- or a whole group of moderators
+                or (room._data.moderator_id
+                    and room._data.moderator_id == user_id or room._data.moderator_id == group_id)
+
+                -- all moderators are allowed to auto promote, the fact that user_id and force_promote_requested are set
+                -- means that the user has token and is moderator on visitor node side
+                or room._data.allModerators
+
+                -- can be used by external modules to set multiple moderator ids (table of values)
+                or table_find(room._data.moderators, user_id)
+            then
+                force_promote = true;
+            end
+        end
+
+        -- only for raise hand, ignore lowering the hand
+        if time and time > 0 and force_promote then
+            --  we are in auto-allow mode, let's reply with accept
+            -- we store where the request is coming from so we can send back the response
+            local username = new_id():lower();
+            visitors_promotion_map[room.jid][username] = {
+                from = from_vnode;
+                jid = from_jid;
+            };
+
+            local req_from = visitors_promotion_map[room.jid][username].from;
+            local req_jid = visitors_promotion_map[room.jid][username].jid;
+            local focus_occupant = get_focus_occupant(room);
+            local focus_jid = focus_occupant and focus_occupant.bare_jid or nil;
+
+            local iq_id = new_id();
+            sent_iq_cache:set(iq_id, socket.gettime());
+
+            local node = jid.node(room.jid);
+
+            module:send(st.iq({
+                    type='set', to = req_from, from = module.host, id = iq_id })
+                :tag('visitors', {
+                    xmlns='jitsi:visitors',
+                    room = jid.join(node, muc_domain_prefix..'.'..req_from),
+                    focusjid = focus_jid })
+                 :tag('promotion-response', {
+                    xmlns='jitsi:visitors',
+                    jid = req_jid,
+                    username = username ,
+                    allow = 'true' }):up());
+            return true;
+        else
+            -- send promotion request to all moderators
+            local body_json = {};
+            body_json.type = 'visitors';
+            body_json.room = internal_room_jid_match_rewrite(room.jid);
+            body_json.action = 'promotion-request';
+            body_json.nick = nick;
+            body_json.from = from_jid;
+
+            if time and time > 0 then
+                -- raise hand
+                body_json.on = true;
+            else
+                -- lower hand, we want to inform interested parties that
+                -- the visitor is no longer interested in joining the main call
+                body_json.on = false;
+            end
+
+            local msg_to_send, error = json.encode(body_json);
+
+            if not msg_to_send then
+                module:log('error', 'Error encoding msg room:%s error:%s', room.jid, error)
+                return true;
+            end
+
+            if visitors_promotion_requests[room.jid] then
+                visitors_promotion_requests[room.jid][from_jid] = {
+                    msg = msg_to_send;
+                    from = from_vnode;
+                };
+            else
+                module:log('warn', 'Received promotion request for room %s with visitors not enabled. %s',
+                    room.jid, msg_to_send);
+            end
+
+            -- let's send a notification to every moderator
+            for _, occupant in room:each_occupant() do
+                if occupant.role == 'moderator' and not is_admin(occupant.bare_jid) then
+                    send_json_message(occupant.jid, msg_to_send);
+                end
+            end
+
+            return true;
+        end
+    end
+
+    module:log('warn', 'Received promotion request from %s for room %s without active visitors', from, room.jid);
+end
+
+local function connect_vnode_received(room, vnode)
+    module:context(muc_domain_base):fire_event('jitsi-connect-vnode', { room = room; vnode = vnode; });
+
+    if not visitors_promotion_map[room.jid] then
+        -- visitors is enabled
+        visitors_promotion_map[room.jid] = {};
+        visitors_promotion_requests[room.jid] = {};
+        room._connected_vnodes = cache.new(16); -- we up to 16 vnodes for this prosody
+    end
+
+    room._connected_vnodes:set(vnode..'.meet.jitsi', {});
+end
+
+local function disconnect_vnode_received(room, vnode)
+    module:context(muc_domain_base):fire_event('jitsi-disconnect-vnode', { room = room; vnode = vnode; });
+
+    if not room._connected_vnodes then
+        return;
+    end
+    room._connected_vnodes:set(vnode..'.meet.jitsi', nil);
+
+    if room._connected_vnodes:count() == 0 then
+        visitors_promotion_map[room.jid] = nil;
+        visitors_promotion_requests[room.jid] = nil;
+        room._connected_vnodes = nil;
+    end
+end
+
+-- returns the accumulated data for visitors nodes, count all visitors requesting transcriptions
+-- and accumulated languages requested
+-- @returns count, languages
+function get_visitors_languages(room)
+    if not room._connected_vnodes then
+        return;
+    end
+
+    local count = 0;
+    local languages = array();
+
+    -- iterate over visitor nodes we are connected to and accumulate data if we have it
+    for k, v in room._connected_vnodes:items() do
+        if v.count then
+            count = count + v.count;
+        end
+        if v.langs then
+            for k in pairs(v.langs) do
+                local val = v.langs[k]
+                if not languages[val] then
+                    languages:push(val);
+                end
+            end
+        end
+    end
+    return count, languages:sort():concat(',');
+end
+
+-- listens for iq request for promotion and forward it to moderators in the meeting for approval
+-- or auto-allow it if such the config is set enabling it
+local function stanza_handler(event)
+    local origin, stanza = event.origin, event.stanza;
+
+    if stanza.name ~= 'iq' then
+        return;
+    end
+
+    if DEBUG then
+        module:log('debug', 'Received stanza %s from %s', stanza, origin.full_jid);
+    end
+
+    if stanza.attr.type == 'result' and sent_iq_cache:get(stanza.attr.id) then
+        sent_iq_cache:set(stanza.attr.id, nil);
+        return true;
+    end
+
+    if stanza.attr.type ~= 'set' and stanza.attr.type ~= 'get' then
+        return; -- We do not want to reply to these, so leave.
+    end
+
+    local visitors_iq = event.stanza:get_child('visitors', 'jitsi:visitors');
+    if not visitors_iq then
+        return;
+    end
+
+    -- set stanzas are coming from s2s connection
+    if stanza.attr.type == 'set' and origin.type ~= 's2sin' then
+        module:log('warn', 'not from s2s session, ignore! %s', stanza);
+        return true;
+    end
+
+    local room_jid = visitors_iq.attr.room;
+    local room = get_room_from_jid(room_jid_match_rewrite(room_jid));
+
+    if not room then
+        -- this maybe as we receive the iq from jicofo after the room is already destroyed
+        module:log('debug', 'No room found %s', room_jid);
+        return true;
+    end
+
+    local from_vnode;
+    if room._connected_vnodes then
+        from_vnode = room._connected_vnodes:get(stanza.attr.from);
+    end
+
+    local processed;
+    -- promotion request is coming from visitors and is a set and is over the s2s connection
+    local request_promotion = visitors_iq:get_child('promotion-request');
+    if request_promotion then
+        if not from_vnode then
+            module:log('warn', 'Received forged request_promotion message: %s %s',stanza, inspect(room._connected_vnodes));
+            return true; -- stop processing
+        end
+
+        local display_name = visitors_iq:get_child_text('nick', 'http://jabber.org/protocol/nick');
+        processed = request_promotion_received(
+            room,
+            request_promotion.attr.jid,
+            stanza.attr.from,
+            display_name,
+            tonumber(request_promotion.attr.time),
+            request_promotion.attr.userId,
+            request_promotion.attr.groupId,
+            request_promotion.attr.forcePromote
+        );
+    end
+
+    -- connect and disconnect are only received from jicofo
+    if is_admin(jid.bare(stanza.attr.from)) then
+        for item in visitors_iq:childtags('connect-vnode') do
+            connect_vnode_received(room, item.attr.vnode);
+            processed = true;
+        end
+
+        for item in visitors_iq:childtags('disconnect-vnode') do
+            disconnect_vnode_received(room, item.attr.vnode);
+            processed = true;
+        end
+    end
+
+    -- request to update metadata service for jigasi languages
+    local transcription_languages = visitors_iq:get_child('transcription-languages');
+
+    if transcription_languages
+        and (transcription_languages.attr.langs or transcription_languages.attr.count) then
+        if not from_vnode then
+            module:log('warn', 'Received forged transcription_languages message: %s %s',stanza, inspect(room._connected_vnodes));
+            return true; -- stop processing
+        end
+
+        local metadata = get_visitors_room_metadata(room);
+
+        -- we keep the split by languages array to optimize accumulating languages
+        from_vnode.langs = split_string(transcription_languages.attr.langs, ',');
+        from_vnode.count = transcription_languages.attr.count;
+
+        local count, languages = get_visitors_languages(room);
+
+        if metadata.transcribingLanguages ~= languages then
+            metadata.transcribingLanguages = languages;
+            processed = true;
+        end
+
+        if metadata.transcribingCount ~= count then
+            metadata.transcribingCount = count;
+            processed = true;
+        end
+
+        if processed then
+            module:context(muc_domain_prefix..'.'..muc_domain_base)
+                :fire_event('room-metadata-changed', { room = room; });
+        end
+    end
+
+    if not processed then
+        module:log('warn', 'Unknown iq received for %s: %s', module.host, stanza);
+    end
+
+    respond_iq_result(origin, stanza);
+    return processed;
+end
+
+local function process_promotion_response(room, id, approved)
+    if not approved then
+        module:log('debug', 'promotion not approved %s, %s', room.jid, id);
+        return;
+    end
+
+    if DEBUG then
+        module:log('debug', 'Processing promotion response for room %s, id %s, approved %s',
+            room.jid, id, approved);
+    end
+
+    -- lets reply to participant that requested promotion
+    local username = new_id():lower();
+    visitors_promotion_map[room.jid][username] = {
+        from = visitors_promotion_requests[room.jid][id].from;
+        jid = id;
+    };
+
+    local req_from = visitors_promotion_map[room.jid][username].from;
+    local req_jid = visitors_promotion_map[room.jid][username].jid;
+    local focus_occupant = get_focus_occupant(room);
+    local focus_jid = focus_occupant and focus_occupant.bare_jid or nil;
+
+    local iq_id = new_id();
+    sent_iq_cache:set(iq_id, socket.gettime());
+
+    local node = jid.node(room.jid);
+
+    module:send(st.iq({
+            type='set', to = req_from, from = module.host, id = iq_id })
+        :tag('visitors', {
+            xmlns='jitsi:visitors',
+            room = jid.join(node, muc_domain_prefix..'.'..req_from),
+            focusjid = focus_jid })
+         :tag('promotion-response', {
+            xmlns='jitsi:visitors',
+            jid = req_jid,
+            username = username,
+            allow = approved }):up());
+end
+
+-- if room metadata does not have visitors.live set to `true` and there are no occupants in the meeting
+-- it will skip calling goLive endpoint
+local function go_live(room)
+
+    if DEBUG then
+        module:log('debug', 'Checking if room %s is live', room.jid);
+    end
+
+    if room._jitsi_go_live_sent then
+        if DEBUG then
+            module:log('debug', 'Room %s already sent go live request, skipping', room.jid);
+        end
+        return;
+    end
+
+    -- if missing we assume room is live, only skip if it is marked explicitly as false
+    if room.jitsiMetadata and room.jitsiMetadata.visitors
+            and room.jitsiMetadata.visitors.live ~= nil and room.jitsiMetadata.visitors.live == false then
+        if DEBUG then
+            module:log('debug', 'Room %s is not live, skipping go live request', room.jid);
+        end
+        return;
+    end
+
+    local has_occupant = false;
+    for _, occupant in room:each_occupant() do
+        if not is_admin(occupant.bare_jid) then
+            has_occupant = true;
+            break;
+        end
+    end
+
+    -- when there is an occupant then go live
+    if not has_occupant then
+        if DEBUG then
+            module:log('debug', 'Room %s has no occupants, skipping go live request', room.jid);
+        end
+        return;
+    end
+
+    -- let's inform the queue service
+    local function cb(content_, code_, response_, request_)
+        local room = room;
+        if code_ ~= 200 then
+            module:log('warn', 'External call to visitors_queue_service/golive failed. Code %s, Content %s',
+                code_, content_)
+        end
+    end
+
+    local headers = http_headers or {};
+    headers['Authorization'] = token_util:generateAsapToken();
+
+    local ev = {
+        conference = internal_room_jid_match_rewrite(room.jid)
+    };
+
+    room._jitsi_go_live_sent = true;
+
+    http.request(visitors_queue_service..'/golive', {
+        headers = headers,
+        method = 'POST',
+        body = json.encode(ev);
+    }, cb);
+end
+
+module:hook('iq/host', stanza_handler, 10);
+
+process_host_module(muc_domain_base, function(host_module, host)
+    token_util = module:require "token/util".new(host_module);
+end);
+
+process_host_module(muc_domain_prefix..'.'..muc_domain_base, function(host_module, host)
+    -- if visitor mode is started, then you are not allowed to join without request/response exchange of iqs -> deny access
+    -- check list of allowed jids for the room
+    host_module:hook('muc-occupant-pre-join', function (event)
+        local room, stanza, occupant, session = event.room, event.stanza, event.occupant, event.origin;
+
+        if is_healthcheck_room(room.jid) or is_admin(occupant.bare_jid) then
+            if DEBUG then
+                module:log('debug', 'Skipping visitor checks for healthcheck room %s or admin %s',
+                    room.jid, occupant.bare_jid);
+            end
+            return;
+        end
+
+        -- visitors were already in the room one way or another they have access
+        -- skip password challenge
+        local join = stanza:get_child('x', MUC_NS);
+        if join and room:get_password() and
+            visitors_promotion_map[room.jid] and visitors_promotion_map[room.jid][jid.node(stanza.attr.from)] then
+            join:tag('password', { xmlns = MUC_NS }):text(room:get_password());
+        end
+
+        local is_live = get_visitors_room_metadata(room).live;
+
+        -- we skip any checks when auto-allow is enabled and room is live
+        if (auto_allow_promotion or get_visitors_room_metadata(room).autoPromote and (is_live or is_live == nil))
+            or ignore_list:contains(jid.host(stanza.attr.from)) -- jibri or other domains to ignore
+            or is_sip_jigasi(stanza)
+            or is_sip_jibri_join(stanza)
+            or table_find(room._data.moderators, session.jitsi_meet_context_user and session.jitsi_meet_context_user.id)
+            or (room._data.moderator_id and room._data.moderator_id == (session.jitsi_meet_context_user and session.jitsi_meet_context_user.id))
+            or (room._data.moderator_id and room._data.moderator_id == session.jitsi_meet_context_group)
+            or table_find(room._data.participants, session.jitsi_meet_context_user and session.jitsi_meet_context_user.id) then
+            if DEBUG then
+                module:log('debug', 'Auto-allowing visitor %s in room %s', stanza.attr.from, room.jid);
+            end
+                return;
+        end
+
+        if visitors_promotion_map[room.jid] then
+            local in_ignore_list = ignore_list:contains(jid.host(stanza.attr.from));
+
+            -- now let's check for jid
+            if visitors_promotion_map[room.jid][jid.node(stanza.attr.from)] -- promotion was approved
+                or in_ignore_list then -- jibri or other domains to ignore
+                -- allow join
+                if not in_ignore_list then
+                    -- let's update metadata
+                    local metadata = get_visitors_room_metadata(room);
+                    if not metadata.promoted then
+                        metadata.promoted = {};
+                    end
+                    metadata.promoted[jid.resource(occupant.nick)] = true;
+                    module:context(muc_domain_prefix..'.'..muc_domain_base)
+                        :fire_event('room-metadata-changed', { room = room; });
+                end
+
+                return;
+            end
+            module:log('error', 'Visitor needs to be allowed by a moderator %s', stanza.attr.from);
+            session.send(st.error_reply(stanza, 'cancel', 'not-allowed', 'Visitor needs to be allowed by a moderator')
+                :tag('promotion-not-allowed', { xmlns = 'jitsi:visitors' }));
+            return true;
+        elseif is_vpaas(room) then
+            -- special case for vpaas where if someone with a visitor token tries to join a room, where
+            -- there are no visitors yet, we deny access
+            if session.jitsi_meet_context_user and session.jitsi_meet_context_user.role == 'visitor' then
+                session.log('warn', 'Deny user join as visitor in the main meeting, not approved');
+                session.send(st.error_reply(
+                    stanza, 'cancel', 'not-allowed', 'Visitor tried to join the main room without approval')
+                        :tag('no-main-participants', { xmlns = 'jitsi:visitors' }));
+                return true;
+            end
+        elseif room._data.participants then
+                -- This is non jaas room which has a list of participants allowed to participate in the main room
+                -- but this occupant is not one of them and the room is either not live or has no participants joined
+                if room:get_members_only() then
+                    -- if there is a lobby, let's pass it through it will wait for the main participant
+                    return;
+                end
+                session.log('warn',
+                    'Deny user join in the main not live meeting, not in the list of main participants');
+                session.send(st.error_reply(
+                    stanza, 'cancel', 'not-allowed',
+                    'Tried to join the main (not live or without main participants) room')
+                        :tag('not-live-room', { xmlns = 'jitsi:visitors' }));
+                return true;
+        end
+
+    end, 7); -- after muc_meeting_id, the logic for not joining before jicofo
+    host_module:hook('muc-room-destroyed', function (event)
+        visitors_promotion_map[event.room.jid] = nil;
+        visitors_promotion_requests[event.room.jid] = nil;
+    end, 1); -- prosody handles it at 0
+
+    host_module:hook('muc-occupant-joined', function (event)
+        local room, occupant = event.room, event.occupant;
+
+        if DEBUG then
+            module:log('debug', 'Occupant %s joined room %s', occupant.jid, room.jid);
+        end
+
+        if is_healthcheck_room(room.jid) or is_admin(occupant.bare_jid) or occupant.role ~= 'moderator' -- luacheck: ignore
+            or not visitors_promotion_requests[event.room.jid] then
+                if DEBUG then
+                    module:log('debug', 'Skipping visitor checks for healthcheck room %s or admin %s or not moderator %s',
+                        room.jid, occupant.bare_jid, occupant.role);
+                end
+            return;
+        end
+
+        for _,value in pairs(visitors_promotion_requests[event.room.jid]) do
+            send_json_message(occupant.jid, value.msg);
+        end
+    end);
+    host_module:hook('muc-set-affiliation', function (event)
+        -- the actor can be nil if is coming from allowners or similar module we want to skip it here
+        -- as we will handle it in occupant_joined
+        local actor, affiliation, jid, room = event.actor, event.affiliation, event.jid, event.room;
+
+        if is_admin(jid) or is_healthcheck_room(room.jid) or not actor or not affiliation == 'owner' -- luacheck: ignore
+            or not visitors_promotion_requests[event.room.jid] then
+            return;
+        end
+
+        -- event.jid is the bare jid of participant
+        for _, occupant in room:each_occupant() do
+            if occupant.bare_jid == event.jid then
+                for _,value in pairs(visitors_promotion_requests[event.room.jid]) do
+                    send_json_message(occupant.jid, value.msg);
+                end
+            end
+        end
+    end);
+
+    host_module:hook('jitsi-endpoint-message-received', function(event)
+        local data, error, occupant, room, stanza
+            = event.message, event.error, event.occupant, event.room, event.stanza;
+
+        if not data or data.type ~= 'visitors'
+            or (data.action ~= "promotion-response" and data.action ~= "demote-request") then
+            if error then
+                module:log('error', 'Error decoding error:%s', error);
+            end
+            return;
+        end
+
+        if occupant.role ~= 'moderator' then
+            module:log('error', 'Occupant %s sending response message but not moderator in room %s',
+                occupant.jid, room.jid);
+            return false;
+        end
+
+        if data.action == "demote-request" then
+            if occupant.nick ~= room.jid..'/'..data.actor then
+                module:log('error', 'Bad actor in demote request %s', stanza);
+                event.origin.send(st.error_reply(stanza, "cancel", "bad-request"));
+                return true;
+            end
+
+            -- when demoting we want to send message to the demoted participant and to moderators
+            local target_jid = room.jid..'/'..data.id;
+            stanza.attr.type = 'chat'; -- it is safe as we are not using this stanza instance anymore
+            stanza.attr.from = module.host;
+
+            for _, room_occupant in room:each_occupant() do
+                -- do not send it to jicofo or back to the sender
+                if room_occupant.jid ~= occupant.jid and not is_admin(room_occupant.bare_jid) then
+                    if room_occupant.role == 'moderator'
+                        or room_occupant.nick == target_jid then
+                        stanza.attr.to = room_occupant.jid;
+                        room:route_stanza(stanza);
+                    end
+                end
+            end
+        else
+            if data.id then
+                process_promotion_response(room, data.id, data.approved and 'true' or 'false');
+            else
+                -- we are in the case with admit all, we need to read data.ids
+                for _,value in pairs(data.ids) do
+                    process_promotion_response(room, value, data.approved and 'true' or 'false');
+                end
+            end
+        end
+
+        return true; -- halt processing, but return true that we handled it
+    end);
+
+    if visitors_queue_service then
+        host_module:hook('muc-room-created', function (event)
+            local room = event.room;
+
+            if is_healthcheck_room(room.jid) then
+                return;
+            end
+
+            go_live(room);
+        end, -2); -- metadata hook on -1
+        host_module:hook('jitsi-metadata-updated', function (event)
+            if event.key == 'visitors' then
+                go_live(event.room);
+            end
+        end);
+        -- when metadata changed internally from another module
+        host_module:hook('room-metadata-changed', function (event)
+            go_live(event.room);
+        end);
+        host_module:hook('muc-occupant-joined', function (event)
+            local room = event.room;
+
+            if is_healthcheck_room(room.jid) then
+                return;
+            end
+
+            if always_visitors_enabled then
+                if not room.jitsiMetadata then
+                    room.jitsiMetadata = {};
+                end
+                room.jitsiMetadata.visitorsEnabled = true;
+            end
+
+            go_live(room);
+        end);
+    end
+
+    if always_visitors_enabled then
+        local visitorsEnabledField = {
+            name = "muc#roominfo_visitorsEnabled";
+            type = "boolean";
+            label = "Whether visitors are enabled.";
+            value = 1;
+        };
+        -- Append "visitors enabled" to the MUC config form.
+        host_module:context(host):hook("muc-disco#info", function(event)
+            table.insert(event.form, visitorsEnabledField);
+        end);
+        host_module:context(host):hook("muc-config-form", function(event)
+            table.insert(event.form, visitorsEnabledField);
+        end);
+    end
+end);
+
+prosody.events.add_handler('pre-jitsi-authentication', function(session)
+    if not session.customusername or not session.jitsi_web_query_room then
+        return nil;
+    end
+
+    local room = get_room_by_name_and_subdomain(session.jitsi_web_query_room, session.jitsi_web_query_prefix);
+    if not room then
+        return nil;
+    end
+
+    if visitors_promotion_map[room.jid] and visitors_promotion_map[room.jid][session.customusername] then
+        -- user was previously allowed to join, let him use the requested jid
+        return session.customusername;
+    end
+end);
+
+-- when occupant is leaving breakout to join the main room and visitors are enabled
+-- make sure we will allow that participant to join as it is already part of the main room
+function handle_occupant_leaving_breakout(event)
+    local main_room, occupant, stanza = event.main_room, event.occupant, event.stanza;
+    local presence_status = stanza:get_child_text('status');
+
+    if presence_status ~= 'switch_room' or not main_room or not visitors_promotion_map[main_room.jid] then
+        return;
+    end
+
+    local node = jid.node(occupant.bare_jid);
+
+    visitors_promotion_map[main_room.jid][node] = {
+        from = 'none';
+        jid = occupant.bare_jid;
+    };
+end
+module:hook_global('jitsi-breakout-occupant-leaving', handle_occupant_leaving_breakout);
diff --git a/resources/prosody-plugins/muc_owner_allow_kick-0.12.patch b/resources/prosody-plugins/muc_owner_allow_kick-0.12.patch
new file mode 100644
index 0000000..de08935
--- /dev/null
+++ b/resources/prosody-plugins/muc_owner_allow_kick-0.12.patch
@@ -0,0 +1,22 @@
+--- muc.lib.lua	2016-10-26 18:26:53.432377291 +0000
++++ muc.lib.lua	2016-10-26 18:41:40.754426072 +0000
+@@ -1582,16 +1582,16 @@
+ 	if event.allowed ~= nil then
+ 		return event.allowed, event.error, event.condition;
+ 	end
++	local occupant_affiliation = self:get_affiliation(occupant.bare_jid);
+ 
+ 	-- Can't do anything to other owners or admins
+-	local occupant_affiliation = self:get_affiliation(occupant.bare_jid);
+-	if occupant_affiliation == "owner" or occupant_affiliation == "admin" then
++	local actor_affiliation = self:get_affiliation(actor);
++	if (occupant_affiliation == "owner" and actor_affiliation ~= "owner") or (occupant_affiliation == "admin" and actor_affiliation ~= "admin" and actor_affiliation ~= "owner") then
+ 		return nil, "cancel", "not-allowed";
+ 	end
+ 
+ 	-- If you are trying to give or take moderator role you need to be an owner or admin
+ 	if occupant.role == "moderator" or role == "moderator" then
+-		local actor_affiliation = self:get_affiliation(actor);
+ 		if actor_affiliation ~= "owner" and actor_affiliation ~= "admin" then
+ 			return nil, "cancel", "not-allowed";
+ 		end
diff --git a/resources/prosody-plugins/poltergeist.lib.lua b/resources/prosody-plugins/poltergeist.lib.lua
new file mode 100644
index 0000000..e44c785
--- /dev/null
+++ b/resources/prosody-plugins/poltergeist.lib.lua
@@ -0,0 +1,397 @@
+local inspect = require("inspect")
+local jid = require("util.jid")
+local stanza = require("util.stanza")
+local timer = require("util.timer")
+local update_presence_identity = module:require("util").update_presence_identity
+local uuid = require("util.uuid")
+
+local component = module:get_option_string(
+    "poltergeist_component",
+    module.host
+)
+
+local expiration_timeout = module:get_option_string(
+    "poltergeist_leave_timeout",
+    30 -- defaults to 30 seconds
+)
+
+local MUC_NS = "http://jabber.org/protocol/muc"
+
+--------------------------------------------------------------------------------
+-- Utility functions for commonly used poltergeist codes.
+--------------------------------------------------------------------------------
+
+-- Creates a nick for a poltergeist.
+-- @param username is the unique username of the poltergeist
+-- @return a nick to use for xmpp
+local function create_nick(username)
+    return string.sub(username, 0,8)
+end
+
+-- Returns the last presence of the occupant.
+-- @param room the room instance where to check for occupant
+-- @param nick the nick of the occupant
+-- @return presence stanza of the occupant
+function get_presence(room, nick)
+    local occupant_jid = room:get_occupant_jid(component.."/"..nick)
+    if occupant_jid then
+        return room:get_occupant_by_nick(occupant_jid):get_presence();
+    end
+    return nil;
+end
+
+-- Checks for existence of a poltergeist occupant in a room.
+-- @param room the room instance where to check for the occupant
+-- @param nick the nick of the occupant
+-- @return true if occupant is found, false otherwise
+function occupies(room, nick)
+    -- Find out if we have a poltergeist occupant in the room for this JID
+    return not not room:get_occupant_jid(component.."/"..nick);
+end
+
+--------------------------------------------------------------------------------
+-- Username storage for poltergeist.
+--
+-- Every poltergeist will have a username stored in a table underneath
+-- the room name that they are currently active in. The username can
+-- be retrieved given a room and a user_id. The username is removed from
+-- a room by providing the room and the nick.
+--
+-- A table with a single entry looks like:
+-- {
+--   ["[hug]hostilewerewolvesthinkslightly"] = {
+--     ["655363:52148a3e-b5fb-4cfc-8fbd-f55e793cf657"] = "ed7757d6-d88d-4e6a-8e24-aca2adc31348",
+--     ed7757d6 = "655363:52148a3e-b5fb-4cfc-8fbd-f55e793cf657"
+--   }
+-- }
+--------------------------------------------------------------------------------
+-- state is the table where poltergeist usernames and call resources are stored
+-- for a given xmpp muc.
+local state = module:shared("state")
+
+-- Adds a poltergeist to the store.
+-- @param room is the room the poltergeist is being added to
+-- @param user_id is the user_id of the user the poltergeist represents
+-- @param username is the unique id of the poltergeist itself
+local function store_username(room, user_id, username)
+    local room_name = jid.node(room.jid)
+
+    if not state[room_name] then
+        state[room_name] = {}
+    end
+
+    state[room_name][user_id] = username
+    state[room_name][create_nick(username)] = user_id
+end
+
+-- Retrieves a poltergeist username from the store if one exists.
+-- @param room is the room to check for the poltergeist in the store
+-- @param user_id is the user id of the user the poltergeist represents
+local function get_username(room, user_id)
+    local room_name = jid.node(room.jid)
+
+    if not state[room_name] then
+        return nil
+    end
+
+    return state[room_name][user_id]
+end
+
+local function get_username_from_nick(room_name, nick)
+    if not state[room_name] then
+        return nil
+    end
+
+    local user_id = state[room_name][nick]
+    return state[room_name][user_id]
+end
+
+-- Removes the username from the store.
+-- @param room is the room the poltergeist is being removed from
+-- @param nick is the nick of the muc occupant
+local function remove_username(room, nick)
+    local room_name = jid.node(room.jid)
+    if not state[room_name] then
+        return
+    end
+
+    local user_id = state[room_name][nick]
+    state[room_name][user_id] = nil
+    state[room_name][nick] = nil
+end
+
+-- Removes all poltergeists in the store for the provided room.
+-- @param room is the room all poltergiest will be removed from
+local function remove_room(room)
+    local room_name = jid.node(room.jid)
+    if state[room_name] then
+        state[room_name] = nil
+    end
+end
+
+-- Adds a resource that is associated with a a call in a room. There
+-- is only one resource for each type.
+-- @param room is the room the call and poltergeist is in.
+-- @param call_id is the unique id for the call.
+-- @param resource_type is type of resource being added.
+-- @param resource_id is the id of the resource being added.
+local function add_call_resource(room, call_id, resource_type, resource_id)
+    local room_name = jid.node(room.jid)
+    if not state[room_name] then
+        state[room_name] = {}
+    end
+
+    if not state[room_name][call_id] then
+        state[room_name][call_id] = {}
+    end
+
+    state[room_name][call_id][resource_type] = resource_id
+end
+
+--------------------------------------------------------------------------------
+-- State for toggling the tagging of presence stanzas with ignored tag.
+--
+-- A poltergeist with it's full room/nick set to ignore will have a jitsi ignore
+-- tag applied to all presence stanza's broadcasted. The following functions
+-- assist in managing this state.
+--------------------------------------------------------------------------------
+local presence_ignored = {}
+
+-- Sets the nick to ignored state.
+-- @param room_nick full room/nick jid
+local function set_ignored(room_nick)
+    presence_ignored[room_nick] = true
+end
+
+-- Resets the nick out of ignored state.
+-- @param room_nick full room/nick jid
+local function reset_ignored(room_nick)
+    presence_ignored[room_nick] = nil
+end
+
+-- Determines whether or not the leave presence should be tagged with ignored.
+-- @param room_nick full room/nick jid
+local function should_ignore(room_nick)
+    if presence_ignored[room_nick] == nil then
+        return false
+    end
+    return presence_ignored[room_nick]
+end
+
+--------------------------------------------------------------------------------
+-- Poltergeist control functions for adding, updating and removing poltergeist.
+--------------------------------------------------------------------------------
+
+-- Updates the status tags and call flow tags of an existing poltergeist
+-- presence.
+-- @param presence_stanza is the actual presence stanza for a poltergeist.
+-- @param status is the new status to be updated in the stanza.
+-- @param call_details is a table of call flow signal information.
+function update_presence_tags(presence_stanza, status, call_details)
+    local call_cancel = false
+    local call_id = nil
+
+    -- Extract optional call flow signal information.
+    if call_details then
+        call_id = call_details["id"]
+
+        if call_details["cancel"] then
+            call_cancel = call_details["cancel"]
+        end
+    end
+
+    presence_stanza:maptags(function (tag)
+        if tag.name == "status" then
+            if call_cancel then
+                -- If call cancel is set then the status should not be changed.
+                return tag
+            end
+            return stanza.stanza("status"):text(status)
+        elseif tag.name == "call_id" then
+            if call_id then
+                return stanza.stanza("call_id"):text(call_id)
+            else
+                -- If no call id is provided the re-use the existing id.
+                return tag
+            end
+        elseif tag.name == "call_cancel" then
+            if call_cancel then
+                return stanza.stanza("call_cancel"):text("true")
+            else
+                return stanza.stanza("call_cancel"):text("false")
+            end
+        end
+        return tag
+    end)
+
+    return presence_stanza
+end
+
+-- Updates the presence status of a poltergeist.
+-- @param room is the room the poltergeist has occupied
+-- @param nick is the xmpp nick of the poltergeist occupant
+-- @param status is the status string to set in the presence
+-- @param call_details is a table of call flow control details
+local function update(room, nick, status, call_details)
+    local original_presence = get_presence(room, nick)
+
+    if not original_presence then
+        module:log("info", "update issued for a non-existing poltergeist")
+        return
+    end
+
+    -- update occupant presence with appropriate to and from
+    -- so we can send it again
+    update_presence = stanza.clone(original_presence)
+    update_presence.attr.to = room.jid.."/"..nick
+    update_presence.attr.from = component.."/"..nick
+
+    update_presence = update_presence_tags(update_presence, status, call_details)
+
+    module:log("info", "updating poltergeist: %s/%s - %s", room, nick, status)
+    room:handle_normal_presence(
+        prosody.hosts[component],
+        update_presence
+    )
+end
+
+-- Removes the poltergeist from the room.
+-- @param room is the room the poltergeist has occupied
+-- @param nick is the xmpp nick of the poltergeist occupant
+-- @param ignore toggles if the leave subsequent leave presence should be tagged
+local function remove(room, nick, ignore)
+    local original_presence = get_presence(room, nick);
+    if not original_presence then
+        module:log("info", "attempted to remove a poltergeist with no presence")
+        return
+    end
+
+    local leave_presence = stanza.clone(original_presence)
+    leave_presence.attr.to = room.jid.."/"..nick
+    leave_presence.attr.from = component.."/"..nick
+    leave_presence.attr.type = "unavailable"
+
+    if (ignore) then
+        set_ignored(room.jid.."/"..nick)
+    end
+
+    remove_username(room, nick)
+    module:log("info", "removing poltergeist: %s/%s", room, nick)
+    room:handle_normal_presence(
+        prosody.hosts[component],
+        leave_presence
+    )
+end
+
+-- Adds a poltergeist to a muc/room.
+-- @param room is the room the poltergeist will occupy
+-- @param is the id of the user the poltergeist represents
+-- @param display_name is the display name to use for the poltergeist
+-- @param avatar is the avatar link used for the poltergeist display
+-- @param context is the session context of the user making the request
+-- @param status is the presence status string to use
+-- @param resources is a table of resource types and resource ids to correlate.
+local function add_to_muc(room, user_id, display_name, avatar, context, status, resources)
+    local username = uuid.generate()
+    local presence_stanza = original_presence(
+        room,
+        username,
+        display_name,
+        avatar,
+        context,
+        status
+    )
+
+    module:log("info", "adding poltergeist: %s/%s", room, create_nick(username))
+    store_username(room, user_id, username)
+    for k, v in pairs(resources) do
+        add_call_resource(room, username, k, v)
+    end
+    room:handle_first_presence(
+        prosody.hosts[component],
+        presence_stanza
+    )
+
+    local remove_delay = 5
+    local expiration = expiration_timeout - remove_delay;
+    local nick = create_nick(username)
+    timer.add_task(
+        expiration,
+        function ()
+            update(room, nick, "expired")
+            timer.add_task(
+                remove_delay,
+                function ()
+                    if occupies(room, nick) then
+                        remove(room, nick, false)
+                    end
+                end
+            )
+        end
+    )
+end
+
+-- Generates an original presence for a new poltergeist
+-- @param room is the room the poltergeist will occupy
+-- @param username is the unique name for the poltergeist
+-- @param display_name is the display name to use for the poltergeist
+-- @param avatar is the avatar link used for the poltergeist display
+-- @param context is the session context of the user making the request
+-- @param status is the presence status string to use
+-- @return a presence stanza that can be used to add the poltergeist to the muc
+function original_presence(room, username, display_name, avatar, context, status)
+    local nick = create_nick(username)
+    local p = stanza.presence({
+        to = room.jid.."/"..nick,
+        from = component.."/"..nick,
+    }):tag("x", { xmlns = MUC_NS }):up();
+
+    p:tag("bot", { type = "poltergeist" }):up();
+    p:tag("call_cancel"):text(nil):up();
+    p:tag("call_id"):text(username):up();
+
+    if status then
+        p:tag("status"):text(status):up();
+    else
+        p:tag("status"):text(nil):up();
+    end
+
+    if display_name then
+        p:tag(
+            "nick",
+            { xmlns = "http://jabber.org/protocol/nick" }):text(display_name):up();
+    end
+
+    if avatar then
+        p:tag("avatar-url"):text(avatar):up();
+    end
+
+    -- If the room has a password set, let the poltergeist enter using it
+    local room_password = room:get_password();
+    if room_password then
+        local join = p:get_child("x", MUC_NS);
+        join:tag("password", { xmlns = MUC_NS }):text(room_password);
+    end
+
+    update_presence_identity(
+        p,
+        context.user,
+        context.group,
+        context.creator_user,
+        context.creator_group
+    )
+    return p
+end
+
+return {
+    get_username = get_username,
+    get_username_from_nick = get_username_from_nick,
+    occupies = occupies,
+    remove_room = remove_room,
+    reset_ignored = reset_ignored,
+    should_ignore = should_ignore,
+    create_nick = create_nick,
+    add_to_muc = add_to_muc,
+    update = update,
+    remove = remove
+}
diff --git a/resources/prosody-plugins/stanza_router_no-log.patch b/resources/prosody-plugins/stanza_router_no-log.patch
new file mode 100644
index 0000000..8220628
--- /dev/null
+++ b/resources/prosody-plugins/stanza_router_no-log.patch
@@ -0,0 +1,14 @@
+diff -r 423f240d1173 core/stanza_router.lua
+--- a/core/stanza_router.lua	Tue Feb 21 10:06:54 2023 +0000
++++ b/core/stanza_router.lua	Wed May 24 11:56:02 2023 -0500
+@@ -207,7 +207,9 @@
+ 	else
+ 		local host_session = hosts[from_host];
+ 		if not host_session then
+-			log("error", "No hosts[from_host] (please report): %s", stanza);
++			-- moved it to debug as it fills visitor's prosody logs and this is a situation where we try to send
++			-- presence back to the main server and we don't need anyway as it came from there
++			log("debug", "No hosts[from_host] (please report): %s", stanza);
+ 		else
+ 			local xmlns = stanza.attr.xmlns;
+ 			stanza.attr.xmlns = nil;
diff --git a/resources/prosody-plugins/token/jwk.lib.lua b/resources/prosody-plugins/token/jwk.lib.lua
new file mode 100644
index 0000000..cf1aee8
--- /dev/null
+++ b/resources/prosody-plugins/token/jwk.lib.lua
@@ -0,0 +1,134 @@
+local basexx = require "basexx";
+
+local M = {}
+
+-- Helper function to encode bytes to base64
+function base64_encode(bytes)
+    return basexx.to_base64(bytes)
+end
+
+-- Pure Lua ASN.1 DER encoder (no external dependencies)
+local ASN1 = {}
+
+-- Encode ASN.1 length field
+function ASN1.encode_length(len)
+    if len < 128 then
+        return string.char(len)
+    elseif len < 256 then
+        return string.char(0x81, len)
+    elseif len < 65536 then
+        return string.char(0x82, math.floor(len / 256), len % 256)
+    else
+        local b1 = math.floor(len / 65536)
+        local b2 = math.floor((len % 65536) / 256)
+        local b3 = len % 256
+        return string.char(0x83, b1, b2, b3)
+    end
+end
+
+-- Encode ASN.1 INTEGER
+function ASN1.encode_integer(bytes)
+    -- ASN.1 INTEGER tag is 0x02
+    -- If the high bit is set, prepend 0x00 to indicate positive number
+    if bytes:byte(1) >= 0x80 then
+        bytes = string.char(0x00) .. bytes
+    end
+    return string.char(0x02) .. ASN1.encode_length(#bytes) .. bytes
+end
+
+-- Encode ASN.1 SEQUENCE
+function ASN1.encode_sequence(content)
+    -- ASN.1 SEQUENCE tag is 0x30
+    return string.char(0x30) .. ASN1.encode_length(#content) .. content
+end
+
+-- Encode ASN.1 BIT STRING
+function ASN1.encode_bit_string(content)
+    -- ASN.1 BIT STRING tag is 0x03
+    -- First byte indicates number of unused bits (0x00 for byte-aligned)
+    return string.char(0x03) .. ASN1.encode_length(#content + 1) .. string.char(0x00) .. content
+end
+
+-- Encode ASN.1 OBJECT IDENTIFIER
+function ASN1.encode_oid(oid_bytes)
+    -- ASN.1 OID tag is 0x06
+    return string.char(0x06) .. ASN1.encode_length(#oid_bytes) .. oid_bytes
+end
+
+-- Encode ASN.1 NULL
+function ASN1.encode_null()
+    -- ASN.1 NULL tag is 0x05, length 0
+    return string.char(0x05, 0x00)
+end
+
+-- Convert DER to PEM format
+function ASN1.der_to_pem(der, label)
+    label = label or "PUBLIC KEY"
+    local base64 = base64_encode(der)
+
+    -- Break into 64-character lines
+    local lines = {}
+    for i = 1, #base64, 64 do
+        table.insert(lines, base64:sub(i, i + 63))
+    end
+
+    return "-----BEGIN " .. label .. "-----\n" ..
+           table.concat(lines, "\n") .. "\n" ..
+           "-----END " .. label .. "-----\n"
+end
+
+-- Helper function to decode base64url
+function base64url_decode(str)
+    -- Convert base64url to base64
+    str = str:gsub('-', '+'):gsub('_', '/')
+    -- Add padding if needed
+    local padding = #str % 4
+    if padding > 0 then
+        str = str .. string.rep('=', 4 - padding)
+    end
+    return basexx.from_base64(str)
+end
+
+-- Helper function to convert JWK to PEM format
+function M.jwk_to_pem(jwk)
+    -- Decode the modulus (n) and exponent (e) from base64url
+    local n_bytes = base64url_decode(jwk.n)
+    local e_bytes = base64url_decode(jwk.e)
+
+    -- Build RSA public key structure
+    -- RSAPublicKey ::= SEQUENCE {
+    --     modulus           INTEGER,  -- n
+    --     publicExponent    INTEGER   -- e
+    -- }
+    local modulus_asn1 = ASN1.encode_integer(n_bytes)
+    local exponent_asn1 = ASN1.encode_integer(e_bytes)
+    local rsa_pubkey = ASN1.encode_sequence(modulus_asn1 .. exponent_asn1)
+
+    -- Build SubjectPublicKeyInfo structure
+    -- SubjectPublicKeyInfo ::= SEQUENCE {
+    --     algorithm         AlgorithmIdentifier,
+    --     subjectPublicKey  BIT STRING
+    -- }
+
+    -- RSA OID: 1.2.840.113549.1.1.1 (rsaEncryption)
+    -- Encoded as: 06 09 2A 86 48 86 F7 0D 01 01 01
+    local rsa_oid = string.char(0x2A, 0x86, 0x48, 0x86, 0xF7, 0x0D, 0x01, 0x01, 0x01)
+    local rsa_oid_encoded = ASN1.encode_oid(rsa_oid)
+
+    -- AlgorithmIdentifier ::= SEQUENCE {
+    --     algorithm   OBJECT IDENTIFIER,
+    --     parameters  NULL
+    -- }
+    local algorithm_id = ASN1.encode_sequence(rsa_oid_encoded .. ASN1.encode_null())
+
+    -- Wrap the RSA public key in a BIT STRING
+    local subject_public_key = ASN1.encode_bit_string(rsa_pubkey)
+
+    -- Final SubjectPublicKeyInfo
+    local spki = ASN1.encode_sequence(algorithm_id .. subject_public_key)
+
+    -- Convert to PEM format
+    return ASN1.der_to_pem(spki, "PUBLIC KEY")
+end
+
+return M
diff --git a/resources/prosody-plugins/token/util.lib.lua b/resources/prosody-plugins/token/util.lib.lua
new file mode 100644
index 0000000..88037ad
--- /dev/null
+++ b/resources/prosody-plugins/token/util.lib.lua
@@ -0,0 +1,564 @@
+-- Token authentication
+-- Copyright (C) 2021-present 8x8, Inc.
+
+local basexx = require "basexx";
+local have_async, async = pcall(require, "util.async");
+local hex = require "util.hex";
+local jwt = module:require "luajwtjitsi";
+local jwk_to_pem = module:require "token/jwk".jwk_to_pem;
+local jid = require "util.jid";
+local json_safe = require "cjson.safe";
+local path = require "util.paths";
+local sha256 = require "util.hashes".sha256;
+local main_util = module:require "util";
+local ends_with = main_util.ends_with;
+local http_get_with_retry = main_util.http_get_with_retry;
+local extract_subdomain = main_util.extract_subdomain;
+local starts_with = main_util.starts_with;
+local table_shallow_copy = main_util.table_shallow_copy;
+local get_room_from_jid = main_util.get_room_from_jid;
+local cjson_safe  = require 'cjson.safe'
+local timer = require "util.timer";
+local async = require "util.async";
+local inspect = require 'inspect';
+
+local nr_retries = 3;
+local ssl = require "ssl";
+
+-- TODO: Figure out a less arbitrary default cache size.
+local cacheSize = module:get_option_number("jwt_pubkey_cache_size", 128);
+
+-- the cache for generated asap jwt tokens
+local jwtKeyCache = require 'util.cache'.new(cacheSize);
+
+local ASAPTTL_THRESHOLD = module:get_option_number('asap_ttl_threshold', 600);
+local ASAPTTL = module:get_option_number('asap_ttl', 3600);
+local ASAPIssuer = module:get_option_string('asap_issuer', 'jitsi');
+local ASAPAudience = module:get_option_string('asap_audience', 'jitsi');
+local ASAPKeyId = module:get_option_string('asap_key_id', 'jitsi');
+local ASAPKeyPath = module:get_option_string('asap_key_path', '/etc/prosody/certs/asap.key');
+
+local ASAPKey;
+local f = io.open(ASAPKeyPath, 'r');
+
+if f then
+    ASAPKey = f:read('*all');
+    f:close();
+end
+
+local Util = {}
+Util.__index = Util
+
+--- Constructs util class for token verifications.
+-- Constructor that uses the passed module to extract all the
+-- needed configurations.
+-- If configuration is missing returns nil
+-- @param module the module in which options to check for configs.
+-- @return the new instance or nil
+function Util.new(module)
+    local self = setmetatable({}, Util)
+
+    self.appId = module:get_option_string("app_id");
+    self.appSecret = module:get_option_string("app_secret");
+    self.asapKeyServer = module:get_option_string("asap_key_server");
+    -- A URL that will return json file with a mapping between kids and public keys
+    -- If the response Cache-Control header we will respect it and refresh it
+    self.cacheKeysUrl = module:get_option_string("cache_keys_url");
+    self.signatureAlgorithm = module:get_option_string("signature_algorithm");
+    self.allowEmptyToken = module:get_option_boolean("allow_empty_token");
+
+    self.cache = require"util.cache".new(cacheSize);
+
+    --[[
+        Multidomain can be supported in some deployments. In these deployments
+        there is a virtual conference muc, which address contains the subdomain
+        to use. Those deployments are accessible
+        by URL https://domain/subdomain.
+        Then the address of the room will be:
+        roomName@conference.subdomain.domain. This is like a virtual address
+        where there is only one muc configured by default with address:
+        conference.domain and the actual presentation of the room in that muc
+        component is [subdomain]roomName@conference.domain.
+        These setups relay on configuration 'muc_domain_base' which holds
+        the main domain and we use it to subtract subdomains from the
+        virtual addresses.
+        The following configurations are for multidomain setups and domain name
+        verification:
+     --]]
+
+    -- optional parameter for custom muc component prefix,
+    -- defaults to "conference"
+    self.muc_domain_prefix = module:get_option_string(
+        "muc_mapper_domain_prefix", "conference");
+    -- domain base, which is the main domain used in the deployment,
+    -- the main VirtualHost for the deployment
+    self.muc_domain_base = module:get_option_string("muc_mapper_domain_base");
+    -- The "real" MUC domain that we are proxying to
+    if self.muc_domain_base then
+        self.muc_domain = module:get_option_string(
+            "muc_mapper_domain",
+            self.muc_domain_prefix.."."..self.muc_domain_base);
+    end
+    -- whether domain name verification is enabled, by default it is enabled
+    -- when disabled checking domain name and tenant if available will be skipped, we will check only room name.
+    self.enableDomainVerification = module:get_option_boolean('enable_domain_verification', true);
+
+    if self.allowEmptyToken == true then
+        module:log("warn", "WARNING - empty tokens allowed");
+    end
+
+    if self.appId == nil then
+        module:log("error", "'app_id' must not be empty");
+        return nil;
+    end
+
+    if self.appSecret == nil and self.asapKeyServer == nil and self.cacheKeysUrl == nil then
+        module:log("error", "'app_secret', 'asap_key_server or 'cacheKeysUrl' must be specified");
+        return nil;
+    end
+
+    -- Set defaults for signature algorithm
+    if self.signatureAlgorithm == nil then
+        if self.asapKeyServer ~= nil or self.cacheKeysUrl then
+            self.signatureAlgorithm = "RS256"
+        elseif self.appSecret ~= nil then
+            self.signatureAlgorithm = "HS256"
+        end
+    end
+
+    --array of accepted issuers: by default only includes our appId
+    self.acceptedIssuers = module:get_option_array('asap_accepted_issuers',{self.appId})
+
+    --array of accepted audiences: by default only includes our appId
+    self.acceptedAudiences = module:get_option_array('asap_accepted_audiences',{'*'})
+
+    self.requireRoomClaim = module:get_option_boolean('asap_require_room_claim', true);
+
+    if (self.asapKeyServer or self.cacheKeysUrl) and not have_async then
+        module:log("error", "requires a version of Prosody with util.async");
+        return nil;
+    end
+
+    if self.cacheKeysUrl then
+        self.cachedKeys = {};
+        local update_keys_cache;
+        update_keys_cache = async.runner(function (name)
+            local content, code, cache_for;
+            content, code, cache_for = http_get_with_retry(self.cacheKeysUrl, nr_retries);
+            if content ~= nil then
+                local keys_to_delete = table_shallow_copy(self.cachedKeys);
+                -- Let's convert any certificate to public key
+                for k, v in pairs(cjson_safe.decode(content)) do
+                    -- JWKS format
+                    if k == "keys" and type(v) == "table" then
+                        for _, key in ipairs(v) do
+                            if key.kid then
+                                self.cachedKeys[key.kid] = jwk_to_pem(key);
+
+                                -- do not clean this key if it already exists
+                                keys_to_delete[key.kid] = nil;
+                            end
+                        end
+                    -- direct PEM mapping (Firebase)
+                    elseif starts_with(v, '-----BEGIN CERTIFICATE-----') then
+                        self.cachedKeys[k] = ssl.loadcertificate(v):pubkey();
+                        -- do not clean this key if it already exists
+                        keys_to_delete[k] = nil;
+                    end
+                end
+                -- let's schedule the clean in an hour and a half, current tokens will be valid for an hour
+                timer.add_task(90*60, function ()
+                    for k, _ in pairs(keys_to_delete) do
+                        self.cachedKeys[k] = nil;
+                    end
+                end);
+
+                if cache_for then
+                    cache_for = tonumber(cache_for);
+                    -- let's schedule new update 60 seconds before the cache expiring
+                    if cache_for > 60 then
+                        cache_for = cache_for - 60;
+                    end
+                    timer.add_task(cache_for, function ()
+                        update_keys_cache:run("update_keys_cache");
+                    end);
+                else
+                    -- no cache header let's consider updating in 6hours
+                    timer.add_task(6*60*60, function ()
+                        update_keys_cache:run("update_keys_cache");
+                    end);
+                end
+            else
+                module:log('warn', 'Failed to retrieve cached public keys code:%s', code);
+                -- failed let's retry in 30 seconds
+                timer.add_task(30, function ()
+                    update_keys_cache:run("update_keys_cache");
+                end);
+            end
+        end);
+        update_keys_cache:run("update_keys_cache");
+    end
+
+    return self
+end
+
+function Util:set_asap_key_server(asapKeyServer)
+    self.asapKeyServer = asapKeyServer;
+end
+
+function Util:set_asap_accepted_issuers(acceptedIssuers)
+    self.acceptedIssuers = acceptedIssuers;
+end
+
+function Util:set_asap_accepted_audiences(acceptedAudiences)
+    self.acceptedAudiences = acceptedAudiences;
+end
+
+function Util:set_asap_require_room_claim(checkRoom)
+    self.requireRoomClaim = checkRoom;
+end
+
+function Util:clear_asap_cache()
+    self.cache = require"util.cache".new(cacheSize);
+end
+
+--- Returns the public key by keyID
+-- @param keyId the key ID to request
+-- @return the public key (the content of requested resource) or nil
+function Util:get_public_key(keyId)
+    local content = self.cache:get(keyId);
+    local code;
+    if content == nil then
+        -- If the key is not found in the cache.
+        -- module:log("debug", "Cache miss for key: %s", keyId);
+        local keyurl = path.join(self.asapKeyServer, hex.to(sha256(keyId))..'.pem');
+        -- module:log("debug", "Fetching public key from: %s", keyurl);
+        content, code = http_get_with_retry(keyurl, nr_retries);
+        if content ~= nil then
+            self.cache:set(keyId, content);
+        else
+            if code == nil then
+                -- this is timeout after nr_retries retries
+                module:log('warn', 'Timeout retrieving %s from %s', keyId, keyurl);
+            end
+        end
+        return content;
+    else
+        -- If the key is in the cache, use it.
+        -- module:log("debug", "Cache hit for key: %s", keyId);
+        return content;
+    end
+end
+
+--- Verifies token and process needed values to be stored in the session.
+-- Token is obtained from session.auth_token.
+-- Stores in session the following values:
+-- session.jitsi_meet_room - the room name value from the token
+-- session.jitsi_meet_domain - the domain name value from the token
+-- session.jitsi_meet_context_user - the user details from the token
+-- session.jitsi_meet_context_room - the room details from the token
+-- session.jitsi_meet_context_group - the group value from the token
+-- session.jitsi_meet_context_features - the features value from the token
+-- @param session the current session
+-- @return false and error
+function Util:process_and_verify_token(session)
+    if session.auth_token == nil then
+        if self.allowEmptyToken then
+            return true;
+        else
+            return false, "not-allowed", "token required";
+        end
+    end
+
+    local key;
+    if session.public_key then
+        -- We're using an public key stored in the session
+        -- module:log("debug","Public key was found on the session");
+        key = session.public_key;
+    elseif (self.asapKeyServer or self.cacheKeysUrl) and session.auth_token ~= nil then
+        -- We're fetching an public key from an ASAP server
+        local dotFirst = session.auth_token:find("%.");
+        if not dotFirst then return false, "not-allowed", "Invalid token" end
+        local header, err = json_safe.decode(basexx.from_url64(session.auth_token:sub(1,dotFirst-1)));
+        if err then
+            return false, "not-allowed", "bad token format";
+        end
+        local kid = header["kid"];
+        if kid == nil then
+            return false, "not-allowed", "'kid' claim is missing";
+        end
+        local alg = header["alg"];
+        if alg == nil then
+            return false, "not-allowed", "'alg' claim is missing";
+        end
+        if alg.sub(alg,1,2) ~= "RS" then
+            return false, "not-allowed", "'kid' claim only support with RS family";
+        end
+
+        if self.cachedKeys and self.cachedKeys[kid] then
+            key = self.cachedKeys[kid];
+        else
+            key = self:get_public_key(kid);
+        end
+
+        if key == nil then
+            return false, "not-allowed", "could not obtain public key";
+        end
+    elseif self.appSecret ~= nil then
+        -- We're using a symmetric secret
+        key = self.appSecret
+    end
+
+    if key == nil then
+        return false, "not-allowed", "signature verification key is missing";
+    end
+
+    -- now verify the whole token
+    local claims, msg = jwt.verify(
+        session.auth_token,
+        self.signatureAlgorithm,
+        key,
+        self.acceptedIssuers,
+        self.acceptedAudiences
+    )
+    if claims ~= nil then
+        if self.requireRoomClaim then
+            local roomClaim = claims["room"];
+            if roomClaim == nil then
+                return false, "'room' claim is missing";
+            end
+        end
+
+        -- Binds room name to the session which is later checked on MUC join
+        session.jitsi_meet_room = claims["room"];
+        -- Binds domain name to the session
+        session.jitsi_meet_domain = claims["sub"];
+        session.jitsi_meet_auth_issuer = claims["iss"];
+
+        -- Binds the user details to the session if available
+        if claims["context"] ~= nil then
+          session.jitsi_meet_str_tenant = claims["context"]["tenant"];
+
+          if claims["context"]["user"] ~= nil then
+            session.jitsi_meet_context_user = claims["context"]["user"];
+          end
+
+          if claims["context"]["group"] ~= nil then
+            -- Binds any group details to the session
+            session.jitsi_meet_context_group = claims["context"]["group"];
+          end
+
+          if claims["context"]["features"] ~= nil then
+            -- Binds any features details to the session
+            session.jitsi_meet_context_features = claims["context"]["features"];
+          end
+          if claims["context"]["room"] ~= nil then
+            session.jitsi_meet_context_room = claims["context"]["room"]
+          end
+        elseif claims["user_id"] then
+          session.jitsi_meet_context_user = {};
+          session.jitsi_meet_context_user.id = claims["user_id"];
+        end
+
+        -- fire event that token has been verified and pass the session and the decoded token
+        prosody.events.fire_event('jitsi-authentication-token-verified', {
+            session = session;
+            claims = claims;
+        });
+
+        if session.contextRequired and claims["context"] == nil then
+            return false, "not-allowed", 'jwt missing required context claim';
+        end
+
+        return true;
+    else
+        return false, "not-allowed", msg;
+    end
+end
+
+--- Verifies room name and domain if necessary.
+-- Checks configs and if necessary checks the room name extracted from
+-- room_address against the one saved in the session when token was verified.
+-- Also verifies domain name from token against the domain in the room_address,
+-- if enableDomainVerification is enabled.
+-- @param session the current session
+-- @param room_address the whole room address as received
+-- @return returns true in case room was verified or there is no need to verify
+--         it and returns false in case verification was processed
+--         and was not successful
+function Util:verify_room(session, room_address)
+    -- extract room name using all chars, except the not allowed ones
+    local room,_,_ = jid.split(room_address);
+    if room == nil then
+        module:log('error', 'Unable to get name of the MUC room ? to: %s', room_address);
+        return false, 'invalid-room-address', 'Room address is invalid';
+    end
+    local room_instance = get_room_from_jid(jid.join(room, self.muc_domain));
+    if not room_instance then
+        module:log('info', 'Room does not exists:%s', room);
+        return false, 'room-does-not-exist', 'Room does not exist';
+    end
+
+    if self.allowEmptyToken and session.auth_token == nil then
+        if room_instance._data.allowUnauthenticatedAccess == false then
+            return false, 'authentication-required', 'Authentication required';
+        end
+        return true;
+    end
+
+    local auth_room = session.jitsi_meet_room;
+    if auth_room then
+        if type(auth_room) == 'string' then
+            auth_room = string.lower(auth_room);
+        else
+            module:log('warn', 'session.jitsi_meet_room not string: %s', inspect(auth_room));
+        end
+    end
+
+    if not self.enableDomainVerification then
+        -- if auth_room is missing, this means user is anonymous (no token for its domain) we let it through
+        if auth_room and (room ~= auth_room and not ends_with(room, ']'..auth_room)) and auth_room ~= '*' then
+            return false, 'room-mismatch', 'Room does not match the room from token';
+        end
+
+        return true;
+    end
+
+    local room_address_to_verify = jid.bare(room_address);
+    local room_node = jid.node(room_address);
+    -- parses bare room address, for multidomain expected format is:
+    -- [subdomain]roomName@conference.domain
+    local target_subdomain, target_room = extract_subdomain(room_node);
+
+    -- if we have '*' as room name in token, this means all rooms are allowed
+    -- so we will use the actual name of the room when constructing strings
+    -- to verify subdomains and domains to simplify checks
+    local room_to_check;
+    if auth_room == '*' then
+        -- authorized for accessing any room assign to room_to_check the actual
+        -- room name
+        if target_room ~= nil then
+            -- we are in multidomain mode and we were able to extract room name
+            room_to_check = target_room;
+        else
+            -- no target_room, room_address_to_verify does not contain subdomain
+            -- so we get just the node which is the room name
+            room_to_check = room_node;
+        end
+    else
+        -- no wildcard, so check room against authorized room from the token
+        if session.jitsi_meet_context_room and (session.jitsi_meet_context_room["regex"] == true or session.jitsi_meet_context_room["regex"] == "true") then
+            if target_room ~= nil then
+                -- room with subdomain
+                room_to_check = target_room:match(auth_room);
+            else
+                room_to_check = room_node:match(auth_room);
+            end
+        else
+            -- not a regex
+            room_to_check = auth_room;
+        end
+
+        if not room_to_check then
+            if not self.requireRoomClaim then
+                -- if we do not require to have the room claim, and it is missing
+                -- there is no point of continue and verifying the roomName and the tenant
+                return true;
+            end
+
+            return false, 'room-name-does-not-match', 'Room name cannot be matched to the one from token.';
+        end
+    end
+
+    if session.jitsi_meet_str_tenant
+        and string.lower(session.jitsi_meet_str_tenant) ~= session.jitsi_web_query_prefix then
+        session.jitsi_meet_tenant_mismatch = true;
+
+        if room_instance._data.allowUnauthenticatedAccess == false then
+            return false;
+        end
+
+        module:log('warn', 'Tenant differs for user:%s group:%s url_tenant:%s token_tenant:%s',
+            session.jitsi_meet_context_user and session.jitsi_meet_context_user.id or '',
+            session.jitsi_meet_context_group,
+            session.jitsi_web_query_prefix, session.jitsi_meet_str_tenant);
+    end
+
+    local auth_domain = string.lower(session.jitsi_meet_domain);
+    local subdomain_to_check;
+    if target_subdomain then
+        if auth_domain == '*' then
+            -- check for wildcard in JWT claim, allow access if found
+            subdomain_to_check = target_subdomain;
+        else
+            -- no wildcard in JWT claim, so check subdomain against sub in token
+            subdomain_to_check = auth_domain;
+        end
+        -- from this point we depend on muc_domain_base,
+        -- deny access if option is missing
+        if not self.muc_domain_base then
+            module:log("warn", "No 'muc_domain_base' option set, denying access!");
+            return false, 'server-missing-config', 'Misconfiguration of server';
+        end
+
+        return room_address_to_verify == jid.join(
+            "["..subdomain_to_check.."]"..room_to_check, self.muc_domain);
+    else
+        if auth_domain == '*' then
+            -- check for wildcard in JWT claim, allow access if found
+            subdomain_to_check = self.muc_domain;
+        else
+            -- no wildcard in JWT claim, so check subdomain against sub in token
+            subdomain_to_check = self.muc_domain_prefix.."."..auth_domain;
+        end
+        -- we do not have a domain part (multidomain is not enabled)
+        -- verify with info from the token
+        return room_address_to_verify == jid.join(room_to_check, subdomain_to_check);
+    end
+end
+
+function Util:generateAsapToken(audience)
+    if not ASAPKey then
+        module:log('warn', 'No ASAP Key read, asap key generation is disabled');
+        return ''
+    end
+
+    audience = audience or ASAPAudience
+    local t = os.time()
+    local err
+    local exp_key = 'asap_exp.'..audience
+    local token_key = 'asap_token.'..audience
+    local exp = jwtKeyCache:get(exp_key)
+    local token = jwtKeyCache:get(token_key)
+
+    --if we find a token and it isn't too far from expiry, then use it
+    if token ~= nil and exp ~= nil then
+        exp = tonumber(exp)
+        if (exp - t) > ASAPTTL_THRESHOLD then
+            return token
+        end
+    end
+
+    --expiry is the current time plus TTL
+    exp = t + ASAPTTL
+    local payload = {
+        iss = ASAPIssuer,
+        aud = audience,
+        nbf = t,
+        exp = exp,
+    }
+
+    -- encode
+    local alg = 'RS256'
+    token, err = jwt.encode(payload, ASAPKey, alg, { kid = ASAPKeyId })
+    if not err then
+        token = 'Bearer '..token
+        jwtKeyCache:set(exp_key, exp)
+        jwtKeyCache:set(token_key, token)
+        return token
+    else
+        return ''
+    end
+end
+
+return Util;
diff --git a/resources/prosody-plugins/util.lib.lua b/resources/prosody-plugins/util.lib.lua
new file mode 100644
index 0000000..5d8d529
--- /dev/null
+++ b/resources/prosody-plugins/util.lib.lua
@@ -0,0 +1,766 @@
+local http_server = require "net.http.server";
+local jid = require "util.jid";
+local st = require 'util.stanza';
+local timer = require "util.timer";
+local http = require "net.http";
+local cache = require "util.cache";
+local array = require "util.array";
+local is_set = require 'util.set'.is_set;
+local usermanager = require 'core.usermanager';
+
+local config_global_admin_jids = module:context('*'):get_option_set('admins', {}) / jid.prep;
+local config_admin_jids = module:get_option_inherited_set('admins', {}) / jid.prep;
+
+local http_timeout = 30;
+local have_async, async = pcall(require, "util.async");
+local http_headers = {
+    ["User-Agent"] = "Prosody ("..prosody.version.."; "..prosody.platform..")"
+};
+
+local muc_domain_prefix = module:get_option_string("muc_mapper_domain_prefix", "conference");
+
+-- defaults to module.host, the module that uses the utility
+local muc_domain_base = module:get_option_string("muc_mapper_domain_base", module.host);
+
+-- The "real" MUC domain that we are proxying to
+local muc_domain = module:get_option_string("muc_mapper_domain", muc_domain_prefix.."."..muc_domain_base);
+
+local escaped_muc_domain_base = muc_domain_base:gsub("%p", "%%%1");
+local escaped_muc_domain_prefix = muc_domain_prefix:gsub("%p", "%%%1");
+-- The pattern used to extract the target subdomain
+-- (e.g. extract 'foo' from 'conference.foo.example.com')
+local target_subdomain_pattern = "^"..escaped_muc_domain_prefix..".([^%.]+)%."..escaped_muc_domain_base;
+
+-- table to store all incoming iqs without roomname in it, like discoinfo to the muc component
+local roomless_iqs = {};
+
+local OUTBOUND_SIP_JIBRI_PREFIXES = { 'outbound-sip-jibri@', 'sipjibriouta@', 'sipjibrioutb@' };
+local INBOUND_SIP_JIBRI_PREFIXES = { 'inbound-sip-jibri@', 'sipjibriina@', 'sipjibriina@' };
+local RECORDER_PREFIXES = module:get_option_inherited_set('recorder_prefixes', { 'recorder@recorder.', 'jibria@recorder.', 'jibrib@recorder.' });
+local TRANSCRIBER_PREFIXES = module:get_option_inherited_set('transcriber_prefixes', { 'transcriber@recorder.', 'transcribera@recorder.', 'transcriberb@recorder.' });
+
+local split_subdomain_cache = cache.new(1000);
+local extract_subdomain_cache = cache.new(1000);
+local internal_room_jid_cache = cache.new(1000);
+
+local moderated_subdomains = module:get_option_set("allowners_moderated_subdomains", {})
+local moderated_rooms = module:get_option_set("allowners_moderated_rooms", {})
+
+-- Utility function to split room JID to include room name and subdomain
+-- (e.g. from room1@conference.foo.example.com/res returns (room1, example.com, res, foo))
+local function room_jid_split_subdomain(room_jid)
+    local ret = split_subdomain_cache:get(room_jid);
+    if ret then
+        return ret.node, ret.host, ret.resource, ret.subdomain;
+    end
+
+    local node, host, resource = jid.split(room_jid);
+
+    local target_subdomain = host and host:match(target_subdomain_pattern);
+    local cache_value = {node=node, host=host, resource=resource, subdomain=target_subdomain};
+    split_subdomain_cache:set(room_jid, cache_value);
+    return node, host, resource, target_subdomain;
+end
+
+--- Utility function to check and convert a room JID from
+--- virtual room1@conference.foo.example.com to real [foo]room1@conference.example.com
+-- @param room_jid the room jid to match and rewrite if needed
+-- @param stanza the stanza
+-- @return returns room jid [foo]room1@conference.example.com when it has subdomain
+-- otherwise room1@conference.example.com(the room_jid value untouched)
+local function room_jid_match_rewrite(room_jid, stanza)
+    local node, _, resource, target_subdomain = room_jid_split_subdomain(room_jid);
+    if not target_subdomain then
+        -- module:log("debug", "No need to rewrite out 'to' %s", room_jid);
+        return room_jid;
+    end
+    -- Ok, rewrite room_jid  address to new format
+    local new_node, new_host, new_resource;
+    if node then
+        new_node, new_host, new_resource = "["..target_subdomain.."]"..node, muc_domain, resource;
+    else
+        -- module:log("debug", "No room name provided so rewriting only host 'to' %s", room_jid);
+        new_host, new_resource = muc_domain, resource;
+
+        if (stanza and stanza.attr and stanza.attr.id) then
+            roomless_iqs[stanza.attr.id] = stanza.attr.to;
+        end
+    end
+
+    return jid.join(new_node, new_host, new_resource);
+end
+
+-- Utility function to check and convert a room JID from real [foo]room1@muc.example.com to virtual room1@muc.foo.example.com
+local function internal_room_jid_match_rewrite(room_jid, stanza)
+    -- first check for roomless_iqs
+    if (stanza and stanza.attr and stanza.attr.id and roomless_iqs[stanza.attr.id]) then
+        local result = roomless_iqs[stanza.attr.id];
+        roomless_iqs[stanza.attr.id] = nil;
+        return result;
+    end
+
+    local ret = internal_room_jid_cache:get(room_jid);
+    if ret then
+        return ret;
+    end
+
+    local node, host, resource = jid.split(room_jid);
+    if host ~= muc_domain or not node then
+        -- module:log("debug", "No need to rewrite %s (not from the MUC host)", room_jid);
+        internal_room_jid_cache:set(room_jid, room_jid);
+        return room_jid;
+    end
+
+    local target_subdomain, target_node = extract_subdomain(node);
+    if not (target_node and target_subdomain) then
+        -- module:log("debug", "Not rewriting... unexpected node format: %s", node);
+        internal_room_jid_cache:set(room_jid, room_jid);
+        return room_jid;
+    end
+
+    -- Ok, rewrite room_jid address to pretty format
+    ret = jid.join(target_node, muc_domain_prefix..".".. target_subdomain.."."..muc_domain_base, resource);
+    internal_room_jid_cache:set(room_jid, ret);
+    return ret;
+end
+
+--- Finds and returns room by its jid
+-- @param room_jid the room jid to search in the muc component
+-- @return returns room if found or nil
+function get_room_from_jid(room_jid)
+    local _, host = jid.split(room_jid);
+    local component = hosts[host];
+    if component then
+        local muc = component.modules.muc
+        if muc then
+            return muc.get_room_from_jid(room_jid);
+        else
+            return
+        end
+    end
+end
+
+-- Returns the room if available, work and in multidomain mode
+-- @param room_name the name of the room
+-- @param group name of the group (optional)
+-- @return returns room if found or nil
+function get_room_by_name_and_subdomain(room_name, subdomain)
+    local room_address;
+
+    -- if there is a subdomain we are in multidomain mode and that subdomain is not our main host
+    if subdomain and subdomain ~= "" and subdomain ~= muc_domain_base then
+        room_address = jid.join("["..subdomain.."]"..room_name, muc_domain);
+    else
+        room_address = jid.join(room_name, muc_domain);
+    end
+
+    return get_room_from_jid(room_address);
+end
+
+function async_handler_wrapper(event, handler)
+    if not have_async then
+        module:log("error", "requires a version of Prosody with util.async");
+        return nil;
+    end
+
+    local runner = async.runner;
+
+    -- Grab a local response so that we can send the http response when
+    -- the handler is done.
+    local response = event.response;
+    local async_func = runner(
+        function (event)
+            local result = handler(event)
+
+            -- If there is a status code in the result from the
+            -- wrapped handler then add it to the response.
+            if tonumber(result.status_code) ~= nil then
+                response.status_code = result.status_code
+            end
+
+            -- If there are headers in the result from the
+            -- wrapped handler then add them to the response.
+            if result.headers ~= nil then
+                response.headers = result.headers
+            end
+
+            -- Send the response to the waiting http client with
+            -- or without the body from the wrapped handler.
+            if result.body ~= nil then
+                response:send(result.body)
+            else
+                response:send();
+            end
+        end
+    )
+    async_func:run(event)
+    -- return true to keep the client http connection open.
+    return true;
+end
+
+--- Updates presence stanza, by adding identity node
+-- @param stanza the presence stanza
+-- @param user the user to which presence we are updating identity
+-- @param group the group of the user to which presence we are updating identity
+-- @param creator_user the user who created the user which presence we
+-- are updating (this is the poltergeist case, where a user creates
+-- a poltergeist), optional.
+-- @param creator_group the group of the user who created the user which
+-- presence we are updating (this is the poltergeist case, where a user creates
+-- a poltergeist), optional.
+function update_presence_identity(stanza, user, group, creator_user, creator_group)
+
+    -- First remove any 'identity' element if it already
+    -- exists, so it cannot be spoofed by a client
+    stanza:maptags(
+        function(tag)
+            for k, v in pairs(tag) do
+                if k == "name" and v == "identity" then
+                    return nil
+                end
+            end
+            return tag
+        end
+    );
+
+    if not user then
+        return;
+    end
+
+    stanza:tag("identity"):tag("user");
+    for k, v in pairs(user) do
+        v = tostring(v)
+        stanza:tag(k):text(v):up();
+    end
+    stanza:up();
+
+    -- Add the group information if it is present
+    if group then
+        stanza:tag("group"):text(group):up();
+    end
+
+    -- Add the creator user information if it is present
+    if creator_user then
+        stanza:tag("creator_user");
+        for k, v in pairs(creator_user) do
+            stanza:tag(k):text(v):up();
+        end
+        stanza:up();
+
+        -- Add the creator group information if it is present
+        if creator_group then
+            stanza:tag("creator_group"):text(creator_group):up();
+        end
+    end
+
+    stanza:up(); -- Close identity tag
+end
+
+-- Utility function to check whether feature is present and enabled. Allow
+-- a feature if there are features present in the session(coming from
+-- the token) and the value of the feature is true.
+-- if features are missing from the token we check whether it is moderator
+function is_feature_allowed(ft, features, is_moderator)
+    if features then
+        return features[ft] == "true" or features[ft] == true;
+    else
+        return is_moderator;
+    end
+end
+
+--- Extracts the subdomain and room name from internal jid node [foo]room1
+-- @return subdomain(optional, if extracted or nil), the room name, the customer_id in case of vpaas
+function extract_subdomain(room_node)
+    local ret = extract_subdomain_cache:get(room_node);
+    if ret then
+        return ret.subdomain, ret.room, ret.customer_id;
+    end
+
+    local subdomain, room_name = room_node:match("^%[([^%]]+)%](.+)$");
+
+    if not subdomain then
+        room_name = room_node;
+    end
+
+    local _, customer_id = subdomain and subdomain:match("^(vpaas%-magic%-cookie%-)(.*)$") or nil, nil;
+    local cache_value = { subdomain=subdomain, room=room_name, customer_id=customer_id };
+    extract_subdomain_cache:set(room_node, cache_value);
+    return subdomain, room_name, customer_id;
+end
+
+function starts_with(str, start)
+    if not str then
+        return false;
+    end
+    return str:sub(1, #start) == start
+end
+
+function starts_with_one_of(str, prefixes)
+    if not str or not prefixes then
+        return false;
+    end
+
+    if is_set(prefixes) then
+        -- set is a table with keys and value of true
+        for k, _ in prefixes:items() do
+            if starts_with(str, k) then
+                return k;
+            end
+        end
+    else
+        for _, v in pairs(prefixes) do
+          if starts_with(str, v) then
+              return v;
+          end
+        end
+    end
+
+    return false
+end
+
+function ends_with(str, ending)
+    if not str then
+        return false;
+    end
+
+    return ending == "" or str:sub(-#ending) == ending
+end
+
+-- healthcheck rooms in jicofo starts with a string '__jicofo-health-check'
+function is_healthcheck_room(room_jid)
+    return starts_with(room_jid, "__jicofo-health-check");
+end
+
+--- Utility function to make an http get request and
+--- retry @param retry number of times
+-- @param url endpoint to be called
+-- @param retry nr of retries, if retry is
+-- @param auth_token value to be passed as auth Bearer
+-- nil there will be no retries
+-- @returns result of the http call or nil if
+-- the external call failed after the last retry
+function http_get_with_retry(url, retry, auth_token)
+    local content, code, cache_for;
+    local timeout_occurred;
+    local wait, done = async.waiter();
+    local request_headers = http_headers or {}
+    if auth_token ~= nil then
+        request_headers['Authorization'] = 'Bearer ' .. auth_token
+    end
+
+    local function cb(content_, code_, response_, request_)
+        if timeout_occurred == nil then
+            code = code_;
+            if code == 200 or code == 204 then
+                -- module:log("debug", "External call was successful, content %s", content_);
+                content = content_;
+
+                -- if there is cache-control header, let's return the max-age value
+                if response_ and response_.headers and response_.headers['cache-control'] then
+                    local vals = {};
+                    for k, v in response_.headers['cache-control']:gmatch('(%w+)=(%w+)') do
+                      vals[k] = v;
+                    end
+                    -- max-age=123 will be parsed by the regex ^ to age=123
+                    cache_for = vals.age;
+                end
+            else
+                module:log("warn", "Error on GET request: Code %s, Content %s",
+                    code_, content_);
+            end
+            done();
+        else
+            module:log("warn", "External call reply delivered after timeout from: %s", url);
+        end
+    end
+
+    local function call_http()
+        return http.request(url, {
+            headers = request_headers,
+            method = "GET"
+        }, cb);
+    end
+
+    local request = call_http();
+
+    local function cancel()
+        -- TODO: This check is racey. Not likely to be a problem, but we should
+        --       still stick a mutex on content / code at some point.
+        if code == nil then
+            timeout_occurred = true;
+            module:log("warn", "Timeout %s seconds making the external call to: %s", http_timeout, url);
+            -- no longer present in prosody 0.11, so check before calling
+            if http.destroy_request ~= nil then
+                http.destroy_request(request);
+            end
+            if retry == nil then
+                module:log("debug", "External call failed and retry policy is not set");
+                done();
+            elseif retry ~= nil and retry < 1 then
+                module:log("debug", "External call failed after retry")
+                done();
+            else
+                module:log("debug", "External call failed, retry nr %s", retry)
+                retry = retry - 1;
+                request = call_http()
+                return http_timeout;
+            end
+        end
+    end
+    timer.add_task(http_timeout, cancel);
+    wait();
+
+    return content, code, cache_for;
+end
+
+-- Checks whether there is status in the <x node
+-- @param muc_x the <x element from presence
+-- @param status checks for this status
+-- @returns true if the status is found, false otherwise or if no muc_x is provided.
+function presence_check_status(muc_x, status)
+    if not muc_x then
+        return false;
+    end
+
+    for statusNode in muc_x:childtags('status') do
+        if statusNode.attr.code == status then
+            return true;
+        end
+    end
+
+    return false;
+end
+
+-- Retrieves the focus from the room and cache it in the room object
+-- @param room The room name for which to find the occupant
+local function get_focus_occupant(room)
+    return room:get_occupant_by_nick(room.jid..'/focus');
+end
+
+-- Checks whether the jid is moderated, the room name is in moderated_rooms
+-- or if the subdomain is in the moderated_subdomains
+-- @return returns on of the:
+--      -> false
+--      -> true, room_name, subdomain
+--      -> true, room_name, nil (if no subdomain is used for the room)
+function is_moderated(room_jid)
+    if moderated_subdomains:empty() and moderated_rooms:empty() then
+        return false;
+    end
+
+    local room_node = jid.node(room_jid);
+    -- parses bare room address, for multidomain expected format is:
+    -- [subdomain]roomName@conference.domain
+    local target_subdomain, target_room_name = extract_subdomain(room_node);
+    if target_subdomain then
+        if moderated_subdomains:contains(target_subdomain) then
+            return true, target_room_name, target_subdomain;
+        end
+    elseif moderated_rooms:contains(room_node) then
+        return true, room_node, nil;
+    end
+
+    return false;
+end
+
+-- check if the room tenant starts with vpaas-magic-cookie-
+-- @param room the room to check
+function is_vpaas(room)
+    if not room then
+        return false;
+    end
+
+    -- stored check in room object if it exist
+    if room.is_vpaas ~= nil then
+        return room.is_vpaas;
+    end
+
+    room.is_vpaas = false;
+
+    local node, host = jid.split(room.jid);
+    if host ~= muc_domain or not node then
+        return false;
+    end
+    local tenant, conference_name = node:match('^%[([^%]]+)%](.+)$');
+    if not (tenant and conference_name) then
+        return false;
+    end
+
+    if not starts_with(tenant, 'vpaas-magic-cookie-') then
+        return false;
+    end
+
+    room.is_vpaas = true;
+    return true;
+end
+
+-- Returns the initiator extension if the stanza is coming from a sip jigasi
+function is_sip_jigasi(stanza)
+    if not stanza then
+        return false;
+    end
+
+    return stanza:get_child('initiator', 'http://jitsi.org/protocol/jigasi');
+end
+
+-- This requires presence stanza being passed
+function is_transcriber_jigasi(stanza)
+    if not stanza then
+        return false;
+    end
+
+    local features = stanza:get_child('features');
+    if not features then
+        return false;
+    end
+
+    for i = 1, #features do
+        local feature = features[i];
+        if feature.attr and feature.attr.var and feature.attr.var == 'http://jitsi.org/protocol/transcriber' then
+            return true;
+        end
+    end
+
+    return false;
+end
+
+function is_transcriber(jid)
+    return starts_with_one_of(jid, TRANSCRIBER_PREFIXES);
+end
+
+function get_sip_jibri_email_prefix(email)
+    if not email then
+        return nil;
+    elseif starts_with_one_of(email, INBOUND_SIP_JIBRI_PREFIXES) then
+        return starts_with_one_of(email, INBOUND_SIP_JIBRI_PREFIXES);
+    elseif starts_with_one_of(email, OUTBOUND_SIP_JIBRI_PREFIXES) then
+        return starts_with_one_of(email, OUTBOUND_SIP_JIBRI_PREFIXES);
+    else
+        return nil;
+    end
+end
+
+function is_sip_jibri_join(stanza)
+    if not stanza then
+        return false;
+    end
+
+    local features = stanza:get_child('features');
+    local email = stanza:get_child_text('email');
+
+    if not features or not email then
+        return false;
+    end
+
+    for i = 1, #features do
+        local feature = features[i];
+        if feature.attr and feature.attr.var and feature.attr.var == "http://jitsi.org/protocol/jibri" then
+            if get_sip_jibri_email_prefix(email) then
+                module:log("debug", "Occupant with email %s is a sip jibri ", email);
+                return true;
+            end
+        end
+    end
+
+    return false
+end
+
+function is_jibri(occupant)
+    return starts_with_one_of(type(occupant) == "string" and occupant or occupant.jid, RECORDER_PREFIXES)
+end
+
+-- process a host module directly if loaded or hooks to wait for its load
+function process_host_module(name, callback)
+    local function process_host(host)
+
+        if host == name then
+            callback(module:context(host), host);
+        end
+    end
+
+    if prosody.hosts[name] == nil then
+        module:log('info', 'No host/component found, will wait for it: %s', name)
+
+        -- when a host or component is added
+        prosody.events.add_handler('host-activated', process_host, -100); -- make sure everything is loaded
+    else
+        process_host(name);
+    end
+end
+
+function table_shallow_copy(t)
+    local t2 = {}
+    for k, v in pairs(t) do
+        t2[k] = v
+    end
+    return t2
+end
+
+local function table_find(tab, val)
+    if not tab or val == nil then
+        return nil
+    end
+
+    for i, v in ipairs(tab) do
+        if v == val then
+            return i
+        end
+    end
+    return nil
+end
+
+-- Adds second table values to the first table
+local function table_add(t1, t2)
+    for _,v in ipairs(t2) do
+       table.insert(t1, v);
+    end
+end
+
+-- Returns as a first result the removed items and as a second the added items
+local function table_compare(old_table, new_table)
+    local removed = {}
+    local added = {}
+    local modified = {}
+
+    -- Find removed items (in old but not in new)
+    for id, value in pairs(old_table) do
+        if new_table[id] == nil then
+            table.insert(removed, id)
+        elseif new_table[id] ~= value then
+            table.insert(modified, id)
+        end
+    end
+
+    -- Find added items (in new but not in old)
+    for id, _ in pairs(new_table) do
+        if old_table[id] == nil then
+            table.insert(added, id)
+        end
+    end
+
+    return removed, added, modified
+end
+
+local function table_equals(t1, t2)
+    if t1 == nil then
+        return t2 == nil;
+    end
+    if t2 == nil then
+        return t1 == nil;
+    end
+
+    local removed, added, modified = table_compare(t1, t2);
+
+    return next(removed) == nil and next(added) == nil and next(modified) == nil
+end
+
+-- Splits a string using delimiter
+function split_string(str, delimiter)
+    str = str .. delimiter;
+    local result = array();
+    for w in str:gmatch("(.-)" .. delimiter) do
+        result:push(w);
+    end
+
+    return result;
+end
+
+-- send iq result that the iq was received and will be processed
+function respond_iq_result(origin, stanza)
+    -- respond with successful receiving the iq
+    origin.send(st.iq({
+        type = 'result';
+        from = stanza.attr.to;
+        to = stanza.attr.from;
+        id = stanza.attr.id
+    }));
+end
+
+-- Note: http_server.get_request_from_conn() was added in Prosody 0.12.3,
+-- this code provides backwards compatibility with older versions
+local get_request_from_conn = http_server.get_request_from_conn or function (conn)
+    local response = conn and conn._http_open_response;
+    return response and response.request or nil;
+end;
+
+-- Discover real remote IP of a session
+function get_ip(session)
+    local request = get_request_from_conn(session.conn);
+    return request and request.ip or session.ip;
+end
+
+-- Checks whether the provided jid is in the list of admins
+-- we are not using the new permissions and roles api as we have few global modules which need to be
+-- refactored into host modules, as that api needs to be executed in host context
+local function is_admin(_jid)
+    local bare_jid = jid.bare(_jid);
+
+    if config_global_admin_jids:contains(bare_jid) or config_admin_jids:contains(bare_jid) then
+        return true;
+    end
+    return false;
+end
+
+-- Filter out identity information (nick name, email, etc) from a presence stanza.
+local function filter_identity_from_presence(orig_stanza)
+    local stanza = st.clone(orig_stanza);
+
+    stanza:remove_children('nick', 'http://jabber.org/protocol/nick');
+    stanza:remove_children('email');
+    stanza:remove_children('stats-id');
+    local identity = stanza:get_child('identity');
+    if identity then
+        local user = identity:get_child('user');
+        local name = identity:get_child('name');
+        if user then
+            user:remove_children('email');
+            user:remove_children('name');
+        end
+        if name then
+            name:remove_children('name');  -- Remove name with no namespace
+        end
+    end
+
+    return stanza;
+end
+
+return {
+    OUTBOUND_SIP_JIBRI_PREFIXES = OUTBOUND_SIP_JIBRI_PREFIXES;
+    INBOUND_SIP_JIBRI_PREFIXES = INBOUND_SIP_JIBRI_PREFIXES;
+    RECORDER_PREFIXES = RECORDER_PREFIXES;
+    extract_subdomain = extract_subdomain;
+    filter_identity_from_presence = filter_identity_from_presence;
+    is_admin = is_admin;
+    is_feature_allowed = is_feature_allowed;
+    is_jibri = is_jibri;
+    is_healthcheck_room = is_healthcheck_room;
+    is_moderated = is_moderated;
+    is_sip_jibri_join = is_sip_jibri_join;
+    is_sip_jigasi = is_sip_jigasi;
+    is_transcriber = is_transcriber;
+    is_transcriber_jigasi = is_transcriber_jigasi;
+    is_vpaas = is_vpaas;
+    get_focus_occupant = get_focus_occupant;
+    get_ip = get_ip;
+    get_room_from_jid = get_room_from_jid;
+    get_room_by_name_and_subdomain = get_room_by_name_and_subdomain;
+    get_sip_jibri_email_prefix = get_sip_jibri_email_prefix;
+    async_handler_wrapper = async_handler_wrapper;
+    presence_check_status = presence_check_status;
+    process_host_module = process_host_module;
+    respond_iq_result = respond_iq_result;
+    room_jid_match_rewrite = room_jid_match_rewrite;
+    room_jid_split_subdomain = room_jid_split_subdomain;
+    internal_room_jid_match_rewrite = internal_room_jid_match_rewrite;
+    update_presence_identity = update_presence_identity;
+    http_get_with_retry = http_get_with_retry;
+    ends_with = ends_with;
+    split_string = split_string;
+    starts_with = starts_with;
+    starts_with_one_of = starts_with_one_of;
+    table_add = table_add;
+    table_compare = table_compare;
+    table_shallow_copy = table_shallow_copy;
+    table_find = table_find;
+    table_equals = table_equals;
+};
diff --git a/resources/register-jaas-account.sh b/resources/register-jaas-account.sh
new file mode 100755
index 0000000..b4c7c99
--- /dev/null
+++ b/resources/register-jaas-account.sh
@@ -0,0 +1,88 @@
+#!/bin/bash
+
+set -e
+
+EMAIL=$1
+DOMAIN=$2
+
+if [ -z "${DOMAIN}" ] || [ -z "${EMAIL}" ]; then
+    echo "You need to provide email and domain as parameters."
+    exit 1
+fi
+
+JITSI_INSTALLATION="DEBIAN"
+JAAS_ENDPOINT="https://account-provisioning.cloudflare.jitsi.net/operations"
+CHALLENGE_FILE="/usr/share/jitsi-meet/.well-known/jitsi-challenge.txt"
+SUPPORT_MSG="Reach out to JaaS support or retry with /usr/share/jitsi-meet/scripts/register-jaas-account.sh"
+
+create_error=0
+create_data=$(curl -s -f -X 'POST' "${JAAS_ENDPOINT}" -H 'Content-Type: application/json' -H 'accept: */*' \
+  -d "{ \"domain\": \"${DOMAIN}\", \"email\": \"${EMAIL}\", \"jitsiInstallation\": \"${JITSI_INSTALLATION}\" }") || create_error=$?
+if [ ${create_error} -ne 0 ]; then
+    echo "Account creation failed. Status: ${create_error}, response: ${create_data}"
+    exit 2
+fi
+
+# make sure .well-known exists
+mkdir -p "$(dirname "$CHALLENGE_FILE")"
+# Creating the challenge file
+echo "${create_data}" | jq -r .challenge > ${CHALLENGE_FILE}
+
+op_id=$(echo "${create_data}" | jq -r .operationId)
+ready_error=0
+ready_data=$(curl -s -f -X 'PUT' "${JAAS_ENDPOINT}/${op_id}/ready") || ready_error=$?
+if [ ${ready_error} -ne 0 ]; then
+    echo "Validating domain failed. Status: ${ready_error}"
+    echo "Response: "
+    echo "${ready_data}" | jq -r
+    echo "${SUPPORT_MSG}"
+    echo
+    exit 3
+fi
+
+SLEEP_TIME=0
+WAIT_BEFORE_CHECK=10
+TIMEOUT=60
+echo -n "Creating..."
+(while true; do
+    provisioned_data=$(curl -s -f "${JAAS_ENDPOINT}/${op_id}")
+
+    status=$(echo "${provisioned_data}" | jq -r .status)
+
+    if [ "${status}" == "PROVISIONED" ]; then
+        echo ""
+        echo "=================="
+        echo ""
+        echo "JaaS account was created. To finish setup follow the email that was sent."
+        echo ""
+        echo "=================="
+        exit 0;
+    elif  [ "${status}" == "FAILED" ]; then
+        echo ""
+        echo "=================="
+        echo ""
+        echo "JaaS account creation failed:${provisioned_data}"
+        echo ""
+        echo "=================="
+        exit 4
+    elif  [ "${status}" == "VERIFIED" ] && [ "${verified}" != "true" ]; then
+        echo -n "Account was successfully verified..."
+        verified="true"
+    fi
+
+    if [ ${SLEEP_TIME} -ge ${TIMEOUT} ]; then
+        echo ""
+        echo "=================="
+        echo ""
+        echo "Timeout creating account. ${SUPPORT_MSG}"
+        echo ""
+        echo "=================="
+        exit 5
+    fi
+
+    echo -n "waiting..."
+    sleep ${WAIT_BEFORE_CHECK}
+    SLEEP_TIME=$((SLEEP_TIME+WAIT_BEFORE_CHECK))
+done)
+
+rm ${CHALLENGE_FILE} || true
diff --git a/resources/robots.txt b/resources/robots.txt
new file mode 100644
index 0000000..e223f09
--- /dev/null
+++ b/resources/robots.txt
@@ -0,0 +1,3 @@
+User-agent: *
+Allow: /$
+Disallow: /
diff --git a/resources/update-ljm.sh b/resources/update-ljm.sh
new file mode 100755
index 0000000..c0834b7
--- /dev/null
+++ b/resources/update-ljm.sh
@@ -0,0 +1,46 @@
+#!/bin/bash
+
+set -e -u
+
+if [[ ! -z $(git status -s --untracked-files=no) ]]; then
+    echo "Git tree is not clean, aborting!"
+    exit 1
+fi
+
+BRANCH=$(git rev-parse --abbrev-ref HEAD)
+if [[ "$BRANCH" != "master" ]]; then
+  echo "Not on master, aborting!";
+  exit 1;
+fi
+
+THIS_DIR=$(cd -P "$(dirname "$(readlink "${BASH_SOURCE[0]}" || echo "${BASH_SOURCE[0]}")")" && pwd)
+
+pushd ${THIS_DIR}/..
+CURRENT_LJM_DEP=$(jq -r '.dependencies."lib-jitsi-meet"' package.json)
+popd
+
+NEW_LJM_RELEASE=$(gh release list --limit 1 --repo jitsi/lib-jitsi-meet | awk {'print $1'})
+GH_LINK="https://github.com/jitsi/lib-jitsi-meet/releases/tag/${NEW_LJM_RELEASE}"
+LATEST_LJM_DEP="https://github.com/jitsi/lib-jitsi-meet/releases/download/${NEW_LJM_RELEASE}/lib-jitsi-meet.tgz"
+
+if [[ "${CURRENT_LJM_DEP}" == "${LATEST_LJM_DEP}" ]]; then
+    echo "No need to update, already on the latest commit!"
+    exit 1
+fi
+
+if [[ ${CURRENT_LJM_DEP} =~ ^.*download/(.*)/lib-jitsi-meet\.tgz$ ]]; then
+  COMMIT_MSG="https://github.com/jitsi/lib-jitsi-meet/compare/${BASH_REMATCH[1]}...${NEW_LJM_RELEASE}"
+else
+  COMMIT_MSG=${GH_LINK}
+fi
+
+pushd ${THIS_DIR}/..
+EPOCH=$(date +%s)
+NEW_BRANCH="update-ljm-${EPOCH}"
+git checkout -b ${NEW_BRANCH}
+npm install ${LATEST_LJM_DEP}
+git add package.json package-lock.json
+git commit -m "chore(deps) lib-jitsi-meet@latest" -m "${COMMIT_MSG}"
+git push origin ${NEW_BRANCH}
+gh pr create --repo jitsi/jitsi-meet --fill
+popd
diff --git a/resources/update-mobile-rnsdk-version.sh b/resources/update-mobile-rnsdk-version.sh
new file mode 100755
index 0000000..051accd
--- /dev/null
+++ b/resources/update-mobile-rnsdk-version.sh
@@ -0,0 +1,20 @@
+#!/bin/bash
+
+set -e -u
+
+if [[ $# -ne 1 ]]; then
+    echo "Please specify a version"
+    exit 1
+fi
+
+THIS_DIR=$(cd -P "$(dirname "$(readlink "${BASH_SOURCE[0]}" || echo "${BASH_SOURCE[0]}")")" && pwd)
+VERSION=$1
+
+pushd ${THIS_DIR}/../react-native-sdk
+
+npm version "${VERSION}" --no-git-tag-version --allow-same-version
+node update_sdk_dependencies.js
+npm install
+npm audit fix
+
+popd
diff --git a/resources/update-mobile-sdk-version.sh b/resources/update-mobile-sdk-version.sh
new file mode 100755
index 0000000..2f2099f
--- /dev/null
+++ b/resources/update-mobile-sdk-version.sh
@@ -0,0 +1,18 @@
+#!/bin/bash
+
+set -e -u
+
+if [[ $# -ne 1 ]]; then
+    echo "Please specify a version"
+    exit 1
+fi
+
+THIS_DIR=$(cd -P "$(dirname "$(readlink "${BASH_SOURCE[0]}" || echo "${BASH_SOURCE[0]}")")" && pwd)
+VERSION=$1
+
+# iOS
+/usr/libexec/PlistBuddy -c "Set :CFBundleShortVersionString ${VERSION}" ${THIS_DIR}/../ios/sdk/src/Info.plist
+/usr/libexec/PlistBuddy -c "Set :CFBundleShortVersionString ${VERSION}" ${THIS_DIR}/../ios/sdk/src/Lite-Info.plist
+
+# Android
+sed -i "" -e "s/sdkVersion=.*/sdkVersion=${VERSION}/" ${THIS_DIR}/../android/gradle.properties
diff --git a/resources/update-mobile-version.sh b/resources/update-mobile-version.sh
new file mode 100755
index 0000000..553ee8f
--- /dev/null
+++ b/resources/update-mobile-version.sh
@@ -0,0 +1,18 @@
+#!/bin/bash
+
+set -e -u
+
+if [[ $# -ne 1 ]]; then
+    echo "Please specify a version"
+    exit 1
+fi
+
+THIS_DIR=$(cd -P "$(dirname "$(readlink "${BASH_SOURCE[0]}" || echo "${BASH_SOURCE[0]}")")" && pwd)
+VERSION=$1
+
+# iOS
+/usr/libexec/PlistBuddy -c "Set :CFBundleShortVersionString ${VERSION}" ${THIS_DIR}/../ios/app/src/Info.plist
+/usr/libexec/PlistBuddy -c "Set :CFBundleShortVersionString ${VERSION}" ${THIS_DIR}/../ios/app/broadcast-extension/Info.plist
+
+# Android
+sed -i "" -e "s/appVersion=.*/appVersion=${VERSION}/" ${THIS_DIR}/../android/gradle.properties
diff --git a/resources/waiting-queue/examples/main.css b/resources/waiting-queue/examples/main.css
new file mode 100644
index 0000000..e69de29
diff --git a/resources/waiting-queue/examples/visitor.html b/resources/waiting-queue/examples/visitor.html
new file mode 100644
index 0000000..9c51498
--- /dev/null
+++ b/resources/waiting-queue/examples/visitor.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Conference WebSocket</title>
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+    <link href="./main.css" rel="stylesheet">
+    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@stomp/stompjs@7.0.0/bundles/stomp.umd.min.js"></script>
+    <script src="./visitor.js"></script>
+</head>
+<body>
+<noscript><h2 style="color: #ff0000">Seems your browser doesn't support Javascript! Websocket relies on Javascript being
+    enabled. Please enable
+    Javascript and reload this page!</h2></noscript>
+<div id="main-content" class="container">
+    <div class="row">
+        <div class="col-md-6">
+            <form class="form-inline">
+                <div class="form-group">
+                    <label for="connect">WebSocket connection:</label>
+                    <button id="connect" class="btn btn-default" type="submit">Connect</button>
+                    <label for="conference">What is your conference?</label>
+                    <input type="text" id="conference" class="form-control" placeholder="Your conference here...">
+                    <button id="disconnect" class="btn btn-default" type="submit" disabled="disabled">Disconnect
+                    </button>
+                </div>
+            </form>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-md-12">
+            <table id="conference" class="table table-striped">
+                <thead>
+                <tr>
+                    <th>Messages</th>
+                </tr>
+                </thead>
+                <tbody id="messages">
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/resources/waiting-queue/examples/visitor.js b/resources/waiting-queue/examples/visitor.js
new file mode 100644
index 0000000..b8d0b57
--- /dev/null
+++ b/resources/waiting-queue/examples/visitor.js
@@ -0,0 +1,63 @@
+const token = 'JWT_TOKEN_GOES_HERE'
+
+const stompClient = new StompJs.Client({
+    brokerURL: 'ws://localhost:8060/waiting-queue/visitor/websocket',
+});
+
+stompClient.onWebSocketError = (error) => {
+        console.error('Error with websocket', error);
+};
+
+stompClient.onStompError = (frame) => {
+    console.error('Broker reported error: ' + frame.headers['message']);
+    console.error('Additional details: ' + frame.body);
+};
+
+function setConnected(connected) {
+    $("#connect").prop("disabled", connected);
+    $("#disconnect").prop("disabled", !connected);
+    if (connected) {
+        $("#conversation").show();
+    }
+    else {
+        $("#conversation").hide();
+    }
+    $("#messages").html("");
+}
+
+function connect(conference) {
+    console.log("Connecting to conference " + conference);
+
+    headers = {
+        Authorization: 'Bearer ' + token
+    };
+
+    stompClient.connectHeaders = headers;
+
+    stompClient.onConnect = (frame) => {
+        setConnected(true);
+        console.log('Connected: ' + frame);
+
+        stompClient.subscribe('/secured/conference/visitor/topic.' + conference, (message) => {
+            showMessage(message.body);
+        }, headers);
+    };
+
+    stompClient.activate();
+}
+
+function disconnect() {
+    stompClient.deactivate();
+    setConnected(false);
+    console.log("Disconnected");
+}
+
+function showMessage(message) {
+    $("#messages").append("<tr><td>" + message + "</td></tr>");
+}
+
+$(function () {
+    $("form").on('submit', (e) => e.preventDefault());
+    $( "#connect" ).click(() => connect($("#conference").val()));
+    $( "#disconnect" ).click(() => disconnect());
+});
\ No newline at end of file
diff --git a/resources/waiting-queue/img/waiting-queue-ds.png b/resources/waiting-queue/img/waiting-queue-ds.png
new file mode 100644
index 0000000..6b0f4da
Binary files /dev/null and b/resources/waiting-queue/img/waiting-queue-ds.png differ
diff --git a/resources/waiting-queue/img/waiting-queue-topics.png b/resources/waiting-queue/img/waiting-queue-topics.png
new file mode 100644
index 0000000..4c68655
Binary files /dev/null and b/resources/waiting-queue/img/waiting-queue-topics.png differ
diff --git a/resources/waiting-queue/waiting-queue.md b/resources/waiting-queue/waiting-queue.md
new file mode 100644
index 0000000..e481833
--- /dev/null
+++ b/resources/waiting-queue/waiting-queue.md
@@ -0,0 +1,79 @@
+# Waiting queue
+
+Visitors queue service is used for managing the visitors queue for the 8x8 video meetings by keeping visitors websocket connections opened and when a moderator opens the meeting, the visitors are notified and allowed to join the meeting.
+The moderators should be able to see the visitors count.
+
+## Authentication
+
+The JWT token is sent at least in the CONNECT STOMP message as connect header - see sample code:
+
+```
+headers = {
+        Authorization: 'Bearer ' + token
+    };
+
+    stompClient.connectHeaders = headers;
+
+    stompClient.onConnect = (frame) => {
+        setConnected(true);
+        console.log('Connected: ' + frame);
+
+        stompClient.subscribe('/secured/conference/visitor/topic.' + conference, (message) => {
+            showMessage(message.body);
+        }, headers);
+    };
+```
+
+### Visitors
+
+This endpoint should accept only visitor's jaas tokens for a conference specified as param to the endpoint and the token to be valid for that room. The token for visitors contains:
+```
+context: {
+    user: {
+        role: ‘visitor'
+    }
+}
+```
+It allows visitors to connect to the /visitors websocket and wait for the start message to be published on /secured/conference/visitor/topic.{conference} topic.
+
+### Moderators
+
+This endpoint should accept only moderator's jaas tokens for a conference specified as param to the endpoint and the token to be valid for that room. The token for moderator contains:
+```
+context: {
+    user: {
+        moderator: true
+    }
+}
+```
+It allows moderators to connect to the /moderator websocket and wait for the status message to be published on /secured/conference/state/topic.{conference} topic (triggered every 15 seconds).
+
+## Flow
+
+The flow is depicted below:
+
+![Flow](img/waiting-queue-ds.png)
+
+## Topics
+
+The topics used:
+
+![Topics](img/waiting-queue-topics.png)
+
+## API
+
+| Endpoint   |      Type      |  Auth | Use |
+|----------|:-------------:|------:|------:|
+| WS /visitor |  WebSocket/STOMP | require client token for conference | Visitors open a websocket and wait to receive a message. Message format is not very important, since we’re starting with a single message – “ready to join”. But keep it extensible. If a conference is already live when a visitor opens the ws, immediately send a notification | 
+| WS /state |    WebSocket/STOMP   |   require client token for conference | Moderators use it to get the number of visitors waiting. Service sends updates for the number of visitors. To reduce traffic send updates at a minimum period and only if the count changed |
+| POST /golive | REST | require a server-to-server token for conference | Our backend calls it anytime the visitorsLive state for a conference changes from “false” to “true”, including when a conference is created with visitorsLive=true |
+
+>
+> Note: CONNECT and MESSAGE STOMP frames expect an additional header for Authorization
+>
+
+More on [STOMP](https://stomp.github.io/stomp-specification-1.2.html).
+
+## Sample code
+
+There is sample code showing how to handle the visitor case [here](./examples/visitor.js).
\ No newline at end of file
diff --git a/sounds/README.md b/sounds/README.md
new file mode 100644
index 0000000..49e414e
--- /dev/null
+++ b/sounds/README.md
@@ -0,0 +1,2 @@
+We are trying to keep these files relatively small. Use `resources/encode-sound.sh` to
+encode a file in the same way (use --stereo if stereo is needed).
diff --git a/sounds/asked-unmute.mp3 b/sounds/asked-unmute.mp3
new file mode 100644
index 0000000..2dc91dc
Binary files /dev/null and b/sounds/asked-unmute.mp3 differ
diff --git a/sounds/asked-unmute.opus b/sounds/asked-unmute.opus
new file mode 100644
index 0000000..ff91fc1
Binary files /dev/null and b/sounds/asked-unmute.opus differ
diff --git a/sounds/e2eeOff.mp3 b/sounds/e2eeOff.mp3
new file mode 100644
index 0000000..be320d0
Binary files /dev/null and b/sounds/e2eeOff.mp3 differ
diff --git a/sounds/e2eeOff.opus b/sounds/e2eeOff.opus
new file mode 100644
index 0000000..e12772b
Binary files /dev/null and b/sounds/e2eeOff.opus differ
diff --git a/sounds/e2eeOff_fr.mp3 b/sounds/e2eeOff_fr.mp3
new file mode 100644
index 0000000..623cc9f
Binary files /dev/null and b/sounds/e2eeOff_fr.mp3 differ
diff --git a/sounds/e2eeOff_fr.opus b/sounds/e2eeOff_fr.opus
new file mode 100644
index 0000000..51593c7
Binary files /dev/null and b/sounds/e2eeOff_fr.opus differ
diff --git a/sounds/e2eeOff_frCA.mp3 b/sounds/e2eeOff_frCA.mp3
new file mode 100644
index 0000000..623cc9f
Binary files /dev/null and b/sounds/e2eeOff_frCA.mp3 differ
diff --git a/sounds/e2eeOff_frCA.opus b/sounds/e2eeOff_frCA.opus
new file mode 100644
index 0000000..51593c7
Binary files /dev/null and b/sounds/e2eeOff_frCA.opus differ
diff --git a/sounds/e2eeOn.mp3 b/sounds/e2eeOn.mp3
new file mode 100644
index 0000000..1ceed00
Binary files /dev/null and b/sounds/e2eeOn.mp3 differ
diff --git a/sounds/e2eeOn.opus b/sounds/e2eeOn.opus
new file mode 100644
index 0000000..d4ea680
Binary files /dev/null and b/sounds/e2eeOn.opus differ
diff --git a/sounds/e2eeOn_fr.mp3 b/sounds/e2eeOn_fr.mp3
new file mode 100644
index 0000000..0ca469f
Binary files /dev/null and b/sounds/e2eeOn_fr.mp3 differ
diff --git a/sounds/e2eeOn_fr.opus b/sounds/e2eeOn_fr.opus
new file mode 100644
index 0000000..4d6bf5a
Binary files /dev/null and b/sounds/e2eeOn_fr.opus differ
diff --git a/sounds/e2eeOn_frCA.mp3 b/sounds/e2eeOn_frCA.mp3
new file mode 100644
index 0000000..0ca469f
Binary files /dev/null and b/sounds/e2eeOn_frCA.mp3 differ
diff --git a/sounds/e2eeOn_frCA.opus b/sounds/e2eeOn_frCA.opus
new file mode 100644
index 0000000..4d6bf5a
Binary files /dev/null and b/sounds/e2eeOn_frCA.opus differ
diff --git a/sounds/incomingMessage.mp3 b/sounds/incomingMessage.mp3
new file mode 100644
index 0000000..0029d2c
Binary files /dev/null and b/sounds/incomingMessage.mp3 differ
diff --git a/sounds/incomingMessage.opus b/sounds/incomingMessage.opus
new file mode 100644
index 0000000..5e0e27e
Binary files /dev/null and b/sounds/incomingMessage.opus differ
diff --git a/sounds/incomingMessage.wav b/sounds/incomingMessage.wav
new file mode 100644
index 0000000..012dbab
Binary files /dev/null and b/sounds/incomingMessage.wav differ
diff --git a/sounds/joined.mp3 b/sounds/joined.mp3
new file mode 100644
index 0000000..975e3a7
Binary files /dev/null and b/sounds/joined.mp3 differ
diff --git a/sounds/joined.opus b/sounds/joined.opus
new file mode 100644
index 0000000..4379b91
Binary files /dev/null and b/sounds/joined.opus differ
diff --git a/sounds/joined.wav b/sounds/joined.wav
new file mode 100644
index 0000000..16ceb80
Binary files /dev/null and b/sounds/joined.wav differ
diff --git a/sounds/knock.mp3 b/sounds/knock.mp3
new file mode 100644
index 0000000..6b68ec6
Binary files /dev/null and b/sounds/knock.mp3 differ
diff --git a/sounds/knock.opus b/sounds/knock.opus
new file mode 100644
index 0000000..a24da22
Binary files /dev/null and b/sounds/knock.opus differ
diff --git a/sounds/left.mp3 b/sounds/left.mp3
new file mode 100644
index 0000000..d0780a9
Binary files /dev/null and b/sounds/left.mp3 differ
diff --git a/sounds/left.opus b/sounds/left.opus
new file mode 100644
index 0000000..7a2c25f
Binary files /dev/null and b/sounds/left.opus differ
diff --git a/sounds/left.wav b/sounds/left.wav
new file mode 100644
index 0000000..0c9cee0
Binary files /dev/null and b/sounds/left.wav differ
diff --git a/sounds/liveStreamingOff.mp3 b/sounds/liveStreamingOff.mp3
new file mode 100644
index 0000000..db7e1b8
Binary files /dev/null and b/sounds/liveStreamingOff.mp3 differ
diff --git a/sounds/liveStreamingOff.opus b/sounds/liveStreamingOff.opus
new file mode 100644
index 0000000..2835863
Binary files /dev/null and b/sounds/liveStreamingOff.opus differ
diff --git a/sounds/liveStreamingOff_fr.mp3 b/sounds/liveStreamingOff_fr.mp3
new file mode 100644
index 0000000..366fdae
Binary files /dev/null and b/sounds/liveStreamingOff_fr.mp3 differ
diff --git a/sounds/liveStreamingOff_fr.opus b/sounds/liveStreamingOff_fr.opus
new file mode 100644
index 0000000..d0df16c
Binary files /dev/null and b/sounds/liveStreamingOff_fr.opus differ
diff --git a/sounds/liveStreamingOff_frCA.mp3 b/sounds/liveStreamingOff_frCA.mp3
new file mode 100644
index 0000000..366fdae
Binary files /dev/null and b/sounds/liveStreamingOff_frCA.mp3 differ
diff --git a/sounds/liveStreamingOff_frCA.opus b/sounds/liveStreamingOff_frCA.opus
new file mode 100644
index 0000000..d0df16c
Binary files /dev/null and b/sounds/liveStreamingOff_frCA.opus differ
diff --git a/sounds/liveStreamingOn.mp3 b/sounds/liveStreamingOn.mp3
new file mode 100644
index 0000000..0a1ec49
Binary files /dev/null and b/sounds/liveStreamingOn.mp3 differ
diff --git a/sounds/liveStreamingOn.opus b/sounds/liveStreamingOn.opus
new file mode 100644
index 0000000..a7febda
Binary files /dev/null and b/sounds/liveStreamingOn.opus differ
diff --git a/sounds/liveStreamingOn_fr.mp3 b/sounds/liveStreamingOn_fr.mp3
new file mode 100644
index 0000000..90f120d
Binary files /dev/null and b/sounds/liveStreamingOn_fr.mp3 differ
diff --git a/sounds/liveStreamingOn_fr.opus b/sounds/liveStreamingOn_fr.opus
new file mode 100644
index 0000000..e59f46e
Binary files /dev/null and b/sounds/liveStreamingOn_fr.opus differ
diff --git a/sounds/liveStreamingOn_frCA.mp3 b/sounds/liveStreamingOn_frCA.mp3
new file mode 100644
index 0000000..90f120d
Binary files /dev/null and b/sounds/liveStreamingOn_frCA.mp3 differ
diff --git a/sounds/liveStreamingOn_frCA.opus b/sounds/liveStreamingOn_frCA.opus
new file mode 100644
index 0000000..e59f46e
Binary files /dev/null and b/sounds/liveStreamingOn_frCA.opus differ
diff --git a/sounds/noAudioSignal.mp3 b/sounds/noAudioSignal.mp3
new file mode 100644
index 0000000..d80cc72
Binary files /dev/null and b/sounds/noAudioSignal.mp3 differ
diff --git a/sounds/noAudioSignal.opus b/sounds/noAudioSignal.opus
new file mode 100644
index 0000000..e9eb636
Binary files /dev/null and b/sounds/noAudioSignal.opus differ
diff --git a/sounds/noisyAudioInput.mp3 b/sounds/noisyAudioInput.mp3
new file mode 100644
index 0000000..d80cc72
Binary files /dev/null and b/sounds/noisyAudioInput.mp3 differ
diff --git a/sounds/noisyAudioInput.opus b/sounds/noisyAudioInput.opus
new file mode 100644
index 0000000..2282eca
Binary files /dev/null and b/sounds/noisyAudioInput.opus differ
diff --git a/sounds/outgoingRinging.mp3 b/sounds/outgoingRinging.mp3
new file mode 100644
index 0000000..f1103a0
Binary files /dev/null and b/sounds/outgoingRinging.mp3 differ
diff --git a/sounds/outgoingRinging.opus b/sounds/outgoingRinging.opus
new file mode 100644
index 0000000..e8f7fca
Binary files /dev/null and b/sounds/outgoingRinging.opus differ
diff --git a/sounds/outgoingRinging.wav b/sounds/outgoingRinging.wav
new file mode 100644
index 0000000..7a8b643
Binary files /dev/null and b/sounds/outgoingRinging.wav differ
diff --git a/sounds/outgoingStart.mp3 b/sounds/outgoingStart.mp3
new file mode 100644
index 0000000..398ebed
Binary files /dev/null and b/sounds/outgoingStart.mp3 differ
diff --git a/sounds/outgoingStart.opus b/sounds/outgoingStart.opus
new file mode 100644
index 0000000..1dfe031
Binary files /dev/null and b/sounds/outgoingStart.opus differ
diff --git a/sounds/outgoingStart.wav b/sounds/outgoingStart.wav
new file mode 100644
index 0000000..4b60654
Binary files /dev/null and b/sounds/outgoingStart.wav differ
diff --git a/sounds/reactions-applause.mp3 b/sounds/reactions-applause.mp3
new file mode 100644
index 0000000..2254bd2
Binary files /dev/null and b/sounds/reactions-applause.mp3 differ
diff --git a/sounds/reactions-applause.opus b/sounds/reactions-applause.opus
new file mode 100644
index 0000000..9e560b4
Binary files /dev/null and b/sounds/reactions-applause.opus differ
diff --git a/sounds/reactions-boo.mp3 b/sounds/reactions-boo.mp3
new file mode 100644
index 0000000..6ed9114
Binary files /dev/null and b/sounds/reactions-boo.mp3 differ
diff --git a/sounds/reactions-boo.opus b/sounds/reactions-boo.opus
new file mode 100644
index 0000000..80dc0e9
Binary files /dev/null and b/sounds/reactions-boo.opus differ
diff --git a/sounds/reactions-crickets.mp3 b/sounds/reactions-crickets.mp3
new file mode 100644
index 0000000..7e3a6c3
Binary files /dev/null and b/sounds/reactions-crickets.mp3 differ
diff --git a/sounds/reactions-crickets.opus b/sounds/reactions-crickets.opus
new file mode 100644
index 0000000..f92f058
Binary files /dev/null and b/sounds/reactions-crickets.opus differ
diff --git a/sounds/reactions-laughter.mp3 b/sounds/reactions-laughter.mp3
new file mode 100644
index 0000000..772c381
Binary files /dev/null and b/sounds/reactions-laughter.mp3 differ
diff --git a/sounds/reactions-laughter.opus b/sounds/reactions-laughter.opus
new file mode 100644
index 0000000..2375b64
Binary files /dev/null and b/sounds/reactions-laughter.opus differ
diff --git a/sounds/reactions-love.mp3 b/sounds/reactions-love.mp3
new file mode 100644
index 0000000..716c967
Binary files /dev/null and b/sounds/reactions-love.mp3 differ
diff --git a/sounds/reactions-love.opus b/sounds/reactions-love.opus
new file mode 100644
index 0000000..fedfcd4
Binary files /dev/null and b/sounds/reactions-love.opus differ
diff --git a/sounds/reactions-raised-hand.mp3 b/sounds/reactions-raised-hand.mp3
new file mode 100644
index 0000000..2fd2f1e
Binary files /dev/null and b/sounds/reactions-raised-hand.mp3 differ
diff --git a/sounds/reactions-raised-hand.opus b/sounds/reactions-raised-hand.opus
new file mode 100644
index 0000000..2c431da
Binary files /dev/null and b/sounds/reactions-raised-hand.opus differ
diff --git a/sounds/reactions-surprise.mp3 b/sounds/reactions-surprise.mp3
new file mode 100644
index 0000000..63d48fa
Binary files /dev/null and b/sounds/reactions-surprise.mp3 differ
diff --git a/sounds/reactions-surprise.opus b/sounds/reactions-surprise.opus
new file mode 100644
index 0000000..ad358a8
Binary files /dev/null and b/sounds/reactions-surprise.opus differ
diff --git a/sounds/reactions-thumbs-up.mp3 b/sounds/reactions-thumbs-up.mp3
new file mode 100644
index 0000000..92491a1
Binary files /dev/null and b/sounds/reactions-thumbs-up.mp3 differ
diff --git a/sounds/reactions-thumbs-up.opus b/sounds/reactions-thumbs-up.opus
new file mode 100644
index 0000000..989a301
Binary files /dev/null and b/sounds/reactions-thumbs-up.opus differ
diff --git a/sounds/recordingOff.mp3 b/sounds/recordingOff.mp3
new file mode 100644
index 0000000..3c89861
Binary files /dev/null and b/sounds/recordingOff.mp3 differ
diff --git a/sounds/recordingOff.opus b/sounds/recordingOff.opus
new file mode 100644
index 0000000..1dad098
Binary files /dev/null and b/sounds/recordingOff.opus differ
diff --git a/sounds/recordingOff_fr.mp3 b/sounds/recordingOff_fr.mp3
new file mode 100644
index 0000000..f36a379
Binary files /dev/null and b/sounds/recordingOff_fr.mp3 differ
diff --git a/sounds/recordingOff_fr.opus b/sounds/recordingOff_fr.opus
new file mode 100644
index 0000000..fb4b042
Binary files /dev/null and b/sounds/recordingOff_fr.opus differ
diff --git a/sounds/recordingOff_frCA.mp3 b/sounds/recordingOff_frCA.mp3
new file mode 100644
index 0000000..f36a379
Binary files /dev/null and b/sounds/recordingOff_frCA.mp3 differ
diff --git a/sounds/recordingOff_frCA.opus b/sounds/recordingOff_frCA.opus
new file mode 100644
index 0000000..fb4b042
Binary files /dev/null and b/sounds/recordingOff_frCA.opus differ
diff --git a/sounds/recordingOn.mp3 b/sounds/recordingOn.mp3
new file mode 100644
index 0000000..e8b9e85
Binary files /dev/null and b/sounds/recordingOn.mp3 differ
diff --git a/sounds/recordingOn.opus b/sounds/recordingOn.opus
new file mode 100644
index 0000000..f02bde8
Binary files /dev/null and b/sounds/recordingOn.opus differ
diff --git a/sounds/recordingOn_fr.mp3 b/sounds/recordingOn_fr.mp3
new file mode 100644
index 0000000..35c6568
Binary files /dev/null and b/sounds/recordingOn_fr.mp3 differ
diff --git a/sounds/recordingOn_fr.opus b/sounds/recordingOn_fr.opus
new file mode 100644
index 0000000..f1c64c7
Binary files /dev/null and b/sounds/recordingOn_fr.opus differ
diff --git a/sounds/recordingOn_frCA.mp3 b/sounds/recordingOn_frCA.mp3
new file mode 100644
index 0000000..35c6568
Binary files /dev/null and b/sounds/recordingOn_frCA.mp3 differ
diff --git a/sounds/recordingOn_frCA.opus b/sounds/recordingOn_frCA.opus
new file mode 100644
index 0000000..f1c64c7
Binary files /dev/null and b/sounds/recordingOn_frCA.opus differ
diff --git a/sounds/rejected.mp3 b/sounds/rejected.mp3
new file mode 100644
index 0000000..857acda
Binary files /dev/null and b/sounds/rejected.mp3 differ
diff --git a/sounds/rejected.opus b/sounds/rejected.opus
new file mode 100644
index 0000000..46a5231
Binary files /dev/null and b/sounds/rejected.opus differ
diff --git a/sounds/rejected.wav b/sounds/rejected.wav
new file mode 100644
index 0000000..ab9fc1c
Binary files /dev/null and b/sounds/rejected.wav differ
diff --git a/sounds/ring.mp3 b/sounds/ring.mp3
new file mode 100644
index 0000000..937ef63
Binary files /dev/null and b/sounds/ring.mp3 differ
diff --git a/sounds/ring.opus b/sounds/ring.opus
new file mode 100644
index 0000000..8592011
Binary files /dev/null and b/sounds/ring.opus differ
diff --git a/sounds/ring.wav b/sounds/ring.wav
new file mode 100644
index 0000000..b37d90e
Binary files /dev/null and b/sounds/ring.wav differ
diff --git a/sounds/talkWhileMuted.mp3 b/sounds/talkWhileMuted.mp3
new file mode 100644
index 0000000..d80cc72
Binary files /dev/null and b/sounds/talkWhileMuted.mp3 differ
diff --git a/sounds/talkWhileMuted.opus b/sounds/talkWhileMuted.opus
new file mode 100644
index 0000000..46caa7f
Binary files /dev/null and b/sounds/talkWhileMuted.opus differ
diff --git a/static/404.html b/static/404.html
new file mode 100644
index 0000000..2c80b2a
--- /dev/null
+++ b/static/404.html
@@ -0,0 +1,13 @@
+<html>
+<head>
+    <!--#include virtual="/base.html" -->
+    <link rel="stylesheet" href="css/all.css"/>
+    <!--#include virtual="/title.html" -->
+</head>
+<body>
+    <div class="error_page">
+        <h2>404 Not Found</h2>
+        <p class="error_page__message">You can create a new conversation <a class="link" onclick="window.location = window.location.protocol + '//' + window.location.hostname">here</a></p>
+    </div>
+</body>
+</html>
diff --git a/static/close.html b/static/close.html
new file mode 100644
index 0000000..a22341d
--- /dev/null
+++ b/static/close.html
@@ -0,0 +1,23 @@
+<html>
+<head>
+    <!--#include virtual="/base.html" -->
+    <link rel="stylesheet" href="css/all.css"/>
+    <!--#include virtual="/title.html" -->
+    <script><!--#include virtual="/interface_config.js" --></script>
+    <script src="static/close.js"></script>
+</head>
+<body>
+<div class="redirectPageMessage">
+    <div class="thanks-msg">
+        <p>Thank you for your feedback!</p>
+    </div>
+    <div class="hint-msg">
+        <p>
+            <span id="hintQuestion">Did you know?</span>
+            <span class="hint-msg__holder" id="hintMessage"></span>
+        </p>
+        <div class="happy-software"></div>
+    </div>
+</div>
+</body>
+</html>
diff --git a/static/close.js b/static/close.js
new file mode 100644
index 0000000..52eb94e
--- /dev/null
+++ b/static/close.js
@@ -0,0 +1,67 @@
+/* global interfaceConfig */
+// list of tips
+const hints = [
+    'You can pin participants by clicking on their thumbnails.',
+    'You can tell others you have something to say by using the "Raise Hand" '
+        + 'feature',
+    'You can learn about key shortcuts by pressing Shift+?',
+    'You can learn more about the state of everyone\'s connection by hovering '
+        + 'on the bars in their thumbnail',
+    'You can hide all thumbnails by using the button in the bottom right corner'
+];
+
+/**
+ * Get a random hint message from hint array.
+ *
+ * @return {string} the hint message.
+ */
+function getHint() {
+    const l = hints.length - 1;
+    const n = Math.round(Math.random() * l);
+
+    return hints[n];
+}
+
+/**
+ * Inserts text message
+ * into DOM element
+ *
+ * @param id {string} element identificator
+ * @param msg {string} text message
+ */
+function insertTextMsg(id, msg) {
+    const el = document.getElementById(id);
+
+    if (el) {
+        el.innerHTML = msg;
+    }
+}
+
+/**
+ * Sets the hint and thanks messages. Will be executed on load event.
+ */
+function onLoad() {
+    // Intentionally use string concatenation as this file does not go through
+    // babel but IE11 is still supported.
+    // eslint-disable-next-line prefer-template
+    const thankYouMessage = 'Thank you for using ' + interfaceConfig.APP_NAME;
+
+    // Works only for close2.html because close.html doesn't have this element.
+    insertTextMsg('thanksMessage', thankYouMessage);
+
+    // If there is a setting show a special message only for the guests
+    if (interfaceConfig.CLOSE_PAGE_GUEST_HINT) {
+        if (window.sessionStorage.getItem('guest') === 'true') {
+            const element = document.getElementById('hintQuestion');
+
+            element.classList.add('hide');
+            insertTextMsg('hintMessage', interfaceConfig.CLOSE_PAGE_GUEST_HINT);
+
+            return;
+        }
+    }
+
+    insertTextMsg('hintMessage', getHint());
+}
+
+window.onload = onLoad;
diff --git a/static/close2.html b/static/close2.html
new file mode 100644
index 0000000..3904724
--- /dev/null
+++ b/static/close2.html
@@ -0,0 +1,23 @@
+<html>
+<head>
+    <!--#include virtual="/base.html" -->
+    <link rel="stylesheet" href="css/all.css"/>
+    <!--#include virtual="/title.html" -->
+    <script><!--#include virtual="/interface_config.js" --></script>
+    <script src="static/close.js"></script>
+</head>
+<body>
+    <div class="redirectPageMessage">
+        <div class="thanks-msg">
+            <p id="thanksMessage"></p>
+        </div>
+        <div class="hint-msg">
+            <p>
+                <span id="hintQuestion">Did you know?</span>
+                <span class="hint-msg__holder" id="hintMessage"></span>
+            </p>
+            <div class="happy-software"></div>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/static/close3.html b/static/close3.html
new file mode 100644
index 0000000..e69de29
diff --git a/static/close3.js b/static/close3.js
new file mode 100644
index 0000000..e69de29
diff --git a/static/dialInInfo.html b/static/dialInInfo.html
new file mode 100644
index 0000000..a0c08ff
--- /dev/null
+++ b/static/dialInInfo.html
@@ -0,0 +1,29 @@
+<html xmlns="http://www.w3.org/1999/html">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="content-type" content="text/html;charset=utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--#include virtual="/base.html" -->
+    <link rel="stylesheet" href="css/all.css">
+    <script>
+      window.EXCALIDRAW_ASSET_PATH = 'libs/';
+      document.addEventListener('DOMContentLoaded', () => {
+          if (!JitsiMeetJS.app) {
+            return;
+          }
+
+          JitsiMeetJS.app.renderEntryPoint({
+              Component: JitsiMeetJS.app.entryPoints.DIALIN
+          });
+      });
+    </script>
+    <!--#include virtual="/title.html" -->
+    <script><!--#include virtual="/config.js" --></script>
+    <script><!--#include virtual="/interface_config.js" --></script>
+    <script src="libs/lib-jitsi-meet.min.js?v=139"></script>
+    <script src="libs/app.bundle.min.js?v=139"></script>
+  </head>
+  <body>
+    <div id="react" role="main"></div>
+  </body>
+</html>
diff --git a/static/msredirect.html b/static/msredirect.html
new file mode 100644
index 0000000..7094777
--- /dev/null
+++ b/static/msredirect.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<body>
+<script>
+window.opener
+    && window.opener.postMessage({
+            type: 'ms-login',
+            url: window.location.href
+        }, window.location.origin);
+</script>
+</body>
+</html>
diff --git a/static/oauth.html b/static/oauth.html
new file mode 100644
index 0000000..7f02b24
--- /dev/null
+++ b/static/oauth.html
@@ -0,0 +1,21 @@
+<html itemscope itemtype="http://schema.org/Product" prefix="og: http://ogp.me/ns#" xmlns="http://www.w3.org/1999/html">
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="content-type" content="text/html;charset=utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--#include virtual="/base.html" -->
+    <!--#include virtual="/title.html" -->
+    <script>
+        (function() {
+            var windowName = window.name;
+            window.opener && window.opener.postMessage({
+                type: 'dropbox-login',
+                windowName,
+                url: window.location.href
+            }, window.location.origin);
+        })();
+    </script>
+</head>
+<body>
+</body>
+</html>
diff --git a/static/offline.html b/static/offline.html
new file mode 100644
index 0000000..293949e
--- /dev/null
+++ b/static/offline.html
@@ -0,0 +1,64 @@
+<html>
+
+<head>
+  <head>
+    <!--#include virtual="/head.html" -->
+    <meta charset="utf-8">
+    <meta http-equiv="content-type" content="text/html;charset=utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--#include virtual="/base.html" -->
+
+    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
+    <!--#include virtual="/title.html" -->
+  </head>
+  <style>
+    body,
+    .content {
+      display: flex;
+    }
+
+    .content {
+      align-items: center;
+      flex-direction: column;
+      font-family: Arial, Helvetica, sans-serif;
+      font-size: 0.875rem;
+      font-weight: 400;
+      line-height: 1.125rem;
+      margin: auto;
+      max-width: 376px;
+      text-align: center;
+    }
+
+    h4 {
+      font-size: 1.5rem;
+      font-weight: 600;
+      line-height: 2rem;
+      margin: 24px auto;
+    }
+
+    .icon {
+      background-color: #FDD13A;
+      border-radius: 50%;
+      box-sizing: border-box;
+      height: 56px;
+      padding: 16px;
+      width: 56px;
+    }
+  </style>
+</head>
+
+<body>
+  <div class="content">
+    <div class="icon">
+      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M21.8799 19.5904L12.8501 3.49284C12.7614 3.33481 12.6288 3.20474 12.4676 3.11782C11.9982 2.86467 11.4083 3.03257 11.1502 3.49284L2.1202 19.5904C2.04143 19.7309 2.00012 19.8885 2.00012 20.0488C2.00012 20.5741 2.43443 20.9999 2.97017 20.9999H21.0299C21.1934 20.9999 21.3542 20.9594 21.4974 20.8822C21.9668 20.629 22.138 20.0507 21.8799 19.5904ZM4.61072 19.0976L12 5.92477L19.3892 19.0976H4.61072ZM11.0302 16.2445C11.0302 15.7192 11.456 15.2934 11.9813 15.2934H12.0191C12.5444 15.2934 12.9702 15.7192 12.9702 16.2445C12.9702 16.7698 12.5444 17.1956 12.0191 17.1956H11.9813C11.456 17.1956 11.0302 16.7698 11.0302 16.2445ZM12.0002 10.5378C11.4645 10.5378 11.0302 10.9721 11.0302 11.5078V13.3722C11.0302 13.9079 11.4645 14.3422 12.0002 14.3422C12.5359 14.3422 12.9702 13.9079 12.9702 13.3722V11.5078C12.9702 10.9721 12.5359 10.5378 12.0002 10.5378Z"
+          fill="#131519" fill-opacity="0.87" />
+      </svg>
+    </div>
+    <h4>Connection error</h4>
+    Your device may be offline or our servers may be experiencing problems.
+  </div>
+</body>
+
+</html>
diff --git a/static/planLimit.html b/static/planLimit.html
new file mode 100644
index 0000000..e69de29
diff --git a/static/prejoin.html b/static/prejoin.html
new file mode 100644
index 0000000..af22321
--- /dev/null
+++ b/static/prejoin.html
@@ -0,0 +1,36 @@
+<html xmlns="http://www.w3.org/1999/html">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="content-type" content="text/html;charset=utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--#include virtual="/base.html" -->
+    <link rel="stylesheet" href="css/all.css">
+    <script>
+      window.EXCALIDRAW_ASSET_PATH = 'libs/';
+      document.addEventListener('DOMContentLoaded', () => {
+          if (!JitsiMeetJS.app) {
+            return;
+          }
+
+          const url = new URL(window.location.href);
+          const params = new URLSearchParams(url.search);
+          const styleType = params.get('styleType');
+
+          JitsiMeetJS.app.renderEntryPoint({
+              Component: JitsiMeetJS.app.entryPoints.PREJOIN,
+              props: {
+                styleType
+              }
+          })
+      })
+    </script>
+    <!--#include virtual="/title.html" -->
+    <script><!--#include virtual="/config.js" --></script>
+    <script><!--#include virtual="/interface_config.js" --></script>
+    <script src="libs/lib-jitsi-meet.min.js?v=139"></script>
+    <script src="libs/app.bundle.min.js?v=139"></script>
+  </head>
+  <body>
+    <div id="react" role="main"></div>
+  </body>
+</html>
diff --git a/static/pwa/icons/icon192.png b/static/pwa/icons/icon192.png
new file mode 100644
index 0000000..3030d4c
Binary files /dev/null and b/static/pwa/icons/icon192.png differ
diff --git a/static/pwa/icons/icon512.png b/static/pwa/icons/icon512.png
new file mode 100644
index 0000000..adba174
Binary files /dev/null and b/static/pwa/icons/icon512.png differ
diff --git a/static/pwa/icons/iconMask.png b/static/pwa/icons/iconMask.png
new file mode 100644
index 0000000..f9fe510
Binary files /dev/null and b/static/pwa/icons/iconMask.png differ
diff --git a/static/recommendedBrowsers.html b/static/recommendedBrowsers.html
new file mode 100644
index 0000000..1249bad
--- /dev/null
+++ b/static/recommendedBrowsers.html
@@ -0,0 +1,23 @@
+<html>
+<head>
+    <!--#include virtual="/base.html" -->
+    <link rel="stylesheet" href="css/all.css"/>
+    <!--#include virtual="/title.html" -->
+</head>
+<body>
+    <div class = 'unsupported-desktop-browser'>
+        <h2 class = 'unsupported-desktop-browser__title'>
+            It looks like you're using a browser we don't fully support.
+        </h2>
+        <p class ='unsupported-desktop-browser__description'>
+            We recommend to try with the latest version of&nbsp;
+            <a
+                className = 'unsupported-desktop-browser__link'
+                href = 'https://www.google.com/chrome/' >Chrome</a>&nbsp;or&nbsp;
+            <a
+                class = 'unsupported-desktop-browser__link'
+                href = 'https://www.chromium.org/'>Chromium</a>
+        </p>
+    </div>
+</body>
+</html>
diff --git a/static/settingsToolbarAdditionalContent.html b/static/settingsToolbarAdditionalContent.html
new file mode 100644
index 0000000..a63bae9
--- /dev/null
+++ b/static/settingsToolbarAdditionalContent.html
@@ -0,0 +1 @@
+<template id="settings-toolbar-additional-content-template"></template>
diff --git a/static/webrtcUnsupported.html b/static/webrtcUnsupported.html
new file mode 100644
index 0000000..2e54dd1
--- /dev/null
+++ b/static/webrtcUnsupported.html
@@ -0,0 +1,17 @@
+<html>
+<head>
+    <!--#include virtual="/base.html" -->
+    <link rel="stylesheet" href="css/all.css"/>
+    <!--#include virtual="/title.html" -->
+</head>
+<body>
+    <div class = 'unsupported-desktop-browser'>
+        <h2 class = 'unsupported-desktop-browser__title'>
+            WebRTC is not available in your browser
+        </h2>
+        <p class ='unsupported-desktop-browser__description'>
+            It looks like your browser does not support WebRTC. Please enable it or try another browser.
+        </p>
+    </div>
+</body>
+</html>
diff --git a/static/welcomePageAdditionalCard.html b/static/welcomePageAdditionalCard.html
new file mode 100644
index 0000000..9c938da
--- /dev/null
+++ b/static/welcomePageAdditionalCard.html
@@ -0,0 +1 @@
+<template id = "welcome-page-additional-card-template"></template>
diff --git a/static/welcomePageAdditionalContent.html b/static/welcomePageAdditionalContent.html
new file mode 100644
index 0000000..a62e078
--- /dev/null
+++ b/static/welcomePageAdditionalContent.html
@@ -0,0 +1 @@
+<template id = "welcome-page-additional-content-template"></template>
diff --git a/static/whiteboard.html b/static/whiteboard.html
new file mode 100644
index 0000000..e869036
--- /dev/null
+++ b/static/whiteboard.html
@@ -0,0 +1,33 @@
+<html xmlns="http://www.w3.org/1999/html">
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="content-type" content="text/html;charset=utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--#include virtual="/base.html" -->
+    <link rel="stylesheet" href="css/all.css">
+    <script>
+        window.EXCALIDRAW_ASSET_PATH = 'libs/';
+
+        document.addEventListener('DOMContentLoaded', async () => {
+            if (!JitsiMeetJS.app) {
+                return;
+            }
+
+            JitsiMeetJS.app.renderEntryPoint({
+                Component: JitsiMeetJS.app.entryPoints.WHITEBOARD
+            });
+        });
+    </script>
+    <!--#include virtual="/title.html" -->
+    <script><!--#include virtual="/config.js" --></script>
+    <script><!--#include virtual="/interface_config.js" --></script>
+    <script src="libs/lib-jitsi-meet.min.js?v=139"></script>
+    <script src="libs/app.bundle.min.js?v=139"></script>
+</head>
+
+<body>
+    <div id="react" role="main"></div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/tests/.eslintrc.js b/tests/.eslintrc.js
new file mode 100644
index 0000000..abc9ef8
--- /dev/null
+++ b/tests/.eslintrc.js
@@ -0,0 +1,18 @@
+module.exports = {
+    'extends': [
+        '../.eslintrc.js'
+    ],
+    'overrides': [
+        {
+            'files': [ '*.ts', '*.tsx' ],
+            extends: [ '@jitsi/eslint-config/typescript' ],
+            parserOptions: {
+                sourceType: 'module',
+                project: [ './tests/tsconfig.json' ]
+            },
+            rules: {
+                '@typescript-eslint/no-require-imports': 0
+            }
+        }
+    ]
+};
diff --git a/tests/env.example b/tests/env.example
new file mode 100644
index 0000000..c37ebfd
--- /dev/null
+++ b/tests/env.example
@@ -0,0 +1,77 @@
+# Ignore certificate errors (self-signed certificates)
+#ALLOW_INSECURE_CERTS=true
+
+# The base url that will be used for the test (default will be using "https://alpha.jitsi.net")
+# If there is a tenant in the URL it must end with a slash (e.g. "https://alpha.jitsi.net/sometenant/")
+#BASE_URL=
+
+# Whether to use beta for the first participants
+#BROWSER_CHROME_BETA=false
+#BROWSER_FF_BETA=false
+
+# A rest URL to be used by dial-in tests to invite jigasi to the conference
+#DIAL_IN_REST_URL=
+
+# A destination number to dialout, that auto answers and sends media
+#DIAL_OUT_URL=
+
+# The grid host url (https://mygrid.com/wd/hub)
+#GRID_HOST_URL=
+
+# Whether to run the browser in headless mode
+#HEADLESS=false
+
+# The tenant used when executing the iframeAPI tests, will override any tenant from BASE_URL if any
+#IFRAME_TENANT=
+
+# Configure properties for jaas-specific tests (specs/jaas). Note that some of the iFrame tests can also
+# be used to test JaaS, they are configured separately via IFRAME_TENANT, JWT_KID, JWT_PRIVATE_KEY_PATH.
+# Make sure this tenant is configured to not allow guests.
+# The key ID
+#JAAS_KID=
+# The path to the private key used for generating JWT token (.pk) for jaas-specific tests
+#JAAS_PRIVATE_KEY_PATH=
+# The JaaS tenant, e.g. vpaas-magic-cookie-abcdabcd1234567890
+#JAAS_TENANT=
+
+# Enable debug logging. Note this includes private information from .env.
+#JITSI_DEBUG=true
+
+# An access token to use to create meetings (used for the first participant)
+#JWT_ACCESS_TOKEN=
+
+# The kid to use in the token for non-jaas-specific tests (though it could be a jaas key).
+#JWT_KID=
+
+# The path to the private key used for generating JWT token (.pk) for non-jaas-specific tests (though it could be a
+# jaas key).
+#JWT_PRIVATE_KEY_PATH=
+
+# The count of workers that execute the tests in parallel
+# MAX_INSTANCES=1
+
+# To be able to match a domain to a specific address
+# The format is "MAP example.com 1.2.3.4"
+#RESOLVER_RULES=
+
+# Room name prefix to use when creating new room names
+#ROOM_NAME_PREFIX=
+
+# Room name suffix to use when creating new room names
+#ROOM_NAME_SUFFIX=
+
+# A destination number to dialout, that auto answer and sends media audio and video
+#SIP_JIBRI_DIAL_OUT_URL=
+
+# The path to the browser video capture file
+#VIDEO_CAPTURE_FILE=tests/resources/FourPeople_1280x720_30.y4m
+
+# A shared secret to authenticate the webhook proxy connection
+#WEBHOOKS_PROXY_SHARED_SECRET=
+
+# The address of the webhooks proxy used to test the webhooks feature (e.g. wss://your.service)
+#WEBHOOKS_PROXY_URL=
+
+# A stream key abd broadcast ID that can be used by the tests to stream to YouTube
+#YTUBE_TEST_STREAM_KEY=
+#YTUBE_TEST_BROADCAST_ID=
diff --git a/tests/globals.d.ts b/tests/globals.d.ts
new file mode 100644
index 0000000..f02dcce
--- /dev/null
+++ b/tests/globals.d.ts
@@ -0,0 +1,5 @@
+import { IContext } from './helpers/types';
+
+declare global {
+    const ctx: IContext;
+}
diff --git a/tests/helpers/Participant.ts b/tests/helpers/Participant.ts
new file mode 100644
index 0000000..4b02100
--- /dev/null
+++ b/tests/helpers/Participant.ts
@@ -0,0 +1,1021 @@
+/* global APP $ */
+
+import { multiremotebrowser } from '@wdio/globals';
+import assert from 'assert';
+import { Key } from 'webdriverio';
+
+import { IConfig } from '../../react/features/base/config/configType';
+import { urlObjectToString } from '../../react/features/base/util/uri';
+import BreakoutRooms from '../pageobjects/BreakoutRooms';
+import ChatPanel from '../pageobjects/ChatPanel';
+import Filmstrip from '../pageobjects/Filmstrip';
+import IframeAPI from '../pageobjects/IframeAPI';
+import InviteDialog from '../pageobjects/InviteDialog';
+import LargeVideo from '../pageobjects/LargeVideo';
+import LobbyScreen from '../pageobjects/LobbyScreen';
+import Notifications, {
+    MAX_USERS_TEST_ID,
+    TOKEN_AUTH_FAILED_TEST_ID,
+    TOKEN_AUTH_FAILED_TITLE_TEST_ID
+} from '../pageobjects/Notifications';
+import ParticipantsPane from '../pageobjects/ParticipantsPane';
+import PasswordDialog from '../pageobjects/PasswordDialog';
+import PreJoinScreen from '../pageobjects/PreJoinScreen';
+import SecurityDialog from '../pageobjects/SecurityDialog';
+import SettingsDialog from '../pageobjects/SettingsDialog';
+import Toolbar from '../pageobjects/Toolbar';
+import VideoQualityDialog from '../pageobjects/VideoQualityDialog';
+import Visitors from '../pageobjects/Visitors';
+
+import { LOG_PREFIX, logInfo } from './browserLogger';
+import { IToken } from './token';
+import { IParticipantJoinOptions, IParticipantOptions } from './types';
+
+export const P1 = 'p1';
+export const P2 = 'p2';
+export const P3 = 'p3';
+export const P4 = 'p4';
+
+/**
+ * Participant.
+ */
+export class Participant {
+    /**
+     * The current context.
+     *
+     * @private
+     */
+    private _name: string;
+    private _endpointId: string;
+    /**
+     * The token that this participant was initialized with.
+     */
+    private _token?: IToken;
+
+    /**
+     * Cache the dial in pin code so that it doesn't have to be read from the UI.
+     */
+    private _dialInPin?: string;
+
+    private _iFrameApi: boolean = false;
+
+    /**
+     * Whether the current frame is the main frame. This could coincide with the Jitsi Meet frame (when it's loaded
+     * directly), or not (when it's loaded in an iframe).
+     */
+    private _inMainFrame: boolean = true;
+
+    /**
+     * The default config to use when joining.
+     *
+     * @private
+     */
+    private config = {
+        analytics: {
+            disabled: true
+        },
+
+        // if there is a video file to play, use deployment config,
+        // otherwise use lower resolution to avoid high CPU usage
+        constraints: process.env.VIDEO_CAPTURE_FILE ? undefined : {
+            video: {
+                height: {
+                    ideal: 360,
+                    max: 360,
+                    min: 180
+                },
+
+                // @ts-ignore
+                width: {
+                    ideal: 640,
+                    max: 640,
+                    min: 320
+                },
+                frameRate: {
+                    max: 30
+                }
+            }
+        },
+        resolution: process.env.VIDEO_CAPTURE_FILE ? undefined : 360,
+
+        requireDisplayName: false,
+        testing: {
+            testMode: true
+        },
+        disableAP: true,
+        disable1On1Mode: true,
+        disableModeratorIndicator: true,
+        enableTalkWhileMuted: false,
+        gatherStats: true,
+        p2p: {
+            enabled: false,
+            useStunTurn: false
+        },
+        pcStatsInterval: 1500,
+        prejoinConfig: {
+            enabled: false
+        },
+        toolbarConfig: {
+            alwaysVisible: true
+        }
+    } as IConfig;
+
+    /**
+     * Creates a participant with given options.
+     */
+    constructor(options: IParticipantOptions) {
+        this._name = options.name;
+        this._token = options.token;
+        this._iFrameApi = options.iFrameApi || false;
+    }
+
+    /**
+     * A wrapper for <tt>this.driver.execute</tt> that would catch errors, print them and throw them again.
+     *
+     * @param {string | ((...innerArgs: InnerArguments) => ReturnValue)} script - The script that will be executed.
+     * @param {any[]} args - The rest of the arguments.
+     * @returns {ReturnValue} - The result of the script.
+     */
+    async execute<ReturnValue, InnerArguments extends any[]>(
+            script: string | ((...innerArgs: InnerArguments) => ReturnValue),
+            ...args: InnerArguments): Promise<ReturnValue> {
+        try {
+            // @ts-ignore
+            return await this.driver.execute(script, ...args);
+        } catch (error) {
+            console.error('An error occurred while trying to execute a script: ', error);
+            throw error;
+        }
+    }
+
+    /**
+     * Returns participant endpoint ID.
+     *
+     * @returns {Promise<string>} The endpoint ID.
+     */
+    async getEndpointId(): Promise<string> {
+        if (!this._endpointId) {
+            const wasInMainFrame = this._inMainFrame;
+
+            await this.switchToIFrame();
+
+            this._endpointId = await this.execute(() => { // eslint-disable-line arrow-body-style
+                return APP?.conference?.getMyUserId();
+            });
+
+            if (wasInMainFrame) {
+                await this.switchToMainFrame();
+            }
+        }
+
+        return this._endpointId;
+    }
+
+    /**
+     * The driver it uses.
+     */
+    get driver() {
+        return multiremotebrowser.getInstance(this._name);
+    }
+
+    /**
+     * The name.
+     */
+    get name() {
+        return this._name;
+    }
+
+    /**
+     * Adds a log to the participants log file.
+     *
+     * @param {string} message - The message to log.
+     * @returns {void}
+     */
+    async log(message: string): Promise<void> {
+        await logInfo(this.driver, message);
+    }
+
+    /**
+     * Joins conference.
+     *
+     * @param {IParticipantJoinOptions} options - Options for joining.
+     * @returns {Promise<void>}
+     */
+    async joinConference(options: IParticipantJoinOptions): Promise<Participant> {
+        const config = {
+            room: options.roomName,
+            configOverwrite: {
+                ...this.config,
+                ...options.configOverwrite || {}
+            },
+            interfaceConfigOverwrite: {
+                SHOW_CHROME_EXTENSION_BANNER: false
+            }
+        };
+
+        if (!options.skipDisplayName) {
+            // @ts-ignore
+            config.userInfo = {
+                displayName: this._name
+            };
+        }
+
+        if (this._iFrameApi) {
+            config.room = 'iframeAPITest.html';
+        }
+
+        let url = urlObjectToString(config) || '';
+
+        if (this._iFrameApi) {
+            const baseUrl = new URL(this.driver.options.baseUrl || '');
+
+            // @ts-ignore
+            url = `${this.driver.iframePageBase}${url}&domain="${baseUrl.host}"&room="${options.roomName}"`;
+
+            if (options.tenant) {
+                url = `${url}&tenant="${options.tenant}"`;
+            } else if (baseUrl.pathname.length > 1) {
+                // remove leading slash
+                url = `${url}&tenant="${baseUrl.pathname.substring(1)}"`;
+            }
+        }
+        if (this._token?.jwt) {
+            url = `${url}&jwt="${this._token.jwt}"`;
+        }
+
+        await this.driver.setTimeout({ 'pageLoad': 30000 });
+
+        // drop the leading '/' so we can use the tenant if any
+        url = url.startsWith('/') ? url.substring(1) : url;
+
+        if (options.tenant && !this._iFrameApi) {
+            // For the iFrame API the tenant is passed in a different way.
+            url = `/${options.tenant}/${url}`;
+        }
+
+        await this.driver.url(url);
+
+        await this.waitForPageToLoad();
+
+        if (this._iFrameApi) {
+            await this.switchToIFrame();
+        }
+
+        if (!options.skipWaitToJoin) {
+            await this.waitForMucJoinedOrError();
+        }
+
+        await this.postLoadProcess();
+
+        return this;
+    }
+
+    /**
+     * Loads stuff after the page loads.
+     *
+     * @returns {Promise<void>}
+     * @private
+     */
+    private async postLoadProcess(): Promise<void> {
+        const driver = this.driver;
+
+        const parallel = [];
+
+        parallel.push(this.execute((name, sessionId, prefix) => {
+            APP?.UI?.dockToolbar(true);
+
+            // disable keyframe animations (.fadeIn and .fadeOut classes)
+            $('<style>.notransition * { '
+                + 'animation-duration: 0s !important; -webkit-animation-duration: 0s !important; transition:none; '
+                + '} </style>') // @ts-ignore
+                    .appendTo(document.head);
+
+            // @ts-ignore
+            $('body').toggleClass('notransition');
+
+            document.title = `${name}`;
+
+            console.log(`${new Date().toISOString()} ${prefix} sessionId: ${sessionId}`);
+
+            // disable the blur effect in firefox as it has some performance issues
+            const blur = document.querySelector('.video_blurred_container');
+
+            if (blur) {
+                // @ts-ignore
+                document.querySelector('.video_blurred_container').style.display = 'none';
+            }
+        }, this._name, driver.sessionId, LOG_PREFIX));
+
+        await Promise.all(parallel);
+    }
+
+    /**
+     * Waits for the page to load.
+     *
+     * @returns {Promise<boolean>}
+     */
+    async waitForPageToLoad(): Promise<boolean> {
+        return this.driver.waitUntil(
+            () => this.execute(() => {
+                console.log(`${new Date().toISOString()} document.readyState: ${document.readyState}`);
+
+                return document.readyState === 'complete';
+            }),
+            {
+                timeout: 30_000, // 30 seconds
+                timeoutMsg: `Timeout waiting for Page Load Request to complete for ${this.name}.`
+            }
+        );
+    }
+
+    /**
+     * Waits for the tile view to display.
+     */
+    async waitForTileViewDisplayed(reverse = false) {
+        await this.driver.$('//div[@id="videoconference_page" and contains(@class, "tile-view")]').waitForDisplayed({
+            reverse,
+            timeout: 10_000,
+            timeoutMsg: `Tile view did not display in 10s for ${this.name}`
+        });
+    }
+
+    /**
+     * Checks if the participant is in the meeting.
+     */
+    isInMuc() {
+        return this.execute(() => typeof APP !== 'undefined' && APP.conference?.isJoined());
+    }
+
+    /**
+     * Waits until either the MUC is joined, or a password prompt is displayed, or an authentication failure
+     * notification is displayed, or max users notification is displayed.
+     */
+    async waitForMucJoinedOrError(): Promise<void> {
+        await this.driver.waitUntil(async () => {
+            return await this.isInMuc() || await this.getPasswordDialog().isOpen()
+                || await this.getNotifications().getNotificationText(MAX_USERS_TEST_ID)
+                || await this.getNotifications().getNotificationText(TOKEN_AUTH_FAILED_TEST_ID)
+                || await this.getNotifications().getNotificationText(TOKEN_AUTH_FAILED_TITLE_TEST_ID);
+        }, {
+            timeout: 10_000,
+            timeoutMsg: 'Timeout waiting for MUC joined or error.'
+        });
+    }
+
+    /**
+     * Checks if the participant is a moderator in the meeting.
+     */
+    async isModerator() {
+        return await this.execute(() => typeof APP !== 'undefined'
+            && APP.store?.getState()['features/base/participants']?.local?.role === 'moderator');
+    }
+
+    async isVisitor() {
+        return await this.execute(() => APP?.store?.getState()['features/visitors']?.iAmVisitor || false);
+    }
+
+    /**
+     * Checks if the meeting supports breakout rooms.
+     */
+    async isBreakoutRoomsSupported() {
+        return await this.execute(() => typeof APP !== 'undefined'
+            && APP.store?.getState()['features/base/conference'].conference?.getBreakoutRooms()?.isSupported());
+    }
+
+    /**
+     * Checks if the participant is in breakout room.
+     */
+    async isInBreakoutRoom() {
+        return await this.execute(() => typeof APP !== 'undefined'
+            && APP.store?.getState()['features/base/conference'].conference?.getBreakoutRooms()?.isBreakoutRoom());
+    }
+
+    /**
+     * Waits to join the muc.
+     *
+     * @returns {Promise<void>}
+     */
+    async waitToJoinMUC(): Promise<void> {
+        return this.driver.waitUntil(
+            () => this.isInMuc(),
+            {
+                timeout: 10_000, // 10 seconds
+                timeoutMsg: `Timeout waiting to join muc for ${this.name}`
+            }
+        );
+    }
+
+    /**
+     * Waits for ICE to get connected.
+     *
+     * @returns {Promise<boolean>}
+     */
+    waitForIceConnected(): Promise<boolean> {
+        return this.driver.waitUntil(() =>
+            this.execute(() => APP?.conference?.getConnectionState() === 'connected'), {
+            timeout: 15_000,
+            timeoutMsg: `expected ICE to be connected for 15s for ${this.name}`
+        });
+    }
+
+    /**
+     * Waits for ICE to get connected on the p2p connection.
+     *
+     * @returns {Promise<boolean>}
+     */
+    waitForP2PIceConnected(): Promise<boolean> {
+        return this.driver.waitUntil(() =>
+            this.execute(() => APP?.conference?.getP2PConnectionState() === 'connected'), {
+            timeout: 15_000,
+            timeoutMsg: `expected P2P ICE to be connected for 15s for ${this.name}`
+        });
+    }
+
+    /**
+     * Waits until the conference stats show positive upload and download bitrate (independently).
+     *
+     * @returns {Promise<boolean>}
+     */
+    async waitForSendReceiveData(timeout = 15_000, msg?: string): Promise<boolean> {
+        const values = await Promise.all([
+            await this.waitForSendMedia(timeout, msg ? `${msg} (send)` : undefined),
+            await this.waitForReceiveMedia(timeout, msg ? `${msg} (receive)` : undefined)
+        ]);
+
+        return values[0] && values[1];
+    }
+
+    /**
+     * Waits until the conference stats show positive upload bitrate.
+     * @param timeout max time to wait in ms
+     * @param timeoutMsg the message to log if the timeout is reached
+     */
+    async waitForSendMedia(
+            timeout = 15_000,
+            timeoutMsg = `expected to send media in ${timeout / 1000}s for ${this.name}`): Promise<boolean> {
+
+        return this.driver.waitUntil(() => this.execute(() => {
+            return APP?.conference?.getStats()?.bitrate?.upload > 0;
+        }), {
+            timeout,
+            timeoutMsg
+        });
+    }
+
+    /**
+     * Waits until the conference stats show positive upload bitrate.
+     * @param timeout max time to wait in ms
+     * @param timeoutMsg the message to log if the timeout is reached
+     */
+    async waitForReceiveMedia(
+            timeout = 15_000,
+            timeoutMsg = `expected to receive media in ${timeout / 1000}s for ${this.name}`): Promise<boolean> {
+
+        return this.driver.waitUntil(() => this.execute(() => {
+            return APP?.conference?.getStats()?.bitrate?.download > 0;
+        }), {
+            timeout,
+            timeoutMsg
+        });
+    }
+
+    /**
+     * Waits until there are at least [number] participants that have at least one track.
+     *
+     * @param {number} number - The number of remote streams to wait for.
+     * @returns {Promise<boolean>}
+     */
+    async waitForRemoteStreams(number: number): Promise<boolean> {
+        return await this.driver.waitUntil(async () => await this.execute(
+            count => (APP?.conference?.getNumberOfParticipantsWithTracks() ?? -1) >= count,
+            number
+        ), {
+            timeout: 15_000,
+            timeoutMsg: `expected number of remote streams:${number} in 15s for ${this.name}`
+        });
+    }
+
+    /**
+     * Waits until the number of participants is exactly the given number.
+     *
+     * @param {number} number - The number of participant to wait for.
+     * @param {string} msg - A custom message to use.
+     * @returns {Promise<boolean>}
+     */
+    waitForParticipants(number: number, msg?: string): Promise<boolean> {
+        return this.driver.waitUntil(
+            () => this.execute(count => (APP?.conference?.listMembers()?.length ?? -1) === count, number),
+            {
+                timeout: 15_000,
+                timeoutMsg: msg || `not the expected participants ${number} in 15s for ${this.name}`
+            });
+    }
+
+    /**
+     * Returns the chat panel for this participant.
+     */
+    getChatPanel(): ChatPanel {
+        return new ChatPanel(this);
+    }
+
+    /**
+     * Returns the BreakoutRooms for this participant.
+     *
+     * @returns {BreakoutRooms}
+     */
+    getBreakoutRooms(): BreakoutRooms {
+        return new BreakoutRooms(this);
+    }
+
+    /**
+     * Returns the toolbar for this participant.
+     *
+     * @returns {Toolbar}
+     */
+    getToolbar(): Toolbar {
+        return new Toolbar(this);
+    }
+
+    /**
+     * Returns the filmstrip for this participant.
+     *
+     * @returns {Filmstrip}
+     */
+    getFilmstrip(): Filmstrip {
+        return new Filmstrip(this);
+    }
+
+    /**
+     * Returns the invite dialog for this participant.
+     *
+     * @returns {InviteDialog}
+     */
+    getInviteDialog(): InviteDialog {
+        return new InviteDialog(this);
+    }
+
+    /**
+     * Returns the notifications.
+     */
+    getNotifications(): Notifications {
+        return new Notifications(this);
+    }
+
+    /**
+     * Returns the participants pane.
+     *
+     * @returns {ParticipantsPane}
+     */
+    getParticipantsPane(): ParticipantsPane {
+        return new ParticipantsPane(this);
+    }
+
+    /**
+     * Returns the large video page object.
+     *
+     * @returns {LargeVideo}
+     */
+    getLargeVideo(): LargeVideo {
+        return new LargeVideo(this);
+    }
+
+    /**
+     * Returns the videoQuality Dialog.
+     *
+     * @returns {VideoQualityDialog}
+     */
+    getVideoQualityDialog(): VideoQualityDialog {
+        return new VideoQualityDialog(this);
+    }
+
+    /**
+     * Returns the security Dialog.
+     *
+     * @returns {SecurityDialog}
+     */
+    getSecurityDialog(): SecurityDialog {
+        return new SecurityDialog(this);
+    }
+
+    /**
+     * Returns the settings Dialog.
+     *
+     * @returns {SettingsDialog}
+     */
+    getSettingsDialog(): SettingsDialog {
+        return new SettingsDialog(this);
+    }
+
+    /**
+     * Returns the password dialog.
+     */
+    getPasswordDialog(): PasswordDialog {
+        return new PasswordDialog(this);
+    }
+
+    /**
+     * Returns the prejoin screen.
+     */
+    getPreJoinScreen(): PreJoinScreen {
+        return new PreJoinScreen(this);
+    }
+
+    /**
+     * Returns the lobby screen.
+     */
+    getLobbyScreen(): LobbyScreen {
+        return new LobbyScreen(this);
+    }
+
+    /**
+     * Returns the Visitors page object.
+     *
+     * @returns {Visitors}
+     */
+    getVisitors(): Visitors {
+        return new Visitors(this);
+    }
+
+
+    /**
+     * Switches to the main frame context (outside the iFrame; where the Jitsi Meet iFrame API is available).
+     *
+     * If this Participant was initialized with iFrameApi=false this is a no-op.
+     */
+    async switchToMainFrame() {
+        if (!this._iFrameApi || this._inMainFrame) {
+            return;
+        }
+
+        await this.driver.switchFrame(null);
+        this._inMainFrame = true;
+    }
+
+    /**
+     * Switches to the iFrame context (inside the iFrame; where the Jitsi Meet application runs).
+     *
+     * If this Participant was initialized with iFrameApi=false this is a no-op.
+     */
+    async switchToIFrame() {
+        if (!this._iFrameApi || !this._inMainFrame) {
+            return;
+        }
+
+        const iframe = this.driver.$('iframe');
+
+        await this.driver.switchFrame(iframe);
+        this._inMainFrame = false;
+    }
+
+    /**
+     * Returns the iframe API for this participant.
+     */
+    getIframeAPI() {
+        return new IframeAPI(this);
+    }
+
+    /**
+     * Hangups the participant by leaving the page. base.html is an empty page on all deployments.
+     */
+    async hangup() {
+        console.log(`Hanging up (${this.name})`);
+        if ((await this.driver.getUrl()).endsWith('/base.html')) {
+            console.log(`Already hung up (${this.name})`);
+
+            return;
+        }
+
+        // @ts-ignore
+        await this.execute(() => window.APP?.conference?.hangup());
+
+        // Wait until _room is unset, which is one of the last things hangup() does.
+        await this.driver.waitUntil(
+            async () => {
+                try {
+                    // @ts-ignore
+                    return await this.driver.execute(() => window.APP?.conference?._room === undefined);
+                } catch (e) {
+                    // There seems to be a race condition with hangup() causing the page to change, and execute()
+                    // might fail with a Bidi error. Retry.
+                    return false;
+                }
+            },
+            {
+                timeout: 8000,
+                timeoutMsg: `${this.name} failed to hang up`
+            }
+        );
+        console.log(`Hung up (${this.name})`);
+
+        await this.driver.url('/base.html')
+
+            // This was fixed in wdio v9.9.1, we can drop once we update to that version
+            .catch(_ => {}); // eslint-disable-line @typescript-eslint/no-empty-function
+    }
+
+    /**
+     * Returns the local display name element.
+     * @private
+     */
+    private async getLocalDisplayNameElement() {
+        const localVideoContainer = this.driver.$('span[id="localVideoContainer"]');
+
+        await localVideoContainer.moveTo();
+
+        return localVideoContainer.$('span[id="localDisplayName"]');
+    }
+
+    /**
+     * Returns the local display name.
+     */
+    async getLocalDisplayName() {
+        return (await this.getLocalDisplayNameElement()).getText();
+    }
+
+    /**
+     * Sets the display name of the local participant.
+     */
+    async setLocalDisplayName(displayName: string) {
+        const localDisplayName = await this.getLocalDisplayNameElement();
+
+        await localDisplayName.click();
+
+        await this.driver.keys(displayName);
+        await this.driver.keys(Key.Return);
+
+        // just click somewhere to lose focus, to make sure editing has ended
+        const localVideoContainer = this.driver.$('span[id="localVideoContainer"]');
+
+        await localVideoContainer.moveTo();
+        await localVideoContainer.click();
+    }
+
+    /**
+     * Gets avatar SRC attribute for the one displayed on local video thumbnail.
+     */
+    async getLocalVideoAvatar() {
+        const avatar
+            = this.driver.$('//span[@id="localVideoContainer"]//img[contains(@class,"userAvatar")]');
+
+        return await avatar.isExisting() ? await avatar.getAttribute('src') : null;
+    }
+
+    /**
+     * Makes sure that the avatar is displayed in the local thumbnail and that the video is not displayed.
+     * There are 3 options for avatar:
+     *  - defaultAvatar: true - the default avatar (with grey figure) is used
+     *  - image: true - the avatar is an image set in the settings
+     *  - defaultAvatar: false, image: false - the avatar is produced from the initials of the display name
+     */
+    async assertThumbnailShowsAvatar(
+            participant: Participant, reverse = false, defaultAvatar = false, image = false): Promise<void> {
+        const id = participant === this
+            ? 'localVideoContainer' : `participant_${await participant.getEndpointId()}`;
+
+        const xpath = defaultAvatar
+            ? `//span[@id='${id}']//div[contains(@class,'userAvatar') and contains(@class, 'defaultAvatar')]`
+            : `//span[@id="${id}"]//${image ? 'img' : 'div'}[contains(@class,"userAvatar")]`;
+
+        await this.driver.$(xpath).waitForDisplayed({
+            reverse,
+            timeout: 2000,
+            timeoutMsg: `Avatar is ${reverse ? '' : 'not'} displayed in the local thumbnail for ${participant.name}`
+        });
+
+        await this.driver.$(`//span[@id="${id}"]//video`).waitForDisplayed({
+            reverse: !reverse,
+            timeout: 2000,
+            timeoutMsg: `Video is ${reverse ? 'not' : ''} displayed in the local thumbnail for ${participant.name}`
+        });
+    }
+
+    /**
+     * Makes sure that the default avatar is used.
+     */
+    async assertDefaultAvatarExist(participant: Participant): Promise<void> {
+        const id = participant === this
+            ? 'localVideoContainer' : `participant_${await participant.getEndpointId()}`;
+
+        await this.driver.$(
+            `//span[@id='${id}']//div[contains(@class,'userAvatar') and contains(@class, 'defaultAvatar')]`)
+            .waitForExist({
+                timeout: 2000,
+                timeoutMsg: `Default avatar does not exist for ${participant.name}`
+            });
+    }
+
+    /**
+     * Makes sure that the local video is displayed in the local thumbnail and that the avatar is not displayed.
+     */
+    async asserLocalThumbnailShowsVideo(): Promise<void> {
+        await this.assertThumbnailShowsAvatar(this, true);
+    }
+
+    /**
+     * Make sure a display name is visible on the stage.
+     * @param value
+     */
+    async assertDisplayNameVisibleOnStage(value: string) {
+        const displayNameEl = this.driver.$('div[data-testid="stage-display-name"]');
+
+        expect(await displayNameEl.isDisplayed()).toBe(true);
+        expect(await displayNameEl.getText()).toBe(value);
+    }
+
+    /**
+     * Checks if the leave reason dialog is open.
+     */
+    async isLeaveReasonDialogOpen() {
+        return this.driver.$('div[data-testid="dialog.leaveReason"]').isDisplayed();
+    }
+
+    /**
+     * Returns the audio level for a participant.
+     *
+     * @param p
+     * @return
+     */
+    async getRemoteAudioLevel(p: Participant) {
+        const jid = await p.getEndpointId();
+
+        return await this.execute(id => {
+            const level = APP?.conference?.getPeerSSRCAudioLevel(id);
+
+            return level ? level.toFixed(2) : null;
+        }, jid);
+    }
+
+    /**
+     * For the participant to have his audio muted/unmuted from given observer's
+     * perspective. The method will fail the test if something goes wrong or
+     * the audio muted status is different than the expected one. We wait up to
+     * 3 seconds for the expected status to appear.
+     *
+     * @param testee - instance of the participant for whom we're checking the audio muted status.
+     * @param muted - <tt>true</tt> to wait for audio muted status or <tt>false</tt> to wait for the participant to
+     * unmute.
+     */
+    async waitForAudioMuted(testee: Participant, muted: boolean): Promise<void> {
+        // Waits for the correct icon
+        await this.getFilmstrip().assertAudioMuteIconIsDisplayed(testee, !muted);
+
+        // Extended timeout for 'unmuted' to make tests more resilient to
+        // unexpected glitches.
+        const timeout = muted ? 3_000 : 6_000;
+
+        // Give it 3 seconds to not get any audio or to receive some
+        // depending on "muted" argument
+        try {
+            await this.driver.waitUntil(async () => {
+                const audioLevel = await this.getRemoteAudioLevel(testee);
+
+                if (muted) {
+                    if (audioLevel !== null && audioLevel > 0.1) {
+                        console.log(`muted exiting on: ${audioLevel}`);
+
+                        return true;
+                    }
+
+                    return false;
+                }
+
+                // When testing for unmuted we wait for first sound
+                if (audioLevel !== null && audioLevel > 0.1) {
+                    console.log(`unmuted exiting on: ${audioLevel}`);
+
+                    return true;
+                }
+
+                return false;
+            },
+            { timeout });
+
+            // When testing for muted we don't want to have
+            // the condition succeeded
+            if (muted) {
+                assert.fail(`There was some sound coming from muted: '${this.name}'`);
+            } // else we're good for unmuted participant
+        } catch (_timeoutE) {
+            if (!muted) {
+                assert.fail(`There was no sound from unmuted: '${this.name}'`);
+            } // else we're good for muted participant
+        }
+    }
+
+    /**
+     * Checks if video is currently received for the given remote endpoint ID (there is a track, it's not muted,
+     * and it's streaming status according to the connection-indicator is active).
+     */
+    async isRemoteVideoReceived(endpointId: string): Promise<boolean> {
+        return this.execute(e => JitsiMeetJS.app.testing.isRemoteVideoReceived(e), endpointId);
+    }
+
+    /**
+     * Checks if the remove video is displayed for the given remote endpoint ID.
+     * @param endpointId
+     */
+    async isRemoteVideoDisplayed(endpointId: string): Promise<boolean> {
+        return this.driver.$(
+            `//span[@id="participant_${endpointId}" and contains(@class, "display-video")]`).isExisting();
+    }
+
+    /**
+     * Check if remote video for a specific remote endpoint is both received and displayed.
+     * @param endpointId
+     */
+    async isRemoteVideoReceivedAndDisplayed(endpointId: string): Promise<boolean> {
+        return await this.isRemoteVideoReceived(endpointId) && await this.isRemoteVideoDisplayed(endpointId);
+    }
+
+    /**
+     * Waits for a specific participant to be displayed on large video.
+     *
+     * @param {string} expectedEndpointId - The endpoint ID of the participant expected on large video.
+     * @param {string} timeoutMsg - Optional custom timeout message.
+     * @param {number} timeout - Optional timeout in milliseconds (default: 30000).
+     * @returns {Promise<void>}
+     */
+    async waitForParticipantOnLargeVideo(
+            expectedEndpointId: string,
+            timeoutMsg?: string,
+            timeout: number = 30_000): Promise<void> {
+        await this.driver.waitUntil(
+            async () => await this.getLargeVideo().getResource() === expectedEndpointId,
+            {
+                timeout,
+                timeoutMsg: timeoutMsg || `Expected ${expectedEndpointId} on large video for ${this.name}`
+            });
+    }
+
+    /**
+     * Waits for remote video state - receiving and displayed.
+     * @param endpointId
+     * @param reverse if true, waits for the remote video to NOT be received AND NOT displayed.
+     */
+    async waitForRemoteVideo(endpointId: string, reverse = false) {
+        if (reverse) {
+            await this.driver.waitUntil(async () =>
+                !await this.isRemoteVideoReceived(endpointId) && !await this.isRemoteVideoDisplayed(endpointId), {
+                timeout: 15_000,
+                timeoutMsg: `expected remote video for ${endpointId} to not be received 15s by ${this.name}`
+            });
+        } else {
+            await this.driver.waitUntil(async () =>
+                await this.isRemoteVideoReceivedAndDisplayed(endpointId), {
+                timeout: 15_000,
+                timeoutMsg: `expected remote video for ${endpointId} to be received 15s by ${this.name}`
+            });
+        }
+    }
+
+    /**
+     * Waits for ninja icon to be displayed.
+     * @param endpointId When no endpoint id is passed we check for any ninja icon.
+     */
+    async waitForNinjaIcon(endpointId?: string) {
+        if (endpointId) {
+            await this.driver.$(`//span[@id='participant_${endpointId}']//span[@class='connection_ninja']`)
+                .waitForDisplayed({
+                    timeout: 15_000,
+                    timeoutMsg: `expected ninja icon for ${endpointId} to be displayed in 15s by ${this.name}`
+                });
+        } else {
+            await this.driver.$('//span[contains(@class,"videocontainer")]//span[contains(@class,"connection_ninja")]')
+                .waitForDisplayed({
+                    timeout: 5_000,
+                    timeoutMsg: `expected ninja icon to be displayed in 5s by ${this.name}`
+                });
+        }
+    }
+
+    /**
+     * Waits for dominant speaker icon to appear in remote video of a participant.
+     * @param endpointId the endpoint ID of the participant whose dominant speaker icon status will be checked.
+     */
+    waitForDominantSpeaker(endpointId: string) {
+        return this.driver.$(`//span[@id="participant_${endpointId}" and contains(@class, "dominant-speaker")]`)
+            .waitForDisplayed({ timeout: 5_000 });
+    }
+
+    /**
+     * Returns the token that this participant was initialized with.
+     */
+    getToken(): IToken | undefined {
+        return this._token;
+    }
+
+    /**
+     * Gets the dial in pin for the conference. Reads it from the invite dialog if the pin hasn't been cached yet.
+     */
+    async getDialInPin(): Promise<string> {
+        if (!this._dialInPin) {
+            const dialInPin = await this.getInviteDialog().getPinNumber();
+
+            await this.getInviteDialog().clickCloseButton();
+
+            this._dialInPin = dialInPin;
+        }
+
+        return this._dialInPin;
+    }
+}
diff --git a/tests/helpers/TestProperties.ts b/tests/helpers/TestProperties.ts
new file mode 100644
index 0000000..82aaff0
--- /dev/null
+++ b/tests/helpers/TestProperties.ts
@@ -0,0 +1,118 @@
+/**
+ * An interface that tests can export (as a TEST_PROPERTIES property) to define what they require.
+ */
+export type ITestProperties = {
+    /**
+     * A more detailed description of what the test does, to be included in the Allure report.
+     */
+    description?: string;
+    /** The test requires the webhook proxy to be available. */
+    requireWebhookProxy: boolean;
+    /** The test requires jaas, it should be skipped when the jaas configuration is not enabled. */
+    useJaas: boolean;
+    /** The test uses the webhook proxy if available. */
+    useWebhookProxy: boolean;
+    usesBrowsers: string[];
+};
+
+const defaultProperties: ITestProperties = {
+    useWebhookProxy: false,
+    requireWebhookProxy: false,
+    useJaas: false,
+    usesBrowsers: [ 'p1' ]
+};
+
+
+/**
+ * Maps a test filename to its registered properties.
+ */
+export const testProperties: Record<string, ITestProperties> = {};
+
+/**
+ * Set properties for a test file. This was needed because I couldn't find a hook that executes with describe() before
+ * the code in wdio.conf.ts's before() hook. The intention is for tests to execute this directly. The properties don't
+ * change dynamically.
+ *
+ * @param filename the absolute path to the test file
+ * @param properties the properties to set for the test file, defaults will be applied for missing properties
+ */
+export function setTestProperties(filename: string, properties: Partial<ITestProperties>): void {
+    if (testProperties[filename]) {
+        console.warn(`Test properties for ${filename} are already set. Overwriting.`);
+    }
+
+    testProperties[filename] = { ...defaultProperties, ...properties };
+}
+
+let testFilesLoaded = false;
+
+/**
+ * Loads test files to populate the testProperties registry. This function:
+ * 1. Mocks test framework globals to prevent test registration
+ * 2. require()s each file to trigger setTestProperties calls
+ * 3. Restores original test framework functions
+ *
+ * @param files - Array of file names to load
+ */
+export function loadTestFiles(files: string[]): void {
+    if (testFilesLoaded) {
+        return;
+    }
+
+    // Temporarily override test functions to prevent tests registering at this stage. We only want TestProperties to be
+    // loaded.
+    const originalTestFunctions: Record<string, any> = {};
+    const testGlobals = [ 'describe', 'it', 'test', 'expect', 'beforeEach', 'afterEach', 'before', 'after', 'beforeAll',
+        'afterAll', 'suite', 'setup', 'teardown' ];
+
+    testGlobals.forEach(fn => {
+        originalTestFunctions[fn] = (global as any)[fn];
+        (global as any)[fn] = () => {
+            // do nothing
+        };
+    });
+
+    try {
+        // Load all spec files to trigger setTestProperties calls
+        files.forEach(file => {
+            try {
+                require(file);
+                if (!testProperties[file]) {
+                    // If no properties were set, apply defaults
+                    setTestProperties(file, { ...defaultProperties });
+                }
+            } catch (error) {
+                console.warn(`Warning: Could not analyze ${file}:`, (error as Error).message);
+            }
+        });
+        testFilesLoaded = true;
+
+    } finally {
+        // Restore original functions
+        testGlobals.forEach(fn => {
+            if (originalTestFunctions[fn] !== undefined) {
+                (global as any)[fn] = originalTestFunctions[fn];
+            } else {
+                delete (global as any)[fn];
+            }
+        });
+        // Clear require cache for analyzed files so they can be loaded fresh by WebDriverIO
+        files.forEach(file => {
+            delete require.cache[file];
+        });
+    }
+}
+
+/**
+ * @param testFilePath - The absolute path to the test file
+ * @returns Promise<ITestProperties> - The test properties with defaults applied
+ */
+export async function getTestProperties(testFilePath: string): Promise<ITestProperties> {
+    const properties = testProperties[testFilePath] || { ...defaultProperties };
+
+    if (properties.requireWebhookProxy && !properties.useWebhookProxy) {
+        properties.useWebhookProxy = true;
+    }
+
+    return properties;
+}
diff --git a/tests/helpers/TestsConfig.ts b/tests/helpers/TestsConfig.ts
new file mode 100644
index 0000000..6fca2d5
--- /dev/null
+++ b/tests/helpers/TestsConfig.ts
@@ -0,0 +1,74 @@
+/**
+ * Global configuration that the tests are run with. Loaded from environment variables.
+ */
+export const config = {
+    /** Enable debug logging. Note this includes private information from .env */
+    debug: Boolean(process.env.JITSI_DEBUG?.trim()),
+    expectationsFile: process.env.EXPECTATIONS?.trim(),
+    jaas: {
+        customerId: (() => {
+            if (typeof process.env.JAAS_TENANT !== 'undefined') {
+                return process.env.JAAS_TENANT?.trim()?.replace('vpaas-magic-cookie-', '');
+            }
+
+            return process.env.IFRAME_TENANT?.trim()?.replace('vpaas-magic-cookie-', '');
+        })(),
+        /** Whether the configuration for JaaS specific tests is enabled. */
+        enabled: Boolean(
+            (process.env.JAAS_TENANT || process.env.IFRAME_TENANT)
+            && (process.env.JAAS_PRIVATE_KEY_PATH || process.env.JWT_PRIVATE_KEY_PATH)
+            && (process.env.JAAS_KID || process.env.JWT_KID)),
+        /** The JaaS key ID, used to sign the tokens. */
+        kid: (() => {
+            if (typeof process.env.JAAS_KID !== 'undefined') {
+                return process.env.JAAS_KID?.trim();
+            }
+
+            return process.env.JWT_KID?.trim();
+        })(),
+        /** The path to the JaaS private key, used to sign JaaS tokens. */
+        privateKeyPath: (() => {
+            if (typeof process.env.JAAS_PRIVATE_KEY_PATH != 'undefined') {
+                return process.env.JAAS_PRIVATE_KEY_PATH?.trim();
+            }
+
+            return process.env.JWT_PRIVATE_KEY_PATH?.trim();
+        })(),
+        /** The JaaS tenant (vpaas-magic-cookie-<ID>) . */
+        tenant: (() => {
+            if (typeof process.env.JAAS_TENANT !== 'undefined') {
+                return process.env.JAAS_TENANT?.trim();
+            }
+
+            return process.env.IFRAME_TENANT?.trim();
+        })()
+    },
+    jwt: {
+        kid: process.env.JWT_KID?.trim(),
+        /** A pre-configured token used by some tests. */
+        preconfiguredJwt: process.env.JWT_ACCESS_TOKEN?.trim(),
+        preconfiguredToken: (() => {
+            if (process.env.JWT_ACCESS_TOKEN) {
+                return { jwt: process.env.JWT_ACCESS_TOKEN?.trim() };
+            }
+
+            return undefined;
+        })(),
+        privateKeyPath: process.env.JWT_PRIVATE_KEY_PATH?.trim()
+    },
+    roomName: {
+        /** Optional prefix for room names used for tests. */
+        prefix: process.env.ROOM_NAME_PREFIX?.trim(),
+        /** Optional suffix for room names used for tests. */
+        suffix: process.env.ROOM_NAME_SUFFIX?.trim()
+    },
+    webhooksProxy: {
+        enabled: Boolean(process.env.WEBHOOKS_PROXY_URL && process.env.WEBHOOKS_PROXY_SHARED_SECRET),
+        sharedSecret: process.env.WEBHOOKS_PROXY_SHARED_SECRET?.trim(),
+        url: process.env.WEBHOOKS_PROXY_URL?.trim(),
+    }
+};
+
+if (config.debug) {
+    console.log('TestsConfig:', JSON.stringify(config, null, 2));
+}
diff --git a/tests/helpers/WebhookProxy.ts b/tests/helpers/WebhookProxy.ts
new file mode 100644
index 0000000..f8e4ebd
--- /dev/null
+++ b/tests/helpers/WebhookProxy.ts
@@ -0,0 +1,194 @@
+import fs from 'node:fs';
+import WebSocket from 'ws';
+
+/**
+ * Uses the webhook proxy service to proxy events to the testing clients.
+ */
+export default class WebhookProxy {
+    private readonly url;
+    private readonly secret;
+    private logFile;
+    private ws: WebSocket | undefined;
+    private cache = new Map();
+    private listeners = new Map();
+    private consumers = new Map();
+    private _defaultMeetingSettings: object | undefined;
+
+    /**
+     * Initializes the webhook proxy.
+     * @param url
+     * @param secret
+     * @param logFile
+     */
+    constructor(url: string, secret: string, logFile: string) {
+        this.url = url;
+        this.secret = secret;
+        this.logFile = logFile;
+    }
+
+    /**
+     * Connects.
+     */
+    connect() {
+        this.ws = new WebSocket(this.url, {
+            headers: {
+                Authorization: this.secret
+            }
+        });
+
+        this.ws.on('error', console.error);
+
+        this.ws.on('open', function open() {
+            console.log('WebhookProxy connected');
+        });
+
+        this.ws.on('message', (data: any) => {
+            const msg = JSON.parse(data.toString());
+
+            this.logInfo(`${msg.eventType} event: ${JSON.stringify(msg)}`);
+
+            if (msg.eventType) {
+                let processed = false;
+
+                if (this.consumers.has(msg.eventType)) {
+                    this.consumers.get(msg.eventType)(msg);
+                    this.consumers.delete(msg.eventType);
+
+                    processed = true;
+                } else {
+                    this.cache.set(msg.eventType, msg);
+                }
+
+                if (this.listeners.has(msg.eventType)) {
+                    this.listeners.get(msg.eventType)(msg);
+                    processed = true;
+                }
+
+                if (!processed && msg.eventType === 'SETTINGS_PROVISIONING') {
+                    // just in case to not be empty
+                    let response: any = { someField: 'someValue' };
+
+                    if (this._defaultMeetingSettings) {
+                        response = this._defaultMeetingSettings;
+                    }
+
+                    this.ws?.send(JSON.stringify(response));
+                }
+            }
+        });
+    }
+
+    /**
+     * Adds event consumer. Consumers receive the event single time and we remove them from the list of consumers.
+     * @param eventType
+     * @param callback
+     */
+    addConsumer(eventType: string, callback: (deventata: any) => void) {
+        if (this.cache.has(eventType)) {
+            callback(this.cache.get(eventType));
+            this.cache.delete(eventType);
+
+            return;
+        }
+
+        this.consumers.set(eventType, callback);
+    }
+
+    /**
+     * Clear any stored event.
+     */
+    clearCache() {
+        this.logInfo('cache cleared');
+        this.cache.clear();
+    }
+
+    /**
+     * Waits for the event to be received.
+     * @param eventType
+     * @param timeout
+     */
+    async waitForEvent(eventType: string, timeout = 120000): Promise<any> {
+        // we create the error here so we have a meaningful stack trace
+        const error = new Error(`Timeout waiting for event:${eventType}`);
+
+        return new Promise((resolve, reject) => {
+            const waiter = setTimeout(() => {
+                this.logInfo(error.message);
+
+                return reject(error);
+            }, timeout);
+
+            this.addConsumer(eventType, event => {
+                clearTimeout(waiter);
+
+                resolve(event);
+            });
+
+        });
+    }
+
+    /**
+     * Adds a listener for the event type.
+     * @param eventType
+     * @param callback
+     */
+    addListener(eventType: string, callback: (data: any) => void) {
+        this.listeners.set(eventType, callback);
+    }
+
+    /**
+     * Adds a listener for the event type.
+     * @param eventType
+     */
+    removeListener(eventType: string) {
+        this.listeners.delete(eventType);
+    }
+
+    /**
+     * Disconnects the webhook proxy.
+     */
+    disconnect() {
+        if (this.ws) {
+            this.ws.close();
+            console.log('WebhookProxy disconnected');
+            this.ws = undefined;
+            this.logInfo('disconnected');
+        }
+    }
+
+    /**
+     * Logs a message in the logfile.
+     *
+     * @param {string} message - The message to add.
+     * @returns {void}
+     */
+    logInfo(message: string) {
+        try {
+            // @ts-ignore
+            fs.appendFileSync(this.logFile, `${new Date().toISOString()} ${message}\n`);
+        } catch (err) {
+            console.error(err);
+        }
+    }
+
+    /**
+     * Sets the settings provider.
+     * @param value
+     */
+    set defaultMeetingSettings(value: {
+        autoAudioRecording?: boolean;
+        autoTranscriptions?: boolean;
+        autoVideoRecording?: boolean;
+        lobbyEnabled?: boolean;
+        lobbyType?: 'WAIT_FOR_APPROVAL' | 'WAIT_FOR_MODERATOR';
+        maxOccupants?: number;
+        outboundPhoneNo?: string;
+        participantsSoftLimit?: number;
+        passcode?: string;
+        transcriberType?: 'GOOGLE' | 'ORACLE_CLOUD_AI_SPEECH' | 'EGHT_WHISPER';
+        visitorsEnabled?: boolean;
+        visitorsLive?: boolean;
+    }) {
+        this._defaultMeetingSettings = value;
+    }
+}
diff --git a/tests/helpers/browserLogger.ts b/tests/helpers/browserLogger.ts
new file mode 100644
index 0000000..4ba66c5
--- /dev/null
+++ b/tests/helpers/browserLogger.ts
@@ -0,0 +1,83 @@
+import fs from 'node:fs';
+
+/**
+ * A prefix to use for all messages we add to the console log.
+ */
+export const LOG_PREFIX = '[MeetTest] ';
+
+/**
+ * Initialize logger for a driver.
+ *
+ * @param {WebdriverIO.Browser} driver - The driver.
+ * @param {string} fileName - The name of the file.
+ * @param {string} folder - The folder to save the file.
+ * @returns {void}
+ */
+export function initLogger(driver: WebdriverIO.Browser, fileName: string, folder: string) {
+    // @ts-ignore
+    driver.logFile = `${folder}/${fileName}.log`;
+    driver.sessionSubscribe({ events: [ 'log.entryAdded' ] });
+
+    driver.on('log.entryAdded', (entry: any) => {
+        try {
+            // @ts-ignore
+            fs.appendFileSync(driver.logFile, `${entry.text}\n`);
+        } catch (err) {
+            console.error(err);
+        }
+    });
+}
+
+/**
+ * Returns the content of the log file.
+ *
+ * @param {WebdriverIO.Browser} driver - The driver which log file is requested.
+ * @returns {string} The content of the log file.
+ */
+export function getLogs(driver: WebdriverIO.Browser) {
+    // @ts-ignore
+    if (!driver.logFile) {
+        return;
+    }
+
+    // @ts-ignore
+    return fs.readFileSync(driver.logFile, 'utf8');
+}
+
+/**
+ * Appends value to the log file.
+ * @param {WebdriverIO.Browser} driver - The driver which log file is requested.
+ * @param {string} value - The content to add to the file.
+ */
+export function saveLogs(driver: WebdriverIO.Browser, value: string) {
+    // @ts-ignore
+    if (!driver.logFile) {
+        return;
+    }
+
+    try {
+        // @ts-ignore
+        fs.appendFileSync(driver.logFile, value);
+    } catch (err) {
+        console.error(err);
+    }
+}
+
+/**
+ * Logs a message in the logfile.
+ *
+ * @param {WebdriverIO.Browser} driver - The participant in which log file to write.
+ * @param {string} message - The message to add.
+ * @returns {void}
+ */
+export async function logInfo(driver: WebdriverIO.Browser, message: string) {
+    // @ts-ignore
+    if (!driver.logFile) {
+        return;
+    }
+
+    return driver.execute((prefix, msg) =>
+        console.log(`${new Date().toISOString()} ${prefix} ${msg}\n`),
+        LOG_PREFIX, message);
+}
+
diff --git a/tests/helpers/expectations.ts b/tests/helpers/expectations.ts
new file mode 100644
index 0000000..2a95e2b
--- /dev/null
+++ b/tests/helpers/expectations.ts
@@ -0,0 +1,66 @@
+import fs from 'fs';
+import { merge } from 'lodash-es';
+
+import { config } from './TestsConfig';
+
+const defaultExpectations = {
+    dialIn: {
+        /*
+         * The dial-in functionality is enabled.
+         * true -> assert the config is enabled, the UI elements are displayed, and the feature works.
+         * false -> assert the config is disabled and the UI elements are not displayed.
+         * null -> if the config is enabled, assert the UI elements are displayed and the feature works.
+         */
+        enabled: null,
+        minPinLength: 8
+    },
+    iframe: {
+        // Whether the iframe integration is enabled (the inverse of `disableIframeAPI` from config.js)
+        enabled: true
+    },
+    jaas: {
+        liveStreamingEnabled: true,
+        recordingEnabled: true,
+        transcriptionEnabled: true,
+        /**
+         * Whether the jaas account is configured with the account-level setting to allow unauthenticated users to join.
+         */
+        unauthenticatedJoins: false,
+        visitors: true
+    },
+    moderation: {
+        // Everyone is a moderator.
+        allModerators: false,
+        // When a moderator leaves, another one is elected.
+        autoModerator: true,
+        // The first to join is a moderator.
+        firstModerator: true,
+        // The grantOwner function is available.
+        grantModerator: true,
+        // Whether the ability to set a password is available (there's a backend options which makes moderators unable
+        // to set a room password unless they also happen to have a token (any valid token?))
+        setPasswordAvailable: true
+    },
+    // We can create conferences under any tenant.
+    useTenant: true
+};
+
+let overrides: any = {};
+
+if (config.expectationsFile) {
+    try {
+        const str = fs.readFileSync(config.expectationsFile, 'utf8');
+
+        // Remove comments and multiline comments.
+        overrides = JSON.parse(str.replace(/\/\/.*|\/\*[\s\S]*?\*\//g, ''));
+    } catch (e) {
+        console.error('Error reading expectations file', e);
+    }
+    console.log('Loaded expectations from', config.expectationsFile);
+}
+
+export const expectations = merge(defaultExpectations, overrides);
+
+if (!process.env.WDIO_WORKER_ID) {
+    console.log('Expectations:', expectations);
+}
diff --git a/tests/helpers/jaas.ts b/tests/helpers/jaas.ts
new file mode 100644
index 0000000..019ea22
--- /dev/null
+++ b/tests/helpers/jaas.ts
@@ -0,0 +1,41 @@
+import { Participant } from './Participant';
+import { config } from './TestsConfig';
+import { joinMuc } from './joinMuc';
+import { IToken, ITokenOptions, generateToken } from './token';
+import { IParticipantJoinOptions, IParticipantOptions } from './types';
+
+export function generateJaasToken(options: ITokenOptions): IToken {
+    if (!config.jaas.enabled) {
+        throw new Error('JaaS is not configured.');
+    }
+
+    // Don't override the keyId and keyPath if they are already set in options, allow tests to set them.
+    return generateToken({
+        ...options,
+        keyId: options.keyId || config.jaas.kid,
+        keyPath: options.keyPath || config.jaas.privateKeyPath
+    });
+}
+
+/**
+ * Creates a new Participant and joins the MUC with the given options. The jaas-specific properties must be set as
+ * environment variables (see env.example and TestsConfig.ts). If no room name is specified, the default room name
+ * from the context is used.
+ *
+ * @param participantOptions
+ * @param joinOptions options to use when joining the MUC.
+ * @returns {Promise<Participant>} The Participant that has joined the MUC.
+ */
+export async function joinJaasMuc(
+        participantOptions?: Partial<IParticipantOptions>,
+        joinOptions?: Partial<IParticipantJoinOptions>): Promise<Participant> {
+
+    if (!config.jaas.enabled) {
+        throw new Error('JaaS is not configured.');
+    }
+
+    return await joinMuc(participantOptions, {
+        ...joinOptions,
+        tenant: joinOptions?.tenant || config.jaas.tenant
+    });
+}
diff --git a/tests/helpers/joinMuc.ts b/tests/helpers/joinMuc.ts
new file mode 100644
index 0000000..17cb0c8
--- /dev/null
+++ b/tests/helpers/joinMuc.ts
@@ -0,0 +1,50 @@
+import { Participant } from './Participant';
+import { IParticipantJoinOptions, IParticipantOptions } from './types';
+
+/**
+ * Creates a new Participant and joins the MUC with the given options. If no room name is specified, the default room
+ * name from the context is used.
+ *
+ * @param participantOptions
+ * @param joinOptions options to use when joining the MUC.
+ * @returns {Promise<Participant>} The Participant that has joined the MUC.
+ */
+export async function joinMuc(
+        participantOptions?: Partial<IParticipantOptions>,
+        joinOptions?: Partial<IParticipantJoinOptions>): Promise<Participant> {
+
+    const name = participantOptions?.name || 'p1';
+
+    // @ts-ignore
+    const p = ctx[name] as Participant;
+
+    if (p) {
+        // Load a blank page to make sure the page is reloaded (in case the new participant uses the same URL). Using
+        // 'about:blank' was causing problems in the past, if we notice any issues we can change to "base.html".
+        await p.driver.url('about:blank');
+    }
+
+    const newParticipant = new Participant({
+        iFrameApi: participantOptions?.iFrameApi || false,
+        name,
+        token: participantOptions?.token
+    });
+
+    // @ts-ignore
+    ctx[name] = newParticipant;
+
+    return await newParticipant.joinConference({
+        ...joinOptions,
+        roomName: joinOptions?.roomName || ctx.roomName,
+    });
+}
+
+/**
+ * Wait until all participants have ICE connected and have sent and received data (their PC stats are ready).
+ * @param participants
+ */
+export async function waitForMedia(participants: Participant[]) {
+    await Promise.all(participants.map(p =>
+        p.waitForIceConnected().then(() => p.waitForSendReceiveData())
+    ));
+}
diff --git a/tests/helpers/participants.ts b/tests/helpers/participants.ts
new file mode 100644
index 0000000..8009948
--- /dev/null
+++ b/tests/helpers/participants.ts
@@ -0,0 +1,253 @@
+import { P1, P2, P3, P4, Participant } from './Participant';
+import { config } from './TestsConfig';
+import { IJoinOptions, IParticipantOptions } from './types';
+
+const SUBJECT_XPATH = '//div[starts-with(@class, "subject-text")]';
+
+/**
+ * Ensure that there is on participant.
+ * Ensure that the first participant is moderator if there is such an option.
+ *
+ * @param {IJoinOptions} options - The options to use when joining the participant.
+ * @param participantOptions
+ * @returns {Promise<void>}
+ */
+export async function ensureOneParticipant(
+        options?: IJoinOptions, participantOptions?: IParticipantOptions): Promise<void> {
+    if (!participantOptions) {
+        participantOptions = { name: P1 };
+    }
+    participantOptions.name = P1;
+
+    if (!participantOptions.token) {
+        participantOptions.token = config.jwt.preconfiguredToken;
+    }
+
+    // make sure the first participant is moderator, if supported by deployment
+    await joinParticipant(participantOptions, options);
+}
+
+/**
+ * Ensure that there are three participants.
+ *
+ * @param {IJoinOptions} options - The options to use when joining the participant.
+ * @returns {Promise<void>}
+ */
+export async function ensureThreeParticipants(options?: IJoinOptions): Promise<void> {
+    await ensureOneParticipant(options);
+
+    // these need to be all, so we get the error when one fails
+    await Promise.all([
+        joinParticipant({ name: P2 }, options),
+        joinParticipant({ name: P3 }, options)
+    ]);
+
+    if (options?.skipInMeetingChecks) {
+        return Promise.resolve();
+    }
+
+    await Promise.all([
+        ctx.p1.waitForIceConnected(),
+        ctx.p2.waitForIceConnected(),
+        ctx.p3.waitForIceConnected()
+    ]);
+    await Promise.all([
+        ctx.p1.waitForSendReceiveData().then(() => ctx.p1.waitForRemoteStreams(1)),
+        ctx.p2.waitForSendReceiveData().then(() => ctx.p2.waitForRemoteStreams(1)),
+        ctx.p3.waitForSendReceiveData().then(() => ctx.p3.waitForRemoteStreams(1)),
+    ]);
+}
+
+/**
+ * Creates the first participant instance or prepares one for re-joining.
+ *
+ * @param {IJoinOptions} options - The options to use when joining the participant.
+ * @returns {Promise<void>}
+ */
+export function joinFirstParticipant(options: IJoinOptions = { }): Promise<void> {
+    return ensureOneParticipant(options);
+}
+
+/**
+ * Creates the second participant instance or prepares one for re-joining.
+ *
+ * @param {IJoinOptions} options - The options to use when joining the participant.
+ * @returns {Promise<Participant>}
+ */
+export function joinSecondParticipant(options?: IJoinOptions): Promise<Participant> {
+    return joinParticipant({ name: P2 }, options);
+}
+
+/**
+ * Creates the third participant instance or prepares one for re-joining.
+ *
+ * @param {IJoinOptions} options - The options to use when joining the participant.
+ * @returns {Promise<Participant>}
+ */
+export function joinThirdParticipant(options?: IJoinOptions): Promise<Participant> {
+    return joinParticipant({ name: P3 }, options);
+}
+
+/**
+ * Ensure that there are four participants.
+ *
+ * @param {IJoinOptions} options - The options to use when joining the participant.
+ * @returns {Promise<void>}
+ */
+export async function ensureFourParticipants(options?: IJoinOptions): Promise<void> {
+    await ensureOneParticipant(options);
+
+    // these need to be all, so we get the error when one fails
+    await Promise.all([
+        joinParticipant({ name: P2 }, options),
+        joinParticipant({ name: P3 }, options),
+        joinParticipant({ name: P4 }, options)
+    ]);
+
+    if (options?.skipInMeetingChecks) {
+        return Promise.resolve();
+    }
+
+    await Promise.all([
+        ctx.p1.waitForIceConnected(),
+        ctx.p2.waitForIceConnected(),
+        ctx.p3.waitForIceConnected(),
+        ctx.p4.waitForIceConnected()
+    ]);
+    await Promise.all([
+        ctx.p1.waitForSendReceiveData().then(() => ctx.p1.waitForRemoteStreams(1)),
+        ctx.p2.waitForSendReceiveData().then(() => ctx.p2.waitForRemoteStreams(1)),
+        ctx.p3.waitForSendReceiveData().then(() => ctx.p3.waitForRemoteStreams(1)),
+        ctx.p4.waitForSendReceiveData().then(() => ctx.p4.waitForRemoteStreams(1)),
+    ]);
+}
+
+/**
+ * Ensure that there are two participants.
+ *
+ * @param {IJoinOptions} options - The options to join.
+ * @param participantOptions
+ */
+export async function ensureTwoParticipants(
+        options?: IJoinOptions, participantOptions?: IParticipantOptions): Promise<void> {
+    await ensureOneParticipant(options, participantOptions);
+
+    if (!participantOptions) {
+        participantOptions = { name: P2 };
+    }
+    participantOptions.name = P2;
+
+    await joinParticipant(participantOptions, options);
+
+    if (options?.skipInMeetingChecks) {
+        return Promise.resolve();
+    }
+
+    await Promise.all([
+        ctx.p1.waitForIceConnected(),
+        ctx.p2.waitForIceConnected()
+    ]);
+    await Promise.all([
+        ctx.p1.waitForSendReceiveData().then(() => ctx.p1.waitForRemoteStreams(1)),
+        ctx.p2.waitForSendReceiveData().then(() => ctx.p2.waitForRemoteStreams(1))
+    ]);
+}
+
+/**
+ * Creates a new participant instance, or returns an existing one if it is already joined.
+ * @param participantOptions - The participant options, with required name set.
+ * @param options - Join options.
+ * @returns {Promise<Participant>} - The participant instance.
+ */
+async function joinParticipant( // eslint-disable-line max-params
+        participantOptions: IParticipantOptions,
+        options?: IJoinOptions
+): Promise<Participant> {
+
+    // @ts-ignore
+    const p = ctx[participantOptions.name] as Participant;
+
+    if (p) {
+        if (participantOptions.iFrameApi) {
+            await p.switchToIFrame();
+        }
+
+        if (await p.isInMuc()) {
+            return p;
+        }
+
+        if (participantOptions.iFrameApi) {
+            // when loading url make sure we are on the top page context or strange errors may occur
+            await p.switchToMainFrame();
+        }
+
+        // Change the page so we can reload same url if we need to, base.html is supposed to be empty or close to empty
+        await p.driver.url('/base.html');
+    }
+
+    const newParticipant = new Participant(participantOptions);
+
+    // set the new participant instance
+    // @ts-ignore
+    ctx[participantOptions.name] = newParticipant;
+
+    return await newParticipant.joinConference({
+        ...options,
+        roomName: options?.roomName || ctx.roomName,
+    });
+}
+
+/**
+ * Parse a JID string.
+ * @param str the string to parse.
+ */
+export function parseJid(str: string): {
+    domain: string;
+    node: string;
+    resource: string | undefined;
+} {
+    const parts = str.split('@');
+    const domainParts = parts[1].split('/');
+
+    return {
+        node: parts[0],
+        domain: domainParts[0],
+        resource: domainParts.length > 0 ? domainParts[1] : undefined
+    };
+}
+
+/**
+ * Check the subject of the participant.
+ * @param participant
+ * @param subject
+ */
+export async function checkSubject(participant: Participant, subject: string) {
+    const localTile = participant.driver.$(SUBJECT_XPATH);
+
+    await localTile.waitForExist();
+    await localTile.moveTo();
+
+    const txt = await localTile.getText();
+
+    expect(txt.startsWith(subject)).toBe(true);
+}
+
+/**
+ * Check if a screensharing tile is displayed on the observer.
+ * Expects there was already a video by this participant and screen sharing will be the second video `-v1`.
+ */
+export async function checkForScreensharingTile(sharer: Participant, observer: Participant, reverse = false) {
+    await observer.driver.$(`//span[@id='participant_${await sharer.getEndpointId()}-v1']`).waitForDisplayed({
+        timeout: 3_000,
+        reverse
+    });
+}
+
+/**
+ * Hangs up all participants (p1, p2, p3 and p4)
+ * @returns {Promise<void>}
+ */
+export function hangupAllParticipants() {
+    return Promise.all([ ctx.p1?.hangup(), ctx.p2?.hangup(), ctx.p3?.hangup(), ctx.p4?.hangup() ]
+        .map(p => p ?? Promise.resolve()));
+}
diff --git a/tests/helpers/token.ts b/tests/helpers/token.ts
new file mode 100644
index 0000000..6dab5eb
--- /dev/null
+++ b/tests/helpers/token.ts
@@ -0,0 +1,134 @@
+import fs from 'fs';
+import jwt from 'jsonwebtoken';
+import { v4 as uuidv4 } from 'uuid';
+
+import { config } from './TestsConfig';
+
+export type ITokenOptions = {
+    displayName?: string;
+    /**
+     * The duration for which the token is valid, e.g. "1h" for one hour.
+     */
+    exp?: string;
+    /**
+     * The key ID to use for the token.
+     * If not provided, the kid configured with environment variables will be used (see env.example).
+     */
+    keyId?: string;
+    /**
+     * The path to the private key file used to sign the token.
+     * If not provided, the path configured with environment variables will be used (see env.example).
+     */
+    keyPath?: string;
+    /**
+     * Whether to set the 'moderator' flag.
+     */
+    moderator?: boolean;
+    /**
+     * The room for which the token is valid, or '*'. Defaults to '*'.
+     */
+    room?: string;
+    sub?: string;
+    /**
+     * Whether to set the 'visitor' flag.
+     */
+    visitor?: boolean;
+};
+
+export type IToken = {
+    /**
+     * The JWT headers, for easy reference.
+     */
+    headers?: any;
+    /**
+     * The signed JWT.
+     */
+    jwt: string;
+    /**
+     * The options used to generate the token.
+     */
+    options?: ITokenOptions;
+    /**
+     * The token's payload, for easy reference.
+     */
+    payload?: any;
+};
+
+export function generatePayload(options: ITokenOptions): any {
+    const payload = {
+        'aud': 'jitsi',
+        'iss': 'chat',
+        'sub': options?.sub || '',
+        'context': {
+            'user': {
+                'name': options.displayName,
+                'id': uuidv4(),
+                'avatar': 'https://avatars0.githubusercontent.com/u/3671647',
+                'email': 'john.doe@jitsi.org'
+            },
+            'group': uuidv4(),
+            'features': {
+                'outbound-call': 'true',
+                'transcription': 'true',
+                'recording': 'true',
+                'sip-outbound-call': true,
+                'livestreaming': true
+            },
+        },
+        'room': options.room || '*'
+    };
+
+    if (options.moderator) {
+        // @ts-ignore
+        payload.context.user.moderator = true;
+    } else if (options.visitor) {
+        // @ts-ignore
+        payload.context.user.role = 'visitor';
+    }
+
+    return payload;
+}
+
+/**
+ * Generate a signed token.
+ */
+export function generateToken(options: ITokenOptions): IToken {
+    const keyId = options.keyId || config.jwt.kid;
+    const keyPath = options.keyPath || config.jwt.privateKeyPath;
+    const headers = {
+        algorithm: 'RS256',
+        noTimestamp: true,
+        expiresIn: options.exp || '24h',
+        keyid: keyId,
+    };
+
+    if (!keyId) {
+        throw new Error('No keyId provided (JWT_KID is not set?)');
+    }
+
+    if (!keyPath) {
+        throw new Error('No keyPath provided (JWT_PRIVATE_KEY_PATH is not set?)');
+    }
+
+    const key = fs.readFileSync(keyPath);
+    const payload = generatePayload({
+        ...options,
+        displayName: options?.displayName || '',
+        sub: keyId.substring(0, keyId.indexOf('/'))
+    });
+
+    return {
+        headers,
+        // @ts-ignore
+        jwt: jwt.sign(payload, key, headers),
+        options,
+        payload
+    };
+}
+
+/**
+ * Generated a signed token and return just the JWT string.
+ */
+export function generateJwt(options: ITokenOptions): string {
+    return generateToken(options).jwt;
+}
diff --git a/tests/helpers/types.ts b/tests/helpers/types.ts
new file mode 100644
index 0000000..397e2cf
--- /dev/null
+++ b/tests/helpers/types.ts
@@ -0,0 +1,113 @@
+import { IConfig } from '../../react/features/base/config/configType';
+
+import type { Participant } from './Participant';
+import { ITestProperties } from './TestProperties';
+import type WebhookProxy from './WebhookProxy';
+import { IToken, ITokenOptions } from './token';
+
+export type IContext = {
+    /**
+     *  The up-to-four browser instances provided by the framework. These can be initialized using
+     *  ensureOneParticipant, ensureTwoParticipants, etc. from participants.ts.
+     **/
+    p1: Participant;
+    p2: Participant;
+    p3: Participant;
+    p4: Participant;
+    /** A room name automatically generated by the framework for convenience. */
+    roomName: string;
+    /**
+     * A flag that tests can set, which signals to the framework that the (rest of the) test suite should be skipped.
+     * A string value indicates the reason for the skipped (to be included in the Allure report).
+     */
+    skipSuiteTests: boolean | string;
+    /**
+     * Test properties provided by the test file via TestProperties.setTestProperties. Used by the framework to
+     * set up the context appropriately.
+     **/
+    testProperties: ITestProperties;
+    times: any;
+    /**
+     * A WebhooksProxy instance generated by the framework and available for tests to use, if configured.
+     * Note that this is only configured for roomName, if a test wishes to use a different room name it can set up
+     * a WebhooksProxy instance itself.
+     */
+    webhooksProxy: WebhookProxy;
+};
+
+export type IParticipantOptions = {
+    /** Whether it should use the iFrame API. */
+    iFrameApi?: boolean;
+    /** Determines the browser instance to use. */
+    name: 'p1' | 'p2' | 'p3' | 'p4';
+    /** An optional token to use. */
+    token?: IToken;
+};
+
+/**
+ * Options for joinConference.
+ */
+export type IParticipantJoinOptions = {
+
+    /**
+     * Config overwrites to use.
+     */
+    configOverwrite?: IConfig;
+
+    /** The name of the room to join */
+    roomName: string;
+
+    /**
+     * Whether to skip setting display name.
+     */
+    skipDisplayName?: boolean;
+
+    /**
+     * Whether to skip waiting for the participant to join the room. Cases like lobby where we do not succeed to join
+     * based on the logic of the test.
+     */
+    skipWaitToJoin?: boolean;
+
+    /**
+     * An optional tenant to use. If provided it overrides the default.
+     */
+    tenant?: string;
+};
+
+export type IJoinOptions = {
+
+    /**
+     * Config overwrites to pass to IParticipantJoinOptions.
+     */
+    configOverwrite?: IConfig;
+
+    /**
+     * To be able to override the ctx generated room name. If missing the one from the context will be used.
+     */
+    roomName?: string;
+
+    /**
+     *The skip display name setting to pass to IParticipantJoinOptions.
+     */
+    skipDisplayName?: boolean;
+
+    /**
+     * Whether to skip in meeting checks like ice connected and send receive data. For single in meeting participant.
+     */
+    skipInMeetingChecks?: boolean;
+
+    /**
+     * The skip waiting for the participant to join the room setting to pass to IParticipantJoinOptions.
+     */
+    skipWaitToJoin?: boolean;
+
+    /**
+     * An optional tenant to use. If provided the default tenant is changed to it.
+     */
+    tenant?: string;
+
+    /**
+     * Options used when generating a token.
+     */
+    tokenOptions?: ITokenOptions;
+};
diff --git a/tests/helpers/utils.ts b/tests/helpers/utils.ts
new file mode 100644
index 0000000..934631a
--- /dev/null
+++ b/tests/helpers/utils.ts
@@ -0,0 +1,53 @@
+import { config as testsConfig } from './TestsConfig';
+
+const https = require('https');
+
+export function generateRoomName(testName: string) {
+    const rand = (Math.floor(Math.random() * 400) + 1).toString();
+    let roomName = `${testName}-${rand}`;
+
+    if (testsConfig.roomName.prefix) {
+        roomName = `${testsConfig.roomName.prefix}_${roomName}`;
+    }
+    if (testsConfig.roomName.suffix) {
+        roomName += `_${testsConfig.roomName.suffix}`;
+    }
+
+    return roomName.toLowerCase();
+}
+
+/**
+ * Fetches JSON data from a given URL.
+ * @param {string} url - The URL to fetch data from.
+ * @returns {Promise<Object>} - A promise that resolves to the parsed JSON object.
+ */
+export async function fetchJson(url) {
+    return new Promise((resolve, reject) => {
+        https.get(url, res => {
+            let data = '';
+
+            // Handle HTTP errors
+            if (res.statusCode < 200 || res.statusCode >= 300) {
+                return reject(new Error(`HTTP Status Code: ${res.statusCode}`));
+            }
+
+            // Collect data chunks
+            res.on('data', chunk => {
+                data += chunk;
+            });
+
+            // Parse JSON when the response ends
+            res.on('end', () => {
+                try {
+                    const json = JSON.parse(data);
+
+                    resolve(json);
+                } catch (err) {
+                    reject(new Error('Invalid JSON response'));
+                }
+            });
+        }).on('error', err => {
+            reject(err);
+        });
+    });
+}
diff --git a/tests/pageobjects/AVModerationMenu.ts b/tests/pageobjects/AVModerationMenu.ts
new file mode 100644
index 0000000..74295b4
--- /dev/null
+++ b/tests/pageobjects/AVModerationMenu.ts
@@ -0,0 +1,56 @@
+import BasePageObject from './BasePageObject';
+
+const START_AUDIO_MODERATION = 'participants-pane-context-menu-start-audio-moderation';
+const STOP_AUDIO_MODERATION = 'participants-pane-context-menu-stop-audio-moderation';
+const START_VIDEO_MODERATION = 'participants-pane-context-menu-start-video-moderation';
+const STOP_VIDEO_MODERATION = 'participants-pane-context-menu-stop-video-moderation';
+
+/**
+ * Represents the Audio Video Moderation menu in the participants pane.
+ */
+export default class AVModerationMenu extends BasePageObject {
+    /**
+     * Clicks the start audio moderation menu item.
+     */
+    clickStartAudioModeration() {
+        return this.clickButton(START_AUDIO_MODERATION);
+    }
+
+    /**
+     * Clicks the stop audio moderation menu item.
+     */
+    clickStopAudioModeration() {
+        return this.clickButton(STOP_AUDIO_MODERATION);
+    }
+
+    /**
+     * Clicks the start video moderation menu item.
+     */
+    clickStartVideoModeration() {
+        return this.clickButton(START_VIDEO_MODERATION);
+    }
+
+    /**
+     * Clicks the stop audio moderation menu item.
+     */
+    clickStopVideoModeration() {
+        return this.clickButton(STOP_VIDEO_MODERATION);
+    }
+
+    /**
+     * Clicks a context menu button.
+     * @param id
+     * @private
+     */
+    private async clickButton(id: string) {
+        const button = this.participant.driver.$(`#${id}`);
+
+        await button.waitForDisplayed();
+        await button.click();
+
+        await button.moveTo({
+            xOffset: -40,
+            yOffset: -40
+        });
+    }
+}
diff --git a/tests/pageobjects/BaseDialog.ts b/tests/pageobjects/BaseDialog.ts
new file mode 100644
index 0000000..0d948be
--- /dev/null
+++ b/tests/pageobjects/BaseDialog.ts
@@ -0,0 +1,23 @@
+import BasePageObject from './BasePageObject';
+
+const CLOSE_BUTTON = 'modal-header-close-button';
+const OK_BUTTON = 'modal-dialog-ok-button';
+
+/**
+ * Base class for all dialogs.
+ */
+export default class BaseDialog extends BasePageObject {
+    /**
+     *  Clicks on the X (close) button.
+     */
+    clickCloseButton(): Promise<void> {
+        return this.participant.driver.$(`#${CLOSE_BUTTON}`).click();
+    }
+
+    /**
+     *  Clicks on the ok button.
+     */
+    clickOkButton(): Promise<void> {
+        return this.participant.driver.$(`#${OK_BUTTON}`).click();
+    }
+}
diff --git a/tests/pageobjects/BasePageObject.ts b/tests/pageobjects/BasePageObject.ts
new file mode 100644
index 0000000..6c555ab
--- /dev/null
+++ b/tests/pageobjects/BasePageObject.ts
@@ -0,0 +1,16 @@
+import { Participant } from '../helpers/Participant';
+
+/**
+ * Represents the base page object.
+ * All page object has the current participant (holding the driver/browser session).
+ */
+export default class BasePageObject {
+    participant: Participant;
+
+    /**
+     * Represents the base page object.
+     */
+    constructor(participant: Participant) {
+        this.participant = participant;
+    }
+}
diff --git a/tests/pageobjects/BreakoutRooms.ts b/tests/pageobjects/BreakoutRooms.ts
new file mode 100644
index 0000000..6617ed9
--- /dev/null
+++ b/tests/pageobjects/BreakoutRooms.ts
@@ -0,0 +1,213 @@
+import { Participant } from '../helpers/Participant';
+
+import BaseDialog from './BaseDialog';
+import BasePageObject from './BasePageObject';
+
+const BREAKOUT_ROOMS_CLASS = 'breakout-room-container';
+const ADD_BREAKOUT_ROOM = 'Add breakout room';
+const MORE_LABEL = 'More';
+const LEAVE_ROOM_LABEL = 'Leave breakout room';
+const AUTO_ASSIGN_LABEL = 'Auto assign to breakout rooms';
+
+/**
+ * Represents a single breakout room and the operations for it.
+ */
+class BreakoutRoom extends BasePageObject {
+    title: string;
+    id: string;
+    count: number;
+
+    /**
+     * Constructs a breakout room.
+     */
+    constructor(participant: Participant, title: string, id: string) {
+        super(participant);
+
+        this.title = title;
+        this.id = id;
+
+        const tMatch = title.match(/.*\((.*)\)/);
+
+        if (tMatch) {
+            this.count = parseInt(tMatch[1], 10);
+        }
+    }
+
+    /**
+     * Returns room name.
+     */
+    get name() {
+        return this.title.split('(')[0].trim();
+    }
+
+    /**
+     * Returns the number of participants in the room.
+     */
+    get participantCount() {
+        return this.count;
+    }
+
+    /**
+     * Collapses the breakout room.
+     */
+    collapse() {
+        const collapseElem = this.participant.driver.$(
+            `div[data-testid="${this.id}"]`);
+
+        return collapseElem.click();
+    }
+
+    /**
+     * Joins the breakout room.
+     */
+    async joinRoom() {
+        const joinButton = this.participant.driver
+            .$(`button[data-testid="join-room-${this.id}"]`);
+
+        await joinButton.waitForClickable();
+        await joinButton.click();
+    }
+
+    /**
+     * Removes the breakout room.
+     */
+    async removeRoom() {
+        await this.openContextMenu();
+
+        const removeButton = this.participant.driver.$(`#remove-room-${this.id}`);
+
+        await removeButton.waitForClickable();
+        await removeButton.click();
+    }
+
+    /**
+     * Renames the breakout room.
+     */
+    async renameRoom(newName: string) {
+        await this.openContextMenu();
+
+        const renameButton = this.participant.driver.$(`#rename-room-${this.id}`);
+
+        await renameButton.click();
+
+        const newNameInput = this.participant.driver.$('input[name="breakoutRoomName"]');
+
+        await newNameInput.waitForStable();
+        await newNameInput.setValue(newName);
+
+        await new BaseDialog(this.participant).clickOkButton();
+    }
+
+    /**
+     * Closes the breakout room.
+     */
+    async closeRoom() {
+        await this.openContextMenu();
+
+        const closeButton = this.participant.driver.$(`#close-room-${this.id}`);
+
+        await closeButton.waitForClickable();
+        await closeButton.click();
+    }
+
+    /**
+     * Opens the context menu.
+     * @private
+     */
+    private async openContextMenu() {
+        const listItem = this.participant.driver.$(`div[data-testid="${this.id}"]`);
+
+        await listItem.click();
+
+        const button = listItem.$(`button[title="${MORE_LABEL}"]`);
+
+        await button.waitForClickable();
+        await button.click();
+    }
+}
+
+/**
+ * All breakout rooms objects and operations.
+ */
+export default class BreakoutRooms extends BasePageObject {
+    /**
+     * Returns the number of breakout rooms.
+     */
+    async getRoomsCount() {
+        const participantsPane = this.participant.getParticipantsPane();
+
+        if (!await participantsPane.isOpen()) {
+            await participantsPane.open();
+        }
+
+        return await this.participant.driver.$$(`.${BREAKOUT_ROOMS_CLASS}`).length;
+    }
+
+    /**
+     * Adds a breakout room.
+     */
+    async addBreakoutRoom() {
+        const participantsPane = this.participant.getParticipantsPane();
+
+        if (!await participantsPane.isOpen()) {
+            await participantsPane.open();
+        }
+
+        const addBreakoutButton = this.participant.driver.$(`button=${ADD_BREAKOUT_ROOM}`);
+
+        await addBreakoutButton.waitForDisplayed();
+        await addBreakoutButton.click();
+    }
+
+    /**
+     * Returns all breakout rooms.
+     */
+    async getRooms(): Promise<BreakoutRoom[]> {
+        const rooms = this.participant.driver.$$(`.${BREAKOUT_ROOMS_CLASS}`);
+
+        return rooms.map(async room => new BreakoutRoom(
+                this.participant, await room.$('span').getText(), await room.getAttribute('data-testid')));
+    }
+
+    /**
+     * Leave by clicking the leave button in participant pane.
+     */
+    async leaveBreakoutRoom() {
+        const participantsPane = this.participant.getParticipantsPane();
+
+        if (!await participantsPane.isOpen()) {
+            await participantsPane.open();
+        }
+
+        const leaveButton = this.participant.driver.$(`button=${LEAVE_ROOM_LABEL}`);
+
+        await leaveButton.isClickable();
+        await leaveButton.click();
+    }
+
+    /**
+     * Auto assign participants to breakout rooms.
+     */
+    async autoAssignToBreakoutRooms() {
+        const button = this.participant.driver.$(`button=${AUTO_ASSIGN_LABEL}`);
+
+        await button.waitForClickable();
+        await button.click();
+    }
+
+    /**
+     * Tries to send a participant to a breakout room.
+     */
+    async sendParticipantToBreakoutRoom(participant: Participant, roomName: string) {
+        const participantsPane = this.participant.getParticipantsPane();
+
+        await participantsPane.selectParticipant(participant);
+        await participantsPane.openParticipantContextMenu(participant);
+
+        const sendButton = this.participant.driver.$(`div=${roomName}`);
+
+        await sendButton.scrollIntoView();
+        await sendButton.waitForClickable();
+        await sendButton.click();
+    }
+}
diff --git a/tests/pageobjects/ChatPanel.ts b/tests/pageobjects/ChatPanel.ts
new file mode 100644
index 0000000..0415528
--- /dev/null
+++ b/tests/pageobjects/ChatPanel.ts
@@ -0,0 +1,207 @@
+import BasePageObject from './BasePageObject';
+
+/**
+ * Chat panel elements.
+ */
+export default class ChatPanel extends BasePageObject {
+    /**
+     * Is chat panel open.
+     */
+    isOpen() {
+        return this.participant.driver.$('#sideToolbarContainer').isExisting();
+    }
+
+    /**
+     * Presses the "chat" keyboard shortcut which opens or closes the chat
+     * panel.
+     */
+    async pressShortcut() {
+        await this.participant.driver.$('body').click();
+        await this.participant.driver.keys([ 'c' ]);
+    }
+
+    async sendMessage(message: string) {
+        if (!await this.isOpen()) {
+            await this.pressShortcut();
+        }
+        if (!await this.isOpen()) {
+            throw new Error('Chat panel failed to open');
+        }
+
+        const inputField = this.participant.driver.$('#chat-input');
+
+        await inputField.click();
+        await this.participant.driver.keys(`${message}\n`);
+    }
+
+    /**
+     * Opens the polls tab in the chat panel.
+     */
+    async openPollsTab() {
+        await this.participant.driver.$('#polls-tab').click();
+    }
+
+    /**
+     * Checks whether the polls tab is visible.
+     */
+    async isPollsTabVisible() {
+        return this.participant.driver.$('#polls-tab-panel').isDisplayed();
+    }
+
+    async clickCreatePollButton() {
+        await this.participant.driver.$('button=Create a poll').click();
+    }
+
+    /**
+     * Waits for the new poll input to be visible.
+     */
+    async waitForNewPollInput() {
+        await this.participant.driver.$(
+            '#polls-create-input')
+            .waitForExist({
+                timeout: 2000,
+                timeoutMsg: 'New poll not created'
+            });
+    }
+
+    /**
+     * Waits for the option input to be visible.
+     * @param index
+     */
+    async waitForOptionInput(index: number) {
+        await this.participant.driver.$(
+            `#polls-answer-input-${index}`)
+            .waitForExist({
+                timeout: 1000,
+                timeoutMsg: `Answer input ${index} not created`
+            });
+    }
+
+    /**
+     * Waits for the option input to be non-existing.
+     * @param index
+     */
+    async waitForOptionInputNonExisting(index: number) {
+        await this.participant.driver.$(
+            `#polls-answer-input-${index}`)
+            .waitForExist({
+                reverse: true,
+                timeout: 2000,
+                timeoutMsg: `Answer input ${index} still exists`
+            });
+    }
+
+    /**
+     * Clicks the "Add option" button.
+     */
+    async clickAddOptionButton() {
+        await this.participant.driver.$('button=Add option').click();
+    }
+
+    /**
+     * Clicks the "Remove option" button.
+     * @param index
+     */
+    async clickRemoveOptionButton(index: number) {
+        await this.participant.driver.$(`[data-testid="remove-polls-answer-input-${index}"]`).click();
+    }
+
+    /**
+     * Fills in the poll question.
+     * @param question
+     */
+    async fillPollQuestion(question: string) {
+        const input = await this.participant.driver.$('#polls-create-input');
+
+        await input.click();
+        await this.participant.driver.keys(question);
+    }
+
+    /**
+     * Fills in the poll option.
+     * @param index
+     * @param option
+     */
+    async fillPollOption(index: number, option: string) {
+        const input = await this.participant.driver.$(`#polls-answer-input-${index}`);
+
+        await input.click();
+        await this.participant.driver.keys(option);
+    }
+
+    /**
+     * Gets the poll option.
+     * @param index
+     */
+    async getOption(index: number) {
+        return this.participant.driver.$(`#polls-answer-input-${index}`).getValue();
+    }
+
+    /**
+     * Clicks the "Save" button.
+     */
+    async clickSavePollButton() {
+        await this.participant.driver.$('button=Save').click();
+    }
+
+    /**
+     * Clicks the "Edit" button.
+     */
+    async clickEditPollButton() {
+        await this.participant.driver.$('button=Edit').click();
+    }
+
+    /**
+     * Clicks the "Skip" button.
+     */
+    async clickSkipPollButton() {
+        await this.participant.driver.$('button=Skip').click();
+    }
+
+    /**
+     * Clicks the "Send" button.
+     */
+    async clickSendPollButton() {
+        await this.participant.driver.$('button=Send').click();
+    }
+
+    /**
+     * Waits for the "Send" button to be visible.
+     */
+    async waitForSendButton() {
+        await this.participant.driver.$('button=Send').waitForExist({
+            timeout: 1000,
+            timeoutMsg: 'Send button not visible'
+        });
+    }
+
+    /**
+     * Votes for the given option in the given poll.
+     * @param pollId
+     * @param index
+     */
+    async voteForOption(pollId: string, index: number) {
+        await this.participant.driver.execute(
+            (id, ix) => document.getElementById(`poll-answer-checkbox-${id}-${ix}`)?.click(),
+            pollId, index);
+
+        await this.participant.driver.$('button=Submit').click();
+    }
+
+    /**
+     * Checks whether the given poll is visible.
+     * @param pollId
+     */
+    async isPollVisible(pollId: string) {
+        return this.participant.driver.$(`#poll-${pollId}`).isDisplayed();
+    }
+
+    /**
+     * Gets the result text for the given option in the given poll.
+     * @param pollId
+     * @param optionIndex
+     */
+    async getResult(pollId: string, optionIndex: number) {
+        return await this.participant.driver.$(`#poll-result-${pollId}-${optionIndex}`).getText();
+    }
+}
diff --git a/tests/pageobjects/Filmstrip.ts b/tests/pageobjects/Filmstrip.ts
new file mode 100644
index 0000000..252936c
--- /dev/null
+++ b/tests/pageobjects/Filmstrip.ts
@@ -0,0 +1,371 @@
+import { Participant } from '../helpers/Participant';
+
+import BaseDialog from './BaseDialog';
+import BasePageObject from './BasePageObject';
+
+const LOCAL_VIDEO_XPATH = '//span[@id="localVideoContainer"]';
+const LOCAL_VIDEO_MENU_TRIGGER = '#local-video-menu-trigger';
+const LOCAL_USER_CONTROLS = 'button[title="Local user controls"]';
+const HIDE_SELF_VIEW_BUTTON_XPATH = '//div[contains(@class, "popover")]//div[@id="hideselfviewButton"]';
+
+/**
+ * Filmstrip elements.
+ */
+export default class Filmstrip extends BasePageObject {
+    /**
+     * Asserts that {@code participant} shows or doesn't show the audio
+     * mute icon for the conference participant identified by
+     * {@code testee}.
+     *
+     * @param {Participant} testee - The {@code Participant} for whom we're checking the status of audio muted icon.
+     * @param {boolean} reverse - If {@code true}, the method will assert the absence of the "mute" icon;
+     * otherwise, it will assert its presence.
+     * @returns {Promise<void>}
+     */
+    async assertAudioMuteIconIsDisplayed(testee: Participant, reverse = false): Promise<void> {
+        let id;
+
+        if (testee === this.participant) {
+            id = 'localVideoContainer';
+        } else {
+            id = `participant_${await testee.getEndpointId()}`;
+        }
+
+        const mutedIconXPath
+            = `//span[@id='${id}']//span[contains(@id, 'audioMuted')]//*[local-name()='svg' and @id='mic-disabled']`;
+
+        await this.participant.driver.$(mutedIconXPath).waitForDisplayed({
+            reverse,
+            timeout: 5_000,
+            timeoutMsg: `Audio mute icon is${reverse ? '' : ' not'} displayed for ${testee.name}`
+        });
+    }
+
+    /**
+     * Returns the remote display name for an endpoint.
+     * @param endpointId The endpoint id.
+     */
+    async getRemoteDisplayName(endpointId: string) {
+        const remoteDisplayName = this.participant.driver.$(`span[id="participant_${endpointId}_name"]`);
+
+        await remoteDisplayName.moveTo();
+
+        return await remoteDisplayName.getText();
+    }
+
+    /**
+     * Returns the remote video id of a participant with endpointID.
+     * @param endpointId
+     */
+    async getRemoteVideoId(endpointId: string) {
+        const remoteDisplayName = this.participant.driver.$(`span[id="participant_${endpointId}"]`);
+
+        await remoteDisplayName.moveTo();
+
+        return await this.participant.execute(eId =>
+            document.evaluate(`//span[@id="participant_${eId}"]//video`,
+                document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue?.srcObject?.id, endpointId);
+    }
+
+    /**
+     * Returns the local video id.
+     */
+    getLocalVideoId() {
+        return this.participant.execute(
+            'return document.getElementById("localVideo_container").srcObject.id');
+    }
+
+    /**
+     * Pins a participant by clicking on their thumbnail.
+     * @param participant The participant.
+     */
+    async pinParticipant(participant: Participant) {
+        if (participant === this.participant) {
+            // when looking up the element and clicking it, it doesn't work if we do it twice in a row (oneOnOne.spec)
+            await this.participant.execute(() => document?.getElementById('localVideoContainer')?.click());
+        } else {
+            const epId = await participant.getEndpointId();
+
+            await this.participant.driver.$(`//span[@id="participant_${epId}"]`).click();
+        }
+        const endpointID = await participant.getEndpointId();
+
+        await this.participant.waitForParticipantOnLargeVideo(endpointID);
+    }
+
+    /**
+     * Unpins a participant by clicking on their thumbnail.
+     * @param participant
+     */
+    async unpinParticipant(participant: Participant) {
+        const epId = await participant.getEndpointId();
+
+        if (participant === this.participant) {
+            await this.participant.execute(() => document?.getElementById('localVideoContainer')?.click());
+        } else {
+            await this.participant.driver.$(`//span[@id="participant_${epId}"]`).click();
+        }
+
+        await this.participant.driver.$(`//div[ @id="pin-indicator-${epId}" ]`).waitForDisplayed({
+            timeout: 2_000,
+            timeoutMsg: `${this.participant.name} did not unpin ${participant.name}`,
+            reverse: true
+        });
+    }
+
+    /**
+     * Gets avatar SRC attribute for the one displayed on small video thumbnail.
+     * @param endpointId
+     */
+    async getAvatar(endpointId: string) {
+        const elem = this.participant.driver.$(
+            `//span[@id='participant_${endpointId}']//img[contains(@class,'userAvatar')]`);
+
+        return await elem.isExisting() ? await elem.getAttribute('src') : null;
+    }
+
+    /**
+     * Grants moderator rights to a participant.
+     * @param participant
+     */
+    async grantModerator(participant: Participant) {
+        await this.clickOnRemoteMenuLink(await participant.getEndpointId(), 'grantmoderatorlink', true);
+    }
+
+    /**
+     * Clicks on the link in the remote participant actions menu.
+     * @param participantId
+     * @param linkClassname
+     * @param dialogConfirm
+     * @private
+     */
+    private async clickOnRemoteMenuLink(participantId: string, linkClassname: string, dialogConfirm: boolean) {
+        await this.participant.driver.$(`//span[@id='participant_${participantId}']`).moveTo();
+
+        await this.participant.driver.$(
+            `//span[@id='participant_${participantId
+            }']//span[@id='remotevideomenu']//div[@id='remote-video-menu-trigger']`).moveTo();
+
+        const popoverElement = this.participant.driver.$(
+            `//div[contains(@class, 'popover')]//div[contains(@class, '${linkClassname}')]`);
+
+        await popoverElement.waitForExist();
+        await popoverElement.waitForDisplayed();
+        await popoverElement.click();
+
+        if (dialogConfirm) {
+            await new BaseDialog(this.participant).clickOkButton();
+        }
+    }
+
+    /**
+     * Mutes the audio of a participant.
+     * @param participant
+     */
+    async muteAudio(participant: Participant) {
+        await this.clickOnRemoteMenuLink(await participant.getEndpointId(), 'mutelink', false);
+    }
+
+    /**
+     * Mutes the video of a participant.
+     * @param participant
+     */
+    async muteVideo(participant: Participant) {
+        await this.clickOnRemoteMenuLink(await participant.getEndpointId(), 'mutevideolink', true);
+    }
+
+    /**
+     * Kicks a participant.
+     * @param participantId
+     */
+    kickParticipant(participantId: string) {
+        return this.clickOnRemoteMenuLink(participantId, 'kicklink', true);
+    }
+
+    /**
+     * Hover over local video.
+     */
+    hoverOverLocalVideo() {
+        return this.participant.driver.$(LOCAL_VIDEO_MENU_TRIGGER).moveTo();
+    }
+
+    /**
+     * Clicks on the hide self view button from local video.
+     */
+    async hideSelfView() {
+        // open local video menu
+        await this.hoverOverLocalVideo();
+        await this.participant.driver.$(LOCAL_USER_CONTROLS).moveTo();
+
+        // click Hide self view button
+        const hideSelfViewButton = this.participant.driver.$(HIDE_SELF_VIEW_BUTTON_XPATH);
+
+        await hideSelfViewButton.waitForExist();
+        await hideSelfViewButton.waitForClickable();
+        await hideSelfViewButton.click();
+    }
+
+    /**
+     * Checks whether the local self view is displayed or not.
+     */
+    assertSelfViewIsHidden(hidden: boolean) {
+        return this.participant.driver.$(LOCAL_VIDEO_XPATH).waitForDisplayed({
+            reverse: hidden,
+            timeout: 5000,
+            timeoutMsg: `Local video thumbnail is${hidden ? '' : ' not'} displayed for ${this.participant.name}`
+        });
+    }
+
+    /**
+     * Toggles the filmstrip.
+     */
+    async toggle() {
+        const toggleButton = this.participant.driver.$('#toggleFilmstripButton');
+
+        await toggleButton.moveTo();
+        await toggleButton.waitForDisplayed();
+        await toggleButton.click();
+    }
+
+    /**
+     * Asserts that the remote videos are hidden or not.
+     * @param reverse
+     */
+    assertRemoteVideosHidden(reverse = false) {
+        return this.participant.driver.waitUntil(
+            async () =>
+                await this.participant.driver.$$('//div[@id="remoteVideos" and contains(@class, "hidden")]').length > 0,
+            {
+                timeout: 10_000, // 10 seconds
+                timeoutMsg: `Timeout waiting fore remote videos to be hidden: ${!reverse}.`
+            }
+        );
+    }
+
+    /**
+     * Counts the displayed remote video thumbnails.
+     */
+    async countVisibleThumbnails() {
+        return (await this.participant.driver.$$('//div[@id="remoteVideos"]//span[contains(@class,"videocontainer")]')
+            .filter(thumbnail => thumbnail.isDisplayed())).length;
+    }
+
+    /**
+     * Check if remote videos in filmstrip are visible.
+     *
+     * @param isDisplayed whether or not filmstrip remote videos should be visible
+     */
+    verifyRemoteVideosDisplay(isDisplayed: boolean) {
+        return this.participant.driver.$('//div[contains(@class, "remote-videos")]/div').waitForDisplayed({
+            timeout: 5_000,
+            reverse: !isDisplayed,
+        });
+    }
+
+    /**
+     * Checks for visible gaps in the filmstrip thumbnails.
+     * This detects if there are any missing thumbnails or excessive spacing between consecutive visible thumbnails.
+     *
+     * @returns Returns true if gaps are detected, false otherwise.
+     */
+    async hasGapsInFilmstrip(): Promise<boolean> {
+        return await this.participant.execute(() => {
+            // Get all visible thumbnail containers in the filmstrip
+            const thumbnails = Array.from(
+                document.querySelectorAll('#remoteVideos span.videocontainer')
+            ).filter((thumb: any) => {
+                const style = window.getComputedStyle(thumb);
+                const rect = thumb.getBoundingClientRect();
+
+                // Check if element is visible and has dimensions
+                return style.display !== 'none'
+                    && style.visibility !== 'hidden'
+                    && rect.width > 0
+                    && rect.height > 0;
+            });
+
+            if (thumbnails.length < 2) {
+                // Can't have gaps with less than 2 thumbnails
+                return false;
+            }
+
+            // Get positions and calculated margins of all visible thumbnails
+            const positions = thumbnails.map((thumb: any) => {
+                const rect = thumb.getBoundingClientRect();
+                const style = window.getComputedStyle(thumb);
+
+                return {
+                    left: rect.left,
+                    right: rect.right,
+                    top: rect.top,
+                    bottom: rect.bottom,
+                    width: rect.width,
+                    height: rect.height,
+                    marginTop: parseFloat(style.marginTop) || 0,
+                    marginBottom: parseFloat(style.marginBottom) || 0,
+                    marginLeft: parseFloat(style.marginLeft) || 0,
+                    marginRight: parseFloat(style.marginRight) || 0
+                };
+            });
+
+            // Calculate expected spacing between thumbnails based on first two
+            const firstGap = positions.length >= 2
+                ? Math.abs(positions[1].top - positions[0].top) !== 0
+                    ? positions[1].top - positions[0].bottom // vertical
+                    : positions[1].left - positions[0].right // horizontal
+                : 0;
+
+            // Check if filmstrip is vertical or horizontal
+            const isVertical = Math.abs(positions[1].top - positions[0].top) > Math.abs(positions[1].left - positions[0].left);
+
+            if (isVertical) {
+                // For vertical filmstrip, check vertical spacing consistency
+                for (let i = 0; i < positions.length - 1; i++) {
+                    const current = positions[i];
+                    const next = positions[i + 1];
+                    const gap = next.top - current.bottom;
+
+                    // Compare against the first gap with some tolerance
+                    // Flag if gap is more than 2x the expected spacing
+                    if (gap > Math.max(firstGap * 2, current.height * 0.3)) {
+                        return true;
+                    }
+                }
+            } else {
+                // For horizontal filmstrip, check horizontal spacing consistency
+                for (let i = 0; i < positions.length - 1; i++) {
+                    const current = positions[i];
+                    const next = positions[i + 1];
+                    const gap = next.left - current.right;
+
+                    // Compare against the first gap with some tolerance
+                    // Flag if gap is more than 2x the expected spacing
+                    if (gap > Math.max(firstGap * 2, current.width * 0.3)) {
+                        return true;
+                    }
+                }
+            }
+
+            return false;
+        });
+    }
+
+    /**
+     * Asserts that there are no gaps in the filmstrip.
+     * This is useful for detecting layout issues where thumbnails might be missing or mispositioned.
+     *
+     * @param reverse - If true, asserts that gaps should exist. Default false.
+     */
+    async assertNoGapsInFilmstrip(reverse = false): Promise<void> {
+        const hasGaps = await this.hasGapsInFilmstrip();
+        const expectedResult = reverse ? true : false;
+
+        if (hasGaps !== expectedResult) {
+            throw new Error(
+                `Expected filmstrip to ${reverse ? 'have' : 'not have'} gaps, but ${
+                    hasGaps ? 'gaps were detected' : 'no gaps were found'
+                }`
+            );
+        }
+    }
+}
diff --git a/tests/pageobjects/IframeAPI.ts b/tests/pageobjects/IframeAPI.ts
new file mode 100644
index 0000000..67910ed
--- /dev/null
+++ b/tests/pageobjects/IframeAPI.ts
@@ -0,0 +1,139 @@
+import { LOG_PREFIX } from '../helpers/browserLogger';
+
+import BasePageObject from './BasePageObject';
+
+/**
+ * The Iframe API and helpers from iframeAPITest.html
+ */
+export default class IframeAPI extends BasePageObject {
+    /**
+     * Returns the json object from the iframeAPI helper.
+     * @param event
+     */
+    getEventResult(event: string): Promise<any> {
+        return this.participant.execute(
+            eventName => {
+                const result = window.jitsiAPI.test[eventName];
+
+                if (!result) {
+                    return false;
+                }
+
+                return result;
+            }, event);
+    }
+
+    /**
+     * Clears the history of an event.
+     * @param event
+     */
+    clearEventResults(event: string) {
+        return this.participant.execute(
+            eventName => {
+                window.jitsiAPI.test[eventName] = undefined;
+            }, event);
+    }
+
+    /**
+     * Adds an event listener to the iframeAPI.
+     * @param eventName The event name.
+     */
+    addEventListener(eventName: string) {
+        return this.participant.execute(
+            (event, prefix) => {
+                // we want to add it once as we use static .test[event] to store the last event
+                if (window.jitsiAPI.listenerCount(event) > 0) {
+                    return;
+                }
+                console.log(`${new Date().toISOString()} ${prefix}iframeAPI - Adding listener for event: ${event}`);
+                window.jitsiAPI.addListener(event, evt => {
+                    console.log(
+                        `${new Date().toISOString()} ${prefix}iframeAPI - Received ${event} event: ${JSON.stringify(evt)}`);
+                    window.jitsiAPI.test[event] = evt;
+                });
+            }, eventName, LOG_PREFIX);
+    }
+
+    /**
+     * Returns an array of available rooms and details of it.
+     */
+    getRoomsInfo() {
+        return this.participant.execute(() => window.jitsiAPI.getRoomsInfo());
+    }
+
+    /**
+     * Returns the number of participants in the conference.
+     */
+    getNumberOfParticipants() {
+        return this.participant.execute(() => window.jitsiAPI.getNumberOfParticipants());
+    }
+
+    /**
+     * Executes command using iframeAPI.
+     * @param command The command.
+     * @param args The arguments.
+     */
+    executeCommand(command: string, ...args: any[]) {
+        return this.participant.execute(
+            (commandName, commandArgs) =>
+                window.jitsiAPI.executeCommand(commandName, ...commandArgs)
+            , command, args);
+    }
+
+    /**
+     * Returns the current state of the participant's pane.
+     */
+    isParticipantsPaneOpen() {
+        return this.participant.execute(() => window.jitsiAPI.isParticipantsPaneOpen());
+    }
+
+    /**
+     * Removes the embedded Jitsi Meet conference.
+     */
+    dispose() {
+        return this.participant.execute(() => window.jitsiAPI.dispose());
+    }
+
+    /**
+     * Invite the given participant to the meeting via PSTN.
+     */
+    invitePhone(value: string) {
+        return this.participant.execute(v => window.jitsiAPI.invite([ {
+            type: 'phone',
+            number: v
+        } ]), value);
+    }
+
+    /**
+     * Invite the given participant to the meeting via sip (sip jibri).
+     */
+    inviteSIP(value: string) {
+        return this.participant.execute(v => window.jitsiAPI.invite([ {
+            type: 'sip',
+            address: v
+        } ]), value);
+    }
+
+    /**
+     * Starts a file recording or streaming session.
+     * @param options
+     */
+    startRecording(options: any) {
+        return this.participant.execute(o => window.jitsiAPI.startRecording(o), options);
+    }
+
+    /**
+     * Stop a file recording or streaming session.
+     * @param mode
+     */
+    stopRecording(mode: string) {
+        return this.participant.execute(m => window.jitsiAPI.stopRecording(m), mode);
+    }
+
+    /**
+     * Returns the live-streaming url.
+     */
+    async getLivestreamUrl() {
+        return this.participant.execute(() => window.jitsiAPI.getLivestreamUrl());
+    }
+}
diff --git a/tests/pageobjects/InviteDialog.ts b/tests/pageobjects/InviteDialog.ts
new file mode 100644
index 0000000..66bb403
--- /dev/null
+++ b/tests/pageobjects/InviteDialog.ts
@@ -0,0 +1,102 @@
+import BaseDialog from './BaseDialog';
+
+const CONFERENCE_ID = 'conference-id';
+const CONFERENCE_URL = 'invite-more-dialog-conference-url';
+const DIALOG_CONTAINER = 'invite-more-dialog';
+const MORE_NUMBERS = 'more-numbers';
+const PHONE_NUMBER = 'phone-number';
+
+/**
+ * Represents the invite dialog in a particular participant.
+ */
+export default class InviteDialog extends BaseDialog {
+    /**
+     * Checks if the dialog is open.
+     */
+    isOpen() {
+        return this.participant.driver.$(`.${DIALOG_CONTAINER}`).isExisting();
+    }
+
+    /**
+     * Open the invite dialog, if the info dialog is closed.
+     */
+    async open() {
+        if (await this.isOpen()) {
+            return;
+        }
+
+        await this.participant.getParticipantsPane().clickInvite();
+    }
+
+    /**
+     * Returns the PIN for the conference.
+     */
+    async getPinNumber() {
+        await this.open();
+
+        return (await this.getValueAfterColon(CONFERENCE_ID)).replace(/[# ]/g, '');
+    }
+
+    /**
+     * Private helper to get values after colons. The invite dialog lists conference specific information
+     * after a label, followed by a colon.
+     *
+     * @param className
+     * @private
+     */
+    private async getValueAfterColon(className: string) {
+        const elem = this.participant.driver.$(`.${className}`);
+
+        await elem.waitForExist({ timeout: 5000 });
+
+        const fullText = await elem.getText();
+
+        await this.participant.log(`Extracted text in invite dialog: ${fullText}`);
+
+        return fullText.split(':')[1].trim();
+    }
+
+    /**
+     * Returns the meeting url displayed in the dialog.
+     */
+    async getMeetingURL() {
+        const elem = this.participant.driver.$(`.${CONFERENCE_URL}`);
+
+        await elem.waitForExist();
+
+        return (await elem.getText())?.trim();
+    }
+
+    /**
+     * Waits for the dialog to be open or closed.
+     * @param reverse
+     */
+    async waitTillOpen(reverse = false) {
+        await this.participant.driver.waitUntil(
+            /* eslint-disable no-extra-parens */
+            async () => (reverse ? !await this.isOpen() : await this.isOpen()),
+            {
+                timeout: 2_000,
+                timeoutMsg: `invite dialog did not ${reverse ? 'close' : 'open'}`
+            }
+        );
+    }
+
+    /**
+     * Gets the string that contains the dial in number for the current conference.
+     */
+    getDialInNumber() {
+        return this.getValueAfterColon(PHONE_NUMBER);
+    }
+
+    /**
+     * Clicks the link to open a page to show all available dial in numbers.
+     */
+    async openDialInNumbersPage() {
+        const moreNumbers = this.participant.driver.$(`.${MORE_NUMBERS}`);
+
+        await moreNumbers.waitForExist();
+        await moreNumbers.waitForClickable();
+        await moreNumbers.click();
+    }
+}
diff --git a/tests/pageobjects/LargeVideo.ts b/tests/pageobjects/LargeVideo.ts
new file mode 100644
index 0000000..ee9597e
--- /dev/null
+++ b/tests/pageobjects/LargeVideo.ts
@@ -0,0 +1,80 @@
+import BasePageObject from './BasePageObject';
+
+/**
+ * The large video.
+ */
+export default class LargeVideo extends BasePageObject {
+    /**
+     * Returns the elapsed time at which video has been playing.
+     *
+     * @return {number} - The current play time of the video element.
+     */
+    async getPlaytime() {
+        return this.participant.driver.$('#largeVideo').getProperty('currentTime');
+    }
+
+    /**
+     * Waits 5s for the large video to switch to passed endpoint id.
+     *
+     * @param {string} endpointId - The endpoint.
+     * @returns {Promise<void>}
+     */
+    waitForSwitchTo(endpointId: string): Promise<void> {
+        return this.participant.driver.waitUntil(async () => endpointId === await this.getResource(), {
+            timeout: 5_000,
+            timeoutMsg: `expected large video to switch to ${endpointId} for 5s`
+        });
+    }
+
+    /**
+     * Gets avatar SRC attribute for the one displayed on large video.
+     */
+    async getAvatar() {
+        const avatar = this.participant.driver.$('//img[@id="dominantSpeakerAvatar"]');
+
+        return await avatar.isExisting() ? await avatar.getAttribute('src') : null;
+    }
+
+    /**
+     * Returns resource part of the JID of the user who is currently displayed in the large video area.
+     */
+    getResource() {
+        return this.participant.execute(() => APP?.UI?.getLargeVideoID());
+    }
+
+    /**
+     * Returns the source of the large video currently shown.
+     */
+    getId() {
+        return this.participant.execute(() => document.getElementById('largeVideo')?.srcObject?.id);
+    }
+
+    /**
+     * Checks if the large video is playing or not.
+     *
+     * @returns {Promise<void>}
+     */
+    assertPlaying() {
+        let lastTime: number;
+
+        return this.participant.driver.waitUntil(async () => {
+            const currentTime = parseFloat(await this.getPlaytime());
+
+            if (typeof lastTime === 'undefined') {
+                lastTime = currentTime;
+            }
+            if (currentTime > lastTime) {
+                return true;
+            }
+
+            lastTime = currentTime;
+
+            return false;
+        }, {
+            timeout: 5_500,
+            interval: 500,
+            timeoutMsg:
+                `Expected large video for participant ${this.participant.name} to play but it didn't for more than 5s`
+        });
+    }
+}
diff --git a/tests/pageobjects/LobbyScreen.ts b/tests/pageobjects/LobbyScreen.ts
new file mode 100644
index 0000000..2cb3a48
--- /dev/null
+++ b/tests/pageobjects/LobbyScreen.ts
@@ -0,0 +1,30 @@
+import PreMeetingScreen from './PreMeetingScreen';
+
+const DISPLAY_NAME_TEST_ID = 'lobby.nameField';
+const JOIN_BUTTON_TEST_ID = 'lobby.knockButton';
+
+/**
+ * Page object for the Lobby screen.
+ */
+export default class LobbyScreen extends PreMeetingScreen {
+    /**
+     * Returns the join button element.
+     */
+    getJoinButton(): ChainablePromiseElement {
+        return this.participant.driver.$(`[data-testid="${JOIN_BUTTON_TEST_ID}"]`);
+    }
+
+    /**
+     * Returns the display name input element.
+     */
+    getDisplayNameInput(): ChainablePromiseElement {
+        return this.participant.driver.$(`[data-testid="${DISPLAY_NAME_TEST_ID}"]`);
+    }
+
+    /**
+     * Waits for lobby screen to load.
+     */
+    waitForLoading(): Promise<void> {
+        return this.participant.driver.$('.lobby-screen').waitForDisplayed({ timeout: 6000 });
+    }
+}
diff --git a/tests/pageobjects/Notifications.ts b/tests/pageobjects/Notifications.ts
new file mode 100644
index 0000000..e0049be
--- /dev/null
+++ b/tests/pageobjects/Notifications.ts
@@ -0,0 +1,280 @@
+import BasePageObject from './BasePageObject';
+
+const ASK_TO_UNMUTE_NOTIFICATION_ID = 'notify.hostAskedUnmute';
+const AV_MODERATION_MUTED_NOTIFICATION_ID = 'notify.moderationInEffectTitle';
+const JOIN_MULTIPLE_TEST_ID = 'notify.connectedThreePlusMembers';
+const JOIN_ONE_TEST_ID = 'notify.connectedOneMember';
+const JOIN_TWO_TEST_ID = 'notify.connectedTwoMembers';
+const LOBBY_ACCESS_DENIED_TEST_ID = 'lobby.joinRejectedMessage';
+const LOBBY_ENABLED_TEST_ID = 'lobby.notificationLobbyEnabled';
+const LOBBY_KNOCKING_PARTICIPANT_NOTIFICATION_XPATH
+    = '//div[@data-testid="notify.participantWantsToJoin"]/div/div/span';
+const LOBBY_NOTIFICATIONS_TITLE_TEST_ID = 'lobby.notificationTitle';
+const LOBBY_PARTICIPANT_ACCESS_DENIED_TEST_ID = 'lobby.notificationLobbyAccessDenied';
+const LOBBY_PARTICIPANT_ACCESS_GRANTED_TEST_ID = 'lobby.notificationLobbyAccessGranted';
+const LOBBY_PARTICIPANT_ADMIT_TEST_ID = 'participantsPane.actions.admit';
+const LOBBY_PARTICIPANT_REJECT_TEST_ID = 'participantsPane.actions.reject';
+const RAISE_HAND_NOTIFICATION_ID = 'notify.raisedHand';
+const REENABLE_SELF_VIEW_CLOSE_NOTIFICATION = 'notify.selfViewTitle-dismiss';
+const REENABLE_SELF_VIEW_NOTIFICATION_ID = 'notify.selfViewTitle';
+const YOU_ARE_MUTED_TEST_ID = 'notify.mutedTitle';
+
+export const MAX_USERS_TEST_ID = 'dialog.maxUsersLimitReached';
+export const TOKEN_AUTH_FAILED_TEST_ID = 'dialog.tokenAuthFailed';
+export const TOKEN_AUTH_FAILED_TITLE_TEST_ID = 'dialog.tokenAuthFailedTitle';
+
+/**
+ * Gathers all notifications logic in the UI and obtaining those.
+ */
+export default class Notifications extends BasePageObject {
+    /**
+     * Waits for the raised hand notification to be displayed.
+     * The notification on moderators page when the participant tries to unmute.
+     */
+    async waitForRaisedHandNotification() {
+        const displayNameEl
+            = this.participant.driver.$(`div[data-testid="${RAISE_HAND_NOTIFICATION_ID}"]`);
+
+        await displayNameEl.waitForExist({ timeout: 2000 });
+        await displayNameEl.waitForDisplayed();
+    }
+
+    /**
+     * The notification on participants page when the moderator asks to unmute.
+     */
+    async waitForAskToUnmuteNotification() {
+        const displayNameEl
+            = this.participant.driver.$(`div[data-testid="${ASK_TO_UNMUTE_NOTIFICATION_ID}"]`);
+
+        await displayNameEl.waitForExist({ timeout: 2000 });
+        await displayNameEl.waitForDisplayed();
+    }
+
+    /**
+     * Closes the muted notification.
+     */
+    async closeAVModerationMutedNotification(skipNonExisting = false) {
+        return this.closeNotification(AV_MODERATION_MUTED_NOTIFICATION_ID, skipNonExisting);
+    }
+
+    /**
+     * Closes the ask to unmute notification.
+     */
+    async closeAskToUnmuteNotification(skipNonExisting = false) {
+        return this.closeNotification(ASK_TO_UNMUTE_NOTIFICATION_ID, skipNonExisting);
+    }
+
+    /**
+     * Dismisses any join notifications.
+     */
+    dismissAnyJoinNotification() {
+        return Promise.allSettled(
+            [ `${JOIN_ONE_TEST_ID}-dismiss`, `${JOIN_TWO_TEST_ID}-dismiss`, `${JOIN_MULTIPLE_TEST_ID}-dismiss` ]
+                .map(id => this.participant.driver.$(`#${id}"]`).click()));
+    }
+
+    /**
+     * Waits for the self view notification to be displayed.
+     */
+    async waitForReEnableSelfViewNotification() {
+        const el
+            = this.participant.driver.$(`div[data-testid="${REENABLE_SELF_VIEW_NOTIFICATION_ID}"]`);
+
+        await el.waitForExist({ timeout: 2000 });
+        await el.waitForDisplayed();
+
+    }
+
+    /**
+     * Closes the self view notification.
+     */
+    closeReEnableSelfViewNotification() {
+        return this.participant.driver.$(`div[data-testid="${REENABLE_SELF_VIEW_CLOSE_NOTIFICATION}"]`).click();
+    }
+
+    /**
+     * The notification on participants page when Lobby is being enabled or disabled.
+     */
+    getLobbyEnabledText() {
+        return this.waitForNotificationText(LOBBY_ENABLED_TEST_ID);
+    }
+
+    /**
+     * Closes a specific lobby notification.
+     * @param testId
+     * @param skipNonExisting
+     * @private
+     */
+    private async closeNotification(testId: string, skipNonExisting = false) {
+        const closeButton = this.participant.driver.$('[data-testid="${testId}"] #close-notification');
+
+        if (skipNonExisting && !await closeButton.isExisting()) {
+            return Promise.resolve();
+        }
+
+        await closeButton.moveTo();
+        await closeButton.click();
+    }
+
+    /**
+     * Closes a specific lobby notification.
+     * @param testId
+     * @private
+     */
+    private async closeLobbyNotification(testId: string) {
+        const notification = this.participant.driver.$(`[data-testid="${testId}"]`);
+
+        await notification.waitForExist();
+        await notification.waitForStable();
+
+        const closeButton
+            = this.participant.driver.$(`[data-testid="${LOBBY_NOTIFICATIONS_TITLE_TEST_ID}"]`)
+                .$('#close-notification');
+
+        await closeButton.moveTo();
+        await closeButton.click();
+    }
+
+    /**
+     * Closes the notification.
+     */
+    closeLobbyEnabled() {
+        return this.closeLobbyNotification(LOBBY_ENABLED_TEST_ID);
+    }
+
+    /**
+     * Returns the name of the knocking participant (the only one) that is displayed on the notification.
+     */
+    async getKnockingParticipantName() {
+        const knockingParticipantNotification
+            = this.participant.driver.$('//div[@data-testid="notify.participantWantsToJoin"]/div/div/span');
+
+        await knockingParticipantNotification.waitForDisplayed({
+            timeout: 3000,
+            timeoutMsg: 'Knocking participant notification not displayed'
+        });
+
+        return await knockingParticipantNotification.getText();
+    }
+
+    /**
+     * Admits the last knocking participant (it is the only one).
+     */
+    async allowLobbyParticipant() {
+        const admitButton
+            = this.participant.driver.$(`[data-testid="${LOBBY_PARTICIPANT_ADMIT_TEST_ID}"]`);
+
+        await admitButton.waitForExist();
+        await admitButton.waitForClickable();
+        await admitButton.click();
+    }
+
+    /**
+     * The notification that someone's access was approved.
+     */
+    getLobbyParticipantAccessGranted() {
+        return this.waitForNotificationText(LOBBY_PARTICIPANT_ACCESS_GRANTED_TEST_ID);
+    }
+
+    /**
+     * Closes the notification.
+     */
+    closeLobbyParticipantAccessGranted() {
+        return this.closeLobbyNotification(LOBBY_PARTICIPANT_ACCESS_GRANTED_TEST_ID);
+    }
+
+    /**
+     * Waits until a notifications with the given testId is found and returns its text.
+     * @return the notification text.
+     */
+    private async waitForNotificationText(testId: string) {
+        const notificationElement = this.participant.driver.$(`[data-testid="${testId}"]`);
+
+        await notificationElement.waitForExist({ timeout: 2_000 });
+
+        return await notificationElement.getText();
+    }
+
+    /**
+     * Gets the text from the notification with the given testId, if the notification exists (otherwise returns
+     * undefined).
+     * @param testId
+     * @return the notification text.
+     */
+    async getNotificationText(testId: string) {
+        const notificationElement = this.participant.driver.$(`[data-testid="${testId}"]`);
+
+        if (await notificationElement.isExisting()) {
+            return await notificationElement.getText();
+        }
+    }
+
+    /**
+     * Rejects the last knocking participant (it is the only one).
+     */
+    async rejectLobbyParticipant() {
+        const admitButton
+            = this.participant.driver.$(`[data-testid="${LOBBY_PARTICIPANT_REJECT_TEST_ID}"]`);
+
+        await admitButton.waitForExist();
+        await admitButton.waitForClickable();
+        await admitButton.click();
+    }
+
+    /**
+     * The notification test that someone's access was denied.
+     */
+    getLobbyParticipantAccessDenied() {
+        return this.waitForNotificationText(LOBBY_PARTICIPANT_ACCESS_DENIED_TEST_ID);
+    }
+
+    /**
+     * Closes the notification.
+     */
+    closeLobbyParticipantAccessDenied() {
+        return this.closeLobbyNotification(LOBBY_PARTICIPANT_ACCESS_DENIED_TEST_ID);
+    }
+
+    /**
+     * Waits for the notification for access denied for entering the lobby is shown.
+     */
+    async waitForLobbyAccessDeniedNotification() {
+        const displayNameEl
+            = this.participant.driver.$(`div[data-testid="${LOBBY_ACCESS_DENIED_TEST_ID}"]`);
+
+        await displayNameEl.waitForExist({ timeout: 2000 });
+        await displayNameEl.waitForDisplayed();
+    }
+
+    /**
+     * Will wait 3 seconds for the knocking participants to disappear and return true or will return false.
+     * @return <tt>true</tt> if the knocking participants list was not displayed.
+     */
+    waitForHideOfKnockingParticipants() {
+        return this.participant.driver.$(LOBBY_KNOCKING_PARTICIPANT_NOTIFICATION_XPATH)
+            .waitForDisplayed({
+                timeout: 3000,
+                reverse: true
+            });
+    }
+
+    /**
+     * Closes local notification, for the participant that was denied.
+     */
+    async closeLocalLobbyAccessDenied() {
+        await this.participant.driver.$('[data-testid="lobby.joinRejectedMessage"').waitForExist();
+
+        const dismissButton
+            = this.participant.driver.$('[data-testid="lobby.joinRejectedTitle-dismiss"]');
+
+        await dismissButton.moveTo();
+        await dismissButton.click();
+    }
+
+    /**
+     * Closes the `you are muted` notification.
+     */
+    async closeYouAreMutedNotification() {
+        return this.closeNotification(YOU_ARE_MUTED_TEST_ID, true);
+    }
+}
diff --git a/tests/pageobjects/ParticipantsPane.ts b/tests/pageobjects/ParticipantsPane.ts
new file mode 100644
index 0000000..5b22b0a
--- /dev/null
+++ b/tests/pageobjects/ParticipantsPane.ts
@@ -0,0 +1,287 @@
+import { ChainablePromiseElement } from 'webdriverio';
+
+import { Participant } from '../helpers/Participant';
+
+import AVModerationMenu from './AVModerationMenu';
+import BasePageObject from './BasePageObject';
+
+/**
+ * ID of the closed/hidden participants pane
+ */
+const PARTICIPANTS_PANE = 'participants-pane';
+
+const INVITE = 'Invite someone';
+
+/**
+ * Represents the participants pane from the UI.
+ */
+export default class ParticipantsPane extends BasePageObject {
+    /**
+     * Gets the audio video moderation menu.
+     */
+    getAVModerationMenu() {
+        return new AVModerationMenu(this.participant);
+    }
+
+    /**
+     * Checks if the pane is open.
+     */
+    isOpen() {
+        return this.participant.driver.$(`#${PARTICIPANTS_PANE}`).isExisting();
+    }
+
+    /**
+     * Clicks the "participants" toolbar button to open the participants pane.
+     */
+    async open() {
+        await this.participant.getToolbar().clickParticipantsPaneButton();
+
+        const pane = this.participant.driver.$(`#${PARTICIPANTS_PANE}`);
+
+        await pane.waitForExist();
+        await pane.waitForStable();
+        await pane.waitForDisplayed();
+    }
+
+    /**
+     * Clicks the "participants" toolbar button to close the participants pane.
+     */
+    async close() {
+        await this.participant.getToolbar().clickCloseParticipantsPaneButton();
+
+        await this.participant.driver.$(`#${PARTICIPANTS_PANE}`).waitForDisplayed({ reverse: true });
+    }
+
+    /**
+     * Asserts that {@code participant} shows or doesn't show the video mute icon for the conference participant
+     * identified by {@code testee}.
+     *
+     * @param {Participant} testee - The {@code Participant} for whom we're checking the status of audio muted icon.
+     * @param {boolean} reverse - If {@code true}, the method will assert the absence of the "mute" icon;
+     * otherwise, it will assert its presence.
+     * @returns {Promise<void>}
+     */
+    async assertVideoMuteIconIsDisplayed(testee: Participant, reverse = false): Promise<void> {
+        const isOpen = await this.isOpen();
+
+        if (!isOpen) {
+            await this.open();
+        }
+
+        const id = `participant-item-${await testee.getEndpointId()}`;
+        const mutedIconXPath
+            = `//div[@id='${id}']//div[contains(@class, 'indicators')]//*[local-name()='svg' and @id='videoMuted']`;
+
+        await this.participant.driver.$(mutedIconXPath).waitForDisplayed({
+            reverse,
+            timeout: 2000,
+            timeoutMsg: `Video mute icon is${reverse ? '' : ' not'} displayed for ${testee.name} at ${
+                this.participant.name} side.`
+        });
+
+        if (!isOpen) {
+            await this.close();
+        }
+    }
+
+    /**
+     * Asserts that {@code participant} shows or doesn't show the video mute icon for the conference participant
+     * identified by {@code testee}.
+     *
+     * @param {Participant} testee - The {@code Participant} for whom we're checking the status of audio muted icon.
+     * @param {boolean} reverse - If {@code true}, the method will assert the absence of the "mute" icon;
+     * otherwise, it will assert its presence.
+     * @returns {Promise<void>}
+     */
+    async assertAudioMuteIconIsDisplayed(testee: Participant, reverse = false): Promise<void> {
+        const isOpen = await this.isOpen();
+
+        if (!isOpen) {
+            await this.open();
+        }
+
+        const id = `participant-item-${await testee.getEndpointId()}`;
+        const mutedIconXPath
+            = `//div[@id='${id}']//div[contains(@class, 'indicators')]//*[local-name()='svg' and @id='audioMuted']`;
+
+        await this.participant.driver.$(mutedIconXPath).waitForDisplayed({
+            reverse,
+            timeout: 2000,
+            timeoutMsg: `Audio mute icon is${reverse ? '' : ' not'} displayed for ${testee.name} at ${
+                this.participant.name} side.`
+        });
+
+        if (!isOpen) {
+            await this.close();
+        }
+    }
+
+
+    /**
+     * Clicks the context menu button in the participants pane.
+     */
+    async clickContextMenuButton() {
+        if (!await this.isOpen()) {
+            await this.open();
+        }
+
+        const menu = this.participant.driver.$('#participants-pane-context-menu');
+
+        await menu.waitForDisplayed();
+        await menu.click();
+    }
+
+    /**
+     * Trys to click allow video button.
+     * @param participantToUnmute
+     */
+    async allowVideo(participantToUnmute: Participant) {
+        if (!await this.isOpen()) {
+            await this.open();
+        }
+
+        const participantId = await participantToUnmute.getEndpointId();
+
+        await this.selectParticipant(participantToUnmute);
+        await this.openParticipantContextMenu(participantToUnmute);
+
+        const unmuteButton = this.participant.driver
+            .$(`[data-testid="unmute-video-${participantId}"]`);
+
+        await unmuteButton.waitForExist();
+        await unmuteButton.click();
+    }
+
+    /**
+     * Trys to click ask to unmute button.
+     * @param participantToUnmute
+     * @param fromContextMenu
+     */
+    async askToUnmute(participantToUnmute: Participant, fromContextMenu: boolean) {
+        if (!await this.isOpen()) {
+            await this.open();
+        }
+
+        await this.participant.getNotifications().dismissAnyJoinNotification();
+
+        const participantId = await participantToUnmute.getEndpointId();
+
+        await this.selectParticipant(participantToUnmute);
+        if (fromContextMenu) {
+            await this.openParticipantContextMenu(participantToUnmute);
+        }
+
+        const unmuteButton = this.participant.driver
+            .$(`[data-testid="unmute-audio-${participantId}"]`);
+
+        await unmuteButton.waitForExist();
+        await unmuteButton.click();
+    }
+
+    /**
+     * Open context menu for given participant.
+     */
+    async selectParticipant(participant: Participant) {
+        const participantId = await participant.getEndpointId();
+        const participantItem = this.participant.driver.$(`#participant-item-${participantId}`);
+
+        await participantItem.waitForExist();
+        await participantItem.waitForStable();
+        await participantItem.waitForDisplayed();
+        await participantItem.moveTo();
+    }
+
+    /**
+     * Open context menu for given participant.
+     */
+    async openParticipantContextMenu(participant: Participant) {
+        const participantId = await participant.getEndpointId();
+        const meetingParticipantMoreOptions = this.participant.driver
+            .$(`[data-testid="participant-more-options-${participantId}"]`);
+
+        await meetingParticipantMoreOptions.waitForExist();
+        await meetingParticipantMoreOptions.waitForDisplayed();
+        await meetingParticipantMoreOptions.waitForStable();
+        await meetingParticipantMoreOptions.moveTo();
+        await meetingParticipantMoreOptions.click();
+    }
+
+    /**
+     * Clicks the invite button.
+     */
+    async clickInvite() {
+        if (!await this.isOpen()) {
+            await this.open();
+        }
+
+        const inviteButton = this.participant.driver.$(`button=${INVITE}`);
+
+        await inviteButton.waitForDisplayed();
+        await inviteButton.click();
+    }
+
+    /**
+     * Find the participant by name.
+     * @param name - The name to look for.
+     * @private
+     */
+    private async findLobbyParticipantByName(name: string): Promise<ChainablePromiseElement> {
+        return this.participant.driver.$$('//div[@id="lobby-list"]//div[starts-with(@id, "participant-item-")]')
+            .find(async participant => (await participant.getText()).includes(name));
+    }
+
+    /**
+     * Tries to click on the approve button and fails if it cannot be clicked.
+     * @param participantNameToAdmit - the name of the participant to admit.
+     */
+    async admitLobbyParticipant(participantNameToAdmit: string) {
+        const participantToAdmit = await this.findLobbyParticipantByName(participantNameToAdmit);
+
+        await participantToAdmit.moveTo();
+
+        const participantIdToAdmit = (await participantToAdmit.getAttribute('id'))
+            .substring('participant-item-'.length);
+        const admitButton = this.participant.driver
+            .$(`[data-testid="admit-${participantIdToAdmit}"]`);
+
+        await admitButton.waitForExist();
+        await admitButton.click();
+    }
+
+    /**
+     * Tries to click on the reject button and fails if it cannot be clicked.
+     * @param participantNameToReject - the name of the participant for this {@link ParticipantsPane} to reject.
+     */
+    async rejectLobbyParticipant(participantNameToReject: string) {
+        const participantToReject
+            = await this.findLobbyParticipantByName(participantNameToReject);
+
+        await participantToReject.moveTo();
+
+        const participantIdToReject = (await participantToReject.getAttribute('id'))
+            .substring('participant-item-'.length);
+
+        const moreOptionsButton
+            = this.participant.driver.$(`button[title="More moderation options ${participantNameToReject}"]`);
+
+        await moreOptionsButton.click();
+
+        const rejectButton = this.participant.driver
+            .$(`[data-testid="reject-${participantIdToReject}"]`);
+
+        await rejectButton.waitForExist();
+        await rejectButton.click();
+    }
+
+    /**
+     * Mutes the audio of a participant.
+     * @param participant
+     */
+    async muteAudio(participant: Participant) {
+        const participantId = await participant.getEndpointId();
+
+        await this.participant.driver.$(`#participant-item-${participantId}`).moveTo();
+
+        await this.participant.driver.$(`button[data-testid="mute-audio-${participantId}"]`).click();
+    }
+}
diff --git a/tests/pageobjects/PasswordDialog.ts b/tests/pageobjects/PasswordDialog.ts
new file mode 100644
index 0000000..540b386
--- /dev/null
+++ b/tests/pageobjects/PasswordDialog.ts
@@ -0,0 +1,51 @@
+import BaseDialog from './BaseDialog';
+
+const INPUT_KEY_XPATH = '//input[@name="lockKey"]';
+
+/**
+ * Represents the password dialog in a particular participant.
+ */
+export default class PasswordDialog extends BaseDialog {
+    /**
+     * Waiting for the dialog to appear.
+     */
+    async waitForDialog() {
+        const input = this.participant.driver.$(INPUT_KEY_XPATH);
+
+        await input.waitForExist({
+            timeout: 5000,
+            timeoutMsg: 'Password dialog not found'
+        });
+        await input.waitForDisplayed();
+        await input.waitForStable();
+    }
+
+    async isOpen() {
+        const input = this.participant.driver.$(INPUT_KEY_XPATH);
+
+        try {
+            await input.isExisting();
+
+            return await input.isDisplayed();
+        } catch (e) {
+            return false;
+        }
+    }
+
+    /**
+     * Sets a password and submits the dialog.
+     * @param password
+     */
+    async submitPassword(password: string) {
+        const passwordInput = this.participant.driver.$(INPUT_KEY_XPATH);
+
+        await passwordInput.waitForExist();
+        await passwordInput.waitForClickable({ timeout: 2000 });
+        await passwordInput.click();
+        await passwordInput.clearValue();
+
+        await this.participant.driver.keys(password);
+
+        await this.clickOkButton();
+    }
+}
diff --git a/tests/pageobjects/PreJoinScreen.ts b/tests/pageobjects/PreJoinScreen.ts
new file mode 100644
index 0000000..f6bf59b
--- /dev/null
+++ b/tests/pageobjects/PreJoinScreen.ts
@@ -0,0 +1,55 @@
+import PreMeetingScreen from './PreMeetingScreen';
+
+const DISPLAY_NAME_ID = 'premeeting-name-input';
+const ERROR_ON_JOIN = 'prejoin.errorMessage';
+const JOIN_BUTTON_TEST_ID = 'prejoin.joinMeeting';
+const JOIN_WITHOUT_AUDIO = 'prejoin.joinWithoutAudio';
+const OPTIONS_BUTTON = 'prejoin.joinOptions';
+
+/**
+ * Page object for the PreJoin screen.
+ */
+export default class PreJoinScreen extends PreMeetingScreen {
+    /**
+     * Returns the join button element.
+     */
+    getJoinButton(): ChainablePromiseElement {
+        return this.participant.driver.$(`[data-testid="${JOIN_BUTTON_TEST_ID}"]`);
+    }
+
+    /**
+     * Returns the display name input element.
+     */
+    getDisplayNameInput(): ChainablePromiseElement {
+        return this.participant.driver.$(`#${DISPLAY_NAME_ID}`);
+    }
+
+    /**
+     * Waits for pre join screen to load.
+     */
+    waitForLoading(): Promise<void> {
+        return this.participant.driver.$('[data-testid="prejoin.screen"]')
+            .waitForDisplayed({ timeout: 3000 });
+    }
+
+    /**
+     * Returns the error message displayed on the prejoin screen.
+     */
+    getErrorOnJoin() {
+        return this.participant.driver.$(`[data-testid="${ERROR_ON_JOIN}"]`);
+    }
+
+    /**
+     * Returns the join without audio button element.
+     */
+    getJoinWithoutAudioButton() {
+        return this.participant.driver.$(`[data-testid="${JOIN_WITHOUT_AUDIO}"]`);
+    }
+
+    /**
+     * Returns the join options button element.
+     */
+    getJoinOptions() {
+        return this.participant.driver.$(`[data-testid="${OPTIONS_BUTTON}"]`);
+    }
+}
diff --git a/tests/pageobjects/PreMeetingScreen.ts b/tests/pageobjects/PreMeetingScreen.ts
new file mode 100644
index 0000000..ad384e5
--- /dev/null
+++ b/tests/pageobjects/PreMeetingScreen.ts
@@ -0,0 +1,90 @@
+import BasePageObject from './BasePageObject';
+
+const PASSWORD_BUTTON_TEST_ID = 'lobby.enterPasswordButton';
+
+/**
+ * Page object for the PreMeeting screen, common stuff between pre-join and lobby screens.
+ */
+export default abstract class PreMeetingScreen extends BasePageObject {
+    /**
+     * Waits for pre join or lobby screen to load.
+     */
+    abstract waitForLoading(): Promise<void>;
+
+    /**
+     * Returns the display name input element.
+     */
+    abstract getDisplayNameInput(): WebdriverIO.Element;
+
+    /**
+     * Returns the join button element.
+     */
+    abstract getJoinButton(): WebdriverIO.Element;
+
+    /**
+     * Interacts with the view to enter a display name.
+     */
+    async enterDisplayName(displayName: string) {
+        const displayNameInput = this.getDisplayNameInput();
+
+        await displayNameInput.click();
+
+        // element.clear does not always work, make sure we delete the content
+        await displayNameInput.clearValue();
+
+        await this.participant.driver.keys(displayName);
+    }
+
+    /**
+     * Checks internally whether lobby room is joined.
+     *
+     * @returns {Promise<void>}
+     */
+    waitToJoinLobby(): Promise<void> {
+        return this.participant.driver.waitUntil(
+            () => this.isLobbyRoomJoined(),
+            {
+                timeout: 6_000, // 6 seconds
+                timeoutMsg: `Timeout waiting to join lobby for ${this.participant.name}`
+            }
+        );
+    }
+
+    /**
+     * Checks internally whether lobby room is joined.
+     */
+    isLobbyRoomJoined() {
+        return this.participant.execute(
+            () => APP?.conference?._room?.room?.getLobby()?.lobbyRoom?.joined === true);
+    }
+
+    /**
+     * Returns the password button element.
+     */
+    getPasswordButton() {
+        return this.participant.driver.$(`[data-testid="${PASSWORD_BUTTON_TEST_ID}"]`);
+    }
+
+    /**
+     * Interacts with the view to enter a password.
+     */
+    async enterPassword(password: string) {
+        const passwordButton = this.getPasswordButton();
+
+        await passwordButton.moveTo();
+        await passwordButton.click();
+
+        const passwordInput = this.participant.driver.$('[data-testid="lobby.password"]');
+
+        await passwordInput.waitForDisplayed();
+        await passwordInput.click();
+        await passwordInput.clearValue();
+
+        await this.participant.driver.keys(password);
+
+        const joinButton = this.participant.driver.$('[data-testid="lobby.passwordJoinButton"]');
+
+        await joinButton.waitForDisplayed();
+        await joinButton.click();
+    }
+}
diff --git a/tests/pageobjects/SecurityDialog.ts b/tests/pageobjects/SecurityDialog.ts
new file mode 100644
index 0000000..a89eae2
--- /dev/null
+++ b/tests/pageobjects/SecurityDialog.ts
@@ -0,0 +1,134 @@
+import BaseDialog from './BaseDialog';
+
+const ADD_PASSWORD_LINK = 'add-password';
+const ADD_PASSWORD_FIELD = 'info-password-input';
+const DIALOG_CONTAINER = 'security-dialog';
+const LOCAL_LOCK = 'info-password-local';
+const REMOTE_LOCK = 'info-password-remote';
+const REMOVE_PASSWORD = 'remove-password';
+
+/**
+ * Page object for the security dialog.
+ */
+export default class SecurityDialog extends BaseDialog {
+    /**
+     *  Waits for the settings dialog to be visible.
+     */
+    waitForDisplay() {
+        return this.participant.driver.$(`.${DIALOG_CONTAINER}`).waitForDisplayed();
+    }
+
+    /**
+     * Returns the switch that can be used to detect lobby state or change lobby state.
+     * @private
+     */
+    private getLobbySwitch() {
+        return this.participant.driver.$('#lobby-section-switch');
+    }
+
+    /**
+     * Returns is the lobby enabled.
+     */
+    isLobbyEnabled() {
+        return this.getLobbySwitch().isSelected();
+    }
+
+    /**
+     * Toggles the lobby option from the security dialog.
+     */
+    async toggleLobby() {
+        const lobbySwitch = this.getLobbySwitch();
+
+        await lobbySwitch.moveTo();
+        await lobbySwitch.click();
+    }
+
+    /**
+     * Checks whether lobby section is present in the UI.
+     */
+    isLobbySectionPresent() {
+        return this.getLobbySwitch().isExisting();
+    }
+
+    /**
+     * Waits for the lobby to be enabled or disabled.
+     * @param reverse
+     */
+    waitForLobbyEnabled(reverse = false) {
+        const lobbySwitch = this.getLobbySwitch();
+
+        return this.participant.driver.waitUntil(
+            async () => await lobbySwitch.isSelected() !== reverse,
+            {
+                timeout: 5_000, // 30 seconds
+                timeoutMsg: `Timeout waiting for lobby being ${reverse ? 'disabled' : 'enabled'} for ${
+                    this.participant.name}.`
+            }
+        );
+    }
+
+    /**
+     * Checks if the current conference is locked with a locally set password.
+     *
+     * @return {@code true} if the conference is displayed as locked locally in
+     * the security dialog, {@code false} otherwise.
+     */
+    private isLockedLocally() {
+        return this.participant.driver.$(`.${LOCAL_LOCK}`).isExisting();
+    }
+
+    /**
+     * Checks if the current conference is locked with a locally set password.
+     *
+     * @return {@code true}  if the conference is displayed as locked remotely
+     * in the security dialog, {@code false} otherwise.
+     */
+    private isLockedRemotely() {
+        return this.participant.driver.$(`.${REMOTE_LOCK}`).isExisting();
+    }
+
+    /**
+     * Checks if the current conference is locked based on the security dialog's
+     * display state.
+     *
+     * @return {@code true} if the conference is displayed as locked in the
+     * security dialog, {@code false} otherwise.
+     */
+    async isLocked() {
+        return await this.isLockedLocally() || await this.isLockedRemotely();
+    }
+
+    /**
+     * Sets a password on the current conference to lock it.
+     *
+     * @param password - The password to use to lock the conference.
+     */
+    async addPassword(password: string) {
+        const addPasswordLink = this.participant.driver.$(`.${ADD_PASSWORD_LINK}`);
+
+        await addPasswordLink.waitForClickable();
+        await addPasswordLink.click();
+
+        const passwordEntry = this.participant.driver.$(`#${ADD_PASSWORD_FIELD}`);
+
+        await passwordEntry.waitForDisplayed();
+        await passwordEntry.click();
+
+        await this.participant.driver.keys(password);
+        await this.participant.driver.$('button=Add').click();
+    }
+
+    /**
+     * Removes the password from the current conference through the security dialog, if a password is set.
+     */
+    async removePassword() {
+        if (!await this.isLocked()) {
+            return;
+        }
+
+        const removePassword = this.participant.driver.$(`.${REMOVE_PASSWORD}`);
+
+        await removePassword.waitForClickable();
+        await removePassword.click();
+    }
+}
diff --git a/tests/pageobjects/SettingsDialog.ts b/tests/pageobjects/SettingsDialog.ts
new file mode 100644
index 0000000..7eb275c
--- /dev/null
+++ b/tests/pageobjects/SettingsDialog.ts
@@ -0,0 +1,156 @@
+import BaseDialog from './BaseDialog';
+
+const EMAIL_FIELD = '#setEmail';
+const FOLLOW_ME_CHECKBOX = '//input[@name="follow-me"]';
+const HIDE_SELF_VIEW_CHECKBOX = '//input[@name="hide-self-view"]';
+const SETTINGS_DIALOG_CONTENT = '.settings-pane';
+const START_AUDIO_MUTED_CHECKBOX = '//input[@name="start-audio-muted"]';
+const START_VIDEO_MUTED_CHECKBOX = '//input[@name="start-video-muted"]';
+const X_PATH_MODERATOR_TAB = '//div[contains(@class, "settings-dialog")]//*[text()="Moderator"]';
+const X_PATH_MORE_TAB = '//div[contains(@class, "settings-dialog")]//*[text()="General"]';
+const X_PATH_PROFILE_TAB = '//div[contains(@class, "settings-dialog")]//*[text()="Profile"]';
+
+/**
+ * The settings dialog.
+ */
+export default class SettingsDialog extends BaseDialog {
+    /**
+     *  Waits for the settings dialog to be visible.
+     */
+    waitForDisplay() {
+        return this.participant.driver.$(SETTINGS_DIALOG_CONTENT).waitForDisplayed();
+    }
+
+    /**
+     * Displays a specific tab in the settings dialog.
+     * @param xpath
+     * @private
+     */
+    private async openTab(xpath: string) {
+        const elem = this.participant.driver.$(xpath);
+
+        await elem.waitForClickable();
+        await elem.click();
+    }
+
+    /**
+     * Selects the Profile tab to be displayed.
+     */
+    openProfileTab() {
+        return this.openTab(X_PATH_PROFILE_TAB);
+    }
+
+    /**
+     * Selects the More tab to be displayed.
+     */
+    openMoreTab() {
+        return this.openTab(X_PATH_MORE_TAB);
+    }
+
+    /**
+     * Selects the moderator tab to be displayed.
+     */
+    openModeratorTab() {
+        return this.openTab(X_PATH_MODERATOR_TAB);
+    }
+
+    /**
+     * Enters the passed in email into the email field.
+     * @param email
+     */
+    async setEmail(email: string) {
+        await this.openProfileTab();
+
+        await this.participant.driver.$(EMAIL_FIELD).setValue(email);
+    }
+
+    /**
+     * Returns the participant's email displayed in the settings dialog.
+     */
+    async getEmail() {
+        await this.openProfileTab();
+
+        return await this.participant.driver.$(EMAIL_FIELD).getValue();
+    }
+
+    /**
+     * Clicks the OK button on the settings dialog to close the dialog and save any changes made.
+     */
+    submit() {
+        return this.clickOkButton();
+    }
+
+    /**
+     * Sets the start audio muted feature to enabled/disabled.
+     * @param {boolean} enable - true for enabled and false for disabled.
+     * @returns {Promise<void>}
+     */
+    async setStartAudioMuted(enable: boolean) {
+        await this.openModeratorTab();
+
+        await this.setCheckbox(START_AUDIO_MUTED_CHECKBOX, enable);
+    }
+
+    /**
+     * Sets the start video muted feature to enabled/disabled.
+     * @param {boolean} enable - true for enabled and false for disabled.
+     * @returns {Promise<void>}
+     */
+    async setStartVideoMuted(enable: boolean) {
+        await this.openModeratorTab();
+
+        await this.setCheckbox(START_VIDEO_MUTED_CHECKBOX, enable);
+    }
+
+    /**
+     * Sets the state checked/selected of a checkbox in the settings dialog.
+     */
+    async setHideSelfView(hideSelfView: boolean) {
+        await this.openMoreTab();
+
+        await this.setCheckbox(HIDE_SELF_VIEW_CHECKBOX, hideSelfView);
+    }
+
+    /**
+     * Sets the follow me feature to enabled/disabled.
+     * @param enable
+     */
+    async setFollowMe(enable: boolean) {
+        await this.openModeratorTab();
+
+        await this.setCheckbox(FOLLOW_ME_CHECKBOX, enable);
+    }
+
+    /**
+     * Returns true if the follow me checkbox is displayed in the settings dialog.
+     */
+    async isFollowMeDisplayed() {
+        const elem = this.participant.driver.$(X_PATH_MODERATOR_TAB);
+
+        if (!await elem.isExisting()) {
+            return false;
+        }
+
+        await this.openModeratorTab();
+
+        return await this.participant.driver.$$(FOLLOW_ME_CHECKBOX).length > 0;
+    }
+
+    /**
+     * Sets the state of a checkbox.
+     * @param selector
+     * @param enable
+     * @private
+     */
+    private async setCheckbox(selector: string, enable: boolean) {
+        const checkbox = this.participant.driver.$(selector);
+
+        await checkbox.waitForExist();
+
+        if (enable !== await checkbox.isSelected()) {
+            // we show a div with svg and text after the input and those elements grab the click
+            // so we need to click on the parent element
+            await this.participant.driver.$(`${selector}//ancestor::div[1]`).click();
+        }
+    }
+}
diff --git a/tests/pageobjects/Toolbar.ts b/tests/pageobjects/Toolbar.ts
new file mode 100644
index 0000000..39cdad2
--- /dev/null
+++ b/tests/pageobjects/Toolbar.ts
@@ -0,0 +1,333 @@
+import BasePageObject from './BasePageObject';
+
+const AUDIO_MUTE = 'Mute microphone';
+const AUDIO_UNMUTE = 'Unmute microphone';
+const CHAT = 'Open chat';
+const CLOSE_CHAT = 'Close chat';
+const CLOSE_PARTICIPANTS_PANE = 'Close participants pane';
+const DESKTOP = 'Start sharing your screen';
+const HANGUP = 'Leave the meeting';
+const OVERFLOW_MENU = 'More actions menu';
+const OVERFLOW = 'More actions';
+const PARTICIPANTS = 'Open participants pane';
+const PROFILE = 'Edit your profile';
+const RAISE_HAND = 'Raise your hand';
+const SECURITY = 'Security options';
+const SETTINGS = 'Open settings';
+const STOP_DESKTOP = 'Stop sharing your screen';
+const ENTER_TILE_VIEW_BUTTON = 'Enter tile view';
+const EXIT_TILE_VIEW_BUTTON = 'Exit tile view';
+const VIDEO_QUALITY = 'Manage video quality';
+const VIDEO_MUTE = 'Stop camera';
+const VIDEO_UNMUTE = 'Start camera';
+
+/**
+ * The toolbar elements.
+ */
+export default class Toolbar extends BasePageObject {
+    /**
+     * Returns the button.
+     *
+     * @param {string} accessibilityCSSSelector - The selector to find the button.
+     * @returns {WebdriverIO.Element} The button.
+     * @private
+     */
+    private getButton(accessibilityCSSSelector: string) {
+        return this.participant.driver.$(`[aria-label="${accessibilityCSSSelector}"]`);
+    }
+
+    /**
+     * The audio mute button.
+     */
+    get audioMuteBtn() {
+        return this.getButton(AUDIO_MUTE);
+    }
+
+    /**
+     * The audio unmute button.
+     */
+    get audioUnMuteBtn() {
+        return this.getButton(AUDIO_UNMUTE);
+    }
+
+    /**
+     * Clicks audio mute button.
+     *
+     * @returns {Promise<void>}
+     */
+    async clickAudioMuteButton(): Promise<void> {
+        await this.participant.log('Clicking on: Audio Mute Button');
+
+        await this.audioMuteBtn.waitForExist({
+            timeout: 2000, timeoutMsg: 'Audio mute button not found'
+        });
+
+        // not directly clicking the button to avoid issues of UI notifications preventing it
+        return this.participant.execute(() => JitsiMeetJS.app.testing.audioMute());
+    }
+
+    /**
+     * Clicks audio unmute button.
+     *
+     * @returns {Promise<void>}
+     */
+    async clickAudioUnmuteButton(): Promise<void> {
+        await this.participant.log('Clicking on: Audio Unmute Button');
+
+        await this.audioUnMuteBtn.waitForExist({
+            timeout: 2000, timeoutMsg: 'Audio unmute button not found'
+        });
+
+        // not directly clicking the button to avoid issues of UI notifications preventing it
+        return this.participant.execute(() => JitsiMeetJS.app.testing.audioUnmute());
+    }
+
+    /**
+     * The video mute button.
+     */
+    get videoMuteBtn() {
+        return this.getButton(VIDEO_MUTE);
+    }
+
+    /**
+     * The video unmute button.
+     */
+    get videoUnMuteBtn() {
+        return this.getButton(VIDEO_UNMUTE);
+    }
+
+    /**
+     * Clicks video mute button.
+     *
+     * @returns {Promise<void>}
+     */
+    async clickVideoMuteButton(): Promise<void> {
+        await this.participant.log('Clicking on: Video Mute Button');
+
+        await this.videoMuteBtn.waitForExist({
+            timeout: 2000, timeoutMsg: 'Video mute button not found'
+        });
+
+        // not directly clicking the button to avoid issues of UI notifications preventing it
+        return this.participant.execute(() => JitsiMeetJS.app.testing.videoMute());
+    }
+
+    /**
+     * Clicks video unmute button.
+     *
+     * @returns {Promise<void>}
+     */
+    async clickVideoUnmuteButton(): Promise<void> {
+        await this.participant.log('Clicking on: Video Unmute Button');
+
+        await this.videoUnMuteBtn.waitForExist({
+            timeout: 2000, timeoutMsg: 'Video unmute button not found'
+        });
+
+        // not directly clicking the button to avoid issues of UI notifications preventing it
+        return this.participant.execute(() => JitsiMeetJS.app.testing.videoUnmute());
+    }
+
+    /**
+     * Clicks Participants pane button.
+     *
+     * @returns {Promise<void>}
+     */
+    async clickCloseParticipantsPaneButton(): Promise<void> {
+        await this.participant.log('Clicking on: Close Participants pane Button');
+
+        return this.getButton(CLOSE_PARTICIPANTS_PANE).click();
+    }
+
+    /**
+     * Clicks Participants pane button.
+     *
+     * @returns {Promise<void>}
+     */
+    async clickParticipantsPaneButton(): Promise<void> {
+        await this.participant.log('Clicking on: Participants pane Button');
+
+        // Special case for participants pane button, as it contains the number of participants and its label
+        // is changing
+        return this.participant.driver.$(`[aria-label^="${PARTICIPANTS}"]`).click();
+    }
+
+    /**
+     * Clicks on the video quality toolbar button which opens the
+     * dialog for adjusting max-received video quality.
+     */
+    clickVideoQualityButton(): Promise<void> {
+        return this.clickButtonInOverflowMenu(VIDEO_QUALITY);
+    }
+
+    /**
+     * Clicks on the profile toolbar button which opens or closes the profile panel.
+     */
+    clickProfileButton(): Promise<void> {
+        return this.clickButtonInOverflowMenu(PROFILE);
+    }
+
+    /**
+     * Clicks on the raise hand button that enables participants will to speak.
+     */
+    async clickRaiseHandButton(): Promise<void> {
+        await this.participant.log('Clicking on: Raise hand Button');
+
+        return this.getButton(RAISE_HAND).click();
+    }
+
+    /**
+     * Clicks on the chat button that opens chat panel.
+     */
+    async clickChatButton(): Promise<void> {
+        await this.participant.log('Clicking on: Chat Button');
+
+        return this.getButton(CHAT).click();
+    }
+
+    /**
+     * Clicks on the chat button that closes chat panel.
+     */
+    async clickCloseChatButton(): Promise<void> {
+        await this.participant.log('Clicking on: Close Chat Button');
+
+        return this.getButton(CLOSE_CHAT).click();
+    }
+
+    /**
+     * Clicks on the desktop sharing button that starts desktop sharing.
+     */
+    clickDesktopSharingButton() {
+        return this.getButton(DESKTOP).click();
+    }
+
+    /**
+     * Clicks on the desktop sharing button to stop it.
+     */
+    clickStopDesktopSharingButton() {
+        return this.getButton(STOP_DESKTOP).click();
+    }
+
+    /**
+     * Clicks on the tile view button which enables tile layout.
+     */
+    clickEnterTileViewButton() {
+        return this.getButton(ENTER_TILE_VIEW_BUTTON).click();
+    }
+
+    /**
+     * Clicks on the tile view button which exits tile layout.
+     */
+    clickExitTileViewButton() {
+        return this.getButton(EXIT_TILE_VIEW_BUTTON).click();
+    }
+
+    /**
+     * Clicks on the hangup button that ends the conference.
+     */
+    async clickHangupButton(): Promise<void> {
+        await this.participant.log('Clicking on: Hangup Button');
+
+        return this.getButton(HANGUP).click();
+    }
+
+    /**
+     * Clicks on the security toolbar button which opens the security panel.
+     */
+    clickSecurityButton() {
+        return this.clickButtonInOverflowMenu(SECURITY);
+    }
+
+    /**
+     * Clicks on the settings toolbar button which opens or closes the settings panel.
+     */
+    clickSettingsButton() {
+        return this.clickButtonInOverflowMenu(SETTINGS);
+    }
+
+    /**
+     * Ensure the overflow menu is open and clicks on a specified button.
+     * @param accessibilityLabel The accessibility label of the button to be clicked.
+     * @private
+     */
+    private async clickButtonInOverflowMenu(accessibilityLabel: string) {
+        await this.openOverflowMenu();
+
+        // sometimes the overflow button tooltip is over the last entry in the menu,
+        // so let's move focus away before clicking the button
+        await this.participant.driver.$('#overflow-context-menu').moveTo();
+
+        await this.participant.log(`Clicking on: ${accessibilityLabel}`);
+        await this.getButton(accessibilityLabel).click();
+
+        await this.closeOverflowMenu();
+    }
+
+    /**
+     * Checks if the overflow menu is open and visible.
+     * @private
+     */
+    private async isOverflowMenuOpen() {
+        return await this.participant.driver.$$(`[aria-label="${OVERFLOW_MENU}"]`).length > 0;
+    }
+
+    /**
+     * Clicks on the overflow toolbar button which opens or closes the overflow menu.
+     * @private
+     */
+    private clickOverflowButton(): Promise<void> {
+        return this.getButton(OVERFLOW).click();
+    }
+
+    /**
+     * Ensure the overflow menu is displayed.
+     * @private
+     */
+    private async openOverflowMenu() {
+        if (await this.isOverflowMenuOpen()) {
+            return;
+        }
+
+        await this.clickOverflowButton();
+
+        await this.waitForOverFlowMenu(true);
+    }
+
+    /**
+     * Ensures the overflow menu is not displayed.
+     * @private
+     */
+    async closeOverflowMenu() {
+        if (!await this.isOverflowMenuOpen()) {
+            return;
+        }
+
+        await this.clickOverflowButton();
+
+        await this.waitForOverFlowMenu(false);
+    }
+
+    /**
+     * Waits for the overflow menu to be visible or hidden.
+     * @param visible
+     * @private
+     */
+    private waitForOverFlowMenu(visible: boolean) {
+        return this.getButton(OVERFLOW_MENU).waitForDisplayed({
+            reverse: !visible,
+            timeout: 3000,
+            timeoutMsg: `Overflow menu is not ${visible ? 'visible' : 'hidden'}`
+        });
+    }
+
+    /**
+     * Gets the participant's avatar image element located in the toolbar.
+     */
+    async getProfileImage() {
+        await this.openOverflowMenu();
+
+        const elem = this.participant.driver.$(`[aria-label^="${PROFILE}"] img`);
+
+        return await elem.isExisting() ? await elem.getAttribute('src') : null;
+    }
+}
diff --git a/tests/pageobjects/VideoQualityDialog.ts b/tests/pageobjects/VideoQualityDialog.ts
new file mode 100644
index 0000000..abc685f
--- /dev/null
+++ b/tests/pageobjects/VideoQualityDialog.ts
@@ -0,0 +1,42 @@
+import { Key } from 'webdriverio';
+
+import BaseDialog from './BaseDialog';
+
+const VIDEO_QUALITY_SLIDER_CLASS = 'custom-slider';
+
+/**
+ * The video quality dialog.
+ */
+export default class VideoQualityDialog extends BaseDialog {
+    /**
+     * Opens the video quality dialog and sets the video quality to the minimum or maximum definition.
+     * @param audioOnly - Whether to set the video quality to audio only (minimum).
+     * @private
+     */
+    async setVideoQuality(audioOnly: boolean) {
+        await this.participant.getToolbar().clickVideoQualityButton();
+
+        const videoQualitySlider = this.participant.driver.$(`.${VIDEO_QUALITY_SLIDER_CLASS}`);
+
+        const audioOnlySliderValue = parseInt(await videoQualitySlider.getAttribute('min'), 10);
+
+        const maxDefinitionSliderValue = parseInt(await videoQualitySlider.getAttribute('max'), 10);
+        const activeValue = parseInt(await videoQualitySlider.getAttribute('value'), 10);
+
+        const targetValue = audioOnly ? audioOnlySliderValue : maxDefinitionSliderValue;
+        const distanceToTargetValue = targetValue - activeValue;
+        const keyDirection = distanceToTargetValue > 0 ? Key.ArrowRight : Key.ArrowLeft;
+
+        // we need to click the element to activate it so it will receive the keys
+        await videoQualitySlider.click();
+
+        // Move the slider to the target value.
+        for (let i = 0; i < Math.abs(distanceToTargetValue); i++) {
+
+            await this.participant.driver.keys(keyDirection);
+        }
+
+        // Close the video quality dialog.
+        await this.clickCloseButton();
+    }
+}
diff --git a/tests/pageobjects/Visitors.ts b/tests/pageobjects/Visitors.ts
new file mode 100644
index 0000000..5d9f08a
--- /dev/null
+++ b/tests/pageobjects/Visitors.ts
@@ -0,0 +1,63 @@
+import BasePageObject from './BasePageObject';
+
+/**
+ * Page object for the visitors elements in moderator and visitor page.
+ */
+export default class Visitors extends BasePageObject {
+    /**
+     * Returns the visitors dialog element if any.
+     */
+    hasVisitorsDialog() {
+        return this.participant.driver.$('div=Joining meeting');
+    }
+
+    /**
+     * Returns the visitors count shown in the conference info (subject) area.
+     */
+    getVisitorsCount() {
+        return this.participant.driver.$('#visitorsCountLabel').getText();
+    }
+
+    /**
+     * Returns the visitors count shown in the Participants pane.
+     */
+    async getVisitorsHeaderFromParticipantsPane() {
+        const participantsPane = this.participant.getParticipantsPane();
+        const isOpen = await participantsPane.isOpen();
+
+        if (!isOpen) {
+            await participantsPane.open();
+        }
+
+        return this.participant.driver.$('#visitor-list-header').getText();
+    }
+
+    /**
+     * Whether the visitors queue UI is shown.
+     */
+    isVisitorsQueueUIShown() {
+        return this.participant.driver.$('#visitors-waiting-queue').isDisplayed();
+    }
+
+    /**
+     * Returns the name of the knocking participant (the only one) that is displayed on the notification.
+     */
+    async getWaitingVisitorsInQueue() {
+        const goLiveNotification
+            = this.participant.driver.$('//div[@data-testid="notify.waitingVisitors"]');
+
+        await goLiveNotification.waitForDisplayed({
+            timeout: 3000,
+            timeoutMsg: 'Go live notification not displayed'
+        });
+
+        return await goLiveNotification.getText();
+    }
+
+    /**
+     * Clicks the go live button in the visitors notification.
+     */
+    async goLive() {
+        return this.participant.driver.$('//button[@data-testid="participantsPane.actions.goLive"]').click();
+    }
+}
diff --git a/tests/resources/fakeAudioStream.wav b/tests/resources/fakeAudioStream.wav
new file mode 100644
index 0000000..1022794
Binary files /dev/null and b/tests/resources/fakeAudioStream.wav differ
diff --git a/tests/resources/fakeAudioStream_license.txt b/tests/resources/fakeAudioStream_license.txt
new file mode 100644
index 0000000..aef65ce
--- /dev/null
+++ b/tests/resources/fakeAudioStream_license.txt
@@ -0,0 +1,9 @@
+fakeAudioStream.wav created from [1].
+
+Speaker: The Jacobin
+Derivative of [2]
+Licensed under Creative Commons Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)[3]
+
+[1]: https://en.wikipedia.org/wiki/File:Helium.ogg
+[2]: https://en.wikipedia.org/wiki/Helium?oldid=302049858
+[3]: https://creativecommons.org/licenses/by-sa/3.0/deed.en
diff --git a/tests/resources/iframeAPITest.html b/tests/resources/iframeAPITest.html
new file mode 100644
index 0000000..d9fa209
--- /dev/null
+++ b/tests/resources/iframeAPITest.html
@@ -0,0 +1,133 @@
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="content-type" content="text/html;charset=utf-8">
+    <title>iframe API test</title>
+</head>
+<body>
+<script>
+    /**
+     * Ported from https://github.com/jitsi/jitsi-meet-torture/blob/master/src/test/resources/files/iframeAPITest.html
+     */
+    const blacklist = [ '__proto__', 'constructor', 'prototype' ];
+    const paramStr = document.location.hash;
+    const params = {};
+    const paramParts = paramStr?.substring(1).split('&') || [];
+
+    paramParts.forEach(part => {
+        const param = part.split('=');
+        const key = param[0];
+
+        if (!key || key.split('.').some(k => blacklist.includes(k))) {
+            return;
+        }
+
+        let value;
+
+        try {
+            value = param[1];
+
+
+            const decoded = decodeURIComponent(value).replace(/\\&/, '&')
+                .replace(/[\u2018\u2019]/g, '\'')
+                .replace(/[\u201C\u201D]/g, '"');
+
+            value = decoded === 'undefined' || decoded === '' ? undefined : JSON.parse(decoded);
+
+        } catch (e) {
+            console.error(`Failed to parse URL parameter value: ${String(value)}`, e);
+
+            return;
+        }
+        params[key] = value;
+    });
+    const json = {
+        config: {},
+        interfaceConfig: {}
+    };
+
+    function log(msg) {
+        console.log(`${new Date().toISOString()} [MeetTestIFrame] ${msg}`);
+    }
+
+    for (const param of Object.keys(params)) {
+        let base = json;
+        const names = param.split('.');
+        const last = names.pop() ?? '';
+
+        for (const name of names) {
+            base = base[name] = base[name] || {};
+        }
+
+        base[last] = params[param];
+    }
+
+    const { config, domain, interfaceConfig, jwt, password, room:roomName, userInfo: uInfoObj } = json;
+    let tenant = json.tenant || '';
+
+    let userInfo;
+    if (uInfoObj) {
+        if (uInfoObj.length > 0) {
+            userInfo = JSON.parse(uInfoObj);
+        } else if (Object.keys(uInfoObj).length) {
+            userInfo = uInfoObj;
+        }
+    }
+
+    if (tenant.length > 0) {
+        tenant = tenant + '/';
+    }
+
+    const options = {
+        jwt,
+        roomName: `${tenant}${roomName}`,
+        configOverwrite: config,
+        interfaceConfigOverwrite: interfaceConfig,
+        userInfo,
+        onload: function () {
+            log(`iframeAPI.onload`);
+
+            // we use this to save data from api to be accessible to tests
+            window.jitsiAPI.test = {};
+
+            window.jitsiAPI.addEventListener('participantRoleChanged', function(event) {
+                log(`participantRoleChanged: ${JSON.stringify(event)} myEndpointId:${window.jitsiAPI.test.myEndpointId}`);
+                if (event.role === "moderator" && event.id === window.jitsiAPI.test.myEndpointId) {
+                    window.jitsiAPI.test.isModerator = true;
+                }
+                window.jitsiAPI.test['participantRoleChanged'] = event;
+            });
+            window.jitsiAPI.addEventListener('audioAvailabilityChanged', function(event) {
+                log(`audioAvailabilityChanged: ${JSON.stringify(event)}`);
+                window.jitsiAPI.test.audioAvailabilityChanged = event;
+            });
+            window.jitsiAPI.addEventListener('videoAvailabilityChanged', function(event) {
+                log(`videoAvailabilityChanged: ${JSON.stringify(event)}`);
+                window.jitsiAPI.test.videoAvailabilityChanged = event;
+            });
+            window.jitsiAPI.addEventListener('videoConferenceJoined', function(event) {
+                log(`videoConferenceJoined: ${JSON.stringify(event)}`);
+                window.jitsiAPI.test.videoConferenceJoined = event;
+                window.jitsiAPI.test.myEndpointId = event.id;
+            });
+            if (password && password.length > 0) {
+                // join a protected channel with the password supplied
+                window.jitsiAPI.on('passwordRequired', function ()
+                {
+                    window.jitsiAPI.executeCommand('password', password);
+                });
+            }
+        }
+    };
+
+    const externalAPIScript = document.createElement('script');
+    externalAPIScript.src = `https://${domain}/${tenant}external_api.js`;
+    externalAPIScript.type = "text/javascript";
+    externalAPIScript.onload = function(){
+        log(`externalAPIScript.onload`);
+        window.jitsiAPI = new JitsiMeetExternalAPI(domain, options);
+    }
+    document.getElementsByTagName('head')[0].appendChild(externalAPIScript);
+</script>
+</body>
+</html>
diff --git a/tests/specs/helpers/DialIn.ts b/tests/specs/helpers/DialIn.ts
new file mode 100644
index 0000000..5734715
--- /dev/null
+++ b/tests/specs/helpers/DialIn.ts
@@ -0,0 +1,146 @@
+import https from 'node:https';
+import process from 'node:process';
+
+import type { Participant } from '../../helpers/Participant';
+
+/**
+ * Helper functions for dial-in related operations.
+ * To be able to create a fake dial-in test that will run most of the logic for the real dial-in test.
+ */
+
+/**
+ * Waits for the audio from the dial-in participant.
+ * @param participant
+ */
+export async function waitForAudioFromDialInParticipant(participant: Participant) {
+    // waits 15 seconds for the participant to join
+    await participant.waitForParticipants(1, `dial-in.test.jigasi.participant.no.join.for:${
+        ctx.times.restAPIExecutionTS + 15_000} ms.`);
+
+    const joinedTS = performance.now();
+
+    console.log(`dial-in.test.jigasi.participant.join.after:${joinedTS - ctx.times.restAPIExecutionTS}`);
+
+    await participant.waitForIceConnected();
+    await participant.waitForRemoteStreams(1);
+
+    await participant.waitForSendReceiveData(20_000, 'dial-in.test.jigasi.participant.no.audio.after.join');
+    console.log(`dial-in.test.jigasi.participant.received.audio.after.join:${performance.now() - joinedTS} ms.`);
+}
+
+/**
+ * Cleans up the dial-in participant by kicking it if the local participant is a moderator.
+ * @param participant
+ */
+export async function cleanup(participant: Participant) {
+    // cleanup
+    if (await participant.isModerator()) {
+        const jigasiEndpointId = await participant.execute(() => APP?.conference?.listMembers()[0].getId());
+
+        await participant.getFilmstrip().kickParticipant(jigasiEndpointId);
+    }
+}
+
+/**
+ * Checks if the dial-in is enabled.
+ * @param participant
+ */
+export async function isDialInEnabled(participant: Participant) {
+    return await participant.execute(() => Boolean(
+        config.dialInConfCodeUrl && config.dialInNumbersUrl && config.hosts?.muc));
+}
+
+/**
+ * Sends a request to the REST API to dial in the participant using the provided pin.
+ * @param pin the pin to use when dialing in
+ */
+export async function dialIn(pin: string) {
+    const restUrl = process.env.DIAL_IN_REST_URL?.replace('{0}', pin);
+
+    // we have already checked in the first test that DIAL_IN_REST_URL exist so restUrl cannot be ''
+    const responseData: string = await new Promise((resolve, reject) => {
+        https.get(restUrl || '', res => {
+            let data = '';
+
+            res.on('data', chunk => {
+                data += chunk;
+            });
+
+            res.on('end', () => {
+                ctx.times.restAPIExecutionTS = performance.now();
+
+                resolve(data);
+            });
+        }).on('error', err => {
+            console.error('dial-in.test.restAPI.request.fail');
+            console.error(err);
+            reject(err);
+        });
+    });
+
+    console.log(`dial-in.test.call_session_history_id:${JSON.parse(responseData).call_session_history_id}`);
+    console.log(`API response:${responseData}`);
+}
+
+export async function assertUrlDisplayed(p: Participant) {
+    const inviteDialog = p.getInviteDialog();
+
+    await inviteDialog.open();
+    await inviteDialog.waitTillOpen();
+
+    const driverUrl = await p.driver.getUrl();
+
+    expect(driverUrl.includes(await inviteDialog.getMeetingURL())).toBe(true);
+    await inviteDialog.clickCloseButton();
+    await inviteDialog.waitTillOpen(true);
+}
+
+export async function assertDialInDisplayed(p: Participant, displayed: boolean = false) {
+    const inviteDialog = p.getInviteDialog();
+
+    await inviteDialog.open();
+    await inviteDialog.waitTillOpen();
+
+    expect((await inviteDialog.getDialInNumber()).length > 0).toBe(displayed);
+    expect((await inviteDialog.getPinNumber()).length > 0).toBe(displayed);
+}
+
+export async function verifyMoreNumbersPage(p: Participant) {
+    const inviteDialog = p.getInviteDialog();
+
+    await inviteDialog.open();
+    await inviteDialog.waitTillOpen();
+
+    const windows = await p.driver.getWindowHandles();
+
+    expect(windows.length).toBe(1);
+
+    const meetingWindow = windows[0];
+
+    const displayedNumber = await inviteDialog.getDialInNumber();
+    const displayedPin = await inviteDialog.getPinNumber();
+
+    await inviteDialog.openDialInNumbersPage();
+
+    const newWindow = (await p.driver.getWindowHandles()).filter(w => w !== meetingWindow);
+
+    expect(newWindow.length).toBe(1);
+
+    const moreNumbersWindow = newWindow[0];
+
+    await p.driver.switchWindow(moreNumbersWindow);
+    await browser.pause(10000);
+    await p.driver.$('.dial-in-numbers-list').waitForExist();
+
+    const conferenceIdMessage = p.driver.$('//div[contains(@class, "pinLabel")]');
+
+    expect((await conferenceIdMessage.getText()).replace(/ /g, '').includes(displayedPin)).toBe(true);
+
+    const numbers = p.driver.$$('.dial-in-number');
+    const nums = await numbers.filter(
+        async el => (await el.getText()).trim() === displayedNumber);
+
+    expect(nums.length).toBe(1);
+
+    await p.driver.switchWindow(meetingWindow);
+}
diff --git a/tests/specs/helpers/mute.ts b/tests/specs/helpers/mute.ts
new file mode 100644
index 0000000..d1bb67b
--- /dev/null
+++ b/tests/specs/helpers/mute.ts
@@ -0,0 +1,64 @@
+import { Participant } from '../../helpers/Participant';
+
+/**
+ * Toggles the mute state of a specific Meet conference participant and verifies that a specific other Meet
+ * conference participants sees a specific mute state for the former.
+ *
+ * @param {Participant} testee - The {@code Participant} which represents the Meet conference participant whose
+ * mute state is to be toggled.
+ * @param {Participant} observer - The {@code Participant} which represents the Meet conference participant to verify
+ * the mute state of {@code testee}.
+ * @returns {Promise<void>}
+ */
+export async function muteAudioAndCheck(testee: Participant, observer: Participant): Promise<void> {
+    await testee.getToolbar().clickAudioMuteButton();
+
+    await observer.getFilmstrip().assertAudioMuteIconIsDisplayed(testee);
+    await testee.getFilmstrip().assertAudioMuteIconIsDisplayed(testee);
+
+    await observer.getParticipantsPane().assertAudioMuteIconIsDisplayed(testee);
+    await testee.getParticipantsPane().assertAudioMuteIconIsDisplayed(testee);
+
+}
+
+/**
+ * Unmute audio, checks if the local UI has been updated accordingly and then does the verification from
+ * the other observer participant perspective.
+ * @param testee
+ * @param observer
+ */
+export async function unmuteAudioAndCheck(testee: Participant, observer: Participant) {
+    await testee.getNotifications().closeAskToUnmuteNotification(true);
+    await testee.getNotifications().closeAVModerationMutedNotification(true);
+    await testee.getToolbar().clickAudioUnmuteButton();
+
+    await testee.getFilmstrip().assertAudioMuteIconIsDisplayed(testee, true);
+    await observer.getFilmstrip().assertAudioMuteIconIsDisplayed(testee, true);
+
+    await testee.getParticipantsPane().assertAudioMuteIconIsDisplayed(testee, true);
+    await observer.getParticipantsPane().assertAudioMuteIconIsDisplayed(testee, true);
+}
+
+/**
+ * Stop the video on testee and check on observer.
+ * @param testee
+ * @param observer
+ */
+export async function unmuteVideoAndCheck(testee: Participant, observer: Participant): Promise<void> {
+    await testee.getToolbar().clickVideoUnmuteButton();
+
+    await testee.getParticipantsPane().assertVideoMuteIconIsDisplayed(testee, true);
+    await observer.getParticipantsPane().assertVideoMuteIconIsDisplayed(testee, true);
+}
+
+/**
+ * Starts the video on testee and check on observer.
+ * @param testee
+ * @param observer
+ */
+export async function muteVideoAndCheck(testee: Participant, observer: Participant): Promise<void> {
+    await testee.getToolbar().clickVideoMuteButton();
+
+    await testee.getParticipantsPane().assertVideoMuteIconIsDisplayed(testee);
+    await observer.getParticipantsPane().assertVideoMuteIconIsDisplayed(testee);
+}
diff --git a/tests/specs/iframe/chat.spec.ts b/tests/specs/iframe/chat.spec.ts
new file mode 100644
index 0000000..0affc2e
--- /dev/null
+++ b/tests/specs/iframe/chat.spec.ts
@@ -0,0 +1,157 @@
+import { expect } from '@wdio/globals';
+
+import type { Participant } from '../../helpers/Participant';
+import { setTestProperties } from '../../helpers/TestProperties';
+import { config as testsConfig } from '../../helpers/TestsConfig';
+import { joinMuc } from '../../helpers/joinMuc';
+
+import { checkIframeApi } from './util';
+
+setTestProperties(__filename, {
+    usesBrowsers: [ 'p1', 'p2' ]
+});
+
+describe('Chat', () => {
+    let p1: Participant, p2: Participant;
+
+    it('setup', async () => {
+        p1 = await joinMuc({ name: 'p1', iFrameApi: true, token: testsConfig.jwt.preconfiguredToken });
+        if (!await checkIframeApi(p1)) {
+            return;
+        }
+        p2 = await joinMuc({ name: 'p2', iFrameApi: true });
+
+        await p1.switchToMainFrame();
+        await p2.switchToMainFrame();
+    });
+
+    it('send message', async () => {
+        await p2.getIframeAPI().addEventListener('chatUpdated');
+        await p2.getIframeAPI().addEventListener('incomingMessage');
+        await p1.getIframeAPI().addEventListener('outgoingMessage');
+
+        const testMessage = 'Hello world';
+
+        await p1.getIframeAPI().executeCommand('sendChatMessage', testMessage);
+
+        const chatUpdatedEvent: {
+            isOpen: boolean;
+            unreadCount: number;
+        } = await p2.driver.waitUntil(() => p2.getIframeAPI().getEventResult('chatUpdated'), {
+            timeout: 3000,
+            timeoutMsg: 'Chat was not updated'
+        });
+
+        expect(chatUpdatedEvent).toEqual({
+            isOpen: false,
+            unreadCount: 1
+        });
+
+        const incomingMessageEvent: {
+            from: string;
+            message: string;
+            nick: string;
+            privateMessage: boolean;
+        } = await p2.getIframeAPI().getEventResult('incomingMessage');
+
+        expect(incomingMessageEvent).toMatchObject({
+            from: await p1.getEndpointId(),
+            message: testMessage,
+            nick: p1.name,
+            privateMessage: false
+        });
+
+        const outgoingMessageEvent: {
+            message: string;
+            privateMessage: boolean;
+        } = await p1.getIframeAPI().getEventResult('outgoingMessage');
+
+        expect(outgoingMessageEvent).toEqual({
+            message: testMessage,
+            privateMessage: false
+        });
+
+        await p1.getIframeAPI().clearEventResults('outgoingMessage');
+        await p2.getIframeAPI().clearEventResults('chatUpdated');
+        await p2.getIframeAPI().clearEventResults('incomingMessage');
+    });
+
+    it('toggle chat', async () => {
+        await p2.getIframeAPI().executeCommand('toggleChat');
+
+        await testSendGroupMessageWithChatOpen(p1, p2);
+
+        await p1.getIframeAPI().clearEventResults('outgoingMessage');
+        await p2.getIframeAPI().clearEventResults('chatUpdated');
+        await p2.getIframeAPI().clearEventResults('incomingMessage');
+    });
+
+    it('private chat', async () => {
+        const testMessage = 'Hello private world!';
+
+        await p1.getIframeAPI().executeCommand('initiatePrivateChat', await p2.getEndpointId());
+        await p1.getIframeAPI().executeCommand('sendChatMessage', testMessage, await p2.getEndpointId());
+
+        const incomingMessageEvent = await p2.driver.waitUntil(
+            () => p2.getIframeAPI().getEventResult('incomingMessage'), {
+                timeout: 3000,
+                timeoutMsg: 'Chat was not received'
+            });
+
+        expect(incomingMessageEvent).toMatchObject({
+            from: await p1.getEndpointId(),
+            message: testMessage,
+            nick: p1.name,
+            privateMessage: true
+        });
+
+        expect(await p1.getIframeAPI().getEventResult('outgoingMessage')).toEqual({
+            message: testMessage,
+            privateMessage: true
+        });
+
+        await p1.getIframeAPI().executeCommand('cancelPrivateChat');
+
+        await p2.getIframeAPI().clearEventResults('chatUpdated');
+        await p2.getIframeAPI().clearEventResults('incomingMessage');
+
+        await testSendGroupMessageWithChatOpen(p1, p2);
+    });
+});
+
+/**
+ * Send a group message from [sender], verify that it was received correctly by [receiver].
+ * @param sender the Participant that sends the message.
+ * @param receiver the Participant that receives the message.
+ */
+async function testSendGroupMessageWithChatOpen(sender: Participant, receiver: Participant) {
+    const testMessage = 'Hello world again';
+
+    await sender.getIframeAPI().executeCommand('sendChatMessage', testMessage);
+
+    const chatUpdatedEvent: {
+        isOpen: boolean;
+        unreadCount: number;
+    } = await receiver.driver.waitUntil(() => receiver.getIframeAPI().getEventResult('chatUpdated'), {
+        timeout: 3000,
+        timeoutMsg: 'Chat was not updated'
+    });
+
+    expect(chatUpdatedEvent).toEqual({
+        isOpen: true,
+        unreadCount: 0
+    });
+
+    const incomingMessageEvent = await receiver.driver.waitUntil(
+        () => receiver.getIframeAPI().getEventResult('incomingMessage'), {
+            timeout: 3000,
+            timeoutMsg: 'Chat was not received'
+        });
+
+    expect(incomingMessageEvent).toMatchObject({
+        from: await sender.getEndpointId(),
+        message: testMessage,
+        nick: sender.name,
+        privateMessage: false
+    });
+}
diff --git a/tests/specs/iframe/kick.spec.ts b/tests/specs/iframe/kick.spec.ts
new file mode 100644
index 0000000..33cdaba
--- /dev/null
+++ b/tests/specs/iframe/kick.spec.ts
@@ -0,0 +1,136 @@
+import { isEqual } from 'lodash-es';
+
+import { setTestProperties } from '../../helpers/TestProperties';
+import { ensureTwoParticipants } from '../../helpers/participants';
+
+import { checkIframeApi } from './util';
+
+setTestProperties(__filename, {
+    usesBrowsers: [ 'p1', 'p2' ]
+});
+
+describe('Kick participants', () => {
+    it('joining the meeting', async () => {
+        await ensureTwoParticipants({}, { name: 'p1', iFrameApi: true });
+
+        const { p1, p2 } = ctx;
+
+        if (!await checkIframeApi(p1)) {
+            return;
+        }
+
+        await Promise.all([
+            p1.switchToMainFrame(),
+            p2.switchToMainFrame()
+        ]);
+
+        expect(await p1.getIframeAPI().getEventResult('isModerator')).toBe(true);
+
+        expect(await p1.getIframeAPI().getEventResult('videoConferenceJoined')).toBeDefined();
+        expect(await p2.getIframeAPI().getEventResult('videoConferenceJoined')).toBeDefined();
+    });
+
+    it('kick participant', async () => {
+        await ctx.p2.getIframeAPI().clearEventResults('videoConferenceLeft');
+        await ctx.p2.getIframeAPI().addEventListener('videoConferenceLeft');
+        await ctx.p2.switchToMainFrame();
+        await ctx.p2.getIframeAPI().executeCommand('hangup');
+        await ctx.p2.driver.waitUntil(() =>
+            ctx.p2.getIframeAPI().getEventResult('videoConferenceLeft'), {
+            timeout: 4000,
+            timeoutMsg: 'videoConferenceLeft not received'
+        });
+
+        await ensureTwoParticipants({}, { name: 'p1', iFrameApi: true });
+
+        const { p1, p2, roomName } = ctx;
+
+        const p1EpId = await p1.getEndpointId();
+        const p2EpId = await p2.getEndpointId();
+
+        const p1DisplayName = await p1.getLocalDisplayName();
+        const p2DisplayName = await p2.getLocalDisplayName();
+
+        await p1.switchToMainFrame();
+        await p2.switchToMainFrame();
+
+        await p1.getIframeAPI().addEventListener('participantKickedOut');
+        await p2.getIframeAPI().addEventListener('participantKickedOut');
+
+        await p2.getIframeAPI().clearEventResults('videoConferenceLeft');
+        await p2.getIframeAPI().addEventListener('videoConferenceLeft');
+
+        await p1.getIframeAPI().executeCommand('kickParticipant', p2EpId);
+
+        const eventP1 = await p1.driver.waitUntil(() => p1.getIframeAPI().getEventResult('participantKickedOut'), {
+            timeout: 2000,
+            timeoutMsg: 'participantKickedOut event not received on p1 side'
+        });
+        const eventP2 = await p2.driver.waitUntil(() => p2.getIframeAPI().getEventResult('participantKickedOut'), {
+            timeout: 2000,
+            timeoutMsg: 'participantKickedOut event not received on p2 side'
+        });
+
+        expect(eventP1).toBeDefined();
+        expect(eventP2).toBeDefined();
+
+        expect(isEqual(eventP1, {
+            kicked: {
+                id: p2EpId,
+                local: false,
+                name: p2DisplayName
+            },
+            kicker: {
+                id: p1EpId,
+                local: true,
+                name: p1DisplayName
+            }
+        })).toBe(true);
+
+        expect(isEqual(eventP2, {
+            kicked: {
+                id: 'local',
+                local: true,
+                name: p2DisplayName
+            },
+            kicker: {
+                id: p1EpId,
+                name: p1DisplayName
+            }
+        })).toBe(true);
+
+        const eventConferenceLeftP2 = await p2.driver.waitUntil(() =>
+            p2.getIframeAPI().getEventResult('videoConferenceLeft'), {
+            timeout: 4000,
+            timeoutMsg: 'videoConferenceLeft not received'
+        });
+
+        expect(eventConferenceLeftP2).toBeDefined();
+        expect(eventConferenceLeftP2.roomName).toBe(roomName);
+    });
+
+    it('join after kick', async () => {
+        const { p1 } = ctx;
+
+        await p1.getIframeAPI().addEventListener('participantJoined');
+
+        // join again
+        await ensureTwoParticipants({}, { name: 'p1', iFrameApi: true });
+        const { p2 } = ctx;
+
+        await p1.switchToMainFrame();
+
+        const event = await p1.driver.waitUntil(() => p1.getIframeAPI().getEventResult('participantJoined'), {
+            timeout: 2000,
+            timeoutMsg: 'participantJoined not received'
+        });
+
+        const p2DisplayName = await p2.getLocalDisplayName();
+
+        expect(event).toBeDefined();
+        expect(event.id).toBe(await p2.getEndpointId());
+        expect(event.displayName).toBe(p2DisplayName);
+        expect(event.formattedDisplayName).toBe(p2DisplayName);
+
+    });
+});
diff --git a/tests/specs/iframe/participantsPresence.spec.ts b/tests/specs/iframe/participantsPresence.spec.ts
new file mode 100644
index 0000000..f67f335
--- /dev/null
+++ b/tests/specs/iframe/participantsPresence.spec.ts
@@ -0,0 +1,164 @@
+import { P1, P2 } from '../../helpers/Participant';
+import { setTestProperties } from '../../helpers/TestProperties';
+import { ensureTwoParticipants, parseJid } from '../../helpers/participants';
+
+import { checkIframeApi } from './util';
+
+setTestProperties(__filename, {
+    usesBrowsers: [ 'p1', 'p2' ]
+});
+
+describe('Participants presence', () => {
+    it('joining the meeting', async () => {
+        await ensureTwoParticipants({}, { name: 'p1', iFrameApi: true });
+
+        const { p1, p2 } = ctx;
+
+        if (!await checkIframeApi(p1)) {
+            return;
+        }
+
+        await Promise.all([
+            p1.switchToMainFrame(),
+            p2.switchToMainFrame()
+        ]);
+
+        expect(await p1.getIframeAPI().getEventResult('isModerator')).toBe(true);
+
+        expect(await p1.getIframeAPI().getEventResult('videoConferenceJoined')).toBeDefined();
+        expect(await p2.getIframeAPI().getEventResult('videoConferenceJoined')).toBeDefined();
+    });
+
+    it('participants info',
+        async () => {
+            const { p1, roomName } = ctx;
+            const roomsInfo = (await p1.getIframeAPI().getRoomsInfo()).rooms[0];
+
+            expect(roomsInfo).toBeDefined();
+            expect(roomsInfo.isMainRoom).toBe(true);
+
+            expect(roomsInfo.id).toBeDefined();
+            const { node: roomNode } = parseJid(roomsInfo.id);
+
+            expect(roomNode).toBe(roomName);
+
+            const { node, resource } = parseJid(roomsInfo.jid);
+            const p1EpId = await p1.getEndpointId();
+
+            expect(node).toBe(roomName);
+            expect(resource).toBe(p1EpId);
+
+            expect(roomsInfo.participants.length).toBe(2);
+            expect(await p1.getIframeAPI().getNumberOfParticipants()).toBe(2);
+        }
+    );
+
+    it('participants pane', async () => {
+        const { p1 } = ctx;
+
+        expect(await p1.getIframeAPI().isParticipantsPaneOpen()).toBe(false);
+
+        await p1.getIframeAPI().addEventListener('participantsPaneToggled');
+        await p1.getIframeAPI().executeCommand('toggleParticipantsPane', true);
+
+        expect(await p1.getIframeAPI().isParticipantsPaneOpen()).toBe(true);
+        expect((await p1.getIframeAPI().getEventResult('participantsPaneToggled'))?.open).toBe(true);
+
+        await p1.getIframeAPI().executeCommand('toggleParticipantsPane', false);
+        expect(await p1.getIframeAPI().isParticipantsPaneOpen()).toBe(false);
+        expect((await p1.getIframeAPI().getEventResult('participantsPaneToggled'))?.open).toBe(false);
+    });
+
+    it('overwrite names', async () => {
+        const { p1, p2 } = ctx;
+
+        const p1EpId = await p1.getEndpointId();
+        const p2EpId = await p2.getEndpointId();
+
+        const newP1Name = P1;
+        const newP2Name = P2;
+        const newNames: ({ id: string; name: string; })[] = [ {
+            id: p2EpId,
+            name: newP2Name
+        }, {
+            id: p1EpId,
+            name: newP1Name
+        } ];
+
+        await p1.getIframeAPI().executeCommand('overwriteNames', newNames);
+
+        await p1.switchToIFrame();
+
+        expect(await p1.getLocalDisplayName()).toBe(newP1Name);
+
+        expect(await p1.getFilmstrip().getRemoteDisplayName(p2EpId)).toBe(newP2Name);
+
+    });
+
+    it('hangup', async () => {
+        const { p1, p2, roomName } = ctx;
+
+        await p1.switchToMainFrame();
+        await p2.switchToMainFrame();
+
+        await p2.getIframeAPI().clearEventResults('videoConferenceLeft');
+        await p2.getIframeAPI().addEventListener('videoConferenceLeft');
+        await p2.getIframeAPI().addEventListener('readyToClose');
+
+        await p2.getIframeAPI().executeCommand('hangup');
+
+        const eventConferenceLeftP2 = await p2.driver.waitUntil(() =>
+            p2.getIframeAPI().getEventResult('videoConferenceLeft'), {
+            timeout: 4000,
+            timeoutMsg: 'videoConferenceLeft not received'
+        });
+
+        expect(eventConferenceLeftP2).toBeDefined();
+        expect(eventConferenceLeftP2.roomName).toBe(roomName);
+
+        const eventReadyToCloseP2 = await p2.driver.waitUntil(() => p2.getIframeAPI().getEventResult('readyToClose'), {
+            timeout: 2000,
+            timeoutMsg: 'readyToClose not received'
+        });
+
+        expect(eventReadyToCloseP2).toBeDefined();
+    });
+
+    it('dispose conference', async () => {
+        const { p1, roomName } = ctx;
+
+        await p1.switchToMainFrame();
+
+        await p1.getIframeAPI().clearEventResults('videoConferenceLeft');
+        await p1.getIframeAPI().addEventListener('videoConferenceLeft');
+        await p1.getIframeAPI().addEventListener('readyToClose');
+
+        await p1.getIframeAPI().executeCommand('hangup');
+
+        const eventConferenceLeft = await p1.driver.waitUntil(() =>
+            p1.getIframeAPI().getEventResult('videoConferenceLeft'), {
+            timeout: 4000,
+            timeoutMsg: 'videoConferenceLeft not received'
+        });
+
+        expect(eventConferenceLeft).toBeDefined();
+        expect(eventConferenceLeft.roomName).toBe(roomName);
+
+        const eventReadyToClose = await p1.driver.waitUntil(() => p1.getIframeAPI().getEventResult('readyToClose'), {
+            timeout: 2000,
+            timeoutMsg: 'readyToClose not received'
+        });
+
+        expect(eventReadyToClose).toBeDefined();
+
+        // dispose
+        await p1.getIframeAPI().dispose();
+
+        // check there is no iframe on the page
+        await p1.driver.$('iframe').waitForExist({
+            reverse: true,
+            timeout: 2000,
+            timeoutMsg: 'iframe is still on the page'
+        });
+    });
+});
diff --git a/tests/specs/iframe/util.ts b/tests/specs/iframe/util.ts
new file mode 100644
index 0000000..5eac5ca
--- /dev/null
+++ b/tests/specs/iframe/util.ts
@@ -0,0 +1,15 @@
+import { expect } from '@wdio/globals';
+
+import type { Participant } from '../../helpers/Participant';
+import { expectations } from '../../helpers/expectations';
+
+export async function checkIframeApi(p: Participant) {
+    const iframeEnabled = !await p.execute(() => config.disableIframeAPI);
+
+    expect(iframeEnabled).toBe(expectations.iframe.enabled);
+    if (!iframeEnabled) {
+        ctx.skipSuiteTests = 'The iFrame API is disabled';
+    }
+
+    return iframeEnabled;
+}
diff --git a/tests/specs/jaas/chat.spec.ts b/tests/specs/jaas/chat.spec.ts
new file mode 100644
index 0000000..72d23be
--- /dev/null
+++ b/tests/specs/jaas/chat.spec.ts
@@ -0,0 +1,73 @@
+import { expect } from '@wdio/globals';
+
+import type { Participant } from '../../helpers/Participant';
+import { setTestProperties } from '../../helpers/TestProperties';
+import { config as testsConfig } from '../../helpers/TestsConfig';
+import WebhookProxy from '../../helpers/WebhookProxy';
+import { joinJaasMuc, generateJaasToken as t } from '../../helpers/jaas';
+import { fetchJson } from '../../helpers/utils';
+
+setTestProperties(__filename, {
+    requireWebhookProxy: true,
+    useJaas: true,
+    usesBrowsers: [ 'p1', 'p2' ]
+});
+
+describe('JaaS CHAT_UPLOADED webhook.', () => {
+    const tenant = testsConfig.jaas.tenant;
+    const customerId = tenant?.replace('vpaas-magic-cookie-', '');
+    let p1: Participant, p2: Participant;
+    let webhooksProxy: WebhookProxy;
+    let fqn: string;
+
+    it('setup', async () => {
+        const room = ctx.roomName;
+
+        webhooksProxy = ctx.webhooksProxy;
+        p1 = await joinJaasMuc({ name: 'p1', token: t({ room }) });
+        p2 = await joinJaasMuc({ name: 'p2', token: t({ room }) });
+        fqn = `${testsConfig.jaas.tenant}/${room}`;
+    });
+
+    it('test webhook', async () => {
+        await p1.getChatPanel().sendMessage('foo');
+        await p2.getChatPanel().sendMessage('bar');
+        await p1.getChatPanel().sendMessage('baz');
+
+        await p1.hangup();
+        await p2.hangup();
+
+        const event: {
+            appId: string;
+            customerId: string;
+            data: {
+                preAuthenticatedLink: string;
+            };
+            eventType: string;
+            fqn: string;
+        } = await webhooksProxy.waitForEvent('CHAT_UPLOADED');
+
+        expect(event.appId).toBe(tenant);
+        expect(event.customerId).toBe(customerId);
+        expect(event.data.preAuthenticatedLink).toBeDefined();
+        expect(event.eventType).toBe('CHAT_UPLOADED');
+        expect(event.fqn).toBe(fqn);
+
+        const uploadedChat: any = await fetchJson(event.data.preAuthenticatedLink);
+
+        expect(uploadedChat.meetingFqn).toBe(fqn);
+        expect(uploadedChat.messageType).toBe('CHAT');
+
+        const messages: any[] = uploadedChat.messages;
+
+        expect(messages).toBeDefined();
+        expect(messages.length).toBe(3);
+        console.log(JSON.stringify(messages));
+        expect(messages.some(m => m.name === 'p1' && m.content === 'foo')).toBe(true);
+        expect(messages.some(m => m.name === 'p2' && m.content === 'bar')).toBe(true);
+        expect(messages.some(m => m.name === 'p1' && m.content === 'baz')).toBe(true);
+        messages.forEach(m => {
+            expect(typeof m.timestamp).toBe('number');
+        });
+    });
+});
diff --git a/tests/specs/jaas/dial/dialin.spec.ts b/tests/specs/jaas/dial/dialin.spec.ts
new file mode 100644
index 0000000..380c429
--- /dev/null
+++ b/tests/specs/jaas/dial/dialin.spec.ts
@@ -0,0 +1,82 @@
+import type { Participant } from '../../../helpers/Participant';
+import { setTestProperties } from '../../../helpers/TestProperties';
+import { config as testsConfig } from '../../../helpers/TestsConfig';
+import WebhookProxy from '../../../helpers/WebhookProxy';
+import { expectations } from '../../../helpers/expectations';
+import { joinJaasMuc, generateJaasToken as t } from '../../../helpers/jaas';
+import {
+    assertDialInDisplayed, assertUrlDisplayed,
+    dialIn,
+    isDialInEnabled, verifyMoreNumbersPage,
+} from '../../helpers/DialIn';
+
+import { verifyEndedWebhook, verifyStartedWebhooks, waitForMedia } from './util';
+
+setTestProperties(__filename, {
+    useJaas: true,
+    useWebhookProxy: true
+});
+
+describe('Dial-in', () => {
+    let p1: Participant, webhooksProxy: WebhookProxy;
+    const customerId: string = testsConfig.jaas.customerId || '';
+
+    it('setup', async () => {
+        const room = ctx.roomName;
+
+        if (!process.env.DIAL_IN_REST_URL) {
+            ctx.skipSuiteTests = 'DIAL_IN_REST_URL is not set.';
+
+            return;
+        }
+
+        p1 = await joinJaasMuc({ name: 'p1', token: t({ room, moderator: true }) });
+        webhooksProxy = ctx.webhooksProxy;
+        if (!webhooksProxy) {
+            console.error('WebhooksProxy is not available, will not verify webhooks.');
+        }
+
+        expect(await p1.isInMuc()).toBe(true);
+        if (expectations.dialIn.enabled !== null) {
+            expect(await isDialInEnabled(p1)).toBe(expectations.dialIn.enabled);
+        }
+        expect(customerId).toBeDefined();
+    });
+
+    it ('Invite UI', async () => {
+        await assertUrlDisplayed(p1);
+        if (expectations.dialIn.enabled !== null) {
+            await assertDialInDisplayed(p1, expectations.dialIn.enabled);
+        }
+        if (expectations.dialIn.enabled === true) {
+            // TODO: assert the page is NOT shown when the expectation is false.
+            await verifyMoreNumbersPage(p1);
+        }
+    });
+
+    it('dial-in', async () => {
+        const dialInPin = await p1.getDialInPin();
+
+        expect(dialInPin.length >= 8).toBe(true);
+
+        await dialIn(dialInPin);
+        await waitForMedia(p1);
+
+        let startedPayload: any;
+
+        if (webhooksProxy) {
+            startedPayload
+                = await verifyStartedWebhooks(webhooksProxy, 'in', 'DIAL_IN_STARTED', customerId);
+        }
+
+        const endpointId = await p1.execute(() => APP?.conference?.listMembers()[0].getId());
+
+        await p1.getFilmstrip().kickParticipant(endpointId);
+
+        if (webhooksProxy) {
+            await verifyEndedWebhook(webhooksProxy, 'DIAL_IN_ENDED', customerId, startedPayload);
+        }
+
+        await p1.hangup();
+    });
+});
diff --git a/tests/specs/jaas/dial/dialout.spec.ts b/tests/specs/jaas/dial/dialout.spec.ts
new file mode 100644
index 0000000..52d982d
--- /dev/null
+++ b/tests/specs/jaas/dial/dialout.spec.ts
@@ -0,0 +1,50 @@
+import type { Participant } from '../../../helpers/Participant';
+import { setTestProperties } from '../../../helpers/TestProperties';
+import { config as testsConfig } from '../../../helpers/TestsConfig';
+import WebhookProxy from '../../../helpers/WebhookProxy';
+import { joinJaasMuc, generateJaasToken as t } from '../../../helpers/jaas';
+
+import { verifyEndedWebhook, verifyStartedWebhooks, waitForMedia } from './util';
+
+setTestProperties(__filename, {
+    requireWebhookProxy: true,
+    useJaas: true
+});
+
+describe('Dial-out', () => {
+    let p1: Participant, webhooksProxy: WebhookProxy;
+    const dialOutUrl = process.env.DIAL_OUT_URL || '';
+    const customerId = testsConfig.jaas.customerId || '';
+
+    it('setup', async () => {
+        const room = ctx.roomName;
+
+        if (!dialOutUrl) {
+            ctx.skipSuiteTests = 'DIAL_OUT_URL is not set.';
+
+            return;
+        }
+
+        webhooksProxy = ctx.webhooksProxy;
+        p1 = await joinJaasMuc({ name: 'p1', iFrameApi: true, token: t({ room, moderator: true }) });
+
+        expect(await p1.isInMuc()).toBe(true);
+        expect(Boolean(await p1.execute(() => config.dialOutAuthUrl))).toBe(true);
+    });
+
+    it('dial-out', async () => {
+        await p1.switchToMainFrame();
+        await p1.getIframeAPI().invitePhone(dialOutUrl);
+        await p1.switchToIFrame();
+        await p1.waitForParticipants(1);
+        await waitForMedia(p1);
+
+        const startedPayload
+            = await verifyStartedWebhooks(webhooksProxy, 'out', 'DIAL_OUT_STARTED', customerId);
+        const endpointId = await p1.execute(() => APP?.conference?.listMembers()[0].getId());
+
+        await p1.getFilmstrip().kickParticipant(endpointId);
+
+        await verifyEndedWebhook(webhooksProxy, 'DIAL_OUT_ENDED', customerId, startedPayload);
+    });
+});
diff --git a/tests/specs/jaas/dial/sipjibri.spec.ts b/tests/specs/jaas/dial/sipjibri.spec.ts
new file mode 100644
index 0000000..a3aeaf2
--- /dev/null
+++ b/tests/specs/jaas/dial/sipjibri.spec.ts
@@ -0,0 +1,86 @@
+import type { Participant } from '../../../helpers/Participant';
+import { setTestProperties } from '../../../helpers/TestProperties';
+import { config as testsConfig } from '../../../helpers/TestsConfig';
+import WebhookProxy from '../../../helpers/WebhookProxy';
+import { joinJaasMuc, generateJaasToken as t } from '../../../helpers/jaas';
+
+import { waitForMedia } from './util';
+
+setTestProperties(__filename, {
+    requireWebhookProxy: true,
+    useJaas: true,
+});
+
+
+describe('SIP jibri invite', () => {
+    let p1: Participant, webhooksProxy: WebhookProxy;
+    const customerId = testsConfig.jaas.customerId || '';
+    const dialOutUrl = process.env.SIP_JIBRI_DIAL_OUT_URL || '';
+
+    it('setup', async () => {
+        const room = ctx.roomName;
+
+        if (true) {
+            // This is temporary until we figure out how to fix it and configure it properly.
+            ctx.skipSuiteTests = 'This test is disabled as the code doesn\'t work anymore.';
+
+            return;
+        }
+
+        if (!dialOutUrl) {
+            ctx.skipSuiteTests = 'SIP_JIBRI_DIAL_OUT_URL is not set.';
+
+            return;
+        }
+
+        p1 = await joinJaasMuc({ name: 'p1', iFrameApi: true, token: t({ room, moderator: true }) });
+        webhooksProxy = ctx.webhooksProxy;
+
+        expect(await p1.isInMuc()).toBe(true);
+        expect(Boolean(await p1.execute(() => config.inviteServiceUrl))).toBe(true);
+    });
+
+    it('sip jibri', async () => {
+        await p1.switchToMainFrame();
+        await p1.getIframeAPI().inviteSIP(dialOutUrl);
+        await p1.switchToIFrame();
+        await p1.waitForParticipants(1);
+        await waitForMedia(p1);
+
+        const startedEvent: {
+            customerId: string;
+            data: {
+                participantFullJid: string;
+                participantId: string;
+                participantJid: string;
+                sipAddress: string;
+            };
+            eventType: string;
+        } = await webhooksProxy.waitForEvent('SIP_CALL_OUT_STARTED');
+
+        expect('SIP_CALL_OUT_STARTED').toBe(startedEvent.eventType);
+        expect(startedEvent.data.sipAddress).toBe(`sip:${process.env.SIP_JIBRI_DIAL_OUT_URL}`);
+        expect(startedEvent.customerId).toBe(customerId);
+
+        const endpointId = await p1.execute(() => APP?.conference?.listMembers()[0].getId());
+
+        await p1.getFilmstrip().kickParticipant(endpointId);
+
+        const endedEvent: {
+            customerId: string;
+            data: {
+                direction: string;
+                participantFullJid: string;
+                participantId: string;
+                participantJid: string;
+            };
+            eventType: string;
+        } = await webhooksProxy.waitForEvent('SIP_CALL_OUT_ENDED');
+
+        expect('SIP_CALL_OUT_ENDED').toBe(endedEvent.eventType);
+        expect(endedEvent.customerId).toBe(customerId);
+        expect(endedEvent.data.participantFullJid).toBe(startedEvent.data.participantFullJid);
+        expect(endedEvent.data.participantId).toBe(startedEvent.data.participantId);
+        expect(endedEvent.data.participantJid).toBe(startedEvent.data.participantJid);
+    });
+});
diff --git a/tests/specs/jaas/dial/util.ts b/tests/specs/jaas/dial/util.ts
new file mode 100644
index 0000000..8368fda
--- /dev/null
+++ b/tests/specs/jaas/dial/util.ts
@@ -0,0 +1,81 @@
+import { Participant } from '../../../helpers/Participant';
+import WebhookProxy from '../../../helpers/WebhookProxy';
+
+interface IStartedWebhookPayload {
+    direction: string;
+    participantFullJid: string;
+    participantId: string;
+    participantJid: string;
+}
+
+/**
+ * Checks the dial events for a participant and clean up at the end.
+ * @param webhooksProxy
+ * @param startedEventName
+ * @param direction
+ * @param customerId
+ */
+export async function verifyStartedWebhooks(
+        webhooksProxy: WebhookProxy,
+        direction: 'in' | 'out',
+        startedEventName: string,
+        customerId: string): Promise<IStartedWebhookPayload> {
+
+    const startedEvent: {
+        customerId: string;
+        data: IStartedWebhookPayload;
+        eventType: string;
+    } = await webhooksProxy.waitForEvent(startedEventName);
+
+    expect(startedEventName).toBe(startedEvent.eventType);
+    expect(startedEvent.data.direction).toBe(direction);
+    expect(startedEvent.customerId).toBe(customerId);
+
+    const usageEvent: {
+        customerId: string;
+        data: any;
+        eventType: string;
+    } = await webhooksProxy.waitForEvent('USAGE');
+
+    expect('USAGE').toBe(usageEvent.eventType);
+    expect(usageEvent.customerId).toBe(customerId);
+
+    expect(usageEvent.data.some((el: any) =>
+        el.participantId === startedEvent.data.participantId && el.callDirection === direction)).toBe(true);
+
+    return startedEvent.data;
+}
+
+export async function verifyEndedWebhook(
+        webhooksProxy: WebhookProxy,
+        endedEventName: string,
+        customerId: string,
+        startedPayload: IStartedWebhookPayload) {
+    const endedEvent: {
+        customerId: string;
+        data: {
+            direction: string;
+            participantFullJid: string;
+            participantId: string;
+            participantJid: string;
+        };
+        eventType: string;
+    } = await webhooksProxy.waitForEvent(endedEventName);
+
+    expect(endedEventName).toBe(endedEvent.eventType);
+    expect(endedEvent.customerId).toBe(customerId);
+    expect(endedEvent.data.participantFullJid).toBe(startedPayload.participantFullJid);
+    expect(endedEvent.data.participantId).toBe(startedPayload.participantId);
+    expect(endedEvent.data.participantJid).toBe(startedPayload.participantJid);
+}
+
+/**
+ * Wait until there is at least one remote participant, ICE is connected, the participant has a stream, and data is
+ * both received and sent.
+ */
+export async function waitForMedia(p: Participant) {
+    await p.waitForParticipants(1);
+    await p.waitForIceConnected();
+    await p.waitForRemoteStreams(1);
+    await p.waitForSendReceiveData(20_000);
+}
diff --git a/tests/specs/jaas/joinMuc.spec.ts b/tests/specs/jaas/joinMuc.spec.ts
new file mode 100644
index 0000000..8216f57
--- /dev/null
+++ b/tests/specs/jaas/joinMuc.spec.ts
@@ -0,0 +1,113 @@
+import { setTestProperties } from '../../helpers/TestProperties';
+import { expectations } from '../../helpers/expectations';
+import { joinJaasMuc, generateJaasToken as t } from '../../helpers/jaas';
+import { TOKEN_AUTH_FAILED_TEST_ID, TOKEN_AUTH_FAILED_TITLE_TEST_ID } from '../../pageobjects/Notifications';
+
+setTestProperties(__filename, {
+    useJaas: true
+});
+
+describe('XMPP login and MUC join', () => {
+    it('with a valid token (wildcard room)', async () => {
+        console.log('Joining a MUC with a valid token (wildcard room)');
+        const p = await joinJaasMuc({ token: t({ room: '*' }) });
+
+        expect(await p.isInMuc()).toBe(true);
+        expect(await p.isModerator()).toBe(false);
+    });
+
+    it('with a valid token (specific room)', async () => {
+        console.log('Joining a MUC with a valid token (specific room)');
+        const p = await joinJaasMuc({ token: t({ room: ctx.roomName }) });
+
+        expect(await p.isInMuc()).toBe(true);
+        expect(await p.isModerator()).toBe(false);
+    });
+
+    it('with a token with bad signature', async () => {
+        console.log('Joining a MUC with a token with bad signature');
+        const token = t({ room: ctx.roomName });
+
+        token.jwt = token.jwt + 'badSignature';
+
+        const p = await joinJaasMuc({ token });
+
+        expect(Boolean(await p.isInMuc())).toBe(false);
+
+        const errorText = await p.getNotifications().getNotificationText(TOKEN_AUTH_FAILED_TEST_ID)
+            || await p.getNotifications().getNotificationText(TOKEN_AUTH_FAILED_TITLE_TEST_ID);
+
+        expect(errorText).toContain('not allowed to join');
+    });
+
+    it('with an expired token', async () => {
+        console.log('Joining a MUC with an expired token');
+        const p = await joinJaasMuc({ token: t({ exp: '-1m' }) });
+
+        expect(Boolean(await p.isInMuc())).toBe(false);
+
+        const errorText = await p.getNotifications().getNotificationText(TOKEN_AUTH_FAILED_TITLE_TEST_ID);
+
+        expect(errorText).toContain('Token is expired');
+    });
+
+    it('with a token using the wrong key ID', async () => {
+        console.log('Joining a MUC with a token using the wrong key ID');
+        const p = await joinJaasMuc({ token: t({ keyId: 'invalid-key-id' }) });
+
+        expect(Boolean(await p.isInMuc())).toBe(false);
+
+        const errorText = await p.getNotifications().getNotificationText(TOKEN_AUTH_FAILED_TEST_ID);
+
+        expect(errorText).toContain('not allowed to join');
+    });
+
+    it('with a token for a different room', async () => {
+        console.log('Joining a MUC with a token for a different room');
+        const p = await joinJaasMuc({ token: t({ room: ctx.roomName + 'different' }) });
+
+        expect(Boolean(await p.isInMuc())).toBe(false);
+
+        const errorText = await p.getNotifications().getNotificationText(TOKEN_AUTH_FAILED_TEST_ID);
+
+        expect(errorText).toContain('not allowed to join');
+    });
+
+    it('with a moderator token', async () => {
+        console.log('Joining a MUC with a moderator token');
+        const p = await joinJaasMuc({ token: t({ moderator: true }) });
+
+        expect(await p.isInMuc()).toBe(true);
+        expect(await p.isModerator()).toBe(true);
+    });
+
+    // This is dependent on jaas account configuration. All tests under jaas/ expect that "unauthenticated access" is
+    // disabled.
+    it('without a token', async () => {
+        console.log('Joining a MUC without a token');
+        const p = await joinJaasMuc();
+
+        if (expectations.jaas.unauthenticatedJoins) {
+            expect(Boolean(await p.isInMuc())).toBe(true);
+        } else {
+            expect(Boolean(await p.isInMuc())).toBe(false);
+
+            const errorText = await p.getNotifications().getNotificationText(TOKEN_AUTH_FAILED_TEST_ID);
+
+            expect(errorText).toContain('not allowed to join');
+        }
+    });
+
+    it('without sending a conference-request', async () => {
+        console.log('Joining a MUC without sending a conference-request');
+        const p = await joinJaasMuc({
+            token: t({ room: `${ctx.roomName}-no-cf` })
+        }, {
+            configOverwrite: {
+                disableFocus: true // this effectively disables the sending of a conference-request
+            }
+        });
+
+        expect(Boolean(await p.isInMuc())).toBe(false);
+    });
+});
diff --git a/tests/specs/jaas/maxOccupants.spec.ts b/tests/specs/jaas/maxOccupants.spec.ts
new file mode 100644
index 0000000..c9b6680
--- /dev/null
+++ b/tests/specs/jaas/maxOccupants.spec.ts
@@ -0,0 +1,31 @@
+import { setTestProperties } from '../../helpers/TestProperties';
+import { joinJaasMuc, generateJaasToken as t } from '../../helpers/jaas';
+
+setTestProperties(__filename, {
+    requireWebhookProxy: true,
+    useJaas: true,
+    usesBrowsers: [ 'p1', 'p2', 'p3' ]
+});
+
+describe('MaxOccupants', () => {
+    it('test maxOccupants limit', async () => {
+        ctx.webhooksProxy.defaultMeetingSettings = {
+            maxOccupants: 2
+        };
+
+        const p1 = await joinJaasMuc({ token: t({ room: ctx.roomName }) });
+        const p2 = await joinJaasMuc({ name: 'p2', token: t({ room: ctx.roomName }) });
+
+        expect(await p1.isInMuc()).toBe(true);
+        expect(await p2.isInMuc()).toBe(true);
+
+        // Third participant should be rejected (exceeding maxOccupants), even if it's a moderator
+        let p3 = await joinJaasMuc({ name: 'p3', token: t({ room: ctx.roomName, moderator: true }) });
+
+        expect(Boolean(await p3.isInMuc())).toBe(false);
+
+        await p1.hangup();
+        p3 = await joinJaasMuc({ name: 'p3', token: t({ room: ctx.roomName }) });
+        expect(await p3.isInMuc()).toBe(true);
+    });
+});
diff --git a/tests/specs/jaas/passcode.spec.ts b/tests/specs/jaas/passcode.spec.ts
new file mode 100644
index 0000000..5abc9d8
--- /dev/null
+++ b/tests/specs/jaas/passcode.spec.ts
@@ -0,0 +1,51 @@
+import { setTestProperties } from '../../helpers/TestProperties';
+import { joinJaasMuc, generateJaasToken as t } from '../../helpers/jaas';
+import { IToken } from '../../helpers/token';
+
+setTestProperties(__filename, {
+    requireWebhookProxy: true,
+    useJaas: true,
+    usesBrowsers: [ 'p1', 'p2' ]
+});
+
+const passcode = '1234';
+
+describe('Setting passcode through settings provisioning', () => {
+    it('With a valid passcode', async () => {
+        ctx.webhooksProxy.defaultMeetingSettings = {
+            passcode: passcode,
+            visitorsEnabled: true
+        };
+
+        // We want to keep the room from getting destroyed, because the visitors queue has a timeout and causes
+        // problems. We could use different rooms instead, but the webhooksProxy is only configured for the default room.
+        await joinWithPassword('p1', t({ room: ctx.roomName }));
+        await joinWithPassword('p2', t({ room: ctx.roomName, moderator: true }));
+        await joinWithPassword('p2', t({ room: ctx.roomName, visitor: true }));
+    });
+});
+
+/**
+ * Join a password-protected room. Assert that a password is required, that a wrong password does not work, and that
+ * the correct password does work.
+ */
+async function joinWithPassword(instanceId: string, token: IToken) {
+    // @ts-ignore
+    const p = await joinJaasMuc({ name: instanceId, token }, { roomName: ctx.roomName });
+
+    await p.waitForMucJoinedOrError();
+    expect(await p.isInMuc()).toBe(false);
+    expect(await p.getPasswordDialog().isOpen()).toBe(true);
+
+    await p.getPasswordDialog().submitPassword('wrong password');
+    await p.waitForMucJoinedOrError();
+    expect(await p.isInMuc()).toBe(false);
+    expect(await p.getPasswordDialog().isOpen()).toBe(true);
+
+    await p.getPasswordDialog().submitPassword(passcode);
+    await p.waitToJoinMUC();
+
+    expect(await p.isInMuc()).toBe(true);
+    expect(await p.getPasswordDialog().isOpen()).toBe(false);
+}
+
diff --git a/tests/specs/jaas/passcodeInvalid.spec.ts b/tests/specs/jaas/passcodeInvalid.spec.ts
new file mode 100644
index 0000000..1ecda40
--- /dev/null
+++ b/tests/specs/jaas/passcodeInvalid.spec.ts
@@ -0,0 +1,25 @@
+import { setTestProperties } from '../../helpers/TestProperties';
+import { joinJaasMuc, generateJaasToken as t } from '../../helpers/jaas';
+
+setTestProperties(__filename, {
+    requireWebhookProxy: true,
+    useJaas: true
+});
+
+// This test is separate from passcode.spec.ts, because it needs to use a different room name, and webhooksProxy is only
+// setup for the default room name.
+describe('Setting invalid passcode through settings provisioning', () => {
+    it('With an invalid passcode', async () => {
+        ctx.webhooksProxy.defaultMeetingSettings = {
+            passcode: 'passcode-must-be-digits-only'
+        };
+
+        const p = await joinJaasMuc({ token: t({ room: ctx.roomName }) }, { roomName: ctx.roomName });
+
+        // The settings provisioning contains an invalid passcode, the expected result is that the room is not
+        // configured to require a passcode.
+        await p.waitToJoinMUC();
+        expect(await p.isInMuc()).toBe(true);
+        expect(await p.getPasswordDialog().isOpen()).toBe(false);
+    });
+});
diff --git a/tests/specs/jaas/presence.spec.ts b/tests/specs/jaas/presence.spec.ts
new file mode 100644
index 0000000..a4914b8
--- /dev/null
+++ b/tests/specs/jaas/presence.spec.ts
@@ -0,0 +1,178 @@
+import { expect } from '@wdio/globals';
+
+import { Participant } from '../../helpers/Participant';
+import { setTestProperties } from '../../helpers/TestProperties';
+import { config as testsConfig } from '../../helpers/TestsConfig';
+import WebhookProxy from '../../helpers/WebhookProxy';
+import { joinJaasMuc, generateJaasToken as t } from '../../helpers/jaas';
+
+setTestProperties(__filename, {
+    requireWebhookProxy: true,
+    useJaas: true,
+    usesBrowsers: [ 'p1', 'p2' ]
+});
+
+/**
+ * Tests the basic webhooks fired for participants joining, leaving, and creating/destroying a conference:
+ * PARTICIPANT_JOINED, PARTICIPANT_LEFT, ROOM_CREATED, ROOM_DESTROYED, ROLE_CHANGED, USAGE.
+ */
+describe('Create/destroy/join/leave webhooks', () => {
+    let conferenceJid: string = '';
+    let p1: Participant, p2: Participant;
+    let p1EpId: string, p2EpId: string;
+    let webhooksProxy: WebhookProxy;
+    let room: string;
+
+    async function checkParticipantJoinedHook(p: Participant) {
+        const event: {
+            data: {
+                conference: string;
+                isBreakout: boolean;
+                moderator: boolean;
+                name: string;
+                participantId: string;
+            };
+            eventType: string;
+        } = await webhooksProxy.waitForEvent('PARTICIPANT_JOINED');
+
+        expect(event.eventType).toBe('PARTICIPANT_JOINED');
+        expect(event.data.conference).toBe(conferenceJid);
+        expect(event.data.isBreakout).toBe(false);
+        expect(event.data.moderator).toBe(p.getToken()?.options?.moderator);
+        expect(event.data.name).toBe(await p.getLocalDisplayName());
+        expect(event.data.participantId).toBe(await p.getEndpointId());
+        expect(event.data.name).toBe(p.name);
+    }
+    async function checkParticipantLeftHook(p: Participant, reason: string) {
+
+        const event: {
+            customerId: string;
+            data: {
+                conference: string;
+                disconnectReason: string;
+                group: string;
+                id: string;
+                isBreakout: boolean;
+                name: string;
+                participantId: string;
+            };
+            eventType: string;
+        } = await webhooksProxy.waitForEvent('PARTICIPANT_LEFT');
+
+        expect(event.eventType).toBe('PARTICIPANT_LEFT');
+        expect(event.data.conference).toBe(conferenceJid);
+        expect(event.data.disconnectReason).toBe(reason);
+        expect(event.data.isBreakout).toBe(false);
+        expect(event.data.participantId).toBe(await p.getEndpointId());
+        expect(event.data.name).toBe(p.name);
+
+        const jwtPayload = p.getToken()?.payload;
+
+        expect(event.data.id).toBe(jwtPayload?.context?.user?.id);
+        expect(event.data.group).toBe(jwtPayload?.context?.group);
+        expect(event.customerId).toBe(testsConfig.jaas.customerId);
+    }
+
+    it('setup', async () => {
+        room = ctx.roomName;
+        conferenceJid = `${room}@conference.${testsConfig.jaas.tenant}.${new URL(process.env.BASE_URL || '').hostname}`;
+        webhooksProxy = ctx.webhooksProxy;
+        p1 = await joinJaasMuc({ name: 'p1', iFrameApi: true, token: t({ room, moderator: true }) });
+        p1EpId = await p1.getEndpointId();
+        expect(await p1.isModerator()).toBe(true);
+        await checkParticipantJoinedHook(p1);
+        await p1.switchToMainFrame();
+        p2 = await joinJaasMuc({ name: 'p2', token: t({ room }) });
+        p2EpId = await p2.getEndpointId();
+        expect(await p2.isModerator()).toBe(false);
+        await checkParticipantJoinedHook(p2);
+    });
+
+    it('USAGE webhook', async () => {
+        const event: {
+            data: [
+                { participantId: string; }
+            ];
+            eventType: string;
+        } = await webhooksProxy.waitForEvent('USAGE');
+
+        expect(event.eventType).toBe('USAGE');
+
+        expect(event.data.some(d => d.participantId === p1EpId));
+        expect(event.data.some(d => d.participantId === p2EpId));
+    });
+
+    it('ROOM_CREATED webhook', async () => {
+        const event: {
+            data: {
+                conference: string;
+                isBreakout: boolean;
+            };
+            eventType: string;
+        } = await webhooksProxy.waitForEvent('ROOM_CREATED');
+
+        expect(event.eventType).toBe('ROOM_CREATED');
+        expect(event.data.conference).toBe(conferenceJid);
+        expect(event.data.isBreakout).toBe(false);
+    });
+
+    it('ROLE_CHANGED webhook', async () => {
+        await p1.getIframeAPI().executeCommand('grantModerator', p2EpId);
+
+        const event: {
+            data: {
+                grantedBy: {
+                    participantId: string;
+                };
+                grantedTo: {
+                    participantId: string;
+                };
+                role: string;
+            };
+            eventType: string;
+        } = await webhooksProxy.waitForEvent('ROLE_CHANGED');
+
+        expect(event.eventType).toBe('ROLE_CHANGED');
+        expect(event.data.role).toBe('moderator');
+        expect(event.data.grantedBy.participantId).toBe(p1EpId);
+        expect(event.data.grantedTo.participantId).toBe(p2EpId);
+    });
+
+    it('kick participant', async () => {
+        webhooksProxy.clearCache();
+        await p1.getIframeAPI().executeCommand('kickParticipant', p2EpId);
+        await checkParticipantLeftHook(p2, 'kicked');
+    });
+
+    it('join after kick', async () => {
+        webhooksProxy.clearCache();
+
+        // join again
+        p2 = await joinJaasMuc({ name: 'p2', token: t({ room }) });
+        p2EpId = await p2.getEndpointId();
+
+        await checkParticipantJoinedHook(p2);
+    });
+
+    it('hangup', async () => {
+        await p2.hangup();
+        await checkParticipantLeftHook(p2, 'left');
+    });
+
+    it('dispose conference', async () => {
+        await p1.getIframeAPI().executeCommand('hangup');
+        await checkParticipantLeftHook(p1, 'left');
+
+        const event: {
+            data: {
+                conference: string;
+                isBreakout: boolean;
+            };
+            eventType: string;
+        } = await webhooksProxy.waitForEvent('ROOM_DESTROYED');
+
+        expect(event.eventType).toBe('ROOM_DESTROYED');
+        expect(event.data.conference).toBe(conferenceJid);
+        expect(event.data.isBreakout).toBe(false);
+    });
+});
diff --git a/tests/specs/jaas/recording.spec.ts b/tests/specs/jaas/recording.spec.ts
new file mode 100644
index 0000000..3150016
--- /dev/null
+++ b/tests/specs/jaas/recording.spec.ts
@@ -0,0 +1,209 @@
+import { Participant } from '../../helpers/Participant';
+import { setTestProperties } from '../../helpers/TestProperties';
+import { config as testsConfig } from '../../helpers/TestsConfig';
+import WebhookProxy from '../../helpers/WebhookProxy';
+import { expectations } from '../../helpers/expectations';
+import { joinJaasMuc, generateJaasToken as t } from '../../helpers/jaas';
+
+setTestProperties(__filename, {
+    requireWebhookProxy: true,
+    useJaas: true
+});
+
+/**
+ * Tests the recording and live-streaming functionality of JaaS (including relevant webhooks) exercising the iFrame API
+ * commands and functions.
+ * TODO: also assert "this meeting is being recorded" notifications are show/played?
+ */
+describe('Recording and live-streaming', () => {
+    const tenant = testsConfig.jaas.tenant;
+    const customerId = tenant?.replace('vpaas-magic-cookie-', '');
+    let recordingEnabled: boolean;
+    let liveStreamingEnabled: boolean;
+    let p: Participant;
+    let webhooksProxy: WebhookProxy;
+
+    it('setup', async () => {
+        webhooksProxy = ctx.webhooksProxy;
+        p = await joinJaasMuc({ iFrameApi: true, token: t({ moderator: true }) }, { roomName: ctx.roomName });
+
+        recordingEnabled = Boolean(await p.execute(() => config.recordingService?.enabled));
+        expect(recordingEnabled).toBe(expectations.jaas.recordingEnabled);
+
+        liveStreamingEnabled = Boolean(await p.execute(() => config.liveStreaming?.enabled));
+        expect(liveStreamingEnabled).toBe(expectations.jaas.liveStreamingEnabled);
+
+        if (liveStreamingEnabled && !process.env.YTUBE_TEST_STREAM_KEY) {
+            liveStreamingEnabled = false;
+            console.log('Skipping live-streaming tests because YTUBE_TEST_STREAM_KEY is not set.');
+        }
+
+        await p.switchToMainFrame();
+    });
+
+    /**
+     * Starts recording and asserts that the expected iFrame and JaaS events are received.
+     * @param command whether to use the "command" or the "function" iFrame API.
+     */
+    async function startRecording(command: boolean) {
+        await p.getIframeAPI().addEventListener('recordingStatusChanged');
+        await p.getIframeAPI().addEventListener('recordingLinkAvailable');
+
+        if (command) {
+            await p.getIframeAPI().executeCommand('startRecording', {
+                mode: 'file'
+            });
+        } else {
+            await p.getIframeAPI().startRecording({
+                mode: 'file'
+            });
+        }
+
+        const jaasEvent: {
+            customerId: string;
+            eventType: string;
+        } = await webhooksProxy.waitForEvent('RECORDING_STARTED');
+
+        expect('RECORDING_STARTED').toBe(jaasEvent.eventType);
+        expect(jaasEvent.customerId).toBe(customerId);
+
+        webhooksProxy.clearCache();
+
+        const iFrameEvent = await p.driver.waitUntil(() =>
+            p.getIframeAPI().getEventResult('recordingStatusChanged'), {
+            timeout: 5000,
+            timeoutMsg: 'recordingStatusChanged event not received'
+        });
+
+        expect(iFrameEvent.mode).toBe('file');
+        expect(iFrameEvent.on).toBe(true);
+
+        const linkEvent = await p.driver.waitUntil(() =>
+            p.getIframeAPI().getEventResult('recordingLinkAvailable'), {
+            timeout: 5000,
+            timeoutMsg: 'recordingLinkAvailable event not received'
+        });
+
+        expect(linkEvent.link.startsWith('https://')).toBe(true);
+        expect(linkEvent.link.includes(tenant)).toBe(true);
+        expect(linkEvent.ttl > 0).toBe(true);
+    }
+
+    /**
+     * Stops recording and asserts that the expected iFrame and JaaS events are received.
+     * @param command whether to use the "command" or the "function" iFrame API.
+     */
+    async function stopRecording(command: boolean) {
+        if (command) {
+            await p.getIframeAPI().executeCommand('stopRecording', 'file');
+        } else {
+            await p.getIframeAPI().stopRecording('file');
+        }
+
+        const jaasEndedEvent: {
+            customerId: string;
+            eventType: string;
+        } = await webhooksProxy.waitForEvent('RECORDING_ENDED');
+
+        expect('RECORDING_ENDED').toBe(jaasEndedEvent.eventType);
+        expect(jaasEndedEvent.customerId).toBe(customerId);
+
+        const jaasUploadedEvent: {
+            customerId: string;
+            data: {
+                initiatorId: string;
+                participants: Array<string>;
+            };
+            eventType: string;
+        } = await webhooksProxy.waitForEvent('RECORDING_UPLOADED');
+
+        const jwtPayload = p.getToken()?.payload;
+
+        expect(jaasUploadedEvent.data.initiatorId).toBe(jwtPayload?.context?.user?.id);
+        expect(jaasUploadedEvent.data.participants.some(
+            // @ts-ignore
+            e => e.id === jwtPayload?.context?.user?.id)).toBe(true);
+
+        webhooksProxy.clearCache();
+
+        const iFrameEvent = (await p.getIframeAPI().getEventResult('recordingStatusChanged'));
+
+        expect(iFrameEvent.mode).toBe('file');
+        expect(iFrameEvent.on).toBe(false);
+
+        await p.getIframeAPI().clearEventResults('recordingStatusChanged');
+    }
+
+    it('start/stop recording using the iFrame command', async () => {
+        if (!recordingEnabled) {
+            return;
+        }
+
+        await startRecording(true);
+        await stopRecording(true);
+
+        // to avoid rate limits
+        await p.driver.pause(30000);
+    });
+
+    it('start/stop recording using the iFrame function', async () => {
+        if (!recordingEnabled) {
+            return;
+        }
+
+        await startRecording(false);
+        await stopRecording(false);
+
+        // to avoid rate limits
+        await p.driver.pause(30000);
+    });
+
+    it('start/stop live-streaming using the iFrame command', async () => {
+        if (!liveStreamingEnabled) {
+            return;
+        }
+
+        await p.getIframeAPI().addEventListener('recordingStatusChanged');
+
+        await p.getIframeAPI().executeCommand('startRecording', {
+            youtubeBroadcastID: process.env.YTUBE_TEST_BROADCAST_ID,
+            mode: 'stream',
+            youtubeStreamKey: process.env.YTUBE_TEST_STREAM_KEY
+        });
+
+        const jaasEvent: {
+            customerId: string;
+            eventType: string;
+        } = await webhooksProxy.waitForEvent('LIVE_STREAM_STARTED');
+
+        expect('LIVE_STREAM_STARTED').toBe(jaasEvent.eventType);
+        expect(jaasEvent.customerId).toBe(customerId);
+
+        const iFrameEvent = (await p.getIframeAPI().getEventResult('recordingStatusChanged'));
+
+        expect(iFrameEvent.mode).toBe('stream');
+        expect(iFrameEvent.on).toBe(true);
+
+        if (process.env.YTUBE_TEST_BROADCAST_ID) {
+            const liveStreamUrl = await p.getIframeAPI().getLivestreamUrl();
+
+            expect(liveStreamUrl.livestreamUrl).toBeDefined();
+        }
+
+        await p.getIframeAPI().executeCommand('stopRecording', 'stream');
+
+        const jaasEndedEvent: {
+            customerId: string;
+            eventType: string;
+        } = await webhooksProxy.waitForEvent('LIVE_STREAM_ENDED');
+
+        expect(jaasEndedEvent.eventType).toBe('LIVE_STREAM_ENDED');
+        expect(jaasEndedEvent.customerId).toBe(customerId);
+
+        const iFrameEndedEvent = (await p.getIframeAPI().getEventResult('recordingStatusChanged'));
+
+        expect(iFrameEndedEvent.mode).toBe('stream');
+        expect(iFrameEndedEvent.on).toBe(false);
+    });
+});
+
diff --git a/tests/specs/jaas/transcriptions.spec.ts b/tests/specs/jaas/transcriptions.spec.ts
new file mode 100644
index 0000000..4fc049f
--- /dev/null
+++ b/tests/specs/jaas/transcriptions.spec.ts
@@ -0,0 +1,239 @@
+import { expect } from '@wdio/globals';
+
+import type { Participant } from '../../helpers/Participant';
+import { setTestProperties } from '../../helpers/TestProperties';
+import type WebhookProxy from '../../helpers/WebhookProxy';
+import { expectations } from '../../helpers/expectations';
+import { joinJaasMuc, generateJaasToken as t } from '../../helpers/jaas';
+
+setTestProperties(__filename, {
+    requireWebhookProxy: true,
+    useJaas: true,
+    usesBrowsers: [ 'p1', 'p2' ]
+});
+
+describe('Transcription', () => {
+    let p1: Participant, p2: Participant;
+    let webhooksProxy: WebhookProxy;
+
+    it('setup', async () => {
+        const room = ctx.roomName;
+
+        webhooksProxy = ctx.webhooksProxy;
+
+        p1 = await joinJaasMuc({
+            name: 'p1',
+            token: t({ room, moderator: true }),
+            iFrameApi: true });
+
+        const transcriptionEnabled = await p1.execute(() => config.transcription?.enabled);
+
+        expect(transcriptionEnabled).toBe(expectations.jaas.transcriptionEnabled);
+
+        p2 = await joinJaasMuc({
+            name: 'p2',
+            token: t({ room }),
+            iFrameApi: true }, {
+            configOverwrite: {
+                startWithAudioMuted: true
+            }
+        });
+
+        await Promise.all([
+            p1.switchToMainFrame(),
+            p2.switchToMainFrame(),
+        ]);
+
+        expect(await p1.getIframeAPI().getEventResult('isModerator')).toBe(true);
+        expect(await p1.getIframeAPI().getEventResult('videoConferenceJoined')).toBeDefined();
+    });
+
+    it('toggle subtitles', async () => {
+        await p1.getIframeAPI().addEventListener('transcriptionChunkReceived');
+        await p2.getIframeAPI().addEventListener('transcriptionChunkReceived');
+        await p1.getIframeAPI().executeCommand('toggleSubtitles');
+
+        await checkReceivingChunks(p1, p2, webhooksProxy);
+
+        await p1.getIframeAPI().clearEventResults('transcribingStatusChanged');
+        await p1.getIframeAPI().addEventListener('transcribingStatusChanged');
+
+        await p1.getIframeAPI().executeCommand('toggleSubtitles');
+
+        await p1.driver.waitUntil(() => p1.getIframeAPI()
+            .getEventResult('transcribingStatusChanged'), {
+            timeout: 15000,
+            timeoutMsg: 'transcribingStatusChanged event not received by p1'
+        });
+    });
+
+    it('set subtitles on and off', async () => {
+        // we need to clear results or the last one will be used, from the previous time subtitles were on
+        await p1.getIframeAPI().clearEventResults('transcriptionChunkReceived');
+        await p2.getIframeAPI().clearEventResults('transcriptionChunkReceived');
+
+        await p1.getIframeAPI().executeCommand('setSubtitles', true, true);
+
+        await checkReceivingChunks(p1, p2, webhooksProxy);
+
+        await p1.getIframeAPI().clearEventResults('transcribingStatusChanged');
+
+        await p1.getIframeAPI().executeCommand('setSubtitles', false);
+
+        await p1.driver.waitUntil(() => p1.getIframeAPI()
+            .getEventResult('transcribingStatusChanged'), {
+            timeout: 15000,
+            timeoutMsg: 'transcribingStatusChanged event not received by p1'
+        });
+    });
+
+    it('start/stop transcriptions via recording', async () => {
+        // we need to clear results or the last one will be used, from the previous time subtitles were on
+        await p1.getIframeAPI().clearEventResults('transcribingStatusChanged');
+        await p1.getIframeAPI().clearEventResults('transcriptionChunkReceived');
+        await p2.getIframeAPI().clearEventResults('transcriptionChunkReceived');
+
+        await p2.getIframeAPI().addEventListener('transcribingStatusChanged');
+
+        await p1.getIframeAPI().executeCommand('startRecording', { transcription: true });
+
+        let allTranscriptionStatusChanged: Promise<any>[] = [];
+
+        allTranscriptionStatusChanged.push(await p1.driver.waitUntil(() => p1.getIframeAPI()
+                .getEventResult('transcribingStatusChanged'), {
+            timeout: 10000,
+            timeoutMsg: 'transcribingStatusChanged event not received on p1'
+        }));
+        allTranscriptionStatusChanged.push(await p2.driver.waitUntil(() => p2.getIframeAPI()
+                .getEventResult('transcribingStatusChanged'), {
+            timeout: 10000,
+            timeoutMsg: 'transcribingStatusChanged event not received on p2'
+        }));
+
+        let result = await Promise.allSettled(allTranscriptionStatusChanged);
+
+        expect(result.length).toBe(2);
+
+        result.forEach(e => {
+            // @ts-ignore
+            expect(e.value.on).toBe(true);
+        });
+
+        await checkReceivingChunks(p1, p2, webhooksProxy);
+
+        await p1.getIframeAPI().clearEventResults('transcribingStatusChanged');
+        await p2.getIframeAPI().clearEventResults('transcribingStatusChanged');
+
+        await p1.getIframeAPI().executeCommand('stopRecording', 'file', true);
+
+        allTranscriptionStatusChanged = [];
+
+        allTranscriptionStatusChanged.push(await p1.driver.waitUntil(() => p1.getIframeAPI()
+            .getEventResult('transcribingStatusChanged'), {
+            timeout: 10000,
+            timeoutMsg: 'transcribingStatusChanged event not received on p1'
+        }));
+        allTranscriptionStatusChanged.push(await p2.driver.waitUntil(() => p2.getIframeAPI()
+            .getEventResult('transcribingStatusChanged'), {
+            timeout: 10000,
+            timeoutMsg: 'transcribingStatusChanged event not received on p2'
+        }));
+
+        result = await Promise.allSettled(allTranscriptionStatusChanged);
+
+        expect(result.length).toBe(2);
+
+        result.forEach(e => {
+            // @ts-ignore
+            expect(e.value.on).toBe(false);
+        });
+
+        await p1.getIframeAPI().executeCommand('hangup');
+        await p2.getIframeAPI().executeCommand('hangup');
+
+        // sometimes events are not immediately received,
+        // let's wait for destroy event before waiting for those that depends on it
+        await webhooksProxy.waitForEvent('ROOM_DESTROYED');
+
+        const event: {
+            data: {
+                preAuthenticatedLink: string;
+            };
+            eventType: string;
+        } = await webhooksProxy.waitForEvent('TRANSCRIPTION_UPLOADED');
+
+        expect('TRANSCRIPTION_UPLOADED').toBe(event.eventType);
+        expect(event.data.preAuthenticatedLink).toBeDefined();
+    });
+});
+
+async function checkReceivingChunks(p1: Participant, p2: Participant, webhooksProxy: WebhookProxy) {
+    const allTranscripts: Promise<any>[] = [];
+
+    allTranscripts.push(await p1.driver.waitUntil(() => p1.getIframeAPI()
+            .getEventResult('transcriptionChunkReceived'), {
+        timeout: 60000,
+        timeoutMsg: 'transcriptionChunkReceived event not received on p1 side'
+    }));
+
+    allTranscripts.push(await p2.driver.waitUntil(() => p2.getIframeAPI()
+            .getEventResult('transcriptionChunkReceived'), {
+        timeout: 60000,
+        timeoutMsg: 'transcriptionChunkReceived event not received on p2 side'
+    }));
+
+    // TRANSCRIPTION_CHUNK_RECEIVED webhook
+    allTranscripts.push((async () => {
+        const event: {
+            data: {
+                final: string;
+                language: string;
+                messageID: string;
+                participant: {
+                    id: string;
+                    name: string;
+                };
+                stable: string;
+            };
+            eventType: string;
+        } = await webhooksProxy.waitForEvent('TRANSCRIPTION_CHUNK_RECEIVED');
+
+        expect('TRANSCRIPTION_CHUNK_RECEIVED').toBe(event.eventType);
+
+        event.data.stable = event.data.final;
+
+        return event;
+    })());
+
+    const result = await Promise.allSettled(allTranscripts);
+
+    expect(result.length).toBeGreaterThan(0);
+
+    // @ts-ignore
+    const firstEntryData = result[0].value.data;
+    const stable = firstEntryData.stable || firstEntryData.final;
+    const language = firstEntryData.language;
+    const messageID = firstEntryData.messageID;
+    const p1Id = await p1.getEndpointId();
+
+    result.map(r => {
+        // @ts-ignore
+        const v = r.value;
+
+        expect(v).toBeDefined();
+
+        return v.data;
+    }).forEach(tr => {
+        const checkTranscripts = stable.includes(tr.stable || tr.final) || (tr.stable || tr.final).includes(stable);
+
+        if (!checkTranscripts) {
+            console.log('received events', JSON.stringify(result));
+        }
+
+        expect(checkTranscripts).toBe(true);
+        expect(tr.language).toBe(language);
+        expect(tr.messageID).toBe(messageID);
+        expect(tr.participant.id).toBe(p1Id);
+        expect(tr.participant.name).toBe(p1.name);
+    });
+}
diff --git a/tests/specs/jaas/visitors/participantsSoftLimit.spec.ts b/tests/specs/jaas/visitors/participantsSoftLimit.spec.ts
new file mode 100644
index 0000000..7756431
--- /dev/null
+++ b/tests/specs/jaas/visitors/participantsSoftLimit.spec.ts
@@ -0,0 +1,49 @@
+import { setTestProperties } from '../../../helpers/TestProperties';
+import { joinJaasMuc, generateJaasToken as t } from '../../../helpers/jaas';
+
+setTestProperties(__filename, {
+    useJaas: true,
+    useWebhookProxy: true,
+    usesBrowsers: [ 'p1', 'p2', 'p3' ]
+});
+
+describe('Visitors triggered by reaching participantsSoftLimit', () => {
+    it('test participantsSoftLimit', async () => {
+        ctx.webhooksProxy.defaultMeetingSettings = {
+            participantsSoftLimit: 2,
+            visitorsEnabled: true
+        };
+
+        /// XXX the "name" of the participant MUST match one of the "capabilities" defined in wdio. It's not a "participant", it's an instance configuration!
+        const m = await joinJaasMuc({
+            token: t({ room: ctx.roomName, displayName: 'Mo de Rator', moderator: true })
+        });
+
+        expect(await m.isInMuc()).toBe(true);
+        expect(await m.isModerator()).toBe(true);
+        expect(await m.isVisitor()).toBe(false);
+        console.log('Moderator joined');
+
+        // Joining with a participant token before participantSoftLimit has been reached
+        const p = await joinJaasMuc({
+            name: 'p2',
+            token: t({ room: ctx.roomName, displayName: 'Parti Cipant' })
+        });
+
+        expect(await p.isInMuc()).toBe(true);
+        expect(await p.isModerator()).toBe(false);
+        expect(await p.isVisitor()).toBe(false);
+        console.log('Participant joined');
+
+        // Joining with a participant token after participantSoftLimit has been reached
+        const v = await joinJaasMuc({
+            name: 'p3',
+            token: t({ room: ctx.roomName, displayName: 'Visi Tor' })
+        });
+
+        expect(await v.isInMuc()).toBe(true);
+        expect(await v.isModerator()).toBe(false);
+        expect(await v.isVisitor()).toBe(true);
+        console.log('Visitor joined');
+    });
+});
diff --git a/tests/specs/jaas/visitors/videoWithSingleSender.spec.ts b/tests/specs/jaas/visitors/videoWithSingleSender.spec.ts
new file mode 100644
index 0000000..c50ff7e
--- /dev/null
+++ b/tests/specs/jaas/visitors/videoWithSingleSender.spec.ts
@@ -0,0 +1,60 @@
+import { setTestProperties } from '../../../helpers/TestProperties';
+import { joinJaasMuc, generateJaasToken as t } from '../../../helpers/jaas';
+
+setTestProperties(__filename, {
+    requireWebhookProxy: true,
+    useJaas: true,
+    usesBrowsers: [ 'p1', 'p2', 'p3', 'p4' ]
+});
+
+/**
+ * This is a case which fails if jitsi-videobridge doesn't properly forward PLIs from visitors.
+ */
+describe('Visitor receiving video from a single remote participant', () => {
+    it('joining the meeting', async () => {
+        ctx.webhooksProxy.defaultMeetingSettings = {
+            visitorsEnabled: true,
+            visitorsLive: true,
+        };
+
+        // Force a connection via JVB.
+        const configOverwrite = {
+            p2p: {
+                enabled: false
+            }
+        };
+        const sender = await joinJaasMuc({
+            token: t({ room: ctx.roomName, displayName: 'Sender', moderator: true })
+        }, {
+            configOverwrite
+        });
+        const senderEndpointId = await sender.getEndpointId();
+
+        const testVisitor = async function(instanceId: 'p1' | 'p2' | 'p3' | 'p4') {
+            const visitor = await joinJaasMuc({
+                name: instanceId,
+                token: t({ room: ctx.roomName, displayName: 'Visitor', visitor: true })
+            }, {
+                configOverwrite
+            });
+
+            await visitor.waitForIceConnected();
+
+            const iceConnected = performance.now();
+
+            await visitor.driver.waitUntil(
+                () => visitor.isRemoteVideoReceivedAndDisplayed(senderEndpointId), {
+                    timeout: 10_000,
+                    timeoutMsg: `Visitor (${instanceId}) is not receiving video from the sender`
+                });
+
+            const duration = performance.now() - iceConnected;
+
+            console.log(`Video displayed after ${duration} ms after ICE connected (${instanceId})`);
+        };
+
+        await testVisitor('p2');
+        await testVisitor('p3');
+        await testVisitor('p4');
+    });
+});
diff --git a/tests/specs/jaas/visitors/visitorTokens.spec.ts b/tests/specs/jaas/visitors/visitorTokens.spec.ts
new file mode 100644
index 0000000..db549d5
--- /dev/null
+++ b/tests/specs/jaas/visitors/visitorTokens.spec.ts
@@ -0,0 +1,140 @@
+import { Participant } from '../../../helpers/Participant';
+import { setTestProperties } from '../../../helpers/TestProperties';
+import { config as testsConfig } from '../../../helpers/TestsConfig';
+import WebhookProxy from '../../../helpers/WebhookProxy';
+import { joinJaasMuc, generateJaasToken as t } from '../../../helpers/jaas';
+
+setTestProperties(__filename, {
+    requireWebhookProxy: true,
+    useJaas: true,
+    usesBrowsers: [ 'p1', 'p2', 'p3' ]
+});
+
+describe('Visitors triggered by visitor tokens', () => {
+    let webhooksProxy: WebhookProxy;
+    let room: string;
+
+    async function verifyJoinedWebhook(participant: Participant) {
+        const context = participant.getToken()?.payload.context;
+        const event: {
+            customerId: string;
+            data: {
+                avatar: string;
+                email: string;
+                group: string;
+                id: string;
+                name: string;
+                participantJid: string;
+                role: string;
+            };
+            eventType: string;
+        } = await webhooksProxy.waitForEvent('PARTICIPANT_JOINED');
+
+        expect('PARTICIPANT_JOINED').toBe(event.eventType);
+        expect(event.data.avatar).toBe(context.user.avatar);
+        expect(event.data.email).toBe(context.user.email);
+        expect(event.data.id).toBe(context.user.id);
+        expect(event.data.group).toBe(context.group);
+        expect(event.data.name).toBe(context.user.name);
+        if (context.user.visitor) {
+            expect(event.data.participantJid.indexOf('meet.jitsi') != -1).toBe(true);
+            expect(event.data.role).toBe('visitor');
+        }
+        expect(event.customerId).toBe(testsConfig.jaas.customerId);
+    }
+
+    async function verifyLeftWebhook(participant: Participant) {
+        const context = participant.getToken()?.payload.context;
+        const eventLeft: {
+            customerId: string;
+            data: {
+                avatar: string;
+                email: string;
+                group: string;
+                id: string;
+                name: string;
+                participantJid: string;
+                role: string;
+            };
+            eventType: string;
+        } = await webhooksProxy.waitForEvent('PARTICIPANT_LEFT');
+
+        expect('PARTICIPANT_LEFT').toBe(eventLeft.eventType);
+        expect(eventLeft.data.avatar).toBe(context.user.avatar);
+        expect(eventLeft.data.email).toBe(context.user.email);
+        expect(eventLeft.data.id).toBe(context.user.id);
+        expect(eventLeft.data.group).toBe(context.group);
+        expect(eventLeft.data.name).toBe(context.user.name);
+        if (context.user.visitor) {
+            expect(eventLeft.data.participantJid.indexOf('meet.jitsi') != -1).toBe(true);
+            expect(eventLeft.data.role).toBe('visitor');
+        }
+        expect(eventLeft.customerId).toBe(testsConfig.jaas.customerId);
+    }
+
+    it('setup', async () => {
+        webhooksProxy = ctx.webhooksProxy;
+        webhooksProxy.defaultMeetingSettings = {
+            visitorsEnabled: true
+        };
+        room = ctx.roomName;
+    });
+
+    it('test visitor tokens', async () => {
+
+        webhooksProxy.clearCache();
+        const moderatorToken = t({ room, displayName: 'Mo de Rator', moderator: true });
+        const moderator = await joinJaasMuc({ name: 'p1', token: moderatorToken });
+
+        expect(await moderator.isInMuc()).toBe(true);
+        expect(await moderator.isModerator()).toBe(true);
+        expect(await moderator.isVisitor()).toBe(false);
+        await verifyJoinedWebhook(moderator);
+
+        webhooksProxy.clearCache();
+        // Joining with a participant token before any visitors
+        const participantToken = t({ room, displayName: 'Parti Cipant' });
+        const participant = await joinJaasMuc({ name: 'p2', token: participantToken });
+
+        expect(await participant.isInMuc()).toBe(true);
+        expect(await participant.isModerator()).toBe(false);
+        expect(await participant.isVisitor()).toBe(false);
+        await verifyJoinedWebhook(participant);
+
+        webhooksProxy.clearCache();
+        // Joining with a visitor token
+        const visitorToken = t({ room, displayName: 'Visi Tor', visitor: true });
+        const visitor = await joinJaasMuc({ name: 'p3', token: visitorToken });
+
+        expect(await visitor.isInMuc()).toBe(true);
+        expect(await visitor.isModerator()).toBe(false);
+        expect(await visitor.isVisitor()).toBe(true);
+        await verifyJoinedWebhook(visitor);
+
+        webhooksProxy.clearCache();
+        await participant.hangup();
+        await verifyLeftWebhook(participant);
+
+        webhooksProxy.clearCache();
+        // Joining with a participant token after visitors -> visitor
+        const participantToken2 = t({ room, displayName: 'Visi Tor 2' });
+        const visitor2 = await joinJaasMuc({ name: 'p2', token: participantToken2 });
+
+        expect(await visitor2.isInMuc()).toBe(true);
+        expect(await visitor2.isModerator()).toBe(false);
+        expect(await visitor2.isVisitor()).toBe(true);
+        await verifyJoinedWebhook(visitor2);
+
+        webhooksProxy.clearCache();
+        await visitor.hangup();
+        await verifyLeftWebhook(visitor);
+
+        webhooksProxy.clearCache();
+        await visitor2.hangup();
+        await verifyLeftWebhook(visitor2);
+
+        webhooksProxy.clearCache();
+        await moderator.hangup();
+        await verifyLeftWebhook(moderator);
+    });
+});
diff --git a/tests/specs/jaas/visitors/visitorsLive.spec.ts b/tests/specs/jaas/visitors/visitorsLive.spec.ts
new file mode 100644
index 0000000..f03797a
--- /dev/null
+++ b/tests/specs/jaas/visitors/visitorsLive.spec.ts
@@ -0,0 +1,75 @@
+import { expect } from '@wdio/globals';
+
+import { Participant } from '../../../helpers/Participant';
+import { setTestProperties } from '../../../helpers/TestProperties';
+import { expectations } from '../../../helpers/expectations';
+import { joinJaasMuc, generateJaasToken as t } from '../../../helpers/jaas';
+
+setTestProperties(__filename, {
+    requireWebhookProxy: true,
+    useJaas: true,
+    usesBrowsers: [ 'p1', 'p2' ]
+});
+
+describe('Visitors live', () => {
+    let visitor: Participant, moderator: Participant;
+
+    it('setup', async () => {
+        ctx.webhooksProxy.defaultMeetingSettings = {
+            visitorsEnabled: true,
+            visitorsLive: false
+        };
+
+        moderator = await joinJaasMuc({
+            name: 'p1',
+            token: t({ room: ctx.roomName, displayName: 'Mo de Rator', moderator: true })
+        });
+
+        if (expectations.jaas.visitors) {
+            await moderator.driver.waitUntil(() => moderator.execute(() => APP.conference._room.isVisitorsSupported()), {
+                timeout: 2000
+            }).catch(e => {
+                throw new Error(`isVisitorsSupported() returned an error: ${e}.`);
+            });
+        }
+
+        visitor = await joinJaasMuc({
+            name: 'p2',
+            token: t({ room: ctx.roomName, displayName: 'Visi Tor', visitor: true })
+        }, {
+            skipWaitToJoin: true
+        });
+    });
+
+
+    it('go live', async () => {
+
+        const vVisitors = visitor.getVisitors();
+        const mVisitors = moderator.getVisitors();
+
+        await visitor.driver.waitUntil(async () => vVisitors.isVisitorsQueueUIShown(), {
+            timeout: 5000,
+            timeoutMsg: 'Missing visitors queue UI'
+        });
+
+        await moderator.driver.waitUntil(async () => await mVisitors.getWaitingVisitorsInQueue()
+                === 'Viewers waiting in queue: 1', {
+            timeout: 15000,
+            timeoutMsg: 'Missing visitors queue count in UI'
+        });
+
+        await mVisitors.goLive();
+
+        await visitor.waitToJoinMUC();
+        await visitor.waitForReceiveMedia(15000, 'Visitor is not receiving media');
+        await visitor.waitForRemoteStreams(1);
+
+        await visitor.driver.waitUntil(() => vVisitors.hasVisitorsDialog(), {
+            timeout: 5000,
+            timeoutMsg: 'Missing visitors dialog'
+        });
+
+        expect((await mVisitors.getVisitorsCount()).trim()).toBe('1');
+        expect((await mVisitors.getVisitorsHeaderFromParticipantsPane()).trim()).toBe('Viewers 1');
+    });
+});
diff --git a/tests/specs/media/activeSpeaker.spec.ts b/tests/specs/media/activeSpeaker.spec.ts
new file mode 100644
index 0000000..8a59fe2
--- /dev/null
+++ b/tests/specs/media/activeSpeaker.spec.ts
@@ -0,0 +1,97 @@
+import type { Participant } from '../../helpers/Participant';
+import { setTestProperties } from '../../helpers/TestProperties';
+import { ensureThreeParticipants } from '../../helpers/participants';
+import { muteAudioAndCheck } from '../helpers/mute';
+
+setTestProperties(__filename, {
+    usesBrowsers: [ 'p1', 'p2', 'p3' ]
+});
+
+describe('Active speaker', () => {
+    it('testActiveSpeaker', async () => {
+        await ensureThreeParticipants();
+
+        const { p1, p2, p3 } = ctx;
+
+        await muteAudioAndCheck(p1, p2);
+        await muteAudioAndCheck(p2, p1);
+        await muteAudioAndCheck(p3, p1);
+
+        // participant1 becomes active speaker - check from participant2's perspective
+        await testActiveSpeaker(p1, p2, p3);
+
+        // participant3 becomes active speaker - check from participant2's perspective
+        await testActiveSpeaker(p3, p2, p1);
+
+        // participant2 becomes active speaker - check from participant1's perspective
+        await testActiveSpeaker(p2, p1, p3);
+
+        // check the displayed speakers, there should be only one speaker
+        await assertOneDominantSpeaker(p1);
+        await assertOneDominantSpeaker(p2);
+        await assertOneDominantSpeaker(p3);
+    });
+});
+
+/**
+ * Tries to make given participant an active speaker by unmuting it.
+ * Verifies from {@code participant2}'s perspective that the active speaker
+ * has been displayed on the large video area. Mutes him back.
+ *
+ * @param {Participant} activeSpeaker - <tt>Participant</tt> instance of the participant who will be tested as an
+ * active speaker.
+ * @param {Participant} otherParticipant1 - <tt>Participant</tt> of the participant who will be observing and verifying
+ * active speaker change.
+ * @param {Participant} otherParticipant2 - Used only to print some debugging info.
+ */
+async function testActiveSpeaker(
+        activeSpeaker: Participant, otherParticipant1: Participant, otherParticipant2: Participant) {
+    await activeSpeaker.log(`Start testActiveSpeaker for participant: ${activeSpeaker.name}`);
+
+    const speakerEndpoint = await activeSpeaker.getEndpointId();
+
+    // just a debug print to go in logs
+    await activeSpeaker.log('Unmuting in testActiveSpeaker');
+
+    // Unmute
+    await activeSpeaker.getToolbar().clickAudioUnmuteButton();
+
+    // just a debug print to go in logs
+    await otherParticipant1.log(`Participant unmuted in testActiveSpeaker ${speakerEndpoint}`);
+    await otherParticipant2.log(`Participant unmuted in testActiveSpeaker ${speakerEndpoint}`);
+
+    await activeSpeaker.getFilmstrip().assertAudioMuteIconIsDisplayed(activeSpeaker, true);
+
+    // Verify that the user is now an active speaker from otherParticipant1's perspective
+    const otherParticipant1Driver = otherParticipant1.driver;
+
+    await otherParticipant1Driver.waitUntil(
+        async () => await otherParticipant1.getLargeVideo().getResource() === speakerEndpoint,
+        {
+            timeout: 30_000, // 30 seconds
+            timeoutMsg: 'Active speaker not displayed on large video.'
+        });
+
+    // just a debug print to go in logs
+    await activeSpeaker.log('Muting in testActiveSpeaker');
+
+    // Mute back again
+    await activeSpeaker.getToolbar().clickAudioMuteButton();
+
+    // just a debug print to go in logs
+    await otherParticipant1.log(`Participant muted in testActiveSpeaker ${speakerEndpoint}`);
+    await otherParticipant2.log(`Participant muted in testActiveSpeaker ${speakerEndpoint}`);
+
+    await otherParticipant1.getFilmstrip().assertAudioMuteIconIsDisplayed(activeSpeaker);
+}
+
+/**
+ * Asserts that the number of small videos with the dominant speaker
+ * indicator displayed equals 1.
+ *
+ * @param {Participant} participant - The participant to check.
+ */
+async function assertOneDominantSpeaker(participant: Participant) {
+    expect(await participant.driver.$$(
+        '//span[not(contains(@class, "tile-view"))]//span[contains(@class,"dominant-speaker")]').length).toBe(1);
+}
diff --git a/tests/specs/media/audioOnly.spec.ts b/tests/specs/media/audioOnly.spec.ts
new file mode 100644
index 0000000..caa58e8
--- /dev/null
+++ b/tests/specs/media/audioOnly.spec.ts
@@ -0,0 +1,91 @@
+import { setTestProperties } from '../../helpers/TestProperties';
+import { ensureTwoParticipants } from '../../helpers/participants';
+
+setTestProperties(__filename, {
+    usesBrowsers: [ 'p1', 'p2' ]
+});
+
+describe('Audio-only mode', () => {
+    it('joining the meeting', () => ensureTwoParticipants());
+
+    /**
+     * Enables audio only mode for p1 and verifies that the other participant sees participant1 as video muted.
+     */
+    it('set and check', () => setAudioOnlyAndCheck(true));
+
+    /**
+     * Verifies that participant1 sees avatars for itself and other participants.
+     */
+    it('avatars check', async () => {
+        const { p1 } = ctx;
+
+        await p1.driver.$('//div[@id="dominantSpeaker"]').waitForDisplayed();
+
+        // Makes sure that the avatar is displayed in the local thumbnail and that the video is not displayed.
+        await p1.assertThumbnailShowsAvatar(p1);
+    });
+
+    /**
+     * Disables audio only mode and verifies that both participants see p1 as not video muted.
+     */
+    it('disable and check', () => setAudioOnlyAndCheck(false));
+
+    /**
+     * Mutes video on participant1, toggles audio-only twice and then verifies if both participants see participant1
+     * as video muted.
+     */
+    it('mute video, set twice and check muted', async () => {
+        const { p1 } = ctx;
+
+        // Mute video on participant1.
+        await p1.getToolbar().clickVideoMuteButton();
+
+        await verifyVideoMute(true);
+
+        // Enable audio-only mode.
+        await setAudioOnlyAndCheck(true);
+
+        // Disable audio-only mode.
+        await p1.getVideoQualityDialog().setVideoQuality(false);
+
+        // p1 should stay muted since it was muted before audio-only was enabled.
+        await verifyVideoMute(true);
+    });
+
+    it('unmute video and check not muted', async () => {
+        // Unmute video on participant1.
+        await ctx.p1.getToolbar().clickVideoUnmuteButton();
+
+        await verifyVideoMute(false);
+    });
+});
+
+/**
+ * Toggles the audio only state of a p1 participant and verifies participant sees the audio only label and that
+ * p2 participant sees a video mute state for the former.
+ * @param enable
+ */
+async function setAudioOnlyAndCheck(enable: boolean) {
+    const { p1 } = ctx;
+
+    await p1.getVideoQualityDialog().setVideoQuality(enable);
+
+    await verifyVideoMute(enable);
+
+    await p1.driver.$('//div[@id="videoResolutionLabel"][contains(@class, "audio-only")]')
+        .waitForDisplayed({ reverse: !enable });
+}
+
+/**
+ * Verifies that p1 and p2 see p1 as video muted or not.
+ * @param muted
+ */
+async function verifyVideoMute(muted: boolean) {
+    const { p1, p2 } = ctx;
+
+    // Verify the observer sees the testee in the desired muted state.
+    await p2.getParticipantsPane().assertVideoMuteIconIsDisplayed(p1, !muted);
+
+    // Verify the testee sees itself in the desired muted state.
+    await p1.getParticipantsPane().assertVideoMuteIconIsDisplayed(p1, !muted);
+}
diff --git a/tests/specs/media/audioVideoModeration.spec.ts b/tests/specs/media/audioVideoModeration.spec.ts
new file mode 100644
index 0000000..85aae63
--- /dev/null
+++ b/tests/specs/media/audioVideoModeration.spec.ts
@@ -0,0 +1,303 @@
+import { Participant } from '../../helpers/Participant';
+import { setTestProperties } from '../../helpers/TestProperties';
+import { expectations } from '../../helpers/expectations';
+import {
+    ensureOneParticipant,
+    ensureThreeParticipants, ensureTwoParticipants,
+    hangupAllParticipants
+} from '../../helpers/participants';
+import { unmuteAudioAndCheck, unmuteVideoAndCheck } from '../helpers/mute';
+
+setTestProperties(__filename, {
+    usesBrowsers: [ 'p1', 'p2', 'p3' ]
+});
+
+describe('Audio/video moderation', () => {
+
+    it('setup', async () => {
+        await ensureThreeParticipants();
+
+        const { p1, p2, p3 } = ctx;
+
+        // if all 3 participants are moderators, skip this test
+        if (!await p1.isModerator()
+            || (await p1.isModerator() && await p2.isModerator() && await p3.isModerator())) {
+            ctx.skipSuiteTests = `Unsupported moderator configuration: p1=${await p1.isModerator()},\
+             p2=${await p2.isModerator()}, p3=${await p3.isModerator()}`;
+        }
+    });
+
+    it('check audio enable/disable', async () => {
+        const { p1, p3 } = ctx;
+        const p1ParticipantsPane = p1.getParticipantsPane();
+
+        await p1ParticipantsPane.clickContextMenuButton();
+        await p1ParticipantsPane.getAVModerationMenu().clickStartAudioModeration();
+
+        await p1ParticipantsPane.close();
+
+        // Here we want to try unmuting and check that we are still muted.
+        await tryToAudioUnmuteAndCheck(p3, p1);
+
+        await p1ParticipantsPane.clickContextMenuButton();
+        await p1ParticipantsPane.getAVModerationMenu().clickStopAudioModeration();
+
+        await p1ParticipantsPane.close();
+
+        await unmuteAudioAndCheck(p3, p1);
+    });
+
+    it('check video enable/disable', async () => {
+        const { p1, p3 } = ctx;
+        const p1ParticipantsPane = p1.getParticipantsPane();
+
+        await p1ParticipantsPane.clickContextMenuButton();
+        await p1ParticipantsPane.getAVModerationMenu().clickStartVideoModeration();
+
+        await p1ParticipantsPane.close();
+
+        // Here we want to try unmuting and check that we are still muted.
+        await tryToVideoUnmuteAndCheck(p3, p1);
+
+        await p1ParticipantsPane.clickContextMenuButton();
+        await p1ParticipantsPane.getAVModerationMenu().clickStopVideoModeration();
+
+        await p1ParticipantsPane.close();
+
+        await unmuteVideoAndCheck(p3, p1);
+    });
+
+    it('unmute by moderator', async () => {
+        const { p1, p2, p3 } = ctx;
+
+        await unmuteByModerator(p1, p3, true, true);
+
+        // moderation is stopped at this point, make sure participants 1 & 2 are also unmuted,
+        // participant3 was unmuted by unmuteByModerator
+        await unmuteAudioAndCheck(p2, p1);
+        await unmuteVideoAndCheck(p2, p1);
+
+        // make sure p1 is not muted after turning on and then off the AV moderation
+        await p1.getFilmstrip().assertAudioMuteIconIsDisplayed(p1, true);
+        await p2.getFilmstrip().assertAudioMuteIconIsDisplayed(p2, true);
+    });
+
+    it('hangup and change moderator', async () => {
+        // The test below is only correct when the environment is configured to automatically elect a new moderator
+        // when the moderator leaves. For environments where this is not the case, the test is skipped.
+        if (!expectations.autoModerator) {
+            return;
+        }
+
+        await Promise.all([ ctx.p2.hangup(), ctx.p3.hangup() ]);
+
+        await ensureThreeParticipants();
+        const { p1, p2, p3 } = ctx;
+
+        await p2.getToolbar().clickAudioMuteButton();
+        await p3.getToolbar().clickAudioMuteButton();
+
+        const p1ParticipantsPane = p1.getParticipantsPane();
+
+        await p1ParticipantsPane.clickContextMenuButton();
+        await p1ParticipantsPane.getAVModerationMenu().clickStartAudioModeration();
+        await p1ParticipantsPane.getAVModerationMenu().clickStartVideoModeration();
+
+        await p2.getToolbar().clickRaiseHandButton();
+        await p3.getToolbar().clickRaiseHandButton();
+
+        await p1.hangup();
+
+        // we don't use ensureThreeParticipants to avoid all meeting join checks
+        // all participants are muted and checks for media will fail
+        await ensureOneParticipant();
+
+        // After p1 re-joins either p2 or p3 is promoted to moderator. They should still be muted.
+        const isP2Moderator = await p2.isModerator();
+        const moderator = isP2Moderator ? p2 : p3;
+        const nonModerator = isP2Moderator ? p3 : p2;
+        const moderatorParticipantsPane = moderator.getParticipantsPane();
+        const nonModeratorParticipantsPane = nonModerator.getParticipantsPane();
+
+        await moderatorParticipantsPane.assertVideoMuteIconIsDisplayed(moderator);
+        await nonModeratorParticipantsPane.assertVideoMuteIconIsDisplayed(nonModerator);
+
+        await moderatorParticipantsPane.allowVideo(nonModerator);
+        await moderatorParticipantsPane.askToUnmute(nonModerator, false);
+
+        await nonModerator.getNotifications().waitForAskToUnmuteNotification();
+
+        await unmuteAudioAndCheck(nonModerator, p1);
+        await unmuteVideoAndCheck(nonModerator, p1);
+
+        await moderatorParticipantsPane.clickContextMenuButton();
+        await moderatorParticipantsPane.getAVModerationMenu().clickStopAudioModeration();
+        await moderatorParticipantsPane.getAVModerationMenu().clickStopVideoModeration();
+    });
+    it('grant moderator', async () => {
+        await hangupAllParticipants();
+
+        await ensureThreeParticipants();
+
+        const { p1, p2, p3 } = ctx;
+
+        const p1ParticipantsPane = p1.getParticipantsPane();
+
+        await p1ParticipantsPane.clickContextMenuButton();
+        await p1ParticipantsPane.getAVModerationMenu().clickStartAudioModeration();
+        await p1ParticipantsPane.getAVModerationMenu().clickStartVideoModeration();
+
+        await p1.getFilmstrip().grantModerator(p3);
+
+        await p3.driver.waitUntil(
+            () => p3.isModerator(), {
+                timeout: 5000,
+                timeoutMsg: `${p3.name} is not moderator`
+            });
+
+        await unmuteByModerator(p3, p2, false, true);
+    });
+    it('ask to unmute', async () => {
+        await hangupAllParticipants();
+
+        await ensureTwoParticipants();
+
+        const { p1, p2 } = ctx;
+
+        // mute p2
+        await p2.getToolbar().clickAudioMuteButton();
+
+        // ask p2 to unmute
+        await p1.getParticipantsPane().askToUnmute(p2, true);
+
+        await p2.getNotifications().waitForAskToUnmuteNotification();
+
+        await p1.getParticipantsPane().close();
+    });
+    it('remove from whitelist', async () => {
+        const { p1, p2 } = ctx;
+
+        await unmuteByModerator(p1, p2, true, false);
+
+        // p1 mute audio on p2 and check
+        await p1.getFilmstrip().muteAudio(p2);
+        await p1.getFilmstrip().assertAudioMuteIconIsDisplayed(p2);
+        await p2.getFilmstrip().assertAudioMuteIconIsDisplayed(p2);
+
+        // we try to unmute and test it that it was still muted
+        await tryToAudioUnmuteAndCheck(p2, p1);
+
+        // stop video and check
+        await p1.getFilmstrip().muteVideo(p2);
+
+        await p1.getParticipantsPane().assertVideoMuteIconIsDisplayed(p2);
+        await p2.getParticipantsPane().assertVideoMuteIconIsDisplayed(p2);
+
+        await tryToVideoUnmuteAndCheck(p2, p1);
+    });
+    it('join moderated', async () => {
+        await hangupAllParticipants();
+
+        await ensureOneParticipant();
+
+        const p1ParticipantsPane = ctx.p1.getParticipantsPane();
+
+        await p1ParticipantsPane.clickContextMenuButton();
+        await p1ParticipantsPane.getAVModerationMenu().clickStartAudioModeration();
+        await p1ParticipantsPane.getAVModerationMenu().clickStartVideoModeration();
+        await p1ParticipantsPane.close();
+
+        // join with second participant and check
+        await ensureTwoParticipants({
+            skipInMeetingChecks: true
+        });
+        const { p1, p2 } = ctx;
+
+        await p2.getNotifications().closeYouAreMutedNotification();
+        await tryToAudioUnmuteAndCheck(p2, p1);
+        await tryToVideoUnmuteAndCheck(p2, p1);
+
+        // asked to unmute and check
+        await unmuteByModerator(p1, p2, false, false);
+
+        // mute and check
+        await p1.getFilmstrip().muteAudio(p2);
+        await p1.getFilmstrip().assertAudioMuteIconIsDisplayed(p2);
+        await p2.getFilmstrip().assertAudioMuteIconIsDisplayed(p2);
+
+        await tryToAudioUnmuteAndCheck(p2, p1);
+    });
+});
+
+/**
+ * Checks a user can unmute after being asked by moderator.
+ * @param moderator - The participant that is moderator.
+ * @param participant - The participant being asked to unmute.
+ * @param turnOnModeration - if we want to turn on moderation before testing (when it is currently off).
+ * @param stopModeration - true if moderation to be stopped when done.
+ */
+async function unmuteByModerator(
+        moderator: Participant,
+        participant: Participant,
+        turnOnModeration: boolean,
+        stopModeration: boolean) {
+    const moderatorParticipantsPane = moderator.getParticipantsPane();
+
+    if (turnOnModeration) {
+        await moderatorParticipantsPane.clickContextMenuButton();
+        await moderatorParticipantsPane.getAVModerationMenu().clickStartAudioModeration();
+        await moderatorParticipantsPane.getAVModerationMenu().clickStartVideoModeration();
+
+        await moderatorParticipantsPane.close();
+    }
+
+    // raise hand to speak
+    await participant.getToolbar().clickRaiseHandButton();
+    await moderator.getNotifications().waitForRaisedHandNotification();
+
+    // ask participant to unmute
+    await moderatorParticipantsPane.allowVideo(participant);
+    await moderatorParticipantsPane.askToUnmute(participant, false);
+    await participant.getNotifications().waitForAskToUnmuteNotification();
+
+    await unmuteAudioAndCheck(participant, moderator);
+    await unmuteVideoAndCheck(participant, moderator);
+
+    if (stopModeration) {
+        await moderatorParticipantsPane.clickContextMenuButton();
+        await moderatorParticipantsPane.getAVModerationMenu().clickStopAudioModeration();
+        await moderatorParticipantsPane.getAVModerationMenu().clickStopVideoModeration();
+
+        await moderatorParticipantsPane.close();
+    }
+}
+
+/**
+ * In case of moderation, tries to audio unmute but stays muted.
+ * Checks locally and remotely that this is still the case.
+ * @param participant
+ * @param observer
+ */
+async function tryToAudioUnmuteAndCheck(participant: Participant, observer: Participant) {
+    // try to audio unmute and check
+    await participant.getToolbar().clickAudioUnmuteButton();
+
+    // Check local audio muted icon state
+    await participant.getFilmstrip().assertAudioMuteIconIsDisplayed(participant);
+    await observer.getFilmstrip().assertAudioMuteIconIsDisplayed(participant);
+}
+
+/**
+ * In case of moderation, tries to video unmute but stays muted.
+ * Checks locally and remotely that this is still the case.
+ * @param participant
+ * @param observer
+ */
+async function tryToVideoUnmuteAndCheck(participant: Participant, observer: Participant) {
+    // try to video unmute and check
+    await participant.getToolbar().clickVideoUnmuteButton();
+
+    // Check local audio muted icon state
+    await participant.getParticipantsPane().assertVideoMuteIconIsDisplayed(participant);
+    await observer.getParticipantsPane().assertVideoMuteIconIsDisplayed(participant);
+}
diff --git a/tests/specs/media/codecSelection.spec.ts b/tests/specs/media/codecSelection.spec.ts
new file mode 100644
index 0000000..0b890ab
--- /dev/null
+++ b/tests/specs/media/codecSelection.spec.ts
@@ -0,0 +1,132 @@
+import { VIDEO_CODEC } from '../../../react/features/video-quality/constants';
+import { Participant } from '../../helpers/Participant';
+import { setTestProperties } from '../../helpers/TestProperties';
+import {
+    ensureOneParticipant,
+    ensureThreeParticipants,
+    ensureTwoParticipants,
+    hangupAllParticipants
+} from '../../helpers/participants';
+const { VP8, VP9, AV1 } = VIDEO_CODEC;
+
+setTestProperties(__filename, {
+    usesBrowsers: [ 'p1', 'p2', 'p3' ]
+});
+
+describe('Codec selection', () => {
+    it('asymmetric codecs', async () => {
+        await ensureOneParticipant({
+            configOverwrite: {
+                videoQuality: {
+                    codecPreferenceOrder: [ 'VP9', 'VP8', 'AV1' ]
+                }
+            }
+        });
+
+        await ensureTwoParticipants({
+            configOverwrite: {
+                videoQuality: {
+                    codecPreferenceOrder: [ 'VP8', 'VP9', 'AV1' ]
+                }
+            }
+        });
+        const { p1, p2 } = ctx;
+
+        // Check if media is playing on both endpoints.
+        expect(await p1.execute(() => JitsiMeetJS.app.testing.isLargeVideoReceived())).toBe(true);
+        expect(await p2.execute(() => JitsiMeetJS.app.testing.isLargeVideoReceived())).toBe(true);
+
+        // Check if p1 is sending VP9 and p2 is sending VP8 as per their codec preferences.
+        // Except on Firefox because it doesn't support VP9 encode.
+        const p1ExpectedCodec = p1.driver.isFirefox ? VP8 : VP9;
+
+        await Promise.all([
+            waitForCodec(p1, p1ExpectedCodec),
+            waitForCodec(p2, VP8)
+        ]);
+    });
+
+    it('asymmetric codecs with AV1', async () => {
+        await ensureThreeParticipants({
+            configOverwrite: {
+                videoQuality: {
+                    codecPreferenceOrder: [ 'AV1', 'VP9', 'VP8' ]
+                }
+            }
+        });
+        const { p1, p2, p3 } = ctx;
+
+        // Check if media is playing on p3.
+        expect(await p3.execute(() => JitsiMeetJS.app.testing.isLargeVideoReceived())).toBe(true);
+
+        const majorVersion = parseInt(p1.driver.capabilities.browserVersion || '0', 10);
+
+        // Check if p1 is encoding in VP9, p2 in VP8 and p3 in AV1 as per their codec preferences.
+        // Except on Firefox because it doesn't support VP9 encode.
+        const p1ExpectedCodec = p1.driver.isFirefox ? VP8 : VP9;
+        const p3ExpectedCodec = (p1.driver.isFirefox && majorVersion < 136) ? VP9 : AV1;
+
+        await Promise.all([
+            waitForCodec(p1, p1ExpectedCodec),
+            waitForCodec(p2, VP8),
+            waitForCodec(p3, p3ExpectedCodec)
+        ]);
+    });
+
+    it('codec switch over', async () => {
+        await hangupAllParticipants();
+
+        await ensureTwoParticipants({
+            configOverwrite: {
+                videoQuality: {
+                    codecPreferenceOrder: [ 'VP9', 'VP8', 'AV1' ]
+                }
+            }
+        });
+        const { p1, p2 } = ctx;
+
+        // Disable this test on Firefox because it doesn't support VP9 encode.
+        if (p1.driver.isFirefox) {
+            return;
+        }
+
+        // Check if p1 and p2 are encoding in VP9 which is the default codec.
+        await Promise.all([
+            waitForCodec(p1, VP9),
+            waitForCodec(p2, VP9)
+        ]);
+
+        await ensureThreeParticipants({
+            configOverwrite: {
+                videoQuality: {
+                    codecPreferenceOrder: [ 'VP8' ]
+                }
+            }
+        });
+        const { p3 } = ctx;
+
+        await Promise.all([
+            waitForCodec(p1, VP8),
+            waitForCodec(p2, VP8),
+            waitForCodec(p3, VP8)
+        ]);
+
+        await p3.hangup();
+
+        // Check of p1 and p2 have switched to VP9.
+        await Promise.all([
+            waitForCodec(p1, VP9),
+            waitForCodec(p2, VP9)
+        ]);
+    });
+});
+
+async function waitForCodec(p: Participant, codec: string) {
+    await p.driver.waitUntil(
+        () => p.execute(c => JitsiMeetJS.app.testing.getLocalCameraEncoding() === c, codec),
+        {
+            timeout: 10000,
+            timeoutMsg: `${p.name} failed to use VP8`
+        }
+    );
+}
diff --git a/tests/specs/media/desktopSharing.spec.ts b/tests/specs/media/desktopSharing.spec.ts
new file mode 100644
index 0000000..b165c90
--- /dev/null
+++ b/tests/specs/media/desktopSharing.spec.ts
@@ -0,0 +1,386 @@
+import { SET_AUDIO_ONLY } from '../../../react/features/base/audio-only/actionTypes';
+import { setTestProperties } from '../../helpers/TestProperties';
+import {
+    checkForScreensharingTile,
+    ensureFourParticipants,
+    ensureOneParticipant,
+    ensureThreeParticipants,
+    ensureTwoParticipants,
+    hangupAllParticipants
+} from '../../helpers/participants';
+
+setTestProperties(__filename, {
+    usesBrowsers: [ 'p1', 'p2', 'p3', 'p4' ]
+});
+
+describe('Desktop sharing', () => {
+    it('start', async () => {
+        await ensureTwoParticipants({
+            configOverwrite: {
+                p2p: {
+                    backToP2PDelay: 3,
+                    enabled: true
+                }
+            }
+        });
+        const { p1, p2 } = ctx;
+
+        await p1.waitForP2PIceConnected();
+        await p2.getToolbar().clickDesktopSharingButton();
+
+        // Check if a remote screen share tile is created on p1.
+        await checkForScreensharingTile(p2, p1);
+
+        // Check if a local screen share tile is created on p2.
+        await checkForScreensharingTile(p2, p2);
+
+        expect(await p2.execute(() => JitsiMeetJS.app.testing.isLargeVideoReceived())).toBe(true);
+    });
+
+    it('stop', async () => {
+        const { p1, p2 } = ctx;
+
+        await p2.getToolbar().clickStopDesktopSharingButton();
+
+        // Check if the local screen share thumbnail disappears on p2.
+        await checkForScreensharingTile(p2, p2, true);
+
+        // Check if the remote screen share thumbnail disappears on p1.
+        await checkForScreensharingTile(p1, p2, true);
+    });
+
+    /**
+     * Ensures screen share is still visible when the call switches from p2p to jvb connection.
+     */
+    it('p2p to jvb switch', async () => {
+        await ctx.p2.getToolbar().clickDesktopSharingButton();
+
+        await ensureThreeParticipants({
+            configOverwrite: {
+                p2p: {
+                    enabled: true
+                }
+            }
+        });
+        const { p1, p2, p3 } = ctx;
+        const p2EndpointId = await p2.getEndpointId();
+
+        // Check if a remote screen share tile is created on all participants.
+        await checkForScreensharingTile(p2, p1);
+        await checkForScreensharingTile(p2, p2);
+        await checkForScreensharingTile(p2, p3);
+
+        await p1.getFilmstrip().assertNoGapsInFilmstrip();
+        await p3.getFilmstrip().assertNoGapsInFilmstrip();
+        await p3.waitForParticipantOnLargeVideo(`${p2EndpointId}-v1`);
+    });
+
+    /**
+     * Ensure screen share is still visible when the call switches from jvb to p2p and back.
+     */
+    it('p2p to jvb switch and back', async () => {
+        const { p1, p2, p3 } = ctx;
+
+        await p3.hangup();
+
+        // Wait for p1 and p2 to switch back to p2p.
+        await p1.waitForP2PIceConnected();
+        await p2.waitForP2PIceConnected();
+
+        // Check if a remote screen share tile is created on p1 and p2 after switching back to p2p.
+        await checkForScreensharingTile(p2, p1);
+        await checkForScreensharingTile(p2, p2);
+
+        // The video should be playing.
+        await p1.waitForParticipantOnLargeVideo(`${await p2.getEndpointId()}-v1`);
+
+        // Start desktop share on p1.
+        await p1.getToolbar().clickDesktopSharingButton();
+
+        // Check if a new tile for p1's screen share is created on both p1 and p2.
+        await checkForScreensharingTile(p1, p1);
+        await checkForScreensharingTile(p1, p2);
+
+        await ensureThreeParticipants({
+            configOverwrite: {
+                p2p: {
+                    backToP2PDelay: 3,
+                    enabled: true
+                }
+            }
+        });
+
+        await checkForScreensharingTile(p1, p3);
+        await checkForScreensharingTile(p2, p3);
+    });
+
+    /**
+     * Ensure that screen share is still visible in jvb connection when share is toggled while the users are
+     * in p2p mode, i.e., share is restarted when user is in p2p mode and then the call switches over to jvb mode.
+     */
+    it('stop screen sharing and back', async () => {
+        const { p1, p2, p3 } = ctx;
+
+        // Stop share on both p1 and p2.
+        await p1.getToolbar().clickStopDesktopSharingButton();
+        await p2.getToolbar().clickStopDesktopSharingButton();
+
+        await p3.hangup();
+
+        // Wait for p1 and p2 to switch back to p2p.
+        await p1.waitForP2PIceConnected();
+        await p2.waitForP2PIceConnected();
+
+        // Start share on both p1 and p2.
+        await p1.getToolbar().clickDesktopSharingButton();
+        await p2.getToolbar().clickDesktopSharingButton();
+
+        // Check if p1 and p2 can see each other's shares in p2p.
+        await checkForScreensharingTile(p1, p2);
+        await checkForScreensharingTile(p2, p1);
+
+        // Add p3 back to the conference and check if p1 and p2's shares are visible on p3.
+        await ensureThreeParticipants({
+            configOverwrite: {
+                p2p: {
+                    backToP2PDelay: 3,
+                    enabled: true
+                }
+            }
+        });
+
+        await checkForScreensharingTile(p1, p3);
+        await checkForScreensharingTile(p2, p3);
+
+        // Add another participant to verify multiple screenshares are visible without gaps in filmstrip.
+        await ensureFourParticipants({
+            configOverwrite: {
+                filmstrip: {
+                    stageFilmstripParticipants: 2
+                },
+                startWithAudioMuted: true
+            }
+        });
+
+        const { p4 } = ctx;
+
+        await checkForScreensharingTile(p1, p4);
+        await checkForScreensharingTile(p2, p4);
+        await p3.getFilmstrip().assertNoGapsInFilmstrip();
+        await p4.getFilmstrip().assertNoGapsInFilmstrip();
+    });
+
+    /**
+     *  Ensures screen share is visible when a muted screen share track is added to the conference, i.e.,
+     *  users starts and stops the share before anyone else joins the call.
+     *  The call switches to jvb and then back to p2p.
+     */
+    it('screen sharing toggle before others join', async () => {
+        await hangupAllParticipants();
+
+        await ensureOneParticipant({
+            configOverwrite: {
+                p2p: {
+                    backToP2PDelay: 3,
+                    enabled: true
+                }
+            }
+        });
+        const { p1 } = ctx;
+
+        // p1 starts share when alone in the call.
+        await p1.getToolbar().clickDesktopSharingButton();
+        await checkForScreensharingTile(p1, p1);
+
+        // p1 stops share.
+        await p1.getToolbar().clickStopDesktopSharingButton();
+
+        // Call switches to jvb.
+        await ensureThreeParticipants({
+            configOverwrite: {
+                p2p: {
+                    backToP2PDelay: 3,
+                    enabled: true
+                }
+            }
+        });
+        const { p2, p3 } = ctx;
+        const p1EndpointId = await p1.getEndpointId();
+        const p1ScreenShareTileId = `${p1EndpointId}-v1`;
+        const p2EndpointId = await p2.getEndpointId();
+        const p2ScreenShareTileId = `${p2EndpointId}-v1`;
+
+        // p1 starts share again when call switches to jvb.
+        await p1.getToolbar().clickDesktopSharingButton();
+
+        // Check p2 and p3 are able to see p1's share.
+        await checkForScreensharingTile(p1, p2);
+        await checkForScreensharingTile(p1, p3);
+
+        await p2.waitForParticipantOnLargeVideo(p1ScreenShareTileId);
+        await p3.waitForParticipantOnLargeVideo(p1ScreenShareTileId);
+
+        // p3 leaves the call.
+        await p3.hangup();
+
+        // Wait for p1 and p2 to switch back to p2p.
+        await p1.waitForP2PIceConnected();
+        await p2.waitForP2PIceConnected();
+
+        // Make sure p2 see's p1's share after the call switches back to p2p.
+        await checkForScreensharingTile(p1, p2);
+        await p2.waitForParticipantOnLargeVideo(p1ScreenShareTileId);
+
+        // p2 starts share when in p2p.
+        await p2.getToolbar().clickDesktopSharingButton();
+
+        // Makes sure p2's share is visible on p1.
+        await checkForScreensharingTile(p2, p1);
+        await p1.waitForParticipantOnLargeVideo(p2ScreenShareTileId);
+    });
+
+    /**
+     * A case where a non-dominant speaker is sharing screen for a participant in low bandwidth mode
+     * where only a screen share can be received. A bug fixed in jvb 0c5dd91b where the video was not received.
+     */
+    it('audio only and non dominant screen share', async () => {
+        await hangupAllParticipants();
+
+        await ensureOneParticipant();
+        const { p1 } = ctx;
+
+        // a workaround to directly set audio only mode without going through the rest of the settings in the UI
+        await p1.execute(type => {
+            APP?.store?.dispatch({
+                type,
+                audioOnly: true
+            });
+            APP?.conference?.onToggleAudioOnly();
+        }, SET_AUDIO_ONLY);
+        await p1.getToolbar().clickAudioMuteButton();
+
+        await ensureThreeParticipants({
+            skipInMeetingChecks: true
+        });
+        const { p2, p3 } = ctx;
+
+        await p3.getToolbar().clickAudioMuteButton();
+        await p3.getToolbar().clickDesktopSharingButton();
+
+        await checkForScreensharingTile(p3, p1);
+        await checkForScreensharingTile(p3, p2);
+
+        // the video should be playing
+        await p1.driver.waitUntil(() => p1.execute(() => JitsiMeetJS.app.testing.isLargeVideoReceived()), {
+            timeout: 5_000,
+            timeoutMsg: 'expected remote screen share to be on large'
+        });
+    });
+
+    /**
+     * A case where first participant is muted (a&v) and enters low bandwidth mode,
+     * the second one is audio muted only and the one sharing (the third) is dominant speaker.
+     * A problem fixed in jitsi-meet 3657c19e and d6ab0a72.
+     */
+    it('audio only and dominant screen share', async () => {
+        await hangupAllParticipants();
+
+        await ensureOneParticipant({
+            configOverwrite: {
+                startWithAudioMuted: true,
+                startWithVideoMuted: true
+            }
+        });
+        const { p1 } = ctx;
+
+        // a workaround to directly set audio only mode without going through the rest of the settings in the UI
+        await p1.execute(type => {
+            APP?.store?.dispatch({
+                type,
+                audioOnly: true
+            });
+            APP?.conference?.onToggleAudioOnly();
+        }, SET_AUDIO_ONLY);
+
+        await ensureTwoParticipants({
+            configOverwrite: {
+                startWithAudioMuted: true
+            },
+            skipInMeetingChecks: true
+        });
+        await ensureThreeParticipants({
+            skipInMeetingChecks: true
+        });
+        const { p2, p3 } = ctx;
+
+        await p3.getToolbar().clickDesktopSharingButton();
+
+        await checkForScreensharingTile(p3, p1);
+        await checkForScreensharingTile(p3, p2);
+
+        // The desktop sharing participant should be on large
+        expect(await p1.getLargeVideo().getResource()).toBe(`${await p3.getEndpointId()}-v1`);
+
+        // the video should be playing
+        await p1.driver.waitUntil(() => p1.execute(() => JitsiMeetJS.app.testing.isLargeVideoReceived()), {
+            timeout: 5_000,
+            timeoutMsg: 'expected remote screen share to be on large'
+        });
+    });
+
+    /**
+     * Test screensharing with lastN. We add p4 with lastN=2 and verify that it receives the expected streams.
+     */
+    it('with lastN', async () => {
+        await hangupAllParticipants();
+
+        await ensureThreeParticipants();
+        const { p1, p2, p3 } = ctx;
+
+        await p3.getToolbar().clickDesktopSharingButton();
+
+        await p1.getToolbar().clickAudioMuteButton();
+        await p3.getToolbar().clickAudioMuteButton();
+
+        await ensureFourParticipants({
+            configOverwrite: {
+                channelLastN: 2,
+                startWithAudioMuted: true
+            }
+        });
+        const { p4 } = ctx;
+
+        // We now have p1, p2, p3, p4.
+        // p3 is screensharing.
+        // p1, p3, p4 are audio muted, so p2 should eventually become dominant speaker.
+        // Participants should display p3 on-stage because it is screensharing.
+        await checkForScreensharingTile(p3, p1);
+        await checkForScreensharingTile(p3, p2);
+        await checkForScreensharingTile(p3, p4);
+
+        // And the video should be playing
+        expect(await p4.execute(() => JitsiMeetJS.app.testing.isLargeVideoReceived())).toBe(true);
+
+        // Check that there are no gaps in the filmstrip when participant joins during screensharing
+        await p1.getFilmstrip().assertNoGapsInFilmstrip();
+        await p2.getFilmstrip().assertNoGapsInFilmstrip();
+        await p4.getFilmstrip().assertNoGapsInFilmstrip();
+
+        const p1EndpointId = await p1.getEndpointId();
+        const p2EndpointId = await p2.getEndpointId();
+
+        // p4 has lastN=2 and has selected p3. With p2 being dominant speaker p4 should eventually
+        // see video for [p3, p2] and p1 as ninja.
+        await p4.waitForNinjaIcon(p1EndpointId);
+        await p4.waitForRemoteVideo(p2EndpointId);
+
+        // Let's switch and check, muting participant 2 and unmuting 1 will leave participant 1 as dominant
+        await p1.getToolbar().clickAudioUnmuteButton();
+        await p2.getToolbar().clickAudioMuteButton();
+
+        // Participant4 should eventually see video for [p3, p1] and p2 as a ninja.
+        await p4.waitForNinjaIcon(p2EndpointId);
+        await p4.waitForRemoteVideo(p1EndpointId);
+    });
+});
+
diff --git a/tests/specs/media/lastN.spec.ts b/tests/specs/media/lastN.spec.ts
new file mode 100644
index 0000000..c06c291
--- /dev/null
+++ b/tests/specs/media/lastN.spec.ts
@@ -0,0 +1,78 @@
+import { setTestProperties } from '../../helpers/TestProperties';
+import { ensureFourParticipants, ensureThreeParticipants, ensureTwoParticipants } from '../../helpers/participants';
+
+setTestProperties(__filename, {
+    usesBrowsers: [ 'p1', 'p2', 'p3', 'p4' ]
+});
+
+describe('LastN', () => {
+    it('joining the meeting', async () => {
+        await ensureTwoParticipants({
+            configOverwrite: {
+                startWithAudioMuted: true,
+                startWithVideoMuted: true,
+                channelLastN: 1
+            },
+            skipInMeetingChecks: true
+        });
+
+        await ensureThreeParticipants({
+            configOverwrite: {
+                channelLastN: 1
+            },
+            skipInMeetingChecks: true,
+        });
+    });
+
+    it('checks', async () => {
+        const { p3 } = ctx;
+        const p3Toolbar = p3.getToolbar();
+
+        await p3.waitForSendMedia();
+
+        await ctx.p1.waitForRemoteVideo(await p3.getEndpointId());
+
+        // Mute audio on participant3.
+        await p3Toolbar.clickAudioMuteButton();
+
+        await ensureFourParticipants({
+            configOverwrite: {
+                channelLastN: 1
+            },
+            skipInMeetingChecks: true
+        });
+
+        const { p1, p2, p4 } = ctx;
+
+        await p4.waitForSendReceiveData();
+
+        // Mute audio on p4 and unmute p3.
+        await p4.getToolbar().clickAudioMuteButton();
+        await p3Toolbar.clickAudioUnmuteButton();
+
+        const p4EndpointId = await p4.getEndpointId();
+        const p3EndpointId = await p3.getEndpointId();
+
+        // Check if p1 starts receiving video from p3 and p4 shows up as ninja.
+        await p1.waitForNinjaIcon(p4EndpointId);
+        await p1.waitForRemoteVideo(p3EndpointId);
+
+        // At this point, mute video of p3 and others should be receiving p4's video.
+        // Mute p1's video
+        await p3Toolbar.clickVideoMuteButton();
+        await p3.getParticipantsPane().assertVideoMuteIconIsDisplayed(p3);
+        await p1.getParticipantsPane().assertVideoMuteIconIsDisplayed(p3);
+        await p1.waitForRemoteVideo(p4EndpointId);
+
+        // Unmute p3's video and others should switch to receiving p3's video.
+        await p3Toolbar.clickVideoUnmuteButton();
+        await p1.waitForRemoteVideo(p3EndpointId);
+        await p1.waitForNinjaIcon(p4EndpointId);
+
+        // Mute p3's audio and unmute p2's audio. Other endpoints should continue to receive video from p3
+        // even though p2 is the dominant speaker.
+        await p3Toolbar.clickAudioMuteButton();
+        await p2.getToolbar().clickAudioUnmuteButton();
+        await p1.waitForRemoteVideo(p3EndpointId);
+    });
+});
diff --git a/tests/specs/media/mute.spec.ts b/tests/specs/media/mute.spec.ts
new file mode 100644
index 0000000..8d2cb62
--- /dev/null
+++ b/tests/specs/media/mute.spec.ts
@@ -0,0 +1,145 @@
+import type { Participant } from '../../helpers/Participant';
+import { setTestProperties } from '../../helpers/TestProperties';
+import {
+    checkForScreensharingTile,
+    ensureOneParticipant,
+    ensureTwoParticipants,
+    joinSecondParticipant,
+} from '../../helpers/participants';
+import {
+    muteAudioAndCheck,
+    unmuteAudioAndCheck,
+    unmuteVideoAndCheck
+} from '../helpers/mute';
+
+setTestProperties(__filename, {
+    usesBrowsers: [ 'p1', 'p2' ]
+});
+
+describe('Mute', () => {
+    it('joining the meeting', () => ensureTwoParticipants());
+
+    it('mute p1 and check', () => toggleMuteAndCheck(ctx.p1, ctx.p2, true));
+
+    it('unmute p1 and check', () => toggleMuteAndCheck(ctx.p1, ctx.p2, false));
+
+    it('mute p2 and check', () => toggleMuteAndCheck(ctx.p2, ctx.p1, true));
+
+    it('unmute p2 and check', () => toggleMuteAndCheck(ctx.p2, ctx.p1, false));
+
+    it('p1 mutes p2 and check', async () => {
+        const { p1, p2 } = ctx;
+
+        if (!await p1.isModerator()) {
+            return;
+        }
+
+        await p1.getFilmstrip().muteAudio(p2);
+
+        // and now check whether second participant is muted
+        await p2.getFilmstrip().assertAudioMuteIconIsDisplayed(p2);
+    });
+
+    it('p2 unmute after p1 mute and check', async () => {
+        const { p1, p2 } = ctx;
+
+        await unmuteAudioAndCheck(p2, p1);
+    });
+
+    it('p1 mutes before p2 joins', async () => {
+        await ctx.p2.hangup();
+
+        const { p1 } = ctx;
+
+        await p1.getToolbar().clickAudioMuteButton();
+
+        await ensureTwoParticipants();
+
+        const { p2 } = ctx;
+
+        await p2.getFilmstrip().assertAudioMuteIconIsDisplayed(p1);
+
+        await toggleMuteAndCheck(p1, p2, false);
+    });
+
+    it('mute before join and screen share after in p2p', () => muteP1BeforeP2JoinsAndScreenshare(true));
+
+    it('mute before join and screen share after with jvb', () => muteP1BeforeP2JoinsAndScreenshare(false));
+});
+
+/**
+ * Toggles the mute state of a specific Meet conference participant and
+ * verifies that a specific other Meet conference participants sees a
+ * specific mute state for the former.
+ * @param testee The participant whose mute state is to be toggled.
+ * @param observer The participant to verify the mute state of {@code testee}.
+ * @param muted the mute state of {@code testee} expected to be observed by {@code observer}.
+ */
+async function toggleMuteAndCheck(
+        testee: Participant,
+        observer: Participant,
+        muted: boolean) {
+    if (muted) {
+        await muteAudioAndCheck(testee, observer);
+    } else {
+        await unmuteAudioAndCheck(testee, observer);
+    }
+}
+
+/**
+ * Video mutes participant1 before participant2 joins and checks if participant1 can share or unmute video
+ * and that media is being received on participant2 in both the cases.
+ *
+ * @param p2p whether to enable p2p or not.
+ */
+async function muteP1BeforeP2JoinsAndScreenshare(p2p: boolean) {
+    await Promise.all([ ctx.p1?.hangup(), ctx.p2?.hangup() ]);
+
+    await ensureOneParticipant({
+        configOverwrite: {
+            p2p: {
+                enabled: p2p
+            }
+        }
+    });
+
+    const { p1 } = ctx;
+
+    await p1.getToolbar().clickVideoMuteButton();
+
+    await joinSecondParticipant({
+        configOverwrite: {
+            p2p: {
+                enabled: p2p
+            }
+        }
+    });
+
+    const { p2 } = ctx;
+
+    if (p2p) {
+        await p2.waitForP2PIceConnected();
+    } else {
+        await p2.waitForIceConnected();
+    }
+
+    await p2.waitForSendMedia();
+
+    // Check if p1 appears video muted on p2.
+    await p2.getParticipantsPane().assertVideoMuteIconIsDisplayed(p1);
+
+    // Start desktop share.
+    await p1.getToolbar().clickDesktopSharingButton();
+
+    await checkForScreensharingTile(p1, p2);
+
+    // we need to pass the id of the fake participant we use for the screensharing
+    await p2.waitForRemoteVideo(`${await p1.getEndpointId()}-v1`);
+
+    // Stop desktop share and unmute video and check for video again.
+    await p1.getToolbar().clickStopDesktopSharingButton();
+
+    await p2.getParticipantsPane().assertVideoMuteIconIsDisplayed(p1);
+    await unmuteVideoAndCheck(p1, p2);
+    await p2.waitForRemoteVideo(await p1.getEndpointId());
+}
diff --git a/tests/specs/media/pinning.spec.ts b/tests/specs/media/pinning.spec.ts
new file mode 100644
index 0000000..3d88d68
--- /dev/null
+++ b/tests/specs/media/pinning.spec.ts
@@ -0,0 +1,44 @@
+import { setTestProperties } from '../../helpers/TestProperties';
+import { ensureTwoParticipants } from '../../helpers/participants';
+
+setTestProperties(__filename, {
+    usesBrowsers: [ 'p1', 'p2' ]
+});
+
+describe('Pinning', () => {
+    it('joining the meeting', () => ensureTwoParticipants());
+
+    it('p1 click on local', () => ctx.p1.getFilmstrip().pinParticipant(ctx.p1));
+
+    it('p1 click on remote', async () => {
+        await closeToolbarMenu();
+
+        const { p1, p2 } = ctx;
+
+        await p1.getFilmstrip().pinParticipant(p2);
+    });
+
+    it('p1 unpin remote', () => ctx.p1.getFilmstrip().unpinParticipant(ctx.p2));
+
+    it('p2 pin remote', () => ctx.p2.getFilmstrip().pinParticipant(ctx.p1));
+
+    it('p2 unpin remote', () => ctx.p2.getFilmstrip().unpinParticipant(ctx.p1));
+
+    it('p2 click on local', () => ctx.p2.getFilmstrip().pinParticipant(ctx.p2));
+
+    it('p2 click on remote', async () => {
+        await closeToolbarMenu();
+
+        const { p1, p2 } = ctx;
+
+        await p2.getFilmstrip().pinParticipant(p1);
+    });
+});
+
+/**
+ * Closes the overflow menu on both participants.
+ */
+async function closeToolbarMenu() {
+    await ctx.p1.getToolbar().closeOverflowMenu();
+    await ctx.p2.getToolbar().closeOverflowMenu();
+}
diff --git a/tests/specs/media/startMuted.spec.ts b/tests/specs/media/startMuted.spec.ts
new file mode 100644
index 0000000..b9bf5a8
--- /dev/null
+++ b/tests/specs/media/startMuted.spec.ts
@@ -0,0 +1,285 @@
+import { setTestProperties } from '../../helpers/TestProperties';
+import {
+    checkForScreensharingTile,
+    ensureOneParticipant,
+    ensureTwoParticipants,
+    hangupAllParticipants,
+    joinSecondParticipant,
+    joinThirdParticipant
+} from '../../helpers/participants';
+import { unmuteVideoAndCheck } from '../helpers/mute';
+
+setTestProperties(__filename, {
+    usesBrowsers: [ 'p1', 'p2', 'p3' ]
+});
+
+describe('Start muted', () => {
+    it('checkboxes test', async () => {
+        const options = {
+            configOverwrite: {
+                p2p: {
+                    enabled: true
+                },
+                testing: {
+                    testMode: true,
+                    debugAudioLevels: true
+                }
+            } };
+
+        await ensureOneParticipant(options);
+
+        const { p1 } = ctx;
+        const p1EndpointId = await p1.getEndpointId();
+
+        await p1.getToolbar().clickSettingsButton();
+
+        const settingsDialog = p1.getSettingsDialog();
+
+        await settingsDialog.waitForDisplay();
+
+        await settingsDialog.setStartAudioMuted(true);
+        await settingsDialog.setStartVideoMuted(true);
+        await settingsDialog.submit();
+
+        //  Check that p1 doesn't get muted.
+        await p1.getFilmstrip().assertAudioMuteIconIsDisplayed(p1, true);
+        await p1.getParticipantsPane().assertVideoMuteIconIsDisplayed(p1, true);
+
+        await joinSecondParticipant(options);
+
+        // Enable screenshare on p1.
+        p1.getToolbar().clickDesktopSharingButton();
+        await checkForScreensharingTile(p1, p1);
+
+        const { p2 } = ctx;
+        const p2EndpointId = await p2.getEndpointId();
+
+        await p2.waitForIceConnected();
+        await p2.waitForReceiveMedia();
+
+        await p2.getFilmstrip().assertAudioMuteIconIsDisplayed(p2);
+        await p2.getParticipantsPane().assertVideoMuteIconIsDisplayed(p2);
+        await p1.waitForAudioMuted(p2, true);
+        await p1.waitForRemoteVideo(p2EndpointId, true);
+
+        await p2.getFilmstrip().assertAudioMuteIconIsDisplayed(p1, true);
+        await p2.getParticipantsPane().assertVideoMuteIconIsDisplayed(p1, true);
+        await p2.waitForAudioMuted(p1, false);
+        await p2.waitForRemoteVideo(p1EndpointId, false);
+
+        // Check if a remote screenshare tile is created on p2.
+        await checkForScreensharingTile(p1, p2);
+
+        // Enable video on p2 and check if p2 appears unmuted on p1.
+        await Promise.all([
+            p2.getToolbar().clickAudioUnmuteButton(), p2.getToolbar().clickVideoUnmuteButton()
+        ]);
+
+        await p2.getFilmstrip().assertAudioMuteIconIsDisplayed(p2, true);
+        await p2.getParticipantsPane().assertVideoMuteIconIsDisplayed(p2, true);
+
+        await p1.waitForAudioMuted(p2, false);
+        await p1.waitForRemoteVideo(p2EndpointId, false);
+
+        // Add a third participant and check p3 is able to receive audio and video from p2.
+        await joinThirdParticipant(options);
+
+        const { p3 } = ctx;
+
+        await p3.waitForIceConnected();
+        await p3.waitForReceiveMedia();
+
+        await p3.getFilmstrip().assertAudioMuteIconIsDisplayed(p2, true);
+        await p3.getParticipantsPane().assertVideoMuteIconIsDisplayed(p2, true);
+        await checkForScreensharingTile(p1, p3);
+    });
+
+    it('config options test', async () => {
+        await hangupAllParticipants();
+
+        const options = {
+            configOverwrite: {
+                testing: {
+                    testMode: true,
+                    debugAudioLevels: true
+                },
+                startAudioMuted: 2,
+                startVideoMuted: 2
+            }
+        };
+
+        await ensureOneParticipant(options);
+        await joinSecondParticipant(options);
+
+        const { p2 } = ctx;
+
+        await p2.waitForIceConnected();
+        await p2.waitForReceiveMedia();
+
+        await joinThirdParticipant(options);
+
+        const { p3 } = ctx;
+
+        await p3.waitForIceConnected();
+        await p3.waitForReceiveMedia();
+
+        const { p1 } = ctx;
+
+        const p2ID = await p2.getEndpointId();
+
+        await p1.log(`Start configOptionsTest, second participant: ${p2ID}`);
+
+        // Participant 3 should be muted, 1 and 2 unmuted.
+        await p3.getFilmstrip().assertAudioMuteIconIsDisplayed(p3);
+        await p3.getParticipantsPane().assertVideoMuteIconIsDisplayed(p3);
+
+        await Promise.all([
+            p1.waitForAudioMuted(p3, true),
+            p2.waitForAudioMuted(p3, true)
+        ]);
+
+        await p3.getFilmstrip().assertAudioMuteIconIsDisplayed(p1, true);
+        await p3.getFilmstrip().assertAudioMuteIconIsDisplayed(p2, true);
+        await p3.getParticipantsPane().assertVideoMuteIconIsDisplayed(p1, true);
+        await p3.getParticipantsPane().assertVideoMuteIconIsDisplayed(p2, true);
+
+        // Unmute and see if the audio works
+        // we need 1 and 2 to be muted so we have a dominant speaker event for correct audio levels calculations
+        await p1.getToolbar().clickAudioMuteButton();
+        await p2.getToolbar().clickAudioMuteButton();
+        await p3.getToolbar().clickAudioUnmuteButton();
+        await p1.log('configOptionsTest, unmuted third participant');
+        await p1.waitForAudioMuted(p3, false /* unmuted */);
+    });
+
+    it('startWithVideoMuted=true can unmute', async () => {
+        // Maybe disable if there is FF or Safari participant.
+
+        await hangupAllParticipants();
+
+        // Explicitly enable P2P due to a regression with unmute not updating
+        // large video while in P2P.
+        const options = {
+            configOverwrite: {
+                p2p: {
+                    enabled: true
+                },
+                startWithVideoMuted: true
+            }
+        };
+
+        await ensureTwoParticipants(options);
+
+        const { p1, p2 } = ctx;
+
+        await p1.getParticipantsPane().assertVideoMuteIconIsDisplayed(p2);
+        await p2.getParticipantsPane().assertVideoMuteIconIsDisplayed(p1);
+
+        await Promise.all([
+            p1.getLargeVideo().waitForSwitchTo(await p2.getEndpointId()),
+            p2.getLargeVideo().waitForSwitchTo(await p1.getEndpointId())
+        ]);
+
+        await unmuteVideoAndCheck(p2, p1);
+        await p1.getLargeVideo().assertPlaying();
+    });
+
+    it('startWithAudioMuted=true can unmute', async () => {
+        await hangupAllParticipants();
+
+        const options = {
+            configOverwrite: {
+                startWithAudioMuted: true,
+                testing: {
+                    testMode: true,
+                    debugAudioLevels: true
+                }
+            }
+        };
+
+        await ensureTwoParticipants(options);
+
+        const { p1, p2 } = ctx;
+
+        await Promise.all([ p1.waitForAudioMuted(p2, true), p2.waitForAudioMuted(p1, true) ]);
+        await p1.getToolbar().clickAudioUnmuteButton();
+        await Promise.all([ p1.waitForAudioMuted(p2, true), p2.waitForAudioMuted(p1, false) ]);
+    });
+
+    it('startWithAudioVideoMuted=true can unmute', async () => {
+        await hangupAllParticipants();
+
+        const options = {
+            configOverwrite: {
+                startWithAudioMuted: true,
+                startWithVideoMuted: true,
+                p2p: {
+                    enabled: true
+                }
+            }
+        };
+
+        await ensureOneParticipant(options);
+        await joinSecondParticipant({
+            configOverwrite: {
+                testing: {
+                    testMode: true,
+                    debugAudioLevels: true
+                },
+                p2p: {
+                    enabled: true
+                }
+            }
+        });
+
+        const { p1, p2 } = ctx;
+
+        await p2.waitForIceConnected();
+        await p2.waitForSendMedia();
+
+        await p2.waitForAudioMuted(p1, true);
+        await p2.getParticipantsPane().assertVideoMuteIconIsDisplayed(p1);
+
+        // Unmute p1's both audio and video and check on p2.
+        await p1.getToolbar().clickAudioUnmuteButton();
+        await p2.waitForAudioMuted(p1, false);
+
+        await unmuteVideoAndCheck(p1, p2);
+        await p2.getLargeVideo().assertPlaying();
+    });
+
+
+    it('test p2p JVB switch and switch back', async () => {
+        const { p1, p2 } = ctx;
+
+        // Mute p2's video just before p3 joins.
+        await p2.getToolbar().clickVideoMuteButton();
+
+        await joinThirdParticipant({
+            configOverwrite: {
+                p2p: {
+                    enabled: true
+                }
+            }
+        });
+
+        const { p3 } = ctx;
+
+        // Unmute p2 and check if its video is being received by p1 and p3.
+        await unmuteVideoAndCheck(p2, p3);
+        await p1.getParticipantsPane().assertVideoMuteIconIsDisplayed(p2, true);
+
+        // Mute p2's video just before p3 leaves.
+        await p2.getToolbar().clickVideoMuteButton();
+
+        await p3.hangup();
+
+        await p1.getParticipantsPane().assertVideoMuteIconIsDisplayed(p2);
+
+        await p2.getToolbar().clickVideoUnmuteButton();
+
+        // Check if p2's video is playing on p1.
+        await p1.getParticipantsPane().assertVideoMuteIconIsDisplayed(p2, true);
+        await p1.getLargeVideo().assertPlaying();
+    });
+});
diff --git a/tests/specs/media/stopVideo.spec.ts b/tests/specs/media/stopVideo.spec.ts
new file mode 100644
index 0000000..25764c9
--- /dev/null
+++ b/tests/specs/media/stopVideo.spec.ts
@@ -0,0 +1,47 @@
+import { setTestProperties } from '../../helpers/TestProperties';
+import { ensureTwoParticipants } from '../../helpers/participants';
+import { muteVideoAndCheck, unmuteVideoAndCheck } from '../helpers/mute';
+
+setTestProperties(__filename, {
+    usesBrowsers: [ 'p1', 'p2' ]
+});
+
+describe('Stop video', () => {
+    it('joining the meeting', () => ensureTwoParticipants());
+
+    it('stop video and check', () => muteVideoAndCheck(ctx.p1, ctx.p2));
+
+    it('start video and check', () => unmuteVideoAndCheck(ctx.p1, ctx.p2));
+
+    it('start video and check stream', async () => {
+        await muteVideoAndCheck(ctx.p1, ctx.p2);
+
+        // now participant2 should be on large video
+        const largeVideoId = await ctx.p1.getLargeVideo().getId();
+
+        await unmuteVideoAndCheck(ctx.p1, ctx.p2);
+
+        // check if video stream from second participant is still on large video
+        expect(largeVideoId).toBe(await ctx.p1.getLargeVideo().getId());
+    });
+
+    it('stop video on participant and check', () => muteVideoAndCheck(ctx.p2, ctx.p1));
+
+    it('start video on participant and check', () => unmuteVideoAndCheck(ctx.p2, ctx.p1));
+
+    it('stop video on before second joins', async () => {
+        await ctx.p2.hangup();
+
+        const { p1 } = ctx;
+
+        await p1.getToolbar().clickVideoMuteButton();
+
+        await ensureTwoParticipants();
+
+        const { p2 } = ctx;
+
+        await p2.getParticipantsPane().assertVideoMuteIconIsDisplayed(p1);
+
+        await unmuteVideoAndCheck(p1, p2);
+    });
+});
diff --git a/tests/specs/misc/avatars.spec.ts b/tests/specs/misc/avatars.spec.ts
new file mode 100644
index 0000000..490d820
--- /dev/null
+++ b/tests/specs/misc/avatars.spec.ts
@@ -0,0 +1,214 @@
+import { setTestProperties } from '../../helpers/TestProperties';
+import { ensureThreeParticipants, ensureTwoParticipants } from '../../helpers/participants';
+import { unmuteVideoAndCheck } from '../helpers/mute';
+
+setTestProperties(__filename, {
+    usesBrowsers: [ 'p1', 'p2', 'p3' ]
+});
+
+const EMAIL = 'support@jitsi.org';
+const HASH = '38f014e4b7dde0f64f8157d26a8c812e';
+
+describe('Avatar', () => {
+    it('setup the meeting', () =>
+        ensureTwoParticipants({
+            skipDisplayName: true
+        })
+    );
+
+    it('change and check', async () => {
+        const { p1, p2 } = ctx;
+
+        // check default avatar for p1 on p2
+        await p2.assertDefaultAvatarExist(p1);
+
+        await p1.getToolbar().clickProfileButton();
+
+        const settings = p1.getSettingsDialog();
+
+        await settings.waitForDisplay();
+        await settings.setEmail(EMAIL);
+        await settings.submit();
+
+        // check if the local avatar in the toolbar menu has changed
+        await p1.driver.waitUntil(
+             async () => (await p1.getToolbar().getProfileImage())?.includes(HASH), {
+                 timeout: 3000, // give more time for the initial download of the image
+                 timeoutMsg: 'Avatar has not changed for p1'
+             });
+
+        // check if the avatar in the local thumbnail has changed
+        expect(await p1.getLocalVideoAvatar()).toContain(HASH);
+
+        const p1EndpointId = await p1.getEndpointId();
+
+        await p2.driver.waitUntil(
+            async () => (await p2.getFilmstrip().getAvatar(p1EndpointId))?.includes(HASH), {
+                timeout: 5000,
+                timeoutMsg: 'Avatar has not changed for p1 on p2'
+            });
+
+        // check if the avatar in the large video has changed
+        expect(await p2.getLargeVideo().getAvatar()).toContain(HASH);
+
+        // we check whether the default avatar of participant2 is displayed on both sides
+        await p1.assertDefaultAvatarExist(p2);
+        await p2.assertDefaultAvatarExist(p2);
+
+        // the problem on FF where we can send keys to the input field,
+        // and the m from the text can mute the call, check whether we are muted
+        await p2.getFilmstrip().assertAudioMuteIconIsDisplayed(p1, true);
+    });
+
+    it('when video muted', async () => {
+        const { p1 } = ctx;
+
+        await ctx.p2.hangup();
+
+        // Mute p1's video
+        await p1.getToolbar().clickVideoMuteButton();
+
+        await p1.getParticipantsPane().assertVideoMuteIconIsDisplayed(p1);
+
+        await p1.driver.waitUntil(
+            async () => (await p1.getLargeVideo().getAvatar())?.includes(HASH), {
+                timeout: 2000,
+                timeoutMsg: 'Avatar on large video did not change'
+            });
+
+        const p1LargeSrc = await p1.getLargeVideo().getAvatar();
+        const p1ThumbSrc = await p1.getLocalVideoAvatar();
+
+        // Check if avatar on large video is the same as on local thumbnail
+        expect(p1ThumbSrc).toBe(p1LargeSrc);
+
+        // Join p2
+        await ensureTwoParticipants({
+            skipDisplayName: true
+        });
+        const { p2 } = ctx;
+
+        // Verify that p1 is muted from the perspective of p2
+        await p2.getParticipantsPane().assertVideoMuteIconIsDisplayed(p1);
+
+        await p2.getFilmstrip().pinParticipant(p1);
+
+        // Check if p1's avatar is on large video now
+        await p2.driver.waitUntil(
+              async () => await p2.getLargeVideo().getAvatar() === p1LargeSrc, {
+                  timeout: 2000,
+                  timeoutMsg: 'Avatar on large video did not change'
+              });
+
+        // p1 pins p2's video
+        await p1.getFilmstrip().pinParticipant(p2);
+
+        // Check if avatar is displayed on p1's local video thumbnail
+        await p1.assertThumbnailShowsAvatar(p1, false, false, true);
+
+        // Unmute - now local avatar should be hidden and local video displayed
+        await unmuteVideoAndCheck(p1, p2);
+
+        await p1.asserLocalThumbnailShowsVideo();
+
+        // Now both p1 and p2 have video muted
+        await p1.getToolbar().clickVideoMuteButton();
+        await p1.getParticipantsPane().assertVideoMuteIconIsDisplayed(p1);
+        await p2.getParticipantsPane().assertVideoMuteIconIsDisplayed(p1);
+
+        await p2.getToolbar().clickVideoMuteButton();
+        await p2.getParticipantsPane().assertVideoMuteIconIsDisplayed(p2);
+        await p1.getParticipantsPane().assertVideoMuteIconIsDisplayed(p2);
+
+        // Start the third participant
+        await ensureThreeParticipants({
+            skipInMeetingChecks: true
+        });
+
+        const { p3 } = ctx;
+
+        // When the first participant is FF because of their audio mic feed it will never become dominant speaker
+        // and no audio track will be received by the third participant and video is muted,
+        // that's why we need to do a different check that expects any track just from p2
+        if (p1.driver.isFirefox) {
+            await Promise.all([ p2.waitForRemoteStreams(1), p3.waitForRemoteStreams(1) ]);
+        } else {
+            await Promise.all([ p2.waitForRemoteStreams(2), p3.waitForRemoteStreams(2) ]);
+        }
+
+        // Pin local video and verify avatars are displayed
+        await p3.getFilmstrip().pinParticipant(p3);
+
+        await p3.assertThumbnailShowsAvatar(p1, false, false, true);
+        await p3.assertThumbnailShowsAvatar(p2, false, true);
+
+        const p1EndpointId = await p1.getEndpointId();
+        const p2EndpointId = await p2.getEndpointId();
+
+        expect(await p3.getFilmstrip().getAvatar(p1EndpointId)).toBe(p1ThumbSrc);
+
+        // Click on p1's video
+        await p3.getFilmstrip().pinParticipant(p1);
+
+        // The avatar should be on large video and display name instead of an avatar, local video displayed
+        await p3.driver.waitUntil(
+            async () => await p3.getLargeVideo().getResource() === p1EndpointId, {
+                timeout: 2000,
+                timeoutMsg: `Large video did not switch to ${p1.name}`
+            });
+
+        await p3.assertDisplayNameVisibleOnStage(
+            await p3.getFilmstrip().getRemoteDisplayName(p1EndpointId));
+
+        // p2 has the default avatar
+        await p3.assertThumbnailShowsAvatar(p2, false, true);
+        await p3.assertThumbnailShowsAvatar(p3, true);
+
+        // Click on p2's video
+        await p3.getFilmstrip().pinParticipant(p2);
+
+        // The avatar should be on large video and display name instead of an avatar, local video displayed
+        await p3.driver.waitUntil(
+            async () => await p3.getLargeVideo().getResource() === p2EndpointId, {
+                timeout: 2000,
+                timeoutMsg: `Large video did not switch to ${p2.name}`
+            });
+
+        await p3.assertDisplayNameVisibleOnStage(
+            await p3.getFilmstrip().getRemoteDisplayName(p2EndpointId)
+        );
+
+        await p3.assertThumbnailShowsAvatar(p1, false, false, true);
+        await p3.assertThumbnailShowsAvatar(p3, true);
+
+        await p3.hangup();
+
+        // Unmute p1's and p2's videos
+        await unmuteVideoAndCheck(p1, p2);
+    });
+
+    it('email persistence', async () => {
+        let { p1 } = ctx;
+
+        if (p1.driver.isFirefox) {
+            // strangely this test when FF is involved, missing source mapping from jvb
+            // and fails with an error of: expected number of remote streams:1 in 15s for participant1
+            return;
+        }
+
+        await p1.getToolbar().clickProfileButton();
+
+        expect(await p1.getSettingsDialog().getEmail()).toBe(EMAIL);
+
+        await p1.hangup();
+
+        await ensureTwoParticipants({
+            skipDisplayName: true
+        });
+        p1 = ctx.p1;
+
+        await p1.getToolbar().clickProfileButton();
+
+        expect(await p1.getSettingsDialog().getEmail()).toBe(EMAIL);
+    });
+});
diff --git a/tests/specs/misc/breakoutRooms.spec.ts b/tests/specs/misc/breakoutRooms.spec.ts
new file mode 100644
index 0000000..f554804
--- /dev/null
+++ b/tests/specs/misc/breakoutRooms.spec.ts
@@ -0,0 +1,486 @@
+import type { ChainablePromiseElement } from 'webdriverio';
+
+import type { Participant } from '../../helpers/Participant';
+import { setTestProperties } from '../../helpers/TestProperties';
+import {
+    checkSubject,
+    ensureThreeParticipants,
+    ensureTwoParticipants,
+    hangupAllParticipants
+} from '../../helpers/participants';
+
+setTestProperties(__filename, {
+    usesBrowsers: [ 'p1', 'p2', 'p3' ]
+});
+
+const MAIN_ROOM_NAME = 'Main room';
+const BREAKOUT_ROOMS_LIST_ID = 'breakout-rooms-list';
+const LIST_ITEM_CONTAINER = 'list-item-container';
+
+describe('Breakout rooms', () => {
+    it('check support', async () => {
+        await ensureTwoParticipants();
+
+        if (!await ctx.p1.isBreakoutRoomsSupported()) {
+            ctx.skipSuiteTests = 'The environment does not support breakout rooms.';
+        }
+    });
+
+    it('add breakout room', async () => {
+        const { p1, p2 } = ctx;
+        const p1BreakoutRooms = p1.getBreakoutRooms();
+
+        // there should be no breakout rooms initially, list is sent with a small delay
+        await p1.driver.pause(2000);
+        expect(await p1BreakoutRooms.getRoomsCount()).toBe(0);
+
+        // add one breakout room
+        await p1BreakoutRooms.addBreakoutRoom();
+
+        await p1.driver.waitUntil(
+            async () => await p1BreakoutRooms.getRoomsCount() === 1, {
+                timeout: 5000,
+                timeoutMsg: 'No breakout room added for p1'
+            });
+
+
+        // second participant should also see one breakout room
+        await p2.driver.waitUntil(
+            async () => await p2.getBreakoutRooms().getRoomsCount() === 1, {
+                timeout: 5000,
+                timeoutMsg: 'No breakout room seen by p2'
+            });
+    });
+
+    it('join breakout room', async () => {
+        const { p1, p2 } = ctx;
+        const p1BreakoutRooms = p1.getBreakoutRooms();
+
+        // there should be one breakout room
+        await p1.driver.waitUntil(
+            async () => await p1BreakoutRooms.getRoomsCount() === 1, {
+                timeout: 5000,
+                timeoutMsg: 'No breakout room seen by p1'
+            });
+
+        const roomsList = await p1BreakoutRooms.getRooms();
+
+        expect(roomsList.length).toBe(1);
+
+        // join the room
+        await roomsList[0].joinRoom();
+
+        // the participant should see the main room as the only breakout room
+        await p1.driver.waitUntil(
+            async () => {
+                if (await p1BreakoutRooms.getRoomsCount() !== 1) {
+                    return false;
+                }
+
+                const list = await p1BreakoutRooms.getRooms();
+
+                if (list?.length !== 1) {
+                    return false;
+                }
+
+                return list[0].name === MAIN_ROOM_NAME;
+            }, {
+                timeout: 5000,
+                timeoutMsg: 'P1 did not join breakout room'
+            });
+
+        // the second participant should see one participant in the breakout room
+        await p2.driver.waitUntil(
+            async () => {
+                const list = await p2.getBreakoutRooms().getRooms();
+
+                if (list?.length !== 1) {
+                    return false;
+                }
+
+                return list[0].participantCount === 1;
+            }, {
+                timeout: 5000,
+                timeoutMsg: 'P2 is not seeing p1 in the breakout room'
+            });
+    });
+
+    it('leave breakout room', async () => {
+        const { p1, p2 } = ctx;
+        const p1BreakoutRooms = p1.getBreakoutRooms();
+
+        // leave room
+        await p1BreakoutRooms.leaveBreakoutRoom();
+
+        // there should be one breakout room and that should not be the main room
+        await p1.driver.waitUntil(
+            async () => {
+                if (await p1BreakoutRooms.getRoomsCount() !== 1) {
+                    return false;
+                }
+
+                const list = await p1BreakoutRooms.getRooms();
+
+                if (list?.length !== 1) {
+                    return false;
+                }
+
+                return list[0].name !== MAIN_ROOM_NAME;
+            }, {
+                timeout: 5000,
+                timeoutMsg: 'P1 did not leave breakout room'
+            });
+
+        // the second participant should see no participants in the breakout room
+        await p2.driver.waitUntil(
+            async () => {
+                const list = await p2.getBreakoutRooms().getRooms();
+
+                if (list?.length !== 1) {
+                    return false;
+                }
+
+                return list[0].participantCount === 0;
+            }, {
+                timeout: 5000,
+                timeoutMsg: 'P2 is seeing p1 in the breakout room'
+            });
+    });
+
+    it('remove breakout room', async () => {
+        const { p1, p2 } = ctx;
+        const p1BreakoutRooms = p1.getBreakoutRooms();
+
+        // remove the room
+        await (await p1BreakoutRooms.getRooms())[0].removeRoom();
+
+        // there should be no breakout rooms
+        await p1.driver.waitUntil(
+            async () => await p1BreakoutRooms.getRoomsCount() === 0, {
+                timeout: 5000,
+                timeoutMsg: 'Breakout room was not removed for p1'
+            });
+
+        // the second participant should also see no breakout rooms
+        await p2.driver.waitUntil(
+            async () => await p2.getBreakoutRooms().getRoomsCount() === 0, {
+                timeout: 5000,
+                timeoutMsg: 'Breakout room was not removed for p2'
+            });
+    });
+
+    it('auto assign', async () => {
+        await ensureThreeParticipants();
+        const { p1, p2 } = ctx;
+        const p1BreakoutRooms = p1.getBreakoutRooms();
+
+        // create two rooms
+        await p1BreakoutRooms.addBreakoutRoom();
+        await p1BreakoutRooms.addBreakoutRoom();
+
+        // there should be two breakout rooms
+        await p1.driver.waitUntil(
+            async () => await p1BreakoutRooms.getRoomsCount() === 2, {
+                timeout: 5000,
+                timeoutMsg: 'Breakout room was not created by p1'
+            });
+
+        // auto assign participants to rooms
+        await p1BreakoutRooms.autoAssignToBreakoutRooms();
+
+        // each room should have one participant
+        await p1.driver.waitUntil(
+            async () => {
+                if (await p1BreakoutRooms.getRoomsCount() !== 2) {
+                    return false;
+                }
+
+                const list = await p1BreakoutRooms.getRooms();
+
+                if (list?.length !== 2) {
+                    return false;
+                }
+
+                return list[0].participantCount === 1 && list[1].participantCount === 1;
+            }, {
+                timeout: 5000,
+                timeoutMsg: 'P1 did not auto assigned participants to breakout rooms'
+            });
+
+        // the second participant should see one participant in the main room
+        const p2BreakoutRooms = p2.getBreakoutRooms();
+
+        await p2.driver.waitUntil(
+            async () => {
+                if (await p2BreakoutRooms.getRoomsCount() !== 2) {
+                    return false;
+                }
+
+                const list = await p2BreakoutRooms.getRooms();
+
+                if (list?.length !== 2) {
+                    return false;
+                }
+
+                return list[0].participantCount === 1 && list[1].participantCount === 1
+                    && (list[0].name === MAIN_ROOM_NAME || list[1].name === MAIN_ROOM_NAME);
+            }, {
+                timeout: 5000,
+                timeoutMsg: 'P2 is not seeing p1 in the main room'
+            });
+    });
+
+    it('close breakout room', async () => {
+        const { p1, p2, p3 } = ctx;
+        const p1BreakoutRooms = p1.getBreakoutRooms();
+
+        // there should be two non-empty breakout rooms
+        await p1.driver.waitUntil(
+            async () => {
+                if (await p1BreakoutRooms.getRoomsCount() !== 2) {
+                    return false;
+                }
+
+                const list = await p1BreakoutRooms.getRooms();
+
+                if (list?.length !== 2) {
+                    return false;
+                }
+
+                return list[0].participantCount === 1 && list[1].participantCount === 1;
+            }, {
+                timeout: 5000,
+                timeoutMsg: 'P1 is not seeing two breakout rooms'
+            });
+
+        // close the first room
+        await (await p1BreakoutRooms.getRooms())[0].closeRoom();
+
+        // there should be two rooms and first one should be empty
+        await p1.driver.waitUntil(
+            async () => {
+                if (await p1BreakoutRooms.getRoomsCount() !== 2) {
+                    return false;
+                }
+
+                const list = await p1BreakoutRooms.getRooms();
+
+                if (list?.length !== 2) {
+                    return false;
+                }
+
+                return list[0].participantCount === 0 || list[1].participantCount === 0;
+            }, {
+                timeout: 5000,
+                timeoutMsg: 'P1 is not seeing an empty breakout room'
+            });
+
+        // there should be two participants in the main room, either p2 or p3 got moved to the main room
+        const checkParticipants = (p: Participant) =>
+            p.driver.waitUntil(
+                async () => {
+                    const isInBreakoutRoom = await p.isInBreakoutRoom();
+                    const breakoutRooms = p.getBreakoutRooms();
+
+                    if (isInBreakoutRoom) {
+                        if (await breakoutRooms.getRoomsCount() !== 2) {
+                            return false;
+                        }
+
+                        const list = await breakoutRooms.getRooms();
+
+                        if (list?.length !== 2) {
+                            return false;
+                        }
+
+                        return list.every(r => { // eslint-disable-line arrow-body-style
+                            return r.name === MAIN_ROOM_NAME ? r.participantCount === 2 : r.participantCount === 0;
+                        });
+                    }
+
+                    if (await breakoutRooms.getRoomsCount() !== 2) {
+                        return false;
+                    }
+
+                    const list = await breakoutRooms.getRooms();
+
+                    if (list?.length !== 2) {
+                        return false;
+                    }
+
+                    return list[0].participantCount + list[1].participantCount === 1;
+                }, {
+                    timeout: 5000,
+                    timeoutMsg: `${p.name} is not seeing an empty breakout room and one with one participant`
+                });
+
+        await checkParticipants(p2);
+        await checkParticipants(p3);
+    });
+
+    it('send participants to breakout room', async () => {
+        await hangupAllParticipants();
+
+        // because the participants rejoin so fast, the meeting is not properly ended,
+        // so the previous breakout rooms would still be there.
+        // To avoid this issue we use a different meeting
+        // Respect room name suffix as it is important in multi-shard testing
+        ctx.roomName += `new-${ctx.roomName}`;
+
+        await ensureTwoParticipants();
+        const { p1, p2 } = ctx;
+        const p1BreakoutRooms = p1.getBreakoutRooms();
+
+        // there should be no breakout rooms
+        expect(await p1BreakoutRooms.getRoomsCount()).toBe(0);
+
+        // add one breakout room
+        await p1BreakoutRooms.addBreakoutRoom();
+
+        // there should be one empty room
+        await p1.driver.waitUntil(
+            async () => await p1BreakoutRooms.getRoomsCount() === 1
+                && (await p1BreakoutRooms.getRooms())[0].participantCount === 0, {
+                timeout: 5000,
+                timeoutMsg: 'No breakout room added for p1'
+            });
+
+        // send the second participant to the first breakout room
+        await p1BreakoutRooms.sendParticipantToBreakoutRoom(p2, (await p1BreakoutRooms.getRooms())[0].name);
+
+        // there should be one room with one participant
+        await p1.driver.waitUntil(
+            async () => {
+                const list = await p1BreakoutRooms.getRooms();
+
+                if (list?.length !== 1) {
+                    return false;
+                }
+
+                return list[0].participantCount === 1;
+            }, {
+                timeout: 5000,
+                timeoutMsg: 'P1 is not seeing p2 in the breakout room'
+            });
+    });
+
+    it('collapse breakout room', async () => {
+        const { p1 } = ctx;
+        const p1BreakoutRooms = p1.getBreakoutRooms();
+
+        // there should be one breakout room with one participant
+        await p1.driver.waitUntil(
+            async () => {
+                const list = await p1BreakoutRooms.getRooms();
+
+                if (list?.length !== 1) {
+                    return false;
+                }
+
+                return list[0].participantCount === 1;
+            }, {
+                timeout: 5000,
+                timeoutMsg: 'P1 is not seeing p2 in the breakout room'
+            });
+
+        // get id of the breakout room participant
+        const breakoutList = p1.driver.$(`#${BREAKOUT_ROOMS_LIST_ID}`);
+        const breakoutRoomItem = await breakoutList.$$(`.${LIST_ITEM_CONTAINER}`).find(
+            async el => {
+                const id = await el.getAttribute('id');
+
+                return id !== '' && id !== null;
+            }) as ChainablePromiseElement;
+
+        const pId = await breakoutRoomItem.getAttribute('id');
+        const breakoutParticipant = p1.driver.$(`//div[@id="${pId}"]`);
+
+        expect(await breakoutParticipant.isDisplayed()).toBe(true);
+
+        // collapse the first
+        await (await p1BreakoutRooms.getRooms())[0].collapse();
+
+        // the participant should not be visible
+        expect(await breakoutParticipant.isDisplayed()).toBe(false);
+
+        // the collapsed room should still have one participant
+        expect((await p1BreakoutRooms.getRooms())[0].participantCount).toBe(1);
+    });
+
+    it('rename breakout room', async () => {
+        const myNewRoomName = `breakout-${crypto.randomUUID()}`;
+        const { p1, p2 } = ctx;
+        const p1BreakoutRooms = p1.getBreakoutRooms();
+
+        // let's rename breakout room and see it in local and remote
+        await (await p1BreakoutRooms.getRooms())[0].renameRoom(myNewRoomName);
+
+        await p1.driver.waitUntil(
+            async () => {
+                const list = await p1BreakoutRooms.getRooms();
+
+                if (list?.length !== 1) {
+                    return false;
+                }
+
+                return list[0].name === myNewRoomName;
+            }, {
+                timeout: 5000,
+                timeoutMsg: 'The breakout room was not renamed for p1'
+            });
+
+        await checkSubject(p2, myNewRoomName);
+
+        const p2BreakoutRooms = p2.getBreakoutRooms();
+
+        // leave room
+        await p2BreakoutRooms.leaveBreakoutRoom();
+
+        // there should be one empty room
+        await p1.driver.waitUntil(
+            async () => {
+                const list = await p1BreakoutRooms.getRooms();
+
+                if (list?.length !== 1) {
+                    return false;
+                }
+
+                return list[0].participantCount === 0;
+            }, {
+                timeout: 5000,
+                timeoutMsg: 'The breakout room not found or not empty for p1'
+            });
+
+        await p2.driver.waitUntil(
+            async () => {
+                const list = await p2BreakoutRooms.getRooms();
+
+                return list?.length === 1;
+            }, {
+                timeout: 5000,
+                timeoutMsg: 'The breakout room not seen by p2'
+            });
+
+        expect((await p2BreakoutRooms.getRooms())[0].name).toBe(myNewRoomName);
+
+        // send the second participant to the first breakout room
+        await p1BreakoutRooms.sendParticipantToBreakoutRoom(p2, myNewRoomName);
+
+        // there should be one room with one participant
+        await p1.driver.waitUntil(
+            async () => {
+                const list = await p1BreakoutRooms.getRooms();
+
+                if (list?.length !== 1) {
+                    return false;
+                }
+
+                return list[0].participantCount === 1;
+            }, {
+                timeout: 5000,
+                timeoutMsg: 'The breakout room was not rename for p1'
+            });
+
+        await checkSubject(p2, myNewRoomName);
+    });
+});
diff --git a/tests/specs/misc/connectivity.spec.ts b/tests/specs/misc/connectivity.spec.ts
new file mode 100644
index 0000000..e1da593
--- /dev/null
+++ b/tests/specs/misc/connectivity.spec.ts
@@ -0,0 +1,54 @@
+import type { Participant } from '../../helpers/Participant';
+import { setTestProperties } from '../../helpers/TestProperties';
+import { config as testsConfig } from '../../helpers/TestsConfig';
+import { joinMuc, waitForMedia } from '../../helpers/joinMuc';
+
+setTestProperties(__filename, {
+    description: 'This test asserts that the connection to JVB is over UDP and using the same remote port. ',
+    usesBrowsers: [ 'p1', 'p2' ]
+});
+
+describe('Connectivity', () => {
+    let p1: Participant, p2: Participant;
+
+    it('setup', async () => {
+        p1 = await joinMuc({ name: 'p1', token: testsConfig.jwt.preconfiguredToken });
+        p2 = await joinMuc({ name: 'p2', token: testsConfig.jwt.preconfiguredToken });
+        await waitForMedia([ p1, p2 ]);
+    });
+
+    it('protocol', async () => {
+        expect(await getProtocol(p1)).toBe('udp');
+        expect(await getProtocol(p2)).toBe('udp');
+    });
+
+    it('port', async () => {
+        const port1 = await getRemotePort(p1);
+        const port2 = await getRemotePort(p2);
+
+        expect(Number.isInteger(port1)).toBe(true);
+        expect(Number.isInteger(port2)).toBe(true);
+        expect(port1).toBe(port2);
+    });
+});
+
+/**
+ * Get the remote port of the participant.
+ * @param participant
+ */
+async function getRemotePort(participant: Participant) {
+    const data = await participant.execute(() => APP?.conference?.getStats()?.transport[0]?.ip);
+    const parts = data.split(':');
+
+    return parts.length > 1 ? parseInt(parts[1], 10) : '';
+}
+
+/**
+ * Get the remote port of the participant.
+ * @param participant
+ */
+async function getProtocol(participant: Participant) {
+    const data = await participant.execute(() => APP?.conference?.getStats()?.transport[0]?.type);
+
+    return data.toLowerCase();
+}
diff --git a/tests/specs/misc/dialIn.spec.ts b/tests/specs/misc/dialIn.spec.ts
new file mode 100644
index 0000000..f1cb4b3
--- /dev/null
+++ b/tests/specs/misc/dialIn.spec.ts
@@ -0,0 +1,123 @@
+import process from 'node:process';
+
+import { setTestProperties } from '../../helpers/TestProperties';
+import { config as testsConfig } from '../../helpers/TestsConfig';
+import { expectations } from '../../helpers/expectations';
+import { ensureOneParticipant } from '../../helpers/participants';
+import {
+    assertDialInDisplayed,
+    assertUrlDisplayed,
+    cleanup,
+    dialIn,
+    isDialInEnabled, verifyMoreNumbersPage,
+    waitForAudioFromDialInParticipant
+} from '../helpers/DialIn';
+
+setTestProperties(__filename, {
+    usesBrowsers: [ 'p1' ]
+});
+
+/**
+ * This test is configured with two options:
+ * 1. The dialIn.enabled expectation. If set to true we assert the config.js settings for dial-in are set, the dial-in
+ * panel (including the PIN number) is displayed in the UI, and the "more numbers" page is displayed. If it's set to
+ * false we assert the config.js settings are not set, and the PIN is not displayed.
+ * 2. The DIAL_IN_REST_URL environment variable. If this is set and the environment supports dial-in, we invite a
+ * dial-in participant via this URL and assert that it joins the conference and sends media.
+ */
+describe('Dial-in', () => {
+    it('join participant', async () => {
+        // The same cases are covered for JaaS in jaas/dial/dialin.spec.ts.
+        if (testsConfig.jaas.enabled) {
+            ctx.skipSuiteTests = 'JaaS is configured.';
+
+            return;
+        }
+
+        await ensureOneParticipant();
+        expect(await ctx.p1.isInMuc()).toBe(true);
+    });
+
+    it('dial in config.js values', async function() {
+        if (expectations.dialIn.enabled === true) {
+            expect(await isDialInEnabled(ctx.p1)).toBe(expectations.dialIn.enabled);
+        } else {
+            // eslint-disable-next-line @typescript-eslint/no-invalid-this
+            this.skip();
+        }
+    });
+
+    it('open/close invite dialog', async () => {
+        await ctx.p1.getInviteDialog().open();
+        await ctx.p1.getInviteDialog().clickCloseButton();
+        await ctx.p1.getInviteDialog().waitTillOpen(true);
+    });
+
+    it('dial-in displayed', async function() {
+        if (expectations.dialIn.enabled !== null) {
+            await assertDialInDisplayed(ctx.p1, expectations.dialIn.enabled);
+        } else {
+            // eslint-disable-next-line @typescript-eslint/no-invalid-this
+            this.skip();
+        }
+    });
+
+    it('skip the rest if dial-in is not expected', async () => {
+        if (!expectations.dialIn.enabled) {
+            ctx.skipSuiteTests = 'Dial-in is not expected';
+        }
+    });
+
+    it('url displayed', () => assertUrlDisplayed(ctx.p1));
+
+
+    it('view more numbers page', async () => {
+        await verifyMoreNumbersPage(ctx.p1);
+    });
+
+    it('retrieve pin', async () => {
+        let dialInPin: string;
+
+        try {
+            dialInPin = await ctx.p1.getDialInPin();
+        } catch (e) {
+            console.error('dial-in.test.no-pin');
+            ctx.skipSuiteTests = 'No dial-in pin is available.';
+            throw e;
+        }
+
+        if (dialInPin.length === 0) {
+            console.error('dial-in.test.no-pin');
+            ctx.skipSuiteTests = 'The dial-in pin is empty.';
+            throw new Error('no pin');
+        }
+
+        if (!dialInPin.match(/^[0-9]+$/)) {
+            throw new Error(`The dial-in PIN contains non-digit characters: ${dialInPin}`);
+        }
+        expect(dialInPin.length).toBeGreaterThanOrEqual(expectations.dialIn.minPinLength);
+    });
+
+    it('skip the rest if a dial-in URL is not configured', async () => {
+        if (!process.env.DIAL_IN_REST_URL) {
+            ctx.skipSuiteTests = 'DIAL_IN_REST_URL is not set.';
+        }
+    });
+
+    it('invite dial-in participant', async () => {
+        await dialIn(await ctx.p1.getDialInPin());
+    });
+
+    it('wait for audio from dial-in participant', async () => {
+        const { p1 } = ctx;
+
+        if (!await p1.isInMuc()) {
+            // local participant did not join abort
+            return;
+        }
+
+        await waitForAudioFromDialInParticipant(p1);
+
+        await cleanup(p1);
+    });
+});
diff --git a/tests/specs/misc/followMe.spec.ts b/tests/specs/misc/followMe.spec.ts
new file mode 100644
index 0000000..cf2cd14
--- /dev/null
+++ b/tests/specs/misc/followMe.spec.ts
@@ -0,0 +1,98 @@
+import { setTestProperties } from '../../helpers/TestProperties';
+import { ensureThreeParticipants, ensureTwoParticipants } from '../../helpers/participants';
+
+setTestProperties(__filename, {
+    usesBrowsers: [ 'p1', 'p2', 'p3' ]
+});
+
+describe('Follow me', () => {
+    it('joining the meeting', async () => {
+        await ensureTwoParticipants();
+
+        const { p1 } = ctx;
+
+        await p1.getToolbar().clickSettingsButton();
+
+        const settings = p1.getSettingsDialog();
+
+        await settings.waitForDisplay();
+        await settings.setFollowMe(true);
+        await settings.submit();
+    });
+
+    it('follow me checkbox visible only for moderators', async () => {
+        const { p2 } = ctx;
+
+        if (!await p2.isModerator()) {
+            await p2.getToolbar().clickSettingsButton();
+
+            const settings = p2.getSettingsDialog();
+
+            await settings.waitForDisplay();
+            expect(await settings.isFollowMeDisplayed()).toBe(false);
+
+            await settings.clickCloseButton();
+        }
+    });
+
+    it('filmstrip commands', async () => {
+        const { p1, p2 } = ctx;
+
+        const p1Filmstrip = p1.getFilmstrip();
+        const p2Filmstrip = p2.getFilmstrip();
+
+        await p1Filmstrip.toggle();
+
+        await p1Filmstrip.assertRemoteVideosHidden();
+        await p2Filmstrip.assertRemoteVideosHidden();
+    });
+
+    it('tile view', async () => {
+        await ensureThreeParticipants();
+
+        const { p1, p2, p3 } = ctx;
+
+        await p1.waitForTileViewDisplayed();
+
+        await p1.getToolbar().clickExitTileViewButton();
+
+        await Promise.all([
+            p1.waitForTileViewDisplayed(true),
+            p2.waitForTileViewDisplayed(true),
+            p3.waitForTileViewDisplayed(true)
+        ]);
+
+        await p1.getToolbar().clickEnterTileViewButton();
+
+        await Promise.all([
+            p1.waitForTileViewDisplayed(),
+            p2.waitForTileViewDisplayed(),
+            p3.waitForTileViewDisplayed()
+        ]);
+    });
+
+    it('next on stage', async () => {
+        const { p1, p2, p3 } = ctx;
+
+        await p1.getFilmstrip().pinParticipant(p2);
+
+        const p2Filmstrip = p2.getFilmstrip();
+        const localVideoId = await p2Filmstrip.getLocalVideoId();
+
+        await p2.driver.waitUntil(
+            async () => await localVideoId === await p2.getLargeVideo().getId(),
+            {
+                timeout: 5_000,
+                timeoutMsg: 'The pinned participant is not displayed on stage for p2'
+            });
+
+        const p2VideoIdOnp3 = await p3.getFilmstrip().getRemoteVideoId(await p2.getEndpointId());
+
+        await p3.driver.waitUntil(
+            async () => p2VideoIdOnp3 === await p3.getLargeVideo().getId(),
+            {
+                timeout: 5_000,
+                timeoutMsg: 'The pinned participant is not displayed on stage for p3'
+            });
+    });
+});
diff --git a/tests/specs/misc/polls.spec.ts b/tests/specs/misc/polls.spec.ts
new file mode 100644
index 0000000..2bfb910
--- /dev/null
+++ b/tests/specs/misc/polls.spec.ts
@@ -0,0 +1,128 @@
+import { setTestProperties } from '../../helpers/TestProperties';
+import { ensureTwoParticipants } from '../../helpers/participants';
+
+setTestProperties(__filename, {
+    usesBrowsers: [ 'p1', 'p2' ]
+});
+
+describe('Polls', () => {
+    it('joining the meeting', async () => {
+        await ensureTwoParticipants();
+    });
+    it('create poll', async () => {
+        const { p1 } = ctx;
+
+        await p1.getToolbar().clickChatButton();
+        expect(await p1.getChatPanel().isOpen()).toBe(true);
+
+        expect(await p1.getChatPanel().isPollsTabVisible()).toBe(false);
+
+        await p1.getChatPanel().openPollsTab();
+        expect(await p1.getChatPanel().isPollsTabVisible()).toBe(true);
+
+        // create poll
+        await p1.getChatPanel().clickCreatePollButton();
+        await p1.getChatPanel().waitForNewPollInput();
+    });
+
+    it('fill in poll', async () => {
+        const { p1 } = ctx;
+
+        await p1.getChatPanel().fillPollQuestion('My Poll question?');
+
+        await p1.getChatPanel().waitForOptionInput(0);
+        await p1.getChatPanel().waitForOptionInput(1);
+        await p1.getChatPanel().fillPollOption(0, 'First option');
+        await p1.getChatPanel().fillPollOption(1, 'Second option');
+
+
+        await p1.getChatPanel().clickAddOptionButton();
+        await p1.getChatPanel().waitForOptionInput(2);
+        await p1.getChatPanel().fillPollOption(2, 'Third option');
+
+        await p1.getChatPanel().clickAddOptionButton();
+        await p1.getChatPanel().waitForOptionInput(3);
+        await p1.getChatPanel().fillPollOption(3, 'Fourth option');
+
+        await p1.getChatPanel().clickRemoveOptionButton(2);
+        // we remove the option and reindexing happens, so we check for index 3
+        await p1.getChatPanel().waitForOptionInputNonExisting(3);
+
+        expect(await p1.getChatPanel().getOption(2)).toBe('Fourth option');
+    });
+
+    it('save and edit poll', async () => {
+        const { p1 } = ctx;
+
+        await p1.getChatPanel().clickSavePollButton();
+
+        await p1.getChatPanel().waitForSendButton();
+
+        await p1.getChatPanel().clickEditPollButton();
+
+        await p1.getChatPanel().fillPollOption(0, ' edited!');
+
+        await p1.getChatPanel().clickSavePollButton();
+
+        await p1.getChatPanel().waitForSendButton();
+    });
+
+    it('send poll', async () => {
+        const { p1 } = ctx;
+
+        await p1.getChatPanel().clickSendPollButton();
+    });
+
+    it('vote on poll', async () => {
+        const { p1 } = ctx;
+
+        // await p1.getNotifications().closePollsNotification();
+
+        // we have only one poll, so we get its ID
+        const pollId: string = await p1.driver.waitUntil(() => p1.driver.execute(() => {
+            return Object.keys(APP.store.getState()['features/polls'].polls)[0];
+        }), { timeout: 2000 });
+
+        // we have just send the poll, so the UI should be in a state for voting
+        await p1.getChatPanel().voteForOption(pollId, 0);
+    });
+
+    it('check for vote', async () => {
+        const { p1, p2 } = ctx;
+        const pollId: string = await p1.driver.execute('return Object.keys(APP.store.getState()["features/polls"].polls)[0];');
+
+        // now let's check on p2 side
+        await p2.getToolbar().clickChatButton();
+        expect(await p2.getChatPanel().isOpen()).toBe(true);
+
+        expect(await p2.getChatPanel().isPollsTabVisible()).toBe(false);
+
+        await p2.getChatPanel().openPollsTab();
+        expect(await p2.getChatPanel().isPollsTabVisible()).toBe(true);
+
+        expect(await p2.getChatPanel().isPollVisible(pollId));
+
+        await p2.getChatPanel().clickSkipPollButton();
+
+        expect(await p2.getChatPanel().getResult(pollId, 0)).toBe('1 (100%)');
+    });
+
+    it('leave and check for vote', async () => {
+        await ctx.p2.hangup();
+
+        await ensureTwoParticipants();
+
+        const { p1, p2 } = ctx;
+        const pollId: string = await p1.driver.execute('return Object.keys(APP.store.getState()["features/polls"].polls)[0];');
+
+
+        await p2.getToolbar().clickChatButton();
+        await p2.getChatPanel().openPollsTab();
+
+        expect(await p2.getChatPanel().isPollVisible(pollId));
+
+        await p2.getChatPanel().clickSkipPollButton();
+
+        expect(await p2.getChatPanel().getResult(pollId, 0)).toBe('1 (100%)');
+    });
+});
diff --git a/tests/specs/misc/subject.spec.ts b/tests/specs/misc/subject.spec.ts
new file mode 100644
index 0000000..3c8fb88
--- /dev/null
+++ b/tests/specs/misc/subject.spec.ts
@@ -0,0 +1,37 @@
+import type { Participant } from '../../helpers/Participant';
+import { setTestProperties } from '../../helpers/TestProperties';
+import { ensureOneParticipant, ensureTwoParticipants } from '../../helpers/participants';
+
+const MY_TEST_SUBJECT = 'My Test Subject';
+const SUBJECT_XPATH = '//div[starts-with(@class, "subject-text")]';
+
+setTestProperties(__filename, {
+    usesBrowsers: [ 'p1', 'p2' ]
+});
+
+describe('Subject', () => {
+    it('setup', async () => {
+        await ensureOneParticipant({
+            configOverwrite: {
+                subject: MY_TEST_SUBJECT
+            }
+        });
+        await ensureTwoParticipants();
+    });
+    it('subject set locally', async () => await checkSubject(ctx.p1, MY_TEST_SUBJECT));
+    it('subject set remotely', async () => await checkSubject(ctx.p2, MY_TEST_SUBJECT));
+});
+
+/**
+ * Check was subject set.
+ *
+ * @param participant
+ * @param subject
+ */
+async function checkSubject(participant: Participant, subject: string) {
+    const localTile = participant.driver.$(SUBJECT_XPATH);
+
+    await localTile.moveTo();
+
+    expect(await localTile.getText()).toBe(subject);
+}
diff --git a/tests/specs/misc/urlNormalisation.spec.ts b/tests/specs/misc/urlNormalisation.spec.ts
new file mode 100644
index 0000000..1e17175
--- /dev/null
+++ b/tests/specs/misc/urlNormalisation.spec.ts
@@ -0,0 +1,84 @@
+import { setTestProperties } from '../../helpers/TestProperties';
+import { config as testsConfig } from '../../helpers/TestsConfig';
+import { expectations } from '../../helpers/expectations';
+import { joinMuc } from '../../helpers/joinMuc';
+
+setTestProperties(__filename, {
+    usesBrowsers: [ 'p1' ]
+});
+
+describe('URL normalisation', () => {
+    // If we're not able to create conferences with a custom tenant, we'll only test the room name.
+    const useTenant = expectations.useTenant;
+
+    const tests = [
+        {
+            hint: '@ sign and .',
+            // Room as entered in the URL
+            room: '@example.com',
+            // Room as normalized in the URL
+            roomUrl: 'example.com',
+            // The room part of the MUC JID
+            roomJid: 'example.com',
+            // Tenant as entered in the URL
+            tenant: 'tenant@example.com',
+            // Tenant as normalized in the URL
+            tenantUrl: 'tenantexample.com',
+            // The tenant part of the MUC JID
+            tenantJid: 'tenantexample_com'
+        },
+        {
+            hint: 'Dashes',
+            room: 'foo-bar',
+            roomUrl: 'foo-bar',
+            roomJid: 'foo-bar',
+            tenant: 'tenant-example.com',
+            tenantUrl: 'tenant-example.com',
+            tenantJid: 'tenant-example_com'
+        },
+        {
+            hint: 'Cyrillic',
+            room: 'фоо-бар',
+            roomUrl: '%D1%84%D0%BE%D0%BE-%D0%B1%D0%B0%D1%80',
+            roomJid: '%d1%84%d0%be%d0%be-%d0%b1%d0%b0%d1%80',
+            tenant: 'обитател',
+            tenantUrl: '%D0%BE%D0%B1%D0%B8%D1%82%D0%B0%D1%82%D0%B5%D0%BB',
+            tenantJid: '%d0%be%d0%b1%d0%b8%d1%82%d0%b0%d1%82%d0%b5%d0%bb',
+        }
+    ];
+
+    for (const test of tests) {
+        it(test.hint, async () => {
+            const fullRoom = `${test.room}${ctx.roomName}`;
+            const fullRoomUrl = `${test.roomUrl}${ctx.roomName}`;
+            const tenant = useTenant ? test.tenant : undefined;
+
+            const p = await joinMuc({
+                name: 'p1',
+                token: testsConfig.jwt.preconfiguredToken,
+            }, {
+                tenant: tenant,
+                roomName: fullRoom
+            });
+
+            const currentUrlStr = await p.driver.getUrl();
+            const currentUrl = new URL(currentUrlStr);
+            const path = currentUrl.pathname;
+            const parts = path.split('/');
+
+            if (useTenant) {
+                expect(parts[1]).toBe(test.tenantUrl);
+            }
+            expect(parts[2]).toBe(fullRoomUrl);
+
+            const mucJid = (await p.execute(() => APP.conference._room.room.roomjid)).split('@');
+            const roomJid = mucJid[0];
+            const domain = mucJid[1];
+
+            expect(roomJid).toBe(`${test.roomJid}${ctx.roomName}`);
+            if (useTenant) {
+                expect(domain.startsWith(`conference.${test.tenantJid}.`)).toBe(true);
+            }
+        });
+    }
+});
diff --git a/tests/specs/moderation/grantModerator.spec.ts b/tests/specs/moderation/grantModerator.spec.ts
new file mode 100644
index 0000000..fc87335
--- /dev/null
+++ b/tests/specs/moderation/grantModerator.spec.ts
@@ -0,0 +1,55 @@
+import { Participant } from '../../helpers/Participant';
+import { setTestProperties } from '../../helpers/TestProperties';
+import { expectations } from '../../helpers/expectations';
+import { ensureOneParticipant, ensureTwoParticipants } from '../../helpers/participants';
+
+setTestProperties(__filename, {
+    description: 'This test checks the ability of a moderator to grant the "moderator" role to another participant. The\
+     test is skipped when the "allModerators" expectation is set.',
+    usesBrowsers: [ 'p1', 'p2' ]
+});
+
+describe('Grant moderator', () => {
+    let p1: Participant, p2: Participant;
+
+    it('setup', async () => {
+        if (expectations.moderation.allModerators) {
+            ctx.skipSuiteTests = 'allModerators is expected';
+
+            return;
+        }
+
+        await ensureOneParticipant();
+        p1 = ctx.p1;
+        expect(await p1.isModerator()).toBe(true);
+
+        const functionAvailable = await p1.execute(() => typeof APP.conference._room.grantOwner === 'function');
+
+        if (expectations.moderation.grantModerator) {
+            expect(functionAvailable).toBe(true);
+        } else {
+            if (!functionAvailable) {
+                ctx.skipSuiteTests = 'grantModerator is not available and not expected';
+
+                return;
+            }
+        }
+
+        await ensureTwoParticipants();
+        p2 = ctx.p2;
+        expect(await p2.isModerator()).toBe(false);
+    });
+
+    it('grant moderator', async () => {
+        await p1.getFilmstrip().grantModerator(p2);
+
+        await p2.driver.waitUntil(
+            () => p2.isModerator(),
+            {
+                timeout: 3000,
+                timeoutMsg: 'p2 did not become moderator'
+            }
+        );
+
+    });
+});
diff --git a/tests/specs/moderation/kick.spec.ts b/tests/specs/moderation/kick.spec.ts
new file mode 100644
index 0000000..5fa346e
--- /dev/null
+++ b/tests/specs/moderation/kick.spec.ts
@@ -0,0 +1,75 @@
+import { Participant } from '../../helpers/Participant';
+import { setTestProperties } from '../../helpers/TestProperties';
+import { expectations } from '../../helpers/expectations';
+import { ensureTwoParticipants } from '../../helpers/participants';
+
+setTestProperties(__filename, {
+    usesBrowsers: [ 'p1', 'p2' ]
+});
+
+describe('Kick', () => {
+    let p1: Participant, p2: Participant;
+
+    it('setup', async () => {
+        await ensureTwoParticipants();
+        p1 = ctx.p1;
+        p2 = ctx.p2;
+
+        // We verify elsewhere (moderation.spec.ts) that the first participant is a moderator.
+        if (!await p1.isModerator()) {
+            ctx.skipSuiteTests = 'the first participant is not a moderator';
+        }
+    });
+
+    it('kick (p2p disabled)', () => kickAndCheck(p1, p2));
+
+    it('setup (p2p enabled)', async () => {
+        await p1.hangup();
+        await p2.hangup();
+
+        await ensureTwoParticipants({
+            configOverwrite: {
+                p2p: {
+                    enabled: true
+                }
+            }
+        });
+        p1 = ctx.p1;
+        p2 = ctx.p2;
+    });
+
+    it('kick (p2p enabled)', async () => {
+        await kickAndCheck(p1, p2);
+    });
+
+    it('non-moderator cannot kick', async () => {
+        if (!expectations.moderation.allModerators) {
+            await ensureTwoParticipants();
+            p2 = ctx.p2;
+            expect(await p2.isModerator()).toBe(false);
+
+            await p2.execute(
+                epId => APP.conference._room.kickParticipant(epId, 'for funzies'),
+                await p1.getEndpointId()
+            );
+
+            await p1.driver.pause(3000);
+            expect(await p1.isInMuc()).toBe(true);
+        }
+    });
+});
+
+/**
+ * Kicks the second participant and checks that the participant is removed from the conference and that dialogue is open.
+ */
+async function kickAndCheck(kicker: Participant, kickee: Participant) {
+    await kicker.getFilmstrip().kickParticipant(await kickee.getEndpointId());
+    await kicker.waitForParticipants(0);
+
+    // check that the kicked participant sees the kick reason dialog
+    await kickee.driver.waitUntil(
+        async () => kickee.isLeaveReasonDialogOpen(), {
+            timeout: 2000,
+            timeoutMsg: 'No leave reason dialog shown for p2'
+        });
+}
diff --git a/tests/specs/moderation/lobby.spec.ts b/tests/specs/moderation/lobby.spec.ts
new file mode 100644
index 0000000..c89cc76
--- /dev/null
+++ b/tests/specs/moderation/lobby.spec.ts
@@ -0,0 +1,517 @@
+import { P1, P3, Participant } from '../../helpers/Participant';
+import { setTestProperties } from '../../helpers/TestProperties';
+import { expectations } from '../../helpers/expectations';
+import {
+    ensureOneParticipant,
+    ensureThreeParticipants,
+    ensureTwoParticipants,
+    hangupAllParticipants
+} from '../../helpers/participants';
+import type { IJoinOptions } from '../../helpers/types';
+import type PreMeetingScreen from '../../pageobjects/PreMeetingScreen';
+
+setTestProperties(__filename, {
+    usesBrowsers: [ 'p1', 'p2', 'p3' ]
+});
+
+describe('Lobby', () => {
+    it('joining the meeting', async () => {
+        await ensureOneParticipant();
+
+        if (!await ctx.p1.execute(() => APP.conference._room.isLobbySupported())) {
+            ctx.skipSuiteTests = 'The environment does not support lobby.';
+        }
+    });
+
+    it('enable', async () => {
+        await ensureTwoParticipants();
+
+        await enableLobby();
+    });
+
+    it('entering in lobby and approve', async () => {
+        const { p1, p2 } = ctx;
+
+        await enterLobby(p1, true);
+
+        const { p3 } = ctx;
+
+        await p1.getNotifications().allowLobbyParticipant();
+
+        const notificationText = await p2.getNotifications().getLobbyParticipantAccessGranted();
+
+        expect(notificationText.includes(P1)).toBe(true);
+        expect(notificationText.includes(P3)).toBe(true);
+
+        await p2.getNotifications().closeLobbyParticipantAccessGranted();
+
+        // ensure 3 participants in the call will check for the third one that muc is joined, ice connected,
+        // media is being receiving and there are two remote streams
+        await p3.waitToJoinMUC();
+        await p3.waitForIceConnected();
+        await p3.waitForSendReceiveData();
+        await p3.waitForRemoteStreams(2);
+
+        // now check third one display name in the room, is the one set in the prejoin screen
+        const name = await p1.getFilmstrip().getRemoteDisplayName(await p3.getEndpointId());
+
+        expect(name).toBe(P3);
+
+        await p3.hangup();
+    });
+
+    it('entering in lobby and deny', async () => {
+        const { p1, p2 } = ctx;
+
+        // the first time tests is executed we need to enter display name,
+        // for next execution that will be locally stored
+        await enterLobby(p1, false);
+
+        // moderator rejects access
+        await p1.getNotifications().rejectLobbyParticipant();
+
+        // deny notification on 2nd participant
+        const notificationText = await p2.getNotifications().getLobbyParticipantAccessDenied();
+
+        expect(notificationText.includes(P1)).toBe(true);
+        expect(notificationText.includes(P3)).toBe(true);
+
+        await p2.getNotifications().closeLobbyParticipantAccessDenied();
+
+        const { p3 } = ctx;
+
+        // check the denied one is out of lobby, sees the notification about it
+        await p3.getNotifications().waitForLobbyAccessDeniedNotification();
+
+        expect(await p3.getLobbyScreen().isLobbyRoomJoined()).toBe(false);
+
+        await p3.hangup();
+    });
+
+
+    it('approve from participants pane', async () => {
+        const { p1 } = ctx;
+
+        const knockingParticipant = await enterLobby(p1, false);
+
+        // moderator allows access
+        const p1ParticipantsPane = p1.getParticipantsPane();
+
+        await p1ParticipantsPane.open();
+        await p1ParticipantsPane.admitLobbyParticipant(knockingParticipant);
+        await p1ParticipantsPane.close();
+
+        const { p3 } = ctx;
+
+        // ensure 3 participants in the call will check for the third one that muc is joined, ice connected,
+        // media is being receiving and there are two remote streams
+        await p3.waitToJoinMUC();
+        await p3.waitForIceConnected();
+        await p3.waitForSendReceiveData();
+        await p3.waitForRemoteStreams(2);
+
+        // now check third one display name in the room, is the one set in the prejoin screen
+        // now check third one display name in the room, is the one set in the prejoin screen
+        const name = await p1.getFilmstrip().getRemoteDisplayName(await p3.getEndpointId());
+
+        expect(name).toBe(P3);
+
+        await p3.hangup();
+    });
+
+    it('reject from participants pane', async () => {
+        const { p1 } = ctx;
+
+        const knockingParticipant = await enterLobby(p1, false);
+
+        // moderator rejects access
+        const p1ParticipantsPane = p1.getParticipantsPane();
+
+        await p1ParticipantsPane.open();
+        await p1ParticipantsPane.rejectLobbyParticipant(knockingParticipant);
+        await p1ParticipantsPane.close();
+
+        const { p3 } = ctx;
+
+        // check the denied one is out of lobby, sees the notification about it
+        // The third participant should see a warning that his access to the room was denied
+        await p3.getNotifications().waitForLobbyAccessDeniedNotification();
+
+        // check Lobby room not left
+        expect(await p3.getLobbyScreen().isLobbyRoomJoined()).toBe(false);
+
+        await p3.hangup();
+    });
+
+    it('lobby user leave', async () => {
+        const { p1 } = ctx;
+
+        await enterLobby(p1, false);
+
+        await ctx.p3.hangup();
+
+        // check that moderator (participant 1) no longer sees notification about participant in lobby
+        await p1.getNotifications().waitForHideOfKnockingParticipants();
+    });
+
+    it('lobby persistence', async () => {
+        const { p1, p2 } = ctx;
+
+        await enterLobby(p1, false);
+
+        const { p3 } = ctx;
+
+        expect(await p3.getLobbyScreen().isLobbyRoomJoined()).toBe(true);
+
+        await p1.hangup();
+        await p2.hangup();
+
+        await p3.driver.$('.dialog.leaveReason').isExisting();
+
+        await p3.driver.waitUntil(
+            async () => !await p3.getLobbyScreen().isLobbyRoomJoined(),
+            {
+                timeout: 2000,
+                timeoutMsg: 'p3 did not leave lobby'
+            }
+        );
+
+        await p3.hangup();
+    });
+
+    it('disable while participant in lobby', async () => {
+        await ensureTwoParticipants();
+
+        const { p1 } = ctx;
+
+        await enableLobby();
+        await enterLobby(p1);
+
+        const p1SecurityDialog = p1.getSecurityDialog();
+
+        await p1.getToolbar().clickSecurityButton();
+        await p1SecurityDialog.waitForDisplay();
+
+        await p1SecurityDialog.toggleLobby();
+        await p1SecurityDialog.waitForLobbyEnabled(true);
+
+        const { p3 } = ctx;
+
+        await p3.waitToJoinMUC();
+
+        expect(await p3.getLobbyScreen().isLobbyRoomJoined()).toBe(false);
+    });
+
+    it('change of moderators in lobby', async () => {
+        // The test below is only correct when the environment is configured to automatically elect a new moderator
+        // when the moderator leaves. For environments where this is not the case, the test is skipped.
+        if (!expectations.autoModerator) {
+            return;
+        }
+        await hangupAllParticipants();
+
+        await ensureTwoParticipants();
+
+        const { p1, p2 } = ctx;
+
+        // hanging up the first one, which is moderator and second one should be
+        await p1.hangup();
+
+        await p2.driver.waitUntil(
+            () => p2.isModerator(),
+            {
+                timeout: 3000,
+                timeoutMsg: 'p2 is not moderator after p1 leaves'
+            }
+        );
+
+        const p2SecurityDialog = p2.getSecurityDialog();
+
+        await p2.getToolbar().clickSecurityButton();
+        await p2SecurityDialog.waitForDisplay();
+
+        await p2SecurityDialog.toggleLobby();
+        await p2SecurityDialog.waitForLobbyEnabled();
+
+        // here the important check is whether the moderator sees the knocking participant
+        await enterLobby(p2, false);
+    });
+
+    it('shared password', async () => {
+        await hangupAllParticipants();
+
+        await ensureTwoParticipants();
+
+        const { p1 } = ctx;
+
+        await enableLobby();
+
+        const p1SecurityDialog = p1.getSecurityDialog();
+
+        await p1.getToolbar().clickSecurityButton();
+        await p1SecurityDialog.waitForDisplay();
+
+        expect(await p1SecurityDialog.isLocked()).toBe(false);
+
+        const roomPasscode = String(Math.trunc(Math.random() * 1_000_000));
+
+        await p1SecurityDialog.addPassword(roomPasscode);
+
+        await p1.driver.waitUntil(
+            () => p1SecurityDialog.isLocked(),
+            {
+                timeout: 2000,
+                timeoutMsg: 'room did not lock for p1'
+            }
+        );
+
+        await enterLobby(p1, false);
+
+        const { p3 } = ctx;
+
+        // now fill in password
+        const lobbyScreen = p3.getLobbyScreen();
+
+        await lobbyScreen.enterPassword(roomPasscode);
+
+        await p3.waitToJoinMUC();
+        await p3.waitForIceConnected();
+        await p3.waitForSendReceiveData();
+    });
+
+    it('enable with more than two participants', async () => {
+        await hangupAllParticipants();
+
+        await ensureThreeParticipants();
+
+        await enableLobby();
+
+        // we need to check remote participants as isInMuc has not changed its value as
+        // the bug is triggered by presence with status 322 which is not handled correctly
+        const { p1, p2, p3 } = ctx;
+
+        await p1.waitForRemoteStreams(2);
+        await p2.waitForRemoteStreams(2);
+        await p3.waitForRemoteStreams(2);
+    });
+
+    it('moderator leaves while lobby enabled', async () => {
+        // The test below is only correct when the environment is configured to automatically elect a new moderator
+        // when the moderator leaves. For environments where this is not the case, the test is skipped.
+        if (!expectations.autoModerator) {
+            return;
+        }
+        const { p1, p2, p3 } = ctx;
+
+        await p3.hangup();
+        await p1.hangup();
+
+        await p2.driver.waitUntil(
+            () => p2.isModerator(),
+            {
+                timeout: 3000,
+                timeoutMsg: 'p2 is not moderator after p1 leaves'
+            }
+        );
+
+        const lobbyScreen = p2.getLobbyScreen();
+
+        expect(await lobbyScreen.isLobbyRoomJoined()).toBe(true);
+    });
+
+    it('reject and approve in pre-join', async () => {
+        await hangupAllParticipants();
+
+        await ensureTwoParticipants();
+        await enableLobby();
+
+        const { p1, p2 } = ctx;
+
+        const knockingParticipant = await enterLobby(p1, true, true);
+
+        // moderator rejects access
+        const p1ParticipantsPane = p1.getParticipantsPane();
+
+        await p1ParticipantsPane.open();
+        await p1ParticipantsPane.rejectLobbyParticipant(knockingParticipant);
+        await p1ParticipantsPane.close();
+
+        const { p3 } = ctx;
+
+        // check the denied one is out of lobby, sees the notification about it
+        // The third participant should see a warning that his access to the room was denied
+        await p3.getNotifications().waitForLobbyAccessDeniedNotification();
+
+        // check Lobby room left
+        expect(await p3.getLobbyScreen().isLobbyRoomJoined()).toBe(false);
+
+        // try again entering the lobby with the third one and approve it
+        // check that everything is fine in the meeting
+        await p3.getNotifications().closeLocalLobbyAccessDenied();
+
+        // let's retry to enter the lobby and approve this time
+        const lobbyScreen = p3.getPreJoinScreen();
+
+        // click join button
+        await lobbyScreen.getJoinButton().click();
+        await lobbyScreen.waitToJoinLobby();
+
+        // check that moderator (participant 1) sees notification about participant in lobby
+        const name = await p1.getNotifications().getKnockingParticipantName();
+
+        expect(name).toBe(P3);
+        expect(await lobbyScreen.isLobbyRoomJoined()).toBe(true);
+
+        await p1ParticipantsPane.open();
+        await p1ParticipantsPane.admitLobbyParticipant(knockingParticipant);
+        await p1ParticipantsPane.close();
+
+        await p3.waitForParticipants(2);
+        await p3.waitForRemoteStreams(2);
+
+        expect(await p3.getFilmstrip().countVisibleThumbnails()).toBe(3);
+
+        // Check that there are no gaps in the filmstrip after joining from lobby
+        await p1.getFilmstrip().assertNoGapsInFilmstrip();
+        await p2.getFilmstrip().assertNoGapsInFilmstrip();
+        await p3.getFilmstrip().assertNoGapsInFilmstrip();
+    });
+});
+
+/**
+ * Enable lobby and check that it is enabled.
+ */
+async function enableLobby() {
+    const { p1, p2 } = ctx;
+
+    const p1SecurityDialog = p1.getSecurityDialog();
+
+    await p1.getToolbar().clickSecurityButton();
+    await p1SecurityDialog.waitForDisplay();
+
+    expect(await p1SecurityDialog.isLobbyEnabled()).toBe(false);
+
+    await p1SecurityDialog.toggleLobby();
+    await p1SecurityDialog.waitForLobbyEnabled();
+
+    expect((await p2.getNotifications().getLobbyEnabledText()).includes(p1.name)).toBe(true);
+
+    await p2.getNotifications().closeLobbyEnabled();
+
+    const p2SecurityDialog = p2.getSecurityDialog();
+
+    await p2.getToolbar().clickSecurityButton();
+    await p2SecurityDialog.waitForDisplay();
+
+    // lobby is visible to moderators only, this depends on whether deployment is all moderators or not
+    if (await p2.isModerator()) {
+        await p2SecurityDialog.waitForLobbyEnabled();
+    } else {
+        expect(await p2SecurityDialog.isLobbySectionPresent()).toBe(false);
+    }
+
+    // let's close the security dialog, or we will not be able to click
+    // on popups for allow/deny participants
+    await p1SecurityDialog.clickCloseButton();
+    await p2SecurityDialog.clickCloseButton();
+}
+
+/**
+ * Expects that lobby is enabled for the room we will try to join.
+ * Lobby UI is shown, enter display name and join.
+ * Checks Lobby UI and also that when joining the moderator sees corresponding notifications.
+ *
+ * @param participant The participant that is moderator in the meeting.
+ * @param enterDisplayName whether to enter display name. We need to enter display name only the first time when
+ * a participant sees the lobby screen, next time visiting the page display name will be pre-filled
+ * from local storage.
+ * @param usePreJoin
+ * @return the participant name knocking.
+ */
+async function enterLobby(participant: Participant, enterDisplayName = false, usePreJoin = false) {
+    const options: IJoinOptions = { };
+
+    if (usePreJoin) {
+        options.configOverwrite = {
+            prejoinConfig: {
+                enabled: true
+            }
+        };
+    }
+
+    await ensureThreeParticipants({
+        ...options,
+        skipDisplayName: true,
+        skipWaitToJoin: true,
+        skipInMeetingChecks: true
+    });
+
+    const { p3 } = ctx;
+    let screen: PreMeetingScreen;
+
+    // WebParticipant participant3 = getParticipant3();
+    // ParentPreMeetingScreen lobbyScreen;
+    if (usePreJoin) {
+        screen = p3.getPreJoinScreen();
+    } else {
+        screen = p3.getLobbyScreen();
+    }
+
+    // participant 3 should be now on pre-join screen
+    await screen.waitForLoading();
+
+    const displayNameInput = screen.getDisplayNameInput();
+
+    // check display name is visible
+    expect(await displayNameInput.isExisting()).toBe(true);
+    expect(await displayNameInput.isDisplayed()).toBe(true);
+
+    const joinButton = screen.getJoinButton();
+
+    expect(await joinButton.isExisting()).toBe(true);
+
+    if (enterDisplayName) {
+        let classes = await joinButton.getAttribute('class');
+
+        if (!usePreJoin) {
+            // check join button is disabled
+            expect(classes.includes('disabled')).toBe(true);
+        }
+
+        // TODO check that password is hidden as the room does not have password
+        // this check needs to be added once the functionality exists
+
+        // enter display name
+        await screen.enterDisplayName(P3);
+
+        // check join button is enabled
+        classes = await joinButton.getAttribute('class');
+        expect(classes.includes('disabled')).toBe(false);
+    }
+
+    // click join button
+    await screen.getJoinButton().click();
+    await screen.waitToJoinLobby();
+
+    // check no join button
+    await p3.driver.waitUntil(
+        async () => !await joinButton.isExisting() || !await joinButton.isDisplayed() || !await joinButton.isEnabled(),
+        {
+            timeout: 2_000,
+            timeoutMsg: 'Join button is still available for p3'
+        });
+
+    // new screen, is password button shown
+    const passwordButton = screen.getPasswordButton();
+
+    expect(await passwordButton.isExisting()).toBe(true);
+    expect(await passwordButton.isEnabled()).toBe(true);
+
+    // check that moderator (participant 1) sees notification about participant in lobby
+    const name = await participant.getNotifications().getKnockingParticipantName();
+
+    expect(name).toBe(P3);
+    expect(await screen.isLobbyRoomJoined()).toBe(true);
+
+    return name;
+}
diff --git a/tests/specs/moderation/lockRoom.spec.ts b/tests/specs/moderation/lockRoom.spec.ts
new file mode 100644
index 0000000..32e120f
--- /dev/null
+++ b/tests/specs/moderation/lockRoom.spec.ts
@@ -0,0 +1,183 @@
+import { Participant } from '../../helpers/Participant';
+import { setTestProperties } from '../../helpers/TestProperties';
+import { expectations } from '../../helpers/expectations';
+import { ensureOneParticipant, ensureTwoParticipants, joinSecondParticipant } from '../../helpers/participants';
+import type SecurityDialog from '../../pageobjects/SecurityDialog';
+
+setTestProperties(__filename, {
+    description: '1. Set a room password (assert the image changes to locked). \
+         2. Join with a second participant. \
+         3. Assert password is required (and padlock is locked). \
+         4. Assert wrong password fails. \
+         5. Unlock the room (assert the padlock is unlocked) \
+         6. Assert room is unlocked and the padlock is unlocked.',
+    usesBrowsers: [ 'p1', 'p2' ]
+});
+
+
+describe('Lock room', () => {
+    let p1: Participant, p2: Participant;
+    let roomKey: string;
+
+    it('setup', async () => {
+        if (!expectations.moderation.setPasswordAvailable) {
+            ctx.skipSuiteTests = 'setPasswordAvailable is not expected to be available';
+
+            return;
+        }
+
+        await ensureOneParticipant();
+        p1 = ctx.p1;
+
+        roomKey = `${Math.trunc(Math.random() * 1_000_000)}`;
+        await setPassword(p1, roomKey);
+    });
+    it('enter participant in locked room', async () => {
+        // first enter wrong pin then correct one
+        await joinSecondParticipant({
+            skipWaitToJoin: true
+        });
+
+        p2 = ctx.p2;
+
+        const p2PasswordDialog = p2.getPasswordDialog();
+
+        // Submit a wrong password
+        await p2PasswordDialog.waitForDialog();
+        await p2PasswordDialog.submitPassword(`${roomKey}1234`);
+
+        // give some time to the password prompt to disappear and send the password
+        // TODO: wait until the dialog is not displayed? Assert the room is not joined?
+        await p2.driver.pause(500);
+
+        // Submit the correct password
+        await p2PasswordDialog.waitForDialog();
+        await p2PasswordDialog.submitPassword(roomKey);
+
+        await p2.waitToJoinMUC();
+
+        const p2SecurityDialog = p2.getSecurityDialog();
+
+        await p2.getToolbar().clickSecurityButton();
+        await p2SecurityDialog.waitForDisplay();
+
+        await waitForRoomLockState(p2SecurityDialog, true);
+    });
+
+    it('unlock room', async () => {
+        await p2.hangup();
+
+        await removePassword(p1);
+    });
+
+    it('join the unlocked room', async () => {
+        // Just enter the room and check that is not locked.
+        await ensureTwoParticipants();
+        p2 = ctx.p2;
+
+        const p2SecurityDialog = p2.getSecurityDialog();
+
+        await p2.getToolbar().clickSecurityButton();
+        await p2SecurityDialog.waitForDisplay();
+
+        await waitForRoomLockState(p2SecurityDialog, false);
+        await p2SecurityDialog.clickCloseButton();
+    });
+
+    it('set password while participants are in the room', async () => {
+        // Both participants are in unlocked room, lock it and see whether the
+        // change is reflected on the second participant icon.
+        roomKey = `${Math.trunc(Math.random() * 1_000_000)}`;
+        await setPassword(p1, roomKey);
+
+        const p2SecurityDialog = p2.getSecurityDialog();
+
+        await p2.getToolbar().clickSecurityButton();
+        await p2SecurityDialog.waitForDisplay();
+
+        await waitForRoomLockState(p2SecurityDialog, true);
+        await removePassword(p1);
+        await waitForRoomLockState(p2SecurityDialog, false);
+    });
+    it('unlock after participant enter wrong password', async () => {
+        // P1 locks the room. Participant tries to enter using wrong password.
+        // P1 unlocks the room and Participant submits the password prompt with no password entered and
+        // should enter of unlocked room.
+        await p2.hangup();
+        roomKey = `${Math.trunc(Math.random() * 1_000_000)}`;
+        await setPassword(p1, roomKey);
+        await joinSecondParticipant({
+            skipWaitToJoin: true
+        });
+        p2 = ctx.p2;
+
+        // wait for password prompt
+        const p2PasswordDialog = p2.getPasswordDialog();
+
+        await p2PasswordDialog.waitForDialog();
+        await p2PasswordDialog.submitPassword(`${roomKey}1234`);
+
+        // give sometime to the password prompt to disappear and send the password
+        await p2.driver.pause(500);
+
+        // wait for password prompt
+        await p2PasswordDialog.waitForDialog();
+
+        await removePassword(p1);
+
+        await p2PasswordDialog.clickOkButton();
+        await p2.waitToJoinMUC();
+
+        const p2SecurityDialog = p2.getSecurityDialog();
+
+        await p2.getToolbar().clickSecurityButton();
+        await p2SecurityDialog.waitForDisplay();
+
+        await waitForRoomLockState(p2SecurityDialog, false);
+    });
+});
+
+/**
+ * Set a room password via the UI.
+ */
+async function setPassword(p: Participant, password: string) {
+    const securityDialog = p.getSecurityDialog();
+
+    await p.getToolbar().clickSecurityButton();
+    await securityDialog.waitForDisplay();
+    await waitForRoomLockState(securityDialog, false);
+    await securityDialog.addPassword(password);
+    await securityDialog.clickCloseButton();
+    await p.getToolbar().clickSecurityButton();
+    await securityDialog.waitForDisplay();
+    await waitForRoomLockState(securityDialog, true);
+    await securityDialog.clickCloseButton();
+}
+
+/**
+ * Remove the room password via the UI.
+ */
+async function removePassword(p: Participant) {
+    const securityDialog = p.getSecurityDialog();
+
+    await p.getToolbar().clickSecurityButton();
+    await securityDialog.waitForDisplay();
+    await securityDialog.removePassword();
+    await waitForRoomLockState(securityDialog, false);
+    await securityDialog.clickCloseButton();
+}
+
+/**
+ * Waits for the room to be locked or unlocked.
+ * @param securityDialog
+ * @param locked
+ */
+function waitForRoomLockState(securityDialog: SecurityDialog, locked: boolean) {
+    return securityDialog.participant.driver.waitUntil(
+        async () => await securityDialog.isLocked() === locked,
+        {
+            timeout: 3_000, // 3 seconds
+            timeoutMsg: `Timeout waiting for the room to unlock for ${securityDialog.participant.name}.`
+        }
+    );
+}
diff --git a/tests/specs/moderation/moderation.spec.ts b/tests/specs/moderation/moderation.spec.ts
new file mode 100644
index 0000000..d538e32
--- /dev/null
+++ b/tests/specs/moderation/moderation.spec.ts
@@ -0,0 +1,42 @@
+import { Participant } from '../../helpers/Participant';
+import { setTestProperties } from '../../helpers/TestProperties';
+import { config as testsConfig } from '../../helpers/TestsConfig';
+import { expectations } from '../../helpers/expectations';
+import { joinMuc } from '../../helpers/joinMuc';
+
+setTestProperties(__filename, {
+    description: 'This test asserts that participants have the expected role ("moderator" or not). Failures here\
+        most likely indicate that the environment or test framework is misconfigured.',
+    usesBrowsers: [ 'p1', 'p2' ]
+});
+
+// Just make sure that users are given moderator rights as specified in the expectations config.
+describe('Moderation', () => {
+    let p1: Participant, p2: Participant;
+
+    it('setup', async () => {
+        p1 = await joinMuc({ name: 'p1', token: testsConfig.jwt.preconfiguredToken });
+        p2 = await joinMuc({ name: 'p2', token: testsConfig.jwt.preconfiguredToken });
+    });
+    it('first moderator', async () => {
+        if (expectations.moderation.firstModerator) {
+            expect(await p1.isModerator()).toBe(true);
+        } else {
+            expect(await p1.isModerator()).toBe(false);
+        }
+    });
+    it('all moderators', async () => {
+        if (expectations.moderation.allModerators) {
+            expect(await p1.isModerator()).toBe(true);
+            expect(await p2.isModerator()).toBe(true);
+        }
+    });
+    it('auto moderator promotion', async () => {
+        if (expectations.moderation.autoModerator && !expectations.moderation.allModerators) {
+            expect(await p1.isModerator()).toBe(true);
+            expect(await p2.isModerator()).toBe(false);
+            await p1.hangup();
+            await p2.driver.waitUntil(async () => (await p2.isModerator()));
+        }
+    });
+});
diff --git a/tests/specs/ui/chatPanel.spec.ts b/tests/specs/ui/chatPanel.spec.ts
new file mode 100644
index 0000000..78949ab
--- /dev/null
+++ b/tests/specs/ui/chatPanel.spec.ts
@@ -0,0 +1,33 @@
+import { ensureOneParticipant } from '../../helpers/participants';
+
+describe('Chat panel', () => {
+    it('join participant', () => ensureOneParticipant());
+
+    it('start closed', async () => {
+        expect(await ctx.p1.getChatPanel().isOpen()).toBe(false);
+    });
+    it('open', async () => {
+        const { p1 } = ctx;
+
+        await p1.getToolbar().clickChatButton();
+        expect(await p1.getChatPanel().isOpen()).toBe(true);
+    });
+    it('use shortcut to close', async () => {
+        const chatPanel = ctx.p1.getChatPanel();
+
+        await chatPanel.pressShortcut();
+        expect(await chatPanel.isOpen()).toBe(false);
+    });
+    it('use shortcut to open', async () => {
+        const chatPanel = ctx.p1.getChatPanel();
+
+        await chatPanel.pressShortcut();
+        expect(await chatPanel.isOpen()).toBe(true);
+    });
+    it('use button to open', async () => {
+        const { p1 } = ctx;
+
+        await p1.getToolbar().clickCloseChatButton();
+        expect(await p1.getChatPanel().isOpen()).toBe(false);
+    });
+});
diff --git a/tests/specs/ui/displayName.spec.ts b/tests/specs/ui/displayName.spec.ts
new file mode 100644
index 0000000..80b6fd9
--- /dev/null
+++ b/tests/specs/ui/displayName.spec.ts
@@ -0,0 +1,46 @@
+import { setTestProperties } from '../../helpers/TestProperties';
+import { ensureTwoParticipants } from '../../helpers/participants';
+
+setTestProperties(__filename, {
+    usesBrowsers: [ 'p1', 'p2' ]
+});
+
+describe('Display name', () => {
+    it('joining the meeting', () => ensureTwoParticipants({ skipDisplayName: true }));
+
+    it('check change', async () => {
+        const { p1, p2 } = ctx;
+
+        // default remote display name
+        const defaultDisplayName = await p1.execute(() => config.defaultRemoteDisplayName);
+        const p1EndpointId = await p1.getEndpointId();
+        const p2EndpointId = await p2.getEndpointId();
+
+        // Checks whether default display names are set and shown, when both sides still miss the display name.
+        expect(await p1.getFilmstrip().getRemoteDisplayName(p2EndpointId)).toBe(defaultDisplayName);
+        expect(await p2.getFilmstrip().getRemoteDisplayName(p1EndpointId)).toBe(defaultDisplayName);
+
+        const randomName = `Name${Math.trunc(Math.random() * 1_000_000)}`;
+
+        await p2.setLocalDisplayName(randomName);
+        expect(await p2.getLocalDisplayName()).toBe(randomName);
+        expect(await p1.getFilmstrip().getRemoteDisplayName(p2EndpointId)).toBe(randomName);
+    });
+
+    it('check persistence', async () => {
+        const { p2 } = ctx;
+        const randomName = `Name${Math.trunc(Math.random() * 1_000_000)}`;
+
+        await p2.setLocalDisplayName(randomName);
+
+        expect(await p2.getLocalDisplayName()).toBe(randomName);
+
+        await p2.hangup();
+
+        await ensureTwoParticipants({
+            skipDisplayName: true
+        });
+
+        expect(await p2.getLocalDisplayName()).toBe(randomName);
+    });
+});
diff --git a/tests/specs/ui/endConference.spec.ts b/tests/specs/ui/endConference.spec.ts
new file mode 100644
index 0000000..eeccacd
--- /dev/null
+++ b/tests/specs/ui/endConference.spec.ts
@@ -0,0 +1,25 @@
+import { setTestProperties } from '../../helpers/TestProperties';
+import { ensureTwoParticipants } from '../../helpers/participants';
+
+setTestProperties(__filename, {
+    usesBrowsers: [ 'p1', 'p2' ]
+});
+
+describe('Hangup', () => {
+    it('joining the meeting', () => ensureTwoParticipants());
+
+    it('hangup call and check', async () => {
+        const { p1 } = ctx;
+        const url = await p1.driver.getUrl();
+
+        await p1.getToolbar().clickHangupButton();
+
+        await p1.driver.waitUntil(
+            async () => await p1.driver.getUrl() !== url,
+            {
+                timeout: 5000,
+                timeoutMsg: 'p1 did not navigate away from the conference'
+            }
+        );
+    });
+});
diff --git a/tests/specs/ui/lockRoomDigitsOnly.spec.ts b/tests/specs/ui/lockRoomDigitsOnly.spec.ts
new file mode 100644
index 0000000..5b359c0
--- /dev/null
+++ b/tests/specs/ui/lockRoomDigitsOnly.spec.ts
@@ -0,0 +1,63 @@
+import { Participant } from '../../helpers/Participant';
+import { setTestProperties } from '../../helpers/TestProperties';
+import { config as testsConfig } from '../../helpers/TestsConfig';
+import { expectations } from '../../helpers/expectations';
+import { joinMuc } from '../../helpers/joinMuc';
+
+setTestProperties(__filename, {
+    description: ' Tests that the digits only password feature works. When the roomPasswordNumberOfDigits config \
+    option is set, the UI should only allow setting the password to a string of digits (with the given length).'
+});
+describe('Lock room with digits only', () => {
+    let p: Participant;
+
+    it('setup', async () => {
+        if (!expectations.moderation.setPasswordAvailable) {
+            ctx.skipSuiteTests = 'setPasswordAvailable is not expected to be available';
+
+            return;
+        }
+
+        p = await joinMuc({
+            name: 'p1',
+            token: testsConfig.jwt.preconfiguredToken
+        }, {
+            configOverwrite: {
+                roomPasswordNumberOfDigits: 5
+            }
+        });
+    });
+
+    it('config value', async () => {
+        expect(await p.execute(
+            () => APP.store.getState()['features/base/config'].roomPasswordNumberOfDigits)).toBe(5);
+    });
+    it('set an invalid password', async () => {
+        const securityDialog = p.getSecurityDialog();
+
+        await p.getToolbar().clickSecurityButton();
+        await securityDialog.waitForDisplay();
+
+        expect(await securityDialog.isLocked()).toBe(false);
+
+        // Set a non-numeric password.
+        await securityDialog.addPassword('AAAAA');
+
+        expect(await securityDialog.isLocked()).toBe(false);
+        await securityDialog.clickCloseButton();
+    });
+    it('set a valid password', async () => {
+        const securityDialog = p.getSecurityDialog();
+
+        await p.getToolbar().clickSecurityButton();
+        await securityDialog.waitForDisplay();
+
+        await securityDialog.addPassword('12345');
+        await securityDialog.clickCloseButton();
+
+        await p.getToolbar().clickSecurityButton();
+        await securityDialog.waitForDisplay();
+
+        expect(await securityDialog.isLocked()).toBe(true);
+    });
+});
diff --git a/tests/specs/ui/oneOnOne.spec.ts b/tests/specs/ui/oneOnOne.spec.ts
new file mode 100644
index 0000000..0a51f4a
--- /dev/null
+++ b/tests/specs/ui/oneOnOne.spec.ts
@@ -0,0 +1,86 @@
+import type { Participant } from '../../helpers/Participant';
+import { setTestProperties } from '../../helpers/TestProperties';
+import {
+    ensureThreeParticipants,
+    ensureTwoParticipants
+} from '../../helpers/participants';
+
+setTestProperties(__filename, {
+    usesBrowsers: [ 'p1', 'p2', 'p3' ]
+});
+
+const ONE_ON_ONE_CONFIG_OVERRIDES = {
+    configOverwrite: {
+        disable1On1Mode: false,
+        toolbarConfig: {
+            timeout: 500,
+            alwaysVisible: false
+        }
+    }
+};
+
+describe('One-on-one (1on1) mode', () => {
+    it('filmstrip hidden in 1on1', async () => {
+        await ensureTwoParticipants(ONE_ON_ONE_CONFIG_OVERRIDES);
+
+        const { p1, p2 } = ctx;
+
+        await configureToolbarsToHideQuickly(p1);
+        await configureToolbarsToHideQuickly(p2);
+
+        await p1.getFilmstrip().verifyRemoteVideosDisplay(false);
+        await p2.getFilmstrip().verifyRemoteVideosDisplay(false);
+    });
+
+    it('filmstrip visible with more than 2', async () => {
+        await ensureThreeParticipants(ONE_ON_ONE_CONFIG_OVERRIDES);
+
+        const { p1, p2, p3 } = ctx;
+
+        await configureToolbarsToHideQuickly(p3);
+
+        await p1.getFilmstrip().verifyRemoteVideosDisplay(true);
+        await p2.getFilmstrip().verifyRemoteVideosDisplay(true);
+        await p3.getFilmstrip().verifyRemoteVideosDisplay(true);
+    });
+
+    it('filmstrip display when returning to 1on1', async () => {
+        const { p1, p2, p3 } = ctx;
+
+        await p2.getFilmstrip().pinParticipant(p2);
+
+        await p3.hangup();
+
+        await p1.getFilmstrip().verifyRemoteVideosDisplay(false);
+        await p2.getFilmstrip().verifyRemoteVideosDisplay(true);
+    });
+
+    it('filmstrip visible on self view focus', async () => {
+        const { p1 } = ctx;
+
+        await p1.getFilmstrip().pinParticipant(p1);
+        await p1.getFilmstrip().verifyRemoteVideosDisplay(true);
+
+        await p1.getFilmstrip().unpinParticipant(p1);
+        await p1.getFilmstrip().verifyRemoteVideosDisplay(false);
+    });
+
+    it('filmstrip hover show videos', async () => {
+        const { p1 } = ctx;
+
+        await p1.getFilmstrip().hoverOverLocalVideo();
+
+        await p1.getFilmstrip().verifyRemoteVideosDisplay(true);
+    });
+});
+
+/**
+ * Hangs up all participants (p1, p2 and p3)
+ * @returns {Promise<void>}
+ */
+function configureToolbarsToHideQuickly(participant: Participant): Promise<void> {
+    return participant.execute(() => {
+        APP.UI.dockToolbar(false);
+        APP.UI.showToolbar(250);
+    });
+}
diff --git a/tests/specs/ui/preJoin.spec.ts b/tests/specs/ui/preJoin.spec.ts
new file mode 100644
index 0000000..dfb1d55
--- /dev/null
+++ b/tests/specs/ui/preJoin.spec.ts
@@ -0,0 +1,126 @@
+import { setTestProperties } from '../../helpers/TestProperties';
+import { ensureOneParticipant, joinFirstParticipant, joinSecondParticipant } from '../../helpers/participants';
+
+setTestProperties(__filename, {
+    usesBrowsers: [ 'p1', 'p2' ]
+});
+
+describe('Pre-join screen', () => {
+    it('display name required', async () => {
+        await joinFirstParticipant({
+            configOverwrite: {
+                prejoinConfig: {
+                    enabled: true,
+                },
+                requireDisplayName: true
+            },
+            skipDisplayName: true,
+            skipWaitToJoin: true
+        });
+
+        const p1PreJoinScreen = ctx.p1.getPreJoinScreen();
+
+        await p1PreJoinScreen.waitForLoading();
+
+        const joinButton = p1PreJoinScreen.getJoinButton();
+
+        await joinButton.waitForDisplayed();
+        await joinButton.click();
+
+        const error = p1PreJoinScreen.getErrorOnJoin();
+
+        await error.waitForDisplayed();
+
+        await ctx.p1.hangup();
+    });
+
+    it('without lobby', async () => {
+        await joinFirstParticipant({
+            configOverwrite: {
+                prejoinConfig: {
+                    enabled: true,
+                }
+            },
+            skipDisplayName: true,
+            skipWaitToJoin: true
+        });
+
+        const p1PreJoinScreen = ctx.p1.getPreJoinScreen();
+
+        await p1PreJoinScreen.waitForLoading();
+
+        const joinButton = p1PreJoinScreen.getJoinButton();
+
+        await joinButton.waitForDisplayed();
+
+        await ctx.p1.hangup();
+    });
+
+    it('without audio', async () => {
+        await joinFirstParticipant({
+            configOverwrite: {
+                prejoinConfig: {
+                    enabled: true,
+                }
+            },
+            skipDisplayName: true,
+            skipWaitToJoin: true
+        });
+
+        const { p1 } = ctx;
+
+        const p1PreJoinScreen = p1.getPreJoinScreen();
+
+        await p1PreJoinScreen.waitForLoading();
+
+        await p1PreJoinScreen.getJoinOptions().click();
+
+        const joinWithoutAudioBtn = p1PreJoinScreen.getJoinWithoutAudioButton();
+
+        await joinWithoutAudioBtn.waitForClickable();
+        await joinWithoutAudioBtn.click();
+
+        await p1.waitToJoinMUC();
+
+        await p1.driver.$('//div[contains(@class, "audio-preview")]//div[contains(@class, "toolbox-icon") '
+            + 'and contains(@class, "toggled") and contains(@class, "disabled")]')
+            .waitForDisplayed();
+
+        await ctx.p1.hangup();
+    });
+
+    it('with lobby', async () => {
+        await ensureOneParticipant();
+
+        const { p1 } = ctx;
+
+        const p1SecurityDialog = p1.getSecurityDialog();
+
+        await p1.getToolbar().clickSecurityButton();
+        await p1SecurityDialog.waitForDisplay();
+
+        expect(await p1SecurityDialog.isLobbyEnabled()).toBe(false);
+
+        await p1SecurityDialog.toggleLobby();
+        await p1SecurityDialog.waitForLobbyEnabled();
+
+        await joinSecondParticipant({
+            configOverwrite: {
+                prejoinConfig: {
+                    enabled: true,
+                }
+            },
+            skipDisplayName: true,
+            skipWaitToJoin: true
+        });
+
+        const p1PreJoinScreen = ctx.p2.getPreJoinScreen();
+
+        await p1PreJoinScreen.waitForLoading();
+
+        const joinButton = p1PreJoinScreen.getJoinButton();
+
+        await joinButton.waitForDisplayed();
+
+    });
+});
diff --git a/tests/specs/ui/selfView.spec.ts b/tests/specs/ui/selfView.spec.ts
new file mode 100644
index 0000000..62c51b7
--- /dev/null
+++ b/tests/specs/ui/selfView.spec.ts
@@ -0,0 +1,73 @@
+import type { Participant } from '../../helpers/Participant';
+import { setTestProperties } from '../../helpers/TestProperties';
+import { ensureTwoParticipants } from '../../helpers/participants';
+
+setTestProperties(__filename, {
+    usesBrowsers: [ 'p1', 'p2' ]
+});
+
+describe('Self view', () => {
+    it('joining the meeting', () => ensureTwoParticipants());
+
+    it('hide from menu', async () => {
+        const { p1 } = ctx;
+
+        await checkSelfViewHidden(p1, false);
+
+        await p1.getFilmstrip().hideSelfView();
+
+        await checkSelfViewHidden(p1, true, true);
+
+        await p1.getToolbar().clickEnterTileViewButton();
+
+        await checkSelfViewHidden(p1, true);
+    });
+
+    it('show from settings', async () => {
+        const { p1 } = ctx;
+
+        await toggleSelfViewFromSettings(p1, false);
+
+        await checkSelfViewHidden(p1, false);
+    });
+
+    it('hide from settings', async () => {
+        const { p1 } = ctx;
+
+        await toggleSelfViewFromSettings(p1, true);
+        await checkSelfViewHidden(p1, true, true);
+    });
+
+    it('check in alone meeting', async () => {
+        const { p1, p2 } = ctx;
+
+        await checkSelfViewHidden(p1, true);
+        await p2.hangup();
+        await checkSelfViewHidden(p1, true);
+    });
+});
+
+/**
+ * Toggles the self view option from the settings dialog.
+ */
+async function toggleSelfViewFromSettings(participant: Participant, hide: boolean) {
+    await participant.getToolbar().clickSettingsButton();
+
+    const settings = participant.getSettingsDialog();
+
+    await settings.waitForDisplay();
+    await settings.setHideSelfView(hide);
+    await settings.submit();
+}
+
+/**
+ * Checks whether the local self view is displayed or not.
+ */
+async function checkSelfViewHidden(participant: Participant, hidden: boolean, checkNotification = false) {
+    if (checkNotification) {
+        await participant.getNotifications().waitForReEnableSelfViewNotification();
+        await participant.getNotifications().closeReEnableSelfViewNotification();
+    }
+
+    await participant.getFilmstrip().assertSelfViewIsHidden(hidden);
+}
diff --git a/tests/specs/ui/tileView.spec.ts b/tests/specs/ui/tileView.spec.ts
new file mode 100644
index 0000000..e7f2798
--- /dev/null
+++ b/tests/specs/ui/tileView.spec.ts
@@ -0,0 +1,58 @@
+import { Participant } from '../../helpers/Participant';
+import { setTestProperties } from '../../helpers/TestProperties';
+import { config as testsConfig } from '../../helpers/TestsConfig';
+import { joinMuc } from '../../helpers/joinMuc';
+
+/**
+ * The CSS selector for local video when outside of tile view. It should
+ * be in a container separate from remote videos so remote videos can
+ * scroll while local video stays docked.
+ */
+const FILMSTRIP_VIEW_LOCAL_VIDEO_CSS_SELECTOR = '#filmstripLocalVideo #localVideoContainer';
+
+/**
+ * The CSS selector for local video tile view is enabled. It should display
+ * at the end of all the other remote videos, as the last tile.
+ */
+const TILE_VIEW_LOCAL_VIDEO_CSS_SELECTOR = '.remote-videos #localVideoContainer';
+
+setTestProperties(__filename, {
+    usesBrowsers: [ 'p1', 'p2' ]
+});
+
+describe('Tile view', () => {
+    let p1: Participant, p2: Participant;
+
+    before('join the meeting', async () => {
+        p1 = await joinMuc({ name: 'p1', token: testsConfig.jwt.preconfiguredToken });
+        p2 = await joinMuc({ name: 'p2' });
+    });
+    it('entering tile view', async () => {
+        await p1.getToolbar().clickEnterTileViewButton();
+        await p1.waitForTileViewDisplayed();
+    });
+    it('exit tile view by pinning', async () => {
+        await p1.getFilmstrip().pinParticipant(p2);
+        await p1.waitForTileViewDisplayed(true);
+    });
+    it('local video is displayed in tile view', async () => {
+        await p1.getToolbar().clickEnterTileViewButton();
+        await p1.waitForTileViewDisplayed();
+        await p1.driver.$(TILE_VIEW_LOCAL_VIDEO_CSS_SELECTOR).waitForDisplayed({ timeout: 3000 });
+        await p1.driver.$(FILMSTRIP_VIEW_LOCAL_VIDEO_CSS_SELECTOR).waitForDisplayed({
+            timeout: 3000,
+            reverse: true
+        });
+    });
+    it('exit tile view by clicking "exit tile view"', async () => {
+        await p1.getToolbar().clickExitTileViewButton();
+        await p1.waitForTileViewDisplayed(true);
+    });
+    it('local video display independently from remote', async () => {
+        await p1.driver.$(TILE_VIEW_LOCAL_VIDEO_CSS_SELECTOR).waitForDisplayed({
+            timeout: 3000,
+            reverse: true
+        });
+        await p1.driver.$(FILMSTRIP_VIEW_LOCAL_VIDEO_CSS_SELECTOR).waitForDisplayed({ timeout: 3000 });
+    });
+});
diff --git a/tests/specs/ui/videoLayout.spec.ts b/tests/specs/ui/videoLayout.spec.ts
new file mode 100644
index 0000000..ac518b4
--- /dev/null
+++ b/tests/specs/ui/videoLayout.spec.ts
@@ -0,0 +1,27 @@
+import { ensureOneParticipant } from '../../helpers/participants';
+
+describe('Video layout', () => {
+    it('join participant', () => ensureOneParticipant());
+
+    it('check', async () => {
+        const { p1 } = ctx;
+
+        const innerWidth = parseInt(await p1.execute('return window.innerWidth'), 10);
+        const innerHeight = parseInt(await p1.execute('return window.innerHeight'), 10);
+
+        const largeVideo = p1.driver.$('//div[@id="largeVideoContainer"]');
+        const filmstrip = p1.driver.$('//div[contains(@class, "filmstrip")]');
+        let filmstripWidth;
+
+        if (!await filmstrip.isExisting() || !await filmstrip.isDisplayed()) {
+            filmstripWidth = 0;
+        } else {
+            filmstripWidth = await filmstrip.getSize('width');
+        }
+
+        const largeVideoSize = await largeVideo.getSize();
+
+        expect((largeVideoSize.width === (innerWidth - filmstripWidth)) || (largeVideoSize.height === innerHeight))
+            .toBe(true);
+    });
+});
diff --git a/tests/wdio.conf.ts b/tests/wdio.conf.ts
new file mode 100644
index 0000000..11e3528
--- /dev/null
+++ b/tests/wdio.conf.ts
@@ -0,0 +1,522 @@
+import AllureReporter from '@wdio/allure-reporter';
+import { multiremotebrowser } from '@wdio/globals';
+import { Buffer } from 'buffer';
+import fs from 'fs';
+import { glob } from 'glob';
+import path from 'node:path';
+import process from 'node:process';
+import pretty from 'pretty';
+
+import { getTestProperties, loadTestFiles } from './helpers/TestProperties';
+import { config as testsConfig } from './helpers/TestsConfig';
+import WebhookProxy from './helpers/WebhookProxy';
+import { getLogs, initLogger, logInfo, saveLogs } from './helpers/browserLogger';
+import { IContext } from './helpers/types';
+import { generateRoomName } from './helpers/utils';
+
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const allure = require('allure-commandline');
+
+// This is deprecated without alternative (https://github.com/nodejs/node/issues/32483)
+// we need it to be able to reuse jitsi-meet code in tests
+require.extensions['.web.ts'] = require.extensions['.ts'];
+
+const chromeArgs = [
+    '--allow-insecure-localhost',
+    '--use-fake-ui-for-media-stream',
+    '--use-fake-device-for-media-stream',
+    '--disable-plugins',
+    '--mute-audio',
+    '--disable-infobars',
+    '--autoplay-policy=no-user-gesture-required',
+    '--auto-select-desktop-capture-source=Your Entire screen',
+    '--no-sandbox',
+    '--disable-dev-shm-usage',
+    '--disable-setuid-sandbox',
+
+    // Avoids - "You are checking for animations on an inactive tab, animations do not run for inactive tabs"
+    // when executing waitForStable()
+    '--disable-renderer-backgrounding',
+    '--use-file-for-fake-audio-capture=tests/resources/fakeAudioStream.wav'
+];
+
+if (process.env.RESOLVER_RULES) {
+    chromeArgs.push(`--host-resolver-rules=${process.env.RESOLVER_RULES}`);
+}
+if (process.env.ALLOW_INSECURE_CERTS === 'true') {
+    chromeArgs.push('--ignore-certificate-errors');
+}
+if (process.env.HEADLESS === 'true') {
+    chromeArgs.push('--headless');
+    chromeArgs.push('--window-size=1280,1024');
+}
+if (process.env.VIDEO_CAPTURE_FILE) {
+    chromeArgs.push(`--use-file-for-fake-video-capture=${process.env.VIDEO_CAPTURE_FILE}`);
+}
+
+const chromePreferences = {
+    'intl.accept_languages': 'en-US'
+};
+
+const specs = [
+    'specs/**/*.spec.ts'
+];
+
+/**
+ * Analyzes test files at config construction time to determine browser requirements
+ * and generate capabilities with appropriate exclusions.
+ */
+function generateCapabilitiesFromSpecs(): Record<string, any> {
+    const allSpecFiles: string[] = [];
+    const browsers = [ 'p1', 'p2', 'p3', 'p4' ];
+
+    for (const pattern of specs) {
+        const matches = glob.sync(pattern, { cwd: path.join(__dirname) });
+
+        allSpecFiles.push(...matches.map(f => path.resolve(__dirname, f)));
+    }
+
+    // Load test files to populate the testProperties registry
+    loadTestFiles(allSpecFiles);
+
+    // Import TestProperties to access the populated registry
+    const { testProperties } = require('./helpers/TestProperties');
+
+    // Determine which browsers need which exclusions
+    const browserExclusions: Record<string, Set<string>> = {
+        p1: new Set(),
+        p2: new Set(),
+        p3: new Set(),
+        p4: new Set()
+    };
+
+    for (const file of allSpecFiles) {
+        const props = testProperties[file];
+        const relativeFile = path.relative(__dirname, file);
+
+        // If a test doesn't use a particular browser, add it to exclusions for that browser
+        if (props?.usesBrowsers) {
+            browsers.forEach(browser => {
+                if (!props.usesBrowsers!.includes(browser)) {
+                    browserExclusions[browser].add(relativeFile);
+                }
+            });
+        }
+    }
+
+    return Object.fromEntries(
+        browsers.map(browser => [
+            browser,
+            {
+                capabilities: {
+                    browserName: 'chrome',
+                    ...(browser === 'p1' && process.env.BROWSER_CHROME_BETA ? { browserVersion: 'beta' } : {}),
+                    'goog:chromeOptions': {
+                        args: chromeArgs,
+                        prefs: chromePreferences
+                    },
+                    'wdio:exclude': Array.from(browserExclusions[browser] || [])
+                }
+            }
+        ])
+    );
+}
+
+const capabilities = generateCapabilitiesFromSpecs();
+
+const TEST_RESULTS_DIR = 'test-results';
+
+const keepAlive: Array<any> = [];
+
+export const config: WebdriverIO.MultiremoteConfig = {
+
+    runner: 'local',
+
+    specs,
+
+    maxInstances: parseInt(process.env.MAX_INSTANCES || '1', 10), // if changing check onWorkerStart logic
+
+    baseUrl: process.env.BASE_URL || 'https://alpha.jitsi.net/torture/',
+    tsConfigPath: './tsconfig.json',
+
+    // Default timeout for all waitForXXX commands.
+    waitforTimeout: 1000,
+
+    // Default timeout in milliseconds for request
+    // if browser driver or grid doesn't send response
+    connectionRetryTimeout: 15_000,
+
+    // Default request retries count
+    connectionRetryCount: 3,
+
+    framework: 'mocha',
+
+    mochaOpts: {
+        timeout: 180_000
+    },
+
+    capabilities,
+
+    // Level of logging verbosity: trace | debug | info | warn | error | silent
+    logLevel: 'trace',
+    logLevels: {
+        webdriver: 'info'
+    },
+
+    // Can be used to debug chromedriver, depends on chromedriver and wdio-chromedriver-service
+    // services: [
+    //     [ 'chromedriver', {
+    //         // Pass the --verbose flag to Chromedriver
+    //         args: [ '--verbose' ],
+    //         // Optionally, define a file to store the logs instead of stdout
+    //         logFileName: 'wdio-chromedriver.log',
+    //         // Optionally, define a directory for the log file
+    //         outputDir: 'test-results',
+    //     } ]
+    // ],
+
+    // Set directory to store all logs into
+    outputDir: TEST_RESULTS_DIR,
+
+    reporters: [
+        [ 'junit', {
+            outputDir: TEST_RESULTS_DIR,
+            outputFileFormat(options) { // optional
+                return `results-${options.cid}.xml`;
+            }
+        } ],
+        [ 'allure', {
+            // addConsoleLogs: true,
+            outputDir: `${TEST_RESULTS_DIR}/allure-results`,
+            disableWebdriverStepsReporting: true,
+            disableWebdriverScreenshotsReporting: true,
+            useCucumberStepReporter: false
+        } ]
+    ],
+
+    // =====
+    // Hooks
+    // =====
+    /**
+     * Gets executed before test execution begins. At this point you can access to all global
+     * variables like `browser`. It is the perfect place to define custom commands.
+     * We have overriden this function in beforeSession to be able to pass cid as first param.
+     *
+     * @returns {Promise<void>}
+     */
+    async before(cid, _, files) {
+        if (files.length !== 1) {
+            console.warn('We expect to run a single suite, but got more than one');
+        }
+
+        const testFilePath = files[0].replace(/^file:\/\//, '');
+        const testName = path.relative('tests/specs', testFilePath)
+            .replace(/.spec.ts$/, '')
+            .replace(/\//g, '-');
+        const testProperties = await getTestProperties(testFilePath);
+
+        console.log(`Running test: ${testName} via worker: ${cid}`);
+
+        const globalAny: any = global;
+
+        globalAny.ctx = {
+            times: {}
+        } as IContext;
+        globalAny.ctx.testProperties = testProperties;
+
+        if (testProperties.useJaas && !testsConfig.jaas.enabled) {
+            globalAny.ctx.skipSuiteTests = 'JaaS is not configured';
+
+            return;
+        }
+
+        await Promise.all(multiremotebrowser.instances.map(async (instance: string) => {
+            const bInstance = multiremotebrowser.getInstance(instance);
+
+            // @ts-ignore
+            initLogger(bInstance, `${instance}-${cid}-${testName}`, TEST_RESULTS_DIR);
+
+            // setup keepalive
+            keepAlive.push(setInterval(async () => {
+                await bInstance.execute(() => console.log(`${new Date().toISOString()} keep-alive`));
+            }, 20_000));
+
+            if (bInstance.isFirefox) {
+                return;
+            }
+
+            const rpath = await bInstance.uploadFile('tests/resources/iframeAPITest.html');
+
+            // @ts-ignore
+            bInstance.iframePageBase = `file://${path.dirname(rpath)}`;
+        }));
+
+        globalAny.ctx.roomName = generateRoomName(testName);
+        console.log(`Using room name: ${globalAny.ctx.roomName}`);
+
+        if (testProperties.useWebhookProxy && testsConfig.webhooksProxy.enabled && !globalAny.ctx.webhooksProxy) {
+            const tenant = testsConfig.jaas.tenant;
+
+            if (!testProperties.useJaas) {
+                throw new Error('The test tries to use WebhookProxy without JaaS.');
+            }
+            if (!tenant) {
+                console.log(`Can not configure WebhookProxy, missing tenant in config. Skipping ${testName}.`);
+                globalAny.ctx.skipSuiteTests = 'WebHookProxy is required but not configured (missing tenant)';
+
+                return;
+            }
+
+            globalAny.ctx.webhooksProxy = new WebhookProxy(
+                `${testsConfig.webhooksProxy.url}?tenant=${tenant}&room=${globalAny.ctx.roomName}`,
+                testsConfig.webhooksProxy.sharedSecret!,
+                `${TEST_RESULTS_DIR}/webhooks-${cid}-${testName}.log`);
+            globalAny.ctx.webhooksProxy.connect();
+        }
+
+        if (testProperties.requireWebhookProxy && !globalAny.ctx.webhooksProxy) {
+            throw new Error('The test requires WebhookProxy, but it is not available.');
+        }
+    },
+
+    after() {
+        const { ctx }: any = global;
+
+        ctx?.webhooksProxy?.disconnect();
+        keepAlive.forEach(clearInterval);
+    },
+
+    beforeSession(c, capabilities_, specs_, cid) {
+        const originalBefore = c.before;
+
+        if (!originalBefore || !Array.isArray(originalBefore) || originalBefore.length !== 1) {
+            console.warn('No before hook found or more than one found, skipping');
+
+            return;
+        }
+
+        if (originalBefore) {
+            c.before = [ async function(...args) {
+                // Call original with cid as first param, followed by original args
+                // @ts-ignore
+                return await originalBefore[0].call(c, cid, ...args);
+            } ];
+        }
+    },
+
+    /**
+     * Gets executed before the suite starts (in Mocha/Jasmine only).
+     *
+     * @param {Object} suite - Suite details.
+     */
+    beforeSuite(suite) {
+        multiremotebrowser.instances.forEach((instance: string) => {
+            logInfo(multiremotebrowser.getInstance(instance),
+                `---=== Begin ${suite.file.substring(suite.file.lastIndexOf('/') + 1)} ===---`);
+        });
+    },
+
+    /**
+     * Function to be executed before a test (in Mocha/Jasmine only).
+     *
+     * @param {Object} test - Test object.
+     * @param {Object} context - The context object.
+     */
+    beforeTest(test, context) {
+        // Extract directory to use as parent suite and describe block name as suite
+        const dirMatch = test.file.match(/.*\/tests\/specs\/([^\/]+)\//);
+        const dir = dirMatch ? dirMatch[1] : false;
+        const fileMatch = test.file.match(/.*\/tests\/specs\/(.*)/);
+        const file = fileMatch ? fileMatch[1] : false;
+
+        if (ctx.testProperties.description) {
+            AllureReporter.addDescription(ctx.testProperties.description, 'text');
+        }
+
+        if (file) {
+            AllureReporter.addLink(`https://github.com/jitsi/jitsi-meet/blob/master/tests/specs/${file}`, 'Code');
+        }
+
+        // For Allure v3: set directory as parent suite and describe block as suite
+        if (dir && test.parent) {
+            AllureReporter.addParentSuite(dir);
+            AllureReporter.addSuite(test.parent);
+        }
+
+        if (ctx.skipSuiteTests) {
+            if ((typeof ctx.skipSuiteTests) === 'string') {
+                AllureReporter.addDescription((ctx.testProperties.description || '')
+                    + '\n\nSkipped because: ' + ctx.skipSuiteTests, 'text');
+            }
+            console.log(`Skipping because: ${ctx.skipSuiteTests}`);
+
+            context.skip();
+
+            return;
+        }
+
+        multiremotebrowser.instances.forEach((instance: string) => {
+            logInfo(multiremotebrowser.getInstance(instance), `---=== Start test ${test.title} ===---`);
+        });
+    },
+
+    /**
+     * Function to be executed after a test (in Mocha/Jasmine only).
+     *
+     * @param {Object} test - Test object.
+     * @param {Object} context - Scope object the test was executed with.
+     * @param {Error}  error - Error object in case the test fails, otherwise `undefined`.
+     * @returns {Promise<void>}
+     */
+    async afterTest(test, context, { error }) {
+        multiremotebrowser.instances.forEach((instance: string) =>
+            logInfo(multiremotebrowser.getInstance(instance), `---=== End test ${test.title} ===---`));
+
+        if (error) {
+
+            // skip all remaining tests in the suite
+            ctx.skipSuiteTests = `Test "${test.title}" has failed.`;
+
+            // make sure all browsers are at the main app in iframe (if used), so we collect debug info
+            await Promise.all(multiremotebrowser.instances.map(async (instance: string) => {
+                // @ts-ignore
+                await ctx[instance]?.switchToIFrame();
+            }));
+
+            const allProcessing: Promise<any>[] = [];
+            const attachments: { content: string | Buffer; filename: string; type: string; }[] = [];
+
+            multiremotebrowser.instances.forEach((instance: string) => {
+                const bInstance = multiremotebrowser.getInstance(instance);
+
+                allProcessing.push(bInstance.takeScreenshot().then(shot => {
+                    attachments.push({
+                        filename: `${instance}-screenshot`,
+                        content: Buffer.from(shot, 'base64'),
+                        type: 'image/png' });
+                }));
+
+                // @ts-ignore
+                allProcessing.push(bInstance.execute(() => typeof APP !== 'undefined' && APP.connection?.getLogs())
+                    .then(logs =>
+                        logs && attachments.push({
+                            filename: `${instance}-debug-logs`,
+                            content: JSON.stringify(logs, null, '    '),
+                            type: 'text/plain' }))
+                    .catch(e => console.error('Failed grabbing debug logs', e)));
+
+                allProcessing.push(
+                    bInstance.execute(() => window.APP?.debugLogs?.logs?.join('\n')).then(res => {
+                        if (res) {
+                            saveLogs(bInstance, res);
+                        }
+
+                        attachments.push({
+                            filename: `${instance}-console-logs`,
+                            content: getLogs(bInstance) || '',
+                            type: 'text/plain' });
+                    }));
+
+                allProcessing.push(bInstance.getPageSource().then(source => {
+                    attachments.push({
+                        filename: `${instance}-html-source`,
+                        content: pretty(source),
+                        type: 'text/plain' });
+                }));
+            });
+
+            await Promise.allSettled(allProcessing);
+            attachments.sort(
+                (a, b) => {
+                    return a.filename < b.filename ? -1 : 1;
+                }).forEach(
+                a => {
+                    AllureReporter.addAttachment(a.filename, a.content, a.type);
+                }
+            );
+        }
+    },
+
+    /**
+     * Hook that gets executed after the suite has ended (in Mocha/Jasmine only).
+     *
+     * @param {Object} suite - Suite details.
+     * @returns {Promise<void>}
+     */
+    afterSuite(suite) {
+        multiremotebrowser.instances.forEach((instance: string) => {
+            logInfo(multiremotebrowser.getInstance(instance),
+                `---=== End ${suite.file.substring(suite.file.lastIndexOf('/') + 1)} ===---`);
+        });
+    },
+
+    /**
+     * Gets executed after all workers have shut down and the process is about to exit.
+     * An error thrown in the `onComplete` hook will result in the test run failing.
+     *
+     * @returns {Promise<void>}
+     */
+    onComplete() {
+        // Clean up duplicate parentSuite labels from Allure results
+        const resultsDir = `${TEST_RESULTS_DIR}/allure-results`;
+        const resultFiles = fs.readdirSync(resultsDir).filter(f => f.endsWith('-result.json'));
+
+        resultFiles.forEach(file => {
+            const filePath = path.join(resultsDir, file);
+            const result = JSON.parse(fs.readFileSync(filePath, 'utf8'));
+
+            // Keep only the LAST parentSuite label (the manual one with directory name)
+            // Remove the automatic one from WebDriverIO (describe block name)
+            const parentSuiteLabels: any[] = [];
+            const otherLabels: any[] = [];
+
+            result.labels.forEach((label: any) => {
+                if (label.name === 'parentSuite') {
+                    parentSuiteLabels.push(label);
+                } else {
+                    otherLabels.push(label);
+                }
+            });
+
+            // Keep only the last parentSuite (the directory name we manually added)
+            if (parentSuiteLabels.length > 1) {
+                result.labels = [ ...otherLabels, parentSuiteLabels[parentSuiteLabels.length - 1] ];
+                fs.writeFileSync(filePath, JSON.stringify(result));
+            }
+        });
+
+        const reportError = new Error('Could not generate Allure report');
+        const generation = allure([
+            'generate', `${TEST_RESULTS_DIR}/allure-results`,
+            '--clean', '--single-file',
+            '--report-dir', `${TEST_RESULTS_DIR}/allure-report`
+        ]);
+
+        return new Promise<void>((resolve, reject) => {
+            const generationTimeout = setTimeout(
+                () => reject(reportError),
+                5000);
+
+            // @ts-ignore
+            generation.on('exit', eCode => {
+                clearTimeout(generationTimeout);
+
+                if (eCode !== 0) {
+                    return reject(reportError);
+                }
+
+                console.log('Allure report successfully generated');
+
+                // An ugly hack to sort by test order by default in the allure report.
+                const content = fs.readFileSync(`${TEST_RESULTS_DIR}/allure-report/index.html`, 'utf8');
+                const modifiedContent = content.replace('<body>',
+                    '<body><script>localStorage.setItem("ALLURE_REPORT_SETTINGS_SUITES", \'{"treeSorting":{"sorter":"sorter.order","ascending":true}}\')</script>'
+                );
+
+                fs.writeFileSync(`${TEST_RESULTS_DIR}/allure-report/index.html`, modifiedContent);
+
+                resolve();
+            });
+        });
+    }
+} as WebdriverIO.MultiremoteConfig;
diff --git a/tests/wdio.dev.conf.ts b/tests/wdio.dev.conf.ts
new file mode 100644
index 0000000..b23d7b5
--- /dev/null
+++ b/tests/wdio.dev.conf.ts
@@ -0,0 +1,11 @@
+// wdio.dev.conf.ts
+// extends the main configuration file for the development environment (make dev)
+// it will connect to the webpack-dev-server running locally on port 8080
+import { merge } from 'lodash-es';
+
+// @ts-ignore
+import { config as defaultConfig } from './wdio.conf.ts';
+
+export const config = merge(defaultConfig, {
+    baseUrl: 'https://127.0.0.1:8080/torture'
+}, { clone: false });
diff --git a/tests/wdio.firefox.conf.ts b/tests/wdio.firefox.conf.ts
new file mode 100644
index 0000000..3a07946
--- /dev/null
+++ b/tests/wdio.firefox.conf.ts
@@ -0,0 +1,59 @@
+// wdio.firefox.conf.ts
+// extends the main configuration file changing first participant to be Firefox
+import { merge } from 'lodash-es';
+import process from 'node:process';
+
+// @ts-ignore
+import { config as defaultConfig } from './wdio.conf.ts';
+
+const ffArgs = [];
+
+const ffPreferences = {
+    'intl.accept_languages': 'en-US',
+    'media.navigator.permission.disabled': true,
+    'media.navigator.streams.fake': true,
+    'media.autoplay.default': 0
+};
+
+if (process.env.HEADLESS === 'true') {
+    ffArgs.push('--headless');
+}
+
+const mergedConfig = merge(defaultConfig, {
+    exclude: [
+        'specs/iframe/*.spec.ts', // FF does not support uploading files (uploadFile)
+
+        // FF does not support setting a file as mic input, no dominant speaker events
+        'specs/media/activeSpeaker.spec.ts',
+        'specs/media/startMuted.spec.ts', // bad audio levels
+        'specs/media/desktopSharing.spec.ts',
+        'specs/media/lastN.spec.ts',
+
+        // fails randomly for failed downloading asset and page stays in incomplete state
+        'specs/misc/urlNormalisation.spec.ts',
+
+        // when unmuting a participant, we see the presence in debug logs immediately,
+        // but for 15 seconds it is not received/processed by the client
+        // (also the menu disappears after clicking one of the moderation options, does not happen manually)
+        'specs/media/audioVideoModeration.spec.ts'
+    ],
+    capabilities: {
+        p1: {
+            capabilities: {
+                browserName: 'firefox',
+                browserVersion: process.env.BROWSER_FF_BETA ? 'beta' : undefined,
+                'moz:firefoxOptions': {
+                    args: ffArgs,
+                    prefs: ffPreferences
+                },
+                acceptInsecureCerts: process.env.ALLOW_INSECURE_CERTS === 'true'
+            }
+        }
+    }
+}, { clone: false });
+
+// Remove the chrome options from the first participant
+// @ts-ignore
+mergedConfig.capabilities.p1.capabilities['goog:chromeOptions'] = undefined;
+
+export const config = mergedConfig;
diff --git a/tests/wdio.grid.conf.ts b/tests/wdio.grid.conf.ts
new file mode 100644
index 0000000..7402138
--- /dev/null
+++ b/tests/wdio.grid.conf.ts
@@ -0,0 +1,40 @@
+// wdio.grid.conf.ts
+// extends the main configuration file to add the selenium grid address
+import { URL } from 'url';
+
+// @ts-ignore
+import { config as defaultConfig } from './wdio.conf.ts';
+
+const gridUrl = new URL(process.env.GRID_HOST_URL as string);
+const protocol = gridUrl.protocol.replace(':', '');
+
+const mergedConfig = {
+    ...defaultConfig,
+    protocol,
+    hostname: gridUrl.hostname,
+    port: gridUrl.port ? parseInt(gridUrl.port, 10) // Convert port to number
+        : protocol === 'http' ? 80 : 443,
+    path: gridUrl.pathname
+};
+
+mergedConfig.capabilities.p1.capabilities['goog:chromeOptions'].args
+    = updateRemoteResource(mergedConfig.capabilities.p1.capabilities['goog:chromeOptions'].args);
+mergedConfig.capabilities.p2.capabilities['goog:chromeOptions'].args
+    = updateRemoteResource(mergedConfig.capabilities.p2.capabilities['goog:chromeOptions'].args);
+mergedConfig.capabilities.p3.capabilities['goog:chromeOptions'].args
+    = updateRemoteResource(mergedConfig.capabilities.p3.capabilities['goog:chromeOptions'].args);
+mergedConfig.capabilities.p4.capabilities['goog:chromeOptions'].args
+    = updateRemoteResource(mergedConfig.capabilities.p4.capabilities['goog:chromeOptions'].args);
+
+export const config = mergedConfig;
+
+/**
+ * Updates the array of arguments for the Chrome browser to use a remote resource for fake audio capture.
+ * @param arr
+ */
+function updateRemoteResource(arr: string[]): string[] {
+    // eslint-disable-next-line no-confusing-arrow
+    return arr.map((item: string) => item.startsWith('--use-file-for-fake-audio-capture=')
+        ? `--use-file-for-fake-audio-capture=${process.env.REMOTE_RESOURCE_PATH}/fakeAudioStream.wav` : item
+    );
+}
diff --git a/tests/wdio.grid.firefox.conf.ts b/tests/wdio.grid.firefox.conf.ts
new file mode 100644
index 0000000..ac3ce5c
--- /dev/null
+++ b/tests/wdio.grid.firefox.conf.ts
@@ -0,0 +1,18 @@
+// wdio.grid.conf.ts
+// extends the main configuration file to add the selenium grid address
+import { URL } from 'url';
+
+// @ts-ignore
+import { config as defaultConfig } from './wdio.firefox.conf.ts';
+
+const gridUrl = new URL(process.env.GRID_HOST_URL as string);
+const protocol = gridUrl.protocol.replace(':', '');
+
+export const config = {
+    ...defaultConfig,
+    protocol,
+    hostname: gridUrl.hostname,
+    port: gridUrl.port ? parseInt(gridUrl.port, 10) // Convert port to number
+        : protocol === 'http' ? 80 : 443,
+    path: gridUrl.pathname
+};
diff --git a/title.html b/title.html
new file mode 100644
index 0000000..c838502
--- /dev/null
+++ b/title.html
@@ -0,0 +1,9 @@
+<title>Jitsi Meet</title>
+<meta property="og:title" content="Jitsi Meet"/>
+<meta property="og:image" content="images/jitsilogo.png?v=1"/>
+<meta property="og:description" content="Join a WebRTC video conference powered by the Jitsi Videobridge"/>
+<meta description="Join a WebRTC video conference powered by the Jitsi Videobridge"/>
+<meta itemprop="name" content="Jitsi Meet"/>
+<meta itemprop="description" content="Join a WebRTC video conference powered by the Jitsi Videobridge"/>
+<meta itemprop="image" content="images/jitsilogo.png?v=1"/>
+<link rel="icon" href="images/favicon.svg?v=1">
\ No newline at end of file
diff --git a/tsconfig.native.json b/tsconfig.native.json
new file mode 100644
index 0000000..0b1432f
--- /dev/null
+++ b/tsconfig.native.json
@@ -0,0 +1,43 @@
+{
+    "include": ["react/features/**/*.ts", "react/features/**/*.tsx", "./custom.d.ts", "./globals.native.d.ts"],
+    "compilerOptions": {
+        "allowSyntheticDefaultImports": true,
+        "target": "es2020",
+        "jsx": "react-native",
+        "lib": [ "ES2020", "ES2024.Promise" ],
+        "types": [ "react-native" ],
+        "skipLibCheck": true,
+        "moduleResolution": "Node",
+        "strict": true,
+        "noImplicitAny": true,
+        "strictPropertyInitialization": false,
+        "resolveJsonModule": true,
+        "moduleSuffixes": [".native", ".ios", ".android", ""]
+    },
+    "exclude": [
+        "node_modules",
+        "react/features/always-on-top",
+        "react/features/base/components/participants-pane-list",
+        "react/features/base/tooltip",
+        "react/features/connection-stats",
+        "react/features/desktop-picker",
+        "react/features/e2ee",
+        "react/features/embed-meeting",
+        "react/features/face-landmarks",
+        "react/features/keyboard-shortcuts",
+        "react/features/no-audio-signal",
+        "react/features/pip",
+        "react/features/noise-suppression",
+        "react/features/old-client-notification",
+        "react/features/remote-control",
+        "react/features/screen-share",
+        "react/features/screenshot-capture",
+        "react/features/stream-effects",
+        "react/features/virtual-background",
+        "react/features/web-hid",
+        "react/features/whiteboard",
+        "**/web/*",
+        "**/*.web.ts",
+        "**/*.web.tsx"
+    ]
+}
diff --git a/tsconfig.web.json b/tsconfig.web.json
new file mode 100644
index 0000000..1907dd1
--- /dev/null
+++ b/tsconfig.web.json
@@ -0,0 +1,28 @@
+{
+    "include": ["react/features/**/*.ts", "react/features/**/*.tsx", "./custom.d.ts", "./globals.d.ts"],
+    "compilerOptions": {
+        "allowSyntheticDefaultImports": true,
+        "module": "es2020",
+        "target": "es2024",
+        "jsx": "react",
+        "lib": [ "ES2024", "DOM" ],
+        "skipLibCheck": true,
+        "moduleResolution": "Node",
+        "strict": true,
+        "noImplicitAny": true,
+        "noImplicitOverride": true,
+        "strictPropertyInitialization": false,
+        "resolveJsonModule": true,
+        "moduleSuffixes": [".web", ""]
+    },
+    "exclude": [
+        "node_modules",
+        "react/features/share-room",
+        "**/mobile/*",
+        "**/native/*",
+        "**/*.native.ts",
+        "**/*.native.tsx",
+        "**/*.ios.ts",
+        "**/*.android.ts"
+    ]
+}
diff --git a/twa/app/build.gradle b/twa/app/build.gradle
new file mode 100644
index 0000000..7243ed9
--- /dev/null
+++ b/twa/app/build.gradle
@@ -0,0 +1,196 @@
+/*
+ * Copyright 2019 Google Inc.
+ *
+ * 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 groovy.xml.MarkupBuilder
+
+apply plugin: 'com.android.application'
+
+def twaManifest = [
+    applicationId: 'org.jitsi.meet',
+    hostName: 'meet.jit.si', // The domain being opened in the TWA.
+    launchUrl: '/', // The start path for the TWA. Must be relative to the domain.
+    name: 'Jitsi Meet', // The application name.
+    launcherName: 'Jitsi Meet', // The name shown on the Android Launcher.
+    themeColor: '#17A0DB', // The color used for the status bar.
+    navigationColor: '#000000', // The color used for the navigation bar.
+    navigationColorDark: '#000000', // The color used for the dark navbar.
+    navigationDividerColor: '#000000', // The navbar divider color.
+    navigationDividerColorDark: '#000000', // The dark navbar divider color.
+    backgroundColor: '#17A0DB', // The color used for the splash screen background.
+    enableNotifications: false, // Set to true to enable notification delegation.
+    // Every shortcut must include the following fields:
+    // - name: String that will show up in the shortcut.
+    // - short_name: Shorter string used if |name| is too long.
+    // - url: Absolute path of the URL to launch the app with (e.g '/create').
+    // - icon: Name of the resource in the drawable folder to use as an icon.
+    shortcuts: [],
+    // The duration of fade out animation in milliseconds to be played when removing splash screen.
+    splashScreenFadeOutDuration: 300,
+    generatorApp: 'bubblewrap-cli', // Application that generated the Android Project
+    // The fallback strategy for when Trusted Web Activity is not available. Possible values are
+    // 'customtabs' and 'webview'.
+    fallbackType: 'customtabs',
+    enableSiteSettingsShortcut: 'true',
+]
+
+android {
+    compileSdkVersion 29
+    defaultConfig {
+        applicationId "org.jitsi.meet"
+        minSdkVersion 19
+        targetSdkVersion 29
+        versionCode 2000000000
+        versionName "1.0.0"
+
+        // The name for the application
+        resValue "string", "appName", twaManifest.name
+
+        // The name for the application on the Android Launcher
+        resValue "string", "launcherName", twaManifest.launcherName
+
+        // The URL that will be used when launching the TWA from the Android Launcher
+        def launchUrl = "https://" + twaManifest.hostName + twaManifest.launchUrl
+        resValue "string", "launchUrl", launchUrl
+
+        
+            // The URL the Web Manifest for the Progressive Web App that the TWA points to. This
+            // is used by Chrome OS to open the Web version of the PWA instead of the TWA, as it
+            // will probably give a better user experience for non-mobile devices.
+            resValue "string", "webManifestUrl", 'https://meet.jit.si/manifest.json'
+        
+
+        // The hostname is used when building the intent-filter, so the TWA is able to
+        // handle Intents to open https://svgomg.firebaseapp.com.
+        resValue "string", "hostName", twaManifest.hostName
+
+        // This variable below expresses the relationship between the app and the site,
+        // as documented in the TWA documentation at
+        // https://developers.google.com/web/updates/2017/10/using-twa#set_up_digital_asset_links_in_an_android_app
+        // and is injected into the AndroidManifest.xml
+        resValue "string", "assetStatements",
+                '[{ \\"relation\\": [\\"delegate_permission/common.handle_all_urls\\"],' +
+                        '\\"target\\": {\\"namespace\\": \\"web\\", \\"site\\": \\"https://' +
+                        twaManifest.hostName + '\\"}}]'
+
+        // This attribute sets the status bar color for the TWA. It can be either set here or in
+        // `res/values/colors.xml`. Setting in both places is an error and the app will not
+        // compile. If not set, the status bar color defaults to #FFFFFF - white.
+        resValue "color", "colorPrimary", twaManifest.themeColor
+
+        // This attribute sets the navigation bar color for the TWA. It can be either set here or
+        // in `res/values/colors.xml`. Setting in both places is an error and the app will not
+        // compile. If not set, the navigation bar color defaults to #FFFFFF - white.
+        resValue "color", "navigationColor", twaManifest.navigationColor
+
+        // This attribute sets the dark navigation bar color for the TWA. It can be either set here
+        // or in `res/values/colors.xml`. Setting in both places is an error and the app will not
+        // compile. If not set, the navigation bar color defaults to #000000 - black.
+        resValue "color", "navigationColorDark", twaManifest.navigationColorDark
+
+        // This attribute sets the navbar divider color for the TWA. It can be either 
+        // set here or in `res/values/colors.xml`. Setting in both places is an error and the app 
+        // will not compile. If not set, the divider color defaults to #00000000 - transparent.
+        resValue "color", "navigationDividerColor", twaManifest.navigationDividerColor
+
+        // This attribute sets the dark navbar divider color for the TWA. It can be either 
+        // set here or in `res/values/colors.xml`. Setting in both places is an error and the 
+        //app will not compile. If not set, the divider color defaults to #000000 - black.
+        resValue "color", "navigationDividerColorDark", twaManifest.navigationDividerColorDark
+
+        // Sets the color for the background used for the splash screen when launching the
+        // Trusted Web Activity.
+        resValue "color", "backgroundColor", twaManifest.backgroundColor
+
+        // Defines a provider authority for the Splash Screen
+        resValue "string", "providerAuthority", twaManifest.applicationId + '.fileprovider'
+
+        // The enableNotification resource is used to enable or disable the
+        // TrustedWebActivityService, by changing the android:enabled and android:exported
+        // attributes
+        resValue "bool", "enableNotification", twaManifest.enableNotifications.toString()
+
+        twaManifest.shortcuts.eachWithIndex { shortcut, index ->
+            resValue "string", "shortcut_name_$index", "$shortcut.name"
+            resValue "string", "shortcut_short_name_$index", "$shortcut.short_name"
+        }
+
+        // The splashScreenFadeOutDuration resource is used to set the duration of fade out animation in milliseconds
+        // to be played when removing splash screen. The default is 0 (no animation).
+        resValue "integer", "splashScreenFadeOutDuration", twaManifest.splashScreenFadeOutDuration.toString()
+
+        resValue "string", "generatorApp", twaManifest.generatorApp
+
+        resValue "string", "fallbackType", twaManifest.fallbackType
+
+        resValue "bool", "enableSiteSettingsShortcut", twaManifest.enableSiteSettingsShortcut
+    }
+    buildTypes {
+        release {
+            minifyEnabled true
+        }
+    }
+    compileOptions {
+        sourceCompatibility JavaVersion.VERSION_1_8
+        targetCompatibility JavaVersion.VERSION_1_8
+    }
+}
+
+task generateShorcutsFile {
+    assert twaManifest.shortcuts.size() < 5, "You can have at most 4 shortcuts."
+    twaManifest.shortcuts.eachWithIndex { s, i ->
+        assert s.name != null, 'Missing `name` in shortcut #' + i
+        assert s.short_name != null, 'Missing `short_name` in shortcut #' + i
+        assert s.url != null, 'Missing `icon` in shortcut #' + i
+        assert s.icon != null, 'Missing `url` in shortcut #' + i
+    }
+
+    def shortcutsFile = new File("$projectDir/src/main/res/xml", "shortcuts.xml")
+
+    def xmlWriter = new StringWriter()
+    def xmlMarkup = new MarkupBuilder(new IndentPrinter(xmlWriter, "    ", true))
+
+    xmlMarkup
+        .'shortcuts'('xmlns:android': 'http://schemas.android.com/apk/res/android') {
+            twaManifest.shortcuts.eachWithIndex { s, i ->
+                'shortcut'(
+                        'android:shortcutId': 'shortcut' + i,
+                        'android:enabled': 'true',
+                        'android:icon': '@drawable/' + s.icon,
+                        'android:shortcutShortLabel': '@string/shortcut_short_name_' + i,
+                        'android:shortcutLongLabel': '@string/shortcut_name_' + i) {
+                    'intent'(
+                            'android:action': 'android.intent.action.MAIN',
+                            'android:targetPackage': twaManifest.applicationId,
+                            'android:targetClass': twaManifest.applicationId + '.LauncherActivity',
+                            'android:data': s.url)
+                    'categories'('android:name': 'android.intent.category.LAUNCHER')
+                }
+            }
+        }
+    shortcutsFile.text = xmlWriter.toString() + '\n'
+}
+
+preBuild.dependsOn(generateShorcutsFile)
+
+repositories {
+    
+}
+
+dependencies {
+    implementation fileTree(include: ['*.jar'], dir: 'libs')
+    
+    implementation 'com.google.androidbrowserhelper:androidbrowserhelper:2.0.0'    
+}
diff --git a/twa/app/src/main/AndroidManifest.xml b/twa/app/src/main/AndroidManifest.xml
new file mode 100644
index 0000000..ddc4c5a
--- /dev/null
+++ b/twa/app/src/main/AndroidManifest.xml
@@ -0,0 +1,151 @@
+<!--
+    Copyright 2019 Google Inc. All Rights Reserved.
+
+     Licensed under the Apache License, Version 2.0 (the "License");
+     you may not use this file except in compliance with the License.
+     You may obtain a copy of the License at
+
+         http://www.apache.org/licenses/LICENSE-2.0
+
+     Unless required by applicable law or agreed to in writing, software
+     distributed under the License is distributed on an "AS IS" BASIS,
+     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+     See the License for the specific language governing permissions and
+     limitations under the License.
+-->
+
+<!-- The "package" attribute is rewritten by the Gradle build with the value of applicationId.
+     It is still required here, as it is used to derive paths, for instance when referring
+     to an Activity by ".MyActivity" instead of the full name. If more Activities are added to the
+     application, the package attribute will need to reflect the correct path in order to use
+     the abbreviated format. -->
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    package="org.jitsi.meet">
+
+    
+
+    
+    <uses-feature android:name="org.chromium.arc" android:required="true" />
+    
+
+    <application
+        android:name="Application"
+        android:allowBackup="true"
+        android:icon="@mipmap/ic_launcher"
+        android:label="@string/appName"
+        
+        android:manageSpaceActivity="com.google.androidbrowserhelper.trusted.ManageDataLauncherActivity"
+        
+        android:supportsRtl="true"
+        android:theme="@android:style/Theme.Translucent.NoTitleBar">
+
+        <meta-data
+            android:name="asset_statements"
+            android:resource="@string/assetStatements" />
+
+        
+            <meta-data
+                android:name="web_manifest_url"
+                android:value="@string/webManifestUrl" />
+        
+
+        <meta-data
+            android:name="twa_generator"
+            android:value="@string/generatorApp" />
+
+        
+            <activity android:name="com.google.androidbrowserhelper.trusted.ManageDataLauncherActivity">
+            <meta-data
+                android:name="android.support.customtabs.trusted.MANAGE_SPACE_URL"
+                android:value="@string/launchUrl" />
+            </activity>
+        
+        
+        <activity android:name="LauncherActivity"
+            android:label="@string/launcherName">
+            <meta-data android:name="android.support.customtabs.trusted.DEFAULT_URL"
+                android:value="@string/launchUrl" />
+
+            <meta-data
+                android:name="android.support.customtabs.trusted.STATUS_BAR_COLOR"
+                android:resource="@color/colorPrimary" />
+
+            <meta-data
+                android:name="android.support.customtabs.trusted.NAVIGATION_BAR_COLOR"
+                android:resource="@color/navigationColor" />
+
+            <meta-data
+                android:name="android.support.customtabs.trusted.NAVIGATION_BAR_COLOR_DARK"
+                android:resource="@color/navigationColorDark" />
+
+            <meta-data
+                android:name="androix.browser.trusted.NAVIGATION_BAR_DIVIDER_COLOR"
+                android:resource="@color/navigationDividerColor" />
+
+            <meta-data
+                android:name="androix.browser.trusted.NAVIGATION_BAR_DIVIDER_COLOR_DARK"
+                android:resource="@color/navigationDividerColorDark" />
+
+            <meta-data android:name="android.support.customtabs.trusted.SPLASH_IMAGE_DRAWABLE"
+                android:resource="@drawable/splash"/>
+
+            <meta-data android:name="android.support.customtabs.trusted.SPLASH_SCREEN_BACKGROUND_COLOR"
+                android:resource="@color/backgroundColor"/>
+
+            <meta-data android:name="android.support.customtabs.trusted.SPLASH_SCREEN_FADE_OUT_DURATION"
+                android:value="@integer/splashScreenFadeOutDuration"/>
+
+            <meta-data android:name="android.support.customtabs.trusted.FILE_PROVIDER_AUTHORITY"
+                android:value="@string/providerAuthority"/>
+
+            <meta-data android:name="android.app.shortcuts" android:resource="@xml/shortcuts" />
+
+            <meta-data android:name="android.support.customtabs.trusted.FALLBACK_STRATEGY"
+                android:value="@string/fallbackType" />
+
+            
+            <intent-filter>
+                <action android:name="android.intent.action.MAIN" />
+                <category android:name="android.intent.category.LAUNCHER" />
+            </intent-filter>
+
+            <intent-filter android:autoVerify="true">
+                <action android:name="android.intent.action.VIEW"/>
+                <category android:name="android.intent.category.DEFAULT" />
+                <category android:name="android.intent.category.BROWSABLE"/>
+                <data android:scheme="https"
+                    android:host="@string/hostName"/>
+            </intent-filter>
+        </activity>
+
+        <activity android:name="com.google.androidbrowserhelper.trusted.FocusActivity" />
+
+        <activity android:name="com.google.androidbrowserhelper.trusted.WebViewFallbackActivity"
+            android:configChanges="orientation|screenSize" />
+
+        <provider
+            android:name="androidx.core.content.FileProvider"
+            android:authorities="@string/providerAuthority"
+            android:grantUriPermissions="true"
+            android:exported="false">
+            <meta-data
+                android:name="android.support.FILE_PROVIDER_PATHS"
+                android:resource="@xml/filepaths" />
+        </provider>
+
+        <service
+            android:name="com.google.androidbrowserhelper.trusted.DelegationService"
+            android:enabled="@bool/enableNotification"
+            android:exported="@bool/enableNotification">
+
+            
+
+            <intent-filter>
+                <action android:name="android.support.customtabs.trusted.TRUSTED_WEB_ACTIVITY_SERVICE"/>
+                <category android:name="android.intent.category.DEFAULT"/>
+            </intent-filter>
+        </service>
+
+        
+    </application>
+</manifest>
diff --git a/twa/app/src/main/java/org/jitsi/meet/Application.java b/twa/app/src/main/java/org/jitsi/meet/Application.java
new file mode 100644
index 0000000..8ae4cc0
--- /dev/null
+++ b/twa/app/src/main/java/org/jitsi/meet/Application.java
@@ -0,0 +1,29 @@
+/*
+ * Copyright 2020 Google Inc.
+ *
+ * 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.
+ */
+package org.jitsi.meet;
+
+
+
+public class Application extends android.app.Application {
+
+  
+
+  @Override
+  public void onCreate() {
+      super.onCreate();
+      
+  }
+}
diff --git a/twa/app/src/main/java/org/jitsi/meet/LauncherActivity.java b/twa/app/src/main/java/org/jitsi/meet/LauncherActivity.java
new file mode 100644
index 0000000..383c276
--- /dev/null
+++ b/twa/app/src/main/java/org/jitsi/meet/LauncherActivity.java
@@ -0,0 +1,37 @@
+/*
+ * Copyright 2020 Google Inc.
+ *
+ * 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.
+ */
+package org.jitsi.meet;
+
+import android.net.Uri;
+
+
+
+public class LauncherActivity
+        extends com.google.androidbrowserhelper.trusted.LauncherActivity {
+    
+
+    
+
+    @Override
+    protected Uri getLaunchingUrl() {
+        // Get the original launch Url.
+        Uri uri = super.getLaunchingUrl();
+
+        
+
+        return uri;
+    }
+}
diff --git a/twa/app/src/main/res/drawable-anydpi/shortcut_legacy_background.xml b/twa/app/src/main/res/drawable-anydpi/shortcut_legacy_background.xml
new file mode 100644
index 0000000..d53c148
--- /dev/null
+++ b/twa/app/src/main/res/drawable-anydpi/shortcut_legacy_background.xml
@@ -0,0 +1,25 @@
+<!--
+    Copyright 2020 Google Inc. All Rights Reserved.
+
+     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.
+-->
+<inset xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:aapt="http://schemas.android.com/aapt"
+    android:inset="2dp">
+    <aapt:attr name="android:drawable">
+        <shape android:shape="oval">
+            <solid android:color="@color/shortcut_background" />
+            <size android:width="44dp" android:height="44dp" />
+        </shape>
+    </aapt:attr>
+</inset>
diff --git a/twa/app/src/main/res/drawable-hdpi/splash.png b/twa/app/src/main/res/drawable-hdpi/splash.png
new file mode 100644
index 0000000..4016e6d
Binary files /dev/null and b/twa/app/src/main/res/drawable-hdpi/splash.png differ
diff --git a/twa/app/src/main/res/drawable-mdpi/splash.png b/twa/app/src/main/res/drawable-mdpi/splash.png
new file mode 100644
index 0000000..c6f1b40
Binary files /dev/null and b/twa/app/src/main/res/drawable-mdpi/splash.png differ
diff --git a/twa/app/src/main/res/drawable-xhdpi/splash.png b/twa/app/src/main/res/drawable-xhdpi/splash.png
new file mode 100644
index 0000000..5e51c5c
Binary files /dev/null and b/twa/app/src/main/res/drawable-xhdpi/splash.png differ
diff --git a/twa/app/src/main/res/drawable-xxhdpi/splash.png b/twa/app/src/main/res/drawable-xxhdpi/splash.png
new file mode 100644
index 0000000..e035710
Binary files /dev/null and b/twa/app/src/main/res/drawable-xxhdpi/splash.png differ
diff --git a/twa/app/src/main/res/drawable-xxxhdpi/splash.png b/twa/app/src/main/res/drawable-xxxhdpi/splash.png
new file mode 100644
index 0000000..a2fdf98
Binary files /dev/null and b/twa/app/src/main/res/drawable-xxxhdpi/splash.png differ
diff --git a/twa/app/src/main/res/mipmap-hdpi/ic_launcher.png b/twa/app/src/main/res/mipmap-hdpi/ic_launcher.png
new file mode 100644
index 0000000..a1213c5
Binary files /dev/null and b/twa/app/src/main/res/mipmap-hdpi/ic_launcher.png differ
diff --git a/twa/app/src/main/res/mipmap-mdpi/ic_launcher.png b/twa/app/src/main/res/mipmap-mdpi/ic_launcher.png
new file mode 100644
index 0000000..7068ba5
Binary files /dev/null and b/twa/app/src/main/res/mipmap-mdpi/ic_launcher.png differ
diff --git a/twa/app/src/main/res/mipmap-xhdpi/ic_launcher.png b/twa/app/src/main/res/mipmap-xhdpi/ic_launcher.png
new file mode 100644
index 0000000..564b6b3
Binary files /dev/null and b/twa/app/src/main/res/mipmap-xhdpi/ic_launcher.png differ
diff --git a/twa/app/src/main/res/mipmap-xxhdpi/ic_launcher.png b/twa/app/src/main/res/mipmap-xxhdpi/ic_launcher.png
new file mode 100644
index 0000000..6837e1f
Binary files /dev/null and b/twa/app/src/main/res/mipmap-xxhdpi/ic_launcher.png differ
diff --git a/twa/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png b/twa/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png
new file mode 100644
index 0000000..4f21fc1
Binary files /dev/null and b/twa/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png differ
diff --git a/twa/app/src/main/res/raw/web_app_manifest.json b/twa/app/src/main/res/raw/web_app_manifest.json
new file mode 100644
index 0000000..c1271f2
--- /dev/null
+++ b/twa/app/src/main/res/raw/web_app_manifest.json
@@ -0,0 +1 @@
+{"android_package_name":"org.jitsi.meet","prefer_related_applications":true,"related_applications":[{"id":"org.jitsi.meet","platform":"chromeos_play"}],"short_name":"Jitsi Meet","name":"Jitsi Meet","icons":[{"src":"static/pwa/icons/icon192.png","type":"image/png","sizes":"192x192"},{"src":"static/pwa/icons/icon512.png","type":"image/png","sizes":"512x512"},{"src":"static/pwa/icons/iconMask.png","sizes":"512x512","type":"image/png","purpose":"maskable"}],"start_url":"/","background_color":"#17A0DB","display":"standalone","scope":"/","theme_color":"#17A0DB"}
\ No newline at end of file
diff --git a/twa/app/src/main/res/values/colors.xml b/twa/app/src/main/res/values/colors.xml
new file mode 100644
index 0000000..e66222d
--- /dev/null
+++ b/twa/app/src/main/res/values/colors.xml
@@ -0,0 +1,18 @@
+<!--
+    Copyright 2020 Google Inc. All Rights Reserved.
+
+     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.
+-->
+<resources>
+    <color name="shortcut_background">#F5F5F5</color>
+</resources>
diff --git a/twa/app/src/main/res/xml/filepaths.xml b/twa/app/src/main/res/xml/filepaths.xml
new file mode 100644
index 0000000..a543485
--- /dev/null
+++ b/twa/app/src/main/res/xml/filepaths.xml
@@ -0,0 +1,18 @@
+<!--
+    Copyright 2019 Google Inc. All Rights Reserved.
+
+     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.
+-->
+<paths>
+    <files-path path="twa_splash/" name="twa_splash" />
+</paths>
diff --git a/twa/app/src/main/res/xml/shortcuts.xml b/twa/app/src/main/res/xml/shortcuts.xml
new file mode 100644
index 0000000..7f3e9c1
--- /dev/null
+++ b/twa/app/src/main/res/xml/shortcuts.xml
@@ -0,0 +1,16 @@
+<!--
+    Copyright 2019 Google Inc. All Rights Reserved.
+
+     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.
+-->
+<shortcuts xmlns:android='http://schemas.android.com/apk/res/android' />
diff --git a/twa/build.gradle b/twa/build.gradle
new file mode 100644
index 0000000..2cc92fe
--- /dev/null
+++ b/twa/build.gradle
@@ -0,0 +1,42 @@
+/*
+ * Copyright 2019 Google Inc.
+ *
+ * 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.
+ */
+
+// Top-level build file where you can add configuration options common to all sub-projects/modules.
+
+buildscript {
+
+    repositories {
+        google()
+        jcenter()
+    }
+    dependencies {
+        classpath 'com.android.tools.build:gradle:4.0.0'
+
+        // NOTE: Do not place your application dependencies here; they belong
+        // in the individual module build.gradle files
+    }
+}
+
+allprojects {
+    repositories {
+        google()
+        jcenter()
+    }
+}
+
+task clean(type: Delete) {
+    delete rootProject.buildDir
+}
diff --git a/twa/fastlane/Appfile b/twa/fastlane/Appfile
new file mode 100644
index 0000000..f4690bf
--- /dev/null
+++ b/twa/fastlane/Appfile
@@ -0,0 +1,2 @@
+json_key_file("")
+package_name("org.jitsi.meet")
diff --git a/twa/fastlane/Fastfile b/twa/fastlane/Fastfile
new file mode 100644
index 0000000..6194e23
--- /dev/null
+++ b/twa/fastlane/Fastfile
@@ -0,0 +1,25 @@
+ENV["FASTLANE_SKIP_UPDATE_CHECK"] = "1"
+opt_out_usage
+
+default_platform(:android)
+
+platform :android do
+    desc "Make a new build"
+    lane :build do
+        # Cleanup
+        gradle(task: "clean")
+
+        # Build and sign the app
+        gradle(
+            task: "assemble",
+            build_type: "Release",
+            print_command: false,
+            properties: {
+                "android.injected.signing.store.file" => ENV["JITSI_KEYSTORE"],
+                "android.injected.signing.store.password" => ENV["JITSI_KEYSTORE_PASSWORD"],
+                "android.injected.signing.key.alias" => ENV["JITSI_KEY_ALIAS"],
+                "android.injected.signing.key.password" => ENV["JITSI_KEY_PASSWORD"],
+            }
+        )
+    end
+end
diff --git a/twa/fastlane/README.md b/twa/fastlane/README.md
new file mode 100644
index 0000000..af24750
--- /dev/null
+++ b/twa/fastlane/README.md
@@ -0,0 +1,29 @@
+fastlane documentation
+================
+# Installation
+
+Make sure you have the latest version of the Xcode command line tools installed:
+
+```
+xcode-select --install
+```
+
+Install _fastlane_ using
+```
+[sudo] gem install fastlane -NV
+```
+or alternatively using `brew install fastlane`
+
+# Available Actions
+## Android
+### android build
+```
+fastlane android build
+```
+Make a new build
+
+----
+
+This README.md is auto-generated and will be re-generated every time [fastlane](https://fastlane.tools) is run.
+More information about fastlane can be found on [fastlane.tools](https://fastlane.tools).
+The documentation of fastlane can be found on [docs.fastlane.tools](https://docs.fastlane.tools).
diff --git a/twa/gradle.properties b/twa/gradle.properties
new file mode 100644
index 0000000..784a1d4
--- /dev/null
+++ b/twa/gradle.properties
@@ -0,0 +1,14 @@
+# Project-wide Gradle settings.
+# IDE (e.g. Android Studio) users:
+# Gradle settings configured through the IDE *will override*
+# any settings specified in this file.
+# For more details on how to configure your build environment visit
+# http://www.gradle.org/docs/current/userguide/build_environment.html
+# Specifies the JVM arguments used for the daemon process.
+# The setting is particularly useful for tweaking memory settings.
+org.gradle.jvmargs=-Xmx1536m
+# When configured, Gradle will run in incubating parallel mode.
+# This option should only be used with decoupled projects. More details, visit
+# http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
+# org.gradle.parallel=true
+android.useAndroidX=true
diff --git a/twa/gradle/wrapper/gradle-wrapper.jar b/twa/gradle/wrapper/gradle-wrapper.jar
new file mode 100644
index 0000000..5c2d1cf
Binary files /dev/null and b/twa/gradle/wrapper/gradle-wrapper.jar differ
diff --git a/twa/gradle/wrapper/gradle-wrapper.properties b/twa/gradle/wrapper/gradle-wrapper.properties
new file mode 100644
index 0000000..0b7ed8d
--- /dev/null
+++ b/twa/gradle/wrapper/gradle-wrapper.properties
@@ -0,0 +1,5 @@
+distributionBase=GRADLE_USER_HOME
+distributionPath=wrapper/dists
+zipStoreBase=GRADLE_USER_HOME
+zipStorePath=wrapper/dists
+distributionUrl=https\://services.gradle.org/distributions/gradle-6.1.1-bin.zip
diff --git a/twa/gradlew b/twa/gradlew
new file mode 100755
index 0000000..83f2acf
--- /dev/null
+++ b/twa/gradlew
@@ -0,0 +1,188 @@
+#!/usr/bin/env sh
+
+#
+# Copyright 2015 the original author or authors.
+#
+# 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
+#
+#      https://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.
+#
+
+##############################################################################
+##
+##  Gradle start up script for UN*X
+##
+##############################################################################
+
+# Attempt to set APP_HOME
+# Resolve links: $0 may be a link
+PRG="$0"
+# Need this for relative symlinks.
+while [ -h "$PRG" ] ; do
+    ls=`ls -ld "$PRG"`
+    link=`expr "$ls" : '.*-> \(.*\)$'`
+    if expr "$link" : '/.*' > /dev/null; then
+        PRG="$link"
+    else
+        PRG=`dirname "$PRG"`"/$link"
+    fi
+done
+SAVED="`pwd`"
+cd "`dirname \"$PRG\"`/" >/dev/null
+APP_HOME="`pwd -P`"
+cd "$SAVED" >/dev/null
+
+APP_NAME="Gradle"
+APP_BASE_NAME=`basename "$0"`
+
+# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
+
+# Use the maximum available, or set MAX_FD != -1 to use that value.
+MAX_FD="maximum"
+
+warn () {
+    echo "$*"
+}
+
+die () {
+    echo
+    echo "$*"
+    echo
+    exit 1
+}
+
+# OS specific support (must be 'true' or 'false').
+cygwin=false
+msys=false
+darwin=false
+nonstop=false
+case "`uname`" in
+  CYGWIN* )
+    cygwin=true
+    ;;
+  Darwin* )
+    darwin=true
+    ;;
+  MINGW* )
+    msys=true
+    ;;
+  NONSTOP* )
+    nonstop=true
+    ;;
+esac
+
+CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
+
+# Determine the Java command to use to start the JVM.
+if [ -n "$JAVA_HOME" ] ; then
+    if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
+        # IBM's JDK on AIX uses strange locations for the executables
+        JAVACMD="$JAVA_HOME/jre/sh/java"
+    else
+        JAVACMD="$JAVA_HOME/bin/java"
+    fi
+    if [ ! -x "$JAVACMD" ] ; then
+        die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+    fi
+else
+    JAVACMD="java"
+    which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+fi
+
+# Increase the maximum file descriptors if we can.
+if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then
+    MAX_FD_LIMIT=`ulimit -H -n`
+    if [ $? -eq 0 ] ; then
+        if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
+            MAX_FD="$MAX_FD_LIMIT"
+        fi
+        ulimit -n $MAX_FD
+        if [ $? -ne 0 ] ; then
+            warn "Could not set maximum file descriptor limit: $MAX_FD"
+        fi
+    else
+        warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
+    fi
+fi
+
+# For Darwin, add options to specify how the application appears in the dock
+if $darwin; then
+    GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
+fi
+
+# For Cygwin or MSYS, switch paths to Windows format before running java
+if [ "$cygwin" = "true" -o "$msys" = "true" ] ; then
+    APP_HOME=`cygpath --path --mixed "$APP_HOME"`
+    CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
+    JAVACMD=`cygpath --unix "$JAVACMD"`
+
+    # We build the pattern for arguments to be converted via cygpath
+    ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
+    SEP=""
+    for dir in $ROOTDIRSRAW ; do
+        ROOTDIRS="$ROOTDIRS$SEP$dir"
+        SEP="|"
+    done
+    OURCYGPATTERN="(^($ROOTDIRS))"
+    # Add a user-defined pattern to the cygpath arguments
+    if [ "$GRADLE_CYGPATTERN" != "" ] ; then
+        OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
+    fi
+    # Now convert the arguments - kludge to limit ourselves to /bin/sh
+    i=0
+    for arg in "$@" ; do
+        CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
+        CHECK2=`echo "$arg"|egrep -c "^-"`                                 ### Determine if an option
+
+        if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then                    ### Added a condition
+            eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
+        else
+            eval `echo args$i`="\"$arg\""
+        fi
+        i=$((i+1))
+    done
+    case $i in
+        (0) set -- ;;
+        (1) set -- "$args0" ;;
+        (2) set -- "$args0" "$args1" ;;
+        (3) set -- "$args0" "$args1" "$args2" ;;
+        (4) set -- "$args0" "$args1" "$args2" "$args3" ;;
+        (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
+        (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
+        (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
+        (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
+        (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
+    esac
+fi
+
+# Escape application args
+save () {
+    for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done
+    echo " "
+}
+APP_ARGS=$(save "$@")
+
+# Collect all arguments for the java command, following the shell quoting and substitution rules
+eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS"
+
+# by default we should be in the correct project dir, but when run from Finder on Mac, the cwd is wrong
+if [ "$(uname)" = "Darwin" ] && [ "$HOME" = "$PWD" ]; then
+  cd "$(dirname "$0")"
+fi
+
+exec "$JAVACMD" "$@"
diff --git a/twa/gradlew.bat b/twa/gradlew.bat
new file mode 100644
index 0000000..9618d8d
--- /dev/null
+++ b/twa/gradlew.bat
@@ -0,0 +1,100 @@
+@rem
+@rem Copyright 2015 the original author or authors.
+@rem
+@rem Licensed under the Apache License, Version 2.0 (the "License");
+@rem you may not use this file except in compliance with the License.
+@rem You may obtain a copy of the License at
+@rem
+@rem      https://www.apache.org/licenses/LICENSE-2.0
+@rem
+@rem Unless required by applicable law or agreed to in writing, software
+@rem distributed under the License is distributed on an "AS IS" BASIS,
+@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+@rem See the License for the specific language governing permissions and
+@rem limitations under the License.
+@rem
+
+@if "%DEBUG%" == "" @echo off
+@rem ##########################################################################
+@rem
+@rem  Gradle startup script for Windows
+@rem
+@rem ##########################################################################
+
+@rem Set local scope for the variables with windows NT shell
+if "%OS%"=="Windows_NT" setlocal
+
+set DIRNAME=%~dp0
+if "%DIRNAME%" == "" set DIRNAME=.
+set APP_BASE_NAME=%~n0
+set APP_HOME=%DIRNAME%
+
+@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
+
+@rem Find java.exe
+if defined JAVA_HOME goto findJavaFromJavaHome
+
+set JAVA_EXE=java.exe
+%JAVA_EXE% -version >NUL 2>&1
+if "%ERRORLEVEL%" == "0" goto init
+
+echo.
+echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:findJavaFromJavaHome
+set JAVA_HOME=%JAVA_HOME:"=%
+set JAVA_EXE=%JAVA_HOME%/bin/java.exe
+
+if exist "%JAVA_EXE%" goto init
+
+echo.
+echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:init
+@rem Get command-line arguments, handling Windows variants
+
+if not "%OS%" == "Windows_NT" goto win9xME_args
+
+:win9xME_args
+@rem Slurp the command line arguments.
+set CMD_LINE_ARGS=
+set _SKIP=2
+
+:win9xME_args_slurp
+if "x%~1" == "x" goto execute
+
+set CMD_LINE_ARGS=%*
+
+:execute
+@rem Setup the command line
+
+set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
+
+@rem Execute Gradle
+"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS%
+
+:end
+@rem End local scope for the variables with windows NT shell
+if "%ERRORLEVEL%"=="0" goto mainEnd
+
+:fail
+rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
+rem the _cmd.exe /c_ return code!
+if  not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
+exit /b 1
+
+:mainEnd
+if "%OS%"=="Windows_NT" endlocal
+
+:omega
diff --git a/twa/settings.gradle b/twa/settings.gradle
new file mode 100644
index 0000000..e7b4def
--- /dev/null
+++ b/twa/settings.gradle
@@ -0,0 +1 @@
+include ':app'
diff --git a/twa/store_icon.png b/twa/store_icon.png
new file mode 100644
index 0000000..1ce65d7
Binary files /dev/null and b/twa/store_icon.png differ
diff --git a/twa/twa-manifest.json b/twa/twa-manifest.json
new file mode 100644
index 0000000..86f25d9
--- /dev/null
+++ b/twa/twa-manifest.json
@@ -0,0 +1,27 @@
+{
+  "packageId": "org.jitsi.meet",
+  "host": "meet.jit.si",
+  "name": "Jitsi Meet",
+  "launcherName": "Jitsi Meet",
+  "display": "standalone",
+  "themeColor": "#17A0DB",
+  "navigationColor": "#000000",
+  "navigationColorDark": "#000000",
+  "navigationDividerColor": "#000000",
+  "navigationDividerColorDark": "#000000",
+  "backgroundColor": "#17A0DB",
+  "enableNotifications": false,
+  "startUrl": "/",
+  "iconUrl": "https://meet.jit.si/static/pwa/icons/icon512.png",
+  "splashScreenFadeOutDuration": 300,
+  "appVersionName": "1.0.0",
+  "appVersionCode": 2000000000,
+  "shortcuts": [],
+  "generatorApp": "bubblewrap-cli",
+  "webManifestUrl": "https://meet.jit.si/manifest.json",
+  "fallbackType": "customtabs",
+  "features": {},
+  "enableSiteSettingsShortcut": true,
+  "isChromeOSOnly": true,
+  "appVersion": "1.0.0"
+}
\ No newline at end of file
diff --git a/webpack.config.js b/webpack.config.js
new file mode 100644
index 0000000..4cc7d89
--- /dev/null
+++ b/webpack.config.js
@@ -0,0 +1,405 @@
+/* global __dirname */
+
+const CircularDependencyPlugin = require('circular-dependency-plugin');
+const fs = require('fs');
+const { join, resolve } = require('path');
+const process = require('process');
+const webpack = require('webpack');
+const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
+
+/**
+ * The URL of the Jitsi Meet deployment to be proxy to in the context of
+ * development with webpack-dev-server.
+ */
+const devServerProxyTarget
+    = process.env.WEBPACK_DEV_SERVER_PROXY_TARGET || 'https://alpha.jitsi.net';
+
+/**
+ * Build a Performance configuration object for the given size.
+ * See: https://webpack.js.org/configuration/performance/
+ *
+ * @param {Object} options - options for the bundles configuration.
+ * @param {boolean} options.analyzeBundle - whether the bundle needs to be analyzed for size.
+ * @param {boolean} options.isProduction - whether this is a production build or not.
+ * @param {number} size - the size limit to apply.
+ * @returns {Object} a performance hints object.
+ */
+function getPerformanceHints(options, size) {
+    const { analyzeBundle, isProduction } = options;
+
+    return {
+        hints: isProduction && !analyzeBundle ? 'error' : false,
+        maxAssetSize: size,
+        maxEntrypointSize: size
+    };
+}
+
+/**
+ * Build a BundleAnalyzerPlugin plugin instance for the given bundle name.
+ *
+ * @param {boolean} analyzeBundle - whether the bundle needs to be analyzed for size.
+ * @param {string} name - the name of the bundle.
+ * @returns {Array} a configured list of plugins.
+ */
+function getBundleAnalyzerPlugin(analyzeBundle, name) {
+    if (!analyzeBundle) {
+        return [];
+    }
+
+    return [ new BundleAnalyzerPlugin({
+        analyzerMode: 'disabled',
+        generateStatsFile: true,
+        statsFilename: `${name}-stats.json`
+    }) ];
+}
+
+/**
+ * Determines whether a specific (HTTP) request is to bypass the proxy of
+ * webpack-dev-server (i.e. is to be handled by the proxy target) and, if not,
+ * which local file is to be served in response to the request.
+ *
+ * @param {Object} request - The (HTTP) request received by the proxy.
+ * @returns {string|undefined} If the request is to be served by the proxy
+ * target, undefined; otherwise, the path to the local file to be served.
+ */
+function devServerProxyBypass({ path }) {
+    let tpath = path;
+
+    if (tpath.startsWith('/v1/_cdn/')) {
+        // The CDN is not available in the dev server, so we need to bypass it.
+        tpath = tpath.replace(/\/v1\/_cdn\/[^/]+\//, '/');
+    }
+
+    if (tpath.startsWith('/css/')
+            || tpath.startsWith('/doc/')
+            || tpath.startsWith('/fonts/')
+            || tpath.startsWith('/images/')
+            || tpath.startsWith('/lang/')
+            || tpath.startsWith('/sounds/')
+            || tpath.startsWith('/static/')
+            || tpath.endsWith('.wasm')) {
+
+        return tpath;
+    }
+
+    if (tpath.startsWith('/libs/')) {
+        if (tpath.endsWith('.min.js') && !fs.existsSync(join(process.cwd(), tpath))) {
+            return tpath.replace('.min.js', '.js');
+        }
+
+        return tpath;
+    }
+}
+
+/**
+ * The base Webpack configuration to bundle the JavaScript artifacts of
+ * jitsi-meet such as app.bundle.js and external_api.js.
+ *
+ * @param {Object} options - options for the bundles configuration.
+ * @param {boolean} options.detectCircularDeps - whether to detect circular dependencies or not.
+ * @param {boolean} options.isProduction - whether this is a production build or not.
+ * @returns {Object} the base config object.
+ */
+function getConfig(options = {}) {
+    const { detectCircularDeps, isProduction } = options;
+
+    return {
+        devtool: isProduction ? 'source-map' : 'eval-source-map',
+        mode: isProduction ? 'production' : 'development',
+        module: {
+            rules: [ {
+                // Transpile ES2015 (aka ES6) to ES5. Accept the JSX syntax by React
+                // as well.
+
+                loader: 'babel-loader',
+                options: {
+                    // Avoid loading babel.config.js, since we only use it for React Native.
+                    configFile: false,
+
+                    presets: [
+                        [
+                            require.resolve('@babel/preset-env'),
+
+                            // Tell babel to avoid compiling imports into CommonJS
+                            // so that webpack may do tree shaking.
+                            {
+                                modules: false,
+
+                                // Specify our target browsers so no transpiling is
+                                // done unnecessarily. For browsers not specified
+                                // here, the ES2015+ profile will be used.
+                                targets: {
+                                    chrome: 80,
+                                    electron: 10,
+                                    firefox: 68,
+                                    safari: 14
+                                },
+
+                                // Consider stage 3 proposals which are implemented by some browsers already.
+                                shippedProposals: true,
+
+                                // Detect usage of modern JavaScript features and automatically polyfill them
+                                // with core-js.
+                                useBuiltIns: 'usage',
+
+                                // core-js version to use, must be in sync with the version in package.json.
+                                corejs: '3.40'
+                            }
+                        ],
+                        require.resolve('@babel/preset-react')
+                    ]
+                },
+                test: /\.(j|t)sx?$/,
+                exclude: /node_modules/
+            }, {
+                // Allow CSS to be imported into JavaScript.
+
+                test: /\.css$/,
+                use: [
+                    'style-loader',
+                    'css-loader'
+                ]
+            }, {
+                // Import SVG as raw text when using ?raw query parameter.
+                test: /\.svg$/,
+                resourceQuery: /raw/,
+                type: 'asset/source'
+            }, {
+                // Import SVG as React component (default).
+                test: /\.svg$/,
+                resourceQuery: { not: [ /raw/ ] },
+                use: [ {
+                    loader: '@svgr/webpack',
+                    options: {
+                        dimensions: false,
+                        expandProps: 'start'
+                    }
+                } ]
+            }, {
+                test: /\.tsx?$/,
+                exclude: /node_modules/,
+                loader: 'ts-loader',
+                options: {
+                    configFile: 'tsconfig.web.json',
+                    transpileOnly: !isProduction // Skip type checking for dev builds.,
+                }
+            } ]
+        },
+        node: {
+            // Allow the use of the real filename of the module being executed. By
+            // default Webpack does not leak path-related information and provides a
+            // value that is a mock (/index.js).
+            __filename: true
+        },
+        optimization: {
+            concatenateModules: isProduction,
+            minimize: isProduction
+        },
+        output: {
+            filename: `[name]${isProduction ? '.min' : ''}.js`,
+            path: `${__dirname}/build`,
+            publicPath: '/libs/',
+            sourceMapFilename: '[file].map'
+        },
+        plugins: [
+            detectCircularDeps
+                && new CircularDependencyPlugin({
+                    allowAsyncCycles: false,
+                    exclude: /node_modules/,
+                    failOnError: false
+                })
+        ].filter(Boolean),
+        resolve: {
+            alias: {
+                'focus-visible': 'focus-visible/dist/focus-visible.min.js',
+                '@giphy/js-analytics': resolve(__dirname, 'giphy-analytics-stub.js')
+            },
+            aliasFields: [
+                'browser'
+            ],
+            extensions: [
+                '.web.js',
+                '.web.ts',
+                '.web.tsx',
+
+                // Typescript:
+                '.tsx',
+                '.ts',
+
+                // Webpack defaults:
+                '.js',
+                '.json'
+            ],
+            fallback: {
+                // Provide some empty Node modules (required by AtlasKit, olm).
+                crypto: false,
+                fs: false,
+                path: false,
+                process: false
+            }
+        }
+    };
+}
+
+/**
+ * Helper function to build the dev server config. It's necessary to split it in
+ * Webpack 5 because only one devServer entry is supported, so we attach it to
+ * the main bundle.
+ *
+
+ * @returns {Object} the dev server configuration.
+ */
+function getDevServerConfig() {
+    return {
+        client: {
+            overlay: {
+                errors: true,
+                warnings: false
+            }
+        },
+        host: 'localhost',
+        hot: true,
+        proxy: [
+            {
+                context: [ '/' ],
+                bypass: devServerProxyBypass,
+                secure: false,
+                target: devServerProxyTarget,
+                headers: {
+                    'Host': new URL(devServerProxyTarget).host
+                }
+            }
+        ],
+        server: process.env.CODESPACES ? 'http' : 'https',
+        static: {
+            directory: process.cwd(),
+            watch: {
+                ignored: file => file.endsWith('.log')
+            }
+        }
+    };
+}
+
+module.exports = (_env, argv) => {
+    const analyzeBundle = Boolean(process.env.ANALYZE_BUNDLE);
+    const mode = typeof argv.mode === 'undefined' ? 'production' : argv.mode;
+    const isProduction = mode === 'production';
+    const configOptions = {
+        detectCircularDeps: Boolean(process.env.DETECT_CIRCULAR_DEPS),
+        isProduction
+    };
+    const config = getConfig(configOptions);
+    const perfHintOptions = {
+        analyzeBundle,
+        isProduction
+    };
+
+    return [
+        { ...config,
+            entry: {
+                'app.bundle': './app.js'
+            },
+            devServer: isProduction ? {} : getDevServerConfig(),
+            plugins: [
+                ...config.plugins,
+                ...getBundleAnalyzerPlugin(analyzeBundle, 'app'),
+                new webpack.DefinePlugin({
+                    '__DEV__': !isProduction
+                }),
+                new webpack.IgnorePlugin({
+                    resourceRegExp: /^canvas$/,
+                    contextRegExp: /resemblejs$/
+                }),
+                new webpack.IgnorePlugin({
+                    resourceRegExp: /^\.\/locale$/,
+                    contextRegExp: /moment$/
+                }),
+                new webpack.ProvidePlugin({
+                    process: 'process/browser'
+                })
+            ],
+
+            performance: getPerformanceHints(perfHintOptions, 5 * 1024 * 1024) },
+        { ...config,
+            entry: {
+                'alwaysontop': './react/features/always-on-top/index.tsx'
+            },
+            plugins: [
+                ...config.plugins,
+                ...getBundleAnalyzerPlugin(analyzeBundle, 'alwaysontop')
+            ],
+            performance: getPerformanceHints(perfHintOptions, 800 * 1024) },
+        { ...config,
+            entry: {
+                'close3': './static/close3.js'
+            },
+            plugins: [
+                ...config.plugins,
+                ...getBundleAnalyzerPlugin(analyzeBundle, 'close3')
+            ],
+            performance: getPerformanceHints(perfHintOptions, 128 * 1024) },
+
+        { ...config,
+            entry: {
+                'external_api': './modules/API/external/index.js'
+            },
+            output: { ...config.output,
+                library: 'JitsiMeetExternalAPI',
+                libraryTarget: 'umd' },
+            plugins: [
+                ...config.plugins,
+                ...getBundleAnalyzerPlugin(analyzeBundle, 'external_api')
+            ],
+            performance: getPerformanceHints(perfHintOptions, 95 * 1024) },
+        { ...config,
+            entry: {
+                'face-landmarks-worker': './react/features/face-landmarks/faceLandmarksWorker.ts'
+            },
+            plugins: [
+                ...config.plugins,
+                ...getBundleAnalyzerPlugin(analyzeBundle, 'face-landmarks-worker')
+            ],
+            performance: getPerformanceHints(perfHintOptions, 1024 * 1024 * 2) },
+        { ...config, /**
+             * The NoiseSuppressorWorklet is loaded in an audio worklet which doesn't have the same
+             * context as a normal window, (e.g. self/window is not defined).
+             * While running a production build webpack's boilerplate code doesn't introduce any
+             * audio worklet "unfriendly" code however when running the dev server, hot module replacement
+             * and live reload add javascript code that can't be ran by the worklet, so we explicitly ignore
+             * those parts with the null-loader.
+             * The dev server also expects a `self` global object that's not available in the `AudioWorkletGlobalScope`,
+             * so we replace it.
+             */
+            entry: {
+                'noise-suppressor-worklet':
+                    './react/features/stream-effects/noise-suppression/NoiseSuppressorWorklet.ts'
+            },
+
+            module: { rules: [
+                ...config.module.rules,
+                {
+                    test: resolve(__dirname, 'node_modules/webpack-dev-server/client'),
+                    loader: 'null-loader'
+                }
+            ] },
+            plugins: [
+            ],
+            performance: getPerformanceHints(perfHintOptions, 1024 * 1024 * 2),
+
+            output: {
+                ...config.output,
+
+                globalObject: 'AudioWorkletGlobalScope'
+            } },
+
+        { ...config,
+            entry: {
+                'screenshot-capture-worker': './react/features/screenshot-capture/worker.ts'
+            },
+            plugins: [
+                ...config.plugins,
+                ...getBundleAnalyzerPlugin(analyzeBundle, 'screenshot-capture-worker')
+            ],
+            performance: getPerformanceHints(perfHintOptions, 30 * 1024) }
+    ];
+};